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

    a:hover {
        color: #dd0806
    }

.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: #dd0806;
    color: #fff
}

    .btn-green:hover {
        color: #fff;
        background-color: #920003
    }

.btn-blue, .btn-blue:hover {
    background-color: #EE5020;
    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: #dd0806;
}

a.green:hover {
    color: #c02501
}

.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: #0a8a67
    }

    .ui-select-datalist-li[href]:hover, [multiple] ~ .ui-select .ui-select-datalist-li[href] {
        color: #0a8a67;
        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
}