* {
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "microsoft yahei", Arial, SimSun;
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a, del {
    color: #000;
}

fieldset, img, abbr, acronym {
    border: 0 none;
}

img {
    max-width: 100%;
}

abbr, acronym {
    font-variant: normal;
}

address, caption, cite, code, dfn, em, th, var, del, i {
    font-weight: normal;
    font-style: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th {
    text-align: left;
}

input, img, select {
    vertical-align: middle;
}

ul, li, ol, dd, dl, dt {
    list-style: none;
}

textarea {
    resize: none;
}

input, button, textarea, select, optgroup, option {

}

input, button, textarea, optgroup, option {
    border: none;
}

button:focus, input:focus, select:focus, textarea:focus {
    outline: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

del, ins, i {
    text-decoration: none;
    font-style: normal;
}

.no-underline {
    text-decoration: none;
}

.underline {
    text-decoration: underline;
}

.line-through {
    text-decoration: line-through;
}

.hide,
.hidden {
    display: none;
}

.line-hidden {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.link,
.btn {
    cursor: pointer;
}

.link.hover:hover,
.btn.hover:hover {
    opacity: 0.8;
}

.radius {
    border-radius: 4px;
}

.round {
    border-radius: 100px;
}

.untouchable {
    pointer-events: none;
}

.transparent {
    opacity: 0;
}

.font-transparent {
    color: transparent;
}

.bg-transparent {
    background: transparent;
}

.clear {
    clear: both;
}

.clearFix:after,
.clearf:after {
    content: "";
    display: block;
    clear: both;
}

.floatL,
.floatl {
    float: left;
}

.floatR,
.floatr {
    float: right;
}

.col-1 {
    width: 8.35%;
}

.col-2 {
    width: 16.6%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.3%;
}

.col-5 {
    width: 41.65%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.35%;
}

.col-8 {
    width: 66.7%;
}

.col-9 {
    width: 75.05%;
}

.col-10 {
    width: 83.4%;
}

.col-11 {
    width: 91.65%;
}

.col-12 {
    width: 100%;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-around > * {
    -webkit-flex: 1;
    /* Safari 6.1+ */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
}

.items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

.items-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.black,
.font-black {
    color: #000;
}

.deep-black,
.font-deep-black {
    color: #333;
}

.grey,
.font-grey {
    color: #666;
}

.deep-grey,
.font-deep-grey {
    color: #999;
}

.deep-light {
    color: #ccc;
}

.light-white {
    color: #eee;
}

.white,
.font-white {
    color: #fff;
}

.bg-black {
    background: #000;
}

.bg-deep-black {
    background: #333;
}

.bg-grey {
    background: #666;
}

.bg-deep-grey {
    background: #999;
}

.bg-deep-light {
    background: #ccc;
}

.bg-light-white {
    background: #eee;
}

.bg-extra-white {
    background: #f7f7f7;
}

.bg-white {
    background: #fff;
}

.border {
    border: 1px solid transparent;
}

.border-top {
    border-top: 1px solid transparent;
}

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

.border-bottom {
    border-bottom: 1px solid transparent;
}

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

.bo-black {
    border-color: #000;
}

.bo-deep-black {
    border-color: #333;
}

.bo-grey {
    border-color: #666;
}

.bo-deep-grey {
    border-color: #999;
}

.bo-deep-light {
    border-color: #ccc;
}

.bo-light-white {
    border-color: #eee;
}

.bo-white {
    border-color: #fff;
}

.transition,
.transition:before,
.transition:after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.transitionC,
.transitionC:before,
.transitionC:after,
.transition-fast,
.transition-fast:before,
.transition-fast:after {
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}