@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0; font:14px Arial; line-height:25px; background:#000; min-width:1200px; color:#e5c992}
ul,li,p,ol,dl,dd,h1,h2,h3,h4,input{ padding:0; margin:0; list-style:none; font-weight:normal}
input,select,textarea,button{ font-family:Arial; outline:none; padding:0; margin:0}
.txt{ border:1px solid #e5c992; line-height:35px; text-indent:10px; width:350px; min-height:35px; margin-right:10px; color:#e8c992}
em,i{ font-style:normal; display:inline-block}
.m{ overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
a{ text-decoration:none; color:#e5c992}
.radius{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden}
.tl{ text-align:left}
.tm{ text-align:center}
.tr{ text-align:right}
.fl{ float:left}
.fr{ float:right}
.p20{ padding:20px 0}
.p30{ padding:30px 0}
.red{ color:#d40716}
.gry{ color:#999}
.darkgry{ color:#666}
.brown{ color:#90826a}
.gold{ color:#e5c992}

.videoicon{width:26px; height:26px; background:url(../images/topicon.png) no-repeat -51px 0; vertical-align:middle; margin-right:5px;}
.bagicon{width:22px; height:26px;background:url(../images/topicon.png) no-repeat -28px 1px;vertical-align:middle; margin-right:5px;}
.fb{ position:relative}
.btn{ background:#e5c992; color:#000; border-radius:5px; display:inline-block; border:0; width:172px; cursor:pointer; height:45px; line-height:45px; font-size:20px; text-align:center}
.btn:hover{ background:#d9be88}
.link{ color:#e5c992; text-decoration:underline}

.actpic{ padding-top:15px;}
.ibox{ padding:5px;}
.ibox li{ float:left; width:50%; border:5px solid #fff;box-sizing: border-box;}
.ipic{ width:100%; background-position:center; background-repeat:no-repeat; background-size:contain}
.pic1{background-image:url(../images/p1.jpg)}
.pic2{background-image:url(../images/p2.jpg)}
.pic3{background-image:url(../images/p3.jpg)}
.pic4{background-image:url(../images/p4.jpg)}
.pic5{background-image:url(../images/p5.jpg)}
.pic6{background-image:url(../images/p6.jpg)}
.ipic a{ display:block; height:302px; position:relative; overflow:hidden}
.iboxtxt{ background:rgba(0,0,0,0.5); color:#fff; font-size:16px; display:block; padding:0 50px; position:absolute; bottom:0; left:0; right:0; text-align:center; line-height:30px; height:0;transition:height .5s; overflow:hidden}
.iboxtxt em{ padding:30px 0 20px 0; font-size:20px; display:block}
.iboxtxt:before{ padding-top:10px; content:" "; display:block}
.ipic a:hover .iboxtxt{ height:5rem; transition:height .5s;}
/*输入框----通用*/
.inputbox ul{ padding:20px 0}
.inputbox li{ padding:5px 0; line-height:35px;}
.inputbox li input[type="text"], .inputbox li select{ width:250px; border:1px solid #dbdbdb; line-height:35px; height:35px; text-indent:10px; margin-right:10px}
.inputbox em{ width:70px; text-align:right; padding-right:10px; color:#666; vertical-align:top;}
.inputbox label{ margin-right:30px;}
.inputbox input[type="radio"]{ vertical-align:middle; margin-right:5px;}
.inputbox textarea{ border:1px solid #dbdbdb}
.alertbtn{ text-align:center;}
.alertbtn .zbtn,.alertbtn .borderbtn{ margin:0 10px; padding:5px 50px;}

/*-----header----*/
.header { height:92px; padding:40px 0; line-height:32px; margin:0 auto; position:relative; text-align:center; background:url(../images/lightline.jpg) no-repeat center bottom}
.w1200{ width:1200px; margin:0 auto}
.logo{ width:95px; height:92px; background:url(../images/logo-en.jpg) no-repeat center; display:inline-block}
.menu_l{ float:left; padding-top:30px;}
.menu_r{ float:right; padding-top:30px;}
.menu_l a,.menu_r a{ padding:0 10px; min-width:62px; display:inline-block;}
.menu_l a:hover,.menu_r a:hover{ background:url(../images/menu_a.jpg) no-repeat center bottom; opacity:.8; filter:alpha(opacity=80)}

/*------footer-----*/
.footer{ padding:50px 0;background:url(../images/lightline.jpg) no-repeat center top; text-align:center}
.code{ padding-bottom:40px; font-size:16px}
.footer p{ height:30px;}
.footer p a{ padding:0 20px;}
.footer p a:hover{ padding:0 20px;opacity:.8; filter:alpha(opacity=80)}
.footer em{ width:20px; height:20px; background:url(../images/footer_icon.jpg) center no-repeat; padding:0 10px}

/*------弹框开始-----*/
.closed{ width:36px; height:36px; right:14px; top:14px; position:absolute;background:url(../images/close.png) no-repeat;opacity:.5; filter:alpha(opacity=50)}
.closed:hover{opacity:1; filter:alpha(opacity=100)}
.blackbg{ background:rgba(0,0,0,0.7); position:fixed; left:0; right:0; top:0; bottom:0; z-index:99; display:none}
.alertbox{ width:340px; height:380px; background:#fff; border:1px solid #ceab5f; position:fixed; left:50%; top:50%; margin-left:-170px; margin-top:-190px; z-index:999; color:#000; display:none}
.tabtop{ padding:40px 30px 20px; line-height:40px; height:40px;text-align:center; font-size:16px}
.tabcon{ display:none}
.tabtop a{ float:left; display:inline-block; width:50%; color:#000; position:relative}
.tabtop a.sel:after{ position:absolute; content:""; width:50px; left:50%; bottom:0; height:2px; background:#000; margin-left:-25px;}
/*登录*/
.login .txt{ border:0; margin:0; float:left}
.loginbox{ padding:0 45px;}
.loginbox ul{ padding:20px 0}
.loginbox li{ height:35px; padding:0 15px; width:218px; margin-bottom:15px; line-height:35px; border-radius:20px; border:1px solid #dcdcdc}
.loginbox li font{ float:left; width:60px;}
.rbtn{ background:#000; color:#ceab5f; text-align:center; width:250px; height:37px; line-height:37px; font-size:16px; border-radius:30px; border:0; cursor:pointer}
.loginbox p{ padding:0 30px}
.loginbox p a{ color:#000; padding-top:20px; display:inline-block;}
.loginbox p a:hover{ text-decoration:underline}
.scode{ text-align:center; padding:0 45px}

.wechat-login{ padding:10px;}
/*试戴*/
.trytowearbox{ padding:65px 0; text-align:center; font-size:20px;}
.trytowearbox img{ padding:30px 0}
.trytowearbox span{ display:block;}
/*尺寸引导及包装*/
.sizeguide,.package{width:360px; padding:30px 0; margin-left:-180px; text-align:center}
.package{ width:480px; margin-left:-240px;}
.sizeguidebox,.packagebox{height:380px; overflow:auto}
.alertboxcon::-webkit-scrollbar {/*滚动条整体样式*/
            width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 4px;
        }
.alertboxcon::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }
.alertboxcon::-webkit-scrollbar-track {/*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);
        }
.notic{ padding:40px; height:130px}
/*------弹框结束-----*/

/*-----系列----------*/
.seriesnav{ background:#212121; height:180px;}
.seriesnav a{ display:block; float:left; width:398px; height:80px; text-align:center;padding:50px 0; color:#6a5d43; border:1px solid #000;border-top:0; border-bottom:0; opacity:.5; filter:alpha(opacity=50)}
.seriesnav a:first-child{ width:399px; border-left:0}
.seriesnav a:last-child{ width:399px; border-right:0}
.seriesnav a:hover,.seriesnav a.sel{ background:#000; opacity:1; filter:alpha(opacity=100)}
.explan{ height:114px; width:1200px; padding-top:284px; padding-left:110px; background-repeat:no-repeat}
.explan a{ display:inline-block; width:90px; height:45px; background:url(../images/icon_cart.png) no-repeat 30px center #212121; padding-left:60px; line-height:45px; font-size:16px;}
.explan a:hover{ text-decoration:underline}
/*show滚动*/
.showbanner{ position:relative; width:1200px; height:500px; margin-bottom:20px}
.showbanner:after{content:""; position:absolute;right:0; top:0;background:url(../images/showbanner.jpg) no-repeat right top #d3b167; height:500px; width:577px;}
.timebanner:after{background:#212121;top:-20px;}
.banner_wrap{ width:790px; height:460px; overflow:hidden;}
.banner_wrap ul{position: absolute;left:0px;top: 0px; z-index: 2;}
.banner_wrap li{width:790px; height:460px;float: left; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover}
.banner_txt{ color:#fff; position:absolute; right:0; top:0; width:410px;height:455px; overflow:hidden}
.banner_txt ul{position: absolute;left:0px; top: 0px; z-index: 2;}
.banner_txt li{ width:410px; height:455px; float:left}
.banner_txt span{ font-size:20px; text-align:right; line-height:30px; display:inline-block; margin-right:40px; padding-top:110px; padding-bottom:85px; background:url(../images/fc_bannertxt.png) no-repeat right bottom; width:370px;}
.banner_txt span p{ font-size:30px; padding:10px 0}
.timebanner .banner_txt span{ text-align:left;background:url(../images/hc_bannertxt.jpg) no-repeat 90px bottom; padding-left:90px; width:320px;}
.showbanner_num{ position:absolute; width:780px; left:0; top:430px; text-align:right; z-index:9}
.showbanner_num a{ width:15px; height:15px; background:#c2d4d8; margin:0 3px; overflow:hidden; display:inline-block; text-indent:999px;}
.showbanner_num a.on{ background:#538894;}
.showbanner_num a.on span{ color:#fff;opacity:1; filter:alpha(opacity=100);}
.indexBanner_num a.on,.indexBanner_num a:hover{background: url(../images/bg_num_on.png) no-repeat 0 0;}
.timebanner{ height:580px;}
.timebanner_num{/* background:url(../images/showline.png) no-repeat center bottom;*/ width:1200px; height:110px; position:absolute; z-index:99; bottom:-15px; left:0;}
.timebanner_num:after{ content:""; width:100%; height:1px; background:#666; position:absolute; top:50px; left:0; z-index:-2}
.timebanner_num a{ color:#fff; font-size:14px; width:150px; text-align:center; display:inline-block; position:relative; float:left;}
.timebanner_num a:after{ position:absolute; width:50%; height:1px; background:#000; top:50px; content:""; left:25%; z-index:-1}
.timebanner_num a i{ text-indent:-99999px; width:100%; height:50px; background-position:center; transform:scale(.7);opacity:.5; filter:alpha(opacity=50)}
.timebanner_num a em{ color:#666}
.timebanner_num a.on em{animation:move .8s forwards; color:#fff}
.timebanner_num a:hover i{transform:scale(1);opacity:1; filter:alpha(opacity=100)}
.timebanner_num a:hover em{ color:#fff}
.timebanner_num a.on i{opacity:1; filter:alpha(opacity=100)}
@keyframes move{0%{transform:scale(1)}50%{transform:scale(1.5)}100%{transform:scale(1)}}
-o-@keyframes move{0%{transform:scale(1)}50%{transform:scale(1.5)}100%{transform:scale(1)}}
-webkit-@keyframes move{0%{transform:scale(1)}50%{transform:scale(1.5)}100%{transform:scale(1)}}
-moz-@keyframes move{0%{transform:scale(1)}50%{transform:scale(1.5)}100%{transform:scale(1)}}

.showtime0 i{ background:url(../images/banner-dot-1.png) no-repeat}
.showtime1 i{ background:url(../images/banner-dot-2.png) no-repeat}
.showtime2 i{ background:url(../images/banner-dot-3.png) no-repeat}
.showtime3 i{ background:url(../images/banner-dot-4.png) no-repeat}
.showtime4 i{ background:url(../images/banner-dot-5.png) no-repeat}
.showtime5 i{ background:url(../images/banner-dot-6.png) no-repeat}
.showtime6 i{ background:url(../images/banner-dot-7.png) no-repeat}
.showtime7 i{ background:url(../images/banner-dot-8.png) no-repeat}

/*试戴*/
.trywear{ height:434px;}
.trywear a{ width:142px; height:45px; background:url(../images/trywear_btn-en.png) no-repeat; margin-top:270px; margin-left:220px; text-indent:-999999px; display:inline-block}
.trywear a:hover{ opacity:.5; filter:alpha(opacity=50)}
/*seriespic*/
.seriespic{ height:475px; padding:40px 0}
.seriespic li{ width:390px; display:inline-block; border:1px solid #e5c992; margin-right:12px; float:left}
.seriespic li:hover img{ opacity:.5; filter:alpha(opacity=50)}
.seriespic li:last-child{margin-right:0;}

/*iphoto*/
.iphoto h2{ width:100%; background:url(../images/photo_title.jpg) no-repeat center top; height:45px;}

/*搜索页*/
.main_l{ width:230px; float:left; height:100vh; padding:15px 33px; padding-right:16px}
.searchbox{ width:230px; height:35px; border-bottom:1px solid #806600; }
.searchbox input[type="text"]{ width:195px; border:0; height:35px; line-height:35px; background:none; float:left; color:#e5c992}
.searchbox input[type="submit"]{ width:35px; height:35px; background:url(../images/icon_search.jpg) no-repeat center; border:0; cursor:pointer; float:left;opacity:.5;filter:alpha(opacity=50)}
.searchbox input[type="submit"]:hover{opacity:1;filter:alpha(opacity=100)}

.pronav{padding:20px 0; line-height:30px;}
.snavcon li{ padding-left:7px}
.snavcon h2 a{ font-size:14px; font-weight:normal; position:relative; background:url(../images/icon_sarrow.jpg) no-repeat left center; padding-left:7px; display:inline-block;}
.snavcon li a{ color:#e5c992}
.snavcon li a.sel,.snavcon li a:hover{ text-decoration:underline}
.snavcon ul{ display:none}
.main_con{ width:921px; float:left; padding:15px 0}
.pro_pic{ padding-left:17px;}
.mainlist li{ width:290px; float:left; padding-left:17px; padding-top:17px; text-align:center;}
.mainlist li a{ color:#fff; width:290px; height:290px; position:relative; display:block}
.mainlist li img{ width:290px; height:290px;}
.cellbox{ position:absolute; left:0;top:0; background:rgba(0,0,0,.8); padding:90px 50px 0; height:200px; width:190px; display:none}
.cellbox:before{ content:""; margin:10px; width:269px; height:269px; border:1px solid #999; position:absolute; left:0; top:0}
.mainlist li span{ display:block}
.mainlist li p{ font-size:20px; padding:10px 0}
.mainlist li font{ width:76px; background:#fff; color:#000; height:30px; line-height:30px; text-align:center; display:inline-block;}
.mainlist li a:hover .cellbox{ display:block;}

/*-----detail----*/
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-booth{position:relative;z-index:1;}
div.zoomDiv{z-index:999;position:absolute;top:0;left:0px;width:200px;height:200px;background:#fff;border:1px solid #CCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.bigpic img{ width:485px; height:485px;}
.goodsinfo{ padding-top:65px}
.goodspic{ width:487px; padding:0 75px; float:left;}
.bigpic{ background:#fff;border:1px solid #e5c992; width:485px; height:485px;}
.goodspiclist{ padding-top:8px; margin-left:-4px}
.goodspiclist li{ width:90px; float:left; padding:0 4px;}
.goodspiclist li img{ width:89px; height:89px;}
.goodspiclist li a{ opacity:.5; filter:alpha(opacity=50); display:inline-block; border:1px solid #e5c992}
.goodspiclist li a.sel{ opacity:1; filter:alpha(opacity=100)}
.goodstxt{ padding-left:30px; padding-right:90px; float:left; width:443px; color:#fff}
.goodstxt h2{ font-size:20px; font-weight:normal; text-align:center; line-height:45px;}
.goodstxt h3{ font-size:14px; text-align:center; border-bottom:1px solid #808080; padding-bottom:20px; margin-bottom:20px}
.goodstxt h3 span{ padding-left:10px; color:#808080}
.gchoice{ padding-top:10px; padding-left:70px; position:relative;}
.gchoice span{ position:absolute; left:0; top:10px;}
.gbox{ display:inline-block; text-decoration:underline; color:#e5c992;}
.choicebox{ display:inline;}
.choicebox a{float:left; color:#fff; border:1px solid #808080; padding:0 10px; margin-right:10px; margin-bottom:10px; position:relative}
.choicebox a.sel{ color:#000; border-color:#e5c992; background:#e5c992}
.choicebox .oos{ color:#d90a0a; border-color:#d90a0a; padding-right:55px;}
.choicebox .oos:after{ content:"（缺货）";color:#d90a0a; position:absolute; right:0; top:0; height:25px; line-height:25px; font-weight:normal;}
.gtxt{ color:#e5c992; padding-top:10px}

.gnum{width:120px; border:1px solid #808080; line-height:25px; height:25px; display:inline-block; vertical-align:middle; margin-right:10px}
.gnum a{ width:20px; text-align:center; font-size:20px; display:inline-block; float:left}
.gnum input[type="text"]{ width:80px; border:0; line-height:25px;height:25px; float:left; text-align:center;color:#fff; background:none}
.gbtn{ padding-top:45px;}
.gbtn button{ height:40px; background:#e5c992; padding:0 20px; line-height:40px; display:inline-block; text-align:center; font-size:18px; color:#000; border:0; margin-right:10px; cursor:pointer; float:left}
.gbtn button.tocart{padding-left:55px; background:url(../images/icon_cart.png) no-repeat 25px center #212121; color:#e5c992; }
.gbtn button:hover{ opacity:.7}
.goodsdetail{ text-align:center; padding-bottom:20px}
.goodsdetail img{ max-width:750px;}
.goodsdetail h2{ background:url(../images/detailline.jpg) no-repeat bottom;padding:45px 0 20px 0; font-size:14px; font-weight:normal; margin-bottom:20px}

/*----register-------*/
.register{ width:340px; height:400px; margin:0 auto; padding:100px 0 100px 650px; background:url(../images/regpic.jpg) no-repeat left 100px;}
.register h2{ font-size:16px; text-align:center; line-height:30px; margin-bottom:20px; position:relative; letter-spacing:1px}
.register h2:after{ width:50px; height:2px; background:#e5c992; position:absolute; bottom:0; left:50%; margin-left:-25px; content:""}
.register ul{ padding-bottom:0}
.register li{ background:#fff; color:#666;}
.register li .yzm{ color:#000; text-decoration:underline; cursor:pointer}
.register .rbtn{ padding-left:10px; color:#000; background:#e5c992}
.register p{padding-left:10px; padding-bottom:10px;}
.register p a{ padding:0; color:#e5c992}
/*------index-----*/
.news{ background:#212121; padding:80px 0; height:295px; text-align:center}
.news li{ width:300px; height:295px;text-align:center; display:inline-block; padding:0 40px}
.news li img{ width:300px; height:170px;}
.newtxt{ background:url(../images/new_shadow.jpg) no-repeat center top; height:50px; padding-top:30px;}
.news span a{ display:inline-block; border:1px solid #e5c992; padding:0 20px; line-height:30px;}
.news li a:hover{ opacity:.8; filter:alpha(opacity=80)}
.newpro{ background:url(../images/newpro_bg.jpg) repeat-x; height:501px; color:#000; padding:70px 0; text-align:center}
.newpro h2{ text-align:center; font-size:40px; background:url(../images/newpro.png) no-repeat center bottom; padding-bottom:48px; line-height:50px;letter-spacing:3px;}
.newpro li{text-align:center; font-size:30px; line-height:40px; padding:40px 40px 0; display:inline-block; }
.newpro li p{ font-size:20px;}
.newpro li span{ display:block; padding-top:10px}
.newpro li span a{ display:inline-block; padding:0 30px; font-size:20px; border-radius:3px;background:#000; color:#e5c992;}
.newpro li span a:hover{ opacity:.8; filter:alpha(opacity=80)}
.indeximg{ width:990px; margin:0 auto}
.usershow{ width:990px; margin:0 auto; padding-top:240px; background:url(../images/usershow-en.jpg) no-repeat center 50px}
.usershow ul{padding-top:12px; border-top:1px solid #5e5951; height:695px; background:url(../images/botbg.jpg) no-repeat center bottom}
.usershow li{ width:197px; padding-left:1px; text-align:center; float:left; color:#fff;opacity:.3;filter:alpha(opacity=30); position:relative;}
.usershowtxt{padding-top:60px}
.usershowtxt span{ display:block; height:150px; }
.usershow ul:hover li{opacity:.3;filter:alpha(opacity=30); color:#fff}
.usershow ul li.sel,.usershow ul li:hover{opacity:1; color:#e5c992}
.usershow ul li.sel:before{ content:""; background:url(../images/user_top.jpg) no-repeat; position:absolute; left:0; top:-14px; width:100%; height:3px;}

/*---------event----------*/
.eventlist{width:1200px; margin:0 auto; padding-top:20px}
.eventlist li img{ border:5px solid #e5c992; width:1190px;}
.eventlist a{padding-bottom:32px; display:block}
.eventlist a:hover{ background:url(../images/event_a.jpg) repeat-x 0 bottom}
.eventbot{ color:#e5c992; padding-bottom:32px; text-align:center;}
.eventpic{ text-align:center; padding-bottom:20px}
.eventdetail h2{ padding-bottom:40px; font-size:20px; text-align:center}
.eventdetail{padding:40px 0 100px;}

/*--------usercenter---------*/
.main_nav{ margin:35px auto;width:720px; height:45px; border:1px solid #453d2c; text-align:center; border-radius:10px; font-size:16px;}
.main_nav li{ border-left:1px solid #453d2c; margin-left:-1px; width:120px; float:left; line-height:45px;}
.main_nav li:first-child{ border:0}
.main_nav li a{ color:#87744f; display:block; position:relative}
.main_nav li a:hover,.main_nav li a.sel{ color:#e5c990;}
.main_nav li a.sel:before,.main_nav li a.sel:after{ content:""; width:110px; height:1px; background:url(../images/slight.jpg) no-repeat center; position:absolute; left:50%; margin-left:-55px; top:-1px;}
.main_nav li a.sel:after{ top:45px;}
.usercon .title{ font-size:20px; padding-bottom:30px;}
.usercon{ padding-bottom:100px}
.usercenter{ text-align:center; padding:0 450px 50px; border-bottom:1px solid #736549}
.usercenter h2{ padding:30px 0;}
.usercenter p{ height:30px;}
.title .more{ float:right; font-size:14px}
/*--------cart---------*/
.icon{background:url(../images/checkbox_sq.png) no-repeat center; background-size:contain}
.checkbox{ background-image:url(../images/checkbox_sq.jpg); width:16px; height:16px;}
.checkbox-sel{ background-image:url(../images/checkbox_sq_sel.jpg); width:16px; height:16px;}
.cartline{ width:1200px; height:51px; color:#e5c992; padding:30px 0 80px;}
.cartline li{ width:246px; text-align:center; position:relative; float:left; line-height:51px; text-indent:-27px; background:url(../images/cartline_3.jpg) no-repeat right top #5c503a; padding:0 27px;}
.cartline li:last-child{ background:#5c503a}
.cartline li.sel{ background:url(../images/cartline_a.jpg) no-repeat center top #bf9949; color:#000;}
.cartline li.sel:after,.cartline li.sel:before{ position:absolute; right:0; width:27px; height:51px; content:""; background:url(../images/cartline_1.jpg) no-repeat center top;}
.cartline li.sel:before{left:-27px;background:url(../images/cartline_2.jpg) no-repeat center top;}
.cartline li.sel:first-child:before{ background:none}
.cartline li.sel:last-child:after{ background:none}

.protb table{ border:1px solid #e5c992; text-align:center; margin-bottom:30px}
.protb th{ border-top:1px solid #e5c992; font-weight:normal; line-height:40px;border-bottom:1px solid #e5c992; text-align:center}
.protb td{ padding:15px 0;border-bottom:1px dashed #e5c992;}
.protb td span{ line-height:22px; padding-top:7px; display:inline-block}
.protb h2{ font-size:16px;}
.protb td img{ width:70px; height:70px;}
.protb tr:last-child td{ border-bottom:0}
.protb .protb_title{ margin:0; border-bottom:0;}
.protb_title th{ border-bottom:0}

.protb .gnum{width:98px; height:30px; border-color:#e5c992; color:#e5c992}
.protb .gnum a,.protb .gnum input[type="text"]{  width:30px; line-height:30px; height:30px}
.protb .gnum input[type="text"]{ width:38px; color:#e5c992}
.protb p{ padding:10px 0; line-height:30px;}
.ckbox input[type="checkbox"]{ display:none}
.ckbox i{ cursor:pointer; vertical-align:middle}
.price{ font-size:20px}
.cart{display:inline}
.cart span{ font-size:20px;}
.probtn{ height:45px}
.tobuy{ padding-left:30px; background:url(../images/icon_cart.png) no-repeat left center; float:right; font-size:14px; display:inline-block}

/*--------orderdetail-------*/
.userl{ padding-right:345px; width:855px; position:relative; min-height:500px;}
.addressbox { text-align:center}
.addressbox li{display:inline-block; margin-bottom:10px;}
.addressbox li a{width:200px; height:100px; border:1px solid #736549; margin:1px; display:block; overflow:hidden;}
.addressbox li a.sel,.addressbox li a:hover{ border:2px solid #e5c992; margin:0;}
.addressbox li p{ line-height:40px; text-align:left; padding:0 7px;}
.addressbox li span{ border-top:1px solid #736549; padding:5px 0; margin:0 7px; text-align:left; display:block}
.addressbox li em{ float:right}
.addressboxbot{ height:40px;}
.addressboxbot a{ padding:0 10px;}
.addressbox .link:hover{ color:#e5c992}
.orderwarp{ border-bottom:1px solid #736549; padding-bottom:30px; margin-bottom:30px}
.servicebuy{ text-align:center}
.servicebuy a{ border:5px solid #fff}
.servicebuy a.sel{ border:5px solid #e5c992;}
.servicebuy a.sel img{ opacity:.5; filter:alpha(opacity=50)}

.orderinfo{ position:absolute; right:0; top:0; width:305px; padding:20px 15px; background:#2d2d2d;}
.order_cell{ border-bottom:1px solid #736549; padding-bottom:20px; margin-bottom:20px}
.order_cell .txt{ border:1px solid #e5c992; background:none; margin:0}
.submit_coupon{ width:130px; line-height:37px; background:#404040; border:0; color:#e5c992}
.order_cell p{ padding-top:10px}
.order_price{ height:40px;}
.order_price b{ float:right; font-size:20px; font-weight:normal}
.order_btn{ width:100%; color:#000; background:#e5c992; height:40px; font-size:16px; border:0; cursor:pointer}
.express-info{ text-align:center}
.express-info span{ display:inline-block; padding:0 10px}
.expresstb{ border:1px solid #e5c992; line-height:40px; margin:20px 0}
.expresstb td{ border-bottom:1px dashed #e5c992; padding:0 20px}
.expresstb tr:last-child td{ border:0}

/*-----userorder----*/
.listtop{ font-size:14px;}
.listtop a{ display:inline-block; line-height:25px; padding:0 15px;}
.listtop a.sel{ border-radius:20px; background:#e5c992; color:#000}
.orderbtn{ border-radius:20px; padding:0 10px; background:#e5c992; color:#000; line-height:25px; display:inline-block}

/*------useraddress------*/
.addresstb a{ cursor:pointer}
.addbtn{ padding:0 20px; background:#e5c992; color:#000; border-radius:20px; float:right; font-size:14px; margin-left:10px}
.editlist{ position:relative; line-height:35px; padding:0 300px}
.editlist li{ padding-bottom:10px}
.editlist ul{ padding:20px 0}
.editlist em{ vertical-align:top; display:inline-block; width:85px;}

/*------userpoint------*/
.point_l{ width:320px; float:left; background:url(../images/pointbg.jpg) no-repeat left top; padding-left:67px; padding-top:113px; width:123px; padding-right:84px; text-align:center; min-height:200px}
.point_l h2{ font-size:25px; font-weight:normal; padding-top:10px}
.point_r{ width:880px; float:left; padding-top:30px;}
.txtlist{ padding-bottom:50px;}
.txtlist h2{ font-size:18px; border-bottom:1px solid #736549; padding-bottom:10px; line-height:30px; margin-bottom:10px}

/*-----rule-----*/
.rule_nav{ text-align:center; padding:50px 0; font-size:16px}
.rule_nav li{ display:inline; padding:0 10px; position:relative; color:#87744f}
.rule_nav li a{ color:#87744f;}
.rule_nav li a.sel{ color:#e5c992}
.rule_nav li:after{ content:"|"; position:absolute; right:-1px;}
.rule_nav li:last-child:after{ content:""}
.rulecon{ padding:55px; background:#2d2d2d; line-height:35px; margin-bottom:100px}
.rulecon .title{ font-size:20px; padding-bottom:20px}

/*积分服务*/
.pointservice{ width:540px; margin-left:-271px;}
.pointservice ul{ padding:20px 0}
.pointservice li{ float:left; width:50%;}
.pointservice li a{ margin:0 20px; padding:10px; border:1px solid #dbdbdb; height:100px; display:block; text-align:center; color:#666;}
.pointservice li a.sel{ padding:10px; color:#90826a}

/*积分服务2*/
.pointserbox ul{ padding:30px 30px 10px;}
.pointserbox{ width:540px; margin-left:-271px;}
.pointserbox li.sellist a{ border:1px solid #fff; color:#999}
.pointserbox li.sellist a.sel{ border:1px solid #90826a; color:#90826a}
.servicebuy{ padding:10px 0 30px 0}
.servicebuy input{ display:none}
.servicebuy a{ margin-right:25px; line-height:30px; display:inline-block;}
.servicebuy a label{ display:inline-block; cursor:pointer}
.servicebuy a i{ vertical-align:middle; margin-right:5px}
.servicebuy a.sel i{ background-image:url(../images/checkbox-c-sel.png); width:25px; height:25px;}

/*----------album----------*/
.album{ padding-top:10px}
.album li{ float:left; width:50%; height:410px; margin-bottom:10px; overflow:hidden;}
.album li div{ height:410px; float:left; background-repeat:no-repeat; background-position:center}
.album li div:hover{ opacity:.5; filter:alpha(opacity=50)}
.albumpic{ width:55%; background-size:cover;}
.albumpic-r{ width:45%; border-left:5px solid #fff; box-sizing: border-box; background-size:contain}
.album li.ap1{ width:100%; height:690px;}
.album li.ap1 div{ height:690px;}
.album li.ap3{border-left:10px solid #fff; box-sizing: border-box;}
.ap1 .albumpic{ background-image:url(../images/album-1.jpg); }
.ap1 .albumpic-r{ background-image:url(../images/album-r1.jpg);background-color:#f2efea}
.ap2 .albumpic{ background-image:url(../images/album-2.jpg)}
.ap2 .albumpic-r{ background-image:url(../images/album-r2.jpg);background-color:#dbe3e8}
.ap3 .albumpic{ background-image:url(../images/album-3.jpg)}
.ap3 .albumpic-r{ background-image:url(../images/album-r3.jpg);background-color:#ececec}

/*模特滚动图*/
.modelphone{ padding:10px 0}
.banner_index{height:580px;position: relative;overflow:hidden;width: 1024px;margin:0 auto;}
.banner_index .btn,.banner_pro .bBtn{position: absolute;top:235px;width: 56px;height: 78px;display: block;z-index: 3;}
.banner_index img{ width:1024px; height:580px}
.banner_index .btnPre,.banner_pro .bPre{background: url(../images/bg_btnPre_index_hover.png) no-repeat 0 0;left:20px;}
.banner_index .btnNext,.banner_pro .bNext{background: url(../images/bg_btnNext_index_hover.png) no-repeat 0 0;right: 20px;}
.banner_index .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.indexBanner_num{width:1000px;margin: 0 auto;padding:10px 0;text-align: center; display:none} 
.indexBanner_num a{width: 8px;height: 8px;display: inline-block;_zoom:1;font-size: 0px;line-height: 0px;margin:0 1px; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; background:#fff}
.indexBanner_num a.on,.indexBanner_num a:hover{background:#ddd}


/*-----intro------*/
.introtop,.intromid,.introbot{  background-repeat:no-repeat; background-position:center;}
.introtop{ background-image:url(../images/introtop.jpg); height:523px;}
.intromid{ background-image:url(../images/intromid.jpg); height:819px; padding:50px 0; background-color:#f0ede8}
.introbot{ background-image:url(../images/introbot.jpg); height:532px;}
.intromidtxt{ padding-left:585px; padding-right:135px; color:#90826a; font-size:14px;}



/*我的积分、优惠券*/
.couponslist{ padding-bottom:50px}
.couponslist li{ background:url(../images/coupons.jpg) no-repeat left top; height:118px; padding-left:283px; color:#e79e5d; font-size:16px; position:relative; margin-bottom:25px}
.couponslist li a{ float:right; padding:5px 30px; position:absolute; right:10px; top:42px}
.coupons{ border:1px solid #bfbfbf; border-left:0; border-right:0; height:116px; padding:0 100px 0 30px;}
.couponslist li h3{ font-size:24px; padding:20px 0}
.couponslist li.exp{ background-image:url(../images/coupons_exp.jpg); color:#bdbcbc;}
.couponslist li.exp a{ background:#bdbcbc;}

/*--------aftersale-------*/
.aftersale em{ vertical-align:top}
.loadpic{ height:92px; display:inline-block}
#uploader{ width:90px; height:90px; display:inline-block; float:left; margin-right:10px; border:1px dotted #dbdbdb; display:inline-block; color:#999; line-height:20px; text-align:center;}
#uploader i{ font-size:50px; display:block; padding:10px 0}
.aftersale ul{ padding-bottom:0}
.aftersale li{ padding-bottom:10px}
.aftersalebtn{ padding:40px 0}

/*-------pay-----*/
.paytype{ padding-bottom:40px;}
.paytype a{ width:120px; text-align:center; font-size:16px; margin-right:20px; padding:5px 0; line-height:30px; border:1px solid #e5e5e5; display:inline-block; border-radius:50px}
.paytype a.sel{ background:#e79e5d; color:#fff}
.pay-style em.wxicon{ background:url(../images/icon.jpg) no-repeat -188px center; }
.pay-style em.zfbicon{ background:url(../images/icon.jpg) no-repeat -212px center; }
.pay-pro th{ background:none; border-bottom:1px solid #f0ede8; color:#666}
.pay-pro td{ color:#666}
.pay-pro a:hover{ text-decoration:underline}
.carttb tr:last-child td{ border-bottom:1px solid #f0ede8}
.pay-point span{ display:inline-block; border-bottom:1px solid #f0ede8; padding:0 50px; line-height:50px}
.couponslist a.sel{ border:2px solid #90826a}
.nocoupons{ width:224px; height:120px; background:#ddd; border:1px solid #bdbdbd; color:#666; line-height:126px; display:inline-block}
.pay-bot{ background:#f7f6f3; padding:20px 75px; color:#666}
.pay-sum{padding:20px 75px; color:#666;}
.pay-sum span{ font-size:20px}
.pay-sum .bigbtn{ padding:20px 0}

/*-------积分服务-------*/
.pointser li{ padding:10px 20px;}
.pointser li span{ color:#666; width:80px; display:inline-block}
.pointser li label{ padding-right:20px}
.pointser li label input{ margin-right:5px; vertical-align:middle}

/*------新照片墙-------*/
.photobox{ position:relative; min-width:1200px; margin:0 auto}
.photoblackbg{ background-color:rgba(0,0,0,.5); width:100%; z-index:99; height:600px; position:absolute; left:0;top:0; display:none}
.photoalert{ width:100%; height:600px; position:absolute; z-index:999; text-align:center; left:0; top:0; padding:50px 0; display:none; padding:0}
.photoalert img{max-width:90%;border:10px solid #fff; max-height:550px;}
.photowall-bg{ background:#f7f6f3; color:#000; padding:20px;}
.photowall .photowrap,.photowall .photobox,.photowall .photoalert,.photowall .photoblackbg{ height:900px;}
.photowall_tb{ width:100%; height:100%; display:table}
.photowall_row{ display:table-row}
.photowall_cell{ display:table-cell; vertical-align:middle}
.bigphotobox{ position:relative;width:330px; height:330px; margin:0 auto;}
.photoclosed{ width:35px; height:35px; background:url(../images/close.png) no-repeat; position:absolute; right:-15px; top:-15px;display:inline-block;z-index:999}
.bigphoto{ padding:15px; background:#fff;}
.photoimg{ width:100%; height:300px;background-size: cover; background-position:center; background-repeat:no-repeat; display:inline-block;}


/*滚动大图*/
.bannerfont{ position:absolute; right:50px; top:70px}
.probanner{position: relative;overflow:hidden;width: 100%;margin:0 auto; background-position:center}
.banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.probanner_num{width:100%;margin: 0 auto;padding:10px 0;text-align: center; position:absolute; bottom:20px; z-index:99} 
.probanner_num a{width:34px;height: 4px;display: inline-block;_zoom:1;font-size: 0px;line-height: 0px;margin:0 2px; background:#dcdada}
.probanner_num a.on{background: #9e9d9d;}
.picbox{ text-align:center}
.sqbtn a{ width:25px; height:25px; background:rgba(255,255,255,.5); margin:0 4px}
.sqbtn a.on{ background:#92efed}
.sqfont{ width:1200px; display:inline-block; background:#000; position:absolute; left:50%; margin-left:-640px; top:0; height:20px}

/*以背景显示大图*/
.bgimg{ background-position:center; background-repeat:no-repeat}





/*缺货*/
.oosbtn button,.oosbtn button:hover{ background:#999;}
.oostxt{ padding-bottom:10px;}