html { overflow:-moz-scrollbars-vertical; overflow-x: hidden;}

html,body{
    margin: 0 auto;
    padding: 0;
    min-width: 320px;
    max-width: 100%;
    font: 0.875em ;	
}
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-size: inherit;
		
	font-family:Arial, Helvetica, sans-serif;
}
ul,ol,li{
    list-style: none;
}
a{
    text-decoration: none;
}

.gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
} 


.clear{clear:both;}
.yuanjiao1{-moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px; position:relative; z-index:2; behavior: url(ie-css3.htc);}
.yuanjiao2{-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px; position:relative; z-index:2; behavior: url(ie-css3.htc);}
.yuanjiao3{-moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius: 8px; position:relative; z-index:2; behavior: url(ie-css3.htc);}
.yuanjiao4{-moz-border-radius: 14px;-webkit-border-radius: 14px; border-radius: 14px; position:relative; z-index:2; behavior: url(ie-css3.htc);}
.yuanjiao5{-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; position:relative; z-index:2; behavior: url(ie-css3.htc);}
.yuanjiao6{-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; position:relative; z-index:2; behavior: url(ie-css3.htc);}
.yuanjiao7{-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; position:relative; z-index:2; behavior: url(ie-css3.htc);}
.yuanjiao8{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; position:relative; z-index:2; behavior: url(ie-css3.htc);}
.yuanjiao9{-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; position:relative; z-index:2; behavior: url(ie-css3.htc);}

.yuanjiao17{-moz-border-radius:1em;-webkit-border-radius:1em; border-radius:1em; position:relative; z-index:2; behavior: url(ie-css3.htc);}
.yuanjiao11{-moz-border-radius:1.5em;-webkit-border-radius: 1.5em; border-radius: 1.5em; position:relative; z-index:2; behavior: url(ie-css3.htc);}
.yuanjiao12{-moz-border-radius:2em;-webkit-border-radius:2em; border-radius:2em; position:relative; z-index:2; behavior: url(ie-css3.htc);}
.yuanjiao13{-moz-border-radius:5em;-webkit-border-radius:5em; border-radius:5em; position:relative; z-index:2; behavior: url(ie-css3.htc);}
.yuanjiao14{-moz-border-radius:2.5em;-webkit-border-radius:2.5em; border-radius:2.5em; position:relative; z-index:2; behavior: url(ie-css3.htc);}
.yuanjiao15{-moz-border-radius:1em 0 0 1em;-webkit-border-radius:1em 0 0 1em; border-radius:1em 0 0 1em; position:relative; z-index:2; behavior: url(ie-css3.htc);}
.yuanjiao16{-moz-border-radius:4em;-webkit-border-radius:4em; border-radius:4em; position:relative; z-index:2; behavior: url(ie-css3.htc);}



.border_nei{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.top_tt{width:100%; padding:3em 0 0 0; float:left; }
.top_tt2{width:100%; padding:2.7em 0 0 0; float:left; }
/* foot */
.foot_tt{width:100%; padding:0 0 3.5em 0; float:left; }

.foot_box{position:fixed; bottom:0;  z-index:990; width:100%; height:3.2em; background:#fff; border-top:#e4e6ec 1px solid;}

.foot_nav1{width:18%; float:left; padding:2% 1%; text-align:center;}
.foot_nav1 a{background:url(../images/foot/foot_nav01.png) no-repeat center top; background-size:30%;  display:block; font-size:0.8em; color:#999; padding:2em 0 0 0;}
.foot_nav1 a.nav_hover1,.foot_nav1 a:hover{background:url(../images/foot/foot_nav1.png) no-repeat center top; background-size:30%;  display:block; top:0; padding:2em 0 0 0; font-size:0.8em; color:#11b4ee;}

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


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

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

.foot_nav5{width:18%; float:left; padding:2% 1%; text-align:center;  position:relative;}
.foot_nav5 a{background:url(../images/foot/foot_nav05.png) no-repeat center top; background-size:30%;  display:block; font-size:0.8em; color:#999; padding:2em 0 0 0;}
.foot_nav5 a.nav_hover5,.foot_nav5 a:hover{background:url(../images/foot/foot_nav5.png) no-repeat center top; background-size:30%;  display:block; top:0; padding:2em 0 0 0; font-size:0.8em; color:#11b4ee;}

.foot_hongdian1{position:absolute; background:#ff472e;  height:1em; right:20%; top:0.5em; color:#FFF; padding:0.1em 0.3em; line-height:1em; font-size:0.6em;}
.foot_hongdian2{position:absolute; background:#ff472e;  right:25%; top:0.5em; color:#FFF; padding:0.25em 0.25em;}



.dengji{background:#4ea8eb; color:#fff; padding:0.1em 0.7em 0.1em 0.7em; font-size:0.7em;  margin:0 0 0 0.3em;}

/* 空状态 */
.kong_box{width:90%; float:left; text-align:center; padding:0 5%;}
.kong_box small{font-size:1em; color:#999;  padding:0.3em 0 1.5em 0;  width:100%; float:left;}
.kong_box p{font-size:1em; color:#666;  padding:0 0 1.5em 0;  width:100%; float:left;}
.kong_box span{font-size:1em; color:#666; width:100%; float:left;}
.kong_box a{background:#fff; padding:0.4em 2em; font-size:1em; color:#666; border:#ccc 1px solid;}

.diaocha_img{width:100%; display:block; float:left; padding:3em 0 1em 0;}
.diaocha_img img{width:35%;}
.wangluo_img{width:100%; display:block; float:left; padding:3em 0 1em 0;}
.wangluo_img img{width:45%;}
/* 弹出提示 */
 .bulletbox_img{width:150px; position:absolute; top:-3.5em; left:25%; margin:0 auto; z-index:999;}
 .img_blk{width:100%;}
 .bulletbox_zi{width:90%; padding:25% 5% 1.6em 5%; font-size:0.9em; line-height:1.8em; color:#737381; text-align:center;}
 .bulletbox_btn_box{width:100%; border-top:#d1d1da 1px solid;}
 .bulletbox_btn1{float:left; font-size:1em; color:#9494a0; width:50%; text-align:center; padding:.5em 0; margin:.6em 0; border-right:#d1d1da 1px solid;}
 .bulletbox_btn2{float:left; font-size:1em; color:#29abf9; width:49%; text-align:center; padding:.5em 0; margin:.6em 0;}

/*invite*/
.invitetop_box{width:96%; padding:0 2%; height:.8rem; line-height:.8rem;  position:fixed; top:0px; z-index:990; background: url(../images/top_bg2.png) no-repeat;}
.invitetop_nr{width:100%; text-align:center; font-size:.36rem; color:#333; }
.top_leftjt{position:absolute; left:18px; z-index:9999; width:.21rem; height:.21rem;}
.top_leftjt img{display: block; width:100%; padding-top:.21rem;}
.invitetop_titlezi{font-size: .36rem; color: #fff; display:inline-block; width: 80%;}
.invitetop_ggg{width:100%; height:.8rem;}

.text_overflow{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.invite_banner{width:100%;}
.invite_top_guize{position:absolute; right:0; top:1.2rem; 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_btn{position:absolute; left:0; top:3.7rem; z-index:99; width: 100%; text-align: center; }
.invite_banner_btn a{display: inline-block; background:linear-gradient(to right, #ff8137, #ff7865); padding: .14rem .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: .3rem; color: #444; padding: .1rem 0 0 0;}
.invite_box h1 i{display: inline-block; width: .32rem; margin: 0 .1rem;}

.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_box2{width: 90%; padding: .2rem 0 .3rem 0; margin: 0 5%; border-bottom: #f0eef5 solid 1px;}
.yqrs_box2 ul{float: left; width: 100%;}
.yqrs_box2 li{float: left; width: 50%; text-align: center;}
.yqrs_box2 li small{float: left; width: 100%; font-size: .4rem; color: #333; font-weight: bold;}
.yqrs_box2 li span{float: left; 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{float:left; 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:#555; float:left; 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: .24rem; color: #e2eeff; padding: .2rem 0 .1rem 0; line-height: .4rem;}
.invite_guize h2 p{display: inline-block; width: 100%; font-size: .24rem; color: #e2eeff; padding: .1rem  0 0 0; line-height: .4rem;}
.invite_guize h2 p a{display: inline-block; font-size: .24rem; color: #e2eeff; text-decoration: underline; 
    margin-left: 10px;}

.invitefoot_btn{width: 100%; margin: .2rem 0 0 0;}
.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;}

.invite_navbox{width: 100%; padding: .4rem 0 0 0; display: flex; justify-content: space-around;}
.invite_nav{width: 33.333%; text-align:center; position:relative; padding:0;}
.invite_nav i{display:block; width:50%; margin: 0 25% .1rem 25%;}
.invite_nav a{display:block; font-size:.24rem; color:#555; text-align: center;}
.invite_nav a:hover{display:block; font-size:.24rem; color:#fb5652;}
.invite_nav_biao{position:absolute; background:#ff6458; right:24%; top:-.02rem; font-size: .22rem; color:#FFF; padding: 0 .08rem; height:.28rem; line-height: .28rem; border-radius: 10px;}



.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.05rem 0.15rem 0.05rem; 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: 92%; padding: .3rem 0 .3rem 0; margin: 0 4% 0 4%; 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: 55%; 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; display:flex; flex-wrap: wrap;}
.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;}

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

/* invitekong */
.invitekong_box{width:90%; padding:.6rem 5% .6rem 5%; float:left; text-align:center;}
.invitekong_box img{width:2.4rem;}
.invitekong_box span{display:inline-block; width:100%; font-size:.24rem; color:#999; text-align:center; padding:.4rem 0 0 0;}
.invitekong_box p{font-size:.24rem; color:#999; padding:0 0 .3rem 0; width:100%; display:inline-block;}
.invitekong_box a{display:inline-block; background:#fff; padding:.1rem .4rem; font-size:.24rem; color:#666; border:#ccc 1px solid;}
.invitekong_box a:hover{color: #f2404c;}

.dytkong_img{width:100%; display:block; float:left; padding:0 0 .2rem 0;}


/* invite list */
.invite_listbox{width:89%; border:#d9dde9 1px solid; float:left; padding:2.5%; background:#fff; margin:3% 3% 0 3%; position: relative;}
.invite_jia{position: absolute; right: 14px; top: 28px;}
.invite_jia img{width: 2em;}

.invite_list{display: block; width: 100%;}
.invite_list dt{width:19%; display: inline-block; position:relative;}
.invite_list dt img{width:4em; height:4em;}
.invite_list dt small{position:absolute; background:#ff472e;  height:1em; right:0em; top:-0.5em; color:#FFF; padding:0.1em 0.3em; line-height:1em; font-size:0.6em;}
.invite_list dd{width: 79%; display: inline-block;}
.invite_list dd h1{font-size:1em; color:#333; width:100%; display:block; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.invite_list dd h1 i{float:left; padding:4px 3px 0 0;}
.invite_list dd h2{font-size:.8em; color:#0364b4; width:100%; display:block; padding: 3px 0 4px 0;}
.invite_list dd h2 em{display: inline-block; font-size:.8em; color:#666; padding: 0 5px 0 0;}
.invite_list dd h3{width:100%; display:block; font-size:0.7em; color:#777; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.invite_listdd_width{width: 65%!important;}


.invite_registerbanner{float: left; width: 100%; background:#fff; margin-top:1em; padding: .5em 0 0 0;}

.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 .2rem; border-radius: 3px; margin-right: .2rem;}
.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%;}


.dyt_yaobox{width: 94%; padding: 3%; font-size: 0.9em; line-height: 1.6em; color: #333; overflow: auto;}
.dyt_tanbtn{position: absolute; top: 8px; right: 8px; font-size:0.8em; background:#11b4ee; color:#fff; padding:0.3em 0.7em 0.3em 0.7em; border-radius: 3px;}


.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_fentitle{width: 100%; float: left; font-size: 1em; color: #333; font-weight: bold; padding: 0 0 1em 0;}
.dyt_fenx_box{width:100%;  float:left; padding:.5em 0 .5em 0;}
.dyt_fenx_box ul{width:100%; display:block;}
.dyt_fenx_box li{float:left; width:33.3%; }
.dyt_fenx_box li a{width:100%; float:left;}
.dyt_fenx_box li a i{width:100%; display:block; text-align:center;}
.dyt_fenx_box li a i img{width:4.4em;}
.dyt_fenx_box li a span{font-size:.94em; color:#333; text-align:center; width:100%; display:block; padding:0.5em 0 1.5em 0;}

.dyt_foottt{width: 100%; padding: 5.6em 0 0 0; float: left;}
.dyt_footbtn{position: fixed; left: 0; bottom: 0; z-index: 9; width:84%; padding:1.6em 8% 1.6em 8%; background: #fff;}
.dyt_footbtn a{background:#11b4ee; width:100%; display:block; color:#fff; text-align:center; padding:0.5em 0; font-size:1.2em;}

.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: .8em 0 .5em 0;}
.chatcy_more a:hover{color:#f56e5c;}
/* 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;}

/*tishi kuang*/
.tishi_bgbg{ position: fixed; height: 100%; width: 100%;  background: rgba(0,0,0,0.7); 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:#29abf9; 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;}

.tishi_mainlevel{background: url(../images/level/leve_tanbg.jpg) top;}
.tishi_imglevel{width: 160px; position: absolute; top: -5.5em; left: 27%; margin: 0 auto; z-index: 999;}
.tishi_titlelevel{width: 90%; text-align: center; font-size: 1.8em; color: #5e3416; padding: 0 5% .4em 5%;}
.tishi_zilevel{width: 90%; padding: 0 5% 2em 5%; text-align: center; font-size: 1em; color: #885334; line-height: 1.8em;}
.tishi_levelnr{width: 90%; padding: 0 5%; display: flex; justify-content: space-between;}
.tishi_levelnr span{display: block; width: 33%; text-align: center;}
.tishi_levelnr span i{display: inline-block; width: 65px;}
.tishi_levelnr span em{display: block; width: 100%; font-size: .9em; color: #885334; padding: .5em 0 0 0;}
.tishi_levelbtn{width: 84%; padding: 1.8em 8%;}
.tishi_levelbtn a{display: block; width: 100%;     background: #bf8b63; background: linear-gradient(to right, #bf8b63, #79451e); font-size: 1em; color: #fff;
    text-align: center; padding: .8em 0; border-radius: 60px;}
.tishi_levelbtn a:hover{background: #bf8b63; color: #fff;}
/*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: 4.1em;}
.level_mine h1 em{display: inline-block; font-size: .9em; color: #fff9f0;}
.level_mine h2{display: inline-block; width: 100%; font-size: .92em; 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: .2rem 0 .05rem 6%; font-size: .42rem; 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: .25rem 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: .33rem; 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: .28rem; 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; padding: 0.1rem 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.8em;}
 .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:#29abf9; width:49%; text-align:center; padding:.4em 0; margin:.5em 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;}


/*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;  display:flex; flex-wrap: wrap;}
.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;}