@charset "utf-8";
/*============================ 初始化样式 ============================*/
*{margin:0; padding:0;box-sizing: border-box}
body{font-family:Microsoft YaHei,'黑体',Verdana,Tahoma,Arial,sans-serif; font-size:14px; color:#333;box-sizing: border-box}
li{list-style:none;}
a{color:#333;text-decoration:none; }
a:focus{outline:none;}
.clear{clear:both;}
.text_overflow { white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.fl{float: left}
.fr{float: right}
.container{width: 1200px;margin: 0 auto}
h3{font-weight: normal}

/*=======================================注册============================================*/
.register{background: #fff;margin: 120px auto 0;padding: 10px 30px 35px}
.register h3{font-size: 22px;border-bottom: 1px solid #dddddd;line-height: 60px}
.register h3 span{font-size: 14px}
.register h3 span a{color: #4251b6}
.regis{width: 443px;margin: 0 auto;}
.regis dl{position: relative;margin-top: 25px}
.regis dl label{display: inline-block;position: absolute;top: 8px;left: 0;width: 85px;text-indent: 15px;
    height: 24px;line-height: 24px;font-size: 14px;color: #999;border-right: 1px solid #e5e5e5;}
.regis dl input{width: 100%;height: 40px;line-height: 40px;border: 1px solid #ddd;text-indent: 100px;
    /*outline-color: #4e5cc0;*/}
.regis dl .ewm{width: 300px}
.regis dl .yzm{width: 120px;background-color: #eee;border: 1px solid #ddd;color: #333;height: 40px;line-height: 40px;float: right;text-indent: inherit}
.regis dd{text-align: center;margin-top: 25px}
.regis dd a{color: #4251b6}
.regis .btn{width: 100%;background: #4e5cc0;text-align: center;line-height: 45px;display: inline-block;
font-size: 16px;color: #fff;margin-top: 25px}

/*=======================================登录============================================*/
header{position: fixed;top: 0;left: 0;width: 100%;background: #202020;z-index: 9999}
header nav{display: flex;align-items: center;justify-content: space-between}
header .nav ul{display: flex;justify-content: space-between}
header .nav ul li{line-height: 80px;margin-left: 20px}
header .nav ul li a{color: #fff;font-size: 16px}

.banner{ position:relative; overflow:hidden;}
.banner .swiper-container{ width: 100%;height: 630px;overflow:hidden;}
.banner .pagination{position: absolute; bottom:20px; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet{width: 32px;height: 6px;display: inline-block;background: #fff;opacity: 0.35;margin: 0 5px!important;}
.banner .swiper-pagination-bullet-active{opacity: 1}
.banner ul li{height: 630px;}
.banner ul li a{display: block;width: 100%;height: 100%}

.login{position: absolute;top: 50%;right: 50%;z-index: 99;margin-right: -600px;margin-top: -170px}
.loginA{text-align: center}
.loginB {border-radius: 10px;background: #ffffff;width: 380px;margin: 0 auto;padding: 0 25px 35px 25px;}
.loginB h3{border-bottom: 3px solid #e8e8e8;font-size: 20px;text-align: center;line-height: 85px;}
.loginB form{width: 100%;margin: 0 auto;margin-top: 35px}
.loginB form input{width: 100%;border: 1px solid #dddddd;border-radius: 3px;line-height: 40px;height:40px;text-indent: 12px;margin-bottom: 20px;}
.loginB .btn{display: block;background: #4251b6; border-radius: 3px;line-height: 42px;color: #fff;font-size: 16px;text-align: center;margin-top: 20px}
.loginB dd {text-align: right}
.loginB dd a{color: #4251b6}
.loginB dl{margin-top: 20px}
.loginB dl a{color: #4251b6}

/*底部链接*/
.linkbg{ background:#F4F4F4; padding:30px 0px; line-height:30px}
.linkbg a{color: #333333;}

@font-face {font-family: "iconfont";
    src: url('https://www.cdcxhl.com/fonts/iconfont.eot'); /* IE9*/
    src: url('https://www.cdcxhl.com/fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://www.cdcxhl.com/fonts/iconfont.woff') format('woff'), /* chrome, firefox */
    url('https://www.cdcxhl.com/fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('https://www.cdcxhl.com/fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

@font-face{
    font-family:'bebasregular';
    src:url(https://www.cdcxhl.com/fonts/bebas-webfont.woff2)format('woff2'),
    url(https://www.cdcxhl.com/fonts/bebas-webfont.woff) format('woff');
    font-style:normal;
    font-weight:normal
}


.footjz{ background:#00C1DE; color:#FFFFFF; font-size:16px; line-height:80px}
.footjz i{ font-size:30px; padding-left:30px}
.footjz .zbw{ padding-left:0px}
.footjz button{ margin-left:110px;border-radius:50px;font-family: 'HanHei-SC'; background:#00C1DE; color:#FFFFFF; border:1px solid #FFFFFF;padding:10px 30px}
.footjz .btn-xs{ display:none}

.yutelblock{display: none}
address{font-style: normal}
.bqsy{background:#212929; padding:20px 0px 20px; color:#FFFFFF;overflow: hidden}

.bqsy h4{font-size:40px;font-family: 'bebasregular';margin: 10px 0}
.bqsy .lxfs{float:left; width:70%}
.bqsy .lxfs .btn1{ display:none;}
.bqsy a{ margin-right:20px; }
.bqsy p{ clear:both}
.bqsy .dz{padding:10px 0px}
.bqsy .dz a{ color:#fff;margin-right: 4px}
.bqsy address{padding:20px 0px; display: inline}
.bqsy .bzdh{ float:right; width:24%; background:url(../img/bottom.gif) no-repeat right 12px; height:130px; text-align:left;padding-top:20px}
.bqsy .bzdh p{font-size:14px; line-height:220%;padding-left:8px; padding-top:10px}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover,.btn:focus,.btn.focus {
    color: #333;
    text-decoration: none
}

.btn:active,.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}


.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default:focus,.btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active:hover,.btn-default.active:hover,.open>.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open>.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open>.dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc
}


/*=======================================会员============================================*/
.hdseize{padding-left: 200px;background: #e2e5ec;}
.userB{overflow: hidden}

.userl{background: #19233c;width: 200px;height: 100%;position: fixed;top:0;left: 0}
.userl h3{color: #fff;font-size: 20px;text-align: center;padding: 20px 0}
.userl dl{border-top: 1px solid #394665;}

.userl dl dt{padding-left: 20px;line-height: 45px;color: #fff;background: url("../img/xia.png") #313C54 no-repeat 160px;}
.userl dl dt:hover{background: url("../img/xia.png") #1d1e2c no-repeat 160px;cursor: pointer}
.userl dl dt.on{background: url("../img/sha.png") #1d1e2c no-repeat 160px;}
.userl dl dt a{color: #fff;display: block}
.userl dl dd{display: none}
.userl dl dd a{color: #fff;display: block;padding-left: 45px;line-height: 40px;background: #19233c}
.userl dl dd a:hover{background: #4251b6}

.userr{width: 100%}
.cont{padding: 20px}
.content{background: #fff;width: 100%;/*padding: 20px*/}
/*.content table{width: 100%}*/
/*.content table tr{width: 100%}*/

.userrt{text-align: right;background: #19233c;color: #fff;padding: 18px 20px;overflow: hidden;border-left: 1px solid #313C54;line-height: 30px;}
.userrt a{color: #fff;display: inline-block;}
.userrt dd a{padding-left: 30px}
.userrt dl a{padding-left: 20px;margin-left: 25px}
.userrt p{margin-left: 20px}
.userrt p a{display: inline-block;padding: 0 12px;background: #4251B6;border-radius: 3px}
.userrt p a:hover,.userrt p a.on{background: #0A10B6}
.userr iframe{border: none;width: 100%;height: auto}

/*=======================================总览============================================*/
.userrA{overflow: hidden}
.userrA .userrAs{width: 32%;margin-right: 2%;border-radius: 10px;background: #fff;float: left}
.userrA .userrAs:nth-child(3n){margin-right: 0}

.userrAt{overflow: hidden;display: flex;align-items: center;padding: 20px}
.userrAt dd{margin-right: 15px;}
.userrAd{padding: 0 20px 12px;overflow: hidden;display: none}
.userrAd ul li{width: 20px;height: 20px;background: #4251B6;border-radius: 100%;float: left;margin-right: 10px;
text-align: center;position: relative}
.userrAd ul li img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.userrAd ul li:nth-child(2){background: #1DBAF5}
.userrAd ul li:nth-child(3){background: #F29718}
.userrAd ul li:nth-child(4){background: #45C45D}

.userrAc{padding: 16px 20px}
.userrAc span{color: #f60}
.userrAc a{color: #4251b6}
.userrAb{display: flex;justify-content: space-between;border-top: 1px solid #e2e5ec;margin-top: 20px}
.userrAb dd{width: 33.3%;text-align: center;border-left: 1px solid #e2e5ec;line-height: 40px}
.userrAb dd:nth-child(1){border-left: none}

.userrBt{padding: 20px}
.userrBt b{color: #999}
.userrBc{padding: 0 20px;margin-top: 4px}
.userrBc span{font-size: 50px}
.userrBc .cz{background-color: #f80;color: #fff;border-radius: 5px;line-height: 35px;display: inline-block;width: 28%;
    text-align: center;margin-top: 15px;float: right}
.userrBc .cz:hover{opacity: 0.8}
.userrBb{display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #e2e5ec;margin-top: 26px}
.userrBb a{display: inline-block;width: 25%;text-align: center;line-height: 40px;border-left: 1px solid #e2e5ec;}
.userrBb a:nth-child(1){border-left: none}

.userrC{padding: 20px}
.userrC ul li{display: flex;align-items: center}
.userrC ul li dd{border: 5px solid #e9ecf1;border-radius: 50%;margin-right: 20px}
.userrC ul li dl p{color: #999}
.userrC ul li:nth-child(2){margin-top: 16px}

.userrD{background: #fff;border-radius: 10px;margin-top: 20px;padding: 20px;overflow: hidden}
.userrD b{color: #999}
.userrDl{margin-right: 40px}
.userrDl dl{width: 330px;height: 260px;overflow: hidden;background: url("../img/pc.png") no-repeat center;margin-bottom: 20px;position: relative}
.userrDl dl dd{width: 310px;height: 190px;overflow: hidden;position: absolute;top: 10px;right: 0;left: 0;margin: auto;text-align: center}
.userrDl dd img{max-width: 100%;}
.userrDr h3{font-size: 30px}
.userrDrA{overflow: hidden;padding: 20px 0}
.userrDrA ul li{border-left: 1px solid #ededed;padding-left: 8px;float: left;margin-right: 38px;color: #999}
.userrDrA ul li dt span{color:#22ac38}
.userrDrB{margin-top: 15px}
.userrDrB dl{margin-bottom: 10px}
.userrDrB dl .bang{display: inline-block;background: #f80;color: #fff;border-radius: 3px;text-align: center;padding: 5px 10px;margin-left: 20px}
.userrDrB dl .bang:hover{opacity: 0.8}

.userrE{background: #fff;border-radius: 10px;margin-top: 20px;padding: 20px;overflow: hidden}
.userrE ul{display: flex;flex-wrap: wrap;margin-top: 20px;overflow: hidden;}
.userrE ul li{width: 16.6%;text-align: center;margin-bottom: 20px}
.userrE ul li img{height: 300px}
.userrE ul li p{margin-top: 15px}

.userrEa{text-align: center;}
.userrEa a,.userrEa button{display: inline-block;background: #f80;color: #fff;width: 120px;line-height:38px;text-align: center;
    margin: 0 10px;border-radius: 3px;border: none}
.userrEa a:hover,.userrEa button:hover{opacity: 0.8}

.notice{background: #fff;padding: 30px 0;line-height: 2}
.notice_con{background: #fff;}
.notice_con h1{font-size: 20px;text-align: center}
.notice_con .time{text-align: center;color: #666;border-bottom: 1px dashed #ccc;padding: 10px 0 5px}
.notice_con .con{padding: 30px;line-height: 2}
.notice_con .con img{max-width: 100%}

/*=======================================充值============================================*/
.rechargeA{margin-left: 20px}
.rechargeA ul{display: flex;margin-top: 15px}
.rechargeA ul li{width: 120px;border-radius: 5px;text-align: center;background: #4251b6;color: #fff;font-size: 16px;line-height: 1.8;
    padding: 10px 0;margin-right: 20px}
.rechargeA ul li.on,.rechargeA ul li:hover{background: #0A10B6;cursor: pointer}
.rechargeB{margin: 20px 20px 0}
.rechargeB input{width: 230px;line-height: 28px;border: 1px solid #e6e6e6;text-indent: 5px}
.paytype{margin-left: 20px;overflow: hidden;margin-top: 20px}
.paytype dd{width: 120px;line-height: 30px;border: 1px solid #e6e6e6;float: left;margin-right: 15px;cursor: pointer}
.paytype dd:nth-child(1){background: url("../img/pay1.png") no-repeat 10px;background-size: 20px;text-indent: 35px}
.paytype dd:nth-child(2){background: url("../img/pay2.png") no-repeat 10px;background-size: 20px;text-indent: 35px}
.paytype dd.active{border-color: #C7C7C7}
.btn dd{display: none}
.btn dd:first-child{display: block}
.btn dd a{background: #4251b6;min-width: 100px;line-height: 32px;color: #fff;display: inline-block;border-radius: 3px;text-align: center;margin: 20px;}
.btn dd a:hover{opacity: 0.8}
.wxpay{text-align: center;padding: 50px 0}
.wxpay b{color: #f60;font-size: 26px}
.wxpay dl{padding: 5px 0 10px}
.wxpay dd div{border: 1px solid #ccc;display: inline-block}

/*=======================================开通会员============================================*/
.memberA{margin: 20px 0 0 20px}
.memberA ul{display: flex;}
.memberA ul li{padding: 20px 35px;background: #4251b6;color: #fff;text-align: center;border-radius: 5px;margin-right: 20px;line-height: 1.6}
.memberA ul li h3{font-size: 16px;font-weight: bold}
.memberB{margin-left: 20px}

/*=======================================有问必答============================================*/
.ywbdA{padding: 0 20px;overflow: hidden;}
.ywbdA ul{display: flex;justify-content: space-between}
.ywbdA ul li{font-size: 16px;line-height: 40px;width: 25%;text-align: center;position: relative}
.ywbdA ul li:after{content:'';position: absolute;top: 2px;right: 0;width: 35px;height: 35px;background: url("../img/jt.png") no-repeat center;}
.ywbdA ul li:last-child:after{display: none}
.ywbdA ul li.active{color: #4251b6}

.ywbdline{height: 20px;background: #e2e5ec}

.ywbdB{padding: 0 20px;overflow: hidden;}
.ywbdB h3{margin-top: 20px}
.ywbdB ul li{margin: 20px 0;overflow: hidden;width: 100%;display: flex;justify-content: space-between;align-items: center}
.ywbdB ul li dd{width: 50px;height:50px;float: left;background: #A3A3A3;border-radius: 100%;text-align: center;position: relative}
.ywbdB ul li dd img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.ywbdB ul li div{width: 94%;line-height: 2;padding: 0 10px;background: #F3F4F5;float: right}
.ywbdB ul li div dl span{display: inline-block;float: right;color: #666}
.ywbdB ul li div dt img{width: 80px}

.show_tips{float: left;position: relative;width: 215px;height: 35px;padding: 0 0 40px}
.show_tip{display: inline-block;width: 16px;height: 16px;background: url(../img/show_tip_icon.png) no-repeat 0 10px;vertical-align: text-bottom;line-height: 16px;box-sizing: content-box;padding-top: 10px;max-width: 250px;margin-left: 15px;}
.show_tip:hover{background: url(../img/show_tip_icon_hover.png) no-repeat 0 10px;}
.show_tips dd{width:100%;background: #000;font-size: 12px;padding: 10px;
    border-radius: 5px;color: #fff;display: none;position: absolute;bottom: 40px;left: 50%;margin-left: -200px}
.show_tips dd:after{content: '';width: 0;height: 0;border-top: 7px solid #000;border-bottom: 7px solid transparent;border-right: 7px solid transparent;border-left: 7px solid transparent;position: absolute;bottom: -14px;left: 50%;}
.show_tips dd a{color: #1F78FF}
.show_tips:hover dd{display: block}

.setA{padding: 13px 20px 10px 20px;}
.setA a{padding: 10px 18px}
.setA a.active{border-bottom: 2px solid #5FB878}

.payment{padding: 20px;display: none;line-height: 2.2}
.payment p b{color: #f60;font-size: 16px;}
.payment .pay{display: inline-block;background: #4251b6;width: 100px;line-height: 32px;color: #fff;border-radius: 3px;text-align: center;margin-top: 6px;}
.payment .payp2{display: none}