/* CSS Document */

body{ background: #F6F6F6 !important}

.warp{ overflow:hidden; margin: 0 auto}
.center{ width: 1200px; margin: 0 auto}
.hide{ display: none}

.container{ overflow: hidden; padding-top: 30px}
.left{ position: relative; float: left; width: 860px}
.right{ float: right; width: 310px}

/*  通栏广告  */
.advertisement{ position: relative; overflow: hidden; margin-bottom: 30px}
.advertisement .close{ position: absolute; top: 5px; right: 5px; width: 32px; height: 32px; background: black; background: rgba(0,0,0,.7); border-radius: 50%; cursor: pointer}
.advertisement .close::before{ position: absolute; top: 6px; left: 50%; width: 1px; height: 20px; background: white; transform: rotate(45deg); content: ""}
.advertisement .close::after{ position: absolute; top: 6px; left: 50%; width: 1px; height: 20px; background: white; transform: rotate(-45deg); content: ""}
/*  End 通栏广告  */

/*  面包屑导航  */
.subnav{ overflow: hidden; padding: 15px 0 15px 16px; background: #FFF; border-bottom: 1px solid #EEE}
.subnav .sn-left{ position: relative; float: left; padding-left: 20px; font-size: 14px; color: #666; line-height: 34px}
.subnav .sn-left::before{ position: absolute; top: 10px; left: 0; width: 14px; height: 14px; background: url(../../image/article/la-icon.png) no-repeat; content: ""}
.subnav .sn-right{ float: right; overflow: hidden}
.subnav .sn-right dd,.subnav .sn-right dt{ float: left; font-size: 14px; cursor: pointer}
.subnav .sn-right dd{ width: 90px; height: 32px; margin: 0 1px; background: #F6F6F6; border: 1px solid #F6F6F6; font-size: 14px; color: #333; line-height: 32px; text-align: center}
.subnav .sn-right dd.active,.subnav .sn-right dd:hover{ background: white; border-color: #FF6E00; color: #FF6E00}
.subnav .sn-right dt{ width: 106px; height: 34px; background: #FFF5F5; color: #FF5B5B; line-height: 34px; text-align: center}
.subnav .sn-right dt span{ position: relative; display: inline-block; padding-left: 17px}
.subnav .sn-right dt span::before{ position: absolute; top: 9px; left: 0; width: 16px; height: 16px; background: url(../../image/article/la-icon.png) no-repeat; background-position: -119px 0; content: ""}
/*  End 面包屑导航  */

/*  右侧  */
/* .right.active{ position: fixed; bottom: 76px; right: 50%; margin-right: -600px} */

.r-title{ position: relative; font-size: 16px; font-weight: bold; color: #333; line-height: 28px}
.r-title::before{ position: absolute; top: 0; left: -10px; width: 3px; height: 28px; background: #FF6E00; content: ""}

.r-teacher,.r-service,.r-lately,.r-advertisement,.r-hot-tags{ padding: 10px; margin-bottom: 20px; background: white}

.r-teacher .teacher-slide li{ position: relative}
.r-teacher .teacher-slide li .ts-pos{ position:absolute; bottom: 20px; left: 0; width: 300px; padding: 0 5px}
.r-teacher .teacher-slide li .ts-btn{ float: left; width: 128px; height: 36px; margin: 0 6px; background: white; font-size: 14px; color: #FF6E00; line-height: 34px; text-align: center; border: 1px solid #FF6E00; border-radius: 17px; cursor: pointer}
.r-teacher .teacher-slide li .ts-btn span{ position: relative; display: inline-block; padding-left: 20px}
.r-teacher .teacher-slide li .ts-btn span::before{ position: absolute; top: 9px; left: 0; width: 17px; height: 17px; background: url(../../image/article/la-icon.png) no-repeat; background-position: -53px 0; content: ""}
/*
.r-teacher .teacher-slide li .ts-btn img{ position: absolute; display: none; top: 40px; left: 0; z-index: 9; width: 100%; box-shadow: rgba(0,0,0,.3) 0 3px 10px}
.r-teacher .teacher-slide li .ts-btn:hover img{ display: block}
*/
.qc-warp{ position: relative; text-align: center}
.qc-warp .qc-pos{ position: absolute; display: none; bottom: 120%; left: 50%; overflow: hidden; width: 138px; margin-left: -69px; padding: 10px 0; background: white; box-shadow:0px 2px 8px 0px rgba(0,0,0,.15); border-radius: 8px}
.qc-warp:hover .qc-pos{ display: block}
.qc-warp .qc-pos i{ display: block; font-style: normal; font-size: 14px; color: #333; line-height: 20px; text-align: center}
.qc-warp .qc-pos img{ width: 121px}
.r-teacher .teacher-slide li .ts-btn:last-child span::before{ background-position: -87px 0}
.r-teacher .teacher-slide li .ts-btn:hover{ background: #FF6E00; color: white}
.r-teacher .teacher-slide li .ts-btn:first-child:hover span::before{ background-position: -36px 0}
.r-teacher .teacher-slide li .ts-btn:last-child:hover span::before{ background-position: -70px 0}
.r-teacher .r-title{ margin-top: 20px}
.r-teacher .rt-kw{ overflow: hidden; padding-top: 10px}
.r-teacher .rt-kw li{ float: left; padding: 9px 10px; margin: 8px 5px 0; background: #F6F6F6; font-size: 12px; color: #333; line-height: 18px}
.r-teacher .rt-kw li span{ display: inline-block; margin-left: 4px}
.r-teacher .rt-txt{ padding: 20px 5px 0; font-size: 14px; color: #333; line-height: 30px}
.r-teacher .rt-btn{ padding: 15px 0 13px}
.r-teacher .rt-btn a{ display: block; width: 230px; height: 38px; margin: 0 auto; background: #F0F7FF; font-size: 14px; color: #1480FF; line-height: 38px; text-align: center; border-radius: 19px}
.r-teacher .rt-btn a span{ position: relative; display: inline-block; padding-left: 20px}
.r-teacher .rt-btn a span::before{ position: absolute; top: 12px; left: 0; width: 15px; height: 15px; background: url(../../image/article/la-icon.png) no-repeat; background-position: -104px 0; content: ""}

.r-service{ padding: 16px 10px}
.r-service .count-down{ padding: 10px 0; margin: 15px 5px 0; background: #FFF7F0; text-align: center}
.r-service .count-down dl{ display: inline-block; overflow: hidden;}
.r-service .count-down dd{ float: left; font-size: 16px; color: #FF6E00; line-height: 30px}
.r-service .count-down dt{ position: relative; float: left; overflow: hidden; margin: 0 4px}
.r-service .count-down dt::before{ position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: white; opacity: .2; content: ""}
.r-service .count-down dt span{ float: left; min-width: 20px; margin: 0 1px; background: #FF6E00; font-size: 20px; color: white; line-height: 30px; text-align: center; border-radius: 3px}
.r-service .rs-kw{ overflow: hidden; padding: 0 5px; margin-top: 13px}
.r-service .rs-kw ul{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between}
.r-service .rs-kw li{ float: left; padding: 5px 0}
.r-service .rs-kw li a{ display: block; width: 86px; height: 34px; border: 1px solid #EEE; font-size: 14px; color: #333; line-height: 30px; text-align: center; border-radius: 17px}
.r-service .rs-kw li a:hover{ border-color: #FF6E00; background: #FF6E00; color: white}

.r-service .img{ padding: 10px 0; margin: 15px 5px 0; background: #FFF7F0; text-align: center}
.r-lately{ padding: 16px 10px}
.r-lately .rl-cont{ padding: 0 5px}
.r-lately .rl-cont li{ overflow: hidden; padding: 16px 0; border-bottom: 1px solid #EEE}
.r-lately .rl-cont li:last-child{ border-bottom: none}
.r-lately .rl-cont li h3{ font-size: 14px; color: #333; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.r-lately .rl-cont li p{ padding: 2px 0; font-size: 12px; color: #666; line-height: 18px}
.r-lately .rl-cont li dl{ overflow: hidden; font-size: 12px; color: #999; line-height: 28px}
.r-lately .rl-cont li dt{ float: left; color: #FF6E00}
.r-lately .rl-cont li.rl-live dt{ position: relative; padding-left: 17px; color: #FF5B5B}
.r-lately .rl-cont li.rl-live dt::before{ position: absolute; top: 5px; left: 0; width: 16px; height: 16px; background: url(../../image/article/la-icon.png) no-repeat; background-position: -119px 0; content: ""}
.r-lately .rl-cont li dd{ float: right; overflow: hidden}
.r-lately .rl-cont li dd .rl-number{ float: left; margin-right: 6px}
.r-lately .rl-cont li dd .rl-btn{float: left; width: 66px; height: 28px; background: #29CF8B; color: white; text-align: center; border-radius: 14px}
.r-lately .rl-cont li.rl-live dd .rl-btn > div:last-child{ background: #FF6E00}

.r-advertisement{ padding: 0}
.r-advertisement img{ width: 100%}

.r-hot-tags{ padding: 16px 10px}
.r-hot-tags .rht-cont{ overflow: hidden; padding: 7px 0 10px}
.r-hot-tags .rht-cont li{ float: left; padding: 6px 0}
.r-hot-tags .rht-cont li a{ display: block; padding: 0 22px; margin: 0 5px; background: #F6F6F6; font-size: 12px; color: #333; line-height: 30px; border-radius: 15px}
.r-hot-tags .rht-cont li a:hover{}

.r-form .form{ padding: 12px 0 13px 30px; margin-top: 10px; background: #f5f5f5; border-radius: 12px}
.r-form .form .ipt{ margin-bottom:10px;border: none;background:none; padding: 0;}
.r-form .form .ipt input{ border:solid 1px #CCCCCC; height:30px; padding:0px 10px; width:150px; border-radius:8px;}
.r-form .form .t-verification span img{ margin: 2px 0 0 10px}
.r-form .form .verification #btnSendCode{ margin-left: 5px}
.r-form .form .submit input{ border:solid 1px #CCCCCC; background:#F17116; height:40px; color:#fff; width:210px; border-radius:8px;}
.r-form .form .form-title{font-family:"Microsoft YaHei"; font-size:16px; margin-bottom:10px; font-weight:bolder; }
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
input{-webkit-tap-highlight-color: rgba(240,240,240,0)}
/*  End 右侧  */

/*  列表-左侧  */
.list{ background: #FFF}
.list li{ overflow: hidden; padding: 15px 30px}
.list li .image{ float: left; overflow: hidden; width: 200px; height: 116px}
.list li .image img{ transition: all .3s linear; width: 100%;}
.list li:hover .image img{ transform: scale(1.2)}
.list li .info{ float: right; width: 583px}
.list li .info h3{ font-size: 16px; color: #333; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list li .info p{ min-height: 51px; padding: 10px 0 14px; font-size: 12px; color: #666; line-height: 17px}
.list li .info span{ display: block; font-size: 12px; color: #999; line-height: 16px}
.list li:hover .info *{ color: #FF6E00 !important}
.list .al-qa li{ border-bottom: 1px solid #EEE}
.list .al-qa li .info{ float: none; width: auto}
.list .al-qa li .info p{ min-height: inherit}
	/*页码*/
	.pagination{ padding: 45px 0 64px; text-align: center}
	.pagination .pagination-box{ overflow: hidden; display: inline-block}
	.pagination .pagination-box a,.pagination .pagination-box span{ float: left; min-width: 18px; padding: 0 5px; margin: 0 4px 0 5px; background: #F6F6F6; font-size: 14px; color: #666; line-height: 30px; text-align: center}
	.pagination .pagination-box > span{ background: #FF6E00; color: #FFF}
	.pagination .pagination-box > span:last-child{ background: none; color: #333}
	.pagination .pagination-box select{ float: left; height: 30px; background: #F6F6F6}
/*  End 列表-左侧  */

/*  详情页  */
.packge .packge-box{ display: none}
.packge .packge-box:first-child{ display: block}

.article{ padding: 40px 30px 60px; background: white}
.article .article-head{}
.article .article-head h1{ margin-bottom: 30px; font-size: 32px; font-weight: normal; color: #333; line-height: 46px}
.article .article-head ul{ margin-top: 30px}
.article .article-head li{ float: left}
.article .article-head li span{ position: relative; float: left; padding-left: 21px; margin-right: 20px; font-style: normal; font-size: 14px; color: #999; line-height: 20px}
.article .article-head li span::before{ position: absolute; top: 2px; left: 0; width: 17px; height: 17px; background: url(../../image/article/la-icon.png) no-repeat; background-position: -135px 0; content: ""}
.article .article-head li.ah-info span:nth-child(2)::before{ background-position: -152px 0}
.article .article-head li.ah-info span:nth-child(3)::before{ background-position: -169px 0}
.article .article-head li.follow-share{ float: right}
.article .article-head li.follow-share span{ cursor: pointer}
.article .article-head li.follow-share span:first-child{ color: #FF6E00}
.article .article-head li.follow-share span:last-child{ margin-right: 0}
.article .article-head li.follow-share span:first-child::before{ background-position: -186px 0}
.article .article-head li.follow-share span:last-child::before{ background-position: -203px 0}
.article .article-head li.download-app{ width: 100%; margin-top: 15px}
.article .article-head li.download-app a{ position: relative; display: inline-block; padding-left: 20px; font-size: 14px; color: #1480FF; line-height: 20px}
.article .article-head li.download-app a::before{ position: absolute; top: 2px; left: 0; width: 15px; height: 15px; background: url(../../image/article/la-icon.png) no-repeat; background-position: -104px 0; content: ""}
.article .article-body{ margin-top: 21px; font-size: 16px; color: #333; line-height: 42px; text-align: justify}
.article .article-body > div{ margin-bottom: 0px}
.article .ab-consult{ padding: 0 20px 22px; margin-top: 20px; margin-bottom: 20px !important; background: white; box-shadow:0px 4px 16px 0px rgba(0,0,0,0.12); border-radius: 10px}
.article .ab-consult .consult-name{ padding: 12px 0; margin-bottom: 10px; border-bottom: 1px solid #EEE; font-size: 16px; color: #FF6E00; line-height: 22px; text-align: center}
.article .ab-consult .image{ float: left; overflow: hidden; width: 48px; height: 48px; margin-left: 20px; border: 1px solid white; border-radius: 24px; box-shadow:0px 4px 16px 0px rgba(0,0,0,0.2);}
.article .ab-consult .image img{
    width: 100%;
}
.article .ab-consult .info{ float: left; width: 504px; margin-left: 16px}
.article .ab-consult .name{ font-size: 16px; color: #333; line-height: 20px}
.article .ab-consult .name span{ display: inline-block; padding-left: 6px; margin-left: 7px; border-left: 1px solid #EEE; font-size: 12px; color: #1480FF}
.article .ab-consult .txt{ margin-top: 7px; font-size: 12px; color: #666; line-height: 17px}
.article .ab-consult .consult-btn{ float: left; width: 116px; height: 36px; margin: 29px 0 0 36px; background: #FF6E00; font-size: 14px; color: white; line-height: 36px; text-align: center; border-radius: 18px; box-shadow:0px 8px 26px 0px rgba(250,115,57,0.5);}
.article-foot{ text-align: center}
.article-foot dl{ display: inline-block}
.article-foot dd{ float: left; width: 115px; height: 36px; margin: 0 8px; background: #FFF7F0; font-size: 14px; color: #FF6E00; line-height: 36px; text-align: center; border-radius: 18px; cursor: pointer}
.article-foot dd:nth-child(2){ background: #F0F7FF; color: #1480FF}
.article-foot dd span{ position: relative; display: inline-block; padding-left: 20px}
.article-foot dd span::before{ position: absolute; top: 10px; left: 0; width: 17px; height: 17px; background: url(../../image/article/la-icon.png) no-repeat; background-position: -186px 0; content: ""}
.article-foot dd:nth-child(2) span::before{ width: 15px; height: 15px; background-position: 0 -24px}
.article-foot dd span i{ font-style: normal}
.article-foot dd.active{ background: #F1F1F1; color: #666}
.article-foot dd.active span::before{ background-position: 0 -39px}
.article-foot dt{ float: left; overflow: hidden}
.article-foot dt a{ float: left; overflow: hidden; width: 36px; height: 36px; padding: 0; margin: 0 5px; background: url(../../image/article/la-icon.png) no-repeat; background-position: -15px -24px; border-radius: 18px}
.article-foot dt a.bds_tsina{ background-position: -15px -24px}
.article-foot dt a.bds_sqq{ background-position: -51px -24px}
.article-foot dt a.bds_weixin{ background-position: -87px -24px}
.article-foot dt a:hover.bds_tsina{ background-position: -15px -60px}
.article-foot dt a:hover.bds_sqq{ background-position: -51px -60px}
.article-foot dt a:hover.bds_weixin{ background-position: -87px -60px}

.selected-service{ padding: 20px 0 40px; margin-top: 20px; background: white}
.selected-service .ss-title{ padding: 3px 0 1px 20px; border-left: 4px solid #FF6E00; font-size: 20px; color: #FF6E00; line-height: 28px}
.selected-service .ss-title span{ display: block; font-size: 14px; color: #FFC9A0; line-height: 18px}
.selected-service .ss-cont{ padding: 24px 0 0; margin-left: 30px}
.selected-service .ss-teacher{
    float: left;
    width: 212px;
    min-height: 190px;
    padding-right: 24px;
    border-right: 1px solid #F1F1F1;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizinig: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
}
.selected-service .ss-teacher .image{ float: left; overflow: hidden; width: 68px; height: 68px; border: 1px solid white; border-radius: 68px; box-shadow:0px 4px 16px 0px rgba(0,0,0,0.2);}
.selected-service .ss-teacher .name{ float: left; width: 116px; padding-top: 10px; margin-left: 16px; font-size: 14px; color: #1480FF; line-height: 22px}
.selected-service .ss-teacher .name span{ position: relative; display: inline-block; padding-right: 22px; font-size: 16px; color: #333; line-height: 24px}
.selected-service .ss-teacher .name span::before{ position: absolute; top: 3px; right: 0; width: 22px; height: 24px; background: url(../../image/article/la-icon.png) no-repeat; background-position: -14px 0; content: ""}
.selected-service .ss-teacher .txt{ margin-top: 16px; font-size: 14px; color: #666;height: 40px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 20px; text-align: justify;}
.selected-service .ss-teacher .sst-btn{ margin-top: 12px}
.selected-service .ss-teacher .sst-btn a{ float: left; width: 90px; height: 34px; background: white; border: 1px solid #FF6E00; font-size: 14px; color: #FF6E00; line-height: 32px; text-align: center; border-radius: 17px}
.selected-service .ss-teacher .sst-btn a:hover{ background: #FF6E00; color: white}
.selected-service .ss-teacher .sst-btn a:last-child{ float: right}
.selected-service .ss-accumulate{
    float: left;
    width: 292px;
    padding: 0 24px;
    border-right: 1px solid #F1F1F1;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
}
.selected-service .ss-team{ float: left; width: 199px; margin-left: 22px}
.selected-service .ss-team img{ width: 100%;}
.selected-service .ss-team a{ display: block}
.selected-service .ss-team a:first-child{ margin-bottom: 10px}

.up-down{ overflow: hidden; margin-top: 20px}
.up-down li{ float: left; overflow: hidden; width: 425px; padding: 16px 0; background: white}
.up-down li:last-child{ float: right}
.up-down li .info{ padding: 0 20px; font-size: 14px; color: #666; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.up-down li .info span{ display: block; margin-bottom: 10px; transition: all .3s linear}
.up-down li .info a{ color: #333}
.up-down li:hover .info a{ color: #FF6E00}

.copyright-notice{ margin-top: 20px; font-size: 12px; color: #999; line-height: 17px}
.copyright-notice span{ display: block; margin-bottom: 7px}

.comment{ padding: 28px 30px 0; margin-top: 20px; background: white}
.comment .comment-top{ overflow: hidden}
.comment .comment-top .ct-title{ float: left; font-size: 20px; color: #333; line-height: 32px}
.comment .comment-top .ct-title i{ display: inline-block; margin-left: 3px; font-style: normal; color: #FF6E00}
.comment .comment-top .ct-btn{ float: right; padding: 0 12px; background: #FF6E00; font-size: 14px; color: white; line-height: 32px; border-radius: 16px; cursor: pointer}
.comment .comment-list{ margin-top: 10px}
.comment .comment-list li{ overflow: hidden; padding: 30px 0; border-bottom: 1px solid #EEE}
.comment .comment-list li .image{ float: left; overflow: hidden; width: 44px; height: 44px; border-radius: 22px}
.comment .comment-list li .image img{ width: 100%;}
.comment .comment-list li .info{ float: right; width: 734px}
.comment .comment-list li .name{ font-size: 14px; color: #666; line-height: 20px}
.comment .comment-list li .txt{ padding: 8px 0 10px; font-size: 16px; color: #333; line-height: 22px; text-align: justify}
.comment .comment-list li .clearfix i{ display: none; float: left; font-style: normal; font-size: 12px; color: #999; line-height: 20px}
.comment .comment-list li .clearfix span{ position: relative; float: right; padding-left: 18px; font-size: 14px; color: #FF6E00; line-height: 20px; cursor: pointer}
.comment .comment-list li .clearfix span::before{ position: absolute; top: 2px; left: 0; width: 15px; height: 15px; background: url(../../image/article/la-icon.png) no-repeat; background-position: 0 -54px; content: ""}
.comment .comment-more{ font-size: 16px; color: #FF6E00; line-height: 82px; text-align: center; cursor: pointer}
.comment .comment-edit{ display: ; margin-top: 30px}
.comment .comment-edit .ce-box{ margin-bottom: 8px; background: #F6F6F6; text-align: center}
.comment .comment-edit .ce-box textarea{ width: 100%; height: 60px; padding: 10px; margin: 0; box-sizing: border-box}
.comment .comment-edit .clearfix span{ position: relative; display: none; float: left; padding-left: 22px; font-size: 14px; color: #333; line-height: 32px; cursor: pointer}
.comment .comment-edit .clearfix span::before{ position: absolute; top: 7px; left: 0; width: 18px; height: 18px; background: url(../../image/article/la-icon.png) no-repeat; background-position: -123px -24px; content: ""}
.comment .comment-edit .clearfix i{ float: right; padding: 0 19px; background: #FF6E00; font-style: normal; font-size: 14px; color: white; line-height: 32px; border-radius: 16px; cursor: pointer}
span.comment-btn.reply-submit{
    display: none;
}
/*扫码登录后平路*/
.popup-scanning{ display: none}
.popup-scanning::before{ position: fixed; top: 0; left: 0; z-index: 999999991; width: 100%; height: 100%; background: black; opacity: .7; content: ""}
.popup-scanning .scanning-code{ position: fixed; top: 50%; transform: translate(-50%,-50%); z-index: 999999997; left: 50%; width: 260px; padding: 20px; background: white; border-radius: 9px}
.popup-scanning .scanning-code img{ width: 100%}
.popup-scanning .scanning-code span{ display: block; font-size: 14px; color: #333; line-height: 20px; text-align: center}
/*End 扫码登录后平路*/


.article-list{ margin-top: 20px}
.article-list .al-option{ overflow: hidden; padding: 30px 30px 15px}
.article-list .al-option span{ position: relative; float: left; padding-bottom: 10px; margin-right: 20px; font-size: 16px; font-weight: bold; color: #333; line-height: 22px; cursor: pointer}
.article-list .al-option span.active{ color: #FF6E00}
.article-list .al-option span::before{ position: absolute; display: none; bottom: 0; left: 0; width: 34px; height: 4px; background: #FF6E00; content: ""}
.article-list .al-option span.active::before{ display: block}
.article-list .al-cont ul{ padding-bottom: 15px; border-bottom: 1px solid #EEE}
.article-list .al-cont .al-box{ display: none}
.article-list .al-cont .al-box:first-child{ display: block}
.article-list .al-cont .al-box:first-child li:nth-child(n+7){display: none;}
.article-list .al-cont .al-more{ padding: 30px 0; font-size: 16px; line-height: 22px; text-align: center}
.article-list .al-cont .al-more a{ color: #FF6E00;}
/*  End 详情页  */

/*  报考指南  */
.guide-bg{ padding: 40px 30px 60px; background: white}
.guide-head{ overflow: hidden}
.guide-head .gh-title{ position: relative; float: left; padding-right: 87px; border-right: 1px solid #EEE; font-size: 32px; color: #333; line-height: 32px}
.guide-head .gh-title span{ position: absolute; top: 0; right: 20px; padding: 0 5px; border: 1px solid #CCC; font-size: 12px; color: #999; line-height: 16px; border-radius: 8px}
.guide-head .star-class{ float: left; height: 30px; padding: 0 10px; margin-left: 20px; background: #FFF7F0; font-size: 12px; color: #FF8E1F; line-height: 30px; border-radius: 5px}
.guide-head .star-class span{ float: left}
.guide-head .star-class i{ float: left; width: 70px; height: 30px; margin-left: 4px; background: url(../../image/article/star-class.png) left repeat-x}
.guide-head .count-down{ float: left; margin-left: 20px}
.guide-head .count-down dl{ display: inline-block; overflow: hidden;}
.guide-head .count-down dd{ float: left; font-size: 16px; color: #FF6E00; line-height: 30px}
.guide-head .count-down dt{ position: relative; float: left; overflow: hidden; padding-left: 26px; margin: 0 7px}
.guide-head .count-down dt::before{ position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: white; opacity: .2; content: ""}
.guide-head .count-down dt::after{ position: absolute; top: 4px; left: 0; width: 20px; height: 22px; background: url(.../../image/article/la-icon.png) no-repeat; background-position: -123px -42px; content: ""}
.guide-head .count-down dt span{ float: left; min-width: 20px; margin: 0 1px; background: #FF6E00; font-size: 20px; color: white; line-height: 30px; text-align: center; border-radius: 3px}
.guide-block .guide-optioin{ overflow: hidden; margin-top: 24px; background: #F6F6F6; font-size: 14px; color: #333; line-height: 40px; text-align: center; cursor: pointer}
.guide-block .guide-optioin li{ float: left; width: 113px}
.guide-block .guide-optioin li.active{ color: #FF6E00}
.guide-block .guide-cont{ padding: 15px 0; border-bottom: 1px solid #EEE; font-size: 16px; color: #333; line-height: 32px}
.guide-block .guide-cont li{ position: relative; display: none; overflow: hidden}
.guide-block .guide-cont li:first-child{ display: block}
.guide-block .guide-cont li.guide-hide{ height: 348px}
.guide-block .guide-cont li > div{ padding: 15px 0}
.guide-block .guide-cont li .tapOpen{ position: absolute; display: none; bottom: 0; left: 0; width: 100%; padding: 26px 0; background: white; font-size: 14px; color: #1480FF; line-height: 26px; text-align: center; cursor: pointer}
.guide-block .guide-cont li.guide-hide .tapOpen{ display: block}
.guide-block .guide-info{ padding: 16px 0; border-bottom: 1px solid #EEE}
.guide-block .guide-info ul{ overflow: hidden; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between}
.guide-block .guide-info li{ float: left; width: 335px; overflow: hidden; padding: 10px 0; font-size: 16px; color: #333; line-height: 22px}
.guide-block .guide-info li:nth-child(2n+1){ width: 433px}
.guide-block .guide-info li span{ float: left}
.guide-block .guide-info li p{ float: right; width: 241px; color: #666}
.guide-block .guide-info li:nth-child(2n+1) p{ width: 355px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.guide-bottom{ padding: 15px 0}
.guide-bottom .gb-box{ padding: 15px 0}
.guide-bottom .gb-title{ position: relative; padding-bottom: 8px; margin-bottom: 10px; font-size: 20px; color: #333; line-height: 28px}
.guide-bottom .gb-title::before{ position: absolute; bottom: 0; left: 0; width: 34px; height: 4px; background: #FF6E00; content: ""}
.guide-bottom .gb-box ul{ overflow: hidden}
.guide-bottom .gb-box li{ float: left; padding: 10px 0; margin-right: 21px}
.guide-bottom .gb-box li:nth-child(5n+5){ margin-right: 0}
.guide-bottom .gb-box li a{ display: block; width: 140px; height: 40px; background: #F6F6F6; font-size: 16px; color: #333; line-height: 40px; text-align: center; border-radius: 20px}
/*  End 报考指南  */

/*  精彩推荐  */
.highlights{ position: absolute; display: none; top: 64px; left: 0; width: 854px; padding: 15px 0 25px; background: white; border: 3px solid #FF5B5B}
.highlights::before{ position: absolute; top: -10px; right: 30px; width: 0; height: 0; border-right: 10px solid transparent; border-bottom: 10px solid white; border-left: 10px solid transparent; content: ""}
.highlights::after{ position: absolute; top: -11px; right: 32px; width: 13px; height: 13px; border: 3px solid #FF5B5B; border-right: none; border-bottom: none; transform: rotate(45deg); content: ""}
.highlights .list ul:last-child{ display: none}
.highlights .list ul li:nth-child(n+4){display: none;}
/*  End 精彩推荐  */

/*  底部导航  */
.friend-link-wrap{
	position: relative;
	z-index: 9;
    width:100%;
    background:#F6F6F6;
}
.friend-link{
    width: 1200px;
    margin:0 auto;
    padding: 30px 0 16px 0;
}
.friend-link.friendlinkenter{
    padding:30px 0 60px 0;
}
.friend-link.friendlinkenter2{
    padding:30px 0 145px 0;
}
.friend-link.friendlinkenter3{
    padding:30px 0 90px 0;
}
.friend-link.friendlinkenter4{
    padding:30px 0 200px 0;
}
.friend-link .logo{
    float: left;
    width: 140px;
    height: 160px;
    margin:0 0 0 0;
	background: #FFF;
	line-height: 160px;
	text-align: center;
	border-radius: 7px;
}
.friend-link .logo img{
	width: 126px;
}
.friend-link .block{
    width:140px;
    height: 160px;
    overflow: hidden;
    float: left;
    background: #FFF;
    margin:0 0 10px 11px;
	border-radius: 7px;
    position: relative;
}
.friend-link .block.overindex{
    z-index: 11;
}
.friend-link .block-in{
	border: 1px solid #FFF;
	border-radius: 7px;
	box-sizing: border-box;
    position: relative;
}
.friend-link .block:nth-child(9){
    margin-left: 0;
}
.friend-link .block  .block-on{
    width:140px;
    min-height: 160px;
    background: #FFF;
	border: 1px solid #FF6E00;
    color: #FF6E00;
    overflow: visible;
	box-shadow:0px 4px 16px 0px rgba(255,110,0,0.1);
    position: absolute;

    top:0;
    left:0;
    padding-bottom: 10px;
    z-index: 10;
}

.friend-link .block .title{
    font-size: 14px;
    font-weight: bold;
    margin:12px 0 0 8px;
}
.friend-link .block .list{
	background: none;
    color: #333;
    margin:12px 0 0 8px;
    font-size: 12px;
	line-height: 18px;
    float: left;
    width: 60px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
	transition: all 0s linear

}
.friend-link .block .list .item-name{
    width: 60px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:block;
}
.friend-link  .block-on .list{
    color: #FF6E00;
}


.friend-link .block .list1{
	background: none;
    color: #333;
    margin:12px 0 0 8px;
    font-size: 12px;
	line-height: 18px;
    float: left;
    width: 60px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
	transition: all 0s linear

}

.friend-link .block .list1 .item-name{
    width: 60px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:block;
}

.friend-link  .block-on .list1{
    color: #FF6E00;
}
/*  End 底部导航  */




/* 2015-1-28 Begin 反馈信息弹出框 */
/* 2014-12-24 Begin 反馈信息弹出框 */
.fank{
	width: 452px;
	height: 360px;
	position:fixed;
	top:20%;
	left:50%;
	margin-left: -226px;
	border:1px solid #c2c2c2;
	background:#fff;
	z-index:1000;
	padding:24px 28px;
	display:none;
	box-shadow: 0 0 20px #646464;
	transform: translateZ(100px);
	-webkit-transform: translateZ(100px);
	-moz-transform: translateZ(100px);
	-ms-transform: translateZ(100px);
	-o-transform: translateZ(100px);
	border-radius:8px; box-sizing: border-box;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.fank h3{width: 100%;color:#f96203;font-size:18px;font-weight:normal;text-align: center;}
.fank .new-fank-img{width:100%;text-align: center;color:#f96203;font-size:18px;font-weight:normal;}
.fancon{overflow:hidden;padding-top:16px;font-family:microsoft yahei;}
.fancon .fanitem{overflow:hidden;padding-top:5px;}
.fancon .fanitem .fanfile{height:28px;line-height:28px;display:inline;padding:4px 10px;text-align:center;color:#fff;background:#77a746;font-size:12px;cursor:pointer;position:relative;overflow:hidden;vertical-align:middle;border-radius:4px;}
.fancon .fanitem .fanfile input{position:absolute;right:0;top:0;font-size:30px;filter: alpha(opacity=0);-moz-opacity:0;opacity:0;cursor:pointer;}
#fanfile{font-size:20px;}
.fankbtn .btnfan{padding:3px 50px 5px;color:#fff; outline: none;font-size:16px;border-radius:5px;background:#c2c2c2;width: 312px;height: 44px;border:0 none;cursor:pointer;letter-spacing:4px;}
.fankbtn .qx{padding:3px 50px 5px;*padding:3px 25px 5px;font-size:16px;border-radius:5px;background:#eeeeef;box-shadow:0 4px 0 #717071;border:0 none;margin-left:22px;letter-spacing:4px;cursor:pointer;}
.fank .fanirig p{color:#f00;}
.fanitem dt{overflow:hidden;color:#595757;padding-bottom:8px;}
.fanitem dt:nth-child(2){
	margin-top: 12px;
	padding-bottom: 0;
}
.fanitem dt:nth-child(2) label{
	display: none;
}
.fanitem dt span{padding:0 10px 1px;color:#404145;font-size:14px;border-radius:6px;display:inline-block;}
.fanitem dt input{margin:0 6px 0 0;display: none;}
.fanitem dt label{position: relative; float: left;margin-top: 12px;margin-right:20px;color: #404145;font-size:14px;margin-left: 38px;}
.fanitem dt label:nth-of-type(n+2){
	margin-left: 64px;
}
.fanitem dt label:nth-of-type(4){
	margin-left: 38px;
}
.fanitem dt label:before{
	content: "";
    display: inline-block;
    position: absolute;
    top: 2px;
    left: -22px;
    width: 6px;
    height: 6px;
    border: 4px solid rgb(221, 221, 221);
    border-radius: 50%;
}
.fanitem dt input:checked+label:before{
	border: 4px solid #f96203;
}
.fanitem dt .fankimg{width:60px;height:40px;float:left;}
.fanitem dt .fanbtn{width:100px;float:right;text-align:right;}
.fancon .fanitem .txtar{display: block;height:68px;width:92%;color: #999999;margin: 6px auto;}
.fanitem dt em{font-size:14px;}
.txtar{width:96%;color:#8d8d8d;}
.fankbtn{text-align:center;padding-bottom:8px;padding-top:10px;}
.fann{overflow:hidden;}
.fB {font-weight:bold;}
.fank .form-del{
	position: absolute;
    top: -16px;
    left: -16px;
	width: 32px;
    height: 32px;
    cursor: pointer;
    border-radius: 50%;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
	-o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
	-ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
    background: url(https://s.gaodunwangxiao.com/static-resource/login/images/close.png) no-repeat center center;
    background-color: #fff;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.fank .form-del:hover{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}
#footPhone{
    display: none;
}
/* End 反馈信息弹出框 */




/***登录start***/
.login-box-wrap{
    display:none;
}
.login-box{
    z-index:1002;
    display:block;
}
.login-bg{
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:fixed;
    opacity:0.75;
    background:#000;
    z-index:1001;
}
.login-box .titBg{
    background:#eee;
    font-size:16px;
    padding:3px 0 4px 15px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.floatDiv .tit1 a.close{cursor:pointer;position:absolute;top:-15px;right:-15px;width:34px;height:34px;background:url(//wwwimg.gaodunwangxiao.com/share/images/close_bg.png) no-repeat 0 0;}
.floatDiv .titBg a.close{background-position:-36px 0;top:2px;right:4px;}
.floatDiv .lgCont li{
    padding:15px 0 0 0;
}
/***登录end****/

.channel-tab-list{ display: none !important}



.article-body video{max-width: 80%;display: block;margin: 0 auto;max-height: 400px;}
.article-body img{max-width: 100%!important;height: auto!important;}
.article-body h1{margin-bottom: 50px;text-align: center;font-size: 24px;font-weight: bold;}
.article-body h2{font-size: 20px;margin-bottom: 15px;  }
.article-body p{margin-bottom: 15px;line-height: 1.8;}
.article-body ul{margin:0 0 15px 2em;}
.article-body ul li{list-style-type: disc;}
.article-body ol{margin:0 0 15px 2em;}
.article-body ol li{list-style-type: decimal;}
.article-body table{width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;margin-bottom:0;}
.article-body tr, .article-content th,.article-content td{ border:1px solid #c4c4c4;padding: 5px;}
.article-body blockquote{border-left: 3px solid #23527c;background-color: #EFF6FE;padding: 10px 20px 3px 20px;margin:20px 0;}
.article-body blockquote p{text-indent: 0 !important;}
.article-body a{color: #ff6e00}
