body{font-family: 'OpenSans-Regular';font-size: 16px;} body.noscorll{overflow: hidden;} body.save_canvas .lany_easy_preview_cnt ,body.save_canvas .custom_wristband {/* transform: scale(1.5); */} .ooooo{display: none;width: 100%;position: absolute;left: 0;top: 0;opacity: 0.5;pointer-events:none;} /* body::-webkit-scrollbar {display:none} */ .fixed{position: fixed;left: 0;right: 0;bottom: 0;top: 0;} .bs{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;} .trans{transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;} .img_Path{text-align: center;} .img_Path img{vertical-align: middle;max-width: 100%;max-height: 100%;transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;} .img_Path span{display: inline-block;height: 100%;vertical-align: middle;} .img_box{position: relative;display: block;width: 100%;height: 100%;} .img_box .img{padding-top: 100%;overflow: hidden;position: relative;} .img_box .img .theme_img{position: absolute;width: 100%;height: 100%;margin-top: -100%;} .just{display: inline-block;vertical-align: middle;width: 100%;} .cont{width: 1440px;margin: 0 auto;} .load_img{position: absolute;top: 50%;left: 50%;/* transform: translate(-50%,-50%); */} /*************************** start***************************/ .w_1200 .wide{width:1200px;} .w_1200 #top_bar_outer, .w_1200 #header, .w_1200 #nav_outer, .w_1200 #service_outer, .w_1200 #footer_outer{min-width:1200px;} .w_1200 #top_bar .freeship{width:496px;} .w_1200 #header .logo{width:386px;} .w_1200 .nav_item li>a{padding:0 24px;} .w_1200 #service dl{padding:0 40px 0 30px; width:190px;} .w_1200 #service dl:first-child{padding-left:30px;} .w_1200 #service dl.fore_2{width:374px;} .w_1200 .side_right{width:946px;} .w_1200 .pro_right{width:940px;} .w_1200 .prod_sort a{padding:0 15px;} .w_1200 .prod_menu{display:block;} @media screen and (max-width: 1460px){ .cont{width: 1240px;} } @media screen and (max-width: 1260px){ .cont{width: 95%;} } @media screen and (max-width: 1060px){ .header_nav{display: none;} } /* .lang_de .header_cart{width:164px;} .lang_de .header_cart .cart_text{width:88px; font-size:12px;} .lang_es .header_cart .cart_text{font-size:12px;} .lang_fr .header_cart .cart_text{font-size:12px;} .lang_ru .w_1200 #top_bar .freeship{width:490px;} .lang_ru #top_bar .freeship{width:350px;} .lang_ru .header_cart{width:155px;} .lang_ru .header_cart .cart_text{width:83px; font-size:12px;} .lang_pt .header_cart{width:160px;} .lang_pt .header_cart .cart_text{width:88px;} */ #top_bar_outer{background:#f6f6f6; border-bottom:1px solid #e8e8e8;} #top_bar{height:34px; line-height:35px;} #top_bar .freeship{width:316px; height:34px; padding-left:36px; background:url(../images/ico-img.png) -166px top no-repeat; overflow:hidden;} #top_bar .crossn{margin-right:5px;} #top_bar .crossn li{display:inline-block; padding:0 12px; height:34px; background:url(../images/ico-img.png) -199px -72px no-repeat; position:relative; z-index:1010;} #top_bar .crossn li:first-child{background:url(../images/ico-img.png) -166px -36px no-repeat; padding-left:36px;} #top_bar .crossn li.block{padding:0 4px;} #top_bar .crossn li:first-child.block{padding:0 4px 0 30px;} #top_bar .crossn li div strong{ margin-left:6px;} #top_bar .crossn li:hover dt{background-color:#fff; border:1px solid #d1d1d1; border-bottom:none; z-index:1011; position:relative; -webkit-border-radius-topleft:6px; -moz-border-radius-topleft:6px; border-top-left-radius:6px; -webkit-border-radius-topright:6px; -moz-border-radius-topright:6px; border-top-right-radius:6px;} #top_bar .crossn li:hover dt.not_dd{background:none; border:1px transparent solid;} #top_bar .crossn li dt{height:28px; line-height:28px; margin-top:3px; border:1px solid #f6f6f6; padding:0 20px 0 10px; cursor:pointer; background:url(../images/ico-img.png) right -114px no-repeat;} #top_bar .crossn li dt strong{width:40px; display:block; text-align:center;} #top_bar .crossn li dt b{display:inline-block; width:15px; height:15px; margin-left:5px; margin-bottom:-3px; overflow:hidden; background:url(../images/user/mail_icon.png) no-repeat;background-size: 14px;} #top_bar .crossn li dt.not_dd{background:none; padding-right:10px;} #top_bar .crossn li dd{padding:5px 10px 8px; border:1px solid #d1d1d1; background:#fff; position:absolute; top:31px; right:4px; display:none;} #top_bar .crossn li dd img{margin-right:5px;} #top_bar .crossn li dd .inbox_tips{display:inline-block; height:15px; line-height:15px; margin-left:5px; margin-bottom:-3px; padding:0 4px; overflow:hidden; color:#fff; text-align:center; background-color:#c00; border-radius:5px;} #top_bar .crossn li:hover dd{display:block; z-index:1010; -webkit-border-radius-bottomleft:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; -webkit-border-radius-bottomright:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; -webkit-box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box;} #top_bar .crossn li:hover dd.login{width:184px; padding:15px 10px;} #top_bar .crossn li:hover dd.user{min-width:80px;} #top_bar .crossn li:hover dd.user a{display:block; height:21px; line-height:21px; overflow:hidden;} .header_nav_login_cnt dd{padding:5px 10px 8px;border:1px solid #d1d1d1;background:#fff;position:absolute;top: 100%;left: 50%;display:none;transform: translate(-50%,0);} .header_nav_login_cnt dd img{margin-right:5px;} .header_nav_login_cnt dd .inbox_tips{display:inline-block; height:15px; line-height:15px; margin-left:5px; margin-bottom:-3px; padding:0 4px; overflow:hidden; color:#fff; text-align:center; background-color:#c00; border-radius:5px;} .header_nav_login{position: relative;display: inline-block;vertical-align: middle;height: 100%;padding: 0 10px;} .header_nav_login .img_Path{height: 100%;} .header_nav_login:hover dd{display:block; z-index:1010; -webkit-border-radius-bottomleft:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; -webkit-border-radius-bottomright:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; -webkit-box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box;text-align: left;} .header_nav_login:hover dd.login{width:184px; padding:15px 10px;} .header_nav_login:hover dd.user{min-width:80px;} .header_nav_login:hover dd.user a{display:block; height:21px; line-height:21px; overflow:hidden;} #header{background:#fff;} #header .logo{width:300px; height:86px; overflow:hidden;} #header .logo a{display:table-cell; height:86px; vertical-align:middle;} #header .logo img{max-width:100%; max-height:100%;} .search{width:440px; border:1px solid #e0dfe4; height:38px; margin:21px 22px 0; background:url(../images/repeat-bg.png) top repeat-x;} .search input{height:26px; border:0; outline:0;} .search .text{width:380px; line-height:28px; font-size:14px; padding:5px 4px; padding-left:8px; border:1px solid transparent;} .search .button{width:40px; height:38px; background-image:url(../images/ico-img.png); background-position:right -212px; background-repeat:no-repeat; cursor:pointer;} /* .header_cart{position:relative; border:1px #fff solid;} .header_cart .cart_inner{height:30px; display:block; position:relative; z-index:1009; background:url(../images/header_cart.png) no-repeat 20px 10px #fff; padding:8px 0 7px;} .header_cart .cart_inner:hover{color:#fe8a27;} .header_cart .cart_count, .header_cart .cart_text{position:absolute; font-size:16px; font-weight:bold;} .header_cart .cart_count{left:28px; top:5px; width:30px; height:29px; text-align:center; color:#fe8a27;} .header_cart .cart_text{left:65px; top:14px; width:52px; background:url(../images/global/header_cart_hover.png) no-repeat right 7px;} */ .navbar_btn {display: inline-block;vertical-align: middle;position: absolute;top: 50%;left: 0;transform: translate(0,-50%);} .navbar_btn .nav_bar_line {display: block;padding-top: 0.7vw;padding-bottom: 0.7vw;transition: all .4s ease;} .navbar_btn .nav_bar_line:before{content: '';display: block;height: 0.8vw;width: 7vw;background-color: #455560;border-top-right-radius: 2px;border-bottom-left-radius: 2px;transition: transform .4s ease .2s,background-color .5s ease 0s;transition: transform .4s ease .2s,background-color .5s ease 0s,-webkit-transform .4s ease .2s;} .navbar_btn.cur .nav_bar_line:nth-child(2) {opacity: 0} .navbar_btn.cur .nav_bar_line:nth-child(1) {-webkit-transform: translateY(2.2vw);transform: translateY(2.2vw)} .navbar_btn.cur .nav_bar_line:nth-child(1):before {-webkit-transform: rotate(45deg);transform: rotate(45deg)} .navbar_btn.cur .nav_bar_line:nth-child(3) {-webkit-transform: translateY(-2.2vw);transform: translateY(-2.2vw)} .navbar_btn.cur .nav_bar_line:nth-child(3):before {-webkit-transform: rotate(-45deg);transform: rotate(-45deg)} .header_nav_mobile{display: none;height: 17vw;background: #f9f9f9;margin-bottom: 5vw;border-bottom: 1px solid #e0e0e0;} .prod_body .header_nav_mobile,.design_body .header_nav_mobile{margin-bottom: 0;} .header_nav_mobile .cont{position: relative;height: 100%;} .header_nav_mobile .header_nav_logo{display: inline-block;width: 100%;height: 85%;margin-top: 1.5%;text-align: center;vertical-align: middle;padding: 0;border: 0;} .header_nav_mobile .account_btn{display: block;position: absolute;top: 50%;right: 7vw;transform: translate(0,-50%);} .header_nav_mobile .header_cart{display: block;position: absolute;top: 50%;right: 0;transform: translate(0,-50%);height: auto;} .header_nav_mobile .header_cart .header_cart_a .cart_count{top: -4vw;right: -1vw;padding: 0 1vw;font-size: 2vw;line-height: 3vw;} #nav_float .h_search_form{position: static;display: block;width: 100%;background: #1a1a1a;padding: 0;height: 60px;} #nav_float .h_search_form .text{height: 100%;width: 90%;background: transparent;border: 0;text-indent: 3%;font-size: 20px;color: #fff;} #nav_float .h_search_form .button{width: 7%;background: url(../images/mobile_search.png) no-repeat center center;background-size: 4vw;} .h_search_form{position: absolute;right: -9px;top: -16px;background: #fff;z-index: 1000;width: 208px;height: 30px;display: none;padding: 10px 0;} .h_search_form .text{height: 30px;text-indent: 10px;} .h_search_form .button{height: 100%;background: url(../images/search.png)no-repeat center center;width: 18px;border: 0;cursor: pointer;} #nav_float{width: 100%;overflow: auto;position: fixed;background: white;top: 21vw;bottom: 0;left: -100%;padding: 5vw 0;z-index: 9999;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #nav_float.on{left: 0;} #nav_float .nav_header{height: 6vw;overflow: hidden;position: relative;} #nav_float .nav_header .nav_title{height: 6vw;line-height: 6vw;font-size: 4vw;text-indent: 15px;} #nav_float .cate_box{overflow: hidden;} #nav_float .cate_box .nav_cate1{height: 10vw;overflow: hidden;} #nav_float .cate_box .nav_cate1 .nav_cate1_title{font-size: 3.2vw;line-height: 10vw;position: relative;padding-left: 5%;cursor: pointer;} #nav_float .cate_box .nav_cate1 em{background: url(../images/mobile_arrow.png)no-repeat;width: 15px;height: 10px;display: block;float: right;position: absolute;right: 5%;top: 50%;-webkit-transform: translate(0,-50%) rotate(270deg);-moz-transform: translate(0,-50%) rotate(270deg);-ms-transform: translate(0,-50%) rotate(270deg);transform: translate(0,-50%) rotate(270deg);-moz-background-size: 100%;background-size: 100%;} #nav_float .cate_box .nav_cate1 .nav_cate1_title.on em{-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%) rotate(360deg);} #nav_float .cate_box .nav_cate1 .nav_cate2{padding-left: 10%;} #nav_float .cate_box .nav_cate1 .nav_cate2.nav_cate_currency a{display: block;font-size: 2.8vw;line-height: 8vw;} #nav_float .cate_box .nav_cate1 .nav_cate3{font-size: 4vw;margin: 5px 0;height: 60px;overflow: hidden;line-height: 60px;} #nav_float .cate_box .nav_cate1 .nav_cate3_a{position: relative;line-height: 60px;cursor: pointer;} #nav_float .cate_box .nav_cate1 .nav_cate3_next .nav_cate3_a a{display: block;} #nav_float .cate_box .nav_cate1 .nav_cate3_a.on em{-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);} #nav_float .cate_box .nav_cate1 .nav_cate4{padding-left: 5%;} #nav_float .cate_box .nav_cate1 .nav_cate4 .nav_cate4_a{margin: 5px 0;line-height: 60px;} #nav_float .cate_box .nav_cate1 .nav_cate2 .login_box{width: 187px;} #nav_float .cate_box .nav_cate1 #fb_button em{width:8px; height:32px; overflow:hidden; background:url(../images/user/sign_in_facebook.png) left -73px no-repeat; position:absolute; right:0; top:0;-webkit-transform: inherit;-moz-transform: inherit;-ms-transform: inherit;transform: inherit;float: none;} #nav_float .cate_box .nav_cate1 .black_bg #fb_button em{display: none;} #nav_outer{border-bottom:1px #ccc solid;position:relative; z-index:1000;} #nav{height:42px;} .nav_box{padding-left:236px;} .nav_menu{width:236px;margin-left:-236px;position:relative;} .nav_menu .nav_title{height:42px; line-height:42px;position:absolute;top:0;left:0;width:100%;} .nav_menu .nav_title a{font-size:14px; color:#fff; padding-left:24px; display:block; text-decoration:none;} .nav_menu .nav_title b{position:absolute; top:12px; right:12px; width:19px; height:19px; background:url(../images/ico-img.png) right -185px no-repeat;} .nav_categories{position:absolute;top:42px;left:0border:1px #e0e0e0 solid; background:#fff; display:none; padding:8px 0; -webkit-border-radius-bottomleft:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; -webkit-border-radius-bottomright:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; -webkit-box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box;} .nav_categories li{height:40px; position:relative;} .nav_categories li>h2{width:202px; border-top:1px #e0e0e0 solid; border-bottom:1px solid #fff; border-left:1px solid #fff; background:#fff; height:38px; margin:0 16px; overflow:hidden; position:relative;} .nav_categories li:first-child>h2{border-top:1px solid #fff;} .nav_categories li>h2>a{height:38px; line-height:38px; display:block; font-size:12px; padding-right:16px; text-indent:5px; font-weight:bold;} /*.nav_categories li>h2>em{border-width:5px 0 5px 5px; border-style:solid; display:block; position:absolute; top:15px; right:5px; z-index:10;}*/ .NavArrowColor{border-color:transparent transparent transparent #ccc;} .nav_categories li>h2>i{position: absolute; top: 0;bottom: 0;right: 11px;width: 7px;height: 11px; z-index:11;background: url(../images/global/icon_down_has.png) no-repeat center top;margin:auto;} .nav_categories li.hover>h2{position:absolute; width:204px; border:1px solid #bbb; border-right:none; margin:0; padding-left:16px; height:39px; z-index:10000; left:0; -webkit-box-shadow:-3px 1px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:-3px 1px 5px rgba(0, 0, 0, 0.3); box-shadow:-3px 1px 5px rgba(0, 0, 0, 0.3);} .nav_categories li .nav_subcate{position:absolute; left:220px; width:700px; padding:0 12px; min-height:494px; z-index:1001; border:1px solid #bbb; background:#fff; -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); box-shadow:0 0 5px rgba(0, 0, 0, 0.3);} .nav_categories li .nav_subcate dl{display:block; float:left; width:196px; margin:0 12px; padding:5px;} .nav_categories li .nav_subcate dl.tline{border-top:1px solid #ddd;} .nav_categories li .nav_subcate dl dt{font-weight:bold; line-height:160%; padding:8px 0;} .nav_categories li .nav_subcate dl dd{padding:0 0 5px 3px;} .nav_categories li .nav_subcate dl dd a{display:block; padding:2px 0; line-height:160%;} .nav_item{height:42px; overflow:hidden;} .nav_item li{float:left; line-height:42px; border-right-width:1px; border-right-style:solid;} .nav_item li>a{text-align:center; color:#fff; padding:0 14px; display:inline-block; text-decoration:none; border-right-width:1px; border-right-style:solid; font-size:14px;} .nav_item li:hover dl{visibility:visible;} /*************************** header end ***************************/ /*************************** footer start ***************************/ #service{overflow:hidden; padding:20px 0;} #service dl{padding:0 7px 0 20px; border-left:1px #ccc solid; height:174px; width:190px;} #service dl:first-child{border-left:0; padding-left:0px;} #service dl.fore_2{width:300px; padding-right:7px;} #service dt{font-size:14px; font-weight:bold; height:24px; line-height:24px; color:#000; overflow:hidden;} #service dd>a{line-height:29px; display:block;height: 29px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #service .newsletter{padding-top:12px;} #service .newsletter .text{width:284px; height:34px; line-height:34px; border:1px #b6b6b6 solid; margin:13px 0;} #service .newsletter .button{width:106px; height:32px; line-height:32px; color:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:0; cursor:pointer; font-size:14px;} /* #footer_outer{background:#eee; border-top:1px solid #c1c1c1;} #footer{padding:24px 0; border-top:1px solid #c1c1c1; text-align:center; color:#333; line-height:180%;} #footer .follow_us_box{height:40px; line-height:40px; padding-bottom:10px;} #footer .follow_us_box .follow_title{margin-right:10px; font-size:14px; font-weight:bold; color:#333; display:inline-block; vertical-align:top;} #footer .follow_us_box .follow_content{display:inline-block;} #footer .nav a{margin:0 10px;} #footer .foot_copy{font-size:13px; padding-top:5px;} */ .footer .foot_pay{padding:15px 0 10px; text-align:center;} .global_swap_chain{ background:#eee;} /*************************** footer end ***************************/ /*************************** gloabl start ***************************/ .icon_heart{width:18px; height:18px; background:url(../images/global/normal.png) no-repeat -679px -71px; display:inline-block; vertical-align:top;} .hover_1 .icon_heart{ background:url(../images/global/normal.png) no-repeat -188px -117px;} .pro_left{width:238px;} .pro_left .ad{margin-top:20px;} .pro_right{width:720px;} .sidebar{border:1px #e6e6e6 solid; margin-top:20px;} .sidebar .b_title{height:35px; line-height:35px; border-bottom:1px #ccc dashed; margin:0 10px; font-size:15px;} .sidebar .b_bottom{line-height:30px; color:#1363bc; text-decoration:none; margin-left:10px;} #what_hot .pro_item{padding:10px;} #what_hot .pro_item:hover{background:#f7f7f7;} #what_hot .pro_item>dt{width:82px; height:82px; text-align:center; vertical-align:middle; border:1px solid #f2f2f2;} #what_hot .pro_item>dt img{max-width:100%; max-height:100%;} #what_hot .pro_item .pro_info{width:121px; overflow:hidden; margin-left:10px;} #what_hot .pro_item .pro_name{height:50px; overflow:hidden; line-height:140%; margin-bottom:5px;} #what_hot .pro_item a{color:#666;} #special_offer .pro_item{border-bottom:1px #ddd solid; padding:15px 10px;} #special_offer .pro_item:hover{background:#f7f7f7;} #special_offer .pro_item dt{width:96px; height:96px; text-align:center; margin:0 auto; position:relative; overflow:inherit;} #special_offer .pro_item dt img{max-width:100%; max-height:100%;} #special_offer .pro_item dt>.icon_discount{position:absolute; top:-10px; right:-40px; width:30px; height:30px; color:#fff; border-radius:999%; -ms-border-radius:999%; -moz-border-radius:999%; -webkit-border-radius:999%; line-height:15px; padding:9px;} #special_offer .pro_item dt>.icon_discount b{font-size:16px;} #special_offer .pro_item dd{padding:0 13px;} #special_offer .pro_item .pro_name{height:30px; overflow:hidden; line-height:140%; margin:5px 0 12px;} #special_offer .pro_item a{text-decoration:none; color:#666;} #special_offer .pro_item del{margin-left:20px; color:#666; font-size:12px;} #special_offer .pro_item del .currency_data, #special_offer .pro_item del .price_data{color:#666; font-size:12px; font-weight:normal;} #special_offer .last{border-bottom:0;} /*************************** gloabl end ***************************/ .header_icon{padding: 10px 0;background: #0372bf;text-align: center;} .header_icon .header_icon_cnt{display: inline-block;vertical-align: middle;max-width: calc(100% - 260px);} .header_icon .header_icon_cnt span{display: inline-block;vertical-align: middle;} .header_icon .header_icon_cnt .header_icon_name{color: #fff;font-size: 15px;} .header_icon .cont{position: relative;} .header_icon .currency_box{position: absolute;right: 0;top: 0;line-height: 29px;} .header_icon .currency_box a{display: block;} .header_icon .currency_box{} .header_icon .currency_box li{display:inline-block; padding:0 4px; height:34px; position:relative; z-index:1010;} .header_icon .currency_box li div strong{color: #fff;} .header_icon .currency_box li:hover dt{background-color:#fff;border:1px solid #d1d1d1;border-bottom:none;z-index:1011;position:relative;-webkit-border-radius-topleft:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-radius-topright:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;} .header_icon .currency_box li:hover dt.not_dd{background:none; border:1px transparent solid;} .header_icon .currency_box li dt{height:28px;line-height:28px;padding:0 20px 0 10px;border: 1px solid transparent;cursor:pointer;background:url(../images/currenct_icon.png) no-repeat right 7px center;} .header_icon .currency_box li:hover dt{background-image: url(../images/currency_cur.png);} .header_icon .currency_box li dt strong{width:40px; display:block; text-align:center;color: #fff;} .header_icon .currency_box li dt b{display:inline-block; width:15px; height:15px; margin-left:5px; margin-bottom:-3px; overflow:hidden; background:url(../images/user/mail_icon.png) no-repeat;background-size: 14px;} .header_icon .currency_box li dt.not_dd{background:none; padding-right:10px;} .header_icon .currency_box li dd{padding: 5px 16px 8px 10px;border:1px solid #d1d1d1;background:#fff;position:absolute;top: 28px;right:4px;display:none;} .header_icon .currency_box li dd img{margin-right:5px;} .header_icon .currency_box li dd .inbox_tips{display:inline-block; height:15px; line-height:15px; margin-left:5px; margin-bottom:-3px; padding:0 4px; overflow:hidden; color:#fff; text-align:center; background-color:#c00; border-radius:5px;} .header_icon .currency_box li:hover dt strong{color: #333;} .header_icon .currency_box li:hover dd{display:block;z-index:1010;-webkit-border-radius-bottomleft:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;-webkit-border-radius-bottomright:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;-webkit-box-shadow:0 2px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 2px 7px rgba(0, 0, 0, 0.3);box-shadow:0 2px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;} .header_icon .currency_box li:hover dd.login{width:184px; padding:15px 10px;} .header_icon .currency_box li:hover dd.user{min-width:80px;} .header_icon .currency_box li:hover dd.user a{display:block; height:21px; line-height:21px; overflow:hidden;} .header_nav{height: 150px;line-height: 150px;margin-bottom: 50px;background: #f9f9f9;text-align: center;border-bottom: 1px solid #e0e0e0;} .header_nav .cont{height: 100%;} /* .header_nav .cont .header_nav_hidden{height: 100%;display: inline-block;max-width: calc(100% - 190px);vertical-align: top;white-space: nowrap;overflow-y: hidden;} .header_nav .cont .header_nav_hidden::-webkit-scrollbar{display:none;} */ .header_nav_cnt{display: inline-block;vertical-align: middle;width: auto;height: 100%;padding: 0 26px;border-right: 1px solid #e0e0e0;box-sizing: border-box;} .header_nav_cnt:nth-child(9){border-right: 0;float: right;width: auto;} .header_nav_cnt:nth-child(4){/* border-left: 1px solid #e0e0e0; */border-right: 0;border-left: 0;} .header_nav_logo_prev,.header_nav_logo{border-right: 0;} .header_nav_cnt .header_nav_a{font-family: rb;font-size: 15px;color: #455560;text-transform: uppercase;} .header_nav_cnt .header_nav_a:hover{color: #107dc5;text-decoration: none;} .header_cart{ display: inline-block; vertical-align: middle; height: 100%; } .header_cart .img_Path{height: 100%;} .header_cart .header_cart_a{position: relative;} .header_cart .header_cart_a .cart_count{position: absolute;top: -8px;right: -6px;line-height: 18px;padding: 0 8px;background: #58b300;border-radius: 100px;font-size: 12px;color: #fff;} .header_nav_logo{padding-right: 0;width: auto;padding: 0 65px;border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;} @media screen and (max-width: 1460px){ .header_nav_cnt{padding: 0 19px;} } .index_tad{margin-top: 60px;} .index_ad_cnt{float: left;width: 24.86%;margin-left: 0.625%;} .index_ad_cnt .img{padding-top: 69.8%;} .index_ad_cnt .img .theme_img{margin-top: -69.8%;} .index_ad_cnt:first-child{margin-left: 0;} .index_ad_cnt:nth-child(2){width: 49%;} .index_ad_cnt:nth-child(2) .img{padding-top: 35.5%;} .index_ad_cnt:nth-child(2) .img .theme_img{margin-top: -35.5%;} .index_title{text-align: center;font-size: 44px;font-family: rbc;color: #15406d;text-transform: uppercase;letter-spacing: 5px;} .index_brief{margin-top: 5px;text-align: center;font-size: 16px;color: #080813;font-family: rt;} .index_title.line{margin-bottom: 47px;} .index_title.line:after{content: '';display: block;width: 200px;height: 1px;margin: 0 auto;margin-top: 16px;background: #262626;} .index_pcate1{margin: 83px 0;} .index_pcate1 .index_pcate1_box{float: left;width: 49%;margin-left: 2%;} .index_pcate1 .index_pcate1_box:first-child{margin-left: 0;} .index_pcate1 .index_pcate1_box .index_pcate1_img{} .index_pcate1 .index_pcate1_box .index_pcate1_img .img{padding-top: 62.4%;} .index_pcate1 .index_pcate1_box .index_pcate1_img .img .theme_img{margin-top: -62.4%;} .index_pcate1 .index_pcate1_box .index_pcate1_name{position: relative;z-index: 1;width: 66.8%;line-height: 65px;margin: 0 auto;margin-top: -32px;background: #fff;text-align: center;font-size: 20px;color: #455560;box-shadow: 4px 6px 1px #e5e5e5;} .index_pcate1 .index_pcate1_box .index_pcate1_name a{color: #455560;} .index_pcate1 .index_pcate1_box:hover .index_pcate1_name a{color: #107dc5;text-decoration: none;} .index_pcate2{margin-bottom: 100px;} .index_pcate2 .index_pcate2_box{display:inline-block;width: 18.2%;margin-left: 5.9%;} .index_pcate2 .index_pcate2_box:first-child{margin-left: 0;} .index_pcate2 .index_pcate2_box .index_pcate2_img{} .index_pcate2 .index_pcate2_box .index_pcate2_name{margin-top: 30px;font-size: 20px;text-align: center;} .index_pcate2 .index_pcate2_box .index_pcate2_name a{color: #455560;} .index_pcate2 .index_pcate2_box .index_pcate2_brief{margin-top: 5px;font-size: 16px;color: #455560;text-align: center;font-family: rt;} .index_pcate2 .index_pcate2_box:hover .index_pcate2_name a{color: #107dc5;text-decoration: none;} /* .index_pcate2 .index_pcate2_box:hover .index_pcate2_brief{color: #107dc5;} */ .index_pcate2_cnt{width: 95%;margin: 0 auto;} .index_who{margin-top: 115px;} .index_who .index_title{color: #080813;font-size: 26px;letter-spacing: 0;} .index_who .index_who_cnt{padding: 37px 0;background: linear-gradient(to bottom, #bde4ff 0%,#ffffff 100%);} .index_who .index_who_cnt .index_who_img{margin-top: 42px;text-align: center;} .index_who .index_who_cnt .index_who_img .index_who_img_pc{} .index_who .index_who_cnt .index_who_img .index_who_img_mobile{display: none;} .index_today{margin-top: 90px;} .index_today .index_today_cnt{margin-top: 45px;} .index_today .index_today_box{display: inline-block;width: 22.9%;margin-right: calc( 2.77% - 4px);margin-bottom: 40px;} .index_today .index_today_box:nth-child(4n){margin-right: 0;} .index_today .index_today_box:hover img{transform: scale(1.05,1.05);} .index_review{margin-top: 43px;} .index_review_cnt{margin-top: 50px;} .index_review_box{position: relative;float: left;width: 464px;margin-right: 25px;} .index_review_box .index_review_box_cnt{position: relative;padding: 30px 10px 18px 20px;box-sizing: border-box;border: 4px solid #cfe5f3;border-radius: 30px;} .index_review_box .index_review_img{float: left;width: 100px;} .index_review_box .index_review_right{float: right;width: calc(100% - 116px);} .index_review_box .index_review_right .index_review_star{font-size: 15px;font-family: rl;color: #445460;} .index_review_box .index_review_right .index_review_title{height: 20px;line-height: 20px;margin: 15px 0 8px;font-size: 16px;color: #000;overflow: hidden;font-family: rm;} .index_review_box .index_review_right .index_review_content{font-size: 15px;font-family: rl;color: #445460;line-height: 24px;height: 72px;overflow: hidden;} .index_review_box .index_review_name{float: right;margin-top: 23px;margin-right: 105px;font-size: 18px;color: #445460;font-style: italic;font-family: rt;} .index_review .bx-controls-direction{margin-top: 45px;text-align: center;} .index_review .bx-controls-direction a{display: inline-block;width: 14px;height: 24px;margin: 0 15px;text-indent: -9999px;overflow: hidden;} .index_review .bx-wrapper .bx-prev {background: url(../images/review_left_arrow.png);} .index_review .bx-wrapper .bx-next {background: url(../images/review_right_arrow.png);} .index_review .bx-wrapper .bx-prev:hover {background: url(../images/review_left_arrow_hover.png);} .index_review .bx-wrapper .bx-next:hover {background: url(../images/review_right_arrow_hover.png);} .triangle_white{position: absolute;left: 64.9%;bottom: -30px;width: 0;height: 0;border-width: 15px;border-style: solid;border-color: #fff transparent transparent transparent;z-index: 1;} .triangle_blue{position: absolute;left: 63.7%;bottom: -30px;width: 0;height: 0;border-width: 15px;border-style: solid;border-color: #cfe5f3 transparent transparent transparent;} .index_share{margin-top: 110px;} .index_share_cnt{margin-top: 44px;margin-bottom: 39px;} .index_share_box{float: left;position: relative;width: 16.319%;margin-right: 0.35%;margin-bottom: 6px;} .index_share_box .share_hover{display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(255,255,255,0.7);z-index: 1;opacity: 0;} .index_share_box .share_hover_bg{content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(255,255,255,0.7);z-index: 1;} .index_share_box .share_hover_icon{content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/index_share_icon.png)no-repeat center center;z-index: 2;} .index_share_box:hover .share_hover{opacity: 1;} .index_share_box:nth-child(6n){margin-right: 0;} .share_brief{font-size: 17px;font-family: rl;color: #000;text-align: center;} .share_more{margin-top: 37px;} .share_more a{display: block;width: 180px;height: 36px;line-height: 36px;margin: 0 auto;text-align: center;font-family: rm;border: 1px solid #000;font-size: 17px;text-decoration: none;} @media screen and (max-width: 1260px){ .header_nav{height: 105px;line-height: 105px;} .header_nav_cnt .header_nav_a{font-size: 13px;} .header_nav_cnt{padding: 0 10px;width: auto;} .header_nav_cnt.header_nav_logo{width: 180px;padding: 0 40px;} .index_title{font-size: 32px;} } @media screen and (max-width: 1060px){ .header_icon .currency_box{display: none;} .header_icon .header_icon_cnt{max-width: 100%;} .header_nav_mobile{display: block;} } @media screen and (max-width: 768px){ .index_title{font-size: 5vw;} .index_title.line:after{width: 20vw;} .index_pcate1{margin: 13vw 0;} .index_title.line{margin-bottom: 5vw;} .index_pcate1 .index_pcate1_box{width: 100%;margin-top: 8vw;margin-left: 0;} .index_pcate1 .index_pcate1_box:first-child{margin-top: 0;} .index_pcate2{margin-bottom: 8vw;} .index_pcate2 .index_pcate2_box{width: 45%;margin-bottom: 2vw;margin-left: 4%;} .index_pcate2 .index_pcate2_box:nth-child(3){margin-left: 0;} .index_pcate2 .index_pcate2_box .index_pcate2_name{margin-top: 3vw;font-size: 3.8vw;} .index_pcate2 .index_pcate2_box .index_pcate2_brief{font-size: 2.8vw;} .index_who{margin-top: 10vw;} .index_pcate1 .index_pcate1_box .index_pcate1_name{line-height: 10vw;margin-top: -5vw;font-size: 3.8vw;} .index_today{margin-top: 10vw;} .index_who .index_who_cnt{padding: 5vw 0;} .index_who .index_who_cnt .index_who_img{margin-top: 2vw;} .index_who .index_title{font-size: 4vw;} .index_brief{width: 90%;margin: 2vw auto 1vw;font-size: 2.8vw;} .index_today .index_today_box{width: 49%;margin-right: calc(2% - 3px);margin-bottom: 2vw;} .index_today .index_today_box:nth-child(2n){margin-right: 0;} .index_today .index_today_cnt{margin-top: 8vw;} .index_review{margin-top: 10vw;} .index_review_cnt{margin-top: 8vw;} .index_review_box .index_review_box_cnt{padding: 3vw 2vw;} .index_review_box .index_review_name{width: 100%;margin-top: 4vw;margin-right: 0;text-align: center;font-size: 4vw;} .index_review .bx-controls-direction{margin-top: 5vw;} .index_review_box .index_review_right .index_review_star{font-size: 2.8vw;} .index_review_box .index_review_right .index_review_title{height: 6vw;line-height: 6vw;margin: 2vw 0 1vw;font-size: 3.2vw;} .index_review_box .index_review_right .index_review_content{font-size: 2.8vw;line-height: 4vw;height: 16vw;} .index_review .bx-controls-direction a{margin: 0 3vw;} .index_share{margin-top: 10vw;} #chat_window{right: 5vw;bottom: 10vw;} .index_ad_cnt{width: 49.5%;} .index_ad_cnt:first-child{width: 100%;margin-bottom: 1vw;} .index_ad_cnt:first-child .img{padding-top: 35%;} .index_ad_cnt:first-child .img .theme_img{margin-top: -35%;} .index_ad_cnt:nth-child(2){width: 49.5%;margin-left: 0;} .index_ad_cnt:nth-child(2) .img{padding-top: 69.8%;} .index_ad_cnt:nth-child(2) .img .theme_img{margin-top: -69.8%;} .index_ad_cnt{margin-left: 1%;} .index_share_cnt{margin: 5vw 0;} .share_more{margin-top: 5vw;} .index_share_box{width: 32%;margin-right: 2%;} .index_share_box:nth-child(3n){margin-right: 0;} .header_nav_mobile .header_cart .header_cart_a .cart_count{padding: 0 1.5vw;line-height: 4vw;} .header_nav_mobile .account_btn{right: 13vw;width: 6vw;} .header_nav_mobile .header_cart{width: 8vw;} .header_icon .header_icon_cnt .header_icon_name{font-size: 2.8vw;} .share_more a{width: 50vw;height: 10vw;line-height: 10vw;font-size: 4vw;} .header_icon{padding: 2vw 0;} .index_who .index_who_cnt .index_who_img .index_who_img_pc{display: none;} .index_who .index_who_cnt .index_who_img .index_who_img_mobile{display: block;} .share_brief{line-height: 5vw;font-size: 2.4vw;} .index_tad{margin-top: 0;} } .footer{margin-top: 95px;background: #f9f9f9;padding: 66px 0 56px;} .footer .footer_cnt{float: left;width: 24%;padding-right: 1%;} .footer .footer_cnt .footer_art_cate{color: #445460;font-family: rc;font-size: 22px;} .footer .footer_cnt .footer_art_list_cnt{margin-top: 17px;} .footer .footer_cnt .footer_art_list{height: auto;} .footer .footer_cnt .footer_art_list .footer_art_lcnt{line-height: 25px;} .footer .footer_cnt .footer_art_list .footer_art_lcnt a{font-size: 14px;font-family: rl;color: #445460;} .footer .footer_art_brief{font-size: 14px;color: #445460;font-family: rl;line-height: 26px;} .footer_cnt_img{display: inline-block;text-align: center;max-height: 250px;} .footer_cnt_img:nth-child(3){width: 100%;margin-top: 20px;} .footer .footer_cnt.footer_cnt_img_box{float: right;width: 18%;padding-top: 36px;padding-right: 0;text-align: right;} .footer_top{margin-bottom: 45px;} .footer_brief{text-align: center;font-family: rl;font-size: 14px;color: #445460;} .foot_copy{margin-top: 11px;text-align: center;font-family: rl;font-size: 14px;color: #445460;} @media screen and (max-width: 1260px){ .footer .footer_cnt{width: 49%;margin-bottom: 10px;} .footer .footer_cnt.footer_cnt_img_box{width: 49%;text-align: left;} .footer_cnt_img{width: 31%;vertical-align: middle;padding-right: 1%;} .footer_cnt_img:nth-child(3){width: 31%;display: inline-block;} } @media screen and (max-width: 768px){ .footer{margin-top: 6vw;padding: 5vw 0;} .footer_top{margin-bottom: 5vw;} .footer .footer_cnt:first-child{margin-top: 0;} .footer .footer_cnt{width: 100%;margin-top: 4vw;margin-bottom: 0;padding-right: 0;padding-bottom: 4vw;border-bottom: 1px solid #e0e0e0;} .footer .footer_cnt.footer_cnt_img_box{width: 100%;text-align: center;padding-top: 2vw;border-bottom: 0;} .footer_cnt_img{width: auto;height: 10vw;vertical-align: middle;padding-right: 3vw;} .footer_cnt_img:nth-child(3){width: auto;padding-right: 0;} .footer .footer_cnt .footer_art_cate{position: relative;max-width: 95%;font-size: 4vw;cursor: pointer;} .footer .footer_cnt .footer_art_cate:after{content: '';display: block;position: absolute;width: 4vw;height: 4vw;right: -4%;top: 50%;transform: translate(0,-50%);background: url(../images/faq_arrow_bottom.png)no-repeat center center;background-size: 3vw;transition:all 0.4s ease-out;} .footer .footer_cnt .footer_art_cate.cur:after{transform: translate(0,-50%) rotate(-180deg);} .footer .footer_art_brief{height: 0;overflow: hidden;} .footer .footer_cnt .footer_art_list_cnt{margin-top: 3vw;} .footer .footer_cnt .footer_art_list .footer_art_lcnt{line-height: 8vw;} .footer .footer_cnt .footer_art_list .footer_art_lcnt a{font-size: 3.2vw;} .footer .footer_art_brief{font-size: 3.2vw;line-height: 5vw;} .footer_brief{font-size: 3.2vw;line-height: 5vw;} .foot_copy{margin-top: 2vw;font-size: 3.2vw;line-height: 5vw;} .footer .footer_cnt .footer_art_list{height: 0;overflow: hidden;} } .faq_page{} .faq_page .faq_btitle{font-family: rbd;font-size: 36px;color: #333;} .faq_page .faq_btitle:after{content: '';display: block;width: 20px;height: 2px;margin-top: 17px;background: #333;} .faq_page .faq_bbrief{margin-top: 26px;line-height: 32px;font-family: rl;font-size: 15px;color: #555;} .faq_cnt{margin-top: 32px;} .faq_cnt .faq_lcnt{float: left;width: 46.18%;margin-right: 7.6%;border-top: 1px solid #e0e0e0;} .faq_cnt .faq_lcnt:nth-child(2){margin-right: 0;} .faq_row{border-bottom: 1px solid #e0e0e0;} .faq_row .faq_title{position: relative;padding: 27px 0;padding-right: 33px;font-size: 20px;color: #000;cursor: pointer;background-size: 16px;} .faq_row .faq_title:after{content: '';display: block;position: absolute;width: 16px;height: 100%;right: 2.5%;top: 50%;transform: translate(0,-50%);background: url(../images/faq_arrow_bottom.png)no-repeat center center;transition:all 0.4s ease-out;} .faq_row.cur .faq_title:after{transform: translate(0,-50%) rotate(-180deg);} /* .faq_row.cur .faq_title{background-image: url(../images/faq_arrow_top.png);} */ .faq_row .faq_brief{height: 0;line-height: 28px;background: #f9f9f9;font-family: rl;font-size: 15px;color: #555;overflow: hidden;} .faq_row .faq_brief .faq_brief_cnt{padding: 15px 35px 30px;} .faq_num{display: inline-block;width: 40px;} @media screen and (max-width: 1260px){ .faq_cnt .faq_lcnt{width: 100%;margin-right: 0;border-top: 0;} } @media screen and (max-width: 768px){ .faq_cnt{margin-top: 5vw;} .faq_page .faq_btitle{font-size: 5vw;} .faq_page .faq_btitle:after{margin-top: 3vw;} .faq_page .faq_bbrief{margin-top: 3vw;line-height: 6vw;font-size: 3.2vw;} .faq_row .faq_title{padding: 3vw 0;padding-right: 6vw;font-size: 4vw;background-size: 3vw;background-position: right 2vw center;} .faq_row .faq_brief{line-height: 6vw;font-size: 2.8vw;} .faq_row .faq_brief .faq_brief_cnt{padding: 2vw 3vw;} .faq_row .faq_title:after{width: 4vw;height: 4vw;background-size: 3vw;} } @media screen and (max-width: 1260px){ .faq_cnt .faq_lcnt{width: 100%;margin-right: 0;border-top: 0;} } @media screen and (max-width: 768px){ .faq_cnt{margin-top: 5vw;} .faq_page .faq_btitle{font-size: 5vw;} .faq_page .faq_btitle:after{margin-top: 3vw;} .faq_page .faq_bbrief{margin-top: 3vw;line-height: 6vw;font-size: 3.2vw;} .faq_row .faq_title{padding: 3vw 0;padding-right: 6vw;font-size: 4vw;background-size: 3vw;background-position: right 2vw center;} .faq_row .faq_brief{line-height: 6vw;font-size: 2.8vw;} .faq_row .faq_brief .faq_brief_cnt{padding: 2vw 3vw;} .faq_row .faq_title:after{width: 4vw;height: 4vw;background-size: 3vw;} } .article_page{} .article_page .art_top{margin-bottom: 44px;padding-bottom: 55px;border-bottom: 1px solid #e0e0e0;} .article_page .art_title{font-family: rbc;font-size: 36px;color: #333;} .article_page .art_title:after{content: '';display: block;width: 20px;height: 2px;margin-top: 25px;background: #333;} .article_page .art_brief{margin-top: 25px;line-height: 29px;font-family: rl;font-size: 15px;color: #555;} .art_content{} .art_content .editor_txt{padding: 0;} .buyer_ban{padding: 108px 0 84px;} .buyer_ban_brief{text-align: center;font-family: rl;font-size: 31.58px;color: #1b1b1b;} .buyer_ban_title{margin-top: 9px;text-align: center;font-family: rm;font-size: 49.76px;color: #084990;} .buyer_show_star{margin-top: 90px;} .buyer_star_left{float: left;width: 49.2%;box-sizing: border-box;padding-top: 38px;padding-left: 8%;padding-right: 5%;text-align: center;} .buyer_star_left .star_cnt{} .buyer_star_left .star_cnt span{display: inline-block;width: 51px;height: 49px;background: url(../images/review_star.png)no-repeat center center;background-size: 100%;} .buyer_star_left .star_cnt .star_0{background: url(../images/review_star_grey.png)no-repeat center center;background-size: 100%;} .star_rating_title{margin-top: 35px;margin-bottom: 10px;font-family: rm;font-size: 30px;color: #222;} .star_rating_title .star_rating_num{font-family: rb;font-size: 40px;} .star_baseon_title{font-size: 20px;color: #222222;} .buyer_star_right{float: right;width: 50.8%;padding-top: 30px;padding-left: 5.3%;box-sizing: border-box;border-left: 1px solid #eee;} .buyer_star_right .buyer_star_row{margin-bottom: 21px;} .buyer_star_right .buyer_star_row .buyer_star_row_cnt{display: inline-block;/* cursor: pointer; */} .buyer_star_right .buyer_star_row .buyer_star_row_left{display: inline-block;padding-right: 30px;font-size: 16px;color: #222;vertical-align: middle;background: url(../images/star_small.png)no-repeat left 15px center;} .buyer_star_right .buyer_star_row .buyer_star_percent{display: inline-block;width: 254px;height: 16px;margin-right: 25px;background: #dcdcdc;vertical-align: middle;} .buyer_star_right .buyer_star_row .buyer_star_percent .buyer_star_percent_on{display: block;width: 0;height: 100%;background: #ff9000;} .buyer_star_right .buyer_star_row .buyer_star_info{display: inline-block;font-size: 16px;color: #555;vertical-align: middle;} .buyer_show_review_cnt{margin-top: 76px;} .buyer_show_first{background: #f8f9f9;padding: 55px 0;margin-bottom: 25px;} .buyer_show_first .review_first_row{} .buyer_show_first .review_first_row .reveiw_first_img{display: inline-block;width: 37.36%;vertical-align: middle;padding-left: 5.25%;} .buyer_show_first .review_first_row .reveiw_first_img .img{padding-top: 64%;} .buyer_show_first .review_first_row .reveiw_first_img .img .theme_img{margin-top: -64%;} .buyer_show_first .review_first_row .review_first_right{display: inline-block;width: 45%;margin-left: 6.25%;padding-right: 3%;vertical-align: middle;} .buyer_show_first .review_first_row .review_first_right .review_first_right_content{line-height: 40px;margin-bottom: 25px;font-style: italic;font-size: 20px;color: #333;} .buyer_show_first .review_first_row .review_first_rating{font-family: rm;font-size: 20px;color: #426cb4;} .buyer_show_first .review_first_row .review_first_info{margin-top: 25px;font-size: 16px;color: #426cb4;} .buyer_review_row{padding-top: 44px;padding-left: 5.25%;margin-bottom: 2px;} .buyer_review_row .buyer_review_img{float: left;width: 111px;margin-right: 25px;} .buyer_review_row .buyer_review_right{float: left;width: calc(100% - 136px);padding-bottom: 38px;border-bottom: 1px solid #eee;} .buyer_review_row .buyer_review_right .buyer_review_title{margin-bottom: 8px;font-family: rm;font-size: 20px;color: #000;} .buyer_review_row .buyer_review_right .buyer_review_content{margin-bottom: 10px;line-height: 28px;font-family: rl;font-size: 16px;color: #333;word-break: break-word;} .buyer_review_row .buyer_review_right .buyer_review_rating{font-family: rm;color: #426cb4;font-size: 20px;} .buyer_review_row .buyer_review_right .buyer_review_info{margin-top: 15px;font-family: rm;font-size: 14px;color: #666;} .buyer_review_row .buyer_review_right .buyer_review_info .buyer_review_name{color: #000;} .buyer_show_more{margin-top: 40px;} .buyer_show_more a{display: block;width: 225px;height: 38px;line-height: 38px;font-family: rm;font-size: 17px;background: #01669a;color: #fff;text-align: center;margin: 0 auto;text-decoration: none;} @media screen and (max-width: 1020px){ .buyer_star_left{padding: 0 5%;} .buyer_star_right .buyer_star_row .buyer_star_percent{width: 190px;} .buyer_ban_title{} .star_rating_title{font-size: 20px;} .star_rating_title .star_rating_num{font-size: 28px;} } @media screen and (max-width: 768px){ .buyer_ban_brief{font-size: 4vw;} .buyer_ban_title{margin-top: 1vw;font-size: 5vw;} .buyer_ban{padding: 5vw 0;} .buyer_star_left{width: 100%;float: none;margin-bottom: 3vw;} .buyer_star_right{width: 100%;float: none;border-left: 0;padding-top: 3vw;} .buyer_show_star{margin-top: 3vw;} .buyer_star_left .star_cnt span{width: 5vw;height: 5vw;} .star_rating_title{margin: 3vw 0;font-size: 4vw;} .star_baseon_title{font-size: 4vw;} .star_rating_title .star_rating_num{font-size: 4.2vw;} .buyer_star_right .buyer_star_row{margin-bottom: 5vw;text-align: center;} .buyer_star_right .buyer_star_row .buyer_star_row_left{font-size: 3.2vw;padding-right: 10vw;} .buyer_star_right .buyer_star_row .buyer_star_percent{width: 50vw;height: 5vw;margin-right: 1vw;} .buyer_star_right .buyer_star_row .buyer_star_info{width: 20vw;font-size: 3.2vw;} .buyer_show_review_cnt{margin-top: 8vw;} .buyer_show_first{padding: 7vw 0;margin-bottom: 3vw;} .buyer_show_first .review_first_row .reveiw_first_img{width: 100%;margin-left: 0;padding-left: 0;} .buyer_show_first .review_first_row .review_first_right{width: 100%;margin-top: 3vw;margin-left: 0;padding: 0 3vw;box-sizing: border-box;} .buyer_show_first .review_first_row .review_first_right .review_first_right_content{margin-bottom: 3vw;line-height: 5vw;font-size: 3.8vw;} .buyer_show_first .review_first_row .review_first_rating{font-size: 3.2vw;} .buyer_show_first .review_first_row .review_first_info{margin-top: 3vw;font-size: 2.8vw;} .buyer_review_row{padding-top: 5vw;} .buyer_review_row .buyer_review_right .buyer_review_title{font-size: 3.8vw;margin-bottom: 3vw;} .buyer_review_row .buyer_review_right .buyer_review_content{font-size: 3.2vw;line-height: 5vw;margin-bottom: 3vw;} .buyer_review_row .buyer_review_right .buyer_review_rating{font-size: 3.8vw;} .buyer_review_row .buyer_review_right .buyer_review_info{margin-top: 3vw;font-size: 3.2vw;} .buyer_show_more{margin-top: 5vw;} .buyer_show_more a{width: 50vw;height: 10vw;line-height: 10vw;font-size: 3.8vw;} .article_page .art_top{margin-bottom: 5vw;padding-bottom: 5vw;} .article_page .art_title{font-size: 5vw;} .article_page .art_title:after{margin-top: 2vw;} .article_page .art_brief{margin-top: 3vw;line-height: 6vw;font-size: 3.2vw;} } @media screen and (max-width: 420px){ .buyer_review_row{padding-left: 0;} .buyer_review_row .buyer_review_img{float: none;margin: 0 auto;} .buyer_review_row .buyer_review_right{float: none;width: 95%;margin: 0 auto;padding-bottom: 5vw;} } .customize_checked{position: absolute;top: 6px;right: 6px;width: 26px;height: 26px;z-index: 1;} .customize_checked.cur{background: url(../images/customize_check.png)no-repeat center center;} .check_btn_box{} .check_btn_box .check_btn{position: relative;width: 18px;height: 18px;margin: 0 auto;border-radius: 100px;cursor: pointer;border: 1px solid #bfc5c9;} .check_btn_box .check_btn input[type=checkbox]{display: none;} .check_btn_box .check_btn.cur{border-color: #428bca;} .check_btn_box .check_btn:after{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 10px;height: 10px;border-radius: 100px;} .check_btn_box .check_btn.cur:after{background: #428bca;} .customize_page{} .customize_page .fixed{position: fixed;left: 0;top:0;z-index: 10001;display: block;} .customize_page .customize_btitle{font-family: rb;font-size: 28px;color: #0372bf;} .customize_page .customize_btitle .customize_sku{font-size: 12px;color: #ccc;margin-left: 5px;} .customize_star{margin-top: 13px;} .customize_star .star_total{display: inline-block;margin-left: 10px;font-size: 14px;color: #666;} .customize_desc_mtitle{display: none;} .customize_desc{} .customize_desc .customize_desc_title_cnt{margin-bottom: 13px;text-align: right;font-size: 0;} .customize_desc .customize_desc_title_cnt .customize_desc_title{display: inline-block;width: calc( 20% - 2px );height: 45px;line-height: 45px;margin-right: 2px;background: #0372bf;font-size: 17px;color: #fff;text-align: center;cursor: pointer;vertical-align: top;} .customize_desc .customize_desc_title_cnt .customize_desc_title.cur{background: #f97147;} .customize_desc .customize_desc_title_cnt .customize_desc_title.hide{display: none;} .customize_desc .customize_desc_cnt{} .customize_desc .customize_desc_content{display: none;} .customize_desc .customize_desc_content.cur{display: block;} .customize_desc .customize_desc_content .editor_txt{min-height: auto;padding: 0;overflow: unset;} .daily_deal_box{margin-top: 7px;margin-bottom: 14px;text-align: right;} .daily_deal{display: inline-block;text-align: left;background: #eee;} .daily_deal .daily_img{float: left;padding: 11px 33px 9px 10px;background: url(../images/daily_arrow.png)no-repeat right center;} .daily_deal .daily_right{float: right;padding: 9px 20px 9px 15px;} .daily_deal .daily_right .daily_time{float: left;font-size: 28px;font-family: rb;color: #f44540;} .daily_deal .daily_right .daily_brief{float: left;width: 264px;margin-left: 15px;line-height: 17px;font-family: rm;font-size: 14px;color: #4f616d;} .customize_title_cnt{padding-left: 20px;line-height: 60px;background: #f9f9f9;} .customize_title_cnt .customize_step{font-family: rb;font-size: 28px;color: #0372bf;} .customize_title_cnt .customize_title{margin-left: 10px;font-size: 20px;color: #3a3a3a;} .customize_cnt{margin-top: 45px;} .custom_preview.is_round .custom_wristband_cnt{border-radius: 50%;} .custom_preview .custom_wristband_cnt .before,.custom_preview .custom_wristband_cnt .after{display: none;} .custom_preview.is_rectangular .custom_wristband_cnt .before,.custom_preview.is_rectangular .custom_wristband_cnt .after{content: '';display: block;position: absolute;top: 0;width: 0;height: 0;border-style: solid;border-width:237px 118.5px 0 0;border-color: #fff transparent transparent;z-index: 1;} .custom_preview.is_rectangular .custom_wristband_cnt .before{left:0;} .custom_preview.is_rectangular .custom_wristband_cnt .after{right:0;border-width:237px 0 0 118.5px;} .custom_preview.is_rectangular .custom_wristband.hide_tips .custom_wristband_cnt .before,.custom_preview.is_rectangular .custom_wristband.hide_tips .custom_wristband_cnt .after{z-index: 999;} .custom_wristband.hide_tips .custom_wristband_cnt .custom_obj .custom_obj_cnt{overflow: unset;} .customize_style{margin-top: 27px;} .customize_style .customize_style_cnt{position: relative;float: left;width: 29.1%;margin-right: 2%;margin-bottom: 30px;padding-bottom: 10px;border: 1px solid #e0e0e0;cursor: pointer;} .customize_style .customize_style_cnt .customize_style_img{margin-bottom: 18px;} .customize_style .customize_style_cnt .customize_style_img .img{padding-top: 63%;} .customize_style .customize_style_cnt .customize_style_img .theme_img{margin-top: -63%;} .customize_style .customize_style_cnt .customize_style_title{margin-top: 10px;height: 25px;line-height: 25px;font-family: rl;font-size: 18px;color: #3a3a3a;text-align: center;overflow: hidden;} .all_custom .customize_style .customize_style_cnt{width: 14.58%;margin-right: 2.36%;} .all_custom .customize_style .customize_style_cnt.cur{border-color: #428bca;} .all_custom .customize_style .customize_style_cnt.cur .customize_style_title{color: #428bca;} .all_custom .customize_checked{display: none;} .all_custom .check_btn_box{display: none;} .all_custom .customize_style .customize_style_cnt .customize_style_img{margin-bottom: 0;} .all_custom .customize_style .customize_style_cnt .customize_style_title{margin-top: 0;} .all_custom .customize_style .customize_style_cnt .cur_img{display: none;} .all_custom .customize_style .customize_style_cnt .first_img{display: inline;} .all_custom .customize_style .customize_style_cnt.cur .first_img{display: none;} .all_custom .customize_style .customize_style_cnt.cur .cur_img{display: inline;} .customize_size{margin-top: 20px;} .customize_size_content{float: left;width: 32%;margin-right: 1%;} .customize_size_content .customize_size_title{line-height: 30px;font-size: 18px;color: #455560;} .customize_size_content .customize_size_title .size_i{display: inline-block;width: 18px;height: 18px;margin-left: 5px;background: url(../images/size_info.png)no-repeat center center;border-radius: 100px;vertical-align: middle;} .customize_size_content .custom_size_select{} .customize_size_content .custom_size_select:nth-child(3n){margin-right: 0;} .customize_size_content .custom_size_select select{width: 100%;height: 46px;line-height: 46px;text-indent: 16px;background: url(../images/select_arrow.png)no-repeat right 15px center;padding-right: 22px;appearance:none;-moz-appearance:none;-webkit-appearance:none;} .customize_size_content .custom_size_select select option{height: 46px;} .size_i{position: relative;cursor: pointer;} .size_i:hover .alert_cbox{display: block;} .alert_cbox{display: none;position: absolute;width: 244px;left: 30px;top: 50%;transform: translate(0,-50%);background: #fff;border: 1px solid #eee;border-radius: 5px;z-index: 3;cursor: default;box-shadow: 0px 10px 20px #cbcaca;} .alert_cbox:before{content: '';position: absolute;top: 50%;left: -10px;transform: translate(0,-50%);width:0;height:0;border-top: 11px solid transparent;border-bottom: 11px solid transparent;border-right: 11px solid #fff;z-index: 2;} .alert_cbox:after{content: '';position: absolute;top: 50%;left: -12px;transform: translate(0,-50%);width:0;height:0;border-top: 11px solid transparent;border-bottom: 11px solid transparent;border-right: 11px solid #eee;z-index: -1;} .alert_cbox .alert_btitle{margin-bottom: 10px;padding: 0 10px;line-height: 35px;background: #f7f7f7;font-size: 14px;border-bottom: 1px solid #eee;} .alert_cbox .alert_box{margin-bottom: 10px;padding: 0 10px;} .alert_cbox .alert_box .alert_title{font-family: rb;font-size: 16px;} .alert_cbox .alert_box .alert_brief{font-size: 14px;} .customize_color{margin-top: 30px;} .customize_color_box{float: left;position: relative;width: 143px;height: 192px;margin-right: 1.3%;margin-bottom: 20px;padding: 20px 1.4%;box-sizing: border-box;border: 1px solid #e1e1e1;cursor: pointer;} .customize_color_box.cur{border-color: #a1c3fa;box-shadow: 0px 10px 20px #cbcaca;} .customize_color_box .img_box{height: 85px;} .customize_color_name{height: 40px;line-height: 20px;font-size: 15px;color: #455560;overflow: hidden;text-align: center;} .customize_color_block{margin-top: 10px;} .customize_color_block .img{padding-top: 85%;} .customize_color_block .img .theme_img{margin-top: -85%;} .customize_color_box_more{position: relative;width: 100%;padding-top: 145px;} .customize_color_box_cnt{position: absolute;width: 100%;height: 100%;margin-top: -145px;} .customize_color_box_more .customize_color_box_more_icon{width: 50px;height: 50px;background: url(../images/color_more_icon.png)no-repeat center center;margin: 0 auto;margin-top: 40%;} .customize_color_box_more .customize_color_box_more_title{margin-top: 15px;font-size: 15px;color: #455560;text-align: center;} .customize_color_price{height: 20px;line-height: 20px;font-size: 15px;color: #455560;text-align: center;} .customize_attachment{margin-top: 30px;} .customize_attachment .customize_attachment_box{float: left;width: 18.05%;margin-right: 1%;margin-bottom: 30px;padding-bottom: 10px;border: 1px solid #e0e0e0;cursor: pointer;box-sizing: border-box;} .customize_attachment .customize_attachment_box.cur{background: #f3f3f3;} /* .customize_attachment .customize_attachment_box:nth-child(5n){margin-right: 0;} */ .customize_attachment .customize_attachment_box .customize_attachment_img{margin-bottom: 15px;} .customize_attachment .customize_attachment_box .customize_attachment_img .img{padding-top: 126%;} .customize_attachment .customize_attachment_box .customize_attachment_img .img .theme_img{margin-top: -126%;} .customize_attachment .customize_attachment_name{height: 25px;line-height: 25px;margin-top: 10px;font-family: rl;font-size: 18px;color: #3a3a3a;text-align: center;overflow: hidden;} .customize_attachment .customize_attachment_price{margin-top: 5px;height: 25px;line-height: 25px;font-family: rl;font-size: 18px;color: #3a3a3a;text-align: center;} .customize_attachment .customize_attachment_price.price_free{font-family: rm;color: #e12441;} .select_box{position: relative;} .select_box.cur .select_title{background-color: #e6e6e6;} .select_box .select_title{height: 45px;line-height: 45px;background: url(../images/select_arrow.png)no-repeat right 15px center;padding-right: 25px;text-indent: 15px;border: 1px solid #ccc;font-size: 16px;color: #333;overflow: hidden;cursor: pointer;border-radius: 3px;} .select_box .select_option_box{position: absolute;top: 51px;left: 0;right: 0;width: 100%;height: 0;background: #fff;overflow: hidden;z-index: 1;box-shadow: 2px 2px 10px 0px rgba(6,0,1,0.25);} .select_box .select_option_box .select_option_cnt{padding: 5px 0;border: 1px solid #d6d6d6;box-shadow: 0px 10px 20px #cbcaca;max-height: 550px;overflow: auto;} .select_box .select_option_box .select_option{padding: 0 13px;border: 2px solid transparent;line-height: 24px;font-size: 16px;color: #333;cursor: pointer;} .select_box .select_option_box .select_option.cur{background: #f5f5f5;border-color: #a1c3fa;} .form_select select{display: none;} .form_text textarea{width: 100%;height: 133px;border: 1px solid #ccc;border-radius: 3px;padding: 10px 16px;box-sizing: border-box;} .message_tips{font-size: 17px;line-height: 33px;margin-top: 5px;color:red;} .message_tips.error{color: red;} .message_tips .message_tips_error{display: none;} .message_tips .message_tips_num{display: block;} .message_tips.error .message_tips_error{display: block;} .message_tips.error .message_tips_num{display: none;} .message_tips .to_custom{font-size: 15px;text-decoration: underline;color:red;} .form_text textarea.message_cnt{height: 65px;} .customize_color .customize_checked{top: -10px;right: -10px;} .form_select_color .select_box .select_option_box .select_option{height: 52px;line-height: 52px;} .form_select_color .select_box .select_option_box .select_option .select_option_color{display: inline-block;vertical-align: middle;width: 40px;height: 40px;border: 1px solid #000;} .form_select_color .select_box .select_option_box .select_option_color_c .select_option_color{display: none;} .form_select_color .select_box .select_option_box .select_option_color_c .select_option_color_name{display: none;} .form_select_color .select_box .select_option_box .select_option_color_c .select_option_color.cur{display: inline-block;} .form_select_color .select_box .select_option_box .select_option_color_c .select_option_color_name.cur{display: inline-block;} .whole_tap{display: inline-block;line-height: 30px;padding: 0 13px;background: #f97147;font-size: 16px;color: #fff;vertical-align: middle;} .customize_wholesale{margin-top: 20px;} .wholesale_table{width: 910px;} .wholesale_table .wholesale_tr{font-size: 0;border-bottom: 1px solid #e0e0e0;} .wholesale_table .wholesale_tr .wholesale_td{display: inline-block;width: 25%;line-height: 58px;font-size: 16px;vertical-align: middle;text-align: center;} .wholesale_table .wholesale_tr .wholesale_td:first-child{text-align: left;} .wholesale_table .wholesale_tr .wholesale_td:last-child{text-align: right;} .wholesale_table .w_input{width: 92px;height: 30px;background: #f9f9f9;border-radius: 1px;border: 1px solid #e0e0e0;} .wholesale_table .wholesale_btn{display: inline-block;width: 16px;height: 16px;margin-right: 15px;border-radius: 150px;border: 1px solid #c1c6ca;cursor: pointer;vertical-align: middle;} .wholesale_table .wholesale_btn.cur{border: 1px solid #428bca;background: #428bca;} .wholesale_table .wholesale_btn input[type=checkbox]{display: none;} .lany_btitle{margin-top: 30px;margin-bottom: 25px;font-size: 18px;color: #455560;text-align: center;} .lany_select_cnt{margin-bottom: 72px;font-size: 0;text-align: center;} .lany_select_cnt .lany_select{display: inline-block;width: 32%;height: 46px;line-height: 46px;margin-right: 30px;border: 1px solid #ccc;color: #5f5f5f;font-size: 18px;text-decoration: none;} .lany_select_cnt .lany_select:last-child{margin-right: 0;} .lany_select_cnt .lany_select .select_icon{display: inline-block;vertical-align: middle;opacity: 0;} .lany_select_cnt .lany_select.cur{background: #337ab7;border-color: #337ab7;color: #fff;} .lany_select_cnt .lany_select.cur .select_icon{opacity: 1;} .lany_easy_left{float: left;width: calc(100% - 768px - 7.7%);} .lany_option_row{margin-bottom: 17px;} .ImprintColorRow{display: none;} .lany_option_row .lany_option_title{height: 32px;line-height: 32px;color: #455560;font-size: 16px;overflow: hidden;} .lany_easy_preview_right{float: right;width: 768px;} .lany_easy_preview{border: 1px solid #ddd;border-radius: 3px;} .lany_easy_preview .lany_easy_preview_title{height: 47px;line-height: 47px;background: #f5f5f5;text-align: center;font-family: rb;color: #333;font-size: 20px;overflow: hidden;border-bottom: 1px solid #ddd;} .lany_easy_preview .lany_easy_preview_cnt{min-height: 490px;padding: 120px 52px 160px;box-sizing: border-box;} .lany_easy_preview .lany_easy_preview_cnt .preview_sided_tips{margin-bottom: 15px;font-size: 14px;color: #666;text-align: center;} .lany_easy_preview_brief_box{} .lany_easy_preview_brief_box .lany_easy_preview_brief{width: 54.7%;margin: 28px auto 16px;text-align: center;font-family: rl;font-style: italic;font-size: 16px;color: #455560;} .lany_easy_preview_brief_box .lany_easy_preview_brief1{text-align: center;font-family: rl;font-style: italic;font-size: 14px;color: #455560;} .lany_easy_preview .lany_easy_preview_grey{height: 19px;background: #f5f5f5;border-top: 1px solid #ddd;} .lany_easy_preview .lany_easy_preview_top{max-width: 100%;height: 48px;line-height: 48px;margin-bottom: 50px;padding: 0 40px;color: #fff;font-size: 20px;box-sizing: border-box;overflow: hidden;text-align: center;} .lany_easy_preview .lany_easy_preview_font,.lany_easy_preview .lany_easy_preview_font{height: 100%;} .lany_easy_preview .easy_icon_img{display: inline-block;vertical-align: middle;max-height: 80%;margin: 0 5px;position: relative;} .lany_easy_preview .easy_icon_img.svg_img{width: auto;height: 100%;} .lany_easy_preview .easy_icon_img.svg_img svg{width: auto;height: 100%;} .lany_easy_preview .lany_easy_preview_pfont{display: inline-block;vertical-align: middle;} .lany_easy_preview .lany_easy_preview_top .lany_easy_preview_tc{/* width: 270px;text-align: right; */height: 100%;overflow: hidden;white-space: nowrap;} /* .lany_easy_preview .lany_easy_preview_top .lany_easy_preview_tc_1{float:left;margin-right: 25px;} .lany_easy_preview .lany_easy_preview_top .lany_easy_preview_tc_2{float:right;} */ .lany_easy_preview .lany_easy_preview_top.preview_t100 .lany_easy_preview_tc_1{width: 100%;margin-right: 0;text-align: center;} .lany_easy_preview .lany_easy_preview_top.preview_t100 .lany_easy_preview_tc_2{display: none;} .lany_easy_preview .lany_easy_preview_keychain .lany_easy_preview_keychain_cnt{width: 100%;margin: 0 auto;} .lany_easy_preview .lany_easy_preview_keychain .lany_easy_preview_sided_cnt{position: relative;/* height: 85px;line-height: 85px; */margin: 0 auto;margin-bottom: 83px;} .lany_easy_preview .lany_easy_preview_keychain .lany_easy_preview_sided_cnt:last-child{margin-bottom: 0;} .lany_easy_preview .lany_easy_preview_sided_keychain{position: absolute;height: 182px;z-index: 1;left: -15px;top: 20%;} .lany_easy_preview .hide_tips .lany_easy_preview_sided_keychain{display: none;} .lany_easy_preview .lany_easy_preview_keychain .lany_easy_preview_sided{position: relative;width: 79.36%;height: 100%;margin: 0 auto;padding: 0 20px 0 65px;overflow: hidden;text-align: center;font-size: 30px;color: #fff;box-sizing: border-box;} .lany_easy_preview .lany_easy_preview_keychain .easy_keychain_poin{content: '';display: block;position: absolute;top: 50%;left: 10px;transform: translate(0,-50%);width: 30px;height: 30px;border-radius: 50px;background: #fff;} .lany_easy_preview .lany_easy_preview_keychain .remove_point .easy_keychain_poin{display: none;} .lany_easy_preview .lany_easy_preview_keychain .lany_easy_preview_sided .preicon_b{height: 100%;} .lany_easy_preview .lany_easy_preview_keychain .preview_sided_tips{position: absolute;right: 0;top: 50%;transform: translate(0,-50%);width: 50px;text-align: center;line-height: 20px;font-size: 14px;} .lany_easy_preview .lany_easy_preview_btm{position: relative;/* width: 56.35%; */height: 48px;line-height: 48px;color: #fff;font-size: 20px;overflow: hidden;padding: 0 40px;text-align: center;} .lany_easy_preview .lany_easy_preview_btm .lany_easy_preview_btm_cnt{/* float: right;width: 72.35%;text-align: right;margin-right: 20px; */height: 100%;box-sizing: border-box;overflow: hidden;} .lany_easy_preview .lany_easy_preview_btm .preview_btm_cnt{height: 100%;white-space: nowrap;} .lany_easy_preview .lany_easy_preview_btm .preview_btm_black{position: absolute;top: 50%;left: 33px;width: 39px;height: 30px;background: #3f3e43;z-index: 1;transform: translate(0,-50%);} .lany_easy_preview .preview_btm_after{position: absolute;top: 0;display: block;content: '';width:0;height:0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-top: 20px solid #fff;} .lany_easy_preview .preview_btm_before{position: absolute;bottom: 0;display: block;content: '';width:0;height:0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 20px solid #fff;} .lany_easy_preview .lany_easy_preview_icon{height: 100%;overflow: hidden;} .lany_easy_preview .lany_easy_preview_icon .h_100{display: inline-block;height: 100%;vertical-align: middle;} .lany_easy_preview .lany_easy_preview_icon .preicon_b{display: inline-block;/* width: 35px; */height: 65%;margin-right: 18px;} .lany_easy_preview .lany_easy_preview_icon .preicon_b:last-child{margin-right: 0;} .lany_easy_preview .lany_easy_preview_icon .preicon_b:first-child{margin-right: 18px;} .lany_easy_preview .lany_easy_preview_cnt.hide_tips .preview_sided_tips{display: none;} .form_input{width: 100%;height: 45px;line-height: 45px;border: 1px solid #ccc;padding: 10px 16px;box-sizing: border-box;} .lany_easy_preview .lany_easy_preview_cnt.preview_fz .lany_easy_preview_top{font-size: 18px;} .lany_easy_preview .lany_easy_preview_cnt.preview_fz .lany_easy_preview_btm{font-size: 18px;} .lany_easy_preview_bg{border: 0;} .custom_wristband_cnt{border: 0;} .white_line .lany_easy_preview_bg{border: 1px solid #000;} .white_line .custom_wristband_cnt{border: 1px solid #000;} .upload_box{} .upload_box .btn_upload{display: none;width: 100%;color: #fff;background-color: #286090;border-color: #204d74;margin-top: 5px;padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;box-sizing: border-box;text-align: center;text-decoration: none;} .upload_box .upload_icon{float: left;width: 40%;height: 71px;background: url(../images/img_icon.png)no-repeat center center;} .upload_box .upload_btn_box{float: left;width: 60%;} .upload_box .upload_btn_box .upload_s_btn{display: block;margin: 5px;padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;text-align: center;color: #fff;text-decoration: none;} .upload_box .upload_btn_box .preview_btn{background: #337ab7;border-color: #2e6da4;} .upload_box .upload_btn_box .preview_delete{background-color: #ec971f;border-color: #d58512;} .upload_box .upload_submit{display: none;} .message_row .upload_box{display: none;} .message_row .upload_box.cur1{display: block;} .message_row .upload_box.cur1 .btn_upload{display: block;} .message_row .upload_box.cur .upload_submit{display: block;} .message_row .upload_box.cur .btn_upload{display: none;} .upload_box.cur .upload_submit{display: block;} #up_img_file,#file_StartClipart,#file_EndClipart{display: none;} .upload_img{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.3);z-index: 100;opacity: 0;pointer-events: none;} .upload_img.cur{display: block;opacity: 1;pointer-events: unset;} .upload_img .upload_close_btn{position: absolute;top: 0;right: 0;width: 45px;height: 45px;line-height: 40px;background: rgba(30, 30, 30, .6);color: #ccc;font-size: 30px;text-decoration: none;} .upload_img .upload_close_btn:hover{color: #fff;} .custom_wristband{} .custom_wristband .custom_wristband_cnt{position: relative;height: 60px;background: #ccc;overflow: hidden;} .save_fixed .custom_wristband .custom_wristband_cnt{overflow: unset!important;} .custom_wristband .custom_wristband_cnt .custom_obj{position: absolute;cursor: move;/* height: 30px; */border: 1px solid transparent;display: inline-block;width: 30px;} .custom_wristband .custom_wristband_cnt .custom_obj *{user-select: none;} .custom_wristband .custom_wristband_cnt .custom_obj[type=custom_text]{width: auto;height: auto;} /*.custom_wristband .custom_wristband_cnt .custom_obj .custom_obj_cnt.custom_obj_cnt_font{padding: 0!important}*/ /*.custom_wristband .custom_wristband_cnt .custom_obj .custom_obj_cnt.custom_obj_cnt_font{font-family: Arial!important;}*/ .custom_wristband .custom_wristband_cnt .custom_obj[type=custom_text] .custom_obj_cnt{display: inline-block;width: auto;height: auto;} .custom_wristband .custom_wristband_cnt .custom_obj em,.custom_wristband .custom_wristband_cnt .custom_obj .zoom_rb{display: none;position: absolute;width: 20px;height: 20px;} .custom_wristband .custom_wristband_cnt .ui-resizable-s,.custom_wristband .custom_wristband_cnt .ui-resizable-e{display: none!important;} .custom_wristband .custom_wristband_cnt .custom_obj .ui-resizable-handle{display: none!important;} .custom_wristband .custom_wristband_cnt .custom_obj.cur .ui-resizable-se{display: block!important;} .custom_wristband .custom_wristband_cnt .custom_obj .rotate_btn{right: -15px;top: -15px;background: url(../images/img_rotate_icon.png)no-repeat center center;} .custom_wristband .custom_wristband_cnt .custom_obj .del_btn{left: -15px;top: -15px;background: url(../images/img_del_icon.png)no-repeat center center;cursor: pointer;} .custom_wristband .custom_wristband_cnt .custom_obj .layer_btn{left: -15px;bottom: -15px;background: url(../images/img_layer_icon.png)no-repeat center center;} .custom_wristband .custom_wristband_cnt .custom_obj .scale_btn,.custom_wristband .custom_wristband_cnt .custom_obj .zoom_rb{right: -15px;bottom: -15px;background: url(../images/img_scale_icon.png)no-repeat center center;} .custom_wristband.hide_tips .custom_wristband_tips{display: none;} .scaling_row{margin-top: 15px;} .scaling_row .scaling_check{display: inline-block;margin-right: 5px;vertical-align: top;} .scaling_row .scaling_check .aspectRatio{width: 24px;height: 24px;border: 1px solid #b2a5b3;background: #f1eced;-webkit-appearance:none;cursor: pointer;} .scaling_row .scaling_check .aspectRatio:checked{background: url(../images/check_icon.png)no-repeat center center #f1eced;} .scaling_row .scaling_title{line-height: 24px;font-size: 16px;color: #445461;vertical-align: top;} .custom_wristband .custom_wristband_cnt .custom_obj_cnt{} .custom_wristband .custom_wristband_cnt .svg_img *{max-width: 100%;max-height: 100%;} .custom_wristband .custom_wristband_cnt .custom_obj .custom_obj_cnt{padding: 5px;cursor: default;width: 100%;height: 100%;box-sizing: border-box;/*overflow: hidden;*/position: relative;/* left: 0;top: 0;right: 0;bottom: 0; */} .custom_wristband .custom_wristband_cnt .custom_obj .custom_obj_cnt.custom_obj_cnt_font{position: static;top: auto;right: auto;bottom: auto;left: auto;} .custom_wristband .custom_wristband_cnt .custom_obj.cur{border-color: #657dc8;} .custom_wristband .custom_wristband_cnt .custom_obj.cur em,.custom_wristband .custom_wristband_cnt .custom_obj.cur .zoom_rb{display: block;} .custom_wristband .custom_wristband_cnt .custom_obj.cur .custom_obj_cnt{cursor: move;} .custom_wristband .custom_wristband_cnt .custom_obj .custom_obj_cnt *{width: 100%;height: 100%;} .custom_wristband .custom_wristband_cnt .custom_obj .custom_obj_cnt img{/* position: absolute;left: 0;top: 0;bottom: 0;right: 0; */} .custom_wristband .custom_wristband_cnt .custom_obj .custom_obj_cnt .add_img img{left: 0;top: 0;bottom: 0;right: 0;position: absolute;} .custom_wristband_tips{margin-bottom: 15px;font-size: 14px;color: #666;text-align: center;} .custom_wristband .custom_wristband_row{margin-bottom: 40px;} .custom_wristband .custom_wristband_row:last-child{margin-top: 0;} .custom_wristband_p{text-align: center;} .save_fixed .custom_wristband_p{overflow: hidden!important;} .custom_wristband_p .custom_wristband_row{display: inline-block;} .custom_tips{width: 58.33%;margin: 20px auto 0;text-align: center;font-family: rl;line-height: 22px;font-style: italic;font-size: 16px;color: #455560;} .custom_tips2{line-height: 22px;margin-top: 12px;text-align: center;font-family: rl;font-style: italic;color: #455560;} .copy_back{margin-top: 30px;text-align: center;} /* .lany_design_custom_keychain .copy_back{margin-top: -10px;} */ .copy_back .copy_btn{font-family: rl;font-style: italic;color: #337ab7;font-size: 16px;text-decoration: underline;} .custom_wristband_keychain{position: relative;/* height: 305px; */} .custom_wristband_keychain .custom_wristband_row{position: relative;/* width: 475px; */margin: 0 auto;margin-bottom: 60px;} .custom_wristband_keychain .custom_wristband_cnt{height: 85px;margin: 0 auto;} .custom_wristband_keychain .custom_wristband_tips{/* position: absolute; *//* top: 50%; *//* transform: translate(0,-50%); *//* right: -100px; */margin-top: 0;width: 55px;margin: 0 auto 10px;} .custom_wristband_keychain .lany_easy_preview_sided_keychain{position: absolute;height: 182px;z-index: 9998;left: -80px;top: 30%;pointer-events: none;} .custom_tools_content{margin-top: 70px;padding-bottom: 70px;border-bottom: 1px solid #ccc;} .custom_style_tools{width: 57.2%;float: left;} .custom_postion_tools{width: 40.6%;float: right;} .design_attr_row{width: 45%;margin: 80px auto 0;} .tools_top{font-size: 0;} .tools_top .tools_btn{display: inline-block;width: 80px;height: 26px;padding-top: 50px;font-size: 12px;text-align: center;color: #908f8f;border-top: 1px solid #fff;border-right: 1px solid #fff;border-left: 1px solid #fff;border-bottom: 1px solid transparent;border-top-right-radius: 5px;border-top-left-radius: 5px;cursor: pointer;} .tools_top .tools_btn.cur{border-color: #ddd;border-bottom: 1px solid #fff;color: #0373c1;} .tools_btm{margin-top: -1px;} .tools_text_btn{background: url(../images/custom_font_icon.png)no-repeat top 10px center;} .tools_art_btn{background: url(../images/custom_pic_icon.png)no-repeat top 10px center;} .tools_upload_btn{background: url(../images/custom_upload_icon.png)no-repeat top 10px center;} .tools_text_btn.cur{background: url(../images/custom_font_icon_cur.png)no-repeat top 10px center;} .tools_art_btn.cur{background: url(../images/custom_pic_icon_cur.png)no-repeat top 10px center;} .tools_upload_btn.cur{background: url(../images/custom_upload_icon_cur.png)no-repeat top 10px center;} .tools_position_btn{background: url(../images/custom_position_icon.png)no-repeat top 10px center;} .tools_position_btn.cur{background: url(../images/custom_position_icon_cur.png)no-repeat top 10px center;} .tools_layer_btn{background: url(../images/custom_layer_icon.png)no-repeat top 10px center;} .tools_layer_btn.cur{background: url(../images/custom_layer_icon_cur.png)no-repeat top 10px center;} .tools_title{line-height: 35px;font-weight: bold;font-size: 16px;color: #445461;} .tools_btm_cnt{padding: 20px;border: 1px solid #ddd;} .tools_btm_text_cnt{float: left;width: 47.4%;} .tools_btm_text_add{margin-bottom: 5px;text-align: right;} .tools_btm_text_add a{display: inline-block;line-height: 34px;background: url(../images/pen_icon.png)no-repeat left 8px center #337ab7;padding: 0 11px;padding-left: 35px;font-family: rm;font-size: 14px;color: #fff;border-radius: 3px;} .tools_textarea{} .tools_textarea textarea{width: 100%;height: 134px;padding: 6px 12px;border: 1px solid #323232;box-sizing: border-box;} .tools_btm_right_cnt{float: right;width: 47.4%;} .tools_fonts{float: left;width: 60%;} .tools_fonts_size{float: right;width: 35%;} .font_select{position: relative;line-height: 34px;font-size: 14px;color: #323232;border: 1px solid #323232;border-radius: 3px;} .font_select .font_select_title{height: 34px;padding: 0 20px 0 10px;cursor: pointer;background: url(../images/select_arrow.png)no-repeat right 15px center;user-select: none;} .font_select .font_select_option{display: none;position: absolute;top: 40px;left: 0;min-width: 100%;background: #fff;padding: 5px 0;border: 1px solid rgba(0, 0, 0, 0.15);z-index: 2;box-sizing: border-box;} .font_select .font_select_option.alert_cur{display: block;} .font_select .font_select_search{margin: 5px;} .font_select .font_select_search_txt{width: 100%;height: 30px;padding: 5px;box-sizing: border-box;} .font_select .font_select_option .font_select_option_row{display: none;font-size: 14px;padding: 3px 20px;cursor: pointer;} .font_select .font_select_option .font_select_option_row:hover,.font_select .font_select_option .font_select_option_row:focus{background: #f5f5f5;} .font_select .font_select_option .font_select_option_row.cur{background: #337ab7;color: #fff;} .font_select .font_select_option .font_select_option_row.active-result{display: block;} .font_select_option_cnt{max-height: 574px;overflow-y: auto;} .form_select_font{} .form_select_font .font_select{border: 0;} .form_select_font .font_select .font_select_title{height: 45px;line-height: 45px;background: url(../images/select_arrow.png)no-repeat right 15px center;padding-right: 25px;padding-left: 0;text-indent: 15px;border: 1px solid #ccc;font-size: 16px;color: #333;overflow: hidden;cursor: pointer;border-radius: 3px;} .form_select_font .font_select .font_select_option{top: 50px;} .tools_input{} .tools_input .tools_tinput{width: 100%;line-height: 34px;height: 34px;padding-left: 10px;border: 1px solid #323232;border-radius: 5px;box-sizing: border-box;} .tools_btm_right_top{} .tools_btm_right_btm{padding-top: 30px;} .tools_btm_right_btm .tools_font_s:nth-child(4){margin-right: 0;} .tools_btm_right_btm .tools_title{text-align: center;} .tools_font_s{display: inline-block;width: 40px;margin-right: 57px;} .tools_btm_position_row .tools_font_s:nth-child(4){margin-right: 0;} /* .tools_font_s:first-child{margin-left: 0;} */ .tools_font_box{position: relative;} .tools_font_box .tools_font_box_cnt{width: 100%;height: 40px;border: 1px solid #c2c1c1;box-sizing: border-box;cursor: pointer;border-radius: 5px;} .tools_font_box .tools_font_box_cnt.bold_box{background: url(../images/font_bold.png)no-repeat center center;user-select: none;} .tools_font_box .tools_font_box_cnt.align_box{background: url(../images/font_align.png)no-repeat center center;user-select: none;} .tools_font_box .tools_font_box_cnt.filp_box{background: url(../images/filp_icon.png)no-repeat center center;user-select: none;} .tools_font_box .tools_font_box_cnt.layer_box{background: url(../images/layer_icon.png)no-repeat center center;user-select: none;} .tools_font_box .tools_font_box_cnt.delete_box{background: url(../images/delete_icon.png)no-repeat center center;user-select: none;} .tools_font_box .tools_font_box_cnt.block_tools{cursor: not-allowed;} .tools_font_setion{display: none;position: absolute;top: 50px;left: 20%;background: #fff;border: 1px solid #bebebe;box-shadow: 0 2px 5px rgba(0,0,0,.5);padding: 10px;z-index: 1;} .tools_font_setion .tools_font_setion_row{cursor: pointer;white-space: nowrap;height: 22px;line-height: 22px;padding: 5px 10px;font-size: 16px;} .tools_font_setion .tools_font_setion_row:hover{background: #f5f5f5;} .tools_font_setion .tools_font_setion_row.cur{background: #337ab7;color: #fff;} .tools_font_setion .tools_font_setion_row i {display: inline-block;width: 22px;height: 100%;vertical-align: top;border: 1px solid #c0c0c0;box-sizing: border-box;} .tools_font_setion.alert_cur{display: block;} .font_bold i{background: url(../images/font_bold.png)no-repeat center center;background-size: 10px;} .font_italic i{background: url(../images/font_italic.png)no-repeat center center;background-size: 10px;} .font_underline i{background: url(../images/font_underline.png)no-repeat center center;background-size: 10px;} .font_overline i{background: url(../images/font_overline.png)no-repeat center center;background-size: 10px;} .font_line_through i{background: url(../images/font_line_through.png)no-repeat center center;background-size: 15px;} .font_bold.cur i{background: url(../images/font_bold_cur.png)no-repeat center center;} .font_italic.cur i{background: url(../images/font_italic_cur.png)no-repeat center center;} .font_underline.cur i{background: url(../images/font_underline_cur.png)no-repeat center center;} .font_overline.cur i{background: url(../images/font_overline_cur.png)no-repeat center center;} .font_line_through.cur i{background: url(../images/font_line_through_cur.png)no-repeat center center;} .font_left i{background: url(../images/font_left.png)no-repeat center center;} .font_right i{background: url(../images/font_right.png)no-repeat center center;} .font_center i{background: url(../images/font_center.png)no-repeat center center;} .font_justify i{background: url(../images/font_justify.png)no-repeat center center;} .font_left.cur i{background: url(../images/font_left_cur.png)no-repeat center center;} .font_right.cur i{background: url(../images/font_right_cur.png)no-repeat center center;} .font_center.cur i{background: url(../images/font_center_cur.png)no-repeat center center;} .font_justify.cur i{background: url(../images/font_justify_cur.png)no-repeat center center;} .position_hor i{background: url(../images/position_hor_icon.png)no-repeat center center;} .position_ver i{background: url(../images/position_ver_icon.png)no-repeat center center;} .zindex_front i{background: url(../images/zindex_front_icon.png)no-repeat center center;} .zindex_back i{background: url(../images/zindex_back_icon.png)no-repeat center center;} .zindex_forward i{background: url(../images/zindex_forward_icon.png)no-repeat center center;} .zindex_backward i{background: url(../images/zindex_backward_icon.png)no-repeat center center;} .tools_delete_this i{background: url(../images/t_delete_icon.png)no-repeat center center;} .tools_delete_not_this i{background: url(../images/t_delete_icon.png)no-repeat center center;} .tools_delete_all i{background: url(../images/t_delete_icon.png)no-repeat center center;} .flip_ver i{background: url(../images/tools_flip_align.png)no-repeat center center;} .flip_hor i{background: url(../images/tools_flip_align.png)no-repeat center center;} .tools_custom_cur_zindex{position: absolute;display: none;} .tools_custom_cur_zindex .tools_font_setion{display: block;position: static;} .tools_custom_cur_zindex.cur{display: inline-block;} .tools_color_box{position: relative;} .tools_color_cnt{width: 40px;height: 40px;border: 1px solid #c2c1c1;border-radius: 5px;box-sizing: border-box;cursor: pointer;text-align: center;} .tools_color_cnt.block_tools{cursor: not-allowed;} .tools_color_cnt.font_color_box:hover{background: #eee;} .tools_color_cnt_block{display: block;width: 23px;height: 18px;margin: 9px auto 0;border: 1px solid #222;vertical-align: middle;background: #fff;} .font_outline_box .tools_color_cnt_block{background: url(../images/outline_none.png)no-repeat center center;} .tools_color_cnt.font_outline_box{border: 1px solid transparent;} .tools_color_setion{display: none;position: absolute;padding: 10px;background: #ececec;border: 1px solid #f0c49B;width: 220px;z-index: 1;} .tools_color_setion.alert_cur{display: block;} .tools_color_setion_row{float: left;width: 16px;height: 16px;margin: 2px 1px;border: 1px solid #d0d0d0;cursor: pointer;} .tools_color_setion_row.outline_trans{background: url(../images/outline_none.png)no-repeat center center;background-size: 100%;} .tools_color_setion:before, .tools_color_setion:after{content: '';display: table;clear: both;} .tools_fr_ba{float: right;} .tools_fr_ba a{display: inline-block;margin-top: 20px;margin-left: 7px;padding: 0 14px;line-height: 34px;background: #9b9a9a;font-family: rm;font-size: 14px;color: #fff;text-decoration: none;border-radius: 5px;} .tools_fr_ba a.cur{background: #337ab7;} .tools_fr_ba a.not{cursor: not-allowed;} .custom_wristband_keychain .custom_wristband_row{vertical-align: middle;} .custom_wristband .custom_wristband_cnt{vertical-align: top;} .tools_fr_ba_clone{display: inline-block;float: none;vertical-align: middle;margin-left: 1%;margin-top: -27px;} .tools_fr_ba_clone a{margin-top: 0;} .tools_icon_cate{position: relative;float: left;width: 55.7%;} .tools_icon_cate .icon_cate_title{line-height: 20px;padding: 6px 25px 6px 12px;background: url(../images/select_arrow_white.png)no-repeat right 10px center #337ab7;font-size: 14px;font-family: rm;color: #fff;cursor: pointer;border-radius: 3px;} .tools_icon_cate .icon_cate_select{display: none;position: absolute;width: 100%;padding: 5px 0;background: #fff;z-index: 10;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 3px;margin-top: 5px;} .tools_icon_cate .icon_cate_select.alert_cur{display: block;} .tools_icon_cate .icon_cate_search{padding: 5px;} .tools_icon_cate .icon_cate_search input{width: 100%;border: 1px solid #c0c0c0;padding: 5px;box-sizing: border-box;border-radius: 3px;} .tools_icon_cate .icon_cate_row{padding-top: 9px;border-top: 1px solid #e5e5e5;} .tools_icon_cate .icon_cate_row_name{padding: 3px 20px;line-height: 20px;font-size: 12px;color: #777;} .tools_icon_cate .icon_cate_option{display: none;padding: 10px 30px;line-height: 20px;font-size: 14px;box-sizing: border-box;} .tools_icon_cate .icon_cate_option:hover{background: #f5f5f5;cursor: pointer} .tools_icon_cate .icon_cate_option.cur{background: #337ab7;color: #fff;} .tools_icon_cate .icon_cate_option.active-result{display: block;} .tools_icon_cate .icon_cate_option.hide{display: none!important;} .tools_icon_cate .icon_cate_option.icon_cate_option_default{display: block!important;} .tools_icon_search{float: right;width: 39.2%;height: 34px;line-height: 34px;} .tools_icon_search .tools_icon_search_txt{float: left;width: 70%;height: 100%;line-height: 34px;box-sizing: border-box;border: 1px solid #c1c1c1;border-right: 0;} .tools_icon_search .tools_icon_search_txt input{width: 100%;height: 100%;border: 0px;font-size: 14px;text-indent: 8px;font-family: rm;} .tools_icon_search .tools_icon_search_txt input::-webkit-input-placeholder {color:#c1c1c1;} .tools_icon_search .tools_icon_search_txt input:-moz-placeholder {color:#c1c1c1;} .tools_icon_search .tools_icon_search_txt input::-moz-placeholder {color:#c1c1c1;} .tools_icon_search .tools_icon_search_txt input:-ms-input-placeholder {color:#c1c1c1;} .tools_icon_search .tools_icon_search_btn{float: left;width: 14%;height: 100%;background: url(../images/search_icon_white.png)no-repeat center center #327ab7;cursor: pointer;} .tools_icon_search .tools_icon_search_clean{float: left;width: 14%;height: 100%;background: url(../images/close_icon_white.png)no-repeat center center #d9524e;cursor: pointer;} .tools_icon_content{padding: 20px;box-sizing: border-box;max-height: 280px;overflow: auto;width: 97%;border-bottom: 0;border-radius: 3px;} .tools_icon_content .tools_icon_box{float: left;width: 21.5%;border: 1px solid #ddd;border-radius: 10px;overflow: hidden;margin-right: 3.8%;margin-bottom: 20px;cursor: pointer;} .tools_icon_content .tools_icon_box:nth-child(4n){margin-right: 0;} .tools_icon_none{background-color: #fcf8e3;border-color: #faebcc;padding: 20px;color: #8a6d3b;font-size: 16px;} .toos_icon_other{padding: 15px 0;background: #f5f5f5;border-top: 1px solid #ddd;} .toos_icon_other .tools_font_s{float: right;margin-right: 20px;} .toos_icon_other .tools_font_s .tools_title{text-align: center;} .tools_icon_btm{margin-top: 9px;border: 1px solid #ddd;} .toos_icon_other .tools_color_cnt{background: #fff;} .custom_wristband .custom_wristband_cnt .custom_obj .custom_obj_cnt .svg_img{width: 100%;height: 100%;position: relative;} .custom_wristband .custom_wristband_cnt .custom_obj .custom_obj_cnt .add_img{width: 100%;height: 100%;position: relative;} .custom_wristband .custom_wristband_cnt .custom_obj .custom_obj_cnt .svg_img img{left: 50%;top: 50%;bottom: auto;right: auto;} .custom_wristband .custom_wristband_cnt .custom_obj .custom_obj_cnt .svg_img svg{width: auto;height: auto;} .custom_obj[type=custom_img] .custom_obj_cnt{width: 20px;height: 20px;} .tools_btm_icon .tools_color_cnt_block{background: url(../images/outline_none.png)no-repeat center center;} .tools_upload_title{line-height: 32px;color: #445461;font-size: 16px;font-family: rb;} .tools_btm_upload{} .tools_btm_upload .tools_btm_upload_left{float: left;width: 39.45%;} .tools_btm_upload .tools_btm_upload_left .upload_left_btn{display: inline-block;height: 34px;line-height: 34px;background: url(../images/upload_btn_icon.png) no-repeat left 10px center #337ab7;margin-bottom: 13px;padding: 0 10px 0 35px;color: #fff;font-size: 14px;text-decoration: none;border-radius: 3px;} .tools_btm_upload .tools_btm_upload_left .tools_upload_brief{} .tools_btm_upload .tools_btm_upload_left .tools_upload_brief ul {padding-left: 40px;} .tools_btm_upload .tools_btm_upload_left .tools_upload_brief ul li{line-height: 23px;font-family: rl;font-size: 16px;color: #445461;list-style-type: disc;word-break: break-all;} .tools_btm_upload .tools_btm_upload_right{float: right;width: 54%;} .tools_btm_upload .tools_btm_upload_right .upload_rigtht_content{height: 250px;padding: 15px;background: #f5f5f5;border:1px solid #ddd;overflow: auto;} .tools_btm_upload .tools_btm_upload_right .upload_rigtht_content .upload_rigtht_box{position: relative;float: left;width: 24.9%;margin: 0 15px 15px 0;background: #fff;border: 1px solid #ddd;border-radius: 10px;} .tools_btm_upload .tools_btm_upload_right .upload_rigtht_content .upload_rigtht_box.default{display: none;} .tools_btm_upload .tools_btm_upload_right .upload_rigtht_content .upload_rigtht_box .img{padding-top: 136%;} .tools_btm_upload .tools_btm_upload_right .upload_rigtht_content .upload_rigtht_box .img img{max-width: 85%;} .tools_btm_upload .tools_btm_upload_right .upload_rigtht_content .upload_rigtht_box .img .theme_img{margin-top: -136%;} .tools_btm_upload .tools_btm_upload_right .upload_rigtht_content .upload_rigtht_box .imgDesc{position: absolute;top: 50%;left: 0;right: 0;width: 85%;height: 85%;background: rgba(200, 199, 199, 0.72);transform: translate(0,-50%);opacity: 0;margin: 0 auto;cursor: pointer;} .tools_btm_upload .tools_btm_upload_right .upload_rigtht_content .upload_rigtht_box .img_table{display: table;width: 100%;height: 100%;} .tools_btm_upload .tools_btm_upload_right .upload_rigtht_content .upload_rigtht_box .imgDesc .imgCell{display: table-cell;vertical-align: middle;font-size: 16px;color: #333;font-family: rb;} .tools_btm_upload .tools_btm_upload_right .upload_rigtht_content .upload_rigtht_box:hover .imgDesc{opacity: 1;} .tools_upload_input{display: none;} .custom_postion_tools .tools_top .tools_btn{width: 102px;} .tools_btm_position{} .tools_btm_position .tools_btm_position_left{float: left;width: 42%;} .position_control{float: left;width: 120px;height: 120px;background: url(../images/control_bg.png)no-repeat center center;margin-top: 33px;margin-left: 10px;} .position_control .position_control_cnt{padding: 23px;} .position_control .position_control_cnt .position_control_row{} .position_control .position_control_cnt .position_control_row_box{position: relative;width: 22px;height: 23px;cursor: pointer;} .position_control .position_control_cnt .position_control_row_box>div{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .control_top{margin: 0 auto;border: 1px solid #c2c1c1;border-bottom: 0;} .control_top .arrow_top{width:0;height:0;border-right:10px solid transparent!important;border-left:10px solid transparent!important;border-bottom:10px solid #c2c1c1;} .control_left{float: left;border: 1px solid #c2c1c1;border-right: 0;} .control_left .arrow_left{width:0;height:0;border-right: 10px solid #c2c1c1;border-bottom: 10px solid transparent!important;border-top: 10px solid transparent!important;} .control_right{float: right;border: 1px solid #c2c1c1;border-left: 0;} .control_right .arrow_right{width:0;height:0;border-left: 10px solid #c2c1c1;border-bottom: 10px solid transparent!important;border-top: 10px solid transparent!important;} .control_btm{margin: 0 auto;border: 1px solid #c2c1c1;border-top: 0;} .control_btm .arrow_btm{width:0;height:0;border-right:10px solid transparent!important;border-left:10px solid transparent!important;border-top: 10px solid #c2c1c1;} .position_control .position_control_cnt .position_control_row_box:hover>div{border-color: #286090;} .position_title{font-family: rb;font-size: 16px;color: #445461;text-align: center;} .position_control_data_row{margin-bottom: 7px;} .position_control_data{float: right;width: 60px;} .position_data_box{margin-top: 7px;text-align: center;} .position_data_box input{width: 50px;height: 25px;line-height: 25px;border-radius: 3px;border: 1px solid #c2c1c1;text-align: center;} .tools_btm_position .tools_btm_position_right{float: right;width: 42%;} .tools_btm_position_row{margin-bottom: 10px;} .custom_obj.mirrorRotateLevel .custom_obj_cnt{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);} .custom_obj.mirrorRotateVertical .custom_obj_cnt{-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);} .custom_obj.mirrorRotateLevel.mirrorRotateVertical .custom_obj_cnt{-moz-transform:scaleX(-1) scaleY(-1);-webkit-transform:scaleX(-1) scaleY(-1);-o-transform:scaleX(-1) scaleY(-1);transform:scaleX(-1) scaleY(-1);} .custom_color_list_t{display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;z-index: 100001;background: #fff;padding: 25px;} .custom_color_search{display: inline-block;height: 33px;border: 1px solid #c9c9c9;padding-right: 20px;margin-right: 34px;} .custom_color_search form{height: 100%;} .custom_color_search input[type=text]{height: 100%;border: 0;text-indent: 10px;} .custom_color_search input[type=submit]{width: 14px;height: 100%;background: url(../images/color_search.png) no-repeat center center;border: 0;vertical-align: top;cursor: pointer;} .custom_color_list_t .custom_color_list_btn_box{display: inline-block;vertical-align: top;} .custom_color_list_t .custom_color_list_btn{float: right;white-space: nowrap;} .custom_color_list_t .color_list_btn{display: inline-block;color: #fff;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding-left: 30px;} .custom_color_list_t .close_exit{background: url(../images/color_btn_close.png)no-repeat left 8px center;background-color: #d9534f;border-color: #d43f3a;} .custom_color_list_t .close_save_exit{display: none;background: url(../images/color_btn_save.png)no-repeat left 8px center;background-color: #286090;border-color: #204d74;} .custom_color_list_t .close_save_exit.cur{display: block;} .custom_color_list_t .custom_color_list_cnt{max-height: 90%;overflow: auto;margin-top: 20px;} .custom_color_list_t .custom_color_list_cnt .custom_color_list_box{float: left;width: 100px;padding: 5px;margin: 4px;border: 1px dashed #000;cursor: pointer;} .custom_color_list_t .custom_color_list_cnt .custom_color_list_box.cur{border: 1px solid #000;} .custom_color_list_t .custom_color_list_name{height: 40px;line-height: 20px;font-size: 14px;color: #455560;text-align: center;} .custom_color_list_t.cur{display: block;} .custom_color_list_box .customize_color_block .img{padding-top: 100%;} .custom_color_list_box .customize_color_block .img .theme_img{margin-top: -100%;} .custom_color_list_title{font-size: 28px;color: #455560;} .tools_btm_layer_txt{float: left;font-family: rl;font-size: 14px;color: #445461;} .tools_btm_layer_btn{float: right;} .tools_btm_layer_btn a{display: inline-block;width: 12px;height: 12px;margin-right: 15px;} .tools_btm_layer_btn .layer_block_all{background: url(../images/layer_block_icon.png)no-repeat center center;} .tools_btm_layer_btn .layer_del_all{background: url(../images/layer_del_icon.png)no-repeat center center;} .tools_btm_layer_btm{margin-top: 8px;border: 1px solid #dddede;} .tools_btm_layer_btm li{border-bottom: 1px solid #dddede;} .tools_btm_layer_btm li:last-child{border-bottom: 0;} .tools_btm_layer_row{height: 35px;padding: 7px 10px;cursor: pointer;} .tools_btm_layer_row:hover,.tools_btm_layer_row.cur{background: #f5f5f6;} .tools_btm_layer_row .layer_check{float: left;margin-top: 10px;} .tools_btm_layer_row .layer_check input{border: 1px solid #a0a4a6;} .tools_btm_layer_row .layer_type{float: left;width: 34px;height: 100%;line-height: 35px;text-align: center;margin-left: 12px;margin-right: 5px;} .tools_btm_layer_row .layer_type .layer_type_cnt{font-size: 20px;color: #fff;font-weight: bold;} .tools_btm_layer_row.text_bg .layer_type .layer_type_cnt{background: #8f8f8f;} .tools_btm_layer_row .layer_cnt{float: left;width: calc(100% - 150px);height: 100%;overflow: hidden;} .tools_btm_layer_row .layer_cnt .layer_table{display: table;height: 100%;} .tools_btm_layer_row .layer_cnt .layer_table .layer_cell{display: table-cell;vertical-align: middle;} .tools_btm_layer_row .layer_cnt .layer_title{font-size: 16px;font-weight: bold;color: #445461;} .tools_btm_layer_row .layer_cnt .layer_txt{font-size: 14px;font-family: rl;} .tools_btm_layer_row .layer_control{float: right;margin-top: 10px;} .tools_btm_layer_row .layer_control a{display: inline-block;width: 14px;height: 14px;} .tools_btm_layer_row .layer_control a.layer_view{background: url(../images/view_icon.png)no-repeat center center;margin-right: 4px;} .tools_btm_layer_row .layer_control a.layer_view.none{background: url(../images/view_icon_cur.png)no-repeat center center;} .tools_btm_layer_row .layer_control a.layer_block{display: none;background: url(../images/layer_block_icon.png)no-repeat center center;margin-right: 15px;} .tools_btm_layer_row .layer_control a.layer_block.cur{display: inline-block;} li.placeHolder{ background-color:white !important;} .delivery_country{width: 40%;margin: 0 auto;padding: 34px 0 51px;} .delivery_country .delivery_country_title{line-height: 30px;font-size: 16px;color: #455560;} .delivery_country_data{} .delivery_country_data .delivery_country_data_box{width: 174px;border: 1px solid #ccc;display: inline-block;margin-right: 25px;margin-bottom: 25px;cursor: pointer;} .delivery_country_data .delivery_country_data_top{padding-top: 15px;padding-bottom: 15px;line-height: 25px;text-align: center;font-size: 16px;color: #666;background: #f5f5f5;border-bottom: 1px solid #ccc;} .delivery_country_data .delivery_country_data_btm{padding: 25px 0;text-align: center;height: 20px;line-height: 20px;font-size: 16px;color: #707070;overflow: hidden;} .delivery_country_data .delivery_country_data_box.cur{border: 1px solid #337ab7;} .delivery_country_data .delivery_country_data_box.cur .delivery_country_data_top{background: #337ab7;border-bottom: 1px solid #337ab7;color: #fff;} .additem_cnt{width: 48.6%;margin: 70px auto 0;} .additem_cnt .additem_min{margin-bottom: 20px;line-height: 52px;background: #f2dede;border: 1px solid #ebccd1;color: #a94442;font-family: rl;font-size: 16px;text-align: center;border-radius: 3px;} .additem_cnt .additem_title{text-align: center;font-family: rl;font-size: 16px;color: #455560;} .additem_cnt .additem_price{margin: 10px 0;font-family: rb;color: #ff9c00;font-size: 40px;text-align: center;} .additem_cnt .additem_btn{margin: 10px 0;} .additem_cnt .additem_btn a{display: block;background: #ff9c00;line-height: 41px;font-size: 24px;color: #fff;text-align: center;text-decoration: none;border-radius: 30px;} .additem_cnt .additem_btn a.SoldOut_btn{background: #8f8f8f;cursor: no-drop;} .additem_cnt .additem_payicon{margin-top: 33px;text-align: center;} .new_review_list .retit{width: 110px;padding-left: 35px;} .new_review_list .remsg .retitle{margin-bottom: 15px;line-height: 23px;font-family: rm;font-size: 20px;color: #000;} .new_review_list .remsg .msg{padding-bottom: 15px;line-height: 25px;font-family: rl;font-size: 16px;color: #333;} .re_rating{margin-bottom: 20px;} .re_rating .re_rating_num{display: inline-block;margin-right: 5px;font-family: rm;color: #426cb4;font-size: 20px;vertical-align: middle;} .re_rating .review_star{vertical-align: super;} .re_rating .review_star span{vertical-align: middle;} .re_other{font-family: rm;font-size: 14px;} .re_other .re_name{min-width: 60px;margin-right: 10px;color: #000;} .re_other .re_time{color: #666;} .customize_review{margin-top: 130px;} .customize_review .customize_review_title{line-height: 40px;font-family: rm;font-size: 24px;color: #0372bf;border-bottom: 1px solid #ccc;} .new_review_list{border-bottom: 1px solid #eee;} #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;} .attr_property{color: #999;} .attr_property .attr_property_row{} .cost_box_fixed{position: fixed;top: 20%;right: 5%;} .cost_box{position: relative;width: 192px;background: #181818;padding: 10px;margin-bottom: 10px;} .cost_box .cost_close{position: absolute;top: 7px;right: 10px;color: #fff;font-size: 20px;cursor: pointer;} .cost_box .cost_t{font-family: rc;color: #1ad045;font-size: 16px;} .cost_box .cost_row_c{padding: 10px 0;border-bottom: 1px solid #d1d1d1;color: #fff;} .cost_box .cost_row_c .cost_row{line-height: 20px;} .cost_box .cost_row_c .cost_row .cost_bt{font-family: rc;font-size: 14px;width: 65%;display: inline-block;vertical-align: middle;} .cost_box .cost_row_c .cost_row .cost_price{display: inline-block;width: 30%;vertical-align: middle;} .cost_box .cost_row_c:nth-child(3){border-bottom: 0;} .contact_cnt{display: inline-block;width: 46.18%;margin-right: 7%;vertical-align: top;} .contact_cnt:nth-child(2){margin-right: 0;} .contact_faq_title{margin-bottom: 21px;font-family: rc;font-size: 24px;color: #333;} .contact_faq_brief{line-height: 31px;font-size: 16px;color: #555;font-family: rl;cursor: pointer;} .contact_faq_brief:hover,.contact_faq_row.cur .contact_faq_brief{color: #107dc5;} .contact_faq_brtitle{font-family: rc;font-size: 20px;color: #0372bf;} .contact_faq_brief1{padding: 20px;background: #f9f9f9;box-sizing: border-box;font-size: 15px;color: #555;font-family: rl;} .contact_faq_cnt{height: 0;overflow: hidden;} .contact_faq_content{margin: 13px 0 38px;} .easy_clipart_icon{display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;z-index: 100001;background: #fff;padding: 25px;height: 80%;overflow: auto;text-align: right;} .easy_clipart_icon.cur{display: block;} .easy_clipart_icon .close_exit{display: inline-block;margin-bottom: 15px;color: #fff;text-align: center;vertical-align: middle;cursor: pointer;background: url(../images/color_btn_close.png)no-repeat left 8px center;background-color: #d9534f;border-color: #d43f3a;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding-left: 30px;} .easy_clipart_icon .easy_clipart_icon_cnt{max-height: 87%;text-align: left;overflow: auto;} .easy_clipart_icon .tools_icon_box{width: 3%;float: left;margin: 5px;cursor: pointer;} @media screen and (max-width: 1460px){ .tools_font_s{margin-right: 40px;} .tools_btm_position .tools_btm_position_left{width: 46%;} .tools_btm_position .tools_btm_position_right{width: 46%;} } @media screen and (max-width: 1260px){ .customize_attachment .customize_attachment_box{width: 22%;} .customize_attachment .customize_attachment_box:nth-child(5n){margin-right: 2%;} .all_custom .customize_cnt_attachment_new .customize_attachment_box,.all_custom .customize_cnt_attachment_new .customize_attachment_box:nth-child(5n){margin-right: 4%!important;} .all_custom .customize_cnt_attachment_new .customize_attachment_box:nth-child(4n){margin-right: 0%!important;} .lany_easy_left{width: calc(100% - 708px - 3%);} .lany_easy_preview_right{width: 708px;} .lany_easy_preview .lany_easy_preview_cnt{padding: 120px 40px;} .lany_easy_preview .lany_easy_preview_sided_keychain{height: 162px;left: -27px;bottom: -67px;} .select_box .select_title{background-position: right 5px center;} .tools_btm_position .tools_btm_position_left{width: 55%;} .tools_btm_position .tools_btm_position_right{width: 100%;} .tools_font_s{margin-right: 20px;} .tools_btm_position_row .tools_font_s{margin-right: 13%;} .tools_btm_position .tools_btm_position_left{width: 75%;} .lany_easy_preview .lany_easy_preview_top,.lany_easy_preview .lany_easy_preview_btm{padding-left: 80px;} /*.customize_desc .customize_desc_title_cnt .customize_desc_title{width: 24%;}*/ } @media screen and (max-width: 1060px){ .contact_cnt{width: 100%;margin-right: 0;margin-bottom: 20px;} .wholesale_table{width: 100%;} /*.customize_desc .customize_desc_title_cnt .customize_desc_title{width: 33%;}*/ .customize_style .customize_style_cnt{width: 32%;margin-right: 1%;} .customize_style .customize_style_cnt:nth-child(3n){margin-right: 0;} .lany_easy_left{width: 100%;} .lany_easy_preview_right{width: 100%;} .lany_easy_preview .lany_easy_preview_cnt{padding: 50px 22px;min-height: auto;} .lany_easy_preview .lany_easy_preview_sided_keychain{display: none;} .lany_easy_preview .lany_easy_preview_keychain .preview_sided_tips{position: static;width: 100%;line-height: 35px;font-size: 16px;transform: none;} .lany_easy_preview .lany_easy_preview_keychain .lany_easy_preview_sided_cnt{height: auto;margin-bottom: 50px;} .tools_fr_ba a{padding: 0 8px;} .tools_top .tools_btn{width: 60px;} .tools_fonts{width: 100%;} .tools_fonts_size{width: 100%;} .tools_btm_position .tools_btm_position_left{width: 100%;} .position_control_data{float: left;margin-left: 25px;} .tools_btm_position_row .tools_font_s{margin-right: 11%;} .tools_btm_text_cnt{width: 100%;} .tools_btm_right_cnt{width: 100%;} .tools_icon_cate{width: 100%;margin-bottom: 9px;} .tools_icon_search{width: 100%;} .tools_icon_search .tools_icon_search_txt{width: 72%;} .tools_btm_upload .tools_btm_upload_left{width: 100%;float: none;} .tools_btm_upload .tools_btm_upload_right{width: 100%;float: none;} .custom_wristband .lany_easy_preview_sided_keychain{display: none;} .new_style_page .custom_wristband.custom_wristband_keychain{padding: 0 8vw;} .new_style_page .custom_wristband_keychain .lany_easy_preview_sided_keychain{display: block;height: 23.5vw;left: -10vw;top:36%;} .delivery_country_data .delivery_country_data_box{width: 23%;margin-right: 1%;} } @media screen and (max-width: 768px){ .easy_clipart_icon .tools_icon_box{width: 11%;} .lany_easy_preview .lany_easy_preview_keychain .easy_keychain_poin{width: 3vw;height: 3vw;} .lany_easy_preview .lany_easy_preview_keychain .remove_point .easy_keychain_poin{display: block;} .contact_faq_title{margin-bottom: 3vw;font-size: 5vw;} .contact_faq_brief{line-height: 8vw;font-size: 3.5vw;} .contact_faq_brtitle{font-size: 5vw;} .contact_faq_brief1{padding: 4vw;font-size: 2.8vw;} .contact_faq_content{margin: 3vw 0;} .cost_box_fixed{display: none;} .customize_desc_mtitle{display: block;background: #0372bf;margin-bottom: 3vw;padding-left: 3vw;line-height: 10vw;font-size: 3vw;color: #fff;cursor: pointer;} .customize_desc_mtitle.cur{background: #f97147;} .customize_desc_content_cnt {} .customize_page .customize_btitle{font-size: 5vw;} .customize_star{margin-top: 2vw;} .customize_star .star_total{margin-left: 1vw;font-size: 2.8vw;} .customize_desc .customize_desc_title_cnt{margin-bottom: 0;} .customize_desc .customize_desc_title_cnt .customize_desc_title{width: 100%;background: #0372bf;margin-bottom: 3vw;padding-left: 3vw;height: 10vw;line-height: 10vw;font-size: 3.8vw;color: #fff;cursor: pointer;box-sizing: border-box;} .daily_deal_box{margin: 3vw 0;} .customize_desc .customize_desc_content{display: block;height: 0;overflow: hidden;} .customize_cnt{margin-top: 8vw;} .customize_cnt.customize_cnt_color{margin-top: 11vw;} .customize_style .customize_style_cnt{display: inline-block;width: calc(49% - 3px);margin-right: 1%;margin-bottom: 3vw;padding-bottom: 1vw;} .customize_style .customize_style_cnt:nth-child(3n){margin-right: 1%;} .customize_style .customize_style_cnt:nth-child(2n){margin-right: 0;} .customize_style .customize_style_cnt .customize_style_img{margin-bottom: 1vw;} .customize_style .customize_style_cnt .customize_style_title{height: 5vw;line-height: 5vw;font-size: 3.2vw;margin-top: 1vw;} .customize_title_cnt{padding-left: 3vw;line-height: 10vw;} .customize_title_cnt .customize_step{font-size: 4vw;} .customize_title_cnt .customize_title{font-size: 3.4vw;} .customize_size_content{width: 100%;margin-right: 0;float: none;margin-top: 2vw;} .customize_size_content:first-child{margin-top: 0;} .customize_checked.cur{width: 4vw;height: 4vw;background-size: 100%;} .check_btn_box .check_btn{width: 4vw;height: 4vw;} .check_btn_box .check_btn:after{width: 3vw;height: 3vw;} .customize_size{margin: 3vw 0;} .alert_cbox{width: 90vw;left: -35vw;top: 30px;transform: none;} .alert_cbox .alert_btitle{margin-bottom: 1vw;padding: 0 2vw;font-size: 3.2vw;line-height: 6vw;} .customize_size_content .customize_size_title{line-height: 6vw;font-size: 3.2vw;} .alert_cbox .alert_box .alert_title{font-size: 3.6vw;line-height: 7vw;} .alert_cbox .alert_box .alert_brief{font-size: 3.2vw;} .select_box .select_title{line-height: 10vw;height: 10vw;font-size: 4vw;text-indent: 2vw;} .select_box .select_option_box{top: 10vw;} .select_box .select_option_box .select_option{line-height: 7vw;font-size: 3.2vw;padding: 0 2vw;} .form_select_font .font_select .font_select_title{line-height: 10vw;height: 10vw;font-size: 4vw;text-indent: 2vw;} .form_select_font .font_select .font_select_option{top: 10vw;} .customize_size_content .customize_size_title .size_i{width: 4vw;height: 4vw;background-size: 100%;} .size_i:hover .alert_cbox{display: none;} .size_i.cur .alert_cbox{display: block;} .alert_cbox:before,.alert_cbox:after{display: none;} .alert_cbox .alert_box{margin-bottom: 2vw;padding: 0 2vw;} .custom_color_list_t{box-sizing: border-box;padding: 2vw;} .custom_color_list_t .custom_color_list_cnt .custom_color_list_box{width: 20.93vw;padding: 1vw;margin: 1vw;} .custom_color_list_t .custom_color_list_name{height: 10vw;line-height: 5vw;font-size: 3vw;overflow: hidden;} .customize_color{margin-top: 5vw;} .customize_color_cnt{margin-left: -3.5vw;} .customize_color_box{width: 20.33vw;height: 36vw;margin-right: 0;margin-bottom: 3vw;margin-left: 3.5vw;padding: 2vw;} .customize_color_box .img_box{height: 13vw;} .customize_color_box_more{padding-top: 30.7vw;} .customize_color_box_cnt{margin-top: -30.7vw;} .customize_color_box_more .customize_color_box_more_icon{width: 10vw;height: 10vw;margin-top: 6vw;background-size: 100%;} .customize_color_box_more .customize_color_box_more_title{font-size: 3.2vw;} .customize_color_name{height: 10vw;line-height: 5vw;font-size: 3vw;} .customize_color_price{line-height: 5vw;height: 5vw;font-size: 3vw;} .custom_color_list_title{line-height: 8vw;font-size: 4.2vw;} .custom_color_list_t .color_list_btn{line-height: 6vw;font-size: 3.2vw;padding: 1vw 2vw;padding-left: 30px;} .custom_color_list_t .custom_color_list_cnt{margin-top: 5vw;max-height: calc(100% - 24vw);} .customize_attachment{margin-top: 5vw;} .customize_attachment .customize_attachment_box{width: 46%;margin-right: 3%;margin-bottom: 3vw;padding-bottom: 1vw;} .customize_attachment .customize_attachment_box:nth-child(5n){margin-right: 3%;} .customize_attachment .customize_attachment_box:nth-child(2n){margin-right: 3%;} .all_custom .customize_cnt_attachment_new .customize_attachment_box,.all_custom .customize_cnt_attachment_new .customize_attachment_box:nth-child(5n),.all_custom .customize_cnt_attachment_new .customize_attachment_box:nth-child(4n){margin-right: 8%!important;} .all_custom .customize_cnt_attachment_new .customize_attachment_box:nth-child(2n){margin-right: 0%!important;} .customize_attachment .customize_attachment_name{font-size: 2.8vw;line-height: 5vw;height: 10vw;margin-top: 2vw;} .customize_attachment .customize_attachment_price{line-height: 5vw;height: 5vw;font-size: 3.2vw;} .lany_btitle{margin: 5vw 0;font-size: 3.2vw;} .lany_select_cnt .lany_select{width: 44vw;line-height: 10vw;height: 10vw;margin-right: 1vw;font-size: 3.2vw;} .lany_select_cnt .lany_select .select_icon{max-width: 4vw;} .lany_select_cnt{margin-bottom: 5vw;} .lany_easy_left{width: 100%;} .lany_easy_preview_right{width: 100%;margin-top: 8vw;} .lany_option_row .lany_option_title{line-height: 6vw;height: 6vw;font-size: 3.2vw;} .lany_option_row{margin-bottom: 3vw;} .form_input{line-height: 10vw;height: 10vw;padding: 1vw 2vw;} .form_text textarea{height: 20vw;padding: 1vw 2vw;} .lany_easy_preview .lany_easy_preview_cnt{padding: 10vw 5vw;} .lany_easy_preview .lany_easy_preview_keychain .lany_easy_preview_sided{font-size: 4vw;width: 100%;box-sizing: border-box;padding: 0 5vw 0 10vw;} .lany_easy_preview .lany_easy_preview_keychain .lany_easy_preview_sided_cnt{margin-bottom: 7vw;line-height: 10vw;} .lany_easy_preview .lany_easy_preview_title{line-height: 10vw;height: 10vw;font-size: 4vw;} .lany_easy_preview .lany_easy_preview_keychain .preview_sided_tips{font-size: 3.2vw;} .lany_easy_preview_brief_box .lany_easy_preview_brief{width: 100%;margin: 5vw auto;font-size: 3.2vw;} .lany_easy_preview_brief_box .lany_easy_preview_brief1{font-size: 3.2vw;} .wholesale_table .wholesale_tr .wholesale_td{line-height: 13vw;font-size: 3.2vw;} .whole_tap{font-size: 2.4vw;line-height: 5vw;padding: 0 2vw;} .wholesale_table .wholesale_btn{width: 4vw;height: 4vw;margin-right: 1vw;} .wholesale_table .w_input{width: calc(100% - 8vw - 2px);height: 6vw;font-size: 3.2vw;} .custom_style_tools{width: 100%;float: none;} .custom_tips{width: 100%;font-size: 3.2vw;line-height: 6vw;margin-top: 4vw;} .custom_tips2{line-height: 6vw;margin-top: 2vw;font-size: 3.2vw;} .tools_btm_cnt{padding: 3vw;} .custom_postion_tools{width: 100%;float: none;margin-top: 5vw;} .custom_wristband{height: auto;padding-bottom: 5vw;} .custom_wristband .custom_wristband_tips{position: static;transform: none;width: 100%;font-size: 3.2vw;margin-bottom: 2vw;} .custom_wristband .custom_wristband_row{width: 100%;margin-bottom: 5vw;} .copy_back{margin-top: 0;} .copy_back .copy_btn{font-size: 3.2vw;} .custom_tools_content{margin-top: 5vw;padding-bottom: 5vw;border-bottom: 0;} .tools_fr_ba_clone{margin-top: 3vw;} .tools_fr_ba{width: 100%;float: none;margin-bottom: 3vw;} .tools_fr_ba a{width: 47%;line-height: 10vw;padding: 0 1%;text-align: center;margin-top: 0;margin-bottom: 0;margin-left: 2%;font-size: 3.2vw;} .tools_fr_ba a:first-child{margin-left: 0;} .tools_top .tools_btn{width: 25vw;} .tools_btm_text_add a{line-height: 10vw;padding: 0 3vw;padding-left: 35px;font-size: 3.2vw;} .tools_title{line-height: 8vw;font-size: 3.2vw;} .font_select{font-size: 3.2vw;} .font_select .font_select_search_txt{height: 10vw;padding: 2vw;} .font_select .font_select_option .font_select_option_row{font-size: 3.2vw;padding: 1vw 5vw;} .font_select .font_select_title{height: 10vw;line-height: 10vw;padding: 0 3vw;} .tools_btm_right_btm{padding-top: 5vw;position: relative;} .tools_font_box{position: static;} .tools_color_box{position: static;} .toos_icon_other{position: relative;} .tools_font_setion{width: 82vw;left: 0;top: 28vw;} .tools_color_setion{width: 85vw;left: 0;top: 28vw;} .design_attr_row{width: 100%;margin: 11vw auto 0;} .tools_icon_content .tools_icon_box{width: 20vw;margin-bottom: 4vw;} .tools_icon_cate .icon_cate_option{padding: 2vw 4vw;line-height: 5vw;font-size: 3.2vw;} .tools_icon_cate .icon_cate_title{line-height: 5vw;font-size: 3.8vw;} .tools_icon_cate .icon_cate_row_name{padding: 1vw 3vw;line-height: 5vw;font-size: 3.2vw;} .tools_icon_none{padding: 3vw;font-size: 3.2vw;} .tools_icon_content{padding: 3vw;} .tools_upload_title{line-height: 8vw;font-size: 4vw;} .tools_btm_upload .tools_btm_upload_left .tools_upload_brief ul li{line-height: 6vw;font-size: 3.2vw;} .tools_btm_upload .tools_btm_upload_right .upload_rigtht_content .upload_rigtht_box .imgDesc .imgCell{font-size: 3.2vw;} .tools_btm_upload .tools_btm_upload_left .upload_left_btn{line-height: 10vw;height: 10vw;font-size: 3.8vw;margin-bottom: 3vw;} .tools_btm_upload .tools_btm_upload_right .upload_rigtht_content{height: 35vw;padding: 3vw;} .tools_btm_position .tools_btm_position_right{position: relative;} .tools_btm_position .tools_btm_position_right .tools_font_setion{top: 23vw;} .tools_font_setion .tools_font_setion_row{line-height: 8vw;height: 8vw;padding: 1vw 2vw;font-size: 3.8vw;} .scaling_row .scaling_check{vertical-align: middle;} .scaling_row .scaling_title{line-height: 6vw;font-size: 3.8vw;vertical-align: middle;} .position_title{font-size: 3.8vw;} .delivery_country{width: 100%;padding: 3vw 0 4vw;} .delivery_country_data .delivery_country_data_box{width: calc(49% - 3px);margin-right: 2%;margin-bottom: 3vw;} .delivery_country_data .delivery_country_data_box:nth-child(2n){margin-right: 0;} .delivery_country_data .delivery_country_data_top{padding: 3vw 0;line-height: 5vw;font-size: 3.2vw;} .delivery_country_data .delivery_country_data_btm{padding: 3vw 0;line-height: 5vw;height: 5vw;font-size: 3.2vw;} .additem_cnt{width: 100%;margin: 8vw auto 0;} .additem_cnt .additem_min{margin-bottom: 5vw;line-height: 8vw;font-size: 3.8vw;} .additem_cnt .additem_title{font-size: 3.8vw;} .additem_cnt .additem_price{margin: 2vw 0;font-size: 6vw;} .additem_cnt .additem_btn{margin: 2vw 0;} .additem_cnt .additem_btn a{line-height: 12vw;font-size: 5vw;} .additem_cnt .additem_payicon{margin-top: 5vw;} .customize_review{margin-top: 5vw;} .customize_review .customize_review_title{line-height: 10vw;font-size: 4vw;} #review_box{margin-top: 3vw;} .prod_write_review .review_main{padding: 4vw 1vw;} .prod_write_review .review_histogram{width: 100%;} .prod_write_review .review_histogram ul{width: 100%;} .prod_write_review .review_main_box{width: 100%;height: auto;margin-left: 0;padding-right: 0;border-right: 0;} .prod_write_review .histogram_list>li{height: 5vw;line-height: 5vw;margin-bottom: 5vw;font-size: 3.2vw;text-align: center;} .prod_write_review .histogram_list>li .name{text-align: left;} .prod_write_review .histogram_list>li .count{width: 15vw;text-align: left;} .prod_write_review .histogram_list>li .size_base{height: 5vw;} .prod_write_review .histogram_list>li .size_base .meter{height: 100%;} .prod_write_review .average_rating .top{line-height: 10vw;margin-bottom: 2vw;} .prod_write_review .average_rating .tit{font-size: 3.2vw;margin-right: 2vw;} .prod_write_review .average_rating strong{font-size: 6vw;line-height: 11vw;height: 11vw;} .prod_write_review .average_rating .sec_tit{font-size: 3.2vw;line-height: 6vw;} .prod_write_review .average_rating .write_review_btn{height: 12vw;line-height: 12vw;font-size: 4vw;box-sizing: border-box;background-position: 2vw center;} .prod_write_review .average_rating .review_star{margin-top: 3vw;margin-right: 2vw;} .lany_easy_preview .lany_easy_preview_top,.lany_easy_preview .lany_easy_preview_btm{margin-bottom: 8vw;padding-right: 5vw;padding-left: 10vw;font-size: 4vw;} .lany_easy_preview .lany_easy_preview_btm{/* width: 97%;margin-top: 0; */margin-bottom: 0;} /* .lany_easy_preview .lany_easy_preview_top .lany_easy_preview_tc{width: 47%;margin-right: 2vw;} */ .lany_easy_preview .lany_easy_preview_cnt.preview_fz .lany_easy_preview_top{font-size: 4vw;} .lany_easy_preview .lany_easy_preview_cnt.preview_fz .lany_easy_preview_btm{font-size: 4vw;} .lany_easy_preview .lany_easy_preview_cnt .preview_sided_tips{margin-bottom: 0;font-size: 3.2vw;line-height: 35px;} /*.custom_wristband .custom_wristband_cnt .custom_obj.cur .ui-resizable-se{display: none!important;}*/ .custom_wristband .custom_wristband_cnt .custom_obj.cur .ui-resizable-se{background-position: center!important;right: -15px;bottom: -15px;} .delivery_country_data{margin-top: 8vw;font-size: 0;} .customize_style{margin-top: 3vw;} .prod_write_review .review_histogram{display: none;} /* .alert_cbox:before{top: -12px;left: 50%;transform: translate(-50%,0%);border-top: 0;border-bottom: 11px solid #fff;border-left: 11px solid transparent;border-right: 11px solid transparent;} */ .custom_color_list_t .custom_color_list_btn{float: none;text-align: right;} .custom_color_search{height: 8vw;padding-right: 2vw;margin-right: 2vw;} .custom_color_search input[type=text]{width: 20vw;} .message_tips{font-size: 4.2vw;line-height: 7vw;color:red;} .message_tips .to_custom{font-size: 3.8vw;line-height: 5vw;color:red;} } @media screen and (max-width: 580px){ .daily_deal .daily_right .daily_time{width: 100%;font-size: 3.2vw;display: inline-block;float: none;vertical-align: middle;text-align: left;} .daily_deal .daily_right .daily_brief{width: 100%;margin-left: 0;display: inline-block;float: none;vertical-align: middle;font-size: 2.4vw;line-height: 5vw;text-align: left;} .daily_deal .daily_img{float: none;display: inline-block;width: 25vw;text-align: left;padding: 0 2vw;vertical-align: middle;background: none;} .daily_deal .daily_right{width: calc(100% - 30vw);padding: 1vw 2vw;box-sizing: border-box;float: none;display: inline-block;vertical-align: middle;} .customize_star .review_star{vertical-align: middle;} .customize_star .star_total{vertical-align: middle;} } @media screen and (max-width: 420px){ .new_review_list .retit{float: none;padding-left: 0;margin: 0 auto;} .new_review_list{padding: 5vw 0;} .new_review_list .remsg .retitle{margin-bottom: 3vw;line-height: 5vw;font-size: 3.8vw;} .new_review_list .remsg .msg{padding-bottom: 3vw;line-height: 5vw;font-size: 3.2vw;} .re_rating{margin-bottom: 3vw;} .re_rating .re_rating_num{font-size: 3.8vw;} .re_other{font-size: 3.2vw;} .new_review_list .remsg .reply_box li{line-height: 5vw;font-size: 3.2vw;padding: 2vw 3vw;margin-top: 2vw;} } .chart_box{width: 100%;white-space: nowrap;overflow: auto;} .chart_box table {border: 0;font-size: 17px;text-align: center;} .chart_box table td{width: 105px;min-width: 105px;height: 40px;border-right: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0;} .chart_box table tr:first-child td{border-top: 0;} .chart_box table tr td:first-child{width: 192px;min-width: 165px;font-size: 18px;} .chart_box table tr td:last-child{border-right: 0;} @media screen and (max-width: 1260px){ .chart_box table{font-size: 15px;} .chart_box table tr td:first-child{font-size: 16px;} } @media screen and (max-width: 768px){ .chart_box table{font-size: 3.2vw;} .chart_box table tr td:first-child{font-size: 3.8vw;} .chart_box table td{height: 10vw;} } .save_fixed{position: fixed!important;left: 0!important;top: 0!important;} .products_show{margin-top: 45px;} .products_show .products_show_box{position: relative;display: inline-block;width: 20.7%;margin-right: 30px;margin-bottom: 30px;border: 1px solid #e0e0e0;cursor: zoom-in;} .products_show .products_show_box:nth-last-child(-n+4){margin-bottom: 0;} .products_show .products_show_box:hover{box-shadow: 0 0px 6px 0 rgba(63,69,78,.25);} .prod_show_scale{margin-bottom: 30px;} .products_show .products_show_box .zoom_in{position: absolute;top: 10px;right: 10px;width: 23px;height: 23px;background: url(../images/zoom_in.png)no-repeat center center;z-index: 1;opacity: 0;cursor: pointer;} .products_show .products_show_box:hover .zoom_in{opacity: 1;} .products_show .products_show_img{background: #f8f9fb;} .products_show .products_show_name{padding: 25px 0;color: #3a3a3a;font-size: 18px;text-align: center;} .prod_show_cnt{position: fixed;overflow-x: hidden;overflow-y: auto;left: 0;top: 0;z-index: 10000;width: 100%;height: 100%;background: rgba(0,0,0,0.7);} .prod_show_cnt .prod_show_content{position: relative;width: 40%;padding: 20px;margin: 1.75rem auto;background: #fff;} .prod_show_cnt .prod_show_content .close{position: absolute;font-size: 24px;z-index: 1;top: 0;right: 5px;cursor: pointer;} .prod_show_cnt .prod_show_content .prod_show_box{display: inline-block;width: 172px;height: 172px;margin-right: 16px;border: 2px solid #ebeaea;vertical-align: top;cursor: pointer;} .prod_show_cnt .prod_show_content .prod_show_box.cur{border-color: #0372bf;} .prod_show_cnt .prod_show_scroll{overflow: auto;white-space: nowrap;} /* .cloud-zoom-lens {border: 4px solid #888;margin:-4px;background-color:#fff;cursor:move;} 这是标题文本 .cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;} 这是缩放窗口。 .cloud-zoom-big {border:4px solid #ccc;overflow:hidden;} 这是加载消息。 .cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;} */ .all_custom .theme-green .back-bar{height: 55px;background: #fafafa;border-bottom: 1px solid #cacaca;} .all_custom .theme-green .back-bar .selected-bar{background: #c9dfee;border-bottom: 1px solid #0372bf;} .all_custom .theme-green .back-bar .pointer{top: auto;bottom: -5px;width: 34px;height: 34px;background: #0372bf;border-radius: 20px;} .all_custom .theme-green .back-bar:after{content: '';position: absolute;display: block;border-style: solid;border-width: 27.5px 275px;border-color: #fff transparent transparent #fff;pointer-events: none;} .all_custom .customize_size{margin: 85px 0;} .all_custom .custom_size{margin-bottom: 30px;} .all_custom .custom_size .slide_box{float: left;margin-left: 3%;} .all_custom .custom_size .size_right{float: left;margin-left: 4%;} .all_custom .custom_size .size_right .size_control{display: inline-block;width: 44px;vertical-align: middle;border: 1px solid #cacaca;border-radius: 10px;} .all_custom .custom_size .size_right .size_control div{cursor: pointer;line-height: 45px;text-align: center;color: #0372bf;font-size: 30px;overflow: hidden;} .all_custom .custom_size .size_right .size_control .size_add{border-bottom: 1px solid #cacaca;} .all_custom .custom_size .size_right .size_show{display: inline-block;vertical-align: middle;margin-left: 30px;line-height: 30px;font-size: 18px;color: #3a3a3a;} .all_custom .custom_size .size_right .size_show{} .all_custom .lany_btitle{display: none!important;} .all_custom .lany_select_cnt{display: none!important;} .all_custom .lany_easy_custom{display: none!important;} .all_custom .custom_wristband{margin-top: 70px;} .all_custom .custom_wristband .custom_wristband_row{margin-bottom: 0;} .all_custom .tools_fr_ba{display: none;} .all_custom .custom_wristband_tips{display: none;} .all_custom .custom_tools_content{padding-bottom: 0;border-bottom: 0;} .all_custom .customize_cnt_attachment_4 .customize_attachment_box{width: calc((100% - 33px) / 2);margin-right: 28px;box-sizing: border-box;padding: 20px 40px;margin-bottom: 30px;display: inline-block;float: none;} .all_custom .customize_cnt_attachment_4 .customize_attachment_box:nth-child(2n){margin-right: 0;} .all_custom .customize_cnt_attachment_4 .customize_attachment_box .customize_attachment_img{width: 100px;display: inline-block;vertical-align: middle;margin-bottom: 0;} .all_custom .customize_cnt_attachment_4 .customize_attachment_other{display: inline-block;vertical-align: middle;width: calc(100% - 140px);margin-left: 20px;} .all_custom .customize_cnt_attachment_4 .customize_attachment_name{display: inline-block;margin-top: 0;font-size: 18px;color: #000;vertical-align: top;} .all_custom .customize_cnt_attachment_4 .customize_attachment_most{display: inline-block;font-size: 18px;color: #58b300;font-style: italic;vertical-align: top;margin-left: 25%;} .all_custom .customize_cnt_attachment_4 .customize_attachment_brief{font-size: 16px;color: #515151;margin-top: 15px;} .all_custom .customize_cnt_attachment_4 .customize_attachment_price{text-align: left;margin-top: 15px;} .all_custom .customize_cnt_attachment_public .customize_attachment_box.cur{border-color: #0372bf;background: transparent;} .all_custom .customize_cnt_attachment_public .customize_attachment_box.cur .customize_attachment_name{color: #0372bf;} .all_custom .customize_cnt_attachment_4 .customize_attachment_box:nth-last-child(-n+2){margin-bottom: 0;} .all_custom .customize_cnt_attachment_4 .customize_attachment_price.price_free{display: none;} .all_custom .customize_cnt_attachment_4 .customize_attachment_box .customize_attachment_img .img{padding-top: 121%;} .all_custom .customize_cnt_attachment_4 .customize_attachment_box .customize_attachment_img .img .theme_img{margin-top: -121%;} .all_custom .customize_cnt_attachment_new .customize_attachment_box{margin-right: 2.4375%;} .all_custom .customize_cnt_attachment_new .customize_attachment_box:nth-child(5n){margin-right: 0;} .all_custom .customize_cnt_attachment_new .customize_attachment_box .customize_attachment_img{background: #f8f9fb;} .all_custom .customize_cnt_attachment_new .customize_attachment_box .customize_attachment_img .img{padding-top: 100%;} .all_custom .customize_cnt_attachment_new .customize_attachment_box .customize_attachment_img .img .theme_img{margin-top: -100%;} .all_custom .customize_cnt_attachment_new .customize_attachment_box.cur{background: transparent;} .all_custom .design_attr_row{margin: 40px 0;} @media screen and (max-width: 768px){ .products_show .products_show_box{width: calc(48.5% - 6px);margin-right: 3%;margin-bottom: 3vw;} .products_show .products_show_box:nth-last-child(-n+4){margin-bottom: 3vw;} .products_show .products_show_box:nth-child(2n){margin-right: 0;} .products_show .products_show_name{font-size: 3.2vw;padding: 2vw 0;} .prod_show_cnt .prod_show_content{width: 70%;padding: 3vw;} .prod_show_cnt .prod_show_content .close{font-size: 3vw;} .prod_show_cnt .prod_show_content .prod_show_box{width: 30vw;height: 30vw;} .all_custom .customize_style .customize_style_cnt{width: 31%;margin-right: 2%;} .customize_style .customize_style_cnt:nth-child(2n){margin-right: 1%;} .customize_style .customize_style_cnt:nth-child(3n){margin-right: 0%;} .all_custom .customize_style .customize_style_cnt img{max-height: 75%;} .all_custom .custom_size .slide_box{margin-left: 0;float: none;} .all_custom .customize_size{margin: 3vw 0;overflow: hidden;} .all_custom .custom_size .size_right{float: none;margin: 3vw 0;text-align: center;} .all_custom .custom_size .size_right .size_show{margin-left: 5vw;line-height: 5vw;font-size: 4vw;line-height: 6vw;width: 50vw;} .all_custom .custom_size{margin-bottom: 3vw;} .all_custom .custom_size .size_right .size_control{width: 15vw;} .all_custom .custom_size .size_right .size_control div{line-height: 15vw;font-size: 8vw;} .all_custom .custom_wristband{margin-top: 5vw;} .all_custom .customize_cnt_attachment_4 .customize_attachment_box{width: 100%;padding: 2vw;margin-right: 0;margin-bottom: 3vw;} .all_custom .customize_cnt_attachment_4 .customize_attachment_box:nth-last-child(-n+2){margin-bottom: 3vw;} .all_custom .customize_cnt_attachment_4 .customize_attachment_most{margin-left: 0;display: block;font-size: 4vw;margin: 3vw 0;} .all_custom .customize_cnt_attachment_4 .customize_attachment_brief{margin-top: 2vw;font-size: 3vw;} .all_custom .customize_cnt_attachment_4 .customize_attachment_name{font-size: 4vw;height: auto;} } /*Index 23.2.15版*/ .cont_1300{width: 1300px;margin: 0 auto;max-width: 92%;} .header_icon{padding: 19px 0;font-size: 15px;background: #1c2e40;} .header_icon .header_icon_cnt .header_icon_name{font-size: 15px;} .header_icon .cont_1300{position: relative;} .header_icon .header_icon_cnt{max-width: calc(100% - 280px);} .header_icon .currency_box{top: -4px;} .header_nav{height: 110px;line-height: 89px;padding: 10px 0;box-sizing: border-box;margin-bottom: 0;} .header_nav h1{height: 100%;} .header_nav .cont_1300{height: 100%;display: flex;align-items: center;justify-content: space-between;} .header_nav .nav_menu_mid{display: inline-flex;} .header_nav .nav_logo_left{height: 100%;} .header_nav .nav_menu_row{margin-right: 45px;} .header_nav .nav_menu_row:last-child{margin-right: 0;} .header_nav .header_nav_a{font-size: 16px;} .header_nav .nav_menu_right{display: inline-flex;align-items: center;} .header_nav .header_nav_login{padding: 0;} .header_nav .header_get{margin-left: 30px;} .header_nav .header_get a{display: block;padding: 0 28px;line-height: 40px;font-family: OpenSans-SemiBold;font-size: 15px;color: #fff;background: #008ff1; border-radius: 100px;} .header_nav .header_nav_login{margin-right: 30px;} .nav_menu_row.sub{padding-right: 20px;background: url(../images/nav_arrow.png) no-repeat right 2px center;position: relative;} .nav_menu_row .nav_sub{position: absolute;background: #fff;text-align: left;padding: 0 20px;width: 200px;left: 0;top: 100%;opacity: 0;box-shadow: 0 0 10px rgb(0 0 0 / 12%);z-index: 10;pointer-events: none;} .nav_menu_row:hover .nav_sub{opacity: 1;pointer-events: initial;} .nav_menu_row:hover .header_nav_a{color: #008ff1;} .nav_menu_row .nav_sub .nav_sub_row{padding: 15px 0;line-height: 1.3;position: relative;} .nav_menu_row .nav_sub .nav_sub_row .nav_sub2{position: absolute;left: 200px;text-align: left;top: 0px;background: #fff;width: 200px;padding: 0;opacity: 0;z-index: 0;box-shadow: 0 0 20px #e4e4e4;} .nav_menu_row .nav_sub .nav_sub_row .nav_sub2 .nav_sub_row2{padding: 15px;} .nav_menu_row .nav_sub .nav_sub_row:hover .nav_sub2{opacity: 1;z-index: 1;} .nav_menu_row a:hover{color: #008ff1;} .index_icons{margin-top: 60px;} .index_icons_cnt{display: flex;align-items: center;justify-content: space-between;} .index_icons_cnt .icons_row{} .index_icons_cnt .icons_row .img{margin: 0 auto;margin-bottom: 17px;width: 100px;height: 100px;border-radius: 100px;} .index_icons_cnt .icons_name{text-align: center;} .index_icons_cnt .icons_name a{color: #000;} .index_icons_cnt .icons_row:hover .img{background: #008ff1;} .index_icons_cnt .icons_row:hover .img img{filter: brightness(0) invert(1);} .public_more{} .public_more a{display: inline-block;padding: 0 27px;line-height: 46px;font-family: OpenSans-SemiBold;font-size: 15px;color: #fff;background: #000; border-radius: 100px;min-width: 150px;box-sizing: border-box;transition: all 0.4s ease-out;text-align: center;} .public_more_par:hover .public_more a{background: #008ff1;} .public_title{font-size: 34px;font-family: OpenSans-Bold;color: #1a1a1a;text-align: center;letter-spacing: 1.5px;} .public_brief{font-size: 16px;line-height: 28px;color: #4c4c4c;} .hot_prod_cnt {margin-bottom: 100px;margin-top: 64px;padding-bottom: 93px;overflow-x: hidden;} .hot_prod_cnt .cont_1300{border-top: 1px solid #e6e6e6;padding-top: 89px;} .hot_prod_cnt .hot_prod_row{width: 402px;} .hot_prod_cnt .hot_prod_img{border-radius: 20px;overflow: hidden;} .hot_prod_cnt .hot_prod_img img{border-radius: 20px;} .hot_prod_cnt .img_box .img{padding-top: 76.75%;} .hot_prod_cnt .img_box .img .theme_img{margin-top: -76.75%;} .hot_prod_cnt .hot_prod_title{margin-bottom: 41px;} .hot_prod_cnt .hot_prod_name{margin-top: 23px;font-size: 22px;white-space: normal;height: 30px;overflow: hidden;} .hot_prod_cnt .hot_prod_name a{font-family: OpenSans-Bold;} .hot_prod_cnt .slick-list{margin-right: -50px;} .hot_prod_cnt .slick-initialized .slick-slide{margin-right: 50px;} .hot_prod_cnt .hot_brief{line-height: 25px;height: 75px;overflow: hidden;margin-top: 10px;word-break: break-all;white-space: initial;} .hot_prod_cnt .public_more{margin-top: 35px;} .hot_prod_cnt .slick-dots{bottom: -93px;} .hot_prod_slider{white-space: nowrap;overflow: hidden;} .hot_prod_slider.slick-slider{overflow: initial;} .hot_prod_cnt .hot_prod_row{display: inline-block;} .out_cnt{padding: 85px 0;background: #f9f9f9;} .our_partner_cnt{display: flex;align-items: center;justify-content: space-between;margin-top: 30px;} .our_partner_cnt .our_partner_row:hover{transform: translateY(-5px);} .our_advantage{margin-top: 76px;} .our_advantage{text-align: center;} .our_advantage .our_advantage_cnt{display: flex;justify-content: space-between;align-items: flex-start;margin-top: 41px;} .our_advantage .our_advantage_cnt .img_Path{width: 81px;height: 66px;margin: 0 auto;} .our_advantage .our_advantage_cnt .our_advantage_row{width: 25%;padding: 40px 40px 60px;} .our_advantage .our_advantage_cnt .our_advantage_row:hover{box-shadow: 0 0 20px 5px rgb(0 0 0 / 15%);} .our_advantage .our_advantage_sub_title{font-size: 20px;font-family: OpenSans-Bold;margin-top: 30px;} .our_advantage .our_advantage_brief{margin-top: 11px;} .design_cnt{height: 452px;} .design_cnt .cont_1300{height: 100%;position: relative;} .design_cnt .design_content{width: 56.15%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;} .design_cnt .design_title{font-size: 40px;font-family: OpenSans-Bold;margin-bottom: 20px;} .design_cnt .design_brief{} .customize_ban_btn,.design_btn{display: flex;align-items: center;justify-content: center;margin-top: 36px;} .customize_ban_btn .contact_btn,.design_btn .contact_btn{margin-left: 13px;} .contact_btn a{background: transparent;color: #1a1a1a;border: 1px solid #1a1a1a;} .public_more_par:hover .contact_btn a{background: #008ff1;color: #fff;border-color: #008ff1;} .public_more_par:hover:hover a{text-decoration: none;} .buyer_show_cnt{margin-top: 105px;} .buyer_show_cnt .buyer_show_top{width: 63.07%;margin: 0 auto;} .buyer_show_cnt .public_title{font-size: 40px;} .buyer_show_cnt .public_brief{margin-top: 10px;text-align: center;} .buyer_show_content{margin-top: 45px;overflow: hidden;} .buyer_show_content_slider{font-size: 0;white-space: nowrap;} .buyer_show_content .buyer_show_row{margin-right: 12px;width: 16.14vw;height: auto;display: inline-block;} /*.buyer_show_content .buyer_show_row:last-child{margin-right: 0;}*/ .buyer_show_row .share_hover{display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 1;opacity: 0;} .buyer_show_row .share_hover_bg{content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 1;} .buyer_show_row .share_hover_icon{content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/index_share_icon_white.png)no-repeat center center;z-index: 2;} .buyer_show_row:hover .share_hover{opacity: 1;} .buyer_alert_close{width: 20px;height: 20px;position: fixed;top: 5%;right: 5%;cursor: pointer;background: url(../images/close.png)no-repeat center center;z-index: 10001;} .buyer_alert_left_btn,.buyer_alert_right_btn{width: 16px;height: 26px;position: absolute;top: 50%;transform: translate(0,-50%);cursor: pointer;padding: 20px;} .buyer_alert_left_btn.disabled, .buyer_alert_right_btn.disabled{cursor: not-allowed;} .buyer_alert_left_btn{left: -80px;background: url(../images/arrow_left.png)no-repeat center center;} .buyer_alert_right_btn{right: -80px;background: url(../images/arrow_right.png)no-repeat center center;} .buyer_alert_box{position: fixed;z-index: 100001;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;width: 53vw;} .buyer_alert_box .buyer_alert_cnt{display: flex;} .buyer_alert_left{width: 64%;} .buyer_alert_left img{width: 100%;} .buyer_alert_right{width: 36%;padding: 35px 30px;box-sizing: border-box;} .buyer_alert_right .buyer_alert_top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;} .buyer_alert_top .buyer_alert_num{width: 35px;min-width: 35px;line-height: 29px;height: 35px;overflow: hidden;border-radius: 100px;background: #000;text-align: center;color: #fff;margin-right: 10px;font-size: 24px;} .buyer_alert_top .buyer_alert_name{font-family: 'OpenSans-Bold';} .buyer_alert_top .buyer_alert_time{font-size: 14px;color: #999;} .buyer_alert_top .buyer_alert_tl{display: flex;align-items: center;} .review_show_cnt{margin-top: 91px;padding-bottom: 35px;} .review_show_cnt .slick-dots{bottom: -55px;} .review_show_content{margin-top: 44px;} .review_show_row{width: 430px;display: inline-block;padding: 23px 43px;box-sizing: border-box;text-align: center;border-right: 1px solid #e6e6e6;} .review_show_brief{margin-bottom: 25px;} .review_show_star{margin-bottom: 40px;} .review_show_name{font-size: 20px;font-family: OpenSans-Bold;color: #1a1a1a;margin-top: 15px;margin-bottom: 3px;} .review_show_time{color: #999;} .review_avatar{width: 66px;height: 66px;border-radius: 100px;background: #ededed;padding: 5px;margin: 0 auto;overflow: hidden;box-sizing: border-box;} .review_avatar img{border-radius: 100px;} .index_body .newsletter_cnt{margin-top: 0;} .newsletter_cnt{background: #0077c9;padding: 50px 0;color: #fff;margin-top: 100px;} .newsletter_cnt .cont_1300{display: flex;align-items: center;justify-content: space-between;} .newsletter_cnt .newsletter_left{width: 45%;} .newsletter_cnt .newsletter_left .newsletter_title{font-size: 30px;font-family: OpenSans-Bold;} .newsletter_cnt .newsletter_right{width: 50%;height: 52px;border: 2px solid #fff;border-radius: 100px;padding-left: 20px;box-sizing: border-box;overflow: hidden;} .newsletter_cnt .newsletter_right #newsletter_form{height: 100%;font-size: 0;} .newsletter_cnt .newsletter_right input{border: 0;vertical-align: top;font-family: OpenSans-SemiBold;} .newsletter_cnt .newsletter_right input[type="text"]{height: 100%;width: calc(100% - 140px);background: transparent;color: #fff;} .newsletter_cnt .newsletter_right input[type="text"]::-webkit-input-placeholder {color: rgba(255,255,255,0.6);} .newsletter_cnt .newsletter_right input[type="text"]:-moz-placeholder {color: rgba(255,255,255,0.6);} .newsletter_cnt .newsletter_right input[type="text"]::-moz-placeholder {color: rgba(255,255,255,0.6);} .newsletter_cnt .newsletter_right input[type="text"]:-ms-input-placeholder {color: rgba(255,255,255,0.6);} .newsletter_cnt .newsletter_right input[type="submit"]{width: 140px;height: 100%;background: #fff;font-size: 15px;color: #0077c9;border-radius: 100px;} .newsletter_cnt .newsletter_right.null input{color: #000;} .newsletter_cnt .newsletter_right.null input[type="submit"]{background: #fff;} .newsletter_cnt .newsletter_right.null input[type="text"]::-webkit-input-placeholder {color: #333;} .newsletter_cnt .newsletter_right.null input[type="text"]:-moz-placeholder {color: #333;} .newsletter_cnt .newsletter_right.null input[type="text"]::-moz-placeholder {color: #333;} .newsletter_cnt .newsletter_right.null input[type="text"]:-ms-input-placeholder {color: #333;} .footer1{padding-top: 65px;} .footer1_top{padding-bottom: 50px;border-bottom: 1px solid #e6e6e6;} .footer1_top .footer1_title{font-size: 18px;color: #000;font-family: OpenSans-Bold;margin-bottom: 0;} .footer1_top .footer1_content_cnt{margin-top: 20px;} .footer1_top .footer1_content_row{margin-bottom: 8px;} .footer1_top a{color: #4c4c4c;} .footer1_top a:hover{color: #008ff1;} .footer1_top .footer1_row{max-width: 16.3%;} .footer1_top .contact_row{width: 25.38%;max-width: none;} .footer1_cnt{display: flex;align-items: flex-start;justify-content: space-between;} .footer1_btm{display: flex;padding: 18px 0;align-items: center;justify-content: space-between;} .footer1_btm .foot1_copy{width: 62%;color: #808080;} .footer1_btm .partners_box a{margin: 0 5px;} .footer1_btm .foot1_pay{width: 36%;text-align: right;} .products_ba{padding: 170px 0 355px;color: #fff;text-align: center;} .products_ba .products_ba_cnt{padding: 0 18.46%;} .products_ba .products_ba_title{font-size: 48px;font-family: OpenSans-Bold;} .products_ba .products_ba_brief{font-size: 18px;line-height: 30px;} .prod_body{background: #f3f3f3;} .prod_list_cnt{margin-top: -281px;} .prod_list_content{width: 88%;margin: 0 auto;} .prod_list_row{width: calc(100% - 30px);display: inline-block;vertical-align: top;padding: 0 25px 50px;box-sizing: border-box;text-align: center;background: #fff;margin-right: 30px;} .prod_list_content .slick-list{margin-right: -30px;} .prod_list_content .slick-prev,.prod_list_content .slick-next{transition: all 0.4s ease-out;} .prod_list_content .slick-prev,.prod_list_content .slick-next{width: 16px;height: 26px;position: absolute;top: 50%;transform: translate(0,-50%);cursor: pointer;padding: 20px;} .prod_list_content .slick-prev{left: -80px;background: url(../images/arrow_left.png)no-repeat center center;} .prod_list_content .slick-next{right: -80px;background: url(../images/arrow_right.png)no-repeat center center;} .prod_list_content .slick-prev:hover{background: url(../images/arrow_left_on.png)no-repeat center center;} .prod_list_content .slick-next:hover{background: url(../images/arrow_right_on.png)no-repeat center center;} .prod_list_content.feature_content .slick-prev, .prod_list_content.feature_content .slick-next{top: 30%;} .prod_list_rowss{margin-top: 127px;} .prod_list_bname{font-size: 34px;font-family: OpenSans-Bold;margin-bottom: 40px;text-align: center;text-transform: uppercase;letter-spacing: 1.5px;} .prod_list_img{padding: 0 13px;border-bottom: 1px solid #e6e6e6;margin-bottom: 23px;} .prod_list_name{font-size: 22px;font-family: OpenSans-Bold;margin-bottom: 10px;height: 30px;line-height: 30px;overflow: hidden;} .prod_list_brief{margin-bottom: 16px;height: 84px;overflow: hidden;} .prod_list_name a{color: #1a1a1a;} .prod_list_row a:hover{text-decoration: none;} .products_link_cnt{background: #0175c2;padding: 15px 0;} .products_link_cnt.is_design .products_link_row{cursor: pointer;} .products_link_cnt.is_discount{padding-bottom: 42px;} .products_link_content{display: flex;align-items: flex-start;justify-content: space-between;width: 80%;margin: 0 auto;position: relative;} .products_link_content:after{content: '';width: 96%;display: block;position: absolute;height: 4px;background: #6fbff5;top: 17px;left: 2%;z-index: 0;} .products_link_content:before{content: '';width: 12.5%;height: 4px;background: #fff;display: block;position: absolute;top: 17px;left: 2%;z-index: 1;} .products_link_content.number_1:before{width: 12.5%;} .products_link_content.number_2:before{width: 35%;} .products_link_content.number_2:before{width: 35%;} .products_link_content.number_3:before{width: 58%;} .products_link_content.number_4:before{width: 83%;} .products_link_content.number_5:before{width: 96%;} .products_link_row{display: inline-block;vertical-align: top;position: relative;z-index: 2;} .products_link_row:last-child{padding-right: 0;} .products_link_row .products_link_number{width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;font-family: OpenSans-Bold;margin: 0 auto;background: #6fbff5;border-radius: 100px;color: #0175c2;} .products_link_row .products_link_name{text-align: center;margin-top: 10px;color: #9ad6ff;} .products_link_row.cur .products_link_number{background: #fff;color: #0175c2;} .products_link_row.cur .products_link_name{color: #fff;} .customize_ban_btn{margin-top: 35px;} .customize_ban{background: #f3f3f3;padding: 90px 0 155px;text-align: center;} .customize_ban_title{font-size: 34px;color: #1a1a1a;line-height: 45px;font-family: OpenSans-Bold;} .customize_ban_brief{margin: 0 auto;width: 58%;margin-top: 20px;} .customize_desc{margin-top: -56px;} .customize_desc .customize_desc_title_cnt{text-align: center;margin-bottom: 60px;} .customize_desc .customize_desc_title_cnt .customize_desc_title{width: 260px;height: 56px;line-height: 56px;margin-right: 8px;background: #fff;color: #4c4c4c;font-family: OpenSans-Bold;border-radius: 5px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;} .customize_desc .customize_desc_title_cnt .customize_desc_title.cur{background: #fff;color: #008ff1;} .design_body{} .design_body .customize_desc_custom_title{display: none!important;} .customize_body #step_start{display: none;} .customize_body #step_start.cur{display: block;} .customize_body .customize_review{display: none;} .customize_body .customize_desc .customize_desc_title_cnt .customize_desc_title.price_chart_title{display: none!important;} .gallery_grid{grid-gap: 30px!important;} .faq1_cnt{} .faq1_cnt .faq1_row{} .faq1_cnt .faq1_row{margin-bottom: 25px;} .faq1_cnt .faq1_row .faq1_title{display: flex;background: #f3f3f3;align-items: center;font-family: 'opensans-bold';font-size: 18px;} .faq1_cnt .faq1_row .faq1_title .faq1_num{width: 50px;height: 50px;line-height: 50px;text-align: center;background: #008ff1;color: #fff;margin-right: 15px;} .faq1_cnt .faq1_row .faq1_content{margin-top: 20px;} .desc_table1{overflow: auto;} .desc_table1 tr{background: #f3f3f3;} .desc_table1 tr td{border-bottom: 1px solid #d9d9d9;padding: 15px 30px;color: #4c4c4c;border-right: 1px solid #d9d9d9;} .desc_table1 tr td:first-child{font-family: OpenSans-Bold;width: 31%;} .desc_table1 tr td:last-child{border-right: 0;} .desc_table1 tr:nth-child(2n){background: #fff;} .desc_img{margin-top: 75px;text-align: center;} .gallery_grid{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 15px;} .gallery_grid .copy .img_padding{width: 100%;padding-top: 100%;position: relative;} .gallery_grid .copy .img_padding .img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-align: center;font-size: 0;} .gallery_grid .copy .img_padding .img img{vertical-align: middle;max-height: 100%;max-width: 100%;transition:all 0.5s;} .gallery_grid .copy:nth-child(3n+1) .img_padding .img img{transform-origin: left;} .gallery_grid .copy:nth-child(3n) .img_padding .img img{transform-origin: right;} .gallery_grid .copy:nth-child(1) .img_padding .img img{transform-origin: top left;} .gallery_grid .copy:nth-child(2) .img_padding .img img{transform-origin: top center;} .gallery_grid .copy:nth-child(3) .img_padding .img img{transform-origin: top right;} .gallery_grid .copy .img_padding .img span{vertical-align: middle;height: 100%;display: inline-block;} .gallery_grid .copy:hover{z-index: 2;position: relative;} .gallery_grid .copy:hover .img_padding .img img{transform: scale(2);} @media screen and (min-width: 768px) { .hot_prod_cnt .hot_prod_row:hover img{transform: scale(1.05);} } @media screen and (max-width: 768px) { .gallery_grid{grid-gap: 10px;} } #artwork_file_upload .public_brief{margin: 10px 0;} #artwork_file_upload .artwork_file_upload_cnt{border: 1px dashed #bfbfbf;padding-bottom: 30px;position: relative;margin-bottom: 10px;box-sizing: border-box;} #artwork_file_upload .artwork_file_upload_content{height: 200px;padding: 20px;position: relative;z-index: 1;} #artwork_file_upload input[name=ArtWorkFile]{opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;} #artwork_file_upload .artwork_tips{font-size: 14px;line-height: 22px;text-align: center;} #artwork_file_upload .artwork_tips b{font-family: OpenSans-Bold;} #artwork_file_upload .artwork_file_cnt{text-align: center;margin-bottom: 20px;} #artwork_file_upload .artwork_file_btn{text-align: center;display: inline-block;padding: 0 40px;border: 1px solid #828282;border-radius: 5px;line-height: 40px;background: transparent;cursor: pointer;font-family: OpenSans-SemiBold;} .artwork_file_upload_row{display: flex;align-items: center;justify-content: space-between;} .artwork_file_upload_status,.artwork_file_upload_del{width: 20px;height: 20px;margin: 0 5px;} .artwork_file_upload_right{display: flex;} .artwork_file_upload_status{background: url(../images/load.gif)no-repeat center center;background-size: 15px;} .artwork_file_upload_status.success{background: url(../images/success_icon.png)no-repeat center center;background-size: 15px;} .artwork_file_upload_del{background: url(../images/del_icon.png)no-repeat center center;background-size: 15px;cursor: pointer;} .artwork_error {text-align: center;color: red;font-family: OpenSans-Bold;} .products_link_discount{font-size: 30px;text-align: center;color: #fff;margin: 15px 0 42px;} .products_link_discount span{font-family: OpenSans-Bold;} @media screen and (max-width: 1360px){ .hot_prod_cnt .slick-initialized .slick-slide{margin-right: 4vw;} .hot_prod_cnt .slick-list{margin-right: -4vw;} .prod_list_row{margin-right: 4vw;width: calc(100% - 4vw);} .prod_list_content .slick-list{margin-right: -4vw;} .hot_prod_cnt .hot_prod_name{height: 60px;} .our_advantage .our_advantage_cnt{flex-wrap: wrap;} .our_advantage .our_advantage_cnt .our_advantage_row{width: 50%;box-sizing: border-box;} .buyer_alert_box{width: 80vw;} .buyer_alert_right .buyer_alert_top{flex-wrap: wrap;} .buyer_alert_top .buyer_alert_time{margin-top: 10px;width: 100%;} } @media screen and (max-width: 1060px){ .header_icon .header_icon_cnt{max-width: 100%;} .our_partner_cnt{flex-wrap: wrap;margin-top: 20px;} .index_icons{margin-top: 40px;} .our_partner_row{width: 28%;text-align: center;margin: 20px 0;} .hot_prod_cnt .cont_1300{padding-top: 80px;} .hot_prod_cnt{margin-top: 40px;padding-bottom: 40px;margin-bottom: 50px;} .hot_prod_cnt .slick-dots{bottom: -40px;} .buyer_show_cnt .buyer_show_top{width: 100%;} .buyer_show_content .buyer_show_row{margin-right: 2vw;width: 25vw;} .out_cnt{padding: 80px 0;} .our_advantage{margin-top: 45px;} .our_advantage .our_advantage_cnt .our_advantage_row{padding: 20px 20px 40px;} .footer1_cnt{flex-wrap: wrap;} .footer1_top{padding-bottom: 20px;} .footer1_top .contact_row{width: 48%;} .newsletter_cnt .newsletter_right{width: 53%;} .footer1_top .footer1_row{max-width: 48%;width: 48%;margin-bottom: 30px;} .design_cnt .design_content{width: 90%;} .prod_list_rowss{margin-top: 80px;} .products_link_content{width: 100%;} .products_link_row{max-width: 17%;} .customize_desc .customize_desc_title_cnt .customize_desc_title{width: 210px;} .customize_ban_title{font-size: 28px;line-height: 1.3;} .buyer_alert_left{width: 55%;} .buyer_alert_right{width: 45%;padding: 25px 15px;} } @media screen and (max-width: 768px){ .hot_prod_cnt .hot_prod_row{width: 45vw;} body{font-size: 3.466667vw;} .public_title{font-size: 4.8vw;} .public_more a{font-size: 3.2vw;padding: 0 4vw;line-height: 10vw;min-width: 20.0vw;} .public_brief{font-size: 3.466667vw;line-height: 5vw;} .index_icons{margin-top: 8vw;} .index_icons_cnt{flex-wrap: wrap;} .index_icons_cnt .icons_row{width: 33%;margin-bottom: 4vw;} .index_icons_cnt .icons_row .img{width: 10vw;height: 10vw;margin-bottom: 2vw;} .index_icons_cnt .icons_row .img img{max-width: 60%;} .hot_prod_cnt{margin: 6vw 0 8vw;padding-bottom: 8vw;} .hot_prod_cnt .slick-dots{bottom: -8vw;} .header_icon{padding: 2.666667vw 0;} .header_icon .header_icon_cnt .header_icon_name{font-size: 3.466667vw;} .our_partner_row{margin: 4vw 0;} .our_partner_row img{max-width: 60%;} .hot_prod_cnt .cont_1300{padding-top: 8vw;} .hot_prod_cnt .hot_prod_title{margin-bottom: 4vw;} .hot_prod_cnt .hot_prod_name{margin-top: 4vw;font-size: 4.6vw;line-height: 6vw;height: 12vw;} .hot_prod_cnt .hot_brief{line-height: 5vw;height: 20vw;margin-top: 4vw;} .hot_prod_cnt .public_more{margin-top: 4vw;} .hot_prod_cnt .hot_prod_img{border-radius: 4vw;} .hot_prod_cnt .hot_prod_img img{border-radius: 4vw;} .out_cnt{padding: 8vw 0;} .our_advantage{margin-top: 8vw;} .our_advantage .our_advantage_cnt{margin-top: 4vw;} .our_advantage .our_advantage_cnt .our_advantage_row{width: 100%;padding: 4vw;} .our_advantage .our_advantage_cnt .img_Path{width: 10vw;height: 8vw;} .our_advantage .our_advantage_sub_title{font-size: 4.6vw;margin-top: 4vw;} .our_advantage .our_advantage_brief{margin-top: 4vw;} .our_partner_cnt{margin-top: 4vw;} .design_cnt{height: 80vw;} .design_cnt .design_title{font-size: 7.466667vw;margin-bottom: 4vw;line-height: 1.2;} .customize_ban_btn, .design_btn{margin-top: 4vw;} .review_show_cnt{margin-top: 8vw;padding-bottom: 4vw;} .review_show_content{margin-top: 4vw;} .review_show_row{padding: 8vw 4vw;} .review_show_brief{margin-bottom: 4vw;} .review_show_star{margin-bottom: 4vw;} .review_show_name{font-size: 3.466667vw;margin: 4vw 0;} .review_show_cnt .slick-dots{bottom: -4vw;} .buyer_show_cnt{margin-top: 8vw;} .buyer_show_cnt .public_title{font-size: 7.466667vw;} .buyer_show_cnt .public_brief{margin-top: 4vw;} .buyer_show_content{margin-top: 4vw;} .buyer_show_content .buyer_show_row{width: 33vw;} .newsletter_cnt{padding: 8vw 0;margin-top: 8vw;} .newsletter_cnt .cont_1300{display: block;} .newsletter_cnt .newsletter_left{width: 100%;text-align: center;margin-bottom: 4vw;} .newsletter_cnt .newsletter_left .newsletter_title{font-size: 6vw;} .newsletter_cnt .newsletter_right{width: 100%;height: 10vw;padding-left: 4vw;} .footer1{padding-top: 8vw;} .footer1_cnt{display: block;} .footer1_top{padding-bottom: 4vw;} .footer1_top .footer1_row{max-width: 100%;width: 100%;margin-bottom: 4vw;} .footer1_top .footer1_title{font-size: 4.266667vw;position: relative;} .footer1_top .footer1_content_cnt{margin-top: 4vw;} .footer1_top .footer1_content_row{margin-bottom: 2vw;} .footer1_btm{padding: 4vw 0;display: block;} .footer1_btm .foot1_copy{width: 100%;} .footer1_btm .foot1_pay{width: 100%;} .partners_box img{max-width: 26.666667vw;max-height: 10.666667vw;} .products_link_discount{font-size: 4.266667vw;margin: 2vw 0 4vw;} .products_ba{padding: 10vw 0 40vw;} .products_ba .products_ba_title{font-size: 8vw;} .products_ba .products_ba_brief{font-size: 3.466667vw;line-height: 5vw;} .products_ba .products_ba_cnt{padding: 0;} .prod_list_cnt{margin-top: -28vw;overflow-x: hidden;} .products_link_row .products_link_number{width: 8vw;height: 8vw;line-height: 8vw;font-size: 3.466667vw;} .products_link_content:before{top: 3vw;left: 4%;} .products_link_content:after{top: 3vw;left: 4%;width: 90%;} .products_link_cnt{padding: 2vw 0;} .products_link_cnt.is_discount{padding-bottom: 4vw;} .prod_list_content{width: 100%;padding-bottom: 8vw;} .prod_list_content .slick-dots{bottom: 0vw;} .prod_list_brief{height: 15vw;margin-bottom: 2vw;} .prod_list_row{padding: 0 4vw 6vw;} .prod_list_img{padding: 0 4vw;margin-bottom: 4vw;} .prod_list_name{font-size: 4.266667vw;height: 6vw;line-height: 6vw;margin-bottom: 2vw;} .prod_list_rowss{margin-top: 12vw;} .prod_list_bname{font-size: 6vw;margin-bottom: 4vw;} .newsletter_cnt .newsletter_right input[type="text"]{width: calc(100% - 35vw);font-size: 3.466667vw;} .newsletter_cnt .newsletter_right input[type="submit"]{width: 35vw;font-size: 3.466667vw;} .customize_ban{padding: 8vw 0 12vw;} .customize_ban_title{font-size: 6.0vw;} .customize_ban_brief{width: 100%;margin-top: 4vw;} .customize_desc .customize_desc_title_cnt .customize_desc_title{width: 28vw;margin-right: 1vw;font-size: 3.466667vw;padding: 0 2vw;line-height: 8vw;height: 8vw;overflow: hidden;} .faq1_cnt .faq1_row .faq1_title{font-size: 3.8vw;line-height: 1.3;align-items: initial;} .faq1_cnt .faq1_row .faq1_content{margin-top: 4vw;} .faq1_cnt .faq1_row .faq1_title .faq1_num{min-width: 10vw;max-width: 10vw;height: auto;line-height: 10vw;margin-right: 4vw;display: inline-flex;align-items: center;justify-content: center;} .faq1_title_cnt{padding: 2vw 0;} .customize_desc{margin-top: -6vw;} .customize_desc .customize_desc_title_cnt{margin-bottom: 8vw;} .desc_table1 tr td{padding: 2vw 4vw;} .mb_hide{display: none;} #artwork_file_upload .public_brief{margin: 4vw 0;} #artwork_file_upload .artwork_file_cnt{margin-bottom: 4vw;} #artwork_file_upload .artwork_file_btn{padding: 0 8vw;line-height: 10vw;} #artwork_file_upload .artwork_tips{font-size: 3.466667vw;line-height: 6vw;} #artwork_file_upload .artwork_file_upload_cnt{margin: 1vw;margin-bottom: 4vw;padding-bottom: 8vw;} #artwork_file_upload .artwork_file_upload_content{height: 20vw;padding: 4vw;} .footer1_title{display: flex;} .footer1_title .footer1_title_cnt{width: 80vw;} .footer1_row .footer1_title em{background: url(../images/mobile_arrow.png)no-repeat;width: 15px;height: 10px;display: block;float: right;position: absolute;right: 5%;top: 50%;-webkit-transform: translate(0,-50%) rotate(270deg);-moz-transform: translate(0,-50%) rotate(270deg);-ms-transform: translate(0,-50%) rotate(270deg);transform: translate(0,-50%) rotate(270deg);-moz-background-size: 100%;background-size: 100%;} .footer1_row .footer1_title.cur em{-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%) rotate(360deg);} .footer1_row:not(.contact_row) .footer1_content{height: 0;overflow: hidden;} .buyer_alert_left{width: 100%;} .buyer_alert_right{width: 100%;padding: 4vw;} .buyer_alert_box{width: 70vw;} .buyer_alert_box .buyer_alert_cnt{display: block;} .buyer_alert_left_btn, .buyer_alert_right_btn{width: 5vw;height: 10vw;padding: 4vw;} .buyer_alert_left_btn{left: -14vw;} .buyer_alert_right_btn{right: -14vw;} .buyer_alert_right .buyer_alert_top{margin-bottom: 4vw;} .buyer_alert_top .buyer_alert_time{margin-top: 2vw;font-size: 3.466667vw;} .buyer_alert_top .buyer_alert_num{font-size: 3.466667vw;} }