body, ul, li, p, hr, h1, h2, h3, h4, h5, h6, form, input {
    padding: 0;
    margin: 0;
}

body {
    font-size: 12px;
    color: #838383;
    line-height: 22px;
    background: #ffffff;
    font-family: 微软雅黑;
}

a {
    color: #3a3a3a;
    text-decoration: none;
}

img {
    border: none;
}

li {
    list-style: none;
}

table {
    border-collapse: collapse;
}

em {
    font-style: normal;
}

.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

input {
    font-family: 微软雅黑;
    color: #666;
    outline: none;
    font-size: 14px;
}

select {
    width: 150px;
    border: 1px solid #cccccc;
    padding: 2px;
    color: #666;
    font-family: 微软雅黑;
    font-size: 14px;
    outline: none;
}

.tbg {
    background: #434343;
}

.top {
    width: 1190px;
    margin: 0 auto;
    height: 22px;
    color: #e9e9e9;
    padding: 5px 0;
}

    .top a {
        color: #e9e9e9;
        display: inline-block;
        line-height: 22px;
    }

.tb-xd {
    background: url(../image/tic.gif) no-repeat 0 0;
    padding-left: 26px;
    margin-right: 6px;
}

.tb-yd {
    background: url(../image/tic.gif) no-repeat 0 -22px;
    padding-left: 26px;
    margin-right: 6px;
}

.tb-tb {
    background: url(../image/tic.gif) no-repeat 0 -44px;
    padding-left: 26px;
    margin-right: 6px;
}

.tb-wb {
    background: url(../image/tic.gif) no-repeat 0 -66px;
    padding-left: 26px;
    margin-right: 6px;
}

.tb-wx {
    background: url(../image/tic.gif) no-repeat 0 -88px;
    padding-left: 26px;
    margin-right: 6px;
}

.tel {
    background: url(../image/tic.gif) no-repeat 0 -110px;
    padding-left: 26px;
    font-size: 20px;
    color: #FFF;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    vertical-align: middle;
}

.header {
    width: 1190px;
    margin: 0 auto;
    height: 112px;
    position: relative;
}

.logo {
    display: inline-block;
    position: absolute;
    top: 18px;
    left: 0;
}

.hss {
    position: absolute;
    top: 28px;
    left: 490px;
}

.ssbox {
    border: 2px solid #7ddcf4;
    width: 350px;
    height: 32px;
}

.ssin {
    background: #ffffff;
    border: none;
    width: 262px;
    height: 32px;
    line-height: 32px;
    float: left;
    padding: 0 10px;
    overflow: hidden;
    color: #bababa;
}

.ssbtn {
    border: none;
    background: #7ddcf4;
    width: 68px;
    height: 32px;
    color: #FFF;
    overflow: hidden;
    cursor: pointer;
}

.sstit {
    padding-top: 5px;
}

    .sstit a {
        color: #7c7c7c;
        margin: 0 4px;
    }

.hbar {
    position: absolute;
    top: 28px;
    right: 0;
}

    .hbar li {
        float: left;
        text-align: center;
        padding: 0 10px;
    }

.nbg {
    background: #2dadf3;
    border-bottom: 2px solid #ffffff;
    position: relative;
    z-index: 10;
}


.nav li {
    float: left;
    line-height: 42px;
    height: 42px;
    width: 120px;
    text-align: center;
    position: relative;
}

.nav a {
    display: block;
    float: left;
    font-size: 16px;
    line-height: 42px;
    height: 42px;
    width: 120px;
    color: #ffffff;
}

    .nav a i {
        display: inline-block;
        background: url(../image/arrow4.png) no-repeat 0 -5px;
        width: 10px;
        height: 5px;
        vertical-align: middle;
        margin-left: 15px;
    }

.nav .n0 a {
    border-bottom: 2px solid #90c744;
}

.nav .n1 a {
    border-bottom: 2px solid #f97834;
}

.nav .n2 a {
    border-bottom: 2px solid #ee269c;
}

.nav .n3 a {
    border-bottom: 2px solid #f2dc36;
}

.nav .n4 a {
    border-bottom: 2px solid #f97834;
}

.nav .n5 a {
    border-bottom: 2px solid #90c744;
}

.nav .n6 a {
    border-bottom: 2px solid #90c744;
}

.nav .n7 a {
    border-bottom: 2px solid #90c744;
}

.nav .n8 a {
    border-bottom: 2px solid #90c744;
}

.nav .ncur {
    background: #248ac2;
}

.nav li > a.active {
    background: #248ac2;
}

.nav .ncur i {
    transform: rotate(180deg);
}

.subbox {
    position: absolute;
    top: 44px;
    display: none;
    z-index: 100;
}

.subNav {
    float: none;
    height: 40px;
    line-height: 40px;
}

    .subNav a {
        position: relative;
        float: none;
        height: 40px;
        line-height: 40px;
        border-bottom: none !important;
        background: #2dadf3;
        font-size: 14px;
    }

        .subNav a span {
            display: block;
            background: url(../image/arrow24.png) no-repeat;
            width: 6px;
            height: 12px;
            position: absolute;
            right: 0;
            top: 50%;
            z-index: 10;
            margin-top: -6px;
            opacity: 0;
        }

        .subNav a:hover, .subNav .active {
            background: #289bda;
        }

            .subNav a:hover span, .subNav .active span {
                display: block;
                opacity: 1;
                background: url(../image/arrow24.png) no-repeat;
                right: -6px;
            }

.subNavNav {
    position: absolute;
    top: 0;
    left: 120px;
    z-index: 0;
    width: 200px;
}

    .subNavNav a {
        background: #f0f0f0;
        color: #787878;
        font-size: 14px;
    }

        .subNavNav a:hover {
            background: #ffffff;
            color: #2dadf3;
        }

.hot {
    display: inline-block;
    background: url(../image/hot.png) no-repeat;
    width: 31px;
    height: 14px;
    position: absolute;
    top: 3px;
    right: 10px;
}


.hibg {
    background: url(../image/hibg.jpg) no-repeat center;
}

.item {
    width: 988px;
    margin: 0 auto;
    overflow: hidden;
    padding-left: 200px;
}

    .item ul {
        width: 990px;
        height: 79px;
        margin: 0 auto;
    }

    .item li {
        width: 198px;
        float: left;
        text-align: center;
    }

    .item a {
        display: block;
        float: left;
        width: 198px;
        color: #FFF;
        font-size: 20px;
        padding-top: 10px;
        height: 69px;
        background: url(../image/hil2.gif) repeat-y right;
    }

        .item a img {
            margin-bottom: 5px;
        }

.hicur {
    background: url(../image/hicur.gif) no-repeat;
}

.index-box {
    width: 1190px;
    margin: 0 auto;
    overflow: hidden;
}

.mart30 {
    margin-top: 30px;
}

.mart20 {
    margin-top: 20px;
}

.mart17 {
    margin-top: 17px;
}

.marr17 {
    margin-right: 17px;
}

.hti {
    border-bottom: 2px solid #2187dd;
    line-height: 30px;
    height: 42px;
    position: relative;
}

.hcti {
    line-height: 30px;
    height: 42px;
    position: relative;
}

    .hti span, .hcti span {
        font-size: 24px;
        color: #2187dd;
    }

.hti a {
    float: right;
    color: #94acc0;
    margin-top: 8px;
}

    .hti a b {
        font-family: 宋体;
        margin-left: 5px;
    }

.hti em, .hcti em {
    margin-left: 8px;
    color: #94acc0;
}

.line-through {
    text-decoration: line-through;
}

.sky {
    color: #7ddcf4;
}

.sky2 {
    color: #53cec7;
}

.org {
    color: #ff5959;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.p-t-12 {
    padding-top: 12px;
}

.p-t-6 {
    padding-top: 6px;
}

.p-b-30 {
    padding-bottom: 30px;
}

.selbox {
    display: inline-block;
    border: 1px solid #c8d1d5;
    height: 26px;
    width: 112px;
    position: relative;
    margin-left: 5px;
    vertical-align: middle;
    background-color: white;
}

.selArr {
    display: block;
    background: url(../image/glArr.gif) no-repeat center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 6px;
    z-index: 10;
}

.selIn {
    position: absolute;
    top: 3px;
    left: 2px;
    width: 100px;
    height: 20px;
}

    .selIn input {
        width: 100%;
        height: 20px;
        line-height: 20px;
        color: #7c8189;
        border: none;
    }

.xdss {
    width: 170px;
    height: 26px;
    padding: 0 4px;
    border: 1px solid #c8d1d5;
    background: none;
    color: #7c8189;
}

.ssbtn2 {
    background: #6fd2f7;
    height: 28px;
    color: #FFF;
    border: none;
    width: 100%;
    font-size: 15px;
}

.itbg {
    background: #4d9fe4;
}

.bitem {
    width: 1190px;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 0;
}

    .bitem ul {
        width: 1250px;
    }

        .bitem ul li {
            float: left;
            height: 50px;
            overflow: hidden;
            font-size: 14px;
            color: #FFF;
            line-height: 20px;
            padding-right: 16px;
            width: 220px;
        }

            .bitem ul li h4 {
                font-size: 18px;
                font-weight: normal;
                padding-top: 6px;
            }

            .bitem ul li a {
                color: #FFF;
            }

.itic {
    display: block;
    float: left;
    margin-right: 10px;
}

.fbg {
    background: #f0f5f8;
    margin-top: 50px;
}

.footer {
    width: 1190px;
    margin: 0 auto;
    padding: 20px 0;
}

.sol2-s {
    background: url(../image/sol2-s.gif) repeat-y right;
}

.w-450 {
    width: 450px;
}

.w-460 {
    width: 450px;
    background: url(../image/sol2-s.gif) repeat-y right;
}

.w-256 {
    width: 256px;
}

.w-720 {
    width: 720px;
}

.textright {
    text-align: right;
}

.f-n li {
    width: 150px;
    float: left;
}

    .f-n li h3 {
        font-size: 14px;
    }

.wbimg {
    margin: 0 auto;
    padding: 0 20px;
}

    .wbimg li {
        display: inline-block;
        text-align: center;
        padding: 0 20px;
    }

.f-tel {
    background: url(../image/tel.gif) no-repeat left;
    padding-left: 26px;
    font-size: 14px;
    text-shadow: 1px 1px 1px #FFF;
    margin-top: 20px;
}

    .f-tel span {
        font-size: 24px;
        color: #6cb0f1;
        font-family: Arial, Helvetica, sans-serif;
    }

.share {
    padding-top: 16px;
}

    .share a {
        display: inline-block;
        
        height: 32px;
        margin-left: 2px;
    }

.share-qq {
    background: url(../image/fxico.gif) no-repeat 0 0;
}

.share-sina {
    background: url(../image/fxico.gif) no-repeat -38px 0;
}

.share-tx {
    background: url(../image/fxico.gif) no-repeat -76px 0;
}

.share-rr {
    background: url(../image/fxico.gif) no-repeat -114px 0;
}

.share-kx {
    background: url(../image/fxico.gif) no-repeat -152px 0;
}

.share-add {
    background: url(../image/fxico.gif) no-repeat -190px 0;
}

.fbox {
    border-top: 1px solid #bfdcf5;
    margin: 30px 0;
    padding: 20px 0;
}

.finfo {
    position: relative;
}

.finfoti {
    position: absolute;
    top: 0;
    left: 0;
    color: #4f4f4f;
}

.finfo-cont {
    padding: 0 0 10px 66px;
    color: #76808f;
}

.links li {
    float: left;
    padding-right: 12px;
}

    .links li a {
        color: #76808f;
    }

        .links li a:hover {
            text-decoration: underline;
        }

.fimg {
    text-align: center;
    padding-top: 30px;
}

    .fimg li {
        display: inline-block;
        text-align: center;
        padding: 0 10px;
    }

.pop {
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -700px;
    z-index: 1000;
    width: 89px;
}

.pop-cont {
    background: url(../image/pop-bg.gif) repeat-y;
    width: 85px;
    padding: 2px;
}

.pbar {
    text-align: center;
}

    .pbar li {
        background: url(../image/sol2-2.gif) repeat-x bottom;
        padding-bottom: 2px;
    }

    .pbar a {
        display: block;
        padding: 10px 0;
    }

.pbimg {
    display: none;
}

.pbti {
    color: #0d3b62;
    font-size: 14px;
}

.pbcur .pbti {
    color: #FFF;
}

.pbcur .pbimg {
    display: block;
}

.pbar li:last-child {
    background: none;
}

.dyTab {
    width: 1188px;
    overflow: hidden;
    height: 50px;
    border: 1px solid #e6e6e6;
}

    .dyTab ul {
        width: 1196px;
    }

    .dyTab li {
        float: left;
        border-right: 1px solid #e6e6e6;
    }

        .dyTab li img {
            vertical-align: middle;
            margin-right: 10px;
        }

    .dyTab a {
        display: block;
        float: left;
        font-size: 16px;
        color: #385e77;
        height: 50px;
        line-height: 50px;
        width: 238px;
        text-align: center;
    }

    .dyTab .dycur {
        background: #2dadf3;
        color: #FFF;
    }

.cti {
    font-size: 18px;
    color: #5a5a5a;
    height: 30px;
    line-height: 30px;
}

.cti2 {
    font-size: 24px;
    color: #2187dd;
    height: 30px;
    line-height: 30px;
}

    .cti2 span {
        font-size: 18px;
        color: #ff7a77;
    }

.partners {
    width: 1220px;
    margin-bottom: 30px;
}

    .partners li {
        float: left;
        width: 154px;
        padding: 18px 18px 0 0;
        text-align: center;
        height: 80px;
        line-height: 16px;
        overflow: hidden;
    }

        .partners li img {
            width: 154px;
            height: 54px;
            margin-bottom: 6px;
            border: 1px solid #c8d1d5;
        }

.htab {
    position: absolute;
    top: 0;
    left: 220px;
    z-index: 10;
}

    .htab li {
        float: left;
        padding: 0 15px;
        line-height: 30px;
    }

    .htab a {
        display: block;
        font-size: 16px;
        color: #203a50;
        height: 36px;
        padding: 0 5px;
    }

        .htab a:hover, .htab .htcur {
            background: url(../image/htab.gif) no-repeat center bottom;
            color: #ff7a77;
        }

.bgc-01 {
    background: #ff807e;
}

.bgc-02 {
    background: #81e5d7;
}

.bgc-03 {
    background: #88cdef;
}

.middle {
    vertical-align: middle;
}

.dash2 {
    background: url(../image/dash2.gif) repeat-x center;
    height: 20px;
}

.underline {
    text-decoration: underline;
}

.img-rs {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
}

    .img-rs:hover img {
        -moz-transition: all 0.3s linear 40ms;
        -webkit-transition: all 0.3s linear 40ms;
        -o-transition: all 0.3s linear 40ms;
        transition: all 0.3s linear 40ms;
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

.navbox {
    width: 1200px;
    height: 42px;
    position: relative;
    margin: 0 auto;
}

.allbox {
    position: absolute;
    top: 4px;
    left: 0;
    width: 200px;
    height: 38px;
    z-index: 1;
}

.allti {
    display: block;
    background: url(../image/allBar.gif) no-repeat;
    width: 200px;
    height: 42px;
    position: absolute;
    top: -4px;
    left: 0;
    z-index: 2;
}

.all-inner {
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 1;
    background: #f5f7f9;
    width: 200px;
}

.all-bar {
    position: relative;
    z-index: 1;
    background: url(../image/all-bline.gif) no-repeat center bottom;
}

.all-hover {
    background: url(../image/all-sol.gif) repeat-x bottom;
    border-top: 1px solid #e4e4e4;
    margin-top: -2px;
    padding-top: 1px;
    position: relative;
    z-index: 3;
}

.all-line {
    display: none;
    background: #f5f7f9;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -1px;
    z-index: 2;
}

.all-tit {
    padding: 12px 9px 0 9px;
}

    .all-tit h3 {
        font-size: 16px;
        color: #6cd7f9;
        padding: 0 9px 6px 9px;
        background: url(../image/all-arr.png) no-repeat right;
    }

.all-hover .all-tit h3 {
    background: url(../image/all-arr-hover.png) no-repeat right;
}

.all-sub {
    padding: 5px 9px 9px 9px;
}

    .all-sub li {
        float: left;
        width: 82px;
    }

.all-item1 {
    position: absolute;
    top: 0;
    left: 200px;
    border: 1px solid #e4e4e4;
    background: #f5f7f9;
    width: 928px;
    height: 391px;
    overflow: hidden;
    padding: 5px 30px;
}

.it-ti {
    font-size: 16px;
    color: #6cd7f9;
    font-size: 16px;
    font-weight: bold;
}

.it-tj {
    color: #ff860f;
    padding: 0 0;
}

    .it-tj a {
        color: #ff860f;
        margin: 0 3px;
    }

.zmp {
    padding-right: 30px;
}

    .zmp li {
        position: relative;
        width: 428px;
        padding-right: 20px;
        float: left;
        line-height: 16px;
    }

.zmp-ti {
    color: #6cd7f9;
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.zmp-bar {
    padding: 0 0 6px 22px;
}

    .zmp-bar a {
        margin-right: 12px;
    }

        .zmp-bar a:hover {
            color: #6cd7f9;
            text-decoration: underline;
        }

.all-item2 {
    position: absolute;
    top: -98px;
    left: 200px;
    height: 361px;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    background: #f6f7fb url(../image/ts-img.jpg) no-repeat bottom;
    width: 928px;
    padding: 20px 30px;
}

.ts-list {
    position: relative;
    margin-top: 6px;
}

.ts-ti {
    position: absolute;
    top: 0;
    left: 0;
    width: 76px;
    color: #777777;
    font-weight: bold;
}

.ts-bar {
    padding-left: 80px;
}

    .ts-bar a {
        margin-right: 12px;
        color: #777777;
    }

.all-item3 {
    position: absolute;
    top: -196px;
    left: 200px;
    height: 361px;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    background: #f6f7fb;
    width: 928px;
    padding: 20px 30px;
}

.wf-list {
    position: relative;
}

.wf-ti {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    color: #777777;
    font-weight: bold;
}

.wf-bar {
    padding-left: 70px;
    padding-bottom: 6px;
}

    .wf-bar a {
        margin-right: 12px;
        color: #777777;
    }

.wf-img {
    position: absolute;
    top: 33px;
    left: 201px;
    z-index: 1;
}

.all-item5 {
    position: absolute;
    top: -348px;
    left: 200px;
    height: 401px;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    background: #f6f7fb;
    width: 628px;
}

.hnav {
    position: absolute;
    top: 0;
    left: 200px;
    height: 42px;
    margin: 0 auto;
    z-index: 2;
}

    .hnav li {
        float: left;
        line-height: 42px;
        color: #dfdfdf;
        position: relative;
    }

    .hnav a {
        display: block;
        float: left;
        font-size: 16px;
        padding: 10px 16px;
        line-height: 22px;
        color: #3b3b3b;
    }

.hot {
    display: inline-block;
    background: url(../image/hot.png) no-repeat;
    width: 31px;
    height: 14px;
    position: absolute;
}

.hnav a:hover, .hnav .hncur {
    background: #2dadf3;
    color: #FFF;
}


.pop-room {
    position: fixed;
    top: 30%;
    left: 50%;
    width: 500px;
    margin-left: -250px;
    z-index: 1000;
    background: #ffffff;
    box-shadow: 0 0 3px #6fd2f7;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
}


.video {
    position: relative;
    width: 322px;
    height: 182px;
    display: block;
    border: 4px solid #2dadf3;
    overflow: hidden;
}

.vid-cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}



.container {
    width: 1190px;
    margin: 0 auto;
    padding: 20px 0;
}

.ctop {
    min-height: 46px;
    margin-bottom: 12px;
}

.cti {
    float: left;
    font-family: 微软雅黑;
    font-size: 30px;
    color: #00a0d9;
    line-height: 46px;
    height: 46px;
}

    .cti span {
        font-family: Arial;
        font-size: 24px;
        color: #92d4f5;
        margin-left: 12px;
    }

.crum {
    
    margin-top: 20px;
    margin-bottom: 20px;
}

    .crum a {
        color: #68707d;
    }

    .crum span {
        color: #f16000;
    }

.pkTable {
    padding: 20px;
}

    .pkTable h3 {
        font-size: 16px;
        color: #d5630b;
        padding: 12px 0;
    }

    .pkTable table {
        border-collapse: collapse;
    }

    .pkTable th {
        border: 1px solid #fdc571;
        background: #FCF5F5;
        padding: 6px 20px;
        font-size: 14px;
        color: #d5630b;
    }

    .pkTable td {
        border: 1px solid #fdc571;
        text-align: center;
    }



.show-pop {
    position: relative;
}

.show-pop-info {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    background: #FFF;
    -mzo-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.show-pop-txt {
    padding: 20px 20px 0;
}

.paiming td, .paiming td a {
    color: #63abf1;
}





.xdtool {
    position: relative;
    width: 364px;
    height: 186px;
}

.xd-xz {
    display: block;
    position: absolute;
    top: 48px;
    left: 32px;
    z-index: 1;
    background: url(../image/xdb.gif) no-repeat;
    width: 156px;
    height: 46px;
}

    .xd-xz:hover {
        background: url(../image/xdb-hover.gif) no-repeat;
    }

.xd-go {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 364px;
    height: 69px;
    background: url(../image/xdgo.png) no-repeat;
}

    .xd-go:hover {
        background: url(../image/xdgo-hover.png) no-repeat;
    }



.zxpop {
    position: fixed;
    bottom: 20%;
    right: 20px;
    z-index: 1000;
    background: url(../image/zxpop.png) no-repeat;
    width: 49px;
    height: 276px;
}

.zxbar {
    padding-bottom: 2px;
    padding-top: 12px;
}

    .zxbar li {
        height: 46px;
        width: 49px;
        position: relative;
    }

.up {
    display: block;
    width: 49px;
    height: 26px;
    background: url(../image/trans.gif);
}

.zxico {
    position: absolute;
    top: 4px;
    left: 8px;
}

.zx-hover {
    position: absolute;
    bottom: 0;
    right: 56px;
    color: #000;
    font-size: 20px;
}


.banner {
    position: relative;
    width: 100%;
    height: 400px;
}

    .banner ul {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        height: 400px;
    }

.b-bar {
    width: 100%;
    text-align: center;
    height: 14px;
    line-height: 14px;
    position: absolute;
    bottom: 40px;
    left: 0;
    
}

    .b-bar span {
        display: inline-block;
        border: 1px solid #FFF;
        width: 13px;
        height: 13px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        cursor: pointer;
        margin: 0 4px;
    }

    .b-bar .b-cur {
        background: #FFF;
    }



.hotdy {
    width: 244px;
    overflow: hidden;
    margin: 0 15px 15px 15px;
}

    .hotdy ul {
        width: 290px;
    }

        .hotdy ul li {
            float: left;
            width: 115px;
            margin-right: 14px;
            margin-top: 14px;
        }

            .hotdy ul li img {
                width: 115px;
                height: 80px;
            }

.dyTit {
    padding: 2px 12px;
    background: #ecf0f4;
}

.hotbj {
    margin: 0 15px 15px 15px;
}

.hotbj_img {
    position: relative;
    width: 244px;
    height: 154px;
}

    .hotbj_img span {
        position: absolute;
        bottom: 12px;
        right: 0;
        z-index: 1;
    }

    .hotbj_img p {
        position: absolute;
        position: absolute;
        bottom: 12px;
        right: 0px;
        color: #FFF;
        font-size: 16px;
        z-index: 10;
    }

        .hotbj_img p b {
            font-size: 21px;
        }

.hotbjTit {
    padding: 8px 12px;
    background: #ecf0f4;
}


.bctr {
    position: fixed;
    bottom: 30px;
    left: 0;
    z-index: 2000;
}

.bmbg {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1001;
    background: #0d283f;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
    width: 100%;
    height: 200px;
}

.bmbox {
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 1002;
    margin-left: -595px;
    width: 1190px;
    height: 200px;
}

.bmbtn {
    position: absolute;
    top: 30px;
    left: 340px;
    z-index: 2;
    height: 102px;
}

    .bmbtn li {
        float: left;
        padding: 0 28px;
    }

.bewm {
    position: absolute;
    top: 82px;
    right: 43px;
    z-index: 2;
}

.close {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 3;
    cursor: pointer;
}




.zxpop2 {
    position: fixed;
    top: 20%;
    right: 30px;
    z-index: 100;
}

.close2 {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 3;
    cursor: pointer;
    width: 35px;
    height: 35px;
    background: url(../image/close2.png) no-repeat;
}

.zxlist2 {
    position: absolute;
    top: 190px;
    left: 68px;
    width: 110px;
}

    .zxlist2 li {
        padding-bottom: 8px;
    }

    .zxlist2 a {
        display: block;
        background: #f36561;
        border-bottom: 2px solid #d0433f;
        border-radius: 3px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        color: #FFF;
        text-align: center;
    }

.zxewm {
    position: absolute;
    top: 320px;
    left: 80px;
    z-index: 2;
}

    .zxewm img {
        width: 90px;
        height: 90px;
    }

.zxpic {
    position: fixed;
    top: 10%;
    left: 50%;
    margin-left: -229px;
    z-index: 1000;
}

.zxbtn {
    display: block;
    width: 20px;
    height: 70px;
    padding: 10px 5px;
    line-height: 16px;
    border-radius: 15px;
    background: #f0bb2f;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    position: fixed;
    top: 12%;
    right: 30px;
    z-index: 100;
}




.yjdq-menu {
    background: url(../image/subIco.png) no-repeat right bottom;
}

    .yjdq-menu h3 {
        color: #fc9a98;
        background: url(../image/all-arr2.png) no-repeat right;
    }

    .yjdq-menu ul {
        padding: 5px 9px 9px 9px;
        height: 56px;
    }

        .yjdq-menu ul li a {
            color: #6a6a6a;
        }

.xx_tit {
    height: 60px;
    color: #2dadf3;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}

    .xx_tit img {
        float: left;
        margin-right: 10px;
    }

    .xx_tit span {
        font-weight: normal;
        font-size: 12px;
        color: #999;
    }

.xzbar {
    display: inline-block;
    background: url(../image/xzbar.png) no-repeat 0 6px;
    padding-left: 30px;
    margin-right: 50px;
}

.onlineConsult {
    position: fixed;
    top: 30%;
    right: 30px;
    z-index: 1000;
    width: 130px;
    border-radius: 5px;
    box-shadow: 0 0 12px rgba(0,0,0,0.3);
}

.ocTit {
    font-size: 16px;
    color: #FFF;
    background: #2dadf3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 10px;
}

    .ocTit a {
        display: block;
        float: right;
        background: url(../image/close3.png) no-repeat center;
        width: 20px;
        height: 20px;
    }

.onlineConsult ul {
    background: #FFF;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .onlineConsult ul li {
        position: relative;
        padding: 6px 12px;
        border-bottom: 1px solid #f2f2f2;
        line-height: 20px;
    }

        .onlineConsult ul li:last-child {
            border-bottom: none;
        }

        .onlineConsult ul li i {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url(../image/zxico.png) no-repeat;
            float: left;
            margin-right: 3px;
        }

.onlineConsult a:hover {
    color: #2dadf3;
}

.onlineConsult .ocbar1 i {
    background: url(../image/qq.gif) no-repeat 0 3px;
}


.onlineConsult .ocbar2 i {
    background: url(../image/ipc.gif) no-repeat left;
}

.onlineConsult .ocbar2 a:hover i {
    background: url(../image/ipc.gif) no-repeat left;
}

.onlineConsult .ocbar3 i {
    background: url(../image/wxi.gif) no-repeat 0 3px;
}


.onlineConsult .ocbar4 i {
    background-position: 0 -110px;
}

.onlineConsult .ocbar4 a:hover i {
    background-position: -20px -110px;
}

.onlineConsult .ocbar5 i {
    background-position: 0 -146px;
}

.onlineConsult .ocbar5 a:hover i {
    background-position: -20px -146px;
}

.onlineConsult .ocbar6 i {
    background: url(../image/top.png) no-repeat 0 3px;
}


.onlineConsult .ocbar7 i {
    background-position: 0 -214px;
}

.WeChat {
    position: fixed;
    top: 30%;
    right: 30px;
    z-index: 1000;
    width: 130px;
    margin-top: 320px;
}

.boxico {
    position: fixed;
    bottom: 40px;
    left: 0;
    z-index: 1000;
}

.boximg {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0,0,0,0.8);
    text-align: center;
    width: 100%;
}


.bclose {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: -60px;
    cursor: pointer;
    transition: all 300ms;
    -webkit-transition: all 300ms;
}


    .bclose:hover {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

.messageWall {
    border: 2px solid #f6f6f6;
    padding: 12px;
    margin: 30px 0;
}

.w876 {
    width: 876px;
}

.w250 {
    width: 250px;
}

.w300 {
    width: 300px;
}

.mctr {
    border: 1px solid #eeeeee;
    background: #f5f7f9;
    padding: 3px 12px;
    margin-top: 20px;
}

.zan {
    display: inline-block;
    background: url(../image/zan2.png) no-repeat 0 6px;
    padding-left: 16px;
    float: right;
    color: #94acc0;
}

    .zan i {
        color: #ff7a77;
        font-style: normal;
        margin: 0 3px;
    }

.messages li {
    border-bottom: 1px dotted #dcdcdc;
    position: relative;
}

    .messages li:last-child {
        border-bottom: none;
    }

.messImg {
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    width: 80px;
    text-align: center;
    color: #666;
}

    .messImg img {
        margin-bottom: 3px;
    }

.messInfo {
    padding: 20px 0 20px 100px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.messThumb {
    padding-top: 12px;
}

    .messThumb img {
        height: 40px;
    }

.messTime {
    padding-top: 12px;
    color: #999;
}

.fbbtn {
    display: inline-block;
    background: #6fd2f7;
    color: #FFF;
    padding: 2px 12px;
    border-radius: 3px;
}

.mess_ly {
    padding-top: 12px;
}

    .mess_ly li {
        padding-top: 6px;
    }

.pages {
    text-align: right;
    padding: 20px 0;
}

    .pages a {
        display: inline-block;
        border: 1px solid #7ddcf4;
        color: #666;
        padding: 0 6px;
    }

    .pages span {
        display: inline-block;
        border: 1px solid #7ddcf4;
        color: #fff;
        padding: 0 6px;
        background: #7ddcf4;
    }

.wdbox {
    border: 1px solid #e5e5e5;
    margin: 30px 0;
}

.wdtit {
    padding: 20px 20px 20px 120px;
    font-size: 24px;
    color: #2187dd;
    background: #f5f7f9 url(../image/wdico.png) no-repeat 20px bottom;
}

    .wdtit span {
        font-size: 14px;
        color: #94acc0;
        margin-left: 12px;
    }

.wdmain {
    padding: 20px;
}

.wen {
    position: relative;
    margin-top: 20px;
}

.wenpers {
    position: absolute;
    top: 10px;
    left: 0;
    background: url(../image/iwen.png) no-repeat 0 4px;
    padding-left: 20px;
    color: #333;
    width: 60px;
    overflow: hidden;
}

.dapers {
    position: absolute;
    top: 10px;
    right: 0;
    background: url(../image/ida.png) no-repeat right;
    padding-right: 20px;
    color: #333;
    width: 60px;
    overflow: hidden;
    text-align: right;
}

.weninfo {
    margin-left: 70px;
    background: #f5f7f9;
    padding: 10px;
    color: #000;
}

.dainfo {
    margin-right: 70px;
    margin-left: 310px;
    background: #f5f7f9;
    padding: 10px;
    color: #000;
}

.wenArr {
    display: block;
    background: url(../image/wenArr.png) no-repeat;
    width: 9px;
    height: 12px;
    position: absolute;
    top: 12px;
    left: 61px;
}

.daArr {
    display: block;
    background: url(../image/daArr.png) no-repeat;
    width: 9px;
    height: 12px;
    position: absolute;
    top: 12px;
    right: 61px;
}

.dabox {
    position: relative;
    margin-top: 20px;
}

.mdwdtit {
    background: #6fd2f7;
    color: #FFF;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    position: relative;
    font-weight: bold;
}

    .mdwdtit i {
        display: block;
        background: url(../image/mdico.png) no-repeat;
        width: 57px;
        height: 55px;
        position: absolute;
        top: -6px;
        left: -20px;
    }

.mdwdbox {
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 10px;
}

.mdw_cont {
    background: #f5f7f9;
    color: #94acc0;
    margin: 12px 30px 0 20px;
    position: relative;
}

    .mdw_cont p {
        padding: 10px;
    }

.mdd_cont {
    background: #6fd2f7;
    color: #ffffff;
    margin: 12px 20px 0 30px;
    position: relative;
}

    .mdd_cont p {
        padding: 10px;
    }

.wdAL {
    display: block;
    background: url(../image/wdAL.png) no-repeat;
    width: 6px;
    height: 14px;
    position: absolute;
    top: 12px;
    left: -6px;
}

.wdAR {
    display: block;
    background: url(../image/wdAR.png) no-repeat;
    width: 6px;
    height: 14px;
    position: absolute;
    top: 12px;
    right: -6px;
}

.wdctr {
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 10px 16px;
}

.wdin {
    border: none;
    width: 95%;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #94acc0;
}

.travelsFocus {
    position: relative;
}

.travesThumb {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

    .travesThumb li {
        float: left;
        width: 16.66%;
        border-bottom: 10px solid #2993d1;
        box-shadow: 0 0 2px rgba(0,0,0,0.3);
    }

        .travesThumb li:nth-child(2n) {
            border-bottom: 10px solid #ff922c;
        }

        .travesThumb li a {
            display: block;
            background: #000;
        }

            .travesThumb li a img {
                width: 100%;
                opacity: 0.5;
            }

            .travesThumb li a:hover img, .travesThumb .thumbCur img {
                opacity: 1;
            }

.dydqtit {
    border-top: 2px solid #2187dd;
    background: #f5f7f9;
    margin-top: 50px;
    padding: 10px;
    line-height: 30px;
    font-size: 24px;
    color: #2187dd;
}

    .dydqtit img {
        float: left;
        margin-right: 12px;
    }

    .dydqtit span {
        font-size: 14px;
        color: #94acc0;
        margin-left: 12px;
    }

.abcTab {
    border-bottom: 1px solid #e0e0e0;
    padding: 6px 12px;
}

    .abcTab a {
        display: inline-block;
        height: 32px;
        line-height: 32px;
        width: 32px;
        text-align: center;
        font-family: Arial;
        font-size: 16px;
        color: #94acc0;
    }

        .abcTab a:hover {
            background: #ff943c;
            color: #FFF;
        }

.dydqbox {
    border: 1px solid #e5e5e5;
    margin-bottom: 50px;
}

.abcTab .sort {
    display: inline-block;
    background: url(../image/sort.png) no-repeat right;
    padding-right: 16px;
    color: #ff7a77;
    font-size: 16px;
    margin-top: 4px;
    width: 72px;
}

.yjlists {
    padding: 0 20px;
}

    .yjlists li {
        border-bottom: 1px dashed #eeeeee;
        padding: 20px 0;
        height: 270px;
    }

        .yjlists li:last-child {
            border-bottom: none;
        }

.yjImg {
    width: 520px;
    height: 270px;
    position: relative;
}

    .yjImg img {
        width: 520px;
        height: 270px;
    }

.yjtit {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    background: rgba(0,0,0,0.6);
    color: #FFF;
    padding: 10px 20px;
    font-size: 22px;
    line-height: 30px;
}

.yjInfo {
    width: 550px;
    padding-right: 50px;
    line-height: 28px;
    color: #666;
    font-size: 14px;
}

    .yjInfo h3 {
        font-size: 26px;
        line-height: 32px;
        font-weight: normal;
        position: relative;
        margin-bottom: 12px;
    }

        .yjInfo h3 a {
            display: block;
            width: 540px;
            height: 32px;
            white-space: nowrap;
            color: #ff7a77;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.zwico {
    display: inline-block;
    background: url(../image/zwico.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 6px;
    right: 8px;
    cursor: pointer;
}

.advisor {
    display: block;
    height: 60px;
    line-height: 18px;
    margin-top: 12px;
}

    .advisor h4 {
        color: #2dadf3;
        padding: 3px 0;
    }

.advImg {
    float: left;
    width: 60px;
    margin-right: 12px;
}

    .advImg img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
    }

.tsxx {
    background: url(../image/tsxx.png) no-repeat;
    width: 140px;
    height: 40px;
    line-height: 20px;
    padding: 26px 15px 12px 15px;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    top: 23px;
    right: -72px;
}



.photoAlbum {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -500px;
    margin-top: -325px;
    width: 1000px;
    height: 650px;
    background: #FFF;
    z-index: 10002;
}

.photoPic img {
    max-height: 100%;
    max-width: 100%;
}

.photoTit {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 960px;
    height: 20px;
    line-height: 20px;
    color: #FFF;
    font-size: 14px;
    padding: 20px;
    background: rgba(0,0,0,0.6);
}

.pclose {
    display: block;
    float: right;
    background: url(../image/pclose2.png) no-repeat;
    width: 20px;
    height: 20px;
}

.photoCtr {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 1000px;
    height: 100px;
    background: rgba(0,0,0,0.6);
}

.pctrL {
    position: absolute;
    top: 300px;
    left: 0;
    background: none;
    color: #FFF;
    padding: 0 6px 0 3px;
    font-size: 60px;
    line-height: 80px;
    height: 72px;
    font-family: 宋体;
    z-index: 10;
    background: rgba(0,0,0,0.4);
}

    .pctrL:hover {
        background: rgba(0,0,0,0.7);
    }

.pctrR {
    position: absolute;
    top: 300px;
    right: 0;
    padding: 0 3px 0 6px;
    background: none;
    color: #FFF;
    font-size: 60px;
    height: 72px;
    line-height: 80px;
    font-family: 宋体;
    z-index: 10;
    background: rgba(0,0,0,0.4);
}

    .pctrR:hover {
        background: rgba(0,0,0,0.7);
    }

.photoClass {
    float: left;
    width: 480px;
}

.photoCtr h3 {
    font-size: 14px;
    color: #FFF;
    font-weight: normal;
    padding: 8px 15px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

    .photoCtr h3 span {
        margin-left: 20px;
    }

.photoClassBar {
    height: 52px;
    margin-left: 15px;
}

    .photoClassBar li {
        float: left;
        width: 64px;
        padding-right: 1px;
    }

        .photoClassBar li a {
            display: block;
            width: 48px;
            text-align: center;
            line-height: 36px;
            height: 36px;
            padding: 5px;
            border: 3px solid #FFF;
            background: rgba(255,255,255,1);
            color: #333;
            -webkit-transition: all .2s ease-out;
            -o-transition: all .2s ease-out;
            -moz-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

            .photoClassBar li a:hover, .photoClassBar li .pcbCur {
                border: 3px solid #99adb5;
                background: rgba(0,0,0,0.6);
                color: #FFF;
            }

.photoThumbBox {
    float: right;
    width: 500px;
}

.thArrL {
    display: block;
    background: url(../image/thArr.png) no-repeat 0 0;
    width: 12px;
    height: 20px;
    float: left;
    margin-top: 16px;
}

.thArrR {
    display: block;
    background: url(../image/thArr.png) no-repeat 0 -20px;
    width: 12px;
    height: 20px;
    float: left;
    margin-top: 16px;
}

.photoThumb {
    float: left;
    width: 390px;
    height: 52px;
    overflow: hidden;
    position: relative;
    margin: 0 15px;
}

    .photoThumb ul {
        position: absolute;
        left: 0;
        left: 0;
        z-index: 0;
    }

        .photoThumb ul li {
            float: left;
            width: 64px;
            height: 52px;
            margin-right: 1px;
        }

            .photoThumb ul li a {
                display: block;
                width: 64px;
                height: 52px;
                background: #fff;
                -webkit-transition: all .2s ease-out;
                -o-transition: all .2s ease-out;
                -moz-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

                .photoThumb ul li a img {
                    width: 64px;
                    height: 52px;
                }

    .photoThumb .xuanzhong {
        border: 3px solid #FFF;
        width: 58px;
        height: 46px;
    }

    .photoThumb ul li .clickimg img {
        border: 3px solid #FFF;
        width: 58px;
        height: 46px;
    }

    .photoThumb ul li a:hover img {
        border: 3px solid #FFF;
    }

    .photoThumb ul li a:hover img {
        width: 58px;
        height: 46px;
    }

.dydqss {
    border-bottom: 1px solid #e5e5e5;
    padding: 16px 20px;
}

.ssdyin {
    border: 1px solid #e5e5e5;
    width: 240px;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
}

.ssdyb {
    display: inline-block;
    background: #6fd2f7;
    color: #FFF;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    border: none;
    cursor: pointer;
    width: 120px;
    text-align: center;
}

.hotss {
    font-size: 18px;
    color: #2993d1;
}

    .hotss a {
        color: #2993d1;
        margin: 0 8px;
    }

        .hotss a:hover {
            text-decoration: underline;
        }




.messbox {
    border: 1px solid #eeeeee;
}

.messCtr {
    background: #f2f2f2;
    padding: 7px 10px;
}

.addsfz {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    color: #fff;
    background: #70d2f7;
    text-decoration: none;
    text-indent: 0;
    line-height: 26px;
    height: 26px;
    width: 66px;
    text-align: center;
    border-radius: 3px;
    margin-right: 6px;
}

    .addsfz input {
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        width: 100%;
    }

.messArea {
    background: #FFF;
    padding: 5px;
}

    .messArea textarea {
        width: 98%;
        overflow: hidden;
        border: none;
        font-family: 微软雅黑;
        height: 250px;
    }

.ocbar5 .octel {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    z-index: 0;
    background: #FFF;
    width: 120px;
    color: #333;
    padding: 6px 12px;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.ocbar5:hover .octel {
    display: block;
    right: 130px;
    opacity: 1;
}




.bb_box {
    background: url(../image/boximg.png) no-repeat;
    width: 1255px;
    height: 208px;
    position: relative;
    margin: -8px auto 0 auto;
}

.bb01 {
    display: block;
    background: url(../image/bb011.png) no-repeat;
    width: 178px;
    height: 66px;
    position: absolute;
    top: 22px;
    left: 366px;
    text-indent: -300px;
    overflow: hidden;
}

    .bb01:hover {
        background: url(../image/bb01.png) no-repeat;
    }

.bb02 {
    display: block;
    background: url(../image/bb021.png) no-repeat;
    width: 171px;
    height: 66px;
    position: absolute;
    top: 22px;
    left: 553px;
    text-indent: -300px;
    overflow: hidden;
}

    .bb02:hover {
        background: url(../image/bb02.png) no-repeat;
    }

.bb03 {
    display: block;
    background: url(../image/bb031.png) no-repeat;
    width: 171px;
    height: 66px;
    position: absolute;
    top: 23px;
    left: 733px;
    text-indent: -300px;
    overflow: hidden;
}

    .bb03:hover {
        background: url(../image/bb03.png) no-repeat;
    }

.bb04 {
    display: block;
    background: url(../image/bb041.png) no-repeat;
    width: 171px;
    height: 66px;
    position: absolute;
    top: 24px;
    left: 914px;
    text-indent: -300px;
    overflow: hidden;
}

    .bb04:hover {
        background: url(../image/bb04.png) no-repeat;
    }

.bb05 {
    display: block;
    background: url(../image/bb051.png) no-repeat;
    width: 196px;
    height: 66px;
    position: absolute;
    top: 92px;
    left: 150px;
    text-indent: -300px;
    overflow: hidden;
}

    .bb05:hover {
        background: url(../image/bb05.png) no-repeat;
    }

.bb06 {
    display: block;
    background: url(../image/bb061.png) no-repeat;
    width: 195px;
    height: 66px;
    position: absolute;
    top: 92px;
    left: 353px;
    text-indent: -300px;
    overflow: hidden;
}

    .bb06:hover {
        background: url(../image/bb06.png) no-repeat;
    }

.bb07 {
    display: block;
    background: url(../image/bb071.png) no-repeat;
    width: 171px;
    height: 66px;
    position: absolute;
    top: 92px;
    left: 553px;
    text-indent: -300px;
    overflow: hidden;
}

    .bb07:hover {
        background: url(../image/bb07.png) no-repeat;
    }

.bb08 {
    display: block;
    background: url(../image/bb081.png) no-repeat;
    width: 171px;
    height: 66px;
    position: absolute;
    top: 93px;
    left: 733px;
    text-indent: -300px;
    overflow: hidden;
}

    .bb08:hover {
        background: url(../image/bb08.png) no-repeat;
    }

.bb09 {
    display: block;
    background: url(../image/bb091.png) no-repeat;
    width: 171px;
    height: 66px;
    position: absolute;
    top: 93px;
    left: 914px;
    text-indent: -300px;
    overflow: hidden;
}

    .bb09:hover {
        background: url(../image/bb09.png) no-repeat;
    }

.albTit {
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    color: #2187dd;
    padding: 10px 0;
    border-bottom: 2px solid #2187dd;
    margin: 0 20px;
}

    .albTit span {
        color: #ff908e;
        font-size: 12px;
        margin-left: 6px;
    }

    .albTit img {
        float: left;
        height: 20px;
        margin-right: 8px;
    }

.albums_tit {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    line-height: 30px;
    font-size: 18px;
    color: #2187dd;
    text-align: center;
    width: 600px;
    margin-left: -300px;
}

    .albums_tit strong {
        color: #ff7a77;
        font-size: 28px;
        font-family: Arial;
    }

.albums {
    padding: 15px;
    display: inline-block;
    margin: 0 auto;
    background: #FFF;
}

    .albums li {
        padding: 5px;
        width: 224px;
        height: 200px;
        float: left;
    }

        .albums li a {
            display: block;
            width: 224px;
            height: 200px;
            position: relative;
            overflow: hidden;
        }

            .albums li a .xcTit {
                opacity: 0;
                background: rgba(33,135,221,0.8);
                width: 184px;
                height: 80px;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 10;
                line-height: 30px;
                padding: 60px 20px;
                font-size: 14px;
                color: #FFF;
                text-align: center;
                -webkit-transition: all .2s ease-out;
                -o-transition: all .2s ease-out;
                -moz-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

                .albums li a .xcTit h3 {
                    font-size: 20px;
                    font-weight: normal;
                }

            .albums li a:hover .xcTit {
                opacity: 1;
            }



.navFixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.navMain {
    width: 1200px;
    margin: 0 auto;
    height: 42px;
}

.navFixed .nav {
    float: left;
    width: 1080px;
}

    .navFixed .nav li {
        width: 108px;
    }

    .navFixed .nav a {
        width: 113px;
    }

.navLogo {
    display: none;
}

.navFixed .navLogo {
    display: block;
    float: left;
    padding: 5px 10px 5px 0;
    width: 110px;
}

    .navFixed .navLogo img {
        width: 110px;
    }

.navFixed .nav .subNavNav {
    left: 113px
}

.xxFixed {
    position: fixed;
    top: 44px;
    left: 50%;
    margin-left: -595px;
    z-index: 999;
    background: #FFF;
    width: 1190px;
}




.popxd {
    width: 1190px;
    margin: 0 auto;
    position: relative;
}

.xd_box {
    padding: 20px 0;
}

.xd_list {
    width: 825px;
    border-right: 1px dashed #999999;
    text-align: left;
    color: #FFF;
    font-size: 14px;
    line-height: 26px;
    float: left;
}

.xd_tit {
    font-size: 24px;
    color: #fefefe;
    line-height: 36px;
}

    .xd_tit span {
        font-size: 12px;
        margin-left: 12px;
    }

.xd_list td {
    padding: 8px 0;
}

.xdbar1 a {
    display: inline-block;
    width: 178px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #666666;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin-right: 6px;
    font-size: 12px;
}

.xdbar2 a {
    display: inline-block;
    width: 98px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #666666;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin-right: 6px;
    font-size: 12px;
}

.xdbar3 a {
    display: inline-block;
    width: 68px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #666666;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin-right: 6px;
    font-size: 12px;
}

.xdbar4 a {
    display: inline-block;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #666666;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin-right: 6px;
    margin-bottom: 15px;
    font-size: 12px;
}

.xdbar1 .active, .xdbar2 .active, .xdbar3 .active, .xdbar4 .active {
    background: #2dadf3;
    border: 1px solid #2dadf3;
    color: #FFF;
}

.xd_other {
    float: right;
    width: 300px;
    text-align: left;
    font-size: 14px;
    color: #FFF;
}

.xd_in {
    border: 1px solid #cccccc;
    background: #FFF;
    height: 38px;
    padding: 0 10px;
    margin: 12px 0;
}

    .xd_in input {
        width: 100%;
        height: 38px;
        line-height: 38px;
        color: #999999;
        font-size: 14px;
        border: none;
        background: none;
    }

.xd_result {
    padding: 20px 0;
    text-align: center;
}

    .xd_result h3 {
        padding-bottom: 20px;
    }

    .xd_result span {
        font-size: 60px;
        color: #2dadf3;
    }

.viewXd {
    display: block;
    background: #ff4401;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.viewHs {
    display: block;
    background: #666;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.bgc418 {
    background: #4a575d;
}

.w190 {
    width: 190px;
}

.w380 {
    width: 380px;
}

.m_l_40 {
    margin-left: 40px;
}

.pbt40 {
    padding: 40px 0;
}

.mt20 {
    margin-top: 20px;
}

.txt418 {
    font-size: 14px;
    color: #FFF;
    line-height: 24px;
    padding: 20px 0;
}

.ewmbox {
    padding: 14px;
}

    .ewmbox td {
        padding: 8px 14px;
        color: #FFF;
        font-size: 14px;
    }

        .ewmbox td img {
            margin-bottom: 6px;
        }

.ssbox2 {
    background: #2dadf3;
    color: #FFF;
    font-size: 14px;
    height: 50px;
    position: relative;
    margin: 30px 0;
}

.ssin2 {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 130px;
    height: 30px;
    color: #FFF;
    font-size: 14px;
}

    .ssin2 input {
        background: none;
        border: none;
        width: 100%;
        height: 30px;
        line-height: 30px;
        color: #FFF;
        font-size: 14px;
    }

        .ssin2 input::-webkit-input-placeholder {
            color: #FFF;
            font-size: 14px;
        }

.ssbtn22 {
    display: block;
    background: url(../image/ssico1.png) no-repeat center;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
}

    .ssbtn22 input {
        border: none;
        background: none;
        width: 30px;
        height: 30px;
        cursor: pointer;
    }

.catalogue {
    background: #ffffff;
    position: relative;
    height: 50px;
    margin-top: 30px;
}

.caib {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(../image/caia.png) no-repeat center;
}

.cain {
    background: none;
    width: 170px;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    border: none;
}

.catalogue ul {
    position: absolute;
    top: 50px;
    left: 0;
    background: #FFF;
    width: 100%;
    border-top: 1px solid #ccc;
}

    .catalogue ul li {
        padding: 3px 10px;
        font-size: 14px;
    }

        .catalogue ul li:hover {
            background: #ccc;
        }

.sortbox {
    padding-top: 40px;
}

    .sortbox h3 {
        font-size: 14px;
        color: #FFF;
        font-weight: normal;
        padding-bottom: 12px;
    }

    .sortbox ul li a {
        color: #cccccc;
        font-size: 14px;
        line-height: 26px;
    }

        .sortbox ul li a span {
            color: #FFF;
            margin-left: 3px;
        }

        .sortbox ul li a:hover {
            text-decoration: underline;
        }

.sort_list li {
    padding: 5px 0;
}

    .sort_list li a {
        color: #FFF;
        font-size: 14px;
        line-height: 30px;
    }

    .sort_list li ul li {
        padding: 0 14px;
    }

        .sort_list li ul li a {
            color: #CCC;
        }

            .sort_list li ul li a span {
                color: #FFF;
            }

.tqbox2 {
    background: url(../image/tqbg.jpg) no-repeat;
    width: 250px;
    height: 416px;
    position: relative;
    color: #FFF;
    font-size: 14px;
}

.tq_day {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
}

    .tq_day span {
        float: right;
    }

.tq_info {
    height: 236px;
    text-align: center;
}

.airTem {
    font-size: 48px;
    line-height: 120px;
    text-shadow: 1px 2px 2px rgba(0,0,0,0.6);
    height: 130px;
}

    .airTem strong {
        font-size: 100px;
    }

.airTxt {
    text-shadow: 1px 2px 2px rgba(0,0,0,0.6);
}

.last5 {
    padding: 25px 0;
}

    .last5 td {
        text-align: center;
        padding: 8px 5px;
    }

.xmbox {
    padding-top: 30px;
}

.xmtit {
    background: #5c686e;
    border-radius: 10px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #FFF;
    margin-bottom: 12px;
}

.xmbox td {
    line-height: 28px;
    vertical-align: top;
    padding: 0 12px;
    font-size: 14px;
}

.xmbox a {
    font-size: 14px;
    color: #FFF;
}

.group-menu2 {
    width: 760px;
    border-right: 1px dashed #d1d1d1;
    padding-right: 60px;
}

.groupxd .xd_box {
    padding: 0;
}

.groupxd .xd_list, .groupxd .xd_other {
    color: #333;
}

.moreTerm {
    display: block;
    border: 1px solid #cccccc;
    width: 150px;
    height: 30px;
    margin: 20px auto 0 auto;
    line-height: 30px;
    text-align: center;
    background: #f5f5f5;
}

.termbox {
    padding-top: 8px;
}

.w889 {
    width: 889px;
}

.w274 {
    width: 274px;
}

.w412 {
    width: 412px;
}

.gl_menu {
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    margin: 20px 0;
}

    .gl_menu li {
        float: left;
        width: 147px;
        border-bottom: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        height: 56px;
    }

        .gl_menu li a {
            display: block;
            text-align: center;
            line-height: 56px;
            font-size: 14px;
        }

        .gl_menu li .active {
            font-size: 16px;
            color: #FFF;
            background: #2dadf3;
        }

.csmdbox {
    display: block;
    width: 450px;
    height: 330px;
    position: relative;
    float: left;
}

.csmtit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.6);
    color: #FFF;
    height: 30px;
    line-height: 30px;
    text-indent: 1em;
    font-size: 14px;
}

.gl-list2 li {
    background: url(../image/point.gif) no-repeat left;
    font-size: 14px;
    text-shadow: 1px 1px 1px #fff;
    padding: 10px 0 10px 10px;
    line-height: 27px;
    border-bottom: 1px dashed #d4d4d4;
}

.gl-list2 .gl_hot {
    border-bottom: 1px dashed #d4d4d4;
    background: none;
    padding: 0 0 6px 0;
    font-size: 14px;
    color: #666666;
}

.gl_hot h3 {
    font-size: 16px;
    color: #565656;
}

    .gl_hot h3 span {
        font-size: 12px;
        font-weight: normal;
    }

.dybox {
    background: #fafafa;
    margin-top: 20px;
}

.dyPho {
    float: left;
    width: 483px;
    height: 300px;
    overflow: hidden;
}

    .dyPho img {
        width: 483px;
        height: 300px;
    }

.dyInfo {
    float: left;
    width: 387px;
    padding: 10px 0px 10px 20px;
}

.hstar {
    float: right;
    margin-top: 6px;
}

.dyInfo h3 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    line-height: 30px;
    padding-bottom: 12px;
}

    .dyInfo h3 span {
        font-size: 14px;
        font-family: Arial;
        color: #666;
    }

.dyInfo li {
    float: left;
    padding-left: 32px;
    font-size: 14px;
    color: #666;
    width: 138px;
    padding-bottom: 12px;
    line-height: 26px;
    height: 56px;
    overflow: hidden;
}

    .dyInfo li h4 {
        font-weight: normal;
        font-size: 14px;
        color: #333;
        padding-bottom: 3px;
    }

    .dyInfo li span {
        font-size: 18px;
    }

.dyother2 {
    padding: 10px 20px;
    border-top: 1px dashed #dcdcdc;
    margin-top: -1px;
    font-size: 14px;
    color: #333333;
}

    .dyother2 i {
        display: block;
        float: left;
        background: url(../image/dyic.png) no-repeat;
        width: 78px;
        height: 20px;
        line-height: 20px;
        padding-left: 12px;
        color: #fff;
        font-style: normal;
        margin-right: 10px;
    }

    .dyother2 span {
        float: right;
        color: #ff8a00;
        font-size: 16px;
    }

        .dyother2 span strong {
            font-size: 20px;
        }

.dyic1 {
    background: url(../image/dyic1.png) no-repeat 0 3px;
}

.dyic2 {
    background: url(../image/dyic2.png) no-repeat 0 3px;
}

.dyic3 {
    background: url(../image/dyic3.png) no-repeat 0 3px;
}

.dyic4 {
    background: url(../image/dyic4.png) no-repeat 0 3px;
}

.dyic5 {
    background: url(../image/dyic5.png) no-repeat 0 3px;
}

.dyic6 {
    background: url(../image/dyic6.png) no-repeat 0 3px;
}

.dy_ts {
    background: #2dadf3;
    color: #FFF;
    width: 260px;
    padding: 20px;
    height: 260px;
    float: right;
}

    .dy_ts h3 {
        font-size: 18px;
        font-weight: normal;
        color: #333;
    }

.ts-list2 {
    padding: 12px 0;
}

    .ts-list2 span {
        display: inline-block;
        border: 1px solid #FFF;
        width: 118px;
        height: 22px;
        border-radius: 11px;
        color: #FFF;
        text-align: center;
        margin-right: 12px;
        margin-bottom: 10px;
    }

        .ts-list2 span:nth-child(2n) {
            margin-right: 0;
        }

.ts_txt {
    font-size: 14px;
    line-height: 26px;
    height: 78px;
    overflow: hidden;
}

.ts_view {
    display: block;
    font-size: 16px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    width: 120px;
    background: #0881c4;
    color: #FFF;
    margin-top: 12px;
}

    .ts_view i {
        font-family: 宋体;
        margin-left: 6px;
        font-style: normal;
    }

    .ts_view:hover {
        background: #f08300;
    }

.seat {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #1e88da;
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0 16px 0 10px;
    font-size: 14px;
}

    .seat i {
        display: inline-block;
        background: url(../image/seat.png) no-repeat;
        width: 12px;
        height: 16px;
        margin-right: 6px;
        vertical-align: middle;
    }






.video-list {
    padding: 15px;
}

    .video-list li {
        float: left;
        padding: 5px;
    }

        .video-list li a {
            display: block;
            width: 342px;
            height: 234px;
            position: relative;
        }

.vidTit {
    
    line-height: 20px;
    font-size: 20px;
    color: #2187dd;
    padding: 10px 0;
    border-bottom: 2px solid #2187dd;
    margin: 20px 20px 0 20px;
}

    .vidTit span {
        color: #ff908e;
        font-size: 12px;
        margin-left: 6px;
    }

    .vidTit img {
        float: left;
        height: 20px;
        margin-right: 8px;
    }

.videoImg {
    width: 342px;
    height: 234px;
}

.videoInfo {
    background: rgba(0,0,0,0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    line-height: 30px;
    color: #FFF;
    text-align: center;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-video {
    display: inline-block;
    background: url(../image/icon-video.png) no-repeat;
    background-size: cover;
    width: 3em;
    height: 3em;
}

.video-tit {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    margin-top: -50px;
    line-height: 26px;
    margin-bottom: 5px;
    opacity: 0;
}

    .video-tit h3 {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 20px;
        font-weight: normal;
    }

    .video-tit p {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
    }

.video-list li a:hover .videoInfo {
    background: rgba(33,135,221,0.8);
}

.video-list li a:hover .video-tit {
    margin-top: 0px;
    opacity: 1;
}

.cruiseScreen {
    background: #fff;
    border-radius: 6px;
    padding: 20px 30px;
}

.bgc-f5 {
    background: #f5f5f5;
    padding: 0 0 30px 0;
}

.cruiseScreenList {
    position: relative;
    border-bottom: 1px dotted #e5e5e5;
}

.cruiseScreen .cruiseScreenList:last-child {
    border-bottom: none;
}

.cruiseScreenTit {
    position: absolute;
    top: 16px;
    left: 0;
    font-size: 16px;
    color: #808080;
}

.cruiseScreenBar {
    padding: 16px 16px 10px 88px;
    overflow: hidden;
}

    .cruiseScreenBar li {
        float: left;
        padding-right: 10px;
    }

        .cruiseScreenBar li a {
            color: #4c4c4c;
            display: block;
            padding: 0 10px;
            border-radius: 4px;
            font-size: 14px;
            margin-bottom: 6px;
        }

            .cruiseScreenBar li a:hover {
                color: #ff7a77;
                text-decoration: underline;
            }

    .cruiseScreenBar .active a {
        background: #ff7a77;
        color: #fff;
    }

        .cruiseScreenBar .active a:hover {
            color: #fff;
            text-decoration: none;
        }

.wx-910 {
    width: 910px;
}

.wx-920 {
    width: 920px;
}

.wx-240 {
    width: 240px;
}

.routebox {
    border-bottom: 1px solid #dcdcdc;
    background: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 15px;
    margin-top: 20px;
    height: 152px;
    overflow: hidden;
}

.routeName {
    width: 190px;
    display: block;
    float: left;
}

    .routeName img {
        width: 190px;
        height: 120px;
    }

    .routeName h3 {
        text-align: center;
        background: #f5f5f5;
        height: 32px;
        line-height: 30px;
        font-size: 14px;
        font-weight: normal;
        color: #333333;
    }

.routeInfo {
    float: left;
    padding: 0 15px;
    font-size: 14px;
    width: 526px;
}

    .routeInfo h3 {
        font-size: 16px;
        font-weight: normal;
        line-height: 24px;
        height: 48px;
        overflow: hidden;
    }

.icon-map {
    background: url(../image/icon-map.png) no-repeat;
    display: inline-block;
    width: 12px;
    height: 16px;
    vertical-align: middle;
    margin-right: 7px;
}

.icon-tuo {
    background: url(../image/icon-tuo.png) no-repeat;
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-right: 6px;
}

.icon-you {
    background: url(../image/icon-you.png) no-repeat;
    display: inline-block;
    background-size: cover;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 3px;
}

.tips01 {
    display: inline-block;
    background: #2dadf3;
    padding: 0 10px;
    border-radius: 3px;
    color: #fff;
}

.routeInfo p {
    padding-top: 10px;
}

    .routeInfo p:last-child {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.routeCtr {
    border-left: 1px dashed #dcdcdc;
    width: 130px;
    text-align: center;
    float: left;
    padding: 20px 0 20px 10px;
    font-size: 14px;
    margin: 20px 0;
}

    .routeCtr p strong {
        color: #ff5b57;
        font-size: 28px;
        font-weight: normal;
        letter-spacing: -1px;
    }

    .routeCtr .btn {
        display: inline-block;
        background: #ff7a77;
        color: #fff;
        padding: 8px 20px;
        border-radius: 6px;
        font-size: 16px;
        margin-top: 10px;
        -webkit-transition: all .4s ease-out;
        transition: all .4s ease-out;
    }

        .routeCtr .btn:hover {
            background: #cc4e4b;
        }

.hotbox {
    background: #fff;
    padding: 15px;
    margin-top: 20px;
}

.hotTit {
    font-size: 16px;
    color: #333;
}

.hotRouteImg {
    display: block;
    overflow: hidden;
    width: 208px;
    height: 128px;
    position: relative;
}

    .hotRouteImg p {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background: rgba(0,0,0,0.6);
        padding: 2px 10px;
        color: #fff;
    }

    .hotRouteImg img {
        width: 208px;
        height: 128px;
    }

.hotRoute {
    border-bottom: 1px dashed #dcdcdc;
    padding: 12px 0 8px 0;
}

    .hotRoute h3 {
        font-size: 15px;
        font-weight: normal;
        padding: 5px 0;
    }

.hotRouteOther {
    font-size: 13px;
}

    .hotRouteOther span {
        float: right;
    }

        .hotRouteOther span strong {
            font-size: 16px;
            color: #ff5b57;
            font-weight: normal;
        }

.pages2 {
    text-align: center;
    padding-top: 30px;
    margin-left: -4px;
    margin-right: -4px;
}

    .pages2 a {
        display: inline-block;
        border: 1px solid #dcdcdc;
        color: #666;
        background: #fff;
        padding: 3px 10px;
        margin: 0 4px;
    }

    .pages2 span {
        display: inline-block;
        border: 1px solid #2dadf3;
        color: #fff;
        padding: 3px 10px;
        background: #2dadf3;
        margin: 0 4px;
    }

.wx-tit {
    font-size: 18px;
    color: #fff;
    padding-top: 20px;
}

.carnivalCruise {
    overflow: hidden;
}

    .carnivalCruise li {
        float: left;
        width: 440px;
        padding-right: 30px;
        padding-top: 20px;
    }

        .carnivalCruise li:nth-child(2n) {
            padding-right: 0px;
        }

        .carnivalCruise li a {
            display: block;
            border: 1px solid #dcdcdc;
            height: 82px;
            overflow: hidden;
        }

.brandLogo {
    float: left;
    width: 148px;
    height: 82px;
    border-right: 1px solid #dcdcdc;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

    .brandLogo img {
        max-width: 100%;
        max-height: 100%;
    }

.carnivalCruiseInfo {
    float: right;
    padding: 15px;
    width: 250px;
    color: #fff;
}

    .carnivalCruiseInfo h3 {
        font-size: 16px;
        color: #2dadf3;
        font-weight: normal;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 4px;
    }

        .carnivalCruiseInfo h3 span {
            font-size: 12px;
            color: #fff;
            margin-left: 12px;
        }

    .carnivalCruiseInfo p {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.youlunImg {
    position: relative;
}

.youlun-logo {
    position: absolute;
    bottom: 0;
    left: 46px;
    z-index: 1;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 148px;
    height: 50px;
    padding: 10px;
    background: #fff;
}

    .youlun-logo img {
        max-width: 100%;
        max-height: 100%;
    }

.youlunTxt {
    padding: 30px;
    background: #fff;
    font-size: 14px;
    line-height: 26px;
    color: #333;
    box-shadow: 0 3px 3px rgba(0,0,0,0.1);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.youlunTit {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding-bottom: 15px;
}

    .youlunTit h3 {
        font-size: 22px;
    }

    .youlunTit p {
        color: #2dadf3;
        font-size: 14px;
    }

        .youlunTit p strong {
            color: #ff7a77;
            font-size: 26px;
            margin: 0 10px;
        }

.youlunTit2 {
    text-align: center;
    padding: 30px 0;
}

    .youlunTit2 span {
        display: inline-block;
        position: relative;
        color: #333333;
        font-size: 18px;
        padding: 0 20px;
    }

        .youlunTit2 span:before {
            content: "";
            border-bottom: 1px dashed #dcdcdc;
            width: 390px;
            line-height: 0;
            height: 0;
            position: absolute;
            top: 50%;
            right: 100%;
        }

        .youlunTit2 span:after {
            content: "";
            border-bottom: 1px dashed #dcdcdc;
            width: 390px;
            line-height: 0;
            height: 0;
            position: absolute;
            top: 50%;
            left: 100%;
        }

.qixia-youlun-box {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 20px;
}

.qixia-youlun {
    overflow: hidden;
}

.qixia-youlun-img {
    float: left;
    width: 366px;
    height: 220px;
}

    .qixia-youlun-img img {
        width: 100%;
        height: 100%;
    }

.qixia-youlun-info {
    float: right;
    width: 740px;
    padding-right: 20px;
    font-size: 12px;
    line-height: 24px;
}

    .qixia-youlun-info h3 {
        font-weight: normal;
        color: #333333;
        font-size: 20px;
    }

        .qixia-youlun-info h3 a {
            font-size: 12px;
            color: #2dadf3;
            margin-left: 15px;
        }

    .qixia-youlun-info h4 {
        font-weight: normal;
        font-size: 14px;
        color: #808080;
        padding-bottom: 10px;
    }

.i-good {
    display: inline-block;
    background: url(../image/ldi.png) no-repeat;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
}

.youlun-desc {
    font-size: 14px;
    color: #333;
}

.qixia-youlun-desc {
    border-top: 1px solid #dcdcdc;
    padding-top: 12px;
    margin-top: 12px;
}

.hot-route {
    position: relative;
    height: 190px;
    margin-top: 20px;
}

    .hot-route h3 {
        position: absolute;
        top: 0;
        left: 0;
        width: 26px;
        text-align: center;
        line-height: 26px;
        font-size: 18px;
        color: #fff;
        background: #2dadf3;
        padding: 40px 15px;
        font-weight: normal;
        height: 110px;
    }

.hot-route-list {
    padding-left: 72px;
}

    .hot-route-list a {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        font-size: 14px;
        height: 22px;
        line-height: 22px;
        padding: 8px 0;
    }

.hot-route-title {
    width: 496px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 20px;
}

.hot-route-date {
    width: 200px;
    color: #999;
}

.hot-route-tips {
    width: 210px;
}

    .hot-route-tips span {
        display: inline-block;
        background: #d9effa;
        color: #2dadf3;
        border: 1px dotted #47b7f4;
        padding: 0 5px;
        margin-right: 5px;
    }

.hot-route-price {
    text-align: right;
    width: 120px;
}

    .hot-route-price strong {
        font-size: 20px;
        color: #ff5b57;
        font-weight: normal;
        margin: 0 3px;
    }

.other-youlun-box {
    background: #fff;
    padding: 30px;
    margin-top: 50px;
    border-radius: 5px;
}

.other-youlun-tit {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.youlun-list {
    display: block;
    border: 1px solid #dcdcdc;
}

    .youlun-list h3 {
        background: #4a575d;
        color: #fff;
        text-align: center;
        font-size: 14px;
        padding: 3px 0 4px 0;
        font-weight: normal;
        border-top: 1px solid #dcdcdc;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .youlun-list img {
        width: 148px;
        height: 52px;
    }

.other-youlun-swiper {
    position: relative;
    padding: 0 40px;
    margin-top: 30px;
}

    .other-youlun-swiper .swiper-button-next {
        background: url(../image/ylarr.png) no-repeat -30px 0;
        width: 30px;
        height: 84px;
        top: 0;
        right: 0;
        margin-top: 0px;
    }

    .other-youlun-swiper .swiper-button-prev {
        background: url(../image/ylarr.png) no-repeat 0px 0;
        width: 30px;
        height: 84px;
        top: 0;
        left: 0;
        margin-top: 0px;
    }

.other-youlun-txt {
    padding-top: 30px;
    line-height: 28px;
}

.picNum {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1;
    background: rgba(0,0,0,0.5);
    color: #fff;
    padding: 5px 10px;
    font-size: 22px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

    .picNum img {
        vertical-align: middle;
        margin-right: 5px;
    }

.shipsTop {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    border-bottom: 1px solid #dcdcdc;
    padding: 15px;
}

.shipsName {
    font-size: 26px;
    color: #333;
}

    .shipsName span {
        font-size: 16px;
        color: #999;
        margin-left: 12px;
    }

.b-about {
    display: inline-block;
    position: relative;
    color: #2dadf3;
    font-size: 16px;
    padding-right: 12px;
}

    .b-about:after {
        content: "";
        border-bottom: 1px solid #2dadf3;
        border-right: 1px solid #2dadf3;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        right: 0;
        width: 8px;
        height: 8px;
        margin-top: -5px;
    }

.shipsOther {
    text-align: center;
    padding: 20px 15px;
    line-height: 30px;
}

.shipsTab {
    height: 68px;
    border: 1px solid #e5e5e5;
}

    .shipsTab li {
        float: left;
        width: 25%;
    }

    .shipsTab a {
        display: block;
        height: 68px;
        line-height: 68px;
        text-align: center;
        font-size: 22px;
        color: #808080;
        font-weight: lighter;
    }

    .shipsTab .active a {
        background: #2dadf3;
        color: #fff;
    }

.ships-box {
    padding: 20px 0;
}

.ships-tit {
    text-align: center;
    font-size: 30px;
    color: #4c4c4c;
    line-height: 36px;
    margin-bottom: 30px;
}

.cabinInfo {
    border: 1px solid #e5e5e5;
    padding: 10px 20px;
}

    .cabinInfo table {
        border-collapse: collapse;
    }

    .cabinInfo th {
        font-weight: normal;
        font-size: 14px;
        padding: 15px;
        text-align: left;
        border-bottom: 1px solid #e5e5e5;
    }

    .cabinInfo td {
        font-weight: normal;
        font-size: 16px;
        padding: 15px;
        border-bottom: 1px solid #e5e5e5;
    }

    .cabinInfo tr:last-child td {
        border-bottom: none;
    }

.blue {
    color: #2dadf3;
}

.ships-cate-box {
    background: url(../image/ships-cate-bg.jpg) no-repeat;
    background-size: cover;
    padding: 30px 0;
}

    .ships-cate-box .ships-tit {
        color: #fff;
    }

.cateImg {
    border: 1px solid #d2d2d2;
    width: 376px;
    height: 215px;
}

.cateInfo {
    color: #fff;
    margin: 10px 0;
    font-size: 14px;
    
    overflow: hidden;
}

    .cateInfo h3 {
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 6px;
    }

.cate-swiper {
    position: relative;
}

    .cate-swiper .swiper-button-next {
        background: url(../image/cateArr.png) no-repeat -38px 0;
        width: 38px;
        height: 90px;
        right: -70px;
        margin-top: -45px;
    }

    .cate-swiper .swiper-button-prev {
        background: url(../image/cateArr.png) no-repeat 0px 0;
        width: 38px;
        height: 90px;
        left: -70px;
        margin-top: -45px;
    }

.swiper-button-next:focus, .swiper-button-prev:focus {
    outline: none;
}

.partyImg {
    border: 1px solid #d2d2d2;
    width: 376px;
    height: 192px;
}

.partyInfo {
    color: #666;
    margin: 10px 0;
    font-size: 14px;
    height: 92px;
    overflow: hidden;
}

    .partyInfo h3 {
        color: #333;
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 6px;
    }

.party-swiper {
    position: relative;
}

    .party-swiper .swiper-button-next {
        background: url(../image/ylarr.png) no-repeat -30px 0;
        width: 40px;
        height: 84px;
        right: -40px;
        margin-top: -45px;
    }

    .party-swiper .swiper-button-prev {
        background: url(../image/ylarr.png) no-repeat 0px 0;
        width: 30px;
        height: 84px;
        left: -40px;
        margin-top: -45px;
    }

.value-route-box {
    background: url(../image/value-route-bg.jpg) no-repeat;
    background-size: cover;
    padding: 30px 0;
}

    .value-route-box .ships-tit {
        color: #fff;
    }

.value-route-caption {
    float: left;
    width: 240px;
    height: 290px;
    background: rgba(255,255,255,0.25);
    padding: 20px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    overflow: hidden;
}

.value-more {
    display: block;
    background: #2dadf3;
    color: #fff;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin: 20px 30px 0 30px;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .value-more:hover {
        background: #2998d5;
    }

.value-route-list {
    float: left;
    width: 295px;
    margin-left: 8px;
    background: #fff;
    height: 330px;
    overflow: hidden;
    box-sizing: border-box;
}

.value-route-img {
    display: block;
}

    .value-route-img img {
        width: 295px;
        height: 174px;
    }

.value-route-info {
    padding: 20px;
}

    .value-route-info h3 {
        font-size: 14px;
        line-height: 24px;
        height: 48px;
        overflow: hidden;
        font-weight: normal;
        color: #333;
        margin-bottom: 6px;
    }

.value-route-price {
    color: #ff7a77;
    font-size: 14px;
    margin-top: 15px;
}

.routeShow {
    background: #fff;
    padding: 20px;
}

.routeShowSwiper {
    width: 500px;
    float: left;
    position: relative;
}

    .routeShowSwiper .swiper-container {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .routeShowSwiper .swiper-slide {
        background-size: cover;
        background-position: center;
    }

    .routeShowSwiper .gallery-top {
        height: 300px;
        width: 500px;
    }

        .routeShowSwiper .gallery-top img {
            width: 500px;
            height: 300px;
        }

    .routeShowSwiper .gallery-thumbs {
        height: 69px;
        box-sizing: border-box;
        padding: 10px 20px;
    }

        .routeShowSwiper .gallery-thumbs .swiper-slide {
            height: 49px;
            opacity: 0.4;
        }

        .routeShowSwiper .gallery-thumbs .swiper-slide-thumb-active {
            opacity: 1;
        }

    .routeShowSwiper .thumbs-next {
        bottom: 9px;
        top: auto;
        right: 0;
        margin: 0;
        background: #fff;
        width: 20px;
        height: 50px;
        box-sizing: border-box;
        border: 1px solid #dcdcdc;
    }

        .routeShowSwiper .thumbs-next i {
            display: block;
            width: 8px;
            height: 8px;
            border-right: 1px solid #666;
            border-bottom: 1px solid #666;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: rotate(-45deg);
            margin-left: -6px;
            margin-top: -4px;
        }

    .routeShowSwiper .thumbs-prev {
        bottom: 9px;
        top: auto;
        left: 0;
        margin: 0;
        background: #fff;
        width: 20px;
        height: 50px;
        box-sizing: border-box;
        border: 1px solid #dcdcdc;
    }

        .routeShowSwiper .thumbs-prev i {
            display: block;
            width: 8px;
            height: 8px;
            border-left: 1px solid #666;
            border-bottom: 1px solid #666;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: rotate(45deg);
            margin-left: -3px;
            margin-top: -4px;
        }

.routeShowInfo {
    float: right;
    width: 630px;
}

.routeTitle {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 30px;
    padding-bottom: 12px;
}

.routePrice {
    background: #ffe4e4;
    padding: 10px;
    color: #333;
    font-size: 14px;
    margin-bottom: 20px;
}

.gray {
    color: #999;
}

.icon-chuan {
    display: inline-block;
    background: url(../image/icon-chuan.png) no-repeat;
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 6px;
    margin-top: 8px;
}

.icon-rili {
    display: inline-block;
    background: url(../image/icon-rili.png) no-repeat;
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 6px;
    margin-top: 8px;
}

.routeDesc {
    padding: 20px 0;
    line-height: 30px;
    font-size: 14px;
    color: #4c4c4c;
}

.routeOther {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.tips-di {
    display: inline-block;
    background: #ff5f00;
    color: #ffffff;
    font-style: normal;
    padding: 0 2px;
    margin-left: 12px;
}

.routeSelect {
    position: relative;
    margin-right: 20px;
}

    .routeSelect a {
        display: inline-block;
        padding-right: 20px;
        color: #2dadf3;
    }

        .routeSelect a i {
            display: block;
            position: absolute;
            top: 8px;
            right: 0;
            border-bottom: 1px solid #2dadf3;
            border-right: 1px solid #2dadf3;
            width: 8px;
            height: 8px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .routeSelect ul {
        display: none;
        position: absolute;
        top: 26px;
        left: 0;
        width: 280px;
        background: #ffffff;
        box-shadow: 0 0 6px rgba(0,0,0,0.3);
        height: 146px;
        overflow-y: auto;
    }

        .routeSelect ul li {
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            line-height: 16px;
            padding: 10px;
            font-size: 13px;
        }

            .routeSelect ul li p {
                padding-right: 20px;
            }

                .routeSelect ul li p span {
                    color: #ff5e00;
                }

            .routeSelect ul li:hover {
                background: #2299ee;
                color: #fff;
            }

                .routeSelect ul li:hover span {
                    color: #fff;
                }

.ydbox {
    padding-top: 30px;
    font-size: 16px;
    color: #333;
}

    .ydbox .ydbtn {
        font-size: 18px;
        font-weight: normal;
        margin-right: 30px;
    }

.routeTese {
    border-top: 1px solid #dcdcdc;
    margin-top: 20px;
    padding: 20px;
    font-size: 16px;
    line-height: 30px;
    color: #4c4c4c;
}

    .routeTese h3 {
        font-size: 20px;
        font-weight: normal;
        text-align: center;
        padding-bottom: 12px;
    }

.routeTab {
    border: 1px solid #dcdcdc;
    background: #fff;
    margin: 20px 0;
    height: 68px;
}

    .routeTab li {
        float: left;
    }

        .routeTab li a {
            display: block;
            height: 68px;
            line-height: 68px;
            font-size: 18px;
            color: #4c4c4c;
            padding: 0 40px;
        }

    .routeTab .active a {
        background: #2dadf3;
        color: #fff;
    }

.routeContent {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background: #fff;
    padding: 30px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 30px;
}

.route-ctxt {
    font-size: 14px;
    line-height: 26px;
    color: #4c4c4c;
    padding-top: 20px;
}

    .route-ctxt a {
        color: #2dadf3;
    }

.route-ctab {
    text-align: center;
    padding: 20px 0;
}

    .route-ctab li {
        display: inline-block;
        padding: 5px 20px;
    }

        .route-ctab li a {
            display: inline-block;
            font-size: 16px;
            padding: 5px 0;
        }

    .route-ctab .active a {
        color: #2dadf3;
        border-bottom: 2px solid #2dadf3;
    }

.route-ctab-box {
    padding: 20px;
}

.route-items-img {
    display: block;
    width: 254px;
    height: 160px;
    border-radius: 5px;
    overflow: hidden;
}

    .route-items-img img {
        width: 100%;
        height: 100%;
    }

.route-items h3 {
    font-size: 14px;
    font-weight: normal;
    padding: 8px 0;
}

    .route-items h3 span {
        font-size: 16px;
        color: #ff8a00;
        float: right;
    }

.route-items-other {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

    .route-items-other p {
        padding-right: 6px;
        line-height: 18px;
        height: 36px;
        overflow: hidden;
    }

    .route-items-other a {
        display: block;
        background: #ff8a00;
        color: #fff;
        width: 60px;
        height: 30px;
        line-height: 30px;
        border-radius: 3px;
        text-align: center;
        flex-shrink: 0;
        -webkit-flex-shrink: 0;
    }

.routeCtit {
    text-align: center;
    position: relative;
}

    .routeCtit:before {
        content: "";
        border-bottom: 1px dotted #dcdcdc;
        height: 0px;
        line-height: 0px;
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        z-index: 0;
    }

    .routeCtit span {
        display: inline-block;
        position: relative;
        font-size: 18px;
        color: #4c4c4c;
        padding: 0 30px;
        background: #fff;
    }

.route-items-box {
    overflow: hidden;
}

    .route-items-box li {
        float: left;
        width: 264px;
        padding: 4px;
    }

.route-items {
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    width: 254px;
}

.route-items-box li:hover .route-items {
    background: #eaf7fe;
}

.tripBox {
    overflow: hidden;
    padding-top: 30px;
}

.tripImg {
    width: 420px;
    height: 240px;
    float: left;
    border-right: 1px dotted #dcdcdc;
    padding-right: 36px;
}

    .tripImg img {
        width: 100%;
        height: 100%;
    }

.tripInfo {
    float: right;
    width: 630px;
}

    .tripInfo table {
        border: 1px solid #e5e5e5;
        border-collapse: collapse;
    }

    .tripInfo th {
        border-bottom: 2px solid #e5e5e5;
        height: 41px;
        line-height: 41px;
        text-align: left;
        padding: 0 10px;
    }

    .tripInfo td {
        height: 39px;
        line-height: 39px;
        padding: 0 10px;
    }

.tableScroll {
    height: 195px;
    overflow-y: auto;
    border-bottom: 1px solid #e5e5e5;
}

    .tableScroll table tr:nth-child(2n) {
        background-color: #f5f5f5;
    }

.explain-box {
    position: relative;
}

.exptit {
    position: absolute;
    top: 20px;
    left: 0;
    font-size: 18px;
    color: #333;
    line-height: 30px;
}

.expInfo {
    padding: 20px 20px 20px 110px;
    font-size: 14px;
}

    .expInfo li {
        padding-bottom: 20px;
        line-height: 30px;
        padding-left: 20px;
        position: relative;
    }

        .expInfo li:before {
            content: "◆";
            position: absolute;
            top: 0;
            left: 0px;
            font-size: 20px;
            color: #5e5e5e;
        }

.travelSteps {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    margin-top: 30px;
}

    .travelSteps li {
        text-align: center;
        flex: 1;
        -webkit-flex: 1;
        box-sizing: border-box;
        padding: 10px 20px;
        position: relative;
        font-size: 14px;
        color: #808080;
    }

        .travelSteps li:before {
            content: "";
            border-top: 1px dotted #dcdcdc;
            height: 0;
            line-height: 0px;
            position: absolute;
            top: 25px;
            left: 0;
            width: 100%;
            z-index: 0;
        }

        .travelSteps li:first-child:after {
            content: "";
            background: #fff;
            width: 50%;
            left: 0;
            height: 20px;
            position: absolute;
            top: 20px;
        }

        .travelSteps li:last-child:after {
            content: "";
            background: #fff;
            width: 50%;
            right: 0;
            height: 20px;
            position: absolute;
            top: 20px;
        }

.stepsNum {
    display: inline-block;
    background: #2dadf3;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    font-size: 16px;
    position: relative;
    z-index: 2;
}

.travelSteps li h3 {
    font-size: 16px;
    font-weight: normal;
    color: #333;
    margin: 8px 0 5px 0;
}

.recommend-list {
    overflow: hidden;
}

    .recommend-list li {
        float: left;
        width: 273px;
        border: 1px solid #dcdcdc;
        margin-right: 30px;
    }

        .recommend-list li:nth-child(4n) {
            margin-right: 0px;
        }

.hotRouteImg2 {
    display: block;
    overflow: hidden;
    width: 273px;
    height: 164px;
    position: relative;
}

    .hotRouteImg2 p {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background: rgba(0,0,0,0.6);
        padding: 2px 10px;
        color: #fff;
    }

    .hotRouteImg2 img {
        width: 273px;
        height: 164px;
    }

.routeInfo2 {
    background: #fff;
    padding: 10px;
}

    .routeInfo2 h3 {
        font-size: 14px;
        font-weight: normal;
        height: 40px;
        line-height: 20px;
        overflow: hidden;
        margin-bottom: 8px;
    }

.weather-box {
    border: 1px solid #dcdcdc;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.today-weather {
    float: left;
    width: 710px;
    border-right: 1px solid #dcdcdc;
}

.tq-tit {
    font-size: 16px;
    color: #333;
    margin-bottom: 12px;
}

    .tq-tit span {
        font-size: 14px;
        color: #999;
        margin-left: 30px;
    }

.tq-live-img {
    float: left;
    width: 270px;
    height: 170px;
}

    .tq-live-img img {
        width: 270px;
        height: 170px;
    }

.tq-live-info {
    float: right;
    width: 400px;
    padding-right: 20px;
}

.tq-live-info {
    padding-bottom: 12px;
    line-height: 26px;
    font-size: 14px;
}

.tq-info {
    border-bottom: 1px solid #dcdcdc;
}

    .tq-info img {
        float: left;
        width: 70px;
        height: 70px;
        margin-right: 20px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

.tq-live-info h3 {
    font-size: 22px;
    color: #2dadf3;
    font-weight: normal;
}

    .tq-live-info h3 span {
        font-size: 14px;
        margin-left: 20px;
    }

        .tq-live-info h3 span i {
            font-style: normal;
            color: #ff7a77
        }

.tq-other {
    padding-top: 8px;
}

    .tq-other li {
        display: inline-block;
        width: 45%;
        font-size: 12px;
        color: #999;
        line-height: 20px;
    }

.tq-flex-box {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
}

.time-tq-36 {
    float: right;
    width: 400px;
}

.tq-list {
    flex: 1;
    -webkit-flex: 1;
}

.tq-list {
    text-align: center;
    color: #333;
}

    .tq-list p {
        padding-top: 5px;
        line-height: 20px;
    }

    .tq-list h3 {
        font-size: 16px;
        color: #2dadf3;
        font-weight: normal;
        padding-top: 5px;
    }

    .tq-list .tq-icon {
        width: 40px;
        height: 40px;
        margin: 8px 0;
    }

.tq-list2 {
    text-align: center;
    color: #999;
    line-height: 26px;
}

    .tq-list2 .tq-icon {
        width: 40px;
        height: 40px;
        margin: 8px 0;
    }

    .tq-list2 h3 {
        font-size: 16px;
        font-weight: normal;
        color: #2dadf3;
    }

        .tq-list2 h3 span {
            color: #ff7a77;
        }

    .tq-list2 p span {
        color: #333;
    }

.nextDateTable {
    border-collapse: collapse;
}

    .nextDateTable th {
        background: #e6e6e6;
        color: #333;
        padding: 10px;
        font-weight: normal;
        font-size: 14px;
        border-right: 1px solid #fff;
        position: relative;
    }

        .nextDateTable th:last-child {
            border-right: none;
        }

    .nextDateTable td {
        border: 1px solid #e6e6e6;
        padding: 15px;
        background: #fff;
    }

.quick-tips {
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
}

    .quick-tips li {
        float: left;
        padding: 5px;
    }

        .quick-tips li a {
            display: block;
            width: 190px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            font-size: 16px;
            color: #fff;
            background: #7cccf7;
        }

        .quick-tips li:nth-child(2n) a {
            background: #f99f9d;
        }

        .quick-tips li:nth-child(3n) a {
            background: #f9c07d;
        }

        .quick-tips li:nth-child(4n) a {
            background: #7cccf7;
        }

        .quick-tips li:nth-child(5n) a {
            background: #f99f9d;
        }

        .quick-tips li:nth-child(6n) a {
            background: #f9c07d;
        }

        .quick-tips li:nth-child(7n) a {
            background: #f99f9d;
        }

        .quick-tips li:nth-child(8n) a {
            background: #f9c07d;
        }

        .quick-tips li:nth-child(9n) a {
            background: #7cccf7;
        }

        .quick-tips li:nth-child(10n) a {
            background: #f99f9d;
        }

        .quick-tips li:nth-child(11n) a {
            background: #f9c07d;
        }

        .quick-tips li:nth-child(12n) a {
            background: #7cccf7;
        }

        .quick-tips li a:hover {
            color: #000;
        }

.adbox {
    border: 1px solid #dcdcdc;
    margin: 20px 0;
}

.tejia-box {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    background: #fff;
    margin-top: 20px;
}

.tejia-tit {
    font-size: 24px;
    color: #2dadf3;
    padding: 20px;
    border-bottom: 2px solid #2dadf3;
}

    .tejia-tit span {
        font-size: 16px;
        color: #999;
        margin-left: 20px;
    }

.tejia-list {
    overflow: hidden;
    padding: 15px;
}

    .tejia-list li {
        float: left;
        width: 350px;
        padding: 18px;
    }

.tejia-img {
    display: block;
    width: 350px;
    height: 226px;
    position: relative;
    overflow: hidden;
}

    .tejia-img img {
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .tejia-img:hover img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0.9;
    }

.tejia-info {
    padding: 10px 15px;
    border: 1px solid #dcdcdc;
}

    .tejia-info h3 {
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
        height: 40px;
        overflow: hidden;
        margin-bottom: 6px;
    }

        .tejia-info h3 a:hover {
            color: #ff7a77;
        }

.tejia-price {
    border-top: 1px solid #dcdcdc;
    position: relative;
    margin-top: 8px;
    padding-top: 8px;
    color: #999;
}

    .tejia-price p span {
        color: #ff7a77;
        margin-right: 16px;
    }

        .tejia-price p span strong {
            font-size: 16px;
        }

.icon-tejia {
    position: absolute;
    background: #ff7a77;
    padding: 3px 12px;
    color: #fff;
    bottom: -10px;
    right: -15px;
    z-index: 1;
}




.cabinTop {
    overflow: hidden;
    border-bottom: 1px solid #dcdcdc;
    font-size: 14px;
    color: #808080;
}

.cabinList {
    border-bottom: 1px solid #dcdcdc;
    font-size: 14px;
    color: #333333;
}

.cabin-w100 {
    float: left;
    width: 100px;
    padding: 15px 10px;
}

.cabin-w130 {
    float: left;
    width: 130px;
    padding: 15px 10px;
}

.cabin-w180 {
    float: left;
    width: 180px;
    padding: 15px 10px;
}

.cabin-w280 {
    float: left;
    width: 280px;
    padding: 15px 10px;
}

.cabinDesc {
    padding-bottom: 15px;
    display: none;
    padding-left: 150px;
    font-size: 14px;
    line-height: 28px;
    padding-right: 30px;
    color: #808080;
}

.txr {
    text-align: right;
}

.cabinList .b-about {
    font-size: 14px;
}

.flex-box {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.b-shut {
    display: inline-block;
    position: relative;
    color: #2dadf3;
    font-size: 14px;
    padding-right: 14px;
}

    .b-shut:after {
        content: "";
        border-top: 1px solid #2dadf3;
        border-left: 1px solid #2dadf3;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        right: 0;
        width: 8px;
        height: 8px;
        margin-top: 0px;
    }


.tabFixed {
    position: fixed;
    top: 42px;
    left: 50%;
    z-index: 10001;
    margin-left: -595px;
    width: 1190px;
    background: #fff;
    box-sizing: border-box;
}


.ad-info {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 1;
    height: 48px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 0 200px;
}

    .ad-info li {
        border-right: 1px solid rgba(255,255,255,0.6);
        float: left;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        padding: 0 30px;
        line-height: 22px;
        width: 50%;
    }

        .ad-info li:first-child {
            border-left: 1px solid rgba(255,255,255,0.6);
        }

        .ad-info li h3 {
            font-size: 20px;
            color: #fff;
            padding: 0 10px;
        }

            .ad-info li h3 span {
                font-size: 14px;
                font-weight: normal;
                display: block;
            }




.modal-body {
    padding: 0px;
}

.modal-content .close {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 10;
    color: #fff;
    text-shadow: 0 0 0 rgba(0,0,0,0);
    font-weight: lighter;
    font-size: 30px;
    opacity: 1;
}

    .modal-content .close:focus {
        outline: none;
    }

.modal-content-tit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 5;
    color: #fff;
    padding: 10px;
    font-size: 120%;
}

.modal {
    top: 20%;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .0) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.modal-content .glyphicon-chevron-right {
    background: rgba(0,0,0,0.6);
    width: 30px;
    height: 40px;
    right: 0px;
    margin-right: 0px;
}

.modal-content .glyphicon-chevron-left {
    background: rgba(0,0,0,0.6);
    width: 30px;
    height: 40px;
    left: 0px;
    margin-left: 0px;
}

.modal-content .glyphicon-chevron-right {
    background: rgba(0,0,0,0.6) url(404.png) no-repeat center;
    padding: 5px;
}

    .modal-content .glyphicon-chevron-right:before {
        content: "";
    }

.modal-content .glyphicon-chevron-left {
    background: rgba(0,0,0,0.6) url(404.png) no-repeat center;
    padding: 5px;
    transform: rotate(-180deg);
}

    .modal-content .glyphicon-chevron-left:before {
        content: "";
    }