/*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%;transition: all 0.5s;}
li,
li,
ul{list-style: none;}
a{text-decoration: none; color: #565656;}
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;}

input{line-height: 50px;border: 1px solid rgba(229,229,229,1);color: #333;text-indent: 10px;transition: all 0.5s;
    margin-top: 0;border-radius: 4px;}
input:focus{border-color:#bbb;}

input::-webkit-input-placeholder{ color: #999; }
input:-moz-placeholder { color: #999;}
input::-moz-placeholder {color: #999;}
input:-ms-input-placeholder {color: #999;}

textarea::-webkit-input-placeholder{ color: #999; }
textarea:-moz-placeholder { color: #999;}
textarea::-moz-placeholder {color: #999;}
textarea:-ms-input-placeholder {color: #999;}

.label_input{margin-top: 20px;}
.label_input:first-child{margin-top: 0;}
.label_input label{width: 100%;font-family:'poppins_m' ;font-weight: normal;color: rgba(18,81,100,1);font-size: 13px;padding-bottom: 5px;margin-bottom: 0;letter-spacing: 0.25px;}
.label_input label span{color: red;font-weight: 700;padding-left: 5px;}
.label_input input{width: 100%;}

@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;}


a:focus{outline: none;}
iframe{max-width: 100%; width: 100%;}
body{overflow-x: hidden;font-size: 14px; font-family: 'poppins', Arial; color: #515050;}

.font_name1{font-family: 'poppins_m';}
.font_name2{font-family: 'poppins_sb';}

.flash_white,a.flash_white{position: relative;}
.flash_white::before ,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){
    .flash_white:hover:before,a.flash_white:hover:before{ width: 100%;}
}
@media(max-width:768px){
    input{line-height: 40px;}
}
@keyframes more_i {
    0% {transform: translateX(-3px); }
    50% {transform: translateX(3px); }
    100% {transform: translateX(-3px);}
}


.hbai_more{position: relative;}
.hbai_more:before {position: absolute;content: '';opacity: 0;top: 0;left: 0;z-index: 1;background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 1%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 70%,rgba(255,255,255,.85) 71%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);width: 30%;height: 100%;transform: skew(-10deg,0deg);animation: move 2s;animation-iteration-count: infinite;animation-delay: 1s;}
@keyframes move{
    0%{left:0;opacity:0}5%{opacity:.0}
    48%{opacity:.2}80%{opacity:.0}
    100%{left:82%}}


[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;}


/* 弹窗 */
.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;}

.pop_overlay2{background: rgba(0,0,0,0.8); bottom: 0;display: block;left: 0;position: fixed; right: 0;top: 0;z-index: 999999999;display: none;transition: all 0.4s;}
.pop_overlay3{background: rgba(0,0,0,0.85); bottom: 0;display: block;left: 0;position: fixed; right: 0;top: 0;z-index: 999999999;display: none;transition: all 0.4s;}

.pop_close{padding:8px;cursor: pointer;}
.pop_close img{width: 14px;}
.pop_close:hover{background: #f7f7f7;border-radius: 5px;}
.flex_box{background: #fff;max-height: 90%;position: relative;width: 90%;max-width:800px; }
.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%,101%, 0);transition: all 0.3s;}
.pop_con_transform{transform: translate3d(0%, 0%, 0);}
.pop_con .pop_ti{display: flex;display: -webkit-flex;justify-content:space-between;align-items: center;padding:15px;border-bottom: 1px solid #e1e3e5;}
.pop_con .ti_name{font-size: 18px;font-family: "poppins_sb";color: #333;text-transform: uppercase;}
.pop_con .edit_content{padding:40px;height: 100%;overflow-y: auto;}


.flex_box .pop_closeb{position: absolute;}
.pop_closeb{right:0px;background: #000;display: flex;display: -webkit-flex;align-items: center;justify-content: center;cursor: pointer;width:30px;height: 30px;top: -30px;}
.pop_closeb img{width: 10px;}

.pop_con .login_title{text-transform: capitalize;font-family: "poppins_sb";color: #06323d;border-bottom: 2px solid #06323d;display: inline-block;margin-bottom: 10px;}
.pop_con .login_box{width: 100%;}
.pop_con .remember_login{display: flex;display: -webkit-flex;align-items: center;margin-top: 20px;}
.pop_con button{width: 170px;line-height: 50px;background:#06323d;color: #fff;margin-right: 30px;text-transform:uppercase;}
.pop_con button.register_button{background:rgba(185,225,234,1);}
.pop_con .remember_login .remember_me{display: flex;display: -webkit-flex;align-items: center;}
.pop_con .remember_login .remember_me span{padding-left:6px;color: #06323d;}
.pop_con .lost_password a{margin-top: 30px;color: rgba(169,169,169,1);display: inline-block;text-decoration: underline;}
.pop_con .register a{color: #06323d;font-family: "poppins_m";}
@media only screen and (min-width: 992px){
    .pop_closeb:hover{background:#06323d;}
    .pop_con button.register_button:hover{background: #06323d;}
    .pop_con .lost_password a:hover{color: #06323d;}
    .pop_con .register a:hover{text-decoration:underline;}
}

.return_box h2{font-family: "poppins_sb";color: #000;text-align: center;font-size: 26px;margin-bottom: 30px;text-transform: uppercase;}
.return_box h2 span{font-weight: bold;padding-right: 8px;}
.return_box h3{font-size:18px;font-family: "poppins_sb";color: #000;margin-bottom:5px;}
.return_box p{margin-top: 15px;}
.pop_con_return .flex_box{max-width: 800px;}


.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: 20px;text-transform: uppercase;color: #222;margin-bottom: 10px;}
.pop_con_sale .edit_copy .fr h3{font-size:16px;line-height: 1.3;}
.pop_con_sale .edit_copy .fr h3 span{font-family:'poppins_sb';color: #000;font-size: 20px;}
.pop_con_sale .edit_copy .fr h5{line-height: 1.3;color: #999;}
.pop_con_sale .edit_copy .copy_num{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;background: #fff;border: 1px solid #e3e3e3;}
.pop_con_sale .edit_copy .copy_num i{font-size: 18px;cursor: pointer;padding-left: 5px;}
.pop_con_sale .edit_copy .copy_num i:hover{color:#06323d;}

.pop_con_sale .edit_copy .continue_btn,.pop_con_sale .edit_copy .sub_btn{line-height: 40px;height: 40px;cursor: pointer;background: #e04010;color: #fff;text-transform: capitalize;margin-top: 20px;}
.pop_con_sale .edit_copy .copy_success{position: absolute;right: 50px;color: #999;display: none;}


.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 .no_thanks{margin-top: 10px;color: #222;display: inline-block;cursor: pointer;text-decoration: underline;}


.pop_con_sale_noimg .flex_box{max-width:400px;}
.pop_con_sale_noimg .edit_copy .fl{display: none;}
.pop_con_sale_noimg .edit_copy .fr{width: 100%;padding:60px 25px;}
.pop_con_sale_noimg .edit_copy .copy_num{padding-left: 45%;}


@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: 14px;}
    .pop_con_sale .edit_copy .fr h5{font-size: 13px;}
}


/* 圣诞节弹窗覆盖 */
.pop_con_sale .edit_copy .fl{width: 44%;background-size: cover;height: 460px;}
.pop_con_sale .edit_copy .fl img{height: 100%;object-fit: cover;}
.pop_con_sale .edit_copy .fr{width: 56%;}
.pop_con_sale .pop_closeb{top: 0;background: #222;}

.pop_con_sale .edit_copy .copy_num{color: rgb(146, 96, 50);justify-content: center;border:none;background:url(../images/codebg.svg)no-repeat center center;height: 56px;}
.pop_con_sale .edit_copy .copy_num h4{font-size: 20px;}
.pop_con_sale #click_copy{display: block;cursor: pointer;}
.pop_con_sale .edit_copy .copy_success{left: 0;margin: auto;background: rgba(0,0,0,0.8);right: 0;color: #fff;padding: 20px;line-height: 1.8;}

.pop_con_sale_noimg .edit_copy .fl{display: block;}
.pop_con_sale_noimg .edit_copy .copy_num{padding-left: 0%;}
@media only screen and (max-width: 768px){
    .pop_con_sale .edit_copy .fl{display: block;}
}
@media only screen and (max-width: 640px){
    .pop_con_sale .edit_copy{flex-wrap:wrap;flex-direction:column-reverse;}
    .pop_con_sale .edit_copy .fr{width: 100%;padding:40px 20px;}
    .pop_con_sale .edit_copy .fl{width: 100%;height:180px;display: none;}
}


.pro_cart_item{display: flex;display: -webkit-flex;align-items: center;flex-wrap: wrap;}
.pro_cart_item .pro_item{width:250px;}
.pro_cart_item .text_item{padding-left:25px;width: calc(100% - 250px);}
.pro_cart_item h3{font-size:20px;}
.pro_cart_item h4{font-size: 14px;color:#333;}
.pro_cart_item h4 span{color: #666;}
.pro_cart_item p{margin-top: 0;}
.pro_cart_item .jg{font-size: 24px;font-family:'poppins_sb';margin:20px 0;color: red;}
.pro_cart_item .click_btn{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.pro_cart_item .click_btn a:nth-child(1){margin-right:15px;}
.pro_cart_item .click_btn a{display: inline-block;width:calc((100% - 20px)/2);line-height:40px;text-align: center;background: #07404e;color: #fff;border: 1px solid #07404e;}
.pro_cart_item .click_btn a.k_s{background: #f7f7f7;color: #333;border: 1px solid #e9e9e9;}
.pro_cart_item .click_btn a:hover{text-decoration:underline;}
/* .pro_cart_item .click_btn a.v_s{line-height: 1.5;padding: 3px 0;} */
@media only screen and (max-width: 768px){
    .pro_cart_item .click_btn a:nth-child(1){margin-right:0px;}
    .pro_cart_item .pro_item,.pro_cart_item .text_item{width: 100%;padding: 0;}
    .pro_cart_item .click_btn a{width: 100%;}
    .pro_cart_item .click_btn a.v_s{margin-bottom: 12px;}
    .pro_cart_item .jg{font-size: 20px;margin: 15px 0;}
}


.pop_con_purchase .flex_box{padding:40px 20px;max-width: 400px;}
.pop_con_purchase .repeat_purchase{text-align: center;font-size: 16px;color: #111;}
.pop_con_purchase .btn_yesno{display: flex;display: -webkit-flex;justify-content: space-between;margin-top:30px;}
.pop_con_purchase .btn_div{width: 48%;text-align: center;line-height:36px;text-transform: capitalize;    background: #06323d;color: #fff;cursor: pointer;}
.pop_con_purchase .btn_div.no{border: 2px solid #06323d;background: #fff;color: #06323d;}
.pop_con_purchase .btn_div:hover{text-decoration: underline;}
/* right_search */
.right_search{position: fixed;width: 320px;background: #fff;z-index: 99999999999;right: 0;height: 100%;top: 0;padding: 20px 10px;transform: translate3d(100%,0%, 0);transition: all 0.5s;visibility: hidden;}
.right_search_transform{transform: translate3d(0%,0%, 0);visibility: visible;}
.right_searchtop{display: flex;display: -webkit-flex;justify-content: space-between;}
.right_searchtop h2{font-family: "poppins_sb";font-size:16px;color: #333;}
.right_search label{margin-top: 30px;position: relative;width: 100%;}
.right_search label label,.right_search label input{width: 100%;display: block;font-weight: normal;color: #333;line-height: 40px;height: 40px;}
.right_search label input{padding-right:40px;}
.right_search label button{width:36px;height:36px;position: absolute;right: 0;top:3px;background: none;}

@media only screen and (max-width: 768px){
    .pop_con .edit_content{padding: 20px;}
    .pop_con .login_box{margin-bottom: 40px;}
    .pop_con button{line-height: 40px;}

    .return_box h2{font-size: 20px;}
    .return_box h3{font-size: 16px;}
    .right_search form button{top: 3px;}
}
.btn-primary{background: #06323d;border: none;transition:all 0.5s;}
.btn-primary:hover,.btn-primary:focus, .btn-primary.focus,.btn-primary.active,.btn-primary.active:hover,.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{background: #24acd1;outline: none;border: none;box-shadow: 0 0 10px rgb(0 0 0 / 0.15)}



/*图片上传*/
.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;}
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: #06323d;border: 1px solid #06323d;}
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;}


/*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: red; font-family: "poppins_sb"; display: inline-block; margin-right: 4px;font-size:18px;}
.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: #06323d; border-radius: 4px;}
.page_more{display: inline-block; font-size: 13px; text-transform: capitalize; line-height: 36px; height: 36px; padding: 0 20px; background: #06323d; color: #fff; border-radius: 4px;}
.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 (min-width: 992px){
    .read_more:hover,
    .page_more:hover{color: #fff;background: #222;}
}
@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;}
    .read_more{line-height: 40px;height: 40px;}
}
@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;}
    .price .cur{font-size:16px;}}
*: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;}





/*index*/
.head_top{background: #06323d; line-height:40px; text-align: center; color: #a9a9a9;font-size: 13px;font-family: 'poppins_m';text-transform: capitalize;}
.head_top .container{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content:space-between;}
.head_top .head_topfl{width:315px;text-align: left;line-height: 45px;}
.head_top .head_topfr{width:300px;text-align: right;}
.head_top .fixed_top{width:calc(100% - 615px);overflow: hidden;padding-left: 50px;line-height: 24px;padding: 8px 0;color: #fff;}

.txt-scroll{width: 100%; height: 30px; line-height: 30px;}
.txt-scroll .scrollbox{width: 100%; white-space: nowrap; overflow: hidden; transition: all 0.2s;}
.txt-scroll .txt, .txt-scroll .txt-clone{display: inline; position: relative;}
.txt-scroll .txt>*,.txt-scroll .txt-clone>*{display: inline-block;}
.head_top a{color: rgb(185 225 234);}
.head_top .are_you{padding-right:20px;}
.head_topfr .Wishlist,.top_account,.head_top .are_you,.head_top .social_icons ul,.head_top .social_icons,.head_top .share_dl{display: inline-block;}
.head_top .social_icons li{display: inline-block;padding-right: 10px;}
.head_top .share_dl dd a{margin-right: 10px;}
.head_top img{height:13px;opacity: 0.6;}
.head_top .top_account{margin-left: 15px;}
.head_top .top_account a{color:#fff;}

@media only screen and (min-width: 992px){
    .head_top .share_dl dd a:hover img{margin-top: 0;}
    .head_top .top_account a:hover,.head_top a:hover{color: #fff;}
    .head_top img:hover{opacity: 1;}
}
@media only screen and (max-width:992px){
    .head_top .head_topfl{display: none;}
    .head_top .fixed_top,.head_top .head_topfr{width: 100%;text-align: center;}
    .head_top .fixed_top{padding-bottom: 0;}
    .head_top .container{justify-content: center;}
}

header{position: relative; top: 0; left: 0; width: 100%; width: 100%; z-index: 20000;}
.top_nav{text-align: center;}
.header{transition: all .5s; padding: 20px 0px; text-align: center;}
.top_flex{display:flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;max-width: 1600px;margin: auto;align-items:center;}
#logo{float: left;}
#logo a{padding: 0; display: inline-block;}
#logo img{max-height:50px; 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: 15px; height:22px;font-size: 14px;width: 22px;}
.cart_ul li:first-child{margin-left: 0;}
.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: #06323d;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 .cart_a{vertical-align: middle;}
.cart_ul li.top_countdown{display: flex;display: -webkit-flex;font-family: 'poppins_sb';    width: 64px;line-height: 23px;width: fit-content}
.cart_ul li.top_countdown #countdown_minutes{padding: 0 5px;background: red;color: #fff;}
.cart_ul li.top_countdown #countdown_seconds{padding: 0 5px;background: red;color: #fff;}
.cart_ul li.top_countdown .mao{padding: 0 2px;}
.cart_ul li img{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;}

@media only screen and (min-width: 992px){
    .cart_ul li.lr_abox dl dd a:hover{color: #1e1e1e;}
}
/* header.small */
header.small{left: 0; background: #fff; top:0px;box-shadow:0 2px 10px rgb(0 0 0 / 10%); position: fixed;}
header.small #logo img{max-width:200px;}
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: #06323d;}

.head_line{height: 10px;width: 100%;background:#06323d;}

.page_header .mainmenu ul li a.activity{animation: fadeInOnt infinite 1.2s;font-size: 20px;}
.page_header .mainmenu ul li a.activity:hover{color: red!important;text-decoration: underline;}
@keyframes fadeInOnt {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }


.page_header .sub_menu{width: 100%!important;height: auto;left: 0!important;}
.page_header .sub_menu .container{display: -webkit-flex;display: flex;}
.page_header .sub_menu dl{width: 25%;padding-bottom: 20px;padding-right: 2%;}
.page_header .sub_menu dl dt{color: #206272;padding: 30px 0 10px;font-size: 16px;}
.page_header .sub_menu dl dd a{padding:6px 0;text-transform: capitalize;font-family: 'poppins';border-bottom: 1px solid #ededed;display: block;width: 100%;font-size: 13px;}
header.small .sub_menu dl dd a{padding:6px 0;}
.page_header .sub_menu dl dd:last-child a{border-bottom: none;}
.page_header .sub_menu dl dd.bgdd{margin-top: 5px;}
.page_header .sub_menu dl dd.bgdd a{background: #f1c40f;padding-left:20px;font-weight:normal;color: #06323d;font-size: 15px;    font-family: 'poppins_sb'}

.down_cart{width: 320px;position:absolute;right: 0;padding-top:20px;transition: .3s ease;opacity: 0;visibility: hidden;transform: scaleY(0);transform-origin: 0 0 0;}
.down_cart_box{background: #fff;padding: 20px;box-shadow:0 5px 8px rgb(0 0 0 / 15%);position: relative;}
.down_cart::before{position:absolute;content: "";width: 10px;height: 10px;top:15px;right:5px;box-shadow:3px 2px 8px rgb(0 0 0 / 30%);transform: rotate(45deg);-webkit-transform: rotat(45deg);opacity:1;}
.down_cart_box h2{font-size:16px;color: #06323d;font-family: 'poppins_sb';}
.down_cart_box dl{max-height: 231px;overflow-y: auto;margin-top: 20px;}
.down_cart_box dl dd,.down_cart_box dl dd .txt{display: flex;display: -webkit-flex;justify-content: space-between;}
.down_cart_box dl dd{padding-bottom: 10px;margin-bottom:20px;border-bottom: 1px solid #ebebeb;}
.down_cart_box dl .image{display: block;overflow: hidden;}
.down_cart_box dl .image img{width:80px;max-height: inherit;transition: all 0.5s;height: auto;}
.down_cart_box dl .txt{width: calc(100% - 90px);}
.down_cart_box dl .txt h3{font-size:14px;font-family: 'poppins_m';overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.down_cart_box dl .txt .h2_price{width: calc(100% - 50px);}
.down_cart_box dl .txt h3 a{color: #333;}

.down_cart_box dl .txt .delete{margin-left: 10px;cursor: pointer;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;width:21px;padding: 5px;}

.down_cart_box dl .txt .price{font-family: 'poppins_m';color: red;margin-top: 15px;}
.down_cart_box dl .txt .price b{color:#06323d;padding-right: 10px;}

.down_cart_box .subtotal{text-align: center;color: red;font-family: 'poppins_sb';font-size:16px;margin-bottom:10px;}
.down_cart_box .subtotal b {color:#06323d;}
.down_cart_box button{padding: 0;background: none;}
.down_cart_box button a{width: 270px;line-height:48px;text-transform: uppercase;background: rgba(237,69,69,1);color:#fff;font-family: 'poppins_m';display: block;}

.down_cart_box button.view_cart a{border:1px solid #e3e3e3;background: #fff;margin-bottom:10px;color: rgba(18,81,100,1);display: block;}

.down_cart_box button.checkout a{border: 2px solid transparent;line-height:46px;}

.page_header .mainmenu ul li.on a{color: #206272 !important;}
@media only screen and (min-width:992px){
    .page_header .sub_menu dl dd a:hover{font-weight:700;}
    .down_cart_box dl .image:hover img{transform: scale(1.1);}
    .down_cart_box dl .txt h3 a:hover{color:#06323d;text-decoration: underline;}
    .page_header .mainmenu ul li a:hover{color: #206272 !important;}
    .cart_ul .cart_abox:hover .down_cart{opacity: 1;visibility: visible;transform: scaleY(1);}
    .down_cart_box button.view_cart a:hover{background: #06323d;color: #fff;}
    .down_cart_box button.checkout a:hover{background: #fff;color:  rgba(237,69,69,1);border: 2px solid  rgba(237,69,69,1);}
    .down_cart_box dl .txt .delete:hover{background: #f7f7f7;height: 100%;}
}

@media only screen and (max-width:1400px){
    .cart_ul li{margin-left: 15px;}
    .mainmenu-area{padding-left: 0;}
}
@media only screen and (max-width:1370px){
    #logo{width: 100%;text-align: center;padding-top: 20px;}
    .mainmenu ul li a{padding: 25px 5px;}
}
@media only screen and (max-width:1050px){
    .mainmenu ul li a{padding: 25px 1px;}
}

@media only screen and (max-width:1200px){
    .top_flex{padding-right: 30px;}
    header.small{padding:0px;}
    header .mainmenu-area{display: none;}
    header.small .cart_ul{padding-top: 6px;}
    #logo{padding-top:0px; width: auto;}
    .cart_ul{padding-top: 10px;}
    header .container{padding: 0 20px 0 15px;}
    header>.container{padding:8px 15px;}
    header.small #logo img{max-width:160px;}
    header.small #logo{padding-top:3px;}
}
@media only screen and (max-width:768px){
    #logo img{max-width: 180px;}
    .head_topfl,.head_topfr{width: 100%;}
    .head_top{line-height: 36px;}
}
@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;}
}
@media only screen and (max-width:360px){
    .cart_ul li{margin-left: 15px;}
}



/* best_light */
.best_light h2{font-size: 34px;color: rgba(18,81,100,1);font-family: 'poppins_sb';padding: 50px 0;line-height: 1.4;}
.best_light .light_image{margin: 0 -15px;}
.best_light li{position: relative;margin-bottom: 30px;background: #e4e3e2;}
.best_light img{width: 100%;transition: all 0.5s;}
.best_light .images_txt{position: absolute;top:20%;color: #000000;text-transform: uppercase;font-size: 20px;line-height: 26px;width: 145px;font-family: 'poppins_sb';left: 40px;}
.best_light li:nth-child(2) .images_txt{left: auto;right:40px ;}
.best_light li:nth-child(2) .images_txt a{padding: 5px 10px;background: #dd3333;display: block;font-size: 16px;color: #fff;text-align: center;margin-top: 10px;}
.best_light .single_image a,.best_light li{display: block;overflow: hidden;}


@media only screen and (min-width:992px){
    .best_light li:nth-child(2) .images_txt a:hover{background: #222;}
    .best_light .single_image:hover img,.best_light li:hover img{transform: scale(1.05);}
}

@media screen and (min-width:768px) and (max-width:1200px){
    .best_light .images_txt{font-size: 16px;line-height:22px;left: 20px;}
    .best_light li:nth-child(2) .images_txt{right: 20px;}
}
@media only screen and (max-width: 768px){
    .best_light h2{font-size: 22px;padding: 20px 0;}
    .best_light .single_image,.best_light li{margin-bottom: 15px;}

}

@media only screen and (max-width: 480px){
    .best_light .images_txt{font-size: 18px;}
}

/* easter_div */

.easter_div  h2{font-size: 34px;color: rgba(18,81,100,1);font-family: 'poppins_sb';padding:30px 0;line-height: 1.4;text-align: left;}
.easter_div .ph{display: none;}
@media only screen and (max-width: 768px){
    .easter_div h2{font-size: 20px;padding: 20px 0;}
    .easter_div .pc{display: none;}
    .easter_div .ph{display: block;}

}


.easter_sale{display: flex;display: -webkit-flex;justify-content: space-between;padding: 20px 30px;background: #f7f7f7;max-width: 1200px;margin: auto;margin-top: 20px;align-items: center;background: url(../images/easter_bg.webp)no-repeat center center;flex-wrap: wrap;background-size: cover;}
.easter_sale .cut_div{width: 50%;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.easter_sale .up_re{padding-left: 60px;}
.easter_sale .img{max-width: 150px;border:6px solid #fff;}
.easter_sale .shop a{width: 150px;line-height: 40px;background: #06323d;display: inline-block;text-align: center;font-family: 'poppins_sb';color: #fff;text-transform: uppercase;}
.easter_sale .shop a:hover{text-decoration: underline;}
.easter_sale .h3_p{position: relative;margin-left: 20px;}
.easter_sale .h3_p h3{position: relative;z-index: 2;font-size:30px;color: #06323d;text-transform: capitalize;font-family: 'poppins_sb';position: relative;z-index: 2;}
.easter_sale .h3_p span{position: absolute;height:15px;width: 100%;background:#ffba03;z-index: 1;left: 0;
    animation:opacity 1s infinite;bottom: 0;}
.easter_sale .up_off{font-size: 20px;color: #333;font-family: 'poppins_m';}
.easter_sale .up_off .upto{line-height:1;}
.easter_sale .off{display: flex;display: -webkit-flex;align-items: center;}
.easter_sale .off span{font-size: 60px;color: #fb2a2a;line-height: 60px;font-family: 'Arial';font-weight: bold;}
.easter_sale .off p{display: inline-block;font-size:20px;text-transform: uppercase;line-height: 1.2;}
.easter_sale .up_re h4{font-size:22px;color: #06323d;text-transform: capitalize;font-family: 'poppins_sb';margin-top: 10px;}
@media only screen and (max-width:1050px){
    .easter_sale .up_re{padding-left: 0;}
}
@media only screen and (max-width:992px){
    /* .easter_sale .cut_div{width: 100%;} */
    .easter_sale .h3_p{display: none;}
    .easter_sale .up_re{padding-left: 0;}
    .easter_sale .off span{font-size: 40px;line-height: 40px;}
    .easter_sale .off p{font-size: 16px;}
    .easter_sale .h3_p{margin-left: 0;margin-top: 20px;}
    .easter_sale .cut_div:nth-child(2){padding-left:10px;}
    .easter_sale .up_re h4{margin-bottom: 10px;}
}
@media only screen and (max-width:480px){
    .easter_sale{padding:20px 15px;}
    .easter_sale .h3_p h3{font-size: 24px;}
    .easter_sale .shop a{line-height: 34px;width: 120px;}
    .easter_sale .up_off{font-size: 18px;}
    .easter_sale .up_re h4{font-size: 19px;}
    .easter_sale .h3_p span{width: 300px;}

}
@keyframes opacity{
    0% {
        opacity: 0.2;
    }
    100% {
        opacity: 0.5;
    }
}


/* feature_wrapper */
.feature_wrapper ul{margin:20px auto 40px;border: 1px solid #efefef;display: flex;display: -webkit-flex;align-items:center;padding: 20px 0;flex-wrap: wrap;}
.feature_wrapper ul li{padding:0px 50px;display: flex;display: -webkit-flex;align-items:center;width: 33.3333%;border-left: 1px solid #efefef;}
.feature_wrapper ul li:first-child{border-left:none;}
.feature_wrapper ul li .text{padding-left:15px;color:#06323d;}
.feature_wrapper ul li .text h4{font-family: 'poppins_m';padding-top: 10px;}
.feature_wrapper ul li .images{width: 44px;}
@media only screen and (max-width: 768px){
    .feature_wrapper ul{padding: 0;}
    .feature_wrapper ul li{width: 100%;border-bottom: 1px solid #efefef;padding:10px 20px;}
    .feature_wrapper ul li:last-child{border-bottom: 0;}
    .feature_wrapper ul li .text h4{font-size: 16px;}
}

/* wpb_wrapper */
.wpb_wrapper ul{display: flex;display: -webkit-flex;align-items:center;flex-wrap: wrap;margin-bottom:60px;}
.wpb_wrapper ul li{width: calc((100% - 80px)/5);border: 1px solid #e7e7e7;margin-right: 10px;transition: all 0.4s;margin-right: 20px;}
.wpb_wrapper ul li:last-child{margin-right: 0;}

.wpb_wrapper ul li a{display: flex;display: -webkit-flex;align-items:center;}
.wpb_wrapper ul li .images img{width:80px;padding: 5px;}
.wpb_wrapper ul li p{margin-left: 10px;font-family: 'poppins_sb';color: #06323d;}

@media only screen and (min-width:992px){
    .wpb_wrapper ul li:hover{border-color:#afcdd5;box-shadow: 0 0 8px rgb(0 0 0 / 10%);}
}
@media only screen and (max-width:992px){
    .wpb_wrapper ul li{width: calc((100% - 40px)/3);margin-bottom: 20px;}
    .wpb_wrapper ul li:nth-child(3){margin-right: 0;}
}
@media only screen and (max-width:768px){
    .wpb_wrapper ul li{width: 100%;margin-right: 0;}
    .wpb_wrapper ul li:last-child{margin-bottom: 0;}
    .wpb_wrapper ul li .images img{width: 90px;}
}


/* gallery_wrapper */
.mian_title{border-bottom: 1px solid #efefef;margin-bottom:30px;}
.mian_title h2{font-family: 'poppins_sb';color: #06323d;font-size:20px;padding-bottom: 10px;border-bottom: 2px solid #06323d;display: inline-block;}

.pro_moudle .image{position: relative;}
.pro_moudle .image a::before{width: 100%;height: 100%;background:rgba(0,0,0, .1);position:absolute;content: '';display: none;}
.pro_moudle .free{margin: 10px 0;font-family:  'poppins_sb';color: red;text-align: center;}
.pro_moudle .buy_now a{width: 100%;line-height: 36px;background:#06323d;text-align: center ;color: #fff;display: block;max-width: 140px;margin: auto;transition: all 0.5s}

.pro_moudle .title{font-family:  'poppins_m';color: #222;margin:5px 0;display: block;text-align: center ;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.pro_moudle .price{text-align: center;}
.pro_moudle .new{position: absolute;top: 0;z-index: 4;left: 0;}
.pro_moudle .new::before{position: absolute;content: "";width:0;height:0;border-right:50px solid transparent;border-top:50px solid #f3c331;border-left:50px solid transparent;border-bottom:50px solid transparent;z-index: 3;left: 0;border-left: 50px ;}
.pro_moudle .new span{position: absolute;width:54px;color: #fff;text-align: center;line-height:18px;
    transform:rotate(-45deg);left: -10px;top: 11px;z-index:4;font-family: "poppins_sb";text-transform: uppercase;font-size: 13px;}


.pro_moudle .off{position: absolute;padding:0px 10px;background: #F04343;top:1px;right:1px;font-family: "poppins_m";color: #fff;}
.view_wishlist{position: absolute;right: 10px;top: 10px;z-index:3;display: none;}
.view_wishlist .quick_view{margin-bottom:5px;}
.view_wishlist .quick_view,.view_wishlist .wishlist{position: relative;}
.view_wishlist .hei_bg{position: absolute;width:90px;line-height: 30px;background: #333;right: 50px;color: #fff;text-align: center;top: 5px;display: none;}
.view_wishlist .hei_bg::before{position: absolute;content: "";border-left: 5px solid #333;border-right: 5px solid transparent;border-top: 5px solid transparent;border-bottom: 5px solid transparent;right:-10px;top: 10px;}
.view_wishlist i{width:40px;height:40px;background: #fff;display: flex;display: -webkit-flex;justify-content: center;align-items: center;color: #999;}
.view_wishlist i.fa-heart{color: red;}

@media only screen and (min-width:992px){
    .pro_moudle .buy_now a:hover{box-shadow:0 5px 10px rgb(0 0 0 / 0.15);text-decoration: underline;}
    .pro_moudle .image:hover>a::before{display: block;}
    .pro_moudle .title:hover{text-decoration: underline;color:#06323d;}
    .view_wishlist i.fa-heart-o:hover{background: #333;color: #fff;}
    .pro_moudle .image:hover .view_wishlist{display: block;}
    .view_wishlist .quick_view:hover .hei_bg,.view_wishlist .wishlist:hover .hei_bg{display: block;}
}

/* gallery_wrapper */
.relatepro_wrapper{margin-bottom: 50px;}
.gallery_wrapper .mian_title{padding-top:15px;}
.gallery_wrapper .container{overflow: hidden;}
.gallery_wrapper .swiper_profather{position: relative;margin: 0 -10px;}
.gallery_wrapper .pro_moudle{position: relative;padding: 0 10px;}
.gallery_wrapper .pro_moudle::after{position: absolute;content: "";width: 1px;height: 100%;background: #efefef;right:0px;top: 0;}
.gallery_wrapper .swiper-button-prev,.gallery_wrapper .swiper-button-next{width: 34px;height: 34px;border: 1px solid #ebebeb;background: #fff;color: #ccc;top:-50px;}
.gallery_wrapper .swiper-button-prev:after,.gallery_wrapper .swiper-button-next:after{color: #ccc;font-size: 12px;}
.gallery_wrapper .swiper-button-next.swiper-button-disabled, .gallery_wrapper .swiper-button-prev.swiper-button-disabled{opacity: 0.5;}
.gallery_wrapper .swiper-button-prev{right: 43px;left: auto;}
.gallery_wrapper .swiper-button-next{right: 10px;}


.relatepro_wrapper .mian_title h2{font-size: 24px;}
.gallery_wrapper .star{text-align: center;}
.gallery_wrapper .my-rating-3{top: 0;}

@media only screen and (max-width: 480px){
    .pro_moudle .buy_now a{line-height: 30px;}

    .relatepro_wrapper{margin:30px 0 0px;}
}

/* blog_wrapper */
.blog_wrapper{margin-bottom:70px;margin-top: -20px;}
.blog_wrapper .swiper_blog{margin: 0 -10px;}
.blog_wrapper h2{margin: 50px 0 40px;text-align: center;color:#06323d;}
.blog_wrapper .swiper-button-next{right:-40px;top:45%;transition: all 0.5s;}
.blog_wrapper .swiper-button-prev{left:-40px;top:45%;transition: all 0.5s;}
.blog_wrapper .single{padding: 0 10px;color:#06323d;}
.blog_wrapper .single a{color:#06323d;}
.blog_wrapper .single h3{font-size: 15px;margin:30px 0 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.blog_wrapper .single .excerpt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color: #222;}
.blog_wrapper .single h3 a{color:#06323d;line-height: 1.5;}

.blog_wrapper .single .author{display: flex;display: -webkit-flex;margin: 10px 0;font-size:13px;color: #666;}
.blog_wrapper .single .author time{padding-left: 15px;}
.blog_wrapper .single .more{padding-top:15px;border-top: 1px solid #f5f5f5;margin-top: 15px;}
.blog_wrapper .single .images{overflow: hidden;height: 263px;}
.blog_wrapper .single .images img{transition: all 0.5s;width: 100%;height: 100%;object-fit: cover;}



@media only screen and (min-width:992px){
    .blog_wrapper .swiper_blog:hover .swiper-button-next{right: 10px;}
    .blog_wrapper .swiper_blog:hover .swiper-button-prev{left: 10px;}
    .blog_wrapper .single .more:hover,.blog_wrapper .single h3 a:hover{text-decoration: underline;}
    .blog_wrapper .single:hover .images img{transform: scale(1.05);}
}

@media only screen and (max-width: 640px){
    .blog_wrapper h2{font-size: 24px;margin: 40px 0 30px;}
    .blog_wrapper{margin-bottom:40px;margin-top: 0;}
    .blog_wrapper .swiper-button-next{right:10px;}
    .blog_wrapper .swiper-button-prev{left:10px;}
    .blog_wrapper .single .images{height: auto;max-height: 263px;}
}

/* products_wrapper */
.products_wrapper{margin:80px 0 60px;}
.products_wrapper .mian_title h2{font-size: 18px;}
.products_wrapper ul{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.products_wrapper ul li{width: calc((100% - 40px)/3);margin-right: 20px;}
.products_wrapper ul li:last-child{margin-right: 0;}
.products_wrapper ul li .images{width: 100px;margin-right: 10px;overflow: hidden;}
.products_wrapper ul li .images img{width: 100%;transition: all 0.5s;}
.products_wrapper ul li dd{display: flex;display: -webkit-flex;padding-bottom: 20px;}
.products_wrapper ul li dd .txt{width: calc((100% - 110px)/1)}
.products_wrapper ul li dd h2 a{font-size: 14px;margin-bottom: 10px;color: #222;display: block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.products_wrapper ul li dd .price .cur{font-size: 16px;color: #000;}



@media only screen and (min-width:992px){
    .products_wrapper ul li .images:hover img{transform: scale(1.1);}
    .products_wrapper ul li dd h2 a:hover{color: #06323d;text-decoration: underline;}
}

@media only screen and (max-width: 992px){
    .products_wrapper ul li{width: calc((100% - 20px)/2);margin-bottom: 20px}
    .products_wrapper ul li:nth-child(2){margin-right: 0;}
    .products_wrapper ul li:last-child{margin-bottom: 0;}
    .products_wrapper{margin: 60px 0 40px;}
}
@media only screen and (max-width: 640px){
    .products_wrapper ul li{width: 100%;margin-right: 0;}
}



/*footer*/
.footer{position: relative; z-index: 11; padding:80px 0 40px; position: relative; background: #06323d;margin-top: -2px; color:rgba(255, 255, 255, 0.8);width:100%;}
.footer .container{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 .fot_con  .fot_logo{margin-bottom:25px;}
.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{position: relative; display: block; font-size: 13px; color:rgba(255, 255, 255, 0.8); text-transform: capitalize;padding-left:20px;}
.fot_nav li a::before{position: absolute;width: 12px;height: 10px;border-radius: 2px;background: rgba(185,225,234,1);content: '';left: 0;top:3px;}

.fot_con ul.contact_ul li{margin-bottom: 20px;overflow: hidden;}
.fot_con ul.contact_ul li:last-child{padding: 0;margin: 0;}
.fot_con ul.contact_ul li p{width: calc(100% - 40px);float: left;}
.fot_con ul.contact_ul li span{padding-right: 15px;width: 40px;float: left;}
.fot_con ul.contact_ul li a{color:rgba(255, 255, 255, 0.8)}


.fot_share{width:26% ;}
.fot_share .subscribe_email{position: relative;margin-bottom: 50px;}
.fot_share input{width: 100%;display: block;line-height: 50px;background: none;border: 1px solid rgba(255,255,255,0.3);text-indent: 10px;color: #fff;}
.fot_share input::placeholder{color:rgba(255,255,255,0.3);}
.fot_share button{background: none;border:none;position: absolute;right: 10px;top: 15px;font-size: 20px;}
.fot_sup{float: left; width: 22%; padding-right: 40px;}
.fot_sup li{margin-bottom: 10px;}
.fot_sup li a{position: relative; display: block; font-size: 13px;text-transform: capitalize;}

.fot_con{float: left; width:35%; padding-right:40px; 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{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_mes{float: left; width: 25%; padding: 0; position: relative; z-index: 10;}
.fot_mes .text{font-size: 13px; line-height: 24px;}

.share_dl dd{display: inline-block;}
.share_dl dd a{display: inline-block;color: #fff;text-align: center;cursor: pointer;margin-right: 15px;}
.share_dl dd a img{max-height:18px;transition: all 0.5s;}

.share_dl_h2{display: flex;display: -webkit-flex;align-items: center;margin-top: 20px;}
.share_dl_h2 h2{font-weight: normal;font-family: "poppins_sb";color: #111;text-transform: capitalize;margin: 0;margin-right: 10px;font-size: 16px;}
.share_dl_h2 .share_dl{display: flex;display: -webkit-flex;align-items: center;}
.share_dl_h2 .share_dl dd a{width:26px;height: 26px;background: #d3d3d3;margin-right: 8px;text-align: center;display: flex;display: -webkit-flex;align-items: center;justify-content: center;border-radius: 50%;transition: all 0.5s;}
.share_dl_h2 .share_dl dd a img{max-height:14px;}

.share_dl_h2 .share_dl dd:nth-child(1) a{background: #2688d9;}
.share_dl_h2 .share_dl dd:nth-child(2) a{background: #1d9bf0;}
.share_dl_h2 .share_dl dd:nth-child(3) a{background: #ee2679;}
.share_dl_h2 .share_dl dd:nth-child(4) a{background: #ca2027;}
.share_dl_h2 .share_dl dd:nth-child(5) a{background: #007ab9;}



.pdf_down h6{font-weight: normal;font-family: "poppins_sb";color: #111;text-transform: capitalize;margin: 0;margin-right: 10px;font-size: 16px;margin:10px 0 10px;}
.pdf_down ul{display: flex;display:-webkit-flex;}
.pdf_down ul li{margin-right: 10px;}
@media only screen and (min-width:992px){
    .fot_nav li a:hover:before{background-color: #b9e1ea;}
    .fot_nav li a:hover{color: rgba(185,225,234,1);text-decoration: underline}
    .fot_share button:hover i{color: #b9e1ea;}
    .fot_sup li a:hover:before{background-color: #b9e1ea;}
    .fot_con ul.contact_ul li a:hover{color: #b9e1ea}
    .fot_sup li a:hover{color: #b9e1ea;}
    .fot_con li a:hover{text-decoration: none; color: #b9e1ea;}
    .share_dl dd a img:hover{margin-top: -10px;}
    .share_dl_h2 .share_dl dd a img:hover{margin-top: 0px;}
    .share_dl_h2 .share_dl dd a: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+ */
.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: #06323d; 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;}
@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_share{width: 100%;overflow: hidden;}
    .fot_con{margin-bottom:30px;}
    .footer .container{flex-wrap: wrap;}
    .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: rgba(255, 255, 255, 0.8)}
    .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: #07404e;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%;}

    .fot_con ul.contact_ul li{margin-bottom:15px;}
    .footer .fot_share .fot_title em{margin-bottom: 15px;margin-top: 25px;font-size: 16px;}
    .fot_share .subscribe_email{margin-bottom: 20px;}
}

/*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:#0e5b6e ;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: #0e5b6e ;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;}
}
@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;}
}

/*page*/
.page_banner{width: 100%; overflow: hidden;position: relative;}
.page_banner img{width: 100%; height: auto; max-width: 100%;}
.page_banner img.page_banner_ph{display: none;}

@media only screen and (max-width: 992px){
    .page_banner::before{display: none;}
    .page_banner img.page_banner_pc{display: none;}
    .page_banner img.page_banner_ph{display: block;}
}

/*biaozhu*/
.biaozhu{background: #f9f9f9; padding: 10px 0; overflow: hidden;}
.breadcrumb{margin-left: 0px; margin-bottom: 0; text-transform: capitalize; background: none; padding: 0px; position: relative; z-index: 5;}
.breadcrumb i{margin: 0 2px; display: inline-block; color: #777; font-style: normal; margin-top: 0px;}
.breadcrumb .home i{margin-right: 8px; margin-top: -2px; color: #999;}
.breadcrumb a i{font-size: 14px; color: #777; line-height: 24px;}
.breadcrumb h2,
.breadcrumb a,
.breadcrumb span{font-size: 14px; color: #777; line-height: 24px;}
.breadcrumb h2{margin: 0; display: inline-block; padding: 0;}
.n_main{padding: 40px 0 60px;}

@media only screen and (min-width:992px){
    .breadcrumb a:hover,
    .breadcrumb a:hover h2{color: #06323d; text-decoration: none;}
}

/* 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;}}




/*product right*/
h1.pro_h1{text-align: center;margin: 50px 0;font-family: 'poppins_sb';color: #06323d;font-size:20px;text-transform: capitalize;line-height:1.5;}
.cbp-vm-switcher{width:100%; margin-bottom:20px;}
.cbp-vm-switcher .view_wishlist{top:40px;}
.cbp-vm-switcher .view_wishlist i{background: #f7f7f7;}
.cbp-vm-switcher img{transition: all .4s ease-in-out;}
.cbp-vm-switcher .hide_pic{position: absolute;top: 0;left: 0;}
.cbp-vm-switcher .hide_pic img{transform:scale(1.2);opacity: 0;}
.cbp-vm-options a{display: inline-block; vertical-align:middle; overflow: hidden; width: 30px; height: 30px; text-align: center; line-height: 30px; white-space: nowrap; color: #aaa; margin-left:3px; background: #f0f0f0;}
.cbp-vm-options a.cbp-vm-selected{color: #fff; background:#06323d; border-color:#06323d;}
.cbp-vm-options a:before{font-size: 18px; text-align: center; display: inline-block; line-height: inherit;}
.cbp-vm-options .yht_count_class{display:inline-block;margin-left: 15px;}
/* Common icon styles */
.cbp-vm-icon:before{font-family: 'fontawesome';font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;}
.cbp-vm-grid:before{content: "\f00a";}
.cbp-vm-list:before{content: "\f039";}
.cbp-vm-add:before{content: "\f055";}
/* General list */
.cbp-vm-switcher>ul{list-style: none;padding: 0;}
/* Clear eventual floats */
.cbp-vm-switcher ul:before,
.cbp-vm-switcher ul:after{content: " ";display: table;}
.cbp-vm-switcher ul:after{clear: both;}
.cbp-vm-switcher>ul>li{display: block; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; padding:15px;}
.cbp-vm-image img{max-width:100%; transition:all .5s; width:100%;}
.cbp-vm-switcher .cbp-vm-image{display: block; overflow: hidden;position: relative;}

.cbp-vm-image-sold img{opacity: 0.6;}
/* Large grid view */
.cbp-vm-view-grid ul{margin: 0 -8px; text-align: center;}
.cbp-vm-view-grid ul li{width:25%;float:left;vertical-align: top;padding:0px;position:relative;padding:12px;}
.cbp-vm-view-grid ul li .cbp-div{transition: all .5s;}
.cbp-vm-view-grid li .sold_out{position: absolute;right:15px;top:15px;width: 44px;text-align: center;color: #333;border-radius: 2px;font-family: "poppins_m";font-size: 13px;line-height:18px;border-radius: 50%;border: 1px solid #333;height: 44px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;font-size: 12px;z-index: 2;padding-top: 6px;background: #fff;}


.cbp-vm-view-grid .tags,
.cbp-vm-view-grid .page_more{display: none;}
.cbp-vm-view-grid .cbp-list-center{padding:20px 8px;text-align: left;}
.cbp-vm-view-grid .cbp-list-center .price{text-align: left;}
.cbp-vm-view-grid ul li .cbp-title{display:block; color:#333333; font-size:20px; line-height:22px;overflow:hidden; margin-bottom:6px; font-family:'poppins_sb';height: 44px;}
.cbp-vm-view-grid ul li:nth-child(4n+1){clear: both;}

.products .products_main_rating .pingl span{font-family: 'poppins_sb';color: #333;}

.avail{color: #c97c4a;padding-right: 10px;line-height: 2.3;}
.price_stock{display: flex;align-items:center;font-family: 'poppins_m';flex-wrap: wrap;}
.price_stock .in_stock{background: #a0e193;color: #333;padding: 0px 12px;border-radius: 30px;font-family: 'poppins_m';text-transform: capitalize;}
.cbp-vm-view-grid .price_stock{justify-content: space-between;}
/* cbp-add-cart */
.cbp-add-cart{position: relative;left: -8px;}
.cbp-add-cart a{background:rgba(243,195,49,0.9);line-height: 32px;font-family: "poppins_m";width: 120px;display:inline-block;color: #fff;border-radius: 0 24px 0 0;text-align: center;margin: 20px 0 20px;transition:all 0.5s;}
.cbp-vm-view-grid .price .cur{font-size:20px;}
/* cbp-add-cart */

.options_sort{display:flex;display: -webkit-flex;justify-content:space-between;align-items: center;border-bottom: 2px solid #eee;padding-bottom:20px;margin-bottom: 20px;flex-wrap:wrap;}
.toolbar .product_sort {width:250px;}
.toolbar .product_sort .verjs-search-items{display: none;}


.toolbar_filter{display:flex;display: -webkit-flex;align-items: center;}
.toolbar_filter .top_filter{background: #f7f7f7;margin-left: 15px;line-height: 38px;padding: 0 15px;color: #06323d;cursor: pointer;}
.toolbar_filter .top_filter i{padding-right: 10px;width: 24px;}

/* List view */

.cbp-vm-view-list ul li{position: relative;}
.cbp-vm-view-list li .dis_off{position: absolute;width: 48px;height: 52px;background: url(../images/off.png)no-repeat;font-size: 26px;font-family: 'Oswald';color: #fff;line-height:50px;text-indent:3px;top: 15px;right: 15px;z-index: 2;text-indent: -15px;}
.cbp-vm-view-list li .sold_out{position: absolute;right:15px;top:15px;width: 44px;text-align: center;color: #333;border-radius: 2px;font-family: "poppins_m";font-size: 13px;line-height:18px;border-radius: 50%;border: 1px solid #333;height: 44px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;font-size: 12px;z-index: 2;padding-top: 6px;}
.cbp-vm-view-list li.pro_moudle .price{text-align: left;}
.cbp-vm-view-list>ul{margin:0; margin-top:20px;}
.cbp-vm-view-list>ul>li{text-align:left; border-radius: 0; border-bottom:1px solid #eee; padding:0px 0 25px;margin-top: 25px;}
.cbp-vm-view-list>ul>li:first-child{padding-top: 0;}
.cbp-vm-view-list li:before,
.cbp-vm-view-list li:after{content: " ";display: table;}
.cbp-vm-view-list li:after{clear: both;}
.cbp-vm-view-list .cbp-vm-image,
.cbp-vm-view-list .cbp-vm-title,
.cbp-vm-view-list .cbp-vm-details,
.cbp-vm-view-list .cbp-vm-price,
.cbp-vm-view-list .cbp-vm-add{display: inline-block;vertical-align: middle;position: relative;}
.cbp-vm-view-list .cbp-vm-image{width: 28%; text-align:center; vertical-align:middle; float:left; border:1px solid #eee;}
.cbp-vm-view-list ul li .cbp-list-center{width:72%; float: left; padding-left: 20px;}
.cbp-vm-view-list ul li .cbp-title{display:block; color:#333333; font-size:20px; line-height:24px; overflow:hidden; margin-bottom:10px; font-family:'poppins_m';}
.cbp-vm-view-list ul li .tags{margin: 10px 0;}
.cbp-vm-view-list ul li .page_more{margin-top: 15px;}
.cbp-vm-view-list ul li .page_more i{margin-left: 5px;}

.cbp-vm-view-list ul li{position: relative;}
.cbp-vm-view-list .cbp-add-cart{position: absolute;left: 0;top: 0;}
.cbp-vm-view-list .price .cur{font-size: 20px;}




@media only screen and (min-width:992px){
    .cbp-vm-options a:hover{color: #fff; background:#06323d; border-color:#06323d}
    .cbp-vm-switcher .cbp-vm-image:hover .view_wishlist{display: block;}
    /* .cbp-vm-switcher .cbp-vm-image:hover .hide_pic img{transform:scale(1.0);opacity: 1} */
    .cbp-vm-switcher .cbp-vm-image:hover .front_pic img{transform:scale(1.05);}
    .cbp-vm-view-grid ul li .cbp-div:hover{box-shadow: 0 10px 10px rgba(0, 0, 0, .05);}
    .cbp-vm-view-grid ul li .cbp-title:hover{color: #06323d;}
    .cbp-vm-view-grid ul li:hover .cbp-title{text-decoration:underline;}
    .cbp-vm-view-grid ul li:hover .cbp-add-cart a{width: 80%;}
    .cbp-add-cart a:hover{background: #06323d;}
    .cbp-vm-view-list ul li .cbp-title:hover{color: #06323d;}
    .cbp-vm-view-list ul li .page_more:hover{text-decoration: underline;}
    .cbp-vm-view-list ul li:hover .cbp-title{text-decoration:underline;}
    .cbp-vm-view-list ul li .cbp-add-cart a:hover{width:200px;}
}

@media screen and (max-width: 1300px){
    .cbp-vm-view-grid ul li{width: 33.333%;}
    .cbp-vm-view-grid ul li:nth-child(4n+1){clear: none;}
    .cbp-vm-view-grid ul li:nth-child(3n+1){clear: both;}
}
@media screen and (max-width: 992px){
    .cbp-vm-view-grid ul li{width: 50%;padding: 5px;}
    .cbp-vm-view-grid ul li:nth-child(3n+1){clear: none;}
    .cbp-vm-view-grid ul li:nth-child(2n+1){clear: both;}

    h1.pro_h1{font-size:18px;margin: 20px 0 30px;}
    .products_main_rating .jq-star{width: 13px!important;margin-right: 1px;}
    .products_main_rating .pingl{font-size: 13px;}



    .cbp-vm-view-grid ul li .cbp-title{height: inherit;}
}
@media screen and (max-width: 768px){
    .cbp-vm-view-list ul li .cbp-title{font-size:15px; line-height: 22px; margin-bottom: 2px;}
    .cbp-vm-view-grid ul li .cbp-title{margin-bottom:0;}
    .cbp-vm-view-grid .cbp-list-center{padding: 10px 8px;}
    .cbp-vm-view-list ul li .tags{margin: 6px 0 10px;}
}
@media screen and (max-width: 640px){
    .cbp-vm-view-grid .price .cur,.cbp-vm-view-list .price .cur{font-size: 16px;}
    .cbp-add-cart a{line-height: 28px;}
    .cbp-vm-view-list .cbp-vm-image,.cbp-vm-view-list ul li .cbp-list-center{width: 100%;}
    .cbp-vm-view-list ul li .cbp-list-center{margin-top: 20px;padding-left: 0;}
    .cbp-vm-options{margin-bottom: 15px;}
    .cbp-vm-options,.toolbar_filter{width: 100%;}
    .toolbar_filter{justify-content: space-between;}
    .toolbar_filter .toolbar{width: calc(100% - 110px);}
    .toolbar_filter .product_sort{width: 100%;}
}
@media screen and (max-width: 480px){
    .cbp-vm-view-grid ul li .cbp-title{font-size: 14px;}
    .cbp-vm-view-list ul li .cbp-title{font-size: 14px; line-height: 22px;}

}
@media screen and (max-width: 400px){
    .cbp-vm-view-list>ul>li{padding:15px 0;}
    .cbp-vm-view-list .cbp-vm-image{width:100%; max-width: 200px;}
    .cbp-vm-view-list ul li .cbp-list-center{width: 100%; padding-left: 0; margin-top:10px;}
    .cbp-vm-view-grid ul{margin: 0 -5px;}
    .cbp-vm-view-grid ul li{padding: 5px;}
    .cbp-vm-view-grid ul li .cbp-title{font-size:13px; line-height:20px; height:40px;}
}


.index_products{margin-top: -10px;}
.index_products .cbp-list-center,
.index_products .pro_moudle .price{text-align: left;}
.index_products .pro_moudle .price{font-family:'poppins_m' ;}
.index_products .cbp-vm-image{border: 1px solid #f1f1f1;}

/* pro_describe */
.loading{text-align: center;}
.loading img{width:80px;}
.pro_describe{margin-top: 80px;font-size: 15px;}
.pro_describe h2,.pro_describe h4{color:#06323d ;margin: 20px 0;font-size: 22px;font-family: 'poppins_sb';line-height: 1.5;}
.pro_describe h2 strong,.pro_describe h4 strong{font-family: 'poppins_sb';}
.pro_describe h3,.pro_describe h3 strong{color:#000 ;margin: 15px 0;font-size:18px;font-family: 'poppins_m';line-height: 1.5;}
.pro_describe p{margin-bottom: 10px;}
.pro_describe ul{padding-left: 30px;}
.pro_describe ul li{margin: 10px 0;font-family: 'poppins_m';font-size: 15px;color: #333;position: relative;padding-left: 15px;}
.pro_describe ul li::before{width: 5px;height: 5px;position: absolute;content: "";background: #06323d;left: 0;top: 10px;border-radius: 50%;}
@media screen and (max-width: 768px){
    .pro_describe{font-size: 14px;}
    .pro_describe h2,.pro_describe h4{font-size:18px ;}
    .pro_describe h3,.pro_describe h3 strong{font-size: 16px;}
    .pro_describe ul{padding-left:10px;}
}

/*left mtree*/
ul.mtree{opacity: 0; margin-left: 0;border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;left: 0;}
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: #06323d; 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: #06323d; 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: #06323d;}
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>li>ul>li>a:before{content: "\f105"; font-family: "FontAwesome"; padding-right: 6px;}
ul.mtree li ul li.mtree-open a{color: #06323d; 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.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 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>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;}


@media only screen and (min-width:992px){
    ul.mtree>li.mtree-node:hover>a,
    ul.mtree>li.mtree-node:hover>a:after{color: #06323d; text-decoration: none;}
    ul.mtree ul li a:hover{color: #06323d;}
    ul.mtree .mtree-level-2 li a:hover{text-decoration: none; color: #06323d; font-weight: normal;}
    ul.mtree.jet li>a:hover{background: #FFC000; color: #FFF;}
    ul.mtree a:hover{text-decoration: none;}
    ul.mtree>li:hover>a{color: #06323d; 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: #06323d; 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*/
.page_p{margin: 0px auto 0px; text-align: center; width: 100%; font-size: 12px;margin-top: 30px;}
.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;}
.total{font-size: 12px; line-height: 24px; color: #222; margin-top: 14px;}
.total span{color: #06323d;}
.page_p>.span1{padding: 0px 15px; line-height: 32px; background: #06323d; color: #fff; display: inline-block; margin-left: 5px; border-radius: 0px;}

@media only screen and (min-width:992px){
    .page_p a:hover{background: #06323d; color: #fff !important; text-decoration: none;}
}
/* tags */
.tags{background: #F9F9F9; padding: 6px 0 0px 12px;text-align: left;}
.tags span{font-size:14px; text-transform:uppercase; color:#333; font-family: 'poppins_sb';}
.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;}

@media only screen and (min-width:992px){
    .tags a:hover{background: #06323d; color:#fff; text-decoration:none;}

}
/*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.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 .meta_nav{display:inline-block;font-size:14px;text-transform:capitalize;color:#222;margin-bottom:0;line-height:20px;transition:all .5s;font-family:'Montserrat Medium'; text-transform: uppercase;}
.navigation li a .post_title{font-size:14px;overflow:hidden;line-height:20px;max-height:40px;margin:0;transition:all .5s;font-weight: normal;}

@media only screen and (min-width:992px){
    .navigation li a:hover{text-decoration:none;}
    .navigation li a:hover:before{background:#06323d;color:#fff;border-color:#666;}
    .navigation li a:hover .meta_nav{color:#06323d;}
    .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:#333; 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;}


@media only screen and (min-width:992px){
    .tags_ul a:hover{ background: #06323d; color: #fff;}
}


/* .filter_box{display: none;} */
.filter_boxflex{margin-bottom: 50px;background: #f7f7f7;display: flex;padding: 20px;display: -webkit-flex;flex-wrap: wrap;padding-bottom:50px;}
.filter_box .filter_sigle{width: calc((100% - 60px)/4);margin-right: 20px;}
.filter_box .filter_sigle:nth-child(4n){margin-right: 0;}
.filter_box .filter_sigle h2{font-size: 16px;color: #06323d;margin:25px 0 20px;text-transform: uppercase;}

@media screen and (max-width:992px){
    .filter_box .filter_sigle{width: calc((100% - 20px)/2);}
    .filter_box .filter_sigle:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width:480px){
    .filter_box .filter_sigle{width:100%;margin-right: 0;}
    .cbp-vm-options{margin-bottom: 15px;}
    .cbp-vm-options,.toolbar_filter{width: 100%;}
}


/* verjs-select-box */
.verjs-select-box{position: relative;}
.verjs-select-box ul, .verjs-select-box li{list-style: none;width: 100%!important;margin: 0;text-align: left;}
.verjs-select{border: 1px solid #e3e3e3; line-height:36px; padding: 0 15px; overflow: hidden; position: relative; cursor: pointer; background: #ffffff;color: #333;}
.verjs-select span{display: inline-block; width: 90%; overflow: hidden;}
.verjs-select i{font-size: 14px; display: inline-block; width: 30px; text-align: center; position: absolute; right: 0; top: 0;line-height:36px;color: #afafaf;}
.verjs-select-option-list{border: 1px solid #e3e3e3; position: absolute; background: #ffffff; margin-top: -1px; overflow: hidden; display: none;z-index: 8;width: 100%;}
.verjs-select-option-items-value-hide{display: none;}
.verjs-select-option-list .verjs-search-items{position: relative;}
.verjs-select-search-btn{position: relative; line-height:30px;border: 1px solid #e7e7e7;margin: 10px;}
.verjs-select-option-list .verjs-search-items .verjs-search-input{border: 0; outline: none;line-height:30px;}
.verjs-select-option-list .verjs-search-items .verjs-select-btn-list{height: 35px; overflow: hidden; margin: auto; line-height: 35px;}
.verjs-select-option-list .verjs-search-items .verjs-select-btn-list span{cursor: pointer; display: inline-block; font-size: 14px; color: coral; padding: 0 10px;}
.verjs-select-option-list .verjs-select-search-btn i{position: absolute; top: 0; right: 0; width: 30px; text-align: center; cursor: pointer; color: #9d9896; background: #ffffff; line-height: 30px;}
.verjs-select-option-list.verjs-select-option-list-hide{display: block;}
.verjs-select-option-items{padding: 0; margin: 5px auto; overflow: auto;max-height: 208px;overflow-y: auto;}
.verjs-empty-option{color: #b9b9b9; width: 100%; padding: 0; text-align: center;padding-left:10px!important;padding-bottom: 5px!important;}
.verjs-select-option-items-value{padding: 0 15px; cursor: pointer; line-height: 34px; font-size: 14px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.verjs-select-option-items-value span{padding-left: 10px;}
.verJsFont-checkbox{color: coral;}


.verJsFont {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

.verJsFont-search:before {content: "\f002";}
.verJsFont-selector-icon-caret-up:before{content: "\f0d8";}
.verJsFont-selector-icon-caret-down:before{content: "\f0d7";}

@media only screen and (min-width:992px){
    .verjs-select-selecteds, .verjs-select-option-items-value:hover{background: #f7f7f7; color: #06323d;}
    .verjs-select-option-items-value:hover .verJsFont-checkbox{color: #ffffff;}
}
/* verjs-select-box */

.ui-slider-horizontal.ui-slider-pips{width: 100%;height:6px;background: #ccc;position: relative;border-radius: 5px;}
.ui-slider .ui-slider-range{top: 0;height: 100%;position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0;border-bottom-right-radius: 4px;background:#07404e}
.ui-slider-handle {display:none;}
.ui-state-default{display: inline-block;position: absolute;z-index: 1;width: 16px;height: 16px;background: #fff;border-radius: 50%;box-shadow:0 0 10px rgb(0 0 0 / 10%);font-size:0;top: -6px;margin-left: -10px;border: 1px solid #06323d;cursor: pointer;}

.slider_fixed{margin-top:15px;display: flex;display:-webkit-flex;justify-content: space-between;align-items: center;}
.slider_fixed .filter_btn{cursor:pointer;padding:0px 15px;background: #fff;text-transform: capitalize;transition: all 0.5s;border: 1px solid #e3e3e3;}


@media only screen and (min-width:992px){
    .slider_fixed .filter_btn:hover{background: #06323d;color: #fff;}
}


/* page_payment */
.page_payment{ margin-top: 10px;border-radius: 4px;}
.page_payment {display: block;float:none;}
.page_payment h5{font-family: "poppins_sb";color: #000;font-size: 16px;margin-bottom:15px;text-transform:uppercase;}
.page_payment li{float: left;margin-right:10px;width:50px;}
.page_payment li:last-child{margin-right: 0;}

/* advtange */
.advtange ul{margin: 30px 0;font-family: "poppins_m";color: #111;}
.advtange ul li{margin:3px 0;font-size: 16px;display: flex;display: -webkit-flex;align-items: center;}
.advtange ul li span{padding-right: 10px;}
.advtange ul li svg{width:24px;height: 24px;}


@media screen and (max-width: 992px){
    .advtange ul li{font-size: 15px;}
}



/*products_main*/
/* CSS for the loading div */
.fix_stiky_box{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.fix_stiky{position: sticky!important;top:100px;z-index: 5;}
@media screen and (max-width: 992px){
    .fix_stiky{position: static!important;}
}

/* Tweak styles for small viewports */
.index_products_top{background: #f5f5f5;padding: 50px 0;margin:60px 0 0;}
.index_products_top .row{background: #fff;padding:20px;border-radius: 10px;border: 1px solid #e8e8e8;}
.index_products_top .prom_right {padding-top: 50px;border-left: 1px solid #e8e8e8;}
.index_products_top .prom_img{width:48%;}
.index_products_top .prom_right{width:52%;}
.products_top,.products_top .row{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.products_top .sold_out{position: absolute;right:20px;top:20px;width: 50px;text-align: center;color: #333;border-radius: 2px;font-family: "poppins_m";font-size: 13px;line-height:18px;border-radius: 50%;border: 1px solid #333;height:50px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;font-size: 12px;z-index: 2;padding-top: 6px;background: #fff;}

.prom_img{width:50%;}
.prom_right{width: 50%;padding-left:50px;}
.prom_right h1{margin: 0; font-size:26px; line-height: 34px;color: #000;font-family: "poppins_sb";}
.price_rating{display: flex;display: -webkit-flex;align-items: center;}

.prom_right .pro_sku{margin:5px 0;}
.prom_right .pro_sku span{color: #999;}
.prom_right .availability{font-size: 18px;color:red;font-family: "poppins_sb";}
.prom_right .price{display: flex;display: -webkit-flex;align-items: center;margin: 15px 0;}
.prom_right .price .cur{font-size: 28px;}
.prom_right .price .or{font-size: 16px;}
.prom_right .sku_rating .off{padding:2px 15px;background: #F04343;top: 0;right:0px;font-family: "poppins_m";color: #fff;font-size: 13px;margin-left: 10px;}

.prom_right .get_coupons{position: relative;z-index: 9999;}
.prom_right .get_coupons ul{display: flex;display: -webkit-flex;background: #fff8f8;padding: 10px 0;margin-bottom: 20px;padding-left: 10px;padding-right: 5px;cursor: pointer;}
.prom_right .get_coupons ul li{width: calc((100% - 70px)/4);padding: 0px 10px;color: #f93232;border-left: 1px dashed #ffcfcf; box-sizing: border-box   ;}
.prom_right .get_coupons ul li:last-child{width:80px;}
.prom_right .get_coupons ul li:first-child,.prom_right .get_coupons ul li:last-child{border-left:none;}
.prom_right .get_coupons ul li .usd{font-family: "poppins_sb";}
.prom_right .get_coupons ul li .get{text-align: center;border: 1px solid #ff8484;padding: 0 5px;font-family: "poppins_sb";}
.prom_right .shop_coupon{position: absolute;background: #fff;padding: 10px 20px;box-shadow: 0 0 20px rgb(0 0 0 / 10%);right: 0;
    z-index: 2;top: 80px;max-width:768px;display: none;}
.prom_right .fixed_bottom{position: fixed;bottom: 0px;left: 0;top:0;right:0;margin:auto;height: 522px;z-index: 9999999999;}
.prom_right .shop_coupon .close_h3{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;margin:5px 0 15px;}
.prom_right .shop_coupon .colse_img{width:22px;cursor: pointer;display: none;padding: 5px;box-sizing: border-box;}
.prom_right .shop_coupon h3{font-size: 15px;color: #333;}
.prom_right .shop_coupon dd{display: flex;display: -webkit-flex;margin-bottom: 10px;padding: 15px 10px;background: #fff1f1;color:#f93232;align-items: center;}
.prom_right .shop_coupon dd .fl{padding: 0 15px;width:calc(100% - 114px);}
.prom_right .shop_coupon dd .fr{padding:15px;border-left: 2px dashed #fff;text-align: center;}
.prom_right .shop_coupon dd h4{font-size: 14px;margin-bottom:3px;}
.prom_right .shop_coupon dd h4 span{font-family: "poppins_sb";padding-left: 2px;}
.prom_right .shop_coupon dd p{font-family: "poppins_sb";font-size: 20px;}
.prom_right .shop_coupon dd h5{color: #333;}
.prom_right .shop_coupon dd .apply{background: #ccc;padding:2px 20px;border-radius: 20px;text-transform: uppercase;background:#f93232;color: #fff;font-family: "poppins_m";margin-top:5px;cursor: pointer;border: 1px solid #f93232;text-align: center;width: 100px;}
.prom_right .shop_coupon dd .apply_on{background:#fff1f1;color: #f93232;}

.applied_fixd{position: fixed;left: 0;right: 0;bottom: 0;top: 0;margin: auto;background: rgba(0, 0, 0, 0.9);color:#fff;width: 300px;height:90px;text-align: center;padding:16px 20px;z-index: 999999999999;border-radius: 10px;font-size: 15px;display: none;}


@media screen and (max-width: 992px){
    .prom_right .get_coupons ul li{display: none;}
    .prom_right .get_coupons ul li .usd,.prom_right .get_coupons ul li .off{display: inline-block;}
    .get_coupons ul li .off{padding-left:5px;font-family: "poppins_m"}
    .prom_right .get_coupons ul li:first-child,.prom_right .get_coupons ul li:last-child{display: block;}
    .prom_right .get_coupons ul li:last-child{width: 120px;}
    .prom_right .get_coupons ul li:first-child{width:calc((100% - 120px)/1);display: flex;display: -webkit-flex;align-items: center;}
}




.prom_right .page_quantity{margin-bottom: 20px;}
.prom_right .quantity{margin-bottom: 20px;display: flex;display: -webkit-flex;align-items: center;  }
.prom_right .text{margin: 15px 0; font-size: 14px; line-height: 22px; color: #777;}
.prom_right .qty-group{height:40px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;border:1px solid #dadada;width: 116px;margin-left: 10px;}
.prom_right  input[name=quantity]{font-weight: 700;width:82px;color: #2d2d2d;padding: 7px 5px 5px;text-align: center;line-height: initial;border: none;}
.prom_right label{font-size:16px;font-family: "poppins_sb";color: #333;}
.add_down{width:15px;background: #ededed;text-align: center;font-size: 12px;}
.prom_right .stock{margin-left: 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 .ap_summary{overflow: hidden;margin-bottom: 30px;}
.prom_right .ap_summary .col-sm-12,.prom_right .ap_summary .col-sm-6{padding: 0;}
.prom_right .ap_summary strong{color: #111;font-family: "poppins_sb";}
.prom_right .ap_summary li{padding-left: 10px;position: relative;}
.prom_right .ap_summary li::before{width:4px;height:4px;background: #222;border-radius:50%;position: absolute;content: '';top: 10px;left: 0;}


#paypal-button-container{margin-bottom: 30px;}
.prom_right .buy_heart_btn{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;margin-bottom: 30px;font-family: "poppins_sb";}
.prom_right .addtocart{display: inline-block; font-size: 14px; text-transform: capitalize; color: #222; line-height:44px;  padding: 0 30px; border: 2px solid #06323d; background: #fff;width:calc((100% - 20px)/2);text-align: center;}
.prom_right .addtocart_off{line-height: 1.5; padding-top:1px; padding-bottom:1px;}
.prom_right .addtocart_off span{    color: red;    font-family: "poppins";}
.prom_right .addtocart_off:hover span{color: #fff;}
.prom_right .probuy_now{width:calc((100% - 20px)/2);background: #06323d;line-height:48px;  text-align: center;color: #fff;}




.prom_right .out_stock{margin: 30px 0;}
.prom_right .out_stock h2{font-size: 16px;font-family: "poppins_m";color: #222;}
.prom_right .out_stock p{margin: 5px 0 10px;}
.prom_right .check_input{margin: 10px 0;}
.prom_right .check_input input{margin-right:5px;}
.prom_right .out_stock button{width:100%;background: #06323d;line-height: 48px;text-align: center;color: #fff;display: block;text-transform: capitalize;margin-top: 30px;}
.prom_right .out_stock button a{color: #fff;}
.prom_right .out_stock .form-control{height:46px;border-radius: 0;}

.prom_right .page_payment li{float: left;margin-right:15px;width:calc((100% - 60px)/5);}
.prom_right .page_payment li:last-child{margin-right: 0;}

.prom_right .other_var h6{font-family: "poppins_sb";color: #000;font-size: 16px;margin-bottom:15px;margin: 15px 0;}
.prom_right .other_var ul{display: flex;display: -webkit-flex;margin: 0 -8px;flex-wrap: wrap;}
.prom_right .other_var ul li{width: calc((100% - 50px)/5);border: 1px solid #dfdfdf;padding: 5px;margin:0 5px;margin-bottom: 16px;}
.prom_right .other_var ul li .images{overflow: hidden;}

.prom_right .other_var ul li .price {display: block;text-align: center;margin-bottom: 0;}
.prom_right .other_var ul li .price .cur{font-size: 16px;}



.thumb_video{position: relative;}
.thumb_video .watch_video{position:absolute;z-index: 9999;top: 20px;left:20px;cursor: pointer;opacity:1;transition: all 0.5s;opacity: 0.9;width: 50px;}


.Popup {position: fixed;width: 100%;height: 100%;top: 0;left: 0; background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important;filter: Alpha(opacity=75);background: #000;display: none;z-index: 9999999999999999999;}
.Popup .video {max-width:640px;background: #000;width: 90%;margin: 10% auto 0;padding: 5px;background: #fff;box-shadow: 0 0 20px 5px rgba(0, 0, 0, .15);}
.Popup .video video {width: 100%;}
.Popup .video_loading{height: 100%;display: flex;display: inline-flex;align-items: center;justify-content: center;width: 100%;}
.Popup iframe{max-width: 640px;height: 500px;width: 100%;}


@media only screen and (min-width:992px){
    .prom_right .add_down .qty_add:hover{background: #ccc;cursor: pointer;}
    .prom_right .add_down .qty_down:hover{background: #ccc;cursor: pointer;}
    .prom_right .addtocart:hover{background: #06323d; color: #fff; border: 2px solid #06323d;}
    .prom_right .other_var ul li .images:hover img{transform: scale(1.05);}
    .thumb_video .watch_video:hover{transform: scale(1.2);opacity: 1;}
}
@media only screen and (max-width: 992px){
    .prom_img,.prom_right{width: 100%;padding-left: 0;}
    .prom_right h1{font-size: 20px;line-height: 28px;}
    .prom_right .price .cur{font-size: 24px;}
}

@media only screen and (max-width: 768px){
    .prom_right .attributes_dl dd{width: 100%;}
    .prom_right .other_var ul li .price .cur{font-size: 14px;}
    .prom_right .price{margin: 10px 0;}
    .Popup .video{padding: 2px;}
    .Popup .video{margin-top: 45%;}
    .Popup iframe{height: 400px;}
}
@media only screen and (max-width: 480px){
    .prom_right .buy_heart_btn{flex-wrap: wrap;}
    .prom_right .addtocart{width:calc(100% - 30px);margin-bottom: 10px;}
    .prom_right .probuy_now{width: calc(100% - 30px);}
    .prom_right .add_heart {font-size: 20px;}
}
@media only screen and (max-width: 375px){
    .prom_right .other_var ul li .price .cur{font-size: 12px;}
}




/* mostBox */
.mostBox{width: 100%; margin: 50px 0 30px; font-size:14px; line-height:24px;margin-top: 80px;}
.ptab_nav ul{border-bottom: 1px solid #efefef;margin-bottom: 20px;font-size:18px;}
.ptab_nav ul li{display: inline-block;font-family: "poppins_sb";padding: 10px 0;margin-right: 20px;cursor: pointer;text-transform: capitalize;}
.ptab_nav ul li:last-child{margin-right: 0;}
.ptab_nav ul li.on{color:#06323d;border-bottom: 2px solid #06323d;}
.ptab_content .single{display: none;}
.ptab_content .single.active{display: block;}

.descripton_box{font-size: 15px;line-height:2;}
/* .descripton_box img:nth-child(1){display: none;} */
.descripton_box .font_name1{font-size: 18px;font-family: "poppins_sb";margin: 20px 0;color: #333;}

.descripton_box .des_flex_single {display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;margin:50px 0;align-items: center;}
.descripton_box .des_flex_single:nth-child(2n){flex-direction:row-reverse;}
.descripton_box .des_flex .txt{width: calc(100% - 380px);}
.descripton_box .des_flex .des_flex_single{width: 100%;}
.descripton_box .des_flex .images{width: 300px;}
.descripton_box .des_flex ul{margin-top: 30px;}
.descripton_box  ul li{padding-left: 10px;position: relative;font-size: 16px;color: #333;font-family: "poppins_m";line-height:normal!important;}
.descripton_box  ul li b{color: #000;}
.descripton_box  ul li span{font-family: "poppins_sb";color: #222;padding-right: 5px;}
.descripton_box  ul li::before{width:4px;height:4px;background: #222;border-radius:50%;position: absolute;content: '';top:10px;left: 0;}
.descripton_box .des_thr h2{text-align: center;margin:80px 0 50px;}
.descripton_box .des_thr dl{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.descripton_box .des_thr dl dd{width: calc( (100% - 60px)/3);border-radius: 10px;overflow: hidden;margin-right: 20px;}
.descripton_box .des_thr dl dd:last-child{margin-right: 0;}

.descripton_box .des_four h2{margin: 40px 0 15px;}
.descripton_box .des_four ul li{padding-left: 10px;position: relative;font-size: 16px;color: #333;font-family: "poppins_m";}
.descripton_box .des_four ul li span{font-family: "poppins_sb";color: #222;padding-right: 5px;}
.descripton_box .des_four ul li::before{width:4px;height:4px;background: #222;border-radius:50%;position: absolute;content: '';top:13px;left: 0;}

.descripton_box .container{margin: 0;}
.descripton_box h5{font-size: 18px;font-family: "poppins_sb";margin: 20px 0; color: #333;line-height: 1.5;}
.descripton_box .mt-40{margin-top: 40px;}
.descripton_box .content1-4{padding: 20px 0;}
.descripton_box .three-img img{border-radius: 10px;width: 100%;}
.descripton_box p{margin-bottom: 10px;}
.descripton_box .pb-10{margin-bottom: 20px;}

.pro_title{text-align: center;margin:80px 0 30px;color: #06323d;font-size: 30px;}
.review_title{margin:20px 0 30px;font-family: 'poppins_sb'; color: #06323d; display: flex;align-items: center;justify-content: space-between;display: -webkit-flex;flex-wrap: wrap;}
.review_title h2{font-size:24px;}
.table_div{display:flex;display: -webkit-flex;justify-content: space-between;align-items: flex-start;flex-wrap:wrap;overflow-x: auto;}
.table_div table{width: 45%;font-size: 15px;}
.table_div table td{border-bottom: 1px solid #ebebeb;padding:10px;font-family: "poppins_m";color: #333;}
.table_div table td.bold{width: 50%;font-family: "poppins_sb";color: #000;}


@media only screen and (min-width:992px){
    .ptab_nav ul li:hover{color:#06323d;}
    .descripton_box  ul li{margin: 10px 0;}
}
@media only screen and (max-width:992px){
    .mostBox{margin:35px 0 20px;}
    .review_title h2{width: 100%;margin-bottom: 15px;}
    .descripton_box .col-md-8,.descripton_box .col-md-4{padding: 0;}
    .descripton_box .three-img .col-sm-4{margin-bottom:15px;padding: 0;}
}
@media only screen and (max-width:768px){
    .review_title{margin: 20px 0 10px;}
    .descripton_box .images,.descripton_box  .txt{width: 100%;}
    .descripton_box{font-size: 14px;}
    .descripton_box ul li{font-size: 15px;}
    .descripton_box .des_thr dl dd{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .descripton_box img{width: 100%;}

    .table_div table{width: 100%;}
    .ptab_nav ul li{font-size: 16px;margin-right: 10px;}

    .pro_title{font-size: 26px;margin: 40px 0;}

    .relatepro_wrapper .mian_title h2,.review_title h2{font-size: 20px;}
    .review_title a{display:inline-block;margin-bottom: 20px;}
}



.review_question{margin-top:60px;}

/* .page_review{margin-top: 30px;} */
.page_review_top{padding: 20px;border:2px solid #f0f0f0;}
.page_review_top .clearfix{display: flex;display: -webkit-flex;align-items: center;flex-wrap: wrap;}
.page_review .left{width: 60%; float: left;}
.page_review .right{width: 40%; float: left; text-align: right;}
.page_review .right .read_more{margin-bottom: 15px; width: 240px; text-align: center;}
.page_review .right .view_allreview{background: #fff;border: 2px solid #06323d;color: #06323d; font-family: 'poppins_m';margin-bottom: 0; }

.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: #ffba0a; position: absolute; left: 0; top: 0; height: 100%;}

@media only screen and (min-width:992px){
    .page_review .right .view_allreview:hover{text-decoration: underline;background: #06323d;color: #fff;}
}
@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;}
    .reviews_content h2{font-size: 18px;}


    .review_question{margin-top:30px;}
}



/* account */
.account_title{display: block; font-size: 20px; line-height: 24px; font-family: 'poppins_m'; margin-bottom: 15px; text-transform: capitalize;color: #222;}
.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: #06323d;}
/* 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: #06323d;}
.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';color: #222;}
.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';color: #222;}
.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;color: #222;}
.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: #06323d;}
.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 .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;color: #222;}
.review_list_product .writeriviewstart{margin-bottom: 10px;}

.verificationCode{position: relative;}
.verificationCode input{padding-right: 135px !important;}
.verificationCode span{position: absolute; top:9px; right: 4px;}
.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:20px;font-family: 'poppins_m';margin-top:0;margin-bottom: 20px;color: #222;}
.propl ul li{list-style: none; margin-bottom: 15px; position: relative;}
.propl ul li h2{color: #333;font-size: 14px;margin-bottom: 10px;font-family: 'poppins_m';}
.propl ul li h2 span{color: red;}
.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: #06323d;}
.propl ul li .read_more{display: inline-block; text-transform: capitalize; color: #fff; font-size: 14px; padding: 0 20px; font-family: 'poppins_m'; background: #06323d; border: 0; width: auto;}



.review_filter{display: flex;display: -webkit-flex;justify-content: space-between;align-items:center;margin: 50px 0 30px;flex-wrap: wrap;}
.review_filter .review_title{margin:0;}
.review_filter #saying{width:285px;}
.review_filter #saying .verjs-select{border-radius: 4px;}
.review_filter .verjs-select-search-btn{display: none;}

@media only screen and (min-width:992px){
    .review_list_product .left:hover img{transform: scale(1.05);}
    .review_list_product .right .title:hover{color: #06323d ;}
    .propl ul li .read_more:hover{text-decoration: underline;}
}
@media only screen and (max-width:768px ){
    .review_filter{margin:40px 0 20px;}
    .review_filter .review_title{margin-bottom: 0px;}
    .review_filter .review_title,.review_filter #saying{width: 100%;}
    .propl h3{font-size: 18px;}
}


/* no_questions */
.no_questions{margin-bottom: 30px;}
.no_questions h3{font-size: 16px;color: #000;margin-bottom: 5px;}
.no_questions p{color: red;}
/* question_box */
.question_box dl{background: #f7f7f7;overflow: hidden;padding: 15px;margin-bottom: 20px;}
.question_box dl span{display:block;width:26px;height:26px;background: #F04343;text-align: center;color: #fff;margin-right:10px;font-family: 'poppins_m';line-height: 26px;float: left;border-radius: 2px;}
.question_box dl dt{margin-bottom: 10px;font-size: 16px;font-family: 'poppins_m';font-weight: normal;color: #222;overflow: hidden;}
.question_box dl dd span{background: #06323d;float: left;}
.question_box dl p{float: left;width: calc(100% - 50px);}


/* 瀑布流  */
.brand-list{margin:0 -10px;}
.brand-list .brand-bd{position: relative;}
.brand-list .item,.brand-list .additem{position: absolute; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;padding:10px;width: calc((100% - 0px)/4);box-sizing: border-box;}

.sortable .card{background:#fff;border-radius:5px;border: 1px solid #f0f0f0;overflow: hidden;}
.sortable .card .images{overflow: hidden;}
.sortable .card ul {display:flex;display: -webkit-flex;margin: 0 4px;flex-wrap: wrap;margin-bottom:5px;}
.sortable .card ul li{width: calc(33.333% - 6px);margin:2px;border: 1px solid #f0f0f0;}
.sortable .card .card_img img{cursor: pointer;transition: all 0.5s;width: 100%;height: 60px;}
.sortable .card__picture{display:block;width:100%;height:auto;border-top-left-radius:6px;border-top-right-radius:6px;}
.sortable .card-infos{padding:10px;background:#fff;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
.sortable .card__title{font-family:"poppins_sb";font-size:18px;margin:0 0 5px;color: #222;}
.sortable  .card_text{margin-top: 10px;}


@media only screen and (min-width:992px){
    .sortable .card .card_img img:hover{transform: scale(1.05);}
}
@media only screen and (max-width: 992px){
    .brand-list .item,.brand-list .additem{width: calc((100% - 0px)/3);}
}

@media only screen and (max-width: 640px){
    .brand-list .item,.brand-list .additem{width: calc((100% - 0px)/2);}
}
@media only screen and (max-width: 480px){
    .sortable .card .card_img img{height: 40px;}
}



/* 详情图片缩放 */
.bigimg{max-height:90%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: none; z-index: 9999999999;}
.mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);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;}
.mask>img{position: fixed; right: 10px; top: 10px; width: 60px;}


@media only screen and (min-width:992px){
    .close_bgmask:hover {transform: scale(1.2);}
    .bigimg:hover{cursor: move}
    .mask>img:hover{cursor: pointer}
}
@media only screen and (max-width: 768px){
    .bigimg{border: 2px solid #fff;}
}


/*blog_left*/
.blog_nav2{box-shadow:0px 8px 16px 0px rgb(15 105 148 / 8%);padding: 15px; background: #fff;border-top: 3px solid #06323d;}
.nav_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; }

.blog_nav ul li{ list-style:none; border-bottom:1px solid #eee;}
.blog_nav ul li a{ font-size:14px; color:#5c5c5c; line-height:22px; padding:8px 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-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_main .blog_tags{ margin-top:20px;}
.blog_main .blog_tags span{ font-size: 14px;text-transform:uppercase;}
.blog_main .blog_tags a{  display:inline-block; color:#777;padding:0px 10px; background:#f8f8f8; border: 1px solid #eee;}
.blog_main .blog_tags a i{ margin-right:4px; font-size: 14px; color:#999;}
.blog_nav ul li{ list-style:none;}
.blog_nav ul li.on a,.blog_nav ul li.on a i{ color:#06323d;}


@media only screen and (min-width:992px){
    .blog_nav ul li a:hover{ color:#06323d; padding-left:10px;}
    .blog_nav ul li a:hover i{ color:#06323d;}
}
@media only screen and (max-width:480px ){
    .blog_main{padding: 15px;padding-top: 25px;}
}




/*relate_articles*/
.relate_articles{box-shadow:0px 8px 16px 0px rgb(15 105 148 / 8%);padding: 15px; background: #fff;border-top: 3px solid #06323d;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;}



@media only screen and (min-width:992px){
    .relate_articles ul li a:hover{color: #06323d;}
}
@media only screen and (max-width:992px ){
    .n_left_bolg{display: none;}
}



.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-left: 10px; padding-right: 10px;}
    .blog_list li .right{padding-left:65px;width:100%;}
    .nav_h4{ position: relative;  margin-bottom:0;text-align:left !important;   background:#06323d !important; padding:0px 10px; line-height:36px; color:#fff !important;border-bottom:none; text-transform:capitalize; margin-top: 15px;font-size: 16px;}
    .nav_h4:after {
        display: block;
        content: "\f107";
        font-family: "FontAwesome";
        position: absolute;
        right:15px;
        cursor:pointer; font-size:20px; top:0px;
        color:#fff;
    }
    .nav_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;}
}




.page_title{position: relative; display: block; padding-left: 14px; font-family: 'poppins_m'; font-size: 18px; line-height: 50px;color: #000;}
.page_title::before{content: ''; position: absolute; left:0px; top: 21px; width: 5px; height: 5px; background: #222;}

/* n_left */
.n_left{float: left; width: 23%;}
.n_right{float: right; width: 77%; padding-left: 45px;}

@media only screen and (max-width:992px) {
    .n_left{float: inherit; width: 100%;float: none;margin-bottom: 30px;}
    .n_right{float: inherit; width: 100%; padding-left: 0px;}
}


/* cart */
.cart_products_top{font-family: 'poppins_m';font-size: 18px;padding: 15px 0;color: #222;}
.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: 26px;}
.cart_products_top .right .remove{width:0px;}
.cart_title{font-size: 22px; font-family: 'poppins_sb'; text-transform: capitalize;color: #000;}
.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: 60%; float: left;}
.cart_products_detail li .right{width: 40%; float: left; padding-top: 22px; padding-left: 10px;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.cart_products_detail .images{display: block; width: 100px; float: left;}
.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;}
.cart_products_detail .main .price{font-size: 13px;}
.cart_products_detail .main .save_price {color: #fff;display: inline-block;background:#F04343;padding: 0 10px;border-radius: 2px;}
.cart_products_detail .main .save_price span{font-family: 'poppins_sb';padding-left:3px;}
.cart_products_detail li .right .quantity_box{float: left;border: 1px solid #e5e5e5;border-radius: 20px;}
.cart_products_detail li .right .cart_total{float: left; font-size: 16px; font-family: 'poppins_m'; padding-top: 10px;color: #222;}
.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:none;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.cart_products_detail .remove{line-height: 24px; text-decoration: underline; text-transform: capitalize; cursor: pointer;width: 22px;padding: 6px;height: 100%;background: #f7f7f7;}
.cartandcheckout_left .con_shop{text-align: center;}
.cartandcheckout_left .con_shop a{ font-family: 'poppins_sb';color: #fff;margin-top: 20px;display: inline-block;background: #06323d;}
.cartandcheckout_left .con_shop a:hover{text-decoration: underline;}
@media only screen and (min-width:992px){
    .cart_products_detail .remove:hover{background:#e5e5e5}
}
@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;}
}
@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);}

@media only screen and (min-width:992px){
    .cartandcheckout_right .apply:hover{background: #06323d;}
}


/* 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: #06323d;color: #fff;border: 1px solid #06323d;}
.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;}
}

@media only screen and (max-width: 400px){
    .progressbar_box .progressbar_item .span1{width: 28px;height:28px;line-height: 28px;}
    .progressbar_box ul.ul1{display:flex;display: -webkit-flex;align-items: center;justify-content:center;}
}

/* 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: #06323d;line-height:34px;}
.page_checkout .cartandcheckout_left .page_title{line-height: 30px; padding-bottom: 10px;padding-left: 0;}
.page_checkout .cartandcheckout_left .page_title::before{top: 11px;background: none;}

.page_checkout .cartandcheckout_left .page_title_ssl {display:flex;align-items: baseline;justify-content: space-between;display:-webkit-flex;margin: 10px 0;align-items: center;flex-wrap: wrap;}
.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; line-height: 44px; border: 1px solid #e5e5e5; border-radius: 4px;padding-left: 15px;}
.address_ul input:focus{border-color: #06323d;}
.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;}

.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  p{width:calc((100% - 136px)/1);padding-left: 15px;font-size: 13px;}

@media only screen and (min-width:992px){
    .page_checkout .cartandcheckout_left .page_edit .edit a:hover{text-decoration: underline;}
}
@media only screen and (max-width: 992px){
    .page_checkout{display: flex;display: -webkit-flex; flex-direction:column}
    .page_checkout .cartandcheckout_left .page_title_ssl span{width: 100%;}
    /* .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{ width: 100%; padding: 15px 10px; margin-bottom: 0; cursor: pointer;display: flex;display: -webkit-flex;align-items: center;}
.shipping_method label input,
.payment_method label input{margin-top: 0; width: 20px; float: left; }
.payment_method label input{text-indent: 0;}
.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;}
.payment_method label div.card_safe_credit{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center}
.payment_method label div.card_safe_credit .left{width: 100px;}
.payment_method label div.card_safe_credit .page_payment{text-align: right;}
.payment_method label div.card_safe_credit .page_payment li{float: none;display: inline-block;border:none;margin-right: 5px;}
.payment_method label div.card_safe_credit .page_payment li:last-child{display: none;}
.payment_method label .payment_between li{display: none;}
.payment_method label .payment_between li:last-child{display: block;}
.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;}
.checkout_products .save_rightprice {color: #fff;display: inline-block;background:#F04343;padding:3px 10px 0;border-radius: 2px;}
.checkout_products .save_rightprice span{font-family: 'poppins_sb';padding-left:3px;}
.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: #06323d;}
.checkout_products .price .or{font-size: 14px;}
.card_payment{background:#e9f4f9;padding: 20px!important;background: url(../images/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;}
.new_card label{padding-left: 0;}
.new_card .address_ul h3{font-size: 12px;color: #777;margin:0;}
.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;}
    .payment_method label div.card_safe_credit .page_payment li{width: 40px;}
}


/* 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.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;}

@media only screen and (min-width:992px){
    .collection_mt a:hover{ color:#e10600; text-decoration:underline;}
    .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;}
.order_img {position: relative;}
.order_img img{ width:85px; height:85px; float:left; vertical-align:middle; border:1px #e9e9e9 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;}

@media only screen and (min-width:992px){
    .tab-void tbody td a:hover{text-decoration: underline;}
    .order_img a.pp_name:hover{color: #06323d;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:#F04343; color:#fff;}
.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 (min-width:992px){
    .pay a.r_btn:hover{ background:#ff4c4c;text-decoration: underline;}
}
@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 */



.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_m'; text-transform: capitalize;color: #333;}
.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 #ccc; 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 #06323d;}
.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: #06323d;}
.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 */
.contact_t{overflow: hidden;margin-bottom: 50px;}
.page_contact .con_ser{margin-bottom:60px;font-family:"poppins_m";  color:#06323d;font-size: 15px;}
.page_contact .left { width: 50%; float: left; padding-right: 40px;}
.page_contact em.title { font-size: 20px; font-family: "poppins_m"; color: #222; text-transform: capitalize; margin-bottom: 20px; display: inline-block; }
.page_contact .text {line-height: 28px;}
.page_contact .right { width: 50%; float: right;}
.page_contact .page_emailB { padding: 0;}
.page_contact .map {  overflow: hidden; padding-top: 30px;}
.page_contact .map iframe { width: 100%; max-width: 100%;}
.page_contact .map img { max-width: 100%; height: auto; width: 100%;}
.page_contact .con_right {padding-right: 40px;padding-left: 0;}
.page_contact .con_right h3{margin-bottom: 10px;text-transform: capitalize;font-family: 'poppins_sb';color: rgba(18,81,100,1);}
.page_contact .con_right h4{color: #222;font-size: 18px;font-family: 'poppins_m';margin:20px 0 15px;color: rgba(18,81,100,1);}
.page_contact .con_right h4 i{color: rgba(18,81,100,1);font-size:22px;padding-right: 10px;}
.page_contact .con_right p a{color: rgba(18,81,100,1);font-family: 'poppins_m';}
.page_contact  #form-validate {max-width: 100%; }
.page_contact .share_dl_h2 h2{color:rgba(18,81,100,1);font-family: 'poppins_m';}
.page_emailB { padding-top: 30px; position: relative;border: 10px solid rgba(74,179,153,0.1);  }
.page_emailB .page_email_content { overflow: hidden;  padding: 30px; }
.page_emailB .page_email_content .sentUL { list-style: none;}
.page_emailB .page_email_content .sentUL li { list-style: none;}
.page_emailB .page_email_content .sentUL li { width: 100%; margin-bottom: 20px; border-radius: 24px;}
.page_emailB .page_email_content .sentUL li input {transition: all .5s; width: 100%; line-height: 48px; height: 48px; color: #777; padding-left: 15px; }
.page_emailB .page_email_content .sentUL textarea {transition: all .5s; width: 100%; line-height: 24px; height: 100px; padding-top: 10px; color: #777; padding-left: 15px; border: 1px solid #ccc; font-size: 12px;}
.page_emailB .page_email_content .send_m {margin-top: 0;}
.page_emailB .page_email_content .sentUL li input:focus,.page_emailB .page_email_content .sentUL textarea:focus {border: 1px solid #06323d; box-shadow: 0 5px 10px #ccc; }
.page_emailB .page_email_content em {margin-top: 20px;font-family: "poppins_sb";  color:#06323d;    padding: 4px 0px; line-height: 30px; text-transform: capitalize;font-size: 20px; overflow: hidden;}
.page_emailB .page_email_content  p.text {font-size: 13px;   color: #666;   text-align: left;   line-height: 24px;      overflow: hidden;    margin: 10px 0 15px;}
.page_emailB .page_email_content .subject_title {border: 1px solid #ccc;   background: #F8F8F8;font-size: 12px;   border-radius: 0px;  line-height: 24px; padding: 11px 0;
    padding: 0px 10px;    margin-bottom: 20px;    padding-left: 15px; width: 100%;  }
.page_emailB .page_email_content .subject_title p {font-size: 12px;
    color: #777; line-height: 24px; text-transform: capitalize; padding: 12px 0; }
.page_emailB .page_email_content .subject_title p a { color: #FF0000;}
.page_emailB .page_email_content .sent-email input,.page_emailB .emallM .sent-tel input,.page_emailB .emallM .sentUL li textarea { background-color: #fff; }
.page_emailB .page_email_content .sentUL li.inputLI input,.page_emailB .emallM .sentUL li textarea {border: 1px solid #ccc; font-size: 12px;}
.page_emailB .page_email_content .sentUL li.inputLI input:focus,.page_emailB .page_email_content .sentUL textarea:focus {border: 1px solid #06323d;}
.page_emailB .page_email_content select { transition: all .5s; width: 100%; line-height: 48px; height: 48px; color: #777; padding-left: 15px;border: 1px solid #ccc; font-size: 12px;}

@media only screen and (min-width:992px){
    .page_contact .con_right a:hover{text-decoration: underline;}
}
@media only screen and (max-width:768px ) {
    .page_emailB .page_email_content { padding: 20px 15px;}
    .page_contact .con_ser{margin-bottom:10px;font-size: 14px;}
}

.contact_t .read_more{border: none;}
@media only screen and (max-width:992px ) {
    .page_contact .con_right {padding-left: 0px; padding-top: 30px; margin-right: 0; padding-right: 0;}
    .page_contact .page_emailB { margin-right: 0; padding-right: 0;margin-top: 20px;}
    .contact_ul li:before {width: 55px; height:48px; }
    .contact_ul li:first-child:before { background-size:50px ; }
    .contact_ul li:nth-child(2):before { background-size:50px ; }
    .contact_ul li:last-child:before { background-size:50px ; }
    .page_contact .con_right h3{font-size: 20px;}
    .page_contact .con_right h4{font-size: 16px;}

}

/* page_contact */


/* about_boxone */
.about_boxone ul li{display: flex;display: -webkit-flex;align-items:center;flex-wrap: wrap;}
.about_boxone ul li:nth-child(2){flex-direction: row-reverse;margin-top: 50px;}
.about_boxone ul li .txt,.about_boxone ul li .images{width: 50%;}
.about_boxone ul li:nth-child(1) .txt{padding-right: 5%;}
.about_boxone ul li:nth-child(2) .txt{padding-left: 5%;}
.about_boxone ul li h2{font-size:26px;font-family: 'poppins_sb';color:#06323d;margin-bottom: 15px;}
.about_boxone ul li p{margin-bottom: 10px;}
.about_boxone ul li p:last-child{margin-bottom: 0;}
@media only screen and (max-width:992px ) {
    .about_boxone ul li h2{font-size: 20px;}
    .about_boxone ul li .txt,.about_boxone ul li .images{width: 100%;}
    .about_boxone ul li:nth-child(1) .txt{padding-right: 0%;}
    .about_boxone ul li:nth-child(2) .txt{padding-left: 0%;}
    .about_boxone ul li .images{margin-top: 20px;}
    .about_boxone ul li:nth-child(2){margin-top: 30px;}
}

/* about_boxtwo */
.about_boxtwo{padding: 50px 0;background: #f7f7f7;margin-top: 80px;}
.about_boxtwo ul{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.about_boxtwo ul li{width: 33.3333%;text-align: center;padding: 0 20px;}
.about_boxtwo ul li .images img{height:70px;}
.about_boxtwo ul li h2{color: #06323d;font-family: 'poppins_sb';margin: 20px 0 10px;font-size:20px;}
@media only screen and (max-width:480px ) {
    .about_boxtwo{padding: 30px 0;margin-top: 40px;}
    .about_boxtwo ul li{width: 100%;margin-bottom: 20px;}
    .about_boxtwo ul li:last-child{margin-bottom: 0;}
    .about_boxtwo ul li h2{font-size: 16px;margin: 15px 0 5px;}
    .about_boxtwo ul li .images img{height:50px;}
}

.about_boxthr p{max-width: 1000px;margin: auto;text-align: center;}



/* faq */
.faq_box{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.page_faq{width: 49%;border: 1px solid rgba(0,0,0,0.08);border-radius: 3px;margin-bottom: 2%;}
.faqs_title{border-bottom: 1px solid rgba(0,0,0,0.05);padding:15px;}
.faqs_title h3{font-family: 'poppins_m';font-size: 20px;margin-bottom:5px;color: #06323d;}
.faq .q{position: relative; padding: 15px 50px 15px 15px; font-size: 15px; line-height: 28px;font-family: 'poppins_m'; cursor: pointer;border-bottom: 1px solid rgba(0,0,0,0.05);color: #222;}
.faq li:last-child .q{border-bottom: none;}
.faq .q::before{content: "\f067"; font-family: 'fontawesome'; position: absolute; right: 10px; top: 13px; 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: #777;padding-left: 15px; border-left: 2px solid #06323d; font-size: 14px; line-height: 24px;}
.page_faq{padding: 0;}
@media only screen and (max-width: 992px){
    .page_faq{width: 100%;}
}
@media only screen and (max-width: 768px){
    .faq{padding: 20px 15px 40px;}
    .page_faq{padding: 0;}
    .faq .q{font-size: 15px; line-height: 24px; padding: 12px 40px 12px 12px;}
    .faq .a{margin: 10px;padding-left: 10px;}
    .faq .q::before{top: 7px;}
    .faq .title{font-size: 36px; line-height: 38px;}
    /* .faq .q::before{font-size: 14px;} */
}
/* faq */

/* bolg */
.bolg_title{margin-bottom:10px;padding: 12px 15px;border-left: 3px solid #06323d;background: #f7f7f7;}
.bolg_title h2{font-family: 'poppins_sb';color: #06323d;font-size: 18px;display: inline-block;}
.blog_classifyone,.blog_classifytwo,.blog_classifytthr{margin-bottom:40px;}
.blog_classifyone ul li{padding: 10px 0;border-bottom: 1px solid #efefef;}
.blog_classifyone ul li a{transition: all 0.5s;}
.blog_classifyone ul li.on a{font-family: 'poppins_m';color: #06323d;}

.blog_classifytwo ul li{padding: 10px 0;border-bottom: 1px solid #efefef;}
.blog_classifytwo ul li a{font-family: 'poppins_m';transition: all 0.5s;display: block;}
.blog_classifytwo ul li.on a{color: #06323d;}
.blog_classifytwo ul li time{display: block;font-size: 13px;margin-top: 10px;color: #999;}

.blog_classifytthr ul li{padding: 10px 0;border-bottom: 1px solid #efefef;}
.blog_classifytthr ul li a{transition: all 0.5s;display: block;}
.blog_classifytthr ul li.on a{color: #06323d;font-family: 'poppins_m';}


.bolg_list ul li{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.bolg_list li{padding: 50px 0;border-bottom: 1px solid #efefef;}
.bolg_list li:first-child{padding-top: 0;}
.bolg_list .images{width:400px;overflow: hidden;max-height: 400px;}
.bolg_list .images img{transition: all 0.5s;width: 100%;height: 100%;object-fit: cover;}
.bolg_list .txt{width: calc(100% - 450px);}
.bolg_list ul li.noimage_li .txt{width: 100%;}
.bolg_list .txt h2{font-size:20px;font-family: 'poppins_sb';overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.bolg_list .txt h2 a{color: #222;}
.bolg_list .txt .time_p{margin: 20px 0 10px;color: #999;}
.bolg_list .txt .time_p time{padding-left: 10px;}
.bolg_list .txt .more a{font-family: 'poppins_m';color: #06323d}

.bolg_list li.no_img .txt{width: 100%;}
.bolg_listtwo .images{margin-bottom: 20px;max-height: 600px;}
.bolg_listtwo .images,.bolg_listtwo .txt{width:100%;}


@media only screen and (min-width:992px){
    .blog_classifyone ul li a:hover{padding-left: 10px;color: #06323d;font-family: 'poppins_m';}
    .blog_classifytwo ul li a:hover{padding-left: 10px;color: #06323d;}
    .blog_classifytthr ul li a:hover{padding-left: 10px;color: #06323d;font-family: 'poppins_m';}
    .bolg_list .images:hover img{transform: scale(1.05);}
    .bolg_list .txt h2 a:hover{color: #06323d}
    .bolg_list .txt .more:hover{text-decoration: underline;}
}
@media only screen and (max-width: 1200px){
    .bolg_list .images{width:300px;}
    .bolg_list .txt{width: calc(100% - 330px);}
}
@media only screen and (max-width: 992px){
    .blogfix_stiky_box{flex-direction: column-reverse;}
    .blogfix_stiky_box .n_right{margin-bottom:30px;}
}
@media only screen and (max-width: 640px){
    .bolg_list .images{margin-bottom: 20px;}
    .bolg_list .images,.bolg_list .txt{width:100%;}
    .bolg_list .txt h2{font-size: 16px;}
    .bolg_list li{padding: 30px 0;}
}


/* blog 锚点 */
.blog_table{background-color: #f6f8fc;margin-bottom: 48px;border-radius: 25px;padding: 0 20px;}
.blog_table .table-of-content {color: #06323d!important;cursor: pointer;font-size: 16px;line-height: 150%;display: flex;align-items: center;padding: 12px;justify-content: center;font-family: 'poppins_m';}
.blog_table .table-of-content-down img{transform: rotate(180deg);}
.blog_table .table-of-content img{transition: all 0.5s;display: inline-block;margin-left: 8px;}
.blog_table ul.table-dropdown{padding:4px 48px 12px;}
.blog_table ul.table-dropdown li a{color: #06323d!important;font-family: "poppins_m";font-size: 16px;line-height: 125%;display: inline-block;margin-bottom: 12px;cursor: pointer;}
.blog_table ul.table-dropdown li:last-child a{margin-bottom: 0;}

@media only screen and (max-width:992px) {
    .blog_table{padding:0px;}
    .blog_table ul.table-dropdown{padding: 4px 15px 12px;}
}

.blog_main h1.title_h1{ font-size:26px;color:#111;  font-family:'poppins_sb';line-height: 125%;}
.blog_main .info_share{margin-bottom: 30px;border-bottom: 1px solid #efefef;}
.blog_nav ul li{ list-style:none;}
.blog_main .share_dl_h2 h2{font-size: 16px;color: #333;}
.blog_main .blog_topimg{margin-bottom:20px;}

.blog_p{margin-bottom: 20px;}
.blog_p h1,.blog_p h2,.blog_p h3,.blog_p h4,.blog_p h5,.blog_p h6{font-family: 'poppins_sb';color: #000;font-size: 20px;line-height: 1.5;margin: 20px 0;}
.blog_p h3{font-size: 18px;}
.blog_p h4,.blog_p h5,.blog_p h6{font-size: 16px;}

.blog_p h1 a,.blog_p h2 a,.blog_p h3 a,.blog_p h4 a,.blog_p h5 a,.blog_p h6 a{color: #06323d;}
.blog_p img{display: block;margin:20px auto;height: auto!important;max-width: 100%;}
.blog_p strong{font-family: 'poppins_sb';display: block;margin:15px 0;color: #000;font-size: 15px;}
.blog_p li strong,.blog_p a strong{display: inline-block;margin: 0;}
.blog_p .list-style{margin: 30px 0;}
.blog_p .list-style li{padding-left: 10px;margin-bottom: 10px;font-family: 'poppins_m';color: #000;position: relative;margin-left: 20px;}
.blog_p .list-style li::before{width: 4px;height: 4px;position: absolute;content: "";background: #111;border-radius: 50%;left: 0;top: 10px;}
.blog_p ol{padding: 0;}
.blog_p ol li{margin: 10px 0;font-family: 'poppins_m';}

.signal_box h2,.signal_box p strong {font-family:'poppins_sb';margin: 20px 0;font-size:18px;color: #06323d}
.signal_box p,.signal_box ul li{margin-bottom: 10px}


@media only screen and (min-width:992px){
    .blog_p a:hover{text-decoration: underline;}
}
@media only screen and (max-width:640px) {
    .blog_table ul.table-dropdown li a{font-size: 15px;}
    .signal_box p strong,.signal_box h2{font-size: 16px;}
    .blog_main h1.title_h1{font-size: 18px;}
    .blog-info{font-size: 13px;}
    .blog_p h1,.blog_p h2,.blog_p h3,.blog_p h4,.blog_p h5,.blog_p h6{font-size: 17px;}
    .blog_p h3{font-size: 16px;}
    .blog_p h4,.blog_p h5,.blog_p h6{font-size: 15px;}
}



/* 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; }
.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: #06323d;color: #fff;border-color:#06323d;border-radius: 0;  padding: 0!important;text-align: center; }
/* .pro_cartbottom .read_more p{} */
.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 (min-width:992px){
    .pro_cartbottom .read_more:hover{background: #222;border-color:#222;}
}
@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: #06323d;font-family: 'poppins_sb';font-size:26px;margin-bottom: 10px;}
.errors h3{font-size:16px ;margin: 0;}
.errors .button_primary{background: #06323d;width: 190px;line-height: 50px;color: #fff;display: inline-block;text-transform: uppercase;margin-top:40px;}


@media only screen and (min-width:992px){
    .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;}


.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: #06323d;}


@media only screen and (min-width:992px){
    .success_patsheet .pro_txt h2 a:hover{text-decoration: underline;color: #febe40;}
    .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;}
}



.empty_cart{text-align: center;padding: 80px 0;}
.emptyp{margin-bottom: 20px;font-size: 18px;}



/* sitemap */
.sitemap .sitemapCon{margin-bottom: 30px}
.sitemap .sitemapCon .titleBox{border-bottom: 1px solid #eee;font-size: 0;padding-bottom: 10px;}
.sitemap .sitemapCon .titleBox .title{vertical-align: top;display: inline-block;font-size: 20px;color: #000;line-height: normal;margin: 0px;font-family: 'poppins_m';}
.sitemap .sitemapCon .titleBox .title a{color: #000;}
.sitemap .sitemapCon ul li{display: inline-block;vertical-align: top;margin-top: 15px;height: 33px;list-style: none;padding: 0;}
.sitemap .sitemapCon ul li .item{line-height: 24px; font-size: 14px;color: #000;font-weight: 400;}


@media only screen and (min-width:992px){
    .sitemap .sitemapCon ul li .item:hover{text-decoration: underline;}
}
@media only screen and (max-width:480px ){
    .sitemap .sitemapCon .titleBox .title{font-size: 17px;}
    .sitemap .sitemapCon ul li{width: 50%;}
}

.addthis-smartlayers-desktop{display: none}
.addthis-smartlayers-mobile{display: none}

.discount{background: url(../images/dis_01.webp)no-repeat center center;width: 100%;height: 221px;}
.discount .dis_ph{display: none;}
@media only screen and (max-width:1000px ){
    .discount{background: none;height: auto;}
    .discount .dis_ph{display: block;}
}


.copy_div{position: absolute;opacity: 0;}
.copy_div input{height: 0;width:50px;}
.dis_code{background:#06323d;padding:10px;margin-bottom: 30px;border-radius: 4px;margin-top:15px;}
.dis_code p{font-size:15px;font-family:'poppins_m';color: #fff;margin-bottom: 5px;}
.dis_code .copy_num{line-height:36px;text-align: center;display: flex;height:36px;align-items: center;justify-content: space-between;padding: 0 20px;color: #333;position: relative;background: #fff;}
.dis_code .copy_num span{font-size: 18px;cursor: pointer;}
.dis_code .copy_num span:hover{color:  #06323d;}
.dis_code .copy_success{position: absolute;right: 50px;color: #999;display: none;}
@media only screen and (max-width:992px ){
    .dis_code p{font-size: 16px;}
    .code_ph{display: block!important;margin-bottom:15px;}
    .code_pc{display: none!important;}
    .dis_code .copy_num{margin-top: 10px;width: 100%;max-width: inherit;}
}



.validation-advice{color:red}

.order_now .container{line-height: 40px;background: #ccc;margin-top: 44px;text-align: center; background:#f6fff5;font-family: 'poppins_sb';color:#109507;font-size: 16px;}


/* Swiper_banner */
.Swiper_banner .swiper-button-next{border-radius: 50%;transition: all 0.5s;}
.Swiper_banner .swiper-button-prev{border-radius: 54%;transition: all 0.5s;}
.Swiper_banner .swiper-pagination-bullet{background: #fff!important;}
.Swiper_banner .swiper-pagination-bullet-active{background:#fff!important;}
.Swiper_banner .img_ph{display: none;}
@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 (min-width:992px ){
    .Swiper_banner:hover .swiper-button-next{right: 50px;}
    .Swiper_banner:hover .swiper-button-prev{left: 50px;}
}



/* banner */
.bannerSwiper .banner_more{display: inline-block; line-height: 50px; position: relative; overflow: hidden; text-transform: capitalize; background: #ffc01f; border-radius: 5px; color: #fff; width: 225px; text-align: center; -webkit-transition: all 0.5s ease-out !important; ; transition: all 0.5s ease-out !important; ; font-size: 26px; text-decoration: none}



.bannerSwiper .swiper-button-prev{width: 45px;height: 45px;background: rgba(0,0,0,0.5);border-radius: 50%;font-size:30px;color: #fff;transition: all 0.5s;transform: translate(-150%,0%);}
.bannerSwiper .swiper-button-prev i{line-height: 45px}
.bannerSwiper .swiper-button-prev:after{content: ""}
.bannerSwiper .swiper-button-next{width: 45px;height: 45px;background: rgba(0,0,0,0.5);border-radius: 50%;font-size:30px;color: #fff;transition: all 0.5s;transform: translate(150%,0%);}
.bannerSwiper .swiper-button-next i{line-height: 45px}
.bannerSwiper .swiper-button-next:after{content:""}
.bannerSwiper .swiper-button-prev:hover,.bannerSwiper .swiper-button-next:hover{background:  rgba(0,0,0,0.6)}
 
.bannerSwiper .image_ph{display: none} 

.bannerSwiper .swiper-button-prev{left: 0%;right: auto;}
.bannerSwiper .swiper-button-next{right: 0%;left: auto;}
.bannerSwiper.swiper-horizontal>.swiper-pagination-bullets{bottom: 10px;display: none;}
.bannerSwiper .swiper-pagination-bullet-active{background: #fff;}

/* .bannerSwiper{position: relative;}
.bannerSwiper::before{position: absolute;content: "";height: 96px;bottom: 0;background: url(../images/fea_bg1.png)top center;width: 100%;z-index: 2;} */
@media(min-width:992px){
    
    .bannerSwiper .swiper-button-prev{left: 14%;right: auto;visibility: hidden;}
    .bannerSwiper .swiper-button-next{right: 14%;left: auto;visibility: hidden;}
    .bannerSwiper:hover .swiper-button-prev,.bannerSwiper:hover .swiper-button-next{transform: translate(0%,0%);visibility:visible}
    .bannerSwiper .swiper-slide{position: relative;opacity: 0.4;width: 63.08%!important;}
    .bannerSwiper .swiper-slide-active{opacity: 1;}
}
@media(max-width:992px){
    /* .bannerSwiper .image_pc{display: none} 
    .bannerSwiper .image_ph{display: block}  */
    .bannerSwiper::before{height:40px;}
    .bannerSwiper.swiper-horizontal>.swiper-pagination-bullets{bottom:10px;display: block;}
    
} 

/* us_exl */
.us_exl{border-top:10px solid #06323d;}
.us_exl ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.us_exl ul li{display: flex;display: -webkit-flex;align-items: center;}
.us_exl ul li .txt{margin-left: 20px;margin-top: 50px;line-height: 1.5;}
.us_exl ul li h2{font-size: 18px;font-family:'poppins_sb';color: #06323d;}
.us_exl ul li p{color: #555;font-size: 16px;}
@media only screen and (max-width:992px ){
    /* .us_exl .container{padding: 0;} */
    .us_exl{border-top:none;    margin-top: 25px;}
    .us_exl ul li{width: 100%;margin-bottom: 15px;padding:0px 20px 20px;border: 1px solid #d4dee1;}
    .us_exl ul li .icon{max-height: 110px;overflow: hidden;vertical-align: bottom;}
    .us_exl ul li .icon img{margin-top: -30px;max-width: 70px;}
    .us_exl ul li .txt{margin-top: 14px;}
    .us_exl ul li:last-child{margin-bottom: 0;}
}
@media only screen and (max-width:480px ){
    .us_exl ul li h2{font-size: 16px;}
    .us_exl ul li p{font-size: 15px;}
}

.index_miantitle{margin:60px 0 50px;font-size: 36px;color: #111111;font-family:'poppins_sb';text-align: center;line-height: 1.3;}
.index_miantitle a{color: #111111;}
.index_miantitle a:hover{color: #06323d;text-decoration: underline;}

.products .index_miantitle{margin-top: 80px;}
@media only screen and (max-width:1400px ){
    .index_miantitle{font-size: 30px;}
}
@media only screen and (max-width:480px ){
    .index_miantitle{margin:35px 0 ;font-size: 24px;}
    .products .index_miantitle{margin-top: 35px;}
}

.mons_day{padding: 50px 0;background: #06323d;color: #fff;font-family:'poppins_sb';}
.mons_day .dline_mod{display: flex;display:-webkit-flex;justify-content:space-between;align-items: center;flex-wrap: wrap;}
.mons_day .dline_mod .dline_h3_p strong{color: #e40b1d;font-family:'poppins_sb';font-size:70px;}
.mons_day .dline_mod .dline_h3_p span{bottom: -5px;}
.mons_day .dline_h3_p h3{color: #fef8df;font-size: 44px;}
.mons_day .dline_h3_p{padding: 0 15px;}
.mons_day .dline_h3_p span{max-width: 660px;}
.mons_day  .mod_mar a{font-size: 40px;color: #fff;position: relative;padding-right:40px;}
.mons_day  .mod_mar a::before{position:absolute;content: "";width:26px;height:26px;background: url(../images/hf_icon.png)no-repeat left center;right:0;top:20px;}

/* mc */
.mons_day{background: url(../images/hf_beijin.jpg)center center;position: relative;background-size: cover;}
.mons_day .dline_mod .dline_h3_p strong{color: #06b393;}
.mons_day .mod_mar{position: relative;}
.mons_day .mod_mar::before{position:absolute;content: '';width: 170px;height: 127px;background: url(../images/hf_lamp.png)no-repeat;left: -190px;top: -37px;background-size:contain;}


@media only screen and (max-width:375px ){
    .mons_day::before{width: 111px;}
}
.dline_h3_p{position: relative;display:inline-block;padding: 0 32px;}
.dline_h3_p h3{position: relative;z-index: 2;font-size:32px;color: #111;text-transform: capitalize;font-family: 'poppins_sb';position: relative;z-index: 2;}
.dline_h3_p span{position: absolute;height:24px;width: 100%;background:#757575;z-index: 1;left: 0;
    animation:opacity 1s infinite;bottom:-0px;}

.shop_byprice{padding-bottom: 75px;background: #fafafa;}
.shop_byprice ul{display: flex;display:-webkit-flex;justify-content: space-between;font-family: 'poppins_sb';margin-top: 20px;flex-wrap: wrap;}
.shop_byprice li{width: 25%;text-align: center;transition: all 0.5s;}
.shop_byprice li .icon a{padding-bottom: 40px;height:170px;display: flex;display:-webkit-flex;justify-content: center;align-items: center;}
.shop_byprice li h3 b{color: #e40b1d;font-family: 'poppins_sb';}
.shop_byprice li h4 a{margin-top: 15px;color: #111111;display: inline-block;font-size: 20px;}
.shop_byprice li .dline_h3_p span{animation: none;}
.shop_byprice li:nth-child(1) .dline_h3_p span{background: #fae1ec;}
.shop_byprice li:nth-child(2) .dline_h3_p  span{background: #f7e2f0;}
.shop_byprice li:nth-child(3) .dline_h3_p span{background: #fcded6;}
.shop_byprice li:nth-child(4) .dline_h3_p span{background: #f9ede1;}
@media only screen and (min-width:992px ){
    .mons_day  .mod_mar a:hover{opacity: 0.8;}
    .shop_byprice li:hover{margin-top: -10px;}
}

@media only screen and (max-width:1400px ){
    .mons_day .dline_h3_p h3{font-size:40px;}
    .mons_day .mod_mar a{font-size: 36px;}
    .dline_h3_p h3{font-size: 26px;}
    .shop_byprice li h4 a{font-size: 16px;}
    .shop_byprice li img{max-width:95%;max-height:65%;}
}

@media only screen and (max-width:992px ){
    .mons_day .dline_h3_p {margin-bottom:10px; width:calc(100% - 140px);}
    .mons_day .dline_h3_p h3{font-size: 38px;}
    .mons_day .mod_mar a{font-size: 36px;}
    .mons_day .dline_h3_p span{height: 20px;}
    .shop_byprice li{width: 50%;}
    .shop_byprice li:nth-child(1),.shop_byprice li:nth-child(2){margin-bottom: 20px;}
    .dline_h3_p span{height: 15px;}
    .shop_byprice ul{margin-top: -20px;}
    .shop_byprice .dline_h3_p{width:90%;max-width: 300px;}
    .mons_day .dline_mod .dline_h3_p strong{font-size: 50px;}
    .mons_day .mod_mar{width: 100%;}
    .mons_day .mod_mar::before{right: 0;left: auto;top:auto;width: 100px;bottom: 20px;height: 72px;}
}
@media only screen and (max-width:640px ){
    .mons_day .dline_mod{justify-content:flex-start;}
    .mons_day .mod_mar{padding:0 15px;}
}
@media only screen and (max-width:480px ){
    .dline_h3_p{padding: 0 10px;width:80%;}
    .dline_h3_p h3{font-size: 22px;}
    .shop_byprice{padding-bottom: 50px;}
    .shop_byprice li h4 a{font-size: 15px;}
    .shop_byprice li .icon a{padding-bottom: 20px;height: 150px;}
    .mons_day{padding: 25px 0;}
    .mons_day .dline_h3_p h3{font-size:22px;}
    .mons_day .mod_mar a{font-size: 22px;padding-right: 30px;}
    .mons_day .mod_mar a::before{width:14px;height:26px;;top: 7px;right:10px;}
    .mons_day .dline_mod .dline_h3_p strong{font-size: 42px;}
}



/* pro_content */
.pro_content .swiper-wrapper{height: auto!important;}
.pro_content{position: relative;}
.pro_content .container{max-width: 1420px;}

.pro_content .pro_tabs{position: relative;}
.pro_scroll ul{flex-wrap: nowrap;}
.pro_content .tabs{margin:60px 0 50px;padding-left: 10px;}
.pro_content .tabs a{font-family: 'poppins_sb';margin-right: 20px;display:inline-block;font-size: 16px;padding:4px 20px;border-radius: 0 20px 20px 20px;color: #666;box-sizing: border-box;}
.pro_content .tabs a h3{display: inline-block;color: #222;font-size: 20px;font-family: 'poppins_sb';}
.pro_content .tabs a.active{position: relative;display:inline-block;}
.pro_content .tabs a.active h3{position: relative;z-index: 2;color: #111;text-transform: capitalize;font-family: 'poppins_sb';position: relative;z-index: 2;}
.pro_content .tabs a.active span{position: absolute;height:24px;width: 100%;z-index: 1;left: 0;
    animation:opacity 1s infinite;bottom:-0px;animation: none;height: 14px;background: #e6eaeb;}


.pro_content .view_item{position: absolute;right:50px;top:12px;}
.pro_content .view_item a{display: none;position: relative;}
.pro_content .view_item a p{padding-right:20px;position: relative;}
.pro_content .view_item a p::before{position: absolute;content: "";width: 17px;height: 11px;background: url(../images/icon.png)no-repeat;background-position: -128px 0;right: 0;top: 5px;transition: all 0.5s;}
.pro_content .view_item .active{display: inline-block;}
.pro_content .view_item a p:hover{color: #09a651;}


.pro_content .pro_scroll{position: relative;}
.pro_content .swiper-container{ overflow: hidden;}
/* .pro_content .swiper-container .pro_scroll{padding: 0 50px;} */
.pro_content .swiper-container .swiper-button-prev{left: -50px;transition: all 0.5s;}
.pro_content .swiper-container .swiper-button-next{right: -50px;transition: all 0.5s;}


.pro_content .swiper-container:hover .swiper-button-prev{left: 10px;}
.pro_content .swiper-container:hover .swiper-button-next{right: 14px;}

.pro_content .swiper-slide {width: 25%;}
.pro_content .column{position: relative;padding: 0 10px;display: inline-block;list-style: none;transition: 0.5s all;margin-bottom: 30px;width: 100%;}
.pro_content .column .images{display: block;position: relative;}
.pro_content .column .images a{border: 1px solid #f1f1f1;display: block;overflow: hidden;position: relative;}
.pro_content .column .images_out img{opacity: 0.5;}
.pro_content .column .images img{transition: all 0.5s;width: 100%;}


.pro_content .column .text h2{font-family:'poppins_sb';font-size: 15px;margin: 15px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 1.5;}
.pro_content .column .text h2 a{color: #222;}
.pro_content .column .rating{display:flex;display: -webkit-flex;justify-content: flex-start;align-items: center;margin-bottom: 10px;}
.pro_content .column .rating .my-rating-3{top:-3px;}
.pro_content .column .rating h3{font-size: 12px;color: #707070;}
.pro_content .column .dis_off{position: absolute;padding:0px 10px;background: #F04343;top:1px;right:11px;font-family: "poppins_m";color: #fff;}

.pro_content .column .sold_out{position: absolute;left:20px;top:10px;width: 44px;text-align: center;color: #333;border-radius: 2px;font-family: "poppins_m";font-size: 13px;line-height:18px;border-radius: 50%;border: 1px solid #333;height: 44px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;font-size: 12px;z-index: 2;padding-top: 6px;background: #fff;}

@media (min-width: 992px){
    .pro_content .column .images img:hover{transform: scale(1.05);}
    .pro_content .column .text h2 a:hover{color: #0e4350;text-decoration: underline;}
    /* .pro_content .column .images:hover .hide_pic img{transform:scale(1);opacity: 1;z-index: 0;} */
    .pro_content .column .images:hover img{transform:scale(1.05);}
    .pro_content .view_item a p:hover::before{background-position: -95px 0 ;}
    /* .pro_content .pro_tabs{min-height:447px;} */
}
@media (max-width: 1400px){
    .pro_content .container{padding: 0 20px;}
}

@media (max-width: 1250px){
    .pro_content .swiper-slide{width: 33.333333%;}
}
@media (max-width:992px){
    .pro_content .container{padding: 0 15px;}
    .pro_content .swiper-slide{width: 50%;}
    .pro_content .view_item{position: static;text-align: center;margin-bottom: 30px;}
    .pro_content .view_item a p{color: #09a651;display: inline-block;padding-right:25px;}
    .pro_content .view_item a p::before{background-position: -95px 0;}
}
@media (max-width:768px){
    .pro_content .tabs{padding: 0;}
    .pro_content .column .text h2{font-size: 14px;}
    .pro_content .tabs{margin:40px 0 20px;;}
    .pro_content .tabs a{margin-bottom: 10px;width:49%;margin-right: 0;}
    .pro_content .tabs a:nth-child(3){width:100%;}
    .pro_content .tabs a h3{font-size: 18px;}
    .pro_content .tabs a span{max-width: 200px;}
    .pro_content .swiper-container .swiper-button-prev{left: 0px;}
    .pro_content .swiper-container .swiper-button-next{right: 0px;}
}

@media (max-width:640px){
    .pro_content .swiper-slide{width: 100%;}
    .pro_content .column{padding: 0;}
    .pro_content .tabs a{padding: 4px 10px;}
    .pro_content .tabs a span{max-width: 180px;}
}

/* index_about */
.index_about{background: url(../images/about_bg.webp)no-repeat center center;text-align: center;background-size: cover;padding-bottom:70px;font-size: 16px;color: #333;background: #f9f0ce;}
.index_about .index_miantitle{margin-bottom: 10px;}
.index_about p{max-width: 1150px;margin: auto;line-height: 1.8;}
@media (max-width:640px){
    .index_about{padding-bottom: 50px;padding-top:10px;font-size: 14px;}
    .index_about{padding-bottom: 50px;padding-top:10px;font-size: 14px;}
}


/* pro_exhibit */
.pro_exhibit ul{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.pro_exhibit ul li{margin-right:0.76%;margin-bottom:0.76%;display: block;overflow: hidden;}
.pro_exhibit ul li img{width:100%;height: 100%;}
.pro_exhibit ul li:nth-child(6n){margin-right: 0;}
.pro_exhibit ul li:nth-child(1),.pro_exhibit ul li:nth-child(4),.pro_exhibit ul li:nth-child(6),.pro_exhibit ul li:nth-child(7),.pro_exhibit ul li:nth-child(8),.pro_exhibit ul li:nth-child(11){width:19%;}

.pro_exhibit ul li:nth-child(2),.pro_exhibit ul li:nth-child(5),.pro_exhibit ul li:nth-child(9),.pro_exhibit ul li:nth-child(12){width:13.6%;}

.pro_exhibit ul li:nth-child(3),.pro_exhibit ul li:nth-child(10){width:12%;}


@media (min-width:992px){
    .pro_exhibit ul li:hover img{transform: scale(1.05);}
}
@media (max-width:1100px){
    .pro_exhibit ul li:nth-child(1){width: 42.1%;}
    .pro_exhibit ul li:nth-child(2){width: 30%;}
    .pro_exhibit ul li:nth-child(3){width: 26.4%;}

    .pro_exhibit ul li:nth-child(4),.pro_exhibit ul li:nth-child(6){width: 36.3%;}
    .pro_exhibit ul li:nth-child(5){width:25.9%;}


    .pro_exhibit ul li:nth-child(7),.pro_exhibit ul li:nth-child(8){width: 36.3%;}
    .pro_exhibit ul li:nth-child(9){width:25.9%;}

    .pro_exhibit ul li:nth-child(10){width:26.4%;}
    .pro_exhibit ul li:nth-child(11){width: 42.1%;}
    .pro_exhibit ul li:nth-child(12){width: 30%;}

    .pro_exhibit ul li{margin-right: 0.75%;}
    .pro_exhibit ul li:nth-child(6n){margin-right:0.75%;}
    .pro_exhibit ul li:nth-child(3n){margin-right:0;}
}

/* @media (max-width:480px){
    .pro_exhibit .index_miantitle{margin:30px 0 30px;}
} */

/* index_share */
.index_share{margin-bottom:70px;}
.index_share ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.index_share ul li{width:calc((100% - 20px)/2);background: url(../images/pic_02.webp)no-repeat center center;background-size: cover;padding: 90px 0;}
.index_share ul li:nth-child(2){background-image: url(../images/pic_03.webp)}
.index_share ul li .logo_txt{display: flex;display: -webkit-flex;align-items: center;font-family:'poppins_sb';font-size: 24px;padding: 24px 15px;background: rgba(0, 0, 0, 0.5);color: #fff;max-width: 420px;margin: auto; justify-content: center;transition: all 0.5s;}
.index_share ul li .logo_txt .txt{margin-left: 15px;line-height: 1.3;}
.index_share ul li .logo_txt:hover{background: rgba(6, 50, 61, 0.7);}
@media (max-width:992px){
    .index_share ul li .logo_txt{font-size: 20px;max-width: 340px;padding: 15px;}
    .index_share ul li img{width:45px;}
    .index_share{margin-bottom:50px;}
}

@media (max-width:640px){
    .index_share ul li{width: 100%;}
    .index_share ul li:nth-child(2){margin-top: 20px;}
    .index_share ul li .logo_txt{font-size: 17px;max-width: 300px;}
}


/* fix_sale */
.fix_sale{position: fixed;top: 46%;right: 0;display:inline-block;background:#f04343;color: #fff;font-family: 'poppins_sb';z-index: 9999999;cursor: pointer;    transform: rotate(-90deg);    transform-origin: top center;right: -21px;}
.fix_sale span{color: #fff;font-size: 20px;font-family: 'poppins_sb';}
.fix_sale .get{padding:4px 15px;}
@media (max-width:640px){
    .fix_sale b{display: none;}
    .fix_sale b{display: none;}
}
.required-entry{width: 100%;}

.countdown{display: flex;background: #FFF2DD;color: #202020;padding:10px;align-items: center;justify-content: center;margin-bottom:35px;font-size: 15px;}
.countdown svg{margin-right:8px;}
.countdown .alertBox{max-width:calc(100% - 30px);}
.countdown #minutes,.countdown #seconds,.countdown .mao{display: inline-block;font-family: 'poppins_sb';}

#paypal-button-container{padding: 0 15px;}
#payment-strip-form{padding: 0 15px;}
#payment-strip-form #submit{background: #0e4350;width:99%;font-family: 'poppins_sb';padding: 10px 15px;color: #fff;margin: 20px 0;border-radius: 4px;}
#payment-strip-form .p-FieldLabel{margin-bottom: 15px;}



.trustpilot-top{padding: 12px 0 8px;background: #fff;}
.trustpilot-top-fixed{left: 0; background: #fff; top: 0;position: fixed;width: 100%;z-index: 999999998;    background: #d9e5e1;}
.TrustBox{background: #f3fcff;padding: 5px 0 50px;}

@media only screen and (max-width: 640px){
    .TrustBox{padding: 30px 0;}
    .TrustBox .index_miantitle{font-size: 22px;margin-bottom: 20px;margin-top: 0;}
}


.sale_box img{width: 100%;}
.sale_box{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.sale_box .sale_section01{width:60.5%;margin-right:10px;}
.sale_box .sale_section02{width: calc(39.5% - 10px);}

.sale_section02 .signle_img:first-child{margin-bottom: 10px;}
.sale_section02 .signle_img{box-shadow: 0 4px 10px 0 rgba(0,0,0,.09);overflow: hidden;}
.sale_section02 .sale_box a{display:block;height: 100%;}
.sale_box img{transition: all 0.5s;height: 100%;object-fit: cover;}
.sale_box .signle_img:hover img{transform: scale(1.05);}
/* .sale_box .sale_section01:hover img{transform: scale(1.05);} */
.sale_box .signle_img p:hover{text-decoration: underline;color: #06323d;}


.Swiper_banner{display:block;}

.Swiper_banner .phimg{display:none;}
.Swiper_banner img{width: 100%;}

    
@media only screen and (max-width: 768px){
    .sale_box .sale_section01{width: 100%;margin-bottom: 10px;margin-right: 0;}
    .sale_box .sale_section02{width: 100%;}
    .sale_section02 .signle_img:first-child{margin-bottom:10px;}
    .sale_section02 .signle_img{box-shadow: none;}

    .sale_box{display: none;}
    .Swiper_banner{display: block;}

    .Swiper_banner .phimg{display: block;}
    .Swiper_banner .pcimg{display: none;}
}

.two_thr{color: #F04343;background: #f7f7f7;padding: 8px 15px;margin-bottom: 15px;font-family: "poppins_sb";border-left: 3px solid #06323d;font-size: 16px;}
/* banner产品定位 */
.bannerpro{position: relative;}

.bannerpro .prolocation{position: absolute;}
.bannerpro .hotspot{position: relative;}
.bannerpro .hotspot_bg{width: 34px;height: 34px;background: rgba(255,255,255,0.5);border-radius: 50%;animation: pulse .8s cubic-bezier(.42,0,.58,1) .1s infinite alternate both running;}
.bannerpro .hotspot_inner{width:20px;height: 20px;background: rgba(255,255,255,0.9);position: absolute;top: 50%;left: 50%;border-radius: 50%;transform: translate3d(-50%,-50%,0);}
.bannerpro .location_01 {top:34%;left:30.3%;}
.bannerpro .location_02 {top:34%;left:49.2%;}
.bannerpro .location_03 {top:34%;left:68%;}
.bannerpro .hotspot_pulse:hover .hotspot_bg{border: 2px solid rgba(255, 255, 255, 1);}
.bannerpro .viewmore{padding-bottom: 10px;transition:opacity .2s, transform 0.5s;transform: translate3d(-40%,-180%,0);margin-left:13%;position: absolute;visibility: hidden;opacity: 0;}
.bannerpro .viewmore .pad{background: #ffb504;width: 120px;text-align: center;border-radius: 50px;font-size: 15px;font-family: 'poppins_sb';color: #222;padding: 5px;box-shadow: 0 0px 10px rgb(54 0 4 / 10%);transition: all 0.5s;text-transform: capitalize;}
.bannerpro .viewmore .pad:hover{color: #c5131f;}

.bannerpro .hotspot_pulse:hover .viewmore{transform: translate3d(-40%,-100%,0);visibility: visible;opacity: 1;}


.banner_location  .location_01{bottom:26%;left:47.3%;top:auto;}
.banner_location  .location_02{bottom:20%;left:82.1%;top:auto;}

@media only screen and (max-width: 1500px){
    .bannerpro .hotspot_bg{width: 26px;height: 26px;}
    .bannerpro .hotspot_inner{width: 14px;height: 14px;}
}

@media only screen and (max-width: 1150px){
    .bannerpro .hotspot_bg{width: 20px;height: 20px;}
    .bannerpro .hotspot_inner{width:10px;height: 10px;}
    .bannerpro .viewmore{padding: 2px;font-size: 14px;width: 100px;top: -180%;}
}

@media only screen and (max-width: 992px){
    /* .bannerpro .location_01 {top:33%;left:18.5%;}
    .bannerpro .location_02 {top:33%;left:48.2%;}
    .bannerpro .location_03 {top:33%;left:78.2%;} */
    .bannerpro .viewmore .pad{width: 100px;font-size: 12px;}
    .bannerpro .viewmore{top: 0;}
}

@media only screen and (max-width: 768px){
    .bannerpro .viewmore{font-size: 13px;}
}
@keyframes pulse {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0.8);
    }
  }
  
h1.page_h1{
    text-align: center;
    margin: 50px 0 10px;
    font-family: 'poppins_sb';
    color: #06323d;
    font-size: 30px;
    text-transform: capitalize;
    line-height: 1.5;
}
p.pages_p{
    
    margin-bottom: 20px;
}
p.pages_p a{

   color: #63C3F8;


}
.flex_imgBox{padding-bottom:50px;}
.flex_imgBox ul li{
    width:20%;
    float: left;
    position: relative;
    padding:10px;

}

.flex_imgBox ul li:nth-child(5n+1){clear:both}
.flex_imgBox ul li .img_box{overflow: hidden;border:1px solid #eee;}
.flex_imgBox ul li a{display: block;padding:10px;}
.flex_imgBox ul li .img_box:hover img{transform: scale(1.1);}
.flex_imgBox ul li img{max-width:100%;width:100%;transition: all .5s;}
@media only screen and (max-width: 1300px){
    .flex_imgBox ul li{width: 25%;}
    .flex_imgBox ul li:nth-child(5n+1){clear:none;}
    .flex_imgBox ul li:nth-child(4n+1){clear:both;}
}
@media only screen and (max-width: 992px){
    h1.page_h1{font-size: 22px;margin: 20px 0 10px;}
    .flex_imgBox ul li{width: 33.333%;}
    .flex_imgBox ul li:nth-child(4n+1){clear:none;}
    .flex_imgBox ul li:nth-child(3n+1){clear:both;}
}
@media only screen and (max-width: 768px){
    .flex_imgBox ul li{width: 50%;}
    .flex_imgBox ul li:nth-child(3n+1){clear:none;}
    .flex_imgBox ul li:nth-child(2n+1){clear:both;}
}


.e_proudctBox ul{padding-bottom:20px;}
.e_proudctBox ul li{position: relative;padding: 0 10px;}
.e_proudctBox ul li .e_div{transition: all .5s;}
.e_proudctBox ul li .e_div:hover{box-shadow: 0 10px 10px rgba(0, 0, 0, .05);}
.e_proudctBox .e_img{border: 1px solid #f1f1f1;display: block;overflow: hidden;position: relative;}
.e_img img{max-width: 100%;transition: all .5s;width: 100%;}
.e_moudle .off{position: absolute;padding: 0px 10px;background: #F04343;top: 1px;right: 1px;font-family: "poppins_m";color: #fff;}
.e_proudctBox .view_wishlist{top:40px;}
.e_proudctBox .view_wishlist i{background: #f7f7f7;}
.e_proudctBox .e-list-center{padding: 20px 8px;text-align: left;}
.e_proudctBox ul li .e-title{display: block;color: #333333;font-size: 15px;line-height: 22px;overflow: hidden;margin-bottom: 6px;font-family: 'poppins_sb';height: 44px;}
.e_proudctBox .e_moudle .price{font-family: 'poppins_m';}
.e_proudctBox .price .cur{font-size: 20px;}
.swiper_engineering .swiper-button-next {right: -40px;top: 45%;transition: all 0.5s;}
.swiper_engineering .swiper-button-prev {left: -40px;top: 45%;transition: all 0.5s;}


@media only screen and (min-width: 992px){
    .e_proudctBox .e_img:hover img{transform: scale(1.05);}
    .e_proudctBox .e_img:hover .view_wishlist{display: block;}
    .e_products .swiper_e:hover .swiper-button-next {right: 10px;}
    .e_products .swiper_e:hover .swiper-button-prev {left: 10px;}
}

#top_countdown{flex-wrap: nowrap;align-items: center;width: fit-content;line-height: 25px;margin-bottom: 20px;width:inherit;display: flex;display: -webkit-flex;color: #F04343;margin: 50px 0 30px;justify-content:flex-end;font-size: 20px;font-family: 'poppins_sb';}
#top_countdown .countdownbg{padding: 0 5px;background: #f7f7f7;}
#top_countdown .time{background: #F04343;padding: 5px;color: #fff;width: 36px;text-align: center;}
#top_countdown .seb{padding: 5px;}

.pro_countdown{font-size: 16px!important;}
.pro_countdown .time{padding: 3px!important;width: 30px!important;}
@media only screen and (max-width: 992px){
    #top_countdown{font-size: 16px;}
    #top_countdown .time{padding: 3px;width: 30px;}
}


.flash_top{position: fixed;z-index: 99999999;bottom:45%;max-width: 160px;right: 10px;    animation: bounce 6s infinite;transition: all 0.5s;}

@keyframes bounce{
    20%, 53%, 80%, 0%, 100%
    {animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translate3d(0,0,0);
    }
    40%, 43%{animation-timing-function: cubic-bezier(.755,.050,.855,.060);
    transform: translate3d(0,-30px,0);}
    70%{ animation-timing-function: cubic-bezier(.755,.050,.855,.060);
    transform: translate3d(0,-15px,0);}
    90%{transform: translate3d(0,-4px,0);} 
}

@media only screen and (max-width: 1400px){
    .flash_top{max-width: 140px;}
}

@media only screen and (max-width: 1200px){
    .flash_top{max-width: 100px;}
}


.payor{position: relative;margin-bottom: 40px;}
.payor span{padding: 10px 30px;background: #ffff;position:absolute;width: 100px;
text-align: center;top: 50%;transform: translateY(-50%);left: 0;right: 0;margin:auto;}



.track_tab ul{display: flex;display: -webkit-flex;font-family: 'poppins_m';}
.track_tab ul li{width: 50%;font-size:16px;border-bottom: 2px solid transparent;cursor: pointer;line-height: 50px;padding-bottom: 10px;margin-bottom:40px;}
.track_tab ul li.aon{color: #06323d;border-color: #06323d;}
.track_items .item{display: none;}
.track_items .active{display: block;}



/* section_review */
.section_review{padding: 0 15px 60px;}
.section_review .rating{margin-bottom: 30px;display: flex;display: -webkit-flex;justify-content: center;}
.section_review .index_title{padding-bottom: 0;}
.section_review .clientSwiper {padding-top:35px;margin-top: -10px;}
.section_review .moudle{background: #fff;padding: 60px 40px 60px;overflow: hidden;}
.section_review .clientSwiper {padding-bottom: 50px;}
.section_review  .swiper-horizontal>.swiper-pagination-bullets,.section_review  .swiper-pagination-bullets.swiper-pagination-horizontal, .section_review .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;}
.section_review .swiper-slide{opacity: 0.9;transform: scale(0.95);transition: transform .5s ease, box-shadow .5s ease;;}
.section_review .swiper-slide-active{opacity: 1;transform: scale(1.1);}
.section_review .swiper-slide-active .moudle{box-shadow: 0 10px 25px #0000001a;}
.section_review .txt_box p{text-align: center;line-height: 1.5;font-size: 15px;}
.section_review .image{width: 70px;height: 70px;border-radius: 50%;overflow: hidden;margin:10px auto 20px;}
.section_review .image img{width: 100%;height: 100%;object-fit: cover;}
.section_review .moudle h2{font-size: 18px;color: #222;text-align: center;font-family: 'poppins_m';}
.section_review .swiper-button-prev{left: 24%;background: rgba(255, 255, 255, 0.6);}
.section_review .swiper-button-next{right: 24%;background: rgba(255, 255, 255, 0.6);}
.swiper-pagination-bullet-active{background: #06323d;opacity: 0.7;}
.section_review .testimonials__info{text-align: center;}
@media (max-width:1400px){
    .section_review .clientSwiper{padding-top: 50px;}
}
@media (max-width:992px){
    .section_review{padding-bottom:50px;}
    .section_review .clientSwiper {padding:30px 15px 50px;}
    .section_review .swiper-button-next,.section_review .swiper-button-prev{display: none;}
    .section_review .moudle{padding: 40px 20px;}
    .section_review .txt_box p{font-size:14px;}
    .section_review .image{margin: 30px auto 20px;}
    .section_review .moudle h2{font-size: 15px;}
}




.order_search_content {
	max-width: 800px;
	margin: 50px auto 0;
	text-align: center;
}
.order_search_content .box {
	padding: 15px 10px;
	border-bottom: 1px solid #eee;
}
.order_search_content .box p {
	color: #777;
}
.order_search_content .title1 {
	font-size: 20px;
	font-family: 'poppins_m';
}
.order_search_content ul {
	padding: 0 10px;
}
.order_search_content ul li {
	float: left;
	width: 33.333333%;
	text-align: left;
	padding: 0 10px;
	margin-bottom: 20px;
}
.order_search_content .title2 {
	display: inline-block;
	font-size: 16px;
	font-family: 'poppins_m';
	padding: 10px 0 4px;
}
.order_search_content address {
	margin-bottom: 0;
}
.order_search_content .box-content {
	color: #777;
}
.order_search_content .li {
	margin-bottom: 20px;
	background: #f9f9f9;

}
@media only screen and (max-width:768px ) {
	.order_search .top .title {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.order_search_content ul li {
		width: 100%;
		margin-bottom: 0;
	}
	.order_search_content ul {
		padding: 0 0 20px;
	}
	.order_search_content .title1 {
		font-size: 16px;
	}
	.order_search_content {
		text-align: left;
	}
	.order_search_content {
		margin: 30px auto 0;
	}
	.order_search_content .title2 {
		display: inline-block;
		font-size: 16px;
		font-family: 'poppins_m';
		padding: 10px 0 0px;
	}
}


.shop_with_c h2{display: flex;display: -webkit-flex;align-items: center;margin: 30px 0 2px;font-family: 'poppins_sb';font-size: 20px;display: flex;display: -webkit-flex;align-items:center;gap: 5px;color: #000;}
.shop_with_c p{font-size: 16px;}
.shop_with_c .simg_Fraud{display: flex;display: -webkit-flex;align-items:center;gap: 5px;margin-top: 5px;}
.reviews_height{height: 16px;font-size: 12px;}



/* 黑五活动修改 */
/* black_top */
.black_top{background: url(../images/blacktbg.jpg);padding: 2px 0;}
.black_top a{color: #fff;}
.black_top .head_topfr .click_h{padding:0px 20px;background: #e72121;border-radius: 4px;color: #fff;font-size: 16px;height: 34px;line-height: 34px;margin-top: 5px;    display: inline-block;}
.black_top .head_topfr{width: 335px;}
.black_top .fixed_top{width: calc(100% - 652px);}
.black_top .Wishlist{margin-left: 10px;}
.black_top .head_topfr .click_h:hover{box-shadow: 0 5px 10px -5px #e72121;}


.bfsale{position: absolute;left:5px;top:3px;width: 130px;}
@media only screen and (max-width: 992px){
    .black_top{background: #105945;padding-bottom: 10px;}
    .black_top .fixed_top{width:100%;}
    .black_top .head_topfr .click_h{padding: 0 10px;}
    .bfsale{width: 70px;}
}

/* 隐藏new */
.pro_moudle .new{display: none;}


/* 产品详情倒计时 */
.limited_sale{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;margin-bottom: 30px;padding: 10px 20px;color: #fff;border-radius: 16px;margin-top: 20px;padding-left: 0;background:url(../images/christmasbg.png)no-repeat center center #105c47;background-size: cover;}
.limited_sale .mao{color: #a3a4a5;}
.limited_sale .l_gift{display: flex;display: -webkit-flex;align-items: center;gap: 10px;max-width: 250px;padding-left: 20px;}
/* .limited_sale .l_gift .gift img{height:90px;} */
.limited_sale .l_gift .d1_d2{padding-top: 6%;}
.limited_sale .l_gift .d1{font-size:16px;font-weight:200;}
.limited_sale .l_gift .d2{font-size: 22px;font-weight: 500;}
.cut_time{display: flex;display: -webkit-flex;align-items: center;text-align: center;gap: 10px;}
.limited_sale .cut_time {padding: 10px;background: #fff;border-radius: 6px;color: #878585;font-size: 12px;text-align: center;justify-content: space-around;}
.limited_sale .cut_time .time{color:#ff2a2a;font-size:18px;font-family: "poppins_sb";}
.limited_sale .Limited{font-size: 14px;text-align: center;font-weight: 14px;}
@media screen and (max-width:500px) {
    .limited_sale .l_gift .d2{font-size: 18px;}
    .limited_sale .l_gift .gift img{height:50px;}
    .limited_sale .cut_time{padding: 5px;}
    .limited_sale{padding: 10px;padding-left: 0;}
    .limited_sale .l_gift{gap: 5px;}
    .limited_sale{border-radius: 10px;}
    .limited_sale .l_gift .d1_d2{padding-top: 0%;}
}
@media screen and (max-width:420px) {
    .limited_sale .cut_time{gap: 5px;padding: 3px 5px;}
    .limited_sale .l_gift .d2{font-size: 16px;}
    .limited_sale .l_gift .d1{font-size: 15px;}
    /* .limited_sale .l_gift .gift{display:none;} */
}
.black_active{background: url(../images/blackbg.jpg)repeat-y top center;}
.black_active .cbp-vm-view-grid ul li .cbp-div{background: #fff;}
/* 黑五活动修改 */