@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg')
}

html {
    overflow-y: scroll;
    overflow-x: hidden
}

.fl {
    float: left
}

.fr {
    float: right
}

.over {
    overflow: hidden
}

.main-fixed {
    position: fixed;
    top: 105px;
    right: 0;
    bottom: 40px;
    left: 0
}

.main-fixed .mainbackground {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-size: 1.4rem;
    cursor: pointer
}

.iconfont2 {
    font-family: "iconfont" !important;
    font-size: 1.4rem;
    font-style: normal;
    padding: 5px;
    cursor: pointer
}

@keyframes rotate90 {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(90deg)
    }
}

@-ms-keyframes rotate90 {
    from {
        -ms-transform: rotate(0deg)
    }
    to {
        -ms-transform: rotate(90deg)
    }
}

@-moz-keyframes rotate90 /* Firefox */
{
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(90deg)
    }
}

@-webkit-keyframes rotate90 /* Safari 和 Chrome */
{
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(90deg)
    }
}

@-o-keyframes rotate90 /* Opera */
{
    from {
        -o-transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(90deg)
    }
}

@keyframes rotate180 {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(180deg)
    }
}

@-ms-keyframes rotate180 {
    from {
        -ms-transform: rotate(0deg)
    }
    to {
        -ms-transform: rotate(180deg)
    }
}

@-moz-keyframes rotate180 /* Firefox */
{
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(180deg)
    }
}

@-webkit-keyframes rotate180 /* Safari 和 Chrome */
{
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(180deg)
    }
}

@-o-keyframes rotate180 /* Opera */
{
    from {
        -o-transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(180deg)
    }
}

.iconfont3 {
    font-family: "iconfont" !important;
    font-size: 1.4rem;
    font-style: normal;
    padding: 0;
    cursor: pointer
}

.iconfont4 {
    font-family: "iconfont" !important;
    font-size: 1.4rem;
    font-style: normal;
    padding: 0;
    cursor: move;
    float: right;
    margin-right: 10px
}

.iconfont.bigger {
    font-size: 32px;
    font-size: 3.2rem
}

.iconfont.samll {
    font-size: 16px;
    font-size: 1.6rem
}

.iconfont.normal {
    font-size: 26px;
    font-size: 2.6rem
}

.orange {
    color: #fa6900
}

.t-top {
    vertical-align: top
}

.t-center {
    vertical-align: middle
}

.t-bottom {
    vertical-align: bottom
}

.navbar .header {
    width: 96%;
    margin: 0 auto
}

.navbar .header .navbar-brand img {
    position: relative;
    top: -5px;
    height: 38px
}

.navbar .header .nav.navspace {
    padding-left: 35px
}

.navbar .header .nav li {
    position: relative
}

.navbar .header .nav li a {
    font-size: 14px;
    font-size: 1.4rem
}

.navbar .header .nav li a.msg {
    padding: 0 20px 0 10px
}

.navbar .header .nav li a.msg sup {
    position: absolute;
    top: 5px;
    right: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #c00;
    color: #fff;
    border-radius: 50%
}

.navbar .header .nav li a.u:hover {
    color: #fff;
    cursor: default
}

.navbar.smbar {
    height: 39px;
    box-sizing: content-box;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1)
}

.navbar.smbar .navbar-brand {
    position: relative;
    padding: 10px 20px 0 25px;
    font-size: 16px;
    font-size: 1.6rem;
    text-decoration: none;
    cursor: default;
    width:auto;
    height:auto;
}

.navbar.smbar .navbar-brand i {
    /*position: absolute;*/
    /*top: 11px;*/
    /*left: 0;*/
    /*font-size: 18px;*/
    font-size: 1.8rem;
    margin-right: 6px;
}

.navbar.smbar .nav {
    height: 39px
}

.navbar.smbar .nav.navspace {
    padding-left: 100px
}

.navbar.smbar .nav li {
    line-height: 39px;
    font-size: 14px;
    font-size: 1.4rem
}

.navbar.smbar .nav li a {
    display: block;
    margin: 0 10px;
    padding: 0 5px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.navbar.smbar .nav li a.active {
    color: #fa6900;
    border-bottom: 2px solid #fa6900
}

.navbar.smbar .nav li a.active:hover {
    border-bottom: 2px solid #fa6900
}

.navbar.smbar .nav li a:hover {
    color: #fa6900;
    border-bottom-color: transparent
}

.u-wrap {
    width: 96%;
    margin: 0 2%
}

.u-wrap .mainbackground {
    position: relative;
    padding: 50px 100px 10px;
    background-color: #f6f6f6
}

.u-wrap .mainbackground.nopadding {
    padding: 15px 25px
}

.u-wrap .mainbackground.bodys {
    padding: 50px 50px 10px
}

.u-wrap .mainbackground.bodys .sys-i {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 50px
}

.u-wrap .mainbackground.bodys .sys-i.fixed {
    position: fixed;
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999
}

.u-wrap .mainbackground.bodys .sys-i.fixed .title {
    top: 7px;
    background-color: transparent;
    border-color: transparent
}

.u-wrap .mainbackground.bodys .sys-i .submit-btn {
    position: absolute;
    top: 10px;
    right: 10px
}

.u-wrap .mainbackground .title {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 15px;
    border: 1px solid #f6f6f6;
    background-color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2)
}

.u-wrap .mainbackground .title .h6 {
    color: #88b7e0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none
}

.heading {
    position: relative;
    margin: 15px 0;
    padding: 3px 8px;
    border-left: 3px solid #fa6900
}

.heading .types-list {
    position: absolute;
    top: -2px;
    left: 120px
}

.heading .line {
    position: absolute;
    right: 0;
    bottom: -5px;
    left: 0;
    height: 0;
    border-bottom: 2px solid #ddd
}

.sm-heading {
    position: relative;
    margin: 3px 0 10px;
    padding: 0 8px 8px;
    border-bottom: 1px solid #dfe1e6
}

.sm-heading .types-list {
    position: absolute;
    top: 0
}

.sm-heading .types-list.left {
    left: 0
}

.sm-heading .types-list.right {
    right: 0
}


.loading {
    position: fixed;
    top: 20%;
    left: 50%;
    width: 250px;
    margin-left: -125px;
    padding: 10px 0 20px;
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    z-index: 9999999
}

.loading p {
    color: #fff;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0
}

.loading p i {
    position: relative;
    top: 10px;
    display: inline-block;
    width: 30px;
    height: 30px;
    padding-right: 10px;
    background-image: url("../../images/loading.gif");
    background-repeat: no-repeat
}

.loading p i img {
    width: 30px;
    vertical-align: middle
}

.loading-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    opacity: .2 \9;
    background-color: rgba(255, 255, 255, 0.2);
    filter: alpha(opacity=20);
    z-index: 98;
}

.notes {
    position: relative;
    margin: 20px 0 0;
    padding: 20px 0
}

.notes p {
    color: #333;
    font-size: 12px;
    font-size: 1.2rem
}

.notes p em {
    color: #f00;
    padding-right: 10px
}

.lp-tips {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    visibility: hidden;
    padding: 5px 5px;
    background-color: #ddd;
    border: 1px solid #ddd;
    border-radius: 3px;
    z-index: 95;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lp-tips:after {
    position: absolute;
    left: 50%;
    bottom: -20px;
    content: "\20";
    width: 0;
    height: 0;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top-color: #ddd
}

.lp-tips img {
    width: 400px
}

.alert {
    display: block;
    margin: 15px auto;
    padding: 10px 20px;
    border: 1px solid transparent;
    border-radius: 5px
}

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

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

.layer {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    padding-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    z-index: 99
}

.layer .title {
    position: relative;
    width: 100%;
    height: 38px
}

.layer .title .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #666;
    cursor: pointer
}

.layer .alert-msg {
    padding: 30px 0;
    text-align: center;
    color: #333;
    font-size: 16px;
    font-size: 1.6rem
}

.layer .alert-msg a {
    color: #f30
}

.layer-bg {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    opacity: .5 \9;
    filter: alpha(opacity=50);
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 98
}

.xx {
    z-index: 999
}

.layer-tips {
    display: none;
    position: fixed;
    top: 30%;
    left: 50%;
    width: 400px;
    min-height: 100px;
    margin-left: -200px;
    background-color: #fff;
    z-index: 999
}

.layer-tips .layer-tips-title {
    position: relative;
    height: 32px;
    padding-left: 15px;
    line-height: 32px;
    color: #414141;
    border-bottom: 1px solid #ddd;
    font-size: 1.4rem;
    font-size: 16px
}

.layer-tips .layer-tips-title i.close {
    position: absolute;
    top: 10px;
    right: 10px;
    line-height: 1;
    cursor: pointer;
    font-size: 1.4rem;
    font-size: 16px
}

.layer-tips .layer-tips-content {
    padding: 10px 15px 0
}

.layer-tips .layer-tips-content .tips {
    padding: 5px 10px;
    color: #f00;
    font-size: 12px;
    font-size: 1.2rem
}

.layer-tips .layer-tips-btns {
    padding: 10px 15px;
    text-align: center
}

.layer-tips .layer-tips-btns .btn {
    display: inline-block;
    margin: 0 10px
}

.layer-tips-bg {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 998
}

.steps {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.steps .line {
    display: none;
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    height: 5px;
    background-color: #ddd;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    z-index: 1
}

.steps ul {
    width: 1290px;
    height: 30px;
    overflow: hidden
}

.steps ul li {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    background-color: #ddd;
    z-index: 2
}

.steps ul li:after {
    content: "\20";
    position: absolute;
    top: 0;
    right: -30px;
    width: 30px;
    height: 30px;
    background-image: url("../../images/step-after.png");
    background-repeat: no-repeat;
    background-position: 0 -64px;
    z-index: 9
}

.steps ul li.active {
    background-color: #04a2ca
}

.steps ul li.active:after {
    content: "\20";
    position: absolute;
    top: 0;
    right: -30px;
    width: 30px;
    height: 30px;
    background-image: url("../../images/step-after.png");
    background-repeat: no-repeat;
    background-position: 0 -32px;
    z-index: 9
}

.steps ul li.hover {
    background-color: #04a2ca
}

.steps ul li.hover:after {
    content: "\20";
    position: absolute;
    top: 0;
    right: -30px;
    width: 30px;
    height: 30px;
    background-color: #ddd;
    background-image: url("../../images/step-after.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    z-index: 9
}

.steps ul li.step {
    width: 25%;
    text-align: center
}

.steps ul li.step.s1 {
    left: 0;
    z-index: 8
}

.steps ul li.step.s2 {
    left: 25%;
    z-index: 7
}

.steps ul li.step.s3 {
    left: 50%;
    z-index: 6
}

.steps ul li.step.s4 {
    left: 75%;
    z-index: 5
}

.steps ul li.step5 {
    width: 20%;
    text-align: center
}

.steps ul li.step5.s1 {
    left: 0;
    z-index: 8
}

.steps ul li.step5.s2 {
    left: 20%;
    z-index: 7
}

.steps ul li.step5.s3 {
    left: 40%;
    z-index: 6
}

.steps ul li.step5.s4 {
    left: 60%;
    z-index: 5
}

.steps ul li.step5.s5 {
    left: 80%;
    z-index: 4
}

.steps ul li.step2 {
    width: 33%
}

.steps ul li.step2.s1 {
    left: 0;
    z-index: 9
}

.steps ul li.step2.s2 {
    left: 33%;
    z-index: 8
}

.steps ul li.step2.s3 {
    left: 66%;
    z-index: 7
}

.steps ul li.step2.s3:after {
    background-image: none;
    background-color: #ddd
}

.steps ul li.step2.s3.active:after, .steps ul li.step2.s3.hover:after {
    background-image: none;
    background-color: #04a2ca
}

.steps ul li.step3 {
    width: 50%;
    text-align: center
}

.steps ul li.step3.s1 {
    left: 0;
    z-index: 9
}

.steps ul li.step3.s2 {
    left: 50%;
    z-index: 8
}

.steps ul li.step3.s2:after {
    background-image: none;
    background-color: #ddd
}

.steps ul li.step3.s2.active:after, .steps ul li.step3.s2.hover:after {
    background-image: none;
    background-color: #04a2ca
}

.steps ul li i {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-style: normal;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700
}

.steps ul li em {
    position: relative;
    top: 0;
    display: inline-block;
    color: #fff;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem
}

.c-fa {
    display: none;
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -75px;
    padding: 20px 40px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    background-color: #323232;
    border-radius: 5px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    z-index: 30000
}

input.disabled, input.readonly {
    background-color: transparent;
    border: none
}

input.disabled {
    opacity: .5
}

.pro-title .h6 {
    font-size: 14px;
    font-size: 1.4rem
}

.pro {
    position: relative;
    padding-top: 15px;
    padding-bottom: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pro i {
    display: inline-block;
    font-style: normal
}

.pro i.tip {
    position: relative;
    left: 30%;
    padding: 5px 0
}

.pro i.curr {
    position: relative;
    top: 15px;
    left: 24.5%;
    width: 12px;
    padding: 2px 3px;
    font-size: 12px;
    font-size: 1.2rem;
    background-color: #39c;
    color: #fff
}

.pro i.curr:after {
    content: "\20";
    position: absolute;
    top: -18px;
    left: 0;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-bottom-color: #39c
}

.pro .progress {
    position: relative;
    width: 500px;
    height: 30px;
    background-color: #e8e8e8;
    z-index: 0
}

.pro .progress:after {
    content: "\20";
    position: absolute;
    top: 0;
    right: -15px;
    bottom: 0;
    display: block;
    height: 30px;
    width: 15px;
    background-color: #e8e8e8;
    z-index: 0
}

.pro .progress div.ui-slider-range {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    background-color: #43bfe3;
    z-index: 8
}

.pro .progress span.ui-slider-range {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    background-color: #43bfe3;
    z-index: 9
}

.pro .progress span.ui-slider-handle {
    position: absolute;
    top: -3px;
    left: 0;
    bottom: -3px;
    width: 20px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #2dacd1;
    cursor: pointer;
    z-index: 9
}

.pro .progress span.pro-number-cale, .pro .progress span.pro-number-cale-over {
    position: relative;
    z-index: 9
}

.pro .progress span.pro-number-cale em, .pro .progress span.pro-number-cale-over em {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: right
}

.pro .progress span.pro-number-cale em.light, .pro .progress span.pro-number-cale-over em.light {
    color: #fff
}

.pro .progress span.pro-number-cale em.p-1, .pro .progress span.pro-number-cale-over em.p-1 {
    width: 97px
}

.pro .progress span.pro-number-cale-over {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    overflow: hidden
}

.pro .progress span.pro-number-cale-over .pro-p {
    display: block;
    width: 500px;
    overflow: hidden;
    white-space: nowrap
}

.pro .progress span.pro-number-cale-over em {
    color: #fff
}

.pro .progress span.pro-num {
    position: absolute;
    top: 0;
    right: -115px;
    bottom: 0
}

.pro .progress span.pro-num input.pro-num-input {
    width: 40px;
    height: 24px;
    text-align: center;
    padding: 3px 40px 3px 8px;
    border: solid 1px #e8e8e8;
    border-radius: 0
}

.pro .progress span.pro-num span.pro-company {
    position: absolute;
    top: 0;
    left: 50px;
    line-height: 32px;
    color: #999;
    font-size: 12px;
    font-size: 1.2rem
}

.pro .progress span.pro-num span.pro-num-control {
    position: absolute;
    top: 0;
    right: -20px;
    bottom: -2px;
    width: 10px;
    padding: 0 5px;
    background-color: #ddd
}

.pro .progress span.pro-num span.pro-num-control i.pro-number-arrow {
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    cursor: pointer
}

.pro .progress span.pro-num span.pro-num-control .pro-number-up i.pro-number-arrow {
    border-bottom-color: #999
}

.pro .progress span.pro-num span.pro-num-control .pro-number-down i.pro-number-arrow {
    border-top-color: #999
}

.error {
    margin: 25px auto
}

.error p {
    margin: 10px auto
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.heading span span {
    padding: 0 10px 0 0
}

.dropdown {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 99;
    display: none;
    width: 150px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #2e3138;
    color: #fff
}

.dropdown li {
    height: 36px;
    border-top: 1px solid #363a43;
    border-top: 1px solid rgba(54, 58, 67, 0.37);
    border-bottom: 1px solid #2e3138;
    border-bottom: 1px solid rgba(46, 49, 56, 0.37);
    line-height: 36px
}

.dropdown li a {
    color: #b7bac1;
    font-size: 14px;
    font-size: 1.4rem
}

.dropdown li:hover {
    background-color: #23252a;
    background-color: rgba(35, 37, 42, 0.7)
}

.dropdown li:hover a {
    border-top: 2px solid transparent
}

.dropdown li:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

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

.gobal-progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 99
}

.gobal-progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.gobal-progress-mb {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(50, 50, 50, 0.3);
    z-index: 98
}

.progress-striped .gobal-progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress.active .gobal-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: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

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

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

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

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

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

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.help-div {
    margin: 0;
    padding: 0
}

.help-div .wrap {
    position: fixed;
    _position: absolute;
    top: 0;
    right: 0;
    z-index: 9990;
    width: 35px;
    height: 100%
}

.help-div .wrap {
    text-decoration: none
}

.help-div .wrap .help-bar {
    position: absolute;
    top: 80%;
    left: 0;
    width: 35px;
    margin-top: -61px
}

.help-div .wrap .help-bar .bar {
    position: relative;
    width: 35px;
    height: 35px;
    margin-bottom: 1px;
    cursor: pointer;
    background-color: #7a6e6e;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    text-align: center;
    line-height: 32px;
    color: #fff
}

.help-div .wrap .help-bar .bar .bar-ico {
    width: 34px;
    height: 35px;
    margin-left: 1px;
    position: relative;
    z-index: 2;
    background-color: #7a6e6e;
    _display: block;
    font-size: 1.6rem
}

.help-div .wrap .help-bar .bar .bar-text {
    width: 62px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    font-family: '\5fae\8f6f\96c5\9ed1';
    position: absolute;
    z-index: -1;
    left: 35px;
    top: 0;
    background-color: #7a6e6e;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    -webkit-transition: left .3s ease-in-out .1s;
    -moz-transition: left .3s ease-in-out .1s;
    transition: left .3s ease-in-out .1s;
    _display: none
}

.help-div .wrap .help-bar .bar:hover {
    background-color: #888
}

.help-div .wrap .help-bar .bar:hover .bar-ico {
    background-color: #888
}

.help-div .wrap .help-bar .bar:hover .bar-text {
    background-color: #888;
    left: -58px
}

.help-feed-div {
    margin-left: 280px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background: #fff;
    overflow: hidden
}

.pjax-container .others {
    padding: 10px 40px 50px
}

.help-feed-div .pjax-container .others h1 {
    font-size: 16px;
    line-height: 49px;
    color: #363d40;
    margin-bottom: 2.1em;
    border-bottom: 1px solid #eceff0
}

.help-feed-div .pjax-container .others .close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    cursor: pointer;
    padding: 20px 5px 0 0
}

.pjax-container .others p {
    line-height: 150%;
    color: #656e73
}

.help-feed-div {
    position: absolute;
    z-index: 99;
    width: 600px;
    height: 480px;
    top: 15%;
    left: 15%
}

.help-feed-mb {
    position: absolute;
    z-index: 98;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.feedback-wrap button {
    float: left;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    background-color: #39b94e;
    height: 40px;
    width: 240px;
    cursor: pointer;
    text-align: center;
    transition: background-color .2s;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s
}

.feedback-wrap button:hover {
    background-color: #33a646
}

.feedback-wrap .rlf-tip-wrap {
    font-size: 12px;
    height: 30px;
    line-height: 30px
}

.pjax-container .others .feedback-wrap .rlf-tip-error {
    padding-left: 15px;
    color: #be3948
}

.field-wrap div {
    font-size: 1.4rem
}

.field-wrap input {
    width: 93%;
    line-height: 20px
}

.field-wrap textarea {
    width: 93%;
    line-height: 20px
}

.son li.ui-state-highlight {
    height: 1.5em;
    line-height: 1.2em;
    border: dashed 1px #999
}

a.btn-add-class {
    background-color: #09f;
    padding: 5px 13px;
    color: #fff
}

a.btn-add-class:hover {
    background-color: #09f;
    padding: 5px 13px;
    color: #fff
}

.main-background {
    width: 100%;
    height: 100%;
    background: #eee;
    padding: 30px 0
}

.main-background .mid-div {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    height: 600px;
    position: relative;
    overflow: hidden;
    text-align: center
}

.main-background .mid-div h5 {
    text-align: center;
    color: #faa460;
    padding-top: 80px
}

.main-background .mid-div div {
    float: left;
    color: #ddd;
    width: 33%;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    height: 200px;
    line-height: 200px;
    margin-top: 80px
}

.main-background .mid-div div .choose {
    display: none;
    color: #faa460;
    font-size: 50px;
    position: absolute;
    top: 38px;
    left: 121px
}

.main-background .mid-div div.active {
    color: #45abdb
}

.main-background .mid-div div.active .choose {
    display: block;
    color: #faa460
}

.main-background .mid-div div.active .choose:before {
    content: "\e616"
}

.main-background .mid-div div span {
    position: absolute;
    top: 85px;
    left: 160px;
    height: 30px
}

.main-background .mid-div div i {
    font-size: 100px;
    padding: 20px
}

.main-background .mid-div .btn {
    padding: 10px 70px;
    background: #45abdb;
    color: #fff;
    font-size: 16px;
    margin: 50px;
    cursor: pointer
}

.main-background .mid-div .btn:disabled {
    color: #ccc
}

.class-resource {
    display: none;
    position: fixed;
    top: 30%;
    left: 50%;
    width: 400px;
    min-height: 100px;
    margin-left: -200px;
    border: 1px solid #1ebb90;
    background-color: #fff;
    z-index: 999
}

.class-resource .layer-tips-title {
    position: relative;
    height: 32px;
    padding-left: 15px;
    line-height: 32px;
    background-color: #1ebb90;
    color: #fff;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-size: 1.4rem
}

.class-resource .layer-tips-title i.close {
    position: absolute;
    top: 10px;
    right: 10px;
    line-height: 1;
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem
}

.class-resource .layer-tips-content {
    padding: 10px 15px 0
}

.class-resource .layer-tips-content .tips {
    padding: 5px 10px;
    color: #f00;
    font-size: 12px;
    font-size: 1.2rem
}

.class-resource .layer-tips-btns {
    padding: 10px 15px;
    text-align: center
}

.class-resource .layer-tips-btns .btn {
    display: inline-block;
    margin: 0 10px
}

.layer-tips-bg-detail {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 998
}

#layer-tips-content p, .L-pdiv {
    width: 370px;
    margin: 20px auto 0;
    text-align: left
}

#layer-tips-content input {
    width: 298px;
    height: 28px;
    border: 1px #ccc solid;
    outline: none;
    padding: 0;
    border-radius: 0
}

#layer-tips-content span {
    padding-right: 10px;
    width: 60px;
    display: inline-block;
    text-align: right;
    font-size: 12px;
    line-height: 30px;
    color: #333
}

.L-pdiv {
    position: relative;
    height: 30px
}

#layer-tips-content .L-pdiv div {
    position: absolute;
    top: 0
}

#layer-tips-content select {
    width: 98px;
    height: 28px;
    border: 1px #ccc solid;
    border-radius: 0;
    outline: none;
    margin-left: -2px
}

.L-poL {
    left: -2px
}

.L-poR {
    right: 18px
}

.layer-tips .layer-tips-content {
    padding: 20px 15px 0
}

.layer-tips .layer-tips-btns {
    text-align: center;
    padding: 40px 15px 30px
}

a.btn-info {
    background: #00b7ee;
    color: #fff;
    outline: none
}

.allowAdmissionsTc .layer-tips-btns a.btn-mini {
    font-size: 14px;
    padding: 8px 13px
}

.L-layer-tips {
    display: none;
    position: fixed;
    top: 10%;
    left: 20%;
    z-index: 999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.layer-tips .layer-tips-title {
    height: 50px;
    padding-left: 15px;
    line-height: 50px;
    color: #474747
}

.layer-tips .layer-tips-title i.close {
    top: 18px;
    right: 12px
}

.L-videoL {
    width: 772px;
    height: 450px;
    margin: 20px 14px 40px
}

.L-videoC {
    width: 100%;
    height: 401px;
    border-bottom: 4px solid #515151;
    background: #000;
    position: relative
}

.L-videoL em {
    width: 6px;
    height: 6px;
    background: #c7cacc;
    border-radius: 50%;
    position: absolute;
    left: 3px;
    bottom: -5px
}

.L-videoB {
    width: 100%;
    height: 45px;
    background: #1c1c1c
}

i.L-font {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    font-weight: 900;
    display: inline-block;
    text-align: right;
    margin-right: 10px
}

.L-videoB p {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    margin-top: 13px
}

.L-videoB span {
    display: inline-block;
    text-align: left
}

.L-leL {
    margin-left: 20px;
    float: left
}

.L-leR {
    float: right;
    margin-right: 18px
}

.L-leR span {
    position: relative;
    top: -6px;
    width: 63px;
    height: 4px;
    margin: 0 17px 0 0;
    background: #fff
}

.L-leR strong {
    position: absolute;
    width: 10px;
    height: 10px;
    top: -3px;
    right: 0;
    background: #fff;
    border-radius: 50%
}

#loading {
    display: block;
    z-index: 9999;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -70px
}

a.btn-info:hover {
    background: #01aadd
}

.L-video-con {
    width: 100%;
    height: auto;
    min-height: 300px;
    background: #fff;
    margin-bottom: 80px
}

.L-video-con .L-ul {
    width: 100%;
    height: 40px;
    background: #f0f0f0
}

.L-video-con .L-ul li {
    width: 68px;
    height: 39px;
    float: left;
    text-align: center;
    font-size: 12px;
    line-height: 40px;
    border-top: 1px #f0f0f0 solid;
    color: #666;
    cursor: pointer
}

.L-video-con .L-ul li.L-ac {
    color: #333;
    border-top: 1px #0c9 solid;
    background: #fff;
    position: relative;
    z-index: 12
}

.L-operate_vedio {
    padding: 20px 22px 22px;
    width: 100%;
    box-sizing: border-box
}

a#addVideoBtn {
    width: 60px;
    border: none;
    padding: 9px 10px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    margin-top: 20px
}

.L-operate_vedio .btn-mini {
    font-size: 14px;
    padding: 7px 13px
}

.L-operate_vedio_add_box .files tr td {
    font-size: 14px
}

.L-heading a.btn-sm {
    padding: 8px 17px;
    background: #00b7ee;
    color: #fff
}

.L-heading a.btn-sm:hover {
    background: #01aadd
}

.L-operate_vedio_add_box .operate_vedio_table tbody tr td {
    padding: 20px 5px
}

.operate .laydate-icon {
    width: 138px;
    height: 28px;
    border: 1px solid #ccc;
    outline: none;
    padding: 0;
    padding-left: 10px
}

.L-table > tbody > tr > td {
    border: 1px solid #f0f0f0
}

.L-table > tbody > tr > th {
    border: 1px solid #f00
}

.L-heading .btn-default {
    border: none
}

.iQRcode {
    position: absolute;
    right: 10px
}
.u-wrap .mainbackground.leftmarqueebox{
    padding: 5px 34px 10px;
}
.u-wrap .mainbackground.leftmarqueebox.option{
    margin-top: 30px;
}
.u-wrap .mainbackground.leftmarqueebox .heading{
    border-left: 3px solid rgb(250, 105, 0);
    padding: 0 8px;
    line-height:18px;
}

body,html{overflow-x:hidden}.nybanner{height:500px;position:relative;width:100%;overflow:hidden;background-color:#0d1c2f}.nybanner .banner-img{width:1950px;height:500px;display:block;position:absolute;left:50%;top:0;margin-left:-960px}.nybanner .txt{position:absolute;top:190px;left:50%;margin-left:-600px;z-index:10;text-align:center;color:#fff}.nybanner .txt h3{font-size:48px;line-height:50px;margin-bottom:30px}.nybanner .txt p{font-size:18px;line-height:1}.box{padding:50px 0}.bg{background:#f5f9fc}.title{color:#292d33;font-size:32px;text-align:center}.desc{color:#525b66;font-size:14px;text-align:center;margin-top:25px}.tab{border-bottom:1px solid #e6edf5}.tab ul{width:548px;margin:0 auto}.tab ul li{float:left;margin-right:20px}.tab ul li a{width:122px;display:block;text-align:center;font-size:16px;height:20px;line-height:20px;padding:20px 0;margin-bottom:-1px}.tab ul li a.hover,.tab ul li a:hover{color:#4399ff;border-bottom:2px solid #4399ff}.td-banner{background-image:url(../images/td-banner.jpg);background-repeat:no-repeat;background-position:center center;height:485px;box-sizing:border-box;background-color:#0d1c2f;background-size:auto 485px}.td-banner .title{color:#fff}.wmtd{padding:0 30px;margin-top:47px;color:#fff}.wmtd .clearfix{float:left;width:350px}.wmtd .icon{width:104px;height:104px;background-size:contain;margin-right:20px}.wmtd .icon1{background-image:url(../images/about0.png)}.wmtd .icon2{background-image:url(../images/about1.png)}.wmtd .icon3{background-image:url(../images/about2.png)}.wmtd .icon4{background-image:url(../images/about3.png)}.wmtd .mt55{margin-top:55px}.wmtd .p2{margin-top:8px;width:300px}.mgn{margin-right:0!important}.bdn{border-bottom:none!important}.mt47{margin-top:47px}.boss-img{width:470px;height:410px}.boss-info{padding:70px 60px 70px 50px;width:730px;height:410px;box-sizing:border-box}.boss-info h2{color:#c5cfdb;font-size:22px;margin-bottom:50px}.boss-name{font-size:24px;color:#292d33;margin-right:50px;width:80px;display:inline-block}.boss-title{font-size:16px;color:#292d33}.boss-desc{margin-top:50px;position:relative}.boss-desc p{color:#525b66;padding-left:130px}.boss-desc .line{border-top:2px solid #4399ff;height:0;width:100px;position:absolute;top:11px;left:0}.boss-wrap{padding:60px 0}.job{margin-top:44px;display:inline-block;width:100%}.job-1{width:404px;border:1px solid #e6edf5;margin:0 8px;margin-bottom:15px;box-sizing:border-box}.job-1 h2{background-repeat:no-repeat;background-size:40px;height:80px;line-height:80px;border-bottom:1px solid #e6edf5;background-position:20px center;padding-left:70px;font-size:18px;font-weight:500}.job-1 .yanfa{background-image:url(../images/yanfa.png)}.job-1 .chanping{background-image:url(../images/chanping.png)}.job-1 .shangwu{background-image:url(../images/shangwu.png)}.job-1 .yunying{background-image:url(../images/yunying.png)}.job-1 ul{padding:0 20px}.job-1 ul li{border-bottom:1px solid #e6edf5;color:#292d33;padding:10px 0;cursor:pointer}.job-1 ul li:hover{color:#4399ff}.pop-zw{position:absolute;background:rgba(255,255,255,1);box-shadow:0 2px 10px 0 rgba(0,0,0,.1);border-radius:4px;border:1px solid rgba(231,238,245,1);left:50%;top:100px;color:#292d33;width:720px;margin-left:-360px;transform:scale(0);transition:transform .2s}.showpop{transform:scale(1)}.pop-zw .header{border-bottom:1px solid #d8d8d8;height:47px;line-height:47px;padding:0 20px}.pop-zw .header span{font-size:16px}.pop-zw .header i{font-size:20px;color:#a1a9b3;cursor:pointer}.pop-zw .header i:hover{color:#4399ff}.pop-zw ul{padding:30px 20px}.pop-zw ul li{padding-bottom:30px}.pop-zw h3{font-weight:700}.pop-zw .btn{width:92px;height:32px;color:#fff;background:#4399ff;line-height:32px;text-align:center;display:block;margin:0 auto;box-sizing:border-box;border-radius:2px;-webkit-transition:all ease .8s;-moz-transition:all ease .8s;-ms-transition:all ease .8s;-o-transition:all ease .8s;transition:all ease .8s}.pop-zw .btn:hover{background:#fff;border:1px solid #4399ff;color:#4399ff}.join{margin-top:47px;display:inline-block;width:100%}.join div{height:210px;width:390px;margin:auto;box-sizing:border-box;padding:30px 40px 30px 158px;background-repeat:no-repeat;background-size:80px;background-position:40px center;background-color:#fff}.join div h3{color:#292d33;font-size:18px;font-weight:500}.join div p{color:#525b66;margin-top:15px}.join .d1{background-image:url(../images/job-email.png);margin-left:20px;border:1px solid #4399ff;}.join .d2{margin-right:20px;background-image:url(../images/job-lagou.png);border:1px solid #f7a859}.fuli{margin-top:47px}.fuli li{width:420px;height:174px;float:left;color:#525b66;padding:30px 60px;box-sizing:border-box}.fuli li h3{color:#292d33;font-size:20px;margin-bottom:15px;background-repeat:no-repeat;background-size:30px;padding-left:42px;height:30px;line-height:30px}.fuli li h3.h1{background-image:url(../images/job-rencai.png)}.fuli li h3.h2{background-image:url(../images/job-fuli.png)}.fuli li h3.h3{background-image:url(../images/job-zhiye.png)}.fuli li h3.h4{background-image:url(../images/job-gout.png)}.contactPage .tel{margin-top:0px;display:inline-block;width:100%;padding-bottom:30px;border-bottom:1px solid #e6edf5}.contactPage .tel_1{font-size:32px;color:#292d33}.contactPage .tel_2{width:300px;height:120px;background-image:url(../images/tel-bg1.png);background-size:contain;background-repeat:no-repeat;color:#fff;margin-right:60px;text-align:center;padding-top:32px;box-sizing:border-box}.contactPage .tel_3{width:300px;height:120px;background-image:url(../images/tel-bg2.png);background-repeat:no-repeat;background-size:contain;color:#fff;text-align:center;padding-top:32px;box-sizing:border-box}.contactPage .tel_nm{font-size:30px}.contactCon{padding-bottom:60px;display:inline-block;width:100%}.contactCon h1{font-size:32px;color:#292d33;margin-top:60px;margin-bottom:40px}.contactCon .map,.contactCon .map .map-container{width:300px;height:170px}.mapArea{margin-right:40px}.mapArea .t{font-size:12px;color:#999;margin-top:10px}.mapArea .t span{cursor:pointer;margin:0 5px}.mapArea .t span.cur{color:#4399ff}.contactCon .list{color:#525b66}.contactCon .mt36{margin-top:30px}.contactCon .txt{width:240px;line-height:22px}.contactCon .txt1{margin-right:20px}.dsj{padding-bottom:60px;display:inline-block;width:100%;position:relative;}.dsj h1{margin-top:47px;text-align:center;font-size:32px;margin-bottom:52px;color:#292d33}.dsj .list{width:422px;box-sizing:border-box;position:relative;padding-bottom:20px}.dsj .list ul li{padding-bottom:50px}.dsj .list ul li em{font-size:24px;color:#292d33;margin-right:5px}.dsj .list ul li i{color:#292d33;margin-right:10px}.dsj .list ul li span{color:#292d33}.dsj .list ul li p{color:#525b66}.dsj .list ul li.pdn{padding-bottom:0}.dsj .list .year{position:absolute;top:0;background:#fff;font-size:30px;padding-bottom:10px}.dsj .list .circle{width:5px;height:5px;border-radius:50%;position:absolute;bottom:0}.dsj .list .year .mt{margin-top:5px}.dsj .orange{border-left:1px solid #ffbe4b;padding-left:80px}.dsj .orange .year{color:#ffbe4b;left:-17px}.dsj .orange .circle{background-color:#ffbe4b;left:-3px}.dsj .blue{border-right:1px solid #4399ff;padding-right:80px}.dsj .blue .year{color:#4399ff;right:-17px}.dsj .blue .circle{background-color:#4399ff;right:-3px}.dsj .blue ul li{text-align:right}.dsj .mt66{margin-top:66px}.zzrz{display:block;margin-top:47px}