/* Main Menu */
.sl1top {
	position: fixed;
	z-index: 722;
	height: 24px;
	top: 0; left: 0; right: 0;
	margin: 0 auto;
	transition: .5s all;
	font-size: 12px;
	z-index: 721;
}
.sl1top.active,.sl1top.subpage {
	background: #1d346a;
}
.sl1top a {
	display: inline-block;
	float: right;
	color: #fff;
	padding: 2px 8px 2px;
	margin-left: 0;
	transition:.3s all;
}
.sl1top a:hover {
	color: #b6882d;
}
.sl1top a.active {
	border-bottom: 1px solid #1d346a;
}
.sl1max {
	width: calc(100% - 32px);
	margin: 0 auto;
	font-size: 16px;
}
/* Main */
.sl2menu {
	position: fixed;
	z-index: 722;
	height: 80px;
	top: 0; left: 0; right: 0;
	margin: 0 auto;
	transition: .5s all;
	border-bottom: 1px solid transparent;
}
.sl2menu.active,.sl2menu.subpage {
	background: #7e2626;
	border-bottom: 1px solid #7e2626;
}
.sl2href {
	position: absolute;
	top: 50%; right: calc(50% + 150px);
	margin: 0 auto;
	text-align: right;
	transform: translateY(-50%);
	z-index: 724;
}
.sl2href.sl2halt {
	position: absolute;
	top: 50%; left: calc(50% + 150px); right: auto;
	margin: 0 auto;
	text-align: left;
	transform: translateY(-50%);
}
.sl2href.sl2lang {
	position: absolute;
	top: 50%; left: calc(50% + 480px); right: auto;
	margin: 0 auto;
	text-align: left;
	transform: translateY(-50%);
}
.sl2href a {
	display: inline-block;
	padding: 0 8px;
	letter-spacing: 1px;
	height: 80px;
	line-height: 80px;
	color: #fff;
	white-space: nowrap;
	border-bottom: 6px solid rgba(0,0,0,0);
	transition: .9s all;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	margin-left: 1vw;
	margin-right: 1vw;
}
.sl2href a:hover,.sl2href a:focus,.sl2href a:active,.sl2href a.active {
	text-decoration: none;
	border-bottom: 6px solid #fff;
	color: #fff;
	transition: .3s all;
}
.sl2href.sl2lang a {
	font-size: 12px;
}
.sl2logo {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 723;
}
.sl2logo img {
	height: 56px;
	width: auto;
	margin-top: 12px;
}
/* Sub1 */
.sl2sub {
	position: fixed;
	top: 88px;
	z-index: 720;
	background: #fff;
	box-shadow: 1px 2px 4px rgba(8,8,8,.8);
	/*transition:.2s all;*/
}
.sl2sdata a {
	display: block;
	padding: 8px 24px;
	letter-spacing: 0px;
	color: #b83;
	white-space: nowrap;
	border-left: 0 solid #fff;
	border-right: 8px solid rgba(0,0,0,0);
	background: #fff;
	transition:.9s all;
	font-size: 14px;
}
.sl2sdata a:hover {
	color: #fff;
	text-decoration: none;
	border-left: 8px solid #fff;
	border-right: 0 solid rgba(0,0,0,0);
	background: #1d346a;
	transition:.3s all;
}
.sl2sdata a.mimi {
	padding: 4px 16px;
	font-size: 16px;
}
.sl2sdata a.mimi.ls {
	margin-bottom: 4px;
}
/* Login Box */
.sl2login {width:280px;padding:16px;text-align:center;background:#fff;color:#000}
.sl2login input{width:calc(100% - 32px);font-size:16px;padding:4px;text-align:center;height:32px;margin:2px auto;background:#fff;border:1px solid #888;color:#000}
.sl2b-block {display:block;height:32px;width:calc(100% - 32px);max-width:256px;border:0px;box-shadow:1px 2px 4px rgba(8,8,8,.8) !important}
.sl2b-social {padding:6px;margin:16px auto;width:calc(100% - 32px);color:#136;transition:.5s all}
.sl2b-social.sl2b-facebook {color:#46b}
.sl2b-social.sl2b-google {color:#e43}
.sl2b-social.sl2b-email {color:#b83}
.sl2b-social:hover {border-color:#136;background:#136;color:#fff}
/* Totop */
.totop {
	position: fixed;
	right: 44px;
	bottom: 10px;
	width: 48px;
	height: 48px;
	border: 2px solid #7e2626;
	background: rgba(0,0,0,.64);
	color: #7e2626;
	text-align: center;
	z-index: 444;
	transition:.5s all;
	opacity: 0;
}
.totop.active {
	opacity: 1;
}
.totop i {
	position: absolute;
	left: 0; right: 0;
	margin: 0;
	top: 50%;
	transform: translateY(-50%);
}
@media (min-width: 992px) {
	.sl3empty {
		height: 80px;
	}
}

.sl1menu {
	position: fixed;
	width: 100%;
	height: 50px;
	top: 0; left: 0; right: 0; margin: 0;
	text-align: center;
	z-index: 990;
	background: #313234;
	box-shadow: 0 0 2px rgba(0,0,0,.2);
}
.sl1logo {
	margin: 5px;
}
.sl3menu {
	position: fixed;
	width: 100%;
	height: 50px;
	top: 0; left: 0; right: 0; margin: 0;
	text-align: center;
	z-index: 998;
	background: #313234;
	box-shadow: 0 0 2px rgba(0,0,0,.2);
}
.sl3max {
	position: relative;
	display: inline-block;
	top: 0; left: 0; right: 0; margin: 0;
	text-align: center;
	width: 100%;
	height: 100%;
}
.sl3home,.sl3nav {
	position: absolute;
	display: block;
	bottom: 0; margin: 0;
	height: 50px;
}
.sl3home {
	right: 0;
	width: 50px;
	background: #7e2626;
}
.sl3nav {
	left: 0;
	width: calc(100% - 50px);
	background: #fff;
}
.sl3home i,.sl3nav span,.sl3nav img {
	position: absolute;
	display: block;
	top: 50%; transform: translateY(-50%);
	left: 0; right: 0; margin: 0 auto;
	font-style: normal;
	text-decoration: none;
	color: #fff;
}
.sl3nav img {
	height: 40px;
	width: auto;
}
.sl3nav img {
	left: 15px;
	right: auto;
}
.sl4menu {
	position: fixed;
	max-height: 0;
	overflow: hidden;
	width: 100%;
	top: 50px; left: 0; right: 0; margin: 0;
	text-align: center;
	z-index: 996;
	background: #313234;
	transition:.1s all;
}
.sl4menu.nocon {
	max-height: 50vh;
	overflow: auto;
	transition:.5s all;
}
.sl4menu:after {
	clear: both;
}
.sl4menu a {
	display: inline-block;
	float: left;
	width: 50%;
	height: 50px;
	background: #313234;
	padding: 15px;
	box-shadow: 1px 1px 2px rgba(255,255,255,.02) inset, -1px -1px 2px rgba(0,0,0,.2) inset;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff;
	text-transform: uppercase;
}
.sl5empty {display:none}
@media (max-width: 991px) {
	.sl4menu a {width:25%;text-align:left}
	.sl5empty {height:50px;display:block}
}
@media (max-width: 767px) {
	.sl4menu a {width:50%;text-align:left}
}
@media (max-width: 479px) {
	.sl4menu a {width:100%;text-align:left}
}
/* Footer */
footer .foot-no1 {padding:96px 0 24px;border-bottom:2px solid #eee;border-top:2px solid #eee}
footer .foot-no2 {padding:24px 0}
footer {background:#fff;color:#666;margin:0 auto;width:calc(100% - 10vw);max-width:1440px}
footer p{font-size:16px;line-height:normal}
footer h1{font-size:20px}
footer h4{font-size:16px}
footer a{color:#444;transition:.3s all}
footer a:hover {color:#792828}
footer .hpad{margin-top:20px;margin-bottom:8px}
footer .qma{font-size:18px;margin:12px 0;display:block;text-transform:uppercase}
footer .qma:first-child{margin-top:16px}
footer .qma:last-child{margin-bottom:16px}
footer .txt{margin:12px auto;font-size:12px}
footer .social-ns a{display:inline-block;font-size:24px;color:#792828;margin-right:8px;transition:.3s all}
footer .social-ns a:hover{color:#d01}
footer .dlcat-btn {display:inline-block;padding:24px;margin:12px 0;text-align:center;font-size:14px;text-transform:uppercase;background:#792828;color:#fff;transition:.3s all;box-shadow:2px 2px 2px #ddd}
footer .dlcat-btn:hover {background:#e01;color:#fff}
.general-cover{padding:0}
.general-cover .gct{padding:96px 0;background:rgba(0,0,0,.8)}
.general-cover ul{width:96%;width:calc(100% - 32px);max-width:1024px;padding:10px;margin:0 auto;background:linear-gradient(to right,#fff,transparent)}
.general-cover li{display:inline-block;padding-left:24px;line-height:20px;padding-right:16px;margin:2px auto;background:#fff url(/svg/angle-right-solid.svg) 4px center no-repeat;background-size:contain}
.general-cover li a{color:#792828;font-weight:bold}
.general-cover li:hover{background-color:#444;transition:.4s all}
.general-cover li:hover a{color:#fff;transition:.3s all}
@media (max-width: 991px) {
	footer {text-align:center}
	.servt h3 {font-size:28px}
}
@media (max-width: 767px) {
	body {font-size:14px}
	.servt h3{font-size:22px}
}
.opac0 {opacity:0}

/* Store */
.filtb,
.filts {height:30px;line-height:28px;padding:0 8px;font-size:16px}
.filtb {background:#eee;color:#444;border:1px solid #777}
.filtb:hover {background:#fff;color:#222;border:1px solid #969291}
.addhr {display:inline-block;margin-bottom:16px;font-size:32px}
.addhr:after {display:block;content:'';width:100%;height:4px;background:#8bb;border-radius:2px;margin-top:16px}
.news-area {background:#f7f5f3;margin:144px auto 256px;position:relative}
.news-box {position:relative;background:#f7f5f3;margin:16px auto;transition:.3s all}
.news-box {padding:16px;border:1px solid #ddd}
.news-box:hover {background:#fff;border-color:#969291}
.news-box h4{font-size:20px;padding-left:8px;color:#000;margin:24px 0 0}
.news-box p{font-size:14px;padding-left:8px;color:#777;padding-bottom:24px}
.news-img {background-position:center;background-size:cover;background-repeat:no-repeat;border:1px solid #ddd}
svg.sloped {
	position: absolute;
	left: 0; right: 0;
	margin: 0 auto;
	width: 100%;
	z-index:-1;
}
.subscript-area {position:relative}
.subscript-box {position:absolute;z-index:1;top:-300px;left:0;right:0;margin:0 auto;width:66.66%;min-width:320px;max-width:640px}
.subscript-box {background:#792828 url(/imgs/mhex.png);color:#fff;padding:48px 24px}
.subscript-box h2{font-size:32px;font-weight:700}
.subscript-form {width:calc(100% - 4vw);margin:24px auto 8px;color:#fff}
.subscript-form input,
.subscript-form button{height:48px;line-height:48px;font-size:20px;border:1px solid #fff;transition:.3s all}
.subscript-form input{background:transparent;padding-left:16px;padding-right:16px}
.subscript-form button{background:#969291}
.subscript-form input:focus{background:#fff;color:#969291}
.subscript-form button:hover{background:#fff;color:#969291}

/* Product Box */
.category {float:left;width:200px}
.fetcher {float:right;width:calc(100% - 210px)}
/*.category,.fetcher {min-height:80vh;background:#ddd}*/
.category .submenu {margin:24px auto 0}
.category .submenu a{color:#000;transition:.3s all;display:block}
.category .submenu a:hover,
.category .submenu.active a {padding-left:12px;border-left:6px solid #7e2626;color:#7e2626}
.submini {opacity:1;transition:.8s all}
.submini.active {display:block;opacity:1;transition:.8s all}
.submini.ishide {overflow:hidden;height:0px;opacity:0;transition:.8s all}
.submini a {display:block;margin:24px auto;padding-left:32px;color:#999;transition:.3s all}
.submini a:hover {color:#7e2626}
.submini a.active {color:#7e2626;background:#eee}
.item-box {background:#f4f5f6;margin:16px auto;transition:.3s all;position:relative;min-height:350px;box-shadow: 0 0 0 1px #eee}
.item-box:hover {background:#fff}
.item-box h4{font-size:16px;padding:0 8px;color:#7e2626;margin:24px 0 0;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:40px;line-height:32px}
.item-box p{font-size:12px;padding-left:8px;color:#777;padding-bottom:16px}
.item-box:hover h4{color:#777}
.item-box:hover p{color:#7e2626}
.item-img {background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}
.isnew {position:absolute;top:8px;right:8px;font-size:12px;padding:4px 12px;color:#fff;background:#a8d6d4;z-index:1}
.ispro {position:absolute;top:8px;right:8px;font-size:12px;padding:4px 12px;color:#fff;background:#e56e66;z-index:1}
.isnap {position:absolute;top:8px;right:8px;font-size:12px;padding:4px 12px;color:#fff;background:#f0be40;z-index:1}
.item-col {position:absolute;bottom:16px;right:12px;font-size:16px;text-align:right;display:inline-block;z-index:3}
.item-col span{display:inline-block;width:16px;height:16px;border:1px solid #ddd;margin:4px}
.small-cat {display:none}
@media (max-width: 767px) {
	.category {float:none;width:100%;padding-bottom:64px;margin-bottom:64px;border-bottom:2px solid #444}
	.fetcher {float:none;width:100%}
	.category {display:none}
	.category.active {display:block}
	.small-cat {display:block;padding:12px 0;text-align:center;background:#7e2626;color:#fff;font-size:24px}
	.big-cat {margin-top:64px}
}
.n-price {position:absolute;background:#fff;box-shadow: 0 0 0 1px #eee;bottom:-16px;right:16px;text-align:left;height:32px;line-height:32px;font-size:24px;padding:0 16px;margin:0;z-index:2}
.n-price s {font-size:14px;color:#777}
.item-box .n-price {opacity:0;transition:.3s all}
.item-box:hover .n-price,.item-box:focus .n-price,.item-box:active .n-price {opacity:0}

/* News */
.news-cat {margin:24px auto 24px;text-align:center;color:#792828}
.news-cat a {display:inline-block;height:32px;line-height:32px;padding:0 16px;margin:4px;font-size:16px;background:#7e2626;color:#fff;transition:.3s all}
.news-cat a:hover,
.news-cat a.active {background:#969291;color:#fff}
.goods-item{position:relative;margin:24px auto 16px}
.goods-item .nowrap{text-overflow:ellipsis;white-space:nowrap}
.goods-item .isnew{position:absolute;background:#7e2626;left:16px;top:0;transform:translateY(-50%);padding:0 12px;color:#fff;font-weight:700}
.goods-item .gi-desc{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;background:#7e2626;color:#fff;padding:32px 16px;transition:.5s all}
.goods-item:hover .gi-desc{opacity:.96}
.btn-news{background:#7e2626;color:#fff;transition:.5s all;box-shadow:0 0 #7e2626 inset}
.btn-news:hover{background:#7e2626;color:#fff;box-shadow:96px 0 #7e2626 inset}
.newsbox{display:block;position:relative;border-left:1px solid #eee;border-right:1px solid #eee;}
.newsbox:first-child{margin-top:24px;border-top:1px solid #eee}
.newsbox:last-child{border-bottom:3px solid #eee;width:100%;margin:0 auto 16px;background:#fff;transition:.2s all}
.n-pic{position:relative}
.n-dark{background:#7e262699;margin:0 auto;left:0;right:0;top:50%;transform:translateY(-50%);position:absolute;width:30%;height:40%;overflow:hidden;opacity:0;border-radius:50%;transition:.7s all}
.n-eye{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#fff;font-size:10px}
.n-tbox{padding:16px 12px;min-height:160px;overflow:hidden;position:relative}
.n-date{font-size:12px;color:#888}
.n-title{font-size:20px;color:#7e2626;height:38px;line-height:38px;margin:12px auto 4px;transition:.3s all}
.n-desc{font-size:16px;color:#888;height:56px;line-height:28px;margin-bottom:18px}
.n-type{font-size:12px;position:absolute;right:12px;top:12px;display:inline-block;padding:2px 8px;color:#000;background:#eee;border-radius:16px}
.n-more{font-size:12px;position:absolute;right:12px;bottom:2px;display:inline-block;padding:8px;color:#000;transition:.3s all}
.newshover:hover .newsbox:last-child{border-bottom:3px solid #7e2626}
.newshover:hover .newshover,a:hover .n-more{color:#7e2626}
.newshover:hover .n-dark{width:100%;height:100%;opacity:1;border-radius:0;transition:.3s all}
.nnv {position:absolute;top:32%;transform:translateY(-50%);z-index:5}
.nnvl {left:-64px}
.nnvr {right:-64px}

/* Items */
.product-box .isnew {display:inline-block;background:#7e2626;transform:translateY(50%);padding:0 12px;color:#fff;font-weight:700}
.product-box .notnew {display:inline-block;background:transparent;transform:translateY(50%);padding:0 12px;color:#fff;font-weight:700}
.product-image {width:100%;margin:0 auto 24px}
.product-image td {vertical-align:middle}
/*.product-tmb {display:block;margin-top:16px;width:100%;padding-top:100%;border:1px solid #888;background-position:center;background-size:cover}*/
.ititle {font-size:32px;color:#7e2626;font-weight:400}
.ibig {font-size:32px;color:#7e2626;font-weight:400}
.iava {font-size:20px;color:#7e2626;font-weight:400}
.price {font-size:24px;color:#d01;font-weight:700}
.icfs {margin:18px 0;font-size:32px;font-weight:400}
/*.whitebox {background-image:linear-gradient(to top,#fff,#fff);background-size:100% 180px;background-position:bottom;background-repeat:no-repeat;padding-bottom:96px}*/
.product-box {
    <?=$addvh; ?>
    overflow-y: hidden;
    overflow-x: hidden;
    padding-bottom: 20px;
    padding-left: 4px;
    margin-left: 0px;
    margin-top: 20px;
	margin-bottom: 0;
}
.product-tmb {
	display: inline-block;
	width: 64px; height:64px;
	margin-right:16px;
	margin-bottom:12px;
	border:1px solid #888;
	background-position:center;
	background-size:cover
}
.product-col {font-size:16px;text-align:right;display:inline-block}
.product-col a{display:inline-block;width:24px;height:24px;border:1px solid #ddd;margin:8px}
.product-col a:first-child {margin-left:0}
.fet-attr tr td:first-child{width:96px;white-space:nowrap}
@media screen and (max-width: 992px) {
	.product-box {text-align:center}
}

/* Reader */
.ntt:after {content:'';display:block;margin:4px auto;width:96px;height:4px;border-radius:2px;background:#fff}
.breadcrumbs {margin:12px 0}
.breadcrumbs a {display:inline-block;margin:16px}
.breadcrumbs a:first-child {margin-left:0}
.whitebox {
	background-image:linear-gradient(to bottom,#fff,rgba(255,255,255,0));background-size:100% 100vh;
	background-position:top;background-repeat:no-repeat;
	padding-bottom:64px;border-bottom:1px solid #eee;
}
.mar-sharer {margin:32px 0 0;transform:translateY(64px);}
.sharer {margin:48px 0 24px}
.sharer a{color:#7e2626;transition:.3s all;font-size:24px;margin-left:12px}
.sharer a:hover{color:#041e41}

/* Downloader */
.download-item{position:relative;width:88.88%;margin:48px auto 32px;text-align:center}
.download-item .nowrap{text-overflow:ellipsis;white-space:nowrap}
.download-item .isnew{position:absolute;background:#d01;left:16px;top:0;transform:translateY(-50%);padding:0 12px;color:#fff;font-weight:700;width:64px;height:32px;line-height:28px;font-size:18px}
.download-item .gi-desc{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;background:#7e2626;color:#fff;padding:32px 16px;transition:.5s all}
.download-item:hover .gi-desc{opacity:.96}
.download-item div[class^="ar"]{border:1px solid #7e2626}

/* Pinned */
/*.item-box.is_pinned,
.news-box.is_pinned {
	box-shadow: 0 0 4px 0 #fb8;
}*/
.item-box.is_pinned:after {
	content: '';
	display: block;
	position: absolute;
	padding: 0;
	width: 48px;
	height: 48px;
	background: url('/imgs/hot-tag.svg') center top no-repeat;
}
.item-box.is_pinned:after {top: 0; left: 0}
@media screen and (max-width:768px) {
	.item-box.is_pinned:after {
		width: 48px;
		height: 64px;
	}
}

.news-box.is_pinned:after {
	content: '★';
	display: block;
	position: absolute;
	font-size: 24px;
	color: #fa0;
}
.news-box.is_pinned:after {top: -4px; left: 8px}