*{padding: 0;margin: 0; font-style: normal; list-style: none; font-size:1em; box-sizing: border-box; outline: none;}
html{background-color: #f3f3f3;}
body{font-size: 16px; color: #666; line-height: 2; overflow-x: hidden;}
img{max-width: 100%;}
a{ text-decoration: none; color: #0F57A2; }
a:hover, a.cur{color: red;}
select{background-color: #fff;}

.wall{max-width: 1400px; margin: auto; background-color: #fff; min-height: 100vh; position: relative;}
.wrap{max-width: 1400px; margin: auto;}
.fl{float: left;}
.fr{float: right}
.fc{float: none; clear: both;}
.fc:after{content: ""; display: block; clear: both;}
.dn{display: none;}
.ds{display: block;}
.tc{text-align: center;}
.tr{text-align: right;}
.tj{text-align: justify;}
.pr{position: relative;}
.ell {display: block; white-space: nowrap; text-overflow: ellipsis;	overflow: hidden;}
.dot a::before {content: "◆";margin-right: .5em;}
.k{border: 1px solid #ddd; box-sizing: content-box;}
.bline{border-bottom: 1px solid #ddd;}
.bline:last-child{border-bottom: none;}

.username{font-size: 12px; line-height: 1.35;}
.username a{display: block;}

.btn{ background-color: #0F57A2; color: #fff; padding: 5px 10px; border: none;}
.input{width: 20em; border: 1px solid #ddd; font-size: 1em; padding: 5px; resize: none; vertical-align: top;}
.input.max{width:100%}
.input.mid{width:12em}
.input.mini{width:5em}
textarea.max{height: 8em;}

.bgred{background-color: #f33;}
.bggre{background-color: #393;}
.bgblue{background-color: #39c;}
.bgorg{background-color: #f63;}
.bggry{background-color: #999;}

.header{background-color: #fff; text-align: center;}
.header .top{background-color: #f2f2f2; font-size: 14px; border-bottom: 1px solid #ddd;}
.header .top span{float: left;}
.header .top a{display: inline-block; padding: 0 .5em; color: #555;}
.header .top a:hover{color: #f30;}

.header form{padding: 5px 0;}
.header .logo {width: 15%; display: block;}
.header .sch{max-width: 28em; margin: 0.75em auto 0; border: 3px solid  #b81b22; overflow: hidden;}
.header .sch > * {display: table-cell; width: 20%; padding: 0 .5em; height: 2em; border: none;}
.header .sch input{width: 60%;}
.header .sch button{background-color:  #b81b22; color: #fff;}

.nav {background-color: #0F57A2; white-space: nowrap; text-align: right; padding: 0 0.5em;}
.nav li:first-child{float: left; min-width: 7em; }
.nav li:first-child > a{font-weight: bold; background-color: #39c;}
.nav li{display: inline-block; min-width: 5em; position: relative;}
.nav li p{display: none; position: absolute; left: 0; right: 0; min-width: 7em; background-color: #39c; z-index: 2;}
.nav li:hover p{display: block;}
.nav a{display: block; padding: 0.5em 1em; color:#E5EDF2; text-align: center;}
.nav a:hover, .nav li > a.cur{background-color: #06c;}

.search{padding: 5px 0 5px 0; background-color: #f3f3f3;}
.search b{width: 8em; text-align: center;display: inline-block;}
.search em{color: red;}
.search .btn{margin-right: 0.5em;}

.title{border: 1px solid #ddd; margin-top: 10px; clear: both;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.title b{width: 8em; text-align: center;display: inline-block; border-right: 1px solid #ddd; color: #000; background-color: #f3f3f3; margin-right: 10px;}
.title a{padding: 0 1em; white-space: nowrap; max-width: 50%; overflow: hidden;text-overflow: ellipsis;}

.text{padding: 5px; border: 1px solid #ddd;}
.text a{width: 12.5%; float:left; min-width:5em; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.text.top a{width: 16.66%;}

.home ,.news{margin-top: 10px;}

.homebar{width: 50%; float: left; margin: 10px 0; position: relative;}
.homebar a{display: block; padding: 25%; background: center no-repeat; background-size: cover; border: 1px solid #ddd;}
.homebar .hd{position: absolute; left: 0; right: 0; bottom: 1em; z-index: 1; text-align: center;}
.homebar .hd li{display: inline-block; font-size: 0; background-color: #fff9; padding:3px 1.5rem; border: 1px solid #ddd; margin: 0 3px;}
.homebar .hd li.on{background-color: red;}

.homebrand{overflow: hidden;}
.homebrand li a{float: left; width: 30.2%; padding: 6.16% 0; margin: 1.56%; background: center no-repeat; background-size: contain; transition: all 0.3s;}
.homebrand li a:hover{ box-shadow: 0 0 0.5em #0006; border-radius: 0.5em;}
.homebrand .next:before{content: "\f105"; font-family:"FontAwesome";}
.homebrand .prev:before{content: "\f104"; font-family:"FontAwesome";}
.homebrand .hd{display: inline-block; vertical-align: middle;}
.homebrand .hd li{float: left; font-size: 0; background-color: #999; padding:3px; margin: 0 3px; border-radius: 50%;}
.homebrand .hd li.on{background-color: red;}

.home{width: 76%;}
.home dt{clear: both; background-color: #f3f3f3;margin: 5px 10px; padding-left: 12px; font-weight: bold; }
.home dt a{display: block; float: none;width: inherit; color: #000; font-weight: bold;}
.home dd {margin-bottom: 1em; padding: 10px; white-space: nowrap;}
.home dd:last-child{margin-bottom: 0;}
.empty{text-align: center; color: #777;}
.empty:before{content: ""; display: block; margin: 1em auto; width: 0; padding: 5em; background: url("empty.gif") center no-repeat; background-size: contain;}

.news {padding: 5px 0;}
.news li{float: left;width: 33%; padding-left: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.site {padding: 5px;margin: 10px 0; width: 22.5%;}
.site .top a{display: inline-block; width: 44%; margin: 5px 2%; background-color: #0F57A2;color: #fff;text-align: center;font-size: 1.2em;}
.site dt{ background-color: #f3f3f3; padding: 5px 10px; line-height: 1; color: #000;margin: 10px 0;font-weight: bold;font-size: 1.15em;}
.site dd p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding-left: 2em; background: url(ig.gif) no-repeat 5px center;}
.site dt:first-child{margin: 0;}

.site.vip dd{padding: 10px; line-height: 1.5;}
.site h2{white-space: nowrap; overflow: hidden; color: #78B200; text-overflow: ellipsis; clear: both;}
.site.vip img{width:75px; float: left; border: 1px solid #ddd; margin-right: 1em;}
.site h3{overflow: hidden; font-weight: normal;white-space: nowrap; color: #666 ;/* text-align: justify; max-height: 4em;
        -webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;*/ text-overflow: ellipsis; }
.site h4{/*clear: both; */font-weight: normal;}

/* footer */
.footer{ background-color: #f3f3f3; padding: 5px; clear: both;}
#footer{clear: both; margin-top: 2em; background: #fff; border-top:solid 1px #f5f5f5; font-size: 12px;}
#footer .line{padding: 2em; display: flex;  text-align: center; color: #b81b22; border-bottom: solid 1px #f5f5f5;}
#footer .line i{white-space: nowrap; flex: 1; cursor: pointer;}
#footer .line i b{ font-size: 1.5em; display: inline-block; line-height: 1; padding: 0.5em; margin-right: 0.25em; vertical-align: middle; font-weight: bolder;
    background: no-repeat center url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAMUExURdR3e+vAwrgbIv///8GIoJUAAAG5SURBVHja7JnRboUwDENP6P//86Z7tY3ShJsQo71QiTewHNsEmjJuWzzQD/QlaLbswmrQthVWDbqCvFGBpgS9WR7aYiqFe4lI54MQ0SYgYvmQRU5SuPdEEstBUyMd6odLuvaOBk7S8/CsTjrBOy8UAenASboexqGi62EsIxLSro70PYyepO9hVC8a0p5LNJrHhwByveN9CiD94EVyIgheEAI0HnplowieXzciDx3aiDx0REXl4aoqStIzbaSkJyBUwVs9QxW8lTay4C2thHbHCzsgSg/nAKIL3jGASD2cnOSttKmh+YW+ibXdwXqXED3pF7RpI/KDxlDTZv/KSJP9JwHanrpXgKGlbcd+rXNy/cqonNwry5DS9r7oGicnEFQ/k2vpDCHt2TAkuw333w7RdsORlCGjfVSUIaN9fBrJhtStGcU22i+ZztTpfGNIa+x0SgrBoCWQEsWkxQ8AivmQ/xS5EVV9GuJNzC7QttxY60oAs3O+egADDcmWVybtjmuLASQ/ri06GRZJhUc+eCH0i/b3ssRF7aygdnZSO+GoHXFYCdr6pMODKnurmAAOs/QcCj7Q/wb9JcAACNhZV34xubIAAAAASUVORK5CYII=");
    background-size: cover;}

#footer .help{padding: 20px; white-space: nowrap;}
#footer .help dl{text-align: center; float: left;}
#footer .help dt{font-size: 16px; font-weight: bold; line-height: 32px;}
#footer .help a{color:#444;}
#footer .qrcode{float: right;}
#footer .qrcode dl{width: 50%;}
#footer .qrcode img{max-width: 8em; padding: 0.5em; border: 1px solid #ddd;}

#footer .copyright{line-height: 30px; border-top: solid 4px #b81b22; color: #555; background: #000 url("data:image/gif;base64,R0lGODlhAwADAIAAAGZmZjMzMyH5BAAAAAAALAAAAAADAAMAAAIETHAZBQA7");}
#footer p{padding:25px 0;color:#aaa;}
#footer p a{color:#fff; margin: 0 10px;}
#footer a:hover{color:#E93707;}
#footer p .powerby{color:#999;} 

.list {padding: 15px;}
.list li{ padding: 1em 0;}
.list .desc{white-space: normal; text-align: justify; color: #666 ; text-indent: 2em; padding: 0 5%;}
.list li h3{font-weight: normal; color: #78B200}
@font-face{font-family:'FontAwesome';src:url('webfont.eot') format('embedded-opentype'),
    url('webfont.woff') format('woff'),url('webfont.ttf') format('truetype');font-weight:normal;font-style:normal}

.sorter{cursor: pointer;}
.sorter:before{content: "\f0dc"; font-family:"FontAwesome"; margin-right: .5em;}
.sorter.cur:before{content: "\f0de"; color: #39c;}
.sorter.desc:before{content: "\f0dd"; color: #c30;}

.pager {text-align: right;padding: 5px 15px;background-color: #eee;}
.pager .pageinfo{float: left;}
.pager b{color: red; margin: 0 0.5em;}
.pager a{cursor: pointer;}
.pager a.disable{opacity: 0.25; cursor: no-drop;}
.pager select{background-color: #fff; margin: 0 0.5em; line-height: 1;  padding: 0.2em .5em;}

.info{padding: 1em; overflow: hidden; text-align: justify;}
.info .img{width: 240px; margin: 0 1em 1em 0}
.info .desc{white-space: normal; text-align: justify; color: #666; overflow: hidden; margin-bottom: 2em;}
.info .desc b{color: #000; letter-spacing: 5px;}

.brandlist {border-left: 1px solid #ddd;}
.brandlist li{float: left; width: 16.66%; text-align: center;}
.brandlist li a{display: block; padding: 0.75em; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.brandlist a p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.brandlist a img{display: block; height: 4em; margin: auto;}

/* 商品 */
.goods {padding: .5em;}
.goods li{float: left; width: 16.66%;}
.goods li .ell{text-align: center;}
.goods li a{display: block; padding: 0.5em; color: #666}
.goods li img{border-radius: 5px; transition: all 0.3s; opacity: 0.8;}
.goods .price em{font-size:18px; color:#d00; margin: 3px;}
.goods .price i{float: right; padding: 0 1em; margin-top: 0.5em; border-radius: 1em; color: #fff; background-color: #ddd; font-size: 12px;}
.goods .price i:before{content: "立即抢购";}
.goods li:hover a{color: #2587c5;}
.goods li:hover img{transform: translatey(-0.5em); opacity: 1;}
.goods li:hover .price i{ background-image: linear-gradient(90deg, #f30, #fa0);}

/* 文章 */
.help-head{padding: 8%; background: #ddd url("help_bg.jpg") center no-repeat; font-size: 0; background-size: cover;}
#helpsite{margin-right: 1em; width: 18%;}
#helpsite h2{font-weight: bold; cursor: default;}
#helpsite h2:before, #helpsite h2:after{font-weight: normal; content: "="; padding: 0 .5em;}

#helpsite p{max-height: 0; overflow: hidden; transition: max-height 0.3s;}
#helpsite a{display: block; padding-left: 35%;}
#helpsite .cur + p {max-height: 100vh; overflow-y: auto;}
.help-home{overflow: hidden; padding: 2em}
.help-home .memo{text-align: justify; line-height: 2; color: #555; }
.help-home .memo p{text-indent: 2em; margin-bottom: 1.5em;}
.help-title{color: #ccc;	font-size: 2em;	border-bottom: 1px solid #ddd;	padding: 0 1.5em;}
.help-home .time{display:block; font-size: 13px; text-align: right; color: #999; margin-bottom: 2em;}

.form {text-align: center; padding: .5em 0; overflow: auto;}
.form h2{font-size: 1.25em; color: #000; letter-spacing: 5px;}
.form p{ margin-top: 10px;}
.form + .form {padding-top: 0;}

.edit td{text-align: left;}
.adm .site{margin:0 10px 0 0}
.adm .site img{height:2.4em; float: left;}
.adm .home{width: inherit; overflow: hidden; margin-top: 0;}
.adm h2{font-size: 1.25em; text-align: center;}
.adm table{border-collapse: collapse; width: 100%;}
.adm th{background-color: #eee; border: 1px solid #ddd;}
.adm tr:hover{background-color: #ddd;}
.adm td{padding: 5px;border: 1px solid #e1e1e1; font-size: 13px; white-space: nowrap;}
.adm td.tc{text-align: center;}
.adm .tr{text-align: right; white-space: nowrap;}
.adm img.simg{height: 2em; max-width: 4em; display: block; margin: auto;}
.colume{font-size: 13px;  margin-bottom: -1px;}
.colume p{border-bottom: 1px solid #ddd; padding: 5px; margin-top: 0;}
.colume label{width: 5em; display: inline-block; margin-right: 1em;}

/*图集上传*/
.pics p {display: inline-block;position: relative;margin: 5px;border: 1px solid #ddd;  border-radius: 6px; overflow: hidden;}
.pics a{position: absolute; background-color: rgba(0,0,0,0.5); top: 0; left: 0; white-space: nowrap; display: none; line-height: 1; padding: 5px; color: #fff; cursor: pointer;}
.pics a:nth-child(2n+1){right: 0; left: auto;}
.pics a:nth-child(4),.pics a:nth-child(5){bottom: 0; top: auto;}
.pics a:hover{color:#fff}
.pics p:hover a{display: block;} 
.upfile {display: inline-block; vertical-align: middle; width: 5em; height: 5em; background: url("upfile.gif") no-repeat center; border: 1px dashed #ccc; opacity: 0.5; margin-right: 5px;}
.upfile:hover{opacity: 1;} 
.upfile input{display: block; height: 100%; width: 100%; opacity: 0;}

#input-file span{display: inline-block; vertical-align: middle; width: 5em; height: 5em; position: relative; border: 1px dashed #ccc; margin-right: 5px;}
#input-file span > img{width: 40px; height: 40px; display: block; margin: 1em;}
#input-file span a{position: absolute; text-align: center; bottom: 0; background-color: rgba(0,0,0,0.5); width: 50%; opacity: 0; cursor: pointer;}
#input-file span a:last-child{right: 0;}
#input-file span:hover a{opacity: 1;} 

img.vimg{height: 5em; max-width: 280px; vertical-align: middle;}
label img{height:5em; vertical-align: middle;}
label input[type="file"] { display: none;/*
	opacity: 0;
	position: absolute;
	margin-top: -4em;
	height: 4em;
	width: 4em;*/
}

/*购物车*/
.cart dt{clear:both;}
.cart dt a{display: inline-block;}
.cart dd .item{float: left; width: 50%; padding: 5px;}
.cart dd label{float: left; margin: 2em 5px 2em 0;}
.cart dd img{float: left; height: 6em; margin-right: .5em; border-radius: 0.5em;}
.cart dd p{line-height: 1.35; font-size: 13px; color: #777;}
.cart label {display: inline-block; vertical-align: middle;}
.cart label input{display: none;}
.cart label i{display: block; padding: 0.5em; position: relative; line-height: 1; border: 1px solid #ddd; border-radius: 50%;}
.cart label input:checked + i {	background-color: #f69;	border-color: #f69;}
.cart label input:checked + i::before {	content: "√";	position: absolute;	color: #fff;	left: 2px;	top: 0;}

.cart .price span{float: right; overflow: hidden; border-radius: 2em; line-height: 2; border: 1px solid #999; min-width: 5em;  text-align: center;}
.cart .price a{display: inline-block; border-left: 1px solid #ddd; padding: 0 0.5em; cursor: pointer; user-select:none}
.cart .price a:first-child{border-left: 0;}
.cart .price input {width: 2em; text-align: center; font-size: 1em; border: 0;}
.cart .price em{color: #f60; font-size: 1.35em;}

.bar_bottom{margin: 2em;}
.bar_bottom button{float: right; border-radius: 5px; font-size: 1.5em;}
.bar_bottom button[disabled]{opacity: .3; cursor: no-drop;}
.addr{position: relative; padding: 5px 0; border-top: 1px solid #ddd; line-height: 1.5;}
.addr label{float: left;}
.addr:after{content: ""; position: absolute; padding: .5em; border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); right: .5em; top: 1.25em;}
.addr i{display: block; font-size: 13px; color: #777;}

.order dd{border: 1px solid #ddd; border-radius: .5em; box-shadow: 0 0.25em 0.5em #0003;}
.order dd img{height: 4em;}
.order h3{border-bottom: 1px solid #ddd;}
.order .flag{float: right; font-size: 1.1em; font-weight: normal; color: #999;}
.order .flag .icon:before{content: "\f098"; font-family:"FontAwesome"; margin-right: .5em;}
.order .flag em{font-size: 1.15em; color: #f63}
.order .btns a{padding:0 .75em; border: 1px solid; border-radius: 1em; cursor: pointer;}
.order .btns i{font-size: 13px; color:#999; float: left;}

.adfooter{ background-color: #eee; text-align: center; padding: 5px; clear: both;}
@media (min-width:768px){
    #pics{display: inline-block; vertical-align: middle;}
    .colume {column-count: 2;}    
    .homebar{margin-right: 10px;}
    #footer .line i{font-size: 1.75em;}
    #footer .help > dl{width: 16.66%;}
    #footer .qrcode{width: 24%;}
}

@media (max-width: 767px) {
    body{font-size:13px}
    .help-head{padding: 12%;}
    #helpsite{width: 100%;}
    .help-title{text-align: center;}
    .header .logo {width: 33%; margin: auto;}
    .header .slogan {width: 65%;}
    .header .ad, .homebar{width: 100%; float:none}
    .text a{width: 25%;}
    .text.top a, .brandlist li, .goods li{width: 33.33%;}
    .title.top b{display: block; width: 100%;}
    .title.top a{float: left;}
    .brandlist li img{height: 3em;}
    #footer .help > dl{width: 25%;}
    #footer .qrcode{clear: both; width: 100%;}
    
    .cart {margin-bottom:3em}
    .cart dd .item{float: none; width: inherit; padding: 2% 0; border-bottom: 1px dashed #ddd;}
    .cart dd img{margin-top: 0.5em;}
    .bar_bottom{position: fixed; bottom: 0; left: 0; right: 0; margin: 0; padding: 0 .5em; background-color: #fff;}
}
@media (max-width: 479px) {
    .fl, .fr{float: none; display: block;}
    .adm .site {margin: 0;	position: fixed; left: 0; right: 0; top: 0;	background-color: #fff;	box-shadow: 0 0 0.5em; z-index: 2;}
    .adm .site ul, .adm .site h2, .header .top span{display: none;}
    .adm .site.act ul, .adm .site.act h2{display: block; clear: both;}
    .adm .home{margin-top: 4em;}
    span.fr{text-align: right;}
    .nav li{min-width: 3em;}
    .nav a{padding: 0.5em;}
    .home, .site {width: inherit;}
    .header .logo{width: 50%;}
    .goods li{width: 50%;}
    .goods .price i:before{content: "抢购";}
    .header .slogan{display: none;}
    .title b{width: 5em;}
    .topic li {padding: 5px 5px 5px 60px;background: url(60.gif) no-repeat left; margin: 0 10px;}
    
    .input {width:18em;}
    .input.mid{width: 6em; float: left;}
    .adm td.tr{background-color: #eee;max-width: 5em;}
    .form{white-space: nowrap; clear: both;}
    #pics{white-space: normal;}
    .username{padding-right: 3.5em;}
    .menubtn {position: absolute;right: .5em;width: 2.4em; height: 2.4em; border: 1px solid #ddd;border-radius: .5em; text-align: center;}
    .menubtn:before{content: "\f0c9"; font-family:"FontAwesome"; font-size: 1.5em; line-height: 1.5;}
    .site.act .menubtn{background-color: #0F57A2; color: #fff; border: none;}
    .site.act .menubtn:before{content: "\f00d";}
    #footer .line {display: block;}
    #footer .line a{float: left; width: 50%;}
}