@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{ margin: 0px auto 0;}
.goods-list li{width:284px;background:#FFF;float:left;margin:0 18px 18px 0;border:#f6f6f6 solid 1px;}
.goods-list li.last{margin:0 0px 18px 0}
.goods-list li .good-pic {width:284px; margin:auto 0; position: relative; height: 284px;}
.goods-list li .pic-img{ height:284px; overflow:hidden; text-align:center; width:284px; display:table-cell; vertical-align:middle;}
.goods-list li .pic-img img{ max-width:284px;max-height:284px;}
.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:285px; height:auto; z-index:1;}
.goods-list li .good-title {width:275px;height:18px; line-height:18px;overflow: hidden;margin:10px 5px 10px 5px; position:relative; font-weight:normal;color:#333;}
.goods-list li .good-title a{ display: inline;color:#333;letter-spacing:1px;width:275px;}
.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:2px}
.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:285px; height:78px;line-height:30px; position: relative;padding:3px 10px 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:30px;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:70px;}
.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;}
.goods-list li .good-price .gai {float:left;width:112px;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_heartbrea