tjshop/shop/static/h5/style/style.css

html{ font-size:62.5%; }
body{ background-color:#FFF; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,textarea{margin:0;padding:0;border:0;font-size:100%; font-weight:normal; font-style:normal; vertical-align:baseline;  font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;max-width:640px;min-width:320px;margin:0 auto !important}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}html,body{width:100%}
/*全局*/
.l{ float:left; }
.y{ float:right; }
a{ text-decoration:none; }
.ml10{ margin-left:10px; }
.mr10{ margin-right:10px; }
.mt10{ margin-top:10px; }
.mt50{ margin-top:50px; }
.h100{ height:100px; }
::-webkit-input-placeholder{ color:#CCC; font-size:1rem; /* WebKit browsers */}/*文本框默认字体颜色*/
:-moz-placeholder { color:#CCC; font-size:1rem; /* Mozilla Firefox 4 to 18 */}
::-moz-placeholder { color:#CCC; font-size:1rem; /* Mozilla Firefox 19+ */}
:-ms-input-placeholder { color:#CCC; font-size:1rem; /* Internet Explorer 10+ */}
/*颜色*/
.c333{ color:#333; } .c666{ color:#666; } .c999{ color:#999; } .cCCC{ color:#CCC; } .cOrange{ color:#FF6400; } .cBlue{color:#1BBCD5; } .c00D0FA{ color:#00D0FA; } .cRed{ color:#D83F31; } .bgGray{ background-color:#F6F6F6; }
/*线段*/
.line-10-EEE{ height:10px; background-color:#EEE; }
.line-1-EEE{ height:1px; background-color:#EEE; }

/*首页顶部*/
.index-top{ width:100%; height:46px; position:fixed; top:0; left:0; background-color:#FFF; box-shadow:0 1px 1px rgba(0,0,0,.1); }
.index-top button{ width:28px; height:28px; margin:9px 6px; border:none; background:url(class-icon.png) no-repeat; background-size:28px; cursor:pointer; border-radius:2px; }
.index-top .txt{ overflow:hidden; padding-left:30px; margin:8px 6px 8px 0; background:url(index-top-f.png) no-repeat left #EEE; background-size:30px; height:30px; border-radius:14px; }
.index-top .txt input{ width:100%; height:30px; line-height:30px; font-size:1rem; border:none; background-color:transparent; }
.bgDiv{ width: 100%; height: 100%; background-color:#000; opacity:.5; position:fixed; display: none; z-index: 99; bottom: 0; }
.leftNav{ width: 70%; max-width: 500px; height: 200%; background-color: #fff; position: fixed; z-index: 999; top: 0; left: -70%; }
.leftNav h3{ font-size:1rem; color:#D83F31; margin:10px 5%; }
.leftNav a{ width:90%; margin:0 5%; height:50px; line-height:50px; display:inline-block; border-bottom:1px solid #F6F6F6; font-size:1rem; background:url(index-list-m.png) no-repeat center right; padding-left:10px; color:#777; background-size:10px; }
/*公告*/
.notice{ margin:6px; height:36px; display:block; line-height:36px; padding-left:28px; background:url(notice-icon.png) no-repeat center left #FFF; font-size:.8rem; color:#999; background-size:22px; }
/*入口*/
.nav{ display:block; overflow:hidden; margin-top:10px; }
.nav li{ width:25%; float:left; height:70px; }
.nav li a{ width:100%; height:70px; display:block; text-align:center; }
.nav li img{ width:40px; height:40px; margin:auto; }
.nav li p{ line-height:30px; font-size:.7rem; text-align:center; color:#666; }
/*套餐列表*/
.v-list{}
.v-list .t{ font-size:.8rem; color:#999; margin:15px 10px 0; }
.v-list h2{ margin:10px 10px 5px; border-left:4px solid #D83F31; padding-left:10px; font-size:1rem; font-weight:bold; }
.v-list a{ display:block; padding:15px 10px 10px; background-color:#FFF; border-bottom:.6px solid #EEE; overflow:hidden; }
.v-list dl{ display:block; }
.v-list dt{ font-size:1rem; color:#333; margin-bottom:5px; white-space:nowrap; }
.v-list dd{ height:2rem; font-size:.8rem; color:#999; margin-bottom:5px; line-height:1rem; text-align:justify; text-justify:inter-ideograph; }
.v-list .img{ width:100px; overflow:hidden; }
.v-list .img img{ width:100px; height:70px; }
.v-list .price-new{ color:#D83F31; font-size:1rem; margin-right:20px; line-height:1rem; }
.v-list em{ font-size:.7rem; margin-right:4px; }
/*页脚*/
.n-tab{ width:100%; height:47px; border-top:3px solid rgba(240,240,240,.9); position:fixed; bottom:0; left:0; background-color:rgba(240,240,240,.95); }
.n-tab td{ border:none; width:33.3%; }
.n-tab .n-1, .n-tab .n-2, .n-tab .n-3, .n-tab .n-1-c, .n-tab .n-2-c, .n-tab .n-3-c{ width:100%; height:20px; line-height:18px; display:inline-block; text-align:center; font-size:12px; padding-top:27px; color:#999; }
.n-tab .n-1{ background:url(tab-n-1.png) no-repeat center top; background-size:26px; }
.n-tab .n-1-c{ background:url(tab-n-1-c.png) no-repeat center top; color:#999; background-size:26px; }
.n-tab .n-2{ background:url(tab-n-2.png) no-repeat center top; background-size:26px; }
.n-tab .n-2-c{ background:url(tab-n-2-c.png) no-repeat center top; color:#999; background-size:26px; }
.n-tab .n-3{ background:url(tab-n-3.png) no-repeat center top; background-size:26px; }
.n-tab .n-3-c{ background:url(tab-n-3-c.png) no-repeat center top; color:#999; background-size:26px; }


/*套餐详情页*/
.v-banner{ width:100%; }
.v-v{ padding:20px 10px 0px; }
.v-v h1{ font-size:1.2rem; margin-bottom:8px; }
.v-v h3{ font-size:.8rem; line-height:1.2rem; color:#999; margin-bottom:8px; }
.v-v .price{ line-height:1.4rem; }
.v-v .price em{ font-size:1rem; color:#D83F31; margin:0 2px; }
.v-v .price .new{ font-size:1.5rem; color:#D83F31; margin-right:20px; }
.v-v .price .old{ font-size:1rem; color:#CCC; text-decoration:line-through; }
.v-v .tag{ height:22px; margin:10px 0; text-align:justify; text-justify:inter-ideograph; }
.v-v .sstk, .v-v .ksyy{ height:22px; line-height:22px; display:inline-block; padding-left:25px; margin-right:10px; font-size:.8rem; color:#999; }
.v-v .sstk{ background:url(tag-sstk.png) no-repeat center left; background-size:18px; }
.v-v .ksyy{ background:url(tag-ksyy.png) no-repeat center left; background-size:18px; }
.v-tel{ padding:5px 10px; background-color:#FFF; height:50px; display:block; }
.v-tel div{ height:40px; line-height:40px; padding-left:36px; background:url(v-tel.png) no-repeat center left; color:#D83F31; background-size:30px; }
.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:40px; height:50px; }
.v-syrq td p{ font-size:.8rem; color:#333; margin-top:10px; }
.v-view{ margin:10px; }
.v-view h3{ width:100%; text-align:center; font-size:.6rem; 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:12px 10px; font-size:.8rem; }
.v-tips{ font-size:.8rem; color:#666; line-height:160%; padding:10px; }
.v-bottom{ width:100%; height:50px; background-color:rgba(255,255,255,.9); position:fixed; bottom:0; left:0; }
.v-bottom div{ padding:5px 10px; height:40px; }
.v-bottom div button{ width:100%; height:40px; border:none; background-color:#D83F31; border-radius:20px; color:#FFF; font-size:1rem; -webkit-appearance:none; }

/*180630新增——商城订单*/
.shopOrder{}
.shopOrder .date{ height:30px; line-height:30px; padding:0 15px; background-color:#EEE; color:#AAA; }
.shopOrder .li{ display:block; overflow:hidden; padding:15px; border-bottom:.5px solid #EEE; background-color:#FFF; }
.shopOrder img{ height:50px; float:left; margin-right:15px; }
.shopOrder .title{ width:80%; }
.shopOrder .title h3{ margin-bottom:5px; font-size:.9rem; color:#666;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.shopOrder .title span{ color:#BBB; }
.shopOrder .price{ float:right; line-height:50px; color:#666; }
.shopOrder p{ border-top:.5px solid #EEE; overflow:hidden; padding:5px 15px; background-color:#FFF; text-align:right; }
.shopOrder p span{ color:#0DC6E4; padding:2px 0; display:inline-block; }
.shopOrder p a{ display:inline-block; margin-left:10px; border-radius:3px; font-size:1rem;padding:5px 10px; }
.shopOrder a.btnRed{ background-color:#E05656; border:1px solid #E05656; color:#FFF; }
.shopOrder a.btnBlue{ background-color:#0DC6E4; border:1px solid #0DC6E4; color:#FFF; }
.shopOrder a.cancel{ background-color:#FFF; border:1px solid #CCC; color:#999; }
/*暂无订单*/
.shopOrder_none{ width:100%; margin:30px 0; padding-top:130px; background:url(shopOrder_none.png) no-repeat top center; background-size:128px; }
.shopOrder_none p{ text-align:center; font-size:1rem; color:#666; line-height:150%; }

/*180630新增——预约体检*/
.registerBar{ width:100%; padding:15px 0; background-color:#EEE; overflow:hidden; }
.registerBar img{ width:100%; }
.registerBar dt, .registerBar dd{ width:33.3%; font-size:.8rem; float:left; text-align:center; }
.registerBar dt{ color:#0DC6E4; }
.registerBar dd{ color:#999; }
.registerBottom{ width:100%; height:50px; position:fixed; left:0; bottom:0; }
.registerBottom .last, .registerBottom .next{ width:50%; line-height:50px; float:left; text-align:center; }
.registerBottom .last{ height:49.5px; border-top:.5px solid #DDD; color:#999; background-color:#FFF; }
.registerBottom .next{ height:50px; color:#FFF; background-color:#0DC6E4; }

.registerPost{ padding:0 15px; }
.registerPost h6{ color:#333; font-size:.8rem; padding:10px 0; font-weight:bold; margin-top:6px; }
.registerPost table{ width:100%; }
.registerPost .box{ height:46px; padding:0 4px; border:1px solid #DCDCDC; border-radius:2px; box-shadow:2px 2px 5px #EEE inset;   }
.registerPost .box input{ width:100%; height:46px; background-color:transparent; border:none; font-size:1rem; }
.registerPost .box select{ width:100%; border:none; height:43px; color:#999; background-color:transparent; font-size:1rem; }

.registerPost .radio { display: none; }
.registerPost .radio+label { -webkit-appearance: none; border: 1px solid #DCDCDC; height:46px; line-height:46px; padding:0 20px; border-radius: 2px; display: inline-block; position: relative; color: #666; box-shadow:2px 2px 5px #EEE inset; margin-bottom:10px; }
.registerPost .radio:checked+label { color: #FFF; border: 1px solid #0DC6E4; background-color:#0DC6E4; box-shadow:none; }