/*产品详情*/
.details{width: 655px; }
.details .details-title{ font-size: 18px;}
.details .details-price{border: 1px solid #fae2e5; padding: 10px 30px 15px; color: #be1e2d; background: #ffeef0;font-size: 30px;}
.details .details-price span{font-size: 12px;color: #999;}
.details .details-price .tips{font-size: 12px;color: #999;margin-top: 8px;}
.details .details-colour label{/*width: 70px;*/line-height: 25px; float: left;height: 25px;}
.details .details-colour li{cursor: pointer; font-size: 12px; float: left; margin-left: 10px; line-height: 25px; padding:0px 18px; border: 1px solid #e5e5e5;}
.details .details-colour li.active{color: #be1e2d; border: 1px solid #be1e2d;}
.details .details-num{ padding: 10px 0px;}
.details .details-num label{width: 80px;line-height: 30px;height: 30px; float: left;}
.details .details-num .but{float: left; width: 30px; height: 30px; border: 1px solid #e5e5e5; border-right: 1px; background: #eee;}
.details .details-num .bot{float: left;width: 30px; height: 30px; border: 1px solid #e5e5e5; border-left: 1px; background:#eee;}
.details .details-num input{float: left;width: 50px; height: 28px; border: 1px solid #e5e5e5; border-left: none; border-right: none;padding: 0 10px;}
.details .details-buy{ border-top: 1px solid #e1e1e1;padding-top: 20px; }
.details .details-buy .but{width: 120px;height: 40px; line-height: 40px; text-align: center; background: #f05a23; color:#fff; border: 1px solid #f05a23;}
.details .details-buy .bot{width: 120px;height: 40px; line-height: 40px;   background: #f5f5f5; color:#000; border: 1px solid #e5e5e5;}
.details .details-buy .bot i{font-size: 24px; color: #f05a23; margin-left: 10px; float: left;}
.details .details-buy span{ line-height: 40px; display: block; }
.details .details-buy span i{font-size: 24px;  float: left; margin-right: 10px;}
.details .details-buy span .i1{color:#ff8000}
.details-buy-collect{height: 14px;width: 14px;cursor: pointer;}
.present{ width: 1200px; margin: 50px auto;}
.present-h3{ padding: 10px 20px;background-color: #f8f8f8;margin-bottom: 10px; }
.present-right{ width: 100%;box-sizing: border-box;}
.present-tab { height: 44px; line-height: 44px; background: #f8f8f8;border-left: 1px solid #f8f8f8}
.present-tab li{ cursor: pointer; width: 139px;text-align: center; float: left;}
.present-tab li.current{color: #be1e2d; border-top: 2px solid #be1e2d; background: #fff;}
.present-tab button{ margin: 4px 40px 4px 0px; width: 120px;height: 40px; line-height: 40px; text-align: center; background: #f05a23; color:#fff; border: 1px solid #f05a23;}
.present-box {padding: 30px 0;text-align: center;}

.present-one-img{text-align: center;margin-top: 20px;}
.present-one img{display: block;margin: 0 auto;max-width: 100%;}
.present-two{padding: 20px 20px 20px 20px;min-height: 600px;}
.present-two-title{ width: 120px; text-align: center;  line-height: 40px; color: #000;}
.present-two-boder{  border-bottom: 1px dashed #eee; padding-bottom: 10px; float: left;}
.present-two-text{line-height: 40px;}
.present-two-text label{  width: 120px; text-align: right; display: block;float: left;}
.present-two-text em{display: block; margin-left: 20px; float: left;}
.present-three-title{font-size: 16px; padding-left: 40px; color: #e50100; line-height: 34px; background:url(../images/present-5.jpg) no-repeat;text-align: initial;}
.three-title-sub{ padding: 0 40px !important;margin-bottom: -10px;color: #e50100 !important;}
.present-three-box{padding: 10px 40px; line-height: 25px; color: #666666;text-align: initial;}
.present-three-box a{color: #005aa0;}
.present-three{padding: 20px;min-height: 600px}

.goods-nav-info{border-bottom: 1px solid #e1e1e1;}
.goods-nav-info span{display: block;height: 40px;line-height: 40px;}
.present-left-title-item img{height:198px;width: 100%;}

.detailbox .spacing{ height: 15px;}
.detailbox .colrfff{ background-color: #fff;}
.detailbox .colrf1f{ background-color: #f1f1f1;}

.present-four{padding: 0 20px;}
.present-four>div{text-align: left;}
.present-four>div>label{ vertical-align: middle}
.present-four>div>span{ color: #e36944;font-size: 30px;vertical-align: middle;margin: 0 20px 0 5px;}
.present-four>div .spaceLine{ display: inline-block;width: 1px;height: 40px;background-color: #e6e6e6;vertical-align: middle;margin: 0 20px;}
.present-four>div.pl20>ul{ display: inline-block;overflow: hidden;vertical-align: middle;}
.present-four>div.pl20>ul li{ float: left;margin-left: 20px;cursor: pointer;}
.present-four>div.pl20>ul li.active{ color: #5d9cec;}
.present-four .order{ padding: 9px 0 9px 46px;overflow: hidden;background-color: #f8f8f8;margin: 20px 0;}
.present-four dl dt,.present-four dl dd{ float: left;cursor: pointer;}
.present-four dl dd{ margin-left: 30px;}
.present-four dl dd.active{color:#be9a54;}
.assessBox{ border-bottom: 1px solid #e1e1e1;padding: 20px 0;}
.present-four .assessList .assessBox:last-child{ border-bottom: 0;padding-bottom: 0;}
.present-four .assessList .assessBox:first-child{ padding-top: 0;}
.assessBox .mlft{ margin-left: 26px;}
.assessBox .assessHead p{ text-align: center;margin-top: 5px;}
.assessBox .assessMain li{ margin-bottom: 10px;}
.assessBox .assessMain .spec{ color: #999999;}
.assessBox .assessMain .comment{ font-size: 16px;}
.assessBox .assessMain .prductPic img{ margin-right: 10px;cursor: pointer;}
.assessBox .assessMain .contrTime{ font-size: 12px;color: #999999;}
.assessBox .assessMain .reply{ background-color: #f5f5f5;color: #999999;padding: 20px;}
.assessBox .assessMain .reply label{ display: inline-block;width: 10%;vertical-align: top;line-height: normal;height: auto;}
.assessBox .assessMain .reply p{ display: inline-block;width: 90%;}
.assessBox .assessMain .largePic{ background-color: #f8f8f8;position: relative;padding: 35px 0;}
.assessBox .assessMain .largePic .close{ position: absolute;top: 10px;right: 10px;cursor: pointer;}
.assessBox .assessMain .largePic .good-evaluate{ width: 45%;margin: 0 auto;}
.details .details-price .market-price{ font-size: 14px;margin-left: 50px;vertical-align: middle;color: #666;}
.details .details-price .market-price span{ font-size: 14px;display:inline-block;position: relative;}
.details .details-price .market-price span em{ position: absolute;left:0;right:0;height: 1px;background-color: #999;top: 9px;}
.details .details-price .interval{ display:inline-block;height: 13px;width:1px;background-color: #999;margin:0 20px;vertical-align: bottom;}
.diybtns{ background-color: #f8f8f8;}
/*.diybtns button,.diybtns button:hover{ width: 180px;border-color:#e1e1e1;color:#666;background-color:#fff;margin-right: 10px;}*/
.diybtns button,.diybtns button:hover{ width: 180px;border-color:#be1e2d;color:#be1e2d;background-color:#fff}
.diybtns button+button,.diybtns button+button:hover{ color:#fff;background-color:#be1e2d}
.specification-line{ overflow: hidden;}
.specification-line li{ padding: 8px 30px;float: left;min-width: 50%;text-align: left;line-height: 24px;font-size: 14px;border-bottom: 1px dashed #e8e8e8;box-sizing: border-box;}
.specification-line li span:first-child{float: left;display: block;width: 105px; }
.specification-line li span+span{ color: #999;text-align: left;display: block;margin-left: 105px;}

/*首页*/
.print-title{ height: 60px;line-height: 60px;}
.print-title-title{height: 60px;}
.print-title-class li{ padding: 0 5px;}
.print-title-class li a{margin-right: 5px;color: 15px;}
.print-title-title .tips{font-size: 24px;color: #333;margin-right: 20px;} 
.print-title-title .info{font-size: 16px;color: #999;} 
.print-con{padding:0px 0 60px;}
.print-con .pd30{padding:30px 0;}
.print-con .case-dsign-list{ margin: 0; }

.home-decoration-mall-con{margin-bottom: 30px;}
.home-decoration-mall-con-title{height: 32px;margin: 30px 0 20px 0;}
.home-decoration-mall-con-title-info{height: 32px;}
.home-decoration-mall-con-title-info .tips{font-size: 24px;color: #333;margin-right: 20px;}
.home-decoration-mall-con-title-info .txt{color: #999;font-size: 16px;}
.home-decoration-mall-con-banner img{width: 1200px;height: 280px;}
.home-decoration-mall-con-more{height: 20px;line-height: 20px;margin-top: 10px;}
.home-decoration-mall-con-item{margin-right: -13.333px;}
.home-decoration-mall-con-item-cell{padding: 10px 10px 15px;width: 260px;margin-right:13.333px;background: #fff;}
.home-decoration-mall-con-item-cell:hover{box-shadow: 0 0 10px #ccc;}
.home-decoration-mall-con-item-cell img{width: 270px;height: 270px;transition: all 0.6s;-ms-transition:all 0.6s;}
.home-decoration-mall-con-item-cell .tips{height: 26px;line-height: 28px;text-align: center;margin-top: 20px;color: #333;}
.home-decoration-mall-con-item-cell .price{height: 26px;line-height: 26px;color: #be1e2d;font-size: 18px;text-align: center;}

.swiper-button-next1 i{display: inline-block;transform: rotate(90deg);font-size: 20px;margin-left: -3px;vertical-align: middle;margin-top: 4px}
.swiper-button-prev1 i{display: inline-block;transform: rotate(-90deg);font-size: 20px;margin-right: -3px;vertical-align: middle;margin-top: 4px}
.home-decoration-mall-wrapper{ padding: 5px 0 10px; }
.home-decoration-mall-wrapper  .home-decoration-mall-con-item-cell{margin-right: 0;}
.home-decoration-mall-wrapper  .home-decoration-mall-con-item{margin-right: 0;}
.home-decoration-mall-wrapper .home-decoration-mall-con-item-cell{width: 270px;}
.home-decoration-mall-wrapper .home-decoration-mall-con-item-cell .home-decoration-mall-con-item-cell-img{margin: 0 auto;width: 270px;height: 270px;overflow: hidden;}
.home-decoration-mall-wrapper .home-decoration-mall-con-item-cell img+img{display: none;}
.home-decoration-mall-wrapper .home-decoration-mall-con-item-cell:hover img{display: none;}
.home-decoration-mall-wrapper .home-decoration-mall-con-item-cell:hover img+img{display: block;}

.home-decoration-mall-swiper .swiper-button-next{right: 6px;}
.home-decoration-mall-bg{background: #f8f8f8;padding-top: 30px;}
 .xiaopbuy .newheit{ height:55px;line-height:55px; }

/*轮播*/
.img-btn-list > span  {display: inline-block;width: 16px;height: 16px;border-radius: 50%;margin: 0 10px;background:transparent;cursor: pointer;border: 1px solid #fff;}
.img-btn-list > span.current {background: #be9a54;}

.xiaopbuy .bm-floor-three .img-btn-list>span{ width: 8px;height: 8px;background: #7c7c7c;border: 0;}
.xiaopbuy .bm-floor-three .img-btn-list>span.current{ background-color: #be9a54;}

.popular-recmend .popular-recmend-banner{ width:360px;height:402px;float: left;}
.popular-recmend .popular-recmend-banner img{ width:100%;height:100%;}
.popular-recmend .popular-recmend-list{ margin-left: 360px;height:402px;border:1px solid #e1e1e1;border-left: 0;box-sizing: border-box;}
.popular-recmend-list li{ float: left;overflow: hidden;border-left: 1px solid #e1e1e1;background-color: #fff;width:419px;height:200px;padding: 10px;box-sizing: border-box;}
.popular-recmend-list a:nth-child(2n+1) li{ border-left:0;}
.popular-recmend-list a:first-child li,.popular-recmend-list a:nth-child(2) li{ border-bottom:1px solid #e1e1e1;}
.popular-recmend-list li>div:first-child{ width:180px;height:180px;float: left;}
.popular-recmend-list li>div+div{ margin-left: 190px;padding-left: 15px;}
.popular-recmend-list li>div h3{ font-size:16px;color:#333;margin: 20px 0 15px;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.popular-recmend-list li>div p{ font-size:12px;color:#999;}
.popular-recmend-list li>div p+p{ font-size:24px;color:#be1e2d;margin: 25px 0px;}
.scene-need .scene-need-banner{ width:390px;height:370px;float: left;}
.scene-need .scene-need-banner img{ width:100%;height:100%;}
.scene-need .scene-need-list{ margin-left: 390px;}
.scene-need li{ float: left;width: 395px;height: 180px;margin-left: 10px;}
.scene-need a:first-child li,.scene-need a:nth-child(2) li{ margin-bottom: 10px; }

.activity-special .popular-recmend-list li{ width: 100%;height: 280px;border:1px solid #e1e1e1;border-left: 0;float: none;}
.activity-special .popular-recmend-list a:first-child li{ border-bottom: 0;}
.activity-special .popular-recmend-list li>div:first-child{ width: 260px;height: 260px; }
.activity-special .popular-recmend-list li>div+div{ margin-left: 270px; padding-left: 20px;}
.activity-special .popular-recmend-list li>div p.price{ font-size:30px; }
.activity-special .popular-recmend-list li>div p.price label{ font-size: 16px; }
.activity-special .popular-recmend-list li>div p.price span{ font-size: 16px;color: #999;display: inline-block;position: relative;margin-left: 15px;}
.activity-special .popular-recmend-list li>div p.price span em{ position: absolute;left: 0;right: 0;height: 1px;background-color: #999;top: 9px;}

.gift-strategy .case-dsign-list li{ width: 589.5px;}
.gift-strategy .case-dsign-list li>div h5{ font-size: 18px; }
.gift-strategy .case-dsign-list li>div p{ font-size: 14px; }
.gift-strategy .case-dsign-list li>div .line-space{ margin: 6px 0 12px; }
.print-con .gift-strategy .case-dsign-list li{ margin: 0 0 0 20px; }
.gift-strategy .case-dsign-list li>div+div{ border:1px solid #e1e1e1; }

/*翻转*/
.card-main {
     perspective: 1000;
    -webkit-perspective: 1000;
    width: 100%;
    margin-bottom: 3px;
    position: relative;
}
.face{
    position: absolute;
    width: 100%;
    border-radius:5px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    background-color: rgb(178, 39, 49);
}
.front {
    z-index: 10;
}
.back{
    transform:rotate3d(1,0,0,-180deg);
    -ms-transform:rotate3d(1,0,0,-180deg);  /* IE 9 */
    -moz-transform:rotate3d(1,0,0,-180deg); /* Firefox */
    -webkit-transform:rotate3d(1,0,0,-180deg); /* Safari 和 Chrome */
    -o-transform:rotateY(1,0,0,-180deg);  /* Opera */
    z-index: 8;
}
.card-flipped .front{
    transform:rotate3d(1,0,0,180deg);
    -ms-transform:rotate3d(1,0,0,180deg);/* IE 9 */
    -moz-transform:rotate3d(1,0,0,180deg);/* Firefox */
    -webkit-transform:rotate3d(1,0,0,180deg);/* Safari 和 Chrome */
    -o-transform:rotate3d(1,0,0,180deg);  /* Opera */
    z-index: 8;
}
.card-flipped .back{
    transform:rotate3d(1,0,0,0deg);
    -ms-transform:rotate3d(1,0,0,0deg);/* IE 9 */
    -moz-transform:rotate3d(1,0,0,0deg);/* Firefox */
    -webkit-transform:rotate3d(1,0,0,0deg);/* Safari 和 Chrome */
    -o-transform:rotate3d(1,0,0,0deg);  /* Opera */
    z-index: 10;
}

/*公告栏滚动*/
.swiper_wrap{
    float: left;
    position: relative;
    height: 35px;
    overflow: hidden;
    background: url(../images/notice.png) 0% 55% no-repeat;
    background-size: 35%;
}
.swiper_wrap ul{position: relative;top: 0;left: 0;float: right;color: #444;font-size: 14px;margin-top: 1px;}
.swiper_wrap ul li{line-height: 35px;padding-left: 24px;}
.swiper_wrap .font_inner a{color: #fff;font-size: 12px;}
.swiper_wrap a:hover{color: #FA9101;}