@charset "utf-8";

#calcProgram .skip{ position: absolute; width: 0; height: 0; overflow: 0; font-size: 0;}
#calcProgram *{ letter-spacing: -0.055em; box-sizing: border-box;}
#calcProgram{ max-width: 1100px; margin: 0 auto; background: #d8be97 url(../../_images/_calc/calc_bg.jpg) no-repeat 50% 0; padding: 50px 0 40px}
#calcProgram h1{ text-align: center; font-size: 30px; color: #2d2d30;}
#calcProgram h1 strong{ font-weight: inherit; color: #077ed1}
#calcProgram h1 img{ vertical-align: text-bottom; margin-right: 5px;}
#calcProgram .calcArea{ margin: 60px auto 0; width: 900px}
#calcProgram .tab_btn{ margin: 0 120px; display: flex; justify-content: center; position: relative; z-index: 1}
#calcProgram .tab_btn:before{ content: ''; display: block; width: 100%; height: 1px; background: #d6dbdb; position: absolute; top: 52px; z-index: -1}
#calcProgram .tab_btn>li{ margin: 0 12px;}
#calcProgram .tab_btn>li a{ display: flex; width: 105px; height: 105px; border-radius: 50%; background: #fff; text-align: center; justify-content: center; align-items: center; font-size: 18px; color: #333; font-weight: 500;}
#calcProgram .tab_btn>li.active{ position: relative; top: -12px}
#calcProgram .tab_btn>li.active::before, #calcProgram .tab_btn>li.active::after{ content: ''; display: block; position: absolute;}
#calcProgram .tab_btn>li.active::before{ background: url(../../_images/_calc/calc_icon.png) no-repeat; height: 61px; width: 58px; top: -20px; left: 50%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
#calcProgram .tab_btn>li.farmer.active::before{ left: 59%; transform: translateX(-59%); -webkit-transform: translateX(-59%);}
#calcProgram .tab_btn>li.consumer.active::before{ background-position: -60px 0; width: 64px}
#calcProgram .tab_btn>li.expert.active::before{ background-position: -134px 0; width: 64px}
#calcProgram .tab_btn>li.active::after{ width: 14px; height: 14px; background: #077ed1; position: absolute; bottom: -6px; left: calc(50% - 7px); transform: rotate(45deg);}
#calcProgram .tab_btn>li.active a{ background: #077ed1; height: 130px; border-radius: 105px; color: #fff; padding-top: 20px;}
#calcProgram .tab_content{ margin-top: 6px; background: #fff; border-radius: 15px; padding: 20px 50px 30px; box-shadow: 0 7px 4px rgba(0,0,0,.2); min-height: 840px;}
#calcProgram h2{ font-size: 22px; color: #000; padding-left: 37px; margin-bottom: 8px; position: relative}
#calcProgram h2:before{ content: ''; display: block; position: absolute; left: 0; top: 0; background: url(../../_images/_calc/calc_icon.png) no-repeat; height: 26px;}
#calcProgram h2.ty1:before{ background-position: 0 -64px; width: 23px}
#calcProgram h2.ty2:before{ background-position: -28px -64px; width: 30px}
#calcProgram h2.ty3:before{ background-position: -64px -64px; width: 25px}
#calcProgram h2.ty4:before{ background-position: -94px -64px; width: 30px}
#calcProgram .calcSchBox{ margin-bottom: 30px; background: #fff; border: 1px solid #dbdbdb; border-radius: 5px; box-shadow: 0 2px 0 rgba(10,35,69,.1); padding: 20px 20px 15px 30px}
#calcProgram .calcSchBox ul li{ margin-bottom: 5px}
#calcProgram .calcSchBox ul li label, #calcProgram .calcSchBox ul li span{ display: inline-block; line-height: 34px; color: #333; font-weight: 500; width: 95px; vertical-align: top;}
#calcProgram .calcSchBox ul li span{ width: 50px; font-weight: 400; padding: 0 5px; font-size: 14px;}
#calcProgram .calcSchBox ul li span.calcPlus{ text-align: center; padding: 0; width: 35px; font-size: 0;}
#calcProgram .calcSchBox ul li span.calcPlus:before{ content: ''; display: inline-block; background: url(../../_images/_calc/calc_icon.png) no-repeat -130px -64px; width: 14px; height: 14px; vertical-align: middle;}
#calcProgram .calcSchBox .type1{ display: flex; flex-wrap: wrap;}
#calcProgram .calcSchBox .type1 li{ width: 50%;}
#calcProgram .calcSchBox .inputData{ border-radius: 3px; background: #fff; height: 34px; border: 1px solid #ddd; vertical-align: top;}
#calcProgram .calcSchBox .inputData.necessary{ border-color: #dc3545}
#calcProgram .calcSchBox ul li .txt_necessary{ display: block; color: #dc3545; font-size: 13px; font-style: normal; line-height: 22px; font-weight: 400;}
#calcProgram .calcSchBox select.inputData{ margin-right: 5px;}
#calcProgram .calcSchBox .inputData.calc1{ background: #f0fbfe;}
#calcProgram .calcSchBox .inputData.calc2{ background: #f5f5f5;}
#calcProgram button.btn_calc{ display: block; margin: 0 auto; width: 140px; height: 50px; line-height: 50px; border-radius: 5px; background: #077ed1; color: #fff; font-weight: 600; font-size: 16px;}
#calcProgram button.btn_calc::before{ content: ''; display: inline-block; background: url(../../_images/_calc/calc_icon.png) no-repeat -148px -64px; width: 12px; height: 15px; vertical-align: middle; margin-right: 5px;}
#calcProgram .calcLayer{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 10; display: none;}
#calcProgram .calcLayer .popWrap{ width: 460px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#calcProgram .calcLayer .popWrap h2{ background: #333; color: #fff; line-height: 40px; padding: 0 15px; font-size: 21px; font-weight: 500; margin: 0}
#calcProgram .calcLayer .popWrap>div{ padding: 50px; text-align: center;}
#calcProgram .calcLayer .popWrap>div i{ display: flex; width: 120px; height: 120px; border-radius: 50%; background: #efefef; margin: 0 auto 30px; align-items: center; justify-content: center;}
#calcProgram .calcLayer .popWrap>div i:before{ content: ''; display: block; background: url(../../_images/_calc/calc_icon.png) no-repeat -204px 0; width: 64px; height: 63px;}
#calcProgram .calcLayer .popWrap>div strong{ display: inline-block; height: 65px; line-height: 60px; font-size: 50px; background: #077ed1; color: #fff; padding: 0 30px; font-weight: 600;}
#calcProgram .calcLayer .popWrap>div span{ margin: 0 -50px 0 10px}
#calcProgram .calcLayer .popWrap .layerClose{ position: absolute; right: 0; top: 0; width: 40px; height: 40px; font-size: 0}
#calcProgram .calcLayer .popWrap .layerClose:before{ content: '\2715'; display: inline-block; font-size: 1.3rem; color: #fff}