#article .header{font-size: 0;padding-top: 38px;margin: 0 auto;width: 1404px;padding-left: 34px;}
#article .header .sub-nav{position:relative;width: 160px;border-top: 2px solid #fb5959;display: inline-block;vertical-align: top;margin: 0px 11px;padding: 12px 6px;cursor: pointer;}
#article .header .sub-nav .subject{font-size: 12px;color:#666666;-webkit-text-size-adjust: none;}
#article .header .sub-nav .selected{font-size: 12px;font-weight: bold;color: #0d0d0d;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 85px;display: inline-block;vertical-align: top;}
#article .header .sub-nav .options{color: #696969;list-style: none;position: absolute;top: 100%;left: 0;right: 0;display: none;z-index: 50;}
#article .header .sub-nav .options li{border:1px solid #c6c6c6;padding: 12px;border-top: 0px;font-size: 0;background-color: #ffffff;}
#article .header .sub-nav .options li:first-child{border-top: 1px solid #c6c6c6;}
#article .header .sub-nav .options li:hover{}
#article .header .sub-nav .options li span{display: inline-block;vertical-align: top;font-size: 12px;line-height: 18px;}
#article .header .sub-nav .options li span.txt{width: 85px;padding-left: 5px;}
#article .header .sub-nav .btn_cancel{position: absolute;top: 9.5px;right: 5px;}
#article .header .sub-nav .btn_cancel img{width:18px;}
#article .header .sub-nav .btn_down{position: absolute;top: 12px;right: 7px;}
#article .header .sub-nav .btn_down img{width:13px;}
#article .header .sub-nav.hashtag{background-color: #fb5959;border-radius: 5px;color: #ffffff;border: 0px;font-size: 13px;padding: 12px 10px;}
#article .header .sub-nav.hashtag span{color: #ffffff;font-size: 13px;}

#article .body{padding: 60px 0px 0px 0px;max-width: 1560px;margin: 0 auto;}
#article .box{width: 378px;position: relative;cursor: pointer;display: inline-block;margin: 40px 45px;text-align: center;}
#article .box .box-header{position: relative;}
#article .box .box-header img.coverImage{width: 100%;}
#article .box .box-header .border{border:0px solid #f9595b;position: absolute;top:0;bottom:0;left:0;right: 0;}
#article .box-header .moreTag{cursor:pointer;width: 68px;height: 68px;background-color: #fb5959;position: absolute;display: inline-block;bottom: -10px;right: -10px;}
#article .box-header .moreTag .more{color: #ffffff;right: 20px;margin-top: -11px;}

#article .box .box-body{position: relative;padding: 28px 35px 0px 35px;}
#article .box .box-body .type{font-size: 18px;line-height: 24px;color:#323232;font-weight: bold;}
#article .box .box-body .slash{font-size: 18px;color: #fb5959;}
#article .box .box-body .subject{font-size: 18px;line-height: 24px;color:#323232;font-weight: bold;}
#article .box .box-body .brief{color: #838383;font-size: 14px;line-height: 24px;padding: 20px 0px;height: 90px;}

#article .box .box-footer{color: #838383;font-size: 13px;line-height: 21px;border-top: 1px solid #b7b7b7;padding: 16px 0px;}
#article .box .box-footer .date{}
#article .box .box-footer .magazine{}

@media only screen and (min-width: 0px) and (max-width: 959px){
	#article .header{padding: 30px 19px 10px 19px;width: auto!important;margin:0!important;}
	#article .header .sub-nav{width: auto;display: block;margin-bottom: 15px;}
	#article .header .sub-nav.hashtag{width: 160px;}
	#article .body{padding: 0px;margin-top: -40px;}
	#article .box{width: 284px;margin: 30px 19px;}
	#article .box .box-body{padding: 25px 0px 0px 0px;}
	#footerWrapper {padding-top: 100px;}
	#article .box-header .moreTag{width: 100px!important;height: 50px!important;}
	#article .box-header .moreTag .more{right: 24px!important;}
	#article .box-header .moreTag .more .slash{left: -30px!important;}
	#article .box .box-header .border{border-width: 0px!important;}
}