|
|
@@ -1,349 +1,356 @@
|
|
|
-@charset "utf-8";
|
|
|
-/**
|
|
|
- * PC端
|
|
|
- */
|
|
|
-li{list-style:none;}
|
|
|
-.productBox{width:100%;margin:16px 0;background:#FFF;box-sizing:border-box;padding:15px}
|
|
|
-.productBox .imageBox{float:left;width:452px;height:545px;position:relative}
|
|
|
-.productBox .page_main_type{width: 34px;height: 34px;text-align: justify;box-sizing: border-box;padding: 5px;border-radius: 0 0 8px 8px;background-color: #33CCBF;font-size: 12px;color: #FFFFFF;line-height: 13px;position: absolute;top: 0;left: 15px;z-index: 88;}
|
|
|
-.productBox .cm-product-cover-tag{position:absolute;top: 0;right: 15px;z-index: 99;width: 75px;height: 49px;background: url(/img/activity/cm_cover_bg_pc.png) no-repeat center;background-size: 75px;text-align: center;color: #fff;line-height: 27px;font-size: 12px;}
|
|
|
-.productBox .detailBox{float:right;width:686px;position: relative;}
|
|
|
-.productBox img{width:100%;height:100%;display:block}
|
|
|
-.productBox .bigImage{position:relative; width:452px;height:452px;background:#F3F7FE;border: 1px solid #e4e4e4;}
|
|
|
-.productBox .bigImage .mask{display:none;position:absolute;left:0;top:0;width:215px;height:215px;border:1px solid #aaa;background:rgba(255,208,22,.4);opacity:.5;filter:alpha(opacity:50);cursor:move}
|
|
|
-.productBox .smallImage{height:79px;padding-top:14px;overflow:hidden}
|
|
|
-.productBox .smallImage ul{width:452px}
|
|
|
-.productBox .smallImage li{float:left;box-sizing:border-box;width:79px;height:79px;margin-left:14px;background:#F3F7FE;opacity:.5;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
|
|
|
-.productBox .smallImage li.on{opacity:1;border:1px solid #FF5B00}
|
|
|
-.productBox .smallImage li:first-child{margin-left:0}
|
|
|
-.productBox .zoomImage{display:none;overflow:hidden;position:absolute;right:-466px;top:0;width:452px;height:452px;border:1px solid #e4e4e4;z-index:9999;background:#FFF}
|
|
|
-.productBox .zoomImage img{width:950px;height:950px;margin-right:10px;display:block;max-width:none;}
|
|
|
-.productBox .detailBox .product-collection{width: 72px;display: block;position: absolute;right: 0;top: 0;cursor: pointer;}
|
|
|
-.productBox .detailBox .product-collection img{height: 26px;width: 26px;display: block;margin: 0 auto;margin-bottom: 2px;}
|
|
|
-.productBox .detailBox .product-collection p{height: 26px;line-height: 26px;text-align: center;font-size: 14px;color: #333333;}
|
|
|
-.productBox .detailBox .crumbs{height:28px;line-height:28px;font-size:14px;overflow:hidden;color:#9aa5b5;padding:0;}
|
|
|
-.productBox .detailBox .crumbs a{color:#9aa5b5}
|
|
|
-.productBox .detailBox .crumbs a:hover{color:#FF5B00}
|
|
|
-.productBox .detailBox .title{font-size:18px;font-weight:bold;line-height:24px;padding:5px 0;color:#4A4F58;width: 620px;}
|
|
|
-.productBox .detailBox .tags{padding:2px 0}
|
|
|
-.productBox .detailBox .tags span{display:inline-block;line-height:16px;padding: 3px 6px;font-size:12px;color: #9aa5b5;border-radius:2px;margin-right:10px;border: 1px solid #e2e7ef;}
|
|
|
-.productBox .detailBox .detail{box-sizing:border-box;padding:14px 20px;font-size:14px;color:#9aa5b5;background:#f3f7fe;border-radius:2px;margin:10px 0;position:relative;}
|
|
|
-.productBox .detailBox .none-details{opacity: 0;box-sizing:border-box;padding:70px 20px;font-size:14px;color:#9aa5b5;margin:10px 0;position:relative;min-height: 332px;}
|
|
|
-.productBox .detailBox .none-details .none-image{width: 179px;height: 141px;display: block;margin: 0 auto;}
|
|
|
-.productBox .detailBox .none-details .none-text{width: 100%;height: 40px;line-height: 40px;text-align: center;color: #ffb496;font-size: 16px;}
|
|
|
-.productBox .detailBox .none-details.show{opacity: 1;}
|
|
|
-.productBox .detailBox .detail hr{border:none;border-top:1px dashed #E2E7EF;margin:12px 0}
|
|
|
-.productBox .detailBox .row{padding:3px 0 3px 80px;line-height:24px;}
|
|
|
-.productBox .detailBox .row.actStatus{position: relative}
|
|
|
-.productBox .detailBox .row .l{display:inline-block;min-width:70px;height:24px;text-align:justify;vertical-align:top;margin-left:-80px;}
|
|
|
-.productBox .detailBox .row .l:after{content:'';display:inline-block;width:100%}
|
|
|
-.productBox .detailBox .row>i{font-style:normal;}
|
|
|
-.productBox .detailBox .row>em{font-style:normal;color:#333333;margin-left: 15px}
|
|
|
-.productBox .detailBox .row>em.red {color: #f94b4b;}
|
|
|
-.productBox .detailBox .row>em del{color: #93979F}
|
|
|
-.productBox .detailBox .row>em.p{font-weight:bold;}
|
|
|
-.productBox .detailBox .row>em.p.price{color: #F94B4B;font-size: 18px;}
|
|
|
-.productBox .detailBox .row>em.ser{color:#93979F;display:inline-block;margin-right:20px;}
|
|
|
-.productBox .detailBox .row>em.ser:before{width:20px;height:20px;margin-right:5px;background-position:-60px 0;vertical-align:text-top;}
|
|
|
-.productBox .detailBox .row .coupon-tags{display: inline-block;padding-left: 7px;}
|
|
|
-.productBox .detailBox .row .coupon-tags>em{font-style:normal;display: inline-block;margin-right: 8px;}
|
|
|
-.productBox .detailBox .row .coupon-tags>em.couponTag-more{color: #4a4f58;cursor: pointer;}
|
|
|
-.productBox .detailBox .row .unit-tags{display: inline-block;padding-left: 7px;}
|
|
|
-.productBox .detailBox .row .unit-tags>em{font-style:normal;display: inline-block;margin-right: 8px;position: relative;}
|
|
|
-.productBox .detailBox .row .unit-tags .unitTags{display: inline-block;height: 24px;line-height: 24px;border: 1px solid #BFC6D2;border-radius: 3px;font-size: 14px;color: #627386;background: #FFFFFF;padding: 0 8px;position: relative;font-style: normal;cursor: pointer;margin-right: 8px;margin-bottom: 11px;}
|
|
|
-.productBox .detailBox .row .unit-tags .unitTags.active{border-color: #E15621;color: #E15621;}
|
|
|
-.productBox .detailBox .row .unit-tags .unitTags.active .tips{background: #FF5B00;}
|
|
|
-.productBox .detailBox .row .unit-tags .tips{display: block;padding: 0 4px;height: 16px;line-height: 16px;font-style: normal; font-size: 12px;text-align: center;background: #CBD2DF;border-radius: 2px;position: absolute;right: -5px;top: -8px;color: #FFFFFF;}
|
|
|
-.productBox .detailBox .price{height:24px}
|
|
|
-.productBox .detailBox .price .rmb{font-weight:bold;}
|
|
|
-.productBox .detailBox .price .icon{display:inline-block;font-size:0;height:24px;line-height:24px;vertical-align:text-top;}
|
|
|
-.productBox .detailBox .price .icon:before{width:80px;height:24px;margin-top:-4px;}
|
|
|
-.productBox .detailBox .price .icon.i0:before{background-position:-295px -140px}
|
|
|
-.productBox .detailBox .price .icon.i1:before{background-position:-295px -140px}
|
|
|
-.productBox .detailBox .price .icon.i2:before{background-position:-295px -174px}
|
|
|
-.productBox .detailBox .price .icon.i3:before{background-position:-295px -208px}
|
|
|
-.productBox .detailBox .price .icon.i4:before{background-position:-295px -242px}
|
|
|
-.productBox .detailBox .price .icon.i5:before{background-position:-295px -276px}
|
|
|
-.productBox .detailBox .priceTag {position:absolute;top:0px;left:88px;}
|
|
|
-
|
|
|
-
|
|
|
-/*会员标签*/
|
|
|
-.productBox .detailBox .price .svip-tag{width:100%;height:22px;letter-spacing:0;display: inline;margin-left: 10px}
|
|
|
-.productBox .detailBox .price .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:36px;height:22px;text-align:center;line-height:22px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
|
|
|
-.productBox .detailBox .price .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
|
|
|
-.productBox .detailBox .price .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:22px;padding-right:4px;margin-left:-27px;line-height:22px;background:#F0CB72;opacity:1;border-radius:2px;font-size:14px}
|
|
|
-.productBox .detailBox .price .svip-tag .svip-price span{color: #333;margin-left: 4px}
|
|
|
-
|
|
|
-.productBox .detailBox .number{display:inline-block;width:96px;line-height:24px;height:24px;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:2px;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;vertical-align:top;}
|
|
|
-.productBox .detailBox .number>em{display:inline-block;width:24px;height:22px;background:#FFE6DC;font-size:20px;font-style:normal;line-height:20px;vertical-align:top;cursor:pointer}
|
|
|
-.productBox .detailBox .number input{width:48px;border:none;line-height:22px;font-size:14px;vertical-align:top;text-align:center;color:#FF5B00;}
|
|
|
-.productBox .detailBox .detail .btn{position:absolute;right:20px;top:20px;height:32px;line-height:32px;padding:0 16px;background:#F94B4B;font-size:14px;color:#FFF;border-radius:2px}
|
|
|
-.productBox .detailBox .detail .row .btn{top:6px;right:0}
|
|
|
-.productBox .detailBox .btnBox{padding:15px 0}
|
|
|
-.productBox .detailBox .btnBox .cart,.productBox .detailBox .btnBox .buy{display:inline-block;width:160px;height:40px;line-height:40px;text-align:center;border:1px solid #FF5B00;background:#fff;cursor:pointer;border-radius:2px;font-size:16px;color:#FF5B00;margin:0 10px}
|
|
|
-.productBox .detailBox .btnBox .cart.disable{background: #FFE6DC;border-color: rgba(255, 230, 220, 0.3);color: #EFC5B2;}
|
|
|
-.productBox .detailBox .btnBox .buy.disable{background: rgba(225, 86, 22, 0.2);border-color: rgba(225, 86, 22, 0.2);}
|
|
|
-.productBox .detailBox .btnBox .cart:before{display:inline-block;width:20px;height:20px;vertical-align:middle;background-position:-30px -1px;margin-right:2px}
|
|
|
-.productBox .detailBox .btnBox .buy{background:#FF5B00;color:#FFF}
|
|
|
-.productBox .detailBox .detail .btn:hover,.productBox .detailBox .btnBox .cart:hover,.productBox .detailBox .btnBox .buy:hover{opacity:.8}
|
|
|
-.productBox .detailBox .concatBox{height:120px;padding:15px}
|
|
|
-.productBox .detailBox .concatBox img{height:120px;width:auto}
|
|
|
-.productBox .detailBox .upgrade{background:#F94B4B;border-radius:2px;display:inline-block;text-align:center;color:#FFFFFF;height:40px;line-height:40px;padding:0 30px;font-size:16px}
|
|
|
-/*配套商品*/
|
|
|
-.product-supporting{width: 100%;min-height: 200px;background-color: #FFFFFF;box-sizing: border-box;padding: 16px;margin-bottom: 16px;}
|
|
|
-.product-supporting-title{width: 100%;height: 30px;line-height: 30px;text-align: left;font-size: 16px;color: #333333;font-weight: bold;}
|
|
|
-.product-supporting-content{width: 100%;height: auto;}
|
|
|
-.product-supporting-td{width: 100%;height: 38px;line-height: 38px;}
|
|
|
-.product-supporting-td p{font-size: 14px;color: #627386;float: left;text-align: center;}
|
|
|
-.product-supporting-td p.td-1{width: 10%;text-align: left;}
|
|
|
-.product-supporting-td p.td-2{width: 20%;text-align: center;}
|
|
|
-.product-supporting-td p.td-3{width: 15%;}
|
|
|
-.product-supporting-td p.td-4{width: 20%;}
|
|
|
-.product-supporting-td p.td-5{width: 20%;}
|
|
|
-.product-supporting-td p.td-6{width: 15%;}
|
|
|
-.product-supporting-list{width: 100%;height: 102px;box-sizing: border-box;padding: 16px;}
|
|
|
-.product-supporting-list.active{background-color: #F3F7FE;}
|
|
|
-.product-supporting-list .tr{font-size: 14px;color: #627386;float: left;text-align: center;}
|
|
|
-.product-supporting-list .tr-1{width:10%;}
|
|
|
-.product-supporting-list .tr-1 a{width: 70px;height: 70px;display: block;position: relative;}
|
|
|
-.product-supporting-list .tr-1 a .smalltype{width: 22px;height: 22px;position: absolute;top: 0;right: 5px;z-index: 88;}
|
|
|
-.product-supporting-list .tr-1 .images{width: 70px;height: 70px;display: block;box-sizing: border-box;border: 1px solid #E2E7EF;border-radius: 2px;}
|
|
|
-.product-supporting-list .tr-2{width:20%;height: 100%;box-sizing: border-box;padding: 16px 0;}
|
|
|
-.product-supporting-list .tr-2 p{text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
|
|
|
-.product-supporting-list .tr-3{width:15%;box-sizing: border-box;padding: 16px;position: relative;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup{position: relative;height: 26px;display: inline-block;box-sizing: border-box;cursor: pointer; border: 1px solid #E2E7EF;border-radius: 2px;padding: 0 8px;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup .sku-text{width: 54px;height: 24px;text-align: left; display: block;line-height: 24px;font-size: 12px;color: #22272E;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;float: left;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup .sku-icon{width: 24px;height: 24px;float: right;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup .sku-icon .icon:before{width: 24px;height: 24px;background-position:-83px 2px;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw{width: 360px;height: 394px;z-index: 99; box-sizing: border-box;padding: 16px;position: absolute;bottom: -376px;left: 36px;background: #FFFFFF;box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.1);border: 1px solid #E2E7EF;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-title{width: 100%;height: 80px;float: left;margin-bottom: 10px;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-image{width: 80px;height: 80px;float: left;border: 1px dashed #E2E7EF;box-sizing: border-box;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-image img{width: 100%;height: 100%;display: block}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price{width: 200px;height: 80px;float: left;box-sizing: border-box;padding-left: 16px;padding-top: 16px;text-align: left;color: #F94B4B;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .price_grade{float: left;width: 100%;margin-bottom: 10px;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .icon:before{width:63px;height: 22px;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .icon.i1:before{background-position:-2px -715px}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .icon.i2:before{background-position:-2px -745px}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .icon.i3:before{background-position:-2px -775px}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .icon.i4:before{background-position:-2px -805px}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .icon.i5:before{background-position:-2px -835px}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .main_price_show{float: left;width: 100%;margin-bottom: 10px;color: #F94B4B;text-align: left;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .price_text_tag{float: left;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .couponTag{float: left;margin-right: 5px;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .icon{float: left;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .icon:before {width: 63px;height: 22px;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .icon:before {background-position: -2px -715px;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .svip-tag{height:22px;letter-spacing:0;float: left;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:30px;height:22px;text-align:center;line-height:22px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:24px;padding-right:2px;margin-left:-27px;line-height:22px;background:#F0CB72;opacity:1;border-radius:2px;font-size:12px}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .svip-tag .svip-price span{color: #333}
|
|
|
-
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-h1 {width: 100%;height: 20px;line-height: 20px;font-size: 14px;color: #22272E;font-weight: bold;float: left;text-align: left;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-unit{width: 100%;height: 180px;padding: 12px 0;overflow-y: scroll;box-sizing: border-box;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-unit .unitTags{display: inline-block;height: 24px;line-height: 24px;border: 1px solid #BFC6D2;border-radius: 2px;font-size: 12px;color: #627386;background: #FFFFFF;padding: 0 8px;position: relative;font-style: normal;cursor: pointer;margin-right: 8px;margin-bottom: 11px;float: left;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-price .price_text_tag .listTag{margin: 0;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-unit .unitTags.active{border-color: #E15621;color: #E15621;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-unit .unitTags.active .tips{background: #FF5B00;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-unit .tips{display: block;padding: 0 4px;height: 16px;line-height: 16px;font-style: normal; font-size: 12px;text-align: center;background: #CBD2DF;border-radius: 2px;position: absolute;right: -5px;top: -8px;color: #FFFFFF;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-button{width: 100%;height: 80px;position: absolute;bottom: 0;left: 0;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-button .sku-button-center{width: 184px;height: 80px;margin: 0 auto;box-sizing: border-box;padding: 24px 0;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-button .sku-btn{width: 68px;height: 32px;display: block;margin: 0 12px;font-size: 14px;text-align: center;line-height: 32px;float: left;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-button .sku-btn.cancel{background: #E2E2E2;color: #4A4F58;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-button .sku-btn.confirm{background: #E15621;color: #FFFFFF;}
|
|
|
-.product-supporting-list .tr-3 .sku-popup-viw .sku-button .sku-btn.disable{background: rgba(255,86,22,0.3);color: #FFFFFF;}
|
|
|
-
|
|
|
-
|
|
|
-.product-supporting-list .tr-4{width:20%;box-sizing: border-box;padding: 16px 0 0 44px;text-align: left;}
|
|
|
-.product-supporting-list .tr-4 .price .icon:before{width:63px;height: 22px;}
|
|
|
-.product-supporting-list .tr-4 .price .icon.i1:before{background-position:-2px -715px}
|
|
|
-.product-supporting-list .tr-4 .price .icon.i2:before{background-position:-2px -745px}
|
|
|
-.product-supporting-list .tr-4 .price .icon.i3:before{background-position:-2px -775px}
|
|
|
-.product-supporting-list .tr-4 .price .icon.i4:before{background-position:-2px -805px}
|
|
|
-.product-supporting-list .tr-4 .price .icon.i5:before{background-position:-2px -835px}
|
|
|
-.product-supporting-list .tr-4 .price .price_text_tag .svip-tag{-webkit-transform: translateX(4px);-ms-transform: translateX(4px);transform: translateX(4px);}
|
|
|
-.product-supporting-list .tr-4 .price .price_text_tag .listTag{-webkit-transform: translateX(4px);-ms-transform: translateX(4px);transform: translateX(4px);margin: 0;float: left;}
|
|
|
-.product-supporting-list .tr-4 .price .svip-tag{width:100%;height:22px;letter-spacing:0}
|
|
|
-.product-supporting-list .tr-4 .price .couponTag{margin: 0 4px 0 0;float: left;}
|
|
|
-.product-supporting-list .tr-4 .price .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:30px;height:22px;text-align:center;line-height:22px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
|
|
|
-.product-supporting-list .tr-4 .price .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
|
|
|
-.product-supporting-list .tr-4 .price .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:24px;padding-right:2px;margin-left:-27px;line-height:22px;background:#F0CB72;opacity:1;border-radius:2px;font-size:12px}
|
|
|
-.product-supporting-list .tr-4 .price .svip-tag .svip-price span{color: #333}
|
|
|
-.product-supporting-list .tr-4 .price .main_price_unde{float: left;width: 100%;margin-bottom: 10px;color: #F94B4B;text-align: left;}
|
|
|
-.product-supporting-list .tr-4 .price .main_price_show{float: left;width: 100%;margin-bottom: 10px;color: #F94B4B;text-align: left;}
|
|
|
-.product-supporting-list .tr-5{width:20%;box-sizing: border-box;padding: 16px 0;}
|
|
|
-.product-supporting-list .tr-5 .number{display:inline-block;width:96px;line-height:24px;height:24px;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:2px;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;vertical-align:top}
|
|
|
-.product-supporting-list .tr-5 .number>em{display:inline-block;width:24px;height:22px;background:#FFE6DC;font-size:20px;font-style:normal;line-height:20px;vertical-align:top;cursor:pointer}
|
|
|
-.product-supporting-list .tr-5 .number input{width:48px;border:none;line-height:22px;font-size:14px;vertical-align:top;text-align:center;color:#FF5B00}
|
|
|
-.product-supporting-list .tr-6{width:15%;box-sizing: border-box;padding: 16px 0;padding-left: 30px;}
|
|
|
-.product-supporting-more{width: 100%;height: 32px;}
|
|
|
-.product-supporting-more .more{width: 98px;height: 32px;line-height: 32px;font-size: 14px;margin: 0 auto;border-radius: 2px;border: 1px solid #cccccc;color: #909090;text-align: left;transition: all 0.2s;cursor: pointer;padding-left: 15px;box-sizing: border-box;position: relative;}
|
|
|
-.product-supporting-more .more .icon:before{background-position: -93px 7px;width: 20px;height: 32px;right: 0;position: absolute;}
|
|
|
-.product-supporting-button{width: 100%;height: auto;}
|
|
|
-.product-supporting-button .product-supporting-total{width: 100%;height: 44px;text-align: right;line-height: 44px;font-size: 16px;color: #22272E;}
|
|
|
-.product-supporting-button .product-supporting-total .ore{color: #E15621;}
|
|
|
-.product-supporting-button .product-supporting-total .red{color: #F94B4B;}
|
|
|
-.product-supporting-button .product-supporting-btn{width: 100%;height: 36px;text-align: right;}
|
|
|
-.product-supporting-button .product-supporting-btn .btn{width: 128px;height: 36px;text-align: center;border: 1px solid #E15621;float: right;margin-left: 20px;line-height: 36px;font-size: 14px;cursor: pointer;}
|
|
|
-.product-supporting-button .product-supporting-btn .btn.add{background-color: #FFE6DC;color: #E15621;}
|
|
|
-.product-supporting-button .product-supporting-btn .btn.buy{background-color: #E15621;color: #FFFFFF;}
|
|
|
-.recommendBox{margin-bottom:16px;overflow: hidden;}
|
|
|
-.recommendBox .hd{font-size:16px;color:#4A4F58;font-weight:bold;padding:16px 15px}
|
|
|
-#productRecommend{padding:16px 5px;background: #fff}
|
|
|
-#productRecommend li{float:left;width:167px;height:205px;overflow:hidden;background:#FFF;}
|
|
|
-#productRecommend li .item{width:151px;height:205px;margin:0 auto;line-height:22px;background:#FFF;}
|
|
|
-#productRecommend li .item a{display:block;width:100%;height:100%;color:#93979F}
|
|
|
-#productRecommend li .item a:hover{color:#FF5B00}
|
|
|
-#productRecommend li .item a:hover img{border: solid 1px #FF5B00;}
|
|
|
-#productRecommend li .item img{display:block;width:151px;height:151px;border:solid 1px #e2e7ef;}
|
|
|
-#productRecommend li .item span{max-height:44px;padding-top:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
|
|
|
-#productRecommend .swiper-wrapper{height:205px;overflow:hidden;background:url(/img/base/placeholder.png) repeat-x center;background-size:162px;}
|
|
|
-#productRecommend .swiper-pagination{width:100%;height:14px;z-index:1;text-align:center;font-size:0;}
|
|
|
-#productRecommend .swiper-pagination span{display:inline-block;width:14px;height:4px;border:5px solid transparent;cursor:pointer;opacity:.2;}
|
|
|
-#productRecommend .swiper-pagination span:before{content:"";display:inline-block;width:100%;height:4px;background:#FF5B00;border-radius:2px}
|
|
|
-#productRecommend .swiper-pagination span.on{width:28px;opacity:1;}
|
|
|
-
|
|
|
-.wrap>.productInfo{float:left;box-sizing:border-box;padding:0 0;width:884px;background:#FFF;min-height: 487px}
|
|
|
-.productInfo .tabTit{height:40px;line-height:40px;border-bottom:1px solid #ffe6dc;font-size:16px;color:#333333}
|
|
|
-.productInfo .tabTit span{display:inline-block;box-sizing:border-box;min-width:130px;text-align:center;height:100%;padding:0 32px;cursor:pointer}
|
|
|
-.productInfo .tabTit span:hover{color:#E15621}
|
|
|
-.productInfo .tabTit span.on,.productInfo .tabTit span.on:hover{background:#ffe6dc;color:#FF5B00;font-weight: bold;}
|
|
|
-.productInfo .tabCon{padding:16px;text-align:center;word-break: break-all;}
|
|
|
-.productInfo .tabCon img{width:100%;height: auto;}
|
|
|
-.productInfo .tabCon table{width:100%;text-align:left}
|
|
|
-.productInfo .tabCon td{padding:10px 12px;line-height:20px}
|
|
|
-.productInfo .tabCon td a{color: #4688fa;}
|
|
|
-.productInfo .tabCon td:nth-of-type(1){width:30%;color:#93979F}
|
|
|
-.productInfo .tabCon td:nth-of-type(2){width:40%;color:#93979F}
|
|
|
-.productInfo .tabCon td:nth-of-type(3){width:30%;color:#93979F}
|
|
|
-.productInfo .tabCon td a{color:#4688fa}
|
|
|
-.productInfo .comment{color:#93979F;padding:40px 0;margin-right: 30px; position: relative}
|
|
|
-.productInfo .product-qualificationTable{margin-bottom: 15px;}
|
|
|
-.productInfo .product-qualificationImg{width: 100%;height: auto;}
|
|
|
-.productInfo .product-qualificationImg image{width: 100%;height: auto;display: block;}
|
|
|
-.wrap>.rgt{float:right;width:284px}
|
|
|
-.wrap>.rgt .hd{height:40px;line-height:40px;padding:0 16px;font-size:16px;color:#FF5B00;font-weight:bold;background:#ffe6dc}
|
|
|
-.shopBox{margin-bottom:16px;background:#FFF}
|
|
|
-.shopBox .bd{padding:15px}
|
|
|
-.shopBox .bd .name{line-height:20px;padding: 10px 0;font-weight:bold;color:#4A4F58;font-size:14px;border-bottom:1px solid #F7F7F7;position: relative}
|
|
|
-.shopBox .bd .tit{line-height:30px;font-weight:bold;color:#4A4F58;font-size:14px}
|
|
|
-.shopBox .bd .con{line-height:20px;color:#627386;font-size:12px;margin-bottom:12px}
|
|
|
-.shopBox .bd .btn{display:block;width:100%;height:36px;line-height:36px;text-align:center;box-sizing:border-box;border-radius:2px;font-size:14px;color:#FF5B00;margin-top:12px;background: #fef6f3}
|
|
|
-.wrap>.rgt .section{background:#FFF}
|
|
|
-.wrap>.rgt .section .bd{padding:15px;line-height:24px;font-size:12px;color:#627386;margin-bottom: 12px}
|
|
|
-.wrap>.rgt .section .bd div:nth-child(1){font-weight: bold;font-size: 14px;color: #4a4f58;}
|
|
|
-.wrap>.rgt .section .bd div{margin-bottom: 12px}
|
|
|
-
|
|
|
-.row img{width:12px;height:12px;display:inline-block;margin:-3px 5px}
|
|
|
-.row .fuwu{margin-right:15px}
|
|
|
-input[type="number"]{-moz-appearance:none;-webkit-appearance:none}
|
|
|
-input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}
|
|
|
-.Boxtext{text-align:left;line-height:25px;color:#333333;padding-bottom:5px}
|
|
|
-.item-tips{width:312px;height:auto;padding:12px;border:1px solid rgba(225,86,22,0.30196078431372547);background:#ffffff;position:absolute;top:28px;left:93px}
|
|
|
-.tip-tr{width:100%;height:42px;border-bottom:1px solid rgba(225,86,22,0.30196078431372547)}
|
|
|
-.tips-content{width:294px;height:auto;border:1px solid rgba(225,86,22,0.30196078431372547);border-radius:5px;margin:auto}
|
|
|
-.tip-td{width:146px;height:100%;float:left;line-height:42px;font-size:14px;color:#FF5B00;text-align:center}
|
|
|
-.tip-tr:last-child{border-bottom:none}
|
|
|
-.tip-td:nth-child(1){border-right:1px solid rgba(225,86,22,0.30196078431372547)}
|
|
|
-.activepro{width:312px;overflow:hidden;cursor:pointer}
|
|
|
-.activeimg{width:68px;height:68px;float:left;line-height:68px}
|
|
|
-.activeimg img{width:100%;height:100%}
|
|
|
-.activeright{float:right;width:230px}
|
|
|
-.activeright p{text-align:left;line-height:20px;font-size:12px}
|
|
|
-.loginWithParam{color:rgb(225,86,22);width:100%;text-align:left}
|
|
|
-.vip-tips{width:114px;height:30px;background-color:#666;border-radius:2px;line-height:30px;font-size:12px;color:#FFF;text-align:center;position:absolute;top:-29px;left:81%;display:inline-block;opacity:0;transition:all 1s;z-index:999}
|
|
|
-.vip-tips:before{content:"";width:10px;height:10px;background:#666;position:absolute;bottom:-3px;left:17px;transform:rotate(45deg)}
|
|
|
-.icon.shop:hover .vip-tips{opacity:1}
|
|
|
-.row .pricedeail{font-weight:bold}
|
|
|
-.original-price{text-decoration:line-through}
|
|
|
-.modalForm{opacity:0}
|
|
|
-.show{opacity:1}
|
|
|
-.modal-back{display:block}
|
|
|
-.activityBox{left:93px}
|
|
|
-.commtext{width:700px;height:40px;background-color:#ffffff;border-radius:2px;border:solid 1px #b8bfca;padding-left:15px;font-size:16px}
|
|
|
-.pingjia{margin-top:25px;text-align:left}
|
|
|
-.pingjia button{width:128px;height:40px;background-color:#4a4f58;box-shadow:0px 3px 6px 0px rgba(147,151,159,0.17);border-radius:2px;color:#ffe6dc;cursor: pointer}
|
|
|
-.comment-right{float:right;color:#93979f}
|
|
|
-.tabCon .item div p{line-height: 26px;text-align: left;}
|
|
|
-.tabCon .item div p.tl{line-height: 40px;text-align: left; font-weight: bold;}
|
|
|
-.tabCon .item div p.tl .sm{line-height: 40px;text-align: left; font-weight: normal;}
|
|
|
-.noprice{color: #FF5B00;}
|
|
|
-.noprice .icon::before{width: 25px;height: 25px;background-position: -91px -545px;position: relative;top: 6px}
|
|
|
-.WeChat{float: right;font-size: 12px;cursor: pointer}
|
|
|
-.WeChat .icon{width: 40px;height: 40px;display: block;}
|
|
|
-.WeChat .icon::before{width: 40px;height: 40px;background-position: -147px -544px}
|
|
|
-.WeChat:hover .WechatBg{opacity: 1}
|
|
|
-.WechatBg{background: url(/img/base/Wechat.bg.png) no-repeat left top;width: 174px;height: 218px;position: absolute;right: -150px;top: -20px;opacity: 0}
|
|
|
-.WechatBg img{margin: 18px auto 10px;width: 132px;height: 132px;}
|
|
|
-.WechatBg p{font-size: 12px;text-align: center;width: 120px;margin: auto;}
|
|
|
-.Beautyfair .tag{width: 44px;height: 18px;line-height: 18px;font-size: 12px;float: left;margin-right: 5px;text-align: center;color: #FFFFFF !important;background-image: linear-gradient(270deg, #f9c023 0%, #f83600 100%);border-radius: 0px 10px 0px 0px;margin-top: 8px;}
|
|
|
-/*优惠券弹窗*/
|
|
|
-.coupon-popup{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.4);z-index: 99999;opacity: 0;}
|
|
|
-.coupon-popup.hide{opacity: 0;}
|
|
|
-.coupon-popup.show{opacity: 1;}
|
|
|
-.coupon-popup .coupon-popup-model-content{width:540px;height:492px;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#FFFFFF;margin:auto;border-radius:2px;box-sizing:border-box}
|
|
|
-.coupon-popup .title{width:100%;height:50px;float:left;box-sizing:border-box;position:relative;padding:0 24px;background-color: #f8f8f8;}
|
|
|
-.coupon-popup .title p{font-size:16px;line-height:50px;text-align:left;color:#333333;float:left;font-weight: bold;}
|
|
|
-.coupon-popup .title .icon{width:16px;height:16px;display:block;position:absolute;right:0;top:0;cursor:pointer;padding:10px}
|
|
|
-.coupon-popup .title .icon:before{width:16px;height:16px;background-position:-318px 0}
|
|
|
-.coupon-popup .coupon-popup-main{width:100%;height:442px;box-sizing:border-box;padding:0 40px;float:left;}
|
|
|
-.coupon-popup .coupon-popup-tabs{width: 100%;height: 57px;box-sizing: border-box;border-bottom: 1px solid #efefef;float: left;}
|
|
|
-.coupon-popup .popup-tabs-cell{width: 230px; float: left;box-sizing: border-box;padding: 0 91px;}
|
|
|
-.coupon-popup .popup-tabs-cell span{display: block;line-height: 57px;height: 57px;font-size: 16px;color: #333;cursor: pointer;box-sizing: border-box;text-align: center;}
|
|
|
-.coupon-popup .popup-tabs-cell.active span{color: #E15621;border-bottom: 1px solid #E15621;}
|
|
|
-.coupon-popup .coupon-popup-content{width:100%;height:385px;box-sizing:border-box;padding: 16px 0;float: left;}
|
|
|
-.coupon-popup .coupon-popup-content .empty{padding: 60px 0;}
|
|
|
-.coupon-popup .coupon-popup-content .empty img{width: 120px;height: 120px;}
|
|
|
-.coupon-popup .coupon-popup-content .empty .msg{color: #999;}
|
|
|
-.coupon-popup .coupon-popup-scroll{width:100%;height:100%;box-sizing:border-box;padding:0 45px;float:left;overflow:hidden;overflow-y:auto}
|
|
|
-.coupon-popup .coupon-list-cell{width: 369px;height: 148px;float: left;margin-bottom:24px;position: relative;background: url("/img/account/icon-coupon-uesb@2x.png") no-repeat;background-size: cover;}
|
|
|
-.coupon-popup .coupon-list-cell.none{background: url("/img/account/icon-coupon-received@2x.png") no-repeat;background-size: cover;}
|
|
|
-.coupon-popup .coupon-list-cell .coupon-list-le{width: 260px;height: 148px;float: left;box-sizing: border-box;padding: 24px 14px 12px 14px;}
|
|
|
-.coupon-popup .coupon-list-cell .coupon-list-money{width: 100%;height: 56px;line-height: 56px;color: #f94b4b;font-size: 14px;text-align: left;}
|
|
|
-.coupon-popup .coupon-list-cell .coupon-list-money .maxMoney{font-size: 40px;margin-right: 8px;}
|
|
|
-.coupon-popup .coupon-list-cell .coupon-list-name{width: 100%;height: 22px;line-height: 22px;color: #333333;font-size: 14px;text-align: left;margin-top: 13px;}
|
|
|
-.coupon-popup .coupon-list-cell .coupon-list-time{width: 100%;height: 22px;line-height: 22px;color: #999999;font-size: 12px;text-align: left;}
|
|
|
-.coupon-popup .coupon-list-cell .coupon-list-ri{width: 109px;height: 148px;float: left;box-sizing: border-box;font-size: 16px;color: #FFF;cursor: pointer;}
|
|
|
-.coupon-popup .coupon-list-cell .coupon-list-ri .buy{width: 100%;height: 100%;box-sizing: border-box;padding: 58px 0 0 0;text-align: center;}
|
|
|
-.coupon-popup .coupon-list-cell .coupon-list-ri .buy p{font-size: 16px;}
|
|
|
-.coupon-popup .coupon-list-cell .coupon-list-ri span{display:block;padding: 45px 47px;color: #FFFFFF;}
|
|
|
-.coupon-popup .coupon-list-cell .coupon-list-ri span.none{padding: 54px 47px;color: #FFFFFF;}
|
|
|
-.coupon-popup .coupon-list-cell .coupon-tags{height: 24px;line-height: 24px;text-align: center;border-radius: 8px 0 8px 0;position: absolute;top: 0;left: 0;padding: 0 10px;background-color: #f94b4b;color: #FFF;}
|
|
|
-
|
|
|
-/*资料样式*/
|
|
|
-.cm-database{text-align:initial}
|
|
|
-/*去登陆*/
|
|
|
-.cm-goLogin{width:884px;height:56px;margin-left:-16px;margin-bottom: 16px;background:#FFE6DC;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
|
|
|
-.cm-goLogin span:nth-child(1){font-size:16px;color:#FF5B00;line-height:56px}
|
|
|
-.cm-goLogin span:nth-child(2){width:80px;height:35px;background:#FF5B00;border-radius:2px;color:#fff;font-size: 16px;text-align: center;line-height: 35px;cursor: pointer;}
|
|
|
-.cm-database .cm-category .cm-category-title{padding-bottom:16px;font-size:16px;font-weight:bold;color:#4A4F58;border-bottom:1px solid #E2E7EF}
|
|
|
-.cm-database .cm-category .cm-content{margin:24px 0 40px}
|
|
|
-.cm-database .cm-category .cm-content .cm-section{margin-bottom:28px;padding-bottom:32px;border-bottom:1px solid #E2E7EF}
|
|
|
-.cm-database .cm-category .cm-content .cm-section:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
|
|
|
-.cm-database .cm-category .cm-content .cm-none{font-size:16px;color:#4A4F58}
|
|
|
-.cm-database .cm-category .cm-content .cm-title{display:-webkit-box;max-height:48px;font-size:16px;line-height:1.5;color:#4A4F58;word-break:break-all;text-align:justify;}
|
|
|
-.cm-database .cm-category .cm-content .cm-time{margin:16px 0 8px;font-size:14px;color:#9AA5B5}
|
|
|
-.cm-database .cm-category .cm-content .cm-detail img{ display:block;max-width:unset; max-height: unset;}
|
|
|
-.cm-database .cm-category .cm-content .cm-detail .cm-img-box{ border-radius:2px;margin:16px 16px 0 0;cursor:pointer;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
|
|
|
-.cm-database .cm-category .cm-content .cm-detail.cm-list .cm-img-box{width:200px;height:200px;float:left}
|
|
|
-.cm-database .cm-category .cm-content .cm-detail.cm-list .cm-img-box:nth-child(4n){margin-right:0}
|
|
|
-.cm-database .cm-category .cm-content .cm-detail.cm-list .cm-img-box img{display:block;width:100%;height:100%}
|
|
|
-.cm-database .cm-category .cm-content .cm-detail.cm-one .cm-img-box{max-width:600px;max-height:600px;display: block;}
|
|
|
-.cm-database .cm-category .cm-content .cm-detail.cm-one .cm-img-box img{display: block;max-width: 600px;max-height: 600px;}
|
|
|
-.cm-database .cm-category .cm-content .cm-detail.cm-two .cm-img-box{width: 300px;height: 300px;float: left;}
|
|
|
-.cm-database .cm-category .cm-content .cm-detail .cm-video-box{position:relative;width:832px;height:480px}
|
|
|
-.cm-database .cm-category .cm-content .cm-detail .cm-video-box .cm-player-btn{cursor:pointer;position:absolute;z-index:9;width:64px;height:64px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(/img/info/PC-player.png) no-repeat center}
|
|
|
-.cm-database .cm-category .cm-content .cm-detail .cm-video-box video{width:100%;height:100%;background:#000}
|
|
|
-.cm-database .cm-category .cm-player{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100vw;height:100vh;position:fixed;z-index:999;top:0;left:0;background:rgba(0,0,0,1)}
|
|
|
-.cm-database .cm-category .cm-player .cm-player-btn{cursor:pointer;position:absolute;z-index:9;width:64px;height:64px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(/img/info/PC-player.png) no-repeat center}
|
|
|
-.cm-database .cm-category .cm-player video{background:#000}
|
|
|
-.cm-database .cm-category.cm-file .cm-content .cm-title{ height:48px;-webkit-box-orient:vertical;white-space:normal;-webkit-line-clamp:2;overflow:hidden}
|
|
|
-.cm-database .cm-category.cm-file .cm-content .cm-cover{float:left;width:72px;height:72px;overflow:hidden}
|
|
|
-.cm-database .cm-category.cm-file .cm-content .cm-detail{float:left;width:764px;margin-left:16px;-webkit-box-sizing:border-box;box-sizing:border-box}
|
|
|
-.cm-database .cm-category.cm-file .cm-content .cm-detail .cm-row{margin:16px 0 8px}
|
|
|
-.cm-database .cm-category.cm-file .cm-content .cm-detail .cm-row .cm-time{margin:0;float:left;font-size:14px;color:#9AA5B5}
|
|
|
-.cm-database .cm-category.cm-file .cm-content .cm-detail .cm-row .cm-view{float:right;width:64px;font-size:16px;font-weight:400;color:#FF5B00;cursor:pointer}
|
|
|
-.cm-database .cm-category.cm-file .cm-content .cm-section{padding-bottom:0;border-bottom:0}
|
|
|
-
|
|
|
-/*图片预览背景*/
|
|
|
-.viewer-backdrop{z-index:13140 !important;background:#000 !important}
|
|
|
+@charset "utf-8";
|
|
|
+/**
|
|
|
+ * PC端
|
|
|
+ */
|
|
|
+li{list-style:none;}
|
|
|
+.productBox{width:100%;margin:16px 0;background:#FFF;box-sizing:border-box;padding:15px}
|
|
|
+.productBox .imageBox{float:left;width:452px;height:545px;position:relative}
|
|
|
+.productBox .page_main_type{width: 34px;height: 34px;text-align: justify;box-sizing: border-box;padding: 5px;border-radius: 0 0 8px 8px;background-color: #33CCBF;font-size: 12px;color: #FFFFFF;line-height: 13px;position: absolute;top: 0;left: 15px;z-index: 88;}
|
|
|
+.productBox .cm-product-cover-tag{position:absolute;top: 0;right: 15px;z-index: 99;width: 75px;height: 49px;background: url(/img/activity/cm_cover_bg_pc.png) no-repeat center;background-size: 75px;text-align: center;color: #fff;line-height: 27px;font-size: 12px;}
|
|
|
+.productBox .detailBox{float:right;width:686px;position: relative;}
|
|
|
+.productBox img{width:100%;height:100%;display:block}
|
|
|
+.productBox .bigImage{position:relative; width:452px;height:452px;background:#F3F7FE;border: 1px solid #e4e4e4;}
|
|
|
+.productBox .bigImage .mask{display:none;position:absolute;left:0;top:0;width:215px;height:215px;border:1px solid #aaa;background:rgba(255,208,22,.4);opacity:.5;filter:alpha(opacity:50);cursor:move}
|
|
|
+.productBox .smallImage{height:79px;padding-top:14px;overflow:hidden}
|
|
|
+.productBox .smallImage ul{width:452px}
|
|
|
+.productBox .smallImage li{float:left;box-sizing:border-box;width:79px;height:79px;margin-left:14px;background:#F3F7FE;opacity:.5;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
|
|
|
+.productBox .smallImage li.on{opacity:1;border:1px solid #FF5B00}
|
|
|
+.productBox .smallImage li:first-child{margin-left:0}
|
|
|
+.productBox .zoomImage{display:none;overflow:hidden;position:absolute;right:-466px;top:0;width:452px;height:452px;border:1px solid #e4e4e4;z-index:9999;background:#FFF}
|
|
|
+.productBox .zoomImage img{width:950px;height:950px;margin-right:10px;display:block;max-width:none;}
|
|
|
+.productBox .detailBox .product-collection{width: 72px;display: block;position: absolute;right: 0;top: 0;cursor: pointer;}
|
|
|
+.productBox .detailBox .product-collection img{height: 26px;width: 26px;display: block;margin: 0 auto;margin-bottom: 2px;}
|
|
|
+.productBox .detailBox .product-collection p{height: 26px;line-height: 26px;text-align: center;font-size: 14px;color: #333333;}
|
|
|
+.productBox .detailBox .crumbs{height:28px;line-height:28px;font-size:14px;overflow:hidden;color:#9aa5b5;padding:0;}
|
|
|
+.productBox .detailBox .crumbs a{color:#9aa5b5}
|
|
|
+.productBox .detailBox .crumbs a:hover{color:#FF5B00}
|
|
|
+.productBox .detailBox .title{font-size:18px;font-weight:bold;line-height:24px;padding:5px 0;color:#4A4F58;width: 620px;}
|
|
|
+.productBox .detailBox .tags{padding:2px 0}
|
|
|
+.productBox .detailBox .tags span{display:inline-block;line-height:16px;padding: 3px 6px;font-size:12px;color: #9aa5b5;border-radius:2px;margin-right:10px;border: 1px solid #e2e7ef;}
|
|
|
+.productBox .detailBox .detail{box-sizing:border-box;padding:14px 20px;font-size:14px;color:#9aa5b5;background:#f3f7fe;border-radius:2px;margin:10px 0;position:relative;}
|
|
|
+.productBox .detailBox .none-details{opacity: 0;box-sizing:border-box;padding:70px 20px;font-size:14px;color:#9aa5b5;margin:10px 0;position:relative;min-height: 332px;}
|
|
|
+.productBox .detailBox .none-details .none-image{width: 179px;height: 141px;display: block;margin: 0 auto;}
|
|
|
+.productBox .detailBox .none-details .none-text{width: 100%;height: 40px;line-height: 40px;text-align: center;color: #ffb496;font-size: 16px;}
|
|
|
+.productBox .detailBox .none-details.show{opacity: 1;}
|
|
|
+.productBox .detailBox .detail hr{border:none;border-top:1px dashed #E2E7EF;margin:12px 0}
|
|
|
+.productBox .detailBox .row{padding:3px 0 3px 80px;line-height:24px;}
|
|
|
+.productBox .detailBox .row.actStatus{position: relative}
|
|
|
+.productBox .detailBox .row .l{display:inline-block;min-width:70px;height:24px;text-align:justify;vertical-align:top;margin-left:-80px;}
|
|
|
+.productBox .detailBox .row .l:after{content:'';display:inline-block;width:100%}
|
|
|
+.productBox .detailBox .row>i{font-style:normal;}
|
|
|
+.productBox .detailBox .row>em{font-style:normal;color:#333333;margin-left: 15px}
|
|
|
+.productBox .detailBox .row>em.red {color: #f94b4b;}
|
|
|
+.productBox .detailBox .row>em del{color: #93979F}
|
|
|
+.productBox .detailBox .row>em.p{font-weight:bold;}
|
|
|
+.productBox .detailBox .row>em.p.price{color: #F94B4B;font-size: 18px;}
|
|
|
+.productBox .detailBox .row>em.ser{color:#93979F;display:inline-block;margin-right:20px;}
|
|
|
+.productBox .detailBox .row>em.ser:before{width:20px;height:20px;margin-right:5px;background-position:-60px 0;vertical-align:text-top;}
|
|
|
+.productBox .detailBox .row .coupon-tags{display: inline-block;padding-left: 7px;}
|
|
|
+.productBox .detailBox .row .coupon-tags>em{font-style:normal;display: inline-block;margin-right: 8px;}
|
|
|
+.productBox .detailBox .row .coupon-tags>em.couponTag-more{color: #4a4f58;cursor: pointer;}
|
|
|
+.productBox .detailBox .row .unit-tags{display: inline-block;padding-left: 7px;}
|
|
|
+.productBox .detailBox .row .unit-tags>em{font-style:normal;display: inline-block;margin-right: 8px;position: relative;}
|
|
|
+.productBox .detailBox .row .unit-tags .unitTags{display: inline-block;height: 24px;line-height: 24px;border: 1px solid #BFC6D2;border-radius: 3px;font-size: 14px;color: #627386;background: #FFFFFF;padding: 0 8px;position: relative;font-style: normal;cursor: pointer;margin-right: 8px;margin-bottom: 11px;}
|
|
|
+.productBox .detailBox .row .unit-tags .unitTags.active{border-color: #E15621;color: #E15621;}
|
|
|
+.productBox .detailBox .row .unit-tags .unitTags.active .tips{background: #FF5B00;}
|
|
|
+.productBox .detailBox .row .unit-tags .tips{display: block;padding: 0 4px;height: 16px;line-height: 16px;font-style: normal; font-size: 12px;text-align: center;background: #CBD2DF;border-radius: 2px;position: absolute;right: -5px;top: -8px;color: #FFFFFF;}
|
|
|
+.productBox .detailBox .price{height:24px}
|
|
|
+.productBox .detailBox .price .rmb{font-weight:bold;}
|
|
|
+.productBox .detailBox .price .icon{display:inline-block;font-size:0;height:24px;line-height:24px;vertical-align:text-top;}
|
|
|
+.productBox .detailBox .price .icon:before{width:80px;height:24px;margin-top:-4px;}
|
|
|
+.productBox .detailBox .price .icon.i0:before{background-position:-295px -140px}
|
|
|
+.productBox .detailBox .price .icon.i1:before{background-position:-295px -140px}
|
|
|
+.productBox .detailBox .price .icon.i2:before{background-position:-295px -174px}
|
|
|
+.productBox .detailBox .price .icon.i3:before{background-position:-295px -208px}
|
|
|
+.productBox .detailBox .price .icon.i4:before{background-position:-295px -242px}
|
|
|
+.productBox .detailBox .price .icon.i5:before{background-position:-295px -276px}
|
|
|
+.productBox .detailBox .priceTag {position:absolute;top:0px;left:88px;}
|
|
|
+
|
|
|
+
|
|
|
+/*会员标签*/
|
|
|
+.productBox .detailBox .price .svip-tag{width:100%;height:22px;letter-spacing:0;display: inline;margin-left: 10px}
|
|
|
+.productBox .detailBox .price .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:36px;height:22px;text-align:center;line-height:22px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
|
|
|
+.productBox .detailBox .price .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
|
|
|
+.productBox .detailBox .price .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:22px;padding-right:4px;margin-left:-27px;line-height:22px;background:#F0CB72;opacity:1;border-radius:2px;font-size:14px}
|
|
|
+.productBox .detailBox .price .svip-tag .svip-price span{color: #333;margin-left: 4px}
|
|
|
+
|
|
|
+.productBox .detailBox .number{display:inline-block;width:96px;line-height:24px;height:24px;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:2px;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;vertical-align:top;}
|
|
|
+.productBox .detailBox .number>em{display:inline-block;width:24px;height:22px;background:#FFE6DC;font-size:20px;font-style:normal;line-height:20px;vertical-align:top;cursor:pointer}
|
|
|
+.productBox .detailBox .number input{width:48px;border:none;line-height:22px;font-size:14px;vertical-align:top;text-align:center;color:#FF5B00;}
|
|
|
+.productBox .detailBox .detail .btn{position:absolute;right:20px;top:20px;height:32px;line-height:32px;padding:0 16px;background:#F94B4B;font-size:14px;color:#FFF;border-radius:2px}
|
|
|
+.productBox .detailBox .detail .row .btn{top:6px;right:0}
|
|
|
+.productBox .detailBox .btnBox{padding:15px 0}
|
|
|
+.productBox .detailBox .btnBox .cart,.productBox .detailBox .btnBox .buy{display:inline-block;width:160px;height:40px;line-height:40px;text-align:center;border:1px solid #FF5B00;background:#fff;cursor:pointer;border-radius:2px;font-size:16px;color:#FF5B00;margin:0 10px}
|
|
|
+.productBox .detailBox .btnBox .cart.disable{background: #FFE6DC;border-color: rgba(255, 230, 220, 0.3);color: #EFC5B2;}
|
|
|
+.productBox .detailBox .btnBox .buy.disable{background: rgba(225, 86, 22, 0.2);border-color: rgba(225, 86, 22, 0.2);}
|
|
|
+.productBox .detailBox .btnBox .cart:before{display:inline-block;width:20px;height:20px;vertical-align:middle;background-position:-30px -1px;margin-right:2px}
|
|
|
+.productBox .detailBox .btnBox .buy{background:#FF5B00;color:#FFF}
|
|
|
+.productBox .detailBox .detail .btn:hover,.productBox .detailBox .btnBox .cart:hover,.productBox .detailBox .btnBox .buy:hover{opacity:.8}
|
|
|
+.productBox .detailBox .concatBox{height:120px;padding:15px}
|
|
|
+.productBox .detailBox .concatBox img{height:120px;width:auto}
|
|
|
+.productBox .detailBox .upgrade{background:#F94B4B;border-radius:2px;display:inline-block;text-align:center;color:#FFFFFF;height:40px;line-height:40px;padding:0 30px;font-size:16px}
|
|
|
+/*配套商品*/
|
|
|
+.product-supporting{width: 100%;min-height: 200px;background-color: #FFFFFF;box-sizing: border-box;padding: 16px;margin-bottom: 16px;}
|
|
|
+.product-supporting-title{width: 100%;height: 30px;line-height: 30px;text-align: left;font-size: 16px;color: #333333;font-weight: bold;}
|
|
|
+.product-supporting-content{width: 100%;height: auto;}
|
|
|
+.product-supporting-td{width: 100%;height: 38px;line-height: 38px;}
|
|
|
+.product-supporting-td p{font-size: 14px;color: #627386;float: left;text-align: center;}
|
|
|
+.product-supporting-td p.td-1{width: 10%;text-align: left;}
|
|
|
+.product-supporting-td p.td-2{width: 20%;text-align: center;}
|
|
|
+.product-supporting-td p.td-3{width: 15%;}
|
|
|
+.product-supporting-td p.td-4{width: 20%;}
|
|
|
+.product-supporting-td p.td-5{width: 20%;}
|
|
|
+.product-supporting-td p.td-6{width: 15%;}
|
|
|
+.product-supporting-list{width: 100%;height: 102px;box-sizing: border-box;padding: 16px;}
|
|
|
+.product-supporting-list.active{background-color: #F3F7FE;}
|
|
|
+.product-supporting-list .tr{font-size: 14px;color: #627386;float: left;text-align: center;}
|
|
|
+.product-supporting-list .tr-1{width:10%;}
|
|
|
+.product-supporting-list .tr-1 a{width: 70px;height: 70px;display: block;position: relative;}
|
|
|
+.product-supporting-list .tr-1 a .smalltype{width: 22px;height: 22px;position: absolute;top: 0;right: 5px;z-index: 88;}
|
|
|
+.product-supporting-list .tr-1 .images{width: 70px;height: 70px;display: block;box-sizing: border-box;border: 1px solid #E2E7EF;border-radius: 2px;}
|
|
|
+.product-supporting-list .tr-2{width:20%;height: 100%;box-sizing: border-box;padding: 16px 0;}
|
|
|
+.product-supporting-list .tr-2 p{text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
|
|
|
+.product-supporting-list .tr-3{width:15%;box-sizing: border-box;padding: 16px;position: relative;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup{position: relative;height: 26px;display: inline-block;box-sizing: border-box;cursor: pointer; border: 1px solid #E2E7EF;border-radius: 2px;padding: 0 8px;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup .sku-text{width: 54px;height: 24px;text-align: left; display: block;line-height: 24px;font-size: 12px;color: #22272E;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;float: left;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup .sku-icon{width: 24px;height: 24px;float: right;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup .sku-icon .icon:before{width: 24px;height: 24px;background-position:-83px 2px;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw{width: 360px;height: 394px;z-index: 99; box-sizing: border-box;padding: 16px;position: absolute;bottom: -376px;left: 36px;background: #FFFFFF;box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.1);border: 1px solid #E2E7EF;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-title{width: 100%;height: 80px;float: left;margin-bottom: 10px;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-image{width: 80px;height: 80px;float: left;border: 1px dashed #E2E7EF;box-sizing: border-box;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-image img{width: 100%;height: 100%;display: block}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price{width: 200px;height: 80px;float: left;box-sizing: border-box;padding-left: 16px;padding-top: 16px;text-align: left;color: #F94B4B;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .price_grade{float: left;width: 100%;margin-bottom: 10px;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .icon:before{width:63px;height: 22px;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .icon.i1:before{background-position:-2px -715px}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .icon.i2:before{background-position:-2px -745px}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .icon.i3:before{background-position:-2px -775px}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .icon.i4:before{background-position:-2px -805px}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .icon.i5:before{background-position:-2px -835px}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .main_price_show{float: left;width: 100%;margin-bottom: 10px;color: #F94B4B;text-align: left;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .price_text_tag{float: left;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .couponTag{float: left;margin-right: 5px;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .icon{float: left;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .icon:before {width: 63px;height: 22px;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .icon:before {background-position: -2px -715px;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .svip-tag{height:22px;letter-spacing:0;float: left;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:30px;height:22px;text-align:center;line-height:22px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:24px;padding-right:2px;margin-left:-27px;line-height:22px;background:#F0CB72;opacity:1;border-radius:2px;font-size:12px}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .svip-tag .svip-price span{color: #333}
|
|
|
+
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-h1 {width: 100%;height: 20px;line-height: 20px;font-size: 14px;color: #22272E;font-weight: bold;float: left;text-align: left;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-unit{width: 100%;height: 180px;padding: 12px 0;overflow-y: scroll;box-sizing: border-box;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-unit .unitTags{display: inline-block;height: 24px;line-height: 24px;border: 1px solid #BFC6D2;border-radius: 2px;font-size: 12px;color: #627386;background: #FFFFFF;padding: 0 8px;position: relative;font-style: normal;cursor: pointer;margin-right: 8px;margin-bottom: 11px;float: left;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-price .price_text_tag .listTag{margin: 0;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-unit .unitTags.active{border-color: #E15621;color: #E15621;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-unit .unitTags.active .tips{background: #FF5B00;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-unit .tips{display: block;padding: 0 4px;height: 16px;line-height: 16px;font-style: normal; font-size: 12px;text-align: center;background: #CBD2DF;border-radius: 2px;position: absolute;right: -5px;top: -8px;color: #FFFFFF;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-button{width: 100%;height: 80px;position: absolute;bottom: 0;left: 0;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-button .sku-button-center{width: 184px;height: 80px;margin: 0 auto;box-sizing: border-box;padding: 24px 0;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-button .sku-btn{width: 68px;height: 32px;display: block;margin: 0 12px;font-size: 14px;text-align: center;line-height: 32px;float: left;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-button .sku-btn.cancel{background: #E2E2E2;color: #4A4F58;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-button .sku-btn.confirm{background: #E15621;color: #FFFFFF;}
|
|
|
+.product-supporting-list .tr-3 .sku-popup-viw .sku-button .sku-btn.disable{background: rgba(255,86,22,0.3);color: #FFFFFF;}
|
|
|
+
|
|
|
+
|
|
|
+.product-supporting-list .tr-4{width:20%;box-sizing: border-box;padding: 16px 0 0 44px;text-align: left;}
|
|
|
+.product-supporting-list .tr-4 .price .icon:before{width:63px;height: 22px;}
|
|
|
+.product-supporting-list .tr-4 .price .icon.i1:before{background-position:-2px -715px}
|
|
|
+.product-supporting-list .tr-4 .price .icon.i2:before{background-position:-2px -745px}
|
|
|
+.product-supporting-list .tr-4 .price .icon.i3:before{background-position:-2px -775px}
|
|
|
+.product-supporting-list .tr-4 .price .icon.i4:before{background-position:-2px -805px}
|
|
|
+.product-supporting-list .tr-4 .price .icon.i5:before{background-position:-2px -835px}
|
|
|
+.product-supporting-list .tr-4 .price .price_text_tag .svip-tag{-webkit-transform: translateX(4px);-ms-transform: translateX(4px);transform: translateX(4px);}
|
|
|
+.product-supporting-list .tr-4 .price .price_text_tag .listTag{-webkit-transform: translateX(4px);-ms-transform: translateX(4px);transform: translateX(4px);margin: 0;float: left;}
|
|
|
+.product-supporting-list .tr-4 .price .svip-tag{width:100%;height:22px;letter-spacing:0}
|
|
|
+.product-supporting-list .tr-4 .price .couponTag{margin: 0 4px 0 0;float: left;}
|
|
|
+.product-supporting-list .tr-4 .price .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:30px;height:22px;text-align:center;line-height:22px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
|
|
|
+.product-supporting-list .tr-4 .price .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
|
|
|
+.product-supporting-list .tr-4 .price .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:24px;padding-right:2px;margin-left:-27px;line-height:22px;background:#F0CB72;opacity:1;border-radius:2px;font-size:12px}
|
|
|
+.product-supporting-list .tr-4 .price .svip-tag .svip-price span{color: #333}
|
|
|
+.product-supporting-list .tr-4 .price .main_price_unde{float: left;width: 100%;margin-bottom: 10px;color: #F94B4B;text-align: left;}
|
|
|
+.product-supporting-list .tr-4 .price .main_price_show{float: left;width: 100%;margin-bottom: 10px;color: #F94B4B;text-align: left;}
|
|
|
+.product-supporting-list .tr-5{width:20%;box-sizing: border-box;padding: 16px 0;}
|
|
|
+.product-supporting-list .tr-5 .number{display:inline-block;width:96px;line-height:24px;height:24px;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:2px;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;vertical-align:top}
|
|
|
+.product-supporting-list .tr-5 .number>em{display:inline-block;width:24px;height:22px;background:#FFE6DC;font-size:20px;font-style:normal;line-height:20px;vertical-align:top;cursor:pointer}
|
|
|
+.product-supporting-list .tr-5 .number input{width:48px;border:none;line-height:22px;font-size:14px;vertical-align:top;text-align:center;color:#FF5B00}
|
|
|
+.product-supporting-list .tr-6{width:15%;box-sizing: border-box;padding: 16px 0;padding-left: 30px;}
|
|
|
+.product-supporting-more{width: 100%;height: 32px;}
|
|
|
+.product-supporting-more .more{width: 98px;height: 32px;line-height: 32px;font-size: 14px;margin: 0 auto;border-radius: 2px;border: 1px solid #cccccc;color: #909090;text-align: left;transition: all 0.2s;cursor: pointer;padding-left: 15px;box-sizing: border-box;position: relative;}
|
|
|
+.product-supporting-more .more .icon:before{background-position: -93px 7px;width: 20px;height: 32px;right: 0;position: absolute;}
|
|
|
+.product-supporting-button{width: 100%;height: auto;}
|
|
|
+.product-supporting-button .product-supporting-total{width: 100%;height: 44px;text-align: right;line-height: 44px;font-size: 16px;color: #22272E;}
|
|
|
+.product-supporting-button .product-supporting-total .ore{color: #E15621;}
|
|
|
+.product-supporting-button .product-supporting-total .red{color: #F94B4B;}
|
|
|
+.product-supporting-button .product-supporting-btn{width: 100%;height: 36px;text-align: right;}
|
|
|
+.product-supporting-button .product-supporting-btn .btn{width: 128px;height: 36px;text-align: center;border: 1px solid #E15621;float: right;margin-left: 20px;line-height: 36px;font-size: 14px;cursor: pointer;}
|
|
|
+.product-supporting-button .product-supporting-btn .btn.add{background-color: #FFE6DC;color: #E15621;}
|
|
|
+.product-supporting-button .product-supporting-btn .btn.buy{background-color: #E15621;color: #FFFFFF;}
|
|
|
+.recommendBox{margin-bottom:16px;overflow: hidden;}
|
|
|
+.recommendBox .hd{font-size:16px;color:#4A4F58;font-weight:bold;padding:16px 15px}
|
|
|
+#productRecommend{padding:16px 5px;background: #fff}
|
|
|
+#productRecommend li{float:left;width:167px;height:205px;overflow:hidden;background:#FFF;}
|
|
|
+#productRecommend li .item{width:151px;height:205px;margin:0 auto;line-height:22px;background:#FFF;}
|
|
|
+#productRecommend li .item a{display:block;width:100%;height:100%;color:#93979F}
|
|
|
+#productRecommend li .item a:hover{color:#FF5B00}
|
|
|
+#productRecommend li .item a:hover img{border: solid 1px #FF5B00;}
|
|
|
+#productRecommend li .item img{display:block;width:151px;height:151px;border:solid 1px #e2e7ef;}
|
|
|
+#productRecommend li .item span{max-height:44px;padding-top:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
|
|
|
+#productRecommend .swiper-wrapper{height:205px;overflow:hidden;background:url(/img/base/placeholder.png) repeat-x center;background-size:162px;}
|
|
|
+#productRecommend .swiper-pagination{width:100%;height:14px;z-index:1;text-align:center;font-size:0;}
|
|
|
+#productRecommend .swiper-pagination span{display:inline-block;width:14px;height:4px;border:5px solid transparent;cursor:pointer;opacity:.2;}
|
|
|
+#productRecommend .swiper-pagination span:before{content:"";display:inline-block;width:100%;height:4px;background:#FF5B00;border-radius:2px}
|
|
|
+#productRecommend .swiper-pagination span.on{width:28px;opacity:1;}
|
|
|
+
|
|
|
+.wrap>.productInfo{float:left;box-sizing:border-box;padding:0 0;width:884px;background:#FFF;min-height: 487px}
|
|
|
+.productInfo .tabTit{height:40px;line-height:40px;border-bottom:1px solid #ffe6dc;font-size:16px;color:#333333}
|
|
|
+.productInfo .tabTit span{display:inline-block;box-sizing:border-box;min-width:130px;text-align:center;height:100%;padding:0 32px;cursor:pointer}
|
|
|
+.productInfo .tabTit span:hover{color:#E15621}
|
|
|
+.productInfo .tabTit span.on,.productInfo .tabTit span.on:hover{background:#ffe6dc;color:#FF5B00;font-weight: bold;}
|
|
|
+.productInfo .tabCon{padding:16px;text-align:center;word-break: break-all;}
|
|
|
+.productInfo .tabCon img{width:100%;height: auto;}
|
|
|
+.productInfo .tabCon table{width:100%;text-align:left}
|
|
|
+.productInfo .tabCon td{padding:10px 12px;line-height:20px}
|
|
|
+.productInfo .tabCon td a{color: #4688fa;}
|
|
|
+.productInfo .tabCon td:nth-of-type(1){width:30%;color:#93979F}
|
|
|
+.productInfo .tabCon td:nth-of-type(2){width:40%;color:#93979F}
|
|
|
+.productInfo .tabCon td:nth-of-type(3){width:30%;color:#93979F}
|
|
|
+.productInfo .tabCon td a{color:#4688fa}
|
|
|
+.productInfo .comment{color:#93979F;padding:40px 0;margin-right: 30px; position: relative}
|
|
|
+.productInfo .product-qualificationTable{margin-bottom: 15px;}
|
|
|
+.productInfo .product-qualificationImg{width: 100%;height: auto;}
|
|
|
+.productInfo .product-qualificationImg image{width: 100%;height: auto;display: block;}
|
|
|
+.wrap>.rgt{float:right;width:284px}
|
|
|
+.wrap>.rgt .hd{height:40px;line-height:40px;padding:0 16px;font-size:16px;color:#FF5B00;font-weight:bold;background:#ffe6dc}
|
|
|
+.shopBox{margin-bottom:16px;background:#FFF}
|
|
|
+.shopBox .bd{padding:15px}
|
|
|
+.shopBox .bd .name{line-height:20px;padding: 10px 0;font-weight:bold;color:#4A4F58;font-size:14px;border-bottom:1px solid #F7F7F7;position: relative}
|
|
|
+.shopBox .bd .tit{line-height:30px;font-weight:bold;color:#4A4F58;font-size:14px}
|
|
|
+.shopBox .bd .con{line-height:20px;color:#627386;font-size:12px;margin-bottom:12px}
|
|
|
+.shopBox .bd .btn{display:block;width:100%;height:36px;line-height:36px;text-align:center;box-sizing:border-box;border-radius:2px;font-size:14px;color:#FF5B00;margin-top:12px;background: #fef6f3}
|
|
|
+.wrap>.rgt .section{background:#FFF}
|
|
|
+.wrap>.rgt .section .bd{padding:15px;line-height:24px;font-size:12px;color:#627386;margin-bottom: 12px}
|
|
|
+.wrap>.rgt .section .bd div:nth-child(1){font-weight: bold;font-size: 14px;color: #4a4f58;}
|
|
|
+.wrap>.rgt .section .bd div{margin-bottom: 12px}
|
|
|
+
|
|
|
+.row img{width:12px;height:12px;display:inline-block;margin:-3px 5px}
|
|
|
+.row .fuwu{margin-right:15px}
|
|
|
+input[type="number"]{-moz-appearance:none;-webkit-appearance:none}
|
|
|
+input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}
|
|
|
+.Boxtext{text-align:left;line-height:25px;color:#333333;padding-bottom:5px}
|
|
|
+.item-tips{width:312px;height:auto;padding:12px;border:1px solid rgba(225,86,22,0.30196078431372547);background:#ffffff;position:absolute;top:28px;left:93px}
|
|
|
+.tip-tr{width:100%;height:42px;border-bottom:1px solid rgba(225,86,22,0.30196078431372547)}
|
|
|
+.tips-content{width:294px;height:auto;border:1px solid rgba(225,86,22,0.30196078431372547);border-radius:5px;margin:auto}
|
|
|
+.tip-td{width:146px;height:100%;float:left;line-height:42px;font-size:14px;color:#FF5B00;text-align:center}
|
|
|
+.tip-tr:last-child{border-bottom:none}
|
|
|
+.tip-td:nth-child(1){border-right:1px solid rgba(225,86,22,0.30196078431372547)}
|
|
|
+.activepro{width:312px;overflow:hidden;cursor:pointer}
|
|
|
+.activeimg{width:68px;height:68px;float:left;line-height:68px}
|
|
|
+.activeimg img{width:100%;height:100%}
|
|
|
+.activeright{float:right;width:230px}
|
|
|
+.activeright p{text-align:left;line-height:20px;font-size:12px}
|
|
|
+.loginWithParam{color:rgb(225,86,22);width:100%;text-align:left}
|
|
|
+.vip-tips{width:114px;height:30px;background-color:#666;border-radius:2px;line-height:30px;font-size:12px;color:#FFF;text-align:center;position:absolute;top:-29px;left:81%;display:inline-block;opacity:0;transition:all 1s;z-index:999}
|
|
|
+.vip-tips:before{content:"";width:10px;height:10px;background:#666;position:absolute;bottom:-3px;left:17px;transform:rotate(45deg)}
|
|
|
+.icon.shop:hover .vip-tips{opacity:1}
|
|
|
+.row .pricedeail{font-weight:bold}
|
|
|
+.original-price{text-decoration:line-through}
|
|
|
+.modalForm{opacity:0}
|
|
|
+.show{opacity:1}
|
|
|
+.modal-back{display:block}
|
|
|
+.activityBox{left:93px}
|
|
|
+.commtext{width:700px;height:40px;background-color:#ffffff;border-radius:2px;border:solid 1px #b8bfca;padding-left:15px;font-size:16px}
|
|
|
+.pingjia{margin-top:25px;text-align:left}
|
|
|
+.pingjia button{width:128px;height:40px;background-color:#4a4f58;box-shadow:0px 3px 6px 0px rgba(147,151,159,0.17);border-radius:2px;color:#ffe6dc;cursor: pointer}
|
|
|
+.comment-right{float:right;color:#93979f}
|
|
|
+.tabCon .item div p{line-height: 26px;text-align: left;}
|
|
|
+.tabCon .item div p.tl{line-height: 40px;text-align: left; font-weight: bold;}
|
|
|
+.tabCon .item div p.tl .sm{line-height: 40px;text-align: left; font-weight: normal;}
|
|
|
+.noprice{color: #FF5B00;}
|
|
|
+.noprice .icon::before{width: 25px;height: 25px;background-position: -91px -545px;position: relative;top: 6px}
|
|
|
+.WeChat{float: right;font-size: 12px;cursor: pointer}
|
|
|
+.WeChat .icon{width: 40px;height: 40px;display: block;}
|
|
|
+.WeChat .icon::before{width: 40px;height: 40px;background-position: -147px -544px}
|
|
|
+.WeChat:hover .WechatBg{opacity: 1}
|
|
|
+.WechatBg{background: url(/img/base/Wechat.bg.png) no-repeat left top;width: 174px;height: 218px;position: absolute;right: -150px;top: -20px;opacity: 0}
|
|
|
+.WechatBg img{margin: 18px auto 10px;width: 132px;height: 132px;}
|
|
|
+.WechatBg p{font-size: 12px;text-align: center;width: 120px;margin: auto;}
|
|
|
+.Beautyfair .tag{width: 44px;height: 18px;line-height: 18px;font-size: 12px;float: left;margin-right: 5px;text-align: center;color: #FFFFFF !important;background-image: linear-gradient(270deg, #f9c023 0%, #f83600 100%);border-radius: 0px 10px 0px 0px;margin-top: 8px;}
|
|
|
+/*优惠券弹窗*/
|
|
|
+.coupon-popup{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.4);z-index: 99999;opacity: 0;}
|
|
|
+.coupon-popup.hide{opacity: 0;}
|
|
|
+.coupon-popup.show{opacity: 1;}
|
|
|
+.coupon-popup .coupon-popup-model-content{width:540px;height:492px;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#FFFFFF;margin:auto;border-radius:2px;box-sizing:border-box}
|
|
|
+.coupon-popup .title{width:100%;height:50px;float:left;box-sizing:border-box;position:relative;padding:0 24px;background-color: #f8f8f8;}
|
|
|
+.coupon-popup .title p{font-size:16px;line-height:50px;text-align:left;color:#333333;float:left;font-weight: bold;}
|
|
|
+.coupon-popup .title .icon{width:16px;height:16px;display:block;position:absolute;right:0;top:0;cursor:pointer;padding:10px}
|
|
|
+.coupon-popup .title .icon:before{width:16px;height:16px;background-position:-318px 0}
|
|
|
+.coupon-popup .coupon-popup-main{width:100%;height:442px;box-sizing:border-box;padding:0 40px;float:left;}
|
|
|
+.coupon-popup .coupon-popup-tabs{width: 100%;height: 57px;box-sizing: border-box;border-bottom: 1px solid #efefef;float: left;}
|
|
|
+.coupon-popup .popup-tabs-cell{width: 230px; float: left;box-sizing: border-box;padding: 0 91px;}
|
|
|
+.coupon-popup .popup-tabs-cell span{display: block;line-height: 57px;height: 57px;font-size: 16px;color: #333;cursor: pointer;box-sizing: border-box;text-align: center;}
|
|
|
+.coupon-popup .popup-tabs-cell.active span{color: #E15621;border-bottom: 1px solid #E15621;}
|
|
|
+.coupon-popup .coupon-popup-content{width:100%;height:385px;box-sizing:border-box;padding: 16px 0;float: left;}
|
|
|
+.coupon-popup .coupon-popup-content .empty{padding: 60px 0;}
|
|
|
+.coupon-popup .coupon-popup-content .empty img{width: 120px;height: 120px;}
|
|
|
+.coupon-popup .coupon-popup-content .empty .msg{color: #999;}
|
|
|
+.coupon-popup .coupon-popup-scroll{width:100%;height:100%;box-sizing:border-box;padding:0 45px;float:left;overflow:hidden;overflow-y:auto}
|
|
|
+.coupon-popup .coupon-list-cell{width: 369px;height: 148px;float: left;margin-bottom:24px;position: relative;background: url("/img/account/icon-coupon-uesb@2x.png") no-repeat;background-size: cover;}
|
|
|
+.coupon-popup .coupon-list-cell.none{background: url("/img/account/icon-coupon-received@2x.png") no-repeat;background-size: cover;}
|
|
|
+.coupon-popup .coupon-list-cell .coupon-list-le{width: 260px;height: 148px;float: left;box-sizing: border-box;padding: 24px 14px 12px 14px;}
|
|
|
+.coupon-popup .coupon-list-cell .coupon-list-money{width: 100%;height: 56px;line-height: 56px;color: #f94b4b;font-size: 14px;text-align: left;}
|
|
|
+.coupon-popup .coupon-list-cell .coupon-list-money .maxMoney{font-size: 40px;margin-right: 8px;}
|
|
|
+.coupon-popup .coupon-list-cell .coupon-list-name{width: 100%;height: 22px;line-height: 22px;color: #333333;font-size: 14px;text-align: left;margin-top: 13px;}
|
|
|
+.coupon-popup .coupon-list-cell .coupon-list-time{width: 100%;height: 22px;line-height: 22px;color: #999999;font-size: 12px;text-align: left;}
|
|
|
+.coupon-popup .coupon-list-cell .coupon-list-ri{width: 109px;height: 148px;float: left;box-sizing: border-box;font-size: 16px;color: #FFF;cursor: pointer;}
|
|
|
+.coupon-popup .coupon-list-cell .coupon-list-ri .buy{width: 100%;height: 100%;box-sizing: border-box;padding: 58px 0 0 0;text-align: center;}
|
|
|
+.coupon-popup .coupon-list-cell .coupon-list-ri .buy p{font-size: 16px;}
|
|
|
+.coupon-popup .coupon-list-cell .coupon-list-ri span{display:block;padding: 45px 47px;color: #FFFFFF;}
|
|
|
+.coupon-popup .coupon-list-cell .coupon-list-ri span.none{padding: 54px 47px;color: #FFFFFF;}
|
|
|
+.coupon-popup .coupon-list-cell .coupon-tags{height: 24px;line-height: 24px;text-align: center;border-radius: 8px 0 8px 0;position: absolute;top: 0;left: 0;padding: 0 10px;background-color: #f94b4b;color: #FFF;}
|
|
|
+
|
|
|
+/*资料样式*/
|
|
|
+.cm-database{text-align:initial}
|
|
|
+/*去登陆*/
|
|
|
+.cm-goLogin{width:884px;height:56px;margin-left:-16px;margin-bottom: 16px;background:#FFE6DC;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
|
|
|
+.cm-goLogin span:nth-child(1){font-size:16px;color:#FF5B00;line-height:56px}
|
|
|
+.cm-goLogin span:nth-child(2){width:80px;height:35px;background:#FF5B00;border-radius:2px;color:#fff;font-size: 16px;text-align: center;line-height: 35px;cursor: pointer;}
|
|
|
+.cm-database .cm-category .cm-category-title{padding-bottom:16px;font-size:16px;font-weight:bold;color:#4A4F58;border-bottom:1px solid #E2E7EF}
|
|
|
+.cm-database .cm-category .cm-content{margin:24px 0 40px}
|
|
|
+.cm-database .cm-category .cm-content .cm-section{margin-bottom:28px;padding-bottom:32px;border-bottom:1px solid #E2E7EF}
|
|
|
+.cm-database .cm-category .cm-content .cm-section:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
|
|
|
+.cm-database .cm-category .cm-content .cm-none{font-size:16px;color:#4A4F58}
|
|
|
+.cm-database .cm-category .cm-content .cm-title{display:-webkit-box;max-height:48px;font-size:16px;line-height:1.5;color:#4A4F58;word-break:break-all;text-align:justify;}
|
|
|
+.cm-database .cm-category .cm-content .cm-time{margin:16px 0 8px;font-size:14px;color:#9AA5B5}
|
|
|
+.cm-database .cm-category .cm-content .cm-detail img{ display:block;max-width:unset; max-height: unset;}
|
|
|
+.cm-database .cm-category .cm-content .cm-detail .cm-img-box{ border-radius:2px;margin:16px 16px 0 0;cursor:pointer;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
|
|
|
+.cm-database .cm-category .cm-content .cm-detail.cm-list .cm-img-box{width:200px;height:200px;float:left}
|
|
|
+.cm-database .cm-category .cm-content .cm-detail.cm-list .cm-img-box:nth-child(4n){margin-right:0}
|
|
|
+.cm-database .cm-category .cm-content .cm-detail.cm-list .cm-img-box img{display:block;width:100%;height:100%}
|
|
|
+.cm-database .cm-category .cm-content .cm-detail.cm-one .cm-img-box{max-width:600px;max-height:600px;display: block;}
|
|
|
+.cm-database .cm-category .cm-content .cm-detail.cm-one .cm-img-box img{display: block;max-width: 600px;max-height: 600px;}
|
|
|
+.cm-database .cm-category .cm-content .cm-detail.cm-two .cm-img-box{width: 300px;height: 300px;float: left;}
|
|
|
+.cm-database .cm-category .cm-content .cm-detail .cm-video-box{position:relative;width:832px;height:480px}
|
|
|
+.cm-database .cm-category .cm-content .cm-detail .cm-video-box .cm-player-btn{cursor:pointer;position:absolute;z-index:9;width:64px;height:64px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(/img/info/PC-player.png) no-repeat center}
|
|
|
+.cm-database .cm-category .cm-content .cm-detail .cm-video-box video{width:100%;height:100%;background:#000}
|
|
|
+.cm-database .cm-category .cm-player{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100vw;height:100vh;position:fixed;z-index:999;top:0;left:0;background:rgba(0,0,0,1)}
|
|
|
+.cm-database .cm-category .cm-player .cm-player-btn{cursor:pointer;position:absolute;z-index:9;width:64px;height:64px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(/img/info/PC-player.png) no-repeat center}
|
|
|
+.cm-database .cm-category .cm-player video{background:#000}
|
|
|
+.cm-database .cm-category.cm-file .cm-content .cm-title{ height:48px;-webkit-box-orient:vertical;white-space:normal;-webkit-line-clamp:2;overflow:hidden}
|
|
|
+.cm-database .cm-category.cm-file .cm-content .cm-cover{float:left;width:72px;height:72px;overflow:hidden}
|
|
|
+.cm-database .cm-category.cm-file .cm-content .cm-detail{float:left;width:764px;margin-left:16px;-webkit-box-sizing:border-box;box-sizing:border-box}
|
|
|
+.cm-database .cm-category.cm-file .cm-content .cm-detail .cm-row{margin:16px 0 8px}
|
|
|
+.cm-database .cm-category.cm-file .cm-content .cm-detail .cm-row .cm-time{margin:0;float:left;font-size:14px;color:#9AA5B5}
|
|
|
+.cm-database .cm-category.cm-file .cm-content .cm-detail .cm-row .cm-view{float:right;width:64px;font-size:16px;font-weight:400;color:#FF5B00;cursor:pointer}
|
|
|
+.cm-database .cm-category.cm-file .cm-content .cm-section{padding-bottom:0;border-bottom:0}
|
|
|
+
|
|
|
+/*图片预览背景*/
|
|
|
+.viewer-backdrop{z-index:13140 !important;background:#000 !important}
|
|
|
+
|
|
|
+/*图片样式改版*/
|
|
|
+.cm-images {
|
|
|
+ display: grid;
|
|
|
+ width: 100%;
|
|
|
+ grid-template-columns: repeat(3, 1fr);
|
|
|
+}
|
xiebaomin