/*reset*/
:focus{outline: 0;}
div,
body,
ul,
img,
input,
dl,
dd,
tr,
th,
td,
h1,h2,h3,h4,h5,h6,
p{margin: 0; padding: 0;box-sizing: border-box;}
em{font-style: normal;}
img{border: none; vertical-align: middle;max-width: 100%;transition: all 0.5s;}
li,
ul{list-style: none;}
a{text-decoration: none; color: #565656;}
a:hover{text-decoration: none;}
input{padding: 0px; vertical-align: middle; line-height: normal; border: none;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{border: none; padding: 0;}

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:'Roboto-Medium' ;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: #F04343;font-weight: 700;padding-left: 5px;}
.label_input input{width: 100%;}


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

.font_name1{font-family: 'Roboto-Medium';}
.font_name2{font-family: 'Roboto-Bold';}


.index_title{font-size: 36px;padding-bottom:20px;background: url(../images/title_bg.png)no-repeat bottom center;text-align: center;color: #222;margin-bottom: 20px;}
@media(max-width:992px){
    .index_title{font-size:28px;padding-bottom:15px;}
}
@media(max-width:768px){
    .index_title{font-size: 24px;padding-bottom:15px;}
}
.flash_white{position: relative;}
.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{ 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);} 
}




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


table td{padding: 5px 8px;border-width: 1px ;}
/* 弹窗 */
.pop_overlay{background: rgba(0,0,0,0.85); bottom: 0;display: block;left: 0;position: fixed; right: 0;top: 0;z-index: 99999999999;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%,100%, 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: "Roboto-Bold";color: #333;text-transform: uppercase;}
.pop_con .edit_content{padding:40px;height: 100%;overflow-y: auto;}


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

.pop_con .login_title{text-transform: capitalize;font-family: "Roboto-Bold";color: #222;border-bottom: 2px solid #222;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:#222;color: #fff;margin-right: 30px;text-transform:uppercase;}
.pop_con button.register_button{background:rgba(185,225,234,1);}
.pop_con button.register_button:hover{background: #222;}
.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: #222;}
.pop_con .lost_password a{margin-top: 30px;color: rgba(169,169,169,1);display: inline-block;text-decoration: underline;}
.pop_con .lost_password a:hover{color: #222;}
.pop_con .register a{color: #222;font-family: "Roboto-Medium";}
.pop_con .register a:hover{text-decoration:underline;} 


.return_box h2{font-family: "Roboto-Bold";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: "Roboto-Bold";color: #000;margin-bottom:5px;}
.return_box p{margin-top: 15px;}
.pop_con_return .flex_box{max-width: 800px;}


/* 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: "Roboto-Bold";font-size:16px;color: #333;}
.right_search form{margin-top: 30px;position: relative;}
.right_search form label,.right_search form input{width: 100%;display: block;font-weight: normal;color: #333;}
.right_search form input{padding-right:40px;}
.right_search form button{width:36px;height:36px;position: absolute;right: 0;top:8px;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: #222;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: #222;border: 1px solid #222;}
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;}
/* strong{font-family: 'Roboto-Medium'; 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: #F04343; font-family: "Roboto-Medium"; 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: #222; border-radius: 4px;}
.page_more{display: inline-block; font-size: 13px; text-transform: capitalize; line-height: 36px; height: 36px; padding: 0 20px; background: #222; color: #fff; border-radius: 4px;}
.read_more:hover,
.page_more:hover{text-decoration: none; color: #fff; background: #222;}
.main_top .title{display: block; text-align: center; font-size: 32px; line-height: 32px; font-family: 'Roboto-Medium';}
.main_top .text{width: 100%; max-width: 700px; margin: 10px auto 0; color: #666; font-size: 16px; line-height: 24px; text-align: center;}
@media only screen and (max-width: 992px){
    .main_top .title{font-size: 24px; line-height: 24px;} 
    .main_top .text{font-size: 14px; line-height: 22px;}    .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;}


@font-face{font-family: 'Roboto-Regular'; src: url(../font/Roboto-Regular.eot); src: url(../font/Roboto-Regular.eot?#iefix) format('embedded-opentype'), url(../font/Roboto-Regular.svg#Roboto-Regular) format('svg'), url(../font/Roboto-Regular.woff) format('woff'), url(../font/Roboto-Regular.ttf) format('truetype'); font-weight: normal; font-style: normal;}

@font-face{font-family: 'Roboto-Medium'; src: url(../font/Roboto-Medium.eot); src: url(../font/Roboto-Medium.eot?#iefix) format('embedded-opentype'), url(../font/Roboto-Medium.svg#Roboto-Medium) format('svg'), url(../font/Roboto-Medium.woff) format('woff'), url(../font/Roboto-Medium.ttf) format('truetype'); font-weight: normal; font-style: normal;}

@font-face{font-family: 'Roboto-Bold'; src: url(../font/Roboto-Bold.eot); src: url(../font/Roboto-Bold.eot?#iefix) format('embedded-opentype'), url(../font/Roboto-Bold.svg#Roboto-Bold) format('svg'), url(../font/Roboto-Bold.woff) format('woff'), url(../font/Roboto-Bold.ttf) format('truetype'); font-weight: normal; font-style: normal;}


/*index*/
.fixed_top{ text-align: center; color: #fff;padding:5px 9px 5px;font-family: 'Roboto-Medium';background: #222222;}

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


header{position: relative; top: 0; left: 0; width: 100%; width: 100%; z-index: 9999999;}
.top_nav{text-align: center;}
.header{transition: all .5s; padding: 20px 0px; text-align: center;}
header>.container{position: relative; padding:20px 0;}
.top_menu{display: flex;display: -webkit-flex;justify-content: space-between;align-items:center;}
#logo h1{margin: 0; padding: 0; display: flex; align-items: flex-end;}
#logo a{padding: 0; display: inline-block;}
#logo img{max-width:243px; height: auto; padding: 0; transition: all .5s;}
header.small #logo img{max-width: 200px;}
.cart_ul{float: right; padding-top: 19px;}
.cart_ul li{position: relative; list-style: none;display: inline-block;margin-left:20px; height:24px;font-size: 14px;width: 24px;}
.cart_ul li.cart_abox{position: relative;}
.cart_ul li.cart_abox span{position: absolute;width: 18px;height: 18px;border-radius: 50%;display: inline-block;background: #222;position: absolute;right:-7px;color:#fff;text-align: center;top: -8px;line-height:18px;font-size: 12px;}
.cart_ul li .cart_a{vertical-align: middle;}
.cart_ul li img{max-height:24px;}
.mainmenu_right{float: right;}
.cart_ul li.lr_abox{position: relative;margin-right: 10px;line-height: 20px;}
.cart_ul li.lr_abox:after{font-family: FontAwesome;color: #777;vertical-align: middle;content: "\f107";font-size: 14px;transition: all 0.3s ease 0s;margin-left: 6px;position: absolute;}
.cart_ul li.lr_abox dl{position: absolute; box-shadow: 0px 0px 20px 0px rgba(2, 18, 18, 0.32); display: none; margin-top: 0px; list-style: none; background: #fff; width: 180px; padding: 5px 0 0;top: 30px;display: none;right: -15px;}
.cart_ul li.lr_abox dl dd{text-align: left; border-bottom: 1px solid #eee;padding: 5px 20px;}
.se-top .account dl dd a{display: inline-block; text-transform: capitalize; line-height: 20px;width: 100%; font-size: 13px; padding: 6px 6px 6px 12px;}
.cart_ul li.lr_abox dl dd a i{margin-right: 12px; color: #1e1e1e; font-size: 14px;}
.cart_ul li.lr_abox p.cur:after{font-family:FontAwesome;color:#777;width:100px;vertical-align:middle;content:"\f106"; font-size:14px;}
.cart_ul li.lr_abox dl dd a:hover{color: #1e1e1e;}
/* Top Search*/
.cover_div{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:#000; opacity: 0.7; display: none;}
.top_search_toggle{position: absolute; z-index: 99999999;}
.top_search_toggle em{display: block; font-size:26px; text-align: center; margin-bottom: 27px; text-transform: capitalize;    color: #111;}
.top_search_toggle .close_search{cursor: pointer; position: fixed; z-index: 99999; right: 10px; top: 10px; width: 50px; height: 52px; text-align: center; line-height: 50px; display: none;}
.top_search_toggle .close_search i{width: 100%; height: 100%; line-height: inherit; position: absolute; left: 0px; top: 0px;}
.top_search_toggle .close_search i::before,.top_search_toggle .close_search i::after{content: ''; position: absolute; left: 14px; top: 24px; width: 20px; height: 2px; background: #fff;}
.top_search_toggle .close_search i::before{transform: rotate(45deg);}
.top_search_toggle .close_search i::after{transform: rotate(-45deg);}
.top_search_toggle .form-control{box-shadow: none; background: #fff; border: 2px solid #ddd; height: 52px; line-height: 52px; padding: 0 50px 0 15px; text-align: left; font-size: 18px; border-radius: 4px;}
.top_search_toggle input.form-control:focus{color: #222; font-style: inherit; text-transform: inherit;}
.top_search_toggle input::-ms-input-placeholder{color: #777;}





/* Internet Explorer 10+ */
.top_search_toggle input::-webkit-input-placeholder{color: #777;}
/* WebKit browsers */
.top_search_toggle input:-moz-placeholder{color: #777;}
/* Mozilla Firefox 4 to 18 */
.top_search_toggle input::-moz-placeholder{color: #777;}


/* Mozilla Firefox 19+ */
.top_search_toggle .search_input{position: fixed; width: 94%; max-width: 700px; left: 50%; top: -20%; padding: 0px 10px; transform: translate(-50%, 0); transition: all .3s; visibility: hidden; opacity: 0;}
.btn_search1{background: url(../images/search.svg) no-repeat center center; top: 11px; height:30px; position: absolute; right: 5px; width: 48px; z-index: 3; border-radius: 0 25px 25px 0;border:none;font-size: 0px;}
.top_search_toggle.active .search_input{top: 50%; transform: translate(-50%, -50%); visibility: visible; opacity: 1; background: #fff; padding: 30px;}
.header_search{position: relative;}
.top_search_toggle.active .close_search{display: block;}
/* header.small */
header.small{left: 0; background: #fff; top: 0;box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.4); position: fixed;padding: 0 2%;}
header.small>.container{padding: 10px 0;}
header.small .top_search_toggle{top: 60px;}
header.small .mainmenu ul li a{color: #222;}
.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 .black_img{display: block !important;}
.page_header .small_nav .toggle span{background: #222;}
@media only screen and (max-width:1400px){
        header>.container{padding:20px 2%;}
        .cart_ul li{margin-left: 15px;}
        .mainmenu-area{padding-left: 0;}
        #logo{padding-right: 35px;}
        
    }

@media only screen and (max-width:1280px){
        .cart_ul li{margin-left: 20px;} 
        header .container{padding: 0 35px;} 
        header>.container{padding: 10px 35px;}
        .mainmenu ul li a{padding: 15px 15px;}
}
@media only screen and (max-width:1199px){
    header.small{padding: 0 2%;}
    header .mainmenu-area{display: none;}
        .cart_ul{padding-top: 10px;padding-right: 28px;float: none;overflow: hidden;text-align: right;} 
        header .container{padding: 0 20px 0 15px;}
        header>.container{padding: 10px 20px 10px 15px;} 
        .cart_ul li.cart_abox span{background: #222;}
        header #logo img{max-width:150px;} 
    }
@media only screen and (max-width:768px){
    header.small #logo img{max-width:130px;} 
    .top_search_toggle em{font-size: 18px; margin-bottom: 10px;}
    .top_search_toggle .form-control{font-size: 14px;} 
    .top_search_toggle.active .search_input{padding: 20px 15px;}
    .search_con .search_txt h2{font-size: 15px;}
    .search_con .price .cur{font-size: 18px;}
}
@media only screen and (max-width:480px){
    .cart_ul li{margin-left: 12px;} 
    #logo{transform: translateX(0);padding-right: 0;}
    header.small #logo{padding-top:0px;}


}
@media only screen and (max-width:360px){
    .cart_ul li{margin-left: 15px;margin-left: 5px;}
}


/*right cart*/
.select_cartr{position: fixed; z-index: 99999999; right: 0; top: 0; width: 340px; height: 100%; overflow-y: auto; overflow-x: auto; background: #fff; transition: all .5s; transform: translate3d(100%, 0, 0); visibility: hidden;}
.select-overlay-cart{position: fixed; z-index: 99999998; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden;}
.select_cartr.select_cartr_active{transform: translate3d(0, 0, 0); visibility: visible;}
.select-overlay-cart.select-overlay-cart_active{opacity: 1; visibility: visible;}
.select_cartr .right_cartbox{padding: 10px;}
.select-close{position: absolute; right: 10px; top: 6px; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; font-weight: 100; cursor: pointer;display: flex;display: -webkit-flex;align-items: center;justify-content: center;overflow: hidden; border-radius: 0 10px 10px 10px;}
.select-close img{width: 12px;height: 12px;}
.select_cartr .image{display: block; float: left; width:100px; height:100px; overflow: hidden;}
.select_cartr .fr{float: right;}
.select_cartr .image img{max-width: 100%; width: 100%;}
.select_cartr .main{width: 203px; float: left; padding-left: 10px;}
.select_cartr .title{font-size: 14px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 4px; color: #222;font-family: 'Roboto-Bold';font-weight: normal;}
.select_cartr .right_cartbox > .title{font-size:18px; color: #222;}
.select_cartr .perice{font-size: 14px; margin-bottom: 5px;}
.select_cartr .perice .cur{color: #F04343;font-family:'Roboto-Medium';}
.select_cartr .perice .or{color: #989898;}
.select_cartr .table .num{text-align: center; display: inline-block; padding: 0 10px; height: 24px; line-height: 24px; font-size: 16px;}
.select_cartr .table .add,
.select_cartr .table .sub{text-decoration: none; display: inline-block; width: 30px; height: 24px; line-height: 24px; background: #fff; box-sizing: border-box; font-size: 12px; vertical-align: middle; text-align: center; color: #333;}
.select_cartr .table .add i,
.select_cartr .table .sub i{line-height: inherit;}
.select_cartr .ajax-qty-p{border: 1px solid #d1d1d1; display: inline-block; border-radius: 20px; overflow: hidden; color: #333;}
.select_cartr .table > thead > tr > td,
.select_cartr .table > tbody > tr > td,
.select_cartr .table > tfoot > tr > td{padding: 10px 0;}
.select_cartr .table .delete{margin-top: 4px; font-size: 16px; display: inline-block;color: #888;}
.select_cartr .table tr:last-child{border-bottom: 1px solid #ddd;}
.select_cartr .read_more{width: 100%; text-align: center;}
.empty_cart{margin-top: 30px; width: 100%; text-align: center; background: #f9f9f9; padding: 20px 10px;}
.empty_cart img{max-width: 60px;}
.empty_cart p{margin: 10px 0; font-size: 18px;}
.select_cartr #cart-table{max-height: calc(100% - 140px); overflow-y: auto; overflow-x: hidden;}
.select_cartr #cart-table::-webkit-scrollbar{
	width:5px;
	height:3px;
  }
  .select_cartr #cart-table::-webkit-scrollbar-track{
	background: rgb(239, 239, 239);
	border-radius:2px;
  }
  .select_cartr #cart-table::-webkit-scrollbar-thumb{
	background: #bfbfbf;
	border-radius:10px;
  }

.select_cartr .right_cartbox{position: absolute; height: 100%; width: 100%; padding-bottom: 150px;}
.select_cartr .bottom{position: fixed; bottom: 0; left: 0; background: #fff; border-top: 1px solid #eee; width: 100%; padding: 10px; box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1)}
.select_cartr .bottom h2{font-size: 16px;font-family:'Roboto-Medium';margin: 10px 0 ;color: #222;}
.select_cartr .read_more1{background: #fff; color: #fff; margin: 10px 0;color:#fcad37;border: 2px solid #fcad37;}
.select_cartr .read_more1:hover{color: #fff; background: #fcad37;color: #fff;}
.select_cartr .right_total{padding: 6px 0;}
.select_cartr .right_total .span1{font-size: 18px; text-transform: capitalize;}
.select_cartr .right_total .span2{float: right; font-size: 18px; color: #111;}
@media only screen and (max-width: 992px){
    .select>a p{font-size: 12px; text-transform: capitalize;} 
    .select>a{padding: 3px 5px; border-width: 1px;} 
    .select>a img{max-width: 16px;}
}



/* Swiper_banner */
.Swiper_banner{position: relative;}
.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;}
.Swiper_banner .banner_txt{max-width:1000px;position: absolute;left: 0;right: 0;margin: auto;color: #fff;padding: 0 15px;}
.Swiper_banner .banner_txt01{top:25%;}
.Swiper_banner .banner_txt01 h2{font-family: 'Roboto-Bold';font-size:42px;margin-bottom:20px;}
.Swiper_banner .banner_txt01 ul li{font-size: 18px; margin-bottom: 10px;}
.Swiper_banner .banner_txt01 ul li b{font-weight: normal;}
.Swiper_banner .banner_txt01 .shop_now{padding:12px 50px;background: #f60104;display: inline-block;text-transform: capitalize;font-size: 16px;font-family: 'Roboto-Bold';margin-top: 30px;}

@media only screen and (max-width:1650px ){
    .Swiper_banner .banner_txt01{top: 20%;}
}
@media only screen and (max-width:1350px ){
    .Swiper_banner .banner_txt01 h2{font-size: 30px;}
    .Swiper_banner .banner_txt01 ul li{font-size: 16px;}
    .Swiper_banner .banner_txt01 .shop_now{padding: 10px 30px;font-size: 14px;margin-top:10px;}
}
@media only screen and (max-width:992px ){
    .Swiper_banner .swiper-button-next{display: none;}
    .Swiper_banner .swiper-button-prev{display: none;}
    .Swiper_banner .img_ph{display: block;}
    .Swiper_banner .img_pc{display: none;}
    .Swiper_banner .swiper-pagination{bottom: 10px;}
}

@media only screen and (max-width:640px ){
    .Swiper_banner .banner_txt01{top: 7%;width:68%;margin: auto;right: auto;}
    .Swiper_banner .banner_txt01 h2{font-size: 24px;margin-bottom: 10px;}
    .Swiper_banner .banner_txt01 ul li{font-size: 14px;margin-bottom:2px;}
    .Swiper_banner .banner_txt01 .shop_now{padding:8px 20px;}
}
@media only screen and (min-width:992px ){
    .Swiper_banner:hover .swiper-button-next{right: 50px;}
    .Swiper_banner:hover .swiper-button-prev{left: 50px;}
}



/* feature_wrapper */
.feature_wrapper{padding: 50px 0 40px;background: #f7f7f7;}
.feature_wrapper ul{display: flex;display: -webkit-flex;justify-content: space-between;text-align: center;flex-wrap: wrap;}
.feature_wrapper ul li{width: 25%;}
.feature_wrapper ul li h2{font-size: 16px;color: #222;margin:10px 0 5px;}
.feature_wrapper ul li p{font-size: 15px;color: #555;}


@media only screen and (max-width:992px ){
    .feature_wrapper ul li{width: 50%;}
    .feature_wrapper ul li:nth-child(1),.feature_wrapper ul li:nth-child(2){margin-bottom: 20px;}
    .feature_wrapper ul li img{max-height: 45px;}
}


.cup_wrapper{ background: -moz-linear-gradient(bottom #f6f6f6 0%,#fff 100%); 
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#fff 100%); 
    background: -o-linear-gradient(right, #f4dbb5 0%, #f9e3c1 50%,#f4dbb5 100%); 
    background: -ms-linear-gradient(right, #f4dbb5 0%, #f9e3c1 50%,#f4dbb5 100%); 
    background: linear-gradient(right, #f4dbb5 0%, #f9e3c1 50%,#f4dbb5 100%);padding: 100px 0 50px;}
.cup_wrapper .container{display: flex;display: -webkit-flex;align-items: center;}
.cup_wrapper ul{width: 33.3333%;}
.cup_wrapper .cup{width: 33.3333%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
.cup_wrapper ul li{text-align: center;}
.cup_wrapper ul li:nth-child(1){margin-bottom: 45px;}
.cup_wrapper ul li h2{font-family: 'Roboto-Bold';color: #222;font-size: 20px;margin: 20px 0;}
.cup_wrapper ul li p{font-size: 15px;}

@media only screen and (min-width:1400px ){
    .cup_wrapper .cup{width: 388px;}
    .cup_wrapper ul{width:calc((100% - 388px)/2);}
}


@media only screen and (max-width:992px ){
    .cup_wrapper ul li h2{font-size: 16px;margin: 15px 0;}
    .cup_wrapper ul li p{font-size: 14px;}
    .cup_wrapper{padding: 30px 15px 0px;}

    .cup_prowrapper{padding-bottom:20px;}
}


@media only screen and (max-width:640px ){
    .cup_wrapper .container{align-items: flex-start;}
    .cup_wrapper .cup{display: none;}
    .cup_wrapper ul{width:50%}
    .cup_wrapper ul li p{min-height: 63px;}
    .cup_wrapper ul li .img img{height: 70px;}
    .cup_wrapper ul li h2{font-size: 15px;margin: 10px 0;}
}

@media only screen and (max-width:480px ){
    .cup_wrapper .container{flex-wrap: wrap;}
    .cup_wrapper ul{width:100%}
    .cup_wrapper ul li{margin-bottom: 20px;display: flex;display: -webkit-flex;align-items: center;text-align: left;}
    .cup_wrapper ul li:nth-child(1){margin-bottom: 20px;}
    .cup_wrapper ul li p{min-height: inherit}
    .cup_wrapper ul li .img{width: 70px;}
    .cup_wrapper ul li h2{font-size: 17px;}
    .cup_wrapper ul li .txt{width:calc(100% - 90px);padding-left: 20px;}

}
/* video_wrapper */
.video_wrapper{padding:230px 0;margin: 50px 0;}
.video_wrapper h2{font-size: 36px;color: #fca82a;text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff, -1px 1px 0 #fff,  1px 1px 0 #fff; }
.video_wrapper h3{font-size: 30px;color: #333;margin: 20px 0;}
.video_wrapper .play{display: inline-block;cursor: pointer;}


@media only screen and (max-width:992px ){
    .video_wrapper{padding: 100px 0;margin: 30px 0 40px;background-size:cover!important;}
    .video_wrapper h2{font-size: 24px;}
    .video_wrapper h3{font-size: 17px;width:54%;line-height: 1.6;}
}


/* lr_wrapper */
.lr_wrapper{margin-bottom: 80px;}
.lr_wrapper ul li{display: flex;display: -webkit-flex;align-items: center;flex-wrap: wrap;}
.lr_wrapper ul li:nth-child(2n){flex-direction:row-reverse}
.lr_wrapper ul li .txt,.lr_wrapper ul li .img{width: 50%;}
.lr_wrapper ul li .txt{padding: 5%;text-align: center;}
.lr_wrapper ul li .txt_pad{padding: 1%;}
.lr_wrapper ul li p{font-size: 15px;color: #555;}
.lr_wrapper ul li .button a{line-height:44px;text-align: center;border: 2px solid #222;color: #000;display: inline-block;border-radius: 50px;margin-top: 30px;font-size: 16px;transition: all 0.5s;width:auto;padding: 0 30px;min-width:200px}
.lr_wrapper ul li .button a:hover{background: #222;color: #fff;}
.lr_wrapper ul li h2{color: #222;font-size: 30px;margin-bottom: 20px;}
.lr_wrapper ul li h3{color: #666;font-size: 18px;}
.lr_wrapper ul li dl{display: flex;display: -webkit-flex;justify-content: space-between;margin-top: 40px;}
.lr_wrapper ul li dl dd{width: 33.3333333%;}
.lr_wrapper ul li dl dd .icon{width: 60%;margin: auto;}
.lr_wrapper ul li dl h4{color: #222;font-size: 16px;margin-top: 20px;}


@media only screen and (max-width:992px ){
    .lr_wrapper ul li h2{font-size: 24px;margin-bottom:10px;}
    .lr_wrapper ul li h3{font-size: 15px;}
    .lr_wrapper ul li dl h4{font-size: 15px;}
    .lr_wrapper ul li dl{margin-top: 20px;}
    .lr_wrapper ul li .button a{line-height:36px;font-size: 15px;}
}

@media only screen and (max-width:768px ){
    .lr_wrapper{margin-bottom: 10px;}
    .lr_wrapper ul li,.lr_wrapper ul li:nth-child(2n) {flex-direction:column-reverse;}
    .lr_wrapper ul li .txt,.lr_wrapper ul li .img{width: 100%;}
    .lr_wrapper ul li .txt{padding: 30px 2%}
    .lr_wrapper ul li .img img{width: 100%;}
    .lr_wrapper ul li .button a{line-height: 32px;font-size: 14px;min-width:inherit;}
    .lr_wrapper .index_title,.lr_wrapper ul li h2{font-size: 22px;}
    .lr_wrapper ul li dl h4{font-size: 14px;line-height: 1.4;}

    .lr_prowrapper ul li .txt{padding: 20px 2%}
}

/* subscribe_wrapper */
.subscribe_wrapper .container{max-width: 600px;text-align: center;}
.subscribe_wrapper{position: relative;padding: 80px 0;background: url(../images/subbg.jpg)no-repeat center center;color: #fff;}
.subscribe_wrapper .subscribe_email{position: relative;background: #fff;border-radius: 4px;}
.subscribe_wrapper input{width: 100%;display: block;text-indent: 10px;color: #222;width: calc(100% - 130px);border: none;line-height:60px;}
.subscribe_wrapper input::placeholder{color:rgba(0,0,0,0.4);}
.subscribe_wrapper button{background: #fcad37;border:none;position: absolute;right: 10px;top: 15px;font-size: 20px;z-index: 2;line-height: 56px;font-size: 16px;top: 2px;right: 2px;border-radius: 4px;padding: 0 20px;color: #fff;}

.subscribe_wrapper h2{font-size: 36px;}
.subscribe_wrapper h3{margin: 20px 0;font-size: 14px;font-weight: normal;}

@media only screen and (max-width:992px ){
    .subscribe_wrapper{padding: 50px 0;}
    .subscribe_wrapper h2{font-size: 26px;} 
    .subscribe_wrapper input{line-height: 46px;}
    .subscribe_wrapper button{line-height: 42px;}
}

/* blog_content */
.blog_content{margin-top: 70px;}
.blog_content .index_text{ margin:20px auto 40px}
.blog_content .swiper_father{position: relative;margin: 0 -10px;}
.blog_content .scrollbar_news{ width:100%; overflow: hidden;padding-bottom: 80px;padding-top:30px;}
.blog_content .swiper-slide{ width:calc(100% / 3); list-style: none; padding: 0 15px;}
.blog_content  .module {box-shadow: 0 0 10px rgba(0,0,0,0.2);border-radius: 16px;overflow: hidden;}
.blog_content  .module .images{overflow: hidden;border-radius: 16px;}
.blog_content  .module .images a img{width: 100%;transition: all 0.5s;}
.blog_content .wrap{background: #ffff;padding:20px;}
.blog_content .wrap a{color: #000;margin: 15px 0 10px;display: block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-family:'Roboto-bold';font-size: 16px;}
.blog_content .wrap .text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.blog_content .wrap .release{font-family:'Roboto-Medium';font-size:14px;line-height: 22px;color:#666666;}
.blog_content .wrap .release span{padding-left:5px;}
.blog_content .wrap .more a{color: #fcad37;font-size: 14px;font-family:'Roboto-Medium';}
.blog_content .wrap a:hover{text-decoration: underline;}
.blog_content li:hover .module .images a img{transform: scale(1.05);}
@media only screen and (max-width: 1366px) { 
	.blog_content .swiper-slide{ padding:0 10px}	
}
 
@media only screen and (max-width: 992px) {
    .blog_content{margin-top:50px;}
}


@media only screen and (max-width: 992px) { 
    .blog_content .scrollbar_news{padding-bottom: 50px;padding-top:10px;}
    .blog_content .swiper_father{padding: 0 5px;margin: 0;}
    .blog_content .swiper-slide{ padding: 0 10px;} 
    .blog_content .container{padding: 0 5px;}
    .blog_content .swiper-slide{ width:calc(100% / 2);}
    /* .blog_content .swiper-button-next,.blog_content .swiper-button-prev{display: none;} */
    .blog_content .see_all{width: 160px;line-height: 44px;margin: 20px auto;}
    .blog_content .wrap a{margin: 10px 0;}
}

@media only screen and (max-width: 480px) {  
    .blog_content .swiper-slide{ width:100%;} 
}

/* about_wrapper */
.about_wrapper{margin: 80px 0 60px;}
.about_wrapper p{max-width: 900px;margin: auto;text-align: center;font-size: 15px;color: #666;}
@media only screen and (max-width: 992px) {  
    .about_wrapper{margin:35px 0}
}

/* review_wrapper */
.review_wrapper{padding: 80px 0;
    background: -moz-linear-gradient(right #f4dbb5 0%, #f9e3c1 50%,#f4dbb5 100%); 
    background: -webkit-linear-gradient(right, #f4dbb5 0%, #f9e3c1 50%,#f4dbb5 100%); 
    background: -o-linear-gradient(right, #f4dbb5 0%, #f9e3c1 50%,#f4dbb5 100%); 
    background: -ms-linear-gradient(right, #f4dbb5 0%, #f9e3c1 50%,#f4dbb5 100%); 
    background: linear-gradient(right, #f4dbb5 0%, #f9e3c1 50%,#f4dbb5 100%);
    margin-bottom:80px;
}

.review_wrapper .signal{max-width: 850px;margin: auto;text-align: center;position: relative;}
.review_wrapper .my-rating{margin-bottom:65px;}
.review_wrapper .signal p{font-size: 15px;color: #333;position: relative;z-index: 2;}
.review_wrapper .signal::before{position: absolute;width:59px;height: 38px;background: url(../images/review_top.png);content: '';left: 0;top:60px;}
.review_wrapper .signal::after{position: absolute;width:59px;height: 38px;background: url(../images/review_bot.png);content: '';right: 0;bottom: 0;}
.review_wrapper .signal h2{color: #222;font-size: 22px;margin-top: 35px;}

.review_wrapper .scrollbar_review{position: relative;padding-bottom:80px;}
.review_wrapper .swiper-button-next{right:calc(50% - 80px);bottom: 0;top: auto;}
.review_wrapper .swiper-button-prev{left:calc(50% - 80px);bottom: 0;top: auto;}
.review_wrapper .swiper-button-next,.review_wrapper .swiper-button-prev{background: rgba(0, 0, 0, 0.1);border: 1px solid rgba(255, 255, 255, 0.6);z-index: 999;}
.review_wrapper .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0.5;}
.review_wrapper .swiper-button-next:after, .review_wrapper  .swiper-button-prev:after{font-size: 12px;}
.review_wrapper .swiper-pagination{bottom:15px;}
.review_wrapper .swiper-pagination-bullet-active{background: #fff;}
.review_wrapper .swiper-pagination-bullet{background: rgba(255, 255, 255, 0.9);}


@media only screen and (max-width: 992px) {  
    .review_wrapper{ padding: 50px 0;margin-bottom: 50px;} 
}
/* faq_wrapper */
.faq_wrapper {margin-bottom:80px;}
.faq_wrapper .container{display: flex;display: -webkit-flex;align-items: center;flex-wrap: wrap;}
.faq_wrapper .faq_fl{width:48%;padding-right:5%;}
.faq_wrapper .faq_fl h2{font-size: 36px;line-height: 1.8;color: #111;margin-bottom: 30px;max-width: 527px;}
.faq_wrapper .faq_fl h3{font-size: 14px;line-height: 1.8;color: #666;margin-bottom: 30px;}
.faq_wrapper .faq_fl h4{font-size: 15px;line-height: 1.5;color: #333333;margin: 30px 0 10px;}
.faq_wrapper .faq_fl h5{font-size: 14px;line-height: 1.5;color: #666666;}
.faq_wrapper .faq_fl ul{display: flex;display: -webkit-flex;position: relative;}
.faq_wrapper .faq_fl li{border: 3px solid #fff;margin-left: -10px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;position: relative;border-radius: 50%;} 
.faq_wrapper .faq_fl li img{height:36px;width:36px;overflow: hidden;border-radius: 50%;}
.faq_wrapper .faq_fl li:last-child:before{position: absolute;content: "";width:12px;height:12px;background: #00a03b;border: 3px solid #fff;box-sizing: border-box;border-radius: 50%;right:-4px;top:-1px;}
.faq_wrapper .faq_fl li:first-child{margin-left:-3px;}

.faq_wrapper .faq_fr{width:52%;padding: 50px;background: #f7f7f7;border-radius: 10px;}

.faq_wrapper .faq_fr li{border: none;border-bottom: 1px solid #ddd;margin-bottom: 0;}
.faq_wrapper .faq_fr .faq .q{font-family: 'Roboto-bold';padding: 4px 0;margin: 10px 0;line-height: 30px;}
.faq_wrapper .faq_fr .faq .q p{width: calc(100% - 45px);}
.faq_wrapper .faq_fr .faq .q::before{background: #ddd;border-radius: 50%;top: 4px;content: "\f107";font-size: 16px;font-weight: normal;}
.faq_wrapper .faq_fr .faq .active .q::before{content:"\f106";}
.faq_wrapper .faq_fr .faq .a{border: none;padding-left: 0;margin-left: 0;margin-right: 0;margin-top: 0;padding-bottom:20px;}


@media only screen and (max-width:992px) {  
    .faq_wrapper{margin-bottom: 50px;}
    .faq_wrapper .faq_fl h2{font-size: 22px;}
    .faq_wrapper .faq_fl,.faq_wrapper .faq_fr{width: 100%;}
    .faq_wrapper .faq_fr{margin-top:35px;padding: 20px 3% 30px;}
    .faq_wrapper .faq_fr .faq{padding-top: 0;}
}


/*footer*/
.footer{position: relative; z-index: 11; padding:80px 0 80px; position: relative; background: #333;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:20px; line-height: 30px; text-transform: capitalize; color: #fff;font-family: "Roboto-Medium";}
.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:18%; padding-right: 40px;}
.fot_nav:last-child{padding-right: 0;}
.fot_nav li{margin-bottom: 12px;}
.fot_nav li a:hover:before{background-color: #b9e1ea;}
.fot_nav li a{display: block;color:rgba(255, 255, 255, 0.7); text-transform: capitalize;}
.fot_nav li a:hover{text-decoration: underline}

.fot_con .contact_div p{margin-bottom: 10px;color: rgba(255, 255, 255, 0.7);}
.fot_con .contact_div p a{color: rgba(255, 255, 255, 0.7);}
.fot_share{width:26% ;}
.fot_share .subscribe_email{position: relative;margin-bottom: 50px;background: #fff;border-radius: 4px;line-height: 48px;}
.fot_share input{width: 100%;display: block;text-indent: 10px;color: #222;width: calc(100% - 90px);border: none;}
.fot_share input::placeholder{color:rgba(0,0,0,0.4);}
.fot_share button{background: #fcad37;border:none;position: absolute;right: 10px;top: 15px;font-size: 20px;z-index: 2;line-height: 46px;font-size: 14px;top: 2px;right: 2px;border-radius: 4px;padding: 0 10px;color: #fff;}
.fot_sup{float: left; width: 22%; padding-right: 40px;}
.fot_sup li{margin-bottom: 10px;}
.fot_sup li a:hover:before{background-color: #b9e1ea;}
.fot_sup li a{position: relative; display: block; font-size: 13px;text-transform: capitalize;}
.fot_sup li a:hover{color: #b9e1ea;}
.fot_con{float: left; width:22%; padding-right:60px; text-align: left; position: relative; z-index: 10;}
.fot_about{width:30%;}
.fot_about .fot_about_txt{font-size: 14px;margin-bottom: 20px;}
.fot_con li{padding-bottom: 16px;line-height: 24px; background-repeat: no-repeat; background-position: left 0;}
.fot_con .text{ font-size: 13px; margin-bottom: 20px;}
.fot_con li a{font-size: 13px; line-height: 24px;position: relative; display: inline-block; transition: all .5s;}
.fot_con li a:hover{text-decoration: none; color: #b9e1ea;}
.fot_mes{float: left; width: 25%; padding: 0; position: relative; z-index: 10;}
.fot_mes .text{font-size: 13px; line-height: 24px;}

.share_dl{display: flex;display: -webkit-flex;align-items: center;}
.share_dl dd{display: inline-block;}
.share_dl dd a{display: flex;display: -webkit-flex;justify-content: center;align-items: center;color: #fff;text-align: center;cursor: pointer;margin-right:5px;width: 28px;height: 28px;border-radius:4px;}
.share_dl dd a img{max-height:15px;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: "Roboto-Bold";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;}

.page_payment h5{font-family: 'Roboto-bold';color: #000;font-size: 16px;margin-bottom:15px;text-transform:uppercase;}
.page_payment li{display: inline-block;margin-right: 5px;}
.page_payment li:last-child{margin-right: 0;}

.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:'Roboto-bold';}


/* 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{padding: 20px 0; background: #2a2a2a; text-align: center;}
.footer-bottom .copy{color: rgba(255, 255, 255, 0.6);width: 50%;text-align: left;}
.footer-bottom ul{list-style: none;width: 50%;text-align: right;}
.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: 'Roboto-Medium'; 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: #292929;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: 0;}
    .footer .fot_share .fot_title em{margin-bottom: 15px;font-size: 16px;}
    .fot_share .subscribe_email{margin-bottom: 20px;}

    .fot_share button{line-height: 36px;}
}

/*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:#fcad37 ;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: #fcad37 ;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: 'Roboto-Medium'; 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;} 
        #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 a:hover,
.breadcrumb a:hover h2{color: #222; text-decoration: none;}
.breadcrumb h2{margin: 0; display: inline-block; padding: 0;}
.n_main{padding: 40px 0 60px;}

/* 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: 'Roboto-Medium'; 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*/
.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 .cbp-vm-image:hover .view_wishlist{display: block;} 
.cbp-vm-switcher img{transition: all .4s ease-in-out;width: 100%;}
.cbp-vm-switcher .cbp-vm-image:hover  img{transform:scale(1.1);opacity: 1}
.cbp-vm-switcher li .sold_out{position: absolute;left:10px;top:10px;width: 44px;text-align: center;color: #333;border-radius: 2px;font-family: "Roboto-Medium";font-size: 13px;line-height:14px;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:0px;background: #fff;text-transform: capitalize;}
.cbp-vm-switcher li .off{position: absolute;padding:0px 10px;background: #F04343;top:1px;right:1px;font-family: 'Roboto-Medium';color: #fff;}


.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:hover,.cbp-vm-options a.cbp-vm-selected{color: #fff; background:#222; border-color:#222;}
.cbp-vm-options a:before{font-size: 18px; text-align: center; display: inline-block; line-height: inherit;}
/* 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;margin-top: 30px;}
.cbp-vm-view-grid ul li{width:25%;float:left;vertical-align: top;padding:0px;position:relative;padding: 0 8px;}
.cbp-vm-view-grid ul li .cbp-div{transition: all .5s;}

.cbp-vm-view-grid .tags,
.cbp-vm-view-grid .page_more{display: none;}
.cbp-vm-view-grid ul li .cbp-div:hover{box-shadow: 0 10px 10px rgba(0, 0, 0, .05);}
.cbp-vm-view-grid .cbp-list-center{padding:20px 8px;text-align: center;}

.cbp-vm-view-grid ul li .cbp-title{display:block; color:#333333; font-size:15px; line-height:22px;overflow:hidden; margin-bottom:6px; font-family:'Roboto-Bold';height: 44px;}
.cbp-vm-view-grid ul li .cbp-title:hover{color: #222;}
.cbp-vm-view-grid ul li:hover .cbp-title{text-decoration:underline;}
.cbp-vm-view-grid ul li:nth-child(4n+1){clear: both;}

.cbp-vm-view-grid .products_main_rating {font-size: 12px;}

/* 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: "Roboto-Medium";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 ul li:hover .cbp-add-cart a{width: 80%;}
.cbp-add-cart a:hover{background: #222;}
.cbp-vm-view-grid .price .cur{font-size:20px;}
/* cbp-add-cart */


/* 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: "Roboto-Medium";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:18px; line-height:24px; overflow:hidden; margin-bottom:10px; font-family:'Roboto-Medium';}
.cbp-vm-view-list ul li .cbp-title:hover{color: #222;}
.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 .page_more:hover{text-decoration: underline;}
.cbp-vm-view-list ul li:hover .cbp-title{text-decoration:underline;}

.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;}
.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%;} 
    .cbp-vm-view-grid ul li:nth-child(3n+1){clear: none;}
    .cbp-vm-view-grid ul li:nth-child(2n+1){clear: both;}
}
@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;}
}
@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;}
}


/*left mtree*/
ul.mtree{opacity: 0; margin-left: 0;border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
ul.mtree li ul.mtree-level-1{background: #f9f9f9; border-bottom: 1px solid #eee;}
ul.mtree>li{list-style: none; border-bottom: none;}
ul.mtree>li a{border-bottom: 1px solid #eee;}
ul.mtree>li:last-child a{border: none;}
ul.mtree a{display: block; font-size: 15px; color: #444; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; padding: 8px 30px 8px 5px; line-height: 22px; padding-right: 40px;}
ul.mtree li ul a{padding: 8px 25px 8px 15px;}
ul.mtree.transit li.mtree-open>span:before,
ul.mtree.transit li.mtree-closed>span:before{font-family: FontAwesome; font-size: 18px; color: #222; 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: #222; 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: #222;}
ul.mtree>li.mtree-node:hover>a,
ul.mtree>li.mtree-node:hover>a:after{color: #222; text-decoration: none;}
ul.mtree>li>a{position: relative; z-index: 1; font-size: 14px; color: #444; text-transform: capitalize; padding: 10px 0;}
ul.mtree ul li{list-style: none; position: relative;}
ul.mtree ul li a{display: block; color: #555; font-size: 14px;}
ul.mtree>li>ul>li>a{position: relative; font-size: 13px; border: none; text-transform: capitalize;}
ul.mtree ul li a:hover{color: #222;}
ul.mtree>li>ul>li>a:before{content: "\f105"; font-family: "FontAwesome"; padding-right: 6px;}
ul.mtree li ul li.mtree-open a{color: #222; text-decoration: none;}
ul.mtree .mtree-level-2{margin-top: 0px; border: none; margin-bottom: 0; background: #fff;}
ul.mtree li ul.mtree-level-2 li a{color: #808080; font-weight: normal; font-size: 12px; padding-left: 20px; text-transform: capitalize;}
ul.mtree li ul.mtree-level-2 li a:before{content: "\f105"; font-family: "FontAwesome"; padding-right: 6px;}
ul.mtree .mtree-level-2 li a:hover{text-decoration: none; color: #222; font-weight: normal;}
ul.mtree.jet ul{margin-left: 0;}
ul.mtree.jet li{margin-bottom: 1px;}
ul.mtree.jet li:last-child{margin-bottom: 0px;}
ul.mtree.jet li:first-child{margin-top: 1px;}
ul.mtree.jet li.mtree-active a{background: #e5e5e5;}
ul.mtree.jet li.mtree-active li:last-child>a{border-radius: 0px 0px 3px 3px;}
ul.mtree.jet li.mtree-active>a{background: #008cba; color: #FFF; border-radius: 3px 3px 0px 0px;}
ul.mtree.jet li>a:hover{background: #FFC000; color: #FFF;}
ul.mtree.jet a{padding: 5px 0px 5px 1em;}
ul.mtree.jet li li>a{padding-left: 2em;}
ul.mtree.jet li li li>a{padding-left: 3em;}
ul.mtree.jet li li li li>a{padding-left: 4em;}
ul.mtree.jet li li li li li>a{padding-left: 5em;}
ul.mtree a:hover{text-decoration: none;}
ul.mtree>li.mtree-node ul i{margin-right: 10px;}
.mtree-skin-selector{display: none !important}
ul.mtree>li>ul>ul.mtree-level-2{opacity: 1; display: block !important; height: auto !important;}
ul.mtree>li:hover>a{color: #222; 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: #222; 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;}
.page_p a:hover{background: #222; color: #fff !important; text-decoration: none;}
.total{font-size: 12px; line-height: 24px; color: #222; margin-top: 14px;}
.total span{color: #222;}
.page_p>.span1{padding: 0px 15px; line-height: 32px; background: #222; color: #fff; display: inline-block; margin-left: 5px; border-radius: 0px;}

/* tags */
.tags{background: #F9F9F9; padding: 6px 0 0px 12px;}
.tags span{font-size:14px; text-transform:uppercase; color:#444; font-family: 'Roboto-Medium';}
.tags span i{margin-right: 3px;}
.tags a{font-size:12px; display:inline-block; color:#666; padding:2px 10px; margin:0 6px 6px 0; line-height: 30px; border:1px solid #f9f8f8; background: #fff;}
.tags a i{margin-right:6px; font-size:14px;}
.tags a:hover{background: #222; 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 a:hover{text-decoration:none;}
/*.navigation li.next_post a{padding-right:50px;}*/
.navigation li a:before{font-family:'FontAwesome';font-size:20px;position:absolute;top:50%;width:40px;height:40px;line-height:39px;border-radius:0;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .5s;background-color:#fff; border-radius: 50%;}
.navigation li.prev_post a:before{left:10px;content:"\f106";}
.navigation li.next_post a:before{left:10px;content:"\f107";}
.navigation li a:hover:before{background:#222;color:#fff;border-color:#666;}

.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:hover .meta_nav{color:#222;}
.navigation li a .post_title{font-size:14px;overflow:hidden;line-height:20px;max-height:40px;margin:0;transition:all .5s;font-weight: normal;}
.navigation li a:hover .post_title{color:#666;}


@media only screen and (max-width: 768px) {
	.navigation{border:none;padding-top:0;margin-bottom:0;}
	.navigation li{width:100%;border-radius:0;padding:0;margin-bottom:10px;}
	.navigation li.prev_post a{padding-left:60px;border-radius: 0;}
	.navigation li.next_post a{padding-left:60px;border-radius: 0;}
	.navigation li.prev_post a:before{left:10px;}
	.navigation li.next_post a:before{left:10px;}
	.navigation li a:before{width:40px;height:40px;line-height:40px;}
	.navigation li a .meta_nav{font-size: 14px;color:#333;margin-bottom: 0;}
	.navigation li a{padding-top:10px;padding-bottom:10px;padding-right:10px;}
	.navigation li a .post_title{font-size: 14px;}
}
.tags_ul{ padding:4px 0; margin-bottom:10px;}
.tags_ul span{ font-size:16px;  font-family: "Montserrat Medium"; text-transform:uppercase; color:#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;}
.tags_ul a:hover{ background: #222; color: #fff;}




@media screen and (max-width:992px){
}
@media screen and (max-width:480px){
    .cbp-vm-options{margin-bottom: 15px;}
    .cbp-vm-options{width: 100%;}
}

/* pro_list */
.pro_list dl{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.pro_list dl dd{width: calc((100% - 60px)/4);margin-right: 20px;margin-bottom:30px;}
.pro_list dl dd:nth-child(4n){margin-right: 0;}
.pro_list dl dd .image{position: relative;display: block;overflow: hidden;border: 1px solid #efefef;border-radius: 4px;}
.pro_list img{transition: all .4s ease-in-out;}
.pro_list .hide_pic{position: absolute;top: 0;left: 0;}
.pro_list .hide_pic img{transform:scale(1.2);opacity: 0;}
.pro_list .image:hover .hide_pic img{transform:scale(1.0);opacity: 1}
.pro_list dl dd .cbp-title{display:block; color:#333333; font-size:16px;overflow:hidden; margin:15px 0 10px; font-family:'Montserrat_regular';overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.pro_list dl dd .sold_out{position: absolute;left:10px;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: 4px;background: #fff;}
.pro_list dl dd .dis_off{position: absolute;background: #ff99aa;font-size: 12px;font-family: 'poppins_m';color: #fff;top: 10px;right: 10px;line-height: 24px;padding: 0 15px;border-radius: 0 12px 12px 12px;}
.pro_list dl dd .products_main_rating{margin-bottom: 5px;}
.pro_list dl dd .products_main_rating .pingl{font-size: 13px;}


.pro_list dl dd ul{margin: 10px 0 15px;display: flex;display: -webkit-flex;}
.pro_list dl dd ul li{width: 24px;height: 24px;border: 1px solid #41a4e4;border-radius: 2px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;margin-right: 5px;}
.pro_list dl dd ul li.on{border-color:#41a4e4 ;}
.pro_list dl dd ul li a{display: inline-block;width:18px;height: 18px;background: #edd964;border-radius: 2px;}

@media only screen and (min-width:992px) {
    .pro_list dl dd .cbp-title:hover{color: #41a4e4;}
}

@media only screen and (max-width:992px) {
    .pro_list dl dd{width: calc((100% - 40px)/3);}
    .pro_list dl dd:nth-child(4n){margin-right: 20px;}
    .pro_list dl dd:nth-child(3n){margin-right: 0px;}
}
@media only screen and (max-width:640px) {
    .pro_list dl dd{width: calc((100% - 15px)/2);}
    .pro_list dl dd{margin-right: 15px;}
    .pro_list dl dd:nth-child(4n){margin-right: 15px;}
    .pro_list dl dd:nth-child(3n){margin-right: 15px;}
    .pro_list dl dd:nth-child(2n){margin-right: 0px;}
    .pro_list dl dd .products_main_rating .pingl{font-size: 12px;}
    .pro_list dl dd .cbp-title{font-size: 15px;}
}



.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 #222;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;}
.slider_fixed .filter_btn:hover{background: #222;color: #fff;}


/* advtange */
.advtange ul{margin: 30px 0;font-family: "Roboto-Medium";color: #111;}
.advtange ul li{margin:3px 0;font-size: 16px;display: flex;display: -webkit-flex;align-items: center;flex-wrap: wrap;}
.advtange ul li span{padding-right: 10px;}
.advtange ul li svg{width: 16px;margin-left: 4px;cursor: pointer;}
.advtange ul li svg:hover path{fill: #222;}
@media screen and (max-width: 992px){
    .advtange ul li{font-size: 15px;}
}


.order_Now{display: flex;display: -webkit-flex;align-items: center;font-family: "Roboto-Medium";font-size: 18px;color: #000;background: #f7f7f7;padding:10px 15px;margin-bottom:20px;}
.order_Now span{padding-right: 10px;display: inline-block;width:60px;animation: fadeInOnt infinite 2s;}
@media screen and (max-width: 992px){
    .order_Now{font-size: 16px;}
    .order_Now span{width: 40px;}
}

.full_detial a{color:#222;font-family: "Roboto-bold";color: #000;text-decoration: underline;}
@media screen and (max-width: 992px){
    .full_detial a{display: inline-block;margin-bottom: 15px;}
}


@keyframes fadeInOnt {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

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

/* Tweak styles for small viewports */
.products_top{margin-bottom:30px;}
.products_top,.products_top .row{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.prom_img{width:50%;}

.index_products_top .row{border: 1px solid #e8e8e8;border-radius: 10px;padding:15px;margin-bottom:50px;}
.index_products_top .prom_img{width: 45%;}
.index_products_top .prom_right{width: 55%;}
.index_products_top .row{align-items: center;}

*,::after,::before {box-sizing: border-box;}
.prom_img{padding:0;text-align:center;padding-right:0;border-radius: 0;}
.prom_img .swiper-slide{ position: relative; display: inline-block; }
.prom_img #pro_img_gallery{ overflow: inherit;}
.prom_img #pro_img_gallery .swiper-slide{opacity: 0 !important; z-index: -1; }
.prom_img #pro_img_gallery .swiper-slide-active{  opacity: 1 !important; z-index: 3;}
.prom_img #pro_img_gallery .swiper-slide img{width: 100%;}

.prom_img .zoom-small-image{height: auto!important;}

.prom_img .swiper-slide iframe{ position: relative; z-index: 66; width: 100%;}
.prom_img .video_img{position: absolute; left: 0px; top: 0px;right:0;bottom:0;z-index: 55;}
#pro_img_thumbs{padding-top: 15px;}
#pro_img_thumbs .swiper-slide{border-radius: 0;overflow: hidden;cursor: pointer;border:1px solid #eee;padding: 2px;opacity: 0.6;    }
#pro_img_thumbs .swiper-slide-thumb-active{border: 1px solid #222 ; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);    opacity: 1;}
#pro_img_thumbs .swiper-slide.swiper-slide-thumb-active img{border-color: #222 ;}
.prom_img .sp-video-icon{position: relative;}
.prom_img .sp-video-icon img{opacity: 0.6;}
.prom_img .swiper-slide-thumb-active img{opacity: 1;}
.prom_img .sp-video-icon:before{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 14px;color: #fff;line-height: 30px;font-family: 'FontAwesome';content:"\f04b";z-index: 2;border-radius: 5px;background: #ff5252 ;width: 30px;height: 30px;text-align: center;}
.cloud-zoom-lens{ background:#000  !important;  opacity: 0.1 !important;}
#cloud-zoom-big{ top: 0px !important; border: 1px solid #ddd; background-repeat: no-repeat !important; background: #fff;}
.cloud-zoom{ overflow: hidden;}
@media only screen and (max-width: 992px){
    .mousetrap,#cloud-zoom-big,.cloud-zoom-big{display: none !important;}
    .prom_img .sp-video-icon:before{width: 24px;height: 24px;line-height: 24px;font-size: 12px;}

    .index_products_top .row{margin-bottom: 10px;}
}
@media screen and (max-width:768px) {
iframe{ height: 400px;}
}



.big_img{position: fixed;z-index: 1;background: rgba(0,0,0,0.9);width: 100%;height: 100%;top:0;left:0;display: none;opacity: 0;z-index: 9999999999999;}
.big_img .swiper-bigimg {position: relative;width: 100%;height: 100%;}
.big_img .swiper-bigimg .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;display: -webkit-flex;}
.big_img .swiper-slide .cell{width: 100%;;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.big_img .swiper-slide img{max-width: 90%;max-height: 90%;margin:0 auto;}
.big_img .swiper-pagination2{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.big_img .swiper-pagination2 span{margin:0 0.05rem;}
.big_img .swiper-button-next{right: 20px;top: 50%;}
.big_img .swiper-button-prev{left: 20px;top: 50%;}


.big_img .close_btntop{z-index:9999;cursor: pointer;position:fixed;top:10px;display: block;width: 36px;height: 36px;text-align: center;line-height:36px;right:10px;}
.big_img .close_btntop i{width: 100%;height: 100%;line-height: inherit;position: absolute;left:0px;top:0px; background: rgba(0,0,0,0.5);}
.big_img .close_btntop i:hover{background:#000;}
.big_img .close_btntop i::before, .big_img .close_btntop i::after{content: '';position: absolute;left:9px;top:17px;width:18px;height: 2px;background: #fff;}
.big_img .close_btntop i::before{transform: rotate(45deg);}
.big_img .close_btntop i::after{transform: rotate(-45deg);}




.prom_right{width: 50%;padding-left:50px;}
.prom_right h1{margin: 0; font-size:26px; line-height: 34px;color: #000;font-family: "Roboto-Bold";}
.prom_right h1 a{color: #000;}
.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 .price{display: flex;display: -webkit-flex;align-items: center;margin: 15px 0;}
.prom_right .price .cur{font-size: 32px;}
.prom_right .price .or{font-size: 16px;}


.prom_right .color_sure{margin-bottom: 10px;color: #666;}
.prom_right .color_sure span{font-family:"Roboto-Medium";font-size: 15px;padding-left: 5px;color: #333;}
.prom_right .color_choose {margin-bottom: 20px;align-items: center;}
.prom_right .color_choose h4{margin-bottom: 10px;font-size: 16px;}
.prom_right .color_choose h4 strong{font-weight: normal;}
/* .prom_right .color_choose ul{margin-left: 10px;} */
.prom_right .color_choose li{width:24px;height: 24px;border-radius: 50%;background: #333;display: inline-block;border: 3px solid #e7e7e7;cursor: pointer;margin-right: 3px;position: relative;}
.prom_right .color_choose li:nth-child(2){background: #fff;}
.prom_right .color_choose li.on{border-color: #ffca7b;}
.prom_right .color_choose li span{position: absolute;background:rgba(255,255,255,1);width:80px;display: block;text-align: center;top: -40px;left: -32px;box-shadow: 0 0 10px rgba(0,0,0,.2);padding: 5px 10px;border-radius:6px;display: none;}
.prom_right .color_choose li:hover span{display: block;}



.prom_right .sku_rating .off{padding:2px 15px;background: #F04343;top: 0;right:0px;font-family: "Roboto-Medium";color: #fff;font-size: 13px;margin-left: 10px;}
.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;}
.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: "Roboto-Bold";color: #333;}
.add_down{width:15px;background: #ededed;text-align: center;font-size: 12px;}
.prom_right .add_down .qty_add:hover{background: #ccc;cursor: pointer;}
.prom_right .add_down .qty_down:hover{background: #ccc;cursor: pointer;}
.prom_right .stock{margin-left: 15px;}
.prom_right .stock span{font-family: "Roboto-Bold";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: 7px;}

.cup_feature{margin-bottom: 30px;}
.cup_feature ul li{font-family: "Roboto-Medium";color: #222;font-size: 16px;margin-bottom:6px;padding-left: 15px;position: relative;}
.cup_feature ul li::before{position: absolute;content:"";width:6px;height:6px;border-radius: 50%;background: #222;left: 0;top: 10px;}
.prom_right .buy_heart_btn{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;margin-bottom: 30px;font-family: "Roboto-Bold";}

.prom_right .buy_heart_btn a{border-radius: 4px;}
.prom_right .addtocart{display: inline-block; font-size: 14px; text-transform: capitalize; color: #222; line-height:44px;  padding: 0 30px; border: 2px solid #222; background: #fff;width:calc((100% - 20px)/2);text-align: center;}
.prom_right .addtocart:hover{background: #222; color: #fff; border: 1px solid #222;}
.prom_right .probuy_now{width:calc((100% - 20px)/2);background: #222;line-height:48px;  text-align: center;color: #fff;}


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





.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.7;width: 50px;}
.thumb_video .watch_video:hover{transform: scale(1.2);opacity: 1;}


.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: 1400px;background: #000;width: 90%;margin: 10% auto 0;padding: 10px;background: #fff;box-shadow: 0 0 20px 5px rgba(0, 0, 0, .15);}
.Popup .video video {width: 100%;height: auto!important;}


@media only screen and (max-width: 992px){
    .prom_img,.prom_right{width: 100%;padding-left: 0;}
    .index_products_top .prom_img{width: 100%;}
    .index_products_top .prom_right{width: 100%;}
    .index_products_top .row{padding: 2%;}
    .prom_right h1{font-size: 20px;line-height: 28px;margin-top: 30px;}
    .prom_right .price .cur{font-size: 24px;}
    .prom_right .probuy_now{line-height: 40px;}
    .prom_right .addtocart{line-height: 38px;}

    .cup_feature ul li{font-size: 15px;}
}

@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 .other_var ul li{padding: 5px;}
    .prom_right .price{margin: 10px 0;}
    .Popup .video{padding: 2px;}
}





/* 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: "Roboto-Bold";padding: 10px 0;margin-right: 20px;cursor: pointer;text-transform: capitalize;}
.ptab_nav ul li:last-child{margin-right: 0;}
.ptab_nav ul li:hover{color:#222;}
.ptab_nav ul li.on{color:#222;border-bottom: 2px solid #222;}
.ptab_content .single{display: none;} 
.ptab_content .single.active{display: block;} 




.pro_title{text-align: center;margin:40px 0 40px;color: #222;font-size: 30px;}
.tec_title,.promian_title h2{text-align: center;margin:60px 0 20px;color: #222;font-size: 30px;    font-family: 'Roboto-Bold'}
.tec_title_p{font-size: 15px;max-width: 1000px;margin: auto;text-align: center;margin-bottom:40px;color: #666;}
.lr_title{text-align: center;margin:0px 0 20px;color: #222;font-size: 30px;}
.review_title{margin:20px 0 30px;font-family: 'Roboto-Bold'; color: #222; display: flex;align-items: center;justify-content: space-between;display: -webkit-flex;flex-wrap: wrap;}
.review_title h2{font-size:24px;}

@media only screen and (max-width:992px){
    .mostBox{margin:35px 0 20px;}
    .review_title h2{width: 100%;margin-bottom: 15px;}
}
@media only screen and (max-width:768px){
    .review_title{margin: 20px 0 10px;}
    .table_div table{width: 100%;}
    .ptab_nav ul li{font-size: 16px;margin-right: 10px;}

    .pro_title{font-size: 22px;margin: 30px 0;}
    .tec_title,.promian_title h2{font-size: 22px;margin: 30px 0;}
    .lr_title{font-size:18px;margin-bottom: 10px;}

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

/* size_illustrate */
.size_illustrate{background: #f7f7f7;padding:30px 0 80px;margin-bottom: 50px;}
.size_illustrate .container{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.size_illustrate .image{width: 42%;display: flex;display: -webkit-flex;justify-content: center;padding-right: 3%;}
.size_illustrate .image img{width: 100%;}
.size_illustrate .size_faq{width:65%;}
.size_illustrate .faq ul li{background: #fff;border:none;}
.size_illustrate .faq .q{padding-left:35px;}
.size_illustrate .faq .q::before{left:5px;content: "\f0da";font-weight:normal;}
.size_illustrate .faq .active .q::before{content:"\f0d7";}
.size_illustrate .faq .q p{width: 100%;}

@media only screen and (max-width:992px){
    .size_illustrate{padding:10px 0 40px;margin-top: 30px;margin-bottom: 30px;}
    .size_illustrate .container{flex-wrap: wrap;}
    .size_illustrate .image,.size_illustrate .size_faq{width: 100%;padding-right: 0;}
    .size_illustrate .image{margin-bottom:30px;}
}


/* search_con */
.search_con{background: #fff;box-shadow: 0 2px 10px rgba(0,0,0,0.1);width:100%;    max-height: 400px;overflow: hidden;overflow-y: auto;}
.search_con ul li{overflow:hidden;border:1px solid #eceaea;margin: 12px;}
.search_con ul li:hover h2{color: #000;}
.search_con .search_image{width:95px;float: left;}
.search_con .search_image img{width: 100%;}
.search_con .search_txt{width:calc((100% - 100px)/1);;float: right;margin: 10px 0;}
.search_con .search_txt h2{font-size: 16px;font-family: 'Roboto-Medium';overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 22px;margin:0 0 5px;}
.search_con .search_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 20px;}
.search_con .cur{font-size: 20px;color: #F04343;font-family: 'Roboto-Medium';}
.search_con .or{display: inline-block;color: #989898;text-decoration: line-through;}
/* detail_pic */
.detail_pic ul{display: flex;display: -webkit-flex;margin-bottom: 30px;flex-wrap: wrap;}
.detail_pic ul li{width: calc((100% - 6%)/4);margin-right: 2%;}
.detail_pic ul li:last-child{margin-right: 0;}

@media only screen and (max-width:768px){
    .detail_pic ul{margin-bottom:-20px;}
    .detail_pic ul li{width: calc((100% - 2%)/2);margin-bottom:2%;}
    .detail_pic ul li:nth-child(2n){margin-right: 0;}
}

/* .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 #222;color: #222; font-family: 'Roboto-Medium';margin-bottom: 0; }
.page_review .right .view_allreview:hover{text-decoration: underline;background: #222;color: #fff;}
.Arating p{display: inline-block; font-size: 16px; font-family: 'Roboto-Medium'; padding-right: 4px;}
.page_review .products_main_rating{display: inline-block;}
.Arating .span1{display: inline-block;}
.Arating .span1 span{font-family: 'Roboto-Medium'; 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 (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;}
}


.review_ul li{padding-bottom: 20px;border-bottom: 1px solid #f0f0f0;}
.review_ul li h2{font-size: 16px;margin: 20px 0 10px;color: #222;}
.review_ul li h2 span{font-family: 'Roboto-Regular';font-size:14px;color: #666;padding-left: 5px;}
.review_ul li h3{font-size: 16px;margin: 20px 0 10px;color: #444;}
.review_ul li .txt{color: #666;margin-bottom: 20px;}

dl.choose_img{display: flex;display: -webkit-flex;flex-wrap: wrap;}
dl.choose_img dd{width:98px;display:inline-block;border: 1px solid #efeded;margin-right:5px;height: 98px;margin-top: 0;display: flex;display: -webkit-flex;align-items: center;justify-content: center;margin-bottom:10px;position: relative;overflow: hidden;}
dl.choose_img dd img{width: auto;max-height:90%;max-width: 100%;transition: all 0.5s;cursor: pointer;}
dl.choose_img dd img:hover{transform: scale(1.05);}

/* ask_qustion */

@media only screen and (min-width:992px ){
    .ask_qustion .faq .q{padding: 12px 0 12px 15px;} 
    .ask_qustion .faq .q::before{top: 12px;}
}
@media only screen and (max-width:992px ){
    .ask_qustion .faq{padding-top: 0;}

    .review_ul li h2,.review_ul li h3{font-size: 15px;}
}

/* account */
.account_title{display: block; font-size: 20px; line-height: 24px; font-family: 'Roboto-Medium'; margin-bottom: 15px; text-transform: capitalize;color: #222;}
.account_dashboard .hello{font-size: 15px; font-family: 'Roboto-Medium';}
.account_dashboard .main{background: #f9f9f9; padding: 15px;}
.account_dashboard .text{margin-top: 5px; color: #777; line-height: 22px;}
.account_dashboard .text a{color: #222;}
/* 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: 'Roboto-Medium'; 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;float: left;}
.account_book_ul .right{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: #222;}
.account_table th{font-size: 14px !important; text-align: center;}
.account_table td{text-align: center;}
.account_view_order .order_title{font-size: 16px; font-family: 'Roboto-Medium';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: 'Roboto-Medium';color: #222;}
.account_view_order li .text{padding-top: 10px; color: #777;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: 'Roboto-Medium'; 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: 'Roboto-Medium'; 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;line-height: 20px; color: #777;}
.account_review ul li .main .bottom{margin-top: 6px;color: #222;}
.account_review{padding-bottom: 40px;}
.star_ul li{float: left;}
.star_1, .star_2, .star_3, .star_4, .star_5{background: rgba(0, 0, 0, 0) url("../images/product_rating_big_blank_star.png") repeat scroll 0 0;display: block;height: 20px;width: 20px;background-size:20px ;}
.full_star{background: rgba(0, 0, 0, 0) url("../images/product_rating_big_full_star.png") repeat scroll 0 0; background-size:20px ;}
.verificationCode{position: relative;}
.verificationCode input{padding-right: 135px !important;}
.verificationCode span{position: absolute; top: 6px; right: 4px;}
.review_list_product{margin-bottom: 30px}
.review_list_product .left{width: 150px; float: left; border: 1px solid #eee; text-align: center; overflow: hidden;}
.review_list_product .left img{max-width: 100%; transition: all .5s;}
.review_list_product .left:hover img{transform: scale(1.05);}
.review_list_product .right{width: calc(100% - 150px); float: left; padding-left: 15px;}
.review_list_product .right .page_more{margin-top: 10px;}
.review_list_product .right .title{font-family: 'Roboto-Medium'; font-size: 16px;color: #222;}
.review_list_product .right .title:hover{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: 'Roboto-Medium'; 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 #F04343M{color: #F04343;}
.propl{margin-top: 30px;}
.propl h3{font-size:20px;font-family: 'Roboto-Medium';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: 'Roboto-Medium';}
.propl ul li h2 span{color: #F04343;}
.propl ul li .span1{position: absolute; color: #F04343; 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: #222;}
.propl ul li .read_more{display: inline-block; text-transform: capitalize; color: #fff; font-size: 14px; padding: 0 20px; font-family: 'Roboto-Medium'; background: #222; border: 0; width: auto;cursor: pointer;}
.propl ul li .read_more:hover{text-decoration: underline;}


.review_filter{display: flex;display: -webkit-flex;justify-content: space-between;align-items:center;margin:30px 0;flex-wrap: wrap;}
.review_filter .review_title{margin: 0;}
.review_filter .review_title h2{margin:0;font-size: 16px;}
.review_filter #saying{width: calc(100% - 180px);max-width:240px;}
.review_filter #select_saying{width:100%;border-radius: 4px;padding: 8px 10px;border: 1px solid #e1e1e1;}
@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;}
}







/* 详情图片缩放 */
.bigimg{width: 600px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: none; z-index: 9999999999; border: 10px solid #fff;} 
.mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#19000000,endcolorstr=#19000000);text-align:center;z-index: 999999999;display: none;}
.close_bgmask{position: absolute;top: 10px;right: 10px;z-index: 99999999;height: 36px;width: 36px;background: rgba(0,0,0,0.5);cursor: pointer;}
.close_bgmask:after{content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; margin-left:-10px; margin-top:0px; transform: rotateZ(45deg); background-color: #fff;}
.close_bgmask:before{content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; margin-left:-10px; margin-top:0px; transform: rotateZ(-45deg); background-color: #fff;}
.close_bgmask {transition: transform .5s;}
.close_bgmask:hover {transform: scale(1.2);}
.bigimg:hover{cursor: move} 
.mask>img{position: fixed; right: 10px; top: 10px; width: 60px;}
.mask>img:hover{cursor: pointer}

@media only screen and (max-width: 768px){
    .bigimg{border: 2px solid #fff;}
}


/*blog_left*/
.blog_nav2{box-shadow:0px 8px 16px 0px rgb(15 105 148 / 8%);padding: 15px; background: #fff;border-top: 3px solid #222;}
.nav_h4{ line-height: 30px;color: #444; font-family:'Roboto-Medium'; 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_nav ul li a:hover{ color:#222; padding-left:10px;}
.blog_nav ul li a:hover i{ color:#222;}

.blog-info{ display:inline-block; color:#777; font-size:14px;margin: 10px 0;}
.blog-info i{color: #aaa; margin-right: 4px;}
.blog_main{     border: 2px solid #f3f3f3;
background: #fff; padding: 30px; border-radius: 0;}
.blog_main h1{ font-size:26px;color:#333;  font-family:'Roboto-Medium';  border-bottom: 1px solid #eee; padding-bottom: 10px;}
.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_p{ margin:0 0 15px 0;}
.blog_nav ul li.on a,.blog_nav ul li.on a i{ color:#222;}

@media only screen and (max-width:480px ){
    .blog_main h1{font-size: 20px;}
    .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 #222;margin-top: 30px;}
.relate_articles ul li{border-bottom: 1px solid #ebebeb;padding:12px 0;}
.relate_articles ul li a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.relate_articles ul li a:hover{color: #222;}

@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:#222 !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: 'Roboto-Medium'; 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: 'Roboto-Medium';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: 'Roboto-Bold'; 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: 'Roboto-Medium'; font-size: 13px; line-height: 20px; overflow: hidden; margin-bottom: 5px;}
.cart_products_detail .main .price{font-size: 13px; margin-bottom: 5px;}
.cart_products_detail .main .save_price {color: #fff;display: inline-block;background:#F04343;padding: 0 10px;border-radius: 2px;font-family: 'Roboto-Medium'; }
.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: 'Roboto-Medium'; padding-top: 10px;color: #222;}
.quantity_box{font-size:14px; font-family: 'Roboto-Medium';}
.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; font-size: 16px; text-decoration: underline; text-transform: capitalize; cursor: pointer;width: 20px;padding: 5px;height: 100%;background: #f7f7f7;}
.cart_products_detail .remove:hover{background:#f1f1f1}
@media only screen and (max-width: 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;font-size: 15px;}
.cart_total .title{font-family: 'Roboto-Medium'; font-size: 16px;}
.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:'Roboto-Medium';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: 'Roboto-Medium'; padding: 0 20px;}
.cartandcheckout_right .read_more{width: 100%; text-align: center;}
.cartandcheckout_right .apply{background: #222;}
.coupon_code{margin-bottom: 10px;}
.coupon_code .code_input{width: 100%; height: 44px; margin-bottom: 10px; padding-left: 15px; line-height: 44px; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);}
.cartandcheckout_right .apply:hover{background: #222;}

/* 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: #222;color: #fff;border: 1px solid #222;}
.progressbar_box .progressbar_item.active .num{display: none;}
.progressbar_box .progressbar_item.current .check{display: none;}
.progressbar_box .progressbar_item.active .check{display: inline-block;}
.progressbar_box .progressbar_item .a{display: none;}
@media only screen and (max-width: 768px){
    .progressbar_box li{padding: 0 3px;}
    .progressbar_box .progressbar_item .text{font-size: 14px;padding-left: 2px;}
    .progressbar_box .progressbar_item .span1{width: 36px;height: 36px;line-height: 34px;font-size: 18px;}
}

/* checkout */
.page_checkout .cartandcheckout_left .page_edit{display: flex;display: -webkit-flex;justify-content: space-between;}
.page_checkout .cartandcheckout_left .page_edit .edit a{color: #222;line-height:34px;}
.page_checkout .cartandcheckout_left .page_edit .edit a:hover{text-decoration: underline;}
.page_checkout .cartandcheckout_left .page_title{line-height: 30px; padding-bottom: 10px;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: #222;}
.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 (max-width: 992px){
    .page_checkout{display: flex;display: -webkit-flex; flex-direction:column}
    /* .secure_payment_box{display: block;} */
}

/* .payment_method ul{background: #f9f9f9;} */
.shipping_method ul li:first-child,
.payment_method ul li:first-child{border-bottom: 1px solid #e5e5e5;}
.shipping_method label,
.payment_method label{float: left; display: block; width: 100%; padding: 15px 10px; margin-bottom: 0; cursor: pointer;}
.shipping_method label input,
.payment_method label input{margin-top: 0; width: 20px; float: left; margin-top: 6px;}
.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;}
.shipping_method .right{float: right; font-family: 'Roboto-Medium';}
.shipping_method .left{float: left;}
.textarea_div textarea{width: 100%; border: 1px solid #ddd; height: 80px; background: #f9f9f9; padding: 10px; line-height: 22px; border-radius: 4px;}
.checkout_products{font-size: 13px; margin-bottom: -1px;}
.checkout_products .image{position: relative;}
.checkout_products.table td{padding: 10px 8px !important;}
.checkout_products td.image{width: 64px;}
.checkout_products img{width: 64px; border: 1px solid #ddd; border-radius: 4px;}
.checkout_products .title p{line-height: 20px; height: 40px; overflow: hidden;}
.checkout_products .num{position: absolute; right: 0px; top: 3px; padding: 0 2px; min-width: 24px; height: 24px; line-height: 26px; text-align: center; background: #aaa; border-radius: 30px; color: #fff; font-size: 12px;}
.cart_block{box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);}

.checkout_products .price{text-align: right;}
.checkout_products .price .cur{font-size: 18px;color: #222;}
.checkout_products .price .or{font-size: 14px;}
.checkout_products .save_rightprice {color: #fff;display: inline-block;background:#F04343;padding:3px 10px 3px;border-radius: 2px;}
.checkout_products .save_rightprice span{font-family: 'Roboto-bold';padding-left:3px;}
.card_payment{background:#e9f4f9;margin-top: 20px;padding: 20px!important;background: url(../images/safe.svg)no-repeat 10px 15px #f1f9f6;background-size:25px;padding-left:40px !important;}
.card_payment h2{font-size: 16px;font-family: 'Roboto-Medium';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;}
}


/* 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: 'Roboto-Medium';}
.collection_mt a{ color:#666; text-decoration:none;font-family: 'Roboto-Medium';font-size: 16px;}
.collection_mt a:hover{ color:#F04343; text-decoration:underline;}
.collection_mt a.into_btn,.oper a{ background:#F04343; color:#fff; padding:6px 18px; border-radius:3px; margin-left:20px;}
.collection_mt a.into_btn i,.oper a i{ background-position:0px -429px; width:11px; height:11px; display:inline-block; vertical-align:middle; margin-right:5px;}
.collection_mt a:hover.into_btn,.oper a:hover{ background:#F04343;}

.tab-void{ margin-top:15px; border: 1px solid #f1f1f1;font-size: 13px;}
.tab-void thead{ background:#e1f3ff; height:34px; line-height:34px; color:#333;}
.tab-void thead td{font-size: 16px;font-family: 'Roboto-Medium';line-height:40px;}
.tab-void tbody td {text-align:center; color: #666;padding: 20px;}
.tab-void tbody td a:hover{text-decoration: underline;}
.order_img {position: relative;}
.order_img img{ width:85px; height:85px; float:left; vertical-align:middle; border:1px #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;}
.order_img a.pp_name:hover{color: #222;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;}
.pay a.r_btn:hover{ background:#ff4c4c;text-decoration: underline;}
.p-checkbox { width: 13px; text-align: left;float: left; }
.p-checkbox input { vertical-align: middle; margin-top: 24px; }

.checkbox_text{overflow:hidden;}
.tab-void tbody td .pay_ph{display: none;text-align: left;}
@media only screen and (max-width:768px ){
    .tab-void tbody td{padding: 10px;}
    .collection_mt{padding-left: 10px;}
    .tab-void tbody td .pay_ph{display: block;}
    .tab-void tbody td .pay_pc{display: none;}
    .tab-void td.none{display: none;}
    .pay a.r_btn{margin:inherit;text-align: center;margin-top: 20px; display:inline-block;font-size: 13px;}
    .pay a.b_btn{ width:90px; height:30px; line-height:30px; display:inline-block;border-radius:3px; margin-bottom:5px;background:#bfbfbf; color:#fff;text-align: center;margin-top:5px;font-size: 13px;}
}
/* collection_mt */



.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: 'Roboto-Medium'; 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 #222;}
.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: #222;}
.lr_box ul li .p{font-size: 14px;}
.lr_box .verificationCode span{top: 8px;}
@media only screen and (max-width:768px ){.lr_box{padding: 30px 15px 20px; background: #fff;} .lr_box .title{font-size: 24px; margin-bottom: 15px;}}


/* page_contact */

.page_contact .left { width: 50%; float: left; padding-right: 40px;}
.page_contact em.title { font-size: 20px; font-family: "Roboto-Medium"; color: #222; text-transform: capitalize; margin-bottom: 20px; display: inline-block; }
.page_contact .text { font-size: 13px; line-height: 24px; color: #777;}
.page_contact .right { width: 50%; float: right;}
.page_contact .page_emailB { padding-top: 0; padding-left: 0px;}
.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-left: 40px;}
.page_contact .con_right h3{color: #000;margin-bottom: 10px;text-transform: uppercase;font-family: 'Roboto-Medium';}
.page_contact .con_right h4{color: #222;font-size: 15px;font-family: 'Roboto-Medium';margin:20px 0 5px;}
.page_contact .con_right a:hover{text-decoration: underline;}
.page_contact  #form-validate {max-width: 100%; }
.page_contact .share_dl_h2 h2{color: #222;font-family: 'Roboto-Medium';}
.page_emailB { padding-top: 30px; position: relative;border:10px solid rgb(171 171 171 / 10%);}
.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 #222; box-shadow: 0 5px 10px #ccc; }
.page_emailB .page_email_content em {margin-top: 20px;font-family: "Roboto-Medium";  color: #222;    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: #999;   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 #222;}
.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 (max-width:768px ) {
	.page_emailB .page_email_content { padding: 20px 15px;}
}

.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;}
	.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: 14px;}

}

/* page_contact */



/* faq */
.faq_div{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.faq_div .fl{width: 22%;}
.faq_div .fr{width: 75%;}
.faq_div .fl h3{color: #111;text-transform: uppercase;font-family:'Roboto-Medium';padding-bottom: 15px;border-bottom: 1px solid #f0f0f0;margin-bottom: 10px;}
.faq_div .ptab_nav li{line-height:50px;border-bottom: 1px solid #f0f0f0;font-family:'Roboto-Medium' ;cursor: pointer;color: #222;padding-left: 15px;position: relative;font-size: 15px;}
.faq_div .ptab_nav li::before{position: absolute;content: "";width:5px;height:5px;background:#ccc;left:0;top:22px;}
.faq_div .ptab_nav li.on{color:#000;}
.faq_div .ptab_nav li.on::before{background:#fcad37 ;}
.faq_div .ptab_content .item{display: none;}
.faq_div .ptab_content .active{display: block;}
.faq_div .page_faq li {width: 100%;}
@media only screen and (max-width: 992px){
    .faq_div .fl{margin-bottom:30px;}
    .faq_div .fl,.faq_div .fr{width:100%;}
    .faq_div .ptab_nav{display: flex;display: -webkit-flex;flex-wrap: wrap;}
    .faq_div .ptab_nav li{width: 33.3333%;}
    .faq_div .fl h3{display: none;}
}

@media only screen and (max-width: 480px){
    .faq_div .fl{margin-bottom:10px;}
    .faq_div .ptab_nav li{width:50%;}
}







.faq ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;align-items: baseline;}
.faq ul li{border: 1px solid #f0f0f0;margin-bottom: 20px;width:100%;}
.faq .q{position: relative;padding: 10px 40px 0 15px;font-size: 15px; line-height: 28px;font-family: 'Roboto-bold'; cursor: pointer;color: #222;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-bottom: 10px;}
.faq .q p{width: calc(100% - 45px);}
.faq .q::before{ font-family: 'fontawesome'; position: absolute; right: 10px;width: 30px; height: 30px; line-height: 30px; font-size: 12px; text-align: center;color: #666;border-radius: 50%;background: #fff;border-radius: 50%;top:10px;content: "\f107";font-size:18px;font-weight: bold;}
.faq .active .q::before{content:"\f106";}
.faq .a{margin-top: 0;padding-left: 15px;color: #666; font-size: 14px; line-height: 24px;padding-bottom: 10px;padding-right: 15px;}
@media only screen and (max-width: 992px){
    .index_faq,.index_faq .faq_box{margin-bottom:0px;}
    .faq ul li{width: 100%;}
    .faq_box{margin-bottom:30px;}
}
@media only screen and (max-width: 768px){
    .faq{padding: 20px 0px 0px;}
    .faq .q{font-size: 15px; line-height: 24px;}
    .faq .a{margin: 10px;padding-left: 10px;}
    .faq .title{font-size: 36px; line-height: 38px;}
}


/* bolg */
.bolg_title{margin-bottom:10px;padding: 13px 15px;border-top: 3px solid #222;background: #f7f7f7;}
.bolg_title h2{font-family: 'Roboto-Bold';color: #222;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 a:hover{padding-left: 10px;color: #222;font-family: 'Roboto-Medium';}
.blog_classifyone ul li.on a{font-family: 'Roboto-Medium';color: #222;}

.blog_classifytwo ul li{padding: 10px 0;border-bottom: 1px solid #efefef;}
.blog_classifytwo ul li a{font-family: 'Roboto-Medium';transition: all 0.5s;display: block;}
.blog_classifytwo ul li a:hover{padding-left: 10px;color: #222;}
.blog_classifytwo ul li.on a{color: #222;}
.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 a:hover{padding-left: 10px;color: #222;font-family: 'Roboto-Medium';}
.blog_classifytthr ul li.on a{color: #222;font-family: 'Roboto-Medium';}


.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;}
.bolg_list .images img{transition: all 0.5s;width: 100%;}
.bolg_list .images:hover img{transform: scale(1.05);}
.bolg_list .txt{width: calc(100% - 450px);}
.bolg_list .txt h2{font-size:20px;font-family: 'Roboto-Bold';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 h2 a:hover{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: 'Roboto-Medium';color: #222}
.bolg_list .txt .more:hover{text-decoration: underline;}

.bolg_listtwo .images{margin-bottom: 20px;}
.bolg_listtwo .images,.bolg_listtwo .txt{width:100%;}

@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_main h2{ font-size:26px;color:#111;  font-family:'Roboto-Bold';line-height: 125%;}
.blog_main .info_share{margin-bottom: 30px;border-bottom: 1px solid #efefef;}
.blog_nav ul li{ list-style:none;}
.blog_p h3{font-family: 'Roboto-Bold';color: #000;font-size: 20px;line-height: 1.5;margin: 15px 0;}
.blog_main .share_dl_h2 h2{font-size: 16px;color: #333;}


.signal_box h2{font-family:'Roboto-Bold';margin: 20px 0;font-size:18px;color: #222}
@media only screen and (max-width:640px) {
    .signal_box h2{font-size: 16px;}
    .blog_main h2{font-size: 18px;}
    .blog_table ul.table-dropdown li a{font-size: 15px;}
    .blog-info{font-size: 13px;}
    .blog_p h3{font-size: 16px;}
}



/* pro_cartbottom */
.pro_cartbottom { position: fixed; padding: 10px 10px 12px; bottom: -100px; background: #fff; width: 100%; z-index: 97;box-shadow: 0 0 9px rgba(0,0,0,.12); transition: all .5s; opacity: 0;display: flex; -webkit-box-align: center;  -ms-flex-align: center;   align-items: center; }
.pro_cartbottom .row {display: flex; -webkit-box-align: center;  -ms-flex-align: center;   align-items: center;}
.pro_cartbottom .num {float: left; border: 1px solid #333; width: 120px; margin-right: 10px; height: 38px;}
.pro_cartbottom .num * { display: block; float: left;}
.pro_cartbottom .num .cartnum { border: 0; top: 0; width: 50px; line-height: 36px; height: 36px;text-align: center;font-family: 'Roboto-Bold';}
.pro_cartbottom .sub, .pro_cartbottom .add {font-size: 16px; position: relative;top: 1px; font-family: 'Roboto-Medium'; width: 33px; height: 38px; line-height: 38px; text-align: center; cursor: pointer; top: 0;font-family: 'Roboto-Bold';}
.pro_cartbottom .read_more {height: 38px; line-height: 38px; float: left; width: 140px; text-transform: capitalize;background: #222;color: #fff;border-color:#222;border-radius: 0;  padding: 0!important;text-align: center;}
.pro_cartbottom .read_more:hover{background: #222;border-color:#222;}
.pro_cartbottom .product { width: 55%; float: left; padding-right: 10px;}
.pro_cartbottom .product img { max-width: 75px; max-height: 75px; margin-right: 10px;}
.pro_cartbottom .product em {width: calc(100% - 95px); float: right; margin-top: 10px; font-size: 18px; line-height: 22px; max-height: 44px; overflow: hidden; font-family: 'Roboto-Medium';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: "Roboto-Medium";}
.pro_cartbottom .mprice .or{color: #989898;}
.pro_cartbottom .mprice .cur{color: #f54337;font-family: 'Roboto-Bold';font-size: 20px;}
.pro_cartbottom .mprice s { color: #333; font-family: 'Roboto-Regular';}
@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; }
}




/* tec_section01 */
.tec_section01 img{width: 100%;}
.tec_section01 .tecbanner_ph{display: none;}
@media only screen and (max-width:992px ) {
    .tec_section01 .tecbanner_ph{display: block;}
    .tec_section01 .tecbanner_pc{display: none;}
}

/* tec_section02 */
.tec_section02 {margin-bottom: 50px;background: -webkit-linear-gradient(bottom, #f6f6f6 0%,#fff 100%);padding-bottom: 80px;}
.tec_section02 ul{display: flex;display: -webkit-flex;justify-content: space-between;text-align: center;flex-wrap: wrap;}
.tec_section02 ul li{width: 25%;}
.tec_section02 ul li img{max-height: 80px;}
.tec_section02 ul li h2{font-size: 18px;color: #222;margin:20px 0 5px;}
.tec_section02 ul li p{font-size: 15px;color: #555;}

@media only screen and (max-width:992px ) {
    .tec_section02 {padding-bottom:20px;}
    .tec_section02 ul li{width: 50%;margin-bottom: 20px;} 
    .tec_section02 ul li img{max-height: 50px;}
    .tec_section02 ul li h2{font-size: 16px;}
}


/* tec_section03 */
.tec_section03 ul li .txt{text-align: left;}
.tec_section03 .lr_title{text-align: left;}
.tec_section03{margin-bottom: 30px;}


.design_section{margin-bottom: 0;}
.design_section li{background:#0e0e0e;flex-direction: row-reverse;}
.design_section li .img{background:#060606}
.design_section ul li:nth-child(2n){flex-direction: row;}
.design_section .lr_title{color: #fff;font-size:36px;}
.design_section ul li p{color: #fff;font-size: 18px;}
.design_section ul li .dot span{width:10px;height: 8px;display: inline-block;background: #f3a530;margin: 0 2px;margin-bottom: 20px;}


@media only screen and (max-width:1400px ) {
    .design_section .lr_title{font-size:30px;}
}

@media only screen and (max-width:992px ) {
    .design_section .lr_title{font-size:22px;}
    .design_section ul li p{font-size: 16px;}
    .design_section ul li .dot span{height: 6px;width: 8px;}
}

@media only screen and (max-width:768px ) {
    .design_section .lr_title{font-size:20px;}
    .design_section ul li p{font-size: 15px;}
    .design_section ul li:nth-child(2n){flex-direction: column-reverse;}
}


.hot_pro{position: relative;margin-bottom: 60px;}
.hot_pro .container{padding: 0;}
.hot_pro .swiper_father{width: 100%;position: relative;}
.hot_pro ul li{ width: calc(100% / 5);list-style: none;transition: all 0.5s;position: relative;}
.hot_pro ul li .module{margin:0 5px;border: 1px solid #eee;transition: all 0.5s;}
.hot_pro ul li .images{display: block;overflow: hidden;position: relative;}
.hot_pro ul li .images img{transition: all 0.5s;}
.hot_pro ul li .dis_off{position: absolute;font-size: 12px;font-family: 'poppins_m';color: #fff;top: 10px;right: 10px;line-height: 24px;padding: 0 15px;border-radius: 0 12px 12px 12px;display: none;}

.hot_pro ul li .sold_out{position: absolute;left:10px;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: 4px;background: #fff;}

.hot_pro ul li .fonts_name1{color: #333;font-size: 14px;}
.hot_pro ul li .wrap{padding: 20px 15px;}
.hot_pro ul li .price{margin: 10px 0;}
.hot_pro ul li .price .cur{font-size: 20px;}
.hot_pro ul li .addcart{display: flex;display: -webkit-flex;justify-content: space-between;align-items:center;}
.hot_pro ul li .addcart .pro_cart{width: calc(100% - 46px);border:1px solid #dadada;display: inline-block;border-radius: 30px;line-height:36px;text-align: center;text-transform: capitalize;}
.hot_pro ul li .addcart .pro_cart:hover{color: #fff;}
.hot_pro ul li .addcart .add_heart{width: 36px;height: 36px;border-radius: 50%;border:1px solid #dadada;display: flex;display: -webkit-flex;align-items: center;justify-content: center;display: none;transition: all 0.5s;}
.hot_pro ul li .addcart .add_heart:hover{color: #fff;border:none;}



@media only screen and (min-width: 992px){
    .hot_pro ul li:hover .addcart .add_heart{display: flex;}
    .hot_pro ul li:hover .images img{transform: scale(1.05);}
    .hot_pro ul li:hover .module{box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
    .hot_pro ul li .fonts_name1:hover{text-decoration: underline;}
}
@media only screen and (max-width: 992px){
    .hot_pro ul li .addcart .add_heart .add_heart{display: none;}
    .hot_pro ul li .addcart .pro_cart{width: 100%;}
    .hot_pro .mostBox{margin: 30px auto;}
    .hot_pro .swiper-button-prev{right:47px;}
    .hot_pro ul li .addcart .pro_cart{line-height: 32px;}
    .hot_pro ul li .sale{font-size: 12px;}
}



/* 404 */
.errors{text-align: center;padding:40px 10px;position: relative;}
.errors_box{position: relative;z-index: 1;}
.errors h2{color: #222;font-family: 'Roboto-Bold';font-size:26px;margin-bottom: 10px;}
.errors h3{font-size:16px ;margin: 0;}
.errors .button_primary{background: #222;width: 190px;line-height: 50px;color: #fff;display: inline-block;text-transform: uppercase;margin-top:40px;}
.errors .button_primary:hover{text-decoration: underline;}

@media only screen and (max-width:480px ){
    .errors h2{font-size:22px;}
    .errors h3{font-size:14px ;}
    .errors .button_primary{line-height: 46px;margin-top: 20px;}
}

.write_success{padding: 10px 15px;border: 1px solid #cbf3c8;margin: 15px 0;background: #f0fff0;display: flex;display: -webkit-flex;align-items:center;color: #333;}
.write_success i{font-size:12px;margin-right:10px;color: #fff;width: 20px;height: 20px;border-radius: 50%;text-align: center;background:#109507 ;line-height: 22px;}
.write_success p{width: calc(100% - 34px);text-align: left;}

.write_error{padding: 10px 15px;border: 1px solid #f7e2e2;margin: 15px 0;background: #fff5f5;display: flex;display: -webkit-flex;align-items:center;color: #333;}
.write_error i{font-size:13px;margin-right:5px;color: #fff;width: 20px;height: 20px;border-radius: 50%;text-align: center;background:#f13434 ;line-height: 22px;}
.write_error p{width: calc(100% - 34px);text-align: left;}



.error_hint{color: #f13434;margin: 15px 0;}

/* 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:'Roboto-Bold';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:'Roboto-Bold';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: 'Roboto-Bold';margin-bottom: 10px;}
.success_patsheet .pro_txt h2 a:hover{text-decoration: underline;color: #febe40;}

.pay_remark{max-width: 1070px;margin: auto;text-align: left;font-size: 14px;}
.pay_remark span{color: #F04343;padding-right: 5px;}
.pay_remark a{color: #222;}
.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;}
}




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