/*头部点击弹窗部分样式*/
header{width: 100%;position: fixed;top: 0px;left: 0px;z-index: 99999;}
.header-body{position: relative;display: block;width: 100%;height: 50px;padding: 5px;top: 0px;left: 0px;min-width: 300px;max-width: 750px;margin: 0 auto;background-color: #fff !important;}
.width_main{max-width: 750px;overflow: hidden;margin-bottom: 0!important;margin: 0 auto;position: relative;}
.header-body >.header-logo{display: inline-block;width: 100px;height: 100%;overflow: hidden;padding-right: 10px;}
.header-logo>img{height: 100%;}
.header-body >span{position: absolute;top: 5px;right: 19px; display: inline-block;width: 30px;height: 40px;background: url(/templets/sagatravel/images/caidan_01.png) no-repeat center/100% 100%;background-size: 85%;}
.header-body >span.active{background: url(/templets/sagatravel/images/guanbi.png) no-repeat center/100% 100%;background-size: 80%;}
.header-body >.header-logo{display: inline-block;width: 100px;height: 40px;overflow: hidden;padding-right: 10px;}
.header-tex{display: none;}
.header-tels{position:absolute; top: 14px;right:30%;}
.header-tels>.qq{display: none;}
.header-tels>.tel1{display: none;}
.header-tels>.tel>i{color:#F86811;font-size: 0.4rem;}
.header-tels>.tel2{color:#F86811 !important;font-size: 0.4rem;}
.header-tex{display: none;}
.detail-ul{border-bottom: 1px solid #ECECEC;}
.header-logo>img{width: 100%;}
.width_main>.detail-ul >li>a{color: #888;font-size: 0.4rem;}
/*导航*/
.navigation{position: fixed;top: 50px;background: #fff;z-index: 999999;border-top: 1px solid #f1f1f1;padding-top: 0.15rem;display: none;}
.navigation.active{display: block;}
.current-location{width: 100%;padding: 0.2rem 0px;padding-top: 0.3rem; margin-bottom: 0.2rem;border-top: 0.15rem solid #ececec;margin-top: 50px;}
.current-location >.width_main{font-size: 0.4rem;color: #888;}
.current-location >.width_main >a{font-size: 0.35rem;color: #888;}
.current-location >.width_main>h1{font-size: 0.5rem;text-align: center;padding: 0.4rem 0;margin-top: 0.4rem; color: rgba(0,0,0,.8);border-top: 1px solid #dddddd;}
/*上面是内容页面通用的头部*/

.width_main{margin-bottom: 0!important;}
.header-top{display: none;}
.foot-fixed{display: none;}
.head_1{margin-top:0.2rem ;}
.qx-class-nav>a{display: inline-block;margin-right:0.1rem;text-align: center;padding:0rem 0.2rem;overflow: hidden;border: 1px solid #068BF2;font-size:0.3rem;color: #068BF2;border-radius: 15px;}
.recommend-class{margin-bottom:0rem;font-size: 0.4rem;color:#F73F0E;font-weight:600;}
#school-line{padding-bottom:0;}
.recommend-class>span{font-size: 0.25rem;margin-left: 0.2rem;}
.qx-class-title{margin-top: 0.2rem;text-align: center;}
.qx-class-title>.line{width:15%;border-top: 1px solid lightgray;display: inline-block;}
.qx-class-title>.stair{text-align: center;font-size: 0.4rem;font-weight:bold ;display: inline-block;vertical-align: middle;color: #068BF2;;} 
.qx-class-p{text-align: center;font-size: 0.25rem;}

/*底部*/
.class-list-foot_box{padding-top: 10px;border-bottom: 0.15rem solid #e9e9e9;}
.class-list-foot{border-bottom: 1px solid #e9e9e9;}
.foot-link{font-size: 0;border-bottom: 1px solid #efefef;padding: 0px 10px;}
.foot-link li{display:inline-block;cursor: pointer; width: auto;margin-bottom: -2px; line-height: 1rem; font-size: 0.45rem;font-weight: bold;color: #6F6F6F;margin-right:13px;}
.foot-link li.on{color: #FF5400;border-bottom: 2px solid #FF5400;}
.foot-link li .iconfont{font-size: 18px;margin-right: 5px;}
.foot-link-content ul{display: block;padding: 0px 12px;padding-top: 0.5rem;padding-bottom: 0.3rem;}
.foot-link-content ul li{width: 50%;float: left;line-height: 0.9rem;overflow: hidden;padding: 0.1rem;}
.foot-link-content ul li a{background: #f8f8f8;border-radius: 3px;text-align: center;font-size: 0.4rem;color: #444444;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.foot-link-content >ul.dis_none{display: none;}

.pagelistbox{text-align: center;}
.pagelistbox>span{font-size: 0.3rem;}
.pagelistbox>a{font-size:0.3rem}
.article-choose{padding: 0.4rem 18px;color: rgba(0,0,0,0.8);font-size: 0.43rem;line-height: 0.8rem;}
.dis_none{display: none;}
.text-span{}
.text-span>.fl{font-size: 0.35rem;}
.text-span>.fl>strong{margin-right: 0.2rem;color: #FF5400;}
.text-span>.fr{font-size: 0.35rem;}
.class-tab{display: block;padding: 0px 18px;background: #ececec;padding-bottom: 0.3rem;}
.class-tab{width: 100%;padding-top: 0.3rem;}
.class-tab >li{float: left;padding: 0px 10px;line-height: 0.8rem;}
.class-tab >li.on{}
.class-tab >li >a{font-size: 0.36rem;padding: 0px 10px;  color: #000;background-color: #fff;display: block;border-radius: 30px;}
.class-tab >li.on >a{color: #fff;background: #7d7c7c;}

.article-choose >section{min-height: auto !important;}

.article-choose > section{}
.article-choose > section >span{font-size: 0.43rem;color:rgba(0,0,0,0.8)!important;}
.article-choose > section,span,p{font-size: 0.43rem;color: #888;}
.article-choose u{color:#136ec2;}
.article-choose section p a{color:#136ec2;font-size: 0.4rem;}
.new-class-tabs-body>div>div{font-size: 0.43rem;}

.img1 >.hide >.new-class-tabs-body >div{font-size: 0.4rem;line-height: 0.8rem;}
.img1 >.hide >.new-class-tabs-body >div >a{font-size: 0.4rem;}

.main-text p{padding:0px; font-size: 16px;line-height: 36px;color: #474747;margin-bottom: 0.2rem;}
.main-text .text-span{margin: 25px 0px 2px 0px;}
.main-text .text-span p{font-size: 0.4rem;color: #323232;width: 100%;}
.main-text .text-span p.fr{text-align: right;text-align:left;}
.main-text .text-span p strong{font-size: 0.4rem;}
.main-text .text-span p.fl strong:first-child{color: #0590E8;margin-right: 10px;}
.main-text .text-span p.fl strong:last-child{color: red;margin-right: 4px;}
.main-text .text-span p.fr a{padding: 5px 15px;background-color: #107DEC;color: #fff !important;border-radius: 15px;}
.tel1 .iconfont{font-size: 27px;}
.header-tels .tel1{color: #1296DB;}
.header-tels .tel2{color: #FF0000;}

.related{margin-top: 0.4rem;position: relative;padding-bottom: 0.2rem;border-bottom: 0.15rem solid #e9e9e9;}
.related>ul{margin: 0.4rem 0;padding: 0px 12px;background: #fff;}
.related>ul>li{width: 50%;float: left;overflow: hidden;padding: 0.1rem;line-height: 0.9rem;height: 4rem;}
.related>ul>li>a{background: #f8f8f8;border-radius: 3px;text-align: center;font-size: 0.4rem;color: #444444;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.related>.title{font-size: 0.4rem;font-weight: 600;margin-right: 0.2rem;}
.related>.english{font-size: 0.3rem;}
.related span{display: inline-block;}
.related span.title{color: #0480F3;font-size:0.45rem;font-weight: bold;margin: 0 12px;}
.related span.english{width: 140px;color: #8E8E8E;display: none;}
.related span.line{width: 100%;border-top: 1px solid #efefef; position: absolute; top:30px;display: block;}
.related>ul>li>a.img{height: 3rem;overflow: hidden;}
.related>ul>li>a.img >img{width: 100%;}
.related>ul{padding-top: 0.3rem;overflow: hidden;}

.related01>ul>li{height: 1rem;width: 50%;float: left;line-height: 0.9rem;overflow: hidden;padding: 0.1rem;}
.related01>ul>li>a{
	    background: #f8f8f8;
    border-radius: 3px;
    text-align: center;
    font-size: 0.4rem;
    color: #444444;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: vertical;
}

.img1 .img-p2{font-size: 16px;color: #000;line-height: 36px;text-indent: 2em;margin-top: 50px;margin-bottom: 70px;}
.div-1{padding: 5px 40px 0 25px;}
.div-1 .a-img{display: block;padding: 45px 0 57px 0;}
.div-1 .a-img img{display: block;width: 658px;height: 385px;}
.div-1 p{color: #474747;line-height: 36px;}
.div-1 p strong{color: #F94F14;}
.div-1 p a{color: #007DFD;padding:0 5px;}
.div-1 p a:hover{text-decoration: underline;}

.class-tab-fixed {
    position: fixed;
    top: 50px;
}

.class_shijian{width: 100%;display: block;text-align: center;font-size: 0.35rem;color: #a8a8a8;display: none;}

.nav_weizhi{width: 100%;margin-top: 50px;}
.nav_weizhi >.width_main{font-size: 0.43rem;padding: 0px 12px;color: rgba(0,0,0,0.8);border-top: 0.15rem solid #ececec;padding-top: 0.5rem;}
.nav_weizhi >.width_main >h1{font-size: 0.45rem;color: rgba(0,0,0,0.8);text-align: center;margin: 0.5rem auto;}
.course_new_class img{width: 100% !important;height: auto !important;}