@charset "utf-8";
/* CSS Document */
.graybg{background: #f6f6f6;}
.whitebg{ background:#fff;}
.storeInfo{margin-top: -3rem;background: #fff;padding: 1rem 0.5rem 0;border-bottom: 1px solid #eee;}
.storeInfo .inner{min-height:3rem;position:relative;padding: 0 0 0 3.6rem;}
.storeInfo .logo{width:3rem;height:3rem;position:absolute;left:0;top:0; overflow:hidden;box-shadow: 1px 0px 20px rgba(51,51,51,0.2);}
.storeInfo .logo:after{content: "";display: block;position: absolute;bottom:0;left: 0;width: 200%;height:200%; overflow:hidden;box-sizing:border-box;border:1px solid rgba(0,0,0,0.12);-webkit-transform:scale(0.5);-webkit-transform-origin: 0 100%;transform-origin: 0 100%;}
.storeInfo .logo img{width:100%;height:100%;display:block; overflow:hidden;}
.storeInfo .name{font-size: 0.8rem;line-height: 1.2rem;color: #fff;height: 1.2rem;}
.storeInfo .info{color:#fff; line-height:1.833em;}
.storeInfo .storeBtn{height:3.667em; line-height:3.667em; position:relative;}
.storeInfo .storeBtn:before{content: "";display: block;position: absolute;top:0;left: 0;width: 200%;height:1px; overflow:hidden;background:#e3e3e3;-webkit-transform:scale(0.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.storeInfo .storeBtn li{width:33.33%; text-align:center;float:left;}
.storeInfo .storeBtn li a{font-size:1.167em;color:#555;}
.storeInfo .storeBtn li img{height:1em;margin:0.143em 0.429em 0 0;}

.tjtitle{height: 1.5rem;line-height: 1.5rem;padding:0 1.25em; position:relative;text-align: center;margin-bottom: 1rem;}
.tjtitle:after{content: "";display: block;position: absolute;bottom: 0;left: 50%;width: 20%;margin-left: -5%;height: 3px;overflow: hidden;background: #fef165;-webkit-transform: scale(0.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.tjtitle span{font-size: 0.8rem;}
.button{ padding:1.667em 0; position:relative;}
.button a{width:30%;display: block;color: #333;margin: 0 auto;font-size: 0.65rem;height: 1.7rem;line-height: 1.7rem;text-align: center;position: relative;border-radius: 0.15rem;box-sizing: border-box;background: #fef165;}
.courselist{padding:0 0.7rem;}
.N-classlist li{ position:relative;}
.N-classlist .qgbg{ position:absolute; top:0;left: 0.3rem;width:1.5rem;height:1.875rem; text-indent:222em;font-size: 0.6rem;background: url(../images/sign1.png) no-repeat;background-size: 100% 100%; display:none;}

/*我的店铺*/
.storebanner { position:relative;}
.storebanner img{ display:block; width:100%;}
.storebanner .shadebg{ position:absolute; width:100%; height:100%;background: rgba(51,51,51,0.5);top: 0;left: 0;}
.N-livecourse li a{ background:#fff;}
.N-courseB h4{font-size: 0.65rem;margin-top:0; }
.N-courseB {padding: 0.55rem;}
.N-time{ display:none;}
.N-cmoney .N-moneyfont{line-height: 1rem;font-size: 0.65rem;}
.navlist{margin-top: 0.8rem;line-height: 2rem; height:2rem;font-size: 0.7rem; overflow:hidden;}
.navlist li{ float:left; width:33.33%; text-align:center;color: #555;}
.rehome{float: right;background: #fef165;font-size: 0.65rem;padding: 0.1rem 0.5rem;border-radius: 0.1rem;color: #333;}
.N-cmoney{ line-height:1rem; height:1rem;}
.N-selectc li .N-time{ display:block;}
.storefoot{padding:1.5rem 1rem;background: #333;}
.storefoot ul li{ float:left; width:25%; text-align:center;font-size: 0.65rem;}
.storefoot li a{ color:#fff;}
.storecopy{margin-top:0.8rem;color: #999;line-height: 1rem;font-size: 0.6rem;padding: 0 0.6rem;}
.storefloor{margin-top:0.75rem;}
.storefloor2{margin-top:0.75rem; padding-top:1rem;padding-bottom: 0.5rem; background:#fff;}
.tjcourse .N-imgBox .label{ position:absolute;width:1.5rem;height:1.875rem; top:0;left: 0.3rem;}
.label0{background: url(../images/sign0.png) no-repeat;background-size: 100% 100%;}
.label1{background: url(../images/sign1.png) no-repeat;background-size: 100% 100%;}
.label2{background: url(../images/sign2.png) no-repeat;background-size: 100% 100%;}
.label3{background: url(../images/sign3.png) no-repeat;background-size: 100% 100%;}
.label4{background: url(../images/sign4.png) no-repeat;background-size: 100% 100%;}
.label5{background: url(../images/sign5.png) no-repeat;background-size: 100% 100%;}

/*模板二*/
.template2{ background:#fff;}
.template2 .storeInfo{margin-top: -1rem;padding:0.2rem 1rem 0.8rem; border-bottom:none;}
.template2 .rehome{ display:inline-block; float:none;right: 0;bottom: 0.5rem; position:absolute; background:#ed9d21; color:#fff;}
.template2 .storeInfo .name{ color:#333;}
.template2 .navlist{margin-top: 0;background:#2ac1f1;}
.template2 .storeInfo .inner{padding: 0 0 0 3.5rem;}
.template2 .navlist li{color: #fff;}
.template2 .button a{background:#2ac1f1;color: #fff;}
.template2 .tjtitle{text-align: left;margin-bottom: 0.5rem;}
.template2 .tjtitle:after{background: #ed9d21;top: 50%;left: 0;width: 0.4rem;margin-top: -0.35rem;height: 1.5rem; margin-left:0;}
.template2 .storeInfo .logo{ border-radius:50%; box-shadow:none; border:1px solid #eee;}
.template2 .storeInfo .logo:after{ display:none;}
.template2 .storefloor,.template2 .storefloor2{border-bottom: 1px solid #eee;}
.template2 .storefloor2{ padding-bottom:0;}
.template2 .name p{position: absolute;bottom: 0.5rem;color: #9d5c05;}