@charset "utf-8";
@import "../fonts/iconfont.css";
html, body{overflow-x: auto;min-width: 1280px!important;}
.cdn-container{position: relative;background-image: url(../images/cdn-body-bg.jpg);background-size: 100% auto;
    background-image: -moz-linear-gradient( 0deg, rgb(75,29,176) 1%, rgb(69,47,184) 59%, rgb(62,64,191) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(75,29,176) 1%, rgb(69,47,184) 59%, rgb(62,64,191) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(75,29,176) 1%, rgb(69,47,184) 59%, rgb(62,64,191) 100%);
    background-image: linear-gradient( 0deg, rgb(75,29,176) 1%, rgb(69,47,184) 59%, rgb(62,64,191) 100%);
    font-family: '黑体';
}
.cdn-banner{position: relative;text-align: center;}
.cdn-buyBtn{position: absolute;left: 50%;top: 67%;width: 10%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);text-align: center;z-index: 1;}
.cdn-buyBtn img{width: 100%;}
.cdn-ac-title{width: 594px;height: 98px;line-height: 68px;text-align: center;font-size: 30px;color: #fce700;margin: 0 auto 20px;background-image: url(../images/cdn-titlle-bg.png);}
.cdn-section{padding: 90px 0 110px;}
.cdn-section *{color: #fff;}
.cdn-ac-desc{font-size: 22px;text-align: center;font-weight: 400;line-height: 1.5;margin-bottom: 15px;}
.cdn-ac-desc a{color: #fce700;border-bottom: 1px solid #fce700;padding-bottom: 2px;}
.cdn-wrapper{max-width: 1120px;margin: 0 auto;}

/* 提示 */
.pop{position: fixed;display: inline-block;background-color: rgba(0, 0, 0, .7);border-radius: 5px;color: #fff;text-align: center;z-index: 99999999;}
.pop-content{display: inline-block;padding: 15px 25px;min-width: 110px;color: #fff;}
.pop-show-anim{-webkit-animation-name:pop-show-anim;animation-name:pop-show-anim;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}
.pop-hide-anim{-webkit-animation-name:pop-hide-anim;animation-name:pop-hide-anim;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}
@-webkit-keyframes pop-show-anim{0%{opacity: 0;-webkit-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);}70%{opacity: 1;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}100%{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}
@keyframes pop-show-anim{0%{opacity: 0;-webkit-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);}70%{opacity: 1;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}100%{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}
@-webkit-keyframes pop-hide-anim{0%{opacity: 1;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1);}30%{opacity: 1;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}100%{opacity: 0;-webkit-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);}}
@keyframes pop-hide-anim{0%{opacity: 1;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1);}30%{opacity: 1;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}100%{opacity: 0;-webkit-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);}}

/* 复选框 */
.checkbox{cursor: pointer;font-size: 0;-webkit-user-select:none;user-select: none;}
.checkbox input{display: none;}
.checkbox i{position: relative;display: inline-block;width: 17px;height: 17px;top: 1px;border:1px solid #9b9b9d;background-color: #fcfcfc;box-sizing: border-box;}
.checkbox input:checked + i:before{content:'';display: block;position: absolute;top: -1px;left: -1px;width: 17px;height: 17px;line-height: 17px;border:1px solid #33b4f7;color:#33b4f7;box-sizing: border-box;}
.checkbox input:checked + i:after{content:'\e6b7';position: absolute;left: -2px;top: -1px;color:#33b4f7;}
.checkbox span{color:#9b9b9d;display: inline-block;line-height: 20px;vertical-align: top;font-size: 16px;margin-left: 10px;}
.cdn-link{display: inline-block;color: #33b4f7;font-size: 16px;line-height: 20px;vertical-align: top;}

/*滑动验证码 --编辑于 20191106*/
.sliding-img-check-box{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);text-align:center;background-color: #fff;box-shadow: 0 5px 20px rgba(14,106,231,0.15);visibility: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.sliding-img-check-box>div:last-child{margin-bottom: 10px}
.sliding-img-check-box>.close{position: absolute;right:16px;top: 6px;cursor: pointer;font-size: 22px;z-index: 1}
.sliding-img-display{position:relative;padding:0 20px;border-radius:16px;overflow:hidden;margin:auto;}
.sliding-img-display>p{text-align: left;line-height: 35px;font-size: 12px;color:#333}
.sliding-img-cnt{position:relative;width: 286px;height: 161px}
.sliding-img-src,.sliding-img-fragment-hollow{position:absolute;left:0;top:0;z-index:10}
.sliding-img-src{width: 100% !important;height: 100% !important;position: static !important;}
.sliding-img-fragment-cnt{top:50px;left:0;position:absolute;width: 38px ;height: 42px}
.sliding-img-fragment-cnt .sliding-img-fragment-content,.sliding-img-fragment-cnt .sliding-img-fragment{position:absolute;left:0;z-index:20}
.sliding-smooth-cnt{position:relative;width:280px;height: 40px;margin: 0 auto;border-radius:24px;}
.sliding-smooth-bar,.sliding-smooth-circle{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.sliding-smooth-bar{width:100%;height:10px;background-color:#e4e4e4;border-radius:24px}
.sliding-smooth-circle{position:absolute;width: 52px;height:30px;background-color: #306af4;border-radius: 30px;box-shadow: 0 0 6px 0 #306af4;cursor:pointer;padding: 5px 14px;box-sizing: border-box;}
.sliding-smooth-circle span{display: inline-block;width: 2px;height: 10px;background-color: #fff;margin-right: 6px;}
.sliding-smooth-circle span:last-child{margin-right: 0}
.sliding-icon-refresh{display:block;position:relative;cursor:pointer;font-size: 12px;color:#333;margin-top: 5px;}
.sliding-icon-refresh span{position: relative;top:1px }
.sliding-loadding{background-color: #fff;position: absolute;top:0;left:0;width: 285px;height: 100%;/* display: none; */z-index: 99;padding:60px 0;margin: 0 -1px;box-sizing: border-box;}
.sliding-loadding img{position: static !important;width: 32px !important;height: 32px !important;}

.sliding-btn{height: 46px;background-color: #e7ecf0;border-radius: 4px;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.sliding-btn:before{content:'向右拖动滑块';display:block;line-height: 45px;text-align: center;color:#666}
.sliding-btn.success{background-color: #44cb77;color:#fff}
.sliding-btn.success >*{display: none}
.sliding-btn.success:before{content:'验证成功';color:#fff;padding-left: 30px;}
.sliding-btn.success:after{content:'\e61c';color:#fff;display:block;width: 100%;font-family: iconfont;font-size: 20px;position: absolute;top:0;line-height: 45px;text-align: center;margin-left: -30px;}
.sliding-btn.error:before{content:'验证失败';color:#f4583f;padding-left: 30px;}
.sliding-btn.error{background-color: #ffece9}
.sliding-btn.error:after{content:'\e6b2';color:#f4583f;display:block;width: 100%;font-family: iconfont;font-size: 20px;position: absolute;top:0;line-height: 45px;text-align: center;margin-left: -30px;}
.sliding-btn .sliding-smooth-bar{width:0;height: 100%;position: absolute;left: 0;background-color: #4a8ff9;border-radius:4px;z-index: 9}
.sliding-btn .sliding-smooth-circle{width: 50px;height:46px;border-radius: 4px;box-shadow: 0 0 10px rgba(14,106,231,0.15);background-color: #fff;z-index: 9}
.sliding-btn .sliding-smooth-circle i{position: absolute;left: 9px;top: 16px;color:#d4d9dc;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.sliding-btn .sliding-smooth-circle i:nth-child(2){left: 17px;}
.sliding-btn .sliding-smooth-circle.moving i{color:#8bb8ff;-webkit-animation: moving 1s infinite;-moz-animation: moving 1s infinite;-o-animation: moving 1s infinite;animation: moving 1s infinite}
.sliding-btn .sliding-smooth-circle.moving i:nth-child(2){-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s}

.sliding-btn[data-disabled=true]{background-color: #f7f7f7}
.sliding-btn[data-disabled=true]:before{content:'暂不可拖动';color:#d6d5d5}
.sliding-btn[data-disabled=true]:after{display: none}
.sliding-btn[data-disabled=true] .sliding-smooth-circle{background-color: rgba(255,255,255,0.8)}

@keyframes moving {
    0%{
        color:#4a8ef9
    }
    50%{
        color:#8bb8ff;
    }
    100%{
        color:#4a8ef9
    }
}

/* section01
================================== */
.cdn-section01 .cdn-ac-content li{position: relative;display: inline-block;width: 301px;height: 359px;background-image: url(../images/cdn-card-bg.png);margin-right: 100px;margin-top: 70px;box-sizing: border-box;padding: 0 25px 25px;font-size: 18px;text-align: center;vertical-align: top;}
.cdn-section01 .cdn-ac-content li:nth-child(3n){margin-right: 0;}
.cdn-ac-content .cdn-ac-item-title{font-size: 20px;padding: 15px 0;text-align: center;border-bottom: 1px solid #fff;line-height: 70px;height: 70px;}
.cdn-ac-item-title .fontSize40{font-size: 40px;}
.cdn-ac-item-content{padding-top: 10px;}
.cdn-section01 li:last-child .cdn-ac-item-content{padding-top: 20px;}
.cdn-section01 .cdn-ac-content li p{margin-bottom: 15px;}
.cdn-ac-item-content .cdn-yellow{color: #fce700;}
.cdn-section01 .cdn-ac-item-content .cdn-yellow .fontSize32{font-size: 32px;color: #fce700;}
.cdn-ac-item-content .middle-line{text-decoration: line-through;}
.cdn-section01 .cdn-ac-content .cdn-buy-btn{position: absolute;display: inline-block;bottom: 10%;left: 50%;width: 225px;height: 44px;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background-image: url(../images/cdn-Btn-bg.png);background-repeat: no-repeat;background-image: -moz-linear-gradient( 90deg, rgb(232,136,0) 0%, rgb(244,172,0) 61%, rgb(255,207,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(232,136,0) 0%, rgb(244,172,0) 61%, rgb(255,207,0) 100%);background-image: -ms-linear-gradient( 90deg, rgb(232,136,0) 0%, rgb(244,172,0) 61%, rgb(255,207,0) 100%);background-image: linear-gradient( 90deg, rgb(232,136,0) 0%, rgb(244,172,0) 61%, rgb(255,207,0) 100%);font-size: 20px;line-height: 44px;border-radius: 5px;margin-top: 20px;}
.cdn-ac-spa-title{line-height: 70px;font-size: 24px;color: #fce700;font-weight: 700;}

/* section02
================================== */
.cdn-section02{background-image: url(../images/cdn-section02-bg.png);background-repeat: no-repeat;background-size: 100% 100%;padding-top: 110px;}
.cdn-section02 .cdn-ac-desc{font-size: 24px;margin-bottom: 75px;}
.cdn-section02 li{float: left;width: 20%;text-align: center;font-size: 27px;}
.cdn-ac-icon{display: inline-block;width: 90px;height: 90px;margin-bottom: 15px;background-image: url(../images/cdn-ac-icons.png);background-repeat: no-repeat;background-size: 450px auto;}
.cdn-ac-icon.icon01{background-position: 0 0;}
.cdn-ac-icon.icon02{background-position: -90px 0;}
.cdn-ac-icon.icon03{background-position: -180px 0;}
.cdn-ac-icon.icon04{background-position: -270px 0;}
.cdn-ac-icon.icon05{background-position: -360px 0;}

/* section03
================================== */
.cdn-section03{font-family: "Microsoft YaHei UI", "Microsoft YaHei", "微软雅黑", Arial;}
.cdn-section03 .cdn-ac-title{margin-bottom: 40px;}
.cdn-section03 li{margin-bottom: 45px;}
.cdn-section03 h4{font-size: 24px;color: #c046f0;margin-bottom: 25px;font-weight: normal;}
.cdn-section03 p{font-size: 24px;line-height: 34px;}
.cdn-section03 a{font-size: 24px;color: #01e0ff;}

/* 咨询客服 */
.cdn-zhixun{position: fixed;top: 50%;right: 0;width: 50px;text-align: center;padding: 10px 0;background-color: #222222;border-radius: 10px 0 0 10px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.cdn-zhixun .vertical-item{font-size: 14px;color: #fff;}
.cdn-zhixun .vertical-item img{margin-bottom: 5px;}
.cdn-zhixun .vertical-item p{width: 20px;text-align: center;margin: 0 auto;color: #fff;}

/* 登录 */
.cdn-dialog{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 11000;}
.dialog-wrapper{position: absolute;width: 595px;max-width: 100%;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: rgba(255, 255, 255, .3);padding: 10px;box-sizing: border-box;z-index: 11010;}
.mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .15);z-index: 100;}
.cdn-dialog .dialog-box{position: relative;box-sizing: border-box;background-color: #fff;border: 2px solid #33b4f7;}
.cdn-dialog .container{width: 400px;max-width: 90%;margin: 0 auto;padding-top: 50px;padding-bottom: 50px;}
.dialog-close{width: 20px;height: 20px;font-size: 16px;line-height: 20px;text-align: center;position: absolute;right: 20px;top: 20px;cursor: pointer;}
.dialog-header{font-size: 30px;color: #33b4f7;text-align: center;margin-bottom: 50px;font-weight: normal;}
.input-group {margin-top: 30px;position: relative;}
.form-item {margin-top: 15px;font-size: 12px;}
.input-group input[type=text], .input-group input[type=password] {display: inline-block;height: 60px;border: 1px solid #d7d7d7;width: 100%;background-color: #fff;padding: 0 25px 0 25px;box-sizing: border-box;border-radius: 5px;outline: none;}
.input-group input:focus{border: 1px solid #33b4f7;}
.input-group .code-input {width: 220px !important;padding: 0 15px !important;}
.tips-bottom{color: #33b4f7;font-size: 16px;height: 25px;line-height: 25px;margin-top: 10px;}
.login-dialog .tips-bottom{margin-top: 10px;}
.yzm_btn{width: calc(100% - 230px);height: 60px;line-height: 60px;border: 1px solid #33b4f7;text-align: center;border-radius: 5px;color: #33b4f7;font-size: 16px;box-sizing: border-box;}
.cdn-dialog .form-item .btn {width: 100%;letter-spacing: 10px;text-indent: 10px;display: inline-block;height: 60px;line-height: 60px;background-color: #33b4f7;background-image: -moz-linear-gradient( 0, rgb(5,148,238) 0%, rgb(126,201,252) 100%);background-image: -webkit-linear-gradient( 0, rgb(5,148,238) 0%, rgb(126,201,252) 100%);background-image: -ms-linear-gradient( 0, rgb(5,148,238) 0%, rgb(126,201,252) 100%);background-image: linear-gradient( 0, rgb(5,148,238) 0%, rgb(126,201,252) 100%);color: #fff;border-radius: 5px;border: 0;cursor: pointer;text-align: center;font-size: 16px;}
.cdn-dialog .form-item .btn:hover {opacity: .9;}
.register-switch, .login-switch{text-align: right;margin-top: 15px;color: #04304b;}
.register-switch a, .login-switch a{color: #33b4f7;}
.dialog-close{width: 32px;height: 32px;opacity: .8;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABPUlEQVRYR+2WsW7CQAyGvwwsHQoDSzt0YUGgLlCpS4cuXbp0QOIhgedgYywLL4F4AuTKkaJrLmcnkDAQKcvF5/+L/Tu5jI6vrGN97gA3XYE5cABODX0yAJ6BfVmeWAUmwK/ey9hmA5jkWQFT4A3YhXuqWrABFg0giuLyMh/A0QPQA9bATw2IUDxaxZQJHxTi2wFhFpdqpAAkpq8QXwYIl7gVQOKGCvFZAeEW9wBI7JM6Wswkpir2tZa4F0DiXxTivQAh6/mohWDJSbV4IEwyUsGZQshzmXO3eJ0K5DBjhXjVhVriTQCKPZc8rQKEhmu1BWVub82EVaN29TG0CFhi/o2lZQw9iT2xfzApAHdCwLWnCsCVKKiteW8M4BHYNvnClVTCdSC5iSNZp4fS5F/sUgGpKbiUTjTPHaDzCpwBaPJwIQmcr3AAAAAASUVORK5CYII=);}


/* confire弹窗 */
.qback{width: 100%;height: 100%;background: rgba(0,0,0,.3);position: fixed;top: 0;left: 0;z-index: 20000;}
.alertBox{width: 452px;height: auto;padding: 0 15px 20px 15px;box-sizing: border-box;background: #fff;border-radius: 8px;position: relative;top: 50%;left: 50%;margin: -167px 0 0 -226px;}
.alertHead{width: 100%;height: 45px;border-bottom: 1px solid #33b4f7;font-size: 16px;color: #333;line-height: 45px;text-align: center;}
.alertMes{width: 100%;height: auto;overflow: hidden;padding: 25px 40px 35px;text-align: center;font-size: 16px;color: #333;box-sizing: border-box;line-height: 28px;}
.alertBtn{display: block;width: 100px;height: 34px;line-height: 34px;background-color: #33b4f7;cursor: pointer;font-size: 14px;color: #fff;border-radius: 4px;border: 1px solid transparent;margin: 0 auto;text-align: center}
.ConBtn{display: inline-block;width: 100px;height: 34px;line-height: 34px;background-color: #33b4f7;cursor: pointer;font-size: 14px;color: #fff;border-radius: 4px;border: 1px solid transparent;text-align: center;margin-left: 84px;margin-right: 47px;}
.cancel{display: inline-block;width: 100px;height: 34px;line-height: 34px;background:fff;cursor: pointer;font-size: 14px;color: #33b4f7;border-radius: 4px;border: 1px solid transparent;text-align: center;border: 1px solid #33b4f7;}
.alertMes a{color: #33b4f7;text-decoration: underline;}
.ToastBox{width: 452px;height: auto;padding: 15px 20px;text-align: center;background: rgba(0,0,0,.5);color: #fff;font-size: 16px;border-radius: 8px;line-height: 24px;position: relative;top: 50%;left: 50%;margin: 0px 0px 0px -226px;}