/* updatetime         : 2017-12-27 */
/* 报错请找
/* web development    : 杨帆 */
/* qq mail            : 121876723 sifinsh@163.com */

/* 结构 */
html,body { height: 100%; }
.wrapper { height: 100%; width: 100%; overflow: hidden; }
.dd_top { background-color: #cc3333; height: 50px; position: fixed; top: 0; left: 0; z-index: 1; width: 100%; }
.dd_top .icon { width: 69px; height: 31px; float: left; display: inline; margin: 8px 0 0 14px; }
.dd_top .icon img { width: 100%; }
.dd_top .menu { float: left; display: inline; font-size: 16px; font-weight: bold; color: #fff; margin: 12px 0 0 20px; line-height: 1.5; }
.dd_top .menu a { color: #fff; }
.dd_top .menu a:hover { color: #eee; }
.dd_top_mobi { display: none; }
@media (max-width: 767px) {
	.dd_top { display: none; }
	.dd_top_mobi { display: block; }
	.dd_top_mobi .top { overflow: hidden; }
	.dd_top_mobi .top .icon { width: 5rem; float: left; display: inline; margin: 0.5rem; }
	.dd_top_mobi .top .icon img { width: 100%; }
	.dd_top_mobi .top .issue { float: left; display: inline; font-size: 0.5rem; font-weight: bold; font-family: "微软雅黑"; color: #000; text-align: right; padding-right: 0.5rem; width: 4rem; margin: 1.6rem 0 0 0; }
	.dd_top_mobi .line { height: 0.1rem; background-color: #e60012; }
	.dd_top_mobi .title { background: url(//www.qstheory.cn/n7/images/v7_qsdd_20171208_10.png); margin: 0.1rem 0 0 0; padding: 0.6rem 0.4rem; }
	.dd_top_mobi .title h1 { font-size: 1rem; font-weight: bold; line-height: 1.2; color: #fff; font-family: "微软雅黑"; margin: 0; }
	.dd_top_mobi .title span { font-size: 0.56rem; font-weight: bold; color: #fff; display: block; margin: 0.5rem 0 0 0; }
}
.submenu { width: 410px; background: url(//www.qstheory.cn/n7/images/v7_qsdd_20171208_01.jpg); height: 100%; position: fixed; top: 50px; left: 0; z-index: 2; }
.submenu .backpic { width: 100%; height: 100%; background: url(//www.qstheory.cn/n7/images/v7_qsdd_20171208_09.png) left bottom no-repeat; background-size: 100% 419px; }
.submenu .icon { width: 283px; height: 99px; margin: 150px auto 0; }
.submenu .icon img { width: 100%; }
.submenu .icon_s { display: none; }
.submenu .recommend { margin: 100px 75px 0; }
.submenu .recommend .title { background: url(//www.qstheory.cn/n7/images/v7_qsdd_20171208_03.png); height: 24px; }
.submenu .recommend .title span { font-size: 24px; font-weight: bold; line-height: 1; color: #000; background: #f4f4f4; padding-right: 10px; font-family: "微软雅黑"; }
.submenu .recommend ul { padding: 0; margin: 20px 0 0 0; }
.submenu .recommend ul li { font-size: 16px; font-weight: bold; color: #000; transition:.3s ease-out; line-height: 1.5; max-height: 24px; margin: 8px 0; overflow: hidden; }
.submenu .recommend ul li:hover { transform:translate(2px,0); }
.submenu .recommend ul li a { color: #000; }
.submenu .recommend ul li a:hover { color: #333; }
@media (max-width: 1300px) and (min-width: 992px) {
	.submenu { display: none; }
}
@media (max-width: 991px) {
	.submenu { display: none; }
}
.content { padding-left: 410px; }
.content .inner { width: 720px; margin: 0 auto; padding-top: 100px; position: relative; }
.content .inner .issue { width: 157px; height: 40px; background: url(//www.qstheory.cn/n7/images/v7_qsdd_20171208_04.png); }
.content .inner .issue span { font-size: 16px; font-weight: bold; color: #000; display: block; padding: 12px 0 0 40px; }
.content .inner h1 { font-size: 48px; font-weight: bold; font-family: "微软雅黑"; color: #000; line-height: 1.2; margin: 30px 0 0 0; }
.content .inner .author { font-size: 24px; font-weight: bold; font-family: "微软雅黑"; color: #000; line-height: 1.2; margin: 30px 0 0 0; display: block; }
.content .inner .appellation { font-size: 12px; color: #000; display: block; }
.content .inner .line { width: 100%; background-color: #f5f5f5; height: 10px; display: block; margin: 30px 0 0 0; }
.content .inner .text p { font: 16px/2 "Classic Grotesque W01", "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, "Hiragino Sans GB", "PingFang SC", "Heiti SC", "Microsoft YaHei UI", "宋体", "Source Han Sans", sans-serif; color: #2b2b2b; margin: 28px 10px; display: block; }
.content .inner .text p img { max-width: 100%; }
.content .inner .sharebox { position: absolute; top: 180px; right: -100px; width: 43px; }
.content .inner .sharebox .con { margin: 0 0 5px 0; }
.content .inner .sharebox .wx { position: relative; }
.content .inner .sharebox .wxcon { position: absolute; right: 50px; top: 0; display: none; }
.content .inner .sharebox .wxcon img { width: 140px; height: 140px; }
@media (max-width: 1300px) and (min-width: 992px) {
	.content { padding-left: 0; }
}
@media (max-width: 991px) and (min-width: 768px) {
	.content { padding-left: 0; }
}
@media (max-width: 767px) {
	.content { padding-left: 0; width: 100%; }
	.content .inner { width: 100%; margin: 0 auto; padding: 0 0.5rem 0; }
	.content .inner .issue { display: none; }
	.content .inner h1 { display: none; }
	.content .inner .author { display: none; }
	.content .inner .appellation { display: none; }
	.content .inner .line { display: none; }
	.content .inner .text { margin: 0; }
	.content .inner .text p { font-size: 0.44rem; line-height: 2; color: #2b2b2b; margin: 0.8rem 0; display: block; text-align: justify; }
	.content .inner .text img { width: 100%; padding: 0; }
	.content .inner .sharebox { display: none; }
}
.xl_ewm { width: 180px; height: 190px; border: solid 1px #e5e5e5; margin: 0 auto 30px; }
.xl_ewm .pic { width: 120px; height: 120px; margin: 16px 0 0 19px; }
.xl_ewm .pic img { width: 140px; height: 140px; }
.xl_ewm .text { font-size: 12px; line-height: 30px; font-weight: bold; color: #000; text-align: center; }
.fs-text { font-size: 16px; line-height: 1.5; color: #666; padding: 15px 0; }
.fs-text a { color: #666; }
.fs-text a:hover { color: #cc3333; }
.fs-line { background-color: #e5e5e5; height: 1px; line-height: 0px; font-size: 0px; }
.fs-line_b { width: 100%; background-color: #f5f5f5; height: 10px; display: block; margin: 50px 0 0 0; }
.fs-pinglun { margin: 30px 0 0 0; text-align: center; }
.fs-pinglun .big { font-size: 30px; font-weight: bold; color: #000; padding-right: 20px; }
.fs-pinglun .small { font-size: 16px; font-weight: bold; color: #000; }
.fs-pinglun .small a { color: #cc3333; }
@media (max-width: 767px) {
	.fs-text { font-size: 0.36rem; line-height: 2; color: #ababab; margin: 0 0.7rem; padding: 0.2rem 0; }
	.fs-text a { color: #ababab; }
	.fs-line { margin: 0 0.7rem; }
	.fs-pinglun { margin: 0.5rem 0; }
	.fs-pinglun .big { font-size: 1rem; padding-right: 0.2rem; }
	.fs-pinglun .small { font-size: 0.44rem; }
}
.footer { background: none; height: 180px; }
@media (max-width: 767px) {
	.footer { background: none; height: 100px; }
}