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

body, div, span, applet, object, iframe, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, input, textarea, button, hr, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

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

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

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

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

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

th {
    text-align: inherit
}

iframe {
    display: block
}

abbr, acronym {
    font-variant: normal
}

del {
    text-decoration: line-through
}

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

ol, ul {
    list-style: none
}

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

q, blockquote {
    quotes: none
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

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

a {
    text-decoration: none
}


ins {
    text-decoration: none
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
}

body, button, input, select, textarea {
    font: 400 12px/1.5 Helvetica Neue, Helvetica, arial, Hiragino Sans GB, Microsoft Yahei, \5b8b\4f53, sans-serif
}


.fn-h1, .fn-h2, .fn-h3, .fn-h4, .fn-h5, .fn-h6 {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1
}

.fn-h1 {
    font-size: 36px
}

.fn-h2 {
    font-size: 30px
}

.fn-h3 {
    font-size: 24px
}

.fn-h4 {
    font-size: 18px
}

.fn-h5 {
    font-size: 16px
}

.fn-h6 {
    font-size: 12px
}

a {
    color: #333
}



strong {
    font-weight: 700
}

address {
    margin-bottom: 18px;
    line-height: 1.5
}

input[type="text"]:-moz-placeholder, textarea:-moz-placeholder {
    color: #aaa
}

input[type="text"]::-moz-placeholder, textarea::-moz-placeholder {
    color: #aaa
}

input[type="text"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #aaa
}

input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #aaa
}

.ui-box {
    border: 1px solid #f5f5f5;
    border-bottom: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    *zoom: 1
}

.ui-box:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui-box-follow {
    border-top: none
}

.ui-box-head {
    border-bottom: 1px solid #f5f5f5;
    position: relative;
    padding: 14px 30px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    *zoom: 1
}

.ui-box-head:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui-box-head .ui-box-head-title {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.ui-box-head .ui-box-head-more {
    float: right
}

.ui-box-head .ui-box-head-text {
    float: left;
    margin-left: 10px;
    color: gray
}

.ui-box-container {
    border-bottom: 1px solid #f5f5f5;
    background: #fff
}
.ui-content-box{
    padding: 30px 0;
}
.ui-box-content {
    padding: 30px
}

.ui-button * {
    margin: 0;
    padding: 0
}

.ui-button {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 0;
    border: 1px solid transparent;
    outline: 0;
    line-height: 1.428571429;
    padding: 6px 12px;
    font-size: 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: 400;
    font-family: inherit;
    text-decoration: none;
    white-space: nowrap;
    word-wrap: normal;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    *overflow: visible;
    background-image: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

.ui-button:active, .ui-button.active {
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.ui-button.disabled, .ui-button[disabled], fieldset[disabled] .ui-button {
    cursor: not-allowed;
    pointer-events: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
    opacity: .65;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

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

.ui-button-orange {
    border-color: #f60;
    background: #f60;
    color: #fff
}

.ui-button-orange:hover, .ui-button-orange.hover {
    border-color: #ee5e17;
    background: #ee5e17;
    color: #fff
}

.ui-button-orange:active, .ui-button-orange.active {
    border-color: #ee5e17;
    background: #ee5e17;
    color: #fff
}

.ui-button-orange:focus, .ui-button-orange.focus {
    border-color: #ee5e17;
    background: #ee5e17;
    color: #fff
}

.ui-button-orange.disabled, .ui-button-orange.disabled:hover, .ui-button-orange.disabled:focus, .ui-button-orange.disabled:active, .ui-button-orange.disabled.active, .ui-button-orange[disabled], .ui-button-orange[disabled]:hover, .ui-button-orange[disabled]:focus, .ui-button-orange[disabled]:active, .ui-button-orange[disabled].active, fieldset[disabled] .ui-button-orange, fieldset[disabled] .ui-button-orange:hover, fieldset[disabled] .ui-button-orange:focus, fieldset[disabled] .ui-button-orange:active, fieldset[disabled] .ui-button-orange.active {
    border-color: #f60;
    background: #f60;
    color: #fff
}

.ui-button-blue {
    border-color: #2e6da4;
    background: #337ab7;
    color: #fff
}

.ui-button-blue:hover, .ui-button-blue.hover {
    border-color: #204d74;
    background: #286090;
    color: #fff
}

.ui-button-blue:active, .ui-button-blue.active {
    border-color: #204d74;
    background: #286090;
    color: #fff
}

.ui-button-blue:focus, .ui-button-blue.focus {
    border-color: #204d74;
    background: #286090;
    color: #fff
}

.ui-button-blue.disabled, .ui-button-blue.disabled:hover, .ui-button-blue.disabled:focus, .ui-button-blue.disabled:active, .ui-button-blue.disabled.active, .ui-button-blue[disabled], .ui-button-blue[disabled]:hover, .ui-button-blue[disabled]:focus, .ui-button-blue[disabled]:active, .ui-button-blue[disabled].active, fieldset[disabled] .ui-button-blue, fieldset[disabled] .ui-button-blue:hover, fieldset[disabled] .ui-button-blue:focus, fieldset[disabled] .ui-button-blue:active, fieldset[disabled] .ui-button-blue.active {
    border-color: #2e6da4;
    background: #337ab7;
    color: #fff
}

.ui-button-green {
    border-color: #4cae4c;
    background: #5cb85c;
    color: #fff
}

.ui-button-green:hover, .ui-button-green.hover {
    border-color: #398439;
    background: #449d44;
    color: #fff
}

.ui-button-green:active, .ui-button-green.active {
    border-color: #398439;
    background: #449d44;
    color: #fff
}

.ui-button-green:focus, .ui-button-green.focus {
    border-color: #398439;
    background: #449d44;
    color: #fff
}

.ui-button-green.disabled, .ui-button-green.disabled:hover, .ui-button-green.disabled:focus, .ui-button-green.disabled:active, .ui-button-green.disabled.active, .ui-button-green[disabled], .ui-button-green[disabled]:hover, .ui-button-green[disabled]:focus, .ui-button-green[disabled]:active, .ui-button-green[disabled].active, fieldset[disabled] .ui-button-green, fieldset[disabled] .ui-button-green:hover, fieldset[disabled] .ui-button-green:focus, fieldset[disabled] .ui-button-green:active, fieldset[disabled] .ui-button-green.active {
    border-color: #4cae4c;
    background: #5cb85c;
    color: #fff
}

.ui-button-default {
    border-color: #ccc;
    background: #fff;
    color: #333
}

.ui-button-default:hover, .ui-button-default.hover {
    border-color: #adadad;
    background: #e6e6e6;
    color: #333
}

.ui-button-default:active, .ui-button-default.active {
    border-color: #adadad;
    background: #e6e6e6;
    color: #333
}

.ui-button-default:focus, .ui-button-default.focus {
    border-color: #adadad;
    background: #e6e6e6;
    color: #333
}

.ui-button-default.disabled, .ui-button-default.disabled:hover, .ui-button-default.disabled:focus, .ui-button-default.disabled:active, .ui-button-default.disabled.active, .ui-button-default[disabled], .ui-button-default[disabled]:hover, .ui-button-default[disabled]:focus, .ui-button-default[disabled]:active, .ui-button-default[disabled].active, fieldset[disabled] .ui-button-default, fieldset[disabled] .ui-button-default:hover, fieldset[disabled] .ui-button-default:focus, fieldset[disabled] .ui-button-default:active, fieldset[disabled] .ui-button-default.active {
    border-color: #ccc;
    background: #fff;
    color: #333
}

.ui-button-size-xsmall {
    line-height: 1.5;
    padding: 1px 5px;
    font-size: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.ui-button-size-small {
    line-height: 1.5;
    padding: 5px 10px;
    font-size: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.ui-button-size-large {
    line-height: 1.3333333;
    padding: 10px 16px;
    font-size: 18px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.ui-button-size-xlarge {
    line-height: 1.3333333;
    padding: 15px 20px;
    font-size: 24px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.ui-button-block {
    display: block;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ui-button-link {
    color: #333;
    font-weight: normal;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.ui-button-link, .ui-button-link:active, .ui-button-link.active, .ui-button-link[disabled], fieldset[disabled] .ui-button-link {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-button-link, .ui-button-link:hover, .ui-button-link:focus, .ui-button-link:active {
    border-color: transparent
}

.ui-button-link:hover, .ui-button-link:focus {
    color: #FF6C00;
    text-decoration: underline;
    background-color: transparent
}

.ui-button-link[disabled]:hover, .ui-button-link[disabled]:focus, fieldset[disabled] .ui-button-link:hover, fieldset[disabled] .ui-button-link:focus {
    color: #eee;
    text-decoration: none
}

.ui-dialog {
    border: none;
    padding: 6px;
    outline: none;
    background-color: rgba(0, 0, 0, 0.5);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#80000000', endColorstr='#80000000');
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.ui-dialog-content {
    background: #fff
}

:root .ui-dialog {
    FILTER: none \9
}

.ui-dialog-close {
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 10;
    display: block;
    height: 18px;
    line-height: 14px;
    font-family: tahoma;
    font-size: 24px;
    font-weight: 700;
    color: #999;
    text-decoration: none;
    cursor: pointer
}

.ui-dialog-close:hover {
    color: #666;
    text-shadow: 0 0 2px #aaa;
    text-decoration: none
}

.ui-dialog-title {
    border-bottom: 1px solid #E1E1E1;
    height: 45px;
    line-height: 46px;
    font-size: 16px;
    color: #4d4d4d;
    text-indent: 20px;
    background-color: #f9f9f9;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -moz-linear-gradient(top, #fcfcfc, #f9f9f9);
    background-image: -webkit-linear-gradient(top, #fcfcfc, #f9f9f9);
    background-image: linear-gradient(to bottom, #fcfcfc, #f9f9f9);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFCFCFC', endColorstr='#FFF9F9F9')
}

.ui-dialog-container {
    padding: 15px 20px 20px;
    font-size: 12px
}

.ui-dialog-message {
    margin-bottom: 15px
}

.ui-dialog-operation {
    zoom: 1
}

.ui-dialog-confirm, .ui-dialog-cancel {
    display: inline
}

.ui-dialog-operation .ui-dialog-confirm {
    margin-right: 4px
}

.ui-dialog-button-orange, .ui-dialog-button-white {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 12px;
    height: 23px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    *overflow: visible;
    background-image: none
}

a.ui-dialog-button-orange:hover, a.ui-dialog-button-white:hover {
    text-decoration: none
}

.ui-dialog-button-orange {
    color: #fff;
    border: 1px solid #d66500;
    background-color: #f57403
}

.ui-dialog-button-orange:hover {
    background-color: #fb8318
}

.ui-dialog-button-white {
    border: 1px solid #afafaf;
    background-color: #f3f3f3;
    color: #777
}

.ui-dialog-button-white:hover {
    border: 1px solid #8e8e8e;
    background-color: #fcfbfb;
    color: #676d70
}

.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: 8px 0 0;
    font-size: 12px;
    color: #B2B2B2
}

.ui-form-other {
    margin-left: 8px
}

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

.ui-form-text:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

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

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

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

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

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

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

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

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

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

.ui-input {
    padding: 7px 9px;
    line-height: 18px;
    border: 1px solid #c1c1c1;
    color: #595959;
    font-size: 12px
}

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

.ui-input:hover, .ui-textarea:hover, .ui-input-hover {
    border: 1px solid #727272;
    border-top-color: #808080
}

.ui-input:focus, .ui-textarea:focus, .ui-input-focus {
    border: 1px solid #07f;
    -moz-box-shadow: 0 0 3px #8cddff;
    -webkit-box-shadow: 0 0 3px #8cddff;
    box-shadow: 0 0 3px #8cddff;
    color: #595959
}

.ui-input[disabled], .ui-input:disabled, .ui-textarea[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-hover .ui-input, .ui-form-item-hover .ui-textarea {
    border: 1px solid #727272
}

.ui-form-item-focus .ui-input, .ui-form-item-focus .ui-textarea {
    border: 1px solid #07f;
    -moz-box-shadow: 0 0 3px #8cddff;
    -webkit-box-shadow: 0 0 3px #8cddff;
    box-shadow: 0 0 3px #8cddff
}

.ui-form-item-focus .ui-form-explain, .ui-form-item-hover .ui-form-explain {
    color: #333
}

.ui-label {
    float: left;
    width: 170px;
    margin-left: -180px;
    padding-top: 5px;
    text-align: right;
    font-size: 14px
}

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

input.ui-checkbox {
    vertical-align: baseline
}

.ui-grid-1, .ui-grid-2, .ui-grid-3, .ui-grid-4, .ui-grid-5, .ui-grid-6, .ui-grid-7, .ui-grid-8, .ui-grid-9, .ui-grid-10, .ui-grid-11, .ui-grid-12, .ui-grid-13, .ui-grid-14, .ui-grid-15, .ui-grid-16, .ui-grid-17, .ui-grid-18, .ui-grid-19, .ui-grid-20, .ui-grid-21, .ui-grid-22, .ui-grid-23, .ui-grid-24 {
    margin: 0 20px 20px 0;
    float: left
}

.ui-grid-1 {
    width: 30px
}

.ui-grid-2 {
    width: 80px
}

.ui-grid-3 {
    width: 130px
}

.ui-grid-4 {
    width: 180px
}

.ui-grid-5 {
    width: 230px
}

.ui-grid-6 {
    width: 280px
}

.ui-grid-7 {
    width: 330px
}

.ui-grid-8 {
    width: 380px
}

.ui-grid-9 {
    width: 430px
}

.ui-grid-10 {
    width: 480px
}

.ui-grid-11 {
    width: 530px
}

.ui-grid-12 {
    width: 580px
}

.ui-grid-13 {
    width: 630px
}

.ui-grid-14 {
    width: 680px
}

.ui-grid-15 {
    width: 730px
}

.ui-grid-16 {
    width: 780px
}

.ui-grid-17 {
    width: 830px
}

.ui-grid-18 {
    width: 880px
}

.ui-grid-19 {
    width: 930px
}

.ui-grid-20 {
    width: 980px
}

.ui-grid-21 {
    width: 1030px
}

.ui-grid-22 {
    width: 1080px
}

.ui-grid-23 {
    width: 1130px
}

.ui-grid-24 {
    width: 1180px
}

.ui-grid-row {
    margin-right: -20px;
    *zoom: 1
}

.ui-grid-row:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui-img-rounded {
    border-radius: 6px
}

.ui-img-thumbnail {
    border: 1px solid #ddd;
    padding: 4px;
    line-height: 1.5;
    background-color: #f5f5f5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 100% \9;
    max-width: 100%;
    height: auto
}

.ui-img-circle {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.ui-list {
    margin: 0;
    padding: 10px;
    list-style: square inside
}

.ui-list-item {
    font-size: 9px;
    line-height: 20px
}

.ui-list-item a {
    line-height: 20px;
    text-decoration: none;
    color: #08c
}

.ui-list-item a:hover {
    text-decoration: underline
}

.ui-list-item a, .ui-list-item span.ui-list-item-text {
    font-size: 12px;
    vertical-align: middle
}

.ui-list-gray .ui-list-item {
    color: #808080
}

.ui-list-graylink .ui-list-item {
    color: #808080
}

.ui-list-graylink .ui-list-item a {
    color: #666
}

.ui-list-nosquare {
    list-style: none;
+ list-style-position: outside
}

.ui-dlist {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: gray;
    font-size: 12px;
    line-height: 2.2;
    *zoom: 1
}

.ui-dlist:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui-dlist-tit {
    float: left;
    width: 20%;
    text-align: right;
    margin: 0
}

.ui-dlist-det {
    float: left;
    width: 80%;
    text-align: left;
    margin: 0
}

.ui-paging {
    *zoom: 1
}

.ui-paging:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui-paging input {
    zoom: 1
}

.ui-paging a, .ui-paging span.ui-paging-prev, .ui-paging span.ui-paging-next {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 3px;
    height: 22px;
    line-height: 22px;
    text-decoration: none;
    vertical-align: middle;
    color: gray
}

.ui-paging .iconfont {
    font-size: 10px;
    color: #787878
}

.ui-paging .ui-paging-prev {
    margin: 0 3px 0 0
}

.ui-paging a.ui-paging-item {
    border: none;
    padding: 0 8px;
    background-color: #f3f3f3;
    font-weight: 700
}

.ui-paging a.ui-paging-item:hover {
    color: #fff;
    background: #ff9c00
}

.ui-paging a.ui-paging-current {
    color: #fff;
    background: #ff9c00
}

.ui-paging span.ui-paging-prev, .ui-paging span.ui-paging-prev .iconfont, .ui-paging span.ui-paging-next, .ui-paging span.ui-paging-next .iconfont {
    border-color: #d4d4d4;
    color: #fff;
    background: #d4d4d4;
    filter: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-paging, .ui-paging input {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: gray;
    vertical-align: middle
}

.ui-paging-prev, .ui-paging-next, .ui-paging-goto {
    padding: 0 8px;
    border: 1px solid #ccc;
    background-color: #f6f6f6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.ui-paging-prev:hover, .ui-paging-next:hover, .ui-paging-goto:hover {
    border-color: #999;
    color: #666
}

a.ui-paging-prev:hover, a.ui-paging-next:hover {
    text-decoration: none
}

a.ui-paging-prev:hover, a.ui-paging-prev:hover .iconfont, a.ui-paging-next:hover, a.ui-paging-next:hover .iconfont {
    color: #666
}

.ui-paging-info {
    margin-right: 5px;
    height: 24px;
    line-height: 24px
}

.ui-paging-ellipsis {
    margin: 0 5px;
    line-height: 16px;
    font-weight: 700
}

.ui-paging-which input {
    border: 1px solid;
    border-color: #aaa #d1d1d1 #d1d1d1 #aaa;
    padding: 0 6px;
    width: 22px;
    height: 20px;
    line-height: 20px
}

.ui-paging-which input:hover {
    border-color: #999;
    color: #666
}

.ui-paging-bold {
    padding: 0 8px;
    font-weight: 700
}

.ui-poptip {
    font-size: 12px;
    line-height: 1.5;
    color: #DB7C22;
    z-index: 9999 -10
}

.ui-poptip-shadow {
    _display: inline;
    padding: 2px;
    background-color: rgba(229, 169, 107, 0.15);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#26E5A96B', endColorstr='#26E5A96B');
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.ui-poptip-container {
    _display: inline;
    position: relative;
    border: 1px solid #ffbb76;
    padding: 5px 15px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #FFFCEF
}

.ui-poptip, .ui-poptip-shadow, .ui-poptip-container {
    *zoom: 1
}

.ui-poptip:after, .ui-poptip-shadow:after, .ui-poptip-container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

a.ui-poptip-close {
    position: absolute;
    right: 3px;
    top: 3px;
    border: 1px solid #ffc891;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 12px;
    height: 12px;
    font-family: tahoma;
    color: #dd7e00;
    line-height: 10px;
    *line-height: 12px;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    background: #ffd7af;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjBlMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZTdjZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -moz-linear-gradient(top, #fff0e1, #ffe7cd);
    background-image: -webkit-linear-gradient(top, #fff0e1, #ffe7cd);
    background-image: linear-gradient(to bottom, #fff0e1, #ffe7cd);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFF0E1', endColorstr='#FFFFE7CD');
    overflow: hidden
}

a.ui-poptip-close:hover {
    border: 1px solid #ffb24c;
    text-decoration: none;
    color: #dd7e00;
    background: #ffd7af;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTVjYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmY2M5OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -moz-linear-gradient(top, #ffe5ca, #ffcc98);
    background-image: -webkit-linear-gradient(top, #ffe5ca, #ffcc98);
    background-image: linear-gradient(to bottom, #ffe5ca, #ffcc98);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFE5CA', endColorstr='#FFFFCC98')
}

.ui-poptip-arrow {
    position: absolute;
    z-index: 10;
    *zoom: 1
}

.ui-poptip-arrow em, .ui-poptip-arrow span {
    position: absolute;
    *zoom: 1;
    width: 0;
    height: 0;
    border-color: rgba(255, 255, 255, 0);
    border-color: transparent \0;
    *border-color: transparent;
    _border-color: tomato;
    _filter: chroma(color=tomato);
    border-style: solid;
    overflow: hidden;
    top: 0;
    left: 0
}

.ui-poptip-arrow-10 {
    left: -6px;
    top: 10px
}

.ui-poptip-arrow-10 em {
    top: 0;
    left: -1px
}

.ui-poptip-arrow-9 {
    left: -6px;
    top: 50%
}

.ui-poptip-arrow-9 em {
    top: -6px;
    left: -1px
}

.ui-poptip-arrow-9 span {
    top: -6px
}

.ui-poptip-arrow-8 {
    top: auto;
    left: -6px;
    bottom: 10px
}

.ui-poptip-arrow-8 em {
    bottom: 0px;
    left: -1px
}

.ui-poptip-arrow-10 em, .ui-poptip-arrow-9 em, .ui-poptip-arrow-8 em {
    border-width: 6px 6px 6px 0;
    border-right-color: #ffbb76
}

.ui-poptip-arrow-10 span, .ui-poptip-arrow-9 span, .ui-poptip-arrow-8 span {
    border-width: 6px 6px 6px 0;
    border-right-color: #FFFCEF
}

.ui-poptip-arrow-2 {
    top: 10px;
    right: 0
}

.ui-poptip-arrow-2 em {
    top: 0;
    left: 1px
}

.ui-poptip-arrow-3 {
    top: 50%;
    right: 0
}

.ui-poptip-arrow-3 em {
    top: -6px;
    left: 1px
}

.ui-poptip-arrow-3 span {
    top: -6px
}

.ui-poptip-arrow-3 em {
    border-width: 6px 0 6px 6px;
    border-left-color: #ffbb76
}

.ui-poptip-arrow-3 span {
    border-width: 6px 0 6px 6px;
    border-left-color: #FFFCEF
}

.ui-poptip-arrow-11 em, .ui-poptip-arrow-12 em, .ui-poptip-arrow-1 em {
    border-width: 0 6px 6px;
    border-bottom-color: #ffbb76;
    top: -1px;
    left: 0
}

.ui-poptip-arrow-11 span, .ui-poptip-arrow-12 span, .ui-poptip-arrow-1 span {
    border-width: 0 6px 6px;
    border-bottom-color: #FFFCEF
}

.ui-poptip-arrow-11 {
    left: 14px;
    top: -6px
}

.ui-poptip-arrow-1 {
    right: 28px;
    top: -6px
}

.ui-poptip-arrow-12 {
    left: 50%;
    top: -6px
}

.ui-poptip-arrow-12 em, .ui-poptip-arrow-12 span {
    left: -6px
}

.ui-poptip-arrow-5 em, .ui-poptip-arrow-6 em, .ui-poptip-arrow-7 em {
    border-width: 6px 6px 0;
    border-top-color: #ffbb76;
    top: 1px;
    left: 0
}

.ui-poptip-arrow-5 span, .ui-poptip-arrow-6 span, .ui-poptip-arrow-7 span {
    border-width: 6px 6px 0;
    border-top-color: #FFFCEF
}

.ui-poptip-arrow-5 {
    right: 28px;
    bottom: 0
}

.ui-poptip-arrow-6 {
    left: 50%;
    bottom: 0
}

.ui-poptip-arrow-6 em, .ui-poptip-arrow-6 span {
    left: -6px
}

.ui-poptip-arrow-7 {
    left: 14px;
    bottom: 0
}

:root .ui-poptip-shadow {
    FILTER: none \9
}

.ui-poptip-blue {
    color: #4d4d4d
}

.ui-poptip-blue .ui-poptip-shadow {
    background-color: rgba(0, 0, 0, 0.05);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#0D000000', endColorstr='#0D000000')
}

.ui-poptip-blue .ui-poptip-container {
    border: 1px solid #B9C8D3;
    background-color: #F8FCFF
}

.ui-poptip-blue .ui-poptip-arrow-10 em, .ui-poptip-blue .ui-poptip-arrow-9 em {
    border-right-color: #B9C8D3
}

.ui-poptip-blue .ui-poptip-arrow-11 em, .ui-poptip-blue .ui-poptip-arrow-12 em, .ui-poptip-blue .ui-poptip-arrow-1 em {
    border-bottom-color: #B9C8D3
}

.ui-poptip-blue .ui-poptip-arrow-2 em, .ui-poptip-blue .ui-poptip-arrow-3 em {
    border-left-color: #B9C8D3
}

.ui-poptip-blue .ui-poptip-arrow-5 em, .ui-poptip-blue .ui-poptip-arrow-6 em, .ui-poptip-blue .ui-poptip-arrow-7 em {
    border-top-color: #B9C8D3
}

.ui-poptip-blue .ui-poptip-arrow-10 span, .ui-poptip-blue .ui-poptip-arrow-9 span {
    border-right-color: #F8FCFF
}

.ui-poptip-blue .ui-poptip-arrow-11 span, .ui-poptip-blue .ui-poptip-arrow-12 span, .ui-poptip-blue .ui-poptip-arrow-1 span {
    border-bottom-color: #F8FCFF
}

.ui-poptip-blue .ui-poptip-arrow-2 span, .ui-poptip-blue .ui-poptip-arrow-3 span {
    border-left-color: #F8FCFF
}

.ui-poptip-blue .ui-poptip-arrow-5 span, .ui-poptip-blue .ui-poptip-arrow-6 span, .ui-poptip-blue .ui-poptip-arrow-7 span {
    border-top-color: #F8FCFF
}

.ui-poptip-white {
    color: #333
}

.ui-poptip-white .ui-poptip-shadow {
    background-color: rgba(0, 0, 0, 0.05);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#0D000000', endColorstr='#0D000000')
}

.ui-poptip-white .ui-poptip-container {
    background-color: #fff;
    border: 1px solid #b1b1b1
}

.ui-poptip-white .ui-poptip-arrow-10 em, .ui-poptip-white .ui-poptip-arrow-9 em {
    border-right-color: #b1b1b1
}

.ui-poptip-white .ui-poptip-arrow-11 em, .ui-poptip-white .ui-poptip-arrow-12 em, .ui-poptip-white .ui-poptip-arrow-1 em {
    border-bottom-color: #b1b1b1
}

.ui-poptip-white .ui-poptip-arrow-2 em, .ui-poptip-white .ui-poptip-arrow-3 em {
    border-left-color: #b1b1b1
}

.ui-poptip-white .ui-poptip-arrow-5 em, .ui-poptip-white .ui-poptip-arrow-6 em, .ui-poptip-white .ui-poptip-arrow-7 em {
    border-top-color: #b1b1b1
}

.ui-poptip-white .ui-poptip-arrow-10 span, .ui-poptip-white .ui-poptip-arrow-9 span {
    border-right-color: #fff
}

.ui-poptip-white .ui-poptip-arrow-11 span, .ui-poptip-white .ui-poptip-arrow-12 span, .ui-poptip-white .ui-poptip-arrow-1 span {
    border-bottom-color: #fff
}

.ui-poptip-white .ui-poptip-arrow-2 span, .ui-poptip-white .ui-poptip-arrow-3 span {
    border-left-color: #fff
}

.ui-poptip-white .ui-poptip-arrow-5 span, .ui-poptip-white .ui-poptip-arrow-6 span, .ui-poptip-white .ui-poptip-arrow-7 span {
    border-top-color: #fff
}

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

.ui-select a:hover, .ui-select-trigger:hover {
    color: #7d7d7d;
    text-decoration: none
}

.ui-select {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: #fff;
    color: #7d7d7d;
    font-size: 14px
}

.ui-select-content {
    margin: -1px 0 0;
    padding: 0;
    overflow: auto;
    height: 100%;
    list-style: none;
    border: 1px solid #ccc;
    _float: left
}

.ui-select-content ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.ui-select-item {
    display: block;
    padding: 10px 15px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap
}

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

.ui-select-item-disabled, .ui-select-item-disabled a {
    cursor: not-allowed;
    color: #ccc
}

.ui-select-item-disabled:hover, .ui-select-item-disabled a:hover {
    background: #fff
}

.ui-select-trigger {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    text-indent: 15px;
    white-space: nowrap;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -moz-linear-gradient(top, #fbfbfb, #f3f3f3);
    background-image: -webkit-linear-gradient(top, #fbfbfb, #f3f3f3);
    background-image: linear-gradient(to bottom, #fbfbfb, #f3f3f3);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFBFBFB', endColorstr='#FFF3F3F3');
    cursor: pointer
}

.ui-select-trigger:hover {
    border: 1px solid #999
}

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

.ui-select .ui-select-trigger {
    display: block
}

.ui-select-has-triangle .ui-select-item {
    padding-right: 28px
}

.ui-select .ui-select-disabled, .ui-select-disabled {
    color: #aaa;
    cursor: not-allowed
}

.ui-table {
    border-collapse: collapse;
    border: 1px solid #ccc;
    width: 100%;
    font-size: 12px;
    text-align: left
}

.ui-table thead {
    color: #666;
    background-color: #F6F6F6;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
    background-image: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
    background-image: linear-gradient(to bottom, #f8f8f8, #f2f2f2);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF8F8F8', endColorstr='#FFF2F2F2')
}

.ui-table thead tr {
    color: #666
}

.ui-table th {
    padding: 7px 9px;
    border-bottom: 1px solid #d9d9d9;
    text-align: left
}

.ui-table tr {
    color: #666
}

.ui-table td {
    padding: 8px 9px 7px;
    border-bottom: 1px solid #d9d9d9
}

.ui-table tfoot td {
    border-bottom: none
}

.ui-table-layout-fixed {
    table-layout: fixed
}

.ui-table tr:nth-child(even), .ui-table-split, .ui-table-hover {
    background-color: #FBFBFB
}

.ui-table-noborder, .ui-table-noborder td, .ui-table-noborder tr, .ui-table-noborder th {
    border: none;
    outline: none
}

.ui-table-noborder .ui-table-split, .ui-table-noborder .ui-table-hover {
    background-color: #f7f7f7
}

.ui-table-inbox {
    border: none;
    outline: none
}

.ui-table-inner-border {
    border: none
}

.ui-table-inner-border th, .ui-table-inner-border td {
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #d9d9d9
}

.ui-table-inner-border th:last-child, .ui-table-inner-border th.last, .ui-table-inner-border td:last-child, .ui-table-inner-border td.last {
    border-right-width: 0
}

.ui-table-inner-border tbody tr:last-child td, .ui-table-inner-border tbody.last td {
    border-bottom-width: 0
}

.ui-table-inner-border .ui-table th, .ui-table-inner-border .ui-table tbody tr td {
    border-width: 1px
}

.ui-tipbox {
    position: relative;
    zoom: 1;
    font-size: 12px;
    line-height: 22px
}

.ui-tipbox .ui-tipbox-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 22px;
    left: 48px;
    background: #fff
}

.ui-tipbox-icon .iconfont {
    font-size: 36px;
    position: absolute;
    top: -7px;
    left: -7px;
    width: 32px;
    height: 32px;
    line-height: 36px;
    text-shadow: 0 1px 0 #fff
}

.ui-tipbox-message {
    border: 1px solid #b2e2ea;
    background: #e5f2f8
}

.ui-tipbox-message .ui-tipbox-icon .iconfont {
    color: #68b5e2
}

.ui-tipbox-success {
    border: 1px solid #E1E1CA;
    background: #edfed0
}

.ui-tipbox-success .ui-tipbox-icon .iconfont {
    color: #b5de70
}

.ui-tipbox-error {
    border: 1px solid #fadcd3;
    background: #FDEEE9
}

.ui-tipbox-error .ui-tipbox-icon .iconfont {
    color: #f17975
}

.ui-tipbox-warning {
    border: 1px solid #e6e098;
    background: #fefea4
}

.ui-tipbox-warning .ui-tipbox-icon .iconfont {
    color: #f96
}

.ui-tipbox-question {
    border: 1px solid #b2e2ea;
    background: #e0f4ff
}

.ui-tipbox-question .ui-tipbox-icon .iconfont {
    color: #66cae2
}

.ui-tipbox-stop {
    border: 1px solid #fadcd3;
    background: #FDEEE9
}

.ui-tipbox-stop .ui-tipbox-icon .iconfont {
    color: #f17975
}

.ui-tipbox-wait {
    border: 1px solid #fae3cc;
    background: #FFF9D9
}

.ui-tipbox-wait .ui-tipbox-icon .iconfont {
    color: #d1a066
}

.ui-tipbox-content {
    margin: 14px 0 14px 87px
}

.ui-tipbox-content .ui-tipbox-title {
    margin: 0;
    padding: 0
}

.ui-tipbox-content h3.ui-tipbox-title, .ui-tipbox-content-simple h3.ui-tipbox-title {
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.ui-tipbox-content-simple {
    margin: 22px 0 22px 88px
}

.ui-tipbox-explain {
    margin: 0;
    padding: 0;
    color: gray
}

.ui-tipbox-white {
    border: 1px solid transparent;
    background: #fff;
    _border-color: tomato;
    _filter: chroma(color=tomato)
}

.ui-tiptext {
    position: relative;
    margin: 0;
    color: #4D4D4D;
    font-size: 12px;
    zoom: 1
}

.ui-tiptext .iconfont {
    position: relative;
    top: 2px;
    margin-right: 2px;
    font-size: 1.33em;
    line-height: 1em;
    text-shadow: 0 1px 0 #fff
}

.ui-tiptext-follow {
    padding-left: 21px
}

.ui-tiptext-container {
    padding: 8px 12px;
    position: relative;
    zoom: 1
}

.ui-tiptext-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.ui-tiptext-arrowup, .ui-tiptext-arrowup em, .ui-tiptext-arrowup span, .ui-tiptext-arrowleft, .ui-tiptext-arrowleft em, .ui-tiptext-arrowleft span, .ui-tiptext-arrowdown, .ui-tiptext-arrowdown em, .ui-tiptext-arrowdown span, .ui-tiptext-arrowright, .ui-tiptext-arrowright em, .ui-tiptext-arrowright span {
    position: absolute;
    font-size: 14px;
    font-family: "SimSun";
    font-style: normal;
    line-height: 1
}

.ui-tiptext-arrowup, .ui-tiptext-arrowleft, .ui-tiptext-arrowdown, .ui-tiptext-arrowright {
    height: 10px;
    width: 16px
}

.ui-tiptext-arrowup {
    left: 32px;
    top: -7px
}

.ui-tiptext-arrowup em {
    top: -1px
}

.ui-tiptext-arrowleft {
    left: -6px;
    top: 10px
}

.ui-tiptext-arrowleft em {
    left: -1px
}

.ui-tiptext-arrowdown {
    left: 32px;
    bottom: -3px
}

.ui-tiptext-arrowdown em {
    top: 1px
}

.ui-tiptext-arrowright {
    right: -6px;
    top: 10px
}

.ui-tiptext-arrowright em {
    right: -1px
}

.ui-tiptext-arrowright span {
    right: 0
}

.ui-tiptext-message .ui-tiptext-icon {
    color: #68b5e2
}

.ui-tiptext-container-message {
    border: 1px solid #b2e2ea;
    background: #e5f2f8
}

.ui-tiptext-container-message .ui-tiptext-arrow em {
    color: #b2e2ea
}

.ui-tiptext-container-message .ui-tiptext-arrow span {
    color: #e5f2f8
}

.ui-tiptext-success .ui-tiptext-icon {
    color: #b5de70
}

.ui-tiptext-container-success {
    border: 1px solid #B9E2A0;
    background: #E7FFCE
}

.ui-tiptext-container-success .ui-tiptext-arrow em {
    color: #E1E1CA
}

.ui-tiptext-container-success .ui-tiptext-arrow span {
    color: #edfed0
}

.ui-tiptext-error .ui-tiptext-icon {
    color: #f17975
}

.ui-tiptext-container-error {
    border: 1px solid #fadcd3;
    background: #FDEEE9
}

.ui-tiptext-container-error .ui-tiptext-arrow em {
    color: #fadcd3
}

.ui-tiptext-container-error .ui-tiptext-arrow span {
    color: #FDEEE9
}

.ui-tiptext-warning .ui-tiptext-icon {
    color: #f96
}

.ui-tiptext-container-warning {
    border: 1px solid #e6e098;
    background: #fefea4
}

.ui-tiptext-container-warning .ui-tiptext-arrow em {
    color: #e6e098
}

.ui-tiptext-container-warning .ui-tiptext-arrow span {
    color: #fefea4
}

.ui-tiptext-question .ui-tiptext-icon {
    color: #66cae2
}

.ui-tiptext-container-question {
    border: 1px solid #b2e2ea;
    background: #e0f4ff
}

.ui-tiptext-container-question .ui-tiptext-arrow em {
    color: #b2e2ea
}

.ui-tiptext-container-question .ui-tiptext-arrow span {
    color: #e0f4ff
}

.ui-tiptext-stop .ui-tiptext-icon {
    color: #f17975
}

.ui-tiptext-container-stop {
    border: 1px solid #fadcd3;
    background: #FDEEE9
}

.ui-tiptext-container-stop .ui-tiptext-arrow em {
    color: #fadcd3
}

.ui-tiptext-container-stop .ui-tiptext-arrow span {
    color: #FDEEE9
}

.ui-tiptext-wait .ui-tiptext-icon {
    color: #d1a066
}

.ui-tiptext-container-wait {
    border: 1px solid #fae3cc;
    background: #FFF9D9
}

.ui-tiptext-container-wait .ui-tiptext-arrow em {
    color: #fae3cc
}

.ui-tiptext-container-wait .ui-tiptext-arrow span {
    color: #FFF9D9
}

.ui-tiptext-close {
    position: absolute;
    right: 10px;
    top: 8px;
    color: #60A2C5;
    cursor: pointer
}

.fn-clear {
    *zoom: 1
}

.fn-clear:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.fn-left {
    float: left;
    display: inline
}

.fn-right {
    float: right;
    display: inline
}

.fn-hide {
    display: none !important;
    visibility: hidden !important
}

.fn-invisible {
    visibility: hidden
}

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

.fn-rmb {
    font-family: arial;
    font-style: normal
}

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

.fn-text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

@font-face {
    font-family: "reviews-iconfont";
    src: url('//global.zuzuche.com/assets/fonts/portalweb/reviews-iconfont.eot?1468383484');
    src: url('//global.zuzuche.com/assets/fonts/portalweb/reviews-iconfont.eot?&1468383484#iefix') format('embedded-opentype'), url('//global.zuzuche.com/assets/fonts/portalweb/reviews-iconfont.woff?1468383484') format('woff'), url('//global.zuzuche.com/assets/fonts/portalweb/reviews-iconfont.ttf?1468383484') format('truetype'), url('//global.zuzuche.com/assets/fonts/portalweb/reviews-iconfont.svg?1468383484') format('svg');
    font-weight: "normal";
    font-style: "normal"
}

.reviews-iconfont {
    font-family: "reviews-iconfont";
    font-style: normal;
    font-weight: normal;
    cursor: default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    *zoom: 1
}

.reviews-iconfont {
    line-height: normal
}

header.top-banner {
    margin-bottom: 20px;
    height: 420px;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    text-align: center
}

header.top-banner h1 {
    padding: 150px 0 30px;
    font-size: 56px;
    line-height: 1
}

header.top-banner h1 em {
    font-family: arial
}

header.top-banner h3 {
    font-size: 30px;
    line-height: 1
}

.icon {
    /*background: url('//global.zuzuche.com/assets/images/portalweb/reviews-s77b6b13bab.png') no-repeat -999px -999px;*/
    vertical-align: middle
}

a .icon, a:hover .icon, .icon, .icon:hover {
    text-decoration: none
}

.icon-uk {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -2537px 0;
    height: 40px;
    width: 60px
}

.icon-united-states {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -183px 0;
    height: 40px;
    width: 60px
}

.icon-australia {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -244px 0;
    height: 40px;
    width: 60px
}

.icon-canada {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -549px 0;
    height: 40px;
    width: 60px
}

.icon-france {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -1224px 0;
    height: 40px;
    width: 60px
}

.icon-germany {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -1346px 0;
    height: 40px;
    width: 60px
}

.icon-italy {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -1667px 0;
    height: 40px;
    width: 60px
}

.icon-new-zealand {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -1988px 0;
    height: 40px;
    width: 60px
}

.icon-thailand {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -2354px 0;
    height: 40px;
    width: 60px
}

.icon-turkey {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -2476px 0;
    height: 40px;
    width: 60px
}

.icon-abell {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: 0 0;
    height: 40px;
    width: 60px
}

.icon-alamo {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -61px 0;
    height: 40px;
    width: 60px
}

.icon-alpha-car-hire {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -122px 0;
    height: 40px;
    width: 60px
}

.icon-auto-union {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -305px 0;
    height: 40px;
    width: 60px
}

.icon-avis {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -366px 0;
    height: 40px;
    width: 60px
}

.icon-buchbinder {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -427px 0;
    height: 40px;
    width: 60px
}

.icon-budget {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -488px 0;
    height: 40px;
    width: 60px
}

.icon-caro {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -610px 0;
    height: 40px;
    width: 60px
}

.icon-citer {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -671px 0;
    height: 40px;
    width: 60px
}

.icon-eastcoast {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -858px 0;
    height: 40px;
    width: 60px
}

.icon-enterprise {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -919px 0;
    height: 40px;
    width: 60px
}

.icon-essencecar {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -980px 0;
    height: 40px;
    width: 60px
}

.icon-europcar {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -1041px 0;
    height: 40px;
    width: 60px
}

.icon-ezi {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -1102px 0;
    height: 40px;
    width: 60px
}

.icon-first {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -1163px 0;
    height: 40px;
    width: 60px
}

.icon-garenta {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -1285px 0;
    height: 40px;
    width: 60px
}

.icon-dollar {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -797px 0;
    height: 40px;
    width: 60px
}

.icon-green-motion {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -1484px 0;
    height: 40px;
    width: 60px
}

.icon-hawk {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -1545px 0;
    height: 40px;
    width: 60px
}

.icon-kasina {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -1728px 0;
    height: 40px;
    width: 60px
}

.icon-hertz {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -1606px 0;
    height: 40px;
    width: 60px
}

.icon-maggiore {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -1805px 0;
    height: 40px;
    width: 60px
}

.icon-national {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -1927px 0;
    height: 40px;
    width: 60px
}

.icon-redspot {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -2049px 0;
    height: 40px;
    width: 60px
}

.icon-rentals {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -2110px 0;
    height: 40px;
    width: 60px
}

.icon-sicilybycar {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -2171px 0;
    height: 40px;
    width: 60px
}

.icon-sixt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -2232px 0;
    height: 40px;
    width: 60px
}

.icon-thai-rent-a-car {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -2293px 0;
    height: 40px;
    width: 60px
}

.icon-thrifty {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -2415px 0;
    height: 40px;
    width: 60px
}

.icon-cover {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -732px 0;
    height: 64px;
    width: 64px
}

.icon-na {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -1866px 0;
    height: 40px;
    width: 60px
}

.icon-good {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -1468px 0;
    height: 14px;
    width: 15px
}

.icon-liked {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-position: -1789px 0;
    height: 14px;
    width: 15px
}


.ui-container {
    margin: 0 auto;
    width: 1180px
}

.ui-container .ui-box {
    margin-bottom: 20px
}

.content-area {
    margin-right: -20px;
    *zoom: 1
}

.content-area:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.content-area .content-col, .content-area .right-col {
    margin: 0 20px 20px 0;
    float: left;
    display: inline
}

.content-area .content-col {
    width: 830px
}

.content-area .right-col {
    width: 330px
}

.ui-container {
    font-size: 14px;
    line-height: 1.75
}

.ui-container a {
    color: #1f6ecd
}

.ui-container a:hover {
    color: #0086d2
}

.ui-box {
    font-size: 14px
}

.ui-box-head .ui-box-head-title {
    font-size: 20px
}

.breadcrumb {
    margin-bottom: 20px;
    font-size: 0
}

.breadcrumb li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 14px
}

.best-tags-box {
    border-top: 3px solid #dd0346
}

.best-tags-box .ui-box-content {
    padding-bottom: 10px
}

.best-tags-box .percentage {
    position: relative;
    float: left;
    display: inline;
    width: 130px;
    height: 130px
}

.best-tags-box .percentage .circle, .best-tags-box .percentage .text {
    position: absolute;
    top: 0;
    left: 0
}

.best-tags-box .percentage .circle {
    z-index: 1;
    font-size: 130px;
    color: #db0346
}

.best-tags-box .percentage .text {
    display: block;
    right: 0;
    z-index: 2;
    color: #fff;
    text-align: center
}

.best-tags-box .percentage h4 {
    padding-top: 34px;
    font-size: 16px
}

.best-tags-box .percentage strong {
    font-size: 34px;
    font-family: arial;
    line-height: 1
}

.best-tags-box .percentage em {
    padding-left: 2px;
    font-size: 18px;
    font-family: arial
}

.best-tags-box .tags-container {
    padding-left: 170px
}

.best-tags-box .tags-container h5 {
    margin-bottom: 23px;
    padding-left: 30px;
    font-size: 16px
}

.best-tags-box .badges {
    font-size: 0
}

.best-tags-box .badge {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 0 22px 30px;
    border: 1px solid #dedede;
    padding: 6px 12px;
    min-width: 10px;
    font-size: 14px;
    line-height: 1;
    color: #df1452;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: default;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.reviews-list-box .ui-box-head {
    background-color: #fcfcfc
}

.reviews-list-box .filter-nav-list li {
    float: left;
    display: inline;
    margin-right: 50px
}

.reviews-list-box .filter-nav-list label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 16px;
    line-height: 16px;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    cursor: pointer;
    overflow: hidden
}

.reviews-list-box .filter-nav-list input {
    float: left;
    margin: 1px 7px 0 1px;
    width: 14px;
    height: 14px;
    font-size: 14px
}

.reviews-list-box article.review-item {
    margin-bottom: 48px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 28px;
    position: relative;
    min-height: 141px
}

.reviews-list-box article.review-item .like {
    position: absolute;
    bottom: 10px;
    right: 0px;
    cursor: pointer;
    line-height: 1
}

.reviews-list-box article.review-item .like:hover {
    background: #f5f5f5
}

.reviews-list-box article.review-item .like span {
    color: #003F85;
    font-size: 12px
}

.reviews-list-box article.review-item .like i.icon-good {
    display: inline-block;
    margin-right: 3px;
    vertical-align: top
}

.reviews-list-box article.review-item .like i.icon-liked {
    display: none
}

.reviews-list-box article.review-item .liked {
    cursor: default
}

.reviews-list-box article.review-item .liked span {
    color: #999
}

.reviews-list-box article.review-item .liked:hover {
    background: #fff
}

.reviews-list-box article.review-item .liked i.icon-liked {
    display: inline-block;
    margin-right: 3px
}

.reviews-list-box article.review-item .liked i.icon-good {
    display: none
}

.reviews-list-box article.review-item address {
    margin-bottom: 0;
    vertical-align: top;
    display: inline-block;
    margin-right: 13px
}

.reviews-list-box article.review-item .car {
    position: relative;
    text-align: center;
    float: left;
    display: inline;
    width: 60px;
    height: 60px
}

.reviews-list-box article.review-item .car .ring {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 60px;
    color: #dcdcdc
}

.reviews-list-box article.review-item .car img {
    width: 56px;
    vertical-align: middle
}

.reviews-list-box article.review-item .car .car-logo {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    *display: block;
    *font-size: 52.38px;
    *font-family: Arial;
    width: 64px;
    height: 64px
}

.reviews-list-box article.review-item .car .icon-cover {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    margin: -30px 0 0 -30px
}

.reviews-list-box article.review-item .car .user-number {
    margin-left: -2px
}

.reviews-list-box article.review-item .car .situation-type {
    width: 100%;
    line-height: 20px;
    font-size: 12px;
    display: inline-block;
    border: 1px solid #4d83c4;
    color: #4d83c4;
    text-align: center;
    padding: 0 1px;
    margin-top: 12px;
    cursor: pointer;
    position: relative
}

.reviews-list-box article.review-item .car .situation-type i {
    display: none;
    color: #000;
    font-size: 12px;
    padding: 1px 5px;
    border: 1px solid #ccc;
    background: #f2f2f2;
    position: absolute;
    top: 25px;
    left: 15px;
    white-space: nowrap
}

.reviews-list-box article.review-item .car .situation-type:hover i {
    display: block
}

.reviews-list-box article.review-item .car .user-name, .reviews-list-box article.review-item .car .user-number {
    font-size: 12px
}

.reviews-list-box article.review-item .body {
    padding-left: 82px
}

.reviews-list-box article.review-item .supplier-logo {
    text-align: right
}

.reviews-list-box article.review-item .supplier-logo, .reviews-list-box article.review-item .supplier-logo a {
    line-height: normal
}

.reviews-list-box article.review-item .supplier-logo img {
    width: 40px;
    height: 20px;
    vertical-align: top
}

.reviews-list-box article.review-item .score-items {
    color: #999
}

.reviews-list-box article.review-item .score-container {
    margin-right: 20px;
    font-size: 0
}

.reviews-list-box article.review-item .score {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 3px;
    font-size: 14px;
    color: #dcdcdc
}

.reviews-list-box article.review-item .score-level-1 .score-1 {
    color: #db0346
}

.reviews-list-box article.review-item .score-level-2 .score-1 {
    color: #db0346
}

.reviews-list-box article.review-item .score-level-2 .score-2 {
    color: #db0346
}

.reviews-list-box article.review-item .score-level-3 .score-1 {
    color: #db0346
}

.reviews-list-box article.review-item .score-level-3 .score-2 {
    color: #db0346
}

.reviews-list-box article.review-item .score-level-3 .score-3 {
    color: #db0346
}

.reviews-list-box article.review-item .score-level-4 .score-1 {
    color: #db0346
}

.reviews-list-box article.review-item .score-level-4 .score-2 {
    color: #db0346
}

.reviews-list-box article.review-item .score-level-4 .score-3 {
    color: #db0346
}

.reviews-list-box article.review-item .score-level-4 .score-4 {
    color: #db0346
}

.reviews-list-box article.review-item .score-level-5 .score-1 {
    color: #db0346;
}

.reviews-list-box article.review-item .score-level-5 .score-2 {
    color: #db0346
}

.reviews-list-box article.review-item .score-level-5 .score-3 {
    color: #db0346
}

.reviews-list-box article.review-item .score-level-5 .score-4 {
    color: #db0346
}

.reviews-list-box article.review-item .score-level-5 .score-5 {
    color: #db0346
}

.reviews-list-box article.review-item .meta {
    margin-bottom: 13px
}

.reviews-list-box article.review-item .meta address {
    color: #999
}

.reviews-list-box article.review-item .meta address a {
    color: #999
}

.reviews-list-box article.review-item .meta address a:hover {
    color: #999
}

.reviews-list-box article.review-item .content p {
    margin-bottom: 15px
}

.reviews-list-box article.review-item .content .title {
    float: left;
    display: inline;
    color: #999
}

.reviews-list-box article.review-item .content .text {
    padding-left: 65px
}

.reviews-list-box article.review-item .content .zuzuche-reason .title {
    text-align: justify;
    text-justify: distribute-all-lines;
    text-align-last: justify;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .reviews-list-box article.review-item .content .zuzuche-reason .test1:after {
        content: ".";
        display: inline-block;
        width: 100%;
        height: 0;
        overflow: hidden
    }
}

.reviews-list-box article.review-item .content .toggle-text {
    margin-left: 3px;
    padding: 2px 8px;
    color: #1f6ecb;
    background-color: #e8f6fc
}

.reviews-list-box article.review-item .content .toggle-text:hover {
    color: #1f6ecb
}

.reviews-list-box article.review-item .figure {
    position: relative;
    margin-right: -20px;
    font-size: 0;
    min-height: 120px;
    max-height: 280px;
    overflow: hidden
}

.reviews-list-box article.review-item .figure a {
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top
}

.reviews-list-box article.review-item .figure a .first, .reviews-list-box article.review-item .figure a:first-child {
    margin-left: 0
}

.reviews-list-box article.review-item .figure img {
    border: 1px solid #dedede;
    width: 118px;
    height: 118px;
    background: url(//w.zuzuche.com/img/loading-50.gif) no-repeat center
}

.reviews-list-box article.review-item .figure img.loaded {
    border: none;
    width: 120px;
    height: 120px
}

.reviews-list-box article.review-item .figure a.full-photo-handle, .reviews-list-box article.review-item .figure a.brief-photo-handle {
    border: 1px solid #dedede;
    width: 118px;
    height: 118px;
    line-height: 118px;
    text-align: center;
    font-size: 14px;
    background: #fbfbfb;
    color: #999
}

.reviews-list-box article.review-item .figure a.full-photo-handle:hover, .reviews-list-box article.review-item .figure a.brief-photo-handle:hover {
    color: #999
}

.reviews-list-box article.review-item .figure a.full-photo-handle {
    position: absolute;
    right: 6px;
    bottom: 0;
    z-index: 1
}

.reviews-list-box article.review-item .figure.full-photo {
    height: auto;
    max-height: none
}

.reviews-list-box article.review-item .figure.full-photo a.full-photo-handle {
    display: none
}

.reviews-list-box article.review-item .figure.full-photo a.brief-photo-handle {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.reviews-list-box .page-tip {
    font-size: 14px;
    line-height: 1;
    padding-bottom: 20px;
    text-align: right
}

.reviews-list-box .page-list {
    font-size: 0;
    text-align: right
}

.reviews-list-box .page-list .r, .reviews-list-box .page-list .l {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.reviews-list-box .page-list a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 15px;
    padding: 5px 15px;
    font-size: 14px;
    color: #999;
    background: #eeeeee
}

.aside .nav-box a {
    display: block;
    border-top: 1px solid #f5f5f5;
    padding: 18px 28px;
    color: #333
}

.aside .nav-box a:hover {
    color: #333
}

.aside .nav-box a .first, .aside .nav-box a:first-child {
    border-top: none
}

.aside .nav-box .icon-content {
    position: relative;
    float: left;
    display: inline;
    width: 60px;
    height: 60px
}

.aside .nav-box .ring {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    font-size: 60px;
    color: #dcdcdc
}

.aside .nav-box .question, .aside .nav-box .weibo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2
}

.aside .nav-box .question {
    margin: -13px 0 0 -13px;
    font-size: 26px;
    color: #0075bc
}

.aside .nav-box .weibo {
    margin: -16px 0 0 -16px;
    font-size: 32px;
    color: #ff8000
}

.aside .nav-box .text {
    padding-left: 80px;
    line-height: 60px;
    font-size: 20px
}

.aside .hot-country-box .country-list li {
    position: relative;
    display: block;
    margin-bottom: 14px;
    border-bottom: 1px dashed #eee;
    padding-bottom: 14px
}

.aside .hot-country-box .country-list li .last, .aside .hot-country-box .country-list li:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0
}

.aside .hot-country-box .country-list .flag {
    float: left;
    display: inline;
    font-size: 0
}

.aside .hot-country-box .country-list .flag a:hover {
    text-decoration: none
}

.aside .hot-country-box .country-list .name {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 20px;
    font-size: 14px;
    vertical-align: top;
    line-height: 1;
    color: #333
}

.aside .hot-country-box .country-list .name:hover {
    color: #333
}

.aside .hot-country-box .country-list .total {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 1;
    text-align: right
}

.aside .popularity-supplier-box .supplier-list li {
    padding-bottom: 28px
}

.aside .popularity-supplier-box .supplier-list li .last, .aside .popularity-supplier-box .supplier-list li:last-child {
    padding-bottom: 0
}

.aside .popularity-supplier-box .supplier-list .logo {
    position: relative;
    float: left;
    display: inline;
    width: 60px;
    height: 40px
}

.aside .popularity-supplier-box .supplier-list .logo .icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.aside .popularity-supplier-box .supplier-list .logo .icon-na {
    z-index: 1
}

.aside .popularity-supplier-box .supplier-list .logo img {
    width: 60px;
    height: 40px
}

.aside .popularity-supplier-box .supplier-list .info {
    display: block;
    padding-left: 80px
}

.aside .popularity-supplier-box .supplier-list .name, .aside .popularity-supplier-box .supplier-list .total, .aside .popularity-supplier-box .supplier-list .score {
    display: block;
    line-height: 1
}

.aside .popularity-supplier-box .supplier-list .total {
    padding-bottom: 12px
}

.aside .popularity-supplier-box .supplier-list .score {
    padding-top: 12px
}

.aside .popularity-supplier-box .supplier-list .name {
    color: #333
}

.aside .popularity-supplier-box .supplier-list .name:hover {
    color: #333
}

.aside .supplier-ranking-box .supplier-list li {
    padding-bottom: 28px
}

.aside .supplier-ranking-box .supplier-list li .last, .aside .supplier-ranking-box .supplier-list li:last-child {
    padding-bottom: 0
}

.aside .supplier-ranking-box .supplier-list .score {
    float: right;
    display: inline;
    line-height: 1;
    text-align: right
}

.aside .supplier-ranking-box .supplier-list .score em {
    font-size: 20px;
    font-family: arial
}

.aside .supplier-ranking-box .supplier-list .supplier-info {
    float: left;
    display: inline
}

.aside .supplier-ranking-box .supplier-list .introduction {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 20px;
    width: 140px;
    height: 14px;
    overflow: hidden;
    font-size: 14px;
    vertical-align: top;
    line-height: 1;
    color: #333;
    text-overflow: ellipsis
}

.ui-box-header {
    height: 52px;
    line-height: 52px;
    padding: 0 10px 0 30px;
    background: #fff;
    border-bottom: 1px solid #eee
}

.ui-box-header h2 {
    font-size: 16px;
    font-weight: normal;
    display: inline-block
}

.ui-box-header .ui-situation-select-box {
    width: 146px;
    font-size: 14px;
    float: right;
    position: relative;
    text-align: center;
    cursor: pointer
}

.ui-box-header .ui-situation-select-box:hover ul {
    display: block
}

.ui-box-header .ui-situation-select-box:hover i {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.ui-box-header .ui-situation-select-box ul {
    display: none;
    position: absolute;
    top: 52px;
    right: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #eee;
    z-index: 9;
    cursor: pointer
}

.ui-box-header .ui-situation-select-box ul .active {
    background: #f5f5f5
}

.ui-box-header .ui-situation-select-box ul .active a {
    color: #e13e6e
}

.ui-box-header .ui-situation-select-box ul li {
    line-height: 36px;
    font-size: 14px
}

.ui-box-header .ui-situation-select-box ul li:hover {
    background: #f5f5f5
}

.ui-box-header .ui-situation-select-box ul li:hover a {
    color: #e13e6e
}

.ui-box-header .ui-situation-select-box ul li a {
    color: #4a4a4a;
    display: block
}

.ui-box-header .ui-situation-select-box ul li a:hover {
    text-decoration: none
}

.ui-box-header .ui-situation-select-box i {
    display: inline-block;
    width: 8px;
    height: 4px;
    background: url(//www.zuzuche.com/reviews/rev_img/arrow-up.png) no-repeat;
    margin-left: 5px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -moz-transition: -moz-transform 300ms ease-in-out;
    -o-transition: -o-transform 300ms ease-in-out;
    -webkit-transition: -webkit-transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    vertical-align: middle
}