/* Powered by ueeshop.com http://www.ueeshop.com 广州联雅网络科技有限公司 020-83226791 */ @charset "utf-8"; /***************************宽屏样式(start)***************************/ .w_1200 #prod_detail{padding:0 0px 30px 0px;} .w_1200 .pic_size_width{width: 520px;} .w_1200 #prod_detail .detail_left{width:520px;} .w_1200 .detail_pic .up{height:520px;} .w_1200 #prod_detail .detail_right{width:635px;} .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 .attributes{margin: 0 0 0px -11px;padding: 0 0 0px 9px;} .prod_info_form li.attr_show>span em{bottom: -5px;right: -5px;} .prod_info_form li.attr_show>span .icon_selected{background-position: -2px -2px;} .prod_info_form li.attr_show>span .icon_selected_bg{border-left-color:inherit;border-left-width: 11px;border-left-style: solid;border-radius: 5.5px;} #prod_detail{padding:0 0px 30px 0px;} #prod_detail .detail_left{width:390px; position:relative; z-index:101;} #prod_detail .detail_right{width:565px;padding:10px 10px 0 0;} #prod_detail .detail_option{width:447px;} #prod_detail .detail_info{width:299px;} #prod_detail .prod_desc_left{ margin-top:0px;} .pic_size_width{width: 390px;} .detail_left_box{position: relative;background: #fff;margin-bottom: 40px;padding-bottom: 10px;} .detail_pic{text-align:center;} .detail_pic .up{height:390px;} .detail_pic .up .big_box{position:absolute; left:0; top:0; z-index:1; max-width:100%;} .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;} .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:390px !important; height:86px !important;} .detail_pic .small_carousel .viewport{width:335px; height:86px; position:absolute; overflow:hidden; left:0; top:0;right: 0;margin: auto;} .detail_pic .small_carousel .btn{width:18px; height:100%; cursor:pointer; outline:0; background: url(../../../images/products/icon_pic_btn.png) no-repeat -32px center; position:absolute; top:0; display:none;} .detail_pic .small_carousel .btn span{display:none;} .detail_pic .small_carousel .left{left:0;} .detail_pic .small_carousel .right{right:0;background-position: right center;} .detail_pic .small_carousel .left:hover{background-position: left center;} .detail_pic .small_carousel .right:hover{background-position: -16px center;} .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:86px; padding-top:5px;} .detail_pic .viewport .list .item{display:list-item; margin:0 10px 0 0; position:relative; float:left;background: #333;} .detail_pic .viewport .list a{background:#fff; width:72px; height:72px; display:block; vertical-align:middle; border-width:1px; border-style:solid; padding:1px;} .pic_box{border-color:#e2e2e2;} .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{padding:2px;} .detail_pic .viewport .list .current a{border:0; padding:0;} .detail_pic .viewport .list .current .arrow{display:block;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:20px; color:#222222; line-height:28px;} .prod_info_desc{font-size: 12px;color: #999;padding: 5px 0;line-height: 18px;} .prod_info_number{padding:5px 0; color:#999;} .prod_info_review{height: 38px;line-height: 38px;} .prod_info_review .s_review_star .star_1{background-image: url(../../../images/products/icon_star_new.png);} .prod_info_review .review_star{vertical-align: top;margin-top: 9px;} .prod_info_review .write_review{margin:0 20px 0 3px;font-size: 12px;color: #999;text-decoration: underline;} .prod_info_review .review_count{font-size: 14px;color: #999;margin: 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{background: #fafafa;margin: 13px 0 20px;padding: 18px;} .detail_right .rows{padding-left: 80px;line-height: 44px;} .detail_right .rows h5{float: left;margin-left:-80px;line-height: 22px;padding: 13px 0px;padding-right: 18px;font-size: 14px;color: #222;text-align: left;} .prod_info_price{position:relative;} .prod_info_price .price_left{line-height: 36px;height: 36px;padding: 6px 0;} .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;} .prod_info_price .price_left .current_price .price{padding-left:72px; font-size: 26px;color: #c00;font-family: Arial;} .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:0; 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:hover{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:hover .arrow{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);} .prod_info_currency_more:hover dd{display:block;} .discount_attr{color:#999; margin-left: 10px;} .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;margin-left: 18px;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{border-left: 1px solid #e4e4e4;margin-bottom: 5px;} .prod_info_wholesale .pw_column{float:left;} .prod_info_wholesale .pw_td{height:41px; line-height:41px; overflow:hidden; text-align:left; color:#333;border:1px solid #e4e4e4;border-top: none;border-left: none;padding: 0 13px;font-size: 12px;color: #555;background: #fff;} .prod_info_wholesale .pw_td.bt{border-top: 1px solid #e4e4e4;} .prod_info_form .attributes{border-color: #fafafa;} .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:60px; height:24px; padding:4px 0; border:1px #dddddd solid;background:#fff;border-left: none;border-right: none;text-align: center;} .prod_info_quantity .quantity_box input{ width:60px; height:24px; line-height:24px; color:#333; border:0; outline:0;text-align: 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;color: #999;} .prod_info_quantity .prod_info_inventory>b{font-weight:700;} .prod_info_quantity .qty_box{line-height:32px;display:inline-block; vertical-align:bottom;} .prod_info_quantity .qty_box>div{width:28px; height:32px; line-height:32px; 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;} .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_actions .add_btn{float: left;width: 210px;height: 46px;line-height: 46px;border-radius: 3px;font-size: 16px;color: #fff;text-align: center;text-transform: uppercase;margin-right: 10px;cursor: pointer;margin-bottom: 10px;border:none;} .prod_info_actions .addtocart{width:inherit; min-width:210px; padding:0 25px; background:#e62e04;} .prod_info_actions .arrival, .prod_info_actions .soldout{padding-left:12px; background:#999;} .prod_info_actions .soldout{cursor:no-drop;} .prod_info_actions .buynow{padding:0 20px;background: #fc8321;} .prod_info_actions .box_paypal{display:inline-block; vertical-align:top; position:relative; z-index:1;} .prod_info_actions .paypal_checkout_button{background: #fcca42; background-image:url(../../../images/products/icon_paypal.png); background-position:center center; background-repeat:no-repeat;} .prod_info_actions #paypal_button_container{display:inline-block; vertical-align:top; width:210px; height:46px; position:relative; text-overflow:ellipsis; text-indent:-999px;} .prod_info_actions #paypal_button_container .paypal-button{height:46px!important;} .prod_info_actions #paypal_button_container .paypal-button>.zoid-outlet{width:210px; height:46px;} .prod_info_actions #btn_paypal_replace{background:url(../../../images/products/btn_paypal_replace.png) no-repeat center #ffc439; position:absolute; z-index:10000;} .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;} .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;} .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; margin-right:44px; 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 .gp_list>div{padding: 30px 10px 10px 10px;} .group_promotion .info .gp_btn{background: #e62e04;} .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 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;} /*new*/ .good_top{min-height: 636px;background: #f6f6f6;} .good_top .left_img{height: 636px;width: 636px;float: left;background-repeat: no-repeat;-webkit-background-size: contain;background-size: contain;background-position: center;} .good_top .left_img .left_img_click{width: 62px;margin-top: 18px;} .good_top .left_img .left_img_click .bd li{width: 62px;height: 62px;background: #fff;margin-top: 3px;cursor: pointer;box-sizing:border-box;} .good_top .left_img .left_img_click .bd li.cur{border: 2px solid #cccccc;} .good_top .left_img .left_img_click .btn{width: 62px;height: 16px;background: #fff;margin-bottom: 2px;cursor: pointer;} .good_top .left_img .left_img_click .btn.next{margin-top: 5px;} .good_top .right_msg{float: right;width: 500px;margin-right: 2px;padding: 0px 0 10px;} .good_top .right_msg .name{font-size: 36px;line-height:1.15;color: #000000;font-family: 'ProximaNovaBold';letter-spacing: -1.5px;} .good_top .right_msg .desc{font-size: 18px;line-height: 40px;color: #333333;border-bottom: 1px solid #cccccc;margin-top: 5px;padding-bottom: 21px;} .good_top .right_msg .secdesc{font-size: 16px;line-height: 24px;color: #333333;margin-top: 28px;} .good_top .right_msg .more{display: inline-block;margin-top: 20px;height: 35px;line-height: 35px;padding: 0 20px;border: 2px solid #ED4642;color: #ED4642;font-size: 16px;text-transform: uppercase;} .good_top .right_msg .list{margin-top: 17px;} .good_top .right_msg .list p {font-size: 16px;line-height: 54px;color: #0044e4;border-bottom: 1px solid #ccc;margin: 0 46px 0 7px;padding: 0 9px;} .description_top{border-bottom: 23px solid #f6f6f6;} .description_top .desc_menu{border-bottom: 1px solid #e6e5e3;} .description_top .desc_menu a{font-size: 16px;line-height: 26px;color: #898884;display: inline-block;padding: 11px 0 14px;margin-right: 25px;} .description_top .desc_menu a.cur{color: #000000;} .description_top .desc_cont{padding: 70px 0 105px;} .description_top .desc_cont .copy .left{font-size: 24px;line-height: 36px;color: #000000;float: left;width: 680px;} .description_top .desc_cont .copy .right{float: right;width: 426px;margin-right: 17px;} .description_top .desc_cont .copy .right .name{font-size: 18px;line-height: 36px;color: #000000;margin-top: -3px;} .description_top .desc_cont .copy .right .middle{border-top: 1px solid #e6e5e3;border-bottom: 1px solid #e6e5e3;margin-top: 7px;padding: 12px 0 13px;} .description_top .desc_cont .copy .right .middle .mid_left{width: 305px;} .description_top .desc_cont .copy .right .middle .secname{font-size: 16px;color: #000000;} .description_top .desc_cont .copy .right .middle .secdesc{font-size: 14px;line-height: 18px;color: #969591;margin-top: 7px;} .description_top .desc_cont .copy .right .middle .img{width: 67px;height: 67px;margin-right: 17px;} .description_top .desc_cont .copy .right a.gallery{font-size: 16px;line-height: 26px;color: #0044e4;display: inline-block;margin-top: 4px;} .diy_space .btn_content_out .btn_content.scroll{position: relative;} .diy_space{width: 100%;overflow: hidden;} .diy_space.diy_space2{padding-bottom: 5px;border-bottom:none;} .diy_space .diy_space_blank{padding: 62px 0 65px;} .diy_space .topname{font-size: 22px;line-height: 34px;color: #455560;text-align: center;} .diy_space .topname i{line-height: 34px;display: inline-block;vertical-align: middle;} .diy_space .topname i.img{margin-left: 9px;} .diy_space .btn_list{text-align: center;margin: 29px 0 0;} .diy_space .btn_list .btn{width: 448px;height: 44px;line-height: 44px;border: 1px solid #cccccc;font-size: 18px;line-height: 44px;color: #000000;display: inline-block;border-radius: 3px;margin: 0 13px;cursor: pointer;color: #ed4642;transition:all 0.3s;} .diy_space .btn_list .btn.cur{border: 1px solid #ed4642;background: #ed4642;color: #fff;} .diy_space .btn_list .btn:hover{border: 1px solid #ed4642;background: #ed4642;color: #fff;} .diy_space .btn_list i{display: inline-block;vertical-align: middle;margin-right: 12px;margin-top: -2px;display: none;} .diy_space .right{width: 473px;padding-left: 45px;margin-top: -9px;} .diy_space .right .rows{border-top: 1px solid #dddddd;padding-top: 22px;} /*.diy_space .right .rows.change_rows_spec{margin-bottom: -17px;}*/ .diy_space .right .rows:first-child{border-top: none;padding-top: 0px;} .diy_space .right .rows .title{padding-left: 0!important;background: unset!important;} .diy_space .right .rows .title .step,.diy_space .right .rows .title .name{font-size: 16px;line-height: 44px;color: #ed4642;display: inline-block;vertical-align: middle;width: calc( 100% - 12px );/*text-overflow:ellipsis;white-space:nowrap;overflow:hidden;*/line-height: 1.5;vertical-align: middle;} .diy_space .right .rows .title .step{margin-right: 20px;display: inline-block;width: 1px;line-height: 44px;margin: 0;opacity: 0;vertical-align: middle;font-size: 1px;} .diy_space .right .rows .title .name{color: #000;margin-right: 5px;} .diy_space .right .rows .title .name em{margin-left: 10px;display: none;} .diy_space .right .rows .title .tips{font-size: 14px;line-height: 26px;color: #999999;display: block;vertical-align: middle;margin-top: 3px;display: none!important;} .diy_space .right .rows .rows_cont{margin: 13px 0 21px;} .diy_space .right .rows .rows_cont.color_out{border:1px solid #cccccc;box-sizing: border-box;padding: 11px 0 46px 11px;height: 182px;overflow: hidden;position: relative;z-index: 0;} .diy_space .right .rows .rows_cont.color_out.show{height: auto;} .diy_space .right .rows .rows_cont .color_top_show{font-size: 14px;color: #333;margin: 0px 0 7px;line-height: 15px;} .diy_space .right .rows .rows_cont .color_top_show i{font-size: 14px;color: #333;margin-left: 10px;display: inline-block;line-height: 15px;} .diy_space .right .rows .rows_cont.color_out:after{content: '';height: 46px;width: 100%;background: #fff;bottom: 0;left: 0;position: absolute;} .diy_space .right .rows .rows_cont .color_more{font-size: 14px;color: #808080;text-decoration: underline;position: absolute;left: 11px;bottom: 19px;z-index: 1;cursor: pointer;} .diy_space .right .rows .rows_cont .upload{display: inline-block;width: 220px;height: 46px;line-height: 46px;background: #f5e9d6;font-size: 16px;color: #ed4642;/*border-radius: 23px;font-family: 'ProximaNovaBold';*/text-align: center;margin: 3px 0;cursor: pointer;width: 100%;height: 44px;line-height: 44px;background: url(../../../images/new/products_half_upload.png) #ed4642 no-repeat left 35% center;color: #fff;margin: 0;box-sizing: border-box;padding-left: 30px;} .diy_space .right .rows .rows_cont .copy.img{width: 86px;height: 86px;border-radius: 50%;overflow: hidden;float: left;margin-right: 31px;margin-top: 15px;cursor: pointer;} .diy_space .right .rows .rows_cont .copy.img:nth-child(1),.diy_space .right .rows .rows_cont .copy.img:nth-child(2),.diy_space .right .rows .rows_cont .copy.img:nth-child(3),.diy_space .right .rows .rows_cont .copy.img:nth-child(4){margin-top: 15px;} .diy_space .right .rows .rows_cont .copy.img.cur{width: 82px;height: 82px;border: 2px solid #666666;} .diy_space .right .rows .rows_cont input.color_change{width: 435px;height: 33px;border: 1px solid #cccccc;border-radius: 16px;font-size: 14px;color: #000000;padding: 0 18px;margin-top: 19px;border-radius: 0;width: 100%;box-sizing: border-box;} .diy_space .right .rows .rows_cont input.color_change::-webkit-input-placeholder { /* WebKit browsers */ color: #000000; } .diy_space .right .rows .rows_cont input.color_change:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000000; } .diy_space .right .rows .rows_cont input.color_change::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000000; } .diy_space .right .rows .rows_cont input.color_change:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #000000; } .diy_space .right .rows .rows_cont .copy.color{width: 28px;height: 28px;border-radius: 50%;overflow: hidden;float: left;margin: 11px 9px 0 0;cursor: pointer;font-size: 12px;width: 65px;height: 90px;border-radius: 0;box-sizing: border-box;border: 1px dashed #4d4d4d;text-align: center;line-height: 18px;text-overflow:ellipsis;overflow:hidden;padding: 3px 2px;} .diy_space .right .rows .rows_cont .copy.color i{width: 55px;height: 50px;display: inline-block;margin-top: 13px;box-shadow: 0px -4px 8px 0px rgba(0,0,0,0.2);} .diy_space .right .rows .rows_cont dl{position: relative;padding-top: 0px;} .diy_space .right .rows .rows_cont dl .qty{width: 255px;display: inline-block;width: 175px;} .diy_space .right .rows .rows_cont dl .qty input{border: none;font-size: 16px;color: #333;cursor: pointer;display: block;width: 100%;} .diy_space .right .rows .rows_cont dl .type{font-size: 14px;font-family: 'ProximaNovaRegular';margin-left: 4px;} .diy_space .right .rows .rows_cont dl dt{width: 435px;height: 42px;border: 1px solid #cccccc;border-radius: 0px;font-size: 16px;line-height: 42px;color: #333;padding: 0 10px;margin-bottom: 19px;background: url(../../../images/new/products_design_select.png) no-repeat right 14px center;cursor: pointer;margin-bottom: 0;} .diy_space .right .rows .rows_cont dl dd{position: absolute;left: 0;top: 43px;right: 0;transition:all 0.5s;background: #fff;border-radius: 0px;padding: 0 10px;z-index: 1;max-height: 300px;overflow-y: auto;} .diy_space .right .rows.show_pic .rows_cont dl dd{max-height: unset;} .diy_space .right .rows .rows_cont dl dd {scrollbar-width: thin;} .diy_space .right .rows .rows_cont dl dd::-webkit-scrollbar {/*滚动条整体样式*/width: 5px;/*高宽分别对应横竖滚动条的尺寸*/height: 5px;} .diy_space .right .rows .rows_cont dl dd::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #d7d7d7;} .diy_space .right .rows .rows_cont dl dd::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #fff;} .diy_space .right .rows .rows_cont .tips{color: #999;font-stretch: 14px;display: block;margin: 3px 0 -6px;} .diy_space .right .rows.show_pic .rows_cont dl dd{padding: 0;} .diy_space .right .rows .rows_cont dl dd a{line-height: 0px;height: 0px;overflow: hidden;display: block;padding: 0 18px;font-size: 14px;color: #666666;transition:all 0.5s;padding: 0;} .diy_space .right .rows .rows_cont dl.on dd{border: 1px solid #ccc;padding:15px 10px;} .diy_space .right .rows .rows_cont dl.on dd a{line-height: 24px;height: 24px;color: #333;} .diy_space .right .rows .rows_cont select{display: none;} .diy_space .right{margin-top: 3px;margin-top: 0;float: left!important;margin-left: 20px;width: 730px!important;padding: 28px 30px 40px!important;}/*.right2*/ .diy_space .right.right2{padding: 13px 30px 40px!important;}/*.right2*/ .diy_space .right .rows{border-top: none;padding-top: 26px;} .diy_space .right .rows:first-child{padding-top: 0px;} .diy_space .right .rows .title{font-size: 16px;/*line-height: 44px;*/color: #000;background: unset;padding-left: 0;width: calc( 100% - 462px );display: inline-block;vertical-align: top;} #wholesale_price{width: 457px;display: inline-block;vertical-align: top;} .diy_space .right .rows .rows_cont{margin: 4px 0;width: 457px;margin: 0;display: inline-block;vertical-align: top;margin-top: 1px;} /*.diy_space .right .rows.rows2.change_rows_spec .rows_cont{margin-top: 15px;}*/ .custom_tools_content{width: 457px;display: inline-block;vertical-align: top;} .diy_space .right .rows .rows_cont dl .img{display: none;} .diy_space .right .rows.show_pic .rows_cont dl dt{display: none;} .diy_space .right .rows.show_pic .rows_cont dl dd{position: unset;} .diy_space .right .rows.show_pic .rows_cont dl .img{display: block;} .diy_space .right .rows.show_pic .rows_cont dl dd a{float: left;height: auto;line-height: unset;text-align: center;box-sizing:border-box;width: calc( (100% - 40px)/3 );margin:17px 0 3px 20px;white-space: nowrap;} .diy_space .right .rows.show_pic .rows_cont dl dd a:nth-child(3n+1){margin-left: 0;} .diy_space .right .rows.show_pic .rows_cont dl dd a .img{box-sizing:border-box;background: url('') no-repeat right -2px bottom -2px/22.85%;transition:all 0s;padding: 10px;border: 1px solid #dcdcdc;} .diy_space .right .rows.show_pic .rows_cont dl dd a.cur .img{border: 2px solid #ed4642;background: url(../../../images/RightArrow.png) no-repeat right -2px bottom -2px/22.85%;padding: 9;} .diy_space .right .rows.show_pic .rows_cont dl dd a .img{width: 100%;height: 112px;margin-bottom: 10px;} .diy_space .right .rows .rows_cont .tips{font-size: 14px;line-height: 26px;color: #999999;} .diy_space .right .rows.rows2 .rows_cont input.color_change{margin: 13px 0;} .diy_space .right .middle_diff{margin-top: 10px;} .diy_space .right .middle_diff .click .btn{float: left;width: 178px;height: 42px;text-align: center;line-height: 43px;border-radius: 22px;font-size: 14px;color: #222222;cursor:pointer;} .diy_space .right .middle_diff .click .btn.cur{color: #ed4642;background: #f5e9d6;} .diy_space .right .middle_diff .cont{margin: 26px 0 0;} .diy_space .right .middle_diff .cont .cont_left{float: left;width: 88px;display: none;} .diy_space .right .middle_diff .cont .cont_left .copy{background: #f5e9d6;margin-top: 1px;padding: 0 10px 11px;text-align: center;cursor: pointer;} .diy_space .right .middle_diff .cont .cont_left .copy.cur{background: #ed4642;} .diy_space .right .middle_diff .cont .cont_left .copy:first-child{margin-top: 0px;} .diy_space .right .middle_diff .cont .cont_left .copy .img{height: 30px;padding: 15px 0 11px;} .diy_space .right .middle_diff .cont .cont_left .copy .img.a{position: relative;} .diy_space .right .middle_diff .cont .cont_left .copy .img.a:after{content: 'A';position: absolute;left: 50%;top: 50%;color: #f5e9d6;font-size: 20px;font-family: Arial;font-weight: bold;line-height: 28px;margin-top: -11px;margin-left: -6.5px;} .diy_space .right .middle_diff .cont .cont_left .copy.cur .img.a:after{color: #ed4642;} .diy_space .right .middle_diff .cont .cont_left .copy.cur .img img{filter: invert(1);} .diy_space .right .middle_diff .cont .cont_left .copy .name{font-size: 14px;line-height: 16px;color: #000000;} .diy_space .right .middle_diff .cont .cont_left .copy.cur .name{color: #fff;} .diy_space .right .middle_diff .cont .cont_right{float: right;width: 363px;width: calc( 100% - 118px );width: 100%;} .tools_btm_upload .tools_btm_upload_right{display: none;} .tools_btm_upload .tools_btm_upload_left .upload_left_btn{display: inline-block;width: 220px;height: 46px;line-height: 46px;background: #f5e9d6;font-size: 16px;color: #ed4642;text-align: center;margin: 3px 0;cursor: pointer;width: 100%;height: 44px;line-height: 44px;background: url(../../../images/new/products_half_upload.png) #ed4642 no-repeat left 35% center;color: #fff;margin: 0;box-sizing: border-box;padding-left: 30px;} .diy_space .right .middle_diff .cont .cont_right .copy textarea{box-sizing:border-box;width: 100%;height: 110px;border: 1px solid #e5e5e5;font-size: 16px;color: #666666;padding: 14px 12px;} .diy_space .right .middle_diff .cont .cont_right .copy .add{display: inline-block;width: 108px;height: 37px;text-align: center;line-height: 37px;background: #000;color: #fff;border-radius: 2px;font-size: 16px;margin-top: 12px;cursor: pointer;} .diy_space .right.right2 .get_all{margin-top: 25px;margin-top: 0;} .diy_space .right{position: relative;} .diy_space .right .add_ship{border-top: 1px solid #cccccc;margin-top: 40px;} .diy_space .right .add_ship .rows{padding-top: 23px;} .diy_space .right .add_ship .rows:first-child{padding-top: 38px;} /*.diy_space .right .add_ship .rows:nth-child(2) .title .name{line-height: 1;}*/ .diy_space .right .add_ship .rows .price_show{font-size: 20px;color: #ed4642;font-weight: bold;} .diy_space .right .add_ship .rows .change_ship{font-size: 16px;color: #000000;margin-top: 7px;display: inline-block;} .diy_space .right .add_ship .rows .ship_tips{font-size: 16px;line-height: 26px;color: #666666;margin-top: 7px;} .diy_space .right .get_all{text-align: center;margin-top: 7px;position: absolute;left: 750px;top: 0;background: #fff;width: calc( 100vw - 730px - 730px - 117px);margin-top: 0;padding: 22px 30px 30px;box-sizing: border-box;} .diy_space .right .get_all .middle_result{text-align: left;font-size: 14px;line-height: 30px;color: #333333;margin: 14px 0 22px;padding-bottom: 22px;border-bottom: 6px solid #d9d9d9;} .diy_space .right .get_all .middle_result .copy span:nth-child(2){font-size: 14px;color: #999999;float: right;} .diy_space .right .get_all .unit_p{display: inline-block;vertical-align: top;display: none;} .diy_space .right .get_all .unit_p{margin-left: 93px;display: block;margin-left: 0;border-bottom: 1px solid #d9d9d9;padding-bottom: 1px;} .diy_space .right .get_all .unit_p .tag{font-size: 14px;line-height: 26px;color: #666666;font-size: 18px;color: #000000;float: left;line-height: 30px;} .diy_space .right .get_all .unit_p .price{font-size: 28px;line-height: 26px;color: #999999;margin-top: 4px;float: right;line-height: 30px;margin-top: 0;} .diy_space .right .get_all .unit_p .price{color: #ed4642;font-size: 18px;color: #ed4642;} .diy_space .right .get_all .tips{font-size: 14px;line-height: 26px;color: #0044e4;margin: 24px 0 34px;} .diy_space .right .get_all .ship_tips{font-size: 16px;color: #333333;text-align: left;margin: 18px 0 30px;} .diy_space .right .get_all .all_btn{width: 382px;height: 58px;border: 1px solid #dddddd;background: url(../../../images/goods_design_save.png) #e5e5e5 no-repeat left 32% center;line-height: 58px;font-size: 20px;color: #222222;border-radius: 30px;margin: 0 auto;margin-bottom: 10px;padding-left: 36px;cursor: pointer;width: 100%;box-sizing: border-box;height: 44px;line-height: 44px;background: #e6e6e6;border-radius: 0;color: #333333;font-size: 18px;} .diy_space .right .get_all .all_btn.new_add_cart{background: url(../../../images/goods_design_cart.png) #ed4642 no-repeat left 32% center;border: 1px solid #ed4642;color: #fff;background: #ed4642;} .diy_space .left{width: 682px;width: 670px;padding: 24px 30px!important;} .diy_space .left .left_big_title{font-size: 26px;color: #000;} .diy_space .left .left_big_title_top{margin-top: 90px;} .diy_space .left .blank_bottom{display: block;height: 50px;} .diy_space.impor .left{margin-top: 0!important;} .diy_space .left .design_img{padding: 10vh 18px;position: relative;box-sizing:border-box;min-height: 100vh;padding: 0;} /*.diy_space .left .design_img:after{content: '';height: 100%;position: absolute;width: 100vw;right: 0px;top: 0px;background: #f7f7f7;}*/ .diy_space .left .design_img .design_img_change{width: 44.35483869vh;/*height: 55vh;*/background: url(../../../images/goods_design_left.png) #fff no-repeat center;position: relative;z-index: 1;box-shadow: 0 10px 20px 0 rgba(6,0,1,0.15);background: #fff;text-align: center;box-sizing:border-box;/*padding: 20px;overflow: hidden;*/margin-left: 41px;margin-top: 66px;} /*.diy_space .left .design_img .add_design_img_change_show .design_img_change{margin-right: 41px;transform: rotateY(180deg);}*/ .diy_space .left .design_img .design_img_change .oper_icon{width: 20px;height: 20px;position: absolute;background: #000;border-radius: 50%;cursor: pointer;} .diy_space .left .design_img .design_img_change .oper_icon.zoom-out{left: -31px;top: -31px;background: url(../../../images/new/products_design_scale_0.png) center;} .diy_space .left .design_img .design_img_change .oper_icon.zoom-in{right: -31px;top: -31px;background: url(../../../images/new/products_design_scale_1.png) center;} .diy_space .left .design_img .design_img_change .oper_icon.anti-clockwise{left: -31px;bottom: -31px;background: url(../../../images/new/products_design_rotate_0.png) center;} .diy_space .left .design_img .design_img_change .oper_icon.clockwise{right: -31px;bottom: -31px;background: url(../../../images/new/products_design_rotate_1.png) center;} .add_check_line{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;} .save_canvas .add_check_line{display: none!important;} .add_check_line .check_top_line{width: calc( 100% + 0px );height: 4vh;position: absolute;top: -4vh;left: 0px;background: rgba(0,0,0,0.15);display: none;} .add_check_line .check_top_line .link{height: 30%;width: 1px;position: absolute;bottom: 0px;background: rgba(0,0,0,0.25);} .add_check_line .check_top_line .link.link_top{height: 70%;width: 1px;} .add_check_line .check_left_line{width: 4vh;height: calc( 100% + 0px );position: absolute;top: 0px;left: -4vh;background: rgba(0,0,0,0.15);display: none;} .add_check_line .check_left_line .link{width: 30%;height: 1px;position: absolute;right: 0px;background: rgba(0,0,0,0.25);} .add_check_line .check_left_line .link.link_top{width: 70%;height: 1px;} .add_check_line .check_inner_line{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;background: rgba(0,0,0,0.15);display: none;} .add_check_line .check_inner_line .link{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;background: rgba(0,0,0,0.25);} .add_check_line .check_inner_line .link.link_top{width: 1px;} .add_check_line .check_inner_line .link.link_left{height: 1px;} .diy_space .left .design_img .design_img_change.hide_tips .del_btn,.diy_space .left .design_img .design_img_change.hide_tips .rotate_btn,.diy_space .left .design_img .design_img_change.hide_tips .layer_btn,.diy_space .left .design_img .design_img_change.hide_tips .ui-resizable-handle{display: none!important;} .diy_space .left .design_img .design_img_change.hide_tips .custom_obj{border-color: transparent!important;} .diy_space .left .design_img .design_img_change.hide_tips{margin-left: 60px;} @media screen and (max-width: 768px) { .diy_space .left .design_img .design_img_change.hide_tips{margin-left: 0px;} } .diy_space .left .design_img .design_img_change .diy_page2_bg{position: absolute;left: 50%;top: 50%;height: 50%;width: 50%;margin-top: -15%;margin-left: -25%;} .diy_space .left .design_img .design_img_change .diy_page2_bg.only_bottom_right{left: 0px!important;top: 0px!important;margin-top: 0px!important;margin-left: 0px!important;width: 100%!important;height: calc( 60vh - 4px )!important;} .diy_space .left .design_img .design_img_change .posi{position: absolute;left: 0px;top: 0px;z-index: -1;} .diy_space .left .design_img .design_img_change .small_img{position: absolute;} .diy_space .left .design_img .design_img_change_type0 .small_img,.diy_space .left .design_img .design_img_change_type2 .small_img,.diy_space .left .design_img .design_img_change_type4 .small_img{width: 5.618279563vh;height: 5.618279563vh;} .diy_space .left .design_img .design_img_change_type1 .small_img,.diy_space .left .design_img .design_img_change_type3 .small_img,.diy_space .left .design_img .design_img_change_type5 .small_img{width: 8.427419344vh;height: 8.427419344vh;} .diy_space .left .design_img .design_img_change_type4 .small_img{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);} .diy_space .left .design_img .design_img_change_type5 .small_img{top:50%;left: 50%;margin-left: -4.2137095vh;margin-top: -4.2137095vh;} .diy_space .left .design_img .design_img_change.design_img_change2{/*width: 540px;*/background: none;box-shadow: 0px 0px 0px 0px #000;} .diy_space .left .diy_review{margin-top: 142px;} .diy_space.impor .left .diy_review{margin-top: 42px;} .diy_space .left .diy_review .review_title{font-size: 20px;line-height: 26px;color: #ed4642;border-bottom: 2px solid #ed4642;padding-bottom: 12px;display: inline-block;} .diy_space .left .diy_review .write_review_btn{display: inline-block;height: 34px;line-height: 34px;border-radius: 2px;padding:0 15px;font-size: 14px;color: #fc8321;text-decoration: none;color: #fff;} .diy_space .left .diy_review .review_list .copy{border-top: 1px solid #dddddd;margin-top: -1px;padding: 27px 0 43px;} .diy_space .left .diy_review .review_list .copy .e{width: 50px;height: 50px;border-radius: 50%;background: #83b6dd;color: #fff;font-size: 24px;line-height: 50px;text-align: center;} .diy_space .left .diy_review .review_list .copy .sec{margin-left: 10px;} .diy_space .left .diy_review .review_list .copy .sec .name{font-size: 16px;line-height: 26px;color: #666666;letter-spacing: 0.2px;margin-top: 4px;} .diy_space .left .diy_review .review_list .copy .sec .name span{color: #ed4642;} .diy_space .left .diy_review .review_list .copy .sec .stars{width: 90px;height: 16px;margin-top: 4px;} .diy_space .left .diy_review .review_list .copy .time{font-size: 14px;line-height: 26px;color: #999999;margin: 5px 3px 0 0;} .diy_space .left .diy_review .review_list .copy .cont{padding-left: 62px;} .diy_space .left .diy_review .review_list .copy .cont .title{font-family: 'ProximaNovaBold';font-size: 16px;line-height: 26px;color: #333333;margin-top: 31px;} .diy_space .left .diy_review .review_list .copy .cont .desc{font-size: 14px;line-height: 22px;color: #666666;margin-top: 3px;} .diy_space .left .diy_review .review_list .copy .cont .img_list{margin-top: 18px;} .diy_space .left .diy_review .review_list .copy .cont .img_list .img{width: 96px;height: 96px;border: 1px solid #dddddd;margin-right: 10px;display: inline-block;vertical-align: middle;cursor: pointer;} .diy_space .get_quote{} .diy_space .get_quote .top_desc{font-size: 17px;line-height: 26px;color: #0044e4;text-align: center;width: 795px;margin: 0 auto;/*font-family: 'OpenSansLightItalic';*/margin-top: 5px;} .diy_space .get_quote .top_tips{font-size: 14px;line-height: 24px;color: #555555;text-align: center;width: 795px;font-family: 'OpenSansLightItalic';margin: auto;padding: 14px 0 59px;} .diy_space .get_quote .big_copy{background: #f8f8f8;padding: 43px 65px 48px;margin-bottom: 10px;box-sizing:border-box;border:1px solid transparent;} .diy_space .get_quote .big_copy.pb{padding-bottom: 28px;} .diy_space .get_quote .big_copy:first-child{padding-top: 51px;} .diy_space .get_quote .big_copy .title{width: 255px;float: left;} .diy_space .get_quote .big_copy .title .step{font-size: 22px;line-height: 26px;color: #ed4642;float: left;width: 39px;} .diy_space .get_quote .big_copy .title .name{font-size: 20px;line-height: 26px;color: #333333;font-family: 'ProximaNovaBold';float: left;width: 160px;} .diy_space .get_quote .big_copy .right_cont{width: calc(100% - 255px);float: right;margin-top: 5px;} .diy_space .get_quote .big_copy .right_cont.auto{margin-bottom: -20px;} .diy_space .get_quote .big_copy .right_cont.grid{display: grid;grid-template-columns:repeat(5,1fr);grid-gap:20px 20px;} .diy_space .get_quote .big_copy .right_cont .upload{height: 50px;line-height: 50px;font-size: 16px;color: #ed4945;font-family: 'ProximaNovaBold';border-radius: 2px;text-align: center;cursor: pointer;position: relative;background: #f5e9d6;float: left;} .diy_space .get_quote .big_copy .right_cont .upload .char{font-size: 16px;color: #ed4945;overflow: hidden;position: relative;padding-left: 40px;width: 202px;height: 100%;background: url(../../../images/goods_design3_upload.png) no-repeat left 14% center;} .diy_space .get_quote .big_copy .right_cont .upload input[type=file]{position: absolute;left: 0;top: -29px;height: 100px;cursor: pointer;} .diy_space .get_quote .big_copy .right_cont .upload .img{width: 50px;height: 50px;box-sizing:border-box;border:1px solid #ccc;position: absolute;right: -75px;top: 0;padding: 4px;display: none;} .diy_space .get_quote .big_copy .right_cont .upload_tips{width: 545px;margin: 20px 32px 0;} .diy_space .get_quote .big_copy .right_cont .upload_tips p{font-size: 16px;line-height: 34px;color: #455560;text-indent: -9px;} .diy_space .get_quote .big_copy .right_cont .same_click{float: left;min-width: 168px;height: 44px;line-height: 44px;text-align: center;border-radius: 2px;border: 1px solid #cccccc;font-size: 16px;color: #333333;cursor: pointer;line-height: unset;} .diy_space .get_quote .big_copy .right_cont .same_click.cur{color: #ed4945;border: 1px solid #ed4945;background: #fff;} .diy_space .get_quote .big_copy .right_cont .same_click.same_img{height: 214px;height: auto;} .diy_space .get_quote .big_copy .right_cont .same_click.same_noimg{margin-top: 105px;} .diy_space .get_quote .big_copy .right_cont.auto .same_click{width: auto;margin-right: 24px;padding: 0 20px;min-width: inherit;margin-bottom: 20px;} .diy_space .get_quote .big_copy .right_cont .tips{margin-left: 29px;display: inline-block;vertical-align: middle;line-height: 42px;font-size: 14px;} .diy_space .get_quote .big_copy .right_cont .same_click.same_radio{display: inline-block;float: none;margin-left: 29px;width: auto;margin-top: 13px;width: 96px;position: relative;} .diy_space .get_quote .big_copy .right_cont .same_click.same_radio:first-child{margin-top: 0px;text-align: left;} .diy_space .get_quote .big_copy .right_cont .same_click .img{width: 138px;height: 138px;margin:18px auto 1px;} .diy_space .get_quote .big_copy .right_cont .same_click.same_radio input[type=radio]{display: none;} .diy_space .get_quote .big_copy .right_cont .same_click.same_radio.cur{border-color: #ccc;color: #333;} .diy_space .get_quote .big_copy .right_cont .same_click.same_radio:after{content: '';position: absolute;width: 14px;height: 14px;border: 1px solid #cdcdcd;border-radius: 50%;left: -30px;top: 50%;margin-top: -8px;} .diy_space .get_quote .big_copy .right_cont .same_click.same_radio.cur:after{border-color: #ed4945;} .diy_space .get_quote .big_copy .right_cont .same_click.same_radio.cur:before{content: '';position: absolute;width: 8px;height: 8px;border: 1px solid #cdcdcd;border-radius: 50%;left: -27px;top: 50%;margin-top: -5px;background: #ed4945} .diy_space .get_quote .big_copy .right_cont .same_click .customName{width: 100%;/*background: #f8f8f8;*/border:none;box-sizing:border-box;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #333;background: none;} .diy_space .get_quote .big_copy .right_cont .same_click .name{line-height: unset;margin: 12px 5px;} .diy_space .get_quote .big_copy .right_cont .text textarea{box-sizing:border-box;width: 100%;height: 204px;border: 1px solid #e5e5e5;font-size: 16px;color: #666666;padding: 14px 12px;} .diy_space .get_quote .big_copy .right_cont .text .center{text-align: center;margin: 39px 0 44px;} .diy_space .get_quote .big_copy .right_cont .text .center input{width: 384px;height: 60px;background: #ed4642;font-size: 20px;color: #ffffff;border-radius: 30px;} #loadMask{position: fixed;left: 0;top: 0;bottom: 0;right: 0;background-color:rgba(0,0,0,0.7);z-index: 10002;display: none;} #loadMask .char{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);color: white;font-size: 18px;} .out_bg{position: relative;width: 385px;height: 60vh;background: #ccccca;border: 1px solid #626262;box-sizing:border-box;margin: 0;margin-top: 11vh;/*margin-left: 41px;*/margin-top: 66px;} .out_bg .red_line{position: absolute;left: 0px;top: 20%;width: 100%;height: 1px;border-bottom: 2px dotted #ed4642;} .out_bg .red_line2,.out_bg .red_line3{position: absolute;left: 0px;top: 22%;width: 100%;height: 1px;border-bottom: 2px dotted #ed4642;} .out_bg .top_line{position: absolute;left: 0px;top: -23px;width: 100%;height: 1px;background: #bfbfbf;text-align: center;} .out_bg .top_line:before{content:'';position: absolute;left: -1px;top: -8px;width: 1px;height: 17px;background: #bfbfbf;} .out_bg .top_line:after{content:'';position: absolute;right: -1px;top: -8px;width: 1px;height: 17px;background: #bfbfbf;} .out_bg .top_line .top_count{line-height: 100%;position: absolute;left: 50%;margin-left: -15px;font-size: 16px;color: #000000;margin-top: -20px;} /*.add_design_img_change_show .out_bg .top_line .top_count{transform: rotateY(180deg);}*/ .out_bg .right_line{position: absolute;right: -23px;top: 0px;width: 1px;height: 100%;background: #bfbfbf;text-align: center;} .out_bg .right_line{top: 0px!important;height:calc( 60vh - 4px )!important;} .out_bg .right_line:before{content:'';position: absolute;right: -8px;top: -1px;width: 17px;height: 1px;background: #bfbfbf;} .out_bg .right_line:after{content:'';position: absolute;right: -8px;bottom: -1px;width: 17px;height: 1px;background: #bfbfbf;} .out_bg .right_line .right_count{line-height: 100%;position: absolute;top: 50%;margin-top: -10px;font-size: 16px;color: #000000;margin-left: -4px;transform: rotate(90deg);} /*.add_design_img_change_show .out_bg .right_line .right_count{transform: rotate(90deg) rotateY(180deg);}*/ .out_bg .bottom_line{position: absolute;left: 0px;bottom: -23px;width: 100%;height: 1px;background: #bfbfbf;text-align: center;} .out_bg .bottom_line:before{content:'';position: absolute;left: -1px;bottom: -8px;width: 1px;height: 17px;background: #bfbfbf;} .out_bg .bottom_line:after{content:'';position: absolute;right: -1px;bottom: -8px;width: 1px;height: 17px;background: #bfbfbf;} .out_bg .bottom_line .bottom_count{line-height: 100%;position: absolute;left: 50%;margin-left: -15px;font-size: 16px;color: #000000;margin-top: 5px;} /*.add_design_img_change_show .out_bg .bottom_line .bottom_count{transform: rotateY(180deg);}*/ .out_bg .left_line{position: absolute;left: -23px;bottom: 0px;width: 1px;height: calc( 80% - 1px );background: #bfbfbf;text-align: center;} /*.out_bg .left_line:before{content:'';position: absolute;left: -8px;top: -1px;width: 17px;height: 1px;background: #bfbfbf;display: none;}*/ .out_bg .left_line:after{content:'';position: absolute;left: -8px;bottom: -1px;width: 17px;height: 1px;background: #bfbfbf;} .out_bg .left_line .left_count{line-height: 100%;position: absolute;top: 50%;margin-top: -10px;font-size: 16px;color: #000000;margin-left: -31px;transform: rotate(-90deg);} /*.add_design_img_change_show .out_bg .left_line .left_count{transform: rotate(-90deg) rotateY(180deg);}*/ .out_bg .back_line{position: absolute;left: -23px;top: 0px;width: 1px;height: 20%;background: #bfbfbf;text-align: center;} .out_bg .back_line:before{content:'';position: absolute;left: -8px;top: -1px;width: 17px;height: 1px;background: #bfbfbf;} .out_bg .back_line:after{content:'';position: absolute;left: -8px;bottom: -1px;width: 17px;height: 1px;background: #bfbfbf;} .out_bg .back_line .back_count{line-height: 100%;position: absolute;top: 50%;margin-top: -10px;font-size: 16px;color: #000000;margin-left: -31px;transform: rotate(-90deg);} /*.add_design_img_change_show .out_bg .back_line .back_count{transform: rotate(-90deg) rotateY(180deg);}*/ .out_bg .middle_line{position: absolute;left: -23px;top: 20%;width: 1px;height: 2%;background: #bfbfbf;text-align: center;} .out_bg .middle_line:before{content:'';position: absolute;left: -8px;top: -1px;width: 17px;height: 1px;background: #bfbfbf;display: none;} .out_bg .middle_line:after{content:'';position: absolute;left: -8px;bottom: -1px;width: 17px;height: 1px;background: #bfbfbf;} .out_bg .middle_line .middle_count{line-height: 100%;position: absolute;top: 50%;margin-top: -10px;font-size: 16px;color: #000000;margin-left: -31px;transform: rotate(-90deg);} /*.add_design_img_change_show .out_bg .middle_line .middle_count{transform: rotate(-90deg) rotateY(180deg);}*/ .design_img_change .design_img_change_inner{width: 100%;height: 100%;overflow: hidden;position: relative;} .design_img_change .rows1_right_line{position: absolute;right: -23px;top: 0px;width: 1px;height: 100%;background: #bfbfbf;text-align: center;} .design_img_change .rows1_right_line:before{content:'';position: absolute;right: -8px;top: -1px;width: 17px;height: 1px;background: #bfbfbf;} .design_img_change .rows1_right_line:after{content:'';position: absolute;right: -8px;bottom: -1px;width: 17px;height: 1px;background: #bfbfbf;} .design_img_change .rows1_right_line .right_count{line-height: 100%;position: absolute;top: 50%;margin-top: -10px;font-size: 16px;color: #000000;margin-left: -11px;transform: rotate(90deg);} /*.add_design_img_change_show .design_img_change .rows1_right_line .right_count{transform: rotate(90deg) rotateY(180deg);}*/ .design_img_change .rows1_bottom_line{position: absolute;left: 0px;bottom: -23px;width: 100%;height: 1px;background: #bfbfbf;text-align: center;} .design_img_change .rows1_bottom_line:before{content:'';position: absolute;left: -1px;bottom: -8px;width: 1px;height: 17px;background: #bfbfbf;} .design_img_change .rows1_bottom_line:after{content:'';position: absolute;right: -1px;bottom: -8px;width: 1px;height: 17px;background: #bfbfbf;} .design_img_change .rows1_bottom_line .bottom_count{line-height: 100%;position: absolute;left: 50%;margin-left: -15px;font-size: 16px;color: #000000;margin-top: 5px;} /*.add_design_img_change_show .design_img_change .rows1_bottom_line .bottom_count{transform: rotateY(180deg);}*/ .design_img_change .rows1_left_line{position: absolute;left: -23px;top: 0px;width: 1px;height: 100%;background: #bfbfbf;text-align: center;} .design_img_change .rows1_left_line:before{content:'';position: absolute;left: -8px;top: -1px;width: 17px;height: 1px;background: #bfbfbf;} .design_img_change .rows1_left_line:after{content:'';position: absolute;left: -8px;bottom: -1px;width: 17px;height: 1px;background: #bfbfbf;} .design_img_change .rows1_left_line .left_count{line-height: 100%;position: absolute;top: 50%;margin-top: -10px;font-size: 16px;color: #000000;margin-left: -36px;transform: rotate(-90deg);} /*.add_design_img_change_show .design_img_change .rows1_left_line .left_count{transform: rotate(-90deg) rotateY(180deg);}*/ .design_img_change .rows1_top_line{position: absolute;left: 0px;top: -23px;width: 100%;height: 1px;background: #bfbfbf;text-align: center;} .design_img_change .rows1_top_line:before{content:'';position: absolute;left: -1px;top: -8px;width: 1px;height: 17px;background: #bfbfbf;} .design_img_change .rows1_top_line:after{content:'';position: absolute;right: -1px;top: -8px;width: 1px;height: 17px;background: #bfbfbf;} .design_img_change .rows1_top_line .top_count{line-height: 100%;position: absolute;left: 50%;margin-left: -15px;font-size: 16px;color: #000000;margin-top: -20px;} /*.add_design_img_change_show .design_img_change .rows1_top_line .top_count{transform: rotateY(180deg);}*/ .diy_space .left .design_img .design_img_change .diy_page2_bg .before,.diy_space .left .design_img .design_img_change .diy_page2_bg .before1,.diy_space .left .design_img .design_img_change .diy_page2_bg .after,.diy_space .left .design_img .design_img_change .diy_page2_bg .after1{display: none;} .design_img_change .rows6_line{display: none;} .design_img_change.brands_type1 .rows6_right_line1,.design_img_change.brands_type1 .rows6_bottom_line{display: block;} .design_img_change.brands_type2 .rows6_top_line,.design_img_change.brands_type2 .rows6_right_line1,.design_img_change.brands_type2 .rows6_bottom_line{display: block;} .design_img_change.brands_type3 .rows6_left_line,.design_img_change.brands_type3 .rows6_right_line,.design_img_change.brands_type3 .rows6_bottom_line{display: block;} .design_img_change.brands_type4 .rows6_top_line1,.design_img_change.brands_type4 .rows6_right_line,.design_img_change.brands_type4 .rows6_bottom_line{display: block;} /*.design_img_change.brands_type4 .rows6_top_line,.design_img_change.brands_type4 .rows6_right_line1,.design_img_change.brands_type4 .rows6_bottom_line{display: block;}*/ .design_img_change.brands_type2 .rows6_top_line{width: auto;} .design_img_change.brands_type2 .rows6_top_line2{left: unset;right: 0px;} .design_img_change.brands_type3 .left_line.rows6_left_line:before{content:'';position: absolute;left: -12px;top: -2px;width: 26px;height: 2px;background: #bfbfbf;} .design_img_change.brands_type4 .right_line.rows6_right_line2:before{display: none;} .design_img_change.brands_type4 .brands_type4_bg{width: 50%;height: 50%;position: absolute;top: -2.5px;left: 50%;margin-left: -25%;border-left: 2px solid #626262;border-right: 2px solid #626262;background: #f7f7f7;} .design_img_change.brands_type4 .rows6_bottom_line{z-index: 9999;} .diy_space .left .design_img .design_img_change.brands_type4 .diy_page2_bg .before{display:block;content: '';border-top: 20px solid transparent;border-left: 20px solid #626262;width: 0;height: 0;position: absolute;top: 0px;left: 0px;z-index: 9998;pointer-events:none;} .diy_space .left .design_img .design_img_change.brands_type4 .diy_page2_bg .before1{display:block;content: '';border-top: 20px solid transparent;border-left: 20px solid #f7f7f7;width: 0;height: 0;position: absolute;top: 0px;left: -1px;z-index: 9998;pointer-events:none;} /*.diy_space .left .design_img .design_img_change.brands_type4 .diy_page2_bg .before1{display:block;content: '';z-index: 9998;pointer-events:none;width: 2px;height: 100%;background: #626262;transform:rotate(-45deg);position: absolute;top: 50%;margin-top: -25%;}*/ .diy_space .left .design_img .design_img_change.brands_type4 .diy_page2_bg .after{display:block;content: '';border-top: 20px solid transparent;border-right: 20px solid #626262;width: 0;height: 0;position: absolute;top: 0px;right: 0px;z-index: 9998;pointer-events:none;} .diy_space .left .design_img .design_img_change.brands_type4 .diy_page2_bg .after1{display:block;content: '';border-top: 20px solid transparent;border-right: 20px solid #f7f7f7;width: 0;height: 0;position: absolute;top: 0px;right: -1px;z-index: 9998;pointer-events:none;} /*.diy_space .left .design_img .design_img_change.brands_type4 .diy_page2_bg .after1{display:block;content: '';z-index: 9998;pointer-events:none;width: 2px;height: 100%;background: #626262;transform:rotate(45deg);position: absolute;top: 50%;margin-top: -25%;}*/ .this_title{font-size: 18px;line-height: 1.5;font-weight: 600;padding:60px 0 10px;margin-bottom: 20px;border-bottom: 1px solid #e6e5e3;} .this_left_words{width: 25%;float: left;margin-right: 20px;} .this_left_words.faq_w100{width: 100%!important;margin-right: 0px!important;} .this_left_words .p{font-size: 16px;line-height: 1.5;color: #333;} .this_left_words .a a{font-size: 16px;line-height: 1.5;color: #0044e4;} .this_right_cont{width: calc( 75% - 20px );float: left;} .this_right_cont .one_three,.this_right_cont .one_two{box-sizing:border-box;background: #f7f6f5;border: 1px solid #f7f6f5;transition: all .1s linear;border-radius: 3px;float: left;} .this_right_cont .one_three:hover,.this_right_cont .one_two:hover{background: #fff;border: 1px solid #e6e5e3;} .this_right_cont .h4{padding: 20px;} .this_right_cont .h4 .title_h4{font-size: 16px;line-height: 1.3;margin-bottom: 10px;} .this_right_cont .h4 .content_h4{font-size: 16px;line-height: 1.5;color: #898884;} .this_right_cont grid{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 20px 20px;} .this_right_cont grid.grid_three{grid-template-columns: repeat(3,1fr);} .this_right_cont grid.grid_forth{grid-template-columns: repeat(4,1fr);} .this_right_cont .have_l .h4 .h4_green{float: left;width: 40px;height: 40px;border-radius: 50%;font-size: 16px;color: #fff;background: #0dce71;text-align: center;line-height: 40px;} .this_right_cont .have_l .h4 .h4_inner{float: right;width: calc( 100% - 50px );} .this_right_cont .have_l .h4 .h4_inner .title_h4{margin-top: 11px;} .save_canvas .designer-edit-panel{display: none!important;} .designer-edit-panel {float: left;width: 12vw;position: absolute;z-index: 1;right: 682px;height: 100%;top: -42px;display: table;right: 0;width: auto;height: auto;} .designer-edit-panel.top {top: -150px;} .designer-edit-panel .design-template-toolbar-panel {/*margin-top: 20vh;*/display: table-cell;vertical-align: middle;} .design-template-toolbar-panel li.icon {cursor: pointer;text-align: center;margin: 30px 0 0 0;} .design-template-toolbar-panel li.icon.js-toggle-ruler {margin-top: 0;} .design-template-toolbar-panel li.icon:first-child{margin-top: 0px;} .design-template-toolbar-panel li.icon i {display: block;width: 24px;height: 24px;margin: 0 auto;display: inline-block;vertical-align: middle;margin: 0;margin-right: 5px;} .design-template-toolbar-panel li.icon span {display: block;text-transform: uppercase;line-height: 1.2;margin: 8px 0 0 0;font-size: 10px;display: inline-block;vertical-align: middle;margin: 0;font-size: 14px;color: #333333;text-transform: unset;} .design-template-toolbar-panel li.icon i.icon-zoom-in{background: url("../../../images/icon-zoom-in.svg");} .design-template-toolbar-panel li.icon i.icon-zoom-out{background: url("../../../images/icon-zoom-out.svg");} .design-template-toolbar-panel li.icon i.icon-clockwise{background: url("../../../images/icon-clockwise.svg");} .design-template-toolbar-panel li.icon i.icon-anti-clockwise{background: url("../../../images/icon-anti-clockwise.svg");} .design-template-toolbar-panel li.icon i.icon-toggle-ruler{background: url("../../../images/icon-toggle-ruler.png") center/cover;} .design-template-toolbar-panel li.icon i.icon-center-snap{background: url("../../../images/icon-center-snap.png") center/cover;} /*.design-template-toolbar-panel li.icon.on i.icon-toggle-ruler,.design-template-toolbar-panel li.icon.on i.icon-center-snap{filter: brightness(0) invert(1);background-color: #fff;}*/ .good_top .mobile_img,.description_top .desc_menu dt{display: none;} @media screen and (max-width: 1900px) { .diy_space .left{padding: 20px!important;width: 650px;} .diy_space .right{width: 630px!important;padding: 20px 20px 40px!important;} .diy_space .right.right2{padding: 13px 20px 40px!important;} .diy_space .right .get_all{left: 650px;padding: 20px;width: calc( 100vw - 690px - 690px - 60px );} } @media screen and (max-width: 1720px) { .diy_space .left{width: 600px;} .diy_space .right{width: 580px!important;} .diy_space .right .get_all{left: 600px;width: calc( 100vw - 640px - 600px - 100px );} .diy_space .right .rows .title{width: calc( 100% - 430px );} .diy_space .right .rows .rows_cont,.custom_tools_content,#wholesale_price{width: 425px;} .diy_space .right .rows .rows_cont dl dt{width: 403px;} } @media screen and (max-width: 1620px) { .diy_space .left{width: 550px;} .diy_space .right{width: 500px!important;} .diy_space .right .get_all{left: 520px;width: calc( 100vw - 590px - 520px - 100px );} .diy_space .right .rows .title{display: block;width: 100%;} .diy_space .right .rows .rows_cont,.custom_tools_content,#wholesale_price{width: 100%;} .diy_space .right .rows .rows_cont dl dt{width: calc( 100% - 22px );} } @media screen and (max-width: 1520px) { .diy_space .left .design_img .design_img_change{margin-left: 100px;} .diy_space .left .design_img .design_img_change.design_img_change2{width: auto;} /*.designer-edit-panel{right: 582px;}*/ .diy_space .left{width: 600px;} .diy_space .right{width: calc( 100% - 660px )!important;} .diy_space .right .get_all{position: unset;width: 100%;padding: 30px 0 0; border-top: 3px solid #d9d9d9;margin-top: 30px;} .diy_space .right .rows .title{width: calc( 100% - 460px );display: inline-block;} .diy_space .right .rows .rows_cont,.custom_tools_content,#wholesale_price{width: 435px;} .diy_space .right .rows .rows_cont dl dt{width: 433px;} } @media screen and (max-width: 1460px) {} @media screen and (max-width: 1420px) { .diy_space .get_quote .big_copy .right_cont.grid{grid-template-columns: repeat(4,1fr);} } @media screen and (max-width: 1340px) { .diy_space .right{width: 438px;padding-left: 30px;} .diy_space .right .rows .rows_cont input.color_change,.diy_space .right .rows .rows_cont dl dt{width: calc( 100% - 38px );} /*.diy_space .right .rows .rows_cont .copy.img:nth-child(4){margin-top: 26px;}*/ .products_detail .design .back .new_goods_out .left{width: 100%;box-sizing: border-box;} .products_detail .design .back .new_goods_out .right{width: 100%!important;box-sizing: border-box;margin-left: 0;margin-top: 30px;} .diy_space .right .rows .title{width: 230px;display: inline-block;} .diy_space .right .rows .rows_cont,.custom_tools_content,#wholesale_price{width: calc( 100% - 235px );} .diy_space .right .rows #wholesale_price .rows_cont{width: 100%;} .diy_space .right .rows .rows_cont dl dt{width: calc( 100% - 22px );} } @media screen and (max-width: 1260px) { .good_top{min-height: 500px;} .good_top .left_img{width: 500px;height: 500px;} .description_top{border-width: 20px;} .description_top .desc_cont{padding: 50px 0 80px;} .description_top .desc_cont .copy .left{width: 550px;font-size: 22px;line-height: 32px;} .this_title{padding: 45px 0 10px!important;} .this_list p{font-size: 15px!important;line-height: 46px!important;margin: 0 5px!important;} .diy_space .get_quote .big_copy .right_cont.grid{grid-template-columns: repeat(3,1fr);} .diy_space{padding-bottom: 60px;} .diy_space .get_quote .big_copy{padding: 30px 45px;} .diy_space .get_quote .big_copy .title{width: 230px;} .diy_space .get_quote .big_copy .right_cont{width: calc( 100% - 230px );} .diy_space .right{width: 358px;padding-left: 10px;} .diy_space .right .get_all .all_btn{width: calc( 100% - 30px );padding-left: 30px;} } @media screen and (max-width: 1100px) { .blank59{height: 35px;} .good_top{min-height: 450px;} .good_top .left_img{width: 450px;height: 450px;} .good_top .right_msg{width: 480px;} .good_top .right_msg .name{font-size: 34px;} .good_top .right_msg .desc{font-size: 17px;line-height: 30px;} .description_top{border-width: 15px;} .description_top .desc_menu a{font-size: 15px;line-height: 22px;padding: 10px 0;} .description_top .desc_cont{padding: 30px 0 50px;} .description_top .desc_cont .copy .left{font-size: 18px;line-height: 28px;width: 500px;} .description_top .desc_cont .copy .right{margin: 0px;} .this_title{padding: 30px 0 10px!important;font-size: 17px!important;margin-bottom: 15px!important;} .this_list p{font-size: 14px!important;line-height: 38px!important;margin: 0 2px!important;} .this_right_cont grid{grid-gap: 18px 18px!important;} .diy_space{padding-bottom: 50px;} .diy_space .diy_space_blank{padding: 40px 0;} .diy_space .btn_list{margin-top: 20px;} .diy_space .btn_list .btn{width: 350px;} .diy_space .get_quote .big_copy{padding: 25px 35px;} .diy_space .get_quote .big_copy .title{width: 220px;} .diy_space .get_quote .big_copy .title .step{line-height: 24px;} .diy_space .get_quote .big_copy .title .name{font-size: 18px;line-height: 24px;} .diy_space .get_quote .big_copy .right_cont{width: calc( 100% - 220px );} } @media screen and (max-width: 1000px) { .blank59{height: 30px;} .good_top{min-height: 380px;} .good_top .left_img{width: 380px;height: 380px;} .good_top .right_msg{width: 360px;} .good_top .right_msg .name{font-size: 32px;} .good_top .right_msg .desc{font-size: 15px;line-height: 24px;margin-bottom: 20px;} .good_top .right_msg .secdesc{font-size: 14px;margin-top: 20px;} .good_top .right_msg .more{margin-top: 15px;height: 30px;line-height: 30px;padding: 0 15px;font-size: 15px;} .description_top .desc_menu a{font-size: 14px;} .description_top .desc_cont{padding: 20px 0 30px;} .description_top .desc_cont .copy .left{font-size: 15px;line-height: 24px;width: 380px;} .description_top .desc_cont .copy .right{width: 350px;} .description_top .desc_cont .copy .right .name{font-size: 16px;line-height: 32px;} .description_top .desc_cont .copy .right .middle{margin-top: 5px;padding: 10px 0;} .description_top .desc_cont .copy .right .middle .mid_left{width: 285px;} .description_top .desc_cont .copy .right .middle .secname{font-size: 15px;} .description_top .desc_cont .copy .right .middle .img{margin-right: 0px;width: 55px;height: 55px;} .description_top .desc_cont .copy .right a.gallery{font-size: 15px;} .this_title{padding:25px 0 10px!important;font-size: 16px!important;} .this_right_cont grid{grid-gap: 15px 15px!important;} .this_right_cont .h4{padding: 15px!important;} /*.this_right_cont .h4 .content_h4,.this_left_words .p,.this_left_words .a a{font-size: 14px!important;line-height: 1.3!important;}*/ .diy_space{padding-bottom: 40px;} .diy_space .diy_space_blank{padding: 30px 0;} .diy_space .btn_list{margin-top: 15px;} .diy_space .btn_list .btn{width: 330px;} .diy_space .get_quote .top_desc{font-size: 14px;line-height: 22px;} .diy_space .get_quote .top_tips{font-size: 13px;line-height: 20px;} .diy_space .get_quote .big_copy{padding: 15px 20px;} .diy_space .get_quote .big_copy .title{width: 200px;} .diy_space .get_quote .big_copy .title .step{font-size: 20px;line-height: 22px;} .diy_space .get_quote .big_copy .title .name{font-size: 17px;line-height: 22px;} .diy_space .get_quote .big_copy .right_cont{width: calc( 100% - 200px );margin-top: 0px;} .diy_space .get_quote .big_copy .right_cont.grid{grid-template-columns: repeat(2,1fr);} .diy_space .get_quote .big_copy .right_cont .text .center{margin: 25px 0;} } @media screen and (max-width: 768px) { #header_mobile,.good_top .left_img,.blank59{display: none;} .good_top{background: unset;} .good_top .mobile_img{display: block;} .bx-wrapper{position: relative;background: #f6f6f6;} .good_top .bx-controls{position: absolute;bottom: -6vw;width: 100%;} .good_top .bx-controls .bx-controls-direction{display: none;} .good_top .bx-controls .bx-pager{text-align: center;} .good_top .bx-controls .bx-pager .bx-pager-item{display: inline-block;vertical-align: middle;width: 2.1333vw;height: 2.1333vw;margin: 0 1.6vw;} .good_top .bx-controls .bx-pager .bx-pager-item a{font-size: 0;width: 2.1333vw;height: 2.1333vw;border-radius: 50%;background: #dcdcdc;border: none;display: inline-block;} .good_top .bx-controls .bx-pager .bx-pager-item a.active{border: 0.4vw solid #ff0707;width: 1.3333vw;height: 1.3333vw;background: none;} .good_top .right_msg{width: 100%;padding: 0vw;margin: 12.8vw 0 10.2667vw;} .good_top .right_msg .name{font-size: 4.8vw;line-height: 1.1111;color: #000;} .good_top .right_msg .desc{font-size: 3.4667vw;line-height: 1.53846;margin-bottom: 3.4667vw;margin-top: 1.2vw;padding-bottom: 4vw;} .good_top .right_msg .secdesc{font-size: 3.4667vw;line-height: 1.30769;margin-top: 0vw;} .good_top .right_msg .more{margin-top: 3vw;height: unset;line-height: 2;padding: 0 3vw;font-size: 3vw;} .description_top{margin: 0 auto;border-width: 3.0667vw;padding:0 4vw;/*padding-bottom: 434px;*/} .description_top .marinner{width: 100%;} .description_top .desc_menu dl{position: relative;width: 100%;height: 10.5333vw;background: #e0e0e0;} .description_top .desc_menu dl dt{display: block;height: 100%;line-height: 10.5333vw;box-sizing:border-box;padding: 0 3.2vw;color: #000;font-size: 4.2667vw;} .description_top .desc_menu dl dd{position: absolute;top: 10.5333vw;left: 0vw;width: 100%;background: #e0e0e0;display: none;max-height: 60vh;overflow-y:auto;} .description_top .desc_menu dl.on dd{display: block;} .description_top .desc_menu dl dd a{display: block;box-sizing:border-box;padding: 0 3.2vw;line-height: 5.2vw;color: #000;font-size: 3.4667vw;} .description_top .desc_cont{padding: 4.4vw 0 10.5333vw;} .description_top .desc_cont .marinner>.copy{display: none;} .description_top .desc_cont .copy .left{width: 100%;font-size: 3.4667vw;line-height: 1.53846;color: #000;} .description_top .desc_cont .copy .right{width: 100%;margin-top: 9.4667vw;} .description_top .desc_cont .copy .right .name{font-size: 4.2667vw;color: #000;} .description_top .desc_cont .copy .right .middle{margin-top: 2.9333vw;padding: 4.1333vw 0 8.9333vw;} .description_top .desc_cont .copy .right .middle .secname{font-size: 3.4667vw;} .description_top .desc_cont .copy .right .middle .secdesc{font-size: 3.4667vw;line-height: 1.30769;color: #969591;margin-top: 1.7333vw;} .description_top .desc_cont .copy .right a.gallery{font-size: 4.2667vw;line-height: 1;margin-top: 3.2vw;} .description_top .desc_cont .copy .right .middle .mid_left{width: calc( 100% - 16vw );} .description_top .desc_cont .copy .right .middle .img{width: 15.3333vw;height: 15.3333vw;} .this_title{padding: 0vw 0 2.9333vw!important;font-size: 4.2667vw!important;padding-bottom: 4.1333vw!important;} .this_left_words{width: 100%!important;margin: 0vw 0 2.6667vw!important;} .this_left_words .p{font-size: 3.4667vw!important;} .this_left_words .a a{font-size: 3.4667vw!important;} .this_right_cont{width: 100%!important;} .this_right_cont .h4{padding: 1.3333vw!important;} .this_right_cont grid{grid-gap: 1.3333vw 1.3333vw!important;grid-template-columns: repeat(1,1fr)!important;} .this_list p{line-height: 2;} .diy_space{padding-bottom: 0vw;} .diy_space .diy_space_blank{padding: 13.4667vw 0 6vw;} .diy_space .topname{font-size: 5.6vw;line-height: 1;font-family: 'ProximaNovaBold';} .diy_space .topname i.img{width: 4.2667vw;height: 4.2667vw;margin-left: 1.6vw;} .diy_space .topname i.img img{width: 100%;height: 100%;} .diy_space .btn_list{margin-top: 3.3333vw;} .diy_space .btn_list i{margin-top: -1.0677vw;margin-right: 1.6vw;} .diy_space .btn_list .btn.cur i img{width: 4.1333vw;} .diy_space .btn_list .btn{width: 100%;margin: 0vw;font-size: 4.5333vw;line-height: 12vw;height: 12vw;margin-top: 4.4vw;} .diy_space .get_quote .top_desc{font-size: 3.4667vw;line-height: 1.53846;width: 100%;margin-top: 0vw;} .diy_space .get_quote .top_tips{font-size: 3.4667vw;line-height: 1;width: 100%;padding: 5.0667vw 0 10vw;} .diy_space .get_quote .marinner2{width: 100%;} .diy_space .get_quote .big_copy{padding: 8vw 4vw 4.1333vw;margin-top: 3.4667vw;margin-bottom: 0vw;} .diy_space .get_quote .big_copy.upload{margin-top: 0vw;} .diy_space .get_quote .big_copy .title .step,.diy_space .get_quote .big_copy .title .name{font-size: 4.5333vw;line-height: 0.76705;} .diy_space .get_quote .big_copy .title .step{width: auto;margin-right: 5px;} .diy_space .get_quote .big_copy .title .name{width: unset;} .diy_space .get_quote .big_copy .title,.diy_space .get_quote .big_copy .right_cont{width: 100%;} .diy_space .get_quote .big_copy .right_cont{margin-top: 4vw;} .diy_space .get_quote .big_copy .right_cont .upload{width: 100%;height: 12.5333vw;line-height: 12.5333vw;font-size: 4.5333vw;} .diy_space .get_quote .big_copy .right_cont .upload .char{-webkit-background-size: auto 4.5333vw;background-size: auto 4.5333vw;background-position: 25% center;width: 100%;font-size: 4.5333vw;padding-left: 5.3333vw;} .diy_space .get_quote .big_copy .right_cont .upload_tips{margin: 3.7333vw 1.0677vw 0;width: auto;} .diy_space .get_quote .big_copy .right_cont .upload_tips p{font-size: 3.4667vw;line-height: 1.53846;color: #455560;} .diy_space .get_quote .big_copy .right_cont.grid{grid-gap: 3.7333vw 2.8vw;} .diy_space .get_quote .big_copy .right_cont .same_click{height: 8vw;line-height: 8vw;font-size: 3.4667vw;min-width: unset;} .diy_space .get_quote .big_copy .right_cont.auto{margin-bottom: -3.7333vw;} .diy_space .get_quote .big_copy .right_cont.auto .same_click{padding: 0 2.6667vw;margin-bottom:3.7333vw;margin-right: 2.8vw;height: auto;} .diy_space .get_quote .big_copy .right_cont .same_click.same_img{height: auto;margin-top: 0vw;} .diy_space .get_quote .big_copy .right_cont .same_click.same_noimg{margin-top: 0vw;} .diy_space .get_quote .big_copy .right_cont .same_click .img{width: 22.8vw;height: 22.8vw;margin: 2.9333vw auto 1.3333vw;} .diy_space .get_quote .big_copy .right_cont .same_click .customName{font-size: 3.4667vw;line-height: 8.8vw;height: auto;} .diy_space .get_quote .big_copy .right_cont .same_click.same_radio{width: calc( 100% - 30px );} .diy_space .get_quote .big_copy .right_cont .text textarea{height: 33.3333vw;} .diy_space .get_quote .big_copy .right_cont .text .center input{height: 12.2667vw;font-size: 4.5333vw;width: 100%;} .diy_space .get_quote .big_copy .right_cont .text .center{margin: 6.5333vw 0 13.4667vw;} .diy_space .right{width: 100%;padding-left: 0vw;} .diy_space .left{width: 100vw;position: unset!important;margin-top: 0!important;} .diy_space .left .mobile_showdiy{position: fixed;left: 20px;bottom: 100px;width: 50px;height: 50px;border-radius: 50%;background: #fff;padding: 10px;box-sizing: border-box;cursor: pointer;border: 1px solid #ed4642;z-index: 1;} .diy_space .left .design_img{margin-top: 0vw!important;position: fixed!important;top:unset!important;bottom: 0!important;left: 0vw;/*width: calc( 100vw - 240vw );padding:0vw!important;*/padding: 13.0667vw 18vw 5.4667vw 14vw!important;height: 70.5333vw;border-radius: 0.6667vw;overflow: hidden;z-index: 9999;background: rgba(0,0,0,0.5);display: none;width: 100vw;} .diy_space .left .design_img:after{background: none;} .diy_space .left .design_img .close{position: absolute;width: 9.3333vw;height: 9.3333vw;background: url(../../../images/mobile_desc_close.png) center/contain;cursor: pointer;top: 3.7333vw;right: 47px;z-index: 1} /*.diy_space .left .design_img .design_img_change{margin-left: 0vw;width: 68vw;height: 43.2vw;}*/ .diy_space .left .design_img .design_img_change{margin: 0 auto;max-width: 68vw;max-height: 43.2vw;width: 68vw;height: 43.2vw;border-bottom-right-radius: 0.6667vw;overflow: hidden;border-bottom-left-radius: 0.6667vw;} .designer-edit-panel{display: none;} .diy_space .left .design_img .only_mobile.name{display: block;text-align: center;font-size: 3.7333vw;line-height: 8.5333vw;color: #010101;border-bottom: 1px solid #d0d0d0;background: #fff;border-top-right-radius: 0.6667vw;overflow: hidden;border-top-left-radius: 0.6667vw;} .diy_space .right .rows .title .step, .diy_space .right .rows .title .name{font-size: 4.5333vw;} .diy_space .right .rows .title .step{display: none;} .diy_space .right .rows .title .tips{display: block;} .diy_space .right .rows,.diy_space .right .rows.rows2{padding-top: 8.2667vw;} .diy_space .right .rows:first-child{padding-top: 4.9333vw;} .diy_space .right .rows.rows2 .title{font-size: 4.5333vw;line-height: unset;} .diy_space .right .rows .title .tips,.diy_space .right .rows .rows_cont .tips{font-size: 3.4667vw;line-height: 1.30769;color: #455560;margin-top: 3.4667vw;} .diy_space .right .rows .rows_cont{margin: 5.0667vw 0 8.4vw;} .diy_space .right .rows .rows_cont .upload{width: 100%;font-size: 4.2667vw;height: 10.9333vw;line-height: 10.9333vw;border-radius: 5.4667vw;margin: 0.9333vw 0 0vw;} .diy_space .right .rows .rows_cont .copy.img{border: 1px solid #f0f0f0;width: calc( 20vw - 2px );height: calc( 20vw - 2px );margin-right: 3.6vw;margin-top: 2vw;} .diy_space .right .rows .rows_cont .copy.img:nth-child(4){margin-right: 0vw;} .diy_space .right .rows .rows_cont .copy.img:nth-child(1), .diy_space .right .rows .rows_cont .copy.img:nth-child(2), .diy_space .right .rows .rows_cont .copy.img:nth-child(3), .diy_space .right .rows .rows_cont .copy.img:nth-child(4){margin-top: 2vw;} .diy_space .right .rows .rows_cont .copy.img.cur{width: calc( 20vw - 4px );height: calc( 20vw - 4px );} .diy_space .right .rows .rows_cont input.color_change, .diy_space .right .rows .rows_cont dl dt{width: calc( 100% - 10.1333vw );} .diy_space .right .rows .rows_cont input.color_change, .diy_space .right .rows .rows_cont dl dt{height: 10.6667vw;border-radius: 5.3333vw;font-size: 3.4667vw;padding: 0 5.0667vw;} .diy_space .right .rows .rows_cont dl .qty{width: 35%;} .diy_space .right .rows .rows_cont dl dt{line-height: 10.6667vw;} .diy_space .right .rows.rows2 .rows_cont dl dt{width: calc( 100% - 6.6667vw );padding: 0 3.3333vw;line-height: 9.8667vw;height: 9.8667vw;} .diy_space .right .rows .rows_cont dl dd{top: 11.3333vw;} .diy_space .right .rows .rows_cont dl.on dd a{padding: 0 5.0667vw;height: 5.3333vw;line-height: 5.3333vw;font-size: 2.6667vw;} .diy_space .right .rows .rows_cont .copy.color{/*width: 8.4vw;height: 8.4vw;*/margin: 3.3333vw 3.3333vw 0 0;} /*.diy_space .right .rows .rows_cont .copy.color:nth-child(8n+1){margin-right: 0vw;}*/ .diy_space .right .get_all .unit_p{float: left;} .diy_space .right .get_all .unit_p.total{float: right;margin-left: 0vw;} .diy_space .right .get_all .unit_p div{display: inline-block;vertical-align: middle;font-size: 3.4667vw!important;line-height: 1!important;} .diy_space .right .get_all .unit_p .price{font-size: 4.5333vw!important;margin-top: 0vw;margin-left: 1.0667vw;} .diy_space .right .get_all .tips{font-size: 3.4667vw;line-height: unset;text-align: left;margin: 4.8vw 0 5.7333vw;} .diy_space .right .get_all .all_btn{height: 12.2667vw;line-height: 12.2667vw;border-radius: 6.1333vw;font-size: 4.5333vw;margin-bottom: 3.7333vw;background-position: 30vw center!important;} .diy_space .left .diy_review{display: none;} .diy_space .left .design_img .design_img_change_type0 .small_img,.diy_space .left .design_img .design_img_change_type2 .small_img,.diy_space .left .design_img .design_img_change_type4 .small_img{width: 8.172043vw;height: 8.172043vw;} .diy_space .left .design_img .design_img_change_type1 .small_img,.diy_space .left .design_img .design_img_change_type3 .small_img,.diy_space .left .design_img .design_img_change_type5 .small_img{width: 12.2580645vw;height: 12.2580645vw;} .diy_space .left .design_img .design_img_change_type5 .small_img{margin-left: -6.129032vw;margin-top: -6.129032vw;} .diy_space .right .middle_diff .cont{height: auto;margin: 8vw 0 0;margin-top: 0;} .diy_space .right .middle_diff .cont .cont_left{width: 100%;} .diy_space .right .middle_diff .cont .cont_left .copy{width: calc( (100% - 3px)/4 );margin-left: 1px;margin-top: 0;float: left;box-sizing:border-box;padding: 0;height: 98px;} .diy_space .right .middle_diff .cont .cont_left .copy.tools_art_btn{margin-left: 0;} .diy_space .right .middle_diff .cont .cont_left .copy .img{height: 100%;padding: 0px;} .diy_space .right .middle_diff .cont .cont_left .copy .img.a:after{margin-top: -14px;} .diy_space .right .middle_diff .cont .cont_left .copy .name{display: none;} .diy_space .right .middle_diff .cont .cont_right{width: 100%;} .tools_icon_content .tools_icon_box{width: 19.25vw;margin-bottom: 2vw;} .tools_btm_cnt{padding: 3vw 0;} .diy_space .left .design_img .design_img_change.design_img_change2{background: #fff;} .out_bg{height: 43.2vw;margin-top: 0;} .out_bg .mobile_line,.custom_wristband .custom_wristband_cnt .custom_obj .layer_btn{display: none!important;} .tools_color_setion{width: calc( 100% - 20px );top: calc( 8vw + 40px );} .diy_space .right .rows.rows2.show_pic .rows_cont dl dd a{padding: 2vw;margin: 1vw;width: calc( 100%/3 - 2vw - 2px );} .diy_space .right .rows.rows2.show_pic .rows_cont dl dd a .img{height: 20vw;} .diy_space .right .rows .rows_cont dl dd a{font-size: 13px;} .custom_wristband{height: 100%;padding-bottom: 0;} body.over_hide{overflow: hidden;} .products_detail .design .back .new_goods_out .left{padding: 0!important;} .products_detail .design .back .new_goods_out .left .left_big_title{display: none;} .products_detail .design .back .new_goods_out .right{margin-top: 0;} .diy_space .right .rows .rows_cont{margin: 0;} .diy_space .right .rows.rows2.show_pic .rows_cont dl dd a{padding: 0;} .diy_space .right .rows .rows_cont input.color_change, .diy_space .right .rows .rows_cont dl dt{border-radius: 0;} .custom_tools_content{margin-top: 0;} .diy_space .right .rows .rows_cont .copy.color:nth-child(8n+1){margin: 3.3333vw 3.3333vw 0 0;} .diy_space .right .get_all .unit_p.total,.diy_space .right .get_all .unit_p{width: 100%;padding-bottom: 10px;} .diy_space .right .rows .title{display: block;width: 100%;} .diy_space .right .rows .rows_cont,.custom_tools_content,#wholesale_price{width: 100%;} .diy_space .right .rows .rows_cont dl dt{width: calc( 100% - 10.8vw );} .diy_space .right,.diy_space .right.right2{padding: 4vw 3vw 5vw!important;} .diy_space .right .rows .rows_cont .copy.img:nth-child(4){margin-right: 3.6vw;} } @media screen and (max-width: 600px) {} @media screen and (max-width: 450px) { .this_right_cont .h4 .content_h4{font-size: 13px!important;line-height: 1.5;} .diy_space .right .get_all .all_btn{-webkit-background-size: 4.6667vw auto;background-size: 4.6667vw auto;} .diy_space .right .get_all .all_btn.new_add_cart{-webkit-background-size: 5.0667vw auto;background-size: 5.0667vw auto;} }