@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
html, body { margin: 0; padding: 0; width: 100%; height: 100%; font-family:"微软雅黑"; font-size:14px; }
a,a:hover,a:visited{ text-decoration:none;}
div{word-break:break-all;}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle; border:0}  
.clearfix:after{ clear:both; content:"."; display:block; height:0; line-height:0; visiblity:hidden; font-size:0;}
.clearfix{zoom:1}
.top{ position:fixed; top:0; left:0; position:absolute; z-index:10;width:100%; height:80px; background:#373434; overflow:hidden}
.shop-top{width:1000px; margin:0 auto;}
.shop-logo{ display:block; float:left; height:72px; margin-top:4px;}
.shop-top ul{ float:left; margin-left:20px; margin-top:40px; display:inline;}
.shop-top ul li{ float:left; margin-right:20px;}
.shop-top ul li a{ color:#fff; font-size:14px; }
.my-list{ background:url(images/my-list.png) no-repeat left top; padding-left:20px;float:left; margin-top:40px; color:#fff;  cursor:pointer}
.login{ float:right; margin-top:40px; display:inline}
.login a{ float:left; color:#fff;  padding:0 5px;}
.nav{width:100%; height:100%; overflow:hidden; position:relative}
.mw_slide{width:100%; height:100%; position:absolute;left:0;top:0}
.same{width:100%; height:100%;overflow:hidden}
.div1{background:#97cc3e}
.div2{background:#F3FF81}
.div3{background:#ff5d96}
.div4{background:#fff; position:relative}
.shop-one,.shop-two,.shop-four,.shop-three{ width:1000px; margin:0 auto; position:relative;  height:100%; z-index:1}
.shop1,.shop4{ margin-top:180px;}
.shop2{margin-top:110px;}
.shop-img{ float:left; zoom:1}
.text-content{ float:right}


.animate1{ display:block; margin-bottom:30px; text-align:right }
.text-content p{ text-align:right; color:#373434; line-height:3em; font-size:16px}
.text-content a{ display:block; clear:both; background:#373434; width:200px; height:50px; border-radius:20px; text-align:center; line-height:50px; color:#fffbc6; font-size:20px; float:right; margin-top:50px; }
.text-content a img{ opacity:0; top:-1px; position:relative}
.text-right{ display:block; float:right; margin-top:30px;}
.text-content2{clear:both; }
.text-content2 p{color:#fff}
.qh{float:right; color:#ff5d96; font-size:30px; text-align:center; line-height:123px; background:url(images/top3-1.png) no-repeat right top; display:block; width:394px; height:123px; }
.qh b{ display:block; width:100%; line-height:123px; font-size:30px;color:#ff5d96; text-align:center; font-weight:500}
.text-content2 .qhnr{ display:none}
.shadw{ clear:both; position:relative; top:30px;}
.shadw li{width:189px; height:189px; float:left; margin-left:50px; cursor:pointer; border-radius:50px; opacity:0 }
.shadw li img:hover{opacity:0.7;}
.shadw li img{border:0}
.shadw li span{display:none}
.shop-img2{ position:absolute; left:26%; top:20%; }
.shop-img3{width:350px; height:300px; float:left}
.shop-two ul li{ position:relative; display:block; width:200px; height:200px; border-radius:50%; text-align:center; font-size:30px; line-height:150px;opacity:0}
.shop-two ul li span b{color:#fff}
.shop-two ul .r{ background:#fff url(images/top2-1.jpg) no-repeat 70px 110px; color:#ff5d96; position:absolute; left:-150px; top:230px; }
.shop-two ul .r1{ background:#fff url(images/top2-4.jpg) no-repeat 70px 110px; color:#06b6b8; position:absolute; left:0px; top:470px; }
.shop-two ul .r2{ background:#fff url(images/top2-5.jpg) no-repeat 70px 110px; color:#ff5d96; position:absolute; left:360px; top:540px; }
.shop-two ul .r3{ background:#fff url(images/top2-2.jpg) no-repeat 70px 110px;color:#06b6b8; position:absolute; left:760px; top:470px; }
.shop-two ul .r4{ background:#fff url(images/top2-3.jpg) no-repeat 70px 110px; color:#ff5d96; position:absolute; right:-110px; top:230px;}
.go-top{ background:url(images/go-top.png) no-repeat left top; width:79px; height:107px; margin:130px auto 0; cursor:pointer}
.go-mail{width:100%; height:150px; background:#d2d1cf; position:absolute; top:280px; z-index:1 }
.go-mail-c{width:1000px; height:150px; margin:0 auto;}
.go-back{ float:left; width:50%; height:100%;  background:#a1cb30 url(images/go-back.png) no-repeat 50px center}
.go-back-r{float:right; width:50%; height:100%; background:#02a3e2 url(images/go-mail.png) no-repeat 50px center}
.sev{ line-height:120px; margin-left:250px; color:#fff; font-size:20px; font-weight:800}
.sev b{ position:relative; top:10px; font-size:65px; padding-right:20px; }
.foot-shop{width:100%;position:absolute; top:450px;  z-index:1}
.foot1,.foot-bot{width:1000px; margin:0 auto; }
.sq{ float:left; background:url(images/sqth.png) no-repeat left center; padding-left:30px; margin-left:200px; display:inline; }
.kf{ float:right; background:url(images/tel.png) no-repeat left center; padding-left:40px; margin-right:200px; display:inline}
.foot1 p,.foot1 p a{color:#797979; font-size:16px;}
.foot-bot{ position:relative; top:90px;}
.foot-bot p{ margin-bottom:10px; text-align:center; color:#797979}
.num{ position:fixed; top:50%; right:20px; color:#fff; font-size:20px; cursor:pointer; z-index:10; width:22px;}
.num a{ text-decoration:none; background:#000; border-radius:50%; width:15px; height:15px; color:#fff; display:block; margin-bottom:10px;}
.num .h{ background:#ff0000}

/*shop-lc*/
.shop-lc{width:1000px; margin:0 auto; position:relative; top:80px; z-index:1}
.color{ padding-top:30px; padding-bottom:30px; border-bottom:1px solid #ccc}
.title{ display:block; width:100%; font-size:20px; font-weight:500; margin-bottom:30px;}
.color-l{ float:left; width:70%}
.color-l p img{ width:210px; height:78px; padding:20px 5px; border:1px solid #373434; float:left; margin-right:10px;}
.color-r{ float:right; width:30%;}
.color-nav{ clear:both; margin-top:60px;}
.color-nav p,.session form p,.samep,.invoice p { margin-bottom:10px; margin-left:30px; height:32px; }
.color-nav p span,.session form p span,.samep span,.invoice p span{ font-size:16px; color:#373434; line-height:32px;}
.color-nav p .t{ padding-right:50px;}
.color-nav p .t b{font-size:16px}
.color-nav p .t .color1{ color:#b6da66;}
.color-nav p .t .color2{ color:#03739e;}
.color-nav p .t .color3{ color:#f43a45;}
.color-nav p  b{  font-size:20px; cursor:pointer; padding:0 5px;}
.color-nav p input,.session form p input{ border:1px solid #aeb7bd; width:60px; height:30px; text-indent:5px; line-height:32px; color:#373434; font-size:16px;}
.color-nav p .price{ margin-left:70px;}
.color-nav p a{ margin-left:70px; color:#f5434e}
.color-r ul{ float:right}
.color-r ul li{ display: block; margin-bottom:20px; background:url(images/dian.jpg) no-repeat left center; padding-left:15px; color:#373434; font-size:16px; text-align:left}
.next{ display:block; clear:left; float:right; width:150px; margin-top:30px; height:40px; background:#373434; border-radius:20px; text-align:center; font-size:20px; line-height:40px; color:#fffbc6; cursor:pointer}
.session{ border-bottom:1px solid #ccc; padding:30px 0;}
.session form p{ display:block; height:32px; margin-bottom:20px; overflow:hidden}
.session .samep{ height:auto}
.session form p .xing,.samep .xing{ background:url(images/xing.jpg) no-repeat left top; width:9px; height:11px; display:block; float:left; margin-top:12px;}
.session form p .xingnone{ background:none}
.session form p .t,.samep .t,.invoice p span{ display:block; width:100px; text-align:right; float:left}
.session form p input{ width:200px; display:block; float:left}
.session form .mrz{ margin-left:140px; margin-top:20px;}
.session form p .mr{width:auto; height:auto; border:0; position:relative; top:3px;}
.address{ position:relative; z-index:1; width:150px; height:32px; float:left; margin-right:30px;}
.session .jinput,.pay .jinput{ background:url(images/bot.jpg) no-repeat 130px center; float:left;width:150px; border:1px solid #aeb7bd; height:30px; line-height:30px; text-align:center; font-size:16px; color:#373434; cursor:pointer; margin-left:0; margin-right:20px;}
.session .jinput span{ float:left}
.address ul{ display:none; position:absolute; left:0; top:31px; border:1px solid #aeb7bd; border-bottom:0; width:150px; background:#fff; z-index:2;}
.address ul li{ display:block; text-align:center; color:#373434; font-size:16px; border-bottom:1px solid #aeb7bd; height:30px; line-height:30px; cursor:pointer}
.address ul li:hover{ background:#E8E8E8}
.address .z{ position:absolute; left:160px; top:0; width:50px;}
.jd{ float:left; margin:20px 0 10px 110px; _margin:0 0 20px 110px; display:inline; font-size:16px;}
.jd input{ border:1px solid #aeb7bd; height:30px; text-indent:5px;width:400px; margin-right:20px; float:left}
.pay{clear:both; padding-top:30px; padding-bottom:50px;}
.invoice p{color:#373434; font-size:16px;}
.invoice p input{ margin-right:5px;}
.but{ height:30px; border:1px solid #aeb7bd; border-radius:5px; padding:0 10px; margin-right:60px; color:#373434; font-size:14px; cursor:pointer}
.invoice p .add-nav{ width:400px; border:1px solid #aeb7bd; height:30px; margin-right:50px; text-indent:5px; color:#373434; font-size:16px;}
.invoice .add-none{ display:none}
.order{ clear:both; margin-top:50px; width:600px;}
.order  h2{ border-bottom:1px solid #666; font-size:20px; color:#373434; padding-bottom:5px; font-weight:500; padding-left:10px;}
.order table{ margin-top:30px;}
.order table tr th{ height:40px; text-align:center; color:#373434; line-height:40px; font-size:16px;}
.order table td{ text-align:center; height:30px; line-height:30px; color:#373434;}
.go-bank{ float:right; margin-top:30px; width:300px; text-align:center;}
.go-bank p{ margin-bottom:10px; color:#373434; font-size:16px;}
.go-bank p span{ float:left}
.go-bank p .t1{ display:block; float:left; width:150px; text-align:right;}
.go-bank .last{ border-top:1px solid #666}
.go-bank .last{ font-size:20px;  font-weight:800}
.go-bank .last span{ color:#f20000; float:none}