html, body {
    width: 100%;
}

body {
    font-size: 12px;
    /*background-color: #F5F7F9;*/
    background-color: #fff;
}

.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.container {
    margin: auto;
    margin-top: 20px;
    padding-right: 0;
    padding-left: 0;
}

.hide {
    display: none !important;
}

p {
    margin: 5px auto;
}

a, a:visited {
    color: #3697FC;
    text-decoration: none !important;
}

a:hover, a:visited:hover {
    text-decoration: none;
}

a.button {
    color: #fff;
}

* {
    -webkit-font-smoothing: antialiased;
    /*font-family: 'Lantinghei SC', 'Open Sans', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 微软雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.text-warning {
    color: #FF4200 !important;
}

input {
    outline: none;
}

/*.disbaled-input {*/
/*background-image: url(../img/disabled-bg.png);*/
/*}*/

.big-input {
    width: 350px;
    height: 50px;
    padding-left: 10px;
    font-size: 14px;
    border: 1px solid #ddd;
    color: #414141;
}

.big-input:focus {
    border: 1px solid #ccc;
}

.md-input {
    width: 100%;
    height: 30px;
    padding-left: 10px;
    font-size: 14px;
    border: 1px solid #eee;
    color: #414141;
}

.cross-input {
    width: 100%;
}

.md-input:focus {
    border: 1px solid #ddd;
}

.table-40 th, .table-40 td {
    height: 40px;
    vertical-align: middle;
}

.table-60 th, .table-60 td {
    height: 60px;
    vertical-align: middle;
}

.table-none-border th, .table-none-border td {
    border: none;
    padding: 0;
}

.pd-0{
    padding: 0!important;
}

.progress-bar {
    background: #EEE;
    height: 10px;
    position: relative;
    margin: auto;
    border-radius: 0;
    /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.4) inset;*/
    overflow: hidden;
}

.progress-bar .progress {
    background: #5CB85C;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: demo 5s;
    animation: demo 5s;
}

legend {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    font-size: 18px;
}

.margin-auto {
    margin: auto !important;
}

.pd-20 {
    padding: 20px;
}

.pd-30 {
    padding: 30px;
}

.pd-50 {
    padding: 50px !important;
}

.pd-t-15 {
    padding-top: 15px;
}

.pd-t-20 {
    padding-top: 20px;
}

.pd-t-30 {
    padding-top: 20px;
}

.pd-b-100 {
    padding-bottom: 100px;
}

.pd-t-100 {
    padding-top: 100px;
}

.pd-t-120 {
    padding-top: 120px;
}

.pd-t-140 {
    padding-top: 140px;
}

.pd-t-160 {
    padding-top: 160px;
}

.bg-white {
    background-color: #fff;
}

.row-white {
    border: 1px solid #eee;
    background-color: #fff;
    color: #666;
    font-size: 12px;
    padding: 20px;
    border-radius: 3px;
}

.row-default {
    border: 1px solid #eee;
    background-color: #fafafa;
    color: #666;
    font-size: 12px;
    padding: 20px;
    border-radius: 3px;
}

.row-primary {
    border: 1px dashed #00B9FF;
    background-color: #fff;
    color: #414141;
    font-size: 12px;
    padding: 20px;
    border-radius: 3px;
}

.row-warning {
    border: 1px solid #EFECC0;
    background-color: #FFFEF0;
    color: #666;
    font-size: 12px;
    padding: 20px;
    border-radius: 3px;
}

.row-error {
    border: 1px dashed #F6445E;
    background-color: #fff;
    color: #F6445E;
    font-size: 12px;
    padding: 20px;
    border-radius: 3px;
}

.row-success {
    border: 1px dashed #5CB85C;
    background-color: #fff;
    color: #5CB85C;
    font-size: 12px;
    padding: 20px;
    border-radius: 3px;
}

.row-none-border {
    border: none;
}

.col-1-to-8 {
    float: left;
    width: 12.5%;
}

.tac {
    text-align: center !important;
}

.tar {
    text-align: right !important;
}

.tal {
    text-align: left !important;
}

.font-bold {
    font-weight: 500;
}

.font-black {
    color: #3F3F3F;
}

.font-white {
    color: #fff;
}

.font-blue {
    color: #34AAFF !important;
}

.font-gray {
    color: #6E7992;
}

.font-light {
    color: #666;
}

.font-lighter {
    color: #8E9DAC !important;
}

.font-standard {
    color: #414141;
}

.font-std, .font-title {
    color: #2F4662;
}

.font-transparent {
    color: transparent;
}

.font-yellow {
    color: #FBA10D !important;
}

.font-success {
    color: #40CA71 !important;
}

/*.font-success-2 {*/
/*color: #32CD64 !important;*/
/*}*/

.font-danger {
    color: #f15c5c !important;
}

.font-danger-2 {
    color: #FFC6B2 !important;
}

.font-orange {
    color: #f60 !important;
}

.font-default {
    color: #76858C;
}

.font-0 {
    font-size: 9px;
}

.font-1 {
    font-size: 12px;
    font-weight: 500;
}

.font-1-normal {
    font-size: 12px !important;
    font-weight: normal;
}

.font-2 {
    font-size: 14px;
    font-weight: bold;
}

.font-2-normal {
    font-size: 14px;
}

.font-3 {
    font-size: 16px;
    font-weight: bold;
}

.font-3-normal {
    font-size: 18px !important;
}

.font-4 {
    font-size: 20px;
    font-weight: bold;
}

.font-4-normal {
    font-size: 20px;
}

.font-5 {
    font-size: 25px;
    font-weight: bold;
}

.font-5-normal {
    font-size: 25px;
    font-weight: normal;
}

.font-6 {
    font-size: 35px;
    font-weight: bold;
}

.font-6-normal {
    font-size: 35px;
    font-weight: normal;
}

.font-7 {
    font-size: 55px;
    font-weight: bold;
}

.font-7-normal {
    font-size: 55px;
    font-weight: normal;
}

.font-8-normal {
    font-size: 70px;
    font-weight: normal;
}

.font-9-normal {
    font-size: 80px;
    font-weight: normal;
}

.font-10-normal {
    font-size: 100px;
    font-weight: normal;
}

.font-11-normal {
    font-size: 120px;
    font-weight: normal;
}

.font-12-normal {
    font-size: 140px;
    font-weight: normal;
}

.m-t-0 {
    margin-top: 0;
}

.m-b-0 {
    margin-bottom: 0;
}

.m-l-0 {
    margin-left: 0;
}

.m-r-0 {
    margin-right: 0;
}

.m-t--5 {
    margin-top: -5px;
}

.m-b--5 {
    margin-bottom: -5px;
}

.m-l--5 {
    margin-left: -5px;
}

.m-r--5 {
    margin-right: -5px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-t--10 {
    margin-top: -10px;
}

.m-b--10 {
    margin-bottom: -10px;
}

.m-l--10 {
    margin-left: -10px;
}

.m-r--10 {
    margin-right: -10px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-t-25 {
    margin-top: 25px;
}

.m-b-25 {
    margin-bottom: 25px;
}

.m-l-25 {
    margin-left: 25px;
}

.m-r-25 {
    margin-right: 25px;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-l-30 {
    margin-left: 30px;
}

.m-r-30 {
    margin-right: 30px;
}

.m-t-35 {
    margin-top: 35px !important;
}

.m-b-35 {
    margin-bottom: 35px;
}

.m-l-35 {
    margin-left: 35px;
}

.m-r-35 {
    margin-right: 35px;
}

.m-t-40 {
    margin-top: 40px !important;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-l-40 {
    margin-left: 40px;
}

.m-r-40 {
    margin-right: 40px;
}

.m-t-50 {
    margin-top: 50px !important;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-l-50 {
    margin-left: 50px;
}

.m-r-50 {
    margin-right: 50px;
}

.m-t-60 {
    margin-top: 60px !important;
}

.m-b-60 {
    margin-bottom: 60px;
}

.m-l-60 {
    margin-left: 60px;
}

.m-r-70 {
    margin-right: 70px;
}

.m-t-70 {
    margin-top: 70px;
}

.m-b-70 {
    margin-bottom: 70px;
}

.m-l-70 {
    margin-left: 70px;
}

.m-r-70 {
    margin-right: 70px;
}

.m-t-75 {
    margin-top: 75px;
}

.m-b-75 {
    margin-bottom: 75px;
}

.m-l-75 {
    margin-left: 75px;
}

.m-r-75 {
    margin-right: 75px;
}

.m-t-80 {
    margin-top: 80px;
}

.m-b-80 {
    margin-bottom: 80px;
}

.m-l-80 {
    margin-left: 80px;
}

.m-r-80 {
    margin-right: 80px;
}

.m-t-100 {
    margin-top: 100px;
}

.m-b-100 {
    margin-bottom: 100px !important;
}

.m-l-100 {
    margin-left: 100px !important;
}

.m-r-100 {
    margin-right: 100px;
}

.m-t-120 {
    margin-top: 120px;
}

.btn {
    font-size: 12px;
}

.btn-long {
    min-width: 150px;
}

.btn-wedgewood {
    color: #fff;
    background-color: #2D8AD3;
    border-color: #2D8AD3;
}

.btn-wedgewood:focus,
.btn-wedgewood.focus,
.btn-wedgewood:active,
.btn-wedgewood.active,
.open > .btn-wedgewood.dropdown-toggle {
    color: #fff;
    background-color: #00A8EA;
    border-color: #00A8EA;
}

.btn-wedgewood:hover {
    color: #fff;
    background-color: #00A8EA;
    border-color: #00A8EA;
}

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

.btn-wedgewood.disabled:focus,
.btn-wedgewood.disabled.focus,
.btn-wedgewood:disabled:focus,
.btn-wedgewood:disabled.focus,
fieldset[disabled] .btn-wedgewood:focus,
fieldset[disabled] .btn-wedgewood.focus {
    background-color: #00A8EA;
    border-color: #00A8EA;
}

.btn-wedgewood.disabled:hover,
.btn-wedgewood:disabled:hover,
fieldset[disabled] .btn-wedgewood:hover {
    background-color: #00A8EA;
    border-color: #00A8EA;
}

/**/

.btn-white {
    color: #7B8896;
    background-color: #fff;
    border-color: #fff;
}

.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active,
.open > .btn-white.dropdown-toggle {
    color: #7B8896;
    background-color: #fff;
    border-color: #fff;
}

.btn-white:hover {
    color: #fff;
    background-color: #1F476D;
    border-color: #1F476D;
}

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

.btn-white.disabled:focus,
.btn-white.disabled.focus,
.btn-white:disabled:focus,
.btn-white:disabled.focus,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white.focus {
    background-color: #4C628A;
    border-color: #4C628A;
}

.btn-white.disabled:hover,
.btn-white:disabled:hover,
fieldset[disabled] .btn-white:hover {
    background-color: #4C628A;
    border-color: #4C628A;
}

/**/

.btn-blue {
    color: #fff;
    background-color: #34AAFF;
    border-color: #34AAFF;
}

.btn-blue:focus,
.btn-blue.focus,
.btn-blue:active,
.btn-blue.active,
.open > .btn-blue.dropdown-toggle {
    color: #fff;
    background-color: #34AAFF;
    border-color: #34AAFF;
}

.btn-blue:hover {
    color: #fff;
    background-color: #1099FB;
    border-color: #1099FB;
}

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

.btn-blue.disabled:focus,
.btn-blue.disabled.focus,
.btn-blue:disabled:focus,
.btn-blue:disabled.focus,
fieldset[disabled] .btn-blue:focus,
fieldset[disabled] .btn-blue.focus {
    background-color: #1099FB;
    border-color: #1099FB;
}

.btn-blue.disabled:hover,
.btn-blue:disabled:hover,
fieldset[disabled] .btn-blue:hover {
    background-color: #1099FB;
    border-color: #1099FB;
}

/**/

.btn-dark-blue {
    color: #fff;
    background-color: #293557;
    border-color: #293557;
}

.btn-dark-blue:focus,
.btn-dark-blue.focus,
.btn-dark-blue:active,
.btn-dark-blue.active,
.open > .btn-dark-blue.dropdown-toggle {
    color: #fff;
    background-color: #293557;
    border-color: #293557;
}

.btn-dark-blue:hover {
    color: #fff;
    background-color: #1F476D;
    border-color: #1F476D;
}

.btn-dark-blue:active,
.btn-dark-blue.active,
.open > .btn-dark-blue.dropdown-toggle {
    background-image: none;
}

.btn-dark-blue.disabled:focus,
.btn-dark-blue.disabled.focus,
.btn-dark-blue:disabled:focus,
.btn-dark-blue:disabled.focus,
fieldset[disabled] .btn-dark-blue:focus,
fieldset[disabled] .btn-dark-blue.focus {
    background-color: #1F476D;
    border-color: #1F476D;
}

.btn-dark-blue.disabled:hover,
.btn-dark-blue:disabled:hover,
fieldset[disabled] .btn-dark-blue:hover {
    background-color: #1F476D;
    border-color: #1F476D;
}

/**/

.btn-success {
    color: #fff;
    background-color: #4BC381;
    border-color: #4BC381;
}

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

.btn-success:hover {
    color: #fff;
    background-color: #53DB91;
    border-color: #53DB91;
}

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

.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success:disabled:focus,
.btn-success:disabled.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
    background-color: #53DB91;
    border-color: #53DB91;
}

.btn-success.disabled:hover,
.btn-success:disabled:hover,
fieldset[disabled] .btn-success:hover {
    background-color: #53DB91;
    border-color: #53DB91;
}

/*** badge ***/

.badge {
    width: 18px;
    height: 18px;
    line-height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%;
    font-size: 12px;
    color: #bbb;
    text-align: center;
    display: inline-block;
}

.badge-sm {
    width: 22px;
    height: 22px;
    line-height: 20px;
}

.badge-md {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.badge i {
    font-size: 12px;
}

.badge-blue {
    border: 1px solid #1099FB;
    background-color: #1099FB;
    color: #fff;
}

.badge-success {
    border: 1px solid #40CA71;
    background-color: #40CA71;
    color: #fff;
}

.well {
    margin-bottom: 0;
    background-color: transparent;
    border: none;
    padding: 10px auto;
}

.well-default {
    background-color: #F7F9FA;
    border: 1px solid #eee;
    padding: 20px;
}

.well-warning {
    border: 1px solid #EFECC0;
    background-color: #FFFEF0;
    color: #666;
    font-size: 12px;
    padding: 20px;
    border-radius: 3px;
}

.well-dashed {
    border: 1px dashed #fafafa;
}

.well-dashed-link {
    width: 100%;
    display: inline-block;
    height: 80px;
    line-height: 80px;
    border: 1px dashed #1099FB;
}

.well-dashed-link.md {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
}

.well-dashed-link.-inline {
    display: block;
    width: 200px;
    padding: auto 20px;
    margin: auto;
    height: 50px;
    line-height: 50px;
    margin-top: 30px;
}

.well-dashed-link:hover {
    color: #fff;
    background-color: #1099FB;
    -webkit-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

.well-blank {
    background-color: #fff;
    border: 1px solid #eee;
    padding: 20px;
}

.span-w-180 {
    display: inline-block;
    width: 180px;
}

.col-md-20-p {
    width: 20%;
    float: left;
}

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

.p-l-0 {
    padding-left: 0;
}

.p-r-0 {
    padding-right: 0;
}

.tooltip {
    font-size: 12px;
}

.legend-2 {
    border-left: 4px solid #87CEEE;
    padding-left: 10px;
}

.legend-3 {
    border-bottom: 2px solid #87CEEE;
    padding-bottom: 10px;
}

.danger-input {
    border: 1px solid #FF668C !important;
}

.link-with-bottom {
    border-bottom: 1px solid #34AAFF;
    padding: 5px 10px;
    color: #34AAFF;
    font-weight: 500;
}

.link-with-bottom:hover, .link-with-bottom:focus {
    color: #00B9FF;
    border-bottom: 2px solid #00B9FF;
    text-decoration: none;
}

.hv-fa:hover {
    background-color: #fafafa;
    cursor: default;
}

.ma {
    margin: 0 auto;
}

.hr-short {
    width: 30px;
    margin: 15px auto;
    height: 0px;
    border: 2px solid #4dc0fc;;
    /*background-color: #4dc0fc;*/
    border-radius: 2px;
}

.switch-business:hover{
    cursor: pointer;
    background-color: #efefef;
}

.main{
    height: auto;
}
.in-main{
    width: 1100px;
    margin: 50px auto;
    position: relative;

}

.fontbox{
    margin-top: 40px;
    /*width: 255px;*/
}
.fs-22{
    font-size: 22px;
    color: #2f4662;
    margin-bottom: 10px;
}
.fontbox .font-2-normal{
    color: #70778d;
}