@charset "UTF-8"; /*!
 * Bootstrap v3.1.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,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: 0 0
}

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

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

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

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 {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    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-appearance: textfield;
    box-sizing: content-box
}

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

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

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,th {
    padding: 0
}

@media print {
    * {
        text-shadow: none!important;
        color: #000!important;
        background: transparent!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: ""
    }

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

    thead {
        display: table-header-group
    }

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

    img {
        max-width: 100%!important
    }

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

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

    select {
        background: #fff!important
    }

    .navbar {
        display: none
    }

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

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

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse!important
    }

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

:after,:before {
    box-sizing: border-box
}

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

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

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

a {
    color: #428bca
}

a:focus,a:hover {
    color: #2a6496;
    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 {
    display: block;
    max-width: 100%;
    height: auto
}

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

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

.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;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.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,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 400;
    line-height: 1;
    color: #999
}

.h1,.h2,.h3,h1,h2,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,.h5,.h6,h4,h5,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: 200;
    line-height: 1.4
}

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

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

cite {
    font-style: normal
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-muted {
    color: #999
}

.text-primary {
    color: #428bca
}

a.text-primary:hover {
    color: #3071a9
}

.text-success {
    color: #3c763d
}

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

.text-info {
    color: #31708f
}

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

.text-warning {
    color: #8a6d3b
}

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

.text-danger {
    color: #a94442
}

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

.bg-primary {
    color: #fff;
    background-color: #428bca
}

a.bg-primary:hover {
    background-color: #3071a9
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.list-inline>li:first-child {
    padding-left: 0
}

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

dd,dt {
    line-height: 1.428571429
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

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

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

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

.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 ol:last-child,blockquote p:last-child,blockquote ul:last-child {
    margin-bottom: 0
}

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

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

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

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

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

blockquote:after,blockquote:before {
    content: ""
}

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

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

code {
    color: #c7254e;
    background-color: #f9f2f4;
    white-space: nowrap;
    border-radius: 4px
}

code,kbd {
    padding: 2px 4px;
    font-size: 90%
}

kbd {
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.428571429;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    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 {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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.6666666667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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.6666666667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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.6666666667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

table {
    max-width: 100%;
    background-color: transparent
}

th {
    text-align: left
}

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

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 8px;
    line-height: 1.428571429;
    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>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

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

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

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

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

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

.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

fieldset,legend {
    padding: 0;
    border: 0
}

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

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    box-sizing: border-box
}

input[type=checkbox],input[type=radio] {
    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=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    padding-top: 7px
}

.form-control,output {
    display: block;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555
}

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

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    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
}

.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 {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

textarea.form-control {
    height: auto
}

input[type=date] {
    line-height: 34px
}

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

.checkbox,.radio {
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px
}

.checkbox label,.radio label {
    display: inline;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline input[type=checkbox],.checkbox input[type=checkbox],.radio-inline input[type=radio],.radio input[type=radio] {
    float: left;
    margin-left: -20px
}

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

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

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

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

.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
}

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

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

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

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

.has-feedback {
    position: relative
}

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

.has-feedback .form-control-feedback {
    position: absolute;
    top: 25px;
    right: 0;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-control-static {
    margin-bottom: 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 .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

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

    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
        float: none;
        margin-left: 0
    }

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

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

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

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

.form-horizontal .form-control-static {
    padding-top: 7px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align:right
    }
}

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

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

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

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

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

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

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

.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad
}

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

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

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

.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd
}

.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e
}

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

.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color: #428bca;
    border-color: #357ebd
}

.btn-primary .badge {
    color: #428bca;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

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

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

.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
    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.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #39b3d7;
    border-color: #269abc
}

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

.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
    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.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ed9c28;
    border-color: #d58512
}

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

.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
    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.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #d2322d;
    border-color: #ac2925
}

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

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

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

.btn-link {
    color: #428bca;
    font-weight: 400;
    cursor: pointer;
    border-radius: 0
}

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

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

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

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

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

.btn-sm {
    padding: 5px 10px
}

.btn-sm,.btn-xs {
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs {
    padding: 1px 5px
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

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

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

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

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@font-face {
    font-family: Glyphicons Halflings;
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: Glyphicons Halflings;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "*"
}

.glyphicon-plus:before {
    content: "+"
}

.glyphicon-euro:before {
    content: "\20AC"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270F"
}

.glyphicon-glass:before {
    content: "\E001"
}

.glyphicon-music:before {
    content: "\E002"
}

.glyphicon-search:before {
    content: "\E003"
}

.glyphicon-heart:before {
    content: "\E005"
}

.glyphicon-star:before {
    content: "\E006"
}

.glyphicon-star-empty:before {
    content: "\E007"
}

.glyphicon-user:before {
    content: "\E008"
}

.glyphicon-film:before {
    content: "\E009"
}

.glyphicon-th-large:before {
    content: "\E010"
}

.glyphicon-th:before {
    content: "\E011"
}

.glyphicon-th-list:before {
    content: "\E012"
}

.glyphicon-ok:before {
    content: "\E013"
}

.glyphicon-remove:before {
    content: "\E014"
}

.glyphicon-zoom-in:before {
    content: "\E015"
}

.glyphicon-zoom-out:before {
    content: "\E016"
}

.glyphicon-off:before {
    content: "\E017"
}

.glyphicon-signal:before {
    content: "\E018"
}

.glyphicon-cog:before {
    content: "\E019"
}

.glyphicon-trash:before {
    content: "\E020"
}

.glyphicon-home:before {
    content: "\E021"
}

.glyphicon-file:before {
    content: "\E022"
}

.glyphicon-time:before {
    content: "\E023"
}

.glyphicon-road:before {
    content: "\E024"
}

.glyphicon-download-alt:before {
    content: "\E025"
}

.glyphicon-download:before {
    content: "\E026"
}

.glyphicon-upload:before {
    content: "\E027"
}

.glyphicon-inbox:before {
    content: "\E028"
}

.glyphicon-play-circle:before {
    content: "\E029"
}

.glyphicon-repeat:before {
    content: "\E030"
}

.glyphicon-refresh:before {
    content: "\E031"
}

.glyphicon-list-alt:before {
    content: "\E032"
}

.glyphicon-lock:before {
    content: "\E033"
}

.glyphicon-flag:before {
    content: "\E034"
}

.glyphicon-headphones:before {
    content: "\E035"
}

.glyphicon-volume-off:before {
    content: "\E036"
}

.glyphicon-volume-down:before {
    content: "\E037"
}

.glyphicon-volume-up:before {
    content: "\E038"
}

.glyphicon-qrcode:before {
    content: "\E039"
}

.glyphicon-barcode:before {
    content: "\E040"
}

.glyphicon-tag:before {
    content: "\E041"
}

.glyphicon-tags:before {
    content: "\E042"
}

.glyphicon-book:before {
    content: "\E043"
}

.glyphicon-bookmark:before {
    content: "\E044"
}

.glyphicon-print:before {
    content: "\E045"
}

.glyphicon-camera:before {
    content: "\E046"
}

.glyphicon-font:before {
    content: "\E047"
}

.glyphicon-bold:before {
    content: "\E048"
}

.glyphicon-italic:before {
    content: "\E049"
}

.glyphicon-text-height:before {
    content: "\E050"
}

.glyphicon-text-width:before {
    content: "\E051"
}

.glyphicon-align-left:before {
    content: "\E052"
}

.glyphicon-align-center:before {
    content: "\E053"
}

.glyphicon-align-right:before {
    content: "\E054"
}

.glyphicon-align-justify:before {
    content: "\E055"
}

.glyphicon-list:before {
    content: "\E056"
}

.glyphicon-indent-left:before {
    content: "\E057"
}

.glyphicon-indent-right:before {
    content: "\E058"
}

.glyphicon-facetime-video:before {
    content: "\E059"
}

.glyphicon-picture:before {
    content: "\E060"
}

.glyphicon-map-marker:before {
    content: "\E062"
}

.glyphicon-adjust:before {
    content: "\E063"
}

.glyphicon-tint:before {
    content: "\E064"
}

.glyphicon-edit:before {
    content: "\E065"
}

.glyphicon-share:before {
    content: "\E066"
}

.glyphicon-check:before {
    content: "\E067"
}

.glyphicon-move:before {
    content: "\E068"
}

.glyphicon-step-backward:before {
    content: "\E069"
}

.glyphicon-fast-backward:before {
    content: "\E070"
}

.glyphicon-backward:before {
    content: "\E071"
}

.glyphicon-play:before {
    content: "\E072"
}

.glyphicon-pause:before {
    content: "\E073"
}

.glyphicon-stop:before {
    content: "\E074"
}

.glyphicon-forward:before {
    content: "\E075"
}

.glyphicon-fast-forward:before {
    content: "\E076"
}

.glyphicon-step-forward:before {
    content: "\E077"
}

.glyphicon-eject:before {
    content: "\E078"
}

.glyphicon-chevron-left:before {
    content: "\E079"
}

.glyphicon-chevron-right:before {
    content: "\E080"
}

.glyphicon-plus-sign:before {
    content: "\E081"
}

.glyphicon-minus-sign:before {
    content: "\E082"
}

.glyphicon-remove-sign:before {
    content: "\E083"
}

.glyphicon-ok-sign:before {
    content: "\E084"
}

.glyphicon-question-sign:before {
    content: "\E085"
}

.glyphicon-info-sign:before {
    content: "\E086"
}

.glyphicon-screenshot:before {
    content: "\E087"
}

.glyphicon-remove-circle:before {
    content: "\E088"
}

.glyphicon-ok-circle:before {
    content: "\E089"
}

.glyphicon-ban-circle:before {
    content: "\E090"
}

.glyphicon-arrow-left:before {
    content: "\E091"
}

.glyphicon-arrow-right:before {
    content: "\E092"
}

.glyphicon-arrow-up:before {
    content: "\E093"
}

.glyphicon-arrow-down:before {
    content: "\E094"
}

.glyphicon-share-alt:before {
    content: "\E095"
}

.glyphicon-resize-full:before {
    content: "\E096"
}

.glyphicon-resize-small:before {
    content: "\E097"
}

.glyphicon-exclamation-sign:before {
    content: "\E101"
}

.glyphicon-gift:before {
    content: "\E102"
}

.glyphicon-leaf:before {
    content: "\E103"
}

.glyphicon-fire:before {
    content: "\E104"
}

.glyphicon-eye-open:before {
    content: "\E105"
}

.glyphicon-eye-close:before {
    content: "\E106"
}

.glyphicon-warning-sign:before {
    content: "\E107"
}

.glyphicon-plane:before {
    content: "\E108"
}

.glyphicon-calendar:before {
    content: "\E109"
}

.glyphicon-random:before {
    content: "\E110"
}

.glyphicon-comment:before {
    content: "\E111"
}

.glyphicon-magnet:before {
    content: "\E112"
}

.glyphicon-chevron-up:before {
    content: "\E113"
}

.glyphicon-chevron-down:before {
    content: "\E114"
}

.glyphicon-retweet:before {
    content: "\E115"
}

.glyphicon-shopping-cart:before {
    content: "\E116"
}

.glyphicon-folder-close:before {
    content: "\E117"
}

.glyphicon-folder-open:before {
    content: "\E118"
}

.glyphicon-resize-vertical:before {
    content: "\E119"
}

.glyphicon-resize-horizontal:before {
    content: "\E120"
}

.glyphicon-hdd:before {
    content: "\E121"
}

.glyphicon-bullhorn:before {
    content: "\E122"
}

.glyphicon-bell:before {
    content: "\E123"
}

.glyphicon-certificate:before {
    content: "\E124"
}

.glyphicon-thumbs-up:before {
    content: "\E125"
}

.glyphicon-thumbs-down:before {
    content: "\E126"
}

.glyphicon-hand-right:before {
    content: "\E127"
}

.glyphicon-hand-left:before {
    content: "\E128"
}

.glyphicon-hand-up:before {
    content: "\E129"
}

.glyphicon-hand-down:before {
    content: "\E130"
}

.glyphicon-circle-arrow-right:before {
    content: "\E131"
}

.glyphicon-circle-arrow-left:before {
    content: "\E132"
}

.glyphicon-circle-arrow-up:before {
    content: "\E133"
}

.glyphicon-circle-arrow-down:before {
    content: "\E134"
}

.glyphicon-globe:before {
    content: "\E135"
}

.glyphicon-wrench:before {
    content: "\E136"
}

.glyphicon-tasks:before {
    content: "\E137"
}

.glyphicon-filter:before {
    content: "\E138"
}

.glyphicon-briefcase:before {
    content: "\E139"
}

.glyphicon-fullscreen:before {
    content: "\E140"
}

.glyphicon-dashboard:before {
    content: "\E141"
}

.glyphicon-paperclip:before {
    content: "\E142"
}

.glyphicon-heart-empty:before {
    content: "\E143"
}

.glyphicon-link:before {
    content: "\E144"
}

.glyphicon-phone:before {
    content: "\E145"
}

.glyphicon-pushpin:before {
    content: "\E146"
}

.glyphicon-usd:before {
    content: "\E148"
}

.glyphicon-gbp:before {
    content: "\E149"
}

.glyphicon-sort:before {
    content: "\E150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\E151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\E152"
}

.glyphicon-sort-by-order:before {
    content: "\E153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\E154"
}

.glyphicon-sort-by-attributes:before {
    content: "\E155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\E156"
}

.glyphicon-unchecked:before {
    content: "\E157"
}

.glyphicon-expand:before {
    content: "\E158"
}

.glyphicon-collapse-down:before {
    content: "\E159"
}

.glyphicon-collapse-up:before {
    content: "\E160"
}

.glyphicon-log-in:before {
    content: "\E161"
}

.glyphicon-flash:before {
    content: "\E162"
}

.glyphicon-log-out:before {
    content: "\E163"
}

.glyphicon-new-window:before {
    content: "\E164"
}

.glyphicon-record:before {
    content: "\E165"
}

.glyphicon-save:before {
    content: "\E166"
}

.glyphicon-open:before {
    content: "\E167"
}

.glyphicon-saved:before {
    content: "\E168"
}

.glyphicon-import:before {
    content: "\E169"
}

.glyphicon-export:before {
    content: "\E170"
}

.glyphicon-send:before {
    content: "\E171"
}

.glyphicon-floppy-disk:before {
    content: "\E172"
}

.glyphicon-floppy-saved:before {
    content: "\E173"
}

.glyphicon-floppy-remove:before {
    content: "\E174"
}

.glyphicon-floppy-save:before {
    content: "\E175"
}

.glyphicon-floppy-open:before {
    content: "\E176"
}

.glyphicon-credit-card:before {
    content: "\E177"
}

.glyphicon-transfer:before {
    content: "\E178"
}

.glyphicon-cutlery:before {
    content: "\E179"
}

.glyphicon-header:before {
    content: "\E180"
}

.glyphicon-compressed:before {
    content: "\E181"
}

.glyphicon-earphone:before {
    content: "\E182"
}

.glyphicon-phone-alt:before {
    content: "\E183"
}

.glyphicon-tower:before {
    content: "\E184"
}

.glyphicon-stats:before {
    content: "\E185"
}

.glyphicon-sd-video:before {
    content: "\E186"
}

.glyphicon-hd-video:before {
    content: "\E187"
}

.glyphicon-subtitles:before {
    content: "\E188"
}

.glyphicon-sound-stereo:before {
    content: "\E189"
}

.glyphicon-sound-dolby:before {
    content: "\E190"
}

.glyphicon-sound-5-1:before {
    content: "\E191"
}

.glyphicon-sound-6-1:before {
    content: "\E192"
}

.glyphicon-sound-7-1:before {
    content: "\E193"
}

.glyphicon-copyright-mark:before {
    content: "\E194"
}

.glyphicon-registration-mark:before {
    content: "\E195"
}

.glyphicon-cloud-download:before {
    content: "\E197"
}

.glyphicon-cloud-upload:before {
    content: "\E198"
}

.glyphicon-tree-conifer:before {
    content: "\E199"
}

.glyphicon-tree-deciduous:before {
    content: "\E200"
}

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

.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;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box
}

.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: 400;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap
}

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

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

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

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

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

.open>a {
    outline: 0
}

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

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

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #999
}

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

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

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

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

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

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

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

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

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

.btn-group-vertical>.btn:focus,.btn-group>.btn:focus {
    outline: 0
}

.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-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-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-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>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

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

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

.btn-group-xs>.btn {
    padding: 1px 5px
}

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

.btn-group-sm>.btn {
    padding: 5px 10px
}

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

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

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

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

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

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 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-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.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-right-radius: 0;
    border-top-left-radius: 0
}

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

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

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

[data-toggle=buttons]>.btn>input[type=checkbox],[data-toggle=buttons]>.btn>input[type=radio] {
    display: none
}

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

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

.input-group .form-control {
    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.33;
    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
}

select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.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
}

select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.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: 400;
    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=checkbox],.input-group-addon input[type=radio] {
    margin-top: 0
}

.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-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group .form-control:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

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

.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,.input-group .form-control:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

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

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

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

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

.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
    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 {
    margin-left: -1px
}

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

.nav>li,.nav>li>a {
    position: relative;
    display: block
}

.nav>li>a {
    padding: 10px 15px
}

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

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

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

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

.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.428571429;
    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:focus,.nav-tabs>li.active>a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid;
    border-color: #ddd #ddd transparent;
    cursor: default
}

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

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

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

.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:focus,.nav-tabs.nav-justified>.active>a:hover {
    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:focus,.nav-tabs.nav-justified>.active>a:hover {
        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:focus,.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #428bca
}

.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 {
    text-align: center;
    margin-bottom: 5px
}

.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:focus,.nav-tabs-justified>.active>a:hover {
    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:focus,.nav-tabs-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

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

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

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-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 {
    max-height: 340px;
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1);
    -webkit-overflow-scrolling: touch
}

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

@media (min-width: 768px) {
    .navbar-collapse {
        width:auto;
        border-top: 0;
        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-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

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

@media (min-width: 768px) {
    .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
        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-bottom,.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 768px) {
    .navbar-fixed-bottom,.navbar-fixed-top {
        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;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    height: 20px
}

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

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

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    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;
        box-shadow: none
    }

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

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

    .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
        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-nav.navbar-right:last-child {
        margin-right: -15px
    }
}

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

    .navbar-right {
        float: right!important
    }
}

.navbar-form {
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1);
    margin: 8px -15px
}

@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 .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

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

    .navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] {
        float: none;
        margin-left: 0
    }

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

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

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

    .navbar-form.navbar-right:last-child {
        margin-right: -15px
    }
}

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

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    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-left: 15px;
        margin-right: 15px
    }

    .navbar-text.navbar-right:last-child {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

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

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

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

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

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

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

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

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    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:focus,.navbar-default .navbar-nav>.open>a:hover {
    background-color: #e7e7e7;
    color: #555
}

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

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

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

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

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

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

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

.navbar-inverse .navbar-brand {
    color: #999
}

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

.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text {
    color: #999
}

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

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

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

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

.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {
    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:focus,.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #080808;
    color: #fff
}

@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: #999
    }

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

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

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

.navbar-inverse .navbar-link {
    color: #999
}

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

.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 {
    content: "/\A0";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>.active {
    color: #999
}

.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;
    line-height: 1.428571429;
    text-decoration: none;
    color: #428bca;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

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

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

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd
}

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

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

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

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

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

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

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

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

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

.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:focus,.pager li>a:hover {
    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:focus,.pager .disabled>a:hover,.pager .disabled>span {
    color: #999;
    background-color: #fff;
    cursor: not-allowed
}

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

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

.label:empty {
    display: none
}

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

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

.label-default[href]:focus,.label-default[href]:hover {
    background-color: grey
}

.label-primary {
    background-color: #428bca
}

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

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

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

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

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

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

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

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

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

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

.badge:empty {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.thumbnail>img,.thumbnail a>img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover {
    border-color: #428bca
}

.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: 700
}

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

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

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

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

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    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: #428bca;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    transition: width .6s ease
}

.progress-striped .progress-bar {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar {
    -webkit-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: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.media,.media-body {
    overflow: hidden;
    zoom:1}

.media,.media .media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media-object {
    display: block
}

.media-heading {
    margin: 0 0 5px
}

.media>.pull-left {
    margin-right: 10px
}

.media>.pull-right {
    margin-left: 10px
}

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

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.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-right-radius: 4px;
    border-top-left-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

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

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

a.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus,a.list-group-item:hover {
    text-decoration: none;
    background-color: #f5f5f5
}

a.list-group-item.active,a.list-group-item.active:focus,a.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #428bca;
    border-color: #428bca
}

a.list-group-item.active .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading {
    color: inherit
}

a.list-group-item.active .list-group-item-text,a.list-group-item.active:focus .list-group-item-text,a.list-group-item.active:hover .list-group-item-text {
    color: #e1edf7
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus,a.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus,a.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus,a.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus,a.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover {
    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;
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body {
    padding: 15px
}

.panel>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group .list-group-item:first-child {
    border-top: 0
}

.panel>.list-group .list-group-item:last-child {
    border-bottom: 0
}

.panel>.list-group:first-child .list-group-item:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

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

.panel>.table-responsive:first-child>.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 th:first-child,.panel>.table-responsive:first-child>.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 th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table-responsive:first-child>.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 th:last-child,.panel>.table-responsive:first-child>.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 th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table-responsive:last-child>.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 th:first-child,.panel>.table-responsive:last-child>.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 th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.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 th:last-child,.panel>.table-responsive:last-child>.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 th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.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 {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

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

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

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

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

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

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle,.panel-title {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px
}

.panel-title>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-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    overflow: hidden
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    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-footer+.panel-collapse .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #428bca
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca
}

.panel-primary>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #428bca
}

.panel-primary>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #428bca
}

.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-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-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-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-footer+.panel-collapse .panel-body {
    border-bottom-color: #ebccd1
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    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: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:focus,.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    transform: translateY(-25%);
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    transform: translate(0)
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 20% 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.428571429px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.428571429
}

.modal-body {
    position: relative;
    padding: 20px
}

.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

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

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

@media (min-width: 768px) {
    .modal-dialog {
        width:600px;
        margin: 30px auto
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }

    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    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 {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 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;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    white-space: normal
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    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 {
    border-width: 10px;
    content: ""
}

.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px
}

.popover.top .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25)
}

.popover.right .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    top: -11px
}

.popover.bottom .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    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 {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.carousel,.carousel-inner {
    position: relative
}

.carousel-inner {
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    display: none;
    position: relative;
    transition: left .6s ease-in-out
}

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

.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;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

.carousel-control.left {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000",endColorstr="#00000000",GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: linear-gradient(90deg,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#80000000",GradientType=1)
}

.carousel-control:focus,.carousel-control:hover {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
    left: 50%
}

.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
    right: 50%
}

.carousel-control .icon-next,.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-family: serif
}

.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%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000\9;
    background-color: transparent
}

.carousel-indicators .active {
    margin: 0;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    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 .glyphicons-chevron-left,.carousel-control .glyphicons-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
        width:30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before {
    content: " ";
    display: table
}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.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 {
    visibility: hidden!important
}

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

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

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

    table.visible-xs {
        display: table
    }

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

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

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

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

    table.visible-sm {
        display: table
    }

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

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

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

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

    table.visible-md {
        display: table
    }

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

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

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

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

    table.visible-lg {
        display: table
    }

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

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

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

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

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

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

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

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

    table.visible-print {
        display: table
    }

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

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

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

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0)
    }

    90% {
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0)
    }

    90% {
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.swing {
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        transform: rotate(60deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        transform: rotate(60deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #e36209;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #e36209,0 0 5px #e36209;
    opacity: 1;
    transform: rotate(3deg) translateY(-4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border-color: #e36209 transparent transparent #e36209;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner .4s linear infinite;
    animation: nprogress-spinner .4s linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner {
    position: absolute
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@font-face {
    font-family: iconfont;
    src: url(../../../public/fonts/iconfont.eot?t=1509613368562);
    src: url(../../../public/fonts/iconfont.eot?t=1509613368562#iefix) format("embedded-opentype"),url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAABWcAAsAAAAAH1AAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kvFY21hcAAAAYAAAAD1AAAC3J3CByZnbHlmAAACeAAAEEIAABZsbas/c2hlYWQAABK8AAAAMQAAADYP4ERtaGhlYQAAEvAAAAAeAAAAJAheBQNobXR4AAATEAAAACAAAABQUdf//2xvY2EAABMwAAAAKgAAACo5pjPWbWF4cAAAE1wAAAAfAAAAIAE2ANtuYW1lAAATfAAAAUUAAAJtPlT+fXBvc3QAABTEAAAA1QAAAUdzkf94eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkkWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKl7uZm7438AQw9zA0AAUZgTJAQDpHgxLeJzFkj1uwlAQhOcFTBJDfowl3CDhAkUpcg1OQM0NOAAnS8MFOEeQR6FPT2bfUICEkirKrj5Lb73Sztt5AAoAPfEm+kD6RELEh6op13soc72Pd51bpfqw6YquYcmaDadsueCSK6654/6wPR7POipO1DG70vFTpDzJOceL8vUio+MR91L3jFtUuscDhnjCADeopfAOY4yy8sEvk/4w0v+NvoxR/n6dTrXYnJDErjDaJ7rGaLNgaeJ9sDLaNjg22jtYG8T/iYk3xcbIFXBq5A84M3IKbI08AxdG7oFLEzq5MvHmuDbyFtwZhJa9iVsetgblN0kWWkEAAAB4nJU4CZAc1XX//d/n9Ez39Mx098zOfbZmZ3dmdk7tarWXjpVWBwJJOCAiCdiAEVaM5ALJulhIlOAEgxOnoBS7klgQRzYBuxyCqxLAcpGKiDlCCoODjZFiKCKgihA7BXbVbivvz0hYlavi3f7vv/7H+2/ef2cTkZAL/8KeZFESJsvICFlNthACUgVyOk1C1m1VaQWsrGg5EZ25eTcr53NVthKcnBSxG51WyZFkyQAdUtDMNjpulbrQbk3QFdCwkwCx+MDWUDERYl8AX9RNHffm6Emw0vmEMTHsrR+ajDQyYeWAPxSKhUL3KpIoKpQKhg57HVsVVZ/kPSwaA9aT6TJNgz/mDmy8JpCJh66/p/WbyaKjAiwsQDie0f9i0hww8TkyYIdDMTkYUKIDgXwhAgfe0qJhf7L0JsE/1gOj9E0SJy7+WgIjVXBLOVkH/lgR27Eb3Qlw2zjM8la+nW83202raTFp+1HBKOrikautBNx1r54KfP4ugLh959a5rfjQQ+IWKeCXt4iQsB6Y//YNqnrDt+cfwLXe+R07Nlx11QZ+NEVZf4V9yHaRAXIVnm62SvlsTrJMFKFbyo/kep2ZDeegaeVx0Haw1yFir4Bf9lzw/0Pfo8Ae033ez326Gdq6bbA8OLht6+Agew8K3iuvTmuS5g9OT2uBgDZ9lMOjfbwPd/l03bdreqY8CCHa4i9Lr/tC27dXKti8fXA/LLVA8idhEPSI3gOVy1qstKpCuC49w25jk8QmDTJFdpLDhIjZSeDyLLlVkAzKrGxjAkrFrt1sdLqdEnKd6/1SeRI6tpMCS3Y7zQYispTP4Z4uovikoWt38G66uInv4ReGu/jIBDS7Hb5Bv/RUmVvqsBuXHn1iCoKqVS+uyVDhUID+o6yCtHTTDkXRo0pADesm9j6qXZfY4RstlAaad8iaLCpMlPy86wp0NJOsgOgTaqnWbDQlSLlAaOWnansqeUGeXTY7VN8alRlTdcqShl1vGDFFHR6p+/HQTUcFVgmVswMDAHDI+6DpM2Lyb9GAPzykq35/MG/89vktNBhNlNWbr/YJYkhRmWS+DpC2nBVMAeqUNz88vqY2FlX3DN003mkJN46uLdeWA1AxELI3Zju3bnBygjaSz4hSkhABZX83u8COkTRZSzaTq1HyJeJ2SBeVGnXDlYhsEwffWygbx7Yk4qKC5/AC2s2I3WxzpNXh6t6wrTxqpoUbrYgssTaqaMSxHavRaeNmSl7zzokiZF7bf70ZDF37yTPeR/iqnjkDquhnJckveueezYxu9AtDK6qrkss2j2XG5iqt4sZUuVa5ZlnLCO0YXJmyj3ESr0FGhKFgQiqD6H105hKpTiMuRbtjeND7zebE8rBeW/W9YDS9YvnqcnlytFD761AsOztayEPsG7VSJmzPPDM6OOyE0Mb8KIdH2AE2SzTikDypkVm0tZ1kD7mD3E3+mPwVIUWZe6tJmIAqFN2SDnYabNRJ+TIcLlvTLcmi5BZLkmyihxDRRRQnoG2WUE1ybtEU7W6R/Yok3Vy+WEKF73YajlhEwNfIYq6bq+FsfwI1/uKEARL9xVOqogRVhLLpffcp1ZRl9b9BGL5s1Y3hiPeyaXovRwoQ1AFVsQCDehBq3tmkFffOwpiuw+jmX5nuBUq9DxSmUgH/gUEfUZnivUMVyt4UBexEKrJXf4wAXwTfu/T8RsEMKQxhWPnyRiaHTWEjU0Lm25dwhLB8A58Wekv/1i8flPGJ2kvv6450UA/eITk6DdlLP7oj4D9M6WFJOuzdtZGFQhd3cLKhEB5xOVnEYZSfKvfOlj9zQFRtZBv27UNLEjDIHPg0zFNVDPPBnTv5YFgT54H7aw116SfsSyxBymQMrWor2U32kkPkd8kfka+Qx9DCuINyS62eX+I+Cy0Gb7kKK/kdoyPCkWaKSvlwI0UjOs1VKYbGbn8C91SB4YWXWhPo3lKA/q7UwrtHDG+8iC9d6DTsiAyS21vGdcKOSHD5i3z5S/d/nQFv28YN+9OZTPozcxtPbZrbn84CGHZAeP7EiRcYe+GErOmga6/Ha6VIpFRr10vhcKk+sPlmSm/e3IM3+ZS6olsI0LtphvJJxTJAvkX2HvYZMjhKJIgKoGg+5YgSjHAAAcRlw5KPysaDF9EjijGhKVs5uk02vuTjaETZqgSTmfT+uU09xjI9dFtEC4ChmSeeFziPzwug43mTF3mLFOtt5LR5iTmE3ofysGwFQRlSrCByMK+AYSnz8jHEweEnInuAjCGjHEBUvoQb9/4SXSdvxR+G3FnGHyBjOMpB37+eZqfZFGYRMglgtkRUZgagCEUMKm4fstPelDcFp+Ee76B3EOHeYXw5PeztvYTRZRD1znvn4efnzp3zDi4mEI0mvOsuIoRIeM6CsMAWiIFnOJippNGLEcii0pioNVlUGxP1JmtmoWnmw5c1YWqRxAsAhbhwsV9EthdPLyx8/LAFPrrQn2XYL06zBY9cIHRhaQEWvAVKPFTrCxeQB0AeoiRLBjGSYzSxLh7OY3kWQU5KcqaSPP6ikkq50scIZoMyTw65WfSCN6KX7OG/jkK9yLYXRgBGChcIpIZTnlUYuYUj+HznYg9zu45R3sOqkcYM8FGgx3afekOEVDUJ7KFDh06yHiq8MVisc6LvIs1zTjJln0PK796OGFJy+h09yY7t5nOc1kyDY7uPPSqcPcWxwycZ0uPYqbPoA6L8PtiPUBYM8SEyjdHkUxhJfof8HrmP/CF5AGPKn5CT5Kvk6+gRvkWeIH9DTpO/J88T0s1aWXAxN6ZyJEUbaPhVFtYBnUAvaekLAU3z8iVtzJ/7a9ApdO3+glKN9pZIzYt06ih/ue9PVsIEnURC1GphqmRcbHLz/9WsXgPJ7uZKxR5kfZw9sThHk7oetcaGaLaxvD7ayQGtjQ/PWjV3yI1BOWGmfVomlBwa8O40DDM4mIWYO1islAcgN2TG9exAesBMDRqmY6VD8FMj6MvE9UAujtmQU8Q6ohQDmmSheDKWjJkQzfh1w58bWHyuHqwH78T/F4NP17DVX7isvWg8Veu1/lyv/emd9SvqS8sFfQ1dDq+K+lrW/ZkY+ARbsztDA+FwLjt/a7UyUTSChYlK9db5Ge96IxBIVOduGknWg8GR5MhNszVqRiLR6OzmXKaa0Pzxaia3eTbq/btPVcLpxrq1jlPIr6un4daoow8Ww+HRyTRNDA34tFglCZnJ3VYqpChmygZnrGNaltkZc2DpbvwhUwvBhamXgqf/j+fPMgtbMnX6BflKpfwDDrwHlXl/o+9vXmEfsRj6gTgpYh5Dilk0InOC11m2ZfI4gNDJdtpmKw+lldBqJFFbnGyu1c1i5iaxVxZ/TQ8DhHV2So9EFuc0jZ3SNG9Is6Vveg/4fLBHk3fgNP0sTutLnzMi9M+1pc/5AHz0gLb4E9D2aNoeQdZtAE3EBBJ5OsPeQB/IMyuXVJCrJumiw8ijS5LdPMY+x8ybLUxfMO6BA3zcxSKK42gNYSxnutjkiz1dlaMJYdv5ckiFXDwzct+pyDCF+RzE5Pd+GirD4l1cEZ+enb3v0rOMOWkDdYjawuI/s2XhMsOX/NDiO/B3OtqDkE56m/P0h+vWrZvFP9Lzp1jzfZ++0/OmZTKMFryG54BdVgVefSUh3C9d26iVTZG1Si73tWgIvcGGi1xzV9Vm3PHxWqW/o+s2HfayooyDJntvKFqJajJ0FW3m7cQPvK+NaYr3b7KP7qOqAqcVja3xTl73T/Ca6oNxqknezwSZSssQSyXODG+nFExZ0RQB92BX+Ie36FHcB4q0dFgJaEqOjl8gmiKCKSkgMEnuLWw/91xfT77IHmJ7SYmsItt7eT8yyjWl1VnRd7eYUzR4goHepNvkutOrkuCSE+bJbF7i9VntUgGV/2WO0eUpCOYjeUpGP796/RVg+Fw2PzO1RXBkU4rC5tUz88z1GXDF+lX3elfD2pkVR3YeGZ+eDQifXr/qKswbYfu68s4RE6b86u2KGVV3v6pGTeU91b8X1k2tObEe7tEMf2ygJpiiaNJaIsYDv3dw/Ym1k+vgsYnjk92Zme7k8Qm4DfR4oi5LEm2mghbz1ii3c0q7v8+pnld79fV/sCeZn1xDXsQ7xvLdbqIbxSvttPtC6f8828EMi6fWvJqc5LVpCZfhlfa9soz6yisf2UUBcRy35EookBpYzXa32eYVBMqqR6TTtbKXHdPicsz3j4k4OvCwiUvyVtPBvXyLJFeh3brs4BXQdVHUmDpyO0FZu/2SF4/N5/qnZnEn+/0fDrbW30Cr5RC0h6RtK6e20zYGsIwkiqIsCLJPEzRVE4UMjFVYEOhUvT4N1CjVDMZChqLQ/DLYNJYYCQuyob4TlLxHxdjKpMQErHXTq1Peu9Hk8DjEo+iphVbBbbG0C2ETD3Mjof2ycSygCcyMxjOGzmRZYcyEVIz5IdfNgmYNgEJNXRRpxEYzSUeZ6PfBDjUQkg8k6A3r61dE08XaOn18E8D2KWUjykkUBVHVVNkngSyYspD+xBhE9PoURcbDctdNxrDsCvml0PSysU0QCQuKQH8smdK3hLDqpxLuZDoNfvZaHcaHE3UjZCeG1EINGq5UzaSigZK1rI0WdF3AlB7nBUoAS+t4KKmCIAQEao4kdDWRT8V1IW2HA3iQLICv6GTdKNYu7InXqdDPxX7BvstkoqJ1rUC/sYvcgrlYnn95wFzIZe1GB/1uyc1LssU/1jBe4uEULbmoAOhe8IK7YVzTxAo6bMvOCE/f8lhHhvM8d8J6kid1Izzym+hjkBTDzJ1/ljKb8J3Hrwg6Wcz17OA4kxXhVe6Z4RGdRWtpWMjUokzPSomwtxBKSFrwUXYnfdTUXosXYaHwxffVgE+GDe3YcBbN3e/LVbOFFv0ajD+YqQBUMrD+JVmsSxJQra7BS94jie4IBuf4SDdxZUDXA04GrpPkZ5+VJe/hTFSGwgDY3rvxPJ1DYgOKn3rd9gZqlaox+J4YHPD5YemDQgtoswCPc5fr6+WxpJc3yVhJzZFNZBva5a+T68k+tE00hiwahYhRAXNZVHweu7jAUJ6dLmazfWwFNxX+LdERm/yDYkSqgGX3zK/Lba9TA7SOYs5Fei4z647J0Fi4wUC2v/4STfrWm95H+/eD6h2HwxNLZ7um45jeNzjs7gradnBXSH8oEAK6R+Fv7THNf2WcRalRl9SaunSW5pe+GTvwoHL/gx/Cdu84e9zbD4f5Su84wi/v27evtIvu90bBCvIBBBbAGTu4IWifCjlW8C976DOJ0bKWFYJCSLJKYUalE1+HRx5i3jPeGK72wseP050bNnijdvBDTgQBylJFWT4tbGIzpIPRdjkZxWp0BRknK8kEShL9Tdts8k+xFZAsE72azl2d3PPrfLD/gRATho8/0/KvEXkn3827eaH4tj8w6vP7fdsiUFyd+o3p6rZcIWzpvm18cNLw/2tCT02X6ZbyVNrvjaZvzOTilfgD5/2Y1l3rt/xgefd3S6t0MWXJSiFcH4B9uNHye18Npf3nE7NzlcrcLJy77fVD/wmQaesAAAB4nGNgZGBgAOLO228K4/ltvjJwszCAwDVFBgsY/f///waWBuYGIJeDgQkkCgBBDwteAAAAeJxjYGRgYG7438AQw5r/HwhYGhiAIihABAC1MQdpAAB4nGNhYGBgfsnAwMKAB9eD6P//8aoBYtZ8BgYAssIEJgAAAAAAdgC2ASYB5AJoA44ElATIBQoFkAbMBxYHcAfgCGYJjgosCtILNgAAeJxjYGRgYBBhOM8gwQACTEDMBYQMDP/BfAYAIMUCEgB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxtjs1ywjAMhL2UnxRwCJReeYM+lEOMrQTkocHThKevRKa36iTNrr5dMzPTrM3/c8QMb5hjgSVWKPCONTbYwqLEDhX2OOADR3waDKvapYEc25gdt8ThKkco+uhbung6jZlVDrccEofG8Y+ngfiRa3Lpq3hGl3Tb9JEa6hyfo6s6H+VDXGFUZi5bIXTyHiTjSkuBi90+8rfY+pgliCuxD9SSnCLXnqw+yTpF2rMiG5oIO8f3/FI5qFBocZW2jSx3gZAk/xFGLU7l1OUZ06uaMb8a32I0AAAA") format("woff"),url(../../../public/fonts/iconfont.ttf?t=1509613368562) format("truetype"),url(../../../public/fonts/iconfont.svg?t=1509613368562#iconfont) format("svg")
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-baoxian:before {
    content: "\E645"
}

.icon-huanjingliang:before {
    content: "\E60A"
}

.icon-shejifei:before {
    content: "\E65D"
}

.icon-yunxiangmugongdanweixintubiao-:before {
    content: "\E616"
}

.icon-zhaobiao:before {
    content: "\E620"
}

.icon-shidikancha:before {
    content: "\E612"
}

.icon-kehangxingyanjiu:before {
    content: "\E66C"
}

.icon-jiankongguanli:before {
    content: "\E517"
}

.icon-sheshi:before {
    content: "\E9BB"
}

.icon-turangshuifen:before {
    content: "\E61C"
}

.icon-xinxijishushebei:before {
    content: "\E6E3"
}

.icon-jianshedanwei:before {
    content: "\E617"
}

.icon-changdiguanli:before {
    content: "\E505"
}

.icon-anquanshengchan:before {
    content: "\E61F"
}

.icon-jingguan:before {
    content: "\E611"
}

.icon-dingqishiyan:before {
    content: "\E613"
}

.icon-jiansheyongdi:before {
    content: "\E6C8"
}

.icon-yanjiuzhongxin:before {
    content: "\E653"
}

#app input:-webkit-autofill,#app select:-webkit-autofill,#app textarea:-webkit-autofill {
    background-color: #fff!important;
    background-image: none!important;
    color: #000!important
}

b {
    font-weight: 400!important
}

.hide_trade {
    display: none!important
}

.show_trade {
    display: inline-block!important
}

.all_make_pay {
    background: #ddd!important
}

#hot_img {
    font-size: 47px;
    color: #3071d1
}

.hot_img_all {
    margin: 4% 0 8%
}

.shadow-green {
    box-shadow: inset 0 0 200px rgba(93,183,93,.7)
}

.avatar-text {
    width: 56px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shadow-blue {
    box-shadow: inset 0 0 200px rgba(56,129,209,.7)
}

.my-btn {
    background: #09a0e8;
    color: #fff;
    padding: 6px 15px
}

.my-btn:hover {
    color: #fff!important
}

@media (min-width: 767px) {
    #essay_all #cke_1_contents {
        overflow-y:scroll
    }

    #essay_all .cke_contents_ltr {
        width: 90%;
        max-width: 750px;
        min-height: 21cm;
        padding: 1cm 2cm 2cm;
        border: 1px solid #d3d3d3;
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 0 5px rgba(0,0,0,.1);
        margin: 30px auto;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        font-family: Nunito Sans,Verdana,Helvetica,sans-serif;
        overflow: visible;
        height: auto
    }

    #essay_all .cke_contents_ltr td,#essay_all .cke_contents_ltr th {
        font-size: .9em
    }

    #essay_all .cke_contents_ltr h1 {
        margin-bottom: 1cm
    }

    #essay_all .cke_contents_ltr table {
        margin-top: .5cm;
        margin-bottom: .5cm
    }

    #essay_all .cke_contents_ltr table td {
        border-right: 1px solid #d0d0d0;
        border-bottom: 1px solid #d0d0d0
    }

    #essay_all .cke_contents_ltr table td:first-of-type {
        border-left: 1px solid #d0d0d0
    }

    #essay_all .cke_contents_ltr table tr:first-of-type td {
        border-top: 1px solid #d0d0d0
    }

    #essay_all .cke_contents_ltr table thead th {
        border-top: 1px solid #d0d0d0;
        border-right: 1px solid #d0d0d0
    }

    #essay_all .cke_contents_ltr table thead th:first-of-type {
        border-left: 1px solid #d0d0d0
    }
}

body {
    font-family: Microsoft Yahei,Helvetica,Arial,sans-serif;
    line-height: 1.6em;
    color: #656565;
    font-size: 13px;
    margin: 0;
    padding: 0;
    overflow-x: hidden
}

h1,h2,h3,h4,h5,h6,li,p,ul {
    margin: 0;
    padding: 0;
    list-style: none
}

input {
    border: none;
    outline: none
}

.lf {
    float: left
}

.rt {
    float: right
}

.clearfix:after {
    content: " ";
    display: table;
    clear: both
}

img {
    max-width: 100%
}

a {
    color: #666
}

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

a:hover {
    color: #3071d1
}

a:focus {
    text-decoration: none
}

.icons {
    width: 1em;
    height: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

.login_qw {
    font-size: 40px;
    vertical-align: text-bottom
}

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

.headers .navbar-toggle {
    border-color: #fff
}

.headers {
    margin-bottom: 0;
    background: #3071d1;
    font-size: 14px
}

.phone_show {
    display: none!important
}

.yhxy {
    margin: 1.5% 0
}

.yhxy_instro {
    margin-left: 2%
}

.knows {
    margin-bottom: 0;
    background: #3071d1;
    color: #fff;
    border: none;
    border-radius: 0!important
}

.knows a:hover {
    color: #3071d1
}

.navbar-brand {
    line-height: 22px!important
}

.colockbox {
    margin: 0 auto;
    background: #e4393c url(../../../public/images/index/colockbg.png) no-repeat 58px 4px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.colockbox b {
    float: left;
    font-size: 13px;
    width: 24%;
    font-weight: 500
}

.colockbox span {
    float: left;
    display: block;
    width: 45px;
    font-size: 18px;
    text-align: center;
    margin: 0 1% 0 0
}

.colockbox_all {
    color: #fff;
    height: 38px
}

.all_life .buy_vip:focus,.all_life .buy_vip:hover,.b_register:focus,.b_register:hover,.buy:focus,.buy:hover,.calculate :hover,.chooses:focus,.chooses:hover,.headers a,.join_vip:hover,.left_logo:focus,.looks:focus.left_logo:hover,.looks:hover,.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover,.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover,.nexts a,.panel-default>.panel-heads a:hover,.pay_succ:hover,.previous a,.promptes a:focus,.promptes a:hover,.report_list .help_item:hover a {
    color: #fff!important
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    color: #555!important
}

.headers a:focus,.headers a:hover {
    background: #3071d1!important;
    color: #fff!important
}

.top_borders {
    float: left;
    margin-top: 3.2%
}

.check_all {
    background: #f7f7f7
}

.index_seach {
    padding: 1% 0 .5%
}

.has-feedback .input_searchs {
    border: 1px solid #3071d1;
    padding-right: 250px
}

.has-feedback .button_search {
    background: #3071d1;
    color: #fff;
    width: 85px;
    font-size: 16px;
    line-height: 0;
    border: 1px solid #3071d1
}

.helps_content span {
    display: inline-block;
    margin-top: 1%;
    padding-right: 2%
}

.free_tel {
    font-size: 16px;
    color: grey
}

.free_phone {
    font-size: 16px;
    color: #e43
}

.nav_right,.nav_rights {
    display: inline-block;
    background: #e43;
    color: #fff;
    padding: 4%
}

.nav_list a {
    display: inline-block;
    padding: 2%;
    color: #333;
    font-size: 16px
}

.nav_list a:hover {
    color: #3070d1
}

.hot_yjjs {
    position: relative
}

.hot_yjjs span.hot_recommend {
    position: absolute;
    bottom: 60%;
    right: -3%
}

.nav_rights {
    background: #3071d1
}

.nav_right :hover,.nav_rights:hover {
    color: #fff!important
}

.scrollup {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 0;
    right: 0;
    background: #3071d1
}

a.scrollup {
    outline: 0;
    text-align: center
}

a.scrollup:active,a.scrollup:focus,a.scrollup:hover {
    opacity: 1;
    text-decoration: none
}

a.scrollup i {
    margin-top: 17px;
    color: #fff
}

a.scrollup i:hover {
    text-decoration: none
}

.phone-scrollup {
    background: transparent;
    bottom: 173px;
    right: 10px;
    display: none
}

.itemtit1 {
    background-position: 0 0
}

.itemtit1_name {
    font-weight: 500
}

.all_mallCategory {
    text-align: left;
    width: 720px;
    margin: 0 auto;
    z-index: 99;
    position: relative;
    background: #0095da
}

.mallCategory .border {
    position: absolute;
    top: 29px;
    z-index: 14;
    display: none;
    border: 1px solid hsla(0,0%,100%,.15);
    border-right-color: #fff
}

.mallCategory .border,.mallCategory .border .mask-top {
    width: 220px;
    height: 31px
}

.catList {
    position: absolute;
    background: #0090d2;
    width: 220px
}

.catList ul {
    overflow: hidden
}

.catList .cat-top {
    margin-top: 3px;
    height: 39px;
    overflow: hidden;
    background-color: rgba(48,113,255,.8)
}

.catList .cat-top a {
    line-height: 36px;
    text-align: center;
    width: 220px;
    display: block;
    height: 39px;
    color: #fff;
    font-size: 18px
}

.catList .cat-content {
    position: relative;
    padding-left: 10px;
    height: 31px
}

.catList .cat-content .cat-more {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #87ceeb;
    text-indent: 12px
}

.catList .cat-content span {
    float: right;
    display: block;
    margin: 16px 10px 0 0;
    width: 5px;
    height: 7px;
    background: url(../../../public/images/index/sprite-700.png) no-repeat scroll 0 -621px transparent
}

.catList .cat-content a {
    overflow: hidden;
    height: 31px;
    font-size: 14px;
    line-height: 31px;
    color: #fff
}

.catList li {
    overflow: hidden;
    padding-left: 1px;
    height: 31px;
    padding-bottom: 3px
}

.catList li:hover {
    background: #fff
}

.catList p a {
    margin-right: 0;
    color: #666
}

.catList p a:hover {
    color: #666
}

.cat-subcategory {
    position: absolute;
    padding: 15px 0;
    top: 29px;
    left: 220px;
    z-index: 10;
    width: 710px;
    box-shadow: 0 3px 7px 0 rgba(0,0,0,.16);
    background: #fff;
    display: none
}

.shadow {
    position: relative
}

.shadow .cat-name {
    font-weight: 400;
    font-size: 16px;
    margin: 2% 0 1%
}

.shadow .cat-name a {
    color: #fff
}

.shadow a {
    color: #626262
}

.shadow-left {
    float: left;
    width: 670px;
    min-height: 100px
}

.shadow-left li {
    float: left;
    margin-top: 5px;
    padding-bottom: 5px;
    width: 670px;
    margin-right: 10px;
    line-height: 24px
}

.shadow-left li a {
    display: inline-block;
    margin-right: 10px;
    white-space: nowrap;
    color: #333
}

.entity-main {
    overflow: hidden;
    padding: 0 0 0 39px;
    height: 100%
}

.panel-group .cal_panel {
    box-shadow: none;
    margin-bottom: 20px
}

.headings {
    background: transparent!important
}

.panel_content {
    background: #3070d1;
    color: #fff;
    font-size: 14px
}

.my-panel {
    border: none;
    box-shadow: 0 1px 3px rgba(26,26,26,.1)
}

.my-panel .panel-body {
    padding: 5px 0
}

.my-panel .panel-body a {
    display: block;
    padding: 8px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 350;
    color: #77839c
}

.my-panel .panel-body li:hover {
    background: #f6f6f6
}

.calculators_all,.norm_all {
    margin-bottom: 4%;
    font-weight: 400
}

.calculator_title,.norm_title {
    font-size: 18px;
    margin: 5% 0
}

.calculators_all .calculator_classify a,.norm_all .norm_classify a {
    margin: 0 3%;
    line-height: 3rem
}

.calculators_all .calculator_classify a,.calculators_all .calculator_classify a:hover,.norm_all .norm_classify a,.norm_all .norm_classify a:hover {
    color: #333
}

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

.non-payment-order {
    padding: 0 50px;
    height: 56px
}

.orderhide {
    display: none
}

.order_prices {
    color: #ed6f32
}

.nopay-list {
    display: inline-block;
    padding-left: 30px;
    font-size: 16px;
    color: #000;
    line-height: 56px;
    text-align: left;
    background: #e5e5e5
}

.nopay-message {
    padding-top: 18px;
    font-size: 22px;
    color: #ff5c5c;
    text-align: center
}

.nopay-detail {
    padding-right: 10px
}

.continue-pay-wrap,.nopay-detail {
    display: inline-block
}

.failure-time {
    padding: 0 5px;
    color: #ff5c5c
}

.cancel-order {
    color: #5966ba
}

.continue-pay {
    display: block;
    padding: 0 20px;
    height: 100%;
    background: #ed6f32;
    color: #fff
}

.continue-pay:hover {
    color: #fff;
    background: #f17c41
}

.nopay_operation:hover {
    cursor: pointer
}

.help-link {
    float: left;
    margin-top: 12px;
    height: 28px;
    width: 151px
}

.yuanjia {
    margin-left: 30px
}

.payable-money {
    display: inline-block;
    padding: 7px 0 2px;
    border-top: 1px dashed #ddd
}

.youhui,.zhexian {
    padding: 2px 0 7px
}

.hot_tj {
    margin: 2% 0
}

.carousel_bottom {
    margin-bottom: 6%
}

.guanggaowei {
    margin-top: 4%;
    color: #999;
    text-align: center
}

.guanggaowei a {
    font-size: 16px;
    font-weight: 350
}

.guanggaowei a:hover {
    color: #00a0ea!important
}

.guanggaowei span {
    color: #e4393c;
    font-size: 18px
}

.add_advertis {
    padding-left: 12px
}

.contrast {
    margin-top: 2%
}

.vs_content {
    font-size: 20px;
    font-weight: 600
}

.vs_dulifei {
    position: relative
}

.vs_img {
    padding-left: 8px
}

.vs_dulifei span {
    position: absolute;
    top: 33%;
    font-size: 26px;
    left: 31%
}

.vs_items {
    color: #fff;
    font-size: 16px
}

.vs_type {
    position: absolute;
    left: -3%;
    padding: 0 5px;
    text-align: left;
    color: #94580c;
    background: #fdcd01
}

.vs_distinc {
    background: #9bbbe2;
    position: relative
}

.vs_distinc_one {
    background: #f4d390
}

.vs_distinc_two {
    background: #00a0e9
}

.vs_all>tbody>tr>td {
    border: 1px solid #fff
}

.vs_all>thead>tr>td {
    vertical-align: baseline;
    padding: 0!important
}

.contrast,div.servers,div.standard {
    padding-top: 2%;
    text-align: center;
    font-size: 16px;
    color: #4d4d4d;
    background: #fcfcfc
}

p.we_server {
    font-weight: 700;
    font-size: 24px;
    color: #4d4d4d
}

p.our_server {
    color: #4d4d4d;
    margin: 2% 0
}

div.standard div.server_center p.content {
    margin-top: .6%;
    padding-bottom: 5%
}

.vip_module {
    margin: 2% 0;
    border-right: 1px solid #ddd
}

.vip_module:last-child {
    border: none
}

.spend_type {
    border: none;
    padding-left: 8%
}

.switch_class {
    margin-top: 2px
}

.border_wapper {
    z-index: 100
}

.coupon .coupon_message,.discountsWrapper {
    font-size: 16px;
    color: #383838
}

.coupon .coupon_switch {
    margin-top: 3.6%
}

.discount_money,.discounts,.trade_money {
    display: none
}

.discounts-all em {
    font-style: normal
}

.discountsWrapper {
    margin-top: 10px
}

.actualMoney {
    margin-right: 10px;
    font-weight: 500;
    font-size: 18px;
    color: #ff6000;
    display: inline-block
}

.server_boot {
    padding-bottom: 2%;
    background: #fff
}

.demonstration {
    margin-top: 1%;
    padding-top: 3%
}

.demonstration_title {
    font-size: 26px;
    color: #4d4d4d;
    margin-top: 4%
}

.demonstration_main {
    margin-top: 12%
}

.demonstration_main .demonstration_top {
    color: #0078d7;
    font-size: 20px
}

.demonstration_main .demonstration_describe {
    color: #717477;
    font-size: 14px;
    margin: 7% 0
}

.standard_set {
    overflow-y: scroll;
    max-height: 242px;
    resize: vertical
}

.zjzxf_instro {
    margin-top: 3%
}

.develop .develop_top {
    background: rgba(50,111,199,.9);
    text-align: center;
    color: #fff
}

.develop .develop_top p.according {
    font-size: 24px;
    padding-top: 2%;
    padding-bottom: 1%
}

.develop .develop_top p.related {
    font-size: 18px;
    padding-bottom: 1%
}

.operation {
    padding-bottom: 2%
}

.operation p {
    text-align: center
}

.operation p a {
    background: #00a0ea;
    color: #fff;
    border-radius: 4px
}

.operation p a:hover {
    background: #00a6f3
}

.content_titles {
    color: #3881d1
}

.panel-default>.panel-heads {
    color: #fff;
    background: #3881d1;
    border: none
}

.badge {
    background-color: #3881d1
}

.list-group-item {
    border: 1px solid #3881d1
}

.nav>li>a.hards {
    padding: 10px 9px
}

.pay_ways>li {
    font-size: 0
}

.pay_ways>li>a.types {
    display: inline-block;
    width: 170px;
    border-radius: 0;
    text-indent: 4px
}

.pay_ways>li>a.types>span {
    font-size: 14px;
    vertical-align: middle;
    margin-left: 20px
}

.buy_content .pay_ways>li {
    background: #fff!important
}

.buy_content .pay_ways>li>a:hover {
    background: #ddd!important;
    color: #79a4fe!important
}

.nav>li>a.pay_titles {
    padding: 12px 45px
}

.buy_num {
    text-align: left!important
}

.sure_choose {
    margin-top: 10%
}

.btn-primary {
    background: #00a0ea!important
}

.has-error .input-group-addon {
    background-color: transparent!important;
    color: #e4393c!important
}

.has-error .form-control {
    border-color: #e4393c
}

.errors {
    padding: 0 0 2% 4%;
    color: #e4393c
}

.defaults,.errors {
    display: inline-block
}

.defaults {
    color: #ccc
}

.designs {
    border-right: 1px solid #ddd;
    margin-top: 3%
}

.nav-tabs {
    border: none
}

.shapping_order {
    border-bottom: 1px solid #3788e4
}

.shapping_content {
    border: 1px solid #3788e4;
    border-top-color: transparent;
    padding: 1% 2%
}

.nav-tabs>li {
    margin: 1% 5% 2% 0
}

.shapping_order li {
    margin: 1% 6% 0 0
}

.nav-tabs>li.search_value {
    margin: 0;
    width: 100px
}

.search_key {
    color: #00a0e9;
    padding-left: 20px
}

.search-list>li {
    padding: 16px 0;
    border-top: 1px solid #eee
}

.sl-cal a {
    font-size: 16px;
    font-weight: 600
}

.sl-cal a:hover {
    text-decoration: underline
}

.sl-float {
    margin-top: 15px
}

.sl-float span {
    margin: 0 20px 10px 0;
    padding: .3em .9em;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 350
}

.sl-cals span {
    background: #f1f8ff;
    color: #0366d6
}

.sl-cals span:hover {
    background: #def
}

.sl-publish {
    margin-top: 15px;
    font-size: 12px;
    font-weight: 350
}

.nav-tabs>li.active>a {
    background: #3788e4!important;
    color: #fff!important
}

.buy_content .pay_ways>li.active>a {
    border: 2px solid #32ce27!important;
    background: #fff!important;
    color: #3788e4!important
}

.shapping_order>li.active>a {
    border-bottom-color: transparent!important;
    cursor: pointer
}

.nav-tabs>li>a {
    border: 1px solid #3788e4;
    border-bottom-color: transparent
}

.buy_content .pay_ways>li>a {
    border: 1px solid #ddd!important
}

.nav-tabs>li>a:hover {
    color: #fff!important;
    background: #3788e4!important
}

.shapping_order>li>a {
    border-radius: 0!important;
    border-bottom-color: transparent!important
}

.percent strong {
    font-size: 16px;
    font-weight: 300;
    color: #3788e4
}

.percent {
    display: inline-block
}

.sliderbar-container {
    font-size: 14px;
    background: #fff
}

.demo {
    margin: 35px auto 0
}

.border_line {
    position: absolute;
    width: 1px;
    left: 549px;
    height: 87%;
    background-color: #1eb615;
    overflow: hidden
}

.check_more h2 a.select_more {
    margin-left: 90px;
    margin-top: 30px
}

.main-im {
    position: fixed;
    right: 10px;
    top: 40%;
    z-index: 100;
    width: 110px;
    height: 272px
}

.main-im .qq-a {
    display: block;
    width: 106px;
    height: 116px;
    color: #0484cd;
    text-align: center;
    position: relative
}

.main-im .qq-a span {
    bottom: 5px;
    position: absolute;
    width: 90px;
    left: 10px
}

.main-im .qq-hover-c {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    position: absolute;
    left: 20px;
    top: 15px;
    overflow: hidden;
    z-index: 9
}

.main-im .qq-container {
    z-index: 99;
    position: absolute;
    width: 109px;
    height: 118px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #ddd;
    background: url(../../../public/images/index/qq-icon-bg.png) no-repeat center 8px
}

.main-im .img-qq {
    max-width: 60px;
    display: block;
    position: absolute;
    left: 6px;
    top: 3px
}

.main-im .im_main {
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #f9fafb
}

.main-im .im_main .im-tel {
    color: #000;
    width: 109px;
    height: 252px
}

.main-im .im_main .im-tel div {
    margin-top: 8px;
    text-align: center
}

.main-im .close-im {
    position: absolute;
    right: 10px;
    top: -12px;
    z-index: 100;
    width: 24px;
    height: 24px
}

.main-im .close-im a {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../../../public/images/index/close_im.png) no-repeat 0 0
}

.main-im .close-im a:hover {
    text-decoration: none
}

.main-im .open-im {
    display: none;
    cursor: pointer;
    margin-left: 68px;
    width: 40px;
    height: 133px;
    background: url(../../../public/images/index/open_im.png) no-repeat 0 0
}

.main {
    margin: 30px 0
}

.getDiscount,.mySuggest {
    background: #e4393c;
    color: #fff;
    padding: 4px 18px
}

.mySuggest {
    margin: 5% 0
}

.mySuggest:focus,.mySuggest:hover,.sign_modal:focus {
    background: #fff;
    border: 1px solid #221515;
    color: #e4393c
}

.sign_btn {
    margin: 6% 0 0
}

.getDiscount {
    display: inline-block;
    background: #3071d1;
    border: 1px solid transparent;
    margin: 6% 0;
    border-radius: 4px;
    font-size: 14px
}

.getDiscount:hover {
    background: #fff;
    border-color: #3071d1;
    color: #3071d1
}

#order_time,.suss_sign {
    display: none
}

#gain_sign,.succ_gain {
    font-size: 16px;
    margin-top: 3%;
    color: #666
}

.yet_sign {
    width: 89px
}

.navs {
    margin: 2% 0;
    font-size: 14px
}

.nows {
    color: #0956c9
}

#calcu_jsgc {
    overflow-y: auto;
    height: 86px
}

.calculator .calculator_top {
    margin: 1% 0;
    border-bottom: 2px solid #0956c9
}

.calculator .calculator_top p.navs {
    color: #0956c9;
    font-size: 14px;
    padding-left: 2%;
    padding-bottom: .5%
}

.calculator .calculator_top p.navs a,.calculator .calculator_top p.navs a:hover {
    color: #0956c9
}

.above {
    margin-bottom: 2%
}

.above .carousel-indicators li {
    width: 12px;
    height: 12px;
    border: 1px solid #1655c7
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    background: #0956c9
}

.above_right {
    text-align: left;
    color: #fff
}

.standard_look {
    margin-bottom: 3%
}

#phone_standard {
    display: none
}

.above_right p.hoter,.above_right p.hoters {
    font-size: 16px;
    background: #0956c8;
    padding: 4% 9%;
    border-radius: 5px
}

.above_right p.hoters {
    border-radius: 0
}

.above_right div.hoter_all {
    padding: 1% 0 2% 2%;
    color: #333;
    font-size: 14px;
    border: 1px solid #0956c9;
    border-top: none;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.above_right div.hoter_all p {
    padding: 2%
}

.above_right div.hoter_all p a {
    padding: 2.5% 2% 3% 3%;
    margin-left: 3%;
    background: #3788e4
}

.above_right div.hoter_all p a,.designing_cost {
    display: inline-block;
    color: #fff;
    border-radius: 5px
}

.designing_cost {
    padding: 1% 2%;
    background: #e43;
    margin: 2% 0
}

.circles,.gts {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 17px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #fff
}

.circles {
    border: 1px solid #3788e4
}

.above_right div.hoter_all p:first-child {
    padding-top: 5%
}

.above_right div.hoter_all p:last-child {
    padding-bottom: 6%
}

div.bottoms {
    background: #0956c9;
    margin-bottom: 1%
}

div.bottoms div.project_right div.classification_all {
    background: #fff;
    margin: 3% 0 1%;
    border-radius: 5px
}

div.bottoms div.project_right div.classification_all div.classification p {
    padding: 2% 0 0 2%
}

div.bottoms div.project_right div.classification_all div.classification p b {
    width: 0;
    height: 0;
    border-top: 13px solid #0956c9;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    display: inline-block
}

div.bottoms div.project_right div.classification_all div.classification p span {
    display: inline-block;
    padding: 0 0 1% 3%;
    font-size: 16px;
    color: #0956c9;
    margin-bottom: .5%;
    border-bottom: 1px solid #0956c9
}

div.all_counter {
    padding: 2% 2% 0;
    line-height: 24px
}

div.all_counter a.standard_calculator {
    border: 1px solid #0956c9;
    display: inline-block;
    padding: 1%;
    margin: 0 0 2% 2%;
    font-size: 14px;
    border-radius: 5px
}

div.all_counter a:hover {
    background: #3788e4;
    color: #fff
}

div.all_counter div.bocome_more {
    padding-bottom: 2%
}

div.all_counter div.bocome_more div.borders {
    display: inline-block;
    border: 1px solid #0956c9;
    height: 1px
}

div.bocome_more span.more {
    display: inline-block;
    position: relative;
    top: 2px;
    padding: 0 10px
}

div.all_counter div.bocome_more a {
    color: #0956c9;
    font-size: 14px
}

.all_counter p,.all_counter span {
    font-size: 14px!important
}

div.bocome_more a:hover {
    background: #fff
}

.project_left {
    margin-top: .4%
}

.project_left p.titles {
    padding: 1% 0;
    background: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 16px;
    color: #0956c9
}

.project_left p.titles span {
    display: inline-block;
    margin: 3% 0
}

.project_left ul.nav-tabs {
    width: 200px;
    background: #fff;
    margin-top: 20px;
    color: #5c5c5c;
    box-shadow: 0 1px 4px rgba(0,0,0,.067)
}

.project_left ul.nav-tabs li {
    margin: 0
}

.project_left ul.nav-tabs li:first-child {
    border-top: none
}

.project_left ul.nav-tabs li a {
    margin: 0;
    padding: 6px 16px;
    border-radius: 0;
    color: #000;
    font-weight: 350
}

.project_left ul.nav-tabs li.active a,.project_left ul.nav-tabs li a:hover {
    color: #fff;
    background: #0956c9
}

.project_left ul.nav-tabs li.active a:hover {
    color: #fff;
    background: #0956c9;
    border: 1px solid #0956c9
}

.project_left ul.nav-tabs.affix {
    top: -10px
}

.affix {
    position: fixed
}

.affix-bottom {
    position: absolute
}

.project_info {
    text-align: left;
    padding: 2% 0 3% 25px;
    color: #333
}

.project_mess {
    padding-bottom: 2%
}

.default_report {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 2% 1%;
    margin: 2% 0
}

.default_report:hover {
    background-color: #3071d1!important;
    color: #fff!important
}

.calculator_detail {
    background: #f7f7f7
}

.calculator_detail>div {
    position: relative
}

.calculator_center {
    margin-bottom: 1%
}

.design_left,.design_right {
    background: #fff
}

.hoter_recommend {
    margin-bottom: 2%
}

.design_left {
    padding-bottom: 6%
}

.groups {
    margin-bottom: 4%
}

.input_titles {
    background-color: transparent;
    border: none;
    border-radius: 0
}

.input_nums {
    border-right: 1px solid #ccc
}

.chooses {
    background: #3881d1;
    border-radius: 0;
    color: #fff
}

.count_btn_yjjs {
    display: none;
    z-index: 199;
    position: fixed;
    padding: 10px 0;
    bottom: 0;
    background: #fff;
    box-shadow: 0 0 1px 0 #ccc;
    opacity: 0
}

.count_btn button {
    border-radius: 34px
}

.looks {
    background: #5db75d;
    color: #fff;
    border-radius: 0
}

.design {
    padding: 5% 2%;
    font-size: 16px;
    color: #3881d1
}

.design_fee {
    display: inline-block;
    padding-left: 3%
}

.calculate {
    display: inline-block;
    background: #3881d1;
    padding: 5% 11%;
    color: #fff
}

.calculator_content {
    font-size: 14px;
    color: #444;
    font-weight: 350
}

a.my-calculator {
    color: #fff;
    text-decoration: underline
}

a.my-calculator:hover {
    color: #4cd384
}

.above_right div.hoter_all p a.standard_fee {
    background: #e43;
    margin: 2% 0
}

.classify {
    font-size: 16px;
    padding: 5% 6%;
    margin-bottom: 6%
}

.classify li {
    border-bottom: 1px solid #ddd;
    padding: 5% 0
}

.classify li a {
    padding-left: 3%
}

.way,.ways {
    background: #fff;
    margin-top: 2%;
    color: #3881d1;
    padding-bottom: 5%;
    margin-bottom: 2%
}

.ways {
    margin-top: 0
}

.formula,.formulas {
    color: #333;
    margin: 2%
}

.formulas {
    color: #3881d1
}

.cont,.yjjs_alert_cont,.yjjs_cont {
    text-align: center;
    font-size: 16px
}

.prom,.promptes {
    margin-top: 8%
}

.promptes a {
    padding: 2% 10%;
    display: inline-block
}

#cr_ytgckcf_fzcd .input-group-addon {
    padding: 6px 3px
}

.calculate_kind {
    background: #29e;
    font-size: 14px;
    text-indent: 0
}

.calculate_kind a {
    color: #fff;
    display: inline-block;
    padding: 1% .2% 1% .5%
}

.calculate_kind a:focus {
    background: #09c
}

.calculate_kind a:hover {
    color: #ccf
}

.pgdj_jb {
    line-height: 4!important
}

.mayActivity,.newtips {
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 100%;
    display: none
}

.mayActivity .ts-cover,.newtips .ts-cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7)
}

.newtips .ts-cover {
    display: block
}

.mayActivity .ts-con,.newtips .ts-con {
    width: 100%;
    height: 100%
}

.mayActivity .ts-con div,.newtips .ts-con>div {
    position: absolute;
    cursor: pointer;
    display: none;
    font-size: 30px;
    line-height: 1.6em;
    font-weight: bolder
}

.mayActivity .one {
    width: 723px;
    height: 523px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -357px;
    margin-top: -262px
}

.newtips .ts-con .one {
    top: 332px;
    left: 325px;
    display: block
}

.newtips .ts-con .two {
    top: 383px;
    left: 325px
}

.newtips .ts-con .three {
    top: 187px;
    right: 188px
}

.newtips .ts-con .fore {
    top: 223px;
    right: 37px
}

.newtips .ts-con .five {
    color: #fff;
    top: 259px;
    left: calc(50% - 100px);
    text-align: center
}

.newtips .five label {
    font-size: 14px;
    cursor: pointer
}

.newtips .five input {
    width: 1.2em;
    height: .6em;
    vertical-align: middle
}

.newtips .ts-con .one.stand {
    top: -59px;
    left: -179px;
    display: none
}

.newtips .ts-con .fore.stand {
    top: -43px;
    left: 3px
}

.newtips .ts-con .five.stand {
    color: #fff;
    top: 259px;
    left: calc(50% - 100px);
    text-align: center
}

#downloadUrl {
    display: block;
    margin: 15px 0 0 10px;
    padding-left: 25px;
    width: 108px;
    height: 20px;
    line-height: 20px;
    background: url(/images/index/xbt.png) no-repeat 0 -91px/40px 160px;
    transition: .3s
}

#downloadUrl:hover {
    background-position: 0 -114px
}

.noticePage {
    color: #333;
    font-weight: 400;
    letter-spacing: 1px
}

.noticePage .np-bg {
    position: relative
}

.noticePage .np-bg>img {
    display: block;
    width: 100%;
    height: auto
}

.noticePage .np-top {
    position: absolute;
    top: calc(50% - 54px);
    left: calc(50% - 290px);
    margin: 0 auto;
    width: 580px;
    height: auto;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.noticePage .np-top>p:first-child {
    padding-bottom: 10px;
    font-size: 36px;
    font-weight: bolder;
    line-height: 56px
}

.noticePage .np-top>p:last-child {
    font-size: 18px;
    line-height: 32px
}

.noticePage .np-container {
    margin: 50px auto 20px
}

.noticePage .np-container>ul>li {
    box-shadow: 0 1px 3px rgba(26,26,26,.1);
    margin-bottom: 10px
}

.noticePage .np-title {
    position: relative;
    background: #f9f9fa;
    font-size: 18px;
    line-height: 50px;
    background-color: #f9f9fa;
    overflow: hidden
}

.noticePage .np-title .np-left {
    padding: 2px 0 2px 80px;
    background: url(../../../public/images/notice/rl.png) no-repeat 15px
}

.noticePage .np-title>span {
    height: 50px
}

.noticePage .np-content {
    padding: 10px;
    font-size: 14px
}

.noticePage .np-date {
    position: absolute;
    right: 210px
}

.noticePage .np-sub {
    display: block;
    text-align: center;
    font-weight: 700;
    color: #fff;
    background-color: #2163c4;
    cursor: pointer
}

.noticePage .np-sub:hover {
    background-color: #2b6dce
}

.noticePage .np-show {
    position: absolute;
    right: 0;
    width: 60px;
    height: 50px;
    cursor: pointer
}

.np-up {
    background: url(../../../public/images/notice/down.png) no-repeat 50%
}

.np-down {
    background: url(../../../public/images/notice/up.png) no-repeat 50%
}

.noticePage .np-info {
    line-height: 42px;
    font-size: 16px;
    text-align: right;
    border-bottom: 1px solid #eee
}

.noticePage .np-three .np-title {
    box-shadow: 0 2px 3px rgba(32,32,32,.2)
}

.noticePage .np-three .np-content {
    overflow: hidden;
    height: 0;
    padding: 0;
    background-color: #fcfcfc;
    transition: all .5s
}

.noticePage .np-three .np-content.closePanel {
    height: auto;
    padding: 10px;
    transition: all .5s
}

.noticePage .np-log {
    margin-bottom: 3px
}

.noticePage .npt-title {
    margin: 15px 0;
    font-size: 18px
}

.noticePage .npt-content li {
    margin: 7px 0
}

@media screen and (max-width: 1200px) {
    .noticePage .np-container {
        width:100%
    }
}

@media screen and (max-width: 580px) {
    .noticePage .np-top {
        width:100%;
        top: 20px;
        left: 0
    }

    .noticePage .np-bg>img {
        width: 100%;
        height: 100%
    }

    .noticePage .np-top>p:first-child {
        padding-bottom: 5px;
        font-size: 20px;
        font-weight: bolder;
        line-height: 30px
    }

    .noticePage .np-top>p:last-child {
        font-size: 12px;
        line-height: 20px
    }
}

.left-line {
    display: inline-block;
    height: 1em;
    vertical-align: top;
    overflow: hidden
}

.aboutMess,.common-copyright,.detail1Show,.detailShow {
    display: none
}

.webCustomerServiceBox {
    opacity: 1;
    margin: 0 auto
}

.webCustomerServiceBox .customerServiceDiv {
    position: fixed;
    box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6);
    -webkit-box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6);
    -moz-box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6);
    left: 0;
    bottom: 0;
    height: 110rem;
    z-index: 101;
    background-color: #fff;
    width: 100%
}

.webCustomerServiceBox .service {
    height: 50px;
    float: left;
    text-align: center
}

.aboutMess {
    display: block;
    border-top: 1px solid #ddd;
    padding: 2%
}

.detail1Show,.detailShow {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(7,17,27,.8)
}

.detailWrapper {
    text-align: center;
    margin: auto;
    width: 100%;
    min-height: 100%
}

.showdetail {
    display: block
}

.hidedetail {
    display: none
}

.detailContent {
    background: #fff;
    margin-top: calc(33% + 7px);
    position: relative;
    padding: 11% 0;
    margin-left: 12%;
    margin-right: 12%
}

.closeTimes {
    position: absolute;
    top: 10px;
    right: 10px;
    font-weight: 700
}

.common-copyright {
    display: block;
    text-align: center;
    margin: 0 0 4%;
    padding: 2% 0;
    border-top: 1px solid #ddd
}

.convertTxt {
    margin: 8% 0 7.5%;
    font-size: 20px;
    color: #444
}

.convertCoupon {
    display: inline-block;
    background: #e4393c;
    color: #fff;
    padding: 1% 2%;
    font-size: 14px
}

.coupon-items {
    margin: 0 0 4.3%
}

.coupon-item .c_type {
    background-color: #74d2d4
}

.c_type {
    position: relative;
    width: 100%;
    height: 156px;
    padding: 30px 0 0;
    overflow: hidden;
    color: #fff;
    text-align: center
}

.c_logo {
    position: absolute;
    top: 4px;
    left: 3px
}

.c_rubbish {
    position: absolute;
    top: 10px;
    right: 10px
}

.c_type em {
    font-family: verdana;
    font-size: 34px;
    font-style: normal
}

.c_type strong {
    line-height: 34px;
    font-size: 34px;
    font-family: Arial
}

.c_type .c_limit {
    height: 44px;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    margin: 0 5px 5px
}

.c_type .c_time {
    font-size: 14px;
    color: #4c4c4c
}

.c_msg,.c_type_bottom {
    background: #f9f9f9
}

.c_msg {
    height: 148px;
    padding: 15px 0 0;
    position: relative
}

.c_range {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 17px
}

.range-item {
    display: block;
    margin: 0 0 10px
}

.range-item .c_item :first-child {
    margin-top: 20px
}

.range-item .c_item :nth-child(2) {
    margin-top: 10px
}

.range-item .labels {
    color: #999;
    display: inline-block;
    text-align: right
}

.range-state {
    position: absolute;
    top: 36%;
    right: 0
}

.range-item .txt {
    display: inline-block;
    color: #999
}

.op-btns {
    text-align: center;
    margin-top: 10px
}

.op-btns a {
    display: inline-block;
    width: 80px;
    height: 26px;
    line-height: 12px;
    border-radius: 12px;
    font-size: 14px;
    color: #ccc;
    border: 1px solid #ccc
}

.tab {
    display: none;
    margin-top: 40px
}

.tab.active {
    display: block
}

.con_all {
    margin-top: 1%
}

.my_conversion {
    text-align: left;
    border-bottom: 1px solid #ccc;
    margin: 1px 8% 0 2%
}

.my_conversion li {
    display: inline-block;
    width: 15%;
    color: #343434;
    font-size: 16px
}

.my_conversion li a {
    padding: 0 5% 10px
}

.border_1px {
    display: inline-block;
    color: #00a0ea;
    border-bottom: 2px solid #00a0ea
}

#vip_coupon .contents {
    text-indent: 0!important
}

@media (min-width: 768px) {
    #vip_coupon .modal-lgs {
        width:975px
    }

    #vip_coupon .modal-dialog {
        width: 975px;
        margin: 30px auto
    }

    #vip_coupon .modal-lgs .c_type_right .half_circle {
        left: 200px
    }
}

.red-packet {
    z-index: 100;
    position: fixed;
    top: -3px;
    left: 86%;
    width: 150px;
    height: 90px
}

.red-packet img {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 2px 2px #000
}

.red-packet a {
    position: absolute;
    left: 46px;
    top: 35px;
    display: block;
    width: 100%;
    height: 100%;
    outline: none
}

.projects {
    text-align: center
}

.nav-pills>li.projects>a,.projects {
    background: #e43!important
}

.project_type {
    background: #0956c8!important;
    text-align: center
}

.project_type a,.project_type a:focus,.project_type a:hover {
    background: #0956c8!important;
    color: #fff
}

.essay {
    background: #fff;
    padding-bottom: 2%;
    margin-bottom: 2%
}

.essay_title {
    text-align: center;
    color: #333;
    font-size: 22px;
    padding: 6%;
    line-height: 3rem;
    border-bottom: 1px solid #ddd
}

.essay_all p {
    line-height: 36px
}

.essay_all {
    color: #555
}

.eassy_content,.rules {
    margin: 2%
}

.price_title {
    margin-top: 2%
}

.nexts,.previous {
    display: inline-block;
    background: #ddd;
    padding: 0 3%
}

.nexts {
    background: #0b63d1
}

.radio .radios {
    margin-left: 0!important;
    margin-right: 5px
}

.input-group .select_tyle {
    border: 0 solid;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 33%;
    float: left;
    font-size: 14px;
    padding: 0 2% 0 3%;
    margin-top: 2%
}

.input-group .select_input_tyle {
    width: 67%
}

.ask_questions {
    -webkit-text-stroke-width: 0;
    background-color: #fafafa;
    color: rgba(0,0,0,.701961);
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 14px;
    padding: 5px;
    white-space: normal;
    word-spacing: 0
}

.help_banner {
    margin-top: .5%
}

.help_center {
    background: #f7f7f7
}

.help_left {
    font-size: 14px
}

.help_top {
    background: #fff
}

.report_top {
    border: 1px solid #ddd
}

.report_all {
    margin-bottom: 2%
}

.help_list {
    padding: 4% 0;
    margin-top: 9%
}

.help_list .help_item,.report_list .help_item {
    border-bottom: 1px solid #ddd;
    height: 50px
}

.template-item {
    display: block;
    height: 100%;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #ddd
}

.help_list .help_item {
    line-height: 50px
}

.help_item a.help_link {
    width: 100%;
    height: 50px;
    font-size: 16px;
    display: inline-block;
    color: #666;
    line-height: 50px
}

.help_item .help_link .help_title {
    display: inline-block;
    text-align: center;
    width: 78%
}

.help_item .help_link .help_icon {
    display: inline-block;
    width: 20%
}

.website_list {
    width: 98px;
    height: 98px;
    text-align: center;
    border: 1px solid #ddd
}

.website_list a:hover {
    color: #fff
}

.website_list .date_day {
    padding: 20px 0;
    font-size: 24px;
    font-weight: 600;
    color: #666
}

.help_link:focus,.help_link:hover {
    background: #00b3fd;
    color: #fff!important
}

.website_list .date_time {
    color: #999
}

.appellation {
    border-bottom: 1px solid #ddd;
    border: 1px solid #00d3fd
}

.affiche_heading {
    font-size: 18px;
    color: #222
}

.appellation_title {
    color: #666;
    font-size: 14px
}

.help_list .help_item:last-child,.report_list .help_item:last-child {
    border-bottom: none
}

.help_calculator {
    margin-top: 5%;
    padding-bottom: 8%
}

.hot_title {
    background: #3071d1;
    text-align: center;
    padding: 3%;
    color: #fff
}

.recommend_goods {
    background: #fff;
    padding: 8% 5%
}

.goods_list {
    margin-bottom: 3%
}

.goods_list a {
    display: inline-block;
    border: 1px solid #3071d1;
    padding: 4% 14%;
    -webkitborder-radius: 5px;
    border-radius: 5px;
    color: #3071d1
}

.help_right {
    background: #fff;
    margin-top: 2%;
    padding-bottom: 8%
}

.right_titles {
    padding: 2% 1% 1% 0;
    border-bottom: 1px solid #ddd;
    color: #3071d1
}

.calculatordetail_title,.right_titles .about_title {
    color: #3071d1;
    width: 14%;
    padding-bottom: 2%;
    margin-top: .8%
}

.calculatordetail_title {
    width: 48%
}

.recommend_yjjs {
    text-align: right;
    padding-right: 2%
}

.recommend_yjjs a {
    display: inline-block
}

.js_formula {
    border-bottom: none;
    margin-bottom: 0
}

.about_title span,.calculatordetail_title span,span.borders {
    display: inline-block
}

span.borders {
    height: 15px;
    overflow: hidden;
    vertical-align: top
}

.about_img {
    text-align: center;
    padding: 5% 0
}

.contents_all {
    line-height: 2rem
}

.contents {
    text-indent: 18px;
    margin-bottom: 3%
}

.questions {
    border-bottom: 1px solid #ddd;
    padding: 2% 0
}

.quesetion_title {
    margin: 2% 0 4%
}

.ques {
    font-size: 20px;
    font-weight: 400;
    color: #000
}

.gain_all {
    color: #666
}

.gain_ways {
    margin: 2% 0
}

.gain_ways p {
    font-size: 16px;
    color: #333
}

.gain_titles {
    margin: 20px 0 5px;
    font-size: 16px
}

.gain_section {
    line-height: 24px;
    padding-left: 20px
}

.look_detail {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 1% 5%;
    -webkitborder-radius: 5px;
    border-radius: 5px
}

.look_detail:hover {
    background: #2ea8e5;
    color: #fff
}

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

.server_hint {
    color: #000;
    font-size: 18px;
    font-weight: 800;
    padding-bottom: 2%
}

.company,.hint,.server,guide_all {
    padding: 6% 3%
}

.company_top {
    line-height: 2.2rem;
    margin-bottom: 5%
}

.d_imgs {
    border: 1px solid #ddd
}

.d_wx {
    text-align: center;
    margin-top: 5%
}

.d_numbers {
    margin-top: 3%
}

.choose_step {
    margin: 3% 0
}

.choose_step .step_one {
    color: #e4110f
}

.web_project {
    background: #fff
}

.web_projects {
    background: #ddd
}

.members {
    background: #d4e5ff
}

.memberss {
    background: #ebf3fe
}

.vip_member {
    background: #fea733
}

.vip_members {
    background: #ff9000
}

.table>tbody>tr>td,.table>tfoot>tr>td {
    vertical-align: baseline;
    border-top: none
}

.table>thead>tr>th {
    border-bottom: none
}

.calculate_type>tbody {
    border: 1px solid #ddd
}

.calculate_type>tbody>tr>td {
    border-bottom: 1px solid #ddd
}

* {
    box-sizing: border-box
}

.save_template {
    margin-top: 12%
}

.emails_reset {
    margin-top: 5%;
    padding: 4% 0 10%
}

#c_vip,#s_vip {
    display: none
}

.visitor_type {
    text-align: right;
    padding: 3% 0 4%
}

.visitor_ways {
    font-size: 14px;
    padding: 5% 0
}

.jhyx {
    margin-top: 14%
}

.jhyx a {
    display: inline-block;
    background: #0b63d1;
    color: #fff;
    padding: 2% 5%
}

.emails_head {
    padding-top: 3%
}

.verify_types {
    margin-top: 3%
}

.u-TopImg {
    margin-top: 2.8%
}

.u-member {
    padding: 1% 1.7%!important
}

.u-navs {
    display: none
}

.cooperation {
    margin-top: 2%;
    display: inline-block;
    text-align: right
}

h1 {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    margin-top: 80px
}

h1 a {
    color: #c12c42;
    font-size: 16px
}

.accordion {
    width: 100%;
    max-width: 180px;
    margin: 30px auto 20px;
    background: #fff;
    color: #333;
    font-weight: 350
}

.submenu li a.i-border {
    color: #1890ff;
    background-color: #e6f7ff;
    box-shadow: inset -3px 0 0 0 #1890ff
}

.accordion .link {
    display: block;
    padding: 10px 15px 10px 17px;
    color: #00a0ea;
    font-size: 16px
}

.submenu a {
    display: inline-block;
    width: 100%;
    padding: 8px 8px 5px 42px;
    font-size: 14px;
    color: #333
}

.submenu a:focus,.submenu a:hover {
    box-shadow: inset -3px 0 0 0 #1890ff;
    color: #1890ff;
    background-color: #e6f7ff
}

.mess {
    margin-top: 1%
}

.tel_nums {
    display: inline-block;
    margin-top: 3%
}

.baocun,.place_unbind {
    margin-top: 1%
}

.baocun {
    color: #0956c9!important;
    border: 1px solid #0956c9;
    background: #fff;
    display: inline-block;
    padding: 1% 5.5%
}

.save {
    padding-bottom: 5%
}

.self_tops,p.self_top {
    margin: 2% 0;
    padding: 2% 0;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    font-weight: 450
}

.self_tops {
    margin: 2% 0
}

.jf_top {
    padding: 3% 0;
    border-bottom: 1px solid #ddd
}

.jf_href,.jf_href:hover {
    font-size: 16px;
    margin-top: 1.9%;
    color: #fff;
    background: #6f9ce0;
    padding: 1%
}

.vip_href,.vip_href:hover {
    font-size: 16px;
    color: #fff;
    background: #6f9ce0;
    text-indent: 0;
    margin: 3% 0;
    padding: 1.5% 3%
}

.vip_href_top {
    padding-right: 7%
}

.user_home {
    background: #edecf1
}

.amend_content {
    margin: 2.6% 0;
    background: #fff;
    box-shadow: 0 1px 3px rgba(26,26,26,.1)
}

p.self_top span {
    display: inline-block;
    font-size: 16px;
    padding-left: 7px
}

.pwd_intensity span {
    width: 25%
}

.login_background {
    background-image: url(../../../public/images/dl.jpg);
    width: 100%;
    height: 346px;
    background-size: cover;
    position: fixed
}

.login_yanzheng {
    border: 1px solid #ddd;
    padding: .5% 2%
}

.login_last p {
    display: inline-block;
    font-size: 14px;
    color: grey
}

.login_panel {
    background: hsla(0,0%,100%,.7);
    filter: alpha(opacity=70)
}

.pwd_intensity {
    text-align: center;
    margin-top: 5%;
    color: #fff
}

.pwd_intensity span {
    display: inline-block;
    font-size: 14px;
    background: #ddd;
    width: 28%;
    padding: .8% 0
}

.pwd_intensity span.ruo,.pwd_intensity span.zhong {
    margin-right: 10px
}

.login_last p.login_yanzheng {
    width: 20%;
    text-align: center
}

.login_last p.login_yanzheng a:hover {
    color: #0956c9
}

.at_once {
    color: #0956c9;
    font-size: 14px;
    text-decoration: underline;
    background: transparent;
    border: none
}

.at_once:focus,.at_once:hover {
    color: #0956c9!important;
    border: none;
    background: transparent
}

.pw_defule {
    background: #ddd
}

.pw_strong {
    background: #e4393c
}

.pw_medium {
    background: #0956c9
}

.pw_weak {
    background: #f78115
}

p.jifen_left {
    display: inline-block
}

.jifen_title {
    margin-top: 2px;
    padding-left: 0
}

.inquiry {
    font-size: 16px
}

div.jifen_right {
    padding: 1% 2%;
    text-align: center;
    display: inline-block;
    border: 1px solid #ddd;
    font-size: 14px
}

div.jifen_right .jifen_rtop {
    font-size: 14px;
    padding-bottom: 2%
}

div.jifen_right .num {
    color: #ff6400;
    font-size: 16px
}

div.jifen_right .lingqu {
    background: #ff6400;
    display: inline-block;
    color: #fff;
    padding: 1% 2.5%;
    border-radius: 5px
}

.jifen_title {
    display: inline-block;
    font-size: 14px;
    color: #7e7e7e;
    margin-top: 8px
}

.table {
    overflow-x: auto;
    margin-top: 10px
}

.table,.table th {
    text-align: center
}

.table th {
    background: #6e9bdf;
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

.table th.xiangq {
    text-align: left
}

.table tr.contnet1 {
    text-align: left;
    font-size: 14px
}

.table tr.contnet1 span {
    color: #0956c9
}

.table tr.contnet1 img {
    float: right
}

.contnet2 {
    text-align: left;
    font-size: 12px
}

.content_share {
    font-size: 16px;
    color: #414650
}

.share_top {
    padding: 2%
}

.share_images {
    display: inline-block;
    margin: 0 3%
}

.share_title {
    color: #333;
    padding: 3%
}

.share_all,.share_time {
    margin: 3% 0
}

.share_all {
    display: block
}

.share_friends {
    border: 1px solid #ddd;
    padding: 2% 2px
}

.share_content {
    font-size: 14px;
    line-height: 2.5rem
}

.share_ts {
    display: inline-block;
    margin-top: 10px;
    font-weight: 500;
    font-size: 14px;
    margin-right: 5px
}

.share_bottom,.share_bottom a {
    color: #999;
    margin: 2% 0
}

.triangle {
    width: 0;
    height: 0;
    display: block;
    margin-left: 30%;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ddd
}

.search_key {
    padding: 2% 0 1%
}

.search_key span {
    color: #3788e4;
    font-size: 16px
}

.search_title {
    background: #eff8ff;
    color: #3788e4;
    padding: 2% 0;
    font-size: 14px;
    font-weight: 500
}

.search_last,.share_content {
    padding: 2% 0
}

.contnet2 p {
    line-height: 2em
}

.table tr.contnet2 span {
    color: #0956c9;
    float: right
}

.draw {
    font-size: 12px
}

#myTab {
    background: #6f9ce0;
    width: 89%
}

#myTab a {
    color: #fff
}

#myTab a:hover {
    background: #6f9ce0!important;
    color: #0956c9
}

.nav-pills>li.active>a {
    color: #333!important;
    background-color: #fff!important;
    border: 1px solid #ddd
}

#myTab .nav-pills>li.active>a:hover {
    color: #333!important;
    background-color: #6f9ce0!important
}

.nav-pills>li>a {
    border-radius: 0!important
}

.zhifu_main {
    margin-top: 3%
}

.zhifu_main .nums {
    display: inline-block;
    margin-top: 5%;
    font-size: 14px;
    color: #0956c9
}

.zhifu_main .money {
    font-size: 12px;
    border: 1px dashed #999;
    text-align: left;
    color: #333;
    margin: 1% 2%;
    padding: 1% 0
}

.zhifu_main .money_num {
    margin: 4px 12px 3px!important
}

.zhifu_main .money:hover {
    border: 1px solid #0956c9
}

.buy {
    margin-top: 6%;
    font-size: 16px;
    display: inline-block;
    background: #00a0ea;
    color: #fff;
    border: 0;
    padding: 3% 14%;
    border-radius: 4px
}

.pay,.pays {
    margin-top: 4%;
    font-size: 16px;
    color: #666
}

.pay_succ {
    background: #0956c9;
    padding: 2% 4%;
    border-radius: 5px;
    margin-left: .5%;
    color: #fff!important
}

.pay_money {
    color: #fe7815;
    font-size: 22px;
    font-weight: 700
}

span.red {
    color: red
}

.goods_namess {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px
}

.wx_qrcodes {
    margin-top: 2%
}

.goods_mess {
    margin: 4% 0;
    background: #fffbcc;
    padding: 4% 4% 10%
}

.goods_names {
    font-size: 14px;
    margin-top: 6%
}

.goods_mess p.vip_Coefficient {
    margin: .5% 0
}

.pays {
    margin: 5% 0
}

.zhifu_top {
    margin: 2% 0
}

.zhifu_top .duihuan {
    font-size: 14px
}

.zhifu_top .duihuan span {
    color: #999
}

.zhifu_top .zhifu_tf {
    margin-top: 2%
}

.actual {
    font-size: 16px
}

.help {
    color: #999;
    font-size: 14px;
    padding-left: 10%
}

.wenxints {
    font-size: 14px;
    color: grey
}

.wenxints .wenxints_o {
    margin-top: 13%
}

.wenxints .wenxints_t {
    margin: 7% 0
}

.wenxints p.tishi {
    font-weight: 700;
    color: #353535;
    margin: 5% 0
}

.wenxints .apply {
    color: #0956c9
}

.zifu_footer {
    margin-top: 10%;
    border-top: 1px solid #ddd;
    padding: 0 3% 3% 1%;
    font-size: 14px;
    color: #333
}

.zifu_footer .question {
    font-size: 16px;
    margin-top: 2%
}

.zifu_footer .zifu_o span {
    display: inline-block;
    margin-top: 1%
}

.zifu_footer .zifu_o p {
    margin-top: .5%
}

.zifu_footer .zifu_t {
    margin-top: 2%
}

.zifu_footer .zifu_t span {
    display: inline-block;
    margin-top: 1%
}

.zifu_footer .zifu_t p {
    margin-top: .5%
}

.zifu_footer .look {
    color: #0956c9
}

h4.my_blan {
    padding: 4% 0 0 2%
}

p.balance {
    padding: 2% 0 2% 10%
}

p.balance b {
    font-size: 18px;
    color: #f74100
}

p.balance a.payfor {
    display: inline-block;
    background: #ffb400;
    color: #fff;
    border-radius: 4px;
    padding: .3% 3%;
    margin: 0 5%;
    text-decoration: none!important
}

p.balance a {
    color: #0956c9;
    text-decoration: underline!important
}

.record {
    float: right;
    margin-top: 2%;
    padding: 1%;
    background: #83adf0;
    color: #fff
}

.advices {
    font-size: 16px;
    background: #3070d2;
    padding: 9% 25%;
    border-radius: 5px
}

.advices,.present_sugg {
    display: inline-block;
    color: #fff
}

.present_sugg {
    width: 170px;
    height: 50px;
    background: #00a0e9;
    font-size: 24px
}

.present_sugg:hover {
    background: #39a0f0;
    color: #fff
}

.add_file {
    background: transparent;
    border: 1px solid #3070d2;
    color: #333
}

.suggst_title {
    background: #6f9ce0;
    color: #fff
}

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

.operations a {
    display: inline-block;
    padding: 1% 3%
}

.operations a.revise {
    color: #3070d2;
    border: 1px solid #3070d2
}

.operations a.default_version {
    border: 1px solid #ccc;
    color: rgba(0,0,0,.2);
    filter: Alpha(Opacity=20);
    cursor: default
}

.add_file:hover,.operations a.revise:focus,.operations a.revise:hover {
    background: #3070d2;
    color: #fff
}

.operations a.delete {
    color: #e63732;
    border: 1px solid #e63732
}

.operations a.delete:focus,.operations a.delete:hover {
    background: #e63732;
    color: #fff
}

.c_all {
    display: inline-block;
    margin: 2% 0
}

.project_list {
    width: 95%!important
}

img.c_types:hover {
    border: 1px solid #3070d2;
    padding: 1%;
    text-align: center
}

.names {
    padding: 6% 0
}

.names,.vip_top {
    text-align: center
}

.vip_top {
    margin-top: 5%;
    padding-bottom: 6%
}

.svip_tops {
    margin: 4% 0;
    font-size: 16px
}

.one_vips {
    color: #e4393c
}

.two_vips {
    color: #f8d73e
}

.s_privilege {
    margin-bottom: 10px
}

.vip_message {
    margin: 4% 0
}

.self_informat {
    margin-top: 5%
}

.vip_message a {
    color: #fff;
    display: inline-block;
    background: #3070d2;
    padding: 4% 9%;
    border-radius: 5px;
    font-size: 14px
}

.vip_message a:hover {
    background: #6e9bdf
}

.vip_sum,.vip_top .vip_Coefficient {
    color: #f42c1d;
    font-size: 16px;
    margin-top: 6%
}

.vip_top div.vip_main div.top {
    background: #6e9bdf;
    height: 40px;
    line-height: 27px;
    margin-top: 3%;
    padding: 1% 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.vip_top div.vip_main div.top div {
    display: inline-block;
    border: 1px solid #fff;
    height: 1px;
    width: 20%
}

.vip_top div.vip_main div.top span.title {
    color: #fff;
    display: inline-block;
    position: relative;
    top: 4px;
    padding: 0 6px
}

.vip_top div.vip_main .vip_center {
    border: 1px solid #ddd;
    border-top-color: transparent;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 15%
}

.vip_top div.vip_main .vip_center .dingvip {
    border-radius: 5px;
    margin-top: 35%;
    font-size: 16px;
    display: inline-block;
    background: #6e9bdf;
    color: #fff;
    border: 0;
    padding: 3% 14%
}

.vip_top div.vip_main .vip_center .num_begin {
    font-size: 14px;
    margin-top: 6%
}

.vip_top div.vip_main .vip_center .num_begin b {
    font-weight: 500;
    font-size: 32px;
    color: #0956c9
}

.vip_top div.vip_main .vip_center .address {
    font-weight: 500;
    margin: 1% 0 4%
}

.vip_top div.vip_main .vip_center .tequan {
    text-align: left;
    font-size: 14px;
    padding-left: 7%
}

.vip_top div.vip_main .vip_center .tequan p {
    padding-bottom: 2%
}

.vip_top div.vip_main .vip_center .tequan .circle:before {
    content: url(../../../public/images/user/cricle.png);
    padding-top: 3px;
    margin-right: 8px;
    display: inline-block
}

.coupon .coupon_message,.type_top .choosed {
    margin: 3% 0;
    border-left: 2px solid #0956c9
}

.coupon .coupon_message span,.type_top .choosed b {
    font-size: 16px;
    padding: 2%;
    color: #333;
    font-weight: 600
}

.type_top .choosed span {
    background: #f02c1c;
    padding: 1% 2%;
    color: #fff;
    border-radius: 5px
}

.dignzhi_right .right_center div.contents .choose_type .type_main {
    margin-top: 2%
}

.i-shower-login {
    padding: 5px 10px;
    background: #39c;
    border-radius: 3px
}

.i-all {
    background: #f6f6f6
}

.i-mian {
    margin: 60px 0
}

.i-left {
    float: left;
    color: #666;
    font-size: 16px;
    background: #fff
}

.i-wrapper ul li {
    width: 130px;
    height: 50px;
    line-height: 50px
}

.i-wrapper ul li a {
    width: 130px;
    display: inline-block;
    border: 1px solid;
    border-color: #ddd #ddd transparent
}

.i-wrapper ul li a.last {
    border-bottom-color: #ddd
}

.i-wrapper ul li a.i-border {
    box-shadow: inset 3px 0 0 0 #00a0e9;
    border-right-color: transparent
}

.i-wrapper ul li a .i-img {
    padding: 0 7px 0 12px
}

.i-right {
    float: left;
    padding-bottom: 80px;
    border: 1px solid #ddd;
    border-left: none;
    width: 1040px;
    background: #fff
}

.r-coupon,.r-title {
    margin: 30px 0 20px 45px;
    font-size: 18px;
    color: #00a0ea
}

.r-coupon {
    margin: 0 0 20px 45px
}

.r-way {
    margin-top: -23px
}

.r-pay {
    position: relative;
    font-size: 16px
}

.r-type {
    display: inline-block;
    margin: 66px 50px 0 0;
    padding: 10px 15px;
    width: 170px;
    border: 1px solid #ddd;
    text-indent: 4px
}

.r-login {
    position: absolute;
    width: 200px;
    height: 200px;
    bottom: -94px;
    left: -14px;
    line-height: 200px;
    text-align: center;
    background: rgba(0,0,0,.7)
}

.r-pay a,.r-pay a:hover {
    color: #fff!important
}

.v-pl {
    padding-left: 95px
}

.v-onetime,.v-time {
    font-size: 30px;
    font-weight: 400
}

.v-time {
    margin-top: 15%;
    display: inline-block
}

.switch_wrapper {
    width: 40px;
    height: 18px;
    border-radius: 10px;
    position: relative
}

.switch_class {
    background: #ccc
}

.border_wapper {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    display: inherit;
    position: absolute
}

.coupon {
    margin: 35px 0;
    text-indent: 5px
}

.coupon .coupon_message {
    font-size: 16px;
    color: #383838
}

.coupon .coupon_switch {
    margin-top: .6%
}

.couponDet {
    font-size: 16px;
    color: #444;
    text-decoration: none
}

.cou-may {
    display: inline-block;
    margin-top: 3%;
    padding-top: 30px;
    width: 105px;
    height: 100px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
    background: url(/images/user/board.png) no-repeat 50%;
    transition: .5s
}

.cou-may:hover {
    color: #fff;
    transform: translateY(-10px)
}

.ismonth {
    text-decoration: none
}

.hint-wrapper {
    font-family: MicrosoftYaHei-Bold;
    color: #000
}

.hint-wrapper .hint-title {
    margin-top: 10px;
    font-size: 18px
}

.hint-content {
    font-size: 14px;
    text-indent: 20px
}

.hint-content p {
    padding-bottom: 5px
}

.annual_meals li.on,.calculate_pay_way li.on,.choiceProvinceTime-wrapperli.on,.ee_number_iteams li.on,.my_calculator li.on,.vip_meals a.on,.vip_meals li.on,.vip_number_iteams li.on,.xspz_choose li.on,.yjjs_choose a.on,.yjjs_choose li.on {
    position: relative;
    border: 1px solid #00a0ea;
    border-radius: 8px;
    box-shadow: 1px 1px 5px #00a0ea
}

.choiceOptaionalTime-wrapper li.on,.choiceProvinceTime-wrapper li.on,.enterprise_meals li.on,.jifen_meals li.on,.optional_renew_wrapper li.on {
    position: relative;
    border: 1px solid #00a0ea
}

.report_list li.on {
    position: relative;
    background: #ddd;
    border-left: 1px solid #31ca2c;
    border-right: 1px solid #31ca2c
}

.buy_jifen:focus {
    border-color: #31ca2c
}

.calculate_pay_way li,.choiceOptaionalTime-wrapper li,.choiceProvinceTime-wrapper li,.ee_number_iteams li,.enterprise_meals li,.jifen_meals li,.optional_renew_wrapper li,.vip_meals a,.vip_meals li,.vip_number_iteams li,.xspz_choose li,.yjjs_choose a,.yjjs_choose li {
    float: left;
    min-width: 155px;
    height: 37px;
    line-height: 37px;
    margin-right: 13px;
    margin-bottom: 20px;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden
}

.pl {
    padding: 0 40px
}

.spend_type {
    padding-left: 130px
}

.pls {
    padding-left: 115px
}

.r-top {
    color: #666;
    font-size: 16px;
    font-weight: 350
}

.choiceOptaionalTime-wrapper li,.enterprise_meals li,.jifen_meals li,.optional_renew_wrapper li {
    margin-right: 18px;
    min-width: 170px;
    height: 48px;
    line-height: 48px;
    border-radius: 0;
    text-align: center
}

.jifen_meals li:last-child {
    margin-right: 0
}

.tm-price {
    font-size: 14px
}

.my_calculator {
    margin-top: 3%
}

.other_recommend {
    margin: 1% 0
}

.payable {
    margin: 2% 0
}

.payable b {
    color: #e4393c;
    font-size: 18px
}

.elect_counter {
    padding-bottom: 2%
}

.elect_counter span {
    color: #3788e4;
    display: inline-block;
    margin-bottom: 1%;
    text-indent: 2px
}

.calculate_buy,.calculate_buy:focus,.calculate_buy:hover {
    color: #fff;
    background: #34b971;
    text-align: center
}

.recommend_other_goods {
    padding: 1%;
    margin-top: 2%
}

.my_calculator_recommend {
    padding: 2% 1% 1%;
    background: #e3e7ec
}

.my_calculator li {
    float: left;
    padding: 11px 37px;
    border: 1px solid #e7e7e7;
    margin: 10px 10px 2px 2px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    background: #fff
}

.choiceProvinceTime-wrapper li,.ee_number_iteams li,.vip_number_iteams li {
    min-width: 260px;
    height: 105px;
    line-height: 40px;
    margin-right: 35px
}

.ee_number_iteams li {
    margin-right: 16px;
    min-width: 235px
}

.choiceProvinceTime-wrapper li {
    margin-right: 25px;
    min-width: 218px
}

.choiceProvinceTime-wrapper li:first-child,.ee_number_iteams li:first-child,.vip_number_iteams li:first-child {
    line-height: 95px
}

.choiceProvinceTime-wrapper li:last-child,.ee_number_iteams li:last-child,.vip_number_iteams li:last-child {
    margin-right: 0
}

.originalPrice {
    display: inline-block;
    position: absolute;
    font-size: 18px;
    top: 3%;
    left: 30%;
    text-decoration: line-through
}

.originalPrice em {
    font-style: normal
}

.xspz_choose li,.yjjs_choose a,.yjjs_choose li {
    position: relative;
    min-width: 170px;
    margin-bottom: 12px;
    text-indent: 10px
}

.calculate_pay_way li {
    min-width: 120px;
    text-indent: 15px
}

.other_goods a {
    display: inline-block;
    border: 1px solid #00a0ea;
    min-width: 155px;
    height: 37px;
    line-height: 37px;
    margin-bottom: 12px;
    margin-left: 2%;
    text-align: center
}

.other_goods a:hover {
    background: #00a0ea;
    color: #fff
}

.annual_meals li.on i,.calculate_pay_way li.on i,.choiceOptaionalTime-wrapper li.on i,.choiceProvinceTime-wrapper li.on i,.enterprise_meals li.on i,.jifen_meals li.on i,.my_calculator li.on i,.optional_renew_wrapper li.on i,.report_list li.on i,.vip_meals a.on i,.vip_meals li.on i,.xspz_choose li.on i,.yjjs_choose a.on i,.yjjs_choose li.on i {
    background: url(../../../public/images/auth/ok.png) 0 0 no-repeat;
    width: 46px;
    height: 35px;
    overflow: hidden;
    position: absolute;
    right: 0
}

.my_calculator li.on i {
    bottom: -5px;
    right: -12px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAeCAMAAACR41cYAAAAVFBMVEUAAAAArv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv////+36P+m4/9w0v/z+/8pu/+v5v+H2f9t0f/T8f/C7P+U3f9by/8TtP9UK/BiAAAADXRSTlMA/PPjz7JsSzAaDJKR6f8Q7AAAAJRJREFUOMuFz0cSwjAQBVFydMuAA+n+9wSXVfVrEKPpdW/eIq4Jj9OWaDluiJ7DmujZr4ie3ZLoaZirgnJVUK4Kyvkg5YKi54zJBykfpP6D1PCCKgjalMABabmAC9JCCXo+OrtQglK6dWahBI3TNC89eizo+p3e09IyZ0Ca7r0WLEiTFhDoZ9KCQKZxQAnkJ5CfQH4fqXobTT5ErQ0AAAAASUVORK5CYII=") 0 0 no-repeat
}

.choiceOptaionalTime-wrapper li.on i,.enterprise_meals li.on i,.jifen_meals li.on i,.optional_renew_wrapper li.on i,.report_list li.on i {
    width: 46px;
    height: 35px;
    bottom: -1px;
    background: url(/images/ok.png?1115912…) -141px 0 no-repeat
}

.annual_meals li.on i,.vip_meals li.on i {
    width: 49px;
    height: 49px
}

.choiceProvinceTime-wrapper li.on i {
    width: 46px;
    height: 43px;
    top: 0
}

.annual_meals li,.choiceOptaionalTime-wrapper li,.choiceProvinceTime-wrapper li,.vip_meals li {
    position: relative;
    text-align: center
}

.annual_meals li p.discount_nums,.choiceProvinceTime-wrapper li p.discount_nums,.vip-wrapper li p.discount_nums,.vip_meals li p.discount_nums {
    -moz-border-top-left-radius: 8px;
    -moz-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #fff;
    background: #e4393c;
    position: absolute;
    top: -9px;
    width: 65px;
    height: 30px;
    font-weight: 600
}

.jifen_meals li p.discount_nums {
    display: none
}

.annual_meals li p.discount_nums,.vip_meals li p.discount_nums {
    top: -3px;
    height: 31px
}

.tabs {
    display: none
}

.tabs.active {
    display: block
}

#choice_counter {
    text-indent: 0!important;
    text-align: center;
    height: 37px;
    line-height: 22px
}

#choice_counter_all {
    background: #eee;
    line-height: 20px;
    min-height: 40px
}

.pay_all {
    margin: 2% 0
}

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

.help-block strong {
    color: #e4393c;
    font-weight: 400
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background: #0956c9;
    color: #fff
}

.dropdown-menu {
    min-width: 130px
}

.dropdown-menu>li>a {
    padding: 6px 20px
}

.upload_images {
    border: 1px solid #0956c9;
    padding: 2% 8%;
    margin-top: 8%;
    font-size: 13px
}

.upload_images:hover {
    background: #0956c9;
    color: #fff
}

.phone_number,.self_center {
    display: inline-block;
    margin-top: 3%
}

.phone_number {
    margin-top: 3%
}

.header_img,.upload_headimg {
    display: inline-block;
    border-radius: 50%
}

.upload_headimg {
    width: 25px
}

.navbar-image {
    line-height: 25px
}

#uservip {
    color: #e4393c;
    font-size: 16px
}

.ywz_zhuce_huixian {
    float: left;
    background: #d6d3d3;
    width: 65px;
    height: 6px;
    margin-top: 5px;
    _margin-top: 0;
    margin-left: 5px;
    _height: 2px;
    font-size: 0;
    border-radius: 5px
}

#pwdLevel_1 {
    margin-left: 0
}

.ywz_zhuce_hongxian {
    background: #68a201
}

.ywz_zhuce_hongxian2 {
    background: #f58018
}

.ywz_zhuce_hongxian3 {
    background: #e93807
}

.ywz_zhuce_hongxianwenzi {
    float: left;
    width: 65px;
    margin-left: 5px;
    text-align: center;
    color: #b0adad;
    font-size: 12px
}

#levelText_1 {
    margin-left: 0
}

.ywz_zhuce_yongyu1 {
    float: left;
    color: #c00;
    font-size: 12px;
    padding-left: 10px;
    margin-top: 10px;
    _padding-left: 0
}

.forget_pass {
    color: #e43
}

.errors_all {
    background: -webkit-linear-gradient(right,#fff 10%,#57bc8a 90%);
    height: 450px
}

.errors_top {
    margin-top: 3%
}

.errors_content {
    margin: 2% 0;
    font-size: 30px
}

.errors_look {
    color: #e4393c
}

.error_cause {
    margin: 2% 0
}

.error_500 {
    position: relative
}

.error_content_500 {
    position: absolute;
    top: 58%;
    right: 23%
}

.error_content_500 a {
    display: inline-block;
    padding: 2% 22px;
    border: 1px solid #2ea8e5;
    border-radius: 5px
}

.code-mess {
    display: inline-block;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    background: #2f6fd0;
    border: none;
    text-align: center
}

.no-selset,.no-selsets {
    cursor: no-drop!important;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.no-selsets {
    background: #ddd
}

.err_tips {
    color: #e4393c
}

.user_revise {
    background: #fff
}

.regis_top {
    padding: 8px 0
}

.register_center {
    margin-top: 3%
}

.logo_r {
    border-right: 1px solid #ddd;
    padding-right: 3%
}

.logo_s {
    padding-left: 3%;
    display: inline-block;
    color: #333;
    font-size: 18px
}

.n_label {
    color: #333;
    font-weight: 500
}

.agrees {
    color: #f66264
}

.b_register,.b_registers {
    background: #e43;
    color: #fff;
    border-color: #e43;
    padding: 10px 12px;
    font-size: 16px
}

.b_registers {
    border-color: #00a0ea;
    background: #00a0ea
}

.input_content {
    border-radius: 0
}

.input_contents {
    border-radius: 0;
    display: inline-block;
    width: 54%
}

.register_left {
    padding-right: 2%;
    padding-top: 3%
}

.out-div {
    color: #2f6fd0;
    font-size: 16px;
    vertical-align: top;
    border: 1px solid #2f6fd0
}

.arrow {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    margin-left: -10px;
    margin-top: 10px;
    border-right: 10px solid #2f6fd0
}

.register_right {
    padding: 4% 0 6% 8%
}

.place_logo {
    color: grey;
    font-size: 16px;
    margin-bottom: 5%
}

.left_logo {
    display: inline-block;
    padding: 3% 18%;
    font-size: 16px;
    background: #2f6fd0;
    -webkitborder-radius: 5px;
    border-radius: 5px;
    color: #fff
}

.traffic_permit {
    padding-left: 8%;
    font-size: 14px;
    margin-top: 5%
}

.traffic_server {
    margin-bottom: 6%;
    font-size: 16px
}

.all_life {
    margin: 4% 0
}

.all_life .buy_vip {
    display: inline-block;
    padding: 2% 6%;
    font-size: 14px
}

div.footer,div.footer_about {
    text-align: center;
    font-size: 16px;
    padding: 2% 0 1%;
    background: rgba(9,86,201,.84);
    color: #fff
}

div.footer {
    padding: 2% 0
}

.footer .f_emails {
    font-size: 16px;
    margin-top: 5%;
    text-align: left
}

.footer .wx {
    font-size: 14px;
    text-align: center;
    margin-top: 3%
}

p.goes {
    font-size: 14px;
    margin: 8% 0
}

p.goes a {
    color: #fff;
    padding-left: 2%
}

p.goes a:hover {
    color: #ccc
}

.contact,div.footer_about .chat,div.footer_about .chat_us {
    margin-bottom: 2%
}

div.footer_about div.bordes {
    border-top: 1px solid #fff;
    opacity: .8
}

div.copyright {
    text-align: center;
    margin-top: 1%;
    color: #393b3d;
    font-size: 12px
}

div.copyright a {
    color: #393b3d
}

div.copyright div.copyright_boottom {
    margin-top: .8%
}

.public_num {
    float: left;
    margin-bottom: 5px
}

span.dulifei img {
    width: 160px!important;
    height: 160px!important
}

@media screen and (min-width: 1200px) {
    .operation p a {
        padding:5% 43%;
        font-size: 16px
    }

    .rember_me {
        margin-left: 16%;
        margin-top: .7%
    }

    .rember_me .remember {
        margin-top: 5px
    }

    div.bocome_more div.borders {
        width: 43%
    }

    .login_top {
        display: inline-block;
        width: 14%;
        padding-left: 8%
    }

    .dulifei_acc {
        display: inline-block;
        width: 10%
    }

    .login_last {
        display: inline-block;
        width: 65%
    }

    .login_last p.login_acc {
        padding-left: 5%;
        width: 48%
    }

    .login_last p.login_use {
        width: 33%
    }

    .login_last p.login_content {
        width: 38%
    }

    .login_last p.login_revise {
        width: 9%
    }

    .login_last p.login_instro {
        padding-left: 5%;
        width: 77%
    }

    #service_items {
        left: 76.6%
    }

    .amend_content {
        padding-bottom: 7%
    }
}

@media screen and (min-width: 992px) and (max-width:1200px) {
    .hint_all {
        right:30%;
        top: 83%
    }

    .operation p a {
        padding: 5% 42%
    }

    .hc_lnav .allbtn ul li .pop {
        width: 670px
    }

    .nav_vip {
        margin-top: .27%
    }

    .nav_list a {
        padding: 1% 3%
    }

    .tile {
        width: 290px;
        height: 290px;
        margin: 15px 15px 15px 0
    }

    div.bocome_more div.borders {
        width: 40%
    }

    div.footer {
        font-size: 22px
    }

    div.footer_about p.goes {
        font-size: 16px
    }

    .login_top {
        display: inline-block;
        width: 13%;
        padding-left: 8%
    }

    .dulifei_acc {
        display: inline-block;
        width: 15%
    }

    .login_last {
        display: inline-block;
        width: 76%
    }

    .login_last p.login_acc {
        padding-left: 5%;
        width: 51%
    }

    .login_last p.login_use {
        width: 47%
    }

    .login_last p.login_content {
        width: 38%
    }

    .login_last p.login_revise {
        width: 9%
    }

    .login_last p.login_instro {
        padding-left: 5%;
        width: 77%
    }

    #service_items {
        left: 85.3%
    }

    .record {
        float: right;
        margin-top: 3%
    }

    .zhifu_main .money_left {
        margin-left: 0!important
    }

    .ny-notice {
        padding: 314px 140px 100px
    }

    .ny-oldBNew {
        height: 577px
    }

    .no-con {
        padding: 158px 146px 50px 150px;
        font-size: 24px;
        line-height: 50px
    }

    .nb-title {
        top: 23px
    }

    .nb-con {
        padding: 10px 27px;
        height: 390px
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .errors_content {
        font-size:28px
    }

    .home_instro a,.standard_instro a {
        width: 90%;
        padding: 37% 0
    }

    .operation p a {
        padding: 5% 40%
    }

    .header_img,.phone_number,.self_center {
        margin-top: 5%
    }

    .phone_number {
        margin-top: 6%
    }

    .header_img {
        margin-top: 9%
    }

    .table {
        margin-top: 2px
    }

    .attention span.self_center {
        padding: 0 7px
    }

    .table {
        width: 100%!important;
        padding-left: 5%
    }

    .nav_list a {
        padding: 1%
    }

    .nav_list a:first-child {
        padding-left: 7%
    }

    .hc_lnav .allbtn ul li .pop {
        width: 467px
    }

    .nav_vip {
        margin-top: .75%
    }

    div.bocome_more div.borders {
        width: 37%
    }

    .tile {
        width: 240px;
        height: 240px;
        margin: 6px 6px 6px 0
    }

    .about_title {
        width: 19%
    }

    div.copyright {
        font-size: 14px
    }

    div.footer {
        font-size: 20px
    }

    div.footer_about p.goes {
        font-size: 14px
    }

    .login_top {
        display: inline-block;
        width: 13%;
        padding-left: 6%
    }

    .dulifei_acc {
        display: inline-block;
        width: 14%
    }

    .login_last {
        display: inline-block;
        width: 104%
    }

    .login_last p.login_acc {
        padding-left: 12%;
        width: 56%
    }

    .login_last p.login_use {
        width: 27%
    }

    .login_last p.login_content {
        width: 28%
    }

    .login_last p.login_revise {
        width: 9%
    }

    .login_last p.login_instro {
        padding-left: 12%;
        width: 74%
    }

    #service_items {
        left: 85.6%
    }

    .zhifu_tf {
        text-align: center
    }

    .zhifu_main .money_left {
        margin-left: 10%!important
    }

    .zhifu_top {
        margin: 6% 0
    }

    .amend_content {
        padding-bottom: 12%
    }

    .ny-body {
        background-size: 100% 115%
    }

    .ny-notice {
        padding: 207px 135px 80px;
        height: 466px;
        line-height: 30px;
        font-size: 16px
    }

    .ny-share {
        height: 490px
    }

    .ny-share .flower {
        width: 600px;
        left: -15%
    }

    .ny-share .flower img {
        width: 25%
    }

    .fl-through {
        left: 65px;
        top: calc(50% - 24px);
        width: 80%;
        height: 48px;
        line-height: 48px;
        font-size: 20px
    }

    .fl-con {
        padding-top: 10%;
        color: #333;
        font-weight: 400;
        font-size: 19px;
        line-height: 33px
    }

    .nb-con {
        padding: 0 11px 20px;
        font-size: 16px;
        line-height: 26px;
        height: 325px
    }

    .nb-title {
        left: calc(50% - 45px);
        top: 16px;
        font-size: 22px
    }

    .ny-buy {
        height: 590px;
        padding-top: 80px
    }

    .ny-buy a {
        font-size: 16px;
        border-radius: 2px
    }

    .nb-con .nb-price {
        font-size: 22px;
        height: 40px
    }

    .nb-con .nb-line {
        margin: 8px 0
    }

    .ny-oldBNew {
        height: 455px
    }

    .no-con {
        padding: 121px 95px 48px 110px;
        font-size: 18px;
        line-height: 41px;
        height: 330px
    }

    .ny-article {
        padding: 210px 20px 80px 60px;
        height: 650px;
        font-size: 18px
    }

    .nd-ewm {
        font-size: 16px
    }
}

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

@media screen and (max-width: 768px) {
    .c-s-c-tab nav div {
        padding:12px 30px!important;
        font-size: 14px
    }

    .newUser-banner.green-bg {
        background-color: #18c6f6!important
    }

    .newUser-banner {
        min-width: 100%!important;
        height: 370px!important;
        background: url(/images/newuser/mobilebg.png) 50% no-repeat!important
    }

    .cooperation {
        margin-bottom: 2%;
        text-align: left
    }

    .u-closeTime {
        top: 0!important;
        right: 0!important;
        font-size: 24px
    }

    .u-navs {
        display: block
    }

    .u-time {
        padding: 0 2px
    }

    .u-save {
        margin-left: 40%
    }

    .table tr.contnet2 span.u-cost {
        float: none
    }

    .phone-scrollup {
        display: block
    }

    .navbar-toggle {
        margin-top: 14px
    }

    .sugg_top .sugg_title {
        padding: 4.5% 0 2.8%!important;
        font-size: 18px!important
    }

    .ques_all,.sugg_top .content {
        font-size: 14px!important
    }

    .ques_desc {
        text-align: left!important;
        font-size: 16px!important
    }

    .present_sugg {
        width: 111px;
        height: 35px;
        line-height: 18px;
        font-size: 16px
    }

    .calculatordetail_title {
        width: 66%
    }

    .recommend_yjjs {
        text-align: center
    }

    #hot_img {
        font-size: 37px
    }

    .hot_tj {
        margin: 2% 0 4%
    }

    div.standard {
        padding-top: 9%
    }

    p.our_server {
        margin: 5% 0
    }

    .demonstration_title {
        font-size: 22px
    }

    .demonstration_main .demonstration_top {
        font-size: 18px
    }

    .demonstration_main .demonstration_describe {
        margin: 5% 0
    }

    .demonstration_main {
        margin-top: 9%
    }

    .hot_yjjs span.hot_recommend {
        top: -82%;
        right: -29%
    }

    .nav_list {
        text-align: center
    }

    .nav_list a {
        font-size: 14px;
        padding: 2% 1.5%
    }

    .nav_list a:first-child {
        padding-left: 0
    }

    .nav_list a:last-child {
        padding-right: 0
    }

    .gain_tem {
        margin-top: 4%;
        padding-left: 8%
    }

    .designs {
        border: none
    }

    p.goes {
        margin: 1% 0 8%
    }

    .above_right div.hoter_all p:last-child {
        padding-bottom: 3%
    }

    .navbar {
        min-height: 63px!important
    }

    .tel_nums {
        margin-top: 11%
    }

    .place_unbind {
        margin-top: 2%
    }

    .phone_number {
        margin-top: 12%
    }

    .amend_show {
        padding-left: 0!important
    }

    p.self_show {
        margin: 2% 0 2% 3%
    }

    .self_center {
        margin-top: 6%
    }

    .mess {
        margin-top: 2%
    }

    .phone_show {
        display: inline-block!important;
        padding-left: 2%
    }

    .phone_hidden {
        display: none!important
    }

    #myTab .nav-pills>li.active>a:hover {
        color: #333!important;
        background: #fff!important
    }

    #myTab a:hover {
        background: #fff!important
    }

    .self_informat {
        margin-top: 0
    }

    .vip_top div.vip_main .vip_center {
        padding-bottom: 8%
    }

    .vip_message {
        margin: 3% 0
    }

    .spend_type {
        padding-left: 6.5%
    }

    .operation p a {
        padding: 4% 45%;
        font-size: 16px
    }

    .visitor_type {
        text-align: center
    }

    .home_instro a {
        width: 66%;
        padding: 7% 0;
        margin: 1% 0
    }

    .way {
        padding-bottom: 7%
    }

    .navbar-image {
        line-height: 20px
    }

    p.goes a:first-child {
        padding-left: 0
    }

    .nav>li>a {
        padding: 9px
    }

    #myTab {
        width: 100%
    }

    .buy_acc {
        margin-top: 2%
    }

    .cus {
        display: inline-block;
        margin-top: 3%!important
    }

    .amend_content {
        padding-bottom: 10%
    }

    .record {
        float: right;
        margin-top: 5%
    }

    .zhifu_main .money_left {
        margin-left: 0!important
    }

    .zhifu_main .money {
        margin: 4% 2% 0 0
    }

    .zhifu_main .nums {
        margin: 10% 10% 0 0
    }

    .zhifu_main .money_num {
        margin: 4px 6px 3px!important
    }

    .zhifu_tf {
        text-align: center
    }

    .zhifu_top {
        margin: 6% 0
    }

    .zhifu_main .buy {
        margin-top: 20%
    }

    .wenxints .wenxints_o {
        margin-top: 6%
    }

    .wenxints .wenxints_t {
        margin: 3% 0
    }

    #container {
        margin-left: 18%
    }

    .jifen_title {
        margin-top: 2px;
        padding-left: 0
    }

    .table {
        width: 100%!important
    }

    .self_top {
        padding: 3% 0
    }

    .header_phone {
        margin-top: 5%
    }

    .hoter_recommend {
        margin: 6% 0
    }

    div.bocome_more div.borders {
        width: 14%
    }

    div.servers {
        font-size: 12px
    }

    .effects {
        padding-left: 32%
    }

    .expand .one {
        padding: .2%!important
    }

    .about_title {
        width: 32%
    }

    .goods_list a {
        padding: 3% 4%
    }

    #container {
        margin-top: 5%
    }

    .recommend_goods {
        padding: 2% 5%
    }

    .help_list {
        margin-top: 2%
    }

    .help_list .help_item {
        padding: 2% 8%
    }

    .traffic_permit {
        padding-left: 0
    }

    .left_logo {
        padding: 2% 14%
    }

    .traffic_server {
        margin-bottom: 3%
    }

    .register_right {
        padding: 3% 0 2%
    }

    .enjoy_title {
        padding: 4% 12%;
        margin-bottom: 10%
    }

    div.copyright {
        margin-top: 0;
        font-size: 12px;
        margin-bottom: 62px
    }

    span.dulifei img {
        width: 100px!important;
        height: 100px!important
    }

    .dulifei_lx {
        margin-top: 3%
    }

    div.footer {
        font-size: 16px
    }

    .footer .f_emails,div.footer_about p.goes,div.footer div.dulifei_chat p.wx {
        font-size: 14px
    }

    div.footer div.dulifei_chat {
        text-align: center
    }

    div.footer_about {
        padding-top: 4%
    }

    .login_top {
        display: inline-block;
        width: 13%;
        padding-left: 6%
    }

    .dulifei_acc {
        display: inline-block;
        width: 14%
    }

    .login_last {
        display: inline-block;
        width: 104%
    }

    .login_last p.login_acc {
        padding-left: 12%;
        width: 56%
    }

    .login_last p.login_use {
        width: 27%
    }

    .login_last p.login_content {
        width: 28%
    }

    .login_last p.login_revise {
        width: 9%
    }

    .login_last p.login_instro {
        padding-left: 12%;
        width: 74%
    }

    .login_last p.login_yanzheng {
        width: 19%
    }

    .login_last p.login_yanzheng a {
        padding: 0 11.5%
    }

    .newYearPage .ny-header {
        height: 40%
    }

    .newYearPage .ny-body {
        background-size: 100% 125%
    }

    .ny-notice {
        margin: 25px 0 10px;
        height: 467px;
        padding: 235px 13% 50px;
        line-height: 1.6em;
        font-size: 14px
    }

    .ny-draw {
        margin-bottom: 7px
    }

    .ny-decoration {
        height: 170px
    }

    .ny-share {
        margin-bottom: 90px;
        padding: 20px 50px 35px 60px;
        height: 360px;
        height: 400px
    }

    .ny-share .flower {
        width: 100%;
        left: 0
    }

    .ny-share .flower img {
        width: 25%
    }

    .fl-through {
        left: 48px;
        top: calc(50% - 20px);
        width: 80%;
        height: 40px;
        line-height: 40px;
        font-size: 16px
    }

    .fl-con {
        padding-top: 5%;
        font-size: 16px;
        line-height: 26px
    }

    .ny-oldBNew {
        margin-bottom: 80px;
        height: 450px
    }

    .ny-buy {
        margin-bottom: 40px;
        padding: 40px 7px;
        height: 450px
    }

    .ny-buy a {
        font-size: 14px;
        border-radius: 2px
    }

    .ny-buy ul li img:first-child {
        margin-bottom: 10px
    }

    .ny-article {
        padding: 130px 8px 35px 35px;
        line-height: 32px;
        font-size: 16px;
        height: 493px
    }

    .ny-footer {
        margin-top: -120px;
        height: 245px
    }

    .nb-con {
        font-size: 12px;
        line-height: 13px;
        height: 240px
    }

    .nb-title {
        left: calc(50% - 26px);
        top: 16px;
        font-size: 16px
    }

    .ny-buy a {
        margin-top: -60px
    }

    .nb-con .nb-price {
        font-size: 14px;
        height: 24px
    }

    .nb-con .nb-line {
        margin: 10px 0
    }

    .no-con {
        padding: 140px 15% 50px;
        font-size: 16px;
        line-height: 24px
    }

    .nd-ewm {
        font-size: 14px;
        line-height: 2.2rem
    }
}

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

@media screen and (min-width: 768px) {
    .modal-txt {
        width:640px;
        height: auto
    }

    #sign_modal_dialog {
        width: 350px!important
    }

    .navbar-nav>li>a {
        padding-top: 16px!important;
        font-size: 14px
    }

    #login_show>a {
        padding-top: 20px!important
    }
}

@media screen and (max-width: 443px) {
    .my_calculator li {
        width:305px;
        height: 43px;
        line-height: 43px
    }

    .non-payment-order {
        padding: 2px;
        background-image: none;
        border: 1px solid #ddd;
        border-radius: 5px
    }

    .help-link {
        float: none
    }

    .my_conversion li {
        width: 18%;
        font-size: 13px;
        text-align: center
    }

    .my_conversion li a {
        padding: 0
    }

    .c_type_right .half_circle {
        left: 223px
    }

    .calculatordetail_title {
        width: 100%
    }

    .project_info {
        margin: 5% 0 3%
    }

    .visitor_type {
        text-align: center
    }

    .yjjs_project {
        margin: 6% 0
    }

    .errors_top {
        margin-top: 15%
    }

    .errors_content {
        margin: 4% 0;
        font-size: 22px
    }

    .home_instro a,.standard_instro a {
        width: 100%;
        font-size: 13px;
        padding: 43% 0;
        margin: 6% 0
    }

    .standard_instro a {
        width: 115%
    }

    .contents {
        text-indent: 17px
    }

    .vip_meals a {
        margin-right: 11px;
        min-width: 120px
    }

    .pay_ways>li>a.types {
        width: 128px;
        text-indent: 0
    }

    .vip_meals li.lifelong {
        min-width: 165px
    }

    .jifen_meals li {
        min-width: 122px
    }

    .navbar-image {
        line-height: 20px
    }

    .jf_href {
        padding: 1% 4%;
        margin-top: 5%
    }

    .other_goods a {
        min-width: 128px
    }

    .enjoy_title {
        font-size: 14px;
        padding: 9% 6%
    }

    .rember_me {
        margin-top: 2%
    }
}

.jsgc {
    resize: vertical;
    font-size: 12px;
    color: #000
}

.navbar-nav>li>a.top_images {
    padding-top: 0!important;
    padding-bottom: 0!important
}

@-moz-document url-prefix() {
    .cke_inner {
        top: 0!important
    }
}

.cke_inner {
    top: 0px\0 !important
}

.newUser-banner .green-bg {
    background-color: #18c6f6!important
}

.newUser-banner {
    min-width: 1200px;
    height: 500px;
    background: url(/images/newuser/bg.png) 50% no-repeat
}

.m-wrapper {
    background: #f1f2f3
}

.m-top {
    background: #00a0ea
}

.m-arrows,.m-top {
    height: .8rem;
    line-height: .8rem;
    color: #fff
}

.m-arrows {
    padding-left: .4rem;
    font-size: .32rem
}

.m-title {
    width: 5.9rem;
    display: inline-block;
    font-size: .28rem;
    font-weight: 350
}

.m-mian {
    background: #fff
}

.m-wrapper .company_wrapper li,.m-wrapper .jifen_wrapper li,.opt_wrapper li {
    width: 2.1rem;
    height: .78rem;
    margin: .3rem 0 .28rem .3rem;
    float: left;
    line-height: .78rem;
    font-size: .34rem;
    border: 1px solid #e7e7e7;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden
}

.m-wrapper .company_wrapper li {
    min-width: 2.1rem!important
}

.opt_wrapper {
    padding: 0 .45rem
}

.opt_wrapper li {
    min-width: 3rem!important;
    margin: .3rem .14rem .28rem
}

.jifen_wrapper p.m-chooseJifen {
    position: relative
}

.jifen_wrapper p.m-chooseJifen .m-unit {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 .02rem
}

.jifen_wrapper p.m-chooseJifen input.m-sumVal {
    width: 2.1rem;
    padding-left: .02rem
}

.company_wrapper li.on,.jifen_wrapper li.on,.opt_wrapper li.on {
    position: relative;
    border: 1px solid #00a0ea
}

.company_wrapper li.on i,.jifen_wrapper li.on i,.opt_wrapper li.on i {
    position: absolute;
    right: 0;
    width: .66rem;
    height: .59rem;
    overflow: hidden;
    bottom: -1px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAeCAMAAACR41cYAAAAVFBMVEUAAAAArv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv////+36P+m4/9w0v/z+/8pu/+v5v+H2f9t0f/T8f/C7P+U3f9by/8TtP9UK/BiAAAADXRSTlMA/PPjz7JsSzAaDJKR6f8Q7AAAAJRJREFUOMuFz0cSwjAQBVFydMuAA+n+9wSXVfVrEKPpdW/eIq4Jj9OWaDluiJ7DmujZr4ie3ZLoaZirgnJVUK4Kyvkg5YKi54zJBykfpP6D1PCCKgjalMABabmAC9JCCXo+OrtQglK6dWahBI3TNC89eizo+p3e09IyZ0Ca7r0WLEiTFhDoZ9KCQKZxQAnkJ5CfQH4fqXobTT5ErQ0AAAAASUVORK5CYII=") 50%/cover no-repeat
}

.m-coupon,.m-payWay {
    margin-top: .4rem;
    padding-left: .26rem;
    background: #fff
}

.m-coupon-list {
    height: .77rem;
    line-height: .77rem;
    font-size: .32rem;
    color: #333
}

.m-coupon-list:first-child,.m-payWay-list:first-child {
    border-bottom: 1px solid #ddd
}

.coupon-title,.m-costWrapper {
    display: inline-block
}

.m-costWrapper {
    width: 6.1rem;
    text-align: right
}

.m-time {
    padding-left: .27rem;
    font-size: .36rem;
    color: #00a0ea
}

.company_time_wrapper li,.vip-wrapper li {
    position: relative;
    float: left;
    min-width: 3.5rem!important;
    height: 1.6rem;
    line-height: 1.37rem;
    border-radius: .03rem;
    margin-right: .19rem;
    margin-bottom: .29rem;
    border: 1px solid #e7e7e7;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    font-size: .32rem
}

.company_time_wrapper li:first-child {
    line-height: 1.5rem
}

.company_time_wrapper li:nth-of-type(2n),.vip-wrapper li:nth-of-type(2n) {
    margin-right: 0
}

.company_time_wrapper li.on,.vip-wrapper li.on {
    position: relative;
    border: 1px solid #00a0ea;
    border-radius: .03rem;
    box-shadow: 1px 1px 5px #00a0ea
}

.company_time_wrapper li.on i,.vip-wrapper li.on i {
    position: absolute;
    right: 0;
    top: 0;
    width: .85rem;
    height: .75rem;
    overflow: hidden;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAmCAMAAABnA+JrAAAAilBMVEUAAAAArv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv8Arv/////G7f+v5v8Utf8Jsf8DsP/h9f/S8f/M7//a9P/x+//q+P++6v+j4v9nz/8nuv8aV5l0AAAAHXRSTlMA+t7RIQ/vFsOnh3ltWE08B/TnurKeMiyVkWNGYTInvJYAAAD/SURBVDjLjdPLcoJAEIXhEy6ioiiKGpMMBExiru//ehkpkYF2TvW/6c236qqDxYPRB2S5GucA9hutnsAWhUq9waV4q9MB2tY7tW5LNTpE15J+8rU8DzRWE4bLyp4p+qKA4Pd6pJFMHfH3O8CNsW3htp71+qv8OI2wKTBsftPfpeVDbGYY9dS9pqksb1r8dsVS47l7zcnyqv6xuDbXdhAdAod/utg8QpaEPW8x1YiLnp8dbOa429GIiPbsL4WnLNdrz/4W8BaFWu3Z3wvRcn9L0FK9lvvLiBT7o1rub0Wc2B/Vcn97ouT+DsTI/UWEiP1RLfeXECD3F0NdXAhNO+IfWtVg7E1guKEAAAAASUVORK5CYII=") 50%/cover no-repeat
}

.m-ml {
    margin-left: .1rem
}

.m-mt {
    margin-top: .2rem;
    display: inline-block
}

.m-button {
    font-size: .28rem;
    background: #f8b551!important
}

.company_time_wrapper .originalPrice,.vip-wrapper .originalPrice {
    display: inline-block;
    position: absolute;
    font-size: .24rem;
    left: .5rem;
    text-decoration: line-through;
    top: -.3rem;
    left: 1.3rem
}

.company_time_wrapper li p.discount_nums,.vip-wrapper li p.discount_nums {
    width: .9rem;
    height: .48rem;
    line-height: .58rem!important
}

.m-name {
    margin: .3rem 0 .2rem .45rem;
    font-size: .36rem;
    color: #00a0ea
}

.m-get {
    width: 6rem;
    text-align: right;
    padding-right: .25rem
}

.get-arrows,.m-get {
    display: inline-block
}

.get-arrows {
    width: .19rem;
    height: .34rem;
    padding-left: .03rem;
    line-height: .34rem;
    font-size: .32rem
}

.m-chooseJifen {
    display: none
}

.m-payWay-list {
    height: .79rem;
    line-height: .79rem;
    font-size: .32rem
}

.m-wechatimg {
    height: .56rem
}

.m-wechatimg,.m-zfbimg {
    width: .64rem;
    margin-right: .11rem
}

.m-zfbimg {
    height: .64rem
}

div.m-circle {
    position: relative;
    float: right;
    display: inline-block;
    line-height: .64rem;
    text-align: right
}

div.m-circle input[type=radio] {
    width: .4rem;
    height: .4rem;
    opacity: 0;
    margin-right: .4rem
}

div.m-circle label {
    position: absolute;
    right: .4rem;
    top: .16rem;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    border: 1px solid #999
}

div.m-circle input:checked+label {
    background-color: #09bb07;
    border: 1px solid #09bb07
}

div.m-circle input:checked+label:after {
    position: absolute;
    content: "";
    width: .09rem;
    height: .22rem;
    top: .06rem;
    left: .13rem;
    border: .03rem solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg)
}

.m-sure-pay {
    position: fixed;
    bottom: 0;
    height: .95rem;
    line-height: .95rem;
    left: 0;
    color: #fff;
    text-align: center;
    padding: 0;
    margin: 0
}

.m-sure-pay .m-actualMoney {
    width: 5.9rem;
    height: .95rem;
    display: inline-block;
    vertical-align: top;
    background: #00a0ea;
    font-size: .34rem
}

.m-actualMoney em {
    font-style: normal
}

.m-gopay {
    width: 1.6rem;
    height: .95rem;
    display: inline-block;
    vertical-align: top;
    background: #f8b551;
    font-size: .3rem
}

.yjjs-con>div {
    position: relative
}

.design_left .panel {
    margin-bottom: 0
}

.design_left .panel-body {
    padding: 0
}

.btn_action.panel-heading {
    position: relative;
    margin-top: 0;
    padding: 0 50px;
    width: calc(100% + 30px);
    top: 0;
    left: -15px;
    z-index: 100;
    text-align: center
}

.btn_action a:first-child,.btn_action a:nth-child(2) {
    position: absolute;
    top: 0;
    background-color: hsla(0,0%,100%,.9);
    border: none;
    font-weight: bolder;
    border-radius: 50%
}

.btn_action a:first-child:hover,.btn_action a:nth-child(2):hover {
    background-color: hsla(0,0%,100%,0)
}

.btn_action a:first-child {
    left: 0
}

.btn_action a:nth-child(2) {
    right: 0
}

.yjjs-province {
    word-spacing: 15px;
    color: #000;
    font-size: 15px
}

.yjjs-province span {
    display: inline-block;
    margin-bottom: 10px;
    padding: 2px 6px;
    border: 1px solid transparent
}

.yjjs-cal-category span.on,.yjjs-province span.on {
    border-color: #00a0ea
}

.c00A0EA,.yjjs-cal-category span.active,.yjjs-province span.active {
    color: #00a0ea
}

.c00a65a {
    color: #00a65a
}

.yjjs-cal-category {
    word-spacing: 15px;
    color: #000;
    font-size: 15px
}

.yjjs-cal-category span {
    display: inline-block;
    margin-bottom: 10px;
    padding: 2px 6px;
    border: 1px solid transparent
}

.optionalCal,.provinceCal,.yjjs-calculator,.yjjs-sudoku {
    background: #f9f9f9;
    padding: 20px 0 10px 20px
}

.yjjs-sudoku {
    margin: 25px
}

.o-quickChoice .optionalCal span,.yjjs-calculator span,.yjjs-sudoku span {
    position: relative;
    border: 1px solid #00a0ea;
    margin: 0 10px 10px 0;
    display: inline-block;
    padding: 5px;
    color: #00a0ea;
    font-weight: 350;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.o-quickChoice .optionalCal span {
    margin: 0 35x 10px 0;
    padding: 0 5px;
    height: 48px;
    line-height: 48px;
    color: #333;
    font-size: 14px;
    text-align: center;
    border: 1px solid #ddd
}

.o-quickChoice .optionalCal span .oPrice {
    display: inline-block;
    padding: 0 3px;
    font-weight: 400;
    font-size: 16px;
    color: #00a0ea
}

.o-quickChoice .optionalCal span .oName {
    font-style: normal
}

.yjjs-calculator span i,.yjjs-sudoku span i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 21px;
    height: 14px;
    margin-right: 0;
    display: none
}

.o-quickChoice .optionalCal span i,.yjjs-calculator span i,.yjjs-sudoku span i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAOCAMAAAD32Kf8AAAAP1BMVEUAAAAAoOoAoOoAoOoAoOoAoOr///8nr+7z+/6c2veP1vbk9f3Q7fu65fmC0PV3zPRCue84te8Sp+sDoeoBoOpVGAzAAAAABXRSTlMA6alUFQy/ElcAAABRSURBVBjTbc03EsAwCAVROSwKzuH+Z7WGSp6vbaB4A6HTPAZtGuhAoANrAj2BnkBP4LNkaOAVgTulOhq420m09QXai8WKbb79Xh+W8RxKDqUPVvADbKCslAcAAAAASUVORK5CYII=") no-repeat
}

.o-quickChoice .optionalCal span.on i,.yjjs-calculator span.on i,.yjjs-sudoku span.on i {
    display: block
}

.yjjs-calculator span.free,.yjjs-sudoku span.free {
    border-color: #00a65a;
    color: #00a65a
}

.yjjs-calculator span.free i,.yjjs-sudoku span.free i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAOCAMAAAD32Kf8AAAAP1BMVEUAAAAyzicyzicyzicyzicyzif///9S1kj1/fWv7Kvp+ujZ9tfI8sWm6qGj6Z6b55WS5Yxn219f2VZA0TY0zyqNqQT5AAAABXRSTlMA6alUFQy/ElcAAABRSURBVBjTbc03EsAwCERROSySnNP9z2rNVmiW30DxBlLQPCZtGhBAAAFsCWQCmUAm8Fsq4OCTAbyltOHgaTeyrWj5i7sdtnHrXl9WwQglQukHVNoDZyCTMMAAAAAASUVORK5CYII=") no-repeat
}

.yjjs-calculator span.all,.yjjs-sudoku span.all {
    padding-left: 20px;
    padding-right: 20px;
    border-color: #00a65a;
    color: #00a65a
}

.yjjs-calculator span.all i,.yjjs-sudoku span.all i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAOCAMAAAD32Kf8AAAAP1BMVEUAAAAyzicyzicyzicyzicyzif///9S1kj1/fWv7Kvp+ujZ9tfI8sWm6qGj6Z6b55WS5Yxn219f2VZA0TY0zyqNqQT5AAAABXRSTlMA6alUFQy/ElcAAABRSURBVBjTbc03EsAwCERROSySnNP9z2rNVmiW30DxBlLQPCZtGhBAAAFsCWQCmUAm8Fsq4OCTAbyltOHgaTeyrWj5i7sdtnHrXl9WwQglQukHVNoDZyCTMMAAAAAASUVORK5CYII=") no-repeat
}

.yjjs-filter {
    position: relative;
    color: #3071d1
}

.yjjs-filter .panel-body {
    padding: 2%
}

.yjjs-filter .yjjs-unfold {
    display: block;
    position: absolute;
    bottom: -75px;
    left: 0;
    width: 26px;
    height: 76px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAC0CAMAAAC9gsxiAAAAflBMVEUAAABCREZCREZCREZCREZCREZCREZBREVEREZBREVGREdCREZCREZCREZCREZCREZBREZCREZCREZCREZCREZCREZCREZCREZCREZCREahoqP///9xc3TQ0NGJiozn6Ojz8/NmZ2msra7b3Ny4ubl9f4BaW11OUFLExMWVlpeoJZ8jAAAAGXRSTlMA9NrK+0HRtCUWDePDnZKJdetiUC+kgGVh8kce9gAAAeJJREFUWMPtl9ta2zAQhOMQhxBoCNAWdqXVwbZ8eP8XrCRkbCT5iracPBf+1v6/WU2cXEw2cwHM71a0oq+NrsqyBLCXY0yOlxD0I0a3YLW9dtfza3K/AyjOx4PzFg9zUt4BwMmduLXD9c+JHNyDXenGE1jdXL2OUHh0O0WZbnf3br58ns9TBKf9YZp3DyFC0MXvU+GHEOWwh0Qhyq8s8FEyprByc7GEtm9GBFB1ecSglTkXJ4sGQiuRQ7JBlE0OCWYAap1bWDUVAMufpSUYyiBkACRIJEgwh7SSafhOu1OEUib7kdu+1romkSIS/qEY/tKb19Ui4u5LISIWI021Iu9jeVcWCWwkIsr5wiIs5JxxjmjdAe1GBMQZgEdVgjSjyiHTxIg5l1FEtYmQli/nx2chCtWj1xDQGH5ooTOI0Y8t0Xugm2JB+82qVd9ZH6CKrGhFn6H33mV67+N/7r1Pae99nPXepy/Xe1s+KkFI+CyWoiaYWM5V9YiUcyEfat+zMshXM4aYQb7QMYAUyVrViqxEjMhYUy3aJl2oWou6WmXaMgGXveoq1ZsYtaAr0wF0ov3XFYuzF/FM/eah2r4NFWMlRtmgf/Mi6qJZlC5MEYMlNPRLaJBtjEJ47Lvx/xl8mt77B6M71mPfdWf4AAAAAElFTkSuQmCC") bottom no-repeat
}

.yjjs-filter .yjjs-unfold.fold {
    background-position: top
}

.yjjs-cal-category,.yjjs-province {
    margin-top: 15px
}

.yjjs-cal-category,.yjjs-province span {
    cursor: pointer
}

.yjjs-cal-category span:hover,.yjjs-province span:hover {
    color: #00a0ea
}

.choice_counter_name span {
    display: inline-block;
    margin: 9px 0 9px 10px;
    padding: 8px 22px;
    color: #3788e4;
    font-weight: 350;
    border: 1px solid #3788e4;
    position: relative
}

.choice_counter_name span:hover .optionalClose {
    display: block;
    cursor: pointer
}

.choice_counter_name span .optionalClose {
    position: absolute;
    top: -2px;
    right: -5px;
    display: none;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-style: normal;
    text-align: center;
    background: #ccc;
    color: #fff;
    border-radius: 50%
}

.provinceCal span {
    margin: 0 10px 10px 0;
    padding: 5px;
    display: inline-block;
    border: 1px solid #ccc;
    color: #666;
    font-weight: 350;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.showProvinceGuo {
    display: none
}

.provinceCal .showQuoCal {
    color: #00a0ea;
    border-color: #00a0ea
}

.showQuoCal:hover .showProvinceGuo {
    display: block
}

#pc-index {
    font-size: 14px;
    font-weight: 400
}

.d-header {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 300;
    font-weight: 400;
    background: #00a0ea;
    border-bottom: 1px solid hsla(0,0%,100%,.15);
    transition: background .3s cubic-bezier(0,0,.2,1) .15s
}

.d-header:hover {
    background: #00a0ea;
    border-bottom-color: transparent
}

.d-h-container {
    margin: 0 auto;
    min-width: 1000px;
    max-width: 1200px
}

.h-top {
    border-bottom: 1px solid hsla(0,0%,100%,.15)
}

.h-bottom,.h-top {
    height: 50px
}

.d-logo {
    margin-left: 20px;
    float: left;
    margin-top: 12px;
    width: 110px
}

.d-h-menu {
    float: right
}

.d-header a {
    font-size: 14px;
    color: #fff
}

.d-header a:hover {
    color: #4cd384
}

.d-h-nemu-link {
    float: left;
    height: 50px;
    line-height: 50px;
    padding: 0 12px;
    color: #fff
}

.d-h-desktop {
    float: right;
    height: 50px
}

.d-h-search {
    float: right;
    position: relative;
    margin-top: 7px;
    width: 200px;
    height: 36px;
    background: hsla(0,0%,100%,.12);
    transition: width .5s
}

.d-h-search.active,.d-h-search:hover {
    border: 1px solid #4cd384;
    background: #2789be
}

.d-h-search.active {
    width: 300px
}

.d-h-form {
    margin: 0;
    padding: 0;
    height: 100%
}

a.d-h-message {
    position: relative;
    display: block;
    line-height: 46px;
    font-size: 32px;
    cursor: pointer
}

.d-h-messages:hover .message-unread {
    display: block
}

.d-h-message b {
    top: 8px;
    left: 16px;
    background: red;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 12px
}

.d-h-message b,.message-unread {
    position: absolute;
    text-align: center
}

.message-unread {
    display: none;
    left: -122px;
    padding: 0 20px;
    width: 300px;
    color: #333;
    background: #fff;
    line-height: 36px;
    box-shadow: 0 5px 20px rgba(26,26,26,.1)
}

.message-unread ul {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: left
}

.message-unread li {
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.message-unread li span {
    margin-right: 5px
}

.message-unread a {
    color: #333
}

.message-unread:before {
    top: -6px;
    left: calc(50% - 6px);
    display: block;
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    transform: rotate(45deg)
}

.input_search {
    width: 100%;
    height: 100%;
    padding: 3px 12px;
    outline: none;
    background: transparent;
    border: none;
    color: #fff
}

.input_search::-webkit-input-placeholder {
    color: #eee
}

.input_search::-moz-placeholder {
    color: #eee
}

.input_search:-ms-input-placeholder {
    color: #eee
}

.input_search::-ms-input-placeholder {
    color: #eee
}

.input_search::placeholder {
    color: #eee
}

.d-h-search:hover {
    width: 300px
}

.d-h-input {
    height: 100%
}

.d-h-submit {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 5px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    border: none;
    background: url(/images/index/xbt.png) no-repeat 0 -36px/40px 160px
}

.all-nav,.d-h-nav-list {
    float: left
}

.d-h-nav-list {
    position: relative
}

.d-h-nav-list li i {
    position: absolute;
    top: 3px;
    right: 4px;
    width: 24px;
    height: 16px
}

.d-h-nav-list li i.hot {
    background: url(/images/index/xbt.png) no-repeat -1px -1px/30px 120px
}

.d-h-nav-list li i.prize {
    top: 1px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAdCAMAAACDkYxEAAAANlBMVEUAAADtVTXtVTXtVTXtVTXtVTXtVTXtVTXtVTXtVTXtVTXtVTXtVTXtVTXtVTXtVTXtVTXtVTV1xCTaAAAAEXRSTlMAQMCA8CAQYJDgMM+woG/QUGI+emsAAACtSURBVCjP1ZJLEoQgDETDX1TUvv9lp4ug4xToft4Ck3RiFylECUa+GBOueLaA324JJlGiB650vifigHVi5RCyA9ZlQP9pAXYDmXFiWz3VvACJs/XM8OxfzykDwEU6ZrbTJVCxohSQxbO86Bd+Pu/Byi9btYoLRuSoTiPSs7S1XfT4UFc7gso7oVhlktSiokMxo2HFXVax7amXcDxL7p+l1J5hL/nQ3msn7Ube+ACmxhu/mjOcOwAAAABJRU5ErkJggg==") no-repeat 50%/14px
}

.d-h-nav-list li i.appdown {
    top: 3px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAfCAYAAABzqEQ8AAADDklEQVRYhe1YT0gUYRT/7cyuq3aIEKUEI8TU0vayugUZejEr6lBhdegQXoWyTlHQoSgiKjpWkER/JIi8dGkJpK0kyxYlzf9EtLRFEmFY7jYzu/G+2R1n3ZmdWXeUXfAHwzffe2/e++373vfmm7XNtLp3ArgLYB2yH98AHCPSXwGU5gDhOL5wOUaYsJ7LAhJpY4X0csGuFcfZdoaNYl8PpJE+RW73tICvdUN4/gSRwHiSXA1p2A/xnVfOTFkVHM0H2X2485Ji5djXBq54raZtZPo7hKedmmnQJr3rgKx01eNPx35FTsRIR0HUpONyNcL0o2NEyDavaTds+QUJiXDuPQxuTRGkyhrF1r69hfn65/NC0Fm5lOXBl5YpWTeD8LNu/D5Uxy51RgnS1Jjs0+VRMkqEmay8aj5mWTkbxdFB3Yi6pKOhOUR+/WQZogCZQpwYSiBFGWU/JhiQ5x55zldskkn3PE6fNC1l6M51Nha0nzNF2bG1EasuP2QXv3lbgk7s9SaQslduYWO466Ysr3XDtrpYLpdP40m+TZFGrCaptmj58o4cN0VcD1TXtHJEisjxFdUsyxSD5PbKGvDuJjnuxMeUvjQ3ohrhBzdgd9XBuacV4pA/pa3w1pdUy2pIU6Pg6hvgPNrBVlCaHGFakjvqG8Bv2CjPh1PHMezT0ZlppUzIcSYQ/L3s6bxGuX7F/pfyOPaBjdQ1aC/FO8miSUNVJkZQ13R++8Uka8n/Iskvkw/2ztvEukwqaJaH1kagMuGKSmArLER0diZBRy8Co82D2KoJ/a/BFRVDCnyefz4wDnF4gPkWBt4Y+qGjadTQKsuwcmBaLuQs6VAW8EgHISJ9O3f4MtyilncCQDeAkgwcVQM4b8KODjHGjVgfPwD44n3al4GjOJoB7EihfwXgggVxLN2IJ+k9oaMj+SmrAllJmk4593R09wG8tyqQ1S3vLIDZBTKam//8MQGrSQcBXFkgo3nQyiBL8XK5Sn9dxe5pvGZ1gKUgPQfgdOyeyuKv1QEMv1wWiUcA6LO7y3LPAP4Dui8KFNeQE+YAAAAASUVORK5CYII=") no-repeat 50%/26px 20px
}

.all-nav {
    position: relative;
    height: 50px;
    padding: 15px 20px;
    color: #fff;
    cursor: default
}

.all-nav:hover .all-nav-cover {
    display: block
}

.all-nav .all-nav-cover {
    display: none;
    position: absolute;
    width: 180px;
    left: 0;
    top: 50px;
    background: #1982f2
}

.all-nav .all-nav-inner {
    height: 20px;
    padding-left: 35px;
    line-height: 20px;
    font-size: 14px;
    background: url(/images/index/xbt.png) no-repeat 0 -64px/40px 160px
}

.all-nav:hover {
    background: #4cd384
}

.all-nav-area {
    position: relative;
    height: 100%
}

.nav-area {
    position: relative;
    padding: 20px 0 20px 20px;
    border-bottom: 1px solid #fff
}

.all-nav-area>li:nth-last-child(2) {
    border: none
}

.nav-area-title {
    font-size: 16px;
    margin-bottom: 10px
}

.nav-area-con {
    float: left;
    width: 130px
}

.nav-show {
    display: inline-block;
    margin-right: 10px;
    padding-bottom: 6px
}

.nav-active {
    color: #4cd384
}

.nav-active .nav-arrow {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQBAMAAAA2ZkhwAAAALVBMVEUAAABM04RM04RM04RM04RM04RM04RM04RM04RM04RM04RM04RM04RM04RM04Rda1uWAAAAD3RSTlMA/uqKYkEk5da1sVwMy8qCNpb4AAAANElEQVQI12OAAO43IJJDCkSyKRqAqEAREMkiGACiDNVAJKc4hISIQGTBKiG64CZw32GAAQAEcQVTWWQldgAAAABJRU5ErkJggg==")
}

.nav-area:hover+.nav-province {
    display: block
}

.nav-arrow {
    float: left;
    margin-top: 3px;
    width: 10px;
    height: 14px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAYAAADESFVDAAAAkElEQVQokZ2SsQ3CMBBFvx3JVcbIImSOVMk2bEPBDkjUZAIqNkjDo+BHpDiLwJdOdvGsf/d9CZCVJT0VKPscJF0ktREkoAAzb52ABtC21ksHPAwea5CAA7AYHGuQgMnQ4kchJNth+64GNcDZ4B0oORz5o7RG8LPduGm8/xbB9FeYBbjt+ZYBuAJtMIgSO1blBScVabngY42UAAAAAElFTkSuQmCC") no-repeat
}

.nav-province {
    display: none;
    position: absolute;
    left: 180px;
    top: 0;
    padding: 20px 0;
    width: 120px;
    height: 100%;
    background: #2488f2
}

.nav-province:hover {
    display: block
}

.nav-province-list {
    position: relative;
    height: 36px;
    padding: 6px 20px
}

.nav-praent_type {
    display: none;
    position: absolute;
    left: 120px;
    top: 0;
    width: 210px;
    height: 100%;
    background: #3c94f1
}

.nav-praent_type:hover {
    display: block
}

.all-nav-praent_type {
    width: 210px;
    padding: 20px 0
}

.nav-province-list:hover+.nav-praent_type {
    display: block
}

.nav-praent_type-list {
    height: 36px;
    padding: 6px 20px
}

.nav-praent_type-list:hover+.nav-cal-stand {
    display: block
}

.nav-cal-stand {
    display: none;
    position: absolute;
    left: 210px;
    top: 0;
    padding: 20px;
    height: 100%;
    background: #459dfa;
    overflow: hidden
}

.nav-cal-stand:hover {
    display: block
}

@media (max-width: 1400px) {
    .nav-cal-stand {
        width:800px!important
    }
}

.nav-standard {
    position: relative
}

.nav-standard-con {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0
}

.nav-calculator h4,.nav-standard h4 {
    padding-bottom: 15px;
    text-align: center;
    border-bottom: 1px solid #fff
}

.nav-calculator span,.nav-standard span {
    display: inline-block;
    margin-bottom: 10px;
    padding: 2px;
    border: 1px solid #fff;
    border-radius: 5px
}

.nav-link {
    padding-top: 15px
}

.nav-link a {
    display: inline-block;
    margin: 0 15px 10px 0;
    border: 1px solid #fff;
    border-radius: 2px;
    padding: 2px 6px
}

.nav-link a:hover {
    background: #fff
}

.d-h-nav-list li {
    float: left;
    height: 50px;
    line-height: 50px;
    padding: 0 16px;
    position: relative
}

.d-h-nav-list .line {
    position: absolute;
    width: 0;
    height: 3px;
    left: 115px;
    bottom: 0;
    background: #4cd384;
    transition: width .3s cubic-bezier(.4,0,.2,1)
}

.d-solution {
    padding: 30px 0;
    background: url(/images/index/service-bg.png) no-repeat 50%/cover
}

.d-m-title,.d-s-title {
    text-align: center;
    color: #000;
    letter-spacing: 3px
}

.d-m-title p,.d-s-title p {
    font-size: 16px;
    padding-top: 10px
}

.d-solution h3 {
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.6em;
    color: #000
}

.d-s-con p {
    text-indent: 2em
}

.d-solution .d-s-item {
    position: relative;
    margin-top: 60px;
    height: 330px
}

.d-solution .d-s-item>div:hover {
    transform: translateY(-15px)
}

.d-solution .d-s-item>div:hover .d-s-info {
    box-shadow: 0 1px 15px 0 #ccc;
    height: auto;
    min-height: 330px;
    overflow: visible
}

.d-solution .d-s-item>div:hover .d-s-cbg {
    background-color: #19c5f5;
    background-position-y: -6px
}

.d-solution .d-s-item>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 10px;
    transition: .5s
}

.d-solution .d-s-item .d-s-info {
    position: absolute;
    top: 0;
    left: 0;
    padding: 60px 15px 15px;
    height: 330px;
    overflow: hidden;
    background: #fff;
    transition: .5s
}

.d-solution .d-s-cbg {
    z-index: 3;
    position: absolute;
    top: -45px;
    left: calc(50% - 45px);
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 6px solid #cbedf8;
    background: #fff url(/images/index/solutions.png) no-repeat;
    background-position-y: -96px;
    transition: .5s
}

.d-solution .d-s-item:first-of-type .d-s-cbg {
    background-position-x: -5px
}

.d-solution .d-s-item:nth-of-type(2) .d-s-cbg {
    background-position-x: -95px
}

.d-solution .d-s-item:nth-of-type(3) .d-s-cbg {
    background-position-x: -185px
}

.d-solution .d-s-item:nth-of-type(4) .d-s-cbg {
    background-position-x: -275px
}

.d-solution .d-s-item:nth-of-type(5) .d-s-cbg {
    background-position-x: -365px
}

.d-solution .d-s-item:nth-of-type(6) .d-s-cbg {
    background-position-x: -455px
}

.d-solution .d-s-item:nth-of-type(7) .d-s-cbg {
    background-position-x: -545px
}

.d-solution .d-s-item:nth-of-type(8) .d-s-cbg {
    background-position-x: -635px
}

.d-solution .d-s-item p {
    line-height: 2em;
    letter-spacing: 3px
}

.d-h-nav-list .line.show {
    transition: all .2s cubic-bezier(.4,0,.2,1)
}

.d-h-nav-list li a {
    display: block
}

.d-h-nav-list li:hover a {
    color: #4cd384
}

.d-member {
    padding: 30px 0;
    background: #f8fcff
}

.d-m-con {
    margin-top: 40px
}

.d-m-item {
    position: relative;
    z-index: 5;
    padding: 50px 20px 20px;
    height: 400px;
    text-align: center;
    font-weight: 700
}

.d-c-title {
    height: 100px;
    min-width: 1000px;
    color: #000;
    font-size: 42px;
    line-height: 100px;
    letter-spacing: 6px;
    text-align: center;
    background: url(/images/index/coverage.png) no-repeat 50%/cover
}

.d-coverage {
    font-size: 16px;
    background: #f8fcfd
}

.d-c-often {
    padding-bottom: 20px;
    border-bottom: 2px dashed #ccc
}

.d-c-often ul li {
    float: left;
    margin-left: 20px;
    color: #0b8ed2
}

.d-c-con {
    padding: 30px 0
}

.c-0b8ed2 {
    color: #0b8ed2
}

.d-m-item:hover,.d-m-item:hover .d-m-type {
    color: #fff
}

.d-m-item:hover .d-m-bg {
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1
}

.d-m-item:hover .d-m-btn {
    display: inline-block;
    border: none
}

.d-m-con .d-m-item:hover>div .d-m-member {
    background-color: #fff;
    background-position-x: 10px
}

.d-m-bg {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 0;
    opacity: 0;
    transition: .5s ease-in-out
}

.d-m-con .d-m-item:first-child .d-m-bg,.d-m-con .d-m-item:first-child .d-m-member {
    background-color: #1a8fd1
}

.d-m-con .d-m-item:nth-child(2) .d-m-bg,.d-m-con .d-m-item:nth-child(2) .d-m-member {
    background-color: #e67817
}

.d-m-con .d-m-item:nth-child(3) .d-m-bg,.d-m-con .d-m-item:nth-child(3) .d-m-member {
    background-color: #2eafbb
}

.d-m-con .d-m-item:nth-child(4) .d-m-bg,.d-m-con .d-m-item:nth-child(4) .d-m-member {
    background-color: #87baed
}

.d-m-con .d-m-item:first-child .d-m-member {
    background-position-y: 10px
}

.d-m-con .d-m-item:nth-child(2) .d-m-member {
    background-position-y: -90px
}

.d-m-con .d-m-item:nth-child(3) .d-m-member {
    background-position-y: -190px
}

.d-m-con .d-m-item:nth-child(4) .d-m-member {
    background-position-y: -290px
}

.d-m-member {
    margin: 0 auto;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: url(/images/index/member.png) no-repeat;
    background-position-x: -90px;
    transition: background-position .5s,background-color 1s
}

.d-m-con .d-m-type {
    margin: 25px 0;
    font-size: 18px;
    color: #000
}

.d-m-con p {
    margin-bottom: 10px;
    font-size: 14px
}

.d-m-btn {
    display: none;
    margin-top: 30px;
    width: 130px;
    height: 40px;
    line-height: 27px;
    border-radius: 0;
    font-size: 18px
}

.d-c-change {
    margin: 30px 0
}

.d-c-province .d-c-area>i {
    display: inline-block;
    width: 74px;
    height: 23px;
    text-indent: 15px;
    line-height: 22px;
    color: #fff;
    font-style: normal;
    background: url(/images/index/sucai.png) no-repeat 50%/cover
}

.d-c-province span {
    margin-right: 10px
}

.d-c-province span.province-area {
    position: relative;
    display: inline-block;
    border: 1px solid transparent;
    padding: 5px 18px
}

.d-c-province span.province-area.on {
    border-color: #0078d7
}

.d-c-province span.province-area.on i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 21px;
    height: 14px;
    font-style: normal;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAOCAMAAAD32Kf8AAAAP1BMVEUAAAAAoOoAoOoAoOoAoOoAoOr///8nr+7z+/6c2veP1vbk9f3Q7fu65fmC0PV3zPRCue84te8Sp+sDoeoBoOpVGAzAAAAABXRSTlMA6alUFQy/ElcAAABRSURBVBjTbc03EsAwCAVROSwKzuH+Z7WGSp6vbaB4A6HTPAZtGuhAoANrAj2BnkBP4LNkaOAVgTulOhq420m09QXai8WKbb79Xh+W8RxKDqUPVvADbKCslAcAAAAASUVORK5CYII=") no-repeat
}

.d-c-area {
    margin: 30px 0
}

.d-c-cal_stand {
    padding-bottom: 30px;
    text-align: center;
    background: #5d94d7;
    color: #fff
}

.d-c-cal_stand a {
    color: #fff
}

.d-c-cal_stand ul {
    padding-top: 15px;
    text-align: left
}

.d-c-cal_stand ul li {
    display: inline-block;
    margin: 0 5px 10px 0;
    padding: 0 5px;
    line-height: 30px;
    font-size: 15px;
    letter-spacing: 1px
}

.d-c-cal_stand h3 {
    padding: 40px 0 10px;
    border-bottom: 2px solid #fff
}

.d-c-cscon {
    margin: 0 auto;
    max-width: 1000px;
    overflow-x: hidden
}

.d-c-cal li {
    background: #377ed8
}

.d-c-stand {
    max-height: 400px;
    margin-right: -17px;
    overflow-y: auto
}

.d-c-shadow {
    height: 10px;
    box-shadow: inset 0 5px 10px 1px #fff
}

.d-c-stand li {
    background: #87baee;
    border-radius: 5px
}

.d-cooperator .d-co-logo div {
    height: 150px;
    background: #f8f8fa;
    border-right: 2px dashed #ccc;
    border-bottom: 2px dashed #ccc;
    background: url(/images/index/clients.png) no-repeat 0 -75px;
    opacity: .66;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: .5s
}

.d-cooperator .d-co-logo.active div {
    opacity: 1;
    -webkit-filter: none;
    filter: none
}

.d-cooperator .d-co-logo div:first-child {
    background-position-x: 0
}

.d-cooperator .d-co-logo div:nth-child(2) {
    background-position-x: -290px
}

.d-cooperator .d-co-logo div:nth-child(3) {
    background-position-x: -580px
}

.d-cooperator .d-co-logo div:nth-child(4) {
    background-position-x: -870px
}

.d-cooperator .d-co-logo div:nth-child(5) {
    background-position-x: -1160px
}

.d-cooperator .d-co-logo div:nth-child(6) {
    background-position-x: -1450px
}

.d-cooperator .d-co-logo div:nth-child(7) {
    background-position-x: -1742px
}

.d-cooperator .d-co-logo div:nth-child(8) {
    background-position-x: -2037px
}

.d-cooperator .d-co-logo div:hover {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.d-cooperator .d-co-logo div:nth-child(n+5) {
    border-bottom: none
}

.d-cooperator .d-co-logo div:nth-child(4n) {
    border-right: none
}

.d-cooperator h2 {
    letter-spacing: 3px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    color: #000
}

.d-co-con {
    background: #f8f8fa
}

.d-course {
    margin-top: 30px;
    background: #00c2de
}

.d-cou-con {
    position: relative
}

.d-course h2 {
    height: 90px;
    line-height: 90px;
    color: #fff;
    text-align: center
}

.d-cou-timeline {
    position: relative;
    height: 210px
}

.d-cou-line {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 3px);
    height: 6px;
    background: silver;
    box-shadow: 1px 2px 3px 0 #666
}

.d-course .d-cou-slider {
    z-index: 5;
    position: absolute;
    top: 0;
    width: 70px;
    height: 300px;
    line-height: 300px;
    background: rgba(0,0,0,.2);
    color: #fff;
    font-size: 36px;
    text-align: center;
    cursor: pointer
}

.d-course .d-cou-slider.slider-left {
    left: 0;
    transform: rotateY(180deg)
}

.d-course .d-cou-slider.slider-right {
    right: 0;
    display: none
}

.d-cou-time {
    height: 210px;
    position: relative;
    overflow: hidden
}

.timeline-wrap {
    position: absolute;
    top: 0
}

.d-cou-time li {
    float: left;
    position: relative;
    width: 370px;
    box-shadow: 0 2px 5px 0 #666
}

.d-cou-time li:nth-child(odd) {
    top: 30px
}

.d-cou-time li:nth-child(2n) {
    top: 124px
}

.d-cou-time .d-cou-info {
    height: 56px;
    line-height: 56px;
    font-size: 16px;
    border-radius: 5px
}

.d-cou-time .d-cou-date {
    width: 90px;
    z-index: 3;
    position: relative;
    padding: 0 5px;
    color: #05c1de;
    border-radius: 5px 0 0 5px;
    background: #b3eef6
}

.d-cou-time .d-cou-date:after {
    display: block;
    position: absolute;
    left: calc(50% - 14px);
    content: "";
    width: 16px;
    height: 16px;
    background: #b3eef6;
    transform: rotate(45deg) translateY(-11px)
}

.d-cou-time li:nth-child(2n) .d-cou-date:after {
    top: 0
}

.d-cou-time li:nth-child(2n) .d-cou-circle {
    top: -39px
}

.d-cou-time .d-cou-desc {
    width: 280px;
    height: 100%;
    padding: 0 10px;
    color: #fff;
    border-radius: 0 5px 5px 0;
    background: #16b0c8;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.d-cou-circle {
    left: 27px;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url(/images/index/lc.png) no-repeat 50%/cover
}

.d-cou-all {
    z-index: 5;
    position: absolute;
    width: 70px;
    height: 70px;
    top: 0;
    right: 0;
    background: #fff;
    line-height: 35px;
    text-align: center
}

.d-cou-all a {
    display: block;
    letter-spacing: .5em;
    color: #00c2de
}

.d-footer {
    padding: 30px 0 15px;
    background: #00a0ea;
    color: #fff
}

.d-footer h3 {
    margin-bottom: 15px;
    font-size: 18px;
    letter-spacing: 3px
}

.d-footer a {
    color: #fff;
    font-size: 13px
}

.d-footer li {
    margin: 5px 0;
    font-size: 13px
}

.d-footer .f-copyright {
    margin: 30px -15px 0;
    text-align: center
}

.d-footer .f-copyright div {
    margin: 5px
}

.d-footer .f-copyright a {
    vertical-align: middle;
    margin-right: 5px
}

.d-savetime {
    text-align: center;
    height: 80px;
    line-height: 80px;
    font-size: 24px
}

.f-contact li {
    margin-top: 25px
}

.f-contact i {
    margin-right: 5px;
    display: inline-block;
    width: 26px;
    height: 20px;
    vertical-align: bottom;
    background: url(/images/index/db.png) no-repeat 0 -4px
}

.f-contact li:nth-child(2) i {
    background-position-y: -39px
}

.f-contact li:nth-child(3) i {
    background-position-y: -71px
}

.d-footer .d-f-ewm p {
    margin-top: 14px
}

.d-footer .d-f-ewm div:first-child p {
    padding-left: 10px
}

.d-c-text span:hover {
    cursor: pointer;
    color: #0b8ed2
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0
}

.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.c-s-c-pagehead {
    background: #fff;
    border-bottom: 1px solid #e1e4e8
}

.c-s-c-tab {
    width: 100%
}

.c-s-c-tab nav {
    position: relative;
    top: 1px;
    margin-top: 18px;
    font-size: 16px;
    color: #24292e;
    font-weight: 350
}

.c-s-c-tab nav a {
    display: block;
    float: left;
    padding: 7px 15px 8px;
    white-space: nowrap;
    border: 1px solid transparent;
    border-top: 3px solid transparent;
    border-radius: 3px 3px 0 0;
    transition: .3s
}

.c-s-c-tab nav i {
    display: inline-block;
    font-size: 18px;
    color: #999;
    vertical-align: bottom
}

.c-s-c-tab nav a:hover {
    color: #24292e
}

.c-s-c-tab nav a.selected {
    background-color: #f7f7f7;
    border-color: #e36209 #e1e4e8 transparent
}

.c-s-c-tab nav a.selected i,.c-s-c-tab nav a.selected span {
    color: #24292e
}

.design_left {
    border: 1px solid #d1d5da;
    border-radius: 5px
}

.scope-math {
    margin-top: 20px;
    color: #222
}

.scope-line {
    margin: 15px 0 0;
    height: 1px;
    background: #d9edf7
}

.d-list-wrap {
    margin-top: 20px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(26,26,26,.1);
    background: #fff
}

.c-des {
    margin-top: 100px;
    color: #fff
}

.c-des h1 {
    margin-bottom: 25px;
    text-align: left;
    font-size: 40px
}

.c-des p {
    margin-bottom: 60px;
    font-size: 20px
}

.c-photo {
    height: 500px
}

.c-view {
    font-size: 20px;
    color: #fff;
    border-bottom: 3px solid #4cd384
}

.c-view:hover {
    color: #4cd384
}

.my-modal .modal-header {
    border-bottom: none
}

.register-item {
    padding: 0
}

.login-input {
    padding: 10px 0;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    line-height: 1.6em;
    color: #333;
    font-size: 14px
}

.login-input:focus {
    border-color: #00a0e0
}

.login-input::-webkit-input-placeholder {
    font-size: 14px;
    color: #8590a6
}

.login-input::-moz-placeholder {
    font-size: 14px;
    color: #8590a6
}

.login-input:-ms-input-placeholder {
    font-size: 14px;
    color: #8590a6
}

.login-input::-ms-input-placeholder {
    font-size: 14px;
    color: #8590a6
}

.login-input::placeholder {
    font-size: 14px;
    color: #8590a6
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #fff inset;
    -webkit-text-fill-color: #333
}

.login-line {
    margin-top: 10px;
    height: 1px;
    background: #ccc
}

.findBackWay {
    color: #333;
    font-size: 20px
}

.findBackEma {
    color: #ccc
}

.findBack {
    color: #3071d1;
    border-bottom: 1px solid #3071d1
}

@media screen and (max-width: 768px) {
    .calculator_detail,.margin-top-xs,.pc-search {
        margin-top:.8rem
    }

    .margin-bottom-xs {
        margin-bottom: 1.1rem
    }

    div.check_all {
        background-color: #fff
    }

    .c-s-c-tab nav {
        top: 0;
        margin-top: 0
    }

    .c-s-c-tab nav a {
        width: 50%;
        border-width: 1px 1px 3px
    }

    .c-s-c-tab nav a.selected {
        border-color: transparent transparent #e36209;
        background-color: #fff
    }

    .count_btn {
        display: none;
        z-index: 199;
        position: fixed;
        bottom: 1.1rem;
        width: 100%;
        box-shadow: 0 0 1px 0 #ccc;
        opacity: 0
    }

    h1 {
        font-size: .32rem
    }

    .use-permission {
        font-size: 12px
    }

    .unread-message .message-con .panel-body a {
        display: inline;
        white-space: normal
    }

    .design_left {
        padding-bottom: 15%
    }
}

.m-cal-header {
    z-index: 399;
    position: fixed
}

.m-cal-header,.m-page-header {
    top: 0;
    width: 100%;
    height: .8rem;
    color: #fff;
    background: #00a0e0
}

.m-page-header {
    position: absolute
}

.m-cal-header h1,.m-page-header h1 {
    margin-top: 0;
    text-align: center;
    font-size: .32rem;
    line-height: .8rem
}

.m-cal-header a,.m-page-header a {
    top: .15rem;
    position: absolute;
    font-size: .48rem;
    right: .5rem
}

.m-provin {
    margin-top: .8rem;
    font-size: 0;
    border: .01rem solid #ddd
}

.m-province {
    height: 100%;
    margin-top: 0;
    display: inline-block;
    width: 69%;
    overflow-x: scroll;
    white-space: nowrap;
    vertical-align: bottom
}

.m-current span,.m-province span {
    margin: 0;
    padding: 0;
    border-left: .03rem;
    border-width: .03rem .03rem medium;
    border-right: .03rem;
    border-top: .03rem;
    vertical-align: bottom
}

.m-current-prov,.m-current span,.m-province span {
    display: inline-block;
    height: .8rem;
    font-size: .28rem
}

.m-current-prov {
    width: 18%;
    line-height: .8rem;
    color: #333
}

.m-current {
    display: inline-block
}

.m-parent {
    float: left;
    width: 1.8rem;
    line-height: .3rem;
    overflow-y: scroll;
    border-right: .01rem solid #ddd
}

.m-parent span {
    font-size: .28rem;
    border-top: none;
    border-left: none;
    border-bottom: none
}

.m-back {
    top: 0;
    width: 1rem;
    height: 100%;
    left: 0;
    position: absolute;
    font-size: .32rem;
    text-align: center;
    line-height: .8rem;
    border: none;
    background: none;
    outline: none
}

.unread-message {
    margin-top: 20px
}

.unread-message .message-title {
    margin: 20px 0;
    padding-bottom: 20px;
    text-align: left;
    font-size: 24px;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

.unread-message h1 {
    margin: 0;
    color: #222
}

.unread-message .panel li {
    padding: 0 15px;
    overflow: hidden
}

.unread-message .message-con .panel-body a {
    display: inline-block;
    vertical-align: middle
}

.unread-message .panel span {
    vertical-align: middle
}

.unread-message .panel i {
    padding-top: 6px;
    float: right;
    width: 24px;
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    color: #000;
    text-align: center;
    cursor: pointer
}

.unread-message .panel i:hover {
    color: #0366d6
}

.unread-message .panel-heading {
    padding: 0 15px;
    height: 36px
}

.message-list .panel-body {
    padding: 0
}

.message-list li.active,.message-list li.active:hover {
    background: #0366d6
}

.message-list li.active a {
    color: #fff
}

.blankslate-icon {
    margin-right: 4px;
    margin-bottom: 8px;
    margin-left: 4px;
    color: #a3aab1;
    fill: currentColor
}

.message-time {
    padding: 6px 10px;
    line-height: 24px
}

.message-con b {
    margin-right: 10px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-clip: padding-box;
    border-radius: 50%;
    vertical-align: middle
}

.message-con b.readed {
    background: #ddd
}

.message-con b.unread {
    background-image: linear-gradient(#2daeba,#28a745)
}

.m-page-wrap {
    display: none;
    z-index: 999;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.m-page-close {
    top: 0;
    width: 1rem;
    height: 100%;
    left: 0;
    position: absolute;
    font-size: .32rem;
    text-align: center;
    line-height: .8rem;
    border: none;
    background: none;
    outline: none
}

.m-list {
    padding: .1rem .4rem;
    line-height: .6rem;
    font-size: .26rem;
    font-weight: 400;
    border-bottom: 1px solid #ddd
}

.m-nav {
    display: flex;
    background: #fff
}

.m-nav li {
    flex: 1;
    text-align: center
}

.m-nav li a {
    display: block;
    padding: 0;
    height: .8rem;
    line-height: .8rem;
    font-size: .32rem;
    border-bottom: 3px solid transparent
}

.m-nav li.active a {
    color: #00a0e0;
    border-color: #00a0e0;
    background: none
}

.c-00a0e0 {
    color: #00a0e0
}

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

.nav-newtabs li {
    float: left;
    margin-bottom: -1px;
    font-size: 14px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid transparent
}

.nav-newtabs .active {
    border-bottom-color: #fff
}

.nav-newtabs>li.active a,.nav-newtabs>li a:focus,.nav-newtabs>li a:hover {
    color: #00a0ea;
    background: #fff
}

.nav-newtabs li:last-child {
    border-right: 1px solid #ddd
}

.downsty {
    display: block;
    margin: 15px 0 0 10px;
    padding-left: 25px;
    width: 79px;
    height: 20px;
    line-height: 20px;
    background: url(/images/index/xbt.png) no-repeat 0 -91px/40px 160px;
    transition: .3s
}

.machine input {
    position: fixed;
    top: -1.5em;
    left: -1.5em
}

.machine input:checked~.machine__btn {
    filter: brightness(75%);
    -webkit-filter: brightness(75%)
}

.machine input:checked~.machine__btn:nth-child(6) {
    -webkit-animation: flash 1s steps(1) 6s infinite;
    animation: flash 1s steps(1) 6s infinite;
    visibility: hidden
}

.machine input:checked~.machine__btn:nth-child(7) {
    -webkit-animation: disappear 1s steps(1) 5s forwards;
    animation: disappear 1s steps(1) 5s forwards;
    visibility: visible
}

.machine input:checked~.machine__btn:nth-child(n+2):nth-child(-n+5):active~.machine__window .machine__crane-z {
    transform: translateZ(3.5em)
}

.machine input:checked~.machine__btn:nth-child(n+2):nth-child(-n+5):active~.machine__window .machine__crane-x {
    transform: translateX(.01em)
}

.machine input:checked~.machine__btn:nth-child(n+2):nth-child(-n+5):active~.machine__window .machine__crane-claw {
    -webkit-animation-name: swingClaw2;
    animation-name: swingClaw2;
    -webkit-animation-duration: 0s;
    animation-duration: 0s
}

.machine input:checked~.machine__window .machine__crane-x,.machine input:checked~.machine__window .machine__crane-z {
    transition: transform 2s linear 2.75s
}

.machine input:checked~.machine__window .machine__crane-z {
    transform: translateZ(3.5em)
}

.machine input:checked~.machine__window .machine__crane-x {
    transform: translateX(0)
}

.machine input:checked~.machine__window .machine__crane-arm,.machine input:checked~.machine__window .machine__crane-claw,.machine input:checked~.machine__window .machine__crane-claw .machine__prize,.machine input:checked~.machine__window .machine__crane-finger,.machine input:checked~.machine__window .machine__crane-palm {
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.machine input:checked~.machine__window .machine__crane-arm,.machine input:checked~.machine__window .machine__crane-claw,.machine input:checked~.machine__window .machine__crane-finger,.machine input:checked~.machine__window .machine__crane-palm {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.machine input:checked~.machine__window .machine__crane-arm {
    -webkit-animation-name: lowerArm;
    animation-name: lowerArm
}

.machine input:checked~.machine__window .machine__crane-claw {
    -webkit-animation-name: swingClaw2;
    animation-name: swingClaw2
}

.machine input:checked~.machine__window .machine__crane-claw .machine__prize {
    -webkit-animation-name: liftPrize;
    animation-name: liftPrize;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.machine input:checked~.machine__window .machine__crane-finger:first-child {
    -webkit-animation-name: grabA;
    animation-name: grabA
}

.machine input:checked~.machine__window .machine__crane-finger:nth-child(2) {
    -webkit-animation-name: grabB;
    animation-name: grabB
}

.machine input:checked~.machine__window .machine__crane-finger:nth-child(3) {
    -webkit-animation-name: grabC;
    animation-name: grabC
}

.machine input:checked~.machine__window .machine__crane-palm {
    -webkit-animation-name: raisePalm;
    animation-name: raisePalm
}

.machine input:focus~.machine__btn:nth-child(6) {
    filter: brightness(125%);
    -webkit-filter: brightness(125%)
}

.machine,.machine__btn,.machine__crane-claw,.machine__crane-z,.machine__window {
    position: relative
}

.machine__roof,.machine__window {
    width: 16rem
}

.machine__btn span,.machine__roof {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.machine__btn {
    background: #5583f6;
    border-radius: 50%;
    box-shadow: 0 14px 0 #255ff4;
    color: #171717;
    cursor: pointer;
    display: block;
    margin: 0 .125em;
    width: 80px;
    height: 71px;
    z-index: 1
}

.machine__btn:active {
    box-shadow: 0 0 0 #255ff4;
    transform: translateY(.375em)
}

.machine__btn:active~.machine__window .machine__crane-x,.machine__btn:active~.machine__window .machine__crane-z {
    transition: transform 2s linear
}

.machine__btn:focus {
    filter: brightness(125%);
    -webkit-filter: brightness(125%);
    outline: transparent
}

.machine__btn--red {
    background: #f45757;
    box-shadow: 0 14px 0 #f22626
}

.machine__btn--red:active {
    box-shadow: 0 0 0 #f22626
}

.machine__btn:nth-child(7),.machine__btn span {
    position: absolute
}

.machine__btn:nth-child(7) {
    top: 0;
    right: 5.3em;
    visibility: hidden
}

.machine__btn span {
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 22px
}

.machine__btn:nth-child(2):active~.machine__window .machine__crane-claw,.machine__btn:nth-child(4):active~.machine__window .machine__crane-claw {
    animation: swingClaw1 1s linear infinite reverse
}

.machine__btn:nth-child(3):active~.machine__window .machine__crane-claw,.machine__btn:nth-child(5):active~.machine__window .machine__crane-claw {
    -webkit-animation: swingClaw1 1s linear infinite;
    animation: swingClaw1 1s linear infinite
}

.machine__btn:nth-child(2):active~.machine__window .machine__crane-x {
    transform: translateX(.01em)
}

.machine__btn:nth-child(3):active~.machine__window .machine__crane-x {
    transform: translateX(60em)
}

.machine__btn:nth-child(4):active~.machine__window .machine__crane-z {
    transform: translateZ(-11.49em)
}

.machine__btn:nth-child(5):active~.machine__window .machine__crane-z {
    transform: translateZ(-.01em)
}

.machine__roof {
    background: #f2b926;
    color: #3c2c01;
    cursor: default;
    font-size: 1.25em;
    height: 2rem;
    margin: .75rem;
    padding-top: .2rem;
    order: -2
}

.machine__window {
    height: 13em;
    order: -1;
    overflow: hidden;
    margin-bottom: 1em;
    perspective: 40em;
    z-index: 1;
    top: -714px;
    left: 0;
    width: 100%;
    height: 560px
}

.machine__crane-finger,.machine__crane-palm,.machine__prize,.machine__prizes,.machine__window {
    position: absolute
}

.machine__crane-x,.machine__crane-z {
    transition: transform 10000s linear
}

.machine__crane-z {
    width: 78%;
    margin: auto;
    left: .75em;
    transform: translateZ(3.5em);
    z-index: -3
}

.machine__crane-x {
    width: 3em;
    height: 14em;
    transform: translateX(0)
}

.machine__crane-arm {
    background: linear-gradient(#969696,#969696) 50% 0/.25em 100%;
    margin: auto;
    width: 100%;
    height: 38em;
    transform: translateY(-38em);
    transition: height 1.5s linear
}

.machine__crane-claw {
    background: linear-gradient(#969696,#969696) 50% 1em/1.5em .25em,linear-gradient(-80deg,hsla(0,0%,58.8%,0) 38%,#969696 41% 64%,hsla(0,0%,58.8%,0) 67%) .25em 1em/1em 2em,linear-gradient(80deg,hsla(0,0%,58.8%,0) 38%,#969696 41% 64%,hsla(0,0%,58.8%,0) 67%) 1.75em 1em/1em 2em,linear-gradient(#636363,#636363) 50% 0/1em .75em,linear-gradient(#575757,#575757) 50% .75em/.75em 1.5em,linear-gradient(#969696,#969696) 50% 2.25em/.5em .5em;
    transform-origin: 50% 0;
    top: 38em;
    width: 100%;
    height: 6em
}

.machine__crane-arm,.machine__crane-claw {
    background-repeat: no-repeat
}

.machine__crane-finger {
    color: #969696;
    top: 3em;
    width: 1.5em;
    height: 6em
}

.machine__crane-finger:first-child,.machine__crane-finger:nth-child(3) {
    border-top: .25em solid
}

.machine__crane-finger:first-child {
    border-radius: 100% 0 0 100%/35% 0 0 50%;
    border-left: .5em solid;
    left: 0;
    transform: rotate(30deg);
    transform-origin: 100% 0
}

.machine__crane-finger:nth-child(2) {
    background: #7d7d7d;
    border-radius: 0 0 50% 50%/0 0 100% 100%;
    left: calc(50% - .25em);
    width: .5em;
    transform: scaleY(.67);
    transform-origin: 50% 0
}

.machine__crane-finger:nth-child(3) {
    border-radius: 0 100% 100% 0/0 35% 50% 0;
    border-right: .5em solid;
    right: 0;
    transform: rotate(-30deg);
    transform-origin: 0 0
}

.machine__crane-palm {
    background: #a3a3a3;
    border-radius: .25em;
    top: 2.75em;
    left: calc(50% - .625em);
    width: 1.25em;
    height: .5em
}

.machine__prizes {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2
}

.machine__prizes .machine__prize {
    opacity: 1
}

.machine__prize {
    opacity: 0;
    top: calc(100% - 2em);
    left: calc(30% - 1.7em);
    width: 5em;
    height: 5em;
    z-index: 0
}

.machine__op-area {
    background: linear-gradient(90deg,#000 .25em,transparent 0 .5em,#806114 .5em 1em,transparent 1em 7.5em,#000 7.5em 7.75em,transparent 7.75em 8em,#806114 8em) 50% 5.25em/8.5em 1em,linear-gradient(90deg,#242424 1.5em,transparent 0 7.5em,#242424 7.5em) 50% 5em/9em 1.5em,linear-gradient(90deg,#3d3d3d 1em,transparent 0 7.5em,#3d3d3d 7.5em) 50% 7.5em/8.5em 1em,linear-gradient(90deg,#242424 1.5em,transparent 0 7.5em,#242424 7.5em) 50% 7.25em/9em 1.5em;
    background-repeat: no-repeat;
    margin: -2.25em .5em 1em;
    width: 17em;
    height: 12em
}

.machine__op-area,.machine__op-area:before {
    border-color: #f2b926 rgba(0,0,0,.25) rgba(0,0,0,.3) hsla(0,0%,100%,.2);
    border-style: solid;
    border-width: 1.5em .25em 1em
}

.machine__op-area:before {
    content: "";
    display: block;
    margin: auto;
    height: 1.5em
}

.machine__prize-door,.machine__vents {
    width: 3em;
    height: 3em
}

.machine__prize-door {
    background: #969696;
    border-radius: .375em;
    box-shadow: inset .125em .125em 0 rgba(0,0,0,.55);
    margin: 0 auto 0 1.5em
}

.machine__vents {
    background: radial-gradient(100% 100% at center,#000 33%,transparent 35%) 0 0/25% 25%;
    margin: 0 auto 0 0
}

.machine__feet {
    background: linear-gradient(90deg,#a3a3a3 2em,transparent 0 15em,#a3a3a3 15em) 0 100%/100% 50%,linear-gradient(90deg,transparent .5em,#969696 0 1.5em,transparent 1.5em 15.5em,#969696 15.5em 16.5em,transparent 16.5em);
    background-repeat: no-repeat;
    position: absolute;
    top: 100%;
    left: .5em;
    width: 17em;
    height: 1em
}

.down-arrow,.left-arrow,.right-arrow,.up-arrow {
    width: 0;
    height: 0
}

.right-arrow {
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-left: 1em solid
}

.down-arrow {
    border-top: .75em solid;
    border-right: .75em solid transparent;
    border-left: .75em solid transparent
}

.left-arrow {
    border-top: .5em solid transparent;
    border-right: 1em solid;
    border-bottom: .5em solid transparent
}

.up-arrow {
    border-right: .75em solid transparent;
    border-bottom: .75em solid;
    border-left: .75em solid transparent
}

.sr {
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    width: 1px;
    height: 1px
}

@-webkit-keyframes lowerArm {
    0%,50%,to {
        transform: translateY(-38em)
    }

    20%,30% {
        transform: translateY(-5em)
    }

    50%,to {
        transform: translateY(-38em)
    }
}

@keyframes lowerArm {
    0%,50%,to {
        transform: translateY(-38em)
    }

    20%,30% {
        transform: translateY(-5em)
    }

    50%,to {
        transform: translateY(-38em)
    }
}

@-webkit-keyframes swingClaw1 {
    0%,to {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(10deg)
    }

    75% {
        transform: rotate(-10deg)
    }
}

@keyframes swingClaw1 {
    0%,to {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(10deg)
    }

    75% {
        transform: rotate(-10deg)
    }
}

@-webkit-keyframes swingClaw2 {
    0%,20%,30%,50%,to {
        transform: rotate(0deg)
    }

    5%,35% {
        transform: rotate(5deg)
    }

    15%,45% {
        transform: rotate(-5deg)
    }
}

@keyframes swingClaw2 {
    0%,20%,30%,50%,to {
        transform: rotate(0deg)
    }

    5%,35% {
        transform: rotate(5deg)
    }

    15%,45% {
        transform: rotate(-5deg)
    }
}

@-webkit-keyframes grabA {
    0%,20%,to {
        transform: translateY(0) rotate(30deg)
    }

    50% {
        transform: translateY(0) rotate(20deg)
    }

    to {
        transform: translateY(0) rotate(20deg)
    }
}

@keyframes grabA {
    0%,20%,to {
        transform: translateY(0) rotate(30deg)
    }

    50% {
        transform: translateY(0) rotate(20deg)
    }

    to {
        transform: translateY(0) rotate(20deg)
    }
}

@-webkit-keyframes grabB {
    0%,20%,to {
        transform: translateY(0) scaleY(.67)
    }

    50% {
        transform: translateY(0) scaleY(.67)
    }

    to {
        transform: translateY(-.5em) scaleY(1)
    }
}

@keyframes grabB {
    0%,20%,to {
        transform: translateY(0) scaleY(.67)
    }

    50% {
        transform: translateY(0) scaleY(.67)
    }

    to {
        transform: translateY(-.5em) scaleY(1)
    }
}

@-webkit-keyframes grabC {
    0%,20%,to {
        transform: translateY(0) rotate(-30deg)
    }

    50% {
        transform: translateY(0) rotate(-20deg)
    }

    to {
        transform: translateY(0) rotate(-20deg)
    }
}

@keyframes grabC {
    0%,20%,to {
        transform: translateY(0) rotate(-30deg)
    }

    50% {
        transform: translateY(0) rotate(-20deg)
    }

    to {
        transform: translateY(0) rotate(-20deg)
    }
}

@-webkit-keyframes liftPrize {
    0%,20% {
        opacity: 0;
        transform: translate(0)
    }

    20.1% {
        opacity: 0;
        transform: translate(0)
    }

    25%,45% {
        opacity: 1;
        transform: translate(-.1em)
    }

    50% {
        opacity: 1;
        transform: translate(-.1em)
    }

    50.1%,to {
        opacity: 1;
        transform: translate(-.1em,1em)
    }
}

@keyframes liftPrize {
    0%,20% {
        opacity: 0;
        transform: translate(0)
    }

    20.1% {
        opacity: 0;
        transform: translate(0)
    }

    25%,45% {
        opacity: 1;
        transform: translate(-.1em)
    }

    50% {
        opacity: 1;
        transform: translate(-.1em)
    }

    50.1%,to {
        opacity: 1;
        transform: translate(-.1em,1em)
    }
}

@-webkit-keyframes disappear {
    0% {
        visibility: visible
    }

    to {
        visibility: hidden
    }
}

@keyframes disappear {
    0% {
        visibility: visible
    }

    to {
        visibility: hidden
    }
}

@keyframes flash {
    0%,to {
        visibility: visible;
        filter: brightness(100%);
        -webkit-filter: brightness(100%)
    }

    50% {
        visibility: visible;
        filter: brightness(75%);
        -webkit-filter: brightness(75%)
    }
}