@charset "utf-8";
/* CSS Document */
html { overflow:-moz-scrollbars-vertical; overflow-x: hidden;}
html,body{ margin: 0 auto;  padding: 0;   min-width: 320px;   max-width: 100%;   font: 0.875em ;}
body{background: #fff;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0;  padding: 0;  border: 0 none;  font-style: inherit;  font-weight: inherit; font-family:Arial, Helvetica, sans-serif; font-size: inherit;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
.clear{clear:both;}
.gray{-webkit-filter: grayscale(95%); -moz-filter: grayscale(95%); -ms-filter: grayscale(95%); -o-filter: grayscale(95%); filter: grayscale(90%); filter: gray;} 
.img_blk{width:100%;}
select{direction:rtl;}
option{direction:ltr;}

/*圆角*/
.borad_1{-moz-border-radius: 10px 0px 0px; -webkit-border-radius: 10px 0px 0px 0px; border-radius: 10px 0px 0px;}/*圆角左上*/
.borad_2{-moz-border-radius: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px; border-radius: 0px 10px 0px 0px;}/*圆角右上*/
.borad_3{-moz-border-radius: 0px 0px 10px; -webkit-border-radius: 0px 0px 10px 0px; border-radius: 0px 0px 10px;}/*圆角右下*/
.borad_4{-moz-border-radius: 0px 0px 0px 10px; -webkit-border-radius: 0px 0px 0px 10px; border-radius: 0px 0px 0px 10px;}/*圆角左下*/
.borad_5{-moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px;}/*圆角左上右上*/
.borad_6{-moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px;}/*圆角左下右下*/
.borad_7{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}/*圆角全部*/
.borad_8{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}/*圆角全部*/
.borad_9{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}/*圆角全部*/
.borad_10{-moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}/*圆角全部*/
.borad_50{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}/*圆角全部*/
/*文字溢出用...处理*/
.text_overflow{overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
/*border边框*/
.border_nei{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*btn*/
.red_btn{background:#fb5652; background:linear-gradient(to right, #fd7c61, #fb5652); color: #fff; box-shadow: 0 12px 18px rgba(255, 151, 29, 0.1);}
.red_btn:hover{background:#fb5652; color: #fff; box-shadow: 0 12px 18px rgba(255, 151, 29, 0.1);}
.hui_btn{background:#f8f8f8; border:#e6e6e6 1px solid; color: #666; box-shadow: 0 12px 18px rgba(248, 248, 248, 0.1);}
.hui_btn:hover{background:#fb5652; border:#fb5652 1px solid; color: #fff; box-shadow: 0 12px 18px rgba(248, 248, 248, 0.1);}
.red_kuang_btn{border:#fb5652 1px solid; border:linear-gradient(to right, #fd7c61, #fb5652) 1px solid; color: #fb5652;}
/*top*/
.top_ggg{width:100%; height:3em;}
.line_ggg{width:100%; background:#f5f4f9; border-bottom:#f0eef5 1px solid; border-top:#f0eef5 1px solid; float:left; height:0.6em;}
.box{width:94%; padding:0 3%; float:left;}
.red_zi{color:#fb5652;}
.hui_kuang{border:#ededed 1px solid;}
/*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:0;
  height: 100%;
  width: 100%;
  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:99999;
 
}
.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;
  width:100%;
  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: #333;
}
.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;
  }
}


.cd-popup1 {
  position: fixed;
  left:0;
  top:0;
  height: 100%;
  width: 100%;
  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:99999;
 
}
.cd-popup1.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-container1 {
  position: relative;
  width:100%;
  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-container1 .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container1 .cd-buttons li {
  float: left;
  width: 50%;
}
.cd-popup-container1 .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-container1 .cd-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container1 .cd-buttons li:first-child a:hover {
  background-color: #fc8982;
}
.cd-popup-container1 .cd-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container1 .cd-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.cd-popup-container1 .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container1 .cd-popup-close::before, .cd-popup-container1 .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #333;
}
.cd-popup-container1 .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-container1 .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-container1 {
  -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;
  }
}


.tanchu_title{width:100%; height:50px; line-height:50px;  border-bottom:#eee 1px solid;}
.tanchu_title span{float:left; font-size:15px; color:#333; padding-left:10px; font-weight:bold; display:block; }
.tanchu_title  p {display:block; width:30px; height:40px;  font-size: 18px;  float:right;  color:#333;}
.modal p:hover { cursor: pointer; color:#ff604e;}
.hdgz_zi{width:94%; padding:3%; font-size:0.9em; line-height:1.6em; color:#333; overflow:auto;}


/* jcxx */
.jcxx_box{width:100%; background:#fff;  float:left; padding:0.5em 0;}
.jcxx_box dl{display:block; width:90%; padding:0.7em 5%; border-bottom:#e7eaf3 1px solid; float:left;}
.jcxx_box dt{float:left; font-size:0.9em; color:#333;}
.jcxx_box dt span{color:#F00; padding-right:0.3em;}
.jcxx_box dd{float:right; color:#666; font-size:0.8em; text-align:right; width: 60%;}
.jcxx_box dd span{float:right; text-align:right; padding:0.3em 0 0 0;}
.jcxx_box dd span img{width:35%;}
.jcxx_ipt1{min-width: 60px; border:#fff 1px solid; color:#666; max-width:32%; font-size:0.8em; padding:0.3em 0.5em 0.3em 0; text-align:right; box-sizing:border-box; background:#fff;   -webkit-appearance: none;}
.jcxx_ipt22{border:#fff 1px solid; color:#666; font-size:0.8em; padding:0.3em 0.5em 0.3em 0; text-align:right; box-sizing:border-box; background:#fff;   -webkit-appearance: none;}

input, textarea, keygen, select, button {
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
}

.zjxx_box{width:100%; background:#fff; float:left; }
.zjxx_box dl{width:33%; float:left; position:relative; padding:1em 0; border:#f5f4f9 1px solid; border-top:none; border-left:none; height:6em;}
.zjxx_box dt{width:100%; text-align:center;}
.zjxx_box dt img{width:3em;}
.zjxx_box dd{text-align:center; font-size:0.9em; color:#333; padding:0.5em 3% 0 3%;}
.zjxx_box span{position: absolute;   z-index: 999; font-size:1em; font-weight:bold;    margin-left:2.5em;    margin-top:-5em;    color: #ff0000;}


/* survey */	
.title_box{width:100%; padding:1em 0;}
.title_box h1{float:left; width:40%; font-size:1.1em; color:#444; font-weight:bold;}
.title_box a{float:right;  font-size:0.9em; color:#ccc;}

.survey_list{width:100%; border-bottom:#f0eef5 1px solid; float:left;}
.survey_list dl{width:100%; float:left; padding:1em 0 0.7em 0;}
.survey_list dt{float:left; width:6em; height:6em; position: relative;}
.survey_list dt span{position:absolute; z-index:9999; background-color:rgba(255,29,25,0.8); top:6%; right:15%; font-size:.8em; color:#fff; padding:.05em .4em .1em .4em; border-radius:5px;}

.survey_list dd{float:left; display:block;  width:66%;  padding-left:2%;}
.survey_list dd h1{display:block; width:100%; float:left; font-size:0.95em; color:#333;}
.survey_list dd h2{display:block; width:100%;  float:left; padding:3px 0 0 0;}
.survey_list dd h2 p{float:left; font-size:0.7em; color:#666; border:#e7e7e7 1px solid; padding:2px 4px; margin-right:3px;}
.survey_list dd h2 p i{width:1.2em; height:1.2em; float:left; margin:0.1em 0.2em 0 0;}
.survey_list dd h3{display:block; width:100%; float:left; padding:2px 0 0 0;}
.survey_list dd h3 span{float:left; font-size:0.7em; color:#666; padding:0 0 0 10px;}
.survey_list dd h4{display:block; width:100%; float:left; font-size:0.7em; color:#ff6458; }
.survey_list dd h4 em{font-size:1.8em; color:#ff6458; font-weight:bold;}
.survey_list dd h5{display:block; width:100%; float:left;}
.survey_list dd h5 small{float:left; font-size:.6em; color:#666; padding:.1em .5em; margin:.3em 1em .2em 0; background:#f2f2f2;}

.survey_list_hui{width:100%; border-bottom:#f0eef5 1px solid; float:left;}
.survey_list_hui dl{width:100%; float:left; padding:1em 0 0.7em 0;}
.survey_list_hui dt{float:left; width:6em; height:6em;}
.survey_list_hui dt img{-webkit-filter: grayscale(95%); -moz-filter: grayscale(95%); -ms-filter: grayscale(95%); -o-filter: grayscale(95%); filter: grayscale(90%); filter: gray;} 
.survey_list_hui dd{float:left; display:block;  width:66%;  padding-left:2%;}
.survey_list_hui dd h1{display:block; width:100%; float:left; font-size:0.95em; color:#999;}
.survey_list_hui dd h2{display:block; width:100%;  float:left; padding:3px 0 0 0;}
.survey_list_hui dd h2 p{float:left; font-size:0.7em; color:#999; border:#e7e7e7 1px solid; padding:2px 4px; margin-right:3px;}
.survey_list_hui dd h2 p i{width:1.2em; height:1.2em; float:left; margin:0.1em 0.2em 0 0;}
.survey_list_hui dd h3{display:block; width:100%; float:left; padding:2px 0 0 0;}
.survey_list_hui dd h3 span{float:left; font-size:0.7em; color:#ccc; padding:0 0 0 10px;}
.survey_list_hui dd h4{display:block; width:100%; float:left; font-size:0.7em; color:#999; }
.survey_list_hui dd h4 em{font-size:1.8em; color:#999; font-weight:bold;}
.survey_list_hui dd h5{display:block; width:100%; float:left;}
.survey_list_hui dd h5 small{float:left; font-size:.6em; color:#a2a2a2; padding:.1em .5em; margin:.3em 1em .2em 0; background:#f6f6f6;}
/* vlist */
.vlist_box{width:96%;  border-bottom:#eee 1px  dashed; float:left; padding:1em 2% 1em 2%;}
.vlist_ren{width:100%;}
.vlist_ren i{float:left; width:2em; height:2em;}
.vlist_ren i img{width:2em; height:2em; border:#ededed 1px solid; object-fit: cover;}
.vlist_ren span{float:left; font-size:0.9em; color:#777; padding:0.6em 0.6em 0 0.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 35%;}
.vlist_ren small{float:right; font-size:0.8em; color:#999; padding:0.8em 0 0 0;}
.vlist_ren_rs{font-size:1.5em; font-weight:bold; color:#fb5652; padding:0 0.3em 0 1em;}
.vlist_name{width:100%;  padding:0.5em 0; float:left;}
.vlist_name a{font-size:0.95em; color:#444; font-synthesis:style; line-height:1.6em;}
.vlist_name a:hover{color:#ed4731;  text-decoration:underline;}
.vlist_shu{width:100%;}
.vlist_shu span{float:right; font-size:0.8em; color:#999; padding:0.3em 0.5em 0 8px; background:url(../images/dian.jpg) no-repeat 0 10px;}
.vlist_shu a{float:left; font-size:0.9em; padding:0.2em 0.8em; margin-right:0.5em;}

/* 头部 */
.topbox{width:96%; padding:0 2%; height:3em; line-height:3em;  position:fixed; top:0px; z-index:999; background:#fff;}
.top_nr{width:100%; text-align:center; font-size:1.4em; color:#333; }
.top_leftjt{position:absolute; left:15px; z-index:9999; width:0.6em; height:0.6em;}
.top_leftjt img{width:100%; padding-top:18px;}
.top_nr h1{position:absolute; left:10%;}
.top_righttb{position:absolute; right:3%; z-index:9999;  width:1.2em; height:1.2em;}
.top_righttb img{padding:0.5em 0 0 0;}
.top_rightzi{position:absolute; right:3%; z-index:9999; font-size:0.7em; color:#fb5652;}
.top_rightzi22{position:fixed; right:3%; top: 1em; z-index:9999; font-size:.96em; color:#fb5652;}
.top_rightzi_hui{position:absolute; right:3%; z-index:9999; font-size:0.7em; color:#666;}
.top_rightzi_hui:hover{position:absolute; right:3%; z-index:9999; font-size:0.7em; color:#fb5652; text-decoration:underline;}
.top_rightzi_hui_right{width:30%; float:right; font-size:0.9em; color:#666; text-align:right; padding:0 2% 0 0;}
.top_rightzi_hui_right:hover{position:absolute; right:3%; z-index:9999; font-size:0.7em; color:#fb5652; text-decoration:underline;}
.top_rightsc{position:absolute; right:3%; background:url(../images/vote_shoucang.png) no-repeat; background-size:100%; width:1em; height:1em; margin-top:0.6em;}
.top_rightsc_qie,.top_rightsc:hover{position:absolute; right:3%; background:url(../images/shoucang2.png) no-repeat; background-size:100%; width:1em; height:1em; margin-top:0.6em;}

.top_nr_left{width:89%; font-size:1.4em; color:#333; padding:0 0 0 2%; float:left;}
.top_rightsz{background:url(../images/my_img10.png) no-repeat; background-size:100%; width:8%; float:right; margin:0.7em 1% 0 0;}

/* foot */
.foot_tt{width:100%; padding:0 0 3.8em 0; float:left; }
.foot_box{position:fixed; bottom:0;  z-index:990; width:100%; height:3.8em; background:#fff; border-top:#e4e6ec 1px solid;}

.foot_nav1{width:23%; float:left; padding:2% 1%; text-align:center;}
.foot_nav1 a{background:url(../images/foot/foot_home_normal.png) no-repeat center top; background-size:28%; display:block; font-size:0.8em; color:#999; padding:2.4em 0 0 0;}
.foot_nav1 a.nav_hover1,.foot_nav1 a:hover{background:url(../images/foot/foot_home_selected.png) no-repeat center top; background-size:28%;  display:block; top:0; padding:2.4em 0 0 0; font-size:0.8em; color:#333;}

.foot_nav2{width:23%; float:left; padding:2% 1%; text-align:center; position:relative;}
.foot_nav2 a{background:url(../images/foot/foot_message_normal.png) no-repeat center top; background-size:28%;  display:block; font-size:0.8em; color:#999; padding:2.4em 0 0 0;}
.foot_nav2 a.nav_hover2,.foot_nav2 a:hover{background:url(../images/foot/foot_message_selected.png) no-repeat center top; background-size:28%;  display:block; top:0; padding:2.4em 0 0 0; font-size:0.8em; color:#333;}

.foot_nav3{width:23%; float:left; padding:2% 1%; text-align:center;  position:relative;}
.foot_nav3 a{background:url(../images/foot/foot_broadcast_normal.png) no-repeat center top; background-size:28%;  display:block; font-size:0.8em; color:#999; padding:2.4em 0 0 0;}
.foot_nav3 a.nav_hover3,.foot_nav3 a:hover{background:url(../images/foot/foot_broadcast_selected.png) no-repeat center top; background-size:28%;  display:block; top:0; padding:2.4em 0 0 0; font-size:0.8em; color:#333;}

.foot_nav4{width:23%; float:left; padding:2% 1%; text-align:center;  position:relative;}
.foot_nav4 a{background:url(../images/foot/foot_me_normal.png) no-repeat center top; background-size:28%;  display:block; font-size:0.8em; color:#999; padding:2.4em 0 0 0;}
.foot_nav4 a.nav_hover4,.foot_nav4 a:hover{background:url(../images/foot/foot_me_selected.png) no-repeat center top; background-size:28%;  display:block; top:0; padding:2.4em 0 0 0; font-size:0.8em; color:#333;}

.foot_hongdian1{position:absolute; background:#ff6458;  height:1em; right:28%; top:0.6em; color:#FFF; padding:0.1em 0.3em; line-height:1em; font-size:0.6em;}
.foot_hongdian2{position:absolute; background:#ff6458;  right:35%; top:0.4em;  padding:0.25em 0.25em;}

/* kong */
.kong{width:100%; text-align:center; padding:3em 0 0 0;}
.kong i{width:70%; display:block; margin:0 auto;}
.kong p{font-size:0.9em; color:#999; display:block; width:100%; padding:1em 0;}
.kong h1{font-size:0.9em; color:#999; display:block; width:100%; padding:1em 0;}

/* 选择国家 */
.choose_box{width:100%; padding:2em 0 0 0;}
.choose_box h1{display:block; width:100%; text-align:center; font-size:1em; color:#333; font-weight:bold; padding-bottom:1em; line-height:2em;}
.choose_list{width:100%; overflow:auto;}
.choose_box ul{float:left; padding:0 5%; width:90%;}
.choose_box li{float:left; width:100%;}
.choose_box li {font-size:0.9em; color:#333; float:left; width:90%;  padding:1em 5%; border-bottom:#f2f3f6 1px solid;}
.choose_box .guojia_qie, .choose_box li:hover{background:#fefaef; color:#fb5652; font-weight:bold;}
.choose_box li i{float:left; width:2.5em; margin-right:0.8em;}
.choose_btn{width:90%; padding:1.5em 5% 0 5%;}
.choose_btn a{font-size:1.2em; color:#fff; width:100%; display:block; padding:0.6em 0; text-align:center;}

/*tanchu*/
.ts_wai_box{ position: fixed; height: 100%; width: 100%;  background:rgba(0,0,0,0.6); z-index:9999; top:0; left:0;}
.ts_box123{top:10%; left:6%;  width:88%;  background: #fff; position: absolute; z-index: 101; -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);}
.ts_nr{width:90%; padding:1.5em 5% 1em 5%;}
.ts_nr h1{font-size:1.2em; color:#333; line-height:1.6em;}

/*提示*/
.ts_tx_box{width:103px; position:absolute; top:-3em; left:35%; margin:0 auto;}
.tx_kuang{border:#d5ba8a 3px solid;}
.tx_height{width:6em; height:6em;}
.ts_tx_box i{position:absolute; top:83px; left:10px; z-index:999; width:5em;}
.ts_wenzi{width:100%; float:left; padding:4.5em 0 0.5em 0; text-align:center; font-size:1.4em; color:#333;}
.ts_zhuan_title{width:80%; margin:0 auto; border-bottom:#eeeeee 1px solid; text-align:center;}
.ts_zhuan_title span{background:#FFF; padding:0 1em; top:0.6em; position:relative; font-size:1em; color:#777;}
.ts_quan{width:100%; text-align:center; font-size:1em; color:#fb5652;}
.ts_quan i{float:left; width:100%; text-align:center; padding:1.5em 0 1em 0;}
.ts_btn{width:80%; float:left; padding:1.5em 10% 2em 10%;}
.ts_btn a{display:block; width:100%; padding:0.5em 0; text-align:center; font-size:1.1em;}
.ts_level{width:90%; float:left; padding:6em 5% 10px 5%;  font-size:0.9em; color:#333; line-height:1.4em;}

.ts_fuli{width:100%; padding:5px 0 0 0; float:left; overflow:auto; max-height:330px;}
.ts_fuli ul{float:left; padding-top:10px;}
.fd_quan_nr{width:100%; height:auto; float:left; background:url(../images/quan_bg.png) no-repeat; background-size: 100% 100%; padding:0.2em 0; box-shadow:2px 12px 18px rgba(214, 211, 208, 0.1); margin-bottom:1em;}
.fd_quan_nr div{float:left; width:92%;  padding:1.2em 3% 0 5%;}
.fd_quan_nr div h1{float:left; width:25%; font-size:0.8em; color:#fb5652; padding:1.5em 2% 2em 2%;}
.fd_quan_nr div h1 em{font-size:2.5em; font-weight:bold; padding-right:3px;}
.fd_quan_nr div h2{float:left; width:70%;}
.fd_quan_nr div h2 p{float:left; font-size:1em; color:#333; font-weight:bold;  padding-bottom:3px; width:100%; text-align:left;}
.fd_quan_nr div h2 p em{color:#fd7c61; font-size:0.7em;}
.fd_quan_nr div h2 span{float:left; font-size:0.7em; color:#888;}
.fd_quan_nr div h3{float:left; width:25%; font-size:2.2em; font-weight:bold; color:#f6534f; padding:0 2% 0.6em 2%; text-align:center;}
.fd_quan_nr div h3 em{font-size:0.7em; font-weight:bold; padding-right:3px;}
.fd_quan_nr small{float:left; color:#888; font-size:0.7em; padding:0.2em 20px 0.6em 20px; text-align:left;}

/*分享*/
.invite_fenx_box{width:98%;  float:left; padding:2em 0 0.6em 2%;}
.invite_fenx_box ul{width:100%; display:block;}
.invite_fenx_box li{float:left; width:33.3%; }
.invite_fenx_box li a{width:100%; float:left;}
.invite_fenx_box li a i{width:100%; display:block; text-align:center;}
.invite_fenx_box li a i img{width:3.6em; height:3.6em;}
.invite_fenx_box li a span{font-size:1em; color:#333; text-align:center; width:100%; display:block; padding:0.5em 0 1em 0;}

.invite_zi_box{width:100%; float:left;}
.invite_zi{width:86%; margin:0 auto;  background:#f6f6f6; border:#efefef 1px solid; padding:3%; font-size:0.9em; color:#333; line-height:1.5em;}
.invite_zi span{color:#F00; font-weight:bold;}

/* 表情大小限制 */
.emo{width:1.8em; margin-right:0.2em;}

/*invite*/
.invitetop_box{width:96%; padding:0 2%; height:.8rem; line-height:.8rem; position:fixed; top:0px; z-index:990; background: #fff; border-bottom:#f0eef5 1px solid;}
.invitetop_nr{width:100%; text-align:center; font-size:.36rem; color:#333; }
.invitetop_leftjt{position:absolute; top:18px; left:15px; z-index:9999; width:.21rem; height:.21rem;}
.invitetop_leftjt img{display: block; width:100%;}
.invitetop_titlezi{font-size: .36rem; color: #333; display:inline-block; width: 80%;}
.invitetop_ggg{width:100%; height:.8rem;}

.invite_banner{width:100%;}
.invite_top_guize{position:absolute; right:0; top:1.2rem; z-index:99;}
.invite_top_guize a{background-color: #e2472c; 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_ren_box{width:100%; background:url(../images/invite_bg2.jpg) no-repeat; background-size:100%;}
.invite_ren_img{width: 100%;}
.invite_ren_nr{width: 94%; margin: 0 3%; padding: 0.3rem 0; border-radius: 10px; background: #fff;}

.dyt_title{width: 90%; padding: 0 5% .1rem 5%; 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:#ff4d2e; border-bottom:#ff4d2e 2px solid;}
.bp_hong2{position:absolute; background:#f56e5c; padding:0 .06rem; height:.24rem; line-height:.24rem; font-size:.2rem; color:#fff; right:-.1rem; top:-.05rem;}

.dyt_jian{float: left; width: 90%; margin: .3rem 5% .1rem 5%;}
.dyt_jian a{display: inline-block; width: 100%; font-size: .24rem; color: #e56c57; 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 0 .3rem 0; margin: 0 5% 0 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;}
.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:1px 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 .1rem 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;}


.invite_box{width: 94%; background: #fff; margin: .2rem 3% 0 3%; padding: 0 0 .4rem 0; border-radius:10px;}

.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: #e56c57;}

.dyt_yaobox{width: 94%; padding: 3%; color: #333; overflow: auto;}

.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;}


.dyt_hybox{width:90%; padding:.1rem 5% 0 5%;}
.dyt_hylist{width:100%; padding:.25rem 0 0 0; float:left;}
.dyt_hylist dt{width:47%; float:left;}
.dyt_hylist dt i{width:.65rem; float:left;}
.dyt_hylist dt i img{width:.65rem; height: .65rem; object-fit: cover;}
.dyt_hylist dt div{float:left; width:65%; padding:.03rem 0 0 .2rem;}
.dyt_hylist 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;}
.dyt_hylist dt div small{font-size:.2rem; color:#999; display:block; width:100%;}
.dyt_hylist dt div em{font-size:.2rem; color:#fb5652; display:block; width:100%;  padding:0 0 .04rem 0;}
.dyt_hylist dd{font-size:.22rem; color:#555; float:left; padding:.18rem 0 0 0;}
.dyt_hylist dd em{font-weight:bold; font-size:.23rem; color: #fb5652;}

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

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

.invitefoot_btn{width: 100%; margin: .2rem 0 0 0; position: fixed; bottom: 0; z-index: 999;}
.invitefoot_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;}
.invitefoot_btn a:hover{background: #ebc062;}


.message_list123{width:98%; border-bottom:#f0eef5 1px solid; float:left; padding:.24rem 0 .24rem 2%;}
.message_img123{width:16%; float:left;}
.message_img123 img{width:.82rem; height:.82rem;}
.message_nr123{width:84%; float:left;}
.message_nr123 dt{float:left; width:65%; position:relative;}
.message_nr123 dt h1{font-size:.24rem; color:#333; font-weight:bold;}
.message_nr123 dt h2{font-size:.22rem; color:#777; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;  padding:.05rem 0 .05rem 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:.05rem 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: .2rem 0 0 0;}
.message_nr123 dd a img{width:.5rem;}
.message_nr123 dd span{display: inline-block; padding: .3rem 0 0 0; font-size: .2rem; color: #999;}

.dyt_navbox{width:96%; padding:.1rem 2% 0 2%; float:left; border-bottom:#f0eef5 1px solid; background:#fff; text-align: center; white-space: nowrap; overflow-x: auto; overflow-y: hidden; font-size: 0;}
.dyt_navbox a{display: inline-block; font-size:.22rem; color:#333; padding:.1rem .2rem .14rem .2rem; margin: 0 .1rem;}
.dyt_navbox .dyt_nav_qie,.dyt_navbox a:hover{color:#fb5652; border-bottom:#fb5652 2px solid;}
.dyt_ssbox{width:96%; padding:.15rem 2%; float:left; border-bottom:#f0eef5 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%;}


.chatnr_box{width:96%; padding:1.5em 2% 0 2%; float:left;}
.chatnr_left{float: left; width:98%; padding:0 1% 0 1%;}
.chatnr_left dl{width:100%; padding-bottom:1.5em; float:left;}
.chatnr_left dt{float:left; width:16%; position: relative;}
.lt_touxiang{width:3em; height:3em; border-radius: 50%;}
.lt_tuanzhang{position: absolute; top: -10px; left: -6px; z-index: 1;}
.chatnr_left dd{float:left; width:80%;}
.chatnr_left dd small{font-size:0.6em; color:#b3b3b3; padding-bottom:0.4em; float:left; width:100%;}
.chatnr_left dd span{font-size:0.9em; color:#333; float:left; max-width:95%; padding:8px 15px; background-color: #fff; border-radius: 0 16px 16px 16px; box-sizing: border-box; box-shadow: 0 3px 3px rgba(228,229,233,.1); border: #ededed 1px solid; line-height: 1.5;}

.chatnr_right{float: left; width:98%; padding:0 1% 0 1%;}
.chatnr_right dl{width:100%; padding-bottom:1.5em; float:left;}
.chatnr_right dt{float:right; position: relative;}
.chatnr_right dd{float:right; width:80%; padding: 0 2% 0 0;}
.chatnr_right dd small{font-size:0.6em; color:#b3b3b3; padding-bottom:0.4em; float:right; width:100%; text-align: right;}
.chatnr_right dd span{font-size:0.9em; color:#333; float:right; max-width:95%; padding:8px 15px; background-color: #fff; border-radius: 16px 0 16px 16px; box-sizing: border-box; box-shadow: 0 3px 3px rgba(228,229,233,.1); border: #ededed 1px solid; line-height: 1.5;}
#gallery img{max-height: 140px;}

.bpxq_yh_box{width:100%; background:#fff; float:left; padding:0.5em 0;}
.bpxq_yh_list{width:96%; padding:0 2%;}
.bpxq_yh_list li{width:20%; text-align:center; float:left; padding:0.5em 0;}
.bpxq_yh_list li i{width:100%; text-align:center; display:block;}
.bpxq_yh_list li i img{width:2em; height:2em;}
.bpxq_yh_list li span{width:94%; display:block; text-align:center; font-size:0.7em; color:#666; padding:0.3em 3% 0 3%; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}

.jcxx_box label{float: left; width: 100%;}
.jcxx_list_tx{width:96%; padding:.7em 2% .7em 2%; border-bottom:#f5f4f9 1px solid; float:left;}
.jcxx_list_tx h1{float:left; font-size:0.9em; color:#444; padding:1em 0 0 0;}
.jcxx_list_tx i{float:right; width:3em; height:3em;}
.jcxx_list_tx i img{width:3em; height:3em;}

.chatcy_more{float:left; width: 90%; padding: 0 5%;}
.chatcy_more a{border-top:#eeeeee 1px solid; float:left; width:100%; text-align:center; color:#999; font-size:.8em; margin-top: .8em; padding: 1em 0 .6em 0;}
.chatcy_more a:hover{color:#f56e5c;}


.inviteset_btn{width:84%; float:left; text-align:center; padding:2em 8%;}
.inviteset_btn a{font-size:1.1em; color:#fff; width:100%; display:block; padding:0.6em 0;}

.invite_registerbanner{float: left; width: 100%; background:#fff;}

/*tishi kuang*/
.tishi_bgbg{ position: fixed; height: 100%; width: 100%;  background: rgba(0,0,0,0.6); z-index:998; top: 0; left: 0;}
.tishi_mainbox{top:10%; left:6%; width:88%; padding:4.5em 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);}

.tishi_img{width: 150px; position: absolute; top: -3.5em; left: 27%; margin: 0 auto; z-index: 999;}
.tishi_img img{width: 100%;}
.tishi_title{width: 90%; text-align: center; font-size: 1.4em; color: #333; padding: 0 5% .5em 5%;}
.tishi_zi{width: 90%; padding: 0 5% 2em 5%; text-align: center; font-size: .94em; color: #333; line-height: 1.8em;}
.tishi_zi span{font-weight: bold; color: #ff472e;}
.tishi_btn_box{width: 100%; border-top: #eee 1px solid;}
 .tishi_btn1{float:left; font-size:1em; color:#9494a0; width:50%; text-align:center; padding:.5em 0; margin:.6em 0; border-right:#d1d1da 1px solid;}
 .tishi_btn2{float:left; font-size:1em; color:#ff6458; width:49%; text-align:center; padding:.5em 0; margin:.6em 0;}

.tishi_close{display:block; width:30px; height:40px; font-size:18px; position:absolute; right:12px; top:12px; font-family:Arial, Helvetica, sans-serif; color:#666; cursor:pointer; text-align:center;}
.tishi_close:hover{color:#ee504c;}

.tishi_foottx{position: absolute; width: 100%; text-align: center; bottom: -50px;}
.tishi_foottx a{display: inline-block; font-size: 14px; color: #fff; border:#fff 1px solid; border-radius: 4px; padding: 0 15px; line-height: 28px;}
.tishi_foottx a:hover{background: #fff; color: #ee504c;}
/* more */
.mx_box{float: left; width: 100%; margin: 1.5em auto;}
.mx_box input{background:#fff; padding:8px 20px!important; border:#e6e5eb 1px solid; color:#333; border-radius: 3px;}
.mx_box input:hover{color: #f56e5c;}
.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;}
/*level*/
.level_minebox{float: left; width: 94%; padding: 0 3%; background: #fff;}
.level_mine{width: 90%; padding: 0 5%; background: url(../images/level/level_topbg.png) no-repeat top; border-radius: 12px 12px 0 0;}
.level_mine h1{display: inline-block; width: 100%; padding: 1em 0 0 0;}
.level_mine h1 i{display: inline-block; vertical-align: middle;}
.level_mine h1 i img{width: 4em;}
.level_mine h1 em{display: inline-block; font-size: .9em; color: #fff9f0;}
.level_mine h2{display: inline-block; width: 100%; font-size: .9em; color: #fff9f0; padding: .5em 0 1em 0;}
.level_mine h2 em{font-weight: bold; padding: 0 .3em;}
.level_mine a{position: absolute; right: 7%; font-size: .8em; color: #31240B; background: #fff3d8; padding: .4em .9em; border-radius: 60px;}
.level_topbg{width:100%;}
.level_box{width:100%; position:absolute; left:0; top:.8rem; 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; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.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: .4rem; 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: .16rem 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: .3rem; 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: #191927; 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; padding: .08rem .02rem; 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; padding: .08rem .02rem; 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; padding: .08rem .02rem; 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; padding: .2rem 0;}
.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; display: flex; align-items: center;}
.level_jiangli_nr i{float: left; width: 30%; padding: 0 0 0 .2rem;}
.level_jiangli_nr i img{width: 1.1rem;}
.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;}
.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:2em 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: 1.5em; padding: 0 5% 1em 5%; text-align: center; }
.tan_zi{width: 84%; padding: 0 8% 1em 8%; font-size: .94em; color: #333; line-height: 1.6em; min-height: 100px;}
.tan_zi span{font-weight: bold; color: #ff472e;}
.tan_zi i{display: inline-block; vertical-align: middle; margin: 0 0 0 .2em;}
.tan_zi i img{width: 4.4em;}
 .tan_btn{width:100%; border-top:#EDEDED 1px solid;}
 .tan_btn1{float:left; font-size:.9em; color:#9494a0; width:50%; text-align:center; padding:.4em 0; margin:.5em 0; border-right:#EDEDED 1px solid;}
 .tan_btn2{float:left; font-size:.9em; color:#ff6458; width:49%; text-align:center; padding:.4em 0; margin:.5em 0;}



.display_none{display: none;}
.regionbox{position: fixed; height: 100%; width: 100%; z-index:999; top: 0; left: 0;}
.regiontxt{display: block; width: 100%; text-align: center; padding: 1em 0 .5em 0;}
.regiontxt em{display: inline-block; border: #dcdfe6 1px solid; border-radius: 60px; font-size: .94em; color: #333; padding: .3em 1.5em; margin: 0 .5em .5em .5em;}


.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:#fb5652; 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;}
/*callback*/
.backdyt_title{float: left; width: 94%; padding: 1em 3% .5em 3%; border-bottom: #dfdfdf 1px solid;}
.backdyt_title h1{display: block; width: 100%; font-size: 1em; color: #222;}
.backdyt_title h2{display: block; width: 100%; font-size: .9em; color: #666; line-height: 1.4em; padding: .5em 0 0 0;}
.backdyt_list{float: left; width: 92%; padding: 1em 4%;  border-bottom: #dfdfdf 1px solid; background: #fff;}
.backdyt_list:hover{background: #f8f9fe;}
.backdyt_list_tx{float: left; width: 4em; height: 4em; margin-right: 0.4em; position: relative;}
.backdyt_list_tx img{width: 100%; height: 100%;}
.backdyt_list_nr{float: left; width: 78%;}
.backdyt_list_nr strong{float:left; color:#222; width:100%;}
.backdyt_list_nr strong i{float:left; padding:0 3px 0 0;}
.backdyt_list_nr strong em{float:left; max-width: 55%; padding: 0 2% 0 0; font-size:.96em; color:#222; font-weight: bold; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.backdyt_list_nr strong p{float:left; font-size:.9em; color:#f2404c; font-weight: bold;}
.backdyt_list_nr small{float:left; font-size:.9em; color:#0364b4; width:100%; padding: .3em 0 .3em 0;}
.backdyt_list_nr small em{display: inline-block; font-size:.8em; color:#666; padding: 0 1em 0 0;}
.backdyt_list_nr small i{float: left; width: 3em; margin: 0 .3em 0 0;}
.backdyt_list_nr small i img{width: 100%;}
.backdyt_list_nr span{color:#999; width:100%; font-size: .8em; display:block; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}