body{background:#eee}header{-webkit-box-sizing:content-box!important;box-sizing:content-box!important}header a{-webkit-transition:color .3s ease;transition:color .3s ease}#app{position:relative;padding-top:70px}header *{-webkit-box-sizing:content-box!important;box-sizing:content-box!important}header.common-header{font-family:Lantinghei SC,Open Sans,Arial,Hiragino Sans GB,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;position:absolute;top:0;left:0;width:100%;background:#fff;height:70px;z-index:999;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);-webkit-box-sizing:content-box;box-sizing:content-box}header.common-header [placeholder]::-moz-input-placeholder,header.common-header [placeholder]::-webkit-input-placeholder{font-size:12px;color:#ccc}header.common-header [placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.5}header.common-header [placeholder]:focus::-moz-input-placeholder{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.5}header.common-header .headericon-header-user,header.common-header input::-ms-clear{display:none}header.common-header .serch{width:178px;height:30px;overflow:hidden;border:1px solid #dbdbdb;background:#fff;border-radius:2px;margin:18px 30px 0 0}header.common-header .serch .txt{width:140px;height:20px;padding:5px 5px;background:#fff;border:0;float:left;margin-left:5px;font-size:12px}header.common-header .serch .btn{background:url(http://lanxiongsports.com/public/images/icon.png) no-repeat;width:16px;height:16px;cursor:pointer;float:right;margin:7px 5px 0 0;border:0}header.common-header .headericon-header-msg:before{content:"\E600"}header.common-header .headericon-header-app:before{content:"\E601"}header.common-header .headericon-header-search:before{content:"";background:url(http://lanxiongsports.com/public/images/menuserch.png) no-repeat;width:22px;height:22px;display:block;margin:20px auto 0 auto}header.common-header.show-search .headericon-header-search:before{margin:0 auto 0 auto}header.common-header .headericon-apple:before{content:"\EABF"}header.common-header .headericon-android:before{content:"\EAC1"}header.common-header .headericon-header-menu:before{content:"";color:#fff;background:url(http://lanxiongsports.com/public/images/menulie.png) no-repeat;width:24px;height:22px;display:block;margin:20px auto 0 auto}header.common-header .headericon-arrow-drop-down:before{content:"\E604"}header.common-header .headericon-close:before{content:"";background:#000}header.common-header.scrolling{-webkit-box-shadow:0 2px 2px rgba(0,0,0,.1);box-shadow:0 2px 2px rgba(0,0,0,.1);border-bottom:0}header.common-header a,header.common-header a:focus,header.common-header a:visited{color:#333;text-decoration:none}header.common-header a:hover{color:#178fe6}header.common-header .container{max-width:1170px;margin:0 auto;position:relative}header.common-header .logo{display:block;width:144px;height:48px;background:url(http://lanxiongsports.com/public/images/logo.png) no-repeat;background-size:144px auto;position:absolute;top:15px;left:0}header.common-header .logo img{width:100%}header i.headerd{display:inline-block}header i.headerd img{width:32px;height:32px;border-radius:50%;overflow:hidden;margin-right:10px}header .mail{background:url(http://lanxiongsports.com/public/images/mail.png) no-repeat;width:16px;height:14px;display:block;margin-top:28px}@media (min-width:976px) and (max-width:1200px){header.common-header .container{padding:0 10px}}@media (min-width:976px) and (max-width:1200px){header.common-header .logo{left:10px}}@media (max-width:976px){header.common-header .logo{left:10px}}@media (min-width:976px){.triggers,header.common-header>.triggers{display:none}header.common-header nav{padding-left:180px}header.common-header nav a.headericon-header-menu{display:none}header.common-header nav ul li{float:left;position:relative}header.common-header nav ul li .headericon-arrow-drop-down{font-size:18px;position:relative;top:2px;left:-5px;color:#999}header.common-header nav ul li a{display:block;padding:0 10px;margin:0 15px;line-height:67px;height:67px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px}header.common-header nav ul li a.pointer-box{position:relative}header.common-header nav ul li.active a{border-bottom:3px solid #f8a900;color:#f8a900}header.common-header nav ul li.active a:hover{cursor:default}header.common-header .pop-up{-webkit-transition:none;transition:none;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:90% 0;transform-origin:90% 0;visibility:hidden;position:absolute;min-width:140px;right:-46px;top:60px;background:#fff;border:1px solid #ddd;padding:10px;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.1);box-shadow:0 2px 3px rgba(0,0,0,.1);border-radius:2px;z-index:10000}header.common-header .pop-up:before{width:10px;height:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background:#fff;border:1px solid #ddd;border-width:1px 1px 0 0;position:absolute;top:-6px;right:65px;content:" "}header.common-header li.stay dt .pop-up,header.common-header li dt:hover .pop-up{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:100;-webkit-transition:all .3s cubic-bezier(.31,.57,.68,1.36);transition:all .3s cubic-bezier(.31,.57,.68,1.36)}header.common-header .pop-up .first{border-bottom:1px solid #d8d8d8;padding-bottom:1px;margin-bottom:1px}header.common-header .pop-up a{width:140px;display:block;line-height:36px;clear:both;text-align:center;-webkit-transition:all .5s ease-in;transition:all .5s ease-in}header.common-header .pop-up a:hover{background:#f8a900;color:#fff}header.common-header li.stay>a,header.common-header li:hover>a{color:#f8a900}header.common-header .sub-nav{float:right;height:70px}header.common-header .sub-nav>li{float:left;position:relative}header.common-header .sub-nav>li>a{color:#333;line-height:70px;display:block;font-size:12px;float:left;margin:0 0 0 20px}header.common-header .sub-nav>li>a:hover{text-decoration:underline}header.common-header .sub-nav>li>a i{font-size:20px;position:relative;top:3px;color:#666;display:none}header.common-header .sub-nav a.fabu{background:#f8a900;font-size:12px;color:#fff;padding:0;width:60px;height:32px;line-height:32px;display:inline-block;border-radius:2px;text-align:center;-webkit-transition:all .3s ease;transition:all .3s ease;margin-top:18px}header.common-header .sub-nav a.fabu:hover{background:#db8500;text-decoration:none}header.common-header .sub-nav>li>a.login-link{color:#333}header.common-header .sub-nav>li .search-wrap{right:-200px;-webkit-transform-origin:20% 0;transform-origin:20% 0;display:none}header.common-header .sub-nav>li .search-wrap:before{right:225px}header.common-header .sub-nav>li .mobile-wrap:before{right:18px}header.common-header .sub-nav .searchbar{height:32px;overflow:hidden;white-space:nowrap;word-spacing:0}header.common-header .sub-nav .searchbar button{width:30px;height:30px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#40afff;color:#fff;vertical-align:middle;border-radius:0 2px 2px 0;font-size:18px}header.common-header .sub-nav .searchbar button:hover{background:#46c1ff}header.common-header .sub-nav .searchbar input{width:210px;height:30px;float:left;border:1px solid #a1d8ff;border-right:0;border-radius:2px 0 0 2px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:2px 10px;line-height:25px;vertical-align:middle}}@media (min-width:976px) and (min-width:976px){header.common-header nav ul li[name=insight]{position:relative}header.common-header nav ul li[name=insight]:after{content:"";position:absolute;top:13px;left:75%;width:24px;height:10px}}@media (min-width:976px) and (min-width:976px) and (max-width:1200px){header.common-header nav ul li a{padding:0 5px;margin:0 3px}}.mobile-show{display:none}@media (max-width:976px){.mobile-show{display:block}}@media (max-width:976px){.mobile-hide{display:none!important}header .mail{margin-bottom:5px}header.common-header .pop-up .hd{display:none}header i.headerd{vertical-align:-2px}}header li.login-actions dt{float:left;margin-left:20px;position:relative}header li.login-actions dt a{line-height:70px}header li.login-actions dt em{position:absolute;left:10px;top:20px;width:14px;height:14px;display:block;background:#ff5454;line-height:14px;text-align:center;border-radius:50%;color:#fff}header .back{display:none}@media (max-width:976px){#app{padding-top:0;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}#app:after{width:100%;height:100%;position:absolute;top:0;left:-130px;z-index:1000;content:" ";display:block;background:#000;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;visibility:hidden}#app.holding,body.holding{height:100%;overflow:hidden}#app.holding footer,body.holding footer{display:none}body.holding header.common-header{z-index:1001}.b-holding-right{position:fixed;right:-130px;left:0}#app.holding header.common-header{z-index:1001}#app.holding-right{padding-right:130px}#app.slide-left{-webkit-transform:translate(-130px);transform:translate(-130px)}#app.slide-left:after{visibility:visible;opacity:.3;z-index:1002}header.common-header{-webkit-box-shadow:none!important;box-shadow:none!important;border-bottom:1px solid #cddce7!important;position:relative;height:auto;z-index:999}header.common-header .triggers{display:block;word-spacing:0;height:70px;text-align:right}.common-header .triggers>a{display:inline-block;width:42px;height:70px;line-height:70px;text-align:center;font-size:28px;color:#9ab8d0}header.common-header .triggers>a.headericon-header-search{text-indent:4px}header.common-header .trigger-hide,header.common-header nav{display:none}header.common-header .sub-nav li{display:none;float:none}header.common-header.show-search{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-transform:translateY(-70px);transform:translateY(-70px);height:2000px;background:#f2f2f2;z-index:999;position:absolute;top:0;left:0;width:100%}header.common-header.show-search .sub-nav{position:relative}header.common-header.show-search .sub-nav li.search-item{display:block;height:70px;position:relative}header.common-header.show-search .sub-nav li.search-item form{border-bottom:1px solid #cddce7}header.common-header.show-search .sub-nav li.search-item .serch{display:none}header.common-header.show-search .sub-nav li.search-item button{display:inline-block;border-left:1px solid #cddce7;width:62px;height:70px;line-height:70px;text-align:center;font-size:16px;color:#9ab8d0;background:none;position:absolute;right:0;top:0;border:0;cursor:pointer}header.common-header.show-search .sub-nav li.search-item button.search-icon{right:42px;border-left:0}header.common-header.show-search .sub-nav li.search-item button.close-icon{color:#aaa}header.common-header.show-search .sub-nav li.search-item input{border:0;width:100%;height:70px;padding-left:20px;padding-right:124px;border-top:1px solid #cddce7;-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:70px}header.common-header.show-search .sub-nav li.search-item [placeholder]::-moz-input-placeholder,header.common-header.show-search .sub-nav li.search-item [placeholder]::-webkit-input-placeholder{font-size:16px;color:#ccc}header.common-header.show-menu .sub-nav li.login-actions{display:block;width:130px;height:7-px;position:absolute;left:100%;top:0;color:#fff;text-align:left;padding-left:14px}header.common-header.show-menu .sub-nav li.login-actions a{font-size:14px;color:#fff;line-height:45px;float:none;display:block}header li.login-actions dt{clear:both;margin-left:0;text-align:left}header.common-header.show-menu .sub-nav li.login-actions a i{font-size:26px}header.common-header.show-menu nav{display:block;width:130px;height:2000px;background:#3c3c44;padding-top:150px;position:absolute;right:-130px;top:0;z-index:99999}header.common-header.show-menu nav li a{height:43.4px;line-height:43.4px;display:block;text-align:left;border:1px solid transparent;border-width:1px 0;color:#fff;padding-left:20px;font-size:14px}header.common-header.show-menu nav li a.trigger-hide{display:none}header.common-header.show-menu nav li.active a{background:#474750;border-color:#555560}}@media (max-width:976px){header .back{display:block}.side-pannel{display:none}}@media (max-width:865px){header.common-header .serch{margin:18px 0 0 0}header li.login-actions dt{margin-left:10px}}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-y:hidden;height:100%}::-webkit-scrollbar{display:none}body{font-size:14px;line-height:1.5;font-family:PingFang SC,Helvetica Neue,Helvetica,Arial,STHeiTi,Microsoft Yahei,Hiragino Sans GB,Heiti SC,sans-serif}blockquote,button,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,pre,td,textarea,th,ul,xmp{margin:0;padding:0}button,code,input,kbd,pre,samp,select,textarea,tt,xmp{line-height:inherit;font-family:inherit}big,button,h1,h2,h3,h4,h5,h6,input,select,small,textarea{font-size:inherit}address,cite,dfn,em,i,optgroup,var{font-style:normal}table{border-collapse:collapse;border-spacing:0;table-layout:fixed;text-align:left}menu,ol,ul{list-style:none}fieldset,img{border:0;vertical-align:middle}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,video{display:inline-block}blockquote:after,blockquote:before,q:after,q:before{content:" "}button,input,select,textarea{color:inherit;border:none}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:1}button:focus,input:focus,select:focus,textarea:focus{outline:none}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=button],input[type=file]::-webkit-file-upload-button,input[type=reset],input[type=search]::-webkit-search-cancel-button,input[type=submit]{-moz-appearance:none;-webkit-appearance:none}input,textarea{-webkit-appearance:none}::-webkit-details-marker{display:none}mark{background-color:transparent}a,del,ins,s,u{text-decoration:none}a,img{-webkit-touch-callout:none}body{margin:0}#app{width:100%;height:100vh;overflow-y:scroll;-webkit-overflow-scrolling:touch}button{border:0 none}a{color:#000}.or{overflow:hidden}#app{background:#eee}.foot{background:#111;width:100%;font-size:14px;line-height:28px;color:#a1a1a1;clear:both;margin-top:100px;padding:40px 0 75px 0}.foot img{vertical-align:middle;-ms-interpolation-mode:bicubic;max-width:100%}.foot.lin{margin-top:0}.foot .con{width:1170px;margin:0 auto}.foot ul{width:400px;float:left;padding-top:15px;overflow:hidden;margin-right:20px}.foot ul em{background:#545454;width:1px;height:10px;display:inline-block;margin:0 8px}.foot ul{margin-top:5px}.foot ul a{color:#a1a1a1;white-space:nowrap;display:inline-block}.foot ul a:hover{text-decoration:underline}.foot ul h1{font-size:14px;margin-top:-1px}.foot ul h1 i{width:2px;height:14px;background:#f8a900;display:inline-block;margin-right:8px;vertical-align:-3px}.foot .qrcode-wrapper{float:right}.foot dl{float:left;text-align:center;width:120px;font-size:12px}.foot dl:first-of-type{margin-right:30px}@media (max-width:1185px){.foot .con{width:96%}.foot .qrcode-wrapper{float:left;display:-webkit-box;display:-ms-flexbox;display:flex}.foot dl,.foot ul{float:none}.foot dl{margin-top:30px}}@media (max-width:768px){.foot{margin-top:30px;padding:20px 0}.foot .con{text-align:center}.foot .qrcode-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.foot ul{width:100%}.foot ul em{margin:0 4px}.foot dl{margin-top:30px}}@media (max-width:976px){.home-wrapper{padding-top:0!important}#app{max-width:768px;margin:0 auto}#app .home-wrapper{width:100%;overflow-x:hidden}#app .banner-wrapper{height:66.6666666666vw}#app .banner-wrapper>.content{width:100%}#app .banner-wrapper>.content>.kv>img{width:83.7333333333333%;height:auto}#app .banner-wrapper>.content>.kv>p{font-size:16px;padding-top:10px;letter-spacing:2px}#app .banner-wrapper>.content>p{font-size:12px;line-height:1;padding:0 0 12px 15px}#app .courses-offline,#app .courses-online,#app .courses-review,#app .courses-review-big{display:none}#app .m-courses-offline,#app .m-courses-online,#app .m-courses-review{display:block}#app .m-courses-online{overflow:hidden}#app .m-courses-offline>.main>.swiper-container .swiper-slide .detail>p:first-child{height:54px!important}#app .courses-wrapper{height:auto!important;padding-bottom:15px;background:#eee}#app .courses-wrapper>h3{padding:17px 0 22px 15px;font-size:18px;font-weight:700;color:#333;line-height:1;letter-spacing:1px}#app .courses-wrapper>.main{width:100%;height:calc(56vw + 5px)!important;max-height:375px}#app .courses-wrapper>.main>.swiper-container{width:100%}#app .courses-wrapper>.main>.swiper-container .swiper-slide{height:56vw!important;max-height:370px}#app .courses-wrapper>.main>.swiper-container .swiper-slide .cover{height:auto!important}#app .courses-wrapper>.main>.swiper-container .swiper-slide .cover>img{width:100%;height:100%}#app .courses-wrapper>.main>.swiper-container .swiper-slide .detail{padding:0 8px}#app .courses-wrapper>.main>.swiper-container .swiper-slide .detail>p:first-child{padding-top:10px;font-size:16px;font-weight:400;color:#333;line-height:22px;height:auto}#app .courses-wrapper>.main>.swiper-container .swiper-slide .detail>p:last-child{font-size:14px;font-weight:400;color:#888;line-height:1;padding-top:10px}#app .m-courses-review>h3{padding:17px 0 22px 15px;font-size:18px;font-weight:700;color:#333;line-height:1;letter-spacing:1px}#app .m-courses-review .swiper-container{padding:0 10px;padding-bottom:28px}#app .m-courses-review .swiper-container .swiper-slide{position:relative;height:auto!important;overflow:hidden;border-radius:4px;height:43.64444444vw!important}#app .m-courses-review .swiper-container .swiper-slide>.cover{width:100%;height:100%;overflow:hidden}#app .m-courses-review .swiper-container .swiper-slide>.cover>img{width:100%;height:100%;border-radius:4px}#app .m-courses-review .swiper-container .swiper-slide>.detail{width:100%;height:50px;font-size:15px;font-weight:700;color:#fff;line-height:18px;padding:0 10px;text-align:left;position:absolute;bottom:0;z-index:9;background:rgba(0,0,0,.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#app .show-m-preview{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}#app .m-courses-review-big{display:none;background:rgba(0,0,0,.7);margin-top:0;margin-left:0}#app .m-courses-review-big .wrapper{margin-top:-15px}#app .m-courses-review-big .wrapper .close-btn{width:25px;height:25px;margin-bottom:5px}#app .m-courses-review-big .wrapper .swiper-container{width:90vw;overflow-x:hidden;overflow-y:auto}#app .m-courses-review-big .wrapper .swiper-container .swiper-slide p{width:100%;height:50px;font-size:15px;font-weight:700;color:#fff;line-height:18px;padding:0 10px;text-align:left}#app .m-courses-review-big .m-swiper-pagination4{width:100%;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#app .m-courses-review-big .m-swiper-pagination4>span{display:block;width:8px;height:8px;border-radius:50%;background:#fff;opacity:.2;margin-left:4px}#app .m-courses-review-big .m-swiper-pagination4>span:first-child{margin-left:0}#app .m-courses-review-big .m-swiper-pagination4 .actived-index{opacity:1}#app .comments{padding:0 15px}#app .comments>ul{width:100%}#app .comments>ul>li{height:auto;margin-bottom:31px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#app .comments>ul>li>.avatar-wrapper{padding:19px 0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0}#app .comments>ul>li>.avatar-wrapper>img{width:75px;height:75px}#app .comments>ul>li>.comment{display:block;padding-bottom:32px}#app .comments>ul>li>.comment>p{padding:0 27px;width:100%;font-size:16px;font-weight:400;color:#333;line-height:23px;padding-bottom:18px}#app .comments>ul>li>.comment>p span{font-size:14px;height:14px;right:27px;bottom:0}#app .orgs{width:100%;height:auto;padding:0 15px 30px}#app .orgs h3{font-size:18px;color:#fff;line-height:1;padding:32px 0 24px 0}#app .orgs ul{width:100%;height:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#app .orgs ul>li{width:calc((100vw - 50px)/3);margin:0;display:block;height:auto;margin-bottom:10px}#app .orgs ul>li>img{width:100%;height:auto}#app .about{padding-bottom:28px;display:none}#app .about h3{padding:34px 0 8px 0;font-size:16px}#app .about p{padding:0 15px;font-size:12px;font-weight:400;color:#666;line-height:18px}#app .m-about{display:block!important;height:auto!important}#app .m-about>p{text-align:left;width:100%}#app .m-about .qrcode-wrapper{margin-top:8px}}.swiper-button-next,.swiper-button-prev{outline:none!important}.m-courses-offline,.m-courses-online,.m-courses-review{display:none}.swiper-container{width:100%;height:100%}.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-wrapper{position:relative}.home-wrapper>.banner-wrapper{width:100%;height:500px;background:url(http://imgcdn.lanxiongsports.com/upload/lx_courses/banner_bg.jpg) 50% no-repeat;background-size:cover;position:relative}.home-wrapper>.banner-wrapper:before{position:absolute;left:0;top:0;content:"";background:#191c9b;opacity:.5;width:100%;height:100%}.home-wrapper>.banner-wrapper>.content{position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1170px;height:100%}.home-wrapper>.banner-wrapper>.content,.home-wrapper>.banner-wrapper>.content .kv{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-wrapper>.banner-wrapper>.content .kv>img{height:100px}.home-wrapper>.banner-wrapper>.content .kv>p{font-size:40px;font-weight:400;font-style:italic;line-height:1;color:#fff;padding-top:25px;letter-spacing:6px}.home-wrapper>.banner-wrapper>.content>p{width:100%;position:absolute;left:0;bottom:0;font-size:14px;color:#fff;line-height:1;padding-bottom:28px;letter-spacing:1px}.home-wrapper>.courses-wrapper{width:100%;margin:0 auto;height:464px;background:#fff}.home-wrapper>.courses-wrapper>.main{width:1308px;margin:0 auto;position:relative;height:306px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home-wrapper>.courses-wrapper>.main,.home-wrapper>.courses-wrapper>.main .btn-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.home-wrapper>.courses-wrapper>.main .swiper-container{width:1188px;padding:0 10px;margin:0 auto}.home-wrapper>.courses-wrapper>.main .swiper-container .swiper-slide{width:376px;background:#fff;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.08);box-shadow:0 2px 2px rgba(0,0,0,.08);border-radius:4px;height:286px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;-webkit-transition:-webkit-box-shadow .5s;transition:-webkit-box-shadow .5s;transition:box-shadow .5s;transition:box-shadow .5s,-webkit-box-shadow .5s}.home-wrapper>.courses-wrapper>.main .swiper-container .swiper-slide>.cover{width:100%;height:188px;border-radius:4px 4px 0 0;overflow:hidden}.home-wrapper>.courses-wrapper>.main .swiper-container .swiper-slide>.cover>img{width:100%;height:100%;-webkit-transition:all 1s;transition:all 1s;-o-object-fit:cover;object-fit:cover}.home-wrapper>.courses-wrapper>.main .swiper-container .swiper-slide>.detail{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:12px}.home-wrapper>.courses-wrapper>.main .swiper-container .swiper-slide>.detail>p:first-child{font-size:18px;height:63px;color:#333;line-height:24px;padding-top:15px;text-align:left}.home-wrapper>.courses-wrapper>.main .swiper-container .swiper-slide>.detail>p:last-child{font-size:14px;color:#888;line-height:1;padding-top:7px;text-align:left}.home-wrapper>.courses-wrapper>h3{font-size:28px;font-weight:500;color:#333;line-height:1;width:1170px;margin:0 auto;padding:43px 0 38px 0;letter-spacing:2px;position:relative}.home-wrapper>.courses-wrapper .btn-wrapper{width:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:10px}.home-wrapper>.courses-wrapper .btn-wrapper:last-child{padding-left:0;padding-right:10px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.home-wrapper>.courses-wrapper .swiper-button-next{width:16px;height:32px;background-position:50%;background-size:cover;position:static;z-index:99;-webkit-transition:all .11s ease-out;transition:all .11s ease-out;background-image:url(http://imgcdn.lanxiongsports.com/upload/lanxiongsports/general_icon_right3@2x.png)}.home-wrapper>.courses-wrapper .swiper-button-next:hover{width:22px;height:42px;background-image:url(http://imgcdn.lanxiongsports.com/upload/lanxiongsports/general_icon_right_hover3@2x.png)}.home-wrapper>.courses-wrapper .swiper-button-prev{width:16px;height:32px;background-position:50%;background-size:cover;position:static;z-index:99;-webkit-transition:all .11s ease-out;transition:all .11s ease-out;background-image:url(http://imgcdn.lanxiongsports.com/upload/lanxiongsports/general_icon_left3@2x.png)}.home-wrapper>.courses-wrapper .swiper-button-prev:hover{width:22px;height:42px;background-image:url(http://imgcdn.lanxiongsports.com/upload/lanxiongsports/general_icon_left_hover3@2x.png)}.home-wrapper>.courses-wrapper .swiper-button-disabled{visibility:hidden}.home-wrapper .courses-offline>.main{height:320px}.home-wrapper .courses-offline .cover{overflow:hidden}.home-wrapper .courses-offline .swiper-slide:hover{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.2)!important;box-shadow:0 3px 6px rgba(0,0,0,.2)!important}.home-wrapper .courses-offline .swiper-slide:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:transform 1s;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.home-wrapper .courses-review{background:#fff}.home-wrapper .courses-review .pagination{width:100%;position:absolute;height:5px;bottom:-40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home-wrapper .courses-review .pagination>.swiper-pagination-bullet{width:44px;height:5px;background:#000;opacity:.22;margin-right:30px;border-radius:0;outline:none!important}.home-wrapper .courses-review .pagination>.swiper-pagination-bullet:last-child{margin-right:0}.home-wrapper .courses-review .pagination>.swiper-pagination-bullet-active{background:#f8a900;opacity:1}.home-wrapper .courses-review>.main{height:auto}.home-wrapper .courses-review>.main .swiper-container .swiper-slide{position:relative;height:250px}.home-wrapper .courses-review>.main .swiper-container .swiper-slide>.cover{position:absolute;height:100%;left:0;top:0}.home-wrapper .courses-review>.main .swiper-container .swiper-slide>.detail{position:absolute;bottom:0;left:0;height:40px}.home-wrapper .courses-review>.main .swiper-container .swiper-slide>.detail:before{position:absolute;width:100%;height:100%;content:"";left:0;bottom:0;background:#000;opacity:.4}.home-wrapper .courses-review>.main .swiper-container .swiper-slide>.detail>p:first-child{height:40px;font-size:18px;color:#fff;line-height:40px;padding-top:0;position:absolute;left:0;bottom:0;z-index:9;padding-left:16px}.home-wrapper .courses-online{background:#eee}.home-wrapper .courses-online>.main .swiper-container .swiper-slide>.cover{overflow:hidden;height:212px}.home-wrapper .courses-online>.main .swiper-container .swiper-slide>.detail>p:first-child{height:auto}.home-wrapper .courses-online>.main .swiper-container .swiper-slide>.detail>p:last-child{padding-top:9px}.home-wrapper .courses-online .swiper-slide:hover{-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2)!important;box-shadow:0 4px 20px rgba(0,0,0,.2)!important}.home-wrapper .courses-online .swiper-slide:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:1s;transition:1s}.home-wrapper .courses-review-big{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:80px;margin-left:-10000px;margin-top:-30px}.home-wrapper .courses-review-big .wrapper{padding:0 35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:relative}.home-wrapper .courses-review-big .wrapper .close-btn{width:50px;height:50px;z-index:99999;background:url(http://imgcdn.lanxiongsports.com/upload/lanxiongsports/pic_close.png);background-size:100% 100%;cursor:pointer;margin-bottom:10px}.home-wrapper .courses-review-big .wrapper .swiper-container{width:70vw;max-width:1080px;height:auto;position:relative}.home-wrapper .courses-review-big .wrapper .swiper-container .swiper-slide{position:relative;background-color:transparent}.home-wrapper .courses-review-big .wrapper .swiper-container .swiper-slide img{width:100%;height:auto}.home-wrapper .courses-review-big .wrapper .swiper-container .swiper-slide p{position:absolute;bottom:0;left:0;height:72px;width:100%;z-index:9;font-size:28px;color:#fff;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-wrapper .courses-review-big .wrapper .swiper-container .swiper-slide p:before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:#000;opacity:.5;z-index:-1}.home-wrapper .courses-review-big .wrapper .swiper-button-prev{width:24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E");position:absolute;left:0;top:50%;margin-top:22px;background-size:100% 100%;outline:none!important}.home-wrapper .courses-review-big .wrapper .swiper-button-next{width:24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E");position:absolute;right:0;top:50%;margin-top:22px;background-size:100% 100%;outline:none!important}.home-wrapper .show-preview{margin-left:0}.home-wrapper>.mask{width:100vw;height:100vh;left:0;top:0;z-index:999;position:fixed;background:#000;opacity:.7}.home-wrapper>.orgs{width:100%;height:426px;background:url(http://imgcdn.lanxiongsports.com/upload/lx_courses/logo_bg.jpg) 50% no-repeat;background-size:cover}.home-wrapper>.orgs>h3{font-size:28px;font-weight:500;color:#fff;line-height:1;padding:77px 0 47px 0;letter-spacing:3px;text-align:center}.home-wrapper>.orgs>ul{width:860px;height:180px;margin:0 auto;-ms-flex-wrap:wrap;flex-wrap:wrap}.home-wrapper>.orgs>ul,.home-wrapper>.orgs>ul>li{display:-webkit-box;display:-ms-flexbox;display:flex}.home-wrapper>.orgs>ul>li{width:200px;height:80px;margin:0 20px 20px 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-radius:4px}.home-wrapper>.orgs>ul>li>img{height:100%}.home-wrapper>.orgs>ul>li:nth-child(4n){margin-right:0}.home-wrapper>.comments{padding:50px 0 57px 0}.home-wrapper>.comments>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:1170px;margin:0 auto}.home-wrapper>.comments>ul>li{width:100%;min-height:182px;background:#fff;-webkit-box-shadow:0 4px 18px 0 rgba(0,0,0,.15);box-shadow:0 4px 18px 0 rgba(0,0,0,.15);border-radius:4px;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.home-wrapper>.comments>ul>li>.avatar-wrapper{width:112px;margin:0 63px 0 35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-wrapper>.comments>ul>li>.avatar-wrapper>img{width:112px;height:112px;border-radius:50%}.home-wrapper>.comments>ul>li>.comment{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:35px 0}.home-wrapper>.comments>ul>li>.comment>p{width:100%;font-size:24px;font-weight:400;color:#333;line-height:34px;padding-right:80px;position:relative}.home-wrapper>.comments>ul>li>.comment>p>span{height:17px;font-size:18px;font-weight:400;color:#666;line-height:1;position:absolute;right:80px}.home-wrapper>.comments>ul>li:first-child>.comment p>span{bottom:-11px}.home-wrapper>.comments>ul>li:nth-child(2)>.comment p>span{bottom:-18px}.home-wrapper>.comments>ul>li:nth-child(3)>.comment p>span{bottom:0}.home-wrapper>.about{width:100%;background:#fff}.home-wrapper>.about>h3{padding:70px 0 18px 0;font-size:24px;font-weight:400;line-height:1;letter-spacing:2px;color:#666;text-align:center}.home-wrapper>.about>p{width:1170px;margin:0 auto;letter-spacing:1px;font-size:14px;font-weight:400;color:#666;line-height:24px;padding-left:15px}.home-wrapper>.about .qrcode-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-wrapper>.about .qrcode-wrapper>img{width:120px;height:120px;margin-top:15px}.home-wrapper>.about .qrcode-wrapper p{font-size:12px;line-height:1.5;padding-bottom:50px;color:#333}.home-wrapper .m-about{display:none}.course-detail-wrapper{position:relative}.course-detail-wrapper .course-header{width:1170px;padding:20px;margin:20px auto 20px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}.course-detail-wrapper .course-header>img{height:270px}.course-detail-wrapper .course-header .course-info{padding-left:26px;position:relative}.course-detail-wrapper .course-header .course-info h3{width:100%;font-size:28px;font-weight:700;letter-spacing:1px;color:#333;line-height:1}.course-detail-wrapper .course-header .course-info .lecturer-name{font-size:18px;padding:17px 0 14px;color:#666;line-height:1}.course-detail-wrapper .course-header .course-info .lecturer-intro{font-size:14px;color:#888;line-height:24px;padding-bottom:15px}.course-detail-wrapper .course-header .course-info .price{font-size:28px;font-weight:500;color:#333;line-height:28px}.course-detail-wrapper .course-header .course-info button{position:absolute;left:20px;bottom:4px;width:160px;height:46px;background:#f8a900;border-radius:4px;font-size:20px;font-weight:400;color:#fff;line-height:46px;letter-spacing:1px;cursor:pointer}.course-detail-wrapper .course-main{width:1170px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 44px}.course-detail-wrapper .course-main>section{width:820px;background:#fff}.course-detail-wrapper .course-main>section .header-wrapper{width:100vw;height:60px;background:#fff;position:fixed;z-index:9;top:0;left:0;border-bottom:1px solid #efefef}.course-detail-wrapper .course-main>section .header-wrapper>header{width:1170px;height:100%;position:relative;margin:0 auto}.course-detail-wrapper .course-main>section .header-wrapper>header .line{width:100%;height:2px;position:absolute;top:0;z-index:-1;background:none}.course-detail-wrapper .course-main>section .header-wrapper>header .content{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.course-detail-wrapper .course-main>section .header-wrapper>header .content>div:first-of-type{width:820px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:20px}.course-detail-wrapper .course-main>section .header-wrapper>header .content>div:first-of-type>p{padding:0 15px;font-size:18px;font-weight:400;color:#333;line-height:60px;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.course-detail-wrapper .course-main>section .header-wrapper>header .content>div:first-of-type>p:hover{color:#f8a900}.course-detail-wrapper .course-main>section .header-wrapper>header .content>div:first-of-type>p:last-child{margin-left:10px}.course-detail-wrapper .course-main>section .header-wrapper>header .content>div:first-of-type .active{background:#f8a900;color:#fff}.course-detail-wrapper .course-main>section .header-wrapper>header .content>div:first-of-type .active:hover{color:#fff}.course-detail-wrapper .course-main>section .header-wrapper>header .content>div:last-of-type{width:320px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.course-detail-wrapper .course-main>section .header-wrapper>header .content>div:last-of-type span{font-size:24px;font-family:PingFangSC-Regular;font-weight:700;color:#333;line-height:60px}.course-detail-wrapper .course-main>section .header-wrapper>header .content>div:last-of-type button{width:115px;margin-left:36px;background:#f8a900;border-radius:4px;font-size:18px;font-weight:400;color:#fff;letter-spacing:.5px;padding:11px 0;line-height:1;cursor:pointer}.course-detail-wrapper .course-main>section .fixed-header{position:relative;width:100%}.course-detail-wrapper .course-main>section .fixed-header>header{width:100%}.course-detail-wrapper .course-main>section .fixed-header>header .line{background:-webkit-gradient(linear,right top,left top,from(#a674ef),color-stop(51%,#ff88ae),to(#fac033));background:linear-gradient(-90deg,#a674ef,#ff88ae 51%,#fac033)}.course-detail-wrapper .course-main>section .fixed-header>header .content div:last-of-type{display:none}.course-detail-wrapper .course-main>section .course-tab{width:100%;padding:17px 20px 42px}.course-detail-wrapper .course-main>section .course-tab>p{width:100%;padding-top:11px;font-size:16px;font-weight:400;color:#666;line-height:28px}.course-detail-wrapper .course-main>section .course-tab:first-of-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.course-detail-wrapper .course-main>section .course-tab:first-of-type img{width:100%}.course-detail-wrapper .course-main>section .course-tab:last-of-type{padding:27px 20px 42px 20px}.course-detail-wrapper .course-main>section .course-tab:last-of-type ul li p{line-height:1;margin-bottom:22px;font-size:14px;cursor:pointer;letter-spacing:1px;color:#333;font-weight:400}.course-detail-wrapper .course-main>section .course-tab:last-of-type ul li p span{color:#666;padding-right:30px}.course-detail-wrapper .course-main>section .course-tab:last-of-type ul li:last-child p{margin-bottom:0}.course-detail-wrapper .course-main>aside{width:320px;height:357px;background:#fff;padding:20px 23px 23px 23px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.course-detail-wrapper .course-main>aside p{padding-top:15px;line-height:1;letter-spacing:1px;font-size:24px;font-weight:400;color:#333;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course-detail-wrapper .course-main>aside p span{display:block;width:8px;height:8px;background:#f8a900;border-radius:50%}.course-detail-wrapper .course-main>aside p span:first-child{margin-right:10px}.course-detail-wrapper .course-main>aside p span:last-child{margin-left:10px}.course-detail-wrapper .buy-wrapper{width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:9}.course-detail-wrapper .buy-wrapper:before{width:100vw;height:100vh;content:"";position:fixed;left:0;top:0;background:#000;opacity:.5}.course-detail-wrapper .buy-wrapper .buy{width:462px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:fixed;left:50%;margin-left:-231px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:9}.course-detail-wrapper .buy-wrapper .buy>img{margin-bottom:16px;cursor:pointer}.course-detail-wrapper .buy-wrapper .buy .buy-content{width:100%;height:548px;background:url(http://imgcdn.lanxiongsports.com/upload/lanxiongsports/buy_bg@2x.png);background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course-detail-wrapper .buy-wrapper .buy .buy-content h3{padding:60px 0 50px;font-size:42px;font-family:PingFangSC-Regular;font-weight:400;color:#333;line-height:1;letter-spacing:1px;text-align:center}.course-detail-wrapper .buy-wrapper .buy .buy-content .qrcode-wrapper{width:265px;height:265px;border:4px solid #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course-detail-wrapper .buy-wrapper .buy .buy-content .qrcode-wrapper img{width:243px;height:243px}.course-detail-wrapper .buy-wrapper .buy .buy-content p{font-size:28px;font-weight:400;color:#333;line-height:1;letter-spacing:1px;text-align:center;padding-top:25px}@media (max-width:976px){.course-detail-wrapper{padding-top:0!important}}