@charset "UTF-8";

.wrapper {
    width: 1080px
}

.common-title {
    font-size: 28px;
    font-weight: 700;
    font-style: italic;
    text-align: center;
    color: #efd8ae;
    text-shadow: 2px 2px 1px #2f428e
}

.video-play {
    width: 100%;
    height: 100%
}

.yuandian-box {
    overflow: hidden;
    margin: -6px auto 28px;
    width: 360px
}

.yuandian {
    padding: 10px 0;
    width: 380px;
    height: 10px
}

.yuandian.ani .option:first-child {
    -webkit-animation: yuandianFree 3.6s .3s linear both;
    animation: yuandianFree 3.6s .3s linear both
}

.yuandian.ani .option:nth-child(2) {
    -webkit-animation: yuandianFree 3.3s .6s linear both;
    animation: yuandianFree 3.3s .6s linear both
}

.yuandian.ani .option:nth-child(3) {
    -webkit-animation: yuandianFree 3s .9s linear both;
    animation: yuandianFree 3s .9s linear both
}

.yuandian.ani .option:nth-child(4) {
    -webkit-animation: yuandianFree 2.7s 1.2s linear both;
    animation: yuandianFree 2.7s 1.2s linear both
}

.yuandian.ani .option:nth-child(5) {
    -webkit-animation: yuandianFree 2.4s 1.5s linear both;
    animation: yuandianFree 2.4s 1.5s linear both
}

.yuandian.ani .option:nth-child(6) {
    -webkit-animation: yuandianFree 2.1s 1.8s linear both;
    animation: yuandianFree 2.1s 1.8s linear both
}

.yuandian.ani .option:nth-child(7) {
    -webkit-animation: yuandianFree 1.8s 2.1s linear both;
    animation: yuandianFree 1.8s 2.1s linear both
}

.yuandian.ani .option:nth-child(8) {
    -webkit-animation: yuandianFree 1.5s 2.4s linear both;
    animation: yuandianFree 1.5s 2.4s linear both
}

.yuandian.ani .option:nth-child(9) {
    -webkit-animation: yuandianFree 1.2s 2.7s linear both;
    animation: yuandianFree 1.2s 2.7s linear both
}

.yuandian.ani .option:nth-child(10) {
    -webkit-animation: yuandianFree .9s 3s linear both;
    animation: yuandianFree .9s 3s linear both
}

.yuandian.ani .option:nth-child(11) {
    -webkit-animation: yuandianFree .6s 3.3s linear both;
    animation: yuandianFree .6s 3.3s linear both
}

.yuandian.ani .option:last-child {
    -webkit-animation: yuandianFree .3s 3.6s linear both;
    animation: yuandianFree .3s 3.6s linear both
}

.yuandian .option {
    float: left;
    margin: 0 10px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    opacity: 0;
    background-color: #fffb67;
    -webkit-box-shadow: 0 0 10px 2px #fffb67;
    box-shadow: 0 0 10px 2px #fffb67;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

@-webkit-keyframes yuandianFree {
    from {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes yuandianFree {
    from {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.banner-top {
    height: 307px;
    background: url(../images/banner_top.jpg) center no-repeat
}

.banner-bottom {
    height: 307px;
    background: url(../images/banner_bottom.jpg) center no-repeat
}

.video {
    padding: 125px 0 75px;
    background: url(../images/bg_01.jpg) center no-repeat
}

.video .video-content {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    height: 360px
}

.video .video-c-left {
    float: left;
    width: 640px;
    height: 100%
}

.video .video-c-right {
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px 12px 0 12px;
    width: 383px;
    height: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 48px;
    color: #fff;
 text-align: justify;
}

.video .video-right-txt {
    letter-spacing: 1px
}

.fabao-first {
    padding: 78px 0 96px;
    background: url(../images/bg_02.jpg) center no-repeat
}

.fabao-first .fabao-f-title {
    position: relative;
    padding-left: 345px;
    text-align: initial
}

.fabao-first .title-word {
    position: absolute;
    top: 6px;
    left: 244px;
    font-size: 20px;
    color: #fff;
    text-shadow: none
}

.fabao-first .fabao-f-zhinan {
    position: relative;
    margin: 35px 0 45px;
    padding-left: 227px
}

.fabao-first .zhinan-content {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px 0 15px 0;
    padding: 7px 13px;
    width: 235px;
    height: 128px;
    background-color: #fff
}

.fabao-first .zhinan-c-jiedu {
    margin: 0 59px 0 50px
}

.fabao-first .zhinan-c-list {
    padding-top: 13px;
    border: 1px dashed #a9a9a9;
    border-radius: 15px 0 15px 0;
    height: 99px
}

.fabao-first .zhinan-l-title {
    margin-bottom: 7px;
    padding-left: 105px;
    font-size: 20px;
    font-weight: 700;
    color: #fa2a1d
}

.fabao-first .zhinan-l-txt {
    font-size: 16px;
    text-align: center;
    color: #404040;
    opacity: .86
}

.fabao-first .guanfang {
    background: url(../images/icon_02_01.png) no-repeat;
    background-position: 66px 5px;
    background-size: 26px 20px
}

.fabao-first .jiedu {
    background: url(../images/icon_02_02.png) no-repeat;
    background-position: 66px 5px;
    background-size: 21px 20px
}

.fabao-first .ganhuo {
    background: url(../images/icon_02_03.png) no-repeat;
    background-position: 66px 5px;
    background-size: 22px 20px
}

.fabao-first .toefl-book {
    position: absolute;
    left: -25px;
    top: -82px;
    width: 240px;
    height: 290px;
    background: url(../images/bg_02_01.png) center no-repeat
}

.fabao-first .short-title {
    margin: 16px 0 35px;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    text-align: center;
    color: #fff
}

.fabao-first .fabao-f-video {
    position: relative;
    padding-left: 20px
}

.fabao-first .video-r {
    position: absolute;
    right: 20px;
    top: 0
}

.fabao-first .video-l-list {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 0 0 27px;
    width: 382px;
    height: 170px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background-image: linear-gradient(102deg, #292855 0, #383f82 0, #4655ae 0, #9b4886 100%), linear-gradient(#292855, #292855);
    cursor: pointer
}

.fabao-first .video-l-list:first-child {
    margin-bottom: 20px;
    background-image: linear-gradient(102deg, #292855 0, #2b1787 0, #2d06b8 0, #a42f87 100%), linear-gradient(#292855, #292855);
    background-blend-mode: normal, normal
}

.fabao-first .video-r-list {
    display: none;
    width: 640px;
    height: 360px;
    background-color: #fff
}

.fabao-first .video-r-list:first-child {
    display: block
}

.fabao-first .video-l-time {
    margin-bottom: 10px;
    width: 103px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    background: url(../images/bg_02_02.png) center no-repeat
}

.fabao-first .video-l-icon {
    position: absolute;
    top: 80px;
    right: 27px;
    width: 27px;
    height: 27px;
    background: url(../images/icon_02_04.png) center no-repeat
}

.baoming {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 82px 0 0;
    height: 1184px;
    background: url(../images/bg_03_01.jpg) center no-repeat
}

.baoming .wrapper {
    position: relative
}

.baoming .common-title {
    margin-bottom: 8px
}

.baoming .fabao-s-description {
    padding-left: 20px;
    font-size: 16px;
    text-indent: 1rem;
    color: #fff
}

.baoming .baoming-container {
    position: absolute;
    width: 844px;
    height: 657px;
    background: url(../images/map.png) center no-repeat;
    left: 50%;
    margin: -13px 0 0 -460px
}

.baoming .baoming-list {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 2px #ff1356;
    padding-top: 3px;
    width: 212px;
    height: 64px;
    font-size: 16px;
    color: #000;
    background-color: #fff
}

.baoming .baoming-list .baoming-list-icon {
    position: absolute;
    width: 17px;
    height: 20px;
    background: url(../images/04-02.png) no-repeat;
    left: 90px;
    top: 2px
}

.baoming .txt {
    text-align: center
}

.baoming .btn {
    display: block;
    position: relative;
    margin: 4px auto 0;
    padding-left: 18px;
    border-radius: 12px;
    width: 105px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-image: linear-gradient(91deg, rgba(244, 9, 197, .71) 0, rgba(0, 36, 255, .71) 100%), linear-gradient(#ff1356, #ff1356);
    cursor: pointer
}

.baoming .cz-list {
    top: 43px;
    right: 116px
}

.baoming .nj-list {
    width: 166px;
    top: 62px;
    left: 294px
}

.baoming .hf-list {
    width: 155px;
    top: 174px;
    left: 253px
}

.baoming .xa-list {
    width: 200px;
    top: 216px;
    left: 29px
}

.baoming .cd-list {
    width: 188px;
    bottom: 194px;
    left: 76px
}

.baoming .fz-list {
    width: 234px;
    bottom: 0;
    left: 232px
}

.baoming .btn-box {
    overflow: hidden
}

.baoming .btn-box .btn {
    float: left
}

.baoming .btn-box-txt {
    float: left;
    margin: 3px 0 0 7px
}

.baoming .qz-list {
    width: 198px;
    bottom: 0;
    right: 106px
}

.baoming .nb-list {
    width: 157px;
    height: 88px;
    bottom: 215px;
    right: -134px
}

.baoming .sh-list {
    width: 191px;
    top: 192px;
    right: -62px
}

.baoming .wh-list {
    width: 158px;
    top: 309px;
    left: -57px
}

.baoming .sy-list {
    width: 148px;
    top: 70px;
    right: -135px
}

.baoming .round-list {
    position: absolute;
    border-radius: 50%;
    width: 88px;
    height: 88px;
    background-color: #ff1356;
    -webkit-animation: warn 2s ease-out;
    animation: warn 2s ease-out;
    opacity: .5;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.baoming .cz-round-list {
    bottom: 230px;
    right: 136px
}

.baoming .hf-round-list {
    bottom: 220px;
    right: 185px
}

.baoming .cd-round-list {
    bottom: 182px;
    right: 383px
}

.baoming .fz-round-list {
    bottom: 122px;
    right: 139px
}

.baoming .qz-round-list {
    bottom: 107px;
    right: 143px
}

.baoming .nb-round-list {
    bottom: 195px;
    right: 120px
}

.baoming .sh-round-list {
    bottom: 216px;
    right: 117px
}

.baoming .wh-round-list {
    bottom: 189px;
    right: 221px
}

.baoming .xa-round-list {
    bottom: 252px;
    right: 311px
}

.baoming .nj-round-list {
    bottom: 232px;
    right: 154px
}

.baoming .sy-round-list {
    bottom: 404px;
    right: 119px
}

.baoming .baoming-banner{
    position: absolute;
    bottom:0;
    left:50%;
    margin-left:-499px;
    width: 998px;
    height: 187px;
    background: url(../images/bg_02_03.png) center no-repeat
}

.baoming .baoming-b-btn{
    position: absolute;
    bottom: 38px;
    left: 565px;
    border-radius: 13px;
    width: 125px;
    height: 37px;
  
}






@-webkit-keyframes warn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    30% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: .1
    }

    60% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes warn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    30% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: .1
    }

    60% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.product{
    box-sizing: border-box;
    padding-top:78px;

    width: 100%;
    height: 449px;
    background: url(../images/bg_09.jpg) center no-repeat
}
.product .common-t-icon{
    margin-right: 12px;
    width: 33px;
    height: 38px;
    vertical-align: middle;
}
.product .big-word{
    font-size: 42px;
}

.product .product-title{
    font-size: 20px;
    text-align: center;
    color: #fff;
}

.product .product-banner{
    margin:16px auto 0;
width: 1038px;
height: 138px;
background: url(../images/bg_02_04.png) center no-repeat
}
.youhui {
    padding: 46px 0 103px;
    background: url(../images/bg_03_02.jpg) center no-repeat
}

.youhui .schools-box {
    margin-top: 18px;
    width: 972px
}

.youhui .city-container {
    overflow: auto;
    padding: 18px 0 24px;
    height: 251px;
    background-color: #fff
}

.youhui .schools-tips {
    height: 50px;
    line-height: 50px;
    background-image: linear-gradient(-10deg, #d93485 0, #3103d4 100%), linear-gradient(#5577ce, #5577ce);
    overflow: hidden;
    text-align: center
}

.youhui .schools-tips .schools-t-tab {
    font-weight: 700;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    float: left;
    width: 24%
}

.youhui .schools-tips .schools-t-tab.second-tab {
    width: 52%
}

.youhui .schools-list-box {
    width: 100%;
    line-height: 44px;
    font-size: 16px;
    color: #494949;
    text-align: center
}

.youhui .school-btn,
.youhui .school-name {
    float: left;
    width: 24%
}

.youhui .school-description {
    float: left;
    width: 52%
}

.youhui .school-btn .btn {
    display: block;
    background: url(../images/icon_03_01.png) no-repeat;
    background-size: 23px 21px;
    background-position: 78px 11px;
    padding-left: 65px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.youhui .school-btn .btn:hover {
    background: url(../images/icon_03_02.png) no-repeat;
    background-size: 23px 21px;
    background-position: 78px 11px;
    color: #886de6;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.youhui .schools-list-box:hover {
    color: #886de6
}

.fabao-three {
    padding: 78px 0 93px;
    background: url(../images/bg_04_01.jpg) center no-repeat
}

.fabao-three .fabao-t-tip {
    overflow: hidden;
    margin: 6px 0 15px;
    height: 72px;
    font-size: 20px;
    font-weight: 700;
    line-height: 72px;
    color: #fff
}

.fabao-three .fabao-s-time {
    float: left;
    margin: -1px 15px 0 290px
}

.fabao-three .line-word {
    text-decoration: line-through
}

.fabao-three .big-word {
    font-size: 32px
}

.fabao-three .fabao-t-content {
    overflow: hidden;
    margin-bottom: 16px;
    padding: 0 18px
}

.fabao-three .fabao-c-left {
    float: left;
    width: 526px
}

.fabao-three .fabao-c-right {
    float: right;
    width: 516px
}

.fabao-three .fabao-c-title {
    height: 72px;
    font-size: 20px;
    font-weight: 700;
    line-height: 72px;
    text-align: center;
    color: #fff
}

.fabao-three .fabao-l-container {
    margin-top: 20px
}

.fabao-three .fabao-c-pic {
    margin-right: 20px;
    vertical-align: middle
}

.fabao-three .fabao-l-txt {
    position: relative;
    padding-left: 152px;
    font-size: 16px;
    line-height: 61px;
    color: #1d1d1d
}

.fabao-three .fabao-l-icon {
    position: absolute;
    top: 18px;
    left: 26px;
    width: 115px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    background: url(../images/icon_04_04.png) center no-repeat
}

.fabao-three .fabao-r-container {
    padding: 12px 0 0 116px
}

.fabao-three .fabao-r-list {
    position: relative;
    margin-bottom: 14px;
    height: 27px;
    font-size: 16px;
    line-height: 27px;
    color: #1d1d1d
}

.fabao-three .fabao-r-txt {
    position: relative;
    padding: 4px 13px;
    border: solid 1px #d0d0d0
}

.fabao-three .fabao-r-txt:after {
    position: absolute;
    top: 7px;
    left: -6px;
    content: "";
    border-top: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    width: 10px;
    height: 8px;
    background-color: #fff;
    -webkit-transform: rotate(-22deg) skew(38deg);
    -ms-transform: rotate(-22deg) skew(38deg);
    transform: rotate(-22deg) skew(38deg)
}

.fabao-three .fabao-r-icon {
    position: absolute;
    top: 2px;
    left: -44px;
    width: 25px;
    height: 25px;
    background: url(../images/icon_04_07.png) center no-repeat
}

.fabao-three .fabao-t-info {
    position: relative;
    margin: 0 18px;
    padding: 35px 0 35px 390px;
    background-image: linear-gradient(102deg, #292855 0, #2b1787 0, #2d06b8 0, #a42f87 100%), linear-gradient(#292855, #292855)
}

.fabao-three .fabao-i-txt {
    position: relative;
    font-size: 16px;
    line-height: 48px;
    color: #fff
}

.fabao-three .bold-word {
    font-size: 20px;
    font-weight: 700
}

.fabao-three .fabao-i-icon {
    position: absolute;
    left: -38px
}

.fabao-three .icon-time {
    width: 22px;
    height: 22px;
    top: 14px
}

.fabao-three .icon-tel {
    width: 19px;
    height: 25px;
    top: 12px
}

.fabao-three .fabao-i-people {
    position: absolute;
    bottom: -13px;
    left: -5px;
    width: 197px;
    height: 191px;
    background: url(../images/bg_04_02.png) center no-repeat
}

.fabao-three .fabao-i-ewm {
    position: absolute;
    top: 10px;
    right: 39px;
    font-size: 16px;
    text-align: center;
    color: #fff
}

.fabao-three .ewm-pic {
    margin-bottom: 3px;
    width: 130px;
    height: 130px
}

.fabao-four {
    padding: 78px 0 42px;
    background: url(../images/bg_05_01.jpg) center no-repeat
}

.fabao-four .fabao-f-title {
    margin: 23px 0 39px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #fff
}

.fabao-four .fabao-f-description {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    letter-spacing:-1px;

}

.fabao-four .yellow-word {
    font-size: 20px;
    color: #ff9500
}

.fabao-four .fabao-f-gift {
    margin: 0 auto;
    width: 1035px;
    height: 230px;
    background: url(../images/bg_05_02.png) center no-repeat
}

.fabao-four .fabao-f-ewm {
    overflow: hidden;
    margin: 11px 0 75px;
    height: 138px;
    font-size: 16px;
    line-height: 138px;
    color: #fff
}

.fabao-four .fabao-ewm-l {
    float: left;
    margin-left: 310px
}

.fabao-four .fabao-ewm-r {
    float: right;
    margin-right: 273px
}

.fabao-four .fabao-ewm-pic {
    margin-right: 19px;
    vertical-align: middle
}

.fabao-four .fabao-f-banner {
    position: relative;
    margin: 0 auto;
    width: 1078px;
    height: 142px;
    background: url(../images/bg_05_03.jpg) center no-repeat
}

.fabao-four .baomin-btn {
    position: absolute;
    right: 372px;
    bottom: 13px;
    border-radius: 13px;
    width: 125px;
    height: 38px
}

.fabao-five {
    padding: 78px 0 100px;
    color: #fff;
    background: url(../images/bg_06_01.jpg) center no-repeat
}

.fabao-five .wrapper {
    position: relative
}

.fabao-five .fabao-v-title {
    padding-left: 146px;
    height: 45px;
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    line-height: 45px
}

.fabao-five .yellow-word {
    margin-right: 19px;
    font-size: 28px;
    color: #ead1a4;
    text-shadow: 2px 2px 1px #2f428e
}

.fabao-five .fabao-v-tip {
    margin: 43px 0 18px;
    padding-left: 500px;
    font-size: 20px;
    font-weight: 700
}

.fabao-five .bold-word {
    color: #f69b38
}

.fabao-five .fabao-v-youhui {
    margin-left: 420px;
    width: 555px;
    height: 62px;
    font-size: 20px;
    font-weight: 700;
    line-height: 62px;
    text-align: center
}

.fabao-five .fabao-v-money {
    position: absolute;
    top: 88px;
    left: 109px;
    width: 271px;
    height: 238px;
    background: url(../images/bg_06_02.png) center no-repeat
}

.fabao-five .fabao-v-book {
    overflow: hidden;
    position: relative;
    z-index: 99;
    margin: 49px 0 17px;
    text-align: center
}

.fabao-five .fabao-book-left {
    float: left;
    margin-left: 180px
}

.fabao-five .fabao-book-right {
    float: right;
    margin-right: 206px
}

.fabao-five .fabao-book-btn {
    display: block;
    margin: 0 auto;
    width: 123px;
    height: 24px;
    background: url(../images/bg_06_05.png) center no-repeat
}

.fabao-five .fabao-b-name {
    margin-top: 3px;
    font-size: 20px;
    font-weight: 700
}

.fabao-five .fabao-b-detail {
    margin: 3px 0 6px;
    font-size: 16px
}

.fabao-five .fabao-v-btn {
    height: 45px;
    line-height: 45px;
    text-align: center
}

.fabao-five .fabao-v-btn .enter-btn {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.fabao-six {
    padding: 78px 0 28px;
    background: url(../images/bg_07_01.jpg) center no-repeat
}

.fabao-six .fabao-s-content {
    position: relative;
    margin-bottom: 52px
}

.fabao-six .title {
    padding-left: 23px;
    font-size: 22px;
    font-weight: 700;
    color: #e6d294
}

.fabao-six .book-pic {
    width: 557px;
    height: 188px;
    background: url(../images/bg_07_02.png) center no-repeat
}

.fabao-six .txt {
    margin: 5px 0 40px 0;
    padding-left: 16px;
    font-size: 16px;
    color: #fff
}

.fabao-six .receive-form {
    width: 433px;
    padding: 15px 40px 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    position: absolute;
    right: 20px;
    top: 0
}

.fabao-six .form-title {
    text-align: center;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px
}

.fabao-six .name {
    background: url(../images/icon_07_01.png) 0 no-repeat
}

.fabao-six .tel {
    background: url(../images/icon_07_02.png) 0 no-repeat
}

.fabao-six .city {
    background: url(../images/icon_07_03.png) 0 no-repeat
}

.fabao-six .city-box:hover .citys-list {
    display: block
}

.fabao-six .city,
.fabao-six .name,
.fabao-six .tel {
    width: 100%;
    border: solid 1px #eee;
    height: 35px;
    margin-bottom: 15px;
    padding-left: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    background-color: #fff;
    background-position: 10px 7px
}

.fabao-six .receive-btn {
    display: block;
    height: 39px;
    background-image: linear-gradient(91deg, rgba(244, 9, 197, .71) 0, rgba(0, 36, 255, .71) 100%), linear-gradient(#ea9111, #ea9111);
    text-align: center;
    line-height: 39px;
    font-size: 19px;
    font-weight: 700;
    color: #fff
}

.fabao-six .citys-list {
    position: absolute;
    bottom: 117px;
    left: 40px;
    z-index: 10;
    width: 353px;
    height: 280px;
    background-color: #fafafa;
    color: #333;
    overflow: auto;
    display: none
}

.fabao-six .citys-list .option {
    line-height: 40px;
    padding-left: 20px;
    cursor: pointer
}

.fabao-six .citys-list .option:hover {
    color: #fff;
    background-color: #ffbb29
}

.footer {
    padding: 64px 0 104px;
    background: url(../images/bg_08_01.jpg) center no-repeat
}

.footer .yuandian-box {
    margin-bottom: 50px
}

.footer .btn-box {
    overflow: hidden;
    margin-bottom: 24px
}

.footer .youhui-btn {
    width: 310px;
    height: 54px;
    background-image: linear-gradient(102deg, #b78d4b 0, #dfae69 100%, #846b5f 100%, #292855 100%), linear-gradient(#983182, #983182);
    -webkit-box-shadow: 2px 1px 16px 0 rgba(0, 0, 0, .35);
    box-shadow: 2px 1px 16px 0 rgba(0, 0, 0, .35);
    border-radius: 5px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 54px;
    cursor: pointer
}

.footer .youhui-btn:first-child {
    float: left;
    margin-left: 193px
}

.footer .youhui-btn:last-child {
    float: right;
    margin-right: 193px
}

.footer .address {
    text-align: center;
    font-size: 16px;
    color: #fff
}

.footer .address .address-txt {
    margin-right: 22px
}

.footer .footer-company {
    margin: 0 auto 70px;
    width: 1030px;
    height: 55px;
    background: url(../images/bg_08_02.png) center no-repeat
}

.form {
    width: 100%;
    height: 71px;
    background-image: linear-gradient(91deg, rgba(244, 9, 197, .71) 0, rgba(0, 36, 255, .71) 100%), linear-gradient(#000, #000);
    position: fixed;
    left: 0;
    bottom: 0;
    display: block;
    z-index: 999
}

.form .wrapper {
    position: relative
}

.form .wrapper .kuang {
    display: block;
    float: left;
    width: 200px;
    margin-right: 15px;
    height: 38px;
    border: 1px solid #a0a0a5;
    font-size: 18px;
    text-indent: 12px;
    margin-top: 15px
}

.form .wrapper .mingzi {
    margin-left: 30px
}

.form .wrapper input:focus,
.form .wrapper input:hover {
    border-color: #ffbb29
}

.select {
    position: relative;
    width: 151px;
    float: left;
    height: 38px;
    line-height: 38px;
    border: 1px solid #ccc;
    font-size: 18px;
    cursor: pointer;
    background-color: #fff;
    margin-right: 15px;
    margin-top: 15px
}

.select:after {
    position: absolute;
    right: 12px;
    top: 50%;
    content: "";
    width: 5px;
    height: 5px;
    border-bottom: 2px solid #aaa;
    border-right: 2px solid #aaa;
    margin-top: -4px;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.select.open,
.select:active,
.select:hover {
    border-color: #ffbb29
}

.select.open .list,
.select:active .list,
.select:hover .list {
    display: block
}

.select .current {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    color: #a0a0a5;
    text-indent: 12px
}

.select .list {
    position: absolute;
    top: -231px;
    left: -1px;
    z-index: 10;
    width: 100%;
    max-height: 228px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fafafa;
    color: #333;
    overflow: auto;
    display: none
}

.select .option {
    padding-left: 15px
}

.select .option:hover {
    color: #fff;
    background-color: #ffbb29
}

.select-one .list {
    top: -116px
}

.form .wrapper .sub-btn {
    cursor: pointer;
    display: block;
    float: left;
    width: 168px;
    height: 38px;
    border: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fde599), to(#fde599)), -webkit-gradient(linear, left top, left bottom, from(#ea9111), to(#ea9111));
    background-image: linear-gradient(#fde599, #fde599), linear-gradient(#ea9111, #ea9111);
    font-size: 22px;
    font-weight: 700;
    color: #a00997;
    margin-top: 15px
}

.form .wrapper .guanbi {
    width: 31px;
    height: 31px;
    display: block;
    position: absolute;
    top: -17px;
    right: -8px;
    cursor: pointer
}

.show-shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(135, 135, 135, .7);
    display: none;
    z-index: 100
}

.show-shadow .content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -207px 0 0 -286px;
    padding: 94px 0 29px;
    width: 572px;
    background: url(../images/tankuang.jpg) center no-repeat
}

.show-shadow .content-form {
    border-radius: 15px;
    width: 387px;
    padding: 18px 35px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    margin: 0 auto
}

.show-shadow .title {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px
}

.show-shadow .name,
.show-shadow .phone,
.show-shadow .tel {
    display: block;
    width: 310px;
    height: 40px;
    border-radius: 10px;
    outline: 0;
    margin-bottom: 15px;
    padding-left: 16px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 18px;
    border: 1px solid #ccc
}

.show-shadow .show-btn {
    display: block;
    font-size: 22px;
    border: none;
    width: 315px;
    height: 51px;
    line-height: 45px;
    background: url(../images/red_bgc.png) center no-repeat;
    text-align: center;
    color: #fff
}

.show-shadow .citys-list {
    position: absolute;
    bottom: 119px;
    left: 50px;
    z-index: 10;
    width: 323px;
    height: 280px;
    background-color: #fafafa;
    color: #333;
    overflow: auto;
    display: none
}

.show-shadow .citys-list .option {
    line-height: 40px;
    padding-left: 20px;
    cursor: pointer
}

.show-shadow .citys-list .option:hover {
    color: #fff;
    background-color: #ffbb29
}

.show-shadow .home .citys-list {
    top: 304px;
    font-size: 14px;
    left: 127px;
    width: 307px
}

.show-shadow .home:hover .citys-list {
    display: block
}

.show-shadow .hidden-icon {
    width: 44px;
    height: 44px;
    background: url(../images/tankuang-1.jpg) center no-repeat;
    position: absolute;
    right: -104px;
    top: -53px
}

.show-shadow .show-btn {
    border: none;
    text-align: center
}

.alert-bg {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 9999
}

.alert-bg .alert-box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-172px, -50px);
    -ms-transform: translate(-172px, -50px);
    transform: translate(-172px, -50px);
    padding: 25px 0;
    width: 345px;
    text-align: center;
    background-color: #fff;
    border-radius: 6px
}

.alert-bg .alert-box:before {
    position: absolute;
    top: -40px;
    right: 17px;
    content: "";
    width: 0;
    height: 40px;
    border-left: 2px solid #ffaf15
}

.alert-bg .btn,
.alert-bg .title {
    font-size: 14px;
    color: #355cab
}

.alert-bg .btn {
    display: block;
    margin: 15px 0
}

.alert-bg .alert-icon {
    position: absolute;
    top: -62px;
    right: 4px;
    width: 28px;
    height: 28px;
    background: url(../images/icon_close_1.png) center no-repeat;
    background-size: 28px 28px;
    cursor: pointer
}

/*# sourceMappingURL=map/index.css.map */