body, p, ul { margin: 0; padding: 0; }
ul { list-style-type: none; padding: 0; margin: 0; }
a { text-decoration: none; }
    a img { border: 0; }
input:focus, button:focus { outline: none; }
html, body { background: #ffffff; }
body { font-family: "微软雅黑","Microsoft YaHei",Arial,sans-serif; font-size: 14px; min-width: 1200px; }
.layout { width: 1200px; margin: 0 auto; }
.top-bar { height: 60px; line-height: 60px; /*margin-bottom: -60px;*/ background: #ffd008; box-shadow: 0 0 20px rgba(0, 0, 0, .5); /*position: fixed;*/ /*z-index: 9999;*/ /*width: 100%;*/ }
.top-bar-space { height: 60px; display: none; }
.top-nav { width: 1200px; margin: 0 auto; }
    .top-nav .nav { float: right; }
    .top-nav .logo { float: left; }
        .top-nav .logo img { width: 132px; height: 50px; margin-top: 4px; }
    .top-nav li { float: left; padding: 0 10px; }
    .top-nav a { color: #333333; -webkit-transition: all 200ms; transition: all 200ms; }
        .top-nav a:hover { color: #ffffff; text-decoration: underline; }
    .top-nav .search { float: left; width: 250px; padding-left: 20px; margin-top: 14px; position: relative; z-index: 0; }

        .top-nav .search input { height: 30px; border: 1px solid #ffffff; -webkit-border-radius: 50px 0 0 50px; border-radius: 50px 0 0 50px; background: #ffffff; line-height: 30px; padding: 0 10px; width: 130px; float: left; }
        .top-nav .search button { width: 60px; float: left; height: 32px; background: #f51940; color: #ffffff; border: 1px solid #ffffff; border-left: 0; -webkit-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0; cursor: pointer; }
.top-bg, .top-bg-inner { background: #F8390A url("../img/topbg.jpg") no-repeat top center; height: 618px; }
.top-panel { background: #FFD402 url("../img/top-panel-bg.jpg") no-repeat top center; height: 350px; margin: 30px auto; position: relative; }

    .top-panel .lite-title { position: absolute; left: 388px; top: 90px; white-space: nowrap; color: #ec1f22; font-size: 16px; }

    .top-panel .money { position: absolute; right: 585px; top: 133px; text-align: right; white-space: nowrap; color: #ec1f22; font-size: 36px; font-weight: bold; text-shadow: 1px 1px 0 rgba(0,0,0,.5), 2px 2px 0 rgba(0,0,0,.5); line-height: 150%; }
        .top-panel .money .value { font-size: 46px; padding: 0 10px 0 5px; }
        .top-panel .money .unit { color: #fe7510; }

    .top-panel .total { position: absolute; right: 580px; top: 212px; text-align: right; white-space: nowrap; color: #ec1f22; font-size: 18px; line-height: 150%; }
        .top-panel .total .value { color: #5760bd; font-size: 26px; padding: 0 5px 0 5px; }

.hb-zt-tt { position: absolute; color: #e4343a; font-size: 24px; text-align: center; top: 27px; right: 146px; width: 300px; height: 50px; line-height: 50px; font-weight: bold; }
.hb-zt-lt { height: 42px; line-height: 42px; overflow: hidden; font-weight: bold; color: #e4343a; font-size: 18px; }
.hb-zt-tl { list-style-type: none; padding: 0; margin: 0; }
    .hb-zt-tl li { clear: both; height: 33px; line-height: 33px; overflow: hidden; color: #595757; font-size: 16px; /*border-top: 1px dashed #EBEBEB;*/ }
    .hb-zt-lt div, .hb-zt-tl div { float: left; overflow: hidden; white-space: nowrap; text-align: center; text-overflow: ellipsis; }

.top-panel .hbz-pn { width: 30%; text-align: left; }
.top-panel .hbz-un { width: 30%; }
.top-panel .hbz-up { width: 40%; }
.right-swipe { position: absolute; right: 60px; top: 90px; width: 422px; height: 223px; padding: 0 23px; background: #ffffff; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px; }
#div_scroll0 { position: relative; overflow: hidden; height: 200px; }
.border-box { border: 3px #C7C7C7 solid; margin: 28px; padding: 40px 53px; }
.clr-b { clear: both; }
.flow-chart .my-hb { background: url("../img/wdhb.png") no-repeat; width: 138px; height: 112px; right: -10px; top: -65px; position: absolute; }
.flow-chart .item { float: left; width: 168px; height: 168px; text-align: center; overflow: hidden; }
.flow-chart .arrow { width: 48px; height: 168px; float: left; background: url("../img/right.png") no-repeat center; }
.flow-chart .before, .flow-chart .inner { display: inline-block; vertical-align: middle; }
.flow-chart .before { width: 0; height: 100%; }
.flow-chart .inner { width: 160px; font-size: 24px; color: #ffffff; line-height: 150%; }
    .flow-chart .inner span { display: inline-block; vertical-align: top; width: 100%; }
.tier { padding: 38px 0 1px; margin: 70px auto; }
.border-box { position: relative; padding-top: 80px; }
    .border-box .title { color: #333333; position: absolute; font-size: 48px; text-align: center; width: 566px; height: 80px; line-height: 80px; top: -40px; left: 50%; margin-left: -283px; border-radius: 80px; background: #ffffff; }
.pan-box .title { background: url("../img/title-bar.png") top center no-repeat; height: 144px; padding-top: 1px; position: relative; z-index: 1; }
.pan-box .city { padding-left: 10px; width: 260px; margin: -15px auto 0; color: #333333; font-size: 47px; text-align: center; line-height: 50px; }
.pan-box .region { width: 440px; height: 82px; line-height: 82px; color: #fff5cb; font-size: 36px; text-align: center; margin: 25px auto 0; }
.pan-box .list { background: #ffd542; margin-top: -30px; padding-top: 40px; padding-left: 13px; padding-bottom: 20px; }
.pan-box .item { float: left; background: url("../img/content-bg.png") no-repeat; width: 582px; height: 202px; margin-top: 15px; margin-right: 10px; }
.pan-box .left, .pan-box .center, .pan-box .right { float: left; padding: 22px 0 0; }
.pan-box .left { width: 253px; }
.pan-box .center { width: 175px; }
.pan-box .right { width: 139px; padding-left: 15px; }
.pan-box .pic { width: 211px; height: 161px; margin-left: 22px; display: block; background-color: #dddddd; box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
    .pan-box .pic img { width: 100%; height: 100%; vertical-align: top; }
.pan-box .name { color: #454545; font-size: 22px; /*margin-top: 15px;*/ font-weight: 500; display: block; }
.pan-box .des { color: #454545; font-size: 14px; margin-top: 12px; }
.pan-box .price { color: #fe4000; font-weight: 600; font-size: 16px; margin: 12px 0 20px; }
.pan-box .btn { width: 117px; height: 32px; line-height: 32px; background-color: #fe4000; color: #ffffff; text-align: center; -webkit-border-radius: 32px; border-radius: 32px; cursor: pointer; }
.pan-box .gift { height: 125px; }
.pan-box .hb, .pan-box .jd { position: relative; }
.pan-box .hb { background: url("../img/xhb.png") no-repeat; width: 126px; height: 100px; margin-left: -5px; }
.pan-box .jd { background: url("../img/jd.png") no-repeat; width: 124px; height: 119px; }
.pan-box .gift span { display: inline-block; vertical-align: top; width: 100%; text-align: center; }
.pan-box .gift .value { color: #fea23a; font-size: 18px; min-width: 41px; white-space: nowrap; }
.pan-box .gift .unit { color: #fea23a; font-size: 10px; -webkit-text-size-adjust: none; }

.pan-box .hb .value { padding-top: 20px; }
.pan-box .hb .unit { padding-left: 3px; }
.pan-box .jd .value { padding-top: 20px; margin-left: -5px; }
.pan-box .jd .unit { margin-left: -3px; }
.pan-box .updating { text-align: center; }
    .pan-box .updating .text { display: inline-block; vertical-align: middle; background: url("../img/hj.png") no-repeat left center; padding-left: 115px; height: 100px; line-height: 100px; color: #898989; font-size: 18px; white-space: nowrap; margin-top: 50px; }
.left-img-box { width: 390px; height: 400px; position: relative; margin-top: -75px; float: left; margin-left: -55px; }
    .left-img-box .fg { background: url("../img/gz-bg.png") no-repeat; width: 359px; height: 365px; position: absolute; z-index: 1; top: 0; left: 15px; }
    .left-img-box .bg { background: url("../img/yc.png") no-repeat; width: 335px; height: 335px; top: 85px; left: 0; position: absolute; z-index: 0; }
    .left-img-box .gc { background: url("../img/gc.png") no-repeat; }
.border-box .title.c1 { background-color: #f67b5a; color: #ffffff; }
.border-box .c2 { background-color: #358ee7; color: #ffffff; }
.right-content-box { color: #3e3a39; text-align: justify; float: right; width: 690px; margin-top: -10px; }
    .right-content-box p { margin-top: 5px; line-height: 150%; }
.border-box2 { padding-bottom: 30px; }
.bottom { margin: 25px auto 0; padding: 35px 0; width: 1200px; text-align: center; color: #666666; }
.gift-list .tips { text-align: center; width: 1200px; margin: 0 auto; font-size: 16px; color: #999999; }
.pan-box .pic { overflow: hidden; }
    .pan-box .pic img, .pan-box .btn { transition: transform 200ms; }
        .pan-box .btn:hover, .pan-box .pic img:hover { transform: scale(1.1); }



.popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none; overflow: auto; background: rgba(0, 0, 0, .5); }
    .popup .popup-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; }

    .popup .popup-box { background: url("../img/popup-bg.png") no-repeat; width: 560px; position: absolute; z-index: 1; left: 50%; margin-left: -280px; height: 570px; top: 50%; background-size: 100% auto; margin-top: -285px; }

.popup-top { display: none; }
.form-popup .form { background: #ffffff; width: 400px; margin: 30px auto 10px; padding: 5px 15px 10px 10px; border-radius: 10px; clear: both; }
.form-popup .popup-content { margin-top: 130px; }

.close-popup-btn { position: absolute; top: 5px; right: -5px; width: 50px; height: 50px; cursor: pointer; }

.popup-content .input input { width: 234px; height: 26px; line-height: 26px; border: 1px solid #e5e5e5; margin-top: -1px; padding: 0 8px; float: left; }
.popup-content .input label { display: inline-block; width: 78px; text-align: right; margin-right: 10px; color: #fa1824; float: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.popup-content .input { margin: 15px 0; height: 26px; line-height: 26px; clear: both; }
.idcard-tips { font-size: 12px; color: #999999; }
.form-popup .item-name { text-align: center; color: #ffffff; font-size: 26px; padding-top: 20px; padding-left: 20px; }
.form-popup .item-des { text-align: center; clear: both; }
    .form-popup .item-des span { display: inline-block; color: #ffffff; background-color: #FB671C; padding: 3px 6px; -webkit-border-radius: 30px; border-radius: 30px; margin-top: 5px; font-size: 12px; }
.form-popup .item-info { position: relative; }
.form-popup .item-hose-type { position: absolute; left: 413px; top: 30px; color: #ffffff; background-color: #FB671C; padding: 2px 8px; -webkit-border-radius: 30px; border-radius: 30px; font-size: 12px; }
.form-popup .item-type { color: #ffe212; font-size: 12px; position: absolute; left: 413px; top: 60px; }
.form-popup .item-price { text-align: center; color: #ffffff; padding-top: 8px; font-size: 18px; position: relative; float: left; width: 250px; padding-left: 150px; }
    .form-popup .item-price .value { padding-right: 8px; }
    .form-popup .item-price .big { font-size: 24px; color: #ffff00; }
.form-popup .item-other { float: right; color: #ffffff; font-size: 12px; width: 150px; margin-top: 20px; }
    .form-popup .item-other .value { color: #ffff00; padding: 0 2px; }

.popup-content .v-code .get-code, .popup-content .g-code .g-code-img { float: left; height: 26px; line-height: 26px; border: 1px solid #e5e5e5; margin-top: -1px; text-align: center; width: 85px; background: #f8f8f8; cursor: pointer; white-space: nowrap; overflow: hidden; font-size: 12px; }
.popup-content .input input { width: 290px; height: 26px; line-height: 26px; border: 1px solid #a0a0a0; margin-top: -1px; padding: 0 8px; float: left; border-radius: 4px; }
.popup-content .v-code input, .popup-content .g-code input { width: 165px; margin-right: 20px; }
.popup-content .g-code .g-code-img img { width: 100%; height: 100%; }
.popup-content .agreement { color: #999999; font-size: 12px; clear: both; padding-left: 18px; }
    .popup-content .agreement a { color: #999999; }
.popup-content .v-code .get-code { width: 102px; background-color: #fbda30; border-color: #cfa972; border-radius: 4px; color: #fa1824; }
.popup-content .buttons { text-align: center; margin: 5px; padding-left: 20px; }
.popup-content .btn { width: 117px; height: 32px; line-height: 32px; background-color: #fe4000; color: #ffffff; text-align: center; -webkit-border-radius: 32px; border-radius: 32px; cursor: pointer; border: 0; display: inline-block; margin: 0 25px; }
body .layui-layer-hui { background-color: rgba(0, 0, 0, .9); box-shadow: 2px 2px 20px rgba(0, 0, 0, .8); }
.search { float: left; width: 250px; padding-left: 20px; margin-top: 14px; position: relative; z-index: 0; }

    .search input { height: 30px; border: 1px solid #ffffff; -webkit-border-radius: 50px 0 0 50px; border-radius: 50px 0 0 50px; background: #ffffff; line-height: 30px; padding: 0 10px; width: 130px; float: left; }

    .search button { width: 60px; float: left; height: 32px; background: #f51940; color: #ffffff; border: 1px solid #ffffff; border-left: 0; -webkit-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0; cursor: pointer; }
        .search button:hover { font-size: 1.1em; }
    .search ul { background: #ffffff; padding: 0; width: 152px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8); position: absolute; z-index: 1; top: 32px; }
        .search ul li { float: none; height: 30px; line-height: 30px; border-top: 1px #dddddd; clear: both; display: block; white-space: nowrap; overflow: hidden; cursor: pointer; }
            .search ul li:hover { background: dodgerblue; color: #ffffff; }
            .search ul li.selected { background: dodgerblue; color: #ffffff; }
.form .idcard, .form .idcard-tips { display: none; }

.need-idcard .form .idcard, .need-idcard .form .idcard-tips { display: block; }

.need-idcard .popup-box { height: 770px; }

.need-idcard .popup-content { height: 500px; }
.need-idcard .form { margin-top: 5px; }
.hide-tier-title .title { background: #ffd541 url('../img/title-bar.png') bottom center no-repeat; height: 100px; }
    .hide-tier-title .title .city { display: none; }
.hide-tier-title { margin-top: -83px; padding-top: 12px; }
    .hide-tier-title .region { margin-top: 18px; }