ZZFX/wchat_fx/css/ui-base.css

* {
    margin: 0;
    padding: 0;
    font-size: 0.12rem;
    color: #333;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer
}
.clg_input {
    
}
a {
    text-decoration: none;
}
input, textarea {
    outline: none;
    display: inline-block;
    box-sizing: border-box;
    background: transparent;
    border: 0;
    height: 0.2rem;
}

div {
    outline: 0 !important;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
}

ul, li {
    list-style: none;
}

.uc-tl {
    -webkit-border-top-left-radius: .6rem;
    border-top-left-radius: .6rem
}

.uc-tr {
    -webkit-border-top-right-radius: .6rem;
    border-top-right-radius: .6rem
}

.uc-bl {
    -webkit-border-bottom-left-radius: .6rem;
    border-bottom-left-radius: .6rem
}

.uc-br {
    -webkit-border-bottom-right-radius: .6rem;
    border-bottom-right-radius: .6rem
}

.uc-t {
    -webkit-border-top-left-radius: .6rem;
    border-top-left-radius: .6rem;
    -webkit-border-top-right-radius: .6rem;
    border-top-right-radius: .6rem
}

.uc-b {
    -webkit-border-bottom-left-radius: .6rem;
    border-bottom-left-radius: .6rem;
    -webkit-border-bottom-right-radius: .6rem;
    border-bottom-right-radius: .6rem
}

.uc-r {
    -webkit-border-top-right-radius: .6rem;
    border-top-right-radius: .6rem;
    -webkit-border-bottom-right-radius: .6rem;
    border-bottom-right-radius: .6rem
}

.uc-l {
    -webkit-border-top-left-radius: .6rem;
    border-top-left-radius: .6rem;
    -webkit-border-bottom-left-radius: .6rem;
    border-bottom-left-radius: .6rem
}

.uc-a {
    -webkit-border-radius: .6rem;
    border-radius: .6rem
}

.uc-n {
    -webkit-border-radius: 0;
    border-radius: 0
}

.uc-tl1 {
    -webkit-border-top-left-radius: 0.3rem;
    border-top-left-radius: 0.3rem
}

.uc-tr1 {
    -webkit-border-top-right-radius: 0.3rem;
    border-top-right-radius: 0.3rem
}

.uc-bl1 {
    -webkit-border-bottom-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem
}

.uc-br1 {
    -webkit-border-bottom-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem
}

.uc-t1 {
    -webkit-border-top-left-radius: 0.3rem;
    border-top-left-radius: 0.3rem;
    -webkit-border-top-right-radius: 0.3rem;
    border-top-right-radius: 0.3rem
}

.uc-b1 {
    -webkit-border-bottom-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
    -webkit-border-bottom-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem
}

.uc-r1 {
    -webkit-border-top-right-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    -webkit-border-bottom-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem
}

.uc-l1 {
    -webkit-border-top-left-radius: 0.3rem;
    border-top-left-radius: 0.3rem;
    -webkit-border-bottom-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem
}

.uc-a1 {
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem
}
.uc-a3 {
    -webkit-border-radius: 0.4rem;
    border-radius: 0.4rem
}
.uc-a2 {
    -webkit-border-radius: 1.2rem;
    border-radius: 1.2rem
}
.uc-tl, .uc-tr, .uc-bl, .uc-br, .uc-t, .uc-b, .uc-r, .uc-l, .uc-a, .uc-n, .uc-tl1, .uc-tr1, .uc-bl1, .uc-br1, .uc-t1, .uc-b1, .uc-r1, .uc-l1, .uc-a1, .uc-a2, .uc-a3 {
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.us {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}
.us1 {
    -webkit-box-shadow: 0 1px 4px rgba(120, 120, 120, .3);
    box-shadow: 0 1px 4px rgba(120, 120, 120, .3)
}
.us-i {
    -webkit-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, .4);
    box-shadow: inset 0px 2px 3px rgba(0, 0, 0, .4)
}

.uts {
    text-shadow: 0px 2px 2px #000;
}

.um, .um body {
    height: 100%;
    padding: 0px;
    margin: 0px;
    font-family: "Helvetica Neue", Helvetica;
}

.um-vp {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none
}

.um-vp .up {
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    max-height: 100%;
    position: absolute;
    border: 0
}

.uh, .uf {
    display: block;
    width: 100%;
    font-size: 1rem;
}

.up .uh, .up .uf, .pos_re {
    position: relative
}

.uh .ut, .uf .ut {
    padding: .72rem 1rem .72rem;
    margin: 0;
}

.ufl {
    float: left !important;
}
.ufr {
    float: right !important;
}

.ulev0 {
    font-size: 0.12rem;
}

.ulev1 {
    font-size: 0.14rem;
}

.ulev2 {
    font-size: 0.16rem;
}

.ulev3 {
    font-size: 0.18rem;
}

.ulev4 {
    font-size: 0.20rem;
}
.ulev5 {
    font-size: 0.22rem;
}
.ulev6 {
    font-size: 0.24rem;
}
.ulev7 {
    font-size: 0.26rem;
}
.ulev8 {
    font-size: 0.28rem;
}
.ulev9 {
    font-size: 0.30rem;
}
.ulim {
    max-width: 5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.uinl {
    display: inline-block;
    position: relative;
}

.uinn {
    padding: 0.15rem;
}
.uinn1 {
    padding: 0.1rem 0.15rem;
}
.uinn2 {
    padding: 0.5rem 1rem;
}
.uinn3 {
    padding: 0.2rem;
}
.uinn4 {
    padding: 0 0.1rem;
}
.uinn5 {
    padding: 0.75rem 0.5rem;
}
.uinn6 {
    padding: 0.1rem;
}
.uinn8 {
    padding: 0.05rem;
}
.uinn7 {
    padding: 0.66rem 0.375rem;
}
.uinn9 {
    padding: 0.15rem 0rem;
}
.uinn10 {
    padding: 0.1rem 0rem;
}
.umh1 {
    min-height: 1rem;
}

.umh2 {
    min-height: 1.2rem;
}

.umh3 {
    min-height: 1.5rem;
}

.umh4 {
    min-height: 2rem;
}
.umh5 {
    min-height: 3rem;
}
.umh6 {
    min-height: 4rem;
}
.umh7 {
    min-height: 1.8rem;
}
.umw1 {
    min-width: 1rem;
}
.umw1-5 {
    min-width: 1.5rem;
}

.umw2 {
    min-width: 2rem;
}

.umw3 {
    min-width: 3rem;
}

.umw4 {
    min-width: 4rem;
}

.tx-l {
    text-align: left;
}
.tx-r {
    text-align: right;
}
.tx-c {
    text-align: center;
}

.ut-s {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap !important;
    outline: 0 !important
}

.ut-m {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal !important;
    outline: 0 !important
}

.uba {
    border: 1px solid;
}
.uba1 {
    border: 2px solid;
}
.uba2 {
    border: 3px solid;
}

.ubt {
    border-top: 1px solid;
}
.ubb {
    border-bottom: 1px solid;
}

.ubl {
    border-left: 1px solid;
}

.ubr {
    border-right: 1px solid;
}

.uhide {
    display: none !important;
}

.umar-b {
    margin-bottom: 0.2rem;
}
.umar-t {
    margin-top: 0.2rem;
}
.umar-l {
    margin-left: 0.2rem;
}
.umar-r {
    margin-right: 0.2rem;
}
.umar-b15 {
    margin-bottom: 0.15rem;
}
.umar-t15 {
    margin-top: 0.15rem;
}
.umar-l15 {
    margin-left: 0.15rem;
}
.umar-r15 {
    margin-right: 0.15rem;
}
.umar-a15 {
    margin: 0.15rem;
}
.umar-a {
    margin: 0.05rem 0.15rem;
}
.umar-a1 {
    margin: 0rem 0.15rem;
}

.umar-a-15{
	margin: 0.15rem;
}

.uof {
    overflow: hidden;
}
.uof-x {
    overflow-x: hidden;
}
.uof-y {
    overflow-y: hidden;
}

.uabs {
    position: absolute;
    left: 0;
    top: 0;
}

.uabs-r {
    position: absolute;
    right: 0;
    top: 0;
}

.utra {
    -webkit-transition: all 300ms ease-in 100ms
}
.line1 {
    -webkit-line-clamp: 1;
}
.line2 {
    -webkit-line-clamp: 2;
}

.line3 {
    -webkit-line-clamp: 3;
}

.ani-act {
    transform: scale(0.95,0.97);
    -webkit-transform: scale(0.95,0.97);
    -webkit-transition-duration: 300ms;
    opacity: .7;
}

.uh_ios7 .uh {
    padding: 1rem 0 0;
}