/*==================基础样式开始=======================*/
* {
    margin: 0;
    padding: 0;
}

button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer
}

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-a03 {
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em
}
.uc-a04 {
    -webkit-border-radius: 0.4em;
    border-radius: 0.4em
}
.uc-a06 {
    -webkit-border-radius: .6em;
    border-radius: .6em
}
.uc-a12 {
    -webkit-border-radius: 1.2em;
    border-radius: 1.2em
}
.uc-tl {
    -webkit-border-top-left-radius: .6em;
    border-top-left-radius: .6em
}
.uc-tr {
    -webkit-border-top-right-radius: .6em;
    border-top-right-radius: .6em
}
.uc-bl {
    -webkit-border-bottom-left-radius: .6em;
    border-bottom-left-radius: .6em
}
.uc-br {
    -webkit-border-bottom-right-radius: .6em;
    border-bottom-right-radius: .6em
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: 1em;
}

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

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

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

/*定义字体大小开始*/
.ulev-nav {
    font-size: 1.0625em !important;
}
.ulev25 {
    font-size: 2.5em !important;
}
.ulev2 {
    font-size: 2em !important;
}
.ulev18 {
    font-size: 1.8em !important;
}
.ulev15 {
    font-size: 1.5em !important;
}
.ulev12 {
    font-size: 1.2em !important;
}
.ulev1 {
    font-size: 1.0em !important;
}
.ulev08 {
    font-size: 0.8125em !important;
}
.ulev07 {
    font-size: 0.75em !important;
}
.ulev06 {
    font-size: 0.625em !important;
}
/*定义字体大小结束*/

.ulim {
    max-width: 5em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

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

/*定义最小高度开始*/
.umh1 {
    min-height: 1em;
}
.umh12 {
    min-height: 1.2em;
}
.umh15 {
    min-height: 1.5em;
}
.umh18 {
    min-height: 1.8em;
}
.umh2 {
    min-height: 2em;
}
.umh3 {
    min-height: 3em;
}
.umh4 {
    min-height: 4em;
}
/*定义最小高度结束*/

/*定义最小宽度开始*/
.umw1 {
    min-width: 1em;
}
.umw12 {
    min-width: 1.2em;
}
.umw15 {
    min-width: 1.5em;
}
.umw18 {
    min-width: 1.8em;
}
.umw2 {
    min-width: 2em;
}
.umw3 {
    min-width: 3em;
}
.umw4 {
    min-width: 4em;
}
/*定义最小宽度结束*/

/*定义文字方向开始*/
.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;
}
/*定义内边距开始*/
.uinn-b02 {
    padding-bottom: 0.2em;
    margin: 0;
}
.uinn-b04 {
    padding-bottom: 0.4em;
    margin: 0;
}
.uinn-b06 {
    padding-bottom: 0.6em;
    margin: 0;
}
.uinn-b12 {
    padding-bottom: 1.2em;
    margin: 0;
}
.uinn-t02 {
    padding-top: 0.2em;
    margin: 0;
}
.uinn-t04 {
    padding-top: 0.4em;
    margin: 0;
}
.uinn-t06 {
    padding-top: 0.6em;
    margin: 0;
}
.uinn-t12 {
    padding-top: 1.2em;
    margin: 0;
}
.uinn-l02 {
    padding-left: 0.2em;
    margin: 0;
}
.uinn-l04 {
    padding-left: 0.4em;
    margin: 0;
}
.uinn-l06 {
    padding-left: 0.6em;
    margin: 0;
}
.uinn-l12 {
    padding-left: 1.2em;
    margin: 0;
}
.uinn-r02 {
    padding-right: 0.2em;
    margin: 0;
}

.uinn-a00 {
    padding: 0;
    margin: 0;
}

.uinn-r04 {
    padding-right: 0.4em;
    margin: 0;
}
.uinn-r06 {
    padding-right: 0.6em;
    margin: 0;
}
.uinn-r12 {
    padding-right: 1.2em;
    margin: 0;
}
.uinn-tb02 {
    padding: 0.2em 0;
    margin: 0;
}
.uinn-tb04 {
    padding: 0.4em 0;
    margin: 0;
}
.uinn-tb06 {
    padding: 0.6em 0;
    margin: 0;
}
.uinn-tb12 {
    padding: 1.2em 0;
    margin: 0;
}
.uinn-rl02 {
    padding: 0 0.2em;
    margin: 0;
}
.uinn-rl04 {
    padding: 0 0.4em;
    margin: 0;
}
.uinn-rl06 {
    padding: 0 0.6em;
    margin: 0;
}
.uinn-rl12 {
    padding: 0 1.2em;
    margin: 0;
}
.uinn-a02 {
    padding: 0.2em;
    margin: 0;
}
.uinn-a04 {
    padding: 0.4em;
    margin: 0;
}
.uinn-a06 {
    padding: 0.6em;
    margin: 0;
}
.uinn-a12 {
    padding: 1.2em;
    margin: 0;
}
.uinn-list{
    padding: 0.6em 0.4em;
}
/*定义内边距结束*/

/*定义外边距开始*/
.umar-b02 {
    margin-bottom: 0.2em;
}
.umar-b04 {
    margin-bottom: 0.4em;
}
.umar-b06 {
    margin-bottom: 0.6em;
}
.umar-b12 {
    margin-bottom: 1.2em;
}
.umar-t02 {
    margin-top: 0.2em;
}
.umar-t04 {
    margin-top: 0.4em;
}
.umar-t06 {
    margin-top: 0.6em;
}
.umar-t12 {
    margin-top: 1.2em;
}
.umar-l02 {
    margin-left: 0.2em;
}
.umar-l04 {
    margin-left: 0.4em;
}
.umar-l06 {
    margin-left: 0.6em;
}
.umar-l12 {
    margin-left: 1.2em;
}
.umar-r02 {
    margin-right: 0.2em;
}
.umar-r04 {
    margin-right: 0.4em;
}
.umar-r06 {
    margin-right: 0.6em;
}
.umar-r12 {
    margin-right: 1.2em;
}
.umar-a02 {
    margin: 0.2em;
}
.umar-a04 {
    margin: 0.4em;
}
.umar-a06 {
    margin: 0.6em;
}
.umar-a12 {
    margin: 1.2em;
}
/*定义外边距结束*/

.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: 1em 0 0;
}

/*首行缩进*/
.text-i {
    text-indent: 2em;
}
/*行高*/
.line-h12 {
    line-height: 1.2em;
}
.line-h15 {
    line-height: 1.5em;
}
.line-h18 {
    line-height: 1.8em;
}

/*==================基础样式结束====================*/
@keyframes hover-color {
  from {
    border-color: #c0c0c0; }
  to {
    border-color: #3e97eb; } }

.magic-radio,
.magic-checkbox {
  position: absolute;
  display: none; }

.magic-radio[disabled],
.magic-checkbox[disabled] {
  cursor: not-allowed; }

.magic-radio + label,
.magic-checkbox + label {
  position: relative;
  display: block;
  padding-left: 30px;
  cursor: pointer;
  vertical-align: middle; }
  .magic-radio + label:hover:before,
  .magic-checkbox + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color; }
  .magic-radio + label:before,
  .magic-checkbox + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #c0c0c0; }
  .magic-radio + label:after,
  .magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: ''; }

.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {
  cursor: not-allowed;
  color: #e4e4e4; }
  .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
  .magic-checkbox[disabled] + label:hover,
  .magic-checkbox[disabled] + label:before,
  .magic-checkbox[disabled] + label:after {
    cursor: not-allowed; }
  .magic-radio[disabled] + label:hover:before,
  .magic-checkbox[disabled] + label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none; }
  .magic-radio[disabled] + label:before,
  .magic-checkbox[disabled] + label:before {
    border-color: #e4e4e4; }

.magic-radio:checked + label:before,
.magic-checkbox:checked + label:before {
  animation-name: none; }

.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after {
  display: block; }

.magic-radio + label:before {
  border-radius: 50%; }

.magic-radio + label:after {
  top: 7px;
  left: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3e97eb; }

.magic-radio:checked + label:before {
  border: 1px solid #3e97eb; }

.magic-radio:checked[disabled] + label:before {
  border: 1px solid #c9e2f9; }

.magic-radio:checked[disabled] + label:after {
  background: #c9e2f9; }

.magic-checkbox + label:before {
  border-radius: 3px; }

.magic-checkbox + label:after {
  top: 2px;
  left: 7px;
  box-sizing: border-box;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-top: 0;
  border-left: 0; }

.magic-checkbox:checked + label:before {
  border: #3e97eb;
  background: #3e97eb; }

.magic-checkbox:checked[disabled] + label:before {
  border: #c9e2f9;
  background: #c9e2f9; }