*{margin:0;padding:0;list-style: none;text-decoration : none;font-family: \\5FAE\8F6F\96C5\9ED1,Open Sans,Arial,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;}
#periphery{
	width: 100%;overflow: auto;
}
.banner,.banner img{width: 100%;position:relative}
.banner span{color:#c71d1d;font-size:20px;position:absolute;left:0;right:2%;bottom:22%;margin:auto;    text-align: center;font-weight:800}
.con{max-width: 1200px;margin:0 auto 100px;overflow: auto;}
.con-l{width: 70%;float: left;padding:10px;margin:10px;box-shadow: 0 0 10px #ccc;}
.con-r{width: 25%;float: right;margin:10px;}

.classify-nav{width: 100%;border-bottom:1px solid#e8e8e8;overflow: auto;padding-bottom: 10px}
.classify-nav h3{
	float: left;
    color: #000;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    padding-left: 14px;
    margin-right: 136px;
    margin-top: 8px;
}
.classify-nav h3::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 24px;
    background: #c71d1d;
    -ms-border-radius: 50em;
    border-radius: 50em;
    left: 0;top: 4px
}
.classify-nav ul{width: 50%;float: left;margin-left: 5%}
.classify-nav ul li{width: 25%;float: left;text-align: center;font-size:16px;}
.classify-nav ul li a{color: #333;display: block;padding: 8px 0 4px;transition: all .5s ease-out;}
.classify-nav ul li a:hover{color: #c71d1d !important;border-bottom:2px solid#c71d1d;transform:scale(1.15);}
.classify-nav-on{color: #c71d1d !important;border-bottom:2px solid#c71d1d;transform:scale(1.15);}
#crumbs{color: #AAA;font-size:14px;border-bottom:1px dashed #e8e8e8;width: 100%;padding:10px 0;}
#crumbs a{color:#aaa}

#article-title{font-size: 24px;text-align: center;padding:30px 0 15px 0;position: relative;}
#article-msg{font-size: 14px;text-align: center;font-weight:400;padding-bottom: 20px;    border-bottom: 1px solid #e6e6e6;color: #333;margin-bottom: 20px}
.article-list p{text-align: justify;font-size: 16px;color: #333;line-height: 1.5;letter-spacing: 1px;padding-bottom: 8px;}
.article-tag{width: 100%;height: 40px;padding: 10px 10px;width: 70%;float: left}
.article-tag-l {height: 100%;float: left;font-size: 15px;line-height: 2.0;}
#article-tag-l{overflow: auto;padding-left: 20px;width: 60%;float: left}
#article-tag-l span{float: left;font-size: 15px;padding-top: 3px}
#article-tag-l a{opacity: .8;font-size: 13px;float: left;width: auto;background: #f8f8f8;color: #fff;padding: 0 12px;margin: 0px 10px 0px 0px;height: 26px;line-height: 26px;border-radius: 3px;}
#article-tag-r{float: right;height: 100%;font-size: 15px;line-height: 2.0;}
#key_share_right_wx{
	width: 22px;
    height: 22px;
    background-image: url(404.png); 
    float: right;
    background-size: 70px 45px;
    background-position: 0 0px;
    background-repeat: no-repeat;
    margin: 5px 0px 0px 4px;
    cursor: pointer;
}
#key_share_right_wx:hover{background-position: 0 -22px;}
#key_share_right_qq{
	width: 22px;
    height: 22px;
    background-image: url(404.png);
    float: right;
    background-size: 70px 45px;
    background-position: -24px 0px;
    background-repeat: no-repeat;
    margin: 5px 0px 0px 4px;
    cursor: pointer;
}
#key_share_right_qq:hover{
	background-position: -24px -22px;
}
#key_share_right_wb{
	width: 22px;height: 22px;background-image: url(404.png);float: right;background-size: 70px 45px;background-position: -47px 0px;
    background-repeat: no-repeat;
    margin: 5px 0px 0px 4px;
    cursor: pointer; 
}
#key_share_right_wb:hover{background-position: -47px -22px;}
.essay-cut{width: 70%;font-size: 14px;float: left;padding-left: 20px}
.essay-cut p{margin-top:10px}
.essay-cut span{font-weight:600;color: #666}
.essay-cut a{color: #666}
.essay-cut h5{font-weight: 400;font-size: 14px;color: #333;text-align: justify;}
#liability{margin-top: 50px}
#bottom-banner{width: 100%;margin-top: 20px;position: relative;}
#bottom-banner-img{width:100%}  
#bottom-banner span{    position: absolute;color:#c71d1d;font-size:16px;bottom:11%;left:26%}
#bottom-banner-code{position: absolute;width:6.5%;bottom:6.5%;right:20.7%}


.article-list{width: 98%;margin:auto;overflow: hidden;}
.article-list ul{width: 100%;overflow: auto}
.article-list ul li{width: 98%;padding:20px 1%;border-bottom: 1px dashed #e8e8e8;overflow: auto}
.article-list ul li img{width: 26%;float: left}
.article-list ul li div{width: 72%;float: right}
.article-list ul li div h3{font-size: 20px;display: inline-block;white-space: nowrap; width: 100%; overflow: hidden;text-overflow:ellipsis;color: #000}
.article-list ul li div p{font-size: 14px;color: #888;width:100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;    line-height: 20px;text-align: justify;}
.article-list ul li div h6{color: #888;font-size: 14px;font-weight: 400;padding:0 0 7px;}
.article-list ul li div span{opacity: .8;font-size:13px;float: left;width: auto;background: #f8f8f8;color: #fff;padding: 0 12px;margin: 15px 10px 0px 0px;height: 26px;line-height: 26px;border-radius: 3px}
.article-list ul li div span a{color: #fff}

.tutor-rec{width: 95%;box-shadow: 0 0 10px #ccc;padding:10px;}
.tutor-rec h5{text-align: center;font-size: 16px;color: #aaa;font-weight:400;padding: 9px 0;cursor: pointer;}
.tutor-rec h5 span:nth-child(1){float: left}
.tutor-rec h5 span:nth-child(2){float: right}
.tutor-rec h5 span:hover{color: #c71d1d !important;}
.tutor-rec-on{color: #c71d1d !important;}
.tutor-rec ul{width: 100%;padding-top: 10px}
.tutor-rec ul li {width: 100%;border-top: 1px solid#e8e8e8;padding:14px 0 20px 0;}
.tutor-rec ul li img{width: 28%;border-radius: 50%}
.tutor-rec ul li div{width: 70%;float: right}
.tutor-rec ul li div h4{font-size: 16px;color: #c71d1d}
.tutor-rec ul li div h4 a{color: #c71d1d}
.tutor-rec ul li div p{font-size: 13px;color: #808080;padding-top: 4px;width: 100%;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.tutor-rec ul li div div{font-size: 14px;width: 60%;color: #fff;background: #c71d1d;height: 26px;line-height: 26px;text-align:center;border-radius: 4px;float: left;margin-top: 4px}
.tutor-rec ul li div div a{color: #fff}
.tutor-rec-con-on{display: none}

.hot-article,.handpick-article,.hot-search{width: 95%;box-shadow: 0 0 10px #ccc;padding:10px;margin-top: 10px}
.hot-article h5,.handpick-article h5,.hot-search h5{font-size: 18px;position: relative;padding: 4px 0 0 12px;font-weight:300;}
.hot-article h5::before ,.handpick-article h5::before,.hot-search h5::before{
    content: "";
    position: absolute;
    width: 4px;
    height: 20px;
    background: #c71d1d;
    -ms-border-radius: 50em;
    border-radius: 50em;
    left: 0;top: 6px
}
.hot-article ul,.handpick-article ul,.hot-search ul{width: 100%;padding:10px 0;border-top: 1px solid#e8e8e8;margin-top: 6px}
.hot-article ul li,.handpick-article ul li{width: 100%;    border-bottom: 1px dashed #f0f0f0;padding:5px 0;}
.hot-article ul li p,.handpick-article ul li p{width: 100%;display: inline-block;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;font-size: 15px;color: #888}
#con-r-banner{width: 101.5%;margin-top: 12px;box-shadow: 0 0 10px #ccc;    position: relative;}
#con-r-banner-a{width:100%}
#con-r-banner-b{width:27%;position: absolute;left:22%;bottom:6%;margin:auto}
.hot-article ul li p a,.handpick-article ul li p a{color: #888}
.hot-article{
    margin-top: 0
}

.hot-search ul{overflow: auto}
.hot-search ul li{
	opacity: .8;
    font-size: 13px;
    float: left;
    width: auto;
    background: #f8f8f8;
    color: #fff;
    padding: 0 12px;
    margin: 4px 10px 10px 0px;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;float: left
}
.hot-search ul li a{color: #fff}

.essay-cut-correlation{width: 100%}
.essay-cut-correlation ul{width: 100%;overflow: auto}
.essay-cut-correlation ul li img{width:120px;height: 80px;float: left;    margin-right: 10px;}
.essay-cut-correlation ul li{width: 48%;float:left;    margin-top: 18px;}
.essay-cut-correlation ul a:nth-child(2) li,.essay-cut-correlation ul a:nth-child(4) li,.essay-cut-correlation ul a:nth-child(6) li,.essay-cut-correlation ul a:nth-child(8) li{float:right}
.essay-cut-correlation ul li p{font-size: 16px;color: #333;overflow:hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-top: 7px}
.essay-cut-correlation h5{    font-size: 18px;position: relative;padding: 4px 0 0 12px;font-weight: 600;}
.essay-cut-correlation h5::before {content: "";position: absolute;width: 4px;height: 20px;background: #c71d1d;-ms-border-radius: 50em;border-radius: 50em;left: 0;top: 6px;}

.mb-footer-nav{display:none;width:100%} 
#mb-footer-banner{width:100%}
#mb-footer-nav{width:96%;border-bottom: 1px solid #f0f0f0;overflow: auto;margin:auto;padding-bottom:10px;margin-top:10px}
#mb-footer-nav li{width:24%;float:left;border-right: 1px solid #f0f0f0;font-size:15px;text-align: center;margin:4px 0;}
#mb-footer-nav li a{color:#000;}
.footer-article,.footer-tutor,.footer-correlation-article{width:96%;margin:20px auto 0}
.footer-article h3,.footer-tutor h3,.footer-correlation-article h3{position: relative;font-size:16px;color:#c71d1d;font-weight: 400;padding-left:10px} 
.footer-article h3::before,.footer-tutor h3::before,.footer-correlation-article h3::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 22px;
    background: #c71d1d;
    -ms-border-radius: 50em;
    border-radius: 50em;
    left: 0;
    top: 0;
}
.footer-article ul,.footer-tutor ul{width:96%;overflow: auto;padding: 15px 0;margin:auto}
.footer-article ul li{width:48%;float:left;display:none;margin-bottom: 20px;border-radius:4px}
.footer-article ul li a img{width:100%;height:105px}
.footer-article ul li a p{color:#000;font-size:14.5px;text-align: justify;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.footer-article ul li:nth-child(1),.footer-article ul li:nth-child(2),.footer-article ul li:nth-child(3),.footer-article ul li:nth-child(4){display:block}
.footer-article ul li:nth-child(1),.footer-article ul li:nth-child(3){margin-right:4%} 
.footer-tutor ul{width:100%;padding: 5px 0 15px 0;} 
.footer-tutor ul li{width:43%;float:left;margin-top:10px;    box-shadow: 0 0 10px #ccc;padding: 2%;margin-left: 2%;    border-radius: 5px;}
.footer-tutor ul li img{width:30%;border-radius: 50%;}
.footer-tutor ul li h5{font-size:12.5px;color:#333;font-weight:400;width:65%;float:right;padding-top:6px;line-height: 1.5;overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;}
.footer-tutor ul li span{font-size:15px;display:block;width:30%;float:left;    margin-left: 6%;}
.footer-tutor ul li a{margin-right: 12%;display:block;width:50%;font-size:12.5px;background:#c71d1d;color:#fff;float:right;    text-align: center;border-radius: 25px;height: 20px;line-height: 20px;}
.footer-tutor{margin:0 auto}
.footer-correlation-article ul{width:96%;padding: 5px 0 5px 0;overflow: auto;margin:auto}
.footer-correlation-article ul li{width:48%;float:left;padding:8px 0}
.footer-correlation-article ul li  p{font-size:14px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.footer-correlation-article ul li  p a{color:#38a0e2}
.footer-correlation-article ul li:nth-child(2),.footer-correlation-article ul li:nth-child(4),.footer-correlation-article ul li:nth-child(6),.footer-correlation-article ul li:nth-child(8){float:right}
.footer-correlation-article{margin:auto}

.wechat-m-1{width:100%;position: relative;}
.wechat-m-1 img{width:100%}
.wechat-m-1 p{font-size:16px;position: absolute;width:74%;top:30%;right:6%;line-height: 1.5;}
.wechat-m-1 p b{color:#e85158;margin:0 4px;font-weight: 700;font-family: "微软雅黑"} 
.wechat-m-1 p span{padding:4px 6px;background:#067d07;color:#fff;border-radius: 26px; font-size: 14px;margin: 0 4px;}




 



@media(max-width: 1220px){
	.con{padding:20px 0 30px;}
	.con-l{width: 90%;margin:auto;float: none}
	.con-r{display: none}
	.article-tag,.essay-cut{width: 90%;float: none;margin:auto;}
	.banner span {font-size: 18px;bottom: 21%;}
}
@media(max-width: 900px){
	.con-l{width: 95%;}
	.banner span {font-size: 14px;}
    .essay-cut-correlation{display: none}
}
@media(max-width: 700px){
	.classify-nav ul {width: 58%;margin-left: 0%}
	.banner{display: none}
	.con{padding-top:70px}
	.article-list div img{width:100%  !important;height: auto !important;}
}
@media(max-width: 600px){
	.con-l{box-shadow: 0 0 0 #ccc;padding:0;margin:0;width: 100%}
	.classify-nav {border-bottom: 2px solid#e8e8e8;}
	.classify-nav h3{display: none;}
	.article-list ul {width: 96%;margin:auto;}
	.article-list ul li div{float: left}
	.article-list ul li img {float: right;}
	.article-list ul li div p {display: none}
	.article-list ul li div h3 {font-weight: 400;font-size: 18px}
	.article-list ul li {border-bottom: 1px solid #e8e8e8;}
	.classify-nav-on{border-bottom: 0px solid#c71d1d;transform: scale(1);}
	.classify-nav ul {width: 90%;margin:auto;float: none;overflow: auto;}
	.classify-nav ul li{width: 24.5%;border-right:1px solid#e8e8e8;}
	.classify-nav ul li a {padding: 4px 0 4px;}
	.classify-nav ul li a:hover{color: #c71d1d !important;border-bottom:0px solid#c71d1d;transform:none;}
	.mb-footer-nav{display:block}
}
@media(max-width: 500px){
	.article-list ul li div span {display: none}
	.article-list ul li div h6 {padding: 20px 0 0 0;}
	.article-list ul li div h3 {font-size: 16px;}
	.classify-nav ul li {font-size: 15px;}
	.article-list ul {width: 95%;}
	.article-list ul li {padding:15px 1%;}
	.con{padding:70px 10px 0 10px;margin: auto;}
	#article-tag-r{display: none}
	#article-tag-l{padding-left: 0;width:100%}
	.article-tag,.essay-cut{padding:10px 0;width:100%;}
	.essay-cut h5,#bottom-banner{display: none}
	#article-msg span:nth-child(2),#article-msg span:nth-child(4){display: none}
	#article-title::before{
	    content: "";
	    position: absolute;
	    width: 4px;
	    height: 40px;
	    background: #c71d1d;
	    -ms-border-radius: 50em;
	    border-radius: 50em;
	    left: 0;top: 4px
	}
	#article-title {padding: 8px 0 15px 0;}
	#crumbs {padding: 4px 0;}
	.article-list p {font-size: 16px;line-height: 1.6;}
}
@media(max-width: 420px){
	.article-list ul li div h6 {padding: 10px 0 0 0;}
	.article-list ul li {padding:10px 1%;}
	.classify-nav ul {width: 95%;}
}