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); z-index:9999; } .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: 99999; 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 .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; } .v-v .price .old span{ text-decoration:line-through; } .v-v .tag{ height:22px; margin:10px 0; text-align:justify; text-justify:inter-ideograph; } .v-v h1{ font-size:1.2rem; margin:8px 0; } .v-v h3{ font-size:.8rem; line-height:1.2rem; color:#999; margin-bottom:8px; } .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; } /*180702新增——我的*/ .mine{} .mineH{ width:100%; height:120px; padding:0 15px; background-image:linear-gradient(to bottom right, #F4E1E1, #65D8EB); position:relative; } .mineH h1{ line-height:120px; font-size:1.6rem; color:#FFF; } .mineH span{ position:absolute; right:15px; bottom:15px; color:#FFF; } .mineNav{ width:100%; overflow:hidden; padding:10px 0; background-color:#FFF; } .mineNavL, .mineNavC, .mineNavR{ width:33.3%; float:left; text-align:center; } .mineNavC{ border-left:1px solid #DDD; border-right:1px solid #DDD; } .mineNavL em, .mineNavL span, .mineNavC em, .mineNavC span, .mineNavR em, .mineNavR span{ width:100%; text-align:center; display:inline-block; overflow:hidden; } .mineNavL em, .mineNavC em, .mineNavR em{ padding-bottom:3px; font-size:.8rem; color:#999; } .mineNavL span, .mineNavC span, .mineNavR span{ padding-top:3px; font-size:1.2rem; color:#000; } .mine ul{ display:block; margin:15px; background-color:#FFF; border-radius:4px; } .mine ul .yytj, .mine ul .bgcx, .mine ul .scdd, .mine ul .cjwt, .mine ul .xgmm, .mine ul .lkdh{ display:block; height:50px; margin:0 12px; padding-left:36px; } .mine ul .yytj{ background:url(mine_yytj.png) no-repeat center left; background-size:28px; } .mine ul .bgcx{ background:url(mine_bgcx.png) no-repeat center left; background-size:28px; } .mine ul .scdd{ background:url(mine_scdd.png) no-repeat center left; background-size:28px; } .mine ul .cjwt{ background:url(mine_cjwt.png) no-repeat center left; background-size:28px; } .mine ul .xgmm{ background:url(mine_xgmm.png) no-repeat center left; background-size:28px; } .mine ul .lkdh{ background:url(mine_lkdh.png) no-repeat center left; background-size:28px; } .mine ul .yytj a{ border-bottom:.5px solid #DDD; } .mine ul .cjwt a{ border-bottom:.5px solid #DDD; } .mine ul li a{ display:block; height:50px; line-height:50px; color:#000; background:url(mine_more.png) right center no-repeat; background-size:12px; } .mine .tcdl{ display:block; height:50px; line-height:50px; text-align:center; text-decoration:none; margin:15px; background-color:#FFF; border-radius:4px; color:#666; } /*0719新增商品购买页*/ .shopBuy{} .shopBuy dl{} .shopBuy dt{ padding:0 15px; height:35px; line-height:35px; color:#999; font-size:.8rem; } .shopBuy dd{ background-color:#FFF; } .shopBuy dd ul li{ padding:15px; overflow:hidden; border-bottom:1px solid #EEE; } .shopBuy dd ul li img{ width:70px; height:50px; float:left; margin-right:15px; } .shopBuy dd ul li h3{ font-size:1rem; color:#333; } .shopBuy dd ul li p{ margin-top:10px; } .shopBuy dd ul li p span, .shopBuy dd ul li p em{ font-style:normal; font-size:.9rem; color:#999; } .shopBuy dd ul li p em{ float:right; } .shopBuy dd a{ padding:0 15px; height:50px; line-height:50px; color:#999; font-size:.8rem; display:inline-block; } /*表单提交*/ .txtBox{ padding:5px 15px; } .txtBox dl{ padding:0 0 10px; } .txtBox dt{ padding:0 0 10px; font-size:1rem; } .txtBox dd{ width:100%; } .txtBox .txt{ height:50px; border:1px solid #CCC; border-radius:3px;-webkit-appearance: none; font-size:1rem; } .txtBox .btn{ height:50px; border-radius:3px; border:none; font-size:1rem; background-image:linear-gradient(to bottom right, #F4E1E1, #65D8EB); color:#FFF; } /*提交结果提示*/ .txtBox-tips{ } .txtBox-tips .ture, .txtBox-tips .false{ width:100%; padding-top:80px; } .txtBox-tips .ture{ background:url(true-tips.png) no-repeat center top; background-size:64px; } .txtBox-tips .false{ background:url(false-tips.png) no-repeat center top; background-size:64px; } .txtBox-tips p{ text-align:center; line-height:1.6rem; } .txtBox-tips p a{ display:inline-block; padding:5px 8px; }