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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;-webkit-font-smoothing:antialiased;font-family:'PingFang SC','Helvetica Neue','Helvetica','Hiragino Sans GB','Microsoft YaHei','微软雅黑','黑体','Arial','sans-serif'}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
body {line-height:1;font-size:14px;vertical-align:baseline;}
ul,li,dl,dt,dd {border:0 none;list-style: none outside none;}
h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, form, input, button, textarea,span,em,i {margin: 0;padding: 0;font-style:normal;font-weight:normal;}

blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
table {border-collapse:collapse;border-spacing:0}
hr {border-width:0 0 1px;border-bottom:1px solid #ccc}

.transition {transition:background .5s,color .5s;-moz-transition:background .5s,color .5s;-webkit-transition:background .5s,color .5s;-o-transition:background .5s,color .5s}
.transition-op {transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out}

input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px white inset}
*, *::before, *::after {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}


.f0,.f-0{line-height: 0;font-size: 0}
img{margin:0; padding:0; border:0 none;}
.radius-5 img {border-radius:5px;transition:transform 3s;}
.radius-5 img:hover{border-radius:5px;transform:scale(1.1)}

.clear {clear:both;float:none;}
.clearfix {clear:both;float:none;display:block;zoom:1}
.clearfix:after{content: "";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}


.ellipsis,.ellipsis li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


/* text align */
.text-center,.txt-center,.text-c {text-align: center !important;}
.text-left,.txt-lt {text-align: left !important;}
.text-right,.txt-rt {text-align: right !important;}
.text-over {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.over-hide {overflow: hidden;}

.d-inline,.inline-block{display: inline-block;*display: inline;*zoom: 1;}
.d-block{ display:block;}


.float-rt,.fr{float:right;}/* float right */
.float-lt,.fl{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative,.pos-rel{position:relative;}/* Position Relative */
.pos-absolute,.pos-abs{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */

.hide{ display:none;}
.show{ display:block;}

.font-normal{font-weight: normal;}
.font-bold{font-weight: bold;}
.f-c-99 {color: #999 !important;}
.f-c-66 {color: #666 !important;}
.f-c-ff66{color:#ff6600;}

.f-12,.f12 { font-size: 12px;}
.f14,.f-14 {font-size: 14px;}
.f16,.f-16 {font-size: 16px;}
.f18,.f-18 {font-size: 18px;}
.f20,.f-20 {font-size: 20px;}
.f30,.f-30 {font-size:30px !important;}


.flex-align-center {display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;}
.align-items-center{align-items:center;}
.align-items-baseline{align-items: baseline}
.space-between{justify-content:space-between;}
.justify-content-c{justify-content:center;}
.space-around{justify-content: space-around}
.flex,.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex;}
.flex-column{flex-flow:column}
.flex-row{flex-flow:row}
.flex-wrap{flex-wrap: wrap}
.flex-nowrap{flex-wrap: nowrap}


a{text-decoration: none;color: #222222;}
a:hover{text-decoration: none;color: #ff6d24;}

.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-50{margin-top: 50px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}

.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pl-10{padding-left: 10px;}
.pl-15{padding-left: 15px;}
.pl-20{padding-left: 20px;}
.pr-5{padding-right: 5px;}
.pr-10{padding-right: 10px;}
.pr-15{padding-right: 15px;}
.pr-20{padding-right: 20px;}

.pd-10{padding: 10px;}
.pd-15{padding: 15px;}
.pd-20{padding: 20px;}

.margin-auto{margin-left: auto;margin-right: auto;}
.w-1150 {width:1150px;height:100%;}


/* header */

.header-top {width: 100%;height: 36px;background-color: #f3f3f3;}

.logo{}
.logo .img{width: 260px;}
.logo .img img{width: 100%;}

.input-box{ padding: 0;}
.input-box input {
    width: 280px; height: 40px;
    line-height: 30px;
    padding: 10px 15px;
    outline: 0;
    border: 1px solid #ff6d24;border-right: 0;
    border-radius: 15px 0 0 15px;
}
.input-btn{
    position: relative;
    width: 58px;height: 40px;margin: 0;
    background-color: #ff6d24;
    -moz-border-radius: 0 15px 15px 0;
    -webkit-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
    border: 0;
    cursor: pointer;
    transition: all 0.1s linear;display: flex;justify-content: center;align-items: center;
}
.input-btn .search-icon {
    width: 18px;
    height: 18px;
    background: url(/static/index/img/tiny-icon.png) 0 0;
    background-size: 72px 591px;
}


.nav{color: #222226;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    position: relative;

}
.nav-line{height: 2px;
    background: linear-gradient(40deg,#f8c804 0,#ff6d24 40%,#db261b 100%);
    transition: background 0s;

}
.nav-ul>li {position:relative;/*margin:0 35px;*/font-size:14px;text-align:center;margin-left: 15px;}
.nav-ul>li>a {width:100%;display:block;padding:16px 0 15px;color:#666;font-size:14px;}

.nav-ul>li>a:hover {text-decoration:none;color:#ff6d24;}
.nav-ul>li>a:hover .lesson-icon {background-position:-10px -228px;}
.nav-ul>li.active a {color:#ff6d24 !important;}
.nav-ul>li.active span {display:block;}
/*.nav-ul>li span {position:absolute;display:none;left:50%;margin-left:-17.5px;bottom:0;width:35px;height:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background-color:#ff6d24;}*/
.nav-ul .nav-header-devide {margin:0;padding:16px 0 15px;width:32px;color:#dbdbdb;}

.nav-ul li .revi-sub-block {padding:10px 0;display:none;position:absolute;left:-40px;z-index:3;width:130px;text-align:center;font-size:16px;color:#333;background-color:#fff;box-sizing:border-box;border:1px solid #ddd;}
.nav-ul li .revi-sub-block a {display:block;height:40px;line-height:40px;}
.nav-ul li .revi-sub-block a:hover {background-color:#f3f3f3;color:#ff6d24;text-decoration:none;}


.font24 {
    font-size: 24px;
}
.clRed {
    color: #e5008d;
}



.recommand_list {width:19%;padding:15px 15px 20px;margin-right:1.2333%;margin-bottom:12px;border-radius:10px;background-color: #f7f7f7}
.recommand_list:nth-child(5n) {margin-right:0}
.recommand_list .recommand_img {width:100%;height:160px;margin-bottom:20px}
.recommand_list .recommand_img_list {margin-bottom:10px;padding:0 8px;height:30px}
.recommand_list .recommand_img_list img {width:28px;height:28px;border:1px solid #f0f0f0;border-radius:2px;margin-right:4px}
.recommand_list .recommand_img_list img:hover {border:1px solid #e3007c}
.recommand_list .recommand_content_val {height:30px;line-height:30px}
.recommand_list .recommand_content_val .greyText {text-decoration:line-through}
.recommand_list .recommand_content_tags {height:16px;line-height:16px;margin-bottom:12px}
.recommand_list .recommand_content_tags i {font-size:15px;margin-right:2px}
.recommand_list .recommand_content_tags .icontag-discount-pc {color:#e5008d}
.recommand_list .recommand_content_tags .icontag-cash-pc {color:#14b4ff}
.recommand_list .recommand_content_title {height:34px;margin-bottom:10px}
.recommand_list .recommand_content_title p {line-height:18px}
.recommand_list .recommand_content_title img {height:15px}