/*公用css*/
@font-face {
    font-family: 'FontAwesome';
     src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
     src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
     font-weight: normal;
     font-style: normal;
   }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0; }
address,cite,dfn,em,var, i {font-style:normal;}
html{height: 100%;}
body {font-size: 0.24rem; line-height: 1.5; font-family:'Microsoft Yahei','simsun','arial','tahoma';  color: #333333;}
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
/*button,input,select,textarea{font-size:100%;}*/
fieldset,img{border:none;}
a,
img {
    -webkit-touch-callout: none
}
a,
a:active,
a:focus,
a:hover,
a:visited {text-decoration: none}
a{color: #161616;}
/*input[type=password],
input[type=text],
textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #fff
}
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}*/
ul, ol { list-style: none; }
body{visibility: hidden;height: 100%;box-sizing: border-box;position: relative;background-color: #f5f5f5;}
.color_666666{color: #666666;}
.color_aa1b39{color: #aa1b39;}
.color_999999{color: #999999;}
/*头部*/
.a-1{height: 1rem;background-color: #FFD141;position: relative;}
.a-2{position: absolute;left: 2.5%;display: block;width: 0.5rem;height: 0.5rem;box-sizing: border-box;padding-top: 0.15rem;top: 0.2rem;}
.a-2 img{width: 0.15rem;}
.a-2-box{height: 100%;display: flex;justify-content: center;align-items: center;}
.a-4{font-size: 0.3rem;font-weight: bold;}
/*nav*/
/*.nav-1{position: fixed;width: 100%;height: 100%;top: 0;z-index: 15;display: none;}*/
/* .nav-2{position: fixed;top: 1rem;overflow-y: auto;height: calc(100% - 1rem);width: 100%;z-index: 10;background-color: rgba(0,0,0,0.8);right: -7.5rem;opacity: 0;}
.nav-3{width: 100%;min-height: 100%;}
.nav-3>li{border-bottom: 1px solid #e4e4e4;}
.nav-3>li>ol{display: none;}
.nav-3>li>a{line-height: 0.8rem;display: block;padding: 0 0.5rem;color: white;font-size: 0.26rem;font-weight: bold;}
.nav-5{float: right;margin-top: 0.28rem;width: 0.15rem;}
.nav-6{padding: 0 0.5rem;}
.nav-6>li{display: inline-block;border-bottom: 1px solid #999999;margin-bottom: 0.3rem;margin-right: 1rem;}
.nav-6>li>a{line-height: 0.5rem;display: block;padding: 0 0.1rem;color: #666666;}
.nav-8{float: right;margin-top: 0.28rem;width: 0.28rem;height: 0.28rem;}
.nav-9{display: none;}
.nav-9>li{border-top: 1px solid #e4e4e4;}
.nav-9>li>a{line-height: 0.8rem;display: block;padding: 0 0.5rem;} */
/*banner*/
.a-5{padding: 0 2.5%;margin-top: -1.6rem;}
.a-7{padding: 0.2rem 0;}
.a1-6{height: 2.7rem;padding: 0 2.5%;position: fixed;top: 1rem;left: 0;width: 100%;z-index: -1;}
.a-6{height: 2.7rem;padding: 0 2.5%;}
.a-9{height: 0.7rem;border-radius: 0.5rem;border: none;width: 100%;text-align: center;padding: 0 0.2rem;box-sizing: border-box;outline: none;}
.big-box{/*background-color: white;border-top: 1px solid #c1c1c1;*/overflow-y: auto;height: calc(100% - 1.9rem);box-sizing: border-box;padding-bottom: 0.2rem;box-sizing: border-box;padding-bottom: 0.5rem;}
.a-12{width: 100%;position: relative;}
.a-12 a{width: 100%;display: block;}
.a-12 a img{width: 100%;height: 3.3rem;}
.swiper-containerOne{width: 100%;height: auto !important;border-radius: 0.1rem;overflow: hidden;}
.swiper-containerOne .swiper-wrapper{width: 100%;height: auto !important;}
.swiper-containerOne .swiper-wrapper .swiper-slide{height: auto !important;}
.swiper-containerOne .swiper-pagination{position: absolute;z-index: 20;bottom: 0.2rem;width: 100%;text-align: center;width: 98% !important;}
.swiper-containerOne .swiper-pagination-bullet{display: inline-block;width: 0.15rem;height: 0.15rem;border-radius: 100%;background: rgba(255,255,255,0.5);margin: 0 0.1rem !important;opacity: 0.8;cursor: pointer;}
.swiper-containerOne .swiper-pagination-bullet-active{background: #fff;width: 0.5rem;background: rgba(255, 255, 255,1);border-radius: 0.2rem;}
/* 入口 */
.a-13{background-color: white;border-radius: 0.1rem;margin-top: 0.3rem;padding: 0.2rem;}
.a-14{display: flex;flex-wrap: wrap;}
.a-14 li{margin-right: 0.1rem;margin-bottom: 0.1rem;}
.a-14 li:nth-child(4n){margin-right: 0;}
.a-15{width: 1.6rem;height: 1.6rem;}
.a-16{display: flex;justify-content: space-between;}
.a-17{width: 3.3rem;height: 1.68rem;}
/* 课程列表 */
.a-18{background-color: white;border-radius: 0.1rem;padding: 0.2rem;margin-top: 0.3rem;}
.a-19{margin-bottom: 0.2rem;}
.a-20{width: 100%;height: 1.7rem;border-radius: 0.1rem;}
.a-21{display: flex;flex-wrap: wrap;}
.a-21 li{width: 3.25rem;border: 1px solid #f4f4f4;border-radius: 0.1rem;overflow: hidden;margin-right: 0.2rem;box-sizing: border-box;}
.a-21 li:nth-child(2n){margin-right: 0;}
.a-22{width: 100%;height: 3rem;}
.a-23{padding: 0.1rem;}
.a-24{font-size: 0.28rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 0.05rem;}
.a-25{color: #FF9B30;border-radius: 0.3rem;height: 0.65rem;display: flex;align-items: center;padding: 0 0.1rem;font-size: 0.22rem;width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.a-27{display: flex;justify-content: space-between;align-items: center;margin-top: 0.05rem;}
.a-28{color: #FF424B;font-size: 0.22rem;}
.a-29{font-size: 0.3rem;}
.a-30{color: #969696;font-size: 0.22rem;}
/* 底部  */
.footer-1{height: 1.3rem;box-sizing: border-box;overflow: hidden;background: url(../img/foot_bg.png) no-repeat center;background-size: 100% auto;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 2;}
.footer-2{display: flex;justify-content: space-around;align-items: center;height: 100%;padding-top: 0.2rem;padding-left: 0.17rem;}
.footer-2 li a{display: block;text-align: center;}
.footer-2 li:first-child .footer-3{background: url(../img/home@2x.png) no-repeat center;background-size: 100% 100%;}
.footer-2 li.active:first-child .footer-3{background: url(../img/home2@2x.png) no-repeat center;background-size: 100% 100%;}
.footer-2 li:nth-child(2) .footer-3{background: url(../img/book@2x.png) no-repeat center;background-size: 100% 100%;}
.footer-2 li.active:nth-child(2) .footer-3{background: url(../img/book2@2x.png) no-repeat center;background-size: 100% 100%;}
.footer-2 li:nth-child(3) .footer-3{background: url(../img/xuexi@2x.png) no-repeat center;background-size: 100% 100%;}
.footer-2 li.active:nth-child(3) .footer-3{background: url(../img/xuexi2@2x.png) no-repeat center;background-size: 100% 100%;}
.footer-2 li:nth-child(4) .footer-3{background: url(../img/cuoti@2x.png) no-repeat center;background-size: 100% 100%;}
.footer-2 li.active:nth-child(4) .footer-3{background: url(../img/cuoti2@2x.png) no-repeat center;background-size: 100% 100%;}
.footer-2 li:last-child .footer-3{background: url(../img/my@2x.png) no-repeat center;background-size: 100% 100%;}
.footer-2 li.active:last-child .footer-3{background: url(../img/my2@2x.png) no-repeat center;background-size: 100% 100%;}
.footer-3{width: 0.4rem;height: 0.4rem;margin: 0 auto;}
.footer-2 li:nth-child(3){margin-top: -0.2rem;}
.footer-2 li:nth-child(3) .footer-3{width: 0.75rem;height: 0.6rem;}
.footer-4{color: #999999;font-size: 0.22rem;margin-top: 0.05rem;}
.footer-2 li.active .footer-4{color: #FFC000;}
/*图标向下旋转*/
.hover-up{transition-duration: .5s;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.hover-down{transition-duration: .5s;transform: rotate(90deg);-webkit-transform: rotate(90deg);}
/* 路由 */
.ly-1{padding: 0.2rem;}
/* 内页banner */
.ny_banner-2{width: 100%;height: 2rem;}
/* 内页头部 */
.d-1{position: absolute;top: 0.15rem;left: 2.5%;}
.d-2{display: flex;align-items: center;}
.d-3{width: 0.7rem;height: 0.7rem;border-radius: 100%;}
.d-4{margin-left: 0.1rem;}
.d-5{position: absolute;background-color: #FFF3CC;border-radius: 0.1rem;top: 1.1rem;opacity: 0;transition: 0.5s;z-index: -1;}
.d-6{padding: 0 0.1rem;}
.d-6 li{color: #FFD141;width: 1.2rem;display: flex;justify-content: center;align-items: center;height: 0.6rem;border-bottom: 1px solid #FFD141;}
.d-6 li:last-child{border-bottom: none;}
.d-2:hover + .d-5{opacity: 1;top: 0.85rem;z-index: 1;}
.d-7{width: 0.2rem;height: 0.2rem;transform: rotate(45deg);background-color: #FFF3CC;position: absolute;top: -0.05rem;left: 19%;z-index: 1;}
.e-1{position: absolute;top: 0.32rem;right: 2.5%;}
.e-2{display: flex;align-items: center;}
.e-3{width: 0.35rem;margin-right: 0.1rem;}

.diy_layer.d-40{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 5;display: none;}
.diy_layer .d-41{background-color: white;width: 70%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);border-radius: 0.4rem;}
.diy_layer .d-42{width: 60%;display: block;margin: 0 auto;margin-top: -0.79rem;}
.diy_layer .d-43{padding: 0 15%;line-height: 0.4rem;margin-top: 0.1rem;min-height: 1rem;font-size:.3rem;}
.diy_layer .d-45{display: flex;border-radius: 0.4rem;overflow: hidden;margin-top: 0.4rem;}
.diy_layer .d-45 a{display: block;width: 50%;display: flex;justify-content: center;align-items: center;height: 0.8rem;font-size: 0.28rem;color: white;}
.diy_layer .d-46{background-color: #C0C0C0;}
.diy_layer .d-47{background-color: #FF7F00;}
.diy_layer .d-48{position: absolute;bottom: -0.8rem;margin: auto;left: 0;right: 0;width: 0.5rem;height: 0.5rem;}

.diy_tip_top{position:fixed;text-align:center;bottom:1.5rem;width:100%;display:none;}
.diy_tip_top .msg{background-color:rgba(0,0,0,0.6);color:white;padding:.2rem;display:inline-block;}