|
|
@@ -0,0 +1,99 @@
|
|
|
+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; }
|
|
|
+::-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:#D83F31; 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:#D83F31; 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:#D83F31; 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; }
|
|
|
+
|
|
|
+/*预约体检*/
|
|
|
+.v-form{ }
|
|
|
+.v-form dl{ height:50px; padding:0 10px; border-bottom:1px solid #EEE; }
|
|
|
+.v-form dt{ width:100px; line-height:50px; font-size:1rem; color:#333; float:left; }
|
|
|
+.v-form dd{ margin-left:100px; }
|
|
|
+.v-form dd .txt{ width:100%; border:none; height:48px; font-size:1.2rem; color:#000; -webkit-appearance:none; }
|
yuhaitao14
