@charset "utf-8";
/* CSS Document */
body,div,p,span,ul,li,dl,dt,dd,a,ol,input,button,img,h1,h2,h3,h4,h5,h6{ padding:0; margin:0; list-style:none; border:0;}
body{ font-family:'Microsoft Yahei',arial,'Simsun'; color:#1E202C; font-size:14px; line-height:24px; }
a{ color:#BBBBBB; text-decoration:none;font-family:"微软雅黑";}
/*a:hover{color:#8DC9FF; text-decoration:none;}*/
body,input,button,img{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i{font-style:normal;}
.hhh{font-weight:normal;}
.dr_center{margin:0 auto;}
.dr_Pcenter{text-align:center;}
.no_padding{padding-left:0!important}
.no_bg{background:none!important}
.green{color:#3575CA;}
.no_margin{margin:0;}
.dr_con_a:hover{color:#333333; text-decoration:underline;}
.dr_cursor{cursor:pointer;}
input,button{font-family:"微软雅黑";}
.fr{ float: right; }
.fl{ float: left; }
.clearfix::after {clear: both; content: ""; display: block; height: 0;}

/*.clearfix{clear: both;}
*/
.index_box{
    width: 100%;
    height: auto;
}
/*-------------------头部---------------------*/
.header_height{
    width: 100%;
    height: 30px;
}
.header_box{
    width: 100%;
    height: 45px;
    background-color: #474747;
    position: fixed;
    top: 0;
    z-index: 1000;
}
.header{
    width: 1200px;
    height: 45px;
    margin: 0 auto;
}
.hd_left{
    float: left;
}
.hd_left li{
    float: left;
    line-height: 44px;
    font-size: 15px;
    padding: 0 20px;
    position: relative;
}
.hd_left li a{
    color: #fff;
    display: block;
}
.hd_left li.toindex{
    padding: 0 45px;
}
.hd_left li.select{
    width: 86px;
    padding: 0 20px 0 62px;
    background: url(/data/static/images/index/arrow_down.png) no-repeat 26px center;
}
.hd_left li.tolanguage{
    padding: 0 20px 0 42px;
    background: url(/data/static/images/index/arrow_down.png) no-repeat 26px center;
}
.hd_left li:hover{
    background-color: #333;
}
.hd_left li.select:hover{
    background: url(/data/static/images/index/arrow_up.png) no-repeat 26px center;
    background-color: #333;
}
.hd_left li.select:hover{
    background: url(/data/static/images/index/arrow_up.png) no-repeat 26px center;
    background-color: #333;
}
.hd_left li.tolanguage:hover{
    background: url(/data/static/images/index/arrow_up.png) no-repeat 26px center;
    background-color: #333;
}
.hd_left .select_list{
    display: none;
    position: absolute;
    left: 0;
    top: 43px;
    z-index: 200;
    background-color: #474747;
    width:168px ;
    text-align: left;
}

.hd_left .select_list p:hover{
    background-color: #333;
}

.hd_left .select_list p{
    width: 84px;
    float: left;
    line-height: 34px;
    font-size: 14px;
    text-align: center;
    /*background: url(/data/static/images/index/select_more.png) no-repeat 100px center;*/

}

.hd_left .nav_drop_menu{
    display: none;
    position: absolute;
    left: 0;
    top: 43px;
    z-index: 200;
    background-color: #474747;
    width: 137px;
    text-align: center;
}
.hd_left .nav_drop_menu p{
    line-height: 38px;
    font-size: 14px;

}
.hd_left .nav_drop_menu p:hover{
    background-color: #333;
}

.hd_right:hover .denglu_user_list{ display: block; }
.hd_right{
    float: right;
}
.hd_right li{
    float: left;
    line-height: 44px;
    font-size: 12px;
    color: #fff;
    position: relative;
}
.hd_right .header_denglu_icon{      width: 18px;
    height: 20px;    background: url(/data/static/images/public/oufeng_icon.png) no-repeat 0px -117px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -2px; }

.hd_right .denglu{
    display: inline-block;
    cursor: pointer;
    color: #666;
    float: left;
    line-height: 45px;
    margin-right: 15px;
}
.denglu_touxiang{ display: inline-block; margin: 16px 8px 0 0; float: left; }
.hd_right li.denglu .denglu_touxiang,.hd_right li.denglu p,.hd_right li.denglu .mail{
    float: left;
}
.hd_right .zhuce{ width: 120px;height: 32px;background: url(/data/static/images/index/zhuche_icon.png) no-repeat 0 0;display: inline-block; cursor: pointer; margin-top: 6px; }
.hd_right .grade{ color: #ff9900; padding-left: 4px; font-size: 16px;  font-style: italic; }
.addJifen{display: none;position: absolute;top: 14px;left: 30px;-webkit-animation: toHide 2s linear both;
    -moz-animation: toHide 2s linear both;
    -o-animation: toHide 2s linear both;
    animation: toHide 2s linear both;
    behavior: url(/data/static/js/ie-css3.htc);}
@keyframes toHide{
    0%   {-webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        behavior: url(/data/static/js/ie-css3.htc);}
    25%  {-webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
        behavior: url(/data/static/js/ie-css3.htc);}
    50%  {-webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        behavior: url(/data/static/js/ie-css3.htc);}
    75%  {-webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
        behavior: url(/data/static/js/ie-css3.htc);}
    100% {-webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
        behavior: url(/data/static/js/ie-css3.htc);}
}
.hd_right .denglu_user_list{
    position: absolute;
    left: 0;
    top: 51px;
    z-index: 200;
    background-color: #eee;
    display: block;
    font-size: 12px;
    display: none;
}
.denglu_drop:hover .denglu_user_list{ display: block; }
.hd_right .denglu_user_list li a{ color: #666; }
.hd_right .denglu_user_list li a:hover{ color:#fd8500; }
.hd_right  .denglu_user_list li{
    /*width: 150px;*/
    line-height: 38px;
    padding: 0 20px;
    float: none;
    position: relative;
}
.hd_right  .denglu_user_list li a:hover{ color: #fd8a1a; }
.hd_right .denglu .denglu_user_list li a{
    display: block;
}
.hd_right .denglu_user_list li img{
    width: 20px;
    height: 20px;
    position: absolute;
    right:10px;
    top: 8px;

}

.hd_right li.denglu .denglu_touxiang{
    width: 12px;
    height: 12px;
    margin-right: 10px;
    padding-top: 16px;
}
.hd_right .my_point{ float: right; }
.hd_right li.denglu .mail{
    position: relative;
}
.hd_right .denglu_user_list li a div{ float:right; margin-right: 20px; }
.hd_right li.denglu .mail .mail_img{
    margin-right: 15px;
    padding: 16px 0;
}
.hd_right li.denglu .mail .mail_new{
    position: absolute;
    left: 10px;
    top: 2px;
}
.hd_right li.history{
    padding: 0 20px 0 42px;
    background: url(/data/static/images/index/arrow_down.png) no-repeat 26px center;
}
.history_list_box{
    position: absolute;
    right: 0;
    top: 45px;
    z-index: 300;
    width: 195px;
    display: none;
    color: #454545;
    font-size: 12px;
}
.history_list_box span{
    display: block;
    width: 11px;
    height: 9px;
    background: url(/data/static/images/index/history_icon.png) no-repeat;
    position: absolute;
    top: -9px;
    right: 22px;
}
.history_bg{
    display: none;position: fixed;  top: 45px;  left: 0%;  width: 100%;  height: 100%;  background-color: black;  z-index:200;  -moz-opacity: 0.5;  opacity:.50;  filter: alpha(opacity=50);
}
.history_list{
    padding-top: 12px;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
}
.history_list .history_more{
    display: block;
    background: #ececec;
    height: 32px;
    line-height: 32px;
    color: #454545;
    font-size: 12px;
    text-align: center;
}
.history_list_ctn{
    padding-left: 16px;
}
.history_list_ctn dl{
    border-left: 1px solid #e6e6e6;
    padding: 12px;
    padding: 4px 0 4px 12px;
    background: url(/data/static/images/index/circle_cur.png) no-repeat left 12px;
}
.history_list_ctn dt{
    width: 60px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background: #5e9dfa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.history_list_ctn dd{
    /*padding: 8px 0;*/
    line-height: 30px;
}
.history_list_ctn dd a{
    color: #454545;
}
.history_list_ctn dd a:hover{
    text-decoration: underline;
}

.hd_right li:hover{
    /*background-color: #333;*/
}
.hd_right li.history:hover{
    background: url(/data/static/images/index/arrow_up.png) no-repeat 26px center;
    background-color: #333;
}


/*登陆框*/
/*.denglu_wrap{width:310px; height:380px; background:#FFFFFF; position:absolute; top: 70px; z-index: 999; right: -46px; display: none;border: 1px solid #b1b1b1;}*/
.sanjiao{width:9px; height:6px; background:url(/data/static/images/sanjiao_ico6.png) no-repeat; left: 230px; top: -6px; position: absolute;z-index: 999;}
.denglu_k{width:330px; background:#FFFFFF;  margin:34px auto 0;position: relative;}
.dl_show .text{height:44px; background:#fff;}
.dl_show .user_sex{ margin-bottom: 20px; color:#999; }
.dl_show .user_sex label{ margin-right:40px; cursor:pointer ; }
.dl_show .user_sex input{  width: 15px; height: 15px; display:inline-block; cursor:pointer ; vertical-align: -2px; margin-right: 10px;  }
.dl_show .haoma input{background:#fff url(/data/static/images/index/input_ico1.png) no-repeat 13px center;}
.dl_show .bd_cuowu{font-size:12px; text-align:right; color:#619EF7; line-height:30px; display: block; }
.dl_show .mima input,.dl_show .mima span{float: left;}
.dl_show .mima input{background:#fff url(/data/static/images/index/input_ico2.png) no-repeat 13px center;}
.dl_show .mima #zhuce_inp_code{width: 140px;background: #fff;margin-right: 14px;}
.dl_show .mima button{display: block;cursor:pointer;width: 132px;height:42px;background: #fff; border: 1px solid #619EF7;color: #619EF7;font-size: 14px;text-align: center;line-height: 42px;-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
.address select{  width: 130px; height: 44px; line-height: 44px; border:1px solid #ddd; border-radius: 4px; outline: none; margin-right: 20px; color: #999; }
input::-webkit-input-placeholder{color:#999;}

.f_btn2{width:100%;height: 42px;background: #5e9dfa;font-size: 18px;text-align: center;line-height: 42px;color: #fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin: 15px 0;}
.dl_show .mima button.code_cur{border-color: #ddd;color: #666;background: #ddd;}
.dl_show .yanzheng{background:#fff url(/data/static/images/index/input_ico2.png) no-repeat 13px center;}
.dl_show .email input{ background:#fff url(/data/static/images/index/email_icon.png) no-repeat 13px 14px; }
.dl_show .birthday input{ background:#fff url(/data/static/images/index/birthday_icon.png) no-repeat 13px 16px ; }
.dl_show .address input{ background:#fff url(/data/static/images/index/address_icon.png) no-repeat 13px 15px; }
.success_prompt{ font-size: 20px; color:#ff7800; font-weight: bold; text-align: center; padding:80px 0;  }
.success_prompt .success_icon{background:#fff url(/data/static/images/success_icon.png) no-repeat 0 0; width: 25px; height: 30px; display: inline-block; vertical-align: -7px; margin-right: 16px;  }
.dl_show  input{width:290px; height:42px; font-size: 14px;line-height: 42px;padding-left: 40px;border: 1px solid #ddd;color: #666;-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
input::input-placeholder{color:  #999 ;} /* 有些资料显示需要写，有些显示不需要，但是在编辑器webstorm中该属性不被识别 */
::-webkit-input-placeholder { /* WebKit browsers */ color: #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999;
}
　　

.dl_show .wangji{position: absolute; font-size:14px;color: #999;right: 20px;top: 85px;}
.wangji a{color:#999;}
.wangji a:hover{color:#4e95f7;}
.dl_show .zidong{cursor: pointer; padding:0 0 0 24px; background:url(/data/static/images/index/zidong.png) no-repeat left center; line-height: 42px; color:#999;}
.dl_show .zidong:hover{color:#999;}
.dl_show .zidong1{cursor: pointer; padding:0 0 0 24px; background:url(/data/static/images/index/zidong.png) no-repeat left center; line-height: 42px; color:#999;}
.dl_show .zidong1:hover{color:#999;}
.dl_show .current{background:url(/data/static/images/index/zidong-h.png) no-repeat left center;}
.f_btn,#email_qr{width:330px; height:42px; background:#5e9dfa; font-size:18px; text-align:center; line-height:42px; color:#fff;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius:4px; margin:15px 0 0 0 ;}
.dl_show  p{line-height:24px;color: #686868;}
.dl_show  p.wangji{position: absolute;right: 20px;top:86px;}
.dl_show .qita{margin:0 auto; text-align:center; font-size:12px;}
.dl_show .qita p{color: #999;font-size:14px;line-height: 22px;margin: 20px 0 20px 0;}
.dl_show .qita span{display: inline-block;width: 72px;height: 22px;background: url(/data/static/images/qita_border.png) no-repeat left 15px;}
.qita ul{width: 336px; margin: 0 auto;}
.qita ul li{float:left; width:54px; height:18px;margin:0 29px;cursor: pointer;padding-top: 68px;font-size: 14px;color: #999;}
.qita ul li:hover{color: #666;}
.qita  .weixin{background:url(/data/static/images/index/weixin.png) no-repeat; }
.qita  .weixin:hover{background:url(/data/static/images/index/weixin_h.png) no-repeat; }
.qita  .weixin:active{background:url(/data/static/images/index/weixin_h.png) no-repeat; }
.qita  .qq{background:url(/data/static/images/index/qq.png) no-repeat;}
.qita  .qq:hover{background:url(/data/static/images/index/qq_h.png) no-repeat; }
.qita  .qq:active{background:url(/data/static/images/index/qq_h.png) no-repeat; }
.qita  .weibo{background:url(/data/static/images/index/weibo.png) no-repeat; margin-right:0; }
.qita  .weibo:hover{background:url(/data/static/images/index/weibo_h.png) no-repeat; margin-right:0; }
.qita  .weibo:active{background:url(/data/static/images/index/weibo_h.png) no-repeat; margin-right:0; }
 .qita  .y_code{background:url(/data/static/images/index/shouji.png) no-repeat; }
.qita  .y_code:hover{background:url(/data/static/images/index/shouji.png) no-repeat; }
.qita  .y_code:active{background:url(/data/static/images/index/shouji.png) no-repeat; }

.zhuce{display:none;}
.dl_show .yanzheng{background:#fff url(../images/yanzheng.png) no-repeat 13px center;}
.yanzheng input{float:left; width:179px; height:33px;}
.yanzheng .yanzheng_btn{float:left; width:84px; height:33px; background:#FF6600; color:#fff;}
.yanzheng .yanzheng_btn:hover{background:#f58236;}
.yanzheng .yanzheng_btn:active{background:#FF6600;}
.zhuce .checkbox{height:40px; line-height:40px;}
.zhuce .checkbox input{width:22px; float:left;}
.zhuce .checkbox span{float:left; padding-right:10px;color: #999;}
.checkbox span{padding-left:22px; background:url(/data/static/images/index/zidong.png) no-repeat center left; line-height:17px; width:46px; }
.checkbox span.current{background:url(/data/static/images/index/zidong-h.png) no-repeat center left;}


/*登录提示框*/
#denglu_modal{ display: none;left:50%;top:20%; z-index:9999999;margin-left:-195px;  background:#fff;border-radius: 10px;position: fixed;width:390px;height:auto; padding-bottom: 20px; }


.public_modal{  background:#fff;border-radius: 10px;position: fixed;width:390px;height:auto;}
.email_modal,.success_modal,.info_modal{ position: absolute; top:30%; left:50%; margin-left: -195px; }
.denglu_tit{color:#999;font-size:20px;height: 57px;line-height: 55px;border-bottom: 1px solid #e6e6e6;}
.denglu_tit span{display: block; float:left;cursor:pointer;width: 130px;text-align: center;margin: 0 32px;}
.denglu_tit em{cursor: pointer; position: absolute;display: block;width: 64px;height: 64px;background: url(/data/static/images/index/denglu_close.png) no-repeat;right: -4px;top: -6px;}
.denglu_tit span.denglu_cur{color: #5e9dfa;border-bottom: 2px solid #5e9dfa;}
.denglu_k{margin: 26px auto;height: auto;}
.denglu01 .f_btn{margin-bottom: 0;}
.noaccount{font-size: 12px;color: #3575ca;text-decoration: underline;text-align: right;line-height: 36px;cursor: pointer;}
#denglu_bg{display:none;position: fixed;  top: 0%;  left: 0%;  width: 100%;  height: 100%;  background-color: black;  z-index:999999;  -moz-opacity: 0.7;  opacity:.70;  filter: alpha(opacity=70);width:100%;}
.tologin{font-size: 12px;color: #3575ca;text-decoration: underline;text-align: right;line-height: 24px;cursor: pointer;}


/*底部*/
.footer_box{
    /*height:350px;*/
    width:100%;
    background: #f0f0f0;
}
.footer_box1{
    width: 1140px;
    /*height:310px;*/
    margin: 0 auto;
    /*background: #f66;*/
}
.footer1_help{
    height: 208px;
    border-bottom: 1px solid #e3e3e3;
}
.footer1_help dl{
    float: left;
    padding: 6px 0 0 12px;
}
.footer1_help dl dt{
    font-size: 18px;
    color: #ff7c00;
    padding: 20px 0 15px 0;
    font-weight: bold;
}
.footer1_help dl dd{
    font-size: 14px;
    padding-bottom: 8px;
}
.footer1_help dl dd a{
    color: #666;
    font-family:"微软雅黑";
}
.footer1_help dl dd a:hover{
    color: #619EF7;
    font-family:"微软雅黑";
}
.footer1_help dl.newbie_guide{
    width: 160px;
}
.footer1_help dl.about_course{
    width: 160px;
}
.footer1_help dl.help_center{
    width: 160px;
}
.footer1_help .phone_qq{
    float: left;
    padding-top: 24px;
}
.footer1_help .phone_qq img,.footer1_help .phone_qq div{
    float: left;
}
.footer1_help .phone_qq img{
    margin-right: 14px;
}
.footer1_help .phone_qq h3{
    line-height: 24px;
    font-size: 18px;
    color: #333;
}
.footer1_help .phone_qq h4{
    line-height: 48px;
    font-size: 20px;
    color: #999;
}
.footer1_help .phone_qq p{
    padding: 2px 0 18px 0;
    font-size: 14px;
    color: #999;
}
.footer1_help .wechat{
    float: left;
    padding-top: 24px;
    margin-left: 104px;
    width: 125px;
}
.footer1_help .wechat img{
    width: 125px;
    height: 125px;
}
.footer1_help .wechat p{
    font-size: 18px;
    color: #333;
    text-align: center;
    padding-top: 12px;
}

.footer_box2{
    height:40px;
    width:100%;
    font-size: 14px;
    color: #999;
    line-height: 40px;
    background: #474747;
}
.footer_box2 div{
    width: 1070px;
    padding-left: 130px;
    margin: 0 auto;
}
.footer_box2 div:after{
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.footer_box2 li{
    float: left;
}
.footer_box2 li a{
    color: #999;
}
.footer_box2 p{
    float: left;
    margin-left: 25px;
}

.wpa{
    position:fixed;
    right:0;
    bottom:200px;
    z-index: 100;

}

.public_width {
    width: 1200px;
    margin: auto;
    overflow: hidden;
}
.footer1_link dl{padding: 15px 0px 32px;}
.footer1_link dl:after{content: "";clear: both;height: 0;display: block;visibility: hidden;}
.footer1_link dt{float: left;}
.footer1_link dd{float: left;width: 1020px;}
.footer1_link dt{font-size: 14px;color: #999;font-weight: 600;}
.footer1_link dd{font-size: 14px;color: #999;margin-right: 18px;}
.footer1_link dd a{color: #999;}
.footer1_link dd a:hover{color: #666;}

/*右悬浮*/
.r_xuanfu{width:40px; height:40px; position:fixed; right:10px; bottom:80px; z-index: 100;}
.r_xuanfu p{width:40px; height:40px; margin-top:7px;}
.fanhui{background:url(/data/static/images/Top-01.jpg) no-repeat;background-size: cover;}
.top_gh{position:absolute; left:-129px; top:8px; display:none;}

.r_xuanfu_wei{width:60px; height:40px; position:fixed;right: 0; top:320px; z-index: 100;}
.r_xuanfu_wei p{width:60px; height:40px;}
.r_xuanfu_wei .wei{background:url(/data/static/images/Wechat-01.png) no-repeat; position:relative;background-size: cover;}
.weixin_gh{position:absolute; left:-120px; top:-66px; display:none;}
.r_xuanfu_wei .wei:hover .weixin_gh{display:block;background-size: cover;}


.hot_img{
    position: fixed;
    top: 50%;
    margin-top: -178px;
    right: 0;
    z-index: 100;
}

.agent .new_gif{background:url(/data/static/images/agent/agent_new.gif) no-repeat; width: 30px; height: 16px;display: inline-block; position: absolute;top:14px;right: -18px;   }


#sho_zccg{display: none;position: fixed;left:50%;top:20%; z-index:1002;width:710px;padding:10px 20px;background:#fff;margin-left:-355px;}
#sho_zccg{padding:0;width:400px;height:200px;margin-left:-225px;overflow:hidden;}
#sho_zccg .con{padding:0;}
#sho_zccg .con p.p_c{width:400px;text-align:right;}
#sho_zccg .con .p_a{text-align: center;}
#sho_zccg .con .p_a a{display:inline-block;width:85px;height:25px;border:1px #4275cd solid;color:#4275cd;font-size:12px;font-weight: bold;text-align: center;line-height: 25px;border-radius: 20px;margin-top: 20px; }
#sho_zccg .con .p_a a:hover{color:#FFFFFF;background: #3575CA;}
#sho_zccg .p_11{background:#3575c8;color:#fff;font-size:14px;padding:8px 25px;}
#sho_zccg .p_11 span{float:right;color:#fff;cursor:pointer;}
#sho_zccg .pp_1{color:#595959;font-size:16px;font-weight: bold;margin:30px 50px 0 50px;line-height: 41px;text-align: center;}
#sho_zccg .pp_1 img{width: 41px;display: inline-block;}
#sho_zccg .pp_1 span{display: inline-block;margin-left: 10px; -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);}
#alertbg_zccg{display:none;position: fixed;  top: 0%;  left: 0%;  width: 100%;  height: 100%;  background-color: black;  z-index:1001;  -moz-opacity: 0.7;  opacity:.70;  filter: alpha(opacity=70);width:100%;}



/*模态框*/
#sho_zcsb{display: none;position: fixed;left:50%;top:20%; z-index:1002;width:710px;padding:10px 20px;background:#fff;margin-left:-355px;}
#sho_zcsb{padding:0;width:400px;height:200px;margin-left:-225px;overflow:hidden;}
#sho_zcsb .con{padding:0;}
#sho_zcsb .con p.p_c{width:400px;text-align:right;}
#sho_zcsb .con .p_a {text-align: center;}
#sho_zcsb .con .p_a a{display:inline-block;width:85px;height:25px;border:1px #4275cd solid;color:#4275cd;font-size:12px;font-weight: bold;text-align: center;line-height: 25px;border-radius: 20px;}
#sho_zcsb .con .p_a a:hover{color:#FFFFFF;background: #3575CA;}
#sho_zcsb .p_11{background:#3575c8;color:#fff;font-size:14px;padding:8px 25px;}
#sho_zcsb .p_11 span{float:right;color:#fff;cursor:pointer;}
#sho_zcsb .pp_1{color:#595959;font-size:16px;font-weight: bold;margin:40px 50px 0 50px;line-height: 41px;}
#sho_zcsb .pp_1 span{display: block;text-align: center;margin-bottom: 20px;}
#alertbg_zcsb{display:none;position: fixed;  top: 0%;  left: 0%;  width: 100%;  height: 100%;  background-color: black;  z-index:1001;  -moz-opacity: 0.7;  opacity:.70;  filter: alpha(opacity=70);width:100%;}



/********** 公用弹框背景 ****/
.popup_bg,.index_popup_bg,.footer_popup_bg,.main_bg{ position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999; display:none;　}
.mask{background: #000;filter: alpha(opacity=60);opacity: .6;height: 100%; }
/********** 新用户优惠券弹框 ****/
.coupon_bg{ width: 710px; height: 426px; border:5px solid #ffac07; background: #fff; border-radius: 30px; position: absolute; top:50%; left:50%; margin:-213px 0 0 -355px; overflow: hidden;  }
.coupon_bg .close_but{ width: 50px; height: 80px; line-height: 96px; font-size: 30px; text-align: center; background: #ffac07; color: #fff; border-radius:30px; display: block; margin:-22px 20px 0 0; }
.coupon_bg .ctr { text-align: center; }
.coupon_bg .ctr h4{ font-size: 30px; color: #5c5c5c; padding-bottom: 24px; }
.coupon_bg .ctr img{ margin:auto; }
.coupon_bg .ctr h4 span{ font-size: 50px; color:#ffac07; }
.coupon_bg .ctr p{ font-size: 18px; color: #5c5c5c; }
.coupon_bg .receive_but{ width: 200px; height: 60px; line-height: 60px; text-align: center; display: block; color: #fff; background: #ff8702; font-size: 26px; font-weight: bold; margin:16px auto 0; border-radius: 40px;  }
.coupon_bg .receive_but:hover{ opacity: .9; }
/**** 积分返现页面样式 **/
.my_integral .con_show { padding-left: 213px; padding-bottom: 30px; border-bottom: 1px dotted #c3c3c3;  }
.my_integral .con_show dl{ display: inline-block;width: 266px; text-align:center; }
.my_integral .con_show dl dt{ font-size: 18px; color:#555; height: 38px; line-height: 38px; }
.integral_show{ padding-bottom: 10px; }
.my_integral .con_show .exchange_but{ width: 104px; height: 40px; line-height: 40px; text-align: center; display: block; background: #ff842e; font-size: 16px;  color: #fff; margin:0 auto; }
.my_integral .con_show .exchange_but:hover{ opacity: .8;  }
.my_integral .con_show .integral{ font-size: 22px; color:#ff842e; padding:12px 0 10px 0; display:block; }
.my_integral .con_info h3{ height: 44px;line-height: 44px; font-size: 16px; color: #555; font-weight: 600;  }
.my_integral .member_grade .list{ width: 141px; float: left; margin:0 0 20px 0; text-align: center; }
.my_integral .member_grade .list img{ margin:0 auto; }
.my_integral .member_grade { width: 630px; padding-top: 12px; }
.my_integral .member_grade .list p{ font-size: 12px; color: #555; }
.my_integral .member_grade .list .p1{ line-height: 18px; }
.my_integral .member_grade .list img{ width: 75px; height: 80px; display:block; }
.my_integral .member_grade_box{ width: 630px; }
.my_integral .con_info{ padding-left: 20px; }
.my_integral  .integral_cashback p{ font-size: 12px; color: #555; line-height: 30px; }
.my_integral  .integral_cashback p span{ color: #ff842e; }
.my_integral  .integral_cashback h4{  font-size: 14px; padding-top: 14px; }


/**** 积分返现弹框样式 **/
.prompt_popup,.apply_popup,.success_popup{ width: 472px; background:#fff; position: absolute; top:40%; left: 50%; margin-left:-236px;  padding-bottom:45px; }
.prompt_popup .title,.apply_popup .title,.success_popup .title{ height: 36px; line-height: 36px; color: #fff; font-size: 18px; padding: 0 20px; background:#3575ca; }
.prompt_popup .close_but,.apply_popup .close_but,.success_popup .close_but{ color: #fff; }
.main_bg .popup_but { margin:0 auto; text-align: center; position: relative; }
.prompt_popup .p{ font-size: 20px; color: #333; padding: 80px 0 50px 0; text-align: center; }
.main_bg .popup_but a{ padding: 0 22px;  height: 36px; text-indent: 0; width: auto; float:inherit; line-height: 36px; color: #fff; text-align: center; display:inline-block; font-size: 18px; background:#ff842e; border-radius: 15px; margin:0 10px; transition: all .2s   }
.main_bg .popup_but a:hover{ opacity: .8; }
.main_bg .title .close_but:hover{ color: #ff842e; }
.apply_popup .apply_con { padding-top: 30px; }
.apply_popup .apply_con .info{ width: 276px; margin:0 auto 16px;  }
.apply_popup .apply_con .info .info_title{ width: 80px; padding-right:15px; font-size: 16px; line-height: 36px; }
.apply_popup .apply_con .info .input{ width: 158px; height: 34px; line-height: 34px; padding: 0 10px; border:1px solid #bfbfbf;  }
.success_popup .success_con .prompt{ font-size: 20px; color: #333; padding: 44px 0 24px 0; text-align: center; }
.success_popup .success_con p{  font-size: 14px;color: #777; text-align: center; line-height: 18px; padding-bottom: 30px; }
.success_popup .success_con .success_but{ padding: 0 44px; }
.success_popup .succes_icon{ width: 45px; height: 53px; display: inline-block; background: url(/data/static/images/webapp/member/success_prompt_icon.png) no-repeat 0 0;vertical-align: -15px; margin-right: 5px;  }
.exchange_popup .p, .no_exchange_popup .p, .success_popup .p, .mobile_popup .p{font-size: 20px;color: #333;padding: 80px 0 50px 0;text-align: center;}
.success_popup .p i{width: 25px;height: 30px;background: url(/data/static/images/zt/exchange_success_icon.png) no-repeat 0 0;display: inline-block;vertical-align: -5px;margin-right: 10px;}
/******** 微信二维码 ****/
.weixin_code{ width: 230px; height: 298px; padding: 0 20px 0 10px; background: #fff; border:1px solid #d8d8d8; position: absolute; top:-100px; left: 50%; margin-left: -115px; display: none;  }
.weixin_code .weixin_c .code_img{ width: 188px; height: 188px; display: block; margin:0 auto 8px; }
.weixin_code .weixin_top{ height: 40px; line-height: 40px; }
.weixin_code .weixin_c p{ text-align: left; font-size: 12px; }
.weixin_code .weixin_top .close_weixin{ cursor:pointer ; font-size: 14px; display: inline-block;  }





/* 新头部2018-10-15 */
.index_header{ width: 100%;height: 80px;background: #0f9cfe; }
.index_header .header_con{ width: 1200px;margin:0 auto; }
.index_header .header_con .index_logo{ width: 190px;height: 58px;display: inline-block; margin-top: 16px; }
.index_header .login_info{ width: 198px;height: 28px;border: 1px solid #fff;border-radius: 20px; margin-top: 20px; margin-right: 30px; }
.index_header .cutoff_line{ width: 1px;height: 40px;background: #fff;display: inline-block; margin:20px 0 0 25px; }
.index_header .login_info a{ font-size: 14px;color: #fff; display: inline-block; float: left; width: 98px;height: 28px;line-height: 28px;text-align:center; }
.index_header .login_info .denglu_button i{ width: 14px;height: 16px; background: url(/data/static/images/index/index_icon.png) no-repeat 0 -38px;display: inline-block; vertical-align: -2px;margin-right: 5px;}
.index_header .login_info .zhuce_button{ background: #fff; border-radius: 20px;color: #0f9cfe; border-top-left-radius: 0; border-bottom-left-radius: 0; float: right; }
.index_header .login_info .zhuce_button i{ width: 16px;height: 20px; background: url(/data/static/images/index/index_icon.png) no-repeat 0 -69px;display: inline-block; vertical-align: -5px;margin-right:3px; }
.index_header .phone_info { color: #fff; padding-top: 12px; padding-left: 25px; }
.index_header .phone_info .phone{ font-size: 20px;font-weight: bold;font-style: italic;color: #fff; }
.index_header .phone_info .phone i{ width: 22px;height: 22px; background: url(/data/static/images/index/index_icon.png) no-repeat 0 -107px;display: inline-block; vertical-align: -5px;margin-right:3px;  }
.menu_choice { position: relative; }
.menu_choice .menu_show{ display: block;font-size: 24px;color: #fff;width: 120px;height: 80px;text-align: center;line-height: 80px; }
.menu_choice .menu_icon{ width: 15px;height: 9px;background: url(/data/static/images/index/menu_icon.png) no-repeat 0 0; display: inline-block; position: absolute;top:36px;right: 10px; }
.menu_choice .nav_drop { position: absolute;top:80px;left:0; }
.menu_choice .nav_drop a{ width: 120px;height: 42px;line-height: 42px;text-align: center;display: block;font-size: 18px;color: #fff;background: #0f9cfe; }
.menu_choice .nav_drop a:hover{ background: #0278ca; }



/******** 头部 **/
.eopfun_top{ width: 100%;height: 50px; background: #fff; font-size: 18px;color: #666; border-bottom: 1px solid #ddd;}
.eopfun_top .top_icon{ width: 24px;height: 21px;background: url(/data/static/images/public/oufeng_icon.png) no-repeat 0px 0px; display: inline-block;margin-right:3px;vertical-align: -5px; }
.eopfun_top .header_nav_a { height: 50px;line-height: 50px;display: block;color:#666; font-size: 15px;position: relative; }
.eopfun_top .index_link{ margin-right: 30px; }
.eopfun_top .agent{ margin-left: 30px; }
.eopfun_top a:hover{ color: #ff7c00; }
.eopfun_top .index_link .icon{ background-position: 0 0; }
.eopfun_top .batedu .icon{ width: 18px;height: 22px;background-position: 0 -39px;vertical-align: -4px; }
.eopfun_top .oufeng_search { position: relative; }
.eopfun_top .oufeng_search .search_box{ width: 230px;height: 36px;line-height: 36px; margin: 6px 0 0 68px; position: relative;background:#fff;border-radius: 20px;border: 1px solid #ccc; padding-top: 0;}
.eopfun_top .oufeng_search .search_box input{ width: 200px;padding-left: 20px;border:none;height: 33px;line-height: 33px;border-radius: 20px; }
.eopfun_top .oufeng_search .search_box .search_icon{ width: 23px;height: 23px;background-position: 0 -81px; display: inline-block;cursor:pointer; position:absolute;top:6px;right:6px; }
.eopfun_top .oufeng_search .search_drop{ width: 374px;position: absolute;top:44px;left:10px; z-index: 99; border: 1px solid #ccc; }
.eopfun_top .oufeng_search .search_drop li{ height: 28px;line-height: 28px;background:#fff; }
.eopfun_top .oufeng_search .search_drop li a{ color: #ccc;padding-left: 10px;display: block;font-size: 15px; }
.eopfun_top .oufeng_search .search_drop li a:hover{ background: #eee;color: #999; }
.eopfun_top .denglu {  vertical-align: 8px; display: inline-block;margin-right: 18px;color: #666; font-size: 15px; }
.eopfun_top .denglu .denglu_icon{ width: 18px;height: 20px;background-position: 0 -117px;  }
.eopfun_top .zhuce .zhuce_icon{ width: 18px;height: 22px; background-position: 0 -157px; display: inline-block; vertical-align: -4px;}
.eopfun_top .zhuce{width: 126px;height: 32px;background: url(/data/static/images/index/zhuce_icon.png) no-repeat 0 0;display: inline-block;cursor: pointer; margin-top:8px;}
.eopfun_top  .phone_nav .phone_icon{width: 14px;height: 23px;background: url(/data/static/images/public/phone_icon.png) no-repeat 0 0; display: inline-block; margin-right: 10px;vertical-align: -8px;   }
.eopfun_top  .phone_nav .arrow_down{ position: absolute;bottom:8px;left:20px; }
.eopfun_top .agent .agent_icon{  width: 30px; height: 16px;background: url(/data/static/images/public/agent_new.gif) no-repeat 0 0; display: inline-block;position: absolute;top:17px;right:-36px; }
.eopfun_top .phone_number{ height: 50px;line-height: 50px;font-size: 14px;padding-right: 10px; }


/******** 头部下拉导航 **/
.header_nav{ position: relative;float: left; margin-right: 32px; }
.header_nav .arrow_down{ width: 13px;height: 7px;background: url(/data/static/images/public/arrow_down.png) no-repeat 0 0; display: inline-block; margin-left: 10px;vertical-align: 2px; }
.header_nav_drop{ width: 168px;background-color: #fff;position: absolute;top:50px;left:-35px;z-index: 99; display: none; border: 1px solid #ddd; }
.header_nav_drop a{ width: 84px;height: 34px; line-height: 34px;text-align: center; float: left;color: #666; font-size: 14px; }
.header_nav_drop a:hover{ color: #fd8a1a; }
/*.header_nav:hover .header_nav_drop{display: block; }*/
.phone_nav_drop{ width: 320px;height: 300px;background: #fff; border: 1px solid #ddd; position: absolute;top:50px;left:-108px; display: none; z-index: 99; }
/*.phone_nav:hover .phone_nav_drop{ display: block;}*/
.phone_nav dl dt img{ width: 120px;height: 120px; }
.phone_nav_drop dl{ padding: 20px 0 0 20px; }
.phone_nav_drop dl dd{ width: 170px; padding-left: 10px; }
.phone_nav_drop dl{ font-size: 14px; }

/*左侧悬浮客服代码*/
/*悬浮*/
#peter_kf *{margin: 0;padding: 0;border: 0;font-family: "微软雅黑";z-index: 102;}
#peter_kf .z_xuan{width:106px;height:229px;position:fixed;bottom:220px;left:10px;background:url(https://www.iopfun.cn/peter_js/images/z_xuan01.png) no-repeat;cursor:pointer;z-index: 102; position: fixed;
    bottom: 220px;
    left: 10px;}
#peter_kf .z_xuan a{position: absolute;font-size:12px;color:#ff5332;width:82px;height:22px;line-height:22px;text-align: center;background:#ffdf6f;border-radius:20px;bottom:34px;left:12px;}
#peter_kf .z_xuan a:hover{background:#ffc000;}
#peter_kf{    position: fixed;
    width: 106px;
    height: 229px;
    bottom: 220px;}
/*侧边栏二维码推广201906*/
.fixed_code{ width: 107px;height: 106px;background: url(https://www.iopfun.cn/peter_js/images/fixed_code.png) no-repeat 0 0;position: fixed;bottom: 94px;left:10px;display:none; z-index: 102;}
.fixed_code:hover .code{display:block;}
.fixed_code .code {position: absolute;top: 0;left: 107px;width: 113px;height: 105px;background: #fff;border-radius: 5px;padding-left: 12px !important;display:none;}
.fixed_code .code img {width: 75px;height: 70px;margin-top: 10px !important;}
.fixed_code .code p {line-height: 12px;width: 75px;text-align: center;}
.fixed_code .free_btn {font-size: 12px;color: #ff5332;width: 82px;height: 22px;line-height: 22px;text-align: center;background: #ffdf6f;border-radius: 20px;display:block;margin:72px auto 0 !important;}
.fixed_code .close_code {font-size: 16px;color: #333;position: absolute;top: 5px;right: 10px;cursor: pointer;z-index: 102;}
.test_window_box{ position:fixed;bottom:5%;left:10px; }
.test_window_box .test_window_close{ cursor:pointer;position: absolute;
    top: 0;
    right: 5px;
    display: block;}