@charset "utf-8";
/*-----------------样式reset------------------------*/
body,div,p,span,ul,li,ol,h1,h2,h3,i,b,a,img,form,input,strong,dd,dl,table,tr,td{
    margin:0;
    padding:0;
    border:0;
}
body {color:#1F1F1F; font:12px/150% Microsoft yahei;background:#eff3f7;}
html, body {height:100%;margin:0;padding:0;}
.clear{ clear:both; height:0; overflow:hidden;}
.img3{border:1px #cccccc solid;padding:2px; background-color:#FFFFFF;}
.dis{display:block;}
.undis{display:none;}
em{font-style:normal; color:#ff6600;}
a{text-decoration:none;color:#266DBD;}
a:hover {color: #f60;text-decoration:none;}
.a3 a{color: #999999;text-decoration: none;}
.bor_bott {border-bottom:#CCCCCC solid 1px;}
.page{ width:100%; max-width:688px;}
input,select{ border:#CCCCCC solid 1px; height:20px; line-height:20px;}
#con_one_1 .frame,#con_one_2 .frame,#con_one_3 .frame{width:60%; margin-top:8px;}
.page table{ width:100%; max-width:688px;}
body{
    width:100%;
    font-size: 16px;
    color:#000;
    margin:0 auto;
    font-family: 'Microsoft yahei';
    position: relative;
    background-color: #eff3f7;
}
li,ol{
    list-style-type: none;
}
a{
    text-decoration: none;
    color:#004bff;
}
h1,h2,h3,b,strong{
    font-size: 16px;
    font-weight: normal;
}
i{
    font-style: normal;
}
input{
    background-color: #fff;
    border:1px solid #ccc;
}
img{
    width:100%;
    height:auto;
    display:block;
}
.clear_both:after{
    width:0;
    height:0;
    display:block;
    content: '';
    clear:both;
}
.float-l{
    float:left;
}
.float-r{
    float:right;
}
/*--------------------顶部logo/导航/登录注册--------------------------*/
.header{
    width:100%;
    height:auto;
    padding:10px 0;
}
.header_wrap{
    width:100%;
    max-width:960px;
    margin:0 auto;
}
.logo{
    width:40%;
    height:auto;
}
.logo_img{
    height:auto;
    display:inline-block;
}
.logo_left{
    width:50%;
}
.logo_right{
    width:45%;
    margin-left: 5%;
    margin-top: 20px;
}
.login_register{
    width:14%;
    height:50px;
    margin-top: 10px;
    font-size: 14px;
    color:#222;
}
.login_register i{
    display:block;
    width:20px;
    height:26px;
    background-size: 20px;
    margin-left: 4px;
}
.login,.register{
    height:40px;
    text-align: center;
}
.register{
    margin-left:25%;
}
.login i{
    background: url("/img/page/common/login.png") no-repeat 0 0;
}
.register i{
    background: url("/img/page/common/register.png") no-repeat 0 0;
}
.register a:hover,.login a:hover{
    color:#ff6800;
}
.nav_bar{
    width:100%;
    height:60px;
    line-height: 60px;
    background-color: #2aaee1;
    /*background-color: #2994e6;*/
}
.nav_list{
    width:100%;
    max-width: 960px;
    margin:0 auto;
    position: relative;
}
.nav_text{
    width:12.5%;
    text-align: center;
}
.nav_text a{
    display:block;
    width:100%;
    height:58px;
    color:#fff;
    font-size: 18px;
}
.nav_text a:hover{
    background-color:rgba(255,128,0,0.9);
    color:#000;
    border-top: 2px solid blue;
}
.active_1{
    background-color: #ff8000;

    border-top: 2px solid #000;
}
.active_1 a{
    color: #000000 !important;
}
/*登陆成功时*/
.login_access{
    width:35%;
    height:50px;
    margin-top: 18px;
    color:#222;
}
.login_access p a{
    display: block;
    width:100%;
    height:26px;
    line-height: 26px;
    margin-top: 10px;
    text-align: center;
    border-radius: 3px;
}
.login_access .logout{
    width:20%;
    margin-left: 5%;
    font-size: 14px;
}
.login_access .logout a{
    background-color: #f44e1d;
    color:#222;
}
.login_access .logout a:hover{
    background-color: #aaa;
    color:#fff;
}
.login_access .login_manager{
    width:30%;
    font-size: 14px;
}
.login_access .login_manager a{
    background-color: #ff8000;
    color:#fff;
}
.login_access .login_manager a:hover{
    background-color: #ff5900;
    color:#222;
}
.login_access .login_user{
    width:40%;

    font-size: 16px;
    font-weight: 600;
}
.login_access .login_user a:hover{
    text-decoration: underline;
    color:#ff6800;
}


/*--------------文章/活动下拉框-------------------*/
.nav_item{
    display:none;
    height:auto;
    background-color: rgba(255,128,0,0.8);
    position: absolute;
    top:60px;
    z-index: 999;
    text-align: center;
    padding-bottom: 6px;
}
.nav_item li a{
    display:block;
    font-size: 15px;
    width:100%;
    height:100%;
    color:#004bff;
}
.nav_item li a:hover{
    color:#fff;
}
.nav_wenzhang{
    width:28.5%;
    left:42%;
}
.nav_wenzhang li{
    width:30%;
    height:35px;
    margin:2px auto;
    line-height: 35px;
    float: left;
}
.wz_item_1{
    padding-left: 16%;
    padding-right: 8%;
}
.nav_huodong{
    width:12.5%;
    left:62.5%;
}
.nav_huodong li{
    width:90%;
    margin:0 auto;
    height:35px;
    line-height: 35px;
}
.nav_qjnews {
    width: 12.5%;
    left: 37.5%;
}

.nav_qjnews li {
    width: 90%;
    margin: 0 auto;
    height: 35px;
    line-height: 35px;
}

/*页面背景*/
.i_bg_0{ background:#c1e6f7;}
.i_bg_1{background:url(http://www.wyxokokok.com/img/png/bj_1.png);}

.list_condition{  line-height:30px; text-align:center; font-weight:bold; color:#333; padding:5px; }
.list_condition strong{ font-size:24px;}
.list_condition span{ float:right; padding-right:20px;}
.strategy { margin:0 1%;float:left;width:98%;}
#iphone_style .strategy{ font-size:45px; line-height:45px;}
.scenic p{ margin-top:5px; line-height:22px;}
.scenic p img{max-width:674px;} /* width:98%; */
.artwxh{ float:left;height:20px; line-height:20px;font-size:0.8rem ; display:inline-block; width:100%;color:#999;}
.a1{  display:block; font-weight:700; margin-top:5px;  font-size:18px;width:100%;}
.font16{ font-size:15px;}
.flow_td{
    overflow-x:hidden;
}
/*下面是分享/关注样式*/
.artwx{ display:none;color:#999999; font-size:1rem;height:20px; line-height:20px; margin-top:5px; margin-bottom:5px;margin-left:10px; overflow:hidden}
.artwxh{ float:left;height:20px; line-height:20px;font-size:0.8rem ; display:inline-block; width:100%;}
.artwxgz{color:#FFF; background-color:#3287cf; width:66px; text-align:center; float:left;height:22px; line-height:22px; margin-left:10px; font-size:0.8rem}
.explanation { padding: 0 10px; }
.explanation { padding-top: 10px; margin:10px 0; }
.explanation .btn_green,.explanation .btn_red { width: 48%;  margin:auto 1%;}
.px_line { border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { zoom: 1; clear: both; }
.btn_red { height:40px; background-image: linear-gradient(bottom, #e64d3d 0%, #e64d3d 100%); background-image: -o-linear-gradient(bottom, #e64d3d 0%, #e64d3d 100%); background-image: -moz-linear-gradient(bottom, #e64d3d 0%, #e64d3d 100%); background-image: -webkit-linear-gradient(bottom, #e64d3d 0%, #e64d3d 100%); background-image: -ms-linear-gradient(bottom, #e64d3d 0%, #e64d3d 100%); background-image: webkit-gradient(linear, left bottom, left top, color-stop(0, #e64d3d), color-stop(1, #e64d3d));text-align: center;color: #fff;cursor: pointer;width: 100%; }
.btn_green { height:40px; background-image: linear-gradient(bottom, #1bbc9b 0%, #1bbc9b 100%); background-image: -o-linear-gradient(bottom, #1bbc9b 0%, #1bbc9b 100%); background-image: -moz-linear-gradient(bottom, #1bbc9b 0%, #1bbc9b 100%); background-image: -webkit-linear-gradient(bottom, #1bbc9b 0%, #1bbc9b 100%); background-image: -ms-linear-gradient(bottom, #1bbc9b 0%, #1bbc9b 100%); background-image: webkit-gradient(linear, left bottom, left top, color-stop(0, #1bbc9b), color-stop(1, #1bbc9b)); text-align: center; color: #fff; cursor: pointer; width: 100%; }
.input, .btn_green,.btn_red { height: 40px; width: 98%; margin: 0 auto; padding: 0; line-height: 40px; font-size: 14px; border:0 }
.fl { float: left; }
.guide { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1000; }
.guide img { position: fixed; right: 18px; top: 5px; width: 260px!important; z-index: 1001; }
.hide { display: none; }
.showhide { display: none; width: 183px; height: 36px; }

/*报名页*/
.bmym_zl{ width:98%; margin:0 auto;}
.bmym_zl ul{ border:1px solid #CCC; display:inline-block; float:left; padding:5px; width:97%;}
.bmym_zl ul li{ margin-top:7px;}
.inputcss{ width:70%; height:35px; border-radius:3px; border:1px solid #CCC; text-indent:0.5em; font-size:18px;}
.inputcss1{ width:40%; height:35px; border-radius:3px; border:1px solid #CCC; text-indent:0.5em; font-size:18px;}
.bmym{ width:100%; height:100%; background:#FFF; padding-top:5px;}
.hs{ position:fixed;top:0px; left:0px; z-index:999;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5); width:100%; height:100%;_POSITION: absolute;_TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);}
.hdxx_wybm1{ color:#FFF; width:45%; float:left;background:#F60;; text-align:center; margin-top:15px;font-weight:700; margin-bottom:10px; padding:15px 0px 15px 0px; font-size:1.3em; margin-left:2%; height:50px;}
.hdxx_fshy1{ color:#FFF; width:45%; float:left;background:#ccc;text-align:center; font-weight:700; margin-bottom:10px; padding:15px 0px 15px 0px;font-size:1.3em; margin-top:15px; margin-left:5%; height:50px;}

/*活动详细页*/
.hdxx_top{ width:100%; height:auto; height:auto; margin-top:10px; float:left;}
.hdxx_topbt{ width:100%; float:left; font-size:24px; font-weight:700; line-height:35px;  text-align:center; border-bottom:1px solid #ccc;}
.hdxx_top_r{ width:100%; height:160px;  margin-top:5px; margin-bottom:5px;clear:both;}
.hdxx_top_r img{ max-width:674px; height:auto; margin-left:2%; float:left;}
.hdxx_fbr{ color:#0CF;}
.border{ border:1px solid #CCC; padding:1px 1px 1px 1px;}
.hdxx_top_bt{ width:100%; display:inline-block; font-size:0.8em; text-align:right; margin-top:10px; border-top:1px solid #CCC;}
.hdxx_top_bt ul li{ margin-right:5px; display:inline;}
.hdxx_nr{ float:left; width:96%; margin-left:2%; margin-bottom:5px;}
.hdxx_nr .ad_common,.hdxx_nr .ad_img_text,.hdxx_nr .add_img_class3{  width:100%!important;box-sizing: border-box;}
.hdxx_nr .wrap_content{width:100%;}
.hdxx_nr_bt{ font-size:1.3em; font-weight:bold; padding-left:3%; color:#000; background:#ddf3ff; border-bottom:1px solid #ccc; margin-top:15px; line-height:30px; display:inline-block; width:97%;}
.hdxx_nr_nr{ height:auto; font-size:15px; padding-top:5px;  position:relative; margin:2px  auto 0;}
.hdxx_nr_nr div{ line-height:30px;}
.hdxx_nr_div{ margin-top:5px;word-break:break-all;}
.hdxx_bm{ width:100%; border-bottom:1px dashed #ccc; font-weight:700; color:#0CF; font-size:1em;}
.hdxx_bmsj{ float:right; color:#999;}
.hdxx_bottom{ width:100%; float:left;}
.hdxx_wybm{ color:#FFF; width:100%; float:left;background:#F60;; text-align:center; margin-top:15px;font-weight:700; margin-bottom:10px; padding:15px 0px 15px 0px; font-size:1.3em;}
.hdxx_fshy{ color:#FFF; width:100%; float:left;background:#ccc;; text-align:center; font-weight:700; margin-bottom:10px; padding:15px 0px 15px 0px;font-size:1.3em;}
.hdxx_nr_rs{ color:#330; font-weight:700; line-height:25px;border-bottom:1px solid #CCC; margin-top:15px; margin-bottom:5px;}
.hdxx_nr_nr_rs{width:94%; margin-left:3%; height:auto; font-size:1.1em; padding-top:10px; padding:2px; }
.hdxx_js{ position:absolute; top:15px; right:2px;}
/*评论通用*/
.ICO_tou {float: left;height: 46px;overflow: hidden;width: 46px;margin-right:3px; margin-top:3px;}
.cont_box{ float:left; width:60%}
.city_pl_box{ margin:8px 0; padding-bottom:8px; }
.city_img{ padding-top:10px;}
.city_pl{background:#FFF;}
.city_pl p{ line-height:25px; display:block;}
.city_pl .city_pl_time{}
.city_pl_1{ background:url(http://www.wyxokokok.com/img/channel/city_pl01.png) no-repeat;}
.city_pl_2{ background:url(http://www.wyxokokok.com/img/channel/city_pl02.png) repeat-x;}
.city_pl_3{ background:url(http://www.wyxokokok.com/img/channel/city_pl03.png) no-repeat;}
.city_pl_5{ background:url(http://www.wyxokokok.com/img/channel/city_pl05.png) repeat-y;}
.city_pl_6{ background:url(http://www.wyxokokok.com/img/channel/city_pl06.png) repeat-y;}
.city_pl_7{ background:url(http://www.wyxokokok.com/img/channel/city_pl07.png) no-repeat;}
.city_pl_8{ background:url(http://www.wyxokokok.com/img/channel/city_pl08.png) repeat-x;}
.city_pl_9{ background:url(http://www.wyxokokok.com/img/channel/city_pl09.png) no-repeat;}
.pl_box{ padding-top:5px; margin-top:5px; border-top:#eeeeee solid 1px;}



.hotel_top{ height:40px; line-height:40px; background:url(http://www.wyxokokok.com/img/btn/iphone_city_btn1.png) top; font-weight:bold;font-size:18px; color:#FFFFFF;}
.hotel_top span{float:right; margin-right:15px;}
.return_box{ margin-bottom:8px;}
.return_box li{padding:5px 8px;overflow:hidden;line-height:22px;border-bottom:1px solid #cccccc;}
.incss{ width:98%; margin-right:1%; height:80px;}
.btncss{ height:30px; line-height:30px; border-radius:5px;  margin-right:4px; float:right; color:#FFF; background:#09F; font-size:12px;}
.ask_box{ height:190px; float:left; width:100%;border-top: 2px solid #A2C4EA;}
.ask_box h3{ color:#F90; font-size:14px; margin-top:3px; border-bottom:1px solid #CCC; margin-bottom:2px; width:98%;}
.hdxx_pl{ width:100%;}


.ask_box {margin-top: 8px;overflow: hidden;width: 97%; padding:0 5PX 10px 5px; margin:0 auto; margin-bottom:10px;}
.ask_box h3 {background: url(http://img2.auyou.cn/images/system/ico/ico_g01.gif) no-repeat scroll left 10px transparent; color:#FF6600;border-bottom: 1px solid #CCCCCC;font-size: 13px;padding: 5px 10px 5px 15px; line-height:24px;}
.ask_box li {line-height: 24px;margin: 5px 0 0 0;  padding-left:5px;}
.ask_box li input{ height:auto;}
.hdxx_fbpl{ color:#FFF; width:100%; float:left;background:#F60; text-align:center; font-weight:700; padding:15px 0px 15px 0px; font-size:1.3em;}

/*网页详细页*/
.web_nrl{ width:688px; float:left; border:1px solid #ccc; margin-top:10px; background:#FFF;}
.web_nrr{ width:251px; float:left; margin-left:5px; padding:2px; margin-top:8px; overflow:hidden;}
.nrr_1{border:1px solid #ccc; margin-bottom:10px; background:#FFF;}
.nrr_1 li{ margin:5px 5px 2px 10px; font-size:14px; color:#06F;text-decoration:inherit; padding:2px; border-bottom:1px dashed #F90; overflow:hidden; height:18px;}
.nrr_1 dt{font-size:18px; line-height:20px; margin:10px; border-bottom:1px solid #999; font-weight:700;}
.web_btnr{ width:950px; margin:0 auto; display:block;}
.web_top{ height:88px; border-bottom:6px solid #ccc;}
.web_top img{ float:left;}
.ssk{ float:right; margin-right:3px;}
.sskbg{ margin-top:30px; line-height:43px; font-size:16px;}
.sskbg input{ width:310px; height:41px; border-right:0; float:right; font-size:26px;}
.dhl{ height:35px; width:948px; background:#59b4fb;}
.dhl li{ float:left; margin-right:10px; height:35px; line-height:35px; font-size:18px; font-weight:bold; color:#FFF; width:70px; text-align:center; font-family:"宋体";}
.dhl li:hover{  color:#F90;}
.xz{ margin-top:30px; font-size:24px; font-weight:700; line-height:40px;}

.bottom{ width:950px; text-align:center; margin-top:10px; float:left; color:#666; padding:2px; border-top:1px dashed #F90; border-bottom:#F90 1px dashed; margin-bottom:10px; height:50px; line-height:50px;}
/*分享到朋友圈*/
.fx{ width:98%; border:1px solid #7193a4; height:50px; margin-bottom:5px;margin-top: 10px; margin-left:1%; text-align:center; background:#eee;}
.fx:hover{ background:#CCC;}
.fx_nr{ width:260px; line-height:55px; font-size:16px; margin:0 auto;}
.erm{ width:100%; height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5); position:fixed; text-align:center; vertical-align:middle; _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop)); z-index:999999; top:0px;}
.erm_nr{ width:270px; height:310px; background:#FFF; border:1px solid #CCC; margin-left:40%; margin-top:15%;}
/*底部关注页*/
.dbgz{ width:100%; height:32px; line-height:32px;margin-top: 10px;}
.dbgz li{ width:24%;margin-left: 0.8%; float:left; text-align:center;  font-size:12px; font-weight:700;background-color: #c8e9ff;}
.dbgz li:last-child{ }
.dbgz li img{display: inline-block; vertical-align:middle; height:16px!important;width:16px!important; margin-left:2px;margin-right:3px;}
.dbgz_touch{ background:#c2d3ff;}
.dbgz_ys1{ background:#3CF; color:#FFF;}
.dbgz_ys3{  color:#000;}
.dbgz_fl{width:94%; position:fixed; top:22%; left:3%; z-index:999;box-shadow: 0 0 20px #000;}
.dbgz_tab{ background:#eee;margin-bottom: 0!important;}
.dbgz_tab tr{height:40px; border:1px solid #ccc;}
.dbgz_tab td{ text-align:center; height:40px; font-size:14px; color:#666; font-weight:700; border-bottom:1px solid #ccc; width:25%; border-left:1px solid #ccc;}
.dbgz_fl1{ width:100%; height:100%; line-height:40px; color:#666;}
.dbgz_fl_touch{width:100%; height:100%; line-height:40px; color:#666; background:#999;}
.jt{position:fixed; bottom:21px; left:10%; width:60%; z-index:999; text-align:center;}
.close_classify{position:absolute;top:0;right:0;display: block;width:30px;height:30px;background: url(http://www.wyxokokok.com/img/ico/icon_cancel.png) no-repeat center center;background-size: 30px;}
/*手机端兼容*/
a,button,input,li{-webkit-tap-highlight-color:rgba(255,0,0,0);}

/*二维码扫描*/
.ewm_sm{ border:1px solid #ccc; width:120px; text-align:center; position:fixed; top:200px; right:30px; background:#FFF; z-index:99;}
.ewm_sm img{ width:120px; height:120px;margin:0 auto;}

/*头部*/
.wyx_yh{height:41px; width:100%; margin:0 auto;font-family:"微软雅黑"; border-top:3px solid  #F93;}
.top_dl{ width:950px; margin:0 auto;}
.nc{ line-height:27px; float:right; margin-right:10px;}
.grxx{ float:right; height:41px; line-height:41px; }
.wyx_yh ul li{ float:right; margin-right:8px;}
.grxx_dl{ height:24px; margin-top:8px; background:#E7E3E7; border:1px; border-radius:2px; width:60px; line-height:24px; text-align:center; color:#666;  font-size:14px;}
.grxx_zc{ height:24px; margin-top:8px; background:#A5DB18; border:1px; border-radius:2px; width:60px; line-height:24px; text-align:center; color:#fff; font-size:14px;}
.grxx_qt{ height:24px; margin-top:8px; background:#39B2DE; border:1px; border-radius:2px; width:90px; line-height:24px; text-align:center; color:#fff;font-size:14px;}
.top1{width:950px; margin:0 auto; height:80px;}
.top1 img{ float:left; overflow:hidden;}
.wyx_dhl{ height:80px; float:right; width:420px;}
.wyx_dhl li{ float:left;  height:60px; line-height:60px; font-size:20px;color:#fff; width:84px; margin-top:10px; text-align:center; font-family:"微软雅黑"; }
.wyx_dhl li:hover{  color:#fff; background:#F90; font-weight:700;}
.wyx_dhl_xz{color:#fff; background:#F90; font-weight:700;}
/*分享者*/
#wrap{width:auto;height:62px;font-size:12px;font-family:"Microsoft YaHei";margin:15px auto -1px;position:relative;padding:0 1px 0 auto;}
.wrap_content{width:99%;max-width:688px;height:64px;margin:0 auto;border:1px solid rgb(204, 204, 204);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;}
.wrap_content a{text-decoration:none;color:#333;}
.wrap_img{width:44px;height:44px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;display:inline-block;margin:7px 2px 0 7px;}
.wrap_content h3{position:absolute;top:20px;left:60px;font-size:14px;}
.wrap_content img{display:inline-block;width:44px;height:44px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;vertical-align:middle;}
.wrap_source{position:absolute;top:38px;right:3%;}
.wrap_share{background-color:#FFB600;width:65px;height:20px;margin:0 5px;font-size:14px;text-align:center;line-height:20px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;}
.top_content{width:75px;height:20px;background-color:#FFF;position:absolute;top:-10px;left:42%;text-align:center;}
/*底部*/
.bottom_main{ width:950px; margin:0 auto;overflow:hidden;border-top:1px dashed #ddd;clear:both;}
.bottom_l{ width:540px; float:left; padding:10px; font-size:12px; }
.bottom_l p{ color:#666; line-height:17px; vertical-align:middle;}
.bottom_l p img{ vertical-align:middle;}
.bottom_r{ width:390px; height:60px;  margin:0 auto; text-align:center; float:right;}
.bottom_r ul{ width:390px;margin:0 auto;}
.bottom_r ul li{ float:left; margin-left:25px; color:#09F; margin-top:15px; font-size:12px;}
.bottom_bah{ vertical-align:middle; line-height:35px;}
.bottom_bah img{ vertical-align:middle;}



/*任务顶部*/
.task-jd{
    width:100%;
    height:auto;
    padding-top: 10px;
    padding-bottom: 10px;
    /*background: rgb(245,250,255) url("../bg.jpg") -40px 50px no-repeat;*/
}
.task-jd-detail{
    width:310px;
    margin:0 auto;
    text-align: center;
}
.clear_both:after{
    content:"";
    width:0;
    height:0;
    display: block;
    clear: both;
}
.task-jd-detail li{
    list-style-type: none;
    float: left;
}
.quan{
    text-align: center;
    width:60px;
    height:60px;
}
.quan i{
    display: inline-block;
    width:24px;
    height:24px;
    border-radius: 100px;
    background-color: #ccc;
    line-height: 25px;
    text-align: center;
    font-family: 微软雅黑;
    font-weight: bold;
    color:#fff;
    font-style: normal;
}
.heng{
    width:18%;
    height:60px;
    line-height: 20px;
    margin:0 -18px;

}
.heng i{
    display: inline-block;
    width:100%;
    height:3px;
    border-radius: 3px;
    background-color: #ccc;
    font-style: normal;
}
.active{
    background-color: #ff8000!important;
}
.quan_text{
    text-align: center;
    width:60px;
    height:30px;
    line-height: 30px;
    font-size: 12px;
}
.heng_text{
    height:30px;
    width:14%;
}
.text_active {
    color:rgb(255,100,0)!important;
}
.task_describe{
    background: rgb(255, 252, 239);
    border: solid 1px #c2c8c8;
    border-radius: 5px;
    /*padding-bottom: 5px;*/
}
.task_detail{
    width:98%;
    margin:5px 0 0 2%;
}
.left_text{
    float: left;
    color:rgb(0,50,250);
    width:145px;
}
.right_text{
    display:inline-block;
    float: right;
    width:145px;
    color:rgb(0,50,250);
}
.task_font{
    font-size: 13px;
    font-weight: normal;
    color:#1F1F1F;
}
.font_red{
    color:red;
    font-weight: 600;
    font-size: 16px;
}
.small_font{
    font-size: 12px;
    font-style: normal;
    padding-left: 2px;
}
.font_color{
    color:rgb(0,0,255);
    font-size: 16px;
}
.do_task{
    width:100%;
    height:50px;
    line-height: 50px!important;
    margin:5px auto 0;
    font-size: 20px;
    text-align: center;
    border-top: solid 1px #c2c8c8;
    background-color: #ff9b05;
    border-radius: 0 0 5px 5px;
}
.do_task a{
    display: block;
    width:100%;
    height:50px;
    /*background-color: #ff8000;*/
    margin:0 auto;
    color:#fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 5px;
    font-weight: 600;
    letter-spacing: 2px;
}
.do_task a:hover{
    background-color: #ff6800;
    color:#fbff00;
    /*text-shadow:0 0 0 ;*/
}
.add_class1{
    width:100%!important;
    margin:0 auto!important;
}
.add_class2{
    width:96%!important;
}
.add_img_class3{
    width:96%!important;
    border:1px solid rgb(204, 204, 204);
    border-top:0;
    border-radius: 0 0 5px 5px;
    margin:2px auto;
    display: block;
}
.add_class4{
    width:100%;
    border:0;
    display: block;
}
.table_style{
    display: table-cell;
    vertical-align: middle;
}
.add_text_class5{
    width:96%;
    border:1px solid rgb(204, 204, 204);
    margin:0 auto;
    line-height: 24px;
    border-radius: 0 0 5px 5px;
    word-break: break-all;
    display: table;
}
.add_iframe_class6{
    width:100%!important;
}
.add_noiframe_class7{
    width: 96%!important;
    margin:0 auto;
}


.ewm_wyx{
    margin-top: 20px;
    clear:both;
}
.wyx_ewm_wrap{
    width:96%;
    height:auto;
    margin:0 auto;
    background-color: #fff;
    color: rgb(0,180,255);
    font-family: 微软雅黑;
    border: 1px solid #000;
}

.ewm_wyx_title{
    width:90%;
    margin:4px auto 0;
    padding-top: 10px;
    padding-left: 10px;
    font-weight: 600;
    font-size: 15px;
    color: #08a80e;
    text-align: center;
}
.ewm_wyx_img{
    width:310px!important;
    height:300px!important;
    position: relative;
    background: url("http://www.wyxokokok.com/img/ico/wyx_ad3.png") no-repeat 8px 3px;
    background-size:294px;
    margin: 0 auto;
}
.ewm_wyx_img img{
    width:138px;
    height:138px;
    position: absolute;
    top:81px;
    left:86px;
}
.wyx_img_content{
    display: block;
    width:80px;
    height:80px;
    position: absolute;
}
.wyx_img_content_l{
    display: block;
    width:120px;
    height:80px;
    position: absolute;
}

.ewm_wyx_sm{
    width:300px;
    margin:0 auto 20px;
    height:40px;
    line-height: 38px;
    text-align: center;
    font-size: 17px;
    color: yellow;
    font-weight: 600;
    background-color: #2898ff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 20px;
}
.ewm_wyx_sm a{
    color:yellow;
}
/*精彩推荐*/
.wyx_article_rec{
    font-family: "Microsoft YaHei";
    width:96%;
    height:auto;
    margin:20px auto 0;
    background-color: #fff;
    padding-bottom: 10px;
    clear:both;
    padding-top: 20px;
}
.rec_title{
    width:100%;
    height:16px;
    line-height: 16px;
    text-align: center;
    border-top:1px solid #16da20;
}
.rec_title b{
    background-color: #fff;
    padding: 2px 10px;
    display:block;
    width:70px;
    font-size: 15px;
    margin:-12px auto 0;
    color:#16da20;
}
.rec_content{
    width:100%;
    margin:0 auto;
}
.rec_content li{
    width:97%;
    margin: 0 auto;
    list-style-type: none;
    height:60px;
    line-height: 20px;
    border-bottom: 1px solid #eee;
    position: relative;
}
.rec_content li a{
    display: block;
    width:100%;
    height:50px;
    padding-top: 5px;
    line-height: 30px;
    color: #444;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
    font-size: 12px;
    font-weight: bold;
}
.article_img{
    width:50px;
    height:50px;
    vertical-align: -30px;
    margin-right: 6px;
    display: inline-block;
}
.rec_content li span{
    position: absolute;
    right:0;
    bottom:5px;
    color:#bbb;
    font-size: 12px;
}
/*闪动效果*/
.change_opacity{
    animation:change_opacity 0.15s linear 0s infinite alternate;
    -webkit-animation:change_opacity 0.15s linear 0s infinite alternate;
    -moz-animation:change_opacity 0.15s linear 0s infinite alternate;
}
@keyframes change_opacity{
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes change_opacity{
    0% {opacity: 0}
    100% {opacity: 1}
}
@-moz-keyframes change_opacity{
    0% {opacity: 0}
    100% {opacity: 1}
}
/*返回顶部按钮*/
.fanUp {display:none;width:40px;height:40px;position:fixed;bottom:100px;right:10px;z-index: 999;}
.fanUp img {width:40px;}
.fanUp img:active {filter:alpha(opacity=0.8);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}

/*底部*/
.wyx_bottom_logo_bg{width:98%; padding:5px 1%;height:150px;background-color: #fff;text-align: center; margin:5px auto 0; padding-bottom: 30px;border-top: 1px solid #ddd;}
.bottom_logo_bg{width:100%;height:38px;text-align: center;padding-top: 30px;padding-bottom: 20px;}
.bottom_logo_img{width:100%;max-width:300px;height:auto;max-height:38px;display: block;margin:0 auto;}
.wyx_bottom_state{width:100%;text-align: center;line-height: 20px;font-size: 12px;margin-bottom: 100px;}
/*转动*/
.rotate_ad{animation:rotate_ad 1s linear 0s 1;-webkit-animation:rotate_ad 1s linear 0s 1;}
@keyframes rotate_ad {
    0%{transform: rotate(0deg)}
    100%{transform: rotate(720deg)}
}
@-webkit-keyframes rotate_ad {
    0%{transform: rotate(0deg)}
    100%{transform: rotate(720deg)}
}

/*------------------底部版权区域--------------*/
.bottom_copyright {
    width:100%;
    background-color: #bbb;
    padding: 20px 0 30px;
    clear:both;

}
.bottom_copyright .link_url{
    width:100%;
    max-width: 960px;
    text-align: center;
    margin:0 auto;
}
.bottom_copyright .link_text{
    display:inline-block;
    width:12%;
    border-right: 1px solid #fff;
}
.bottom_copyright .link_text a{
    display:block;
    color:#fff;
}
.bottom_copyright .link_text a:hover{
    color:#004bff;
    text-decoration: underline;
}
.bottom_copyright .record{
    width:100%;
    height:30px;
    max-width: 960px;
    text-align: center;
    margin:20px auto 0;
}
.bottom_copyright .record p{
    display:inline-block;
    height:30px;
    font-size: 15px;
    color:#666;
}
.bottom_copyright .copyright{
    width:100%;
    max-width:960px;
    text-align: center;
    margin: 0 auto 0;
}
.bottom_copyright .copyright p{
    font-size: 15px;
    color:#666;
}
.bottom_copyright .service{
    font-size: 14px!important;
    color:#000!important;
    padding-top: 15px;
}
.service img{
    display:inline-block;
}
/*招商项目页面*/
.zsxm_money{width:58%!important;}
.zsxm_for{width:42%!important;text-align: center;}
.zsxm_user,.zsxm_contact{width:80%!important;}
.zsxm_user{color:#333!important;}

.bottom_ewm{
    width:100%;
    max-width: 688px;
    height:200px;
    font-family: "Microsoft YaHei";
}
.bottom_ewm_title{
    width:97%;
    font-size: 14px;
    text-align: center;
}
.ewm_content{
    width:320px;
    height:126px;
    margin:0 auto;
    overflow: hidden;
    background:#fff url("http://www.wyxokokok.com/img/ewm_zw.png") no-repeat right 0;
    background-size: 300px auto;
    position: relative;

}
.ewm_content img{
    width:136px;
    height:136px;
    position: absolute;
    top:-56px;
    left:0;
    z-index: 300;
    padding-right: 196px;
    padding-top: 50px;
    padding-bottom: 30px;
}
.ewm_bottom_t{
    width:97%;
    font-size: 14px;
    text-align: center;
}
.iframe_wrap{
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left:0;
    background: #fff;
    z-index: 1999;
}
.iframe_content{
    margin:0!important;
    padding:0!important;
    width:100%;
    height:100%!important;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    border: 1px solid #95a5a6;
}
.jumpbox {
	width: fit-content;
	height: fit-content;
	position: fixed;
	bottom: 10vh;
	left: 50%;
	transform: translateX(-50%);
	background-color: #D91030;
	color: white;
	border-radius: 3.125rem;
	letter-spacing:.0625rem;
	box-sizing: border-box;
	padding:.25rem 2.5rem;
}

.jumpbtn {
	border-radius: 1.875rem;
	color: white;
	cursor: pointer;
	margin-bottom: -0.3125rem;
	text-align: center;
	font-size:.975rem;
}

.jumptitle{
	font-size:.625rem;
	text-align: center;
}