@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px"Microsoft Yahei","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}
a{color:#333;text-decoration:none}
a:hover{color:#341b00;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word; color:#666;}
.g-wp p{ color:#000;}

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.layout, .content{ width:1200px; margin:0 auto; position:relative;}

.boxMo{ min-width:1200px;}
.marB30{ margin-bottom: 30px;}
.marB60{ margin-bottom: 60px;}
.marT20{ margin-top: 20px;}
.marT40{ margin-top: 40px;}

.banner{ height: 804px; background: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/47d5a9779f_banner.jpg) no-repeat center top;}
.top_bar{ height: 70px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99ffffff', endColorstr='#99ffffff'); background: rgba(255,255,255,0.3); overflow: hidden;}
.top_btn{ float: left; margin-top: 15px;}
.top_btn a{ float: left; width: 120px; height: 40px; margin-right: 20px; font: bold 18px/34px "Microsoft Yahei"; color: #f24e0f; text-align: center; background: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/8a931e182f_bg_top_btn.png) no-repeat center top;}
.countdown{ float: right; width: 391px; height: 52px; margin-top: 9px; background: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/f4b0e77920_btn_countdown.png) no-repeat center top;}
#countdown_con{ font: bold 16px/52px "Microsoft Yahei"; color: #fe6f1a; text-align: center; }
#countdown_con span{ display: inline-block; width: 40px; height: 36px; margin: 6px 4px 0; font: 22px/36px "Microsoft Yahei"; color: #fff; text-align: center; background-color: #ff701b;border-radius: 4px;}

.box_rule{ height: 1027px; background: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/ead1410926_bg1.jpg) no-repeat center top; overflow: hidden;}
.rule_wrap{ width: 1100px; height: 808px; padding: 50px; margin-top: 60px; background: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/8f082c3039_bg_intro.png) no-repeat center top;}

.tit{}
.tit p{ font: bold 44px/48px "Microsoft Yahei"; color: #e74c3b;}
.tit span{ font: 24px/26px "Microsoft Yahei"; color: #e74c3b;}
.tit p.sty2{ color: #fff;}
.tit span.sty2{ color: #fff;}
.tit span.sty3{ color: #fe9f30;}

.rule_con{}
.rule_tem{ position: relative; padding-left: 58px; margin-bottom: 12px; overflow: hidden;}
.rule_tem i{ position: absolute; top: 0; left: 0; width: 46px; height: 46px; font: bold 24px/46px "Microsoft Yahei"; color: #fff; text-align: center; background-color: #e24446; border-radius: 50%; content: "";}
.rule_tem p{ margin-top: 10px; font-size: 18px; line-height: 36px; color: #e06821;}
.rule_tem p a{ color: #e06821;}

.qrcode{ margin-bottom: 20px; text-align: center;}
.qrcode_tem{ display: inline-block; width: 140px; margin: 0 50px;}
.qrcode_i{ width: 130px; height: 130px; border-radius: 4px;}
.qrcode_i img{ padding: 5%; width: 90%; height: 90%;}
.qrcode_tem p{ width: 200px; margin: 8px 0 0 -30px; font: 20px/22px "Microsoft Yahei"; text-align: center;}
.qrcode_tem.tem1 .qrcode_i{ border: 5px solid #ffaf15;}
.qrcode_tem.tem2 .qrcode_i{ border: 5px solid #e24446;}
.qrcode_tem.tem1 p{ color: #ffaf15}
.qrcode_tem.tem2 p{ color: #e24446}

.btn_link{}
.btn_link img{ float: left; width: 295px; margin-right: 105px;}

.box_satt{ height: 275px; margin-bottom: 60px; background: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/25335ec124_bg2.png) no-repeat center top;}
.satt_con{ float: right; width: 775px; margin: 20px 30px 0 0;}
.satt_con h3{ max-height: 80px; margin-bottom: 10px; font: bold 36px/40px "Microsoft Yahei"; overflow: hidden;}
.satt_con h3 a{ color: #ee5c4d;}
.satt_con p{ max-height: 102px; margin-bottom: 14px; font: 20px/34px "Microsoft Yahei"; color: #666; overflow: hidden;}
.satt_con a.satt_more{ float: right; width: 100px; height: 45px; font: 18px/42px "Microsoft Yahei"; color: #b2b2b2; text-align: center; background: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/21082c067c_satt_more.png) no-repeat center top;}

.box_sasp{ height: 450px; margin-bottom: 60px; background: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/7f808b734f_bg3.png) no-repeat center top;}
.sasp_con{ position: relative; float: right; width: 800px; height: 450px; margin-right: 156px;}
.sasp_con img{ width: 100%; height: 100%;}
.sasp_con .icon_play{ position: absolute; bottom: 75px; right: 0; width: 140px; height: 72px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000'); background: rgba(0,0,0,0.6);}
.sasp_con .icon_play i{ position: absolute; top: 12px; right: 15px; width: 48px; height: 48px; background: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/97a3c88840_icon_play.png) no-repeat center top;}

.bg4{ height: 606px; background: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/12c87b4156_bg4.png) no-repeat center top; overflow: hidden;}
.aqtj{ float: left; width: 495px;}

.slider1_wrap{ position: relative;  width: 258px; height: 448px; margin: 20px 0 0 108px; background-color: #fff; border: 1px solid #ff711b;}
.slider1{}
.slider1 li{ position: relative; width: 240px; height: 430px; padding: 9px;}
.slider1 li img{ width: 240px; height: 430px;}

.slider1_wrap .bx-wrapper{ position: relative;}
.slider1_wrap .bx-controls{/* position: absolute; top: 0; left: 0;*/}
.slider1_wrap .bx-pager{ position: absolute; bottom: 19px; right: 16px;}
.slider1_wrap .bx-pager-item{ float: left;}
.slider1_wrap .bx-pager-link{ float: left; width: 10px; height: 10px; margin-left: 5px; text-indent: 999em; background: #8c8c8c; border-radius: 50%; overflow: hidden;}
.slider1_wrap .bx-pager-link:hover, .slider1_wrap .bx-pager-link.active{ background-color: #ffa32e; text-decoration: none;}

.slider1_wrap .bx-prev, .slider1_wrap .bx-next{ position: absolute; top: 50%; width: 41px; height: 38px; margin-top: -19px; background-image: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/1fbb540b50_arr.png); text-indent: 999em; overflow: hidden;}
.slider1_wrap .bx-prev{ left: -60px; background-position: 0 0;}
.slider1_wrap .bx-next{ right: -60px; background-position: -41px 0;}

.zdd{ float: right; width: 590px; margin-top: 115px;}

.news_list{ margin-top: 20px;}
.news_list li{ position: relative; height: 50px; padding-left: 12px; font: 18px/50px "Microsoft Yahei"; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.news_list li:before{ position: absolute; top: 50%; left: 0; width: 4px; height: 4px; margin-top: -2px; background-color: #e74c3b; content: "";}
.news_list li a{}

.bot_des{ height: 60px;  background-color: #eee; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.bot_des p{ height: 60px; text-align: center; font-size: 16px; line-height: 60px; color: #999;}
.bot_des p span{ margin: 0 10px;}

/*奖项设置页*/
.prize_banner{ height: 1155px; background: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/47d5a9779f_banner.jpg) no-repeat center top;}
.prize_i{ width: 1200px; height: 1632px; margin-top: -400px; background: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/b6aa4d59e4_prize_i.png) no-repeat center top;}

/*答题页*/
.que_banner{ height: 1155px; margin-bottom: -305px; background: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/47d5a9779f_banner.jpg) no-repeat center top;}

/*问卷*/
.que_layout{ position: relative; box-sizing: border-box; padding: 18px 40px; background-color: #fef1e9; z-index: 2;}
.bgPink{ background-color: #eed6ce;}
/*.que_banner{ position: relative; width: 100%; height: 856px; z-index: 2;}
.que_banner_adult{ background: url(bg_adult.jpg?tr=1) no-repeat center top;}
.que_banner_student{ background: url(bg_student.jpg?tr=1) no-repeat center top;}
.que_banner_pupil{ background: url(bg_pupil.jpg?tr=1) no-repeat center top;}*/
.i_cake{ position: absolute; left: 50%; top: 350px; width: 381px; height: 262px; margin-left: 397px; background: url(i_cake.png?tr=1) no-repeat center top; z-index: 3}
.i_block{ position: absolute; top: 550px; left: 50%; width: 256px; height: 161px; margin-left: 706px; background: url(i_block.png?tr=1) no-repeat center top; z-index: 3}
.que_countdown_wrap{ position: absolute; top: 15px; left: 50%; width: 254px; height: 197px; margin-left: 270px; background: url(bg_coutndown.png?tr=1) no-repeat center top;}
.que_countdown_wrap span{ position: absolute; top: 94px; left: 130px; width: 80px; height: 40px; font: bold 40px/40px "Microsoft Yahei"; text-align: right; color: #cf2626;}

.bgFe{ }
.icon_screen{ position: absolute; top: -72px; left: 890px; width: 214px; height: 88px;}
.icon_screen_adult{ background: url(icon_screen_adult.png?tr=1);}
.icon_screen_student{ background: url(icon_screen_student.png?tr=1);}
.icon_screen_pupil{ background: url(icon_screen_pupil.png?tr=1);}
.screen_qrcode{ box-sizing: border-box; position: absolute; top: 14px; left: 742px; width: 106px; height: 106px; padding: 3px; background: url(qrcode_wrap.png?tr=1) no-repeat center top;}
.screen_qrcode img{ width: 100px; height: 100px;}

.lmT{ height: 30px; margin-bottom: 24px; padding-left: 10px; font: bold 30px/30px "Microsoft Yahei"; color: #e84b37; border-left: 3px solid #ffad00;}
.lmT span{ margin-left: 10px; font-size: 16px; color: #888;}
.que_rule_des{ font-size: 16px; line-height: 32px; color: #333;}

.prize_adult{ height: 192px; background: url(prize_adult.png?tr=1) no-repeat center top;}
.prize_student{ height: 267px; background: url(prize_student.png?tr=1) no-repeat center top;}
.prize_pupil{ height: 258px; background: url(prize_pupil.png?tr=1) no-repeat center top;}

.quetion_wrap{ padding-bottom: 20px; background-color: #fff;}
.questionMo{  background-color: #fff; }
.questionT{ margin:14px 0; font: 18px/24px "Microsoft Yahei"; color:#121e69;}
.questionT_abs{ font-weight:normal;}

.questionC{ }
.questionC li{height:16px; margin:0 0 18px 23px; _display:inline; }
.questionC li label{ cursor: pointer; display: block;}
.questionC .radio, .questionC .checkbox{ float:left; margin-top:2px; *margin-top: -4px; margin-right: 5px;}
.questionC .des{ float:left; margin-left:5px; height:16px; font:16px/16px "Microsoft Yahei"; color:#121e69; _display:inline; white-space:nowrap;}
.questionC .des img{ height: 16px; width: auto;}
.questionC .text{ width:80px; height:15px; border:none; background:none; border-bottom:1px solid #555; font:14px/15px "Microsoft Yahei"; color:#555; text-indent:0.5em; }

.bot_ohter{ display: none; height: 746px; background: url(bot_other.png?tr=1) no-repeat center top;}
/*#bot_ohter{ display: block;}*/
#bot_ohter.active{ display: block;}

#anonymous_form{ display: none;}

.box_information{ position: absolute; top: 165px; left: 6px; width: 650px;}
.information_tem{ width: 450px; margin: 0 auto 15px; }
/*.information_tem2{ width: 995px;}*/
/*.information_tem span{ float: left; width: 90px; height: 48px; font: 18px/48px "Microsoft Yahei"; color: #fff; text-align: right;}*/
.information_tem .i_text{ /*float: left; */width: 448px; height: 40px; font: 20px/40px "Microsoft Yahei"; color: #666; text-indent: 1em; border: 1px solid #dfdfdf; outline: none;}
/*.information_tem2 .i_text{ width: 890px;}*/
.information_des{ padding: 0 20px 20px; font-size: 16px; line-height: 30px; color: #888;}
.information_des span{ font-weight: bold; color: #dd4c4e;}
.i_select{ float: left; width: 390px; height: 38px; font: 16px/38px "Microsoft Yahei"; color: #666; text-indent: 0.5em; border: 1px solid #dfdfdf; border-radius: 5px; padding: 6px 0\9;}

#distpicker{}
#distpicker select{ display: block; width: 448px; height: 40px; font: 20px/40px "Microsoft Yahei"; color: #666; text-indent: 1em; border: 1px solid #dfdfdf; outline: none; margin: 0 auto 15px;}

.btn_tem{ display: block; width: 291px; height: 65px; margin: 0 auto; font: bold 30px/50px "Microsoft Yahei"; color: #fff; text-align: center; background: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/3378b2f88b_btn_tem.png) no-repeat center top; border: none; cursor: pointer;}
.btn_tem:focus{ outline: none;}
#btn_submit2.btn_tem{ margin-bottom: 20px;}


/*#box_fail{ display: block;}*/
/*#box_success{ display: block;}*/
.box_result_wrap{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000'); background: rgba(0,0,0,0.7); z-index: 4}
.box_result_pos{ position: absolute; top: 50px; left: 50%; width: 500px; margin-left: -250px;}
.box_result{ width: 100%; margin-bottom: 20px; border-radius: 20px;}
.box_result_t{ height: 104px; margin-bottom: 5px; font: bold 32px/64px "Microsoft Yahei"; color: #fff; text-align: center; background: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/0dbbec1d85_tip_tit.png) no-repeat center top;}
.box_result_con{ box-sizing: border-box; width: 100%; background-color: #fff; border: 2px solid #f59300; border-radius: 20px;}
.box_result_icon{ width: 110px; height: 110px; margin: 0px auto 20px;}
.box_result_icon_fail{ background: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/e2cfabe937_icon_fail.png) no-repeat center top;}
.box_result_icon_success{ background: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/28c73ea61f_icon_success.png) no-repeat center top;}
.box_result_des{ font-size: 20px; line-height: 34px; text-align: center;}
.box_result_des2{ text-align: left; padding: 0 28px 14px;}
.box_result_des span{ font-weight: bold; font-size: 40px; color: #4434c3;}
.btn_restart{ margin: 20px auto 30px; cursor: pointer;}
.btn_close{ display: block; width: 44px; height: 44px; margin: 0 auto; background: url(https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/img/a824b58dbe_btn_close.png) no-repeat center top; cursor: pointer;}

.box_result_qrcode{ width: 180px; margin: 20px auto 30px;}
.box_result_qrcode img{ display: block; width: 160px; height: 160px; margin: 0 auto;}
.box_result_qrcode p{ margin-top: 5px; font-size: 16px; line-height: 20px; text-align: center;}

#btn_end{ display:none}
#btn_end.active{ display:block}