@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, span, em{margin:0;padding:0; font-family:Arial, Helvetica, sans-serif; color:#000;}
body, button, input, select, textarea {font:12px/1.5  arial;}
h1, h2, h3, h4, h5, h6,address, cite, dfn, em, var {font-style:normal; font-size:12px; font-weight:normal;}
code, kbd, pre, samp {font-family:Arial, Helvetica, sans-serif;}
img{border:none;}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration:none;}
label {cursor: pointer;}
textarea {overflow: auto; resize: none!important; outline: none; transition: all .3s;}
input{outline: none; transition: all .3s;}
select{cursor: pointer; transition: all .3s;}

.display_none{display: none!important;}
/* inputhover */
.inputhover{border:#ff6161 1px solid!important; box-shadow:0 0 5px 0 rgba(255,97,97,0.5); -webkit-transition: all .3s; transition: all .3s;}

.border_nei{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear{clear:both;}
.yuanjiao1{-moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px; position:relative; z-index:1; behavior: url(ie-css3.htc);}
.yuanjiao2{-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px; position:relative; z-index:1; behavior: url(ie-css3.htc);}
.yuanjiao3{-moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius: 8px; position:relative; z-index:1; behavior: url(ie-css3.htc);}
.yuanjiao4{-moz-border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; position:relative; z-index:1; behavior: url(ie-css3.htc);}
.yuanjiao5{-moz-border-radius: 0 3px 3px 0;-webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; position:relative; z-index:1; behavior: url(ie-css3.htc);}
.yuanjiao6{-moz-border-radius:88px;-webkit-border-radius:88px; border-radius:88px; position:relative; z-index:1; behavior: url(ie-css3.htc);}
.yuanjiao7{-moz-border-radius:30px;-webkit-border-radius:30px; border-radius:30px; position:relative; z-index:1; behavior: url(ie-css3.htc);}
.yuanjiao8{-moz-border-radius:20px;-webkit-border-radius:20px; border-radius:20px; position:relative; z-index:1; behavior: url(ie-css3.htc);}
.yuanjiao9{-moz-border-radius:65px;-webkit-border-radius:65px; border-radius:65px; position:relative; z-index:1; behavior: url(ie-css3.htc);}
.yuanjiao10{-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; position:relative; z-index:1; behavior: url(ie-css3.htc);}
.yuanjiao11{-moz-border-radius:25px;-webkit-border-radius:25px; border-radius:25px; position:relative; z-index:1; behavior: url(ie-css3.htc);}
.yuanjiao12{-moz-border-radius:50px;-webkit-border-radius:50px; border-radius:50px; position:relative; z-index:1; behavior: url(ie-css3.htc);}
.yuanjiao13{-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; position:relative; z-index:1; behavior: url(ie-css3.htc);}
.yuanjiao14{-moz-border-radius:15px;-webkit-border-radius:15px; border-radius:15px; position:relative; z-index:1; behavior: url(ie-css3.htc);}
.yuanjiao15{-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; position:relative; z-index:1; behavior: url(ie-css3.htc);}
.yuanjiao16{-moz-border-radius:35px;-webkit-border-radius:35px; border-radius:35px; position:relative; z-index:1; behavior: url(ie-css3.htc);}
.yuanjiao17{-moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px; position:relative; z-index:1; behavior: url(ie-css3.htc);}

.gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
} 
/* aaaaa */
.yellow-xt{ background: #f8ac59; color: #fff;}
.yellow-xt:hover{ background: #e19d32; color: #fff;}
.red-xt{ background: #da542e; color: #fff;}
.red-xt:hover{background: #be411e; color: #fff;}
.blue-xt{ background: #4697e8; color: #fff;}
.blue-xt:hover{ background: #3e8cda; color: #fff;}
.green-xt{ background: #21b6b4; color: #fff;}
.green-xt:hover{ background: #30abaa; color: #fff;}
.hui_a{ background: #eff0f4; color: #808ba8;}
.hui_a:hover{ background: #eff0f4; color: #808ba8;}
.lan_a{font-size:12px; color:#225599;}
.lan_a:hover{font-size:12px; color:#ed4731;}
.btn_huang{background: #f6953e; color: #fff;}
.btn_huang:hover{color:#fff; background:#ffa05e;}
.btn_jr{background:#fff; color: #333; border:#d9d9d9 1px solid;}
.btn_jr:hover{background:#3b9fe9; color:#fff; border:#3b9fe9 1px solid;}
.btn_jr i{font-size:14px; font-weight:bold;}
.mar_left280{ margin-left:240px;}
.mar_left50{ margin-left:50px;}
/* left_nav box1 */
#left_nav{width:auto; height:100%; position:fixed; left:0; top:0; bottom:0; z-index:2;}
.left_box1{width:240px; background-color:#3a3f51;}
.logo_box{width:240px; height:110px; background:url(../images/left/header-profile.png) no-repeat; text-align:center; padding-top:35px;}
.seach_box{float:left; height:50px; line-height:50px; padding:25px 0 0 25px;}
.seach_input{ border:none; height:30px; line-height:30px; padding:0 5px 0 8px; color:#cbced9; width:148px; background:#535a6f; float:left; font-size:12px;}
.seach_btn{height:30px; line-height:30px; background:#535a6f url(../images/seach_f.png) no-repeat 4px 6px; float:left; width:30px;}
.left_hd_nav{width:215px; float:left; text-align:left;  padding:30px 0 0 25px;}
.left_hd_nav a{font-size:14px; color:#fff; display:block; width:215px;}
.left_hd_nav a:hover{color:#f07323; text-decoration:underline;}
.left_hd_nav a i{float:left; padding:2px 6px 0 0;}
/* left_nav box2 */
.left_box2{width:50px; background-color:#3a3f51;}
.left_box2 ul{}
.left_box2 li{width:50px; float:left;}
.left_box2 a{display:block; width:50px; padding:15px 0; text-align:center;}
.left_box2 .left_navover,.left_box2 a:hover{background:#2e3344;}

/*nav*/
.container{width:100%; height:100%; margin:auto;}
.leftsidebar_box{width:240px; position:fixed; overflow:auto; padding-bottom: 30px;}

.leftsidebar_box::-webkit-scrollbar { /*滚动条整体样式*/
  width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.leftsidebar_box::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 10px;
  background: #63687a;
}
.leftsidebar_box::-webkit-scrollbar-track { /*滚动条里面轨道*/
  background: #3a3f51;
}
.leftsidebar_box dl{width: 235px;}
.leftsidebar_box dt{padding-left:46px; padding-right:10px; background-repeat:no-repeat; background-position:16px center; color:#f5f5f5; font-size:14px;position:relative; line-height:48px; cursor:pointer;}
.leftsidebar_box dt a{color:#f5f5f5; display:block;}
.leftsidebar_box dd{padding-top:1px;}
.leftsidebar_box dd a{color:#f5f5f5; line-height:35px; text-decoration:none; background:url(../images/left/select_xl01.png) no-repeat 40px 13px;  padding-left:54px; display:block; }
.leftsidebar_box a.first_dd,.leftsidebar_box a.first_dd:hover{color:#2e3344; line-height:35px; text-decoration:none; background:url(../images/left/select_xl02.png) no-repeat 40px 13px #edf0f5; padding-left:54px; display:block;}
.leftsidebar_box a.first_dd22{background-color: rgb(46, 51, 68);}
.leftsidebar_box dt img{position:absolute; right:10px; top:20px;}
.leftsidebar_box dt span{font-size:12px; color:#FFF; padding:0 4px; float:right; height:16px; line-height:16px; margin:16px 10px 0 0;}
.system_log dt{background-image:url(../images/left/system.png)}
.left_dc dt{background-image:url(../images/left/left_dc.png)}
.left_tp dt{background-image:url(../images/left/left_tp.png)}
.left_dt dt{background-image:url(../images/left/left_dt.png)}
.left_rm dt{background-image:url(../images/left/left_rm.png)}
.left_qb dt{background-image:url(../images/left/left_qb.png)}
.left_my dt{background-image:url(../images/left/left_my.png)}
.left_sz dt{background-image:url(../images/left/left_sz.png)}
.left_xx dt{background-image:url(../images/left/left_xx.png)}
.left_zy dt{background-image:url(../images/left/left_zy.png)}
.left_sw dt{background-image:url(../images/left/left_sw.png)}
.left_register dt{background-image:url(../images/left/left_zc.png)}
.left_invite dt{background-image:url(../images/left/left_invite.png)}
.leftsidebar_box dl dd:last-child{padding-bottom:0px;}
.tsyanse_hong{background:#d9534f;}
.tsyanse_lan{background:#337ab7;}
.tsyanse_huang{background:#f0ad4e;}


.leftsidebar_box dt:hover{background-color: rgb(46, 51, 68);}
.leftsidebar_box dd a:hover,.leftsidebar_box .sidebar_sanji li a:hover{background-color: rgb(46, 51, 68);}
.leftsidebar_box .sidebar_sanji{display: none; width: 100%;}
.leftsidebar_box .sidebar_sanji li{display: block; width: 100%;}
.leftsidebar_box .sidebar_sanji li a{color:#f5f5f5; line-height:35px; text-decoration:none; background:url(../images/left/select_xl01.png) no-repeat 52px 13px;  padding-left:66px; display:block;}
.leftsidebar_box .sidebar_sanji a.sanji_hover,.leftsidebar_box .sidebar_sanji a.sanji_hover:hover{color:#2e3344; line-height:35px; text-decoration:none; background:url(../images/left/select_xl02.png) no-repeat 52px 14px #edf0f5;  padding-left:66px; display:block;}

.luck_ts{background:#d9534f;  color:#fff; float: right; right: 20px; top: 9px; padding:0 4px; height: 16px; line-height: 16px; font-size:10px;}

/*top*/
#box{min-width:800px;  top:0; box-shadow:0px 0 0 #dbe3ef; width:100%;}
.top_box{width:100%;  height:80px;  background-color:#fff; border-bottom:#e2e3e3 1px solid; }
.jiantou{cursor:pointer; width:50px; height:47px;  display:block; text-align:center; padding:33px 0 0 0; float:left;}
.shijian_box{float:left;  font-size:14px; padding-top:20px;}
.shijian_box small{font-size:14px;}
.top_right{ height:50px;  float:right;}
.top_sssse{width:40px; background:#3a3f51; display:block; float:left; position:relative; z-index:1;}
.top_nav {position:relative;	margin:0 auto;	font-size:12px; height:80px; }
.top_nav a {color:#333; height:80px; display:block; cursor:pointer;}
.top_nav a:hover {color:#333;}
.top_nav small{padding:18px 0 0 0; float:left;}
.top_nav i{text-align:center; padding-bottom:5px;}
.top_nav span {font-size:12px; text-align:center;}
.top_nav sub{height:14px; line-height:14px; padding:0 3px; color:#fff;  background-color:#ff6c60; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; position:absolute; top:16px; left:45px; font-size:12px;}
.top_nav .m {float:left;	position:relative;	}
.top_nav li{display:block;	padding:0 12px;	text-align:center;}
.top_nav li:hover{background:#f6f8f8;  height:79px;}
.top_nav .sub_kuang {display:none;	position:absolute;	right:10px;	top:71px;	z-index:9999;	width:337px; background:url(../images/yh_topbg.png) no-repeat;}
.top_right_tx{margin:14px 10px 0 0; float:left; width: 50px; height: 50px;}
.top_right_tx img{width:100%; height:100%;border-radius:50%; object-fit: cover;}
.top_right_yh{float:left; line-height:80px;}
.top_right_yh span {font-size:12px; float:left; max-width:70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.top_right_yh i{float:left;}
.yh_top_box{width:337px; float:left; padding:15px 0 0 0; text-align:left;}
.yh_top_box dl{width:302px; float:left; padding:8px 15px 0 20px;}
.yh_top_box dt{width:60px; height: 60px; float:left; margin: 0 10px 10px 0;}
.yh_top_box dt img{width:100%; height:100%;border-radius:50%; object-fit: cover;}
.yh_top_box dd{width:230px; float:left;}
.yh_top_box dd h1{width:230px; float:left; padding-top:5px;}
.yh_top_box dd h1 span{font-size:14px; color:#333; float:left; font-weight:bold; max-width:160px; padding-right:5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.yh_top_box dd h1 i{padding:0 8px; margin-top:4px;}
.yh_top_box dd h2{width:230px; float:left; padding-top:8px;}
.yh_top_box dd h2 i{float:left; padding-right:15px;}
.yh_top_box dd h2 i a{height:17px;}
.yhtp_grjs{width:337px; float:left; font-size:14px; color:#666; padding:8px 15px 8px 17px; text-align:left; white-space: nowrap;  overflow:hidden; text-overflow:ellipsis; background: #f3f3f3; border-left: #dddddd 1px solid; border-right: #dddddd 1px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.top_qianbao{width:337px; float:left; padding:20px 0 0 17px; text-align:left; background: #fff; border-left: #dddddd 1px solid; border-right: #dddddd 1px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.top_qianbao h3{width:300px; float:left; font-size:16px; color:#2e3344; text-align:left; }
.top_qianbao h3 a{float:right; background:#f6953e; height:23px; line-height:23px; padding:0 8px; color:#fff; font-size:12px;}
.top_qianbao h3 a:hover{background:#ffa05e; color:#fff;}
.top_qianbao h4{width:310px; float:left; padding:15px 0 10px 0; border-bottom:#eee 1px solid;}
.top_qianbao h4 span{width:155px; float:left; font-size:13px; color:#333; text-align:left;}
.top_qianbao h4 span i{float:left; padding-right:5px;}
.tuichu_btn{width:337px; float:left; padding:15px 0 15px 0; text-align: center; background: #fff; border-left: #dddddd 1px solid; border-right: #dddddd 1px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tuichu_btn a{display: inline-block; font-size:14px; color:#666; border:#ccc 1px solid; height:28px; line-height:28px; width:100px;}
.tuichu_btn a:hover{color:#f6953e; border:#f6953e 1px solid;}
.yh_btn{width:337px; float:left; padding:15px 0 0 15px; background: #f3f3f3; border: #dddddd 1px solid; border-top: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.yh_btn li{float:left; width:80px; padding:0; height:55px;}
.yh_btn li:hover{background:none; height:55px!important;}
.yh_btn li a{display: inline-block; padding:0; height:55px; line-height: 28px; font-size:14px; color:#333;} 
.yh_btn li a:hover{background:none; height:55px; line-height: 28px; color:#ff472e;}
/*page*/
.page_box{width:100%; text-align:center; float:left; padding:35px 0;}
.page_box a{display: inline-block; background:#fff; border:#eee 1px solid; font-size:14px; color:#666; padding:6px 13px; margin:0 8px;}
.page_box a:hover{background:#f07323; color:#fff; border:#f56e5c 1px solid;}
.page_box .page_qie123{background:#f07323; color:#fff; border:#f56e5c 1px solid;}
.dj{padding:0 8px; background:#44b099; font-size:11px; color:#FFF; float:left; font-weight:bold; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;  z-index:2; behavior: url(ie-css3.htc);}
.page_box_xiaoxi{width:100%; text-align:center; float:left; padding:27px 0 32px 0;}
.page_box_xiaoxi a{background:#fff; border:#eee 1px solid; font-size:12px; color:#666; padding:5px 10px; margin:0 5px;}
.page_box_xiaoxi a:hover{background:#f07323; color:#fff; border:#f56e5c 1px solid;}
.page_box_xiaoxi .page_qie123{background:#f07323; color:#fff; border:#f56e5c 1px solid;}
/*tanchu*/
.modal { display: none;  background:#fff;   overflow: auto;  z-index: 1001;  position: absolute;  width:600px;  min-height:300px;}
.tanchu_title{width:100%; height:40px; line-height:40px; border-top:#fa7f40 2px solid; border-bottom:#eee 1px solid;}
.tanchu_title span{float:left; font-size:14px; color:#333; padding-left:10px; font-weight:bold; display:block; width:600px;}
.tanchu_title p {display:block; width:30px; height:40px;  font-size: 18px;  float:right;  color:#696e78; right: 0; top: 0;}
.modal p:hover { cursor: pointer; color:#ff604e;}
.overlay { width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  z-index: 1000;  display: none;}
/*right_dongtai*/
.right_dongtai{width:380px; float:left; padding:0 10px;}
.dt_srk{width:380px; padding:15px 0 0 0;}
.dt_input{width:370px; padding:3px 5px; height:65px; line-height:22px; border:#eeeef2 1px solid; background:#fff; box-shadow: 0 1px 5px #e9e9ed; color:#666;}
.dt_btn{width:100%; padding:15px 0 0 0;}
.dt_btn span{float:left; }
.dt_btn span a{float:left; margin-right:15px;}
.dt_btna{float:right; background:#f6953e; font-size:14px; color:#fff; padding:1px 12px;}
.dt_btna:hover{color:#fff; background:#ffa05e;}
.right_dt_list{width:380px; float:left; padding:0 0 20px 0;}
.right_dt_list dl{width:380px; border-bottom:#eee 1px  dashed; float:left; padding:22px 0 16px 0;}
.right_dt_list dt{float:left;  display:block; text-align:center; position:relative; width:55px;}
.right_dt_list dd{float:left; display:block; width:325px;}
.right_dt_list dd h1{float:left; padding:0 10px 5px 0; display:block; width:100%;}
.right_dt_list dd h1 a{font-size:14px; color:#333; font-weight:bold; float:left;}
.right_dt_list dd h1 a:hover{font-size:14px; color:#3765a2; font-weight:bold;}
.right_dt_list dd h2{display:block;  color:#333; line-height:20px; width:100%; float:left;}
.right_dt_list dd span{display:block; float:left; font-size:12px; color:#ccc; padding:0 0 0 0;}
.right_dt_list dd span small{color:#6dc99a; font-size:12px;}
.right_dt_ul1{display:block;}
.right_dt_ul1 li{display:block; float:left; width:120px; padding-top:5px;}
.right_dt_ul1 li img{width:120px;}
.right_dt_ul2{display:block;}
.right_dt_ul2 li{display:block; float:left; width:95px; padding-top:5px;}
.right_dt_ul2 li img{width:90px;}
.right_dt_ul3{display:block;  width:165px; padding-top:3px; float:left;}
.right_dt_ul3 li{display:block; float:left; width:50px; margin-right:5px; margin-top:5px;}
.right_dt_ul3 li img{width:50px;}
.right_dt_ul4{display:block;  width:135px; padding-top:5px;}
.right_dt_ul4 li{display:block; float:left; width:45px; }
.right_dt_ul4 li img{width:40px;}
.right_dt_list dd h4{width:100%; display:block; float:left; padding:10px 0 0 0;}
.right_dt_list dd h4 p{float:left; right:0;}
.right_zan_ul ul{}
.right_zan_ul li{float:left; padding:0 10px; background:url(../images/dongtai/dt_line.jpg) no-repeat right;}
.right_zan_ul li a{color:#45b853;}
.right_zan_ul li a:hover{color:#f07323;}
.right_zan_aa{background:url(../images/dongtai/zan_f11.jpg) no-repeat 0 2px; padding-left:18px; color:#276cb1;}
.right_zan_ul .zan_qie,.zan_aa:hover{background:url(../images/dongtai/zan_f1.jpg) no-repeat 0 2px; padding-left:18px; color:#ff604e;}
.right_pinglun_box{width:96%; float:left; background:#f2f2f5; padding:2%;}
.right_pl_cha{width:100%; text-align:right;}
.right_pl_srk{width:100%; padding:15px 0 0 0;}
.right_pl_srk input{width:98%; padding:0 0 0 2%; height:30px; line-height:30px; border:#eeeef2 1px solid; background:#fff; box-shadow: 0 3px 10px #e9e9ed;}
.right_pl_btn{width:100%; padding:15px 0 0 0;}
.right_pl_btn span{float:left; }
.right_pl_btn span a{float:left; margin-right:15px;}
.right_pl_btna{float:right; background:#f6953e; font-size:14px; color:#fff; padding:1px 12px;}
.right_pl_btna:hover{color:#fff; background:#ffa05e;}
.right_pl_nr_box{width:100%; float:left;}
.right_pl_nr{width:100%; border-top:#e8e8ea 1px solid; float:left; padding:15px 0 10px 0; margin-top:15px;}
.pl_txx{float:left; width:50px; }
.pl_txx img{border:1px solid #f6f6f8;}
.right_pl_nr span{float:left; width:300px;}
.right_pl_nr span h1{color:#333; line-height:18px;}
.right_pl_nr span h1 a{font-size:12px; color:#225599;}
.right_pl_nr span h1 a:hover{font-size:12px; color:#ed4731;}
.right_pl_nr span h2{float:left; padding:0; width:300px;}
.right_pl_nr span h3{color:#999;}
.right_pl_nr span h3 a{font-size:12px; color:#225599; float:right;}
.right_pl_nr span h3 a:hover{color:#ed4731;  text-decoration:underline;}
.right_pl_nr span h4{background:#fff; margin:10px 0 0 0; padding:10px 0; height:55px;}
.right_pl_nr span h4 small{float:left; padding:0 0 0 10px; height:25px;  line-height:25px; font-size:12px; color:#555;}
.right_pl_nr span h4 small p{float:left; font-size:12px; color:#555;  height:25px;  line-height:25px; }
.right_pl_nr span h4 input{width:220px; float:left; height:25px; line-height:25px; border:#e7e7e7 1px solid; padding:0 3px; margin-left:5px;}
.right_pl_nr span h4 a{float:left; margin:2px 0 0 5px;}
.right_toupiao{width:270px; background:#fafaff; border:#f2f2f5 1px solid; float:left; padding:5px 10px; margin-top:5px;}
.right_toupiao em{float:left;  width:25px; display:block;}
.right_toupiao em img{width:20px; height:20px;}
.right_toupiao span{float:left; border-left:#d5d8e1 1px solid; padding-right:5px;}
.right_toupiao p{float:left; width:240px; font-size:12px; color:#ff8140; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.zhuanfa_box{width:100%; float:left; background:url(../images/dongtai/zhuanfa.jpg) no-repeat top left;}
.zf_list{width:98%; float:left; padding:0 1% 0 1%;}
.zf_nr h3{float:left; padding:0 0 0 15px; display:block;}
.zf_nr h5{float:left; padding:15px 10px 5px 15px; display:block;}
.zf_nr h5 a{font-size:14px; color:#333; font-weight:bold; float:left;}
.zf_nr h5 a:hover{font-size:14px; color:#3765a2; font-weight:bold;}
.zf_nr h5 i{padding:1px 8px 0 8px; background:#44b099; font-size:11px; color:#FFF; float:left; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius:10px; position:relative; z-index:2; behavior: url(ie-css3.htc); margin:1px 0 0 10px;}
.zf_nr h6{display:block;  color:#333; line-height:22px; padding:0 0 0 15px; float:left; width:100%;}
.zf_nr span{display:block; float:left; font-size:12px; color:#999;  padding:0 0 10px 15px;}
/*right_app*/
.right_app{width:380px; float:left; padding:50px 10px 0 10px;}
.right_app h1{width:380px; float:left; text-align:center; font-size:16px; color:#2fb884;}
.right_app h1 span{font-size:32px; color:#2fb884; font-weight:bold; width:380px; float:left;}
.right_app h2{width:380px; float:left; text-align:center; padding:25px 0;}
.right_app h3{width:380px; float:left; text-align:center; }
.right_app h3 a{margin:0 5px 0 10px;}
.btn_adr{font-size:14px; color:#fff; background:url(../images/right/btn_f1.png) no-repeat #45b853 15px 7px; padding:9px 15px 9px 40px;}
.btn_adr:hover{ background:url(../images/right/btn_f1.png) no-repeat #3ea84c 15px 7px; color:#fff;}
.btn_iphone{font-size:14px; color:#fff; background:url(../images/right/btn_f2.png) no-repeat #f07323 15px 7px; padding:9px 15px 9px 40px;}
.btn_iphone:hover{background:url(../images/right/btn_f2.png) no-repeat #e26c20 15px 7px; color:#fff;}
/*right_jf*/
.right_jf{width:380px; float:left; padding:15px 10px 0 10px;}
.right_jf_ul{width:380px; float:left; background:#f8f8f8; border:#f1f1f1 1px solid;}
.right_jf_ul li{float:left; width:125px; text-align:center; padding:15px 0; font-size:14px; color:#999; border-bottom:#f1f1f1 1px solid; border-left:#f1f1f1 1px solid; border-right:#fff 1px solid; border-top:#fff 1px solid;} 
.right_jf_ul li span{font-size:18px; color:#ff3c22; font-weight:bold; float:left; width:125px; }
.right_jf_ul li small{font-size:18px; color:#666; font-weight:bold; float:left; width:125px;}
.right_jfdh{width:380px; float:left;}
.right_jfdh h1{font-size:16px; color:#444; float:left; width:380px; padding:15px 0;}
.right_jfdh_ul{width:380px; float:left;}
.right_jfdh_ul li{float:left; width:380px; background:url(../images/right/right_jfbgg.jpg) no-repeat right; height:85px; border:#f1f1f1 1px solid; margin:0 0 15px 0;}
.right_jfdh_ul li a{float:left; width:360px; padding-left:20px;}
.right_jfdh_ul li a h2{float:left; width:360px; }
.right_jfdh_ul li a h2 span{font-size:36px; color:#e2a844; font-weight:bold;  border-bottom:#f5f5f5 1px solid; float:left; width:180px; padding-left:10px;}
.right_jfdh_ul li a h2 span small{ color:#e2a844; font-size:12px; padding-left:5px;}
.right_jfdh_ul li a h3{font-size:14px; color:#999; padding:5px 0 0 10px; float:left;}
/*kong*/
.kong_box{width:100%; padding:20px ;}
.kong_img{width:100%; text-align:center;}
.kong_zi{width:100%; text-align:center; font-size:14px; color:#999; padding:10px 0 0 0;}
.atusers{width:160px;border:1px solid #ccc;background:#fff;padding:2px 2px;position:absolute;display: block;z-index:999999;}
.atusers ul{height:expression(this.height > 150 ? '150px':true);max-height:150px;overflow-y: auto;overflow-x: hidden;}
.atusers .attip{height:40px;color:#999999;padding-left:8px;padding-top:2px;line-height:18px;font-size:12px;Tahoma;}
.atusers li{color:#666;height:21px;line-height:21px;overflow:hidden;padding:0 0 0 8px;cursor:pointer;}
.atusers li.cur{background:#eeeff6;}
.atmask{opacity:0;z-index:-1000; position: absolute; overflow-y: auto;overflow-x: hidden;padding: 0px; margin: 0px; font-family:Arial, Helvetica, sans-serif; border-style: solid; border-width: 0px; word-wrap: break-word;font-size:14px;line-height:120%;}
.emo{ width: 30px; }

/*invite new2023*/
.jfmx_main_margin{margin: 15px 0 0 15px!important;}

.invite_titlenav{width:96%; height:50px; border-bottom:#edf1f6 1px solid; line-height:50px; font-size:16px; color:#333; margin:0 auto;}
.invite_titlenav a{display: inline-block; font-size:15px; color:#666; padding:0 8px 0 8px; margin:0 30px 0 0; position: relative;}
.invite_titlenav .invite_titlenav_hover,.invite_titlenav a:hover{color:#14191e;  border-bottom:#666 2px solid;}
.bp_hong2{position:absolute; background:#ff472e; padding:1px 3px;  height:12px; line-height:12px; font-size:12px; color:#fff; right:-7px; top:8px;}

.invite_titleright{float: right; padding: 10px 0 0 0;}
.invite_select1{float: left; width:150px; height:28px; line-height:28px; padding:0 24px 0 6px; color:#666; border: 1px solid #ddd; background: url("../images/down_jiantou.png") no-repeat scroll 130px center transparent; background-size: 10px auto; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-color: #fff; font-size: 12px; border-radius: 2px;}
.invite_titleright span{float:left; padding:0 0 0 10px;}
.invite_titleright span input{border:#ddd 1px solid; background:#FFF; width:130px; height:26px; line-height:26px; padding:0 5px; font-size:12px; color:#666; float:left; border-right:none; border-radius: 2px 0 0 2px;}
.invite_titleright span a{float:left; background:#FFF; border:#e1e3e7 1px solid; padding:0 5px 0 0; height:26px; line-height:26px; border-left:none; border-radius: 0 2px 2px 0;}
.invite_titleright span a img{padding: 4px 0 0 0;}


.invite_items{width:100%; float:left; padding:15px 0;}
.invite_items ul{float:left; padding:5px 0 0 0; }
.invite_items li{float:left; padding:0 10px 0 0;  position:relative;}
.invite_items li a{font-size:14px; color:#999; border:#e1e3e7 1px solid; background:#FFF; padding:3px 10px;}
.bp_hong{position:absolute; background:#ff472e; padding:1px 3px;  height:12px; line-height:12px; font-size:12px; color:#fff; right:2px; top:-8px;}
.invite_items .invite_items_qie,.invite_items li a:hover{background:#4ea8eb; color:#fff; }

.invite_items small{float:left; padding:2px 0 0 10px;}
.invite_items small a{background:#f6953e; font-size:14px; color:#fff; padding:3px 16px; display: inline-block;}
.invite_items small a:hover{color:#fff; background:#ffa05e;}

.invite_list_box{width:100%; float:left;}
.invite_list{background: #fff; float: left; width: 400px; height: auto; box-shadow: 0 3px 10px #ececec; border: #eee 1px solid; margin: 0 30px 25px 0; padding: 15px;}
.invite_list:hover{background:#fff; box-shadow: 0 3px 10px #dae2ee;}

.invite_newbtn{display:block; width:400px; height:118px; line-height:118px; text-align:center; font-size:16px; color:#3ea84c;}
.invite_newbtn:hover{color:#238530;}

.invite_list_tx{float: left; width: 94px; height: 94px; padding: 0 15px 0 0;}
.invite_list_tx img{width: 100%; height: 100%;}
.invite_list_nr{float: left; width: 290px;}
.invite_list_nr strong{font-size:15px; color:#333; width:100%; display:block; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.invite_list_nr strong i{float:left; padding:4px 3px 0 0;}
.invite_list_nr strong em{float:left; max-width: 165px; padding: 0 10px 0 0; font-size:15px; color:#222; font-weight: bold; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.invite_list_nr strong b{float:left; font-size:15px; color:#f2404c; font-weight: bold;}

.invite_list_nr small{font-size:12px; color:#3ea84c; width:100%; padding: 3px 0 4px 0; display:flex; flex-wrap: wrap;}
.invite_list_nr small em{display: inline-block; width: auto; font-size:12px; color:#666; padding: 0 8px 0 0;}
.invite_list_nr small i{float: left; padding: 0 5px 0 0;}

.invite_list_nr span{color:#999; width:100%; display:block; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.invite_list_nr p{float:left; width:100%;}
.invite_list_nr p a{float:left; background:#f1f4fa; border:#e8eef8 1px solid; color:#60697d; padding:2px 12px; margin:8px 5px 0 0;}
.invite_list_nr p a:hover{background:#45b853; color:#fff; border:#45b853 1px solid;}


.invite_list2{background: #fff; float: left; width: 400px; height: auto; border: #f2f2f5 1px solid; margin: 0 30px 25px 0; padding: 15px;}
.invite_list2:hover{background:#f8f9fe; cursor: pointer;}
.invite_list_tx2{float: left; width: 70px; height: 70px; padding: 0 15px 0 0;}
.invite_list_tx2 img{width: 100%; height: 100%;}
.invite_list_nr2{float: left; width: 314px;}
.invite_list_nr2 strong{font-size:15px; color:#333; width:100%; display:block; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.invite_list_nr2 strong i{float:left; padding:3px 3px 0 0;}
.invite_list_nr2 strong em{float:left; max-width: 186px; padding: 0 10px 0 0; font-size:15px; color:#222; font-weight: bold; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.invite_list_nr2 strong b{float:left; font-size:15px; color:#f2404c; font-weight: bold;}

.invite_list_nr2 small{font-size:12px; color:#3ea84c; width:100%; padding: 5px 0 6px 0; display:flex; flex-wrap: wrap;}
.invite_list_nr2 small em{display: inline-block; width: auto; font-size:12px; color:#666; padding: 0 8px 0 0;}
.invite_list_nr2 small i{float: left; padding: 0 5px 0 0;}

.invite_list_nr2 span{color:#999; width:100%; display:block; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.invite_list_nr2 p{float:left; width:100%; padding-top:8px;}
.invite_list_nr2 p a{float:left; background:#f1f4fa; border:#e8eef8 1px solid; color:#60697d; padding:2px 18px; margin-right:10px;}
.invite_list_nr2 p a:hover{background:#4ea8eb; color:#fff; border:#4ea8eb 1px solid;}



.invite_shenhe{width:100%; float: left;}
.invite_shenhe dl{border:#f2f2f5 1px solid;  float:left; cursor:pointer; position:relative; width: 340px; padding:10px; margin: 0 20px 20px 0;}
.invite_shenhe dl:hover{background:#f8f9fe;}
.invite_shenhe dt{float:left; width: 70px; padding: 0 10px 0 0;}
.invite_shenhe dd{float:left; width: 260px; line-height:24px;}
.invite_shenhe dd h1{font-size:12px; color:#999; width:190px; display:block;}
.invite_shenhe dd h1 em{display: inline-block; vertical-align: top; font-size:12px; color:#333; max-width: 130px; padding: 0 5px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.invite_shenhe dd h1 span{display: inline-block; vertical-align: top; font-size:12px; color:#333; max-width: 130px; padding: 0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.invite_shenhe dd h2{font-size:12px; color:#3ea84c; font-weight: bold; width:150px; display:block; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.invite_shenhe dd h3{font-size:12px; color:#999; width:190px; display:block; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.invite_shenhe h4{position:absolute; right:8px; top:33px; color:#999; font-size: 12px;}
.invite_shenhe h4 a{display: inline-block; padding-left:5px;}


.invite_chatleft{border-right: #e8e8e8 1px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.invite_chatleft::-webkit-scrollbar { /*滚动条整体样式*/
  width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.invite_chatleft::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 10px;
  background: #d1d1d1;
}
.invite_chatleft::-webkit-scrollbar-track { /*滚动条里面轨道*/
  background: #ededed;
}

.invite_chatxx{float: left; width:90%; border-bottom:#f2f2f9 1px solid; margin:0 5%; padding:14px 0; font-size:14px;}
.invite_chatxx span{float: left; width: 100%; font-size:12px; color:#999; padding: 0 0 5px 0;}
.invite_chatxx small{float: left; width: 100%; font-size:14px; color:#333;}

.invite_chattitle{float:left; width: 90%; padding: 15px 5% 0 5%; font-size: 14px; color: #333; font-weight: bold;}
.invite_chattitle a{float: right; font-size: 14px; color: #f07323; text-decoration:underline; font-weight: 400;}
.invite_chattitle a:hover{color:#ff472e; text-decoration:none;}

.invite_chatcy{float:left; width: 90%; padding: 0 5%;}
.invite_chatcy ul{width:100%; display: flex; flex-wrap:wrap;}
.invite_chatcy li{width:79px; text-align:center; padding:20px 0 0 0;}
.invite_chatcy li a{display: inline-block; width:50px;}
.invite_chatcy li a i{display: inline-block; width:60px; text-align: center;}
.invite_chatcy li a span{width:60px; display:inline-block; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis; font-size:12px; color:#666; text-align:center; padding: 5px 0 0 0;}

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

.invite_tanbox{float: left; width: 710px; padding: 0 20px 20px 20px; background: #fff; max-height: 600px; overflow: auto;}
.invite_tanhaoyou{float: left; width: 100%; border: #ebebeb 1px solid; max-height: 160px; min-height: 60px; overflow: auto; border-radius: 3px;}
.bphy_list123_width{width: 610px!important;}
.invite_tanhaoyou::-webkit-scrollbar { /*滚动条整体样式*/
  width : 8px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.invite_tanhaoyou::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 10px;
  background: #8b8b8b;
}
.invite_tanhaoyou::-webkit-scrollbar-track { /*滚动条里面轨道*/
  background: #ededed;
}

.invite_main_title{width:96%; height:50px; border-bottom:#edf1f6 1px solid; line-height:50px;  margin:0 auto;}
.invite_main_title span{float:left; font-size:16px; color:#333;}
.invite_main_title a{float:right; font-size:14px; color:#666; margin-right:10px;}
.invite_main_title a:hover{color:#ff472e;  text-decoration:underline;}

/*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:0; left:50%; margin-left: -240px; width:480px; padding:80px 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: -50px; left: 160px; margin: 0 auto; z-index: 999;}
.tishi_img img{width: 100%;}
.tishi_title{width: 90%; text-align: center; font-size: 24px; color: #333; padding: 0 5% 20px 5%;}
.tishi_zi{width: 90%; padding: 0 5%; text-align: center; font-size: 16px; color: #333; line-height: 30px; height: 120px;}
.tishi_zi span{font-weight: bold; color: #ff472e;}
.tishi_btn_box{width: 100%; text-align: right; border-top: #eee 1px solid; padding: 10px 0;}
.tishi_btn1{display: inline-block; font-size:12px; padding:4px 20px; margin:0 10px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:#0095FF 1px solid; color:#0095FF;}
.tishi_btn1:hover{background:#0987db; color:#fff;}
.tishi_btn2{display: inline-block; font-size:12px; padding:5px 20px; margin:0 30px 0 0; background:#45b853; color:#fff;}
.tishi_btn2:hover{background:#3ea84c; color:#fff;}

.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: 12px; 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(../../tools/mobile/images/level/leve_tanbg.jpg) top;}
.tishi_imglevel{width: 160px; position: absolute; top: -90px; left: 160px; margin: 0 auto; z-index: 999;}
.tishi_titlelevel{width: 90%; text-align: center; font-size: 28px; color: #5e3416; padding: 0 5% 10px 5%;}
.tishi_zilevel{width: 90%; padding: 0 5% 30px 5%; text-align: center; font-size: 16px; color: #885334; line-height: 24px;}
.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: 80px;}
.tishi_levelnr span i img{width: 100%;}
.tishi_levelnr span em{display: block; width: 100%; font-size: 14px; color: #885334; padding: 10px 0 0 0;}
.tishi_levelbtn{width: 70%; padding: 30px 15%;}
.tishi_levelbtn a{display: block; width: 100%;     background: #bf8b63; background: linear-gradient(to right, #bf8b63, #79451e); font-size: 14px; color: #fff; text-align: center; padding: 10px 0; border-radius: 60px;}
.tishi_levelbtn a:hover{background: #bf8b63; color: #fff;}
/*level*/
.memlevimg{display: inline-block; padding: 0 0 0 5px!important; margin: 0!important; vertical-align: middle;}
.memlevimg2{display: inline-block; padding: 2px 0 0 5px!important; margin: 0!important; vertical-align: middle; cursor: pointer;}
.memlevimg3{display: inline-block; padding: 4px 0 0 5px!important; margin: 0!important; vertical-align: middle;}

.level_main_title{width:96%; height:50px; border-bottom:#edf1f6 1px solid; line-height:50px;  margin:0 auto;}
.level_main_title span{float:left; font-size:16px; color:#333;}
.level_main_title a{float:right; font-size:12px; color:#3ea84c; margin-right:10px;}
.level_main_title a:hover{color:#ff472e;  text-decoration:underline;}
.level_main_title a i{display: inline-block; width: 7px; height: 12px; margin-left: 5px; vertical-align: middle; background: url(../images/jt_left.png);}

.level_box{width:95%; padding:25px 0 50px 0; float:left;  margin:0 2.5%; min-height:400px;}
.level_me_box{float: left; width: 100%; border-bottom: #edf1f6 1px solid; padding: 0 0 25px 0;}
.level_me_tx{float: left; width: 70px; margin-right: 15px;}
.level_me_tx img{border-radius: 50%;}
.tx_border{border-radius: 5px!important;}
.level_me_nr{float: left;}
.level_mexx{width: 100%;}
.level_mexx span{display: inline-block; font-size: 16px; font-weight: bold; color: #333; padding: 0 5px 0 0; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.level_mexx em{display: inline-block;}
.level_mexx small{display: inline-block; font-size: 14px; color: #333; padding: 0 0 0 20px; max-width: 380px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.level_mexx small a{display: inline-block; font-size:12px; color:#3ea84c; margin-left:10px; text-decoration:underline;}
.level_mexx small a:hover{color:#ff472e;}
.level_jindubox{width: 660px; margin: 15px 0 0 0;}
.level_jindu_list{float: left; width: 130px; position: relative; border-right:#fff 1px solid; }
.level_jindu_listwidth{width: 200px!important;}

.level_jindu_bg1{width: 100%; height: 10px; background: #dcdfe6; border-radius: 8px 0 0 8px; position: absolute; z-index: 2; top:0;}
.level_jindu_bg2{width: 100%; height: 10px; background: #dcdfe6; position: absolute; z-index: 2; top:0;}
.level_jindu_bg3{width: 100%; height: 10px; background: #dcdfe6; border-radius: 0 8px 8px 0; position: absolute; z-index: 2; top:0;}
.level_jindu_line1{height: 10px; background: #fa7169; border-radius: 8px 0 0 8px; position: absolute; z-index: 3; top:0;}
.level_jindu_line2{height: 10px; background: #fa7169; border-radius: 0; position: absolute; z-index: 3; top:0;}
.level_jindu_line3{height: 10px; background: #fa7169; border-radius: 0 8px 8px 0; position: absolute; z-index: 3; top:0;}
.level_jindu_zi{width: 100%; position: relative; top: 20px; left: 8px; z-index: 4;}
.level_jindu_zi span{float: left; font-size: 12px; color: #666;}
.level_jindu_zi small{float: right; font-size: 12px; color: #666;}
.level_meaaa{float: left; width: 100%; margin-top: 35px;}
.level_meaaa a{float:left; font-size:12px; color:#3ea84c; margin-right:10px;}
.level_meaaa a:hover{color:#ff472e;  text-decoration:underline;}
.level_meaaa a i{display: inline-block; width: 7px; height: 12px; margin-left: 5px; vertical-align: middle; background: url(../images/jt_left.png);}

.level_jindu_lis twidth{width: 200px!important;}

.level_teq_box{float: left; width: 100%; padding: 25px 0 0 0;}
.level_teq{float: left; width: 422px;}
.level_teq2{float: left; width: 100%;}
.level_teq_title{float: left; width: 100%; font-size: 20px; color: #333;}
.level_teq_title i{float: left; width: 26px; height: 26px; margin: 2px 10px 0 0; }
.level_teq_nr{float: left; width: 380px; padding: 15px 20px 13px 20px; background: #F6F7FB; border:#eee 1px solid; margin: 20px 0 0 0; border-radius: 4px;}
.level_teq_nr i{float: left; width: 60px; margin-right: 12px;}

.level_teq_zi{float: left; width: 308px;}
.level_teq_zi span{float: left; width: 100%; font-size: 16px; font-weight: bold; color: #222; padding: 10px 0 6px 0;}
.level_teq_zi small{float: left; width: 100%; font-size: 14px; color: #666;}
.level_teq_btn1{float: right; background: #f6953e; border: #f6953e 1px solid; font-size: 12px; color: #fff; border-radius: 4px; padding: 4px 12px 2px 12px; margin-top: 20px;}
.level_teq_btn1:hover{color:#fff; background:#ffa05e; border:#ffa05e 1px solid;}
.level_teq_btn2{float: right; background: #dcdcdc; border: #dcdcdc 1px solid; font-size: 12px; color: #fff; border-radius: 4px; padding: 4px 12px 2px 12px; margin-top: 20px;}
.level_teq_btn2:hover{color:#fff; background:#dcdcdc; border:#dcdcdc 1px solid;}

.level_teq_nr_hui{float: left; padding: 15px 20px 13px 20px; background: #fcfcfc; border:#f1f1f1 1px solid; margin: 20px 0 0 0; border-radius: 4px;}
.level_teq_nr_hui i{float: left; width: 60px; margin-right: 12px;}
.level_teq_nr_hui i img{filter: grayscale(100%); opacity:.6;}
.level_teq_zi_hui{float: left;}
.level_teq_zi_hui span{float: left; width: 100%; font-size: 16px; font-weight: bold; color: #ccc; padding: 10px 0 6px 0;}
.level_teq_zi_hui small{float: left; width: 100%; font-size: 14px; color: #ccc;}
.level_teq_nr_hui a{float: right; background: #dcdcdc; border: #dcdcdc 1px solid; font-size: 12px; color: #fff; border-radius: 4px; padding: 4px 12px 2px 12px; margin-top: 20px;}
.level_teq_nr_hui a:hover{color:#fff; background:#dcdcdc; border:#dcdcdc 1px solid;}

.level_bjbox{float: left; width: 420px; margin: 0 0 0 50px;}
.level_bj_nrbox{width: 100%; display: flex; justify-content:space-between;}
.level_bj_nr{width: 165px; padding: 7px 10px 10px 20px; background: #F6F7FB; border:#eee 1px solid; margin: 20px 0 0 0; border-radius: 4px;}
.level_bj_nr h1{float: left; width: 100%;}
.level_bj_nr h1 span{font-size: 30px; color: #f6953e; font-weight: bold;}
.level_bj_nr h1 small{font-size: 18px; color: #999; font-weight: bold; padding: 0 0 0 3px;}
.level_bj_nr h2{float: left; width: 100%;}
.level_bj_nr h2 span{font-size: 16px; color: #333; font-weight: bold;}
.level_bj_nr h2 small{font-size: 16px; color: #ccc; padding: 0 0 0 15px;}

.level_rw_box{float: left; width: 940px; display: flex; flex-wrap: wrap;}
.level_rw_list{float: left; width: 420px; padding: 0 0 25px 0; margin: 25px 50px 0 0; border-bottom: #edf1f6 1px solid;}
.level_rw_list i{float: left; width: 52px; margin-right: 10px;}
.level_rw_listzi{float: left; width: 250px; padding: 0 10px 0 0;}
.level_rw_listzi span{float: left; width: 100%; font-size: 13px; font-weight: bold; color: #222;     padding: 5px 0 8px 0;}
.level_rw_listzi small{float: left; width: 100%; font-size: 12px; color: #666; line-height: 22px;}
.level_rw_listzi em{float: left; width: 20px; margin-right: 6px;}
.level_rw_btn1{float: left; background: #fff; border: #f6953e 1px solid; font-size: 12px; color: #f6953e; border-radius: 4px; padding: 4px 0 2px 0; margin: 13px 0 0 10px; width: 70px; text-align: center;}
.level_rw_btn1:hover{color:#fff; background:#ffa05e; border:#ffa05e 1px solid;}
.level_rw_btn2{float: left; background: #f6953e; border: #f6953e 1px solid; font-size: 12px; color: #fff; border-radius: 4px; padding: 4px 0 2px 0; margin: 13px 0 0 10px; width: 70px; text-align: center;}
.level_rw_btn2:hover{color:#fff; background:#ffa05e; border:#ffa05e 1px solid;}
.level_rw_btn3{float: left; background: #fff; border: #dcdcdc 1px solid; font-size: 12px; color: #dcdcdc; border-radius: 4px; padding: 4px 0 2px 0; margin: 13px 0 0 10px; width: 70px; text-align: center;}
.level_rw_btn3:hover{color:#dcdcdc; background:#fff; border:#dcdcdc 1px solid;}


.level_rw_list_hui{float: left; width: 420px; padding: 0 0 25px 0; margin: 25px 50px 0 0; border-bottom: #edf1f6 1px solid;}
.level_rw_list_hui i{float: left; width: 52px; margin-right: 10px;}
.level_rw_listzi_hui{float: left; width: 260px;}
.level_rw_listzi_hui span{float: left; width: 100%; font-size: 13px; font-weight: bold; color: #aaa;     padding: 5px 0 5px 0;}
.level_rw_listzi_hui small{float: left; width: 100%; font-size: 12px; color: #aaa;}
.level_rw_list_hui a{float: left; background: #fff; border: #dcdcdc 1px solid; font-size: 12px; color: #dcdcdc; border-radius: 4px; padding: 4px 0 2px 0; margin-top: 13px; width: 80px; text-align: center;}
.level_rw_list_hui a:hover{color:#dcdcdc; background:#fff; border:#dcdcdc 1px solid;}

.level_guize{float: left; width: 100%; margin: 20px 0 0 0;}
.level_guize li{float: left; width: 100%; font-size: 14px; color: #333; margin: 0 0 10px 0; background: url(../../Home/images/wzlm_ff.png) no-repeat 0 7px; padding: 0 0 0 15px;}
.level_jiangli{float: left; width: 100%; margin: 20px 0 0 0;}
.level_jiangli_title{float: left; width: 100%; background: #f8f8f8; line-height: 40px;}
.level_jiangli_title em{float: left; width: 140px; font-size: 14px; color: #333; padding: 0 0 0 20px; font-weight: bold;}
.level_jiangli_title small{float: left; width: 120px; font-size: 14px; color: #333; font-weight: bold; padding: 0 0 0 10px;}
.level_jiangli_title p{float: left; width: 140px; font-size: 14px; color: #333; font-weight: bold; padding: 0 0 0 10px;}
.level_jiangli_title span{float: left; font-size: 14px; color: #333; font-weight: bold; width: 475px; padding: 0 0 0 10px;}
.level_jiangli_nr{float: left; width: 100%; border-bottom: #f3f3f3 1px solid; padding: 15px 0;}
.level_jiangli_nr i{float: left; width: 140px; padding: 0 0 0 20px;}
.level_jiangli_nr b{float: left; width: 140px; padding: 2px 0 0 20px;}
.level_jiangli_nr small{float: left; width: 120px; font-size: 14px; color: #333; padding: 5px 0 0 10px;}
.level_jiangli_nr p{float: left; width: 140px; font-size: 14px; color: #333; padding: 5px 0 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.level_jiangli_nr span{float: left; font-size: 14px; color: #333; padding: 5px 0 0 10px; width: 475px;}
.level_jiangli_nr em{float: left; font-size: 14px; color: #333; width: 180px; padding: 5px 0 0 20px;}
.level_jiangli_width1{width: 180px!important;}

.level_jiangli_green{font-size:14px!important; color:#53a000!important; font-weight:bold!important;}
.level_jiangli_red{font-size:14px!important; color:#ff0000!important; font-weight:bold;}

.level_jiangli_tip{float: left; width: 80%; padding: 20px 0 0 20px; font-size: 14px;     color: #ff0000;}

.close_Btn22{position:absolute; right:20px; top:15px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#888;}
.close_Btn22:hover{ cursor: pointer; color:#ff604e;}

.kefu_nr{width:100%; padding:5px 0 0 0px; float:left;}
.kefu_nr dl{width:700px; display:block; float:left;}
.kefu_nr dt{font-size:16px; display:block; width:620px; padding:10px 60px 10px 20px;  color:#43474e; border-bottom:#dfdfdf 1px solid;  font-weight:bold;}
.kefu_nr dd{padding:15px 34px; border-radius:8px; border:none; font-size:14px; color:#43474e; line-height:28px; overflow:auto;}
.kefu_nr dd a{color:#f56e5c; text-decoration:underline;}
.kefu_nr dd img{max-width:100%; margin-top:10px; border:#CCC 1px solid;}
.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: 8px;}
.exp_tips:hover{color: #fc5531; text-decoration: underline;}


.level_tishi_mainbox{top:0; left:50%; margin-left: -300px; width:600px; padding:40px 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: 500px; padding: 0 50px;}
.level_tishi_title{width: 100%; text-align: center; font-size: 24px; color: #333; padding: 0 0 15px 0;}
.level_tishi_title i{display: inline-block; vertical-align: middle; margin: -2px 0 0 10px;}
.level_tishi_title2{width: 100%; text-align: center; font-size: 18px; color: #333; padding: 0 0 15px 0; line-height: 30px;}
.level_tishi_title2 i{display: inline-block; vertical-align: middle; margin: -2px 0 0 10px;}
.level_tishi_jltitle{width:400px; margin:0 auto; border-bottom:#eeeeee 1px solid; text-align:center;}
.level_tishi_jltitle span{background:#FFF; padding:0 25px; top:13px; position:relative; font-size:18px; color:#777;}
.level_tishi_jlquan{width:500px; text-align:center; font-size:18px; color:#333;}
.level_tishi_jlquan i{float:left; width:500px; text-align:center; padding:40px 0 20px 0;}
.level_tishi_btn{width:100%; float:left; padding:50px 0; text-align:center;}
.level_tishi_btn a{display: inline-block; padding:0 80px; font-size:14px; background: #f6953e; color: #fff; border-radius: 4px; height: 40px; line-height: 40px;}
.level_tishi_btn a:hover{color:#fff; background:#ffa05e;}
.level_tishi_btn2{width:100%; float:left; padding:30px 0; text-align:center;}
.level_tishi_btn2 a{display: inline-block; padding:0 80px; font-size:14px; background: #f6953e; color: #fff; border-radius: 4px; height: 40px; line-height: 40px;}
.level_tishi_btn2 a:hover{color:#fff; background:#ffa05e;}
.tishi_zi2{width: 90%; padding: 0 5% 20px 5%; text-align: center; font-size: 16px; color: #333; line-height: 28px;}
.tishi_zi2 span{font-weight: bold; color: #ff472e;}
.tishi_zi2 i{display: inline-block; vertical-align: middle; margin: -2px 0 0 10px;}


/*vote*/
.voten_main{width: 100%; padding: 15px 60px 10px 15px; box-sizing: border-box; display: flex; justify-content: space-between;}
.voten_left{background: #fff; border: #e9e9e9 1px solid; border-radius: 4px; padding: 0 2%; box-sizing: border-box; min-height: 700px;}
.voten_right{width: 320px; border-radius: 4px; margin: 0 0 0 15px; flex-shrink: 0;}

.voten_title{width:100%; padding: 0 10px 0 0; height:55px; margin: 10px 0 0 0; border-bottom:#edf1f6 1px solid; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
.voten_title_nav{width: auto;}
.voten_title_nav a{display: inline-block; font-size:15px; color:#666; padding:0 8px 0 8px; margin:0 30px 0 0; line-height: 55px; position: relative;}
.voten_title_nav .voten_title_nav_hover,.voten_title_nav a:hover{color:#14191e;  border-bottom:#666 2px solid;}
.voten_title_fabu{background:#f6953e; font-size:14px; color:#fff; padding:0 16px; line-height: 32px; border-radius: 4px;}
.voten_title_fabu:hover{color:#fff; background:#ffa05e;}

.voten_list_box{width: 100%; padding: 0 0 10px 0;}
.voten_list{width: 100%; border-bottom:#edf1f6 1px solid; padding: 30px 0 10px 0;}
.voten_list_name{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.voten_list_name a{display: flex; align-items: center;}
.voten_list_name i{width: 20px; height: 20px; margin-right: 6px;}
.voten_list_name i img{width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
.voten_list_name span{font-size: 12px; color: #666;}
.voten_list_name small{margin-left: 5px;}

.voten_list_zd{background:url(../images/voteview/voten_zd3.png) no-repeat 7px 3px #fff2e5; text-indent: 20px; color: #ff7544; margin: 0 10px 0 0; padding: 2px 5px; border-radius: 4px;}


.voten_list_title{width: 100%; padding: 10px 0 15px 0;}
.voten_list_title em{font-size: 12px; color: #fff; font-weight: bold; padding: 0 2px; border-radius: 2px; width: 28px; height: 16px; line-height: 16px; display: inline-block; text-align: center;}
.voten_list_title span{font-size: 16px; color: #222; line-height: 1.6;}
.voten_list_title a{font-size: 16px; color: #222; line-height: 1.6;}
.voten_list_title a:hover{font-size: 16px; color: #333; line-height: 1.6;}
.voten_list_title .voten_b2{background: linear-gradient(90deg, #4daaff .25%, #2f9cff 100%, #559dfd 0); font-style: italic;}
.voten_list_title .voten_b1{background: linear-gradient(90deg, #ff6c79 .25%, #ff8e96 100%, #ff7767 0); width: 22px; font-style: italic;}

.voten_content{width: 600px; background: #f6f6f6; border-radius: 2px; padding: 15px; box-sizing: border-box;}
.voten_option{width: 100%; display: flex; flex-wrap:wrap; position: relative; }
.voten_option li{width: 100%; background: #fff;  border:1px #e9e9e9 solid; border-radius: 2px; text-align: center; font-size: 14px; color: #333; padding: 8px 0; line-height: 1.6; margin: 5px 0; cursor: pointer;}
.voten_option .voten_option_hover,.voten_option li:hover{background: #fff;  border:1px #ffc88f solid;}

.voten_option_zdbox{height: 226px; overflow: hidden;}
.voten_option_zhedie{position: absolute; bottom: 0; text-align: center; width: 100%; height: 202px; z-index: 1;}
.voten_option_zhedie span{position: absolute; left: 0; right: 0; bottom: 0; height: 202px; z-index: 1; cursor: pointer;}
.voten_option_zhedie i{pointer-events: none; position: absolute; left: 0; right: 0; bottom: -6px; height: 100px; z-index: 2;background-image: linear-gradient(180deg,hsla(0,0%,97.6%,0),#f6f6f6 72%);}
.voten_option_zhedie2{position: absolute; bottom: 0; text-align: center; width: 100%; z-index: 90;}
.voten_option_zhedie2_zi1{position: absolute; z-index: 3; bottom: 0; left: 42%; font-size: 13px; color: #999;}
.voten_option_zhedie2_zi1:after {
	display: inline-block;
    content: "";
    margin-left: 5px;
    margin-bottom: 2px;
    width: 5px;
    height: 5px;
    border-left: 1px solid #939393;
    border-bottom: 1px solid #939393;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.voten_option_zhedie2_zi2{position: absolute; z-index: 3; bottom: -23px; left: 46%; font-size: 13px; color: #999; display: flex; align-items: center;}
.voten_option_zhedie2_zi2:after {
	display: inline-block;
    content: "";
    margin-left: 5px;
    margin-bottom: 2px;
    width: 5px;
    height: 5px;
    border-left: 1px solid #939393;
    border-bottom: 1px solid #939393;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: 5px;
}

.voten_option_zhong{width: 100%; display: flex; flex-wrap:wrap;}
.voten_option_zhong li{width: 100%; background: #fff; border:1px #e9e9e9 solid; border-radius: 2px; display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; line-height: 1.6; margin: 5px 0; position: relative; cursor: auto;}
.voten_option_zhong li:hover{background: #fff;  border:1px #e9e9e9 solid;}
.voten_option_zhong li span{font-size: 14px; color: #666; position: relative; z-index: 10;}
.voten_option_zhong li small{font-size: 12px; color: #999; position: relative; z-index: 10;}
.voten_option_zhong li div{width: 0;  position: absolute; bottom: 0; left: 0; top: 0; transition: all .3s; background:#f2f2f2;}

.voten_option_zhong  .voten_option_zhong_hover span{color: #ff7900; align-items: center; display: flex; background:url(../images/voteview/voten_dui.png) no-repeat right; padding: 0 18px 0 0;}
.voten_option_zhong  .voten_option_zhong_hover div{background:#fff7f3;}


.voten_tip{width: 100%; padding: 0 5px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
.voten_tip span{font-size: 12px; color: #888;}
.voten_tip em{font-size: 12px; color: #999; padding: 5px 0 0 0;}
.voten_tip small{font-size: 12px; color: #999; padding: 5px 18px 0 0; background: url(../images/voteview/join.png) no-repeat right 6px; background-size: 13px;}

.voten_btn{background:#f6953e; font-size:12px; color:#fff; padding:0 20px; line-height: 28px; border-radius: 30px; position: absolute; bottom: -30px; left: 50%; margin-left: -50px; z-index: 100;}
.voten_btn:hover{color:#fff; background:#ffa05e;}

.voten_pktip{width: 600px; padding: 10px 5px 0 5px; display: flex; justify-content: space-between;     align-items: center; box-sizing: border-box; position: relative;}
.voten_pktip em{font-size: 12px; color: #999; padding: 5px 0 0 0;}
.voten_pktip small{font-size: 12px; color: #999; padding: 5px 18px 0 0; background: url(../images/voteview/join.png) no-repeat right 6px; background-size: 13px;}

.voten_foot{width: 100%; display: flex; padding: 20px 0 15px 0;}
.voten_foot a{display: flex; align-items: center; margin-right: 40px; font-size: 13px; color: #808080; min-width: 16px; height: 18px;}
.voten_foot a:hover{color: #ff7544;}
.voten_foot_pingl{background:url(../images/voteview/voten_pl1.jpg) no-repeat 0 0; text-indent: 18px;}
.voten_foot_pingl:hover{background:url(../images/voteview/voten_pl2.jpg) no-repeat 0 0; text-indent: 18px;}
.voten_foot_zan{background:url(../images/voteview/voten_zan1.jpg) no-repeat 0 1px; text-indent: 20px;}
.voten_foot_zan:hover{background:url(../images/voteview/voten_zan2.jpg) no-repeat 0 1px; text-indent: 20px;}
.voten_foot_fen{background:url(../images/voteview/voten_fen1.jpg) no-repeat 0 1px; text-indent: 21px;}
.voten_foot_fen:hover{background:url(../images/voteview/voten_fen2.jpg) no-repeat 0 1px; text-indent: 21px;}

.voten_foot_zd{background:url(../images/voteview/voten_zd1.jpg) no-repeat 0 1px; text-indent: 20px;}
.voten_foot .voten_foot_zd_hover,.voten_foot_zd:hover{background:url(../images/voteview/voten_zd2.jpg) no-repeat 0 1px; text-indent: 20px; color: #ff7544;}

.voten_foot .voten_foot_zan_hover{background:url(../images/voteview/voten_zan3.jpg) no-repeat 0 1px; text-indent: 20px; color: #ff7544;}

.voten_pk_box{width: 600px;}
.voten_pk{width: 600px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
.voten_pk_nr{position: relative; display: flex; min-width: 120px; align-items: center; justify-content: space-between; height: 60px; width: 50%; cursor: pointer;}

.voten_pk_left{text-align: center; margin-right: 26px; padding-left: 10px; border-radius: 6px 0 0 6px; background: linear-gradient(90deg, #ff555f, #ff6b81 96.18%); transition: width .3s ease;
}
.voten_pk_left:hover{background: #ff6b81;}
.voten_pk_right{flex-direction: row-reverse; text-align: center; padding-right: 10px; border-radius: 0 6px 6px 0; background: linear-gradient(270deg, #4f9aff, #74baff 96.18%); transition: width .3s ease;}
.voten_pk_right:hover{background: #74baff;}

.voten_pk_biao{flex: 0 0 auto;height: 30px; margin: 0 25px 0 0; width: 40px;}
.voten_pk_biao img{width: 100%;}

.option-skew {position: absolute; top: 0px; height: 100%; width: 25px; overflow: hidden; pointer-events: none;}
.option-skew-fill {pointer-events: all; position: absolute; top: 0px; width: 100%; height: 100%;}

.voten_pk_left .option-skew{right: -25px;}
.voten_pk_left .option-skew-fill{left: -11px; background-color: rgb(255 107 129); transform: skew(21deg); border-top-right-radius: calc(6px - 2px); border-bottom-right-radius: 6px;}

.voten_pk_right .option-skew{left: -25px;}
.voten_pk_right .option-skew-fill{left: 11px; background-color: rgb(115 186 255); transform: skew(21deg); border-top-left-radius: 6px; border-bottom-left-radius: calc(6px - 2px);}

.pktxt_info{min-width: 36px; position: absolute;top: 50%; transform: translateY(-50%); width: calc(100% - 20px);}
.pktxt_bfh{font-size: 14px; color: #fff; font-weight: 600; line-height: 18px; padding: 0 0 3px 0; align-items: center; display: flex;}

.pktxt_zi{font-size: 15px; color: #fff; line-height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600;}

.voten_pk_zhong .pktxt_zi{text-align: left!important; font-weight: 400;}

.voten_pk_zhong .voten_pk_right .pktxt_bfh{justify-content:flex-end;}
.voten_pk_zhong .voten_pk_right .pktxt_zi{text-align: right!important;}
.voten_pk_zhong .voten_pk_right .pktxt_bfh i{padding: 0 5px 0 0;}

.voten_pk_bfb100_red{width: 100%; text-align: center; padding-left: 10px; border-radius: 6px; background: linear-gradient(90deg, #ff555f, #ff6b81 96.18%); transition: width .3s ease;}
.voten_pk_bfb100_blue{width: 100%; flex-direction: row-reverse; text-align: center; padding-right: 10px; border-radius: 6px; background: linear-gradient(270deg, #4f9aff, #74baff 96.18%); transition: width .3s ease;}
.voten_pk_zhong .voten_pk_bfb100_blue .pktxt_bfh{justify-content:flex-end;}
.voten_pk_zhong .voten_pk_bfb100_blue .pktxt_zi{text-align: right!important;}
.voten_pk_zhong .voten_pk_bfb100_blue .pktxt_bfh i{padding: 0 5px 0 0;}

.voten_right_guang{width: 320px; background: #fff; border: #e9e9e9 1px solid; border-radius: 4px; margin-bottom: 15px; padding: 20px; box-sizing: border-box;}
.voten_right_guang a{display: block; width: 100%; margin-top: 15px;}
.voten_right_guang a img{border-radius: 6px;}

.voten_right_mexx{width: 320px; background: #fff; border: #e9e9e9 1px solid; border-radius: 4px; box-sizing: border-box; margin-bottom: 15px; }

.voten_right_mexx_tou{width: 100%; display: flex; align-items: center; padding: 20px; box-sizing: border-box; position: relative; z-index: 1;}
.voten_right_mexx_toudi{background-position: 50%;  background-repeat: repeat; background-size: cover; -webkit-filter: blur(8px); filter: blur(8px);
    overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; border-radius: 4px 4px 0 0;
}
.voten_right_mexx_bgbg{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .3); box-sizing: border-box; border-radius: 4px 4px 0 0;}
.voten_right_mexx_tou i{width: 60px; height: 60px; margin-right: 15px; flex-shrink: 0; z-index: 2;}
.voten_right_mexx_tou i img{width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
.voten_right_mexx_namebox{width: 100%; z-index: 2;}
.voten_right_mexx_name{display: flex; align-items: center;}
.voten_right_mexx_name span{font-size: 16px; color: #fff; font-weight: bold;}
.voten_right_mexx_name small{margin-left: 5px;}
.voten_right_mexx_namebox em{display: block; font-size: 14px; color: hsla(0, 0%, 100%, .7); padding: 5px 0 0 0;}
.voten_right_mexx_ull{display: flex; justify-content: space-between; padding: 20px 25px; width: 100%; box-sizing: border-box;}
.voten_right_mexx_ull li{color:#666; text-align:center; font-size: 13px;}
.voten_right_mexx_ull li strong{font-size:18px; color:#333; display:block; width:100%;}

.voten_right_gddd{width: 320px; position: sticky; top: 0; z-index: 990;}
.voten_tuij_box{width: 320px; background: #fff; border: #e9e9e9 1px solid; border-radius: 4px; margin-bottom: 15px; padding: 20px; box-sizing: border-box;}
.voten_tuij_title{width: 100%; font-size: 16px; color: #333;}
.voten_tuij_list{width: 278px; display: flex; align-content: flex-start; margin: 15px 0 10px 0; cursor: pointer;}
.voten_tuij_list:hover,.voten_tuij_nr h2:hover{color: #ed4731;}
.voten_tuij_list i{width: 15px; padding: 5px 10px 0 0;}
.voten_tuij_nr{width: 263px;}
.voten_tuij_nr h2{display: block; width: 100%; font-size: 14px; color: #333; line-height: 1.5; overflow:hidden; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical; display:-webkit-box; display:box;}
.voten_tuij_nr h2 a{color:#333; text-decoration:none;}
.voten_tuij_nr h2 a:hover{color:#ed4731; text-decoration:none;}
.voten_tuij_nrzan{width: 100%; padding: 5px 0 0 0;}
.voten_tuij_nrzan span{display: inline-block; font-size: 12px; color: #999; padding: 0 3px 0 0;}
.voten_tuij_nrzan small{display: inline-block; font-size: 12px; color: #999;}

.voten_app{width: 278px; display: flex; align-content: center;}
.voten_app i{width: 77px; margin-right: 10px;}
.voten_app_txt{width: 191px;}
.voten_app_txt span{display: block; font-size: 16px; color: #222; line-height: 1.5;}
.voten_app_txt small{display: block; font-size: 14px; color: #999; line-height: 1.5; padding: 5px 0 0 0;}

.voten_my_list{padding: 15px 0 10px 0;}
.voten_pk_my{padding: 0 0 15px 0;}
.voten_my_can{width: 100%; display: flex; align-content: center;}
.voten_my_can span{display: inline-block; font-size: 12px; color: #fff; margin-right: 10px; border-radius: 2px; padding: 0 5px;}
.voten_my_can small{display: inline-block; font-size: 12px; color: #999; margin-right: 10px;}
.voten_my_can em{font-size: 12px; color: #999; padding: 0 18px 0 0; background: url(../images/voteview/join.png) no-repeat right 1px; background-size: 13px; margin: 0 0 0 30px;}

.my_lv{background: #2dbe79;}
.my_red{background: #f96376;}

.voteinfo_new_title{width:100%; padding: 0 10px 0 0; height:55px; margin: 10px 0; border-bottom:#edf1f6 1px solid; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
.voteinfo_fanhui{font-size: 14px; color: #333; background:url(../images/voteview/voten_fanhui.png) no-repeat 8px 5px #f7f8f9; text-indent: 15px; border-radius: 2px; height: 28px; line-height: 28px; margin-right: 12px;  min-width: 24px;  padding:0 10px; transition: all .3s;}
.voteinfo_fen{width: 16px; height: 16px; background:url(../images/voteview/voten_fen3.png) no-repeat 5px 5px; padding: 5px;}
.voteinfo_fen:hover{background:url(../images/voteview/voten_fen3.png) no-repeat 5px 5px #f7f8f9; padding: 5px; border-radius: 2px;}

.voteinfo_nr{width: 100%; border-bottom: #fafbfc 3px solid; padding: 20px 0 30px 0;}
.voteinfo_name{width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.voteinfo_name_nr{width: 400px; display: flex; align-items: center;}
.voteinfo_name_nr a{width: 400px; display: flex; align-items: center;}
.voteinfo_name_nr i{width: 40px; height: 40px; margin-right: 6px;}
.voteinfo_name_nr i img{width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
.voteinfo_name_nr span{font-size: 14px; color: #333;}
.voteinfo_name_nr small{margin-left: 5px;}
.voteinfo_name_hya{font-size: 12px; color: #f6953e; border-radius: 60px; border:1px solid #f6953e; padding: 4px 12px; margin-right: 10px;}
.voteinfo_name_hya:hover{border:1px solid #f6953e; background: #f6953e; color: #fff;}

.voteinfo_pl_box{width: 100%; position: relative;}
.voteinfo_pl_title{width: 100%; margin: 30px 0 10px 0;     border-bottom: #edf1f6 1px solid; display: flex; align-items: center; height: 30px;}
.voteinfo_pl_title span{font-size: 14px; color: #14191e; border-bottom: #666 2px solid; padding: 0 2px 0 2px; margin: 0 8px 0 0; height: 30px;}
.voteinfo_pl_title small{font-size: 12px; color: #14191e; height: 30px;}
.voteinfo_pl_nr{width: 100%; min-height: 350px;}
.voteinfo_pl_list{width: 100%; padding: 20px 0; border-bottom: #edf1f6 1px solid;}
.voteinfo_pl_tou{width: 100%; display: flex; align-items: center;}
.voteinfo_pl_tou i{width: 34px; height: 34px; margin-right: 10px; flex-shrink: 0;}
.voteinfo_pl_tou i img{width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
.voteinfo_pl_namebox{width: 100%;}
.voteinfo_pl_name{display: flex; align-items: center;}
.voteinfo_pl_name span{font-size: 13px; color: #333; font-weight: bold;}
.voteinfo_pl_name small{margin-left: 5px;}
.voteinfo_pl_namebox em{font-size: 12px; color: #999;}
.voteinfo_pl_txt{font-size: 15px; color: #222; line-height: 1.6; padding: 8px 10px 0 44px;}
.voteinfo_pl_zan{flex-shrink: 0; display: flex; margin-right: 10px;}
.pl_zan{display: block; width: auto; height: 17px; background:url(../images/voteview/voten_pl_zan1.png) no-repeat; background-size: 17px; font-size: 12px; color: #999; text-indent: 20px; cursor: pointer; min-width: 17px; margin-right: 10px;}
.pl_zan_hover,.pl_zan:hover{display: block; width: auto; height: 17px; background:url(../images/voteview/voten_pl_zan2.png) no-repeat; background-size: 17px; font-size: 12px; color: #333; text-indent: 20px; cursor: pointer; min-width: 17px; margin-right: 10px;}
.pl_del{display: block; width: auto; height: 17px; background:url(../images/voteview/voten_pl_del1.png) no-repeat; background-size: 17px; font-size: 12px; color: #777; text-indent: 18px; cursor: pointer; min-width: 17px; margin-right: 10px;}
.pl_del:hover{background:url(../images/voteview/voten_pl_del2.png) no-repeat; background-size: 17px; color: #F94051;}


.voteinfo_pl_pk_nr{width: 100%; display: flex; flex-wrap:wrap; min-height: 395px;}
.voteinfo_pl_pk{width: 100%; padding: 20px; border-radius: 8px; box-sizing: border-box; margin: 0 0 16px 0;}
.voteinfo_pl_tou_pk{width: 100%; display: flex; align-items: center;}
.voteinfo_pl_tou_pk i{width: 34px; height: 34px; margin-right: 10px; flex-shrink: 0;}
.voteinfo_pl_tou_pk i img{width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
.voteinfo_pl_namebox_pk{width: 100%;}
.voteinfo_pl_name_pk{display: flex; align-items: center;}
.voteinfo_pl_name_pk span{font-size: 13px; color: #333; font-weight: bold;}
.voteinfo_pl_name_pk small{margin-left: 5px;}
.voteinfo_pl_namebox_pk em{font-size: 12px; color: #999;}
.voteinfo_pl_txt_pk{font-size: 15px; color: #222; line-height: 1.6; padding: 8px 0 0 0;}
.voteinfo_pl_zan_pk{width: 100%; display: flex;  align-items: center; padding: 15px 0 0 0;}
.pl_zan_pk1{display: block; width: auto; height: 18px; background:url(../images/voteview/voten_pl_zan3.png) no-repeat; background-size: 15px; font-size: 12px; color: #999; text-indent: 18px; cursor: pointer; margin-right: 15px; min-width: 15px;}
.pl_zan_pk1_hover,.pl_zan_pk1:hover{display: block; width: auto; height: 18px; background:url(../images/voteview/voten_pl_zan4.png) no-repeat; background-size: 15px; font-size: 12px; color: #333; text-indent: 18px; cursor: pointer; margin-right: 15px; min-width: 15px;}
.pl_zan_pk2{display: block; width: auto; height: 18px; background:url(../images/voteview/voten_pl_zan5.png) no-repeat; background-size: 15px; font-size: 12px; color: #999; text-indent: 20px; cursor: pointer; margin-right: 15px; min-width: 15px;}
.pl_zan_pk2_hover,.pl_zan_pk2:hover{display: block; width: auto; height: 18px; background:url(../images/voteview/voten_pl_zan6.png) no-repeat; background-size: 15px; font-size: 12px; color: #333; text-indent: 20px; cursor: pointer; margin-right: 15px; min-width: 15px;}

.pl_cai{display: block; width: auto; height: 17px; background:url(../images/voteview/voten_pl_cai1.png) no-repeat; background-size: 17px; font-size: 12px; color: #999; text-indent: 20px; cursor: pointer; min-width: 17px; margin-right: 10px;}
.pl_cai_hover,.pl_cai:hover{display: block; width: auto; height: 17px; background:url(../images/voteview/voten_pl_cai2.png) no-repeat; background-size: 17px; font-size: 12px; color: #333; text-indent: 20px; cursor: pointer; min-width: 17px; margin-right: 10px;}


.voteinfo_pl_pk_red_box{width: 46%; margin: 10px 20px 20px 0;}
.voteinfo_pl_pk_blue_box{width: 46%; margin: 10px 0 20px 0; }
.voteinfo_pl_pk_blue{background: #EBF2FE;}
.voteinfo_pl_pk_red{background: #FEF2F6;}

.voteinfo_pl_pk_red_kong{border-radius: 4px; border: 1px dashed #F9596B; background: rgba(254,242,246,0.6); padding: 36px 20px;}
.voteinfo_pl_pk_red_kong .kong_img{width: 36px; margin: 0 auto;}
.voteinfo_pl_pk_red_kong .kong_img img{width: 100%;}
.voteinfo_pl_pk_blue_kong{border-radius: 4px; border: 1px dashed #2C9DFA; background: rgba(235,242,254,0.6); padding: 36px 20px;}
.voteinfo_pl_pk_blue_kong .kong_img{width: 36px; margin: 0 auto;}
.voteinfo_pl_pk_blue_kong .kong_img img{width: 100%;}


.pinglun_reply_box{width: 100%; border-top: #edf1f6 1px solid; display: flex; align-items: center; padding: 8px 6px 8px 0; background: #fff; box-sizing: border-box; position: sticky; bottom: 0; z-index: 999;}
.pinglun_reply_input{width: 100%; background: #F5F6FA; min-height: 40px; border:none; line-height: 1.5; padding: 9px 6px; box-sizing: border-box; font-size: 14px; color: #333; outline: none;}

.voteinfo_pl_btn{padding: 9px 15px; font-size: 14px; background: #45b853; color: #FFF;     text-decoration: none; border-radius: 4px;     flex-shrink: 0; margin: 0 10px; transition: width .3s ease;}
.voteinfo_pl_btn:hover{background:#3ea84c; color:#fff;}

.pinglun_reply_zan{display: flex;}
.pl_zan_reply1{display: block; width: auto;     padding: 22px 10px 0 10px; background:url(../images/voteview/voten_pl_zan7.png) no-repeat center 0; background-size: 21px; font-size: 12px; color: #999; cursor: pointer;}
.pl_zan_reply2{display: block; width: auto;     padding: 22px 10px 0 10px; background:url(../images/voteview/voten_pl_fen.png) no-repeat center 0; background-size: 22px; font-size: 12px; color: #999; cursor: pointer;}



.voten_tan_content{width: 750px; background: #fff;}
.voten_tan_mainbox{width: 710px; padding: 20px 20px 20px 20px; height: 421px; overflow: auto;}
.voten_tan_main_height{height: 587px; padding: 0 20px 20px 20px;}
.voten_tan_mainbox::-webkit-scrollbar { /*滚动条整体样式*/
  width : 8px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.voten_tan_mainbox::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 10px;
  background: #8b8b8b;
}
.voten_tan_mainbox::-webkit-scrollbar-track { /*滚动条里面轨道*/
  background: #ededed;
}

.tjfs_box{width:100%; float:left; padding: 10px 0 0 0;}
.tjfs_box h1{font-size:14px; color:#44b099; width:100%; float:left; padding:15px 0 5px 0;}
.fs_ipt1{width:98%; line-height:22px; color:#999; height:60px; border:#ebebeb 1px solid; padding:5px 1% 0 1%; box-shadow: 0 3px 10px rgba(239,239,239,0.9);}

.tjfs_box h2{font-size:14px; color:#44b099; width:100%; float:left; padding:15px 0;}

.tjfs_box h3{width:100%; float:left; padding:15px 0 0 0;}
.tjfs_box h3 a{background:#f6953e; font-size:14px; color:#fff; padding:5px 20px; float:left;}
.tjfs_box h3 a:hover{color:#fff; background:#ffa05e;}
.tjfs_box h3 span{float:left; font-size:14px; color:#999; padding:5px 0 0 15px;}

.loadmorefri{cursor: pointer;}
.loadmorefri span{display: inline-block; font-size: 12px; color: #44b099; height: 30px; line-height: 30px; cursor: pointer;}
.loadmorefri span:after {
	display: inline-block;
    content: "";
    margin-left: 5px;
    margin-bottom: 2px;
    width: 5px;
    height: 5px;
    border-left: 1px solid #44b099;
    border-bottom: 1px solid #44b099;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.loadmorefri span:hover{text-decoration: underline; color: #1d85db;}


.yqfs_ul{width:100%; float:left; padding-top:10px;}
.yqfs_ul li{float:left; width:80px; text-align:center;}
.yqfs_ul li a{color:#333; line-height:28px;}
.yqfs_ul li a:hover{color:#ff472e;}


.surveyshare_tip{width:100%; float:left; padding: 10px 20px; margin-top: 30px; font-size: 14px; color: #666; line-height: 1.5; background: #f4f5f7; border: #ebebeb 1px solid; box-shadow: 0 3px 10px rgba(239, 239, 239, 0.9); border-radius: 3px; box-sizing: border-box;}
.surveyshare_tip em{display: inline-block; font-size: 14px; color: #ff472e; font-weight: bold;}

.bphy_list123{float:left; width:610px; padding:10px 20px;}
.bphy_list123 li{float:left; width:200px; padding:10px 0;}
.bphy_list123 li i{float:left; width:35px;}
.bphy_list123 li h6{float:left; font-size:12px; color:#333; padding:5px 0 0 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 135px;}
.bphy_list123 li small{float:left;  padding:8px 10px 0 0;}
.bphy_list123 li label{cursor:pointer;}

.tan_btn_box{width: 100%; text-align: center; border-top: #eee 1px solid; padding: 15px 0;}
.tan_btn1{display: inline-block; font-size:13px; color:#555; padding:6px 20px; border:#e4e4e4 1px solid; background:#fff; margin:0 10px; border-radius: 4px;}
.tan_btn1:hover{border:#f6953e 1px solid; color: #f6953e;}
.tan_btn2{display: inline-block; font-size:13px;     background: #f6953e; border:#f6953e 1px solid; color:#fff; padding:6px 20px; margin:0 10px; border-radius: 4px;}
.tan_btn2:hover{color:#fff; background:#ffa05e; border:#ffa05e 1px solid;}

.voten_tan_fbchose_box{width: 100%; padding: 0 0 50px 0;}
.voten_tan_fbchose_box h2{font-size: 20px; color: #222; display: block; width: 100%; text-align: center; padding: 30px 0 40px 0; }
.voten_tan_fbchose_nr{width: 100%; display: flex;     justify-content: center;}
.voten_tan_fbchose{width: 200px; background: linear-gradient(180deg, #F3F3FF 0%, #E5F6FE 100%); border-radius: 20px; margin: 0 20px;     text-align: center; padding: 30px 0; cursor: pointer;}
.voten_tan_fbchose i{display: block; width: 32px;     margin: 0 auto;}
.voten_tan_fbchose i img{width: 100%;}
.voten_tan_fbchose span{font-size: 22px; color: #222; font-weight: bold; padding: 8px 0 4px 0; display: block; width: 100%;}
.voten_tan_fbchose small{display: block; width: 100%; font-size: 14px; color: #999;}


.voten_tan_fblist{width: 100%; display: flex; padding: 0 0 10px 20px; flex-wrap: wrap; box-sizing: border-box; align-items: center;}
.voten_tan_fblist span{font-size: 15px; color: #222; width: 100px; flex-shrink: 0;}
.voten_tan_fblist2{width: 100%; display: flex; padding: 15px 0 0 20px; flex-wrap: wrap; box-sizing: border-box; align-items: flex-start;}
.voten_tan_fblist2 span{font-size: 15px; color: #222; width: 100px; flex-shrink: 0;}
.voten_tan_fb_input1{width: 480px; padding: 0 10px; font-size: 14px; color: #222; height: 40px;  border-radius: 4px; background: #fff; border: 1px solid #eee; outline: none;}
.voten_tan_fb_gdd_box{ flex: 1;}
.voten_tan_fb_gdd{width: 460px; padding: 0 10px;  height: 40px;  border-radius: 4px; background: #fff; border: 1px solid #eee; display: flex;     align-items: center; margin-bottom: 15px; position: relative;}
.voten_tan_fb_gdd small{  font-size: 12px; color: #333; height: 24px; min-width: 24px; border-radius: 4px; display: flex; justify-content: center; align-items: center; background: #f4f5f7;}
.voten_tan_fb_gdd .voten_tan_fb_gdd_red{background-color: rgba(255, 97, 97, .102); color: #ff5151; padding: 0 6px;}
.voten_tan_fb_gdd .voten_tan_fb_gdd_blue{background-color: rgba(85, 156, 253, .102); color: #559cfd; padding: 0 6px;}
.voten_tan_fb_input2{border: none; font-size: 14px; color: #222; height: 32px; outline: none; padding: 0 0 0 10px; flex: 1;}
.voten_tan_fb_input3{width: 200px; padding: 0 10px; font-size: 14px; color: #222; height: 40px;  border-radius: 4px; background: #fff; border: 1px solid #eee; outline: none; box-sizing: border-box;}
.voten_tan_fb_input4{width: 200px; padding:0 24px 0 10px; font-size: 14px; color: #222; height: 40px;  border-radius: 4px; border: 1px solid #eee; outline: none; background: url("../images/down_jiantou.png") no-repeat scroll 180px center transparent; background-size: 10px auto; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-color: #fff;}
.voten_tan_fb_textarea{width: 480px; padding: 5px 10px; font-size: 14px; color: #222; height: 65px; line-height: 1.5;  border-radius: 4px; background: #fff; border: 1px solid #eee; outline: none;}

.voten_tan_fb_del{position: absolute; right: -30px; background: url("../images/close.png") no-repeat ; width: 16px; height: 16px; background-size: 16px; cursor: pointer;}
.voten_tan_fb_del:hover{background: url(../images/close_hover.png) no-repeat; background-size: 16px;}

.voten_tan_fb_jia{width: auto; display: flex;     align-items: center; margin: 10px 0;}
.voten_tan_fb_jia a{font-size: 14px; color: #333; display: flex; align-items: center;}
.voten_tan_fb_jia i{background: url("../images/jia.png") no-repeat ; background-size: 16px; width: 16px; height: 16px; margin: 0 5px 0 0;}

.voten_tan_fbcg{width: 100%; text-align: center; padding: 10px 0 0 0;}
.voten_tan_fbcg i{display: block; width: 80px; margin: 0 auto}
.voten_tan_fbcg i img{width: 100%;}
.voten_tan_fbcg span{display: block; font-size: 22px; color: #333; font-weight: bold; padding: 15px 0 0 0;}
.voten_tan_zd{width: 100%; padding: 0 85px; box-sizing: border-box;}
.voten_tan_zdfen{width: 100%; padding: 12px 20px; background: #F4F6F8; box-sizing: border-box; margin: 30px 0 30px 0; border-radius: 4px;}
.voten_tan_zdfen i{display: inline-block; width: 13px; padding: 0 3px 0 0;}
.voten_tan_zdfen i img{width: 100%;}
.voten_tan_zdfen span{font-size: 15px; color: #333; font-weight: bold;}
.voten_tan_zdfen span em{font-size: 16px; color: #fb5652;}
.voten_tan_zdnr{width: 100%; display: flex;  flex-wrap: wrap; box-sizing: border-box; align-items: center;}
.voten_tan_zdnr span{font-size: 15px; color: #222; width: auto; padding: 0 10px 0 0; flex-shrink: 0; font-weight: bold;}
.voten_tan_zdtip{width: 100%; font-size: 13px; color: #999; line-height: 1.6; padding: 10px 0 20px 0;}

.liaotian_vote{width: 100%; padding: 5px 10px 5px 10px; box-sizing: border-box;}
.liaotian_vote em{font-size: 12px; color: #fff; font-weight: bold; padding: 0 2px; border-radius: 2px; width: 28px; height: 16px; line-height: 16px; display: inline-block; text-align: center;}
.liaotian_vote_txt{font-size: 14px; color: #222; line-height: 1.6;}
.liaotian_vote_txt:hover{font-size: 14px; color: #333; line-height: 1.6;}
.liaotian_vote .voten_b2{background: linear-gradient(90deg, #4daaff .25%, #2f9cff 100%, #559dfd 0); font-style: italic;}
.liaotian_vote .voten_b1{background: linear-gradient(90deg, #ff6c79 .25%, #ff8e96 100%, #ff7767 0); width: 22px; font-style: italic;}
.liaotian_vote_btn{ width: 100%; margin-top: 10px;}
.liaotian_vote_btn a{display: block; width: 100%; border-top: #e8eaf1 1px solid; font-size: 14px; color: #41b57a; text-align: center; padding: 8px 0 0 0;}
.liaotian_vote_btn a:hover{color:#ff7700;}

.voten_pk_liaotian{width: 100%; margin-top: 10px;}
.voten_pk_left_liaotian{height: 40px;     border-radius: 4px 0 0 4px; margin-right: 20px;}
.voten_pk_right_liaotian{height: 40px;     border-radius: 0 4px 4px 0;}
.pktxt_zi_liaotian{font-size: 14px;}
.voten_pk_biao_liaotian{width: 25px; height: auto;     margin: 0 20px 0 0;}
.voten_pk_biao_liaotian img{width: 100%;}

.loading{width: 100%; height:6px; margin: 20px auto; display: flex; justify-content:center;}
.loading span{display: inline-block; width: 6px; height: 100%; margin-right: 4px;border-radius: 50%; background: #999; -webkit-animation: load 1.04s ease infinite;}
.loading span:last-child{margin-right: 0px;}
@-webkit-keyframes load{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
.loading span:nth-child(1){
	-webkit-animation-delay:0.13s;
}
.loading span:nth-child(2){
	-webkit-animation-delay:0.26s;
}
.loading span:nth-child(3){
	-webkit-animation-delay:0.39s;
}
.loading span:nth-child(4){
	-webkit-animation-delay:0.52s;
}
.loading span:nth-child(5){
	-webkit-animation-delay:0.65s;
}

.loadEffectbg{position: fixed; z-index: 999999; width: 100%; height: 100%; top: 0; left: 0;  background: rgba(215, 215, 215, 0.2); display: none;}
.loadEffectbox{width: 110px; position: absolute; top: 50%;  left: 50%; box-sizing: border-box; padding: 30px; margin: -60px 0 0 -60px; border-radius: 12px;}
.loadEffect{width: 50px; height: 50px; position: relative;}
.loadEffect span{display: inline-block;
		width: 8px; height: 8px; border-radius: 50%; background: #666; position: absolute; -webkit-animation: load 1.04s ease infinite;}
@-webkit-keyframes load{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0.2;
	}
}
.loadEffect span:nth-child(1){
	left: 0;
	top: 50%;
	margin-top:-4px;
	-webkit-animation-delay:0.13s;
}
.loadEffect span:nth-child(2){
	left: 7px;
	top: 7px;
	-webkit-animation-delay:0.26s;
}
.loadEffect span:nth-child(3){
	left: 50%;
	top: 0;
	margin-left: -4px;
	-webkit-animation-delay:0.39s;
}
.loadEffect span:nth-child(4){
	top: 7px;
	right:7px;
	-webkit-animation-delay:0.52s;
}
.loadEffect span:nth-child(5){
	right: 0;
	top: 50%;
	margin-top:-4px;
	-webkit-animation-delay:0.65s;
}
.loadEffect span:nth-child(6){
	right: 7px;
	bottom:7px;
	-webkit-animation-delay:0.78s;
}
.loadEffect span:nth-child(7){
	bottom: 0;
	left: 50%;
	margin-left: -4px;
	-webkit-animation-delay:0.91s;
}
.loadEffect span:nth-child(8){
	bottom: 7px;
	left: 7px;
	-webkit-animation-delay:1.04s;
}

.share_content{background-color: #ffffff;  height: 240px; width: 240px; box-sizing: border-box; margin: 15% auto; padding: 20px;}
.shary_tips_area{margin-top: -10%;}
.shary_tips{text-align: center; width: 100%; font-size: 20px; color: #ffffff; line-height: 32px;}