/* Powered by ueeshop.com http://www.ueeshop.com 广州联雅网络科技有限公司 020-83226791 */ @charset "utf-8"; /***************************宽屏样式(start)***************************/ /*.w_1200 #prod_detail{padding:59px 0px 30px 0px;} .w_1200 .pic_size_width{width:600px;} .w_1200 #prod_detail .detail_left{width:600px;} .w_1200 .detail_pic .up{height:600px;} .w_1200 #prod_detail .detail_right{width:550px;} .w_1200 .prod_info_actions .add_btn{width: 310px;} .w_1200 .prod_info_actions .platform{width:285px;} .w_1200 .prod_info_actions .platform_btn{width:275px;} .w_1200 .prod_info_wholesale .pw_td{padding: 0 30px 0 13px;} .w_1200 .detail_pic .small_carousel{width:490px!important;} .w_1200 .detail_pic .small_carousel .viewport{width:420px;} .w_1200 .detail_pic .small_carousel .left{left:-15px;} .w_1200 .detail_pic .small_carousel .right{right:-15px;}*/ /***************************宽屏样式(end)***************************/ .prod_info_form li.attr_show .btn_attr em{bottom: -5px;right: -5px;} .prod_info_form li.attr_show .btn_attr .icon_selected{background-position: -2px -2px;} .prod_info_form li.attr_show .btn_attr .icon_selected_bg{border-left-color:inherit;border-left-width: 11px;border-left-style: solid;border-radius: 5.5px;} .prod_info_form li>select{border:1px solid #dddddd!important;} #prod_detail{padding:59px 0px 30px 0px;} #prod_detail .detail_left{width:785px; position:relative; margin-left: 95px; z-index:101;} #prod_detail .detail_right{width:505px;margin-right: 163px;} #prod_detail .detail_option{width:447px;} #prod_detail .detail_info{width:299px;} #prod_detail .prod_desc_left{ margin-top:0px;} .pic_size_width{width: 785px;} .detail_left_box{position: relative;background: #fff;margin-bottom: 40px;padding-bottom: 10px;} .detail_pic{text-align:center;} .detail_pic .up{position: relative;height:590px;/*border: 1px solid #dcdcdc;*/} .detail_pic .up .big_box{margin:auto; position:absolute; left: 50% !important; transform: translateX(-50%); top:0; bottom: 0; z-index:1; max-width:100%; max-height: 100%;} .detail_pic .up .see_large_pic{position: absolute;top: 22px;right: 23px;z-index: 0;} .detail_pic .magnify{position:relative; width:100%; height:100%;} .detail_pic .magnify .big_pic{text-align:center;} .detail_pic .magnify .video_container{display:none;} .detail_pic .magnify .detail_img_box{position:absolute; overflow:hidden; z-index:1; top:-9999px; border:1px #8c8684 solid; background-color:#fff; left: 700px !important;} .detail_pic .magnify .detail_img{position:absolute; max-width:1500px;} .detail_pic .magnify .rect_mask{background-image:url(../../../images/global/rect_mask.gif); position:absolute; cursor:crosshair; top:-9999px; left:0; z-index:100;} .detail_pic .magnify .icon_discount{position:absolute; top:0; right:0; width:44px; height:25px; color:#fff; line-height:12px; padding-top:5px;} .detail_pic .magnify .icon_discount b{font-size:16px;} .detail_pic .magnify .icon_discount_foot{width:0; height:0; border-left:22px transparent solid; border-right:22px transparent solid; border-top-width:8px; border-top-style:solid; position:absolute; right:0; top:30px;} .detail_pic .small_carousel{margin:15px auto; /*position:relative;*/ width:550px !important; height:94px !important;} .detail_pic .small_carousel .viewport{width:550px; height:94px; /*position:absolute; left:0; top:0;right: 0;*/margin: auto; overflow:hidden;} .detail_pic .small_carousel .btn{width:24px; height:42px; cursor:pointer; outline:0; position:absolute; top:40%; display:none;} .detail_pic .small_carousel .btn span{display:none;} .detail_pic .small_carousel .left{left:10px;background: url(/static/themes/default/images/goods_left_btn.png) no-repeat center center; background-size: 100%;} .detail_pic .small_carousel .right{right:10px;background: url(/static/themes/default/images/goods_right_btn.png) no-repeat center center; background-size: 100%;} .detail_pic .small_carousel .icon_arraw{position:absolute; left:0;top: 0;bottom: 0;margin:auto; cursor:pointer;} .detail_pic .viewport .list{width:10000px; /*position:absolute; left:0; top:0;*/ height:94px;} .detail_pic .viewport .list .item{display:list-item; margin:0 30px 0 0; position:relative; float:left;background: #333;} .detail_pic .viewport .list a{background:#fff; width:112px; height:90px; display:block; vertical-align:middle;border-width: 0; border-bottom-width:2px; border-style:solid; padding:1px;} .pic_box{border-color:#ffffff;} .detail_pic .viewport .list .arrow{width:0; height:0; border-style:solid; border-width:0 5.5px 5px 5.5px; position:absolute; top:-5px; left:0px;right: 0;margin:auto; display:none;} .detail_pic .viewport .list .current{} .detail_pic .viewport .list .current a{border-color: #f26326;} .detail_pic .viewport .list .current .arrow{display:none;border-color: transparent transparent #333;} /*.favorite_box{margin-bottom:15px;}*/ .favorite_box .favorite_btn{height:46px; line-height:46px; padding-left:38px; font-size:14px; color:#222; background: url(../../../images/products/icon_fav.png) no-repeat -9px -2px; display:inline-block;} .favorite_box .favorite_btn.is_in{background-position: -9px -52px;} .prod_info_title h1{font-size:36px;font-family: 'Opensans-Bold';} .prod_info_desc{font-size: 18px; color:#333; padding: 5px 0;line-height: 25px;font-family: 'Opensans-Bold';} /* .prod_info_number{padding:5px 0;font-size: 18px;}*/ .prod_info_review{line-height: 38px;} .prod_info_review .review_star{vertical-align: middle;margin-top: 11px;} .prod_info_review .write_review{margin:0 20px 0 3px;font-size: 12px;text-decoration: underline;} .prod_info_review .review_count{display: inline-block;vertical-align: middle; font-size: 12px;} .prod_info_review .sold{padding: 0 10px 0 5px;} .prod_info_review .prod_info_inquiry{ display:inline-block; clear:both;} .prod_info_review .prod_info_inquiry a{ background:url(../../../images/global/icon_prod_inquiry.png) no-repeat left center; margin-right: 15px; padding-left:25px; display:inline-block; color:#d71f06;line-height: 38px;height: 38px;font-size: 12px;} .prod_info_review .track{display: inline-block;text-decoration:underline;} .prod_info_share{text-align: center;float: left;height: 42px;line-height: 42px;font-size: 0;} .prod_info_share.no_pdf{float: none;width: 216px;margin:auto;} .prod_info_share li{margin-right: 0;} .prod_info_share .center{display: inline-block;} .prod_info_share .center>b, .prod_info_share .addthis_sharing_toolbox{float:right;} .prod_info_share .center>b{font-weight:normal;margin-right: 5px;} .prod_info_pdf{float: right;height: 42px;line-height: 42px;font-size: 14px;color: #999;padding-left: 28px;background: url(../../../images/products/icon_pdf.png) no-repeat left center;} .prod_info_pdf em{display: none;} .detail_right .bg{border-top:1px #cfd2d3 solid; padding:18px 0;} .detail_right .rows{line-height:44px;} .detail_right .rows h5{line-height:26px; font-size:16px; color:#222;grid-column: 1 / -1;} /** flex: 1 1 100%;*/ input.agree_purchase { width:24px;height:20px;margin-right: 8px;vertical-align: middle;} .prod_info_price{position:relative;} .prod_info_price .price_left{height:36px; line-height:36px;} .prod_info_price .price_left .price_info_title{float:left;} .prod_info_price .price_left>del{white-space:nowrap; color:#888; font-size:14px; float:left; margin-left:13px;} .prod_info_price .price_left .current_price{line-height:36px; float:left;} .prod_info_price .price_left .current_price del{color: #999;font-size: 16px;float: left;font-weight: normal;} .prod_info_price .price_left .current_price .left{position:relative; float:left; padding-right:10px;z-index:1;} .prod_info_price .price_left .current_price .price{font-size: 26px;color: #192c3d;font-family: 'Opensans-Bold';} .prod_info_price .price_1 .price_info_title{font-size:16px; line-height:22px;} .prod_info_price .unit_price .current_price .price{padding-left:13px;} .prod_info_price .unit_price .save_price{padding-left:0; padding-top:7px; float:left;} .prod_info_currency{position:absolute; left:-9px; top:4px; line-height:24px; background:none;} .prod_info_currency dt a{font-size:16px; text-indent:4px; padding:6px 0 0 4px; line-height:20px; width:60px; display:block; color:#555;} .prod_info_currency dt a:hover{text-decoration:none;} .prod_info_currency .arrow{position:absolute; right:8px; top:13px;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;background: url(../../../images/global/icon_currency_down.png) no-repeat center center;width: 9px;height: 6px;} .prod_info_currency dd{display:none; font-size:12px;border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px;} .prod_info_currency dd ul{text-indent:9px; padding-top:8px; padding-bottom:8px;} .prod_info_currency dd ul li{padding: 0;margin: 0;line-height: 26px;} .prod_info_currency dd a{display:block;font-size: 12px;} .prod_info_currency dd a:hover{background:#888; text-decoration:none; color:#fff;} .prod_info_currency_more.on{border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; box-shadow:0 0px 7px rgba(0,0,0,0.3); -webkit-box-shadow:0 0px 7px rgba(0,0,0,0.3); background:#fff;} .prod_info_currency_more.on .arrow{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);} .prod_info_currency_more.on dd{display:block;} .discount_attr{color:#999; margin-left: 10px;margin-right: 18px;} .discount_attr>span{color:#cb2027; font-size:14px;} .discount_price{text-transform:uppercase;} .discount_count{height:32px; line-height:32px; background:url(../../../images/products/icon_time.png) no-repeat left center;padding-left: 28px;font-size: 0;background-size: auto 80%;} .discount_count .discount_time{height: 22px;line-height: 22px;border-radius: 11px;margin-top: 5px;background: #ff332c;padding: 0 11px;font-size: 12px;color: #fff;} .discount_count .day{padding:0 4px 0 0;} .discount_sales{height:36px; line-height:36px;} .save_price{color:#808080; padding-top:9px; font-size:12px; padding-left:0px; height:15px; line-height:13px;} .save_price .save_style{color:#f28810; font-size:12px; padding-left:4px;} .prod_info_wholesale{padding-bottom:5px;padding-top: 5px;} .prod_info_wholesale .pw_title{padding:2px 0 6px; font-size:13px;} .prod_info_wholesale .pw_table{margin-bottom:5px;} .prod_info_wholesale .pw_column{width:20%; float:left;} .prod_info_wholesale .pw_td{height:26px; line-height:26px; overflow:hidden; background:#fff; text-align:left; color:#333; font-size:14px; color:#555;} .prod_info_wholesale .pw_td.bt{font-size:12px;} .prod_info_moq{margin-top:10px;} .prod_info_quantity{font-size:0px; padding-top: 8px; line-height: 24px;} .prod_info_quantity>span{font-size: 12px;margin-left: 10px;} .prod_info_quantity label{font-size:12px; display:inline-block;padding-right: 10px;} .prod_info_quantity .quantity_box{display:inline-block; width:171px; height:36px; border:1px #dcdcdc solid;text-align: left;} .prod_info_quantity .quantity_box input{ width:100%; height:36px; line-height:36px;text-indent: 17px; color:#333; border:0; outline:0;text-align: left;background:url(/static/themes/default/images/qty_bg.jpg) repeat-x center center;} .prod_info_quantity .total_cost{display:inline-block; margin-left:40px; font-size:14px;} .prod_info_quantity .total_cost strong{font:16px/16px Helvetica;} .prod_info_quantity .prod_info_inventory{margin-left:15px;} .prod_info_quantity .prod_info_inventory>b{font-weight:700;} .prod_info_quantity .qty_box{line-height:36px;display:inline-block; vertical-align:bottom;} .prod_info_quantity .qty_box>div{width:28px; height:36px; line-height:36px; overflow:hidden; text-align:center; font-size:20px; cursor:pointer; border:1px solid #dddddd; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;font-weight: bold;color: #ddd;font-size: 0;background: url(../../../images/products/icon_qty_less.png) no-repeat center center;border-radius: 3px 0 0 3px; cursor: pointer;} .prod_info_quantity .qty_box #btn_add{color: #333;background-image: url(../../../images/products/icon_qty_plus.png);border-radius: 0 3px 3px 0;} .prod_info_quantity .qty_box #btn_add.active{background-image: url(../../../images/products/icon_qty_plus_active.png); cursor: default;} .prod_info_quantity .qty_box #btn_cut.active{background: url(../../../images/products/icon_qty_less_active.jpg) no-repeat center center;} .prod_info_actions .add_btn{width:501px; height:54px; line-height:54px; border:1px solid #f26326; border-radius:0; margin-bottom:14px; float:left; text-align:center; text-transform:uppercase; font-size:16px; cursor:pointer;} .prod_info_actions .addtocart{min-width:210px;background: none;color: #fff; background-color:#f26326; font-family: 'Opensans-Semibold';} .prod_info_actions .arrival, .prod_info_actions .soldout{ background:#999;color: #fff;border-color: #999; transition:all .3s;} .prod_info_actions .arrival{background: #f26326; border-color: #f26326; color: #fff;} .prod_info_actions .arrival.active{background: #f26326; border-color: #f26326;} .prod_info_actions .soldout{cursor:no-drop;} .prod_info_actions .buynow{background: #f26326;margin-right: 0; color: #fff;} .prod_info_actions .inquirynow{background-color: #fbf1ee;border:2px solid #e62e04;line-height: 42px; color:#e62e04; box-sizing: border-box;} .prod_info_actions .box_paypal{display:inline-block; vertical-align:top; position:relative; width: 100%; z-index:1;} .prod_info_actions .paypal_checkout_button{margin-right: 0;background: #fcca42; background-image:url(../../../images/products/icon_paypal.png); background-position:center center; background-repeat:no-repeat; position:relative;} .prod_info_actions .paypal_checkout_button .loading{background-color:#f2f2f2; border-radius:3px;} .prod_info_actions #paypal_button_container{display:inline-block; vertical-align:top; width:501px; height:54px; position:relative; text-overflow:ellipsis; text-indent:-9999px;} .prod_info_actions #paypal_button_container .paypal-button{height:54px!important;} .prod_info_actions #paypal_button_container .paypal-button>.zoid-outlet{width:210px; height:54px;} .prod_info_actions #btn_paypal_replace{background:url(../../../images/products/btn_paypal_replace.png) no-repeat center #ffc439; position:absolute; z-index:10000;border: none;} .prod_info_actions .addtocart, .prod_info_actions .buynow, .prod_info_actions .paypal_checkout_button{display:none;transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;} .prod_info_actions .addtocart:hover, .prod_info_actions .buynow:hover, .prod_info_actions .paypal_checkout_button:hover{box-shadow: 0 0 4px rgba(0,0,0,0.4);} .prod_info_actions .platform_tit{height: 49px;line-height: 49px;font-size: 16px;color: #1c1b1b;} .prod_info_actions .platform_btn{ position:relative; padding-right:30px;} .prod_info_actions .platform_btn em{ width:9px; height:4px; display:block; position:absolute; top:15px; right:9px; background:url(../../../images/ico/icon_arrow_0.png) no-repeat; transition: all 0.2s ease-in-out;} .prod_info_actions .platform_btn:hover em{ transform:rotate(180deg);} .prod_info_actions .platform_btn .platform_ab{ width:100%; padding-top:5px; position:absolute; left:-1px; top:31px; background:#fff; display:none; z-index:1; border:1px solid #e3e3e3; border-top:0; border-bottom-left-radius:4px; border-bottom-right-radius:4px;} .prod_info_actions .platform_btn .platform_ab a{ padding:7px 15px; display:block; line-height:20px; text-indent:30px; text-decoration:none;} .prod_info_actions .platform_btn .platform_ab a:hover{ color:#888; background:#ddd;} .prod_info_actions .platform_btn:hover .platform_ab{ display:block;} .prod_info_actions .platform{font-size: 14px;color: #333;text-transform: capitalize;text-indent: 40px;text-align: left;height: 38px;line-height: 38px;width: auto;padding-right: 20px;} .prod_info_actions .amazon_btn{text-decoration:none; color:#333; background:url(../../../images/global/icon_amazon.jpg) no-repeat 6px center; border:1px #e3e3e3 solid;} .prod_info_actions .aliexpress_btn{text-decoration:none; color:#333; background:url(../../../images/global/icon_aliexpress.png) no-repeat 6px center; border:1px #e3e3e3 solid;} .prod_info_actions .wish_btn{text-decoration:none; color:#333; background:url(../../../images/global/icon_wish.png) no-repeat 6px center; border:1px #e3e3e3 solid;} .prod_info_actions .ebay_btn{text-decoration:none; color:#333; background:url(../../../images/global/icon_ebay.png) no-repeat 6px center; border:1px #e3e3e3 solid;} .prod_info_actions .alibaba_btn{text-decoration:none; color:#333; background:url(../../../images/global/icon_alibaba.png) no-repeat 6px center; border:1px #e3e3e3 solid;} .prod_info_actions .lazada_btn{text-decoration:none; color:#333; background:url(../../../images/global/icon_lazada.png) no-repeat 6px center; border:1px #e3e3e3 solid;} .prod_info_actions .shopee_btn{text-decoration:none; color:#333; background:url(../../../images/global/icon_shopee.png) no-repeat 6px center; border:1px #e3e3e3 solid;} .prod_info_actions .purchase_tips{font-size: 14px; margin-top: 20px;text-indent: 5px;} .prod_info_actions .purchase_tips a{color: #f26326;} .key_info_line{font-size:14px;line-height: 25px; color:#555555; padding:10px 0;} .key_info_left{float:left; width: auto; text-align:left; padding-right:10px;} .key_info_right{float:left; min-width:276px; _width:276px;max-width: unset;} .key_info_right>strong, .key_info_right>span{float:left; margin-right:5px; font-size:12px;} .shipping_cost_price{color:#333;} .shipping_cost_button{cursor:pointer; white-space:nowrap; background:url(../../../images/global/header_cart_hover.png) no-repeat right 6px; padding-right:11px;} .shipping_cost_button:hover{text-decoration:underline;} .group_promotion{padding:0px 0 10px;background: #fff;margin-bottom: 40px;} .group_promotion .gp_title{height: 52px;border:1px solid #ececec;padding: 0 20px;} .group_promotion .gp_title li span{height:52px; line-height:52px; font-size:16px; color:#222; cursor:default;} .group_promotion .gp_title li.current span{color:#2196f3;cursor: pointer;} .group_promotion .gp_title li.current span:before{background: #2196f3;} .group_promotion .info .gp_btn{background: #e62e04;} .description_container.screen1{ width: 1200px; margin: 0 auto;} .pd_content{} .prod_description{overflow:hidden;background: #fff;padding: 0 0 10px;margin-bottom: 40px;} .prod_description .pd_title{height: 52px;border:1px solid #ececec;padding: 0 20px;} .prod_description .pd_title>li{float: left;cursor: pointer;} .prod_description .pd_title span{display: block;position: relative;height: 52px;line-height: 52px;font-size: 18px;margin-right: 25px;color: #222222;padding: 0;} .prod_description .pd_title .current span{color: #2196f3;} .prod_description .pd_title .current span:before{content: '';position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;background: #2196f3;} .prod_description .desc{box-sizing:border-box;} .prod_description .desc li{list-style: none;} .prod_description .desc li{list-style: none;} #review_box{margin-top: 0;background: #fff;} .prod_write_review .review_title{height: 77px;background: #f8f8f8;border:none;text-align: center;} .prod_write_review .review_title span{background: none;border:none;height: 77px;line-height: 77px;text-align: center;display: inline-block;float: none;font-size: 18px;} .new_review_list{border-bottom: 1px solid #ededed;} .prod_recent_review{min-height: auto;padding-bottom: 0;margin-bottom: 0;} .prod_review_view .blank12{display: none;} .prod_review_more{text-align: center;padding: 28px;} .prod_review_more .customer_btn{display: inline-block;height: 48px;line-height: 48px;padding: 0 23px 0 50px;background: url(../../../images/products/icon_view_more.png) no-repeat 16px center;border:1px solid #dddddd;border-radius: 25px;font-size: 16px;color: #aaa;font-weight: normal;text-transform: capitalize;} .prod_review_more .customer_btn:hover{color: #aaa;} #prod_detail .sidebar{margin:0; padding:0;} #may_like{border:none;background: #fff;padding: 0 0 10px;margin-bottom: 20px;} #may_like .b_title{height: 52px;border:1px solid #ececec;padding: 0 20px;font-size: 18px;color: #222;line-height: 52px;} #may_like .b_list{padding:30px 10px 10px; width:auto;} #may_like .b_list .pro_item{float: left;width: 23.75%;padding: 0;border:0;margin-left: 1.666%;background: none;} #may_like .b_list .pro_item.fir{margin-left: 0;} #may_like .b_list .pro_item:hover{background: #fff;} #may_like .b_list dt{position: relative;width: 100%;height: 0px;padding-top: 100%;float: none;} #may_like .b_list dt a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #may_like .b_list .pro_info{width:auto;margin-left: 0;} #may_like .b_list .pro_name{padding-top: 10px;line-height: 22px;max-height: 44px;overflow: hidden;color: #555;} #may_like .b_list .pro_price{padding: 0;line-height: 22px;max-height: 22px;overflow: hidden;} #may_like .b_list .pro_price {font-weight: normal;font-size: 16px;} #may_like .b_list .pro_price del{font-size: 14px;margin-left: 10px;} .accessories{background: #f6f6f6;padding: 40px 0;} .accessories .title{padding: 30px 0;text-align: center;font-size: 36px;font-family: 'Opensans-Bold';} /*.accessories .content{display: flex;justify-content: space-around;align-items: flex-start;flex-wrap: wrap;flex-direction: row;}*/ .accessories .content{display: flex;justify-content: space-around;align-items: flex-start;flex-wrap: wrap;} .accessories .content .list{width: 242px;height: 300px;margin: 0 10px 20px 10px;background: #fff;text-align: center;} .accessories .content .list .pic_box{height: 180px;margin: 3px 17px 7px;} .accessories .content .list .pro_name{padding: 0 10px;margin-bottom: 5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; } .accessories .content .list .pro_name a{font-size: 16px;} .accessories .content .list .pro_price{font-size: 20px;} .accessories .content .list .more{margin-top: 15px;} .accessories .content .list .more a{font-size: 14px;color: #f26326;font-family: 'Opensans-Bold';} .accessories .view_all{width: 221px;height: 41px;line-height: 41px;border: 2px solid #4f4f4f;margin: 46px auto;text-align: center;} .accessories .view_all a{display: block;font-size: 16px;font-family: 'Opensans-Semibold';} .pro_description{} .pro_description .top_tab{height: 115px;text-align: center;background: #222222;} .pro_description .top_tab .item{display: inline-block;vertical-align: middle;width: 215px;height: 115px;cursor: pointer;} .pro_description .top_tab .item .pic_box{height: 32px;margin-top: 30px;margin-bottom: 10px;} .pro_description .top_tab .item .pic_box .p2{display: none;} .pro_description .top_tab .item .name{font-size: 16px;color: #fff;} .pro_description .top_tab .item.on,.pro_description .top_tab .item:hover{background: #000000;} .pro_description .top_tab .item.on .pic_box .p1,.pro_description .top_tab .item:hover .pic_box .p1{display: none;} .pro_description .top_tab .item.on .pic_box .p2,.pro_description .top_tab .item:hover .pic_box .p2{display: inline-block;} .pro_description .top_tab .item.on .name,.pro_description .top_tab .item:hover .name{color: #f26326;} .pro_description.fixed .top_tab{position: fixed;top: 0;left: 0;width: 100%; z-index: 999;} .pro_description .top_tab_bg{display: none;width: 100%;height: 115px;} .pro_description.fixed .top_tab_bg{display: block;} .pro_description .content{} .pro_description .content .list{} .pro_description .content .list.l1{width: 1280px;margin: 110px auto;} .pro_description .content .list.l1 .pic_box{width: 45%;} .pro_description .content .list.l1 .des{width: 50%; display: block;} .pro_description .content .list.l1 .des .title{margin-top: 20px;font-size: 36px;font-family: 'Opensans-Bold';} .pro_description .content .list.l1 .des .msg{} .pro_description .content .list.l1 .des .msg p{margin: 40px 0;line-height: 32px;color: #777777;font-size: 16px;} .pro_description .content .list.l2{padding: 45px 0 100px;text-align: center;background: #f6f6f6;} .pro_description .content .list.l2 .title{font-size: 36px;font-family: 'Opensans-Bold';} .pro_description .content .list.l2 .des{width: 1200px;margin: 25px auto 0;text-align: left; display: block;} .pro_description .content .list.l2 .des .item{border-top: 1px solid #c9c9c9; width: 100%;} .pro_description .content .list.l2 .des .item:last-child{border-bottom: 1px solid #c9c9c9;} .pro_description .content .list.l2 .des .item .name{height: 97px;line-height: 97px;padding-left: 22px;font-size: 24px;font-family: 'Opensans-Bold';cursor: pointer;} .pro_description .content .list.l2 .des .item .name em{display: inline-block;width: 14px;text-align: center;margin-right: 13px;} .pro_description .content .list.l2 .des .item .msg{display: none;padding: 0 0 45px;background: #fff;} .pro_description .content .list.l2 .des .item .msg .msg_cnt{display: flex; flex-wrap: wrap; width: 100%; padding: 0 45px; box-sizing: border-box; } .pro_description .content .list.l2 .des .item .msg_attr{ width: 32%; margin-left: 2%; } .pro_description .content .list.l2 .des .item .msg_attr:nth-child(3n -2){ margin-left: 0; } .pro_description .content .list.l2 .des .item .msg_attr .attr_name{height: 35px;line-height: 35px;background: #f6f6f6;padding: 0 16px;font-family: 'Opensans-Bold';font-size: 16px;} .pro_description .content .list.l2 .des .item .msg_attr .attr_brief{margin: 8px 0;font-size: 14px;color: #5c5c5c;line-height: 18px;padding: 0 16px;} .pro_description .content .list.l2 .des .item.on .name{background: #fff;} .pro_description .content .list.l2 .des .item.on .msg{display: block;} .pro_description .content .list.l3{width: 1280px;margin: 65px auto;} .pro_description .content .list.l3 .title{margin-bottom: 30px;font-size: 36px;font-family: 'Opensans-Bold';text-align: center;} .pro_description .content .list.l3 .des{display: grid;grid-template-columns: repeat(3, 231px);grid-gap: 20px 175px;width: 1045px;overflow: hidden;margin: 50px auto 90px;} .pro_description .content .list.l3 .des .item{} .pro_description .content .list.l3 .des .item .name{font-family: 'Opensans-Semibold';font-size: 16px;line-height: 30px;} .pro_description .content .list.l3 .des .item .msg{font-size: 14px;color: #5c5c5c;} .pro_description .content .list.l4{text-align: center;} .pro_description .content .list.l4 .title{font-size: 36px;font-family: 'Opensans-Bold';text-align: center;} .pro_description .content .list.l4 .des{margin: 40px auto 90px; display: block;} .pro_description .content .list.l4 .des .video{position: relative;} .pro_description .content .list.l4 .des .video_btn{display: inline-block; position: absolute; top: calc( 50% - 43px ); left: calc( 50% - 43px ); z-index: 1;} .pro_description .content .list.l5{margin-top: 20px;text-align: center;} .pro_description .content .list.l5 .title{font-size: 36px;font-family: 'Opensans-Bold';} .pro_description .content .list.l5 .des{width: 1280px;margin: 35px auto;} .pro_description .content .list.l5 .des .content{display: grid;grid-template-columns: repeat(3, 420px);grid-gap: 9px 10px;} .pro_description .content .list.l5 .des .item{} .ans_que_box{width: 1280px; margin:45px auto 85px;} .ans_que_box .box_title{color: #333; font-size: 24px; line-height: 32px; font-family: 'Opensans-Bold';} .ans_que_box .row_list{width: 800px; margin:30px 0px 20px;} .ans_que_box .row_list li{margin-bottom:20px; border-top: 1px solid #ccc; padding-top: 20px;} .ans_que_box .row_list li:first-child{border-top: 0px; padding-top: 0px;} .ans_que_box .row_list li .que_box{padding-left: 100px;} .ans_que_box .row_list li .que_box span{display: inline-block; width: 100px; margin-left: -100px; font-size: 14px; font-family: 'Opensans-Bold'; line-height: 32px;} .ans_que_box .row_list li .que_box .que_content{display: inline-block; line-height: 32px; font-size: 14px; color: #f26326;} .ans_que_box .row_list li .ans_box{padding-left: 100px; margin-bottom: 10px;} .ans_que_box .row_list li .ans_box span{display: inline-block; width: 100px; margin-left: -100px; font-size: 14px; font-family: 'Opensans-Bold'; line-height: 32px;} .ans_que_box .row_list li .ans_box .ans_content{display: inline-block; line-height: 32px; font-size: 14px;} .ans_que_box .row_list li .ans_box .time{color: #767676; font-size: 14px;} #ans_que_turn_page{width: 90%; max-width: 800px; margin-top: 30px;} #ans_que_turn_page li{display:inline-block; *display:inline; *zoom:1; font-size:14px; height:54px; line-height:54px; overflow:hidden; background:#f4f7f6; vertical-align:top; margin:3px 4.5px;} #ans_que_turn_page li em{width:7px; height:12px; display:inline-block; vertical-align:middle; margin-top:-2px;} #ans_que_turn_page font, #ans_que_turn_page a{width:54px; height:54px; display:block; text-align:center; text-decoration:none;} #ans_que_turn_page .page_item_current{background:#333; color:#fff; cursor:default;} #ans_que_turn_page .page_button, #ans_que_turn_page .page_noclick{} #ans_que_turn_page .page_noclick{width: 54px;cursor:no-drop;background: #f4f7f6;} #review_box{width: 1280px;margin: 45px auto 85px;} #review_box .goods_review_title span{color: #333; font-size: 24px; line-height: 32px; font-family: 'Opensans-Bold';} .arrival_form{ width:501px; margin:10px 0px; } .arrival_form .arrival_content{ width:94%;padding: 0 3%;} .arrival_form .arrival_content .arrival_popup_email{ font-family:Arial; font-size:18px; margin-bottom:25px;} .arrival_form .arrival_content .arrival_popup_form_input{ display:block; width:100%; height:36px; line-height:36px; margin-bottom:15px; padding:0 10px; border:1px solid #ddd; box-sizing:border-box;} .arrival_form .arrival_content .arrival_popup_form_textarea{ display:block; width:100%; height:120px; margin-bottom:15px; padding:10px; border:1px solid #ddd; box-sizing:border-box;} .stock_tips{margin-top: 8px;margin-bottom: 18px;font-size: 16px;font-family: 'Opensans-Bold';color: #008000;font-weight: 700;} .stock_tips .less_stock{color: #f00; margin-right: 10px;} .stock_tips .stock_count{margin-right: 10px; display: none !important;} .prod_info_form .attributes{border-top: 1px solid #cfd2d3;padding: 0px;} .cut_tips{font-size: 16px;line-height: 30px;padding-bottom: 15px;font-weight: bold;color: #f26326;} .other_icon{border-top: 1px solid #cfd2d3;} .other_icon .item{display: inline-block;vertical-align: middle;width: 49%;margin-top: 32px;} .other_icon .pic_box{display: inline-block;vertical-align: middle;width: 32px;margin-right: 15px;} .other_icon .msg{display: inline-block;vertical-align: middle;width: calc( 100% - 52px );} .other_icon .msg .name{font-size: 24px;font-family: 'Opensans-Bold';color: #4f4f4f;} .other_icon .msg .brief{font-size: 14px;color: #4f4f4f;} #play_video{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 10000;} #play_video .box{width: 100%;height: 100%;text-align: center;} #play_video .box .content{width: 792px; height: 450px; position: relative;display: inline-block;vertical-align: middle; background: #fff;} #play_video .box .middle{display: inline-block;vertical-align: middle;height: 100%;} #play_video .box .content .close_btn{position: absolute;top: -20px;right: -20px;width: 40px;height: 40px;cursor: pointer;} #play_video .box .content .close_btn img{width: 40px;height: 40px;} #play_video .box .content .video_box{width: 100%;height: 100%;overflow: hidden;} #play_video .box .content .video_box iframe{width: 100% !important; height: 100%; margin: 0 auto!important;} .prod_info_form li.attr_show .btn_attr.himg{width: 20px;height: 20px;line-height: 20px;border-radius: 50%;border-color: #fff;padding: 2px;} .prod_info_form li.attr_show .btn_attr.himg .attr_pic{min-width: 20px;} .prod_info_form li.attr_show .btn_attr.himg .attr_pic img{border-radius: 50%;border: 1px solid #505050;} .prod_info_form li.attr_show .btn_attr.himg:hover{height: 22px;width:22px;} .prod_info_form li.attr_show .btn_attr.himg.selected{height: 20px;width:20px;padding:3px;} .prod_info_form li.attr_show .btn_attr.himg.selected{border: 2px solid #f2672b;} .prod_info_form li.attr_show .btn_attr.himg.selected img{border: 0px;} .b_left_box{position: fixed; left: 0px; bottom:-52px; padding:0px 0px 0px 20px; height: 50px; color: #000; background: #fff; cursor: pointer; z-index: 999; transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out; border-radius: 5px; border:1px solid #f26326;} .b_left_box .img_box{width: 50px; height: 50px; float: left; display: flex; justify-content: center; align-items: center;} .b_left_box .img_box img{max-width: 100%; max-height: 100%;} .b_left_box .price_btn{display: flex;} .b_left_box .price_box{font-size: 20px; line-height: 50px; float: left; margin-left: 20px;} .b_left_box .price_box.org.first{margin-left:20px; border-top-left-radius:5px; border-bottom-left-radius:5px;} .b_left_box .price_box.org{background:#f26326; color: #000; padding: 0px 20px; margin:0; } .b_left_box.show{bottom:0px;} /* 响应式 start */ @media(max-width: 1680px){ #prod_detail .detail_left{margin-left: 0;} #prod_detail .detail_right{width: calc( 100% - 800px );margin-right: 0;} .prod_info_actions .addtocart{min-width: 250px;width: 300px;margin-right: 20px;} .prod_info_actions .add_btn,.prod_info_actions .box_paypal,.prod_info_actions #paypal_button_container{width: 300px;} .prod_info_actions .arrival{margin-left: 0px !important;} .accessories .content{grid-template-columns:repeat(3, 242px);} .arrival_form{ width:300px; } } @media(max-width: 1440px){ #prod_detail .detail_left{max-width: 100%;} #prod_detail .detail_right{width: calc( 100% - 480px );} .detail_pic .up{height: 340px;} .detail_pic .small_carousel{width: 420px!important;} .detail_pic .small_carousel .viewport{width: 420px;} .detail_pic .small_carousel .btn{top: 35%;z-index: 1; width: 18px; height: 32px;} .detail_pic .magnify .detail_img_box{ display: none !important; } .detail_pic .magnify .rect_mask{ display: none !important; } } @media(max-width: 1300px){ .pro_description .top_tab .item{width: 18%;margin: 0 0.5%;} .pro_description .content .list.l1,.features,.pro_description .content .list.l2 .des,.pro_description .content .list.l3,.pro_description .content .list.l5 .des{width: 98% !important;margin: 50px auto!important;} .pro_description .content .list.l2{padding-bottom: 30px;} .pro_description .content .list.l3 .des{display: flex;justify-content: space-around;align-items: flex-start;flex-wrap: wrap;width: 100%!important;grid-template-columns:unset!important;grid-gap:unset!important;} .pro_description .content .list.l3 .des .item{width: 30%;margin-bottom: 10px;} .pro_description .content .list.l5 .des .content{display: flex;justify-content: space-around;align-items: flex-start;flex-wrap: wrap;} .pro_description .content .list.l5 .des .item{width: 32%;} #review_box{width: 98%;} .ans_que_box{width:98%;} } @media(max-width: 1100px){ } @media(max-width: 1000px){ .pro_description.fixed .top_tab{top: 50px;} #prod_detail{text-align: center; padding: 30px 0;} .detail_pic .magnify .rect_mask,.detail_pic .magnify .detail_img_box{display: none!important;} #prod_detail .left_box.fl{float: none;display: inline-block;text-align: left; max-width: 100%;} #prod_detail .detail_right{width: 100%;text-align: left;margin-top: 10px;} .other_icon{margin-bottom: 20px;} .pro_description .content{text-align: left;} .pro_description .content .list.l1, .features, .pro_description .content .list.l2 .des, .pro_description .content .list.l3, .pro_description .content .list.l5 .des{margin: 20px auto!important;} .pro_description .content .list.l1,.features{margin: 20px auto!important;} .pro_description .content .list.l1 .pic_box,.pro_description .content .list.l1 .des{width: 100%!important;margin: 10px auto;} .pro_description .content .list.l2{padding-top: 15px;padding-bottom: 15px;} .pro_description .content .list.l2 .des .item .name{height: 50px;line-height: 50px;} .pro_description .content .list.l2 .des .item .msg{padding: 0 0 25px;} .pro_description .content .list.l2 .des .item .msg .msg_cnt{ padding: 0; } .pro_description .content .list.l2 .des .item .msg_attr{width: 47%; margin-left: 6%;} .pro_description .content .list.l2 .des .item .msg_attr:nth-child(3n - 2){margin-left: 6%;} .pro_description .content .list.l2 .des .item .msg_attr:nth-child(odd){margin-left: 0;} .pro_description .content .list.l3 .des .item{width: 45%;} .pro_description .content .list.l4 .des{margin-bottom: 20px;} .pro_description .content .list.l5 .des .item{width: 45%;} #play_video .box .content{width: 560px; height: 315px;} #play_video .box .content .close_btn{right: 0;} .ans_que_box{text-align: left;} .ans_que_box .row_list{width: 100%; max-width: 800px;} } @media(max-width: 800px){ .prod_info_title h1{font-size: 30px; font-weight:700;margin-bottom:10px;} .pro_description .top_tab .item .name{font-size: 12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .prod_info_actions .arrival, .prod_info_actions .soldout{width: 100%;} #arrival_button{margin-left: 0;} .arrival_form{ width: 100%; } #play_video .box .content{width: 80%;} } @media(max-width: 768px){ .pro_description.fixed .top_tab{ position: unset; } .pro_description.fixed .top_tab_bg{ display: none; } .detail_pic .viewport .list a { width: 50px; height: 55px;} .prod_info_review .review_star { margin-top: 3px;} .prod_info_review { line-height: 20px;margin-bottom:10px;} .prod_info_desc { margin:10px 0;padding: 0px;} } @media(max-width: 650px){ .other_icon .item{width: 100%;margin-top: 15px;} .accessories{padding: 10px 0;} .accessories .content .list{width: 44%;} .accessories .view_all{margin: 10px auto;} .detail_pic .up .see_large_pic{ z-index: 1; } #review_box{margin-bottom: 0;} .prod_write_review .review_main{padding: 10px 0;} .prod_write_review .review_main_box{box-sizing: border-box; width: 100%; border-right: 0;} .prod_write_review .average_rating{box-sizing: border-box; width: 100%;margin: 30px 0 0 0;} .b_left_box .price_box{ margin-left: 10px; font-size: 16px; } .b_left_box .price_box.org.first{ margin-left: 10px; } .prod_info_actions .purchase_tips{ font-size: 13px; } } @media(max-width: 520px){ .pro_description .content .list.l2 .des .item .msg_attr{width: 100%;} #prod_detail .detail_left{ box-sizing: border-box; width: 100%; } .pro_description .content .list.l2 .des .item .msg_attr{width: 100%; margin-left: 0;} .pro_description .content .list.l2 .des .item .msg_attr:nth-child(3n - 2){margin-left: 0;} } @media(max-width: 450px){ .detail_pic .up{height: 340px;} .detail_pic .small_carousel{width: 285px!important;} .detail_pic .small_carousel .viewport{width: 285px;} .detail_pic .small_carousel .btn{top: 25%;} .prod_info_actions .add_btn,.prod_info_actions .box_paypal,.prod_info_actions #paypal_button_container{width: 100%;} #play_video .box .content{width: 320px;height: 180px;} .b_left_box{padding-left: 10px; } .b_left_box .price_box:first-child{width: auto; overflow: hidden; margin-left: 10px;} .b_left_box .price_box.org{padding:0px 10px;} .prod_info_form .attributes{width: 98%;} .detail_pic .small_carousel .left{left: -10px;} .detail_pic .small_carousel .right{right: -10px;} .prod_info_quantity .qty_box{width: 10%;} .prod_info_quantity .qty_box>div{width: 100%;} .prod_info_quantity .quantity_box{width: 78%;} .prod_info_actions .add_btn, .prod_info_actions .box_paypal, .prod_info_actions #paypal_button_container{width: 48%; min-width: unset; margin-right:2%;} .prod_info_actions #paypal_button_container{ width: 100%; } .prod_info_actions #btn_paypal_replace{width: 100%;} /*.prod_info_actions .purchase_tips{margin-left: 6px;}*/ .prod_info_actions .purchase_tips .agree_purchase{display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 10px;} } @media(max-width: 385px){ .prod_info_review .review_star{ margin-top: 5px; } } /* 响应式 end */ /*赠品*/ #main> .wide { margin: 0 auto; } #prod_detail #main .clearfix{ width: 100%!important; min-width: initial!important; max-width: initial!important; } #prod_detail .product_info { max-width: 1920px; width: 100%; margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-evenly; } #prod_detail #main .detail_left_box .left_box { position: sticky; top: 20px; z-index: 99; } #prod_detail .product_info .detail_right, #prod_detail .product_info .left_box { float: initial; } #prod_detail .product_info .detail_right { margin-right: 0; } #prod_detail .detail_left { margin-left: 0; } /*#prod_detail .product_info .big_box {*/ /* width: 100%!important;*/ /* height: auto!important;*/ /*}*/ @media only screen and (min-width: 750px) { #prod_detail .detail_right { width: 505px; } #prod_detail .detail_left { width: 785px; } .detail_pic .up { height: 590px; } } @media only screen and (max-width: 1600px) { #prod_detail .product_info { zoom: .95; } } @media only screen and (max-width: 1500px) { #prod_detail .product_info { zoom: .90; } } @media only screen and (max-width: 1400px) { #prod_detail .product_info { zoom: .85; } } @media only screen and (max-width: 1300px) { #prod_detail .product_info { zoom: .80; } } @media only screen and (max-width: 1200px) { #prod_detail .product_info { zoom: .75; } } @media only screen and (max-width: 1100px) { #prod_detail .product_info { zoom: .70; } } @media only screen and (max-width: 1000px) { #prod_detail .product_info { zoom: .65; } } @media only screen and (max-width: 900px) { #prod_detail .product_info { zoom: .60; } } @media only screen and (max-width: 850px) { #prod_detail .product_info { zoom: .57; } } @media only screen and (max-width: 800px) { #prod_detail .product_info { zoom: .54; } } .addmotor_product_gift ul, .addmotor_product_gift li { list-style: none; } .addmotor_product_gift img { max-width: 100%; display: block; margin: 0 auto; } .addmotor_product_gift { width: 505px; margin-bottom: 10px; padding-top: 18px; position: relative; } /*.addmotor_product_gift::after {*/ /* content: '';*/ /* width: 103%;*/ /* height: 5px;*/ /* background: #fff;*/ /* display: block;*/ /* z-index: 22;*/ /* position: absolute;*/ /* bottom: -3px;*/ /* left: -7px;*/ /*}*/ .addmotor_product_giftTitle { display: flex; align-items: flex-start; justify-content: flex-start; } .addmotor_product_giftTitle p { font-size: 18px; margin-left: 5px; } .addmotor_product_giftTitle svg { width: 20px; height: 20px; } .addmotor_product_giftList { display: grid; grid-template-columns: repeat(2, 50%); grid-gap: 10px; align-items: flex-start; justify-content: flex-start; margin-top: 10px; padding-bottom: 10px; } .addmotor_product_giftList li { border: 2px solid #ccc; position: relative; } .addmotor_product_giftFREE { background-color: #fd653a; color: #fff; font-weight: 600; position: absolute; right: -2px; padding: 2px 10px; bottom: -2px; font-size: 13px; } .addmotor_product_giftList figure{ display: grid; grid-template-columns: 30% 60%; align-items: center; justify-content: space-evenly; font-size: 13px; height: 80px; } .addmotor_product_giftList figure header { font-weight: 600; overflow: hidden; line-height: 1.2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 3px; } .addmotor_product_giftList figure img { width: 70px; } .addmotor_product_giftList figcaption { width: 155px; } .addmotor_product_giftList figcaption p { text-decoration: line-through; } @media only screen and (max-width: 750px) { #prod_detail .product_info { zoom: 1; display: block; max-width: 750px; padding: 0 10px; box-sizing: border-box; } #prod_detail #main .detail_left_box .left_box { position: inherit; padding: 0 10px; box-sizing: border-box; z-index: 99; } #prod_detail .product_info .detail_right { width: 100%!important; max-width: 740px; margin: 10px auto; padding: 0 10px; box-sizing: border-box; } .addmotor_product_gift{ width: 100%; } .addmotor_product_giftList figcaption { width: 100%; } } /*赠品结束*/ /*组合商品新版样式*/ .group_promotion .prod_item, .group_promotion .suits li { box-sizing: content-box; } .group_promotion .master_suits { display: flex; align-items: center; justify-content: flex-start; gap: 30px; } .group_promotion .master_suits .master { width: auto; float: inherit; overflow: auto; } .group_promotion .master_suits .suits { float: initial; width: 1105px; margin: 0; } .group_promotion s.master_suits_add { display: block; width: 27px; height: 29px; background: url(/static/themes/default/images/products/icon_promotion_master.png) no-repeat; background-size: contain; } @media only screen and (max-width: 1500px) { .group_promotion .master_suits .suits { width: 884px; } } @media only screen and (max-width: 1300px) { .group_promotion .master_suits .suits { width: 663px; } } @media only screen and (max-width: 1150px) { .group_promotion .master_suits .suits { width: 443px; } } @media only screen and (max-width: 850px) { .group_promotion .master_suits .suits { width: 266px; } } @media only screen and (max-width: 700px) { .group_promotion .master_suits { gap: 10px; } .group_promotion s.master_suits_add { width: 20px; height: 20px; } .group_promotion .suits > a { top: 120px; } } @media only screen and (max-width: 600px) { .group_promotion .master_suits .suits { width: 216px; } } @media only screen and (max-width: 550px) { .group_promotion .master_suits { flex-direction: column; gap: 25px; justify-content: center; } .group_promotion .master_suits .suits { width: 268px; } } /*组合商品样式结束*/ /*新版参数模块*/ .sku_feature { max-width: 667px; width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); align-items: flex-start; justify-content: space-between; gap: 1rem; margin: 0 auto; margin-top: 30px; } .sku_feature img { display: block; max-width: 100%; width: 100%; height: 100%; margin: auto; } .sku_feature_item { display: flex; gap: 8px; align-items: center; text-align: left; } .sku_feature_img { width: 50px; height: 50px; } .sku_feature_img svg.placeholder-svg { border: 1px solid #ffbda5; display: inline-block; width: 50px; height: 50px; } .sku_feature_item p, .sku_feature_item h6 { margin-inline: inherit; margin-block: inherit; } .sku_feature_item p { color: #9c9c9c; font-size: 12px; } .sku_feature_item h6 { color: #000000; font-size: 18px; font-weight: 700; } @media only screen and (max-width: 750px) { .sku_feature_item { flex-direction: column; text-align: center; } } @media only screen and (max-width: 450px) { .sku_feature_img { width: 40px; height: 40px; } .sku_feature_item h6 { font-size: 16px; } .sku_feature { margin-top: 15px; } } @media only screen and (max-width: 350px) { .sku_feature_item h6 { font-size: 14px; } .sku_feature_img { width: 30px; height: 30px; } } /*新版参数模块结束*/ /*新版加购*/ .add_purchase img { display: block; max-width: 100%; width: 100%; height: 100%; margin: auto; } .add_purchase .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .add_purchase { max-width: 974px; width: 100%; margin: auto; align-items: flex-start; justify-content: center; display: flex; align-items: center; flex-direction: column; gap: 10px; margin-bottom: 18px; } .add_purchase_item { width: 100%; display: grid; grid-template-columns: 22px 80px 300px 50px; gap: 0.5rem; border: none; transition: border 0.3s ease; border-radius: 10px; padding: 5px 10px; box-sizing: border-box; align-items: center; border: 1px solid #cfd2d3; justify-content: flex-start; } .add_purchase_list.checked,.add_purchase_free { border: 2px solid #ff5a1e; } .add_purchase_item label { cursor: pointer; } .add_purchase_item .item_checkbox { grid-area: 1 / 1 / 3 / 1; display: flex; justify-content: center; align-items: center; margin: auto; } .add_purchase_item svg { width: 16px; height: auto; fill: #fff; color: #fff; } .add_purchase_item .purchase_checkbox { width: 20px; height: 20px; display: flex; justify-content: center; border: 1px solid #ff5a1e; border-radius: 5px; background-color: transparent; opacity: .4; } .add_purchase_list :checked+label .purchase_checkbox ,.add_purchase_free label .purchase_checkbox { background-color: #ff5a1e; opacity: 1; } .add_purchase_item .item_checkbox svg { display: none; opacity: 0; } .add_purchase_list :checked+label .purchase_checkbox_icon,.add_purchase_free label .purchase_checkbox_icon { display: block; opacity: 1; } .add_purchase_item .item_accessory { grid-area: 1 / 2 / 3 / 2; margin: auto; width: 80px; height: 80px; margin-left: 0; } .add_purchase_item .item_name { grid-area: 1 / 3 / 1 / 3; height: auto; display: flex; align-items: end; } .add_purchase_item a { font-size: 16px; color: #1a1a1a; text-decoration: none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .add_purchase_item .item_price{ grid-area: 2 / 3 / 2 / 3; gap: 0.5rem; height: auto; display: flex; align-items: flex-start; font-size: 16px; color: #000; } .add_purchase_item del { color: #bababa; } .add_purchase_item .item_free { width: 50px; height: 50px; grid-area: 1 / 4 / 1 / 4; } .add_purchase_item .item_free p { display: none; } @media only screen and (max-width: 750px) { .add_purchase_item { grid-template-rows: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(13, minmax(0, 1fr)); } .add_purchase_item .item_checkbox { grid-area: 1 / 1 / 3 / 2; } .add_purchase_item .item_accessory { grid-area: 1 / 2 / 3 / 3; } .add_purchase_item .item_name { grid-area: 1 / 12 / 2 / 4; margin-top: auto; } .add_purchase_item .item_price { grid-area: 2 / 14 / 3 / 4; } .add_purchase_item .item_free { width: 45px; height: 45px; grid-area: 1 / 13 / 2 / 13; } } @media only screen and (max-width: 700px) { .add_purchase_item { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media only screen and (max-width: 650px) { .add_purchase_item .item_accessory { width: 65px; height: 65px; } } @media only screen and (max-width: 600px) { .add_purchase_item { grid-template-columns: repeat(10, minmax(0, 1fr)); } .add_purchase_item .item_free img { display: none; } .add_purchase_item .item_free p { display: block; font-size: 16px; font-weight: 700; } .add_purchase_item .item_free { height: auto; width: auto; } .add_purchase_item .item_price { grid-area: 2 / 15 / 2 / 18; flex-direction: column; } .add_purchase_list .item_price { grid-area: 1 / 15 / 3 / 18; } .add_purchase_item .item_name { align-items: center; margin-bottom: auto; grid-area: 1 / 14 / 3 / 4; } .add_purchase_item .item_free { grid-area: 2 / 15 / 1 / 18; margin: auto; } .add_purchase_item { border-radius: 5px; } } @media only screen and (max-width: 530px) { .add_purchase_item .item_accessory{ width: 60px; height: 60px; } } @media only screen and (max-width: 500px) { .add_purchase_item .item_accessory{ width: 50px; height: 50px; } .add_purchase_item .purchase_checkbox { width: 18px; height: 18px; } .add_purchase_item a { font-size: 14px; } .add_purchase_item .item_price,.add_purchase_item .item_free p { font-size: 15px; } } @media only screen and (max-width: 450px) { .add_purchase_item .item_accessory { width: 45px; height: 45px; } .add_purchase_item .item_accessory { grid-area: 1 / 2 / 3 / 2; } } @media only screen and (max-width: 420px) { .add_purchase_item { grid-template-columns: repeat(8, minmax(0, 1fr)); } } @media only screen and (max-width: 400px) { .add_purchase_item { grid-template-columns: repeat(7, minmax(0, 1fr)); } } @media only screen and (max-width: 370px) { .add_purchase_item { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media only screen and (max-width: 340px) { .add_purchase_item { grid-template-columns: repeat(5, minmax(0, 1fr)); } } /*新版加购结束*/