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

.line_hui{float:left; width:100%; background:#f2f2f2; border-bottom:#e8e8e8 1px solid; border-top:#e8e8e8 1px solid; height:.18rem;}
.line_hui2{float:left; width:100%; background:#eceff6; border-bottom:#e4e6ec 1px solid; border-top:#e4e6ec 1px solid; height:.15rem;}
.box{width:94%; padding:0 3%;}

/* login */
.login_top{width:84%; padding:0 8%;}
.login_top span{float:left; width:100%; font-size:.6rem; color:#333; padding:.8rem 0 .2rem 0;}
.login_top small{float:left; width:100%; font-size:.3rem; color:#888;}
.login_srk_box{width:100%; border-bottom:#eceff6 1px solid;  padding:.24rem 0; position:relative; float:left;}
.login_srk1{width:100%; border:none; font-size:.26rem; padding:0.18rem 0; color:#666;}
.login_btn{width:100%;  margin:1.1rem 0 0 0; float:left;}
.login_btn a{width:100%; display:block; text-align:center; padding:.22rem 0; font-size:.3rem;}
.register_btn{width:100%; float:left; padding:.5rem 0 0 0;}
.register_btn a{display:block; width:100%; text-align:center; font-size:.28rem; color:#666; text-decoration:underline;}
.register_btn a:hover{color:#11b4ee;}
.login_ts{width:100%; float:left;  text-align:center; font-size:.24rem; color:#aaaaaa; bottom:.5rem; position:absolute;}

.login_top h1{display: inline-block; width: 100%; text-align: center; font-size:.46rem; color:#333; padding:.8rem 0 .2rem 0;}
.hqyzm{position:absolute; top:.38rem; z-index:999; right:1%; font-size:.2rem; color:#0197da; border:#0197da 1px solid; text-decoration:none; padding:.05rem .15rem;}
.register_btn small{display: inline-block; width: 100%; text-align: center; font-size:.24rem; color:#aaa;}

/* wechat */
.wechat_box{width:100%;}
.wechat_bgimg{width:100%; position:relative; z-index:90;}
.wechat_main{position:absolute; top:1.55rem; z-index:99; width:5rem; background:#FFF; padding:.5rem 0; left:50%;  transform:translateX(-50%)}
.wechat_main h1{float:left; width:100%; text-align:center; font-size:.3rem; color:#333; padding:0 0 .5rem 0;}
.wechat_main span{width:1.2rem; display:block; margin:0 auto;}
.wechat_main small{float:left; width:100%; text-align:center; font-size:.26rem; color:#333; padding:.2rem 0 0 0;}
.wechat_btn{width:74%; padding:.8rem 13% .2rem 13%; float:left;}
.wechat_btn a{width:100%; display:block; text-align:center; padding:.2rem 0; font-size:.28rem;}

/* register_success */
.register_success_img{width:56%; padding:.8rem 22% 0 22%;}
.register_success_title{width:84%; padding:.5rem 8% 0 8%; font-size:.34rem; color:#333; text-align:center;}
.register_success_btn_box{width:84%; padding:1.2rem 8% 0 8%;}
.register_success_btn_box h1{float:left; width:100%; font-size:.26rem; color:#666; text-align:center;}
.register_success_btn{width:100%;  margin:.4rem 0 0 0; float:left;}
.register_success_btn a{width:100%; display:block; text-align:center; padding:.22rem 0; font-size:.3rem;}
.register_success_btn span{width:100%; display:block; text-align:center; padding:.22rem 0; font-size:.3rem; background:#999; color: #f3f3f3;}
.register_success_foot{width:84%; padding:0 8% 0 8%; text-align:center; float:left; bottom:.5rem; position:absolute;}
.register_success_foot a{font-size:.26rem; color:#999; text-decoration:underline;}
.register_success_foot a:hover{color:#11b4ee; text-decoration:underline;}

/* survey_list */
.survey_list_box{width:93%; border-top:#e4e6ec 1px solid; border-bottom:#e4e6ec 1px solid; background:#fff; float:left; padding:4% 3% 4% 4%; margin-bottom:.2rem;}
.survey_list_box dl{}
.survey_list_box dt{float:left; width:1.4rem; position: relative;}
.survey_list_box dt span{top:0; left:0; background-color:rgba(0,0,0,0.6); position:absolute; z-index:99; font-size:.18rem; color:#fff; padding:.04rem .1rem; border-radius:3px 0;}
.survey_list_box dt i{float:left; width:.26rem; padding:0 .05rem 0 0;}
.survey_list_box dd{float:left;}
.survey_list_box dd h1{float:left; width:95%; font-size:.25rem; color:#333; padding:0 0 0 5%;}
.survey_list_box dd h2{float:left; width:95%; padding:.12rem 0 .12rem 5%;}
.survey_list_box dd h2 i{float:left; width:.32rem; margin:.05rem .08rem 0 0;}
.survey_list_box dd h2 span{float:left; font-size:.3rem; color:#ff472e; font-weight:bold;}
.survey_list_box dd h2 small{float:left; font-size:.28rem; color:#ff472e; font-weight:bold; padding:.04rem 0 0 .03rem;}
.survey_list_box dd h2 em{float:left; font-size:.24rem; color:#666; padding:.05rem 0 0 0;}
.survey_list_box dd h3{float:left; width:95%; padding:0 0 0 5%;}
.survey_list_box dd h3 a{float:left; margin:0 .35rem 0 0; padding:.06rem 0; font-size:.21rem; width:1.6rem; text-align:center;}

.survey_list_zi{width:93%; float:left; padding:0 3% .2rem 4%; font-size: .22rem; color: #888; line-height: .36rem;}
/* more page */
.page_box{float:left; width:100%; text-align:center; padding:.5rem 0 .3rem 0;}
.page_input{background:#fff; padding:.14rem .5rem;  border:#e4e6ec 1px solid; color:#666; font-size:.2rem;}
.page_input:hover{background:#fff; border:#11b4ee 1px solid; color:#11b4ee;}

/* survey_share */
.survey_share_box{width:93%; border-top:#e4e6ec 1px solid; border-bottom:#e4e6ec 1px solid; background:#fff; float:left; padding:4% 3% 4% 4%;}
.survey_share_box h1{float:left; width:76%; font-size:.23rem; color:#666; line-height:.45rem;}
.survey_share_box h1 span{color:#ff472e; font-weight:bold; font-size:.25rem;}
.survey_share_box h2{float:left; width:24%; padding:.25rem 0 0 0;}
.survey_share_box h2 a{float:left; padding:.08rem 0; font-size:.2rem; width:1.35rem; text-align:center;}
.survey_share_main_box{width:92%; float:left; padding:.3rem 4% 0 4%;}
.survey_share_main{width:88%; background:#fff; float:left; padding:.3rem 6% .5rem 6%;}
.survey_share_main h1{float:left; width:100%; font-size:.32rem; color:#333;}
.survey_share_main h1 small{font-size:.24rem;}
.survey_nr{float:left; width:100%; padding:.35rem 0 .35rem 0;}
.survey_nr dt{float:left; width:1.75rem;}
.survey_nr dd{float:left;}
.survey_nr dd h2{float:left; width:92%; padding:.08rem 0 .25rem 8%; font-size:.26rem; color:#777;}
.survey_nr dd h2 span{color:#ff472e; font-weight:bold; font-size:.32rem;}
.survey_nr dd h2 small{color:#ff472e; font-weight:bold; font-size:.28rem; padding:.02rem 0 0 .05rem;}
.survey_nr dd h3{float:left; width:92%; padding:0 0 .25rem 8%; font-size:.26rem; color:#777;}
.survey_nr dd h3 em{color:#666;  font-size:.26rem;}
.survey_nr dd h4{float:left; width:92%; padding:0 0 0 8%; font-size:.26rem; color:#777;}
.survey_nr dd h4 em{color:#666;  font-size:.26rem;}
.survey_share_ps{float:left; width:100%; font-size:.22rem; color:#888; line-height:.4rem;}
.survey_share_ps span{font-size:.22rem; color:#777; font-weight:bold;}

.survey_share_kuang{ max-width:640px; height:100%; position:fixed; z-index:9999; top:0; background:rgba(0,0,0,0.8);}


.survey_share_banner{width:100%;}
.survey_share_btn{position:absolute; right:.2rem; top:.3rem; z-index:9999;}
.survey_share_btn a{background-color: rgba(0,0,0,0.4); color:#fff; padding:.1rem .2rem; font-size:.24rem;}
.survey_share_title{width:90%; padding:.3rem 5%; float:left;}
.survey_share_title span{font-size:.32rem; color:#f7604c;}
.survey_share_title small{font-size:.32rem; color:#333;}
.survey_share_title em{font-size:.28rem; color:#555; float:left; width:100%; padding:.1rem 0 0 0;}
.survey_share_logo{width:90%; padding:0 5%; float:left;}
.survey_share_logo i{float:left; width:.8rem;}
.survey_share_logo small{float:left; font-size:.28rem; color:#333; line-height:.8rem; padding:0 0 0 .15rem;}
.survey_share_logo a{float:right; background:#f7ad2e; font-size:.22rem; color:#fff; padding:.13rem .34rem; margin-top:.12rem;}
.survey_share_logo span{float:right; background:#999; font-size:.22rem; color:#f3f3f3; padding:.13rem .34rem; margin-top:.12rem;}

.survey_share_mbox{width:90%; padding:0 5%; float:left;}
.survey_share_mbox h1{font-size:.31rem; color:#333; float:left; width:100%; text-align:center; padding:.3rem 0 .4rem 0;}
.survey_share_mainnr{width:100%; background:#ebeef5; border:#dbdcde 2px solid;  margin:.3rem 0; position: relative; float:left; padding-bottom:.3rem;}
.survey_share_mainnr span{position:absolute; top:-.3rem; background:#f7ad2e; font-size:.3rem; color:#fff; font-weight:bold; display: inline-block;
    vertical-align: middle; width: 32px; height: 32px; line-height: 32px; text-align: center; left:50%;  transform:translateX(-50%)}
.survey_share_mainnr h2{font-size:.29rem; color:#333; float:left; width:100%; text-align:center; padding:.5rem 0 .2rem 0;}
.survey_share_mainnr p{font-size:.23rem; color:#555; float:left; width:90%; padding:0 5%; line-height: .38rem;}
.survey_share_mainnr p b{color:#ff472e; font-weight:bold; font-size:.25rem;}

.survey_share_mainnr h3{float:left; width:100%; padding:.08rem 0 0 0; font-size:.26rem; color:#333; text-align:center;}
.survey_share_mainnr h3 small{color:#ff472e; font-weight:bold; font-size:.3rem;}
.survey_share_mainnr h4{float:left; width:100%; padding:.15rem 0 .15rem 0; font-size:.26rem; color:#333; text-align:center;}
.survey_share_mainnr h4 em{color:#222;  font-size:.26rem;}
.survey_share_mainnr h5{float:left; width:100%; font-size:.26rem; color:#333; text-align:center; padding:0 0 .3rem 0;}
.survey_share_mainnr h5 em{color:#222;  font-size:.26rem;}

/* 调查/注册任务头部分类 */
.survey-nav-box{width:96%; padding:.2rem 2% .2rem 2%; float:left; border-bottom:#e4e6ec 1px solid; background:#fff;  white-space: nowrap; overflow-x: auto; overflow-y: hidden; text-align:center; margin-bottom:.2rem;}
.survey-nav-box a{font-size:.24rem; color:#333; padding:0 .3rem .16rem .3rem; position:relative; margin:0 .2rem;}
.survey-nav-box .survey-nav-qie,.survey-nav-box a:hover{color:#29abf9; border-bottom:#29abf9 2px solid; font-weight:bold;}

/* callback_box */
.callback_box{width:100%; border-top:#e4e6ec 1px solid; border-bottom:#e4e6ec 1px solid; background:#fff; float:left; margin-bottom:.15rem;}
.callback_zi{width:90%; padding:.25rem 5% .1rem 5%; font-size:.24rem; color:#333; line-height:.38rem;}
.callback_zi span{color:#fb5652; font-weight:bold; font-size:.24rem;}
.callback_zi small{color:#666; font-size:.22rem;}

.callback_btn{width:100%; padding:.3rem 0 .35rem 0; text-align:center; float:left;}
.callback_btn a{padding:.16rem .5rem; font-size:.22rem; margin:0 .15rem;}
.survey_can_btn{background:#f7ad2e; color:#fff;}
.callback_btn span{width:100%; display:block; text-align:center; padding:.21rem 0; font-size:.28rem; background:#999; color: #f3f3f3;}
.callback_btn .callback_btn2{display: inline-block; background: url(../images/qiandai.png) no-repeat 1.4em 8px #11b4ee; text-indent: 22px; color:#fff;  text-align:center;  padding:.16rem .4rem; font-size:.22rem; text-decoration:none; border-radius:4px; margin: 0 .5em;}
.callback_btn .callback_btn2:hover{background: url(../images/qiandai.png) no-repeat 1.4em 8px #1fc0f9;}

.cb_yao_box{width:90%; float:left; padding:.2rem 5% .2rem 5%;}
.cb_yao_box h1{float:left; width:72%;}
.cb_yao_box h1 span{float:left; width:100%; color:#333; font-size:.27rem;}
.cb_yao_box h1 small{float:left; width:98%; color:#666; font-size:.22rem; padding:.13rem 2% 0 0; line-height:.35rem;}
.cb_yao_box i{float:right; width:1.2rem;}
.cb_yao_box a{font-size:.22rem; color:#11b4ee; text-decoration:underline;}

.callback_title_box{width:100%; padding:0 0 .3rem 0; float:left;}
.callback_title_box h1{float:left; width:40%; font-size:.28rem; color:#444; font-weight:bold;}
.callback_title_box a{float: right; font-size: .24rem; color: #666; text-decoration: underline;}

.ewm_kuang{width:90%; padding:.2rem 5% .1rem 5%; float:left;}
.ewm1{width:45%; float:left; font-size:.2rem; text-align:center; height:auto; color:#666; line-height:.6rem}
.ewm1 img{width:1.5rem;}
.ewm2{width:45%; float:left; font-size:.2rem; text-align:center; height:auto; color:#666; line-height:.6rem}
.ewm2 img{width:1.5rem;}

/* setinfomation */
.setinfomation_box{width:97%; padding:0 0 0 3%;}
.setinfomation_list{width:97%; border-bottom:#f0f2f8 1px solid; padding:.25rem 3% .25rem 0; float:left;}
.setinfomation_list label{float:left; width:100%;}
.setinfomation_list h1{float:left; font-size:.23rem; color:#333; padding:.04rem 0 0 1%;}
.setinfomation_list h1 span{float:left; font-size:.23rem; color:#F00; padding:.05rem .1rem 0 0;}
.setinfomation_list h2{float:right; text-align:right; font-size:.24rem; color:#666;}
.setinfomation_list h2 span{font-size:.24rem; color:#999;}

.setinfomation_list i{float:right; width:.8rem; height:.8rem;}
.setinfomation_list i img{border:#ededed 1px solid; width:100%; height:100%;}

select{direction:rtl;}
option{direction:ltr;}
.setinfomation_input{border:#fff 1px solid; color:#666; font-size:.22rem; padding:.05rem 0 .05rem .2rem; text-align:right; box-sizing:border-box; background:#fff;    -webkit-appearance: none;}

/* points */
.points_zi{position:absolute; top:.35rem; z-index:99; width:5rem; left:50%;  transform:translateX(-50%)}
.points_zi span{display:block; width:100%; text-align:center; font-size:.55rem; color:#fff; font-weight:bold;}
.points_zi span em{font-size:.3rem;}
.points_zi small{display:block; width:100%; text-align:center; font-size:.28rem; color:#eaf8ff; padding:.1rem 0 0 0;}

.points_srk_box{width:70%; border-bottom:#eceff6 1px solid;  padding:.1rem 0; margin:0 15%; position:relative; float:left;}
.points_srk{width:100%; border:none; font-size:.26rem; padding:0.18rem 0; color:#666; text-align:center;}
.points_aa{width:100%; text-align:center; padding:.2rem 0 0 0; float:left;}
.points_aa a{font-size:.24rem; color:#999; padding:0 .2rem; text-decoration:none;}
.points_aa a:hover{color:#11b4ee; text-decoration:underline;}

.points_prompt{width:88%; padding:.2rem 6% .3rem 6%; float:left; font-size:.22rem; color:#666; line-height:.4rem;}
.points_prompt h1{font-size:.3rem; color:#444; padding:0 0 .1rem 0; float:left; width:100%;}
.points_prompt h2{font-size:.22rem; color:#11b4ee; padding:.1rem 0 0 0; float:left; width:100%; text-decoration:underline;}

.points_dhjl{position:absolute; bottom:.25rem; z-index:99; width:6rem; left:50%;  transform:translateX(-50%); text-align:center; font-size:.24rem; color:#777;}
.points_dhjl a{font-size:.24rem; color:#11b4ee; text-decoration:underline;}

.jfdh_box{width:94%; padding:0 3%;}
.jfdh_list{width:100%;}
.jfdh_list li{float:left; width:46%; padding:.1rem 2% .16rem 2%;}
.jfdh_list li a{width:100%; border:#e5e8ef 1px solid; box-shadow:2px 4px 15px rgba(229, 232, 239, 0.5); float:left; padding:.2rem 0; background:#fff;}
.jfdh_list li a span{font-size:.44rem; color:#ef9e14; width:100%; text-align:center; display:block; font-weight:bold;}
.jfdh_list li a span em{font-size:.3rem;}
.jfdh_list li a small{font-size:.22rem; color:#999; width:100%; text-align:center; display:block;}
.jfdh_list .jfdh_qie{width:100%; background:#ebb04c; border:#ebb04c 1px solid; box-shadow:2px 4px 15px rgba(140, 140, 140, 0.1); float:left; padding:.2rem 0;}
.jfdh_list .jfdh_qie span{font-size:.44rem; color:#fff; width:100%; text-align:center; display:block; font-weight:bold;}
.jfdh_list .jfdh_qie span em{font-size:.3rem;}
.jfdh_list .jfdh_qie small{font-size:.22rem; color:#fff; width:100%; text-align:center; display:block;}

.points_btn{width:90%; padding:.3rem 5% .2rem 5%; float:left;}
.points_btn a{width:100%; display:block; text-align:center; padding:.2rem 0; font-size:.28rem;}

/* points_list */
.points_list_box{width:97%; padding:0 0 0 3%;}
.points_list{width:94%; border-bottom:#f0f2f8 1px solid; padding:.15rem 3% .23rem 3%; float:left;}
.points_list dt{float:left; width:100%; padding:.07rem 0 0 0;}
.points_list dt span{width:60%; float:left; font-size:.27rem; color:#444; font-weight:bold;}
.points_list dt small{width:60%; float:left; font-size:.22rem; color:#999;}
.points_list dd{float:left; width:100%; font-size:.22rem; color:#999;  padding:.11rem 0 0 0;}
.points_shuzi{float:right; width:40%; text-align:right;  font-size:.3rem; font-weight:bold;}
.points_rmb{float:right; width:40%; text-align:right;  font-size:.22rem; color:#999;}
.points_list_zigreen{color:#45b320;}
.points_list_zired{color:#fb5652;}

/*guize */
.dhgz_box{width:92%; padding:.15rem 4%;}
.dhgz_box p{width:100%; display:block; padding:0 0 .1rem 0; line-height:.4rem; font-size:.24rem; color:#333;}
.dhgz_box p strong{color:#ff472e; font-size:.24rem; padding:0 .1rem 0 0;}

/* pc yulan */
.wechat_pc_box{width:100%; position:relative;}
.wechat_pc_zi{position:absolute; top:.5rem; z-index:99; width:6rem; left:50%; transform:translateX(-50%);}
.wechat_pc_zi_btn{width:70%; padding:.3rem 15% .2rem 15%; float:left;}
.wechat_pc_zi_btn a{width:100%; display:block; text-align:center; padding:.2rem 0; font-size:.26rem;}
.wechat_pc_zi span{float:left; width:100%; text-align:center; font-size:.24rem; color:#333; line-height:.44rem; padding:20px 0 0 0;}
.wechat_pc_zi span a{font-size:.24rem; color:#328edc; text-decoration:underline;}

/* survey kong */
.survey_kong_box{width:100%; position:relative; background:#fff;}
.survey_kong_zi{position:absolute; top:.2rem; z-index:99; width:6rem; left:50%; transform:translateX(-50%);}
.survey_kong_zi h1{float:left; width:100%; text-align:center; font-size:.4rem; color:#333; padding:.3rem 0 .2rem 0;}
.survey_kong_zi h2{float:left; width:100%; text-align:center; font-size:.26rem; color:#555;}
.survey_kong_zi h3{float:left; width:90%; padding:0 5% .15rem 5%;  font-size:.3rem; color:#444;}
.survey_kong_zi h4{float:left; width:90%; padding:0 5% 0 5%;  font-size:.24rem; color:#666; line-height:.4rem;}

.survey_kong_zi_btn{width:84%; padding:0 8% .5rem 8%; float:left; background:#fff;}
.survey_kong_zi_btn a{width:100%; display:block; text-align:center; padding:.19rem 0; font-size:.24rem;}

/* game */
.game_zi{position:absolute; top:.2rem; z-index:99; width:6rem; left:50%; transform:translateX(-50%);}
.game_zi h1{float:left; width:100%; text-align:center; font-size:.42rem; color:#333; padding:.3rem 0 .15rem 0;}
.game_zi h1 span{font-size:.42rem; color:#11b4ee;}
.game_zi h2{float:left; width:100%; text-align:center; font-size:.26rem; color:#666; line-height:.44rem;}

.game_ewm{position:absolute; top:6.8rem; z-index:99; width:6rem; left:50%; transform:translateX(-50%);}
.game_ewm i{display:block; width:2.4rem; margin:0 auto;}
.game_ewm span{display:block; width:100%; text-align:center; font-size:.24rem; color:#666; padding:.2rem 0 .35rem 0;}
.game_ewm span small{font-size:.24rem; color:#ff472e;}

/* kong */
.kong_box{width:90%; padding:1.2rem 5% 1.2rem 5%; float:left; text-align:center;}
.kong_box img{width:2.4rem;}
.kong_box span{display:block; width:100%; font-size:.24rem; color:#999; text-align:center; padding:.4rem 0 0 0;}
.kong_zi{width:100%;}
.kong_zi h1{display:block; width:100%; font-size:.28rem; color:#555; text-align:left; font-weight:bold;}
.kong_zi h2{display:block; width:100%; font-size:.26rem; color:#777; text-align:left; padding:.1rem 0 .25rem 0;}
.kong_zi h3{display:block; width:100%; font-size:.26rem; color:#666; text-align:left; padding:0 0 .1rem 0;}
.kong_zi h4{display:block; width:100%; font-size:.24rem; color:#888; text-align:left; line-height:.44rem;}

/*tanchu*/
.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}

/* -------------------------------- 

Main components 

-------------------------------- */
@media only screen and (min-width: 1170px) {
  .cd-popup-trigger {
    margin: 6em auto;
  }
}

/* -------------------------------- 

xpopup 

-------------------------------- */
.cd-popup {
  position: fixed;
  left:0;
  top:3em;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index:1001;
 
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  position: relative;
  z-index:1001;
  width:90%;
  margin:15% 5% 0 5%;  
  max-height:450px; 
  overflow:auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container .cd-buttons li {
  float: left;
  width: 50%;
}
.cd-popup-container .cd-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 8em auto;
  }
}


/*invite*/
.invite_banner{width:100%;}
.invite_top_guize{position:absolute; right:0; top:.3rem; z-index:99;}
.invite_top_guize a{background-color: #4d98f5; color:#fff; padding:.1rem .1rem .1rem .2rem; font-size:.22rem; -moz-border-radius:60px 0 0 60px; -webkit-border-radius:60px 0 0 60px; border-radius:60px 0 0 60px;}
.invite_banner_zi{position:absolute; left:0; top:2.4rem; z-index:99; width: 100%; text-align: center; font-size: .3rem; color: #fff;}
.invite_banner_btn{position:absolute; left:0; top:3.2rem; z-index:99; width: 100%; text-align: center; }
.invite_banner_btn a{background:linear-gradient(to right, #ff8137, #ff7865); padding: .15rem .6rem; font-size: .24rem; color: #fff; -moz-border-radius:60px; -webkit-border-radius:60px; border-radius:60px;}
.invite_banner_btn a:hover{background: #f64457;}

.invite_box{width: 92%; background: #fff; margin: 0 auto; padding: 0 0 .4rem 0;}
.invite_haibao{-moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;}
.invite_box h1{display: inline-block; width: 100%; text-align: center; font-size: .34rem; color: #444; padding: .1rem 0 0 0;}
.invite_box h1 i{display: inline-block; width: .32rem; margin: 0 .1rem;}
.title_di{display: block; width: .6rem; height: .09rem; margin: 0 auto; background:linear-gradient(to right, #f87472, #ff484b); -moz-border-radius:60px; -webkit-border-radius:60px; border-radius:60px;}
.invite_box h2{display: inline-block; width: 90%; text-align: center; font-size: .23rem; color: #555; padding: .1rem 5% 0 5%;}
.invite_box h2 i{display: inline-block; width: .44rem; margin: 0 .05rem 0 0; position: relative; top: .14rem;}

.haibao_list{display: inline-block; width: 92%; padding: .3rem 4% 0 4%;}
.haibao_list li{float: left; width: 29.33333%; padding: 0 2%;}
.haibao_list li img{-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}

.invite_yajl{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin: .2rem auto 0 auto;}
.invite_box .invite_title{padding: .4rem 0 .15rem 0;}

.yqrs_box{width: 90%; padding: .2rem 0 .3rem 0; margin: 0 5%; border-bottom: #f0eef5 solid 1px;}
.yqrs_box ul{width: 100%;}
.yqrs_box li{float: left; width: 50%; text-align: center;}
.yqrs_box li small{display: inline-block; width: 100%; font-size: .4rem; color: #333; font-weight: bold;}
.yqrs_box li span{display: inline-block; width: 100%; font-size: .22rem; color: #999; padding: .1rem 0 0 0;}

.yellow_txt{color: #ff8f00!important;}
.red_txt{color: #fb5652!important;}

.fd_quansq_box{width:90%; padding:.1rem 5% 0 5%;}
.fd_shouqi{width:100%; padding:.25rem 0 0 0; float:left;}
.fd_shouqi dt{width:65%; float:left;}
.fd_shouqi dt i{width:.65rem; float:left;}
.fd_shouqi dt i img{width:.65rem; height: .65rem; border-radius: 50%;}
.fd_shouqi dt div{float:left; width:65%; padding:.18rem 0 0 .2rem;}
.fd_shouqi dt div span{font-size:.22rem; color:#333; display:block; width:100%; padding:0 0 .04rem 0; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.fd_shouqi dt div small{font-size:.2rem; color:#fb5652;}
.fd_shouqi dt div em{font-size:.2rem; color:#666;}
.fd_shouqi dd{font-size:.22rem; color:#444; float:right; padding:.18rem 0 0 0;}
.fd_shouqi dd em{font-weight:bold; font-size:.23rem; color: #fb5652;}


.invite_guize{width: 82%; background: #2f7ce6; padding: 0 5% .4rem 5%; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin: .2rem auto 0 auto;}

.invite_guize h1{display: inline-block; width:100%; border-bottom:#4a90f1 1px solid; text-align:center; margin: .2rem 0 .3rem 0;}
.invite_guize h1 span{background:#2f7ce6; padding:0 1em; top:13px; position:relative; font-size:.3rem; color:#fff;}
.invite_guize h2{display: inline-block; width: 100%; font-size: .26rem; color: #fff; padding: .2rem 0 .1rem 0;}
.invite_guize h3{display: inline-block; width: 96%; font-size: .22rem; color: #e2eeff; padding: 0 0 0 4%; line-height: .34rem;}
.invite_guize p{display: inline-block; width: 100%; font-size: .24rem; color: #e2eeff; padding: .2rem  0 0 0; line-height: .36rem;}
.invite_guize p a{display: inline-block; font-size: .24rem; color: #e2eeff; text-decoration: underline; margin-left: 10px;}


.foot_btn{width: 100%; margin: .2rem 0 0 0;}
.foot_btn a{display: inline-block; width: 100%; text-align: center; background:linear-gradient(to right, #f8dd86, #ebc062); padding: .25rem 0; font-size: .26rem; color: #c17517;}
.foot_btn a:hover{background: #ebc062;}

.invite_hbbg{position: relative; z-index: 1; width: 100%; top: 0;}
.invite_hb_img{position: absolute; z-index: 2; width: 64%; top: 1.85rem; left: 1.06rem;}
.invite_hb_img img{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.invite_share_bg{width:100%; position: absolute; bottom: 0; background: #fff; padding: 0 0 1rem 0;}
.invite_share_zi{position:absolute; left:0; top:.4rem; z-index:99; width: 100%; text-align: center; font-size: .42rem; color: #37a0f4;}
.invite_share_img{position:absolute; left:0; top:1.3rem; z-index:99; width: 72%; margin: 0 10%; background: #fff; padding: 4%; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.invite_share_img img{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.invite_share_btn{position:absolute; left:0; bottom:.7rem; z-index:99; width: 100%; text-align: center; }
.invite_share_btn a{background:linear-gradient(to right, #ff8137, #ff7865); padding: .15rem .6rem; font-size: .24rem; color: #fff; -moz-border-radius:60px; -webkit-border-radius:60px; border-radius:60px;}
.invite_share_btn a:hover{background: #f64457;}

/* mine */
.mine_top_box{width: 100%; position: relative; float: left;}
.mine_top_bg{display: inline-block; width: 100%; position: absolute; z-index: 2;}

.mine_top_contact{width: 92%; padding: 0 4% 0 4%;  position: absolute; z-index: 3; top: .5rem; text-align: center;}
.mine_top_contact i{display: inline-block; width: 1.4rem; height: 1.4rem;}
.mine_top_contact i img{border: #e4e4e4 4px solid; width: 1.4rem; height: 1.4rem;}
.mine_top_contact h1{display: inline-block; width: 100%; text-align: center; padding: .35rem 0 0 0; }
.mine_top_contact h1 span{display: inline-block; font-size: .26rem; color: #fff; max-width: 60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.mine_top_contact h1 small{display: inline-block; vertical-align: middle;}
.mine_top_contact h1 small img{width: 1rem;}
.mine_top_contact h2{display: inline-block; width: 100%; text-align: center; padding: .15rem 0 0 0;}
.mine_top_contact h2 em{font-size: .22rem; color: #d9eeff; padding: 0 .1rem;}

.mine_jfbox{width:84%; position:relative; padding: 0 8%;}
.mine_points{width: 74%;  padding: .2rem 5% .2rem 5%; position:absolute; top:3.4rem; z-index:99;  background: #fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:8px; box-shadow: 0 4px 10px rgba(192,196,198,0.25);}
.mine_points h1{float: left; max-width: 60%;}
.mine_points h1 em{display: inline-block; width: 100%; font-size: .22rem; color: #777;padding: .1rem 0 .1rem 0;}
.mine_points h1 p{display: inline-block; width: 100%;}
.mine_points h1 p span{float: left; font-size: .4rem; color: #444;}
.mine_points h1 p small{float: left; font-size: .2rem; color: #777; padding: .16rem 0 0 .06rem;}
.mine_points a{float: right; padding: .12rem .42rem; font-size: .2rem; margin: .26rem 0 0 0; border: #aaa 1px solid; color: #999;}

.mine_line{float:left; width:100%; margin: 4.9rem 0 .1rem 0;}

.mine_list_box{width:88%; padding:.32rem 4% 0 8%; float:left;}
.mine_list_box:hover{background: #fafafa;}
.mine_list_box i{float:left; width:4.5%;}
.mine_list_nr{float:left; width:91.5%; border-bottom:#f5f4f9 1px solid; float:left; padding:0 0 .28rem 4%;}
.mine_list_nr:hover{border-bottom:#f5f4f9 1px solid;}
.mine_list_nr h1{font-size:.24rem; color:#333; float:left;}
.mine_list_nr span{font-size:.22rem; color:#999; float:right; padding: 0 .2rem 0 0;}
.mine_list_nr span a{font-size:.22rem; color:#999;}
.mine_list_nr em{width:.12rem; float:right; margin:.05rem 2% 0 0;}
.mine_list_nr small{font-size:.2rem; color:#aaa; float:right; padding: 0 .12rem; border: #ccc 1px solid; margin-right: .2rem; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.mine_list_nr a{font-size:.2rem!important; color:#aaa; float:right; padding: 0 .12rem; border: #ccc 1px solid; margin-right: .2rem; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

.survey_tip{float: left; width: 90%; background: #fffde8; border-top: #e4e6ec 1px solid; padding: .15rem 5%; font-size: .24rem; color: #f7ad2e; line-height: .36rem;}
.survey_tip2{float: left; width: 84%; background: #fffde8; border: #f4f1d2 1px solid; padding: .15rem 3%; margin: .2rem 5% 0 5%; font-size: .24rem; color: #f7ad2e; line-height: .36rem;}


/*invite*/
.dyt_title{width: 70%; padding: .3rem 15% .1rem 15%; font-size: .24rem; text-align: center; position: relative; display: flex; justify-content:space-between;}
.dyt_title a{display: inline-block; font-size: .28rem; color: #333; padding: 0.05rem 0.15rem 0.15rem 0.15rem; position: relative;}
.dyt_title .dyt_title_qie,.dyt_title a:hover{color:#29abf9; border-bottom:#29abf9 2px solid;}
.bp_hong2{position:absolute; background:#f56e5c; padding:0 .06rem; height:.24rem; line-height:.24rem; font-size:.2rem; color:#fff; right:-4%; top:0;}

.dyt_jian{float: left; width: 90%; margin: .3rem 5% .1rem 5%;}
.dyt_jian a{display: inline-block; width: 100%; font-size: .24rem; color: #29abf9; height: 1.1rem; line-height: 1.1rem; text-align: center; border: #efefef 1px solid; box-shadow: 0 3px 10px #f1f1f1;}
.dyt_jian a:hover{background: #f8f9fe;}

.dyt_list{float: left; width: 90%; padding: .3rem 5% .3rem 5%;  border-bottom: #efefef 1px solid;}
.dyt_list:hover{background: #f8f9fe;}
.dyt_list_tx{float: left; width: 1rem; height: 1rem; margin-right: 0.15rem; position: relative;}
.dyt_list_tx img{width: 100%; height: 100%;}
.dyt_list_tx span{position: absolute; background:#f56e5c; padding:0 .06rem; height:.24rem; line-height:.24rem; font-size:.2rem; color:#fff; right:-.1rem; top:-.1rem; z-index: 9;     border-radius: 50%;}
.dyt_list_nr{float: left; width: 75%;}
.dyt_list_nr strong{float:left; font-size:.24rem; color:#222; width:100%;}
.dyt_list_nr strong i{float:left; padding:3px 3px 0 0;}
.dyt_list_nr strong em{float:left; max-width: 58%; padding: 0 5% 0 0; font-size:.24rem; color:#222; font-weight: bold; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.dyt_list_nr strong p{float:left; font-size:.24rem; color:#f2404c; font-weight: bold;}
.dyt_list_nr small{float:left; font-size:.2rem; color:#0364b4; width:100%; padding: .1rem 0 .1rem 0;}
.dyt_list_nr small em{display: inline-block; font-size:.2rem; color:#666; padding: 0 .15rem 0 0;}
.dyt_list_nr small i{float: left; width: .7rem; margin: 0 0.1rem 0 0;}
.dyt_list_nr small i img{width: 100%;}
.dyt_list_nr span{color:#999; width:100%; font-size: .2rem; display:block; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}

.dyt_title2{float: left; width: 90%; padding: .4rem 5% .1rem 5%; }
.dyt_title2 span{float: left; font-size: .3rem; color: #333;}
.dyt_title2 a{float: right; font-size: .22rem; color: #999; margin-top: .06rem;}
.dyt_title2 a:hover{color: #29abf9;}

.dyt_morebox{width: 90%; padding: 0 5% 0 5%;}
.dyt_morebox a{border:#efefef 1px solid; border-top: none; display:block; width:100%;     padding: 0.14rem 0; text-align:center; color:#666; font-size:.22rem;}
.dyt_morebox a:hover{color:#f56e5c;}


.message_list123{width:98%; border-bottom:#efefef 1px solid; float:left; padding:.25rem 0 .25rem 0; margin-left: 2%;}
.message_img123{width:1rem; height: 1rem; float:left;}
.message_img123 img{width:100%; height:100%; border-radius: 50%;}
.message_nr123{width:80%; float:left; margin-left: 3%;}
.message_nr123 dt{float:left; width:75%; position:relative;}
.message_nr123 dt h1{font-size:.24rem; color:#333; font-weight:bold; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.message_nr123 dt h2{font-size:.22rem; color:#999; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;  padding:0em 0 .07rem 0;}
.message_nr123 dt h2 em{display: inline-block; vertical-align: top; font-size:.22rem; color:#333; max-width: 140px; padding: 0 3px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.message_nr123 dt h2 span{display: inline-block; vertical-align: top; color:#333; max-width: 120px; padding: 0 3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.message_nr123 dt h3{font-size:.2rem; color:#999; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;  padding:.07rem 0 0 0;}
.message_nr123 dd{position:absolute; right:2%; font-size: .2rem; color: #999;}
.message_nr123 dd a{float:left; padding-left:.2rem; margin: .3rem 0 0 0;}
.message_nr123 dd a img{width:.46rem; height: .46rem;}
.message_nr123 dd span{display: inline-block; padding: .4rem 0 0 0; font-size: .2rem; color: #999;}

.dyt_navbox{width:96%; padding:.2rem 2% 0 2%; float:left;  background:#fff; white-space: nowrap; overflow-x: auto; overflow-y: hidden; font-size: 0;}
.dyt_navbox a{display: inline-block; font-size:.22rem; color:#777; background: #eceff6; padding:.07rem .32rem; border-radius: 3px; margin-right: .3rem;}
.dyt_navbox .dyt_nav_qie,.dyt_navbox a:hover{color:#fff; background: #29abf9;}

.dyt_ssbox{width:96%; padding:.15rem 2%; float:left; border-bottom:#e4e6ec 1px solid;}
.dyt_ss{width:100%; background:#eceff6; float:left; padding:0;}
.dyt_ss input{width:83%; padding-left:2%; float:left; background:#eceff6; border:none; height:.5rem; color:#333; font-size: .22rem;}
.dyt_ss a{float:left;  width:13%; text-align:center; padding-top:.1rem;}
.dyt_ss a img{width:45%;}


/*level*/
.level_topbg{width:100%;}
.level_box{width:100%; position:absolute; left:0; top:0; z-index:99;}
.level_tx{float: left; width: 92%; padding: .3rem 4%;}
.level_tx i{float: left; width: .7rem;}
.level_tx i img{width:.7rem; height: .7rem; border-radius: 50%;}
.level_tx span{float: left; font-size: .24rem; color: #DCDCDC; line-height: .7rem; font-weight: bold; padding: 0 0 0 0.2rem;}
.level_tx a{float: right; font-size: .2rem; color: #ccc; line-height: .7rem;}

.level_main{float: left; width:100%;}
.level_main .swiper-slide {transition: 100ms; transform: scale(1);}
.level_main .swiper-slide-active,.swiper-slide-duplicate-active{  transform: scale(1);}

.level{width: 100%; position: relative;}
.level_bg{width: 100%; position: absolute; z-index: 1; top: 0; left: 0;}
.level_bg1{border: #eccca3 2px solid; border-radius: 14px;}
.level_bg2{border: #dde4f1 2px solid; border-radius: 14px;}
.level_bg3{border: #ffe7b0 2px solid; border-radius: 14px;}
.level_bg4{border: #e1e6f7 2px solid; border-radius: 14px;}
.level_bg5{border: #fee0e2 2px solid; border-radius: 14px;}
.level_bg6{border: #d0c7aa 2px solid; border-radius: 14px;}

.level_tb{width: 2.2rem; position: absolute; z-index: 2; top: -0.3rem; right: 0.4rem;}
.level_zi_box{width: 100%; position: absolute; z-index: 2; top: 0; left: 0;}
.level_dqdj{display: inline-block; font-size: .2rem; color: #AA5D2E; border-radius: 14px 0px 14px 0px; background: linear-gradient(to right, #E9AC8A, #E7AB84); opacity: 0.6; padding: .05rem .2rem;}
.level_zititle{display: block; width: 94%; padding: .24rem 0 .1rem 6%; font-size: .36rem; color: #844122; font-weight: bold;}
.level_zititle22{display: block; width: 94%; padding: 0 0 0 6%; font-size: .23rem; color: #B27757;}
.level_jindu_box{width: 74%; margin: .2rem 20% 0 6%; position: relative;}
.level_jindu_tip{display: block; width: 100%; font-size: .2rem; color: #975331; }
.level_jindu_tip em{font-weight: bold; padding: 0 .02rem; font-size: .23rem;}
.level_jindu_bg{width: 100%; height: 6px; background: #fff; border-radius: 8px; position: absolute; z-index: 2; top:.38rem;}
.level_jindu_line{height: 6px; background: #AA5D2E; border-radius: 8px; position: absolute; z-index: 3; top:.38rem;}
.level_jindu_zi{width: 100%; position: relative; top: 12px; left: 0; z-index: 4;}
.level_jindu_zi span{float: left; font-size: .2rem; color: #975331;}
.level_jindu_zi small{float: right; font-size: .2rem; color: #975331;}
.level_dqdjzi{width: 74%; margin: .5rem 20% 0 6%; position: relative; font-size: .2rem; color: #975331;}

.level_dqdj2{display: inline-block; font-size: .2rem; color: #6B7691; border-radius: 14px 0px 14px 0px; background: linear-gradient(to right, #B9C8DF, #B3C0E4); opacity: 0.6; padding: .05rem .2rem;}
.level2_color1{color: #3B4662!important;}
.level2_color2{color: #475370!important;}
.level2_background{background: #475370!important;}
.level_dqdjzi2{width: 74%; margin: .5rem 20% 0 6%; position: relative; font-size: .2rem; color: #475370;}

.level_dqdj3{display: inline-block; font-size: .2rem; color: #B56D25; border-radius: 14px 0px 14px 0px; background: linear-gradient(to right, #FFC175, #DCA65F); opacity: 0.6; padding: .05rem .2rem;}
.level3_color1{color: #9D4A06!important;}
.level3_color2{color: #B56D25!important;}
.level3_background{background: #B56D25!important;}
.level_dqdjzi3{width: 74%; margin: .5rem 20% 0 6%; position: relative; font-size: .2rem; color: #B56D25;}

.level_dqdj4{display: inline-block; font-size: .2rem; color: #8272AD; border-radius: 14px 0px 14px 0px; background: linear-gradient(to right, #CDBEFB, #CDB9FD); opacity: 0.6; padding: .05rem .2rem;}
.level4_color1{color: #57438F!important;}
.level4_color2{color: #66539A!important;}
.level4_background{background: #66539A!important;}
.level_dqdjzi4{width: 74%; margin: .5rem 20% 0 6%; position: relative; font-size: .2rem; color: #66539A;}

.level_dqdj5{display: inline-block; font-size: .2rem; color: #AA686B; border-radius: 14px 0px 14px 0px; background: linear-gradient(to right, #dbbaed, #d6bbeb); opacity: 0.6; padding: .05rem .2rem;}
.level5_color1{color: #823E41!important;}
.level5_color2{color: #844241!important;}
.level5_background{background: #844241!important;}
.level_dqdjzi5{width: 74%; margin: .5rem 20% 0 6%; position: relative; font-size: .2rem; color: #844241;}

.level_dqdj6{display: inline-block; font-size: .2rem; color: #88857B; border-radius: 14px 0px 14px 0px; background: linear-gradient(to right, #1D2027, #292C34); opacity: 0.6; padding: .05rem .2rem;}
.level6_color1{color: #F1D67F!important;}
.level6_color2{color: #C9BB8C!important;}
.level6_background{background: #F1D67F!important;}
.level_dqdjzi6{width: 74%; margin: .5rem 20% 0 6%; position: relative; font-size: .2rem; color: #C9BB8C;}

.levelbottom{float: left; width: 100%; margin: 2.9rem 0 0 0;}
.level_allbox{width: 100%; position: relative;}
.level_allbg{width: 100%; height: 2px; background: rgba(151,138,137,0.1); position: absolute; z-index: 1; top: 1px; left: 0;}
.level_allline{width: 73%; height: 3px; background: #978A89; position: absolute; z-index: 2; top: 0; left: 12%;}
.level_allnr{width: 90%; position: absolute; z-index: 3; top: -4px; left: 10%;}
.level_allnr li{float: left; width: 16%;}
.level_allnr li i{float: left; width: .2rem; height: .2rem; margin: 0 0 0.1rem 0.1rem; background:#978A89; border-radius: 50%;}
.level_allnr li span{float: left; width: 100%; font-size: .2rem; color: #978A89;}
.level_allnr_active i{background:#FFDDC8!important;}
.level_allnr_active span{color: #FFDDC8!important; font-weight: bold;}

.level_allactive{width: 100%; background: #20222E; height: 0.8rem;}
.level_allactive i{display: block; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 8px solid #fff; position: absolute; left: 10%; bottom: 0;}
.level_allactive2 i{left: 24%!important;}
.level_allactive3 i{left: 38%!important;}
.level_allactive4 i{left: 53%!important;}
.level_allactive5 i{left: 68%!important;}
.level_allactive6 i{left: 82%!important;}


.level_teq{float: left; width: 92%; padding: .3rem 4% 0 4%; background: #fff;}
.level_teq_title{float: left; width: 100%;}
.level_teq_title h1{float: left; font-size: .3rem; color: #222;}
.level_teq_title a{float: right; font-size: .2rem; color: #666; margin: 0.1rem 0 0 0;}
.level_teq_title a i{display: inline-block; width: .24rem; vertical-align: middle; margin: 0 0.05rem 0 0;}
.level_teqnr{float: left; width: 100%; background: #F6F7FB; border: #eee 1px solid; border-radius: 4px; margin:  .25rem 0 0 0;     padding: 0.2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.level_teqnr i{float: left; width: 1rem; margin-right: .15rem;}
.level_teq_zi{float: left; width: 78%;}
.level_teq_zi span{float: left; width: 100%; font-size: .26rem; font-weight: bold; color: #222; padding: .15rem 0 .1rem 0;}
.level_teq_zi small{float: left; width: 100%; font-size: .22rem; color: #666;}

.level_rwbox{float: left; width: 92%; padding: 0.3rem 4% 0 4%;}
.level_rw_list{float: left; width: 100%; border-bottom: #EDF1F6 1px solid; padding: .25rem 0;}
.level_rw_list i{float: left; width: .92rem; margin-right: .15rem;}
.level_rw_listzi{float: left; width: 54%;}
.level_rw_listzi span{float: left; width: 100%; font-size: .24rem; font-weight: bold; color: #222; padding: .13rem 0 .1rem 0;}
.level_rw_listzi small{float: left; width: 100%; font-size: .22rem; color: #666;}
.level_rw_listzi small i{display: inline-block; width: .3rem; vertical-align: middle; margin: 0 0.05rem 0 0;}

.level_rw_btn1{float: right; background: #fff; border: #f6953e 1px solid; font-size: .2rem; color: #f6953e; border-radius: 4px; width: 1.2rem; line-height: .38rem; margin-top: .3rem; text-align: center;}
.level_rw_btn1:hover{color:#fff; background:#ffa05e; border:#ffa05e 1px solid;}
.level_rw_btn2{float: right; background: #f6953e; border: #f6953e 1px solid; font-size: .2rem; color: #fff; border-radius: 4px; width: 1.2rem; line-height: .38rem; margin-top: .3rem; text-align: center;}
.level_rw_btn2:hover{color:#fff; background:#ffa05e; border:#ffa05e 1px solid;}
.level_rw_btn3{float: right; background: #fff; border: #dcdcdc 1px solid; font-size: .2rem; color: #dcdcdc; border-radius: 4px; width: 1.2rem; line-height: .38rem; margin-top: .3rem; text-align: center;}
.level_rw_btn3:hover{color:#dcdcdc; background:#fff; border:#dcdcdc 1px solid;}


.dengji_infonr{float: left; width: 92%; padding: .3rem 4% 0 4%;}
.level_guize{float: left; width: 100%; margin: .2rem 0 0 0;}
.level_guize li{float: left; width: 100%; font-size: .23rem; color: #333; margin: 0 0 .15rem 0; line-height: .36rem;}
.level_guize li i{display: inline-block; width: .09rem; height: .09rem; background: #999; border-radius: 50%; margin-right: .15rem; vertical-align: middle;}
.level_jiangli{float: left; width: 100%; margin: .15rem 0 0 0;}
.level_jiangli_title{float: left; width: 100%; background: #f8f8f8; line-height: .68rem;}
.level_jiangli_title em{float: left; width: 30%; font-size: .22rem; color: #333; padding: 0 0 0 .2rem; font-weight: bold;}
.level_jiangli_title small{float: left; width: 22%; font-size: .22rem; color: #333; font-weight: bold;}
.level_jiangli_title span{float: left; font-size: .22rem; color: #333; font-weight: bold;}
.level_jiangli_nr{float: left; width: 100%; border-bottom: #f3f3f3 1px solid; padding: .2rem 0;}
.level_jiangli_nr i{float: left; width: 30%; padding: 0 0 0 .2rem;}
.level_jiangli_nr i img{width: 1.4rem;}
.level_jiangli_nr small{float: left; width: 22%; font-size: .22rem; color: #333; padding-top: .06rem;}
.level_jiangli_nr span{float: left; width: 40%; font-size: .22rem; color: #333; padding-top: .06rem; line-height: .34rem;}
.level_jiangli_nr p{float: left; width: 65%; font-size: .22rem; color: #333; padding-top: .06rem; line-height: .34rem;}
.level_jiangli_nr em{float: left; width: 30%; padding: 0 0 0 .2rem;}
.level_jiangli_nr em img{width: 1rem;}

.level_czzmxbox{float: left; width: 96%; padding: .1rem 0 0 4%;}
.level_czzmx{float: left; width: 96%;     border-bottom: #e8e3e3 1px solid; padding: .25rem 2%;}
.level_czzmx dt{float: left; width: 80%;}
.level_czzmx dt span{width:100%; display:block; font-size:.24rem; color:#333;}
.level_czzmx dt small{width:100%; display:block; font-size:.22rem; color:#999; padding:.1rem 0 0 0;}
.level_czzmx dd{float:right; font-size:.26rem; padding:.1rem .2rem 0 0; font-weight: bold;}
.points_jia{color:#53a000; }
.points_jian{color:#ff0000;}

.level_jiangli_tip1{float: left; width:100%; padding: .2rem 0 0 0; font-size: .23rem; color: #ff0000; line-height: .36rem;}
.level_jiangli_tip2{float: left; width:100%; padding: .2rem 0; font-size: .23rem; color: #ff0000; line-height: .36rem;}

.exp_tips{display: inline-block; background: url(../images/help_f22.png) no-repeat 0 1px; background-size: 16px; font-size: 12px; color: #fc5531; text-indent: 17px; margin-left: 6px;}
.exp_tips:hover{color: #fc5531; text-decoration: underline;}

.tishi_bgbg{ position: fixed; height: 100%; width: 100%;  background: rgba(0,0,0,0.7); z-index:998; top: 0; left: 0;}
.tishi_close{display:block; width:30px; height:auto; font-size:18px; position:absolute; right:10px; top:10px; font-family:Arial, Helvetica, sans-serif; color:#666; cursor:pointer; text-align:center;}
.tishi_close:hover{color:#ee504c;}

.level_tishi_mainbox{top:10%; left:6%; width:88%; padding:.8rem 0 0 0; background: #fff; position: fixed; z-index: 999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4);}
.level_tishi_box{width: 90%; padding: 0 5%;}
.level_tishi_title{width: 100%; text-align: center; font-size: .3rem; color: #333; padding: 0 0 .2rem 0;}
.level_tishi_title i{display: inline-block; vertical-align: middle; margin: 0 0 0 .1rem;}
.level_tishi_title i img{width: 1.4rem;}
.level_tishi_title2{width: 100%; text-align: center; font-size: .26rem; color: #333; padding: 0 0 .1rem 0; line-height: .5rem;}
.level_tishi_title2 i{display: inline-block; vertical-align: middle; margin: 0 0 0 .1rem;}
.level_tishi_title2 i img{width: 1.4rem;}
.level_tishi_jltitle{width:80%; margin:.2rem auto 0 auto; border-bottom:#eeeeee 1px solid; text-align:center;}
.level_tishi_jltitle span{background:#FFF; padding:0 .25rem; top:.15rem; position:relative; font-size:.26rem; color:#777;}
.level_tishi_jlquan{width:100%; text-align:center; font-size:.24rem; color:#333;}
.level_tishi_jlquan i{float:left; width:100%; text-align:center; padding:.6rem 0 .4rem 0;}
.level_tishi_jlquan i img{width: 1.3rem;}
.level_tishi_btn{width:100%; float:left; padding:.7rem 0; text-align:center;}
.level_tishi_btn a{display: inline-block; width: 4rem; padding:.18rem 0; font-size:.24rem; background: #f6953e; color: #fff; border-radius: 4px;}
.level_tishi_btn a:hover{color:#fff; background:#ffa05e;}

.indexlevel_tishi_mainbox{top:10%; left:6%; width:88%; padding:3em 0 0 0; background: #fff; position: fixed; z-index: 999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4);}
.indexlevel_tishi_box{width: 90%; padding: 0 5%;}
.indexlevel_tishi_title{width: 100%; text-align: center; font-size: 1.2em; color: #333; padding: 0 0 .5em 0;}
.indexlevel_tishi_title i{display: inline-block; vertical-align: middle; margin: 0 0 0 .2em;}
.indexlevel_tishi_title i img{width: 4.4em;}
.indexlevel_tishi_title2{width: 100%; text-align: center; font-size: 1em; color: #333; padding: 0 0 .4em 0; line-height: 2em;}
.indexlevel_tishi_title2 i{display: inline-block; vertical-align: middle; margin: 0 0 0 .2em;}
.indexlevel_tishi_title2 i img{width: 5.3em;}
.indexlevel_tishi_jltitle{width:80%; margin:.5em  auto 0 auto; border-bottom:#eeeeee 1px solid; text-align:center;}
.indexlevel_tishi_jltitle span{background:#FFF; padding:0 1em; top:.6em; position:relative; font-size:1em; color:#777;}
.indexlevel_tishi_jlquan{width:100%; text-align:center; font-size:.94em; color:#333;}
.indexlevel_tishi_jlquan i{float:left; width:100%; text-align:center; padding:2.5em 0 1em 0;}
.indexlevel_tishi_jlquan i img{width: 5.2em;}
.indexlevel_tishi_btn{width:100%; float:left; padding:2.5em 0; text-align:center;}
.indexlevel_tishi_btn a{display: inline-block; width: 16em; padding:.65em 0; font-size:.94em; background: #f6953e; color: #fff; border-radius: 4px;}
.indexlevel_tishi_btn a:hover{color:#fff; background:#ffa05e;}

.level_tan_mainbox{top:10%; left:6%; width:88%; padding:.5rem 0 0 0; background: #fff; position: fixed; z-index: 999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4);}
.level_tan_title{width: 90%; font-size: .4rem; padding: 0 5% .35rem 5%; text-align: center; }
.level_tan_zi{width: 84%; padding: 0 8% .2rem 8%; font-size: .24rem; color: #333; line-height: .42rem; min-height: 100px;}
.level_tan_zi span{font-weight: bold; color: #ff472e;}
 .level_tan_btn{width:100%; border-top:#EDEDED 1px solid;}
 .leveltan_btn1{float:left; font-size:.22rem; color:#9494a0; width:50%; text-align:center; padding:.15rem 0; margin:.1rem 0; border-right:#EDEDED 1px solid;}
 .leveltan_btn2{float:left; font-size:.22rem; color:#29abf9; width:49%; text-align:center; padding:.15rem 0; margin:.1rem 0;}


.tan_mainbox{top:10%; left:6%; width:88%; padding:.4rem 0 0 0; background: #fff; position: fixed; z-index: 999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4);}
.tan_title{width: 90%; font-size: .32rem; padding: 0 5% .3rem 5%; text-align: center; }
.tan_zi{width: 84%; padding: 0 8% .2rem 8%; font-size: .26rem; color: #333; line-height: .38rem; min-height: 100px;}
.tan_zi span{font-weight: bold; color: #ff472e; padding: 0 0 0 .1rem;}
.tan_zi i{display: inline-block; vertical-align: middle; margin: 0 0 0 .1rem;}
.tan_zi i img{width: 1.1rem;}
 .tan_btn{width:100%; border-top:#EDEDED 1px solid;}
 .tan_btn1{float:left; font-size:.22rem; color:#9494a0; width:50%; text-align:center; padding:.1rem 0; margin:.1rem 0; border-right:#EDEDED 1px solid;}
 .tan_btn2{float:left; font-size:.22rem; color:#29abf9; width:49%; text-align:center; padding:.1rem 0; margin:.1rem 0;}


.dyt_level{float: left; width: 92%; padding: .3rem 0 .5rem 0; margin: 0 4% .1rem 4%; border-bottom: #efefef 1px solid;}
.dyt_level_tx{float: left; width: 1rem; height: 1rem; margin-right: 0.15rem; position: relative;}
.dyt_level_tx img{width: 100%; height: 100%;}
.dyt_level_nr{float: left; width: 78%; padding: .1rem 0 0 0;}
.dyt_level_nr strong{float:left; font-size:.24rem; color:#222; width:100%;}
.dyt_level_nr strong i{float:left; width: 0.9rem;
    margin: 0 0 0 0.1rem;}
.dyt_level_nr strong i img{width: 100%;}
.dyt_level_nr strong em{float:left; max-width: 70%; font-size:.24rem; color:#222; font-weight: bold; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.dyt_level_nr small{float:left; font-size:.2rem; color:#333; width:100%; padding: .15rem 0 0 0;}
.dyt_level_nr small a{display: inline-block; font-size:.2rem; color:#0364b4; padding: 0 0 0 .2rem;}

.dytlevel_jindubox{float: left; width: 100%; margin: .2rem 0 0 0;}
.dytlevel_jindu_list{float: left; width: 33%; position: relative; border-right:#fff 1px solid; }

.dytlevel_jindu_bg1{width: 100%; height: 8px; background: #dcdfe6; border-radius: 8px 0 0 8px; position: absolute; z-index: 2; top:0;}
.dytlevel_jindu_bg2{width: 100%; height: 8px; background: #dcdfe6; position: absolute; z-index: 2; top:0;}
.dytlevel_jindu_bg3{width: 100%; height: 8px; background: #dcdfe6; border-radius: 0 8px 8px 0; position: absolute; z-index: 2; top:0;}
.dytlevel_jindu_line1{height: 8px; background: #fa7169; border-radius: 8px 0 0 8px; position: absolute; z-index: 3; top:0;}
.dytlevel_jindu_line2{height: 8px; background: #fa7169; border-radius: 0; position: absolute; z-index: 3; top:0;}
.dytlevel_jindu_line3{height: 8px; background: #fa7169; border-radius: 0 8px 8px 0; position: absolute; z-index: 3; top:0;}
.dytlevel_jindu_zi{width: 100%; position: relative; top: .25rem; left: .12rem; z-index: 4;}
.dytlevel_jindu_zi span{float: left; font-size: .2rem; color: #666;}
.dytlevel_jindu_zi small{float: right; font-size: .2rem; color: #666;}

.more_box{float: left; width: 100%; margin: .4rem auto;}
.more_box input{background:#fff; padding:.1rem .3rem!important; border:#e6e5eb 1px solid; color:#333; border-radius: 3px;}
.more_box input:hover{color: #f56e5c;}


/*callback*/
.backdyt_title{float: left; width: 90%; padding: .3rem 5% 0 5%; background: #fff;}
.backdyt_title h1{display: block; width: 100%; font-size: .28rem; color: #444; font-weight: bold;}
.backdyt_title h2{display: block; width: 100%; font-size: .22rem; color: #666; line-height: .34rem; padding: .15rem 0 0 0;}


.bullet_box{ position: fixed; height: 100%; width: 100%;  background:rgba(0,0,0,0.6); z-index:998; top:0; left:0;}
.bullet_nr_kuang{top:10%; left:6%;  width:88%;  background: #fff; position: absolute; z-index: 999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4);}
.bullet_close{display:block; width:30px; height:auto; font-size:18px; position:absolute; right:10px; top:10px; font-family:Arial, Helvetica, sans-serif; color:#666; cursor:pointer; text-align:center;}
.bullet_close:hover{color:#ee504c;}
.bullet_index_nr{width:92%; padding:.4rem 4% .3rem 4%;}
.bullet_index_nr em{font-size:.3rem; color:#333; line-height:.36rem; text-align:center; display:block; width:84%; padding:0 8%;}

.bullet_welfare_list{width:100%; overflow:auto; margin-top:1em; float:left;}
.bullet_welfare_list2{width:100%; overflow:auto; margin-top:1em; float:left;}

.fhy_tc_nr{width:100%; padding:.25rem 0 .2rem 0; border-bottom:#d8d8d8 dashed 1px;}
.fhy_tc_nr h2{font-size:.28rem; color:#fb5852; font-weight: bold;}
.fhy_tc_nr h3{font-size:.22rem; color:#777; line-height:.36rem; padding: .1rem 0 0 0;}

.fhy_quan{width:100%;}
.fhy_quan h4{font-size:.26rem; color:#333; border-bottom:#f7f7f7 1px solid; float:left; padding:.2rem 0; width:100%;}
.fhy_quan ul{max-height:160px; overflow:auto; float:left; width:100%;}
.fhy_quan li{float:left; width:100%;  border-bottom:#f7f7f7 1px solid; padding:.2rem 0; background:url(../images/quan/fhy_dui2.jpg) no-repeat right; cursor:pointer;}
.fhy_quan .fhy_quan_qie,.fhy_quan li:hover{float:left; width:100%;  border-bottom:#f7f7f7 1px solid; padding:.2rem 0; background:url(../images/quan/fhy_dui1.jpg) no-repeat right;}
.fhy_quan li i{float:left; width:.8rem; padding-top:.05rem;}
.fhy_quan_nr{float:left; width:75%; padding:0 0 0 3%;}
.fhy_quan_nr span{float:left; font-size:.26rem; color:#333; font-weight:bold; padding:0 0 0 0; width:100%;}
.fhy_quan_nr small{float:left; font-size:.2rem; color:#999; padding:.1rem 0 0 0; width:100%;}

.bullet_callback_btn{width:100%; float:left; padding:.4rem 0; text-align:center;}
.bullet_callback_btn a{padding:.13rem .45rem; margin:0 .2rem; font-size:.22rem;}
.bullet_callback_btn1{background:#f9f9f9; border:#e6e6e6 1px solid; color:#666;}
.bullet_callback_btn1:hover{background:#ffa05e; color:#fff; border:#ffa05e 1px solid;}
.bullet_callback_btn2{background: -webkit-linear-gradient(left, #fba558 , #ed8a31); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #fba558 , #ed8a31); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #fba558 , #ed8a31); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #fba558 , #ed8a31); /* 标准的语法 */
  color:#fff;}
.bullet_callback_btn2:hover{background:#ffa05e; color:#fff;}