样式调整

shop/static/style/common.css

@@ -6,7 +6,6 @@ img { border:0; }
 .y{ float:right; }
 .ov-h{ overflow:hidden; }
 
-
 .wp{width:1000px; margin:auto; }
 .main{ padding:30px 20px 40px; overflow:hidden; }
 @media screen and (min-width:1200px) { 
@@ -18,7 +17,6 @@ img { border:0; }
 	.main{ padding:30px 20px 40px; overflow:hidden; }
 }
 
-
 /*宽高*/
 .w60{ width:60px; }
 .w100{ width:100px; }
@@ -126,15 +124,14 @@ a.btn-orange{ background-color:#FF6400; color:#FFF; }
 .o-rdo label{ font-size:12px; padding:0 10px; }
 
 /*顶部*/
-.top_z{ height:32px; padding-left:18px; background:url(top_z_icon.png) no-repeat center left; line-height:32px; font-size:13px; color:#4D6693; }
-
+.top_z{ height:32px; padding-left:0px; background:url(top_z_icon.png) no-repeat center left; line-height:32px; font-size:13px; color:#AAA; }
 
 /*顶部快捷*/
 .loginIn{ font-size:13px; }
 .topLogin{ font-size:13px; height:16px; line-height:16px; color:#CCC; margin-top:8px; padding-right:20px; border-right:1px solid #DDD; }
-.topLogin a{ color:#0FAFD4; }
+.topLogin a{ color:#59CFE5; }
 .topLogin a.reg{ background:url(topUser.png) no-repeat center left; padding-left:20px; }
-.topYy, .topBg, .topWx{ height:32px; line-height:32px; font-size:13px; padding-left:20px; color:#0FAFD4; }
+.topYy, .topBg, .topWx{ height:32px; line-height:32px; font-size:13px; padding-left:20px; color:#59CFE5; }
 .topYy{ background:url(user_top_yy.png) no-repeat center left; }
 .topBg{ background:url(user_top_bg.png) no-repeat center left; }
 .topWx{ background:url(user_top_wx.png) no-repeat center left; cursor:pointer; }
@@ -145,14 +142,14 @@ a.btn-orange{ background-color:#FF6400; color:#FFF; }
 .Cart strong{ background:url(Cart.png) no-repeat; background-position:0 -30px; }
 .Cart_none span, .Cart span{ font-size:12px; line-height:30px; margin:0 10px; color:#999; }
 /*主导航*/
-.nav{ height:52px; padding:0; position:absolute; left:0; bottom:-70px; background:url(nav_bg.png) no-repeat; /*box-shadow:0 2px 4px rgba(0,0,0,.1);*/ border-radius:6px 6px 2px 2px; }
+.nav{ height:52px; padding:0; position:absolute; left:0; bottom:-72px; background:url(nav_bg.png) no-repeat right; border-radius:2px 2px 0px 0px; }
 .nav ul{ float:left; margin-left:40px; _margin-left:20px; }
 .nav ul li{ height:52px; float:left; margin-right:45px; text-align:center; }
-.nav ul li a{ color:#FFF; font-size:17px; font-weight:bold; line-height:52px; display:inline-block; text-shadow:2px 1px 0 rgba(0,0,0,.1) }
-.nav .cli a{ text-shadow:2px 1px 0 rgba(0,0,0,.2) }
-.search-box{ width:360px; float:right; margin:13px 30px 0 0; }
+.nav ul li a{ color:#57899C; font-size:18px; line-height:52px; display:inline-block; text-shadow:1px 1px 2px rgba(255,255,255,.9) }
+.nav .cli a{ color:#DC3E3E; }
+.search-box{ width:360px; float:right; margin:12px 30px 0 0; }
 .search{ width:0%; height:28px; min-width:28px; float:right; transition:width 0.3s; -webkit-transition:width 0.3s; -moz-transition:width 0.3s; -webkit-backface-visibility:hidden; overflow:hidden; position:relative; }
-.search-input { width:226px; height:28px; margin:0; padding:0px 30px 0px 6px; position:absolute; top:0; right:0; border:none; outline:none; z-index:10; color:#333; box-shadow:1px 1px 2px #F9F9F9 inset; background-color:rgba(255,255,255,1); font-size:15px; border-radius:3px; margin-right:35px; }
+.search-input { width:226px; height:28px; margin:0; padding:0px 30px 0px 6px; position:absolute; top:0; right:0; border:none; outline:none; z-index:10; color:#333; box-shadow:1px 1px 2px #F9F9F9 inset; background-color:rgba(255,255,255,1); font-size:15px; border-radius:14px; margin-right:35px; }
 .search-input::-webkit-input-placeholder { color:#999; }
 .search-input:-moz-placeholder { color: #999; }
 .search-input::-moz-placeholder { color: #999; }
@@ -184,7 +181,7 @@ a.btn-orange{ background-color:#FF6400; color:#FFF; }
 .footer .news{ padding:0 50px; border-left:1px solid #DDD; border-right:1px solid #DDD; }
 .footer .news li{ margin-top:10px; background:url(CCCx3_dot.png) no-repeat top left; background-position:0 9px; padding-left:15px; }
 .footer .news li a{ font-size:14px; color:#666; }
-.footer .news li a:hover{ color:#0DC6E4; }
+.footer .news li a:hover{ color:#59CFE5; }
 .footer .wx{ width:120px; height:150px; float:right; }
 .footer .wx img{ width:120px; height:120px; }
 .footer .wx p{ width:120px; height:30px; line-height:30px; font-size:14px; text-align:center; }

shop/static/style/shop.css

@@ -6,22 +6,25 @@ By:Jayson
 
 /*首页*/
 /*焦点图*/
-.focus{ width:2000px; height:550px; margin:auto; background-color:#FFF; }
-.index-fast{ text-align:justify; text-align-last:justify; height:202px; }
+.focus{ width:100%; height:550px; margin:auto; text-align:center; background-color:#FFF; }
+.focus img{ height:550px; }
+.index-fast{ width:100%; margin-top:20px; text-align:justify; text-align-last:justify; height:202px; }
 @media all and (-webkit-min-device-pixel-ratio:0){
 .index-fast{ font-size:0; }
 }
 .index-fast:after{ display:inline-block; overflow:hidden; width:100%; height:0; content:''; }
-.index-fast a{ width:24%; display:inline-block; font-size:15px; text-align-last:initial; height:200px; color:#000; border:1px solid #DDD; border-radius:3px; }
+.index-fast a{ width:24%; display:inline-block; font-size:15px; text-align-last:initial; height:200px; color:#000; border:1px solid #DDD; border-radius:2px; background-color:#FFF; }
+.index-fast img{ margin:30px auto 20px; }
+.index-fast h3{ text-align:center; }
 
 
 /*商城导航*/
-.s-subnav{ width:180px; margin-right:18px; float:left; border-left:1px solid #EEE; border-bottom:1px solid #EEE; border-right:1px solid #EEE; border-top:1px solid #0ACAFE; box-shadow:1px 1px 1px #FCFCFC; }
+.s-subnav{ width:180px; margin-right:18px; float:left; border-left:1px solid #EEE; border-bottom:1px solid #EEE; border-right:1px solid #EEE; border-top:1px solid #5ACEE3; box-shadow:1px 1px 1px #FCFCFC; }
 .s-subnav dt, .s-subnav dd{ height:40px; line-height:40px; padding:0 15px; font-size:14px; border-bottom:1px solid #EEE; }
-.s-subnav dt{ box-shadow:0 1px 1px #F3F3F3; font-weight:bold; color:#0ACAFE; }
+.s-subnav dt{ font-weight:bold; color:#59CFE5; }
 .s-subnav dd a{ padding-left:14px; position:relative; line-height:40px; color:#666; background:url(s-subnav-icon.png) no-repeat center left; }
-.s-subnav dd a:hover{ color:#0ACAFE; }
-.s-subnav dd .cur{ color:#0ACAFE; }
+.s-subnav dd a:hover{ color:#59CFE5; }
+.s-subnav dd .cur{ color:#59CFE5; }
 .s-subnav dd .hot{ width:71px; height:16px; position:absolute; right:-72px; top:-8px; background:url(s-subnav-tips1.png) no-repeat; }
 
 /*列表*/
@@ -30,7 +33,7 @@ By:Jayson
 .opt{ height:40px; display:block; border:1px solid #EEE; box-shadow:1px 1px 1px #FCFCFC; }
 .opt dt{ padding:0 10px; float:left; }
 .opt dt a{ line-height:40px; font-size:14px; color:#333; }
-.opt dt .cur{ color:#0ACAFE; }
+.opt dt .cur{ color:#59CFE5; }
 .opt dt .up, .opt dt .down{ width:9px; height:12px; display:inline-block; margin-left:4px; }
 .opt dt .up{ background:url(up.png) no-repeat; }
 .opt dt .down{ background:url(down.png) no-repeat; }
@@ -106,7 +109,7 @@ By:Jayson
 /*商品介绍*/
 .s-tab{ border:1px solid #EEE; height:46px; }
 .s-tab li{ height:46px; padding:0 20px; float:left; line-height:46px; font-size:12px; color:#666; border-top:2px solid #FFF; cursor:pointer; }
-.s-tab .cli{ margin-top:-1px; border-top:2px solid #0DC6E4; color:#0DC6E4; }
+.s-tab .cli{ margin-top:-1px; border-top:2px solid #59CFE5; color:#59CFE5; }
 .s-con{ width:740px; margin-top:20px; overflow:hidden; }
 .v-title{ text-align:center; margin-top:30px; margin-bottom:20px; }
 .v-title span{ padding:3px 15px; background-color:#EEE; color:#AAA; margin:auto; font-size:1rem; border-radius:2px; }

shop/static/style_back/common.css

@@ -0,0 +1,197 @@
+*{ margin:0; padding:0; text-decoration:none; list-style:none; font-family:Tahoma,'Microsoft Yahei','Simsun'; vertical-align:baseline; }
+body{ background-color:#F4F4F4; }
+table { border-spacing:0; border-collapse:collapse; }
+img { border:0; }
+.l{ float:left; }
+.y{ float:right; }
+.ov-h{ overflow:hidden; }
+
+
+.wp{width:1000px; margin:auto; }
+.main{ padding:30px 20px 40px; overflow:hidden; }
+@media screen and (min-width:1200px) { 
+	.wp{width:1200px; margin:auto; }
+	.main{ padding:30px 40px 40px; overflow:hidden; }
+}
+@media screen and (max-width: 1200px) { 
+	.wp{width:1000px; margin:auto; }
+	.main{ padding:30px 20px 40px; overflow:hidden; }
+}
+
+
+/*宽高*/
+.w60{ width:60px; }
+.w100{ width:100px; }
+.w140{ width:140px; }
+.w200{ width:200px; }
+.w350{ width:350px; }
+.w740{ width:740px; }
+.ww100{ width:100%; }
+.h32{ height:32px; }
+.h50{ height:50px; }
+.h60{ height:60px; }
+.h280{ height:280px; }
+.h350{ height:350px; }
+/*元素属性*/
+.dis-blk{ display:block; }
+.dis-ile-blk{ display:inline-block; }
+.dis-ile{ display:inline; }
+/*外间距*/
+.mt5{ margin-top:5px; }
+.mt10{ margin-top:10px; }
+.mt15{ margin-top:15px; }
+.mt20{ margin-top:20px; }
+.mt30{ margin-top:30px; }
+.mt50{ margin-top:50px; }
+.mr5{ margin-right:5px; }
+.mr5{ margin-right:5px; }
+.mr10{ margin-right:10px; }
+.mr15{ margin-right:15px; }
+.mr20{ margin-right:20px; }
+.mr30{ margin-right:30px; }
+.mr40{ margin-right:40px; }
+.mr300{ margin-right:300px; }
+.mb5{ margin-bottom:5px; }
+.ml5{ margin-left:5px; }
+.ml10{ margin-left:10px; }
+.ml20{ margin-left:20px; }
+/*内间距*/
+.pt25{ padding-top:25px; }
+.pr20{ padding-right:20px; }
+.pr40{ padding-right:40px; }
+.pl20{ padding-left:20px; }
+.pb40{ padding-bottom:40px; }
+.pb50{ padding-bottom:50px; }
+/*行间距*/
+.lh32{ line-height:32px; }
+.lh40{ line-height:40px; }
+.lh50{ line-height:50px; }
+/*字号*/
+.fb{ font-weight:bold; }
+.f12{ font-size:12px; }
+.f13{ font-size:13px; }
+.f14{ font-size:14px; }
+.f16{ font-size:16px; }
+.f17{ font-size:17px; }
+.f24{ font-size:24px; }
+.f32{ font-size:32px; }
+/*颜色*/
+.c333{ color:#333; } .c666{ color:#666; } .c999{ color:#999; } .cCCC{ color:#CCC; } .cOrange{ color:#FF771F; } .cBlue{color:#1BBCD5; } .c00D0FA{ color:#00D0FA; } .cred{ color:#F00; }
+/*背景*/
+.bgFF{ background-color:#FFF; }
+.bgFC{ background-color:#FCFCFC; }
+.bgF4{ background-color:#F4F4F4; }
+.bgF6{ background-color:#F6F6F6; }
+.bgFFF3EE{ background-color:#FFF3EE; }
+.bgFFF3ED{ background-color:#FFF3ED; }/*浅橙*/
+.bgF1FBFD{ background-color:#F1FBFD; }/*浅绿*/
+/*分割线*/
+.lineDDD{ width:100%; height:1px; font-size:0; background-color:#DDD; }
+/*边框*/
+.bsDDD{ box-shadow:0px 0px 5px #CCC; }
+/*圆角*/
+.br3-tl{ border-top-left-radius:3px; }
+.br3-tr{ border-top-right-radius:3px; }
+/*位置*/
+.positionR{ position:relative; }
+/*字对齐*/
+.text-c{ text-align:center; }
+.text-r{ text-align:right; }
+/*清除浮动*/
+.clearfix{ clear:both; }
+/*表格*/
+.tab-1-EEE{ width:100%; }
+.tab-1-EEE thead{ background-color:#FCFCFC; color:#999; }
+.tab-1-EEE td{ border:1px solid #EEE; padding:15px 20px; padding:15px 20px; vertical-align:middle; border:1px solid #EEE; font-size:12px; }
+.tab-1-EEE .t{ background-color:#EBF8FF; color:#1BBCD5; }
+/*按钮*/
+a.btn-blue, a.btn-gray, a.btn-orange{ display:inline-block; padding:5px 10px; font-size:12px; border-radius:3px; background-color:#FFF; }
+a.btn-blue{ border:1px solid #0ACAFE; color:#0ACAFE; }
+a.btn-gray{ border:1px solid #DDD; color:#AAA; }
+a.btn-orange{ border:1px solid #FF6400; color:#FF6400; }
+a.btn-blue:hover{ background-color:#0ACAFE; color:#FFF; }
+a.btn-gray:hover{ background-color:#DDD; color:#FFF; }
+a.btn-orange{ background-color:#FF6400; color:#FFF; }
+/*图片*/
+.bor-img{ padding:3px; border:1px solid #EEE; background-color:#FFF; }
+/*页码*/
+.pages{ height:32px; font-size:12px; }
+.pages a{ width:30px; height:30px; display:inline-block; line-height:30px; text-align:center; color:#999; float:left; margin-left:10px; border-radius:2px; border:1px solid #DDD; }
+.pages strong{ width:30px; height:32px; margin-left:10px; line-height:32px; text-align:center; float:left; color:#FF6400; }
+/*单选美化*/
+.o-rdo{ margin-right:10px; float:left; position:relative; text-align:center; }
+.o-rdo input[type="radio"] + label::before { content: "\a0"; display: inline-block; vertical-align: middle; font-size: 12px; border: 1px solid #DDD; position:absolute; left:0; top:0; right:0; bottom:0; color:#FF0; cursor:pointer; }
+.o-rdo input[type="radio"]:checked + label::before { border: 2px solid #FF6400; background-clip: content-box; background:url(o-rdo-icon.png) no-repeat right bottom; }
+.o-rdo input[type="radio"] { position: absolute; clip: rect(0, 0, 0, 0); }
+.o-rdo label{ font-size:12px; padding:0 10px; }
+
+/*顶部*/
+.top_z{ height:32px; padding-left:18px; background:url(top_z_icon.png) no-repeat center left; line-height:32px; font-size:13px; color:#4D6693; }
+
+
+/*顶部快捷*/
+.loginIn{ font-size:13px; }
+.topLogin{ font-size:13px; height:16px; line-height:16px; color:#CCC; margin-top:8px; padding-right:20px; border-right:1px solid #DDD; }
+.topLogin a{ color:#0FAFD4; }
+.topLogin a.reg{ background:url(topUser.png) no-repeat center left; padding-left:20px; }
+.topYy, .topBg, .topWx{ height:32px; line-height:32px; font-size:13px; padding-left:20px; color:#0FAFD4; }
+.topYy{ background:url(user_top_yy.png) no-repeat center left; }
+.topBg{ background:url(user_top_bg.png) no-repeat center left; }
+.topWx{ background:url(user_top_wx.png) no-repeat center left; cursor:pointer; }
+/*头部购物车*/
+.Cart_none, .Cart{ height:22px; border-left:1px solid #EDEDED; padding:16px 0 22px 40px; }
+.Cart_none strong, .Cart strong{ width:24px; height:20px; padding:8px 0 2px 0; display:inline-block; line-height:20px; text-align:center; color:#FFF; font-size:12px; }
+.Cart_none strong{ background:url(Cart.png) no-repeat; }
+.Cart strong{ background:url(Cart.png) no-repeat; background-position:0 -30px; }
+.Cart_none span, .Cart span{ font-size:12px; line-height:30px; margin:0 10px; color:#999; }
+/*主导航*/
+.nav{ height:52px; padding:0; position:absolute; left:0; bottom:-70px; background:url(nav_bg.png) no-repeat; /*box-shadow:0 2px 4px rgba(0,0,0,.1);*/ border-radius:6px 6px 2px 2px; }
+.nav ul{ float:left; margin-left:40px; _margin-left:20px; }
+.nav ul li{ height:52px; float:left; margin-right:45px; text-align:center; }
+.nav ul li a{ color:#FFF; font-size:17px; font-weight:bold; line-height:52px; display:inline-block; text-shadow:2px 1px 0 rgba(0,0,0,.1) }
+.nav .cli a{ text-shadow:2px 1px 0 rgba(0,0,0,.2) }
+.search-box{ width:360px; float:right; margin:13px 30px 0 0; }
+.search{ width:0%; height:28px; min-width:28px; float:right; transition:width 0.3s; -webkit-transition:width 0.3s; -moz-transition:width 0.3s; -webkit-backface-visibility:hidden; overflow:hidden; position:relative; }
+.search-input { width:226px; height:28px; margin:0; padding:0px 30px 0px 6px; position:absolute; top:0; right:0; border:none; outline:none; z-index:10; color:#333; box-shadow:1px 1px 2px #F9F9F9 inset; background-color:rgba(255,255,255,1); font-size:15px; border-radius:3px; margin-right:35px; }
+.search-input::-webkit-input-placeholder { color:#999; }
+.search-input:-moz-placeholder { color: #999; }
+.search-input::-moz-placeholder { color: #999; }
+.search-input:-ms-input-placeholder { color: #999; }
+.icon-search, .search-submit { width:32px; height:28px; display:block; position:absolute; right:0; top:0; padding:0; margin:0; cursor:pointer; }
+.search-submit { background:#FFF; /* IE needs this */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter:alpha(opacity=0); /* IE 5-7 */ opacity:0; color:transparent; border:none; outline:none; z-index:-1; background:url(search_icon.png) no-repeat #FF6400; }
+.icon-search { font-size:14px; color:#FFF; z-index:90; speak: none; background:url(search_icon.png) no-repeat; }
+.search.search-open, .no-js .search { width:100%; }
+.search.search-open .icon-search, .no-js .search .icon-search { background:url(search_icon.png) no-repeat; color: #fff; z-index: 11; }
+.search.search-open .search-submit, .no-js .search .search-submit { z-index:90; }
+/*面包屑导航*/
+.bread-nav{ overflow:hidden; padding:10px 0; border-bottom:1px solid #EEE; }
+.bread-nav .index{ display:inline-block; float:left; }
+.bread-nav a{ color:#86CAD9; font-size:12px; float:left; }
+.bread-nav em{ float:left; margin:0 5px; font-size:12px; color:#EEE; font-style:normal; }
+.bread-nav span{ float:left; font-size:12px; color:#CCC; }
+/*友情链接*/
+.links{ padding:10px 30px; background-color:rgba(255,255,255,.5); border-top:1px solid #EEE; box-shadow:0 1px 1px #EEE; }
+.links p{ line-height:24px; font-size:12px; }
+.links p strong{ color:#666; }
+.links p a{ color:#666; margin:0 15px; }
+/*底部*/
+.footer{ width:100%; margin-top:40px; overflow:hidden; }
+.footer td{ vertical-align:top; }
+.footer dl{ margin:0 30px; float:left; }
+.footer dt{ font-size:14px; line-height:36px; color:#666; }
+.footer dd{ line-height:30px; font-size:14px; color:#CCC; }
+.footer dd a{ font-size:12px; color:#999; }
+.footer .news{ padding:0 50px; border-left:1px solid #DDD; border-right:1px solid #DDD; }
+.footer .news li{ margin-top:10px; background:url(CCCx3_dot.png) no-repeat top left; background-position:0 9px; padding-left:15px; }
+.footer .news li a{ font-size:14px; color:#666; }
+.footer .news li a:hover{ color:#0DC6E4; }
+.footer .wx{ width:120px; height:150px; float:right; }
+.footer .wx img{ width:120px; height:120px; }
+.footer .wx p{ width:120px; height:30px; line-height:30px; font-size:14px; text-align:center; }
+/*页脚*/
+.bottom{ width:100%; margin:20px 0 30px; }
+.bottom p{ width:100%; font-size:12px; line-height:24px; text-align:center; color:#999; }
+.bottom p a{ color:#999; text-decoration:underline; }
+
+/*微信弹窗*/
+.wxPopup{ width:100%; height:100%; background-color:rgba(0,0,0,.3); position:fixed; left:0; top:0; z-index:9999; display:none; }

shop/static/style_back/shop.css

@@ -0,0 +1,153 @@
+/*
+用户中心页面样式
+By:Jayson
+*/
+
+
+/*首页*/
+/*焦点图*/
+.focus{ width:2000px; height:550px; margin:auto; background-color:#FFF; }
+.index-fast{ text-align:justify; text-align-last:justify; height:202px; }
+@media all and (-webkit-min-device-pixel-ratio:0){
+.index-fast{ font-size:0; }
+}
+.index-fast:after{ display:inline-block; overflow:hidden; width:100%; height:0; content:''; }
+.index-fast a{ width:24%; display:inline-block; font-size:15px; text-align-last:initial; height:200px; color:#000; border:1px solid #DDD; border-radius:3px; }
+
+
+/*商城导航*/
+.s-subnav{ width:180px; margin-right:18px; float:left; border-left:1px solid #EEE; border-bottom:1px solid #EEE; border-right:1px solid #EEE; border-top:1px solid #0ACAFE; box-shadow:1px 1px 1px #FCFCFC; }
+.s-subnav dt, .s-subnav dd{ height:40px; line-height:40px; padding:0 15px; font-size:14px; border-bottom:1px solid #EEE; }
+.s-subnav dt{ box-shadow:0 1px 1px #F3F3F3; font-weight:bold; color:#0ACAFE; }
+.s-subnav dd a{ padding-left:14px; position:relative; line-height:40px; color:#666; background:url(s-subnav-icon.png) no-repeat center left; }
+.s-subnav dd a:hover{ color:#0ACAFE; }
+.s-subnav dd .cur{ color:#0ACAFE; }
+.s-subnav dd .hot{ width:71px; height:16px; position:absolute; right:-72px; top:-8px; background:url(s-subnav-tips1.png) no-repeat; }
+
+/*列表*/
+.s-list-box{ margin-left:200px; }
+/*商城筛选*/
+.opt{ height:40px; display:block; border:1px solid #EEE; box-shadow:1px 1px 1px #FCFCFC; }
+.opt dt{ padding:0 10px; float:left; }
+.opt dt a{ line-height:40px; font-size:14px; color:#333; }
+.opt dt .cur{ color:#0ACAFE; }
+.opt dt .up, .opt dt .down{ width:9px; height:12px; display:inline-block; margin-left:4px; }
+.opt dt .up{ background:url(up.png) no-repeat; }
+.opt dt .down{ background:url(down.png) no-repeat; }
+.opt span{ float:left; font-size:14px; line-height:38px; color:#EEE; }
+/*列表部分*/
+.s-list{ width:760px; }
+.s-list ul{ width:760px; }
+.s-list ul li{ margin:20px 16px 20px; }
+@media screen and (min-width:1200px){
+	.s-list{ width:920px; }
+	.s-list ul{ width:936px; }
+	.s-list ul li{ margin:20px 16px 20px 0; }
+}
+@media screen and (max-width:1200px){
+	.s-list{ width:760px; }
+	.s-list ul{ width:760px; }
+	.s-list ul li{ margin:20px 16px 20px; }
+}
+.s-list ul li{ width:210px; padding:4px 4px 4px; float:left; }
+.s-list ul li:hover{ box-shadow:0 0 2px #DDD; }
+.s-list ul li img{ width:210px; height:168px; margin-bottom:10px; }
+.s-list ul li h3, .s-list ul li h6, .s-list ul li .price, .s-list ul li .add-cart{ padding:3px 3px; font-weight:normal; width:204px; }
+.s-list ul li h3{ font-size:16px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+.s-list ul li h6{ height:32px; line-height:150%; font-size:12px; color:#A3AAB6; overflow:hidden; }
+.s-list ul li .price i{ font-size:13px; color:#FF771F; font-style:normal; font-family:"Helvetica"; margin-right:3px; }
+.s-list ul li .price strong{ font-size:17px; color:#FF771F; font-weight:normal; }
+.s-list ul li .price span{ font-size:12px; color:#999; margin-left:10px; text-decoration:line-through; }
+.s-list ul li .add-cart button{ width:90px; height:28px; line-height:26px; background-color:#F9F9F9; border:1px solid #F3F3F3; border-radius:2px; color:#0BC1E9; cursor:pointer; font-size:12px; }
+.s-list ul li .add-cart span{ line-height:30px; font-size:12px; float:right; color:#CCC; }
+
+/*详情*/
+.re-look{ display:none; }
+@media screen and (min-width:1200px) { 
+	.re-look{ display:block; }
+}
+/*商品参数*/
+.bdsharebuttonbox a{ color:#999; }
+.s-view{ width:580px; }
+.s-view h6{ font-weight:normal; }
+.s-view dl{ clear:both; padding:8px 0; overflow:hidden; }
+.s-view dt{ width:50px; float:left; line-height:32px; padding-left:10px; font-size:12px; color:#999; }
+.s-view dd{ float:left; line-height:32px; }
+.s-view .price{ width:100%; height:90px; margin-top:15px; background-color:#F9F9F9; }
+.s-view .price dl{ padding:5px 0; }
+.s-view .price i{ font-style:normal; font-family:Helvetica; }
+.s-view .buy, .s-view .add-card{ width:160px; height:36px; font-size:14px; border:1px solid #FF771F; cursor:pointer; border-radius:3px; }
+.s-view .buy{ background-color:#FFF9F5; color:#FF771F; }
+.s-view .add-card{ background-color:#FF771F; color:#FFF; }
+.s-view .alipay, .s-view .wxpay, .s-view .visa{ margin-left:10px; padding-left:20px; height:16px; display:inline-block; line-height:16px; color:#999; font-size:12px; }
+.s-view .alipay{ background:url(alipay.png) no-repeat; }
+.s-view .wxpay{ background:url(wxpay.png) no-repeat; }
+.s-view .visa{ background:url(visa.png) no-repeat; }
+.s-view .promise span{ float:left; font-size:14px; color:#DDD; margin:0 15px; }
+.chaoshitui, .suishitui, .zhuanye{ height:32px; float:left; padding-left:25px; color:#CCC; line-height:32px; font-size:14px; }
+.chaoshitui{ background:url(chaoshitui.png) no-repeat left center; }
+.suishitui{ background:url(suishitui.png) no-repeat left center; }
+.zhuanye{ background:url(zhuanyefuwu.png) no-repeat left center; }
+/*看了又看*/
+.re-look{ width:140px; }
+.re-look dt{ height:24px; background:url(EEE_dot.png) repeat-x center; text-align:center; }
+.re-look dt span{ line-height:24px; font-size:12px; color:#999; padding:0 5px; background-color:#FFF; }
+.re-look dd{ width:140px; height:140px; margin:5px 0; overflow:hidden; display:inline-block; position:relative; }
+.re-look dd img{ width:140px; vertical-align:middle; }
+.re-look dd span{ position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,.5); color:#000; text-align:center; font-size:12px; width:140px; height:20px; line-height:20px; }
+
+/*在线客服*/
+.kefu-btn{ width:200px; background-color:#CCC; }
+.s-v-fl{ width:180px; margin-top:20px; display:block; padding:0 9px; border:1px solid #EEE; }
+.s-v-fl dt{ font-size:16px; color:#333; padding:15px 0; }
+.s-v-fl dd{ border-top:1px dotted #EEE; padding-left:10px; background:url(DDDx3_dot.png) no-repeat center left; height:38px; line-height:38px; }
+.s-v-fl dd a{ font-size:12px; color:#333; }
+
+/*商品介绍*/
+.s-tab{ border:1px solid #EEE; height:46px; }
+.s-tab li{ height:46px; padding:0 20px; float:left; line-height:46px; font-size:12px; color:#666; border-top:2px solid #FFF; cursor:pointer; }
+.s-tab .cli{ margin-top:-1px; border-top:2px solid #0DC6E4; color:#0DC6E4; }
+.s-con{ width:740px; margin-top:20px; overflow:hidden; }
+.v-title{ text-align:center; margin-top:30px; margin-bottom:20px; }
+.v-title span{ padding:3px 15px; background-color:#EEE; color:#AAA; margin:auto; font-size:1rem; border-radius:2px; }
+.v-syrq{ width:100%; }
+.v-syrq td{ border:none; text-align:center; }
+.v-syrq td img{ width:100px; height:100px; }
+.v-syrq td p{ font-size:14px; color:#333; margin-top:10px; }
+.v-view{ margin:10px 0; }
+.v-view h3{ width:100%; text-align:center; font-size:16px; color:#999; }
+.v-view table{ width:100%; border:none; margin-top:10px; margin-bottom:20px; }
+.v-view td{ height:30px; vertical-align:middle; border:1px solid #F6F6F6; padding:5px 10px; font-size:.8rem; }
+.v-tips{ font-size:14px; color:#666; line-height:160%; padding:10px; border:1px solid #F6F6F6; }
+
+
+/*购物车*/
+.cart-list td{ vertical-align:middle; padding:10px 5px; border-bottom:1px solid #EEE; }
+.cart-list td input{ vertical-align:middle; }
+.cart-list-total{ padding-left:5px; height:50px; }
+.cart-list-total .l{ line-height:50px; }
+.cart-list-total input{ vertical-align:middle; margin-right:5px; }
+.cart-list-total button{ width:160px; height:50px; background-color:#FE6B00; color:#FFF; border:none; font-size:16px; cursor:pointer; }
+
+/*订单详情*/
+.d-view{}
+.d-view .btn{ width:130px; height:32px; margin-top:15px; cursor:pointer; color:#FFF; background-color:#FF0000; border:none; }
+.d-view .o-rdo{ height:32px; line-height:32px; width:130px; }
+.d-view .fp-view{ border:1px dotted #DDD; border-radius:3px; padding:10px; overflow:hidden; margin-top:20px; }
+.d-view .fp-view h3{ font-size:14px; color:#1BBCD5; }
+.d-view .fp-view dl{ clear:both; overflow:hidden; margin-top:10px; }
+.d-view .fp-view dt{ width:150px; line-height:30px; float:left; font-size:12px; color:#666; text-align:right; }
+.d-view .fp-view dd{ float:left; line-height:30px; font-size:12px; color:#666; }
+.d-view .fp-view dd .txt{ width:300px; height:28px; font-size:14px; color:#000; padding:0 3px; border:1px solid #CCC; border-radius:2px; }
+.d-view .alzf, .d-view .wxzf, .d-view .wyzf{ width:150px; height:40px; }
+.d-view .alzf{ background:url(d-view-alipay.jpg) no-repeat; }
+.d-view .wxzf{ background:url(d-view-wxpay.jpg) no-repeat; }
+.d-view .wyzf{ background:url(d-view-wypay.jpg) no-repeat; }
+.d-view-list{}
+.d-view-list dl{ margin-top:20px; }
+.d-view-list dt{ width:90%; line-height:30px; font-size:12px; text-align:right; float:left; }
+.d-view-list dd{ width:10%; line-height:30px; font-size:12px; text-align:right; float:left; }
+.d-view-list button{ float:right; width:160px; height:50px; background-color:#FE6B00; cursor:pointer; color:#FFF; border:none; font-size:20px; }
+.d-view-list em{ font-style:normal; }
+.d-view-list span{ line-height:50px; font-size:20px; margin-right:20px; float:right; }
+.d-view-list strong{ color:#FE6B00; }

shop/static/style_back/user.css

@@ -0,0 +1,176 @@
+/*
+用户中心页面样式
+By:Jayson
+*/
+
+/*后台导航*/
+.subnav{ width:20%; padding-bottom:40px; }
+.subnav li{ height:40px; }
+.subnav .u1 a, .subnav .u2 a, .subnav .u3 a, .subnav .u4 a, .subnav .u5 a, .subnav .u6 a, .subnav .u7 a, .subnav .u8 a, .subnav .u1 a.ca, .subnav .u2 a.ca, .subnav .u3 a.ca, .subnav .u4 a.ca, .subnav .u5 a.ca, .subnav .u6 a.ca, .subnav .u7 a.ca, .subnav .u8 a.ca{ display:inline-block; height:40px; line-height:40px; padding-left:32px; font-size:14px; color:#666; background:url(u_subnav_icon.fw.png) no-repeat; }
+.subnav .u1 a{ background-position:0 0; }
+.subnav .u2 a{ background-position:0 -40px; }
+.subnav .u3 a{ background-position:0 -80px; }
+.subnav .u4 a{ background-position:0 -120px; }
+.subnav .u5 a{ background-position:0 -160px; }
+.subnav .u6 a{ background-position:0 -200px; }
+.subnav .u7 a{ background-position:0 -240px; }
+.subnav .u8 a{ background-position:0 -280px; }
+.subnav .u1 a.ca{ background-position:0 -320px; }
+.subnav .u2 a.ca{ background-position:0 -360px; }
+.subnav .u3 a.ca{ background-position:0 -400px; }
+.subnav .u4 a.ca{ background-position:0 -440px; }
+.subnav .u5 a.ca{ background-position:0 -480px; }
+.subnav .u6 a.ca{ background-position:0 -520px; }
+.subnav .u7 a.ca{ background-position:0 -560px; }
+.subnav .u8 a.ca{ background-position:0 -600px; }
+.subnav .u1 a.ca, .subnav .u2 a.ca, .subnav .u3 a.ca, .subnav .u4 a.ca, .subnav .u5 a.ca, .subnav .u6 a.ca, .subnav .u7 a.ca, .subnav .u8 a.ca{ color:#0DC6E4; font-weight:bold; }
+/*个人中心——快捷方式*/
+.u-index-fast{ overflow:hidden; }
+.u-index-fast a{ width:31%; height:85px; display:block; overflow:hidden; padding:15px 0; float:left; border:1px solid #F3F2F0; border-radius:2px; }
+.u-index-fast a img{ margin-left:15px; margin-right:20px; float:left; }
+.u-index-fast a h3{ font-size:17px; font-weight:bold; color:#333; }
+.u-index-fast a p{ height:30px; margin:5px 5px 0 0; line-height:18px; font-size:12px; color:#999; }
+.u-index-fast a em{ display:inline-block; padding:0 20px; border-radius:3px; height:22px; line-height:22px; font-size:12px; border:1px solid #DDD; color:#0DC6E4; margin-top:10px; font-style:normal; }
+.u-index-fast a:hover{  border:1px solid #0DC6E4; }
+.u-index-fast a:hover em{ background-color:#0DC6E4; color:#FFF; border:1px solid #0DC6E4; }
+.u-index-fast span{ width:2%; display:block; float:left; }
+/*个人中心——体检流程图*/
+.u-index-chart{}
+/*标题*/
+.u-title{ width:100%; height:24px; margin:30px 0 15px; background:url(F3F3F3_dot.png) repeat-x center; }
+.u-title h3{ height:24px; line-height:24px; display:inline; padding-right:10px; font-size:15px; color:#0DC6E4; background-color:#FFF; }
+/*预约体检-名下暂无有效体检卡*/
+.u-ready-none{ width:100%; height:90px; }
+.u-ready-none img{ width:90px; height:90px; float:left; margin-right:20px; }
+.u-ready-none p{ float:left; line-height:90px; font-size:14px; color:#666; }
+.u-ready-none p a{ color:#FE6B00; text-decoration:underline; }
+/*预约体检-输入体检卡号*/
+.u-ready-card{ width:280px; padding:0; border:1px solid #CFF0FB; background-color:#EBF8FF; border-radius:3px; }
+.u-ready-card div{ width:260px; height:36px; padding:0 10px; line-height:36px; border-bottom:6px solid #FFF; font-size:12px; color:#1BBCD5; text-align:right; }
+.u-ready-card dl{ width:230px; height:26px; margin:10px 25px; clear:both; }
+.u-ready-card dt{ width:50px; line-height:26px; font-size:12px; float:left; }
+.u-ready-card dd{ width:180px; float:left; }
+.u-ready-card dd input{ width:170px; height:24px; padding:0 4px; font-size:16px; border:1px solid #CCC; border-radius:2px; }
+.u-ready-card dd button{ padding:0 10px; height:24px; background-color:#1BBCD5; color:#FFF; border:none; border-radius:2px; }
+/*预约体检-进度条*/
+.u-speed-bar{ width:100%; height:40px; margin:30px 0; position:relative; }
+.u-speed-bar table{ width:100%; border:none; position:absolute; left:0; top:0; }
+.u-speed-bar td{width:25%; height:40px; border:none; position:relative; }
+.u-speed-bar dl{ width:100%; height:40px; text-align:center; position:absolute; left:0; top:0; }
+.u-speed-bar .ed dt, .u-speed-bar .ing dt, .u-speed-bar .soon dt{ width:24px; height:24px; text-align:center; line-height:24px; border-radius:50%; font-size:14px; display:inline-block; margin-bottom:6px; }
+.u-speed-bar .ed dt{ border:1px solid #0DC6E4; background:url(user_speed_bar_ed.png) no-repeat center #FFF; }
+.u-speed-bar .ing dt{ border:1px solid #0DC6E4; background-color:#0DC6E4; color:#FFF; }
+.u-speed-bar .soon dt{ border:1px solid #EEE; background-color:#FFF; color:#999; }
+.u-speed-bar dd{ color:#999; font-size:12px; }
+.u-speed-bar .ing dd{ color:#0DC6E4; }
+.u-speed-bar .ed .axis, .u-speed-bar .ing .axis, .u-speed-bar .soon .axis{ width:100%; height:1px; position:absolute; left:0; top:13px; }
+.u-speed-bar .ed .axis, .u-speed-bar .ing .axis{ background-color:#0DC6E4; }
+.u-speed-bar .soon .axis{ background-color:#EEE; }
+/*预约体检-下一步*/
+.user_speed_nextBar{ height:30px; padding:20px 0; background-color:rgba(255,255,255,.7); }
+.user_speed_nextBar .nextBtn, .user_speed_nextBar .preBtn{ padding:5px 30px; float:right; color:#FFF; text-align:center; border-radius:2px; }
+.user_speed_nextBar .nextBtn{ background-color:#0DC6E4; }
+.user_speed_nextBar .preBtn{ background-color:#CCC; margin-right:20px; }
+/*完成预约*/
+.u-speed-tips{ overflow:hidden; width:100%; }
+.u-speed-tips h1{ width:300px; float:left; background-color:#0DC6E4; color:#FFF; padding:20px; font-size:22px; font-weight:bold; }
+.u-speed-tips a{ float:right; font-size:14px; color:#CCC; }
+/*体检报告*/
+.u-presentation-tab{ width:100%; height:36px; }
+.u-presentation-tab dt{height:36px; float:left; margin-right:10px; }
+.u-presentation-tab dt a{ display:inline-block; padding:0 20px; font-size:14px; line-height:36px; text-align:center; background-color:#DDD; color:#666; border-radius:3px 3px 0 0; }
+.u-presentation-tab .cur a{ background-color:#0DC6E4; color:#FFF; }
+.u-presentation-tab dd{ float:right; line-height:30px; font-size:12px; color:#999; }
+/*商城订单*/
+.u-order-tab{}
+.u-order-tab a{ font-size:14px; float:left; margin-right:30px; border-bottom:2px solid #FFF; padding:2px 0; color:#999; }
+.u-order-tab .cur{ color:#0DC6E4; border-bottom:2px solid #0DC6E4; }
+/*用户信息*/
+.u-info a{ display:inline-block; width:190px; height:110px; float:left; padding:15px 20px; border:1px solid #EEE; line-height:24px; color:#777; border-radius:3px; margin:20px 10px 0; position:relative; }
+.u-info a:hover{ box-shadow:1px 1px 3px #EEE; }
+.u-info a h3{ font-size:15px; }
+.u-info a p{ font-size:12px; }
+.u-info a span{ display:none; width:100%; position:absolute; top:5px; right:10px; font-size:12px; color:#999; text-align:right; color:#CCC; }
+.u-info a:hover span{ display:inline-block; }
+.u-info a ._info{ width:54px; height:18px; position:absolute; right:0; bottom:0; background-color:#06C0D4; border-radius:3px 0 3px 0; color:#FFF; font-size:12px; text-align:center; line-height:18px; }
+.u-info a.add{ background-color:#F7F7F7; }
+.u-info a.add div{ margin:40px auto auto 30px; padding-left:40px; line-height:32px; font-size:14px; color:#666; background:url(u-info-add.png) no-repeat center left; }
+/*表单提交*/
+.u-form{ padding:10px 20px; border:1px solid #EEE; }
+.u-form dl{ width:100%; height:32px; overflow:hidden; margin:20px 10px; clear:both; }
+.u-form dt{ width:150px; padding-right:10px; line-height:32px; float:left; text-align:right; font-size:14px; }
+.u-form dd{ float:left; line-height:32px; font-size:14px; }
+.u-form .label{ margin:0 20px 0 0; display:inline-block; }
+.u-form .radio{ display:none; }
+.u-form .radioInput{ background-color:#fff; border:1px solid rgba(0,0,0,0.15); border-radius:100%; display:inline-block; height:16px; margin-right:7px; margin-top:7px; vertical-align:middle; width:16px; line-height:1; }
+.u-form .radio:checked + .radioInput:after{ background-color:#0DC6E4; border-radius:100%; content:""; display:inline-block; height:12px; margin:2px; width:12px; }
+.u-form span{ float:left; line-height:32px; font-size:12px; color:#F60; }
+.u-form .rdo{ vertical-align:middle; margin-right:5px; }
+.u-form .txt{ height:30px; padding:0 5px; border:1px solid #CCC; float:left; border-radius:2px; margin-right:10px; font-size:18px; }
+.u-form .txt::-webkit-input-placeholder{ color:#CCC; font-size:14px; }
+.u-form .slt{ height:32px; border:1px solid #CCC; float:left; font-size:14px; }
+.u-form .btn-orange, .u-form .btn-gray{ cursor:pointer; padding:5px 20px; border-radius:3px; border:none; }
+.u-form .btn-orange{ color:#FFF; background-color:#FF6400; }
+.u-form .btn-gray{ color:#999; background-color:#DDD; }
+/*常见问题*/
+.u-QA{ width:100%; }
+.u-QA ul{ width:100%; overflow:hidden; }
+.u-QA ul li{ width:45%; float:left; padding-right:5%; }
+.u-QA ul li a{ padding-left:12px; margin-bottom:10px; display:inline-block; color:#666; background:url(DDDx3_dot.png) no-repeat center left; font-size:14px; background-position:0 9px; line-height:150%; white-space:nowrap; }
+.u-QA ul li a:hover{ color:#0DC6E4; }
+/*注册*/
+.reg-header{ width:100%; height:60px; padding:10px 0; background-color:rgba(255,255,255,.9); }
+.reg-box{ width:400px; padding:30px 500px 30px 100px; background-color:rgba(255,255,255,.9); margin:50px auto auto; border-radius:3px; position:relative; }
+.reg-box .tips{ position:absolute; right:20px; top:20px; display:inline-block; font-size:14px; color:#1BBCD5; }
+.reg-box h1{ font-size:14px; color:#666; margin-bottom:30px; }
+.reg-box p{ font-size:12px; margin:15px 0 10px; color:#666; }
+.reg-box .txt,.reg-box .small-txt{ height:36px; border:1px solid #CCC; border-radius:3px; box-shadow:1px 1px 2px #EEE inset; }
+.reg-box .txt{ width:400px; }
+.reg-box .small-txt{ width:260px; float:left; }
+.reg-box .tel-btn, .reg-box .tel-btn-{ width:128px; float:left; margin-left:10px; _margin-left:5px; height:36px; border:none; border-radius:3px; cursor:pointer; }
+.reg-box .tel-btn{ background-color:#FF6400; color:#FFF; }
+.reg-box .tel-btn-{ background-color:#CCC; color:#999; cursor:default; }
+.reg-box .txt input, .reg-box .small-txt input{ height:36px; padding:0 5px; float:left; font-size:16px; border:none; background-color:transparent; }
+.reg-box .txt input{ width:350px; }
+.reg-box .small-txt input{ width:210px; }
+.reg-box .tel, .reg-box .yzm, .reg-box .pwd{ width:30px; height:30px; margin:3px 0; padding-right:8px; float:left; border-right:1px solid #EEE; }
+.reg-box .tel{ background:url(reg-box-tel.png) no-repeat center; }
+.reg-box .yzm{ background:url(reg-box-yzm.png) no-repeat center; }
+.reg-box .pwd{ background:url(reg-box-pwd.png) no-repeat center; }
+.reg-box .yzm-img{ width:128px; height:36px; float:left; margin-left:10px; _margin-left:5px; }
+.reg-box .reg-btn{ width:400px; height:40px; margin-top:30px; background-color:#0DC6E4; cursor:pointer; color:#FFF; border:none; border-radius:3px; }
+.reg-footer{ width:100%; height:40px; position:fixed; left:0; bottom:0; border-top:1px solid #0DC6E4; background-color:rgba(255,255,255,.9); }
+/*登录*/
+.log-box{ width:320px; float:right; }
+.l-t{ width:320px; height:50px; }
+.menub1_1, .menub1_2{ width:160px; height:50px; float:left; cursor:pointer; line-height:50px; font-size:15px; text-align:center; }
+.menub1_1{ background-color:rgba(255,255,255,1); color:#0DC6E4; font-weight:bold; }
+.menub1_2{ background-color:rgba(255,255,255,.8); color:#666; }
+.l-b{ width:320px; padding:10px 0 20px; overflow:hidden; background-color:#FFF; }
+.l-b h3{ font-size:17px; color:#0DC6E4; padding:0 20px; }
+.l-b .txt{ width:282px; height:38px; clear:both; margin:15px 20px; position:relative; }
+.l-b .txt .tel{ width:240px; padding-left:40px; }
+.l-b .txt input{ height:36px; float:left; border:1px solid #DDD; border-radius:2px; box-shadow:1px 1px 1px #EEE inset; }
+.l-b .txt input::-webkit-input-placeholder{ color:#CCC; }
+.l-b .txt .small{ width:140px; padding:0 5px; }
+.l-b .txt img{ width:120px; height:38px; position:absolute; right:0; top:0; }
+.l-b .txt .send-btn, .l-b .txt .send-btn-{ width:120px; height:38px; position:absolute; right:0; top:0; border-radius:2px; background-color:#FFF; }
+.l-b .txt .send-btn{ border:1px solid #0DC6E4; color:#0DC6E4; cursor:pointer; }
+.l-b .txt .send-btn-{ border:1px solid #CCC; color:#999; cursor:default; }
+.l-b .btn{ width:282px; height:40px; margin:10px 20px 10px; border:none; background-color:#0DC6E4; color:#FFF; border-radius:2px; cursor:pointer; }
+.l-b .txt .tel-icon, .l-b .txt .user-icon, .l-b .txt .pwd-icon{ width:33px; height:30px; position:absolute; top:4px; left:4px; border-right:1px solid #EEE; }
+.l-b .txt .tel-icon{ background:url(reg-box-tel.png) no-repeat; }
+.l-b .txt .user-icon{ background:url(reg-box-user.png) no-repeat; }
+.l-b .txt .pwd-icon{ background:url(reg-box-pwd.png) no-repeat; }
+.l-b .new-reg{ width:320px; height:50px; line-height:50px; text-align:center; color:#FF6400; text-decoration:underline; margin-top:10px; display:inline-block; background-color:#F9F9F9; }
+
+
+/*.l-b .txt .tel{ width:30px; height:30px; float:left; margin:1px 0; padding-right:2px; border-right:1px solid #EEE; background:url(reg-box-tel.png) no-repeat; }
+.l-b .txt input{ height:32px; padding:0 3px; border:none; float:left; background-color:transparent; }
+.l-b .txt input::-webkit-input-placeholder{ color:#CCC; }*/
+
+
+
+
+
+