html {font-size: 100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin: 0;padding: 0;}
body {color: #000;font: 1em/1.55 Verdana,Arial,Helvetica,sans-serif;font-weight:100;min-width:1200px;}
a{color: #000;text-decoration: none;font-weight:100;}
ol, ul,li {list-style: outside none none;}
img{border:none;}
h1, h2, h3, h4, h5, h6 {
    color: #000;
    /*font-family: Bitter,Myriad Pro,Verdana,serif;*/
    font-weight: normal;
    line-height: 1;
    padding-bottom: 23px;
}
h3 {
    font-size: 16px;
    font-weight: 100;
    line-height: 1.25;
    margin: 10px 0 5px;
}
input{
    outline: none;
}
#top_nav {
    background-color: #fff;font-size: 0.75em;height: 40px;line-height: 40px;width: 100%;
    border-bottom: 1px solid #ddd;
    background: #424242;
    color: #fff;
    font-size: 18px;
    line-height: 34px;
    height:34px;
    text-align: center;
}
#top_nav .iconfont{
    font-size:20px;
    color: #fff;
    margin-right:10px;
    /*vertical-align: middle;*/
}
#top_main{
    /* box-shadow: 0px 3px 15px 0px rgba(148, 148, 148, 0.1); */
    /* border-bottom: 1px solid #E6E6E6; */
}
.top_nav_inner {height: 100%;width:78.4%;}
#mainBox, .footHelp_inner, .main_inner, .social_inner, .top_main_inner, .top_nav_inner {margin-left: auto;margin-right: auto;}

.logo img{height: 40px;}
.fl {display: inline;float: left;}

.top_nav_left{float:left;}
.top_nav_left dl {background: #fff none repeat scroll 0 0;color: #fff;display: block;float: left;}
.top_nav_left dl dt{color: #000;display: block;background:#fff;padding:0 0 0 10px;}

.top_nav_left .top_lang{width:100px;height:40px;}
.top_nav_left .top_lang .lang_list{
	 background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    display: none;
    padding: 0 0 0 10px;
	 width: 150px;
    position: absolute;

    z-index: 9999999;
}
.top_nav_left .top_lang:hover  .lang_list{display:block;}

.top_nav_left .top_currency{width:100px;height:40px;}
.top_nav_left .top_currency .currency_list{  position: absolute;

    z-index: 9999999;color:#333;display:none;background: #fff none repeat scroll 0 0;border: 1px solid #ccc;padding: 0 0 0 10px;width: 150px;}
.top_nav_left .top_currency:hover  .currency_list{display:block;}
i,em{
    font-style: inherit;
}





.top_nav_right{float:right;position: relative;
    margin-top: -40px;
}
.top_nav_right .t_r{float:left;width: 90px;}
.top_nav_right .t_r a{color:#eee}


.top_nav_right .t_r.top_account {
    height: 40px;
    width: 50px;
}
.top_nav_right .t_r.login-text{ margin: 0 30px 0 10px;
    width: auto;}

.top_account .mycoount {
    background: rgba(0, 0, 0, 0) url("../images/toptip.png") no-repeat scroll left top;
    display: inline-block;
    height: 25px;
    margin-right: 15px;
    margin-top: 8px;
    width: 24px;
}
.top_nav_right .top_account dd a{color:#222;}
.top_account dt{display:block;height:40px;}
.top_account dd{border: 1px solid #aaa;
    display: none;
	 position: absolute;
   background:#fff;
    z-index: 9999999;
    margin: 0 0 0 -20px;
    padding: 0 9px 14px 18px;
    width: 120px;}
.top_account:hover dd{display:block;}
.mywish .mywishbg {
    background: rgba(0, 0, 0, 0) url("../images/toptip.png") no-repeat scroll -24px 0;
    height: 25px;
    margin-top: 10px;
    width: 31px;
	display:block;
}

.mycart .mycartbg {
    background: rgba(0, 0, 0, 0) url("../images/toptip.png") no-repeat scroll -55px 0;
    height: 25px;
    margin-top: 10px;
    width: 25px;
	display:block;
}
.mywish a{display:block;width:30px;float:left;}
#js_favour_num{
    /* color: #fff; */
    float: left;
    margin-left: 6px;
}
#js_cart_items{
	/* color: #fff; */
    float: left;
    margin-left: 6px;
}
.mycart a{display:block;width:30px;float:left;}



.top_main_inner {
    clear: both;
    height: 80px;
    /*padding-top: 20px;*/
    position: relative;
    z-index: 19;
    /* box-shadow: 0px 3px 15px 0px rgba(148, 148, 148, 0.1); */
}


.top_header {    
    box-sizing: border-box;
    width: 1500px;
    padding: 0 40px;
    height: 74px;
    /*padding-bottom: 20px;*/
    /* width:78.4%; */
    margin:0 auto;
}

.topSeachForm {
    width: 100%;
}
.logo {
    position: absolute;
    /* height: 40px; */
    /* margin-left: -100%; */
    /*width: 250px;*/
    /* width: 100%; */
}


.topSeachForm form {
    z-index: 1;
    float: right;
    position: relative;
    /*width: 310px;*/
    width: 249px;

    margin-right: 285px;
}
.topSeachForm form.active .top_seachBox{
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.topSeachForm form.active .seachCont{
    display: block;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
}


.topSeachForm .top_seachBox {
    background-color: #fff;
    border: 1px solid #E6E6E6;
    height: 24px;
    padding: 5px 27px 5px 9px;
    margin-top:17px;
}


a:active, a:link {
    /*background-color: transparent;*/
}

.topSeachForm .searchInput {
    width: 250px;
}
.fl {
    display: inline;
    float: left;
}

.topSeachForm .searchArea {
    background-color: #fff;
    border: medium none;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    outline: 0 none;
    width: 100%;
}



.topSeachForm .seachBtn {
    background: rgba(0, 0, 0, 0) url("../images/toptip.png") no-repeat scroll -80px 0;
    border: medium none;
    cursor: pointer;
    display: inline;
    float: right;
    height: 25px;
    margin-right: -20px;
    width: 24px;
}


.login-text, .logo, .mycart, .mywish, .topSeachForm, .top_moblie .appCode, .top_moblie .appDownload, .top_moblie .webCode, .top_nav_left dl {
    float: left;
}

#mainBox, .main_inner, .social_inner, .top_main_inner, .top_nav_inner, .userInfo, .userNavBox {
    /*width: 1200px;*/
    /*width: 75%;*/
}
#mainBox {min-height:500px;}
.pr {
    position: relative;
}

.main.container{
    box-sizing: border-box;
    width: 1500px!important;
    margin:auto;
    /* min-height:400px; */
    overflow: hidden;
    /* width: 78.4%; */
}

.t_hidden {
    font: 0px/0 Verdana;
}

.topSeachForm .seachBtn {
    cursor: pointer;
}
.col-main .site-error h1{font-size:22px;margin-bottom:20px;}

#nav {
    margin: 0 auto;
    min-height: 38px;
    width: 1200px;
	z-index:999;
    width: 78.4%;
}
#nav{
    position: relative;
}
address, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, video {
    display: block;
}


.lag-en #nav li {
    padding: 0 22px;
}
#nav li:first-child {
    padding-left: 0 !important;
}
#nav li {
    padding: 0 20px;
    z-index: 1;
}
#nav li, #nav li a.nav_t {
    display: inline;
    float: left;
}






#nav .big_sub_menu .trends_img p, #nav .big_sub_menu .trends_item dt, #nav .small_sub_menu .trends_item dt, .cutOff_tag i, .footerEmail h4, .goto_show_list .slides p, .lag-en #nav a.nav_t, .share dt, .top_main_right .loginBox {
    text-transform: uppercase;
}
#nav li a.nav_t {
    border-bottom: 2px solid transparent;
    color: #000;
    font: 14px/18px Arial;
    padding-bottom: 2px;
}
#nav li, #nav li a.nav_t {
    display: inline;
    float: left;
}

#nav .big_sub_menu, #nav .small_sub_menu {
    border: medium none;
}

#nav .big_sub_menu, #nav .small_sub_menu {
    border-top: medium none;
    left: 0;
    padding-bottom: 20px;
    padding-top: 20px;
}
#nav .sub_menu {
    background-color: #fff;
    /*font-family: Arial;*/
    padding: 6px 0 8px;
}
#nav .sub_menu, #nav li .point {
    display: none;
    position: absolute;
	top:20px;
	padding-top: 10px;
}

#nav .big_sub_menu .trends_item {
    float: left;
    width: 620px;
}
#nav .big_sub_menu .trends_item dl:nth-of-type(1) {
    float: left;
    width: 320px;
}


#nav .big_sub_menu .trends_item dt {
    font-size: 15px;
    line-height: 30px;
}

#nav .sub_menu dd {
    width: 100%;
}


#nav .sub_menu a {
    color: #333;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
}


#nav .big_sub_menu .trends_img {
    border-left: 1px solid #ddd;
    float: left;
    margin-left: -1px;
    min-height: 305px;
    padding-left: 60px;
}


#nav .sub_menu a {
    color: #333;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
}



#nav .big_sub_menu .trends_img img {
    height: 305px;
    vertical-align: top;
    width: 244px;
}

#nav ul li:hover .sub_menu.big_sub_menu{display:block;}

#nav .big_sub_menu {
    margin-left: 0;
    width: 1200px;
}


.breadcrumbs{
    font-size: 16px !important;
}
.main-container{
    box-sizing: border-box;
    min-width: 1500px;
    padding-top:140px !important;
}
#header{
    position: fixed;
    width: 100%;
    height: auto;
    top: 0;
    background: #fff;
    z-index: 3;
}
/*header*/
.top_nav_left dl dt{
    background:url("../images/icon_down.png") 55px center no-repeat;
    background-size: 12px 12px;
}
.top_nav_right .top_li{
    float: left;
    padding-left:20px;
    /*margin-right: 20px;*/
    position: relative;
    height: 57px;
}
.top_nav_right .top_li a{
    display: block;
    width: 35px;
    height: 30px;
}
.top_nav_right .top_li i{
    width: auto;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    border-radius: 10px;
    background: #f5f5f5;
    color: #000;
    position: absolute;
    top: -2px;
    left: 25px;
    padding: 0 6px;
}
.top_nav_right .top_li a .iconfont{
    display: block;
    font-size: 20px;
    margin-top:3px;
}
.top_nav_right .top_li a:hover .iconfont{
    color: #57AB7E;
}
.logo-a{
    float: left;
    width:152px;
    height: 60px;
    background:url("../images/demo-LOGO.png") left center no-repeat;
    background-size: 100%;
    margin-top:10px;
}
.logo .menu{
    float: left;
    line-height: 50px;
    font-size:18px;
}
.logo .menu li{
    float: left;
    margin-left: 75px;
    padding:0 23px;
    cursor: pointer;
    line-height: 74px;
}
.logo .menu li.active{
    border-bottom: 1px solid #57AB7E;
}
.logo .menu li a,.header-menu-list-con-ul li a{
    color: #000;
}
.header-menu-list-con-ul li a:hover{
    text-decoration: none;
    color: #57AB7E;
}
.header-menu-list{
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index:2;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
}
.header-menu-list-box{
    width:78.4%;
    margin:0 auto;
}
.head-menuer-list-ul{
    display: flex;
    justify-content: space-between;
    padding: 15px 0 35px;
}
.header-menu-list-li{

}
.header-menu-list-con-ul li{
    font-size:16px;
    line-height: 38px;
    cursor: pointer;
}
.header-menu-list-con-ul li img{
    width: 31px;
    margin-right: 5px;
    vertical-align: middle;
}
.header-menu-list-con-ul .li-title{
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 600;
    cursor: auto;
}








.bottomAdList li:first-child {
    margin-left: 0;
}
.bottomAdList li {
    display: inline;
    float: left;
    margin-left: 1.5%;
    width: 32.25%;
}
.bottomAdList {
    display: block;
    height: 90px;
    margin: 20px 0;
}



.banner_right .banner_l_top {
    float: left;
    height: 500px;
    overflow: hidden;
    position: relative;
    width: 590px;
}


.banner_right .banner_l_top .link_ad {
    height: 500px;
}
.banner_right a {
    display: block;
    font-size: 0;
    height: 500px;
    overflow: hidden;
}
.banner_right img {
    display: block;
    height: 500px;
    width: 590px;
}
.banner_right .banner_r_top {
    float: right;
    height: 500px;
    overflow: hidden;
    position: relative;
    width: 590px;
}

.mt10 {
    margin-top: 10px;
}

.sectionBox_h {
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 24px;
    height: 25px;
    line-height: 25px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.seachCont{
    background: #fff;
    padding:18px;
    padding-right: 0;
    position: absolute;
    display:none;
}
.seachCont p{
    font-size: 18px;
    margin-bottom: 15px;
}
.seachCont ul{
    display: flex;
    flex-wrap:wrap;
}
.seachCont li{
    margin-bottom: 13px;
    margin-right: 15px;
}
.seachCont li a{
    padding:0 15px;
    line-height: 23px;
    height: 23px;
    font-size: 16px;
    color: #818181;
    background: #F5F5F5;
}
.seachCont li a .iconfont{
    font-size: 20px;
    color: red;
}
.seachCont li a:hover{
    color: #57AB7E;
    background: #eef6f2;
}



.sectionBox_h span {
    /*font-family: source_sans_prosemibold,Arial,sans-serif;*/
}
.sectionBox_h em a {
    color: #000;
    float: right;
    /*font-family: source_sans_proregular,Arial,sans-serif;*/
    font-size: 14px;
    line-height: 35px;
}


.pro-content {
    margin-top: 14px;
    width: 100%;
}
.pro-ad {
    float: left;
    overflow: hidden;
    position: relative;
}
.pro-ad, .pro-ad img {
    height: 496px;
    width: 285px;
}

.scrollBox {
    float: right;
    height: 572px;
    position: relative;
    width: 1200px;
}




.scrollBox .slides li {
    display: inline;
    float: left;
    height: 526px;
    margin-right: 20px;
    width: 285px;
}

.proName {
    font-size: 0.75em;
}

.proName a {
    color: #333;
}


.scrollBox .proPrice .f14 {
    font-weight: 700;
    margin-right: 5px;
}
.scrollBox span.my_shop_price {
    /*font-family: source_sans_prosemibold,Arial,sans-serif;*/
    font-size: 20px;
}
.f14 {
    font-size: 14px;
}


.scrollBox del.my_shop_price {
    /*font-family: source_sans_proregular,Arial,sans-serif;*/
    font-size: 12px;
}
del.my_shop_price {
    color: #999;
    font-size: 13px;
}




.footer-container {
    margin-top: 50px;
}


.footer_fixed {
    bottom: 22px;
    position: fixed;
    right: 22px;
    z-index: 99;
    display: none;
}



#goTop, .cus_survey, .go_bottom {
    background: rgba(0, 0, 0, 0) url("../images/footer_fixed.png") no-repeat scroll 0 0;
    display: block;
    height: 40px;
    margin: 0 0 -1px;
    text-indent: -999em;
    width: 43px;
}
.go_top {
    height: 42px;
}



.cus_survey {
    background-position: 0 -41px;
}


.footer_fixed .ph {
    display: block;
    height: 42px;
}

.go_bottom {
    background-position: 0 -119px;
    height: 43px;
}



#footer {
    color: #7f7f7f;
    overflow-x: hidden;
	width:100%;
}
.footer-container {
    margin-top: 0px;
    min-width: 1500px;
}

#footer .footer-top {
    background: #ebebeb none repeat scroll 0 0;
    font-size: 12px;
    line-height: 21px;
    padding: 58px 0 102px;
}


#footer .sidebar .widget {
    float: left;
    margin-bottom: 30px;
    width: 25%;
}
.sidebar .widget {
    display: block;
}

.footer-top .container .row header {
    border-bottom: 1px solid #ccc;
    margin: 0 0 18px;
    padding: 0 0 9px;
    width: 200px;
}

#footer .sidebar .widget header .title, #footer .sidebar .widget .title-block .title {
    color: #1e1e1e;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3;
    text-transform: uppercase;
}

.footer-top .container .row p {
    padding: 0 0 16px;
}


#footer .container {
    margin: auto;
    width: 1200px;
}

.clear{clear:both}

.footer-bottom {
    background: #424242;
    line-height: 100px;
    font-size: 16px;
    color:#fff;
}
.footer-bottom .footer-cont{
    width:78.4%;
    height: 100px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-bottom .footer-cont a{
    color:#fff;
}
#footer .container {
    margin: auto;
    /*width: 1170px;*/
    width: 78.4%;
}
.footer-bottom .container {
    padding: 12px;
    text-align: center;
}


/*footer*/
#footer .container .row{
    /* overflow: hidden; */
    display: flex;
    justify-content: space-between;
    color:#000;
}
.footer-ul li{
    font-size: 16px;
    line-height: 36px;
    cursor: pointer;
}
.footer-ul li a{
    color:#000;
}
.footer-ul li:hover{
    text-decoration: underline;
}
.footer-ul .footer-li-title{
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
    cursor: auto;
}
.footer-ul .footer-li-title:hover{
    text-decoration: none;
}
.footer-ul .need-help:nth-of-type(2){
    background:url("../images/contact.png") left center no-repeat;
    background-size: 44px 44px;
}
.footer-ul .need-help{
    background:url("../images/email.png") left center no-repeat;
    background-size: 44px 44px;
    padding-left: 58px;
    line-height: 24px;
    margin-bottom: 15px;
}
.footer-ul .need-help:hover{
    text-decoration: none;
}
.footer-top .container .need-help p{
    padding:0;
    font-weight: 600;
}


.common-footer-top-share{
    overflow: hidden;
}
.common-footer-top-share a{
    float: left;
    margin-right: 37px;
}
.common-footer-top-share a .iconfont{
    color: #57AB7E;
    font-size: 29px;
    display: block;
    line-height: 29px;
}
.common-footer-top-share a .iconfont:hover{
    color: #57AB7E;
}
.common-footer-top-subscribe{
    margin-top:16px;
    position:relative;
}
.common-footer-top-subscribe .foot_email{
    float: left;
    width: 158px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #E2E2E2;
    font-size: 14px;
    padding: 0 18px;
    margin-bottom: 23px;
    border-radius: 4px;
    margin-right: 6px;
}
.common-footer-top-subscribe .button {
    float: left;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
}
.common-footer-top-subscribe .button:hover{
    background: #57AB7E;
}
.common-clear{
    clear: both;
}
.common-footer-top-subscribe .hook-box{
    display: inline-block;
    vertical-align: middle;
    width: 16.5px;
    height: 16.5px;
    border: 1px solid #000;
    border-radius: 4px;
    margin-right: 8px;
    cursor: pointer;
}
.common-footer-top-subscribe .hook-box.active{
    background: url("../images/hook.png") no-repeat;
    /* background-size: contain; */
}
.common-footer-top-subscribe .update,.footer-top .need-box a{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #000;
}
.footer-top .need-box a:hover{
    color: #57AB7E;
    text-decoration: underline;
}
.footer-top .need-box{
    margin-top:20px;
}
.footer-top .need-box .iconfont {
    font-size: 20px;
    margin-right: 8px;
    vertical-align: bottom;
}










.newsletter-container input.input-text {
    float: left;
}
input.input-text {
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #777;
    height: 33px;
    padding: 0 10px;
}



.newsletter-button{
	background-color: #000;
    border: 1px solid #000;
    color: #fff;
    cursor: pointer;
    float: left;
    height: 34px;
    min-width: 52px;
    overflow: visible;
    padding: 0 5px;
    white-space: nowrap;
}

#copy{font-size:11px;}
#footer ul li{
    /*height:22px;*/
}

.top_currency   .currency_list   ul li{cursor:pointer;}
.one-column{}
.two-columns-left .col-main{width:980px;float:right}
.two-columns-left .col-left {
    /*width:200px;*/
    float:left}
.col-main h1{font-size:15px;font-weight:100;}

.category_product{
    /* margin:0 0 15px 0; */
    width:calc(100% - 300px);
    float: right;
}
.category_product .no_product{
    margin-top:10%;
    margin-bottom:30%;
    text-align: center;
    font-size: 30px;
    color: #808080;
}
.category_product .no_product p{
    margin-bottom: 90px;
}
.category_product .no_product p span{
    font-weight: 600;
}
.menu_category .panelBar{
    position: relative;
    z-index: 2;
    width:300px;
    float: left;
    background: #F6F6F6;
    /* height: calc(100% - 78px)!important; */
}
.category_product ul{margin:0 0 10px ;}
.category_product ul li {
    float:left;width:240px;
    /*height:350px;*/
}

.category_product ul li a {font-size:0.75em}
.category_product .c_name{height:50px;overflow:hidden}

.category_product .c_price .price{
	/*float:left;*/
	font-weight:bold;
	font-size:0.9em;
    /*width:100%;*/
}
.category_product .c_price .special_price{
	float:left;
	margin: 0 0 0 10px;
	font-weight:bold;
	font-size:0.9em;
    width: 50%;
    text-align: left;
}
.category_product  .c_price .price.sp{
	text-decoration: line-through;
	color:777;
	font-weight:100;
    width:50%;
    text-align: right;
}

.menu_category .toolbar{padding:8px 15px;background:#eee;margin:6px 0;height:25px;}
.menu_category .toolbar .tb_le{float:left;}
.menu_category .toolbar .tb_rg{float:right;}
.menu_category .toolbar .tb_le b{font-size:0.8em}
.menu_category .toolbar .current{
	color:#cc0000;
}
.toolbar{font-size:0.9em;}
.breadcrumbs , .breadcrumbs  a {font-size:0.83em;}
.breadcrumbs  span{font-size:0.85em;}
.breadcrumbs {margin:0 0 10px 0}

.filter_attr_info a{
	background: rgba(0, 0, 0, 0) url("../images/checkbox.png") no-repeat scroll -69px 3px;
	padding: 0 0 0 16px;
	font-size:0.8em;
}
.filter_attr_info a.checked{
	background-position: -50px -17px;
}
.filter_attr_title {
	font-size:0.9em;
	text-transform: uppercase;
}
.filter_attr{margin:0 0 20px 0}

.category_left_filter_category {
	font-size:0.8em;
	/*font-family: Arial;*/
	margin: 0 0 30px 0;
}
.category_left_filter {
/*font-family: Arial;*/
}
.category_left_filter_category ul li   {
	line-height: 26px;
}
.category_left_filter_category ul li.current > a{
	color:#cc0000;
}
.category_left_filter_category ul{
	margin-left:20px;
}
.col-left  .filter_attr_title{
	  border-bottom: 1px solid #ddd;
    color: #333;
    /*font-family: Arial;*/
    font-size: 0.9em;
    margin: 5px 0;
    padding: 5px 0;
    text-transform: uppercase;
}
.filter_category_content{overflow:hidden;}
.category_left_filter_category ul li a{font-size:0.9em}
.category_left_filter_category ul li ul li a{color:#999;}


.closeBtn {
	background-image: url("../images/tag.png");
    background-repeat: no-repeat;
    background-position: -164px 7px;
    display: inline-block;
    font-size: 0;
    height: 20px;
    vertical-align: -5px;
    width: 20px;
}

.filter_refine_by_content a{
	text-transform: uppercase;
	font-size:0.8em;
	color:#777;
}
.filter_refine_by_content a:hover{color:#cc0000;text-decoration: underline;}

.bottomAdList a img{height:90px;}
.pro_img img{width:285px;height:434px;width:100%}

#owl-fecshop .item img{
        display: block;
        width: 100%;
        height: auto;
    }

.product_view{}
.product_view .media_img{width:530px;float:left;}
.product_view .product_info{width:620px;float:right;}
.product_view .proList{}
.product-img-box{float:left; width:125px;}
.product-main-img{float:right;}


#gallery_01 img{border:2px solid white;}
#gal1  img{border:1px solid #ccc;padding:4px;margin:5px;  }
#gal1 .active img{border:1px solid #000 !important; }
#gal1{margin:9px 0;}
.pro_img a {
	display: block;
    height: 434px;
    padding: 0 7.5px;
    width: 285px;
}

.page-title h1{font-weight:100;font-size:1.5em;}
.account-login h1{ border-bottom: 1px solid #ddd;
    font-size: 22px;
    margin: 15px;
    padding-bottom: 20px;
}
.account-login .col2-set .col-1 {
    display: inline;
    float: left;
    margin: 12px 12px 12px 50px;
    min-height: 1px;
    width: 480px;
}
.account-login .col2-set .col-2 {
    display: inline;
    float: left;
    margin-left: 12px;
    width: 480px;
}
.account-login .col2-set {
    clear: both;
}
.col2-set {
    overflow: hidden;
}
.account-login .new-users .content {
    display: inline;
    float: left;
    margin: 42px 12px 0 0;
    width: 480px;
}



.account-login .new-users p {
    margin-bottom: 30px !important;
}
.main p {
    /* margin: 0 0 20px; */

}


@font-face {
    font-family: 'Lato';
    src: url('//www.opticalweseeyou.com/Lato-Regular.woff2') format('woff2'),
         url('../font/Lato-Regular.woff2') format('woff2');
}
body{
    font-family:Lato !important;
}

.account-login .registered-users .content {
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    display: inline;
    float: left;
    margin: 22px 12px 0 0;
    padding: 19px;
    width: 440px;
}

.account-login .registered-users .content .form-list {
    margin: 0;
    padding: 0 0 50px;
}

form label.required::after {
    color: #c3293a;
    content: "*";
    display: inline-block;
    font: 12px/12px Segoeui,Arial,Verdana,serif;
    margin: 0 3px;
}

.account-login .registered-users .content .form-list input {
    margin: 5px 0 13px;
    width: 255px;
}

button{
	 background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    white-space: nowrap;
 }

 button.redBtn  {
    /*font-family: Arial;*/
    font-size: 0.875em;
    margin-left: -3px;
    padding: 0;
	background:none;
	height:auto;
}
button.redBtn:hover{
	background:none;
	box-shadow:none;
}


.account-create button.redBtn{
	margin-top:5px;
}

button.redBtn em {
     border: 3px solid #59b7c2;
    display: block;
    margin: 0;
    padding: 0;
}


 button.redBtn span {
	 background-color: #59b7c2;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: 700;
    line-height: 30px;
    padding: 0 40px;
    white-space: nowrap;
	font-style: normal;
}

button.pinkBtn span {
	 background-color: #59b7c2;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: 700;
    line-height: 30px;
    padding: 0 40px;
    white-space: nowrap;
	font-style: normal;
}

.account-login .registered-users .buttons-set button {
    font: bold 14px/35px Segoeui-Bold,Myriad Pro,Verdana,serif;
    margin: 0 0 0 -3px;

}


.account-login .registered-users .buttons-set a.f-left {
        color: #777;
    font-size: 12px;
    line-height: 35px;
    width: 160px;
    float: left;
    display: block;
	margin: 2px 0 0 20px;
}



/*login reg*/
.login-reg{
    width: 630px;
    margin:0 auto;
    float: right;
    background: #fff;
    box-shadow: 0px 5px 20px 0px rgba(148, 148, 148, 0.1);
    margin-right: 75px;
    margin-top: 75px;
}
.login-reg h1{
    display: flex;
    margin:0;
    padding:0;
    line-height:95px;
    border-bottom: 2px solid #E5E5E5;
}
.login-reg h1 span{
    display: block;
    width:50%;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
}
.login-reg .page-title{
    margin:0;
    padding:0 40px;
}
.login-reg h1 .active{
    color:#57AB7E;
    border-bottom:2px solid #57AB7E;
    margin-bottom: -2px;
}
.login-reg .login-reg-box{
    /* width: 76.8%; */
    margin:0 auto;
    padding:40px;
    position: relative;
}
.login-reg .login-reg-box .email-address{
    margin-bottom: 40px;
    position: relative;
}
.login-reg .login-reg-box .password{
    position: relative;
}
.login-reg .login-reg-box .email-address::before{
    content:'';
    display: block;
    width:29px;
    height:23px;
    background: url(../images/icon_Email.png) center no-repeat;
    position: absolute;
    top:22px;
    left:18px;
}
.login-reg .login-reg-box .password::before{
    content:'';
    display: block;
    width:24px;
    height:26px;
    background: url(../images/icon_Password.png) center no-repeat;
    position: absolute;
    top:21px;
    left:18px;
}
.passImg{
    width:25px;
    height:19px;
    position: absolute;
    top:22px;
    right: 18px;
    cursor: pointer;
    background: url(../images/password_off.png) center no-repeat;
    background-size: contain;
}
.passImg.active{
    background: url(../images/password_on.png) center no-repeat;
    background-size: contain;
}
.login-reg .login-reg-box input{
    width:93%;
    border:1px solid #DEDEDE;
    line-height: 65px;
    height:65px;
    font-size: 18px;
    color: #757575;
    padding:0 18px;
    text-indent: 42px;
    border-radius: 6px;
}
.login-reg .login-reg-box input.error_active{
    border:1px solid #F87978 !important;
}
p.errorinfo{
    font-size: 17px !important;
    color: #F87978 !important;
    display: none;
    position: absolute;
    left:0;
    top:66px;
}
.login-reg .rbr_fpd{
    color:#949494;
    margin: 40px 0 42px;
    font-size: 14px;
}
.login-reg .rbr_fpd input{
    width: 40px;
    height: 40px;
    border:none;
    border: 1px solid #DEDEDE;
    vertical-align: middle;
    margin-right: 10px;
}
.rbr_fpd input[type=checkbox]{
  margin-right: 20px;
  cursor: pointer;
  font-size: 14px;
  position: relative;
}
.rbr_fpd input[type=checkbox]:after{
  position: absolute;
  width: 38px;
  height: 38px;
  top: 0;
  left: 0;
  content: " ";
  color: #fff;
  display: inline-block;
  visibility: visible;
  border-radius: 2px;
  border: 1px solid #E6E6E6;
}
.rbr_fpd input[type=checkbox]:checked:after{
  background:#fff url("../images/is_check.png") center no-repeat;
  background-size: 50%;
}
.login-reg .rbr_fpd p{
    float: right;
    cursor: pointer;
    margin-top: 5px;
}
.login-reg .rbr_fpd p a{
    color: #949494;
}
.login-reg .login-btn{
    line-height: 75px;
    font-size: 24px;
    color:#fff;
    background: #57AB7E;
    text-align: center;
    cursor: pointer;
    border-radius: 6px;
}
.login-reg .login-btn:hover{
    background: #57AB7E;
}
.login-reg .longin-or{
    text-align: center;
    color: #666666;
    font-size: 14px;
    width: 88%;
    margin: 0 auto;
    position: absolute;
    bottom: 129px;

    display: none;
}
.login-reg .longin-or span{
    display: inline-block;
    background: #fff;
    margin: 0 auto;
    width: 160px;
    font-size:18px;
}
.login-reg .line{
    width: 100%;
    height: 1px;
    background: #E6E6E6;
    margin: 48px 0;

    display: none;
}
.login-reg .sign-with{
    display: flex;
    justify-content: space-between;

    display: none;
}
.login-reg .sign-with a{
    width:48%;
    height:51px;
    border-radius: 26px;
    background: #fff;
    border:1px solid #CDCDCD;
}
.login-reg .sign-with a:hover{
    border:1px solid #57AB7E;
}
.login-reg .sign-with img{
    display: block;
    margin:5px auto;
    cursor: pointer;
    height:39px;
    width: 50%;
}
.login-reg .sign-with .iconfont{
    cursor: pointer;
    color: #3B5998;
    font-size: 35px;
    display: block;
    text-align: center;
    line-height: 51px;
}

.login-reg-box select{
    border:1px solid #DEDEDE;
    width: 100.3%;
    height:65px;
    line-height: 65px;
    padding: 0 2%;
    font-size: 18px;
    color: #757575;
    background: #fff;
    border-radius: 6px;
}
.login-reg-box select.error_active{
    border:1px solid #F87978;
}
.login-reg-box .head-name{
    display: flex;
    justify-content: space-between;
}
.login-reg-box .sex{
    width: 17%;
}
.login-reg-box .sex select{
    padding: 0 10%;
}
.login-reg-box .first-name{
    width: 37%;
    position: relative;
}
.login-reg-box .last-name{
    width: 37%;
    position: relative;
}
.login-reg-box .first-name input,.login-reg-box .last-name input{
    width:81%;
    text-indent: 0;
}
.login-reg-box .file{
    margin-bottom:40px;
    position: relative;
}
.login-reg-box .file.email::before{
    content: '';
    display: block;
    width: 29px;
    height: 23px;
    background: url(../images/icon_Email.png) center no-repeat;
    position: absolute;
    top: 22px;
    left: 18px;
}
.login-reg-box .file.reg-password::before{
    content: '';
    display: block;
    width: 24px;
    height: 26px;
    background: url(../images/icon_Password.png) center no-repeat;
    position: absolute;
    top: 21px;
    left: 18px;
}
.login-reg .create-btn{
    line-height: 75px;
    font-size: 24px;
    color: #fff;
    background: #57AB7E;
    text-align: center;
    cursor: pointer;
    border-radius: 6px;
}
.login-reg .create-btn:hover{
    background: #57AB7E;
}
.forgotpassword{
    text-align: center;
    margin-top:40px !important;
}
.forgotpassword a{
    font-size: 18px;
    color:#57AB7E;
}
.forgotpassword a:hover{
    text-decoration: underline;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    -webkit-text-fill-color: #333;
}






.registered-users #js_registBtn{
	width:160px;
	display:block;
}
.fago_login{
	margin:18px 0 0 -3px;
}

.account-create  h1 {
    border-bottom: 1px solid #ddd;
    font-size: 22px;
    margin: 15px;
    padding-bottom: 20px;
}


.account-create #form-validate {
    /*border: 1px solid #e0e0e0;*/
    border-radius: 2px;
    margin: 0 auto;
    padding: 20px;
    /*width: 640px;*/
}

.account-create #form-validate .fieldset {
    float: left;
    width: 285px;
}

.account-create #form-validate .fieldset:nth-child(2),  .account-create #form-validate .buttons-set {
    clear: none;
    float: right;
    width: 276px;
}




.account-create #form-validate .fieldset:nth-child(2) , .account-create #form-validate .buttons-set {
    clear: none;
    float: right;
    width: 276px;
}


form label.required::after {
    color: #c3293a;
    content: "*";
    display: inline-block;
    font: 12px/12px Segoeui,Arial,Verdana,serif;
    margin: 0 3px;
}
form label {
    /*color: #707070;*/
    /*font: bold 13px/13px Segoeui-Bold,Myriad Pro,Verdana,serif;*/
}
form label.required em {
    display: none;
}

.account-create form input {
    margin: 5px 0 13px;
    width: 255px;
}

#is_subscribed {
    float: left;
    margin-right: 3px;
    text-align: left;
    width: auto;
}


.account-create #form-validate .buttons-set p.back-link {
   display: block;
    float: left;
    margin: 10px 0 0 8px;

}



.account-create #form-validate .buttons-set p.required {
    float: right;
	line-height: 50px;
}
form p.required {
    color: #c3293a;
    font: 12px/35px Segoeui,Arial,Verdana,serif;
    margin-bottom: 0;
}

.validation-advice {
    color: #c3293a;
    font: 12px/12px Segoeui,Arial,Verdana,serif;
    margin: 0 0 20px;
}

button.dataUp i {
	background: rgba(0, 0, 0, 0) url("../images/signloading.gif") no-repeat scroll center center;
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    vertical-align: -2px;
    width: 16px;
}
button.redBtn:hover span{
	background-color: #fff;
    color: #35aac9;
}
.error-msg {
    margin:3px 0;
	background: #faebe7 url("../images/i_msg-error.gif") no-repeat scroll 8px 7px;
    border: 1px solid #f16048;
    color: #df280a;
    font-size: 0.8em;
    padding: 5px 30px;
}
.correct-msg {
    margin:3px 0;
	background: #eff5ea url("../images/i_msg-success.gif") no-repeat scroll 8px 7px;
    border: 1px solid #95a486;
    color: #3d6611 ;
    font-size: 0.8em;
    padding: 5px 30px;
}

#welcome{
	 color: #eee;
    margin: 0 15px;
}

.refresh-icon{
	 background-image: url("../images/sign.png");
    background-position: 3px -138px;
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    display: block;
    float: right;
    height: 30px;
    margin-left: 1px;
    width: 30px;
	cursor: pointer;
}

.account-login .registered-users .content .form-list .login-captcha-input{
	 border: 1px solid #ccc;
    height: 30px;
    margin: 0;
    padding: 0 0 0 10px;
    width: 90px;
}

.login-captcha-img{
	border:1px solid #aaa;
	cursor: pointer;
}
.login-captcha{
	width:277px;
}


.account-create #form-validate .buttons-set{
	float:none;
}

.account-create form .register-captcha input{
	 border: 1px solid #ccc;
    height: 30px;
    margin: 0;
    padding: 0 0 0 10px;
    width: 90px;
}
.forgot-captha{width:276px;}

.account-create form .forgot-captha input ,
.account-create form .forgot-captha img,
.account-create form .forgot-captha i{
	margin-bottom:13px;
}




/* Sidebar =============================================================================== */
.block {  margin:0 0 10px; }
.block .block-title {  padding:0; }
.block .block-title strong { font-size:14px; font-weight:bold; }
.block .block-title strong span { color: #4c6b99;
    /*font-family: Georgia;*/
    font-size: 14px;
    line-height: 40px;
    text-decoration: none;

}
.account_center .block-account  .block-title{padding-left:10px;}
.block .block-title a { text-decoration:none !important; }
.block .block-subtitle { font-size:13px; font-weight:bold; }
.block .block-content { padding:5px 0; }
.block .block-content li.item { padding:5px 0; }
.block .btn-remove,
.block .btn-edit { float:right;}
.block .actions { text-align:right; }
.block .actions a { float:left; }
.block .empty {}

.block li.odd {}
.block li.even { background-color:#f6f6f6; }


.sidebar .block-account li {
   /*background: rgba(0, 0, 0, 0.05);*/
    font-size: 12px;
    margin: 3px 0;
    padding: 10px 0 10px 16px;
}




.welcome-msg .hello {
    margin: 0 0 5px;
}
.welcome-msg p {
    line-height: 20px;
}


.box-account {
    margin: 40px 0 0;
}


.box-account .addressbook {
    border-top: 1px solid #ccc;
}

.col2-set .col-1 {
    float: left;
    width: 49%;
}


.box-account .box-content {
    margin: 10px 0 30px;
}


.box-account .box-title a {
    display: block;
    margin: 10px 0 0;
}

.box-content div {
    margin: 2px 0;
}


.col2-set .col-2 {
    float: right;
    width: 49%;
}

/* .account_center{font-size:12px;} */

.block-account .block-content li.current a{
	font-weight:bold;
}

.sidebar .block-account li.current {
   background:rgba(0, 0, 0, 0.1);

}
.sidebar .block-account li:hover{
	/*background:rgba(0, 0, 0, 0.1);*/
    cursor: pointer;
}


.page-title {
    border: medium none;
    margin: 0 0 3px;
    padding: 5px 0;
}

#form-validate ul li {
    margin: 11px 0;
}


#form-validate ul li label {
    display: block;
    font-size: 13px;
    margin: 10px 0 4px;
}


#form-validate input.input-text {
    color: #333;
    width: 250px;
}

.form-list .field {
    float: left;
    width: 275px;
}

.validation-advice {
    background: rgba(0, 0, 0, 0) url("../images/validation_advice_bg.gif") no-repeat scroll 2px 1px;
    clear: both;
    color: #f00;
    font-size: 11px;
    line-height: 13px;
    margin: 3px 0 0;
    min-height: 13px;
    padding-left: 17px;

}
.validation-failed {
    background: #faebe7 none repeat scroll 0 0 !important;
    border: 1px dashed #f00 !important;
}

.account_center h2{
	font-size:18px;
}

table {
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    /*font: 12px Segoeui,Arial,Verdana,serif;*/
    text-align: center;
	width:100%;
}

.addressbook thead tr {
    background: #f7f7f7 none repeat scroll 0 0;
}






.cpointer {
    background: #ccc none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    /*font-family: verdana;*/
    font-size: 11px;
    height: 20px;
    line-height: 20px;

}


.addnew.cpointer {
    background: #59b7c2 none repeat scroll 0 0;
    height: 25px;
    margin: 10px 0;
}

.product-Reviews .submitbutton {
    background: #4c6b99 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fafafa;
    cursor: pointer;
    display: block;
    float: left;
    font: bold 12px/25px Segoeui-Bold,Arial,Verdana,serif;
    height: 25px;
    padding: 0 10px;
    text-align: center;
}


.addressbook tbody tr td {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}


.addressbook tr td.ltp a {
    color: #666;
    display: block;
    height: 20px;
    line-height: 25px;
    margin: 0 0 0 4px;
    text-decoration: underline;
}

.addressbook tr td.ltp span {
    color: #666;
    display: block;
    height: 29px;
    line-height: 25px;
    margin: 0 0 0 4px;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}

td {
    border-bottom: 1px solid #e0e0e0;
    border-collapse: collapse;
    height: 49px;
    padding: 0 10px;
    vertical-align: middle;
}


th {
    /*border-bottom: 1px solid #4c6b99;*/
    /*font: 13px Bitter,Myriad Pro,Verdana,serif;*/
    height: 37px;
    padding: 0 10px;
    vertical-align: middle;
}



button.button span span {
    background-position: 100% 0;
    padding: 0 12px 0 4px;
}
button.button span {
    color: #fff;
    float: left;
    font: bold 12px/21px Arial,Helvetica,sans-serif;
    height: 21px;
    padding: 0 0 0 8px;
    text-align: center;
    white-space: nowrap;
}


button.button {
    border: 0 none;
    cursor: pointer;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: auto;
}

button, input[type="submit"] {
    background: #4c6b99 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fefefe;
    cursor: pointer;
    display: block;
    font: bold 14px/35px Segoeui-Bold,Arial,Verdana,serif;
    height: 35px;
    padding: 0 20px;
    text-align: center;
}


a.submitbutton:hover{color: #ffffff;}
a.submitbutton{
 height: 35px;
    display: block;
    background: #4c6b99;
    color: #fafafa;
    text-align: center;
    font: bold 14px/35px Segoeui-Bold, Arial, Verdana, serif;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    behavior: url(PIE.htc);
    cursor: pointer;
    padding: 0 20px;
	text-align: center;
    width: auto;
	float:left;
}


.submitbutton:hover{
    background: #4c6b99;
    box-shadow: 0px 0px 2px #4c6b99;
    -moz-box-shadow: 0px 0px 2px #4c6b99;
    -webkit-box-shadow: 0px 0px 2px #4c6b99;
	text-decoration:none;
}
.submitbutton:active,
.submitbutton:focus{
    background: #4c6b99;
    box-shadow: inset 0px 0px 10px #4c6b99;
    -moz-box-shadow: inset 0px 0px 10px #4c6b99;
    -webkit-box-shadow: inset 0px 0px 10px #4c6b99;
}



button:hover,
input[type="submit"]:hover{
    background: #4c6b99;
    box-shadow: 0px 0px 2px #4c6b99;
    -moz-box-shadow: 0px 0px 2px #4c6b99;
    -webkit-box-shadow: 0px 0px 2px #4c6b99;
}
button:active,
button:focus,
input[type="submit"]:focus,
input[type="submit"]:active{
    background: #4c6ba9;
    box-shadow: inset 0px 0px 10px #4c6ba9;
    -moz-box-shadow: inset 0px 0px 10px #4c6ba9;
    -webkit-box-shadow: inset 0px 0px 10px #4c6ba9;
}

button.redBtn:focus , button.redBtn:active {
	background:none;
	box-shadow:none;
}

.addressedit .address_country {
    width: 272px;
}
.selectBox {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #444;
    display: inline-block;
    font: 12px/33px Segoeui,Arial,Verdana,serif;
    height: 33px;
    overflow: hidden;
    padding-left: 10px;
    position: relative;
    text-decoration: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.two-columns-left .account_center{
	width:960px;float:right;

}

.edit_order thead tr {
    background: #f7f7f7 none repeat scroll 0 0;
}

.col-left  .block-account{
	margin-top:10px;
}

.my_account_order h2 {
    color: #888;
    /*font-family: Arial;*/
    font-size: 15px;
    font-weight: 100;
    margin: 0 0 10px;
    text-transform: uppercase;
	padding:0 0 2px;
}

.my_account_order .box .box-content {
    margin: 10px 0 0;

}


.my_account_order .box {
    margin: 4px 0 30px;
}

.std address {
    font-style: normal;
    line-height: 20px;
}



.data-table thead {
    background-color: #f2f2f2;
}

.data-table th {
    border: 1px solid #ddd;
    /*color: #777;*/
    font-size: 13px;
    font-weight: 100;
    padding: 5px;
    white-space: nowrap;
}

.my_account_order .data-table tbody.odd tr.border td {
    line-height: 20px;
}
.data-table tbody.odd tr.border td, .data-table tbody.even tr.border td {
    border-bottom-width: 1px;
}
.data-table tbody.odd td {
    border-width: 0 1px;
}
td:nth-child(2n) {
    /*background: #fefefe none repeat scroll 0 0;*/
    /*width:14%;*/
}
.data-table td {
    border: 1px solid #ddd;
    padding: 5px;
}
.a-right {
    text-align: right !important;
}

.edit_order tr td {
    background: #fff none repeat scroll 0 0;
}



.review_description_left a span{
	display: block;
    height: 32px;
    overflow: hidden;
	color:#777;
}
.review_reply{
    background: none repeat scroll 0 0 #f6f4f5;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #666;
    /*font-family: verdana;*/
    font-size: 11px;
    word-break: break-all;
    margin-top: 20px;
    padding: 10px;
    position: relative;
}
.review_reply_span{
    background:url(../images/tringle.png) no-repeat;
    height: 12px;
    left: 70px;
    position: absolute;
    top: -12px;
    width: 18px;
}
.review_description_left{
   display: inline-block;
    float: left;
    padding: 0 10px;
    width: 200px;
}
.review_description_right{
    width:730px;padding:10px;display:inline-block;
}


.product-Reviews_top .review_description_left{
   display: inline-block;
    float: left;
    padding: 0 10px;
    width: 170px;
}
.product-Reviews_top .review_description_right{
    display: inline-block;
    float: right;
    padding: 0 10px;
    width: 730px;
}
.review_list_product  #review_description {
	border:none;
}


.review_description_left p{
     color: #000;
    font-size: 14px;
    margin: 0px 0 5px;
    padding: 7px 0;
}
.review_description_right_span{
    display:block;margin-bottom:10px ;line-height:20px;
}
.review_description_centen{
    min-height:20px;word-break:break-all;padding-bottom:10px;
}
.review_description_right p{
    height:30px;line-height:30px;margin-top: 10px;
}
.review_description_right p span{
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-right: 2px;
    padding: 0 4px;
    text-align: center;
    width: auto;
}

.favorite-Operation{
    height:30px;line-height:30px;margin-top: 10px;
}
.favorite-Operation a{
    text-align:center;display:inline-block;width:70px;height:30px;border:1px solid #ccc;cursor:pointer
}
.favorite-Operation-main {
    padding: 10px;
    height: 128px;
    border: solid 1px #909090;
    background: #fff;
    text-align: center;
}
input.save {
    width: 47px;
    height: 20px;
    background: url(../images/add_save_hover.jpg) no-repeat;
    border: 0;
    margin-top: 4px;
}
input.cancel {
    width: 47px;
    height: 20px;
    background: url(../images/add_Close_hover.jpg) no-repeat;
    border: 0;
    margin-top: 4px;
}
.favorite-Operation-main textarea {
margin-bottom: 10px;
width: 177px;
height: 77px;
border: solid 1px #adadad;
}
.product-Reviews_top{
   padding: 8px 0 20px 10px;
    width: 100%;
}
.product-Reviews_bottom{
    padding: 10px 0 50px 10px;
    width: 100%;
}

.product-Reviews_bottom #review_create{ height: 100%;}

.h-30{
    height:30px;
}
.lh30_f{
   float:left;line-height:30px;
}
.star_ul{
    height:30px;display: inline;
}
.star_ul li{
    float:left;
}
#review_price_span{
    display:inline;
}
#review_create{
    height:220px;margin-top:20px;
	width:750px;
}
.review_input_box{
    margin: 10px 0;
}
#review_textarea{
    clear:both;width:722px;
}
.review-input-text{
    width: 314px;height: 33px;padding: 0 10px;border: 1px solid #ccc;color: #777;border-radius: 2px;
}
.review_description_left a{
    text-decoration:none;
    color:#000;
}

.login_box_file{
    width:320px;height:28px;float:left;
}
.login_box_span{
    width:44px;float:right;height:28px;margin-right:5px;
}


.fieldset {
    background: #fefefe none repeat scroll 0 0;
    border: 1px solid #ddd;
    margin: 28px 0;
    padding: 22px 25px 12px 33px;
}

.fieldset .legend {
    background: #dedede none repeat scroll 0 0;
    border: 1px solid #fefefe;
    color: #333;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: -33px 0 0 -10px;
    padding: 0 8px;
    position: relative;
}


#form-validate ul li {
    margin: 11px 0;
}
.form-list li {
    margin: 0 0 8px;
}


.form-list .field {
    float: left;
    width: 275px;
}

#form-validate ul li label {
    display: block;
    font-size: 13px;
    margin: 10px 0 4px;
}


.form-list .input-box {
    clear: both;
    display: block;
    width: 375px;
}

.verification_code_input {
    height: 30px;
    padding: 0 10px;
    width: 86px;
}

.form-list li .login_box{
	width:280px;
}



#contacts_comment {
    height: 100px;
    width: 530px;
}




.account-register #form-validate{
	/*border: 1px solid #e0e0e0;*/
    /*border-radius: 2px;*/
    margin: 0 auto;
    /*padding: 20px;*/
}


.account-register  .form-list .field{float:none;}
.login-captcha-input{height: 30px;
    padding: 0 10px;
    width: 76px;}
.account-register  .form-list .input-box{width:272px;}



.account-register .back-link {
    display: block;
    float: left;
    font-size: 11px;
    height: 30px;
    padding: 5px 8px;
}

.product_info .price_info .price.special_active{
	text-decoration: line-through;
	margin:3px 0 0 3px;
}
.product_info .price_info .special_active{
	float:left;
	line-height:30px;
	margin-right:10px;
}
.product_info  .special_price {
	color:#cc0000;
	font-size:25px;
}
.tier_price_info table{
	border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
	width:auto;
}
.tier_price_info table tr{}
.tier_price_info table tr td{height:25px;width:50px;}

.chose_size a {
	 border: 1px solid #ccc;
    font-size: 11px;
    height: 35px;
    line-height: 35px;
    width: 35px;
}

.chose_color{margin:2px 0 20px;}

.product_options{margin:40px 0 0;}
.product_options a {
	display:block;float:left;
}

.product_options a.noactive{
	border: 1px dashed #ccc;
	cursor: not-allowed;
}



.product_custom_options .one_option{
	margin:10px 0;
}

.product_custom_options .custom_option{
	float:left;display:block;
	width:100px;
	margin:4px 0 0;
}
.product_custom_options .one_option_title{
	float:left;display:block;width:80px;
}

.pg .label{width:80px;float:left;}

.pg .rg{width:80px;float:left;}
.pg .rg input{width:95px;padding:0 0 0 3px;}
.product_view input , .product_view select{
	height:26px;
}

.addtocart{margin:20px 0 0;}
#js_registBtn{
	float:left;width:190px;
	font-size:14px;
}
.myFavorite_nohove {
    float: left;
    font-size: 12px;
    margin: 15px 0 0 20px;
    padding: 0 0 0 20px;
}

.myFavorite_nohove i{
	background: rgba(0, 0, 0, 0) url("../images/tag.png") no-repeat scroll -120px -48px;

    display: inline-block;
    font-size: 0;
    height: 27px;
    margin-right: 5px;
    vertical-align: -10px;
    width: 27px;

}
.myFavorite_nohove:hover i{
	 background-position: -152px -48px;
}
.myFavorite_nohove:hover a{
	color:#da6667;
}

.myFavorite_nohove.act i{
	 background-position: -152px -48px;
}
.myFavorite_nohove.act a{
	color:#da6667;
}


.product_info h1{font-size:15px;}

.product_qty{margin:20px 0 0}

.product_options .pg .rg{width:auto;}

.product_options .label{line-height:62px;}

.product_options .size-label{line-height:32px;}

.product_view{font-size:12px;
    position: relative;
}


.product_options li.current b {
    background: rgba(0, 0, 0, 0) url("../images/cur.png") no-repeat scroll 0 0;
    bottom: 0;
    display: block;
    height: 6px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 8px;
}

ol, ul {
    list-style: outside none none;
}

.product_options .rg li{

    color: #333;
    cursor: pointer;
    float: left;
    margin: 5px;
    text-align: center;
	position: relative;

}

.product_options a.active:hover{border:1px solid #cc0000 }



.rbc_cold {
    margin: 10px 0;
	font-size:11px;
}

a:hover{
    /* text-decoration: underline; */
}
.rbc_cold .review_star {
    display: block;
    float: left;
    height: 15px;
    margin: 2px 10px 0 5px;
    text-align: right;
    width: 95px;
}
.review_star_5 {
    background: rgba(0, 0, 0, 0) url("../images/Star_5.png") no-repeat scroll 0 0;
}
.review_star_4 {
    background: rgba(0, 0, 0, 0) url("../images/Star_4.png") no-repeat scroll 0 0;
}
.review_star_3 {
    background: rgba(0, 0, 0, 0) url("../images/Star_3.png") no-repeat scroll 0 0;
}
.review_star_2 {
    background: rgba(0, 0, 0, 0) url("../images/Star_2.png") no-repeat scroll 0 0;
}
.review_star_1 {
    background: rgba(0, 0, 0, 0) url("../images/Star_1.png") no-repeat scroll 0 0;
}
.review_star_0 {
    background: rgba(0, 0, 0, 0) url("../images/Star_0.png") no-repeat scroll 0 0;
}
.review_star {
    display: block;
    height: 15px;
    width: 69px;
}

.item_code{color:#777;font-size:11px;
padding:10px 0 6px;
border-bottom:1px solid #bbb;
}

.price_info{margin:20px 0;}



a.pre_images {
    background: rgba(0, 0, 0, 0) url("../images/tag.png") no-repeat scroll -104px -80px;
    border-radius: 0;
    display: block;
    height: 10px;
    margin: 0 4px 5px 40px;
    width: 23px;
}

a.next_images {
    background: rgba(0, 0, 0, 0) url("../images/tag.png") no-repeat scroll -104px -95px;
    display: block;
    height: 10px;
    margin: 8px 0 0 40px;
    width: 23px;
}

.product-img-box .box-img {
    height: 380px;
    overflow: hidden;
    width: 100%;
}


.product-img-box .list-img {
    height: 10000px;
    position: relative;
    width: 100%;
}

.product-img-box img {
    cursor:  pointer;
}
.gallery-img img {
    border: 1px solid #ddd;
    display: block;
    margin: 0 0 15px;
}





.product_description_info{
    list-style:none;
    margin:25px 0  ;
    padding:0;
    text-decoration:none;
    /*font-family:'Microsoft YaHei';  */

}


.product_description_info #nav-container li {
    border-right: 2px solid #eee;
    cursor: pointer;
    float: left;
    font-size: 13px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    text-align: center;
    width: auto;
}


.product_description_info #nav-container  ul{
    width:1200px;
    margin:0 auto;
}
.product_description_info  .nav{
    height:52px;
    width:100%;
    background:#f5f5f5;
}
.product_description_info  .nav .cur{
    background:#fff;
    border-top:2px solid #1a92cf;
    color:#1a92cf;
}
.product_description_info  .fixed{
    position:fixed;
    top:0;
    left:0;
	z-index:999999999;
}
.product_description_info #nav-container  a{
    color:#505050;
}
.product_page{font-size:12px;}
.product_description_info #text{padding:20px 10px;}


.scroll_left a {
    color: #4c6b99;
    /*font-family: Georgia;*/
    font-size: 19px;
    line-height: 40px;
    text-decoration: none;
}


.scroll_horizontal {
    padding: 30px 0 10px;
    position: relative;
    width: 100%;
}



.product-Reviews .scroll_horizontal .box {
    padding: 15px 0 0;
}
.scroll_horizontal .box {
    border-top: 1px solid #ccc;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0 0;
    position: relative;
}
.review_lists  .scroll_left{
	 border-bottom: 1px solid #ccc;

}
.product-Reviews_top {
    padding: 20px 0 20px 10px;
    width: auto;
}


.view_all_review {
    background: #eee none repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #fff;
    height: 22px;
    margin: 15px 0;
    text-align: center;
}


#review_description li{
    border-bottom: 1px solid #ddd;
	margin-bottom:15px;
}
.view_all_review a {
    color: #333;
    line-height: 20px;
}




.review_description_left a {
    color: #000;
    text-decoration: none;
}
.product-Reviews_top a {
    /*font-family: Georgia;*/
    text-transform: uppercase;
}

.review_star {
    display: block;
    height: 15px;
    width: 69px;
}

.currentprice {
    color: #4c6b99;
    font-size: 16px;
}
.product-description_em {
    color: #cc0000;
    font: 17px/12px Segoeui,Arial,Verdana,serif;
    margin: 0 3px;
}



.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: 30px;
    width: 30px;
}
.full_star {
    background: rgba(0, 0, 0, 0) url("../images/product_rating_big_full_star.png") repeat scroll 0 0;
}



#reviews_form_list li {
    float: left;
    margin-top: 10px;
    width: 360px;
}


#reviews_form_list label {
    color: #707070;
    font: bold 11px/13px Segoeui-Bold,Myriad Pro,Verdana,serif;
}


.review_span_error {
    color: #f00;
    display: block;
    height: 20px;
}



#reviews_form_list select {
    width: 336px;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #444;
    display: inline-block;
    font: 12px/33px Segoeui,Arial,Verdana,serif;
    height: 33px;
    overflow: hidden;
    padding-left: 10px;
    position: relative;
    text-decoration: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}


#review_review_field {
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #777;
    height: 100px;
    padding: 10px;
    resize: none;
    width: 676px;
}

.verification_code_input {
    height: 30px;
    padding: 0 10px;
    width: 86px;
}


.product-Reviews_bottom button {
    margin: 8px 0 0;
}



.pageToolbar{
	background: #eee none repeat scroll 0 0;
    height: 25px;
    margin: 6px 0;
    padding: 8px 15px;
	font-size:14px;
}

.pageToolbar  .current {
    color: #cc0000;
	font-weight:bold;
}
.pageToolbar a,.pageToolbar span{
	margin:0 1px ;
	width:20px;
	display:block;
	text-align:center;
	float:left;}
.pageToolbar label.title{
	float:left;margin:0 10px
}

.product-Reviews{
	margin-top:40px;

}


.review_lists .product_name{
	/*//font-family: Georgia;*/
    text-transform: uppercase;
	font-size:13px;
}

.review_lists{
	font-size:11px;
	margin:20px 0 20px;
}

.moderation , .review_moderation{
	color:#ccc;
	margin:10px 0;
	font-style:italic;
}

.review_refuse{
	color:#cc0000;
	margin:10px 0;
	font-style:italic;
}

.review_accept{
	color:green;
	margin:10px 0;
	font-style:italic;
}

.average_rating{float:left;}

#review_description li{min-height:90px;}


.account_review_product .review_description_right_span{
	margin-bottom:2px;
	float:left;
}
.account_review_product  .review_description_centen{
	margin-top:15px;
}

.review_date_time{
	display:block;
	float:right;
}


.account_review_product  .product_img{
	display:block;margin:auto;width:120px;
}
.account_review_product  .review_star{
	display:block;margin:auto;margin: 3px auto 10px;
}





.product_options a.noimgshow{
    font-size: 11px;
    height: 35px;
    line-height: 35px;
    min-width: 15px;
    padding: 0 10px;
}

.product_options a.active , .product_options a.active_v{
	border: 1px solid #777;

}

.product_custom_options .product_options a.imgshow {
    display: block;
    float: left;
    height: 55px;
    padding: 3px 2px;
    width: 50px;
}

.product_options #gal1 img {
    border: medium none !important;
    margin: 0;
    padding: 0;
}


.product_options a.current{
	border:1px solid #cc0000;
}
.tier_price_info .label{font-size: 11px;
    margin: 0 0 6px;}
.product_info_section{margin:5px 0px 15px;}
.product_custom_options .product_options .label{line-height:45px;}

.product_options .rg li#gal1{margin:5px;}


.product_options a.no_active{
	border: 1px dashed #ccc;
    cursor:not-allowed;
}

.product_options a.no_active:hover{
	border: 1px dashed #ccc;
}

#owl-buy-also-buy .pro_img img {
    height: 200px;
    width: 100%;
}



#owl-buy-also-buy .pro_img a {
    display: block;
    height: 200px;
    padding: 0 7.5px;
    width: 180px;
}

.scrollBox #owl-buy-also-buy   span.my_shop_price{
	font-size:14px;
}

.buy_also_buy{margin:60px 0 0;height:320px;}
.buy_also_buy .scroll_left{margin:15px 0; border-bottom: 1px solid #ccc;}

.buy_also_buy .scrollBox{height:280px;}




.cart-content{
    display: flex;
    justify-content: space-between;
    position: relative;
}
.cart-left-box{
    width:71%;
}
.cart-right-box{
    width:23%;
    height: 180px;
    background: #fff;
    padding:55px 30px;
}
.cart-right-box .grand-total{
    color: #000;
}
.cart-right-box .grand-total p{
    font-size: 30px;
    margin-bottom: 0 !important;
}
.cart-right-box .grand-total p span{
    font-weight: 600;
    font-size: 30px;
    float: right;
}
.cart-right-box .grand-total span{
    font-size: 16px;
}
.shopping-cart-img {
    background: rgba(0, 0, 0, 0) url("../images/scart_step1.gif") repeat scroll 0 0;
    height: 36px;
    margin: 20px auto 5px;
    width: 834px;
}
.shopping-cart-div {
    position: relative;
    padding:0 30px;
    background: #fff;
}
.data-table {
    width: 100%;
}

.data-table thead {
    background-color: #fff;
    border-bottom: 3px solid rgba(14, 154, 167, 0.03);
}
.shopping-cart-div .data-table thead tr {
    border: medium none;
    height: 70px;
}


.shopping-cart-div .data-table tr th {
    border: medium none;
    font-size: 16px;
}

.shopping-cart-div .data-table tr {
    border-bottom: 1px solid #E5E5E5;
}

.shopping-cart-div .data-table tr td {
    border: medium none;
    padding:28px 0;
}
#shopping-cart-table .a-right {
    text-align: center !important;
}

.cartqtydown {
    /*background: rgba(0, 0, 0, 0) url("../images/jj.png") no-repeat scroll -4px -1px;*/
   /* float: left;
    height: 10px;
    margin: 12px 4px 0 0;
    width: 10px;*/

    width:30px;
    height:30px;
    color: #757575;
    font-size:24px;
    border:1px solid #DEDEDE;
    border-right: none;
    background: #F2F2F2;
}


#shopping-cart-table .qty {
    float: left;
    padding: 0;
    text-align: center;
    width: 55px !important;
    border:1px solid #DEDEDE;
    border-right: none;
    border-left: none;
    height: 30px;
}

a.cartqtyup {
    /*background: rgba(0, 0, 0, 0) url("../images/jj.png") no-repeat scroll -4px -25px;
    float: left;
    height: 10px;
    margin: 12px 0 0 3px;
    width: 10px;*/

    width:30px;
    height:30px;
    color: #757575;
    font-size:24px;
    border:1px solid #DEDEDE;
    border-left: none;
    background: #F2F2F2;
}
.a-center a:hover{
    text-decoration: none;
}

.cart .cart-collaterals {
    padding: 25px 0 0;
}
.btn-remove2 {
    background: rgba(0, 0, 0, 0) url("../images/btn_trash.gif") no-repeat scroll 0 0;
    background: url("../images/remove.png") center no-repeat;
    background-size: contain;
    display: block;
    font-size: 0;
    height: 24px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 24px;
}


#discount-coupon-form .discount-form label {
     color: #999;
    display: block;
    font-size: 11px;
    font-weight: 100;
    margin: 8px 0 10px;
}

#discount-coupon-form .input-box {
    float: left;
}

body #discount-coupon-form div.buttons-cou {
    float: left;
}


.discount-form .submitbutton {
    background: #ccc none repeat scroll 0 0;
    border-radius: 0;
    font-size: 14px;
    height: 31px;
    line-height: 31px;
}



.cart .totals {
    float: right;
    width: 494px;
}

.cart .cart-collaterals .col2-set {
    float: left;
    width: 400px;
}
.proceed_to_checkout {
    margin-top: 35px;
    text-align: right;
}

#shopping-cart-totals-table2 {
    border-top: 1px solid #333;
    font-size: 14px;
    margin: 16px 0 0;
}

.cart .totals table th, .cart .totals table td {
    padding: 5px;
}

.std b, .std strong {
    font-weight: bold;
}


.price {
    white-space: nowrap !important;
}
* {
    margin: 0;
    padding: 0;
}
.std b, .std strong {
    font-weight: bold;
}
strong {
    font-weight: bold;
}
#shopping-cart-totals-table2 .a-right {
    color: #2ab4c4;
    font-size: 18px;
}
#shopping-cart-totals-table2 .a-right {
    color: #2ab4c4;
    font-size: 18px;
}


.proceed_to_checkout {
    margin-top: 35px;
    text-align: right;
}



.proceed_to_checkout button.button {
      display: block;
    float: right;
}


a.express_paypal{
	background: rgba(0, 0, 0, 0) url("../images/paypaltopay.jpg") repeat scroll 0 0;
    display: block;
    float: right;
    height: 30px;
    width: 154px;
}

.proceed_to_checkout .or{
	 display: block;
    float: right;
    font-weight: bold;
    line-height: 32px;
    margin: 0 5px;
}

.proceed_to_checkout button.button span {
    font-size: 20px;
}


.cart-collaterals .col2-set .col-2 {
    float: left;
}



#discount-coupon-form .discount {
    width: 500px;
}





#discount-coupon-form .input-box {
    float: left;
}

body #discount-coupon-form div.buttons-cou {
    float: left;
}
#discount-coupon-form #coupon_code {
    border-radius: 0;
    height: 29px;
    width: 200px;
}


.discount-form .submitbutton:hover{
	background-color:#4c8b99;
}

h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.25;
	padding:0 0 2px 0;
}

.a-center {
    text-align: center !important;
}
.a-center.quantity{
    width:45%;
}
.product-name {
    font-size: 1em;
    font-weight: normal;
}


.product_info .price_info .no-special {
    line-height: 30px;
    margin-right: 10px;
	color: #cc0000;
    font-size: 25px;
}

.product_info .pg .rg {
    width: 440px;
}


.coupon_add_log{font-size:11px;margin:5px 0 0;color:#cc0000}


fieldset {
    border: 0 none;
}

h1.onestepcheckout-title{padding-bottom:2px;}

p.onestepcheckout-description {
    margin-bottom:2px;
}
#onestepcheckout-login-link {
	font-size:11px;
}


p.onestepcheckout-login-link {
    line-height: 11px;
    padding-top: 4px;
}


.form-alt{
	font-size:11px;

}

.onestepcheckout-place-order-loading {display:none;}
.onestepcheckout-summary ul li{padding:0}
.onestepcheckout-summary ul{margin:4px 0 0;}

.onestepcheckout-place-order.visit #onestepcheckout-place-order{
	background-color:#ccc;
}
.onestepcheckout-place-order.visit  .onestepcheckout-place-order-loading {
	display:block;
}

#billing_address .address_list {
    width: 200px;
}

.account_center select{
height: 33px;
}

.label_create_account{font-size:11px;
color:#cc0000;
}

.text-center {
    text-align: center;
}

.image404{width:600px;}

.content-404 h1 {
    color: #363432;
    /*font-family: "Roboto",sans-serif;*/
    font-size: 41px;
    font-weight: 300;
}

.content-404 h1 {
    color: #363432;
    /*font-family: "Roboto",sans-serif;*/
    font-size: 41px;
    font-weight: 300;
}

.content-404 p {
    color: #363432;
    /*font-family: "Roboto",sans-serif;*/
    font-size: 18px;
}

.sectionBox_h{text-transform:Uppercase}

.sectionBox_h.featured{margin-top:20px 0 0 }


#billing_address_list  li > div.input-box{float:none;}
#billing_address_list  li > div.input-firstname{float:left;}
#billing_address_list  li > div.input-lastname{float:left;}


.footer-top .container a.sbtnf{
	background-image: url("../images/icon_like.png");
    background-repeat: no-repeat;
    display: block;
    height: 32px;
    width: 32px;
	float:left;
	margin:2px 10px 0 0 ;
}


a.icon-facebook{
 background-position: 0 0;
}
a.icon-facebook:hover{
 background-position: 0 -32px;
}


a.icon-twitter{
 background-position: -32px 0;
}
a.icon-twitter:hover{
 background-position: -32px -32px;
}


a.icon-pinterest{
 background-position: -64px 0;
}
a.icon-pinterest:hover{
 background-position: -64px -32px;
}


a.icon-google{
 background-position: -160px 0;
}
a.icon-google:hover{
 background-position: -160px -32px;
}

.empty_cart{
	background: transparent url("../images/cart.gif") no-repeat scroll 0 15px;
    font-size: 16px;
    height: 101px;
    margin: 24px auto 36px;
    padding: 35px 0 0 116px;
    width: 530px;
}

.chose_size .show_as_img a{
    height:55px;
    width:50px;
}









.averageWarp{
    margin-top: 10px;
}
.averageWarp span, .averageWarp b{float:left;display:block;margin-right:20px;}
.averageWarp a{float:left;margin-right:10px;}


.lbBox {
    font-size: 0;
    *word-spacing: -1px;
}

.lineBlock {
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-size: 13px;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
}
 .pro_commit .writeRiviewTitle, .writeLeft .writeRiviewTitle {
    margin: 15px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
}
.pro_commit .writeRiviewTitle .proportionStars li, .writeLeft .writeRiviewTitle .proportionStars li {
 margin-bottom: 10px;
}
.fz_blue, .link {
    color: #4d82b8;
}
.pro_commit .writeRiviewTitle .proportionStars .proportionBox, .writeLeft .writeRiviewTitle .proportionStars .proportionBox {
    background-color: #e6e6e6;
    width: 145px;
    height: 15px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #c4c4c4;
}
 .pro_commit .writeRiviewTitle .proportionStars .proportionBox > div::before, .writeLeft .writeRiviewTitle .proportionStars .proportionBox > div::before {
    background-color: rgba(255,255,255,.25);
    content: "";
    display: block;
    font-size: 0;
    height: 1px;
    margin: 1px;
}
 .pro_commit .writeRiviewTitle .proportionStars .proportionBox > div, .writeLeft .writeRiviewTitle .proportionStars .proportionBox > div {
    position: absolute;
    left: 0;
    top: 0;
    height: 15px;
    background-color: #f90;
    font-size: 0;
    box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset,0 -1px 0 rgba(0,0,0,.05) inset;
    width: 0;
    transition: width .5s ease 0s;
}
.pro_commit .writeRiviewTitle .writeRiviewBtn, .writeLeft .writeRiviewTitle .writeRiviewBtn {
    width: 770px;
    margin-left:150px;
}

.cart_select{margin-left:10px;}

.email_register_resend{
    color:blue;
    cursor: pointer;
}



/*---forgotpasswordsubmit1234---*/
.forgotPassword,.sendSuccess,.createPassword,.resetSuccess{
    /* width:67%; */
    margin:0 auto;
    padding:44px 0 38px;
}
.forgotPassword{
    padding:44px 0 38px;
}
.forgotPassword h5{
    text-align: center;
    font-size: 30px;
    padding-bottom: 24px;
    border-bottom: 1px solid #E6E6E6;
}
.forgotPassword-cont,.createPassword-cont{
    padding:44px 40px 0;
}
.forgotPassword .txt{
    color: #666666;
    font-size: 20px;
    margin-bottom: 45px;
}
.forgotPassword .pass{
    display: flex;
    flex-direction: column;
    position: relative;
    margin:0 auto 41px;
    font-size: 18px;
}
.forgotPassword .pass label{
    color: #000;
}
.forgotPassword .pass label::after{
    display: inline-block;
    content: '*';
    color: #FF9F9E;
    font-size: 20px;
    margin-right: 8px;
    vertical-align: middle;
}
.forgotPassword .pass input{
    width:95.7%;
    border: 1px solid #DEDEDE;
    line-height: 65px;
    height: 65px;
    font-size: 18px;
    color: #757575;
    padding: 0 18px;
    margin-bottom: 0;
    border-radius: 6px;
}
.forgotPassword .pass input.error_active{
    border: 1px solid #F87978;
}
.forgotPassword p.errorinfo{
    top: 104px;
    font-size: 17px;
}
.forgotPassword .pass-send{
    display: block;
    line-height: 75px;
    font-size: 24px;
    color: #fff;
    background: #57AB7E;
    text-align: center;
    cursor: pointer;
    border-radius: 6px;
}
.forgotPassword .pass-send:hover{
    background: #57AB7E;
}
.forgotPassword .return-login{
    display: block;
    text-align: center;
    font-size: 18px;
    color: #57AB7E;
    cursor: pointer;
    margin-top: 40px;
}
.forgotPassword .return-login:hover{
    text-decoration: underline;
}


.sendSuccess .send-title{
    text-align: center;
    font-size: 30px;
    padding-bottom: 24px;
    border-bottom: 1px solid #E6E6E6;
    color: #000;
}
.sendSuccess p{
    font-size: 20px;
    line-height: 30px;
    margin:0;
    color: #666666;
    padding:40px 40px 0;
}
.sendSuccess p a{
    color:#57AB7E;
    font-style: inherit;
}
.sendSuccess span{
    display: block;
    text-align: center;
    font-size: 18px;
    color: #57AB7E;
    cursor: pointer;
    margin-top: 40px;
}


.createPassword{
    padding-bottom: 28px;
}
.createPassword h5{
    text-align: center;
    font-size: 30px;
    padding-bottom: 24px;
    border-bottom: 1px solid #E6E6E6;
}
.createPassword p{
    font-size: 20px;
    color: #666666;
    margin-bottom: 40px;
}
.createPassword .pass{
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 48px;
    font-size: 18px;
}
.createPassword .pass label{
    color: #000;
}
.createPassword .pass label::after{
    display: inline-block;
    content: '*';
    color: #FF9F9E;
    font-size: 20px;
    margin-right: 8px;
    vertical-align: middle;
}
.createPassword .pass input{
    width:93%;
    border: 1px solid #DEDEDE;
    line-height: 65px;
    height: 65px;
    font-size: 18px;
    color: #757575;
    padding: 0 18px;
    margin-bottom: 0;
    border-radius: 6px;
}
.createPassword .pass input.error_active{
    border: 1px solid #F87978;
}
.createPassword .pass-submit{
    display: block;
    line-height: 75px;
    font-size: 24px;
    color: #fff;
    background: #57AB7E;
    text-align: center;
    cursor: pointer;
    border-radius: 6px;
}
.createPassword p.errorinfo{
    top: 105px;
}
.createPassword .passImg{
    top:60px;
}


.resetSuccess{
    font-size:18px;
}
.resetSuccess img{
    display: block;
    width:56px;
    height: 56px;
    margin:0 auto;
}
.resetSuccess h5{
    text-align: center;
    font-size: 30px;
    padding-bottom: 24px;
    border-bottom: 1px solid #E6E6E6;
}
.resetSuccess p{
    margin:0;
    padding:41px 40px 84px;
    font-size: 20px;
    color: #666666;
}
.resetSuccess .res-btn{
    display: block;
    /* width:340px; */
    /* height: 54px;
    line-height: 54px; */
    border:1px solid #1CAEA2;
    color:#1CAEA2;
    background: #fff;
    margin: 60px auto 34px;
    cursor: pointer;
}
.resetSuccess .shopnow{
    line-height: 75px;
    font-size: 24px;
    color: #fff;
    background: #57AB7E;
    text-align: center;
    cursor: pointer;
    border-radius: 6px;
    margin:0 40px;
}




/*category*/
.menu_category .toolbar .tb_le{
    float: right;
}
.menu_category .toolbar{
    display: flex;
    justify-content: space-between;
    height:auto;
    background: #fff;
    border: 1px solid #DEDEDE;
    padding:0 20px;
    margin:0;
}
.menu_category .tool-clear{
    display: flex;
    justify-content: space-between;
    height:auto;
    background: #fff;
    border: 1px solid #DEDEDE;
    padding:0 20px;
    margin-top:-1px;
    min-height:64px;
    line-height: 64px;
    /*display: none;*/
}
.menu_category .tool-clear ul{
    display: flex;
    flex-wrap: wrap;
}
.menu_category .tool-clear li{
    font-size:16px;
    margin-right: 20px;
    flex-shrink: 0;
}
.menu_category .tool-clear li i{
    display: inline-block;
    width:18px;
    height:18px;
    vertical-align: text-bottom;
    cursor: pointer;
    background:url(../images/close-green.png) center no-repeat;
    background-size: contain;
}
.toolnav{
    float: left;
    margin-right: 22px;
    position: relative;
    color: #000;
    font-size:16px;
}
.toolber-right.toolnav{
    margin-right: 0;
}
.toolnav .title{
    cursor: pointer;
    line-height: 64px;
}
.toolnav .title.active{
    color: #1CAEA2;
}
.toolnav .title img{
    width: 13px;
    /*height: 9px;*/
    margin-top: 7px;
    margin-left: 10px;
}
.toolnav .title.active img{
    transform-origin:center center;
    transform: rotate(180deg);
    /*transition: transform 0.4s; */
}
.toolnav .li-fixbox{
    border:1px solid #E6E6E6;
    position: absolute;
    background: #fff;
    padding: 24px 20px;
    left: -21px;
    z-index:2;
    display: none;
}
.toolber-right.toolnav .li-fixbox{
    right: -21px;
}
.toolnav .li-fixbox.filter-color{
    width:354px;
}
.toolnav .li-fixbox .size-img{
    width:167px;
    margin-bottom: 25px;
}
.toolnav .li-fixbox li{
    white-space: nowrap;
    margin-bottom: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.toolnav .li-fixbox.filter-color li{
    width:50%;
    float: left;
}
.toolnav .li-fixbox li input{
    width:24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 8px;
    cursor: pointer;
}
.toolnav .li-fixbox li input[type=checkbox], .toolnav .li-fixbox li input[type=radio]{
    position: relative;
}
.toolnav .li-fixbox li input[type=checkbox]:after, .toolnav .li-fixbox li input[type=radio]:after{
    position: absolute;
    width: 22px;
    height: 22px;
    top: 0;
    content: " ";
    color: #fff;
    display: inline-block;
    visibility: visible;
    border-radius: 2px;
    border: 1px solid #E6E6E6;
    background: #fff;
}
.toolnav .li-fixbox li input[type=checkbox]:checked:after, .toolnav .li-fixbox li input[type=radio]:checked:after{
    background: #fff url(../images/is_check.png) center no-repeat;
    background-size: 70%;
}
.toolnav .li-fixbox li label{
    cursor: pointer;
}
.toolnav .li-fixbox li label img{
    width: 36px;
    vertical-align: middle;
    margin-right: 4px;
}
.toolber-right.toolnav .title .sort-cont{
    width: 80px;
    display: inline-block;
}


.product-list{
    display: flex;
    /*justify-content: space-between;*/
    flex-wrap: wrap;
    padding-top:47px;
    color:#000;
    margin-left: 10px!important;
    margin-right: 10px!important;
}
.product-list .product-item .swiper-slide{
    width: auto;
    height: auto;
}
.product-list .product-item{
    width:28%;
    text-align: center;
    padding: 10px 2.6%;
}
.product-list .product-item .gallery{
    cursor: pointer;
}
.product-list .product-item.active{
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
}
.product-list .product-item:nth-of-type(3n-1){
    /*margin: 0 6.05%;*/
}
.product-list .product-item .index-img{
    display: block;
}
.product-list .product-item img{
    width:100%;
}
.product-list .product-item .sku-name{
    font-size:20px;
    margin-bottom: 10px;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}
.product-list .product-item .sku-name i{
    width: 28px;
    height: 27px;
    background: url('../images/like.png') center no-repeat;
    background-size: contain;
    cursor: pointer;
}
.product-list .product-item .sku-name i.active{
    background: url('../images/like-after.png') center no-repeat;
    background-size: contain;
}
.product-list .product-item .pricebox{
    font-size:20px;
    display: block;
    text-align: left;
}
.product-list .product-item .pricebox i{
    font-style: inherit;
    color: #A3A3A3;
    text-decoration: line-through;
}
.product-list .product-item .pricebox .c_price{
    display: flex;
}
.product-list .product-item .category_tryOn_disabled{
    display: block;
    height:39px;
    line-height: 39px;
    font-size: 20px;
    color: #fff;
    border: 1px solid #DDDDDD;
    background: #DDDDDD;
    margin-top:40px;
    margin-bottom: 31px;
    cursor: not-allowed;
    visibility: hidden;
}
.product-list .product-item:hover .category_tryOn_disabled{
    visibility: visible;
}
.product-list .product-item .category_tryOn{
    display: block;
    height:39px;
    line-height: 39px;
    font-size: 20px;
    border: 1px solid #A3A3A3;
    margin-top:40px;
    margin-bottom: 31px;
    cursor: pointer;
    visibility: hidden;
}
.product-list .product-item .category_tryOn:hover{
    border-color: #57AB7E;
    color: #57AB7E;
}



.thumbs{
    /*float: left;*/
    /* width:85%; */
    --swiper-navigation-color: #666;
    --swiper-navigation-size: 20px;
}
.thumbs .swiper-slide{
    line-height: 50px;
    /* width: 25% !important; */
}
.thumbs .swiper-slide-visible {
    margin: 3px;
}
.thumbs .small-img{
    width: 50px !important;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    margin:0 auto;
    cursor: pointer;
    box-sizing: border-box;
}
.thumbs .swiper-slide-thumb-active .small-img{
    border: 1px solid #57AB7E;
}
.small-box{
    overflow: hidden;
    /* width: 280px; */
    margin: 0 auto;
    position: relative;
}
.swiper-wrapper-thumbs {
    display: inline-flex;
    flex-wrap: wrap;
    margin-right: -3px;
    margin-left: -3px;
}
.product-item .small-box img{
    /* width: 43px !important; */
    /* height: 20px; */
    vertical-align: sub;
    display: inline-block;
    width: 85%;
}
.thumbs .swiper-button{
    display: none;
}
.small-box .swiper-btn{
    width:18px !important;
    height: 18px;
    position: absolute;
    top:35%;
    cursor: pointer;
}
.small-box .swiper-btn-left{
    left:0;
}
.small-box .swiper-btn-right{
    right:0;
}


.topSeachForm .top_seachBox{
    height: 40px;
    line-height: 40px;
    padding: 0;
}
.topSeachForm .top_seachBox input{
    float: left;
    width:83.5%;
    height: 40px;
    border:none !important;
    text-indent: 15px;
    font-size: 15px;
}
.topSeachForm .top_seachBox .icon-search{
    float: right;
    width:40px;
    height: 40px;
    /* background: #434343; */
    cursor: pointer;
    text-align: center;
}
.topSeachForm .top_seachBox .icon-search .iconfont{
    color: #000;
    font-size: 20px;
}
.topSeachForm .top_seachBox .icon-search .iconfont:hover{
    color: #57AB7E;
}


.tb_rg{
    text-align: center;
    padding-top:15px;
    margin-bottom: 100px;
}
.tb_rg span,.tb_rg a{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border:1px solid #DADADA;
    color:#666;
    margin:0 2px;
}
.tb_rg a:hover{
    color: #fff;
    background: #57AB7E;
    text-decoration: none;
}
.tb_rg .current{
    color: #fff;
    background: #57AB7E;
}



.product-image img{
    width:161px;
    margin-right: 26px;
    float:left;
    margin-top:9%;
}
.product-info{
    width:48%;
}
.product-info .info-box{
    float: left;
    padding-top:40px;
    width:50%;
}
.product-info p{
    font-size: 16px;
    margin-bottom: 10px;
}
.product-info span{
    color: #818181;
}
#shopping-cart-table .a-right{
    font-size: 18px;
}
#shopping-cart-table .qty{
    font-size: 18px;
    color: #000;
}


.continue-process{
    font-size: 24px;
    display: flex;
    justify-content: space-between;
    color: #757575;
    padding-top:51px;
    padding-bottom: 94px;
    line-height: 66px;
}
.continue-process .continue{
    cursor: pointer;
}
#process{
    display: block;
    font-size: 20px;
    line-height: 66px;
    color: #fff;
    background: #21A29E;
    text-align: center;
    cursor: pointer;
    margin-top:45px;
}



.cart{
    padding-bottom: 33px;
}
.projects{
    padding:0 15px 0px 15px;
    background: #fff;
}
.swiper-container.also-like-swiper{
    --swiper-navigation-color: #818181;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
    padding:59px 20px 0;
}
.also-like-swiper .swiper-slide{
    /* width: 21.94% !important;
    padding:0 1.53%; */
    width: 100%;
}
.also-like-swiper-slide-inner {
    display: flex;
    align-items: flex-start;
    padding: 0 1%;
}

.also-like-swiper .project{
     /*margin:0 20px;*/
     width: 16%;
    margin-right: 0.8%;
}
.also-like-swiper .project:nth-child(6n+6) {
    margin-right: 0;
}
.also-like-swiper .project:hover{
    text-decoration: none;
}
.also-like-swiper .project img{
    width:100%;
}
.also-like-swiper .project span{
    display: block;
    color: #000;
    font-size: 18px;
    text-align: center;
}
.also-like-swiper .project p{
    font-size: 18px;
    text-align: center;
    color: #000;
    font-weight: 600;
    margin:0;
    margin-top:10px;
    word-break: break-word;
}
.also-like-swiper .swiper-button-prev{
    left: 0;
}
.also-like-swiper .swiper-button-next{
    right: -1px;
}
.also{
    position: relative;
    margin-top:155px;
    width: 78.4%;
    margin-left: auto;
    margin-right: auto;
}
.also .line{
    background: #E5E5E5;
    width:100%;
    height: 1px;
    margin-bottom: 66px;
}
.also h5{
    font-size: 30px;
    color: #000;
    border-bottom: 2px solid #E6E6E6;
}




.alert-login-reg,.alert-details,.alert_box{
    width:100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 20;
}
.alert-login-reg-box,.alert-details-box{
    background: #fff;
    width:33%;
    padding:30px 60px 60px;
    position: fixed;
    left: calc(50% - 19.6%);
    top:10%;
    max-height:77%;
    overflow-y: auto;
}
.alert-login-reg-box .login-reg-box{
    padding:0;
}
.alert-close{
    width: 25px;
    height: 25px;
    margin-top:-30px;
    margin-right: -15px;
    float: right;
    cursor: pointer;
    background: url('../images/close.png') center no-repeat;
    background-size: contain;
}
.alert-login-reg-box .alert-close{
    margin-top:0px;
    margin-right: -30px;
}
.alert-login-reg-box .title{
    font-size: 20px;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #E5E5E5;
    line-height: 95px;
}
.alert-login-reg-box .title span{
    display: block;
    width: 50%;
    text-align: center;
    font-size: 30px;
    cursor: pointer;;
}
.alert-login-reg-box .title span.active{
    color: #57AB7E;
    border-bottom: 2px solid #57AB7E;
    margin-bottom: -2px;
}
.alert-login-reg-box input,.alert-login-reg-box textarea{
    border:1px solid #DEDEDE;
    width:95%;
    padding:0 17px;
    color: #757575;
    font-size: 16px;
}
.alert-login-reg-box input{
    line-height: 52px;
    height: 52px;
}
.alert-login-reg-box textarea{
    resize: none;
    height: 128px;
    padding-top:20px;
}
.alert-login-reg-box p{
    margin-bottom: 20px;
    font-size: 18px;
}
.alert-login-reg-box .file{
    position: relative;
    margin-bottom: 32px;
}
.alert-login-reg-box p.errorinfo{
    top:68px;
}
.alert-login-reg-box .reg-div{
    display: none;
}
.alert-login-reg-box .longin-or{
    width: 100%;
    bottom:80px;
}
.alert-login-reg-box .forgotpassword{
    margin-top: 30px !important;
}
.alert-login-reg-box .line{
    margin: 40px 0;
}
.alert-login-reg-box .rbr_fpd{
    margin: 35px 0;
}
.alert-login-reg-box .file input{
    width:95%;
}
.alert-login-reg-box .sex select{
    height: 65px;
}
.reg-div .reg-top{
    display: flex;
    justify-content: space-between;
}
.reg-div .reg-top input{
    width:87%;
}
.reg-div .sex{
    width: 17%;
}
.reg-div select{
    border: 1px solid #DEDEDE;
    width: 100.3%;
    height: 52px;
    line-height: 52px;
    padding: 0 2%;
    font-size: 16px;
    color: #757575;
    background: #fff;
}
.reg-div .file .first-name{
    width: 37%;
}
.reg-div .file .last-name{
    width: 37%;
}



.service{
    width:67.7%;
    margin:0 auto;
    padding-bottom: 100px
}
.service h4{
    text-align: center;
    color: #21A29E;
    font-size: 36px;
    font-weight: 600;
    padding-bottom: 47px;
}
.service li{
    height: 70px;
    border:1px solid #1CAEA2;
    padding:20px 36px 0;
    margin-bottom: 42px;
    cursor: pointer;
    background:#fff;
    color: #757575;
}
.service li.active{
    border:2px solid #21A29E;
    color: #21A29E;
}
.service li img{
    float: left;
    width:54px;
    margin-right: 19px;
}
.service li .text{
    float: left;
}
.service li .text p{
    font-size: 18px;
    margin-bottom: 0px;
}
.service li .text span{
    font-size: 14px;
}
.service li i{
    float: right;
    width:24px;
    height: 24px;
    background: #f1f1f1;
    border-radius: 50%;
    margin-top:14px;
}
.service li.active i{
    background: url('../images/success.png') center no-repeat;
    background-size: contain;
}
.send-inquiry-now{
    width:406px;
    height: 66px;
    line-height: 66px;
    color: #fff;
    background: #21A29E;
    margin:64px auto 0;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
}

.alert-success{
    width:100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
}
.alert-success .alert-box{
    width:412px;
    background: #fff;
    margin:20% auto 0;
    padding:34px 20px 20px;
    text-align: center;
    border-radius: 10px;
}
.alert-box .success-icon{
    display: block;
    width:72px;
    height:72px;
    margin:0 auto;
    background: url('../images/success.png') center no-repeat;
    background-size: contain;
}
.alert-box .title{
    font-weight: 600;
    font-size: 36px;
    margin:25px 0;
}
.alert-box .div{
    display: flex;
    width: 60%;
    margin: 0 auto;
}
.alert-box .p{
    font-size: 18px;
    text-align: center;
    color: #000;
}
.alert-box .div span{
    display: block;
    width:102px;
    margin:19px auto 0;
    height: 30px;
    line-height: 30px;
    color: #fff !important;
    background: #57AB7E;
    border:1px solid #57AB7E;
    font-size: 18px;
    cursor: pointer;
    border-radius: 6px;
}
.alert-box .div span:hover{
    background: #57AB7E;
}
.alert-box span.no_confirm{
    color: #57AB7E !important;
    background: #fff;
}
.alert-box span.no_confirm:hover{
    background: #eef6f2;
}
.alert-box .alert-close{
    float: right;
    width:15px;
    height:15px;
    margin-top: -18px;
    margin-right: 0px;
    background: url('../images/close.png') center no-repeat;
    background-size: contain;
}

.empty_cart{
    background: #fff;
    width: 100%;
    height: auto;
    padding:125px 0 0;
    margin:0;
    text-align: center;
}
.empty_cart img{
    display: block;
    width:116px;
    height: 114px;
    margin:0 auto;
}
.empty_cart p{
    font-size: 24px;
    margin:35px 0 44px;
}
.empty_cart a{
    display: block;
    width:302px;
    margin:0 auto;
    height: 55px;
    line-height: 55px;
    color: #fff;
    background: #57AB7E;
    font-size: 24px;
    cursor: pointer;
    border-radius: 6px;
}
.empty_cart a:hover{
    text-decoration: none;
}



/*details*/
.tryon_360{
    position: absolute;
    width:100%;
    z-index: 2;
    overflow: hidden;
}
.tryon_360 .du360{
    width:43px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    border:1px solid #989898;
    font-size: 18px;
    cursor: pointer;
    float: left;
    color: #000;
    border-radius: 450%;
    margin-left: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    display:none;
}
.tryon_360 .du360:hover{
    /* background: #eef6f2; */
}
.tryon_360 .du360 i{
    width: 47px;
    height: 18px;
    line-height: 18px;
    background: #fff;
    display: block;
    position: absolute;
}
.tryon_360 .tryon{
    width:118px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border:1px solid #989898;
    font-size: 18px;
    cursor: pointer;
    color: #000;
    display: block;
    float: right;
}
.tryon_360 .tryon:hover{
    /* background: #eef6f2; */
}
.item-product-img{
    float: left;
    /* width:55%; */
    width:63%;
    position: relative;
}
.item-product-img .sale{
    position: absolute;
    left: 29px;
    top: 29px;
    width: 90px;
    line-height: 90px;
    height: 90px;
    border-radius: 50%;
    color: #fff;
    background: #FE8A71;
    font-size: 32px;
    text-align: center;
    z-index: 9;
}
.swiper-container.item-bimg-swiper{
    --swiper-navigation-color: #818181;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
    --swiper-theme-color: #000;
}
.swiper-container.item-bimg-swiper .show{
    opacity:1;
}
.item-bimg-swiper .swiper-button-next,.item-bimg-swiper .swiper-button-prev{
    opacity:0;
    transition:opacity 0.2s;
}
.item-bimg-swiper .swiper-slide{
    position: relative;
}
.item-bimg-swiper .swiper-slide img{
    width: 95%;
    margin: 10% auto 11%;
    display: block;
}
.item-bimg-swiper .swiper-slide .video-btn{
    width:100px;
    height:100px;
    position: absolute;
    top:calc(50% - 50px);
    left:calc(50% - 50px);
    cursor: pointer;
    margin-top:0;
}
.item-simg{
    width:100%;
    margin:0px auto 0;
    position: relative;
}
.item-simg-swiper{
     padding:0 4px;
}
.item-simg-swiper .swiper-slide{
    width:24.9%;
    border:1px solid transparent;
    cursor: pointer;
    box-sizing: border-box;
}
.item-simg-swiper .swiper-slide img{
    width:100%;
    /*height: 100%;*/
    /* margin-top: 25%; */
}
.item-simg-swiper .swiper-slide.swiper-slide-video img{
    margin-top:0;
}
.item-simg-swiper .swiper-slide.swiper-slide-thumb-active{
    border:1px solid #57AB7E;
}


.item-product-info{
    float: right;
    width:29.25%;
    color: #000;
    padding-top: 85px;
}
.item-product-info .sku-name{
    font-size: 30px;
    font-weight: 600;
}
.item-product-info .sku-name i{
    float: right;
    width:30px;
    height:27px;
    background: url('../images/like.png') center no-repeat;
    background-size: contain;
    margin-top:12px;
    cursor: pointer;
}
.item-product-info .sku-name i.active{
    background: url('../images/like-after.png') center no-repeat;
    background-size: contain;
 }
.pairs{
    padding:30px 35px 25px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #E6E6E6;
}
.pairs li p{
    font-size: 30px;
    color: #1CAEA2;
}
.pairs li.active p{
    font-weight: 600;
}
.pairs li span{
    font-size: 14px;
}
.item-product-info td .imgbox{
    width:70px;
    height:70px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid transparent;
}
.item-product-info td img{
    width: 88%;
    margin: 30% auto 0;
    display: block;
}
.item-product-info table .quantity .qty-btn{
    width:30px;
    height:30px;
    display: block;
    font-size:24px;
    color: #757575;
    border:1px solid #DEDEDE;
    background: #F2F2F2;
    text-align: center;
}
.item-product-info table .quantity .qty-btn:hover{
    text-decoration: none;
}
.item-product-info table .quantity .qty-btn-down{
    border-right: none;
}
.item-product-info table .quantity .qty-btn-up{
    border-left: none;
}
.item-product-info table .quantity input{
    width:60px;
    height:30px;
    border:none;
    text-align: center;
    border:1px solid #DEDEDE;
    border-right: none;
    border-left: none;
    font-size: 18px;
}
.item-product-info table thead tr{
    height:60px;
    font-size: 14px;
}
.item-product-info table tbody tr{
    font-size: 16px;
    height: 100px;
}
.item-product-info table tbody tr .imgbox{
    border: 1px solid transparent;
}
.item-product-info table tbody tr:hover .imgbox{
    border: 1px solid #DEDEDE;
}
.item-product-info table tbody tr .price{
    color: #21A29E;
}
.item-product-info table tbody tr.active td{
    position: relative;
}
.pro-table td:nth-child(2n){
    width:14%;
}
.item-product-info table tbody tr.active .imgbox{
    border: 2px solid #21A29E;
}
.item-product-info table tbody tr .active-img{
    display: none;
}
.item-product-info table tbody tr.active .active-img{
    display: block;
    border: none;
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 16px;
    left: 65px;
}

.lens-function{
    padding:30px 0;
}
.lens-function .title{
    font-size:14px;
    margin-bottom: 27px;
}
.lens-function ul{
    display: flex;
    justify-content: space-between;
}
.lens-function ul li{
    border:1px solid #DEDEDE;
    width:28%;
    padding:10px;
    cursor: pointer;
}
.lens-function ul li.active{
    border:1px solid #1CAEA2;
}
.lens-function ul li p{
    font-size: 14px;
    margin-bottom: 9px;
}
.lens-function ul li span{
    font-size: 16px;
    font-weight: 600;
    display: block;
}
.lens-function ul li i{
    font-size: 14px;
    color: #21A29E;
    font-style: inherit;
    float: right;
    cursor: pointer;
}

.deals{
    line-height: 40px;
    font-size: 16px;
    padding:0 10px;
    /* border-radius: 5px; */
    color: #57AB7E;
    background: #eef6f2;
    /* cursor: pointer; */
    margin-bottom: 16px;
}
.deals span{
    color: #57AB7E;
    font-weight: 600;
}
.deals i{
    display: inline-block;
    width:14px;
    height:10px;
    background: url('../images/is_check.png') center no-repeat;
    background-size: contain;
    margin-left: 11px;
    margin-right: 3px;
}
.deals em{
    font-style: inherit;
    float: right;
}

.pro_color{
    /* display: flex;
    flex-wrap: wrap; */
    margin-top:16px;
    margin-bottom: 21px;
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 35px;
}
.pro_color .swiper-slide{
    width:20%;
    margin-right: 18px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    flex-shrink: 0;
    border-top: 3px solid transparent;
}
.pro_color .swiper-slide.active{
    border: 1px solid #57AB7E;
}
.pro_color .swiper-slide img{
    width:100%;
    /* margin-top:6px; */
    display: block;
}
.pro_color .swiper-slide span,.pro_color .swiper-slide .color_price{
    display: none;
}
.pro_color .swiper-slide.active span{
    /* display: block; */
}
.pro_color_swiper.swiper-container{
    --swiper-navigation-color: #818181;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 15px;/* 设置按钮大小 */
    padding:0px 15px 0;
}
.pro_color .swiper-button-prev{
    left:0;
}
.pro_color .swiper-button-next{
    right:0;
}
.ColorSpan{
    font-size: 16px;
}

.item-product-info .total-price{
    font-size: 14px;
    margin-bottom: 20px;
    margin-top:26px;
}
.item-product-info .total-price .price{
    font-size: 40px;
    color: #57AB7E;
    font-weight: 600;
}
.item-product-info .total-price .ol_price{
    font-style: inherit;
    color: #818181;
    text-decoration: line-through;
    font-size: 18px;
    margin-left: 11px;
    position: relative;
    display: none;
}
.item-product-info .total-price.discount_pro .ol_price{
    display: inline;
}
.item-product-info .total-price p{
    color: #818181;
    font-size: 18px;
    margin-top: -8px !important;
}
.item-product-info .total-price .discount{
    width:53px;
    height: 27px;
    font-size: 14px;
    color: #57AB7E;
    text-align: center;
    background: url('../images/discount.png') center no-repeat;
    background-size: cover;
    position: absolute;
    top:-30px;
    left:-10px;
}
.item-product-info .select-button{
    display: block;
    height: 63px;
    line-height: 63px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    background: #57AB7E;
    /* border-radius: 4px; */
    color: #fff;
    font-weight: 600;
}
.item-product-info .select-button--disabled {
    display: block;
    height: 63px;
    line-height: 63px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    cursor: not-allowed;
    background: #A3A3A3;
}

.item-product-info .select-button:hover{
    background: #57AB7E;
}

.item-product-info .share{
    font-size: 18px;
    margin-bottom: 15px;
}
.item-product-info .share img{
    width:30px;
    height: 30px;
    margin-left: 10px;
    vertical-align: middle;
    cursor: pointer;
}
.details-info li{
    border-bottom: 1px solid #EEEEEE;
}
.details_detalis{
    border-bottom: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    font-size: 18px;
    padding-top: 20px;
}
.details_detalis p{
    margin-bottom: 20px;
}
.details_detalis .MaterialCont a{
    color: #57AB7E;
}
.details_detalis.active .info-li-cont{
    display: block;
}
.details_detalis.active .title{
    display: none;
}
.details_detalis .details_span{
    float: right;
    cursor: pointer;
    margin-top: -15px;
}
.details_detalis .title .details_span .iconfont{
    float: none;
    font-size: 17px;
    margin-left: 17px;
    margin-right: 10px;
    color: #000;
}
.details-info li .title{
    font-size: 18px;
    height: 61px;
    line-height: 61px;
    padding:0 5px;
    cursor: pointer;
}
.details-info .iconfont{
    font-size:31px;
    float: none;
    margin: 0;
    margin-right: 13px;
    vertical-align: middle;
    color: #57AB7E;
    display: inline-block;
}
.details-info .iconfont:nth-of-type(2){
    float: right;
    font-size:17px;
    margin-right: 5px;
    color: #000;
}
.details-info .active .iconfont:nth-of-type(2){
    /*transform-origin:center center;*/
    transform: rotate(180deg);
}
.details-info .info-li-content{
    display: none;
}
.details-info .info-li-cont{
    padding: 35px 21px;
    border-radius: 5px;
    border: 1px solid #57AB7E;
    margin-bottom: 34px;
    display: none;
}
.details-info .active .info-li-content,.details-info .active .info-li-cont{
    display: block;
}
.details_title{
    cursor: pointer;
    margin-bottom: 20px;
}
.details_title .iconfont:nth-of-type(2){
    transform: rotate(180deg);
    float: right;
    font-size: 17px;
    margin-top: 8px;
    margin-right: 5px;
}
.details-info .info-li-cont p{
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}
.details-info .info-li-cont p:before{
    /* content: '';
    width:4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
    float: left;
    margin-top: 13px;
    margin-right: 10px; */
}
.details-info .info-li-cont table{
    border:1px solid #DDDDDD;
    margin-top:18px;
}
.details-info .info-li-cont table tr{
    background: #F5F9F6;
    height: auto;
    line-height: 48px;
}
.details-info .info-li-cont table td{
    padding-left: 27px;
}
.details-info .info-li-cont table td.tit{
    font-weight: 600;
    width:40%;
}
.details-info .info-li-cont table tr:nth-of-type(2n){
    background: #fff;
}
.details-info .info-li-cont span{
    font-size: 18px;
    line-height: 36px;
    display: block;
}
.details-info .info-li-cont span.title_span{
    font-weight: 600;
    margin-top:30px;
}
.details-info .info-li-cont span span,.details-info .info-li-cont p span{
    display: inline;
    font-weight: 500;
}
.details-info .info-li-cont span[data-url]{
    color: #57AB7E;
    cursor: pointer;
}
.details-info .info-li-cont span a{
    color: #57AB7E;
}
.details-info .info-li-cont span a:hover{
    text-decoration: underline;
}
.details-info .active .size_img{
    width: 70px;
    margin-top: 19px;
    vertical-align: text-bottom;
}
.details-info .info-li-cont .info-li-cont-list li{
    margin-bottom: 23px;
    overflow:hidden;
    font-size: 14px;
}
.details-info .info-li-cont .info-li-cont-list li:last-of-type{
    margin-bottom: 0;
}
.details-info .info-li-cont .info-li-cont-list li img{
    float: left;
    width: 46px;
    margin-right: 15px;
    margin-top:5px;
}
.details-info .info-li-cont .info-li-cont-list li .text{
    float: left;
}
.details-info .info-li-cont .info-li-cont-list li p:before{
    display: none;
}
.details-info .info-li-cont .info-li-cont-list li span{
    font-size: 12px;
    color: #757575;
    padding:0;
    margin:0;
}
.details-info li:last-of-type .info-li-cont span{
    padding-left:15px;
    position: relative;
}
.details-info li:last-of-type .info-li-cont span::before{
    content: '*';
    color: #F86F6E;
    font-size: 20px;
    position: absolute;
    left:0;
}
.toast{
    max-width:70%;
    padding:10px  20px;
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 6px;
    position: fixed;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
    background: rgba(0, 0, 0,.4);
    font-size: 24px;
    min-width:16%;
}
.toast span{
    display: block;
    width:43px;
    height:43px;
    background: url('../images/success.png') center no-repeat;
    background-size: contain;
    margin:15px auto;
}


.alert-success .alert-box.more-info{
    width:390px;
    padding:65px 45px 35px;
    text-align: left;
    margin:4% auto 0;
    max-height: 75%;
    overflow-y: auto;
}
.alert-box.more-info .title{
    margin:0 0 22px;
    text-align: center;
    font-size: 34px;
}
.alert-box.more-info p{
    font-size: 22px;
}
.alert-box.more-info .lens-color{
    color: #797979;
}
.alert-box.more-info li{
    display: flex;
}
.alert-box.more-info li i{
    display: inline-block;
    width:25px;
    height:25px;
    margin-right: 10px;
    background: url('../images/icon-more-info.png') center no-repeat;
    margin-top:5px;
}
.alert-box.more-info li p{
    margin-bottom: 10px;
}
.alert-box.more-info .more-info-img{
    width:100%;
    margin:25px 0;
}





/*my account*/
.two-columns-left .account_center{
    width:81%;
}
.infomation{
    background: #fff;
    margin-bottom: 140px;
}
.infomation .title{
    font-size: 24px;
    border-bottom: 1px solid #E6E6E6;
    padding:34px 44px;
    position: relative;
}
.infomation-cont{
    padding:77px 44px 150px;
    font-size: 18px;
}
.infomation-cont p{
    font-size: 16px;
    color: #757575;
}
.infomation-cont p span{
    color: #000;
}
.infomation-cont .tool{
    float: right;
    margin-top:-35px;
}
.infomation-cont .tool img{
    cursor: pointer;
}
.block .block-title strong span{
    color: #000;
    font-size: 36px;
    display: block;
    margin-bottom: 35px;
}
.sidebar .block-account .li{
    padding-left: 0;
    font-size: 16px;
    color: #000;
}
.sidebar .block-account .li span{
    font-weight: 500;
}
.sidebar .block-account .li:hover{
    background: #57AB7E;
    color: #fff;
}
.sidebar .block-account .li:hover .iconfont{
    color: #fff;
}


.infomation-edit-cont{
    padding:42px 44px 86px;
}
.infomation-edit-cont input{
    border: 1px solid #DEDEDE;
    padding: 0 17px;
    color: #757575;
    font-size: 16px;
    height:52px;
    line-height: 52px;
    width:97%;
}
.infomation-edit-cont .file .sex{
    width: 13%;
}
.infomation-edit-cont .file .first-name{
    width: 40%;
}
.infomation-edit-cont .file .last-name{
    width: 40%;
}
.infomation-edit-cont .reg-top.file input{
    width: 92.5%;
}
.infomation-edit-cont .file select{
    width:100%;
    padding:0 1.2%;
    background: #fff;
}
.infomation-edit-cont .file{
    margin-bottom: 32px;
    position: relative;
}
.infomation-edit-cont .save{
    display: block;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    background: #1CAEA2;
    text-align: center;
    cursor: pointer;
}
.infomation-edit-cont .change-pass{
    display: none;
}
.infomation-edit-cont .change-pass-btn{
    color: #949494;
    margin: 40px 0 35px;
    font-size: 14px;
    width:170px;
}
.infomation-edit-cont .change-pass-btn input{
    width: 24px;
    height: 24px;
    border: none;
    border: 1px solid #DEDEDE;
    vertical-align: bottom;
    margin-right: 10px;
}
.infomation-edit-cont .change-pass-btn input[type=checkbox]{
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
    position: relative;
}
.infomation-edit-cont .change-pass-btn input[type=checkbox]:checked:after{
    background: #fff url(../images/is_check.png) center no-repeat;
}
.infomation-edit-cont .change-pass-btn input[type=checkbox]:after{
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    content: " ";
    color: #fff;
    display: inline-block;
    visibility: visible;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
}
.infomation-edit-cont .change-pass .title-p{
    font-size: 18px;
    position: relative;
    width:160px;
}
.infomation-edit-cont .change-pass .title-p:after{
    content: '*';
    color: #FF9F9E;
    font-size: 14px;
    margin-right: 8px;
    position: absolute;
    right: -18px;
}


.wish-list{
    display: flex;
    flex-wrap: wrap;
    padding:38px 3% 138px;
}
.wish-list li{
    width:31%;
    text-align: center;
    flex-shrink: 0;
    padding:27px 0;
}
.wish-list li:nth-of-type(3n-1){
    padding:27px 3.5%;
}
.wish-list li i{
    width:22px;
    height: 22px;
    background: url('../images/like-after.png') center no-repeat;
    background-size: contain;
    float: right;
    margin-right: -7px;
    cursor: pointer;
}
.wish-list li img{
    width:100%;
}
.wish-list li p{
    font-size: 16px;
    color: #757575;
}
.wish-list li span{
    font-size: 18px;
    color: #000;
}
.wish-no-cont{
    padding:173px 0;
    text-align: center;
}
.wish-no-cont p{
    font-size: 20px;
    color: #757575;
    margin:30px 0 65px;
}
.wish-no-cont span{
    display: block;
    font-size: 24px;
    color: #1CAEA2;
    border:2px solid #1CAEA2;
    width:690px;
    height:58px;
    line-height: 58px;
    margin:0 auto;
    cursor: pointer;
}


.inquiry-list{
    padding:20px 44px 27px;
}
.inquiry-list li{
    font-size: 16px;
    color: #000;
    margin-bottom: 24px;
}
.inquiry-list li:last-of-type{
    margin-bottom: 0;
}
.inquiry-list .li-title{
    font-size: 18px;
    color: #757575;
    background: #fff;
    margin-bottom: 10px;
    padding:16px 27px;
}
.inquiry-li{
    display: flex;
    position: relative;
    background: #F6FAFA;
    padding:16px 27px;
}
.inquiry-li-text{
    display: inline-block;
    width:18%;
}
.inquiry-li-view{
    position: absolute;
    right: 27px;
    color: #1CAEA2;
    cursor: pointer;
}
li .inquiry-li-view i{
    display: inline-block;
    width:25px;
    height:25px;
    background: url('../images/down_arrow_green.png') center no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-left: 8px;
}
li.active .inquiry-li-view i{
    transform: rotate(180deg);
}
li .inquiry-li-cont{
    display: none;
}
li.active .inquiry-li-cont{
    display: block;
}
.inquiry-li-cont table{
    color: #000;
    font-size:16px;
}
.inquiry-li-cont table thead{
    border-bottom: 1px solid #E5E5E5;
}
.inquiry-li-cont table thead tr{
    line-height: 68px;
}
.inquiry-li-cont table thead th:first-of-type{
    text-align: left;
}
.inquiry-li-cont table th,.inquiry-li-cont table td{
    padding:0 27px;
    text-align: center;
}
.inquiry-li-cont table tr td:last-of-type,.inquiry-li-cont table tr th:last-of-type{
    text-align: right;
}
.inquiry-li-cont table td a:hover{
    text-decoration: none;
}
.inquiry-li-cont table td a img{
    width:160px;
    height:160px;
    float: left;
    margin-right: 26px;
}
.inquiry-li-cont table td a .info-box{
    float: left;
    padding-top:40px;
    text-align: left;
    color: #000;
}
.inquiry-li-cont table td a .info-box p{
    margin-bottom:8px;
}
.inquiry-li-cont table td a .info-box p span{
    color: #818181;
}
.inquiry-li-cont table tr td:last-of-type{
    font-size: 18px;
}
.inquiry-li-cont table td{
    padding:28px 27px;
}
.service-box{
    padding:27px 0 0 27px;
    font-size: 16px;
    color: #000;
    overflow:hidden;
}
.service-box .service-title{
    color: #818181;
    float: left;
}
.service-box .cont{
    float: left;
}
.service-box .cont p{
    margin-bottom: 10px;
}
.service-box .cont p i{
    display: inline-block;
    width:25px;
    height:25px;
    background: url('../images/icon-more-info.png') center no-repeat;
    background-size: contain;
    vertical-align: bottom;
    margin-right: 5px;
}
.inquiry-cont{
    padding-bottom: 40px;
}
.inquiry-cont .show-more-btn{
    background: #1CAEA2;
    color: #fff;
    font-size: 16px;
    display: block;
    margin:22px auto 0;
    width:229px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
}



/*会员下拉登录框*/
.top_nav_right .common-head-user-box{
    width: 323px;
    position: absolute;
    right: -65px;
    top: 55px;
    background: #fff;
    padding: 15px 25px 35px;
    height: auto;
    border: 1px solid #ebebeb;
    box-shadow: 0 5px 5px rgba(0,0,0,.15);
    z-index:99;
    min-height: 400px;
    display: none;
}
.common-head-user-title{
    font-size: 24px;
    font-weight: 600;
    color: #57AB7E;
    text-align: center;
    line-height: 55px;
}
.common-head-user-info-ipt{
    position: relative;
}
.common-head-user-info-ipt input {
    margin: 13px 0;
    border: 1px solid #e6e6e6;
    text-indent: 40px;
    line-height: 38px;
    height: 38px;
    width:100%;
    border-radius: 6px;
}
.common-head-user-info-ipt-email::before{
    content: '';
    display: block;
    width: 22px;
    height: 17px;
    background: url(../images/icon_Email.png) center no-repeat;
    position: absolute;
    top:24px;
    left:10px;
}
.common-head-user-info-ipt-password::before{
    content: '';
    display: block;
    width: 17px;
    height: 20px;
    background: url(../images/icon_Password.png) center no-repeat;
    position: absolute;
    top:23px;
    left:10px;
}
.hint {
    position: absolute;
    left: 0;
    bottom: -4px;
    color: #F87978;
    font-size: 12px;
    display: none;
}
p.hint-password{
    top: 53px;
    font-size: 12px !important;
}
.rbr_fpd{
    color: #666;
    width: 100%;
    margin:10px 0 30px;
}
.rbr_fpd input{
    width: 18px;
    height: 18px;
    border: 1px solid #e6e6e6;
    vertical-align: bottom;
    background: #fff;
    vertical-align: middle;
}
.rbr_fpd .label {
    position: relative;
    font-size: 20px;
    font-weight: 400;
    cursor: pointer;
}
.top_nav_right .rbr_fpd span {
    font-size: 14px;
}
.rbr_fpd p {
    font-size: 14px;
    float: right;
    cursor: pointer;
    line-height: 34px;
}
.rbr_fpd p a{
    color:#57AB7E;
}
.rbr_fpd p a:hover{
    text-decoration: underline;
}
.menulogin {
    width: 100%;
    height: 46px;
    line-height: 46px;
    color: #fff;
    background: #57AB7E;
    border:1px solid  #57AB7E;
    font-size: 18px;
    text-align: center;
    padding: 0;
    cursor: pointer;
    margin-bottom: 16px;
    border-radius: 6px;
}
.menulogin:hover{
    background: #57AB7E;
    border:1px solid  #57AB7E;
}
.menutoreg {
    width: 100%;
    height: 46px;
    line-height: 46px;
    color: #57AB7E;
    border: 1px solid #57AB7E;
    background: #fff;
    font-size: 18px;
    text-align: center;
    padding: 0;
    cursor: pointer;
    border-radius: 6px;
}
.menutoreg:hover{
    background: #eef6f2;
}
.common-head-user-info{
    position: relative;
}
.common-head-user-box .longin-or {
    text-align: center;
    color: #666666;
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 110px;

    display: none;
}
.common-head-user-box .longin-or span {
    display: inline-block;
    background: #fff;
    margin: 0 auto;
    width: 110px;
}
.common-head-user-box .line {
    width: 100%;
    height: 1px;
    background: #E5E5E5;
    margin: 27px 0 32px;

    display: none;
}
.common-head-user-box .sign-with{
    display: none;
}
.common-head-user-box .sign-with span{
    display: block;
    width: 203px;
    height: 37px;
    background: #fff;
    border: 1px solid #DEDEDE;
    border-radius: 19px;
    margin: 0 auto;
    cursor: pointer;
    margin-bottom: 11px;
    text-align: center;
}
.common-head-user-box .sign-with span:hover{
    border: 1px solid #3B5998;
}
.common-head-user-box .sign-with img{
    height: 37px;
    width: 65%;
}
.common-head-user-box .sign-with .iconfont{
    color: #3B5998;
    font-size: 28px;
    display: block;
    text-align: center;
    line-height: 37px;
    border: none !important;
}
.common-head-user-box .rbr_fpd input[type=checkbox] {
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
    position: relative;
}
.common-head-user-box .rbr_fpd input[type=checkbox]:checked:after {
    background: #fff url(../images/is_check.png) center no-repeat;
    background-size: 57%;
    border-radius: 2px;
}
.common-head-user-box .rbr_fpd input[type=checkbox]:after {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    content: " ";
    color: #fff;
    display: inline-block;
    visibility: visible;
    border-radius: 2px;
    border: 1px solid #E6E6E6;
}
.common-head-user .loginer-con{
    font-size: 18px;
    line-height: 40px;
    cursor: pointer;
    color:#000;
}
.common-head-user .loginer-con:hover{
    color:#57AB7E;
}


/*try on*/
.try-on-alert{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    z-index:99;
    display: none;
}
.try-on-content{
    position:fixed;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    /*width:50%;
    height:80%;*/
    background:#fff;
    z-index:100;
    padding-left: 35px;
}
/* 详情try on */
.item-product-img .try-on-alert{
    position: absolute;
    background: #fff;
    z-index:2;
}
.item-product-img .try-on-content{
    position:static;
    left:50%;
    top:50%;
    transform: translate(0%, 0%);
    /*width:50%;
    height:80%;*/
    background:#fff;
    z-index:100;
    padding-left: 0;
}
.item-product-img .try-on-alert .try-frame-view{
    width: 49%;
    float: left;
    background: #57AB7E;
    font-size: 18px;
    color: #fff;
    line-height: 59px;
    border-radius: 4px;
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
}
.item-product-img .tryon_details .try-frame-view{
    width: 118px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #989898;
    font-size: 18px;
    cursor: pointer;
    color: #000;
    background: #fff;
    border-radius: 0;
    float: right;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}
.item-product-img .try-on-alert .common-alert-close{
    display: none;
}
.item-product-img .try-on-alert .common-alert-box{
    width:100% !important;
}
.item-product-img .try-on-alert .try-right-box{
    width:100%;
}
.item-product-img .try-right-head-box{
    /* width:560px !important; */
}
.item-product-img .try-on-alert .swiper-glasses.swiper-container{
    display: none;
}
.swiper_head_tt{
    position: relative;
    background: #eaeaea;
    height: 430px;
}
.tryon_details .swiper_head_tt{
    height: 560px;
}
.item-product-img .swiper_head_tt{
    background: #eaeaea;
    padding-top: 40px;
}
.item-product-img .tryon_details .swiper_head_tt{
    background: #fff;
    padding-top: 0;
}
.item-product-img .swiper-head{
    width:100%;
}
.tryon_details .simg-head{
    display: flex;
    margin-top: -35px;
}
.tryon_details .swiper-head{
    width: calc(100% - 130px);
}
.item-product-img .try-on-alert .try-right-btns{
    width:100%;
}
.item-product-img .swiper-head .swiper-button-next,.item-product-img .swiper-head .swiper-button-prev{
    display: none;
}
.item-product-img .try-on-alert .try-right-upload-btn {
    width:49%;
}
.item-product-img .try-on-alert .try-right-tips{
    font-size: 16px;
    width: 180px;
    left: 30px;
    top: 30px;
}
.item-product-img .tryon_details .try-right-tips{
    top: 0;
    left: 0;
    margin-top: 0;
}





.hidden{
    display: none !important;
}





/*contacts us*/
.contacts_h{
    font-size: 48px;
    color: #57AB7E;
    font-weight: 600;
    text-align: center;
}
.contacts_h p{
    font-size: 24px;
    color: #000;
    font-weight: 500;
    margin-top: 15px;
}
.contacts-bimg{
    width:100%;
}
.contacts-box{
    margin-top:27px;
    padding-bottom: 282px;
    display: flex;
    justify-content: space-between;
}
.contacts-left{
    width:51.3%;
    background: #fff;
    box-shadow: 0px 3px 15px 0px rgba(148, 148, 148, 0.1);
    padding: 69px 3%;
}
.contacts-left .file{
    position: relative;
}
.contacts-left p.errorinfo{
    top: 70px;
}
.contacts-left input,.contacts-left select{
    width:96%;
    height:64px;
    line-height: 64px;
    border:1px solid #DEDEDE;
    padding: 0 2%;
    margin-bottom: 40px;
    font-size: 16px;
    background: #fff;
    border-radius: 6px;
}
.contacts-left select{
    width:100.3%;
}
.contacts-left .reg-top .first-name,.contacts-left .reg-top .last-name{
    width:48.3%;
}
.contacts-left .reg-div .file.reg-top input{
    width: 90%;
    padding: 0 5%;
}
input,textarea{
    font-family:Lato !important;
}
.contacts-left textarea{
    display: block;
    width:95.5%;
    height: 138px;
    padding: 0 17px;
    color: #757575;
    font-size: 16px;
    resize: none;
    border: 1px solid #DEDEDE;
    padding-top: 18px;
    border-radius: 6px;
    outline: none;
}
.contacts-left .contacts-send{
    display: block;
    width:100%;
    height:75px;
    line-height: 75px;
    font-size: 24px;
    background: #57AB7E;
    color: #fff;
    text-align: center;
    margin-top: 40px;
    cursor: pointer;
    border-radius: 6px
}
.contacts-left .contacts-send:hover{
    background: #57AB7E;
}
.contacts-right{
    width: 36.7%;
    background: #57AB7E;
    padding-top: 66px;
    padding-left: 3%;
    padding-right: 3%;
    color: #fff;
    box-shadow: 0px 3px 15px 0px rgba(148, 148, 148, 0.1);
}
.contacts-right-title{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}
.contacts-right p{
    font-size: 26px;
    margin-bottom: 0;
    display: flex;
}
.contacts-right p span{
    width: 45px;
    height: 45px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    margin-right:20px;
    margin-bottom: 0;
}
.contacts-right p span .iconfont{
    font-size: 28px;
    color: #57AB7E;
    margin: 0 auto;
}
.contacts-right span{
    font-size: 20px;
    margin-bottom: 60px;
    display: block;
    padding-left: 65px;
}
/* .lazy{
    width: 100%;
    height: auto;
    background: url('../images/loading.gif') 50% no-repeat;
} */
.contacts-right em{
    display: block;
    font-size: 14px;
    padding-left: 65px;
    color: rgba(255, 255, 255, .49);
}






/*新版列表页*/
.toolbar-box{
    padding:31px 19px 115px 26px;
    padding:31px 19px 0 26px;
    background: #F6F6F6;
    overflow-x: hidden;
}
.toolbar-box.act{
    height: 927px !important;
    overflow-y: auto !important;
    position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
    width: 255px !important;
    margin-bottom:0 !important;
}
.toolnav{
    float: none;
    position: static;
    margin-right: 0;
}
.toolnav .title{
    font-weight: 600;
}
.toolnav .li-fixbox{
    display: block;
    position: static;
    background: transparent;
    border:none;
    padding:0;
    overflow: hidden;
    height: auto;
    /* max-height: 365px;
    -webkit-transition: max-height .5s;
    transition: max-height .5s; */
}
/* .toolnav .li-fixbox[data-title="Gender"]{
    max-height: 120px;
}
.toolnav .li-fixbox[data-title="Occasion"]{
    max-height: 120px;
}
.toolnav .li-fixbox[data-title="Rim"]{
    max-height: 140px;
}
.toolnav .li-fixbox[data-title="Size"]{
    max-height: 220px;
}
.toolnav .li-fixbox[data-title="Feature"]{
    max-height: 230px;
}
.toolnav.active .li-fixbox{
    max-height:0px;
} */
.toolnav .li-fixbox.filter-color li{
    width: 34%;
}
.toolnav .title.active{
    color: #000;
}
.toolnav .title i{
    float: right;
    font-style: initial;
    /* transition:all 2s;
    -webkit-transition:all 2s; */
}

.menu_category .tool-clear{
    text-align: center;
    border: 1px solid #A3A3A3;
    font-size: 20px;
    line-height: 39px;
    min-height: auto;
    margin-bottom: 50px;
    cursor: pointer;
    display: none;
}
.menu_category .tool-clear:hover{
    color: #57AB7E;
    border: 1px solid #57AB7E;
}


.sort-by-box{
    margin-top:40px;
    /* height: 46px; */
    position: relative;
    font-size: 18px;
}
.title_sort_cont{
    flex-shrink: 0;
    height: 44px;
}
.sort-by-box .title{
    /* float: right; */
    margin-right: 55px;
    font-size: 20px;
    font-weight: 400;
    margin-left: 50px;
}
.sort-by-box .title .iconfont{
    display: inline-block;
    font-size:14px;
    font-weight: 600;
    color: #757575;
    cursor: pointer;
}
.sort-by-box .title.active .iconfont{
    transform: rotate(180deg);
    padding-top: 3px;
}
.sort-by-box .title .sort-cont{
    cursor: pointer;
    font-weight: 600;
}
.sort-by-box .sort-content{
    position: absolute;
    right: 50px;
    top: 43px;
    top: 70px;
    border: 1px solid #DEDEDE;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
    width: 200px;
    line-height: 47px;
    display: none;
    z-index: 2;
    background: #fff;
}
.sort-by-box .sort-content li{
    cursor: pointer;
    width:91%;
    padding-left: 9%;
}
.sort-by-box .sort-content li:hover{
    background: rgba(26, 106, 196, .05)
}
.sort-by-box .sort-content li.active{
    color: #21A29E;
}

.menu_category_rbr_fpd input{
    width:22px;
    height: 22px;
}
.menu_category_rbr_fpd.rbr_fpd p{
    text-decoration: none;
}
.menu_category_rbr_fpd .f-left{
    font-size: 16px;
}

.alert-details .item-product-info{
    width:100%;
}
.alert-details-box{
    padding-top:59px;
}
.alert-details-box .alert-close{
    margin-top:-30px;
    margin-right: -10px;
}
.alert-details .item-product-info .img-left{
    float: left;
    width:33%;
}
.alert-details .item-product-info .img-left img{
    width: 100%;
}
.alert-details .item-product-info .img-right{
    float: right;
    width: 63%;
}
.alert-details .sku-name{
    background: transparent;
    font-size: 30px;
    line-height: 30px;
    height: auto;
    padding: 0;
}
.alert-details .pairs{
    border-bottom: none;
    padding:20px 0;
}
.alert-details .pairs li span{
    color: #757575;
}
.alert-details .pro-table{
    border-top: 1px solid #E6E6E6;
}
.alert-details .button-cart{
    display: flex;
}

.no_search{
    margin: 142px auto 269px;
    text-align: center;
    font-size: 30px;
    /* color: #F87978; */
}
.no_search span{
    font-weight: 600;
}
.product-list .product-item{
    position: relative;
    padding-top:81px;
}
.product-item .sale{
    position: absolute;
    left: 42px;
    top: 25px;
    width:56px;
    line-height: 56px;
    height: 56px;
    border-radius: 50%;
    color: #57AB7E;
    background: #FEC339;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    overflow: hidden;
}



/*-------滚动条整体样式----*/
div::-webkit-scrollbar {
    width:7px;
    height:8px;
}
body::-webkit-scrollbar {
    width:7px;
    height:8px;
}
/*滚动条里面小方块样式*/
div::-webkit-scrollbar-thumb {
    border-radius:4px;
    -webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.1);
    background:#D6D8DA;
}
body::-webkit-scrollbar-thumb {
    border-radius:4px;
    -webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.1);
    background:#D6D8DA;
}
body::-webkit-scrollbar {
    width: 0;
}

/*滚动条里面轨道样式*/
.toolbar-box::-webkit-scrollbar-track {
/* -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); */
/* border-radius:0; */
/* background:#fff; */
}




/* 列表try on */
.try-on-alert .try-on-content{
    padding-left: 0;
}
.try-on-alert .common-alert-box{
    width: 429px !important;
    padding:0 !important;
    margin:0 auto !important;
}
.try-on-alert .try-right-box{
    width:429px;
}
.try-on-alert .try-right-head-box{
    width:100%;
    /* background: #eaeaea; */
}
.try-on-alert .swiper-slide img{
    width:100%;
    cursor: pointer;
}
.try-on-alert .try-right-head{
    width:auto;
}
.try-on-alert .try-right-btns{
    overflow: hidden;
    width:90%;
    margin:0 auto;
}
.try-on-alert .try-buy-now{
    width:48.5%;
    float: left;
    background: #57AB7E;
    font-size: 16px;
    color: #fff;
    line-height: 59px;
    border-radius:4px;
    text-align: center;
    cursor: pointer;
}
.try-on-alert .try-buy-now:hover{
    background: #57AB7E;
}
.try-on-alert .try-right-upload-btn {
    width:48.5%;
    float: right;
    background: #fec94d;
    border-radius:4px;
    height: 59px;
    text-align: center;
}
.try-on-alert .try-right-upload-btn:hover{
    background: #fec339;
}
.item-product-img .try-on-alert .try-right-upload-btn{
    margin-top: 11px;
}
.try-on-alert .try-right-upload-btn .common-btn{
    border:none;
    color: #fff;
    font-size: 16px;
    line-height: 59px;
    padding:0;
    width:100%;
}
.try-on-alert .try-right-upload-btn .common-btn .iconfont{
    font-size:22px;
    margin-right: 10px;
}
.try-on-alert .swiper-glasses{
    width:82%;
    margin:18px auto 10px;
}
.try-on-alert .try-on-box{
    position: relative;
}
.try-on-alert .try-right-tips{
    position: absolute;
    z-index: 9;
    left: 19px;
    width: 35%;text-align: left;
    color: #818181;
    top: 12px;
}


.try-on-alert .try-base-tool{
    position: absolute;
    z-index: 9;
    bottom: 5pt;
    width: calc(100% - 34pt);
    margin: 0 17pt;
}
.try-on-alert .try-base-tool-left{
    /*width: 55pt;*/
    width: 100%;
    height:135px;
    text-align: left;
    display: inline-block;
    margin-top: 5pt;
    position: relative;
    overflow: hidden;
}
.try-on-alert .try-base-tool-right{
    width: 62pt;
    float: right;
    display: none;
}
.try-on-alert .try-icon{
    float: left;
    width: 44px;
    height: 44px;
    cursor: pointer;
}
.try-on-alert .try-base-tool-left .try-icon{
    position: absolute;
}
.try-on-alert .try-base-tool-left .icon-add{
    top:0pt;
    left:0pt;
    background: url(../images/add_mobile.png) no-repeat;
    background-size: contain;
}
.try-on-alert .try-base-tool-left .icon-narrow{
    top:63px;
    left:0pt;
}
.try-on-alert .try-base-tool-left .icon-turn-right{
    top:0pt;
    right:0pt;
}
.try-on-alert .try-base-tool-left .icon-turn-left{
    top:63px;
    right:0pt;
}
.try-on-alert .try-base-tool .icon-add{
    background: url('../images/add_mobile.png') no-repeat;
    background-size: contain;
    margin-right: 10pt;
    margin-bottom: 6pt;
}
.try-on-alert .try-base-tool .icon-narrow{
    background: url('../images/narrow_mobile.png') no-repeat;
    background-size: contain;
    margin-bottom: 6pt;
}
.try-on-alert .try-base-tool .icon-turn-right{
    background: url('../images/turn_right_mobile.png') no-repeat;
    background-size: contain;
    /*margin-right: 10pt;*/
}
.try-on-alert .try-base-tool .icon-turn-left{
    background: url('../images/turn_left_mobile.png') no-repeat;
    background-size: contain;
}
.try-on-alert .try-base-tool .icon-arrow-up{
    background: url('../images/up_mobile.png') no-repeat;
    background-size: contain;
    margin-left: 20pt;
    margin-bottom: -3pt;
}
.try-on-alert .try-base-tool .icon-arrow-left{
    background: url('../images/left_mobile.png') no-repeat;
    background-size: contain;
    margin-right: 16.5pt;
    margin-bottom: -3pt;
}
.try-on-alert .try-base-tool .icon-arrow-right{
    background: url('../images/right_mobile.png') no-repeat;
    background-size: contain;
    margin-bottom: -3pt;
}
.try-on-alert .try-base-tool .icon-arrow-down{
    background: url('../imags/down_mobile.png') no-repeat;
    background-size: contain;
    margin-left: 20pt;
}

.try-on-alert .swiper-glasses .swiper-slide{
    width:65px;
    height:42px;
    border-top:2px solid transparent;
}
.try-on-alert .swiper-glasses .swiper-slide img{
    margin:7px auto 0;
    display: block;
}
.try-on-alert .swiper-glasses .swiper-slide:first-of-type{
    /* border:1px solid #57AB7E; */
}
.try-on-alert .swiper-glasses .swiper-slide.active{
    border-top:2px solid #57AB7E;
}
.try-on-alert .swiper-glasses .swiper-wrapper{
    /* padding:0 20px; */
}
.try-on-alert .swiper-glasses .swiper-button-prev{
    left:0;
}
.try-on-alert .swiper-glasses .swiper-button-next{
    right:0;
}
.try-on-alert .swiper-glasses.swiper-container{
    --swiper-theme-color: #666;/* 设置Swiper风格 */
    --swiper-navigation-color: #666;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 20px;/* 设置按钮大小 */
    padding:0 20px;
}


.try-right-head-box{
    position: relative;
}
.try-tool-box{
    position: absolute;
    bottom:50px;
    left:0;
    width:90%;
    display: flex;
    justify-content: space-between;
    padding: 0 5%;
    height:110px;
}
.item-product-img .try-tool-box{
    position: absolute;
    bottom:120px;
    left:0;
    width:100%;
    display: flex;
    justify-content: space-between;
    padding: 0;
    height:150px;
}
.try-tool-box .try-tool{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.try-tool-box .try-tool i{
    width:44px;
    height:44px;
}
.item-product-img .try-tool-box .try-tool i{
    width:60px;
    height:60px;
}

.deals_alert{
    display: none;
}
.deals_content{
    width: 795px;
    max-height: 82%;
    height: 82%;
    margin: 120px auto 0;
    background: #fff;
    overflow-y: hidden;
    position: relative;
}
.deals_alert .alert-close{
    margin-right: 23px;
    margin-top: -15px;
}
.deals_alert h5{
    font-size: 30px;
    padding-top: 40px;
    padding-bottom: 32px;
    border-bottom: 1px solid #E6E6E6;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background: #fff;
}
.deals_cont{
    padding:0px 55px 73px;
    font-size: 18px;
    height: 80%;
    overflow-y: auto;
    margin-top: 80px;
}
.deals_cont p{
    font-weight: 600;
    margin-bottom: 15px;
    margin-top:60px;
}
.deals_cont img{
    margin-top:37px;
}
.pack_img img{
    width: 204px;
}
.deals_cont img:nth-of-type(3n-1){
    margin-left: 24px;
    margin-right: 24px;
}


.size_alert{
    display: none;
}
.size_content{
    width:610px;
    max-height: 85%;
    overflow-y: hidden;
    margin:5% auto 0;
    background: #fff;
    position: relative;
    height: 814px;
}
.size_content .alert-close{
    margin: 0;
    position: absolute;
    right: 30px;
    top: 30px;
}
.size_content h5{
    font-size: 30px;
    padding-top: 41px;
    padding-bottom: 32px;
    border-bottom: 1px solid #E6E6E6;
    text-align: center;
}
.size_cont{
    font-size: 18px;
    height: 100%;
}
.size_conts{
    padding:15px 28px 30px;
    overflow-y: auto;
    height: calc(100% - 149px);
}
.Switch{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Switch p{
    display: flex;
}
.Switch span{
    width: 68px;
    line-height: 28px;
    background: #fff;
    color: #000;
    border: 1px solid #000;
    text-align: center;
    cursor: pointer;
}
.Switch span.active{
    background: #000;
    color: #fff;
}
.size_cont img{
    margin:3px 0;
    width: 100%;
}
.size_cont table{
    border-color: #C1C1C1;
}
.size_cont table td{
    text-align: center;
    height: 65px;
    border-color: #C1C1C1;
    width: 30%;
}
.size_cont table td:first-of-type{
    width: 25%;
}
.size_cont .strong{
    font-weight: 600;
}
.size_cont table td span{
    display: block;
    color: #666666;
}

.Size_Guide{
    cursor: pointer;
    color: #000;
    text-decoration: underline;
}
.Size_Guide:hover{
    color: #57AB7E;
}

.SizeSpan{
    font-size: 16px;
    margin: 18px 0 6px;
}







/* 购物车 */
.cart_title{
    font-size: 30px;
    margin-top:30px;
    margin-bottom: 26px;
}
.cart_left_pro{
    width:61%;
    float: left;
    font-size: 16px;
}
.cart_pro_box{
    /* box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.05); */
    display: flex;
    padding:50px 0 40px;
    position: relative;
    border-bottom: 1px solid #E5E5E5;
}
.cart_img{
    width:301px;
}
.cart_img a{
    overflow: hidden;
    display: block;
}
.cart_img img{
    width:100%;
    display: block;
    margin:0 auto;
}
.cart_img a p{
    background: #F6F6F6;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
}
.cart_close{
    position: absolute;
    top: 30px;
    right: 7px;
    z-index: 1;
    display: block;
    float: right;
    background: url(../images/close.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.cart_cont{
    color:#818181;
    margin-left:32px;
    line-height: 35px;
    width: calc(100% - 301px);
}
.cart_cont p{
    margin: 0;
}
.cart_name{
    color:#000;
}
.cart_cont li{
    margin-bottom: 32px;
}
.cart_cont li:not(.cart_cont_title){
    display: none;
}
.cart_cont.active li:not(.cart_cont_title){
    display: block;
}
.cart_cont li:last-of-type{
    padding-bottom:32px;
    margin-bottom: 42px;
    border-bottom: 1px solid #C1C1C1;
}
.cart_cont span{
    color:#000;
}
.cart_cont i{
    text-decoration: line-through;
}
.cart_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cart_cont li .cart_flex p:last-of-type{
    padding-right: 21px;
}
.color_price{
    margin-left: 6px;
}
.cart_cont span .iconfont{
    vertical-align: middle;
    margin-left: 5px;
    font-size: 21px;
    cursor: pointer;
    color: #57AB7E;
}
.cart_cont span.iconfont{
    cursor:pointer;
}
.subtotal_box .cart_subtotal .iconfont{
    float: right;
    font-size: 17px;
    margin-left: 8px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    display: inline-block;
}
.cart_cont.active .iconfont{
    transform: rotate(180deg);
}
.cart_cont.active li .iconfont{
    transform: rotate(0deg);
}
.cart_cont li .iconfont#jt_pre{
    float: right;
    cursor: pointer;
    font-size: 16px;
    color: #000;
}
.cart_cont li.active .iconfont#jt_pre{
    transform: rotate(180deg);
}

.cart_table{
    color:#000;
    display: none;
}
.alert_move_wish_box .cart_table{
    display: none;
}
.cart_left_pro .cart_table{
    display: none;
}

li.active .cart_table{
    display: block;
}
.alert_move_wish_box li.active .cart_table{
    display: block;
}
.cart_cont.active li.active .icon_dn{
    transform: rotate(180deg);
}
.cart_table span{
    color:#818181;
    display: block;
}
.cart_table table{
    border-color: #E6E6E6;
    margin-top:13px;
}
.cart_table table td{
    text-align: center;
    width: 81px;
    height: 42px;
    line-height: 42px;
    padding:0;
    border: 1px solid #e0e0e0;
    font-size: 12px;
}
.cart_table table .td_sapn{
    line-height: 18px;
}
.cart_table table tr:first-of-type td{
    line-height: 20px;
}
.pack_box img{
    width: 138px;
    border:1px solid #D0D0D0;
    padding:15px 20px;
    margin:10px 0 5px;
}
.change_color_btn{
    width: 178px;
    line-height: 30px;
    background: #FFFFFF;
    border: 1px solid #57AB7E;
    border-radius: 4px;
    color: #57AB7E;
    text-align: center;
    cursor: pointer;
    display:none !important;
}
.change_color_btn:hover{
    background: #eef6f2;
}
.gift_img{
    width: 138px;
    border:1px solid #D0D0D0;
    padding:15px 20px;
    margin:10px 0 5px;
}
.subtotal_box{
    /* border-top: 1px solid #C1C1C1;
    padding-top:42px; */
}
.subtotal_box .qty_box{
    line-height: 30px;
    border: 1px solid #57AB7E;
    border-radius: 4px;
    /* padding: 0 10px; */
}
.subtotal_box .qty_box input{
    width:40px;
    text-align: center;
    font-size: 16px;
    color: #57AB7E;
    border:none !important;
}
.subtotal_box .qty_box a{
    display: inline-block;
    width:25px;
    text-align: center;
    color: #57AB7E;
}
.subtotal_box .cart_subtotal{
    font-size: 22px;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    display: flex;
}
/* 单价总价切换 */
.subtotal_box .cart_subtotal .box_total{
    display: block;
}
.subtotal_box .cart_subtotal .box_num_total{
    display: none;
}
.subtotal_box .cart_subtotal.active .box_total{
    display: none;
}
.subtotal_box .cart_subtotal.active .box_num_total{
    display: block;
}


.cart_right_pro{
    width:34%;
    float: right;
    font-size: 16px;
}
.cart_right_top{
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.05);
    background: #F7F7F7;
    color: #000;
}
.Code_points{
    background: #fff;
    padding:36px 30px;
    margin-bottom: 16px;
}
.cart_right_bottom{
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.05);
    margin-top:26px;
    background: #fff;
    padding:34px 30px 4px;
}
.checkout_cont{
    background: #fff;
    padding:34px 30px;
}
.code_box{
    /* margin-bottom: 35px; */
}
.points_box{
    margin-top:15px;
}
.code_box p,.points_box p{
    color: #000;
    margin-bottom: 10px;
}
.code_box input{
    border: 1px solid #C1C1C1;
    border-radius: 4px;
    width: 73%;
    line-height: 30px;
    text-align: center;
}
.use_points{
    font-size: 12px;
    color: #818181;
}
.use_points span{
    color: #FE7979;
}
.right_btn{
    width:24%;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    background: #57AB7E;
    color: #fff;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
}
.right_btn:hover{
    background: #57AB7E;
}
.checkout_box{
    padding-bottom: 35px;
    border-bottom: 1px solid #C1C1C1;
}
.checkout_box li{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.checkout_box li i,.price_box li i{
    color: #818181;
    font-style: inherit;
}
.checkout_box li em,.price_box li em{
    color: #FE7979;
    font-style: inherit;
}

.subtotal_cont{
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    margin-top:18px;
    margin-bottom: 33px;
}
.subtotal_checkout_btn{
    width:100%;
    height:55px;
    line-height: 55px;
    border-radius: 6px;
    font-size: 24px;
}
.cart_right_bottom_box{
    display: flex;
    margin-bottom: 30px;
}
.cart_right_bottom_box .iconfont{
    font-size: 24px;
    margin-right: 6px;
    color: #fe8a71;
    margin-top: -5px;
}
.cart_right_bottom_box .text span{
    font-size: 14px;
    color: #818181;
    display: block;
}



/* You might also like */
.might_also{
    margin-top: 58px;
}
.might_also h5{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 25px;
}
.might_also .might_project{
    color: #000;
    text-align: center;
    background: #C1C1C1;
}
.might_also .might_project img{
    width:80%;
    margin:9px auto;
    display: block;
}
.might_also_swiper{
    padding:0 25px !important;
}
.might_also .swiper-wrapper{
    /* border-left: 1px solid #C1C1C1; */
}
.might_also .swiper-slide{
    border:1px solid #C1C1C1;
    /* border-left:none; */
    text-align: center;
}
.might_also .swiper-slide span{
    font-weight: 600;
    display: block;
}
.might_also .swiper-slide .also_to_cart{
    width:100px;
    line-height: 30px;
    margin:15px auto 29px;
    border-radius: 4px;
    color: #fff;
    background: #57AB7E;
    text-align: center;
    cursor: pointer;
}
.might_also_swiper.swiper-container{
    --swiper-theme-color: #000;/* 设置Swiper风格 */
    --swiper-navigation-color: #000;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 20px;/* 设置按钮大小 */
}
.might_also_swiper .swiper-button-next{
    right:0;
}
.might_also_swiper .swiper-button-prev{
    left:0;
}






/* 会员 */
.two-columns-left .col-left{
    float:none;
}
.two-columns-left .col_left_cont{
    width: 21%;
}
.two-columns-left .account_center{
    width: 77%;
}
.block_cont{
    background: #fff;
    box-shadow: 0px 2px 8px 0px rgba(148, 148, 148, 0.15);
    margin-bottom:20px ;
}
.col-left .block-account{
    margin:0;
}
.block .block-content{
    padding: 0;
}
.sidebar .block-account .li{
    cursor: pointer;
    line-height: 60px;
    padding:0 5px 0 18px;
    border-bottom: 1px solid #EFEFEF;
}
.sidebar .block-account .li.active{
    background: #57AB7E;
    color: #fff;
}
.sidebar .block-account .li.active span{
    color: #fff;
}
.sidebar .block-account .li .iconfont{
    font-size:20px;
    margin-right: 12px;
    color: #57AB7E;
}
.sidebar .block-account .li .iconfont:last-of-type{
    display: inline-block;
    transform: rotate(-90deg);
    color: #000;
    font-size: 15px;
    float: right;
}
.sidebar .block-account .li:hover .iconfont:last-of-type,.sidebar .block-account .li.active .iconfont:last-of-type{
    color: #fff;
}
.arrow_down{
    float: right;
    width: 15px;
    height: 8px;
    background: url('../images/arrow_down.png') no-repeat;
    background-size: contain;
    margin-top: 23px;
    transform: rotate(270deg);
}
.sidebar .block-account .li.active .arrow_down{
    background: url('../images/arrow_down_write.png') no-repeat;
    background-size: contain;
    transform: rotate(270deg);
}
.block .block-title{
    padding:35px 14px 0;
}
.block-title p{
    text-align: center;
    font-size: 18px;
}
.block-title span{
    display:block;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}
.your_points{
    border-top:1px solid #E6E6E6;
    line-height: 70px;
    display:flex;
    justify-content: space-between;
}
.your_points i{
    font-size:18px;
}


.infomation{
    background: transparent;
    margin-bottom: 56px;
}
.infomation-cont{
    padding:56px 98px;
}
.infomation-cont .tool{
    font-size: 18px;
    color: #57AB7E;
    cursor: pointer;
    margin-top:0;
    margin-right: -27px;
}
.infomation-cont .tool .iconfont{
    margin-right: 7px !important;
    font-size: 18px;
}
.infomation .index_title{
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 29px;
}
.infomation .title{
    padding:0;
    line-height: 88px;
    text-align: center;
    font-size: 32px;
}
.null_text{
    font-size: 24px;
    color: #666666;
    text-align: center;
    margin-top:11px;
}
.add_btns{
    font-size: 24px;
    color: #fff;
    text-align: center;
    width: 560px;
    line-height: 64px;
    background: #57AB7E;
    border-radius: 6px;
    margin:50px auto 0;
    cursor: pointer;
}
.add_btns:hover{
    background: #57AB7E;
}
.add_btns .iconfont{
    font-size: 28px;
    margin-right: 17px;
}
.null_content{
    padding-top:90px;
    padding-bottom: 96px;
    width:100%;
}
.address_cont{
    padding:5px 90px 55px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.address_box{
    flex-shrink: 0;
    width:43%;
    border: 1px solid #C6C6C6;
    border-radius: 6px;
    padding:3% 0 3% 5%;
    font-size: 18px;
    margin-top:50px;
    position: relative;
}
.address_box_top{
    font-weight: 600;
}
.address_box_bot{
    margin-top:27px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-right: 44px;
}
.address_box_bot label{
    color: #818181;
    cursor: pointer;
}
.address_box_bot .edit{
    color: #57AB7E;
}
.address_name{
    margin-right: 15px;
}
.address_box_bot .edit .iconfont{
    margin-right: 1px !important;
}
.address_box_bot .edit span{
    cursor: pointer;
}
.address_box_bot .edit span:first-of-type{
    margin-right: 10px;
}
.address_box_bot .edit span .iconfont{
    font-size: 18px;
    margin-right: 5px !important;
}
.address_box_bot input{
    width: 18px;
    height: 18px;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 5px;
}
.address_box_bot input[type=checkbox]{
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
    position: relative;
}

.address_box_bot input[type=checkbox]:after{
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    content: " ";
    color: #fff;
    display: inline-block;
    visibility: visible;
    border-radius: 4px;
}
.address_box_bot input[type=checkbox]:checked:after{
    background: #57AB7E url("../images/is_check_write.png") center no-repeat;
    background-size: 80%;
}


/* 编辑地址弹窗 */
.alert_address{
    /* display: none; */
}
.alert_address_content{
    width:823px;
    background: #fff;
    margin:120px auto 0;
    padding:71px 0;
    height: 60%;
    overflow-y: hidden;
}
.alert_address .alert-close{
    margin-top:-38px;
    margin-right: 25px;
}
.alert_address_content h5{
    font-size: 30px;
    text-align: center;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 32px;
}
.alert_address_cont{
    padding:30px 50px 0;
    height: 91%;
    overflow: auto;
}
.edit_address_flex{
    display: flex;
    justify-content: space-between;
}
.input_box{
    width:100%;
    margin-bottom: 30px;
    position: relative;
    color: #000;
}
.input_box label{
    font-size: 18px;
}
.input_box .errorinfo{
    top:100px;
}
.alert_address_cont .input_box .errorinfo{
    top: 90px;
}
.alert_address .alert_address_cont .input_box .errorinfo{
    top: 100px;
}
.input_box input,.input_box select{
    width:95.8%;
    height: 65px;
    line-height: 65px;
    border-radius: 6px;
    border:1px solid #E6E6E6;
    padding:0 2%;
    font-size: 16px;
    background: #fff;
    outline: none;
}
.input_box select{
    width:100%;
}
.edit_address_flex .input_box{
    width:48%;
}
.edit_address_flex input{
    width:91.5%;
    padding:0 4%;
}
.input_box label.no_field::after{
    display: inline-block;
    content: '*';
    color: #F87978;
    font-size: 20px;
    margin-right: 8px;
    vertical-align: middle;
}

.checkbox_box input{
    width: 18px;
    height: 18px;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 5px;
}
.checkbox_box input[type=checkbox]{
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
    position: relative;
}
.checkbox_box input[type=checkbox]:after{
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    content: " ";
    color: #fff;
    display: inline-block;
    visibility: visible;
    border-radius: 4px;
}
.checkbox_box input[type=checkbox]:checked::after{
    background: #57AB7E url("../images/is_check_write.png") center no-repeat;
    background-size: 80%;
}
.checkbox_box label{
    cursor: pointer;
}
.alert_address_cont .add_btns{
    width:100%;
    margin-top:35px;
}
.alert_address_remove_content{
    width: 412px;
    padding:34px 0 20px;
    margin:18% auto 0;
    background: #FFFFFF;
    border-radius: 10px;
    position: relative;
    text-align: center;
}
.alert_address_remove_content .add_btns{
    font-size: 18px;
    width:160px;
    line-height: 40px;
    margin-top:30px
}
.alert_address_remove_content .alert-close{
    width: 16px;
    margin-right: 18px;
    margin-top: -22px;
}
.alert_address_cont .edit_btns{
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 64px;
    background: #57AB7E;
    border-radius: 6px;
    margin: 35px auto 0;
    cursor: pointer;
    width: 100%;
}
.alert_address_cont .edit_btns:hover{
    background: #57AB7E;
}




.infomation-cont .tool span:first-of-type{
    margin-right: 30px;
}
.infomation-cont .tool img{
    margin-right: 6px;
}
.infomation_cont{
    padding:7% 9%;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
}
.infomation_cont p{
    margin-bottom: 30px;
}


.wishlistbox .category_buy{
    display: block;
    height:39px;
    line-height: 39px;
    font-size: 20px;
    border: 1px solid #A3A3A3;
    margin-top:40px;
    margin-bottom: 31px;
    cursor: pointer;
    visibility: hidden;
}
.wishlistbox .category_buy:hover{
    border-color: #57AB7E;
    color: #57AB7E;
}
.wish_list{
    padding-top:0;
}

.info_edit_cont{
    padding:50px 100px;
}
.info_change_pass_cont{
    padding:55px 28%;
}
.info_change_pass_cont .please_pass{
    font-size: 18px;
    color: #000;
    text-align: center;
    margin-bottom: 53px;
}
.info_change_pass_cont .add_btns{
    width: 100%;
}
.info_change_pass_cont .passImg{
    top:53px;
}

.points_cont{
    padding:60px;
    font-size: 18px;
    color: #000;
}
.balance{
    margin-bottom: 10px;
}
.redeemed{
    margin-bottom: 45px;
}
.balance span,.redeemed span{
    font-weight: 600;
}
.points_cont table{
    font-size: 16px;
    margin-top:12px;
    margin-bottom: 70px;
}
.points_cont table th{
    font-weight: 600;
    background: #F2F2F2;
    text-align: center;
    line-height: 58px;
}
.points_cont table td{
    border-color: #666666;
    text-align: center;
    height: 60px;
}
.click_here{
    color: #57AB7E;
    cursor: pointer;
}
.click_here:hover{
    text-decoration: underline;
}


.alert_ponits{
    display: none;
}
.alert_points_content{
    width:50%;
    background: #fff;
    margin:5% auto 0;
    padding:70px 0;
    height: 65%;
    overflow-y: hidden;
}
.alert_points_content .alert-close{
    margin-right: 25px;
    margin-top:-33px;
}
.alert_points_content h5{
    font-size: 30px;
    text-align: center;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 28px;
}
.alert_points_cont{
    padding:0 40px;
    font-size: 18px;
    height: 95%;
    padding-bottom: 5%;
    overflow-y: auto;
}
.alert_points_cont p{
    font-weight: 600;
    margin-top:35px;
    margin-bottom:15px;
}
.alert_points_cont span{
    display: block;
}
.alert_points_cont span .iconfont{
    font-size: 20px;
    margin-right: 20px;
    vertical-align: middle;
    display: inline-block;
    background: #57AB7E;
    width: 38px;
    border-radius: 50%;
    color: #fff;
    line-height: 38px;
    text-align: center;
}
.span_img{
    background: #F1F1F1;
    line-height: 60px;
    margin-bottom:17px;
    padding:0 30px;
}

.infomation-cont .address_box_top{
    margin-bottom: 20px;
}
.tryOn_img_box img{
    width:248px;
}
.prescription_table_box p{
    color: #000;
    margin-bottom:10px;
}
.prescription_table_box table tr:first-of-type td{
    font-weight: 600;
}
.prescription_table_box table td{
    width: 20%;
    height: 50px;
    text-align: center;
}
.prescription_table_box .td_sapn{
    font-weight: 600;
}
.prescription_table_box .td_sapn span{
    font-weight: 500;
    color: #818181;
}

.prime_cont{
    padding:32px 8% 30px;
    font-size: 18px;
    color: #000;
}
.prime_cont .black_title{
    width: 100%;
    height: 104px;
    background: url("../images/prime_bg.png") center no-repeat;
    background-size: contain;
    padding-top:35px;
    box-shadow: 0px 2px 8px 0px rgba(148, 148, 148, 0.15);
    position: relative;
}
.prime_cont .black_title p{
    color: #F4DDB6;
    font-weight: 600;
    margin-bottom: 10px;
    padding-left: 29%;
}
.privileges_box{
    padding-bottom: 15px;
}
.privileges_box h5{
    font-size: 20px;
    text-align: center;
    background: url("../images/prime_line.png") center no-repeat;
    /* background-size: contain; */
    padding:0;
    margin-top:43px;
    margin-bottom: 28px;
}
.privileges_flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.privileges{
    width:40%;
    flex-shrink:0;
    box-shadow: 0px 2px 8px 0px rgba(148, 148, 148, 0.15);
    margin-bottom: 26px;
    border-radius: 10px;
    padding: 39px 4%;
    display: flex;
    align-items: center;
}
.privileges img{
   width:42px;
   margin-right: 22px;
}
.prime_subtotal{
    font-weight: 600;
    font-size: 24px;
    display: flex;
    justify-content: space-between;
    line-height: 100px;
    border-top:1px solid #E6E6E6;
}


.prime_btn_box{
    display: flex;
    justify-content: space-between;
}
.prime_bts{
    display: flex;
    flex-direction: column;
}
.prime_btn_box a{
    width:360px;
    height: 54px;
    line-height: 54px;
    margin-bottom: 20px;
    border-radius: 6px;
    text-align: center;
}
.paypal_btn{
    background: #57AB7E;
}
.paypal_btn:hover{
    background: #57AB7E;
}
.paypal_btn .iconfont{
    font-size: 26px;
    color: #fff;
    vertical-align: middle;
}
.credit_btn{
    background: #fec94d;
}
.credit_btn:hover{
    background: #fec339;
}
.credit_btn .iconfont{
    font-size: 25px;
    vertical-align: middle;
    margin-right: 11px;
}


.buy_prime{
    background: url("../images/buy_prime.png") center no-repeat;
    background-size: contain;
    width:232px;
    height:50px;
    text-align: center;
    line-height:50px;
    color: #63440E;
    position: absolute;
    right: 0;
    top:0;
}

.also_like_price{
    display: inline;
    font-style: inherit;
    font-size: 18px;
    margin-left: 11px;
    position: relative;
    text-decoration:line-through;
    color:#A3A3A3;
}


/****** pack pc弹窗 ******/
.packboxpc{
    text-align: center;
    position: fixed;
    background: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
}
.packboxpc .question-box{
    width: 64%;
    max-height: 75%;
    height:75%;
    overflow: hidden;
    border: 1px solid #E6E6E6;
    background: white;
    padding: 20px 0px;
    margin: 7% auto 0;
}
.packboxpc .question-close{
    width: 18px;
    height: 18px;
    display: block;
    float: right;
    background: url("../images/close.png") no-repeat;
    background-size: contain;
    cursor: pointer;
    margin-right: 30px;
    margin-top: 20px;
}
.packboxpc .question-top-title{
    color: black;
    font-size: 30px;
    padding: 20px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #E6E6E6;
}
.packboxpc .question-box-info{
    font-size:18px;
    color:#000;
    height: 89%;
    overflow: auto;
}
.packboxpc .question-box-info .cases{
    padding-bottom: 30px;
    width:23%;
    float: left;
    padding: 20px 1.6%;
    margin: 20px 3.5%;
}
.packboxpc .question-box-info .cases img{
    width: 100%;
    /* height: 145px; */
    margin-bottom: 23px;
}
.packboxpc .question-box-info .cases .packname{
    font-size: 18px;
}
.packboxpc .question-box-info .cases .price{
    font-weight: 600;
    margin:9px 0;
    font-size: 18px;
}
.packboxpc .question-box-info .cases .addcart{
    width: 72%;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    text-transform:none;
    padding:0;
    margin:0 auto;
    color:#fff;
    background: #57AB7E;
    border:1px solid #57AB7E;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer;
}
.packboxpc .question-box-info .cases .addcart:hover{
    background: #57AB7E;
}
.packboxpc .question-box-info .title{
    border-bottom:1px solid #E6E6E6;
    margin-bottom:13px;
    padding-bottom: 8px;
}


.also_to_alert{
    text-align: center;
    position: fixed;
    background: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}
.also_to_alert .question-box{
    width: 30%;
    width: 460px;
    max-height: 75%;
    overflow: auto;
    border: 1px solid #E6E6E6;
    background: white;
    padding: 2% 3%;
    margin: 7% auto 0;
    position: relative;
}
.also_to_alert .question-box img{
    width:80%;
}
.item_also_simg_swiper .swiper-slide-thumb-active{
    border:1px solid #57AB7E;
    border-radius: 50%;
}.item_also_simg_swiper .swiper-slide-thumb-active img{
    border-radius:50%;
}
.item_also_bimg_swiper.swiper-container{
    --swiper-theme-color: #000000;/* 设置Swiper风格 */
    --swiper-navigation-color: #000000;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 20px;/* 设置按钮大小 */
}
.item_also_simg_swiper.swiper-container{
    --swiper-theme-color: #000000;/* 设置Swiper风格 */
    --swiper-navigation-color: #000000;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 18px;/* 设置按钮大小 */
    padding:0 30px;
}
.also_to_alert .question-close{
    width: 18px;
    height: 18px;
    display: block;
    float: right;
    background: url(../images/close.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    margin-right: 30px;
    margin-top: 20px;
    position: absolute;
    right:0;
    top:20px;
}

.also_name{
    width: 80%;
    font-size: 18px;
    text-align: left;
    margin:16px auto 11px;
}
.also_box{
    width: 80%;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
}
.also_box_img {
    position: absolute; 
    top: 0;
}
.also_box .qty_box{
    line-height: 30px;
    border: 1px solid #57AB7E;
    border-radius: 4px;
    /* padding: 0 10px; */
}
.also_box .qty_box input{
    width:40px;
    text-align: center;
    font-size: 16px;
    color: #57AB7E;
    border:none;
}
.also_box .qty_box a{
    display: inline-block;
    width:25px;
    text-align: center;
}
.also_price_box{
    font-weight: 600;
    font-size: 18px;
}
.also_price_box .also_num_price{
    display: none;
}
.also_price_box.active .also_price{
    display: none;
}
.also_price_box.active .also_num_price{
    display: block;
}

.also_to_alert .right_btn{
    width:80%;
    height:55px;
    line-height:55px;
    font-size: 24px;
    margin:35px auto 20px;
}
.item_also_simg{
    margin-top:10px;
}

.item_also_simg_swiper .swiper-slide img{
    width:60px;
    vertical-align: middle;
    cursor: pointer;
}



/* 购物车第二步骤 */
.onepage_left_pro .address_top{
    margin-bottom: 26px;
    width: 90.3%;
    padding:4.78%;
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.05);
}
.onepage_left_pro .address_list{
    display: flex;
    justify-content: space-between;
}
.onepage_left_pro .address_list .address_box_top{
    font-weight: 600;
}
.onepage_left_pro .address_list .address_box{
    width: 42.5%;
    margin-top:0;
    font-size: 16px;
    background: url(../images/blue_gou.png) right top no-repeat;
    background-size: 35px 37px;
    position: relative;
}
.onepage_left_pro .address_list .address_box .address_img{
    width:24px;
    position: absolute;
    left:8px;
    top:25px;
}
.account_center .iconfont.address{
    font-size: 23px;
    position: absolute;
    left: 18px;
    top: 30px;
    color: #000;
}
.onepage_left_pro .address_list .address_box_add{
    background: #fff;
    color: #57AB7E;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0 2.5%;
    cursor: pointer;
    min-height: 166px;
}
.onepage_left_pro .address_list .address_box .address_box_bot .edit{
    font-size: 14px;
}
.onepage_left_pro .address_list .address_box .iconfont.address{
    position: absolute;
    left: 12px;
    top: 21px;
    font-size: 20px;
}
.onepage_left_pro .alert_address_content{
    width: 90.3%;
    margin:0;
    padding:4.78%;
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.05);
    display: none;
}
.onepage_left_pro .alert_address_content .alert-close{
    margin-top: -15px;
    margin-right: -10px;
}
.onepage_left_pro .alert_address_cont{
    padding:0;
    overflow-x: hidden;
}
.onepage_left_pro h5{
    border-bottom: none;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
}
.onepage_left_pro h5 p{
    text-align: left;
    font-weight: 600;
    font-size: 18px;
}
.onepage_left_pro h5 span{
    font-size: 16px;
    color: #57AB7E;
    cursor: pointer;
}
.onepage_left_pro h5 span img{
    width: 14px;
}
.onepage_left_pro h5 p::after{
    display: inline-block;
    content: '*';
    color: #F87978;
    font-size: 22px;
    margin-left: 3px;
    vertical-align: middle;
    font-weight: 500;
}
.alert_address_content h5 p::after{
    display: none;
}
.onepage_left_pro .input_box input{
    height:60px;
    line-height: 60px;
}
.onepage_left_pro .input_box label{
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
.onepage_left_pro .add_btns{
    line-height: 60px;
}
.onepage_left_pro .shipping_box{
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.05);
    margin-top:29px;
    width: 90.3%;
    padding: 4.78%;
}
.shipping_box h5{
    padding-bottom: 0;
}
.shipping_cont .checkbox_box{
    display: flex;
    margin-top:40px;
}
.shipping_cont .checkbox_box .shipping_label{
    margin-top:-5px;
    margin-left: 14px;
}
.shipping_cont .checkbox_box .shipping_label span{
    color:#818181;
}
.shipping_cont .checkbox_box .shipping_label .beizhu{
    color: #FE7979;
}
.arrive_title{
    margin-top:40px;
    cursor: pointer;
}
.arrive_title .iconfont{
    font-size:27px;
    margin-right: 3px;
    vertical-align: middle;
    display: inline-block;
}
.arrive_title .iconfont:nth-of-type(2){
    font-size:17px;
    margin-left: 7px;
}
.arrive_content{
    background: #F7F7F7;
    border-radius: 6px;
    padding:43px 23px 13px;
    margin-top:12px;
    margin-left: 18px;
    display: none;
}
.arrive_box.active .arrive_content{
    display: block;
}
.arrive_box.active .iconfont:nth-of-type(2){
    transform: rotate(180deg);
}
.arrive_content h6{
    font-size: 16px;
    padding-bottom: 18px;
}
.arrive_content .text{
    margin-bottom:30px;
}
.arrive_content p{
    color: #818181;
}
.arrive_content span{
    display: block;
    color: #FE7979;
}


.onepage_right_pro .cart_right_top{
    background: #fff;
    padding: 38px 30px 40px;
}
.onepage_right_pro .cart_right_top_edit{
    text-align: right;
}
.onepage_right_pro .cart_right_top_edit a{
    color: #57AB7E;
}
.onepage_right_pro .cart_right_top_edit a:hover{
    text-decoration: underline;
}
.onepage_right_pro .cart_right_top .cart_onepage_list{
    position: relative;
}
.onepage_right_pro .cart_right_top .cart_onepage_box{
    border-bottom: 1px solid #C1C1C1;
    display: flex;
    align-items: center;
    padding:25px 0;
}
.onepage_right_pro .cart_right_top .cart_onepage_box:nth-of-type(n+4){
    display: none;
}
.onepage_right_pro .cart_right_top .cart_onepage_box img{
    width: 124px;
    margin-right: 20px;
}
.onepage_right_pro .cart_right_top .cart_onepage_box .pro_text{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.onepage_right_pro .cart_right_top .cart_onepage_box .pro_name{
    font-size: 14px;
}
.onepage_right_pro .cart_right_top .cart_onepage_box .pro_sku{
    font-size: 14px;
    color: #818181;
}
.onepage_right_pro .cart_right_top .cart_onepage_box .pro_text .pro_num{
    font-size: 18px;
}
.onepage_right_pro .cart_right_top .price_box{
    margin: 40px 0;
}
.onepage_right_pro .cart_right_top .price_box li{
    display: flex;
    justify-content: space-between;
    line-height: 30px;
}
.onepage_right_pro .cart_right_top .price_box li:last-of-type{
    font-weight: 600;
    font-size: 18px;
}
.powder_down {
    width: 42px;
    height: 21px;
    border: 1px solid #E6E6E6;
    border-top: none;
    text-align: center;
    background: #fff;
    position: absolute;
    right: 0;
    bottom: -21px;
    cursor: pointer;
}
.powder_down .iconfont {
    font-size: 16px;
    display: inline-block;
}
.powder_down.active .iconfont{
    transform: rotate(180deg);
}
.pay_by .pay_btn{
    line-height: 54px;
    font-size: 18px;
    color: #fff;
    border-radius: 6px;
    margin-bottom: 12px;
    text-align: center;
    cursor: not-allowed;
}
.pay_by.active .pay_btn{
    cursor: pointer;
}
.pay_by .paypal{
    background: #a3a3a3;
}
.pay_by.active .paypal{
    background: #57AB7E;
}
.pay_by.active .paypal:hover{
    background: #57AB7E;
}
.pay_by .paypal .iconfont{
    font-size: 26px;
    vertical-align: middle;
}
.pay_by .pay_card{
    background: #a3a3a3;
}
.pay_by.active .pay_card{
    background: #fec94d;
    color: #57AB7E;
}
.pay_by.active .pay_card:hover{
    background: #FEC339;
}
.pay_by .pay_card .iconfont{
    font-size: 25px;
    vertical-align: middle;
    margin-right: 11px;
}
.pay_by .pay_card_box{
    color: #818181;
    font-size: 14px;
    text-align: center;
    margin-top:30px;
    margin-bottom: 14px;
}
.pay_by .card_img{
    width: 100%;
}


/* 选择其他地址 */
.choose_address_alert{
    text-align: center;
    position: fixed;
    background: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    display: none;
}
.choose_address_alert_cont{
    width: 43%;
    max-height: 75%;
    height: 75%;
    overflow: hidden;
    border: 1px solid #E6E6E6;
    background: white;
    padding: 20px 0px;
    margin: 6% auto 0;
    position: relative;
}
.choose_address_close{
    width: 18px;
    height: 18px;
    display: block;
    float: right;
    background: url(../images/close.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    right:25px;
    top:30px;
}
.choose_address_title{
    font-size: 30px;
}
.choose_address_list{
    border-top:1px solid #E6E6E6;
    margin-top:32px;
    padding:0 40px 10%;
    height: 85%;
    overflow-y: auto;
}
.choose_address_box{
    width:92.7%;
    text-align: left;
    background: #fff;
    padding-left:53px;
    position: relative;
    margin-top:47px;
    cursor: pointer;
}
.choose_address_box .iconfont{
    font-size: 23px;
    position: absolute;
    left: 15px;
    top: 20px;
}
.choose_address_box.active{
    border-color: #57AB7E;
    background: url(../images/blue_gou.png) right top no-repeat;
    background-size: 39px 39px;
}
.Choose_another{
    display: none;
}



.orders_cont{
    padding: 60px;
    font-size: 16px;
    color: #000;
}
.orders_cont table {
    font-size: 16px;
    margin-bottom: 70px;
}
.orders_cont table th {
    font-weight: 600;
    background: #F2F2F2;
    text-align: center;
    line-height: 58px;
}
.orders_cont table td {
    border-color: #666666;
    text-align: center;
    height: 60px;
}
.orders_cont tbody td:last-of-type{
    color: #57AB7E;
    cursor: pointer;
}

.order_view{
    position: relative;
}
.order_view span{
    position: absolute;
    top:36px;
    left:25px;
    font-size: 18px;
    cursor: pointer;
}
.order_view span img{
    width: 18px;
    vertical-align: middle;
}
.order_view_cont{
    display: flex;
    justify-content: space-between;
    margin-top: 39px;
}
.order_view_cont .cart_pro_list{
    width:62%;
    padding: 0;
}
.order_view_cont .cart_pro_list .cart_pro_box{
    background: #fff;
    margin-bottom: 28px;
    box-shadow: 0px 2px 8px 0px rgb(148 148 148 / 15%);
    padding: 45px 4%;
}
.order_view_cont  .cart_pro_right{
    width:35%;
}
.cart_pro_right .address_box{
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.05);
    background: #fff;
    width: auto;
    border: none;
    margin-top: 0;
    border-radius: 0;
    font-size: 16px;
    padding: 40px 9% 40px 13%;
    position: relative;
}
.cart_pro_right .address_box .address_img{
    position: absolute;
    top: 42px;
    left: 30px;
    width: 22px;
}
.cart_pro_right .address_box .address_box_top{
    font-weight: 600;
    margin-bottom: 13px;
}
.cart_pro_right .checkout_cont{
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.05);
    margin-top:29px;
    margin-bottom: 41px;
    padding: 34px 9% 0;
    overflow: hidden;
}

.order_view_cont .subtotal_box .number{
    font-weight: 600;
    font-size: 20px;
}
.order_btn{
    width:100%;
    line-height: 58px;
    font-size: 24px;
    border-radius: 6px;
    margin-bottom: 10px;
    background: #57AB7E;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.order_btn_next{
    background: #FEC339;
    color: #57AB7E;
}

#picViewsBox.try_on_content{
    padding:32px 100px;
    display: flex;
    flex-wrap: wrap;
}
#picViewsBox .try_on_box{
    width:23%;
    flex-shrink: 0;
    margin-right: 2.5%;
    margin-bottom: 30px;
    position: relative;
}
#picViewsBox .try_on_box:nth-of-type(4n){
    margin-right: 0;
}
#picViewsBox .try_on_box img{
    width: 100%;
    margin-bottom: 20px;
    height: auto !important;
}
#picViewsBox .try_on_close{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: block;
    float: right;
    background: url(../images/close.png) no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: none;
}
#picViewsBox .try_on_box:hover .try_on_close{
    display: block;
}
#picViewsBox .try_on_box input[type=checkbox]:checked:after {
    background: #57AB7E url(../images/is_check_write.png) center no-repeat;
    background-size: 80%;
}
#picViewsBox .try_on_box input[type=checkbox]:after {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    content: " ";
    color: #fff;
    display: inline-block;
    visibility: visible;
    border-radius: 4px;
}
#picViewsBox .try_on_box input[type=checkbox] {
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
    position: relative;
}
#picViewsBox .try_on_box input {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 5px;
}
.set_default label{
    cursor: pointer;
}
.upload_tryon{
    position: relative;
}
#upMultilImages{
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
}
.logged{
    color: #858585;
    font-size: 18px;
}
.logged::before{
    display: inline-block;
    content: '*';
    color: #F87978;
    font-size: 20px;
    margin-right: 5px;
    vertical-align: middle;
}
.pictures .alert-box{
    width: 365px;
    padding: 34px 42px 20px;
}
.pictures .alert-box .no_confirm,.pictures .alert-box .alert-close{
    display: none;
}

.cart_pro_right .address_box .iconfont{
    left: 20px;
    top: 36px;
}



/* 评论 */
.tool_title{
    font-weight: 600;
    font-size: 18px;
    margin:40px 0 37px;
}
.star{
    width:120px;
    height:23px;
    background: url('../images/icon_star.png');
    background-size: 24px;
    margin-left: 30px;
    position: absolute;
}
.reviews_bgbox{
    padding-top:70px;
}
.reviews_bgbox .titile_h5{
    background: #F8F8F8;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    line-height: 90px;
    /* margin-bottom: 55px; */
    box-shadow: 0px 2px 8px 0px rgba(148, 148, 148, 0.15);
    min-height: 40px;
    height: 90px;
}
.reviews_bgbox .titile_h5.active{
    box-shadow:none;
    border: none;
}
.reviews_bgbox h5{
    font-size: 30px;
    line-height: 90px;
    color: #000;
    display: flex;
    padding: 0;
    width: 78.4%;
    margin:0 auto;
}
.reviews_bgbox h5 p{
    width: 224px;
    padding: 0 ;
    display: flex;
    justify-content: center;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}
.reviews_bgbox h5 p.active{
    border-bottom: 2px solid #000;
}
.reviews_bgbox h5 .star i{
    width:24px;
    height:24px;
    background: url('../images/icon_star2.png');
    background-size: contain;
}
.reviews_bgbox h5 .star i.active{
    background: url('../images/icon_star.png');
    background-size: contain;
}
.reviews_title{
    display: flex;
    justify-content: space-between;
    margin-top:33px;
    margin-bottom: 34px;
}
.reviews_title .title{
    font-size: 24px;
    display: flex;
    align-items: center;
}
.reviews_title .write{
    font-size: 18px;
    color: #57AB7E;
    cursor: pointer;
    width:200px;
    line-height: 45px;
    border:1px solid #57AB7E;
    border-radius: 4px;
    text-align: center;
}
.reviews_title .write img{
    width: 22px;
    vertical-align: middle;
    margin-right: 3px;
}
.reviews-content{
    font-size: 18px;
}
.reviews-content .tool{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #E6E6E6;
}
.reviews-content .tool-nav{
    color: #000;
    min-width: 176px;
    padding: 0 20px;
    line-height: 63px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #E3E3E3;
    background: #FAFAFA;
    float: left;
}
.reviews-content .tool-nav-active{
    border: 1px solid #000;
}
.reviews-content .tool select{
    border-color: #C1C1C1;
    background: #fff;
    border-radius: 4px;
    padding:10px 12px;
    font-size: 14px;
    margin-left: 20px;
    outline: none;
}
.reviews-lists{
    padding-bottom: 58px;
}
.reviews_box{
    border-bottom: 2px solid #E6E6E6;
    padding-bottom: 31px;
}
.reviews_box_top{
    margin-top:27px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}
.reviews_box_top p{
    font-size: 20px;
}
.reviews_box_top span{
    color: #818181;
    font-size: 16px;
    margin-left: 24px;
}
.reviews_box_top .reviews_box_star{
    display: flex;
}
.reviews_box_top .reviews_box_star i{
    width: 24px;
    height: 24px;
    background: url(../images/icon_star2.png);
    background-size: contain;
}
.reviews_box_top .reviews_box_star i.active{
    background: url(../images/icon_star.png);
    background-size: contain;
}
.reviews_box_text{
    font-size: 16px;
    margin-bottom: 30px;
}
.reviews_imgs{
    display: flex;
}
.reviews_imgs img{
    width: 180px;
    height: 180px;
    margin-right: 20px;
}
.reviews_praise{
    float: right;
    font-size: 20px;
    color: #666666;
    margin-top: -25px;
    cursor: pointer;
}
.reviews_praise i{
    display: inline-block;
    width:22px;
    height:22px;
    background: url('../images/zan_gray.png') right center no-repeat;
    background-size: contain;
    vertical-align: text-top;
    margin-left: 2px;
}
.reviews_praise.active{
    color: #930000;
}
.reviews_praise.active i{
    background: url('../images/zan_after.png') right center no-repeat;
    background-size: contain;
}
.reviews_swiper img{
    width:100%;
}
.reviews_swiper img,.reviews-lists img{
    cursor: pointer;
}
.reviews_swiper.swiper-container{
    --swiper-navigation-color: #989898;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
    padding:0 30px;
}
.reviews_swiper .details-prev,.reviews_swiper .details-next{
    /* background: rgba(0, 0, 0, .3); */
    width: 16px;
    height: 80px;
    top:35%;
}
.reviews_swiper .details-prev{
    left: 0;
}
.reviews_swiper .details-next{
    right: 0;
}

.alert_reviews_img{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 20;
}
.reviews_img_content{
    width: 78.4%;
    max-height: 82%;
    overflow-y: auto;
    margin: 120px auto 0;
    background: #fff;
}
.reviews_img_content .alert-close{
    margin-top:33px;
    margin-right: 27px;
}
.reviews_img_cont{
    padding:50px 0;
}
.reviews_img_cont .reviews_imgbox{
    width: 56.5%;
    border:1px solid #EEEEEE;
}
.reviews_img_cont .reviews_imgbox img{
    width: 100%;
    display: block;
}
.reviews_bimg_cont_swiper{
    width: 100%;
}
.reviews_bimg_cont_swiper .swiper-wrapper{
    /* padding:0 50px; */
    display: flex;
    align-items: center;
}
.alert_reviews_img .swiper-wrapper{
    display: flex;
    align-items: center;
}
.reviews_bimg_cont_swiper .swiper-slide{
    display: flex;
    justify-content: space-between;
    width: 93% !important;
    padding:0 50px;
    background: #fff;
}
.reviews_bimg_cont_swiper .swiper-slide-active{
    opacity: 1 !important;
}
.reviews_text h5{
    font-size: 20px;
    display: flex;
    justify-content: space-between;
}
.reviews_text h5 span{
    color: #818181;
    font-size: 16px;
}
.reviews_text{
    width: 40.5%;
    padding-top:43px;
}
.reviews_text .text{
    margin-top:10px;
    line-height: 30px;
}
.reviews_text .reviews_praise{
    margin-top:35px;

    display: none;
}
.swiper-container.reviews_bimg_cont_swiper{
    --swiper-navigation-color: #818181;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 35px;/* 设置按钮大小 */
}
.swiper-container.reviews_simg_cont_swiper{
    --swiper-navigation-color: #818181;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 25px;/* 设置按钮大小 */
}
.reviews_simg_cont_swiper{
    width: 52.7%;
    margin-left: 3.5%;
    margin-top:7px;
}
.reviews_simg_cont_swiper .swiper-slide img{
    width: 100%;
    cursor: pointer;
}
.reviews_simg_cont_swiper .reviews_imgbox{
    width: 100%;
}
.reviews_simg_cont_swiper .swiper-button-prev,.reviews_simg_cont_swiper .swiper-button-next{
    background: rgba(0, 0, 0, .3);
    width: 16px;
    height: 80px;
    top:20.5%;
}
.reviews_simg_cont_swiper .swiper-button-prev{
    left: 0;
}
.reviews_simg_cont_swiper .swiper-button-next{
    right: 0;
}

/* 写评论 */
.write-reviews{
    width: 100%;
}
.write-reviews .writeCons{
    display: none;
    border-top:1px solid #E6E6E6;
    padding-top:23px;
    width: 100%;
    margin-top:33px;
}
.write-reviews .writeCons.active{
    display: block;
}
.write-reviews .writeCons .star{
    position: static;
    margin: 0 0 23px;
}
.write-reviews .writeCons .rev-text{
    position: relative;
    padding-bottom: 35px;
}
.write-reviews .writeCons .rev-text p.errorinfo{
    top: auto;
    bottom: 12px;
}
.write-reviews .writeCons .rev-text label{
    font-size: 18px;
    display: block;
}
.write-reviews .writeCons .rev-text label::after{
    display: inline-block;
    content: '*';
    color: #F87978;
    font-size: 20px;
}
.write-reviews .writeCons .rev-text textarea{
    resize: none;
    width:518px;
    height:114px;
    border: 1px solid #575757;
    border-radius: 6px;
    margin-top:10px;
    outline: none;
    padding: 15px;
    line-height: 24px;
    font-size: 16px;
}
.write-reviews .writeCons .tisi{
    font-size: 18px;
    margin-bottom: 10px;
}
.sub_rew{
    width: 548px;
    line-height: 55px;
    color: #fff;
    background: #57AB7E;
    font-size: 18px;
    border-radius: 6px;
    text-align: center;
    margin-top:40px;
    margin-bottom: 48px;
    cursor: pointer;
}
.reviews_cont .sub_rew{
    margin:58px auto 0;
}
.preview{
    width: 100px;
    height:43px;
    border-radius: 6px;
    border:1px dashed #575757;
    background:#fff url('../images/add_img.png') center 27px no-repeat;
    background-size: 29px 24px;
    font-size: 18px;
    text-align: center;
    position: relative;
    padding-top:57px;
}
.tryon_details .preview{
    width: 106px;
    height: 49px;
    border: 1px solid #101010;
    border-radius: 0;
    font-size: 14px;
}
.preview input{
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}
.tryon_details .preview form{
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}
.tryon_details .preview input{
    margin: 0;
    position: static;
}
.rev-star{
    display: flex;
    margin-bottom: 20px;
}
.rev-star i{
    width: 24px;
    height:24px;
    background: url('../images/icon_star2.png');
    background-size: contain;
    cursor: pointer;
}
.rev-star i.active{
    background: url('../images/icon_star.png');
    background-size: contain;
}
.img-upload{
    display: flex;
    position: relative;
}
.tryon_details .img-upload{
    padding-top: 12px;
}
.img-upload .divULerror{
    top:auto !important;
    bottom: -25px;
}
#divUL{
    display: flex;
    flex-wrap: wrap;
}
#divUL .divimg{
    width: 100px;
    height: 100px;
    border-radius: 6px;
    margin-right: 12px;
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
}
#divUL .divimg img{
    width: 100px;
    height: 100px;
    border-radius: 6px;
}
.divimg i{
    width: 17px;
    height: 17px;
    background: url(../images/remove_black.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -9px;
    right: -9px;
    cursor: pointer;
}

.writeCons .divimg{
    width: 102px;
    height:102px;
    border-radius: 4px;
    margin-right: 14px;
    display: inline-block;
    position: relative;
}
.writeCons .divimg img{
    width: 102px;
    height:102px;
    border-radius: 4px;
}





/* 配镜 */
.step_box{
    width: 90%;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}
.step_box .product_left{
    width: calc(100% - 877px);
    padding-top: 36px;
    margin-right: 90px;
}
.step_box .product_left img{
    width: 100%;
}


.step_box .product_right{
    overflow: hidden;
    width: 787px;
    background:#FAFAFA;
    position: relative;
}
.step_box .product_right .alert-close{
    margin-top:31px;
    margin-right: 35px;
    position: absolute;
    right: 30px;
}
.step_box .product_right h5{
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    padding:52px 0;
}
.step_box .product_right h5 span{
    display: block;
    color: #818181;
    font-size:18px;
    font-weight: 500;
    margin-top: 10px;
}
.step_title{
    position: relative;
    width: 42.5%;
    margin: 0 auto;
}
.step_spans{
    display: flex;
    justify-content: space-between;
}
.step_span{
    display: flex;
    align-items: center;
    justify-content: center;
    width:28px;
    height:28px;
    border:2px solid #D8D8D8;
    border-radius: 50%;
    text-align: center;
    background: #FAFAFA;
    z-index: 1;
}
.step_span i{
    display: inline-block;
    vertical-align: middle;
    width:15px;
    height:15px;
    background: #D8D8D8;
    border-radius: 50%;
}
.step_title .line{
    display: flex;
    justify-content: space-around;
    position: absolute;
    width: 100%;
    top:14px;
}
.step_title .line span{
    width: 101px;
    height:3px;
    background: #D8D8D8;
}
.right_step2_box,.right_step3_box,.right_step4_box,.right_step5_box{
    /* display: none; */
}


.back_black{
    position: absolute;
    left:50px;
    top:30px;
    width: 18px;
    cursor: pointer;
}

.prescription_type{
    /* margin:34px 55px 0; */
    margin: 30px 0 0 50px;
}
.prescription_type li{
    overflow: hidden;
    border-radius: 6px;
    border:1px solid #D8D8D8;
    background: #fff;
    /* padding: 16px 0 18px 32px; */
    margin-bottom: 23px;
    cursor: pointer;
}
.prescription_type li.active{
    border:1px solid #57AB7E;
}
.prescription_type li p{
    font-size: 18px;
}
.prescription_type li span{
    font-size: 18px;
    color: #818181;
}
.pro_li p{
    display: flex;
    justify-content: space-between;
    color:#818181;
    margin-bottom: 10px;
    font-size: 18px;
}
.pro_li p span{
    color: #000;
}
.pro_li p span i{
    color: #818181;
}
.pro_li p span em{
    color: #818181;
    text-decoration: line-through;
    margin-right: 7px;
}
.pro_subtotal{
    border-top:1px solid #D8D8D8;
    padding-top:25px;
    margin-top:40px;
    display: flex;
    justify-content: space-between;
    color:#818181;
    font-size: 18px;
}
.pro_subtotal span{
    color: #000;
    font-size: 36px;
    font-weight: 600;
}

.step_button{
    line-height: 65px;
    border-radius: 4px;
    text-align: center;
    background:#DDDDDD;
    color: #fff;
    font-size: 20px;
    margin:50px 55px;
    cursor: not-allowed;
}
.step_button.active{
    background:#57AB7E;
    cursor: pointer;
}
.step_button.active:hover{
    background: #57AB7E;
}


.product_right .right_step2_box h5{
    padding-bottom: 0px;
}
.my_prescription{
    width:250px;
    margin:10px auto;
    font-size: 16px;
    color: #57AB7E;
    position: relative;
}
.my_prescription p{
    width: 102%;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #D8D8D8;
    cursor: pointer;
    margin-left: -1%;
}
.my_prescription p img{
    width: 16px;
    height: 9px;
    margin-left: 20px;
    display: none;
}
.my_prescription p span span{
    color:#000;
}
.my_prescription p img.active{
    display: inline-block;
}
.my_prescription_cont{
    width: 100%;
    position: absolute;
    top:25px;
    left: 0;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
    z-index: 2;
    display: none;
}
.my_prescription.active .my_prescription_cont{
    display: block;
}
.my_prescription_cont li{
    color: #000;
    cursor: pointer;
    padding:10px;
}
.my_prescription_cont li:hover{
    color: #57AB7E;
}
.my_prescription_cont li.active{
    color: #57AB7E;
}

/* step1 */
.step_title1 .step_span:nth-of-type(1){
    border:2px solid #57AB7E;
}
.step_title1 .step_span:nth-of-type(1) i{
    background: #57AB7E;
}
/* step2 */
.step_title2 .step_span:nth-of-type(1){
    border:2px solid #57AB7E;
    background: #57AB7E url('../images/is_check_write.png') center no-repeat;
    background-size: 60%;
}
.step_title2 .step_span:nth-of-type(1) i{
    display: none;
}
.step_title2 .step_span:nth-of-type(2){
    border:2px solid #57AB7E;
}
.step_title2 .step_span:nth-of-type(1) i,.step_title2 .step_span:nth-of-type(2) i,.step_title2 .line span:nth-of-type(1){
    background: #57AB7E;
}
.step2_prescription_table{
    margin:35px 55px 0px 20px;
    width: 100%;
    text-align: left;
}
.step2_prescription_table td{
    border-bottom: none;
    height: 56px;
    padding: 0;
    margin-bottom: 29px;
    display: inline-block;
    text-align: center;
    min-width: 138px;
}
.step2_prescription_table td.td_tit{
    /* width: 110px; */
}
.step2_prescription_table td.td_tit span{
    display: block;

}
.step2_prescription_table td:nth-of-type(n+2){
    /* width: 19%; */
}
.step2_prescription_table td select{
    border:1px solid #D8D8D8;
    width: 100%;
    height: 100%;
    background: #fff;
    outline: none;
    border-left: none;
    color: #575757;
    padding:0 10px;
}
.step2_prescription_table td:nth-of-type(2) select{
    border-left: 1px solid #D8D8D8;
}
.pd_box{
    background: #F1F1F1;
    overflow: hidden;
}
.td_pd_tit{
    line-height: 56px;
}
.pd_ckeckbox{
    margin-left: 55px;
    padding-bottom: 31px;
}
.pd_ckeckbox span{
    color: #57AB7E;
    margin-left: 13px;
    cursor: pointer;
}
.pd_ckeckbox span:hover{
    text-decoration: underline;
}
.prism_ckeckbox{
    margin:30px 55px;
}
.prism_ckeckbox i{
    font-weight: 600;
}
.save_ckeckbox{
    margin-left: 55px;
}
.update_ckeckbox{
    display: none;
    margin-left: 55px;
}
.save_ckeckbox .save_name{
    width: 475px;
    border:none !important;
    border-bottom: 1px solid #DDDDDD !important;
    background: transparent;
    margin-left: 20px;
    font-size: 16px;
    height: 30px;
    cursor: auto;
    display: none;
}
.unable_make{
    margin-left: 55px;
    margin-top:28px;
    display: none;
}
.unable_make span{
    color: #57AB7E;
    margin-left: 15px;
    cursor: pointer;
}
.unable_make span:hover{
    text-decoration: underline;
}
.pro_li.pro_li_text p span{
    color: #57AB7E;
    margin-top:25px;
    cursor: pointer;
}
.pro_li.pro_li_text p span span:hover{
    text-decoration: underline;
}

.alert_how_pd,.alert_message{
    display: none;
}
.alert_how_pd_content,.alert_allowed_content,.alert_step5_agree_content,.alert_prescription_upload_content{
    width: 70%;
    max-height: 75%;
    overflow: auto;
    border: 1px solid #E6E6E6;
    background: #fff;
    padding: 20px 0px 0;
    margin: 5% auto 0;
    position: relative;
}
.alert_how_pd_content h5,.alert_message_content h5,.alert_allowed_content h5,.alert_table_content h5{
    font-size: 30px;
    padding-bottom: 30px;
    margin-top:30px;
    text-align:center;
    border-bottom: 1px solid #E6E6E6;
}
.alert_how_pd_content .alert-close,.alert_message_content .alert-close,.alert_allowed_content .alert-close,.alert_step5_agree_content .alert-close,.alert_table_content .alert-close{
    position: absolute;
    right: 30px;
    top:30px;
    margin:0;
}
.alert_how_pd_content{
    height: 75%;
    overflow-y: hidden;
}
.alert_how_pd_cont{
    padding:45px 88px;
    line-height: 30px;
    height: 78%;
    overflow-y: auto;
}
.alert_how_pd_cont p{
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
}
.alert_how_pd_cont span{
    font-size: 16px;
    margin-bottom: 35px;
    display: block;
}
.measure_text_box{
    overflow: hidden;
}
.measure_text{
    width: 31.5%;
    margin-right: 2.6%;
    margin-bottom: 29px;
    height:220px;
    background: #F7F7F7;
    float: left;
    padding:30px 0 0;
    line-height: 20px;
}
.measure_text p{
    font-size: 16px;
    font-weight: 500;
    margin:0 30px 15px;
}
.measure_text span{
    font-size: 14px;
    margin:0 30px;
    color: #818181;
}
.measure_text a{
    display: block;
    background: #57AB7E;
    color: #fff;
    text-align: center;
    line-height: 48px;
    margin:65px 30px 0;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.measure_text a:hover{
    background: #57AB7E;
}
.measure_text a .iconfont{
    margin:0 0 0 10px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}
.measure_text img{
    display: block;
    margin:18px auto 0;
    width: auto;
 }
.measure_text:nth-of-type(3n){
    margin-right: 0;
}
.measure_text.text1{
    background:#F7F7F7 url('../images/pd1.png') right top no-repeat;
}
.measure_text.text2{
    background:#F7F7F7 url('../images/pd2.png') right top no-repeat;
}
.measure_text.text3{
    background:#F7F7F7 url('../images/pd3.png') right top no-repeat;
}
.measure_text.text4{
    background:#F7F7F7 url('../images/pd4.png') right top no-repeat;
}
.measure_text.text5{
    background:#F7F7F7 url('../images/pd5.png') right top no-repeat;
}

.alert_message_content{
    width: 37.8%;
    max-height: 85%;
    height: 85%;
    overflow: hidden;
    border: 1px solid #E6E6E6;
    background: #fff;
    padding: 20px 0px 0;
    margin: 3% auto 0;
    position: relative;
}
.alert_message_content h5{
    padding:0 50px 20px;
}
.alert_message_cont{
    padding:5% 50px;
    height: 85%;
    overflow-y: auto;
}
.alert_message_cont .rev-text{
    position: relative;
    padding-bottom: 35px;
}
.alert_message_cont .rev-text p.errorinfo{
    top: auto;
    bottom: 12px;
}
.alert_message_cont .rev-text label{
    font-size: 18px;
    display: block;
}
.alert_message_cont .rev-text label::after{
    display: inline-block;
    content: '*';
    color: #F87978;
    font-size: 20px;
}
.alert_message_cont .rev-text textarea{
    resize: none;
    width:95.5%;
    height:25px;
    border: 1px solid #575757;
    border-radius: 6px;
    margin-top:10px;
    outline: none;
    padding: 15px;
    line-height: 24px;
    font-size: 16px;
}
.alert_message_cont .query-text textarea{
    height:90px;
}
.alert_message_cont .tisi{
    font-size: 18px;
    margin-bottom: 10px;
}
.alert_message_cont .tisi::after{
    display: inline-block;
    content: '*';
    color: #F87978;
    font-size: 20px;
}
.alert_message_cont .preview{
    width: 150px;
    height:68px;
    background: url(../images/add_img.png) center 40px no-repeat;
    background-size: 45px 37px;
    padding-top: 82px;
    display: inline-block;
}
.alert_message_cont .sub_message{
    width: 100%;
    line-height: 80px;
    color: #fff;
    background: #57AB7E;
    font-size: 24px;
    border-radius: 6px;
    text-align: center;
    margin-bottom: 56px;
    cursor: pointer;
}
.alert_message_cont .sub_message:hover{
    background: #57AB7E;
}
.alert_message_cont .img-upload{
    display: block;
}
#message_divUL{
    display: flex;
    flex-wrap: wrap;
}
#message_divUL .divimg{
    width: 150px;
    height: 150px;
    border-radius: 6px;
    margin-right: 22px;
    display: inline-block;
    position: relative;
    border:1px solid #575757;
    margin-bottom: 20px;
}
#message_divUL .divimg img{
    width: 150px;
    height: 150px;
    border-radius: 6px;
}
#message_divUL .divimg i{
    width: 20px;
    height: 20px;
    background: url(../images/remove_black.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer;
}
.img-upload .errorinfo{
    top: 150px;
}


.step2_prescription_table .two_pd_box,.step2_prescription_table2{
    display: none;
}




/* step3 */
.step_title3 .step_span:nth-of-type(1),.step_title3 .step_span:nth-of-type(2){
    border:2px solid #57AB7E;
    background: #57AB7E url('../images/is_check_write.png') center no-repeat;
    background-size: 60%;
}
.step_title3 .step_span:nth-of-type(1) i,.step_title3 .step_span:nth-of-type(2) i{
    display: none;
}
.step_title3 .step_span:nth-of-type(3){
    border:2px solid #57AB7E;
}
.step_title3 .step_span:nth-of-type(1) i,.step_title3 .step_span:nth-of-type(3) i,.step_title3 .line span:nth-of-type(1),.step_title3 .line span:nth-of-type(2){
    background: #57AB7E;
}
.step_box .product_left .iconfont{
    font-size: 17px;
    /*margin-top:42px;*/
    cursor: pointer;
    display: inline-block;
    color: #000;
}
.step_box .product_left p.active .iconfont{
    transform: rotate(180deg);
}
.step_lensbox{
    margin:34px 55px 0;
}
.step_lensbox li{
    border-radius: 6px;
    border:1px solid #D8D8D8;
    background: #fff;
    padding:22px 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top:23px;
    cursor: pointer;
}
.step_lensbox li.active{
    border-color: #57AB7E;
}
.lens_text p{
    font-size: 20px;
}
.lens_text span{
    color: #818181;
}
.lens_text span.lens_more{
    color: #57AB7E;
}
.lens_text span.lens_more:hover{
    text-decoration: underline;
}
.lens_price{
    font-size: 26px;
    text-align: right;
}
.alert_lens_more_content{
    width:24%;
    max-height: 80%;
    overflow-y: auto;
    margin: 7% auto 0;
    background: #fff;
    position: relative;
    border-radius: 10px;
}
.alert_lens_more_content h5{
    font-size: 24px;
    padding: 30px 35px 20px 29px;
    border-bottom: 1px solid #E6E6E6;
}
.alert_lens_more_content .alert-close{
    width: 18px;
    height: 18px;
    margin: 0;
    position: absolute;
    right: 20px;
    top: 30px;
}
.alert_lens_more_cont{
    padding:20px 30px;
    font-size: 18px;
}
.alert_lens_more_cont span{
    color: #818181;
}
.alert_lens_more_cont img{
    width: 100%;
    margin:20px 0 10px;
}
.alert_lens_more_cont ul li{
    line-height: 36px;
}
.alert_lens_more_cont ul li::before{
    content: '';
    width: 16px;
    height: 16px;
    background: url(../images/is_check.png) no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}


/* step4 */
.step_title4 .step_span:nth-of-type(1),.step_title4 .step_span:nth-of-type(2),.step_title4 .step_span:nth-of-type(3){
    border:2px solid #57AB7E;
    background: #57AB7E url('../images/is_check_write.png') center no-repeat;
    background-size: 60%;
}
.step_title4 .step_span:nth-of-type(1) i,.step_title4 .step_span:nth-of-type(2) i,.step_title4 .step_span:nth-of-type(3) i{
    display: none;
}
.step_title4 .step_span:nth-of-type(4){
    border:2px solid #57AB7E;
}
.step_title4 .step_span:nth-of-type(1) i,.step_title4 .step_span:nth-of-type(4) i,.step_title4 .line span:nth-of-type(1),.step_title4 .line span:nth-of-type(2),.step_title4 .line span:nth-of-type(3){
    background: #57AB7E;
}
.lens_price span{
    color: #818181;
    font-size: 16px;
    display: block;
    line-height: 14px;
    display: none;
}
.alert_lensIndex_more_content{
    margin: 15% auto 0;
    max-height: 70%;
}
.alert_lensIndex_more_cont h6{
    font-size: 17px;
    line-height: inherit;
    padding-bottom:15px;
}
.alert_lensIndex_more_cont p{
    font-weight: 600;
}
.alert_lensIndex_more_cont span{
    font-size: 16px;
    display: block;
    color: #000000;
}
.alert_lensIndex_more_cont .ul_tit{
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 8px;
}
.alert_lensIndex_more_cont ul li{
    line-height:50px;
}
.alert_lensIndex_more_cont ul li::before{
    display: none;
}
.alert_lensIndex_more_cont ul li img{
    width: 41px;
    vertical-align: middle;
    margin: 0;
    margin-right: 10px;
}
.step_lensIndexbox li{
    padding: 0;
    background:#fff;
    display: block;
    cursor: auto;
}
.step_lensIndexbox li.recommened{
    background:#fff url(../images/blue_star_bg.png) right top no-repeat;
    background-size: 64px 64px;
}
.step_lensIndexbox li.recommened .lens_price span{
    display: block;
}
.step_lensIndexbox .lens_text_img{
    display: flex;
    align-items: center;
}
.step_lensIndexbox .lens_text_img img{
    width: 68px;
    margin-right: 28px;
}
.pro_li.pro_li4 p .lens_price{
    color: #000;
    font-size: 18px;
}
.pro_li.pro_li5 p .lens_price{
    color: #000;
    font-size: 18px;
}
.step_lensIndexbox li .lensIndex_top{
    padding: 8px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.step_lensIndexbox li .lensIndex_bot{
    padding:10px 25px 10px 42px;
    border-top:1px solid #D8D8D8;
    line-height: 50px;
    color: #818181;
    font-size: 18px;
    display: none;
}
.step_lensIndexbox li.active .lensIndex_bot{
    display: block;
}
.step_lensIndexbox li .lensIndex_bot p{
    display: flex;
    align-items: center;
}
.step_lensIndexbox li .lensIndex_bot p span{
    display: none;
}
.step_lensIndexbox li .lensIndex_bot p i img{
    width: 41px;
    vertical-align: top;
    margin: 0;
    margin-right: 10px;
}
.step_lensIndexbox li .lensIndex_bot .no_dis{
    color: #000;
}
.step_lensIndexbox li .lensIndex_bot .no_dis label{
    width: 100%;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.step_lensIndexbox li .lensIndex_bot .no_dis span{
    display: block;
}
.step_lensIndexbox li .lensIndex_bot input{
    width: 32px;
    height: 32px;
    border-radius: 4px;
    margin-right: 20px;
    vertical-align: middle;
    background: red;
    position: relative;
    border-color:#DCDCDC;
    cursor: pointer;
}
.step_lensIndexbox li .lensIndex_bot input[type=checkbox]:checked::after{
    content: ' ';
    position: absolute;
    top: 0;
    left:0;
    background: #57AB7E url('../images/is_check_write.png') center no-repeat;
    color: #000;
    width: 32px;
    height: 32px;
    display: inline-block;
    visibility: visible;
    text-align: center;
    border-radius: 4px;
}
.step_lensIndexbox li .lensIndex_bot input[type=checkbox]:disabled::after{
    content: ' ';
    position: absolute;
    top: 0;
    left:0;
    background: #DCDCDC url('../images/is_check_write.png') center no-repeat;
    color: #000;
    width: 32px;
    height: 32px;
    display: inline-block;
    visibility: visible;
    text-align: center;
    border-radius: 4px;
}


/* step4 end */
.step_title4_end .step_span{
    border:2px solid #57AB7E;
    background: #57AB7E url('../images/is_check_write.png') center no-repeat;
    background-size: 60%;
}
.step_title4_end .step_span i{
    display: none;
}
.step_title4_end .step_span i,.step_title4_end .line span{
    background: #57AB7E;
}
.right_step4_end_box .frames_box{
    margin:22px 55px;
    border:1px solid #D8D8D8;
    border-radius: 6px;
    background: #fff;
    padding:10px 35px 32px;
    font-size: 22px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.right_step4_end_box .frames_box.active{
    border-color: #57AB7E;
}
.right_step4_end_box .no_frames{
    padding:32px 35px;
    margin-top:34px;
}
.right_step4_end_box .frames_box p{
    margin-top:15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.right_step4_end_box .frames_box p span{
    font-size: 28px;
}
.right_step4_end_box .frames_box .mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #f87978;
}
.step_button4_end_add{
    display: none;
}
.pro_li.pro_li4_end .pro_p_text{
    margin-left: 92.5px;
    display: none;
}
.pro_li.pro_li4_end .pro_p_text.check{
    display: flex;
}
.pro_li.pro_li4_end .pro_p_text span{
    margin-top:0;
}
.noclick{
    pointer-events: none;
}


/* step5 */
.step_title5{
    width: 59.8%;
}
.step_title5 .step_span{
    border:2px solid #57AB7E;
    background: #57AB7E url('../images/is_check_write.png') center no-repeat;
    background-size: 60%;
}
.step_title5 .step_span i{
    display: none;
}
.step_title5 .step_span i,.step_title5 .line span{
    background: #57AB7E;
}
.step_title5 .step_span:nth-of-type(5){
    border: 2px solid #D8D8D8;
    background: #FAFAFA;
}
.step_title5 .step_span:nth-of-type(5) i{
    display: inline-block;
}
.step_title5 .step_span:nth-of-type(5){
    border:2px solid #57AB7E;
}
.step_title5 .step_span:nth-of-type(5) i{
    background: #57AB7E;
}
.right_step5_box .frames_box{
    margin:0 55px;
}
.limit_input h6{
    font-size: 22px;
    padding-bottom: 20px;
    padding-top:39px;
}
.limit_input h6 i{
    font-size: 14px;
}
.limit_input input{
    width: 97%;
    height:56px;
    line-height: 56px;
    border:1px solid #D8D8D8;
    background: #fff;
    padding-left: 3%;
    font-size: 18px;
}
.limit_input input.error_active{
    border: 1px solid #F87978;
}
.limit_input p{
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    margin-top:15px;
}
.limit_input p .error{
    color: #F87978;
    display: none;
}
.limit_input input.error_active+p em{
    display: none;
}
.limit_input input.error_active+p .error{
    display: block;
}
.limit_input p span{
    cursor: pointer;
}
.limit_input p .iconfont{
    font-size: 18px;
    color: #57AB7E;
    margin-left: 5px;
}
.right_step5_box .frames_words{
    margin-top:58px;
}
.words_title{
    display: flex;
}
.words_title span{
    width: 50%;
    text-align: center;
    padding-bottom: 12px;
    border-bottom:2px solid #D8D8D8;
    font-size: 18px;
    cursor: pointer;
}
.words_title span.active{
    border-color: #57AB7E;
}
.fonts_box .swiper-slide{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.fonts_box .swiper-slide span{
    width: 211px;
    line-height: 51px;
    text-align: center;
    border:1px solid #D8D8D8;
    border-radius: 6px;
    background: #fff;
    margin-top:23px;
    cursor: pointer;
}
.fonts_box .swiper-slide span.active,.fonts_box .swiper-slide span:hover{
    border-color: #57AB7E;
}
.fonts_box .swiper-slide span:nth-child(n+4){
    width: 328px;
}
.fonts_box .swiper-slide i{
    width: 30px;
    height:30px;
    line-height:30px;
    border:1px solid #D8D8D8;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    margin-top:23px;
    margin-right: 56px;
    text-transform: uppercase;
    cursor: pointer;
}
.fonts_box .swiper-slide i:hover{
    border-color: #57AB7E;
}
.fonts_box .swiper-slide i.lowercase{
    text-transform:lowercase;
}
.fonts_box .swiper-slide i:nth-child(8n){
    margin-right: 0;
}
.fonts_swiper .swiper-button-next.swiper-button-disabled,.fonts_swiper .swiper-button-prev.swiper-button-disabled{
    opacity: 0;
}
.fonts_swiper .swiper-button-next{
    top:95%;
    right: 0;
}
.fonts_swiper .swiper-button-prev{
    top:95%;
    left: 0;
}
.fonts_swiper.swiper-container{
    --swiper-theme-color: #57AB7E;
    --swiper-navigation-color: #57AB7E;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 18px;/* 设置按钮大小 */
}
.fonts_swiper .swiper-wrapper{
    padding-bottom: 85px;
}
.fonts_swiper .swiper-pagination-bullet{
    width: 11px;
    height:11px;
    margin: 0 8px !important;
}
.upper_lower{
    position: absolute;
    right: 0;
    bottom:-50px;
    display: flex;
}
.upper_lower em{
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #D8D8D8;
    border-radius: 50%;
    margin-left: 9px;
    cursor: pointer;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.upper_lower em:hover{
    border: 1px solid #57AB7E;
}
.upper_lower em .iconfont{
    color: #57AB7E;
    font-size: 18px;
    font-weight: 600;
    border: none;
    width: auto;
    margin-top: 0px;
    line-height:normal;
}
.upper_lower em.uppercase{
    transform: rotate(180deg);
}
.right_step5_box .frames_img{
    margin-top:50px;
    position: relative;
}
.frames_img img{
    width: 100%;
}
.frames_img span{
    font-size: 14px;
    transform: rotate(-18deg);
    position: absolute;
    width: 75px;
    text-align: center;
}
.frames_img span#insilde{
    top: 30px;
    left: 80px;
}
.frames_img span#outsilde{
    transform: rotate(-16deg);
    top: 124px;
    right: 155px;
}
.colors_box{
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    padding-top:23px;
    display: none;
}
.colors_box img{
    width: 100%;
}
.colors_box span{
    width: 48px;
    height:48px;
    border-radius: 50%;
    margin-right: 106px;
    margin-bottom: 37px;
    border:1px solid transparent;
    cursor: pointer;
}
.colors_box span:nth-of-type(5n){
    margin-right: 0;
}
.colors_box span.active{
    border-color: #57AB7E;
}
.colors_box span:nth-child(5n){
    margin-right: 0;
}
.colors_box span.purple{
    background: #800080;
}
.colors_box span.pink{
    background: #FFC0CB;
}
.colors_box span.yellow{
    background: #FFFF00;
}
.colors_box span.blue{
    background: #0000FF;
}
.colors_box span.green{
    background: #008000;
}
.colors_box span.red{
    background: #FF0000;
}
.colors_box span.white{
    background: #FFFFFF;
}
.colors_box span.black{
    background: #000000;
}
.colors_box span.gold{
    background: #C79F23;
}
.colors_box span.silver{
    background: #A0A0A0;
}



input[data-color=purple],span[data-color=purple]{
    color: #800080;
}
input[data-color=pink],span[data-color=pink]{
    color: #FFC0CB;
}
input[data-color=yellow],span[data-color=yellow]{
    color: #FFFF00;
}
input[data-color=blue],span[data-color=blue]{
    color: #0000FF;
}
input[data-color=green],span[data-color=green]{
    color: #008000;
}
input[data-color=red],span[data-color=red]{
    color: #FF0000;
}
input[data-color=white],span[data-color=white]{
    color: #FFFFFF;
}
input[data-color=black],span[data-color=black]{
    color: #000000;
}
input[data-color=gold],span[data-color=gold]{
    color: #C79F23;
}
input[data-color=silver],span[data-color=silver]{
    color: #A0A0A0;
}



@font-face {
    font-family: 'Arial';
    src: url('//www.opticalweseeyou.com/arial.woff2') format('woff2'),
         url('../font/arial.woff2') format('woff2');
}
.Arial{
    font-family:Arial !important;
}

@font-face {
    font-family: 'Times';
    src: url('../font/times.ttf');
}
.Times{
    font-family:Times !important;
}

@font-face {
    font-family: 'Script';
    src: url('../font/script.ttf');
}
.Script{
    font-family:Script !important;
}

@font-face {
    font-family: 'Calligraphy';
    src: url('../font/Calligraphy.ttf');
}
.Calligraphy{
    font-family:Calligraphy !important;
}



.alert_allowed{
    display: none;
}
.alert_allowed_content{
    width:31.8%;
    margin: 10% auto 0;
}
.alert_allowed_cont{
    padding:39px 40px 30px;
    font-size: 18px;
}
.alert_allowed_cont span{
    display: block;
    margin-bottom: 25px;
}

.alert_step5_agree{
    display: none;
}
.alert_step5_agree_content{
    width: 27%;
    padding:34px 42px 26px;
    border-radius: 10px;
}
.alert_step5_agree_content .alert-close{
    width: 18px;
    top: 20px;
}
.alert_step5_agree_content p{
    font-size: 18px;
    width: 80%;
    margin:0 auto 24px;
    text-align: center;
}
.alert_step5_agree_content p span{
    color: #57AB7E;
    cursor: pointer;
}
.alert_step5_agree_content p span:hover{
    text-decoration: underline;
}
.alert_step5_agree_content h6{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.read_terms{
    display: none;
}
.alert_step5_agree_content .read_terms div{
    margin-bottom: 24px;
}
.alert_step5_agree_content .agree_btn{
    display: block;
    width: 102px;
    line-height: 30px;
    border-radius: 6px;
    text-align: center;
    background: #57AB7E;
    color: #fff;
    font-size: 18px;
    margin: 23px auto 0;
    cursor: pointer;
}
.alert_step5_agree_content .agree_btn:hover{
    background: #57AB7E;
}
.right_step_box{
    display: none;
}
.right_step1_box{
    display: block;
}










.pres_pro_box{
    background: #F2F2F2;
}
.pres_pro{
    padding:55px 100px;
    margin-top: 20px;
    background: #fff;
}
.pres_pro .tool{
    float: right;
    font-size: 18px;
    color: #57AB7E;
    cursor: pointer;
}
.pres_pro .tool .iconfont{
    cursor: pointer;
    margin-right: 5px !important;
}
.pres_pro .tool span:first-of-type {
    margin-right: 30px;
}
.pres_pro .prescription_table_box table{
    margin-top:20px;
}
.infomation .title .back_black{
    font-size: 18px;
    width: auto;
    left:25px;
    top:0;
}
.infomation .title .back_black img{
    width: 12px;
    margin-right: 9px;
    vertical-align: middle;
}
.prescription .step2_prescription_table td{
    width: 22% !important;
    font-size: 18px;
    height: 54px;
}
.prescription .step2_prescription_table tr{
    display: flex;
}
.prescription .step2_prescription_table{
    width: 100%;
    margin:0;
}
.prescription{
    padding:36px 56px 56px;
}
.prescription .step2_prescription_table td select{
    border: 1px solid #D8D8D8;
    border-radius: 6px;
    width: 88%;
    font-size: 18px;
    height: 54px;
    line-height: 54px;
}
.prescription .step2_prescription_table td:nth-child(1){
    text-align: left;
    text-indent: 27px;
    width: 12.5% !important;
    height: 54px;
    line-height: 54px;
}
.prescription .step2_prescription_table tr:nth-child(1) td{
    margin-bottom: 14px;
}
.prescription .step2_prescription_table td.td_tit{
    height: 54px;
    line-height: 54px;
}
.prescription .step2_prescription_table td.td_tit span{
    display: inline;
    margin-left: 5px;
}
.prescription .pd_box{
    padding-top:30px;
}
.prescription .pd_ckeckbox,.prescription .prism_ckeckbox,.prescription .save_ckeckbox{
    margin-left: 27px;
    font-size: 18px;
}
.prescription .pd_ckeckbox{
    margin-top: 16px;
}
.prescription .checkbox_box input{
    width: 32px;
    height: 32px;
    margin-right: 12px;
}
.prescription .checkbox_box input[type=checkbox]:after{
    width: 32px;
    height: 32px;
}
.prescription .checkbox_box input[type=checkbox]:checked:after{
    background: #57AB7E url(../images/is_check_write.png) center no-repeat;
    background-size: 52%;
}
.prescription .save_ckeckbox .save_name{
    display: inline-block;
    width: 70%;
    border-radius: 0;
    font-size: 18px;
    height:40px;
}
.alert_table_content{
    width: 43%;
    max-height: 83%;
    overflow: auto;
    border: 1px solid #E6E6E6;
    background: #fff;
    padding: 20px 0px 0;
    margin: 3% auto 0;
    position: relative;
}
.alert_table_content .alert-close{
    position: absolute;
    right: 30px;
    top: 30px;
    margin: 0;
}
.alert_table_cont{
    padding: 40px 50px 0;
}
.alert_table_cont table{
    margin-bottom: 40px;
}
.alert_table_cont table td{
    width: 20%;
    text-align: center;
    padding: 0;
    height:70px;
    font-size: 18px;
}
.alert_table_cont table tr:nth-child(1) td,.alert_table_cont table tr td:nth-child(1){
    font-weight: 600;
}
.alert_table_cont .Prism_table tr:nth-child(1) td{
    padding: 0 20px;
    height: 80px;
}
.alert_table_cont table td span{
    color: #818181;
    display: block;
    font-weight: 500;
    line-height: 18px;
}
.alert_address_account{
    display: none;
}
.step2_alert_button_group{
    display: flex;
    align-items: center;
}
.step2_cancel_default{
    flex: 1;
    box-sizing: border-box;
    height: 80px;
    background: #ffffff;
    cursor: pointer;
    color: #57AB7E;
    line-height: 80px;
    border-radius: 6px;
    font-size: 24px;
    text-align: center;
    margin-bottom: 39px;
    margin-right: 39px;
    border: 1px solid #57AB7E;
}
.step2_ok{
    flex: 1;
    background: #57AB7E;
    cursor: pointer;
    color: #fff;
    line-height: 80px;
    border-radius: 6px;
    font-size: 24px;
    text-align: center;
    margin-bottom: 39px;
}
.step2_ok:hover{
    background: #57AB7E;
}

.pro_li{
    display: none;
}
.pro_li1{
    display: block;
}


/* 列表页筛选栏色块显示 */
.toolnav .li-fixbox.frame_color,.toolnav .li-fixbox.lens_color{
    display: flex;
    flex-wrap: wrap;
    overflow:inherit;
}
.toolnav .li-fixbox.frame_color li,.toolnav .li-fixbox.lens_color li{
    width:26px;
    height:26px;
    margin-right: 20px;
    border:1px solid transparent;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.toolnav .li-fixbox.frame_color li .color_position,.toolnav .li-fixbox.lens_color li .color_position{
    border-radius: 50%;
    position: absolute;
    top:-40px;
    text-align: center;
    font-size: 16px;
    display: none;
    z-index: 1;
}
.toolnav .li-fixbox.frame_color li .color_position span,.toolnav .li-fixbox.lens_color li .color_position span{
    background: #fff;
    border:1px solid #000;
    border-radius: 5px;
    position: relative;
    padding: 2px 10px;
}
.toolnav .li-fixbox.frame_color li .color_position span i,.toolnav .li-fixbox.lens_color li .color_position span i{
    width:20px;
    height:10px;
    background: url('../images/jt.png') center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -7px;
    left: calc(50% - 10px);
}
.toolnav .li-fixbox.frame_color li input,.toolnav .li-fixbox.lens_color li input{
    display: none;
}
.toolnav .li-fixbox.frame_color li label,.toolnav .li-fixbox.lens_color li label{
    display: inline-block;
    width:22px;
    height:22px;
    font-size: 0;
    line-height: 0;
    border-radius: 50%;
}
.toolnav .li-fixbox.frame_color li.active,.toolnav .li-fixbox.lens_color li.active{
    border:1px solid #57AB7E;
}
/* .toolnav .li-fixbox.frame_color li.Black label{
    background: url('../images/Black.png');
    background-size: contain;
} */
/* .toolnav .li-fixbox.frame_color li.Glitter label{
    background: url('../images/Glitter.png');
    background-size: contain;
}
.toolnav .li-fixbox.frame_color li.Orange label{
    background: url('../images/Orange.png');
    background-size: contain;
}
.toolnav .li-fixbox.frame_color li.Red label{
    background: url('../images/Red.png');
    background-size: contain;
}
.toolnav .li-fixbox.frame_color li.Blue label{
    background: url('../images/Blue.png');
    background-size: contain;
}
.toolnav .li-fixbox.frame_color li.Gold label{
    background: url('../images/Gold.png');
    background-size: contain;
}
.toolnav .li-fixbox.frame_color li.Silver label{
    background: url('../images/Silver.png');
    background-size: contain;
}
.toolnav .li-fixbox.frame_color li.Grey label{
    background: url('../images/Grey.png');
    background-size: contain;
}
.toolnav .li-fixbox.frame_color li.White label{
    background: url('../images/White.png');
    background-size: contain;
}
.toolnav .li-fixbox.frame_color li.Yellow label{
    background: url('../images/Yellow.png');
    background-size: contain;
}
.toolnav .li-fixbox.frame_color li.Pink label{
    background: url('../images/Pink.png');
    background-size: contain;
}
.toolnav .li-fixbox.frame_color li.Green label{
    background: url('../images/Green.png');
    background-size: contain;
}
.toolnav .li-fixbox.frame_color li.Purple label{
    background: url('../images/Purple.png');
    background-size: contain;
}
.toolnav .li-fixbox.frame_color li.Tortoiseshell label{
    background: url('../images/Tortoiseshell.png');
    background-size: contain;
}
.toolnav .li-fixbox.frame_color li.Brown label{
    background: url('../images/Brown.png');
    background-size: contain;
}
.toolnav .li-fixbox.frame_color li.Pattern label{
    background: url('../images/Pattern.png');
    background-size: contain;
}
.toolnav .li-fixbox.frame_color li:nth-last-child(3) label{
    background: url('../images/Gun-Metal.png');
    background-size: contain;
}
.toolnav .li-fixbox.frame_color li.Translucent label{
    background: url('../images/Translucent.png');
    background-size: contain;
}
.toolnav .li-fixbox.frame_color li:last-of-type label{
    background: url('../images/Wood-Texture.png');
    background-size: contain;
}

.toolnav .li-fixbox.lens_color li.lens_Grey label{
    background: url('../images/lens_Grey.png');
    background-size: contain;
}
.toolnav .li-fixbox.lens_color li.lens_Amber label{
    background: url('../images/lens_Amber.png');
    background-size: contain;
}
.toolnav .li-fixbox.lens_color li.lens_Green label{
    background: url('../images/lens_Green.png');
    background-size: contain;
}
.toolnav .li-fixbox.lens_color li.lens_Yellow label{
    background: url('../images/lens_Yellow.png');
    background-size: contain;
}
.toolnav .li-fixbox.lens_color li.lens_Blue label{
    background: url('../images/lens_Blue.png');
    background-size: contain;
}
.toolnav .li-fixbox.lens_color li.lens_Purple label{
    background: url('../images/lens_Purple.png');
    background-size: contain;
}
.toolnav .li-fixbox.lens_color li.lens_Pink label{
    background: url('../images/lens_Pink.png');
    background-size: contain;
}
.toolnav .li-fixbox.lens_color li.lens_Red label{
    background: url('../images/lens_Red.png');
    background-size: contain;
}
.toolnav .li-fixbox.lens_color li.lens_Silver label{
    background: url('../images/lens_Silver.png');
    background-size: contain;
}
.toolnav .li-fixbox.lens_color li:nth-of-type(10) label{
    background: url('../images/lens_Mirrored-Color.png');
    background-size: contain;
}
.toolnav .li-fixbox.lens_color li:nth-of-type(11) label{
    background: url('../images/lens_Double-Color.png');
    background-size: contain;
}
.toolnav .li-fixbox.lens_color li:nth-of-type(12) label{
    background: url('../images/lens_Gradient-Color.png');
    background-size: contain;
}
.toolnav .li-fixbox.lens_color li:nth-of-type(13) label{
    background: url('../images/lens_Dark-Pure-Color.png');
    background-size: contain;
}
.toolnav .li-fixbox.lens_color li:nth-of-type(14) label{
    background: url('../images/lens_Light-Pure-Color.png');
    background-size: contain;
}
.toolnav .li-fixbox.lens_color li.lens_Polarized label{
    background: url('../images/lens_Polarized.png');
    background-size: contain;
} */


.sort-by-box{
    margin-top:30px;
    position: relative;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
}
.sort-by-box .results_box{
    /* float: left;
    width:calc(100% - 415px); */
    padding-left: 50px;
}
.sort-by-box .results_box b{
    font-style: inherit;
    font-weight: 500;
}
.sort-by-box .results_box span{
    margin-left: 10px;
    line-height: 26px;
    padding:0 10px;
    margin-bottom: 10px;
    background: #F6F6F6;
    display: inline-block;
}
.sort-by-box .results_box em{
    font-style: inherit;
}
.sort-by-box .results_box span i{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 10px;
    background: url(../images/close.png) center no-repeat;
    background-size: contain;
    margin-left: 25px;
    cursor: pointer;
    transition-duration: .3s;
}
.sort-by-box .title{
    float: right;
    margin-right: 55px;
    font-size: 20px;
    font-weight: 400;
}
.sort-by-box .title img{
    width:13px;
    height: 8px;
    cursor: pointer;
}
.sort-by-box .title img.active{
    transform: rotate(180deg);
}
.sort-by-box .title .sort-cont{
    cursor: pointer;
}
.sort-by-box .sort-content{
    position: absolute;
    right: 50px;
    top: 43px;
    border: 1px solid #DEDEDE;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
    width: 200px;
    line-height: 47px;
    display: none;
    z-index: 2;
    background: #fff;
}
.sort-by-box .sort-content li{
    cursor: pointer;
    width:91%;
    padding-left: 9%;
}
.sort-by-box .sort-content li:hover{
    background: rgba(33, 162, 158, .05)
}
.sort-by-box .sort-content li.active{
    color: #21A29E;
}



.top_menu{
    box-shadow: 0 12px 8px -7px rgb(148 148 148 / 10%);
    position: relative;
    background:#fff;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: center;
    width: 100%;
}
.top_menu .menu{
    box-sizing: border-box;
    width: 1500px;
    padding: 0 40px;
    line-height: 50px;
    font-size: 14px;
    margin: 0 auto;
    /* width: 78.4%; */
    display: flex;
}
.top_menu .menu li {
    cursor: pointer;
    line-height: 65px;
    margin-right: 60px;
    display: block;
}
.top_menu .menu li:hover a{
    color: #57AB7E;
}
.item-simg-swiper {
    padding: 0 4px;
    width: 90%;
}
.item-simg .swiper-button{
    display: none;
}
.item-simg .swiper-btn {
    width: 18px!important;
    height: 18px;
    position: absolute;
    top: 35%;
    cursor: pointer;
}
.swiper-btn-left{
    left:0;
    background: url(../images/icon_left.png) center no-repeat;
    background-size: contain;
}
.swiper-btn-left.disabled{
    background: url(../images/icon_left_disabled.png) center no-repeat;
    background-size: contain;
}
.swiper-btn-right{
    right:0;
    background: url(../images/icon_right.png) center no-repeat;
    background-size: contain;
}
.swiper-btn-right.disabled{
    background: url(../images/icon_right_disabled.png) center no-repeat;
    background-size: contain;
}



/* 新订单 */
.orders_cont_title{
    display: flex;
}
.orders_cont_title span{
    margin-right: 50px;
    line-height: 30px;
    padding: 0 6px;
    cursor: pointer;
}
.orders_cont_title span.active{
    border-bottom: 2px solid #000;
    font-weight: 600;
}
.orders_cont{
    padding:20px 22px 40px;
}
.orders_cont_list{
    padding:30px 0 40px;
    display: none;
}
.orders_cont_list_all{
    display: block;
}
.orders_cont_box{
    margin-bottom: 24px;
    border: 1px solid #E6E6E6;
}
.orders_cont_top{
    background: #F6F6F6;
    line-height: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    padding:0 10px 0 20px;
}
.orders_cont_top p:last-of-type{
    color: #57AB7E;
    cursor: pointer;
}
.orders_cont_top i{
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/down_arrow_green.png) center no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-left: 8px;
    transform: rotate(-90deg);
}
.orders_cont_top span{
    margin-right: 35px;
}
.orders_cont_box ul{
    display: flex;
    justify-content: space-between;
    padding:30px 0px 21px 22px;
}
.orders_cont_box ul li{
    display: flex;
    justify-content: space-around;
    border-right: 1px solid #E5E5E5;
    width: 14.5%;
    padding-top:15px;
}
.orders_cont_box ul li .order_pro{
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 1px solid #E5E5E5;
    margin-top: 20px;
}
.orders_cont_box ul li .order_pro:first-of-type{
    margin-top: 0;
}
.orders_cont_box ul li .order_pro:last-of-type{
    border-bottom: none;
}
.orders_cont_box ul li:first-of-type{
    width: 54%;
    padding-right: 2.5%;
    display: block;
    justify-content: space-between;
}
.orders_cont_box ul li:first-of-type a{
    display: flex;
    width: 67%;
}
.orders_cont_box ul li:last-of-type{
    border-right: none;
    flex-wrap: wrap;
    align-content: flex-start;
}
.orders_cont_box ul li:last-of-type a{
    border: 1px solid #57AB7E;
    color: #57AB7E;
    display: block;
    width: 76%;
    line-height: 20px;
    text-align: center;
    margin:0 auto 6px;
}
.orders_cont_box ul li:last-of-type a:hover{
    background: #eef6f2;
}
.orders_cont_box ul li img{
    width: 140px;
    margin-right: 34px;
}
.orders_cont_text span{
    color: #818181;
    display: block;
    margin-top: 7px;
}
.zongjia{
    font-weight: 600;
}
.Status_cont{
    box-shadow: 0px 0px 8px 5px rgb(0 0 0 / 5%);
    padding: 44px 9%;
    background: #fff;
}
.Status_cont p{
    font-size: 18px;
}
.Status_cont p span{
    font-weight: 600;
}
.Status_cont div{
    display: flex;
    margin-top: 18px;
}
.Status_cont div a{
    color: #57AB7E;
    border: 1px solid #57AB7E;
    text-align: center;
    line-height: 38px;
    width: 31%;
    margin-right: 3.5%;
}
.Status_cont div a:hover{
    background: #eef6f2;
}
.Status_cont div a:last-of-type{
    margin-right: 0;
}



/* 新购物车 */
.cart_left_pro .shopping-cart-ab{
    /* border-bottom: 1px solid #E5E5E5; */
    padding: 0 25px;
    line-height: 74px;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    box-shadow: 0px -2px 20px 5px rgb(0 0 0 / 5%);
    margin-bottom: 16px;
}
.shop_cart_noready{
    box-shadow: 0px 2px 8px 2px rgb(0 0 0 / 5%);
}
.shop_cart_ready{
    box-shadow: 0px 0px 8px 5px rgb(0 0 0 / 5%);
}
.cart_pro_list{
    padding:0 4%;
    margin-bottom: 30px;
    overflow: hidden;
}
.cart_pro_list .cart_pro_box:last-of-type{
    border-bottom: none;
}
.shop_cart_noready .thead{
    border-bottom: none;
    background: #F6F6F6;
    padding:0 9px;
    line-height: 48px;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 18px;
}
.shop_cart_noready .thead p{
    width: 88px;
    line-height: 30px;
    background: #57AB7E;
    color: #fff;
    text-align: center;
    margin:0;
    cursor:pointer;
    border-radius: 4px;
}
.shopping-cart-ab p{
    cursor: pointer;
    margin:0;
}
.shopping-cart-ab p .iconfont{
    font-size: 20px;
}

.shop_cart_noready .cart_cont li,.shop_cart_noready .qty_box,.shop_cart_noready .cart_subtotal p{
    pointer-events: none;
    opacity: .3;
}
.shop_cart_noready .change_color_btn{
    display: none;
}

.alert_move_wish_box{
    background: #fff;
    position: fixed;
    left: calc(50% - 376px);
    top: 0;
    left: 0;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    z-index: 20;
}
.alert_move_wish_list{
    width: 82%;
    margin:0 auto;
    padding-bottom: 150px;
}
.alert_move_wish_box .alert-close{
    margin-top:45px;
    margin-right: 160px;
}
.alert_move_wish_box h5{
    width: 82%;
    margin:0 auto;
    padding:40px 0;
    font-size: 30px;
    border-bottom: 1px solid #E6E6E6;
}
.alert_move_wish_box p{
    color: #818181;
    font-size: 18px;
    font-weight: 500;
}
.move_wish_cont{
    /* padding:0 43px; */
    /* border-top: 16px solid #F6F6F6; */
    border-bottom:1px solid #E5E5E5;
}
.move_wish_cont.last{
    border-bottom: none;
}
.move_wish_cont.orders_li_pro:nth-of-type(n+3){
    display: none;
}
.move_wish_top{
    display: flex;
    /* align-items: center; */
    /* border-bottom: 1px solid #E2E2E2; */
    padding:30px 0 50px;
    position: relative;
}
.move_wish_top .img_pro{
    width: 300px;
    margin-right: 31px;
    position: relative;
    margin-left: 4.5%;
}
.move_wish_top .img_pro p{
    background: #F6F6F6;
    line-height: 23px;
    position: absolute;
    /* bottom: 0; */
    left: 0;
    margin: 0;
    width: 100%;
    font-size: 14px;
    color: #000;
    text-align: center;
}
.move_wish_top img{
    width: 100%;
    /* margin-top: 25%; */
    display: block;
}
.move_wish_top.accessory img{
    margin-top: 0%;
}
.move_wish_top.CleaningCloth img,.move_wish_top.Pouch img,.move_wish_top.GlassesCase img,.move_wish_top.Accessories img{
    margin-top: 0%;
}
.move_wish_text{
    /* max-width: 30%; */
    width: calc(100% - 300px);
    margin-top: 10px;
}
.move_wish_text p{
    /* color: #000; */
    font-size: 16px;
}
.move_wish_text span{
    /* color: #949494; */
    font-size: 16px;
}
.move_wish_bottom{
    padding:0px 0 30px;
    margin-left: 188px;
    margin-top: -27px;
}
.move_wish_bottom li{
    display: flex;
    margin-top: 20px;
    position: relative;
}
.move_wish_bottom li p{
    width: calc(54% + 102px);
    position: absolute;
    right: 0;
    display: flex;
    justify-content: space-between;
    color: #000;
    font-size: 16px;
}
.move_wish_bottom li span{
    /* width: 36.33%;
    font-weight: 600; */
}
.move_wish_bottom li span:first-child{
    /* width: 186px;
    font-weight: 500; */
}
.move_wish_bottom li span:last-child{
    text-align: right;
    font-weight: 500;
}
.move_wish_btn{
    margin: 0 16px;
    width: 250px;
    line-height: 65px;
    background: #57AB7E;
    color: #fff;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 600;
}
.move_wish_btn:hover{
    background: #57AB7E;
}
.delete_btn {
    width: 250px;
    line-height: 63px;
    border: 1px solid #57AB7E;
    color: #57AB7E;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 600;
}
.delete_btn:hover{
    background: #eef6f2;
}
.move_all_btns_box{
    position: fixed;
    width: 100%;
    height: auto;
    left:0;
    bottom:0;
    background: #fff;
    box-shadow: 0px 3px 15px 0px rgb(148 148 148 / 10%);
    border: 1px solid #E5E5E5;
}
.move_all_btns{
    width: 82%;
    margin:0 auto;
    height: 120px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}
.payorder_list .view_all p{
    line-height: 35px;
    height: 35px;
    margin:10px 0 -10px;
}
.payorder_list .view_all p:hover{
    background: #F6F6F6;
}

.alert_move_wish_all .move_wish_bottom li p{
    width: calc(54% + 136px);
}
.alert-success .alert-box-onebtn{
    margin:12% auto 0;
    width: 485px;
    background: #fff;
    padding: 34px 25px 30px;
    text-align: center;
    border-radius: 10px;
}
.alert-box-onebtn span{
    display: block;
    width: 200px;
    margin: 72px auto 0;
    height: 42px;
    line-height: 42px;
    color: #fff;
    background: #57AB7E;
    font-size: 20px;
    cursor: pointer;
    border-radius: 6px;
}
.alert-box-onebtn span:hover{
    background: #57AB7E;
}

.move_wish_top .subtotal_box p{
    display: flex;
    justify-content: space-between;
}

.move_wish_top .subtotal_box p span{
    color: #000;
}
.move_wish_top .subtotal_box p span i{
    float: right;
    width: 15px !important;
    height: 8px;
    margin-top: 16px;
    margin-left: 8px;
    cursor: pointer;
    background: url(../images/arrow_down.png) no-repeat;
    background-size: cover;
}
.move_wish_top .cart_cont {
    width: calc(100% - 31px);
}
.move_wish_top .cart_cont.active .subtotal_box p span i{
    transform: rotate(180deg);
}
.move_wish_top .cart_flex img{
    display: none;
}
.move_wish_top .cart_cont .pack_box img,.move_wish_top .cart_cont .gift_img{
    width: 138px;
}
.SoldOut_conts{
   border-bottom: 12px solid #F6F6F6;
}
.SoldOut_conts_title{
    line-height: 60px;
    background: #F6F6F6;
    padding: 0 13px;
    font-size: 18px;
    margin-top: 30px;
    margin-left: 4.5%;
}
.move_wish_top input[type=checkbox]::after, .all_select input[type=checkbox]::after, .not_need input[type=checkbox]::after, .alert_logo_content input[type=checkbox]::after {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    content: " ";
    color: #fff;
    display: inline-block;
    visibility: visible;
    border-radius: 4px;
}
.move_wish_top input[type=checkbox], .all_select input[type=checkbox], .not_need input[type=checkbox], .alert_logo_content input[type=checkbox] {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 100px;
    content: " ";
    color: #fff;
    display: inline-block;
    visibility: visible;
    border-radius: 4px;
}
.move_wish_top input[type=checkbox]:checked:after, .all_select input[type=checkbox]:checked:after, .not_need input[type=checkbox]:checked:after, .alert_logo_content input[type=checkbox]:checked:after {
    background: #57AB7E url(../images/is_check_write.png) center no-repeat;
    background-size: 80%;
}
.all_select {
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
}
.all_select label {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    margin-left: 65px;
}
.all_select span {
    margin-left: 55px;
}
.all_select input{
    top:auto !important;
}


.pay_form{
    position: relative;
    padding: 35px 0 6px;
    display: none;
}
.pay_form .cart_close{
    top: 0;
    right: 0;
    opacity: .4;
}
.pay_form .pay_form_box{
    border: 1px solid #C6C6C6;
    background: #F6F6F6;
    padding:19px 15px;
    border-radius: 6px;
}
.pay_form .form_flex{
    display: flex;
    justify-content: space-between;
}
.pay_form .pay_form_box input{
    height: 35px;
    padding:0 2%;
    font-size: 14px;
    border: 1px solid #C1C1C1;
}
.pay_form .pay_form_box label{
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}
.pay_form .pay_form_box .errorinfo{
    top: 68px;
    font-size: 14px !important;
}
.pay_form .form_flex input{
    padding:0 4%;
    width: 92%;
}
.pay_form .form_flex .input_box{
    width: 48%;
}
.Save_pay{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.pay_form .Save_pay label{
    margin-bottom: 0;
    margin-left: 7px;
    font-size: 14px;
    cursor: pointer;
}
.pay_form .Save_pay input[type=checkbox]::after{
    width: 18px;
    height: 18px;
    content: " ";
    color: #fff;
    display: inline-block;
    visibility: visible;
    border-radius: 4px;
}
.pay_form .Save_pay input[type=checkbox]{
    width: 18px;
    height: 18px;
    content: " ";
    color: #fff;
    display: inline-block;
    visibility: visible;
    border-radius: 4px;
}
.pay_form .Save_pay input[type=checkbox]:checked::after{
    background: #57AB7E url(../images/is_check_write.png) center no-repeat;
    background-size: 80%;
}
.pay_bttn{
    background: #171717;
    color: #fff;
    line-height: 35px;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}
.pay_bttn img{
    width: 13px;
    margin-right: 9px;
    vertical-align: middle;
}


.order_track,.order_reviews{
    width: 78%;
    margin:47px auto 0;
}
.track_cont{
    background: #fff;
    padding: 45px;
}
.track_cont,.reviews_cont{
    margin-bottom: 60px;
}
.reviews_cont_box{
    background: #fff;
    padding: 45px;
    margin-top: 37px;
    box-shadow: 0px 2px 8px 0px rgb(148 148 148 / 15%);
}
.track_flow{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #C1C1C1;
    padding:44px 1% 0;
    margin-top: 18px;
}
.track_flow_box{
    display: flex;
    /* flex-shrink: 0;
    width: 30%; */
    flex-grow: 2;
    justify-content: space-around;
}
.track_flow_box:first-of-type{
    width: 13%;
}
.track_flow_box.active .track_flow_box_cont{
    color: #000;
}
.track_flow_box.active p,.track_flow_box.active i{
    background: #57AB7E;
}
.track_flow_box .iconts{
    display: flex;
    margin-top: 25px;
    /* margin-right: 25%; */
}
.track_flow_box i{
    display: block;
    width: 8px;
    height: 8px;
    background: #D8D8D8;
    border-radius: 50%;
    margin-left: 20px;
}
.track_flow_box p{
    width: 60px;
    height: 60px;
    background: #D8D8D8;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0 auto 15px;
}
.track_flow_box_cont{
    width: 100px;
    text-align: center;
    font-weight: 600;
    color: #D8D8D8;
}
.track_text{
    margin-bottom: 7px;
}
.track_text em{
    font-weight: 600;
}
.track_text span{
    font-weight: 500;
}
.track_text i{
    color: #57AB7E;
    font-weight: 500;
    cursor: pointer;
}

.track_details{
    background: #F7F7F7;
    padding: 40px;
    margin-top: 20px;
    display: flex;
}
.track_details .left{
    margin-top: 10px;
}
.track_details .left i{
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #D8D8D8;
    margin-bottom: 5px;
}
.track_details .left div:last-of-type i{
    background: #57AB7E;
}
.track_details .left span{
    display: block;
    width: 1px;
    height: 60px;
    background: #D8D8D8;
    margin-left: 4px;
    margin-bottom: 5px;
}
.track_details_box{
    display: flex;
    margin-left: 30px;
    padding-bottom: 30px;
    border-left: 1px solid #D8D8D8;
    padding-left: 35px;
    position: relative;
}
.track_details_box i{
    /* width: 17px;
    height: 17px; */
    /* background: url(../images/dgray.png) no-repeat; */
    width: 8px;
    height: 8px;
    background: #d8d8d8;
    border-radius: 50%;
    border: 4px solid #f7f7f7;
    background-size: cover;
    position: absolute;
    top: 0;
    left: -9px;
}
.track_details_box:last-of-type{
    border-left: none;
}
.track_details_box:last-of-type i{
    /* background: url(../images/dblue.png) no-repeat; */
    background: #57AB7E;
    background-size: cover;
}
.track_details_box_active i{
    background: url(../images/dblue.png) no-repeat;
    background-size: cover;
}

.track_details_date{
    margin-right: 37px;
    width:10%;
    flex-shrink: 0;
}
.track_details_step h4{
    padding-bottom: 5px;
    font-weight: 600;
}

#copy_text::selection{
    background:transparent;
}

.reviews_cont_box .write-reviews .writeCons{
    display: block;
    border-top: none;
    margin-top: 0;
    padding-top: 10px;
}
.reviews_cont_box .rev-star{
    margin-top: 10px;
    margin-bottom: 10px;
}
.reviews_cont_box{
    display: flex;
    justify-content: space-between;
}
.reviews_cont_box .left_pro{
    width: 52%;
    margin-right: 3%;
}
.reviews_cont_box .right_review{
    width: 40%;
    padding-left: 4%;
    border-left: 1px dashed #CDCDCD;
}
.reviews_cont_box .left_pro .cart_pro_box{
    border-bottom: none;
    padding-top: 10px;
}
.reviews_cont_box .cart_cont span{
    /*font-weight: 600;*/
}
.reviews_detail .imgs{
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}
.reviews_detail .imgs img{
    width: 100px;
    height:100px;
    margin-right: 14px;
    flex-shrink: 0;
}

.reviews_cont_box .img-upload{
    flex-wrap: wrap;
}
.du360_alert{
    display: none;
}
.du360_content{
    width: 78.4%;
    margin: 6% auto 0;
    height: 77%;
    position: relative;
}
.du360_alert_close{
    float: none;
    position: absolute;
    right: 30px;
    top: 42px;
    z-index: 2;
}
.du360_cont{
    position: relative;
    height: 100%;
}
.du360_cont img{
    width: 100%;
    position: absolute;
    left:0;
    top:0;
    z-index:0;
}
img:first-of-type{
    z-index:1;
}
.du360_cont p{
    width: 100%;
    text-align: center;
    position: absolute;
    left:0;
    bottom:15%;
    z-index: 2;
    font-size: 22px;
}
.file_flex{
    display: flex;
}
.CountryCode{
    line-height: 63px;
    height:64px;
    border: 1px solid #DEDEDE;
    border-right: none;
    padding: 0 2%;
    margin-bottom: 35px;
    font-size: 16px;
    width: 25%;
    display: flex;
    justify-content: space-between;
}
.CountryCode i{
    font-style: inherit;
}
.CountryCode input{
    width: 100%;
    border:none !important;
    margin-bottom: 0;
    text-align: right;
}
.file_flex input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-right: 0;
}
.credit_btn{
    color: #57AB7E;
}

.about_boxz h3{
    font-size: 30px;
    font-weight: 600;
    color: #454545;
    padding-top: 70px;
    margin: 0;
}
.about_boxz p{
    color: #A5A5A5;
    font-size: 18px;
    line-height: 30px;
}
.about_boxz img{
    width: 100%;
}
.about_text_boxs{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top:85px;
}
.about_text_box{
    width: 47.4%;
    flex-shrink: 0;
    margin-bottom: 75px;
}
.about_text_box .about_text h4{
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 30px;
    margin: 25px 0 0;
    padding-bottom: 10px;
}
.about_text_box .about_text h4 .iconfont{
    margin-right: 10px;
    font-size: 40px;
    color: #57AB7E;
}
.about_text_box img{
    width: 100%;
}
.pd_index .about_boxz h3{
    color: #424242;
    font-size: 48px;
    text-align: center;
}
.pd_index .about_text_boxs{
    margin-top: 35px;
}
.pd_content_box{
    background: #F7F7F7;
    width: 40.2%;
    height: 360px;
    position: relative;
    padding: 70px 4.2% 0;
    margin-bottom: 40px;
    overflow: hidden;
}
.pd_content_box i{
    position: absolute;
    top: -33px;
    left: -27px;
    width: 67px;
    height: 65px;
    text-align: right;
    background: #57AB7E;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    padding-top: 35px;
    padding-right: 33px;
}
.pd_content_box a{
    background: #F7F7F7;
    border: 3px solid #57AB7E;
    border-radius: 6px;
    display: block;
    line-height: 150px;
    text-align: center;
    font-size: 36px;
    color: #57AB7E;
    font-weight: 600;
}
.pd_content_box a .iconfont{
    font-size: 28px;
    font-weight: 600;
    color: #57AB7E;
    margin-left: 13px;
    display: inline-block;
    vertical-align: bottom;
}
.pd_content_box h6{
    color: #424242;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 7px;
    margin-top: 42px;
}
.pd_content_box span{
    display: block;
    color: #8A8A8A;
    font-size: 18px;
}

.face_title_bg{
    background: #207DAA;
    color: #fff;
    text-align: center;
    padding: 75px 0 80px;
    margin-bottom: 90px;
}
.face_title_bg h2{
    color: #fff;
    font-size: 48px;
    font-weight: 600;
}
.face_title_bg p{
    font-size: 18px;
    width: 44%;
    margin: 30px auto 80px;
}
.faceMao{
    width: 41%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.faceMao a{
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.faceMao a:hover img{
    margin-top: -7px;
    transition: .5s all;
}
.faceMao a img{
    width: 60px;
    display: block;
    margin: 0 auto 18px;
}


.faceShape_box{
    margin-bottom: 93px;
}
.faceShape_title{
    background: #F2F2F2;
    display: flex;
    align-items: center;
    padding: 0 50px 0 35px;
    height: 80px;
    margin-bottom: 20px;
}
.faceShape_title p{
    color: #454545;
    font-size: 36px;
    font-weight: 600;
    margin-right: 55px;
    flex-shrink: 0;
}
.faceShape_title span{
    color: #8A8A8A;
    font-size: 18px;
}

.faceShape_cont{
    display: flex;
    align-items: center;
}
.faceShape_cont img{
    width: 48.7%;
}
.faceShape_cont_pro{
    flex: 1;
    margin:0 0 0 40px;
}
.faceShape_box:nth-of-type(2n) .faceShape_cont_pro{
    margin:0 40px 0 0;
}
.faceShape_cont_pro .pro_face{
    border-bottom: 1px solid #E5E5E5;
    padding: 38px 0 43px;
}
.faceShape_cont_pro .tit{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #424242;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 37px;
}
.faceShape_cont_pro .tit a{
    border: 1px solid #57AB7E;
    color: #57AB7E;
    width: 146px;
    line-height: 34px;
    text-align: center;
    font-size: 18px;
}
.faceShape_cont_pro .tit a:hover{
    background: #eef6f2;
}
.faceShape_cont ul{
    display: flex;
    justify-content: space-around;
}
.faceShape_cont li{
    text-align: center;
}
.faceShape_cont li img{
    width: 160px;
    display: block;
    margin: 0 auto 15px;
}

.privacy_index{
    padding: 60px 0 250px;
    width: 78.4%;
    margin: 0 auto;
}
.privacy_index h3{
    color: #57AB7E;
    font-size: 48px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 40px;
}
.privacy_index .text{
    font-size: 18px;
    margin-bottom: 40px;
}
.privacy_index h4{
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 12px;
    margin-top: 97px;
}
.privacy_index p{
    font-size: 18px;
}
.privacy_index li{
    line-height: 30px;
    padding-left: 35px;
    position: relative;
}
.privacy_index li::before{
    position: absolute;
    left: 0;
    top: 15px;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
    margin-left: 10px;
}
.privacy_index li span{
    display: flex;
}
.privacy_index li span i{
    margin-right: 15px;
}
.privacy_index li a{
    color: #57AB7E;
    text-decoration: underline;
}
.aBox{
    margin-top: 5px;
}
.aBox a{
    display: block;
    padding-left: 34px;
}






.index_content img{
    display: block;
    margin: 0 auto;
    width: 100%;
}
.index_swiper{
    width: 83%;
    margin:0 auto;
    padding-top:60px !important;
    --swiper-navigation-size: 24px;/* 设置按钮大小 */
}
.index_swiper .swiper-slide{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 5%;
    width: 90% !important;
}
.index_swiper .swiper-slide a{
    flex-shrink: 0;
    width: 13.3%;
    margin-right: 8%;
    text-align: center;
    font-size: 24px;
    margin-bottom: 60px;
}
.index_swiper .swiper-slide a img{
    margin-bottom: 12px;
}
.index_swiper .swiper-slide a:nth-of-type(5n){
    margin-right: 0;
}
.index_swiper .swiper-button-prev{
    color: #fff;
    background: #999;
    left: 0;
    padding:0 12px;
    height: 81px;
    top: 44%;
}
.index_swiper .swiper-button-next{
    color: #fff;
    background: #999;
    right: 0;
    padding:0 12px;
    height: 81px;
    top: 44%;
}

.index_center{
    background: #F9F9F9;
    padding: 60px 10.5% 150px;
}
.index_center img{
    width: 100%;
    display: block;
}
.img_href{
    margin-bottom: 27px;
    display: block;
}
.sale_box{
    display:flex;
    justify-content: space-between;
    background: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-bottom: 28px;
}
.sale_box a{
    width: 20%;
    padding: 28px 2.4% 35px;
    border-right: 1px solid #E1E1E1;
    text-align: center;
    font-size: 24px;
}
.sale_box a:nth-of-type(5){
    border-right: none;
}
.sale_box a img{
    width: 100%;
}
.sale_box a img.img_off{
    width: 70px;
    height: 30px;
    margin:0 0 3px;
}
.sale_box a span{
    font-weight: 600;
}
.sale_box a i{
    color: #A7A7A7;
    text-decoration: line-through;
    margin-right: 5px;
    font-weight: 500;
}
.face_pd{
    display: flex;
    justify-content: space-between;
}
.face_pd a{
    width: 49%;
}
.face_pd a img{
    width: 100%;
}

.primeLogo{
    display: block;
    margin: -4px auto 8px;
}





/* 2022.3新导航 */
.top_menu .menu li{
    cursor: pointer;
    line-height: 62px;
    margin-right: 55px;
    display: block;
    text-transform: uppercase;
    font-size: 18px;
}
.top_menu .menu li.active a{
    color: #57AB7E;
}

.top_menu .menu{
    display: flex;
}

.top_menu .menu li+.menu_box{
    position: absolute;
    left:0;
    top:59px;
    width: 100%;
    background: #FFFFFF;
    max-height: 0;
    transition:all .3s;
    overflow: hidden;
    opacity: 0;
}
.top_menu .menu li+.menu_box .menu_box_cont{
    margin: 0 auto;
    width: 78.4%;
    display: flex;
    padding:25px 0;
}
.top_menu .menu li+.menu_box .menu_box_a{
    border-right: 1px solid #E6E6E6;
    padding-right:46px;
    margin-right: 44px;
    min-width: 100px;
}
.top_menu .menu li.active+.menu_box{
    /* display: block; */
    max-height: 290px;
    opacity: 1;
    border: 1px solid #E6E6E6;
}
.top_menu .menu li+.menu_box .menu_box_a a{
    text-align: left;
    margin-right: 0px;
    line-height: 18px;
    margin-bottom: 40px;
    font-size: 18px;
}
.top_menu .menu li+.menu_box a{
    display: block;
    line-height: 37px;
    /* padding-left: 12px; */
    text-align: center;
    margin-right: 24px;
    line-height: 37px;
    margin-bottom: 0;
    font-size: 18px;
}
.top_menu .menu li+.menu_box a:hover{
    color: #57AB7E;
}
.top_menu .menu li+.menu_box a img{
    display: block;
    margin-bottom: 7px;
    width: 100%;
}





input,select,textarea{
    border: 1px solid #e6e6e6 !important;
    outline: none !important;
}
input:focus,input:hover,
select:focus,select:hover,
textarea:focus,textarea:hover,
.topSeachForm form .top_seachBox:hover,
.topSeachForm form.active .top_seachBox{
    border: 1px solid #666666 !important;
}

.CountryCode input:hover{
    border:none !important;
}



.alert_email{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    display: none;
}
.alert_email .alert2{
    display: none;
    padding-bottom: 40px;
}
.alert_email .alert-box{
    width: 800px;
    height: 440px;
    background: #fff;
    margin: 175px auto 0;
}
.alert_email .alert-close{
    margin-top: -2px;
    margin-right: -60px;
    width: 20px;
    height: 20px;
}
.alert_email .title{
    text-align: center;
    font-size: 48px;
    line-height: 50px;
    margin-top: 50px;
    margin-bottom: 30px;
}
.alert_email .alert2 .title{
    line-height: 70px;
    margin-top: 70px;
    margin-bottom: 20px;
}
.alert_email .title i{
    color: #57AB7E;
}
.alert_email .alert2 .title i{
    display: block;
}
.alert_email_cont{
    position: relative;
    margin-top: 0;
}
.alert_email_cont p.errorinfo{
    font-size: 15px !important;
    top: 70px;
}
.alert_email_cont input{
    width: 95.7%;
    border: 1px solid #E6E6E6;
    line-height: 55px;
    height: 55px;
    font-size: 16px;
    color: #757575;
    padding: 0 2%;
    margin-bottom: 0;
    outline: none;
    margin-top:14px;
    border-radius: 4px;
    text-align: center;
}
.alert_email .Send_Right,.alert_email .Send_Right2, .alert_email .Send_Right3{
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #57AB7E;
    color: #fff;
    font-size: 18px;
    margin: 30px auto 0;
    cursor: pointer;
    border-radius: 4px;
}
.alert_email .Send_Right:hover,.alert_email .Send_Right2:hover{
    background: #57AB7E;
}
.nodingzhi{
    color: #818181;
    font-size: 18px;
    display: block;
}



img[src=''],img:not([src]){
    opacity: 0;
}




/* 后续可编辑 */
.Details_Reviews{
    width: 100%;
}
.Details .features_cont{
    width: 78.4%;
    margin:0 auto;
}
.Reviews{
    display: none;
    width: 78.4%;
    margin:0 auto;
}
.features_cont,.specifications_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.features_cont p,.specifications_box p{
    font-size: 30px;
    font-weight: 600;
}
.features_cont span,.specifications_box span{
    font-size: 18px;
    display: block;
    line-height: 30px;
}
.features_cont img{
    width: 60%;
}
.features_cont .text{
    width: 36%;
}
.text_cont{
    text-align: center;
    padding:80px 0 90px;
}
.text_cont h6{
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 18px;
}
.text_cont p{
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}
.text_cont span{
    font-size: 18px;
    display: block;
    line-height: 30px;
}
.text_cont span::before{
    content: '* ';
    color: #F86F6E;
}
.specifications_cont{
    background: #F8F8F8;
}
.specifications_box{
    width: 78.4%;
    margin:0 auto;
    padding: 75px 0 50px;
}
.spec_img{
    display: flex;
    width:80%;
    margin-left: 60px;
}
.sizeImg{
    position: relative;
}
.sizeImg img{
    width: 100%;
}
.sizeImg span{
    position: absolute;
    top: 0;
    left: 0;
}
.sizeImg span.size1{
    top: -15px;
    left: 109px;
}
.sizeImg span.size2{
    top: -15px;
    left: 238px;
}
.sizeImg span.size3{
    top: 96px;
    left: -50px;
}
.sizeImg span.size4{
    top: auto;
    bottom: 20px;
    left: 229px;
}
.sizeImg span.size5{
    top: -15px;
    left: 185px;
}
.specifications_box span span{
    display: inline-block;
}

.tips_position{
    border-radius: 50%;
    position: absolute;
    bottom: 98px;
    text-align: center;
    font-size: 14px;
    display: none;
  }
  .tips_position span{
    background: #fff;
    border: 1px solid #000;
    position: relative;
    padding: 0 11px;
    line-height: 56px;
    display: inline-block;
    color: #666666;
  }
  .tips_position img{
    width: 13px;
    height: 12px;
    background: url(../images/jt.png) center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -9px;
    left: 15px;
  }
.restips img{
    width:24px;
    height:24px;
    margin:0 8px;
}
.restips{
    line-height:38px;
    color: #FE7979;
    background: #FFF1F1;
    font-size: 18px;
    font-style: italic;
    display: flex;
    align-items: center;
    margin: 20px 0 -20px;
}
#addpriceBox{
    margin-top:0;
    color:#000;
    font-size: 18px;
}
#addpriceBox .addprice{
    margin-right: 5px;
    color: #000;
}
#addpriceBox span:hover{
    text-decoration: none;
}
.step2_prescription_table td select.tipBg{
    background: #eef6f2 !important;
}

.padding-top-80 {
    padding-top: 80px!important;
}
.module-inner-1200 {
    box-sizing: border-box;
    width: 1500px!important;
}
.min-width {
    box-sizing: border-box;
    min-width: 1500px!important;
}
.min-width-module {
    box-sizing: border-box;
    width: 1500px!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
    margin-left: auto;
    margin-right: auto;
}
.padding-left-right-wrap {
    padding-left: 40px !important;
    padding-right: 40px !important;
}
.img-36-18{
    width: 36px;
    height: 18px;
}
.img-22-22{
    width: 22px!important;
    height: 22px!important;
}
.pl-0 {
    padding-left: 0 !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.gallery-banner-wrap {
    cursor: pointer;
    position: relative;
    padding-top: 50%;
    margin-bottom: 10px;
    background: #f5f5f6;
    border-radius: 10px;
}
.gallery-banner {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}