/* CSS Document #007ec9*/
html{ font-size:62.5%; /* 10÷16=62.5% */}
body{ font-size:18px; font-family:'Open Sans', sans-serif; margin:0; padding:0;  background:#fff; color:#707070; /* 12÷10=1.2*/
-moz-user-select:none;
-ms-user-select:none;
height:100%;
position:relative;
font-weight:200;
}

ul,dl,dd{ margin:0; padding:0; list-style:none;}
a{ color:#707070; text-decoration:none; transition: all 0.3s linear;}
a:hover{ text-decoration:none; transition:0.6s;}
h1,h2,h3,h4,h5,p,dd,dl,dt{ margin:0; padding:0; font-weight:400;}
h3{ font-size:1.8rem;}
input[type=text],button{ font-family:'Open Sans',sans-serif; outline:none;}
input,textarea{ border-radius:0;}
i,em{ font-style:normal;}
b,strong{ font-weight:600;}
select{ background:url(../images/arrow_down.png) no-repeat right 0.68rem center; background-size:0.88rem 0.7rem; border-radius:2rem; padding:0.38rem 2.5rem 0.38rem 1rem; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
select,input{ outline: none; border:1px solid #707070;}
input[type=checkbox]:focus,textarea:focus{ outline: none;}
label input[type=checkbox]{ height:20px; width:20px; vertical-align:text-bottom;}
input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus{ box-shadow:0px 0px 3px 3px #EAEAEA inset; border-color:#333; color:#000; transition:0.4s;}

::-webkit-input-placeholder { color:#ccc; }
::-moz-placeholder { color:#ccc; } /* firefox 19+ */
:-ms-input-placeholder { color:#ccc; } /* ie */
input:-moz-placeholder { color:#ccc; }

select:focus option{ color:#000;}
label{ font-weight:200;}
/*@font-face {
  font-family: 'lexus';
  src: url('../Fonts/lexus.eot?v=4.5.0');
  src: url('../Fonts/lexus.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../Fonts/lexus.woff2?v=4.5.0') format('woff2'), url('../Fonts/lexus.woff?v=4.5.0') format('woff'), url('../Fonts/lexus.ttf?v=4.5.0') format('truetype'), url('../Fonts/lexus.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.clearfix {
  zoom: 1;
}

.button,.button:link{ background:#ab3025; color:#fff; border-radius:2rem; text-align:center; border:0; padding:8px 20px; transition: all 0.3s linear;}
.button:hover{ background:#90170c; transition:0.6s;}

.button-gray{ background:#afafaf;}
.button-gray:hover{ background:#969696;}

.button-yellow{ background:#FF8000;}
.button-yellow:hover{ background:#d66b00;}

.button-sm{ padding:4px 10px;}
.button-lg{ padding:10px 30px;}
.relative{ position:relative;}

.font-price{ font-weight:200; color:#ab3025; font-size:2rem; font-family: 'Lato', sans-serif;}
.font-price del{ color:#707070; font-weight:200;}
.font-price i{ text-shadow:1px 1px 0px #818181}
.f-red{ color:#ab3025;}
.border-bottom{ border-bottom:1px solid #b9b9b9;}
.border-top{ border-top:1px solid #b9b9b9;}

/*display盒子*/
.dis-box { display:-webkit-box; display:-moz-box; display:-ms-box; display:box;}
.box-flex { -webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1; box-flex:1; display:block; width:100%;}

.text-left{ text-align:left!important;}
.text-right{ text-align:right!important;}

.mgt-30{ margin-top:30px;}
.mgt-25{ margin-top:25px;}
.mgt-20{ margin-top:20px;}
.mgt-15{ margin-top:15px;}
.mgt-10{ margin-top:10px;}

.mgb-10{ margin-bottom:10px;}

.font-weight-4{ font-weight:400;}
.font-weight-6{ font-weight:600;}
.font-weight-8{ font-weight:800;}

.text-upper{ text-transform:uppercase;}
.text-lower{ text-transform:lowercase;}

.text-red{ color:#ab3025}

.mobile-shadown{ display:none;}

header{}
header .top{ background:#202020; height:52px; }
header .top ul{ float:right; height:52px;}
header .top ul li{ float:left; line-height:52px; margin-left:40px; color:#909090;}
header .top ul li i.iconfont{ font-size:20px; margin:0 4px;}
header .top ul li a{ color:#909090; display:block;}
header .top ul li a:hover{ color:#fff;}
header .top ul li.lan{ position:relative; min-width:100px; text-align:center; cursor:pointer;}
header .top ul li.lan a{ color:#f00;}
header .top ul li.lan div{ display:none; position:absolute; width:100%; background:#202020; z-index:9; top:52px;}
header .top ul li.lan div a{ text-align:center;}
header .top ul li.lan div a:first-child{ border-bottom:1px solid #424242;}
header .top ul li.lan div a:last-child{ color:#f00;}

header .ad-title{ position:absolute; width:60%; height:52px; line-height:52px; left:0; margin-left:20%; top:0; text-align:center; color:#ff0000;}

.breadcrumb{ background:none; padding-left:0; font-size:20px;}
.breadcrumb i{ font-size:20px; color:#ab3025;}
.breadcrumb em{ font-size:12px; font-weight:900; vertical-align:middle}

.logo{ float:left; height:79px; margin-right:30px;}
nav{ float:left; margin-top:10px;}
nav ul li{ float:left; color:#fff; padding:1.6rem 0 1.1rem 0; position:relative;}
nav ul li a{ padding:0 3rem; font-size:2rem;}
nav ul li a:hover{ color:#000;}
nav ul li a:hover b,nav ul li a.active b{ color:#000000;}
nav ul li a i{ font-size:1.5rem; text-align:center; font-weight:normal;}
nav ul li a:hover i,nav ul li a.active i{ color:#a53888;}

.menu{ padding:1.5rem 0;}
.menu .icon{ float:right; margin-top:24px; position:relative;}
.menu .icon i.iconfont{ font-size:26px;}
.menu .icon ul li{ float:left;}
.menu .icon ul li a{ padding:0 10px; line-height:40px;}
.menu .icon ul li a.icon-favor.active i{ color:#a53888}
.menu .icon ul li.cart-count{ position:relative;}
.menu .icon ul li.cart-count span{ position:absolute; background:#ab3025; color:#fff; border-radius:50%; height:1.6rem; width:1.6rem; font-size:1.5rem; line-height:1.6rem; right:0; text-align:center;}
.menu .icon .search{ position:absolute; top:-9px; left:-221px; padding:10px; width:289px; display:none;}
.menu .icon .search input{ padding:0 16px; line-height:33px; width:200px; border:1px solid #707070; border-right:0; border-radius:5rem 0 0 5rem; float:left;}
.menu .icon .search button{ float:left; border:1px solid #707070; background:none; border-radius: 0 5rem 5rem 0; padding:0px 20px; height:35px; background:#fff;}

/*首页轮播*/
.swiper-pagination{ position:relative;}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:-5px;}
.swiper-pagination-white .swiper-pagination-bullet-active{ background:#ccc}
.swiper-pagination-bullet{
 width: 11px;
 height: 11px;
 border-radius: 50%;
 display: inline-block;
 cursor: pointer;
 border: 1px solid #979797;
 transition: all .05s ease-in;
}

/*首页3张广告*/
.how-to-order{}
.how-to-order div{ float:left; width:56%;}
.how-to-order section{ float:left; width:44%; color:#707070; padding:10% 2% 0 6%;}
.how-to-order section h2{ font-size:52px; font-weight:600;}
.how-to-order section h5{ font-size:26px; margin:40px 0 50px 0;}
.how-to-order section a{ background:#ab3025; color:#fff; font-size:20px; padding:12px 28px; border-radius:30px;}
.how-to-order section a:hover{ background:#9e2419;}

.ad-block img{ float:left;}
.ad-block .left{ float:left; width:41%;}
.ad-block .left img:first-child{ margin-bottom:3%;}
.ad-block .right{ margin-left:42%;}

/*首页弹出轮播广告*/
.ad-show{ background:rgba(0,0,0,0.68); position:fixed; height:100%; width:100%; top:0; left:0; z-index:9999; opacity:0;}
.ad-show .container{ position:relative; margin-top:10rem; width:680px; background:#FFF; padding:20px 20px 10px 20px; border-radius:0px;}
.ad-show .container .btn-close{ background:url(../images/close.png) no-repeat; background-size:100%; height:2.68rem; width:2.68rem; position:absolute; bottom:-3.68rem; right:4px; color:#fff; cursor:pointer; z-index:1}

/*登录*/
.login{ border:0px solid #707070; padding:8% 10%;}
.login section{ float:left; width:50%; }
.login section:first-child{ border-right:1px solid #aeaeae;}
.login section ul{ width:64%; margin:0 auto;}
.login section ul li:first-child{ margin:0;}
.login section ul li{ text-align:center; margin:2rem 0 0 0;}

.login section ul li h1{ font-weight:600; font-size:5rem; text-shadow:1px 1px 1px #000, -1px -1px 1px #ccc;}
.login section ul li input{ width:100%; border:1px solid #707070; padding:1rem 2rem;}
.login section ul li.code{ position:relative;}
.login section ul li.code input{ width:50%;}
.login section ul li.code img{ position:absolute; right:0; height:51px; max-width:140px; cursor:pointer;}
.login section ul li button{ padding:1rem 3rem; border-radius:3rem;}

.forget section{ width:25%; min-width:368px; margin:5rem auto;}
.forget section ul li{ margin:2rem 0 0 0;}
.forget section input{ width:100%; border:1px solid #707070; padding:1rem 2rem;}

.validforms ul li p{ text-align:left; color:#bd2113;}

/*帮助中心-关于我们*/
.article h2 { margin: 4rem 0; text-align: center; font-size: 5rem;}
.article>ul { margin: 4rem auto;}
.article>ul li a{ font-size:5rem; color:#397a91;}
.article>ul li div { background: #f1f2f6; margin-left: 23%; margin-right:10%; border-radius: 6rem;	min-height: 40rem; position: relative;	padding-top:20rem; padding-bottom:10rem; text-align:center;}
.article>ul li a div span { background: #d3cdbe; position: absolute; width: 12rem; height: 12rem; border-radius: 12rem; text-align:center; font-size:12rem; font-weight:600; line-height:12rem; color:#fff;	top:6.8rem;	left:-4rem;	box-shadow:0rem 0.2rem 0.5rem 0rem #333;}
.article>ul li a:hover div span { background: #afa386;}
.article>ul li div img{ width:80%;}

/*详情*/
.article-title {font-weight: bold;}
.article-detail { width: 68%; margin: 8rem auto; color: #707070; font-size: 1.8rem; line-height: 2.4rem; }
.article-detail h3 { text-align: center; font-size: 4rem; margin: 3rem 0;}
.article-detail div,.article-detail p { margin: 1.5rem 0;}
.article-detail p em{ color:#397a91; font-size:2rem; font-weight:600;}
.article-detail a { color: #397a91; font-size: 2rem;}
.article-detail a:hover { color: #155369}
.article-detail img { max-width: 100%;}
.article-detail video { width: 100%; height: auto;}

/*商品轮播*/
.banner-product .ani,.banner-contact .ani{ position:absolute;}
.banner-product .ani img,.banner-contact .ani img{ width:100%;}
.banner-product .chuangtong,.banner-contact .chuangtong{ top:200px; width:240px;}
.banner-product .trad,.banner-contact .trad{ top:260px; width:460px;}

/*动态轮播*/
.banner-news .trad{ top:220px; width:640px;}
.banner-news .chuangtong{ top:130px; width:400px;}
.banner-news .knife{ top:130px; left:52%; width:550px;}

/*关于轮播*/
.banner-about .ani{ right:0;}
.banner-about .logo_gray{ top:38px; width:178px;}
.banner-about .chuangtong{ top:128px; width:248px;}
.banner-about .trad{ top:180px; width:460px;}

.index-news { margin-top:22px;}
.brand ul li{ width:33.33%; float:left;}
.brand ul li a{ color:#fff; display:block;}
.brand ul li>div{ position:relative; line-height:2.2rem;}
.brand ul li>div section{ position:absolute; width:100%; height:100%; top:0; left:0; padding-top:22%; text-align:center;}
.brand ul li>div section span{ font-size:1.8rem;}
.brand ul li>div section h3{ font-weight:600;}
.brand ul li>div p{ position:absolute; width:100%; background:rgba(0,0,0,0); -webkit-transition:all 0.8s;-ms-transition:all 0.5s;-o-transition:all 0.8s;transition:all 0.8s; top:0; height:100%;}
.brand ul li>div a:hover p{ background:rgba(0,0,0,0.7);}


/*商品列表*/
.goods-banner{ height:400px; margin-bottom:2rem; background-position: center; background-repeat:no-repeat;}
.goods-banner .container{ position:relative; height:100%;}
.goods-banner span{ position:absolute; top:20%; right:2%; font-weight:200; text-align:right; text-shadow:1px 1px 1px #bbbbbb;}
.goods-banner span:nth-child(2){ margin-top:4.68rem; font-size:2.2rem;}

.text-left span{ right:auto; left:2%; text-align:left; font-family: 'Lato', sans-serif;}
.filter{ position:relative;}
.filter h3 span{ display:inline-block; width:3px; height:18px; background:#707070; margin-right:1rem;}

.filter .result{ position:absolute; left:14rem; top:0.76rem; font-size:16px;}
.filter .result span{ display:inline-block; line-height:1.38rem; margin:0 0.68rem 0 0; padding-right:0.88rem; border-right:1px solid #707070;}
.filter .result span:last-child{ border:0;}
.filter .result span a{ color:#ab3025; font-weight:400;}

.filter .sort{ position:absolute; right:1.2rem; top:0.38rem;}
.filter .sort .toggle{ background:#fff; display:block; padding:0.8rem 2.68rem 0 0.8rem;}
.filter .sort .toggle i{ content:""; position:absolute; right:1.2rem; top:1.38rem; width:8px; height:8px; background-color:transparent; border-top: 2px solid #ab3025; border-right: 2px solid #ab3025; transform: rotate(-225deg); transition:0.6s;}
.filter .sort.active .toggle{ background:#F8F8F8; color:#000;}
.filter .sort section{ display:none; position:absolute; background:#F8F8F8; z-index:999; width:auto; padding:0.68rem 2rem; right:0;}
.filter .sort section a{ display:block; white-space:nowrap; font-size:1.6rem; line-height:3.68rem;}
.filter .sort section a:hover{ color:#ab3025;}

.filter .condition{ display:none; width:640px; min-height:500px; background:#f7f6f4; position:absolute; left:-1px; top:-4px; z-index:9999; border-radius:2rem;}
.filter .condition h3{ padding:12px 16px;}
.filter .condition h3 a{ position:relative; float:right; font-weight:200; padding-right:24px;}
.filter .condition h3 a i{ content:""; position:absolute; right:1px; top:5px; width:13px; height:13px; background-color:transparent; border-top: 2px solid #707070; border-right: 2px solid #707070; transform: rotate(-135deg);}
.filter .condition h3 a:hover i{ border-color:#000;}

.filter .condition ul{ margin:0 1rem;}
.filter .condition ul li{ margin:1rem 0; border-bottom:1px solid #ABABAB; padding-bottom:1rem;}
.filter .condition ul li:last-child{ border:0;}
.filter .condition ul li h4{ margin-bottom:0.6rem; font-weight:600; color:#000;}
.filter .condition ul li div{ margin-left:0rem;}
.filter .condition ul li .checkbox{ color:#333; float:left; width:33.33%; font-weight:200; font-size:15px;}
.filter .condition ul li input{ border:1px solid #969696; margin-right:0.6rem;} 
.filter .condition ul li div label i{ display:inline-block; border:1px solid #877874; height:18px; width:18px; vertical-align:-3px;}
.filter .condition a.button{ display:block; float:left; text-align:center; line-height:50px; width:50%; border:0; border-top:1px solid #D5D5D5; color:#fff; height:50px; background:#e6e6e6; color:#000; padding:0;}
.filter .condition a.button:hover{ background:#d4d4d4; transition:0.6s;}

.filter .condition a.confirm{ background:#ab3025; color:#fff; border-radius:0 0 0 2rem;}
.filter .condition a.confirm:hover{ background:#96241a; transition:0.6s;}
.filter .condition a.clear{ background:#e6e6e6; color:#000; border-radius:0 0 2rem 0;}
.filter .condition a.clear:hover{ background:#d4d4d4; transition:0.6s;}

.product{ margin:0 0 3rem 0;}
.product ul.list{ border-left:0px solid #d8d1ca; border-top:0px solid #d8d1ca;}
.product ul.list li{ position:relative; border-right:0px solid #d8d1ca; border-bottom:0px solid #d8d1ca; }
.product ul.list li.goods-empty{ text-align:center; padding:8rem 0; font-weight:600; font-size:4rem; color:#D5D5D5; text-shadow:1px 1px 0px #ccc;}
/*.product ul.list li:hover{ box-shadow:0rem 0rem 1.2rem 0rem #999; z-index:999; transition: box-shadow 0.4s ease-in-out;}*/
.product ul.list li section{ margin:2rem; position:relative;}
.product ul.list li section>a{ display:block; height:100%; min-height:12rem; line-height:12rem; margin-top:20px; text-align:center;}
.product ul.list li section>a img{ max-width:100%; max-height:304px; }
.product ul.list li section>a:hover{ }
.product ul.list li .bifocal{ margin:0.5rem 1rem; font-size:1.6rem;}
.product ul.list li .goods_no{ position:absolute; left:1rem; top:1rem; opacity:0; color:#333; transition: all 0.3s linear;}
.product ul.list li:hover .goods_no{ opacity:1; transition:0.4s;}
.product ul.list li:hover .add-favor a{ opacity:1; transition:0.4s;}
.product ul.list li .add-favor a{ display:block; position:absolute; right:1rem; top:1rem; opacity:0; background:url(../images/favor_no.png) no-repeat; background-size:100%; width:36px; height:33px;}
.product ul.list li .add-favor a.active{ background:url(../images/favor_yes.png) no-repeat; background-size:100%;}
.product ul.list li .bifocal b{ color:#000;}
.product ul.list li h3{ margin:0.5rem 1rem; color:#ab3025;}
.product ul.list li h3 del{ font-weight:200; color:#707070;}

.product ul.list li section cite{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.5) url(../images/loading.gif) center center no-repeat; z-index:999; text-align:center;}
.product ul.list li section cite img{ margin-top:36%;}

.product ul.list li .color-swatch{ position:absolute; bottom:7%; right:1rem;}
.product ul.list li .color-swatch a{ margin:4px; border:2px solid #fff; height:23px; border-radius:50%; display:inline-block;}
.product ul.list li .color-swatch i{ height:15px; width:15px; border-radius:50%; border:1px solid #e4e4e4; display:inline-block; margin:2px;}
.product ul.list li .color-swatch a:hover,.product ul li .color-swatch a.active{ border:2px solid #adadad; transition:0.6s;}


.next-page{ margin-top:3rem; border:0px solid #9a2319;}
.next-page a{ border:0px solid #EAEAEA; padding:1.2rem 0; width:29%; display:block; background:#ab3025; color:#fff; font-size:1.8rem; text-align:center; margin:0 auto;}
.next-page a:hover{ background:#9a2319;}

.goods-info{ border-top:1px solid #707070; background:#fff; margin:1rem 0;}
.goods-info .goods-image{ float:left; background:#fff; width:58%; border-right:0px solid #EAEAEA; text-align:center;}
.goods-info .goods-image img{ max-width:100%; width:800px; margin-top:1rem;}
.goods-info .goods-image .color-list{ text-align:center; margin-top:1rem; overflow-x:auto; overflow-y:hidden; white-space:nowrap}

.goods-info .goods-image .color-list a{ display:inline-block; margin:0 1rem; font-size:1.4rem;}
.goods-info .goods-image .color-list a span{ height:4px; background:#fff; display:block;}
.goods-info .goods-image .color-list a:hover span,.goods-info .goods-image .color-list a.active span{ background:#aa3123;}
.goods-info .goods-image .color-list a img{ height:50px; width:82px;}


/*試戴*/
/*.try-on{ float:left; margin:0 5rem; width:208px; border-left:1px solid #D5D5D5; border-right:1px solid #D5D5D5; border-bottom:1px solid #D5D5D5}
.try-on section{ position:relative; border-bottom:1px solid #D5D5D5;}
.try-on section .glasses{ position:absolute; left:12px; top:45px;}
.try-on ul li{ float:left; width:34px;}
.try-on ul li a{ display:block; border:1px solid #EAEAEA;}
.try-on ul li a:hover{ border-color:#000;}
.try-on ul li a img{ width:100%;}*/

.goods-info .goods-common{ float:left; width:38%; margin-left:4%;}
.goods-info .goods-common>div{ padding:2rem 0;}
.goods-info .goods-common .vision-price{ padding:1rem 0;}
.goods-info .goods-common .vision-price .font-price{ display:block; font-size:2.68rem; margin-right:2.68rem; line-height:1.8rem;}
.goods-info .goods-common .vision-price .font-price del{ font-size:2rem;}
.goods-info .goods-common .vision-price .font-price em{ font-size:2rem;}
.goods-info .goods-common .vision-price .price-desc{ line-height:2.2rem;}
.goods-info .goods-common .desc{ min-height:8rem;}
.goods-info .goods-common h1{ margin:0; background:#fff; }
.goods-info .goods-common h2{ margin:1rem 0;}
.goods-info .goods-common .param label{ display:inline-block; width:8rem; font-weight:200;}


.goods-info .goods-common .frame ul{ width:368px; overflow:hidden;}
.goods-info .goods-common .frame ul li{ float:left; width:50%; padding:0.5rem 0;}
.goods-info .goods-common .frame ul li span{ margin-left:1rem;}
.goods-info .goods-common .frame ul li img{ width:53px;}
.goods-info .goods-common .frame ul li i{ font-style:normal;}

.goods-info .goods-common .add-favor{ margin-right:3rem;}

.save-try-on-image{ margin-top:4px; border:1px solid #EAEAEA; border-radius:4px; cursor:pointer; padding:0 2px;}
.save-try-on-image:hover{ background:#FBFBFB; border:1px solid #D5D5D5}

.model-try-on-save{ padding:10px; text-align:center;}
.model-try-on-save img{ max-width:100%; margin-bottom:15px;}

/*模态窗*/
.modal .tips{ width:800px;}
.modal .tips .modal-body{ font-size:1.48rem; line-height:2.2rem;}
.modal .tips .modal-body img{ max-width:100%;}
.modal .tips .modal-title{ text-indent:1.68rem;}

.goods-info .goods-common .action button{ float:left; width:64%; border:0; background:#ab3025; color:#fff; height:3.6rem; border-radius:5rem; margin-bottom:1rem; line-height:1.8rem; font-size:2rem; transition: all 0.8s linear; word-break:keep-all;}
.goods-info .goods-common .action button:hover{ background:#ce675e; transition:0.8s;}
.goods-info .goods-common .action .frame-only-div{ position:relative; clear:both;}
.goods-info .goods-common .action .frame-only-div .show-tips{ position:absolute; right:2px; top:4px; width:2.8rem; height:2.8rem; line-height:2.8rem; text-align:center; background:#e09f3e; font-size:2.2rem;}
.goods-info .goods-common .action .buy-frame-only{ width:100%; float:none; text-align:center;}
.goods-info .goods-common .action .buy-frame-only.half{ width:64%; float:left;}
.goods-info .goods-common .action .buy-frame-only span{ font-size:2.4rem; text-shadow:1px 1px 1px #333; font-weight:800; font-family:'Lato', sans-serif;}
.buy-frame-desc{ float:left; width:38%; margin-left:2%; padding-top:0.38rem;}

.goods-info .goods-common .action .try-on{ width:32%; float:left; margin-left:4%;}
.goods-info .goods-common .favor{ display:inline-block; width:36px; height:33px; background:url(../images/favor_no.png) no-repeat center; background-size:100%;}
.goods-info .goods-common .favor.active{ width:36px; height:33px; background:url(../images/favor_yes.png) no-repeat center; background-size:100%;}

.goods-detail{ background:#fff; padding:2rem 0; border-top:1px solid #EAEAEA;}

.goods-detail .images{ width:66%; text-align:center; float:left; border-right:1px solid #D5D5D5;}
.goods-detail .images img{ width:100%; max-width:1000px}
.goods-detail .recomm{ text-align:center; margin-left:68%;}
.goods-detail .recomm.horizontal{ width:100%; display:block; margin-left:0;}
.goods-detail .recomm.horizontal h3{ text-align:left;}
.goods-detail .recomm ul{ width:80%; margin:2rem auto;}
.goods-detail .recomm.horizontal ul{ width:100%;}
.goods-detail .recomm.horizontal ul li{ float:left; width:25%;}
.goods-detail .recomm ul li img{ width:100%;}
.goods-detail .recomm ul li .bifocal{ color:#818181; font-size:1.6rem;}
.goods-detail .recomm ul li h4{ font-size:2rem; margin-top:0.48rem;}

.goods-detail h3{ color:#000;}
.goods-detail span{ color:#aa3123;}
.goods-detail span i{ font-style:normal; font-size:1.6rem;}
.goods-detail .desc{ margin-left:48%; background:#fff;}
.goods-detail .desc h3{ background:#EAEAEA; line-height:4rem; text-indent:1rem;}



/*.goods-detail .desc .step1{ background:url(../images/step_one.jpg) no-repeat center; width:678px; margin:0rem auto; height:235px;}
.goods-detail .desc .step1 ul{ float:left; width:50%; text-align:center; margin-top:2rem;}
.goods-detail .desc .step1 ul li{ padding:0.1rem 0;}
.goods-detail .desc .step1 ul li label{ font-weight:200; display:inline-block; width:6rem; text-align:left;}
.goods-detail .desc .step1 ul li select{ width:7.2rem; border-radius:2rem; padding:2px 4px;}
.goods-detail .desc .step2{ padding:2rem;}
.goods-detail .desc .step2 ul li{ padding:1rem 0;}
.goods-detail .desc .step2 ul li label{ font-weight:200; display:inline-block; width:16.8rem; padding-right:1rem; text-align:right;}
.goods-detail .desc .step2 ul li select{ width:100%; border-radius:2rem; padding:2px 4px;}*/

/*配镜*/
.show-tips{ display:inline-block; width:1.88rem; height:1.88rem; background:#bababa; color:#fff; border-radius:50%; font-style:normal; text-align:center; line-height:1.88rem; cursor:pointer; margin-left:0.68rem; margin-right:0.3rem; vertical-align:central; font-size:16px;}

.goods-info-select{ border-top:1px solid #707070; background:#fff; margin:1rem 0 3rem 0;}
.goods-info-select .goods-image{ float:left; width:320px; padding-top:0.68rem;}
.goods-info-select .goods-common{ margin-left:400px; padding-top:2rem;}
.goods-info-select .goods-common .price h3{ margin-bottom:0.38rem;}
.goods-info-select .goods-common .param label{ display:inline-block; font-weight:200; margin-right:1rem; color:#ABABAB;}
.glasses{ position:relative;}
.glasses .step2{}
.glasses .step{ border-bottom:1px solid #D5D5D5; position:relative; line-height:4rem; padding-left:9rem; font-size:2.4rem;}
.glasses .step em{ font-style:normal; position:absolute; bottom:-5px; border:1px solid #D5D5D5; border-radius:50%; height:60px; width:60px; text-align:center; background:#fff; font-size:40px; line-height:60px; color:#bababa; left:3rem;}
.glasses .tips{ position:absolute; right:0; bottom:0; font-size:1.68rem; color:#c3c3c3;}
.glasses .tips span{ margin-left:1.68rem;}

.eye-param{ padding:2.48rem 0;}
.eye-param .fill-pd{ float:left; width:46%;}
.eye-param .eye{ margin-left:46%; border-left:1px solid #D5D5D5;}
.eye-param .eye .prescription{ background:url(../images/eye_param.png) no-repeat center; padding:2rem 0; height:220px;}
.eye-param .eye .purpose{ text-align:center; padding:0rem 0;}

.eye-param .fill-pd{ width:400px; margin:1.38rem auto; margin-left:8%;}
.eye-param .fill-pd h4{ line-height:4rem;}
.eye-param .fill-pd .pd-area-tips{ background:#fff4f4; font-size:1.48rem; padding:0.68rem; border:1px solid #ffcbcb; color:#ff5e00;}
.eye-param .fill-pd .single,.fill-pd .dual{ float:left; width:100%; margin:1rem 0}
.eye-param .fill-pd select{ }

.error-tips{ display:none; margin-top:1rem; background:#fff4f4 url(../images/warning.png) no-repeat 0.68rem center; background-size:1.68rem; font-size:1.48rem; padding:0.68rem; padding-left:2.68rem; border:1px solid #e41300; color:#e41300;}
.eye-error{ width:68%; margin:0 auto;}

.eye-param .fill-pd .disabled{ color:#D5D5D5;}
.eye-param .fill-pd .disabled label{ color:#707070;}
.eye-param .fill-pd .disabled img{ opacity:0.5}

.disabled{ color:#D5D5D5;}
.disabled button{ background:#D5D5D5;}
.disabled button:hover{ background:#ABABAB;}
.disabled select{ border-color:#D5D5D5;}

.eye-param .eye ul{ float:left; width:50%; text-align:center;}
.eye-param .eye ul li{ padding:0.16rem 0;}
.eye-param .eye ul li label{ font-weight:200; display:inline-block; width:7.6rem; text-align:left; white-space:nowrap}
.eye-param .eye ul li select{ width:8.8rem; border-radius:2rem; padding:0.18rem 2.5rem 0.18rem 1rem}
.eye-param .eye .purpose{ text-align:left; margin-top:1.08rem; margin-left:12%;}
.eye-param .eye .purpose h3{ margin-bottom:0.68rem;}
.eye-param .eye .purpose label{ font-weight:200;}

.lenses{ position:relative;}
.lenses .shadown{ display:none; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.06); z-index:999999; text-align:center; text-align:center;}
.lenses .shadown img{ margin-top:87px;}
.lenses .lenses-item{ padding:3.8rem 0;}
.lenses .lenses-item ul{ margin-left:120px;}
.lenses .lenses-item ul li{ padding:1.08rem 0;}
.lenses .lenses-item ul li label{ display:inline-block; width:14.8rem; font-weight:200; vertical-align:top}
.lenses .lenses-item ul li select{ width:708px; border-radius:3rem; padding:0.28rem 1rem; border:1px solid #707070;}
.lenses .lenses-item ul li select[disabled='disabled']{
	border-color:#bababa; color:#bababa;
}
.lenses .lenses-item ul li .upgrade-item{ display:inline-block;}
.lenses .lenses-item ul li .upgrade-item span{ display:block; margin-bottom:1.38rem;}
.lenses .lenses-item ul li .upgrade-item.clips span{ display:inline-block; margin-right:1rem;}
.lenses .lenses-item ul li .upgrade-item span a{ display:inline-block; padding:0.68rem 1.08rem; border:1px solid #707070; background:#fff; position:relative;}
.lenses .lenses-item ul li .upgrade-item.clips{ max-width:638px;}
.lenses .lenses-item ul li .upgrade-item.clips span a{ padding:0.38rem;}
.lenses .lenses-item ul li .upgrade-item span a img{ width:48px;}
.lenses .lenses-item ul li .upgrade-item span a:hover{ border-color:#ab3025; color:#000; transition: all 0s linear;}
.lenses .lenses-item ul li .upgrade-item span a.active{ border-color:#ab3025; border-width:2px; margin:-1px; background:url(../images/checked.png) no-repeat right bottom; transition: all 0s linear; color:#000;}

.div-blue-light{ display:inline-block; padding:0 0 0.38rem 0;}

.add-cart{ text-align:right; padding:0 0 1rem 0;}
.add-cart .subtotal{ font-size:2.2rem; margin-right:1rem; font-style:normal;}
.add-cart .subtotal i{ font-style:normal;}
.add-cart .exceed{ display:none; font-style:normal;}
.add-cart button{ line-height:2rem; border-radius:2rem; padding:10px 30px; margin-left:2rem;}
.add-cart button.valid-step1{ background:#31708f;}
.add-cart button.back-to-step1{ float:left; background:#31708f;}

.shopping-cart{ border-top:1px solid #707070;}
.cart-empty{ padding:20rem 0; text-align:center; font-size:6rem; font-weight:800; color:#EAEAEA}

.param .iconfont{ font-size:20px; vertical-align:middle; color:#ab3025; font-weight:bold; cursor:pointer;}
.shopping-cart .cart-list{ float:left; width:70%;}
.shopping-cart .cart-list table{ border:0px solid #EAEAEA; width:100%;}
.shopping-cart .cart-list table td,.cart-list table th{ padding:12px; border-bottom:1px solid #b9b8b8; font-weight:200;}
.cart-list table th.title span{ display:inline-block; width:105px; text-align:center;}
.shopping-cart .cart-list table tr:last-child td{ border:0;}
.shopping-cart .cart-list table td.info{ position:relative;}
.shopping-cart .cart-list table td.info section{ position:absolute; right:12px; top:20px; overflow:hidden;}
.shopping-cart .cart-list table td.info section div{ display:inline-block; width:105px; text-align:center;}
.shopping-cart .cart-list table .thumb-image{ width:238px; float:left;}
.shopping-cart .cart-list table .param{ margin-left:248px; font-size:1.5rem;}
.shopping-cart .cart-list table .param h4{ font-size:1.5rem;}
.shopping-cart .cart-list table img{ width:100%;}
.shopping-cart .cart-list table .view-vision{ color:#707070; line-height:2rem;}
.shopping-cart .cart-list table .view-vision .iconfont{ cursor:pointer; font-size:2rem;}
.shopping-cart .cart-list table .view-vision .iconfont:hover{ color:#ab3025;}

.abtn-info{ border:1px solid #b9b8b8; border-radius:4px; padding:0 3px; font-size:0.9rem;}
.abtn-info:hover{ border:1px solid #707070; background:#F8F8F8;}

.alink{ color:#ab3025; text-decoration:underline;}
.alink:hover{ text-decoration:none;}

.shopping-cart .cart-list table .my-vision{ display:none;}
.shopping-cart .cart-list .empty-cart{ text-align:center; padding:10rem 0; font-size:4rem; color:#ABABAB;}

.cart-list .my-vision table{ width:auto; font-size:1.4rem;}
.cart-list .my-vision table td{ padding:2px; border:0;}

.shopping-cart .cart-list table .action{ margin-top:1rem;}
.shopping-cart .cart-list table .action a{ border:1px solid #707070; display:inline-block; padding:3px 1.68rem; text-align:center; background:#FBFBFB; margin-right:0.68rem;}

.city{ position:relative;}
.city-lists{ position:absolute; display:none; width:50%; background:#f5f5f5; min-height:100px; height:auto; border:1px solid #707070; border-top:0; top:39px;}
.city-lists section a{ display:block; padding:8px; font-size:1.4rem;}
.city-lists section a:hover{ background:#ECECEC;}
.city-lists section h3{ text-align:center; padding:8px; font-size:1.6rem;}
.city-lists div{ border-top:1px solid #d0d0d0; background:#dddee0;}
.city-lists .close-city{ display:block; text-align:center; line-height:3.68rem; font-size:1.6rem;}

.shopping-cart .cart-list table td.info section .qty-add-sub{ border:1px solid #707070; border-radius:2rem; overflow:hidden; white-space:nowrap; word-break:keep-all; vertical-align:middle; width:auto;}
.shopping-cart .cart-list table td.info section .qty-add-sub i{ font-style:normal; float:left; display:block; width:2.2rem; text-align:center; font-size:1.3rem; height:26px; line-height:28px; font-weight:600; cursor:pointer; overflow:hidden;}
.shopping-cart .cart-list table td.info section .qty-add-sub input{ width:3rem; float:left; border:0; border-left:1px solid #707070; border-right:1px solid #707070; text-align:center; font-size:1.4rem; line-height:24px;}

.shopping-cart .summary{ margin-left:76%; padding-top:5rem;}
.shopping-cart .summary h3{ margin:1rem 0;}
.shopping-cart .summary .sub-total{ margin:1rem 0; padding:1.68rem 0; overflow:hidden;}
.shopping-cart .summary .sub-total span{ font-size:2rem; font-weight:400;}
.shopping-cart .summary .sub-total span em{ font-style:normal;}
.shopping-cart .summary .sub-total-line{ margin:0.68rem 0; padding:0.68rem 0;}
.shopping-cart .summary .sub-total-line section{ margin:0.38rem 0;}
.shopping-cart .summary .ca_tax{ display:none;}
.shopping-cart .summary .sub-total-line p{ margin-bottom:1rem;}
.shopping-cart .summary .footer{ padding:1rem 0;}
.shopping-cart .summary .footer button[disabled='disabled']{ background:#C0C0C0;}

.shipping .cart-list h3{ margin:1.68rem 0; font-weight:600;}
.shipping .cart-list ul.address-list li{ float:left; width:30%; margin-right:1%; margin-bottom:1%;}
.shipping .cart-list ul.address-list li a{ border:1px solid #D5D5D5; padding:1rem; display:block;}
.shipping .cart-list ul.address-list li a:hover,.shipping .cart-list ul.address-list li a.active{ border-color:#ab3025;}

.shipping .cart-list ul.address li{ padding:0 0 16px 0;}
.shipping .cart-list ul.address li input{ padding:6px 8px; border:1px solid #707070;}
.shipping .cart-list ul.address li select{ padding:7px 10px; width:420px; border:1px solid #707070; border-radius:0;}
.shipping .cart-list ul.address li input.long{ width:70%;}
.shipping .cart-list ul.address li input.mid-long{ width:50%;}
.shipping .cart-list textarea.mid-long{ padding:6px 8px; border:1px solid #707070; width:70%;}

/*購物車訂單確認未登錄*/
.shadow { background: rgba(0,0,0,0.5); position:fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 9999;}
.cart-login { width: 620px;	height: 408px; margin: 200px auto; background: #fff; box-shadow: 0px 0px 0px #000; position:relative;}
.cart-login .close-login-window{ width:3rem; height:3rem; position:absolute; background:url(../images/close.png) no-repeat; background-size:100%; bottom:-4rem; left:50%; cursor:pointer; margin-left:-1.5rem;}
.cart-login dl dd { width: 50%;	float: left; text-align: center; line-height: 5rem;	cursor: pointer; position: relative; text-transform:uppercase;}
.cart-login dl dd span { position: absolute; left: 0; top: 0; width: 0;	height: 4px; line-height: 0; background: #ab3025; transition: all 0.4s ease;}
.cart-login dl dd:hover span { width: 100%; background: #ab3025; transition: all 0.4s ease;}
.cart-login dl dd.active span {	width: 100%; background: #ab3025;}
.cart-login .common { margin: 1.68rem 2.68rem;}
.cart-login .common ul li {	margin-bottom: 1.68rem;}
.cart-login .common ul li input[type=text], .cart-login .common ul li input[type=password] { width: 100%; border: 1px solid #707070;	padding: 1rem 2rem;}
.cart-login .common ul li button { width: 100%;	border-radius: 0; line-height: 3.6rem;}
.cart-login .common ul li a { color: #ab3025}

.goto-pay{ width:100%; border-radius:0; padding:1.68rem 0;}

.member .left-menu{ float:left; width:340px;}
.member .left-menu ul li i{ font-size:2rem;}
.member .left-menu ul li a{ display:inline-block; line-height:3.6rem; text-indent:0rem;}
.member .left-menu ul li a:hover,.member .left-menu ul li a.active{ text-indent:0.68rem; color:#ab3025;}
.member .right-main{ margin-left:380px;}
.member .right-main .profile{ margin-bottom:200px;}
.member .right-main .profile h3{ margin-bottom:1.5rem;}
.member .right-main .profile ul{}
.member .right-main .profile ul li{ padding:0.38rem 0;}
.member .right-main .profile ul li.city{}
.member .right-main .profile ul li.city label{ float:left; width:12.8rem;}
.member .right-main .profile ul li.city>section{ margin-left:13.18rem; position:relative;}
.member .right-main .profile ul li.city .city-lists{ width:360px;}
.member .right-main .profile ul li.operation{ width:500px; text-align:right; margin-top:3rem;}
.member .right-main .profile ul li label{ width:12.8rem; font-weight:400;}
.member .right-main .profile ul li input{ padding:6px 10px; width:360px; border:1px solid #707070;}
.member .right-main .profile ul li input.long{ width:50%;}
.member .right-main .profile ul li select{ padding:7px 10px; width:420px; border:1px solid #707070; border-radius:0;}

.member .right-main .profile ul li input:focus,.member .right-main .profile ul li select:focus{ box-shadow:0px 0px 3px 3px #EAEAEA inset; border-color:#333; color:#000; transition:0.4s;}

.member .right-main .profile ul li button{ padding-left:4rem; padding-right:4rem;}

/*Check Out*/
.checkout .address{ width:25%; float:left;}
.checkout .address{ background:#fafafa; padding:0.38rem 1.68rem;}
.checkout .address ul li{ padding:1rem 0;}

.pay{ width:26%; float:left; margin:0 2%; border-top:3px solid #ab3025; background:#fafafa;}
.pay section{ margin:1rem;}
.pay .subtotal{text-align:right; line-height:2.6rem; padding:0 1.68rem 1rem;}

.checkout .goods{ float:right; width:45%; margin-left:0!important;}
.checkout .goods .order-detail .order-goods .thumb-image{ width:120px;}
.checkout .goods .order-detail .order-goods .thumb-image img{ width:100%;}
.checkout .goods .order-detail .order-goods .param{ margin-left:140px;}

/*订单列表*/
.order-list li.empty{ text-align:center; padding:5rem 0; font-size:4rem; color:#D5D5D5; margin-bottom:12rem;}
.order-list li.empty a{ font-size:2rem;}
.order-info{ border:1px solid #dedede; width:100%; font-size:1.5rem;}
.order-info:hover{ border-color:#C0C0C0; transition:0.6s;}
.order-info img{ width:100%;}
.order-info td,.order-info th{ border-bottom:0px solid #e5e5e5;}
.order-info th span{ display:inline-block; text-indent:4rem;}
.order-info th span a{ color:#333}

.order-info .block{ display: flex;}
.order-info .glasses-info{ flex: 7; border-right:1px solid #EAEAEA;}
.order-info .sub-total{ flex: 1; text-align:center; border-right:1px solid #EAEAEA; padding-top:42px;}
.order-info .order-view{ flex: 1.5; text-align:center;}
.order-info>tbody>tr>td{ border-right:1px solid #dedede;}
.order-info>tbody>tr>td .order-view{ font-size:1.5rem;}
.order-info>tbody>tr>td .order-view h5{ margin-bottom:0.68rem; font-size:1.6rem;}
.order-info>tbody>tr>td .order-view button{ font-size:1.38rem; margin-bottom:0.68rem; padding:5px 12px;}
.order-info>tbody>tr a:hover{ color:#ab3025;}
.order-info th{ background:#f8f8f9; font-weight:200; padding:8px 12px;}
.td-padding th,.td-padding td{ padding:8px 12px;}
.order-info table{}
.order-info table .image{ width:168px; float:left; margin-right:36px;}
.order-info table .info{ float:left; width:180px; margin-top:10px; margin-right:36px;}
.order-info table .param{ float:left; margin-top:10px;}
.order-info table tr td{ border-bottom:1px solid #EAEAEA; padding:8px 12px;}
.order-info table tr:last-child td{ border:0;}
.order-info table tr td p{ margin:0.2rem 0;}

.order-detail li section{ line-height:2.68rem; padding-bottom:1rem;}
.order-detail li section h3{ margin-bottom:1rem;}
.order-detail li h4{ padding:6px 0 4px 0;}
.order-detail li.back-to-list{ position:relative;}
.order-detail li.back-to-list a{ text-decoration:underline; color:#408080}
.order-detail li.back-to-list a:hover{ text-decoration:none;}
.order-detail li.back-to-list .alink-back{ position:absolute; right:8px; bottom:0px; color:#408080; text-decoration:none;}
.order-detail .order-goods{ width:100%; border-bottom:0px solid #b9b8b8;}
.order-detail .order-goods tr>td,.order-detail .order-goods tr>th{ padding:12px; border-top:1px solid #b9b8b8; font-weight:200;}
.order-detail .order-goods tr>th{ background:#f8f8f9; padding:8px 12px;}
.order-detail .order-goods tr>th.title span{ display:inline-block; width:105px; text-align:center;}
.order-detail .order-goods img{ width:20rem;}
.order-detail .order-goods .my-vision{ display:none;}
.order-detail .order-goods table tr td{ border:none; padding:0;}

.order-detail .order-goods tr td.info{ position:relative;}
.order-detail .order-goods tr td.info .qty-subtotal{ position:absolute; right:8px; top:20px; overflow:hidden;}
.order-detail .order-goods tr td.info .qty-subtotal div{ display:inline-block; width:105px; text-align:center;}

.order-detail .order-goods .thumb-image{ width:238px; float:left;}
.order-detail .order-goods .param{ margin-left:268px;}

.favor-list{ margin-top:1rem; margin-bottom:2rem; border-left:1px solid #d8d1ca; border-top:0px solid #d8d1ca;}
.favor-list li{ position:relative; border-right:1px solid #d8d1ca; border-bottom:1px solid #d8d1ca; transition: all 0.3s linear;}
.favor-list li:nth-child(-n+3){ border-top:1px solid #d8d1ca;}
.favor-list li:hover{ box-shadow:0rem 0rem 1.2rem 0rem #999; z-index:999; transition: box-shadow 0.4s ease-in-out;}
.favor-list li img{ width:100%;}
.favor-list li span{ position:absolute; left:8px; bottom:8px;}
.favor-list li .font-price{ position:absolute; right:8px; bottom:8px;}
.favor-list li .delete-favor{ position:absolute; width:2rem; height:2rem; right:8px; top:8px;}
.favor-list li .delete-favor i{ display:none; font-size:2rem;}
.favor-list li:hover .delete-favor i{ display:block;}
.favor-list li .delete-favor:hover i{ color:#ab3025}
.favor-list li.empty{ text-align:center; line-height:16rem; font-size:4rem; color:#D5D5D5;}

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

/*css radio*/
.magic-radio{ position: absolute; display: none;}
.magic-radio + label { position: relative; display:inline-block; cursor: pointer; vertical-align: middle; padding-left: 2.3rem; min-width: auto !important; margin-left:1rem; font-size:1.6rem;}
.magic-radio:checked + label:before { background: #23b8c5; border-color: #23b8c5;}
.magic-radio + label:before { border-radius: 50%;}
.magic-radio + label:before { position: absolute; top: 0em; left: 0; display: inline-block; width: 1.2em; height: 1.2em; content: ''; border: 1px solid #c0c0c0;}
.magic-radio:checked + label:after{ display: block;}
.magic-radio + label:after { top: 0.13em; left: 0.46em; box-sizing: border-box; width: 0.46em; height: 0.8em; transform: rotate(45deg); border-width: 1px; border-style: solid; border-color: #fff; border-top: 0; border-left: 0;}
.magic-radio + label:after{ position: absolute; display: none; content: '';}
/*css checkbox*/
.mui-switch {width: 42px; height: 21px; position: relative; border: 1px solid #DBDBDB; background-color: #DBDBDB; box-shadow: #dfdfdf 0 0 0 0 inset; border-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-clip: content-box; display: inline-block; -webkit-appearance: none; user-select: none; outline: none; vertical-align:text-bottom; cursor:pointer;}
.mui-switch:before { content: ''; width: 19px; height: 19px; position: absolute; top: 0px; left: 0; border-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);}
.mui-switch:checked { border-color: #ab3025; box-shadow: #ab3025 0 0 0 16px inset; background-color: #64bd63;}
.mui-switch:checked:before { left: 21px;}
.mui-switch.mui-switch-animbg { transition: background-color ease 0.4s;}
.mui-switch.mui-switch-animbg:before { transition: left 0.3s;}
.mui-switch.mui-switch-animbg:checked { box-shadow: #dfdfdf 0 0 0 0 inset; background-color: #64bd63; transition: border-color 0.4s, background-color ease 0.4s;}
.mui-switch.mui-switch-animbg:checked:before { transition: left 0.3s;}
.mui-switch.mui-switch-anim { transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;}
.mui-switch.mui-switch-anim:before { transition: left 0.3s;}
.mui-switch.mui-switch-anim:checked { box-shadow: #ab3025 0 0 0 16px inset; background-color: #ab3025; transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s;}
.mui-switch.mui-switch-anim:checked:before { transition: left 0.3s;}

footer .menu-list{ background:#f1f2f6; padding:86px 0 66px 126px; margin-top:25px;}
footer .menu-list ul{}
footer .menu-list ul li{ float:left; width:18%; margin-right:1%; text-align:left;}
footer .menu-list ul li:first-child{ width:16%;}
footer .menu-list ul li:nth-child(2){ width:30%;}
footer .menu-list ul li:last-child{ width:32%; text-align:center; border-left:1px solid #b4b4b6; min-height:200px;}
footer .menu-list ul li h3{ color:#ab3025; font-weight:600; font-size:1.8rem; margin-bottom:0.8rem;}
footer .menu-list ul li h3 i{ font-size:1.8rem;}
footer .menu-list ul li a{ display:block; padding:10px 0;}
footer .menu-list ul li a:hover{ color:#000000;}
footer .footer{ background:#202020; height:58px; line-height:58px; color:#ffffff;}

footer .menu-list ul li .contact{ margin-top:4rem;}
footer .menu-list ul li .contact a{ display:inline-block;}

#tbox{width:47px; height:73px; float:right; bottom:50px; right:0; position:fixed; z-index:999999;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:10px;
}/*解决IE6下不兼容 position:fixed 的问题*/
#gotop{ width:47px; height:47px; background:url(../images/top01.png) no-repeat; position:absolute; top:0px; display:none; cursor:pointer} 
#gotop:hover{ background:url(../images/top02.png) no-repeat;}

/*modal對話框*/
.modal-backdrop.in { opacity: 0.05;}
.close { font-size: 40px; font-weight: 100;}
.modal-buy-frame { width: 800px;}
.modal-content { box-shadow: none; border-radius: 0;}
.modal-body { padding: 0 3rem 3rem 3rem;}
.modal-buy-frame img { width: 268px;}
.modal-buy-frame h3 { margin-bottom: 0.68rem; position: relative; }
.modal-buy-frame h3 span { position: absolute; right: 0;}
.modal-buy-frame .add-cart { padding: 1rem 0; text-align: right;}
.modal-buy-frame .add-cart button {	border: 0; background: #ab3025;	color: #fff; height: 3rem; border-radius: 5rem; padding: 0 20px;}
.modal-try-on {	width: 600px; margin-top:100px;}
.modal-try-on .modal-body {	text-align: center;}
.model { position: relative; width: 432px; height: 374px; margin: 0 auto;}
.model .glasses { position: absolute; left: 50%; margin-left: -90px; top: 120px; padding:0;}
.model span { position: absolute; left: 10px; bottom:6px; font-size:2.6rem; color:#fff; font-weight:800; text-shadow:1px 1px 2px #333;}
.model .choose-model { border: 1px solid #707070; width: 100%; height: 100%;}
.trumb { width: 100%; height: 100%; border: 1px solid #707070;}
.modal-try-on a.active .trumb { border-color: #ab3025;}
.modal-try-on .swiper-slide span{ position:absolute; left: 2px; bottom:0px; font-size:1.8rem; color:#fff; font-weight:600; text-shadow:1px 1px 2px #333;}

.modal-try-on .model-trumb-list{ width:486px; height:92px; padding:0 27px; margin:1rem auto 0rem auto; position:relative;}
.modal-try-on .color-list-try{ margin-top:1rem;}
.modal-try-on .color-list-try a{ margin:4px; border:2px solid #fff; height:23px; border-radius:50%; display:inline-block;}
.modal-try-on .color-list-try i{ height:15px; width:15px; border-radius:50%; border:1px solid #e4e4e4; display:inline-block; margin:2px;}
.modal-try-on .color-list-try a:hover,.modal-try-on .color-list-try a.active{ border:2px solid #adadad; transition:0.6s;}


.swiper-button-prev { left: -15px;}
.swiper-button-next { right: -15px;}

.pagination{ margin:0;}

#page{ padding:10px 0 20px 0; text-align:center;}
#page a,#page span{ display:inline-block; background:#cccccc; color:#fff; padding:5px 12px; margin-right:6px; border-radius:1px;}
#page a{ cursor:pointer; background:#ab3025;}
#page a:hover{ color:#fff}
#page span{ background:#cccccc}