wuliu/wl/www/css/style.css

.image-default {
      background-image: url('../img/photo_default_turquoise.jpg');
}
.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: 22px 16px 22px 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-info, .i-user-message, .i-user-order, .i-user-passsword, .i-user-set,.i-user-car { background: no-repeat center/32px auto; width: 32px; height:32px; position: absolute; left: 11px; top: 15px; vertical-align: middle; }
.item-icon-left i img { width: 32px; height: 32px; margin-top: 10px; }

.i-user-info { background-image: url(../img/icon/i_user_info.png) }
.i-user-car { background-image: url(../img/icon/i_user_car.png) }
.i-user-set { background-image: url(../img/icon/i_user_set.png) }
.i-user-order { background-image: url(../img/icon/i_user_wallet.png) }
.i-user-passsword{ background-image: url(../img/icon/i_user_pass.png) }
.i-user-message{ background-image: url(../img/icon/i_user_message.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 }
.app-link-item i.i-applink-goods { background-image: url(../img/icon/i_home_goods.png); }
.app-link-item i.i-applink-car { background-image: url(../img/icon/i_home_car.png); }
.app-link-item i.i-applink-order { background-image: url(../img/icon/i_home_order.png); }
.app-link-item i.i-applink-my { background-image: url(../img/icon/i_home_my.png); }
.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 }

.app-link { padding: 10px 5px 2px 5px; margin: 0 5 0 auto; background-color: #FFF; }
.app-link-item { text-align: center; }
.app-link-item i { background: no-repeat center / auto 50px; width: 60px; height: 50px; display: inline-block; position: relative }
.app-link-item i img { height: 24px; }
.app-link-item span { display: block; font-size:15px; line-height:1.4;color:#fff;font-weight:bold }
.app-link-item .gray { display: block; font-size:15px; line-height:1.4;color:#333;font-weight:bold }
.app-link-item p { text-align: center; display: block; line-height: 20px; font-size: 14px; font-weight: bold }
.app-link-item i.i-applink-add { background-image: url(../img/icon/i_applink_add.png); }
.app-link-item i.i-applink-addcar { background-image: url(../img/icon/addcar.png); }
.app-link-item i.i-applink-findgoods { background-image: url(../img/icon/findgoods.png); }
.app-link-item i.i-applink-search{ background-image: url(../img/icon/search.png); }

.app-link a { color: #999; font-size: 14px; line-height: 22px; }
.app-link-item em { width: 9px; height: 9px; border-radius: 10px; background-color: rgba(252,101,34,1.00); position: absolute; z-index: 2; right: 0px; top: 0; }

.swiper-index-slide { height: 170px; }
.swiper-index-slide .slider-slide .slider-img { height: 100%; width: 100%; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center }
 
.app-link-bottom { height: 8px; background: url(../img/box_bottom_bg.png) repeat-x bottom; margin-bottom: 5px; }

.item-avatar-icon { min-height: 70px; padding: 7px 10px 7px 70px; position: relative; }
.item-avatar-icon .badge {font-weight:bold;color:red; left: -8px; top: 0px;   min-width: 18px;   text-align:center; min-height: 18px; font-size: 10px; right: auto;display:inline-block;transform:rotate(-40deg);-webkit-transform:rotate(-40deg)}
.item-avatar-icon .item-avatar-type { position: absolute; right: 10px; top: 25px; z-index:-1; text-align:center;  display: inline-block; width: 50px; font-size: 12px;margin-right:12px;font-weight:700 }
.item-avatar-type .ok {color:forestgreen} .no {color:red}
.item-avatar-icon h2 { line-height: 30px; }
.item-avatar-icon p { color: #999; }
.item-myselect select{
	font-size:10px
}
input, button, select, textarea{font-family:"雅黑";}
.nerve-loading {
	stroke:#fff}
.pop-msg {
	font-size:40px}
.nerve .pop-alert .popup .popup-head {
	padding:25px 10px}
.mustfill {
    color:red
}
input.ion-amap-place[readonly] { background-color: transparent; cursor: text; }
.bar-button-selftest {
    font-weight:bold;
    height: 38px;
    padding-top: 5px;
} 
.bar-button-selftest .button.button-calm.button-outline { border-color: #FFF; color:#0c60ee; }
.bar-button-selftest .button.button-positive.button-outline { border-bottom: 3px solid #1e90ff;}
.home a{font-size: 18px}
.loginform input {height:50px;width:auto   }
.loginform i { color:orange;width: 30px;font-size: 25px;}
.headbck { background-color:#FC810E;}