/*  Reset  */
html{font-size: 100px;}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,cite,code,del,em,img,q,small,strong,sub,sup,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tr,th,td {margin:0;padding:0;border:0;font-size:100%;}
body {background:#fff;color:#000;font:.14rem/1.5em "microsoft yahei";}
ol,ul {list-style:none;}
cite,em,strong,th,h1,h2,h3,h4,h5,h6 {font-style:normal;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
input,textarea,select,button {font-size:100%;}
a {color:#000;text-decoration:none;}
a:hover {color:#e90f06;text-decoration:underline;}
input:focus{outline:none;}
i{font-style: normal;}

/*{transition: .2s all linear;}*/

body{display: block;max-width: 768px;margin: 0 auto;}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.clear {clear:both;}
.tel400{cursor: pointer;}

@font-face {
	font-family: 'icomoon';
    src: url('../fonts/icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-search:before {content: "\e986";}
.icon-mobile:before {content: "\e959";}
.icon-course:before {content: "\e9b8";}
.icon-school:before {content: "\e903";}
.icon-sitemap:before {content: "\e94c";}
.icon-tel400:before {content: "\e942";}
.icon-home:before {content: "\e902";}
.icon-enroll:before {content: "\e926";}
.icon-kefu:before {content: "\e910";}
.icon-location:before {content: "\e947";}
.icon-article:before {content: "\e922";}

#ykheader{padding: .15rem;position: relative;box-sizing: border-box;box-shadow: 0 2px 2px 0 rgba(28,31,33,.1);}
#ykheader .logo{width: 1rem;float: left;}
#ykheader .logo img{width: 100%;}

#ykheader .citys{padding: 0.05rem 0 0 .15rem;width: .78rem;float: left;}
#ykheader .citys span.choosed{font-size: .15rem;color: #3a3329;position: relative;cursor: pointer;}
#ykheader .citys span.choosed:after{content: '';position: absolute;right: -.13rem;top: .07rem;font-weight: normal;width: .05rem;height: .05rem;transform: rotate(135deg);-webkit-transform: rotate(135deg);transition: all 0.4s ease;border-right: 1px solid #676767; border-top: 1px solid #676767;}
#ykheader .citys:hover span.choosed:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
#ykheader .citys .city-change {width: .56rem;border: 1px solid #ccc;background-color: #F9F9F9;color: #676767;text-align: center;line-height: .18rem;font-size: .12rem;overflow: hidden;margin-top: .04rem;}
#ykheader .citys .cities-all{position: absolute;top: .69rem;left: 0;display: none;z-index: 6;width: 100%;margin: 0 auto;padding: 1%;padding-top: 0; box-shadow: 0 2px 4px 0 rgba(28,31,33,.1), 0 4px 8px 0 rgba(28,31,33,.1), 0 8px 16px 0 rgba(28,31,33,.1), 0 12px 24px 0 rgba(28,31,33,.1), 0 16px 32px 0 rgba(28,31,33,.1);border-bottom-left-radius: .15rem;border-bottom-right-radius: .15rem;z-index: 999;background: #fff;}
#ykheader .citys:hover .cities-all{display: block;}
#ykheader .citys .cities-all dt{line-height: 45px;border-bottom: 1px dotted #666;font-size: 15px;color: #000;font-weight: bold;margin-bottom: 8px;}
#ykheader .citys .cities-all .slide-letter {margin-top: 12px;padding: 5px 6px;}
#ykheader .citys .cities-all dl dd a {font-size: .14rem;margin-right: 4px;padding: 2px 3px;border-radius: 5px;    width: .5rem;float: left;line-height: 24px;}
#ykheader .contact{font-size:.24rem;float: right;padding-top: .05rem;}
#ykheader .contact a.open-kefu{color: #fd5400;margin-right: .15rem;}
#ykheader .contact a.open-400{color: #F01414;}

.banner img{height:1.9rem}

.box h2{line-height:.28rem;padding:.2rem 0 .07rem .2rem;font-size:.18rem;background: url(../img/title-bg.png) no-repeat left center;margin-bottom: .15rem;}
.brand{height:1.5rem;padding-top:.1rem;}
.brand .read-item {width: 3.3rem;height: 1.1rem;display: flex;align-items: center;
}
.brand .read-item img {margin-left: .15rem;width: 1.1rem;height: 1.1rem;border-radius: .05rem;
}
.brand .read-item .item-right {margin-left: .12rem;width: 2.15rem;
}
.brand .read-item .item-right .item-title {font-weight: 500;font-size: .16rem;color: #2B333B;line-height: .22rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.brand .swiper-pagination-bullet {width: .06rem;height: .06rem;background: rgba(43,51,59,.1);border-radius: .03rem;transition: all .3s;opacity: 1;
}
.brand .swiper-pagination-bullet-active {width: .15rem;
}
.box{margin-bottom: .15rem;}
ul.subcateT{padding-left: .15rem;padding-right: .15rem;padding-top: .05rem;padding-bottom: .05rem;font-size: 0;white-space: nowrap;overflow-x: auto;}
ul.subcateT::-webkit-scrollbar{display:none}
ul.subcateT li{display: inline-block;border-radius: .12rem;font-size: .12rem;line-height: ..16rem;padding-left: .12rem;padding-right: .12rem;padding-top: .05rem;padding-bottom: .05rem;border: solid #71777D;border-width: .01rem;margin-right: .05rem;font-weight: 700;color: #71777D;}
ul.subcateT li a{color: #71777D;text-decoration: none;}
ul.subcateT li.active {background: #F01414;border-color: #F01414;
}
ul.subcateT li.active a{color: #FFF;}
.box .sub{margin-top: .15rem;}
.box .sub.hide{display: none;}
.box .sub li{height: .8rem;margin-bottom: .15rem;}
.box .sub .course-img{margin-left: .15rem;width: 1.2rem;height: .8rem;border-radius: .06rem;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;float: left;}
.box .sub .course-img img{width: 1.2rem;height: .8rem;border-radius: .06rem;}
.box .sub .course-content{padding:.08rem;float:left;width: 2.0rem;}
.box .sub .course-content h4{font-weight: 500;font-size: .16rem;line-height: .22rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;word-wrap: break-word;}
.box .sub .course-content h4 a{color: #2B333B;}
.box .sub .course-content h5{margin-top: .1rem;}
.box .sub .course-content h5 a{color: #71777D;}

.pages {margin: 25px 0 auto;overflow: hidden;clear: both;text-align: center;}
.pages a,.pages span {display: inline-block;padding: 0 4px;min-width: 24px;line-height: 32px;color: #4d555d;text-align: center;border-radius: 16px;}
.pages span{background: #4d555d;color: #fff;}

#ykfooter{text-align: center;border-top: .01rem solid #ccc;line-height: .26rem;padding-top: .05rem;margin-top: .15rem;color: #71777D;}