.proMain-wrap {position: relative;width: 1200px;clear: both; margin-top: 8px;font-family: Arial,Tahoma,Verdana,Helvetica,"Microsoft YaHei",sans-serif; font-size: 12px;} /*========= 左边产品图片模块 =========*/ .proMain-left-content {position: relative; float: left; margin-bottom: 40px; } /*video*/ .gallery-video {position: absolute; left: 100px; display:block;} .has-video {position: relative; z-index: 66;background: #F1F1F1 url(../images/loading_2.gif) center center no-repeat;} /*大图*/ .gallery-bigImg-box {position: relative; float: left; width: 580px; height: 772px;} .gallery-bigImg-box .bigImg {position: relative;overflow: hidden; width: 100%; height: 100%; background-color: #f4f4f4; text-align: center;} .gallery-bigImg-box .bigImg img {display: inline-block; width: auto; height: 100%;} /*小图列表*/ .gallery-slider-list {position: relative; float: left; width: 92px; margin-right: 8px;} .gs-video-btn {position: relative;display: none;width: 92px;height: 122px; margin-bottom: 8px;background-color: #F1F1F1;text-align: center;overflow: hidden;cursor: pointer;color: #848484;} .gs-video-btn i {display: block;margin: 28px 0 10px;font-size: 32px; } .gs-video-btn p {display: inline-block; font-size: 14px;font-weight: bold;} .gs-video-btn:hover, .gs-video-btn.active {color: #333;} .gs-video-btn:hover p, .gs-video-btn.active p {border-bottom: 2px solid #333;} .gs-list {position: relative; width: 100%; height: 772px; overflow: hidden;} .gs-image-list {position: relative; height: 100%; overflow: hidden; } .gs-image-list ul {position: relative;} .gs-image-list li {position: relative; display: block; width: 92px; height: 122px; margin-bottom: 8px;background-color: #f4f4f4; text-align: center; overflow: hidden; cursor: pointer;} .gs-image-list li.last-li {margin-bottom: 0;} .gs-image-list li span {position: absolute; display: none; width: 100%; height: 100%; z-index: 2; background: rgba(22,22,22,.3) center center url("../images/loading_4.gif") no-repeat; } .gs-image-list li img {display: inline-block; width: auto; height: 100%; opacity: 0.6; vertical-align: middle; } .gs-image-list li:hover img, .gs-image-list li.active img {opacity: 1;} .gs-image-list li.loading span {display: block;} .js-gs-image-list{position: relative;} .gs-slide-btn {position: absolute; display: none; left: 26px; width: 40px; height: 20px; text-align: center; line-height: 20px; cursor: pointer; background-color: #000; opacity: 0.6; z-index: 10; } .gs-slide-btn i {color: #fff; display: inline-block; vertical-align: middle; font-weight: bold;} .gs-slide-btn.not-allowed { opacity: 0.1; cursor: not-allowed} .gs-slide-btn.not-allowed i { opacity: 0.8; cursor: not-allowed} .gs-slide-btn-prev i {margin-top: -3px;} .gs-slide-btn-next {bottom: 0;} .gs-list-spill .gs-slide-btn {display: block;} .gallery-slider-list._has_video .gs-video-btn {display: block;} .gallery-slider-list._has_video .gs-list {height: 642px;} /*图片放大*/ .zoomDiv{z-index:20;position:absolute;top:0px;left:0px;width:500px;height:500px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;} .zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;} /*折扣*/ /*.gallery-bigImg-box .discount_rate {position:absolute; top:15px; left:15px; z-index:10; overflow:hidden; display:block; width: 62px; height: 62px; background-color: #ea5455; font-size: 18px; text-align: center;line-height: 20px; padding: 10px 0; color: #fff; border-radius: 50%; box-sizing: border-box;}*/ /*模特信息*/ .gallery-bigImg-box .model-info { } .gallery-bigImg-box .model-info{position:absolute;bottom:20px;left:20px;z-index:50} .gallery-bigImg-box .model-t{padding:10px 15px;background-color:rgba(255,255,255,.8)} .gallery-bigImg-box .model-popup{display:none;position:absolute;bottom:-16px;padding-bottom:53px;padding-right:20px;white-space:nowrap} .gallery-bigImg-box .popup-wrap{padding:10px 25px 10px 10px;background-color:rgba(255,255,255,.8)} .gallery-bigImg-box .model-dts,.gallery-bigImg-box .model-pic{display:inline-block;vertical-align:top} .gallery-bigImg-box .model-pic{width:90px;margin-right:15px} .gallery-bigImg-box .model-pic img{width:100%} .gallery-bigImg-box .model-name{font-size:18px;line-height:28px} .gallery-bigImg-box .kv{line-height:18px} .gallery-bigImg-box .kv .key{color:#666;padding-right:30px;text-transform:capitalize;white-space:nowrap} .gallery-bigImg-box .kv .val{color:#666;text-align: right;} .gallery-bigImg-box .model-info:hover{cursor:default;} .gallery-bigImg-box .model-info:hover .model-t{background-color:rgba(255,255,255,1)} .gallery-bigImg-box .model-info:hover .model-popup{display: block;} /*产品分享*/ .plc-share {position: relative; width:100%; margin-top: 20px; padding-left: 100px; box-sizing: border-box;} .plc-share-box {position: relative;width: 465px;} .plc-share-box .share-cell {position: relative; display: inline-block; margin-right: 8px; height: 28px; clear: both;text-align: center; cursor: pointer;border-radius: 2px;} .plc-share-box .share-cell .share-cell-logo { float: left; width: 28px; overflow: hidden;line-height: 28px; } .plc-share-box .share-cell .share-cell-logo i {font-size: 20px;color: #fff} .plc-share-box .share-cell .share-cell-txt {float: left; min-width: 137px; padding: 0 2px;border-left: 1px solid #fff;line-height: 28px;} .plc-share-box .share-cell .share-cell-txt p {color: #fff;font-size: 12px;} .plc-share-box .share-cell .share-cell-tips {position: absolute;display: none; min-width: 158px; top: 32px;left: 0; border: 1px solid #eee; padding: 5px;background-color: #fff; z-index: 10;} .plc-share-box .share-cell .share-cell-tips p {color: #000;font-size: 12px;} .plc-share-box .share-cell-facebook {background-color: #415CAA} .plc-share-box .share-cell-pinterest {background-color: #CC3136} .plc-share-box .share-cell-polyvore {background-color: #333333} .plc-share-box .share-cell:hover .share-cell-tips {display: block;} .plc-share-box .plc-share-feedback { position: relative; padding: 8px 35px 8px 20px; border: 1px solid #eee; display: inline-block; margin-top: 15px;} .plc-share-box .plc-share-feedback .close{ color: #999;position: absolute;top: 1px;right: 1px;font-size: 14px;cursor: pointer;width: 18px;height: 18px;text-align: center;line-height: 18px;} .plc-share-box .plc-share-feedback div {color: #f00;font-size: 14px;line-height: 1.5;} .plc-share-box .plc-share-feedback a {color: #000;text-decoration: underline;} /*产品是正方形，默认为长方形*/ .proMain-square-wrap .gs-list{height: 592px;} /*.proMain-square-wrap .gs-image-list,.proMain-square-wrap .gs-image-list ul{height: 84px;}*/ .proMain-square-wrap .gs-image-list li, .proMain-square-wrap .gallery-slider-list._has_video .gs-video-btn {height: 92px;} .proMain-square-wrap .gs-image-list li img { width: 100%; height: auto; } .proMain-square-wrap .gallery-bigImg-box {position: relative; width: 592px; height: 592px;} .proMain-square-wrap .gallery-slider-list._has_video .gs-list {height: 492px;} .proMain-square-wrap .gs-video-btn i{margin: 18px 0 10px;} /*========= 右边产品信息 =========*/ .proMain-right-content {position: relative; float: right; width: 434px;} .prc-wrap {position: relative;width: 100%; clear: both;} .prc-wrap:after{ content:""; height:0; visibility:hidden; display:block; clear:both;} .prc-title {} .prc-title h1{display: initial;padding-right: 15px;line-height: 28px;color: #333;font-size: 18px;font-weight: 400;} .prc-title p{display: initial;color: #999; font-size: 14px;} /*信息工具栏*/ .prc-reviews-box {margin-top: 15px; height: 22px;line-height: 22px;} .prc-reviews-box .star-review{ width: 120px;position: relative;overflow: hidden; height: 16px; line-height: 16px; margin: 3px 0;vertical-align: middle; } .prc-reviews-box .star-review .span-star{display: block;z-index: 5; position: absolute;} .prc-reviews-box .star-review .span-star i{font-size: 16px; margin-right: 8px; float: left;} .prc-reviews-box .star-review .star-bg i {color: #ccc;} .prc-reviews-box .star-review .star-full i {color: #ffbf27;} .prc-reviews-box .star-review .star-full {z-index: 10; overflow: hidden;} .prc-reviews-box .star-review .star-full div {position: relative;width: 120px;height: 16px;} .prc-reviews-box .star-review .star-full[star-rating="0"]{width: 0px;} .prc-reviews-box .star-review .star-full[star-rating="0.5"]{width: 8px;} .prc-reviews-box .star-review .star-full[star-rating="1"]{width: 16px;} .prc-reviews-box .star-review .star-full[star-rating="1.5"]{width: 32px;} .prc-reviews-box .star-review .star-full[star-rating="2"]{width: 40px;} .prc-reviews-box .star-review .star-full[star-rating="2.5"]{width: 56px;} .prc-reviews-box .star-review .star-full[star-rating="3"]{width: 64px;} .prc-reviews-box .star-review .star-full[star-rating="3.5"]{width: 80px;} .prc-reviews-box .star-review .star-full[star-rating="4"]{width: 88px;} .prc-reviews-box .star-review .star-full[star-rating="4.5"]{width: 104px;} .prc-reviews-box .star-review .star-full[star-rating="5"]{width: 112px;} .prc-reviews-box .star-review-value {} .prc-reviews-box .star-review-value p{margin-right: 10px; color: #999;font-size: 14px; } .prc-reviews-box .star-review-value a {color: #999;} .prc-reviews-box .write-review-enter{} .prc-reviews-box .write-review-enter i{color: #999; cursor: pointer;} .prc-reviews-box .write-review-enter:hover i{color: #000;} .ask-question-enter{padding-top: 5px;} .ask-question-enter p{min-width: 90px; height: 22px; line-height: 22px; border-radius: 11px; text-align: center;color: #999;font-size: 12px; cursor: pointer;text-decoration: underline;} .ask-question-enter p:hover{color: #666;} /*价格*/ .prc-price {margin-top: 19px} .prc-price .pPrice_box {min-width: 238px; margin-bottom: 15px;} .prc-price .product_price big {color: #ee0000; font-size: 32px;display: inline-block;} .prc-price .product_price strike {margin-left: 10px;color: #999; font-size: 14px;} .prc-price .product_price p {display:inline-block; margin-right: 10px;} .prc-price .product_price span {color: #333;} .prc-price .stockout_tag {padding-top: 8px;margin-left: 10px;} .prc-price .stockout_tag p {font-size: 12px;padding: 3px 5px;border: 1px dashed #ff9999; color:#ff9999 } .prc-price .count_down{ position: relative; overflow: hidden; width: 182px;margin-bottom: 15px;} .prc-price .count_down .timer{position: relative; overflow: hidden; width: 200px;} .prc-price .count_down .timer *{display:inline-block;margin-right:18px;font-size:12px;line-height:34px;font-style:normal} .prc-price .count_down .timer span{position:relative;width:32px;height:34px; color:#fff;text-align:center;border-radius:5px;background-image: url(../images/new_img/shuttime-32x34.png); } .prc-price .count_down .timer span:after,.prc-price .count_down .timer span:before{content:" ";display:block;position:absolute;left:-11px;width:3px;height:3px;background:#000;border-radius:50%} .prc-price .count_down .timer span:before{top:10px} .prc-price .count_down .timer span:after{top:22px} .prc-price .count_down .timer span:first-child:after,.prc-price .count_down .timer span:first-child:before{width:0;height:0} /*闪购*/ .pro_count_down { position: relative; margin-top: 16px;} .pro_count_down .timer_info {display: block; height: 45px; padding: 0 12px; line-height: 45px; font-size: 12px;color: #333; background-color: #fff5f7;} .pro_count_down .timer_info:hover {text-decoration: none;} .pro_count_down .timer_info:hover .more_item {text-decoration: underline;} .pro_count_down .iconfont { margin-right: 6px; font-size: 16px; color: #f1163f;} .pro_count_down .timer { margin-left: 8px; color: #f22148; font-weight: bold;} .pro_count_down .timer span:after {content: ':'; padding: 0 4px;} .pro_count_down .timer span:last-child:after {content: '';} .pro_count_down .more_item {position: absolute; top: 0; right: 12px; line-height: 45px; color: #666;} /*is GST excluded*/ .gst-excluded_inner p, .free_return_inner p{font-size: 14px;color: #95bde5;background-color: #f2f7fb;border-radius: 2px;padding: 3px 6px;} /*isReturnFree*/ .free_return_inner, .gst-excluded_inner{ position: relative; display: inline-block;padding-top: 10px;margin-right: 5px;} .free_return_inner p {/* padding-bottom: 2px;*/display: inline-block;color: #7bc47f;background-color: #f2faf7;} .free_return_inner p img {} .free_return_inner div {display: none; position: absolute;z-index: 20; width: 388px; height: auto;background-color: #fff; border:1px solid #ccc; padding: 15px;top:40px;left:0; } .free_return_inner div li{line-height: 22px; font-size: 12px; color: #333;} .free_return_inner div:before, .free_return_inner div:after{content: ''; top: -20px;left: 28px;border-color:transparent transparent #ccc transparent;border-width: 10px;border-style: solid;width: 0;height: 0;position: absolute;} .free_return_inner div:before{} .free_return_inner div:after{ top: -19px;border-bottom-color: #fff;} .free_return_inner:hover div{display: block;} .prc-promotions-wrap {position: relative; padding-top: 15px;} .prc-promotions-wrap .promote-list {position: relative; cursor: pointer; } .prc-promotions-wrap ._list-title {position: relative; display: block; z-index: 6; height: auto; padding: 3px 10px;border: dashed 1px #f22148; border-left: solid 5px #f22148;color: #f22148; } .prc-promotions-wrap ._list-title p {display: inline-block; font-size: 14px;} .prc-promotions-wrap ._list-title i {} .prc-promotions-wrap ._list-info {position: absolute; display: none; border: solid 1px #f22148; background: #fff; z-index: 3; width: 350px;} .prc-promotions-wrap ._list-info ul {padding: 5px 10px;} .prc-promotions-wrap ._list-info ul li{font-size: 14px; line-height: 25px; color: #333333;} .prc-promotions-wrap ._list-info .step-list { padding: 0 10px;} .prc-promotions-wrap ._list-info .step-list p { background-color: transparent; color: #666;} .prc-promotions-wrap ._list-info p {font-size: 12px;color: #999999;padding: 5px; background: #f8f8f8;} .prc-promotions-wrap ._list-info .app-list { padding: 12px 10px 16px;} .prc-promotions-wrap ._list-info .app-list a {float: left; height: 24px; padding: 0 8px 0 6px; margin-right: 9px; line-height: 22px; border: 1px solid #ccc; border-radius: 13px; color: #999;} .prc-promotions-wrap .promote-list:hover ._list-info{display: block;} .prc-promotions-wrap .promote-more a { display: inline-block; margin-top: 5px; font-size: 12px;color: #666666;} .prc-promotions-wrap .promotions_lst{display: block;position: relative;background: #f6f6f6;z-index: 1;width: 408px;padding: 13px;border: transparent;} .prc-promotions-wrap .promotions_lst:hover{background: #fff3f5;} .prc-promotions-wrap ._list-info .icon-promotion{float: left;color: #e72c4f;} .prc-promotions-wrap .promotions_lst ul {padding: 0 10px;float: left;} .prc-promotions-wrap .promotions_lst ul li{font-size: 12px;line-height: 20px;color: #333333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 268px;} .prc-promotions-wrap ._list-info .more-items{position: absolute;right: 12px;top: 50%;margin-top: -6px;color: #666;} .prc-promotions-wrap .promotions_lst:hover .more-items{text-decoration: underline;} .prc-promotions-wrap .promotions_lst ul li .promotion_off{color: #e72c4f;} /*color select*/ /*.prc-color-wrap {margin-top: 17px;}*/ .prc-color-wrap .cw-title{ position: relative; width: auto; padding: 20px 0 5px 0; color: #333;font-size: 14px; } .prc-color-wrap ul.cw-list{ width: 105%; } .prc-color-wrap .cw-list li.licolor{float: left; text-align: center; border: 1px solid #999;overflow: hidden;background-color: #f4f4f4; cursor: pointer;} .prc-color-wrap .cw-list li.licolor img{display: inline-block; width: auto; height: 100%; } .proMain-rectangle-wrap .prc-color-wrap .cw-list li.licolor {width: 52px; height: 70px;margin:13px 18px 0 0;} .proMain-rectangle-wrap .prc-color-wrap .cw-list li.licolor.active, .proMain-rectangle-wrap .prc-color-wrap .cw-list li.licolor:hover {width: 50px; height: 68px;border: 2px solid #f22148;} .proMain-rectangle-wrap .prc-color-wrap .cw-list li.licolor.disabled, .proMain-rectangle-wrap .prc-color-wrap .cw-list li.licolor.disabled:hover {width: 52px; height: 70px;opacity: .5;cursor: not-allowed; border: 1px dashed #999;} .proMain-square-wrap .prc-color-wrap .cw-list li.licolor {width: 58px; height: 58px;margin:14px 14px 0 0;} .proMain-square-wrap .prc-color-wrap .cw-list li.licolor.active, .proMain-square-wrap .prc-color-wrap .cw-list li.licolor:hover {width: 56px; height: 56px;border: 2px solid #f22148;} .proMain-square-wrap .prc-color-wrap .cw-list li.licolor.disabled, .proMain-square-wrap .prc-color-wrap .cw-list li.licolor.disabled:hover {width: 58px; height: 58px;opacity: .5;cursor: not-allowed; border: 1px dashed #999;} /*选择尺寸和size-reference*/ .prc-sizeType-wrap { padding: 20px 0 18px;} .sizeType-box {position: relative;} .sizeType-box .st-title{padding: 4px 0; color: #333; font-size: 14px; cursor: pointer;} .sizeType-box .st-title i{font-size: 14px; margin-left: 10px;} .sizeType-box .st-list{position: absolute; display: none; background-color: #fff; border: 1px solid #eee;z-index: 10;} .sizeType-box .st-list li{font-size: 14px;min-width: 100px; height: 30px;line-height: 30px; padding-left: 25px; color: #666; cursor: pointer;} .sizeType-box .st-list li.active, .sizeType-box .st-list li:hover {background-color: #000; color: #fff;} .sizeType-box:hover .st-list{display: block;} .sizeType-box .st-list.hide{display: none;} .size-reference {min-width: 90px; height: 22px; line-height: 22px;color: #666;border-radius: 11px; cursor: pointer;white-space:nowrap;text-decoration: underline;} .size-reference i{display: inline-block; color: #fff; font-size: 18px; margin:-1px -12px 0 5px; vertical-align: middle; margin-left: 5px;} .size-reference:hover {color: #333;} /*尺码列表*/ .prc-size-wrap {/*margin-bottom: 5px;*/} .prc-size-wrap .product-size {} .prc-size-wrap .product-size li {display: block; float: left; height: 26px;min-width: 62px;padding: 0 5px;line-height: 28px;color: #333;font-size: 12px;text-align: center;border: 1px solid #ccc; margin:0 9px 10px 0; cursor: pointer;} .prc-size-wrap .product-size li.can_buy.active, .prc-size-wrap .product-size li.can_buy:hover {color: #f22148;border: 2px solid #f22148;height: 24px;min-width: 60px;line-height: 26px;} .prc-size-wrap .product-size li.disabled { color: #999; border-style: dashed; cursor: not-allowed;} .prc-size-wrap .product-size li.disabled:hover { border:1px dashed #ccc; color: #999; height: 26px; min-width: 62px;line-height: 28px; } .prc-size-wrap .product-size li.can_buy.disabled {cursor: default;} .prc-size-wrap .product-size li.can_buy.disabled:hover {cursor: default; border:1px dashed #f22148;color: #f22148;} .prc-size-wrap li.colors_type{width: 52px;height: 69px; min-width: 52px; padding:0;border: 1px solid #ccc;} .prc-size-wrap li.colors_type.can_buy.active, .prc-size-wrap li.colors_type.can_buy:hover{width: 50px;height: 67px; min-width: 50px; padding:0;} /*选择尺寸信息*/ .prc-size-wrap .product-size-info {} .prc-size-wrap .product-size-info .in-stock-tips{} .prc-size-wrap .product-size-info .in-stock-tips p{display: inline-block;font-size: 14px; line-height: 24px;color: #333;} .prc-size-wrap .product-size-info .email-on-sale{display: inline-block;color: #666; text-decoration: underline;font-size: 14px;} .prc-size-wrap .product-size-info .in-stock-tips .p2{display: none; color: #666;} .prc-size-wrap .product-size-info .size-tips { margin-top: 15px;padding: 5px 10px;background-color: #FFFBFC;border: 1px solid #FFE7EB;color: #666;line-height: 1.8;position: relative; } .prc-size-wrap .product-size-info .size-tips i.size-close {color: #F497A9;position: absolute;top: 7px;right: 5px;font-size: 14px;cursor: pointer;width: 18px;height: 18px; font-weight: bolder;text-align: center;line-height: 18px;} .prc-size-wrap .product-size-info .size-tips p.size-txt {overflow: hidden;word-wrap: break-word;white-space: normal; padding-right: 15px;} /*提示框的缺货信息*/ .stockout-tips-wrap {position: relative; border-top: 1px solid #ffe2e7; margin-top: 5px;} .stockout-tips-wrap .p-txt {font-size: 14px;color: #f22148;padding: 10px 0;border-bottom: 1px dashed #ffe2e7;} .stockout-tips-wrap .p-txt span {color: #F55475; font-weight: bold; } .stockout-tips-level {position: relative; padding-top: 10px;} .stockout-tips-level .stl-txt {text-align: center;} .stockout-tips-level .stl-txt p {position: relative; float: left; width: 25%; display: block; font-size: 12px;color: #666;} .stockout-tips-level .stl-bar { position: relative;margin:15px auto; width: 323px; height: 2px; background: #ccc;} .stockout-tips-level .stl-bar .count{ position: absolute; font-size: 14px; color: #ffffff; z-index: 1; display: block; width: 24px; height: 24px; line-height: 24px; top: -11px; overflow: hidden; text-align: center;} .stockout-tips-level .stl-bar .count.num_1{left: 0;} .stockout-tips-level .stl-bar .count.num_2{left: 100px;} .stockout-tips-level .stl-bar .count.num_3{right: 100px;} .stockout-tips-level .stl-bar .count.num_4{right: 0;} .stockout-tips-level .stl-bar .pre_point{ position: absolute; top: -11px; display: block; width: 24px; height: 24px; overflow: hidden; background: url(../images/pre_pointbgx24.png) 0 -24px no-repeat;} .stockout-tips-level .stl-bar .pre_point.pp_1{left: 0;} .stockout-tips-level .stl-bar .pre_point.pp_2{left: 100px;} .stockout-tips-level .stl-bar .pre_point.pp_3{right: 100px;} .stockout-tips-level .stl-bar .pre_point.pp_4{right: 0;} .stockout-tips-level .stl-bar .loading_bar{ display: block;width: 0%;height: 4px;border-radius: 6px;background-color: #f22148;} .stockout-tips-level .lv-days { width: 323px; margin: 0 auto;} .stockout-tips-level .lv-days .lv-txt {text-align: center;position: relative; float: left; width: 33.33%; display: block; } .stockout-tips-level .lv-days .lv-txt p {font-size: 12px;color: #999;} .stockout-tips-level .stl-info {padding: 5px;background-color: #fff;} .stockout-tips-level .stl-info p { font-size: 14px;color: #666;} /*quantity*/ .quantity-box {position: relative; overflow: hidden;margin:25px 0 32px;} .quantity-box span.txt{ color: #333; font-size: 14px;line-height: 28px;float: left;margin-right: 15px; } .quantity-box .quantity-select{position: relative; overflow: hidden;} .quantity-box .quantity-select .count{display:block;float:left;width:26px;height:26px;border-radius:50px;text-align:center;line-height:26px;cursor:pointer;-moz-user-select:none;border:1px solid #fff;} .quantity-box .quantity-select .count i{font-size:24px;color:#666;font-weight:800} .quantity-box .quantity-select .count:hover{border-color: #666;} .quantity-box .quantity-select .count:hover i{color: #666;} .quantity-box .quantity-select .count.gray i{color:#ccc;} .quantity-box .quantity-select .count.gray:hover{border-color: #fff;} .quantity-box .quantity-select .count.gray:hover i{color: #ccc;} .quantity-box .quantity-select .quantity{width:40px;height:26px;line-height:26px;font-size:14px;border:none;margin:0 4px;text-align:center;float:left} /*btn 加入购物车和收藏*/ .prc-btn-like-box{} .prc-btn-like-box .add-to-bag{position: relative; width: 70%; padding: 0 5px; height: 48px; background-color: #e72c4f;border-radius: 3px; line-height: 48px; text-align: center; border: 0;cursor: pointer; overflow: hidden; } .prc-btn-like-box .add-to-bag.disabled{color: #999; background-color: #E9E9E9;cursor: default;} .prc-btn-like-box .add-to-bag p{position: relative; display: block;width: 100%;height: 48px;font-size: 24px;color: #fff;} .prc-btn-like-box .add-to-bag i{display: inline-block;width: 28px; height: 28px; background: url(../images/loading_3.gif) no-repeat;vertical-align: middle;} .prc-btn-like-box .add-to-bag.is_submit p {display: none;} .prc-btn-like-box .btn-like{width: 25%; height: 46px; line-height: 46px; text-align: center;cursor: pointer;} .prc-btn-like-box .btn-like .iconfont{font-size: 26px;vertical-align: middle;} .prc-btn-like-box .btn-like .get-like-heart{color: #f22148;display: inline-block;} .prc-btn-like-box .btn-like .liked-heart{color: #000;display: none;} .prc-btn-like-box .btn-like .liked-count{color: #000;display: inline-block;font-size: 14px; vertical-align: middle;} /*.prc-btn-like-box .btn-like:hover .get-like-heart {color: #f22148;}*/ /*.prc-btn-like-box .btn-like:hover .get-like-heart,*/ .prc-btn-like-box .btn-like.btn-liked-heart .get-like-heart{display: none;} /*.prc-btn-like-box .btn-like.btn-liked-heart .liked-count{color: #f22148;}*/ /*.prc-btn-like-box .btn-like:hover .liked-heart,*/ .prc-btn-like-box .btn-like.btn-liked-heart .liked-heart{display: inline-block; color: #f22148;} /*loading style*/ .prc-btn-like-box .btn-like.disabled .iconfont{color: #999} .prc-btn-like-box .btn-like.disabled:hover .get-like-heart, .prc-btn-like-box .btn-like.disabled.btn-liked-heart .get-like-heart{display: inline-block;} /*产品信息*/ .prc-info-details {margin: 42px 0;} .prc-info-wrap {} .prc-info-wrap .desc-title-con {min-height: 50px; line-height: 50px;cursor: pointer; } .prc-info-wrap .desc-title-con b {float: left; font-size: 16px; color: #999;} .prc-info-wrap .desc-title-con i {font-weight: bolder; float: right; font-size: 26px; color: #999;} .prc-info-wrap .desc-title-con.desc-title-active b {color: #333;} .prc-info-wrap .desc-title-con.desc-title-active i { color: #666;} .prc-info-wrap .desc-content-con {position: relative;} .prc-info-details .info-desc{border-top: 1px solid #eee;} .prc-info-details .info-desc b{} /*.prc-info-details .info-desc div{margin: 20px 0;font-size: 14px;line-height: 1.6;}*/ .prc-info-details .info-desc ul{margin: 20px 0;color: #666;} .prc-info-details .info-desc ul li{width: 100%;clear: both;} .prc-info-details .info-desc ul li p{font-size: 12px;line-height: 24px; float: left; width: 50%; word-break: break-word;} .prc-info-details .info-promotions{position: relative;width: 100%;border-top: 1px solid #eee;} .prc-info-details .info-promotions .promotions-cell{width: 50%; float: left; height: 60px;/* line-height: 60px;*/ border-bottom: 1px solid #eee;} .prc-info-details .info-promotions .discount-txt {display: inline-block; margin-top: 16px;} .prc-info-details .info-promotions .discount-txt i.iconfont{display: inline-block; vertical-align: middle; font-size: 28px; color: #333; } .prc-info-details .info-promotions .discount-txt p.txt{display: inline-block;font-size: 14px; color: #333; margin-left: 5px; cursor: pointer; } .prc-info-details .info-promotions .promotions-cell.cell-discount, .prc-info-details .info-promotions .promotions-cell.cell-buyerprotection{cursor: default;} /*.prc-info-details .info-promotions .discount-info{display: none; position: absolute;top: 0;left: 0; z-index: 10; width: 390px;min-height: 120px;padding: 15px;background-color: #fbfbfb; line-height: 1.8; }*/ .prc-info-details .info-promotions .discount-info b{color: #333;font-size: 14px; display: inline-block;padding-bottom: 10px;} .prc-info-details .info-promotions .discount-info p{color: #666;line-height: 24px;font-size: 12px;} .js-discount-txt:hover .discount-info{display: block;} /*==== 预售产品的模块 S ====*/ /*售产品的level*/ .pre-price-level { font-family: Arial; margin: 20px 0; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; background-color: #f8f8f8;} .pre-price-level .pre_bar { position: relative;margin:34px 5% 26px; width: 90%; height: 4px; background: #ccc;} .pre-price-level .pre_bar .count{ position: absolute; font-size: 14px; font-weight: bold; color: #ffffff; z-index: 1; display: block; width: 24px; height: 24px; line-height: 24px; top: -9px; overflow: hidden; text-align: center;} .pre-price-level .pre_bar .count.num_1{left: 0;} .pre-price-level .pre_bar .count.num_2{left: 32%;} .pre-price-level .pre_bar .count.num_3{right: 32%;} .pre-price-level .pre_bar .count.num_4{right: 0;} .pre-price-level .pre_bar .pre_point{ position: absolute; top: -9px; display: block; width: 24px; height: 24px; overflow: hidden; background: url(../images/pre_pointbgx24.png) 0 -24px no-repeat;} .pre-price-level .pre_bar .pre_point.pp_1{left: 0;} .pre-price-level .pre_bar .pre_point.pp_2{left: 32%;} .pre-price-level .pre_bar .pre_point.pp_3{right: 32%;} .pre-price-level .pre_bar .pre_point.pp_4{right: 0;} .pre-price-level .pre_bar .loading_bar{ display: block;width: 33.33%;height: 4px;border-radius: 6px;background-color: #f22148;} .pre-price-level .pre_bar.step1 .pp_1, .pre-price-level .pre_bar.step1 .pp_2, .pre-price-level .pre_bar.step2 .pp_1, .pre-price-level .pre_bar.step2 .pp_2, .pre-price-level .pre_bar.step2 .pp_3, .pre-price-level .pre_bar.step3 .pp_1, .pre-price-level .pre_bar.step3 .pp_2, .pre-price-level .pre_bar.step3 .pp_3, .pre-price-level .pre_bar.step3 .pp_4{ background-position: 0 0; } .pre-price-level .pre_bar.step2 .loading_bar{ width: 66.66%; } .pre-price-level .pre_bar.step3 .loading_bar{ width: 100%;} .pre-price-level .lv_info {margin: 0 5% 22px;} .pre-price-level .lv_info .lv_txt {float: left;width: 33.33%; text-align: center;} .pre-price-level .lv_info .lv_txt p{color: #f22148;font-size: 14px;margin-bottom: 10px;} .pre-price-level .lv_info .lv_txt span{font-size: 14px;color: #000;} .pre-price-level .pre_time_ses {margin: 0 15px 20px;border-bottom: 1px solid #f4f4f4;text-align: center;line-height: 1.8;font-size: 12px; padding-bottom: 5px;} .pre-price-level .pre_time_ses span{margin:0 15px;} /*倒计时和规则信息*/ .pre-time-guide {} .pre-time-guide .pre-time { padding: 5px 0;} .pre-time-guide .pre-time .iconfont{display: inline-block; font-size: 18px; color: #000; vertical-align: middle;} .pre-time-guide .pre-time .timeBack{display: inline-block; vertical-align: middle;margin-left: 3px; color: #000;font-size: 14px; font-weight: bold;} .pre-time-guide .pre-time .timeBack i {text-transform: lowercase;font-style: normal;} .pre-time-guide .pre-guide .pre-guide-txt {cursor: pointer; padding: 5px 0;} .pre-time-guide .pre-guide .pre-guide-txt b{display: inline-block;vertical-align: middle;margin-right: 3px;color: #666;font-size: 14px;} .pre-time-guide .pre-guide .pre-guide-txt i{display: inline-block;vertical-align: middle;font-size: 18px; color: #999;} .pre-time-guide .pre-guide .pre-guide-info {} .pre-time-guide .pre-guide .pre-guide-info p{ margin-bottom: 10px;} .pre-time-guide .pre-guide .pre-guide-info{display: none; position: absolute; z-index: 10; right: 0; left: 0; width: auto; padding: 12px 16px; line-height: 1.8; border: 1px solid #eee; background-color: #fff;} .pre-time-guide .pre-guide .pre-guide-info .pre_off_txt{ color: #f00; font-size: 13px;} .pre-time-guide .pre-guide:hover .pre-guide-txt b, .pre-time-guide .pre-guide:hover .pre-guide-txt i {color: #000;} .pre-time-guide .pre-guide:hover .pre-guide-info {display: block;} /*==== 预售产品的模块 E ====*/ /*loading*/ .proLoading-popup {position: fixed;display: none;left: 50%;z-index: 10000;padding: 0px;width: 100px;margin-left: -50px;top: 317px;background-color: #fff;box-shadow: 0 0 15px 0 rgba(200,200,200,.6);} .proLoading-popup div{position: relative;text-align: center;line-height: 1.8;background: url(../images/loading_2.gif) center center no-repeat;height: 70px;} /* emailOnSale_dialog */ .emailOnSale_dialog , .emailOnSale_dialog *{ box-sizing: border-box; } .emailOnSale_dialog {position: relative; width: 1000px; min-height: 300px; background-color: #fff; margin: 0 auto; } .emailOnSale_dialog i.close {position: absolute; cursor: pointer; right: 32px; top: 25px; width: 22px; height: 22px; background: url(../images/popup-close.png) no-repeat; } .emailOnSale_dialog .content{padding: 5px 30px;} .emailOnSale_dialog .content .title{height: 60px; display: block;line-height: 60px;border-bottom: 1px solid #ccc; font-size: 20px;color: #000;} .emailOnSale_dialog .content .box {position: relative; padding-top: 30px;} .emailOnSale_dialog .content .img {float: left; width: 120px;min-height: 160px;} .emailOnSale_dialog .content .img img {width: 100%} .emailOnSale_dialog .content .info {float: left; width: 380px; padding: 0 15px;} .emailOnSale_dialog .content .info .name-sku{} .emailOnSale_dialog .content .info .name-sku .name{display: initial; font-size: 14px; line-height: 22px;} .emailOnSale_dialog .content .info .name-sku .sku_code{ font-size: 14px;color: #666;} .emailOnSale_dialog .content .info .colorbox{ margin-top: 15px;} .emailOnSale_dialog .content .info .colorbox dl dt{ float: left; width: 48px; height: 40px; line-height: 40px;} .emailOnSale_dialog .content .info .colorbox dl dd{ float: left;} .emailOnSale_dialog .content .info .colorbox .color_img li {float: left; position: relative; margin: 0 12px 4px 0; line-height: 20px; vertical-align: middle} .emailOnSale_dialog .content .info .colorbox .color_img li a{ float: left; background-color: #fff; white-space: nowrap; width: auto!important; min-width: 10px; padding: 0 9px; text-align: center; border: 1px solid #a9a9a9; color: #000; text-decoration: none;} .emailOnSale_dialog .content .info .colorbox .color_img li a.no_buy{border:1px dashed #e3e3e3;cursor: not-allowed} .emailOnSale_dialog .content .info .colorbox .color_img li a{ width: 38px!important; height: 38px; padding: 0; line-height: 38px; outline: 0;} .emailOnSale_dialog .content .info .colorbox .color_img li img{ width: auto!important; height: 38px; margin: 0 auto;} .emailOnSale_dialog .content .info .colorbox .color_img li i{ width:9px; height:9px; background:url(../images/selected.png) no-repeat 0 0; display:none; position:absolute; right:1px; bottom:1px;} .emailOnSale_dialog .content .info .colorbox .color_img li a.color_selected i{ display: block;} .emailOnSale_dialog .content .info .size{margin-top: 15px;} .emailOnSale_dialog .content .email {float: right; width: 440px} .emailOnSale_dialog .content .email p {font-size: 14px;line-height: 22px;} .emailOnSale_dialog .content .email input{ display: block; border: 1px solid #ccc; width: 260px;height: 30px;padding: 0 5px;margin: 10px 0 5px;background-color: #fff; } .emailOnSale_dialog .content .email span{ display: none; color: #f22148; line-height: 20px;} .emailOnSale_dialog .content .email button{ margin-top: 20px; display: block;border: none;cursor: pointer;outline: 0;font-size: 14px;padding: 10px 35px;background-color: #000;color: #fff;} .emailOnSale_dialog .content .email.error input {border: 1px solid #f22148} .emailOnSale_dialog .content .email.error span {display: block; } /*share info dialog*/ .share_info_dialog , .share_info_dialog *{ box-sizing: border-box; } .share_info_dialog {position: relative; margin-top: -6% !important; width: 755px; min-height: 530px; background-color: #fff; } .share_info_dialog i.close {position: absolute; cursor: pointer; right: 10px;top: 15px; width: 22px; height: 22px; background: url(../images/popup-close.png) no-repeat; } .share_info_dialog .content{} .share_info_dialog .content .head{width: 100%; height: 52px;line-height: 52px; padding-left: 30px; font-size: 16px; color: #000; border-bottom: 1px solid #eee; } .share_info_dialog .content .info{overflow: hidden; position: relative;} .share_info_dialog .content .info ._left{ float: left; width: 50%; border-right: 1px solid #eee;} .share_info_dialog .content .info ._right{ float: right; width: 50%; } .share_info_dialog .content .info ._left .img_box{padding: 25px;text-align: center;height: 364px;} .share_info_dialog .content .info ._left .img_box img {max-width: 100%; max-height: 100%; vertical-align: middle;display: inline-block;text-align: center;} .share_info_dialog .content .info ._left .textarea_box{position: relative;} .share_info_dialog .content .info ._left .textarea_box i.edit{ position: absolute; width: 16px; height: 16px; background-image: url(../images/edit_bg_light.png); right: 18px; top: 20px; } .share_info_dialog .content .info ._left .textarea_box textarea{border: 1px solid #ccc;padding: 10px; font-size: 14px; color: #555; line-height: 15px; width: 285px; min-height: 76px; margin: 0 auto; display: block; } .share_info_dialog .content .info ._right .input_box {position: relative;width: 100%; padding: 30px;border-bottom: 1px solid #eee; } .share_info_dialog .content .info ._right .input_box div { overflow: hidden;} .share_info_dialog .content .info ._right .input_box div input{ width: 100%; height: 35px; border: 1px solid #ccc; font-size: 15px; padding: 0 88px 0 10px; line-height: 35px;color: #333; float: left; } .share_info_dialog .content .info ._right .input_box div span{ cursor: pointer; z-index: 5; right: 30px;position: absolute; display: block; width: 88px; background-color: #000; text-align: center; line-height: 35px; height: 35px; font-size: 16px; color: #fff; } .share_info_dialog .content .info ._right .input_box p {padding-top: 10px; font-size: 15px; color: #333;} .share_info_dialog .content .info ._right .input_box .board_tips {padding: 0px;color:#EF0A64} .share_info_dialog .content .info ._right .choose_box { overflow: hidden; padding: 30px;position: relative; } .share_info_dialog .content .info ._right .choose_box p { font-size: 16px; color: #333; } .share_info_dialog .content .info ._right .choose_box ul {min-height: 200px; padding: 10px 0;} .share_info_dialog .content .info ._right .choose_box ul li {font-size: 14px; color: #666;padding: 5px 0;} .share_info_dialog .content .info ._right .choose_box ul li input {vertical-align: middle;margin-right: 5px;} .share_info_dialog .content .info ._right .choose_box ul li:hover {color: #333;} .share_info_dialog .content .info ._right .choose_box div {} .share_info_dialog .content .info ._right .choose_box div button{float: right; padding: 8px 45px; color: #fff; font-size: 16px; font-weight: bolder;background-color: #EF0B64; border: 0; cursor: pointer;} /*You Might Also Like*/ .alsoLikeMain-wrap {position: relative;width: 200px;height: auto; padding-top: 8px; overflow:hidden;} .also-like-box .upcross{ padding-bottom:15px;} .also-like-box .upcross p.txt{ text-align:center; margin-bottom:20px; min-height: 12px;clear: both; overflow: hidden;} .also-like-box .upcross p.txt span{font-size: 14px; color: #333; width: 145px; text-align: left;} .also-like-box .upcross p.txt a{font-size: 12px; color: #666;} .also-like-box .upcross .page{font-size: 12px; color: #999; padding-bottom:5px; margin-bottom:16px;} .also-like-box .upcross .associate{ position:relative;} .also-like-box .upcross .associate .play_left, .also-like-box .upcross .associate .play_right{position:absolute; display:block !important;top:-37px; right:0px;width:20px; height:20px;border: 1px solid #eee;cursor: pointer; background-color: #fff;text-align: center; line-height: 20px;} .also-like-box .upcross .associate .play_left{right: 21px;left: inherit; } .also-like-box .upcross .associate .play_btn{ color: #666; position: relative!important; display: inline-block; font-size: 14px; top: auto; width: auto; height: auto;border-radius: 3px;} .also-like-box .upcross .associate .btn_off i{color: #ccc} .also-like-box .upcross .associate .overview_box{ overflow:hidden; position:relative; width:220px; min-height: 464px;} .also-like-box .upcross .associate .overview_box ol{ display:none;} .also-like-box .upcross .associate .overview{ overflow: hidden; } .also-like-box .upcross .associate .overview * { box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .also-like-box .upcross .associate .overview li{ overflow:hidden; width:220px; float:left;} .also-like-box .upcross .associate .overview li .list{ width:90px; margin:0 20px 10px 0; float:left; position:relative;} .also-like-box .upcross .associate .overview li .list .box{ position:relative; overflow: hidden;} .also-like-box .upcross .associate .overview li .list .box a.img_wrapbox{ width:100%; text-align:center; margin:0 auto;overflow:hidden; display:block; background-color:#f8f8f8;} .also-like-box .upcross .associate .overview li .list .box i { height:100%; vertical-align:middle; display:inline-block;} .also-like-box .upcross .associate .overview li .list .box img {vertical-align:middle;width:auto;height:100%; margin: 0 -100%; position: relative;} .also-like-box .upcross .associate .overview li .list .product_price{ width:100%; height:auto; text-align:center; font-size:12px; color: #333; padding:10px 0;} /*rectangle*/ .also-like-box.rectangle .upcross .associate .overview li .list .box a.img_wrapbox{height:120px;} /*square*/ .also-like-box.square .upcross .associate .overview li .list .box a.img_wrapbox{ height:90px; } /*右边推荐分页*/ .also-like-box .upcross.upcross2 .associate .play_left, .also-like-box .upcross.upcross2 .associate .play_right{width: 50px;bottom: 0;top:inherit;} .also-like-box .upcross.upcross2 .associate .play_left{left: 0;} .also-like-box .upcross.upcross2 .page{text-align: center;} .also-like-box .upcross.upcross2 .associate .overview li .list{margin-bottom:7px; } .also-like-box .upcross.upcross2 p.txt{margin-bottom: 10px;} /* exclusive */ .exclusive_icon_div {color: #ff8494; display: inline-block; margin-right: 5px; vertical-align: top;} .exclusive_icon_div .iconfont {font-size: 25px;} .prc-exclusive { font-family: Arial; margin: 20px 0; padding: 20px; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; background-color: #f8f8f8;} .prc-exclusive .timeBack {display: inline-block; color: #333; font-weight: bold; font-size: 14px;} .prc-exclusive .ex-progress {overflow: hidden; } .prc-exclusive .ex-progress-line {width: 100%; height: 6px; border-radius: 6px; background-color: #e5e5e5; position: relative; overflow: hidden; margin-top: 14px; } .prc-exclusive .ex-progress-line span {position: absolute; left: 0;top: 0;width: 0; height: 100%; background-color: #f22148; } .prc-exclusive ul { color: #999; clear: both; white-space: nowrap; text-align: center;} .prc-exclusive ul li { position: relative; width: 33.33%; display: inline-block; border-right: 1px solid #e5e5e5; padding: 12px 0 5px 0;} .prc-exclusive ul b { display: block; color: #333; padding-bottom: 6px; font-size: 14px;} .prc-exclusive ul b.act {color: #f22148;} .prc-exclusive ul i { position: absolute; right: -8px; top: -10px; width: 14px; height: 14px; background-color: #e5e5e5; border-radius: 14px; } .prc-exclusive ul i.act {background-color: #f22148;} .prc-exclusive-soldout ul, .prc-exclusive-soldout ul b {color: #ccc!important;} .prc-exclusive .ex-guide {float: right; display: none;} .prc-exclusive-soldout .ex-guide {display: block;} .prc-exclusive .ex-guide-info{display: none; position: absolute; z-index: 10; right: 0; left: 0; width: auto; padding: 12px 16px; line-height: 1.8; border: 1px solid #eee; background-color: #fff;} .prc-exclusive .ex-guide:hover .ex-guide-info{ display: block;} /* 添加Msger优惠券插件 */ .plc-share #bothub-discount {width: 320px; padding-top: 0; padding-bottom: 20px; } .plc-share #bothub-discount .button { margin: 8px 0 0; }