tjshop/shop/static/style/shop.css

/*
用户中心页面样式
By:Jayson
*/


/*首页*/
/*焦点图*/
.focus{ width:100%; height:550px; margin:auto; text-align:center; background-color:#FFF; }
.focus img{ height:550px; }
.index-fast{ width:100%; margin-top:20px; text-align:justify; text-align-last:justify; height:202px; }
@media all and (-webkit-min-device-pixel-ratio:0){
.index-fast{ font-size:0; }
}
.index-fast:after{ display:inline-block; overflow:hidden; width:100%; height:0; content:''; }
.index-fast a{ width:24%; display:inline-block; font-size:15px; text-align-last:initial; height:200px; color:#000; border:1px solid #DDD; border-radius:2px; background-color:#FFF; }
.index-fast img{ margin:30px auto 20px; }
.index-fast h3{ text-align:center; }


.bread-nav a {
	color: #f96768;
}



/*商城导航*/
.s-subnav{ width:180px; margin-right:18px; float:left; border-left:1px solid #EEE; border-bottom:1px solid #EEE; border-right:1px solid #EEE; border-top:1px solid #f96768; box-shadow:1px 1px 1px #EEE; }
.s-subnav dt, .s-subnav dd{ height:40px; line-height:40px; padding:0 15px; font-size:14px; border-bottom:1px solid #EEE; }
.s-subnav dt{ font-weight:bold; color:#f96768; }
.s-subnav dd a{ padding-left:14px; position:relative; line-height:40px; color:#666; background:url(s-subnav-icon.png) no-repeat center left; }
.s-subnav dd a:hover{ color:#f96768; }
.s-subnav dd .cur{ color:#f96768; }
.s-subnav dd .hot{ width:71px; height:16px; position:absolute; right:-72px; top:-8px; background:url(s-subnav-tips1.png) no-repeat; }

.s-list ul li {
	margin: 0px 16px 20px 0;
}
.s-list ul li .add-cart {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.s-list ul li .add-cart button {
	height: 30px;
	width: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f96768;
	border: none;
	outline: none;
	font-size: 15px;
	color: #fff;
	letter-spacing: 6px;
}
.s-list ul li .add-cart button img {
	height: 22px;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 28px;
}
/*列表*/
.s-list-box{ margin-left:200px; }
/*商城筛选*/
.opt{ height:40px; display:block; border:1px solid #EEE; box-shadow:1px 1px 1px #FCFCFC; }
.opt dt{ padding:0 10px; float:left; }
.opt dt a{ line-height:40px; font-size:14px; color:#333; }
.opt dt .cur{ color:#f96768; }
.opt dt .up, .opt dt .down{ width:9px; height:12px; display:inline-block; margin-left:4px; }
.opt dt .up{ background:url(up.png) no-repeat; }
.opt dt .down{ background:url(down.png) no-repeat; }
.opt span{ float:left; font-size:14px; line-height:38px; color:#EEE; }
/*列表部分*/
.s-list{ width:760px; }
.s-list ul{ width:760px; }
.s-list ul li{ margin:20px 16px 20px; }
@media screen and (min-width:1200px){
	.s-list{ width:920px; }
	.s-list ul{ width:936px; }
	.s-list ul li{ margin:20px 16px 20px 0; }
}
@media screen and (max-width:1200px){
	.s-list{ width:760px; }
	.s-list ul{ width:760px; }
	.s-list ul li{ margin:20px 16px 20px; }
}
.s-list ul li{ width:210px; padding:4px 4px 4px; float:left; }
.s-list ul li:hover{ box-shadow:0 0 2px #DDD; }
.s-list ul li img{ width:210px; height:168px; margin-bottom:10px; }
.s-list ul li h3, .s-list ul li h6, .s-list ul li .price { padding:3px 3px; font-weight:normal; width:204px; }
.s-list ul li h3{ font-size:16px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.s-list ul li h6{ height:32px; line-height:150%; font-size:12px; color:#A3AAB6; overflow:hidden; }
.s-list ul li .price i{ font-size:13px; color:#FF771F; font-style:normal; font-family:"Helvetica"; margin-right:3px; }
.s-list ul li .price strong{ font-size:17px; color:#FF771F; font-weight:normal; }
.s-list ul li .price span{ font-size:12px; color:#999; margin-left:10px; text-decoration:line-through; }
/*.s-list ul li .add-cart button{ width:90px; height:28px; line-height:26px; background-color:#F9F9F9; border:1px solid #F3F3F3; border-radius:2px; color:#f96768; cursor:pointer; font-size:12px; }*/
.s-list ul li .add-cart span{ line-height:30px; font-size:12px; float:right; color:#CCC; }

/*详情*/
.re-look{ display:none; }
@media screen and (min-width:1200px) {
	.re-look{ display:block; }
}
/*商品参数*/
.bdsharebuttonbox a{ color:#999; }
.s-view{ width:580px; }
.s-view h6{ font-weight:normal; }
.s-view dl{ clear:both; padding:8px 0; overflow:hidden; }
.s-view dt{ width:50px; float:left; line-height:32px; padding-left:10px; font-size:12px; color:#999; }
.s-view dd{ float:left; line-height:32px; }
.s-view .price{ width:100%; height:90px; margin-top:15px; background-color:#F9F9F9; }
.s-view .price dl{ padding:5px 0; }
.s-view .price i{ font-style:normal; font-family:Helvetica; }
.s-view .buy, .s-view .add-card{ width:160px; height:36px; font-size:14px; border:1px solid #FF771F; cursor:pointer; border-radius:3px; }
.s-view .buy{ background-color:#FFF9F5; color:#FF771F; }
.s-view .add-card{ background-color:#FF771F; color:#FFF; }
.s-view .alipay, .s-view .wxpay, .s-view .visa{ margin-left:10px; padding-left:20px; height:16px; display:inline-block; line-height:16px; color:#999; font-size:12px; }
.s-view .alipay{ background:url(alipay.png) no-repeat; }
.s-view .wxpay{ background:url(wxpay.png) no-repeat; }
.s-view .visa{ background:url(visa.png) no-repeat; }
.s-view .promise span{ float:left; font-size:14px; color:#DDD; margin:0 15px; }
.chaoshitui, .suishitui, .zhuanye{ height:32px; float:left; padding-left:25px; color:#CCC; line-height:32px; font-size:14px; }
.chaoshitui{ background:url(chaoshitui.png) no-repeat left center; }
.suishitui{ background:url(suishitui.png) no-repeat left center; }
.zhuanye{ background:url(zhuanyefuwu.png) no-repeat left center; }
/*看了又看*/
.re-look{ width:140px; }
.re-look dt{ height:24px; background:url(EEE_dot.png) repeat-x center; text-align:center; }
.re-look dt span{ line-height:24px; font-size:12px; color:#999; padding:0 5px; background-color:#FFF; }
.re-look dd{ width:140px; height:140px; margin:5px 0; overflow:hidden; display:inline-block; position:relative; }
.re-look dd img{ width:140px; vertical-align:middle; }
.re-look dd span{ position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,.5); color:#000; text-align:center; font-size:12px; width:140px; height:20px; line-height:20px; }

/*在线客服*/
.kefu-btn{ width:200px; background-color:#CCC; }
.s-v-fl{ width:180px; margin-top:20px; display:block; padding:0 9px; border:1px solid #EEE; }
.s-v-fl dt{ font-size:16px; color:#333; padding:15px 0; }
.s-v-fl dd{ border-top:1px dotted #EEE; padding-left:10px; background:url(DDDx3_dot.png) no-repeat center left; height:38px; line-height:38px; }
.s-v-fl dd a{ font-size:12px; color:#333; }

/*商品介绍*/
.s-tab{ border:1px solid #EEE; height:46px; }
.s-tab li{ height:46px; padding:0 20px; float:left; line-height:46px; font-size:12px; color:#666; border-top:2px solid #FFF; cursor:pointer; }
.s-tab .cli{ margin-top:-1px; border-top:2px solid #f96768; color:#f96768; }
.s-con{ width:740px; margin-top:20px; overflow:hidden; }
.v-title{ text-align:center; margin-top:30px; margin-bottom:20px; }
.v-title span{ padding:3px 15px; background-color:#EEE; color:#AAA; margin:auto; font-size:1rem; border-radius:2px; }
.v-syrq{ width:100%; }
.v-syrq td{ border:none; text-align:center; }
.v-syrq td img{ width:100px; height:100px; }
.v-syrq td p{ font-size:14px; color:#333; margin-top:10px; }
.v-view{ margin:10px 0; }
.v-view h3{ width:100%; text-align:center; font-size:16px; color:#999; }
.v-view table{ width:100%; border:none; margin-top:10px; margin-bottom:20px; }
.v-view td{ height:30px; vertical-align:middle; border:1px solid #F6F6F6; padding:5px 10px; font-size:.8rem; }
.v-tips{ font-size:14px; color:#666; line-height:160%; padding:10px; border:1px solid #F6F6F6; }


/*购物车*/
.cart-list td{ vertical-align:middle; padding:10px 5px; border-bottom:1px solid #EEE; }
.cart-list td input{ vertical-align:middle; }
.cart-list-total{ padding-left:5px; height:50px; }
.cart-list-total .l{ line-height:50px; }
.cart-list-total input{ vertical-align:middle; margin-right:5px; }
.cart-list-total button{ width:160px; height:50px; background-color:#FE6B00; color:#FFF; border:none; font-size:16px; cursor:pointer; }

/*订单详情*/
.d-view{}
.d-view .btn{ width:130px; height:32px; margin-top:15px; cursor:pointer; color:#FFF; background-color:#FF0000; border:none; }
.d-view .o-rdo{ height:32px; line-height:32px; width:130px; }
.d-view .fp-view{ border:1px dotted #DDD; border-radius:3px; padding:10px; overflow:hidden; margin-top:20px; }
.d-view .fp-view h3{ font-size:14px; color:#f96768; }
.d-view .fp-view dl{ clear:both; overflow:hidden; margin-top:10px; }
.d-view .fp-view dt{ width:150px; line-height:30px; float:left; font-size:12px; color:#666; text-align:right; }
.d-view .fp-view dd{ float:left; line-height:30px; font-size:12px; color:#666; }
.d-view .fp-view dd .txt{ width:300px; height:28px; font-size:14px; color:#000; padding:0 3px; border:1px solid #CCC; border-radius:2px; }
.d-view .alzf, .d-view .wxzf, .d-view .wyzf{ width:150px; height:40px; }
.d-view .alzf{ background:url(d-view-alipay.jpg) no-repeat; }
.d-view .wxzf{ background:url(d-view-wxpay.jpg) no-repeat; }
.d-view .wyzf{ background:url(d-view-wypay.jpg) no-repeat; }
.d-view-list{}
.d-view-list dl{ margin-top:20px; }
.d-view-list dt{ width:90%; line-height:30px; font-size:12px; text-align:right; float:left; }
.d-view-list dd{ width:10%; line-height:30px; font-size:12px; text-align:right; float:left; }
.d-view-list button{ float:right; width:160px; height:50px; background-color:#FE6B00; cursor:pointer; color:#FFF; border:none; font-size:20px; }
.d-view-list em{ font-style:normal; }
.d-view-list span{ line-height:50px; font-size:20px; margin-right:20px; float:right; }
.d-view-list strong{ color:#FE6B00; }