|
|
@@ -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; }*/
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
yuhaitao14
