html {
/*font-family: sans-serif;*/
font-size:26.67vw !important;
}
.page-group {
display: block;
margin: auto;
/*max-width: 640px;*/
position: relative;
}
.content{background:#fff;}
body{
/*font-family:Verdana,Arial,Tahoma;*/
font-size:0.6rem;
overflow-wrap: break-word;
color: #24292e;
}
input,select{
background: none;
text-shadow: none;
}
a{color:#333333;}
.button{padding:0}
ul {list-style: outside none none;margin:0;}
i,em{
font-style: inherit;
}
.theme-dark .searchbar::after{
background-color:transparent
}
.theme-dark .searchbar{
background:transparent none repeat scroll 0 0
}
.category_menu ul{padding:0;font-size:0.75rem;}
.category_menu ul li {
padding-left: 0;
}
.category_menu ul li ul li{padding:0.3em 0 0 1em;}
.category_menu ul li ul{font-size:0.7rem;}
.category_menu ul li ul .icon-right{float:left;font-size:0.4rem;margin-top:1em;}
.list-block {
font-size: 0.7rem;
}
.product_name{
padding:0px;height:3em;
overflow:hidden;font-size:0.6rem;
}
.product_name a{
color:#777;
}
.panel-left a{color:#ccc;}
.content-block {
color: #6d6d72;
margin: 0.15rem 0;
padding: 0 0.75rem;
}
.category_menu > ul{margin-top:0.1rem}
.list-block .item-inner{padding-left:0.9rem;}
.list-block {
margin: 0;
}
h1{font-size:1em;color:#333;font-weight:100;}
.category_description{padding:0.4rem 0.6rem; display:none}
.popup-overlay.modal-overlay-visible{display:none}
.filter_attr_info a {
background: rgba(0, 0, 0, 0) url("../img/checkbox.png") no-repeat scroll -69px 1px;
font-size: 0.8em;
padding: 0 0 0 16px;
}
.filter_attr_info a.checked {
background-position: -50px -19px;
}
.closeBtn {
background-image: url("../img/tag.png");
background-position: -164px 7px;
background-repeat: no-repeat;
display: inline-block;
font-size: 0;
height: 20px;
vertical-align: -5px;
width: 20px;
}
.repository-lang-stats-graph {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
-moz-user-select: none;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-color: currentcolor #ddd #ddd;
border-image: none;
border-style: none solid solid;
border-width: 0 1px 1px;
cursor: pointer;
display: table;
overflow: hidden;
white-space: nowrap;
width: 100%;
}
* {
box-sizing: border-box;
}
*::placeholder {
color: #6a737d;
}
*::-moz-placeholder {
color: #6a737d;
}
.content-block .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;
}
.close_popup{
font-size: 1.2em;
position: absolute;
right: 1rem;
top: 0.2rem;
}
a{font-size:0.15rem;}
#panel-left-menu .category_menu a{font-size:0.9em;}
#panel-left-account a{font-size:0.9em;;}
.clear{clear:both}
.category_page .open-sort{float:left;}
.category_page .open-filter{float:right;}
.category_page .no_product{
margin-top:2rem;
margin-bottom:30%;
text-align: center;
font-size: .12rem;
color: #808080;
}
.category-open{
border: 1px solid #e5e5e5;
border-radius: .17rem;
font-size:0.6rem;
text-align: center;
color: #666;
padding:0.1rem 1rem;
}
.category_description h1{text-align:center;font-weight:100;font-size:0.9em}
.category-open .icon{font-size:0.4rem;}
.sort_filter{margin-top:0.4rem;margin-bottom:-0.2rem;}
.media_img_content{max-width:400px;margin:auto;}
.product_view{padding:0 1rem;}
.item_code{margin-right:0;}
.product_info h1{ font-size: 0.6rem;
font-weight: 100;
margin-bottom: 0;}
.swiper-container{padding-bottom: 5px;}
.price_info {
margin: 10px 0 0;
}
.product_info .price_info .special_active {
float: left;
line-height: 30px;
margin-right: 10px;
}
.product_info .special_price {
color: #cc0000;
font-size: 25px;
}
.product_info .price_info .price.special_active {
margin: 3px 0 0 3px;
text-decoration: line-through;
}
.product_info_section {
margin: 5px 0 15px;
}
.product_options {
margin: 0.4rem 0 0;
}
.product_options .label {
line-height: 49px;
}
.pg .label {
float: left;
font-size: 0.5rem;
width: 2.4rem;
}
.product_options .pg .rg {
width: auto;
}
.product_options .rg li {
color: #333;
cursor: pointer;
float: left;
margin: 5px;
position: relative;
text-align: center;
}
.product_options a.active, .product_options a.active_v {
border: 1px solid #777;
}
.product_options a {
display: block;
float: left;
height: 49px;
padding: 1px;
width: 44px;
line-height:49px;
}
.product_options a.current {
border: 1px solid #cc0000;
}
.rg .qty{margin-left:4px;}
.product_options li.current b {
background: rgba(0, 0, 0, 0) url("../img/cur.png") no-repeat scroll 0 0;
bottom: 0;
display: block;
height: 6px;
overflow: hidden;
position: absolute;
right: 0;
width: 8px;
}
.addtocart a{
margin-top: 0.5rem;
}
.button-success.button-fill{background-color:#fe585e;color:#fff}
.addtocart .addProductToFavo{
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
color: #777;
}
.product_description_info{min-height:300px;width:100%;overflow:hidden;margin-top:0.55rem;}
.product_description_info .content-block{padding-top:0.24rem;}
.chose_size a {
border: 1px solid #ccc;
font-size: 11px;
height: 35px;
line-height: 35px;
width: 35px;
}
.product_options a.noimgshow {
font-size: 11px;
height: 44px;
line-height: 44px;
min-width: 15px;
padding: 0px;
text-align:center;
}
.product_options a.no_active {
border: 1px dashed #ccc;
cursor: not-allowed;
}
.product_qty .label{line-height:1.3rem;}
.button.button-fill.addProductToCart{height:1.55rem;line-height:1.55rem;}
.product_description_info .buttons-tab a{font-size:0.55rem;}
.text-description , .text-reviews , .text-questions{font-size:0.6rem;}
.tier_price_info{margin:0.5rem 0 1rem;color:#333;}
.tier_price_info table{width:100%;color:#777;}
.buy_also_buy_cer{padding: 0 1rem;}
.tier_price_info table{font-size: 0.56rem;}
.buy_also_buy .scroll_left{
border-bottom: 1px solid #ddd;
margin: 15px 0 5px;
padding: 5px 0;
text-transform: uppercase;
}
.buy_also_buy .scroll_left a{color: #333;font-size: 0.9em;
/*font-family: Arial;*/
}
.buttons-tab .button{height: 1.6rem;
line-height: 1.6rem;}
.review_star_5 {
background: rgba(0, 0, 0, 0) url("../img/Star_5.png") no-repeat scroll 0 0;
}
.review_star_4 {
background: rgba(0, 0, 0, 0) url("../img/Star_4.png") no-repeat scroll 0 0;
}
.review_star_3 {
background: rgba(0, 0, 0, 0) url("../img/Star_3.png") no-repeat scroll 0 0;
}
.review_star_2 {
background: rgba(0, 0, 0, 0) url("../img/Star_2.png") no-repeat scroll 0 0;
}
.review_star_1 {
background: rgba(0, 0, 0, 0) url("../img/Star_1.png") no-repeat scroll 0 0;
}
.review_star_0 {
background: rgba(0, 0, 0, 0) url("../img/Star_0.png") no-repeat scroll 0 0;
}
.review_star {
display: block;
height: 15px;
width: 69px;
}
.product-Reviews_top ul{padding-left:0}
.review_description_left a{display:block;}
.review_description_left p{ display:block;float:left;margin: 0.3rem 1rem 0.3rem 0}
.review_description_left span{display:block;float:right;margin: 0.3rem 0 0.3rem 0}
.review_description_right_span b{font-weight:100;}
.buttons-row .button{
border-color:#ccc;
font-size:0.55rem;
}
.average_rating {
float: left;
}
.rbc_cold .review_star {
display: block;
float: left;
height: 15px;
margin: 0rem 0rem 0 0.4rem;
text-align: right;
width: 85px;
}
.rbc_cold{margin-top:0.22rem;}
.rbc_cold , .item_code{color:#777;}
.item_sku{color:#555;}
.product-image{
display: block;
margin-top: 0.5rem;
}
.product-image img{width:100%;height:auto;}
.cart_info {}
.cart_info a{color:#555;}
.cart_info h2.product-name{
font-size:0.7rem;
margin:1px 0 4px;
font-weight: 100;
}
.cart_info ul {padding-left:1px;}
.cart_info ul li{font-size:0.5rem;color:#777;}
.cart-price{
color: #cc0000;
font-size: 0.6rem;
}
.cartqtydown {
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-radius: 4px 0 0 4px;
border-top: 1px solid #ccc;
float: left;
font-size: 0.7rem;
height: 20px;
line-height: 18px;
text-align: center;
width: 22px;
}
.cart_info .qty {
border: 1px solid #ccc;
border-radius: 0;
box-shadow: none;
float: left;
height: 20px;
padding-bottom: 0;
padding-top: 0;
text-align: center;
width: 20px;
}
.cartqtyup {
border-bottom: 1px solid #ccc;
border-radius: 0 4px 4px 0;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
float: left;
font-size: 0.7rem;
height: 20px;
line-height: 18px;
text-align: center;
width: 20px;
}
.cart_qty{width:80px;}
.cart_qty a{
background:#fff;
}
.btn-remove span{
font-size: 1.1rem;
}
a.btn-remove {
bottom: 1rem;
position: absolute;
right: 2rem;
}
.cart_info .row{
position:relative;
border-bottom:1px solid #e5e5e5;
padding:0.5rem 1rem;
}
.cart{
/*background:#fff;*/
}
.row .col-80{margin-left:2%}
.cart_info .row .col-25{padding:1rem 0 1rem 0.1em}
.cart_info .row .col-75{padding:1rem 0;}
.col-70 .product-name{width:60%;}
.shopping-cart-img{
text-align:center;font-size:0.7rem;padding:0.4rem 0;
background:#fff;
border-bottom:1px solid #e5e5e5;
margin-bottom:0.6rem;
}
.cart_info .options li{float:left;margin-right:1rem;}
.cart_info .product-name a {
color: #555;
display: block;
height: 0.7rem;
overflow: hidden;
}
#coupon_code {
border-color: #ccc currentcolor #ccc #ccc;
border-radius: 0;
border-style: solid none solid solid;
border-width: 1px medium 1px 1px;
height: 0.35rem;
width: 100%;
}
.discount-form .input-box .ui-input-text {
border-radius: 2px 0 0 2px;
border-right: medium none;
}
.discount-form .buttons-coupon {
float: right;
width: 40%;
}
.discount-form .input-box {
float: left;
width: 60%;
}
.discount-form .buttons-coupon .ui-shadow {
box-shadow: none;
}
.discount-form .buttons-coupon a {
background-color: #f6f6f6;
border: 1px solid #ccc;
border-radius: 0 2px 2px 0;
color: #333;
text-shadow: 0 1px 0 #f3f3f3;
}
.ui-btn {
-moz-user-select: none;
cursor: pointer;
display: block;
font-size: 0.6rem;
overflow: hidden;
padding: 0.2em 1em;
position: relative;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
#discount-coupon-form h2{font-size:0.6rem;}
.cart-collaterals{padding:0.2rem 0.4rem;min-height:17.5rem;}
.cart_cost{margin-top:1rem;}
.cart_cost .row.no-gutter .col-66{text-align:right;padding-right:1rem;}
.cart_cost .row.no-gutter{
padding-top: 0.2rem;
}
a.express_paypal{
background: #ffc63e;
border-color: #ffc63e;
display: block;
height: 2.17rem;
line-height: 2.17rem;
overflow: hidden;
padding: 0 0.83rem;
text-align: center;
text-overflow: ellipsis;
text-transform: capitalize;
white-space: nowrap;
padding:0 0.5rem;
width:100%;
border-radius: 0.17rem;
}
a.express_paypal img{max-height:70px;height:100%;width:100%;max-width:260px;}
.cart-totals{margin:1rem 0}
.btn-proceed-checkout{
background-color: #f90;
border-color: #f90;
display: block;
font-size:0.7rem;
height: 2.17rem;
line-height: 2.17rem;
overflow: hidden;
padding: 0 0.83rem;
text-align: center;
text-overflow: ellipsis;
text-transform: capitalize;
white-space: nowrap;
padding:0 0.5rem;
width:100%;
border-radius: 0.17rem;
color:#fff;
}
.proceed_to_checkout .row.no-gutter .col-50{padding:0.2rem}
.header_logo img{width:5rem; margin-top: 0.68rem;}
.col-20 a img{width:100%}
.review_lists{background:#fff;min-height:700px;padding:0.5rem;}
.review_lists .product_info .price_info .special_active{
font-size:0.6rem;
margin:0 0.5rem 0 0;
}
.review_lists .price_info{margin:0;}
.review_lists .review_cart{padding:0 0.2rem;font-size:0.55rem;}
.product-reviews{
padding:0 0.2rem;font-size:0.7rem;
}
.review_lists .button-danger.button-fill {
background-color: #4cd964;
}
.review_lists .row .col-50{margin-left:0;}
.review_lists .review_cart .content-block{margin:1rem 0}
.fec-card-header , .fec-card-content , .fec-card-footer{
border-bottom: 1px solid #eaeaea;
padding: 0.4rem 0.6rem;
color:#333;
}
.fec-card-header{font-weight:bold}
.fec-card-content{color:#333;}
.review_title{margin-left:0.5rem;}
.review_list_remark{font-size:0.5rem;color:#777}
.review_list_product{margin-left:0.5rem;}
.review_add{padding:1rem 0 1rem 0.4rem;}
.review_add .product_info .price_info .special_active {
font-size: 0.6rem;
margin: 0 0.5rem 0 0;
}
.review_add .price_info {
margin: 0;
}
.h-30 {
height: 30px;
}
.lh30_f {
float: left;
line-height: 30px;
}
.product-description_em {
color: #cc0000;
font: 17px/12px Segoeui,Arial,Verdana,serif;
margin: 0 3px;
}
.star_ul {
display: inline;
height: 30px;
}
.star_ul li {
float: left;
}
.star_1, .star_2, .star_3, .star_4, .star_5 {
background: rgba(0, 0, 0, 0) url("../img/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("../img/product_rating_big_full_star.png") repeat scroll 0 0;
}
.product-Reviews_bottom .list-block .item-content{background:#fff;}
.login-captcha{
}
.login-captcha img {
float: left;
height: 25px;
}
.product-Reviews_bottom .item-content .login-captcha input {
border: 1px solid #ccc;
display: block;
float: left;
height: 25px;
margin-right: 5px;
width: 80px;
}
.login-captcha{width:100%}
.icon-refresh{
border: 1px solid #ddd;
color: #777;
cursor: pointer;
display: block;
float: left;
font-size: 0.7rem;
height: 25px;
line-height: 24px;
margin-left: 1px;
text-align: center;
width: 25px;
}
.product-Reviews_bottom .lh30_f{width:100%}
.product-Reviews_bottom .list-block .item-title.label{width:25%;}
.list-block .item-inner {
padding-left: 0.1rem;
}
.product-Reviews_bottom .list-block ul li input
,.product-Reviews_bottom .list-block ul li textarea{
font-size:0.6rem;
}
.review_submit{padding-left:0.9rem;margin-top:1rem;}
.review_submit button{font-size: 0.6rem;
line-height: 0.9rem;
padding: 0.2rem 1rem 0.4rem;
}
.product-Reviews_bottom .list-block{margin-top:0}
.product-Reviews_bottom{min-height:500px;}
.error-msg {
margin:3px 0;
background: #faebe7 url("../img/i_msg-error.gif") no-repeat scroll 8px 4px;
border: 1px solid #f16048;
color: #df280a;
font-size: 0.8em;
padding: 5px 30px;
margin:0.4rem 1rem;
display: none;
}
.correct-msg {
margin:3px 0;
background: #eff5ea url("../img/i_msg-success.gif") no-repeat scroll 8px 4px;
border: 1px solid #95a486;
color: #3d6611 ;
font-size: 0.8em;
padding: 5px 30px;
margin:0.4rem 1rem;
}
.list-block .item-link .item-inner{margin-left:0rem;padding-left:1rem;}
.list-block .item-content{padding-left:0}
.account-top-m{background:#fff;}
.account-top-m .icon-left{font-size:0.7rem;}
.account-ds .account_footer{ text-align: center;margin: 30px 0 200px;}
.account-ds .account_footer a {
font-size: 0.7rem;
}
.account-ds a{font-size:0.7rem;}
/* .account-ds{height:2.2rem;} */
.js_registBtn{}
.list-block .item-title.label{width:25%;}
.list-block input[type="text"], .list-block input[type="password"], .list-block input[type="email"], .list-block input[type="tel"], .list-block input[type="url"], .list-block input[type="date"], .list-block input[type="datetime-local"], .list-block input[type="time"], .list-block input[type="number"], .list-block input[type="search"], .list-block select, .list-block textarea{
font-size:0.6rem;
}
.customer-login .buttons-set , .customer-login .third_login{
margin:0.8rem;
}
.account-form .item-input .login-captcha-input{width:30%;float:left;}
.account-form .item-input .login-captcha-img{width:130px;float:left; margin-top: 0.4rem;}
.account-form .icon-refresh{
font-size: 0.9rem;
height: 1.2rem;
line-height: 1.2rem;
margin: 0.4rem 0 0 0.2rem;
padding: 0;
width: 1.2rem;
}
.shopping-cart-img a.f-right{float:right;
color: #0894ec;
line-height: 1.2rem;
position: absolute;
right: 1rem;
}
.button.button-fill.button-bbb{
background: #bbb none repeat scroll 0 0;
}
.account-ds .button-bbb {
margin: 1rem 1rem 10rem;
text-align: center;
}
.account-form .newsletter{
color:#bbb;
margin: 1rem 0 1rem 1.1rem ;
}
.account-form .newsletter label{
line-height:1rem;
font-size:0.5rem;
}
.validation-advice{color:#cc0000;font-size:0.5rem;}
.image404{width:80%;margin:auto;}
.footer-bottom img{width:100%}
.footer-bottom #copy{font-size:0.45rem;text-align:center;margin-bottom:0.2rem;}
.footer_bar .change-bar .c_left{float:left;width:30%;color:#888}
.footer_bar .change-bar .c_right{float:left;width:68%;}
.footer_bar .change-bar .c_right select{width:80%;}
.footer_bar .change-bar{ background: #f3f3f3 none repeat scroll 0 0;
margin: 0;
padding: 0.4rem 0.4rem;}
.footer_bar .change-bar select{
border: 1px solid #ccc;
color: #666;
width: 80%;
background: #f3f3f3;
}
.list-block .item-content.change_password_label{
color: #777;
font-size: 0.55rem;
margin-left: 1.2rem;
}
.list-block .item-content.change_password_label input{
position:absolute;
top:0.7rem;
}
.list-block .item-content.change_password_label label{
float:left;
display:block;
margin-left:0.8rem;
}
table {
border: 0 none;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
font-size: 12px;
text-align: center;
width: 100%;
}
.addressbook thead tr {
background: #f7f7f7 none repeat scroll 0 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
vertical-align: top;
}
th {
border-bottom: 1px solid #4c6b99;
font: 13px Bitter,Myriad Pro,Verdana,serif;
height: 37px;
padding: 0 10px;
vertical-align: middle;
}
.addressbook tbody tr td {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
td {
border-bottom: 1px solid #e0e0e0;
border-collapse: collapse;
height: 49px;
padding:10px;
vertical-align: middle;
}
.addressbook .icon{font-size:0.8rem; margin-left:0.4rem;}
.add_new_address{margin:1rem 2rem;}
.account_center tbody tr td{color:#777;}
.account_center .order-status.pending{color:#cc0000;}
.account_center .order-status.processing{color:green;}
.order_list, .account-container{margin-bottom:3rem;}
.account-container{padding:0 0.5rem 1rem;}
.my_account_order h5{margin:0.7rem 0.4rem 0.6rem}
.customer-forgot-success {
/*padding:1rem;*/
/* padding-top:.31rem; */
}
.mailtous{font-size:0.6rem;padding:0.2rem 1rem 5rem 1rem;}
.mobile-container{
padding:0 1rem 1rem;width:100%;
}
.mobile-container img{width:100%;}
.lazy{width:100%;}
.chose_size .show_as_img a{
height: 58px;
width: 54px;
}
.product_options a.noactive {
border: 1px dashed #ccc;
cursor: not-allowed;
}
#onestepcheckout-form{padding:1rem;}
.checkoutcontainer ul {padding-left:0;}
.checkoutcontainer .address_list{width:100%;}
ul#billing_address_list li label{ display: block;
font-size: 0.55rem;
margin: 0.2rem 0;}
ul#billing_address_list li input , ul#billing_address_list li select{
display:block;
margin: 0.2rem 0;
width: 100%;
}
.flatrate{ font-size: 0.5rem;
margin: 0.3rem 0 0.1rem;}
#checkout-payment-method-load , .shippingmethods{
font-size: 0.5rem;
margin-top: 0.3rem;
}
.payment-methods dl dd{margin: 0 0 0.4rem 0;}
.checkoutcontainer p{margin:0.5rem 0 0;}
.onestepcheckout-coupons label{
display: block;
font-size: 0.5rem;
margin: 0.2rem 0;
}
#id_couponcode{width:100%;}
#onestepcheckout-coupon-add{display:block;margin:0.3rem 0;}
.onestepcheckout-summary .product-name a{font-size:0.45rem;font-weight:100;}
.onestepcheckout-summary .product-image img {
height: auto;
width: auto;
}
.onestepcheckout-button, .onestepcheckout-button:visited {
background: #222 url("images/button-background.png") repeat-x scroll 0 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 5px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
color: #fff;
cursor: pointer;
display: inline-block;
padding: 5px 10px 6px;
position: relative;
text-decoration: none;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
.onestepcheckout-button, .onestepcheckout-button:visited, .medium.onestepcheckout-button, .medium.onestepcheckout-button:visited {
font-size: 13px;
font-weight: bold;
line-height: 1;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
.orange.onestepcheckout-button, .orange.onestepcheckout-button:visited { background-color: #ff5c00; }
.orange.onestepcheckout-button:hover { background-color: #d45500; }
.large.onestepcheckout-button, .large.onestepcheckout-button:visited {
font-size: 16px;
padding: 8px 30px 9px;
}
.onestepcheckout-place-order.visit .orange.onestepcheckout-button{
background-color:#ccc;
}
.onestepcheckout-place-order{margin:0.5rem 0 4rem}
.onestepcheckout-place-order-loading{margin:0.5rem 0 0;color:#aaa;display:none;}
.onestepcheckout-place-order.visit .onestepcheckout-place-order-loading{display:block;}
.coupon_add_log , .label_create_account{color:#cc0000;font-size:0.5rem;}
.empty_cart{padding:1rem 1rem 0;}
.empty_cart_img {
background: transparent url(../img/cart.gif) no-repeat scroll 0 15px;
font-size: 16px;
height: 120px;
margin: 4px auto 36px;
padding: 35px 0 0 116px;
width: 120px;
display:block;
}
ul#billing_address_list li input#id_create_account{
display: inline;
margin: 0.2rem 0;
width: auto;
}
.paypal_success{padding:1rem;}
.paypal_success h2{
font-size:0.7rem;
}
.paypal_success .button {
padding: 0 0.5rem;
}
.review_description_centen .c_price .price.sp{
text-decoration: line-through;
}
.pageToolbar {margin: 10px auto;
width: 80%;}
.pageToolbar label{font-size:0.6rem;float:left;}
.pageToolbar .tb_rg{float:left;}
.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;
padding-left:0;
*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;
}
.buttons-row{padding:0 0.6rem;}
.cart_select_div{
padding:0 1rem 0.5rem 1rem;
border-bottom: 1px solid #ddd;
}
.shopping-cart-img{border:none;margin-bottom:0}
.cart_select_item{
float:left;
}
.cart_info .product-image{
margin-top:0;
float:left;
max-width: 85%;
}
.cart_select{margin-left:10px;}
.email_register_resend{
color:blue;
cursor: pointer;
}
@font-face {
font-family: 'Lato';
src: url('//m.varoche.com/Lato-Regular.woff2') format('woff2'),
url('../font/Lato-Regular.woff2') format('woff2');
}
body{
font-family:Lato !important;
}
p{
margin:0 !important;
}
ul{
padding:0;
}
header.bar{
padding:0;
height:.55rem;
background: #fff;
/* box-shadow: 0px 3px 15px 0px rgba(148, 148, 148, 0.1); */
border-bottom: 1px solid #E6E6E6;
z-index: 11;
}
.bar-nav .header{
display: flex;
/* justify-content: space-between; */
align-items: center;
height:.55rem;
}
.bar-nav .header a{
/* width:.22rem;
height:.22rem; */
/* margin-top:.07rem; */
position: relative;
}
.bar-nav .header .logo-a{
width: auto;
height: .28rem;
/* margin: .08rem .3rem 0 .15rem; */
margin: 0;
}
.bar-nav .header a img{
width: auto;
height: .28rem;
display: block;
}
.bar-nav .header a .iconfont{
/* color: #757575; */
color: #000;
font-size: .22rem;
}
.bar-nav .header a i{
width: auto;
height: .16rem;
line-height: .16rem;
text-align: center;
border-radius: 10px;
background: #f5f5f5;
color: #000;
position: absolute;
top: 0rem;
left: .12rem;
font-size: .12rem;
padding: 0 .045rem;
}
.logo-a {
float: left;
width: 180px;
/* height: 50px; */
background-size: cover;
margin-top: 10px;
}
.bar:after{
display: none;
}
.bar-nav .header .Socializeimg a .iconfont{
color: #333333;
font-size: .25rem;
line-height: .26rem;
display: block;
}
.common-head-menu-list {
z-index: 99;
margin-top: 0;
background: rgba(0, 0, 0, .3);
overflow: hidden;
height: 100%;
width:100%;
position: fixed;
left:0;
top:0;
display: none;
}
.common-head-menu-list-language {
z-index: 99;
margin-top: 0;
background: rgba(0, 0, 0, .3);
overflow: hidden;
height: 100%;
width:100%;
position: fixed;
left:0;
top:0;
display: none;
}
.common-head-menu-mask {
width: 13.5%;
height: 100%;
float: right;
}
.common-head-menu-contents {
float: left;
width: 86.5%;
height: 100%;
background: #fff;
overflow: auto;
font-size: .15rem;
margin-left: -86.5%;
}
.common-head-menu-contents-language {
float: left;
width: 100%;
height: 100%;
background: #fff;
overflow: auto;
font-size: .15rem;
margin-left: -100%;
}
.common-head-menu-contents-language-close {
margin-top: .2rem;
margin-right: 0.1rem;
float: right;
display: inline-block;
top: .2rem;
right: .13rem;
width: .3rem;
height: .3rem;
background: url(../images/close.png) center no-repeat;
background-size: 50%;
}
.common-head-login {
background: #F7F7F7;
/* padding-bottom: 8pt; */
}
.common-head-login-box {
background: #333333;
height: .76rem;
padding:.35rem .09rem 0 .15rem;
display: none;
}
.common-head-login-box .iconfont{
font-size:.2rem;
line-height: .25rem;
margin-right: .08rem;
float: left;
vertical-align: middle;
color: #fff;
font-weight: 600;
}
.common-head-login-box .login-sign{
color:#fff;
font-size: .18rem;
font-weight: 600;
}
.common-head-login-box .login-sign i{
font-style: inherit;
/* float: right;
font-size: .1rem; */
}
.common-head-login-box .login-sign img{
width: .15rem;
float: right;
margin-top: .05rem;
}
.common-head-login-box .user_name {
cursor: pointer;
}
.common-head-login-box .login, .common-head-login-box .reg {
color: #fff;
}
.common-head-login-box .separate {
color: #fff;
}
.com-head-menu-con-title{
padding-bottom: .09rem;
background: #F7F7F7;
}
.com-head-menu-con-title .com-head-menu-con-title-li {
width: 100%;
/* height: .56rem; */
line-height: .56rem;
border-bottom: 1px solid #E6E6E6;
padding-left: .15rem;
padding-right: .11rem;
background: #fff;
font-size: .12rem;
}
.com-head-menu-con-title .com-head-menu-con-title-li:last-of-type{
border-bottom: none;
}
.com-head-menu-con-title .md-head-menu-fixed{
width: 86.5%;
height: 100%;
background: #fff;
position: fixed;
top: 0;
left: 0;
overflow-y: auto;
margin-left: -86.5%;
/*display: none;*/
z-index:1;
}
.md-head-menu-fixed-header{
text-align: center;
line-height: .76rem;
padding:0 .12rem;
font-weight: 600;
font-size: .18rem;
border-bottom: 1px solid #E6E6E6;
}
.md-head-menu-fixed-header i{
float: left;
width: .18rem;
height: .18rem;
background: url(../images/icon_down.png) center no-repeat;
background-size: contain;
margin-top: .14rem;
transform: rotate(90deg);
}
.md-head-menu-fixed-cons{
border-bottom:1px solid #E6E6E6;
padding:0 .14rem;
}
.md-head-menu-fixed-cons-title{
font-size: .12rem;
line-height: .44rem;
/* font-weight: 600; */
}
.md-head-menu-fixed-cons-title i{
float: right;
width: .15rem;
height: .15rem;
background: url(../images/icon_down.png) center no-repeat;
background-size: contain;
margin-top: .15rem;
transform: rotate(180deg);
}
.md-head-menu-fixed-cons-title.active i{
transform: rotate(0deg);
}
.md-head-menu-fixed-cons ul{
overflow: hidden;
padding-bottom: .03rem;
}
.md-head-menu-fixed-cons ul li{
border: 1px solid #DEDEDE;
font-size: .12rem;
background: #fff;
border-radius: 0px;
line-height: .3rem;
margin-bottom: .15rem;
width: .89rem;
float: left;
margin-right: .14rem;
text-align: center;
}
.md-head-menu-fixed-cons ul li:nth-of-type(3n){
margin-right: 0;
}
.md-head-menu-fixed-cons ul li a{
color: #000;
}
.md-head-menu-fixed-cons.filter-list-li-shape ul li{
height: .53rem;
line-height: .2rem;
}
.md-head-menu-fixed-cons.filter-list-li-shape ul li a{
display: block;
width: 100%;
margin:0;
}
.menu-bot{
padding-left: .15rem;
margin-top: .13rem;
}
.menu-bot .iconfont{
font-size:.15rem;
margin-right: .08rem;
vertical-align: middle;
color: #757575;
}
.menu-bot a{
font-size: .12rem;
color: #757575;
}
.Socializeimg{
padding-left: .15rem;
margin-top:.37rem;
overflow: hidden;
padding-bottom: .5rem;
}
.Socializeimg p{
font-size: .12rem;
color: #818181;
}
.Socializeimg a{
float: left;
width:.26rem !important;
height:.26rem !important;
margin-top:.2rem !important;
margin-right: .31rem;
}
.bar-nav~.content{
top:0;
}
/* footer */
.footer-container{
font-size: .12rem;
}
.footer_ul li{
border-bottom: 1px solid #E6E6E6;
padding:0 .15rem;
}
.footer_ul .foot_title{
line-height: .43rem;
font-weight: 600;
}
.footer_ul li .foot_title i{
float: right;
width: .15rem;
height: .15rem;
background: url(../images/icon_down.png) center no-repeat;
background-size: contain;
margin-top: .15rem;
}
.footer_ul li.active .foot_title i{
transform: rotate(180deg);
}
.footer_ul li .foot_a{
margin-top: -.06rem;
padding-bottom: .1rem;
display: none;
}
.footer_ul li.active .foot_a{
display: block;
}
.footer_ul .foot_a a{
display: block;
font-size: .12rem;
line-height: .28rem;
color: #000;
}
.foot_socialize{
/* border-bottom: 1px solid #E6E6E6; */
padding: .15rem;
font-weight: 600;
}
.foot_socialize a .iconfont{
display: inline-block;
font-size:.14rem;
margin-right: .21rem;
margin-top:.14rem;
}
.foot_socialize a:first-of-type img{
width:.06rem;
}
.foot_socialize a:last-of-type img{
margin-right: 0;
}
.foot_cont{
text-align: center;
color: #4E4E4E;
padding:.26rem 0;
}
.foot_cont img{
width:1.6rem;
margin:0 auto .15rem;
}
.need-box img {
width: .17rem;
margin-right: .06rem;
vertical-align: text-bottom;
}
.foot_cont_wrap {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
font-size: .12rem;
color: #FFFFFF;
height: 0.5rem;
line-height: .12rem;
text-align: center;
background: #333;
}
/*login reg*/
.login-reg{
padding: 0 .25rem;
/*margin-top:.44rem;*/
background: #fff;
}
.login-reg h1{
display: flex;
padding:.02rem 0 0;
margin:0;
line-height:.66rem;
border-bottom: .01rem solid #E5E5E5;
}
.login-reg h1 span{
display: block;
width:50%;
text-align: center;
font-size: .15rem;
}
.login-reg .page-title{
margin:0;
padding:0;
}
.login-reg h1 .active{
color:#333333;
font-weight: 600;
border-bottom:.01rem solid #333333;
margin-bottom: -.01rem;
}
.login-reg .login-reg-box{
margin:0 auto;
position: relative;
padding-bottom: .2rem;
}
.login-reg .login-reg-box .email-address{
margin:.26rem 0;
position: relative;
}
.login-reg .login-reg-box .password{
position: relative;
}
.login-reg .login-reg-box .email-address input,.login-reg .login-reg-box .password input{
display: block;
}
.login-reg .login-reg-box .email-address input.error_active,.login-reg .login-reg-box .password input.error_active{
border:1px solid #F87978 !important;
}
.login-reg .login-reg-box .email-address::before{
content:'';
display: block;
width:.22rem;
height:.17rem;
background: url(../images/icon_Email.png) center no-repeat;
position: absolute;
top:.14rem;
left:.1rem;
}
.login-reg .login-reg-box .password::before{
content:'';
display: block;
width:.17rem;
height:.2rem;
background: url(../images/icon_Password.png) center no-repeat;
position: absolute;
top:.12rem;
left:.13rem;
}
.login-reg .login-reg-box input{
width:100%;
border:1px solid #DEDEDE;
line-height: .44rem;
height:.44rem;
font-size: .14rem;
color: #666666;
text-indent: .42rem;
border-radius: 0px;
display: block;
}
.login-reg .login-reg-box #reg-email.error_active,.login-reg .login-reg-box #reg-password.error_active{
border:1px solid #F87978;
}
p.errorinfo{
font-size: .12rem !important;
color: #F87978 !important;
display: none;
position: absolute;
left:0;
top:.45rem;
padding: 0 !important;
z-index: 1;
}
.login-reg .rbr_fpd{
color:#666666;
margin: .35rem 0 .21rem;
font-size: .12rem;
}
.login-reg .rbr_fpd input{
width: .16rem;
height: .16rem;
border:none;
border: 1px solid #E6E6E6;
vertical-align: text-top;
margin-right: .1rem;
display: inline-block;
}
.login-reg .rbr_fpd input[type=checkbox]{
cursor: pointer; font-size: .1rem;
position: relative;
}
.login-reg .rbr_fpd input[type=checkbox]:after{
position: absolute;
width: .16rem;
height: .16rem;
top: 0;
left: 0;
content: " ";
color: #fff;
display: inline-block;
visibility: visible;
border-radius: 0px;
/* border: 1px solid #E6E6E6; */
}
.login-reg .rbr_fpd input[type=checkbox]:checked:after{
background: #333333 url(../images/is_check_write.png) center no-repeat;
background-size: 70%;
/* margin-top: -1px;
margin-left: -1px; */
}
.login-reg .rbr_fpd p{
float: right;
/*margin-top: 5px;*/
}
.login-reg .rbr_fpd p a{
color: #949494;
}
.login-reg .login-btn{
line-height: .44rem;
font-size: .15rem;
color:#fff;
background: #333333;
text-align: center;
border-radius: 6px;
}
.login-reg .longin-or{
text-align: center;
color: #666666;
font-size: .15rem;
width: 100%;
margin: 0 auto;
position: absolute;
bottom: 1.4rem;
display: none;
}
.login-reg .longin-or span{
display: inline-block;
background: #fff;
margin: 0 auto;
width: 1.2rem;
}
.login-reg .line{
width: 100%;
height: 1px;
background: #E5E5E5;
margin: .27rem 0 .33rem;
display: none;
}
.login-reg .sign-with{
display: none;
}
.login-reg .sign-with a{
display: block;
margin:0 auto .12rem;
width:1.98rem;
height:.36rem;
line-height:.36rem;
border-radius: 26px;
background: #3B5998;
border:1px solid #3B5998;
}
.login-reg .sign-with a:last-of-type{
background: #fff;
border:1px solid #CDCDCD;
}
.login-reg .sign-with img{
display: block;
margin: .02rem auto;
cursor: pointer;
height: .3rem;
}
.login-reg .sign-with .iconfont{
display: block;
text-align: center;
color: #fff;
font-size: .25rem;
}
.login-reg-box select{
border:1px solid #DEDEDE;
width: 100.3%;
height:.44rem;
line-height: .44rem;
padding: 0 2%;
font-size: .12rem;
color: #757575;
background: #fff;
border-radius: 6px;
display: block;
}
.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{
text-indent: .1rem;
}
.login-reg-box .first-name input.error_active, .login-reg-box .last-name input.error_active{
border:1px solid #F87978 !important;
}
.login-reg-box .file{
margin-top:.26rem;
position: relative;
/* height: .7rem; */
}
.login-reg .login-reg-box .email::before{
content:'';
display: block;
width:.22rem;
height:.17rem;
background: url(../images/icon_Email.png) center no-repeat;
position: absolute;
top:.14rem;
left:.1rem;
}
.login-reg .login-reg-box .reg-password::before{
content:'';
display: block;
width:.17rem;
height:.2rem;
background: url(../images/icon_Password.png) center no-repeat;
position: absolute;
top:.12rem;
left:.13rem;
}
.login-reg .create-btn{
line-height: .44rem;
font-size: .15rem;
color:#fff;
background: #333333;
text-align: center;
border-radius: 6px;
margin-top:.22rem;
}
.forgotpassword{
line-height: .15rem;
text-align: center;
}
.forgotpassword a{
display: block;
text-decoration: underline;
color: #333333;
font-size: .15rem;
margin:.27rem 0;
}
/*---forgotpasswordsubmit1234---*/
.forgotPassword{
/*padding-top:.87rem;*/
}
.forgotPassword h5{
text-align: center;
font-size: .15rem;
font-weight: 600;
/*padding-bottom: .25rem;*/
margin:0;
line-height: .63rem;
border-bottom: 1px solid #E6E6E6;
}
.forgotPassword .txt{
color: #666666;
font-size: .12rem;
margin: .27rem 0 !important;
}
.forgotPassword .pass{
display: flex;
flex-direction: column;
position: relative;
margin:0 auto .27rem;
font-size: .12rem;
}
.forgotPassword .pass label{
color: #000;
font-size: .15rem;
}
.forgotPassword .pass label::after{
display: inline-block;
content: '*';
color: #FF9F9E;
font-size: .15rem;
margin-right: .05rem;
vertical-align: middle;
}
.forgotPassword .pass input{
border: 1px solid #DEDEDE;
line-height:.44rem;
height: .44rem;
font-size: .14rem;
color: #666666;
padding: 0 .1rem;
margin-bottom: 0;
margin-top:.1rem;
border-radius: 6px;
}
.forgotPassword .pass input.error_active{
border:1px solid #F87978;
}
.forgotPassword p.errorinfo{
top: .8rem;
}
.forgotPassword .pass-send{
display: block;
height: .44rem;
line-height: .44rem;
text-align: center;
background: #333333;
color: #fff;
font-size: .15rem;
margin:0 auto;
border-radius: 6px;
}
.forgotPassword .return-login{
display: block;
text-align: center;
font-size: .15rem;
color: #333333;
margin-top: .25rem;
text-decoration: underline;
}
.sendSuccess .send-title{
font-size: .15rem;
color: #000;
text-align: center;
font-weight: 600;
line-height: .63rem;
margin:0;
border-bottom: 1px solid #E6E6E6;
}
.sendSuccess p{
font-size: .12rem;
line-height: .18rem;
color: #666666;
margin-top:.26rem !important;
}
.sendSuccess p a{
color:#333333;
font-style: inherit;
}
.sendSuccess span{
display: block;
text-align: center;
font-size: .15rem;
text-decoration: underline;
color: #333333;
cursor: pointer;
margin-top: .28rem;
}
.createPassword{
/*padding-bottom: 143px;*/
}
.createPassword h5{
font-size: .15rem;
color: #000;
text-align: center;
font-weight: 600;
line-height: .63rem;
margin:0;
border-bottom: 1px solid #E6E6E6;
}
.createPassword p{
color: #666666;
font-size: .12rem;
margin:.28rem 0 !important;
}
.createPassword .pass{
display: flex;
flex-direction: column;
position: relative;
margin-bottom: .37rem;
font-size: .11rem;
}
.createPassword .pass label{
color: #000;
margin-bottom: .12rem;
font-size: .15rem;
}
.createPassword .pass label::after{
display: inline-block;
content: '*';
color: #FF9F9E;
font-size: .15rem;
margin-right: .05rem;
vertical-align: middle;
}
.createPassword .pass input{
width:100%;
border: 1px solid #DEDEDE;
line-height: .44rem;
height: .44rem;
font-size: .14rem;
color: #757575;
padding: 0 2%;
margin-bottom: 0;
border-radius: 6px;
}
.createPassword .pass input.error_active{
border:1px solid #F87978;
}
.createPassword .pass-submit{
display: block;
width: 100%;
height: .44rem;
line-height: .44rem;
text-align: center;
background: #333333;
color: #fff;
font-size: .15rem;
border-radius: 6px;
}
.createPassword p.errorinfo{
top: .55rem;
font-size: .09rem;
}
.resetSuccess{
}
.resetSuccess img{
display: block;
width:.36rem;
height: .36rem;
margin:0 auto;
}
.resetSuccess h5{
text-align: center;
font-size: .15rem;
font-weight: 600;
color: #000;
line-height:63px;
margin:0;
border-bottom: 1px solid #E6E6E6;
}
.resetSuccess p{
margin:0;
font-size: .12rem;
color:#666666;
margin:.26rem 0 .52rem 0 !important;
/*padding:0 0 .35rem;*/
}
.resetSuccess .res-btn{
display: block;
width:100%;
height: .44rem;
line-height: .44rem;
border:1px solid #333333;
color:#333333;
background: #fff;
border-radius: 6px;
font-size: .15rem;
text-align: center;
}
.resetSuccess .shopnow{
color:#fff;
background: #333333;
margin: 0 auto;
}
/*列表页*/
.content-block{
margin:.4rem 0 0;
padding:0;
font-size:.12rem;
color:#000;
}
.swiper-slide img{
width:100%;
}
.product-list{
/* overflow: hidden; */
/* background: #F5F5F5; */
/* margin-top: .44rem; */
/* padding-bottom: .2rem; */
}
.category_page{
margin-top: .44rem;
}
.product-list li{
/*border-bottom:1px solid #DEDEDE;*/
padding: 0 .15rem;
/* width:49.4%; */
width:100%;
/* float: left; */
margin-top: .04rem;
background: #fff;
}
.product-list li:nth-of-type(2n){
/* float: right; */
}
.product-list .sku-name{
/* margin-top:.15rem !important; */
margin-bottom: .05rem !important;
}
.product-list .sku-name span{
font-weight: 600;
float: right;
}
.swiper-slide .small-img{
display: inline-block;
box-sizing: content-box;
width: .55rem;
height: .52rem;
}
.swiper-slide .small-img img{
width:85% !important;
/* margin:.15rem auto; */
margin:.145rem auto;
}
.thumbs {
display: flex;
flex-wrap: wrap;
}
.thumbs .swiper-slide{
width: auto;
/* width:.56rem !important;
height:.56rem;
line-height:.56rem;*/
border-radius: 50%;
/*margin:0 .07rem;*/
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
margin:.03rem;
}
.thumbs .swiper-slide.swiper-slide-thumb-active{
border:1px solid #333333;
box-sizing: border-box;
}
.small-box{
width: 101%;
/*margin: 0 auto;*/
margin:.06rem 0;
}
.toolbar{
display: flex;
justify-content: space-between;
padding-right:.15rem;
font-size: .12rem;
border-bottom: 1px solid #E6E6E6;
/* padding-bottom:.15rem; */
width: 100%;
background-color: #fff;
z-index: 9;
top: .55rem;
position: fixed;
}
.toolbar select{
border:none;
background: #fff;
}
.toolbar .filter .iconfont{
font-size:.14rem;
vertical-align: middle;
margin-left: .05rem;
}
.filter-box{
background: rgba(0, 0, 0, .3);
position: fixed;
width:100%;
height:100%;
left:0;
top:0;
z-index:9999;
display: none;
}
.filter-box .filter-box-mask{
width:17%;
height:100%;
float: left;
}
.filter-box .filter-box-cont{
width:83%;
height:100%;
float: right;
overflow: auto;
background:#fff;
margin-right: -80%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.filter-box-cont .filter-title{
font-size: .18rem;
text-align: center;
border-bottom:1px solid #E6E6E6;
line-height: .7rem;
padding-left:.16rem;
padding-right:.15rem;
font-weight: 600;
}
.filter-box-cont .filter-title i{
float: right;
width:.12rem;
height:.12rem;
background: url(../images/close.png) center no-repeat;
background-size: contain;
margin-top:.14rem;
}
.filter-list{
flex: 1;
overflow-y: auto;
}
.filter-list .filter-list-li{
border-bottom: 1px solid #E6E6E6;
padding-left:.16rem;
padding-right:.12rem;
}
.filter-list-title{
font-size: .12rem;
line-height: .44rem;
}
.filter-list-title i{
float: right;
width:.18rem;
height:.18rem;
background: url(../images/icon_down.png) center no-repeat;
background-size: contain;
margin-top:.14rem;
}
.filter-list-cont{
overflow: hidden;
padding-bottom: .03rem;
display: none;
margin-right: -0.12rem;
}
.filter-list .filter-list-li.active .filter-list-cont{
display: block;
}
.filter-list .filter-list-li.active .filter-list-title i{
transform: rotate(180deg);
}
.filter-list-cont li{
border:1px solid #DEDEDE;
font-size: .1rem;
background:#fff;
border-radius: 0px;
height:.3rem;
margin-bottom: .15rem;
/* width: .86rem; */
min-width: .86rem;
float: left;
margin-right: .12rem;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
padding: 0 .08rem;
box-sizing: border-box;
}
.filter-list-cont li.frame_shape{
height: .53rem;
}
.filter-list-cont li label {
line-height: 1.1;
}
.filter-list-cont li input{
display: none;
}
.filter-list-cont li.active{
background: #333333;
color:#BF9D6D;
}
.filter-list-cont li:nth-of-type(3n),.filter-list-cont li.lineWidth:nth-of-type(3n){
/* margin-right: 0; */
}
.filter-list-cont li.lineHeight{
line-height: .16rem;
}
.filter-list-cont li.lineWidth{
width: .86rem;
line-height: .16rem;
margin-right: .12rem;
height: .35rem;
}
.md-head-menu-fixed-cons li img,.filter-list-cont li img{
width:.3rem;
height: .15rem;
margin: .08rem auto 0;
display: block;
}
.filter-list-cont li img:nth-of-type(2){
display: none;
}
.filter-list-cont li.active img{
/* display: none; */
}
.filter-list-cont li.active img:nth-of-type(2){
display: block;
}
/* .filter-list-li-shape li{
height:.53rem;
line-height: .2rem;
}
.filter-list-li-shape li img{
width:.3rem;
height: .15rem;
margin: .08rem auto 0;
display: block;
}
.filter-list-li-shape li img:nth-of-type(2){
display: none;
}
.filter-list-li-shape li.active img{
display: none;
}
.filter-list-li-shape li.active img:nth-of-type(2){
display: block;
} */
.filter-list-cont img{
display: block;
width:2rem;
margin:.07rem 0 .18rem;
}
.filter-btn{
display: flex;
height:.46rem;
}
.filter-btn span{
width:50%;
text-align: center;
font-size: .12rem;
line-height: .46rem;
}
.filter-btn span.filter-clear-all{
color:#BF9D6D;
background: #F7F7F7;
}
.filter-btn span.filter-confirm{
color:#BF9D6D;
background: #333333;
}
/*page*/
.page-box{
display: flex;
justify-content: space-around;
}
.page-ul{
font-size: .12rem;
color:#757575;
display: flex;
margin-top:.24rem;
margin-bottom: .28rem;
}
.page-ul li,.page-ul p{
border:1px solid #DADADA;
width:.2rem;
height: .2rem;
line-height: .2rem;
background: #fff;
margin:0 .05rem !important;
text-align: center;
}
.page-ul li.active{
background: #31B5AC;
color:#fff;
}
/*cart*/
.shopping-cart-img{
font-size:.15rem;
color:#000;
background:transparent;
padding:.16rem .14rem .09rem;
text-align: left;
}
.bar-nav~.content{
top:.44rem;
}
.cart-list-box{
display: flex;
/*justify-content: space-between;*/
border-bottom: 1px solid #E5E5E5;
position: relative;
}
.cart-proimg{
width:1.68rem;
height:1.68rem;
margin-right: .16rem;
}
.cart-proimg img{
width:100%;
margin-top:24%;
}
.cart-text{
color:#000;
font-size:.11rem;
padding-right: .07rem;
padding-top:.12rem;
}
.remove-btn{
width:.15rem;
height:.15rem;
position: absolute;
right: 0;
top: 0;
}
.cart-text .text{
line-height: .22rem;
}
.cart-text .text span{
color:#818181;
}
.product-price{
font-weight: 600;
display: block;
margin-top:.1rem;
}
.cart-lists{
background: #F5F5F5;
}
.cart-list{
background: #fff;
margin-top:.1rem;
padding:.16rem .14rem 0 .16rem;
}
.subtotal-box{
font-size:.12rem;
font-weight: 600;
padding: .15rem 0;
}
.subtotal-box span{
float: right;
color:#333333;
}
.cart-text .text .cart_qty{
display: inline-block;
width:.8rem;
vertical-align: middle;
}
.cart-text .text .cart_qty a{
font-size: .12rem;
width:.2rem;
height:.2rem;
float: none;
border-radius: 0;
float: left;
border-color: #DEDEDE;
background: #F2F2F2;
}
.cart-text .text .cart_qty input{
text-align: center;
padding:0;
border:1px solid #DEDEDE;
border-left:none;
border-right: none;
line-height: .2rem;
height: .2rem;
float: left;
width: .4rem;
}
.continue-process{
margin-top: .25rem;
padding: .15rem;
width: 100%;
position: fixed;
left: 0;
bottom: 0;
background: #FDFDFD;
box-shadow: -2px -2px 10px 4px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: space-between;
color: #000;
}
.continue-process .grand-total p{
font-size: .12rem;
line-height: .12rem;
}
.continue-process .grand-total span{
font-size: .29rem;
font-weight: 600;
display: block;
line-height: .29rem;
margin-top: .06rem;
}
.continue-process .process{
display: block;
font-size: .12rem;
background: #21A29E;
color: #fff;
line-height: .43rem;
text-align: center;
height: .43rem;
padding: 0 .3rem;
margin-top: .02rem;
border-radius: 3px;
}
.continue-process .continue{
font-size: .11rem;
color: #757575;
display: block;
margin-top:.18rem;
margin-bottom: .42rem;
}
/*Characteristic Service*/
#onestepcheckout-form{
padding:0 .15rem;
}
.service h4{
color: #21A29E;
font-size: .15rem;
font-weight: 600;
text-align: center;
margin-top:.26rem;
margin-bottom: .21rem;
}
.service li{
border:1px solid #333333;
color:#000;
min-height: .48rem;
padding: 0 .05rem .06rem .12rem;
margin-bottom: .21rem;
background: #fff;
overflow:hidden;
}
.service li.active{
border: 2px solid #21A29E;
color: #21A29E;
}
.service li img{
width:.3rem;
height:.3rem;
float: left;
margin-right: .08rem;
margin-top: .07rem;
}
.service li .text{
float: left;
margin-top: .05rem;
line-height: .17rem;
width:82%;
}
.service li i {
float: right;
width: .16rem;
height: .16rem;
background: #f1f1f1;
border-radius: 50%;
margin-top: .14rem;
}
.service li.active i{
background: url(../images/success.png) center no-repeat;
background-size: contain;
}
.service li .text p{
font-size: .13rem;
font-weight: 600;
}
.service li .text span{
font-size:.09rem;
display: block;
}
.service .send-inquiry-now{
background: #21A29E;
color: #fff;
font-size:.12rem;
text-align: center;
line-height: .38rem;
display: block;
margin:.23rem 0;
}
.alert-success{
position: fixed;
width: 100%;
height: 100%;
background: rgba(0,0,0,.3);
top: 0;
left: 0;
z-index: 9999;
}
.alert-success .alert-box{
width:80%;
background: #fff;
margin: 50% auto 0;
font-size: .12rem;
padding: .26rem .14rem .2rem;
text-align: center;
position: static;
height: auto;
background:#fff;
display: block;
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;
margin:25px 0;
}
.alert-box .div{
display: flex;
width: 70%;
margin: 0 auto;
}
.alert-box .p{
text-align: center;
color: #000;
}
.alert-box .div span{
display: block;
width:.8rem;
margin:.09rem auto 0;
line-height: .24rem;
color: #fff;
background: #333333;
border:1px solid #333333;
cursor: pointer;
border-radius: 6px;
}
.alert-box span.no_confirm{
color: #333333;
background: #fff;
}
.alert-success .alert-close{
display: none;
}
.empty_cart{
width: 100%;
height: auto;
padding: .9rem .15rem 0;
margin: 0;
text-align: center;
}
.empty_cart img{
display: block;
width: .81rem;
height: .7rem;
margin: 0 auto;
}
.empty_cart p {
color: #000;
font-size: .15rem;
margin: .12rem 0 .22rem !important;
}
.empty_cart a {
display: block;
width: 2.5rem;
margin: 0 auto;
line-height: .38rem;
color: #fff;
background: #333333;
font-size: .15rem;
border-radius: 6px;
}
.alert-login-reg{
position: fixed;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: #fff;
padding-top: .2rem;
overflow-y: auto;
z-index: 9;
}
.alert-login-reg .alert-close{
position: absolute;
right: .15rem;
top:.6rem;
margin:0;
}
.alert-login-reg .login-reg{
margin-top: .44rem;
}
/*account*/
.user-content{
background: #fff;
overflow: hidden;
margin-bottom: .18rem;
padding:0 .25rem;
}
.user-content img{
/*width:.31rem;*/
/*height:.31rem;*/
/*margin-right: .17rem;*/
/*margin-top:.46rem;*/
width: 0.66rem;
height: 0.24rem;
display: block;
margin: 0.2rem auto 0.1rem;
}
.user-content p{
font-size: .15rem;
margin:.37rem 0 .1rem !important;
text-align: center;
}
.user-content span{
display: block;
font-size: .18rem;
font-weight: 600;
padding-bottom: .2rem;
border-bottom: 1px solid #EFEFEF;
text-align: center;
}
.your_points{
display: flex;
justify-content: space-between;
font-size:.12rem;
line-height: .7rem;
}
.account-list{
font-size:.12rem;
background: #fff;
margin-bottom: .18rem;
padding:0 .15rem 0 .25rem;
}
.account-list li{
border-bottom:1px solid #EFEFEF;
line-height: .56rem;
}
.account-list li:last-of-type{
border-bottom:none;
}
.account-list li .iconfont{
font-size: .15rem;
margin-right: .05rem;
vertical-align: middle;
color: #333333;
}
.account-list li .iconfont:last-of-type{
float: right;
font-size: .14rem;
transform: rotate(-90deg);
color: #757575;
}
.account-box,.order_track_box,.order_review_box{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #F2F2F2;
z-index: 99;
color:#000;
overflow: auto;
}
.account-title{
line-height: .42rem;
background: #fff;
font-size: .15rem;
text-align: center;
position: relative;
}
.account-title i{
width: .3rem;
height: .3rem;
background: url(../images/icon_down.png) center no-repeat;
background-size: 65%;
position: absolute;
left: .1rem;
top: .08rem;
transform: rotate(90deg);
}
.account_btn{
width:1.5rem;
line-height: .24rem;
text-align: center;
color: #fff;
background: #333333;
margin:.2rem auto 0;
border-radius: 0px;
}
.account-cont{
height: 100%;
}
.infomation-cont-box{
overflow: hidden;
height: calc(100% - .42rem);
overflow-y: auto;
}
.infomation-cont{
margin: .21rem .15rem .08rem;
background: #fff;
font-size: .12rem;
color:#000;
}
.infomation-title{
line-height: .36rem;
background: #F2F2F2;
font-weight: 600;
}
.account_content_box{
padding:.18rem .16rem .2rem;
}
.account_content_box .address_box_top{
font-weight: 600;
margin-bottom: .1rem;
}
.account_content_box .null_text{
text-align: center;
color: #666666;
margin-top:.2rem;
}
.infomation-cont p{
color: #666666;
line-height: 0.24rem;
}
.infomation-cont span{
color:#000;
}
.infomation-cont .tool{
float: right;
margin-top: .15rem;
margin-right: .15rem;
}
.infomation-cont .tool img{
width: .23rem;
}
.infomation-edit-cont{
padding:.19rem .15rem;
}
.prescription_table_box .prescription_table_title{
margin-bottom: .05rem;
font-weight: 600;
}
.prescription_table_box td{
height: .32rem;
border:1px solid #E6E6E6;
text-align: center;
padding:0;
width: .56rem;
}
.prescription_table_box .td_sapn,.prescription_table_box table tr:first-of-type td{
font-weight: 600;
}
.prescription_table_box .td_sapn span{
color: #818181;
display: block;
line-height: .12rem;
font-weight: 500;
}
.tryOn_img_box img{
width:1.2rem;
height:1.2rem;
}
.account_box_cont{
padding:.17rem .16rem;
overflow: hidden;
}
.account_box_cont .tool span{
color: #333333;
margin-left: .12rem;
}
.account_box_cont .tool .iconfont{
font-size: .14rem;
margin-left: 0;
margin-right: 2px;
}
.account-cont2 .account-title{
line-height: .54rem;
/* padding-top:.2rem; */
font-size: .18rem;
font-weight: 600;
border-bottom: 1px solid #E6E6E6;
}
.account-cont2 .info_edit_cont{
font-size: .12rem;
padding:.27rem .14rem 0;
}
.info_edit_cont .input_box input,.info_edit_cont .input_box select{
width: 100%;
height:.35rem;
line-height:.35rem;
border:1px solid #E6E6E6;
border-radius: 0px;
background: #fff;
margin-bottom: .25rem;
padding:0 .1rem;
}
.info_edit_cont .account_btn{
font-size: .15rem;
width: 100%;
line-height: .44rem;
}
.edit_address_flex .input_box.sex{
width:22%;
}
.edit_address_flex .input_box.first_name{
width:35%;
}
.edit_address_flex .input_box.last_name{
width:35%;
}
.info_edit_cont .input_box label.no_field::after {
display: inline-block;
content: '*';
color: #F87978;
font-size: .15rem;
margin-right: 8px;
vertical-align: middle;
}
.info_edit_cont .input_box{
position: relative;
}
.info_edit_cont .input_box p.errorinfo{
top: .6rem;
}
.passImg{
width:.18rem;
height:.14rem;
position: absolute;
top: .32rem;
right: .13rem;
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;
}
.infomation-edit-cont .reg-div .file{
margin-bottom: .27rem;
}
.infomation-edit-cont .reg-div select,.reg-div input,.infomation-edit-cont .reg-div .file .iosselect{
width:100%;
height:.43rem;
line-height: .43rem;
border:1px solid #DEDEDE;
text-indent: .08rem;
background: #fff;
color:#757575;
position: relative;
}
.infomation-edit-cont .reg-div .file .iosselect i{
width: .15rem;
height: .15rem;
background: url(../images/icon_down.png) center no-repeat;
background-size: contain;
position: absolute;
top: .14rem;
right: .05rem;
}
.infomation-edit-cont .reg-top.file{
display: flex;
}
.infomation-edit-cont .reg-top.file .sex{
width: 30%;
}
.infomation-edit-cont .reg-top.file .first-name{
margin: 0 .15rem;
}
.change-pass-btn span{
color: #757575;
}
.change-pass-btn input{
width: .15rem;
height: .15rem;
border:none;
border: 1px solid #DEDEDE;
vertical-align: text-top;
margin-right: .02rem;
margin-bottom: .2rem;
}
.change-pass-btn input[type=checkbox]{
cursor: pointer;
font-size: .1rem;
position: relative;
}
.change-pass-btn input[type=checkbox]:after{
position: absolute;
width: .15rem;
height: .15rem;
top: 0;
left: 0;
content: " ";
color: #fff;
display: inline-block;
visibility: visible;
border-radius: 3px;
}
.change-pass-btn input[type=checkbox]:checked:after{
background:#333333 url("../images/is_check.png") center no-repeat;
background-size: contain;
}
.infomation-edit-cont .reg-div .save{
display: block;
background:#333333;
color:#fff;
line-height: .38rem;
text-align: center;
font-size: .12rem;
text-align: center;
margin-top: .2rem;
}
.infomation-edit-cont .change-pass .title-p{
font-size: .12rem;
position: relative;
float: left;
padding: 0 .15rem .18rem 0;
color: #000;
}
.infomation-edit-cont .change-pass .title-p:after{
content: '*';
color: #FF9F9E;
font-size: .12rem;
margin-right: .05rem;
position: absolute;
right: 0;
}
.infomation-edit-cont .file{
position: relative;
}
.infomation-edit-cont .change-pass{
display: none;
}
.ios-select-widget-box.olay{
background: rgba(0, 0, 0, 0.3);
z-index:9999;
}
.ios-select-widget-box header.iosselect-header{
background: #fff;
border-bottom: 1px solid #C1C1C1;
}
.ios-select-widget-box #iosSelectTitle{
display: block;
font-size: .18rem;
width: 100%;
padding-right: 15%;
}
.ios-select-widget-box header.iosselect-header a{
font-size:.16rem;
}
.ios-select-widget-box header.iosselect-header a.sure{
color: #333333;
}
.ios-select-widget-box header.iosselect-header a.close{
color: #818181;
}
.ios-select-widget-box ul li{
font-size: .18rem !important;
}
.inquiry-list{
padding:.04rem .15rem 0;
}
.inquiry-list .li-title{
font-size: .11rem;
background: #fff;
margin-top: .04rem;
padding:.14rem;
}
.inquiry-list .li-title span{
color: #757575;
}
.inquiry-list li{
font-size: .09rem;
color: #000;
margin-bottom: .19rem;
}
.inquiry-li{
display: flex;
position: relative;
background: #F6FAFA;
padding: .12rem .14rem;
}
.inquiry-li-text{
display: inline-block;
width: 30%;
}
.inquiry-li-view{
position: absolute;
right: .1rem;
color: #333333;
}
.inquiry-list li .inquiry-li-view i{
display: inline-block;
width: .16rem;
height: .16rem;
background: url(../images/down_arrow_green.png) center no-repeat;
background-size: contain;
vertical-align: middle;
margin-left: .04rem;
}
.inquiry-list li.active .inquiry-li-view i{
transform: rotate(180deg);
}
.inquiry-list li .inquiry-li-cont{
display: none;
}
.inquiry-list li.active .inquiry-li-cont{
display: block;
}
.inquiry-cont .show-more-btn{
background: #333333;
color: #fff;
font-size: .08rem;
display: block;
margin: 0 auto;
width: 1.15rem;
height: .23rem;
line-height: .23rem;
text-align: center;
margin-top: .3rem;
}
.inquiry-li-cont li{
border-bottom: 1px solid #D7D7D7;
}
.inquiry-li-cont li a{
display: flex;
margin-top:.2rem;
}
.inquiry-li-cont li a img{
width:1rem;
height:1rem;
}
.inquiry-li-cont li .info-box p{
padding:0;
padding-left:.16rem;
color:#000;
line-height: 0.2rem;
}
.inquiry-li-cont li .info-box p span{
color:#818181;
}
.inquiry-li-cont li .info-box p span.pri-qut{
color:#333333;
}
.inquiry-li-cont li .subtotal-box{
font-weight: 500;
}
.inquiry-li-cont li .subtotal-box span{
color: #333333;
font-weight: 600;
}
.service-box .service-title{
color: #818181;
margin-bottom: .1rem;
}
.service-box .cont p{
color:#000;
padding: 0;
}
.service-box .cont p i{
display: inline-block;
width: .13rem;
height: .13rem;
background: url(../images/icon-more-info.png) center no-repeat;
background-size: contain;
vertical-align: middle;
margin-right: .04rem;
}
.wish-no-cont{
padding:.42rem 0;
}
.wish-no-cont p{
font-size: .12rem;
text-align: center;
}
.wish-no-cont span{
width: 100%;
line-height: 0.38rem;
background: #333333;
color:#fff;
display: block;
margin-top:.3rem;
padding:0 .15rem;
text-align: center;
}
.wish-list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
background: #F2F2F2;
}
.wish-list li{
width:49%;
text-align: center;
flex-shrink: 0;
background: #fff;
margin-top:0;
margin-bottom: .06rem;
}
.wish-list .product-item .pricebox{
display: block;
text-align: left;
}
.wish-list li img{
width:100%;
margin-bottom: .15rem;
}
.wish-list li p{
font-size: .12rem;
color: #000;
}
.wish-list li p i{
width:.2rem;
height: .2rem;
background: url('../images/like-after-mb.png') center no-repeat;
background-size: contain;
float: right;
margin-right: -.05rem;
}
.wish-list li span{
font-size: .11rem;
}
.wish-list li span i{
margin-left: .01rem;
}
.wish_btn{
border:1px solid #A3A3A3;
line-height: .19rem;
margin-top:.19rem;
margin-bottom: .14rem;
}
.order_cont{
background: #F2F2F2;
}
.order_box{
background: #fff;
margin-bottom:.1rem;
}
.order_box_cont{
padding:.15rem .14rem;
overflow: hidden;
}
.view_btn{
float: right;
color: #333333;
}
.order_box h5{
margin: 0;
border-bottom: 1px solid #EFEFEF;
line-height: .34rem;
padding:0 .14rem;
font-weight: 500;
}
.order_box p{
color: #000;
}
.order_box span{
color: #666666;
}
.order_view_cont .cart_pro_list{
padding:0;
}
.account-cont2 .order_view_cont{
padding-top:.21rem;
padding-bottom: .1rem;
}
.order_view_cont .address_box{
background: #fff;
padding:.21rem .3rem .19rem;
position: relative;
}
.order_view_cont .address_box .address_img{
position: absolute;
top:.23rem;
left: .09rem;
width: .17rem;
}
.order_view_cont .address_box .telephone_span{
margin-left: .1rem;
}
.order_view_cont .address_box .address_box_top{
font-weight: 600;
margin-bottom: .05rem;
}
.order_view_cont .checkout_cont{
margin:.11rem 0 1rem;
}
.order_btns{
display: flex;
justify-content: space-between;
margin-top:.17rem;
margin-bottom: .42rem;
}
.order_btns span{
/* width:1.68rem;
line-height: .44rem;
border-radius: 6px;
font-size: .15rem;
font-weight: 600;
text-align: center;
background: #333333;
color: #fff; */
}
.order_btns .order_btn_next{
background: #FEC339;
color: #333333;
}
.points_cont{
background: #F2F2F2;
}
.points_box{
background: #fff;
margin-bottom: .18rem;
/* padding:.15rem; */
margin-top: .15rem;
}
.infomation-cont .points_box p{
margin:0 !important;
line-height: revert;
}
.points_box p span{
font-weight: 600;
}
.infomation-cont .points_box p.about_point{
margin-top:.12rem !important;
}
.points_box p.about_point span{
font-weight: 500;
color: #333333;
}
.infomation-cont .points_list p{
color: #666666;
}
.points_list p span{
color: #000;
font-weight: 500;
}
.alert_points{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #fff;
z-index: 99;
overflow-y: hidden;
display: none;
}
.alert_points .alert-close{
z-index: 99;
}
.alert_points_cont{
font-size: .12rem;
padding:.17rem .15rem 0;
height: 93%;
overflow-y: auto;
padding-bottom: 7%;
}
.alert_points_cont_box{
margin-bottom: .35rem;
}
.alert_points_cont p{
font-weight: 600;
margin-bottom: .05rem !important;
}
.alert_points_cont span{
display: block;
}
.alert_points_cont span.span_img{
display: flex;
align-items: center;
background: #F1F1F1;
margin-top:.1rem;
padding:.09rem .15rem .09rem .09rem;
border-radius: 0px;
}
.alert_points_cont span.span_img .iconfont{
margin-right: .12rem;
background: #333333;
color: #fff;
border-radius: 50%;
width: .22rem;
text-align: center;
line-height: .22rem;
}
.try_on_content{
padding:.09rem .09rem 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
background: #fff;
}
.try_on_content .try_on_box{
width:49%;
flex-shrink: 0;
margin-bottom: .14rem;
position: relative;
}
.try_on_content .try_on_box img{
width: 1.6rem;
height:1.6rem;
}
.try_on_close{
position: absolute;
top: .07rem;
right: .07rem;
z-index: 2;
background: url(../images/close.png) no-repeat;
background-size: contain;
width: .1rem;
height: .1rem;
}
.try_on_content .try_on_box input[type=checkbox]:checked:after {
background: #333333 url(../images/is_check_write.png) center no-repeat;
background-size: 80%;
}
.try_on_content .try_on_box input[type=checkbox]:after {
position: absolute;
width: .16rem;
height: .16rem;
top: 0;
content: " ";
color: #fff;
display: inline-block;
visibility: visible;
border-radius: 0px;
}
.try_on_content .try_on_box input[type=checkbox] {
margin-right: .05rem;
cursor: pointer;
font-size: .15rem;
position: relative;
}
.try_on_content .try_on_box input {
width: .16rem;
height: .16rem;
border-radius: 0px;
outline: none;
cursor: pointer;
vertical-align: middle;
margin-right: .05rem;
}
.upload_tryon{
width: 1.9rem;
line-height: .32rem;
position: relative;
}
.upload_tryon .iconfont{
width: .13rem;
margin-right: .08rem;
color: #fff;
}
.add-try-on{
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.add-try-on input{
opacity: 0;
height: 100%;
width: 100%;
}
.logged_p{
color: #858585;
font-size: .12rem;
line-height: .16rem !important;
margin-top:.07rem !important;
width: 101%;
}
.logged_p::before{
display: inline-block;
content: '*';
color: #F87978;
margin-right: 3px;
vertical-align: middle;
}
.pictures .alert-box{
width: 365px;
padding: 34px 42px 20px;
}
.pictures .alert-box .no_confirm,.pictures .alert-box .alert-close{
display: none;
}
.prime_cont{
padding:.21rem .15rem .29rem;
font-size: 18px;
color: #000;
}
.prime_cont .black_title{
width: 100%;
height: 1.2rem;
background: url("../images/prime_bg.png") center no-repeat;
background-size: contain;
padding-top:.32rem;
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: .06rem !important;
font-size: .15rem;
padding-left: 1.19rem;
}
.prime_cont .black_title span{
font-size: .12rem;
color: #FFF5E3;
padding-left: 1.19rem;
padding-right: .6rem;
display: block;
}
.privileges_box{
padding-bottom: 15px;
}
.privileges_box h5{
font-size: .15rem;
text-align: center;
background: url("../images/prime_line.png") center no-repeat;
background-size: contain;
font-weight: 500;
margin-top:.24rem;
margin-bottom: .22rem;
}
.privileges_flex{
}
.privileges{
box-shadow: 0px 2px 8px 0px rgba(148, 148, 148, 0.15);
margin-bottom: .19rem;
border-radius: 6px;
padding: .15rem;
display: flex;
align-items: center;
font-size:.12rem;
}
.privileges img{
width:.3rem;
margin-right: .17rem;
}
.privileges_text p{
color: #000;
font-weight: 600;
}
.prime_subtotal{
font-weight: 600;
font-size: .15rem;
display: flex;
justify-content: space-between;
line-height: .62rem;
border-top:1px solid #EEEEEE;
}
.prime_btn_box{
display: flex;
justify-content: space-between;
}
.prime_bts{
width: 100%;
}
.prime_btn_box a{
display: block;
line-height: .44rem;
margin-bottom: .09rem;
border-radius: 6px;
text-align: center;
}
.paypal_btn{
background: #333333;
}
.paypal_btn .iconfont{
font-size: .2rem;
color: #fff;
vertical-align: middle;
}
.credit_btn{
background: #FEC339;
}
.credit_btn .iconfont{
font-size:.2rem;
margin-right: .06rem;
vertical-align: middle;
color: #333333;
}
.buy_prime{
background: url("../images/buy_prime.png") center no-repeat;
background-size: cover;
width:1.46rem;
height:.24rem;
line-height:.24rem;
text-align: center;
color: #63440E;
position: absolute;
right: 0;
top:0;
font-size: .12rem;
}
.prime_cont .buy_prime span{
display: inline-block;
padding:0;
color: inherit;
}
.address_box_list .address_box{
background: #fff;
padding: .21rem .3rem .19rem;
position: relative;
}
.address_box_list .address_box .address_img{
position: absolute;
top:.23rem;
left: .09rem;
width: .17rem;
}
.address_box_list .address_box .telephone_span{
margin-left: .1rem;
}
.address_box_list .address_box .address_box_top{
font-weight: 600;
margin-bottom: .05rem;
}
.address_box_list .checkout_cont{
margin:.11rem 0;
}
.toast1{
/* padding: .1rem .1rem;
color: rgb(255, 255, 255);
text-align: center;
border-radius: 6px; */
position: fixed;
top: 34%;
left: 0;
right: 0;
/* top: 34%;
left: 50%;
transform: translate(-50%, -50%); */
z-index: 999999;
/* background: rgba(0, 0, 0,.4);
font-size: .13rem; */
display: flex;
align-items: center;
justify-content: center;
}
.toast1_inner {
padding: .1rem .1rem;
color: rgb(255, 255, 255);
text-align: center;
border-radius: 6px;
z-index: 999999;
background: rgba(0, 0, 0, .4);
font-size: .13rem;
width: auto;
display: inline-flex;
align-items: center;
}
.toast1 span{
display: block;
width: .22rem;
height: .22rem;
background: url(../images/success.png) center no-repeat;
background-size: contain;
margin: 0 auto .1rem;
}
.hidden{
display: none !important;
}
.item-product{
position: relative;
}
.item-product .sale{
position: absolute;
left: .15rem;
top: .2rem;
width: .35rem;
line-height: .35rem;
height: .35rem;
border-radius: 50%;
color: #fff;
background: #FE8A71;
font-size: .12rem;
text-align: center;
z-index: 9;
}
.item-product-tool{
display: flex;
justify-content: space-between;
margin: 76% auto 0;
position: absolute;
top: 0;
left: 50%;
z-index: 9;
transform: translate(-50%, 0);
}
.item-product-tool .video-btn{
width:.8rem;
line-height: .32rem;
background: rgba(0,0,0,.3);
text-align: center;
color: #ffff;
font-size: .14rem;
margin-right: .12rem;
}
.item-product-tool .video-btn img{
width:.18rem;
height: .15rem;
vertical-align: middle;
}
.item-product-tool .imgs-btn{
width:.8rem;
line-height: .32rem;
background: #21A29E;
text-align: center;
color: #ffff;
font-size: .14rem;
}
.item-product-tool .imgs-btn img{
width:.18rem;
height: .13rem;
vertical-align: middle;
}
.item-product-video{
position: absolute;
top: 0;
left: 0;
/* z-index: 2; */
width:100%;
height:100%;
}
.item-product-video video{
display: block;
}
.item-product-swiper{
/*display: none;*/
height:3.75rem;
}
.item-product-swiper .swiper-container{
padding-bottom: 0;
background: #fff;
height: 3.75rem;
}
.item-product-swiper .swiper-container .swiper-slide{
padding:0 .15rem;
}
.item-product-swiper .swiper-container .swiper-slide img{
/* transform: translate(0, 34%); */
}
.item-product-swiper .swiper-slide-thumb-active{
border: 1px solid #333333;
border-radius: 50%;
}
.item-pairs{
padding:0 .15rem;
}
.pairs{
display: flex;
justify-content: space-between;
border-bottom: 1px solid #E6E6E6;
padding:.17rem 0;
}
.pairs li p{
font-size: .18rem;
color: #333333;
}
.pairs li.active p{
font-weight: 600;
}
.pairs li span{
font-size: .12rem;
display: block;
margin-top: .03rem;
color: #757575;
}
.detail-box{
font-size: .12rem;
position: relative;
padding-top:.13rem;
}
.detail-box p{
margin-bottom: .08rem !important;
}
.detail-box p span{
color: #757575;
}
.share-like{
position: absolute;
top: .1rem;
right: 0;
}
.share-like img{
width:.2rem;
}
.share-like .like{
float: right;
width: .2rem;
height: .2rem;
background: url(../images/like.png) center no-repeat;
background-size: contain;
margin-left: .2rem;
}
.share-like .like.active{
background: url(../images/like-after.png) center no-repeat;
background-size: contain;
}
.color-img{
padding: .05rem 0 0;
}
.color-img li{
width:.43rem;
height: .43rem;
line-height: .43rem;
display: inline-block;
border:1px solid #DEDEDE;
margin-right: .2rem;
border-radius: 50%;
margin-bottom: .14rem;
}
.color-img li:nth-of-type(6n){
margin-right: 0;
}
.color-img li.active{
border:1px solid #333333;
}
.color-img li img{
width:85%;
margin: .12rem auto;
display: block;
}
.item-line{
width:100%;
height: .1rem;
background: #F5F5F5;
}
.art-title{
font-size: .12rem;
line-height: .43rem;
padding:0 .15rem;
}
.art-title img{
width: .2rem;
vertical-align: middle;
margin-top: -.05rem;
margin-right: .03rem;
}
.art-title .span{
color: #818181;
float: right;
}
.art-title i{
width:.15rem;
height:.15rem;
background: url(../images/icon_down.png) center no-repeat;
background-size: contain;
transform: rotate(270deg);
float: right;
margin-top: .15rem;
margin-left: .05rem;
}
.description-title{
border-bottom: 1px solid #E6E6E6;
}
.also-box{
padding: .17rem .15rem .25rem;
}
.also-title{
font-size: .13rem;
text-align: center;
}
.also-box .projects{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.also-box .project{
width:46%;
flex-shrink: 0;
font-size: .12rem;
text-align: center;
margin-top: .2rem;
}
.also-box .project a{
color: #000;
}
.also-box .project img{
width:100%;
}
.addtocart{
display: block;
width:100%;
height:.42rem;
line-height: .42rem;
background:#21A29E;
color: #fff;
font-size: .13rem;
font-weight: 600;
border:none;
position: fixed;
left: 0;
bottom: 0;
}
.alert-box,.alert_box,.alert_prescription_upload_box{
position: fixed;
width:100%;
height: 100%;
top:0;
left: 0;
background: rgba(0,0,0,.3);
z-index: 9999;
display: none;
}
.alert-box .alert-cont,.alert_box .alert-cont, .alert_prescription_upload_box .alert-cont{
position: absolute;
left:0;
bottom:0;
width:100%;
background: #fff;
/* border-top-left-radius: 10px;
border-top-right-radius: 10px; */
max-height: 80%;
overflow-y: hidden;
}
.alert-cont-box{
height: 100%;
overflow-y: auto;
}
.alert-close,.alert-close-b{
width:.3rem;
height:.3rem;
background: url(../images/alert-close.png) center no-repeat;
background-size: 50%;
right: .15rem;
top: .1rem;
position: absolute;
z-index: 999;
}
.alert-cont-box-share,.alert-cont-box-trade,.alert-cont-box-description,.alert-cont-box-unique,.alert-cont-box-addtocart{
display: none;
padding:.25rem .15rem;
color: #000;
}
.alert-cont-box-addtocart{
padding:.15rem 0 0 0;
}
.alert_details{
height: 100%;
overflow-y: auto;
}
.alert-cont-box-share .share-title,.alert-cont-box-trade .trade-title,.alert-cont-box-description .description-title,.alert-cont-box-unique .unique-title{
font-size: .15rem;
color: #000;
border:none;
}
.alert-cont-box-share ul{
display: flex;
justify-content: space-between;
}
.alert-cont-box-share li{
font-size: .11rem;
text-align: center;
margin-right: .35rem;
}
.alert-cont-box-share li img{
width: .45rem;
display: block;
margin: .2rem auto .1rem;
}
.alert-cont-box-trade .trade-text{
font-size: .12rem;
color: #000;
margin-top: .15rem;
margin-bottom: .1rem;
}
.alert-cont-box-trade .trade-text i{
width: .03rem;
height: .03rem;
border-radius: 50%;
background: #818181;
display: inline-block;
vertical-align: middle;
margin-right: .05rem;
}
.alert-cont-box-trade p{
font-size: .11rem;
color: #666666;
line-height: .16rem;
}
.alert-cont-box-description .description-text{
font-size: .12rem;
color: #818181;
padding-left: .1rem;
margin-bottom: .1rem;
margin-top:.25rem;
}
.alert-cont-box-description .description-text:nth-of-type(2n){
margin-bottom: .25rem;
margin-top:.1rem;
}
.alert-cont-box-description .description-text i{
width: .03rem;
height: .03rem;
border-radius: 50%;
background: #818181;
display: inline-block;
vertical-align: middle;
margin-right: .05rem;
margin-left: -0.08rem;
}
.alert-cont-box-description table{
border:1px solid #DDDDDD;
margin-bottom: .1rem;
}
.alert-cont-box-description table tr{
background: #F5F9F6;
}
.alert-cont-box-description table tr:nth-of-type(2n){
background: #fff;
}
.alert-cont-box-description table td.tit{
font-weight: 600;
width: 40%;
}
.alert-cont-box-description table td{
height: .32rem;
line-height: .32rem;
padding: 0 0 0 .14rem;
}
.alert-cont-box-unique .alert-unique-list{
overflow: hidden;
font-size: .11rem;
width: 100%;
margin-top: .15rem;
}
.alert-cont-box-unique .alert-unique-list li{
overflow: hidden;
border-bottom: 1px solid #E6E6E6;
padding: .1rem .12rem;
}
.alert-cont-box-unique .alert-unique-list li:last-of-type{
border-bottom: none;
}
.alert-cont-box-unique .alert-unique-list img{
float: left;
width:.3rem;
height:.3rem;
margin-right: .12rem;
margin-top: .03rem;
}
.alert-cont-box-unique .alert-unique-list .text{
float: left;
}
.alert-cont-box-unique .alert-unique-list .text p{
font-size: .11rem;
font-weight: 600;
margin-bottom: .03rem !important;
}
.alert-cont-box-unique .alert-unique-list .text span{
font-size: .09rem;
color: #757575;
}
.alert-cont-box-addtocart .pro-det{
font-size: .15rem;
width:100%;
margin-top: .05rem;
border-bottom: 1px solid #E5E5E5;
padding:0 .15rem;
}
.alert-cont-box-addtocart .pro-det img{
width:.81rem;
/*height:.81rem;*/
margin-top:9%;
margin-right: .13rem;
float: left;
}
.alert-cont-box-addtocart .pro-det .pro-cont .skuname{
padding-top:.1rem !important;
}
.alert-cont-box-addtocart .pro-det .pro-cont .pairs{
border:none;
padding:.15rem 0;
}
.alert-cont-box-addtocart .pro-det .pro-cont .pairs li p{
font-size: .15rem;
}
.alert-cont-box-addtocart .pro-det .pro-cont .pairs li span{
font-size: .1rem;
}
.pro-table td{
padding:.1rem .15rem;
height: auto;
}
.pro-table thead td{
padding:.17rem .15rem;
}
.pro-table tr td .imgbox{
width:.46rem;
height:.46rem;
border-radius: 50%;
overflow: hidden;
}
.pro-table td img{
width:88%;
display: block;
margin:25% auto 0;
border: 1px solid transparent;
}
.pro-table tr.active td .imgbox{
border: 1px solid #21A29E;
}
.pro-table td:nth-child(2n) {
/*width: 14%;*/
}
table.pro-table tbody tr .price{
color: #21A29E;
}
table.pro-table .quantity .qty-btn{
width: .2rem;
height: .2rem;
line-height: .2rem;
display: block;
font-size: .12rem;
color: #757575;
border: 1px solid #DEDEDE;
background: #F2F2F2;
text-align: center;
}
table.pro-table .quantity input{
width: .4rem;
height: .2rem;
border: none;
text-align: center;
border: 1px solid #DEDEDE;
border-right: none;
border-left: none;
font-size: .12rem;
}
.a-center{
text-align: center !important;
}
table.pro-table .quantity .qty-btn-down{
border-right: none;
}
table.pro-table .quantity .qty-btn-up{
border-left: none;
}
.lens-function{
font-size: .12rem;
padding:0 .15rem;
}
.lensf-title{
font-size: .14rem;
margin-top:.21rem !important;
margin-bottom: .16rem !important;
}
.lens-function li{
height:.48rem;
line-height: .48rem;
background: #F5F5F5;
border:1px solid #DEDEDE;
margin-bottom: .08rem;
padding: 0 .1rem;
display: flex;
justify-content: space-between;
}
.lens-function li.active{
background: #F5FAF6;
border:1px solid #21A29E;
}
.lens-function li span{
float: right;
}
.total-price{
/* font-size: .14rem;
padding:0 .15rem;
margin-top: .22rem;
margin-bottom: .59rem;
font-weight: 600*/
}
.total-price_box{
display: flex;
align-items: center;
}
.total-price span{
font-size: .15rem;;
/* float: right; */
}
.cart-button{
font-size: .13rem;
display: flex;
width:100%;
position: fixed;
left: 0;
bottom: 0;
}
.cart-button span{
width:50%;
text-align: center;
border: 1px solid #21A29E;
line-height: .42rem;
}
.cart-button span.add-to-cart{
color: #21A29E;
background:#fff;
}
.cart-button span.send-now{
background: #21A29E;
color:#fff;
}
/*contacts us*/
.contacts_h{
font-size: .24rem;
color: #333333;
font-weight: 600;
text-align: center;
}
.contacts_h p{
font-size: .12rem;
color: #000;
font-weight: 500;
}
.contacts-bimg{
width:100%;
display: block;
}
.contacts-box{
margin-top:.21rem;
}
.contacts-left{
padding: 0 .15rem;
}
.contacts-left input,.contacts-left select{
width:100%;
height:.45rem;
line-height: .45rem;
border:1px solid #DEDEDE;
padding: 0 2%;
margin-bottom: .26rem;
font-size: .12rem;
color: #757575;
display: block;
border-radius: 3px;
}
.contacts-left .file{
position: relative;
}
.contacts-left p.errorinfo{
top: 0.45rem;
}
.contacts-left .reg-top{
display: flex;
justify-content: space-between;
}
.contacts-left .reg-top .first-name,.contacts-left .reg-top .last-name{
width:48%;
}
input,textarea{
font-family:Lato !important;
}
.contacts-left textarea{
display: block;
width:100%;
height: 1.29rem;
padding: 0 4%;
color: #757575;
font-size: .12rem;
resize: none;
border: 1px solid #DEDEDE;
padding-top: .17rem;
border-radius: 3px;
}
.contacts-left .contacts-send{
display: block;
width:100%;
height:.44rem;
line-height: .44rem;
font-size: .14rem;
background: #333333;
color: #BF9D6D;
text-align: center;
margin-top: .27rem;
/* border-radius: 3px; */
}
.contacts-right{
padding:.27rem .3rem .15rem .15rem;
font-size: .12rem;
background: #F8F9FB;
margin-top: .25rem;
}
.contacts-right-title{
font-weight: 600;
font-size: .18rem;
margin-bottom: .23rem;
}
.contacts-right p{
font-weight: 600;
font-size: .15rem;
display: flex;
}
.contacts-right p span{
width: .23rem;
height: .23rem;
display: flex;
justify-content: center;
align-items: center;
background: #333333;
border-radius: 50%;
margin: 0 .1rem 0 0;
padding-left: 0;
}
.contacts-right p span .iconfont{
font-size: .14rem;
color: #fff;
margin: 0 auto;
font-weight: 500;
}
.contacts-right span{
margin-bottom: .26rem;
display: block;
padding-left: .33rem;
}
.contacts-right em{
display: block;
color: rgba(0, 0, 0, 0.49);
padding-left: .33rem;
}
.contacts-right span a{
font-size: .12rem;
}
.lazy{
width: 100%;
height: auto;
/* background: url('../images/loading.gif') 50% no-repeat; */
}
.preloader-indicator-modal{
margin-left: -.65rem;
margin-top: -.65rem;
border-radius: 15px;
}
.toast.modal{
display: none !important;
}
.preloader-indicator-modal .preloader{
width: .4rem;
height: .4rem;
}
.top_nav_left{
font-size: .15rem;
line-height: .3rem;
border-bottom: 1px solid #F7F7F7;
padding-left: .16rem;
}
.top_nav_left .currency_list{
color:#757575;
font-size: .12rem;
line-height: .25rem;
margin-left: 0;
display: none;
}
.top_nav_left .currency_list.active{
display: block;
}
.top_currency{
margin-top: .11rem;
margin-bottom: .12rem;
}
.top_currency dt i{
float: right;
width: .18rem;
height: .18rem;
background: url(../images/icon_down.png) center no-repeat;
background-size: contain;
margin-top: .1rem;
margin-right: .15rem;
}
/*新详情*/
.product-list li{
padding-top:.18rem;
}
.product-item .pro-top{
left: .15rem;
top: .06rem;
display: flex;
justify-content: space-between;
}
.product-item .sale {
width: .33rem;
line-height: .33rem;
height: .33rem;
border-radius: 50%;
color: #333333;
background: #FEC339;
font-size: .12rem;
text-align: center;
font-weight: 600;
}
.product-item .pro-top i{
width: .25rem;
/* height: .2rem; */
background: url(../images/like-mb.png) center no-repeat;
background-size: contain;
}
.product-item .pro-top i.active{
background: url('../images/like-after-mb.png') center no-repeat;
background-size: contain;
}
.product-list .sku-name{
display: flex;
justify-content: space-between;
font-size: .15rem;
}
.product-list .product-item .pricebox{
font-size: .15rem;
font-weight: 600;
}
.product-list .product-item .pricebox i{
font-style: inherit;
color: #A3A3A3;
text-decoration: line-through;
font-weight: 500;
margin-left: .1rem;
}
.product-list .product-item .category_tryOn_disabled{
display: block;
height: .31rem;
line-height: .31rem;
font-size: .12rem;
color: #fff;
text-align: center;
border: 1px solid #DDDDDD;
background: #DDDDDD;
margin-bottom: .23rem;
}
.product-list .product-item .category_tryOn{
display: block;
height: .31rem;
line-height: .31rem;
font-size: .12rem;
text-align: center;
border: 1px solid #A3A3A3;
margin-bottom: .23rem;
}
.product-list .product-item .category_tryOn:hover{
border-color: #333333;
color: #333333;
}
.loadingbox{
text-align: center;
line-height: .35rem;
background: #F5F5F5;
display: none;
}
.loadingbox img{
width: .26rem;
vertical-align: middle;
margin-right: .05rem;
}
.sort-by-box{
font-size: .12rem;
/* position: relative; */
display: flex;
justify-content: space-between;
width:78%;
}
.sort-by-box .sort_by_tt{
padding:0 .15rem;
line-height: .4rem;
}
.sort-by-box .sort_by_tt.active{
border-bottom: 1px solid #333333;
}
.sort-by-box .price span{
float: right;
position: relative;
width: .1rem;
height: .1rem;
margin-top: .14rem;
margin-left: .05rem;
}
.sort-by-box .price .iconprice{
width:0;
height:0;
border:.04rem solid transparent;
position: absolute;
}
.sort-by-box .price .icon_up{
border-bottom: .05rem solid #ccc;
top:-.05rem;
}
.sort-by-box .price .icon_up.active{
border-bottom-color:#333333;
}
.sort-by-box .price .icon_down{
border-top:.05rem solid #ccc;
bottom:-.05rem;
}
.sort-by-box .price .icon_down.active{
border-top-color:#333333;
}
.sort-by-box .sort-by-title img{
width:.11rem;
height: .06rem;
margin-left: .05rem;
}
.sort-by-box .sort-by-title img.active{
transform: rotate(180deg);
}
.sort-by-box .sort-by-title .sort-cont{
cursor: pointer;
}
.sort-by-box .sort-content{
position: absolute;
left: 0;
top: .24rem;
border: 1px solid #DEDEDE;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
width: 1.32rem;
line-height: .31rem;
display: none;
z-index: 2;
background: #fff;
}
.sort-by-box .sort-content li{
cursor: pointer;
width:100%;
padding-left: 6%;
}
.sort-by-box .sort-content li:hover{
background: rgba(33, 162, 158, .05)
}
.sort-by-box .sort-content li.active{
color: #21A29E;
}
.toolbar .filter{
line-height: .4rem;
}
.no_search{
text-align: center;
margin: 1rem auto;
font-size: .17rem;
color: #F87978;
}
.no_search span{
font-weight: 600;
line-height: .5rem;
}
.alert-search-box{
background: #fff;
position: fixed;
top:10%;
left:0;
z-index:99;
font-size: .12rem;
padding:.17rem;
width:100%;
height: 100%;
opacity: 0;
display: none;
}
.alert-search-close{
float: right;
width: .3rem;
height: .3rem;
background: url(../images/alert-close.png) center no-repeat;
background-size: 50%;
margin-bottom: .3rem;
}
.alert-search-box .search-cont{
display: flex;
width:100%;
border:1px solid #DEDEDE;
margin-bottom: .47rem;
}
.alert-search-box .search-cont input{
border:none;
width: 100%;
line-height: .38rem;
height:.38rem;
padding:0 .15rem;
font-size: .12rem;
}
.alert-search-box .search-cont span{
width:1.13rem;
height: .38rem;
line-height: .38rem;
color: #fff;
background: #333333;
text-align: center;
font-size: .15rem;
flex-shrink: 0;
}
.alert-search-box p{
font-weight: 600;
}
.alert-search-box ul{
display: flex;
flex-wrap: wrap;
}
.alert-search-box li{
flex-shrink: 0;
text-align: center;
height:.23rem;
line-height: .23rem;
margin-top: .14rem;
padding: 0 .16rem;
background: #F5F5F5;
margin-right: 0.2rem;
}
.alert-search-box li a{
color: #666666;
font-size: .12rem;
}
.alert-search-box li.active a{
background: #FFFCF0;
color:#333333;
}
/* 列表try on */
.category_tryOn_alert{
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: none;
}
.try-on-content {
width:95%;
margin:0 auto;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #fff;
z-index: 100;
}
.try-on-alert .try-on-content{
padding-left: 0;
}
.try-on-alert .common-alert-box{
width: 100% !important;
padding:0 !important;
margin:0 auto !important;
height:5.4rem !important;
height:auto !important;
overflow: hidden !important;
}
.try-on-alert .try-right-box{
width:100%;
vertical-align: inherit;
}
.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:95%;
margin:0 auto .07rem;
}
.item-product .try-on-alert .try-right-btns{
margin:0 auto;
}
.try-on-alert .try-buy-now{
width:49%;
float: left;
background: #fff;
font-size: .12rem;
color: #BF9D6D;
height: .38rem;
line-height: .38rem;
border-radius:4px;
text-align: center;
cursor: pointer;
border: 1px solid #BF9D6D;
}
.item-product .try-on-alert .try-buy-now{
margin-top:.07rem;
}
.try-on-alert .try-right-upload-btn {
width:49%;
float: right;
background: #333333;
border-radius:4px;
height: .38rem;
text-align: center;
margin-top:0rem !important;
}
.item-product .try-on-alert .try-right-upload-btn{
/* margin-top:.07rem !important; */
}
.try-on-alert .try-right-file-btn{
height:.4rem;
}
.try-on-alert .try-right-upload-btn .common-btn{
border:none;
color: #BF9D6D;
font-size: .12rem;
line-height: .38rem;
padding:0;
width:100%;
}
.try-on-alert .try-right-upload-btn .common-btn i{
width: .15rem;
margin-right: .08rem;
}
.try-on-alert .swiper-glasses{
width:95%;
margin:.1rem auto .05rem;
padding-bottom:.0rem;
}
.item-product .try-on-alert .swiper-glasses{
padding-bottom:.52rem;
margin: 0;
}
.try-on-alert .try-on-box{
position: relative;
}
.try-on-alert .try-right-tips{
position: absolute;
z-index: 9;
left: .1rem;
width: 35%;
text-align: left;
color: #818181;
top: .15rem;
font-size: .12rem;
}
.try-on-alert .try-base-tool{
position: absolute;
z-index: 9;
bottom: 2rem;
width: 94%;
margin: 0 3%;
}
.try-on-alert .try-base-tool-left{
/*width: 55pt;*/
width: 100%;
height:.8rem;
text-align: left;
display: inline-block;
position: relative;
overflow: hidden;
}
.try-on-alert .try-base-tool-right{
width: 62pt;
float: right;
display: none;
}
.try-on-alert .try-base-tool-left .try-icon{
position: absolute;
}
.try-on-alert .try-base-tool-left .icon-add{
top:0;
left:0;
background: url(../images/add_mobile.png) no-repeat;
background-size: contain;
}
.try-on-alert .try-base-tool-left .icon-narrow{
top:.46rem;
left:0;
}
.try-on-alert .try-base-tool-left .icon-turn-right{
top:0;
right:0;
}
.try-on-alert .try-base-tool-left .icon-turn-left{
top:.46rem;
right:0;
}
.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:.49rem;
/* border-radius: 50%; */
border-top:1.5px solid transparent;
}
.try-on-alert .swiper-glasses .swiper-slide img{
width:90%;
margin:23px auto 0;
display: block;
}
.try-on-alert .swiper-glasses .swiper-slide:first-of-type{
/* border:1px solid #333333; */
}
.try-on-alert .swiper-glasses .swiper-slide.active{
border-top:1.5px solid #333333;
}
.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-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;
}
.try-tool-box .try-tool{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.try-tool-box .try-tool i{
width:44px;
height:44px;
}
.try-on-alert .common-alert-close{
top: .15rem;
right: .15rem;
width: .18rem;
}
.try-base-tool-left .try-icon{
width:.31rem;
height:.31rem;
}
.try-on-alert .swiper-head{
width: 95%;
height:auto;
padding-top:0;
margin-top:-.15rem;
}
.swiper-glasses .swiper-wrapper .swiper-slide .swiper-slide-img{
width:95% !important;
margin-top:.05rem;
}
.item-product .swiper-glasses .swiper-wrapper .swiper-slide .swiper-slide-img{
margin-top:.15rem;
}
.deals{
line-height: .5rem;
font-size: .12rem;
padding:0 .15rem;
color: #333333;
background: #F2F2F2;;
}
.deals span{
font-weight: 600;
color: #333333;
}
.deals i{
display: inline-block;
width:.1rem;
height:.1rem;
background: url('../images/is_check.png') center no-repeat;
background-size: contain;
margin-left: .07rem;
margin-right: .03rem;
}
.deals em{
font-style: inherit;
float: right;
}
.tryon_360{
position: absolute;
width:100%;
z-index: 2;
overflow: hidden;
top:.15rem;
padding:0 .14rem;
}
.tryon_360 .du360{
width:.25rem;
height: .25rem;
line-height: .25rem;
text-align: center;
border:1px solid #989898;
font-size: .12rem;
float: left;
color: #000;
border-radius: 50%;
margin-left: .15rem;
display: flex;
justify-content: center;
align-items: center;
display: none;
}
.tryon_360 .du360 i{
width: .28rem;
height: .12rem;
line-height: .12rem;
background: #fff;
display: block;
position: absolute;
}
.tryon_360 .tryon{
min-width:.8rem;
height: .25rem;
line-height: .25rem;
text-align: center;
border:1px solid #989898;
font-size: .12rem;
float: right;
color: #000;
padding: 0 0.08rem;
}
.item-product-swiper .swiper-container .swiper-pagination-bullet-active{
background: #28282E;
}
.pro_color_swiper{
display: flex;
flex-wrap: wrap;
padding-bottom:0;
margin-top: .1rem;
}
.pro_color_swiper .swiper-slide{
/* width:23.7%; */
min-height: .45rem;
margin-right: 20px;
text-align: center;
font-size: .12rem;
border: 1px solid #E1E1E1;
}
.pro_color_swiper .swiper-slide.active{
border: 1px solid #333333;
}
.pro_color_swiper .swiper-slide img{
width:100%;
/* margin-top:.05rem; */
}
.pro_color_swiper .swiper-slide span,.pro_color_swiper .swiper-slide .color_price{
display: none;
}
.pro_color_swiper .swiper-slide.active span{
display: none;
}
.pro_box{
font-size: .12rem;
background: #F8F8F8;
padding:.21rem .15rem;
}
.pro_box h5{
font-size: .18rem;
font-weight: 600;
margin:0;
margin-bottom: .07rem;
}
.pro_box h5 i{
float: right;
width: .28rem;
height: .28rem;
background: url(../images/like-mb.png) center no-repeat;
background-size: contain;
margin-left: .2rem;
}
.pro_box h5 i.active{
background: url(../images/like-after-mb.png) center no-repeat;
background-size: contain;
}
.details_box p{
line-height: .22rem;
}
.details_box p a{
font-size: .12rem;
text-decoration: underline;
color: #000;
}
.details_box .details_span{
float: right;
}
.details_box .details_span i{
width: .15rem;
height: .15rem;
background: url(../images/icon_down.png) center no-repeat;
background-size: contain;
transform: rotate(270deg);
float: right;
margin-top: .04rem;
margin-left: .05rem;
}
/* 评论 */
.Reviews_box{
border-bottom: .1rem solid #F8F8F8;
background: #fff;
}
.Reviews_box,.Delivery_Time_box{
margin-top:.08rem;
}
.Reviews_title{
font-size: .14rem;
font-weight: 600;
padding-bottom: .15rem;
border-bottom: 1px solid #E6E6E6;
}
.Reviews_title p{
float: right;
display: flex;
}
.star{
display: flex;
}
.star i{
width: .14rem !important;
height:.14rem !important;
background: url('../images/icon_star2.png') no-repeat !important;
background-size: contain;
transform: rotate(0deg) !important;
}
.star i.active{
background: url('../images/icon_star.png') no-repeat !important;
background-size: contain;
}
.Reviews_title i{
width: .15rem;
height: .15rem;
background: url(../images/icon_down.png) center no-repeat;
background-size: contain;
transform: rotate(270deg);
float: none;
margin:0;
}
.Reviews_content{
font-size: .12rem;
color: #000;
}
.Reviews_tt{
margin-top:.2rem;
margin-bottom: .1rem;
}
.Reviews_tt span{
color: #666666;
margin-left: .09rem;
}
.Reviews_tt i{
height:.15rem;
font-style: inherit;
color: #666666;
padding-right: .2rem;
width: auto;
background: url(../images/zan_gray.png) right center no-repeat;
background-size: contain;
float: right;
}
.Reviews_tt i.active{
background: url(../images/zan_after.png) right center no-repeat;
background-size: contain;
}
.Reviews_content p{
margin-bottom: .05rem !important;
}
.Reviews_img{
display: flex;
flex-wrap: wrap;
}
.Reviews_img img{
width:30%;
flex-shrink: 0;
margin-right: 2%;
margin-top: .1rem;
}
.Reviews_img .divimg{
width:30%;
flex-shrink: 0;
margin-right: 2%;
margin-top: .1rem;
}
.Reviews_img .divimg img{
width: 100%;
}
.Reviews_box .show_more{
width: 1rem;
margin:.15rem auto 0;
height: .3rem;
line-height: .3rem;
border: 1px solid #000000;
/* border-radius: 0px; */
text-align: center;
}
.Reviews_img .swiper-slide img{
width: 100%;
}
.Delivery_Time_title{
font-size: .14rem;
font-weight: 600;
}
.Delivery_Time_title .iconfont{
font-size: .18rem;
margin-right: .03rem;
vertical-align: middle;
color: #333333;
font-weight: 500;
}
.Delivery_Time_title i{
width: .15rem;
height: .15rem;
background: url(../images/icon_down.png) center no-repeat;
background-size: contain;
transform: rotate(270deg);
float: right;
}
.Buy_Glasses{
width:100%;
height: 1.67rem;
background: #333333;
color: #fff;
font-size: .18rem;
text-align: center;
}
.Buy_Glasses .Buy_Glasses_title{
font-weight: 600;
padding-top: .18rem;
padding-bottom: .1rem;
}
.Buy_text{
overflow: hidden;
}
.Buy_text div{
width:49%;
float: left;
}
.Buy_text .line{
float: left;
width:1px;
height:.4rem;
background: #D6D6D6;
margin-top: .15rem;
}
.Buy_text p span{
font-size: .45rem;
}
.also_box{
position: relative;
padding:.2rem 0 0;
font-size: .12rem;
overflow: hidden;
padding-bottom: .3rem;
margin-bottom: .3rem;
}
.also_box_img {
position: absolute;
top: 0;
width: 100%!important;
}
.also_box h5{
font-size: .14rem;
font-weight: 600;
padding:0 .15rem;
margin:0;
padding-bottom: .15rem;
}
.also_box h5 span{
display: none;
font-size: .12rem;
color: #333333;
text-decoration: underline;
float: right;
font-weight: 500;
}
.also_box .project{
width:50%;
float: left;
color: #000;
text-align: center;
padding:.2rem 0;
font-size: .12rem;
}
.also_box .project img{
width:80%;
display: block;
margin:0 auto;
}
.also_box .project p{
font-weight: 600;
padding: 0 .08rem;
}
.select_lenses_box{
display: flex;
justify-content: space-between;
box-shadow: 5px 0px 10px 5px rgba(0, 0, 0, 0.1);
padding:.2rem .15rem;
width:100%;
height: .84rem;
background: #fff;
font-size: .12rem;
position: fixed;
align-items: center;
left: 0;
bottom: 0;
z-index: 2;
}
.select_lenses_box .total-price .price{
font-size: .24rem;
font-weight: 600;
color: #333333;
}
.select_lenses_box .total-price .ol_price{
font-style: inherit;
color: #818181;
/* text-decoration: line-through; */
margin-left: .06rem;
position: relative;
/* display: none; */
}
.select_lenses_box .total-price.discount_pro .ol_price{
display: inline;
}
.select_lenses_box .total-price p{
color: #818181;
margin-top: -.06rem !important;
line-height: .13rem;
}
.select_lenses_box .total-price .discount{
width:.41rem;
height: .17rem;
color: #333333;
text-align: center;
background: url('../images/discount.png') center no-repeat;
background-size: cover;
position: absolute;
top: -.2rem;
left: -.03rem;
overflow: hidden;
line-height: .15rem;
}
.select_lenses_box .select_lenses_btn{
width:1.5rem;
height: .43rem;
line-height: .43rem;
text-align: center;
color: #BF9D6D;
background: #333333;
border-radius: 0px;
font-weight: 600;
}
.select_lenses_box .select-button--disabled {
width: 1.5rem;
height: .43rem;
line-height: .43rem;
text-align: center;
color: #fff;
font-weight: 600;
background: #A3A3A3;
}
/* 详情弹窗 */
.alert_condet{
/* padding:.3rem 0 0; */
font-size: .15rem;
display: none;
}
.alert_condet h5{
position: fixed;
width: 100%;
background: #fff;
font-size: .18rem;
padding-top: .4rem;
padding-bottom: .2rem;
border-bottom: 1px solid #E6E6E6;
margin:0;
text-align: center;
font-weight: 600;
}
.alert_condet .text{
border-bottom: 1px solid #E6E6E6;
margin:0 .3rem;
padding:.18rem 0;
}
.alert_deals p{
font-weight: 600;
}
.alert_deals span{
font-size:.12rem;
}
.alert_deals img{
width:30%;
margin-top:.18rem;
}
.alert_deals img:nth-of-type(3n-1){
margin-left: 2%;
margin-right: 2%;
}
.alert_deals .text:last-of-type img{
width: 100%;
}
.alert_details p{
font-weight: 600;
font-size: .15rem;
margin-bottom: .05rem !important;
}
.alert_details span{
font-size: .12rem;
display: block;
line-height: .2rem;
}
.alert_details span span, .alert_details p span{
display: inline;
font-weight: 500;
}
.alert_details a{
font-size: .12rem;
text-decoration: underline;
}
.alert_details .size_img{
width:.36rem;
height: auto;
float: none;
margin: 0;
margin-top: .1rem;
margin-right: .1rem;
vertical-align: text-bottom;
}
.alert_details #SizeCont{
display: none;
}
.alert_size .sizeText{
padding: 1.05rem .3rem .4rem;
/* height: 5rem;
overflow-y: auto; */
}
.alert_size .sizeText img{
width: 100%;
margin:.3rem 0 .1rem;
}
.alert_size table{
border-color: #C1C1C1;
}
.alert_size table td{
text-align: center;
height: .53rem;
border:1px solid #C1C1C1;
width: 30%;
}
.alert_size table td:first-of-type{
width: 25%;
}
.alert_size .strong{
font-weight: 600;
}
.alert_size table td span{
display: block;
color: #666666;
}
.Switch{
display: flex;
justify-content: space-between;
align-items: center;
font-size: .12rem;
}
.Switch p{
display: flex;
}
.Switch span{
width: .4rem;
line-height: .18rem;
background: #fff;
color: #000;
border: 1px solid #000;
text-align: center;
cursor: pointer;
}
.Switch span.active{
background: #000;
color: #fff;
}
.Delivery_text{
padding:.2rem 0 .45rem .3rem;
}
.Delivery_text p{
font-size: .15rem;
font-weight: 600;
}
.Delivery_text span{
display: block;
font-size: .12rem;
}
.Delivery_text .title_span{
font-weight: 600;
margin-top:.15rem;
}
/* 详情页try on */
.try_on_box{
position: absolute;
z-index: 2;
width: 100%;
top:0;
left:0;
/* height: 3.75rem; */
}
.try_on_box .try-on-alert .try-frame-view{
width: 49%;
float: left;
background: #333333;
font-size: .12rem;
color: #fff;
line-height: .38rem;
border-radius: 0px;
text-align: center;
margin-top: .06rem;
}
.item-product .try_on_box .try-on-alert .try-frame-view{
margin-top: 0;
}
.try_on_box .try-on-content{
width: 100%;
position: static;
transform: translate(0, 0);
background: #eaeaea;
}
.try_on_box .try-on-alert .common-alert-close,.try_on_box .try-on-alert .swiper-glasses{
display: none;
}
.try_on_box .try-on-alert .try-right-head{
margin-top:0;
display: block;
margin: 0 auto;
}
.try_on_box .try-on-alert .common-alert-box{
height: 3.75rem !important;
}
.try_on_box .try-right-head-box{
margin-bottom: 0;
/* width: 66%; */
/*height: 3.25rem;*/
/* padding-top: .12rem; */
}
.try_on_box .try_on_head_bot{
background: #fff;
margin-top: -.75rem;
}
.try_on_box .try-on-alert .try-base-tool{
bottom: 1.4rem;
width: 92%;
margin: 0 4%;
}
.try_on_box .try-on-alert .swiper-head{
width: 92%;
margin-top:0;
padding-top:.08rem;
}
.item-product .try_on_box .try-on-alert .swiper-head{
padding-top:0rem;
}
.try_on_box .try-on-alert .try-right-btns{
width: 92%;
}
.item-product .try_on_box .try-on-alert .try-right-btns{
padding-top:.02rem;
}
.try_on_box #glassesMove{
margin-top:.12rem;
}
* { touch-action: pan-y; }
/* 购物车 */
.cart_pro_list{
padding:.02rem 0rem 0;
margin-bottom: .11rem;
background: #fff;
}
.cart_pro_box_top{
display: flex;
align-items: center;
padding:.18rem 0rem .21rem;
}
.cart_cont_bottom.cart_cont{
padding:.2rem 0 .02rem .09rem;
margin-left: 0;
border-top:1px solid #D5D5D5;
width: 100%;
}
.cart_pro_box{
position: relative;
background: #fff;
border-bottom: 1px solid #E2E2E2;
padding:0 .1rem;
}
.cart_pro_box:last-of-type{
border-bottom: none;
}
.cart_img{
width:1.21rem;
}
.cart_img img{
width:100%;
display: block;
margin:0 auto;
}
.cart_close{
position: absolute;
top: 15px;
right: 12px;
z-index: 2;
display: block;
float: right;
background: url(../images/alert-close.png) no-repeat;
background-size: contain;
width: 14px;
height: 14px;
cursor: pointer;
}
.cart_cont{
color:#818181;
margin-left:.12rem;
font-size: .12rem;
width: 59.5%;
}
.no_icon{
padding-right: .15rem;
}
.cart_cont p{
margin: 0;
}
.cart_name{
color:#000;
}
.cart_cont li{
margin-bottom: .18rem;
}
.cart_cont span{
color:#000;
}
.cart_cont_bottom{
display: none;
}
.cart_cont_bottom.active{
display: block;
}
.cart_cont i{
text-decoration: line-through;
}
.cart_flex{
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.color_price{
margin-left: 6px;
}
.cart_cont span .iconfont{
vertical-align: middle;
margin-left: 5px;
font-size: .15rem;
color: #333333;
}
.icon_dn{
float: right;
width: .12rem;
height: 0.07rem;
margin-top: .06rem;
margin-left: .05rem;
}
.icon_dn.active{
transform: rotate(180deg);
}
.cart_cont.active li .icon_dn{
transform: rotate(270deg);
}
.cart_cont_bottom.cart_cont p .icon_dn{
transform: rotate(-90deg);
}
.cart_table{
color:#000;
display: none;
}
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;
}
.cart_table table .td_sapn{
line-height: 18px;
}
.cart_table table tr:first-of-type td{
line-height: 18px;
border: 1px solid #e0e0e0;
height: .51rem;
padding:0 .05rem;
}
.cart_table table.Prism_table tr:first-of-type td{
height: .51rem;
padding:0 .05rem;
}
.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 #333333;
border-radius: 0px;
color: #333333;
text-align: center;
cursor: pointer;
}
.pack_gift{
width: .59rem;
position: absolute;
left:.9rem;
top:-.1rem;
}
.gift_img{
left:1.6rem;
}
.gift_img_box{
display: none;
}
.gift_img_box img{
width: 100%;
display: block;
}
.subtotal_box{
/* border-top: 1px solid #C1C1C1;
padding-top:42px; */
}
.subtotal_box .qty_box{
width: .54rem;
line-height: .15rem;
border: 1px solid #818181;
border-radius: 0px;
/* padding: 0 10px; */
}
.subtotal_box .qty_box input{
width:.21rem;
line-height: .15rem;
text-align: center;
color: #818181;
border:none;
padding:0;
}
.subtotal_box .qty_box a{
display: inline-block;
width:.12rem;
text-align: center;
color: #818181;
}
.subtotal_box .cart_subtotal{
font-size: .12rem;
color: #000;
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;
}
.Code_points{
background: #fff;
padding:.22rem .09rem;
margin:.2rem .14rem .11rem;
font-size: .12rem;
}
.Code_points_box .cart_flex{
display: none;
}
.Code_points_box.active .cart_flex{
display: flex;
}
.Code_points_box.active .icon_dn{
transform: rotate(180deg);
}
.cart_right_bottom{
background: #fff;
padding:.22rem .09rem;
margin:0 .14rem .26rem;
display: flex;
}
.checkout_cont{
background: #fff;
padding:.22rem .09rem;
margin:0 .14rem .11rem;
font-size: .12rem;
}
.code_box{
/* margin-bottom: .21rem; */
}
.points_box{
margin-bottom: .09rem;
}
.code_box p,.points_box p{
color: #000;
margin-bottom: .11rem !important;
}
.code_box input{
border: 1px solid #C1C1C1;
border-radius: 0px;
width: 73%;
line-height: .35rem;
text-align: center;
}
.use_points{
color: #818181;
}
.use_points span{
color: #FE7979;
}
.right_btn,.apply{
width:23%;
height: .35rem;
line-height: .35rem;
border-radius: 0px;
background: #333333;
color: #fff;
text-align: center;
cursor: pointer;
}
.checkout_box{
padding-bottom: .15rem;
border-bottom: 1px solid #C1C1C1;
}
.checkout_box li{
display: flex;
justify-content: space-between;
margin-bottom: .05rem;
}
.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: .15rem;
display: flex;
justify-content: space-between;
font-weight: 600;
margin-top:.21rem;
}
.subtotal_checkout_btn{
width:92%;
margin:.11rem auto;
height:.44rem;
line-height: .44rem;
border-radius: 6px;
font-size: .15rem;
font-weight: 600;
}
.cart_right_bottom_box{
flex: 1;
display: flex;
align-items: center;
font-size: .12rem;
}
.cart_right_bottom_box .iconfont{
font-size: .2rem;
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: .23rem;
}
.might_also h5{
font-size: .12rem;
font-weight: 600;
text-align: center;
margin:0;
margin-bottom: .21rem;
}
.might_also .might_project{
color: #000;
text-align: center;
background: #C1C1C1;
}
.might_also .might_project img{
width:100%;
display: block;
}
.might_also_swiper{
padding:0 .14rem;
}
.might_also .swiper-wrapper{
border-left: 1px solid #C1C1C1;
}
.might_also .swiper-slide{
border:1px solid #C1C1C1;
border-left:none;
text-align: center;
font-size: .12rem;
background: #fff;
}
.might_also .swiper-slide p{
margin:.06rem 0 !important;
color: #818181;
}
.might_also .swiper-slide span{
display: block;
}
.might_also .swiper-slide .also_to_cart{
width:.73rem;
line-height: .19rem;
margin:.1rem auto;
border-radius: 0px;
color: #fff;
background: #333333;
text-align: center;
}
.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;
}
.alert_cart h5{
font-size: .18rem;
padding-top: .27rem;
padding-bottom: .15rem;
border-bottom: 1px solid #E6E6E6;
margin: 0;
text-align: center;
font-weight: 500;
}
.alert_cart_cont{
padding:.13rem .15rem .26rem;
}
.also_list_swiper .swiper_button{
display: none;
}
/****** pack pc弹窗 ******/
.packmb_box{
font-size:.12rem;
overflow-x: auto;
display: flex;
}
.packmb_box .cases{
flex-shrink: 0;
float: left;
padding: .1rem 1.6% 0;
text-align: center;
}
.packmb_box .cases img{
width: 100%;
margin-bottom: .09rem
}
.packmb_box .cases .packname{
color: #818181;
display: flex;
justify-content: center;
}
.packmb_box .cases .price{
font-weight: 600;
margin:.07rem 0 !important;
}
.packmb_box .cases .addcart{
width: 1rem;
line-height: .24rem;
text-transform:none;
padding:0;
margin:0 auto;
color:#333333;
border:1px solid #333333;
border-radius: 0px;
font-weight: 500;
}
.also_to_alert{
text-align: center;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: .44rem;
z-index: 2000;
}
.also_to_alert .question-box{
width: 100%;
height: calc(100% - .44rem);
overflow: auto;
background: white;
padding: .58rem .14rem 0;
position: relative;
}
.also_to_alert .question-box img{
width:80%;
margin: 0 auto;
}
.item_also_simg_swiper .swiper-slide-thumb-active{
border:1px solid #333333;
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: .15rem;/* 设置按钮大小 */
}
.item_also_bimg_swiper .swiper-button-prev,.item_also_bimg_swiper .swiper-button-next{
background-image:none;
}
.also_to_alert .question-close{
width: .15rem;
height: .15rem;
background: url(../images/close.png) no-repeat;
background-size: contain;
position: absolute;
right: .15rem;
top: .15rem;
}
.also_name{
width: 80%;
font-size: .12rem;
text-align: left;
margin:.16rem auto .12rem;
}
.question-box .also_box{
width: 80%;
margin:0 auto;
display: flex;
justify-content: space-between;
padding:0;
}
.also_box .qty_box{
line-height: .2rem;
height: .23rem;
border: 1px solid #333333;
border-radius: 0px;
/* padding: 0 10px; */
}
.also_box .qty_box input{
width:.3rem;
text-align: center;
font-size: .12rem;
color: #333333;
border:none;
}
.also_box .qty_box a{
display: inline-block;
width:.2rem;
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%;
line-height:.35rem;
font-size: .15rem;
margin:.21rem auto 0;
}
.item_also_simg{
width: 80%;
margin:.13rem auto 0;
}
.item_also_simg_swiper .swiper-slide img{
width:100%;
vertical-align: middle;
}
/* 购物车第二步骤 */
.onepage{
/* padding: 0 .14rem; */
}
.onepage .address_top{
background: #fff;
margin-bottom: 26px;
padding: .18rem .09rem .21rem;
margin: 0 .14rem .11rem;
}
.onepage .address_list .address_box_top{
font-weight: 600;
margin-bottom: .07rem;
}
.onepage .address_list .address_box_bot{
margin-top: .06rem;
}
.onepage .address_list .address_box{
margin-top:0;
font-size: 16px;
background: url(../images/blue_gou.png) right top no-repeat;
background-size: .32rem .34rem;
position: relative;
}
.onepage .address_list .address_box_checked{
border:1px solid #E6E6E6;
font-size: .12rem;
padding:.1rem .1rem .1rem .28rem;
border-radius: 0px;
margin-top:.15rem;
}
.onepage .address_list .address_box .address_img{
width: .18rem;
position: absolute;
left: .07rem;
top: .11rem;
}
.onepage .address_list .address_box_add{
width: 100%;
color: #333333;
font-size: .12rem;
display: flex;
justify-content: center;
align-items: center;
line-height: .35rem;
border:1px solid #333333;
border-radius: 0px;
margin-top:.15rem;
background:#fff;
}
.onepage .address_list .address_box .address_box_bot .edit{
font-size: .12rem;
color: #333333;
}
.onepage .address_list .address_box .address_box_bot .edit .iconfont{
font-size: .14rem;
margin-right: 4px;
}
.alert_address_content{
position: fixed;
left:0;
top:0;
width: 100%;
height:100%;
overflow-y: auto;
background: #fff;
padding-top: .1rem;
z-index: 99;
display: none;
}
.alert_address_content .alert-close{
margin-right: -10px;
}
.alert_address_content h5{
font-size: .18rem;
border-bottom:1px solid #E6E6E6;
line-height: .55rem;
margin: 0;
text-align: center;
}
.alert_address_cont{
padding:.27rem .14rem 0;
font-size: .12rem;
}
.edit_address_flex{
display: flex;
justify-content: space-between;
}
.alert_address_cont .input_box{
width:100%;
position: relative;
margin-bottom: .2rem;
}
.alert_address_cont .input_box p.errorinfo{
top: .6rem;
}
.edit_address_flex .input_box{
width:48%;
}
.alert_address_cont .input_box input{
border-radius: 0px;
border: 1px solid #E6E6E6;
line-height: .31rem;
text-indent: .05rem;
height: .35rem;
}
.alert_address_cont .input_box label.no_field::after {
display: inline-block;
content: '*';
color: #F87978;
font-size: .15rem;
margin-right: 8px;
vertical-align: middle;}
.alert_address_cont .input_box label{
display: block;
}
.alert_address_cont .input_box .iosselect{
border-radius: 0px;
border: 1px solid #E6E6E6;
line-height: .35rem;
height: .35rem;
text-indent: .04rem;
position: relative;
}
.alert_address_cont .input_box .iosselect i{
width: .15rem;
height: .15rem;
background: url(../images/icon_down.png) center no-repeat;
background-size: contain;
position: absolute;
top: .1rem;
right: .05rem;
z-index: -1;
}
#country_region_iosselect{
height: 100%;
}
.alert_address_cont .no_field+input{
width: 100%;
}
.alert_address_cont .checkbox_box input{
width:.16rem;
height:.16rem;
vertical-align: middle;
margin-right: .05rem;
}
.alert_address_cont .edit_btns{
height:.44rem;
line-height: .44rem;
font-size: .15rem;
width: 100%;
margin-top:.39rem;
}
.onepage h5{
border-bottom: none;
font-size: .13rem;
display: flex;
justify-content: space-between;
margin:0;
}
.onepage h5 p{
text-align: left;
font-weight: 600;
font-size: .13rem;
}
.onepage h5 span{
font-size: 16px;
color: #333333;
cursor: pointer;
}
.onepage h5 span img{
width: 14px;
}
.onepage 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 .input_box input{
height:60px;
line-height: 60px;
}
.onepage .input_box label{
font-size: 16px;
}
.onepage .add_btns{
line-height: 60px;
}
.onepage .shipping_box{
font-size: .12rem;
}
.shipping_box h5{
padding-bottom: 0;
}
.shipping_cont .checkbox_box{
display: flex;
justify-content: space-between;
margin-top:.18rem;
}
.shipping_cont .checkbox_box input{
width: .16rem;
height: .16rem;
}
.checkbox_box input[type=checkbox]:checked:after {
background: #333333 url(../images/is_check_write.png) center no-repeat;
background-size: 70%;
/* margin-top: -1px; */
/* margin-left: -1px; */
}
.checkbox_box input[type=checkbox]:after {
position: absolute;
width: .16rem;
height: .16rem;
top: 0;
content: " ";
color: #fff;
display: inline-block;
visibility: visible;
border-radius: 0px;
}
.checkbox_box input[type=checkbox] {
position: relative;
}
.shipping_cont .checkbox_box .shipping_label{
width: 90%;
}
.shipping_cont .checkbox_box .shipping_label span{
color:#818181;
}
.shipping_cont .checkbox_box .shipping_label .beizhu{
color: #FE7979;
font-style: italic;
}
.arrive_title{
margin-top:.2rem;
cursor: pointer;
}
.arrive_title img{
width:.12rem;
}
.arrive_title .iconfont{
font-size:.2rem;
margin-right: .02rem;
vertical-align: middle;
}
.arrive_title img.jt_img{
float: right;
margin-top: 0.06rem;
}
.arrive_content{
background: #F7F7F7;
border-radius: 6px;
padding:.2rem;
padding-bottom: 0;
margin-top: .09rem;
display: none;
font-size: .12rem;
overflow: hidden;
}
.arrive_box.active .arrive_content{
display: block;
}
.arrive_box.active .jt_img{
transform: rotate(180deg);
}
.arrive_content h6{
margin:0;
font-weight: 500;
padding-bottom: .19rem;
}
.arrive_content .text{
margin-bottom:.2rem;
}
.arrive_content p{
color: #818181;
}
.arrive_content span{
display: block;
color: #FE7979;
font-style: italic;
}
.onepage .cart_onepage_list{
position: relative;
}
.onepage .cart_onepage_box{
border-bottom: 1px solid #C1C1C1;
display: flex;
align-items: center;
padding:25px 0;
}
.onepage .cart_onepage_box:nth-of-type(n+4){
display: none;
}
.onepage .cart_onepage_box img{
width: 124px;
margin-right: 20px;
}
.onepage .cart_onepage_box .pro_text{
width: 100%;
display: flex;
justify-content: space-between;
}
.onepage .cart_onepage_box .pro_name{
font-size: 14px;
}
.onepage .cart_onepage_box .pro_sku{
font-size: 14px;
color: #818181;
}
.onepage .cart_onepage_box .pro_text .pro_num{
font-size: 18px;
}
.onepage .price_box{
font-size: .12rem;
padding-bottom: 0;
}
.onepage .price_box li{
display: flex;
justify-content: space-between;
margin-bottom: .05rem;
}
.onepage .price_box li:last-of-type{
font-weight: 600;
font-size: .15rem;
line-height: .55rem;
border-top:1px solid #C1C1C1;
margin-top: .15rem;
}
.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 img {
width: 16px;
height: 9px;
margin: 7px auto;
display: inline-block;
}
.powder_down.active img{
transform: rotate(180deg);
}
.pay_by{
margin: 0 .14rem 0rem;
}
.pay_by .pay_btn{
line-height: .44rem;
font-size: .15rem;
color: #fff;
border-radius: 0px;
margin-bottom: .09rem;
text-align: center;
cursor: not-allowed;
}
.pay_by.active .pay_btn{
cursor: pointer;
}
.pay_by .paypal{
background: #a3a3a3;
}
.pay_by.active .paypal{
background: #333333;
}
.pay_by .paypal .iconfont{
font-size: .2rem;
vertical-align: middle;
}
.pay_by .pay_card{
background: #a3a3a3;
}
.pay_by.active .pay_card{
background: #FEC339;
color: #333333;
}
.pay_by .pay_card .iconfont{
font-size: .19rem;
vertical-align: middle;
margin-right: .06rem;
}
.pay_by .pay_card_box{
color: #818181;
font-size: .12rem;
text-align: center;
margin:.15rem 0;
}
.pay_by .card_img{
width: 90%;
display: block;
margin:0 auto .24rem;
}
/* 选择其他地址 */
.choose_address_alert{
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 10;
background: #fff;
overflow-y: hidden;
display: none;
}
.choose_address_close{
width: 18px;
height: 18px;
background: url(../images/icon_down.png) no-repeat;
background-size: contain;
cursor: pointer;
position: absolute;
left: .16rem;
top: .18rem;
transform: rotate(90deg);
}
.choose_address_title{
font-size: .18rem;
text-align: center;
padding-top:.4rem;
padding-bottom: .2rem;
}
.choose_address_list{
border-top:1px solid #E6E6E6;
padding: 1% .25rem 8%;
height: 87%;
overflow-y: auto;
}
.choose_address_box{
text-align: left;
background: #fff;
padding:.13rem .28rem;
position: relative;
margin-top:.15rem;
cursor: pointer;
border: 1px solid #E6E6E6;
border-radius: 0px;
font-size: .12rem;
}
.choose_address_box .address_img{
width: .18rem;
position: absolute;
left: .07rem;
top: .15rem;
}
.choose_address_box.active{
border-color: #333333;
background: url(../images/blue_gou.png) right top no-repeat;
background-size: .32rem .34rem;
}
.Choose_another{
color: #333333;
font-size: .12rem;
float: right;
margin-bottom: .2rem;
margin-top: .2rem;
display: none;
}
.Choose_another img{
width: .11rem;
}
/* 会员地址 */
.address_cont{
background: #fff;
overflow: hidden;
margin-bottom:.18rem;
}
.address_cont .address_box{
border: 1px solid #E6E6E6;
border-radius: 6px;
padding:.13rem .2rem .1rem .28rem;
background:url("../images/address.png") .05rem .14rem no-repeat;
background-size:.2rem;
font-size: .12rem;
margin:.18rem .1rem;
}
.address_cont .address_box_top{
font-weight: 600;
margin-bottom: .1rem;
}
.address_cont .address_box_bot{
margin-top:.18rem;
overflow: hidden;
}
.address_cont .address_box_bot .edit{
color: #333333;
margin-top:.12rem;
float: right;
}
.address_cont .address_name{
margin-right: .1rem;
}
.address_cont .address_box_bot .edit .iconfont{
font-size: .12rem;
margin-right: 2px !important;
}
.address_cont .address_box_bot .edit span{
color: #333333;
}
.address_cont .address_box_bot .edit span:first-of-type{
margin-right: 10px;
}
.address_cont .address_box_bot input{
width: .16rem;
height: .16rem;
border-radius: 0px;
outline: none;
cursor: pointer;
vertical-align: middle;
margin-right: .05rem;
}
.address_cont .address_box_bot input[type=checkbox]{
margin-right: 5px;
cursor: pointer;
font-size: 14px;
position: relative;
}
.address_cont .address_box_bot input[type=checkbox]:after{
position: absolute;
width: .16rem;
height: .16rem;
top: 0;
content: " ";
color: #fff;
display: inline-block;
visibility: visible;
border-radius: 0px;
}
.address_cont .address_box_bot input[type=checkbox]:checked:after{
background: #333333 url("../images/is_check_write.png") center no-repeat;
background-size: 80%;
}
/* 评论 */
.alert_reviews{
position: fixed;
top:0;
left:100%;
width: 100%;
height: 100%;
background: #fff;
overflow-y: auto;
z-index: 10;
}
.alert_reviews h5{
font-size: .18rem;
border-bottom: 1px solid #E6E6E6;
font-weight: 500;
line-height: .56rem;
margin:0;
text-align: center;
}
.alert_reviews h5 i{
width: .3rem;
height: .3rem;
background: url(../images/icon_down.png) center no-repeat;
background-size: 65%;
position: absolute;
left: .1rem;
top: .14rem;
transform: rotate(90deg);
}
.reviews{
padding:.15rem;
}
.reviews_title{
display: flex;
justify-content: space-between;
font-size: .14rem;
margin-bottom: .1rem;
}
.write_reviews{
font-size: .12rem;
}
.write_reviews .write{
width: 1.19rem;
line-height:.23rem;
color: #333333;
border:1px solid #333333;
border-radius: 0px;
display: flex;
justify-content: center;
align-items: center;
}
.write_reviews .write img{
width: .17rem;
height:.18rem;
margin-right: .07rem;
vertical-align: middle;
margin-top: 0;
}
.reviews .sort{
display: inline-flex;
min-width: 2.1rem;
line-height: .23rem;
font-size: .12rem;
border:1px solid #818181;
border-radius: 0px;
margin-top:.14rem;
padding-left:.07rem;
}
.reviews .sort select{
border:none;
background: #fff;
}
.reviews .tool{
display: flex;
font-size: .12rem;
color: #818181;
border-bottom: 1px solid #E9E9E9;
margin-top:.2rem;
}
.reviews .tool .tool-nav{
margin-right: .2rem;
padding:0 .05rem .1rem;
}
.reviews .tool .tool-nav.active{
border-bottom: 1px solid #333333;
color: #000;
}
.reviews-lists .Reviews_content{
border-bottom: 1px solid #E9E9E9;
padding-bottom: .14rem;
}
.reviews-lists .Reviews_tt i.active{
background: url('../images/zan_after.png') right center no-repeat;
background-size: contain;
color: #333333;
}
.reviews .show_more{
width: .8rem;
line-height: .24rem;
color: #333333;
border-radius: 0px;
border:1px solid #333333;
margin:.21rem auto .13rem;
text-align: center;
font-size: .12rem;
}
.reviews_swiper{
margin-bottom: .18rem;
}
.reviews_swiper .swiper-slide{
display: flex;
align-items: center;
justify-content: center;
background: #f1f1f1;
}
.reviews_swiper .swiper-slide img{
object-fit: contain;
}
.alert_reviews_img{
width: 100%;
height: 100%;
background: #fff;
position: fixed;
left: 0;
top: 0;
z-index: 9999;
}
.reviews_img_content{
width: 75%;
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-top:.43rem;
height: 100%;
}
.reviews_img_cont .reviews_imgbox{
/* width: 56.5%; */
height:65%;
overflow-y: hidden;
}
.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; */
height: 100%;
}
.reviews_bimg_cont_swiper .swiper-slide{
background: #fff;
height: 100%;
}
.reviews_bimg_cont_swiper .swiper-slide-active{
opacity: 1 !important;
}
.reviews_bimg_cont_swiper .swiper-button-next,.reviews_bimg_cont_swiper .swiper-button-prev{
background-image:none;
top:30%;
}
.reviews_text h5{
font-size: .12rem;
display: flex;
margin:0;
font-weight: 500;
}
.reviews_text h5 span{
color: #818181;
margin-left: .1rem;
}
.reviews_text i{
display: none;
}
.reviews_text{
font-size: .12rem;
padding:.3rem .14rem 0;
}
.reviews_text .text{
margin-top:.12rem;
margin-bottom: .06rem;
}
.swiper-container.reviews_bimg_cont_swiper{
--swiper-navigation-color: #818181;/* 单独设置按钮颜色 */
--swiper-navigation-size: 25px;/* 设置按钮大小 */
height: 100%;
}
/* 写评论 */
.write_reviews{
width: 100%;
}
.write_reviews .writeCons{
display: none;
width: 100%;
margin-top:.2rem;
}
.write_reviews .writeCons.active{
display: block;
}
.write_reviews .writeCons .star{
position: static;
margin: 0 0 .15rem;
}
.write_reviews .writeCons .rev-text{
position: relative;
padding-bottom: .22rem;
}
.write_reviews .writeCons .rev-text p.errorinfo{
top: auto;
bottom: .05rem;
}
.write_reviews .writeCons .rev-text label{
font-size: .12rem;
display: block;
}
.write_reviews .writeCons .rev-text label::after{
display: inline-block;
content: '*';
color: #F87978;
font-size: .15rem;
}
.write_reviews .writeCons .rev-text textarea{
resize: none;
width:100%;
height:1.11rem;
border: 1px solid #575757;
border-radius: 0px;
margin-top:.09rem;
outline: none;
padding: .1rem;
line-height: .2rem;
font-size: .12rem;
}
.write_reviews .writeCons .tisi{
font-size: .12rem;
margin-bottom: .07rem;
}
.write_reviews .writeCons .sub_rew{
width: 100%;
line-height: .4rem;
color: #fff;
background: #333333;
font-size: .15rem;
border-radius: 0px;
text-align: center;
margin-top:.31rem;
margin-bottom: .27rem;
}
.preview{
width: .65rem;
height:.65rem;
border-radius: 0px;
border:1px dashed #575757;
background: url('../images/add_img.png') center .18rem no-repeat;
background-size: .19rem .15rem;
font-size: .12rem;
text-align: center;
position: relative;
padding-top:.39rem;
flex-shrink: 0;
}
.preview input{
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
}
.img-upload .preview input{
width:52%;
left:auto;
right:0;
}
.rev-star{
display: flex;
margin-bottom: .15rem;
}
.rev-star i{
width: .14rem;
height:.14rem;
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;
}
.img-upload .divULerror{
top:auto;
bottom: -.2rem;
}
#divUL{
display: flex;
flex-wrap: wrap;
}
#divUL .divimg{
width: .62rem;
height:.62rem;
border-radius: 0px;
margin-right: .07rem;
display: inline-block;
position: relative;
}
.divimg img{
width: .62rem;
height:.62rem;
border-radius: 0px;
}
.divimg i{
width: .15rem;
height: .15rem;
background: url(../images/remove_black.png) no-repeat;
background-size: contain;
position: absolute;
top: -.05rem;
right: -.05rem;
z-index: 1;
}
.div_url{
max-width:2.26rem;
}
.write_reviews .divimg{
width: .65rem;
height:.65rem;
border-radius: 0px;
margin-right: .1rem;
margin-bottom: 0.1rem;
display: inline-block;
position: relative;
}
.write_reviews .divimg img{
width: .65rem;
height:.65rem;
border-radius: 0px;
}
/* 配镜 */
.step_box{
background:#F7F7F7;
/* height:100%; */
overflow-y: auto;
}
.right_step_box{
display: none;
padding:0 .15rem;
position: relative;
}
.step_box .alert-close{
position: absolute;
top:.2rem;
right: .13rem;
background: url(../images/close.png) center no-repeat;
background-size: 50%;
}
.step_box h5{
font-size: .15rem;
font-weight: 500;
text-align: center;
padding:.24rem 0;
margin:0;
}
.step_box h5 span{
display: block;
font-size: .12rem;
color: #818181;
}
.step_title{
position: relative;
width: 2.04rem;
margin: 0 auto;
}
.step_spans{
display: flex;
justify-content: space-between;
}
.step_span{
display: flex;
align-items: center;
justify-content: center;
width:.2rem;
height:.2rem;
border:2px solid #D8D8D8;
border-radius: 50%;
text-align: center;
background: #FAFAFA;
z-index: 1;
}
.step_span i{
display: block;
vertical-align: middle;
width:.1rem;
height:.1rem;
background: #D8D8D8;
border-radius: 50%;
margin: .025rem auto;
}
.step_title .line{
display: flex;
justify-content: space-around;
position: absolute;
width: 100%;
top: .085rem;
}
.step_title .line span{
width: 101px;
height:.02rem;
background: #D8D8D8;
}
.right_step2_box,.right_step3_box,.right_step4_box,.right_step5_box{
/* display: none; */
padding-bottom:1rem !important;
}
.back_black{
position: absolute;
left:.13rem;
top:.25rem;
font-size: .13rem;
}
.back_black img{
width: .1rem;
vertical-align: sub;
margin-right: .08rem;
}
.prescription_type{
margin:.27rem 0;
padding-bottom: .8rem;
}
.prescription_type li{
overflow: hidden;
border:1px solid #fff;
border-radius: 6px;
background: #fff;
padding: .18rem 0 .14rem .14rem;
margin-bottom: .15rem;
cursor: pointer;
}
.prescription_type li.active{
border:1px solid #333333;
}
.prescription_type li p{
font-size: .15rem;
}
.prescription_type li span{
display: block;
font-size: .12rem;
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_box{
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
box-shadow: 5px 0px 10px 5px rgba(0, 0, 0, 0.1);
padding: .2rem .15rem;
width: 100%;
height: .84rem;
background: #fff;
font-size: .12rem;
line-height: 1.2;
position: fixed;
left: 0;
bottom: 0;
z-index: 2;
}
.step_button_text p{
color: #818181;
font-size: .12rem;
}
.step_button_text span{
font-size: .24rem;
font-weight: 600;
}
.step_button{
display: inline-flex;
align-items: center;
justify-content: center;
height: .43rem;
width: 1.5rem;
line-height: 1.2;
border-radius: 0px;
text-align: center;
background:#DDDDDD;
color: #fff;
font-size: .14rem;
cursor: not-allowed;
font-weight: 600;
}
.step_button.active{
background:#333333;
cursor: pointer;
}
.product_right .right_step2_box h5{
padding-bottom: 0px;
}
.my_prescription{
width:2.5rem;
margin:10px auto;
font-size: 16px;
color: #2974BF;
position: relative;
}
.my_prescription p{
width: 80%;
margin: .2rem auto 0 !important;
text-align: center;
border-bottom: 1px solid #D8D8D8;
cursor: pointer;
font-size: .12rem;
display: flex;
justify-content: center;
align-items: center;
}
.my_prescription p span{
width: 100%;
z-index: 2;
}
.my_prescription p img{
width: .1rem;
height: .05rem;
margin-left: -.09rem;
display: none;
}
.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: #333333;
}
/* step1 */
.step_title1 .step_span:nth-of-type(1){
border:2px solid #333333;
}
.step_title1 .step_span:nth-of-type(1) i{
background: #333333;
}
/* step2 */
.right_step2_box{
padding:0;
}
.step_title2 .step_span:nth-of-type(1){
border:2px solid #333333;
background: #333333 url('../images/is_check_write.png') center no-repeat;
background-size: 70%;
}
.step_title2 .step_span:nth-of-type(1) i{
display: none;
}
.step_title2 .step_span:nth-of-type(2){
border:2px solid #333333;
}
.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: #333333;
}
.step2_prescription_table{
display: block;
text-align: left;
}
.step2_prescription_table1{
margin-top:.23rem;
padding-top:.25rem;
border-top: 1px solid #D8D8D8;
margin-left: .15rem;
/* margin-right: .15rem; */
width: 95%;
}
.step2_prescription_table td{
border-bottom: none;
height: .36rem;
padding: 0;
margin-bottom: .25rem;
display: inline-block;
text-align: center;
position: relative;
}
.step2_prescription_table td.td_tit{
width: .55rem;
}
.step2_prescription_table td.td_tit:first-of-type{
text-align: left;
}
.step2_prescription_table td.td_tit span{
display: block;
}
.step2_prescription_table td:nth-of-type(n+2){
width: .966rem;
}
.step2_prescription_table td select{
border:none;
width: 90%;
height: 100%;
background: #fff;
outline: none;
border-left: none;
color: #575757;
padding:0 10px;
border-radius: 6px;
}
.step2_prescription_table td div{
width: 90%;
height: 100%;
background: #fff;
border-radius: 6px;
padding: 0 10px;
margin: 0 auto;
text-align: left;
line-height: .36rem;
}
.step2_prescription_table td div.noclick{
color: #D9D9D9;
}
.step2_prescription_table td div::after{
content:'';
width: .15rem;
height: .15rem;
background: url(../images/icon_down.png) center no-repeat;
background-size: contain;
position: absolute;
top: .1rem;
right: .1rem;
}
.pd_box{
background: #ECECEC;
overflow: hidden;
padding: .25rem .15rem;
}
.td_pd_tit{
line-height: .36rem;
}
.pd_ckeckbox{
font-size: .12rem;
}
.pd_ckeckbox input,.prism_ckeckbox input{
width: .16rem;
height:.16rem;
vertical-align: middle;
margin-right: .07rem;
}
.pd_ckeckbox span{
color: #333333;
margin-left: 13px;
text-decoration: underline;
}
.prism_ckeckbox{
margin:.26rem .15rem;
font-size:.12rem;
}
.prism_ckeckbox i{
font-weight: 600;
}
.step2_prescription_table2{
padding: 0 .15rem;
display: block;
}
.step2_prescription_table2 td:nth-of-type(n+2){
width: 1.44rem;
line-height: .36rem;
}
.step2_prescription_table2 tr:nth-of-type(1) .td_tit,.step2_prescription_table2 tr:nth-of-type(4) .td_tit{
margin-bottom: 0;
}
.save_ckeckbox{
margin-left: .15rem;
font-size: .12rem;
margin-bottom:.1rem;
}
.update_ckeckbox{
margin-left: .15rem;
font-size: .12rem;
display: none;
}
#save_prescription,#update_prescription{
width: .16rem;
height:.16rem;
vertical-align: middle;
margin-right: .07rem;
}
.save_ckeckbox .save_name{
width: 1.8rem;
border:none;
border-bottom: 1px solid #A0A0A0;
background: transparent;
font-size: .12rem;
height: 30px;
display: none;
}
.unable_make{
margin-top:.14rem;
font-size: .12rem;
text-align: center;
padding-bottom: 1.1rem;
display: none;
}
.unable_make span{
color: #333333;
margin-left: 15px;
display: block;
text-decoration: underline;
margin-top:.15rem;
}
.alert_how_pd,.alert_message{
display: none;
}
.alert_how_pd_content,.alert_allowed_content,.alert_step5_agree_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{
font-size: 30px;
padding-bottom: 30px;
margin-top:45px;
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{
position: absolute;
right: 30px;
top:30px;
margin:0;
}
.alert_how_pd_cont{
margin:.0 .15rem;
font-size: .12rem;
padding-top: 1rem;
}
.alert_how_pd_cont p{
font-weight: 600;
margin-bottom: .07rem !important;
}
.alert_how_pd_cont span{
margin-bottom: .2rem;
display: block;
}
.measure_text_box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.measure_text{
width: 48%;
margin-bottom: .15rem;
background: #F7F7F7;
padding:.1rem 0 .05rem .09rem;
/* line-height: 20px; */
font-size: .12rem;
border-radius: 0px;
}
.measure_text p{
font-weight: 500;
margin-bottom:.03rem !important;
padding-right:.3rem;
}
.measure_text span{
color: #666666;
margin-bottom: .05rem;
}
.measure_text img{
width: 1.14rem;
}
.measure_text a{
display: block;
background: #333333;
color: #fff;
text-align: center;
line-height: .24rem;
border-radius: 0px;
display: flex;
justify-content: center;
align-items: center;
font-size: .12rem;
margin-top: .25rem;
margin-right: .1rem;
}
.measure_text a .iconfont{
margin:0 0 0 8px;
font-size: .12rem;
color: #fff;
font-weight: 600;
}
.measure_text img{
display: block;
}
.measure_text.text1{
background:#F7F7F7 url('../images/pd1.png') right top no-repeat;
background-size: .37rem .34rem;
}
.measure_text.text2{
background:#F7F7F7 url('../images/pd2.png') right top no-repeat;
background-size: .37rem .34rem;
}
.measure_text.text3{
background:#F7F7F7 url('../images/pd3.png') right top no-repeat;
background-size: .37rem .34rem;
}
.measure_text.text4{
background:#F7F7F7 url('../images/pd4.png') right top no-repeat;
background-size: .37rem .34rem;
}
.measure_text.text5{
background:#F7F7F7 url('../images/pd5.png') right top no-repeat;
background-size: .37rem .34rem;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding-right: .18rem;
}
.alert_message_content{
width: 43%;
max-height: 85%;
overflow: auto;
border: 1px solid #E6E6E6;
background: #fff;
padding: 20px 0px 0;
margin: 3% auto 0;
position: relative;
}
.alert_message_cont{
margin:.2rem .3rem .42rem;
}
.alert_message_cont .rev-text{
position: relative;
padding-bottom: .2rem;
}
.alert_message_cont .rev-text p.errorinfo{
top: auto;
bottom: .03rem;
}
.alert_message_cont .rev-text label{
font-size: .15rem;
display: block;
}
.alert_message_cont .rev-text label::after{
display: inline-block;
content: '*';
color: #F87978;
font-size: .18rem;
}
.alert_message_cont .rev-text textarea{
resize: none;
width:3.15rem;
height:.51rem;
border: 1px solid #575757;
border-radius: 0px;
margin-top:.1rem;
outline: none;
padding: .1rem;
font-size: .14rem;
}
.alert_message_cont .query-text textarea{
height:.75rem;
}
.alert_message_cont .tisi{
font-size: .15rem;
margin-bottom: .1rem;
}
.alert_message_cont .tisi::after{
display: inline-block;
content: '*';
color: #F87978;
font-size: .18rem;
}
.alert_message_cont .preview{
width: .75rem;
height:.75rem;
background: url(../images/add_img.png) center .18rem no-repeat;
background-size: .19rem .15rem;
padding-top: .39rem;
display: inline-block;
}
.alert_message_cont .sub_message{
width: 100%;
line-height: .4rem;
color: #fff;
background: #333333;
font-size: .15rem;
border-radius: 0px;
text-align: center;
margin-top: .2rem;
margin-bottom: .42rem;
}
.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_table2{
display: none;
}
/* step3 */
.step_title3 .step_span:nth-of-type(1),.step_title3 .step_span:nth-of-type(2){
border:2px solid #333333;
background: #333333 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 #333333;
}
.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: #333333;
}
.step_box .product_left img.icon_dn{
width: 15px;
margin-top:42px;
cursor: pointer;
}
.step_box .product_left img.icon_dn.active{
transform: rotate(180deg);
}
.step_lensbox{
margin: .27rem 0;
padding-bottom: .8rem;
}
.step_lensbox li{
border-radius: 6px;
border:1px solid #fff;
background: #fff;
padding: .18rem .15rem .13rem;
margin-bottom: .15rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.step_lensbox li.active{
border-color: #333333;
}
.lens_text p{
font-size: .15rem;
}
.lens_text span{
color: #818181;
font-size: .12rem;
display: block;
}
.lens_text span.lens_more{
color: #333333;
}
.lens_price{
font-size: .18rem;
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;
}
.alert_More_cont{
padding:.17rem .53rem .2rem;
font-size: .12rem;
padding-top: 1rem;
}
.alert_More_cont p{
}
.alert_More_cont span{
color: #818181;
}
.alert_More_cont img{
width: 100%;
margin:.16rem 0;
}
.alert_More_cont ul li{
line-height: .24rem;
}
.alert_More_cont ul li::before{
content: '';
width: .1rem;
height: .08rem;
background: url(../images/is_check.png) no-repeat;
background-size: contain;
display: inline-block;
vertical-align: middle;
margin-right: .07rem;
}
/* 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 #333333;
background: #333333 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 #333333;
}
.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: #333333;
}
.lens_price span{
color: #818181;
font-size: .12rem;
display: block;
line-height: .1rem;
display: none;
}
.alert_lensIndex_more_content{
margin: 12% 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: .21rem;
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: .32rem .32rem;
}
.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: .38rem;
margin-right: .14rem;
}
.pro_li.pro_li4 p .lens_price{
color: #000;
font-size: 18px;
}
.step_lensIndexbox li .lensIndex_top{
padding: .13rem .15rem;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.step_lensIndexbox li .lensIndex_bot{
padding:.18rem .2rem;
border-top:1px solid #D8D8D8;
line-height: .3rem;
color: #818181;
font-size: .12rem;
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 img{
width: .21rem;
vertical-align: middle;
margin: 0;
margin-right: .07rem;
}
.step_lensIndexbox li .lensIndex_bot p span{
display: none;
}
.step_lensIndexbox li .lensIndex_bot .no_dis{
color: #000;
}
.step_lensIndexbox li .lensIndex_bot label{
display: flex;
justify-content: space-between;
align-items: center;
}
.step_lensIndexbox li .lensIndex_bot .no_dis label{
width: 100%;
display: block;
}
.step_lensIndexbox li .lensIndex_bot .no_dis span{
display: block;
float: right;
}
.step_lensIndexbox li .lensIndex_bot input{
width: .16rem;
height: .16rem;
border-radius: 0px;
margin-right: .1rem;
vertical-align: middle;
background: red;
position: relative;
border-color:#DCDCDC;
}
.step_lensIndexbox li .lensIndex_bot input[type=checkbox]:checked::after{
content: ' ';
position: absolute;
top: 0;
left:0;
background: #333333 url('../images/is_check_write.png') center no-repeat;
background-size:75%;
color: #000;
width: .16rem;
height: .16rem;
display: inline-block;
visibility: visible;
text-align: center;
border-radius: 0px;
}
.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;
background-size:75%;
color: #000;
width: .16rem;
height: .16rem;
display: inline-block;
visibility: visible;
text-align: center;
border-radius: 0px;
}
.alert_lensIndex_more_cont{
padding:.2rem .27rem;
padding-top: 1rem;
}
.alert_lensIndex_more_cont h6{
margin:0;
font-size: .12rem;
font-weight: 500;
}
.alert_lensIndex_more_cont span{
font-size: .12rem;
}
.alert_lensIndex_more_cont .ul_tit{
margin-top:.1rem;
margin-bottom: 0;
font-size: .12rem;
}
.alert_lensIndex_more_cont ul li{
line-height: .23rem;
}
/* step4 end */
.step_title4_end .step_span{
border:2px solid #333333;
background: #333333 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: #333333;
}
.right_step4_end_box{
padding-bottom: .9rem;
}
.right_step4_end_box .frames_box{
margin:.15rem 0;
border:1px solid #fff;
border-radius: 6px;
background: #fff;
padding:.11rem .14rem .18rem;
font-size: .15rem;
position: relative;
overflow: hidden;
}
.right_step4_end_box .frames_box img{
width: 2.26rem;
}
.right_step4_end_box .frames_box.active{
border-color: #333333;
}
.right_step4_end_box .no_frames{
padding:.29rem .14rem;
margin-top:.3rem;
}
.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: .18rem;
}
.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;
}
.pro_li.pro_li4_end .pro_p_text span{
margin-top:0;
}
.noclick{
pointer-events: none;
}
/* step5 */
.step_title5{
width: 72.8%;
}
.step_title5 .step_span{
border:2px solid #333333;
background: #333333 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: #333333;
}
.step_title5 .step_span:nth-of-type(5){
border: 2px solid #D8D8D8;
background: #FAFAFA;
}
.step_title5 .step_span:nth-of-type(5) i{
display: block;
}
.step_title5 .step_span:nth-of-type(5){
border:2px solid #333333;
}
.step_title5 .step_span:nth-of-type(5) i{
background: #333333;
}
.limit_input h6{
font-size: .15rem;
padding-top:.38rem;
padding-bottom: .15rem;
font-weight: 500;
margin: 0;
}
.limit_input h6 i{
font-size: .12rem;
display: block;
}
.limit_input input{
display: block;
width: 100%;
height:.4rem;
line-height: .4rem;
border:1px solid #D8D8D8;
background: #fff;
padding-left: 3%;
font-size: .12rem;
}
.limit_input input.error_active{
border: 1px solid #F87978;
}
.limit_input .p{
display: flex;
justify-content: space-between;
font-size: .12rem;
margin-top:.08rem !important;
}
.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: .15rem;
margin-left: 5px;
color: #333333;
vertical-align: middle;
}
.right_step5_box .frames_words{
margin-top:.25rem;
}
.words_title{
display: flex;
}
.words_title span{
width: 50%;
text-align: center;
padding-bottom: 12px;
border-bottom:2px solid #D8D8D8;
font-size: .12rem;
cursor: pointer;
}
.words_title span.active{
border-color: #333333;
}
.fonts_box .swiper-slide{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
font-size: .12rem;
}
.fonts_box .swiper-slide span{
width: 1.07rem;
line-height: .4rem;
text-align: center;
border:1px solid #D8D8D8;
border-radius: 6px;
background: #fff;
margin-top:.2rem;
}
.fonts_box .swiper-slide span.active{
border-color: #333333;
}
.fonts_box .swiper-slide span:nth-child(n+4){
width: 1.67rem;
}
.fonts_box .swiper-slide i{
width: .22rem;
height:.22rem;
line-height:.22rem;
border:1px solid #D8D8D8;
border-radius: 50%;
background: #fff;
text-align: center;
margin-top:.13rem;
margin-right: .42rem;
text-transform: uppercase;
font-size: .12rem;
}
.fonts_box .swiper-slide i.lowercase{
text-transform:lowercase;
}
.fonts_box .swiper-slide i:nth-child(6n){
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;
background-image:none;
}
.fonts_swiper .swiper-button-prev{
top:95%;
left: 0;
background-image:none;
}
.fonts_swiper.swiper-container{
--swiper-theme-color: #333333;
--swiper-navigation-color: #333333;/* 单独设置按钮颜色 */
--swiper-navigation-size: .16rem;/* 设置按钮大小 */
}
.fonts_swiper .swiper-wrapper{
padding-bottom: .53rem;
}
.fonts_swiper .swiper-pagination{
display: flex;
justify-content: center;
}
.fonts_swiper .swiper-pagination-bullet{
width: .06rem;
height:.06rem;
margin: 0 .045rem !important;
display: block;
}
.upper_lower{
position: absolute;
right: 0;
bottom:-.4rem;
display: flex;
}
.upper_lower em{
width: .22rem;
height: .22rem;
line-height: 30px;
border: 1px solid #D8D8D8;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
}
.upper_lower em .iconfont {
color: #333333;
font-size: .12rem;
font-weight: 600;
border: none;
width: auto;
margin-top: 0px;
line-height: normal;
}
.upper_lower em.uppercase{
transform: rotate(180deg);
margin-right: .12rem;
}
.right_step5_box .frames_img{
border:1px solid #D8D8D8;
background: #fff;
margin-top:.22rem;
position: relative;
margin-bottom: 1.1rem;
}
.frames_img img{
width: 3.18rem;
margin-top: .21rem;
margin-left: .25rem;
display: block;
}
.frames_img span{
font-size: .12rem;
transform: rotate(-18deg);
position: absolute;
width: 1rem;
text-align: center;
}
.frames_img .out_img{
width: 3.43rem;
margin-left: 0;
}
.frames_img span#insilde{
top: .5rem;
left: .9rem;
}
.frames_img span#outsilde{
transform: rotate(-16deg);
top: .58rem;
right: 1.2rem;
}
.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: .34rem;
height:.34rem;
border-radius: 50%;
margin-right: .43rem;
margin-bottom: 37px;
border:1px solid transparent;
cursor: pointer;
}
.colors_box span.active{
border-color: #333333;
}
.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('//m.varoche.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:.21rem .26rem .19rem;
font-size: .12rem;
}
.alert_allowed_cont span{
display: block;
margin-bottom: .2rem;
}
.alert_step5_agree{
display: none;
}
.alert_step5_agree_cont{
padding:.1rem .24rem .37rem;
font-size: .12rem;
}
.alert_step5_agree_cont .alert-close{
width: 18px;
top: 20px;
}
.alert_step5_agree_cont p{
padding:0 .26rem;
margin:0 auto .27rem !important;
text-align: center;
}
.alert_step5_agree_cont p span{
color: #333333;
text-decoration: underline;
}
.alert_step5_agree_cont h6{
font-size: .15rem;
font-weight: 600;
text-align: center;
margin:0 0 .14rem;
}
.read_terms{
display: none;
}
.alert_step5_agree_cont .read_terms div{
margin-bottom: .24rem;
}
.alert_step5_agree_cont .agree_btn{
display: block;
width: .8rem;
line-height: .24rem;
border-radius: 0px;
text-align: center;
background: #333333;
color: #fff;
margin: 0 auto;
}
.right_step1_box{
display: block;
}
.pres_pro_box{
background: #F2F2F2;
}
.pres_pro{
padding:.18rem .11rem .14rem;
background: #fff;
overflow: hidden;
margin-bottom: .18rem;
}
.pres_pro .tool span{
color: #333333;
margin-left: .1rem;
}
.pres_pro .tool img{
width: .17rem;
vertical-align: middle;
}
.pres_pro .tool{
margin-top:.07rem;
margin-right: .05rem;
}
.pres_pro table{
margin-bottom: .08rem;
}
.edit_pres_box .step2_prescription_table1{
border-top:none;
padding-top:0;
}
.edit_pres_box .step2_prescription_table td div{
background:#F2F2F2;
}
.edit_pres_box .step2_prescription_table td div.PD_box{
background: #fff;
}
.edit_pres_box .step2_prescription_table tr:nth-child(1) td,.edit_pres_box .step2_prescription_table tr:nth-child(4) td{
margin-bottom: .14rem;
}
.edit_pres_box .save_ckeckbox .save_name{
display: inline-block;
margin-top:0;
height: .4rem;
}
.save_my_pres ,.edit_my_pres .pd_ckeckbox{
margin-top:.05rem;
}
.save_my_pres ,.edit_my_pres{
width: 92%;
line-height: .44rem;
font-size: .15rem;
font-weight: 600;
margin:.38rem auto;
}
.alert_table_cont{
padding:0 .15rem .4rem;
}
.alert_step2_table .alert-close{
display: none;
}
.alert_step2_table .alert_condet{
padding-top:.25rem;
}
.alert_step2_table h5{
font-size: .18rem;
font-weight: 500;
padding:0 .15rem .14rem;
}
.alert_step2_table h5 span{
color: #818181;
float: left;
}
.alert_step2_table h5 span.ok_span{
color: #333333;
float: right;
}
.alert_table_cont table{
margin-top:.2rem;
}
.alert_table_cont table td{
width: 20%;
text-align: center;
padding: 0;
height:.36rem;
border: 1px solid #e0e0e0;
}
.alert_table_cont table:nth-child(2) tr:nth-child(1) td{
height: .51rem;
padding: 0 .05rem;
}
.alert_table_cont table tr:nth-child(1) td,.alert_table_cont table tr td:nth-child(1){
font-weight: 600;
}
.alert_table_cont table td span{
color: #818181;
display: block;
font-weight: 500;
}
.alert_table{
display: none;
}
.orders_cont_title{
display: flex;
justify-content: space-around;
background: #fff;
height: .4rem;
align-items: center;
margin-bottom: .2rem;
border-top:1px solid #E6E6E6;
}
.orders_cont_title span.active{
font-weight: 600;
border-bottom: 1px solid #000;
}
.order_cont{
margin:0 .15rem;
}
.orders_cont_list{
display: none;
}
.orders_cont_list_all{
display: block;
}
.order_box{
padding:.1rem .09rem;
}
.order_box_up{
display: flex;
justify-content: space-between;
background: #F6F6F6;
line-height: .22rem;
padding: 0 .05rem;
}
.order_box_up p span{
margin-right: .15rem;
color: #000;
}
.order_box_up i{
color: #818181;
}
.order_box .order_box_a{
display: flex;
align-items: center;
font-size: .12rem;
padding:.2rem 0;
border-bottom: 1px solid #D5D5D5;
}
.order_box .order_box_a img{
width: 1.21rem;
margin-right: .12rem;
}
.orders_cont_text{
flex: 1;
}
.orders_cont_text p{
line-height: .16rem;
}
.orders_cont_text div{
display: flex;
justify-content: space-between;
margin-top: .12rem;
}
.orders_cont_text div span{
color: #000;
}
.order_box .prosub{
margin:.2rem 0;
display: flex;
justify-content: space-between;
font-weight: 600;
}
.order_box .order-btns{
display: flex;
justify-content: flex-end;
}
.order_box .order-btns a{
width: .78rem;
line-height: .22rem;
color: #333333;
border:1px solid #333333;
text-align: center;
font-size: .12rem;
margin-left: .05rem;
}
.order_box .order-btns a:first-of-type{
margin-left: 0;
}
.shopping-cart-ab{
display: flex;
justify-content: space-between;
padding:0 .1rem;
border-bottom: 1px solid #E2E2E2;
line-height: .35rem;
background: #fff;
}
.shopping-cart-ab .iconfont{
font-size: .12rem;
}
.cart_product{
font-size: .12rem;
margin:0 .14rem;
}
.cart_pro_list .thead{
background: #F6F6F6;
display: flex;
justify-content: space-between;
align-items: center;
margin:.13rem .1rem 0;
line-height: .25rem;
padding-left: .02rem;
padding-right: .06rem;
}
.cart_pro_list .thead p{
background: #333333;
color: #fff;
width: .64rem;
line-height: .16rem;
border-radius: 3px;
text-align: center;
}
.cart_img p{
background: #F6F6F6;
text-align: center;
line-height: .15rem;
}
.shop_cart_noready .cart_cont li, .shop_cart_noready .qty_box, .shop_cart_noready .cart_subtotal p{
pointer-events: none;
opacity: .3;
}
.alert_move_wish{
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2000;
background: rgba(0,0,0,.3);
}
.alert_move_wish .thin_box,.alert_move_wish .alert_cart_prescription,.alert_move_wish .alert_gift_box .icon_dn,.alert_move_wish .alert_move_wish_box li h5{
display: none;
}
.alert_move_wish .cart_table{
display: block;
}
.alert_move_wish .alert_cart_cont{
padding: 0;
}
.alert_move_wish .Prescription_table{
margin-top: .05rem;
}
.alert_move_wish .cart_cont_bottom.cart_cont{
padding:.2rem .09rem .02rem;
}
.alert_move_wish .no_icon{
padding-right: 0;
}
.alert_move_wish_box{
width: 100%;
height: 100%;
overflow-y: hidden;
background: #F7F7F7;
position: absolute;
bottom: 0;
left: 0;
font-size: .12rem;
padding-bottom: .45rem;
}
.alert_move_wish_box h5{
margin:0;
font-size: .15rem;
font-weight: 600;
padding:.14rem;
text-align: center;
background: #fff;
}
.alert_move_wish_box h5 p{
color: #818181;
font-size: .12rem;
}
.alert_move_wish_list{
padding:0;
margin:.18rem .1rem 0;
overflow-y: auto;
margin-bottom: .4rem;
height: calc(100% - 1rem);
}
.move_wish_cont{
background: #fff;
padding:.14rem .18rem 0;
border-top:.08rem solid #F6F6F6;
}
.move_wish_cont:first-child{
border-top:none;
}
.move_wish_cont .move_wish_top{
border-bottom: 1px solid #E2E2E2;
display: flex;
align-items: center;
}
.move_wish_cont .move_wish_img{
width: 1.21rem;
height:1.21rem;
margin-right: .16rem;
flex-shrink: 0;
}
.move_wish_cont .move_wish_img img{
width: 100%;
margin-top:25%;
}
.move_wish_cont .move_wish_img.accessory img{
margin-top:0%;
}
.move_wish_cont .move_wish_img.CleaningCloth img,.move_wish_cont .move_wish_img.Pouch img,.move_wish_cont .move_wish_img.GlassesCase img{
margin-top:0%;
}
.move_wish_cont div.p p {display: none;}
.move_wish_cont div.p h5 {font-weight: normal;margin: 0px;}
.move_wish_text{
line-height: .2rem;
}
.move_wish_bottom{
padding-bottom: .2rem;
}
.move_wish_bottom li{
margin-top:.16rem;
display: flex;
justify-content: space-between;
}
.move_wish_bottom li span{
width: 30%;
font-weight: 600;
}
.move_wish_bottom li span:first-child{
width: 38%;
font-weight: 500;
}
.move_wish_bottom li span:last-child{
width: 20%;
text-align: right;
font-weight: 500;
}
.move_wish_img{
position: relative;
}
.move_wish_img p{
background: rgba(0, 0, 0, .25);
line-height: .16rem;
position: absolute;
bottom: .05rem;
left: 0;
margin: 0;
width: inherit;
font-size: .12rem;
color: #fff;
text-align: center;
width: 100%;
}
.move_wish_btns{
font-size: .13rem;
font-weight: 600;
text-align: center;
position: fixed;
width: 100%;
bottom: 0;
left: 0;
box-shadow: -2px -2px 10px 4px rgb(0 0 0 / 10%);
display: flex;
justify-content: space-between;
color: #fff;
line-height: .42rem;
z-index: 1;
}
.move_wish_btns_box{
color: #fff;
line-height: .42rem;
display: flex;
justify-content: space-between;
font-weight: 600;
}
.move_wish_btn{
background: #333333;
color: #fff;
width: 50%;
}
.delete_btn{
background: #fff;
color: #333333;
width: 50%;
border: 1px solid #333333;
}
.alert_move_wish_list .cart_pro_box:nth-last-child(1){
border-bottom: none;
}
.alert_move_wish .subtotal_box .qty_box{
border: none;
}
.all_select{
display: flex;
justify-content: space-between;
background: #fff;
padding:0 .18rem;
line-height: .45rem;
}
.all_select input,.not_need input,.alert_logo_head input{
width: .18rem;
height: .18rem;
margin-right: .1rem;
vertical-align: text-bottom;
}
.alert_move_wish .cart_pro_box_top input,.all_select input{
width: .16rem;
height: .16rem;
border: 1px solid #969696;
margin-right: .07rem;
}
.alert_move_wish .cart_pro_box_top input[type=checkbox]::after,.all_select input[type=checkbox]::after{
width: .16rem;
height: .16rem;
content: " ";
color: #fff;
display: inline-block;
visibility: visible;
border-radius: 0px;
}
.alert_move_wish .cart_pro_box_top input[type=checkbox],.all_select input[type=checkbox]{
width: .16rem;
height: .16rem;
content: " ";
color: #fff;
display: inline-block;
visibility: visible;
border-radius: 0px;
}
.alert_move_wish .cart_pro_box_top input[type=checkbox]:checked::after,.all_select input[type=checkbox]:checked::after{
background: #333333 url(../images/is_check_write.png) center no-repeat;
background-size: 70%;
margin-top: -1px;
margin-left: -1px;
}
.pay_form{
position: relative;
padding: .29rem 0 .05rem;
display: none;
}
.pay_form .cart_close{
top: 0;
right: 0;
}
.pay_form .pay_form_box{
border: 1px solid #C6C6C6;
background: #F6F6F6;
padding:.23rem .1rem;
border-radius: 6px;
}
.pay_form .form_flex{
display: flex;
justify-content: space-between;
}
.pay_form_box .input_box{
margin-bottom: .25rem;
position: relative;
}
.pay_form .pay_form_box input{
width: 100%;
height: .34rem;
padding:0 2%;
font-size: .12rem;
border: 1px solid #C1C1C1;
border-radius: 0px;
display: block;
background: #fff;
}
.pay_form .pay_form_box input[type=checkbox]{
position: relative;
}
.pay_form .pay_form_box label{
font-size: .12rem;
margin-bottom: .08rem;
display: block;
}
.pay_form .pay_form_box .errorinfo{
top: .62rem;
font-size: .12rem !important;
}
.pay_form .form_flex input{
padding:0 4%;
width: 100%;
}
.pay_form .form_flex .input_box{
width: 48%;
}
.Save_pay{
display: flex;
align-items: center;
}
.pay_form .Save_pay label{
margin-bottom: 0;
margin-left: .06rem;
font-size: .12rem;
}
.pay_form .Save_pay input[type=checkbox]::after{
width: .15rem;
height: .15rem;
content: " ";
color: #fff;
display: inline-block;
visibility: visible;
border-radius: 0px;
}
.pay_form .Save_pay input[type=checkbox]{
width: .15rem;
height: .15rem;
content: " ";
color: #fff;
display: inline-block;
visibility: visible;
border-radius: 0px;
}
.pay_form .Save_pay input[type=checkbox]:checked::after{
background: #333333 url(../images/is_check_write.png) center no-repeat;
background-size: 70%;
margin-top: 0px;
margin-left: 0px;
position: absolute;
left: 0;
}
.pay_bttn{
background: #171717;
color: #fff;
line-height: .34rem;
border-radius: 0px;
font-size: .12rem;
text-align: center;
margin-top: .25rem;
}
.pay_bttn img{
width: 13px;
margin-right: 9px;
vertical-align: middle;
}
.order_btns{
position: fixed;
background: #fff;
width: 100%;
height: .88rem;
left: 0;
bottom: 0;
box-shadow: 0rem 0rem 0rem 0rem rgba(148, 148, 148, 0.1);
margin: 0;
display: block;
padding:.15rem .14rem .12rem;
z-index: 1;
}
.order_btns p{
font-size: .15rem;
}
.order_btns p span{
font-weight: 600;
}
.order_btns div{
display: flex;
justify-content: space-between;
margin-top: .1rem;
}
.order_btns div a{
width: 1.11rem;
line-height: .3rem;
border: 1px solid #333333;
text-align: center;
}
.track_cont{
background: #fff;
font-size: .12rem;
margin:.2rem .15rem 0;
padding:.2rem .09rem 0 .09rem;
}
.track_text em{
font-weight: 600;
}
.track_text i{
color: #333333;
}
#copy_text::selection{
background:transparent;
}
.track_details{
margin-top: .2rem;
border-top: 1px solid #D5D5D5;
padding-top:.2rem;
display: flex;
justify-content: space-between;
}
.track_details .left{
margin-right: .07rem;
}
.track_details .left i{
display: block;
width: .08rem;
height: .08rem;
border-radius: 50%;
background: #D8D8D8;
margin-bottom: 5px;
}
.track_details .left div:last-of-type i{
background: #333333;
}
.track_details .left span{
display: block;
width: 1px;
height: 92px;
background: #D8D8D8;
margin-left: 3px;
margin-bottom: 5px;
}
.track_details_date{
display: flex;
}
.track_details_date p{
margin-right: .05rem !important;
}
.track_details_step{
margin-top: .08rem;
}
.track_details_step h4{
margin: 0;
}
.track_details_step p{
color: #818181;
}
.track_details_box{
padding-bottom: .45rem;
border-left: 1px solid #D8D8D8;
padding-left:.1rem;
position: relative;
}
.track_details_box i{
/* width: .15rem;
height: .15rem;
background: url(../images/dgray.png) no-repeat; */
width: 0.18rem;
height: 0.18rem;
background: #d8d8d8;
border: 0.05rem solid #f7f7f7;
border-radius: 50%;
box-sizing: border-box;
background-size: cover;
position: absolute;
top: 0;
left: -.09rem;
}
.track_details_box_1 i{
background: url(../images/dgray1.png) no-repeat;
background-size: cover;
}
.track_details_box:last-of-type{
border-left: none;
}
.track_details_box:last-of-type i{
/* background: url(../images/dblue.png) no-repeat;
background-size: cover; */
background: #333333;
}
.track_details_box_1:last-of-type i{
background: url(../images/dblue1.png) no-repeat;
background-size: cover;
}
.track_details_box_1_active i {
background: url(../images/dblue1.png) no-repeat;
background-size: cover;
}
.reviews_cont{
margin:.2rem .15rem .4rem;
}
.right_review{
border-top: 1px solid #D5D5D5;
margin:0 .1rem;
}
.reviews_cont_box{
margin-bottom:.11rem;
background: #fff;
}
.reviews_cont_box .write_reviews .writeCons{
display: block;
border-top: none;
margin-top: 0;
padding-top: 10px;
}
.reviews_cont_box .write_reviews{
padding-bottom: .2rem;
}
.reviews_cont_box .cart_cont_bottom.cart_cont{
padding-left: 0;
padding-right: 0;
}
.review_star_box{
margin-bottom: 0;
}
.reviews_detail{
font-size: .12rem;
padding-top: .2rem;
overflow: hidden;
}
.reviews_detail .imgs{
margin-top: .12rem;
}
.reviews_detail img{
width: .63rem;
height: .63rem;
margin-right: .04rem;
}
.reviews_cont .sub_rew{
width: 100%;
line-height: .4rem;
color: #fff;
background: #333333;
font-size: .15rem;
border-radius: 0px;
text-align: center;
margin-top: .31rem;
margin-bottom: .27rem;
}
.du360_content{
width: 100%;
margin: 50% auto 0;
height: 1.88rem;
position: relative;
}
.du360_alert_close{
float: none;
position: absolute;
right: 0;
top: 0;
z-index: 2;
background: url(../images/close.png) center no-repeat;
background-size: 50%;
}
.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:.14rem;
z-index: 2;
font-size: .12rem;
}
.alert_zoom{
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 1);
top:0;
left: 0;
z-index: 9999;
}
.alert_zoom i{
position: absolute;
top:.15rem;
right:.1rem;
width: .3rem;
height: .3rem;
background: url(../images/alert-close_write.png) center no-repeat;
background-size: 65%;
z-index: 999;
}
.alert_zoom .swiper-container{
height: 100%;
display: flex;
align-items: center;
}
.alert_zoom .swiper-wrapper{
height: auto;
}
.alert_zoom .swiper-container-horizontal>.swiper-pagination{
font-size: .12rem;
bottom:5%;
color: #fff;
font-weight: 600;
}
.swiper-zoom-container{
display: flex;
}
.prescription_from{
display: none;
}
/* 列表页筛选栏色块显示 */
.filter-list-cont.frame_color li,.filter-list-cont.lens_color li{
flex-direction: inherit;
justify-content: left;
padding-left: .08rem;
}
.filter-list-cont.frame_color li .color_position,.filter-list-cont.lens_color li .color_position{
display: inline-block;
width:.17rem;
height:.17rem;
vertical-align: middle;
border-radius: 50%;
margin-right: .07rem;
flex-shrink: 0;
}
.filter-list-cont.frame_color li.Black .color_position{
background: url('../images/Black.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li.Glitter .color_position{
background: url('../images/Glitter.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li.Orange .color_position{
background: url('../images/Orange.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li.Red .color_position{
background: url('../images/Red.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li.Blue .color_position{
background: url('../images/Blue.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li.Gold .color_position{
background: url('../images/Gold.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li.Silver .color_position{
background: url('../images/Silver.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li.Grey .color_position{
background: url('../images/Grey.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li.White .color_position{
background: url('../images/White.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li.Yellow .color_position{
background: url('../images/Yellow.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li.Pink .color_position{
background: url('../images/Pink.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li.Green .color_position{
background: url('../images/Green.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li.Purple .color_position{
background: url('../images/Purple.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li.Tortoiseshell .color_position{
background: url('../images/Tortoiseshell.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li.Brown .color_position{
background: url('../images/Brown.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li.Pattern .color_position{
background: url('../images/Pattern.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li:nth-last-child(3) .color_position{
background: url('../images/Gun-Metal.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li.Translucent .color_position{
background: url('../images/Translucent.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li:last-of-type .color_position{
background: url('../images/Wood-Texture.png') no-repeat;
background-size: contain;
}
.filter-list-cont.frame_color li:nth-child(n + 16),.filter-list-cont.lens_color li:nth-child(n + 10){
/* width: 1.35rem; */
}
.filter-list-cont.frame_color li:nth-child(16),.filter-list-cont.frame_color li:nth-child(18),.filter-list-cont.lens_color li:nth-child(10),.filter-list-cont.lens_color li:nth-child(12),.filter-list-cont.lens_color li:nth-child(14){
/* margin-right: .12rem; */
}
.filter-list-cont.frame_color li:nth-child(17),.filter-list-cont.frame_color li:nth-child(19),.filter-list-cont.lens_color li:nth-child(11),.filter-list-cont.lens_color li:nth-child(13),.filter-list-cont.lens_color li:nth-child(15){
/* margin-right: 0; */
}
.filter-list-cont.lens_color li.lens_Grey .color_position{
background: url('../images/lens_Grey.png');
background-size: contain;
}
.filter-list-cont.lens_color li.lens_Amber .color_position{
background: url('../images/lens_Amber.png');
background-size: contain;
}
.filter-list-cont.lens_color li.lens_Green .color_position{
background: url('../images/lens_Green.png');
background-size: contain;
}
.filter-list-cont.lens_color li.lens_Yellow .color_position{
background: url('../images/lens_Yellow.png');
background-size: contain;
}
.filter-list-cont.lens_color li.lens_Blue .color_position{
background: url('../images/lens_Blue.png');
background-size: contain;
}
.filter-list-cont.lens_color li.lens_Purple .color_position{
background: url('../images/lens_Purple.png');
background-size: contain;
}
.filter-list-cont.lens_color li.lens_Pink .color_position{
background: url('../images/lens_Pink.png');
background-size: contain;
}
.filter-list-cont.lens_color li.lens_Red .color_position{
background: url('../images/lens_Red.png');
background-size: contain;
}
.filter-list-cont.lens_color li.lens_Silver .color_position{
background: url('../images/lens_Silver.png');
background-size: contain;
}
.filter-list-cont.lens_color li:nth-of-type(10) .color_position{
background: url('../images/lens_Mirrored-Color.png');
background-size: contain;
}
.filter-list-cont.lens_color li:nth-of-type(11) .color_position{
background: url('../images/lens_Double-Color.png');
background-size: contain;
}
.filter-list-cont.lens_color li:nth-of-type(12) .color_position{
background: url('../images/lens_Gradient-Color.png');
background-size: contain;
}
.filter-list-cont.lens_color li:nth-of-type(13) .color_position{
background: url('../images/lens_Dark-Pure-Color.png');
background-size: contain;
}
.filter-list-cont.lens_color li:nth-of-type(14) .color_position{
background: url('../images/lens_Light-Pure-Color.png');
background-size: contain;
}
.filter-list-cont.lens_color li.Polarized .color_position{
background: url('../images/lens_Polarized.png');
background-size: contain;
}
.file_flex{
display: flex;
}
.alert_address_cont .file_flex input {
width: 85% !important;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-right: 0;
}
.CountryCode{
height: .45rem;
line-height: .45rem;
border: 1px solid #DEDEDE;
border-right: none;
padding: 0 2%;
/* margin-bottom: .27rem; */
font-size: .12rem;
width: 30%;
display: flex;
justify-content: space-between;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.CountryCode i{
font-style: inherit;
}
.CountryCode input{
width: 100%;
border:none !important;
margin-bottom: 0;
text-align: right;
height: .42rem !important;
color:#24292e;
}
.content-404 h1, .content-404 h2{
font-size: .14rem;
}
.content-404 p,.content-404 a{
font-size: .12rem;
color: #000;
}
.about_index{
font-size: .12rem;
}
.about_index img{
width: 100%;
display: block;
}
.about_boxz{
margin: .3rem .17rem 0;
}
.about_boxz h3{
font-size: .15rem;
font-weight: 600;
margin: 0 0 .07rem;
color: #454545;
}
.about_boxz p{
color: #A5A5A5;
}
.about_text_boxs{
margin-top: .32rem;
padding-bottom: 1rem;
}
.about_text_box{
margin-bottom: .35rem;
}
.about_text h4{
display: flex;
align-items: center;
margin: .14rem 0 .05rem;
font-size: .15rem;
color: #454545;
}
.about_text h4 .iconfont{
font-size: .2rem;
margin-right: .06rem;
color: #333333;
}
.pd_content_box{
background: #F7F7F7;
position: relative;
padding:.37rem .27rem 0;
overflow: hidden;
margin-bottom: .14rem;
height: 2.25rem;
}
.pd_content_box i{
position: absolute;
top: -.16rem;
left: -.13rem;
width: .5rem;
height: .5rem;
text-align: right;
background: #333333;
border-radius: 50%;
color: #fff;
font-size: .15rem;
font-weight: 600;
padding-top: .19rem;
padding-right: .16rem;
}
.pd_content_box a{
background: #F7F7F7;
border: .02rem solid #333333;
border-radius: 0px;
display: flex;
justify-content: center;
align-items: center;
line-height: .75rem;
text-align: center;
font-size: .18rem;
color: #333333;
font-weight: 600;
}
.pd_content_box a .iconfont{
font-size: .15rem;
margin-left: .08rem;
font-weight: 600;
color: #333333;
display: inline-block;
vertical-align: bottom;
}
.pd_content_box img{
width: 2.9rem;
}
.pd_content_box h6{
color: #424242;
font-size: .15rem;
font-weight: 600;
padding-bottom: .08rem;
margin-top: .2rem;
margin-bottom: 0;
}
.pd_content_box span{
display: block;
color: #8A8A8A;
font-size: .12rem;
line-height: .12rem;
}
.face_title_bg{
background: #207DAA;
color: #fff;
}
.face_title_bg h2{
color: #fff;
font-size: .2rem;
font-weight: 600;
margin: 0;
padding: .3rem .18rem 0 .18rem;
}
.face_title_bg p{
font-size: .12rem;
margin: .1rem 0 .35rem !important;
letter-spacing: -.001rem;
padding: 0 .18rem;
}
.faceMao{
display: flex;
flex-wrap: wrap;
padding-left: .05rem;
}
.faceMao a{
width: 33%;
flex-shrink: 0;
color: #fff;
font-size: .12rem;
text-align: center;
margin-bottom: .35rem;
}
.faceMao a img{
width: .6rem;
height: .6rem;
display: block;
margin: 0 auto .08rem;
}
.faceShape_title p{
color: #454545;
font-size: .24rem;
font-weight: 600;
flex-shrink: 0;
}
.faceShape_title span{
color: #8A8A8A;
font-size: .12rem;
display: block;
line-height: .13rem;
letter-spacing: -.001rem;
margin-bottom: .06rem;
}
.faceShape_box{
padding: .25rem .18rem 0;
}
.faceShape_cont img{
width: 100%;
}
.faceShape_box:nth-of-type(2n){
background: #F7F7F7;
}
.faceShape_cont_pro .pro_face{
padding: .18rem 0 .23rem;
}
.faceShape_cont_pro .pro_face:first-of-type{
border-bottom: 1px solid #E5E5E5;
}
.faceShape_cont_pro .tit{
display: flex;
justify-content: space-between;
align-items: center;
color: #424242;
font-weight: 600;
font-size: .15rem;
margin-bottom: .2rem;
}
.faceShape_cont_pro .tit a{
border: 1px solid #333333;
color: #333333;
width: .85rem;
line-height: .18rem;
text-align: center;
font-size: .12rem;
font-weight: 500;
}
.faceShape_cont ul{
display: flex;
justify-content: space-around;
}
.faceShape_cont li{
text-align: center;
}
.faceShape_cont li img{
width: .8rem;
display: block;
margin: 0 auto .06rem;
}
.privacy_index{
padding: .23rem 0 1.25rem;
margin: 0 .16rem;
color: #000;
}
.privacy_index h3{
color: #333333;
font-size: .24rem;
font-weight: 600;
margin:0 0 .3rem;
}
.privacy_index .text{
font-size: .12rem;
margin-bottom: .14rem;
}
.privacy_index h4{
font-size: .15rem;
font-weight: 600;
padding-bottom: .04rem;
margin-top: .35rem;
margin-bottom: 0;
}
.privacy_index p{
font-size: .12rem;
}
.privacy_index li{
padding-left: .17rem;
position: relative;
font-size: .12rem;
}
.privacy_index li::before{
position: absolute;
left: 0;
top: .07rem;
content: '';
width: .03rem;
height: .03rem;
border-radius: 50%;
background: #000;
margin-left: .05rem;
}
.privacy_index li span{
display: flex;
}
.privacy_index li span i{
margin-right: .07rem;
}
.privacy_index li a{
color: #333333;
text-decoration: underline;
font-size: .12rem;
}
.aBox{
margin-top: .04rem;
}
.aBox a{
display: block;
padding-left: .17rem;
}
.index_content{
font-size: .12rem;
}
.index_content img{
display: block;
margin: 0 auto;
width: 100%;
}
.index_swiper{
margin:0 .15rem;
}
.index_swiper .swiper-slide{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: .33rem 0 .2rem;
}
.index_swiper .swiper-slide a{
flex-shrink: 0;
width: 22.6%;
text-align: center;
margin-bottom: .3rem;
color: #2C2C2C;
font-size: .12rem;
}
.index_swiper .swiper-slide a img{
width: 90%;
margin:0 auto .06rem;
}
.index_swiper .swiper-pagination-bullets .swiper-pagination-bullet{
background: #E8E8E8;
padding:0;
width: .24rem;
height: .04rem;
border-radius: 0;
margin: 0;
opacity: 1;
}
.index_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{
background: #333333;
}
.index_swiper .swiper-pagination-bullets{
bottom: 20px;
}
.index_center{
background: #F9F9F9;
padding: .2rem .09rem;
}
.index_center img{
width: 100%;
display: block;
}
.img_href{
margin-bottom: .09rem;
display: block;
}
.sale_box{
display:flex;
justify-content: space-between;
flex-wrap: wrap;
background: #fff;
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
margin-bottom: .09rem;
}
.sale_box a{
flex-shrink: 0;
width: 33.3%;
padding: .08rem .07rem .17rem;
border-right: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
text-align: center;
font-size: .12rem;
}
.sale_box a:nth-of-type(3n){
border-right: none;
}
.sale_box a:nth-of-type(n+4){
border-bottom: none;
}
.sale_box a img{
width: 100%;
}
.sale_box a img.img_off{
width: .35rem;
height: .14rem;
margin:0 0 .01rem;
}
.sale_box a span{
font-weight: 600;
color: #222222;
}
.sale_box a i{
color: #A7A7A7;
text-decoration: line-through;
margin-right: .03rem;
font-weight: 500;
}
.face_pd{
display: block;
margin-bottom: .09rem;
}
/* 导航菜单 */
.com-head-menu-con-title .com-head-menu-con-title-li p{
text-transform: uppercase;
font-size: .15rem;
color: #000;
}
.com-head-menu-con-title .com-head-menu-con-title-li .iconfont{
font-size: .12rem;
display: inline-block;
float: right;
margin-right: .1rem;
}
.com-head-menu-con-title .com-head-menu-con-title-li.active .iconfont{
transform: rotate(180deg);
}
.com-head-menu-con-title .com-head-menu-con-title-li .menu_box{
display: none;
}
.com-head-menu-con-title .com-head-menu-con-title-li.active .menu_box{
display: block;
margin-top: .1rem;
}
.com-head-menu-con-title .com-head-menu-con-title-li .menu_box a{
display: block;
line-height: .1rem;
width: 100%;
color: #757575;
margin-top: 0;
margin-bottom: .15rem;
font-size: .12rem;
}
.com-head-menu-con-title .com-head-menu-con-title-li .menu_box_a{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.com-head-menu-con-title .com-head-menu-con-title-li .menu_box_a a{
text-align: center;
width: 48%;
height: auto;
flex-shrink: 0;
margin-bottom: .24rem;
}
.com-head-menu-con-title .com-head-menu-con-title-li .menu_box_a a img{
margin-bottom: .08rem;
}
/* 上拉 */
.top_swiper_text．active{
margin-top:-.3rem;
transition-duration:.5s;
}
header.bar.active{
margin-top:0;
transition-duration:.5s;
}
.toolbar.active{
top:0;
transition-duration:.5s;
}
.category_img.active{
margin-top:0;
transition-duration:.5s;
}
.index .home_menu_swiper.active{
top:.43rem;
transition-duration:.5s;
}
.bar-nav~.content.active{
padding-top:0;
top:.44rem;
transition-duration:.5s;
}
/* 下拉 */
.top_swiper_text{
margin-top:0rem;
transition-duration:.5s;
}
header.bar{
transition-duration:.5s;
}
.toolbar{
top:.3rem;
transition-duration:.5s;
}
.index .home_menu_swiper{
top:.74rem;
transition-duration:.5s;
}
.category_img{
margin-top:.3rem;
transition-duration:.5s;
}
.bar-nav~.content{
padding-top:0;
top:.44rem;
transition-duration:.5s;
}
/* 列表上拉 */
.top_swiper_text.act{
margin-top:-.3rem;
}
header.bar.act{
margin-top:-.44rem;
}
.toolbar.act{
top:0;
}
.category_img.act{
margin-top:.3rem;
}
.bar-nav~.content.act{
top:0;
}
.content-block.act{
margin-top:0;
}
/* 列表下拉 */
.top_swiper_text{
margin-top:0;
}
.toolbar{
top:.55rem;
}
.category_img{
margin-top:.71rem;
}
.bar-nav~.content{
top:.55rem;
z-index: 8;
}
.content-block{
margin-top:-.3rem;
}
.page-group{
margin-top:0;
transition-duration:.5s;
}
.page-group.active{
margin-top:-.3rem;
transition-duration:.5s;
}
.page-group.act{
margin-top:-.44rem;
transition-duration:.5s;
}
.alert_email{
width: 100%;
height: 100%;
background: rgba(0,0,0,.3);
position: fixed;
top: 0;
left: 0;
z-index: 99999;
display: none;
}
.alert_email .alert2{
display: none;
padding-bottom: .3rem;
}
.alert_email .alert-box{
width: 3.42rem;
background: #fff;
margin: 25% auto 0;
font-size: .11rem;
/* padding: 0 .28rem .27rem; */
position: static;
height: auto;
background: #fff;
display: block;
}
.alert_email .close{
float: right;
margin-top: .1rem;
margin-right: 0px;
position: static;
top: 0;
right: 0;
width: .3rem;
height: .3rem;
background: url(../images/close.png) center no-repeat;
background-size: 50%;
margin-right: -0.2rem;
}
.alert_email .title{
font-weight: 600;
font-size: .36rem;
text-align: center;
margin: 0;
position: static;
line-height: .36rem;
color: #000;
padding-top: .53rem;
margin-bottom: .18rem;
white-space: pre-wrap;
}
.alert_email .alert2 .title{
line-height: .4rem;
margin-bottom: .4rem;
padding-top: .59rem;
}
.alert_email .title i{
color: #333333;
}
.alert_email .alert2 .title i{
display: block;
}
.alert_email_cont{
position: relative;
}
.alert_email_cont p.errorinfo{
font-size: .12rem !important;
top: .42rem;
}
.alert_email_cont input{
width: 100%;
border: 1px solid #E6E6E6;
line-height: .4rem;
height: .4rem;
color: #757575;
padding: 0 2%;
margin-bottom: 0;
outline: none;
margin-top:.1rem;
text-align: center;
/* border-radius: 3px; */
}
.alert_email .Send_Right,.alert_email .Send_Right2,.alert_email .Send_Right3{
display: block;
width: 100%;
line-height: .4rem;
text-align: center;
background: #333333;
color: #BF9D6D;;
font-size: .12rem;
margin: .26rem auto 0;
cursor: pointer;
/* border-radius: 3px; */
}
.nodingzhi{
display: block;
font-size: .12rem;
color: #818181;
}
img[src=''],img:not([src]){
opacity: 0;
}
.sku_detail{
padding: .2rem .15rem .15rem;
background: #F8F8F8;
}
.sku_detail .sku_h5{
font-size: .18rem;
font-weight: 600;
margin: 0;
margin-bottom: .07rem;
}
.sku_detail .sku_h5 i{
float: right;
width: .28rem;
height: .28rem;
background: url(../images/like-mb.png) center no-repeat;
background-size: contain;
margin-left: .2rem;
}
.sku_detail .sku_h5 i.active{
background: url(../images/like-after-mb.png) center no-repeat;
background-size: contain;
}
.sku_detail .pro_box{
padding: 0;
}
.Details{
font-size: .12rem;
}
.features_cont{
padding: .32rem .15rem;
}
.features_cont p,.specifications_cont p{
color:#171515;
font-size: .18rem;
font-weight: 600;
margin-bottom: .1rem !important;
}
.features_cont span{
line-height: .18rem;
}
.features_cont .text{
width: 75%;
}
.Details img{
width: 100%;
}
.specifications_cont{
background: #F8F8F8;
padding: .32rem .15rem .22rem;
}
.specifications_cont span{
display: block;
}
.specifications_cont span span{
display: inline-block;
}
.sizeImg{
position: relative;
margin-top: 0.22rem;
}
.sizeImg span{
position: absolute;
top: 0;
left: 0;
}
.sizeImg span.size1{
top: -0.1rem;
left: 0.95rem;
}
.sizeImg span.size2{
top: -0.1rem;
left: 1.7rem;
}
.sizeImg span.size3{
top: 0.6rem;
left: -0.11rem;
}
#idx_size1{
padding-left: 0.2rem;
}
.sizeImg span.size4{
top: auto;
bottom: .16rem;
left: 1.68rem;
}
.sizeImg span.size5{
top: -0.1rem;
left: 1.3rem;
}
.text_cont{
padding:.55rem .15rem .6rem;
text-align: center;
border-bottom: .07rem solid #F8F8F8;
}
.text_cont h6{
font-size: .18rem;
font-weight: 600;
padding-bottom: .05rem;
margin: 0;
}
.text_cont p{
font-size: .13rem;
margin-bottom: .15rem !important;
}
.text_cont span{
color: #666666;
font-size: .12rem;
display: block;
}
.text_cont span::before{
content: '* ';
}
.item-product .tryon_details .try-frame-view {
width: .88rem;
height: .25rem;
line-height: .25rem;
text-align: center;
border: 1px solid #989898;
font-size: .12rem;
cursor: pointer;
color: #000;
background: #fff;
border-radius: 0;
float: right;
margin-top: .15rem !important;
margin-right: .14rem;
position: absolute;
right: 0;
z-index: 99;
}
.tryon_details .simg-head{
display: flex;
margin-left: .14rem;
}
.preview form {
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
}
.try_on_box .tryon_details .common-alert-box{
/*height: 3.25rem !important;*/
}
.tryon_details .swiper-head .swiper-wrapper{
padding-left: 7px;
}
.tryon_details .preview form{
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
}
.tryon_details .preview{
width: 60px;
height: 60px;
border-radius: 0;
border:1px solid #989898;
text-align: center;
position: relative;
background:#fff url('../images/add_img.png') center no-repeat;
background-size: 100%;
margin-top: 7px;
}
.tryon_details .preview input{
position: static;
margin:0;
}
.try_on_box .tryon_details .try-base-tool{
bottom: 1.1rem;
width: 94%;
margin: 0 3%;
}
.common-footer-top-subscribe {
position: relative;
/* padding-left:.14rem; */
}
.common-footer-top-subscribe .foot_email{
float: left;
width: 2.4rem;
height: .4rem;
line-height: .4rem;
border: 1px solid #E2E2E2;
font-size: .12rem;
padding: 0 .09rem;
margin-bottom: .11rem;
border-radius: 0px;
margin-right: .06rem;
}
.common-footer-top-subscribe .button {
float: left;
width: 1rem;
height: .4rem;
line-height: .4rem;
/* background: #333333; */
border-color: #000;
background: #000;
color: #BF9D6D;
text-align: center;
font-size: .12rem;
border-radius: 0px;
cursor: pointer;
}
.common-clear{
clear: both;
}
.common-footer-top-subscribe .hook-box{
display: inline-block;
vertical-align: middle;
width: .14rem;
height: .14rem;
border: 1px solid #000;
border-radius: .02rem;
margin-right:.04rem;
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: .12rem;
color: #000;
}
.footer-top .need-box a:hover{
color: #333333;
text-decoration: underline;
}
.footer-top .need-box{
margin-top:.1rem;
}
.footer-top .need-box .iconfont {
font-size: .1rem;
margin-right: .04rem;
vertical-align: bottom;
}
.tips_position{
border-radius: 50%;
position: absolute;
bottom: 0.8rem;
text-align: center;
font-size: .12rem;
display: none;
}
.tips_position span{
background: #fff;
border: 1px solid #000;
position: relative;
padding: 0.02rem 0.1rem;
line-height: 0.25rem;
display: inline-block;
color: #666666;
}
.tips_position img{
width: 10px;
height: 10px;
background: url(../images/jt.png) center no-repeat;
background-size: contain;
position: absolute;
bottom: -7px;
left: 15px;
}
.need-box{
/* padding-left: .14rem; */
margin-top:.1rem;
}
.need-box .iconfont{
font-size:.14rem;
margin-right:.04rem;
}
.need-box a{
font-size: .12rem;
color:#000;
}
.restips img{
width:.14rem;
height:.14rem;
margin-right: .07rem;
}
.restips{
padding:.05rem .06rem;
color: #FE7979;
background: #FFF1F1;
font-size:.12rem;
font-style: italic;
display: flex;
margin: .13rem .14rem .11rem;
}
.step2_prescription_table td div.tipBg{
background: #FFFCF0 !important;
}
/* 配镜信息第二部 弹窗 */
.step2_alert_button_group{
z-index: 2;
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: space-around;
width: 100vw;
height: .83rem;
background: #FFFFFF;
box-shadow: 0px 0px .15rem 0px rgba(0,0,0,0.1);
}
.step2_cancel_default{
box-sizing: border-box;
flex-basis: 0;
flex-grow: 0;
flex-basis: 1.6rem;
width: 1.6rem;
height: .43rem;
color: #333333;
font-size: .12rem;
line-height: .43rem;
text-align: center;
border-radius: 2px;
background: #ffffff;
border: 1px solid #333333;
}
.step2_ok{
flex-basis: 0;
flex-grow: 0;
flex-basis: 1.6rem;
width: 1.6rem;
height: .43rem;
color: #fff;
font-size: .12rem;
line-height: .43rem;
text-align: center;
border-radius: 2px;
background: #333333;
}
/* 公用组件导航栏 */
.height-0 {
height: 0!important;
}
.bar-tips-wrap {
display: flex;
align-items: center;
justify-content: center;
height: .4rem;
background: #333333;
transition-duration: .3s;
overflow: hidden;
}
.bar-tips-text {
font-size: .12rem;
color: #BF9D6D;
}
.bar-tips-shop {
box-sizing: border-box;
font-size: .12rem;
color: #BF9D6D;
text-align: center;
line-height: .2rem;
/* width: 0.55rem; */
padding: 0 .06rem;
height: .2rem;
margin-left: 0.1rem;
border: 1px solid #BF9D6D;
border-radius: .1rem;
margin-left: .1rem;
}
#blank_top_content {
/* height: .4rem; */
height: 0rem;
}
/* 公用组件导航栏 */
.height-0 {
height: 0!important;
}
.bar-tips-wrap {
display: flex;
align-items: center;
justify-content: center;
height: .4rem;
background: #333333;
transition-duration: .3s;
overflow: hidden;
}
.bar-tips-text {
font-size: .12rem;
color: #E6E6E6;
}
.bar-tips-shop {
box-sizing: border-box;
font-size: .12rem;
color: #E5E5E5;
text-align: center;
line-height: .2rem;
/* width: 0.55rem; */
padding: 0 .06rem;
height: .2rem;
margin-left: 0.1rem;
border: 1px solid #E5E5E5;
}
#blank_top_content {
height: .4rem;
height: 0;
}
.tb_rg{
text-align: center;
padding: .3rem .15rem .8rem .15rem;
font-size: 0;
}
.tb_rg span,.tb_rg a{
display: inline-block;
width: .3rem;
height: .3rem;
font-size: .12rem;
line-height: .3rem;
text-align: center;
border:1px solid #DADADA;
color:#666;
margin:0.02rem;
}
.tb_rg a:hover{
color: #fff;
background: #333333;
text-decoration: none;
}
.tb_rg .current{
color: #BF9D6D;
background: #333333;
}
.also_box .swiper-pagination-bullets {
width: 100%;
bottom: 0px;
}
.also_box .swiper-pagination-bullets .swiper-pagination-bullet {
background: #E8E8E8;
padding: 0;
width: .24rem;
height: .04rem;
border-radius: 0;
margin: 0;
opacity: 1;
}
.also_box .swiper-pagination-bullets .swiper-pagination-bullet-active {
background: #333333;
}
.mb-0 {
margin-bottom: 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;
width: 100%;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}