@charset "utf-8";
/*goods-list by yangtata start*/
.goods-list li .good-price .des-other .icon-gai,.goods-list li .good-price .des-other .icon-fan,.goods-list li .good-price .btn a em,.goods-list li.hover .good-price .btn a,.goods-list li .good-price .btn.start a,.goods-list li .good-price .btn.start_1 a,.goods-list li .like-ceng .iphone-ico,.goods-list li .good-title a em{background:url(../images/list-total.png) no-repeat;}
.goods-list li{width:212px;background:#FFF;float:left;margin:0 13.333px 13.3px 0;border:#f6f6f6 solid 1px;}
.goods-list li:nth-child(4n+0){float:right;margin:0 0 13.3px 0;}
.goods-list li.last{margin:0 0px 13.3px 0}
.goods-list li .good-pic {width:208px; margin:auto 0; position: relative; height: 208px;}
.goods-list li .pic-img{ height:208px; overflow:hidden; text-align:center; width:208px; display:table-cell; vertical-align:middle;}
.goods-list li .pic-img img{ max-width:208px;max-height:208px;}
.goods-list li .pic-img:hover{ text-decoration:none; cursor:pointer;}
.goods-list li .buy-over{cursor:pointer;position:relative;display:block;position:absolute;top:80px;left:80px;background:url(../images/buy-over.png) no-repeat;height:0;width:120px;padding-top:120px;overflow:hidden;z-index:15;}
.goods-list li .buy-over.brand{background:url(../images/buy-over-brand.png) no-repeat;}
.goods-list li .buy-over a{display:block;position:absolute;bottom:25px;left:30px;color:#ffff66;font-size:14px;}
.goods-list li .list-good {position: relative; width:212px; height:auto; z-index:1;}
.goods-list li .good-title {width:200px;height:18px; line-height:18px;overflow: hidden;margin:5px; position:relative; font-weight:normal;color:#333;}
.goods-list li .good-title a{ display: inline;color:#333;letter-spacing:1px;width:205px;}
.goods-list li .good-title a:hover{ text-decoration:underline; color:#333;}
.goods-list li .good-title a em{display:inline;float:left;width:15px;height:15px;margin: 2px 2px 0 0px;vertical-align:-2px;}
.goods-list li .good-title a .m-icon{background-position:right -71px;}
.goods-list li .good-title a .t-icon{background-position:right -88px;}
.goods-list li .good-title a .j-icon{background-position:right -54px;}
.goods-list li .good-title a .d-icon{background-position:right -105px;width: 16px; height: 16px;}
.goods-list li .good-title a .b-icon{background-position:right -37px;}
.goods-list li .good-title a .l-icon{background:url(../images/m.png) no-repeat 0 0;}
.goods-list li .good-price span.sold{display: block;color:#FF747A;background: #fff;height: 30px;text-align: center;line-height: 30px;float: right;margin-right:5px}
.brand{background:url(../images/brand.png) no-repeat 0 0}
.brand-new{background:url(../images/float-icon.png) no-repeat 0 0; padding-top:2px; height:35px; width: 37px; color:#fff; text-align:center; line-height:14px;position:absolute;top:0; left:0;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop',src="../images/float-icon.png");}
.brand-new.brand{background:url(../images/brand-icon.png) no-repeat 0 0;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop',src="../images/brand-icon.png");}
/*this is good-price by yangtata*/
.goods-list li .good-price { width:212px; height:78px;line-height:30px; position: relative;padding:3px 5px 0px 5px;z-index:10;box-sizing: border-box;}
.goods-list li .good-price .price-current,.goods-list li .good-price .des-other{ display:block; float:left;}
.goods-list li .good-price .price-current {font-size:18px;font-family:Arial;font-weight:400;}
.goods-list li .good-price .price-current em {font-size: 14px; font-family:"微软雅黑","verdana"; vertical-align:1px; margin-left:1px;}
.goods-list li .good-price .price-current i {font-size: 16px; font-family:"微软雅黑","verdana"; vertical-align:1px; margin-left:1px;}
.goods-list li .list-good.buy .good-price .price-current{ color:#ff3366;}
.goods-list li .list-good.start .good-price .price-current{ color:#008800;}
.goods-list li .list-good.gone .good-price .price-current{ color:#808080;}
/*this is des-other by yangtata*/
.goods-list li .good-price .des-other{margin:0px 0 0 5px; height:30px; line-height:12px;width:50px;}
.goods-list li .good-price .des-other strong{ width:auto; height:20px; display:block;margin-top: -6px;}
.goods-list li .good-price .des-other .icon-quan,.goods-list li .good-price .des-other .icon-gai,.goods-list li .good-price .des-other .icon-fan,.goods-list li .good-price .des-other .icon-temai{display:block; height:0; overflow:hidden;float:left;}.ncinfos{width:204px}
.goods-list li .good-price .gai {float:left;width:62px;height:30px;border:#79C85B dashed 1px;height: 28px;font-weight: normal;text-align: center;line-height: 28px;}
.goods-list li .good-price .gai .icon-gai{background-color:#fff;color:#79C85B;}
.goods-list li .good-price .des-other .group_discount {position: absolute;background-image: url(../images/quanh.png);background-position: -560px -111px;width: 43px;height: 16px;top: 0;color: #fff;text-indent: 5px;line-height: 14px;font-family: tahoma;text-align: center;}
.goods-list li .good-price .des-other .icon-quan{ background:#eb4f38;height:18px;color:#fff;font-weight:normal;text-align:center;line-height:17px;border:#f6f6f6 dashed 1px;padding:0 5px;}
.goods-list li .good-price .des-other .icon-quan a{color:#fff}
.goods-list li .good-price .des-other .icon-fan{ background-position:-159px -17px; width:41px; padding-top:18px;margin-right:3px;}
.goods-list li .good-price .des-other .price-old {color: #7C7C7C; text-decoration: line-through;font-size:13px;position: absolute;top: 18px;}
.goods-list li .good-price .des-other .price-old em{ font-family:"微软雅黑","verdana";font-size:12px;}
.goods-list li .good-price .des-other .discount { color: #bbb; vertical-align:top;}
.goods-list li .good-price .btn{position: absolute;top:11px;right:10px;}
.goods-list li .good-price .btn a{ font-family:"宋体";display:block;text-align:center;font-size: 14px;cursor:pointer; color:#f8285c;width:70px;height:30px; line-height:30px;overflow:hidden;}
.goods-list li .good-price .btn a em{display:inline;float:left;width:15px;height:15px;margin:8px -4px 0 12px;margin:7px -4px 0 12px \9;_margin:7px -4px 0 12px;vertical-align:-2px;}
.goods-list li .good-price .btn a .m-icon{background-position:right -71px;}
.goods-list li .good-price .btn a .t-icon{background-position:right -88px;}
.goods-list li .good-price .btn a .j-icon{background-position:right -54px;}
.goods-list li .good-price .btn a .d-icon{background-position:right -105px;width: 16px; height: 16px;}
.goods-list li .good-price .btn a .b-icon{background-position:right -37px;}
.goods-list li .good-price .btn a .l-icon{background:url(../images/m.png) no-repeat 0 0;}
.goods-list li .good-price .btn.m-buy span{color:#c40000;}
.goods-list li .good-price .btn.t-buy span{color:#ff5400;}
.goods-list li .good-price .btn.buy,.goods-list li .good-price .btn.gone{right:0;}
.goods-list li .good-price .btn.start,.goods-list li .good-price .btn.start_1{right:-3px;top:3px;}
.goods-list li .good-price .btn.start a,.goods-list li .good-price .btn.start_1 a{width:83px;height:32px;padding-left:4px;background-position:0 -61px;color:#fff;line-height:34px;line-height:36px \9;_line-height:36px;}
.goods-list li .good-price .btn.gone a{cursor:pointer;}
.goods-list li .good-price .btn a:hover{text-decoration:none;}
.goods-list li.hover .good-price .btn.buy a:hover{background-position:0 -31px;}
.lingquan{width: 83px;height: 70px;position: absolute;right: 0px;top: 0px;border-radius: 1px;text-align: center;}
.lingquan a span{width: 83px;height: 44px;font-size: 16px;display: block;background: #f9117e;color: #fff;overflow: hidden;line-height: 27px;}
.lingquan a span em{font-size: 16px;color: #fff;font-style: normal;line-height: 12px;font-weight: bold;}
.lingquan a span em.dpq{font-size:12px}
.lingquan a b{width: 83px;height: 31px;display: inline-block;background:url(../images/qulingquan_ico.png) no-repeat;overflow: hidden;}
.quanhoujiage{width: 60px; height: 24px; background: url(../images/juanhoujiage.png) no-repeat;position: absolute;left: 10px;top: 314px;z-index:100}
.demo1 {
-webkit-animation-name:'like_poof';
-webkit-animation-duration: .6s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: .1s;
-webkit-animation-iteration-count: none;
-webkit-animation-direction: alternate;
-moz-animation: like_poof .6s linear;
-ms-animation: like_poof .6s linear;
animation: like_poof .6s linear;
-moz-animation: like_poof .6s linear;
}
@-webkit-keyframes like_poof {
0% {
margin-top: -40px;
opacity: 1;
-webkit-transform: rotate(0deg)
}
25% {
opacity: 1;
-webkit-transform: rotate(-20deg)
}
75% {
-webkit-transform: rotate(20deg)
}
100% {
margin-top: -90px;
opacity: 0;
-webkit-transform: rotate(0deg)
}
}
@-ms-keyframes like_poof {
0% {
margin-top: -40px;
opacity: 1;
-ms-transform: rotate(0deg)
}
25% {
opacity: 1;
-ms-transform: rotate(-20deg)
}
75% {
-ms-transform: rotate(20deg)
}
100% {
margin-top: -90px;
opacity: 0;
-ms-transform: rotate(0deg)
}
}
@keyframes like_poof {
0% {
margin-top: -40px;
opacity: 1;
transform: rotate(0deg)
}
25% {
opacity: 1;
transform: rotate(-20deg)
}
75% {
transform: rotate(20deg)
}
100% {
margin-top: -90px;
opacity: 0;
transform: rotate(0deg)
}
}
@-webkit-keyframes unlike_heartbreak_left {
0% {
opacity: 1;
margin-top: -50px;
-webkit-transform: rotate(0deg)
}
30% {
opacity: 1;
margin-top: -55px;
}
80% {
opacity: 0;
margin-top: -10px;
-webkit-transform: rotate(-15deg)
}
100% {
opacity: 0;
margin-top: -10px;
-webkit-transform: rotate(-15deg)
}
}
@-webkit-keyframes unlike_heartbreak_right {
0% {
opacity: 1;
margin-top: -50px;
-webkit-transform: rotate(0deg)
}
30% {
opacity: 1;
margin-top: -55px;
}
80% {
opacity: 0;
margin-top: -10px;
-webkit-transform: rotate(15deg)
}
100% {
opacity: 0;
margin-top: -10px;
-webkit-transform: rotate(15deg)
}
}
@-ms-keyframes unlike_heartbreak_left {
0% {
opacity: 1;
margin-top: -50px;
-ms-transform: rotate(0deg)
}
30% {
opacity: 1;
margin-top: -55px;
}
80% {
opacity: 0;
margin-top: -10px;
-ms-transform: rotate(-15deg)
}
100% {
opacity: 0;
margin-top: -10px;
-ms-transform: rotate(-15deg)
}
}
@-ms-keyframes unlike_heartbreak_right {
0% {
opacity: 1;
margin-top: -50px;
-ms-transform: rotate(0deg)
}
30% {
opacity: 1;
margin-top: -55px;
}
80% {
opacity: 0;
margin-top: -10px;
-ms-transform: rotate(15deg)
}
100% {
opacity: 0;
margin-top: -10px;
-ms-transform: rotate(15deg)
}
}
@keyframes unlike_heartbreak_left {
0% {
opacity: 1;
margin-top: -50px;
transform: rotate(0deg)
}
30% {
opacity: 1;
margin-top: -55px;
}
80% {
opacity: 0;
margin-top: -10px;
transform: rotate(-15deg)
}
100% {
opacity: 0;
margin-top: -10px;
transform: rotate(-15deg)
}
}
@keyframes unlike_heartbreak_right {
0% {
opacity: 1;
margin-top: -50px;
transform: rotate(0deg)
}
30% {
opacity: 1;
margin-top: -55px;
}
80% {
opacity: 0;
margin-top: -10px;
transform: rotate(15deg)
}
100% {
opacity: 0;
margin-top: -10px;
transform: rotate(15deg)
}
}
.unliked span {
background-position:-45px -63px;
display: block;
height: 100%;
left: 50%;
position: absolute;
top: 0;
margin-top: -56px;
}
.unliked span.heart_left {
background-position: -45px -63px;
margin-left: -25px;
width: 27px;
height: 38px;
opacity: 0;
-webkit-transform-origin: 26px 54px;
-ms-transform-origin: 26px 54px;
-o-transform-origin: 26px 54px;
transform-origin: 26px 54px;
-webkit-animation: unlike_heartbreak_left .6s ease-out;
-ms-animation: unlike_heartbreak_left .6s ease-out;
-o-animation: unlike_heartbreak_left .6s ease-out;
animation: unlike_heartbreak_left .6s ease-out
}
.unliked span.heart_right {
background-position: -77px -63px;
width: 27px;
height: 38px;
opacity: 0;
-webkit-transform-origin: 0 54px;
-ms-transform-origin: 0 54px;
-o-transform-origin: 0 54px;
transform-origin: 0 54px;
-webkit-animation: unlike_heartbreak_right .6s ease-out;
-ms-animation: unlike_heartbreak_right .6s ease-out;
-o-animation: unlike_heartbreak_right .6s ease-out;
animation: unlike_heartbreak_right .6s ease-out
}
/*this is like-ceng*/
.goods-list li .like-ceng{ height: 48px;background: rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);zoom:1;position: absolute;top:237px;width:265px;
left:0; padding: 0 0 0 20px; display: none; z-index: 99;}
:root #aaa{filter:none\9;}/*for IE9*/
.goods-list li .like-ceng .iphone-ico{ width: 20px; height: 29px;background-position:right -185px; display: block; float: left; margin: 9px 0;}
.goods-list li .like-ceng .tips{ float: left; color: #fff; padding: 5px 0 7px 20px;}
.goods-list li .like-ceng p{line-height: 18px;}
.goods-list li .like-ceng .tips em{ background: #ff3838; padding: 2px 5px; border-radius: 2px;}
.goods-list li:hover{border:#ebebeb solid 1px;}
.goods-list li.hover .my-like{display:block;}
.goods-list li.hover .good-price .btn.buy span{color:#fff;}
.goods-list li.hover .good-price .btn.buy a .b-icon{background-position:right -105px;}
.goods-list li.hover .good-price .btn.buy{right:10px;top:3px;}
.goods-list li.hover .good-price .btn.start{right: -3px;top: 3px;}
.goods-list li.hover .good-price .btn.gone a{background:none;color:#f8285c;}
.goods-list li.hover .good-price .btn.buy .j-icon,.goods-list li.hover .good-price .btn.buy .m-icon,.goods-list li.hover .good-price .btn.buy .t-icon,.goods-list li.hover .good-price .btn.buy .d-icon{display:none;}
.goods-list li.hover .quan-hd{display:block;}
.quan-hd,.box-hd{display:none;}
.quan-hd .mask-bg{cursor:default;}
.go-quan{ display:block; position:absolute; top:110px; left:83px; width:120px; height:80px;cursor:pointer; text-decoration:none; background:url(../images/quan_tag_wait.png) no-repeat;z-index:12;}
.go-quan-red{background:url(../images/quan_tag_buy.png) no-repeat;}
.go-quan em.other{ top:12px; font-size:20px;}
.go-quan em{ position:absolute; top:5px; left:15px; width:50px; height:30px; font-size:26px; color:#fff; font-family:"微软雅黑","verdana"; overflow:hidden;}
.go-quan em i{ font-size:12px; font-style:normal;}
.mask-bg{cursor:pointer; display:block;position: absolute; top:0; left:0;width:285px; height:285px;background:#fff; opacity: .5; filter:alpha(opacity=50);z-index:10;}
/*goods-list by yangtata end*/
/*brand-list-h by yangtata start*/
.brand-list-h{width:1005px;height:auto;overflow:hidden;}
.brand-list-h ul li{float:left;width:310px;height:auto;margin:0 25px 25px 0;}
.brand-list-h ul li .pic a{display:block;width:310px;height:100px;overflow:hidden;}
.brand-list-h ul li .detail{height:40px;background:#fff;line-height:40px;padding:0 10px;}
.brand-list-h ul li .detail .title{width:250px;height:40px;overflow:hidden;}
.brand-list-h ul li .detail .title a{font-size:14px;font-weight:bold;color:#333;}
.brand-list-h ul li .detail a.go{width:28px;height:15px;margin-top:7px;padding:5px 0;}
/*brand-list-h by yangtata end*/
/*brand-list by yangtata strart*/
.main .brand-list{ height:248px;overflow:hidden; margin:0 auto; clear:both;}
.main .brand-list li{ float:left; width:285px; display:inline; height:auto;background:#fff; margin: 7.5px; padding-bottom:10px;}
.main .brand-list li .list{ width:285px; height:auto; position:relative;}
.main .brand-list li .list .pic img{width:285px; height:150px;}
.main .brand-list li .list .left-show{width:150px;}
.main .brand-list li .list .discount{text-align:right;margin:15px 15px 0 0;color:#666;font-weight:normal;}
.main .brand-list li .list .title{ font-weight:normal; height:16px; line-height:16px;padding:0 0 10px 10px; margin:10px 0 0; border-bottom:#e2e2e2 dashed 1px;}
.main .brand-list li .list .title a{ color:#333; font-size:14px;}
.main .brand-list li .list .right-show{ width:80px; height:40px;margin:20px 10px 0 0;}
.main .brand-list li .list .start-time{ width:200px; padding:10px 0 0 10px;color:#ababab;}
.main .brand-list li .list .start-time b{ color:#a2d378; margin:0 2px;}
.main .brand-list li .list .start-time .icon-clock{ height:16px; width:16px; display:inline-block; float:left; margin-top:2px;}
.hot-brand .brand-list{height:auto;overflow:auto;}
.hot-brand .brand-list li .list .right-show{margin:6px 0 0 10px;}
/*brand-list by yangtata end*/
.main .brand-box{width:100%;}
.main .normal-title{height:40px;line-height:40px;background:#fff;margin:20px 0;}
.main .normal-title .title {
background: url(../images/normal-title-bg.gif) no-repeat right #ff3366;
font-size:20px;font-family:"微软雅黑","宋体";color:#fff;
display:inline-block;
padding:0 20px;
float:left;
}
.main .normal-title .title h3{font-weight:normal;}
.main .normal-title .txt{font-size:14px;color:#666;margin-right:10px;}
/*advance-nav by yangtata start*/
.advance-nav{ height:40px; margin:0px auto 0; background:#f8f8f9;}
.advance-nav ul li{ float:left; line-height:40px;border-right:#f2f1ed solid 1px;}
.advance-nav ul li a{ color:#666; display:block; padding:0 25px;}
.advance-nav ul li a:hover{ text-decoration:underline;}
.advance-nav ul li a.active{ font-weight:bold; color:#f36; background:#fff;}
.advance-nav ul li a.active:hover{ text-decoration:none;}
.advance-nav .tips{ margin:10px 30px 0 0;font-size:14px; font-family:"微软雅黑","宋体";}
.advance-nav .tips .time{ background:#c7c7c7; display:inline-block; padding:0 5px;border-radius:3px; color:#fff;}
.advance-nav .tips .icon-tips{ background:url(../images/clock.gif) no-repeat; height:14px; width:14px; display:inline-block; vertical-align:middle; margin-right:3px;}
/*place-show by yangtata start*/
.place-show{ width:auto; height:auto;overflow:hidden; margin:0 0 20px;}
.place-show .place-explain{padding:0;}
.place-show .place-explain a {
margin: 0 5px;
}
.place-show .place-explain a:hover{ color:#5e5e5e; text-decoration:underline;}
.place-show .place-explain .current-a{width: 435px;
overflow: hidden;
white-space: nowrap;
}
.place-show .type-nav{color:#919191;}
.place-show .type-nav a{ padding:0 5px;color:#919191;}
/*place-show by yangtata end*/
/*zhe-list by yangtata end*/
.main .zhe-more{ width:976px; text-align:center; font-size:16px; height:38px; border:#fff solid 2px; overflow:hidden; line-height:38px;margin:0 auto;*margin-top:25px;_margin-top:0;}
.main .zhe-more a{ color:#0289cd; display:block; text-decoration:underline;background:#f9f9f9;}
.main .zhe-more a em{ color:#ff3838;}
.main .zhe-more a:hover{ text-decoration:none; background:#fefefe;}
@charset "utf-8";
.page {
padding: 0 0 45px;
padding-top:30px;
*margin-top:50px;
_margin-top:50px;
clear: both;
overflow: hidden;
text-align: center;
}
.page div{margin: 0 auto;}
.page a,.page span,.page i{
display:inline-block;
/*float:left;*/
background: none repeat scroll 0 0 #FFF;
margin-left:1px;
padding:10px 15px;
overflow: hidden;
color:#919191;
font-size:14px;
font-weight:bold;
border-right:none;
-moz-box-shadow: 1px 1px 0px rgba(204, 204, 204, 0.7);
-webkit-box-shadow: 1px 1px 0px rgba(204, 204, 204, 0.7);
box-shadow: 1px 1px 0px rgba(204, 204, 204, 0.7);
}
.page a.pg-next{width:60px; border-radius:0 20px 20px 0;box-shadow:1px 1px 3px rgba(204, 204, 204, 0.7);}
.page a.pg-next:hover{cursor:pointer;}
.page span.pg-prev{color:#bbb; font-weight:normal; background:#fff;width:60px; border-radius: 20px 0 0 20px;box-shadow:1px 1px 3px rgba(204, 204, 204, 0.7);}
.page span.pg-next{width:60px; border-radius:0 20px 20px 0;box-shadow: 2px 2px 3px #D0D0CD; background:#fff; color:#bbb; font-weight:normal;}
.page a.pg-prev{background:#FFFFFF;width:60px; border-radius: 20px 0 0 20px;box-shadow: 2px 2px 3px #D0D0CD;}
.page span {
background: #ff3366;
border: medium none;
color: #fff;
font-weight: bold;
}
.page a:hover{
text-decoration:none;
color:#fff;
background:#ff3366;
}
.page i{
color: #919191
}
@font-face{font-family:mui-act-font;src:url(https://at.alicdn.com/t/font_1439523408_3365195.eot);src:url(https://at.alicdn.com/t/font_1439523408_3365195.eot?#iefix) format('embedded-opentype'),url(https://at.alicdn.com/t/font_1439523408_3365195.woff) format('woff'),url(https://at.alicdn.com/t/font_1439523408_3365195.ttf) format('truetype')}
.item-btn-box{
clear: both;
padding: 0 4px 4px;
overflow: hidden;
position: relative;
}
.item-coupon {
width: 182px;float: left;height: 28px;
text-align: center;
line-height: 28px;
font-family: helvetica;
}
.mui-act-item-couponColor {
color: #FF5363;
border: dashed 1px #FF5363;
float:right;
}
.mui-act-item-couponColor.gone {
color: #808080;
border: dashed 1px #808080;
}
.mui-act-item-couponColor.start_1 {
color: #808080;
border: dashed 1px #008800;
}
.item-btn-box .item-coupon .quan {
width:90px;
background:#ff5363;
color:#fff;
float: left;
}
.mui-act-item-couponColor.start_1 .quan{
background:#008800;
}
.itemde{margin:16px 0 0 10px;width: 130px;}
.itemde.item-coupon .quan {
width: 70px;
background: #ff5363;
color: #fff;
float: left;
}
.fuli{margin:16px 0 0 10px;color: #0099ee;}
.fuli.item-coupon .quan {
width: 70px;
background: #0099ee;
color: #fff;
float: left;
border-right: dashed 1px #0099ee;
}
.fuli.mui-act-item-couponColor{border: dashed 1px #0099ee;}
.mui-act-item-couponColor.gone .quan {
border-right: dashed 1px #808080;
background: #808080;
}
.mui-act-font {
display: inline-block;
-webkit-transform: scale(.8);
font-size: 11px;
}
.mui-act-font {
-webkit-font-smoothing: antialiased;
display: inline-block;
-webkit-text-stroke-width: .2px;
font-family: mui-act-font!important;
}
.item-btn-box .item-btn {
width: 84px;
float: right;
background: #FF3366;
height: 30px;
line-height: 30px;
color: #FFF;
font-size: 12px;
text-align: center;
}
.item-btn-box .item-btn.lijin {
background: #0099ee;
}
.item-btn-box .item-btn.gone{
background: #808080;
}
.item-btn-box .item-btn.start_1{
background: #008800;
}
.goods-list li .shopList_tag {display:none;}
.goods-list li:hover .shopList_tag {
display:block;
position: absolute;
top: 255px;
z-index: 2;
left: 5px;
}
.shopList_tag a:hover {
color: #fff;
background: #f39;
text-decoration: none;
}
.shopList_tag a {
display: inline-block;
border-radius: 2px;
padding: 2px 8px;
background: #fff;
color: #999;
margin-left:2px;
text-decoration: none;
}
.article-content p{
padding:5px 22px;
font-size:16px;
line-height:26px;
margin:10px 0;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.item-con a:active, .item-con a:hover {
outline: 0 none;
}
.item-con a:active {
background-color: transparent;
}
.item-con a {
text-decoration: none;
}
.item-con {
position: relative;
margin: 10px 0;
border: 1px solid #d0d0d0;
}
.wordsList {
height: .55rem;
overflow: hidden;
}
.tbitem-img {
max-width: 100%!important;
margin:0 auto!important;
border:none!important;
padding:0!important;
}
.item-con .title {
color: #4a4a4a;
padding: 10px 29px;
font-size: 21px;
line-height: 22px;
margin: 0;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.item-con .info {
margin: 0;
padding: 0 29px 20px;
color: #f60;
height: 45px;
line-height: 45px;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.item-con .price-icon {
font-size: 22px;
color: #f60;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.item-con .price-icon, .item-con .price-title {
position: relative;
vertical-align: middle;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.item-con .price {
font-size: 32px;
color: #f60;
vertical-align: middle;
position: relative;
top: -3px;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.item-con .info .goBtn {
float: right;
width: 145px;
height: 45px;
color: #fff;
background: #f60;
border: none;
font-size: 26px;
border-radius: 5px;
-webkit-appearance: button;
cursor: pointer;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.item-con .coupon-amount-icon {
position: relative;
border: 1px solid #ff002c;
height: 34px;
color: #ff002c;
padding: 0 5px 0 4px;
font-size: 24px;
line-height: 34px;
border-radius: 5px;
display: inline-block;
overflow: hidden;
margin-right: 20px;
top: 9px;
background: url(https://gw.alicdn.com/tfs/TB1SCdxd3oQMeJjy1XaXXcSsFXa-85-85.png) 0 0 no-repeat;
background-size: 36px 34px;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.item-con .coupon-amount-icon .icon-left {
width: 35px;
height: 34px;
font-size: 24px;
line-height: 36px;
text-align: center;
color: #fff;
z-index: 99;
float: left;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.item-con .coupon-amount-icon span {
position: relative;
}
.item-con .price-title {
font-size: 22px;
color: #9b9b9b;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.item-con .coupon-price.price, .item-con .coupon-price.price-icon {
color: #ff002c;
}
.item-con .coupon-price.price, .item-con .coupon-price.price-icon {
color: #ff002c;
}
.item-con .info .goBtn.couponBtn {
background: #f44;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.open-side-btn {
position: fixed;
right: 37px;;
bottom: 100px;
width: 171px;
height: 72px;
background: url(https://gw.alicdn.com/tfs/TB1kZ8ybRxRMKJjy0FdXXaifFXa-171-72.png);
background-size: cover;
line-height: 26px!important;
color: #fff!important;
box-sizing: border-box;
z-index: 99;
font-size: 24px!important;
padding: 23px 0 23px 64px;
cursor: pointer;
}
.atom-layout-wrap {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 800px;
height: 100%;
-webkit-overflow-scrolling: touch;
outline: 0;
z-index: 999;
}
.item-side-list .atom-layout-body {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 800px;
background: #fff;
padding-left: 25px;
padding-bottom: 25px;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.side-list-con {
height: 100%;
}
.side-list-con .side-item {
display: inline-block;
width: 100%;
height: 128px;
position: relative;
padding-left: 138px;
margin-bottom: 16px;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.side-list-con .side-item .side-item-img {
width: 128px;
height: 128px;
position: absolute;
left: 0;
top: 0;
margin:0 auto!important;
border:none!important;
padding:0!important;
}
.side-list-con .side-item .side-item-info {
display: inline-block;
width: 280px;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.side-list-con .side-item p.title {
margin: 0;
height: 62px;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.side-list-con .side-item .title {
font-size: 16px;
line-height: 30px;
height: 64px;
display: -webkit-box;
white-space: normal;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color: #000;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.side-list-con .side-item .dis-price {
color: #9b9b9b;
font-size: 14px;
margin: 3px 0 0;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.side-list-con .side-item .price-icon {
font-size: 14px;
color: #f44;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.side-list-con .side-item .price-num {
font-size: 16px;
color: #f44;
font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.side-list-con .side-item .hr-line {
position: absolute;
right: 0;
left: 138px;
bottom: -7px;
height: 1px;
background: hsla(0,0%,84%,.7);
}
.side-list-con .side-item .coupon-amount-icon {
top: 0;
}
.side-list-con .side-item .coupon-amount-icon {
position: relative;
border: 1px solid #ff002c;
height: 20px;
color: #ff002c;
font-size: 12px;
line-height: 20px;
border-radius: 3px;
display: inline-block;
overflow: hidden;
margin-right: 20px;
background: url(//gw.alicdn.com/tfs/TB1SCdxd3oQMeJjy1XaXXcSsFXa-85-85.png) 0 0 no-repeat;
background-size: 22px 20px;
vertical-align: middle;
top: -.02rem;
}
.side-list-con .side-item .coupon-amount-icon .icon-left {
width: 20px;
height: 20px;
font-size: 14px;
line-height: 20px;
text-align: center;
color: #fff;
z-index: 99;
float: left;
}
.side-list-con .side-item .coupon-amount-icon span {
position: relative;
padding:4px
}
.side-list-con .side-item .price-title {
font-size: 13px;
color: #9b9b9b;
}
.side-list-con .side-item .price-icon {
font-size: 13px;
color: #f44;
}
.side-list-con .side-item .price-num {
font-size: 15px;
color: #f44;
}
.open-side-btn.open {
width: 121px;
z-index: 99;
left: 679px;
right:auto
}
.js-layout-show {
display: block;
cursor: pointer;
}
.cell-mask {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background-color: rgba(34,34,34,.6);
display: none;
opacity: 0;
z-index: 98;
}
.cell-mask-show.animated {
opacity: 1;
}
.cell-mask-show {
display: block;
}
p.side-list-title{
margin:10px 0
}
.open-side-btn .js-hasopen-icon {
display: inline-block;
background: url(//gw.alicdn.com/tfs/TB15nuydgMPMeJjy1XdXXasrXXa-200-200.png_50x50);
background-size: cover;
width: 25px;
height: 25px;
position: absolute;
top: 24px;
left: 74px;
}
.atom-layout-rightGoLeft.js-close {
-webkit-animation: rightGoLeftClose .5s ease-in-out forwards;
animation: rightGoLeftClose .5s ease-in-out forwards;
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition: all 0.3s;
}
.atom-layout-rightGoLeft.js-open {
-webkit-animation: rightGoLeftOpen .5s ease-in-out forwards;
animation: rightGoLeftOpen .5s ease-in-out forwards;
-webkit-transform: translateY(0);
transform: translateY(0);
transition: all 0.3s;
}
.w1200 .mainc{width:888px;}
.goods-list li .tag {
height: 36px;
border-left-width: 0px;
border-top-right-radius: var(--good-card-border-radius, 2px);
border-bottom-right-radius: var(--good-card-border-radius, 2px);
padding: 0px 2px;
}
.goods-list li .tag img {
height: var(--good-card-line-height, 17px);
vertical-align: middle;
}
.goods-list li .type {
font-size: 11px;
border: 1px solid #fe4a65;
color: #fe4a65;
padding: 0px 2px 1px;
margin-right: 3px;
}