| xqd
@@ -1 +1,57 @@
|
|
|
-/* Empty. Add your own CSS if you like */
|
|
|
+.logo {margin-top:10px;margin-left:23% }
|
|
|
+.user-box { background: url(../img/u_pic1.jpg) top center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; color: #FFF; padding-top: 20px; text-align: center; padding-bottom: 50px; position: relative }
|
|
|
+.user-photo { width: 68px; height: 68px; border-radius: 100%; display: inline-block; padding: 2px; background-color: #FFF }
|
|
|
+.user-photo img { width: 64px; height: 64px; border-radius: 100%; }
|
|
|
+.user-info { line-height: 28px; font-size: 1.2em; padding-bottom: 10px; }
|
|
|
+.clearfix:after { content: ' '; visibility: hidden; display: block; height: 0; clear: both; }
|
|
|
+.fl { float: left; }
|
|
|
+.fr { float: right }
|
|
|
+.color-red a, .color-red { color: #F10 }
|
|
|
+.color-red a:hover { color: #F10 }
|
|
|
+.green, .green a, .color-green { color: rgba(45,183,29,1.00) }
|
|
|
+.row-border { border: 1px solid #EEE; border-width: 1px 0 1px 0; background-color: #FFF; padding: 0; }
|
|
|
+.row-border .button{margin: 0; padding: 5px 0;font-size: 14px;}
|
|
|
+.user-info a { color: #FFF; }
|
|
|
+.user-info span { padding-right: 10px; }
|
|
|
+.user-info span em { opacity: 0.7 }
|
|
|
+.userinfo-detail { float: left; padding-top: 5px; }
|
|
|
+.user-num { background-color: rgba(0,0,0,0.5); padding: 10px 10px; }
|
|
|
+.msg-user { background: rgba(0,0,0,0.40); color: #FFF; height: 50px; position: absolute; bottom: 0; width: 100%; }
|
|
|
+.msg-user .msg-item { width: 25%; float: left; }
|
|
|
+.msg-user .msg-item span { display: block; height: 20px; line-height: 20px; text-align: center; opacity: 0.7 }
|
|
|
+.msg-user .msg-item b { display: block; height: 25px; position: relative; line-height: 25px; font-size: 16px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif }
|
|
|
+.msg-user .msg-item b em { width: 9px; height: 9px; border-radius: 5px; background-color: rgba(252,101,34,1.00); position: absolute; z-index: 2; right: 30px; top: 0; }
|
|
|
+.msg-user a.msg-item { color: #FFF; }
|
|
|
+
|
|
|
+.list-set-arrow .item, .item.item-set-arrow { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%2060%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%3E%3Cpath%20d%3D\'m60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z\'%20fill%3D\'%23c7c7cc\'%2F%3E%3C%2Fsvg%3E"); background-position: -webkit-calc(100% - 15px) center; background-position: calc(100% - 15px) center; background-repeat: no-repeat; background-size: 10px 20px; padding-right: 30px; }
|
|
|
+.list-set-arrow .item-arrow-no, .item-arrow-no { background-image: none; padding-right: 15px; }
|
|
|
+.item-arrow-no .badge { right: 15px; }
|
|
|
+.list-user-set .item.item-icon-left { padding: 12px 16px 12px 54px; border-color: #EEE; }
|
|
|
+.list-user-set .item.item-icon-left i img { margin-top: 6px; }
|
|
|
+.list-user-set.list-set-arrow .item, .list-user-set .item.item-set-arrow { padding-right: 30px; }
|
|
|
+.i-user-phone, .i-user-email, .i-user-card, .i-user-fenqi, .i-user-sudai, .i-user-passsword, .i-user-set,.i-user-infoadd { background: no-repeat center/32px auto; width: 32px; height:32px; position: absolute; left: 11px; top: 6px; vertical-align: middle; }
|
|
|
+.item-icon-left i img { width: 32px; height: 32px; margin-top: 10px; }
|
|
|
+
|
|
|
+.i-user-infoadd { background-image: url(../img/icon/i_user_infoadd.png) }
|
|
|
+.i-user-set { background-image: url(../img/icon/i_user_set.png) }
|
|
|
+.i-user-sudai { background-image: url(../img/icon/i_user_wallet.png) }
|
|
|
+.i-user-fenqi { background-image: url(../img/icon/i_user_card.png) }
|
|
|
+.i-user-fenqi { background-image: url(../img/icon/i_user_card.png) }
|
|
|
+.i-user-passsword{ background-image: url(../img/icon/i_user_pass.png) }
|
|
|
+.casehistory-item { background-color: #FFF; border-radius: 3px; margin: 10px; box-shadow: 0 0 4px rgba(0,0,0,0.2); position: relative }
|
|
|
+.casehistory-item-photo { width: 84px; position: absolute; left: 0; top: 0; float: left; padding: 10px; height: 90px; background-color: #F7F7F7; border-radius: 3px 0 0 0; text-align: center; }
|
|
|
+.selftest-item-photo { background-size: 100% 100%; padding: 0; width: 80px; -webkit-background-size: 100% 100%; background-repeat: no-repeat; background-position: center; height: 80px; }
|
|
|
+.selftest-item-photo img { width: 80px; height: 90px; }
|
|
|
+.casehistory-item-info { float: left; width: 100%; height: 90px }
|
|
|
+.casehistory-item-info span.badge { font-size: 12px; font-weight: normal }
|
|
|
+.casehistory-item-info span.badge-position { position: absolute; width: auto; right: 0; top: 0; border-radius: 0 5px 0 5px; }
|
|
|
+.casehistory-item-info p { line-height: 25px; color: #999; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
|
+.casehistory-item-info p:first-child { font-size: 14px; }
|
|
|
+.casehistory-item-info p span { color: #444 }
|
|
|
+.casehistory-photo-item-info { padding-left: 90px; height: 110px; width: 100%; }
|
|
|
+.casehistory-photo-item-info p { line-height: 14px; color: #999; font-size: 14px }
|
|
|
+.casehistory-photo-item-info p span { line-height: 24px; font-size: 14px }
|
|
|
+.list-pay .item-avatar { min-height: 60px; padding: 10px 120px 10px 10px; }
|
|
|
+.list-pay .item-avatar p { color: #999 }
|
|
|
+.list-pay .item-avatar .icon { position: absolute; left: 10px; max-height: 40px; max-width: 40px; color: #FFFFFF; line-height: 40px; font-weight: bold; font-size: 16px }
|
|
|
+.list-pay .item-avatar b { position: absolute; width: 110px; text-align: right; top: 20px; right: 10px; font-size: 18px }
|