html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    padding-top: 70px; /* 数值=header的高度（根据实际header高度调整，比如70px） */
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

mark {
    color: #000;
    background: #ff0
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

pre {
    overflow: auto
}

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

button, input, optgroup, select, textarea {
    border: 0 none;
    outline: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: #444;
    margin: 0;
    font: inherit;
    color: inherit
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td, th {
    padding: 0
}

@media print {
    *, *:before, *:after {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

input, button, select, textarea {
    resize: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #30b3eb;
    text-decoration: none
}

a:hover, a:focus {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    width: 100%;
    height: auto
}

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

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
    cursor: pointer
}

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

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
    font-size: 65%
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
    font-size: 75%
}

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

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

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

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

h5, .h5 {
    font-size: 14px
}

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

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px
    }
}

small, .small {
    font-size: 85%
}

mark, .mark {
    padding: .2em;
    background-color: #fcf8e3
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #30b3eb
}

a.text-primary:hover, a.text-primary:focus {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:hover, a.text-success:focus {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover, a.text-info:focus {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover, a.text-warning:focus {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover, a.text-danger:focus {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #30b3eb
}

a.bg-primary:hover, a.bg-primary:focus {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover, a.bg-success:focus {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover, a.bg-info:focus {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover, a.bg-warning:focus {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover, a.bg-danger:focus {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px
}

ul ul, ol ul, ul ol, ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none
}

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt, dd {
    line-height: 1.42857143
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote footer:before, blockquote small:before, blockquote .small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0
}

.blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

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

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

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

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

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

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

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

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

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

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

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

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

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

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

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

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

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

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

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

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

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

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

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

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

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

@media (min-width: 768px) {
    .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 {
        float: left
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-sm-pull-12 {
        right: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-sm-push-12 {
        left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-sm-offset-12 {
        margin-left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .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 {
        float: left
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-md-pull-12 {
        right: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-md-push-12 {
        left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-md-offset-12 {
        margin-left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .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 {
        float: left
    }

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

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

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

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

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

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

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

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

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

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

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

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

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

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

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

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

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

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

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

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

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

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

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

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

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

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

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

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

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

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

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

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0
}

.table > tbody + tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none
}

table td[class*="col-"], table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #f5f5f5
}

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8
}

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
    background-color: #dff0d8
}

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6
}

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
    background-color: #d9edf7
}

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3
}

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
    background-color: #fcf8e3
}

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
    background-color: #f2dede
}

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap
    }

    .table-responsive > .table-bordered {
        border: 0
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0
    }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
        line-height: 34px
    }

    input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
        line-height: 30px
    }

    input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px
}

.radio + .radio, .checkbox + .checkbox {
    margin-top: -5px
}

.radio-inline, .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

.form-control-static.input-lg, .form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

textarea.input-sm, select[multiple].input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

textarea.input-lg, select[multiple].input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
        width: auto
    }

    .form-inline .input-group > .form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio label, .form-inline .checkbox label {
        padding-left: 0
    }

    .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.333333px;
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none
}

.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

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

.btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-image: none
}

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

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #30b3eb;
    border-color: none
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: none
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #30b3eb;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #30b3eb;
    background-color: #fff
}

.btn-success {
    font-size: 1.6rem;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    width: 100%;
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
    width: 100%;
}

.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    font-weight: normal;
    color: #30b3eb;
    border-radius: 0
}

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

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

.btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none
}

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup, .dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #30b3eb;
    outline: 0
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #777
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    float: left
}

.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
    z-index: 2
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: 5px
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical > .btn-group > .btn {
    float: none
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified > .btn, .btn-group-justified > .btn-group {
    display: table-cell;
    float: none;
    width: 1%
}

.btn-group-justified > .btn-group .btn {
    width: 100%
}

.btn-group-justified > .btn-group .dropdown-menu {
    left: auto
}

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

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

.input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px
}

textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px
}

textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto
}

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

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

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

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
    margin-top: 0
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

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

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn > .btn {
    position: relative
}

.input-group-btn > .btn + .btn {
    margin-left: -1px
}

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
    z-index: 2
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    margin-right: -1px
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav > li {
    position: relative;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 13px
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eee
}

.nav > li.disabled > a {
    color: #777
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eee;
    border-color: #30b3eb
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav > li > a > img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified > li {
    float: none
}

.nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff
    }
}

.nav-pills > li {
    float: left
}

.nav-pills > li > a {
    border-radius: 4px
}

.nav-pills > li + li {
    margin-left: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #30b3eb
}

.nav-stacked > li {
    float: none
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified > li {
    float: none
}

.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center
}

.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-justified > li > a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 768px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 12px 15px;
    font-size: 18px;
    line-height: 20px
}

.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none
}

.navbar-brand > img {
    display: block
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav > li {
        float: left
    }

    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1)
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
        width: auto
    }

    .navbar-form .input-group > .form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio, .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio label, .navbar-form .checkbox label {
        padding-left: 0
    }

    .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

    .navbar-right ~ .navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    position: fixed; /* 固定定位，脱离文档流但始终在视口顶部 */
    top: 0; /* 距离顶部0像素 */
    left: 0; /* 距离左侧0像素（保证全屏宽度） */
    right: 0; /* 距离右侧0像素（保证全屏宽度） */
    z-index: 9999; /* 提高层级，避免被其他元素遮挡（数值可根据实际调整） */
    background-color: #fff; /* 背景色（根据页面设计调整，避免透明导致下方内容穿透） */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 可选：添加阴影，提升视觉层级 */
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav > li > a {
    color: #777
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #e7e7e7
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
    color: #333
}

.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #080808
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb > li {
    display: inline-block
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0"
}

.breadcrumb > .active {
    color: #777
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination > li {
    display: inline
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #30b3eb;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 3;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #30b3eb;
    border-color: #30b3eb
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

.pager li {
    display: inline
}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li > a:hover, .pager li > a:focus {
    text-decoration: none;
    background-color: #eee
}

.pager .next > a, .pager .next > span {
    float: right
}

.pager .previous > a, .pager .previous > span {
    float: left
}

.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:hover, a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #777
}

.label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #30b3eb
}

.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #286090
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge, .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:hover, a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #30b3eb;
    background-color: #fff
}

.list-group-item > .badge {
    float: right
}

.list-group-item > .badge + .badge {
    margin-right: 5px
}

.nav-pills > li > a > .badge {
    margin-left: 3px
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

.jumbotron h1, .jumbotron .h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.jumbotron > hr {
    border-top-color: #d5d5d5
}

.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px
    }

    .jumbotron h1, .jumbotron .h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail > img, .thumbnail a > img {
    margin-right: auto;
    margin-left: auto
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #30b3eb
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: bold
}

.alert > p, .alert > ul {
    margin-bottom: 0
}

.alert > p + p {
    margin-top: 5px
}

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #30b3eb;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar, .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress.active .progress-bar, .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media, .media-body {
    overflow: hidden;
    zoom: 1
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item, button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #eee
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #30b3eb;
    border-color: #30b3eb
}

.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #c7ddef
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
    margin-bottom: 0
}

.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
    padding-right: 15px;
    padding-left: 15px
}

.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd
}

.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0
}

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0
}

.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0
}

.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0
}

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel + .panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd
}

.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #30b3eb
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #30b3eb;
    border-color: #30b3eb
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #30b3eb
}

.panel-primary > .panel-heading .badge {
    color: #30b3eb;
    background-color: #fff
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #30b3eb
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6
}

.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1
}

.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc
}

.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1
}

.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    line-break: auto
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow {
    border-width: 11px
}

.popover > .arrow:after {
    content: "";
    border-width: 10px
}

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0
}

.popover.right > .arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left > .arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    line-height: 1
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

    .carousel-inner > .item.next, .carousel-inner > .item.active.right {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
    left: 0
}

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    filter: alpha(opacity=50);
    opacity: .5
}

.carousel-control.left {
}

.carousel-control.right {
    right: 0;
    left: auto
}

.carousel-control:hover, .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-prev, .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " "
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important;
    padding-left: 20px;
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

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

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

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

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.visible-print {
    display: none !important
}

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

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

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

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

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

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

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

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

.visible-print-inline-block {
    display: none !important
}

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

@media print {
    .hidden-print {
        display: none !important
    }
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    background: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html {
    -webkit-font-smoothing: antialiased
}

@font-face {
    font-family: 'webfont';
    src: url("../../at.alicdn.com/t/e3tcrgldr7knvcxr.eot");
    src: url("../../at.alicdn.com/t/e3tcrgldr7knvcxr.eot-#iefix") format('embedded-opentype'), url("../../at.alicdn.com/t/e3tcrgldr7knvcxr.woff") format('woff'), url("../../at.alicdn.com/t/e3tcrgldr7knvcxr.ttf") format('truetype'), url("../../at.alicdn.com/t/e3tcrgldr7knvcxr.svg#NotoSansHans-DemiLight") format('svg')
}

.my-login-bg {
    background-color: #fff
}

.user-cont-box1 {
    background-color: #f1f2f7
}

.my-navbar {
    background-color: #fff;
    box-shadow: 3px 1px 6px rgba(110, 150, 150, 0.2);
}

a {
    text-decoration: none
}

a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

a:active {
    text-decoration: none
}

ol, ul, li {
    list-style: none
}

h1 {
    font-size: 2.5rem;
    text-align: center;
    color: #333333
}

h4 {
    text-align: center;
    margin-top: 1.25rem
}

h5 {
    text-align: center;
    margin-top: 30px;
    font-size: 16px
}

@media only screen and (max-width: 310px) and (min-width: 300px) {
    html {
        font-size: 8.33333px
    }

    .viewport {
        max-width: 300px
    }
}

@media only screen and (max-width: 320px) and (min-width: 310px) {
    html {
        font-size: 8.333px
    }

    .viewport {
        max-width: 320px
    }
}

@media only screen and (max-width: 360px) and (min-width: 320px) {
    html {
        font-size: 9px
    }

    .viewport {
        max-width: 360px
    }
}

@media only screen and (max-width: 360px) and (min-width: 350px) {
    html {
        font-size: 10px
    }

    .viewport {
        max-width: 360px
    }
}

@media only screen and (max-width: 480px) and (min-width: 360px) {
    html {
        font-size: 10px
    }

    .viewport {
        max-width: 480px
    }
}

@media only screen and (max-width: 480px) and (min-width: 470px) {
    html {
        font-size: 10.5px
    }

    .viewport {
        max-width: 480px
    }
}

@media only screen and (max-width: 500px) and (min-width: 440px) {
    html {
        font-size: 11px
    }

    .viewport {
        max-width: 520px
    }
}

@media only screen and (max-width: 560px) and (min-width: 480px) {
    html {
        font-size: 11.33333px
    }

    .viewport {
        max-width: 560px
    }
}

@media only screen and (max-width: 570px) and (min-width: 560px) {
    html {
        font-size: 12px
    }

    .viewport {
        max-width: 570px
    }
}

@media only screen and (max-width: 640px) and (min-width: 570px) {
    html {
        font-size: 12.5px
    }

    .viewport {
        max-width: 640px
    }
}

@media only screen and (max-width: 640px) and (min-width: 630px) {
    html {
        font-size: 13px
    }

    .viewport {
        max-width: 640px
    }
}

@media only screen and (max-width: 710px) and (min-width: 640px) {
    html {
        font-size: 13.5px
    }

    .viewport {
        max-width: 710px
    }
}

.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 0px;
    margin-bottom: 0px;
    font-weight: normal;
    cursor: pointer
}

h3 {
    text-align: center;
    font-size: 1.4rem
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 0px
}

.bg-com {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-size: cover
}

.shool-new-bottom-cont {
    background: rgba(0, 0, 0, 0.5);
    height: 3.5rem;
    width: 100%;
    position: absolute;
    bottom: 0
}

.shool-new-bottom-box {
    position: relative
}

.shool-new-bottom-cont h2 {
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 3.5rem;
    padding-left: 1.5rem
}

@media (min-width: 992px) {
    .shool-new-bottom-cont {
        height: 55px
    }

    .shool-new-bottom-cont h2 {
        font-size: 20px;
        line-height: 55px;
        padding-left: 18px
    }
}

.pageGro div, .pageGro div ul li {
    font-size: 12px;
    color: #999;
    line-height: 23px;
    float: left
}

.pageGro div ul li {
    width: 3rem;
    left: 3rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    cursor: pointer;
    margin-left: 3px;
    background: #fff;
    border: 1px solid #dfdfdf;
    position: absolute
}

.pageGro div ul li:hover {
    background: #30B3EB;
    color: #fff
}

.pageList {
    width: 20%
}

.pageGro div ul li.on {
    color: #fff;
    background: #3c90d9;
    border: 1px solid #3c90d9
}

.pageGro .pageUp, .pageGro .pageDown {
    cursor: pointer
}

.pageUp, .pageDown {
    width: 20%
}

.pageGro .pageUp {
    background: #fff;
    text-align: center;
    width: 3rem;
    height: 3rem;
    border: 1px solid #dfdfdf
}

.pageGro {
    width: 280px;
    padding: 20px 0 20px 0
}

.pageGro .pageDown {
    background: #fff;
    text-align: center;
    width: 3rem;
    height: 3rem;
    border: 1px solid #dfdfdf
}

.pageGro {
    width: 18rem;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    left: 4rem
}

@media (min-width: 992px) {
    .col-sm-10 {
        padding-left: 0px
    }

    .pageGro {
        width: 90%;
        margin: 0px auto;
        overflow: hidden
    }

    .pageGro {
        max-width: 180px;
        padding: 20px 0 20px 0;
        position: relative;
        left: 5rem
    }
}

.pull-right-auto {
    float: right;
    font-size: 1.8rem;
    color: rgb(204, 204, 204);
    padding-right: 0.5rem;
    cursor: pointer
}

.modal-dialog {
    width: 98%;
    margin: 30px auto
}

.modal-dialog-1 {
    width: 98%;
    margin: 30px auto
}

@media (min-width: 992px) {
    .modal-dialog {
        width: 600px;
        margin: 250px auto
    }

    .modal-dialog-1 {
        width: 800px;
        margin: 150px auto
    }
}

.index-cont10 {
    font-size: 1.2rem;
    font-size: 12px \9;
    display: block;
    padding-bottom: 0.5rem
}

.input-group-addon {
    background-color: #fff;
    border: 1px solid #ccc
}

.nav-zcd-1 a:hover:none

;
.par-pos-box {
    position: relative
}

.par-right-content-box {
    position: absolute;
    width: 95%;
    top: 0px;
    right: 10px
}

.par-right-content-box p {
    padding-top: 15px;
    padding-bottom: 15px
}

@media (min-width: 992px) {
    .index-cont10 {
        padding-bottom: 1rem
    }

    .par-right-content-box {
        position: absolute;
        width: 35%;
        right: 30px;
        top: 60px
    }
}

.partners-lun-left1 {
    width: 30px;
    margin-left: 311%;
    margin-top: 18%;
    display: none
}

.partners-lun-right1 {
    width: 30px;
    margin-left: -228%;
    margin-top: 18%;
    display: none
}

.partners-lun-left, .sedac1-lun-left {
    width: 30px;
    margin-left: 312%;
    margin-top: 20%;
    display: none
}

.partners-lun-right, .sedac1-lun-right {
    width: 30px;
    margin-left: -228%;
    margin-top: 20%;
    display: none
}

.dirsir1-lun-left {
    width: 30px;
    margin-left: 311%;
    margin-top: -32%;
    display: none
}

.dirsir1-lun-right {
    width: 30px;
    margin-left: -228%;
    margin-top: -32%;
    display: none
}

.dirsir1a-lun-left {
    width: 30px;
    margin-left: 311%;
    margin-top: -46%;
    display: none
}

.dirsir1a-lun-right {
    width: 30px;
    margin-left: -228%;
    margin-top: -46%;
    display: none
}

.dirsir12-lun-left {
    width: 30px;
    margin-left: 311%;
    margin-top: -40%;
    display: none
}

.dirsir12-lun-right {
    width: 30px;
    margin-left: -228%;
    margin-top: -40%;
    display: none
}

.anli-lun-left {
    width: 30px;
    margin-top: 300%;
    margin-left: 371%;
    display: none
}

.anli-lun-right {
    width: 30px;
    margin-top: 300%;
    margin-left: -171%;
    display: none
}

.dirsir1z-lun-left {
    margin-left: 0%;
    margin-top: 190%
}

.dirsir1z-lun-right {
    margin-left: -20%;
    margin-top: 190%
}

.my-new-left img {
    width: 3rem;
    margin-left: -48%
}

.my-new-right img {
    width: 3rem;
    margin-right: -68%
}

.vido-img-box {
    width: 92.8%;
    margin-left: 1.48rem
}

@media (min-width: 992px) {
    .dirsir1z-lun-left {
        margin-left: -66%;
        margin-top: 190%
    }

    .dirsir1z-lun-right {
        margin-left: 61%;
        margin-top: 190%
    }

    .my-new-left img {
        width: 64px;
        margin-left: -59%
    }

    .my-new-right img {
        width: 64px;
        margin-right: 68%
    }

    .vido-img-box {
        width: 92.1%;
        margin-left: 48px
    }
}

.index-hyzx-box-header h2 {
    text-align: center;
    font-size: 2rem;
    padding-top: 50px
}

.bs-docs-masthead1 p, .index-hyzx-box-header p {
    text-align: center;
    font-size: 1.3rem;
    padding-top: 1rem;
    width: 90%;
    margin: 0 auto
}

.index-hyzx-box-header-bs h2 {
    font-size: 2rem;
    color: #fff;
    padding-top: 50px;
    text-align: center
}

.index-hyzx-box-header-bs p {
    font-size: 1.3rem;
    color: #fff;
    margin-bottom: 50px;
    text-align: center;
    margin-top: 1.5rem
}

.index-hyzx-box-header-bs-1 h2 {
    font-size: 2rem;
    color: #fff;
    padding-top: 50px;
    text-align: center
}

.index-hyzx-box-header-bs-1 p {
    font-size: 1.3rem;
    color: #fff;
    margin-bottom: 50px;
    text-align: center;
    margin-top: 1.5rem
}

.gnty-img-box h3 {
    margin-top: 0px
}

@media (min-width: 992px) {
    .partners-lun-left, .sedac1-lun-left, .partners-lun-right, .sedac1-lun-right, .dirsir1-lun-left, .dirsir1-lun-right, .partners-lun-left1, .partners-lun-right1, .anli-lun-left, .anli-lun-right, .dirsir12-lun-left, .dirsir12-lun-right, .dirsir1a-lun-left, .dirsir1a-lun-right {
        display: block
    }

    .index-hyzx-box-header h2 {
        font-size: 40px;
        color: #333333;
        padding-top: 75px;
        text-align: center
    }

    .index-hyzx-box-header p {
        font-size: 18px;
        color: #4c4b4b;
        padding-top: 12px
    }

    .index-hyzx-box-header-bs h2 {
        font-size: 40px;
        padding-top: 60px
    }

    .index-hyzx-box-header-bs p {
        font-size: 16px;
        margin-bottom: 80px;
        padding-top: 30px
    }

    .index-hyzx-box-header-bs-1 h2 {
        font-size: 40px;
        color: #fff;
        padding-top: 75px;
        text-align: center
    }

    .index-hyzx-box-header-bs-1 p {
        font-size: 18px;
        color: #fff
    }
}

.footer-content-1 a:hover {
    color: #fff
}

.navbar-default .navbar-nav > li a {
    padding-top: 10px;
    padding-bottom: 10px
}

@media (min-width: 992px) {
    .navbar-default .navbar-nav > li a {
        padding: 25px 20px;
        font-size: 15px;
    }

    .navbar-default .navbar-nav > li:hover a {
        color: #fff
    }

    .feader-cont-box {
        overflow: hidden
    }

    .feader-left-cont, .feader-center-cont, .feader-right-cont {
        float: left
    }

    .feader-left-cont, .feader-right-cont {
        width: 20%;
        display: none
    }

    .feader-center-cont, .feader-ewm-box img {
        width: 100%
    }

    .feader-ewm-box {
        width: 100px;
        margin: 60px auto
    }

    .feader-ewm-box p {
        font-size: 1;
        color: #fff;
        text-align: center
    }

    .index-jjfa h3 {
        font-size: 1.8rem;
        padding-bottom: 1rem;
        color: #454545
    }

    @media (min-width: 992px) {
        .index-jjfa img {
            width: 350px;
            height: 350px
        }

        .feader-left-cont, .feader-right-cont {
            width: 20%;
            display: block
        }

        .feader-center-cont {
            width: 60%
        }
    }.index-banner-box h2 {
         font-size: 2.2rem
     }

    .index-banner-box p {
        font-size: 1.3rem;
        padding-bottom: 30px;
    }

    @media (min-width: 992px) {
        .index-banner-box h2 {
            font-size: 70px;
            font-weight: 100
        }

        .index-banner-box p {
            font-size: 24px;
            padding-bottom: 50px;
            font-weight: 100;
            padding-top: 12px
        }
    }.bs-docs-masthead1 .lead {
         width: 100%;
         font-size: 2.3rem;
         margin-top: 0px
     }

    .nav-login a {
        color: #7a7a7a;
        outline: none;
        outline: 0
    }

    @media (min-width: 992px) {
        .nav-login {
            line-height: 50px;
            padding-left: 10px
        }
    }.nav-login {
         height: 50px;
         line-height: 71px;
         line-height: 5.4rem \9;
         padding-left: 10px;
         margin-top: 11px \9
     }

    .nav-login a {
        width: 15rem;
        color: #7a7a7a;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .nav-login a:hover {
        color: #30b3eb
    }

    .my-feader-pos {
        position: static
    }

    .nav > li {
        padding: 0px 0px;
        position: static
    }

    .nav-down-menu {
        margin: 0px;
        background: rgba(80, 80, 80, 0.8) !important;
        position: absolute;
        left: 0px;
        display: none;
        z-index: 10000;
        width: 100%;
        margin-top: 0px;
        box-shadow: 0 0 0px rgba(100, 100, 100, .5)
    }

    .nav-down-menu.nav-up-selected {
        display: block
    }

    @media (min-width: 992px) {
        .nav-down-menu {
            margin-top: 0px;
            box-shadow: 0 0 5px rgba(100, 100, 100, .5)
        }
    }.nav-zcd-1 h3 {
         text-align: left;
         color: #fff;
         font-size: 22px
     }

    .nav-zcd-1 span {
        color: #fff
    }

    @media (min-width: 992px) {
        .container-header {
            width: 1210px;
            margin: 0 auto
        }
    }.my-header-bgcolor li:hover {
         background-color: #30b3eb
     }

    .index-banner-box h6 {
        color: #bab9b9;
        padding-top: 1px;
        padding-bottom: 1px;
        font-size: 0.8rem
    }

    .navbar-nav ul li a {
        outline: none;
        outline: 0
    }

    @media (min-width: 992px) {
        .my-header-bgcolor {
            margin-left: 15px
        }

        .index-banner-box h6 {
            padding-top: 2px;
            padding-bottom: 2px;
            font-size: 12px
        }

        .index-jjfa2 {
            margin-top: 46px;
            margin-bottom: 40px
        }
    }.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
         color: #fff;
         background-color: #30b3eb
     }

    .index-jjfa {
        padding-bottom: 40px;
        padding-top: 20px;
        position: relative
    }

    .index-jjfa h3 {
        text-align: left;
        margin-top: 20px
    }

    .bs-docs-featurette, .par-xyhb-box {
        margin-bottom: 0px;
        background-color: #fff
    }

    .bs-docs-featurette1 {
        background-color: #f6f6f6
    }

    .index-what-cont {
        margin: 0px 10px 30px;
        font-size: 1.4rem;
        padding-bottom: 20px
    }

    .index-anli-ewm-box {
        width: 180px;
        display: none
    }

    .index-anli-ewm-box img {
        width: 100%
    }

    .al-img-box-2 p {
        text-align: left;
        font-size: 1.3rem;
        color: #4d4d4d;
        line-height: 20px;
        margin-top: 12px
    }

    .index-anli-ewm-box p {
        text-align: center
    }

    .index-hyzx-cont-box, .hyzx-cont-cont-box {
        overflow: hidden
    }

    .index-hyzx-cont-box {
        padding-top: 0px;
        padding-bottom: 40px
    }

    .index-hyzx-left, .index-hyzx-right {
        float: left
    }

    .hyzx-cont-cont-box1, .hyzx-cont-cont-box2 {
        float: left;
        margin-top: 30px
    }

    .index-hyzx-left {
        width: 100%
    }

    .hyzx-img-box {
        width: 402px;
        padding-top: 30px
    }

    .hyzx-img-box img {
        width: 100%
    }

    .index-hyzx-right {
        width: 100%;
        background-color: #fff;
        margin-left: -15px;
        margin-top: 30px
    }

    .hyzx-cont-cont-box1 {
        width: 28%;
        text-align: left;
        font-size: 1.9rem;
        color: #7f7f7f
    }

    .hyzx-cont-cont-box1 span {
        font-size: 1.2rem;
        border-bottom: 1px solid #30b3eb
    }

    .hyzx-cont-cont-box2 {
        width: 62%;
        text-align: left;
        padding-left: 30px;
        border-left: 1px solid #ccc
    }

    .hyzx-cont-cont-box2 h3 {
        font-size: 2rem;
        color: #444444;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .hyzx-cont-cont-box2 p {
        font-size: 1.2rem;
        line-height: 20px;
        margin-top: 15px
    }

    @media (min-width: 992px) {
        .hyzx-img-box {
            padding-top: 0px
        }

        .hyzx-cont-cont-box2 p {
            font-size: 16px;
            line-height: 25px;
            color: #4D4D4D;
            text-overflow: clip;
            white-space: normal;
            height: 4.5em;
            overflow: hidden
        }

        .al-img-box-2 p {
            font-size: 16px;
            line-height: 25px
        }

        .btn-outline-inverse {
            color: #FFF;
            background-color: transparent) !important;
            filter: alpha(opacity=60);
        }

        .index-anli-ewm-box {
            width: 12rem;
            display: block
        }

        .index-hyzx-cont-box {
            padding-top: 80px
        }

        .index-hyzx-box-header h2 {
            font-size: 40px
        }

        .hyzx-cont-cont-box2 h3 {
            font-size: 26px;
            color: #444444;
            text-align: left
        }

        .index-hyzx-cont-box, .hyzx-cont-cont-box {
            overflow: hidden
        }

        .index-hyzx-cont-box {
            padding-top: 120px
        }

        .index-hyzx-left, .index-hyzx-right {
            float: left
        }

        .hyzx-cont-cont-box1, .hyzx-cont-cont-box2 {
            float: left;
            margin-top: 30px
        }

        .index-hyzx-left {
            width: 35%
        }

        .hyzx-img-box {
            width: 402px
        }

        .hyzx-img-box img {
            width: 100%
        }

        .index-hyzx-right {
            width: 65%;
            background-color: #fff;
            margin-left: -25px;
            margin-top: 45px;
            padding-bottom: 45px
        }

        .hyzx-cont-cont-box1 {
            width: 16%;
            text-align: left;
            font-size: 26px;
            color: #7f7f7f
        }

        .hyzx-cont-cont-box1 span {
            font-size: 14px
        }

        .hyzx-cont-cont-box2 {
            width: 80%;
            text-align: left;
            padding-left: 30px;
            border-left: 1px solid #eae9e9
        }

        .hyzx-cont-cont-box2 h3 {
            font-size: 26px;
            color: #444444;
            text-align: left
        }
    }.bs-docs-masthead1 .btn:hover {
         background-color: #fff \9;
         background: rgba(255, 255, 255, 0.3) !important;
         filter: alpha(opacity=60);
         color: #fff;
         color: #fff \9;
         position: relative;
         border: 1px solid #939cad
     }

    .bs-docs-masthead1 .btn span {
        position: relative
    }

    @media (min-width: 992px) {
        .bs-docs-masthead1 .lead {
            width: 100%;
            font-size: 7rem;
            margin-top: 0px
        }

        .bs-docs-masthead1 .btn {
            width: 20%;
            padding: 13px 45px;
            margin: 30px 0 30px 0
        }

        .index-jjfa h3 {
            text-align: left;
            font-size: 28px;
            color: #454545;
            padding-bottom: 10px
        }

        .my-new-cont {
            font-size: 21px
        }
    }@media (min-width: 992px) {
    .index-what-cont {
        margin: 0px 10px 30px;
        font-size: 16px;
        padding-bottom: 30px
    }
}.index-jjfa-box, .ectouch, .index-gnty-box, .product-banner, .product-log-cont, .product-banner {
     background-repeat: no-repeat;
     background-position: center;
     width: 100%;
     margin: 0 auto
 }

    .main-box {
        height: 100%;
        max-width: 1210px;
        margin: 0 auto;
        position: relative
    }

    .nav-img {
        width: 2rem;
        height: 2rem
    }

    .user-tuchu a {
        margin-left: 2rem;
        color: #7a7a7a
    }

    .tuichu-app-top {
        margin-top: 0rem;
        font-size: 1.4rem
    }

    #out_name a {
        margin-left: 0rem;
        color: #777
    }

    #out_name {
        float: right;
        margin-top: 0rem;
        font-size: 1.4rem
    }

    .ectouch-tuichu-xian {
        color: #E5EAEF
    }

    @media (min-width: 992px) {
        .user-tuchu a {
            margin-left: 0rem;
            color: #fff
        }

        .tuichu-app-top {
            margin-top: 0rem
        }

        #out_name a {
            margin-left: 0rem;
            color: #777;
            font-size: 1.5rem
        }

        #out_name {
            float: right;
            margin-top: 24.5px;
            font-size: 16px
        }

        #nav {
            display: block
        }

        #nav .mainlevel {
            float: left;
            text-align: center;
            display: block
        }

        #nav .mainlevel a {
            color: #fff;
            text-decoration: none;
            line-height: 30px;
            height: 30px;
            text-align: center;
            padding-top: 18px;
            display: block
        }

        #nav .mainlevel a:hover {
            color: #fff;
            text-decoration: none
        }

        #nav .mainlevel ul {
            position: absolute;
            display: none
        }

        #nav .mainlevel li {
            width: 80px;
            float: left;
            background-color: rgba(0, 0, 0, 0.4);
            text-align: center;
            margin-top: 12px;
            margin-left: -90px
        }

        .nav-img {
            width: 25px;
            height: 25px
        }

        .header-tuichu {
            display: block
        }
    }.lead1 {
         font-size: 16px;
         font-weight: 300;
         line-height: 1.4;
         padding-bottom: 50px
     }

    .bs {
        color: #fff
    }

    .bs-docs-masthead1 {
        position: relative;
        padding-top: 60px;
        color: #FFF;
        text-align: center;
        background-repeat: repeat-x
    }

    @media (min-width: 992px) {
        .bs-docs-masthead1 {
            padding-top: 150px;
            font-size: 1.375rem
        }
    }.index-banner-box {
         background-image: url("../images/1-bg.jpg");
         background-color: #2f3b50
     }.index-banner-box-about {
          background-image: url("../images/banner-about.png");
          background-color: #2f3b50
      }

    .index-banner-content {
        width: 830px;
        height: 292px;
        position: absolute;
        left: 193px;
        top: 203px
    }

    .banner-cont-box {
        overflow: hidden;
        border: 1px;
        margin-left: -20px
    }

    .index-cont1 {
        font-size: 1.2rem
    }

    .index-cont {
        font-size: 1.2rem;
        color: #4d4d4d
    }

    @media (min-width: 480px) {
        .banner-cont-box li {
            font-size: 2.2rem
        }

        .index-cont1 {
            font-size: 20px
        }
    }.index-gdzx-but {
         border: 1px solid #30b3eb;
         width: 14rem;
         text-align: center;
         margin: 0 auto;
         margin-bottom: 30px;
         height: 3rem;
         line-height: 3rem;
         border-radius: 0.5rem;
         font-size: 1.2rem;
         color: #30b3eb
     }

    .index-gdzx-but:hover {
        background: #30b3eb;
        color: #fff
    }

    @media (min-width: 992px) {
        .index-gdzx-but {
            width: 180px;
            margin-bottom: 70px;
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            margin-top: 0px
        }
    }.index-jjfa-box {
         background-color: #fff
     }

    .jjfa-cont {
        width: 1200px;
        height: 525px
    }

    .btn-outline-inverse:active, .btn-outline-inverse:focus, .btn-outline-inverse:hover {
        background-color: #FFF;
        border-color: #FFF;
        color: #7a7a7a
    }

    .ectouch {
        background-image: url("../images/ectouch-bg.png");
        background-color: #30b3eb;
        color: #fff
    }

    .index-right-bor {
        border-right: 1px solid #626f8d
    }

    .index-gnty-box {
        height: 1020px;
        background-color: #fff
    }

    .gnty-img-box {
        width: 6rem;
        margin: 1.5rem auto
    }

    .gnty-img-box img {
        width: 100%
    }

    .gnty-img-box h3 {
    }

    .gnty-content {
        overflow: hidden;
        margin: 0 auto;
        padding-top: 10px;
        width: 100%;
        margin-left: 3px;
        margin-left: -20px
    }

    @media (min-width: 992px) {
        .gnty-img-box {
            width: 140px;
            width: 140px \9;
            margin: 0 auto
        }

        .gnty-img-box img {
            width: 100%
        }

        .gnty-content {
            margin-left: 0px
        }
    }.gnty-content li {
         float: left;
         width: 33.33%;
         margin: 0 auto;
         margin-left: 0px
     }

    .gnty-cont {
        text-align: center;
        display: none;
        font-size: 10px
    }

    .banner-cont-box li {
        font-size: 2.3rem;
        margin-bottom: 35px;
        margin: 1rem 0px
    }

    .my-btom-pos1, .my-btom-pos {
        margin-top: 30px
    }

    .my-btom-pos2 {
        margin-top: 0px
    }

    .my-btom-pos4 {
        margin-top: 30px
    }

    .index-down-bg {
        display: none
    }

    @media (min-width: 992px) {
        .index-cont {
            font-size: 14px
        }

        .lead1 {
            font-size: 16px;
            font-weight: 300;
            line-height: 1.4
        }

        .banner-cont-box li {
            float: left;
            width: 33.333%;
            margin-left: -10px;
            font-size: 40px
        }

        .banner-cont-box {
            overflow: hidden;
            border: 1px
        }

        .gnty-content {
            overflow: hidden;
            margin: 0 auto;
            padding-top: 50px;
            margin-left: -20px
        }

        .gnty-content li {
            float: left;
            width: 20%;
            margin: 0 auto;
            padding-bottom: 20px;
            padding: 0 15px 0 15px;
            box-sizing: border-box
        }

        h3 {
            text-align: center;
            font-size: 22px;
            color: #333333
        }

        .gnty-cont {
            text-align: center;
            display: block;
            font-size: 16px;
            color: #4d4d4d;
            padding-top: 10px
        }

        .bs {
            color: #fff
        }

        .al-right-cont-box {
            width: 80%;
            margin-left: 50px
        }

        .my-btom-pos {
            margin-top: 0px
        }

        .my-btom-pos1 {
            margin-top: 60px;
            padding-bottom: 70px
        }

        .my-btom-pos4, .my-btom-pos2 {
            margin-top: 120px
        }

        .my-btom-pos3 {
            margin-top: 86px
        }

        .index-down-bg {
            background-color: rgba(0, 0, 0, 0.1);
            display: block
        }
    }.index-khal-box {
         height: 930px;
         background-color: #fff
     }

    .al-cont-box {
        overflow: hidden
    }

    .al-cont-box li {
        float: left;
        width: 50%
    }

    .al-img-box {
        margin-left: 0px
    }

    .index-hyzx-box {
        height: 600px
    }

    .hyzx-content-box {
        width: 1192px;
        margin: 0 auto
    }
}

.hyzx-cont {
    float: left
}

.hyzx-cont-2 {
    color: #7a7a7a;
    font-size: 20px
}

.pp-logo {
    width: 3rem
}

.pp-cont1 {
    font-size: 2rem;
    padding-left: 0px !important;
}

.al-img-box-2 {
    margin-top: 20px
}

.index-rem {
    width: 0rem
}

.index-cone2 {
    font-size: 0px
}

@media (min-width: 992px) {
    .index-cone2 {
        margin: 0px 0px 50px;
        font-size: 14px;
        text-align: center;
        display: block
    }

    .index-rem {
        width: 18rem
    }

    .pp-cont1 {
        font-size: 3rem
    }

    .pp-logo {
        width: 6rem
    }

    .al-img-box-2 div {
        margin-top: 5px
    }

    .my-new-title {
        margin-top: 100px
    }

    .index-banner-top {
        padding-top: 80px
    }

    .lead {
        padding-bottom: 30px
    }

    .banner-cont-box li {
        font-size: 5rem;
        font-weight: 100;
        margin: 1rem 0px;
        padding: 0.9rem 0 0.9rem 0
    }
}

.index-logo-box {
    padding-bottom: 20px;
    overflow: hidden;
    padding-top: 30px;
    margin-left: -20px
}

.index-logo-box li {
    float: left;
    width: 50%;
    padding: 0rem 1rem 0 1rem
}

.index-logo-box img {
    width: 80%
}

.index-logo-box1 li {
    float: left;
    width: 50%;
    margin-left: -12px;
    margin: 0 auto
}

.index-logo-box1 {
    margin: 0 auto;
    overflow: hidden;
    width: 130px;
    margin-left: 90px
}

.footer-box-1 {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    background-color: #30b3eb;
    overflow: hidden;
    border-top: 1px solid #ccc
}

.footer-content-1 a {
    color: #fff
}

.footer-content-1 {
    font-size: 0.53rem;
    color: #fff;
    text-align: center;
    display: block;
    padding-top: 35px
}

@media (min-width: 992px) {
    .gnty-content h3 {
        padding-top: 15px
    }

    .index-logo-box li {
        float: left;
        width: 16%;
        padding: 10px
    }

    .index-logo-box img {
        width: 100%;
        border: 1px solid #eee
    }

    .index-logo-box {
        overflow: hidden;
        padding-top: 120px
    }

    .index-logo-box1 {
        margin: 0 auto;
        overflow: hidden;
        width: 130px;
        margin-left: 490px
    }

    .footer-content-1 {
        font-size: 14px;
        display: block;
        padding-top: 75px;
        line-height: 25px
    }
}

.footer-box-1 {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    background-color: #30b3eb;
    overflow: hidden;
    border-top: 1px solid #ccc
}

.register-title {
    margin-top: 80px;
    font-size: 18px;
    text-align: center;
    padding-bottom: 10px
}

.login-box {
    max-width: 415px;
    width: 85%;
    margin: 10px auto;
    position: relative
}

.form-control {
    padding: 1px 1px;
    height: 40px;
    line-height: 40px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s
}

@media (min-width: 992px) {
    .form-control {
        line-height: 10px \9;
        height: 50px
    }
}

.input-group {
    margin-top: 15px
}

.register-box {
    max-width: 42rem;
    width: 85%;
    margin: 15px auto;
    position: relative
}

.login-new-user {
    float: right;
    color: #5b5b5b
}

.login-new-user a:hover {
    color: #31B0D5
}

.login-admin {
    width: 150px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    fon-size: 16px;
    margin: 0 auto;
    margin-top: 0px;
    color: #747474;
    background-color: #fff
}

.login-xian {
    border-top: 1px solid #e5e5e5;
    position: absolute;
    width: 100%;
    top: 285px;
    z-index: 1
}

.row1 {
    padding-top: 10px;
    text-align: center;
    color: #FFF;
    font-size: 4rem
}

.login-box2 {
    width: 150px;
    margin: 90px auto;
    padding-bottom: 1px
}

.footer-content {
    display: none
}

.form-inline .form-control {
    padding-left: 2px
}

@media (min-width: 992px) {
    .ect-padding-tb {
        padding-top: 0.6em;
        padding-bottom: 0.6em
    }

    .form-inline .form-control {
        padding-left: 10
    }

    .footer-box {
        width: 100%;
        height: 145px;
        margin: 0 auto;
        background-color: #f8f8f8;
        overflow: hidden;
        border-top: 1px solid #ccc
    }

    .footer-content {
        font-size: 14px;
        color: #5c5c5c;
        text-align: center;
        display: block;
        padding-top: 35px;
        line-height: 30px
    }

    .footer-content a {
        color: #5c5c5c
    }
}

label {
    font-weight: 100
}

@media (min-width: 768px;
) {
    .login-box {
        margin-top: 147px
    }

    .login-password {
        color: #30b3eb
    }

    .register-yzm {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .register-title {
        margin-top: 120px;
        font-size: 25px;
        text-align: center
    }

    .login-admin {
        width: 150px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        color: #747474;
        top: 230px;
        background-color: #FFF
    }
}

.btn-info {
    color: #FFF;
    background-color: #30b3eb;
    border-color: #30b3eb;
    width: 100%;
    font-size: 1.6rem;
}

.my-user-login {
    width: 100%;
    padding-top: 0px
}

.login-new-user a, .nav-tabs a {
    color: #7a7a7a
}

@media (min-width: 992px) {
    .school-title2 {
        font-size: 13px;
        color: #7f7f7f
    }

    .my-user-login {
        width: 100%;
        padding-top: 20px;
        padding-top: 10px
    }

    .login-box {
        max-width: 415px;
        width: 85%;
        height: 41rem;
        margin: 145px auto;
        position: relative
    }

    .footer-box-1 {
        width: 100%;
        height: 145px;
        margin: 0 auto;
        background-color: #30b3eb;
        overflow: hidden;
        border-top: 1px solid #ccc
    }

    .login-box {
        margin-top: 20px
    }

    .login-password {
        color: #30b3eb
    }

    .register-yzm {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .register-title {
        margin-top: 150px;
        font-size: 30px;
        text-align: center
    }

    .btn-info {
        height: 46px;
        font-size: 18px
    }

    .input-group {
        margin-top: 25px
    }

    .register-box {
        max-width: 42rem;
        width: 85%;
        margin: 30px auto;
        position: relative
    }

    .login-admin {
        width: 150px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        fon-size: 16px;
        margin: 0 auto;
        color: #747474;
        background-color: #fff
    }

    .login-xian {
        border-top: 1px solid #e5e5e5;
        position: absolute;
        width: 100%;
        top: 310px;
        z-index: 1
    }

    .row1 {
        padding-top: 0px;
        text-align: center;
        color: #FFF;
        font-size: 4rem
    }

    .login-box2 {
        width: 185px;
        margin: 100px auto
    }
}

.form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
    width: 100%
}

.form-inline .input-group {
}

.login-pass {
    margin-top: 20px
}

.checkbox, .radio {
    margin-top: -10px
}

.login-img {
    height: 45px
}

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

.col-xss-6 {
    width: 33.33%
}

}
.admin-tishi {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background-color: #f2f2f2
}

.warning {
    position: relative;
    background-color: #30b3eb;
    border: 1px solid #30b3eb;
    border-radius: 10px;
    background-size: 3em 3em;
    background-image: linear-gradient(-45deg, transparent 0em, transparent 0.1em, #f2f2f2 0.9em, #f2f2f2 2.1em, transparent 2.1em, transparent 2.9em, #f2f2f2 0em);
    -webkit-animation: warning-animation 750ms infinite linear;
    -moz-animation: warning-animation 750ms infinite linear;
    animation: warning-animation 750ms infinite linear
}

@-webkit-keyframes warning-animation {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 3em 0
    }
}

@-moz-keyframes warning-animation {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 3em 0
    }
}

@keyframes warning-animation {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 3em 0
    }
}

.warning:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    border-radius: 10px
}

.container-1 {
    width: 80%;
    margin: 5vh auto 0
}

.container-1 .warning {
    height: 2vh
}

.ts-box {
    margin: 150px auto;
    width: 80%;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(90, 9 90, 0.4)
}

.ts-box h2 {
    text-align: center;
    color: #4c4c4c;
    padding-top: 25px;
    padding-bottom: 20px
}

.ts-xt {
    border-bottom: 1px dashed #ccc
}

.ts-content {
    margin-top: 5px;
    margin-bottom: 60px;
    font-size: 14px;
    overflow: hidden;
    text-align: center;
    display: block
}

.ts-top {
    margin-top: 60px;
    margin-bottom: 10px
}

.jdt-my-top {
    width: 80%;
    margin: 0 auto;
    margin-top: 60px
}

.ts-xin {
    text-align: right;
    display: block;
    font-size: 14px;
    padding-right: 20px;
    padding-bottom: 20px
}

@media (min-width: 992px) {
    .admin-tishi {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        background-color: #f2f2f2
    }

    .warning {
        position: relative;
        background-color: #30b3eb;
        border: 1px solid #30b3eb;
        border-radius: 10px;
        background-size: 3em 3em;
        background-image: linear-gradient(-45deg, transparent 0em, transparent 0.1em, #f2f2f2 0.9em, #f2f2f2 2.1em, transparent 2.1em, transparent 2.9em, #f2f2f2 0em);
        -webkit-animation: warning-animation 750ms infinite linear;
        -moz-animation: warning-animation 750ms infinite linear;
        animation: warning-animation 750ms infinite linear
    }

    @-webkit-keyframes warning-animation {
        0% {
            background-position: 0 0
        }
        100% {
            background-position: 3em 0
        }
    }@-moz-keyframes warning-animation {
         0% {
             background-position: 0 0
         }
         100% {
             background-position: 3em 0
         }
     }@keyframes warning-animation {
          0% {
              background-position: 0 0
          }
          100% {
              background-position: 3em 0
          }
      }.warning:before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           height: 100%;
           border-radius: 10px
       }

    .container-1 {
        width: 20vw;
        margin: 9vh auto 0
    }

    .container-1 .warning {
        height: 2vh
    }

    .ts-box {
        margin: 150px auto;
        width: 700px;
        background-color: #fff;
        box-shadow: 0 0 6px rgba(90, 9 90, 0.4)
    }

    .ts-box h2 {
        text-align: center;
        color: #4c4c4c;
        padding-top: 25px;
        padding-bottom: 20px
    }

    .ts-xt {
        border-bottom: 1px dashed #ccc
    }

    .ts-content {
        margin-top: 30px;
        margin-bottom: 60px;
        font-size: 14px;
        overflow: hidden;
        text-align: center;
        display: block
    }

    .ts-top {
        margin-top: 60px;
        margin-bottom: 10px
    }

    .jdt-my-top {
        width: 80%;
        margin: 0 auto;
        margin-top: 60px
    }

    .ts-xin {
        text-align: right;
        display: block;
        font-size: 14px;
        padding-right: 20px;
        padding-bottom: 20px
    }
}

@media (min-width: 768px;
) {
    .reg-cont {
        color: #494949
    }
}

.input-group-addon {
    width: 10px
}

.input-group-addon a {
    color: #494949
}

.gw-box {
    max-width: 1210px;
    margin: 0 auto
}

.reg-cont {
    color: #494949;
    font-size: 1.2rem
}

.login-password {
    color: #30b3eb;
    font-size: 1.4rem
}

.login-new-user a {
    font-size: 1.4rem
}

@media (min-width: 768px;
) {
    .login-box {
        margin-top: 147px
    }

    .login-password {
        color: #30b3eb
    }
}

.login-admin1 {
    width: 100%;
    position: absolute;
    z-index: 222;
    top: 259px
}

@media (min-width: 992px) {
    .login-new-user a {
        font-size: 14px
    }

    .login-password {
        color: #30b3eb;
        font-size: 14px;
        padding-left: 3px
    }

    .reg-cont {
        color: #494949;
        font-size: 14px
    }

    .login-new-user {
        float: right;
        color: #5b5b5b
    }

    .login-admin1 {
        width: 100%;
        position: absolute;
        z-index: 222;
        top: 285px
    }
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-appearance: none;
    padding-left: 10px \9;
    padding-left: 10px
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0px;
    -webkit-appearance: none
}

.nav-tabs > li {
    width: 50%
}

.nav-tabs > li > a {
    text-align: center
}

.navbar-nav > li {
    font-size: 1.4rem;
    border-bottom: 1px solid #e6e6e6
}

@media (min-width: 992px) {
    .navbar-nav > li {
        float: left;
        font-size: 1.1rem;
        border-bottom: none
    }
}

.user-left-header {
    width: 100%;
    height: 100px;
    background-color: #52C4F5;
    margin-top: 0px
}

.user-left-cont-img {
    background-color: #fff;
    height: 70px;
    width: 70px;
    border-radius: 50px;
    margin: 15px auto;
    overflow: hidden;
    border: 3px solid #fff
}

.user-left-cont-img img {
    height: 70px;: 70 px
}

.user-left-cont-1, .user-left-cont-2 {
    float: left
}

.user-left-cont-1 {
    width: 30%
}

.user-left-cont-2 {
    width: 70%
}

.user-box-bg {
    background-color: #f1f2f7
}

.user-title {
    font-size: 2.1rem;
    color: #fff;
    text-align: left;
    margin-top: 30px;
    padding-bottom: 0px
}

.user-title1 {
    font-size: 1.2rem;
    color: #fff;
    text-align: left;
    margin-top: -10px
}

.user-left {
    border-radius: 8px
}

.user-right h2 {
    font-size: 1.8rem;
    color: #424242;
    padding-top: 20px;
    padding-left: 20px;
    margin-top: 0px;
    display: none
}

.user-xian {
    border-bottom: 1px solid #fff;
    margin-bottom: 1rem
}

.user-time {
    margin-left: 20px;
    font-size: 1.5rem;
    color: #707070
}

.user-time1 {
    margin-left: 20px;
    font-size: 1.2rem;
    color: #707070;
    display: block
}

.user-time-color {
    color: #52C4F5
}

.user-time-color a {
    color: #52C4F5
}

.user-bott-box {
    background-color: #F7F8FA;
    width: 100%;
    text-align: left;
    padding: 10px;
    color: #626262;
    margin-top: -20px
}

.panel-heading {
    padding: 40px 20px;
    border-bottom: 0px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #fff
}

.user-right {
    border-radius: 8px;
    background-color: #FFF;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    min-height: 200px
}

.panel-default {
    border-color: #fff
}

.form-user-box1, .form-user-box2 {
    float: left
}

.form-user-box {
    overflow: hidden;
    margin-left: 0px
}

.form-user-box1 {
    width: 36%;
    margin-left: -40px;
    width: 36%
}

.form-user-box2 {
    width: 70%;
    float: right
}

.lab-my {
    font-weight: 100;
    padding-right: 20px;
    font-size: 14px;
    text-align: right;
    display: block;
    margin-top: 6px;
    color: #5C5C5C
}

.user-bd-box {
    margin: 0 auto;
    margin-bottom: 50px
}

.user-bd-box img {
    width: 100%
}

.user-anniu-color {
    background-color: #BEBEBE;
    border: medium none
}

.user-sele {
    height: 30px;
    border-radius: 5px;
    width: 100%;
    border: 1px solid #ccc;
    line-height: 30px;
    -webkit-appearance: none;
    margin-left: -20px
}

.user-sele1 {
    height: 30px;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 49.5%;
    margin-left: -20px
}

@media (min-width: 992px) {
    .user-sele1 {
        margin-left: 0px
    }
}

.user-sele2 {
    height: 30px;
    border-radius: 5px;
    border: 1px solid #CCC;
    width: 100%
}

.my-header {
    height: 4rem
}

.my-logo {
    height: 2.8rem
}

.user-max-box {
    overflow: hidden
}

.user-nav-my {
    width: 2.8rem;
    padding-right: 1.6rem;
    padding-top: 1.2rem
}

.user-my-anniu {
    margin-left: -25px
}

.user-anniu-color:hover {
    background-color: #8e8e8e;
    border: none
}

.user-sa-an li {
    width: 50%;
    float: left
}

.user-sa-an {
    overflow: hidden;
    width: 100%;
    margin: 0 auto
}

.user-my-anniu1 {
    margin-left: 15px
}

.user-time-color1 {
    color: #FF7800
}

.user-my-anniu2 {
    margin-left: 48px
}

.my-user-bottom {
    margin-bottom: 20px
}

td, th {
    font-size: 0.8rem;
    text-align: center
}

.user-time {
    margin-left: 20px;
    font-size: 1.5rem;
    color: #707070;
    display: none
}

.user-time-my {
    margin-left: 20px;
    font-size: 1.5rem;
    color: #707070;
    display: block
}

#m1, #m2, #m3, #m4, #m5, #m6, #m7 {
    float: left;
    font-size: 1.3rem;
    width: 12.5%
}

#m1, #m2, #m3, #m4, #m5, #m6 {
    border-right: 1px solid #ccc;
    text-align: center
}

.user-nav-my {
    display: none
}

.user-nav2 {
    overflow: hidden;
    margin-left: -40px
}

.user-nav2 a {
    color: #414141
}

.user-nav2 a:hover {
    color: #52c4f5
}

.user-iphone-nav {
    margin: 0 auto;
    margin-bottom: 3px;
    margin-top: 3px;
    background-color: #fff;
    padding-top: 0.8rem;
    padding-bottom: 0.3rem;
    overflow-x: scroll
}

.user-ip-cont {
    width: 640px
}

.user-bangding {
    width: 100px;
    margin: 0 auto
}

.tab1 {
    width: 90%;
    margin: 50px auto 0 auto
}

.tab2 {
    width: 90%;
    margin: 50px auto 0 auto
}

.menu1 {
    height: 28px;
    font-size: 14px
}

.menu1 li {
    float: left;
    width: 50%;
    text-align: center;
    line-height: 28px;
    height: 28px;
    cursor: pointer;
    padding-bottom: 32px
}

#one1 {
    border-bottom: red solid 2px;
    color: red
}

#one2 {
    border-bottom: #ccc solid 2px;
    color: #000
}

.menu1 li.off {
    background: #fff;
    color: red;
    font-weight: bold;
    border-bottom: none;
    border-bottom: 1px solid red
}

.menu2 {
    height: 28px;
    font-size: 14px
}

.menu2 li {
    float: left;
    width: 50%;
    text-align: center;
    line-height: 28px;
    height: 28px;
    cursor: pointer;
    padding-bottom: 32px
}

#one3 {
    border-bottom: red solid 2px;
    color: red
}

#one4 {
    border-bottom: #ccc solid 2px;
    color: #000
}

.menu2 li.off {
    background: #fff;
    color: red;
    font-weight: bold;
    border-bottom: none;
    border-bottom: 1px solid red
}

#one4.off {
    color: red;
    border-bottom: 2px solid red
}

#one2.off {
    color: red;
    border-bottom: 2px solid red
}

.menudiv {
    border-top: 0;
    background: #fefefe;
    margin-top: 50px
}

.menudiv div {
    line-height: 28px
}

.user-yuan, .user-yuan1 {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%
}

.user-yuan {
    background-color: red;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%
}

.user-yuan1 {
    background-color: #ccc;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%
}

.user-yuan1.off {
    background-color: red
}

.user-yuan3, .user-yuan4 {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 48%
}

.user-yuan3 {
    background-color: red;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%
}

.user-yuan4 {
    background-color: #ccc;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%
}

.user-yuan4.off {
    background-color: red
}

.user-one {
    margin-left: -40px
}

.my-user-xyb {
    color: #fff
}

.an-user-color {
    border-bottom: 2px solid red
}

.tab-hd-con {
    float: left;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.tab-hd .current {
    font-weight: bold
}

.tab-bd-con {
    display: none
}

.tab-ft {
    margin-top: 8px;
    line-height: 20px;
    color: #c1c1c1;
    text-align: right
}

.tab-hd-con a {
    color: red
}

.tab-sub-3 .tab-hd-con {
    width: 49%
}

.tab-sub-3 .tab-hd .current {
    width: 49%
}

.tab-area .tab-hd-con {
    width: 102px
}

.tab-main .tab-hd, .tab-sub .tab-hd, .tab-product .tab-hd, .tab-area .tab-hd {
    height: 40px;
    line-height: 40px
}

.tab-main .tab-hd-con, .tab-sub .tab-hd-con, .tab-product .tab-hd-con, .tab-area .tab-hd-con {
    height: 47px;
    border-bottom: 2px solid #ccc
}

.tab-main .tab-hd .current, .tab-sub .tab-hd .current, .tab-product .tab-hd .current, .tab-area .tab-hd .current {
    position: relative;
    z-index: 1;
    border-bottom: 2px solid red;
    color: red
}

.col-md-3, .col-sm-12 {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px
}

.queren-new-box {
    width: 90%;
    margin-left: 0px
}

@media (min-width: 992px) {
    .queren-new-box {
        width: 35%;
        margin-left: 290px
    }

    .col-md-3, .col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 10px
    }

    .user-bangding {
        width: 15rem;
        margin-top: 3rem
    }

    .my-user-xyb {
        color: #fff
    }

    .user-my-anniu2 {
        margin-left: 20px
    }

    .user-nav-my {
        width: 2.6rem;
        padding-right: 1.6rem;
        padding-top: 1.7rem
    }

    .navbar-nav > li {
        loat: left;
        font-size: 1.5rem
    }

    .user-sq {
        color: #52c4f5
    }

    .user-cont-box {
        height: 650px;
        margin: 70px auto
    }

    .user-right {
        border-radius: 8px;
        background-color: #fff;
        min-height: 515px
    }

    .user-left {
        border-radius: 8px;
        height: 514px;
        background-color: #fff;
        width: 93%;
        top: 75px
    }

    .user-left-header {
        width: 100%;
        height: 145px;
        background-color: #52c4f5;
        border-radius: 8px 8px 0 0;
        margin-top: 0px
    }

    .user-left-cont {
        overflow: hidden
    }

    .user-left-cont-1, .user-left-cont-2 {
        float: left
    }

    .user-left-cont-1 {
        width: 40%
    }

    .user-left-cont-2 {
        width: 60%
    }

    .user-left-cont-img {
        background-color: #fff;
        height: 75px;
        width: 75px;
        border-radius: 50px;
        margin: 30px auto;
        overflow: hidden;
        border: 4px solid #fff
    }

    .user-left-cont-img img {
        height: 100%;
        width: 100%
    }

    .user-title {
        font-size: 24px;
        color: #fff;
        text-align: left;
        margin-top: 46px;
        padding-bottom: 0px
    }

    .user-title1 {
        font-size: 14px;
        color: #fff;
        text-align: left;
        margin-top: -10px
    }

    .user-nav {
        float: left;
        color: #767676;
        font-size: 13px;
        width: 50%;
        text-align: center;
        margin-top: 30px;
        border-left: 1px solid #e9e9e9
    }

    .user-nav:first-child {
        border-left: none
    }

    .user-nav span {
        font-size: 20px
    }

    .user-xian {
        border-bottom: 1px solid #e9e9e9;
        margin-bottom
    }

    .user-nav2 {
        margin-top: 10px
    }

    .user-nav2 li {
        color: #414141;
        text-align: left;
        font-size: 14px;
        line-height: 48px
    }

    .user-nav2 li:hover {
        color: #52c4f5;
        text-align: left;
        font-size: 14px;
        line-height: 48px
    }

    .user-right h2 {
        font-size: 20px;
        color: #424242;
        padding-top: 20px;
        padding-left: 20px;
        margin-top: 0px;
        padding-bottom: 20px;
        display: block
    }

    .user-time {
        margin-left: 58px;
        margin-top: 32px;
        font-size: 16px;
        color: #707070;
        display: block
    }

    .user-time-color {
        color: #52c4f5
    }

    .user-time1 {
        margin-left: 20px;
        font-size: 13px;
        color: #707070;
        display: inline
    }

    .user-right-cont {
        background-color: #f7f8fa;
        width: 85%;
        margin-left: 60px;
        margin-top: 20px;
        border-radius: 0px;
        border: none;
        height: 50px
    }

    .user-my-box {
        width: 85%;
        margin-left: 117px;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.176);
        display: block;
        border: none
    }

    .form-my {
        width: 80%
    }

    .lab-my {
        font-weight: 100;
        padding-right: 20px;
        font-size: 14px;
        text-align: right;
        display: block;
        margin-top: 10px;
        color: #5c5c5c
    }

    .my-input {
        width: 600px;
        height: 30px
    }

    .my-input-box {
        padding-top: 23px
    }

    .panel-default {
        border-color: #fff
    }

    .panel-default > .panel-heading {
        color: #333;
        background-color: #fff;
        border-color: #fff
    }

    .panel-heading {
        padding: 45px 20px;
        border-bottom: 0px solid transparent;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px
    }

    .user-bott-box {
        background-color: #f7f8fa;
        width: 90%;
        text-align: left;
        margin-left: 40px;
        padding: 20px;
        color: #626262;
        margin-top: -20px
    }

    .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
        border-top: 0px solid #fff
    }

    .form-user-box1, .form-user-box2 {
        float: left
    }

    .form-user-box {
        overflow: hidden;
        width: 100%;
        margin-left: 0px;
        margin-bottom: 25px
    }

    .form-user-box1 {
        width: 15%
    }

    .form-user-box2 {
        width: 85%
    }

    .user-time-color1 {
        color: #ff7800
    }

    .user-anniu {
        background-color: #30b3eb
    }

    .user-sa-an li {
        width: 50%;
        float: left;
        padding-bottom: 20px
    }

    .user-sa-an {
        overflow: hidden;
        width: 60%;
        margin: 0 auto
    }

    .my-user-an {
        width: 80%
    }

    .user-sa-an1 {
        margin-left: 250px
    }

    .user-anniu-color {
        background-color: #bebebe;
        border: none
    }

    .user-anniu-color:hover {
        background-color: #8e8e8e;
        border: none
    }

    .user-bd-box {
        margin: 0 auto;
        width: 638px;
        margin-bottom: 50px
    }

    .user-bd-box img {
        width: 100%
    }

    .user-sa-an1 {
        width: 60%
    }

    .my-user-an2, .my-user-an2:hover {
        background-color: #fff;
        der: none
    }

    .table-width {
        width: 90%;
        margin: 30px auto
    }

    .footer-box-2 {
        width: 100%;
        height: 145px;
        margin: 0px auto;
        background-color: #f8f8f8;
        overflow: hidden;
        border-top: 1px solid #eee;
        margin-top: 50px
    }

    .user-sele {
        height: 40px;
        border-radius: 5px;
        width: 100%;
        border: 1px solid #e0dede
    }

    .user-sele1 {
        height: 40px;
        border-radius: 5px;
        border: 1px solid #ccc;
        width: 50%;
        x-sizing: border-box
    }

    td, th {
        font-size: 1.3rem;
        text-align: center
    }

    .my-logo {
        height: 3rem
    }

    .user-sele {
        margin-left: 0px;
        padding-left: 10px
    }

    .user-nav2 {
        display: block
    }

    .user-nav-my {
        display: block
    }

    #m1, #m2, #m3, #m4, #m5, #m6, #m7 {
        float: none;
        font-size: 16px;
        width: 100%
    }

    #m1, #m2, #m3, #m4, #m5, #m6 {
        border-right: 1px solid #fff;
        text-align: left
    }

    .user-iphone-nav {
        margin: 0 auto;
        margin-bottom: 0px;
        margin-top: 0px;
        background-color: #fff;
        padding-top: 0rem;
        padding-bottom: 0rem;
        overflow-y: hidden;
        overflow-x: hidden;
        border-top: 10px solid #f1f2f7
    }

    .user-ip-cont {
        width: 100%
    }

    .user-nav2 {
        overflow: hidden;
        margin-left: -15px
    }

    .user-yz, .user-yz-cone {
        overflow: hidden;
        margin: 0 auto;
        width: 80%
    }

    .user-yz-cone {
        position: relative
    }

    .user-yz1 {
        color: #E0574E
    }

    .user-yz1, .user-yz2 {
        float: left;
        width: 50%;
        text-align: center
    }

    .user-yz3, .user-yz4 {
        float: left;
        width: 50%;
        margin-top: 12px;
        margin-bottom: 12px
    }

    .user-yz3 {
        border-bottom: 2px solid #e0574e
    }

    .user-yz4 {
        border-bottom: 2px solid #ccc
    }

    .user-yz5 {
        border-radius: 100%;
        background-color: #e0574e;
        height: 13px;
        width: 13px;
        position: absolute;
        left: 18%;
        top: 25%
    }

    .user-yz6 {
        border-radius: 100%;
        background-color: #ccc;
        height: 13px;
        width: 13px;
        position: absolute;
        left: 81%;
        top: 25%
    }

    .input-pos-top {
        margin-top: 0px
    }

    .user-bangding {
        width: 100px;
        margin: 0 auto
    }

    .tab1 {
        width: 90%;
        margin: 50px auto 0 auto
    }

    .tab1 {
        width: 90%;
        margin: 50px auto 0 auto
    }

    .menu1 {
        height: 28px;
        font-size: 14px
    }

    .menu1 li {
        float: left;
        width: 50%;
        text-align: center;
        line-height: 28px;
        height: 28px;
        cursor: pointer;
        padding-bottom: 32px
    }

    #one1 {
        border-bottom: red solid 2px;
        color: red
    }

    #one2 {
        border-bottom: #ccc solid 2px;
        color: #000
    }

    .menu1 li.off {
        background: #fff;
        color: red;
        font-weight: bold;
        border-bottom: none;
        border-bottom: 1px solid red
    }

    .menu2 {
        height: 28px;
        font-size: 14px
    }

    .menu2 li {
        float: left;
        width: 50%
        text-align: center;
        line-height: 28px;
        height: 28px;
        cursor: pointer;
        padding-bottom: 32px
    }

    #one3 {
        border-bottom: red solid 2px;
        color: red
    }

    #one4 {
        border-bottom: #ccc solid 2px;
        color: #000
    }

    .menu2 li.off {
        background: #fff;
        color: red;
        font-weight: bold;
        border-bottom: none;
        border-bottom: 1px solid red
    }

    .menudiv1 {
        border-top: 0;
        background: #fefefe;
        margin-top: 50px
    }

    .menudiv1 div {
        line-height: 28px
    }

    #one4.off {
        color: red;
        border-bottom: 2px solid red
    }

    #one2.off {
        color: red;
        border-bottom: 2px solid red
    }

    .menudiv {
        border-top: 0;
        background: #fefefe;
        margin-top: 50px
    }

    .menudiv div {
        line-height: 28px
    }

    .user-yuan, .user-yuan1 {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%
    }

    .user-yuan {
        background-color: red;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%
    }

    .user-yuan1 {
        background-color: #ccc;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%
    }

    .user-yuan1:hover {
        background-color: red
    }

    .user-bangding img {
        width: 100%
    }

    .user-yuan3, .user-yuan4 {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 48%
    }

    .user-yuan3 {
        background-color: red;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%
    }

    .user-yuan4 {
        background-color: #ccc;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%
    }

    .user-yuan4:hover {
        background-color: red
    }

    .an-user-color {
        border-bottom: 2px solid red
    }

    .tab-hd-con {
        float: left;
        font-size: 14px;
        text-align: center;
        cursor: pointer
    }

    .tab-hd .current {
        font-weight: bold
    }

    .tab-bd-con {
        display: none
    }

    .tab-ft {
        margin-top: 8px;
        line-height: 20px;
        color: #c1c1c1;
        text-align: right
    }

    .tab-hd-con a {
        color: red
    }

    .tab-sub-3 .tab-hd-con {
        width: 50%
    }

    .tab-sub-3 .tab-hd .current {
        width: 50%
    }

    .tab-area .tab-hd-con {
        width: 102px
    }

    .tab-main .tab-hd, .tab-sub .tab-hd, .tab-product .tab-hd, .tab-area .tab-hd {
        height: 40px;
        line-height: 40px
    }

    .tab-main .tab-hd-con, .tab-sub .tab-hd-con, .tab-product .tab-hd-con, .tab-area .tab-hd-con {
        height: 47px;
        border-bottom: 2px solid #ccc
    }

    .tab-main .tab-hd .current, .tab-sub .tab-hd .current, .tab-product .tab-hd .current, .tab-area .tab-hd .current {
        position: relative;
        z-index: 1;
        border-bottom: 2px solid red;
        color: red
    }
}

.pro-bottom-pos {
    padding-bottom: 30px
}

.col-md-44 {
    width: 33.33%;
    float: left
}

.product-banner {
    background-image: url("../images/product/banner-bg.jpg");
    background-color: #000
}

.product-banner h2 {
    color: #fff;
    padding-top: 7rem;
    font-size: 1.7rem;
    text-align: center;
    padding-bottom: 1rem
}

.product-banner p {
    font-size: 1.2rem;
    margin: 0 auto;
    width: 90%;
    text-align: center;
    color: #fff;
    padding-bottom: 1.5rem
}

.product-banner h1 {
    font-size: 6rem;
    color: #fff;
    padding-top: 2rem;
    padding-bottom: 3rem;
    display: none
}

.pro-title-two {
    font-size: 18px
}

.pro-row {
    width: 95%;
    margin: 0 auto;
    padding-bottom: 4.5rem
}

.pro-an-my {
    padding: 4px 10px 4px 10px;
    border: 1px solid #bce5f6;
    color: #F6F6F7;
    position: static;
    font-size: 1.3rem;
    text-align: center;
    width: 95%;
    display: block
}

.pro-an-my:hover {
    background-color: #fff \9;
    background: rgba(255, 255, 255, 0.4) !important;
    filter: alpha(opacity=40);
    border: 1px solid #bce5f6;
    color: #fff;
    color: #fff \9;
    outline: 0
}

.pro-an-my span {
    position: relative;
    color: #fff
}

@media (min-width: 992px) {
    .pro-an-my {
        padding: 15px 70px 15px 70px;
        font-size: 20px
    }

    .pro-bottom-pos {
        padding-bottom: 40px
    }
}

.product-demo {
    background-color: #fff;
    height: 100%
}

.product-demo-cent {
    margin: 0px auto;
    margin-top: 40px;
    width: 80%
}

.product-demo-cent img {
    width: 100%
}

.product-update {
    background-color: #30b3eb
}

.product-update h1 {
    font-size: 6rem;
    color: #fff;
    margin-top: 3rem
}

.pro-demo-nav1, .pro-demo-nav2, .pro-demo-nav3 {
    float: left;
    width: 33.333%;
    padding-top: 1.6rem;
    margin: 0 auto;
    height: 7rem
}

.pro-demo-nav1 {
    background-color: #43baed
}

.pro-demo-nav2 {
    background-color: #2eace2
}

.pro-demo-nav3 {
    background-color: #2ba1d3
}

.pro-demo-nav1:hover {
    background-color: #20a3da
}

.pro-demo-nav2:hover {
    background-color: #1391c7
}

.pro-demo-nav3:hover {
    background-color: #0079ac
}

.pro-update-cont-box {
    margin: 0 auto;
    color: #fff;
    font-size: 2rem
}

.pro-update-title2, .pro-update-title3 {
    font-size: 1rem;
    margin-top: -5px;
    margin-left: 24px
}

.product-log {
    background-color: #fff
}

.product-feater {
    background-color: #30b3eb
}

.pro-update-cont-box {
    width: 90%;
    margin: 0 auto;
    color: #fff;
    font-size: 0.9rem
}

.pro-update-cont-box img {
    width: 2rem
}

.pro-demo-row {
    padding-bottom: 30px
}

.pro-demo-nav {
    overflow: hidden;
    margin-top: 50px
}

.product-log-cont {
    background-image: url("../images/product/log-cont-bg.jpg");
    height: 340px
}

.product-log-content {
    height: 260px;
    color: #fff;
    width: 100%;
    overflow-y: scroll
}

.product-log-content-box {
    margin-top: 0px;
    position: relative
}

@media (min-width: 992px) {
    .product-log-content {
        height: 260px;
        color: #fff;
        width: 1210px;
        margin: 0px auto;
        overflow-y: scroll
    }
}

.update-img4 {
    display: block;
    width: 48px
}

.content-box {
    width: 90%;
    margin: 0px auto;
    position: relative
}

.up_content_content::before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 0px;
    width: 1px;
    left: 60px;
    background: #FFF none repeat scroll 100% 100%
}

.update-img7 {
    margin-left: 10px;
    margin-top: 20px
}

.update-content-bg {
    background-color: #30b3eb;
    border-radius: 8px;
    width: 90%;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    margin-top: -16px;
    color: #fff;
    margin-left: 35px
}

.update-content-bg1 {
    background-color: #30b3eb;
    border-radius: 8px;
    width: 90%;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    margin-top: -16px;
    color: #fff;
    margin-left: 35px
}

.update-content-bg3 {
    background-color: #30b3eb;
    border-radius: 8px;
    width: 90%;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    margin-top: -16px;
    color: #fff;
    margin-left: 35px
}

.update-sjx {
    position: absolute;
    top: 30px;
    right: 625px;
    display: none
}

.update-sjx-1 {
    position: absolute;
    top: 160px;
    right: 210px;
    display: none
}

.up_img, .up_img_box {
    width: 2rem;
    margin-left: 1.1rem;
    margin-top: 0.6rem;
    display: block
}

.updata-title {
    margin-bottom: 20px;
    overflow: hidden;
    margin-left: -40px
}

.updata-title li {
    float: left;
    border-right: 1px solid #fff
}

.updata-title li:last-child {
    border-right: none
}

.upadta-nianfen {
    font-size: 0.8rem
}

.updata-title-min1 {
    width: 25%;
    font-size: 1rem
}

.updata-title-min1 img {
    display: block
}

.updata-title-min2 {
    width: 60%;
    margin-left: 15px;
    font-size: 1.3rem
}

.uadate-content {
    font-size: 1rem
}

@media (min-width: 992px) {
    .upadta-nianfen {
        font-size: 1.3rem
    }

    .updata-title-min1 {
        width: 15%;
        font-size: 2rem
    }

    .updata-title-min2 {
        width: 80%;
        margin-left: 15px;
        font-size: 2rem
    }
}

.feater-logo {
    margin: 0 auto;
    width: 153px;
    margin-top: 80px;
    height: 80px
}

.feater-logo p {
    font-size: 22px;
    color: #fff;
    margin-top: 5px
}

.feater-gl-logo {
    width: 190px;
    margin: 0 auto;
    overflow: hidden
}

.feater-gl-logo1 {
    float: left;
    width: 33.333%;
    padding-top: 25px;
    margin: 0px auto;
    height: 0px
}

.footer-content-1 {
    display: none
}

.footer-app-box {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
    padding: 2rem 0.5rem 1rem 0.5rem
}

@media (min-width: 992px) {
    .footer-content-1 {
        display: block
    }

    .footer-app-box {
        display: none
    }

    .feater-gl-logo1 {
        float: left;
        width: 33.333%;
        padding-top: 25px;
        margin: 0px auto;
        height: 115px
    }
}

.feater-gl-logo2, .feater-gl-logo2 img {
    width: 35px;
    height: 35px;
    margin: 0 auto
}

#m7 a {
    margin-left: 10px
}

.user-bangding {
    width: 6rem;
    margin-top: 3rem
}

.user-bangding img {
    width: 100%
}

.my-iput-style {
    margin-left: -20px
}

.my-style-height {
    height: 30px;
    line-height: 30px
}

.col-xs-6-1 {
    float: left;
    width: 50%
}

.my-style-user {
    height: 30px;
    line-height: 30px;
    padding: 0px 0px
}

@media (min-width: 992px) {
    .pro-row {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 50px
    }

    .my-iput-style {
        margin-left: 0px
    }

    .my-style-height {
        height: 40px;
        line-height: 40px
    }

    .user-bangding {
        width: 15rem;
        margin-top: 3rem
    }

    #m7 a {
        margin-left: 0px
    }

    .product-banner h2 {
        color: #fff;
        padding-top: 133px;
        font-size: 42px;
        text-align: center;
        padding-bottom: 15px
    }

    .product-banner p {
        font-size: 18px
    }

    .product-banner h1 {
        display: block;
        font-size: 120px;
        padding-bottom: 50px;
        font-weight: 100;
        padding-top: 40px
    }

    .pro-title-two {
        font-size: 18px
    }

    .pro-row {
        width: 50%;
        margin: 0 auto;
        padding-bottom: 50px
    }

    .product-demo {
        background-color: #fff;
        height: 653px
    }

    .product-demo-cent {
        width: 830px;
        margin: 0px auto;
        margin-top: 65px
    }

    .product-demo-cent img {
        width: 100%
    }

    .product-update h1 {
        font-size: 120px;
        color: #fff;
        margin-top: 40px
    }

    .pro-demo-row {
        padding-bottom: 30px
    }

    .pro-demo-nav {
        overflow: hidden;
        margin-top: 50px
    }

    .pro-demo-nav1, .pro-demo-nav2, .pro-demo-nav3 {
        float: left;
        width: 33.333%;
        padding-top: 25px;
        margin: 0 auto;
        height: 115px
    }

    .pro-demo-nav1 {
        background-color: #43baed
    }

    .pro-demo-nav2 {
        background-color: #2eace2
    }

    .pro-demo-nav3 {
        background-color: #2ba1d3
    }

    .pro-demo-nav1:hover {
        background-color: #20a3da
    }

    .pro-demo-nav2:hover {
        background-color: #1391c7
    }

    .pro-demo-nav3:hover {
        background-color: #0079ac
    }

    .pro-update-cont-box {
        width: 180px;
        margin: 0 auto;
        color: #fff;
        font-size: 22px
    }

    .pro-update-cont-box img {
        width: 35px
    }

    .pro-update-title2, .pro-update-title3 {
        font-size: 16px;
        margin-top: -5px;
        margin-left: 43px
    }

    .product-log-cont {
        height: 750px
    }

    .product-log-content-box {
        margin-top: 0px
    }

    .product-log-content {
        height: 630px
    }

    .feater-logo {
        margin: 0 auto;
        width: 153px;
        margin-top: 80px;
        height: 80px
    }

    .feater-logo p {
        font-size: 22px;
        color: #fff;
        margin-top: 5px
    }

    .feater-gl-logo {
        width: 190px;
        margin: 0 auto;
        overflow: hidden
    }

    .feater-gl-logo1 {
        float: left;
        width: 33.333%;
        padding-top: 25px;
        margin: 0px auto;
        height: 115px
    }

    .feater-gl-logo2, .feater-gl-logo2 img {
        width: 35px;
        height: 35px;
        margin: 0 auto
    }

    .uadate-content {
        font-size: 15px
    }
}

.dirsir-cont-header h2 {
    font-size: 2rem;
    padding: 1.5rem 0 1.5rem 0
}

.sedac-banner-box {
    margin-top: 60px;
    background-image: url("../images/sedac/banner-bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    margin: 0px auto
}

.sedac-banner-box h1 {
    color: #fff;
    font-size: 1.8rem;
    padding-top: 50px;
    padding-bottom: 50px
}

.weixin-sedac {
    background-color: #fff
}

.hdty-sedac {
    background-color: #fff
}

.weixin-sedac-2 {
    padding-bottom: 100px;
    background-color: #FFF
}

.hdty-cont-sedac, .hdty-cont-sedac img {
    width: 90%;
    margin: 3rem auto
}

.alfx-sedac {
    background-color: #f5f5f5;
    padding-bottom: 50px
}

.my-col {
    margin-bottom: 10px
}

.sedac-img-box {
    width: 96%;
    margin: 3rem auto
}

.sedac-img-box img {
    width: 100%
}

@media (min-width: 992px) {
    .dirsir-cont-header h2 {
        font-size: 3rem;
        padding-bottom: 20px
    }

    .sedac-banner-box h1 {
        color: #fff;
        font-size: 40px;
        padding-top: 100px;
        padding-bottom: 100px
    }

    .weixin-sedac {
        background-color: #fff
    }

    .weixin-sedac-2 {
        padding-bottom: 300px
    }

    .hdty-sedac {
        background-color: #fff
    }

    .hdty-cont-sedac, .hdty-cont-sedac img {
        width: 400px;
        margin: 40px auto
    }

    .my-col {
        margin-bottom: 30px
    }

    .sedac-img-box {
        width: 100%;
        margin: 3rem auto
    }

    .sedac-img-box img {
        width: 100%;
        margin-top: 25px
    }
}

.max-dirsir {
    background-color: #f2f2f2
}

.my-dirsir-bg {
    background-color: #fff
}

.dirsir-my-row {
    margin-top: 0px
}

.dirsir-left-box {
    width: 99%
}

.dirsir-right-box {
    width: 98%
}

.dirsir-right-box img {
    width: 99%
}

.dirsir-cont1, .dirsir-cont2 {
    float: left;
    margin-top: 70px
}

.dirsir-cont1 {
    width: 35%
}

.dirsir-cont1 img {
    width: 280px;
    height: 145px
}

.dirsir-cont2 {
    width: 65%
}

.dirsir-cont-box {
    margin-left: -46px
}

.dirsir-nav {
    border-bottom: 1px solid #e8e8e8;
    width: 530px
}

.dirsir-cont-cont1 {
    width: 74%;
    padding-left: 1rem;
    box-sizing: border-box;
    padding-top: 20px \9
}

.dirsir-cont-img1 img {
    width: 100%
}

@media (min-width: 992px) {
    .dirsir-my-row {
        margin-top: 0px
    }

    .dirsir-nav {
        border-bottom: 1px solid #e8e8e8;
        width: 100%;
        height: 56px
    }

    .dirsir-cont-cont1 {
        width: 62%;
        padding-top: 20px;
        padding-top: 20px \9
    }

    .dirsir-cont-img1 img {
        width: 20rem;
        height: 100%
    }
}

.dirsir-nav-cont {
    overflow: hidden;
    margin-left: -40px
}

.dirsir-nav-cont li {
    float: left;
    margin-left: 20px;
    color: #7a7a7a;
    font-size: 16px
}

.dirsir-nav-cont li:visited {
    color: #0094d3
}

.dirsir-content-box {
    overflow: hidden;
    width: 98%;
    margin: 0 auto;
    border-bottom: 1px solid #e8e8e8
}

.dirsir-cont-cont1, .dirsir-cont-img1 {
    float: left
}

.dirsir-cont-img1 {
    width: 26%
}

.dirsir-cont-cont1 h2 {
    font-size: 1.6rem;
    color: #232323;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 3px
}

.dirsir-cont-cont1 small {
    font-size: 1rem;
    color: #9e9e9e;
    margin-left: 1px
}

.dirsir-cont-cont1 p {
    font-size: 1.3rem;
    color: #474747;
    margin: 0px 1px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.dirsir-nav-right {
    border-bottom: 1px solid #e8e8e8
}

.dirsir-nav-right span {
    font-size: 16px;
    line-height: 55px;
    height: 55px;
    padding-left: 10px
}

.dirsir-new-title span {
    background-color: #ff7814;
    border-radius: 3px;
    padding: 0.1px 5px 0.1px;
    color: #fff;
    font-size: 14px
}

.dirsir-new-cont span {
    line-height: 20px;
    font-size: 14px;
    color: #222222;
    padding-left: 0px
}

.dirsir-new-cont small {
    padding-left: 10px;
    color: #9e9e9e;
    font-size: 13px
}

.dirsir-new-cont, .dirsir-new-title {
    float: left
}

.dirsir-new-title-box {
    overflow: hidden;
    margin-left: -20px
}

.dirsir-new-title {
    width: 15%;
    margin-top: 14px
}

.dirsir-new-cont {
    width: 85%;
    margin-top: 10px;
    text-align: left;
    padding-right: 15px
}

.dirsir-new-cont:last-child {
    padding-bottom: 15px
}

.my-dir-color2 span {
    background-color: #ff9813
}

.my-dir-color3 span {
    background-color: #ffb759
}

.my-dir-color4 span {
    background-color: #bebebe
}

.dirsir-new-cont img {
    width: 16px;
    margin-left: 10px
}

.dirsir-righttop-img {
    border-top: 8px solid #f2f2f2
}

.dirsir-righttop-img img {
    width: 100%
}

.dirsir-img-box {
    width: 100%
}

.dirsir-img-box img {
    width: 85%
}

.dirsir-cont-header {
    border-bottom: 1px solid #e9e8e8;
    margin-bottom: 10px;
    margin-top: 20px
}

.dirsir-content-box {
    width: 93%;
    margin: 0 auto;
    padding-top: 10px
}

.dirsir-content-cont {
    font-size: 1.4rem;
    color: #1d1d1d;
    text-indent: 2em;
    text-indent: 2em \9;
    line-height: 30px;
    line-height: 30px \9;
    font-size: 14px \9
}

.dirsir-cont-img2 {
    width: 468px;
    margin: 0 auto
}

.dirsir-feader-cont {
    border-bottom: 1px solid #e9e8e8
}

.dirsir-feader-right, .dirsir-feader-left {
    float: left;
    margin-top: 30px;
    padding-bottom: 20px;
    color: #575757;
    font-size: 14px
}

.dirsir-feader-left {
    width: 100%
}

.dirsir-feader-right {
    width: 100%;
    display: none
}

@media (min-width: 992px) {
    .dirsir-feader-right {
        width: 100%;
        display: block
    }
}

.dirsir-feader-left strong {
    margin-left: 14px;
    color: #252525
}

.dirsir-cont-header small {
    color: #9b9b9b;
    font-size: 1.4rem
}

.dirsir-cont-header h4 {
    font-size: 1.2rem;
    color: #9b9b9b;
    padding-top: 0px;
    padding-bottom: 10px;
    text-align: left
}

.dirsir-gjc-cont {
    color: #5e5e5e;
    padding-top: 10px
}

.dirsir-cont-img1-1 img {
    width: 100%;
    margin: 0 auto;
    height: 100%
}

.dirsir-cont-img2, .dirsir-cont-img2 img {
    width: 100%
}

.dirsir-right-box {
    display: none
}

.my-dirsir-but {
    float: right;
    color: #e9e8e8
}

.dirsir-lun-left {
    margin-top: 140%;
    width: 10px
}

.dirsir-look-img {
    margin-left: 5px;
    margin-right: 5px;
    width: 1.4rem;
}

.my-dirsir-but {
    float: right;
    color: #585858;
    border-color: #e7e8e8;
    background-color: #fff
}

.my-dirsir-but:hover {
    background-color: #e8e6e6
}

.dirsir-nav-cont li {
    text-align: center
}

.dirsir-nav-cont li a {
    color: #666;
    display: block
}

.dirsir-nav-cont li a:hover {
    color: #30b3eb;
    border-bottom: 1px solid #30b3eb;
    text-decoration: none
}

.dirsir-nav-cont li a.hover {
    color: #30b3eb;
    border-bottom: 1px solid #30b3eb
}

@media (min-width: 992px) {
    .dirsir-content-box {
        padding-top: 0px
    }

    .max-dirsir {
        background-color: #f2f2f2
    }

    .dirsir-right-box img {
        width: 100%
    }

    .dirsir-nav-cont {
        overflow: hidden;
        margin-left: 0px
    }

    .dirsir-cont1, .dirsir-cont2 {
        float: left;
        margin-top: 70px
    }

    .dirsir-cont1 {
        width: 35%
    }

    .dirsir-cont1 img {
        width: 280px;
        height: 145px
    }

    .dirsir-cont2 {
        width: 65%
    }

    .dirsir-cont-box {
        margin-left: -46px
    }

    .dirsir-nav-cont li {
        float: left;
        margin-left: 40px;
        color: #7a7a7a;
        font-size: 16px;
        padding: 16px 0 16px 0
    }

    .dirsir-nav-cont li:first-child {
        margin-left: 0px
    }

    .dirsir-content-box {
        overflow: hidden;
        width: 98%;
        margin: 0 auto;
        border-bottom: 1px solid #e8e8e8
    }

    .dirsir-cont-img1 img {
        width: 100%
    }

    .dirsir-cont-cont1, .dirsir-cont-img1 {
        float: left
    }

    .dirsir-cont-cont1 {
        width: 74%;
        padding-left: 15px
    }

    .dirsir-cont-img1 {
        width: 26%;
        padding 15px 0;
        margin-top: 20px
    }

    .dirsir-cont-cont1 h2 {
        font-size: 24px;
        color: #232323;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 8px
    }

    .dirsir-cont-cont1 small {
        font-size: 13px;
        color: #9e9e9e
    }

    .dirsir-cont-cont1 p {
        font-size: 14px;
        color: #474747;
        margin: 0px 0px 25px;
        text-overflow: clip;
        white-space: normal;
        position: relative;
        height: 6.5em;
        overflow: hidden;
        padding-top: 6px;
        line-height: 21px
    }

    .dirsir-cont-cont1 p::after {
        content: "...";
        font-weight: bold;
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0 20px 1px 45px;
    }

    .dirsir-nav-right {
        border-top: 10px solid #F0F0F0
    }

    .dirsir-nav-right span {
        font-size: 16px;
        line-height: 55px;
        height: 55px;
        padding-left: 10px
    }

    .dirsir-new-title span {
        background-color: #ff7814;
        border-radius: 3px;
        padding: 0.1px 5px 0.1px;
        color: #fff;
        font-size: 12px
    }

    .dirsir-new-cont span {
        line-height: 20px;
        font-size: 14px;
        color: #222222;
        padding-left: 0px;
        text-overflow: clip;
        white-space: normal;
        position: relative;
        height: 1.6em;
        display: block;
        overflow: hidden;
        padding-top: 2px
    }

    .dirsir-new-cont small {
        padding-left: 10px;
        color: #9e9e9e;
        font-size: 13px
    }

    .dirsir-new-cont, .dirsir-new-title {
        float: left
    }

    .dirsir-new-title-box {
        overflow: hidden
    }

    .dirsir-new-title {
        width: 12%;
        margin-top: 14px
    }

    .dirsir-new-cont {
        width: 88%;
        margin-top: 10px;
        text-align: left;
        padding-right: 11px
    }

    .dirsir-new-cont:last-child {
        padding-bottom: 0px
    }

    .my-dir-color2 span {
        background-color: #ff9813
    }

    .my-dir-color3 span {
        background-color: #ffb759
    }

    .my-dir-color4 span {
        background-color: #bebebe
    }

    .dirsir-new-cont img {
        width: 16px;
        margin-left: 10px
    }

    .dirsir-righttop-img {
        border-top: 8px solid #f2f2f2
    }

    .dirsir-righttop-img img {
        width: 100%
    }

    .dirsir-img-box {
        width: 100%
    }

    .dirsir-img-box img {
        width: 100%;
        height: 395px
    }

    .dirsir-lun-left {
        margin-top: 150%;
        width: 20px
    }

    .dirsir-content-box {
        width: 96%
    }

    .dirsir-content-cont {
        font-size: 14px;
        line-height: 30px;
        text-indent: 2em
    }

    .dirsir-cont-img2 {
        width: 468px;
        margin: 0 auto
    }

    .dirsir-feader-left {
        width: 75%;
        margin-top: 40px
    }

    .dirsir-feader-right {
        width: 19%
    }

    .dirsir-feader-right p {
        text-align: center
    }

    .dirsir-cont-header small {
        font-size: 13px;
        padding-top: 20px
    }

    .dirsir-cont-header h4 {
        font-size: 13px
    }

    .dirsir-right-box {
        display: block
    }
}

.partners-bs {
    color: #fff
}

.partners-banner {
    margin-top: 52px;
    background-image: url("../images/partners/banner.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    margin: 0px auto
}

.partners-banner-title h2 {
    font-size: 3rem;
    text-align: center;
    margin-top: 90px
}

.partners-banner-title p {
    text-align: center;
    font-size: 1.2rem
}

.par-banner-xian, .par-banner-xian img {
    width: 95%;
    margin: 0 auto
}

.my-tner-input {
    width: 55%;
    height: 60px
}

.my-par-anniu {
    width: 35%
}

.my-partner-bat {
    background-color: #30b3eb
}

.my-partner-box {
    margin: 0 auto
}

.my-partner-input {
    width: 500px
}

.my-par-anniu {
    font-size: 20px;
    border: 0px solid #CCC;
    padding-bottom: 20px;
    padding-top: 20px
}

.my-par-top {
    margin-top: 200px
}

.par-left-img1-box, .par-left-img2-box, .par-left-img3-box {
    float: left
}

.par-left-img1-box, .par-left-img2-box {
    width: 50%;
    margin-top: 30px
}

.par-left-img1-box {
    margin-top: 60px
}

.par-left-img3-box {
    width: 50%;
    margin-top: -16px
}

.par-hxjz-box h2 {
    text-align: center;
    font-size: 2.2rem
}

.par-hxjz-box p, .par-khjs-box p {
    font-size: 1.2rem;
    text-align: center;
    padding-bottom: 20px
}

.hxjz-cont-box {
    overflow: hidden;
    margin-left: -20px
}

.hxjz-left-box, .hxjz-right-box {
    float: left
}

.hxjz-left-box {
    width: 40%;
    padding-top: 10px
}

.hxjz-right-box {
    width: 60%
}

.hxjz-right-box h3, .hxjz-right-box p {
    text-align: left
}

.hxjz-right-box h3 {
    font-size: 1.8rem;
    color: #333333
}

.hxjz-right-box p {
    font-size: 1.2rem;
    color: #666666;
    padding-top: 12px
}

@media (min-width: 992px) {
    .par-row-box-top {
        margin-top: 50px
    }

    .par-xyhb-box h2 {
        text-align: center;
        font-size: 40px;
        padding-bottom: 60px
    }

    .partners-banner-title h2 {
        font-size: 84px;
        text-align: center;
        margin-top: 160px
    }

    .partners-banner-title p {
        text-align: center;
        font-size: 19px
    }

    .par-banner-xian, .par-banner-xian img {
        width: 560px;
        margin: 0 auto
    }

    .my-tner-input {
        width: 650px;
        height: 60px
    }

    .par-left-img1-box, .par-left-img2-box, .par-left-img3-box {
        float: left
    }

    .par-left-img1-box, .par-left-img2-box {
        width: 30%;
        margin-top: 0px
    }

    .par-left-img1-box {
        margin-top: 60px
    }

    .par-left-img3-box {
        width: 20%;
        margin-top: 150px
    }

    .par-hxjz-box h2 {
        text-align: center;
        font-size: 40px
    }

    .par-hxjz-box h2 {
        font-size: 40px
    }

    .par-hxjz-box p, .par-khjs-box p {
        font-size: 18px;
        text-align: center;
        padding-bottom: 60px
    }

    .hxjz-left-box, .hxjz-right-box {
        float: left
    }

    .hxjz-left-box {
        width: 22%;
        padding-top: 10px
    }

    .hxjz-right-box {
        width: 78%;
        margin-top: 15px
    }

    .hxjz-right-box h3, .hxjz-right-box p {
        text-align: left
    }

    .hxjz-right-box h3 {
        font-size: 20px
    }

    .hxjz-right-box p {
        font-size: 14px
    }
}

.par-xzwm-box {
    background-color: #fff
}

.par-pos-box {
    position: relative
}

.par-img-box {
    overflow: hidden;
    margin-top: 150px
}

.par-img3-box p {
    font-size: 1.2rem;
    text-align: center
}

.par-img3-box h2 {
    margin-top: 70px;
    font-size: 2rem
}

.par-cont1, .par-cont2 {
    width: 100%;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 20px;
    color: #FFF
}

.par-cont3, .par-cont4 {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    width: 100%
}

@media (min-width: 992px) {
    .par-img-box {
        overflow: hidden;
        margin: 80px 0 60px 0
    }

    .par-img3-box p {
        font-size: 14px
    }

    .par-cont1, .par-cont2 {
        font-size: 32px
    }

    .par-cont3, .par-cont4 {
        font-size: 28px
    }
}

.par-left-img1-box img, .par-left-img2-box img, .par-left-img3-box img, .par-left-img4-box img {
    width: 100%
}

.par-cont1 {
    background-color: #30b3eb
}

.par-cont2 {
    background-color: #10bab8
}

.par-cont3 {
    background-color: #eb734e
}

.par-cont4 {
    background-color: #ef44a9
}

.par-img3-box {
    text-align: center
}

.par-hxjz-box {
    background-color: #f5f5f5
}

.par-khjs-box {
    background-color: #fff;
    height: 750px
}

.par-khjs-box h2 {
    text-align: center;
    font-size: 40px
}

.cs_image_all {
    margin: 0 auto;
    overflow: hidden;
    position: absolute
}

.cs_image_list {
    float: left;
    margin: 0px;
    position: relative;
    width: 31.5%
}

.cs_content_image {
    width: 353px;
    height: 353px
}

.ewm_img {
    height: 353px;
    width: 353px;
    position: absolute;
    top: -360px;
    background: rgba(0, 0, 0, 0.8);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s
}

.ewm_img img {
    margin-top: 130px;
    margin-left: 110px
}

.ewm_img p {
    font-size: 24px;
    color: #fff;
    margin-top: 30px
}

.ewm_img.active {
    bottom: 0;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s
}

.cs_image_list h3 {
    text-align: left
}

.par-xyhb-box1 {
    background-color: #f5f5f5;
    padding-bottom: 30px
}

@media (min-width: 992px) {
    .par-xyhb-box1 {
        padding-bottom: 60px
    }
}

.xyhb-cont-box {
    overflow: hiden
}

.xycont-box {
    overflow: hidden
}

.xyhb-left-box, .xyhb-right-box {
    float: left;
    margin-top: 20px
}

.xyhb-left-box img {
    width: 100%
}

.xyhb-left-box {
    width: 46%;
    padding-top: 10px
}

.xyhb-right-box {
    width: 48%;
    margin-top: 30px;
    margin-left: 10px
}

.xyhb-right-box h3, .xyhb-right-box p {
    text-align: left
}

.xyhb-right-box h3 {
    font-size: 1.6rem;
    color: #333333
}

.xyhb-right-box p {
    font-size: 1.2rem;
    color: #666666;
    padding-top: 12px;
    line-height: 20px
}

.par-left-input, .par-right-but {
    float: left;
    height: 40px
}

.par-left-input {
    width: 70%;
    border-radius: 10px 0px 0px 10px;
    background-color: #fff
}

.par-right-but {
    width: 30%;
    background-color: #30b3eb;
    border-radius: 0px 8px 8px 0px;
    font-size: 1.3rem;
    line-height: 25px;
    text-align: center
}

.my-par-input {
    height: 100%;
    font-size: 1.3rem;
    padding-left: 15px;
    border: none;
    border-radius: 8px 0px 0px 8px
}

.my-par-btn {
    background-color: #30b3eb;
    width: 100%;
    height: 90%;
    border: none
}

.my-par-btn:hover {
    background-color: #5bc0de
}

.btn-primary:focus, .btn-primary.focus {
    color: #FFF;
    background-color: #0d91ca
}

.btn-primary:hover, .btn-primary.hover {
    color: #FFF;
    background-color: #0d91ca;
    border: 1px solid #0d91ca
}

@media (min-width: 992px) {
    .xyhb-right-box p {
        padding-top: 16px
    }

    .my-par-input {
        height: 100%;
        font-size: 20px;
        line-height: 60px
    }

    .par-img3-box h2 {
        margin-top: 50px;
        font-size: 30px
    }

    .xyhb-right-box {
        margin-top: 40px;
        margin-left: 30px
    }

    .xyhb-right-box h3 {
        font-size: 28px;
        padding-top: 20px
    }

    .xyhb-right-box p {
        font-size: 14px;
        line-height: 20px
    }

    .par-left-input, .par-right-but {
        height: 60px
    }

    .par-left-input {
        width: 80%
    }

    .par-right-but {
        width: 20%;
        font-size: 21px
    }
}

.cd-container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto
}

.cd-container::after {
    content: '';
    display: table;
    clear: both
}

.nian-pos {
    position: absolute;
    left: 40px;
    top: 6px;
    font-size: 1.5rem
}

#cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
    overflow: hidden
}

#cd-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 1px;
    background: #d7e4ed
}

@media only screen and (min-width: 1170px) {
    #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
        overflow: hidden
    }

    #cd-timeline::before {
        left: 50%;
        margin-left: -2px
    }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0
}

.cd-timeline-block:after {
    content: "";
    display: table;
    clear: both
}

.cd-timeline-block:first-child {
    margin-top: 0
}

.cd-timeline-block:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-block {
        margin: -4em 0
    }

    .cd-timeline-block:first-child {
        margin-top: 0
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0
    }
}

.cd-timeline-img {
    position: absolute;
    top: 18px;
    left: 14px;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.cd-timeline-img img {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 0%;
    margin-left: -12px;
    margin-top: -12px
}

.cd-timeline-img.cd-picture {
    background: #fff
}

.cd-timeline-img.cd-movie {
    background: #fff
}

.cd-timeline-img.cd-location {
    background: #fff
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-img img {
        display: block;
        width: 24px;
        height: 24px;
        position: relative;
        left: 50%;
        top: 460%;
        margin-left: -12px;
        margin-top: -12px
    }

    .cd-timeline-img.cd-movie {
        background: #FFF none repeat scroll 0% 0%
    }

    .nian-pos {
        position: absolute;
        left: 400px;
        top: 50px;
        font-size: 30px
    }

    .cd-timeline-img {
        width: 10px;
        height: 10px;
        left: 50%;
        margin-left: -6px;
        margin-top: 10px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden
    }

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: #30b3eb;
    border-radius: 0.5em;
    padding: 1em
}

.cd-timeline-content:after {
    content: "";
    display: table;
    clear: both
}

.cd-timeline-content h2 {
    color: #303e49
}

.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 13px;
    font-size: 0.8125rem
}

.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    display: inline-block
}

.cd-timeline-content p {
    margin: 1em 0;
    line-height: 1.6
}

.cd-timeline-content .cd-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: #30b3eb;
    border-radius: 0.25em
}

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb
}

a.cd-read-more:hover {
    text-decoration: none;
    background-color: #424242
}

.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #30b3eb
}

@media only screen and (min-width: 768px) {
    .cd-timeline-content h2 {
        font-size: 20px;
        font-size: 1.25rem
    }

    .cd-timeline-content p {
        font-size: 16px;
        font-size: 1rem
    }

    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        font-size: 14px;
        font-size: 0.875rem
    }
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%
    }

    .cd-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: #30b3eb
    }

    .cd-timeline-content .cd-read-more {
        float: left
    }

    .cd-timeline-content .cd-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px;
        font-size: 16px;
        font-size: 1rem
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: #30b3eb
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
        float: right
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right
    }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s
    }
}

@media only screen and (min-width: 1170px) {
    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        -moz-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s
    }

    .cd-timeline-block {
        position: relative
    }
}

.pro-xieyi-box {
    height: 400px
}

.pro-my-tk1 {
    overflow-y: scroll;
    overflow-x: hidden
}

.pro-xieyi-box p {
    font-size: 1.2rem;
    color: #6e6d6d;
    margin-top: 10px;
    line-height: 20px;
    text-indent: 2em
}

.pro-xieyi-box span {
    text-indent: 2em;
    display: block
}

.pro-xieyi-box h4 {
    font-size: 1.4rem;
    text-align: left;
    line-height: 20px;
    text-indent: 2em
}

@media (min-width: 992px) {
    .pro-xieyi-box {
        height: 380px
    }

    .pro-xieyi-box p {
        font-size: 12px;
        line-height: 20px
    }

    .pro-xieyi-box h4 {
        font-size: 14px;
        line-height: 20px
    }
}

.izl-rmenu {
    position: fixed;
    right: 10px;
    bottom: 150px;
    padding-bottom: 10px;
    background: url("../images/r_b.png") 0px bottom no-repeat;
    z-index: 1700
}

.izl-rmenu .btn1 {
    width: 55px;
    height: 55px;
    margin-bottom: 1px;
    cursor: pointer;
    position: relative;
    display: none;
    border-radius: 100%
}

.izl-rmenu .btn-qq {
    background: url("../images/r_qq.png") no-repeat;
    background-size: 62px 63px
}

.izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited {
    background: url("../images/r_qq.png") no-repeat;
    background-size: 62px 63px;
    text-decoration: none;
    display: none
}

.izl-rmenu .btn-wx {
    background: url("../images/r_wx.png") no-repeat;
    background-size: 62px 63px
}

.izl-rmenu .btn-wx .pic {
    position: absolute;
    left: -160px;
    top: 0px;
    display: none;
    width: 160px;
    height: 160px
}

.izl-rmenu .btn-phone {
    background: url("../images/r_phone.png") no-repeat;
    background-size: 62px 63px
}

.izl-rmenu .btn-phone .phone {
    background-color: #30b3eb;
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 63px;
    color: #FFF;
    font-size: 16px;
    text-align: center;
    display: none
}

.izl-rmenu .btn-top {
    background: url("../images/r_top.png") no-repeat;
    background-size: 62px 63px
}

@media (min-width: 992px) {
    .izl-rmenu .btn1 {
        width: 62px;
        height: 63px;
        margin-bottom: 1px;
        cursor: pointer;
        position: relative;
        display: block;
        border-radius: 0%
    }

    .izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited {
        background: url("../images/r_qq.png") no-repeat;
        background-size: 62px 63px;
        text-decoration: none;
        display: block
    }

    .izl-rmenu .btn-top {
        background-size: 62px 63px
    }

    .izl-rmenu .btn-top:hover {
        background-color: rgba(68, 68, 68, 0.8)
    }
}

@media (min-width: 992px) {
    .modal-header h4 {
        font-size: 28px
    }

    .modal-header span {
        font-size: 14px
    }

    .my-control-label {
        font-size: 17px
    }

    .my-form-control {
        height: 40px
    }

    .my-form-group {
        margin-bottom: 40px
    }

    .col-sm-10 span {
        font-size: 14px
    }

    .my-but-left, .my-but-right {
        float: left;
        width: 46%;
        margin-left: 20px
    }

    .my-but-box {
        width: 80%;
        margin-top: 0px
    }
}

.modal-header span {
    color: #4c4c4c;
    font-size: 1.4rem
}

.my-control-label {
    font-size: 1.6rem;
    color: #454545;
    font-weight: 100
}

.my-form-control {
    height: 40px;
    width: 100%;
    border-radius: 0;
    padding: 10px
}

.col-sm-10 span {
    color: #6e6d6d;
    font-size: 1.2rem
}

.my-form-group {
    margin-bottom: 20px
}

.my-but-left, .my-but-right {
    float: left;
    width: 40%;
    margin-left: 18px
}

.my-but-box {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    margin-left: 0px
}

@media (min-width: 992px) {
    .my-but-box {
        margin-left: 30px
    }
}

.my-btn-info {
    background-color: #c4c4c4;
    border-color: #c4c4c4
}

.my-btn-info:hover {
    background-color: #bbbbbb;
    border-color: #bbbbbb
}

}
.user-time-color a {
    color: #30b3eb
}

#topic_content img {
    width: 100%
}

.nav-zcd-1 h3 {
    font-size: 1.3rem
}

.nav-zcd-1 span {
    font-size: 1rem
}

@media (min-width: 992px) {
    .nav-zcd-1 h3 {
        font-size: 22px
    }

    .nav-zcd-1 span {
        font-size: 16px
    }

    .submnu {
        position: absolute;
        z-index: 6;
        background-color: rgba(0, 0, 0, 0.7);
        display: none;
        left: 0;
        right: 0
    }

    @media \0screen\,screen\9 {
        .submnu {
            background-color: #7a7a7a;
            filter: Alpha(opacity=70);
            *zoom: 1
        }
    }.head .nav .menu .imenu a:hover {
         background: #3e99ee;
         color: #FFF
     }

    .head .nav .menu .imenu_on {
        background: #3e99ee
    }

    .head .nav .menu .imenu_on a {
        color: #FFF
    }

    .header-xl-con {
        margin: 0 auto;
        margin-left: 0px;
        overflow: hidden;
        padding-top: 5rem \9;
        padding-bottom: 5rem \9
    }
}

.canvas1 .items {
    margin-left: -20px
}

.canvas1 .items-li img {
    width: 100%
}

.canvas1 .items-li {
    margin-top: 5rem
}

.canvas1 .items-li .title a {
    color: #454545;
    font-size: 1.8rem
}

.canvas1 .items-li .description {
    display: block;
    font-size: 1.2rem;
    color: #4d4d4d;
    text-align: left;
    margin-top: 10px
}

.canvas1 .items-li .wrap_div p {
    height: 20px;
    overflow: hidden;
    text-align: center;
    font-size: 1.2rem;
    color: #30B3EB
}

.ser-detail-title {
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    margin: 0px auto;
    padding-left: 1.5rem
}

.ser-detail-title a {
    color: #7a7a7a
}

.bs-example-modal-sm img {
    position: absolute;
    width: 150px;
    height: auto;
    position: absolute;
    top: 100px;
    left: 80px;
    opacity: 1;
    overflow: visible
}

@media (min-width: 992px) {
    .canvas1 .items {
        margin-left: 0px
    }

    .canvas1 {
        width: 1170px;
        margin: 0 auto;
        margin-top: 10px;
        overflow: hidden
    }

    .cover-page-index .boutique .items {
        float: left
    }

    .canvas1 .items-li {
        float: left;
        width: 30%;
        margin-left: 30px;
        margin-bottom: 11px;
        padding-bottom: 10px;
        background-color: #fff;
        box-sizing: border-box;
        margin-top: 50px;
        margin-bottom: 50px
    }

    .canvas1 .items-li:first-child {
        margin-left: 0px
    }

    .canvas1 h3 {
        text-align: left;
        font-size: 36px;
        margin: 36px 0
    }

    .canvas1 .more-services {
        float: right;
        margin: 36px 0
    }

    .canvas1 .active {
        box-shadow: 0 0 10px rgba(0, 0, 0, .2)
    }

    .canvas1 .items-li .wrap_div {
        height: 120px;
        position: relative;
        z-index: 2;
        background: white
    }

    .canvas1 .items-li .wrap_div p {
        height: 20px;
        overflow: hidden;
        text-align: center;
        font-size: 12px;
        color: #30b3eb
    }

    .canvas1 .items-li .wrap_div div {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 100;
        width: 100%;
        background: white
    }

    .canvas1 .items-li .wrap_div p {
        text-align: center;
        margin-top: 5px;
        height: 0px;
        overflow: hidden;
        _line-height: 0
    }

    .canvas1 .items-li > a {
        display: block;
        width: 100%;
        text-align: center;
        line-height: 290px
    }

    .canvas1 .items-li img {
        max-width: 100%
    }

    .canvas1 .items-li .title {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 5px;
        font-weight: normal;
        line-height: 22px;
        text-align: center
    }

    .canvas1 .items-li .title a {
        color: #454545;
        font-size: 28px
    }

    .canvas1 .items-li .title a:hover {
        color: #30b3eb
    }

    .canvas1 .items-li .description {
        display: block;
        font-size: 14px;
        color: #6c6c6c;
        text-align: left;
        margin-top: 10px
    }

    .canvas1 .items-li .description a {
        color: #4d4d4d
    }

    .canvas1 .items-li .price-attente {
        margin-top: 5px
    }

    .canvas1 .items-li .price-attente .price {
        float: left;
        margin-left: 60px;
        font-size: 12px;
        color: #ef353d
    }

    .canvas1 .items-li .price-attente .attente {
        float: right;
        margin-right: 60px;
        padding-left: 15px;
        font-size: 12px;
        color: #71cd9c;
        background-image: url("../images/cover-page-attente.png");
        background-repeat: no-repeat;
        background-position: left center;
        cursor: pointer
    }

    .bs-example-modal-sm img {
        position: absolute;
        width: 330px;
        height: auto;
        position: absolute;
        top: 306px;
        left: 754px;
        opacity: 1;
        overflow: visible
    }

    .new-add-cont {
        padding: 1rem;
        margin-top: 1rem
    }

    .modal-header1 {
        min-height: 16.4286px;
        padding: 15px
    }

    .ser-detail-title {
        height: 50px;
        line-height: 50px;
        font-size: 13px;
        margin: 0px auto;
        padding-left: 1.5rem
    }

    .ser-detail-title a {
        color: #666
    }
}

.my-steps {
    margin-top: 20px
}

.new-add-cont {
    padding: 1rem;
    margin-top: 1rem
}

.my-steps-box {
    max-width: 640px;
    margin: 30px auto 0px;
    overflow: hidden;
    padding-bottom: 30px
}

.my-steps-demo-box {
    position: relative
}

.demo-img-bg {
    position: absolute;
    margin-top: 0px
}

.demo-img-bg img {
    width: 100%
}

.my-demo-img {
    margin-top: 12px
}

.my-demo-img img {
    width: 100%
}

.weixin-sedac-1 {
    background-color: #f5f4f4
}

.slideBox {
    position: relative;
    margin-top: 30px
}

.slideBox .hd {
    margin: 20px auto;
    max-width: 640px;
    padding-bottom: 50px
}

.slideBox .hd ul {
    zoom: 1;
    float: left;
    width: 100%;
    margin-left: -20px
}

.slideBox .hd ul li {
    float: left;
    margin-right: 2px;
    width: 32%;
    text-align: center;
    font-size: 1.6rem
}

.slideBox .hd ul li a {
    color: #747474
}

.slideBox .hd ul li a.on {
    border-bottom: 1px solid #30b3eb;
    color: #30b3eb;
    font-size: 1.6rem;
    padding-bottom: 5px
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
    margin-left: -25px
}

.slideBox .bd img {
    width: 100%;
    display: block
}

.pc-new-box {
    background-color: #f5f4f4
}

@media (min-width: 992px) {
    .my-demo-img {
        margin-top: 44px
    }

    .my-steps-box {
        max-width: 1170px;
        margin: 65px auto 0px;
        overflow: hidden;
        padding-bottom: 90px
    }

    .my-steps {
        margin-top: 50px
    }

    .my-steps img {
        width: 230px
    }

    .slideBox {
        margin-top: 60px
    }

    .slideBox .hd {
        margin: 60px auto;
        width: 860px;
        padding-bottom: 50px
    }

    .slideBox .bd li {
        zoom: 1;
        vertical-align: middle;
        margin-left: 0px
    }

    .slideBox .hd ul li {
        float: left;
        margin-right: 2px;
        width: 32%;
        text-align: center;
        font-size: 22px
    }

    .slideBox .hd ul li a.on {
        border-bottom: 2px solid #30b3eb;
        color: #30b3eb;
        font-size: 22px;
        padding-bottom: 10px
    }

    .slideBox .hd ul {
        zoom: 1;
        float: left;
        width: 100%;
        margin-left: 0px
    }
}

#pageshow a, #pageshow span {
    margin-left: 0.2rem;
    padding: 2px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 25px;
    float: left;
    display: block
}

#pageshow span.current {
    background: #30b3eb;
    border: 1px soild #30b3eb;
    color: #fff
}

.new-page-box div {
    width: 250px;
    margin: 0 auto;
    overflow: hidden
}

.new-page-box {
    overflow: hidden;
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media (min-width: 992px) {
    .new-page-box {
    }
}

* {
    box-sizing: border-box
}

.ect-radio input[type=radio], .ect-checkbox input[type=checkbox] {
    display: none
}

.ect-radio label, .ect-checkbox label {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.42857;
    color: #333
}

.ect-radio label i, .ect-checkbox label i {
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.3em;
    display: block;
    float: left;
    margin-top: 0.1em;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0);
    border: 2px solid #bbb
}

.ect-checkbox label i {
    border-radius: 4px !important;
    margin-top: 2px
}

.ect-radio input:checked + label i, .ect-checkbox input:checked + label i {
    margin-top: 2px;
    color: #F00;
    background: url("../images/radio.png") center center #30B3EB no-repeat;
    background-size: 80%;
    border: none
}

.ect-radio input:disabled + label i, .ect-checkbox input:disabled + label i {
    background: #fff;
    border: 2px solid #e8e8e8
}

.ect-radio input.disabled:disabled + label i, .ect-checkbox input.disabled:disabled + label i {
    background: url("../images/radio.png") center center #e8e8e8 no-repeat;
    border: none;
    background-size: 80%
}

}
.banner-contont-box {
    width: 80%;
    height: 73px;
    margin: 0 auto
}

.banner-contont-box img {
    width: 100%
}

@media (min-width: 992px) {
    .banner-contont-box {
        width: 836px;
        height: 73px;
        margin: 0 auto
    }

    .banner-contont-box img {
        width: 100%
    }

    .an-tr-2-5 {
        -moz-transition: 2.5s ease;
        -o-transition: 2.5s ease;
        -webkit-transition: 2.5s ease
    }

    .index-num {
        width: 40px;
        height: 54px;
        display: inline-block;
        background: url("../images/index/number-min.png") no-repeat;
        dispaly: none;
        margin-top: 10px;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .index-num.active {
        width: 40px;
        height: 54px;
        display: inline-block;
        background: url("../images/index/number-min.png") no-repeat;
        background-position: 2px 0;
        opacity: 0;
        filter: alpha(opacity=0);
        display: block
    }

    .index-num-0 {
        background-position: 2px 0
    }

    .index-num-1 {
        background-position: 2px -66px
    }

    .index-num-2 {
        background-position: 2px -133px
    }

    .index-num-3 {
        background-position: 2px -198px
    }

    .index-num-4 {
        background-position: 2px -265px
    }

    .index-num-5 {
        background-position: 2px -332px
    }

    .index-num-6 {
        background-position: 2px -399px
    }

    .index-num-7 {
        background-position: 2px -466px
    }

    .index-num-8 {
        background-position: 2px -533px
    }

    .index-num-9 {
        background-position: 2px -600px
    }
}

.update-before:before, .update-before before {
    content: "";
    position: absolute;
    top: 20px;
    bottom: 0px;
    width: 1px;
    left: 603px;
    background: #eeeeee none repeat scroll 100% 100%
}

.update-yuan {
    top: 25px;
    right: 601.8px
}

.update-left-pos {
    margin-left: 32px
}

.update-right-pos {
    margin-left: 644px
}

.p-a {
    position: absolute;
    #position: absolute;
    _position: absolute
}

.p-r {
    position: relative;
    #position: relative;
    _position: relative
}

.p-f {
    position: fixed;
    #position: fixed;
    _position: fixed
}

.text-c {
    text-align: center;
    display: block
}

.text-r {
    text-align: right;
    display: block
}

.text-l {
    text-align: left;
    display: block
}

.db {
    display: block
}

.di {
    display: inline-block
}

.b-col-ls {
    background: #30b3eb
}

.ect-w8-5 {
    width: 85%
}

.ect-w1-5 {
    width: 15%
}

.l-bor {
    border-right: 1px solid #e6e6e6
}

.oh {
    overflow: hidden
}

.fl {
    float: left
}

.fr {
    float: right
}

.n-left-pos {
    margin-left: -27px
}

.update-before:before, .update-before before {
    left: 30px
}

.update-right-pos {
    margin-left: 30px
}

.update-yuan {
    left: 13px
}

.update-jt-a {
    left: 25px;
    top: 17px
}

.update-jt-b {
    left: 25px;
    top: 17px;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.update-box {
    border-radius: 8px;
    width: 80%;
    padding-top: 30px;
    padding-left: 20px;
    padding-bottom: 30px;
    margin-top: 50px
}

.update-time {
    margin-left: 486px;
    z-index: 500;
    display: none
}

.update-img8 {
    margin-left: 6px
}

@media (min-width: 992px) {
    .padding-0-02 {
        padding: 0 25px
    }

    .margin-t4 {
        margin-top: 40px
    }

    .update-jt-b {
        left: 542px;
        top: 20px;
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .update-jt-a {
        top: 20px;
        left: 635px
    }

    .update-img8 {
        margin-left: 580px;
        margin-top: -55px
    }

    .cont-box1210 {
        width: 1210px;
        margin: 0 auto
    }

    .margin-t3 {
        margin-top: 30px
    }

    .f-14 {
        font-size: 14px
    }

    .f-16 {
        font-size: 16px
    }

    .f-20 {
        font-size: 20px
    }

    .f-22 {
        font-size: 22px
    }

    .f-24 {
        font-size: 24px
    }

    .col-f {
        color: #fff
    }

    .

left1(left:

50px

;
) .left1.active {
      left: 100px
  }

    .upadte-banner {
        background-image: url("../images/update-banner.jpg");
        height: 759px
    }

    .upadte-banner1 {
        left: 530px;
        top: 360px
    }

    .upadte-banner2 {
        left: 400px;
        top: 304px
    }

    .upadte-banner3 {
        left: 472px;
        top: 200px
    }

    .upadte-banner4 {
        right: 400px;
        top: 304px
    }

    .upadte-cate-box {
        top: 790px;
        left: 0
    }

    .update-before:before, .update-before before {
        content: "";
        position: absolute;
        top: 20px;
        bottom: 0px;
        width: 1px;
        left: 603px;
        background: #eeeeee none repeat scroll 100% 100%
    }

    .update-img5 {
        margin-top: 50px;
        margin-left: 24px;
        z-index: 500
    }

    .update-img7 {
        margin-left: 24px;
        margin-top: 20px
    }

    .update-time {
        margin-left: 486px;
        z-index: 500;
        display: block
    }

    .update-yuan {
        top: 25px;
        left: 586px
    }

    .update-box {
        border-radius: 8px;
        width: 513px;
        padding-top: 30px;
        padding-left: 20px;
        padding-bottom: 30px;
        margin-top: 50px;
        margin-bottom: 50px
    }

    .update-left-pos {
        margin-left: 32px
    }

    .update-right-pos {
        margin-left: 644px
    }

    .update-sjx {
        top: 20px;
        right: 636px
    }

    .update-sjx-1 {
        top: 20px;
        right: 564px
    }

    .update-headr {
        width: 80px;
        height: 80px;
        margin-left: 560px;
        margin-top: -5px;
        margin-top: -3px \9
    }

    .update-xian {
        top: 60px
    }

    .update-cont-box {
        line-height: 26px
    }

    .up-tit {
        margin-left: -85px
    }

    .up-left {
        margin-left: 166px
    }

    .addr-cont-box {
        z-index: 1;
        height: 552px
    }

    .addr-cont-box.active {
        display: none;
        opacity: 0;
        filter: alpha(opacity=0);
        moz-transition: 1s ease;
        -o-transition: 1s ease;
        -webkit-transition: 1s ease
    }

    .addr-cont-box li {
        height: 552px
    }

    .addr-title {
        line-height: 30px;
        max-width: 605px;
        text-align: left
    }

    .add-iphone {
        padding: 40px 40px 0px 40px
    }

    .add-iphone1 {
        padding: 80px 40px 40px 40px
    }

    .addr-cont2 p {
        margin-left: 20px;
        padding: 10.4px 0
    }

    .addr-left-bg {
        background-color: #000 \9;
        position: static;
        background: rgba(0, 0, 0, 0.8) !important;
        filter: alpha(opacity=50)
    }

    .addr-left-cont {
        margin-top: 107px;
        margin-right: 130px
    }

    .addr-right-float {
        padding: 10px;
        position: fixed;
        right: -75px;
        top: 50%;
        font-size: 16px;
        opacity: 0;
        filter: alpha(opacity=0);
        moz-transition: 1s ease;
        -o-transition: 1s ease;
        -webkit-transition: 1s ease
    }

    .addr-right-float.active {
        right: 0;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .addr-right-jt {
        left: -18px;
        top: 0
    }
}

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html {
    -webkit-font-smoothing: antialiased
}

@font-face {
    font-family: 'webfont';
    src: url("../../at.alicdn.com/t/e3tcrgldr7knvcxr.eot");
    src: url("../../at.alicdn.com/t/e3tcrgldr7knvcxr.eot-#iefix") format('embedded-opentype'), url("../../at.alicdn.com/t/e3tcrgldr7knvcxr.woff") format('woff'), url("../../at.alicdn.com/t/e3tcrgldr7knvcxr.ttf") format('truetype'), url("../../at.alicdn.com/t/e3tcrgldr7knvcxr.svg#NotoSansHans-DemiLight") format('svg')
}

.my-login-bg {
    background-color: #fff
}

.my-navbar {
    background-color: #fff
}

a {
    text-decoration: none
}

a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

a:active {
    text-decoration: none
}

ol, ul, li {
    list-style: none
}

h1 {
    font-size: 2.5rem;
    text-align: center;
    color: #333333
}

h4 {
    text-align: center;
    margin-top: 1.25rem
}

h5 {
    text-align: center;
    margin-top: 30px;
    font-size: 16px
}

@media only screen and (max-width: 310px) and (min-width: 300px) {
    html {
        font-size: 8.33333px
    }

    .viewport {
        max-width: 300px
    }
}

@media only screen and (max-width: 320px) and (min-width: 310px) {
    html {
        font-size: 8.333px
    }

    .viewport {
        max-width: 320px
    }
}

@media only screen and (max-width: 360px) and (min-width: 320px) {
    html {
        font-size: 9px
    }

    .viewport {
        max-width: 360px
    }
}

@media only screen and (max-width: 360px) and (min-width: 350px) {
    html {
        font-size: 10px
    }

    .viewport {
        max-width: 360px
    }
}

@media only screen and (max-width: 480px) and (min-width: 360px) {
    html {
        font-size: 10px
    }

    .viewport {
        max-width: 480px
    }
}

@media only screen and (max-width: 480px) and (min-width: 470px) {
    html {
        font-size: 10.5px
    }

    .viewport {
        max-width: 480px
    }
}

@media only screen and (max-width: 500px) and (min-width: 440px) {
    html {
        font-size: 11px
    }

    .viewport {
        max-width: 520px
    }
}

@media only screen and (max-width: 560px) and (min-width: 480px) {
    html {
        font-size: 11.33333px
    }

    .viewport {
        max-width: 560px
    }
}

@media only screen and (max-width: 570px) and (min-width: 560px) {
    html {
        font-size: 12px
    }

    .viewport {
        max-width: 570px
    }
}

@media only screen and (max-width: 640px) and (min-width: 570px) {
    html {
        font-size: 12.5px
    }

    .viewport {
        max-width: 640px
    }
}

@media only screen and (max-width: 640px) and (min-width: 630px) {
    html {
        font-size: 13px
    }

    .viewport {
        max-width: 640px
    }
}

@media only screen and (max-width: 710px) and (min-width: 640px) {
    html {
        font-size: 13.5px
    }

    .viewport {
        max-width: 710px
    }
}

.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 0px;
    margin-bottom: 0px;
    font-weight: normal;
    cursor: pointer
}

h3 {
    text-align: center;
    font-size: 1.4rem
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 0px
}

.bg-com {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    /*background-size: cover*/
    /* 修复高清模糊：改用 contain 或固定尺寸 */
    background-size: 1920px auto; /* 最清晰！固定宽度不拉伸 */
    background-position: center top;
}

.shool-new-bottom-cont {
    background: rgba(0, 0, 0, 0.5);
    height: 3.5rem;
    width: 100%;
    position: absolute;
    bottom: 0
}

.shool-new-bottom-box {
    position: relative
}

.shool-new-bottom-cont h2 {
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 3.5rem;
    padding-left: 1.5rem
}

@media (min-width: 992px) {
    .shool-new-bottom-cont {
        height: 55px
    }

    .shool-new-bottom-cont h2 {
        font-size: 20px;
        line-height: 55px;
        padding-left: 18px
    }
}

.pageGro div, .pageGro div ul li {
    font-size: 12px;
    color: #999;
    line-height: 23px;
    float: left
}

.pageGro div ul li {
    width: 3rem;
    left: 3rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    cursor: pointer;
    margin-left: 3px;
    background: #fff;
    border: 1px solid #dfdfdf;
    position: absolute
}

.pageGro div ul li:hover {
    background: #30B3EB;
    color: #fff
}

.pageList {
    width: 20%
}

.pageGro div ul li.on {
    color: #fff;
    background: #3c90d9;
    border: 1px solid #3c90d9
}

.pageGro .pageUp, .pageGro .pageDown {
    cursor: pointer
}

.pageUp, .pageDown {
    width: 20%
}

.pageGro .pageUp {
    background: #fff;
    text-align: center;
    width: 3rem;
    height: 3rem;
    border: 1px solid #dfdfdf
}

.pageGro {
    width: 280px;
    padding: 20px 0 20px 0
}

.pageGro .pageDown {
    background: #fff;
    text-align: center;
    width: 3rem;
    height: 3rem;
    border: 1px solid #dfdfdf
}

.pageGro {
    width: 18rem;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    left: 4rem
}

@media (min-width: 992px) {
    .col-sm-10 {
        padding-left: 0px
    }

    .pageGro {
        width: 90%;
        margin: 0px auto;
        overflow: hidden
    }

    .pageGro {
        max-width: 180px;
        padding: 20px 0 20px 0;
        position: relative;
        left: 5rem
    }
}

.pull-right-auto {
    float: right;
    font-size: 1.8rem;
    color: rgb(204, 204, 204);
    padding-right: 0.5rem;
    cursor: pointer
}

.modal-dialog {
    width: 98%;
    margin: 30px auto
}

.modal-dialog-1 {
    width: 98%;
    margin: 30px auto
}

@media (min-width: 992px) {
    .modal-dialog {
        width: 600px;
        margin: 250px auto
    }

    .modal-dialog-1 {
        width: 800px;
        margin: 150px auto
    }
}

.index-cont10 {
    font-size: 1.2rem;
    font-size: 12px \9;
    display: block;
    padding-bottom: 0.5rem
}

.input-group-addon {
    background-color: #fff;
    border: 1px solid #ccc
}

.nav-zcd-1 a:hover:none

;
.par-pos-box {
    position: relative
}

.par-right-content-box {
    position: absolute;
    width: 95%;
    top: 0px;
    right: 10px
}

.par-right-content-box p {
    padding-top: 15px;
    padding-bottom: 15px
}

@media (min-width: 992px) {
    .index-cont10 {
        padding-bottom: 1rem
    }

    .par-right-content-box {
        position: absolute;
        width: 35%;
        right: 30px;
        top: 60px
    }
}

.partners-lun-left1 {
    width: 30px;
    margin-left: 311%;
    margin-top: 18%;
    display: none
}

.partners-lun-right1 {
    width: 30px;
    margin-left: -228%;
    margin-top: 18%;
    display: none
}

.partners-lun-left, .sedac1-lun-left {
    width: 30px;
    margin-left: 312%;
    margin-top: 20%;
    display: none
}

.partners-lun-right, .sedac1-lun-right {
    width: 30px;
    margin-left: -228%;
    margin-top: 20%;
    display: none
}

.dirsir1-lun-left {
    width: 30px;
    margin-left: 311%;
    margin-top: -32%;
    display: none
}

.dirsir1-lun-right {
    width: 30px;
    margin-left: -228%;
    margin-top: -32%;
    display: none
}

.dirsir1a-lun-left {
    width: 30px;
    margin-left: 311%;
    margin-top: -46%;
    display: none
}

.dirsir1a-lun-right {
    width: 30px;
    margin-left: -228%;
    margin-top: -46%;
    display: none
}

.dirsir12-lun-left {
    width: 30px;
    margin-left: 311%;
    margin-top: -40%;
    display: none
}

.dirsir12-lun-right {
    width: 30px;
    margin-left: -228%;
    margin-top: -40%;
    display: none
}

.anli-lun-left {
    width: 30px;
    margin-top: 300%;
    margin-left: 371%;
    display: none
}

.anli-lun-right {
    width: 30px;
    margin-top: 300%;
    margin-left: -171%;
    display: none
}

.dirsir1z-lun-left {
    margin-left: 0%;
    margin-top: 190%
}

.dirsir1z-lun-right {
    margin-left: -20%;
    margin-top: 190%
}

.my-new-left img {
    width: 3rem;
    margin-left: -48%
}

.my-new-right img {
    width: 3rem;
    margin-right: -68%
}

.vido-img-box {
    width: 92.8%;
    margin-left: 1.48rem
}

@media (min-width: 992px) {
    .dirsir1z-lun-left {
        margin-left: -66%;
        margin-top: 190%
    }

    .dirsir1z-lun-right {
        margin-left: 61%;
        margin-top: 190%
    }

    .my-new-left img {
        width: 64px;
        margin-left: -59%
    }

    .my-new-right img {
        width: 64px;
        margin-right: 68%
    }

    .vido-img-box {
        width: 92.1%;
        margin-left: 48px
    }
}

.index-hyzx-box-header h2 {
    text-align: center;
    font-size: 2rem;
    padding-top: 50px
}

.bs-docs-masthead1 p, .index-hyzx-box-header p {
    text-align: center;
    font-size: 1.3rem;
    padding-top: 1rem;
    width: 90%;
    margin: 0 auto
}

.index-hyzx-box-header-bs h2 {
    font-size: 2rem;
    color: #fff;
    padding-top: 50px;
    text-align: center
}

.index-hyzx-box-header-bs p {
    font-size: 1.3rem;
    color: #fff;
    margin-bottom: 50px;
    text-align: center;
    margin-top: 1.5rem
}

.index-hyzx-box-header-bs-1 h2 {
    font-size: 2rem;
    color: #fff;
    padding-top: 50px;
    text-align: center
}

.index-hyzx-box-header-bs-1 p {
    font-size: 1.3rem;
    color: #fff;
    margin-bottom: 50px;
    text-align: center;
    margin-top: 1.5rem
}

.gnty-img-box h3 {
    margin-top: 0px
}

@media (min-width: 992px) {
    .partners-lun-left, .sedac1-lun-left, .partners-lun-right, .sedac1-lun-right, .dirsir1-lun-left, .dirsir1-lun-right, .partners-lun-left1, .partners-lun-right1, .anli-lun-left, .anli-lun-right, .dirsir12-lun-left, .dirsir12-lun-right, .dirsir1a-lun-left, .dirsir1a-lun-right {
        display: block
    }

    .index-hyzx-box-header h2 {
        font-size: 40px;
        color: #333333;
        padding-top: 75px;
        text-align: center
    }

    .index-hyzx-box-header p {
        font-size: 18px;
        color: #4c4b4b;
        padding-top: 12px
    }

    .index-hyzx-box-header-bs h2 {
        font-size: 40px;
        padding-top: 60px
    }

    .index-hyzx-box-header-bs p {
        font-size: 16px;
        margin-bottom: 80px;
        padding-top: 30px
    }

    .index-hyzx-box-header-bs-1 h2 {
        font-size: 40px;
        color: #fff;
        padding-top: 75px;
        text-align: center
    }

    .index-hyzx-box-header-bs-1 p {
        font-size: 18px;
        color: #fff
    }
}

.footer-content-1 a:hover {
    color: #fff
}

.header-logo-box img {
    width: 10rem
}

.navbar-default .navbar-nav > li a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.6rem
}

@media (min-width: 992px) {
    .navbar-default .navbar-nav > li a {
        padding-top: 25px;
        padding-bottom: 25px;
        font-size: 15px;
    }
}

.navbar-default .navbar-nav > li:hover a {
    color: #fff
}

.feader-cont-box {
    overflow: hidden
}

.feader-left-cont, .feader-center-cont, .feader-right-cont {
    float: left
}

.feader-left-cont, .feader-right-cont {
    width: 20%;
    display: none
}

.feader-center-cont, .feader-ewm-box img {
    width: 100%
}

.feader-ewm-box {
    width: 100px;
    margin: 60px auto
}

.feader-ewm-box p {
    font-size: 1;
    color: #fff;
    text-align: center
}

.index-jjfa h3 {
    font-size: 1.8rem;
    padding-bottom: 1rem;
    color: #454545
}

@media (min-width: 992px) {
    .feader-left-cont, .feader-right-cont {
        width: 20%;
        display: block
    }

    .feader-center-cont {
        width: 60%
    }
}

.index-banner-box h2 {
    font-size: 2.2rem
}

.index-banner-box p {
    font-size: 1.3rem
}

@media (min-width: 992px) {
    .index-banner-box h2 {
        font-size: 70px;
        font-weight: 100
    }

    .index-banner-box p {
        font-size: 24px;
        padding-bottom: 50px;
        font-weight: 100;
        padding-top: 12px
    }
}

.bs-docs-masthead1 .lead {
    width: 100%;
    font-size: 2.3rem;
    margin-top: 0px
}

.nav-login a {
    display: block;
    color: #7a7a7a;
    outline: none;
    outline: 0
}

@media (min-width: 992px) {
    .nav-login {
        line-height: 50px;
        padding-left: 10px
    }
}

.nav-login {
    height: 50px;
    line-height: 71px;
    line-height: 5.4rem \9;
    padding-left: 10px;
    margin-top: 11px \9
}

.nav-login a {
    color: #7a7a7a
}

.nav-login a:hover {
    color: #30b3eb
}

.my-feader-pos {
    position: static
}

.nav > li {
    padding: 0px 0px;
    position: static
}

.nav-down-menu {
    margin: 0px;
    background: rgba(80, 80, 80, 0.8) !important;
    position: absolute;
    left: 0px;
    display: none;
    z-index: 10000;
    width: 100%;
    margin-top: 0px;
    box-shadow: 0 0 0px rgba(100, 100, 100, .5)
}

.nav-down-menu.nav-up-selected {
    display: block
}

@media (min-width: 992px) {
    .nav-down-menu {
        margin-top: 0px;
        box-shadow: 0 0 5px rgba(100, 100, 100, .5)
    }
}

.nav-zcd-1 h3 {
    text-align: left;
    color: #fff;
    font-size: 22px
}

.nav-zcd-1 span {
    color: #fff
}

.nav-zcd-1 {
    float: left;
    width: 25%
}

@media (min-width: 992px) {
    .container-header {
        width: 1210px;
        margin: 0 auto
    }

    .my-header-bgcolor {
        margin-left: 0px
    }
}

.my-header-bgcolor li:hover {
    background-color: #30b3eb
}

.index-banner-box h6 {
    color: #bab9b9;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 0.8rem
}

.navbar-nav ul li a {
    outline: none;
    outline: 0
}

@media (min-width: 992px) {
    .my-header-bgcolor {
        margin-left: 15px
    }

    .index-banner-box h6 {
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 12px
    }

    .index-jjfa2 {
        margin-top: 46px;
        margin-bottom: 40px
    }
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #30b3eb
}

.index-jjfa {
    padding-bottom: 40px;
    padding-top: 20px;
    position: relative
}

.index-jjfa h3 {
    text-align: left;
    margin-top: 20px
}

.bs-docs-featurette, .par-xyhb-box {
    margin-bottom: 0px;
    background-color: #fff
}

.bs-docs-featurette1 {
    background-color: #f0f5ff
}

.index-what-cont {
    margin: 0px 10px 30px;
    font-size: 1.4rem;
    padding-bottom: 20px
}

.index-anli-ewm-box {
    width: 12rem;
    display: none
}

.index-anli-ewm-box img {
    width: 100%
}

.al-img-box-2 p {
    text-align: left;
    font-size: 1.3rem;
    color: #4d4d4d;
    line-height: 20px;
    margin-top: 18px
}

.index-anli-ewm-box p {
    text-align: center
}

.index-hyzx-cont-box, .hyzx-cont-cont-box {
    overflow: hidden
}

.index-hyzx-cont-box {
    padding-top: 0px;
    padding-bottom: 40px
}

.index-hyzx-left, .index-hyzx-right {
    float: left
}

.hyzx-cont-cont-box1, .hyzx-cont-cont-box2 {
    float: left;
    margin-top: 30px
}

.index-hyzx-left {
    width: 100%
}

.hyzx-img-box {
    width: 402px;
    padding-top: 30px
}

.hyzx-img-box img {
    width: 100%
}

.index-hyzx-right {
    width: 100%;
    background-color: #fff;
    margin-left: -15px;
    margin-top: 30px
}

.hyzx-cont-cont-box1 {
    width: 28%;
    text-align: left;
    font-size: 1.9rem;
    color: #7f7f7f
}

.hyzx-cont-cont-box1 span {
    font-size: 1.2rem;
    border-bottom: 1px solid #30b3eb
}

.hyzx-cont-cont-box2 {
    width: 62%;
    text-align: left;
    padding-left: 30px;
    border-left: 1px solid #ccc
}

.hyzx-cont-cont-box2 h3 {
    font-size: 2rem;
    color: #444444;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.hyzx-cont-cont-box2 p {
    font-size: 1.2rem;
    line-height: 20px;
    margin-top: 15px
}

@media (min-width: 992px) {
    .hyzx-img-box {
        padding-top: 0px
    }

    .hyzx-cont-cont-box2 p {
        font-size: 16px;
        line-height: 25px;
        color: #4D4D4D;
        text-overflow: clip;
        white-space: normal;
        height: 4.5em;
        overflow: hidden
    }

    .al-img-box-2 p {
        font-size: 16px;
        line-height: 25px
    }

    .btn-outline-inverse {
        color: #FFF;
        background-color: transparent
    }

    .index-anli-ewm-box {
        width: 12rem;
        display: block
    }

    .index-hyzx-cont-box {
        padding-top: 80px
    }

    .index-hyzx-box-header h2 {
        font-size: 40px
    }

    .hyzx-cont-cont-box2 h3 {
        font-size: 26px;
        color: #444444;
        text-align: left
    }

    .index-hyzx-cont-box, .hyzx-cont-cont-box {
        overflow: hidden
    }

    .index-hyzx-cont-box {
        padding-top: 120px
    }

    .index-hyzx-left, .index-hyzx-right {
        float: left
    }

    .hyzx-cont-cont-box1, .hyzx-cont-cont-box2 {
        float: left;
        margin-top: 30px
    }

    .index-hyzx-left {
        width: 35%
    }

    .hyzx-img-box {
        width: 402px
    }

    .hyzx-img-box img {
        width: 100%
    }

    .index-hyzx-right {
        width: 65%;
        background-color: #fff;
        margin-left: -25px;
        margin-top: 45px;
        padding-bottom: 45px
    }

    .hyzx-cont-cont-box1 {
        width: 16%;
        text-align: left;
        font-size: 26px;
        color: #7f7f7f
    }

    .hyzx-cont-cont-box1 span {
        font-size: 14px
    }

    .hyzx-cont-cont-box2 {
        width: 80%;
        text-align: left;
        padding-left: 30px;
        border-left: 1px solid #eae9e9
    }

    .hyzx-cont-cont-box2 h3 {
        font-size: 26px;
        color: #444444;
        text-align: left
    }
}

.bs-docs-masthead1 .btn {
    padding: 7px 30px;
    font-size: 18px;
    color: #f6f6f7;
    border: 1px solid #939cad;
    margin: 20px 0 20px 0;
    position: static;
    outline: 0
}

.bs-docs-masthead1 .btn:hover {
    background-color: #fff \9;
    background: rgba(255, 255, 255, 0.3) !important;
    filter: alpha(opacity=60);
    color: #fff;
    color: #fff \9;
    position: relative;
    border: 1px solid #939cad
}

.bs-docs-masthead1 .btn span {
    position: relative
}

@media (min-width: 992px) {
    .bs-docs-masthead1 .lead {
        width: 100%;
        font-size: 7rem;
        margin-top: 0px
    }

    .bs-docs-masthead1 .btn {
        width: 20%;
        padding: 13px 45px;
        margin: 30px 0 30px 0
    }

    .index-jjfa h3 {
        text-align: left;
        font-size: 28px;
        color: #454545;
        padding-bottom: 10px
    }

    .my-new-cont {
        font-size: 21px
    }
}

@media (min-width: 992px) {
    .index-what-cont {
        margin: 0px 10px 30px;
        font-size: 16px;
        padding-bottom: 30px
    }
}

.index-jjfa-box, .ectouch, .index-gnty-box, .product-banner, .product-log-cont, .product-banner {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    margin: 0 auto
}

.main-box {
    height: 100%;
    max-width: 1210px;
    margin: 0 auto;
    position: relative
}

.nav-img {
    width: 2rem;
    height: 2rem
}

.user-tuchu a {
    margin-left: 2rem;
    color: #7a7a7a
}

.tuichu-app-top {
    margin-top: 0rem;
    font-size: 1.4rem
}

#out_name a {
    margin-left: 0rem;
    color: #777
}

#out_name {
    float: right;
    margin-top: 0rem;
    font-size: 1.4rem
}

.ectouch-tuichu-xian {
    color: #E5EAEF
}

@media (min-width: 992px) {
    .user-tuchu a {
        margin-left: 0rem;
        color: #fff
    }

    .tuichu-app-top {
        margin-top: 0rem
    }

    #out_name a {
        margin-left: 0rem;
        color: #777;
        font-size: 1.5rem
    }

    #out_name {
        float: right;
        margin-top: 24.5px;
        font-size: 16px
    }

    #nav {
        display: block
    }

    #nav .mainlevel {
        float: left;
        text-align: center;
        display: block
    }

    #nav .mainlevel a {
        color: #fff;
        text-decoration: none;
        line-height: 30px;
        height: 30px;
        text-align: center;
        padding-top: 18px;
        display: block
    }

    #nav .mainlevel a:hover {
        color: #fff;
        text-decoration: none
    }

    #nav .mainlevel ul {
        position: absolute;
        display: none
    }

    #nav .mainlevel li {
        width: 80px;
        float: left;
        background-color: rgba(0, 0, 0, 0.4);
        text-align: center;
        margin-top: 12px;
        margin-left: -90px
    }

    .nav-img {
        width: 25px;
        height: 25px
    }

    .header-tuichu {
        display: block
    }
}

.lead1 {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    padding-bottom: 50px
}

.bs {
    color: #fff
}

.bs-docs-masthead1 {
    position: relative;
    padding-top: 60px;
    color: #FFF;
    text-align: center;
    background-repeat: repeat-x
}

@media (min-width: 992px) {
    .bs-docs-masthead1 {
        padding-top: 150px;
        font-size: 1.375rem
    }
}

.index-banner-box {
    background-image: url("../images/1-bg.png");
    background-color: #2f3b50
}
.index-banner-box-about {
    background-image: url("../images/banner-about.png");
    background-color: #2f3b50;
    /* 关键修复：固定高度，不让背景乱拉伸 */
    height: 450px; /* 你可以改成你需要的高度 */
    display: flex;
    align-items: center;
}

.index-banner-content {
    width: 830px;
    height: 292px;
    position: absolute;
    left: 193px;
    top: 203px
}

.banner-cont-box {
    overflow: hidden;
    border: 1px;
    margin-left: -20px
}

.index-cont1 {
    font-size: 1.2rem
}

.index-cont {
    font-size: 1.2rem;
    color: #4d4d4d
}

@media (min-width: 480px) {
    .banner-cont-box li {
        font-size: 2.2rem
    }

    .index-cont1 {
        font-size: 20px
    }
}

.index-gdzx-but {
    border: 1px solid #30b3eb;
    width: 14rem;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
    height: 3rem;
    line-height: 3rem;
    border-radius: 0.5rem;
    font-size: 1.2rem;
    color: #30b3eb
}

.index-gdzx-but:hover {
    background: #30b3eb;
    color: #fff
}

@media (min-width: 992px) {
    .index-gdzx-but {
        width: 180px;
        margin-bottom: 70px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        margin-top: 0px
    }
}

.index-jjfa-box {
    background-color: #fff
}

.jjfa-cont {
    width: 1200px;
    height: 525px
}

.btn-outline-inverse:active, .btn-outline-inverse:focus, .btn-outline-inverse:hover {
    background-color: #FFF;
    border-color: #FFF;
    color: #7a7a7a
}

.ectouch {
    background-image: url("../images/index/ectouch-bg.png");
    background-color: #30b3eb;
    color: #fff
}

.index-right-bor {
    border-right: 1px solid #626f8d
}

.index-gnty-box {
    height: 1020px;
    background-color: #fff
}

.gnty-img-box {
    width: 6rem;
    margin: 1.5rem auto
}

.gnty-img-box img {
    width: 100%
}

.gnty-img-box h3 {
}

.gnty-content {
    overflow: hidden;
    margin: 0 auto;
    padding-top: 10px;
    width: 100%;
    margin-left: 3px;
    margin-left: -20px
}

@media (min-width: 992px) {
    .gnty-img-box {
        width: 140px;
        width: 140px \9;
        margin: 0 auto
    }

    .gnty-img-box img {
        width: 100%
    }

    .gnty-content {
        margin-left: 0px
    }
}

.gnty-content li {
    float: left;
    width: 33.33%;
    margin: 0 auto;
    margin-left: 0px
}

.gnty-cont {
    text-align: center;
    display: none;
    font-size: 10px
}

.banner-cont-box li {
    font-size: 2.3rem;
    margin-bottom: 35px;
    margin: 1rem 0px
}

.my-btom-pos1, .my-btom-pos {
    margin-top: 30px
}

.my-btom-pos2 {
    margin-top: 0px
}

.my-btom-pos4 {
    margin-top: 30px
}

.index-down-bg {
    display: none
}

@media (min-width: 992px) {
    .index-cont {
        font-size: 14px
    }

    .lead1 {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.4
    }

    .banner-cont-box li {
        float: left;
        width: 33.333%;
        margin-left: -10px;
        font-size: 40px
    }

    .banner-cont-box {
        overflow: hidden;
        border: 1px
    }

    .gnty-content {
        overflow: hidden;
        margin: 0 auto;
        padding-top: 50px;
        margin-left: -20px
    }

    .gnty-content li {
        float: left;
        width: 20%;
        margin: 0 auto;
        padding-bottom: 20px;
        padding: 0 15px 0 15px;
        box-sizing: border-box
    }

    h3 {
        text-align: center;
        font-size: 22px;
        color: #333333
    }

    .gnty-cont {
        text-align: center;
        display: block;
        font-size: 16px;
        color: #4d4d4d;
        padding-top: 10px
    }

    .bs {
        color: #fff
    }

    .al-right-cont-box {
        width: 80%;
        margin-left: 50px
    }

    .my-btom-pos {
        margin-top: 0px
    }

    .my-btom-pos1 {
        margin-top: 60px;
        padding-bottom: 70px
    }

    .my-btom-pos4, .my-btom-pos2 {
        margin-top: 120px
    }

    .my-btom-pos3 {
        margin-top: 86px
    }

    .index-down-bg {
        background-color: rgba(0, 0, 0, 0.1);
        display: block
    }
}

.index-khal-box {
    height: 930px;
    background-color: #fff
}

.al-cont-box {
    overflow: hidden
}

.al-cont-box li {
    float: left;
    width: 50%
}

.al-img-box {
    margin-left: 0px
}

.index-hyzx-box {
    height: 600px
}

.hyzx-content-box {
    width: 1192px;
    margin: 0 auto
}

}
.hyzx-cont {
    float: left
}

.hyzx-cont-2 {
    color: #7a7a7a;
    font-size: 20px
}

.pp-logo {
    width: 3rem
}

.pp-cont1 {
    font-size: 2rem;
    padding-left: 10px
}

.al-img-box-2 {
    margin-top: 20px
}

.index-rem {
    width: 0rem
}

.index-cone2 {
    font-size: 0px
}

@media (min-width: 992px) {
    .index-cone2 {
        margin: 10px 0px 50px;
        font-size: 14px;
        text-align: center;
        display: block
    }

    .index-rem {
        width: 18rem
    }

    .pp-cont1 {
        font-size: 3rem
    }

    .pp-logo {
        width: 6rem
    }

    .al-img-box-2 div {
        margin-top: 20px
    }

    .my-new-title {
        margin-top: 100px
    }

    .index-banner-top {
        padding-top: 80px
    }

    .lead {
        padding-bottom: 30px
    }

    .banner-cont-box li {
        font-size: 5rem;
        font-weight: 100;
        margin: 1rem 0px;
        padding: 0.9rem 0 0.9rem 0
    }
}

.index-logo-box {
    padding-bottom: 20px;
    overflow: hidden;
    padding-top: 30px;
    margin-left: -20px
}

.index-logo-box li {
    float: left;
    width: 50%;
    padding: 0rem 1rem 0 1rem
}

.index-logo-box img {
    width: 80%
}

.index-logo-box1 li {
    float: left;
    width: 50%;
    margin-left: -12px;
    margin: 0 auto
}

.index-logo-box1 {
    margin: 0 auto;
    overflow: hidden;
    width: 130px;
    margin-left: 90px
}

.footer-box-1 {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    background-color: #30b3eb;
    overflow: hidden;
    border-top: 1px solid #ccc
}

.footer-content-1 a {
    color: #fff
}

.footer-content-1 {
    font-size: 0.53rem;
    color: #fff;
    text-align: center;
    display: block;
    padding-top: 35px
}

@media (min-width: 992px) {
    .gnty-content h3 {
        padding-top: 15px
    }

    .index-logo-box li {
        float: left;
        width: 16%;
        padding: 10px
    }

    .index-logo-box img {
        width: 100%;
        border: 1px solid #eee
    }

    .index-logo-box {
        overflow: hidden;
        padding-top: 120px
    }

    .index-logo-box1 {
        margin: 0 auto;
        overflow: hidden;
        width: 130px;
        margin-left: 490px
    }

    .footer-content-1 {
        font-size: 14px;
        display: block;
        padding-top: 75px;
        line-height: 25px
    }
}

.footer-box-1 {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    background-color: #30b3eb;
    overflow: hidden;
    border-top: 1px solid #ccc
}

.register-title {
    margin-top: 80px;
    font-size: 18px;
    text-align: center;
    padding-bottom: 10px
}

.login-box {
    max-width: 415px;
    width: 85%;
    margin: 10px auto;
    position: relative
}

.form-control {
    padding: 1px 1px;
    height: 40px;
    line-height: 40px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s
}

@media (min-width: 992px) {
    .form-control {
        line-height: 10px \9;
        height: 50px
    }
}

.input-group {
    margin-top: 15px
}

.register-box {
    max-width: 42rem;
    width: 85%;
    margin: 15px auto;
    position: relative
}

.login-new-user {
    float: right;
    color: #5b5b5b
}

.login-new-user a:hover {
    color: #31B0D5
}

.login-admin {
    width: 150px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    fon-size: 16px;
    margin: 0 auto;
    margin-top: 0px;
    color: #747474;
    background-color: #fff
}

.login-xian {
    border-top: 1px solid #e5e5e5;
    position: absolute;
    width: 100%;
    top: 285px;
    z-index: 1
}

.row1 {
    padding-top: 10px;
    text-align: center;
    color: #FFF;
    font-size: 4rem
}

.login-box2 {
    width: 150px;
    margin: 90px auto;
    padding-bottom: 1px
}

.footer-content {
    display: none
}

.form-inline .form-control {
    padding-left: 2px
}

@media (min-width: 992px) {
    .ect-padding-tb {
        padding-top: 0.6em;
        padding-bottom: 0.6em
    }

    .form-inline .form-control {
        padding-left: 10
    }

    .footer-box {
        width: 100%;
        height: 145px;
        margin: 0 auto;
        background-color: #f8f8f8;
        overflow: hidden;
        border-top: 1px solid #ccc
    }

    .footer-content {
        font-size: 14px;
        color: #5c5c5c;
        text-align: center;
        display: block;
        padding-top: 35px;
        line-height: 30px
    }

    .footer-content a {
        color: #5c5c5c
    }
}

label {
    font-weight: 100
}

@media (min-width: 768px;
) {
    .login-box {
        margin-top: 147px
    }

    .login-password {
        color: #30b3eb
    }

    .register-yzm {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .register-title {
        margin-top: 120px;
        font-size: 25px;
        text-align: center
    }

    .login-admin {
        width: 150px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        color: #747474;
        top: 230px;
        background-color: #FFF
    }
}

.my-user-login {
    width: 100%;
    padding-top: 0px
}

.login-new-user a, .nav-tabs a {
    color: #7a7a7a
}

@media (min-width: 992px) {
    .school-title2 {
        font-size: 13px;
        color: #7f7f7f
    }

    .my-user-login {
        width: 100%;
        padding-top: 20px;
        padding-top: 10px
    }

    .login-box {
        max-width: 415px;
        width: 85%;
        height: 41rem;
        margin: 145px auto;
        position: relative
    }

    .footer-box-1 {
        width: 100%;
        height: 145px;
        margin: 0 auto;
        background-color: #30b3eb;
        overflow: hidden;
        border-top: 1px solid #ccc
    }

    .login-box {
        margin-top: 20px
    }

    .login-password {
        color: #30b3eb
    }

    .register-yzm {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .register-title {
        margin-top: 150px;
        font-size: 30px;
        text-align: center
    }

    .btn-info {
        height: 46px;
        font-size: 18px
    }

    .input-group {
        margin-top: 25px
    }

    .register-box {
        max-width: 42rem;
        width: 85%;
        margin: 30px auto;
        position: relative
    }

    .login-admin {
        width: 150px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        fon-size: 16px;
        margin: 0 auto;
        color: #747474;
        background-color: #fff
    }

    .login-xian {
        border-top: 1px solid #e5e5e5;
        position: absolute;
        width: 100%;
        top: 310px;
        z-index: 1
    }

    .row1 {
        padding-top: 0px;
        text-align: center;
        color: #FFF;
        font-size: 4rem
    }

    .login-box2 {
        width: 185px;
        margin: 100px auto
    }
}

.form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
    width: 100%
}

.form-inline .input-group {
}

.login-pass {
    margin-top: 20px
}

.checkbox, .radio {
    margin-top: -10px
}

.login-img {
    height: 45px
}

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

.col-xss-6 {
    width: 33.33%
}

}
.admin-tishi {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background-color: #f2f2f2
}

.warning {
    position: relative;
    background-color: #30b3eb;
    border: 1px solid #30b3eb;
    border-radius: 10px;
    background-size: 3em 3em;
    background-image: linear-gradient(-45deg, transparent 0em, transparent 0.1em, #f2f2f2 0.9em, #f2f2f2 2.1em, transparent 2.1em, transparent 2.9em, #f2f2f2 0em);
    -webkit-animation: warning-animation 750ms infinite linear;
    -moz-animation: warning-animation 750ms infinite linear;
    animation: warning-animation 750ms infinite linear
}

@-webkit-keyframes warning-animation {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 3em 0
    }
}

@-moz-keyframes warning-animation {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 3em 0
    }
}

@keyframes warning-animation {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 3em 0
    }
}

.warning:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    border-radius: 10px
}

.container-1 {
    width: 80%;
    margin: 5vh auto 0
}

.container-1 .warning {
    height: 2vh
}

.ts-box {
    margin: 150px auto;
    width: 80%;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(90, 9 90, 0.4)
}

.ts-box h2 {
    text-align: center;
    color: #4c4c4c;
    padding-top: 25px;
    padding-bottom: 20px
}

.ts-xt {
    border-bottom: 1px dashed #ccc
}

.ts-content {
    margin-top: 5px;
    margin-bottom: 60px;
    font-size: 14px;
    overflow: hidden;
    text-align: center;
    display: block
}

.ts-top {
    margin-top: 60px;
    margin-bottom: 10px
}

.jdt-my-top {
    width: 80%;
    margin: 0 auto;
    margin-top: 60px
}

.ts-xin {
    text-align: right;
    display: block;
    font-size: 14px;
    padding-right: 20px;
    padding-bottom: 20px
}

@media (min-width: 992px) {
    .admin-tishi {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        background-color: #f2f2f2
    }

    .warning {
        position: relative;
        background-color: #30b3eb;
        border: 1px solid #30b3eb;
        border-radius: 10px;
        background-size: 3em 3em;
        background-image: linear-gradient(-45deg, transparent 0em, transparent 0.1em, #f2f2f2 0.9em, #f2f2f2 2.1em, transparent 2.1em, transparent 2.9em, #f2f2f2 0em);
        -webkit-animation: warning-animation 750ms infinite linear;
        -moz-animation: warning-animation 750ms infinite linear;
        animation: warning-animation 750ms infinite linear
    }

    @-webkit-keyframes warning-animation {
        0% {
            background-position: 0 0
        }
        100% {
            background-position: 3em 0
        }
    }@-moz-keyframes warning-animation {
         0% {
             background-position: 0 0
         }
         100% {
             background-position: 3em 0
         }
     }@keyframes warning-animation {
          0% {
              background-position: 0 0
          }
          100% {
              background-position: 3em 0
          }
      }.warning:before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           height: 100%;
           border-radius: 10px
       }

    .container-1 {
        width: 20vw;
        margin: 9vh auto 0
    }

    .container-1 .warning {
        height: 2vh
    }

    .ts-box {
        margin: 150px auto;
        width: 700px;
        background-color: #fff;
        box-shadow: 0 0 6px rgba(90, 9 90, 0.4)
    }

    .ts-box h2 {
        text-align: center;
        color: #4c4c4c;
        padding-top: 25px;
        padding-bottom: 20px
    }

    .ts-xt {
        border-bottom: 1px dashed #ccc
    }

    .ts-content {
        margin-top: 30px;
        margin-bottom: 60px;
        font-size: 14px;
        overflow: hidden;
        text-align: center;
        display: block
    }

    .ts-top {
        margin-top: 60px;
        margin-bottom: 10px
    }

    .jdt-my-top {
        width: 80%;
        margin: 0 auto;
        margin-top: 60px
    }

    .ts-xin {
        text-align: right;
        display: block;
        font-size: 14px;
        padding-right: 20px;
        padding-bottom: 20px
    }
}

@media (min-width: 768px;
) {
    .reg-cont {
        color: #494949
    }
}

.input-group-addon {
    width: 10px
}

.input-group-addon a {
    color: #494949
}

.gw-box {
    max-width: 1210px;
    margin: 0 auto
}

.reg-cont {
    color: #494949;
    font-size: 1.2rem
}

.login-password {
    color: #30b3eb;
    font-size: 1.4rem
}

.login-new-user a {
    font-size: 1.4rem
}

@media (min-width: 768px;
) {
    .login-box {
        margin-top: 147px
    }

    .login-password {
        color: #30b3eb
    }
}

.login-admin1 {
    width: 100%;
    position: absolute;
    z-index: 222;
    top: 259px
}

@media (min-width: 992px) {
    .login-new-user a {
        font-size: 14px
    }

    .login-password {
        color: #30b3eb;
        font-size: 14px;
        padding-left: 3px
    }

    .reg-cont {
        color: #494949;
        font-size: 14px
    }

    .login-new-user {
        float: right;
        color: #5b5b5b
    }

    .login-admin1 {
        width: 100%;
        position: absolute;
        z-index: 222;
        top: 285px
    }
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-appearance: none;
    padding-left: 10px \9;
    padding-left: 10px
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0px;
    -webkit-appearance: none
}

.nav-tabs > li {
    width: 50%
}

.nav-tabs > li > a {
    text-align: center
}

.navbar-nav > li {
    font-size: 1.4rem;
    border-bottom: 1px solid #e6e6e6
}

@media (min-width: 992px) {
    .navbar-nav > li {
        float: left;
        font-size: 1.1rem;
        border-bottom: none
    }
}

.user-left-header {
    width: 100%;
    height: 100px;
    background-color: #52C4F5;
    margin-top: 0px
}

.user-left-cont-img {
    background-color: #fff;
    height: 70px;
    width: 70px;
    border-radius: 50px;
    margin: 15px auto;
    overflow: hidden;
    border: 3px solid #fff
}

.user-left-cont-img img {
    height: 70px;: 70 px
}

.user-left-cont-1, .user-left-cont-2 {
    float: left
}

.user-left-cont-1 {
    width: 30%
}

.user-left-cont-2 {
    width: 70%
}

.user-box-bg {
    background-color: #f1f2f7
}

.user-title {
    font-size: 2.1rem;
    color: #fff;
    text-align: left;
    margin-top: 30px;
    padding-bottom: 0px
}

.user-title1 {
    font-size: 1.2rem;
    color: #fff;
    text-align: left;
    margin-top: -10px
}

.user-left {
    border-radius: 8px
}

.user-right h2 {
    font-size: 1.8rem;
    color: #424242;
    padding-top: 20px;
    padding-left: 20px;
    margin-top: 0px;
    display: none
}

.user-xian {
    border-bottom: 1px solid #fff;
    margin-bottom: 1rem
}

.user-time {
    margin-left: 20px;
    font-size: 1.5rem;
    color: #707070
}

.user-time1 {
    margin-left: 20px;
    font-size: 1.2rem;
    color: #707070;
    display: block
}

.user-time-color {
    color: #52C4F5
}

.user-time-color a {
    color: #52C4F5
}

.user-bott-box {
    background-color: #F7F8FA;
    width: 100%;
    text-align: left;
    padding: 10px;
    color: #626262;
    margin-top: -20px
}

.panel-heading {
    padding: 40px 20px;
    border-bottom: 0px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #fff
}

.user-right {
    border-radius: 8px;
    background-color: #FFF;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    min-height: 200px
}

.panel-default {
    border-color: #fff
}

.form-user-box1, .form-user-box2 {
    float: left
}

.form-user-box {
    overflow: hidden;
    margin-left: 0px
}

.form-user-box1 {
    width: 36%;
    margin-left: -40px;
    width: 36%
}

.form-user-box2 {
    width: 70%;
    float: right
}

.lab-my {
    font-weight: 100;
    padding-right: 20px;
    font-size: 14px;
    text-align: right;
    display: block;
    margin-top: 6px;
    color: #5C5C5C
}

.user-bd-box {
    margin: 0 auto;
    margin-bottom: 50px
}

.user-bd-box img {
    width: 100%
}

.user-anniu-color {
    background-color: #BEBEBE;
    border: medium none
}

.user-sele {
    height: 30px;
    border-radius: 5px;
    width: 100%;
    border: 1px solid #ccc;
    line-height: 30px;
    -webkit-appearance: none;
    margin-left: -20px
}

.user-sele1 {
    height: 30px;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 49.5%;
    margin-left: -20px
}

@media (min-width: 992px) {
    .user-sele1 {
        margin-left: 0px
    }
}

.user-sele2 {
    height: 30px;
    border-radius: 5px;
    border: 1px solid #CCC;
    width: 100%
}

.my-header {
    height: 4rem
}

.my-logo {
    height: 2.8rem
}

.user-max-box {
    overflow: hidden
}

.user-nav-my {
    width: 2.8rem;
    padding-right: 1.6rem;
    padding-top: 1.2rem
}

.user-my-anniu {
    margin-left: -25px
}

.user-anniu-color:hover {
    background-color: #8e8e8e;
    border: none
}

.user-sa-an li {
    width: 50%;
    float: left
}

.user-sa-an {
    overflow: hidden;
    width: 100%;
    margin: 0 auto
}

.user-my-anniu1 {
    margin-left: 15px
}

.user-time-color1 {
    color: #FF7800
}

.user-my-anniu2 {
    margin-left: 48px
}

.my-user-bottom {
    margin-bottom: 20px
}

td, th {
    font-size: 0.8rem;
    text-align: center
}

.user-time {
    margin-left: 20px;
    font-size: 1.5rem;
    color: #707070;
    display: none
}

.user-time-my {
    margin-left: 20px;
    font-size: 1.5rem;
    color: #707070;
    display: block
}

#m1, #m2, #m3, #m4, #m5, #m6, #m7 {
    float: left;
    font-size: 1.3rem;
    width: 12.5%
}

#m1, #m2, #m3, #m4, #m5, #m6 {
    border-right: 1px solid #ccc;
    text-align: center
}

.user-nav-my {
    display: none
}

.user-nav2 {
    overflow: hidden;
    margin-left: -40px
}

.user-nav2 a {
    color: #414141
}

.user-nav2 a:hover {
    color: #52c4f5
}

.user-iphone-nav {
    margin: 0 auto;
    margin-bottom: 3px;
    margin-top: 3px;
    background-color: #fff;
    padding-top: 0.8rem;
    padding-bottom: 0.3rem;
    overflow-x: scroll
}

.user-ip-cont {
    width: 640px
}

.user-bangding {
    width: 100px;
    margin: 0 auto
}

.tab1 {
    width: 90%;
    margin: 50px auto 0 auto
}

.tab2 {
    width: 90%;
    margin: 50px auto 0 auto
}

.menu1 {
    height: 28px;
    font-size: 14px
}

.menu1 li {
    float: left;
    width: 50%;
    text-align: center;
    line-height: 28px;
    height: 28px;
    cursor: pointer;
    padding-bottom: 32px
}

#one1 {
    border-bottom: red solid 2px;
    color: red
}

#one2 {
    border-bottom: #ccc solid 2px;
    color: #000
}

.menu1 li.off {
    background: #fff;
    color: red;
    font-weight: bold;
    border-bottom: none;
    border-bottom: 1px solid red
}

.menu2 {
    height: 28px;
    font-size: 14px
}

.menu2 li {
    float: left;
    width: 50%;
    text-align: center;
    line-height: 28px;
    height: 28px;
    cursor: pointer;
    padding-bottom: 32px
}

#one3 {
    border-bottom: red solid 2px;
    color: red
}

#one4 {
    border-bottom: #ccc solid 2px;
    color: #000
}

.menu2 li.off {
    background: #fff;
    color: red;
    font-weight: bold;
    border-bottom: none;
    border-bottom: 1px solid red
}

#one4.off {
    color: red;
    border-bottom: 2px solid red
}

#one2.off {
    color: red;
    border-bottom: 2px solid red
}

.menudiv {
    border-top: 0;
    background: #fefefe;
    margin-top: 50px
}

.menudiv div {
    line-height: 28px
}

.user-yuan, .user-yuan1 {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%
}

.user-yuan {
    background-color: red;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%
}

.user-yuan1 {
    background-color: #ccc;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%
}

.user-yuan1.off {
    background-color: red
}

.user-yuan3, .user-yuan4 {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 48%
}

.user-yuan3 {
    background-color: red;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%
}

.user-yuan4 {
    background-color: #ccc;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%
}

.user-yuan4.off {
    background-color: red
}

.user-one {
    margin-left: -40px
}

.my-user-xyb {
    color: #fff
}

.an-user-color {
    border-bottom: 2px solid red
}

.tab-hd-con {
    float: left;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.tab-hd .current {
    font-weight: bold
}

.tab-bd-con {
    display: none
}

.tab-ft {
    margin-top: 8px;
    line-height: 20px;
    color: #c1c1c1;
    text-align: right
}

.tab-hd-con a {
    color: red
}

.tab-sub-3 .tab-hd-con {
    width: 49%
}

.tab-sub-3 .tab-hd .current {
    width: 49%
}

.tab-area .tab-hd-con {
    width: 102px
}

.tab-main .tab-hd, .tab-sub .tab-hd, .tab-product .tab-hd, .tab-area .tab-hd {
    height: 40px;
    line-height: 40px
}

.tab-main .tab-hd-con, .tab-sub .tab-hd-con, .tab-product .tab-hd-con, .tab-area .tab-hd-con {
    height: 47px;
    border-bottom: 2px solid #ccc
}

.tab-main .tab-hd .current, .tab-sub .tab-hd .current, .tab-product .tab-hd .current, .tab-area .tab-hd .current {
    position: relative;
    z-index: 1;
    border-bottom: 2px solid red;
    color: red
}

.col-md-3, .col-sm-12 {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px
}

.queren-new-box {
    width: 90%;
    margin-left: 0px
}

@media (min-width: 992px) {
    .queren-new-box {
        width: 35%;
        margin-left: 290px
    }

    .col-md-3, .col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 10px
    }

    .user-bangding {
        width: 15rem;
        margin-top: 3rem
    }

    .my-user-xyb {
        color: #fff
    }

    .user-my-anniu2 {
        margin-left: 20px
    }

    .user-nav-my {
        width: 2.6rem;
        padding-right: 1.6rem;
        padding-top: 1.7rem
    }

    .navbar-nav > li {
        loat: left;
        font-size: 1.5rem
    }

    .user-sq {
        color: #52c4f5
    }

    .user-cont-box {
        height: 650px;
        margin: 70px auto
    }

    .user-right {
        border-radius: 8px;
        background-color: #fff;
        min-height: 515px
    }

    .user-left {
        border-radius: 8px;
        height: 514px;
        background-color: #fff;
        width: 93%;
        top: 75px
    }

    .user-left-header {
        width: 100%;
        height: 145px;
        background-color: #52c4f5;
        border-radius: 8px 8px 0 0;
        margin-top: 0px
    }

    .user-left-cont {
        overflow: hidden
    }

    .user-left-cont-1, .user-left-cont-2 {
        float: left
    }

    .user-left-cont-1 {
        width: 40%
    }

    .user-left-cont-2 {
        width: 60%
    }

    .user-left-cont-img {
        background-color: #fff;
        height: 75px;
        width: 75px;
        border-radius: 50px;
        margin: 30px auto;
        overflow: hidden;
        border: 4px solid #fff
    }

    .user-left-cont-img img {
        height: 100%;
        width: 100%
    }

    .user-title {
        font-size: 24px;
        color: #fff;
        text-align: left;
        margin-top: 46px;
        padding-bottom: 0px
    }

    .user-title1 {
        font-size: 14px;
        color: #fff;
        text-align: left;
        margin-top: -10px
    }

    .user-nav {
        float: left;
        color: #767676;
        font-size: 13px;
        width: 50%;
        text-align: center;
        margin-top: 30px;
        border-left: 1px solid #e9e9e9
    }

    .user-nav:first-child {
        border-left: none
    }

    .user-nav span {
        font-size: 20px
    }

    .user-xian {
        border-bottom: 1px solid #e9e9e9;
        margin-bottom
    }

    .user-nav2 {
        margin-top: 10px
    }

    .user-nav2 li {
        color: #414141;
        text-align: left;
        font-size: 14px;
        line-height: 48px
    }

    .user-nav2 li:hover {
        color: #52c4f5;
        text-align: left;
        font-size: 14px;
        line-height: 48px
    }

    .user-right h2 {
        font-size: 20px;
        color: #424242;
        padding-top: 20px;
        padding-left: 20px;
        margin-top: 0px;
        padding-bottom: 20px;
        display: block
    }

    .user-time {
        margin-left: 58px;
        margin-top: 32px;
        font-size: 16px;
        color: #707070;
        display: block
    }

    .user-time-color {
        color: #52c4f5
    }

    .user-time1 {
        margin-left: 20px;
        font-size: 13px;
        color: #707070;
        display: inline
    }

    .user-right-cont {
        background-color: #f7f8fa;
        width: 85%;
        margin-left: 60px;
        margin-top: 20px;
        border-radius: 0px;
        border: none;
        height: 50px
    }

    .user-my-box {
        width: 85%;
        margin-left: 117px;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.176);
        display: block;
        border: none
    }

    .form-my {
        width: 80%
    }

    .lab-my {
        font-weight: 100;
        padding-right: 20px;
        font-size: 14px;
        text-align: right;
        display: block;
        margin-top: 10px;
        color: #5c5c5c
    }

    .my-input {
        width: 600px;
        height: 30px
    }

    .my-input-box {
        padding-top: 23px
    }

    .panel-default {
        border-color: #fff
    }

    .panel-default > .panel-heading {
        color: #333;
        background-color: #fff;
        border-color: #fff
    }

    .panel-heading {
        padding: 45px 20px;
        border-bottom: 0px solid transparent;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px
    }

    .user-bott-box {
        background-color: #f7f8fa;
        width: 90%;
        text-align: left;
        margin-left: 40px;
        padding: 20px;
        color: #626262;
        margin-top: -20px
    }

    .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
        border-top: 0px solid #fff
    }

    .form-user-box1, .form-user-box2 {
        float: left
    }

    .form-user-box {
        overflow: hidden;
        width: 100%;
        margin-left: 0px;
        margin-bottom: 25px
    }

    .form-user-box1 {
        width: 15%
    }

    .form-user-box2 {
        width: 85%
    }

    .user-time-color1 {
        color: #ff7800
    }

    .user-anniu {
        background-color: #30b3eb
    }

    .user-sa-an li {
        width: 50%;
        float: left;
        padding-bottom: 20px
    }

    .user-sa-an {
        overflow: hidden;
        width: 60%;
        margin: 0 auto
    }

    .my-user-an {
        width: 80%
    }

    .user-sa-an1 {
        margin-left: 250px
    }

    .user-anniu-color {
        background-color: #bebebe;
        border: none
    }

    .user-anniu-color:hover {
        background-color: #8e8e8e;
        border: none
    }

    .user-bd-box {
        margin: 0 auto;
        width: 638px;
        margin-bottom: 50px
    }

    .user-bd-box img {
        width: 100%
    }

    .user-sa-an1 {
        width: 60%
    }

    .my-user-an2, .my-user-an2:hover {
        background-color: #fff;
        der: none
    }

    .table-width {
        width: 90%;
        margin: 30px auto
    }

    .footer-box-2 {
        width: 100%;
        height: 145px;
        margin: 0px auto;
        background-color: #f8f8f8;
        overflow: hidden;
        border-top: 1px solid #eee;
        margin-top: 50px
    }

    .user-sele {
        height: 40px;
        border-radius: 5px;
        width: 100%;
        border: 1px solid #e0dede
    }

    .user-sele1 {
        height: 40px;
        border-radius: 5px;
        border: 1px solid #ccc;
        width: 50%;
        x-sizing: border-box
    }

    td, th {
        font-size: 1.3rem;
        text-align: center
    }

    .my-logo {
        height: 3rem
    }

    .user-sele {
        margin-left: 0px;
        padding-left: 10px
    }

    .user-nav2 {
        display: block
    }

    .user-nav-my {
        display: block
    }

    #m1, #m2, #m3, #m4, #m5, #m6, #m7 {
        float: none;
        font-size: 16px;
        width: 100%
    }

    #m1, #m2, #m3, #m4, #m5, #m6 {
        border-right: 1px solid #fff;
        text-align: left
    }

    .user-iphone-nav {
        margin: 0 auto;
        margin-bottom: 0px;
        margin-top: 0px;
        background-color: #fff;
        padding-top: 0rem;
        padding-bottom: 0rem;
        overflow-y: hidden;
        overflow-x: hidden;
        border-top: 10px solid #f1f2f7
    }

    .user-ip-cont {
        width: 100%
    }

    .user-nav2 {
        overflow: hidden;
        margin-left: -15px
    }

    .user-yz, .user-yz-cone {
        overflow: hidden;
        margin: 0 auto;
        width: 80%
    }

    .user-yz-cone {
        position: relative
    }

    .user-yz1 {
        color: #E0574E
    }

    .user-yz1, .user-yz2 {
        float: left;
        width: 50%;
        text-align: center
    }

    .user-yz3, .user-yz4 {
        float: left;
        width: 50%;
        margin-top: 12px;
        margin-bottom: 12px
    }

    .user-yz3 {
        border-bottom: 2px solid #e0574e
    }

    .user-yz4 {
        border-bottom: 2px solid #ccc
    }

    .user-yz5 {
        border-radius: 100%;
        background-color: #e0574e;
        height: 13px;
        width: 13px;
        position: absolute;
        left: 18%;
        top: 25%
    }

    .user-yz6 {
        border-radius: 100%;
        background-color: #ccc;
        height: 13px;
        width: 13px;
        position: absolute;
        left: 81%;
        top: 25%
    }

    .input-pos-top {
        margin-top: 0px
    }

    .user-bangding {
        width: 100px;
        margin: 0 auto
    }

    .tab1 {
        width: 90%;
        margin: 50px auto 0 auto
    }

    .tab1 {
        width: 90%;
        margin: 50px auto 0 auto
    }

    .menu1 {
        height: 28px;
        font-size: 14px
    }

    .menu1 li {
        float: left;
        width: 50%;
        text-align: center;
        line-height: 28px;
        height: 28px;
        cursor: pointer;
        padding-bottom: 32px
    }

    #one1 {
        border-bottom: red solid 2px;
        color: red
    }

    #one2 {
        border-bottom: #ccc solid 2px;
        color: #000
    }

    .menu1 li.off {
        background: #fff;
        color: red;
        font-weight: bold;
        border-bottom: none;
        border-bottom: 1px solid red
    }

    .menu2 {
        height: 28px;
        font-size: 14px
    }

    .menu2 li {
        float: left;
        width: 50%
        text-align: center;
        line-height: 28px;
        height: 28px;
        cursor: pointer;
        padding-bottom: 32px
    }

    #one3 {
        border-bottom: red solid 2px;
        color: red
    }

    #one4 {
        border-bottom: #ccc solid 2px;
        color: #000
    }

    .menu2 li.off {
        background: #fff;
        color: red;
        font-weight: bold;
        border-bottom: none;
        border-bottom: 1px solid red
    }

    .menudiv1 {
        border-top: 0;
        background: #fefefe;
        margin-top: 50px
    }

    .menudiv1 div {
        line-height: 28px
    }

    #one4.off {
        color: red;
        border-bottom: 2px solid red
    }

    #one2.off {
        color: red;
        border-bottom: 2px solid red
    }

    .menudiv {
        border-top: 0;
        background: #fefefe;
        margin-top: 50px
    }

    .menudiv div {
        line-height: 28px
    }

    .user-yuan, .user-yuan1 {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%
    }

    .user-yuan {
        background-color: red;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%
    }

    .user-yuan1 {
        background-color: #ccc;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%
    }

    .user-yuan1:hover {
        background-color: red
    }

    .user-bangding img {
        width: 100%
    }

    .user-yuan3, .user-yuan4 {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 48%
    }

    .user-yuan3 {
        background-color: red;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%
    }

    .user-yuan4 {
        background-color: #ccc;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%
    }

    .user-yuan4:hover {
        background-color: red
    }

    .an-user-color {
        border-bottom: 2px solid red
    }

    .tab-hd-con {
        float: left;
        font-size: 14px;
        text-align: center;
        cursor: pointer
    }

    .tab-hd .current {
        font-weight: bold
    }

    .tab-bd-con {
        display: none
    }

    .tab-ft {
        margin-top: 8px;
        line-height: 20px;
        color: #c1c1c1;
        text-align: right
    }

    .tab-hd-con a {
        color: red
    }

    .tab-sub-3 .tab-hd-con {
        width: 50%
    }

    .tab-sub-3 .tab-hd .current {
        width: 50%
    }

    .tab-area .tab-hd-con {
        width: 102px
    }

    .tab-main .tab-hd, .tab-sub .tab-hd, .tab-product .tab-hd, .tab-area .tab-hd {
        height: 40px;
        line-height: 40px
    }

    .tab-main .tab-hd-con, .tab-sub .tab-hd-con, .tab-product .tab-hd-con, .tab-area .tab-hd-con {
        height: 47px;
        border-bottom: 2px solid #ccc
    }

    .tab-main .tab-hd .current, .tab-sub .tab-hd .current, .tab-product .tab-hd .current, .tab-area .tab-hd .current {
        position: relative;
        z-index: 1;
        border-bottom: 2px solid red;
        color: red
    }
}

.pro-bottom-pos {
    padding-bottom: 30px
}

.col-md-44 {
    width: 33.33%;
    float: left
}

.product-banner h2 {
    color: #fff;
    padding-top: 7rem;
    font-size: 1.7rem;
    text-align: center;
    padding-bottom: 1rem
}

.product-banner p {
    font-size: 1.2rem;
    margin: 0 auto;
    width: 90%;
    text-align: center;
    color: #fff;
    padding-bottom: 1.5rem
}

.pro-title-two {
    font-size: 18px
}

.pro-row {
    width: 95%;
    margin: 0 auto;
    padding-bottom: 4.5rem
}

.pro-an-my {
    padding: 4px 10px 4px 10px;
    border: 1px solid #bce5f6;
    color: #F6F6F7;
    position: static;
    font-size: 1.3rem;
    text-align: center;
    width: 95%;
    display: block;
    background-color: #fff \9;
    background: rgba(255, 255, 255, 0) !important;
    filter: alpha(opacity=0);
    color: #fff;
}

.pro-an-my:hover {
    background-color: #fff \9;
    background: rgba(255, 255, 255, 0.4) !important;
    filter: alpha(opacity=40);
    border: 1px solid #bce5f6;
    color: #fff;
    color: #fff \9;
    outline: 0
}

.pro-an-my span {
    position: relative;
    color: #fff;
}

@media (min-width: 992px) {
    .pro-an-my {
        padding: 15px 70px 15px 70px;
        font-size: 20px
    }

    .pro-bottom-pos {
        padding-bottom: 40px
    }
}

.product-demo {
    background-color: #fff;
    height: 100%
}

.product-demo-cent {
    margin: 0px auto;
    margin-top: 40px;
    width: 80%
}

.product-demo-cent img {
    width: 100%
}

.product-update {
    background-color: #30b3eb
}

.product-update h1 {
    font-size: 6rem;
    color: #fff;
    margin-top: 3rem
}

.pro-demo-nav1, .pro-demo-nav2, .pro-demo-nav3 {
    float: left;
    width: 33.333%;
    padding-top: 1.6rem;
    margin: 0 auto;
    height: 7rem
}

.pro-demo-nav1 {
    background-color: #43baed
}

.pro-demo-nav2 {
    background-color: #2eace2
}

.pro-demo-nav3 {
    background-color: #2ba1d3
}

.pro-demo-nav1:hover {
    background-color: #20a3da
}

.pro-demo-nav2:hover {
    background-color: #1391c7
}

.pro-demo-nav3:hover {
    background-color: #0079ac
}

.pro-update-cont-box {
    margin: 0 auto;
    color: #fff;
    font-size: 2rem
}

.pro-update-title2, .pro-update-title3 {
    font-size: 1rem;
    margin-top: -5px;
    margin-left: 24px
}

.product-log {
    background-color: #fff
}

.product-feater {
    /*background-color: #30b3eb*/
    background-color: #2F353B
}

.pro-update-cont-box {
    width: 90%;
    margin: 0 auto;
    color: #fff;
    font-size: 0.9rem
}

.pro-update-cont-box img {
    width: 2rem
}

.pro-demo-row {
    padding-bottom: 30px
}

.pro-demo-nav {
    overflow: hidden;
    margin-top: 50px
}

.product-log-cont {
    background-image: url("../images/product/log-cont-bg.jpg");
    height: 340px
}

.product-log-content {
    height: 260px;
    color: #fff;
    width: 100%;
    overflow-y: scroll
}

.product-log-content-box {
    margin-top: 0px;
    position: relative
}

@media (min-width: 992px) {
    .product-log-content {
        height: 260px;
        color: #fff;
        width: 1210px;
        margin: 0px auto;
        overflow-y: scroll
    }
}

.update-img4 {
    display: block;
    width: 48px
}

.content-box {
    width: 90%;
    margin: 0px auto;
    position: relative
}

.up_content_content::before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 0px;
    width: 1px;
    left: 60px;
    background: #FFF none repeat scroll 100% 100%
}

.update-img7 {
    margin-left: 10px;
    margin-top: 20px
}

.update-content-bg {
    background-color: #30b3eb;
    border-radius: 8px;
    width: 90%;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    margin-top: -16px;
    color: #fff;
    margin-left: 35px
}

.update-content-bg1 {
    background-color: #30b3eb;
    border-radius: 8px;
    width: 90%;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    margin-top: -16px;
    color: #fff;
    margin-left: 35px
}

.update-content-bg3 {
    background-color: #30b3eb;
    border-radius: 8px;
    width: 90%;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    margin-top: -16px;
    color: #fff;
    margin-left: 35px
}

.update-sjx {
    position: absolute;
    top: 30px;
    right: 625px;
    display: none
}

.update-sjx-1 {
    position: absolute;
    top: 160px;
    right: 210px;
    display: none
}

.up_img, .up_img_box {
    width: 2rem;
    margin-left: 1.1rem;
    margin-top: 0.6rem;
    display: block
}

.updata-title {
    margin-bottom: 20px;
    overflow: hidden;
    margin-left: -40px
}

.updata-title li {
    float: left;
    border-right: 1px solid #fff
}

.updata-title li:last-child {
    border-right: none
}

.upadta-nianfen {
    font-size: 0.8rem
}

.updata-title-min1 {
    width: 25%;
    font-size: 1rem
}

.updata-title-min1 img {
    display: block
}

.updata-title-min2 {
    width: 60%;
    margin-left: 15px;
    font-size: 1.3rem
}

.uadate-content {
    font-size: 1rem
}

@media (min-width: 992px) {
    .upadta-nianfen {
        font-size: 1.3rem
    }

    .updata-title-min1 {
        width: 15%;
        font-size: 2rem
    }

    .updata-title-min2 {
        width: 80%;
        margin-left: 15px;
        font-size: 2rem
    }
}

.feater-logo {
    margin: 0 auto;
    width: 153px;
    margin-top: 80px;
    height: 80px
}

.feater-logo p {
    font-size: 22px;
    color: #fff;
    margin-top: 5px
}

.feater-gl-logo {
    width: 190px;
    margin: 0 auto;
    overflow: hidden
}

.feater-gl-logo1 {
    float: left;
    width: 33.333%;
    padding-top: 25px;
    margin: 0px auto;
    height: 0px
}

.footer-content-1 {
    display: none
}

.footer-app-box {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
    padding: 2rem 0.5rem 1rem 0.5rem
}

@media (min-width: 992px) {
    .footer-content-1 {
        display: block
    }

    .footer-app-box {
        display: none
    }

    .feater-gl-logo1 {
        float: left;
        width: 33.333%;
        padding-top: 25px;
        margin: 0px auto;
        height: 115px
    }
}

.feater-gl-logo2, .feater-gl-logo2 img {
    width: 35px;
    height: 35px;
    margin: 0 auto
}

#m7 a {
    margin-left: 10px
}

.user-bangding {
    width: 6rem;
    margin-top: 3rem
}

.user-bangding img {
    width: 100%
}

.my-iput-style {
    margin-left: -20px
}

.my-style-height {
    height: 30px;
    line-height: 30px
}

.col-xs-6-1 {
    float: left;
    width: 50%
}

.my-style-user {
    height: 30px;
    line-height: 30px;
    padding: 0px 0px
}

@media (min-width: 992px) {
    .my-iput-style {
        margin-left: 0px
    }

    .my-style-height {
        height: 40px;
        line-height: 40px
    }

    .user-bangding {
        width: 15rem;
        margin-top: 3rem
    }

    #m7 a {
        margin-left: 0px
    }

    .product-banner h2 {
        color: #fff;
        padding-top: 133px;
        font-size: 42px;
        text-align: center;
        padding-bottom: 15px
    }

    .product-banner p {
        font-size: 18px
    }

    .pro-title-two {
        font-size: 18px
    }

    .pro-row {
        width: 50%;
        margin: 0 auto;
        padding-bottom: 50px
    }

    .product-demo {
        background-color: #fff;
        height: 653px
    }

    .product-demo-cent {
        width: 830px;
        margin: 0px auto;
        margin-top: 65px
    }

    .product-demo-cent img {
        width: 100%
    }

    .product-update h1 {
        font-size: 120px;
        color: #fff;
        margin-top: 40px
    }

    .pro-demo-row {
        padding-bottom: 30px
    }

    .pro-demo-nav {
        overflow: hidden;
        margin-top: 50px
    }

    .pro-demo-nav1, .pro-demo-nav2, .pro-demo-nav3 {
        float: left;
        width: 33.333%;
        padding-top: 25px;
        margin: 0 auto;
        height: 115px
    }

    .pro-demo-nav1 {
        background-color: #43baed
    }

    .pro-demo-nav2 {
        background-color: #2eace2
    }

    .pro-demo-nav3 {
        background-color: #2ba1d3
    }

    .pro-demo-nav1:hover {
        background-color: #20a3da
    }

    .pro-demo-nav2:hover {
        background-color: #1391c7
    }

    .pro-demo-nav3:hover {
        background-color: #0079ac
    }

    .pro-update-cont-box {
        width: 180px;
        margin: 0 auto;
        color: #fff;
        font-size: 22px
    }

    .pro-update-cont-box img {
        width: 35px
    }

    .pro-update-title2, .pro-update-title3 {
        font-size: 16px;
        margin-top: -5px;
        margin-left: 43px
    }

    .product-log-cont {
        height: 750px
    }

    .product-log-content-box {
        margin-top: 0px
    }

    .product-log-content {
        height: 630px
    }

    .feater-logo {
        margin: 0 auto;
        width: 153px;
        margin-top: 80px;
        height: 80px
    }

    .feater-logo p {
        font-size: 22px;
        color: #fff;
        margin-top: 5px
    }

    .feater-gl-logo {
        width: 190px;
        margin: 0 auto;
        overflow: hidden
    }

    .feater-gl-logo1 {
        float: left;
        width: 33.333%;
        padding-top: 25px;
        margin: 0px auto;
        height: 115px
    }

    .feater-gl-logo2, .feater-gl-logo2 img {
        width: 35px;
        height: 35px;
        margin: 0 auto
    }

    .uadate-content {
        font-size: 15px
    }
}

.dirsir-cont-header h2 {
    font-size: 2rem;
    padding: 1.5rem 0 1.5rem 0
}

.sedac-banner-box {
    margin-top: 60px;
    background-image: url("../images/sedac/banner-bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    margin: 0px auto
}

.sedac-banner-box h1 {
    color: #fff;
    font-size: 1.8rem;
    padding-top: 50px;
    padding-bottom: 50px
}

.weixin-sedac {
    background-color: #fff
}

.hdty-sedac {
    background-color: #fff
}

.weixin-sedac-2 {
    padding-bottom: 100px;
    background-color: #FFF
}

.hdty-cont-sedac, .hdty-cont-sedac img {
    width: 90%;
    margin: 3rem auto
}

.alfx-sedac {
    background-color: #f5f5f5;
    padding-bottom: 50px
}

.my-col {
    margin-bottom: 10px
}

.sedac-img-box {
    width: 96%;
    margin: 3rem auto
}

.sedac-img-box img {
    width: 100%
}

@media (min-width: 992px) {
    .dirsir-cont-header h2 {
        font-size: 3rem;
        padding-bottom: 20px
    }

    .sedac-banner-box h1 {
        color: #fff;
        font-size: 40px;
        padding-top: 100px;
        padding-bottom: 100px
    }

    .weixin-sedac {
        background-color: #fff
    }

    .weixin-sedac-2 {
        padding-bottom: 300px
    }

    .hdty-sedac {
        background-color: #fff
    }

    .hdty-cont-sedac, .hdty-cont-sedac img {
        width: 400px;
        margin: 40px auto
    }

    .my-col {
        margin-bottom: 30px
    }

    .sedac-img-box {
        width: 100%;
        margin: 3rem auto
    }

    .sedac-img-box img {
        width: 100%;
        margin-top: 25px
    }
}

.max-dirsir {
    background-color: #f2f2f2
}

.my-dirsir-bg {
    background-color: #fff
}

.dirsir-my-row {
    margin-top: 0px
}

.dirsir-left-box {
    width: 99%
}

.dirsir-right-box {
    width: 98%
}

.dirsir-right-box img {
    width: 99%
}

.dirsir-cont1, .dirsir-cont2 {
    float: left;
    margin-top: 70px
}

.dirsir-cont1 {
    width: 35%
}

.dirsir-cont1 img {
    width: 280px;
    height: 145px
}

.dirsir-cont2 {
    width: 65%
}

.dirsir-cont-box {
    margin-left: -46px
}

.dirsir-nav {
    border-bottom: 1px solid #e8e8e8;
    width: 530px
}

.dirsir-cont-cont1 {
    width: 74%;
    padding-left: 1rem;
    box-sizing: border-box;
    padding-top: 20px \9
}

.dirsir-cont-img1 img {
    width: 100%
}

@media (min-width: 992px) {
    .dirsir-my-row {
        margin-top: 0px
    }

    .dirsir-nav {
        border-bottom: 1px solid #e8e8e8;
        width: 100%;
        height: 56px
    }

    .dirsir-cont-cont1 {
        width: 62%;
        padding-top: 20px;
        padding-top: 20px \9
    }

    .dirsir-cont-img1 img {
        width: 20rem;
        height: 100%
    }
}

.dirsir-nav-cont {
    overflow: hidden;
    margin-left: -40px
}

.dirsir-nav-cont li {
    float: left;
    margin-left: 20px;
    color: #7a7a7a;
    font-size: 16px
}

.dirsir-nav-cont li:visited {
    color: #0094d3
}

.dirsir-content-box {
    overflow: hidden;
    width: 98%;
    margin: 0 auto;
    border-bottom: 1px solid #e8e8e8
}

.dirsir-cont-cont1, .dirsir-cont-img1 {
    float: left
}

.dirsir-cont-img1 {
    width: 26%
}

.dirsir-cont-cont1 h2 {
    font-size: 1.6rem;
    color: #232323;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 3px
}

.dirsir-cont-cont1 small {
    font-size: 1rem;
    color: #9e9e9e;
    margin-left: 1px
}

.dirsir-cont-cont1 p {
    font-size: 1.3rem;
    color: #474747;
    margin: 0px 1px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.dirsir-nav-right {
    border-bottom: 1px solid #e8e8e8
}

.dirsir-nav-right span {
    font-size: 16px;
    line-height: 55px;
    height: 55px;
    padding-left: 10px
}

.dirsir-new-title span {
    background-color: #ff7814;
    border-radius: 3px;
    padding: 0.1px 5px 0.1px;
    color: #fff;
    font-size: 14px
}

.dirsir-new-cont span {
    line-height: 20px;
    font-size: 14px;
    color: #222222;
    padding-left: 0px
}

.dirsir-new-cont small {
    padding-left: 10px;
    color: #9e9e9e;
    font-size: 13px
}

.dirsir-new-cont, .dirsir-new-title {
    float: left
}

.dirsir-new-title-box {
    overflow: hidden;
    margin-left: -20px
}

.dirsir-new-title {
    width: 15%;
    margin-top: 14px
}

.dirsir-new-cont {
    width: 85%;
    margin-top: 10px;
    text-align: left;
    padding-right: 15px
}

.dirsir-new-cont:last-child {
    padding-bottom: 15px
}

.my-dir-color2 span {
    background-color: #ff9813
}

.my-dir-color3 span {
    background-color: #ffb759
}

.my-dir-color4 span {
    background-color: #bebebe
}

.dirsir-new-cont img {
    width: 16px;
    margin-left: 10px
}

.dirsir-righttop-img {
    border-top: 8px solid #f2f2f2
}

.dirsir-righttop-img img {
    width: 100%
}

.dirsir-img-box {
    width: 100%
}

.dirsir-img-box img {
    width: 85%
}

.dirsir-cont-header {
    border-bottom: 1px solid #e9e8e8;
    margin-bottom: 10px;
    margin-top: 20px
}

.dirsir-content-box {
    width: 93%;
    margin: 0 auto;
    padding-top: 10px
}

.dirsir-content-cont {
    font-size: 1.4rem;
    color: #1d1d1d;
    text-indent: 2em;
    text-indent: 2em \9;
    line-height: 30px;
    line-height: 30px \9;
    font-size: 14px \9
}

.dirsir-cont-img2 {
    width: 468px;
    margin: 0 auto
}

.dirsir-feader-cont {
    border-bottom: 1px solid #e9e8e8
}

.dirsir-feader-right, .dirsir-feader-left {
    float: left;
    margin-top: 30px;
    padding-bottom: 20px;
    color: #575757;
    font-size: 14px
}

.dirsir-feader-left {
    width: 100%
}

.dirsir-feader-right {
    width: 100%;
    display: none
}

@media (min-width: 992px) {
    .dirsir-feader-right {
        width: 100%;
        display: block
    }
}

.dirsir-feader-left strong {
    margin-left: 14px;
    color: #252525
}

.dirsir-cont-header small {
    color: #9b9b9b;
    font-size: 1.4rem
}

.dirsir-cont-header h4 {
    font-size: 1.2rem;
    color: #9b9b9b;
    padding-top: 0px;
    padding-bottom: 10px;
    text-align: left
}

.dirsir-gjc-cont {
    color: #5e5e5e;
    padding-top: 10px
}

.dirsir-cont-img1-1 img {
    width: 100%;
    margin: 0 auto;
    height: 100%
}

.dirsir-cont-img2, .dirsir-cont-img2 img {
    width: 100%
}

.dirsir-right-box {
    display: none
}

.my-dirsir-but {
    float: right;
    color: #e9e8e8
}

.dirsir-lun-left {
    margin-top: 140%;
    width: 10px
}

.dirsir-look-img {
    margin-left: 5px;
    margin-right: 5px
}

.my-dirsir-but {
    float: right;
    color: #585858;
    border-color: #e7e8e8;
    background-color: #fff
}

.my-dirsir-but:hover {
    background-color: #e8e6e6
}

.dirsir-nav-cont li {
    text-align: center
}

.dirsir-nav-cont li a {
    color: #666;
    display: block
}

.dirsir-nav-cont li a:hover {
    color: #30b3eb;
    border-bottom: 1px solid #30b3eb;
    text-decoration: none
}

.dirsir-nav-cont li a.hover {
    color: #30b3eb;
    border-bottom: 1px solid #30b3eb
}

@media (min-width: 992px) {
    .dirsir-content-box {
        padding-top: 0px
    }

    .max-dirsir {
        background-color: #f2f2f2
    }

    .dirsir-right-box img {
        width: 100%
    }

    .dirsir-nav-cont {
        overflow: hidden;
        margin-left: 0px
    }

    .dirsir-cont1, .dirsir-cont2 {
        float: left;
        margin-top: 70px
    }

    .dirsir-cont1 {
        width: 35%
    }

    .dirsir-cont1 img {
        width: 280px;
        height: 145px
    }

    .dirsir-cont2 {
        width: 65%
    }

    .dirsir-cont-box {
        margin-left: -46px
    }

    .dirsir-nav-cont li {
        float: left;
        margin-left: 40px;
        color: #7a7a7a;
        font-size: 16px;
        padding: 16px 0 16px 0
    }

    .dirsir-nav-cont li:first-child {
        margin-left: 0px
    }

    .dirsir-content-box {
        overflow: hidden;
        width: 98%;
        margin: 0 auto;
        border-bottom: 1px solid #e8e8e8
    }

    .dirsir-cont-img1 img {
        width: 100%
    }

    .dirsir-cont-cont1, .dirsir-cont-img1 {
        float: left
    }

    .dirsir-cont-cont1 {
        width: 74%;
        padding-left: 15px
    }

    .dirsir-cont-img1 {
        width: 26%;
        padding 15px 0;
        margin-top: 20px
    }

    .dirsir-cont-cont1 h2 {
        font-size: 24px;
        color: #232323;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 8px
    }

    .dirsir-cont-cont1 small {
        font-size: 13px;
        color: #9e9e9e
    }

    .dirsir-cont-cont1 p {
        font-size: 14px;
        color: #474747;
        margin: 0px 0px 25px;
        text-overflow: clip;
        white-space: normal;
        position: relative;
        height: 6.5em;
        overflow: hidden;
        padding-top: 6px;
        line-height: 21px
    }

    .dirsir-cont-cont1 p::after {
        content: "...";
        font-weight: bold;
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0 20px 1px 45px;
    }

    .dirsir-nav-right {
        border-top: 10px solid #F0F0F0
    }

    .dirsir-nav-right span {
        font-size: 16px;
        line-height: 55px;
        height: 55px;
        padding-left: 10px
    }

    .dirsir-new-title span {
        background-color: #ff7814;
        border-radius: 3px;
        padding: 0.1px 5px 0.1px;
        color: #fff;
        font-size: 12px
    }

    .dirsir-new-cont span {
        line-height: 20px;
        font-size: 14px;
        color: #222222;
        padding-left: 0px;
        text-overflow: clip;
        white-space: normal;
        position: relative;
        height: 1.6em;
        display: block;
        overflow: hidden;
        padding-top: 2px
    }

    .dirsir-new-cont small {
        padding-left: 10px;
        color: #9e9e9e;
        font-size: 13px
    }

    .dirsir-new-cont, .dirsir-new-title {
        float: left
    }

    .dirsir-new-title-box {
        overflow: hidden
    }

    .dirsir-new-title {
        width: 12%;
        margin-top: 14px
    }

    .dirsir-new-cont {
        width: 88%;
        margin-top: 10px;
        text-align: left;
        padding-right: 11px
    }

    .dirsir-new-cont:last-child {
        padding-bottom: 0px
    }

    .my-dir-color2 span {
        background-color: #ff9813
    }

    .my-dir-color3 span {
        background-color: #ffb759
    }

    .my-dir-color4 span {
        background-color: #bebebe
    }

    .dirsir-new-cont img {
        width: 16px;
        margin-left: 10px
    }

    .dirsir-righttop-img {
        border-top: 8px solid #f2f2f2
    }

    .dirsir-righttop-img img {
        width: 100%
    }

    .dirsir-img-box {
        width: 100%
    }

    .dirsir-img-box img {
        width: 100%;
        height: 395px
    }

    .dirsir-lun-left {
        margin-top: 150%;
        width: 20px
    }

    .dirsir-content-box {
        width: 96%
    }

    .dirsir-content-cont {
        font-size: 14px;
        line-height: 30px;
        text-indent: 2em
    }

    .dirsir-cont-img2 {
        width: 468px;
        margin: 0 auto
    }

    .dirsir-feader-left {
        width: 75%;
        margin-top: 40px
    }

    .dirsir-feader-right {
        width: 19%
    }

    .dirsir-feader-right p {
        text-align: center
    }

    .dirsir-cont-header small {
        font-size: 13px;
        padding-top: 20px
    }

    .dirsir-cont-header h4 {
        font-size: 13px
    }

    .dirsir-right-box {
        display: block
    }
}

.partners-bs {
    color: #fff
}

.partners-banner {
    margin-top: 52px;
    background-image: url("../images/banner.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    margin: 0px auto
}

.partners-banner-title h2 {
    font-size: 3rem;
    text-align: center;
    margin-top: 90px
}

.partners-banner-title p {
    text-align: center;
    font-size: 1.2rem
}

.par-banner-xian, .par-banner-xian img {
    width: 95%;
    margin: 0 auto
}

.my-tner-input {
    width: 55%;
    height: 60px
}

.my-par-anniu {
    width: 35%
}

.my-partner-bat {
    background-color: #30b3eb
}

.my-partner-box {
    margin: 0 auto
}

.my-partner-input {
    width: 500px
}

.my-par-anniu {
    font-size: 20px;
    border: 0px solid #CCC;
    padding-bottom: 20px;
    padding-top: 20px
}

.my-par-top {
    margin-top: 200px
}

.par-banner-box2 {
    margin-bottom: 30px;
    display: block
}

.par-left-img1-box, .par-left-img2-box, .par-left-img3-box {
    float: left
}

.par-left-img1-box, .par-left-img2-box {
    width: 50%;
    margin-top: 30px
}

.par-left-img1-box {
    margin-top: 60px
}

.par-left-img3-box {
    width: 50%;
    margin-top: -16px
}

.par-hxjz-box h2 {
    text-align: center;
    font-size: 2.2rem
}

.par-hxjz-box p, .par-khjs-box p {
    font-size: 1.2rem;
    text-align: center;
    padding-bottom: 20px
}

.hxjz-cont-box {
    overflow: hidden;
    margin-left: -20px
}

.hxjz-left-box, .hxjz-right-box {
    float: left
}

.hxjz-left-box {
    width: 40%;
    padding-top: 10px
}

.hxjz-right-box {
    width: 60%
}

.hxjz-right-box h3, .hxjz-right-box p {
    text-align: left
}

.hxjz-right-box h3 {
    font-size: 1.8rem;
    color: #333333
}

.hxjz-right-box p {
    font-size: 1.2rem;
    color: #666666;
    padding-top: 12px
}

@media (min-width: 992px) {
    .par-row-box-top {
        margin-top: 50px
    }

    .par-xyhb-box h2 {
        text-align: center;
        font-size: 40px;
        padding-bottom: 60px
    }

    .partners-banner-title h2 {
        font-size: 84px;
        text-align: center;
        margin-top: 160px
    }

    .partners-banner-title p {
        text-align: center;
        font-size: 19px
    }

    .par-banner-xian, .par-banner-xian img {
        width: 560px;
        margin: 0 auto
    }

    .my-tner-input {
        width: 650px;
        height: 60px
    }

    .par-banner-box2 {
        margin-bottom: 110px;
        display: block
    }

    .par-left-img1-box, .par-left-img2-box, .par-left-img3-box {
        float: left
    }

    .par-left-img1-box, .par-left-img2-box {
        width: 30%;
        margin-top: 0px
    }

    .par-left-img1-box {
        margin-top: 60px
    }

    .par-left-img3-box {
        width: 20%;
        margin-top: 150px
    }

    .par-hxjz-box h2 {
        text-align: center;
        font-size: 40px
    }

    .par-hxjz-box h2 {
        font-size: 40px
    }

    .par-hxjz-box p, .par-khjs-box p {
        font-size: 18px;
        text-align: center;
        padding-bottom: 60px
    }

    .hxjz-left-box, .hxjz-right-box {
        float: left
    }

    .hxjz-left-box {
        width: 22%;
        padding-top: 10px
    }

    .hxjz-right-box {
        width: 78%;
        margin-top: 15px
    }

    .hxjz-right-box h3, .hxjz-right-box p {
        text-align: left
    }

    .hxjz-right-box h3 {
        font-size: 20px
    }

    .hxjz-right-box p {
        font-size: 14px
    }
}

.par-xzwm-box {
    background-color: #fff
}

.par-pos-box {
    position: relative
}

.par-img-box {
    overflow: hidden;
    margin-top: 150px
}

.par-img3-box p {
    font-size: 1.2rem;
    text-align: center
}

.par-img3-box h2 {
    margin-top: 70px;
    font-size: 2rem
}

.par-cont1, .par-cont2 {
    width: 100%;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 20px;
    color: #FFF
}

.par-cont3, .par-cont4 {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    width: 100%
}

@media (min-width: 992px) {
    .par-img-box {
        overflow: hidden;
        margin: 80px 0 60px 0
    }

    .par-img3-box p {
        font-size: 14px
    }

    .par-cont1, .par-cont2 {
        font-size: 32px
    }

    .par-cont3, .par-cont4 {
        font-size: 28px
    }
}

.par-left-img1-box img, .par-left-img2-box img, .par-left-img3-box img, .par-left-img4-box img {
    width: 100%
}

.par-cont1 {
    background-color: #30b3eb
}

.par-cont2 {
    background-color: #10bab8
}

.par-cont3 {
    background-color: #eb734e
}

.par-cont4 {
    background-color: #ef44a9
}

.par-img3-box {
    text-align: center
}

.par-hxjz-box {
    background-color: #f5f5f5
}

.par-khjs-box {
    background-color: #fff;
    height: 750px
}

.par-khjs-box h2 {
    text-align: center;
    font-size: 40px
}

.cs_image_all {
    margin: 0 auto;
    overflow: hidden;
    position: absolute
}

.cs_image_list {
    float: left;
    margin: 0px;
    position: relative;
    width: 31.5%
}

.cs_content_image {
    width: 353px;
    height: 353px
}

.ewm_img {
    height: 353px;
    width: 353px;
    position: absolute;
    top: -360px;
    background: rgba(0, 0, 0, 0.8);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s
}

.ewm_img img {
    margin-top: 130px;
    margin-left: 110px
}

.ewm_img p {
    font-size: 24px;
    color: #fff;
    margin-top: 30px
}

.ewm_img.active {
    bottom: 0;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s
}

.cs_image_list h3 {
    text-align: left
}

.par-xyhb-box1 {
    background-color: #f5f5f5;
    padding-bottom: 30px
}

@media (min-width: 992px) {
    .par-xyhb-box1 {
        padding-bottom: 60px
    }
}

.xyhb-cont-box {
    overflow: hiden
}

.xycont-box {
    overflow: hidden
}

.xyhb-left-box, .xyhb-right-box {
    float: left;
    margin-top: 20px
}

.xyhb-left-box img {
    width: 100%
}

.xyhb-left-box {
    width: 46%;
    padding-top: 10px
}

.xyhb-right-box {
    width: 48%;
    margin-top: 30px;
    margin-left: 10px
}

.xyhb-right-box h3, .xyhb-right-box p {
    text-align: left
}

.xyhb-right-box h3 {
    font-size: 1.6rem;
    color: #333333
}

.xyhb-right-box p {
    font-size: 1.2rem;
    color: #666666;
    padding-top: 12px;
    line-height: 20px
}

.par-left-input, .par-right-but {
    float: left;
    height: 40px
}

.par-left-input {
    width: 70%;
    border-radius: 10px 0px 0px 10px;
    background-color: #fff
}

.par-right-but {
    width: 30%;
    background-color: #30b3eb;
    border-radius: 0px 8px 8px 0px;
    font-size: 1.3rem;
    line-height: 25px;
    text-align: center
}

.par-banner-box2 {
    width: 96%;
    margin: 0 auto;

    padding-top: 60px
}

.my-par-input {
    height: 100%;
    font-size: 1.3rem;
    padding-left: 15px;
    border: none;
    border-radius: 8px 0px 0px 8px
}

.my-par-btn {
    background-color: #30b3eb;
    width: 100%;
    height: 90%;
    border: none
}

.my-par-btn:hover {
    background-color: #5bc0de
}

.btn-primary:focus, .btn-primary.focus {
    color: #FFF;
    background-color: #0d91ca
}

.btn-primary:hover, .btn-primary.hover {
    color: #FFF;
    background-color: #0d91ca;
    border: 1px solid #0d91ca
}

@media (min-width: 992px) {
    .xyhb-right-box p {
        padding-top: 16px
    }

    .my-par-input {
        height: 100%;
        font-size: 20px;
        line-height: 60px
    }

    .par-img3-box h2 {
        margin-top: 50px;
        font-size: 30px
    }

    .xyhb-right-box {
        margin-top: 40px;
        margin-left: 30px
    }

    .xyhb-right-box h3 {
        font-size: 28px;
        padding-top: 20px
    }

    .xyhb-right-box p {
        font-size: 14px;
        line-height: 20px
    }

    .par-left-input, .par-right-but {
        height: 60px
    }

    .par-left-input {
        width: 80%
    }

    .par-right-but {
        width: 20%;
        font-size: 21px
    }

    .par-banner-box2 {
        width: 65%;
        padding-bottom: 60px;
        padding-top: 70px
    }
}

.cd-container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto
}

.cd-container::after {
    content: '';
    display: table;
    clear: both
}

.nian-pos {
    position: absolute;
    left: 40px;
    top: 6px;
    font-size: 1.5rem
}

#cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
    overflow: hidden
}

#cd-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 1px;
    background: #d7e4ed
}

@media only screen and (min-width: 1170px) {
    #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
        overflow: hidden
    }

    #cd-timeline::before {
        left: 50%;
        margin-left: -2px
    }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0
}

.cd-timeline-block:after {
    content: "";
    display: table;
    clear: both
}

.cd-timeline-block:first-child {
    margin-top: 0
}

.cd-timeline-block:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-block {
        margin: -4em 0
    }

    .cd-timeline-block:first-child {
        margin-top: 0
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0
    }
}

.cd-timeline-img {
    position: absolute;
    top: 18px;
    left: 14px;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.cd-timeline-img img {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 0%;
    margin-left: -12px;
    margin-top: -12px
}

.cd-timeline-img.cd-picture {
    background: #fff
}

.cd-timeline-img.cd-movie {
    background: #fff
}

.cd-timeline-img.cd-location {
    background: #fff
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-img img {
        display: block;
        width: 24px;
        height: 24px;
        position: relative;
        left: 50%;
        top: 460%;
        margin-left: -12px;
        margin-top: -12px
    }

    .cd-timeline-img.cd-movie {
        background: #FFF none repeat scroll 0% 0%
    }

    .nian-pos {
        position: absolute;
        left: 400px;
        top: 50px;
        font-size: 30px
    }

    .cd-timeline-img {
        width: 10px;
        height: 10px;
        left: 50%;
        margin-left: -6px;
        margin-top: 10px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden
    }

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: #30b3eb;
    border-radius: 0.5em;
    padding: 1em
}

.cd-timeline-content:after {
    content: "";
    display: table;
    clear: both
}

.cd-timeline-content h2 {
    color: #303e49
}

.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 13px;
    font-size: 0.8125rem
}

.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    display: inline-block
}

.cd-timeline-content p {
    margin: 1em 0;
    line-height: 1.6
}

.cd-timeline-content .cd-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: #30b3eb;
    border-radius: 0.25em
}

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb
}

a.cd-read-more:hover {
    text-decoration: none;
    background-color: #424242
}

.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #30b3eb
}

@media only screen and (min-width: 768px) {
    .cd-timeline-content h2 {
        font-size: 20px;
        font-size: 1.25rem
    }

    .cd-timeline-content p {
        font-size: 16px;
        font-size: 1rem
    }

    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        font-size: 14px;
        font-size: 0.875rem
    }
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%
    }

    .cd-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: #30b3eb
    }

    .cd-timeline-content .cd-read-more {
        float: left
    }

    .cd-timeline-content .cd-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px;
        font-size: 16px;
        font-size: 1rem
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: #30b3eb
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
        float: right
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right
    }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s
    }
}

@media only screen and (min-width: 1170px) {
    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        -moz-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s
    }

    .cd-timeline-block {
        position: relative
    }
}

.pro-xieyi-box {
    height: 400px
}

.pro-my-tk1 {
    overflow-y: scroll;
    overflow-x: hidden
}

.pro-xieyi-box p {
    font-size: 1.2rem;
    color: #6e6d6d;
    margin-top: 10px;
    line-height: 20px;
    text-indent: 2em
}

.pro-xieyi-box span {
    text-indent: 2em;
    display: block
}

.pro-xieyi-box h4 {
    font-size: 1.4rem;
    text-align: left;
    line-height: 20px;
    text-indent: 2em
}

@media (min-width: 992px) {
    .pro-xieyi-box {
        height: 380px
    }

    .pro-xieyi-box p {
        font-size: 12px;
        line-height: 20px
    }

    .pro-xieyi-box h4 {
        font-size: 14px;
        line-height: 20px
    }
}

.izl-rmenu {
    position: fixed;
    right: 10px;
    bottom: 24px;
    padding-bottom: 10px;
    background: url("../images/r_b.png") 0px bottom no-repeat;
    z-index: 1100
}

.izl-rmenu .btn1 {
    width: 62px;
    height: 63px;
    margin-bottom: 1px;
    cursor: pointer;
    position: relative;
    display: none;
    border-radius: 100%
}

.izl-rmenu .btn-qq {
    background: url("../images/r_qq.png") no-repeat;
    background-size: 62px 63px
}

.izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited {
    background: url("../images/r_qq.png") no-repeat;
    background-size: 62px 63px;
    text-decoration: none;
    display: none
}

.izl-rmenu .btn-wx {
    background: url("../images/r_wx.png") no-repeat;
    background-size: 62px 63px
}

.izl-rmenu .btn-wx .pic {
    position: absolute;
    left: -160px;
    top: 0px;
    display: none;
    width: 160px;
    height: 160px
}

.izl-rmenu .btn-phone {
    background: url("../images/r_phone.png") no-repeat;
    background-size: 62px 63px
}

.izl-rmenu .btn-phone .phone {
    background-color: #30b3eb;
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 63px;
    color: #FFF;
    font-size: 16px;
    text-align: center;
    display: none
}

.izl-rmenu .btn-top {
    background: url("../images/r_top.png") no-repeat;
    background-size: 62px 63px
}

@media (min-width: 992px) {
    .izl-rmenu .btn1 {
        width: 62px;
        height: 63px;
        margin-bottom: 1px;
        cursor: pointer;
        position: relative;
        display: block;
        border-radius: 0%
    }

    .izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited {
        background: url("../images/r_qq.png") no-repeat;
        background-size: 62px 63px;
        text-decoration: none;
        display: block
    }

    .izl-rmenu .btn-top {
        background-size: 62px 63px
    }

    .izl-rmenu .btn-top:hover {
        background-color: rgba(68, 68, 68, 0.8)
    }
}

@media (min-width: 992px) {
    .modal-header h4 {
        font-size: 28px
    }

    .modal-header span {
        font-size: 14px
    }

    .my-control-label {
        font-size: 17px
    }

    .my-form-control {
        height: 40px
    }

    .my-form-group {
        margin-bottom: 40px
    }

    .col-sm-10 span {
        font-size: 14px
    }

    .my-but-left, .my-but-right {
        float: left;
        width: 46%;
        margin-left: 20px
    }

    .my-but-box {
        width: 80%;
        margin-top: 0px
    }
}

.modal-header span {
    color: #4c4c4c;
    font-size: 1.4rem
}

.my-control-label {
    font-size: 1.6rem;
    color: #454545;
    font-weight: 100
}

.my-form-control {
    height: 40px;
    width: 100%;
    border-radius: 0;
    padding: 10px
}

.col-sm-10 span {
    color: #6e6d6d;
    font-size: 1.2rem
}

.my-form-group {
    margin-bottom: 20px
}

.my-but-left, .my-but-right {
    float: left;
    width: 40%;
    margin-left: 18px
}

.my-but-box {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    margin-left: 0px
}

@media (min-width: 992px) {
    .my-but-box {
        margin-left: 30px
    }
}

.my-btn-info {
    background-color: #c4c4c4;
    border-color: #c4c4c4
}

.my-btn-info:hover {
    background-color: #bbbbbb;
    border-color: #bbbbbb
}

}
.user-time-color a {
    color: #30b3eb
}

#topic_content img {
    width: 100%
}

.nav-zcd-1 h3 {
    font-size: 1.4rem;
}

.nav-zcd-1 span {
    font-size: 1rem
}

@media (min-width: 992px) {
    .nav-zcd-1 h3 {
        font-size: 22px
    }

    .nav-zcd-1 span {
        font-size: 16px
    }

    .submnu {
        position: absolute;
        z-index: 6;
        background-color: rgba(0, 0, 0, 0.7);
        display: none;
        left: 0;
        right: 0
    }

    @media \0screen\,screen\9 {
        .submnu {
            background-color: #7a7a7a;
            filter: Alpha(opacity=70);
            *zoom: 1
        }
    }.head .nav .menu .imenu a:hover {
         background: #3e99ee;
         color: #FFF
     }

    .head .nav .menu .imenu_on {
        background: #3e99ee
    }

    .head .nav .menu .imenu_on a {
        color: #FFF
    }

    .header-xl-con {
        margin: 0 auto;
        margin-left: 0px;
        padding: 3.2rem 0;
        overflow: hidden;
        padding-top: 5rem \9;
        padding-bottom: 5rem \9
    }
}

.canvas1 .items {
    margin-left: -20px
}

.canvas1 .items-li img {
    width: 100%
}

.canvas1 .items-li {
    margin-top: 5rem
}

.canvas1 .items-li .title a {
    color: #454545;
    font-size: 1.8rem
}

.canvas1 .items-li .description {
    display: block;
    font-size: 1.2rem;
    color: #4d4d4d;
    text-align: left;
    margin-top: 10px
}

.canvas1 .items-li .wrap_div p {
    height: 20px;
    overflow: hidden;
    text-align: center;
    font-size: 1.2rem;
    color: #30B3EB
}

.ser-detail-title {
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    margin: 0px auto;
    padding-left: 1.5rem
}

.ser-detail-title a {
    color: #7a7a7a
}

.bs-example-modal-sm img {
    position: absolute;
    width: 150px;
    height: auto;
    position: absolute;
    top: 100px;
    left: 80px;
    opacity: 1;
    overflow: visible
}

@media (min-width: 992px) {
    .canvas1 .items {
        margin-left: 0px
    }

    .canvas1 {
        width: 1170px;
        margin: 0 auto;
        margin-top: 10px;
        overflow: hidden
    }

    .cover-page-index .boutique .items {
        float: left
    }

    .canvas1 .items-li {
        float: left;
        width: 30%;
        margin-left: 30px;
        margin-bottom: 11px;
        padding-bottom: 10px;
        background-color: #fff;
        box-sizing: border-box;
        margin-top: 50px;
        margin-bottom: 50px
    }

    .canvas1 .items-li:first-child {
        margin-left: 0px
    }

    .canvas1 h3 {
        text-align: left;
        font-size: 36px;
        margin: 36px 0
    }

    .canvas1 .more-services {
        float: right;
        margin: 36px 0
    }

    .canvas1 .active {
        box-shadow: 0 0 10px rgba(0, 0, 0, .2)
    }

    .canvas1 .items-li .wrap_div {
        height: 120px;
        position: relative;
        z-index: 2;
        background: white
    }

    .canvas1 .items-li .wrap_div p {
        height: 20px;
        overflow: hidden;
        text-align: center;
        font-size: 12px;
        color: #30b3eb
    }

    .canvas1 .items-li .wrap_div div {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 100;
        width: 100%;
        background: white
    }

    .canvas1 .items-li .wrap_div p {
        text-align: center;
        margin-top: 5px;
        height: 0px;
        overflow: hidden;
        _line-height: 0
    }

    .canvas1 .items-li > a {
        display: block;
        width: 100%;
        text-align: center;
        line-height: 290px
    }

    .canvas1 .items-li img {
        max-width: 100%
    }

    .canvas1 .items-li .title {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 5px;
        font-weight: normal;
        line-height: 22px;
        text-align: center
    }

    .canvas1 .items-li .title a {
        color: #454545;
        font-size: 28px
    }

    .canvas1 .items-li .title a:hover {
        color: #30b3eb
    }

    .canvas1 .items-li .description {
        display: block;
        font-size: 14px;
        color: #6c6c6c;
        text-align: left;
        margin-top: 10px
    }

    .canvas1 .items-li .description a {
        color: #4d4d4d
    }

    .canvas1 .items-li .price-attente {
        margin-top: 5px
    }

    .canvas1 .items-li .price-attente .price {
        float: left;
        margin-left: 60px;
        font-size: 12px;
        color: #ef353d
    }

    .canvas1 .items-li .price-attente .attente {
        float: right;
        margin-right: 60px;
        padding-left: 15px;
        font-size: 12px;
        color: #71cd9c;
        background-image: url("../images/cover-page-attente.png");
        background-repeat: no-repeat;
        background-position: left center;
        cursor: pointer
    }

    .bs-example-modal-sm img {
        position: absolute;
        width: 330px;
        height: auto;
        position: absolute;
        top: 306px;
        left: 754px;
        opacity: 1;
        overflow: visible
    }

    .new-add-cont {
        padding: 1rem;
        margin-top: 1rem
    }

    .modal-header1 {
        min-height: 16.4286px;
        padding: 15px
    }

    .ser-detail-title {
        height: 50px;
        line-height: 50px;
        font-size: 13px;
        margin: 0px auto;
        padding-left: 1.5rem
    }

    .ser-detail-title a {
        color: #666
    }
}

.my-steps {
    margin-top: 20px
}

.new-add-cont {
    padding: 1rem;
    margin-top: 1rem
}

.bgf9f7f1 {
    background: #F9F7F1 none repeat scroll 0% 0%
}

.top1 {
    height: 28px;
    width: 100%;
    font-size: 12px;
    color: #FFF;
    background: #183347
}

.top1_con {
    width: 1210px;
    height: 28px;
    line-height: 28px
}

.top1_con_lft {
    width: 240px;
    float: left
}

.top1_con_rgt {
    width: 350px;
    float: right;
    margin-top: 2px
}

.top1_con_rgt span {
    font-weight: bold;
    display: block;
    width: 100px;
    height: 24px;
    float: right;
    line-height: 24px;
    margin-left: 28px;
    _margin-left: 10px
}

.top1_con_rgt ul li {
    float: right;
    margin-right: 5px
}

.top1_con_rgt a.fnt:link {
    width: 30px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    display: block;
    float: left;
    margin-left: 2px;
    color: #cccccc
}

.top1_con_rgt a.fnt:visited {
    color: #cccccc
}

.top1_con_rgt a.fnt:hover {
    color: #ffffff
}

.top1_con_rgt a.pic1 {
    width: 12px;
    height: 15px;
    margin-top: 3px;
    margin-left: 15px;
    background: url("../images/top1.png") 0px 0px;
    text-align: center;
    display: block;
    float: left
}

.top1_con_rgt a.pic2 {
    width: 18px;
    height: 15px;
    margin-top: 3px;
    margin-left: 5px;
    background: url("../images/top1.png") 38px 0px;
    text-align: center;
    display: block;
    float: left
}

.top1_con_rgt a.pic3 {
    width: 18px;
    height: 15px;
    margin-top: 3px;
    margin-left: 5px;
    background: url("../images/top1.png") 18px 0px;
    text-align: center;
    display: block;
    float: left
}

.top1_con_rgt a.wechat_qrcode {
    position: relative
}

.top1_con_rgt a.wechat_qrcode span {
    position: absolute;
    top: 24px;
    right: -28px;
    width: 120px;
    height: 120px;
    display: none;
    z-index: 18
}

.top1_con_rgt a.wechat_qrcode:hover span {
    display: block
}

.top2 {
    height: 90px;
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #CCC;
    clear: both
}

.top2_con {
    width: 1210px;
    height: 90px;
    position: relative
}

.top2_con img {
    display: block;
    position: absolute;
    top: 13px
}

.top2_con .mune {
    width: 918px;
    position: absolute;
    top: 40px;
    right: 0
}

.top2_con .mune .lavaLamp {
    position: relative;
    height: 48px;
    overflow: hidden
}

.top2_con .mune .lavaLamp li {
    float: left;
    font-size: 18px;
    _width: 60px;
    margin: 0px 13px;
    _margin-left: 9px;
    height: 48px;
    z-index: 10
}

.top2_con .mune .lavaLamp li.back {
    border-bottom: 3px solid #9dce18;
    color: #333;
    width: 9px;
    height: 10px;
    top: 30px;
    margin: 0;
    z-index: 8;
    position: absolute
}

.top2_con .mune .lavaLamp li.back .left {
    border-bottom: 3px solid #9dce18;
    color: #333;
    height: 40px;
    margin-right: 9px
}

.down {
    height: 151px;
    background: #505050
}

.down_con {
    width: 1210px;
    height: 151px;
    position: relative
}

.downCon_logo {
    display: block;
    position: absolute;
    margin-top: 40px;
    float: left
}

.downCon_nr {
    float: left;
    position: absolute;
    width: 680px;
    margin-top: 38px;
    margin-left: 260px;
    color: #e9e9e9
}

.downCon_nr ul {
    width: 680px;
    display: block;
    line-height: 35px;
    height: 35px
}

.downCon_nr ul li {
    float: left;
    margin: 0px 10px
}

.downCon_nr ul li a {
    color: #e9e9e9;
    font-size: 13px
}

.downCon_nr ul li a:hover {
    color: #ffffff
}

.downCon_nr span {
    display: block;
    padding-left: 10px;
    clear: both
}

a.downCon_gs {
    width: 49px;
    height: 60px;
    display: block;
    position: absolute;
    margin-top: 40px;
    margin-left: 1000px
}

.xuqiu {
    width: 100%;
    background: #f9f7f1;
    height: 370px
}

.xuqiu_con {
    width: 1210px;
    height: 370px;
    position: relative;
    margin: 0px auto
}

.xuqiucon_left {
    width: 390px;
    height: 270px;
    float: left;
    position: absolute;
    margin-top: 50px
}

.xuqiucon_left h3 {
    display: block;
    float: left;
    font-size: 36px;
    color: #5d5c5c;
    padding: 8px
}

.xuqiucon_left h4 {
    display: block;
    font-size: 16px;
    color: #7b7b7b;
    clear: both;
    width: auto;
    padding: 8px
}

.xuqiucon_left h5 {
    display: block;
    font-size: 12px;
    color: #9c9b9b;
    width: auto;
    padding: 0px 8px;
    background: none;
    text-align: left;
    line-height: 18px
}

.xuqiucon_left ul {
    margin-top: 18px
}

.xuqiucon_left ul li {
    display: block;
    font-size: 12px;
    padding-left: 8px;
    height: 35px;
    line-height: 35px
}

.xuqiucon_right {
    width: 642px;
    height: 254px;
    margin-top: 58px;
    float: left;
    position: absolute;
    left: 550px
}

.xuqiucon_right ul li {
    float: left;
    margin-left: 10px;
    width: 196px;
    display: block;
    _margin-left: 4px
}

.xuqiucon_right ul li.txtArea {
    widht: 100px;
    margin-top: 10px
}

.xuqiucon_right ul li input {
    width: 156px;
    height: 26px;
    padding-left: 40px;
    border: 1px solid #dcdcdc;
    color: #999999;
    line-height: 26px
}

.xuqiucon_right input.txt1 {
    background: url("../images/xuq_pic_03.jpg") #FFF 0 2px no-repeat
}

.xuqiucon_right input.txt2 {
    background: url("../images/xuq_pic_05.jpg") #FFF 0 2px no-repeat
}

.xuqiucon_right input.txt3 {
    background: url("../images/xuq_pic_07.jpg") #FFF 0 2px no-repeat
}

.xuqiucon_right .txtArea {
    width: 605px;
    height: 141px;
    color: #999999;
    padding-top: 10px;
    font-size: 12px;
    line-height: 20px
}

.xuqiucon_right .btnSubmit {
    height: 38px;
    width: 109px;
    margin-top: 28px;
    margin-left: 513px
}

.xuqiucon_right .btnSubmit input {
    width: 109px;
    height: 38px;
    background: url("../images/xuq_pic_21.jpg") no-repeat;
    margin: 0px;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 0px;
    border: none
}

.bannerComp {
    background: url("../images/company.png") center top;
    height: 533px;
    width: 100%
}

.guarantee_menu_bg {
    width: 100%;
    height: 168px;
    background: #FFF;
    border-bottom: 1px solid #cccccc;
    position: relative;
    z-index: 100
}

.guarantee_menu_main {
    width: 1210px;
    margin: 0 auto;
    padding: 10px 0 0 5px
}

ul.guarantee_menu {
    position: absolute;
    display: inline-block;
    z-index: 100;
    width: 1210px
}

ul.guarantee_menu li {
    float: left;
    margin: 10px 35px
}

ul.guarantee_menu li a, ul.guarantee_menu li a.selected {
    display: inline-block;
    height: 85px;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer
}

ul.guarantee_menu li a {
    color: #000
}

ul.guarantee_menu li a:hover {
    text-decoration: none
}

ul.guarantee_menu li a.selected {
    color: #FFF
}

ul.guarantee_menu li a span.menu_title, ul.guarantee_menu li a.selected span.menu_title {
    height: 34px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    font-weight: bold
}

ul.guarantee_menu li a.selected span.menu_title {
    background: #30b3e6
}

ul.guarantee_menu li a span.corn, ul.guarantee_menu li a.selected span.corn {
    height: 100px;
    background: url("../images/mune_bg_com.png") no-repeat 0 0 transparent;
    display: inline-block
}

ul.guarantee_menu li, ul.guarantee_menu li a span {
    width: 125px
}

ul.guarantee_menu li.brand_con, ul.guarantee_menu li.brand_con a span, ul.guarantee_menu li.user_confide, ul.guarantee_menu li.user_confide a span {
    width: 125px
}

ul.guarantee_menu li.unconditionally_backtrack, ul.guarantee_menu li.unconditionally_backtrack a span {
    width: 125px
}

ul.guarantee_menu li.quality_stock a span.corn {
    background-position: -35px 0
}

ul.guarantee_menu li.quality_stock a.selected span.corn {
    background-position: -35px -102px
}

ul.guarantee_menu li.brand_con a span.corn {
    background-position: -216px 0px
}

ul.guarantee_menu li.brand_con a.selected span.corn {
    background-position: -216px -102px
}

ul.guarantee_menu li.jianding_center a span.corn {
    background-position: -400px 0
}

ul.guarantee_menu li.jianding_center a.selected span.corn {
    background-position: -400px -102px
}

ul.guarantee_menu li.bold_consignment a span.corn {
    background-position: -578px 0
}

ul.guarantee_menu li.bold_consignment a.selected span.corn {
    background-position: -578px -102px
}

ul.guarantee_menu li.unconditionally_backtrack a span.corn {
    background-position: -761px 0
}

ul.guarantee_menu li.unconditionally_backtrack a.selected span.corn {
    background-position: -761px -102px
}

ul.guarantee_menu li.country_lead a span.corn {
    background-position: -941px 0
}

ul.guarantee_menu li.country_lead a.selected span.corn {
    background-position: -941px -102px
}

ul.guarantee_menu li.star_commend a span.corn {
    background-position: -581px 0
}

ul.guarantee_menu li.star_commend a.selected span.corn {
    background-position: -581px -50px
}

ul.guarantee_menu li.user_confide a span.corn {
    background-position: -671px 0
}

ul.guarantee_menu li.user_confide a.selected span.corn {
    background-position: -671px -50px
}

ul.guarantee_menu li.quality_photo a span.corn {
    background-position: -771px 0
}

ul.guarantee_menu li.quality_photo a.selected span.corn {
    background-position: -771px -50px
}

ul.guarantee_menu li.gold_service a span.corn {
    background-position: -861px 0
}

ul.guarantee_menu li.gold_service a.selected span.corn {
    background-position: -861px -50px
}

.guarantee_top, .guarantee_header {
    width: 100%;
    height: 400px
}

.guarantee_center {
    padding-top: 170px;
    overflow: hidden
}

#container {
    width: auto;
    margin-top: 0px
}

.cmy {
    width: 1210px;
    position: relative
}

.cmy h4 {
    font-size: 23px;
    color: #7c7c7c;
    display: block;
    font-weight: normal;
    position: absolute;
    margin-top: 40px
}

.cmy_1 {
    height: 350px
}

.cmy_1 .img1 {
    display: block;
    position: absolute;
    top: 155px;
    left: 22px
}

.cmy_1 .cmy_span {
    display: block;
    width: 955px;
    position: absolute;
    left: 247px;
    top: 110px;
    line-height: 21px
}

.cmy_2 {
    height: 442px
}

.cmy_2_ul {
    width: 1210px;
    position: absolute;
    margin-top: 130px;
    text-align: left
}

.cmy_2_ul li {
    width: 223px;
    height: 248px;
    float: left;
    margin: 0px 85px;
    _margin-left: 42px;
    background: url("../images/cmy2_ul_bg.jpg")
}

.cmy_2_ul li dl {
    margin-left: 56px;
    margin-top: 80px
}

.cmy_2_ul li dl dt {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px
}

.cmy_2_ul li dl dd {
    font-size: 13px;
    margin-top: 5px
}

.cmy_3 {
    height: 348px
}

.cmy_3_con {
    width: 1170px;
    position: absolute;
    margin-top: 95px;
    margin-left: 5px;
    color: #908e8e
}

.cmy_3_con dl dt {
    font-size: 19px;
    margin: 20px 0px 5px 0px
}

.cmy_4 {
    height: 414px
}

.cmy_4_con {
    width: 1170px;
    height: 265px;
    position: absolute;
    margin-top: 95px;
    margin-left: 5px;
    color: #908e8e
}

.cmy_4_con img {
    float: left;
    display: block
}

.cmy_4_con h3 {
    font-size: 16px;
    margin-left: 430px;
    display: block;
    width: 620px;
    text-align: left;
    color: #787878
}

.cmy_4_con dl {
    margin-left: 430px;
    display: block;
    padding: 2px 12px
}

.cmy_4_con dl dt {
    font-weight: bold
}

.cmy_5 {
    height: 528px
}

.cmy5_pic1 {
    position: absolute;
    display: block;
    margin: 105px 10px 0px 10px;
    float: left
}

.cmy_5 span {
    display: block;
    position: absolute;
    margin: 115px 10px 0px 310px;
    width: 870px;
    font-size: 18px;
    line-height: 33px
}

.cmy_5 ul {
    display: block;
    position: absolute;
    margin: 300px 10px 0px 300px
}

.cmy_5 ul li {
    float: left;
    margin-left: 20px
}

.cmy_6 {
    height: 350px
}

.cmy6_more {
    display: block;
    position: absolute;
    margin-top: 41px;
    margin-left: 1100px
}

.cmy6_newsTop {
    height: 195px;
    width: 640px;
    position: absolute;
    margin: 110px 10px 0px 10px
}

.cmy6_newsTop img {
    display: block;
    float: left
}

.cmy6_newsTop dl {
    width: 425px;
    height: 178px;
    display: block;
    float: left;
    margin: 20px 5px 20px 20px
}

.cmy6_newsTop .fnt16 {
    font-size: 16px;
    color: #666
}

.cmy6_newsTop .fnt12n {
    font-size: 13px;
    color: #858585;
    margin-top: 20px;
    line-height: 20px
}

.cmy6_newsTop .fnt12q {
    font-size: 12px;
    color: #b8b8b8;
    margin-top: 13px
}

.cmy6_newList {
    width: 460px;
    height: 190px;
    position: absolute;
    margin: 110px 10px 0px 700px
}

.cmy6_newList ul li {
    height: 38px;
    border-bottom: #CCC dashed 1px
}

.cmy6_newList ul li a {
    height: 38px;
    line-height: 38px;
    display: block;
    _padding-top: 11px;
    _height: 27px
}

.xieyi {
    width: 95%;
    height: 100%;
    margin: auto;
    position: relative
}

.xieyi h3 {
    font-size: 1.7rem;
    color: #676767;
    display: block;
    margin-top: 2rem;
    text-align: left;
    padding: 0px
}

.xieyi h4 {
    text-align: left;
    font-size: 1.6rem;
    color: #444;
    display: block;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    padding: 0px
}

.xieyi_con {
    width: 100%;
    height: auto;
    margin-top: 3rem;
    overflow: auto;
    background: #f9fafa;
    border: 1px solid #e1e1e1;
    padding: 18px
}

.xieyi_qr {
    width: 1170px;
    height: 34px;
    line-height: 34px;
    background: #f9fafa;
    border: 1px solid #e1e1e1;
    padding: 18px;
    margin-top: 18px;
    margin-bottom: 18px
}

.xieyi_btn {
    text-align: center;
    margin: 18px 0
}

.xieyi_btn a {
    width: 221px;
    height: 57px
}

.xieyi_btn a.xieyi_submit {
    -webkit-filter: grayscale(100%)
}

.pro_xq {
    width: 1210px;
    height: auto;
    margin: 0px auto
}

.pro_jj {
    width: 1081px;
    height: 278px;
    margin-top: 80px;
    margin-bottom: 20px;
    position: relative
}

.pro_jj img {
    display: block;
    float: left
}

.pro_jj h2 {
    font-size: 35px;
    display: block;
    margin-left: 40px;
    float: left;
    width: 570px;
    height: 60px;
    line-height: 60px
}

.pro_jj h6 {
    background: none;
    text-align: left;
    float: left;
    display: block;
    margin-left: 40px;
    width: 750px;
    height: 70px;
    line-height: 22px;
    font-size: 12px;
    font-weight: normal
}

.pro_jj span {
    display: block;
    font-size: 14px;
    color: #575757;
    width: 220px;
    margin-left: 40px;
    float: left;
    height: 50px;
    margin-top: 20px
}

.pro_jj span strong {
    font-size: 29px;
    color: #c60000
}

.pro_jj a {
    display: block;
    width: 186px;
    height: 46px;
    margin-left: 40px;
    margin-top: 20px;
    position: absolute;
    left: 260px;
    top: 190px
}

.pro_jj1 {
    margin-top: 50px;
    height: 100%;
    width: 100%
}

.slideTxtBox {
    width: 100%;
    text-align: left;
    height: 100%
}

.slideTxtBox .hd {
    height: 39px;
    line-height: 39px;
    border-bottom: 1px solid #ddd;
    position: relative;
    width: 100%
}

.slideTxtBox .hd ul {
    height: 39px;
    width: 1210px;
    margin: 0 auto;
    display: block
}

.slideTxtBox .hd ul li {
    float: left;
    margin-left: 10px;
    cursor: pointer;
    font-size: 17px;
    width: 108px;
    text-align: center;
    height: 39px;
    line-height: 39px
}

.slideTxtBox .hd ul li.on {
    height: 39px;
    background: #2bb0ea;
    color: #FFF;
    text-align: center
}

.slideTxtBox .bd ul {
    zoom: 1;
    margin: 0px auto
}

.slideTxtBox .bd li {
    height: 24px;
    line-height: 24px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: block;
    text-align: center
}

.slideTxtBox .bd li.bd_1 div {
    width: 100%
}

.slideTxtBox .bd li .date {
    float: right;
    color: #999
}

.slideTxtBox .bd li.bd_2 {
    margin-bottom: 15px
}

.bd2_pl {
    width: 1210px;
    margin-top: 25px;
    text-align: left
}

.bd2_pl ul {
    display: block;
    border: 1px #dddddd solid
}

.bd2_pl ul li {
    text-align: left;
    border-bottom: 1px #dddddd solid
}

.bd2_pl ul li.bd2_title span strong {
    color: #c60006
}

.bd2_pl ul li.bd2_title {
    background: #CCC;
    height: 31px;
    background: #fafafa;
    border-bottom: 1px #dddddd solid
}

.bd2_pl ul li.bd2_title h3 {
    padding: 0;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    display: block;
    width: 74px;
    height: 31px;
    line-height: 31px;
    float: left;
    margin-left: 12px
}

.bd2_pl ul li.bd2_title span {
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #888;
    width: 80px;
    height: 31px;
    line-height: 31px;
    float: left;
    margin-left: 1040px
}

.bd2_pl ul li .bd2_con_1 {
    height: 40px;
    width: 1210px
}

.bd2_pl ul li .bd2_con_1 h4 {
    display: block;
    font-size: 13px;
    text-align: left;
    width: 107px;
    height: 20px;
    line-height: 20px;
    color: #4ba1da;
    margin-left: 12px;
    margin-top: 15px;
    float: left
}

.bd2_pl ul li .bd2_con_1 h5 {
    display: block;
    font-size: 12px;
    background: none;
    width: 120px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    float: left;
    margin-top: 15px
}

.bd2_pl ul li .bd2_con_1 h6 {
    display: block;
    width: 85px;
    height: 17px;
    line-height: 17px;
    padding: 0px;
    background: none;
    background: url("../images/score.png") no-repeat scroll -7px -3px rgba(0, 0, 0, 0);
    display: block;
    float: left;
    margin-top: 15px;
    margin-left: 858px
}

.bd2_pl ul li .bd2_con_2 {
    width: 1185px;
    color: #777;
    line-height: 21px;
    margin-left: 12px;
    margin-bottom: 15px;
    text-align: left
}

.bd2_pl ul li.bd2_page {
    width: 1210px;
    border-bottom: none
}

.bd2_pl ul li.bd2_page span {
    display: block;
    font-size: 12px;
    text-align: center;
    width: 210px;
    float: right;
    margin-right: 10px;
    margin-top: 15px
}

.bd2_pl ul li.bd2_page span a {
    margin-left: 5px
}

.bd2_pl ul li.bd2_page .xqyTxtArea textarea {
    width: 1180px;
    height: 80px;
    margin-left: 12px;
    margin-top: 15px
}

.bd2_pl ul li.bd2_page .endSubmit {
    width: 1182PX;
    margin-top: 15px;
    margin-bottom: 10px
}

.bd2_pl ul li.bd2_page .endSubmit ul.endRadio {
    width: 580px;
    height: 24px;
    border: none;
    float: left;
    margin: 8px 0px;
    margin-bottom: 16px
}

.bd2_pl ul li.bd2_page .endSubmit ul.endRadio li {
    float: left;
    width: 115px;
    border: none
}

.bd2_pl ul li.bd2_page .endSubmit ul.endRadio li input {
    display: block;
    float: left;
    margin-bottom: 2px
}

.bd2_pl ul li.bd2_page .endSubmit ul.endRadio li.radioG span {
    display: block;
    float: left;
    width: 85px;
    height: 17px;
    background: url("../images/score.png");
    margin: 0px
}

.bd2_pl ul li.bd2_page .endSubmit ul.endRadio li.radio1 span {
    background-position: -7px -2px;
    background-repeat: no-repeat
}

.bd2_pl ul li.bd2_page .endSubmit ul.endRadio li.radio2 span {
    background-position: -7px -38px;
    background-repeat: no-repeat
}

.bd2_pl ul li.bd2_page .endSubmit ul.endRadio li.radio3 span {
    background-position: -7px -73px;
    background-repeat: no-repeat
}

.bd2_pl ul li.bd2_page .endSubmit ul.endRadio li.radio4 span {
    background-position: -7px -109px;
    background-repeat: no-repeat
}

.bd2_pl ul li.bd2_page .endSubmit ul.endRadio li.radio5 span {
    background-position: -7px -145px;
    background-repeat: no-repeat
}

.bd2_pl ul li.bd2_page .endSubmit input.xqyBtnSubmit {
    background: url("../images/xuq_pic_21.jpg");
    float: left;
    width: 109px;
    height: 38px;
    font-size: 20px;
    color: #fff;
    border: none;
    display: block;
    margin-left: 492px
}

.slideTxtBox .bd li.bd_3 {
    clear: both;
    margin-bottom: 15px
}

.wenda {
    width: 1210px;
    border: 1px #CCCCCC solid;
    border-bottom: none;
    margin-top: 25px
}

.wenda dl {
    width: 1180px;
    height: 40px;
    border-bottom: #CCC 1px solid;
    text-align: left;
    padding: 15px 15px
}

.wenda dl dt {
    color: #c00
}

.down_tags {
    width: 1210px;
    margin: 0 auto;
    height: 108px;
    overflow: hidden
}

.down_tags div {
    width: 242px;
    height: 108px;
    float: left;
    bottom: -108px;
    position: relative;
    background: url("../images/down_sq_pic.jpg") no-repeat
}

.down_tags .down-tag1 {
    background-position: 0px 0px
}

.down_tags .down-tag2 {
    background-position: -250px 0px
}

.down_tags .down-tag3 {
    background-position: -488px 0px
}

.down_tags .down-tag4 {
    background-position: -755px 0px
}

.down_tags .down-tag5 {
    background-position: -990px 0px
}

.bannerCase {
    background: url("../images/zbfw.png") center top;
    width: 100%
}

.feature {
    background: url("../images/hxld.png") center top
}

.service h2 {
    font-size: 2.2rem;
    color: #fff;
    text-align: center;
    padding-top: 50px
}

.service h3 {
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    line-height: 25px;
    width: 100%;
    padding-bottom: 50px
}

@media (min-width: 992px) {
    .service h2 {
        font-size: 50px;
        color: #fff;
        text-align: center;
        padding-top: 170px
    }

    .service h3 {
        font-size: 30px;
        color: #fff;
        text-align: center;
        padding-top: 30px;
        line-height: 45px;
        padding-bottom: 140px;
        width: 100%;
        margin: 0 auto
    }
}

.license {
    background: url("../images/banner2.jpg") center top !important
}

.case_con {
    width: 100%;
    height: auto
}

.appkaifaanli {
    width: 1210px;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
    position: relative
}

.appkaifaanli span {
    display: block;
    font-size: 23px;
    line-height: 28px;
    height: 28px;
    margin-top: 40px;
    color: #737373;
    text-indent: 14px
}

.appkaifaanli span h6 {
    width: 4px;
    height: 28px;
    display: block;
    padding: 0px;
    background: #31b2ec;
    float: left;
    position: absolute
}

.bannerSysq {
    background: url("../images/bannerSysq.jpg") center top;
    height: 533px;
    width: 100%
}

.bannerSysq_con {
    width: 1210px;
    height: 533px;
    position: relative
}

.bannerSysq_con .bnr_title {
    left: 46px;
    top: 141px;
    position: absolute;
    display: block
}

.bannerSysq_con .bnr_iph {
    width: 229px;
    top: 32px;
    left: 884px;
    height: 475px;
    display: block;
    position: absolute
}

.bannerSysq_con a {
    display: bolck;
    width: 187px;
    height: 58px;
    top: 320px;
    position: absolute
}

.bannerSysq_con a img {
    filter: alpha(opacity=94);
    zoom: 1;
    opacity: 0.94
}

.bannerSysq_con a img:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.bannerSysq_con a.bnrBtn1 {
    left: 50px
}

.bannerSysq_con a.bnrBtn2 {
    left: 270px
}

.sysq {
    height: 100%;
    margin: 0px auto
}

.bgFFF {
    background: #fff;
    width: 100%;
    overflow: hidden
}

.bgF9f7f1 {
    background: #f9f7f1;
    width: 100%;
    overflow: hidden
}

.sysq_con {
    width: 1210px;
    position: relative;
    height: 450px;
    margin: 0px auto
}

.fnt36 {
    font-size: 36px;
    height: 46px;
    padding: 0px;
    margin: 0px;
    display: block;
    text-align: left;
    top: -46px;
    color: #5c5c5c;
    line-height: 46px;
    position: absolute;
    left: 21px
}

.h28 {
    font-size: 28px;
    color: #5c5c5c;
    display: block;
    padding: 0px;
    margin: 0px;
    font-weight: normal
}

.span14 {
    font-size: 14px;
    color: #787878;
    display: block;
    margin-top: 15px;
    line-height: 26px
}

.sysqConL1 {
    position: absolute;
    top: 39px;
    height: 373px;
    width: 270px;
    left: -560px;
    opacity: 0
}

.sysqConR1 {
    position: absolute;
    top: 200px;
    height: 113px;
    width: 500px;
    right: -560px;
    opacity: 0
}

.sysqConR1 dl {
    display: block
}

.sysqConR1 dl dt {
    font-size: 36px;
    margin-bottom: 20px;
    color: #5c5c5c
}

.sysqConR1 dl dd {
    font-size: 18px;
    margin-top: 10px;
    color: #787878
}

.sysqConL2 {
    position: absolute;
    width: 450px;
    height: 120px;
    left: -560px;
    top: 200px;
    opacity: 0
}

.sysqConR2 {
    position: absolute;
    width: 500px;
    height: 140px;
    right: -560px;
    top: 200px;
    opacity: 0
}

.sysqConL3 {
    position: absolute;
    width: 488px;
    height: 117px;
    left: -560px;
    top: 150px;
    opacity: 0
}

.sysqConR3 {
    position: absolute;
    width: 444px;
    height: 119px;
    right: -560px;
    top: 150px;
    opacity: 0
}

.sysqConL33 {
    position: absolute;
    width: 488px;
    height: 117px;
    left: -560px;
    top: 295px;
    opacity: 0
}

.sysqConR33 {
    position: absolute;
    width: 444px;
    height: 119px;
    right: -560px;
    top: 295px;
    opacity: 0
}

.sysqUl3 {
    margin-top: 15px
}

.sysqUl3 li {
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    color: #5c5c5c
}

.fnt3 {
    top: -46px
}

.sysqConL4 {
    width: 345px;
    height: 105px;
    left: -560px;
    top: 193px;
    position: absolute;
    opacity: 0
}

.sysqConR4 {
    width: 490px;
    height: 145px;
    right: -560px;
    top: 193px;
    position: absolute;
    opacity: 0
}

.span14 strong {
    font-size: 26px;
    color: #ff0000;
    font-weight: normal
}

.biaodan {
    width: 600px;
    height: 379px;
    position: absolute;
    top: 45px;
    left: 21px
}

.biaodan .fnt20 {
    font-size: 20px;
    color: #787878;
    text-align: left;
    display: block;
    top: 54px;
    position: absolute;
    font-weight: normal
}

.biaodan .bdForm {
    width: 600px;
    top: 120px;
    position: absolute
}

.bdForm .txt {
    width: 268px;
    display: block;
    height: 30px;
    float: left
}

.bdForm .txtSelect {
    height: 35px;
    width: 275px
}

.bdForm .txtLf {
    margin-left: 18px
}

.bdForm .txtBt {
    margin-bottom: 25px
}

.biaodan .bdBottom {
    height: 43px;
    width: 600px;
    text-align: left;
    position: absolute;
    top: 260px
}

.biaodan .bdBottom a {
    background-color: #000;
    display: block;
    float: left
}

.biaodan .bdBottom a.bdBtn1 {
    width: 146px;
    height: 38px
}

.biaodan .bdBottom a.bdBtn2 {
    width: 109px;
    height: 38px;
    margin-left: 30px
}

.biaodan .bdBottom a img {
    opacity: 0.97;
filter(alpha = 97)
}

.biaodan .bdBottom a img:hover {
    opacity: 1;
filter(alpha = 100)
}

.bannerZbfw {
    width: 100%;
    height: 533px;
    position: relative;
    z-index: 1
}

#slides {
    display: block;
    width: 100%;
    height: 533px;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative
}

#slides li {
    display: block;
    width: 100%;
    height: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute
}

#slides li a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px
}

#pagination {
    display: block;
    list-style: none;
    position: absolute;
    top: 495px;
    left: 49%;
    z-index: 3;
    width: 130px;
    margin: 0px auto;
    text-align: center
}

#pagination li {
    display: block;
    list-style: none;
    width: 12px;
    height: 12px;
    float: left;
    margin-left: 15px;
    background: url("../images/bannerYd.png") -26px 0 no-repeat
}

#pagination li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    text-indent: -9999px
}

#pagination li.current {
    background: #A10506;
    background: url("../images/bannerYd.png") -0 0 no-repeat
}

.ectouchMb {
    height: 405px;
    width: 1210px;
    position: relative;
    overflow: hidden
}

.ecMb1 a.moreMb1 {
    display: block;
    position: absolute;
    right: 30px;
    top: 75px
}

.ectouchMb .fnt36 {
    top: 50px
}

.ectouchMb ul {
    height: 216px;
    width: 1198px;
    top: 405px;
    left: 0px;
    position: absolute;
    display: block
}

.ectouchMb ul li {
    float: left;
    margin-left: 21px;
    _margin-left: 11px;
    margin-top: 10px;
    display: block;
    height: 216px;
    overflow: hidden;
    width: 216px;
    position: relative
}

.ectouchMb ul li span {
    width: 216px;
    height: 216px;
    display: block;
    position: absolute;
    top: 216px;
    z-index: 5;
    background: #ec2464;
    color: #FFF
}

.ectouchMb ul li span h4 {
    font-size: 16px;
    display: block;
    padding-top: 36px;
    text-align: center
}

.ectouchMb ul li span h3 {
    font-size: 19px;
    display: block;
    float: left;
    padding: 0px;
    top: 55px;
    left: 18px;
    position: absolute
}

.ectouchMb ul li span img.ewm {
    display: block;
    top: 100px;
    width: 90px;
    height: 90px;
    left: 63px;
    position: absolute
}

.ectouchMb ul li img {
    width: 216px;
    height: 216px;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 4
}

.ecMb2 a.moreMb1 {
    display: block;
    position: absolute;
    right: 30px;
    top: 75px
}

.ecMb2 ul li span {
    background: #c9c9c9;
    color: #4c4c4c
}

.ecMb2 ul li a {
    display: block;
    position: absolute;
    left: 19px;
    top: 90px
}

.ecgddz {
    max-width: 640px;
    position: relative
}

.my-new-img-box {
    width: 80%;
    margin: 0 auto;
    margin-top: 20px
}

.my-new-img-box img {
    width: 100%
}

.my-new-but {
    width: 80%;
    margin: 40px auto
}

.my-new-iphone {
    float: right
}

.my-new-but img {
    width: 13rem
}

@media (min-width: 992px) {
    .my-new-but img {
        width: 200px
    }

    .my-new-but {
        width: 40%;
        margin: 80px auto
    }

    .ecgddz {
        max-width: 1210px;
        position: relative;
        width: 1210px
    }

    .my-new-img-box {
        width: 80%;
        margin-top: 60px
    }
}

.ecgddz .fnt36 {
    top: 0px
}

.ecgddz .fnt14 {
    font-size: 14px;
    color: #8c8b8b;
    display: block;
    position: relative;
    left: 21px;
    top: 120px
}

.ecgddz img.imgLct {
    display: block;
    position: absolute;
    left: 21px;
    top: 176px
}

.ecgddz a.tj {
}

.ecgddz a.kf {
    left: 660px
}

a.gddz_btn img {
    opacity: 0.97;
filter(alpha = 97)
}

a.gddz_btn img:hover {
    opacity: 1;
filter(alpha = 100)
}

.fwslc {
    width: 1210px;
    height: 445px;
    position: relative
}

.fwslc .fws {
    top: 60px
}

.fwslc .fwslch4 {
    width: 480px;
    height: 70px;
    position: absolute;
    top: 115px;
    left: 21px;
    color: #8c8b8b;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px
}

.fwslc .fwslc18 {
    font-size: 18px;
    width: 130px;
    color: #6f6f6f;
    left: 21px;
    top: 218px;
    position: absolute
}

.fwslc .fwslc12 {
    font-size: 12px;
    top: 248px;
    left: 21px;
    position: absolute
}

.fwslc .hzl {
    left: 630px;
    top: 60px
}

.fwslc .fwslcLct {
    display: block;
    position: absolute;
    top: 120px;
    left: 630px
}

.fwslc .sq {
    top: 357px;
    left: 477px;
    position: absolute;
    display: blcok;
    background: #000
}

.fs-21 {
    font-size: 21px
}

.fs-68 {
    font-size: 68px;
    font-weight: normal
}

.fn-left {
    float: left
}

.fn-right {
    float: right
}

.fn-clear {
}

.banner {
    width: 100%;
    position: relative;
    height: 533px;
    z-index: 10
}

.banner-img img {
    width: 100%;
    display: block;
    min-width: 1210px
}

.list-cont {
    margin: 0px auto 0px -490px;
    padding: 0px 5px;
    left: 50%;
    top: 0px;
    width: 960px;
    height: 100%;
    position: absolute
}

.banner-word {
    left: 10px;
    top: 209px;
    width: 540px;
    color: rgb(255, 255, 255);
    line-height: 55px;
    position: absolute
}

.banner-word p {
    line-height: 38px
}

.banner-word span.banner-btn {
    display: block;
    width: 130px;
    height: 45px;
    line-height: 45px;
    background: #8fbf0d;
    color: #FFF;
    float: left;
    margin-right: 15px;
    margin-top: 10px;
    font-size: 18px;
    text-align: center;
    border-radius: 4px;
    text-indent: inherit
}

.banner-word span.banner-btn:hover {
    background: #85b20c
}

.banner-word span.banner-btn1 {
    background: #2ca8dd
}

.banner-word span.banner-btn1:hover {
    background: #24a0d5
}

.banner-word p.p-number {
    clear: both
}

.banner-phone {
    top: 216px;
    width: 374px;
    height: 519px;
    right: 10px;
    margin-top: -130px;
    position: absolute
}

.carouse-pre {
    top: 50%;
    width: 33px;
    height: 55px;
    margin-top: -40px;
    position: absolute;
    opacity: 0.6;
    _top: 265px
}

.carouse-next {
    top: 50%;
    width: 33px;
    height: 55px;
    margin-top: -40px;
    position: absolute;
    opacity: 0.6;
    _top: 265px
}

.carouse-pre:hover {
    opacity: 1
}

.carouse-next:hover {
    opacity: 1
}

.list-cont span {
    text-indent: 100px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer
}

.carouse-pre {
    background: url("../images/icon1.png") no-repeat 0px 0px;
    left: -100px
}

.carouse-next {
    background: url("../images/icon1.png") no-repeat -55px 0px;
    right: -100px
}

.carouse-btn {
    left: 350px;
    height: 20px;
    bottom: 30px;
    position: absolute;
    _top: 490px
}

.carouse-btn span {
    background: url("../images/icon1.png") no-repeat -110px 0px;
    top: 50px;
    width: 13px;
    height: 12px;
    margin-left: 10px;
    float: left
}

.carouse-btn #cur-ic {
    background: url("../images/icon1.png") no-repeat -130px 0px;
    width: 12px;
    height: 12px;
    margin-top: 0px
}

.idxFnt36 {
    font-size: 36px;
    float: left;
    margin: 0px;
    padding: 0px;
    display: block
}

.idxFnt13 {
    font-size: 18px;
    float: left;
    margin: 0px;
    padding: 0px;
    display: block;
    clear: both;
    font-weight: normal;
    text-align: left;
    background: none;
    line-height: 36px;
    margin-top: 20px;
    height: 100%
}

.ectouchIdx1_con {
    height: 433px;
    width: 1210px;
    position: relative
}

.ectouchIdx1Con_lt {
    width: 480px;
    height: 298px;
    position: absolute;
    left: -560px;
    top: 80px;
    opacity: 0;
filter(alpha = 0)
}

.ectouchIdx1Con_lt img {
    display: block
}

.ectouchIdx1Con_rt {
    width: 530px;
    height: 140px;
    position: absolute;
    right: -560px;
    top: 100px;
    opacity: 0;
filter(alpha = 0)
}

.ectouchIdx2_con {
    height: 433px;
    width: 1210px;
    position: relative
}

.ectouchIdx2Con_lt {
    width: 530px;
    height: 140px;
    position: absolute;
    left: -560px;
    top: 100px;
    opacity: 0;
filter(alpha = 0)
}

.ectouchIdx2Con_rt {
    width: 480px;
    height: 276px;
    position: absolute;
    right: -560px;
    top: 80px;
    opacity: 0;
filter(alpha = 0)
}

.ectouchIdx2Con_rt img {
    display: block
}

.indexLink {
    height: 60px;
    width: 1210px
}

.indexLink h5 {
    background: none;
    text-align: left;
    font-size: 14px;
    width: 77px;
    display: block;
    float: left
}

.indexLink ul {
    width: 1020px;
    display: block;
    float: left;
    margin-top: 8px
}

.indexLink ul li {
    float: left;
    margin-left: 5px;
    height: 22px;
    line-height: 22px;
    padding: 0 5px
}

#ds2 {
    margin-top: 28px;
    height: auto;
    overflow: hidden
}

#ds {
    background-image: url("../images/TOP_02.jpg");
    height: 330px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #c20404
}

#ds2-fanye {
    height: auto;
    overflow: hidden
}

.ds-top {
    background-image: url("../images/CG_05.gif");
    background-repeat: no-repeat;
    background-position: center center;
    float: inherit;
    padding-top: 28px;
    padding-bottom: 28px
}

.ds-toptxt {
    line-height: 43px;
    color: #FFF;
    font-size: 23px;
    text-align: center
}

.ds-body {
    width: 1210px;
    margin-right: auto;
    margin-left: auto
}

#ds1-fanye {
    margin: 0px;
    padding: 0px;
    color: #333333;
    font-family: "微软雅黑", "Droid Sans Fallback", "黑体-简", "黑体", "宋体";
    font-size: 16px
}

.more {
    height: 27px;
    width: 1160px;
    text-align: right;
    font-family: "微软雅黑", "Droid Sans Fallback", "黑体-简", "黑体", "宋体";
    font-size: 16px;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    padding-top: 3px
}

.more a {
    color: #333333
}

.more a:hover {
    color: #00a8ff
}

.logos-list {
    width: 1210px;
    margin: auto;
    height: 970px;
    text-align: center;
    list-style-type: none
}

.logos-mini {
    height: 289px;
    width: 302px;
    float: left;
    margin-bottom: 45px;
    display: inline;
    background-repeat: no-repeat;
    background-position: center top
}

.logos-mini img {
    margin-top: 1px
}

.txt-box {
    font-family: "微软雅黑", "宋体";
    color: #313131;
    text-align: left;
    height: 87px;
    width: 287px;
    margin-left: 8px
}

.txt-title {
    font-size: 16px;
    line-height: 30px
}

.txt-txt {
    font-size: 16px
}

#apDiv1 {
    position: absolute;
    left: 1265px;
    width: 217px;
    height: 240px;
    z-index: 1;
    background-color: #FFF;
    top: 2820px
}

#apDiv1 p {
    font-size: 14px;
    color: #8fc31f;
    text-align: center;
    width: 217px
}

#bottom {
    width: 100%;
    float: inherit;
    padding: 15px 0 15px 0;
    background-image: url("../images/BottomBJ.jpg");
    background-repeat: repeat-y;
    background-position: center;
    background-color: #00888a
}

#bottom1 {
    width: 1210px;
    margin: 0 auto
}

#bottom1a {
    width: 1019px;
    float: left;
    text-align: center;
    line-height: 24px;
    padding-top: 15px
}

#bottom1b {
    width: 191px;
    float: right
}

.w-mg {
    margin-right: 15px;
    margin-bottom: 50px;
    margin-left: 0px;
    padding-left: 1px;
    padding-top: 1px
}

.w-mg1 img {
    padding-left: 2px;
    padding-top: 1px
}

.w-al {
    width: 290px;
    float: left;
    height: 289px;
    background-repeat: no-repeat
}

.w-al1 {
    width: 100%;
    float: inherit
}

.w-al2 {
    width: 100%;
    float: inherit;
    padding-top: 10px;
    color: #333;
    font-size: 14px
}

.wrap a {
    display: block;
    width: 287px;
    height: 197px;
    text-decoration: none
}

.wrap {
    width: 287px;
    height: 197px;
    position: relative;
    overflow: hidden;
    float: left;
    display: inline
}

.wrap img {
    border: 0
}

.wrap i {
    display: block;
    width: 287px;
    height: 197px;
    position: absolute;
    left: 0;
    top: 225px;
    z-index: 1;
    background: url("../images/yy.png");
    filter: alpha(opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out
}

.wrap p {
    display: block;
    width: 100%;
    height: 150px;
    position: absolute;
    left: 0;
    top: 225px;
    z-index: 1;
    background: transparent;
    font-size: 12px;
    color: #fff;
    padding: 0;
    margin: 0;
    line-height: 16px;
    -webkit-transition: all 0.6s ease-in-out
}

.wrap_B {
    display: none;
    font-size: 24px;
    color: #fff;
    margin: 0;
    padding-top: 20PX;
    padding-left: 20PX;
    padding-right: 20PX;
    line-height: 30px
}

.wrap_PL {
    display: block;
    padding: 20px;
    padding-top: 10PX;
    line-height: 18px;
    font-size: 14PX;
    text-align: left
}

.wrap_P {
    display: block;
    line-height: 18px;
    font-size: 14PX;
    text-align: center;
    padding-left: auto;
    padding-right: auto;
    padding-top: auto;
    padding-bottom: auto
}

.wrap a:hover {
    direction: ltr
}

.wrap a:hover i {
    top: 0
}

.wrap a:hover p {
    top: 0
}

.more {
    height: 27px;
    width: 1160px;
    text-align: right;
    font-family: "微软雅黑", "Droid Sans Fallback", "黑体-简", "黑体", "宋体";
    font-size: 16px;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto
}

.more a {
    color: #333333
}

.more a:hover {
    color: #00a8ff
}

#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333
}

#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color: #666666
}

#TB_window a:link {
    color: #666666
}

#TB_window a:visited {
    color: #666666
}

#TB_window a:hover {
    color: #000
}

#TB_window a:active {
    color: #666666
}

#TB_window a:focus {
    color: #666666
}

#TB_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%
}

.TB_overlayMacFFBGHack {
    background: url("macFFBgHack.png") repeat
}

.TB_overlayBG {
    background-color: #000;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75
}

* html #TB_overlay {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px')
}

#TB_window {
    position: fixed;
    background: #ffffff;
    z-index: 102;
    color: #000000;
    display: none;
    border: 4px solid #525252;
    text-align: left;
    top: 50%;
    left: 50%
}

* html #TB_window {
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')
}

#TB_window img#TB_Image {
    display: block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666
}

#TB_caption {
    height: 25px;
    padding: 7px 30px 10px 25px;
    float: left
}

#TB_closeWindow {
    height: 25px;
    padding: 11px 25px 10px 0;
    float: right
}

#TB_closeAjaxWindow {
    padding: 5px 10px 5px 0;
    margin-bottom: 1px;
    text-align: right;
    float: right
}

#TB_ajaxWindowTitle {
    float: left;
    padding: 5px 0 5px 10px;
    margin-bottom: 1px
}

#TB_title {
    background-color: #e8e8e8;
    height: 27px
}

#TB_ajaxContent {
    clear: both;
    padding: 2px 15px 15px 15px;
    overflow: auto;
    text-align: left;
    line-height: 1.4em
}

#TB_ajaxContent.TB_modal {
    padding: 15px
}

#TB_ajaxContent p {
    padding: 5px 0px 5px 0px
}

#TB_load {
    position: fixed;
    display: none;
    height: 13px;
    width: 208px;
    z-index: 103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px
}

* html #TB_load {
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')
}

#TB_HideSelect {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height: 100%;
    width: 100%
}

* html #TB_HideSelect {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px')
}

#TB_iframeContent {
    clear: both;
    border: none;
    margin-bottom: -1px;
    margin-top: 1px;
    _margin-bottom: 1px
}

.my-new-tkuang-1 {
    margin-left: -20px
}

.myOnPageContent_xq input {
    font-size: 1.2rem;
    width: 28.8%;
    height: 26px;
    float: left;
    padding-left: 40px;
    border: 1px solid #dcdcdc;
    color: #999999;
    line-height: 26px;
    margin-top: 15px
}

.myOnPageContent_xq input.txt1 {
    background: url("../images/xuq_pic_03.jpg") #FFF 0 -1px no-repeat
}

.myOnPageContent_xq input.txt2 {
    background: url("../images/xuq_pic_05.jpg") #FFF 0 -1px no-repeat;
    margin-left: 10px;
    _margin-left: 5px
}

.myOnPageContent_xq input.txt3 {
    background: url("../images/xuq_pic_07.jpg") #FFF 0 -1px no-repeat;
    margin-left: 10px;
    _margin-left: 5px
}

.myOnPageContent_xq .txtArea {
    width: 98.1%;
    height: 141px;
    color: #999999;
    padding-top: 10px;
    font-size: 12px;
    line-height: 20px;
    margin-left: -5px;
    margin-top: 8px;
    padding-left: 10px
}

.myOnPageContent_xq .btnSubmit input {
    width: 109px;
    height: 38px;
    background: url("../images/xuq_pic_21.jpg") no-repeat;
    margin: 70px 20px 0px;
    margin-bottom: 0px;
    float: right;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 0px;
    border: none
}

@media (min-width: 992px) {
    .my-new-tkuang-1 {
        margin-left: -20px
    }

    .myOnPageContent_xq input {
        font-size: 1.8rem;
        width: 179px;
        height: 26px;
        float: left;
        padding-left: 40px;
        border: 1px solid #dcdcdc;
        color: #999999;
        line-height: 26px;
        margin-top: 15px
    }

    .myOnPageContent_xq input.txt1 {
        background: url("../images/xuq_pic_03.jpg") #FFF 0 -1px no-repeat
    }

    .myOnPageContent_xq input.txt2 {
        background: url("../images/xuq_pic_05.jpg") #FFF 0 -1px no-repeat;
        margin-left: 10px;
        _margin-left: 5px
    }

    .myOnPageContent_xq input.txt3 {
        background: url("../images/xuq_pic_07.jpg") #FFF 0 -1px no-repeat;
        margin-left: 10px;
        _margin-left: 5px
    }

    .myOnPageContent_xq .txtArea {
        width: 557px;
        height: 141px;
        color: #999999;
        padding-top: 10px;
        font-size: 12px;
        line-height: 20px;
        margin-left: -5px;
        margin-top: 8px;
        padding-left: 10px
    }

    .myOnPageContent_xq .btnSubmit input {
        width: 109px;
        height: 38px;
        background: url("../images/xuq_pic_21.jpg") no-repeat;
        margin: 70px;
        margin-bottom: 0px;
        margin-left: 450px;
        margin-right: 20px;
        color: #FFF;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        padding: 0px;
        border: none
    }
}

.userTop {
    height: 96px;
    width: 100%;
    border-bottom: 1px solid #e9e9e9
}

.userTop .userTop_con {
    height: 96px;
    width: 1210px;
    margin: 0 auto
}

.userTop_con h1 {
    display: block;
    width: 176px;
    height: 60px;
    float: left;
    margin-top: 17px
}

.userCon_rt {
    width: auto;
    float: right;
    margin-top: 37px;
    font-size: 13px
}

.userCon_rt span {
    display: block;
    width: auto;
    height: 22px;
    float: left
}

.userCon_rt a {
    display: block;
    width: auto;
    float: left;
    margin-left: 10px
}

.userLogin {
    width: 1210px;
    height: auto;
    overflow: hidden;
    padding: 90px 0px
}

.userLogin .spanTips {
    background: url("../images/tips.jpg") no-repeat;
    height: 28px;
    width: aotu;
    float: left;
    line-height: 28px;
    font-size: 14px;
    display: block;
    padding-left: 39px
}

.spanTips strong {
    color: #34b1e9
}

.txtUser {
    width: 250px;
    height: 30px;
    border: none;
    border: #dcdcdc 1px solid;
    padding: 0px 5px;
    color: #333
}

.span12 {
    font-size: 12px;
    margin-left: 10px;
    color: #b3b3b3
}

.ur_btn {
    background: url("../images/xuq_pic_21.jpg");
    width: 109px;
    height: 38px;
    line-height: 38px;
    border: none;
    color: #FFF;
    font-size: 17px;
    font-weight: bold
}

.userF3 {
    color: #4095d3
}

.userDown {
    height: 96px;
    width: 100%;
    border-top: 1px solid #e9e9e9;
    clear: both
}

.userDown .userDown_con {
    height: 81px;
    width: 1210px;
    margin: 0 auto;
    text-align: center;
    line-height: 26px;
    padding-top: 15px
}

.clearD {
    height: 0px;
    width: 0px;
    padding: 0px;
    margin: 0px;
    font-size: 0px;
    clear: both
}

.spanYz {
    font-size: 12px
}

#home_nav_bar {
    bottom: 60px;
    padding-top: 220px;
    position: fixed;
    right: 0;
    width: 102px;
    z-index: 999999
}

#home_nav_bar .home_nav_border {
    border-bottom: 0 none;
    position: relative;
    width: 62px
}

#home_nav_bar a, #recent_deals_container .btns_container span.arrow {
    background: url("../images/home_nav_bar_v9.png") no-repeat scroll center top rgba(0, 0, 0, 0)
}

#home_nav_bar .home_nav_border .a1 {
    display: inline-block;
    height: 61px;
    overflow: hidden;
    width: 62px
}

#home_nav_bar .home_nav_border .nav_cart {
    background-position: 0 0;
    overflow: visible;
    position: relative
}

#home_nav_bar .nav_cart:hover {
    background-position: -62px 0
}

#home_nav_bar .nav_recent_deals {
    background-position: 0 -61px
}

#home_nav_bar .nav_recent_deals:hover, #home_nav_bar .recent_now {
    background-position: -62px -61px
}

.abtest_style #home_nav_bar .nav_recent_deals {
    background: url("") no-repeat scroll center top rgba(0, 0, 0, 0)
}

.abtest_style #home_nav_bar .nav_recent_deals {
    background-position: -3px -82px
}

.abtest_style #home_nav_bar .nav_recent_deals:hover, .abtest_style #home_nav_bar .recent_now {
    background-position: -109px -82px
}

#home_nav_bar .nav_service {
    background-position: 0 -183px
}

#home_nav_bar .nav_service:hover {
    background-position: -62px -183px
}

#home_nav_bar .nav_service.leave {
    background-position: 0 -237px
}

#home_nav_bar .nav_service.leave:hover {
    background-position: -78px -237px
}

#home_nav_bar .home_nav_border .nav_backtotop {
    background-position: 0 -244px;
    height: 63px
}

#home_nav_bar .nav_backtotop:hover {
    background-position: -62px -244px
}

#home_nav_bar .nav_survey {
    background-position: 0 -407px
}

#home_nav_bar .nav_survey:hover {
    background-position: -78px -407px
}

#home_nav_bar .nav_collect {
    background-position: 0 -486px
}

#home_nav_bar .nav_collect:hover {
    background-position: -78px -486px
}

#home_nav_bar .nav_wishdeal {
    background-position: 0 -565px
}

#home_nav_bar .nav_wishdeal:hover {
    background-position: -78px -565px
}

#home_nav_bar .button_bookmark {
    background-position: 0 -176px;
    height: 36px
}

#home_nav_bar .button_bookmark:hover {
    background-position: -101px -176px
}

#home_nav_bar .nav_all {
    background-position: 0 -138px;
    height: 37px
}

#home_nav_bar .nav_all:hover {
    background-position: -101px -138px
}

#home_nav_bar .nav_all.on {
    background-position: 0 -323px;
    border-bottom: 0 none
}

#home_nav_bar .nav_all.on:hover {
    background-position: -101px -323px
}

#home_nav_bar .nav_investigation {
    background-position: 0 -122px
}

#home_nav_bar .nav_investigation:hover {
    background-position: -62px -122px
}

.home_nav_phone {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 99999
}

#home_nav_bar .phone_load {
    background: url("about:blank") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 40px;
    position: absolute;
    right: 10px;
    top: 110px;
    width: 100px
}

#home_nav_bar a.home_nav_erweima {
    background: url("../images/home_phone_v6.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 210px;
    width: 102px
}

#home_nav_bar a.phone_close {
    background: url("about:blank") repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 16px;
    position: absolute;
    right: 0;
    top: 65px;
    width: 16px
}

.kf_box {
    position: relative
}

.kf_box .tanchu_kf {
    display: none;
    height: 83px;
    left: -194px;
    position: absolute;
    top: 0;
    width: 194px
}

.kf_box_on .tanchu_kf {
    display: block
}

.kf_box_on .tanchu_kf img {
    float: left
}

.form-horizontal .control-label {
    font-weight: 300;
    font-size: 14px
}

.form-control {
    border: 1px solid #e2e2e4;
    box-shadow: none;
    color: #999
}

.empower .btn {
    background-image: none !important;
    border: none !important
}

.text-left {
    text-align: left !important
}

#sidebar {
    width: 210px;
    height: 100%;
    position: fixed;
    background: #2a3542;
    z-index: 10
}

.container-fluid {
    padding: 0 !important
}

.ec-body {
    padding: 0;
    background: #f5f5f5
}

#sidebar, #content {
    border: none;
    border-radius: 0;
    box-shadow: none
}

#sidebar .hearder {
    width: 210px;
    padding: 10px 0;
    display: block;
    border-bottom: 1px #000 solid;
    overflow: hidden;
    color: #FFF
}

#sidebar p.img {
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 100%;
    overflow: hidden;
    border: 3px solid rgba(51, 180, 236, 0.8);
    margin: 24px 0;
    margin-left: 12px
}

#sidebar p.img img {
    width: 100%;
    height: auto
}

#sidebar .hearder .user {
    margin-top: 30px;
    margin-left: 10px
}

#sidebar .hearder .user h4 {
    width: 95px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#sidebar .hearder .user span a {
    color: #eee
}

#sidebar ul {
    clear: both;
    overflow: hidden;
    border-top: 1px #3e4f63 solid
}

#sidebar ul li {
    width: 100%;
    margin-left: 0px;
    box-sizing: border-box
}

#sidebar ul li:hover {
    background: #33b4ec
}

#sidebar ul li.active {
    background: #33b4ec
}

#sidebar ul li a {
    color: #FFF;
    display: block;
    padding: 13px 0;
    padding-left: 18px
}

#sidebar ul li a {
    text-decoration: none
}

#sidebar ul li i {
    font-size: 15px;
    margin-right: 10px;
    color: #eeeeee
}

.main-content {
    margin-left: 210px;
    padding-bottom: 85px
}

.wrapper {
    padding: 10px 15px
}

.wrapper .panel {
    border: 1px solid #fefefe;
    border-radius: 5px
}

.wrapper .panel-heading, .wrapper .panel-body {
    border: none;
    background: #fff;
    color: #666
}

.wrapper .panel-heading {
    border-bottom: 1px solid #efefef;
    padding: 10px 15px
}

.wrapper .panel-heading strong {
    font-size: 19px
}

.wrapper .panel-body table {
    color: gray;
    text-align: center;
    margin-bottom: 0
}

.wrapper .panel-body table th {
    text-align: center
}

.wrapper .panel-body table th, .wrapper .panel-body table td {
    padding: 15px 0
}

.panel-body {
    background: #fff;
    overflow: hidden
}

.empower .panel-body {
    margin-top: 15px
}

.empower .btn {
    width: 100%;
    font-size: 14px;
    padding: 10px
}

.input-group.yzm .form-control {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.input-group.yzm .btn-default {
    padding: 0 10px
}

.empower .contact-add-btn {
    padding: 5px;
    width: auto;
    float: right;
    *margin-right: 20px
}

footer.footer-user {
    background: url("../images/logo.png") center center no-repeat #f1f1f1;
    height: 85px;
    width: 100%;
    position: fixed;
    bottom: 0px;
    border-top: 1px #e3e3e3 solid;
    background-size: 180px
}

.sidebar-down {
    position: absolute;
    color: #FFF;
    bottom: 0;
    left: 0;
    width: 210px
}

.user-sidebar {
    z-index: 1000;
    left: 230px;
    bottom: 20px;
    background: #2a3542;
    border-radius: 5px;
    border-top: 0 !important;
    height: auto
}

.user-sidebar:before {
    display: block;
    height: 0px;
    width: 0px;
    content: "\020";
    position: absolute;
    left: -20px;
    bottom: 40px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #2a3542 transparent transparent
}

.user-sidebar li {
    display: block;
    text-align: center;
    height: 26px;
    line-height: 26px;
    width: 130px !important
}

.user-sidebar li a {
    padding: 15px 0px !important
}

.popover {
    background: #2a3542 !important
}

.popover.right > .arrow:after {
    border-right-color: #2a3542 !important
}

.popover .ttttt li {
    padding: 10px 10px
}

.popover .ttttt li a {
    padding: 8px 0;
    color: #fff
}

.Validform_checktip {
    margin-left: 8px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    color: #999;
    font-size: 12px
}

.Validform_right {
    color: #71b83d;
    padding-left: 20px;
    background: url("../images/right.png") no-repeat left center
}

.Validform_wrong {
    color: red;
    padding-left: 20px;
    white-space: nowrap;
    background: url("../images/error.png") no-repeat left center
}

.Validform_loading {
    padding-left: 20px;
    background: url("../images/onLoad.gif") no-repeat left center
}

.Validform_error {
    background-color: #ffe7e7
}

#Validform_msg {
    color: #7d8289;
    font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
    width: 280px;
    -webkit-box-shadow: 2px 2px 3px #aaa;
    -moz-box-shadow: 2px 2px 3px #aaa;
    background: #fff;
    position: absolute;
    top: 0px;
    right: 50px;
    z-index: 99999;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)
}

#Validform_msg .iframe {
    position: absolute;
    left: 0px;
    top: -1px;
    z-index: -1
}

#Validform_msg .Validform_title {
    line-height: 25px;
    height: 25px;
    text-align: left;
    font-weight: bold;
    padding: 0 8px;
    color: #fff;
    position: relative;
    background-color: #999;
    background: -moz-linear-gradient(top, #999, #666 100%);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666')
}

#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {
    line-height: 22px;
    position: absolute;
    right: 8px;
    top: 0px;
    color: #fff;
    text-decoration: none
}

#Validform_msg a.Validform_close:hover {
    color: #ccc
}

#Validform_msg .Validform_info {
    padding: 8px;
    border: 1px solid #bbb;
    border-top: none;
    text-align: left
}

.spxxy {
    background: #FFF;
    padding: 10px;
    max-width: 640px;
    overflow: hidden;
    margin: 0 auto
}

.spxxy .spxxy-title-img {
    float: left;
    width: 100%
}

.spxxy-title-r {
    float: left;
    margin-top: 10px;
    width: 100%;
    margin-bottom: 20px
}

.spxxy img {
    width: 100%
}

.spxxy .spxxy-title-img {
    max-width: 640px
}

.spxxy .spxxy-title-img img {
    width: 100%;
    max-height: 640px;
    height: 300px
}

.spxxy-title-r h4 {
    font-size: 1.8rem;
    text-align: left
}

.spxxy-title-r h4:nth-child(2) {
    color: #ff4146;
    margin-top: 10px
}

.spxxy-button {
    clear: both;
    margin-top: 30px;
    margin: 0 auto;
    margin-top: 30px
}

.spxxy-title-r a {
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 1.4rem
}

.my-pc-demo div {
    display: none
}

.spxxy h6 {
    padding: 10px;
    font-weight: normal;
    height: auto;
    line-height: 24px;
    background: #F2F2F2;
    border: 1px solid #e2e2e2;
    text-align: left;
    margin-top: 0px;
    margin-top: -40px
}

@media (min-width: 992px) {
    .spxxy .spxxy-title-img {
        float: left;
        width: 40%
    }

    .spxxy-title-r {
        float: left;
        margin-top: 60px;
        width: 60%;
        margin-bottom: 90px
    }

    .spxxy {
        background: #FFF;
        padding: 10px;
        max-width: 1190px;
        overflow: hidden;
        margin: 0 auto
    }

    .spxxy .spxxy-title-img img {
        width: 400px;
        height: 400px
    }

    .spxxy-title-r h4 {
        font-size: 26px;
        text-align: left
    }

    .spxxy-title-r h4:nth-child(2) {
        color: #ff4146;
        margin-top: 30px
    }

    .spxxy-button {
        clear: both;
        margin-top: 80px;
        width: 100%;
        margin: 90px auto 0px
    }

    .spxxy-title-r a {
        padding: 10px 20px;
        border-radius: 5px;
        font-size: 20px
    }

    .my-pc-demo div {
        display: block
    }

    .spxxy h6 {
        margin-top: 0px
    }
}

.spxxy .spxxy-title-img {
    float: left
}

.spxxy-title-r a.spxxy-gobuy {
    background: #32b4ed;
    color: #fff;
    margin-right: 20px
}

.spxxy-title-r a.spxxy-zx {
    background: #f3fbfe;
    border: #32b4ed 1px solid;
    color: #34b2ed
}

.spxxy .help {
    font-size: 18px;
    color: #ff4146;
    border-top: 1px solid #e3e3e3;
    padding: 40px 0;
    margin-top: 60px
}

.spxxy h6 span {
    float: none;
    padding: 0
}

.spxxy h6 a {
    color: #FF4146
}

.provision {
    background: #fff;
    padding: 20px;
    width: 1170px;
    line-height: 26px
}

.cover-page-index .boutique .items {
    float: left
}

.canvas .items-li {
    float: left;
    width: 294px;
    margin-right: 11px;
    margin-bottom: 11px;
    padding-bottom: 10px;
    background-color: #fff
}

.canvas h3 {
    text-align: left;
    font-size: 2.1rem;
    margin: 16px 0;
    padding-left: 1rem
}

.my-new-img {
    max-width: 640px;
    padding: 10px;
    overflow: hidden;
    margin: 0 auto
}

.canvas {
    max-width: 640px;
    margin-top: 0px;
    overflow: hidden
}

.current-path {
    line-height: 16px;
    font-size: 13px;
    max-width: 640px;
    margin: 0 auto
}

@media (min-width: 992px) {
    .current-path {
        line-height: 16px;
        font-size: 13px;
        max-width: 1245px;
        width: 1245px;
        margin: 0 auto
    }

    .canvas {
        max-width: 1245px;
        margin: 0 auto
    }

    .my-new-img {
        max-width: 1245px;
        padding: 10px;
        overflow: hidden
    }
}

.canvas .items-li {
    float: left;
    width: 100%;
    margin-right: 11px;
    margin-bottom: 11px;
    padding-bottom: 10px;
    background-color: #fff
}

.canvas .items-li .wrap_div div {
    position: relative;
    left: 0px;
    bottom: 0;
    z-index: 100;
    max-width: 640px;
    background: white
}

.canvas .more-services {
    float: right;
    margin: 15px 0;
    padding-right: 1rem
}

.canvas .items-li > a {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 290px
}

.canvas .items-li .wrap_div {
    height: 74px;
    position: relative;
    z-index: 2;
    background: white
}

.my-zb-tit {
    width: 90%;
    text-align: center;
    margin: 0 auto
}

.canvas .items-li img {
    max-width: 100%;
    max-height: 100%
}

@media (min-width: 992px) {
    .canvas .items-li .wrap_div div {
        left: 0px;
        max-width: 640px
    }

    .canvas h3 {
        text-align: left;
        font-size: 36px;
        margin: 36px 0
    }

    .canvas .items-li {
        float: left;
        width: 294px;
        margin-right: 11px;
        margin-bottom: 11px;
        padding-bottom: 10px;
        background-color: #fff
    }

    .canvas .items-li .wrap_div div {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 100;
        width: 100%;
        background: white
    }

    .canvas .more-services {
        margin: 36px 0;
        padding-right: 25px
    }

    .canvas .items-li > a {
        display: block;
        width: 294px;
        height: 294px;
        text-align: center;
        line-height: 290px
    }

    .canvas .items-li .wrap_div {
        height: 54px;
        position: relative;
        z-index: 2;
        background: white;
        width: 294px
    }

    .canvas .items-li img {
        max-width: 294px;
        max-height: 294px
    }
}

.canvas .active {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.canvas .items-li .wrap_div p {
    height: 20px;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    color: #71cd9c
}

.canvas .items-li .wrap_div p {
    text-align: center;
    margin-top: 5px;
    height: 0px;
    overflow: hidden;
    _line-height: 0
}

.canvas .items-li .title {
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
    font-weight: normal;
    line-height: 22px;
    text-align: center
}

.canvas .items-li .title a {
    color: #333
}

.canvas .items-li .title a:hover {
    color: #EF353D
}

.canvas .items-li .description {
    display: block;
    font-size: 12px;
    color: #919191;
    text-align: center
}

.canvas .items-li .description a {
    color: #919191
}

.canvas .items-li .price-attente {
    margin-top: 5px
}

.canvas .items-li .price-attente .price {
    float: left;
    margin-left: 60px;
    font-size: 12px;
    color: #ef353d
}

.canvas .items-li .price-attente .attente {
    float: right;
    margin-right: 60px;
    padding-left: 15px;
    font-size: 12px;
    color: #71cd9c;
    background-image: url("../images/cover-page-attente.png");
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer
}

.payment .title {
    text-align: left;
    background: none;
    color: #30b3eb
}

.payment .payment-table {
    margin-top: 10px
}

.payment .payment-table th {
    height: 40px;
    font-size: 16px;
    font-weight: normal;
    background-color: #F7F7F7
}

.payment .payment-table td {
    height: 87px;
    font-size: 16px;
    border-bottom: 1px dotted #DFDFDF
}

.payment .payment-table .img {
    padding-left: 20px
}

.payment .payment-table .img img {
    border: 1px solid #DFDFDF
}

.con-article-left {
    width: 894px;
    margin: 0;
    float: left
}

.con-article-right {
    width: 278px;
    margin-right: 0;
    background: #fff
}

.article-dis {
    background: #fff;
    height: auto;
    padding: 10px 20px;
    width: 854px;
    overflow: hidden;
    margin-bottom: 30px
}

.article-dis:last-child {
    margin-bottom: 0
}

.article-dis-title {
    margin-top: 10px;
    overflow: hidden
}

.article-dis-title h3 {
    font-size: 18px;
    color: #646464;
    margin: 0;
    float: left;
    padding: 0
}

.article-dis-title h3 i {
    display: block;
    height: 20px;
    width: 4px;
    background: #2eb0ea;
    float: left;
    margin-top: 6px;
    margin-right: 10px
}

.article-dis-title span a {
    display: block;
    height: 22px;
    line-height: 22px;
    border-radius: 10px;
    background: #2eb0ea;
    width: 52px;
    color: #fff;
    float: right;
    font-size: 14px;
    text-align: center
}

.article-dis-con {
    clear: both;
    margin-top: 10px
}

.article-dis-cont img {
    float: left
}

.article-dis-cont-top {
    height: 78px;
    float: left;
    margin-left: 15px;
    width: 680px;
    line-height: 22px
}

.article-dis-cont-top h3 {
    color: #2eb0ea;
    font-size: 16px;
    text-align: left;
    margin: 0;
    padding: 0
}

.article-dis-cond {
    clear: both
}

.article-dis-cond ul li {
    height: 36px;
    line-height: 36px;
    font-size: 15px
}

.article-dis-cond ul li a:hover {
    color: #30b3eb
}

.article-dis-cond ul li span {
    float: right
}

.con-article-list {
    overflow: hidden
}

.con-article-list h3 {
    font-size: 18px;
    text-align: left;
    border-bottom: 1px solid #e3e3e3;
    padding: 10px 15px
}

.con-article-list ul {
    margin: 10px 0
}

.con-article-list ul li {
    padding: 10px;
    font-size: 15px
}

.con-article-list ul li i {
    display: block;
    height: 5px;
    width: 5px;
    background: #30b3eb;
    float: left;
    margin-right: 8px;
    margin-top: 6px
}

.con-article-list ul li a {
    color: #646464
}

.con-article-list ul li a:hover {
    color: #30b3eb
}

.con-article-img {
    margin-top: 10px;
    overflow: hidden
}

.con-article-img h3 {
    font-size: 18px;
    text-align: left;
    border-bottom: 1px solid #e3e3e3;
    padding: 10px 15px
}

.con-article-img ul li {
    margin: 30px 0;
    text-align: center
}

.article-dis-list-more div {
    overflow: hidden
}

.article-dis-list-more div h3 {
    color: #2eb0ea;
    font-size: 16px;
    text-align: left;
    margin: 0;
    padding: 0;
    float: left
}

.article-dis-list-more div h3 a {
    color: #30b3eb
}

.article-dis-list-more ul {
}

.article-dis-list-more ul li {
    padding: 15px 0;
    border-bottom: dashed 1px #e3e3e3;
    overflow: hidden
}

.article-dis-list-more ul li:last-child {
    border-bottom: none
}

.article-dis-list-more ul li div span {
    float: right;
    font-size: 14px
}

.article-dis-list-more ul li p {
    clear: both;
    margin-top: 6px;
    line-height: 24px
}

.pages {
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    float: right
}

.pages ul li {
    float: left;
    margin: 0 3px
}

.pages ul li a {
    padding: 7px 12px;
    display: block;
    border: 1px solid #e3e3e3;
    text-align: center;
    font-size: 15px
}

.pages ul li a:hover {
    background: #30b3eb;
    color: #fff
}

.pages ul li a.active {
    background: #30b3eb;
    color: #fff
}

.article-info {
    font-size: 14px;
    padding: 20px 0;
    line-height: 26px
}

.article-info img {
    max-width: 800px;
    margin: 0 auto;
    display: block
}

.manu {
    padding: 3px;
    margin: 12px 0;
    text-align: right
}

.manu a {
    border: #eee 1px solid;
    padding: 7px 12px;
    margin: 2px;
    color: #036cb4;
    text-decoration: none
}

.manu a:hover {
    border: #ccc 1px solid;
    color: #666
}

.manu a:active {
    border: #ccc 1px solid;
    color: #666
}

.manu .current {
    border: #ddd 1px solid;
    padding: 7px 12px;
    font-weight: bold;
    margin: 2px;
    color: #fff;
    background-color: #30b3eb
}

.manu .disabled {
    border: #eee 1px solid;
    padding: 2px 5px;
    margin: 2px;
    color: #ddd
}

#topNav {
    background: url("images/topNavBg.gif") repeat-x;
    height: 28px;
    line-height: 28px;
    color: #666;
    text-align: right
}

a:hover {
    color: #c00
}

#topNav .f_r a {
    text-decoration: none;
    padding: 0 5px
}

#topNav .f_r {
    _padding-top: 6px
}

#topNav .f_r img {
    vertical-align: middle
}

#topNav .f_r b {
    color: #b90404
}

#topNav .f_r b span {
    font-weight: normal
}

.topNav1 {
    float: left;
    color: #666666
}

.header_flow_r {
    padding-top: 18px
}

.header_flow_r span {
    color: #b90404
}

.header_flow_r img {
    display: none
}

.header_bg {
    height: 70px;
    padding-top: 15px;
    background: #FFFFFF
}

.header_bg .block {
    position: relative;
    z-index: 9999999999
}

.header_bg .block .logo {
}

.header_bg h1, .header_bg .h1 {
    width: 209px;
    height: 37px;
    overflow: hidden;
    float: left
}

.header_bg h1 a, .header_bg .h1 a {
    display: block;
    width: 207px;
    height: 35px;
    position: absolute;
    left: 0px;
    top: 9px;
    background: url("images/logo.gif") no-repeat;
    text-indent: -9300px
}

.logo_r {
    float: left;
    padding: 13px 37px
}

.logo_r2 {
    float: left;
    width: 231px;
    height: 31px;
    background: url("images/logo_r.gif") 0 -31px no-repeat
}

.logo_r2:hover {
    background: url("images/logo_r.gif") 0 0px no-repeat
}

#searchForm {
    float: left;
    padding: 10px 10px 10px 30px
}

#searchForm .search_box {
    float: left;
    width: 408px;
    height: 35px;
    background: url("images/bg.png") no-repeat
}

#searchForm .box_cont {
    width: 110px;
    float: left;
    position: relative;
    z-index: 9999999999
}

#searchForm .search_box .B_input {
    border: 1px solid #fff;
    margin: 5px 4px;
    height: 21px;
    line-height: 21px;
    width: 260px;
    float: left;
    color: #999
}

#searchForm .go {
    width: 52px;
    height: 35px;
    border: none;
    background: url("images/bg.png") no-repeat -534px 0;
    float: left
}

#searchForm .otr {
    width: 95px;
    padding-left: 11px;
    text-align: left;
    float: left;
    height: 29px;
    line-height: 29px;
    background: url("images/biao1.gif") no-repeat 90px 14px;
    color: #999;
    margin: 3px;
    border-right: 1px solid #ccc;
    display: inline;
    cursor: pointer;
    position: relative
}

#searchForm .otr1 {
    width: 95px;
    padding-left: 11px;
    text-align: left;
    float: left;
    height: 29px;
    line-height: 29px;
    background: url("images/biao1_1.gif") no-repeat 90px 14px;
    color: #999;
    margin: 3px;
    border-right: 1px solid #ccc;
    display: inline;
    cursor: pointer;
    position: relative
}

#searchForm #text-input li {
    display: none
}

#searchForm #se-ul {
    display: none;
    width: 103px;
    overflow: hidden;
    position: absolute;
    top: 33px;
    left: 5px;
    z-index: 1000000000;
    border: 1px #ccc solid;
    border-top: none
}

#searchForm #se-ul li {
    display: none;
    width: 100px;
    background: #FFF;
    padding-left: 7px;
    text-align: left;
    float: left;
    height: 29px;
    line-height: 29px;
    color: #999;
    display: inline;
    cursor: pointer
}

.search_no {
    width: 130px;
    height: 31px;
    line-height: 31px;
    margin: 12px 0;
    background: url("images/app_link.gif") no-repeat;
    float: left;
    overflow: hidden
}

.search_no a {
    text-decoration: none;
    display: block;
    width: 130px;
    height: 31px;
    text-indent: -99999px
}

#mainNav {
    height: 36px;
    line-height: 36px;
    background: url("images/meun_bg.gif") repeat-x 0 0;
    font-family: "Microsoft Yahei";
    font-size: 16px;
    font-weight: bold;
    position: relative;
    z-index: 99999999
}

#mainNav .a1 {
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    padding: 0 20px;
    height: 34px;
    line-height: 34px;
    margin: 1px 0;
    float: left
}

#mainNav #cur {
    background: #fff;
    color: #b90404
}

#mainNav .a1:hover, #mainNav .meun_r .dl_on .a1 {
    color: #fff;
    background: url("images/meun_bg.gif") repeat-x 0 -36px
}

.meun_in {
    padding-left: 210px
}

#mainNav img {
    float: left;
    margin-top: 1px
}

#mainNav .meun_r {
    float: right
}

#mainNav .meun_r dl {
    position: relative;
    float: left
}

#mainNav .meun_r dl span {
    width: 10px;
    height: 6px;
    background: url("images/bg.png") 0 -241px;
    position: absolute;
    right: 8px;
    top: 15px
}

#mainNav .meun_r dl .a1 {
    width: 70px
}

#mainNav .meun_r dl dd {
    display: none;
    width: 106px;
    border: 2px solid #7f0800;
    border-top: 1px solid #7f0800;
    background: #b90404;
    position: absolute;
    left: 0;
    top: 35px
}

#mainNav .meun_r .dl_on dd {
    display: block
}

#mainNav .meun_r .dl_on dd a {
    font-size: 14px;
    color: #FFF;
    display: block;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px solid #8a0505;
    border-top: 1px solid #e93f3f
}

#mainNav .meun_r .dl_on dd a:hover {
    background: #8a0505;
    border-top: 1px solid #9f1200
}

.shadow-x {
    height: 3px;
    width: 100%;
    background: url("images/shadow-x.png") repeat-x;
    position: absolute;
    left: 0
}

.shadow-y {
    width: 3px;
    height: auto;
    background: url("images/shadow-y.png") repeat-y;
    position: absolute
}

.shadow-x1 {
    top: 36px
}

.shadow-x2 {
    top: 367px;
    left: 0;
    width: 960px;
    display: none
}

.shadow-x2s {
    width: 212px
}

.shadow-x3 {
    top: 118px;
    width: 650px;
    left: 210px;
    display: none
}

.category_all_box .dl_on .shadow-x3 {
    display: block;
    _display: none
}

.shadow-y1 {
    left: 210px;
    height: 331px;
    top: 36px;
    display: none
}

.shadow-y2 {
    left: 860px;
    height: 120px;
    top: 0;
    display: none
}

.category_all_box .dl_on .shadow-y2 {
    display: block;
    _display: none
}

.category_all_on .shadow-y1, .category_all_on .shadow-x2 {
    display: block
}

.category_all {
    width: 210px;
    padding-left: 0px;
    font-size: 15px;
    font-weight: bold;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 0
}

.category_all .tit {
    padding-left: 10px;
    width: 200px;
    display: block;
    float: left;
    font-size: 15px;
    color: #FFFFFF;
    background: url("images/bg.png") -42px -56px no-repeat
}

.category_all a {
    color: #FFF;
    text-decoration: none
}

.category_all_box {
    display: none;
    height: 331px;
    background: #666 url("images/categorytree_bg.gif") repeat-y center 0;
    position: relative
}

.category_all_on .category_all_box {
    display: block
}

.category_all_box dt i {
    width: 16px;
    height: 16px;
    overflow: hidden;
    float: left;
    background: url("images/bg.png") 0px -56px no-repeat;
    margin: 10px 5px 0 10px
}

.category_all_box dt .c1 {
    background-position: 0px -56px
}

.category_all_box dt .c2 {
    background-position: 0px -72px
}

.category_all_box dt .c3 {
    background-position: 0px -88px
}

.category_all_box dt .c4 {
    background-position: 0px -104px
}

.category_all_box dt .c5 {
    background-position: 0px -120px
}

.category_all_box dt .c6 {
    background-position: 0px -136px
}

.category_all_box dt .c7 {
    background-position: 0px -152px
}

.category_all_box dt .c8 {
    background-position: 0px -168px
}

.category_all_box dt .c9 {
    background-position: 0px -184px
}

.category_all_box dl {
    position: relative
}

.category_all_box dl dt {
    font-size: 12px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    margin-bottom: 2px;
    cursor: pointer
}

.category_all_box dl dt .dt_a1 {
    float: left;
    width: 175px
}

.category_all_box dl dt .num {
    position: absolute;
    right: 25px;
    top: 0px;
    color: #CCCCCC
}

.category_all_box dl dt h2 {
    float: left;
    width: 160px;
    font-weight: normal;
    font-size: 14px
}

.category_all_box .dl_on {
    background: #919191
}

.category_all_box .dl_on a {
    color: #FFF
}

.category_all_box .dl_on dt .c1 {
    background-position: -22px -56px
}

.category_all_box .dl_on dt .c2 {
    background-position: -22px -72px
}

.category_all_box .dl_on dt .c3 {
    background-position: -22px -88px
}

.category_all_box .dl_on dt .c4 {
    background-position: -22px -104px
}

.category_all_box .dl_on dt .c5 {
    background-position: -22px -120px
}

.category_all_box .dl_on dt .c6 {
    background-position: -22px -136px
}

.category_all_box .dl_on dt .c7 {
    background-position: -22px -152px
}

.category_all_box .dl_on dt .c8 {
    background-position: -22px -168px
}

.category_all_box .dl_on dt .c9 {
    background-position: -22px -184px
}

.category_all_box_in {
    display: none
}

.category_all_box .dl_on .category_all_box_in {
    display: block;
    position: absolute;
    left: 210px;
    top: 0;
    width: 620px;
    height: 102px;
    z-index: 17;
    overflow: hidden;
    _zoom: 1;
    background: #FAFAFA;
    z-index: 999999999
}

.category_all_box_in {
    padding: 8px 15px
}

.category_all_box_in .list {
    border-bottom: 1px dotted #ccc;
    float: left
}

.category_all_box_in .f_l {
    font-size: 12px;
    font-weight: bold;
    width: 50px
}

.category_all_box_in .f_r {
    width: 570px;
    padding-top: 8px
}

.category_all_box_in .f_r a {
    float: left;
    font-size: 12px;
    color: #666;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    padding: 0 20px 0 5px;
    margin-right: 6px
}

.category_all_box_in .f_r .select, .category_all_box_in .f_r a:hover {
    background: url("images/select.gif") right center no-repeat #b90404;
    color: #FFFFFF
}

.category_all_box_in .f_r .category_color a {
    float: left;
    width: 26px;
    height: 18px;
    border: 1px solid #ccc;
    padding: 1px;
    margin-right: 10px;
    margin-left: 5px
}

.category_all_box_in .f_r .category_color a i {
    display: block;
    width: 26px;
    height: 18px
}

.category_all_box_in .f_r .category_color .select, .category_all_box_in .f_r .category_color a:hover {
    background: #b90404;
    border: 1px solid #b90404
}

.category_all_box_in .f_r .category_color i {
    margin: 0;
    padding: 0
}

.category_all_box_in .f_r .category_color .color1 i {
    background: #000
}

.category_all_box_in .f_r .category_color .color1b i {
    background: #fff
}

.category_all_box_in .f_r .category_color .color2 i {
    background: #f5b4d0
}

.category_all_box_in .f_r .category_color .color3 i {
    background: #c60000
}

.category_all_box_in .f_r .category_color .color4 i {
    background: #713eaf
}

.category_all_box_in .f_r .category_color .color5 i {
    background: #1944a5
}

.category_all_box_in .f_r .category_color .color6 i {
    background: #009944
}

.category_all_box_in .f_r .category_color .color7 i {
    background: #fac14b
}

.category_all_box_in .f_r .category_color .color8 i {
    background: url("images/duocai.gif") no-repeat
}

.ur_here {
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    font-size: 12px;
    border-bottom: 2px solid #cb0404
}

.ur_here2 {
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    font-size: 12px;
    background: #FFF;
    border: 1px solid #ddd
}

.step {
    width: 990px;
    height: 35px;
    margin-bottom: 30px
}

.step ul {
    float: left;
    height: 35px;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    width: 330px
}

.step1 {
    background: url("images/step_1.gif") no-repeat
}

.step1 .ul1 {
    color: #FFF
}

.step1 .ul2 {
    color: #666
}

.step1 .ul3 {
    color: #666
}

.step2 {
    background: url("images/step_2.gif") no-repeat
}

.step2 .ul1 {
    color: #666
}

.step2 .ul2 {
    color: #fff
}

.step2 .ul3 {
    color: #666
}

.step3 {
    background: url("images/step_3.gif") no-repeat
}

.step3 .ul1 {
    color: #666
}

.step3 .ul2 {
    color: #666
}

.step3 .ul3 {
    color: #fff
}

.index_l {
    float: left;
    width: 960px
}

.index_r {
    float: right;
    width: 240px
}

.index_tab {
}

.index_tab .hd {
    border-bottom: 2px solid #cb0404;
    height: 31px
}

.index_tab .hd li {
    float: left;
    background: #eae5e1;
    color: #7e7c7b;
    height: 31px;
    text-align: center;
    line-height: 31px;
    width: 210px;
    font-weight: bold;
    color: #FFF;
    margin-right: 2px;
    font-weight: normal;
    font-family: "微软雅黑";
    font-size: 13px
}

.index_tab .hd .on {
    background: #cb0404;
    color: #FFF
}

.index_tab .hd .on a {
    color: #FFF;
    font-weight: bold
}

.index_top .hd {
    position: relative
}

.index_top .hd ul {
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 10px
}

.index_top .hd ul li {
    float: left;
    line-height: 30px;
    padding: 0px;
    float: left;
    margin-left: 9px;
    cursor: pointer
}

.index_top .hd ul li a {
    color: #999;
    text-decoration: none
}

.index_top .hd ul li.on {
    background: url("images/biao3.gif") bottom center no-repeat
}

.index_top .hd ul li.on a {
    color: #ff8900
}

.index_top .bd {
    padding: 3px 0
}

.index_top dl {
    margin: 8px
}

.index_top .scrollObj {
    height: 292px;
    overflow: hidden;
    position: relative
}

.index_top dl ul span {
    position: absolute;
    left: 0;
    top: 0px;
    width: 12px;
    margin-right: 8px;
    text-align: center;
    height: 12px;
    line-height: 12px;
    background: #CCCCCC;
    color: #fff
}

.index_top dl ul {
    position: relative;
    height: 20px;
    line-height: 20px;
    padding-left: 19px;
    margin: 5px 0
}

.index_top dl ul .ren {
    position: absolute;
    right: 0;
    top: 0px;
    color: #8e8e8e;
    height: 14px;
    line-height: 14px
}

.index_top dl ul .img img {
    width: 60px;
    height: 60px;
    border: 1px solid #999
}

.index_top dl ul .img {
    float: left;
    margin-right: 8px
}

.index_top dl ul .name {
    height: 12px;
    line-height: 12px
}

.index_top dl ul .f1 {
    color: #ff8900
}

.index_top dl .ul_box {
    height: 70px
}

.index_top dl .ul_box .ren {
    position: absolute;
    right: 0;
    top: 50px;
    color: #8e8e8e
}

.index_top dl .ul_box span {
    background: #b90404
}

.index_top .f1 {
    font-size: 12px;
    font-weight: normal
}

.scrollDiv {
    height: 34px;
    line-height: 34px;
    width: 238px;
    border: #ddd 1px solid;
    background: #fff;
    overflow: hidden
}

.scrollDiv li {
    height: 34px;
    width: 180px;
    line-height: 34px;
    overflow: hidden;
    padding-left: 10px
}

.scrollDiv li a {
    color: #3b3b3b;
    text-decoration: none
}

.scrollDiv li a:hover {
    color: #c00
}

.btn_box {
    position: absolute;
    right: 8px;
    top: 11px
}

.btn_box .btn1 {
    display: block;
    width: 13px;
    height: 14px;
    background: url("images/bg.png") -266px -56px no-repeat;
    float: left
}

.btn_box .btn2 {
    display: block;
    width: 14px;
    height: 14px;
    background: url("images/bg.png") -279px -56px no-repeat;
    float: left
}

.btn_box .btn1_on {
    background: url("images/bg.png") -266px -70px no-repeat;
    float: left
}

.btn_box .btn2_on {
    background: url("images/bg.png") -279px -70px no-repeat;
    float: left
}

#category_tree {
    border: 4px solid #f1faff;
    background-color: #fff
}

#category_tree dl {
    margin: 6px
}

#category_tree dt {
    background: url("images/lineBg.gif") repeat-x left bottom;
    color: #3f3f3f;
    padding: 2px 0 3px 12px
}

#category_tree dt a {
    background: url("images/bg.gif") no-repeat 0 -69px;
    color: #3f3f3f;
    padding-left: 15px;
    text-decoration: none
}

#category_tree dd {
    padding: 3px 0 3px 10px
}

#category_tree dd a {
    color: #404040;
    text-decoration: none
}

#category_tree dd a:hover {
    color: #ff6600;
    text-decoration: none
}

.centerPadd {
    padding: 5px 8px 8px 8px;
    overflow: hidden
}

.itemTit {
    height: 30px;
    background: url("images/bg.gif") no-repeat 0px -195px;
    padding-left: 190px;
    text-align: right
}

.itemTit.New {
    background: url("images/bg.gif") no-repeat 0px -225px
}

.itemTit.Hot {
    background: url("images/bg.gif") no-repeat 0px -256px
}

.itemTit img {
    position: relative;
    top: 7px
}

.itemTit h2 {
    float: left;
    height: 27px;
    background: url("images/itemH2Bg.gif") repeat-x left top;
    border: 1px solid #d6ecff;
    font-size: 12px;
    text-align: center;
    color: #3f3f3f;
    font-weight: 100;
    padding: 0px 10px;
    line-height: 28px;
    margin: 0 6px 0 0;
    border-bottom: none;
    position: relative;
    bottom: -3px;
    display: inline;
    white-space: nowrap
}

.itemTit h2 a {
    color: #3f3f3f;
    text-decoration: none
}

.itemTit .h2bg {
    height: 27px;
    line-height: 28px;
    border: none;
    background: none;
    font-size: 12px;
    text-align: center;
    color: #006ace;
    font-weight: 100;
    padding: 0px 10px;
    display: inline;
    white-space: nowrap
}

.itemTit .h2bg a {
    color: #006ace;
    text-decoration: none
}

.centerPadd .goodsBox {
    border: 1px solid #d6ecff;
    background: #fff;
    padding: 12px 0px 0px 17px;
    *padding: 12px 0px 0px 17px;
    _padding: 12px 0px 0px 0px
}

.centerPadd .goodsBox .more {
    text-align: right;
    clear: both;
    margin: 0 8px 8px 0
}

.goodsItem_kuang {
    background: #FFF;
    margin-left: 10px;
    float: left;
    padding-bottom: 2px;
    background: url("images/goodsitem_show.gif") repeat-x 0 bottom;
    margin-bottom: 10px
}

.goodsItem_kuang2 {
    margin-left: 0;
    margin-right: 10px
}

.goodsItem {
    width: 220px;
    padding: 5px;
    border: 1px solid #e3e3e3;
    background: #FFF;
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
    float: left
}

.goodsItem .goodsimg {
    width: 220px;
    height: 220px;
    margin-bottom: 8px;
    background: #FFF
}

.goodsItem img {
    width: 52px;
    height: 17px
}

.goodsItem p {
    text-align: left;
    font-size: 14px;
    hcolor: #3f3f3f;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-bottom: 5px
}

.goodsItem p a {
    color: #666;
    text-decoration: none
}

.goodsItem p a:hover {
    color: #cc0000
}

.goodsItem p a span {
    color: #cc0000
}

.goodsItem .lujin {
    font-size: 12px;
    font-weight: normal
}

.goodsItem .lujin .lj1 {
    color: #ff0084
}

.goodsItem .lujin .lj1:hover {
    color: #c00
}

.goodsItem .lujin strong {
    font-weight: normal
}

.goodsItem .f1 {
    float: left
}

.goodsItem .pinlun {
    float: right;
    color: #6699cc
}

.goodsItem .pinlun:hover {
    color: #cc0000
}

.goodsItem_on {
    border: 1px solid #cb0404
}

.goodsItem_on .f1 {
    color: #cb0404
}

.goodsItem .fj {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 220px;
    padding: 0px 5px;
    height: 35px;
    line-height: 35px;
    background: rgba(204, 51, 51, 0.588);
    filter: progid:DXImageTransform.Microsoft.Gradient(enabled=true, startColorStr=#96cc3333, endColorStr=#96cc3333);
    text-align: right
}

.goodsItem_on .fj {
    display: block
}

.goodsItem .fj a {
    float: left;
    color: #FFF
}

.goodsItem .fj a:hover {
    text-decoration: underline
}

.goodsItem .fj a:hover span {
    text-decoration: underline
}

.goodsItem .fj span {
    float: left
}

.goodsItem .fj .fj_a2 {
    float: right
}

.goodsItem .fj .fj_a2 .biao {
    width: 23px;
    height: 23px;
    background: url("images/bg.png") -388px -57px;
    margin: 5px 6px
}

.goodsItem .fj .fj_a1 .biao {
    width: 23px;
    height: 23px;
    background: url("images/bg.png") -388px -83px;
    margin: 5px 6px
}

.cat_box .goodsItem_kuang {
    margin-left: 12px
}

.bottom_txt {
    background: #eee;
    border-top: 2px solid #cb0404;
    padding: 10px;
    padding-right: 0
}

.bottom_txt .in1 {
    float: left;
    width: 268px;
    padding: 10px;
    background: #FFF;
    border: 1px solid #ebebeb;
    margin-right: 10px
}

.bottom_txt .in1 .box_1 {
    border: none
}

.bottom_txt .in1 h3 {
    text-align: right;
    height: 18px;
    line-height: 18px;
    padding: 0;
    padding-bottom: 5px;
    background: none
}

.bottom_txt .in1 h3 a {
    font-size: 12px;
    font-weight: normal
}

.bottom_txt .in1 h3 span {
    float: left;
    ont-family: "微软雅黑";
    font-size: 15px;
    color: #333;
    height: 18px;
    line-height: 18px;
    padding-left: 0
}

.bottom_txt .in1 h3 span a {
    float: left;
    ont-family: "微软雅黑";
    font-size: 15px;
    color: #333;
    font-weight: bold
}

.bottom_txt .in1 .boxCenterList {
    height: 194px;
    padding: 0;
    border-top: 1px solid #ddd;
    padding-top: 7px
}

.bottom_txt .in1 .art .boxCenterList a {
    display: block;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    background: url("images/biao5.gif") 0 12px no-repeat;
    font-size: 12px;
    padding-left: 10px
}

.bottom_txt .in1 .comm_in {
    height: 207px
}

.bottom_txt .in1 .comm_in {
    height: 207px
}

.bottom_txt .in1 .comm_in p {
    height: 20px;
    line-height: 20px;
    overflow: hidden
}

.comm_list {
    border: 1px solid #ddd;
    height: 60px;
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
    cursor: pointer
}

.comm_list img {
    float: left;
    width: 60px;
    height: 60px
}

.comm_list ul {
    float: right;
    width: 190px;
    color: #333333
}

.comm_list ul p {
    color: #666
}

.comm_list:hover {
    border: 1px solid #cc0000
}

.comm_list:hover ul {
    color: #cc0000
}

.comm_list:hover ul p {
    color: #cc0000
}

.shell {
    width: 267px
}

#div1 {
    height: 210px;
    overflow: hidden
}

.tit3 {
    height: 31px;
    border-bottom: 2px solid #cb0404;
    overflow: hidden
}

.tit3 span {
    float: left;
    font-family: "微软雅黑";
    width: 210px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    height: 31px;
    line-height: 31px;
    background: #cb0404
}

.tit3 span a {
    color: #fff
}

.tit3 .more {
    float: right;
    background: url("images/biao4.gif") right center no-repeat;
    padding-right: 16px;
    margin: 7px
}

.helpTitBg {
    padding: 30 0 10px 15px;
    position: relative;
    height: 160px
}

.helpTitBg dl {
    float: left;
    width: 217px;
    border-right: 1px dotted #999;
    padding-left: 30px
}

.helpTitBg dt {
    font-size: 16px;
    font-weight: 500
}

.helpTitBg dt a {
    font-family: "微软雅黑";
    color: #999;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    float: left;
    padding-left: 10px
}

.helpTitBg dd a {
    color: #666;
    line-height: 26px;
    text-decoration: none;
    padding: 0px 0px 0px 46px
}

.helpTitBg dd a:hover, .helpTitBg dt a:hover {
    color: #c00
}

.helpTitBg dl dt span {
    float: left;
    width: 35px;
    height: 35px
}

.helpTitBg .dl1 dt span {
    background: url("images/bg.png") -325px -56px no-repeat
}

.helpTitBg .dl2 dt span {
    background: url("images/bg.png") -325px -93px no-repeat
}

.helpTitBg .dl3 dt span {
    background: url("images/bg.png") -325px -130px no-repeat
}

.helpTitBg .dl4 dt span {
    background: url("images/bg.png") -325px -167px no-repeat
}

.helpTitBg .dl2 {
    margin-right: 212px
}

.helpTitBg .dl3 {
    border-left: 1px dotted #999;
    padding-left: 30px
}

.helpTitBg .dl4 {
    border: none;
    margin-right: 0px
}

.helpTitBg img {
    position: absolute;
    top: 0px;
    left: 555px
}

.boxCenterList ul {
    height: 1%;
    border-bottom: 1px solid #ddd;
    padding: 14px 0
}

.boxCenterList li {
    float: left;
    width: 90px
}

.boxCenterList li.goodsimg {
    width: 130px;
    margin-right: 10px
}

.boxCenterList li .name {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    display: block;
    margin-bottom: 5px
}

.boxCenterList li.goodsimg img {
    width: 128px;
    height: 128px;
    display: block;
    border: 1px solid #e5e5e5
}

.boxCenterList .f1 {
    font-size: 12px;
    font-weight: normal;
    color: #000000
}

.boxCenterList #clear_history {
    border: none;
    position: absolute;
    right: 5px;
    top: 11px;
    padding: 0
}

.RelaArticle a, .alone {
    background: url("images/bg.gif") no-repeat 0px -170px;
    padding: 0px 0px 0px 10px;
    color: #3f3f3f;
    text-decoration: none
}

.RelaArticle a:hover {
    background: url("images/bg.gif") no-repeat 0px -170px;
    padding: 0px 0px 0px 10px;
    color: #c00;
    text-decoration: none
}

.history {
    height: 34px;
    border-bottom: 2px solid #cb0404;
    background: url("images/history_bg.gif") repeat-x
}

.history h2 {
    background: #cb0404;
    float: left;
    width: 140px;
    height: 34px;
    line-height: 34px;
    color: #FFFFFF;
    border-right: 1px solid #ddd;
    text-align: center;
    text-align: center;
    font-size: 14px;
    font-weight: normal
}

.history .h2bg {
    background: none;
    color: #666
}

#history li {
    width: 100%
}

#clear_history a {
    background: none;
    padding: 0px;
    color: #3f3f3f;
    text-decoration: none;
    float: right;
    cursor: pointer
}

.colle a {
    background: none;
    padding: 0px;
    color: #3f3f3f;
    text-decoration: none
}

.colle a:hover {
    background: none;
    padding: 0px;
    color: #ff6600;
    text-decoration: none
}

#goodsInfo {
    _height: 1%;
    padding: 4px 0
}

#goodsInfo .imgInfo {
    width: 262px;
    float: left;
    padding-left: 14px
}

#goodsInfo .imgInfo img {
    width: 260px;
    height: 260px;
    border: 1px solid #e6e6e6
}

#goodsInfo .gallery {
    width: 204px;
    float: left;
    margin-left: 10px;
    _margin-left: 5px;
    overflow: hidden
}

#goodsInfo .gallery ul {
    width: auto
}

#goodsInfo .gallery li {
    float: left;
    width: 48px;
    margin: 0 2px
}

#goodsInfo .gallery li img {
    width: 46px;
    height: 46px;
    display: block
}

#goodsInfo .textInfo {
    background: #fff;
    width: 883px;
    height: 260px;
    float: left;
    padding: 0 10px 0 30px;
    padding-bottom: 10px;
    position: relative
}

#goodsInfo .textInfo .ico_shoucang {
    float: left;
    padding-top: 5px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
    font-weight: normal
}

#goodsInfo .textInfo .ico_shoucang .aa1 {
    width: 30px;
    height: 23px;
    float: left;
    padding-left: 22px;
    background: url("images/bg.png") -460px -57px
}

#goodsInfo .textInfo .ico_shoucang .aa2 {
    height: 23px;
    padding: 0 8px;
    background: url("images/shoucang_r.gif") right 0;
    color: #333;
    float: left
}

#goodsInfo .textInfo .ico_shoucang_on .f_l {
    color: #c00;
    background: url("images/bg.png") -460px -89px
}

#goodsInfo .textInfo .ico_shoucang_on .f_r {
    background: url("images/shoucang_r.gif") right -23px
}

#goodsInfo .textInfo h1 {
    font-size: 25px;
    line-height: 150%;
    color: #333;
    float: left;
    padding-right: 10px;
    font-weight: normal
}

#goodsInfo .textInfo ul {
}

#goodsInfo .textInfo li {
    padding: 0px;
    _height: 1%;
    font-family: "Microsoft Yahei";
    font-size: 16px;
    font-weight: 400;
    color: #666;
    float: left;
    width: 100%
}

#goodsInfo .textInfo li b {
}

#goodsInfo .textInfo li.padd {
    padding: 7px 0px 7px 8px
}

#goodsInfo .textInfo li dd {
    width: 100%;
    float: left;
    padding: 7px 0px
}

#goodsInfo .textInfo .loop {
    background: #f7f7f7;
    margin-top: 8px
}

#goodsInfo .textInfo .catt {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 5px
}

#goodsInfo .textInfo .catt a {
    border: #c8c9cd 2px solid;
    text-align: center;
    background-color: #fff;
    margin-right: 5px;
    margin-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    white-space: nowrap;
    color: #000;
    text-decoration: none;
    float: left;
    font-size: 12px;
    height: 25px;
    line-height: 25px
}

#goodsInfo .textInfo .catt a:hover {
    border: #cb0404 2px solid
}

#goodsInfo .textInfo .catt a:focus {
    outline-style: none
}

#goodsInfo .textInfo .catt .cattsel {
    border: #cb0404 2px solid;
    background: url("images/test.gif") no-repeat bottom right
}

#goodsInfo .textInfo .catt .cattsel a:hover {
    border: #cb0404 2px solid;
    background: url("images/test.gif") no-repeat bottom right
}

#goodsInfo .textInfo .bnt_buy {
    display: block;
    float: left;
    margin-right: 10px;
    width: 140px;
    height: 53px;
    background: url("images/bnt_cat.gif") 0 0 no-repeat
}

#goodsInfo .textInfo .bnt_buy:hover {
    background: url("images/bnt_cat.gif") 0 -53px no-repeat
}

#goodsInfo .textInfo .bnt_buy2 {
    display: block;
    float: left;
    margin-right: 10px;
    width: 140px;
    height: 53px;
    background: url("images/bnt_cat.gif") -560px 0 no-repeat
}

#goodsInfo .textInfo .bnt_buy2:hover {
    background: url("images/bnt_cat.gif") -560px -53px no-repeat
}

#goodsInfo .textInfo .bnt_buy3 {
    display: block;
    float: left;
    margin-right: 10px;
    width: 140px;
    height: 53px;
    background: url("images/bnt_cat.gif") -700px 0 no-repeat
}

#goodsInfo .textInfo .bnt_buy3:hover {
    background: url("images/bnt_cat.gif") -700px -53px no-repeat
}

#goodsInfo .textInfo .bnt_buy4 {
    display: block;
    float: left;
    margin-right: 10px;
    width: 140px;
    height: 53px;
    background: url("images/bnt_cat.gif") -840px 0 no-repeat
}

#goodsInfo .textInfo .bnt_buy4:hover {
    background: url("images/bnt_cat.gif") -840px -53px no-repeat
}

#goodsInfo .textInfo .bnt_buy5 {
    display: block;
    float: left;
    margin-right: 10px;
    width: 140px;
    height: 53px;
    background: url("images/bnt_cat.gif") -980px 0 no-repeat
}

#goodsInfo .textInfo .bnt_buy5:hover {
    background: url("images/bnt_cat.gif") -980px -53px no-repeat
}

#goodsInfo .textInfo .bnt_yanshi {
    display: block;
    float: left;
    width: 140px;
    margin-right: 10px;
    height: 53px;
    background: url("images/bnt_cat.gif") -140px 0 no-repeat
}

#goodsInfo .textInfo .bnt_yanshi:hover {
    background: url("images/bnt_cat.gif") -140px -53px no-repeat
}

#goodsInfo .textInfo .bnt_liji {
    display: block;
    float: left;
    width: 140px;
    height: 53px;
    margin-right: 10px;
    background: url("images/bnt_cat.gif") -280px 0 no-repeat
}

#goodsInfo .textInfo .bnt_liji:hover {
    background: url("images/bnt_cat.gif") -280px -53px no-repeat
}

#goodsInfo .textInfo .bnt_zhanwu {
    display: block;
    float: left;
    margin-right: 10px;
    width: 140px;
    height: 53px;
    background: url("images/bnt_cat.gif") -420px 0 no-repeat
}

#goodsInfo .textInfo .bnt_zhanwu:hover {
    background: url("images/bnt_cat.gif") -420px -53px no-repeat
}

#goodsInfo .textInfo .goods_bnt {
}

#goodsInfo .textInfo .goods_bnt .f_l {
    float: left;
    width: 500px;
    padding-top: 10px
}

#goodsInfo .textInfo .goods_bnt .f_l b {
    display: none
}

#goodsInfo .textInfo .sp-singleAct {
    float: right;
    width: 190px;
    padding-right: 10px;
    position: relative
}

#goodsInfo .textInfo .sp-singleAct dl {
    padding-bottom: 5px;
    border: 1px solid #dde3e4;
    padding-top: 5px
}

#goodsInfo .textInfo .sp-singleAct dl dd {
    line-height: 18px;
    padding: 3px 0px 3px 35px;
    zoom: 1
}

#goodsInfo .textInfo .sp-singleAct dl .mian {
    background: url("images/ico_mian.gif") no-repeat 12px 5px
}

#goodsInfo .textInfo .sp-singleAct dl .jian {
    background: url("images/ico_jian.gif") no-repeat 12px 5px
}

#goodsInfo .textInfo .sp-singleAct dl .zhe {
    background: url("images/ico_zhe.gif") no-repeat 12px 5px
}

#goodsInfo .textInfo .sp-singleAct dl .song {
    background: url("images/ico_song.gif") no-repeat 12px 5px
}

#goodsInfo .textInfo .sp-singleAct span {
    display: block;
    width: 13px;
    height: 23px;
    background: url("images/bg.png") no-repeat -480px -207px;
    position: absolute;
    top: 5px;
    left: -12px;
    background-color: #fff
}

.gratis {
    margin-left: 10px
}

.goods_youshi li {
    width: 412px;
    height: 184px;
    padding: 25px 15px;
    background: url("images/goods_youshi_bg.gif") no-repeat;
    float: left;
    margin-bottom: 16px
}

.goods_youshi li dl {
    width: 412px;
    height: 184px;
    float: left
}

.goods_youshi li dl dt {
    font-size: 20px;
    color: #181818;
    font-weight: bold;
    font-family: "微软雅黑";
    padding-bottom: 10px
}

.goods_youshi li dl dd {
    font-size: 16px;
    color: #333;
    padding-bottom: 25px
}

.goods_youshi li dl p {
    font-size: 14px;
    color: #333;
    width: 260px;
    line-height: 23px
}

.goods_youshi .li1 dl {
    background: url("images/goods_youshi1.gif") right center no-repeat
}

.goods_youshi .li2 dl {
    background: url("images/goods_youshi2.jpg") right center no-repeat
}

.goods_youshi .li3 dl {
    background: url("images/goods_youshi3.gif") right center no-repeat
}

.goods_youshi .li4 dl {
    background: url("images/goods_youshi4.gif") right center no-repeat
}

.goods_youshi .li5 dl {
    background: url("images/goods_youshi5.gif") right center no-repeat
}

.goods_youshi .li6 dl {
    background: url("images/goods_youshi6.gif") right center no-repeat
}

.goods_youshi .li7 dl {
    background: url("images/goods_youshi7.gif") right center no-repeat
}

.goods_youshi .li8 dl {
    background: url("images/goods_youshi8.gif") right center no-repeat
}

.goods_youshi .f_r {
    float: right
}

.goods_fuwu img {
    float: left
}

.goods_fuwu .li1 dl {
    float: left;
    width: 798px;
    padding-left: 20px
}

.goods_fuwu .li1 dl dt {
    font-family: "微软雅黑";
    font-weight: bold;
    color: #333333;
    font-size: 15px;
    height: 30px
}

.goods_fuwu .li1 dl dd {
    font-size: 14px
}

.goods_other img {
    float: left
}

.goods_other .li1 {
    padding: 20px;
    border-bottom: 1px dotted #ddd;
    margin: 0
}

.goods_other .li1 dl {
    float: left;
    width: 738px;
    padding-left: 20px
}

.goods_other .li1 dl dt {
    font-family: "微软雅黑";
    font-weight: bold;
    color: #333333;
    font-size: 15px;
    height: 30px
}

.goods_other .li1 dl dd {
    font-size: 12px
}

.goods_other .li1 .p1 {
    color: #cb0404
}

.goods_other .li1 p a {
    color: #6699cc
}

.goods_other .li1 p a:hover {
    text-decoration: underline
}

.goods_wenda .li1 {
    padding: 20px;
    border-bottom: 1px dotted #ddd;
    margin: 0
}

.goods_wenda .li1 dl {
    float: left;
    width: 100%
}

.goods_wenda .li1 .q {
    color: #c00
}

.goods_wenda .li1 dt {
    float: left;
    width: 15px
}

.goods_wenda .li1 dd {
    float: left;
    width: 840px
}

.score-wrap {
    float: left;
    width: 280px;
    position: relative
}

.score-wrap .score {
    height: 65px;
    padding: 5px;
    text-align: center
}

.score-wrap .no-score {
    margin-top: 28px
}

.score .score-num {
    text-align: center;
    height: 27px;
    line-height: 27px
}

.score .score-num .value {
    font-family: "Microsoft Yahei";
    font-size: 24px;
    font-weight: 400;
    color: #444
}

.score .score-num .unit, .score .view-detail {
    font-family: "Microsoft Yahei";
    font-size: 12px;
    font-weight: 400;
    color: #999
}

.score .view-detail {
    text-align: center;
    vertical-align: middle;
    height: 18px;
    line-height: 18px;
    padding: 2px 0;
    cursor: pointer
}

.score-wrap .score-popup {
    width: 206px;
    background-color: #f0f0f0
}

.score-popup .score-detail .func, .score-popup .score-detail .maint {
    margin-bottom: 6px
}

.score-no {
    background: url("images/score.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: none;
    height: 17px;
    margin: 0 auto;
    vertical-align: top;
    width: 85px
}

.score-5 {
    background-position: -7px -4px
}

.score-4 {
    background-position: -7px -39px
}

.score-3 {
    background-position: -7px -75px
}

.score-2 {
    background-position: -7px -111px
}

.score-1 {
    background-position: -7px -147px
}

.score-0 {
    background-position: -7px -183px
}

.score-wrap .score-bottom {
    display: none;
    width: 220px;
    position: absolute;
    padding: 8px 30px;
    background: #FFF;
    left: 0;
    top: 0;
    font-size: 12px;
    line-height: 13px;
    color: #333
}

.score-wrap-on .score-bottom {
    display: block
}

.score-wrap .score-bottom .line {
    cursor: pointer;
    padding: 4px 0
}

.score-wrap .score-bottom .span1 {
    float: left
}

.score-wrap .score-bottom .span2 {
    float: left;
    width: 150px;
    margin: 0 3px;
    height: 13px;
    background: #f7f8f8
}

.score-wrap .score-bottom .span2in {
    float: left;
    height: 13px;
    background: url("images/ping_bg.gif") repeat-x
}

.score-wrap .score-bottom .span3 {
    float: left
}

.pProdInfoUL {
    border: 1px solid #ebebeb;
    width: 898px;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    float: left;
    padding: 0
}

.pProdInfoUL .tit {
    height: 28px;
    line-height: 28px;
    background: #eee;
    font-weight: bold;
    color: #333;
    float: left;
    width: 898px;
    margin-bottom: 2px
}

.pProdInfoUL .tit span {
    float: left;
    width: 15px;
    height: 15px;
    margin: 7px;
    background: url("images/bg.png") no-repeat
}

.pProdInfoUL .tit .span1 {
    background-position: -529px -58px
}

.pProdInfoUL .tit .span2 {
    background-position: -529px -75px
}

.pProdInfoUL LI {
    LINE-HEIGHT: 28px;
    WIDTH: 293px;
    _width: 292px;
    padding-left: 4px;
    margin-left: 2px;
    overflow: hidden;
    MARGIN-BOTTOM: 2px;
    BACKGROUND: #f8f8f6;
    FLOAT: left;
    HEIGHT: 28px;
    text-align: left
}

.art_cont_h2 a, .art_cont_h3 a {
    display: block;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    background: url("images/biao6.gif") 0 11px no-repeat;
    padding-left: 10px
}

.ie6 {
    padding-left: 25px;
    _padding-left: 15px;
    height: 1%
}

.comments {
    float: left
}

.comments li {
    border-bottom: 1px solid #f4f4f4;
    padding: 0px 0;
    width: 898px;
    _height: 1%;
    text-align: left;
    position: relative;
    margin-bottom: 8px;
    float: left
}

.comments li .score-no {
    position: absolute;
    right: 20px;
    top: 3px
}

.comments li p {
    text-align: left;
    font-size: 14px
}

.comments li .jianju {
    padding: 0 20px
}

.commentsList {
    padding: 10px 0
}

.commentsList td {
    padding-left: 20px;
    padding-right: 20px
}

.comments .f2 {
    font-size: 14px
}

.comments .f3 {
    font-size: 14px;
    font-weight: bold
}

.inputBorder {
    border: 1px solid #abadb3;
    background: url("images/bg2.gif") repeat-x 0 0 #fbfbfb;
    font-size: 14px
}

.comments .com_re {
    width: 816px;
    border: 1px solid #e4e4e4;
    color: #ababab;
    background: #f4f4f4;
    padding: 13px 20px;
    float: left;
    font-size: 12px;
    position: relative
}

.comments .com_re p {
    font-size: 12px
}

.comments .com_re .tou strong {
    font-size: 12px;
    font-weight: normal;
    color: #4095ce;
    font-weight: normal
}

.comments .com_re .dang {
    position: absolute;
    left: 23px;
    top: -10px
}

.commentsList .bnt_blue {
    color: #FFF
}

.comments_bottom {
    position: relative;
    padding-top: 10px
}

.comments_bottom * {
    float: left;
    vertical-align: middle
}

.comments_bottom .f_r {
    float: right
}

.comments_bottom .score-no {
    margin-right: 5px;
    margin-top: 2px
}

.comments_kuan li {
    width: 1208px
}

.comments_kuan .com_re {
    width: 1126px
}

.mydiv {
    width: 450px;
    height: 350px;
    border: 5px solid #b0b0b0;
    background: #fff;
    position: absolute;
    bottom: -40px;
    left: 238px
}

.mydiv .tit {
    height: 30px;
    line-height: 30px;
    background: #cb0404;
    border-bottom: 1px solid #a60303
}

.mydiv .tit span {
    font-size: 14px;
    color: #FFF;
    padding-left: 15px
}

.mydiv .tit img {
    float: right;
    padding: 10px
}

.mydiv_in {
}

.mydiv_in dl {
    padding: 20px 57px;
    height: 192px
}

.mydiv_in dd {
    padding: 10px 0;
    float: left;
    width: 335px
}

.mydiv_in b {
    font-weight: normal;
    float: left;
    width: 73px;
    text-align: center;
    padding-top: 10px;
    color: #000
}

.mydiv_in .inputBg {
    float: left;
    font-size: 14px
}

.mydiv_in .mydiv_bottom {
    height: 86px;
    width: 450px;
    border-top: 1px solid #ddd;
    float: left;
    background: #f2f2f2
}

.stars1 {
    background:
}

.captcha {
    margin-left: 0px;
    position: relative;
    top: -1px;
    *margin-left: 8px;
    *position: relative;
    top: 3px;
    cursor: pointer
}

#brandList {
    background: url("images/brandBg.gif") repeat-y top center;
    margin-top: 12px;
    height: 1%
}

#brandList .brandBox {
    width: 240px;
    _width: 236px;
    float: left;
    margin: 0 5px 20px 5px;
    text-align: center;
    overflow: hidden;
    height: 160px
}

#brandList .brandBox .brandLogo {
    width: 188px;
    height: 52px;
    overflow: hidden
}

#brandList .brandBox h4 {
    height: 23px;
    line-height: 23px;
    background: #e9e9e9;
    margin: 15px 0 8px 0;
    padding: 0 10px;
    text-align: right;
    font-weight: 100;
    font-size: 12px
}

#brandList .brandBox h4 span, #brandList .brandBox h4 span a {
    float: left;
    font-weight: bold;
    color: #3f3f3f;
    text-decoration: none
}

#brandList p {
    text-align: left;
    margin-bottom: 5px;
    color: #909090;
    padding: 8px
}

#brandList p.brandCategory, #brandList p.brandCategory a {
    text-align: left;
    color: #006acd;
    text-decoration: none
}

#brandList .brandArticle {
    border: 1px dashed #d9d9d9;
    background: #eee;
    text-align: left
}

.brandCategoryA a {
    margin-right: 15px
}

.box_1 .userCenterBox {
}

.usBox {
    border: 1px solid #ddd;
    width: 1208px;
    background: #FFF;
    border-top: none;
    color: #333333
}

.usBox_top {
    height: 49px;
    background: url("images/usBox_top.gif") repeat-x;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #ddd
}

.longTop {
    font-size: 14px;
    color: #ababab;
    padding: 15px 20px 15px 47px;
    background: url("images/tips.gif") no-repeat 8px 10px;
    border-bottom: 1px solid #f4f4f4
}

.norTable {
    font-size: 14px
}

.norTable tr.last td, .norTable tr.last th {
    border-bottom: 0
}

.leftBorder {
    border-left: 1px solid #f4f4f4
}

.norTable td, .norTable th {
    padding: 15px 10px;
    vertical-align: top;
    border-bottom: 1px solid #f4f4f4
}

.norTable td.vlm, .norTable th.vlm {
    vertical-align: middle
}

.norTable th {
    text-align: right;
    font-weight: normal;
    vertical-align: middle
}

.user_bnt {
    width: 118px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    font: 18px "微软雅黑";
    background: url("images/user_bnt.gif") no-repeat;
    border: none;
    cursor: pointer
}

.usBox .usBox_top a {
    float: left;
    padding: 0 25px;
    font-size: 14px;
    height: 46px;
    color: #333333;
    border-right: 1px solid #f4f4f4;
    line-height: 46px;
    border-top: 3px solid #fcfcfc
}

.usBox .usBox_top .active {
    border-top: 3px solid #c00;
    background: #FFFFFF;
    font-weight: bold
}

.usBox_in {
    padding: 15px
}

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

.usBox_1 {
    background: #fff;
    text-align: left;
    width: 297px;
    height: 208px;
    padding: 43px 153px 60px 123px
}

.usBox_1 .logtitle {
    height: 30px;
    background: url("images/ur_bg.gif") no-repeat 0px 0px
}

.us_Submit {
    border: none;
    width: 115px;
    height: 40px;
    background: url("images/bnt_ur_log.gif")
}

.us_Submit_reg {
    border: none;
    width: 113px;
    height: 40px;
    background: url("images/bnt_ur_reg.gif")
}

.usTxt {
    width: 265px;
    height: 267px;
    padding: 43px 0 0 90px;
    background: #f2f2f2;
    float: right;
    text-align: left;
    background: url("images/ur_bg1.gif") no-repeat 0 50%;
    line-height: 23px
}

.usTxt img {
    margin-top: 15px
}

.usBox_2 {
    background: #fff;
    text-align: left;
    padding: 43px 153px 60px 123px
}

.usBox_2 .regtitle {
    height: 30px;
    background: url("images/ur_bg.gif") no-repeat 0px -34px
}

.actionSub a {
    color: #006acc;
    text-decoration: underline;
    background: url("images/ur_bg.gif") no-repeat 0px -68px;
    padding-left: 14px
}

.box_1 .userCenterBox .userMenu {
}

.box_1 .userCenterBox .userMenu h3 {
    background: url("images/user_h3.gif") repeat-x;
    border: 1px solid #b90404;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    font-family: "微软雅黑";
    font-weight: bold;
    padding-left: 10px;
    text-align: left;
    font-size: 14px
}

.box_1 .userCenterBox .userMenu h3 a {
    color: #FFFFFF
}

.box_1 .userCenterBox .userMenu h3 a b {
    font-weight: normal
}

.box_1 .userCenterBox .userMenu h1 {
    height: 29px;
    line-height: 29px;
    cursor: pointer;
    background: url("images/user_h1.gif") repeat-x;
    font-size: 12px;
    font-weight: bold
}

.box_1 .userCenterBox .userMenu h1 span {
    float: left;
    padding-left: 10px
}

.box_1 .userCenterBox .userMenu h1 img {
    float: right;
    padding: 5px
}

.box_1 .userCenterBox .userMenu ul {
    padding: 6px 0
}

.box_1 .userCenterBox .userMenu ul a {
    display: block;
    height: 30px;
    line-height: 30px;
    width: 180px;
    padding-left: 20px;
    background: url("images/user_a.gif") right 7px no-repeat
}

.box_1 .userCenterBox .userMenu ul a.curs, .box_1 .userCenterBox .userMenu ul a:hover {
    color: #c00;
    background: url("images/user_a.gif") right -17px no-repeat
}

.msgBottomBorder {
    clear: both;
    background: url("images/lineBg.gif") repeat-x left bottom;
    padding-bottom: 8px;
    margin-bottom: 8px
}

.screeBox {
    padding: 12px 0;
    padding-bottom: 0;
    border-top: 1px solid #e0e0e0
}

.screeBox a {
    margin: 0 4px;
    float: left;
    height: 20px;
    line-height: 20px
}

.screeBox span {
    background: #999999;
    color: #FFFFFF;
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 0px 6px
}

.screeBox strong {
    color: #666666;
    float: left;
    width: 120px;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    height: 21px;
    line-height: 21px;
    padding: 0 2px
}

.screeBox ul {
    float: left;
    width: 1070px
}

.screeBox li {
    float: left;
    width: 97px;
    height: 30px
}

.b_box2 {
    float: left;
    padding-left: 5px
}

.b_box2 span {
    float: left;
    padding-right: 5px
}

#choose_style {
    border: 1px solid #dd8181;
    height: 20px;
    line-height: 20px;
    float: left;
    margin: 7px 3px;
    padding: 0 6px;
    position: relative;
    padding-right: 21px
}

#choose_style b {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    right: 4px;
    top: 3px;
    background: url("images/cha.gif") 0 0px
}

#choose_style:hover {
    background: #e08686;
    border: 1px solid #c50000;
    color: #FFF
}

#choose_style:hover b {
    background: url("images/cha.gif") 0 -14px
}

.goodsList {
    padding: 10px 10px 0 10px
}

.goodsList ul {
    margin-bottom: 10px
}

.goodsList ul#bgcolor {
    background: #fbfbfb;
    border-top: 1px dashed #e8e8e8;
    border-bottom: 1px dashed #e8e8e8
}

.goodsList li {
    float: left;
    padding-top: 8px
}

.goodsList li.thumb {
    width: 80px;
    text-align: center
}

.goodsList li.thumb img {
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    padding: 1px
}

.goodsList li.goodsName {
    width: 290px;
    margin-right: 10px
}

.goodsList li.action {
    float: right;
    margin-left: 10px
}

.goodsList li.action a.abg {
    background: url("images/bg.gif") no-repeat 0px -735px;
    padding-left: 18px;
    position: relative;
    bottom: 5px
}

.group {
    background: #f2f2f2;
    padding: 8px
}

.group li {
    float: left;
    background: #fff;
    padding: 8px
}

.flowBox {
    padding-bottom: 5px
}

.flowBox h6 {
    background: #f6f5f5;
    height: 35px;
    line-height: 35px;
    color: #707070;
    font-size: 14px;
    font-weight: bold
}

.flowBox h6 a {
    color: #bf4645
}

.flowBox h6 span b {
    font-size: 12px;
    font-weight: normal
}

.flowBox table {
    margin: 5px auto
}

.flowBox TABLE.tbCartList {
    margin: 0px auto
}

.flowBox strong {
    font-weight: normal
}

.flowBox .inputBg {
}

TABLE.tbCartList {
    WIDTH: 100%
}

TABLE.tbCartList TH {
    TEXT-ALIGN: center;
    PADDING-BOTTOM: 7px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BACKGROUND: #f6f5f5;
    FONT-WEIGHT: 700;
    PADDING-TOP: 7px
}

TABLE.tbCartList .norBorder {
    BORDER-RIGHT-STYLE: none
}

TABLE.tbCartList TD {
    BORDER-BOTTOM: #dadada 1px solid;
    TEXT-ALIGN: center;
    PADDING-BOTTOM: 12px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-RIGHT: #e9e9e9 1px solid;
    PADDING-TOP: 12px
}

TABLE.tbCartList TD.textLink A {
    COLOR: #d95854;
    TEXT-DECORATION: underline
}

.td_name a {
}

.td_price {
    color: #d95854;
    font-weight: bold;
    font-family: "微软雅黑"
}

.flowGoodsFittings {
    padding: 10px
}

.flowGoodsFittings ul {
    height: 1%;
    margin: 5px 4px;
    float: left
}

.flowGoodsFittings li {
    float: left;
    width: 120px
}

.flowGoodsFittings li.goodsimg {
    width: 48px;
    margin-right: 10px
}

.flowGoodsFittings li.goodsimg img {
    width: 48px;
    height: 48px;
    display: block
}

.article_search {
    margin: 8px 0
}

.article_search .inputBg {
    width: 300px;
    float: left;
    margin-right: 10px
}

.article_search .art_search {
    border: none;
    width: 59px;
    cursor: pointer;
    padding-left: 10px;
    height: 22px;
    line-height: 22px;
    background: url("images/art_search.gif") no-repeat 0 0;
    color: #333333
}

.quotation {
    margin: 20px auto 20px auto;
    text-align: center
}

.pagebar {
    height: 30px;
    margin: 0 auto;
    text-align: center
}

.pagebar img {
    position: relative;
    top: 2px
}

.pagebar a {
    margin: 0 2px;
    text-decoration: none;
    border: 1px solid #dbdbdb;
    line-height: 28px;
    font-family: Arial, Helvetica, sans-serif;
    background: #FFFFFF;
    padding: 0px 8px;
    height: 23px;
    line-height: 23px;
    display: inline-block
}

.pagebar .page_now {
    margin: 0 2px;
    color: #ca0809;
    font-weight: bold;
    background: #fff9eb;
    border: 1px solid #ca0809;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 8px;
    height: 23px;
    line-height: 23px;
    display: inline-block
}

.pagebar .no {
    color: #ccc;
    border: 1px solid #ccc
}

.pagebar .no:hover {
    color: #ccc;
    border: 1px solid #ccc
}

#bottomNav {
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-top: 1px solid #ddd;
    padding-top: 8px
}

#bottomNav a {
    padding-right: 10px
}

.links {
    border-top: 1px solid #ddd;
    overflow: hidden;
    height: 50px;
    line-height: 25px;
    color: #666
}

.links a {
    padding-right: 10px;
    float: left;
    white-space: nowrap;
    float: left
}

.footer_box {
    border-top: 1px solid #ccc;
    background: #FFF;
    padding-top: 20px;
    padding-bottom: 20px
}

#footer {
    width: 760px;
    text-align: center;
    margin: 10px auto;
    margin-bottom: 0;
    line-height: 22px
}

#footer .text {
}

#footer .text a {
    text-decoration: none
}

.copyright {
    height: 25px;
    line-height: 25px;
    background: #f2f2f2;
    color: #999;
    width: 580px;
    margin: 0 auto
}

.copyright a {
    color: #999
}

#compareBox {
    width: 128px;
    background: url("images/compareBg.gif") no-repeat top center;
    background-color: #edf8ff;
    padding: 35px 0 8px 0;
    border: 1px solid #c5e4ff;
    position: absolute;
    right: 1px;
    top: 200px
}

#compareBox input {
    width: 52px;
    height: 13px;
    border: none;
    background: url("images/compareSub.gif") no-repeat
}

#compareList {
    margin: 0px 0px 8px 0px;
    padding: 0px;
    width: 120px;
    background: #FFFFFF;
    border: 1px solid #d6ecff
}

#compareList li {
    color: #333;
    text-align: left;
    background: #fff;
    padding: 3px 5px;
    margin: 3px 0
}

#compareList li img {
    float: right;
    padding-top: 4px
}

.messageli {
    list-style-type: none;
    padding: 5px;
    color: red
}

.messagediv {
    font-size: 12px;
    position: absolute;
    border: 1px solid #FFD700;
    text-align: center;
    padding: 5px;
    background-color: #FFFACD;
    filter: alpha(opacity=50);
    -moz-opacity: 0.7;
    opacity: 0.7
}

.point li {
    float: left;
    width: 300px
}

.art_tit {
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    font-family: "微软雅黑"
}

.content {
    display: block;
    word-wrap: break-word;
    text-align: left;
    width: 100%;
    line-height: 24px;
    color: #222;
    overflow: hidden;
    font-size: 14px;
    font-family: 'Microsoft Yahei', 'Helvetica Neue', 'Luxi Sans', 'DejaVu Sans', Tahoma, 'Hiragino Sans GB', STHeiti;
    color: #444
}

.bottom_xiao {
    display: none;
    width: 1px;
    height: 1px;
    overflow: hidden
}

#LXB_CONTAINER {
    display: none;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.content em {
    border: #cccccc 1px solid;
    padding: 0.3em 0.5em;
    widows: 2;
    text-transform: none;
    background-color: #f4f4f4 !important;
    text-indent: 0px;
    min-height: 1.5em;
    font: 12px/18px 'Courier 10 Pitch', Courier, monospace;
    orphans: 2;
    color: #333333;
    display: inline-block;
    margin: 3px 0px 12px
}

.content .tit1 {
    background: url("images/goods_tit.gif") 0 0 no-repeat;
    width: 950px;
    height: 50px
}

.content .tit2 {
    background: url("images/goods_tit.gif") 0 -100px no-repeat;
    width: 950px;
    height: 50px
}

.content .tit3 {
    background: url("images/goods_tit.gif") 0 -50px no-repeat;
    width: 950px;
    height: 50px
}

.content .s {
    background: #f4f4f4;
    border: 1px solid #e2e2e2;
    margin: 6px;
    position: relative;
    padding: 20px 10px 10px 10px;
    font-family: Microsoft Yahei, simhei, sans-serif;
    color: #666
}

.content .s1 {
    width: 881px;
    height: 16px;
    background: url("images/goods_sm.gif") 0 0 no-repeat;
    position: absolute;
    left: -1px;
    top: -1px
}

.content .s2 {
    width: 7px;
    height: 16px;
    background: url("images/goods_sm.gif") -1001px 0 no-repeat;
    position: absolute;
    right: -1px;
    top: -1px
}

.content .s3 {
    width: 7px;
    height: 7px;
    background: url("images/goods_sm.gif") 0px -78px no-repeat;
    position: absolute;
    left: -1px;
    bottom: -1px
}

.content .s4 {
    width: 7px;
    height: 7px;
    background: url("images/goods_sm.gif") -1001px -78px no-repeat;
    position: absolute;
    right: -1px;
    bottom: -1px
}

.float0831 {
    POSITION: fixed;
    TOP: 210px;
    RIGHT: 1px;
    _position: absolute;
    z-index: 999999999
}

.float0831 A {
    COLOR: #00a0e9
}

.float0831 A:hover {
    COLOR: #ff8100;
    TEXT-DECORATION: none
}

.float0831 .floatL {
    POSITION: relative;
    WIDTH: 28px;
    FLOAT: left
}

.float0831 .floatL A {
    TEXT-INDENT: -9999px;
    DISPLAY: block;
    FONT-SIZE: 0px
}

.float0831 .floatR {
    BACKGROUND: url("images/float_bg.gif")
}

.float0831 .tp {
    BACKGROUND: url("images/float_bg.gif")
}

.float0831 .cn {
    BACKGROUND: url("images/float_bg.gif")
}

.float0831 .floatR {
    PADDING-BOTTOM: 15px;
    WIDTH: 130px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: -131px bottom;
    FLOAT: left;
    OVERFLOW: hidden
}

.float0831 .tp {
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: 0% 0%;
    HEIGHT: 10px
}

.float0831 .cn {
    BACKGROUND-REPEAT: repeat-y;
    BACKGROUND-POSITION: -262px 0px
}

.float0831 .cn H3 {
    TEXT-INDENT: -9999px;
    HEIGHT: 109px;
    FONT-SIZE: 0px
}

.float0831 .cn UL {
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 14px;
    PADDING-RIGHT: 14px;
    PADDING-TOP: 0px
}

.float0831 .cn UL LI {
    BORDER-BOTTOM: #e6e5e4 1px solid;
    LINE-HEIGHT: 36px;
    WORD-WRAP: break-word;
    HEIGHT: 36px;
    OVERFLOW: hidden;
    WORD-BREAK: normal
}

.float0831 .titZx {
    background: url("images/float_s.png") 8px 0 no-repeat;
    padding: 0
}

.float0831 .titZx a {
    display: block;
    height: 109px;
    padding: 0;
    margin: 0
}

.float0831 .titDh {
    BACKGROUND: url("images/float_s.png") no-repeat
}

.float0831 .titDc {
    BACKGROUND: url("images/float_s.png") no-repeat
}

.float0831 .icoZx {
    BACKGROUND: url("images/float_s.png") no-repeat
}

.float0831 .icoTc {
    BACKGROUND: url("images/float_s.png") no-repeat
}

.float0831 .icoFf {
    BACKGROUND: url("images/float_s.png") no-repeat
}

.float0831 .icoTl {
    BACKGROUND: url("images/float_s.png") no-repeat
}

.float0831 .btnOpen {
    BACKGROUND: url("images/float_s.png") no-repeat
}

.float0831 .btnOpen_n {
    BACKGROUND: url("images/float_s.png") no-repeat
}

.float0831 .btnCtn {
    BACKGROUND: url("images/float_s.png") no-repeat
}

.float0831 .weibo_sina {
    BACKGROUND: url("images/float_s.png") no-repeat
}

.float0831 .weibo_qq {
    BACKGROUND: url("images/float_s.png") no-repeat
}

.float0831 .float_tel {
    BACKGROUND: url("images/float_s.png") no-repeat
}

.float0831 .float_weixin {
    BACKGROUND: url("images/float_s.png") no-repeat
}

.float0831 .titDh {
    BACKGROUND-POSITION: 5px -66px
}

.float0831 .titDc {
    BACKGROUND-POSITION: 5px -124px
}

.float0831 .icoZx {
    BACKGROUND-POSITION: 2px -154px
}

.float0831 .icoTc {
    BACKGROUND-POSITION: -106px -56px
}

.float0831 .icoFf {
    BACKGROUND-POSITION: 2px -213px
}

.float0831 .icoTl {
    PADDING-LEFT: 20px;
    DISPLAY: block;
    FONT-FAMILY: "微软雅黑";
    BACKGROUND-POSITION: 2px -266px;
    FLOAT: left
}

.float0831 .btnOpen {
    BACKGROUND-POSITION: -137px -130px
}

.float0831 .btnOpen_n {
    BACKGROUND-POSITION: 0px -530px
}

.float0831 .btnCtn {
    BACKGROUND-POSITION: -107px -130px
}

.float0831 .weibo_sina {
    BACKGROUND-POSITION: 0px -109px
}

.float0831 .weibo_qq {
    BACKGROUND-POSITION: 0px -131px
}

.float0831 .float_tel {
    BACKGROUND-POSITION: -94px 0px
}

.float0831 .float_weixin {
    BACKGROUND-POSITION: 0px -153px
}

.float0831 .weibo_sina, .float0831 .weibo_qq {
    width: 94px;
    height: 22px;
    display: block;
    margin: 8px 5px
}

.float0831 .icoZx {
    PADDING-LEFT: 28px;
    DISPLAY: block;
    FLOAT: left
}

.float0831 .icoTc {
    PADDING-LEFT: 28px;
    DISPLAY: block;
    FLOAT: left
}

.float0831 .icoFf {
    PADDING-LEFT: 28px;
    DISPLAY: block;
    FLOAT: left
}

.float0831 .btnOpen {
    POSITION: relative;
    WIDTH: 28px;
    HEIGHT: 118px;
    TOP: 80px;
    LEFT: 2px
}

.float0831 .btnOpen_n {
    POSITION: relative;
    WIDTH: 28px;
    HEIGHT: 118px;
    TOP: 80px;
    LEFT: 2px
}

.float0831 .btnCtn {
    POSITION: relative;
    WIDTH: 28px;
    HEIGHT: 118px;
    TOP: 80px;
    LEFT: 2px
}

.float0831 .btnOpen {
    TOP: 98px;
    LEFT: 1px
}

.float0831 .btnOpen_n {
    TOP: 118px;
    LEFT: 1px
}

.float0831 .btnCtn {
    TOP: 98px;
    LEFT: 2px
}

.float0831 .float_tel {
    width: 130px;
    height: 57px
}

.float0831 .float_weixin {
    width: 78px;
    height: 99px;
    display: block
}

.float0831 UL LI H3.titDc A {
    WIDTH: 80px;
    DISPLAY: block;
    HEIGHT: 36px
}

.float0831 UL LI.top {
    height: 109px;
    padding: 8px 0
}

.float0831 UL LI.bot {
    BORDER-BOTTOM-STYLE: none
}

.float0831 UL.webZx {
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    WIDTH: 164px;
    PADDING-RIGHT: 0px;
    BACKGROUND: url("images/webZx_bg.jpg") no-repeat;
    HEIGHT: 65px;
    PADDING-TOP: 0px
}

.float0831 UL LI.webZx-in {
    BORDER-BOTTOM-STYLE: none;
    PADDING-LEFT: 5px;
    HEIGHT: 50px;
    PADDING-TOP: 8px
}

.float0831 .cn ul .weixin_box {
    padding: 4px 13px;
    display: block;
    BORDER-BOTTOM-STYLE: none;
    height: 100px
}

.float0831 .cn ul .weixin_box a {
    display: block
}

.baidu-auth-pop {
    top: 0
}

.wrap-fenye {
    width: auto;
    max-width: 220px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 1rem;
    display: block;
    display: block
}

.center {
    width: 103%;
    margin: 0 auto
}

.fenye {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px
}

.fenye ul {
    float: left;
    margin-left: -30px
}

.fenye ul li {
    float: left;
    margin-left: 5px;
    padding: 4px 12px;
    border: 1px solid #ccc;
    font-weight: bold;
    cursor: pointer;
    color: #999
}

.fenye ul li a {
    color: #999
}

.fenye ul li.xifenye {
    width: 42px;
    text-align: center;
    float: left;
    position: relative;
    cursor: pointer
}

.fenye ul li .xab {
    float: left;
    position: absolute;
    width: 39px;
    border: 1px solid #ccc;
    height: 123px;
    overflow-y: auto;
    overflow-x: hidden;
    top: -125px;
    background-color: #fff;
    display: inline;
    left: -1px;
    width: 50px
}

.fenye ul li .xab ul {
    margin-left: 0;
    padding-bottom: 0
}

.fenye ul li .xab ul li {
    border: 0;
    padding: 4px 0px;
    color: #999;
    width: 34px;
    margin-left: 0px;
    text-align: center
}

.wrap-fenye-pc {
    display: none
}

@media (min-width: 992px) {
    .wrap-fenye {
        display: none
    }

    .wrap-fenye-pc {
        max-width: 220px;
        margin: 0 auto;
        overflow: hidden;
        padding-top: 1rem;
        display: block;
        display: block;
        width: auto
    }
}

.n-product-but {
    display: none;
    width: 100%;
    top: 0%;
    bottom: 0;
    z-index: 5;
    position: fixed;
}

.list1 {
    background: #30B3EB;
    color: #fff !important;
}

.slideBox11 {
    width: 100%;
    height: 545px;
    overflow: hidden;
    position: relative
}

.slideBox11 .bd {
    position: relative;
    overflow: hidden;
    height: 100%;
    z-index: 0
}

.slideBox11 .bd ul {
    position: absolute;
    padding: 0
}

.slideBox11 .bd li {
    overflow: auto;
    height: 545px;
    float: left;
    width: 309px
}

.slideBox11 .bd img {
    width: 100%
}

.slideBox11 .prev, .slideBox11 .next {
    position: absolute;
    left: 2%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    filter: alpha(opacity=10);
    opacity: 0.1
}

.slideBox11 .next {
    left: auto;
    right: 2%;
    background-position: 8px 5px
}

.slideBox11 .prev:hover, .slideBox11 .next:hover {
    filter: alpha(opacity=50);
    opacity: 0.5
}

.slideBox11 .prevStop {
    display: none
}

.slideBox11 .nextStop {
    display: none
}

.license-bg {
    background-image: url("../images/product/banner.jpg")
}

.down-banner {
    background-image: url("../images/product/down.jpg");
    height: auto
}

.ect-row-4 {
    display: -webkit-box;
    overflow: hidden;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-align: left
}

.ect-row-3 {
    display: -webkit-box;
    overflow: hidden;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: left
}

.auth-introduce img {
    width: 100%
}

.auth-introduce {
    background: #fff;
    padding: 30px 0
}

.auth-introduce h3 {
    text-align: left;
    font-size: 2.2rem;
    color: #333;
    margin-top: 1.5rem
}

.auth-introduce p {
    color: #666;
    font-size: 1.6rem;
    margin-top: 10px
}

.authorize-box1 {
    background: #30b3eb;
    padding: 30px 0;
    background-image: url("../images/product/top01.jpg")
}

.authorize-box1 h2 {
    font-size: 2.2rem;
    color: #fff;
    text-align: center
}

.authorize-box1 h3 {
    font-size: 1.8rem;
    color: #fff;
    margin-top: 1.5rem;
    text-align: left
}

.authorize-box1 p {
    font-size: 1.2rem;
    color: #fff;
    margin-top: 1rem
}

.auth-cont {
    width: 90%;
    margin: 0 auto
}

.n-down {
    display: block
}

.service h1 {
    padding: 40px;
    color: #fff;
    font-size: 2.2rem
}

.n-down-nav, .n-but-box {
    display: none
}

.n-down-cont p {
    text-align: center;
    color: #fff
}

.introduction-banner {
    background-image: url("../images/product/down.jpg")
}

.b-col-f {
    background: #fff
}

.bg-col-hs {
    background: #f9f7f1
}

.n-an-list .item {
    margin-top: 30px
}

.introduction-box {
    padding: 30px 0
}

.introduction-box p {
    font-size: 14px;
    color: #777;
    margin-bottom: 1rem
}

.n-cont-but input {
    border: none;
    color: #444;
    border: 0
}

.ect-w6 {
    width: 100%
}

.n-index-padding-all {
    margin: 0 auto;
    padding-top: 90px;
    padding-bottom: 90px
}

.ect-w10 {
    width: 100%
}

.border-t {
    border-bottom: 1px solid #e6e6e6
}

.introduction-box h4 {
    text-align: left;
    color: #30B3EB;
    font-size: 1.8rem;
    margin-top: 0rem;
    margin-bottom: 0.5rem
}

.padding-03-01 {
    padding: 1.5rem 0 1rem 0
}

.but-default {
    border-radius: 5px;
    text-align: center;
    font-size: 1.6rem;
    margin: 0 auto
}

.but-hs {
    background: #30B3EB;
    border: 1px solid #30B3EB;
    color: #fff
}

.margin-b {
    margin-bottom: 1rem
}

.n-beizhu-add {
    margin-top: 1rem
}

.n-introduction-img {
    width: 90%;
    margin-top: 3rem;
    display: none
}

.introduction-box1 {
    height: auto;
    overflow: hidden;
    position: relative
}

.introduction-box1 h3 {
    font-size: 1.8rem;
    color: #333;
    margin-top: 3rem;
    text-align: center
}

.introduction-box1 p {
    font-size: 1.2rem;
    color: #777;
    margin-top: 0.5rem;
    margin-bottom: 3rem
}

.n-money-size {
    font-size: 40px;
    color: #30B3EB
}

.introduction-box2 {
    padding: 60px 0 0 0
}

.introduction-box2 h3 {
    font-size: 40px
}

.introduction-box2 p {
    font-size: 18px;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 30px
}

.introduction-box3 {
    background-image: url("../images/product/top01.jpg")
}

.gnty-img-box.active {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s
}

.pro-an-my.active {
    background-color: #fff \9;
    background: rgba(255, 255, 255, 0.6) !important;
    filter: alpha(opacity=60)
}

.n-cont-but input:required, .n-cont-but input:valid, .n-cont-but input:invalid, .n-cont-but textarea, .n-cont-but textarea:required, .n-cont-but textarea:valid, .n-cont-but textarea:invalid {
    border: 0 none;
    outline: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: #444
}

.m-class-box {
    display: block
}

.pc-class-box {
    display: none
}

.n-m-t {
    margin-top: 60px
}

.pro-an-my-1 {
    padding: 1rem;
    border: 1px solid #bce5f6;
    color: #F6F6F7;
    position: static;
    font-size: 1.3rem;
    text-align: center;
    width: 95%;
    display: block
}

.xieyi_con p {
    color: #666
}

.update-maxbox {
    margin: 0 auto;
    padding: 2rem 0 2rem 0
}

.update-top {
    margin: 0 auto;
    width: 12rem
}

.update-top img {
    width: 100%
}

.admin-t-box {
    width: 350px;
    background: #fff;
    position: absolute
}

.admin-zhez-box {
    position: fixed;
    background-color: #000 \9;
    filter: alpha(opacity=30);
    background: rgba(0, 0, 0, 0.3) !important;
    top: 0;
    left: 0;
    right: 0
    bottom: 0
}

.admin-down-pass {
    text-align: right;
}

.admin-down-pass a {
    height: 20px;
    overflow: hidden;
    color: #30b3eb
}

.n-margin-box {
    margin-top: 40px
}

@media (min-width: 992px) {
    .update-maxbox {
        padding: 20px 0 30px 0
    }

    .update-top {
        width: 200px;
        padding: 20px;
    }

    .xieyi h3 {
        font-size: 23px;
        margin-top: 50px
    }

    .xieyi {
        width: 1170px
    }

    .xieyi_con h4 {
        font-size: 16px
    }

    .xieyi_con {
        width: 1170px;
        height: 430px;
        margin-top: 10px;
        padding: 18px;
        margin: 0 auto
    }

    .bs-docs-masthead2 {
        padding-top: 150px;
        font-size: 1.375rem
    }

    .bs-docs-masthead2 {
        position: relative;
        padding-top: 60px;
        color: #FFF;
        text-align: center;
        background-repeat: repeat-x
    }

    .bs-docs-masthead2 .btn {
        width: 20%;
        padding: 13px 60px;
        margin: 30px 0 30px 0
    }

    .pro-an-my-1 {
        padding: 15px 60px 15px 60px;
        font-size: 20px
    }

    .m-class-box {
        display: none
    }

    .pc-class-box {
        display: block;
    }

    .introduction-img {
        margin-left: 30px
    }

    .introduction-box p {
        font-size: 14px;
        color: #777;
        margin-bottom: 30px
    }

    .ect-w6 {
        width: 70%
    }

    .introduction-box {
        padding: 60px 0
    }

    .introduction-box h4 {
        font-size: 24px;
        margin-top: 20px;
        margin-bottom: auto
    }

    .padding-03-01 {
        padding: 30px 0 15px 0
    }

    .but-default {
        font-size: 18px
    }

    .margin-b {
        margin-bottom: 30px
    }

    .n-beizhu-add {
        margin-top: 30px
    }

    .introduction-box1 {
        height: 450px;
        overflow: hidden;
        position: relative
    }

    .introduction-box1 h3 {
        font-size: 40px;
        margin-top: 150px;
        text-align: left
    }

    .introduction-box1 p {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: auto
    }

    .n-introduction-img {
        width: auto;
        display: block
    }

    .n-introduction-img {
        position: absolute;
        top: 80px;
        left: 20px
    }

    .n-an-list .item {
        margin-top: 120px
    }

    .n-but-box {
        display: block;
        margin: 0 auto
    }

    .n-down-nav {
        display: block
    }

    .pro-title-two {
        color: #fff
    }

    .n-down-box h1 {
        margin-bottom: 50px
    }

    .n-down-box {
        margin-top: 17%
    }

    .n-down {
        display: none
    }

    .index-anli-ewm-box img {
        width: 12rem
    }

    .down-banner {
        width: 100%;
        top: 70px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        right: 0rem;
        position: fixed;
        z-index: 1
    }

    .n-down-cont {
        position: absolute;
        bottom: 0;
        width: 100%
    }

    .n-down-cont p {
        text-align: center;
        color: #7a9ba4
    }

    .service h1 {
        padding: 40px;
        color: #fff;
        font-size: 100px
    }

    .auth-introduce img {
        width: auto
    }

    .auth-introduce {
        padding: 60px 0
    }

    .auth-introduce h3 {
        font-size: 40px;
        margin-top: 100px
    }

    .auth-introduce p {
        font-size: 20px
    }

    .authorize-box1 h2 {
        font-size: 40px
    }

    .authorize-box1 h3 {
        font-size: 24px;
        margin-top: 40px
    }

    .authorize-box1 p {
        font-size: 16px;
        margin-top: 10px
    }

    .authorize-box1 {
        padding: 90px 0
    }

    .header-logo-box img {
        width: auto
    }
}

.banner-wrap {
    position: relative;
    background-image: url("../images/banner.jpg");
}

.banner-wrap-expfood {
    position: relative;
    background-image: url("../images/banner-expfood.png");
}

.banner-wrap-1 {
    position: relative;
    background-image: url("../images/banner-ld.jpg");
}

/* Banner —— 固定高度，图片自动缩放 */
.banner-wrap-hwjaja {
    position: relative;
    background-image: url("../images/banner-hwjaja.png");
    /*height: 450px;        !* 固定高度 *!*/
    overflow: hidden;     /* 超出部分自动裁剪 */
    display: block;
}
.banner-wrap-hsfz {
    position: relative;
    background-image: url("../images/banner-hsfz.png");
    /*height: 450px;        !* 固定高度 *!*/
    overflow: hidden;     /* 超出部分自动裁剪 */
    display: block;
}
.banner-wrap-sjzl {
    position: relative;
    background-image: url("../images/banner-sjzl.png");
    /*height: 450px;        !* 固定高度 *!*/
    overflow: hidden;     /* 超出部分自动裁剪 */
    display: block;
}

.bg-com {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.business h2 {
    font-size: 2.2rem;
    text-align: center;
    padding-top: 50px;
    color: #fff;
}

.business h3 {
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    line-height: 18px;
    padding-top: 10px;
    width: 100%;
    padding-bottom: 50px
}

/*为何商业授权*/
.why-wrap {
    background: #fff;
}

.row {
    min-width: 320px;
    margin: 0 auto;
}

.padd-80 .row {
    padding: 30px 10px 0;
}

h1 {
    font-size: 2rem;
    padding-bottom: 20px;
    color: #333;
}

.why-wrap p {
    font-size: 1.8rem;
    color: #555;
    text-align: center;
}

.why-wrap span {
    font-size: 1.3rem;
    line-height: 26px;
    color: #666;
}

.bot-10 {
    margin-bottom: 45px;
}

/*核心价值*/
.value-wrap {
    background: #f8f9fa;
}

.value-wrap p {
    font-size: 1.3rem;
    padding: 0 20px;
}

.hxjz-right-box h3 {
    font-size: 1.8rem;
    padding-bottom: 15px
}

.disable {
    display: none;
}

.hxjz-right-box span {
    font-size: 1.3rem;
    color: #777;
}

.price-wrap .disable {
    display: none;
}

.price-wrap .hxjz-cont-box {
    padding-left: 0;
}

.col-lg-4 > ul {
    padding-left: 10px;
}

.price-wrap .hxjz-right-box {
    padding-top: 10px;
}

.price-wrap p {
    font-size: 1.3rem;
    color: #e43c59;
    padding: 0 20px;
}

.red {
    color: #e43c59;
    font-style: normal;
}

.hxjz-right-box strong {
    font-size: 1.7rem;
    color: #18394e;
    margin-top: 20px;
    display: block;
}

.hxjz-right-box span.jicheng {
    font-size: 1.4rem;
    color: #888;
    padding-bottom:: 20px;
}

/*购买商业授权*/
.buy-wrap p {
    font-size: 1.3rem;
    padding: 0 20px;
}

.form-control {
    padding: 6px 12px;
    -webkit-appearance: none;
}

.col-sm-6 {
    margin: 15px 0;
    text-align: center;
}

/*公共的*/
.bg-c-f9 {
    background: #f9f9fc;
}

.bg-c-f {
    background: #fff;
}

.container-fluid img {
    display: block;
    margin: 0 auto;
}

.bg-img-box img {
    width: 100%;
}

.container-fluid h1 {
    padding-bottom: 20px;
}

.container-fluid p {
    text-align: center;
    font-size: 1.3rem;
    padding-bottom: 15px;
    color: #666;
}

/*产品介绍页面*/
.develop-wrap ul {
    padding: 0;
}

.develop-wrap h4 {
    font-size: 2rem;
    text-align: center;
    color: #333;
    margin-top: 0;
}

.develop-wrap span {
    display: block;
    font-size: 1.3rem;
    text-align: center;
    color: #666;
    padding: 0 10px;
}

.product-wrap p.modle {
    color: 333;
    font-size: 2.0rem;
    margin-top: 25px;
}

.jmsy-cont-box {
    margin-left: -24px;
}

.look-ewm-box {
    position: absolute;
    top: -150%;
    width: 300px;
    left: 32%;
}

.look-ewm-box img, .n-ewm-box {
    width: 100%;
}

.n-ewm-box {
    width: 90%;
}

.n-ewm-cont {
    text-align: center;
}

.introduct-lunbo-box {
}

.introduct-lunbo-box li {
    float: left;
    width: 33%;
}

.n-lun-left {
    position: absolute;
    top: 45%;
    left: 0;
    width: 1.5rem
}

.n-lun-right {
    position: absolute;
    top: 45%;
    right: 0;
    width: 1.5rem
}

.introduct-lunbo-box {
    margin-left: -25px;
}

.introduct-lunbo-box li div img {
    width: 100%;
}

.n-bor-close {
    border-bottom: none;
    padding: 5px 10px 0;
}

.n-bor-close span {
    font-size: 16px;
}

.n-admin-img {
    width: 100%;
}

.dirsir-content-box img {
    /*width:100%;
	*/
}

.but-n-box input {
    background: none;
    border: none;
    border: 0;
    color: #fff;
    font-size: 16px;
    line-height: 3rem;
    width: 120px;
    height: 3rem;
}

.n-bg-hs {
    background: #f6f6f9;
    height: 230px;
    border-radius: 8px;
}

.n-bg-hs span, .n-bg-hs p {
    color: #576379;
}

.n-bg-col p, .n-bg-hs p {
    color: #39b4e9;
    padding-top: 30px;
    font-weight: 400;
}

.n-bg-col span, .n-bg-hs span {
    color: #39b4e9;
    padding: 0 20px 10px 20px;
    display: block;
}

.n-bg-col {
    background: #f6f6f9;
    height: 230px;
    border-radius: 8px;
}

.n-bg-hs span, .n-bg-hs p {
    color: #576379;
}

.container-fluid p {
    text-align: center;
    font-size: 1.8rem;
    padding-bottom: 5px;
    color: #666;
}

.n-bg-col label, .n-bg-hs label {
    margin-bottom: -5px;
    margin-right: 8px;
}

.user-cont-box1 {
    background-color: #fff
}

.n-college-img img {
    width: 100%;
    margin-left: -30px;
}

.submnu {
    height: 10rem;
    display: none;
}

.nav-zcd-1 p {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.n-sholl-tit h3 {
    margin-top: 1rem;
}

.n-sholl-tit p {
    padding-bottom: 0.6rem
}

.my-header-bgcolor {
    margin-left: 0px;
    width: 100%;
}

.nav-zcd-1 {
    width: 33.3%;
    float: left;
    margin-top: 10px;
}

/*授权查询提示框*/
.failure-img {
    margin: 0 auto;
    width: 100px;
    height: 100px;
}

.my-model-box h4 label {
    color: #e64a43;
    margin-right: 10px;
}

.my-col-md-6, .my-col-md-4 {
    width: 100%;
    float: left
}

.my-model-box {
    padding: 1rem 0.5rem 2rem;
    overflow: hidden;
}

.my-model-box .lice-succeed-cont {
    line-height: 2rem;
    font-size: 1.3rem;
    color: #333;
    margin-top: 1.5rem;
}

.my-model-box .lice-succeed-cont span {
    color: #666
}

.my-model-box h4 {
    text-align: center;
    font-size: 1.8rem;
}

.lice-succeed-but {
    text-align: right;
    color: #666;
    font-size: 12px;
    margin-right: 5px;
}

.modal-header {
    min-height: 16.42857143px;
    padding: 0.3rem 1.5rem;
    border-bottom: 1px solid #eee
}

.modal-header h4 {
    text-align: left;
    font-size: 1.8rem;
    color: #444;
    margin-left: 0.5rem;
}

.n-close-img {
    width: 2rem;
    height: 2rem;
    margin-top: 1.2rem;
}

/*帮助中心*/
.help-banner {
    background-image: url("../images/help.jpg");
    background-color: #2f3b50;
}

.help-banner h1 {
    font-size: 2.4rem;
    color: #3ab4e9;
    text-align: center;
    padding: 6rem 0 0 0;
}

.help-search-box {
    overflow: hidden;
    padding: 2rem 0 5rem;
}

.help-left-search {
    width: 70%;
    float: left
}

.help-right-search {
    width: 30%;
    float: left
}

.search-box {
    background: #fff;
    border-radius: 50px;
    padding: 0.5rem 1rem;
    overflow: hidden;
}

.search-box input {
    width: 88%;
    height: 2.6rem;
    font-size: 1.6rem;
    float: left;
    line-height: 2.6rem;
}

.search-box span {
    width: 10%;
    float: left;
    line-height: 2.6rem;
}

.search-button {
    background: #3ab4e9;
    border-radius: 50px;
    padding: 0.5rem 1rem;
    margin-left: 15px;
}

.search-button button {
    width: 100%;
    height: 2.6rem;
    background: none;
    font-size: 1.6rem;
    color: #fff;
}

.search-box span img {
    width: 1.6rem;
    margin-left: 0
}

.help-cont {
    overflow: hidden;
    margin-top: 30px;
}

.cont-left {
    width: 100%;
    background: #f8f8fc;
    float: left;
    border-top: 1px solid #30b3eb;
}

.cont-right {
    width: 100%;
    float: left;
    padding: 2rem 0;
}

.select-two {
    overflow: hidden;
    margin: 0 1.3rem;
}

.select-title label {
    color: #444;
    font-size: 1.6rem;
    font-weight: 100;
    margin-bottom: 0px;
}

.j-sub-menu {
    padding: 0.6rem 0;
}

.cint-right-box h4 {
    text-align: left;
    margin-bottom: 10px;
    font-size: 1.6rem
}

.cint-right-box h4 label {
    color: #3ab4e9
}

.cint-right-box p {
    line-height: 30px;
}

.my-col-md-6 p {
    color: #666
}

.cint-right-box p {
    font-size: 1.3rem;
    color: #666;
}

.ts-2 {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.select-two .select-title:first-child {
    border-top: 0
}

.select-two .select-title {
    overflow: hidden;
    display: block;
    font-size: 1.7rem;
    border-top: 1px solid #e7e8ef;
    padding: 1.3rem 0;
}

.main-pingjia {
    background: #f6f6f9;
    border-radius: 5px;
    margin: 30px 0 30px;
    padding: 25px;
}

.main-pingjia span {
    border: 1px solid #30b3eb;
    padding: 8px 45px;
    color: #30b3eb;
    border-radius: 5px;
    margin-right: 1rem;
}

.main-pingjia label {
    font-size: 16px;
    color: #444;
    margin-right: 20px;
    margin-bottom: 2rem;
}

.fl {
    float: left
}

.select-two .select-title span {
    margin-top: .2rem;
    width: 10px;
}

.select-two .select-title span img {
    width: 100%;
}

span.t-jiantou {
    position: relative;
    font-size: 1.4rem;
    margin-top: 0.1rem;
    color: #555
}

.fr {
    float: right
}

.select-two ul {
    border-top: 1px solid #e7e8ef;
    margin: 0 0px;
}

.select-two .ect-select {
    font-size: 1.5rem;
    border-bottom: 1px solid #F6F6F9;
}

.select-two .ect-select label.active {
    color: #30b3eb
}

.select-two .ect-select label {
    font-size: 1.3rem;
    padding: 0.8rem 0rem;
    text-align: left;
    display: block;
    color: #666;
    position: relative;
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ts-1 {
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s
}

.select-two .ect-select label.active img.icon-gou {
    visibility: visible;
    opacity: 1
}

.select-two .ect-select label img.icon-gou {
    visibility: hidden;
    color: #30b3eb;
    opacity: 0;
    font-size: 2.2rem;
    position: absolute;
    top: 50%;
    margin-top: -1.2rem;
    right: 0rem
}

.select-two .select-title.active img {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

span.t-jiantou img.icon-jiantou {
    position: absolute;
    top: 5px
}

.tf-90 {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

span.t-jiantou em {
    width: 16rem;
    margin-right: .4rem;
    box-sizing: border-box;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.icon-jiantou2 {
    width: 15px;
    margin: 0 3px;
    margin-top: -4px;
}

.help-nv-img {
    padding: 3rem 0rem 1.4rem;
}

.help-main-box {
    width: 8rem;
    margin: 0 auto
}

.help-main-box img {
    width: 100%
}

.help-nv-img p {
    font-size: 1.6rem;
    color: #666;
    padding-top: 1rem;
    margin-bottom: 2.6rem;
}

.help-main-cont {
    padding: 3rem 0 3rem 0;
    border-top: 1px solid #f1f1f1;
}

.help-main-cont h4 {
    text-align: left;
    color: #333;
    font-size: 1.7rem;
    border-bottom: 1px solid #30b3eb;
    padding-bottom: 1rem
}

.help-main-cont p {
    line-height: 1.4rem;
    font-size: 1.3rem;
    color: #30b3eb;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 1rem 0;
    border-bottom: 1px solid #f6f6f9;
}

.help-main-cont h5 {
    color: #888;
    font-size: 1.3rem;
    text-align: left;
    margin: 1.4rem 0 5rem;
}

.n-help-main-con {
    padding: 0
}

.help-pingjia-box img {
    margin: 0
}

.help-pingjia-box h4 {
    margin-top: 2rem;
    text-align: center;
}

.main-pingjia a {
    outline: none
}

.help-pingjia-box label {
    color: #30b3eb !
}

.help-pingjia-box {
    overflow: hidden;
}

.failure-img-1 {
    width: 6rem;
    height: 6rem;
    margin: 0 auto;
}

.failure-img-1 img {
    width: 100%;
}

.n-img-top {
    margin-top: -20px;
}

.authorization-box {
    display: none
}

@media (min-width: 992px) {
    /*授权证书*/
    .authorization-box {
        padding: 1.3rem;
        position: relative;
        display: block
    }

    .authorization-box img {
        width: 100%;
    }

    .auth-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #ccc;
    }

    .a-logo {
        width: 30%;
        margin: 0 auto;
        padding-top: 100px;
    }

    .a-logo img {
        width: 100%;
    }

    .auth-content h4 {
        font-size: 1.3rem;
        color: #333;
        margin-top: 15px;
        overflow: hidden;
    }

    .a-title {
        width: 35%;
        margin: 0 auto
    }

    .a-title img {
        width: 100%;
    }

    .auth-content label {
        border-bottom: 1px solid #19486c;
        padding: 0 30px;
        color: #19486c
    }

    .auth-content h5 {
        font-size: 1.3rem;
        color: #19486c;
        margin-top: 20px;
    }

    .auth-content1 p {
        padding: 30px 80px 0;
        font-size: 1.46rem;
        color: #444;
        line-height: 28px;
    }

    .auth-content1 p .a-www {
        border-bottom: 1px solid #19486c;
        padding: 0 30px;
        color: #19486c
    }

    .auth-date {
        padding: 10px 80px 0;
    }

    .auth-date p {
        font-size: 1.26rem;
        color: #444;
        margin: 2px 0;
    }

    .auth-addr h6 {
        text-align: left;
        margin: 40px 0 5px 0;
        color: #444;
        font-size: 1.4rem
    }

    .auth-addr {
        width: 54%;
        float: right;
    }

    .auth-addr p {
        font-size: 1.26rem;
        color: #444;
        margin: 2px 0;
    }

    .auth-addr-box {
        overflow: hidden;
    }

    .auth-beizhu {
        padding: 40px 80px 0;
        font-size: 1.3rem;
        color: #888;
    }

    .auth-beizhu .left {
        width: 6%;
        float: left;
        margin: 2px 0;
        height: 20px;
        line-height: 15px;
    }

    .auth-beizhu .right {
        width: 94%;
        float: left;
        margin: 2px 0;
    }

    .auth-date span, .auth-addr-box span, .auth-addr span {
        color: #888;
    }

    /*帮助中心*/
    .help-left-search {
        width: 80%;
    }

    .help-right-search {
        width: 20%;
    }

    .search-box input {
        width: 92%;
        height: 35px;
        font-size: 18px;
        line-height: 35px;
    }

    .search-button button {
        width: 100%;
        height: 35px;
        font-size: 18px;
    }

    .search-button {
        padding: 8px 15px;
        margin-left: 15px;
    }

    .search-box span {
        width: 8%;
        line-height: 35px;
    }

    .help-banner h1 {
        font-size: 41px;
        padding: 90px 0 0 0;
    }

    .help-nv-img {
        padding: 90px 60px;
    }

    .help-search-box {
        padding: 60px 160px 140px 160px;
    }

    .search-box {
        padding: 8px 15px;
    }

    .search-box span img {
        width: 23px;
    }

    .help-main-box {
        width: 133px;
    }

    .help-nv-img p {
        font-size: 20px;
        padding-top: 20px;
        margin-bottom: 0;
    }

    .help-main-cont {
        padding: 50px 0 50px 0;
    }

    .help-main-cont h4 {
        font-size: 20px;
        margin-bottom: 25px;
        border-bottom: none
    }

    .help-main-cont p {
        line-height: 25px;
        font-size: 14px;
        border-bottom: none;
        padding: 0rem 0;
    }

    .help-main-cont h5 {
        font-size: 14px;
        margin-top: 20px;
    }

    .help-main-cont .row {
        margin-top: 20px;
    }

    .help-main-cont .row:first-child {
        margin-top: 0
    }

    .n-left-but {
        padding-left: 0px;
    }

    .modal-header h4 {
        font-size: 2rem;
    }

    .modal-header {
        padding: 15px;
    }

    .cint-right-box h4 {
        margin-bottom: 10px;
        font-size: 18px
    }

    /*帮助详情*/
    .cont-left {
        width: 20%;
    }

    .cont-right {
        width: 80%;
        padding: 0 40px;
    }

    .select-two {
        margin: 10px 20px;
    }

    .select-title label {
        font-size: 1.54rem;
        font-weight: 600;
    }

    .cint-right-box p {
        font-size: 15px;
    }

    .main-pingjia {
        margin: 30px 0 90px;
        padding: 25px;
    }

    .main-pingjia span {
        margin-right: 1rem;
    }

    .main-pingjia label {
        margin-bottom: 0rem;
    }

    .n-help-main-con {
        padding: 0 15px;
    }

    .help-pingjia-box img {
        margin: 15% 0 15% 40px
    }

    .help-pingjia-box h4 {
        margin-top: 50%;
        margin-top: 20%;
        text-align: left;
    }

    .failure-img-1 {
        width: 10rem;
        height: 100%;
        margin: 0 0;
    }

    /*授权查询提示框*/
    .btn-info.course-but-1 {
        background-color: #a4d70d;
        border-color: #a4d70d;
        width: 100%;
        margin-top: 0;
        height: 40px
    }

    .btn-success.down-but-box-1 {
        background-color: #39b4e9;
        border-color: #39b4e9;
        width: 100%;
        font-size: 18px;
        height: 40px;
        float: right
    }

    .failure-img {
        margin: 0 0;
        width: 100%;
        height: 100%;
    }

    .my-model-box .lice-succeed-cont {
        line-height: 25px;
        font-size: 14px;
        margin-top: 0;
    }

    .my-model-box img {
        margin: 25% 0 0 40px;
    }

    .my-model-box {
        padding: 40px 20px 50px;
        width: 100%;
    }

    .my-col-md-6 {
        width: 60%;
        float: left
    }

    .my-col-md-4 {
        width: 40%;
        float: left
    }

    .my-model-box h4 {
        font-size: 17px;
        text-align: left;
    }

    .nav-zcd-1 {
        width: 20%;
        margin-top: 0px;
    }

    .my-header-bgcolor {
        margin-left: 15px;
        width: auto;
    }

    .n-sholl-tit p {
        padding-bottom: 0rem
    }

    .n-sholl-tit h3 {
        margin-top: 0rem;
    }

    .nav-zcd-1 p {
        margin-top: 18px;
        margin-bottom: 18px;
        font-size: 16px;
        color: #fff;
    }

    .submnu {
        height: 200px;
    }

    .user-cont-box1 {
        background-color: #f1f2f7
    }

    .but-n-box input {
        background: none;
        border: none;
        border: 0;
        color: #fff;
        font-size: 16px;
        line-height: 4rem;
        width: 180px;
        height: 4rem;
    }

    .n-admin-img {
        width: auto;
    }

    .introduct-lunbo-box li div img {
        width: auto;
    }

    .n-lun-left {
        width: auto
    }

    .n-lun-right {
        width: auto
    }

    .header-xl-con-1 {
        margin: 0 auto;
        margin-left: 0px;
        padding: 5rem 0;
        overflow: hidden;
        padding-top: 5rem \9;
        padding-bottom: 5rem \9;
    }

    .bg-img-box img {
        width: auto;
    }

    .n-ewm-box {
        width: 300px;
    }

    .business .btn-success.down-but-box {
        background-color: #39b4e9;
        border-color: #39b4e9;
        width: 180px;
        font-size: 1.8rem;
        height: 50px;
    }

    .business .btn-info.course-but {
        background-color: #a4d70d;
        border-color: #a4d70d;
        width: 180px;
        margin-top: 0;
        height: 50px;
    }

    .business .row {
        padding-bottom: 125px;
        position: relative;
    }

    .business h2 {
        font-size: 50px;
        text-align: center;
        padding-top: 150px;
        color: #fff;
        font-weight: 700;
    }

    .business h3 {
        font-size: 24px;
        color: #fff;
        text-align: center;
        padding-top: 30px;
        line-height: 45px;
        padding-bottom: 60px;
        width: 100%;
        margin: 0 auto;
    }

    .btn-wrap {
        padding-bottom: 170px;
        padding-left: 400px;
    }

    /*为何商业授权*/
    .why-wrap {
        background: #fff;
    }

    .why-wrap .row {
        max-width: 1210px;
        min-height: 435px;
        margin: 0 auto;
    }

    .padd-80 .row {
        padding-top: 80px;
    }

    h1 {
        font-size: 40px;
        padding-bottom: 60px;
        color: #333;
    }

    .why-wrap p {
        font-size: 30px;
        color: #555;
    }

    .why-wrap span {
        font-size: 16px;
        line-height: 26px;
        color: #666;
    }

    .padd-l-r-10 {
        padding: 30px;
    }

    /*核心价值*/
    .value-wrap {
        background: #f8f9fa;
    }

    .value-wrap .row {
        max-width: 1210px;
        min-height: 600px;
        margin: 0 auto;
    }

    .value-wrap h1 {
        padding-bottom: 20px;
    }

    .value-wrap p {
        text-align: center;
        font-size: 18px;
        padding-bottom: 50px;
    }

    .hxjz-cont-box {
        overflow: hidden;
        margin-left: -20px;
    }

    .hxjz-left-box {
        width: 22%;
        padding-top: 10px;
    }

    .hxjz-right-box {
        width: 78%;
        margin-top: 25px;
    }

    .hxjz-right-box h3 {
        padding-bottom: 15px;
    }

    .hxjz-right-box span {
        padding-bottom: 60px;
        display: block;
        font-size: 14px;
        line-height: 20px;
    }

    /*商业授权价格*/
    .price-wrap {
        background: #fff;
    }

    .price-wrap .row {
        max-width: 1210px;
        min-height: 1010px;
        margin: 0 auto;
    }

    .price-wrap h1 span {
        color: #e43c59;
    }

    .price-wrap h1 {
        padding-bottom: 20px;
    }

    .price-wrap p {
        text-align: center;
        font-size: 18px;
        padding-bottom: 50px;
        color: #e43c59;
    }

    .price-wrap .hxjz-left-box {
        width: 30%;
        margin-top: 25px;
    }

    .price-wrap .hxjz-right-box {
        width: 70%;
    }

    .price-wrap .hxjz-cont-box {
        border: 1px dashed #ababab;
        border-radius: 5px;
        padding-left: 20px;
    }

    .hxjz-right-box strong {
        font-size: 18px;
        color: #18394e;
        margin-top: 20px;
        display: block;
    }

    .hxjz-right-box span.jicheng {
        font-size: 14px;
        color: #888;
        padding-bottom:: 20px;
    }

    .red {
        color: #e43c59;
        font-style: normal;
    }

    .col-lg-4 > ul > li {
        padding: 10px 0;
    }

    .padd-top-60 {
        padding-top: 60px;
    }

    .price-wrap .disable {
        display: block;
    }

    .price-wrap .btn-success.look-but {
        width: 180px;
        margin: 30px auto 0;
        float: none;
        height: 50px;
        font-size: 18px;
    }

    .disable {
        display: block;
    }

    /*购买商业授权*/
    .buy-wrap {
        background: #f8f9fa;
    }

    .buy-wrap .row {
        max-width: 1210px;
        min-height: 520px;
        margin: 0 auto;
    }

    .buy-wrap h1 {
        padding-bottom: 20px;
    }

    .buy-wrap p {
        text-align: center;
        font-size: 18px;
        padding-bottom: 50px;
        color: #666;
    }

    .form-control {
        padding: 6px 12px;
    }

    .btn-success.down-but-box {
        background-color: #39b4e9;
        border-color: #39b4e9;
        width: 180px;
        font-size: 18px;
        height: 50px;
        float: right;
    }

    .btn-success.down-but-box:hover {
        background-color: #27a3d8;
        border-color: #27a3d8;
    }

    .btn-info.course-but {
        background-color: #a4d70d;
        border-color: #a4d70d;
        width: 180px;
        margin-top: 0;
        height: 50px;
    }

    .btn-info.course-but:hover {
        background-color: #96c40e;
        border-color: #96c40e;
    }

    .col-sm-6 {
        margin-top: 30px;
        text-align: initial;
    }

    /*产品介绍页面*/
    .develop-wrap {
        background: #f9f9fc;
    }

    .develop-wrap .row {
        max-width: 1210px;
        min-height: 630px;
        margin: 0 auto;
        padding: 60px 0;
    }

    .construct {
        width: 33.33%;
        float: left;
    }

    .padd-t-b-15 {
        padding: 30px 0;
    }

    .padd-t-b-15 ul {
        overflow: hidden;
    }

    .develop-wrap img {
        display: block;
        margin: 0 auto;
    }

    .develop-wrap span {
        display: block;
        font-size: 14px;
        text-align: center;
        color: #666;
        padding: 0 60px;
    }

    /*精美的首页*/
    .home-wrap {
        background: #fff;
    }

    .home-wrap .row {
        max-width: 1210px;
        min-height: 950px;
        margin: 0 auto;
    }

    .home-wrap h1 {
        padding-bottom: 20px;
    }

    .home-wrap p {
        text-align: center;
        font-size: 18px;
        padding-bottom: 50px;
        color: #666;
    }

    .jmsy-cont-box {
        overflow: hidden;
        padding: 0;
    }

    .jmsy-right-box {
        width: 70%;
        float: left;
    }

    .jmsy-left-box {
        width: 30%;
        float: left;
    }

    .mar-top-80 {
        margin-top: 80px;
    }

    /*产品介绍页面*/
    .bg-c-f9 {
        background: #f9f9fc;
    }

    .bg-c-f {
        background: #fff;
    }

    .container-fluid img {
        display: block;
        margin: 0 auto;
    }

    .develop-wrap .row {
        max-width: 1210px;
        min-height: 630px;
        margin: 0 auto;
        padding: 60px 0;
    }

    .construct {
        width: 33.33%;
        float: left;
    }

    .padd-t-b-15 {
        padding: 30px 0;
    }

    .padd-t-b-15 ul {
        overflow: hidden;
    }

    .develop-wrap h4 {
        font-size: 22px;
        text-align: center;
        color: #333;
        margin-top: 0;
    }

    .develop-wrap span {
        display: block;
        font-size: 14px;
        text-align: center;
        color: #666;
        padding: 0 60px;
    }

    /*精美的首页*/
    .home-wrap .row {
        max-width: 1210px;
        min-height: 950px;
        margin: 0 auto;
    }

    .container-fluid h1 {
        padding-bottom: 20px;
    }

    .container-fluid p {
        text-align: center;
        font-size: 26px;
        padding-bottom: 15px;
        color: #666;
    }

    .jmsy-cont-box {
        overflow: hidden;
        padding: 0;
    }

    .jmsy-right-box {
        width: 70%;
        float: left;
        padding: 20px 0;
    }

    .jmsy-left-box {
        width: 25%;
        float: left;
    }

    .mar-top-80 {
        margin-top: 80px;
    }

    .jmsy-cont-box strong {
        display: block;
    }

    .text-al-r {
        text-align: right;
        padding-right: 5px;
    }

    /*商品列表*/
    .product-wrap .row {
        max-width: 1210px;
        min-height: 960px;
        margin: 0 auto;
    }

    .product-wrap h1 {
        padding-bottom: 20px;
    }

    .product-wrap p {
        text-align: center;
        font-size: 18px;
        padding-bottom: 25px;
        color: #666;
    }

    /*.product-wrap img {
	margin:0 auto;
	display:block;
}
*/
    .product-wrap p.modle {
        color: 333;
        font-size: 20px;
        margin-top: 25px;
    }

    /*会员登录注册*/
    .mvp-wrap .row {
        max-width: 1210px;
        min-height: 950px;
        margin: 0 auto;
    }

    .mvp-wrap h1 {
        padding-bottom: 20px;
    }

    .mvp-wrap p {
        text-align: center;
        font-size: 18px;
        padding-bottom: 25px;
        color: #666;
    }

    /*.mvp-wrap img {
	margin:0 auto;
	display:block;
	background-size:cover;
}
*/
    /*强大的会员中心*/
    .strong-wrap .row {
        max-width: 1210px;
        min-height: 1700px;
        margin: 0 auto;
    }

    .strong-wrap h1 {
        padding-bottom: 20px;
    }

    .strong-wrap p {
        text-align: center;
        font-size: 18px;
        padding-bottom: 25px;
        color: #666;
    }

    /*.strong-wrap img {
	margin:0 auto;
	display:block;
	background-size:cover;
}
*/
    .padd-80 {
        padding-top: 80px;
    }

    /*多套模板为你而变*/
    .more-wrap .row {
        max-width: 1210px;
        min-height: 870px;
        margin: 0 auto;
    }

    .more-wrap h1 {
        padding-bottom: 20px;
    }

    .more-wrap p {
        text-align: center;
        font-size: 18px;
        padding-bottom: 25px;
        color: #666;
    }

    .mine {
        display: block;
        margin: 0 auto;
        float: none;
    }

    /*免费开源*/
    .free-wrap .row {
        max-width: 1210px;
        min-height: 380px;
        margin: 0 auto;
    }

    .free-wrap h1 {
        padding-bottom: 20px;
    }

    .free-wrap p {
        text-align: center;
        font-size: 18px;
        padding-bottom: 25px;
        color: #666;
        line-height: 32px;
    }

    .order {
        display: block;
        margin: 0 auto;
        background-color: #39b4e9;
        border-color: #39b4e9;
        width: 20%;
        font-size: 18px;
        height: 46px;
    }

    .bor-box textarea {
        border: 1px solid #ddd;
    }

    .n-bg-col {
        background: #f6f6f9;
        height: 230px;
        border-radius: 8px;
    }

    .n-bg-col p, .n-bg-hs p {
        color: #39b4e9;
        padding-top: 30px;
        font-weight: 700;
    }

    .n-bg-col span, .n-bg-hs span {
        color: #39b4e9;
        padding: 0 20px 10px 20px;
        display: block;
    }

    .n-bg-hs {
        background: #f6f6f9;
        height: 230px;
        border-radius: 8px;
    }

    .n-bg-hs span, .n-bg-hs p {
        color: #576379;
    }

    .n-bg-col label, .n-bg-hs label {
        margin-bottom: -5px;
        margin-right: 8px;
    }

    /*#qiao-wrap {
	display:none !important;
}
*/
}

.n-carousel-list {
    margin: 76px 0 20px 0;
}

.n-canvas {
    margin: 0 auto;
    margin-top: 0px;
}

.picScroll-left {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.picScroll-left .hd {
    position: absolute;
    width: 94px;
    left: 46%;
    top: 30px;
}

.picScroll-left .hd .next-box {
    float: left;
    width: 50%;
}

.picScroll-left .hd .prevStop {
    background-position: -60px 0;
}

.picScroll-left .hd .nextStop {
    background-position: -60px -50px;
}

.picScroll-left .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    zoom: 1;
}

.picScroll-left .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url("images/icoCircle.gif") 0 -9px no-repeat;
}

.picScroll-left .hd ul li.on {
    background-position: 0 0;
}

.picScroll-left .bd {
    padding: 10px;
    margin-top: 120px;
}

.picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.picScroll-left .bd ul li {
    margin-left: 10px;
    float: left;
    _display: inline;
    text-align: left;
}

.picScroll-left .bd ul li .pic {
    text-align: center;
}

.picScroll-left .bd ul li .pic img {
    width: 355px;
    display: block;
    padding: 2px;
}

.picScroll-left .bd ul li .pic a:hover img {
    border-color: #999;
}

.picScroll-left .bd ul li .title {
    line-height: 24px;
}

.picScroll-left .picList .items-li {
    margin-left: 10px;
    margin-top: 0px;
    margin-right: 10px;
    width: 30%;
}

.n-rogram-box {
    display: none
}

.m-rogram-box {
    display: block
}

.m-rogram-list li {
    padding: 20px;
}

.m-rogram-list li img {
    width: 100%;
}

.m-rogram-cont-box h4 {
    text-align: left;
    font-size: 1.7rem
}

.m-rogram-cont-box .price-attente {
    color: #30b3eb;
    text-align: center;
}

.m-rogram-cont-box .description {
    margin: 0.2rem 0
}

@media (min-width: 992px) {
    .n-rogram-box {
        display: block
    }

    .m-rogram-box {
        display: none
    }
}

.app-nav {
    position: fixed;
    bottom: 4rem;
    right: 1rem;
    display: block;
}

.app-nav img {
    width: 100%;
}

.app-nav .app-box {
    width: 4rem;
    height: 4rem;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 100%;
    overflow: hidden;
    margin-top: 1rem;
}

.app-top {
    display: none;
}

.app-top.active {
    display: block;
}

.izl-rmenu {
    opacity: 0
}

@media (min-width: 992px) {
    .app-nav {
        display: none;
    }

    .izl-rmenu {
        opacity: 1
    }
}

/* 下拉菜单核心样式（极简版） */
.imenu.dropdown2 {
    position: relative; /* 作为下拉菜单的定位基准 */
    float: left; /* 保持和其他导航项同行 */
    margin: 0; /* 清除默认外边距 */
    padding: 0; /* 清除默认内边距 */
}
/* 下拉菜单容器 */
.dropdown-menu2 {
    position: absolute; /* 绝对定位，基于父容器 */
    top: 100%; /* 紧贴导航栏下方（100%表示和父容器底部对齐） */
    left: 0; /* 左对齐父容器（产品中心） */
    display: none; /* 默认隐藏 */
    min-width: 150px; /* 下拉框宽度，可按需调整 */
    padding: 0; /* 清除默认内边距 */
    margin: 0; /* 清除默认外边距（关键：避免偏移） */
    list-style: none; /* 去掉列表点 */
    background-color: #fff; /* 白色背景 */
    border: 1px solid #eee; /* 浅边框，可选 */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* 轻微阴影，可选 */
    z-index: 9999; /* 确保在最上层，不被遮挡 */
    border-top: none; /* 去掉顶部边框，视觉上更紧贴 */
}
/* 下拉菜单项 */
.dropdown-menu2 li {
    padding: 0;
    margin: 0;
    color:red;
}
/* 下拉菜单项链接 */
.dropdown-menu2 li a {
    line-height: 0.5 !important; /* 核心：降低行高（可根据需求调整，如1/1.1/1.2） */
    display: block; /* 整行可点击 */
    padding: 8px 15px; /* 内边距，按需调整 */
    color: #17427B !important; /* 文字颜色 */
    text-decoration: none; /* 去掉下划线 */
    white-space: nowrap; /* 防止文字换行 */
}
/* 菜单项hover效果 */
.dropdown-menu2 li a:hover {
    color: #000 !important; /* 悬停仍为黑色，如需改为深灰可设 #333 */
    background-color: #f5f5f5; /* 鼠标滑过背景变浅 */
}
/* 鼠标滑过产品中心时显示下拉 */
.imenu.dropdown2:hover .dropdown-menu2 {
    display: block;
}
/* 适应手机端 */
@media (max-width: 767px) {
    .imenu.dropdown2 {
        position: relative !important;
        float: none !important;
        width: 100% !important;
    }
    .dropdown-menu2 {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
    }
    .dropdown-menu2 li a {
        line-height: 0.5 !important; /* 移动端行高可略小 */
        /*padding-top: 6px !important;*/
        /*padding-bottom: 6px !important;*/
        /*font-size: 14px !important; !* 保持字体大小适配 *!*/
    }
    /* 移动端强制显示下拉（仅适配极简场景） */
    .imenu.dropdown2 .dropdown-menu2 {
        display: block !important;
    }
}

/* 电脑端：显示大logo */
.header-logo-box {
    width: 150px;     /* 你可以改成你电脑端logo的宽度 */
    height: 50px;     /* 你可以改成你电脑端logo的高度 */
    background-image: url("../images/logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
}

/* 手机端：自动切换小logo（屏幕小于 768px 时生效） */
@media (max-width: 768px) {
    .header-logo-box {
        width: 100px;   /* 手机端logo宽度 */
        height: 40px;   /* 手机端logo高度 */
        background-image: url("../images/logo-small.png"); /* 自动切换！ */
    }
}