﻿@charset "utf-8";
/*main_notice by yangtata start*/
.main_notice{height:638px;background:url(img/notice-n-n.jpg) no-repeat; }
.main_notice01{height:638px;background:url(img/notice-f-n.jpg) no-repeat; }
.main_notice a,.main_notice01 a{position:absolute;bottom:122px;right:74px;width:250px;height:60px;}
.main_notice a.go-zk,.main_notice01 a.go-zk{right:352px;}
/*main_notice by end*/
/*new */
.alert-activity{
    height:100%;
    width:100%;
    top:0;
    left:0;
    position:fixed;
    _position:absolute;
    z-index:10000;
}
.activity-ceng{
    position:absolute;
	top:0;
	left:0;
	height:100%;
    width:100%;
    filter:alpha(opacity=30);
    opacity:0.3;
    background-color:#000;
    _filter:alpha(opacity=100);
    _background-color:none;
    _filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
    _top:expression(eval(document.documentElement.scrollTop));
	z-index:10001;
}
.alert-activity .links{display:block;position:absolute;top:50%;margin-top:-266px;left:50%;margin-left:-266px;background:url(img/version-tip.png) no-repeat;height:531px;width:532px;z-index:10002;}
.alert-activity .links a,.alert-activity .links p{display:block;position:absolute;}
.alert-activity .links a.go-new{width:180px;height:50px;bottom:140px;left:175px;}
.alert-activity .links a.back-old{bottom: 65px;
    height: 15px;
    right: 175px;
    width: 70px;}
.alert-activity .links p{bottom:40px;left:0;text-align:center;color:#fdcad7;width:532px;}
.product-info .other_info{ height:100px;}
.product-info .other_info a{ height: 25px; display: block; float: left; padding: 0 15px; text-align: center; line-height: 25px;font-family: "宋体"; border-radius: 20px; text-decoration: none; margin-right: 10px; display: inline;}

.product-info .keyword .quanico{background: url(img/isq.png) no-repeat;width:32px;height:32px;float:left;margin-top:-4px;margin-right:-1px}
.product-info .keyword a.quanurl{background: #fff;border-radius:1px; height:21px;border:1px solid #11cd6e;border-left:0;color:#F8285C;line-height: 21px;}
.product-info .other_info .report{ background: none; border: none; padding:0;}
.product-info .share_box .share-baidu{font-size: 12px; color: #666; border:1px solid #f1f1f1; height: 23px; line-height: 23px; background: #f9f9f9;}
.product-info .share_box .l-num{ font-size: 14px;font-family: "Arial"; }
.product-info .share_box .l-num:hover em{ background-position:right -60px;}
.product-info .share_box em{ background: url(img/item.gif) no-repeat; display: inline-block; margin-right: 5px; vertical-align: -1px;*vertical-align: 3px; _margin-top:6px;  _display: block; _float: left;}
.product-info .share_box .l-num-icon{ width: 14px; height: 11px; background-position:right -60px;}
.product-info .share_box .nl-num-icon{ width: 14px; height: 11px; background-position:-269px -60px;}
.product-info .share_box .share-icon{ width: 10px; height: 10px; background-position:right -76px;}
.product-info .share_box .report-icon{ width: 15px; height: 14px; background-position:right -89px;vertical-align: -3px;*vertical-align: 1px; _margin-top:3px; }
.product-info .share_people{ padding: 4px 6px 9px 9px; background: #f9f9f9; position: absolute; top: -53px; left: 10px;max-width:520px;border: 1px solid #f1f1f1;border-radius: 10px;max-height: 40px;
 _height:40px; z-index:99}
.product-info .share_people ul{max-width:520px;height: 40px;overflow: hidden;}
.product-info .share_people ul li{ float: left;}
.product-info .share_people ul li a img:hover{ opacity: 0.8;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); }
.product-info .share_people a{  padding: 0;width: 35px; height: 35px; margin:  5px 5px 0 0; border: none;}
.product-info .share_people .user_cur{ width: 12px; height: 7px; background: url(img/user_cur.gif) no-repeat; position: absolute; left: 45px; bottom: -7px;}
.product-info .other_info .share{display: block;height: 26px;left: 110px;padding: 5px;position: absolute;top: -38px; width: auto;}
.product-info .other_info .share a{  border-radius: 0;height: 16px;width: 16px;}
.product-info .other_info .share .user_cur{  left: 30px;}
.my-like {display: none;width: 26px;height: 26px;border: 1px solid #f4f4f4;background: #f4f4f4;border-radius: 15px;position: absolute;top:250px;right: 10px;cursor: pointer;z-index: 15;}
.my-like .like-ico {background-position: 0 0;margin-top: -5px;margin-left: -7px;}
.my-like .l-active {background-position: 0 -20px;}
.my-like i {background-position: -26px 0;width: 14px;height: 11px;position: absolute;top: 50%;left: 50%;}
.my-like i, .my-like .like-big, .unliked span {background: url(img/my-like.png) no-repeat;_background: url(img/my-like.gif) no-repeat;}
.my-like:hover .like-ico {background-position: 0 -72px;}
.my-like:hover .like-ico.l-active {
    background-position: 0 -89px;
}
#alert_remind .item-btn .collect-box .like-o .phone {
    background: url(img/phone.gif) no-repeat;
    width: 24px;
    padding-top: 34px;
    overflow: hidden;
    line-height: normal;    
    margin-top: 8px;
}
.my-like .like-big{ margin-top: -40px; margin-left: -8px; width: 45px; height: 37px; background-position:-55px 0;}
.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
    }
.brand_index{margin:0 auto;}
.brand_index .brand_list{background:#F1E8E8;padding:20px 10px 0;height:auto;overflow:hidden;}
.brand_index .brand_list ul li{float:left;margin:0 10px;}
.brand_index .brand_list ul li .brand-pic{display:table-cell;vertical-align:middle;height:131px;}
.brand_index .brand_list ul li .brand-pic img{display:block;margin:0 auto;}
.brand_index .brand_list ul li .link-box {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #dcdcdc;
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
	height:181px;
}
.brand_index .brand_list ul li .link-box:hover .brand-pic img{filter:alpha(opacity=70);opacity:.7;}
.brand_index .brand_list ul li .card {
    height:50px;
	line-height:20px;
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;    
}
.brand_index .brand_list ul li .card em.icon {
    border-color: transparent #f72862 #f72862 transparent;
    border-style: dashed solid solid dashed;
    border-width:4px;
    bottom:2px;
    content: "";
    font-size: 0;
    height: 0;
    position: absolute;
    right: 2px;
    width: 0;
}
.brand_index .brand_list ul li .card .brand-logo {
    float: left;
    height: 30px;
    margin:10px 0 0 10px;
    width: 60px;
}

.brand_index .brand_list ul li .card .discount {
    color: #ff2d5e;
    float: right;
    font-size: 14px;
    margin-right: 10px;
    margin-top: 15px;
}
.brand_index .brand_list ul li .card .title {
    color: #000;
    float: right;
    margin-right: 8px;
    margin-top:15px;
}
.brand_index .brand-icons{height:40px;background:#fff;padding:10px 20px;line-height:38px;}
.brand_index .brand-icons .txt{color:#ff2d5e;font-size:14px;}
.brand_index .brand-icons ul{height:40px;overflow:hidden;}
.brand_index .brand-icons ul li{width:80px;height:40px;float:left;margin:0 13px 0 20px;}
.brand_index .brand-icons ul li a{display:block;width:80px;height:40px;}
.brand_index .brand-icons ul li a:hover{filter:alpha(opacity=60);opacity:.6;}
.brand_index .brand-icons .see-all{width:72px;color:#ff2d5e;font-size:14px;height:20px;line-height:20px;margin-top:10px;}
.brand_index .brand-icons .see-all .go-icon{display:block;width:11px;height:9px;background:url(img/go-icon.gif) no-repeat;margin:6px 0 0 3px;}
.brand_index .brand-icons .see-all:hover span{text-decoration:underline;cursor:pointer;}
.w1200 .brand_index{width:1200px;}
.w1200 .brand_index .brand_list{width:1180px;}
.w1200 .brand_index .brand_list ul li{width:373px;}
.w1200 .brand_index .brand_list ul li .brand-pic{height:180px;width:373px;}
.w1200 .brand_index .brand_list ul li .brand-pic img{width:373px;}
.w1200 .brand_index .brand_list ul li .link-box{height:230px;}
.w1200 .brand_index .brand-icons{width:1160px;}
.w1200 .brand_index .brand-icons ul{width:984px;}
.w1200 .brand_index .brand-icons ul li{margin:0 23px 0 20px;}
/*this is 38 start*/
.activity_enter{background:url(img/activity_38.png) no-repeat center center #faecf0;height:259px;width:100%;max-width: 1856px;margin: 0 auto;}
.activity_enter .center{width:980px;height:259px;margin:0 auto;}
.activity_enter .center ul{float:left;margin-top:30px;}
.activity_enter .center ul li{float:left;margin-left:20px;}
.activity_enter .center ul li a{display:block;border:#f5dde4 solid 1px;position:relative;width:284px;height:210px;}
.activity_enter .center ul li a.f{background:url(img/38-enter-b.jpg) 0 0 no-repeat;}
.activity_enter .center ul li a.s{background:url(img/38-enter-b.jpg) -284px 0 no-repeat;}
.activity_enter .center ul li a.l{background:url(img/38-enter-b.jpg) -567px 0 no-repeat;}
.activity_enter .center ul li a .btn{background:url(img/see-38-b.png) no-repeat;width:125px;height:36px;position:absolute;bottom:30px;right:20px;text-indent:-300px;overflow:hidden;}
.activity_enter .center ul li a:hover{border-color:#ff4674;outline:#ff4674 solid 1px;}
.activity_enter .center .bar_a{display:none;}

.w1200 .activity_enter .center{width:1200px;}
.w1200 .activity_enter .center ul{margin-right: 0;}
.activity_enter .center ul{float:right;margin-right: 52px;}
.w1200 .activity_enter .center ul li a{width:256px;height:194px;}
.w1200 .activity_enter .center ul li a.f{background:url(img/38-enter.jpg) 0 0 no-repeat;}
.w1200 .activity_enter .center ul li a.s{background:url(img/38-enter.jpg) -256px 0 no-repeat;}
.w1200 .activity_enter .center ul li a.l{background:url(img/38-enter.jpg) -518px 0 no-repeat;}
.w1200 .activity_enter .center ul li a .btn{background:url(img/see-38.png) no-repeat;width:115px;height:33px;position:absolute;bottom:30px;right:20px;text-indent:-300px;overflow:hidden;}
.w1200 .activity_enter .center .bar_a{display:block;background:url(img/38-b.gif) no-repeat;width:287px;height:82px;float:left;margin:82px 0 0 22px;}
.w1200 .activity_enter .center ul li a .btn{bottom:20px;}
/*this is 38 end*/

/*this is 315 start*/
.activity_enter.festival315 {background:url(img/activity_315.png) no-repeat center center #faecf0;height:259px;width:100%;max-width: 1856px;margin: 0 auto;}
.activity_enter.festival315 .center{width:980px;height:259px;margin:0 auto;}
.activity_enter.festival315 .center ul{float:left;margin-top:30px;margin-right: 0;margin-left: 11px;}
.activity_enter.festival315 .center ul li{float:left;margin-left:20px;}
.activity_enter.festival315 .center ul li a{display:block;border:#95cdc6 solid 1px;position:relative;width:433px;height:211px;}
.activity_enter.festival315 .center ul li a .festival315-good{width: 433px; height: 224px; position:absolute;z-index: 55;top:-12px;}
.activity_enter.festival315 .center ul li a.f{background:#fffbf2;margin-right: 6px;}
.activity_enter.festival315 .center ul li a.f .festival315-good{background:url(img/315-enter-2-1.png) no-repeat; }
.activity_enter.festival315 .center ul li a.s{background:#effdff;}
.activity_enter.festival315 .center ul li a.s .festival315-good{background:url(img/315-enter-2-2.png) no-repeat; }
/*.activity_enter.festival315 .center ul li a .btn{background:url(img/see-38-b.png) no-repeat;width:125px;height:36px;position:absolute;bottom:30px;right:20px;text-indent:-300px;overflow:hidden;}*/
.activity_enter.festival315 .center ul li a:hover{border:#00bfa6 solid 1px;outline:0px;}
.activity_enter.festival315 .center .bar_a{display:none;}

.w1200 .activity_enter.festival315 .center{width:1200px;}
.w1200 .activity_enter.festival315 .center ul{margin-right: 0;}
.w1200 .activity_enter.festival315 .center ul{float:left;margin-left: 0px;}
.w1200 .activity_enter.festival315 .center ul li a{width:402px;height:205px;}
.w1200 .activity_enter.festival315 .center ul li a .festival315-good{width: 403px; height: 217px; position:absolute;z-index: 55;top:-12px;}
.w1200 .activity_enter.festival315 .center ul li a.f{background:#fffbf2;margin-right: 0;}
.w1200 .activity_enter.festival315 .center ul li a.f .festival315-good{background:url(img/315-enter-1.png) no-repeat; }
.w1200 .activity_enter.festival315 .center ul li a.s{background:#effdff;}
.w1200 .activity_enter.festival315 .center ul li a.s .festival315-good{background:url(img/315-enter-2.png) no-repeat; }
/*.w1200 .activity_enter.315festival .center ul li a .btn{background:url(img/see-38.png) no-repeat;width:115px;height:33px;position:absolute;bottom:30px;right:20px;text-indent:-300px;overflow:hidden;}*/
.w1200 .activity_enter.festival315 .center .bar_a{display:block;background:url(img/315-b.gif) no-repeat;width:348px;height:197px;float:left;margin:31px 0 0 0px;}
.w1200 .activity_enter.festival315 .center ul li a .btn{bottom:20px;}
/*this is 315end*/

/* good-loading 轮播 by adong 20150304*/

.good-landing .img_list{overflow: hidden; position: relative; height: 285px;}
.hot_box.good-landing{position: relative;width: 285px;padding: 0;background: #f6f6f6;}
/* 根据图片的张数来设定ul的宽度 */
.img_list ul{ width: 980px; position: absolute; height: 260px; right: -735px;}
.img_list li{ float: left; width: 700px;}
.img_list img{ margin: 1px; width: 698px; height: 258px;}

/* 图片对应的按钮样式 */
.btn_list { overflow: hidden;}
.btn_list li{ float: left; margin-right: 10px; color: #999; border: 1px solid #ccc; }
.btn_list li:hover,.btn_list li.on{ cursor: pointer; border: 1px solid #fe4170;}
.btn_list li img{ width: 163px; height: 60px; display: block;}
.btn_list .last{ margin-right: 0;}
.good-landing .img_list{overflow: hidden; position: relative; height: 285px;}
/* 根据图片的张数来设定ul的宽度 */
.good-landing .img_list ul{ width: 1140px; position: absolute; height: 260px; right: 0px;}
.good-landing .img_list li{ float: left; width:285px;}
.good-landing .img_list img{ margin: 1px; width: 285px; height: 285px;}

/* 图片对应的按钮样式 */
.good-landing .btn_list {overflow: hidden;margin-top: 15px;}
.good-landing .btn_list li{ float: left; margin-right: 13px; color: #999; border: 1px solid #ccc;background: #9a9f99; }
.good-landing .btn_list li:hover,.btn_list li.on{ cursor: pointer; border: 1px solid #fe4170;}
.good-landing .btn_list li img{ width: 59px; height: 59px; display: block;}
.good-landing .btn_list .last{ margin-right: 0;}

/* 图片对应的说明*/
.good-landing .img_intro{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 39px;
}
.good-landing .img_intro .text a{margin-left:15px; text-decoration: none;color: #fff;font-family: "宋体";font-size: 14px;}
.good-landing .img_intro .text span{float: right;margin-right: 14px;color: #fff;font-family: "微软雅黑"}
.good-landing .img_intro .text span i{font-style: normal;font-size: 22px;}
.good-landing .img_intro .img_intro_bg,.img_intro .text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.good-landing .img_intro .img_intro_bg{
    background: #000;    
    opacity: .3;
    z-index: 999;
}
.good-landing .img_intro .text{
    line-height:39px;
    z-index: 1000;
    color: #999;
}
.good-landing .un-bg{
    background: #9ea199;
    opacity: 0.3;
}
.good-landing .btn_list li.on .un-bg{
    opacity: 1;
}
.w1200 .good-landing .go-jp{margin: 17px 0 30px 500px;}
.good-landing .go-jp{
    margin: 17px auto 30px;
    width: 200px;
    height: 40px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #3399cc;
    background: #fff;
    cursor: pointer;
    display: block;
}
/* good-loading end*/