@charset "utf-8";
@font-face {
    font-family: montserratregular;
    src: url("../font/montserratregular.ttf");
}
@font-face {
    font-family: montserratextralight;
    src: url("../font/montserratextralight.ttf");
}
@font-face {
    font-family: montserratlight;
    src: url("../font/montserratlight.otf");
}
@font-face {
    font-family: montserratmedium;
    src: url("../font/montserratmedium.ttf");
}
@font-face {
    font-family: montserratbold;
    src: url("../font/montserratbold.otf");
}
@font-face {
    font-family: montserratblack;
    src: url("../font/montserratblack.otf");
}
.montserratregular{font-family: montserratregular;}
.montserratextralight{font-family: montserratextralight;}
.montserratlight{font-family: montserratlight;}
.montserratmedium{font-family: montserratmedium;}
.montserratbold{font-family: montserratbold;}
.montserratblack{font-family: montserratblack;}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;}
html,body{font-size: 14px;font-family:montserratregular,"Microsoft YaHei","PingFang SC";background: #fff;color: #252525;}
input,textarea,select{font-family:montserratregular,"Microsoft YaHei","PingFang SC";font-size: 14px;}
img,input,textarea{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #252525;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.3;}
.des-justify p{text-align: justify;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.w1800{width: 1800px;max-width: 92%;margin: 0 auto;}
/*.w1720{width: 1720px;max-width: 92%;margin: 0 auto;}*/
ul{font-size: 0;}
ul li{font-size: 14px;display: inline-block;vertical-align: top;}
ul li:last-child{margin-right: 0;}
.BMap_Marker img{width: 100%;vertical-align: bottom;}
.scrollBar::-webkit-scrollbar {width: 6px;height: 6px;}
.scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;}
.scrollBar::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
.scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;}
.search-con .text::-webkit-input-placeholder{color:#fff;}
.search-con .text:-moz-placeholder{color:#fff;}
.search-con .text::-moz-placeholder{color:#fff;}
.search-con .text:-ms-input-placeholder{color:#fff;}
.edit *{font-weight: revert;list-style: revert;}
.mg-bt10{margin-bottom: 10px;}
.mg-bt15{margin-bottom: 15px;}
.mg-bt20{margin-bottom: 20px;}
.mg-bt25{margin-bottom: 25px;}
.mg-bt30{margin-bottom: 30px;}
.mg-bt40{margin-bottom: 40px;}
.mg-bt50{margin-bottom: 50px;}
.mg-bt60{margin-bottom: 60px;}
.mg-bt70{margin-bottom: 70px;}
.mg-bt80{margin-bottom: 80px;}
.des16 p{font-size: 16px;}
.des18 p{font-size: 18px;}
.line20 p{line-height: 2;}
.line18 p{line-height: 1.8;}
.des-fff *{color: #fff;}
.title-fff *{color: #fff;}
.imgmax img{max-width: 100%;vertical-align: bottom;}
.swiper-pagination-bullets .swiper-pagination-bullet{vertical-align: middle;opacity: 1;}
.wow{transform: translateZ(0);}
.padding-tb100{padding: 100px 0;}
body{padding-top: 110px;transition: all .4s;}
/*header s*/
.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:4%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; z-index: 9;}
.menu-handler .burger{transition: all .4s; height: 2px; background: #563cc8; display: block;width: 20px; position: absolute; z-index: 5; left: 5px;transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;}
.menu-handler .burger-2{top: 15px;}
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px;-moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.header{position: fixed;z-index: 999;width: 100%;top:0;left: 0;transition: all .4s;background: #fff;height: 110px;}
.logo{position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.logo img{vertical-align: bottom;display: block;height: 66px;transition: all .4s;}
.nav li{display: inline-block; position: relative;}
.nav-yi{display: block;line-height: 110px;padding: 0 25px; text-align: center;transition: all .4s;font-size: 18px;font-family: montserratlight;}
li.active .nav-yi{color: #563cc8;}
.nav-yi span{position: relative;display: inline-block;}
.nav-er-box{position: absolute;top:90px; left: 0;white-space: nowrap; background: #563cc8;display: none;overflow: hidden;text-align: left;padding: 10px;transition: top .4s;}
.nav-er-box a{display: block;color: #fff;font-size: 16px; line-height: 40px;transition: all .4s;position: relative;padding: 0 20px;}
.header-area{position: absolute;right: 0;top:50%;transform: translateY(-50%);display: flex;align-items: center;}
.header-area-item{margin-right: 23px;position: relative;cursor: pointer;display: block;}
.header-area-item:last-child{margin-right: 0;}
.header-area-icon{display: block;width: 32px;vertical-align: bottom;transition: all .4s;}
.header-gwc-num{background: #ff5e5e;color: #fff;font-size: 12px;line-height: 18px;border-radius: 18px;padding: 0 5px;min-width: 18px;text-align: center;position: absolute;top:16px;left: 18px;}

.search-box{position: fixed;z-index: 9991;width: 100%;height: 100%;top:0;left: 0;background: rgba(87,60,201,0.96);padding-top: 11%;display: none;}
.search-box.active{display: block;}
.w1100{width: 1100px;max-width: 92%;margin: 0 auto;}
.search-con{border-bottom: 1px solid #fff;}
.search-con .text{font-size: 24px;font-family: montserratlight;display: block;width: 100%;height: 80px;background: none;color: #fff;}
.search-sb{position: absolute;right: 0;top:0;width: 80px;height: 80px;background: url("../images/search160.png") no-repeat center;background-size: cover;}
.mg-bt140{margin-bottom: 140px;}
.des-title24 h3{font-size: 24px;}
.hot-search a{display: inline-block;font-size: 18px;color: #fff;margin-right: 35px;margin-bottom: 10px;}
.gb128{width: 64px;height: 64px;background: url("../images/gb128.png") no-repeat center;background-size: cover;cursor: pointer;z-index: 9;}
.gb-search{top:20px;right: 20px;position: absolute;}

.header-area-hide{position: absolute;padding: 30px;transition: top .4s;top:52px;color: #fff;display: none;}
.bg-563cc8{background: #563cc8;}
.header-gwc-hide{right: -20px;width: 400px;}
.header-yy{left: 50%;transform: translateX(-50%);text-align: center;width: 78px;padding: 0;}
.header-yy a{display: block;font-size: 16px;line-height: 40px;color: #fff;}
.header-yy a:last-child{margin-bottom: 0;}
.header-yy a:hover{background: #3921a1;}
.viewcart{display:inline-block;transition: all .4s;text-align: center;color: #fff;font-size: 16px;line-height: 50px;border:2px solid #fff;}
.viewcart:hover{background: #eac1cc;color: #563cc8;border-color: #eac1cc;}
.checkout{display:inline-block;transition: all .4s;text-align: center;font-size: 16px;line-height: 50px;border:2px solid #fff;background: #fff;color: #563cc8;}
.checkout:hover{background: #eac1cc;color: #563cc8;border-color: #eac1cc;}
.btn-block a{display: block;}
.header-cp-list{max-height: 420px;overflow: auto;}
.header-cp-list li{display: block;position: relative;margin-bottom: 30px;}
.header-cp-list li:last-child{margin-bottom: 0;}
.hot-page .header-cp-list li:hover p{color: #563cc8;}
.header-cp-list a{display: block;position: relative;}
.h-cp-img{width: 120px;height: 120px;background: #fff;display: flex;justify-content: center;align-items: center;}
.h-cp-img img{max-width: 100%;max-height: 100%;}
.h-cp-con{position: absolute;top:0;left: 135px;right: 30px;height: 100%;display: flex;justify-content: space-between;flex-direction: column;}
.header-cp-list .i{position: absolute;top:0;right: 0;background: url("../images/gb48.png") no-repeat center;background-size: cover;width: 24px;height: 24px;}

body.active{padding-top: 80px;}
body.active .header{height: 80px;box-shadow: 0 1px 2px #ddd;}
body.active .nav-yi{line-height: 80px;}
body.active .logo img{height: 56px;}
body.active .nav-er-box{top:66px;}
body.active .header-area-hide{top:42px;}
/*header e*/
/*footer s*/
.footer .w1800{display: flex;justify-content: space-between;}
.footer-nav{display: flex;justify-content: space-between;}
.footer-nav dt{color: #fff;font-size: 22px;margin-bottom: 20px;}
.footer-nav dd{margin-bottom: 10px;}
.footer-nav dl{margin-right: 80px;}
.footer-nav dd a{color: #fff;font-size: 16px;font-family: montserratextralight;opacity: 0.5;transition: all .4s;}
.footer-nav dd a:hover{opacity: 1;}
.footer-right{text-align: right;}
.footer-logo{height: 77px;vertical-align: bottom;}
.ba{color: #fff;opacity: 0.5;}

.footer-share{display: inline-block;}
.footer-share a{position: relative;width: 28px;height: 24px;margin-right: 15px;display: inline-block;vertical-align: middle;}
.footer-share a:last-child{margin-right: 0;}
.footer-share a .i{opacity: 0.3;transition: all .4s;}
.share-hide{position: absolute;width: 120px;left: 50%;margin-left: -60px;bottom:35px;height: 0;overflow: hidden;transition: all .4s;}
.share-hide img{width: 120px;height: 120px;border:1px solid #9f9f9f;}
.footer-share a.active .share-hide{height: 120px;}
.footer-share a:hover .i{opacity: 1;}

/*footer e*/

/*index s*/
.bg-252525{background: #252525;}
.banner-bg{position: absolute;bottom: 100px;left: 0;top:0;z-index: -1;width: 66.66%;}
.banner-bg2{position: absolute;bottom: 100px;right: 0;top:0;z-index: -1;width: 33.33%;}
.index-body{padding-top: 0 !important;}
.index-body .header{background: none;}
.index-body.active .header{background: #fff;}
.banner{padding-top: 230px;padding-right: 16.66%;}
.index-body .header-area-icon{filter: invert(1);}
.index-body.active .header-area-icon{filter: invert(0);}
.banner .swiper-slide a{display: flex;justify-content: space-between;width: 100%;}
.banner-img{width: 61.5%;}
.banner-con{width: 36%;}
.banner-con h2{font-size: 64px;font-family: montserratblack;}
.des22 p{font-size: 22px;}
.line16 p{line-height: 1.6;}
.line18 p{line-height: 1.8;}
.bundletoday{display: inline-block;transition: all .4s;color: #fff;background: #563cc8;padding: 0 28px;font-size: 18px;}
.bundletoday:hover{background: #eac1cc;}
.bundletoday *{display: inline-block;vertical-align: middle;}
.bundletoday span{line-height: 70px;}
.bundletoday .i{width: 19px;height: 19px;background: url("../images/r38.png") no-repeat center;background-size: cover;margin-left: 12px;}
.learnmore{display: inline-block;transition: all .4s;color: #7762d3;font-size: 20px;}
.learnmore *{display: inline-block;vertical-align: middle;}
.learnmore span{font-family:montserratmedium;}
.learnmore .i{width: 19px;height: 19px;background: url("../images/r38-2.png") no-repeat center;background-size: cover;margin-left: 10px;transition: all .4s;}
.index2 .img100{width: 45.3%;}
.index2{display: flex;justify-content: space-between;align-items: center;margin-top: -100px;}
.index2-con{width: 54.7%;padding-right: 100px;}
.index-left1{padding-left: 10.93%;}
.title48 h2{font-size: 48px;}
.title-7762d3 h2{color: #7762d3;}
.des-747474 p{color: #747474;}
.bannerBtn{position: absolute;z-index: 9;right: 0;bottom:150px;width: 16.66%;text-align: center;}
.btnStyle div{border-radius: 100%;cursor: pointer;width: 36px;height: 36px;display: inline-block;vertical-align: middle;opacity: 0.4;transition: all .4s;}
.btnStyle div:hover{opacity: 1;}
.btnStyle1{background: url("../images/banner-left.png") no-repeat center;background-size: cover;margin-right: 12px;}
.btnStyle2{background: url("../images/banner-right.png") no-repeat center;background-size: cover;}
.our-img{width: 66.66%;}
.our-con{width: 33.34%;padding: 0 5%;}
.our-list li{display: block;}
.our-list li:nth-child(odd) a{flex-direction: row-reverse;}
.our-list li:nth-child(even) a{background: #252525;}
.our-list li:nth-child(even) a h3{color: #fff;}
.our-list li:nth-child(even) a p{color: #fff;}
.our-list a{display: flex;width: 100%;justify-content: space-between;align-items: center;background: #fff;}
.des-title30 h3{font-size: 30px;}
.intro-list{display: flex;}
.intro-list li{width: 33.33%; text-align: center;}
.intro-list li a{display: block;padding: 120px 90px;}
.intro-list li:nth-child(1){background: #7762d3;}
.intro-list li:nth-child(1) h3{color: #fff;}
.intro-list li:nth-child(1) p{color: #fff;}
.intro-list li:nth-child(2) h3{color: #fff;}
.intro-list li:nth-child(2) p{color: #fff;}
.intro-list li:nth-child(2){background: #eac1cc;}
.intro-list img{width: 100px;max-width: 92%;}
.intro-list p{opacity: 0.75;}
.des-title28 h3{font-size: 28px;}
.padding-tb220{padding: 220px 0;}
.true-img{width: 360px;height: 360px;}
.true-img-warp{position: relative;border:1px solid #dadada;background: #fff;border-radius: 100%;overflow: hidden;width: 360px;height: 360px;}
.true-img-warp img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.true-box .swiper-slide a{display: flex;justify-content: space-between;align-items: flex-start;flex-direction: row-reverse;}
.true-box{padding: 0 100px;}
.true-box .swiper-container{width: 1215px;max-width: 100%;margin: 0 auto;}
.true-con{width: 720px;margin-right: 50px;}
.bundletoday2{background: #eac1cc;}
.bundletoday2:hover{background: #563cc8;}
a:hover .bundletoday2{background: #563cc8;}
.btn60 div{border-radius: 100%;cursor: pointer;width: 60px;height: 60px;display: inline-block;vertical-align: middle;transition: all .4s;border: 1px solid #fff;filter: brightness(0.5);opacity: 0.5;}
/*.btnStyle div:hover{opacity: 1;}*/
.btn601{background: url("../images/100-1.png") no-repeat center;background-size: cover;}
.btn602{background: url("../images/100-2.png") no-repeat center;background-size: cover;}
.trueBtn div{position: absolute;top:50%;margin-top: -30px;}
.trueBtn .btn601{left: 0;}
.trueBtn .btn602{right: 0;}
.btn60 div:hover{background-color: #563cc8;opacity: 1;filter: brightness(1);border-color: #563cc8;}
.width980{width: 980px;max-width: 100%;margin: 0 auto;}
.query-bot{width: 780px;max-width: 100%;margin: 0 auto;border:1px solid rgba(255,255,255,0.5);border-radius: 60px;overflow: hidden;}
.query-bot .text{display: block;width: 100%;height: 60px;background: none;color: #fff;font-family: montserratlight;font-size: 16px;text-indent: 28px;}
.query-sb{position: absolute;top:0;right: 0;height: 100%;width: 140px;text-align: center;color: #fff;line-height: 60px;background: #563cc8;transition: all .4s;font-size: 18px;}
.query-sb:hover{background: #eac1cc;}
.query-bot .text::-webkit-input-placeholder{color:#fff;}
.query-bot .text:-moz-placeholder{color:#fff;}
.query-bot .text::-moz-placeholder{color:#fff;}
.query-bot .text:-ms-input-placeholder{color:#fff;}
/*index e*/
/*02关于我们 s*/
.padding-tb150{padding: 150px 0;}
.bg-eef2f5{background: #eef2f5;}
.zindex9{z-index: 9;}
.ban-bg-left{z-index: -1;position: absolute;top:0;left: 0;height: 100%;background: #252525;width: 33.33%;}
.w1500{width: 1500px;max-width: 92%;margin: 0 auto;}
.profile-img{width: 50%;}
.title62 h2{font-size: 62px;}
.profile{display: flex;justify-content: space-between;flex-direction: row-reverse;}
.profile-con{width: 44.66%;padding-top: 20px;}
.des-title18 h3{font-size: 18px;}
.title-563cc8 h3{color: #563cc8;}
.gsjj-img{width: 43.33%;}
.gsjj-box{display: flex;justify-content: space-between;align-items: center;}
.gsjj-con{width: 50%;}
.des24 p{font-size: 24px;}
.des-563cc8 p{color: #563cc8;}
.bgdd{display: flex;justify-content: space-between;}
.bgdd li{width: 50%;position: relative;}
.gbdd-con{background: #252525;padding: 35px;width: 550px;position: absolute;top:50%;transform: translateY(-50%);right: 0;}
.bgdd li:nth-child(2) .gbdd-con{background: #7762d3;left: 0;right: auto;}
.bgdd li:nth-child(2) .gbdd-con h2{text-align: right;}
.title36 h2{font-size: 36px;}
.gbdd-con .des16 p{margin-bottom: 15px;position: relative;padding-left: 32px;}
.gbdd-con .des16 p img{height: 21px;position: absolute;left: 0;top:-1px;}
.gbdd-con .des16 p:last-child{margin-bottom: 0;}
.padding-t200{padding-top: 200px;}
.cor-list{display: flex;}
.cor-list li{background: #252525;height: 500px;padding: 35px;width: 25%;display: flex;justify-content: space-between;flex-direction: column;}
.cor-list li img{width: 79px;height: auto;}
.cor-list li:nth-child(2){background: #7762d3;}
.cor-list li:nth-child(3){background: #eac1cc;}
.cor-list li:nth-child(4){background: #eef2f5;}
.cor-list li:nth-child(4) p{color: #6a6a6a;}
.cor-list .des18{text-align: right;min-height: 86px;}
.linda .true-con strong{font-family: montserratbold;}
.linda .swiper-container{width: 100%;}
.linda .true-con{width: 1040px;}
.linda .swiper-slide a{display: flex;width: 100%;justify-content: space-between;flex-direction: row-reverse;}
.linda .btn601{left: -100px;}
.linda .btn602{right: -100px;}
.padding-tb200{padding: 200px 0;}
.honor li{width: 22.66%;margin-right: 3.12%;margin-top: 3.12%;}
.honor li:nth-child(4n){margin-right: 0;}
/*02关于我们 e*/
/*03课程-列表 s*/
.no-ban .header{border-bottom: 1px solid #f0f0f0;}
.cou-list{display: flex;flex-wrap: wrap;}
.cou-list li{background: #252525;transition: all .4s;width: 32%;margin-right: 2%;margin-bottom: 2%;}
.cou-list li:hover{background: #563cc8;}
.cou-list li:hover .learnmore{color: #fff;}
.cou-list li:hover .learnmore .i{background: url("../images/r38.png") no-repeat center;background-size: cover;}
.cou-list li:nth-child(3n){margin-right: 0;}
.cou-list li a{display: block;padding: 40px;}
.cou-title h3{line-height: 1.3em;min-height: 3.9em;}
/*03课程-列表 e*/
/*04课程-详情 s*/
.ktxq-wap{padding: 80px 100px;}
.bg-000{background: #000;}
.des-60 p{opacity: 0.6;}
.hkd-des{padding: 40px 0;}
.border-top{border-top: 1px solid #676767;}
.border-bottom{border-bottom: 1px solid #676767;}
.title-eac1cc h3{color: #eac1cc;}
.hkd-des2{padding-top: 20px;margin-right: 380px;}
.hkd-des2 h3{margin-bottom: 15px;}
.hkd-des2 h3:last-child{margin-bottom: 0;}
.kcxq-d{padding: 0 100px;}
.hkd1{line-height: 150px;font-size: 60px;color: #ffb61f;}
.buynow{position: absolute;top:0;right: 0;text-align: center;width: 480px;background: #563cc8;font-size: 40px;color: #fff;transition: all .4s;}
.buynow:hover{background: #eac1cc;}
.buynow span{line-height: 150px;display: inline-block;vertical-align: middle;}
.buynow .i{width: 38px;height: 38px;background: url("../images/r38.png") no-repeat center;background-size: cover;display: inline-block;vertical-align: middle;margin-left: 18px;}
.buyma{position: absolute;width: 480px;text-align: center;right: 0;bottom:100%;margin-bottom: 40px;}
.buyma img{width: 323px;max-width: 100%;vertical-align: bottom;}
.title30 h2{font-size: 30px;}
.fb-box{padding: 0 50px;}
.fb-page{padding: 36px 0;border-bottom: 1px solid #d6d9dc;position: relative;min-height: 110px;}
.fb-right{margin-left: 180px;padding-top: 20px;}
.des-b2b2b2 p{color: #b2b2b2;}
.fb-img li{width: 200px;margin-right: 20px;}
.fb-img li:last-child{margin-right: 0;}
.tx{width: 80px;height: 80px;position: relative;border-radius: 100%;overflow: hidden;margin: 0 auto 12px;}
.tx img{object-fit: cover;}
.fb-left{position: absolute;top:0;left: 0;}
.fb-left p{text-align: center;color: #505050;}
.fb-two{background: #fff;padding: 35px;position: relative;}
.fb-two:before{content: "";position: absolute;width: 0;height: 0;border:20px solid transparent;border-bottom-color: #fff;bottom:100%;left: 35px;}

.page{text-align: center;font-size: 0;}
.pages{display: inline-block;vertical-align: middle; border:1px solid #e8ecee;width: 38px;height: 38px;margin-bottom: 2px; line-height: 38px;background-color: #fff;color: #748185;transition: all .4s;border-right: none;font-size: 14px;font-family: montserratlight;}
.pages:last-child{border-right:1px solid #e8ecee;}
.pages.active{background-color: #563cc8;color: #fff;}
.pages:hover{background-color: #563cc8;color: #fff;}
.page-f{background: #fff url("../images/801.png") no-repeat center;background-size: cover;}
.page-f:hover{background: #563cc8 url("../images/801-1.png") no-repeat center;background-size: cover;}
.page-l{background: #fff url("../images/802.png") no-repeat center;background-size: cover;}
.page-l:hover{background: #563cc8 url("../images/802-1.png") no-repeat center;background-size: cover;}
.page-p{background: #fff url("../images/803.png") no-repeat center;background-size: cover;}
.page-p:hover{background: #563cc8 url("../images/803-1.png") no-repeat center;background-size: cover;}
.page-n{background: #fff url("../images/804.png") no-repeat center;background-size: cover;}
.page-n:hover{background: #563cc8 url("../images/804-1.png") no-repeat center;background-size: cover;}
.padding-b100{padding-bottom: 100px;}
/*04课程-详情 e*/
/*05产品-列表 s*/
.product li{width: 32%;margin-right: 2%;text-align: center;margin-bottom: 50px;border:1px solid transparent;transition: all .4s;}
.product li a{display: block;padding-bottom: 77px;}
.product li:nth-child(3n){margin-right: 0;}
.product-bot{padding: 0 40px;}
.product-bot p{line-height: 1.6em;height: 3.2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.price24{font-size: 24px;}
.color-7762d3{color: #7762d3;}
.bundletoday-h50{width: 180px;padding: 0 13px;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}
.bundletoday-h50 span{line-height: 50px;}
.product li:hover{border-color: #e8e8e8;}
.ny-nav{font-size: 0;}
.ny-nav a{font-size: 18px;color: #6e6e6e;margin-right: 60px;display: inline-block;vertical-align: text-top;position: relative;padding-bottom: 10px;}
.ny-nav a:before{position: absolute;content: "";width: 0;opacity: 0;bottom:0;height: 2px;background: #563cc8;transition: all .4s;left: 50%;transform: translateX(-50%);}
.ny-nav a.active{color: #563cc8;}
.ny-nav a.active:before{width: 100%;opacity: 1;}
.ny-nav a:hover{color: #563cc8;}
.ny-nav a:hover:before{width: 100%;opacity: 1;}
/*05产品-列表 e*/
/*06产品-详情 s*/
.position{padding: 35px 0;}
.position a,.position span{display: inline-block;font-size: 16px;font-family: montserratextralight;margin-right: 6px;transition: all .4s;}
.position a:hover{color: #563cc8;}
.cpxq-img{width: 48%;border:1px solid #e8e8e8;display: flex;justify-content: space-between;align-items: center;}
.cpxq-img img{max-width: 100%;max-height: 100%;width: auto;height: auto;}
.title32 h2{font-size: 32px;}
.cpxq-con{width: 48%;display: flex;justify-content: space-between;flex-direction: column;}
.cpxq-a{display: flex;flex-wrap: wrap;justify-content: space-between;}
.border-e8e8e8{border-color: #e8e8e8;}
.price48{font-size: 48px;}
.padding-tb15{padding: 15px 0;}
.des-mg-bt10 p{margin-bottom: 10px;}
.des-4b4b4b p{color: #4b4b4b;}
.count{width: 198px;border:1px solid #eeeeee;position: relative;max-width: 100%;}
.count-input{height: 38px;text-align: center;font-size: 16px;color: #909090;width: 100%;}
.reduce{width: 38px;height: 100%;top:0;cursor: pointer;position: absolute;background: #fafafa;transition: all .4s;left: 0;border-right: 1px solid #eee;}
.add{width: 38px;height: 100%;top:0;cursor: pointer;position: absolute;background: #fafafa;transition: all .4s;right: 0;border-left: 1px solid #eee;}
.reduce:before{content: "";position: absolute;left: 50%;top:50%;width: 12px;height: 2px;margin: -1px 0 0 -6px;background: #a2a2a2;transition: all .4s;}
.add:before{content: "";position: absolute;left: 50%;top:50%;width: 12px;height: 2px;margin: -1px 0 0 -6px;background: #a2a2a2;transition: all .4s;}
.add:after{content: "";position: absolute;left: 50%;top:50%;width: 2px;height: 12px;margin: -6px 0 0 -1px;background: #a2a2a2;transition: all .4s;}
/*.cul-btn:hover{background: #7762d3;}*/
/*.cul-btn:hover:before{background: #fff;}*/
/*.cul-btn:hover:after{background: #fff;}*/
/*.cul-btn.none{cursor: default;}*/
/*.cul-btn.none:hover{background: #fafafa;}*/
/*.cul-btn.none:hover:before{background: #a2a2a2;}*/
/*.cul-btn.none:hover:after{background: #a2a2a2;}*/

.bundletoday-h60 span{line-height: 60px;}
.bundletoday-w350{width: 350px;}
.bundletoday-flex{display: flex;justify-content: space-between;align-items: center;padding: 0 20px;}
.bundletoday-group{display: flex;justify-content: space-between;}
.bundletoday-group a{margin-right: 20px;}
.bundletoday-group a:last-child{margin-right: 0;}
.bundletoday-bg252525{background: #252525;}
.title24 h2{font-size: 24px;}
.edit{padding: 40px 0;}
.des-4b4b4b p{color: #4b4b4b;}
.edit img{display: block;margin: 0 auto;max-width: 100%;height: auto !important;}
.cpxq-b1{width: 71.33%;}
.cpxq-b2{width: 24%;}
.cpxq-b{display: flex;justify-content: space-between;flex-wrap: wrap;}
.product-one li{width: 100%;margin-right: 0;}
.product2 li{border:1px solid #eee;margin-bottom: 20px;}
.product2 li img{width: 260px;max-width: 100%;}
.product2 li a{padding-bottom: 0;}
.product2 li a:hover p{color: #563cc8;}
.product2 li:hover{border-color: #563cc8;}
/*06产品-详情 e*/
/*07新闻-列表 s*/
.padding-t50{padding-top: 50px;}
.xw-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.xw1{width: 66.66%;}
.xw2{width: 28.66%;}
.xw-list li{display: block;margin-bottom: 30px;}
.xw-list li:hover h3{color: #563cc8;}
.rec-xw li:hover p{color: #563cc8;}
.xw-bot{padding: 50px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);transition: all .4s;}
.xw-list li:hover .xw-bot{box-shadow: 0 0 20px 0 rgba(86, 60, 200, 0.3);}
.title-4b4b4b h3{color: #4b4b4b;}
.des-8d8d8d p{color: #8d8d8d;}
.rili30 img{width: 15px;margin-right: 8px;}
.rili30{display: flex;align-items: center;}
.hot-title{border-bottom: 1px solid #d9dee1;padding-bottom: 15px;}
.hot-page{padding: 35px;margin-bottom: 25px;}
.hot-page .h-cp-con{padding: 14px 0;right: 0;}
.hot-page .header-cp-list{max-height: 100%;}
.rec-xw li{display: block;padding: 25px 0;border-bottom: 1px solid #d9dee1;}
/*07新闻-列表 e*/
/*08新闻-详细 s*/
.title-4b4b4b h2{color: #4b4b4b;}
.title48 h1{font-size: 48px;}
.xwxq-fy li{display: block;border-top: 1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; margin-top: 20px;padding: 15px 0;}
.xwxq-fy a{transition: all .4s;color: #979797;font-size: 16px;position: relative;padding-left: 25px;display: block;font-family: montserratlight;}
.xwxq-fy a:hover{color: #333;}
.xwxq-fy a .i{position: absolute;width: 13px;height: 13px;top:3px;left: 0;}
.xwxq-fy li:nth-child(1) .i{background: url("../images/fy1.png") no-repeat center;background-size: cover;}
.xwxq-fy li:nth-child(2) .i{background: url("../images/fy2.png") no-repeat center;background-size: cover;}
/*08新闻-详细 e*/
/*09联系我们-联系方式 s*/
.contact-list li{width: 33.33%;text-align: center;position: relative;padding: 0 5px;}
.contact-list li p{width: 360px;max-width: 100%;margin: 0 auto;}
.contact-list li img{width: 49px;}
.contact-list li:after{content: "";position: absolute;right: 0;top:0;border-right: 1px solid #e6e6e6;height: 100%;}
.contact-list li:last-child:after{display: none;}
.title-4e4e4e h3{color: #4e4e4e;}
.des-4e4e4e p{color: #4e4e4e;}
.input-page{position: relative;background: #fff;margin-bottom: 3%;}
.input-text input{height: 60px;font-size: 16px;font-family: montserratlight;display: block;width: 100%;}
.input-page-two .input-page{width: 48.5%;}
.input-name{position: absolute;line-height: 60px;font-size: 16px;color: #868686;left: 22px;top:0;}
.input-text{margin-left: 90px;}
.xing{color: #f00;position: absolute;top:0;left: -10px;}
.input-earea{margin-left: 110px;padding: 20px 0;padding-right: 20px;}
.input-earea textarea{font-size: 16px;display: block;width: 100%;resize: none;height: 140px;}
.bundletoday-w260{width: 260px;max-width: 100%;}
.bundletoday-w320{width: 320px;max-width: 100%;}
/*09联系我们-联系方式 e*/
/*10联系我们-人才招聘 s*/
.job li{border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;margin-bottom: 10px;display: block;transition: all .4s;}
.job li:hover{border-color: #563cc8;}
.job li.active{border-color: #563cc8;}
.job-con{padding: 30px 0;display: none;border-top: 1px dashed #bdbdbd;}
.des-848484 p{color: #848484;}
.job-top{height: 70px;display: flex;align-items: center;justify-content: space-between;position: relative;cursor: pointer;transition: all .4s;}
.job-name{font-size: 24px;}
.job-top:after{content: "";width: 22px;height: 12px;background: url("../images/i44x24.png") no-repeat center;background-size: 100% 100%;margin-right:22px;transition: all .4s;filter: grayscale(1);opacity: 0.6;}
.job li.active .job-top{color: #563cc8;}
.job li.active .job-top span{color: #fff;}
.job li.active .job-top:after{filter: grayscale(0);opacity: 1;transform: rotate(-180deg);}
.job li:hover .job-top{color: #563cc8;}
.job li:hover .job-top span{color: #fff;}
.job li:hover .job-top:after{filter: grayscale(0);opacity: 1;transform: rotate(-180deg);}
.des-345e99 p{color: #345e99;}
.job-item{display: flex;justify-content: space-between;}
.job-item p{width: 32%;margin-right: 2%;margin-bottom: 20px;}
.job-item p:last-child{margin-right: 0;}
.job-item span{color: #563cc8;font-family: montserratlight;display: inline-block;}
.bundletoday-7762d3{background: #7762d3;}
.job-last-ts{margin-right: 350px;}
.job-last .bundletoday{position: absolute;bottom:0;right: 0;}
/*10联系我们-人才招聘 e*/
/*12搜索结果 s*/
.res-num span{color: #573cc9;}
.res-num{padding: 15px 0;}
.padding-b20{padding-bottom: 20px;}
.res-page .cou-list li{background: none;}
.res-page .cou-list li a{padding: 0;background: none;}
.res-page .cou-list li:hover .kcbot{border-color: #563cc8;}
.res-page .cou-list li:hover p{color:#563cc8;}
.kcbot{border:1px solid #e8e8e8;border-top: none;padding: 20px;transition: all .4s;}
.kcbot p{min-height: 3.2em;line-height: 1.6em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.res-news-img{width: 50%;}
.rs-news li{width: 100%; margin-bottom: 2%;}
.rs-news li a{display: block;position: relative;}
.rs-news li:hover h3{color: #563cc8;}
.rs-news li:hover .res-news-con{border-color: #563cc8;}
.res-news-con{position: absolute;width: 50%;top:0;right: 0;border:1px solid #e8e8e8;border-left: none;height: 100%;padding: 35px 40px;display: flex;justify-content: space-between;flex-direction: column;transition: all .4s;}
.res-news-con h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.h-cp-con .montserratlight p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.hot-search2 a{display: inline-block;color: #7c7c7c;margin-right: 20px;margin-bottom: 20px;}
.search8355-box{border:1px solid #838383;position: relative;margin-top: 50px;}
.search8355-box input{display: block;height: 60px;text-indent: 20px;font-size: 16px;width: 100%;}
.search8355{position: absolute;top:0;right: 0;width: 60px;height: 100%;background: url("../images/s120.png") no-repeat center;background-size: cover;}
/*12搜索结果 e*/
/*13-1购物车 s*/
#cartTable tr td:nth-child(1){display: none;}
#cartTable tr th:nth-child(1){display: none;}
#cartTable td{height: 60px;padding: 20px 0;border-bottom: 1px solid #ededed;}
#cartTable .check{display: inline-block;vertical-align: middle;}
#cartTable th{height: 60px;border-bottom: 1px solid #a5a5a5; padding: 18px 0;width: 20%;}
#cartTable th:nth-child(2){;width: 30%;}
#cartTable th:last-child{width: 10%;}
#cartTable th:nth-child(1){width: 80px;text-align: left;padding-left: 35px;}
#cartTable td:nth-child(1){text-align: left;padding-left: 35px;}
#cartTable th p{display: inline-block;vertical-align: middle;line-height: 1;}
.price-td p{display: inline-block;vertical-align: middle;}
.price-td{white-space: nowrap;}
.subtotal-td{white-space: nowrap;}
.subtotal-td p{display: inline-block;vertical-align: middle;color: #7762d3;}
td .delete{display: inline-block;width: 40px;height: 40px;background: url("../images/delete.png") no-repeat center;background-size: cover;transition: all .4s;cursor: pointer;filter: grayscale(1);opacity: 0.5;}
.delete:hover{filter: grayscale(0);opacity: 1;}
.car-des{text-align: left;width: 260px;max-width: 100%;}
.goods-con{display: flex;align-items: center;justify-content: center;}
.goods-img{display: flex;width: 120px;height: 150px;margin-right:5px;align-items: center;justify-content: center;}
.goods-img img{max-width: 100%;max-height: 100%;width: auto;}
#deleteAll{color: #888;font-size: 16px;transition: all .4s;}
#deleteAll:hover{color: #563cc8;}
.car-bot-left{display: flex;align-items: center;}
.car-bot-left p{margin-right: 40px;}
.car-bot-left p span{display: inline-block;}
.car-bot-right{display: flex;align-items: baseline;}
.select-all{font-size: 16px;color: #563cc8;margin-right: 35px;}
.car-bot-left{margin-left: 35px;}
#selected{font-size: 16px;color: #888;}
/*.total{font-size: 24px;}*/
tr.none .count{display: none;}
tr.none p{color:#888;}
tr.none span{color:#888;font-size: 14px;}
tr.none h3{color:#888;}
.des-5b5b5b p{color: #5b5b5b;}
.table-style td .count{margin: 0 auto;}
.cart-tos td{border:1px solid #e4e4e4;height: 80px;border-left: none;border-right: none;padding: 20px 0;}
.cart-tos td:nth-child(1){width: 230px;}
.color-573cc9{color: #573cc9;}
.bundletoday-sm{background: #7762d3;width: 320px;max-width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 0 20px;}
.bundletoday-sm span{line-height: 60px;}
/*13-1购物车 e*/
/*13-2购物车-无 s*/
.no-car{height: 97px;}
.a-center{display: flex;justify-content: center;}
/*13-2购物车-无 e*/
/*13-3购物车-确认订单 s*/
.address-list{display: flex;flex-wrap: wrap;}
.address-list li{background: #f7f7f7;margin-bottom: 2%;border:1px solid #f7f7f7;transition: all .4s;}
.address-list li:hover{background: none;border-color: #563cc8;}
.address-list li.active{background: none;border-color: #563cc8;}
.address-list li a{display: block;padding: 25px 20px;position: relative;width: 100%;height: 100%;}
.des-868686 p{color: #868686;}
.address-list-bot p{position: relative;padding-left: 18px;}
.address-list-bot p img{width: 12px;position: absolute;left: 0;top:6px;}
.address-list-three li{width: 30%;margin-right: 2%;}
.address-list-three li:nth-child(3n){margin-right: 0;}
.sytey{position: absolute;right: -1px;top: -1px;background: #563cc8;color: #fff;padding: 5px 10px;display: none;}
.scdz{background: #f00;}
.address-list li.active .mr{display: block;}
.address-list li:hover .scdz{display: block;}
.ana{text-align: center;}
.ana-btn{width: 30px;height: 30px;background: #563cc8;display: inline-block;position: relative;}
.ana-btn:before{content: "";position: absolute;width: 2px;height: 16px;background: #fff;left: 50%;top:50%;margin: -8px 0 0 -1px;}
.ana-btn:after{content: "";position: absolute;width: 16px;height: 2px;background: #fff;left: 50%;top:50%;margin: -1px 0 0 -8px;}
.sr{width: 30px;height: 30px;position: absolute;right: 0;bottom:0;background: url("../images/sr.png") no-repeat center;background-size: cover;opacity: 0;transition: all .4s;}
.address-list li:hover .sr{opacity: 1;}
.cf-car th{}
.cf-car #cartTable th{border-top: 1px solid #a5a5a5;width: 25%;}
.price30{font-size: 30px;}
.des-676767 p{color: #676767;}
.bundletoday-kuang{background: none;border:1px solid #7762d3;color: #7762d3;}
.bundletoday:hover{border-color: #eac1cc;color: #fff;}
.bundletoday-kuang .i{background: url("../images/r38-2.png") no-repeat center;background-size: cover;transition: all .4s;}
.bundletoday-kuang:hover .i{background: url("../images/r38.png") no-repeat center;background-size: cover;}
.fixed-style{position: fixed;z-index: 9992;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,0.5);display: none;}
.hide-add-con{width: 480px;max-width: 92%;margin: 0 auto;}
.bg-fff{background: #fff;}
.add-page{position: relative;background: #eef2f5;margin-bottom:3%;}
.add-page .text{display: block;width: 100%;background: none;height: 40px;}
.add-page-input{margin-left: 10px;}
.add-i{position: absolute;right: 10px;top:50%;transform: translateY(-50%);width: 18px;}
.add-i img{width: 100%;vertical-align: bottom;}
.add-page-two .add-page{width: 48.5%;}
.btn184{display: inline-block;transition: all .4s;text-align: center;font-size: 16px;color: #fff;background: #563cc8;line-height: 40px;width: 184px;padding: 0 5px;max-width: 100%;border:1px solid #563cc8;}
.btn184-gruop{display: flex;justify-content: space-between;}
.btn184-gruop a{width: 48%;}
.btn184:hover{background: #eac1cc;border-color: #eac1cc;}
.btn184-kuang{background: none;color: #563cc8;}
.btn184-kuang:hover{border-color: #eac1cc;color: #fff;}
/*13-3购物车-确认订单 e*/
/*13-5购物车-支付 s*/
.bg-f7f7f7{background: #f7f7f7;}
.order-a{padding: 35px 45px;}
.des-414141 p{color: #414141;}
.order-a1{display: flex;flex-wrap: wrap;}
.order-a1 .montserratbold{margin-right: 25px;}
.order-a1-des{display: flex;flex-wrap: wrap;}
.order-a1-des p{margin-right: 25px;}
.confrcom{border:1px solid #e7e7e7;background: #fff;}
.confrcom td{width: 120px;text-align: center;border-bottom: 1px solid #e7e7e7;}
.confrcom .goods-con{justify-content: flex-start;}
.confrcom-box .car-bot-left{margin-left: 0;}
.pay-list li{width: 32%;margin-right: 2%;padding: 80px 0;}
.pay-list li a{display: block;text-align: center;}
.pay-list li:nth-child(3n){margin-right: 0;}
.pay-list li img{height: 89px;display: block;margin: 0 auto 10px;max-width: 100%;}
.pay-list .i{width: 22px;height: 22px;border-radius: 100%;border:2px solid #d9d9d9;display: inline-block;position: relative;}
.pay-list .i:before{content: "";position: absolute;top:2px;right: 2px;bottom:2px;left: 2px;border-radius: 100%;background: #7762d3;opacity: 0;transition: all .4s;}
.pay-list li:hover .i:before{opacity: 1;}
.pay-list li.active .i:before{opacity: 1;}
.zfcg-con{width: 450px;max-width: 92%;margin: 0 auto;padding: 30px 60px;}
.des-title20 h3{font-size: 20px;}
.gou{width: 103px;max-width: 100%;}
.btn184-size14{font-size: 14px;}
.btn184-bg-000{background: #000;border-color: #000;}
.gb80{position: absolute;cursor: pointer;width: 40px;height: 40px;top:0;right: 0;background: url("../images/gb80.png") no-repeat center;background-size: cover;}
/*13-5购物车-支付 e*/
/*14证书查询 s*/
.mg-bt150{margin-bottom: 150px;}
.query-bot2{background: #eef2f5;}
.query-bot2 .text{color: #252525;}
.query-bot2 .text::-webkit-input-placeholder{color:#a0a0a0;}
.query-bot2 .text:-moz-placeholder{color:#a0a0a0;}
.query-bot2 .text::-moz-placeholder{color:#a0a0a0;}
.query-bot2 .text:-ms-input-placeholder{color:#a0a0a0;}
.padding-tb120{padding: 120px 0;}
.mg-bt100{margin-bottom: 100px;}
/*14证书查询 e*/
/*15证书查询-失败 s*/
.padding-t120{padding-top: 120px;}
.des-797979 p{color: #797979;}
.wsj{width: 245px;max-width: 100%;}
/*15证书查询-失败 e*/
/*21登录 s*/
.logo2{height: 90px;}
.return{display: flex;position: absolute;top:30px;right: 30px;align-items: center;}
.return .i{width: 14px;height: 12px;background: url("../images/fh.png") no-repeat center;background-size: cover;margin-right: 6px;}
.dl-body{background: url("../images/dl-bg.jpg") no-repeat center;background-size: cover;padding-top: 80px;min-height: 100vh;}
.dl-page{position: relative;background: #eef2f5;border-radius: 60px;}
.dl-page .text{display: block;width: 100%;background: none;height: 60px;border-radius: 60px;font-size: 16px;text-indent: 28px;}
.dl-icon{position: absolute;right: 20px;top:50%;margin-top: -16px;width: 32px;pointer-events: none;}
.color-563cc8{color: #563cc8;}
.size16{font-size: 16px;}
.loggin-flxe{display: flex;justify-content: space-between;padding: 0 28px;}
.signin{display: inline-block;font-size: 18px;font-family: montserratmedium;color: #fff;background: #563cc8;line-height: 60px;border-radius: 60px;min-width: 320px;transition: all .4s;}
.signin:hover{background: #eac1cc;}
.signin-block{display: block;width: 100%;margin-right: 0;}

.signin.default{background: #ddd;cursor: default;}

.width600{width: 600px;max-width: 100%;margin: 0 auto;}
.footer2 .ba span{color: #000;}
.footer2 .footer-share .i{filter: invert(1);}
.padding-tb50{padding: 50px 0;}
/*21登录 e*/
/*22注册1 s*/
.width900{width: 900px;max-width: 100%;margin: 0 auto;}
.step{display: flex;}
.step li{flex: 1;text-align: center;position: relative;}
.des-909090 p{color: #909090;}
.step li span{display: block;margin: 0 auto 5px;font-family: montserratbold;color: #fff;font-size: 18px;background: #cbcbcb;border-radius: 100%;width: 30px;line-height: 30px;position: relative;z-index: 9;}
.step li:before{content: "";position: absolute;background: #e3e3e3;height: 2px;width: 100%;right: 50%;top:14px;}
.step li:nth-child(1):before{display: none;}
.step li.active:before{background: #563cc8;}
.step li.active p{color: #434343;}
.step li.active span{background: #563cc8;color: #fff;}
.ver-tel .dl-page{margin-right: 140px;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.ver-code .dl-page{margin-right: 160px;}
.ver-tel .query-sb{border-top-right-radius: 60px;border-bottom-right-radius: 60px;background: #000;}
.ver-tel .query-sb:hover{background: #563cc8;}
.code-a{height: 100%;right: 0;width: 150px;border:1px solid #ebeef2;border-radius: 60px;overflow: hidden;position: absolute;top:0;}
.agree{display: flex;justify-content: center;}
.agree p{margin-right: 2px;position: relative;padding-left: 22px;cursor: pointer;}
.des-828282 p{color: #828282;}
.agree span{position: absolute;width: 14px;height: 14px;border:2px solid #dedede;left: 0;top:2px;}
.agree span:before{position: absolute;width: 8px;height: 8px;background: #563cc8;top:50%;left: 50%;margin: -4px 0 0 -4px;content: "";opacity: 0;}
.agree p.active{color: #000;}
.agree p.active span{border-color: #563cc8;}
.agree p.active span:before{opacity: 1;}
.dl-page .text::-webkit-input-placeholder{color:#a0a0a0;}
.dl-page .text:-moz-placeholder{color:#a0a0a0;}
.dl-page .text::-moz-placeholder{color:#a0a0a0;}
.dl-page .text:-ms-input-placeholder{color:#a0a0a0;}
/*22注册1 e*/
/*23注册2 s*/
.width1220{width: 1220px;max-width: 100%;margin: 0 auto;}
.dl-page-two > .dl-page{width: 49%;}
.dl-page-two > .ver-tel{width: 49%;}
.signin-600{width: 600px;max-width: 100%;margin:0 auto;}
/*.title36 h2{font-size: 36px;}*/
.title-563cc8 h2{color: #563cc8;}
.des-525252 p{color: #525252;}
/*23注册2 e*/
/*31用户中心 s*/
.padding-t60{padding-top: 60px;}
.yhzx-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.yhzx-left{width: 17.33%;border-right: 1px solid #e9edee;}
.yhzx-right{width: 80.66%;}
.bg-fbfbfb{background: #fbfbfb;}
.des-title22 h3{font-size: 22px;}
.myacc h3{line-height: 60px;padding: 0 16px;position: relative;}
.myacc h3:after{width: 5px;height: 100%;position: absolute;right: 0;top:0;background: #000;content: "";}
.myacc-nav li{display: block;border-bottom: 1px solid #f1f4f5;transition: all .4s;}
.myacc-nav li a{display: block;font-size: 16px;color: #575757;transition: all .4s;font-family: montserratlight;padding: 20px 16px;position: relative;}
.myacc-nav li a:after{content: "";position: absolute;transition: all .4s;background: url("../images/b20x14.png") no-repeat center;background-size: cover;width: 10px;height: 7px;right: 14px;top:50%;margin-top: -3.5px;}
.myacc-nav li a:before{content: "";position: absolute;transition: all .4s;background: #563cc8;width: 6px;height: 100%;left: 0;top:0;opacity: 0;}
.myacc-nav li:hover{background: #000;}
.myacc-nav li:hover a{color: #fff;}
.myacc-nav li:hover a:after{background: url("../images/b20x14-1.png") no-repeat center;background-size: cover;}
.myacc-nav li:hover a:before{opacity: 1;}
.myacc-nav li.active{background: #000;}
.myacc-nav li.active a{color: #fff;}
.myacc-nav li.active a:after{background: url("../images/b20x14-1.png") no-repeat center;background-size: cover;}
.myacc-nav li.active a:before{opacity: 1;}
.border-ebebeb{border:1px solid #ebebeb;}
.yhzx-usn{padding: 30px 35px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.tx2{width: 110px;height: 110px;}
.des-b3b3b3 p{color: #b3b3b3;}
.yhzx-usn-left{display: flex;align-items: center;}
.tx2{margin-right: 18px;}
.yhzx-usn-num h3{margin-bottom: 8px;}
.des-4a4a4a p{color: #4a4a4a;}
.yhzx-usn-right li{margin-right: 50px;position: relative;padding-left: 18px;}
.yhzx-usn-right li:last-child{margin-right: 0;}
.yhzx-usn-right li .i{width: 15px;height: 15px;position: absolute;left: 0;top:50%;transform: translateY(-50%);background: url("../images/gou30.png") no-repeat center;background-size: cover;}
.yhzx-usn-right li.active .i{background: url("../images/gou30-2.png") no-repeat center;background-size: cover;}
.mg-bt35{margin-bottom: 35px;}
.mycour-tb thead{padding: 0 35px;}
.mycour-tb th{height: 35px;color: #8c8d8d;font-family: montserratlight;font-weight: normal;border-bottom: 1px solid #ebebeb;}
.mycour-tb th:nth-child(1){text-align:left;padding-left: 35px;}
.mycour-tb th:last-child{padding-right: 35px;}
.mycour-tb td{text-align: center;padding-top: 25px;padding-bottom: 25px;}
.mycour-tb td:nth-child(1){text-align:left;padding-left: 35px;}
.mycour-tb td:last-child{padding-right: 35px;}
.mycour-tb tbody tr{border-bottom: 1px dashed #d6d6d6;}
.mycour-tb tbody tr:last-child{border:none;}
.nodata{padding: 30px 35px;}
.nodata .wsj{width: 184px;}
.btn184-sm{font-size: 14px;line-height: 35px;width: auto;min-width: 120px;padding: 0 10px;}
.mycour-tb-courses th:nth-child(1){width: 60%;}
.mycour-tb-courses th:nth-child(2){width: 20%;}
.mycour-tb-courses th:nth-child(3){width: 20%;}
.mycour-tb-order th{width: 15%;}
.mycour-tb-order th:nth-child(1){width: 55%;}
.mycour-tb-courses .goods-con{justify-content: flex-start;}
.mycour-tb-order .goods-con{justify-content: flex-start;}
.mycour-tb-courses .goods-img{width: 150px;margin-right: 30px;}
.mycour-tb-courses .car-des{width: auto;}
.btn184-df{background: #b7b7b7 !important;border-color: #b7b7b7 !important;}
/*31用户中心 e*/
/*33用户中心-账号管理 s*/
.title-border-das{border-bottom: 1px dashed #997c33;padding-bottom: 12px;}
.width1200{width: 1200px;max-width: 100%;margin: 0 auto;}
.ny-nav2 a{color: #000;}
.acc-sc{padding: 0 50px;}
.btn-k{width: 120px;transition: all .4s;line-height: 30px;border:1px solid #eeeeee;text-align: center;display: inline-block;color: #8b8b8b;}
.btn-k:hover{background: #f8f8f8;}
.acc-list li{display: block;width: 100%;padding: 40px 0;position: relative;border-bottom: 1px dashed #d6d6d6;}
.acc-list li:last-child{border-bottom: none;}
.acc-list li .btn-k{position: absolute;right: 0;top:50%;margin-top: -15px;}
.des-a2a2a2 p{color: #a2a2a2;}
.acc-list-left img{width: 40px;margin-right: 15px;}
.acc-list-left{display: flex;align-items: center;margin-right: 140px;}
.acc-list-des .des16{margin-bottom: 2px;}
.acc-list{border-top: 1px solid #e9e9e9;}
.des-7a7a7a p{color: #7a7a7a;}
.acc-sc-tx{width: 120px;height: 120px;border:1px solid #e9e9e9;border-radius: 100%;background: #fff;position: relative;margin-left: 15px;}
.acc-sc-txs{position: absolute;top:5px;right: 5px;bottom:5px;left: 5px;border-radius: 100%;}
.acc-sc-top{display: flex;align-items: center;flex-direction: row-reverse;padding-bottom: 20px;margin-top: -32px;}
.acc-sc-top2{padding-bottom: 50px;}
/*33用户中心-账号管理 e*/
/*34用户中心-账号管理-修改密码 s*/
.w530{width: 530px;max-width: 92%;margin: 0 auto;}
.padding50{padding: 50px;}
.signin-h50{line-height: 50px;}
.dl-page-h50 .text{height: 50px;}
/*34用户中心-账号管理-修改密码 e*/
/*35用户中心-账号管理-邮箱认证 s*/
.des-505050 p{color: #505050;}
.dl-page-h50 .query-sb{font-size: 14px;width: 115px; line-height: 50px;}
.ver-tel.dl-page-h50 .dl-page{margin-right: 115px;}
.ver-tel.dl-page-h50 .dl-page .text{font-size: 14px;}
/*35用户中心-账号管理-邮箱认证 e*/
/*38用户中心-个人资料 s*/
.dl-page-h50 .dl-icon{right: 12px;}
.dl-page-three .dl-page{width: 32%;margin-right: 2%;}
.dl-page-three .dl-page:nth-child(3n){margin-right: 0;}
.signin-bg-000{background: #000;}
.signin-group{display: flex;align-items: center;justify-content: space-between;width: 670px;max-width: 100%;margin: 0 auto;}
.signin-group a{margin-right: 30px;}
.signin-group a:last-child{margin-right: 0;}
/*38用户中心-个人资料 e*/

/*41用户中心-我的订单 s*/
.padding-left22{padding-left: 22px;}
.padding-right22{padding-right: 22px;}
.ddzt-top{border-bottom: 1px solid #ebebeb;}
.ddzt-top .ny-nav a{padding: 15px;margin-right: 0;margin-bottom: -1px;font-size: 14px;}
.ddzt-top{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.ddzt-top .search8355-box{overflow: hidden;margin-top: 0;border-color: #ebebeb;width: 200px;}
.ddzt-top .search8355-box input{height: 30px;font-size: 12px;text-indent: 10px;}
.ddzt-top .search8355-box .search8355{width: 44px;right: -6px;}
.order-no-top{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;border-bottom: 1px dashed #d6d6d6;padding-bottom: 20px;}
.des-bfbfbf p{color: #bfbfbf;}
.padding20{padding: 20px;}
.des-7762d3 p{color: #7762d3;}
.order-no-box .mycour-tb tbody tr:last-child{border-bottom: 1px dashed #d6d6d6;}
.order-no-box .mycour-tb td{width: 15%;}
.order-no-box .mycour-tb td:nth-child(1){padding-left: 0;width: 70%;}
.order-no-box .mycour-tb td:last-child{padding-right: 0;}
.order-no-bot{border-bottom: 1px dashed #d6d6d6;padding-bottom: 15px;}
.des-d30101 p{color: #d30101;}
.bg-7762d3{background: #7762d3;}
.btn-k2{border:1px solid #e3e3e3;width: 180px;line-height: 32px;transition: all .4s;text-align: center;display: inline-block;color: #a1a1a1;}
.order-no-last{display: flex;justify-content: space-between;flex-wrap: wrap;}
.btn-k2-box{display: flex;}
.btn-k2-box a{margin-right: 10px;}
.btn-k2-box a:last-child{margin-right: 0;}
.btn-k2.bg-7762d3{border-color: #7762d3;color: #fff;}
.btn-k2.bg-5792e3{border-color: #5792e3;color: #fff;}
.bg-5792e3{background: #5792e3;}
.btn-k2.border-7762d3{border-color: #7762d3;color: #7762d3;}
.des-ff7800 p{color: #ff7800;}
.des-5792e3 p{color: #5792e3;}
.des-469423 p{color: #469423;}
/*41用户中心-我的订单 e*/
/*42用户中心-我的订单-详细 s*/
.ddxx-box .order-no-top{border-bottom: none;}
.product-four li{width: 23.5%;border:none;}
.product-four li:nth-child(3n){margin-right: 2%;}
.product-four li:nth-child(4n){margin-right: 0;}
.product-four li .product-bot{padding: 0;}
/*42用户中心-我的订单-详细 e*/
/*51用户中心-我的课程 s*/
.btn184-df-k{background: none;border-color: #b7b7b7;color: #b7b7b7;}
.btn184-df-k:hover{color: #fff;border-color: #eac1cc;}
.tr-border-no tr:last-child{border-bottom: none !important;}
.btn184-row a{margin: 5px auto;}
.w700{width: 700px;max-width: 92%;margin: 0 auto;}
.padding40{padding: 40px;}
.fixed-style .header-cp-list .h-cp-img{width: 150px;height: 150px;}
.fixed-style .header-cp-list .h-cp-con{left: 184px;padding: 15px 0;}
.pl-bot{border:1px solid #e8e8e8;}
.pl-bot textarea{display: block;width: 100%;color: #5b5b5b;background: #fff;height: 90px;resize: none;line-height: 1.8;}
.des-939393 p{color: #939393;}
.signin-w112{min-width: 112px;line-height: 32px;font-size: 14px;text-align: center;}
.add-img-bot{display: flex;align-items: center;}
.add-img-bot .signin{margin-right: 8px;display: inline-block;cursor: pointer;}
.tp-box .img100{width: 120px;height: 80px;position: relative;margin-bottom: 10px;}
.tp-box .img100 img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.tp-list li{margin-right: 10px;text-align: center;margin-bottom: 10px;}
.tpdelete{display: inline-block;width: 20px;height: 20px;background: #b1b1b1 url("../images/gb48.png") no-repeat center;background-size: cover;border-radius: 100%;cursor: pointer;transition: all .4s;}
.tpdelete:hover{background-color: #f00;}
.max-h100{max-height: 100vh;overflow: scroll;}
/*51用户中心-我的课程 e*/
/*61用户中心-收货地址 s*/
.address-list-full li{width: 100%;margin-right: 0;margin-bottom: 20px;}
.address-list-full li:last-child{margin-bottom: 0;}
.w1220{width: 1220px;max-width: 92%;margin: 0 auto;}
.add-page-three .add-page{width: 32%;margin-right: 2%;}
.add-page-three .add-page:nth-child(3n){margin-right: 0;}
.fixed-style-dz .add-page{margin-bottom: 2%;}
.fixed-style-dz .add-page-two .add-page{width: 49%;margin-right: 2%;}
.fixed-style-dz .add-page-two .add-page:nth-child(2n){margin-right: 0;}
.btn184-gruop-380{width: 380px;}
/*61用户中心-收货地址 e*/
/*71学习笔记-提示 s*/
.w450{width: 450px;max-width: 92%;margin: 0 auto;}
.xxts{padding: 40px 60px;}
.ks{width: 91px;max-width: 92%;vertical-align: bottom;}
/*71学习笔记-提示 e*/
/*81用户中心-退出登录 s*/
.btn184-block{display: block;width: 100%;}
.tc{width: 102px;max-width: 92%;}
/*81用户中心-退出登录 e*/
/*72学习笔记-答题 s*/
.min-h100{min-height: 100vh;}
.no-padding{padding-top: 0 !important;}
.header3{padding: 40px 0;}
.logo3 img{height: 66px;filter: brightness(5);}
.header3-warp{display: flex;justify-content: space-between;align-items: center;position: relative;}
.time-box{display: flex;align-items: center;}
.time-sc{font-size: 36px;color: #fff;display: flex;align-items: center;margin-left: 22px;}
.time-sc span:first-child{line-height: 60px;width: 60px;text-align: center;background:#392590;border-radius: 15px;}
.time-sc span:nth-child(2){margin: 0 8px;}
.time-sc span:last-child{line-height: 60px;width: 60px;text-align: center;background:#392590;border-radius: 15px;}
.w1420{width: 1420px;max-width: 92%;margin: 0 auto;}
.radius20{border-radius: 20px;}
.wenti-padding{padding: 35px 50px;}
.wenti-top .des-title30{margin-right: 325px;}
.bg-f1eeff{background: #f1eeff;}
.wenti-list li{display: block;padding: 15px;border-radius: 70px;margin-bottom: 20px;cursor: pointer;}
.wenti-list li:last-child{margin-bottom: 0;}
.wenti-list li p{font-size: 20px;margin-left: 52px;padding: 8px 0;}
.wenti-list li span{position: absolute;top:0;left: 0;color: #fff; line-height: 42px;width: 42px;border-radius: 100%;text-align: center;background: #563cc8;font-family: montserratbold;font-size: 24px;}
.wenti-list li img{position: absolute;width: 76px;top:-15px;right: -15px;opacity: 0;transition: all .4s;}
.wenti-list li:hover{background: #fff;}
.wenti-list li.active{background: #fff;}
.wenti-list li.active img{opacity: 1;}
.submit{display: inline-block;width: 400px;max-width: 100%;line-height: 58px;border:2px solid #fff;border-radius: 60px;color: #fff;font-size: 24px;transition: all .4s;}
.submit:hover{background: #fff;color: #563cc8;}
.header3 .title30{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
/*72学习笔记-答题 e*/
/*73学习笔记-完成 s*/
.w620{width: 620px;max-width: 92%;margin: 0 auto;}
.wc2{width: 400px;max-width: 100%;}
/*73学习笔记-完成 e*/
select{border:none;}
.add-page-select .add-i{width: 38px;padding: 0 10px;background: #eef2f5;right: 0;}
.add-page-select .dl-icon{width: 38px;padding: 0 10px;background: #eef2f5;right: 0;}
.header-area-hy a{transition: all .4s;font-size: 16px;}
.header-area-hy a:hover{color: #563cc8;border-bottom: 1px solid #563cc8;}
.index-body .header-area-hy a{color: #fff;}
.index-body .header-area-hy a:hover{border-bottom:1px solid #fff;}
.index-body.active .header-area-hy a{color: #333;}
.index-body.active .header-area-hy a:hover{border-bottom: 1px solid #563cc8;}

#uploadifive-pic input:last-child {
    width: 100%;
    height: 100%;
    right: 0 !important;
    top: 0 !important;
    cursor: pointer;
}
#uploadifive-pic {
    position: absolute !important;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 200px !important;
    border-radius: 0 !important;
    opacity: 0 !important;
}
.avatar_txt{display: none;}
.queue-box {
    display: none;
}
.acc-sc-tx .el-upload {
    width: 100%;
    height: 100%;
    border: none;
    top:0;left: 0;
    border-radius: 0;
    position: absolute;
    background: transparent;
}
.acc-sc-tx .el-upload .el-upload-dragger {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
}
.succe_more_style img {
    animation: rotate360 2s linear infinite;
}
@keyframes rotate360 {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.uploadimg{position: absolute;width: 80px;top:100%;left: 50%;margin-left: -40px;text-align: center;border-radius: 30px;transition: all .4s;margin-top: 5px;overflow: hidden;}
.uploadimg-btn{line-height: 30px;color: #666;display: block;border:1px solid #ddd;border-radius: 30px;transition: all .4s;}
.uploadimg:hover .uploadimg-btn{background: #563cc8;color: #fff;border-color: #563cc8;}
.xing-nr{left: 10px;font-size: 18px;}
.dl-page-h50 .xing-nr{line-height: 50px;}

.preview .swiper-slide{width: 15.5%;margin-right: 1.4%;cursor: pointer;}
.preview .swiper-slide:last-child{margin-right: 0;}
.preview .swiper-slide:before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.5);transition: all .4s;}
.preview .swiper-slide.active-nav:before{opacity: 0;}
.preview .swiper-slide:hover:before{opacity: 0;}
.btnStyle div{position: absolute;top:50%;width: 60px;height: 60px;pointer-events: auto;margin-top: -30px;z-index: 9;border:1px solid rgba(000,000,000,.5);border-radius: 100%;transition: all .4s;}
.btnStyle1{left:-72px;background: url("../images/120-3.png") no-repeat center;background-size: cover;}
.btnStyle2{right:-72px;background: url("../images/120-4.png") no-repeat center;background-size: cover;}
.btnStyle1:hover{background: url("../images/120-1.png") no-repeat center;background-size: cover;}
.btnStyle2:hover{background: url("../images/120-2.png") no-repeat center;background-size: cover;}
.btnStyle div:hover{background-color: #c1a88b;border-color: #c1a88b;}
.btnStyle .swiper-button-disabled{display: none;}


.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slideUp,.swiper-slide-active .banner-des,.swiper-slide-active .banner-img{
    animation:slideUp 1s both ease-out;-webkit-animation:slideUp 1s both ease-out;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft 1s both ease-out;-webkit-animation:slideLeft 1s both ease-out;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1s both ease-out;-webkit-animation:slideRight 1s both ease-out;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both ease-out;-webkit-animation:tobig 1s both ease-out;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}