/* 搜索栏 */
.nav {
    height: 109px;
    background-color:#003580;
}
/* 左边 */
.nav-left img {
    float: left;
    margin-top: 10px;
}
/* 右边文字图标 */
.nav-right a i{
    float: right;
    color: aliceblue;
    margin-top: 17px;
    margin-left: 35px;
    position: relative;
}

    /* 文字块 */ 
.nav-one a {
    margin-top: 9px;
    float: right;
    background-color:snow ;
    height: 28px;
    width: 40px;
    border: 2px solid snow;
    margin-left: 15px;
    line-height: 28px;
    text-align: center;
    border-radius: 5px;
}
.nav-two a {
    float: right;
    height: 28px;
    width: 120px;
    background-color:#003580;
    border: 2px solid #f2f013;
    color:#f2f013;
    line-height: 28px;
    text-align: center;
    margin-left: 24px;
    border-radius: 5px;
    margin-top: 7px;
}
.nav-one a:hover {
    color: #3E98D8;
}
/* 导航栏功能文字 */
.nav-txt a{
    float: left;
    color: #ccd7e6;
    position: relative;
    top: 77px;
    left: -234px;
    margin-left: 43px;
}
.nav-txt a:hover {
   color: snow;
}
/* 2.搜索栏 */
.search {
    height: 260px;
    background-color: #F7F7F7;
    
}
.search-txt {
    padding-top: 50px;
    padding-bottom:26px;
}
.search-txt span {
    font-size: 24px;
    font-weight: bolder;
}
.search-txt p {
    font-size: 12px;
    color: #383838;
}
.search-one input {
    float: left;
    width: 548px;
    height: 50px;
    border: 4px solid #FEBB02;
    /* padding-left: 50px; */
}
.search-two input {
    float: left;
    width: 160px;
    height: 50px;
    border: 4px solid #FEBB02;
    border-left: 0;
}
.search-three input {
    float: left;
    width: 262px;
    height: 50px;
    border: 4px solid #FEBB02;
    border-left: 0;
}
.search-four button {
    float: left;
    width: 103px;
    height: 58px;
    border: 4px solid #FEBB02;
    background-color: #0077cc;
    border-left: 0;
    color: snow;
}
.search-kuang input{
    float: left;
    margin-top: 15px;

}
.search-kuang p {
    float: left;
    margin-top: 32px;
    margin-left: 5px;
}
/* 3.图文介绍 */
.picture-one {
    margin-top: 33px;
    background: url(../img/s2.webp) no-repeat;
    float: left;
    width: 548px;
    height: 270px;
    position: relative;
}
.picture-one h3 a i {
    position: absolute;
    float: left;
    color: red;
    left: 75px;
    top: 25px;
    font-size: 25px;
}
.picture-one h3 a {
    display: inline-block;
    margin-left: 14px;
    margin-top: 22px;
    font-size: 28px;
    color: snow;
}
.picture-one span a  {
    color: snow;
    display: inline-block;
    margin-left: 14px;
    margin-top: 9px;
}
.picture-one a i {
    position: relative;
    left: 423px;
    color: snow;
    font-size: 24px;
    top: -48px;
}
.picture-txt  {
    height: 42px;
    width: 50px;
    background-color: #383838;
    position: relative;
    left: 479px;
    top: 139px;
    font-size: 15px;
}
.picture-txt  a {
    color:snow;
}
.picture-two {
    margin-top: 33px;
    margin-left: 5px;
    float: left;
    background: url(../img/s1.webp) no-repeat;
    height: 270px;
    width: 540px;
}
.picture-two h3 a i {
    position: relative;
    float: left;
    color: red;
    left: 89px;
    top: 3px;
    font-size: 25px;
}
.picture-two h3 a {
    display: inline-block;
    margin-left: 12px;
    margin-top: 22px;
    font-size: 25px;
    color: snow;
}
.picture-two span a  {
    color: snow;
    display: inline-block;
    margin-left: 14px;
    margin-top: 9px;
}
.picture-two a i {
    position: relative;
    left: 423px;
    color: snow;
    font-size: 24px;
    top: -48px;
}
.picture-txt  {
    height: 42px;
    width: 50px;
    background-color: #383838;
    position: relative;
    left: 479px;
    top: 139px;
    font-size: 15px;
}
.picture-txt  a {
    color:snow;
}
/* 4.1.图文介绍 */
.sence-one {
    float: left;
    margin-top: 15px;
    background: url(../img/s3.jpg) no-repeat;
    height: 200px;
    width: 364px;
}
.sence-one a h2{
    font-size: 25px;
    margin-top: 22px;
    margin-left: 15px;
    color: snow;
}
.sence-one a p {
    font-size: 15px;
    margin-top: 10px;
    margin-left: 15px;
    color: snow;
}
.sence-bgc {
    background-color: #383838;
    height: 47px;
    width: 50px;
    position: relative;
    left: 303px;
    top: 65px;
}
.sence-bgc a p {
    font-size: 12px;
    margin-left: 26px;
    margin-bottom: 5px;
}
.sence-bgc a span {
    font-size: 15px;
    color: snow;
    margin-left: 9px;
}
.sence-two {
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    background: url(../img/s4.webp) no-repeat;
    height: 200px;
    width: 350px;
}
.sence-two a h2{
    font-size: 25px;
    margin-top: 22px;
    margin-left: 15px;
    color: snow;
}
.sence-two a p {
    font-size: 15px;
    margin-top: 10px;
    margin-left: 15px;
    color: snow;
}
.sence-beijing {
    background-color: #383838;
    height: 47px;
    width: 50px;
    position: relative;
    left: 295px;
    top: 68px;
}
.sence-beijing a p {
    font-size: 12px;
    margin-left: 26px;
    margin-bottom: 5px;
}
.sence-beijing a span {
    font-size: 15px;
    color: snow;
    margin-left: 9px;
}
.sence-three {
    background: url(../img/s5.webp) no-repeat;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    height: 200px;
    width: 350px;
}

.sence-three a h2{
    font-size: 25px;
    margin-top: 22px;
    margin-left: 15px;
    color: snow;
}
.sence-three a p {
    font-size: 15px;
    margin-top: 10px;
    margin-left: 15px;
    color: snow;
}
.sence-bei {
    background-color: #383838;
    height: 47px;
    width: 50px;
    position: relative;
    left: 292px;
    top: 70px;
}
.sence-bei a p {
    font-size: 12px;
    margin-left: 26px;
    margin-bottom: 5px;
}
.sence-bei a span {
    font-size: 15px;
    color: snow;
    margin-left: 9px;
}
/* <!-- 5.住宿户型 --> */
.homestay span {
    display:block;
    margin-top: 36px;
    margin-bottom: 18px;
    font-size: 25px;
    font-weight: bolder;
}
.homestay-one  {
    float: left;
    position: relative;
}
.homestay-one p {
    margin-top: 18px;
    font-size: 15px;
    color: #2f2f2f;
    font-weight: bolder;
}
.homestay-one h1 {
    margin-top: 8px;
    font-size: 11px;
    color: #919191;
}
.homestay-one img {
    margin-bottom: 10px;
    margin-left: 15px;
    float: left;
    width: 204px;
    height: 181px;
}
.homestay-one .one{
    margin-left: 0px;
    margin-bottom: 10px;
}
.homestay-one p , h1{
    margin-left: 15px;
}
.homestay-tu {
    border-radius: 50%;
    display: inline-block;
    background-color: #f6f4ef;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 170px;
    top: 75px;
}
.homestay-tu a {
    line-height: 40px;
    margin-left: 12px;
    float: left;
    font-size: 20px;
}
.homestay-tu:hover {
    background-color: snow;
}
/* <!-- 6.短租民宿 --> */
.boaeder h3 {
    display: block;
    font-weight: bolder;
    margin-bottom: 22px;
    font-size: 25px;
    margin-top: 30px;
}
.boaeder img {
    height: 240px;
    width: 259px;
}
.boaeder-one {
    margin-top: 18px;
    float: left;
    margin-left: 14px;
}
.boaeder-two {
    margin-top: 18px;
    float: left;
    margin-left: 0px; 
}
.boaeder-txt .two {
    color: #999999;
}
.boaeder-txt .three {
    float: left; 
    font-weight: bolder;
}
.boaeder-tu {
    margin-top: 5px;
    float: left;
    border-radius: 30%;
    width: 28px;
    height: 28px;
    background-color: #003580;
}
.boaeder-tu a {
    line-height: 28px;
    margin-left: 5px;
    color: snow;
}
.boaeder-dian a {
    margin-left: 9px;
    float: left;
    color: #003580;
    margin-top: 12px;
}
.boaeder-dian s a {
    float: left;
    color: #707070;
    margin-top: 12px;
        position: relative;

}
.boaeder-biao {
    border-radius: 50%;
    /* display: inline-block; */
    background-color: #f6f4ef;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 1029px;
    top: 188px;
}
.boaeder-biao  a {
    line-height: 40px;
    margin-left: 12px;
    float: left;
    font-size: 20px;
}
/* 7.订阅电子报 */
.report-discount {
    margin-top: 38px;
    border: 2px solid #e0e0e0;
    height: 153px; 
}
.report-discount img {
    float: left;
    margin-top: 22px;
    margin-left: 23px;
    height: 96px;
    width: 96px;
}
.report-discount p {
    margin-top: 30px;
    margin-left: 130px;
    font-size: 20px;
    font-weight: bolder;
}
.report-discount span {
    font-size: 15px;
    margin-left: 10px;
}
.report-discount input {
    padding-left: 8px;
    margin-top: 5px;
    width: 500px;
    height: 45px;
    border: 1px solid #e0e0e0;
}
.report-discount 
.report-kuang {
    width: 90px;
    height: 45px;
    border-radius: 5px;
    margin-left: 5px;
    border: 1px solid #0077cc;
    background-color:#ffffff;
}
/* 8.精彩下一站 */
.splendid h3 {
    display: block;
    font-weight: bolder;
    margin-bottom: 22px;
    font-size: 25px;
    margin-top: 30px;
}
.splendid-one {
    float: left;
    margin-left: 0px;
    background: url(../img/bg1.webp)no-repeat;
    width: 354px;
    height: 320px;
}
.splendid-up {
    float: left;
    margin-left: 18px;
    background: url(../img/bg2.webp)no-repeat;
    width: 354px;
    height: 320px;
}
.splendid-three {
    float: left;
    margin-left: 18px;
    background: url(../img/bg3.webp)no-repeat;
    width: 354px;
    height: 320px;
}
.splendid-three h1 {
    font-size: 20px;
    color: snow;
    position: relative;
    left: -7px;
    top: 236px;
} 
.splendid-three
.splendid-txt {
    font-size: 15px;
    color: snow;
}
.splendid-one h1 {
    font-size: 20px;
    color: snow;
    position: relative;
    left: -7px;
    top: 236px;
}
.splendid-one
.splendid-two {
    font-size: 15px;
    color: snow;
} 
.splendid-up h1 {
    font-size: 20px;
    color: snow;
    position: relative;
    left: -7px;
    top: 236px;
}
.splendid-up
.splendid-txt {
    font-size: 15px;
    color: snow;
} 
.splendid-end {
    float: left;
    background: url(../img/8-1.webp) no-repeat;
    /* background-image: linear-gradient(to top, black, rgba(255, 255,255,0)); */
    height: 320px;
    width: 539px;
    margin-top: 15px;
    background-position: center;
    background-size: 539px 320px;
    transition: all 0.5s;
}
.splendid-end:hover {
    background-size: 560px 340px;
}
.splendid-end span,
.splendid-finally span {
    display: block;
    margin-top: 265px;
    margin-left: 25px;
    font-size: 20px;
    color:#272525;
}
.splendid-end span:nth-child(2),
.splendid-finally span:nth-child(2) {
    margin-top: 5px;
    font-size: 15px;
}
.splendid-finally {
        float: left;
        background: url(../img/8-2.webp)no-repeat;
        height: 320px;
        width: 539px;
        margin-top: 15px;
        margin-left: 20px;
        background-position: center;
        background-size: 539px 320px;
        transition: all 0.5s;
    }
.splendid-finally:hover {
        background-size: 560px 340px;
    }
    .splendid-finally span {
        color: seashell;
    }  
    /* 9.热门目的地   */
    .hot h1 {
        margin-left: 0px;
        margin-top: 55px;
        font-size: 25px;
        font-weight: bolder;
    }
    .hot-one li {
        color: #a5a5a5;
        height: 35px;
        float: left;
        margin-top: 30px;
        padding-left: 5px;
        padding-right: 20px;
        font-size: 15px;
        line-height: 31px;
    }
    .hot-one li:nth-child(1) {
        background-color:#0077cc ;
        color:#ffffff;
    }
    .hot-xian {
        border: 1px solid #0077cc;
    }
    .hot-pioting li {
        width: 80px;
        height: 30px;
        float: left;
        margin-right: 130px;
        margin-top: 15px;
    }
    .hot-pioting ul li:nth-child(1),
    .hot-pioting ul li:nth-child(6)，
    .hot-pioting ul li:nth-child(12)，
    .hot-pioting ul li:nth-child(18) {
        margin-left: 0px;
    }
    .hot-pioting li a {
        display: inline-block;
        color: #0077cc;
        font-size: 12px;
        margin-bottom: 5px;

    }
    .hot-pioting li span {
        color:#a5a5a5 ;
    }
    /* <!-- 10.方便省钱 --> */
    .service {
        height: 250px;
        width: 100%;
        background-color: #001b42;
        margin-top: 50px;
    }
    .service-help {
        border-radius: 5px;
        display: inline-block;
        margin-top: 50px;
        height: 120px;
        width: 482px;
        background-color: #ffffff;
         
    } 
    .service-jingling {
        position: relative;
        top: -30px;
        margin-top: -10px;
        height: 48px;
        width: 48px;
        background-color: red;
        border-radius: 50%;
        background-image: url(https://ac-r.static.booking.cn/static/img/contact/cs/cs-icon-sprite/99267ba5bf99b4a12568ce570dd72e003be6ac5f.png);
        background-position:0 -52px ;
    }
    .service-help span {
        display: inline-block;
        font-size: 22px;
        font-weight: 700;
        margin-top: 5px;
        margin-left: 58px;
    }
    .service-rexian {
     float: left;
    }
    .service-help span:nth-child(2) {
        font-size: 14px;
        color: #8e8e8e;
    }
    .service-rexian span {
        float: left;
        margin-left: 100px;
        color: #8e8e8e;
        font-size: 16px;
        position: relative;
    }
    .service-rexian  {
        float: right;
        position: absolute;
        left: -13px;
        top: 110px;
    }
    .service-rexian a {
        display: inline-block;
        margin-left: 60px;
        font-size: 16px;
        color: #0077cc;
        position: relative;
        font-weight: 700;
    }
    .shengqian span {
        margin-top: -120px;
        margin-right: 280px;
        font-size: 20px;
        float: right;
        color: #ffffff;
    }
    .shengqian h2 {
        float: right;
        color: #bdbdbd;
        margin-right: 245px;
        margin-top: -92px;
        font-size: 15px;
    }
    .shengqian input {
        padding-left: 8px;
        font-size: 18px;
        float: right;
        width: 375px;
        height: 48px;
        margin-top: -60px;
        margin-right: 152px;
        border-radius: 5px;
    }
    .shengqian button {
    float: right;
    width: 160px;
    height: 52px;
    border: 1px solid #0077cc;
    background-color: #0077cc;
    margin-top: -60px;
    margin-right: -13px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    }
    .shengqian-kaung {
        margin-right: 270px;
    }
    .shengqian-kaung input {
        float: right;
        margin-right: 5px;
    }
    .shengqian-kaung s {
        float: right;
        color:#ffffff;
        font-size: 10px;
    }
    /* 11.上线我的住宿 */
    .zhusu {
        background-color:#003580;
        height: 60px;
        width: 100%;
        padding-top: 20px;

    }
    .zhusu-shangxian {
        margin: 0 auto;
        height: 28px;
        width: 110px;
        border: 1px solid #ffffff;
        border-radius: 5px;
        padding: 0 auto;
    }
    .zhusu-shangxian a {
        color: #ffffff;
        line-height: 28px;
        margin-left: 15px;
    }
    /* 12.边框+链接 */
    .frame {
        height: 45px;
        width: 100%;
        background-color:#003580;
        border: 1px solid #537bb4;
    }
    .frame a {
        font-size: 15px;
        line-height: 45px;
        margin-left: 20px;
        text-decoration: underline;
        color: #ffffff;
    }
    .frame a:nth-child(1) {
        margin-left: 0px;
    }
    .frame-weixin {
        /* border: 1px solid #cce1ff; */
        border-radius: 2px;
        margin-left: 20px;
        display: inline-block;
    }
    .frame-weixin i {
        font-size: 25px;
        color: #d8d8d8;
    }
    /* 13.底部列表 */
    .base a {
        color: #0077cc;
    }
    .base li  {
        margin-top: 10px;
        padding-top: 5px;
    }
    .base li a:hover {
        color: #b75f00;
    }
    .base div,
    .base .banxin{
        overflow: hidden;
    }
    .base-one   {
        float: left;
    }
    .base-two{
        margin-left: 155px;
        float: left;
    }
    .base-three {
        margin-left: 165px;
        float: left;

    }
    .base-four {

        margin-left: 185px;
        float: left;
    }
    .base-five {
        margin-left: 70px;
        float: left;
        margin-bottom: 20px;
    }
    .base-two ul {
        float: left;
    }
    .base-txt {
        padding-top: 15px;
        border: 1px solid #e9f0fa ;
        height: 35px;             
        width: 100%;
        border-left: 0px solid #ffffff;
        line-height: 15px;
    }
    .base-txt a {
        color: black;
    }
    .base-txt a:hover {
        color: orange;
    }
    /* 14.版权部分 */
    .copyright a {
        display: inline-block;
        width: 100%;
        margin-top: 50px;
        text-align: center;
        font-size: 15px;
        margin-bottom: 30px;
    }
    .copyright span {
        color: #383838;
    }
    .copyright a:hover{
        color: #b75f00;
    }
    .copyright span:last-child {
        display: inline-block;
        width: 100%;
        color: #838383;
        margin-left: 50px;
        margin-top: 35px;
        text-align: center;
        font-size: 15px;
    }
    .dibu-tupian img {
        margin-top: 25px;
        padding-left: 40px;
        margin-left: 20px;
    }
    .dibu-tupian img:nth-child(1){
        margin-left: 190px;
    }
    /* <!-- 16.固定---网页反馈 --> */
    .guding-fankui {
        width: 40px;
        height: 75px;
        background-color: #0077cc;
        position: fixed;
        left: 1852px;
        top: 820px;
    }
    .guding-fankui i{
        margin: 5px;
        font-size: 30px;
        color: #ffffff;
    }
    .guding-fankui span {
        font-size: 15px;
        font-weight: 700;
        margin: 5px ;
        color: #ffffff;
    }