﻿
/* 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:2; behavior: url(https://id.viewfruit.com/PUBLIC/Home/css/ie-css3.htc);}
.yuanjiao2{-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; position:relative; z-index:2; behavior: url(https://id.viewfruit.com/PUBLIC/Home/css/ie-css3.htc);}
.yuanjiao3{-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px; position:relative; z-index:2; behavior: url(https://id.viewfruit.com/PUBLIC/Home/css/ie-css3.htc);}
.yuanjiao4{-moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius: 8px; position:relative; z-index:2; behavior: url(https://id.viewfruit.com/PUBLIC/Home/css/ie-css3.htc);}
.yuanjiao5{-moz-border-radius:4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; position:relative; z-index:2; behavior: url(https://id.viewfruit.com/PUBLIC/Home/css/ie-css3.htc);}
.yuanjiao6{-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; position:relative; z-index:2; behavior: url(https://id.viewfruit.com/PUBLIC/Home/css/ie-css3.htc);}
.yuanjiao8{-moz-border-radius:20px;-webkit-border-radius:20px; border-radius:20px; position:relative; z-index:2; behavior: url(https://id.viewfruit.com/PUBLIC/Home/css/ie-css3.htc);}
.yuanjiao11{-moz-border-radius:25px;-webkit-border-radius:25px; border-radius:25px; position:relative; z-index:2; behavior: url(https://id.viewfruit.com/PUBLIC/Home/css/ie-css3.htc);}


.yuanjiao01{-moz-border-radius:25px;-webkit-border-radius:25px; border-radius:25px; position:relative; z-index:2; behavior: url(https://id.viewfruit.com/PUBLIC/Home/css/ie-css3.htc);}
.yuanjiao02{-moz-border-radius:32px;-webkit-border-radius:32px; border-radius:32px; position:relative; z-index:2; behavior: url(https://id.viewfruit.com/PUBLIC/Home/css/ie-css3.htc);}

/* 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;}
.bluee{font-size:14px; color:#1e81cd; text-decoration:underline;}
.bluee:hover{font-size:14px; color:#1e81cd; text-decoration:none;}

/* top */
.top_box{width:1200px; margin:0 auto; height:80px;}
.logo{width:200px; float:left; padding:22px 130px 0 0;}
.seach_box{width:420px; float:left; padding:20px 0 0 0;}
.seach_box input{width:350px; height:40px; border:#90caf9 1px solid; background:url(../image/seach.jpg) no-repeat 15px 10px; padding-left:50px; font-size:14px; color:#a0d3fc;}
.top_nav{width:870px; float:left;}
.top_nav ul{padding:30px 0 0 0;}
.top_nav li{float:right; padding:0 10px;}
.top_nav li a{color:#085913; padding:2px 0 0 0;}
.top_nav li a:hover{color:#f07323;}
.top_zhanghu{background:url(../image/zhanghu.jpg) no-repeat;  display:block; height:21px; text-indent:26px;}
.top_help{background:url(../image/help.jpg) no-repeat;  display:block; height:21px; text-indent:26px;}
.top_zjdyt{background:url(../image/tjhy_f.png) no-repeat;  display:block; height:21px; text-indent:36px;}
.top_contact{background:url(../image/call.jpg) no-repeat;  display:block; height:21px; text-indent:26px;}
.top_yuyan{background:url(../image/yuyan.jpg) no-repeat;  display:block; height:21px; text-indent:26px;}


.top_right_callback{float: right; height: 50px; line-height: 50px;}
.top_right_callback a{font-size: 14px;	color: #333; text-decoration: underline;}

/* nav */
.nav_box{width:100%; background:#3ea84c; height:45px; line-height:45px;}
.nav{width:1200px; margin:0 auto;}
.nav ul{}
.nav li{float:left; padding:0 60px 0 0;}
.nav li a{font-size:14px; color:#fff;  padding:0 30px; float:left;}
.nav_qie,.nav li a:hover{background:#f07323; display:block; padding:0 30px;}
/* denglu */
.index_denglu_box{width:100%; height:100px; background:#f6f6f6;}
.index_denglu_nr{width:1200px; margin:0 auto;}
.index_denglu_nr h1{float:left; line-height:120px;}
.index_denglu_nr h1 small{font-size:14px; color:#999;}
.index_denglu_nr h1 span{font-size:28px; color:#333; padding:0 5px;}
.top_login_aa{float:left; height:32px; line-height:32px;  font-size:14px; color:#fff; background:#f07323; margin:35px 0 0 10px; display:block; width:110px; text-align:center;}
.top_login_aa:hover{background:#e27129; color:#fff;}
.denglu_kuang{float:right; width:1200px;}
.denglu_kuang h2{float: left;}
.iput1{width:260px; float:left; height:30px; border:#ccc 1px solid; line-height:30px; color:#999; padding:0 0 0 10px; margin:35px 10px 0 0;}
.top_denglu_aa{float:left; height:32px; line-height:32px;  font-size:14px; color:#fff; background:#45b853; margin:35px 0 0 0; display:block; width:110px; text-align:center;}
.top_denglu_aa:hover{float:left; height:32px; line-height:32px;  font-size:14px; color:#fff; background:#3ea84c; margin:35px 0 0 0; display:block; width:110px; text-align:center;}
.denglu_kuang h3{float:left; padding:45px 0 0 20px;}
.denglu_kuang h3 a{float:left; color:#999; text-decoration:underline;}
.denglu_kuang h3 a:hover{color:#f07323;}
.zddl_box{float:left; color:#999; padding-right:35px;}
.shejiao_box{float:left; padding-left:130px;}
.shejiao_box small{font-size:12px; float:left; color:#999;}
.shejiao_box i{ padding:0 5px; float:left;}

.denglu_kuang_yzm{float:right; width:1200px;}
.denglu_kuang_yzm h2{float: left;}
.denglu_kuang_yzm h2 small{float: left; padding: 15px 10px 0 0;}
.iput1_yzm{width:180px; float:left; height:30px; border:#ccc 1px solid; line-height:30px; color:#999; padding:0 0 0 10px; margin:15px 10px 0 0;}
.iput1_index{width:240px; float:left; height:30px; border:#ccc 1px solid; line-height:30px; color:#999; padding:0 0 0 10px; margin:15px 10px 0 0;}
.denglu_kuang_yzm h3{float:left; padding:10px 0 0 0;}
.denglu_kuang_yzm h3 a{float:left; color:#999; text-decoration:underline; margin: 10px 0 0 0;}
.denglu_kuang_yzm h3 a:hover{color:#0364b4;}
.zddl_box_yzm{float:left; color:#999; padding:10px 35px 0 20px;}
.denglu_kuang_yzm .top_denglu_aa_yzm{float:left; height:32px; line-height:32px;  font-size:14px; color:#fff; background:#45b853; display:block; width:110px; text-align:center; text-decoration: none; margin: 0;}
.denglu_kuang_yzm .top_denglu_aa_yzm:hover{background:#3ea84c; color: #fff;}
.denglu_kuang_yzm .top_login_aa_yzm{float:left; height:32px; line-height:32px;  font-size:14px; color:#fff; background:#f07323; margin:0 0 0 10px; display:block; width:110px; text-align:center; text-decoration: none;}
.denglu_kuang_yzm .top_login_aa_yzm:hover{background:#e27129; color:#fff;}


/* gundong */
.gundong_gg{width:1200px; margin:5px auto; height:35px; line-height:35px; background:#fff7d9;}
.dhjl_title{width:155px; float:left; font-size:14px; color:#777; padding-left:10px;}
.swiper_wrap{position:relative; width:1035px; height:33px; overflow:hidden; float:left; left:0;}
.font_inner{position: relative; top: 0; left: 0; width: 1035px; float: right;  font-size: 14px;}
.font_inner li{line-height: 33px; color: #666;}
.lt{position: absolute; right: 15px; top:8px; font-weight: bold; color: #AAAAAA;}
.gt{position: absolute; right: 15px; top:20px; font-weight: bold; color: #AAAAAA;}
.swiper_wrap .font_inner a{color: #f56e5c; font-weight:bold; padding-right:5px;}
.swiper_wrap a:hover{color: #ed4731; text-decoration:underline;}
/* index_mian */
.index_main{width:1200px; margin:0 auto;}
.index_left{width:840px; float:left; padding:10px 20px 0 0;}
.index_right{width:340px; float:left; padding:10px 0 0 0;}

/* index_diaocha */
.diaocha_box{width:840px;}
.diaocha_title{border-bottom:#eeeeee 2px solid; height:35px; line-height:35px;}
.diaocha_title h1{float:left; font-size:16px; color:#444; font-weight:bold; padding-left:10px; width:140px;}

.t_news{height:19px; overflow:hidden; position:relative;  top:9px; text-align:right; width:690px; }
.news_li,.swap{line-height:19px; position:absolute; top:0; width:675px; padding-right:15px;}
.news_li li{color:#666;}
.swap li{color:#666;}
.news_li a,.swap a{color:#f56e5c; padding-right:5px;}
.news_li a:hover,.swap a:hover{color:#ed4731;  text-decoration:underline;} 
.swap{top:19px;}

.diaocha_nr1{width:840px; float:left;}
.diaocha_nr1 dl{padding:20px 0 0 0;}
.diaocha_nr1 dt{width:260px; float:left; position:relative;}
.diaocha_nr1 dt b{position:absolute; top:10px; left:10px; background:rgba(102,173,226,0.5); color:#fff; padding:2px 5px;}
.diaocha_nr1 dd{width:560px; float:left; padding-left:20px;}
.diaocha_nr1 dd h1{font-size:18px; color:#444; font-weight:bold; padding:10px 0 0 0;}
.diaocha_nr1 dd h1 small{background:#288fda; color:#fff; font-size:12px; padding:2px 5px; margin-right:5px;}
.diaocha_nr1 dd h2{font-size:12px; color:#666; padding:10px 0 0 0; line-height:21px;}
.diaocha_nr1 dd p{padding:15px 0 0 0;}
.diaocha_nr1 dd p span{float:left; font-size:14px; color:#555;}
.diaocha_nr1 dd p span b{font-size:18px; font-weight:bold; color:#ff472e;}
.diaocha_nr1 dd p a{background:#f4f4f4; border:#e9e9e9 1px solid; font-size:14px; color:#999; float:right; height:28px; line-height:28px; padding:0 20px;}
.diaocha_nr1 dd p a:hover{background:#f56e5c; color:#fff; border:#f56e5c 1px solid;}

.diaocha_list{width:840px;  float:left; padding-bottom:10px;}
.diaocha_list dl{width:260px; float:left;  margin:15px 20px 15px 0; box-shadow: 0 3px 10px #e8e8e8;}
.diaocha_list dl:hover{box-shadow: 0 3px 10px #c2c7d0; background:#FFF;}
.diaocha_list dt{width:100%; position:relative;}
.diaocha_list dt b{position:absolute; top:10px; left:10px; background:rgba(102,173,226,0.5); color:#fff; padding:2px 5px;}
.diaocha_list dd{width:240px; padding:10px;}
.diaocha_list dd a{display:block; width:240px; font-size:16px; color:#333;  white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.diaocha_list dd a:hover{color:#ed4731;}
.diaocha_list dd div{width:240px; padding-top:5px;}
.diaocha_list dd div span{background:url(../image/jf_f.png) no-repeat 0 2px; font-size:16px; color:#ff472e; padding-left:23px; margin-right:15px;}
.diaocha_list dd div small{background:url(../image/sj_f.png) no-repeat 0 0; font-size:14px; color:#9aabb8; padding-left:23px;}

.more_a{border:#eeeeee 1px solid; display:block; float:left; width:840px; height:35px; line-height:35px; text-align:center; color:#666; font-size:14px;}
.more_a:hover{color:#f07323;}

/* index_ toukebang */
.index_tkb_box{width:840px; float:left; padding:20px 0 0 0;}
.tkb_title{border-bottom:#eeeeee 2px solid; height:35px; line-height:35px;}
.tkb_title h1{float:left; font-size:16px; color:#444; font-weight:bold; padding-left:10px; width:90px;}
.tkb_title a{float:right; color:#666;}
.tkb_title a:hover{color:#ed4731;  text-decoration:underline;}
.tkb_list{width:840px; float:left; padding-bottom:20px;}
.tkb_list dl{width:840px; border-bottom:#eee 1px  dashed; float:left; padding:20px 0 15px 0;}
.tkb_list dt{width:64px; float:left;}
.tkb_list dd{width:761px; float:left; padding-left:15px;}
.tkb_list dd h1{color:#999;}
.tkb_list dd h2{padding:4px 0;}
.tkb_list dd h2 a{font-size:15px; color:#199a2a;}
.tkb_list dd h2 a:hover{color:#ed4731;  text-decoration:underline;}
.tkb_list dd div{width:761px;}
.tkb_list dd div h3{float:left;}
.tkb_list dd div h3 span{float:left; color:#999; padding:0 20px 0 7px; background:url(../image/dian.jpg) no-repeat 0 7px;}
.tkb_list dd div ul{float:right;}
.tkb_list dd div li{float:left; padding:0 5px;}
.tkb_sc{color:#2e6499; background:url(../image/tkb_sc.jpg) no-repeat; padding:0 0 0 20px;}
.tkb_sc:hover{color:#ed4731;}
.tkb_fx{color:#444; background:url(../image/tkb_fx.jpg) no-repeat; padding:0 0 0 20px;}
.tkb_fx:hover{color:#ed4731;}
.tkb_ck{background:#f8ebc9; border:#ecbd50 1px solid; color:#555; padding:0 6px;}
.tkb_ck:hover{color:#ed4731;}
.tkb_cy{background:#def0bc; border:#bbdd76 1px solid; color:#2e6499; padding:0 6px;}
.tkb_cy:hover{color:#ed4731;}

/* index_ gonggao */
.gonggao_box{width:340px;}
.gonggao_banner{width:340px;}
.gonggao_nr{width:340px; padding:10px 0; border:#eee 1px solid; border-top:none; float:left;}
.gonggao_title{width:320px; background:url(../image/gonggao_f2.jpg) repeat-x; height:22px; margin:0 auto;}
.gonggao_title span{font-size:16px; color:#333; float:left; background:#FFF}
.gonggao_title i{float:left; padding:0 0 0 3px; background:#FFF}
.gonggao_title a{font-size:14px; color:#666; float:left; padding:5px 5px 0 2px; background:#FFF}
.gonggao_title a:hover{color:#f07323; text-decoration:underline;}
.gonggao_ul{float:left; padding:6px 10px 0 10px;  }
.gonggao_ul li{background:url(../image/dian.jpg) no-repeat 0 14px; padding:0 0 0 10px; height:30px; line-height:30px; width:320px; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.gonggao_ul li a{font-size:12px; color:#555;}
.gonggao_ul li a:hover{color:#ed4731; text-decoration:underline;}

/* index_ phb */
.phb_box{width:340px; padding:20px 0 0 0; float:left;}
.phb_nr{width:340px; border:#eee 1px solid; border-top:none; float:left;}

#switch55{width:340px;}
#switch55 dt{width:330px; border-bottom:#eee 1px solid; height:29px; padding:27px 0 0 10px;}
#switch55 dt p{line-height:28px; height: 28px; font-size: 12px; float: left; color: #666; cursor: pointer; padding:0 10px; background:#e9e9e9; border:#eee 1px solid;	margin:0 5px;}
#switch55 dd{ width:340px; float:left;}
#switch55 dt .curr {color: #3ea84c;	font-weight:bold;	padding:0 10px;	background:#fff; border:#eee 1px solid;}
.phb_list{}
.phb_list li{float:left; border-bottom:#eee 1px solid; width:310px; padding:16px 15px;}
.phb_list li i{float:left; width:65px;  position:relative;}
.tx_xb3{position:absolute; top:32px; left:32px; z-index:5;}
.phb_list_xx{float:left; width:245px;}
.phb_list_xx h1{font-size:14px; color:#333; display:block; width:245px; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.phb_list_xx span{font-size:14px; color:#f07323; padding:5px 0 0 0; float:left;}
.phb_list_xx h2{float:left; padding:8px 0 0 0;}
.phb_list_xx h2 small{float:left; color:#999; padding:0 10px 0 7px; background:url(../image/dian.jpg) no-repeat 0 7px; font-size:12px;}
.gz_btn{float:right; padding:16px 0 0 0;}
.gz_btn a{background:#f4f4f4; border:#eee 1px solid;  color:#666; padding:2px 8px;}
.gz_btn a:hover{background:#f56e5c; color:#fff; border:#f56e5c 1px solid;}

/* foot_nav */
.foot_nav_box{width:1200px; margin:0 auto; padding:40px 0 0 0;}
.foot_nav{width:1200px; float:left; }
.foot_nav dl{float:left; display:block; width:300px;}
.foot_nav dt{font-size:16px; color:#666; padding:0 0 10px 0;}
.foot_nav dd{line-height:24px;}
.foot_nav dd a{font-size:12px; color:#999;}
.foot_nav dd a:hover{color:#f07323; text-decoration:underline;}

.foot_call{float:left; width:250px; padding:25px 0 0 0;}
.foot_call i{float:left; width:46px; padding:5px 10px 0 0;}
.foot_call p{float:left; width:194px;}
.foot_call p small{float:left; font-size:14px; color:#999;}
.foot_call p span{float:left; font-size:24px; color:#ed4731;}

.gongju_box{width:1200px; margin:0 auto; padding:20px 0 0 0;}
.gongju_box dl{float:left; width:353px; border:#eee 1px solid; padding:20px 25px 10px 20px; text-align:center;}
.gongju_box dt{width:77px; float:left; padding-left:25px;}
.gongju_box dd{float:left;}
.gongju_box dd h1{display:block; width:168px; padding-top:10px;}
.gongju_box dd h1 small{float:right; color:#666; font-size:12px; display:block; width:168px; text-align:right; padding-bottom:10px;}
.gongju_box dd h1 a{float:right; background:#3ea84c; font-size:14px; color:#fff; padding:5px 30px;}
.gongju_box dd h1 a:hover{background:#45b853; color:#fff;}
.gongju_box dd h2{display:block; width:200px; padding:5px 0 0 23px; text-align: left;}
.gongju_box dd h2 small{display:block; width:200px; color:#666; font-size:12px;}
.gongju_box dd h2 small i{float:left; padding:0 5px 0 0;}
.gongju_box dd h2 span{display:block; width:200px; color:#999; font-size:12px; padding:8px 0 0 0; line-height:21px;}
.gongju_box dd h3{display:block; width:148px; padding:20px 0 0 30px;}
.gongju_box dd h3 small{display:block; width:148px; color:#999; font-size:14px;}
.gongju_box dd h3 a{color:#f07323;}
.gongju_box dd h3 a:hover{color:#f07323; text-decoration:underline;}

/*youshi*/
.ys_box{width:1200px; margin:0 auto; padding:30px 0 0 0;}
.ys_box dl{width:300px; float:left;}
.ys_box dt{width:70px; float:left;}
.ys_box dd{float:left; padding:5px 0 0 0; line-height:25px; width:230px;}
.ys_box dd span{font-size:16px; color:#555; display:block;}
.ys_box dd small{font-size:12px; color:#999; line-height:18px; display:block; padding:5px 0 0 0;}

.foot{width:100%; background:#fafafa; border-top:#eee 1px solid; text-align:center; color:#999; height:55px; line-height:55px; margin-top:20px;}

.main_box{background:#fafafa; width:100%; height:auto; float:left; padding:0 0 10px 0;}
/*survey_main*/
.survey_main_box{background:#fafafa; width:100%; height:auto; float:left; padding:0 0 10px 0;}
.survey_main{width:1200px; margin:0 auto;}
.survey_banner_box{width:550px; float:left; background:#CCC; height:218px; margin:15px 20px 0 10px;}

.survey_banner{/*  修改输出屏大小  */ width: 550px; height: 218px; overflow: hidden; position: relative; margin-left: auto; margin-right: auto; }
.survey_banner .survey_banner_img{width: 99999px; position:absolute; left:0px; top:0;}
.survey_banner .survey_banner_img li{ float:left;}
/*/ 修改图片大小 /*/
.survey_banner .survey_banner_img img{ width: 550px;}
/*/ 小圆圈 /*/
.survey_banner .survey_banner_num{ position:absolute; width:100%; bottom:10px; left:0; text-align:center; font-size:0px;}
.survey_banner .survey_banner_num li{ width:10px;height:10px; background:#888; border-radius:50%; display:inline-block; margin:0 3px; cursor:pointer;}
.survey_banner .survey_banner_num li.on{ background:#F60;}
/*/ 按钮 /*/
.survey_banner .survey_banner_btn{ width:30px; height:50px; background:rgba(0,0,0,0.5); position:absolute; top:50%; margin-top:-25px; cursor:pointer; text-align:center; line-height:50px; color:#fff; font-size:40px; font-family:Arial, Helvetica, sans-serif; display:none;}
.survey_banner:hover .survey_banner_btn{ display:block;}
.survey_banner .btn_l{ left:0;}
.survey_banner .btn_r{ right:0;}

/*/ 第一个轮播 /*/
#ban1 .banner{width: 1000px;height:500px;margin:100px auto; border:5px solid #000; }
#ban1 .banner .img img{width: 1000px;height:500px;}

.survey_main dl{width:250px; float:left;  margin:15px 20px 15px 10px; box-shadow: 0 3px 10px #e8e8e8; background:#fff;}
.survey_main dl:hover{box-shadow: 0 3px 10px #c2c7d0; background:#FFF; cursor: pointer;}
.survey_main dt{width:100%; position:relative;}
.survey_main dt b{position:absolute; top:10px; left:10px; background:rgba(102,173,226,0.5); color:#fff; padding:2px 5px;}
.survey_main dt span{ top:0; left:0; background-color:rgba(0,0,0,0.6); color:#FFF; z-index:99; font-size:12px; position: absolute; color: #fff; padding:4px 10px; border-radius:0 0 5px 0;}
.survey_main dt span i{float:left; width:16px; height:16px; padding:0 4px 0 0;}
.survey_main dt span i img{width: 100%;}
.survey_main dt small{top:10px; left:10px; background-color:rgba(255,29,25,0.8); color:#FFF; z-index:99; font-size:14px; position: absolute; color: #fff; padding:2px 7px; border-radius:5px;}
.survey_main dd{width:230px; padding:10px;}
.survey_main dd a{display:block; width:240px; font-size:16px; color:#333;  white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.survey_main dd a:hover{color:#ed4731;}
.survey_main dd div{width:240px; padding-top:5px;}
.survey_main dd div span{background:url(../image/jf_f.png) no-repeat 0 2px; font-size:16px; color:#ff472e; padding-left:23px; margin-right:15px;}
.survey_main dd div small{background:url(../image/sj_shichang.png) no-repeat 0 1px; font-size:14px; color:#9aabb8; padding-left:20px;}

/*page*/
.page_box{width:1200px; text-align:center; float:left; padding:35px 0 40px 0;}
.page_box a{background:#fff; border:#eee 1px solid; font-size:14px; color:#666; padding:8px 20px; margin:0 5px;}
.page_box a:hover{background:#f56e5c; color:#fff; border:#f56e5c 1px solid;}
.page_box .page_qie123{background:#f56e5c; color:#fff; border:#f56e5c 1px solid;}

/*toukebang*/
.tkb_banner{width:840px;}

.tkb_top{width:840px; background:#f8f9fe; border-top:#e1e3e7 2px solid; height:60px;}
.tkb_top ul{float:left; padding:18px 0 0 0;}
.tkb_top li{float:left; padding:0 0 0 10px;}
.tkb_top li a{font-size:14px; color:#999; border:#e1e3e7 1px solid; background:#FFF; padding:3px 8px;}
.tkb_top .tkb_fl_qie,.tkb_top li a:hover{background:#45b853; color:#fff; }
.tkb_top span{float:left; padding:14px 0 0 10px;}
.tkb_top span input{border:#e1e3e7 1px solid; background:#FFF; width:160px; padding:0 5px; font-size:14px; color:#666; float:left; border-right:none; height:27px; line-height:27px;}
.tkb_top span a{float:left; background:#FFF; border:#e1e3e7 1px solid; padding:4px 5px 4px 0; border-left:none;}
.tkb_top small{float:right; padding:20px 20px 0 0;}
.tkb_top small a{background:#f6953e; font-size:14px; color:#fff; padding:6px 14px;}

/*huiyuanhuoyue*/
.hyhy_box{width:340px; background:#fff; border:#eee 1px solid; float:left;}
.hy_title{font-size:14px; color:#555; border-bottom:#eee 1px solid; height:45px; line-height:45px; width:310px; margin:0 auto; padding:0 0 0 10px;}

.toupiao_ul{float:left; padding:16px 10px 10px 20px;}
.toupiao_ul li{border-bottom:#eee 1px dashed; width:295px; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.toupiao_ul li a{font-size:12px; color:#555; padding:0 0 0 10px; height:40px; line-height:40px; }
.toupiao_ul li a:hover{color:#ed4731; text-decoration:underline;}
.toupiao_ul li i{float:left; font-size:16px; color:#ed4731; width:22px; text-align:center; margin:8px 0 0 0;}
.toupiao_ul .tp_lia{background:#ff6633; color:#fff; font-size:16px; float:left; text-align:center; margin:8px 0 0 0;}

/*wzlm*/
.wzlm_banner{width:100%; margin-left:-50%;  left:50%; position:relative; background:url(../image/wzlm_banner.jpg) no-repeat center; height:320px;}
.wzlm_banner_zi{position:absolute; top:60px; width:100%;}
.wzlm_banner_zi h1{text-align:center; font-size:24px; color:#349741; line-height:52px; display:block; width:800px; margin:0 auto;}
.wzlm_banner_zi h2{text-align:center; padding-top:30px;}
.wzlm_banner_zi h2 a{background:#f07323; padding:9px 40px; font-size:16px; color:#fff;}
.wzlm_banner_zi h2 a:hover{background:#e46e23;}

.wzlm_mian{width:100%; background:#fafafa; padding:0 0 30px 0; float:left;}
.wzlm_zi{width:1200px; margin:0 auto; padding:50px 0 0 0;}
.wzlm_zi h1{font-size:30px; color:#333;  text-align:center; width:1200px;}
.wzlm_zi span{font-size:14px; color:#999; line-height:28px;  text-align:center; width:1200px; display:block; padding:10px 0 40px 0; margin:0 auto;}

.hzdx_box{width:1200px; margin:0 auto;}
.hzdx_box dl{width:280px; float:left; margin:0 10px;}
.hzdx_box dl dt{height:70px; line-height:70px; font-size:24px; text-align:center; color:#fff;}
.hzdx_box dl dd{padding:12px 8px; height:245px; background:#fff;}

.hzdx_ul{padding-left:15px;}
.hzdx_ul li {color:#666; font-size:12px;	list-style-image: url(../image/wzlm_ff.png); line-height:20px; padding-top:10px;}


.dts1{background:#3fbff0;}
.dts2{background:#ff7f00;}
.dts3{background:#fa4f4f;}
.dts4{background:#1ec81a;}

.ddbg1{background:url(../image/wzlm_p1.jpg) no-repeat #fff;}
.ddbg2{background:url(../image/wzlm_p2.jpg) no-repeat #fff;}
.ddbg3{background:url(../image/wzlm_p3.jpg) no-repeat #fff;}
.ddbg4{background:url(../image/wzlm_p4.jpg) no-repeat #fff;}

.jiam_main{width:1180px; margin:0 auto;}
.jm_box{width:1160px; background:#fff; float:left; margin:20px 0 0 0; padding:10px;}
.wzlm_zi333{font-size:14px; color:#333; padding:10px 0 10px 30px;  width:580px; float:left; padding-right:120px;}
.ziii_span{font-size:16px; color:#333; font-weight:bold;}
.wzlm_zi444{font-size:14px; color:#333;  padding:10px 0;  width:380px; float:left;}

.sqbg_box{width:1180px; margin:0 auto;}
.sqbg_nr_kuang{width:1100px;  margin:20px 0 0 0; float:left; padding:30px 40px; background:url(../image/wzlm_p5.jpg) no-repeat #fff right bottom;}
.sqbg_nr_kuang h1{font-size:24px; color:#333; text-align:center; display:block; width:1150px; padding-bottom:20px;  border-bottom:#eee 1px solid;}
.sqbg_nr{width:780px; margin:0 auto; padding-top:35px;}
.sqbg_nr dl{width:780px; float:left; padding:10px 0;}
.sqbg_nr dt{width:245px; float:left; text-align:right; padding-right:5px; font-size:14px; color:#666666; line-height:30px;}
.sqbg_nr dd{width:400px; float:left;}
.sqbg_nr dd span{font-size:18px; color:#F00; display:block; float:left; padding-left:10px; font-weight:bold;}
.input44{width:350px; height:30px; line-height:30px; border:#dad9d9 1px solid; background:#FFF; border-radius:2px; padding-left:6px; color:#666; float:left; padding-right:5px;}
.input55{width:362px; height:30px; line-height:30px; border:#dad9d9 1px solid; float:left; font-size:14px; color:#666; border-radius:2px;}
.input66{width:350px; height:90px; line-height:20px; border:#dad9d9 1px solid; background:#FFF; border-radius:2px; padding-left:6px; color:#666; float:left; padding-right:5px;}
.input77{width:500px; height:90px; line-height:20px; border:#dad9d9 1px solid; background:#FFF; border-radius:2px; padding-left:6px; color:#666; float:left; padding-right:5px;}
.input88{width:362px; height:35px; line-height:35px; border:#dad9d9 1px solid; float:left; font-size:14px; color:#666; border-radius:2px;}
.input99{width:350px; height:35px; line-height:35px; border:#dad9d9 1px solid; background:#FFF; border-radius:2px; padding-left:6px; color:#666; float:left; padding-right:5px;}
.input100{width:200px; height:35px; line-height:35px; border:#dad9d9 1px solid; background:#FFF; border-radius:2px; padding-left:6px; color:#666; float:left; padding-right:5px;}


.wzlm_btn{width:1100px; float:left; text-align:center; padding:25px 0;}
.wzlm_btn a{padding:10px 40px; background:#3ea84c; color:#FFF; font-size:16px; line-height:40px; text-align:center; border-radius:4px; cursor:pointer; text-decoration:none;}
.wzlm_btn a:hover{background:#45b853;}

/*mthz*/
.mthz_banner{width:100%; margin-left:-50%;  left:50%; position:relative; background:url(../image/mthz_banner.jpg) no-repeat center; height:320px;}
.mthz_banner_zi{width:1200px; margin:0 auto;}
.mthz_banner_zi h1{font-size:36px; color:#349741; padding:100px 0 0 20px;}
.mthz_banner_zi h2{font-size:16px; color:#559d5e; line-height:26px; padding:0 0 0 20px; display:block; width:480px;}

.hzfs_box{width:1200px; margin:0 auto;  height:auto;}
.hzfs{width:1200px; border-bottom:#f3f3f3 1px solid; float:left;}
.hzfs_zi_box{width:680px; float:left; padding:65px 20px 0 0;}
.hzfs_img{width:450px; float:left; padding:80px 0 60px 50px; text-align:center}
.hzfs_zi_title{font-size:24px; color:#333; font-weight:bold; padding:5px 8px;}
.hzfs_zi{font-size:14px; color:#555; padding-bottom:40px;}
.hzfs_zi span{font-size:14px; color:#333333; display:block; padding:10px 0 0 0;}

.hzlc{width:1200px; border-bottom:#f3f3f3 1px solid; float:left; padding:25px 0 30px 0;}
.hzlc h1{font-size:24px; color:#333; font-weight:bold; padding-bottom:20px;}
.hzlc dl{width:300px; float:left; background:url(../image/mthz_f4.jpg) repeat-x #fcfcfc; height:310px; border:#f5f5f5 1px solid; margin-right:90px; border-radius:8px;}
.hzlc dt{width:300px; height:153px; padding:30px 0 0 0; float:left; text-align:center;}
.hzlc dd{font-size:20px; color:#585c60; text-align:center;}
.hzlc dd span{display:block;  color:#999; font-size:14px; padding:15px 15px 20px 15px;}

.hzsc{width:1200px; float:left;}
.hzsc_zi_box{width:650px; float:left; padding:75px 0 0 0;}
.hzsc_img{width:500px; float:left; padding:10px 50px 25px 0;}
.hzsc_zi_title{font-size:24px; color:#333; font-weight:bold; padding:0 5px;}
.hzsc_zi{font-size:14px; color:#555;}


.lyb{width:1000px; background:#fefefe; border:#f5f5f5 1px solid; float:left; border-radius:5px; padding:30px 80px 30px 100px;}
.lyb dl{width:450px; float:left; padding:10px 0;}
.lyb dt{width:180px; float:left; text-align:right; padding-right:5px; font-size:14px; color:#666666; line-height:30px;}
.lyb dd{width:260px; float:left;}
.lyb dd span{font-size:18px; color:#F00; display:block; float:left; padding-left:10px; font-weight:bold;}
.input11{width:190px; height:30px; line-height:30px; border:#dad9d9 1px solid; background:#FFF; border-radius:3px; padding-left:6px; color:#666; float:left; padding-right:5px;}
.input22{width:640px; height:90px; line-height:20px; border:#dad9d9 1px solid; background:#FFF; border-radius:3px; padding-left:6px; color:#666; float:left; padding-right:5px;}

.nr_kuang{width:870px; float:left; padding-top:10px;}
.nr_title{width:180px; float:left; text-align:right; padding-right:5px; font-size:14px; color:#666666; line-height:30px;}
.nr_sr{width:680px; float:left;}
.nr_sr span{font-size:18px; color:#F00; display:block; float:left; padding-left:10px; font-weight:bold;}

/*about*/
.about_banner{width:100%; margin-left:-50%;  left:50%; position:relative; background:url(../image/about_banner.jpg) no-repeat center; height:350px;}
.about_banner_zi{width:1200px; margin:0 auto; text-align:center;}
.about_banner_zi h1{font-size:48px; color:#349741; padding:80px 0 0 0;}
.about_banner_zi h2{font-size:26px; color:#349741; line-height:35px; padding:0 0 0 0;}
.about_banner_zi h3{font-size:14px; color:#559d5e; line-height:26px; padding:10px 0 0 0;}

.about_zi_box{width:100%; background:#fff; padding:70px 0 60px 0;}
.about_zi_box h1{width:1200px; margin:0 auto; text-align:center; font-size:30px; color:#333;}
.about_zi_box h2{width:1200px; margin:0 auto;  font-size:14px; color:#666; line-height:28px; padding-top:10px;}
.about_zi_box h4{display:block; width:60px; background:#ff7f00; height:3px; margin:20px auto 35px auto;}


/*about youshi*/
.about_youshi{width:1256px; margin:0 auto;}
.about_youshi dl{width:280px; float:left; border:#dadada 2px solid; margin:0 15px; height:350px;}
.about_youshi dl dt{display:block; width:280px; text-align:center; padding:40px 0;}
.about_youshi dl dt i{display:block; width:280px; text-align:center;}
.about_youshi dl dt h1{font-size:22px; color:#6b7278; display:block; width:260px; padding:15px 10px 5px 10px;}
.about_youshi dl dt h2{font-size:14px; color:#7d8389; display:block; width:260px; padding:0 10px;}
.about_youshi dl dd{display:block; width:240px; padding:0 20px 30px 20px; color:#999;}

/*about 了解*/
.liaojie_box{width:100%; background:url(../image/liaojie_bg.jpg) repeat-x; height:570px; float:left;}


.lxfs_box{width:1200px; margin:0 auto;}
.lxfs_box h1{font-size:30px; color:#333; text-align:center; padding:40px 0 60px 0; display:block; width:1200px;}

.lxfs_nr{width:400px; float:left; line-height:24px; color:#888; font-size:14px; padding:0 0 0 100px;}
.lxfs_kuang{width:700px; float:left;}
.lxfs_kuang dl{float:left; width:700px; padding:0 0 20px 0;}
.lxfs_kuang dt{font-size:14px; color:#444; float:left; width:180px;}
.lxfs_kuang dt small{color:#F00; font-size:14px; float:left; padding-right:5px;}
.lxfs_kuang dd{float:left;}
.lxfs_kuang dd span{float:left; color:#999; padding:8px 0 0 0;}

.lxfs_btn{width:500px; float:left; text-align:center; padding:25px 0;}
.lxfs_btn a{padding:10px 40px; background:#f07323; color:#FFF; font-size:16px; line-height:40px; text-align:center; border-radius:4px; cursor:pointer; text-decoration:none;}
.lxfs_btn a:hover{background:#e46e22;}

/*login*/
.login_banner{width:100%; margin-left:-50%;  left:50%; position:relative; background:url(../image/login_bg.jpg) no-repeat center; height:700px;}
.login_box{width:600px; margin:0 auto; padding:205px 0 0 95px;}
.login_nr{width:500px;}
.login_nr h1{display:block; width:430px; padding:30px 35px; float:left;}
.login_nr h1 span{float:left; font-size:30px; color:#333;}
.login_nr h1 small{float:right; font-size:14px; color:#666; padding:15px 0 0 0;}
.login_nr h1 small a{color:#f07323;  text-decoration:underline;}
.login_nr h1 small a:hover{color:#e46e22; }

.login_ull{width:430px; float:left; padding:0 35px;} 
.login_ull li{float:left; padding:0 0 20px 0; width:430px;}
.login_ull li h5{position:fixed;}
.login_ull li h5 i{background:url(../image/cuo_f1.png) no-repeat; width:47px; height:36px; float:left; display:block;}
.login_ull li h5 span{color:#fff; background:url(../image/cuo_f2.png) repeat-x; font-size:12px; height:36px; line-height:36px; padding:0 10px 0 0; border-right:#a62222 1px solid;}

.tooltips_main{position:absolute; left:0; margin:-20px 0 0 22px; z-index:999;}
.tooltips_box,.tooltips,.msg{display:inline-block;*display:inline;*zoom:1;position:relative;border-style:solid;border-color:#FF1F1F;}
.tooltips,.msg{border-width:0 1px;*left:-2px;background-color:#FFCFCF;}
.tooltips_box{border-width:1px;line-height:1.5;}
.tooltips{margin:0 -2px;}
.msg{margin:1px -2px;padding:2px 6px;color:#2F2C2C;text-shadow:0 1px 0 #FFFFFF;font-size:12px;}
.ov{background:url('../image/tri.gif') no-repeat scroll 0 0 transparent;position:absolute;left:10%;overflow:hidden;width:15px;height:15px;margin:20px 0 0 0;display:inline;}

.login_iput1{width:390px; background:url(../image/login_iput_b1.jpg) no-repeat #FFF 15px; height:45px; line-height:45px;  padding-left:40px; color:#666; border:#dfdfdf 1px solid; }
.login_iput1:hover{border:#4cda87 1px solid;}
.login_iput2{width:390px; background:url(../image/login_iput_b2.jpg) no-repeat #FFF 15px; height:45px; line-height:45px;  padding-left:40px;  color:#666; border:#dfdfdf 1px solid;}
.login_iput2:hover{border:#4cda87 1px solid;}
.login_iput3{width:320px;  height:45px; line-height:45px; padding-left:8px;  color:#666; border:#dfdfdf 1px solid; float:left;}
.login_iput3:hover{border:#4cda87 1px solid;}.

.login_ull li small{float:left;}
.deng_btn{background:#f07323; padding:0 60px; height:42px; line-height:42px; color:#fff; font-size:16px; float:left;}
.deng_btn:hover{background:#e46e22;}
.login_ull li span{float:right; padding:12px 0 0 0;}
.login_ull li span a{color:#888; text-decoration:underline; font-size:14px;}

.dsf_dl{width:425px; border-top:#eee 1px solid; float:left; padding:20px 0 0 35px;}
.dsf_dl h2{width:425px;  color:#999; padding-bottom:20px;}
.dsf_dl a{float:left;  color:#fff; padding:9px 25px; margin:0 15px 0 0; text-align:left;}
.hong_bg{background:url(../image/weibo1.png) no-repeat #d63a23 20px 10px; text-indent:25px;}
.hong_bg:hover{background:url(../image/weibo1.png) no-repeat #e6351b 20px 10px;}
.lan_bg{background:#418ae2 url(../image/qq1.png) no-repeat 20px 10px; text-indent:25px;}
.lan_bg:hover{background:#3b8ef3 url(../image/qq1.png) no-repeat 20px 10px; text-indent:25px;}
.lv_bg{background:#3cb035 url(../image/weixin1.png) no-repeat 20px 10px; text-indent:25px;}
.lv_bg:hover{background:#2dbc24 url(../image/weixin1.png) no-repeat 20px 10px; text-indent:25px;}


/*regist*/
.regist_box{width:100%; margin-left:-50%;  left:50%; position:relative; background:url(../image/regist_bg2.jpg) repeat-y center;}
.regist_main{width:100%; margin-left:-50%;  left:50%; position:relative; background:url(../image/regist_bg1.jpg) no-repeat top center;}
.regist_foot{width:100%; margin-left:-50%;  left:50%; position:relative; background:url(../image/regist_bg3.jpg) no-repeat bottom center;   padding-bottom:100px;}

.regist_nr{width:1100px; margin:0 auto; padding:100px 0 0 0;}

.login_ttop{width:1030px; margin:0 auto;}
.login_ttop h1{display:block; float:left; font-size:28px; color:#333333; width:500px;}
.login_ttop span{display:block; float:right; width:520px; text-align:right;   padding:10px 10px 0 0;}
.login_ttop span a{font-size:14px; color:#ed6b0a; text-decoration:underline;}
.login_fff_box{width:1030px; padding:25px 40px 20px 30px; float:left;}
.login_fff1{width:230px; background:url(../image/login_ff1.jpg) no-repeat; height:46px; float:left; text-align:center; padding-right:30px;}
.login_fff11{width:230px; background:url(../image/login_ff11.jpg) no-repeat; height:46px; float:left; text-align:center;  padding-right:30px;}
.login_fff111{width:230px; background:url(../image/login_ff111.jpg) no-repeat; height:46px; float:left; text-align:center;  padding-right:30px;}
.login_fff2{width:230px; background:url(../image/login_ff2.jpg) no-repeat; height:46px; float:left; text-align:center;  padding-right:30px;}
.login_fff22{width:230px; background:url(../image/login_ff22.jpg) no-repeat; height:46px; float:left; text-align:center;  padding-right:30px;}
.login_fff222{width:230px; background:url(../image/login_ff222.jpg) no-repeat; height:46px; float:left; text-align:center;  padding-right:30px;}
.login_fff3{width:230px; background:url(../image/login_ff3.jpg) no-repeat; height:46px; float:left; text-align:center;  padding-right:30px;}
.login_fff33{width:230px; background:url(../image/login_ff33.jpg) no-repeat; height:46px; float:left; text-align:center;  padding-right:30px;}
.login_fff333{width:230px; background:url(../image/login_ff333.jpg) no-repeat; height:46px; float:left; text-align:center;  padding-right:30px;}
.login_fff4{width:250px; background:url(../image/login_ff4.jpg) no-repeat; height:46px; float:left; text-align:center;}
.login_fff44{width:250px; background:url(../image/login_ff44.jpg) no-repeat; height:46px; float:left; text-align:center;}

.i_cheng{font-size:28px; color:#FFF; text-align:center; padding:0 5px 0 0;}
.i_hui{font-size:28px; color:#d0cfcf; text-align:center; padding:0 5px 0 0;}
.span_bai{font-size:16px; color:#FFF; padding-bottom:15px;}
.span_hui{font-size:16px; color:#d0cfcf;}

.fwtk_box{width:593px;  font-size:14px; color:#666;}
.fwtk_box  a{font-size:14px; color:#3ea84c;}
.fwtk_box  a:hover{color:#ff472e;  text-decoration:underline;}
.login_leftt{width:593px; float:left; padding:35px 0 30px 35px;}
.login_leftt dl{width:100%; display:block; float:left; padding-bottom:25px;}
.login_leftt dt{font-size:14px; color:#666; float:left; display:block; width:125px; float:left; line-height:35px;}
.login_leftt dd{float:left;}
.login_btnn{width:260px; padding:30px 0 0 0;}
.login_rightt{width:402px; float:left; padding-top:40px; }

.login_boxx{width:1030px; padding:150px 0 0 0;}
.login_eml_btnn{width:1030px; float:left; text-align:center; padding-top:60px;}
.login_eml_btnn a{ font-size:16px; padding:8px 25px; margin:0 10px 0 5px;}
.login_eml_btnn1{background:#f07323;  color:#FFF; border:#f07323 1px solid;}
.login_eml_btnn1:hover{background:#e46e22;  color:#FFF; border:#e46e22 1px solid;}
.login_eml_btnn2{border:#f07323 1px solid;  color:#f07323;}
.login_eml_btnn2:hover{border:#e46e22 1px solid;  color:#e46e22;}

.lana1{font-size:14px; color:#096bbb; text-decoration:underline; font-weight:bold;}
.lana1:hover{font-size:14px; color:#096bbb; text-decoration:none; font-weight:bold;}
.login_eml_ts{padding-left:170px; color:#666; padding-bottom:40px; padding-top:60px; width:750px; float:left;} 
.login_eml_ts span{font-size:14px; color:#333;}
.lana2{font-size:12px; color:#f07323; text-decoration:underline;}
.lana2:hover{font-size:12px; color:#e46e22; text-decoration:none;}

.ts_wai_box{ position: fixed; height: 100%; width: 100%;  background: rgba(0,0,0,0.4); z-index:9999; top: 0; left: 0;}
.ts_box123{top: 25%; left: 50%; margin-left: -300px; width:550px; background: #fff; position: absolute; z-index: 101; -moz-border-radius: 5px; -webkit-border-radius: 5px;		border-radius: 5px;		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4);}
.ts_box123 .close_btn11 {font-size:28px;  position: absolute; top: 8px; right: 11px; color: #aaa;		text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer;} 
.ts_title{width:510px; height:50px;   padding:0 20px;}
.ts_title h1{font-size:18px; color:#333; line-height:50px;}
.close_btn11{padding:10px 20px 0 0;}
.ts_nr{width:450px; padding:0 50px 30px 50px;}
.ts_nr h1{font-size:14px; color:#666666; line-height:25px; padding:8px 0 20px 0;}
.ts_nr h2{font-size:26px; color:#333; text-align:center;}
.ts_nr span{width:100px; margin:0 auto; display:block; padding-bottom:12px;}
.close_btn2{background:#f07323; font-size:16px; color:#FFF; height:35px; line-height:35px;  text-align:center; text-decoration:none; margin:0 auto; display:block; width:160px; -moz-border-radius:4px; -webkit-border-radius:4px;		border-radius:4px;}
.close_btn2:hover{background:#e46e22; color:#FFF;}

.xx_tx_box{width:1030px;  height:700px;}
.tx_man_box{width:311px; float:left; padding:30px 80px 0 148px;}
.xx_tx_man{width:263px; float:left; padding:35px 0 50px 47px;}
.xx_tx_man:hover{background:#e3f1ff; border-radius:8px;}
.xx_tx_man small{width:215px; text-align:center; display:block;}
.man_zi{background:#65b2fa; text-align:center; height:45px; width:180px; line-height:45px; display:block; border-radius:5px; position:relative; font-size:18px; color:#FFF; margin:30px 0 0 20px;}
.arrow_top{position:absolute; top:-11px; left:30px; width:0; height:0;}

.tx_woman_box{width:439px; float:left; padding:30px 50px 0 0;}
.xx_tx_woman{width:263px; float:left; padding:35px 0 50px 47px;}
.xx_tx_woman:hover{background:#ffeaeb; border-radius:8px;}
.xx_tx_woman small{width:215px; text-align:center; display:block;}
.woman_zi{background:#ea709f; text-align:center; height:45px; width:180px; line-height:45px; display:block; border-radius:5px; position:relative; font-size:18px; color:#FFF; margin:30px 0 0 20px;}
.arrow_top2{position:absolute; top:-11px; right:50px; width:0; height:0;}

.tx_left_box123{width:160px; float:left; padding:0 0 0 150px;}
.tx_left_box123 i{float:left;}
.tx_left_box123 span{font-size:12px; color:#555555; display:block; width:160px; padding:15px 0 0 0; float:left; text-align:center;}
.llan_a{background:#49c184; padding:4px 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:relative; z-index:2; behavior: url(https://id.viewfruit.com/PUBLIC/Home/css/ie-css3.htc); color:#FFF; margin:0 5px 0 1px;}
.llan_a:hover{color:#FFF; background:#3dae74;}
.tx_left_box123 span small{color:#999; display:block; float:left; width:160px; text-align:center; padding:10px 0 0 0; font-size:12px;}

.tx_right_box123{width:600px; float:left; padding:30px 0 0 50px;}
.tx_right_box123 dl{padding:10px 0; float:left;}
.tx_right_box123 dt{width:100px; float:left; font-size:14px; color:#666; display:block;}
.tx_right_box123 dd{width:480px; float:left; display:block; color:#ccc;}
.kuangj11{width:230px; border:#e7e7e7 1px solid; height:30px; line-height:30px; padding:0 5px; color:#666;}
.kuangj22{width:40px; border:#e7e7e7 1px solid; height:30px; line-height:30px; padding:0 5px; color:#666; }
.kuangj33{width:auto; border:#e7e7e7 1px solid; height:30px; line-height:30px; padding:0 5px; color:#666; }
.kuangj44{width:120px; border:#e7e7e7 1px solid; height:30px; line-height:30px; padding:0 5px; color:#666; }
.kuangj55{width:70px; border:#e7e7e7 1px solid; height:30px; line-height:30px; padding:0 5px; color:#666; }

.jcxx_zi_boxx{width:1030px; padding:15px 0 45px 0; text-align:center; float:left; margin-left:30px;}
.jcxx_zi_boxx span{width:1030px; text-align:center; font-size:18px; color:#333; display:block;}
.jcxx_zi_boxx small{width:830px; padding:0 100px; text-align:center; font-size:14px; color:#f07323; display:block;}
.jcxx_tx{background:#fdfdfd; border:#f6f6f6 1px solid; width:970px; padding:20px 30px; float:left; margin-left:30px;}
.jcxx_tx h1{font-size:16px; color:#444; float:left; padding-bottom:20px;}

.xx_list{width:970px; float:left; border-top:#edf1f6 1px solid; margin-top:25px;}
.xx_list dl{border-bottom:#edf1f6 1px solid; line-height:55px; width:100%; float:left;}
.xx_list dt{float:left; width:210px; font-size:14px; color:#666;}
.xx_list dt i{font-size:16px; color:#F00; padding:0 5px 0 0;}
.xx_list dd{float:left; width:760px; font-size:14px; color:#444;}
.xx_list dd span{float:left; color:#444;}
.xx_list dd small{float:left; color:#ccc; font-size:14px;}
.xx_list dd a{float:right; padding:0 20px; color:#328edc; border:#f6953e 1px solid; font-size:14px; height:25px; line-height:25px; margin:15px 10px 0 0;}
.xx_list dd a:hover{border:#328edc 1px solid; color:#328edc;}
.xx_list dd p{float:left; padding:0 0 0 5px; color:#999; font-size:12px;}
.xx_list dd p a{font-size:12px; color:#328edc; text-decoration:underline; border:none;}
.xx_list dd p a:hover{border:none; color:#328edc;}
.xb_ul{float: left;}
.xb_ul li{float:left; padding-right:25px; font-size: 14px; color:#444;}
.xb_ul li input{margin: 0 5px 0 0; cursor: pointer;}
.xb_ul li label{cursor: pointer; display: flex;  align-items:center;}
.wz_ipt{float:left; line-height:28px; height:28px; border:#dddddd 1px solid; color:#666; width:240px; padding:0 5px; margin-top:13px; font-size:12px;}
.wz_ipt2{float:left; line-height:28px; height:28px; border:#dddddd 1px solid; color:#666; width:80px; padding:0 5px; margin-top:13px; font-size:12px;}
.wz_ipt3{float:left; line-height:22px; height:80px; border:#dddddd 1px solid; color:#666; width:350px; padding:0 5px; margin-top:13px; font-size:12px;}
.wz_ipt4{float:left; line-height:28px; height:28px; border:#dddddd 1px solid; color:#666; width:240px; padding:0 5px; font-size:12px;}
.wz_ipt5{float:left; line-height:28px; height:28px; border:#dddddd 1px solid; color:#666; width:340px; padding:0 5px; font-size:12px;}
.xl_ipt{float:left; line-height:30px; height:30px; border:#dddddd 1px solid; color:#666; width:90px; padding:0 5px; margin-top:13px; font-size:12px;}
.xl_ipt2{float:left; line-height:30px; height:30px; border:#dddddd 1px solid; color:#666; width:250px; padding:0 5px; margin-top:13px; font-size:12px;}
.xl_ipt3{float:left; line-height:30px; height:30px; border:#dddddd 1px solid; color:#666; width:250px; padding:0 5px;  font-size:12px;}

/*增值信息*/
.zzxx_list{width:100%; float:left;}
.zzxx_list dl{float:left; text-align:center; box-shadow:0 3px 10px #ececec; background:#fff; border:#eee 1px solid; padding:40px 0 30px 0; width:20%; margin:15px 2%;}
.zzxx_list dl:hover{box-shadow: 0 3px 10px #cdd1d8; cursor:pointer;}
.zzxx_list dt{width:100%; text-align:center;}
.zzxx_list dd{width:100%; text-align:center; padding:25px 0 0 0;}
.zzxx_list dd span{width:100%; font-size:14px; color:#333; float:left; padding:0 0 12px 0;}
.zzxx_list dd a{padding:2px 15px; font-size:12px; border:#ccc 1px solid; color:#666;}
.zzxx_list dd a:hover{border:#f6953e 1px solid; color:#f6953e;}

/*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:#5c8ec1; 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:55px; padding-top:2px;}
.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(https://id.viewfruit.com/PUBLIC/Home/images/dongtai/dt_line.jpg) no-repeat right;}
.right_zan_ul li a{color:#276cb1;}
.right_zan_ul li a:hover{color:#ff604e;}
.right_zan_aa{background:url(https://id.viewfruit.com/PUBLIC/Home/images/dongtai/zan_f11.jpg) no-repeat 0 2px; padding-left:18px; color:#276cb1;}
.right_zan_ul .zan_qie,.zan_aa:hover{background:url(https://id.viewfruit.com/PUBLIC/Home/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_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:#5caaeb;}
.right_app h1 span{font-size:32px; color:#3a91d9; 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(../image/btn_f1.png) no-repeat #328edc 15px 7px; padding:8px 15px 8px 40px;}
.btn_adr:hover{ background:url(../image/btn_f1.png) no-repeat #1f7fd1 15px 7px; color:#fff;}
.btn_iphone{font-size:14px; color:#fff; background:url(../image/btn_f2.png) no-repeat #f56e5c 15px 7px; padding:8px 15px 8px 40px;}
.btn_iphone:hover{background:url(../image/btn_f2.png) no-repeat #ec604d 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(../image/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;}

/* help帮助 */
.helpp_banner{width:100%; height:210px; background:url(../image/help_banner.png) no-repeat center;}
.helpp_banner_nr{width:1200px; margin:0 auto; padding:32px 0 0 0;}
.helpp_banner_nr i{width:67px; float:left; padding:7px 0 0 0;}
.helpp_banner_nr p{float:left; width:1115px; padding:5px 0 0 15px;}
.helpp_banner_nr p span{font-size:36px; color:#58a662; float:left; width:1130px; }
.helpp_banner_nr p small{font-size:16px; color:#74b57d; line-height:26px;}
.helpp_banner_nr p small a{color:#f07323; text-decoration:underline;}

.faq_lb_kuang{width:1200px;  margin:20px auto;}
.faq_lb_nr{width:1140px;   padding:15px 15px 15px 45px; background:#fbfbfb; border:#f5f5f5 1px solid; float:left; margin-bottom:10px;}
.faq_lb_nr ul{}
.faq_lb_nr li{float:left; width:285px; padding:5px 0;}
.faq_lb_nr li a{font-size:16px; color:#3ea84c; text-decoration:none;}
.faq_lb_nr li a:hover{font-size:16px; color:#f07323; text-decoration:underline;}

.help_main_box{width:1200px; margin:0 auto; padding-bottom:30px;}
.help_leftt_nr{width:1200px; padding:5px 0 15px 0px; float:left;}
.help_leftt_nr h1{font-size:22px; color:#333333; display:block; padding:15px 0;  border-bottom:#f4f4f4 1px solid; float:left; width:1200px;}
.help_leftt_nr dl{border-bottom:#f4f4f4 1px solid; width:1200px; display:block; float:left;}
.help_leftt_nr dt{font-size:16px;  display:block; height:55px; }
.help_leftt_nr dt i{background:url(../image/faq_q.jpg) no-repeat 0 19px; float:left; width:35px; height:55px; display:block;}
.help_leftt_nr dt a{font-size:16px; color:#555; text-decoration:none; float:left; margin:15px 0 0 0;}
.help_leftt_nr dt a:hover{font-size:16px; color:#f07323; text-decoration:none;}
.help_leftt_nr dd{background:#f3f4f6; padding:15px 34px; border-radius:8px; border:none; margin-bottom:10px; font-size:15px; color:#43474e; line-height:30px;}
.help_leftt_nr dd a{color:#f56e5c; text-decoration:underline;}
.help_leftt_nr dd img{ max-width:100%; margin-top:10px; border:#CCC 1px solid;}
.help_leftt_nr dd small{float:left; width:35px; height:1px;}
.help_leftt_nr dd span{ width:1160px; font-size:14px; color:#888; float:left; padding:0 0 15px 0;}

/* 反馈 */
.feedback_box{width:1200px; margin:0 auto; padding:30px 0 0 0;}
.feedback_left{width:790px; float:left; background:#fff; min-height:500px; padding:20px 30px;}
.feedback_left h1{width:790px; float:left; font-size:18px; color:#333; border-bottom:#e0e0e0 1px solid; padding-bottom:10px;}
.feedback_left h2{width:790px; float:left; font-size:14px; color:#f07323; padding:10px 0;}
.feedback_nr{width:790px;  padding-top:15px; float:left;}
.feedback_nr dl{width:790px; float:left; padding:10px 0;}
.feedback_nr dt{width:180px; float:left;  padding-right:5px; font-size:14px; color:#666666; line-height:30px;}
.feedback_nr dd{width:600px; float:left;}
.feedback_nr dd span{font-size:16px; color:#F00; display:block; float:left; padding:8px 0 0 10px; }
.blue{color: #0364b4;}
.feedback_nr dd a{background:#49c184; padding:2px 10px; float:left; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:relative; z-index:2; behavior: url(https://id.viewfruit.com/PUBLIC/Home/css/ie-css3.htc); color:#FFF; margin:4px 8px 0 0;}
.feedback_nr dd a:hover{color:#FFF; background:#3dae74;}
.feedback_nr dd small{float:left; color:#999; font-size:12px; height:30px; line-height:30px;}
.feedback_img{width:100%; float:left; padding:10px 0 0 0;}
.feedback_img li{float:left; width:90px;}
.feedback_img li img{object-fit: cover;}

.feedback_ul{float: left; padding: 5px 0 0 0;}
.feedback_ul li{float:left; padding-right:25px; font-size: 14px; color:#444;}
.feedback_ul li input{margin: 0 5px 0 0; cursor: pointer;}
.feedback_ul li label{cursor: pointer; display: flex;  align-items:center;}

.feedback_right{width:330px; float:left;  margin:0 20px 0 0;}
.feedback_right_nr{width:290px; float:left; line-height:26px; color:#666; font-size:14px; padding:20px; background:#fff; }
.feedback_right_nr h1{width:290px; float:left; font-size:16px; color:#333; padding:0 0 10px 0; font-weight:bold;}
.feed_help{width:300px; float:left; background:#fff; padding:20px 15px; margin-top:15px;}
.feed_help h1{width:290px; float:left; font-size:16px; color:#0364b4;  font-weight:bold;}

.help_ul{float:left; padding:6px 0 0 0;  }
.help_ul li{background:url(../image/dian.jpg) no-repeat 0 18px; padding:0 0 0 10px; height:35px; line-height:35px; width:285px; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.help_ul li a{font-size:14px; color:#666;}
.help_ul li a:hover{color:#ed4731; text-decoration:underline;}


.left_nav_box{width:330px; float:left;  background:#fff; margin-bottom:15px; padding:15px 0;}
.left_nav_box ul{width:330px; display:block;}
.left_nav_box li{width:330px; display:block; padding:1px 0;}
.left_nav_box li:hover{background:#eefaf0;}
.left_nav_box li a{width:290px; display:block; padding:0 20px; height:45px; line-height:45px; font-size:14px; color:#333;}
.left_nav_box .left_nav_qie{width:290px; display:block; padding:0 20px; height:45px; line-height:45px; font-size:14px; color:#f07323; font-weight:bold; background:url(../image/leftnav_ff1.jpg) no-repeat left #eefaf0;}

.gonggao_list_nr{width:790px; line-height:30px; font-size:14px; padding:20px 0 0 0; float:left;}
.gonggao_list_nr b{display: inline-block; font-size:18px; color:#ff6c60; margin-right: 3px;}
.gonggao_list_nr small{display: inline-block; font-size:16px; color:#333;}
.gonggao_list_nr em{display: inline-block; color:#ff472e; font-size:15px;}
.gonggao_list_nr h6{display: inline-block; color:#ff472e; font-size:14px; line-height: 1.5;}
.gonggao_list_nr a{display: inline-block; color:#ff472e; font-size:14px; text-decoration: underline;}

.gongao_list_ul{float:left;}
.gongao_list_ul li{line-height:49px; border-bottom:#f2f2f2 1px dashed; background:url(https://id.viewfruit.com/PUBLIC/Home/images/gg_f2.jpg) no-repeat 0 22px; height:49px; padding-left:12px; display:block; float:left;}
.gongao_list_ul li a{font-size:14px; color:#666; width:678px; float:left; display:block; text-decoration: none;}
.gongao_list_ul li a:hover{color:#f56e5c;}
.gongao_list_ul li span{width:100px; float:left; font-size:12px; color:#999; text-align:right;}
.help_list_nr h1{font-size:14px; color:#444; display:block; width:836px; line-height:24px; padding:10px 0 0 0;}


/*404报错*/
.cuo_404{width:100%; background:#f9fafa; text-align:center; padding:0 0 60px 0; overflow-x:hidden;}
.cuo_404 p{padding:50px 0 0 0;}
.cuo_404 h1{font-size:22px; color:#627183; padding:25px 0 2px 0;}
.cuo_404 h2{font-size:18px; color:#627183; padding:0 0 50px 0;}
.cuo_404 a{background:#f6953e; padding:9px 20px; font-size:14px; color:#fff;}
.cuo_404 a:hover{background:#f07323;}

/*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;}


/*返回页*/
.fanhuiye_box{width:100%; background:url(../image/fanhuiye_bg.jpg) no-repeat center top #fafafa;}
.fanhuiye_box h1{width:1000px; margin:0 auto; display:block; text-align:center; font-size:26px; color:#fff; padding:20px 0 0 0; min-height: 1px;}
.fanhuiye_nr{width:900px; margin:20px auto 0 auto; background:#fff; padding:25px 100px;}
.fanhuiye_nr h2{width:900px; text-align:center; display:block; font-size:22px; color:#626262;}
.fanhuiye_nr h2 i{padding:0 20px 0 20px; height:3px;}
.fanhuiye_nr h3{ font-size:14px; color:#666; line-height:24px; padding:20px 0 5px 0;}
.fanhuiye_nr h3 span{font-size: 15px; color: #fb5652; font-weight: bold;}
.fanhuiye_btn_box{float: left; width:900px;}
.fanhuiye_btn_box a{font-size:16px; color:#666; border:#717171 2px solid; padding:10px 30px; margin-top:50px; margin-right: 25px; float:left; border-radius: 4px;}
.fanhuiye_btn_box a:hover{border:#45b853 2px solid; color:#45b853;}
.fanhuiye_btn_box .fanhuiye_btn2{font-size:16px; color:#fff; border:#45b853 2px solid; padding:10px 30px; margin-top:50px; margin-right: 25px; float:left; border-radius: 4px; background: url(../image/qiandai.png) no-repeat 30px 11px #45b853; text-indent: 28px;}
.fanhuiye_btn_box .fanhuiye_btn2:hover{background: url(../image/qiandai.png) no-repeat 30px 11px #3ea84c; border:#3ea84c 2px solid; color:#fff;}
.fanhuiye_btn_box .fanhuiye_btn3{font-size:16px; color:#666; border:#717171 2px solid; padding:10px 30px; margin-top:50px; margin-right: 25px; float:left; border-radius: 4px;background: url(../image/choujiang1.png) no-repeat 30px 9px #fff; text-indent: 28px;}
.fanhuiye_btn_box .fanhuiye_btn3:hover{background: url(../image/choujiang2.png) no-repeat 30px 9px #fff; border:#45b853 2px solid; color:#45b853;}
.fanhuiye_btn_box .fanhuiye_btn4{font-size:16px; color:#666; border:#717171 2px solid; padding:10px 30px; margin-top:50px; margin-right: 25px; float:left; border-radius: 4px;background: url(../image/shensu1.png) no-repeat 30px 11px #fff; text-indent: 28px;}
.fanhuiye_btn_box .fanhuiye_btn4:hover{background: url(../image/shensu2.png) no-repeat 30px 11px #fff; border:#45b853 2px solid; color:#45b853;}


.fanhuiye_btn_box ul{float:right;}
.fanhuiye_btn_box li{float:left; padding-left:30px;}
.fanhuiye_btn_box li span{display:block; text-align:center; background:#fff; padding:3px; }
.fanhuiye_btn_box li small{display:block; width:100%; font-size:12px; color:#999; text-align:center;}

.survey_main h2{width:900px; margin:0 auto; padding:20px 0 20px 0; text-align:center; display:block; font-size:22px; color:#626262;}
.survey_main h2 i{padding:0 20px 0 20px; height:3px;}
.survey_main h3{width:900px; margin:0 auto; padding:0 0 20px 0; text-align:center; display:block; font-size:14px; color:#666;}

.callback_poinsbox{width: 850px;}
.callback_poinszi{width: 100%; display: flex; align-items: center; padding: 10px 0 10px 0;}
.callback_poinszi i{display: inline-block; padding: 0 5px 0 0;}
.callback_poinszi span{font-size: 14px; color: #ff8100; line-height: 1.6;}
.callback_poinszi small{padding-left: 6px; font-size: 14px; color: #ef6a6a; line-height: 1.6;}

.progress_box{width: 600px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.progress {display: inline-block; width: 100%; vertical-align: middle;}
.progress-bar {position: relative; height: 6px; background: #e0e0e0; border-radius: 60px;}
.progress-done {position: absolute; left: 0; top: 0;  height: 100%; background: #ffa950;
  -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 60px;}
.progress_zi{ font-size: 14px; color: #0095FF; display: inline-block; vertical-align: middle; margin-left: 10px;}


/*定期活动首页*/
.hd_box{position:absolute; width:100%; margin-left:-50%; left:50%;  background:url(../image/huodong_bg.jpg) no-repeat center; height:700px; cursor:pointer;}
/*kefu*/
.kefu_box{width:790px; border-bottom:#e0e0e0 1px solid; float:left;}
.kefu_box h6{width:790px; float:left; font-size:18px; color:#333;  padding-bottom:10px; font-weight:bold;}
.kefu_service{float:left; width:790px; padding:15px 0 20px 0;}
.kefu_service li{float:left; width:100px; margin-right:52px;}
.kefu_service li a{float:left; width:100px; text-align:center; color:#666; font-size:14px; cursor: pointer;}
.kefu_service li a:hover{color:#ff7700; text-decoration:underline;}
.kefu_service li i{display:block; width:100px; height:72px; margin-bottom:8px; text-align:center;}
.kefu_list{float:left; width:790px;}
.kefu_list li{float:left; width:375px; padding-right:20px;}
.kefu_list li a{float:left; width:365px; padding:0 0 0 10px; line-height:30px; font-size:13px; color:#666; background:url(../image/dian.jpg) no-repeat 0 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.kefu_list li a:hover{color:#ff7700; text-decoration:underline;}
.kefu_btn{width:100%; padding:35px 0 0 0; float:left;}
.kefu_btn a{background:#45b853; padding:0 30px; height:42px; line-height:42px; color:#fff; font-size:15px; float:left;}
.kefu_btn a:hover{background:#3ea84c;}
/*tanchu*/
.modal{display:none;  background:#fff;   z-index:9999;  position:absolute;  width:700px;  min-height:400px;}
.closeBtn{position:absolute; right:20px; top:15px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#888;}
.closeBtn:hover{ cursor: pointer; color:#ff604e;}
.overlay {width:100%;  height:100%;  position:fixed;  top:0;  left: 0;  z-index: 1000;  display: none;}
.kefu_nr{width:100%; padding:5px 0 15px 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 dt i{background:url(../image/faq_q.jpg) no-repeat 0 4px; float:left; width:30px; display:block; height:30px;}
.kefu_nr dd{padding:15px 34px; border-radius:8px; border:none; margin-bottom:10px; font-size:15px; color:#43474e; line-height:30px; 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;}

.invite_registerbanner{float: left; width: 1032px; margin: 0 0 30px 30px;}


/*invite*/
.invite_tltle{width: 100%; padding: 40px 0 10px 0;}
.invite_tltle span{display: inline-block; font-size: 22px; color: #626262; padding: 0 0 0 10px;}
.invite_tltle small{display: inline-block; font-size: 14px; color: #666;}

.invite_box{width:100%; padding:0 0 0 0; float:left;}

.invite_list2{background: #fff; float: left; width: 340px; height: auto; border: #f2f2f5 1px solid; margin: 10px 0 5px 10px; padding: 10px;}
.invite_list2:hover{background:#f8f9fe; cursor: pointer;}
.invite_list_tx2{float: left; width: 70px; height: 70px; padding: 0 10px 0 0;}
.invite_list_tx2 img{width: 100%; height: 100%;}
.invite_list_nr2{float: left; width: 260px;}
.invite_list_nr2 strong{font-size:14px; color:#0364b4; width:100%; display:block; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.invite_list_nr2 strong i{float:left; padding:5px 3px 0 0;}
.invite_list_nr2 strong em{float:left; max-width: 150px; padding: 0 10px 0 0; font-size:14px; color:#333; font-weight: bold; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.invite_list_nr2 strong b{float:left; font-size:15px; color:#d74b56; font-weight: bold;     padding: 1px 0 0 0;}

.invite_list_nr2 small{font-size:12px; color:#0364b4; width:100%; padding: 5px 0 6px 0; display:flex; flex-wrap: wrap;}
.invite_list_nr2 small em{display: inline-block; 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;}


/*tishi kuang*/
.tishi_bgbg{ position: fixed; height: 100%; width: 100%;  background: rgba(0,0,0,0.75); 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:#0095FF; color:#fff;}
.tishi_btn2:hover{background:#37acff; 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;}

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


.shensu_bgbg{ position: fixed; height: 100%; width: 100%;  background: rgba(0,0,0,0.75); z-index:998; top: 0; left: 0;}
.shensu_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);}
.shensu_tishi_box{width: 500px; padding: 0 50px;}
.shensu_title{width: 100%; text-align: center; font-size: 16px; color: #333; padding: 5px 0 20px 0; font-weight: bold;}
.shensu_xuanx{width: 100%; background: #fff; border: #E5E5E5 1px solid; border-radius: 4px; box-sizing: border-box; line-height: 1.5;padding: 10px 15px; font-size: 15px; color: #333; margin-bottom: 15px;}
.shensu_xuanx label{cursor: pointer; display: flex;  align-items:center;}
.shensu_xuanx label i{margin: 0 10px;}
.shensu_nr{width: 100%;}
.shensu_nr textarea{width: 100%; background: #fff; border: #E5E5E5 1px solid; border-radius: 4px; box-sizing: border-box; height: 90px; line-height: 20px; padding: 5px 10px; font-size: 14px; color: #666;}

.shensu_btn_box{width:100%; padding:40px 0; text-align:center;}
.shensu_btn1{display: inline-block; padding:0 80px; font-size:14px; background: #f6953e; color: #fff; border-radius: 4px; height: 40px; line-height: 40px;}
.shensu_btn1:hover{color:#fff; background:#ffa05e;}

.shensu_btn2{display: inline-block; padding:0 80px; font-size:14px; background: #e6e6e6; color: #fff; border-radius: 4px; height: 40px; line-height: 40px;}
.shensu_btn2:hover{color:#fff; background:#e6e6e6;}



/*vote*/
.voten_main{width: 1200px; margin: 0 auto; padding: 15px 0 10px 0; box-sizing: border-box; display: flex; justify-content: space-between;}
.voten_left{width: 865px; background: #fff; border: #eee 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(../image/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; position: relative;}
.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;     position: absolute; top: 14px;}
.voten_list_title span{font-size: 16px; color: #222; line-height: 1.6; display: block; text-indent: 36px;}
.voten_list_title a{font-size: 16px; color: #222; line-height: 1.6; display: block; text-indent: 36px;}
.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(../image/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(../image/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(../image/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(../image/voten_pl1.jpg) no-repeat 0 0; text-indent: 18px;}
.voten_foot_pingl:hover{background:url(../image/voten_pl2.jpg) no-repeat 0 0; text-indent: 18px;}
.voten_foot_zan{background:url(../image/voten_zan1.jpg) no-repeat 0 1px; text-indent: 20px;}
.voten_foot_zan:hover{background:url(../image/voten_zan2.jpg) no-repeat 0 1px; text-indent: 20px;}
.voten_foot_fen{background:url(../image/voten_fen1.jpg) no-repeat 0 1px; text-indent: 21px;}
.voten_foot_fen:hover{background:url(../image/voten_fen2.jpg) no-repeat 0 1px; text-indent: 21px;}

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

.voten_foot .voten_foot_zan_hover{background:url(../image/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: 9;}
.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(../image/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(../image/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(../image/voten_fen3.png) no-repeat 5px 5px; padding: 5px;}
.voteinfo_fen:hover{background:url(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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("https://id.viewfruit.com/PUBLIC/Home/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("https://id.viewfruit.com/PUBLIC/Home/images/close.png") no-repeat ; width: 16px; height: 16px; background-size: 16px; cursor: pointer;}
.voten_tan_fb_del:hover{background: url(https://id.viewfruit.com/PUBLIC/Home/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("https://id.viewfruit.com/PUBLIC/Home/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: 10px 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: 20px 0 20px 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;}
