.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;}