html {
    color: #000;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

body, button, input, select, textarea {
    font: 12px/1.5 tahoma, arial, "Hiragino Sans GB", \5FAE\8F6F\96C5\9ED1, \5b8b\4f53
}

input, select, textarea {
    font-size: 100%
}

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

th {
    text-align: inherit
}

fieldset, img {
    border: 0
}

iframe {
    display: block
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

del {
    text-decoration: line-through
}

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

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500
}

q:before, q:after {
    content: ''
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

a {
    color: #08c
}

a:hover {
    color: #08c;
    text-decoration: underline
}

ins, a {
    text-decoration: none
}

.fn-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.fn-clear {
    zoom: 1
}

body .fn-hide {
    display: none
}

.fn-left, .fn-right {
    display: inline
}

.fn-left {
    float: left
}

.fn-right {
    float: right
}

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

.fn-linear {
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f1f1f1));
    background: -moz-linear-gradient(top, #fcfcfc, #f1f1f1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1');
    background: -o-linear-gradient(top, #fcfcfc, #f1f1f1);
    background: linear-gradient(top, #fcfcfc, #f1f1f1)
}

.fn-linear-light {
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f9f9f9));
    background: -moz-linear-gradient(top, #fcfcfc, #f9f9f9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f9f9f9');
    background: -o-linear-gradient(top, #fcfcfc, #f9f9f9);
    background: linear-gradient(top, #fcfcfc, #f9f9f9)
}

.fn-rmb {
    font-family: arial;
    font-style: normal;
    padding-right: 4px
}

.fn-webkit-adjust {
    -webkit-text-size-adjust: none
}

/*! define alice/button/1.1.1/button-debug.css */
.ui-button * {
    margin: 0;
    padding: 0
}

.ui-button {
    display: inline-block;
    *display: inline;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    padding: 0 20px;
    *zoom: 1;
    *overflow: visible;
    background-image: none
}

.ui-button .ui-button-text {
    background: none;
    padding: 0;
    height: auto;
    line-height: auto
}

.ui-button:hover {
    text-decoration: none;
    background-image: none
}

input.ui-button-text, button.ui-button-text {
    *vertical-align: top
}

.ui-button:active {
    position: relative;
    top: 1px
}

/*! block alice/button/1.1.1/ui-button-primary-debug.css */
.ui-button-lprimary, .ui-button-mprimary, .ui-button-sprimary {
    color: #fff;
    border: 1px solid #09c7ab;
    background-color: #09c7ab
}

.ui-button-lprimary:hover, .ui-button-mprimary:hover, .ui-button-sprimary:hover {
    border: 1px solid #14d9bc;
    background-color: #14d9bc;
    color: #fff
}

.ui-button-lprimary:active, .ui-button-mprimary:active, .ui-button-sprimary:active {
    border: 1px solid #04b298;
    background-color: #04b298
}

.ui-button-lprimary {
    line-height: 32px;
    height: 32px
}

.ui-button-mprimary {
    line-height: 28px;
    height: 28px
}

.ui-button-sprimary {
    padding: 0 12px;
    line-height: 24px;
    height: 24px;
    font-size: 12px
}

a.ui-button-lprimary {
    line-height: 30px;
    height: 30px
}

a.ui-button-mprimary {
    line-height: 26px;
    height: 26px
}

a.ui-button-sprimary {
    line-height: 22px;
    height: 22px
}

/*! endblock alice/button/1.1.1/ui-button-primary-debug.css *//*! block alice/button/1.1.1/ui-button-inverse-debug.css */
.ui-button-linverse, .ui-button-minverse, .ui-button-sinverse {
    color: #fff;
    border: 1px solid #666;
    background-color: #666
}

.ui-button-linverse:hover, .ui-button-minverse:hover, .ui-button-sinverse:hover {
    color: #fff;
    border: 1px solid #999;
    background-color: #999
}

.ui-button-linverse:active, .ui-button-minverse:active, .ui-button-sinverse:active {
    color: #fff;
    border: 1px solid #333;
    background-color: #333
}

.ui-button-linverse {
    line-height: 32px;
    height: 32px
}

.ui-button-minverse {
    line-height: 28px;
    height: 28px
}

.ui-button-sinverse {
    padding: 0 12px;
    line-height: 24px;
    height: 24px;
    font-size: 12px
}

a.ui-button-linverse {
    line-height: 30px;
    height: 30px
}

a.ui-button-minverse {
    line-height: 26px;
    height: 26px
}

a.ui-button-sinverse {
    line-height: 22px;
    height: 22px
}

/*! endblock alice/button/1.1.1/ui-button-inverse-debug.css *//*! block alice/button/1.1.1/ui-button-default-debug.css */
.ui-button-ldefault, .ui-button-mdefault, .ui-button-sdefault {
    border: 1px solid #999;
    background-color: #fff;
    color: #666
}

.ui-button-ldefault:hover, .ui-button-mdefault:hover, .ui-button-sdefault:hover {
    background-color: #f2f2f2
}

.ui-button-ldefault:active, .ui-button-mdefault:active, .ui-button-sdefault:active {
    background-color: #dcdcdc
}

.ui-button-ldefault {
    line-height: 32px;
    height: 32px
}

.ui-button-mdefault {
    line-height: 28px;
    height: 28px
}

.ui-button-sdefault {
    line-height: 24px;
    height: 24px;
    padding: 0 12px;
    font-size: 12px
}

a.ui-button-ldefault {
    line-height: 30px;
    height: 30px
}

a.ui-button-mdefault {
    line-height: 26px;
    height: 26px
}

a.ui-button-sdefault {
    line-height: 22px;
    height: 22px
}

/*! endblock alice/button/1.1.1/ui-button-default-debug.css *//*! block alice/button/1.1.1/ui-button-disable-debug.css */
.ui-button-ldisable, .ui-button-mdisable, .ui-button-sdisable {
    color: #999;
    border: 1px #dcdcdc solid;
    background: #f2f2f2;
    cursor: default
}

.ui-button-ldisable:active, .ui-button-mdisable:active, .ui-button-sdisable:active, .ui-button-ldisable:hover, .ui-button-mdisable:hover, .ui-button-sdisable:hover {
    color: #999
}

.ui-button-ldisable {
    line-height: 32px;
    height: 32px
}

.ui-button-mdisable {
    line-height: 28px;
    height: 28px
}

.ui-button-sdisable {
    line-height: 24px;
    height: 24px;
    padding: 0 12px;
    font-size: 12px
}

.ui-button-ldisable, .ui-button-mdisable, .ui-button-sdisable {
    cursor: default !important
}

.ui-button-ldisable:active, .ui-button-mdisable:active, .ui-button-sdisable:active {
    position: static;
    top: 0;
    box-shadow: none
}

/*! endblock alice/button/1.1.1/ui-button-disable-debug.css *//*! block alice/button/1.1.1/ui-button-blue-debug.css */
.ui-button-lblue, .ui-button-mblue, .ui-button-sblue {
    border: none;
    color: #fff;
    border: 1px solid #4072CC;
    background-color: #4072CC
}

.ui-button-lblue:hover, .ui-button-mblue:hover, .ui-button-sblue:hover {
    background-color: #487EDE
}

a.ui-button-lblue, a.ui-button-mblue, a.ui-button-sblue, a.ui-button-lblue:active, a.ui-button-mblue:active, a.ui-button-sblue:active, a.ui-button-lblue:hover, a.ui-button-mblue:hover, a.ui-button-sblue:hover {
    color: #fff
}

.ui-button-lblue {
    line-height: 32px;
    height: 32px
}

.ui-button-mblue {
    line-height: 28px;
    height: 28px
}

.ui-button-sblue {
    padding: 0 12px;
    line-height: 24px;
    height: 24px;
    font-size: 12px
}

a.ui-button-lblue {
    line-height: 30px;
    height: 30px
}

a.ui-button-mblue {
    line-height: 26px;
    height: 26px
}

a.ui-button-sblue {
    line-height: 22px;
    height: 22px
}

.ui-button-add {
    background-color: #FFF;
    border: 0;
    color: #ADB5C1;
    font-size: 20px;
    padding: 0 10px
}

.ui-button-add:hover {
    color: #333
}

/*! endblock alice/button/1.1.1/ui-button-blue-debug.css *//*! define alice/form/1.0.1/form-debug.css */
.ui-form {
    font-size: 12px;
    line-height: 1.5
}

.ui-form, .ui-form * {
    list-style: none
}

.ui-form fieldset {
    border: 0
}

.ui-form legend {
    display: none
}

.ui-form-explain {
    margin: 0;
    padding: 5px 0;
    font-size: 12px;
    color: #999
}

.ui-form-other {
    margin-left: 4px;
    display: inline-block
}

.ui-form-text {
    display: inline-block;
    margin-top: 6px;
    *display: inline;
    *zoom: 1
}

.ui-form-item:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    visibility: hidden
}

.ui-form-item {
    padding: 0 5px 20px 0px;
    zoom: 1
}

.ui-form-item select {
    vertical-align: middle;
    margin: 4px 0 0;
    padding: 6px 4px
}

.ui-form-item input {
    vertical-align: middle
}

.ui-form-item .ui-input {
    color: #333;
    vertical-align: middle;
    *vertical-align: -5px
}

.ui-form-item-error .ui-input, .ui-form-item-error .ui-textarea {
    border: 1px #fc5741 solid;
    color: #333
}

.ui-form-item-error .ui-input-reset {
    border: 1px #9C9C9C solid;
    color: #000
}

.ui-form-item-error .ui-form-explain {
    color: #FF5243
}

.ui-form-large .ui-input {
    width: 200px;
    font-size: 14px;
    line-height: 18px;
    padding: 11px 10px
}

.ui-form-large .ui-label {
    padding-top: 12px
}

.pwdStrength {
    clear: both
}

.pwdStrength li {
    padding: 3px 0 0 20px;
    background-position: -162px -39px
}

.ui-form-item-error .ui-form-explain, .ui-form-item-warn .ui-form-explain, .ui-form-item-success .ui-form-explain, .pwdStrength li {
    background-image: url('../img/ui-fm.png?1400161285');
    background-repeat: no-repeat;
    padding-left: 20px;
    *zoom: 1
}

.ui-form-item-error .ui-form-explain, .pwdStrength .pwdStrength-item-red {
    color: #f5774c;
    background-position: -186px 6px
}

.ui-form-item-warn .ui-form-explain {
    background-position: -138px -80px
}

.ui-form-item-success .ui-form-explain, .pwdStrength .pwdStrength-item-green {
    background-position: -114px -123px
}

.ui-form-ico-success, .ui-form-ico-warn {
    background-image: url('../img/ui-fm.png?1400161285');
    background-repeat: no-repeat;
    *zoom: 1;
    display: inline-block;
    width: 20px;
    height: 14px;
    vertical-align: middle;
    padding-right: 5px
}

.ui-form-ico-success {
    background-position: -114px -128px
}

.ui-form-ico-warn {
    background-position: -138px -87px
}

/*! block alice/form/1.0.1/input-debug.css */
.ui-input {
    width: 220px;
    padding: 7px 9px;
    line-height: 18px;
    border: 1px solid #dcdcdc;
    color: #b6b6b6;
    font-size: 12px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.ui-input:focus, .ui-textarea:focus, .ui-input-focus {
    border: 1px #0088cc solid
}

.ui-textarea {
    width: 422px;
    height: 79px;
    line-height: 15px;
    border: 1px #9C9C9C solid;
    padding: 1px 3px 0 4px;
    overflow: auto;
    font-family: Arial;
    font-size: 12px
}

.ui-input[disabled], .ui-textarea[disabled] {
    border: 1px solid #ccc;
    background: #f2f2f2
}

.ui-input:disabled, .ui-textarea:disabled {
    border: 1px solid #ccc;
    background: #f2f2f2
}

.placeholder {
    color: #ccc
}

.ui-input-checkcode {
    width: 100px;
    height: 24px;
    line-height: 28px;
    margin: 0;
    padding: 2px 5px
}

.ui-form-item-focus .ui-input, .ui-form-item-focus .ui-textarea {
    border: 1px #0088cc solid;
    outline: none
}

/*! endblock alice/form/1.0.1/input-debug.css *//*! block alice/form/1.0.1/label-debug.css */
.ui-label {
    padding-top: 5px;
    text-align: right;
    font-size: 14px;
    white-space: nowrap
}

.ui-form-required {
    color: #FF0000;
    font-family: SimSun;
    font-size: 14px;
    margin-right: 6px
}

.ui-checkbox {
    height: 14px;
    margin: 0 3px 0 0
}

.ui-checkbox-label {
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    vertical-align: middle
}

/*! endblock alice/form/1.0.1/label-debug.css */
.avatar-box {
    border: 3px solid #E6E6E6;
    display: inline-block;
    height: 86px;
    position: relative;
    width: 86px
}

.avatar-box .avatar {
    display: table-cell;
    height: 80px;
    text-align: center;
    vertical-align: middle;
    width: 80px
}

.avatar-box .edit-avatar {
    background-color: #000000;
    bottom: 0;
    color: #E1D7CA;
    display: inline;
    height: 21px;
    left: 0;
    line-height: 21px;
    opacity: 0.7;
    position: absolute;
    text-align: center;
    width: 100%
}

/*! define alice/button-dropdown/1.1.0/button-dropdown-debug.css */
.ui-button-dropdown {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.ui-button-dropdown-large, .ui-button-dropdown-middle, .ui-button-dropdown-small {
    border: 1px solid #ddd;
    border-top: none;
    border-bottom: none;
    box-shadow: 0 0 4px #d9d9d9;
    zoom: 1;
    position: absolute;
    left: 0;
    width: 98%;
    background: #fff;
    margin: 0;
    padding: 0;
    list-style: none
}

.ui-button-dropdown-large {
    top: 33px;
    font-size: 14px
}

.ui-button-dropdown-middle {
    top: 29px;
    font-size: 14px
}

.ui-button-dropdown-small {
    top: 25px;
    font-size: 12px
}

.ui-button-dropdown-item {
    zoom: 1;
    border-bottom: 1px solid #E6E6E6
}

.ui-button-dropdown-item a {
    padding: 5px 10px;
    display: block;
    zoom: 1;
    color: #08c
}

.ui-button-dropdown-item a:hover {
    background-color: #DFE9F2;
    text-decoration: none
}

/*! endblock alice/button-dropdown/1.1.0/dropdown-debug.css *//*! define alice/select/1.0.0/select-debug.css */
.ui-select, .ui-autocomplete {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.ui-select a, .ui-autocomplete a {
    color: #7d7d7d;
    font-size: 12px;
    text-decoration: none
}

.ui-select a:hover, .ui-autocomplete a:hover {
    text-decoration: none
}

a.ui-select-trigger {
    color: #333;
    text-decoration: none;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 98%;
    border: 1px solid #dcdcdc;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    background: #fff
}

a.ui-select-trigger i {
    position: absolute;
    top: 0px;
    right: 10px;
    line-height: 28px;
    text-indent: 0;
    font-size: 14px;
    cursor: pointer
}

.ui-select-content, .ui-autocomplete-ctn {
    width: 98%;
    margin: -1px 0 0;
    padding: 0;
    background: #fff;
    list-style: none;
    border: 1px solid #ccc
}

.ui-select-item, .ui-autocomplete-item {
    display: block;
    padding: 7px 10px;
    cursor: pointer
}

.ui-autocomplete-item {
    padding: 3px 10px
}

.ui-select-selected {
    background: #f2f2f2
}

.ui-select-item:hover, .ui-autocomplete-item:hover {
    background: #f2f2f2
}

.ui-select-item-hover, .ui-autocomplete-item-hover {
    background: #f2f2f2
}

.ui-select-trigger b {
    position: absolute;
    right: 10px;
    top: 17px;
    border-width: 5px 5px;
    border-style: solid;
    border-color: #999 #fff #fff #fff;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

html, body {
    background: #f1f1f1
}

a {
    color: #08c
}

a:hover {
    color: #08c;
    text-decoration: underline
}

.blank10 {
    height: 10px
}

.blank20 {
    height: 20px
}

.blank30 {
    height: 30px
}

.blank40 {
    height: 40px
}

.blank100 {
    height: 100px
}

.divider-line {
    border-bottom: 1px solid #EBEBEB;
    margin-bottom: 10px
}

.ico {
    vertical-align: middle;
    display: inline-block
}

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

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 1000px
}

.container:before, .container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row:before, .row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 {
    float: left
}

.col-xs-1 {
    width: 8.333333333333332%
}

.col-xs-2 {
    width: 16.666666666666664%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333333333333%
}

.col-xs-5 {
    width: 41.66666666666667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.333333333333336%
}

.col-xs-8 {
    width: 66.66666666666666%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333333333334%
}

.col-xs-11 {
    width: 91.66666666666666%
}

.col-xs-12 {
    width: 100%
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 {
    float: left
}

.col-sm-1 {
    width: 8.333333333333332%
}

.col-sm-2 {
    width: 16.666666666666664%
}

.col-sm-3 {
    width: 25%
}

.col-sm-4 {
    width: 33.33333333333333%
}

.col-sm-5 {
    width: 41.66666666666667%
}

.col-sm-6 {
    width: 50%
}

.col-sm-7 {
    width: 58.333333333333336%
}

.col-sm-8 {
    width: 66.66666666666666%
}

.col-sm-9 {
    width: 75%
}

.col-sm-10 {
    width: 83.33333333333334%
}

.col-sm-11 {
    width: 91.66666666666666%
}

.col-sm-12 {
    width: 100%
}

.col-sm-push-1 {
    left: 8.333333333333332%
}

.col-sm-push-2 {
    left: 16.666666666666664%
}

.col-sm-push-3 {
    left: 25%
}

.col-sm-push-4 {
    left: 33.33333333333333%
}

.col-sm-push-5 {
    left: 41.66666666666667%
}

.col-sm-push-6 {
    left: 50%
}

.col-sm-push-7 {
    left: 58.333333333333336%
}

.col-sm-push-8 {
    left: 66.66666666666666%
}

.col-sm-push-9 {
    left: 75%
}

.col-sm-push-10 {
    left: 83.33333333333334%
}

.col-sm-push-11 {
    left: 91.66666666666666%
}

.col-sm-pull-1 {
    right: 8.333333333333332%
}

.col-sm-pull-2 {
    right: 16.666666666666664%
}

.col-sm-pull-3 {
    right: 25%
}

.col-sm-pull-4 {
    right: 33.33333333333333%
}

.col-sm-pull-5 {
    right: 41.66666666666667%
}

.col-sm-pull-6 {
    right: 50%
}

.col-sm-pull-7 {
    right: 58.333333333333336%
}

.col-sm-pull-8 {
    right: 66.66666666666666%
}

.col-sm-pull-9 {
    right: 75%
}

.col-sm-pull-10 {
    right: 83.33333333333334%
}

.col-sm-pull-11 {
    right: 91.66666666666666%
}

.col-sm-offset-1 {
    margin-left: 8.333333333333332%
}

.col-sm-offset-2 {
    margin-left: 16.666666666666664%
}

.col-sm-offset-3 {
    margin-left: 25%
}

.col-sm-offset-4 {
    margin-left: 33.33333333333333%
}

.col-sm-offset-5 {
    margin-left: 41.66666666666667%
}

.col-sm-offset-6 {
    margin-left: 50%
}

.col-sm-offset-7 {
    margin-left: 58.333333333333336%
}

.col-sm-offset-8 {
    margin-left: 66.66666666666666%
}

.col-sm-offset-9 {
    margin-left: 75%
}

.col-sm-offset-10 {
    margin-left: 83.33333333333334%
}

.col-sm-offset-11 {
    margin-left: 91.66666666666666%
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 {
    float: left
}

.col-md-1 {
    width: 8.333333333333332%
}

.col-md-2 {
    width: 16.666666666666664%
}

.col-md-3 {
    width: 25%
}

.col-md-4 {
    width: 33.33333333333333%
}

.col-md-5 {
    width: 41.66666666666667%
}

.col-md-6 {
    width: 50%
}

.col-md-7 {
    width: 58.333333333333336%
}

.col-md-8 {
    width: 66.66666666666666%
}

.col-md-9 {
    width: 75%
}

.col-md-10 {
    width: 83.33333333333334%
}

.col-md-11 {
    width: 91.66666666666666%
}

.col-md-12 {
    width: 100%
}

.col-md-push-0 {
    left: auto
}

.col-md-push-1 {
    left: 8.333333333333332%
}

.col-md-push-2 {
    left: 16.666666666666664%
}

.col-md-push-3 {
    left: 25%
}

.col-md-push-4 {
    left: 33.33333333333333%
}

.col-md-push-5 {
    left: 41.66666666666667%
}

.col-md-push-6 {
    left: 50%
}

.col-md-push-7 {
    left: 58.333333333333336%
}

.col-md-push-8 {
    left: 66.66666666666666%
}

.col-md-push-9 {
    left: 75%
}

.col-md-push-10 {
    left: 83.33333333333334%
}

.col-md-push-11 {
    left: 91.66666666666666%
}

.col-md-pull-0 {
    right: auto
}

.col-md-pull-1 {
    right: 8.333333333333332%
}

.col-md-pull-2 {
    right: 16.666666666666664%
}

.col-md-pull-3 {
    right: 25%
}

.col-md-pull-4 {
    right: 33.33333333333333%
}

.col-md-pull-5 {
    right: 41.66666666666667%
}

.col-md-pull-6 {
    right: 50%
}

.col-md-pull-7 {
    right: 58.333333333333336%
}

.col-md-pull-8 {
    right: 66.66666666666666%
}

.col-md-pull-9 {
    right: 75%
}

.col-md-pull-10 {
    right: 83.33333333333334%
}

.col-md-pull-11 {
    right: 91.66666666666666%
}

.col-md-offset-0 {
    margin-left: 0
}

.col-md-offset-1 {
    margin-left: 8.333333333333332%
}

.col-md-offset-2 {
    margin-left: 16.666666666666664%
}

.col-md-offset-3 {
    margin-left: 25%
}

.col-md-offset-4 {
    margin-left: 33.33333333333333%
}

.col-md-offset-5 {
    margin-left: 41.66666666666667%
}

.col-md-offset-6 {
    margin-left: 50%
}

.col-md-offset-7 {
    margin-left: 58.333333333333336%
}

.col-md-offset-8 {
    margin-left: 66.66666666666666%
}

.col-md-offset-9 {
    margin-left: 75%
}

.col-md-offset-10 {
    margin-left: 83.33333333333334%
}

.col-md-offset-11 {
    margin-left: 91.66666666666666%
}

@-ms-viewport {
    width: device-width
}

@media screen and (max-width: 400px) {
    @-ms-viewport {
        width: 320px
    }
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.visible-xs {
    display: none !important
}

tr.visible-xs {
    display: none !important
}

th.visible-xs, td.visible-xs {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-xs.visible-sm {
        display: block !important
    }

    tr.visible-xs.visible-sm {
        display: table-row !important
    }

    th.visible-xs.visible-sm, td.visible-xs.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-xs.visible-md {
        display: block !important
    }

    tr.visible-xs.visible-md {
        display: table-row !important
    }

    th.visible-xs.visible-md, td.visible-xs.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-xs.visible-lg {
        display: block !important
    }

    tr.visible-xs.visible-lg {
        display: table-row !important
    }

    th.visible-xs.visible-lg, td.visible-xs.visible-lg {
        display: table-cell !important
    }
}

.visible-sm {
    display: none !important
}

tr.visible-sm {
    display: none !important
}

th.visible-sm, td.visible-sm {
    display: none !important
}

@media (max-width: 767px) {
    .visible-sm.visible-xs {
        display: block !important
    }

    tr.visible-sm.visible-xs {
        display: table-row !important
    }

    th.visible-sm.visible-xs, td.visible-sm.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-sm.visible-md {
        display: block !important
    }

    tr.visible-sm.visible-md {
        display: table-row !important
    }

    th.visible-sm.visible-md, td.visible-sm.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-sm.visible-lg {
        display: block !important
    }

    tr.visible-sm.visible-lg {
        display: table-row !important
    }

    th.visible-sm.visible-lg, td.visible-sm.visible-lg {
        display: table-cell !important
    }
}

.visible-md {
    display: none !important
}

tr.visible-md {
    display: none !important
}

th.visible-md, td.visible-md {
    display: none !important
}

@media (max-width: 767px) {
    .visible-md.visible-xs {
        display: block !important
    }

    tr.visible-md.visible-xs {
        display: table-row !important
    }

    th.visible-md.visible-xs, td.visible-md.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-md.visible-sm {
        display: block !important
    }

    tr.visible-md.visible-sm {
        display: table-row !important
    }

    th.visible-md.visible-sm, td.visible-md.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-md.visible-lg {
        display: block !important
    }

    tr.visible-md.visible-lg {
        display: table-row !important
    }

    th.visible-md.visible-lg, td.visible-md.visible-lg {
        display: table-cell !important
    }
}

.visible-lg {
    display: none !important
}

tr.visible-lg {
    display: none !important
}

th.visible-lg, td.visible-lg {
    display: none !important
}

@media (max-width: 767px) {
    .visible-lg.visible-xs {
        display: block !important
    }

    tr.visible-lg.visible-xs {
        display: table-row !important
    }

    th.visible-lg.visible-xs, td.visible-lg.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-lg.visible-sm {
        display: block !important
    }

    tr.visible-lg.visible-sm {
        display: table-row !important
    }

    th.visible-lg.visible-sm, td.visible-lg.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-lg.visible-md {
        display: block !important
    }

    tr.visible-lg.visible-md {
        display: table-row !important
    }

    th.visible-lg.visible-md, td.visible-lg.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

.hidden-xs {
    display: block !important
}

tr.hidden-xs {
    display: table-row !important
}

th.hidden-xs, td.hidden-xs {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }

    tr.hidden-xs {
        display: none !important
    }

    th.hidden-xs, td.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-xs.hidden-sm {
        display: none !important
    }

    tr.hidden-xs.hidden-sm {
        display: none !important
    }

    th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-xs.hidden-md {
        display: none !important
    }

    tr.hidden-xs.hidden-md {
        display: none !important
    }

    th.hidden-xs.hidden-md, td.hidden-xs.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-xs.hidden-lg {
        display: none !important
    }

    tr.hidden-xs.hidden-lg {
        display: none !important
    }

    th.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg {
        display: none !important
    }
}

.hidden-sm {
    display: block !important
}

tr.hidden-sm {
    display: table-row !important
}

th.hidden-sm, td.hidden-sm {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-sm.hidden-xs {
        display: none !important
    }

    tr.hidden-sm.hidden-xs {
        display: none !important
    }

    th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }

    tr.hidden-sm {
        display: none !important
    }

    th.hidden-sm, td.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-sm.hidden-md {
        display: none !important
    }

    tr.hidden-sm.hidden-md {
        display: none !important
    }

    th.hidden-sm.hidden-md, td.hidden-sm.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-sm.hidden-lg {
        display: none !important
    }

    tr.hidden-sm.hidden-lg {
        display: none !important
    }

    th.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg {
        display: none !important
    }
}

.hidden-md {
    display: block !important
}

tr.hidden-md {
    display: table-row !important
}

th.hidden-md, td.hidden-md {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-md.hidden-xs {
        display: none !important
    }

    tr.hidden-md.hidden-xs {
        display: none !important
    }

    th.hidden-md.hidden-xs, td.hidden-md.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md.hidden-sm {
        display: none !important
    }

    tr.hidden-md.hidden-sm {
        display: none !important
    }

    th.hidden-md.hidden-sm, td.hidden-md.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }

    tr.hidden-md {
        display: none !important
    }

    th.hidden-md, td.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-md.hidden-lg {
        display: none !important
    }

    tr.hidden-md.hidden-lg {
        display: none !important
    }

    th.hidden-md.hidden-lg, td.hidden-md.hidden-lg {
        display: none !important
    }
}

.hidden-lg {
    display: block !important
}

tr.hidden-lg {
    display: table-row !important
}

th.hidden-lg, td.hidden-lg {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-lg.hidden-xs {
        display: none !important
    }

    tr.hidden-lg.hidden-xs {
        display: none !important
    }

    th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-lg.hidden-sm {
        display: none !important
    }

    tr.hidden-lg.hidden-sm {
        display: none !important
    }

    th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-lg.hidden-md {
        display: none !important
    }

    tr.hidden-lg.hidden-md {
        display: none !important
    }

    th.hidden-lg.hidden-md, td.hidden-lg.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }

    tr.hidden-lg {
        display: none !important
    }

    th.hidden-lg, td.hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

tr.visible-print {
    display: none !important
}

th.visible-print, td.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }

    .hidden-print {
        display: none !important
    }

    tr.hidden-print {
        display: none !important
    }

    th.hidden-print, td.hidden-print {
        display: none !important
    }
}

.background-color-red, .ued21cn-button.red {
    background-color: #d61538;
    border: 1px solid #d61538
}

.background-color-red:hover, .ued21cn-button.red:hover {
    background-color: #e5284a
}

.background-color-red:active, .ued21cn-button.red:active {
    background-color: #bd1c3a
}

.background-color-orange, .ued21cn-button.orange {
    background-color: #ff4400;
    border: 1px solid #ff4400
}

.background-color-orange:hover, .ued21cn-button.orange:hover {
    background-color: #ff5618
}

.background-color-orange:active, .ued21cn-button.orange:active {
    background-color: #ff5618
}

.background-color-yellow, .ued21cn-button.yellow {
    background-color: #ff9100;
    border: 1px solid #ff9100
}

.background-color-yellow:hover, .ued21cn-button.yellow:hover {
    background-color: #ff9c1a
}

.background-color-yellow:active, .ued21cn-button.yellow:active {
    background-color: #e68200
}

.background-color-green, .ued21cn-button.green {
    background-color: #00b023;
    border: 1px solid #00b023
}

.background-color-green:hover, .ued21cn-button.green:hover {
    background-color: #26bf45
}

.background-color-green:active, .ued21cn-button.green:active {
    background-color: #00a321
}

.background-color-blue, .ued21cn-button.blue {
    background-color: #007dd3;
    border: 1px solid #007dd3
}

.background-color-blue:hover, .ued21cn-button.blue:hover {
    background-color: #0e8ee7
}

.background-color-blue:active, .ued21cn-button.blue:active {
    background-color: #0074c2
}

.background-color-purple, .ued21cn-button.purple {
    background-color: #9132b4;
    border: 1px solid #9132b4
}

.background-color-purple:hover, .ued21cn-button.purple:hover {
    background-color: #a539cc
}

.background-color-purple:active, .ued21cn-button.purple:active {
    background-color: #842ea3
}

.icons-iframe-sprite, .icons-login-type, .icons-qq, .icons-sina {
    background-image: url('../../../images/img-login/icons-iframe-scbe9217a00.png');
    background-repeat: no-repeat
}

.icons-login-type {
    background-position: 0 0;
    height: 118px;
    width: 110px
}

.icons-qq {
    background-position: 0 -118px;
    height: 18px;
    width: 18px
}

.icons-qq:hover, .icons-qq.qq-hover {
    background-position: 0 -136px
}

.icons-sina {
    background-position: 0 -154px;
    height: 18px;
    width: 24px
}

.icons-sina:hover, .icons-sina.sina-hover {
    background-position: 0 -172px
}

html, body {
    background-color: transparent;
    color: #666
}

input, input:focus {
    outline: none
}

.login-box-inner {
    min-height: 314px;
    overflow: hidden;
    position: relative;
    width: 310px;
    height: 314px;
    overflow: hidden;
    z-index: 3
}

.login-box-inner .tab-cnt {
    width: 310px;
    height: 314px;
    overflow: hidden;
    position: relative
}

.login-box-bd {
    padding: 0 25px
}

.login-box {
    width: 310px;
    position: relative
}

.login-box .hd {
    height: 40px
}

.login-box .hd h2 {
    line-height: 22px;
    padding-top: 18px;
    color: #333;
    float: left;
    font-size: 13px
}

.login-box .hd h2 span {
    display: inline-block
}

.login-box .hd .more {
    float: right;
    font-size: 13px
}

.login-box .hd .more a {
    color: #777;
    display: inline-block
}

.login-box .hd .more a:hover {
    text-decoration: none;
    color: #f38e02
}

.login-box .tianyi-tit {
    background: url('../../../images/img-login/tianyi_logo.png?1400161286') no-repeat scroll left 0;
    padding-left: 38px
}

.login-box .login-type {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.login-box .login-type span {
    cursor: pointer;
    display: inline-block;
    width: 55px;
    height: 59px;
    background-image: url('../../../images/img-login/icons-iframe-s1d8b33da8c.png');
    _background-image: url('../../../images/img-login/icons-iframe-ie6.png?1400161286');
    background-position: -55px -59px;
    -moz-transition: background-position 0.2s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0s;
    -o-transition: background-position 0.2s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0s;
    -webkit-transition: background-position 0.2s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -webkit-transition-delay: 0s;
    transition: background-position 0.2s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0s
}

.login-box .login-type .icons-normal-login {
    background-position: 0 0
}

.login-box .ui-switchable-content {
    min-height: 368px
}

.login-box .bd {
    color: #999
}

.login-box .bd a {
    color: #999
}

.login-box .bd a:hover {
    color: #fc5741
}

.login-box ui-form-item {
    padding: 0 5px 15px 0;
    color: #999
}

.login-box .ui-1-item {
    padding: 0
}

.login-box .ui-2-item {
    padding: 0;
    margin-top: -1px
}

.login-box .ui-form-saveLogin-item {
    margin-top: 10px;
    padding-bottom: 17px
}

.login-box .forget-pwd {
    float: right;
    text-decoration: underline;
    color: #999
}

.login-box .forget-pwd:hover {
    color: #fc5741
}

.login-box .reg-button {
    background-color: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 2px;
    color: #999;
    height: 38px;
    line-height: 36px;
    opacity: 1;
    width: 100%
}

.login-box .reg-button:hover {
    border-color: #FAC816
}

.login-box .ui-input {
    color: #333;
    padding: 11px 9px;
    width: 240px;
    height: 16px;
    font-weight: 700
}

.login-box .ui-input:focus {
    border-color: #DCDCDC;
    background-color: #F9F9F9;
    box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.12);
    z-index: 3
}

.login-box .ui-input::placeholder {
    color: #999;
    font-weight: 300
}

.login-box .input-group-mail {
    position: relative;
    border: 1px #DCDCDC solid;
    background-color: #FFF;
    _background-color: #FFF
}

.login-box .input-group-mail .ui-input {
    margin-right: 80px;
    border: 0;
    background-color: transparent
}

.login-box .input-group-mail .ui-input:focus {
    border: 0;
    background-color: transparent;
    box-shadow: none
}

.login-box .input-group-mail .addon {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    color: #555555;
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    padding: 11px 12px;
    text-align: center
}

.login-box .ui-form-item-focus .input-group-mail {
    border-color: #DCDCDC;
    background-color: #F9F9F9;
    _background-color: #FFF;
    box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.12);
    z-index: 3
}

.login-box .platform {
    margin-right: 10px;
    vertical-align: middle
}

.login-box .platform:hover {
    text-decoration: none
}

.login-box .platform span {
    display: inline-block;
    background-image: url('../../../images/img-login/icons-iframe-s1d8b33da8c.png');
    _background-image: url('../../../images/img-login/icons-iframe-ie6.png?1400161286')
}

.login-box .mobileLogin-tip {
    color: #666;
    padding-bottom: 10px
}

.login-box .mobileLogin-tip span {
    color: #fc5741
}

.login-box .er-code-box .highlight {
    color: #F35C1A
}

.login-box .er-code-box h2 {
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    margin-top: -25px;
    padding-bottom: 10px;
    color: #333
}

.login-box .er-code-box h2 span {
    display: inline-block
}

.login-box .er-code-box .er-code {
    background-color: #FFFFFF;
    margin: 0 auto 15px;
    height: 192px;
    width: 192px
}

.login-box .er-code-box .er-code .img-frame {
    padding: 12px
}

.login-box .er-code-box .er-code img {
    height: 168px;
    width: 168px
}

.login-box .er-code-box .descn {
    text-align: center;
    color: #666;
    line-height: 2em
}

.login-box .er-code-box .descn a {
    color: #999999
}

.login-box .er-code-box .descn a:hover {
    color: #fc5741;
    text-decoration: underlines
}

.login-box .er-code-box .descn .client-links {
    color: #666
}

.login-box .ft {
    margin: 0 25px;
    padding: 15px 0;
    border-top: 1px #E6E6E6 solid;
    position: relative;
    z-index: 2;
    background-color: #F2F2F2;
    height: 68px
}

.login-box .hide-ft {
    visibility: hidden
}

.login-button {
    background-color: #FB5641;
    border: 1px solid #FB5641;
    border-radius: 2px;
    color: #FFFFFF;
    font-weight: 700;
    height: 38px;
    line-height: 36px;
    width: 260px
}

.login-button:hover {
    background-color: #fa3219
}

.ui-form-code {
    padding: 0;
    margin-bottom: 0px;
    border: 1px #DCDCDC solid;
    border-width: 0 1px 1px 1px;
    height: 38px;
    overflow: hidden
}

.ui-form-code .watermark_container {
    float: left
}

.ui-form-code .ui-input {
    width: 98px;
    border: 0
}

.ui-form-code .img-frame {
    float: right;
    border-left: 1px #DCDCDC solid;
    background-color: #FFF;
    width: 140px;
    height: 38px;
    _width: 139px
}

.ui-form-code .img-frame a {
    display: inline-block;
    line-height: 38px;
    padding: 0 5px
}

.ui-form-code .img-frame img {
    display: block;
    cursor: pointer;
    float: left
}

.ui-form-btn {
    padding-bottom: 15px
}

.needcaptcha .ui-form-btn {
    padding-bottom: 20px
}

.needcaptcha .ui-form-saveLogin-item {
    margin-top: 10px;
    padding-bottom: 10px
}

.login-box #J_form_explain {
    height: 28px;
    position: relative;
    z-index: 3
}

.ui-form-item-error .ui-input {
    z-index: 2;
    border-color: #DCDCDC
}

.alert {
    padding: 4px 12px;
    margin-bottom: 10px;
    color: #4D4D4D
}

.alert-danger {
    padding-left: 30px;
    background: #fdeee9 url('../img/ui-fm.png?1400161285') no-repeat -178px 6px;
    _background: #fdeee9 url('../../../images/bgimg/ui-fm.gif?1400161285') no-repeat -178px 6px;
    border: 1px solid #ece1dd
}

.alert-success {
    padding-left: 30px;
    background: #e1f0ee url('../img/ui-fm.png?1400161285') no-repeat -106px -118px;
    _background: #e1f0ee url('../../../images/bgimg/ui-fm.gif?1400161285') no-repeat -106px -118px;
    border: 1px solid #d7e1e0
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #fff;
    border: 1px solid #cccccc
}

.input-group .form-control {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell
}

.input-group-addon:last-child {
    border-left: 0
}

.dialog-box {
    width: 580px;
    height: 380px;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #dcdcdc
}

.dialog-close {
    width: 100%;
    height: 30px;
    text-align: right;
    font-size: 18px;
    color: #666666;
    padding-right: 20px;
    cursor: pointer;
    margin-bottom: 30px
}

.dialog-close:hover {
    color: #ff4401
}

.dialog-container {
    margin: auto;
    width: 250px;
    text-align: center
}

.dialog-container div {
    height: 35px
}

.loginNow-div-img {
    background: url('../../../images/img-login/tianyi_logo.png?1400161286') no-repeat;
    font-size: 18px;
    color: #666666;
    margin-bottom: 32px
}

.loginUserName-div {
    font-size: 26px;
    color: #000000;
    margin-bottom: 25px
}

.countdownInfo-div {
    font-size: 14px;
    color: #666666;
    margin-bottom: 15px
}

.fastLogin-button {
    background-color: #ff4401;
    border: 1px solid #fc3c1c;
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    height: 38px;
    line-height: 36px;
    width: 100%;
    margin-bottom: 10px
}

.switchAccount-button {
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    color: #666666;
    font-size: 18px;
    font-weight: 500;
    height: 38px;
    line-height: 36px;
    width: 100%
}

.lvl-up {
    width: 310px;
    margin: 0 auto;
    padding: 20px;
    color: #3e3e3e;
    font-size: 16px
}

.lvl-up .lvl-up-title {
    font-weight: bold;
    text-align: center
}

.lvl-up .lvl-up-txt {
    line-height: 200%;
    margin: 0 auto 15px
}

.lvl-up .lvl-up-txt strong {
    color: #ff4900
}

.lvl-up .lvl-up-btn {
    display: block;
    background: #00c7ab;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 10px 0
}

.lvl-up .lvl-up-btn:hover, .lvl-up .lvl-up-btn:active {
    text-decoration: none
}

.other-login {
    margin-bottom: 5px;
}
.other-login > .title {
    position: relative;
    font-size: 13px;
    color: #837e81;
    text-align: center;
}
.other-login > .title:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 30%;
    background-color: #CCCCCC;
    left: 0;
    top: 50%;
}
.other-login > .title:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 30%;
    background-color: #CCCCCC;
    right: 0;
    top: 50%;
}
.other-login > .others-bar {
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
}
.others-bar > a:link {
    text-decoration: none;
}
.other-login > .others-bar > a:active, .other-login > .others-bar > a:hover  {
    color: rgb(148, 216, 45);
}
.icon > .fa {
    color: rgb(148, 216, 45);
}
.others-bar > a > .icon {
    display: inline-block;
    border: 1px solid rgb(148, 216, 45);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 22px;
}
.others-bar > a:hover > .icon {
    background-color: rgb(148, 216, 45);
}
a:hover > .icon > .fa {
    color: #fff;
}