@charset "utf-8";
body {
	font-size:0.8rem;
	font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;
	color: #6d6d6d;
}
body, input, textarea, select, button, table {
	line-height: 25px;
	appearance:none;
	-webkit-appearance:none ;
}
/*body {
	min-width: 320px;
}*/
a {
	text-decoration: none;
}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; }
.h22 {
	height: 22px;
}
.h25 {
	height:25px;
}
.h40 {
	height: 40px;
}
.h100 {
	height: 100px;
}
.wp100 {
	width: 96%;
	padding: 0 2%;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.hide {
	display: none;
}
.m10 {
	margin:10px;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mr5 {
	margin-right: 5px;
}
.ml5 {
	margin-left: 5px;
}
.pdb10 {
	padding-bottom: 10px;
}
.pd6 {
	padding-bottom: 6px;
}
.clr-999 {
	color: #999;
}
.clr-d94 {
    color: #fd0012;
    font-weight: 600;
}
.check_bro{width:16px;height:17px;}
.clr-green {
	color: #6cb248;
}
.clr-c07 {
	color: #C07A07;
}
.header-back span, .i-main-opera span, .main-op-warp .quarter span, .gotop-icon, .grayrightarrow, .home-nav a span, .graydownarrow, .grayuparrow, .whitedownarrow, .product-filter .f-icon, .pd-choice-icon, .i-go-right, .s-chk1, .i-del, .i-address, .i-add,.i-minus {
	display: inline-block;
	
}
/**底部**/

.search-btn {}
#Float {width:100%;clear:both;position:fixed !important;position:absolute;z-index:9999;bottom:-2px !important;_top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat')?documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight):document.body.scrollTop+(document.body.clientHeight-this.clientHeight));}
#footer {padding-top: 61px;width: 100%;overflow: hidden;}
.footer {height: 60px;background-color:#fff;}
.footer dl dt {cursor: pointer;height: 100%;}
.footer dl dt a {display: block;font-size:13px;color:#666;height: 100%;}
.footer dl dt a i {display:block;height: 20px;margin-top: 6px;}
.footer dl dt a span {display:block;height: 20px;margin-top: 6px;}
/** article */
#article-content {
	min-width: 320px;
	margin: 0 auto;
	overflow: hidden;
}
.article_type {
	color: #6d6d6d;
	line-height: 40px;
	height: 40px;
	display: block;
	text-align: center;
	width:100%;
	font-size: 20px;
	font-weight:bold;
}
.article-list, .article-class {
	padding: 1px 0px 0px;
}
.article-list, .article-class {
	border:solid #ded6c9;
	border-width: 1px 1px 0px 1px;
}
.article-list-item, .article-class-item {
	padding-right: 50px;
	border-left: 3px solid #D9434E;
	margin-bottom:2px;
	border-bottom:1px solid #ded6c9;
}
.article-list-item a, .article-class-item a {
	display: block;
	color: #6d6d6d;
	line-height: 40px;
	margin-left:10px;
}
.article-list-item, .article-class-item {
	cursor:pointer;
	font-size: 14px;
	position: relative;
}
.article-title {
	color: #6d6d6d;
	line-height: 40px;
	height: 40px;
	display: block;
	text-align: center;
	width:100%;
	font-size: 20px;
	font-weight:bold;
}
.bg-virtual {
	background: rgb(53, 152, 220);
}
.bg-presell {
	background: rgb(26, 188, 157);
}
.bg-fcode {
	background: rgb(156, 89, 184);
}
.bg-yf8 {
	background: #F28044;
}
.bg-blue {
	background: #1CA2E1;
}
.opera-tips {
	color:#D9434E;
	font-size:14px;
}
.error-tips {
	color:red;
	display:none;
	padding:5px 10px;
	border:1px solid red;
	background:#FFF6D7;
}
.error-tips p {
	padding:2px 0px;
}
.input-30, .input-40 {
	vertical-align: middle;
	font-size: 14px;
	-webkit-appearance:none;
	text-indent: 10px;
	width:100%;
	border:1px solid #9f9f9f;
}
.input-30 {
	height: 30px;
	line-height: 30px\9;
}
.input-40 {
	height: 40px;
	line-height: 40px\9;
}
.select-30 {
	width:96%;
	padding: 0 2%;
	border:1px solid #9f9f9f;
}
.select-30 {

}
.normal-textarea, .n-input {
	border:1px solid #9f9f9f;
}
.btn-prink, .btn-white, .btn, .btn-s {
	cursor: pointer;
	text-align: center;
	background-color: #fff;
	display: inline-block; 
}
.btn {
	color: #666;
	padding: .5em 1.5em;
	font-size: 12px;
}
.btn-s {
	padding: 1px 10px;
	font-size: 12px;
}
.btn-login {
	background-color: #D9434E;
	color: #fff;
}
.btn-prink, .btn-white {
	border:1px solid;
	width: 100%;
	padding: .5em 0em;
}
.btn-prink, .btn-prink-s {
	border-color:#D9434E;
	background:#D9434E;
	color: #fff;
}
.btn-yello-s {
	color:#6d6d6d;
	background:#FAA732;
	border:1px solid #BB7D25;
}
.btn-white {
	border-color: #ccc;
	background: #fff;
	color: #6d6d6d;
}
.bd-l-gray {
	border-left:1px solid #ddd;
}
.bd-r-de {
	border-right: 1px solid #dedede;
}
.bd-t-de {
	border-top: 1px solid #dedede;
}
.bd-t-cc {
	border-top: 1px solid #ccc;
}
.bd-b-cc {
	border-bottom: 1px solid #ccc;
}
.bd-tdashed-dd {
	border-top: 1px solid #ddd;
}
.header-back span, .i-main-opera span, .main-op-warp .quarter span, .gotop-icon, .grayrightarrow, .home-nav a span, .graydownarrow, .grayuparrow, .whitedownarrow, .product-filter .f-icon, .pd-choice-icon, .i-go-right, .s-chk1, .i-del, .i-address {
	display: inline-block;
	background: url(../images/icon.png) no-repeat;
}
.i-del {
	width: 16px;
	height: 23px;
	background-position: 0px -732px;
}
.i-address {
	width: 15px;
	height: 20px;
	background-position:-49px -261px;
	vertical-align: middle;
	font-size: 14px;
	
}
.i-add, .i-minus {
	display: inline-block;font-size: 12px;line-height: 18px;vertical-align: middle;height: 18px;width: 18px;
	background-color: #fff;
	color: #ff0013;
	border: 1px solid #ff0013 ;
	border-radius:11px ;
	
	}
.i-add {
	background-position: -48px -738px;
}
.i-minus {
	background-position: -74px -738px;
}
.im-order, .im-quan, .im-collect, .im-address, .im-history {
	display: inline-block;
	background: url(../images/icon-2.png) no-repeat;
	vertical-align: middle;
}
.im-order, .im-quan, .im-collect, .im-address, .im-history {
	width: 38px;
	height: 38px;
}
.im-order {
	background-position: 0px 0px;
}
.im-quan {
	background-position: 0px -36px;
}
.im-collect {
	background-position: 0px -74px;
}
.im-address {
	background-position: 0px -111px;
}
.im-history {
	background-position:0px -149px;
}
.pd-choice-icon {
	width: 13px;
	height: 13px;
	background-position: -88px -654px;
	background-size: 0;
}
.i-go-right {
	width: 23px;
	height: 25px;
	background-position:0px -662px;
}
.s-chk1 {
	width: 24px;
	height: 23px;
	background-size: 60px auto;
	background-position:-36px -415px;
}
.s-chk1.on {
	background-position:2px -415px;
}
/*arrow*/
.grayrightarrow, .graydownarrow, .grayuparrow, .whitedownarrow {
	background-size:60px auto;
}
.graydownarrow, .grayuparrow, .whitedownarrow {
	height: 10px;
	width: 20px;
}
.grayrightarrow {
	width: 10px;
	height: 20px;
	background-position:-50px -154px;
}
.graydownarrow {
	background-position:-43px -229px;
}
.grayuparrow {
	background-position:-25px -231px;
}
.whitedownarrow {
	background-position:-7px -230px;
}
/*serach-btn*/
.search-btn {
	/*position: absolute;*/
	

	height: 35px;
	width: 50px;
	text-align:center;
	color:#fff;
	line-height:35px;
	width:22%;
	display:inline-block;
}
.search-btn img{height: 20px;}
/*pagination*/
.pagination {text-align: center;bottom: 60px;width: 100%;padding: 10px 0px 0px 0px;}
.pagination ul{margin-left: 24%}
.pagination ul li{float: left;line-height: 40px;text-align: center;padding: 0 1%}
.pagination a {
	color: #6e6e6e;
	margin-top: 10px;
}
.pagination a.disabled {
	color:#ccc;
}
.pagination select{
	height: 37px;
	margin-top: 10px;
}
.pre-page, .page-warp, .next-page, .pagew-size {
	border: 1px solid #ccc;
	cursor: pointer;
	padding: 5px 10px;
	background: #fff;
}
.pre-page, .page-warp, .next-page {
	display: inline-block;
}
.page-warp {
	width: 80px;
	position: relative;
	text-align: center;
	z-index: 10;
}
.pagew-size {
	position: absolute;
	width: 80px;
	z-index: 10;
	left: -1px;
	bottom: 30px;
	display: none;
}
.pagew-size li {
	border-bottom: 1px dashed #ddd;
	padding: 4px 0px;
}
.pagew-size li a {
	display:block;
}
.product-status {color: #fff;padding:1px 3px;}
.evaluation_good_swp, .evaluation_good_star {
	display: inline-block;
}
.evaluation_good_star {
	width: 20px;
	height: 20px;
	background:url(../images/star.png) no-repeat;
}
.evaluation-star {width: 26px;height: 26px;background:url(../images/star_metro_orang.png) no-repeat;background-size:21px;}
.evaluation-star-gray {
	width: 19px;
	height: 19px;
	background:url(../images/star_metro_orang2.png) no-repeat center;
	background-size:16px;
}
/*footer*/
.footer-top {
	position:relative;
	background:#B9B9B9;
	height: 44px;
	padding: 0 55px;
	margin: 10px 0px;
}
.footer-tleft, .gotop {
	position: absolute;
}
.footer-tleft {
	left: 5px;
	top: 6px;
}
.gotop {
	background-color: #A1A1A1;
	right: 0px;
	height:44px;
	top: 0px;
	width: 50px;
	display: inline-block;
	text-align: center;
}
.gotop-icon {
	width: 15px;
	height: 15px;
	background-position: -86px -211px;
	margin-top:6px;
}
.gotop p {
	color: #fff;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	line-height: 16px;
}
.footer-content p {
	text-align: center;
	color: #6d6d6d;
	line-height: 22px;
	font-size: 12px;
}
.footer-content .link a {
	display: inline-block;
	color: #6d6d6d;
	font-size: 16px;
}
.footer-content .link a.standard {
	border-right: 1px solid #6d6d6d;
	padding-right: 10px;
	margin-right: 5px;
}
/*simple-dialog*/
.s-dialog-mask {
	position:absolute;
	left:0px;
	top:0px;
	background-color:rgb(20, 20, 20);
	filter:alpha(opacity=60);
	opacity: 0.6;
	width:100%;
	z-index:9998;
}
.s-dialog-wrapper {position: fixed;z-index: 9999;-webkit-transform-origin: 0px 0px;opacity: 1;-webkit-transform: scale(1, 1); width:320px; margin-left:-160px; border-radius:5px 5px; background-color:#fff; border:solid 2px #ccc;}
.s-dialog-title { height:40px; line-height:40px; text-indent:10px; color:#000; font-size:17px; font-weight:bold; background-color:#f3f3f3; border-bottom:solid 1px #ccc;}
.s-dialog-content {padding: 20px 15px; line-height:28px; font-size:14px; text-align:center;}
.s-dialog-btn-wapper {border-top: 1px solid rgba(130, 128, 127, .5);display: -webkit-box;display: -moz-box;display:box;}
.s-dialog-btn-wapper a {-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;display:block;color: #fff;text-align: center; line-height:34px;height:34px; font-size:14px;}
.s-dialog-btn-ok{ background-color:#090;}
.s-dialog-btn-cancel{ background-color:#DA4F49; }
.no-record {
	border:1px solid #ccc;
	padding: 10px;
	text-align: center;
}
.footer dt i img {
	width:20px !important;
}
/* 底部圆形导航*/

.xuanzhuan {
	width: 60px;
	height: 60px;
	position: fixed;
	left: 0;
	bottom: 60px;
}
 @font-face {
 font-family:"dis-font";
 src:url("../font/dis-font.ttf") format('truetype'), url("../font/dis-font.woff") format('woff'), url("../font/dis-font.eot");
}
.icon-menu {
	font-family:"dis-font";
	font-style:normal;
}
.icon-menu {
}
.mask_menu {
display:;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0, 0, 0, .5);
	z-index:3;
}
.menu {
	position:fixed;
	bottom:80px;
	left:10px;
	padding:2px;
	width:45px;
	height:45px;
	border-radius:50%;
	background:rgba(255, 255, 255, .8);
	box-shadow:0 0 5px rgba(0, 0, 0, .3);
	z-index:5;
}
.menu .icon-menu {
	display:block;
	width:41px;
	height:41px;
	background-image:url(../images/footer.png);
	border-radius:50%;
	text-align:center;
	color:#fff;
	font-size:35px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
}
.menu.show {
	background:rgba(255, 255, 255, .8);
}
.menu.show .icon-menu {
	background:rgba(0, 0, 0, .1);
	background-image:url(../images/footer.png);
	background-color: rgba;
	background-repeat: no-repeat;
	background-position: center center;
}
.menu-c {
	position:fixed;
	bottom:120px;
	left:30px;
	padding:5px;
	border-radius:50%;
	background:rgba(0, 0, 0, .1);
	z-index:4;
}
.menu-c.out {
	background:rgba(0, 0, 0, 0);
}
.menu-c-out {
	padding:5px;
	border-radius:50%;
	background:rgba(255, 255, 255, 1);
}
.menu-c.out .menu-c-out {
	background:rgba(255, 255, 255, 0);
}
.menu-c-inner {
	position:relative;
	border-radius:50%;
	background:url("../images/menu-default.png") no-repeat;
	background-size:100%;
}
.menu-c.notel .menu-c-inner {
	background:url("../images/menu-default-notel.png") no-repeat;
	background-size:100%;
}
.menu-c.noserver .menu-c-inner {
	background:url("../images/menu-default-noserver.png") no-repeat;
	background-size:100%;
}
.menu-c.nost .menu-c-inner {
	background:url("../images/menu-default-nost.png") no-repeat;
	background-size:100%;
}
.menu-c-inner.in {
	width:180px;
	height:180px;
 animation:menufloatin .3s;
 -webkit-animation:menufloatin .3s;
 -moz-animation:menufloatin .3s;
 -o-animation:menufloatin .3s;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}
@keyframes menufloatin {
 0% {
width:0;
height:0;
 filter:alpha(opacity=0);
 -moz-opacity:0;
 -khtml-opacity:0;
 opacity:0;
}
 100% {
width:180px;
height:180px;
 filter:alpha(opacity=1);
 -moz-opacity:1;
 -khtml-opacity:1;
 opacity:1;
}
}
@-webkit-keyframes menufloatin {
 0% {
width:0;
height:0;
 filter:alpha(opacity=0);
 -moz-opacity:0;
 -khtml-opacity:0;
 opacity:0;
}
 100% {
width:180px;
height:180px;
 filter:alpha(opacity=1);
 -moz-opacity:1;
 -khtml-opacity:1;
 opacity:1;
}
}
@-moz-keyframes menufloatin {
 0% {
width:0;
height:0;
 filter:alpha(opacity=0);
 -moz-opacity:0;
 -khtml-opacity:0;
 opacity:0;
}
 100% {
width:180px;
height:180px;
 filter:alpha(opacity=1);
 -moz-opacity:1;
 -khtml-opacity:1;
 opacity:1;
}
}
@-o-keyframes menufloatin {
 0% {
width:0;
height:0;
 filter:alpha(opacity=0);
 -moz-opacity:0;
 -khtml-opacity:0;
 opacity:0;
}
 100% {
width:180px;
height:180px;
 filter:alpha(opacity=1);
 -moz-opacity:1;
 -khtml-opacity:1;
 opacity:1;
}
}
.menu-c-inner.outer {
	width:0;
	height:0;
 animation:menufloatouter .3s;
 -webkit-animation:menufloatouter .3s;
 -moz-animation:menufloatouter .3s;
 -o-animation:menufloatouter .3s;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
}
@keyframes menufloatouter {
 0% {
width:180px;
height:180px;
 filter:alpha(opacity=1);
 -moz-opacity:1;
 -khtml-opacity:1;
 opacity:1;
}
 100% {
width:0;
height:0;
 filter:alpha(opacity=0);
 -moz-opacity:0;
 -khtml-opacity:0;
 opacity:0;
}
}
@-webkit-keyframes menufloatouter {
 0% {
width:180px;
height:180px;
 filter:alpha(opacity=1);
 -moz-opacity:1;
 -khtml-opacity:1;
 opacity:1;
}
 100% {
width:0;
height:0;
 filter:alpha(opacity=0);
 -moz-opacity:0;
 -khtml-opacity:0;
 opacity:0;
}
}
@-moz-keyframes menufloatouter {
 0% {
width:180px;
height:180px;
 filter:alpha(opacity=1);
 -moz-opacity:1;
 -khtml-opacity:1;
 opacity:1;
}
 100% {
width:0;
height:0;
 filter:alpha(opacity=0);
 -moz-opacity:0;
 -khtml-opacity:0;
 opacity:0;
}
}
@-o-keyframes menufloatouter {
 0% {
width:180px;
height:180px;
 filter:alpha(opacity=1);
 -moz-opacity:1;
 -khtml-opacity:1;
 opacity:1;
}
 100% {
width:0;
height:0;
 filter:alpha(opacity=0);
 -moz-opacity:0;
 -khtml-opacity:0;
 opacity:0;
}
}
.menu-c a {
	position:absolute;
	width:60px;
	height:60px;
}
.menu-c .a-home {
	top:60px;
	left:60px;
}
.menu-c .a-tel {
	top:0;
	left:60px;
}
.menu-c .a-server {
	top:30px;
	right:0px;
}
.menu-c .a-member {
	top:90px;
	right:0px;
}
.menu-c .a-search {
	bottom:0;
	left:60px;
}
.menu-c .a-cart {
	top:90px;
	left:0px;
}
.menu-c .a-collect {
	top:30px;
	left:0px;
}
.menu-c.notel a {
	position:absolute;
	width:60px;
	height:60px;
}
.menu-c.notel .a-home {
	top:60px;
	left:60px;
}
.menu-c.notel .a-tel {
	display:none;
}
.menu-c.notel .a-server {
	top:0;
	left:60px;
}
.menu-c.notel .a-member {
	top:40px;
	right:0px;
}
.menu-c.notel .a-search {
	bottom:10px;
	left:105px;
}
.menu-c.notel .a-cart {
	top:120px;
	left:30px;
}
.menu-c.notel .a-collect {
	top:50px;
	left:0px;
}
.menu-c.noserver a {
	position:absolute;
	width:60px;
	height:60px;
}
.menu-c.noserver .a-home {
	top:60px;
	left:60px;
}
.menu-c.noserver .a-tel {
	top:0;
	left:60px;
}
.menu-c.noserver .a-server {
	display:none;
}
.menu-c.noserver .a-member {
	top:40px;
	right:0px;
}
.menu-c.noserver .a-search {
	bottom:10px;
	left:120px;
}
.menu-c.noserver .a-cart {
	top:120px;
	left:30px;
}
.menu-c.noserver .a-collect {
	top:50px;
	left:0px;
}
.menu-c.nost a {
	position:absolute;
	width:60px;
	height:60px;
}
.menu-c.nost .a-home {
	top:60px;
	left:60px;
}
.menu-c.nost .a-tel {
	display:none;
}
.menu-c.nost .a-server {
	display:none;
}
.menu-c.nost .a-member {
	top:20px;
	right:0px;
}
.menu-c.nost .a-search {
	bottom:10px;
	left:120px;
}
.menu-c.nost .a-cart {
	top:110px;
	left:0px;
}
.menu-c.nost .a-collect {
	top:10px;
	left:0px;
}
/*商品详情页2015-11-9*/

.kf img, .shoucang img,.store-sever img {
	    width: 20px;
    vertical-align: bottom;
}
.new-gn-left {
	width:40%;
	float:left;
	background:#fff;
}
.kf, .shoucang, .store-sever {
	width:33%;
	text-align:center;
	float:left;
}
.kf a, .shoucang a,.store-sever a {
	color: #000;
    display: block;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
}
.shoucang {
	float:right;
}
.kf {
	float:left;
}
.buy-now, .add-to-cart {
	width:30%;
}
.buy-now {
	float:left;
}
.add-to-cart {
	float:right;
}
.new-gn-left p {
	font-size: 12px;
    color: #999;
    line-height: 16px;
}
.agreement{
	width:80%;
	left:10%;
	height:500px;
}