@charset "utf-8";

.f-pr,
.f-prz {
    position: relative
}

.f-cb,
.f-cbli li,
.f-prz {
    zoom: 1
}

.f-tal,
caption,
th {
    text-align: left
}

.modal,
.modal-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.f-vam,
.f-vama *,
img,
select {
    vertical-align: middle
}

.f-toe,
.ui-select-datalist-li,
.ui-select-text {
    text-overflow: ellipsis
}

.dropdown-menus,
li {
    list-style: none
}

blockquote,
body,
button,
caption,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
input,
legend,
li,
menu,
ol,
p,
pre,
table,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

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

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

caption,
th {
    font-weight: 400
}

abbr,
body,
fieldset,
html,
iframe,
img {
    border: 0
}

address,
cite,
dfn,
em,
i,
var {
    font-style: normal
}

[hidefocus],
summary {
    outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
    font-size: 100%
}

sub,
sup {
    font-size: 83%
}

code,
kbd,
pre,
samp {
    font-family: inherit
}

q:after,
q:before {
    content: none
}

textarea {
    overflow: auto;
    resize: none
}

.f-oh,
.f-pre,
.f-ti,
.f-toe,
.modal,
.modal-open {
    overflow: hidden
}

label,
summary {
    cursor: default
}

.f-csp,
a,
button {
    cursor: pointer
}

b,
em,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: 700
}

a,
a:hover,
del,
ins,
s,
u {
    text-decoration: none
}

img {
    max-width: 100%
}

body,
button,
input,
keygen,
legend,
select,
textarea {
    color: #2d2d2d;
    outline: 0;
    font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, 'PingFang SC', 'Source Han Sans CN', 'Source Han Sans', 'Source Han Serif', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft YaHei', sans-serif
}

body,
html {
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased
}

body {
    background: #F1F5F8;
    line-height: 1.5;
    min-height: 100%;
    font-size: 16px
}

.bg-f {
    background-color: #fff
}

a {
    color: #64748b
}

a:hover {
    color: #104CBA
}

.f-cb:after,
.f-cbli li:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: "."
}

.f-ib {
    display: inline-block
}

.f-dn {
    display: none
}

.btn-all,
.f-db {
    display: block
}

.f-fl {
    float: left
}

.f-fr {
    float: right
}

.f-ff1 {
    font-family: "Microsoft YaHei"
}

.f-fs1 {
    font-size: 12px
}

.f-fs2 {
    font-size: 14px
}

.f-fwn {
    font-weight: 400
}

.f-fwb {
    font-weight: 700
}

.f-tac {
    text-align: center
}

.f-tar {
    text-align: right
}

.f-taj {
    text-align: justify;
    text-justify: inter-ideograph
}

.f-wsn {
    word-wrap: normal;
    white-space: nowrap
}

.f-pre,
.f-wwb {
    word-wrap: break-word;
    word-break: break-all
}

.f-pre {
    text-align: left;
    white-space: pre-wrap
}

.f-wwb {
    white-space: normal
}

.f-ti {
    text-indent: -30000px
}

.f-ti2 {
    text-indent: 2em
}

.f-lhn {
    line-height: normal
}

.f-tdu,
.f-tdu:hover {
    text-decoration: underline
}

.f-tdn,
.f-tdn:hover {
    text-decoration: none
}

.f-toe {
    word-wrap: normal;
    white-space: nowrap
}

.f-csd {
    cursor: default
}

.f-csh {
    cursor: help
}

.f-csm {
    cursor: move
}

.f-usn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

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

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

[class*=" icon-"],
[class^=icon-] {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-video2:before {
    content: "\e762"
}

.icon-pic:before {
    content: "\e763"
}

.icon-video:before {
    content: "\e764"
}

.icon-home:before {
    content: "\e6e3"
}

.icon-menu:before {
    content: "\e6e4"
}

.icon-app:before {
    content: "\e6e5"
}

.icon-clb:before {
    content: "\e6e6"
}

.icon-qytp:before {
    content: "\e6e7"
}

.icon-jyfw:before {
    content: "\e6e8"
}

.icon-kfpt:before {
    content: "\e6e9"
}

.icon-qfyx:before {
    content: "\e6ea"
}

.icon-zxcq:before {
    content: "\e6eb"
}

.icon-jyfx:before {
    content: "\e6ec"
}

.icon-plcx:before {
    content: "\e6ed"
}

.icon-qybg:before {
    content: "\e6ee"
}

.icon-hycx:before {
    content: "\e6ef"
}

.icon-fxxx:before {
    content: "\e6f0"
}

.icon-zpcx:before {
    content: "\e6f2"
}

.icon-vip:before {
    content: "\e6f3"
}

.icon-qyyq:before {
    content: "\e6f4"
}

.icon-search:before {
    content: "\e6f5"
}

.icon-left:before {
    content: "\e6f1"
}

.icon-right:before {
    content: "\e6f6"
}

.icon-share:before {
    content: "\e6f7"
}

.icon-yes:before {
    content: "\e6f9"
}

.icon-return:before {
    content: "\e6fa"
}

.icon-close:before {
    content: "\e6fb"
}

.icon-chat:before {
    content: "\e6fc"
}

.icon-bottom:before {
    content: "\e6fd"
}

.icon-huabans7:before {
    content: "\e6fe"
}

.icon-phone:before {
    content: "\e6ff"
}

.icon-weixin:before {
    content: "\e700"
}

.icon-yzm:before {
    content: "\e701"
}

.icon-top:before {
    content: "\e702"
}

.icon-weixins:before {
    content: "\e703"
}

.icon-qqgroup:before {
    content: "\e704"
}

.icon-password:before {
    content: "\e705"
}

.icon-qq:before {
    content: "\e6f8"
}

.icon-douban:before {
    content: "\e706"
}

.icon-sina:before {
    content: "\e707"
}

.icon-qzone:before {
    content: "\e708"
}

.icon-vip-kf:before {
    content: "\e709"
}

.icon-warning:before {
    content: "\e70a"
}

.icon-suc:before {
    content: "\e70b"
}

.icon-error:before {
    content: "\e70c"
}

.icon-tel:before {
    content: "\e70d"
}

.icon-edit:before {
    content: "\e70e"
}

.icon-vip3:before {
    content: "\e70f"
}

.icon-email:before {
    content: "\e710"
}

.icon-team2:before {
    content: "\e711"
}

.icon-suc2:before {
    content: "\e712"
}

.icon-user:before {
    content: "\e713"
}

.icon-warning2:before {
    content: "\e714"
}

.icon-error2:before {
    content: "\e715"
}

.icon-libao:before {
    content: "\e716"
}

.icon-team:before {
    content: "\e717"
}

.icon-share2:before {
    content: "\e718"
}

.icon-good:before {
    content: "\e719"
}

.icon-right2:before {
    content: "\e71a"
}

.icon-info:before {
    content: "\e71b"
}

.icon-person:before {
    content: "\e71c"
}

.icon-message:before {
    content: "\e71d"
}

.icon-account:before {
    content: "\e71e"
}

.icon-date:before {
    content: "\e71f"
}

.icon-hert:before {
    content: "\e720"
}

.icon-eye:before {
    content: "\e721"
}

.icon-dongtai:before {
    content: "\e722"
}

.icon-set:before {
    content: "\e723"
}

.icon-hot:before {
    content: "\e724"
}

.icon-star:before {
    content: "\e725"
}

.icon-jyzt:before {
    content: "\e726"
}

.icon-person2:before {
    content: "\e727"
}

.icon-date2:before {
    content: "\e728"
}

.icon-money:before {
    content: "\e729"
}

.icon-qys:before {
    content: "\e72a"
}

.icon-zhcx:before {
    content: "\e72b"
}

.icon-sjzh:before {
    content: "\e72c"
}

.icon-up2:before {
    content: "\e72d"
}

.icon-tip:before {
    content: "\e72e"
}

.icon-android:before {
    content: "\e72f"
}

.icon-edit2:before {
    content: "\e730"
}

.icon-kfpt2:before {
    content: "\e731"
}

.icon-email3:before {
    content: "\e732"
}

.icon-free:before {
    content: "\e733"
}

.icon-down2:before {
    content: "\e734"
}

.icon-safe:before {
    content: "\e735"
}

.icon-hits:before {
    content: "\e736"
}

.icon-email2:before {
    content: "\e737"
}

.icon-yes2:before {
    content: "\e738"
}

.icon-weixin2:before {
    content: "\e739"
}

.icon-share3:before {
    content: "\e73a"
}

.icon-wenjian:before {
    content: "\e73b"
}

.icon-author:before {
    content: "\e73c"
}

.icon-text:before {
    content: "\e73d"
}

.icon-ios:before {
    content: "\e73e"
}

.icon-sd:before {
    content: "\e73f"
}

.icon-del:before {
    content: "\e740"
}

.icon-qwly:before {
    content: "\e741"
}

.icon-sx:before {
    content: "\e742"
}

.icon-free2:before {
    content: "\e743"
}

.icon-menu2:before {
    content: "\e744"
}

.icon-huabans2:before {
    content: "\e745"
}

.icon-select3:before {
    content: "\e746"
}

.icon-right3:before {
    content: "\e747"
}

.icon-fuwu:before {
    content: "\e748"
}

.icon-biaojia:before {
    content: "\e749"
}

.icon-xz:before {
    content: "\e74a"
}

.icon-huabans9:before {
    content: "\e74b"
}

.icon-service:before {
    content: "\e74c"
}

.icon-select:before {
    content: "\e74d"
}

.icon-zhi:before {
    content: "\e74e"
}

.icon-zhang:before {
    content: "\e74f"
}

.icon-xiadan:before {
    content: "\e750"
}

.icon-xunzhang:before {
    content: "\e751"
}

.icon-kefu:before {
    content: "\e752"
}

.icon-yanzheng:before {
    content: "\e753"
}

.icon-ziliao:before {
    content: "\e754"
}

.icon-tuoguan:before {
    content: "\e755"
}

.icon-hetong:before {
    content: "\e756"
}

.icon-p:before {
    content: "\e757"
}

.icon-safe2:before {
    content: "\e758"
}

.icon-r:before {
    content: "\e759"
}

.icon-c:before {
    content: "\e75a"
}

.icon-add2:before {
    content: "\e75b"
}

.icon-search2:before {
    content: "\e75c"
}

.icon-fukuan:before {
    content: "\e75d"
}

.icon-safe3:before {
    content: "\e75e"
}

.icon-add3:before {
    content: "\e75f"
}

.icon-money2:before {
    content: "\e760"
}

.icon-down3:before {
    content: "\e761"
}

.wrap {
    width: 1200px;
    margin: 0 auto
}

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

.p-md {
    padding-top: 3em;
    padding-bottom: 3em
}

.p-md2 {
    padding-top: 2em;
    padding-bottom: 2em
}

.p-lg {
    padding-top: 5em;
    padding-bottom: 5em
}

.mt2e {
    margin-top: 2em
}

.mt3e {
    margin-top: 3em
}

.mt4e {
    margin-top: 4em
}

.mb3e {
    margin-bottom: 3em
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: .625em
}

.mt15 {
    margin-top: .9375em
}

.mt20 {
    margin-top: 1.25em
}

.mt50 {
    margin-top: 3.125em
}

.mt40 {
    margin-top: 2.5em
}

.mt30 {
    margin-top: 1.875em
}

.mb5 {
    margin-bottom: 5px
}

.mb20 {
    margin-bottom: 1.25em
}

.mr5 {
    margin-right: 5px
}

.mr15 {
    margin-right: 15px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.mr10 {
    margin-right: 10px
}

.p1e {
    padding: 1.25em
}

.p2e {
    padding: 1.875em
}

.pt10 {
    padding-top: 10px
}

.pt20 {
    padding-top: 20px
}

.b1e {
    border-bottom: 1px solid #eee
}

.bort1 {
    border-top: 1px solid #eee
}

.line2 {
    line-height: 2
}

.btn {
    padding: .875em 3em;
    border-radius: 4px;
    border: 0
}

.btn-all {
    border-radius: 4px;
    width: 100%;
    text-align: center
}

.btn-sm {
    padding: .5em
}

.btn-md {
    padding: .65em 2em
}

.btn-green {
    background-color: var(--theme-main);
    color: #fff
}

.btn-green:hover {
    color: #fff;
    background-color: var(--theme-main)
}

.btn-blue,
.btn-blue:hover {
    background-color: var(--theme-main);
    color: #fff
}

.btn-orange {
    background-color: #F79D00;
    color: #fff
}

.btn-orange:hover {
    color: #fff;
    background-color: #EB9704
}

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

.btn-gray {
    background-color: #f1f5f8;
    color: #333
}

.btn-gray:hover {
    background-color: #efefef
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f15 {
    font-size: 15px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.c9 {
    color: #999
}

.orange {
    color: #f79d00
}

.red {
    color: red
}

.blue {
    color: #719EF2
}

a.blue:hover {
    color: #1F90DB
}

.green {
    color: #104cba;
}

a.green:hover {
    color: #015EC0
}

.box-s {
    box-shadow: 0 2px 10px rgba(0, 182, 127, .1)
}

.box-s3 {
    box-shadow: 0 2px 10px rgba(0, 182, 127, .2)
}

.box-s2 {
    box-shadow: 0 2px 10px rgba(0, 182, 127, .1)
}

.box-s2:hover {
    box-shadow: 0 2px 20px rgba(0, 182, 127, .2)
}

.border-r4 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.modal {
    display: none;
    position: fixed;
    z-index: 1050;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .1);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    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
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

._citys span,
._citys0 li,
._citys1 a,
.my-vip,
.tips-pop>div {
    text-align: center
}

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

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.modal-ms {
    width: 200px;
    margin: 0 auto
}

.modal-md {
    width: 430px;
    margin: 0 auto
}

.modal-lg {
    width: 900px;
    margin: 0 auto
}

select {
    display: inline-block;
    height: 40px;
    margin: 0;
    border: 1px solid #d0d0d5;
    border-right-width: 27px;
    opacity: .0001;
    font-size: 14px;
    font-family: simsun;
    filter: alpha(opacity=0)
}

select[multiple] {
    height: auto;
    font-size: 38px;
    font-size: calc(34px - 1px);
    font-family: simsun;
    padding: 0;
    vertical-align: top;
    border-right-width: 1px;
    cursor: pointer
}

select[multiple]>option {
    min-height: 38px;
    height: 38px;
    padding: 0
}

select[multiple]>option:disabled {
    cursor: default
}

select[hidden],
select[hidden]+.ui-select {
    display: none
}

.ui-select {
    display: inline-block;
    height: 52px;
    line-height: 30px;
    vertical-align: middle;
    -webkit-animation: fadeIn .2s;
    animation: fadeIn .2s;
    font-size: 16px;
    position: relative;

    background-color: white;
    color: #eee;
}

[multiple]~.ui-select {
    vertical-align: top
}

.ui-select.active {
    z-index: 999
}

.ui-select-button {
    display: block;
    height: 20px;
    padding: 9px 27px 9px 12px;
    color: #4c5161;
    border-radius: 4px;
    background-color: #fff;
    text-decoration: none;
    -webkit-transition: border-color .15s, background-color .15s;
    transition: border-color .15s, background-color .15s;
    cursor: pointer
}

.ui-select-button:hover {
    color: #01c099;
    border-color: #03b28e
}

:not(:disabled)+.ui-select>.ui-select-button:active {
    background-color: #f7f9fa
}

.active>a.ui-select-button {
    border-color: #2486ff;
    border-radius: 4px 4px 0 0
}

.reverse>a.ui-select-button {
    border-radius: 0 0 4px 4px
}

.ui-select-text {
    display: block;
    width: 100%;
    white-space: nowrap;
    color: #999;
    overflow: hidden;
    margin-top: -8px;

}

.ui-select-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/icon-arrow.png) center no-repeat;
    background-size: 20px 20px;
    right: 7px;
    top: 18px
}

.ui-select-datalist {
    position: absolute;
    left: 0;
    right: 0;
    top: 39px;
    display: none;
    max-height: 304px;
    padding: 0;
    border: 1px solid #ddd;
    background-color: #fff;
    overflow: auto
}

[multiple]~.ui-select>.ui-select-datalist {
    position: static;
    display: block;
    max-height: none;
    height: inherit;
    border-color: #d0d0d5;
    border-radius: 4px;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

[multiple]:hover~.ui-select>.ui-select-datalist {
    border-color: #ababaf
}

[multiple]:focus~.ui-select>.ui-select-datalist {
    border-color: #2486ff
}

.ui-select-datalist::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.ui-select-datalist::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border-radius: 8px
}

.ui-select-datalist::-webkit-scrollbar-thumb:hover {
    background-color: #aaa
}

.ui-select-datalist::-webkit-scrollbar-track-piece {
    background-color: #ddd
}

.active>.ui-select-datalist {
    display: block
}

.reverse>.ui-select-datalist {
    top: auto;
    bottom: 39px
}

.ui-select-datalist-li {
    display: block;
    line-height: 20px;
    padding: 9px 12px;
    color: #4c5161;
    background-color: #fff;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: background-color .15s;
    transition: background-color .15s;
    overflow: hidden;
    cursor: pointer
}

.ui-select-datalist-li:empty {
    display: none
}

.ui-select-datalist-li:hover {
    color: #387dfb;
}

.ui-select-datalist-li[href]:hover,
[multiple]~.ui-select .ui-select-datalist-li[href] {
    color: #387dfb;
    background-color: #e9f9f6
}

.ui-select-datalist>.selected {
    background-color: #e9f9f6
}

select[disabled] {
    cursor: default
}

select[disabled]+.ui-select {
    opacity: .4;
    filter: alpha(opacity=40);
    -webkit-animation: none;
    animation: none
}

select[disabled]+.ui-select .ui-select-button,
select[disabled]+.ui-select .ui-select-datalist {
    cursor: default;
    border-color: #ababaf
}

.error .ui-select-button,
.error[multiple]~.ui-select .ui-select-datalist {
    border-color: #f4615c
}

.app-pop {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: url(../images/app-pop.png) center top no-repeat;
    height: 120px
}

.app-pop .txt {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.app-pop .txt p {
    display: inline-block
}

.app-pop .txt .pic {
    float: left;
    margin-top: -50px;
    width: 130px;
    height: 130px;
    background-color: #fff;
    padding: 10px;
    margin-left: 130px
}

.app-pop .txt .wz {
    font-size: 20px;
    color: #fff;
    float: right;
    margin-right: 50px;
    line-height: 140px
}

.app-pop .txt .wz span {
    font-size: 24px;
    color: #01c099
}

.app-pop .txt .appClose {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 140px;
    color: #fff;
    cursor: pointer;
    font-size: 12px
}

.my-vip {
    width: 64px;
    border-radius: 64px;
    position: fixed;
    top: 200px;
    right: 10px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    transition: all .3s;
    background-color: #fff;
    z-index: 100
}

.input,
input[type=text],
textarea {
    border: 1px solid #6c757d
}

.my-vip a {
    color: #f79d00;
    font-size: 12px;
    display: block;
    padding: 1.5em 0;
    line-height: 1
}

.my-vip a i {
    font-size: 36px
}

.my-vip span {
    display: block;
    margin-top: 5px
}

.my-vip:hover {
    background-color: #f79d00
}

.my-vip:hover a {
    color: #fff
}

.input {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 46px;
    padding: 0 .9375em;
    font-size: 15px
}

.input-error,
input.input-error {
    border: 1px solid red
}

.text-error {
    font-size: 12px;
    color: red;
    margin-top: 3px
}

.text-error i {
    font-size: 12px;
    margin-right: 3px
}

.state-default {
    background-color: #000;
    color: #fff
}

.state-warning {
    background-color: #f79d00;
    color: #fff
}

.state-error {
    background-color: red;
    color: #fff
}

.state-success {
    background-color: #01c099;
    color: #fff
}

.tips-pop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 200px;
    height: 200px;
    display: none;
    z-index: 200
}

.tips-pop>div {
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.tips-pop>div i {
    font-size: 42px;
    line-height: 1
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

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

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

.dropdown-menus>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap
}

.dropdown-menus>li>a:focus,
.dropdown-menus>li>a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #01c099
}

.dropdown-menus>.active>a,
.dropdown-menus>.active>a:focus,
.dropdown-menus>.active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #01c099
}

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

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: not-allowed
}

.dropdown-hover .dropdown-menus {
    margin: -1px 0
}

.dropdown-hover:hover>.dropdown-menus,
.open>.dropdown-menus {
    display: block
}

.dropdown-hover:hover>a,
.open>a {
    outline: 0
}

input.area_input {
    border: 1px solid #eee;
    outline: 0;
    font-size: 16px;
    height: 36px;
    width: 260px;
    padding-left: 10px;
    cursor: pointer;
    background-image: url(../images/toDown.png);
    background-repeat: no-repeat;
    background-position: 98%;
    border-radius: 4px
}

._citys {
    width: 450px;
    display: inline-block;
    border: 1px solid #eee;
    padding: 5px;
    position: relative;
    background-color: #fff
}

._citys span {
    color: #05920a;
    height: 15px;
    width: 15px;
    line-height: 15px;
    border-radius: 3px;
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid #01c099;
    cursor: pointer;
    display: none
}

._citys0,
._citys0 li,
._citys1,
._citys1 a {
    display: inline-block
}

._citys0 {
    width: 95%;
    height: 34px;
    line-height: 34px;
    border-bottom: 2px solid #01c099;
    padding: 0 5px;
    font-size: 14px;
    font-weight: 700;
    margin-left: 6px
}

._citys0 li {
    line-height: 34px;
    font-size: 15px;
    color: #888;
    width: 80px;
    cursor: pointer
}

._citys1 {
    width: 100%;
    padding: 10px 0
}

._citys1 a {
    width: 20%;
    height: 26px;
    color: #666;
    margin-top: 3px;
    line-height: 26px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 5px;
    overflow: hidden
}

._citys1 a:hover {
    color: #fff;
    background-color: #01c099
}

.AreaS {
    background-color: #01c099 !important;
    color: #fff !important
}