/*
仿制请保留
www.wendang.net
*/
@charset "UTF-8";
/* 共享框架 */
body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{background-color:#ffffff;cursor:auto;font-family:"Microsoft YaHei","simsun","Lucida Grande","Lucida Sans Unicode";font-size:16px;}
html,body{-webkit-text-size-adjust:none;color:#333;}
table{border-collapse:collapse;border-spacing:0;}
cite, u, i, s, em{font-style: normal;text-decoration:none;}
ol,ul,li{list-style:none;vertical-align:middle;}
img{border:none;border-width:0;vertical-align:middle;}
form {padding:0; margin:0;}
a{color:#333;outline:medium none;}
a:link,a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:underline;}
a:active{star:expression(this.onFocus=this.blur());}

/* 头部 */
.header{background: #f8f8f8;border-bottom:1px solid #e4e4e4;height:44px;width:100%;}
.header-wrapper{height:44px;width:1200px;margin:0 auto;position:relative;}
@media screen and (max-width: 500px) {
    .header-wrapper {width:100%;}
}
.header-left{float:left; width:900px;}
@media screen and (max-width: 500px) {
    .header-left {width:50%;}
}
.logo{width:110px;float:left;font-size:18px;}
@media screen and (max-width: 500px) {
    .logo{width:15%;margin-left: 5%;display:none;}
}
.logo a{height:44px;line-height:44px;border-right:1px solid #e4e4e4;padding-right:30px;}
.nav{float:left;height:46px; width:240px;font-size:18px;overflow: hidden;}
@media screen and (max-width: 500px) {
    .nav{width:95%; margin-left:5%;}
}
.nav li{float:left;height:44px;line-height:44px; margin: 0 20px;}
@media screen and (max-width: 500px) {
    .nav li{margin: 0 10px;}
}
.nav li:nth-child(8n){margin-right:0;}
.nav li a{display:inline-block;}
.nav li.current a{border-bottom:2px solid #4e6ef2;}
.logo a:hover,.nav li a:hover{text-decoration:none;color:#000;}

.header-right{width:300px;float:right;text-align:right; overflow:hidden;}
@media screen and (max-width: 500px) {
    .header-right{width:46%; margin-right:4%;}
}
/* 会员 */
.quick-links{height:auto;float:right;margin-top:8px;position:relative;}
.quick-links .member{height:20px;border-radius:14px;background-color:#4e6ef2;text-align:center;line-height:20px;padding:4px 14px;float: left;}
.quick-links .member a{color:#fff;}
.quick-links .publish{height:20px;border-radius:14px;background-color:#ff552e;text-align:center;line-height:20px;padding:4px 14px;float: right; margin-left:20px;}
.quick-links .publish a{color:#fff;}
.quick-links li{float: left; height:16px;line-height: 16px;padding: 0 7px;border-left: 1px solid #e4e4e4;margin-top: 6px; max-width:140px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
@media screen and (max-width: 500px) {
    .quick-links li{padding: 0 1px; max-width:65px;}
}
.quick-links li:nth-child(1){border-left: none;}
.quick-links li a:link, #quick-links li a:visited{color:#4e6ef2;}
.quick-links li a:hover{color:#4e6ef2;}
.quick-links li.today, #quick-links li.member{color: #666;border: 0 none;}
.quick-links .pay {
	position: absolute;
	right: 165px;
	top:0;
    display: block;
    width: 80px;
    height: 28px;
    overflow: hidden;
    background: url("../img/vip.png") no-repeat center;
}

/* banner */
.banner {color: #fff;text-align: center;height: 120px;background-color: #3359ee;background-image: url("../img/banner.png");background-position: right center;background-repeat: no-repeat;position: relative;background-size: contain;}
@media screen and (max-width: 500px) {
    .banner{height: 40px;background-size: contain;width: 90%;padding: 0 5%;}
}
.container{overflow:hidden;width: 1200px;margin: 0 auto;}
@media screen and (max-width: 500px) {
    .container{width:100%;height: 40px;overflow: hidden;}
}
.container a{height:80px;width:200px;display:block;float: left;margin:20px 0 0 0;}
@media screen and (max-width: 500px) {
    .container a{width: 30%;height: 40px;display: inline-block;margin:0;}
	.container a img{width: 100%;height: 40px;background-size: contain;}
}
.container h2{font-size: 30px;color: #fff;float: left;margin-top:35px;font-weight: normal;height: 45px;line-height: 45px;}
@media screen and (max-width: 500px) {
    .container h2{font-size: 12px;margin-top:0;height: 40px;line-height: 40px;}
}
.search{width: 1200px;margin:40px auto 0;text-align: center;position: relative;}
@media screen and (max-width: 500px) {
    .search{width:100%;margin:30px 0 0;}
}
.search h2{font-size:35px;font-weight:700; margin-bottom:40px;}
.search-form{box-sizing:content-box;position: relative;}
.search-form#size{margin-bottom: -20px;}
.search-form .site-search-form{display: inline-block;}
@media screen and (max-width: 500px) {
    .search-form .site-search-form{width:90%;}
}
.search-form .search-cat{display:inline-block;float:left;width:80px;height:44px;border:none;margin-right:-3px;border-radius:30px 0 0 30px;background:#f8f8f8;text-align:center;text-align-last: center;-webkit-appearance: none;}
.search-form .search-input{background:#f8f8f8;height:44px;line-height:44px;font-size:16px;display:inline-block;float:left;width:800px;font-family:"Microsoft YaHei";text-indent:30px;border-radius:4px 0 0 4px;border:none;outline:none;}
@media screen and (max-width: 500px) {
    .search-form .search-input{width:80%;}
}
.search-form .search-btn{background:#4e6ef2;font-size:16px;height:44px;border:none;color:#fff;display:inline-block;float:left;width:150px;border-radius:0 4px 4px 0;cursor: pointer;}
@media screen and (max-width: 500px) {
    .search-form .search-btn{width:20%;}
}
.notice{overflow: hidden;margin: 20px auto;width: 1200px;}
@media screen and (max-width: 500px) {
    .notice{width:100%;}
}

/* 主体 */
.wrapper,.main{width:1200px; margin:0 auto; overflow:hidden;}
@media screen and (max-width: 500px) {
    .wrapper,.main{width:96%;}
}
.wrapper{margin-top:40px;}
@media screen and (max-width: 500px) {
    .wrapper{margin-top:25px;}
}
.fl{float:left; width:980px; overflow:hidden;}
@media screen and (max-width: 500px) {
    .fl{width:100%;}
}
.fr{float:right; width:200px; overflow:hidden;}
.index-row1,.index-row2,.index-row3,.index-row4{overflow:hidden;}
/* 首页 */
.news{position: relative;margin-top:20px;float:left; width:788px;}
@media screen and (max-width: 500px) {
    .news{width:100%; margin-top:28px;border:none;}
}
.news-title{position:absolute;top:-15px;left:30px;height:28px;}
@media screen and (max-width: 500px) {
    .news-title{display: none;}
}
.news-title span{width:100px;height:32px;background-color: #fff;text-align:center;line-height:32px;font-size:22px;display: inline-block;}
.news-content{ overflow:hidden;border: 1px solid #e4e4e4;border-radius:4px;}
.news-content ul{padding:25px 10px 20px;}
@media screen and (max-width: 500px) {
    .news-content ul{padding:20px 0;}
}
.news-content li{height: 41px;line-height:41px;border-bottom:1px dotted #F2F2F2; padding:0 15px; font-size:15px;box-sizing: border-box;}
@media screen and (max-width: 500px) {
    .news-content li{padding:0 5%;}
}
.news-content li:nth-child(10n){border-bottom:none;}
.news-content li a{background: url("../img/dot.jpg") no-repeat scroll left center;display:inline-block;overflow:hidden;width:94%;height:40px;text-overflow:ellipsis;white-space:nowrap;line-height:40px;padding-left: 20px;}
@media screen and (max-width: 500px) {
    .news-content li a{background:none;padding-left:0; font-size:16px;}
}
.news-content li a:hover{color:#4e6ef2;}

.special{width:380px;height: 457px;float:right;position: relative;margin-top:20px;overflow: hidden;}
@media screen and (max-width: 500px) {
    .special{display:none;}
}
.special-title{background: #4e6ef2;height: 28px;line-height: 28px;padding:10px 0;border-top-left-radius:4px;border-top-right-radius:4px;}
.special-title span{margin-left:28px; color:#fff;}
.special-content{overflow:hidden; padding:2px 10px 15px 20px;border: 1px solid #e4e4e4;border-radius:4px;height: 438px;}
.special-content p{color:#282e33;line-height:22px;margin-top:20px; margin-bottom:5px;}
.special-content p i{display:inline-block;width:5px;height:5px;background:url("../img/dot.jpg") left center no-repeat;border-radius: 50%;vertical-align:middle;margin-right: 10px;position:relative;}
.special-list{overflow:hidden}
.special-list.show1{max-height:150px;}
.special-list.show2{max-height:185px;}
.special-list a{display:inline-flex;padding:0 10px;border-radius:4px;border:1px solid #99a2aa;margin:11px 5px 0 0;color:#99a2aa;font-size:13px;height:24px; line-height:24px; overflow:hidden;}
.special-list a:hover{background:#4e6ef2;border:1px solid #4e6ef2;color:#fff;text-decoration:none;}

.standard{overflow: hidden;}
.standard-title{height: 28px;line-height: 28px;margin-left:35px;margin-bottom:20px;}
.standard-title span{font-size:22px;}
@media screen and (max-width: 500px) {
    .standard-title span{font-size:18px;}
}

.standard-wrap{border-top: 1px solid #e4e4e4;border-left: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;padding:0 1px;overflow:hidden;border-radius:4px;}
@media screen and (max-width: 500px) {
    .standard-wrap{max-height:495px;}
}
.standard-item {width:348px; height: 58px; float: left; border-bottom: 1px solid #e4e4e4;border-right: 1px solid #ebebeb;padding: 20px 25px;position: relative;}
@media screen and (max-width: 500px) {
    .standard-item{width:90%;padding: 20px 5%;border-right: none;}
}
.standard-item:hover {background-color: #f4f4f4;}
.standard-item:nth-child(3n){border-right:none;}
.standard-item h3 {padding-bottom: 10px; height: 24px;font-weight: normal;}
.standard-item h3 a {font-size: 15px; color: #333; line-height: 24px; display: inline-block; width: 348px; overflow: hidden; height: 24px; text-overflow: ellipsis; white-space: nowrap;}
@media screen and (max-width: 500px) {
    .standard-item h3 a{font-size: 16px;width:100%;}
}
.standard-item p { color:#99a2aa; font-size: 13px; line-height: 24px;height:24px; overflow: hidden; text-overflow: ellipsis;max-width: 80%;white-space: nowrap;display: inline-block;}
@media screen and (max-width: 500px) {
    .standard-item p {display: -webkit-box;}
}
.standard-item p span {font-size: 12px;padding: 0 5px;background-color: #4e6ef2;color: #fff;border-radius: 4px;position: absolute;right: 25px;max-width: 58px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
@media screen and (max-width: 500px) {
    .standard-item p span{right: 5%;}
}
.standard-item p span a{color: #fff; text-decoration:none;}

.document{margin-top:30px;margin-bottom: 30px;overflow: hidden;}
@media screen and (max-width: 500px) {
    .document{margin-top:22px;margin-bottom: 22px;}
}
.document-title{height: 28px;line-height: 28px;margin-left:35px;margin-bottom:20px;}
.document-title span{font-size:22px;}
@media screen and (max-width: 500px) {
    .document-title span{font-size:18px;}
}
.document-wrap{border: 1px solid #e4e4e4;overflow:hidden;border-radius:4px;}
.document-left{float:left; width:399px;padding:15px 0 0;max-height:320px; overflow:hidden;}
@media screen and (max-width: 500px) {
    .document-left{padding:5px 0 0;}
}
.document-left a {
    float: left;
    margin:15px 0 0 25px;
	font-size: 15px;
	height: 24px;
    line-height: 24px;
}
@media screen and (max-width: 500px) {
    .document-left a{display:none;}
}
.document-right{background: url("../img/document_bg_right.png") right bottom no-repeat;background-size: 220px 122px;float:right;width:799px;padding: 15px 0 30px;}
@media screen and (max-width: 500px) {
    .document-right{width:100%;max-height:222px; padding: 0 0 30px;}
}
.document-right ul li{
    float: left;
	margin: 0 2% 0 3%;
    margin-top: 15px;
    width: 45%;
}
@media screen and (max-width: 500px) {
    .document-right ul li{float: none;width: 90%;margin: 15px 5% 0 5%;}
}
.document-right ul li a {
    font-size: 14px;
    color: #333;
    display: block;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
	}
@media screen and (max-width: 500px) {
    .document-right ul li a{font-size: 16px;}
}

.random{margin-top:30px;margin-bottom:30px;}
.random-title{height: 28px;line-height: 28px;margin-left:35px;margin-bottom:20px;}
.random-title span{font-size:22px;}
.random ul{padding:35px 25px; overflow:hidden;border: 1px solid #e4e4e4;border-radius: 4px;}
.random ul a {
    float: left;
    width: 22%;
	margin-right:4%;
    font-size: 14px;
    color: #333;
    margin-top: 18px;
    display: block;
	height:24px;
	line-height:24px;
	overflow:hidden;
}
.random ul a:hover{color:#4e6ef2;}
.random ul a:nth-child(4n){margin-right:0;}

.column{margin-bottom:20px;margin-top:10px;}
@media screen and (max-width: 500px) {
    .column{display:none;}
}

/* 板块模型1 */
.list-column{position:relative;padding:20px 0 15px;border:1px solid #e4e4e4;border-top:2px solid #4e6ef2;border-radius:4px;zoom:1;}
.list-column-title{position:absolute;top:-28px;left:30px;height:28px;}
.list-column-title h2{padding:8px 12px;width:100px;height:32px;border-radius:4px;background-color:#fff;text-align:center;font-weight:400;font-size:16px;line-height:32px;overflow: hidden;}
.list-column-title h2 a{color:#333;}
.list-column-title h2 a:hover{color:#4e6ef2;}

.list-column-module1{overflow:hidden;}
.list-column-module1 ul{margin:0 15px;}
.list-column-module1 ul li{float:left;overflow:hidden;box-sizing:border-box;padding-left:32px;width:20%;border-bottom:1px dotted #e3e3e3;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:40px;}
.list-column-module1 ul li#more a,.list-column-module3 li#more a {font-weight:bolder;letter-spacing: 2px;}

/* 板块模型2 */
.list-column-module2{padding:0 20px; overflow:hidden;}
.list-module2-row{border-bottom:1px dotted #e3e3e3; overflow:hidden; font-size:14px; padding:10px;line-height:20px;}
.list-module2-title{width:8%; display:inline-block;float: left;}
.list-module2-title span{padding:2px 10px;border-radius:4px;background-color:#4e6ef2;color:#fff;}
.list-module2-content{ width:42%; display:inline-block;float: left;}
.list-module2-content a{margin-right: 20px;}

/* 板块模型3 */
.list-column-module3{padding:0 20px; overflow:hidden;}
.list-column-module3 li span{display:inline-block;margin-right:15px;padding:3px;width:30px;border-radius:4px;background-color:#4e6ef2;color:#fff;text-align:center;font-weight:700;line-height:1;}
.list-column-module3 li{float:left;overflow:hidden;box-sizing:border-box;padding-left:22px;width:33.33333%;border-bottom:1px dotted #e3e3e3;font-size:14px;line-height:40px;}

/* 板块模型4 */
#remould{padding: 0 60px;}
#remould .list-module2-row{border-bottom: none;padding: 20px;}
#remould .list-module2-row span{background-color:#4e6ef2;padding: 10px;}
#remould .list-module2-content a{margin-right: 40px;}

/* 位置 */
.place{color:#99a2aa;margin:20px auto -20px;height:26px;line-height:26px;overflow:hidden;font-size:15px;text-overflow: ellipsis;white-space: nowrap;max-width: 1200px;}
@media screen and (max-width: 500px) {
    .place{margin:20px 5% -5px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;width: 90%;}
}
.place a{color:#99a2aa;}
.place h1,.place h2 {font-size:15px;font-weight: normal;display: inline;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;max-width: 800px;}
.place em{color:#99a2aa;}

/* 子菜单 */
.submenu{border: 1px solid #e4e4e4;border-radius: 4px;overflow: hidden;margin-bottom:20px;padding: 20px 35px;}
@media screen and (max-width: 500px) {
    .submenu{width: 96%;padding:0;margin:0 auto 20px;border:none;border-radius: 0;}
}
.submenu-title{
    float: left;
    background-color: #999;
    font-size: 15px;
    color: #fff;
    border-radius: 4px;
    padding: 5px 10px;
}
@media screen and (max-width: 500px) {
    .submenu-title{display:none;}
}
.submenu-title a{color:#FFFFFF;text-decoration:none;}
.submenu ul{float: left;}
@media screen and (max-width: 500px) {
    .submenu ul{border: 1px solid #e4e4e4;padding:4% 0;border-radius: 4px;width: -webkit-fill-available;}
}
.submenu ul li{float: left;margin-left: 20px;font-size: 15px;padding: 5px 10px;border-radius: 4px;}
@media screen and (max-width: 500px) {
    .submenu ul li{width: 28%;margin-left: 2%; margin-right:1%;text-align: center;padding: 2% 1%;}
}
.submenu ul li.current{background-color:#4e6ef2;}
.submenu ul li.current a{color:#FFFFFF;text-decoration:none;}

/* 频道模型 */
.box{overflow:hidden;margin-bottom: 20px;}
.cover-fl{float:left;width: 200px;}
@media screen and (max-width: 500px) {
    .cover-fl{display:none;}
}
.submenu.size{margin-bottom:21px;height:295px;}
@media screen and (max-width: 500px) {
    .submenu.size{display:none;}
}
.lfm{width:200px; padding:0;border: none;background-image: -webkit-linear-gradient(top,#4e6ef2 0,#a8b6f1 40%);background-image: linear-gradient(180deg,#4e6ef2 0,#a8b6f1 100%);}
.lfm ul{float:none; padding:12px 0;}
.lfm ul li.current{background:none;}
.lfm ul li{float:none; margin: 0 auto;text-align: center; padding:12px 0;border-radius:0; font-size:16px;}
.lfm ul li span{font-size: 18px;height: 21px;line-height: 21px;display: inline-block;}
.lfm ul li a{ color:#fff}
.cover-fr{width:1000px; float:right;}
@media screen and (max-width: 500px) {
    .cover-fr{width:100%;}
}
.itembox{overflow:hidden;}
.item-list{ width:428px;float:left;border: 1px solid #e4e4e4;border-radius: 4px;overflow: hidden;margin-left:20px;margin-bottom: 20px; padding:15px 25px;}
@media screen and (max-width: 500px) {
    .item-list{width:91%;padding:4%;margin-left:0;}
}
.item-list-title h3 {
    height: 22px;
    line-height: 22px;
    padding-left: 13px;
    font-size: 16px;
	margin-bottom: 10px;
	font-weight:normal;
	border-radius: 50px;
}
@media screen and (max-width: 500px) {
    .item-list-title h3{font-size: 17px;}
}
.item-list-title h3:after {content: " ";width: 4px;height: 4px; display: block;border-radius: 15px;position: relative;left: -15px;top: -15px;border: 2px solid #ff552e;}
.item-list ul{}
.item-list li {
    height: 32px;
    line-height: 32px;
    font-size: 15px;
}
.item-list li a {
    background: url("../img/dot.jpg") no-repeat scroll left center;
    display: inline-block;
    overflow: hidden;
    width: 94%;
    height: 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 32px;
    padding-left: 10px;
}

/* 列表 */
.list-fl{float:left; width:200px; overflow:hidden;}
@media screen and (max-width: 500px) {
    .list-fl{display:none;}
}
.list-fr{float:right; width:980px; overflow:hidden;}
@media screen and (max-width: 500px) {
    .list-fr{width:100%;}
}
.list{overflow:hidden;margin-bottom:60px;}
@media screen and (max-width: 500px) {
    .list{margin-bottom:20px;}
}
.list li{border: 1px solid #e4e4e4;border-radius: 4px;overflow:hidden;padding: 20px 50px 0;margin-bottom: 20px;position: relative;}
@media screen and (max-width: 500px) {
    .list li{padding:5% 5% 0 5%}
}
.type{background:url("../img/noicon.png") no-repeat scroll center;width: 32px;height: 30px;display: inline-block; float:left;margin-right: 15px;margin-top: 5px;}
@media screen and (max-width: 500px) {
    .type{display:none;}
}
.type.rar,.type.RAR{background:url("../img/rar.png") no-repeat scroll center;}
.type.zip,.type.ZIP{background:url("../img/zip.png") no-repeat scroll center;}
.type.dwg,.type.DWG{background:url("../img/dwg.png") no-repeat scroll center;}
.type.doc,.type.DOC,.type.docx,.type.DOCX{background:url("../img/doc.png") no-repeat scroll center;}
.type.pdf,.type.PDF{background:url("../img/pdf.png") no-repeat scroll center;}
.type.xls,.type.XLS,.type.xlsx,.type.XLSX{background:url("../img/xls.png") no-repeat scroll center;}
.type.ppt,.type.PPT,.type.pptx,.type.PPTX{background:url("../img/ppt.png") no-repeat scroll center;}
.type.img,.type.IMG{background:url("../img/img.png") no-repeat scroll center;}

.type#size {
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-right: 5px;
}

.item{float:left; width:90%; height:80px;}
.item .title{font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
@media screen and (max-width: 500px) {
    .item .title{font-size:18px;}
}
.item .number{height: 22px;color: #333; line-height: 22px; margin-top:10px; font-size: 17px; }
.item .smalltext{height: 22px;line-height: 22px; margin-top:10px; font-size: 13px;color: #99a2aa;}
.item .title a:hover{text-decoration: none; color:#4e6ef2;}
.state{background-color: #5cb85c;position: absolute;right:50px;top:45px;padding: 0 8px;color:#fff;border-radius: 4px;font-size:12px;width:54px;max-height: 15px;text-align:center;font-family: serif;}

.grade{background:url("../img/star.png") no-repeat scroll center; width:70px; height:15px;position: absolute;right: 0;top: 30px;}
.grade.t1{background:url("../img/1star.png") no-repeat scroll center;}
.grade.t2{background:url("../img/2star.png") no-repeat scroll center;}
.grade.t3{background:url("../img/3star.png") no-repeat scroll center;}
.grade.t4{background:url("../img/4star.png") no-repeat scroll center;}
.grade.t5{background:url("../img/5star.png") no-repeat scroll center;}

/* 合集新增 */
.userlist{border: 1px solid #e4e4e4;border-radius: 4px;overflow:hidden;padding:0 60px 5px; margin-bottom:60px;}
@media screen and (max-width: 500px) {
    .userlist{padding:0 5% 1% 5%; margin-bottom:30px;}
}
.userlist li{overflow:hidden;padding:10px 0;border-bottom: 1px dotted #e3e3e3;position: relative;}
@media screen and (max-width: 500px) {
    .userlist li{}
}
.userlist li .title{ height:32px; line-height:32px; margin-top: 5px; overflow:hidden;}
.userlist li:nth-child(10n){border-bottom:none;}

/* 翻页 */
.page{color:#666;font-size:14px;height:34px;line-height:32px;margin:0 auto 80px;text-align:center;}
@media screen and (max-width: 500px) {
    .page{margin:0 auto 30px;}
}
.page a,.page span,.page i{display:inline-block;height:32px;text-align:center;padding:0 14px;border:1px solid #e4e4e4;border-radius:4px;color:#666;text-decoration:none; margin:0 5px;}
@media screen and (max-width: 500px) {
    .page a,.page span,.page i{height:18px; line-height:17px; padding:0 2px; margin:0 2px;}
}
.page span{border-color:#4e6ef2;background:#4e6ef2;color:#fff;filter:none;font-weight:bold}
.page a:hover{color:#4e6ef2;}
.page span:hover{border-color:#4e6ef2; background:#4e6ef2; color:#fff;}

/* 内容 */
.article{border: 1px solid #e4e4e4;border-radius: 4px;margin:0 auto 21px;position: relative;padding: 40px 60px 24px;}
@media screen and (max-width: 500px) {
    .article{padding:4%;}
}
.article .title{margin:0 0 25px;overflow:hidden;position: relative;}
.article .title h1{color:#000;font-size:28px;font-weight:normal;overflow:hidden;line-height:40px;height: 40px;text-overflow: ellipsis;white-space: nowrap;}
@media screen and (max-width: 500px) {
    .article .title h1{font-size:24px;}
}
#download{overflow:hidden;display:none;}
@media screen and (max-width: 500px) {
    #download{display:none;}
}
#download a{background-color:#4e6ef2;position: absolute;right: -80px;top: -10px;color: #FFFFFF;border-radius: 0 0 4px 4px;text-decoration: none;padding:30px 0 15px;text-align: center;width: 200px;transform: rotate(45deg);}
#download span{font-size:13px; font-weight:normal;}
#username{background-color: #4e6ef2;position: absolute;left: 0;top: 0;color: #FFFFFF;border-radius: 0 0 4px 0;text-decoration: none;padding: 4px 0 6px;text-align: center;width: 50px;}
@media screen and (max-width: 500px) {
    #username{display:none;}
}
.description{margin:0 0 24px;position: relative;overflow: hidden; font-size:12px;height: 16px;text-overflow: ellipsis;white-space: nowrap;}
@media screen and (max-width: 500px) {
    .description{margin:-10px 0 10px;}
}
.info{background: #f8f8f8;margin:0 0 24px;position: relative;border-radius: 4px;padding: 20px 10px 20px 30px;overflow: hidden;}
@media screen and (max-width: 500px) {
    .info{display:none;}
}
.info-cell{color: #777;font-size: 16px;float:left;width:20%;}
.info-cell.size15{width:15%}
.info-cell.size25{width:25%}
.info-cell-hd{color: #777;}
.info-cell-bd{margin-top: 18px;color:#99a2aa;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}

.control{overflow:hidden;}
.control-box{float:right;}
@media screen and (max-width: 500px) {
    .control-box{float:none; text-align:center;}
}
.download{display: inline-block;line-height:24px;border-radius:4px;padding:8px 40px;text-align:center; margin:0 auto;background-color:#4e6ef2;color:#FFFFFF; text-decoration:none;}
.console{display: inline-block;line-height:24px;border-radius:4px;padding:8px 40px;text-align:center; margin:0 auto;background-color:#5CB85C;color:#FFFFFF; text-decoration:none; margin-right:20px;}
.control a{color:#fff;font-size:16px;text-decoration:none;}

.details{float:left;position: relative; font-size:12px;color:#99a2aa; margin-top:10px;}
@media screen and (max-width: 500px) {
    .details{display:none;}
}
.details strong{font-weight:normal;display: inline-block;float: left;height: 20px;line-height: 20px;font-size: 14px;}
.details span{position: absolute;
    left: 145px;
    top: 0;
	line-height: 20px;
    color: #99a2aa;
	font-size: 14px;
    width: 400px;}

.introduce{position:absolute;top:-20px;left:60px;display:none;}
@media screen and (max-width: 500px) {
    .introduce{display:none;}
}
.introduce span{display: inline-block;
    line-height: 24px;
    border-radius: 4px;
    padding: 8px 40px;
    text-align: center;
    margin: 0 auto;
    background-color: #4e6ef2;
    color: #FFFFFF;
    text-decoration: none;}
.article .content{line-height:30px;color:#000;letter-spacing: 1.5px;word-wrap: break-word;padding-bottom:30px;}
.article .content h2{margin:30px 0;font-size: 20px;font-weight: normal; line-height:24px;}
.article .content h3{margin-bottom:30px;font-size: 16px;font-weight: normal; line-height:24px;color: #99a2aa;}
.article .content a,.article .content a:hover{text-decoration:none; color:#000;}
.article .content p{line-height:30px;margin-bottom:15px;overflow: hidden;text-align: justify;font-size: 14px;}
@media screen and (max-width: 500px) {
    .article .content p{font-size: 18px;}
}
.article .content img,.article .content p img{border: 1px solid #f0f7ff;display:block;vertical-align:middle;width: 776px;_width:expression(this.width>776?"776px":true);/*box-sizing: border-box;*/border-radius: 10px;}
@media screen and (max-width: 500px) {
    .article .content img,.article .content p img{width:77%;}
}
.article .content p a{color:#0245DC;text-decoration:underline;}

.remind{
    padding:0 20px;
    border-radius: 4px;
    font-size: 14px;
    color: #ff0000;
    background-color: #fcf2e1;
    line-height: 65px;
	font-weight: bold;
	margin-bottom: 20px;
}

.readall{position:relative;z-index:9999;padding:0 0 40px;margin-top:-18rem;text-align:center}
.readall .read-more-mask{height:18rem;background:-moz-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0));background:-webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));background:-o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0))}
.read-more-btn{cursor:pointer;font-size:16px;color:#4e6ef2;background:#fff;border-radius:4px;border:1px solid #4e6ef2;line-height:30px;padding:5px 10px;text-decoration:none;display:inline-block;position:relative;width:50%;}
.read-more-btn:active{outline:none;}
.read-more-btn em{margin:0 .1em}
.read-more-btn:after{top:12px;right:10px;width:9px;height:9px;border-left:1px solid #0245DC;border-bottom:1px solid #0245DC;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);content:"";position:absolute}

.tip{border-top: 1px solid #f4f5f6; padding-top:40px; overflow:hidden; height:auto; line-height:20px;font-size:14px;padding-bottom: 5px;position: relative;}
@media screen and (max-width: 500px) {
    .tip{display:none;}
}
.tip p{font-size:12px; color:#99a2aa;}
.tip p#url{}
.tip .report{position: absolute;right:0;top:40px; color:#99a2aa;}

.pageup{overflow:hidden; height:20px; line-height:20px;font-size:14px;font-size: 12px;color: #99a2aa;margin-bottom: 20px;display: inline-block;}
.pageup a{font-size: 12px;color: #99a2aa;}

.list#size{padding: 50px 30px 40px 60px;border: 1px solid #e4e4e4;border-radius: 4px;overflow: hidden;}
@media screen and (max-width: 500px) {
    .list#size{padding:6% 4% 2%;}
}
.list#size .list-title{height:24px;line-height:24px;display: block;padding:0 20px; margin:0 0 10px;overflow:hidden;font-size:21px;position: relative;}
.list#size .list-title i{background:#4e6ef2 none repeat scroll 0 0;height:24px;left: 0;overflow: hidden;position: absolute;top:0;width:4px; border-radius: 4px;}
.list#size .list-title em{color: #e22b00;}
.list#size li{overflow:hidden;padding:10px 0; margin:0;text-overflow:ellipsis;white-space:nowrap; border:none;width: 48%;float: left;margin-right: 2%;}
.related{float:left;width:600px;}
.related .related-title{overflow:hidden;margin-bottom:10px;width:600px;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
.related .number{height:22px;color:#99a2aa;font-size:12px;line-height:22px;}


#user{color:#99a2aa; font-size: 14px; line-height: 20px;position:relative; padding-left:80px;}
#user i{background:url("../img/group.png") no-repeat 100% 100%;width: 77px;position: absolute;left: 0;color:#e0ae5e;height:20px;top:0;image-rendering: -webkit-optimize-contrast;}
#user i#group0{background:url("../img/group0.png") no-repeat  100% 100%;}
#user i#group1,#user i#group2,#user i#group3,#user i#group4,#user i#group5,#user i#group6,#user i#group7,#user i#group8,#user i#group9,#user i#group10{background:url("../img/group1.png") no-repeat 100% 100%;}
#user i#group0vip{background:url("../img/group2.png") no-repeat 100% 100%;}
#user i#group1vip,#user i#group2vip,#user i#group3vip,#user i#group4vip,#user i#group5vip,#user i#group6vip,#user i#group7vip,#user i#group8vip,#user i#group9vip,#user i#group10vip{background:url("../img/group2.png") no-repeat 100% 100%;}

.classify{overflow: hidden;}
.classify-wrapper{border:1px solid #f4f5f6;border-radius: 4px; border-bottom:none;overflow:hidden;}
.classify-wrapper li{float: left;line-height:34px;width:50%; text-align: center;border-right:1px solid #f4f5f6;border-bottom:1px solid #f4f5f6;box-sizing: border-box; font-size:15px;}
.classify-wrapper li:nth-child(2n){border-right:none;}
.classify-wrapper li a{padding:20px 0;color:#99a2aa;text-decoration:none;display:block;}
.classify-wrapper li:hover{background:#f8f8f8;}

.tag{border: 1px solid #e4e4e4;padding:20px 5px 20px 15px;position: relative;border-radius: 4px;margin-bottom:30px;}
@media screen and (max-width: 500px) {
    .tag{display:none;}
}
.tag-title{padding-bottom: 16px;margin-top: 15px;border-top: 1px solid #f4f5f6;position: relative;width:168px;}
.tag h3,.tag h4{font-weight: normal;text-align: center;position: absolute;top: -12px;left: 50%;width:100px;margin-left: -50px;background-color: #fff;font-size:16px;}
.tag-list{overflow:hidden;max-height:310px;}
.tag-list a{display:inline-flex;padding:0 10px;border-radius:4px;border:1px solid #e4e4e4;margin:12px 5px 0 0;color:#99a2aa;font-size:14px;height:24px; line-height:24px; overflow:hidden;}
.tag-list a:hover{background:#4e6ef2;border:1px solid #4e6ef2;color:#fff;text-decoration:none;}

.class_cell{overflow:hidden;}
.class_cell_hd{height:36px;line-height: 36px;text-align: center;color: #FFF;background-color: #4e6ef2;margin-bottom: 20px;border-radius: 4px; font-size:14px;}
.class_cell_bd,.class_cell_list{overflow:hidden;}
.class_cell_list{border:1px solid #f4f5f6;border-radius: 4px; border-bottom:none;}
.class_cell_list li{float: left;line-height:34px;width:50%; text-align: center;border-right:1px solid #f4f5f6;border-bottom:1px solid #f4f5f6;box-sizing: border-box; font-size:14px;}
.class_cell_list li:nth-child(2n){border-right:none;}
.class_cell_list li a{padding:20px 0;color:#99a2aa;text-decoration:none;display:block;}
.class_cell_list li:hover{background:#f8f8f8;}

/*友情*/
.flink{overflow: hidden;padding:18px 0 14px;border-bottom: 1px solid #ddd;background: #F3F4F5;margin-top: 20px;}
@media screen and (max-width: 500px) {
    .flink{display:none;}
}
.flink-wrapper {width:1200px;margin:0 auto;color: #aaa;font-size: 14px;}
.flink-wrapper h4{height: 30px;line-height: 30px;font-size: 14px;color: #8d9299;font-weight: normal;}
.flink-wrapper a{padding: 0 5px 0 0;height: 30px;line-height: 30px;font-size: 11px;color: #8d9299;}
.flink-wrapper a::after{color:#99a2aa;content: "/";display: inline-block;margin-left: 8px;font-size: 12px;height:30px;line-height:30px;}

/* 底部 */
.footer{width: 100%;padding:40px 0;background: #F3F4F5;font-size: 12px;color: #8d9299;text-align: center;line-height: 28px;position: relative;}
@media screen and (max-width: 500px) {
    .footer{margin-top: 10px;}
}
.footer-wrapper{width:1200px;overflow:hidden; margin:0 auto;}
@media screen and (max-width: 500px) {
    .footer-wrapper{width:100%;}
}
.footer-wrapper p{ line-height:30px; height:30px;overflow: hidden;}
.footer a{color:#8d9299; margin-right:5px;}

.calculate{display:none;}

/* 快速向上 */
#scrolltop {display:none;position:fixed;bottom:140px;right:80px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight));cursor:pointer;height:70px;width:36px;background:url("../img/arrow.png") no-repeat 0 0;}
@media screen and (max-width: 500px) {
    #scrolltop{right:5%;}
}
#scrolltop:hover{background:url("../img/arrow.png") no-repeat 0 -80px;}

/* 合集新增图片展示 */
	.uploadimg {position: relative; width:100%;margin-bottom:24px;}
@media screen and (max-width: 500px) {
    .uploadimg{display:none;}
}
	.uploadimg .picture img {width: auto;max-width: 858px;height:500px; display: block;margin: 0 auto;border: none;}
	.uploadimg .prev,.uploadimg .next {width:45px; height:80px; position:absolute; top:190px; z-index:8; filter:alpha(opacity=20); -moz-opacity:.2; opacity:1; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
	.uploadimg .prev {background-image:url("../img/left.png"); left:-50px; }
	.uploadimg .next {background-image:url("../img/right.png"); right:-53px; }
	.uploadimg .prev:hover,.uploadimg .next:hover {filter:alpha(opacity=60); -moz-opacity:1; opacity:1 }
	
/* 新增专题 */
.class-item{
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    overflow: hidden;
    margin-left: 20px;
    margin-bottom: 20px;
    padding: 18px 25px 10px
}	
@media screen and (max-width: 500px) {
    .class-item{
    width: 91%;
    padding: 4%;
    margin-left: 0;
	}
}
.class-item-title {
    height: 22px;
    line-height: 22px;
	margin-bottom: 20px;
	color:#ff552e;
	border-bottom: 2px solid #e4e4e4;
	padding-bottom:15px;
}

.class-item-title h3{
    padding-left: 10px;
    font-size: 16px;
	font-weight:normal;
	}

/* 展开 收起容器共用样式 */
.class-item-show, .class-item-hide,
.article-show, .article-hide {
    overflow: hidden;
    position: relative;
    padding: 0 80px 0 98px;
    margin-bottom: 12px;
}

/* 特殊尺寸调整 */
.class-item-show#size, .class-item-hide#size,
.article-show#size, .article-hide#size {
    padding: 0 80px 0 0;
}

/* 内容区域样式 */
.class-item-show .class-item-text,
.article-show .article-text {
    background: #f0f7ff;
    border-radius: 10px;
    padding: 10px 15px;
}
.article-show .article-text {
    padding: 10px 20px;
}
.article-show .article-text p{
	margin-bottom:0;
}

/* 收起状态特殊样式 */
.class-item-hide, .article-hide {
    max-height: 35px;
    min-height: 35px;
}

/* 特殊高度设置 */
.class-item-hide.size{
    max-height: 280px;
}

/* 标题样式 */
.class-item-show span.switch-tit, .class-item-hide span.switch-tit,
.article-show span.switch-tit, .article-hide span.switch-tit {
    font-size: 14px;
    display: block;
    height: 34px;
    line-height: 34px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #f8f8f8;
    color: #555;
    padding: 0 15px;
    border-radius: 30px;
    margin-left: 0;
    width: 58px;
}

/* 链接样式 */
.class-item-show a, .class-item-hide a,
.article-show a, .article-hide a {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 8px;
    white-space: nowrap;
    color: #222;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
}

/* 按钮样式 */
.class-item-show span.switch-btn, .class-item-hide span.switch-btn,
.article-show span.switch-btn, .article-hide span.switch-btn {
    font-size: 14px;
    display: block;
    width: 64px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    color: #fe6d00;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    padding: 0;
    background-color: transparent;
}

/* 特殊按钮调整 */
.article-show#size span.switch-btn,.article-hide#size span.switch-btn{height: 30px;line-height: 30px;}
.article-show#size span.switch-btn.on{padding-top:10px;}

/* 新增特权 */
.extension{border: 1px solid #e4e4e4;padding: 23px 5px 24px 15px;position: relative;border-radius: 4px;margin-bottom: 21px;}
@media screen and (max-width: 500px) {
    .extension{display:none;}
}
.extension-vip {background: url("../img/card-icon.png") no-repeat scroll left center;display: block;height: 18px;line-height: 18px;font-size: 14px;color: #9c5300;padding-left: 40px;}
.extension-vip-card{overflow: hidden;}
.extension-vip-card-area{margin-top:18px;overflow:hidden;font-size:12px;color:#222;height:24px;line-height:24px;}
.extension-vip-card .card-all{background:url("../img/card-all.png") no-repeat scroll left center;display:block;padding-left:30px;float:left;margin-right:14px}
.extension-vip-card .card-ad{background:url("../img/card-ad.png") no-repeat scroll left center;display:block;padding-left:30px;float:left}
.extension-vip-card .card-vip{background:url("../img/card-vip.png") no-repeat scroll left center;display:block;padding-left:30px;float:left;margin-right:14px}
.extension-vip-card .card-free{background:url("../img/card-free.png") no-repeat scroll left center;display:block;padding-left:30px;float:left}
.extension-vip-card p a{background:linear-gradient(to right,#dfb779 0,#f0d6a3 100%);display:block;width:168px;text-align:center;color:#fff;line-height:40px;height:40px;border-radius:4px;margin-top:20px;text-decoration:none;font-size:14px;}