@charset "utf-8";
a img{border:0}
body{color:#333;background-color:#FFF;text-align:left;position:relative;}
body,ul,dl,dd,dt,ol,li,p,h1,h2,h3,h4,h5,h6,textarea,form,select,fieldset,table,td,div,input,button{margin:0;padding:0;-webkit-text-size-adjust:none;font-size:16px;font-weight:normal;font-family:'PingFangSC-Light','Microsoft yahei',Arial,Helvetica,sans-serif;}
ul,ol,li{list-style-type:none;vertical-align:0}
a{outline-style:none;color:#535353;text-decoration:none}
.clear{height:0;overflow:hidden;clear:both}
.dis_top{display:inline-block;vertical-align:top;}
.dis_mid{display:inline-block;vertical-align:middle;}
.ellipsis{margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.textright{text-align:right;}
.textcenter{text-align:center;}
.marginR15{margin-right:15px;}
.marginR6{margin-right:6px;}
.marginb0{margin-bottom:0!important;}

/*主要内容样式*/
.main{/*padding-top:35px;*/box-sizing:content-box;}
.max-width{width:1170px;margin:0 auto;}
.ni-logo{padding-top:15px;padding-bottom:15px;}
.banner{background:url("../images/activity2019/ni2019/banner.png?v=2.1") center 0 no-repeat;min-width:1140px;height:217px;}
.title{border-bottom:1px solid #E2E2E2;}
.title h2{padding-top:30px;padding-bottom:28px;font-size:18px;color:#222222;border-bottom:6px solid #3499DB;display:inline-block;padding-left:15px;padding-right:15px;}
.cont{padding:20px 15px;}
.cont p{font-size:16px;color:#666666;line-height:24px;margin-bottom:28px;}
.contbtns{overflow:hidden;margin-bottom:10px;}
.contbtns a,.contbtns a:hover{text-decoration:none;}
.clickbtn,.clickbtna{background:#ffffff;width:166px;height:40px;font-size:16px;line-height:40px;text-align:center;cursor:pointer;float:right;}
.clickbtna{border:1px solid #0e385f;color:#0e385f;}
.clickbtn{border:1px solid #f9a44a;color:#f9a44a;}
.clickbtn:hover{background:#f9a44a;border:1px solid #f9a44a;color:#fff;}
.clickbtna:hover{background:#0e385f;border:1px solid #0e385f;color:#fff;}

/*tab切换*/
.tabpart{background:#fafafa;}
.tab-ul{height:94px;padding-left:15px;padding-top:30px;border-bottom:1px solid #969696;}
.tab-ul .tab-liup{margin-top: -5px;float:left;width:275px;height:69px;background-color:#e4e4e3;font-size:16px;line-height:69px;letter-spacing:0px;color:#4a4a4a;text-align:center;margin-left:2px;margin-right:2px;border-right:1px solid #fafafa;border-left:1px solid #fafafa;}
.tab-ul .tab-liup:hover,.tab-ul .tab-liup.current{border-top:6px solid #3497db;border-right:1px solid #969696;border-left:1px solid #969696;color:#2e95da;margin-top:-5px;background:#fafafa;cursor:pointer;line-height:67px;}
.tab-main{padding-left:20px;padding-right:20px;padding-bottom:25px;display:none;}
.tab-main.current{display:block;}
.tabtitle,h3{font-size:16px;color:#222222;line-height:22px;text-align:left;margin-top:25px;    font-weight: 400;}
h3{margin-bottom:20px;}
.tabtitle{margin-bottom:15px;}
.tabcon{font-size:16px;color:#666666;line-height:24px;text-align:left;margin-bottom:20px;}
.tabimg01{margin:0 auto;display:block;}
.tabcon-half{margin-top:5px;}
.tabcon-half div{width:50%;font-size:16px;}
.tab2-left{width:72%;margin-top:27px;}
.tab2-rigth{width:28%;text-align:right;}
.tab3-left{width:62%;}
.tab3-right{width:36%;text-align:right;}

/*流程图*/
.welfare-step{width:800px;height:380px;margin:20px auto;}
.step-div{float:left;position:relative;height:100%;}
.welfare-step .step01{width:365px;}
.welfare-step .step02{width:215px;}
.welfare-step .step03{width:215px;}
.step-div img{position:absolute;}
.step-div.active{cursor:pointer;}
.step-div.noactive{cursor:text;}
.step-div.active .noactive-img,.step-div.noactive .active-img{display:none;visibility:hidden;}
.step-div.noactive .noactive-img,.step-div.active .active-img{display:block;visibility:visible;}
.step-div img.step01-up{left:117px;top:0;}
.step-div img.step01-bg{left:0;top:163px;}
.step-div img.step02-down{left:-30px;bottom:9px;}
.step-div img.step02-down-active{left:-30px;bottom:6px;}
.step-div img.step02-bg{left:10px;top:163px;}
.step-div img.step03-up{left:-31px;top:0;}
.step-div img.step03-bg{left:10px;top:163px;}
.step-div img.step03-up-active{left:-31px;top:0;}
.step-div img.step03-bg-active,.step-div img.step02-bg-active{top:165px;right:0;}
.step-div .step-text{position:absolute;z-index:5;font-size:16px;text-align:center;line-height:18px;color:#bbbbbb;}
.step01 .step-text{top:74px;left:149px;color:#f9a44a;}
.step02 .step-text{color:#42a0d3;bottom:40px;left:0;}
.step03 .step-text{color:#49637c;top:74px;left:0;}
.step-div.noactive .step-text{color:#bbbbbb;}
.step-div.active .step-text:hover{opacity:.8;filter:alpha(opacity=80);}
.cont-table{font-size:16px;color:#666666;line-height:24px;}
.cont-table .left-tip{width:20px;}
.cont-table  td{vertical-align:top;}
.welfare{padding-left:20px;padding-right:20px;}
.prizes-list{overflow:hidden;}
.prizes-list li{float:left;width:23%;}
.prizes-list .prizes-div{position:relative;background:#ffffff;width:90%;text-align:center;}
.prizes-list .prize-bottom{position:absolute;bottom:0;left:0;width:100%;height:50px;background-color:#3499db;font-size:16px;color:#ffffff;text-align:center;line-height:46px;}
.prizes-list .prize-bottom2{line-height:1.5;}
.prizes-list .prize-bottom2 .doublerow{display:inline-block;vertical-align:middle;line-height:19px;}
.bigertext{font-size:28px;}
.ni2018footer{background:#065fa3;width:100%;height:220px;margin-top:90px;}
.footer-inner{padding-top:25px;padding-left:60px;}
.footer-inner img{width: 210px;}
.footer-inner .conttextp{font-size:12px;color:#ffffff;line-height:22px;text-align:left;margin-top:20px;}
.conttextp a,.conttextp a:link,.conttextp a:visited,.conttextp a:active{color:#ffffff;text-decoration:none;}
.conttextp a:hover{text-decoration:none;opacity:0.8;filter:alpha(opacity=80);}

/*modol*/
.float_tip{display:none;position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;}
.tipbg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;background-color:#000;filter:Alpha(Opacity=50):;}
.center_tip{position:fixed;top:10%;left:50%;box-shadow:0 4px 10px 0 rgba(65,65,65,0.67);border-radius:5px;width:730px;margin-left:-365px;opacity:1;background-color:#fff;}
#close_tip{position:relative;height:54px;cursor:pointer;text-align:center;color:#fff;border-radius:8px 8px 0 0;}
#close_tip .icons{position:absolute;top:10px;right:10px;}
.icon-close{width:21px;height:21px;margin-top:8px;background-size:20px;margin-right:10px;}
.content_tip{padding:0 15px 25px;text-align:center;color:#f16a66;}
.close_tip{padding:15px 15px 10px 15px;}
.center_tip h4{padding-top:13px;font-size:20px;color:#222222;            /*font-weight: bold;*/text-align:center;margin-bottom:5px;}
.content_tip p.cont-title{margin:25px 0 10px 0;padding-right:0;font-size:16px;color:#666;border-bottom:0;}
.content_tip p.cont-title a{font-size:16px;}
.content_tip p.tipp{font-size:14px;color:#666;}
.content_tip p.cont-title span.orangetext{color:#fb3d4f;}
.content_tip p.tipp span.qqstyle{margin-left:15px;color:#fb3d4f;}
.content_tip p.cont-title a:link,.content_tip p.cont-title a:visited,.content_tip p.cont-title a:hover,.content_tip p.cont-title a:active{color:#2e95da;}
.bgblock{display:none;position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.2);top:0;left:0;z-index:95;}
.clickbtn,.js-down{cursor:pointer;}
.niform{margin-left:2%;margin-right:2%;}
.close-img{position:absolute;right:10px;}
.subject{          /*border-bottom: 1px dashed #ccc;*/
margin-bottom:10px;margin-top:10px;text-align:left;}

/*.subject:last-child{
   border-bottom: 2px solid #dfdfdf;
}*/
.icons{display:inline-block;vertical-align:middle;}
.icon-radio{background:url("../images/activity-2018/ni2018/radio01.png") no-repeat;}

/*单选*/
.hRadio-Checked .icon-radio,label.radio:hover span{background:url("../images/activity-2018/ni2018/radio02.png") no-repeat;}
.subject .rightpart{width:100%;}
.fourpart{float:left;width:24%;}
.twopart{float:left;width:50%;}
.threepart{float:left;width:33%;}
.niform fieldset{border:none;margin-bottom:10px;}
.niform legend,.from-result legend{display:block;width:100%;padding:0;border:0;margin-bottom:7px;font-size:16px;color:#222222;line-height:26px;}
.niform input[type=radio],.niform input[type=checkbox]{display:none;}
label.radio,label.checkbox{padding-left:0;cursor:pointer;line-height:1.5;font-size:16px;display:inline-block;vertical-align:top;color:#666;font-weight:normal;width:85%;margin-top:0;margin-bottom:5px;}
label.hRadio-Checked,label.checked{color:#2e89ca;}
.niform label.radio span,.niform label.checkbox span{width:23px;height:23px;margin-right:6%;}
label.radio:hover,label.checkbox:hover{color:#2e89ca;}

/*多选*/
.niform label.checkbox span{background-position:-18px -20px;}
label.checkbox:hover span,.niform label.checked span{background-position:-1px -20px;}
label.error{margin-top:5px;margin-bottom:0;display:block;color:#f3334b;clear:both;font-weight:normal;font-size:12px;}
.submit{font-size:16px;color:#ffffff;padding:6px 60px;margin:10px 0 25px;border:0;background:#47a5d9;width:320px;height:50px;}
.submit:hover,.submit:focus{opacity:.8;filter:alpha(opacity=80);outline:none;background:#2e89ca;color:#fff;cursor:pointer;}
.red-p{font-size:13px;color:#f3334b;}
.red-text{color:#f3334b!important;}

/*ie8*/
.tab-ul{height:95px \0;}
.tab-ul .tab-liup{height:64px \0;}
.tab-ul .tab-liup:hover,.tab-ul .tab-liup.current{height:69px \0;}

/*适配样式*/
.phonehide{display:block;visibility:visible;}
.phoneshow{display:none;visibility:hidden;}
.welfare-step h2{position:absolute;font-size:25px;font-family:PingFangSC-Semibold;color:#9b9b9b;}
.welfare-step .step01 h2{top:66%;left:38%;}
.welfare-step .step02 h2{top:25%;left:-5%;}
.welfare-step .step03 h2{top:68%;left:-5%;}
.step01.active h2{color:#f5a623;}
.step02.active h2{color:#47a5d9;}
.step03.active h2{color:#48617a;}

.tab1-left{width: 640px;margin-top:15px;}
.tab1-right{ width: 470px;}
.tab1-right img,.prizes-div img{max-width: 100%;}
.tab2-right{margin-top:20px;}

/*leads调整*/
.survey-custom-scrollbar{max-height:500px;}
@media (max-width:414px){
  .survey-custom-scrollbar{max-height:450px;}
}
@media (max-width:375px){
  .survey-custom-scrollbar{max-height:385px;}
}
@media (max-width:320px){
  .survey-custom-scrollbar{max-height:320px;}
}
@media (max-width:1170px){
  .banner{background-size:1410px;}
  .ni-logo{padding-top:10px;padding-bottom:5px;}
  .ni-logo img{width:30%;}
  .pi-footer,.banner-phone img{min-width:100%;max-width:100%;}
  .main,.max-width.tabpart{width:100%;overflow:hidden;}
  .max-width{width:93%;}
  .title .max-width{text-align:center;}
  .title h2{padding-top:16px;padding-bottom:14px;font-size:16px;}
  .cont{padding:4% 2%;}
  .cont p{font-size:13px;}
  .tab-ul{width:98%;overflow-x:hidden;overflow-y:hidden;height:69px;padding-left:2%;}
  .tab-ul ul{width:100%;}
  .tab-ul .tab-liup{font-size:15px;width:auto;height:43px;padding-left:10px;padding-right:10px;line-height:46px;}
  .tab-ul .tab-liup:hover,.tab-ul .tab-liup.current{line-height:37px;}
  .tabtitle,h3{font-size:14px;}
  .tabcon,.tabcon-half div{font-size:13px;width:100%;}
  .tabpart img{max-width:100%;margin:0 auto;display:block;}
  .welfare{padding-left:0;padding-right:0;}
  .tab2-left,.tab1-left{width:68%;}
  .tab1-right{width:30%;}
}
@media (max-width:980px){
  .tab2-left,.tab1-left{width:62%;}
  .tab2-right,.tab1-right{width:37%;}

}
@media (max-width:855px){
  .phonehide{display:none;visibility:hidden;}
  .phoneshow{display:block;visibility:visible;}
  .prizes-list li{width:50%;}
  .prizes-list .prizes-div{margin:0 auto 20px;}
  .welfare-step{transform:scale(0.9);}
  .center_tip{width:96%;margin-left:-48%;}
  .submit{width:100%;}
  .niform legend,.from-result legend{font-size:14px;}
  .tab2-left,.tab1-left, .tab2-right,.tab1-right {
    width: 100%;
  }
  .tab1-right img, .prizes-div img {
    width: auto;
    margin:10px auto;
    display: block;
  }
}
@media (max-width:790px){
  .welfare-step{transform:scale(0.8);margin-left:-10%;}
}
@media (max-width:700px){
  .welfare-mobile{position:relative;height:270px;width:100%;}
  .welfare-step{position:absolute;transform:scale(0.7);margin-left:-20%;top:-28%;}
  .tab-main{padding-left:10px;padding-right:10px;}
  .tab2-left,.tab3-left,.tab3-right{width:100%;}
  .tab2-right{margin-bottom:20px;float:none!important;margin:0 auto;}
  .tab2-right img{margin-bottom:20px;margin-top:20px;}
  .clickbtn,.clickbtna{font-size:14px;width:130px;height:40px;}
  .contbtns{width:90%;margin-left:auto;margin-right:auto;}
  .contbtns .marginR15{float:left;}
  .tabpart .contbtns .marginR15{float:right;}
  .footer-inner{padding-left:10px;}
  .ni2018footer{padding-bottom:20px;height:auto;}
  .ni2018footer span.marginR15{display:block;}
  .center_tip h4{padding-top:8px;font-size:16px;}
  .red-p{font-size:12px;}
  .subject{margin-top:5px;}
  .niform legend,.from-result legend{font-size:12px;line-height:1.6;}
  .niform label.radio span,.niform label.checkbox span{width:18px;height:17px;}
  .icon-radio,.hRadio-Checked .icon-radio,label.radio:hover span{background-size:15px;}
  label.radio,label.checkbox{font-size:12px;}
  .submit{width:80%;margin:0 0 10px;height:40px;}
}
@media (max-width:600px){
  .welfare-step{transform:scale(0.6);margin-left:-30%;}
}
@media (max-width:530px){
  .welfare-step{transform:scale(0.5);margin-left:-42%;}
  .prizes-list .prizes-div{ width: 90%;height: auto;}
}
@media (max-width:448px){
  .welfare-step{margin-left:-50%;}
}
@media (max-width:430px){
  .welfare-mobile{height:210px;}
  .welfare-step{margin-left:-51%;top:-44%;}
  .step-div .step-text{transform:scale(2.0);width:34px;background:#fff;padding:1%;border-radius:50%;    font-size: 12px;}
  .step01 .step-text{top:42px;left:158px;}
  .step02 .step-text{bottom:50px;left:11px;}
  .step03 .step-text{top:43px;left:10px;}
}
@media (max-width:415px){
  .welfare-step{transform:scale(0.45);margin-left:-58%;}
}
@media (max-width:390px){
  .welfare-step{transform:scale(0.40);margin-left:-66%;}
}
@media (max-width:372px){
    .tab-ul .tab-liup {
      font-size: 13px;
    }
}
@media (max-width:360px){
  .welfare-step{margin-left:-73%;}
  .center_tip h4{padding-top:0;}
  .subject,label.radio,label.checkbox{margin-top:0;margin-bottom:0;}
  .niform fieldset{margin-bottom:5px;}
}
@media (max-width:360px){
  .welfare-step{margin-left:-73%;}
}
@media (max-width:345px){
  .welfare-step{margin-left:-77%;}
}
@media (max-width:335px){
  .welfare-step{transform:scale(0.35);margin-left:-84%;}
}
@media (max-width:320px){
  .contbtns{width:96%;}
    .prizes-list li{width:100%;}
    .prizes-list .prizes-div{ width: 80%;}
}