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:#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; } .registerPost{ padding:0 15px; } .registerPost h6{ color:#333; font-size:.8rem; padding:10px 0; }