/*reset*/ :focus{outline: 0;} body, ul, img, input, dl, dd, tr, th, td, h1,h2,h3,h4,h5,h6, p{margin: 0; padding: 0;} em{font-style: normal;} img{border: none; vertical-align: middle;max-width: 100%;} li, ul{list-style: none;} a{text-decoration: none; color: #565656;} a:hover{text-decoration: none;} input{padding: 0px; vertical-align: middle; line-height: normal; border: none;} button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner{border: none; padding: 0;} a:focus{outline: none;} iframe{max-width: 100%; width: 100%;} body{overflow-x: hidden; background: #fff; font-size: 14px; font-family: 'poppins', Arial, sans-serif; color: #515050;} .fonts_name1{font-family: 'poppins_sb';} .fonts_name2{font-family: 'poppins_m';} .font_40{font-size: 40px;} .font_36{font-size: 36px;} .font_34{font-size: 34px;} .font_30{font-size: 30px;} .font_28{font-size: 30px;} .font_24{font-size: 24px;} .font_22{font-size: 22px;} .font_20{font-size: 20px;} .font_18{font-size: 18px;} .font_16{font-size: 16px;} @media only screen and (max-width: 1400px){ .font_40{font-size: 36px;} .font_36{font-size: 30px;} .font_34{font-size: 28px;} .font_30{font-size: 24px;} .font_28{font-size: 22px;} .font_24{font-size: 22px;} } @media only screen and (max-width: 1400px){ .font_20{font-size: 18px;} } @media only screen and (max-width: 992px){ .font_40{font-size: 32px;} .font_36{font-size: 30px;} .font_34{font-size: 28px;} .font_30{font-size: 24px;} .font_28{font-size: 22px;} .font_22{font-size: 20px;} .font_18{font-size: 16px;} } @media only screen and (max-width: 768px){ .font_40{font-size: 28px;} .font_36{font-size: 26px;} .font_34{font-size: 24px;} .font_30{font-size: 20px;} .font_28{font-size: 18px;} .font_24{font-size: 18px;} .font_20{font-size: 16px;} .font_18{font-size: 15px;} .font_16{font-size: 15px;} } @media only screen and (max-width: 480px){ .font_36{font-size:22px;} .font_34{font-size:20px;} .font_30{font-size:18px;} .font_28{font-size:18px;} .font_24{font-size: 16px;} .font_18{font-size: 14px;} body{font-size: 14px;} } .mian_title{padding:70px 0 50px;text-align: center;} .mian_title h2{font-family: 'poppins_sb';font-weight: normal;color: #000;margin-bottom:10px;margin-top: 0;font-size: 44px;} .mian_title p{max-width: 1100px;margin: auto;} .pro_mian_title{padding:60px 0 40px;text-align: center;} .pro_mian_title h2{font-family: 'poppins_sb';font-weight: normal;color: #000;margin-bottom:10px;margin-top: 0;font-size: 36px;} .pro_mian_title p{max-width: 1100px;margin: auto;} @media only screen and (max-width: 1400px){ .mian_title h2{font-size:32px;} } @media only screen and (max-width: 992px){ .mian_title{padding: 40px 0 30px;} .mian_title h2{margin-bottom:20px;font-size: 26px;} .mian_title p{font-size: 14px;} .pro_mian_title{padding: 40px 0 30px;} .pro_mian_title h2{margin-bottom: 5px;font-size: 22px;} .pro_mian_title p{font-size: 14px;} } @media only screen and (max-width:640px){ .mian_title h2{font-size: 22px;} } a.flash_white{position: relative;} a.flash_white::before { content: ' '; position: absolute; background:rgba(255,255,255,0.3); width:0; height: 100%; top: 0; left:0; opacity: 0.3; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media(min-width:1200px){ a.flash_white:hover:before{ width: 100%;} } @keyframes more_i { 0% {transform: translateX(-3px); } 50% {transform: translateX(3px); } 100% {transform: translateX(-3px);} } .my_more1{ display: inline-block;line-height:54px; position: relative;overflow: hidden; text-transform:capitalize; background: #ffc01f;border-radius: 0;border-radius: 5px;color: #fff;width: 290px;text-align: center;-webkit-transition: all 0.5s ease-out!important; transition: all 0.5s ease-out!important; } .my_more1:before { content: ' '; position: absolute; background:rgba(255,255,255,0.3); width:0; height: 100%; top: 0; left:0; opacity: 0.3; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .my_more1:after{ position: absolute; right:15px; top: 0; height: 100%; display: inline-block; background: url(../images/ico_jt.png) no-repeat center center; content: ''; line-height: 20px; width: 18px; opacity: 0;} @media(min-width:1200px){ .my_more1:hover:before{ width: 100%;} .my_more1:hover{ background: #e79d49; color: #fff; padding-right: 40px;} .my_more1:hover:after{animation: more_i 1.5s infinite; opacity: 1;} } @media(max-width:1480px){ .my_more1{width: auto;padding: 0 40px;line-height:50px;line-height: 42px;} } @media(max-width:480px){ .my_more1{padding: 0 30px;line-height: 36px;} } /*图片上传*/ .img_box ul{overflow:hidden;} .img_box ul li{float: left;width:15%;margin-right:1%;margin-top:1em;padding:15% 0 0;position:relative;cursor: pointer;list-style: none;border: 1px solid #efeded;} .img_box ul li img{width: 100%;height: 100%;display: block;position: absolute;top:0;} .img_box ul .add_btn{border:1px solid #efeded;background: url(../images/add.png) no-repeat 50% 50%;cursor: pointer;border-radius: 3px;} .img_box ul .del{position:absolute;width: 20px; height: 20px; line-height: 20px;text-align: center;font-size:1.5em;background: rgba(0,0,0, .5);color: #fff;right:0;top:0;font-style: inherit;cursor: pointer;} @media only screen and (max-width: 768px){ .img_box ul li{width: 23.5%;padding:23.5% 0 0;margin-right: 2%;margin-bottom: 10px!important;margin-top: 0;} .img_box ul li:nth-child(4n){margin-right: 0;} } /* input选择 */ .p_checkbox {position: relative;width:14px;height:14px;margin-right: 10px;float: left;margin-top:10px;} .p_checkboxtop{margin-top: 0;} input.y_input{position: absolute;left: 1px;-webkit-transform: translatey(-50%); -ms-transform: translatey(-50%);transform: translatey(-50%);opacity: 0;cursor: pointer;z-index: 999;margin-top:1px;top:9px;} span.checkmark{height:14px;width:14px;border: 1px solid #d1cfcf;border-radius: 0;display: block;position: absolute;-webkit-transform: translatey(-50%);-ms-transform: translatey(-50%);transform: translatey(-50%);top:10px;border-radius:2px;} input:checked ~ .checkmark{background-color: #e79d49;border: 1px solid #e79d49;} input:checked ~ .checkmark::before{display: block;} span.checkmark::before{left: 4px;top: 1px; width:4px; height: 8px; border: solid #fff; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: ""; position: absolute; display: none;} /* swiper按钮 */ .swiper-button-next:after, .swiper-button-prev:after{color:#fff; font-size: 18px;} @media only screen and (max-width: 992px) { /* .swiper-button-next:after, .swiper-button-prev:after{ color:#fff; font-size: 16px;} */ /* .swiper-button-prev,.swiper-rtl .swiper-button-next,.swiper-button-next,.swiper-rtl .swiper-button-prev{color: #fff !important; height:40px; width: 40px; background: rgba(0,0,0,0.4);border-radius: 50%;} */ .swiper-button-next:after, .swiper-button-prev:after{font-size:14px;} .swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0;} .swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0;} } /*share*/ .clearfix:before, .clearfix:after{content: " "; display: table;} .clearfix:after{clear: both;} .clearfix{*zoom: 1;} b, strong{font-family: 'poppins_m'; font-weight: normal;} input[type=datetime-local]{-webkit-appearance: none; outline: none; border: none;} select{-webkit-appearance: none; background: url(../images/marrow.png) no-repeat scroll right 5px center transparent !important;} .price{font-size: 16px;} .price .cur{color: #ef1f1a;display: inline-block; margin-right: 4px;font-weight: bold;} .price .or{display: inline-block; color: #989898; text-decoration: line-through;} .read_more{display: inline-block; font-size: 14px; text-transform: capitalize; color: #fff; line-height: 44px; height: 44px; padding: 0 30px; background: #e79d49;} .page_more{display: inline-block; font-size: 13px; text-transform: capitalize; line-height: 36px; height: 36px; padding: 0 20px; background: #e79d49; color: #fff;} .read_more:hover, .page_more:hover{text-decoration: none; color: #fff; background: #222;} .main_top .title{display: block; text-align: center; font-size: 32px; line-height: 32px; font-family: 'poppins_m';} .main_top .text{width: 100%; max-width: 700px; margin: 10px auto 0; color: #666; font-size: 16px; line-height: 24px; text-align: center;} @media only screen and (max-width: 992px){.main_top .title{font-size: 24px; line-height: 24px;} .main_top .text{font-size: 14px; line-height: 22px;}} @media only screen and (max-width: 768px){.main_top .title{font-size: 20px; line-height: 20px;} .main_top .text{font-size: 12px; line-height: 20px; margin: 5px auto 0;}} @media only screen and (max-width:768px){.row{margin-right: 0; margin-left: 0;}} @media only screen and (max-width:480px){.price{font-size: 14px;}} *:link, *:visited, *:active, *:focus{transition: color .30s linear, background-color .30s linear, border-color .30s linear, opacity .30s linear, background-image .30s linear; -webkit-transition: color .30s linear, background-color .30s linear, border-color .30s linear, opacity .30s linear, background-image .30s linear;} @font-face{font-family: 'poppins'; src: url(../font/poppins.eot); src: url(../font/poppins.eot?#iefix) format('embedded-opentype'), url(../font/poppins.svg#poppins) format('svg'), url(../font/poppins.woff) format('woff'), url(../font/poppins.ttf) format('truetype'); font-weight: normal; font-style: normal;} @font-face{font-family: 'poppins_m'; src: url(../font/poppins_m.eot); src: url(../font/poppins_m.eot?#iefix) format('embedded-opentype'), url(../font/poppins_m.svg#poppins_m) format('svg'), url(../font/poppins_m.woff) format('woff'), url(../font/poppins_m.ttf) format('truetype'); font-weight: normal; font-style: normal;} @font-face{font-family: 'poppins_sb'; src: url(../font/poppins_sb.eot); src: url(../font/poppins_sb.eot?#iefix) format('embedded-opentype'), url(../font/poppins_sb.svg#poppins_sb) format('svg'), url(../font/poppins_sb.woff) format('woff'), url(../font/poppins_sb.ttf) format('truetype'); font-weight: normal; font-style: normal;} /* pop_con_transform */ .pop_overlay{background: rgba(0,0,0,0.7); bottom: 0;display: block;left: 0;position: fixed; right: 0;top: 0;z-index: 999999999;display: none;transition: all 0.4s;} .flex_box{background: #fff;max-height: 90%;position: relative;width: 90%;max-width:850px;} .pop_con{bottom: 0;display: flex;flex-direction: column;justify-content: flex-end;justify-content: center;align-items: center;position: fixed;left: 0;right: 0;top: 0;z-index: 99999999999;transform: translate3d(0%,130%, 0);transition: all 0.3s;} .pop_con_transform{transform: translate3d(0%, 0%, 0);} .flex_box .pop_closeb{position: absolute;top: -30px;} .pop_closeb{right:0px;background: #000;display: flex;display: -webkit-flex;align-items: center;justify-content: center;cursor: pointer;width:30px;height: 30px;} .pop_closeb img{width: 10px;} @media only screen and (min-width: 992px){ .pop_closeb:hover{background:#e79d49;} .pop_con button.register_button:hover{background: #e79d49;} .pop_con .lost_password a:hover{color: #e79d49;} .pop_con .register a:hover{text-decoration:underline;} } .pop_con_sale .edit_copy{display: flex;display: -webkit-flex;align-items: center;} .pop_con_sale .edit_copy .fl,.pop_con_sale .edit_copy .fr{width: 50%;} .pop_con_sale .edit_copy .fr{text-align: center;position: relative;padding: 25px;} .pop_con_sale .edit_copy .fr h2{font-family:'poppins_sb';font-size: 16px;text-transform: uppercase;color: #222;margin-bottom: 10px;} .pop_con_sale .edit_copy .fr h3{font-size:24px;line-height: 1.3;font-family:'poppins_sb';color: #111;margin-bottom: 10px;} .pop_con_sale .edit_copy .fr h3 span{font-family:'poppins_sb';color: #000;font-size: 20px;} .pop_con_sale .edit_copy .fr .copy_num{position: relative;cursor: pointer;} .pop_con_sale .edit_copy .fr .copy_num h5{line-height: 1.3;font-size: 18px;} .pop_con_sale .edit_copy .fr .copy_num p{position: absolute;right: 10px;color: #777;cursor: pointer;} .pop_con_sale .edit_copy .copy_success{position: absolute;color: #999;display: none;width: 100%;text-align: center;left: 0;} .pop_con_sale .edit_copy .fr h4{font-size: 15px;color: #00bf06;line-height: 1.5;} .pop_con_sale .edit_copy .copy_num{border: 1px solid #ccc;line-height: 40px;text-align: center;margin:20px 0px 10px;display: flex;height: 40px;align-items: center;justify-content: space-between;padding: 0 20px;font-family:'poppins_m';color: #333;position: relative;} .pop_con_sale .edit_copy .copy_num i{font-size: 18px;cursor: pointer;} .pop_con_sale .edit_copy .copy_num i:hover{color: #e79d49;} .pop_con_sale .copy_box{display: none;} .pop_con_sale input{width: 100%;border: 1px solid #ccc;line-height: 40px;margin: 20px 0px 0px;height: 40px;padding: 0 20px;font-family: 'poppins_m';color: #333;text-indent: 0;} .pop_con_sale .edit_copy .sub_btn{line-height: 40px;height: 40px;cursor: pointer;background: #e79d49;color: #fff;text-transform: capitalize;margin-top: 20px;} .pop_con_sale .edit_copy .sub_btn:hover{text-decoration: underline;} .pop_con_sale .sub_to{display: flex;display: -webkit-flex;align-items: flex-start;justify-content: space-between;margin-top: 20px;} .pop_con_sale .sub_to .p_checkbox{margin-top: 0;} .pop_con_sale .sub_to input.y_input{width:40px;height: 20px;display: inline-block;margin: 0;margin-top: 2px;} .pop_con_sale .sub_to p{display: inline-block;text-align: left;padding-left:5px;} .pop_con_discount .discountbox{display: flex;display: -webkit-flex;align-items: center;position: relative;} .pop_con_discount .discountbox .txt,.pop_con_discount .discountbox .img{width: 50%;} .pop_con_discount .close_btn{top: 15px;right: 15px;position: absolute;display: inline;cursor: pointer;} .pop_con_discount .discountbox .txt{padding:40px 30px;text-align: center;} .pop_con_discount .discountbox h2{color: #222;font-size: 34px;} .pop_con_discount .discountbox h3{font-size: 17px;margin:15px 0 25px;line-height: 1.5;} .pop_con_discount .discountbox .hint{margin-bottom: 15px;} .pop_con_discount .email_claim input{width: 100%;border: 1px solid #ccc;padding:0 10px;border-radius: 4px;color: #000;line-height: 46px;} .pop_con_discount .email_claim .button{background: #222;color: #fff;outline:none;border: none;padding:12px 10px;display: block;width: 100%;border-radius: 4px;font-size: 15px;margin: 20px 0;} .pop_con_discount .email_claim .button a{color: #fff;} .pop_con_discount .email_claim .button:hover{text-decoration: underline;} .pop_con_discount .no{margin-bottom: 20px;text-decoration: underline;cursor: pointer;display: inline-block;color: #222;} .pop_con_discount .error_hint{color:red;text-align: left;margin-top: 5px;} .pop_con_discount .email_get{display: none;} .pop_con_discount .discountbox .email_get h3{font-size: 16px;} .pop_con_discount .email_get .email_claim input{font-size: 15px;} .pop_con_discount .email_get .copy{position: relative;} .pop_con_discount .email_get .copybtn{position: absolute;right: 10px;top: 12px;cursor: pointer;} .pop_con_discount .email_get .copy_success{position: absolute;top: 0;text-align:right;right: 40px;line-height: 1.2;top:8px;display: none;} @media only screen and (max-width: 768px){ .pop_con_sale .edit_copy .fl{display: none;} .pop_con_sale .edit_copy .fr{width:100%;padding:50px 20px;} .pop_con_sale .edit_copy .fr h3{font-size: 22px;} .pop_con_discount .discountbox .txt{padding:40px 20px;width: 100%;} .pop_con_discount .discountbox .img{display:none;} .pop_con_discount .discountbox h2{font-size: 26px;} .pop_con_discount .discountbox h3{font-size: 16px;} } /*index*/ .fixed_top{background: #000000; line-height:40px; text-align: center; color: #fff;height: 40px;} .page_header{position: relative; top: 0; left: 0; width: 100%; width: 100%; z-index: 9999999;} .top_nav{text-align: center;} .header{transition: all .5s; padding: 20px 0px; text-align: center;} header>.container{position: relative; padding: 20px 0;} .top_flex{display:flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;max-width: 1480px;margin: auto;align-items: center;} #logo h1{margin: 0; padding: 0; display: flex; align-items: flex-end;} #logo a{padding: 0; display: inline-block;} #logo img{max-width:211px; height: auto; padding: 0; transition: all .5s;} .cart_ul{float: right;padding-right: 12px;} .cart_ul li{position: relative; list-style: none; float: left; margin-left: 30px; height:22px;font-size: 14px;width: 22px;} .cart_ul li.cart_abox{position: relative;} .cart_ul li.cart_abox span{position: absolute;width: 20px;height: 20px;border-radius: 50%;display: inline-block;background: #e79d49;position: absolute;right:-10px;color:#fff;text-align: center;top: -10px;line-height: 22px;} .cart_ul li .cart_a{vertical-align: middle;} .cart_ul li img{max-height:22px;} .mainmenu_right{float: right;} .cart_ul li.lr_abox{position: relative;margin-right: 10px;line-height: 20px;} .cart_ul li.lr_abox:after{font-family: FontAwesome;color: #777;vertical-align: middle;content: "\f107";font-size: 14px;transition: all 0.3s ease 0s;margin-left: 6px;position: absolute;} .cart_ul li.lr_abox dl{position: absolute; box-shadow: 0px 0px 20px 0px rgba(2, 18, 18, 0.32); display: none; margin-top: 0px; list-style: none; background: #fff; width: 180px; padding: 5px 0 0;top: 30px;display: none;right: -15px;} .cart_ul li.lr_abox dl dd{text-align: left; border-bottom: 1px solid #eee;padding: 5px 20px;} .se-top .account dl dd a{display: inline-block; text-transform: capitalize; line-height: 20px;width: 100%; font-size: 13px; padding: 6px 6px 6px 12px;} .cart_ul li.lr_abox dl dd a i{margin-right: 12px; color: #1e1e1e; font-size: 14px;} .cart_ul li.lr_abox p.cur:after{font-family:FontAwesome;color:#777;width:100px;vertical-align:middle;content:"\f106"; font-size:14px;} .cart_ul li.lr_abox dl dd a:hover{color: #1e1e1e;} /* Top Search*/ .cover_div{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:#000; opacity: 0.7; display: none;} .top_search_toggle{position: absolute; z-index: 99999999;} .top_search_toggle em{display: block; font-size:26px; text-align: center; margin-bottom: 27px; text-transform: capitalize;} .top_search_toggle .close_search{cursor: pointer; position: fixed; z-index: 99999; right: 10px; top: 10px; width: 50px; height: 52px; text-align: center; line-height: 50px; display: none;} .top_search_toggle .close_search i{width: 100%; height: 100%; line-height: inherit; position: absolute; left: 0px; top: 0px;} .top_search_toggle .close_search i::before,.top_search_toggle .close_search i::after{content: ''; position: absolute; left: 14px; top: 24px; width: 20px; height: 2px; background: #fff;} .top_search_toggle .close_search i::before{transform: rotate(45deg);} .top_search_toggle .close_search i::after{transform: rotate(-45deg);} .top_search_toggle .form-control{box-shadow: none; background: #fff; border: 2px solid #ddd; height: 52px; line-height: 52px; padding: 0 50px 0 15px; text-align: left; font-size: 18px; border-radius: 4px;} .top_search_toggle input.form-control:focus{color: #222; font-style: inherit; text-transform: inherit;} .top_search_toggle input::-ms-input-placeholder{color: #777;} /* Internet Explorer 10+ */ .top_search_toggle input::-webkit-input-placeholder{color: #777;} /* WebKit browsers */ .top_search_toggle input:-moz-placeholder{color: #777;} /* Mozilla Firefox 4 to 18 */ .top_search_toggle input::-moz-placeholder{color: #777;} /* Mozilla Firefox 19+ */ .top_search_toggle .search_input{position: fixed; width: 94%; max-width: 700px; left: 50%; top: -20%; padding: 0px 10px; transform: translate(-50%, 0); transition: all .3s; visibility: hidden; opacity: 0;} .btn_search1{background: url(../images/search.png) no-repeat center center; top: 0px; height: 52px; position: absolute; right: 0px; width: 48px; z-index: 3; border-radius: 0 25px 25px 0;} .top_search_toggle.active .search_input{top: 40%; transform: translate(-50%, -50%); visibility: visible; opacity: 1; background: #fff; padding: 30px;} .header_search{position: relative;} .top_search_toggle.active .close_search{display: block;} /* header.small */ .page_header.small{left: 0; background: #fff; top: 0;box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.4); position: fixed;padding: 0 2%;} .page_header.small>.container{padding: 10px 0;} .page_header.small #logo img{max-width:200px;} .page_header.small .top_search_toggle{top: 60px;} .page_header.small .mainmenu ul li a{color: #333;} .page_header .mainmenu>nav>ul>li:hover > a, .page_header .mainmenu>nav>ul>li.active > a, header.small .mainmenu>nav>ul>li.active > a{color: #222;} /* page header */ .page_header{background: #fff; position: relative;} .page_header .mainmenu ul li a{color: #333;text-transform: uppercase;} .page_header .black_img{display: block;} .page_header .small_nav .toggle span{background: #e79d49;} @media only screen and (max-width:1600px){ .page_header {padding: 0 2%;} } @media only screen and (max-width:1400px){ header>.container{padding:20px 2%;} .cart_ul li{margin-left: 15px;} .mainmenu-area{padding-left: 0;} #logo{padding-right: 35px;} } @media only screen and (max-width:992px){ .top_flex{padding-right: 30px;} .page_header{padding: 12px 2%;} header.small{padding: 10px 2%;} header .mainmenu-area{display: none;} header.small .cart_ul{padding-top: 6px;} #logo{padding-top:0px;} #logo img{max-height: 40px;} .cart_ul {padding-top: 2px;} header .container{padding: 0 20px 0 15px;} header>.container{padding: 10px 20px 10px 15px;} header.small #logo img{max-width:160px;max-height: 40px;} header.small #logo{padding-top:3px;} /* header.small .cart_ul{padding-top: 1px;} */ } @media only screen and (max-width:768px){ .top_search_toggle em{font-size: 18px; margin-bottom: 10px;} .top_search_toggle .form-control{font-size: 14px;} .top_search_toggle.active .search_input{padding: 20px 15px;} #logo img{max-width: 180px;} } @media only screen and (max-width:480px){ .cart_ul li{margin-left: 12px;} #logo{padding-top:4px;transform: translateX(0);padding-right: 0;} header.small #logo{padding-top:1px;} .page_header .search .black_img{display: none;} #logo img{max-width: 160px;} } @media only screen and (max-width:360px){ .cart_ul li{margin-left: 15px;} } /*right cart*/ .select_cartr{position: fixed; z-index: 99999999; right: 0; top: 0; width: 340px; height: 100%; overflow-y: auto; overflow-x: auto; background: #fff; transition: all .5s; transform: translate3d(100%, 0, 0); visibility: hidden;} .select-overlay-cart{position: fixed; z-index: 99999998; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden;} .select_cartr.select_cartr_active{transform: translate3d(0, 0, 0); visibility: visible;} .select-overlay-cart.select-overlay-cart_active{opacity: 1; visibility: visible;} .select_cartr .right_cartbox{padding: 10px;} .select-close{position: absolute; right: 10px; top: 6px; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; font-weight: 100; cursor: pointer;background-color: #8d8d8d;display: flex;display: -webkit-flex;align-items: center;justify-content: center;overflow: hidden;} .select-close img{width: 12px;height: 12px;} .select-close:hover{background: #222;} .select_cartr .image{display: block; float: left; width:100px; height:100px; overflow: hidden;} .select_cartr .fr{float: right;} .select_cartr .image img{max-width: 100%; width: 100%;} .select_cartr .main{width: 203px; float: left; padding-left: 10px;} .select_cartr .title{font-size: 14px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 4px; color: #222;font-family: 'poppins_m';font-weight: normal;} .select_cartr .right_cartbox > .title{font-size:18px; color: #222;} .select_cartr .perice{font-size: 14px; margin-bottom: 5px;} .select_cartr .perice .cur{color: #e10600;} .select_cartr .perice .or{color: #989898;} .select_cartr .table .num{text-align: center; display: inline-block; padding: 0 10px; height: 24px; line-height: 24px; font-size: 16px;} .select_cartr .table .add, .select_cartr .table .sub{text-decoration: none; display: inline-block; width: 30px; height: 24px; line-height: 24px; background: #fff; box-sizing: border-box; font-size: 12px; vertical-align: middle; text-align: center; color: #333;} .select_cartr .table .add i, .select_cartr .table .sub i{line-height: inherit;} .select_cartr .ajax-qty-p{border: 1px solid #d1d1d1; display: inline-block; border-radius: 20px; overflow: hidden; color: #333;} .select_cartr .table > thead > tr > td, .select_cartr .table > tbody > tr > td, .select_cartr .table > tfoot > tr > td{padding: 10px 0;} .select_cartr .table .delete{margin-top: 4px; font-size: 16px; display: inline-block;color: #888;} .select_cartr .table tr:last-child{border-bottom: 1px solid #ddd;} .select_cartr .read_more{width: 100%; text-align: center;} .select_cartr .view_cart{background: #222;margin-top: 10px;} .select_cartr .read_more:hover{text-decoration: underline;background: #e79d49;} .select_cartr .view_cart:hover{text-decoration: underline;background: #222;} .empty_cart{margin-top: 30px; width: 100%; text-align: center; background: #f9f9f9; padding: 20px 10px;} .empty_cart img{max-width: 60px;} .empty_cart p{margin: 10px 0; font-size: 18px;} .select_cartr #cart-table{max-height: calc(100% - 140px); overflow-y: auto; overflow-x: hidden;} .select_cartr #cart-table::-webkit-scrollbar{ width:5px; height:3px; } .select_cartr #cart-table::-webkit-scrollbar-track{ background: rgb(239, 239, 239); border-radius:2px; } .select_cartr #cart-table::-webkit-scrollbar-thumb{ background: #bfbfbf; border-radius:10px; } .select_cartr .right_cartbox{position: absolute; height: 100%; width: 100%; padding-bottom: 150px;} .select_cartr .bottom{position: fixed; bottom: 0; left: 0; background: #fff; border-top: 1px solid #eee; width: 100%; padding: 10px; box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1)} .select_cartr .bottom h2{font-size: 16px;font-family:'poppins_m';margin-top: 10px;color: #222;} .select_cartr .read_more1{background: #222; color: #fff; margin-top: 10px;} .select_cartr .read_more1:hover{color: #fff; background: #f3c331;} .select_cartr .right_total{padding: 6px 0;} .select_cartr .right_total .span1{font-size: 16px; text-transform: capitalize;color: #000;font-family: 'poppins_m';} .select_cartr .right_total .span2{float: right; font-size: 18px; color: #f54337;font-family:'poppins_sb';} @media only screen and (max-width: 992px){ .select>a p{font-size: 12px; text-transform: capitalize;} .select>a{padding: 3px 5px; border-width: 1px;} .select>a img{max-width: 16px;} } .search_con{background: #fff;box-shadow: 0 2px 10px rgba(0,0,0,0.1);width:100%; max-height: 400px;overflow: hidden;overflow-y: auto;} .search_con ul li{overflow:hidden;border:1px solid #eceaea;margin: 12px;} .search_con ul li:hover h2{color: #000;} .search_con .search_image{width:95px;float: left;} .search_con .search_image img{width: 100%;} .search_con .search_txt{width: calc((100% - 110px)/1);float: right;margin: 10px 0;margin-left: 10px;} .search_con .search_txt h2{font-size: 16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 22px;margin:0 0 5px;color: #444;} .search_con .search_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 20px;} .search_con .cur{font-size: 20px;color: #F04343;font-family: 'poppins_sb';} .search_con .or{display: inline-block;color: #989898;text-decoration: line-through;} /* Swiper_banner */ .Swiper_banner{position: relative;} .Swiper_banner .swiper-button-next{border-radius: 50%;transition: all 0.5s;right: 20px;background: none;} .Swiper_banner .swiper-button-prev{border-radius: 54%;transition: all 0.5s;left: 20px;background: none;} .Swiper_banner .swiper-pagination-bullet{background: #fff!important;} .Swiper_banner .swiper-pagination-bullet-active{background:#fff!important;} .Swiper_banner .img_ph{display: none;} .Swiper_banner .banner_txt{max-width:1000px;position: absolute;left: 0;right: 0;margin: auto;color: #333;padding: 0 15px;} .Swiper_banner .banner_txt01{top:25%;} .Swiper_banner .banner_txt01 h2{font-family: 'poppins_sb';font-size:42px;margin-bottom:20px;} .Swiper_banner .banner_txt01 ul li{font-size: 18px; margin-bottom: 10px;color: #444;} .Swiper_banner .banner_txt01 ul li b{font-weight: normal;} .Swiper_banner .banner_txt01 .shop_now{padding:12px 50px;background: #f60104;display: inline-block;text-transform: capitalize;font-size: 16px;font-family: 'poppins_sb';margin-top: 30px;color: #fff;} @media only screen and (max-width:1650px ){ .Swiper_banner .banner_txt01{top: 20%;} } @media only screen and (max-width:1350px ){ .Swiper_banner .banner_txt01 h2{font-size: 30px;} .Swiper_banner .banner_txt01 ul li{font-size: 16px;} .Swiper_banner .banner_txt01 .shop_now{padding: 10px 30px;font-size: 14px;margin-top:10px;} } @media only screen and (max-width:992px ){ .Swiper_banner .swiper-button-next{display: none;} .Swiper_banner .swiper-button-prev{display: none;} .Swiper_banner .img_ph{display: block;} .Swiper_banner .img_pc{display: none;} .Swiper_banner .swiper-pagination{bottom: 10px;} } @media only screen and (max-width:640px ){ .Swiper_banner .banner_txt01{top: 7%;width:68%;margin: auto;right: auto;} .Swiper_banner .banner_txt01 h2{font-size: 24px;margin-bottom: 10px;} .Swiper_banner .banner_txt01 ul li{font-size: 14px;margin-bottom:2px;} .Swiper_banner .banner_txt01 .shop_now{padding:8px 20px;} } @media only screen and (min-width:992px ){ .Swiper_banner .banner_txt01 h2{transform: translateY(15px); opacity: 0} .Swiper_banner .banner_txt01 ul{transform: translateY(15px); opacity: 0} .Swiper_banner .banner_txt01 .shop_now{transform: translateY(15px); opacity: 0} .Swiper_banner .swiper-slide-active .banner_txt01 h2{ transition: all .4s ease .6s; transform: translateY(0); opacity: 1;} .Swiper_banner .swiper-slide-active .banner_txt01 ul{transition: all .5s ease .7s; transform: translateY(0); opacity: 1;} .Swiper_banner .swiper-slide-active .banner_txt01 .shop_now{ transition: all .6s ease .8s; transform: translateY(0); opacity: 1;} } /******************** *****Slide effect **********************/ .fade{opacity: 1;} .fade .item{top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;} .fade .item:first-child{top: auto; position: relative;} .fade .item.active{opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;} /*---------- LEFT/RIGHT ROUND CONTROL ----------*/ .control-round .carousel-control{top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #ffffff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 43px; text-shadow: none; position: absolute; font-weight: normal; background: rgba(0,0,0,0.5); -webkit-border-radius: 100px; border-radius: 100px;} .control-round:hover .carousel-control{opacity: 1;} .control-round .carousel-control.left{left: 1%;} .control-round .carousel-control.right{right: 1%;} .control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover{color: #fdfdfd; background: #e79d49 ; border: 0px transparent;} .control-round .carousel-control.left>span:nth-child(1){left: 45%; line-height: inherit;} .control-round .carousel-control.right>span:nth-child(1){right: 45%; line-height: inherit;} /*---------- INDICATORS CONTROL ----------*/ .indicators-line>.carousel-indicators{right: 49%; bottom: 3%; left: auto; width: 90%; height: 20px; font-size: 0; overflow-x: auto; text-align: right; overflow-y: hidden; padding-left: 10px; padding-right:5px; padding-top: 1px; white-space: nowrap;} .indicators-line>.carousel-indicators li{padding: 0; width:12px; height:12px; border: 1px solid #fff; text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px;-webkit-font-smoothing: antialiased; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99); z-index: 10; cursor: pointer; margin: 0 6px;} .indicators-line>.carousel-indicators li:last-child{margin-right: 0;} .indicators-line>.carousel-indicators .active{border: 1px solid #fff; background: #fff; -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;} @media only screen and (max-width:992px){ .indicators-line>.carousel-indicators{bottom: 0;} .control-round .carousel-control.right,.control-round .carousel-control.left{display: none;} .bs-slider::before{background: url(../images/jb_p.png)repeat-x top center;background: none;} .indicators-line>.carousel-indicators{right: 45%;} } /* index_pro */ .index_pro{padding: 0 60px;} .index_pro .swiper_profather{position: relative;margin-bottom: 50px;} .index_pro .noswiper-wrapper{display: flex;display: -webkit-flex;flex-wrap: wrap;} .index_pro .swiper-slide{padding:20px;width: 33.33333%;} .index_pro .image{display:block;overflow: hidden;position: relative;} .index_pro .image img{width: 100%;transition:all 0.5s;} .index_pro .image img.position_imgh{position: absolute;top: 0;left: 0;transform:scale(1.2);opacity: 0;} .index_pro .image:hover img.position_imgh{transform:scale(1.0);opacity: 1} .index_pro .wrap{text-align: center;} .index_pro .wrap .title{color: #111;margin: 10px 0 0px;font-size:16px;text-align: center;display: block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom: 10px;} .index_pro .rating .my-rating-3{display: inline-block;margin-top: -5px;} .index_pro .rating h3{display: inline-block;font-size: 14px;} .index_pro .price{margin:5px 0 10px;} .index_pro .price .or{font-size: 14px;font-size: 16px;color: #666;} .index_pro .price .cur{font-size: 24px;margin-right: 0;margin-left: 4px;} .index_pro .add_cart{text-align: center;text-transform: capitalize;text-align: center;transition: all 0.5s;margin-top: 20px;} .index_pro .add_cart a{color: #000;font-family: 'poppins_m';color: #fff;background: #e79d49;display: inline-block;width: 200px;line-height: 36px;} .index_pro .add_cart a:hover{text-decoration: underline;} .index_pro .swiper-button-next{right:0px;top:45%;} .index_pro .swiper-button-prev{left:0px;top:45%;} .index_pro .rating{display:flex;display: -webkit-flex;justify-content:center;align-items: center;margin-bottom: 10px;} .index_pro .rating .my-rating-3{top:1px;} .index_pro .rating h3{color: #707070;} .recommemt_pro{padding: 0;margin: 20px -10px 0;} .recommemt_pro .swiper-slide{padding: 10px;} .recommemt_pro .swiper-button-prev,.recommemt_pro .swiper-button-next{background: none;} @media only screen and (min-width:992px){ /* .index_pro .image:hover .position_imgq{visibility: hidden;} */ /* .index_pro .image .position_imgh{transition: all 0.5s;} */ /* .index_pro .image:hover .position_imgh{visibility: visible;} */ /* .index_pro .image:hover img.position_imgh{transform: scale(1.05);} */ .index_pro .image:hover img{transform: scale(1.05);} .index_pro .wrap .title:hover{color:#e79d49;} .index_pro .image:hover .add_cart{bottom: 20px;} } @media only screen and (max-width:992px){ .index_pro{padding:0;} .index_pro .swiper-slide{padding:10px;width: 50%;} .index_pro .wrap .title{font-size: 16px;} .index_pro .add_cart{bottom: 20px;} .index_pro .add_cart a{width: 180px;} .index_pro .price .cur{font-size: 20px;} .index_pro .rating h3{font-size: 12px;} .index_pro .swiper_profather{margin-bottom:30px;} .recommemt_pro{padding: 0;margin: 20px -5px 0;} .recommemt_pro .swiper-slide{padding:5px;} } @media only screen and (max-width:480px){ .index_pro .add_cart a{width: 100%;} .index_pro .wrap .title{font-size: 15px;} } /* prolist */ .prolist{padding-bottom:50px;} .prolist ul{display: flex;display: -webkit-flex;flex-wrap: wrap;margin: 0 -10px;} .prolist ul li{padding:10px;width: 25%;} .prolist .image{display:block;overflow: hidden;position: relative;} .prolist .off{position: absolute;padding:2px 10px;background: #F04343;top:0px;left:0px;font-family: "poppins_m";color: #fff;} .prolist .image img{width: 100%;transition:all 0.5s;} .prolist .image img.position_imgh{position: absolute;top: 0;left: 0;transform:scale(1.2);opacity: 0;} .prolist .image:hover img.position_imgh{transform:scale(1.0);opacity: 1} .prolist .wrap .title{color: #111;margin: 10px 0 0px;font-size:15px;display: block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom: 10px;} .prolist .price_shop{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;} .prolist .price_shop .price{margin: 0;} .prolist .price_shop .shop{width: 20px;cursor: pointer;} .prolist .price{margin:5px 0 10px;} .prolist .price .or{font-size: 14px;font-size: 16px;color: #666;} .prolist .price .cur{font-size: 24px;margin-right: 0;margin-left: 4px;} .prolist .rating{display:flex;display: -webkit-flex;margin-bottom: 10px;align-items: center;} .prolist .rating .my-rating-3{top:-4px;} .prolist .rating h3{color: #707070;font-size:13px;} @media only screen and (min-width:992px){ .prolist .image:hover img{transform: scale(1.05);} .prolist .wrap .title:hover{color:#e79d49;} } @media only screen and (max-width:1200px){ .prolist ul li{width: 33.3333%;} } @media only screen and (max-width:992px){ .prolist ul{margin: 0 -5px;} .prolist ul li{padding:5px;width: 50%;} .prolist .wrap .title{font-size: 16px;} .prolist .price .cur{font-size: 20px;} .prolist .rating h3{font-size: 12px;} } @media only screen and (max-width:480px){ .prolist .wrap .title{font-size: 15px;} } /* index_why_us */ .index_why_us .box_dl{padding:80px 0;background: url(../images/why_bg.jpg)no-repeat center center; } .index_why_us .mian_title{padding-top: 0;} .index_why_us .mian_title h2{color: #fff;margin-top: 0;} .index_why_us dl{color: #fff;max-width: 1540px;margin: auto;text-align: center;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;} .index_why_us dl dd{display:inline-block;width: 24%;} .index_why_us dl img{max-height: 71px;} .index_why_us dl h2{font-size: 20px;color: #fff;margin:20px 0 15px;font-family: 'poppins_sb';} .shopping_protection .box_dl{padding: 50px 0;} .shopping_protection dl h2{font-size: 18px;margin-bottom: 0;} .shopping_protection .box_dl{background: url(../images/why_bg.jpg)no-repeat center center;} .first_whyus .box_dl{background: #f7f7f7;padding: 30px 0;} .first_whyus dl h2{color: #111;} @media only screen and (max-width:992px){ .index_why_us .box_dl{padding: 50px 0;} .index_why_us dl dd{width: 50%;} .index_why_us dl dd:nth-child(1),.index_why_us dl dd:nth-child(2){margin-bottom:40px;} .index_why_us .box_dl{background-attachment: inherit;} .shopping_protection .box_dl{background-attachment: inherit;} .index_why_us dl h2{font-size: 16px;line-height: 1.6;font-family: 'poppins_m';} .index_why_us dl p{font-size: 13px;} .index_why_us dl img{max-height: 55px;} .first_whyus .box_dl{padding:30px 0;} .first_whyus dl dd:nth-child(1), .index_why_us dl dd:nth-child(2){margin-bottom: 0;} .first_whyus dl dd{width: 33.3333%;margin-bottom: 0;padding: 0 1%;} .first_whyus dl h2{font-size: 14px;margin-bottom: 0;line-height: 1.5;} .first_whyus dl img{max-height: 50px;} } @media only screen and (max-width:375px){ .index_why_us dl h2{font-size: 16px;} } /* prom_img_section */ .prom_img_section{position: sticky !important;top: 80px;} .prom_img_section .swiper-button-next{right:10px;display: none;} .prom_img_section .swiper-button-prev{left: 10px;display: none;} .prom_img_section .swiper-horizontal>.swiper-pagination-bullets, .prom_img_section .swiper-pagination-bullets.swiper-pagination-horizontal, .prom_img_section .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 15px;} @media only screen and (max-width: 992px){ .products_top{padding: 30px 0;margin-bottom: 0;} } @media only screen and (min-width: 992px){ .prom_img_section:hover .swiper-button-next{display: flex;} .prom_img_section:hover .swiper-button-prev{display: flex;} .prom_img_section .swiper-horizontal>.swiper-pagination-bullets, .prom_img_section .swiper-pagination-bullets.swiper-pagination-horizontal, .prom_img_section .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;} } /* fl_fr_description */ .fl_fr_description ul li{display:flex;display: -webkit-flex;justify-content: space-between;align-items: center;} .fl_fr_description ul li:nth-child(2n){flex-direction:row-reverse} .fl_fr_description ul li .image_box{width:40%;} .fl_fr_description ul li .wentxt{width: 50%;} .fl_fr_description ul li .wentxt{padding:5% 10% 5% 5%;font-size:16px;max-height:100%;overflow-y: auto;box-sizing: border-box} .fl_fr_description ul li .wentxt p{color: #444;} .fl_fr_description ul li:nth-child(2) .wentxt{padding:5% 5% 5% 10%;} .fl_fr_description ul li .wentxt h3{font-size:24px;font-family: "poppins_sb";margin: 30px 0;color: #333;} .fl_fr_description ul li .wentxt a{color: #e79d49;} .fl_fr_description ul li .wentxt a:hover{text-decoration: underline;} .fl_fr_description ul li .image_box{display:flex;display: -webkit-flex;justify-content: space-between; flex-grow:1} .fl_fr_description ul li iframe{min-height:500px;width: 100%;} .fl_fr_description ul li .image_box img{width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;} .description_table{width: 100%;} .description_table tbody tr td{padding: 10px 20px;background: #71abf0;color: #fff;border: 2px solid #fff;font-size: 18px;} .pro_list ul li .wentxt,.pro_list ul li:nth-child(2) .wentxt{padding: 5%;} .pro_list ul li .wentxt h3{margin-bottom: 10px;} .pro_list ul li .wentxt a{color: #333;} .pro_list ul li .wentxt p{margin: 10px 0 30px;} .pro_list ul li .wentxt .price .cur{font-size: 30px;font-family: "poppins_sb";} .pro_list ul li .wentxt a.page_more{font-family: "poppins_m";color: #fff;padding: 0 50px;background: #e79d49;} .pro_list ul li .wentxt a.add_cart{background: #222;} .pro_list ul li .image_box a{width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;overflow: hidden;position: relative;} .pro_list ul li .image_box a img{transition: all 0.5s;} .pro_list ul li .image_box a:hover img{transform: scale(1.05);} .pro_list .price_off{display: flex;display: -webkit-flex;align-items: center;} .pro_list .off{background: #F04343;top:0px;right:0px;font-family: "poppins_m";color: #fff;height: 30px;line-height: 30px;padding: 0 15px;margin-left: 10px;} .pro_list .rating{display:flex;display: -webkit-flex;align-items: center;margin-top: 10px;} .pro_list .rating .my-rating-3{top:-2px;} .pro_list .rating h4{color: #707070;font-size: 14px;} @media only screen and (min-width: 1200px){ .desheight_image .image_box img{max-height: 630px;} } @media only screen and (max-width: 1200px){ .fl_fr_description ul li .wentxt{padding: 2%;} .fl_fr_description ul li .wentxt{font-size: 15px;} .fl_fr_description ul li .wentxt h3{font-size: 20px;margin: 20px 0;} .description_table tbody tr td{font-size: 16px;padding: 10px;} } @media only screen and (max-width: 992px){ .fl_fr_description ul li{flex-wrap: wrap;} .fl_fr_description ul li .wentxt,.fl_fr_description ul li .image_box{width: 100%;} .fl_fr_description ul li:nth-child(2) .wentxt,.fl_fr_description ul li .wentxt{font-size: 14px;padding: 15px 15px 20px;} .fl_fr_description ul li .wentxt h3{font-size: 18px;margin: 10px 0;} .fl_fr_description ul li .wentxt{font-size: 14px;} .fl_fr_description ul li .wentxt h3{font-size: 18px;} .fl_fr_descriptionbox{padding: 0;border: none;} .description_table tbody tr td{padding: 10px;font-size: 14px;} .pro_list ul li:nth-child(2) .wentxt, .pro_list ul li .wentxt{padding: 3% 2% 20px;} .pro_list ul li .wentxt a.page_more{padding: 0 30px;} .pro_list ul li .wentxt .price .cur{font-size: 26px;} .pro_list ul li .wentxt .prolist_btn{display: flex;display: -webkit-flex;justify-content: space-between;} .pro_list ul li .wentxt a.page_more{width: 49%;text-align: center;} .fl_fr_description ul li iframe{min-height:350px;width: 100%;} .pro_list .off{line-height: 26px;height: 26px;} } /* index_faq */ .index_faq{margin-bottom:60px;} .faq_box{margin-bottom: 30px;} .faq ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;align-items: baseline;} .faq ul li{border: 1px solid #f0f0f0;margin-bottom: 20px;width: 49%;} .faq .q{position: relative; padding: 0px 50px 0px 15px; font-size: 15px; line-height: 28px;font-family: 'poppins_sb'; cursor: pointer;color: #222;margin:10px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .faq .q::before{content: "\f067"; font-family: 'fontawesome'; position: absolute; right: 10px; top:0px; width: 30px; height: 30px; line-height: 30px; font-size: 12px; text-align: center;color: #666;border-radius: 50%;} .faq .active .q::before{content: "\f068";} .faq .a{margin: 20px 3%; color: #666;padding-left: 15px; border-left: 1px solid #c0c0c0; font-size: 14px; line-height: 24px;} @media only screen and (max-width: 992px){ .faq ul li{width: 100%;} .faq_box{margin-bottom:0} } @media only screen and (max-width: 768px){ .faq{padding:0px 0px 0px;} .faq .q{font-size: 15px; line-height: 24px;} .faq .a{margin: 10px;padding-left: 10px;} .faq .title{font-size: 36px; line-height: 38px;} } /* faq */ /* via_video */ .via_video{position: relative;margin-bottom:50px;} .via_video .swi_position{position: relative;} .via_video ul .li{position: relative;margin: 0 10px;} .via_video ul li .images{display: block;overflow: hidden;position: relative;} .via_video ul li .images iframe{height: 300px;} .via_video ul li{width:33.333333%; padding: 0 8px; list-style: none; transition: 0.5s all; } .via_video ul li p{margin-top: 20px;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .via_video ul li .shop_now a{text-transform: capitalize;font-size:18px;margin-top: 15px;display: inline-block;font-family: 'poppins_m';color: #e79d49;position: relative;padding-bottom: 5px;} .via_video ul li .shop_now a::before{width:40%;position: absolute;content: "";height: 1px;bottom: 0;background: #e79d49;transition: all 0.5s;} .via_video ul li .shop_now a:hover::before{width: 100%;} .via_video .swiper-scrollbar{margin-top: 40px;} .via_video .swiper-horizontal>.swiper-scrollbar{width: 100%;height:6px;} .via_video .swiper-scrollbar .swiper-scrollbar-drag{background: #e79d49;border-radius:20px;} .via_video .swiper-button-next{right:-50px;top:45%;} .via_video .swiper-button-prev{left:-50px;top:45%;} @media (min-width: 992px){ .via_video ul li .images img:hover{transform: scale(1.05);} .via_video ul li p:hover{color:#e79d49 ;} } @media (max-width: 992px){ .via_video{margin:0px 0 50px;} .via_video::before{height: 300px;} .via_video ul li{width: 50%;} .via_video ul li .images::before{width: 50px;height: 50px;} .about_box .video_wrapper iframe{height: 400px;} .via_video .swiper-button-next{right:0px;} .via_video .swiper-button-prev{left:0px;} .via_video .mian_title{padding-top: 10px;} } @media (max-width: 480px){ .via_video ul li{width: 100%;padding: 0;} .via_video{margin-bottom: 0;} .via_video ul .li{margin: 0;} } /*footer*/ .footer_message form{display: block;max-width: 560px;width:100%;margin: auto} .footer_message{display: flex;display: -webkit-flex;justify-content: center;align-items: center;flex-wrap: wrap;color: #fff;padding:50px 2%;background:#dba66a;background-attachment: fixed;} .footer_message h5{font-size: 12px;text-align: center;} .footer_message h2{width: 100%;text-align: center;margin-top: 10px;} .footer_message p{width: 100%;text-align: center;margin: 25px 0 40px;font-size: 16px;} .footer_message .letter-input{max-width:600px; position: relative;width: 100%;margin: auto;} .footer_message .letter-input .fot_input{background: rgba(255, 255, 255, 0.1); width:calc((100% - 190px)/1); line-height: 46px;height: 46px; padding-left: 15px; padding-right: 50px;color: #fff;border: 1px solid rgba(255,255,255,0.45);} .footer_message .letter-input .send{height:46px;line-height:46px;width: 180px; background: #111; color: #fff;float: right;} .footer_message .letter-input .send:hover{text-decoration: underline;} .footer_message .letter-input .fot_input:-ms-input-placeholder{color: #fff;} .footer_message .letter-input .fot_input::-webkit-input-placeholder{color: #fff;} /* WebKit browsers */ .footer_message .letter-input .fot_input:-moz-placeholder{color: #fff;} /* Mozilla Firefox 4 to 18 */ .footer_message .letter-input .fot_input::-moz-placeholder{color: #fff;} .footer_message .codediv{display: none;} .footer_message .copy_code{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;max-width: 500px;margin: auto;} .footer_message .copy_code h5{font-size: 18px;} .footer_message .copy_num{line-height: 46px;text-align: center;display: flex;height: 46px;align-items: center;justify-content: space-between;padding: 0 20px;font-family:'poppins_m';color: #222;position: relative;width: calc((100% - 152px)/1);background: rgba(255,255,255,0.95);cursor: pointer;} .footer_message .copy_num p{margin: 0;width: auto;} .footer_message .copy_num i{font-size: 18px;cursor: pointer;} .footer_message .copy_num i:hover{color: #e79d49;} .footer_message .copy_code .send{height:46px;line-height:46px;width: 142px;background: #111; color: #fff;float: right;} .footer_message .copy_success{position: absolute;color: #999;display: none;text-align: center;right:20px;} .footer_message .copy_code .send:hover{text-decoration: underline;} @media only screen and (max-width: 768px) { .footer_message p{margin: 25px 0 40px;font-size: 14px;} .footer_message{padding: 60px 2%;} .footer_message .letter-input .fot_input,.footer_message .letter-input .send,.footer_message .copy_num,.footer_message .copy_code .send{height: 40px;line-height: 40px;} .footer_message{background-attachment: inherit;} } .footer{position: relative; z-index: 11; padding:60px 0; overflow: hidden; position: relative; background: #111111;margin-top: -2px; color:rgba(255, 255, 255, 0.8); } .footer_wave{height: 52px;background: #fff;position: relative; overflow: hidden;} .footer .row{display: flex;display: -webkit-flex;justify-content: space-between;} .footer .fot_logo{width: 210px;} .footer .fot_title{position: relative; display: block; margin-bottom: 20px;} .footer .fot_title em{display: block; font-size: 18px; line-height: 30px; text-transform: capitalize; font-family: 'poppins_m'; color: #fff;text-transform: uppercase;font-family: "poppins_m";} .footer ul, .foot_bot ul{list-style: none;} .icon-minus-sign, .icon-plus-sign{width: 14px; height: 14px; display: flex; position: relative; flex-direction: column; justify-content: center; align-items: center;} .icon-minus-sign:before, .icon-minus-sign:after, .icon-plus-sign:before, .icon-plus-sign:after{content: ''; position: absolute; background: #5db3b1; width: 14px; height: 2px; margin: 2px 0;} .icon-plus-sign{width: 12px; height: 12px;} .icon-plus-sign:before, .icon-plus-sign:after{width: 12px;} .icon-plus-sign:after{transform: rotate(90deg); -webkit-transform: rotate(90deg);} .icon-minus-sign:before{transform: rotate(45deg); -webkit-transform: rotate(45deg);} .icon-minus-sign:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} .fot_title .column_icon_toggle{display: none;} .fot_nav{float: left; width:22%; padding-right: 40px;} .fot_nav:last-child{padding-right: 0;} .fot_nav li{margin-bottom: 12px;} .fot_nav li a:hover:before{background-color: #e79d49;} .fot_nav li a{position: relative; display: block; font-size: 13px; color:rgba(255, 255, 255, 0.8);} .fot_nav li a:hover{color: #e79d49;} .fot_nav ul.contact_ul li{margin-bottom: 20px;overflow: hidden;} .fot_nav ul.contact_ul li p{width: calc(100% - 40px);float: left;} .fot_nav ul.contact_ul li span{padding-right: 15px;width: 40px;float: left;} .fot_sup{float: left; width: 22%; padding-right: 40px;} .fot_sup li{margin-bottom: 10px;} .fot_sup li a:hover:before{background-color: #e79d49;} .fot_sup li a{position: relative; display: block; font-size: 13px;text-transform: capitalize;} .fot_sup li a:hover{color: #e79d49;} .fot_con{float: left; width:34%; padding-right:80px; text-align: left; position: relative; z-index: 10;} .fot_about{width:30%;} .fot_about .fot_about_txt{font-size: 14px;margin-bottom: 20px;} .fot_con li{padding-bottom: 16px;font-size: 13px; line-height: 24px; background-repeat: no-repeat; background-position: left 0;} .fot_con .text{ font-size: 13px; margin-bottom: 20px;} .fot_con li a{font-size: 13px; line-height: 24px;position: relative; display: inline-block; transition: all .5s;} .fot_con li a:hover{text-decoration: none; color: #e79d49;} .fot_mes{float: left; width: 25%; padding: 0; position: relative; z-index: 10;} .fot_mes .text{font-size: 13px; line-height: 24px;} .share_dl{display: flex;display: -webkit-flex;align-items: center;} .share_dl dd{display: inline-block;} .share_dl dd a{display: flex;display: -webkit-flex;justify-content: center;align-items: center;color: #fff;text-align: center;cursor: pointer;margin-right:5px;width: 28px;height: 28px;border-radius:4px;} .share_dl dd a img{transition: all 0.5s;} /* @media only screen and (min-width:992px){ .share_dl dd a img:hover{margin-top: -10px;} } */ /* Internet Explorer 10+ */ .fot_mes .letter-input .fot_input::-webkit-input-placeholder{color: #898d90;} /* WebKit browsers */ .fot_mes .letter-input .fot_input::-moz-placeholder{color: #898d90;} /* Mozilla Firefox 4 to 18 */ .fot_mes .letter-input .fot_input:-moz-placeholder{color: #898d90;} /* Mozilla Firefox 19+ */ .social_icons{list-style: none; padding-top: 30px;} .social_icons li{display: inline-block; padding: 0 8px; margin-bottom: 5px;} .footer-bottom .row{display: flex;display: -webkit-flex;justify-content: space-between;} .footer-bottom{border-top: 1px solid rgba(255, 255, 255, .05); padding: 20px 0; background: #111; text-align: center;} .footer-bottom .copy{color: rgba(255, 255, 255, 0.6); font-size: 13px;width: 50%;text-align: left;} .footer-bottom ul{list-style: none;width: 50%;text-align: right;} .footer-bottom ul li{display: inline-block; margin-left:5px;} .footer-bottom ul li:first-child{margin-left: 0;} .footer-bottom ul li img{max-width: 38px;} @media only screen and (max-width:1400px){ .footer:before{display: none;} .footer{margin-top: 0px; padding: 40px 0 30px;} } @media only screen and (max-width: 992px){ .fot_con{margin-bottom:30px;} .footer .row,.footer-bottom .row{display: block;} .fot_nav, .fot_sup, .fot_con{padding-right: 20px;} .footer{padding: 30px 0 0px 0; margin: 0; background-position: right center;} .footer .fot_tag, .footer .fot_nav, .footer .fot_con, .footer .fot_mes, .footer .fot_sup{width: 100%; padding: 0;} .footer .fot_title em{margin-bottom: 0; font-size: 14px; font-family: 'poppins_m'; line-height: 24px; padding-bottom: 0; text-transform: uppercase;} .footer .fot_title span{display: none;} .footer .fot_title{display: block; padding-bottom: 0px; cursor: pointer; margin-bottom: 0px; font-size: 15px; position: relative; text-transform: uppercase;} .footer .fot_con .fot_title{margin-bottom: 15px;} .footer .fot_con p{font-size: 13px;} .footer .fot_title .column_icon_toggle{display: inline-block; position: absolute; right: 10px; top: 9px; font-style: normal; cursor: pointer; font-weight: normal;} .footer .icon-minus-sign:before, .footer .icon-minus-sign:after, .footer .icon-plus-sign:before, .footer .icon-plus-sign:after{background: #666;} .footer .toggle_content{ padding-top: 10px;} .fot_mes .fot_title, .fot_nav .fot_title, .fot_sup .fot_title{display: block;} .fot_mes{text-align: left;} .footer .fot_nav{margin: 0; text-align: left;background: #171717;padding: 10px;margin-bottom: 10px;} .footer-bottom{border: none; margin-top: -1px;} .footer .fot_logo{width: 180px;} .footer-bottom .copy{margin-bottom: 15px;} .footer-bottom .copy,.footer-bottom ul{text-align: center;width: 100%;} } /*footer*/ /*back-top*/ .progress-wrap {position: fixed;right: 2px;bottom: 75px;height: 46px;width: 46px;cursor: pointer;display: block;border-radius: 50%; box-shadow: inset 0 0 0 2px rgba(0,0,0,0.1);z-index: 99999;opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transition: all 200ms linear; transition: all 200ms linear;} .progress-wrap.active-progress {opacity: 1;visibility: visible;transform: translateY(0);} .progress-wrap::after {position: absolute;font-family: 'FontAwesome';content: "\f106";text-align: center; line-height: 46px;font-size: 24px;color:#e79d49 ;left: 0;top: 0;height: 46px;width: 46px;cursor: pointer;display: block; z-index: 1;-webkit-transition: all 200ms linear;transition: all 200ms linear;} .progress-wrap svg path { fill: none; } .progress-wrap svg.progress-circle path {stroke: #e79d49 ;stroke-width: 4;box-sizing:border-box;-webkit-transition: all 200ms linear; transition: all 200ms linear;} .mobile_nav{position: fixed; left: 0; bottom: 0; width: 100%; padding: 4px 0; display: none; z-index: 999999; box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4); border-radius: 2px 2px 0 0; background: #fff; border-top: 1px solid #eee;} .mobile_nav a{width: 25%; padding: 0 10px; float: left; text-align: center;} .mobile_nav a i{width: 36px; height: 36px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: contain;} .mobile_nav a p{color: #3c3c3c; padding-top: 5px; font-size: 12px; font-family: 'poppins_m'; text-transform: uppercase; line-height: 14px;} @media only screen and (max-width: 992px){ .back_top{right: 0; bottom: 120px; width: 40px; height: 40px;} .back_top:before{font-size: 20px; line-height: 36px;} .progress-wrap::after{width: 40px; height: 40px;line-height: 40px;} } @media only screen and (max-width: 768px){ .mobile_nav{display: block;} .mobile_nav a i{width: 22px; height: 22px;} .mobile_nav a p{text-transform: capitalize;} .footer-bottom{padding-bottom: 80px;} #onlineService .i_message_inquiry .main-more input{padding: 8px 20px;} .i_message_inquiry .inquiry{padding: 15px 10px;} #onlineService .title{padding: 10px 15px;} } @media only screen and (max-width:480px){ .footer-bottom .copy{width: 100%; text-align: center; padding-top: 5;} .footer-bottom ul{width: 100%; text-align: center;margin-bottom: 5px;} .footer-bottom ul li{display: inline-block; float: none; margin-left: 0;} .footer-bottom{padding-bottom: 72px;} } .fixed_coupon{display: inline-block; position: fixed; z-index: 999999; top: 45%; right: -88px; background: #e10600; height: 40px; line-height: 40px; padding: 0px 22px; color: #fff; text-transform: capitalize; -ms-transform: rotate(270deg); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); -ms-transform-origin: left top; -moz-transform-origin: left top; -webkit-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; letter-spacing:1px; font-size: 15px; border-radius: 4px 4px 0 0; box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.1); cursor: pointer;} .fixed_cover_div{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.9; display: none;} .fixed_coupon_content{position: absolute; top: 0; left: 0; z-index: 99999998;} .fixed_coupon_content .main{position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none;} .fixed_coupon_content .main .box{background: #fff; padding: 30px 15px; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 550px; text-align: center; transition: all .3s;} /*.fixed_coupon_content .main.active{top: 45%; opacity: 1; visibility: visible; height: auto;}*/ .fixed_coupon_content .main .title{font-size: 34px; line-height: 40px; font-family: 'poppins_m';} .fixed_coupon_content .main .title_2{font-size: 24px;} .fixed_coupon_content .main .text{display: block; color: #777;} .fixed_coupon_content .input_text{height: 44px; width: 100%; border: 1px solid #ddd; line-height: 44px; padding-left: 15px; margin-top: 10px;} .fixed_coupon_content .read_more{width: 100%; margin-top: 20px; text-align: center; font-size: 16px;} .fixed_coupon_content .code{margin-top: 13px; font-size: 24px; color: #e10600;} .fixed_coupon_content .box1 .title{color: #e10600;} .fixed_coupon_content .box2{display: none;} .close_span{cursor: pointer; position: absolute; right: 10px; top: 10px; width: 40px; height: 40px; text-align: center; line-height: 40px;} .close_span i{width: 100%; height: 100%; line-height: inherit; position: absolute; left: 0px; top: 0px;} .close_span i::before, .close_span i::after{content: ''; position: absolute; left: 10px; top: 18px; width: 20px; height: 2px; background: #333;} .close_span i::before{transform: rotate(45deg);} .close_span i::after{transform: rotate(-45deg);} @media only screen and (max-width: 768px){ .fixed_coupon{transform: rotate(0deg); right: 0; padding: 0 12px; height: 32px; line-height: 32px; font-size: 12px; top: auto; bottom: 55px; border-radius: 30px; letter-spacing: normal;} } /*page*/ .page_banner{width: 100%; overflow: hidden;position: relative;} .page_banner img{width: 100%; height: auto; max-width: 100%;} .page_banner .page_bannerph{display: none;} @media only screen and (max-width: 992px){ .page_banner .page_bannerph{display: block;} .page_banner .page_bannerpc{display: none;} } /*biaozhu*/ .biaozhu{border-top: 1px solid #f3f3f3;} .biaozhu .main_title{text-align: left; padding-top:50px;} .biaozhu .main_title em{color:#000000;font-size:42px;text-transform:uppercase;line-height:48px;margin:0;position:relative;z-index: 2;display: block; font-style: normal;font-family: 'Montserrat', sans-serif;font-family: 'poppins_sb';} .breadcrumb{font-size:12px;border-radius:0;text-transform:capitalize;text-align:left;margin:0;color:#808080;padding:2px 0; width:100%;z-index:5;background-color: transparent;} .breadcrumb .bread_right{padding-top:0;line-height:20px;font-size:12px;color:#808080;position: relative;z-index: 5;margin-bottom:0;padding-left: 0;display: inline-block;} .breadcrumb > i{margin:0 5px;display:inline-block;color:#808080;vertical-align: middle;} .breadcrumb a.home i{margin-right:5px;} .breadcrumb a.home{color: #333333; } .breadcrumb a{color:#808080;font-size:12px;text-transform: capitalize;display: inline-block; vertical-align: middle;} .breadcrumb a:hover{color:#febe40;} .breadcrumb p,.breadcrumb h2{margin:0;display:inline-block;padding:0;font-size:12px;line-height:22px;color:#808080; font-weight: normal;display: contents } .breadcrumb .attachment_line_top{display: none;} .n_main,.common{padding: 40px 0 60px;} .pro_main{padding: 50px 0;} /* .pro_main .video-container{ position: relative;width: 100%; padding-top: 56.25%;margin:auto;} */ .pro_main .video-container iframe {width: 900px!important;height: 505px!important;margin: auto;display: block;} @media only screen and (max-width: 900px){ .pro_main .video-container{ position: relative;width: 100%; padding-top: 56.25%;margin:auto;} .pro_main .video-container iframe {position: absolute;top: 0;left: 0;width: 100%!important;height: 100%!important;} } @media only screen and (max-width: 992px){ .biaozhu .main_title{padding-top: 20px;} .biaozhu .main_title em{font-size: 30px;} .n_main{padding: 20px 0 40px;} .pro_main{padding: 30px 0;} } /*about page*/ .single_page .text img{max-width: 100%; height: auto;} .single_page .text{font-size: 14px; line-height: 24px;} /* table common */ .table{border-bottom: 1px solid #ddd;} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{vertical-align: middle;} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th{padding: 15px 10px; font-family: 'poppins_m'; font-weight: 400; font-size: 15px; border-top: 0;} .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding: 10px;} @media screen and (max-width: 767px){.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td{white-space: normal;} .table{border-bottom: 0px solid #ddd;} .table-responsive{border: 0;}} /* n_left */ .n_left{float: left; width: 25%;} .n_right{float: right; width: 75%; padding-left: 45px;} @media only screen and (max-width:992px) { .n_left{float: inherit; width: 100%;} .n_right{float: inherit; width: 100%; padding-left: 0px;} } /* cart */ .cart_products_top{font-family: 'poppins_m';font-size: 18px;padding: 15px 0;} .cart_products_top .left{width: 60%;float: left;} .cart_products_top .left .main{ width: calc(100% - 135px);float: left;padding-left: 30px;} .cart_products_top .cart_all{float: left;} .cart_products_top .p_checkbox{margin-top: 4px;} .cart_products_top .right{width: 40%;float: left; display: flex;display: -webkit-flex;justify-items: center;justify-content: space-between;} .cart_products_top .right .quantity_ti{float: left;padding-left: 12px;} .cart_products_top .right .cart_total{float:right;} .cart_title{font-size: 22px; font-family: 'poppins_m'; text-transform: capitalize;} .cartandcheckout_left{float: left; width: 70%; padding-right: 50px;} .cartandcheckout_right{float: right; width: 30%; background: #fff; padding: 0px 12px 20px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05); border-radius: 4px;} .cart_products_detail li:first-child{border-top: 1px solid #eee;} .cart_products_detail li{border-bottom: 1px solid #eee; padding: 15px 0;} .cart_products_detail li .left{width: 58%; float: left;} .cart_products_detail li .right{width: 40%; float: left; padding-top: 22px; padding-left: 10px; display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;} .cart_products_detail .images{display: block; width: 100px; float: left;margin-left:49px;} .cart_products_detail .images img{max-width: 100%;} .cart_products_detail .main{width: calc(100% - 181px); float: left; padding-left: 12px;} .cart_products_detail .main .title{display: inline-block; font-family: 'poppins_m'; font-size: 13px; line-height: 20px; overflow: hidden; margin-bottom: 5px;} .cart_products_detail .main .price{font-size: 13px; margin-bottom: 5px;} .cart_products_detail li .right .quantity_box{float: left;border: 1px solid #e5e5e5;border-radius: 20px;} .cart_products_detail li .right .cart_total{float: right; font-size: 16px; font-family: 'poppins_m'; padding-top: 10px;} .quantity_box{font-size:14px; font-family: 'poppins_m';} .quantity_box .sub, .quantity_box .add{float: left; width:36px; height:36px; line-height:36px; text-align: center;} .quantity_box .quantity_input{float: left; width: 60px; height:36px; line-height:36px; text-align: center;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;} .cart_products_detail .remove{line-height: 24px; font-size: 16px; text-decoration: underline; text-transform: capitalize; cursor: pointer;width: 20px;padding: 5px;height: 100%;background: #f7f7f7;} .cart_products_detail .remove:hover{background:#f1f1f1} @media only screen and (max-width:768px ){ .cart_products_detail li .left{width: 100%;} .cart_products_detail li .right{width: 100%;padding-left: 0;} .cart_products_top .left{width: 100%;} .cart_products_top .right{display: none;} } .page_cart .quantity_th{display: inline-block; min-width: 160px;} .cart_total{background: #fff;border-bottom: none;} .cart_total td{padding: 15px !important;} .cart_total .title{font-family: 'poppins_m'; font-size: 15px;} .cart_total .total_tr{background: #f7f7f7;} .cart_total .total_tr .title{font-size: 18px;} .cart_total .total_tr .price .cur{font-size:20px;} .cart_total .total_tr .price .or{font-size: 14px;} .cart_total .border_tr td{border: none;} .cart_total .title span{font-family: 'poppins';color: #666;font-size: 13px;} .cart_total .title span img{width: 20px;margin: 0 4px 0 2px ;} .cart_total td:last-child{text-align: right;} .cartandcheckout_right .read_more{font-family: 'poppins_m'; padding: 0 20px;} .cartandcheckout_right .read_more{width: 100%; text-align: center;} .cartandcheckout_right .apply{background: #222;} .coupon_code{margin-bottom: 10px;} .coupon_code .code_input{width: 100%; height: 44px; margin-bottom: 10px; padding-left: 15px; line-height: 44px; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);} .cartandcheckout_right .apply:hover{background: #e79d49;} .mostBox{width: 100%; margin: 50px 0 30px; font-size:14px; line-height:24px;} .mostBox .nav-tabs > li > a{border: 0; border-radius: 0; color: #999; font-size: 18px; font-family: 'poppins_m'; padding: 15px 25px;text-transform: capitalize;} .mostBox .nav-tabs > li > a:hover{background: transparent; color: #222;} .mostBox .nav-tabs > li.active > a, .mostBox .nav-tabs > li.active > a:hover, .mostBox .nav-tabs > li.active > a:focus{border: 0; color: #222; background-color: transparent;} .mostBox .nav-tabs > li.active{position: relative;border-bottom:3px solid #e79d49;background: #ecfffb;} .mostBox .nav-tabs{padding-bottom: 2px;background: #f7f7f7;border: 0;border-radius: 10px;overflow: hidden;} .mostBox .nav-tabs > li{float: none; display: inline-block;} .mostBox .tab-content{padding-top: 20px;} .page_title{position: relative; display: block; padding-left: 14px; font-family: 'poppins_m'; font-size: 18px; line-height: 50px;} .page_title::before{content: ''; position: absolute; left:0px; top: 21px; width: 5px; height: 5px; background: #222;} .Hpro_content .page_title{background: #f9f9f9; padding-left:30px;color: #111;} .Hpro_content .page_title::before{left: 17px;} @media only screen and (max-width: 992px){ .cartandcheckout_left{float: none; width: 100%; padding-right: 0;} .cartandcheckout_right{float: none; margin-top: 10px; width: 100%; background: #fff; padding: 0; box-shadow: none;} } .page_payment_ph{display: none;} .page_payment_ph h2{font-size: 16px;font-family: 'poppins_m';} @media only screen and (max-width: 480px){ .page_payment_ph{display: block;margin-top: 20px;} .page_title{font-size: 16px;} } /* progressbar_box */ .progressbar_box{text-align: center;padding-bottom: 28px;} .progressbar_box li{display: inline-block;padding: 0 40px;} .progressbar_box li i{font-size: 16px;} .progressbar_box .progressbar_item .span1{width: 44px;height: 44px;border: 1px solid #bdbdbd;background-color: #ededed;color: #222;display: inline-block;line-height: 44px;text-align: center;border-radius: 22px;font-size: 20px;vertical-align: middle;} .progressbar_box .progressbar_item .text{font-size: 16px;padding-left: 10px;} .progressbar_box .progressbar_item .span1 i{line-height: inherit;} .progressbar_box .progressbar_item .check{display: none;} .progressbar_box .progressbar_item.current .span1, .progressbar_box .progressbar_item.active .span1{background: #e79d49;color: #fff;border: 1px solid #e79d49;} .progressbar_box .progressbar_item.active .num{display: none;} .progressbar_box .progressbar_item.current .check{display: none;} .progressbar_box .progressbar_item.active .check{display: inline-block;} .progressbar_box .progressbar_item .a{display: none;} @media only screen and (max-width: 768px){ .progressbar_box li{padding: 0 3px;} .progressbar_box .progressbar_item .text{font-size: 14px;padding-left: 2px;} .progressbar_box .progressbar_item .span1{width: 36px;height: 36px;line-height: 34px;font-size: 18px;} } /* checkout */ .page_checkout .cartandcheckout_left .page_edit{display: flex;display: -webkit-flex;justify-content: space-between;} .page_checkout .cartandcheckout_left .page_edit .edit a{color: #e79d49;line-height:34px;} .page_checkout .cartandcheckout_left .page_edit .edit a:hover{text-decoration: underline;} .page_checkout .cartandcheckout_left .page_title{line-height: 30px; padding-bottom: 10px;} .page_checkout .cartandcheckout_left .page_title::before{top: 11px;} .page_checkout .cartandcheckout_left .account_book_ul li{background: none;border:1px solid #e5e5e5;border-radius: 4px;} .page_checkout label{font-weight: 400; margin-bottom: 10px;} .address_ul li{float: left; width: 100%; margin-bottom: 15px;} .address_ul .li2{width: 49%;} .address_ul .li2_r{float: right;} .address_ul input, .address_ul select{width: 100%; height: 44px; padding-left: 15px; line-height: 44px; border: 1px solid #e5e5e5; border-radius: 4px;} .address_ul input:focus{border-color: #e79d49;} .checkout_checkbox .toggle_input{margin-top: 0; margin-right: 4px;} .checkout_checkbox span{vertical-align: middle;} .billing_address{display: none;} .shipping_method{margin: 10px 0 20px;} .payment_method{margin-bottom: 20px;} a.check_out{width: 100%;text-align: center;} .shipping_method ul, .payment_method ul{border: 1px solid #e5e5e5; border-radius: 4px;} .pay_label{display: flex;display: -webkit-flex;justify-content: space-between;margin-bottom: 10px;width: 100%!important;} .payment_method ul.pay_img{border: none;width: 50%;text-align: right;} .payment_method ul.pay_img li{display:inline-block ;} .secure_payment_box{display: none;} .secure_payment{background: #e9f4f9;padding: 10px;display: flex;display: -webkit-flex;width:100%;position: fixed;width: 100%;z-index: 9;top:54px;align-items: center;max-width: 750px;left: 0;right: 0;margin: auto;} .secure_payment .secure_fl{width:136px;padding-left: 40px;background: url(../images/svg/safe.svg)no-repeat 10px 10px;background-size: 25px;line-height: 21px;font-family: 'poppins_m';border-right: 1px solid #c9d5db;} .secure_payment p{width:calc((100% - 136px)/1);padding-left: 15px;font-size: 13px;} @media only screen and (max-width: 992px){ .page_checkout{display: flex;display: -webkit-flex; flex-direction:column-reverse} /* .secure_payment_box{display: block;} */ } /* .payment_method ul{background: #f9f9f9;} */ .shipping_method ul li:first-child, .payment_method ul li:first-child{border-bottom: 1px solid #e5e5e5;} .shipping_method label, .payment_method label{float: left; display: block; width: 100%; padding: 15px 10px; margin-bottom: 0; cursor: pointer;} .shipping_method label input, .payment_method label input{margin-top: 0; width: 20px; float: left; margin-top: 6px;} .shipping_method label div, .payment_method label div{width: calc(100% - 20px); float: left; padding-left: 4px;} .payment_method label div.payment_between{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;} .shipping_method .right{float: right; font-family: 'poppins_m';} .shipping_method .left{float: left;} .textarea_div textarea{width: 100%; border: 1px solid #ddd; height: 80px; background: #f9f9f9; padding: 10px; line-height: 22px; border-radius: 4px;} .checkout_products{font-size: 13px; margin-bottom: -1px;} .checkout_products .image{position: relative;} .checkout_products.table td{padding: 10px 8px !important;} .checkout_products td.image{width: 64px;} .checkout_products img{width: 64px; border: 1px solid #ddd; border-radius: 4px;} .checkout_products .title p{line-height: 20px; height: 40px; overflow: hidden;} .checkout_products .num{position: absolute; right: 0px; top: 3px; padding: 0 2px; min-width: 24px; height: 24px; line-height: 26px; text-align: center; background: #aaa; border-radius: 30px; color: #fff; font-size: 12px;} .cart_block{box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);} .checkout_products .price{text-align: right;} .checkout_products .price .cur{font-size: 18px;color: #e79d49;} .checkout_products .price .or{font-size: 14px;} .card_payment{background:#e9f4f9;margin-top: 20px;padding: 20px!important;background: url(../images/svg/safe.svg)no-repeat 10px 15px #e9f4f9;background-size:25px;padding-left:40px !important;} .card_payment h2{font-size: 16px;font-family: 'poppins_m';margin-top: 0;} .shipping_method .address_ul input, .payment_method .address_ul input{width:100%;} .payment_method ul.address_ul li:first-child{border-bottom: none;} .new_card .address_ul{border: none;padding: 0 20px 20px;} .new_card label{padding-left: 0;} .new_card .address_ul h3{font-size: 12px;color: #777;margin:0;margin-bottom: 10px;} .new_card .address_ul li{position: relative;} .new_card .address_ul li .lock{width: 20px;right: 10px;position: absolute;bottom: 15px;} .new_card .address_ul li .lock img{width: 100%;} @media only screen and (max-width: 480px){ .shipping_method .right, .shipping_method .left{float: none; display: block;} .address_ul .li2{width: 100%;} .card_payment{background-position: 10px 22px;} } /* n_left */ .pro_nav{display: block; padding: 9px 10px; background: #e79d49; font-size: 20px; color: #fff; text-transform: capitalize; font-family:'poppins_m';} .filter_refine_by_content>div{position: relative; border-bottom: 1px solid #eee;} .filter_refine_by_content>div:last-child{border-bottom: 0;} .closeBtn{position: absolute; left: 0; background: url(../images/wrong.png) no-repeat left 8px; display: inline-block; font-size: 0; height: 20px; width: 20px;} .filter_refine_by_content a{position: relative; padding: 10px 20px; text-transform: capitalize; text-decoration: none; width: 100%; display: inline-block; line-height: 24px;} .n_left_account ul li.current a, .n_left_account ul li a:hover{color: #e79d49;} .n_left_account ul li a{width: 100%; display: inline-block; font-family: "poppins_m"; text-decoration: none; padding: 8px 0 8px 8px; line-height: 24px; border-bottom: 1px solid #eee;} .n_left_account ul li:last-child a{border-bottom: 0;} .price_ul li a{display: block; padding: 10px 10px 7px 20px; line-height: 24px; border-bottom: 1px solid #eee; background: url(../images/checkbox.png) no-repeat left 15px;} .price_ul li:last-child a{border-bottom: 0;} .price_left ul li a.checked{color: #e79d49; background: url(../images/checkbox_chcked.png) no-repeat left 15px;} .hot_left {margin-top: 30px;box-shadow: 0px 8px 16px 0px rgb(200 183 255 / 20%);padding: 15px;background: #fff;border-top: 3px solid #e79d49;} .hot_left .nav_h4{line-height: 30px;color: #444;font-family: 'poppins_m';font-size: 20px;position: inherit;margin-bottom: 10px;padding-bottom: 10px;text-transform: capitalize;} /* .hot_left .nav_h4:before{content: ''; position: absolute; width: 50px; height: 2px; background: #e79d49; left: 0; bottom: 0;} */ .hot_left ul li{list-style:none;transition: all .3s;} .hot_left ul li .li{padding:10px;border-radius: 4px;border: 1px solid #eee;margin-bottom:10px;} .hot_left ul li .img{float:left; width:30%;overflow:hidden; border-radius:5px;text-align: center;} .hot_left ul li .main{width: 70%; float: left; padding: 0px 0px 0 10px;} .hot_left ul li .text{float:left; width:73%;} .hot_left ul li .img img{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; width: 100%; height: auto;} .hot_left ul li .title{display: inline-block; font-size:14px; color:#222; overflow:hidden; line-height:20px; max-height:40px; display:block; margin-bottom: 5px; word-break: break-word; font-family: 'poppins_m';} .hot_left ul li .title:hover{color: #e79d49;} .hot_left ul li:hover{transform: translateY(-3px); box-shadow: 10px 10px 10px rgba(0,0,0,0.05);} .hot_left ul li:hover h4 a{color:#e79d49 ;} .hot_left ul li:hover .img img{transform: scale(1.1);} .left_img{margin:30px 0;} .hot_left ul li .title:hover{text-decoration: underline;} .hot_left .price{font-family: 'poppins'; font-size: 13px;} /*left mtree*/ ul.mtree{opacity: 0; margin-left: 0;border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} ul.mtree li ul.mtree-level-1{background: #f9f9f9; border-bottom: 1px solid #eee;} ul.mtree>li{list-style: none; border-bottom: none;} ul.mtree>li a{border-bottom: 1px solid #eee;} ul.mtree>li:last-child a{border: none;} ul.mtree a{display: block; font-size: 15px; color: #444; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; padding: 8px 30px 8px 5px; line-height: 22px; padding-right: 40px;} ul.mtree li ul a{padding: 8px 25px 8px 15px;} ul.mtree.transit li.mtree-open>span:before, ul.mtree.transit li.mtree-closed>span:before{font-family: FontAwesome; font-size: 18px; color: #e79d49; font-weight: bold; text-align: center; font-style: normal; width: 43px; height: 43px; line-height: 43px; position: absolute; right: 0; top: 0px; z-index: 2;} ul.mtree.transit li.mtree-open>span:before{content: "-";} ul.mtree.transit li.mtree-closed>span:before{content: "+"; color: #999;} ul.mtree .mtree-level-1 li.mtree-open>span:before{content: "-"; font-family: FontAwesome; float: right; font-size: 18px; line-height: 38px; color: #e79d49; font-weight: bold; text-align: center; font-style: normal; width: 38px; height: 38px; position: absolute; right: 0; top: 0px; z-index: 2; border-radius: 0px;} ul.mtree .mtree-level-1 li.mtree-closed>span:before{content: "+"; font-family: FontAwesome; float: right; font-size: 16px; line-height: 38px; color: #999; font-weight: bold; text-align: center; font-style: normal; width: 38px; height: 38px; position: absolute; right: 0; top: 0px; z-index: 2; border-radius: 0px;} ul.mtree>li.mtree-node a ul a{font-size: 14px;} ul.mtree>li.mtree-open{color: #444; padding-bottom: 0;} ul.mtree>li.mtree-open>a, ul.mtree>li.mtree-open>a:after{color: #e79d49;} ul.mtree>li.mtree-node:hover>a, ul.mtree>li.mtree-node:hover>a:after{color: #e79d49; text-decoration: none;} ul.mtree>li>a{position: relative; z-index: 1; font-size: 14px; color: #444; text-transform: capitalize; padding: 10px 0;} ul.mtree ul li{list-style: none; position: relative;} ul.mtree ul li a{display: block; color: #555; font-size: 14px;} ul.mtree>li>ul>li>a{position: relative; font-size: 13px; border: none; text-transform: capitalize;} ul.mtree ul li a:hover{color: #e79d49;} ul.mtree>li>ul>li>a:before{content: "\f105"; font-family: "FontAwesome"; padding-right: 6px;} ul.mtree li ul li.mtree-open a{color: #e79d49; text-decoration: none;} ul.mtree .mtree-level-2{margin-top: 0px; border: none; margin-bottom: 0; background: #fff;} ul.mtree li ul.mtree-level-2 li a{color: #808080; font-weight: normal; font-size: 12px; padding-left: 20px; text-transform: capitalize;} ul.mtree li ul.mtree-level-2 li a:before{content: "\f105"; font-family: "FontAwesome"; padding-right: 6px;} ul.mtree .mtree-level-2 li a:hover{text-decoration: none; color: #e79d49; font-weight: normal;} ul.mtree.jet ul{margin-left: 0;} ul.mtree.jet li{margin-bottom: 1px;} ul.mtree.jet li:last-child{margin-bottom: 0px;} ul.mtree.jet li:first-child{margin-top: 1px;} ul.mtree.jet li.mtree-active a{background: #e5e5e5;} ul.mtree.jet li.mtree-active li:last-child>a{border-radius: 0px 0px 3px 3px;} ul.mtree.jet li.mtree-active>a{background: #008cba; color: #FFF; border-radius: 3px 3px 0px 0px;} ul.mtree.jet li>a:hover{background: #FFC000; color: #FFF;} ul.mtree.jet a{padding: 5px 0px 5px 1em;} ul.mtree.jet li li>a{padding-left: 2em;} ul.mtree.jet li li li>a{padding-left: 3em;} ul.mtree.jet li li li li>a{padding-left: 4em;} ul.mtree.jet li li li li li>a{padding-left: 5em;} ul.mtree a:hover{text-decoration: none;} ul.mtree>li.mtree-node ul i{margin-right: 10px;} .mtree-skin-selector{display: none !important} ul.mtree>li>ul>ul.mtree-level-2{opacity: 1; display: block !important; height: auto !important;} ul.mtree>li:hover>a{color: #e79d49; background-image: none;} @media only screen and (max-width:992px){ .hot_left{display: none;} .n_left{width: 100%; padding-right: 0; float: none; margin-bottom: 30px;} .n_right{width: 100%; border-left: none !important; padding-left: 0px; margin-top: 0px; float: none;} .nav_h4{position: relative; border-radius: 0px; background: #e79d49; color: #fff; padding:0px 10px; font-size: 16px; margin-bottom: 0;line-height: 36px;} .nav_h4:after{display: block; content: "\f107"; font-family: "FontAwesome"; position: absolute; right: 15px; cursor: pointer; font-size: 20px; top: 2px; color: #fff; font-style: normal;} .nav_h4.active:after{content: "\f106"; top: 0;} .nav_h4.active{/*border-bottom: 1px solid #e5e5e5 !important;*/ border-radius: 0;} .left_column{margin-bottom: 10px;} .refine_left, .price_left{display: none;} } @media only screen and (max-width:768px){ ul.mtree>li>a{font-size: 14px; padding: 8px 30px 8px 5px;} ul.mtree.transit li.mtree-open>span:before{width: 39px; height: 39px; line-height: 39px;} ul.mtree.transit li.mtree-closed>span:before{width: 39px; height: 39px; line-height: 39px;} ul.mtree .mtree-level-1 li.mtree-open>span:before{width: 39px; height: 39px; line-height: 39px;} ul.mtree .mtree-level-1 li.mtree-closed>span:before{width: 39px; height: 39px; line-height: 39px;} } /*翻页*/ .page_p{margin: 0px auto 0px; text-align: center; width: 100%; font-size: 12px;} .page_p a, .page_p>span{display: inline-block; font-size: 12px; line-height: 32px; padding: 0px 15px; background: #ececec; margin-left: 5px; color: #555; margin-top: 5px; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; vertical-align: middle;} .page_p a i{line-height: 32px;} .page_p a:hover{background: #e79d49; color: #fff !important; text-decoration: none;} .total{font-size: 12px; line-height: 24px; color: #222; margin-top: 14px;} .total span{color: #e79d49;} .page_p>.span1{padding: 0px 15px; line-height: 32px; background: #e79d49; color: #fff; display: inline-block; margin-left: 5px; border-radius: 0px;} /*page-turning*/ .navigation{width:100%;list-style:none;margin-top:20px;padding-top:10px;} .navigation li{width:calc(100% - 0px);float:left;text-align:left;margin-bottom:10px;} /*.navigation li.next_post{float:right;text-align:right;}*/ .navigation li a{padding-top:10px;padding-bottom:10px;position:relative;display:block;transition:all .5s;padding-left:60px;background:#f5f5f5;border:1px solid #f5f5f5;border-radius:0;} .navigation li a:hover{text-decoration:none;} /*.navigation li.next_post a{padding-right:50px;}*/ .navigation li a:before{font-family:'FontAwesome';font-size:20px;position:absolute;top:50%;width:40px;height:40px;line-height:39px;border-radius:0;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .5s;background-color:#fff; border-radius: 50%;} .navigation li.prev_post a:before{left:10px;content:"\f106";} .navigation li.next_post a:before{left:10px;content:"\f107";} .navigation li a:hover:before{background:#e79d49;color:#fff;border-color:#666;} .navigation li a .meta_nav{display:inline-block;font-size:14px;text-transform:capitalize;color:#5c5c5c;margin-bottom:0;line-height:20px;transition:all .5s;font-family:'Montserrat Medium'; text-transform: uppercase;} .navigation li a:hover .meta_nav{color:#666;} .navigation li a .post_title{font-size:14px;overflow:hidden;line-height:20px;max-height:40px;margin:0;transition:all .5s;font-weight: normal;} .navigation li a:hover .post_title{color:#666;} @media only screen and (max-width: 768px) { .navigation{border:none;padding-top:0;margin-bottom:0;} .navigation li{width:100%;border-radius:0;padding:0;margin-bottom:10px;} .navigation li.prev_post a{padding-left:60px;border-radius: 0;} .navigation li.next_post a{padding-left:60px;border-radius: 0;} .navigation li.prev_post a:before{left:10px;} .navigation li.next_post a:before{left:10px;} .navigation li a:before{width:40px;height:40px;line-height:40px;} .navigation li a .meta_nav{font-size: 14px;color:#333;margin-bottom: 0;} .navigation li a{padding-top:10px;padding-bottom:10px;padding-right:10px;} .navigation li a .post_title{font-size: 14px;} } .tags_ul{ padding:4px 0; margin-bottom:10px;} .tags_ul span{ font-size:16px; font-family: "Montserrat Medium"; text-transform:uppercase; color:#5c5c5c; margin-right:6px;} .tags_ul a{ display:inline-block; padding:0px 16px; background:#f9f9f9; color:#666; text-transform: capitalize;line-height: 30px; margin: 2px 0; border-radius:0; border: 1px solid #f1f1f1; font-size: 12px;} .tags_ul i{ margin-right:3px; font-size: 14px; color: #ccc;transition: 0.6s all;} .tags_ul a:hover{ background: #e79d49; color: #fff;} @media screen and (max-width: 992px) { .tags_ul span{font-size:14px;} } @media screen and (max-width: 768px) { .tags_ul{ width:100%;} } .tags{background: #F9F9F9; padding: 6px 0 0px 12px;margin: 15px 0;} .tags span{font-size:14px; text-transform:uppercase; color:#444; font-family: 'poppins_m';} .tags span i{margin-right: 3px;} .tags a{font-size:12px; display:inline-block; color:#666; padding:2px 10px; margin:0 6px 6px 0; line-height: 30px; border:1px solid #f9f8f8; background: #fff;} .tags a i{margin-right:6px; font-size:14px;} .tags a:hover{background: #e79d49; color:#fff; text-decoration:none;} /*products_main*/ /* CSS for the loading div */ /* Tweak styles for small viewports */ @media screen and (max-width: 400px){.sp-wrap{margin: 0;}#sp-prev, #sp-next{top: auto;margin-top: 0;bottom: 25px;}} @media only screen and (max-width:992px ){.sp-thumbs a{width: 50px; height: 50px;}} .prom_img{width:47%; float: left;} .prom_img img{width: 100%;} .products_top{background: #f5f5f5;padding:70px 0;} .products_top .container{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;align-items: center;} .pro_products_top .container{align-items: baseline;} .pro_products_top .prom_right {position: sticky;top: 100px;} .products_top .prom_img{width:48%;} .products_top .prom_right{width:52%;} .pro_description{margin:30px 0 0;} .pro_description h4{font-size: 16px;color: #222;margin-bottom:20px;} .prom_img{width:50%;} .template-product{ position: sticky !important;top: 80px;} .prom_right{width: 50%;padding-left:50px;} .prom_right h1,.prom_right h2{margin: 0; font-size:26px; line-height: 34px;color: #000;} .prom_right h2 a{color: #000;} .prom_right h2 a:hover{text-decoration: underline;} .price_rating{display: flex;display: -webkit-flex;align-items: center;} .prom_right .score_share{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;margin-top: 10px;flex-wrap: wrap;} .prom_right .share_ul li{width: 28px;height: 28px;margin-left: 5px;float: left;} .prom_right .share_ul li a{display: block;width: 100%;height: 100%;background: #d2d5d7;display: flex;display: -webkit-flex;align-items: center;justify-content: center;border-radius: 50%;} .prom_right .share_ul li img{height: 15px;} .prom_right .share_ul li:nth-child(4) img{height: 13px;} .prom_right .share_ul li:nth-child(5) img{height: 13px;} .prom_right .share_ul li:nth-child(1):hover a{background: #3b5997;} .prom_right .share_ul li:nth-child(2):hover a{background: #ff0000;} .prom_right .share_ul li:nth-child(3):hover a{background: #cb2028;} .prom_right .share_ul li:nth-child(4):hover a{background: #007ab6;} .prom_right .share_ul li:nth-child(5):hover a{background: #cb2028;} .prom_right .pro_sku{margin:5px 0;} .prom_right .pro_sku span{color: #999;} .prom_right .price{font-size: 24px;margin-right: 20px;} .prom_right .price .or{font-size: 16px;} .prom_right .nsf{margin-top: 10px;} .prom_right .nsf a{color: #e12544;} @media only screen and (max-width:1400px ) { .products_top .prom_right{padding-top: 20px;} } .prom_right .page_quantity{margin-bottom: 20px;} .prom_right .quantity{margin:50px 0;display: flex;display: -webkit-flex;align-items: center; } /* .price_now_save{display: flex;display: -webkit-flex;line-height: 26px;margin-top:30px;} */ .price_now_save{margin: 20px 0 0;} .price_now_save .price_save{font-family: "poppins_sb";color: #1c7b36;margin-top: 10px;} .price_now_save .mprice{font-size: 20px;font-family: "poppins";} .price_now_save .mprice .cur{font-family: "poppins_m";font-size: 24px;color: #f54337;} .pro_price{ padding: 6px 0 10px;} .pro_price span {display: block;} .pro_price .our_price {font-size: 22px; line-height: 28px; color: #f54337 !important; text-decoration: unset !important; } .prom_right .text{margin: 15px 0; font-size: 14px; line-height: 22px; color: #777;} .prom_right .qty-group{height:44px;border-radius:4px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;border:1px solid #e8e8e8;width:150px;position: relative;background: #fff;} .prom_right input[name=quantity]{font-weight: 700;width:48px;color: #2d2d2d;padding: 7px 5px 5px;text-align: center;} .prom_right label{font-size:16px;font-family: "poppins_sb";color: #333;width: 100px;display: inline-block;font-weight: normal;} .prom_right .add_down .qty_add,.prom_right .add_down .qty_down{width:44px;height: 44px;position: absolute;font-size: 20px;top: 0;line-height: 44px;text-align: center;cursor: pointer;} .prom_right .add_down .qty_add{left: 0;border-right: 1px solid #e8e8e8;} .prom_right .add_down .qty_down{right: 0;border-left: 1px solid #e8e8e8;} .prom_right .stock{margin-bottom: 15px;} .prom_right .stock span{font-family: "poppins_sb";color: #1c7b36;position: relative;padding-left: 18px;} .prom_right .stock span::before{position: absolute;content: "";width: 8px;height: 8px;background:#1c7b36 ;border-radius: 50%;left: 0;top: 8px;} .prom_right .buy_heart_btn{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;} .prom_right .addtocart{display: inline-block; font-size: 14px; text-transform: capitalize; color: #e79d49; line-height:44px; background: #fff;width:calc((100% - 20px)/2);text-align: center;font-family: "poppins_sb";border: 1px solid #e79d49;} .prom_right .addtocart:hover{background: #e79d49; color: #fff;} .prom_right .probuy_now{width:calc((100% - 20px)/2);background: #e79d49;line-height:44px; text-align: center;color: #fff;font-family: "poppins_m";} .prom_right .slod_out_btn{width:calc((100% - 63px));border-radius:4px;line-height:44px; text-align: center;color: #fff;font-family: "poppins_m";border: 1px solid #666;color: #333;font-size: 16px;} .prom_right .slod_out_btn:hover{cursor: inherit;} .prom_right .add_heart{height:46px;width:46px;border-radius: 50%;font-size:20px;color: #666;border: 1px solid #dadada;display: flex;display: -webkit-flex;justify-content: center;align-items: center;} .prom_right .add_heart_on,.prom_right .add_heart:hover{background: #fbe6e5;} .prom_right .accordion{margin-top: 20px;background: #efefef;align-items: center;padding: 10px;} .prom_right .accordion .accordion_top{display: flex;display: -webkit-flex;justify-content: space-between;align-items:center;} .prom_right .accordion .accordion_top h3{font-size:18px;font-family: "poppins_m";color: #333;} .prom_right .accordion .close_img{width:25px;opacity: 0.8;cursor: pointer;padding:7px;} .prom_right .accordion .close_img img{transition: all 0.5s;} .prom_right .accordion ul{margin-top:10px;} .prom_right .accordion ul li{position: relative;padding-left:10px;padding: 4px 0;padding-left:10px;} .prom_right .accordion ul li::before{position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #666;left: 0;content: "";top:13px;} .prom_right .packs_box { margin:20px 0;} .prom_right .packs_box ul li { float: left; margin-right: 10px; border: 1px solid #cdcdcd;margin-bottom: 10px;background: #fff;} .prom_right .packs_box ul li a {display: inline-block; text-align: center; padding: 6px 15px; text-decoration: none;} .prom_right .packs_box ul li span {font-size: 14px; display: block; color: #222; padding-left: 0;} .prom_right .packs_box ul li:hover, .prom_right .packs_box ul li.current { color: #e79d49; border-color: #e79d49;} .prom_right .packs_box ul li:hover span, .prom_right .packs_box ul li.current span {color: #e79d49; } .prom_right .color_choose {margin-bottom:30px;} .prom_right .color_choose h4{text-transform: capitalize;font-size: 15px;color: #444;} .prom_right .color_choose h4 strong{font-weight: normal;padding-right: 5px;} .prom_right .color_choose dl{margin: 10px 0 15px;display: flex;display: -webkit-flex;} .prom_right .color_choose dd{width: 24px;height: 24px;border: 1px solid #ddd;border-radius: 2px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;margin-right: 5px;overflow: hidden;} .prom_right .color_choose dd:hover,.prom_right .color_choose dd.on{border: 1px solid #e79d49;} .prom_right .color_choose dd.sold_out{position: relative;opacity: 0.5;} .prom_right .color_choose dd.sold_out:hover{border: 1px solid #ddd;} .prom_right .color_choose dd.sold_out::before{content: "";top: 50%;left: -10px;height: 1px;opacity: 1;z-index: 1;border: none;position: absolute;visibility: visible;width: calc(100% + 20px);background-color: var(--product-sale-price-color);transform: translateY(-50%) rotate(-45deg);background: #ff99aa;} .prom_right .color_choose dl dd a{display: inline-block;width:18px;height: 18px;background: #edd964;border-radius: 2px;margin: 0;} .prom_right .memory{margin-top: 20px;} .prom_right .memory h4{font-size: 15px;color: #444;text-transform: capitalize;} .prom_right .memory dl{display: flex;display: -webkit-flex;margin: 10px 0 15px;} .prom_right .memory dl dd{padding: 5px 10px;border: 1px solid #ddd;margin-right: 10px;overflow: hidden;cursor: pointer;background: #fff;} .prom_right .memory dl dd.on,.prom_right .memory dl dd:hover{border-color: #e79d49;;} .prom_right .memory dl dd.sold_out{position: relative;opacity: 0.5;} .prom_right .memory dl dd.sold_out::before{content: "";top: 50%;left: -10px;height: 1px;opacity: 1;z-index: 1;border: none;position: absolute;visibility: visible;width: calc(100% + 20px);background-color: var(--product-sale-price-color);transform: translateY(-50%) rotate(-45deg);background: #ff99aa;} .prom_right .memory dl dd.sold_out:hover{border: 1px solid #ddd;} .prom_right .page_payment{margin-top:30px;} .prom_right .page_payment li{float: left;margin-right:10px;border: 1px solid #ededed;} .prom_right .page_payment li:last-child{margin-right: 0;} .prom_right .page_payment li img{max-height: 46px;} @media only screen and (max-width:992px ){ .prom_right .qty-group{height: 36px;} .prom_right .add_down .qty_add, .prom_right .add_down .qty_down{height: 36px;line-height: 36px;} .prom_right input[name=quantity]{padding-top: 5px;} .prom_right .addtocart{line-height: 36px;} .prom_right .probuy_now{line-height:38px;} .prom_right .slod_out_btn{line-height: 36px;} .prom_right .add_heart{width:42px;height: 42px;} .prom_right .addtocart,.prom_right .probuy_now{width: calc((100% - 58px)/2);} .prom_right .price .cur{font-size: 26px;} .prom_right label{font-size: 15px;width: 76px;} .prom_right .stock span{padding-left: 10px;} .prom_right h1{font-size: 20px; line-height: 26px;} .prom_right .price{font-size: 20px; margin: 0;} .prom_right .price .or{font-size: 16px;} .prom_right .text{margin: 10px 0;} .prom_right .page_quantity{margin-bottom: 20px;} .prom_right_img{margin: 15px 0;} .products_top .prom_right, .products_top .prom_img,.prom_img{width: 100%; float: none;display:block;border: none;} .prom_right{width: 100%; float: none; padding-left: 0px; padding-top: 15px;display:block;} .products_top{padding:20px 0 40px;} .prom_right h1,.prom_right h2{font-size: 20px;line-height: 26px;} .prom_right .accordion{padding: 7px 10px;} .prom_right .accordion .accordion_top h3{font-size: 16px;} .prom_right .quantity{margin: 30px 0;} .prom_right .accordion .close_img{padding: 8px;} } @media only screen and (max-width: 480px){ .prom_right h1{font-size: 16px; line-height: 24px;} .prom_right .price{font-size: 16px;} .prom_right .price .or{font-size: 14px;} .prom_right .text{margin: 5px 0; font-size: 13px;} .prom_right .page_quantity{margin-bottom: 15px;} .page_payment{margin-top: 10px;} .prom_right{padding-top: 10px;} .prom_right h1,.prom_right h2{font-size:16px;line-height: 24px;} .prom_right .score_share .sku_rating{width: 100%;} .prom_right .score_share .share_ul{width: 100%;margin-top:20px;} } [class^="my-rating"]{display: inline-block; position: relative; top: 3px;} .my-rating{display: inline-block; position: relative; top: 3px;} .jq-rating-label{font-size: 22px; display: inline-block; position: relative; vertical-align: top; font-family: helvetica, arial, verdana;} .jq-star{width: 100px; height: 100px; display: inline-block; cursor: pointer; margin-right: 2px;} .jq-star-svg{width: 100%; height: 100% ;} .jq-star-svg polygon{stroke: #000; stroke-linejoin: round;} .Payment_options h2{font-size: 16px;font-family: "poppins_sb";margin-top:20px;color: #222;} .page_payment{ margin-top:10px;border-radius: 4px;} .page_payment li.Guaranteed{display: block;float:none;} .page_payment li.Guaranteed h5{font-family: "poppins_sb";color: #333;color: #333;font-size: 16px;margin-bottom:15px;} .page_payment li{float: left;margin-right: 5px;} @media only screen and (max-width: 480px){ .page_payment{margin-top: 10px;} } /* pro_features */ .pro_features{margin-bottom:60px;} .pro_features ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;} .pro_features ul li{width: calc((100% - 60px)/3);} .pro_features ul li h3{font-family: 'poppins_m';font-size:22px;color: #222;margin:20px 0;} .pro_features ul li p{margin: 0;} @media only screen and (max-width:640px){ .pro_features{margin-bottom: 20px;} .pro_features ul li{width:100%;} .pro_features ul li h3{font-size: 18px;margin-bottom: 10px;} .pro_features ul li p{margin-bottom: 20px;} } /* .page_review{margin-top: 30px;} */ .page_review_top{padding: 20px;border:2px solid #f0f0f0;border-radius: 12px;} .page_review .left{width: 60%; float: left;} .page_review .right{width: 40%; float: left; text-align: right; padding: 30px 0;} .page_review .right .read_more{margin-bottom: 15px; width: 240px; text-align: center;} .Arating{margin-top: 20px;} .Arating p{display: inline-block; font-size: 16px; font-family: 'poppins_m'; padding-right: 4px;} .page_review .products_main_rating{display: inline-block;} .Arating .span1{display: inline-block;} .Arating .span1 span{font-family: 'poppins_m'; padding: 0 8px 0 4px;} .review_progress_bar{position: relative; margin-top: 10px; max-width: 450px; padding: 10px; border: 1px solid #eee;} .review_progress_bar::before{content: ''; position: absolute; width: 10px; height: 10px; border-top: 1px solid #eee; border-right: 1px solid #eee; -webkit-transform: rotate(-45deg) translateX(-50%); transform: rotate(-45deg) translateX(-50%); background: #fff; top: -10px; left: 30px;} .review_progress_bar li{line-height: 20px; font-size: 12px; padding: 1px 0;} .review_progress_bar li .score_stars{width: 50px; float: left;} .review_progress_bar ul li .score_background{margin-top: 3px; position: relative; float: left; width: calc(100% - 100px); margin-left: 4px; margin-right: 6px; background: #eee; height: 12px;} .review_progress_bar li .score_number{width: 40px; float: left; text-align: right;} .review_progress_bar li .colour{background-color: #e79d49; position: absolute; left: 0; top: 0; height: 100%;} @media only screen and (max-width:992px ){.page_review .left{width: 100%; float: none;} .page_review .right{width: 100%; float: none; text-align: left; padding: 20px 0 10px 0px;}} @media only screen and (max-width:480px ){.mostBox .nav-tabs > li > a{font-size: 16px; padding: 10px 10px;}} .reviews_content{padding: 15px; border: 2px solid #f0f0f0; margin: 15px 0; border-radius: 12px;} .reviews_content .title{font-size: 18px; font-family: 'poppins_m'; display: block; margin-bottom: 5px;} .reviews_content ul li{padding: 15px 10px; background: #F9F9F9; margin-bottom: 10px;display: flex;display: -webkit-flex;} .reviews_content .reviews_fl{width:20%;border-right: 1px solid #e3e3e3;padding:0 2%} .reviews_content .reviews_fr{width: 75%;padding-left:3%;display: flex;display: -webkit-flex;align-items: center;flex-wrap: wrap;} .reviews_content ul li .name_first{width: 48px;height: 48px;border-radius: 50%;text-align: center;background:#e79d49;font-family: 'poppins_m';font-size: 30px;color: #fff;line-height: 48px; text-indent: 16px;letter-spacing: 20px;overflow: hidden;} .reviews_content ul li .name_title{font-size: 16px; font-family: 'poppins_m';margin-top: 5px;color: #333;} .reviews_content .verified_user{margin-top: 20px} .reviews_content .verified_user i{width:15px;height:15px;text-align: center;line-height:15px;background: #0db26d;color: #fff;border-radius: 50%;font-size: 12px;margin-left: 5px;} .reviews_content ul li .time{color: #777; font-size: 12px; vertical-align: middle;} .reviews_content .my-rating-2{vertical-align: middle; top: -2px;} .reviews_content li .text{margin: 5px 0;width: 100%;} .reviews_content .reviews_fr .text{padding-left: 0;} .reviews_content .reviews_fr .reviews_title{font-size: 16px;font-family: 'poppins_m';color: #333;} /*blog_left*/ .blog_nav2{background: #fff;border: 1px solid #eee;} .blog_h4{ line-height: 30px;color: #444; font-family:'poppins_m'; font-size:20px;position: inherit;border-bottom: 1px solid #eee;margin-bottom: 10px;padding-bottom: 10px; padding: 10px 15px;background:#e79d49;color: #fff;} .blog_nav ul {padding: 0 15px 0px;} .blog_nav ul li{ list-style:none; border-bottom:1px solid #eee;} .blog_nav ul li:last-child{border:none;} .blog_nav ul li a{ font-size:14px; color:#5c5c5c; line-height:22px; padding:12px 0px; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-transform: capitalize;transition: all 0.5s;border-bottom: none;} .blog_nav ul li a i{ color:#ccc; font-size: 14px; margin-right:10px;} .blog_nav ul li a:hover{ color:#e79d49; padding-left:10px;} .blog_nav ul li a:hover i{ color:#e79d49;} .blog-info{ display:inline-block; color:#777; font-size:14px;margin: 10px 0;} .blog-info i{color: #aaa; margin-right: 4px;} .blog_main{ box-shadow: 0 0 20px 0 rgb(15 105 148 / 8%); background: #fff; padding: 30px; border-radius: 0;} .blog_nav ul li{ list-style:none;} .blog_p{ margin:0 0 15px 0;} .blog_nav ul li.on a,.blog_nav ul li.on a i{ color:#e79d49;} .blog_main h2{font-family: 'poppins_sb';color: #222;} .blog_main h2,.blog_main h3,.blog_main h4,.blog_main h5{margin:auto!important;color:#222;font-weight: bold;} .blog_main table { border-collapse: collapse; } /* Apply a default padding if legacy cellpadding attribute is missing */ .blog_main table:not([cellpadding]) th, .blog_main table:not([cellpadding]) td { padding: 0.8rem; } .blog_main table th{color: #222;} /* Set default table styles if a table has a positive border attribute and no inline css */ .blog_main table[border]:not([border="0"]):not([style*="border-width"]) th, .blog_main table[border]:not([border="0"]):not([style*="border-width"]) td { border-width: 1px; } /* Set default table styles if a table has a positive border attribute and no inline css */ .blog_main table[border]:not([border="0"]):not([style*="border-style"]) th, .blog_main table[border]:not([border="0"]):not([style*="border-style"]) td { border-style: solid; } /* Set default table styles if a table has a positive border attribute and no inline css */ .blog_main table[border]:not([border="0"]):not([style*="border-color"]) th, .blog_main table[border]:not([border="0"]):not([style*="border-color"]) td { border-color: #ccc; } .blog_main table:not([border]), .blog_main table:not([border]) caption, .blog_main table:not([border]) td, .blog_main table:not([border]) th, .blog_main table[border="0"], .blog_main table[border="0"] caption, .blog_main table[border="0"] td, .blog_main table[border="0"] th, table[style*="border-width: 0px"], table[style*="border-width: 0px"] caption, table[style*="border-width: 0px"] td, table[style*="border-width: 0px"] th{ border: 1px solid #bbb } .blog_main figure { display: table; margin: 1rem auto; } .blog_main figure figcaption { color: #999; display: block; margin-top: 0.25rem; text-align: center; } .blog_main hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0 0; } .blog_main code { background-color: #e8e8e8; border-radius: 3px; padding: 0.1rem 0.2rem; } .blog_main p{margin: 15px 0;} .blog_main a{display: inline-block;} .procontext{margin-top: 30px;} .procontext figure { display: table; margin: 1rem auto; } .procontext figure figcaption { color: #999; display: block; margin-top: 0.25rem; text-align: center; } .procontext hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0 0; } .procontext code { background-color: #e8e8e8; border-radius: 3px; padding: 0.1rem 0.2rem; } .procontext p{margin: 15px 0;} .procontext a{display: inline-block;} @media only screen and (min-width:640px){ .procontext{font-size: 15px;} } /* hot_tags */ .hot_tags{ margin-top:30px; background: #fff; box-shadow:0px 8px 16px 0px rgb(15 105 148 / 8%); border-top: 3px solid #e79d49; padding: 15px;} @media only screen and (max-width:768px) { .hot_tags{ margin-top:0;}} .hot_tags a{ display:inline-block; color:#666; padding:0px 11px; background:#f9f9f9;border:1px solid #f1f1f1; margin:2px;line-height:34px; text-transform: capitalize; border-radius:5px; font-size:12px} .hot_tags a:hover{ background:#e79d49; color:#fff;} .hot_tags .toggle_content{ margin:0px -4px; margin-top:15px; } /*relate_articles*/ .relate_articles{box-shadow:0px 8px 16px 0px rgb(15 105 148 / 8%);padding: 15px; background: #fff;border-top: 3px solid #e79d49;margin-top: 30px;} .relate_articles ul li{border-bottom: 1px solid #ebebeb;padding:12px 0;} .relate_articles ul li a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;} .relate_articles ul li a:hover{color: #e79d49;} @media only screen and (max-width:992px ){ .n_left_bolg{display: none;} } /* 弹窗 */ .loox_overlay{width: 100%;height: 100%;position: fixed;top: 0px;right: 0px;bottom: 0px;left: 0px;z-index: 2147483647;opacity: 1;transition: opacity 400ms ease-in 0s;overflow-y: scroll;background: rgba(0,0,0,0.7);display: none;} .grid_item_wrap .view_mian_close{position: absolute;top:16px;right: 16px;font-size: 12px;color: #000;width:12px;height: 12px;cursor:pointer ;} .grid_item_wrap .view_mian_logclose{position: absolute;top:25px;right: 16px;font-size: 12px;color: #000;cursor:pointer ;} .quickview{transform: scale(1);animation: blowUpModal 0.2s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;height: 90%;top: 0; left: 0;right: 0;bottom: 0;margin: auto;position: fixed;max-width:600px;width: 90%;background: #fff;max-height: 650px;border-radius: 6px;} .grid_item_wrap .view_mian_close img{width: 100%;} .grid_item_wrap h2{font-size: 16px;margin: 0;font-weight: bold;border-bottom: 1px solid #f1f1f1;padding:20px 10px 15px 20px; color: #333;font-family: "poppins_m";} .grid_item_wrap .grid_item{padding: 20px;padding-top: 0;} .grid_item_wrap .grid_con{overflow-x: hidden;overflow-y:auto;height: 520px;} .grid_item_wrap h3{font-size: 14px;font-weight: bold;} .grid_item_wrap .sure_btn{text-align:right;} .grid_item_wrap .sure_btn span{padding:6px 26px;cursor:pointer;display:inline-block;background: #2267ca;color: #fff;border-radius: 4px;margin-top:20px;} .grid_item_wrap .sure_btn a{padding:5px 26px;cursor:pointer;display:inline-block;border:1px solid #2267ca;color: #2267ca;border-radius: 4px;margin-top:20px;margin-left: 10px;} .grid_item_wrap .hy_item .grid_con{text-align: center;padding-top: 30px;height: auto;} .grid_item_wrap .hy_item .grid_con img{width: 70px;} .grid_item_wrap .hy_item p{margin-top: 10px;font-size: 16px;} @keyframes blowUpModal { 0% { transform:scale(0); } 100% { transform:scale(1); } } @keyframes shrinkModal { 0% { transform:scale(1); opacity:1; } 100% { transform:scale(0); opacity:0; } } .delivery_con_box,.deul{box-sizing: border-box; margin: 0px 0px 10px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 14px; line-height: inherit; vertical-align: baseline; color: rgb(53, 52, 52);} .schedule{margin: 1.5em 0px 1.75em; padding: 0px; border-width: 1px 0px 0px 1px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial; font: inherit; vertical-align: middle; width: 100%; border-collapse: collapse; border-spacing: 0px;} .delivery_con_box th,.delivery_con_box td{box-sizing: border-box; margin: 0px; padding: 10px; border-width: 0px 1px 1px 0px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size:undefined; line-height: inherit; font-family: inherit; vertical-align: middle;} .delivery_con_box th{text-align: left;color: #222;} .delivery_con_box .deul{margin: 0px;} .deul li{margin-bottom: 10px;} .delivery_con_box h4{margin: 10px 0;font-family: "poppins_m";font-size: 16px;} .blogin{color:#aaa; margin:4px 0px;} .blogin span{ color:#fff; margin:0px 6px;} .blog .blog_tags{ width:100%; margin-top:10px;} @media only screen and (max-width: 992px) { .blog_nav2{margin-top: 0px; padding: 0;border-top: 0;} .blog_right .block{ background:none; padding:0; border:none; margin: 0;} .hot_tags{padding: 0; border: none;} .blog_nav ul li a{padding: 8px 10px;} .blog_list li .right{padding-left:65px;width:100%;} .blog_h4{ position: relative; margin-bottom:0;text-align:left !important; background:#e79d49 !important; padding:0px 10px; line-height:36px; color:#fff !important;border-bottom:none; text-transform:capitalize; margin-top: 15px;font-size: 16px;} .blog_h4:after { display: block; content: "\f107"; font-family: "FontAwesome"; position: absolute; right:15px; cursor:pointer; font-size:20px; top:0px; color:#fff; } .blog_h4.active:after {content: "\f106";} .hot_tags .toggle_content { padding: 0px 10px 10px;} } @media only screen and (max-width: 768px) { .left-blog{margin-bottom:0;} .blog_tag li{margin:5px 3px;} } @media only screen and (max-width:500px) { .blog_li .lileft{ display:none;} } /* account */ .account_title{display: block; font-size: 20px; line-height: 24px; font-family: 'poppins_m'; margin-bottom: 15px; text-transform: capitalize;} .account_dashboard .hello{font-size: 15px; font-family: 'poppins_m';} .account_dashboard .main{background: #f9f9f9; padding: 15px;} .account_dashboard .text{margin-top: 5px; color: #777; line-height: 22px;} .account_dashboard .text a{color: #e79d49;} /* address information */ .account_address_box ul li{list-style: none; margin-bottom: 12px;} .account_address_box ul .checkbox_li .checkbox{width: auto;} .account_address_box ul li .input_box .minput, .account_address_box ul li .input_box select{width: 100%; height: 40px; border-radius: 6px; line-height: 40px; border: 1px solid #ddd; padding-left: 12px; border-radius: 4px;} .account_address_box ul li label{font-size: 14px; font-weight: 400; margin-bottom: 2px; display: inline-block; color: #777; vertical-align: middle;} .account_address_box .ul2{margin-bottom: 12px;} .account_address_box ul .control label{color: #222;} .account_address_box .buttons-set{margin-top: 15px;} .account_address_box input[type="radio"], .account_address_box input[type="checkbox"]{margin: 0;} .checkbox_li input{display: inline-block;} .checkbox_li label{color: #333 !important; padding-left: 4px; margin-bottom: 0 !important;} /* address book */ .page_empty{background: #f9f9f9; padding: 30px 15px; text-align: center;} .page_empty p{font-size: 16px; font-family: 'poppins_m'; color: #555; margin-bottom: 20px;} .default{color: #FF0000;} .account_book_ul li{width: 100%; float: left; margin-bottom: 15px; padding: 15px 12px;background: #F9F9F9;} .account_book_ul li p{padding: 2px 0;} .account_book_ul .left{color: #777; font-size: 13px; float: left;} .account_book_ul .right{font-size: 13px;padding-left: 6px;} .account_book_ul .delete{font-size: 13px; padding: 4px; color: #777;} .account_book .account_book_ul{margin-bottom: 15px;} .account_add_address .account_address_box .w_full{width: 100%; margin-right: 0 !important;} .default_color{color: #e79d49;} .account_table th{font-size: 14px !important; text-align: center;} .account_table td{font-size: 13px !important; text-align: center;} .account_view_order .order_title{font-size: 16px; font-family: 'poppins_m';} .account_view_order .box{background: #fff; padding: 15px; margin-bottom: 20px;border: 1px solid #eee;} .account_view_order li{width: 33.3333%; float: left; padding-right: 10px;} .account_view_order li .title{font-size: 15px; font-family: 'poppins_m';} .account_view_order li .text{padding-top: 10px; color: #777; font-size: 13px; padding-left: 2px;} .account_view_order td .images{display: inline-block; width: 60px;} .account_view_order td .images img{width: 100%;} .account_view_order .table2{font-family: 'poppins_m'; margin-top: -1px;} .account_view_order .table2 td:first-child{text-align: left;} .account_view_order .table2 td:last-child{text-align: right;} .account_view_order .table-responsive1 .table{margin-bottom: 0;} .account_review ul li{list-style: none;} .account_review ul li .image{width: 25%; float: left;} .account_review ul li .image img{max-width: 100%;} .account_review ul li{border-bottom: 1px solid #eee; padding: 0px 0 15px; margin-bottom: 15px;} .account_review ul li .main{width: 75%; float: left; padding-left: 10px;} .account_review ul li .main .top em{font-size: 18px; font-family: 'poppins_m'; margin-right: 8px;} .account_review ul li .main .top .time{font-size: 13px; color: #808080; padding-left: 4px;} .account_review ul li .main .text{margin-top: 15px; font-size: 13px; line-height: 20px; color: #777;} .account_review ul li .main .bottom{margin-top: 6px;color: #e79d49;} .account_review{padding-bottom: 40px;} .star_ul li{float: left;} .star_1, .star_2, .star_3, .star_4, .star_5{background: rgba(0, 0, 0, 0) url("../images/product_rating_big_blank_star.png") repeat scroll 0 0;display: block;height: 20px;width: 20px;background-size:20px ;} .full_star{background: rgba(0, 0, 0, 0) url("../images/product_rating_big_full_star.png") repeat scroll 0 0; background-size:20px ;} .verificationCode{position: relative;} .verificationCode input{padding-right: 135px !important;} .verificationCode span{position: absolute; top: 6px; right: 4px;} .review_list_product{margin-bottom: 30px} .review_list_product .left{width: 150px; float: left; border: 1px solid #eee; text-align: center; overflow: hidden;} .review_list_product .left img{max-width: 100%; transition: all .5s;} .review_list_product .left:hover img{transform: scale(1.05);} .review_list_product .right{width: calc(100% - 150px); float: left; padding-left: 15px;} .review_list_product .right .page_more{margin-top: 10px;} .review_list_product .right .title{font-family: 'poppins_m'; font-size: 16px;} .review_list_product .right .title:hover{color: #e79d49 ;} .review_list_product .writeriviewstart{margin-bottom: 10px;} .writeriviewstart{margin-bottom: 10px;font-size: 12px;} .writeriviewstart .span1{font-family: 'poppins_m'; padding-right: 10px; font-size: 16px;} .writeriviewstart .star_ul{display: inline-block; position: relative; top: 2px;} .writeriviewstart .star_ul li{margin-bottom: 0;} .writeriviewstart .span1 .redM{color: red;} .propl{margin-top: 30px;} .propl h3{font-size: 16px;font-family: 'poppins_m';margin-top:0;margin-bottom: 10px;} .propl ul li{list-style: none; margin-bottom: 15px; position: relative;} .propl ul li h2{font-size: 12px;color: #000;} .propl ul li .span1{position: absolute; color: red; right: 8px; bottom:4px;} .propl ul li input{width: 100%; height: 44px; line-height: 44px; border: 1px solid #efeded; background: none; border-radius: 4px; padding: 0 15px 0 12px;font-size: 12px;} .propl ul li textarea{width: 100%; height: 80px; border: 1px solid #efeded; background: none; border-radius: 4px; padding: 12px;} .propl ul li input:focus, .propl ul li textarea:focus{border-color: #e79d49;} .propl ul li .read_more{display: inline-block; text-transform: capitalize; color: #fff; font-size: 14px; padding: 0 20px; font-family: 'poppins_m'; background: #e79d49; border: 0; width: auto;} .propl ul li .read_more:hover{background: #222;} .choose_div{width: 190px;height: 100px;text-align: center;background: #f7f7f7;margin-bottom: 20px;cursor: pointer;;} .choose_div i{display: block;padding-top: 30px;color: #999;} .choose_div span{display: block;font-size: 12px;line-height: 20px} .choose_div:hover{color: #e79d49;} .choose_div:hover i{color: #e79d49;} dl.choose_img{display: flex;display: -webkit-flex;flex-wrap: wrap;} dl.choose_img dd{width: 100px;display:inline-block;border: 1px solid #efeded;margin-right:5px;height: 100px;margin-top: 0;display: flex;display: -webkit-flex;align-items: center;justify-content: center;margin-bottom:10px;position: relative;cursor: pointer;} dl.choose_img dd img{width: auto;max-height:90%;max-width: 100%;} dl.choose_img dd span{background: rgba(0,0,0,0.5);display: inline-block;text-align: center;color: #fff;position: absolute;border-radius: 50%;width:20px;height:20px;line-height:22px;font-size: 12px;border: 1px solid rgba(255,255,255,0.5);right: -5px;top: -5px;z-index: 2;cursor: pointer;} dl.choose_img dd span:hover{background: rgba(15,105,148,0.96);} .page_view_box .page_review .left{width: 100%; float: none;} .page_view_box .page_review .right{width: 100%; float: none; text-align: left; padding: 20px 0 0 10px;} @media only screen and (max-width:992px ){ .account_book_ul li{width: 100%; float: none;} .account_book_ul li:nth-child(2n+1){margin-right: 0%;} } @media only screen and (max-width:768px ){ .account_view_order li{width: 50%; margin-bottom: 20px;} } @media only screen and (max-width:640px ){ .reviews_content .reviews_fl{width: 100%;border-right: 0;margin-bottom: 20px;} .reviews_content .reviews_fr{width: 100%;} .reviews_content ul li{display: block;} .reviews_content .verified_user{margin-top:0px;} } @media only screen and (max-width:480px ){ .account_add_address .account_address_box li{width: 100%; float: none;} .account_add_address .account_address_box li:nth-child(odd){margin-right: 0%;} .account_view_order li{width: 100%; margin-bottom: 15px;} .account_view_order li .text{padding-top: 2px;} .account_review ul li .image{width: 100%; float: none;} .account_review ul li .image img{max-width: 180px;} .account_review ul li .main{width: 100%; float: none; padding-left: 0px; padding-top: 10px;} .account_review ul li .main .text{margin-top: 15px;} dl.choose_img dd{width:85px;height:85px;} } .lr_box{margin: 0 auto; max-width: 600px; padding:40px 20px 20px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 8px; text-align: center;} .lr_box .title{display: block; margin-bottom: 30px; text-align: center; font-size: 32px; line-height: 34px; font-family: 'poppins_sb'; text-transform: capitalize;color: #222;} .lr_box ul li{margin-bottom: 20px;} .lr_box ul li input{transition:all .5s; padding-left: 12px; line-height: 48px; height: 48px; border: 1px solid #ddd; width: 100%; border-radius: 4px;} .lr_box ul li p,.lr_box ul li a{display: block; font-size: 14px; color: #808080;} .lr_box ul li input:focus{border: 1px solid #e79d49;} .lr_box ul li .read_more{border: 0; font-size: 16px; padding: 0 20px;} .lr_box ul li .p a{display: inline-block; font-size: 14px;} .lr_box ul li a{color: #e79d49;} .lr_box ul li .p{font-size: 14px;} .lr_box .verificationCode span{top: 8px;} @media only screen and (max-width:768px ){.lr_box{padding: 30px 15px 20px; background: #fff;} .lr_box .title{font-size: 24px; margin-bottom: 15px;}} /* page_contact */ .page_contact {margin-bottom: 30px;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;} .page_contact h3{color: #000;margin-bottom: 20px;} .page_contact p{margin-top: 30px;} .page_contact p strong{color: #333;} .page_contact .contact_form {width:50%;margin: 0;} .page_contact .cus_con {width:46%;} .contact_form ul li p{margin: 20px 0 5px;font-size: 1.3rem;} .contact_form ul li input{transition: all .5s;padding-left: 12px;line-height: 48px;height: 48px;border: 1px solid #ccc;width: 100%;} .contact_form ul li input.read_more{border: none;} .contact_form ul li textarea{width: 100%;height:200px;border: 1px solid #ccc;} .contact_form ul li .read_more{margin-top: 20px;} .contact_form h2{color: #000;font-size: 20px;} @media only screen and (max-width:768px ){ .page_contact .contact_form {width: 100%;margin-bottom:30px;} .page_contact .cus_con {width: 100%;} } /* page_contact */ .text-center{text-align: center;} .content-404 img{max-width: 100%;} .form_tipM{padding: 20px 0; font-size: 16px; text-align: center;} .form_tipM div{position: relative; color: #FF0000;} .form_tipM div:before{font-family: 'FontAwesome'; content: "\f071"; padding-right: 10px;} .form_tipM .succeed{position: relative; color: #449d44;} .form_tipM .succeed:before{font-family: 'FontAwesome'; content: "\f00c"; padding-right: 10px; font-size: 16px;} .ufo_box{position: fixed; z-index: 9999999998; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none;} #ufo{position: fixed; overflow-y: auto; height: 75% !important; z-index: 9999999999; width: 500px !important; left: 50%; top: 10%; overflow-x: auto; transform: translate(-50%,0%);-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform: translate(-50%, 0%);-o-transform: translate(-50%, 0%);background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: none;} #ufo #sdkIframe{height: 100%; display: none;} #ufo .select-close{top: 0px; right: 0; padding: 10px;} .AsiaBill_box{position: fixed; height: 500px !important; max-height: 75% !important; width: 800px; z-index: 9999999999; left: 50%; top: 10%; transform: translate(-50%,0%);-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform: translate(-50%, 0%);-o-transform: translate(-50%, 0%);background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: none; background: #fff;} .AsiaBill_box iframe{height: 100% !important; background: #fff; border: 0;} .AsiaBill_box #payment_wrap{width: 100% !important; background: #fff; overflow-x: auto;} .AsiaBill_box iframe body{background: #fff;} .AsiaBill_box .select-close{padding: 16px 20px;} .AsiaBill_box #payment_wrap2{width: 100% !important;} @media only screen and (max-width:768px ){#ufo ,.AsiaBill_box{width: 95% !important;}} /* collection_mt */ .collection_mt{height:42px; line-height:42px; padding-left:20px;font-size: 12px;margin-top: 20px;} .collection_mt input{ vertical-align:middle;margin-top: -3px;} .collection_mt label{ margin-left:5px; margin-right:15px; color:#333;font-size: 16px;font-weight: normal;font-family: 'poppins_m';} .collection_mt a{ color:#666; text-decoration:none;font-family: 'poppins_m';font-size: 16px;} .collection_mt a:hover{ color:#e10600; text-decoration:underline;} .collection_mt a.into_btn,.oper a{ background:#e10600; color:#fff; padding:6px 18px; border-radius:3px; margin-left:20px;} .collection_mt a.into_btn i,.oper a i{ background-position:0px -429px; width:11px; height:11px; display:inline-block; vertical-align:middle; margin-right:5px;} .collection_mt a:hover.into_btn,.oper a:hover{ background:#e10600;} .tab-void{ margin-top:15px; border: 1px solid #f1f1f1;font-size: 12px;} .tab-void thead{ background:#e1f3ff; height:34px; line-height:34px; color:#333;} .tab-void thead td{font-size: 16px;font-family: 'poppins_m';line-height:40px;} .tab-void tbody td {text-align:center; color: #666;padding: 20px;} .tab-void tbody td a:hover{text-decoration: underline;} .order_img {position: relative;} .order_img img{ width:85px; height:85px; float:left; vertical-align:middle; border:1px #eee solid; margin-right:10px;} .order_text{float: left;width:calc((100% - 123px)/1);;color: #888;text-align:left;} .order_img a.pp_name{display: block;text-align: left;color: #000;font-size:16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .order_text p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;} .order_img a.pp_name:hover{color: #e79d49;text-decoration: underline;} .pay a.r_btn{ width:90px; height:30px; line-height:30px; display:block; margin:0px auto; border-radius:3px; margin-bottom:5px;background:#e79d49; color:#fff;} .pay a.r_btn:hover{ background:#d58c38;text-decoration: underline;} .p-checkbox { width: 13px; text-align: left;float: left; } .p-checkbox input { vertical-align: middle; margin-top: 24px; } .checkbox_text{overflow:hidden;} .tab-void tbody td .pay_ph{display: none;text-align: left;} @media only screen and (max-width:768px ){ .tab-void tbody td{padding: 10px;} .collection_mt{padding-left: 10px;} .tab-void tbody td .pay_ph{display: block;} .tab-void tbody td .pay_pc{display: none;} .tab-void td.none{display: none;} .pay a.r_btn{margin:inherit;text-align: center;margin-top: 20px; display:inline-block;font-size: 13px;} .pay a.b_btn{ width:90px; height:30px; line-height:30px; display:inline-block;border-radius:3px; margin-bottom:5px;background:#bfbfbf; color:#fff;text-align: center;margin-top:5px;font-size: 13px;} } /* collection_mt */ /* pro_cartbottom */ .pro_cartbottom { position: fixed; padding: 10px 10px 12px; bottom: -100px; background: #fff; width: 100%; z-index: 97;box-shadow: 0 0 9px rgba(0,0,0,.12); transition: all .5s; opacity: 0;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pro_cartbottom .row {display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .pro_cartbottom .num {float: left; border: 1px solid #333; width: 120px; margin-right: 10px; height: 38px;} .pro_cartbottom .num * { display: block; float: left;} .pro_cartbottom .num .cartnum { border: 0; top: 0; width: 50px; line-height: 36px; height: 36px;text-align: center;font-family: 'poppins_sb';} .pro_cartbottom .sub, .pro_cartbottom .add {font-size: 16px; position: relative;top: 1px; font-family: 'poppins_m'; width: 33px; height: 38px; line-height: 38px; text-align: center; cursor: pointer; top: 0;font-family: 'poppins_sb';} .pro_cartbottom .read_more {height: 38px; line-height: 38px; float: left; width: 140px; text-transform: capitalize;background: #e79d49;color: #fff;border-color:#e79d49;border-radius: 0; padding: 0!important;text-align: center;} .pro_cartbottom .read_more:hover{background: #222;border-color:#222;} .pro_cartbottom .product { width: 55%; float: left; padding-right: 10px;} .pro_cartbottom .product img { max-width: 75px; max-height: 75px; margin-right: 10px;} .pro_cartbottom .product em {width: calc(100% - 95px); float: right; margin-top: 10px; font-size: 14px; line-height: 22px; max-height: 44px; overflow: hidden; font-family: 'poppins_m';} .pro_cartbottom .right { width: 45%; float: right;} .pro_cartbottom .right .read_more,.pro_cartbottom .right .num {float: right;} .pro_cartbottom.mshow { opacity: 1; bottom: -2px; transition: all .5s;} .pro_cartbottom .mprice { float: right; padding-right: 10px; padding-top: 4px; font-size: 16px;font-family: "poppins_m";} .pro_cartbottom .mprice .or{color: #989898;} .pro_cartbottom .mprice .cur{color: #f54337;font-family: 'poppins_sb';} .pro_cartbottom .mprice s { color: #333; font-family: 'poppins';} @media only screen and (max-width:992px ) { .pro_cartbottom.mshow { opacity: 1; bottom: 50px; transition: all .5s;padding:10px 0 12px;} .pro_cartbottom .product { width: 40%;} .pro_cartbottom .right { width: 60%;} } @media only screen and (max-width:768px ) { .pro_cartbottom .product {display: none;} .pro_cartbottom .right { width: 420px; margin: 0 auto; float: none;} } @media only screen and (max-width:575px ) { .pro_cartbottom .mprice {display: none;} .pro_cartbottom .container { width: 100%;} .pro_cartbottom .right { float: none; margin: 0; width: 100%; } .pro_cartbottom .right .read_more { width: calc(100% - 130px);margin-right: 0; } } .cbp-vm-view-grid ul{margin: 0 -10px;display: flex;display: -webkit-flex;flex-wrap: wrap;} .cbp-vm-view-grid ul li{width:25%;display: inline-block;padding: 0 10px;margin-bottom: 20px;} .cbp-vm-view-grid ul li .tags,.cbp-vm-view-grid ul li .page_more{display: none;} .cbp-vm-view-grid ul li .cbp-vm-image {display: block;overflow: hidden;position: relative;} .cbp-vm-view-grid ul li .cbp-vm-image img{width: 100%;transition: all 0.5s;} .cbp-vm-view-grid ul li .cbp-title{font-size:15px;margin: 10px 0;display: inline-block;color: #222;} .cbp-vm-view-grid ul li .cbp-title:hover{text-decoration: underline;} .cbp-vm-view-grid ul li:hover img{transform: scale(1.05);} .cbp-vm-view-grid .off{position: absolute;padding:2px 10px;background: #F04343;top:0px;left:0px;font-family: "poppins_m";color: #fff;} @media only screen and (max-width:1300px ) { .cbp-vm-view-grid ul li{width:33.3333333%;} } @media only screen and (max-width:768px ) { .cbp-vm-view-grid ul li{width: 50%;} } @media only screen and (max-width:480px ) { .cbp-vm-view-grid ul li{width:100%;padding: 0;} .cbp-vm-view-grid ul{margin: 0;} } /* pro_cartbottom */ .pro_cartbottom { position: fixed; padding: 10px 10px 12px; bottom: -100px; background: #fff; width: 100%; z-index: 97;box-shadow: 0 0 9px rgba(0,0,0,.12); transition: all .5s; opacity: 0;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pro_cartbottom .row {display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .pro_cartbottom .num {float: left; border: 1px solid #333; width: 120px; margin-right: 10px; height: 38px;} .pro_cartbottom .num * { display: block; float: left;} .pro_cartbottom .num .cartnum { border: 0; top: 0; width: 50px; line-height: 36px; height: 36px;text-align: center;font-family: 'poppins_sb';} .pro_cartbottom .sub, .pro_cartbottom .add {font-size: 16px; position: relative;top: 1px; font-family: 'poppins_m'; width: 33px; height: 38px; line-height: 38px; text-align: center; cursor: pointer; top: 0;font-family: 'poppins_sb';} .pro_cartbottom .read_more {height: 38px; line-height: 38px; float: left; width: 140px; text-transform: capitalize;background: #e79d49;color: #fff;border-color:#e79d49;border-radius: 0; padding: 0!important;text-align: center;} .pro_cartbottom .read_more:hover{background: #222;border-color:#222;} .pro_cartbottom .product { width: 55%; float: left; padding-right: 10px;} .pro_cartbottom .product img { max-width: 75px; max-height: 75px; margin-right: 10px;} .pro_cartbottom .product em {width: calc(100% - 95px); float: right; margin-top: 10px; font-size: 18px; line-height: 22px; max-height: 44px; overflow: hidden; font-family: 'poppins_m';color: #111;} .pro_cartbottom .right { width: 45%; float: right;} .pro_cartbottom .right .read_more,.pro_cartbottom .right .num {float: right;} .pro_cartbottom.mshow { opacity: 1; bottom: -2px; transition: all .5s;} .pro_cartbottom .mprice { float: right; padding-right: 10px; padding-top: 4px; font-size: 16px;font-family: "poppins_m";} .pro_cartbottom .mprice .or{color: #989898;} .pro_cartbottom .mprice .cur{color: #f54337;font-family: 'poppins_sb';font-size: 20px;} .pro_cartbottom .mprice s { color: #333; font-family: 'poppins';} @media only screen and (max-width:992px ) { .pro_cartbottom.mshow { opacity: 1;transition: all .5s;padding:10px 0 12px;} .pro_cartbottom .product { width: 40%;} .pro_cartbottom .right { width: 60%;} } @media only screen and (max-width:768px ) { .pro_cartbottom.mshow { bottom: 50px; } .pro_cartbottom .product {display: none;} .pro_cartbottom .right { width: 420px; margin: 0 auto; float: none;} } @media only screen and (max-width:575px ) { .pro_cartbottom .mprice {display: none;} .pro_cartbottom .container { width: 100%;} .pro_cartbottom .right { float: none; margin: 0; width: 100%; } .pro_cartbottom .right .read_more { width: calc(100% - 130px);margin-right: 0; } } /* 404 */ .errors{text-align: center;padding:40px 10px;position: relative;} .errors_box{position: relative;z-index: 1;} .errors h2{color: #e79d49;font-family: 'poppins_sb';font-size:26px;margin-bottom: 10px;} .errors h3{font-size:16px ;margin: 0;} .errors .button_primary{background: #e79d49;width: 190px;line-height: 50px;color: #fff;display: inline-block;text-transform: uppercase;margin-top:40px;} .errors .button_primary:hover{text-decoration: underline;} @media only screen and (max-width:480px ){ .errors h2{font-size:22px;} .errors h3{font-size:14px ;} .errors .button_primary{line-height: 46px;margin-top: 20px;} } /* success_paybox */ .success_paybox{background: #f9f9f9;font-size:20px;padding: 50px 0;border: 1px solid #f2f2f2;text-align: center;} .success_pay{font-weight: normal;} .success_pay span{text-transform: capitalize;} .success_pay span strong{font-family:'poppins_sb';font-size:36px;color: #07a713;} .success_pay span b{display: block;margin-top:10px;font-size: 26px;} .success_pay span b span{background:none;font-family:'poppins_sb';padding-left:0;font-size: 18px;} .success_patsheet{font-size: 14px;text-align: left;width: 100%;margin: 15px 0;padding: 0 2%;} .success_patsheet .success_table{background: #fff;width: 100%;max-width:1070px;margin:auto;} .success_patsheet th{font-size: 16px;color: #222;} .success_patsheet td,.success_patsheet th{padding:12px;border: 1px solid #f1f1f1;} .success_patsheet .pro_name{display: flex;display: -webkit-flex;align-items:center;} .success_patsheet .pro_name img{width: 100px;height: 100px;} .success_patsheet .pro_txt{width: calc(100% - 110px); padding-left: 10px;} .success_patsheet .pro_txt h2{font-size: 16px;font-family: 'poppins_sb';margin-bottom: 10px;} .success_patsheet .pro_txt h2 a:hover{text-decoration: underline;color: #febe40;} .pay_remark{max-width: 1070px;margin: auto;text-align: left;font-size: 14px;} .pay_remark span{color: red;padding-right: 5px;} .pay_remark a{color: #e79d49;} .pay_remark a:hover{text-decoration: underline;} @media only screen and (max-width:1152px ){ .pay_remark{padding: 0 2%;} } @media only screen and (max-width:768px ){ .success_paybox{margin: 30px 0;} .success_pay span{background-size:25px;background-position: left 8px;padding-left:30px;} .success_pay span strong{font-size: 26px;} .success_pay span b{font-size: 20px;} .success_pay span b span{display: block;} .address_pay{font-size: 14px;} .success_patsheet .pro_txt h2{font-size: 14px;} } /* 评论图片缩放 */ .bigimg{width: 600px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: none; z-index: 9999999999; border: 10px solid #fff;max-width: 100vw;} .mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#19000000,endcolorstr=#19000000);text-align:center;z-index: 999999999;display: none;} .close_bgmask{position: absolute;top: 10px;right: 10px;z-index: 99999999;height: 36px;width: 36px;background: rgba(0,0,0,0.5);cursor: pointer;} .close_bgmask:after{content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; margin-left:-10px; margin-top:0px; transform: rotateZ(45deg); background-color: #fff;} .close_bgmask:before{content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; margin-left:-10px; margin-top:0px; transform: rotateZ(-45deg); background-color: #fff;} .close_bgmask {transition: transform .5s;} .close_bgmask:hover {transform: scale(1.2);} .bigimg:hover{cursor: move} .mask>img{position: fixed; right: 10px; top: 10px; width: 60px;} .mask>img:hover{cursor: pointer} @media only screen and (max-width: 768px){ .bigimg{border: 2px solid #fff;} } /* blog_content */ .blog_content .index_text{ margin:20px auto 40px} .blog_content .swiper_father{position: relative;} .blog_content .scrollbar_news{ width:100%; overflow: hidden;padding-bottom:60px;} .blog_content .swiper-slide{ width:calc(100% / 3); list-style: none; padding: 0 15px;} .blog_content .module .images{overflow: hidden;} .blog_content .module .images a img{width: 100%;transition: all 0.5s;} .blog_content .wrap{background: #ffff;padding: 20px 0;} .blog_content .wrap a.ti{color: #333;margin: 10px 0 10px;display: block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:'Montserrat_regular';font-size: 16px;font-family: 'poppins_sb';} .blog_content .wrap .text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .blog_content li:hover .module .images a img{transform: scale(1.05);} .blog_content li .wrap a.ti:hover{color:#e79d49;} .blog_content li .wrap .read{overflow: hidden;padding:8px 20px;border: 1px solid #ccc;display: inline-block;position: relative;margin-top:20px;} .blog_content li .wrap .read::before{position: absolute;content: "";width: 0%;height: 100%;background: #e79d49;left: 0;top: 0;z-index: 0;transition: all .5s;} .blog_content li .wrap .read a{color:#666;display: block;position: relative;z-index: 2;text-decoration: none;} .blog_content li .wrap .read:hover{border-color:#e79d49 ;} .blog_content li .wrap .read:hover::before{width: 100%;} .blog_content li .wrap .read:hover a{color: #fff;} @media only screen and (max-width:992px) { .blog_content .swiper-slide{ padding:0 10px;width: 50%;} } @media only screen and (max-width:480px) { .blog_content .swiper-slide{ padding:0;width: 100%;} } /* blog_list */ .blog_list{display: flex;display: -webkit-flex;flex-wrap: wrap;} .blog_list li{width:calc((100% - 60px)/4);margin-right:20px;background: #fff;box-shadow: 0 1px 3px #11111126;border-radius: 8px;overflow: hidden;transition: all 0.5s;margin-bottom: 20px;text-align: center} .blog_list li:nth-child(4n){margin-right: 0;} .blog_list li .images{display: block;overflow: hidden;} .blog_list li .images img{width: 100%;transition: all 0.5s;transform:scale(1.005);} .blog_list li .txt{padding: 20px;background: #fff;position: relative;} .blog_list li h2 a{font-family: 'poppins_sb';color: #111;font-size:18px;margin-bottom: 12px;display: block;} .blog_list li p{color: #111;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-bottom: 20px;} .blog_list li .read a{color:#e79d49} .blog_list li .read a .icon-signpost-arrow{transform:translateY(2px);margin-left: 5PX;} .blog_list li .read a .icon-signpost-arrow path{transition: transform 125ms cubic-bezier(.4,0,.2,1), opacity 125ms cubic-bezier(.4,0,.2,1) .1s;} .blog_list li .read a .icon-signpost-arrow path:first-child{transform: translate(-8px);} .blog_list li .read a .icon-signpost-arrow path:last-child{transform: translate(-100%);} @media only screen and (min-width: 992px) { .blog_list li:hover{box-shadow: 0 4px 8px #11111126;} .blog_list li:hover h2 a{color: #e79d49;} .blog_list li:hover .images img{transform:scale(1.1);} .blog_list li:hover .read a .icon-signpost-arrow path{transform: translate(0);} } @media only screen and (max-width: 992px) { .blog_list li{width:calc((100% - 40px)/3);} .blog_list li:nth-child(4n){margin-right:2%;} .blog_list li:nth-child(3n){margin-right: 0;} } @media only screen and (max-width: 768px) { .blog_list li:hover h2 a{font-size: 16px;} .blog_list li{width:calc((100% - 15px)/2);margin-right: 15px;} .blog_list li:nth-child(3n){margin-right: 15px;} .blog_list li:nth-child(2n){margin-right: 0%;} } @media only screen and (max-width: 480px) { .blog_list li{width:100%;margin-bottom: 20px;margin-right: 0;} .blog_list li:nth-child(3n){margin-right: 0%;} } .error_hint{color: red;text-align: left;margin:8px 0;} .write_success{padding: 10px 15px;border: 1px solid #cbf3c8;margin: 15px 0;background: #f0fff0;display: flex;display: -webkit-flex;align-items:center;} .write_success i{font-size:12px;margin-right:10px;color: #fff;width: 22px;height: 22px;border-radius: 50%;text-align: center;background:#109507 ;line-height: 22px;} .write_success p{width: calc(100% - 34px);text-align: left;margin: 0;} .write_error{padding: 10px 15px;border: 1px solid #f7e2e2;margin: 15px 0;background: #fff5f5;display: flex;display: -webkit-flex;align-items:center;} .write_error i{font-size:13px;margin-right:5px;color: #fff;width: 22px;height: 22px;border-radius: 50%;text-align: center;background:#f13434 ;line-height: 22px;} .write_error p{width: calc(100% - 34px);text-align: left;margin: 0;} @media only screen and (min-width: 480px){ .heigt_44{height: 44px;} }