@charset "UTF-8";.leavecity,body,html {
    font-family: "\5FAE\8F6F\96C5\9ED1"
}

.ad-link a,.city-box,.mpop {
    cursor: pointer
}

.ad-link a,.city-box:hover .popleave {
    display: block
}

.calendar-pro .cal-wrap .ui-calendar-enabled .ui-calendar-data .title,.cruise-data .tit,.goods-intro .tit,.sales-intro .tit,.travel-intro .txt {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.bg-white {
    background-color: #fff
}

.bg-gray {
    background-color: #f9f9f9
}

.icon-img {
    background-image: url("//file.40017.cn/youlun/img/modules/home/img/home-0f7a83ec21.icon.png");
    background-repeat: no-repeat
}

.mpop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    z-index: 1000
}

.detail-unit {
    width: 1190px;
    margin: auto;
    padding-bottom: 32px
}

.detail-unit.unit-sales {
    padding-top: 14px
}

.detail-unit-tit {
    padding: 20px 0
}

.detail-unit-tit.tm {
    padding: 0 0 16px;
    height: 50px;
    background: url(//file.40017.cn/youlun/cn/img/2017/home/temj.png) no-repeat;
    background-size: 100% 50px
}

.detail-unit-tit.tm .tit {
    line-height: 50px;
    color: #fff;
    padding-left: 20px;
    float: left
}

.detail-unit-tit .tit {
    font-size: 28px;
    font-weight: 700;
    line-height: 1
}

.detail-unit-tit .txt {
    font-size: 14px;
    margin-left: 18px;
    color: #999
}

.ad-top {
    background-repeat: no-repeat;
    background-position: top center;
    height: 80px;
    overflow: hidden
}

.ad-link,.ad-link a {
    width: 100%;
    height: 100%
}

.ad-link a {
    text-decoration: none
}

.leavecity {
    position: absolute;
    top: -1px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 #ccc;
    margin-top: 33px;
    z-index: 2;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 10px 10px 20px
}

.sub-scity-tips {
    font-size: 12px;
    color: #333
}

.sub-scity-tips ul {
    border-bottom: #ddd 1px solid
}

.sub-scity-tips ul li {
    float: left;
    padding: 0 10px;
    margin-right: 10px;
    line-height: 40px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #fff
}

.sub-scity-tips ul li.cur {
    border-bottom: #6ba7f5 1px solid;
    color: #60a1f4;
    font-weight: 700;
    position: relative;
    top: 1px
}

.scity-tips-main {
    margin-top: 8px
}

.sub-scity-tips dl {
    margin-left: 16px
}

.sub-scity-tips dt {
    float: left;
    width: 16px;
    height: 16px;
    text-align: center;
    color: #f60;
    line-height: 16px;
    font-weight: 700;
    margin-top: 7px;
    margin-right: 36px;
    margin-left: 10px
}

.sub-scity-tips dd {
    float: left;
    width: 440px
}

.sub-scity-tips dd a {
    margin-left: 10px;
    margin-right: 10px;
    float: left;
    line-height: 28px;
    height: 28px;
    color: #333;
    text-align: left;
    border: 1px solid #fff;
    white-space: nowrap;
    width: 4em;
    overflow: hidden
}

.city-b,.city-box {
    line-height: 58px;
    float: left
}

.sub-scity-tips dd a.subcur {
    color: #f60
}

.sub-scity-tips a:hover {
    text-align: left;
    color: #60a1f4
}

.new-scity-tips .city_b {
    width: 270px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    position: relative;
    z-index: 3;
    background: url(//img1.40017.cn/cn/v/2015/startList/bg-scity-tips.png) no-repeat
}

.new-scity-tips .city_b_hover {
    background-position: 0 -34px;
    width: 270px
}

.new-scity-tips .city_b em {
    padding-left: 45px
}

.leavecity {
    width: 520px;
    min-height: 170px
}

.mbot {
    width: 518px!important
}

.city-search {
    top: -157px;
    position: absolute;
    width: 750px;
    left: 50%;
    margin-left: -375px
}

.city-box {
    position: relative;
    z-index: 9999;
    width: auto;
    max-width: 118px;
    margin-left: 5px;
    margin-top: -5px
}

.city-box:hover .city-b {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 2px 0 #ccc;
    border-bottom: 0
}

.city-box:hover .city-b:after {
    content: '';
    position: absolute;
    top: 46px;
    left: 0;
    height: 13px;
    width: 103%;
    background: #fff;
    z-index: 10003
}

.city-b,.city-b strong {
    width: auto;
    height: 58px
}

.city-box:hover .city-b i {
    background-position: 0 -238px
}

.city-box .popleave {
    position: absolute;
    z-index: 2;
    top: 15px;
    display: none
}

.city-b,.search-info,.search-row {
    position: relative
}

.city-b i,.city-b strong {
    display: inline-block;
    overflow: hidden
}

.city-b {
    z-index: 3;
    font-size: 14px;
    color: #999;
    padding: 0 10px;
    border: 1px solid transparent;
    box-shadow: 0 0 2px 0 transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: 0 0
}

.city-b strong {
    max-width: 4em;
    font-size: 18px;
    color: #333;
    padding: 0;
    font-weight: 400
}

.city-b i {
    background: url("//file.40017.cn/youlun/img/modules/home/img/index-a18210c689.icon.png") 0 -249px no-repeat;
    margin: -3px 0 0 4px;
    width: 11px;
    height: 6px;
    vertical-align: 24px
}

.search-con {
    width: 750px;
    margin: 0 auto
}

.search-row {
    width: 576px;
    margin-right: 40px;
    font-family: Microsoft YaHei,Simsun;
    float: right
}

.search-inputgp .inputN {
    position: absolute;
    top: 11px;
    left: 13px;
    width: 250px;
    height: 20px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 0;
    cursor: text
}

.search-inputgp .searchHot {
    position: absolute;
    top: 8px;
    right: 86px
}

.search-inputgp .searchHot a {
    float: left;
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 8px;
    background: #f0f0f0;
    color: #999;
    font-size: 12px;
    margin-right: 8px;
    border-radius: 25px
}

.search-inputgp .searchHot a.t_r {
    color: #ffa800;
    background: #fff4df
}

.search-input {
    width: 487px;
    display: inline-block;
    border: 3px solid #ff7800;
    height: 34px;
    line-height: 33px;
    text-indent: 10px;
    font-size: 14px;
    float: left
}

.search-btn {
    width: 82px;
    display: inline-block;
    height: 40px;
    text-align: center;
    color: #fff;
    background: #ff7800;
    vertical-align: middle;
    font-size: 16px;
    line-height: 39px;
    border: 0;
    cursor: pointer
}

.search-box .autoComplete,.search-box .hotCity {
    position: absolute;
    left: 0;
    top: 40px;
    background: #fff;
    z-index: 1000;
    border: 1px solid #dfdfdf;
    box-shadow: 2px 2px 5px 0 rgba(0,0,0,.2);
    font-size: 14px;
    display: none;
    padding: 12px 13px;
    width: 463px
}

.navSearch-ul li:hover .hot-cut,.navSearch-ul li:hover .hover-arrow,.search-box .autoComplete.open,.search-box .hotCity.open {
    display: block
}

.search-box .autoComplete {
    padding: 0;
    width: 489px
}

.search-box .hotCity dl {
    margin: 3px 0;
    overflow: hidden
}

.search-box .hotCity dt {
    color: #333;
    font: 14px/20px "microsoft yahei";
    font-weight: 700;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 9px;
    margin-bottom: 9px
}

.search-box .hotCity a {
    float: left;
    margin-right: 30px;
    color: #666;
    font: 12px/22px "microsoft yahei";
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.search-box .clearHistory {
    float: right;
    padding-left: 15px;
    color: #999;
    background: url(//img1.40017.cn/cn/y/16/search/clear.png) left center no-repeat;
    cursor: pointer
}

.search-box .clearHistory:hover {
    color: #333
}

.search-box .autoComplete a.a_links {
    display: block;
    padding: 0 13px;
    color: #333;
    font: 13px/32px "microsoft yahei"
}

.search-box .autoComplete a.a_links:hover {
    background: #f8f8f8
}

.search-box .autoComplete a.a_links span.c_fa7d29 {
    color: #fa7d29
}

.search-box .autoComplete .show_cons {
    border-top: 1px solid #f2f2f2;
    position: relative
}

.search-box .autoComplete .tip_span {
    position: absolute;
    right: 13px;
    top: 0;
    color: #333;
    font: 13px/32px "microsoft yahei"
}

.slider-con {
    width: 100%;
    height: 360px;
    background: url(//img1.40017.cn/cn/comm/images/cn/public/transparent_loading_v2.gif) no-repeat center;
    overflow: hidden
}

.slider-con .slider-box {
    position: relative;
    width: 1190px;
    margin: 0 auto;
    height: 360px;
    overflow: visible!important
}

.slider-con .slider-bg-ul {
    position: relative;
    margin-left: -960px;
    left: 50%;
    height: 360px
}

.slider-con .slider-bg-ul li {
    float: left;
    height: 360px;
    position: absolute
}

.slider-con .slider-bg-ul img {
    width: 1920px;
    height: 360px
}

.slider-con .slider-btn {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 36px;
    height: 61px;
    z-index: 100;
    cursor: pointer;
    text-align: center
}

.slider-con .slider-prev {
    left: -40px;
    background-position: -41px 0
}

.slider-con .slider-next {
    right: -40px;
    background-position: 0 0
}

.slider-con .mSlider_nav_orange {
    width: 860px;
    height: 30px;
    bottom: 0;
    right: 0;
    text-align: center;
    transition: .3s all ease
}

.slider-con .mSlider_nav_orange:hover {
    transform: scale(1.4)
}

.slider-con .mSlider_nav_orange li {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    float: none
}

.slider-con .mSlider_nav_orange li a {
    width: 8px;
    height: 8px;
    font-size: 0;
    background: 0 0;
    border: 2px solid #fff;
    border-radius: 8px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.1)
}

.slider-con .mSlider_nav_orange li.current a {
    background: 0 0;
    border: 2px solid #f60
}

.navSearch-con {
    position: relative;
    width: 1190px;
    margin: 0 auto
}

.navSearch-box {
    position: absolute;
    left: 0;
    margin-top: -360px;
    width: 328px;
    height: 360px;
    z-index: 100
}

.navSearch-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    filter: alpha(Opacity=70)
}

.navSearch-ul {
    padding-top: 8px;
    position: relative
}

.navSearch-ul li {
    border-bottom: 1px dashed #fff
}

.navSearch-ul li.last {
    border-bottom: 0
}

.navSearch-ul li:hover .hover-tit {
    color: #76eefb
}

.navSearch-ul .hover-sty {
    position: relative;
    padding: 11px 20px;
    color: #fff;
    z-index: 1
}

.navSearch-ul .hover-tit {
    font-size: 16px;
    line-height: 18px;
    padding-bottom: 8px;
    transition: all .15s ease-in-out
}

.navSearch-ul .hover-tit i,.navSearch-ul .hover-tit span {
    display: inline-block;
    vertical-align: top
}

.navSearch-ul .hover-tit i {
    width: 22px;
    height: 18px;
    margin-right: 5px
}

.navSearch-ul .hover-extra .year,.navSearch-ul .hover-extra a {
    display: inline-block;
    line-height: 22px;
    margin-right: 14px;
    font-size: 14px
}

.navSearch-ul .hover-extra {
    transition: all .15s ease-in-out;
    height: 44px;
    overflow: hidden
}

.navSearch-ul .hover-extra>div {
    height: 22px;
    overflow: hidden
}

.navSearch-ul .hover-extra .year {
    color: #ddd
}

.navSearch-ul .hover-extra a {
    color: #fff
}

.navSearch-ul .hover-extra a:hover {
    color: #76eefb
}

.navSearch-ul .hover-arrow {
    display: none;
    position: absolute;
    top: 50%;
    right: -8px;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-width: 8px 0 8px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #495459
}

.navSearch-ul .hover-route .hover-tit i {
    background-position: 0 -65px
}

.navSearch-ul .hover-company .hover-tit i {
    background-position: 0 -85px
}

.navSearch-ul .hover-month .hover-tit i {
    background-position: 0 -105px
}

.navSearch-ul .hover-theme .hover-tit i {
    background-position: 0 -124px
}

.navSearch-ul .hover-theme .hover-extra {
    height: 22px
}

.navSearch-ul .hot-cut {
    position: absolute;
    padding: 0 20px;
    width: 425px;
    height: 360px;
    left: 328px;
    top: 0;
    background: #fff;
    overflow: hidden;
    display: none
}

.navSearch-ul .hot-tit {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1;
    color: #60a1f4
}

.navSearch-ul .hot-extra {
    font-size: 12px;
    line-height: 22px
}

.navSearch-ul .hot-extra a {
    display: inline-block;
    color: #333;
    margin-right: 1em
}

.navSearch-ul .hot-extra a:hover {
    color: #60a1f4
}

.navSearch-ul .hot-extra-dl dl {
    padding: 4px 0
}

.navSearch-ul .hot-extra-dl dd,.navSearch-ul .hot-extra-dl dt {
    display: inline-block;
    vertical-align: top
}

.navSearch-ul .hot-extra-dl dt {
    color: #666;
    width: 50px
}

.navSearch-ul .hot-extra-dl dd {
    width: 370px
}

.navSearch-ul .hot-extra-dl .hot {
    color: #fe6c44;
    position: relative
}

.navSearch-ul .hot-extra-dl .hot:hover {
    color: #fe6c44
}

.navSearch-ul .hot-extra-dl .hot i {
    position: absolute;
    top: 1px;
    left: 50%;
    width: 23px;
    height: 12px;
    background-position: 0 -146px
}

.navSearch-ul .hot-extra-a {
    padding: 10px 0
}

.navSearch-ul .hot-extra-a a {
    margin-right: 2em;
    padding: 5px 0;
    width: 5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.navSearch-ul .hot-company .hot-extra-dl,.navSearch-ul .hot-month .hot-extra-dl {
    position: relative;
    width: 428px
}

.navSearch-ul .hot-route .hot-extra-dl {
    padding: 5px 0 10px;
    border-bottom: 1px dashed #ccc
}

.navSearch-ul .hot-route dd {
    height: 22px;
    overflow: hidden
}

.navSearch-ul .hot-route .hot-extra-a {
    height: 190px;
    overflow: hidden
}

.navSearch-ul .hot-company dl,.navSearch-ul .hot-month dl {
    border-top: 1px dashed #ccc;
    padding: 10px 0 15px
}

.navSearch-ul .hot-company dt,.navSearch-ul .hot-month dt {
    overflow: hidden
}

.navSearch-ul .hot-company {
    overflow: auto
}

.navSearch-ul .hot-company dl.first {
    border-top: 0;
    padding-top: 0
}

.navSearch-ul .hot-company dt {
    width: 95px;
    padding-top: 10px;
    padding-right: 10px
}

.navSearch-ul .hot-company dd {
    width: 320px
}

.navSearch-ul .hot-company a {
    padding-top: 10px;
    width: 7em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.navSearch-ul .hot-month .hot-extra-dl {
    height: 310px;
    overflow: hidden
}

.navSearch-ul .hot-month .festival {
    padding: 10px 0 15px
}

.navSearch-ul .hot-month .festival a {
    margin-right: 2em
}

.navSearch-ul .hot-month dt {
    width: 80px
}

.navSearch-ul .hot-month dd {
    width: 320px
}

.navSearch-ul .hot-month dd a {
    width: 3em;
    margin-right: 2em
}

.navSearch-ul .hot-month span {
    padding-top: 10px
}

.navSearch-ul .hot-theme .hot-extra-a {
    height: 288px;
    overflow: hidden
}

.nav-box {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -668px;
    margin-top: -300px;
    z-index: 99;
    display: none
}

.nav-box.action,.nav-ul span {
    display: block
}

.nav-box.action .nav-bg {
    z-index: 0
}

.nav-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.nav-ul {
    position: relative;
    z-index: 1
}

.nav-ul li {
    padding: 10px 0;
    font-size: 14px;
    color: #666;
    width: 4em;
    border-bottom: 1px solid #f0f0f0
}

.nav-ul span {
    width: 5em;
    cursor: pointer
}

.nav-ul .current {
    position: relative;
    color: #60a1f4
}

.nav-ul .current:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -12px;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-width: 4px 0 4px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #60a1f4
}

.news-pro dd,.timer-box,.timer-box b,.timer-box span {
    position: relative
}

.unit-news {
    padding: 20px 0 30px
}

.timer-box {
    top: 14px;
    margin-left: 20px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    float: left
}

.timer-box.none {
    display: none
}

.timer-box b {
    width: 14px;
    background: url(//file.40017.cn/youlun/cn/img/2017/home/tmclock.png) no-repeat;
    background-size: 14px 16px;
    top: 6px;
    margin-right: 8px
}

.timer-box b,.timer-box em,.timer-box i {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    height: 28px;
    line-height: 28px;
    float: left
}

.timer-box em {
    color: #333;
    font-size: 20px
}

.timer-box span {
    float: left;
    background: #fff;
    padding: 0 3px;
    margin: 0 5px 0 8px;
    border-radius: 2px;
    top: -2px
}

.news-pro dd {
    float: left;
    width: 383px;
    height: 128px;
    margin-right: 20px
}

.news-pro dd.last {
    margin-right: 0
}

.news-pro a,.news-pro img {
    display: block;
    width: 100%;
    height: 100%
}

.news-pro .label {
    position: absolute;
    top: 17px;
    left: 30px;
    width: 160px
}

.news-pro .label em {
    color: #fff;
    display: block;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.news-pro .label .t {
    font-size: 18px;
    line-height: 34px;
    border-bottom: 2px solid #fff;
    display: inline-block
}

.news-pro .label .s {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

.news-pro .label .r {
    border-radius: 25px;
    display: inline-block;
    border: 1px solid #fff;
    height: 22px;
    margin-top: 12px;
    margin-left: -2px
}

.news-pro .label .r i {
    margin: 2px;
    display: block;
    max-width: 128px;
    height: 12px;
    font-size: 14px;
    line-height: 12px;
    font-weight: 700;
    background: #fff;
    padding: 2px 12px;
    border-radius: 25px;
    border: 1px solid #fff;
    opacity: .7;
    filter: alpha(opacity=70);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.news-pro .label .r i.i0 {
    color: #257cdb
}

.news-pro .label .r i.i1 {
    color: #c77e30
}

.news-pro .label .r i.i2 {
    color: #d53d1e
}

.sales-pro {
    position: relative
}

.sales-box {
    overflow: hidden
}

.sales-more {
    position: absolute;
    top: -47px;
    right: 15px;
    font-size: 14px;
    color: #fff
}

.sales-info {
    width: 1356px;
    height: 276px;
    overflow: hidden;
    padding-left: 2px
}

.sales-link {
    position: relative;
    float: left;
    display: block;
    width: 278px;
    height: 280px;
    background-color: #fff;
    margin-left: 15px;
    font-size: 14px;
    color: #333
}

.sales-link:hover {
    color: #333;
    box-shadow: 0 4px 12px #ddd
}

.sales-img {
    position: relative;
    width: 100%;
    height: 148px;
    overflow: hidden;
    background: #f4f4f4;
}

.sales-img .label,.sales-img span {
    position: absolute;
    color: #fff;
    font-size: 12px;
    top: 10px
}

.sales-img img {
    display: block;
    border: 0;
    width: 100%;
    height: 100%
}

.sales-img span {
    padding: 4px 6px;
    width: 26px;
    line-height: 15px;
    font-weight: 700;
    background: #f95547;
    text-align: center;
    left: 10px
}

.sales-img .label {
    left: 0;
    width: 69px;
    height: 20px;
    background-position: 0 -381px;
    line-height: 20px
}

.sales-img .label em {
    display: block;
    margin-left: 8px;
    width: 4em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sales-intro {
    padding: 10px 11px 0
}

.sales-intro .tit {
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    display: -webkit-box
}
.sales-intro .tit .skeleton{
    margin-bottom: 2px;
    height: 22px;
    background: #f4f4f4;
}

.sales-intro .tip {
    color: #f76e53;
    font-size: 12px;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sales-intro .dec {
    position: relative;
    padding-top: 11px
}

.sales-intro .price {
    float: left;
    display: inline-block;
    vertical-align: bottom;
    color: #999
}
.sales-intro .price .skeleton{
    width: 92px;
    height: 20px;
    background: #f4f4f4;
}
.sales-intro .price em {
    color: #ff4614
}

.sales-intro .price i {
    font-size: 20px;
    font-weight: 700
}

.sales-intro .btn {
    position: absolute;
    right: 0;
    top: 10px;
    width: 60px;
    height: 24px;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    background: #fc4c48;
    border-radius: 15px
}

.goods-pro,.goods-tab a {
    position: relative
}

.w990 .sales-link {
    margin-left: 0
}

.goods-box {
    height: 288px;
    background: #f9f9f9;
    overflow: hidden;
}

.goods-tab {
    padding-bottom: 20px
}

.goods-tab li {
    float: left;
    height: 12px;
    border-left: 1px solid #e6e6e6;
    padding-left: 20px;
    cursor: pointer
}

.goods-tab li:first-child {
    border-left: 0;
    padding-left: 0
}

.goods-tab li.current a {
    color: #60a1f4
}

.goods-tab a {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    color: #666;
    top: -4px;
    margin-right: 20px
}

.goods-more {
    position: absolute;
    top: 1px;
    right: 0;
    font-size: 14px;
    color: #999
}

.goods-info {
    width: 1356px;
    height: 288px;
    overflow: hidden
}

.goods-link {
    position: relative;
    float: left;
    display: block;
    width: 282px;
    height: 278px;
    background-color: #fff;
    margin-right: 20px;
    font-size: 14px;
    color: #333;
}

.goods-link:hover {
    color: #333;
    box-shadow: 0 4px 12px #ddd;
}

.goods-img {
    position: relative;
    width: 100%;
    height: 158px;
    background: #f4f4f4;
}

.goods-img img {
    display: block;
    border: 0;
    width: 100%;
    height: 100%
}

.goods-img .price {
    position: absolute;
    right: 15px;
    bottom: 8px;
    text-align: right;
    color: #fff;
    font-size: 12px;
    z-index: 1
}

.goods-img .price em {
    font-size: 14px
}

.goods-img .price i {
    font-size: 18px;
    font-weight: 700
}

.goods-img .bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 108px;
    height: 34px;
    background: url("//file.40017.cn/youlun/img/modules/home/img/goods-bg-7b250e39d4.png") no-repeat;
}
.goods-link .skeletonP{
    height: 22px;
    margin: 2px 15px 0;
    background: #f4f4f4;
}
.goods-link .skeletonSpan{
    margin-top: 27px;
    margin-left: 15px;
    height: 22px;
    width: 92px;
    background: #f4f4f4;
}
.goods-intro {
    height: 119px;
    border: 1px solid #ddd;
    border-top: 0;
}

.goods-intro .tit {
    padding-top: 10px;
    margin: 0 15px 15px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    display: -webkit-box
}

.goods-intro .dec {
    padding: 12px 15px;
    background-color: #f8f8f8
}

.goods-intro .price {
    float: right;
    display: inline-block;
    vertical-align: bottom;
    color: #999
}

.goods-intro .price em {
    color: #ff4614
}

.goods-intro .price i {
    font-size: 20px;
    font-weight: 700
}

.goods-intro .satisfaction,.goods-intro .tag {
    display: inline-block;
    vertical-align: middle
}

.goods-intro .tag {
    margin-left: -4px;
    width: 180px;
    height: 21px;
    margin-right: 10px;
    overflow: hidden;
    display: inline-block
}

.goods-intro .tag span {
    font-size: 12px;
    line-height: 18px;
    border: 1px solid #ff764c;
    color: #ff764c;
    padding: 0 6px;
    margin: 0 4px 0 0px;
    border-radius: 2px;
    max-width: 146px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cruise-listFive img,.cruise-listSix .logoBox img {
    max-width: 60px;
    max-height: 40px
}

.goods-intro .tag span.green {
    border: 1px solid #00d5be;
    color: #00d5be
}

.goods-intro .tag img {
    margin-right: 4px;
    width: auto;
    height: 20px
}

.goods-intro .satisfaction {
    font-size: 12px;
    color: #999
}

.cruise-pro {
    position: relative
}

.cruise-tab {
    position: absolute;
    top: -52px;
    right: 0
}

.cruise-tab li {
    float: left;
    margin-right: 48px;
    cursor: pointer;
    color: #666;
    line-height: 2;
    font-size: 16px
}

.cruise-tab li.current {
    color: #333;
    border-bottom: 1px solid #60a1f4
}

.cruise-tab .more {
    font-size: 16px;
    color: #999;
    line-height: 2
}

.cruise-tab .more:hover {
    color: #f60
}

.cruise-tab .nav {
    clear: both;
    padding-top: 5px
}

.cruise-tab .nav a,.cruise-tab .nav span {
    color: #60a1f4;
    margin: 0 8px
}

.cruise-tab .nav .tit {
    color: #999;
    margin: 0
}

.cruise-info {
    overflow: hidden
}

.cruise-base {
    float: left;
    width: 600px
}

.cruise-base .img {
    position: relative;
    width: 600px;
    height: 330px
}

.cruise-base .img img {
    display: block;
    width: 100%;
    height: 100%
}

.cruise-base .video {
    position: absolute;
    bottom: 17px;
    right: 22px;
    width: 38px;
    height: 38px;
    cursor: pointer;
    background-position: 0 -338px
}

.cruise-base .intro {
    padding: 20px 0 20px 20px;
    border: 1px solid #ddd
}

.cruise-base .title {
    float: left
}

.cruise-base .title span {
    display: block
}

.cruise-base .title .chinese {
    font-size: 18px;
    line-height: 26px
}

.cruise-base .title .english {
    font-family: Arial;
    color: #999
}

.cruise-base .list {
    float: right;
    padding-right: 4px
}

.cruise-base .list li {
    float: left;
    height: 34px;
    border-left: 1px solid #ddd;
    padding-left: 12px;
    margin-right: 16px
}

.cruise-base .list span {
    display: block;
    color: #999
}

.cruise-base .list .number {
    font-size: 14px;
    color: #333
}

.cruise-base .label {
    padding-top: 14px;
    height: 18px;
    overflow: hidden
}

.cruise-base .label span {
    margin-right: 20px
}

.cruise-base .label em,.cruise-base .label i {
    display: inline-block
}

.cruise-base .label i {
    position: relative;
    top: 1px;
    margin-right: 6px;
    width: 14px;
    height: 12px
}

.cruise-base .label .icon-4 {
    background-position: -57px -162px
}

.cruise-base .label .icon-2 {
    background-position: -57px -178px
}

.cruise-base .label .icon-3 {
    background-position: -57px -194px
}

.cruise-base .label .icon-5 {
    background-position: -57px -210px
}

.cruise-base .label .icon-1 {
    background-position: -57px -226px
}

.cruise-base .label .icon-6 {
    background-position: -57px -242px
}

.cruise-base .label .icon-7 {
    background-position: -57px -258px
}

.cruise-base .label .icon-0 {
    background-position: -57px -274px
}

.cruise-listSix .layerBox,.cruise-listSix .layerBox .logoBox {
    background: #fff;
    filter: Alpha(opacity=80)
}

.cruise-box,.cruise-listSix {
    width: 1356px;
    height: 500px;
    overflow: hidden
}

.cruise-listSix a {
    float: left;
    display: block;
    margin: 0 22px 22px 0;
    position: relative;
    width: 382px;
    height: 239px;
    background: #f4f4f4;
    overflow: hidden;
}

.cruise-listSix .cruiseShip,.cruise-listSix .layer {
    width: 100%;
    height: 100%
}

.cruise-listSix .layer {
    position: absolute;
    left: 0;
    bottom: -190px
}

.cruise-listSix .layerBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8
}

.cruise-listSix .logoBox {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.cruise-listSix .logoBox img {
    display: block;
    margin: 12px auto 0
}

.cruise-listSix .layerTextBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.cruise-listSix .layerTextBox p {
    width: 100%;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.cruise-listSix .layerTextBox .cruiseHouse {
    margin-top: 16px;
    height: 22px;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px
}

.cruise-listSix .layerTextBox .cruiseTese {
    margin-top: 11px;
    font: 18px/20px "miscrosoft yahei";
    font-style: italic
}

.cruise-listSix .layerTextBox .cruiseNum {
    margin-top: 10px;
    height: 20px;
    font-size: 16px;
    line-height: 20px
}

.cruise-listSix .layerTextBox .toKnow {
    display: inline-block;
    margin: 12px auto 0;
    padding: 0 10px;
    background: #fd7045;
    color: #fff;
    height: 24px;
    font-size: 16px;
    line-height: 24px
}

.cruise-listFive {
    margin-top: 22px;
    width: 1356px;
    height: 89px;
    overflow: hidden
}

.cruise-listFive a {
    float: left;
    display: block;
    margin-right: 18px;
    position: relative;
    width: 221px;
    height: 87px;
    border: 1px solid #d1d1d1
}

.cruise-listFive .logoBox {
    position: relative;
    float: left;
    margin-top: 22px;
    width: 60px;
    height: 40px;
    text-align: right
}

.cruise-listFive .cruiseHouse {
    float: left;
    margin: 34px 0 0 10px;
    width: 140px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 20px;
    font: 700 18px/18px "miscrosoft yahei"
}

.cruise-link {
    position: relative;
    width: 275px;
    height: 155px;
    margin-bottom: 20px;
    color: #fff;
    background-size: auto 100%!important
}

.cruise-link img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.cruise-link .bg {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("//file.40017.cn/youlun/img/modules/home/img/cruise-bg-af1c3a8bd5.png") bottom repeat-x;
    z-index: 1
}

.cruise-link .tit {
    position: absolute;
    width: 100%;
    bottom: 5px;
    text-align: center;
    z-index: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cruise-data {
    display: block;
    margin-left: 20px;
    color: #333;
    font-size: 14px;
    line-height: 24px
}

.cruise-data img {
    display: block;
    float: left;
    width: 180px;
    height: 101px
}

.cruise-data .intro {
    width: 349px;
    float: left;
    border: 1px solid #ddd;
    border-left: 0;
    padding: 12px 20px
}

.cruise-data .tit {
    height: 48px;
    overflow: hidden;
    display: -webkit-box
}

.cruise-data .price {
    text-align: right;
    color: #999
}

.cruise-data .price em {
    color: #ff4614
}

.cruise-data .price i {
    font-size: 20px;
    font-weight: 700
}

.w990 .cruise-listSix a {
    margin: 0 71px 22px 0
}

.travel-pro {
    position: relative
}

.travel-box {
    overflow: hidden
}

.travel-tab {
    position: absolute;
    top: -41px;
    right: 0;
    font-size: 14px
}

.travel-tab li {
    float: left;
    margin-right: 26px
}

.travel-tab .current a {
    color: #60a1f4
}

.travel-tab a {
    color: #666
}

.travel-tab .more {
    color: #999
}

.travel-tab .more:hover {
    color: #f60
}

.travel-info {
    width: 1356px;
    height: 326px;
    overflow: hidden
}

.travel-link {
    position: relative;
    float: left;
    display: block;
    width: 282px;
    height: 316px;
    background-color: #fff;
    margin-right: 20px;
    color: #333
}

.travel-link:hover {
    color: #333;
    box-shadow: 0 4px 12px #ddd
}

.travel-img {
    width: 100%;
    height: 158px
}

.travel-img img {
    display: block;
    border: 0;
    width: 100%;
    height: 100%
}

.travel-img .label {
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 54px
}

.travel-img .essence {
    background-position: 0 -163px
}

.travel-img .treasure {
    background-position: 0 -221px
}

.travel-img .ordinary {
    background-position: 0 -279px
}

.travel-intro {
    padding: 11px 15px
}

.travel-intro .tit {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.travel-intro .cruise {
    padding: 8px 0;
    line-height: 1;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.travel-intro .cruise i,.travel-intro .cruise span {
    display: inline-block;
    vertical-align: middle
}

.travel-intro .cruise i {
    width: 15px;
    height: 12px;
    margin-right: 5px;
    background-position: -49px -142px
}

.travel-intro .txt {
    margin: 3px 0;
    color: #666;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    display: -webkit-box
}

.travel-dec {
    padding: 9px 15px;
    background-color: #edf5ff
}

.travel-dec>div {
    float: left;
    overflow: hidden
}

.travel-dec i,.travel-dec span {
    display: inline-block;
    vertical-align: middle
}

.travel-dec .author {
    width: 135px;
    color: #60a1f4
}

.travel-dec .author i {
    width: 23px;
    height: 23px;
    margin-right: 8px
}

.travel-dec .author img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.travel-dec .author span {
    width: 104px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.travel-dec .see {
    text-align: right;
    width: 117px;
    color: #999
}

.travel-dec .see i {
    width: 12px;
    height: 8px;
    margin-right: 5px;
    background-position: -30px -142px
}

.brand-pro {
    position: relative
}

.brand-pro .brand-btn {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    width: 17px;
    height: 33px;
    z-index: 100;
    cursor: pointer;
    text-align: center
}

.brand-link,.brand-mslider,.brand-mslider .mSlider_con {
    position: relative;
    height: 154px
}

.brand-pro .brand-prev {
    left: -30px;
    background-position: -50px -104px
}

.brand-pro .brand-prev:hover {
    background-position: -50px -66px
}

.brand-pro .brand-next {
    right: -30px;
    background-position: -30px -104px
}

.brand-pro .brand-next:hover {
    background-position: -30px -66px
}

.brand-mslider {
    overflow: hidden
}

.brand-mslider .mSlider_con {
    width: 1190px
}

.brand-mslider .mSlider_con li {
    width: 1190px;
    height: 154px;
    float: left;
    overflow: hidden
}

.brand-link {
    display: block;
    float: left;
    width: 282px;
    margin-right: 20px
}

.brand-link.last {
    margin-right: 0
}

.brand-link img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.brand-link .mask {
    position: absolute;
    width: 100%;
    height: 0;
    color: #fff;
    left: 0;
    bottom: 0;
    background: #000;
    opacity: .45;
    -ms-filter: alpha(Opacity=45);
    filter: alpha(Opacity=45)
}

.brand-link .rightNow {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 32px;
    margin: 59px auto;
    line-height: 32px;
    border: 2px solid #333;
    color: #c9a96e;
    opacity: 0;
    -ms-filter: alpha(Opacity=0);
    filter: alpha(Opacity=0)
}

.brand-link .rightNow:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    bottom: 50%;
    z-index: 0;
    width: 100%;
    background: #333
}

.brand-link .rightNow em {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    font-style: normal
}

.brand-link.action .mask,.brand-link:hover .mask {
    height: 100%
}

.brand-link.action .rightNow,.brand-link:hover .rightNow {
    width: 144px;
    opacity: 1;
    -ms-filter: alpha(Opacity=100);
    filter: alpha(Opacity=100);
    color: #fff
}

.brand-link.action .rightNow::before,.brand-link:hover .rightNow::before {
    top: 0;
    bottom: 0
}

.brand-link.action .rightNow em,.brand-link:hover .rightNow em {
    background-color: #333
}

.other-pro .flow_path {
    padding: 30px 0 0;
    margin-bottom: 30px;
    border-top: 1px dotted #bbb;
    overflow: hidden
}

.other-pro .flow_sty {
    float: left;
    width: 190px;
    font-size: 16px;
    height: 58px;
    text-align: left;
    padding-left: 50px;
    position: relative;
    background: url(//img1.40017.cn/cn/y/16/h/flow.png?v=02) no-repeat
}

.other-pro .flow_sty em {
    font: 12px/18px "microsoft yahei";
    color: #999
}

.other-pro .flow_arr {
    width: 26px;
    height: 20px;
    display: inline-block;
    background: url(//img1.40017.cn/cn/y/16/h/flow.png?v=02) 0 -290px no-repeat;
    position: absolute;
    top: 19px;
    right: 26px
}

.other-pro .flow_s01 {
    width: 204px;
    background-position: 0 10px
}

.other-pro .flow_s02 {
    background-position: 0 -48px
}

.other-pro .flow_s03 {
    background-position: 0 -106px
}

.other-pro .flow_s04 {
    width: 211px;
    background-position: 0 -164px
}

.other-pro .flow_s05 {
    background-position: 0 -222px;
    width: 145px
}

.other-pro .adverts {
    margin: 35px auto 0;
    display: block
}

.other-pro .adverts img {
    width: 1190px
}

.other-pro .vvv_info {
    overflow: hidden
}

.other-pro .vvv_nav {
    border-bottom: 1px dashed #bbb
}

.other-pro .vvv_tit {
    height: 36px;
    width: 230px;
    font-size: 24px;
    line-height: 24px;
    color: #2da1e7
}

.other-pro .vvv_sty {
    display: inline-block;
    margin: 0 7px;
    text-align: center;
    color: #999
}

.cal-box.open-load .cal-loading,.cal-box.open-load .cal-loading-layer,.cal-box.open-skip .cal-custom-skip,.other-pro .vvv_sty img {
    display: block
}

.other-pro .vvv_sty:hover {
    color: #f39700
}

.zenxin {
    height: 46px;
    width: 1190px;
    margin: auto
}

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

.w990 .zenxin {
    width: 960px;
    height: 37px
}

.cruise-calendar {
    width: 1190px;
    margin: 40px auto 0;
    font-family: Microsoft YaHei
}

.cruise-calendar h2.cal-tit {
    font-weight: 400;
    color: #2da1e7;
    font-size: 24px
}

.cal-box {
    width: 1186px;
    margin: auto 0;
    border: 2px solid #60a1f4;
    position: relative
}

.cal-tab {
    height: 44px;
    background-color: #60a1f4;
    font-size: 14px;
    color: #fff;
    position: relative
}

.cal-tab .c-t-title {
    float: left;
    height: 44px;
    line-height: 44px;
    margin-left: 18px
}

.cal-tab .c-t-list {
    float: left;
    width: 1000px;
    height: 44px;
    overflow: hidden
}

.cal-tab .c-t-list ul {
    width: 100%;
    height: 16px;
    margin: 14px 0;
    position: relative;
    left: 0
}

.cal-tab .c-t-list li {
    float: left;
    height: 16px;
    border-left: 1px solid #b0d0fa;
    line-height: 16px
}

.cal-tab .c-t-list li:first-child {
    border-left: none
}

.cal-tab .c-t-list a {
    position: relative;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    top: -5px;
    margin: 0 10px;
    padding: 0 20px;
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 14px 14px 14px 14px;
    -moz-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px
}

.cal-tab .c-t-list a.crt,.cal-tab .c-t-list a:hover {
    color: #fff;
    background-color: #3f81d5
}

.cal-tab .c-t-arrow {
    float: right;
    height: 24px;
    margin-right: 15px;
    margin-top: 10px
}

.cal-tab .c-t-left,.cal-tab .c-t-right {
    float: left;
    height: 24px;
    width: 24px;
    background: url(//img1.40017.cn/cn/y/16/h/cal-icon.0.1.png) 7px 4px no-repeat #fff
}

.cal-tab .c-t-left.disabled,.cal-tab .c-t-right.disabled {
    background-position: -23px 4px
}

.cal-tab .c-t-left.disabled:after,.cal-tab .c-t-right.disabled:after {
    display: none
}

.cal-tab .c-t-left:after,.cal-tab .c-t-right:after {
    display: inline-block;
    content: " ";
    position: absolute;
    width: 8px;
    height: 46px;
    top: -2px;
    z-index: 9
}

.cal-tab .c-t-left:after {
    background-image: -webkit-linear-gradient(left,#3f81d5,transparent);
    background-image: linear-gradient(left,#3f81d5,transparent);
    left: 98px
}

.cal-tab .c-t-right {
    margin-left: 7px;
    background-position: 8px -26px
}

.cal-tab .c-t-right:after {
    right: 88px;
    background-image: -webkit-linear-gradient(left,transparent,#3f81d5);
    background-image: linear-gradient(left,transparent,#3f81d5)
}

.cal-tab .c-t-right.disabled {
    background-position: -22px -26px
}

.cal-tab .c-t-right.disabled:after {
    display: none
}

.cal-opr {
    height: 32px;
    padding: 15px 20px
}

.cal-opr .c-o-drop {
    float: left;
    height: 32px;
    position: relative;
    z-index: 4
}

.cal-opr .c-o-left,.cal-opr .c-o-right {
    float: left;
    height: 30px;
    width: 30px;
    border: 1px solid #dcdcdc;
    background: url(//img1.40017.cn/cn/y/16/h/cal-icon.0.1.png) no-repeat;
    position: relative
}

.cal-opr .c-o-left:hover,.cal-opr .c-o-right:hover {
    border-color: #60a1f4;
    z-index: 3
}

.cal-opr .c-o-left {
    background-position: -49px 7px;
    right: -1px
}

.cal-opr .c-o-left.disabled {
    background-position: -80px 5px
}

.cal-opr .c-o-left.disabled:hover {
    border-color: #dcdcdc
}

.cal-opr .c-o-right {
    background-position: -48px -23px;
    left: -1px
}

.cal-opr .c-o-right.disabled {
    background-position: -80px -25px
}

.cal-opr .c-o-right.disabled:hover {
    border-color: #dcdcdc
}

.cal-opr .c-o-view {
    width: 118px;
    height: 30px;
    float: left;
    border: 1px solid #dcdcdc;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-weight: 700;
    position: relative;
    cursor: pointer
}

.cal-opr .c-o-view:hover {
    border-color: #60a1f4;
    z-index: 3
}

.cal-opr .c-o-view:hover>.c-o-menu {
    display: block
}

.cal-opr .c-o-menu {
    width: 118px;
    position: absolute;
    top: 31px;
    left: -1px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    overflow: hidden;
    font-weight: 400;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    display: none
}

.cal-opr .c-o-menu a {
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
    font-size: 14px;
    text-decoration: none
}

.cal-opr .c-o-menu a.crt,.cal-opr .c-o-menu a:hover {
    background-color: #60a1f4;
    color: #fff
}

.cal-opr .c-o-backbtn {
    color: #3f81d5;
    height: 32px;
    margin: 0 20px;
    padding: 0 10px;
    float: left;
    line-height: 32px;
    text-decoration: none
}

.cal-opr .c-o-backbtn.hide {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden
}

.cal-opr .c-o-backbtn:hover {
    text-decoration: underline
}

.cal-opr .c-o-islocal {
    float: left;
    height: 32px;
    line-height: 32px;
    color: #666
}

.cal-opr .c-o-islocal a {
    display: inline-block;
    height: 19px;
    width: 40px;
    background: url(//img1.40017.cn/cn/y/16/h/cal-icon.0.1.png) 0 -60px no-repeat;
    vertical-align: -5px;
    margin-left: 4px;
    text-decoration: none
}

.cal-opr .c-o-islocal.off a {
    background-position: 0 -90px
}

.cal-opr .c-o-morebtn {
    float: right;
    height: 32px;
    line-height: 32px;
    color: #3f81d5
}

.cal-opr .c-o-morebtn:after {
    content: " ";
    vertical-align: 1px;
    height: 8px;
    width: 6px;
    display: inline-block;
    background: url(//img1.40017.cn/cn/y/16/h/cal-icon.0.1.png) -60px -60px no-repeat;
    margin-left: 5px
}

.cal-opr .c-o-morebtn:hover {
    text-decoration: underline
}

.cal-wrap {
    height: 569px
}

.cal-loading {
    position: absolute;
    width: 72px;
    height: 72px;
    background: url(//img1.40017.cn/cn/comm/images/cn/public/transparent_loading_v2.gif) center center no-repeat;
    top: 50%;
    left: 50%;
    margin-top: -36px;
    margin-left: -36px;
    z-index: 12;
    display: none
}

.cal-custom-skip,.cal-loading-layer {
    position: absolute;
    background-color: #fff;
    display: none
}

.cal-loading-layer {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 11;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    opacity: .6
}

.bonus_bg,.bonus_layer {
    opacity: .75;
    filter: alpha(opacity=75)
}

.cal-custom-skip {
    padding: 44px 40px;
    width: 426px;
    height: 90px;
    border: 2px solid #60a1f4;
    top: 50%;
    left: 50%;
    margin-top: -89px;
    margin-left: -253px;
    z-index: 10;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.cal-custom-skip i {
    float: left;
    width: 90px;
    height: 90px;
    background: url(//img1.40017.cn/cn/y/16/h/cal-icon.0.1.png) 0 -150px no-repeat;
    margin-right: 36px
}

.cal-custom-skip dl {
    float: left;
    height: 90px;
    width: 300px;
    font-size: 14px;
    color: #333
}

.cal-custom-skip dt {
    float: left;
    height: 48px;
    line-height: 24px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
    margin-bottom: 4px
}

.cal-custom-skip dt.line-1 {
    height: 32px;
    line-height: 32px;
    margin-top: 10px;
    white-space: nowrap
}

.cal-custom-skip dd {
    float: left;
    width: 100%;
    height: 32px;
    line-height: 32px
}

.cal-custom-skip dd span {
    float: left;
    height: 32px;
    line-height: 32px
}

.cal-custom-skip .ccs-drop {
    float: left;
    position: relative;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    border: 1px solid #dcdcdc;
    width: 146px;
    text-indent: 14px
}

.cal-custom-skip .ccs-drop>a {
    height: 30px;
    float: left;
    line-height: 30px;
    color: #333
}

.cal-custom-skip .ccs-drop>a:after {
    content: " ";
    position: absolute;
    height: 30px;
    width: 30px;
    background: url(//img1.40017.cn/cn/y/16/h/cal-icon.0.1.png) 6px -110px no-repeat;
    right: 0;
    border-left: 1px solid #dcdcdc;
    top: 0
}

.cal-custom-skip .ccs-drop.open,.cal-custom-skip .ccs-drop:hover {
    border-color: #60a1f4
}

.cal-custom-skip .ccs-drop.open .ccs-drop-menu,.cal-custom-skip .ccs-drop:hover .ccs-drop-menu {
    display: block
}

.cal-custom-skip .ccs-drop.open>a:after,.cal-custom-skip .ccs-drop:hover>a:after {
    background-position: -84px -110px;
    border-color: #60a1f4
}

.cal-custom-skip .ccs-drop-menu {
    position: absolute;
    top: 31px;
    width: 146px;
    border: 1px solid #dcdcdc;
    left: -1px;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    display: none
}

.cal-custom-skip .ccs-drop-menu a {
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #333;
    text-decoration: none
}

.cal-custom-skip .ccs-drop-menu a.crt,.cal-custom-skip .ccs-drop-menu a:hover {
    color: #fff;
    background-color: #60a1f4
}

.cal-wrap .ui-calendar {
    position: relative;
    height: 568px;
    float: left;
    width: 1184px;
    border: 1px solid #eee;
    border-top: 0
}

.cal-wrap .ui-calendar-head {
    float: left;
    width: 100%;
    height: 28px;
    background-color: #fff
}

.cal-wrap .ui-calendar-head li {
    float: left;
    width: 170px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #999
}

.cal-wrap .ui-calendar-head li.sat,.cal-wrap .ui-calendar-head li.sun {
    width: 167px;
    color: #fca063
}

.cal-wrap .ui-calendar-body {
    float: left;
    width: 100%;
    height: 540px
}

.cal-wrap .ui-calendar-body ul {
    float: left;
    width: 1184px;
    height: 90px
}

.cal-wrap .ui-calendar-body li {
    float: left;
    width: 168px;
    border: 1px solid #ddd;
    height: 88px;
    position: relative
}

.cal-wrap .ui-calendar-body li.sat,.cal-wrap .ui-calendar-body li.sun {
    width: 166px;
    color: #fca063
}

.cal-wrap .ui-calendar-body li.sat a.ui-calendar-disabled,.cal-wrap .ui-calendar-body li.sat a.ui-calendar-enabled,.cal-wrap .ui-calendar-body li.sun a.ui-calendar-disabled,.cal-wrap .ui-calendar-body li.sun a.ui-calendar-enabled {
    width: 166px
}

.cal-wrap .ui-calendar-body li.sun {
    border-left: none
}

.cal-wrap .ui-calendar-body li.sat {
    border-right: none
}

.cal-wrap .ui-calendar-disabled,.cal-wrap .ui-calendar-enabled {
    border: 2px solid transparent;
    height: 88px;
    width: 168px;
    position: relative;
    float: left;
    z-index: 3;
    top: -2px;
    left: -2px
}

.cal-wrap .ui-calendar-disabled .ui-calendar-date {
    padding-left: 10px;
    height: 20px;
    line-height: 20px;
    color: #999
}

.cal-wrap .ui-calendar-disabled .ui-calendar-data {
    height: 52px
}

.cal-wrap .ui-calendar-disabled .ui-calendar-data .status {
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    background: url(//img1.40017.cn/cn/y/16/h/cal-icon.0.1.png) -60px -90px no-repeat
}

.cal-wrap .ui-calendar-disabled .ui-calendar-data .status.not {
    display: none
}

.cal-wrap .ui-calendar-disabled .ui-calendar-data .status.has {
    background-position: -90px -90px
}

.cal-wrap .ui-calendar-enabled.crt-at,.cal-wrap .ui-calendar-enabled:hover {
    border-color: #ffb72b;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.cal-wrap .ui-calendar-enabled.crt-at .ui-calendar-data .more:after,.cal-wrap .ui-calendar-enabled:hover .ui-calendar-data .more:after {
    background-position: -90px -60px
}

.cal-wrap .ui-calendar-enabled .ui-calendar-date {
    height: 20px;
    line-height: 20px;
    padding-left: 10px;
    color: #333;
    background-color: #f5f5f5
}

.cal-wrap .ui-calendar-enabled .ui-calendar-data {
    height: 52px;
    padding: 7px 10px
}

.cal-wrap .ui-calendar-enabled .ui-calendar-data .cname {
    float: left;
    width: 100%;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333
}

.cal-wrap .ui-calendar-enabled .ui-calendar-data .port {
    float: left;
    width: 100%;
    height: 16px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333
}

.cal-wrap .ui-calendar-enabled .ui-calendar-data .more {
    float: left;
    height: 20px;
    line-height: 20px;
    color: #60a1f4
}

.cal-wrap .ui-calendar-enabled .ui-calendar-data .more:after {
    content: " ";
    display: inline-block;
    width: 8px;
    height: 5px;
    vertical-align: 1px;
    margin: 0 3px;
    background: url(//img1.40017.cn/cn/y/16/h/cal-icon.0.1.png) -90px -75px no-repeat
}

.cal-wrap .ui-calendar-enabled .ui-calendar-data .price {
    position: absolute;
    right: 10px;
    bottom: 6px;
    height: 20px;
    line-height: 20px;
    color: #999
}

.cal-wrap .ui-calendar-enabled .ui-calendar-data .price span {
    color: #f60
}

.cal-wrap .ui-calendar-enabled .ui-calendar-data .price i {
    font-style: normal;
    font-size: 16px
}

.cal-wrap .ui-calendar-enabled .ui-calendar-data .icon {
    position: absolute;
    right: 13px;
    top: 1px
}

.cal-wrap .ui-calendar-enabled .ui-calendar-data .icon span {
    float: right;
    height: 18px;
    color: #60a1f4;
    line-height: 18px;
    margin: 0 2px;
    border-bottom: 1px dotted #60a1f4
}

.cal-wrap .ui-calendar-enabled .ui-calendar-data .icon i {
    font-style: normal;
    float: right;
    height: 18px;
    color: #f60;
    line-height: 18px;
    margin: 0 2px;
    border-bottom: 1px dotted #f60
}

.cal-wrap .ui-calendar-enabled .ui-calendar-data .status {
    position: absolute;
    top: 0;
    right: -1px;
    height: 20px;
    width: 20px;
    background: url(//img1.40017.cn/cn/y/16/h/cal-icon.0.1.png) -60px -90px no-repeat
}

.cal-wrap .ui-calendar-enabled .ui-calendar-data .status.not {
    display: none
}

.cal-wrap .ui-calendar-enabled .ui-calendar-data .status.has {
    background-position: -90px -90px
}

.calendar-poper {
    display: none;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 576px;
    max-height: 355px;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border: #ddd\9;
    border-top: none;
    z-index: 9;
    font-family: Microsoft YaHei
}

.calendar-poper .cp-arrow {
    position: absolute;
    top: -10px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f8f8f8;
    z-index: 1;
    margin-left: -10px
}

.calendar-poper .cp-title {
    padding: 0 15px;
    height: 36px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #eee;
    color: #3f81d5;
    line-height: 36px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.calendar-poper .cp-content {
    max-height: 318px;
    overflow-x: hidden;
    overflow-y: auto
}

.calendar-poper .cp-list {
    overflow: hidden
}

.calendar-poper .cp-list a {
    float: left;
    width: 546px;
    padding: 0 15px;
    height: 62px;
    border-top: 1px dashed #dcdcdc
}

.calendar-poper .cp-list a:first-child {
    border-top: none
}

.calendar-poper .cp-list a:hover {
    background-color: #f8f8f8
}

.calendar-poper .cp-left {
    float: left;
    margin-top: 2px;
    height: 58px;
    width: 420px;
    border-right: 1px solid #eee
}

.calendar-poper .cp-left .tit {
    overflow: hidden;
    margin-top: 10px
}

.calendar-poper .cp-left .tit p {
    float: left;
    height: 20px;
    line-height: 20px;
    width: 340px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #333
}

.calendar-poper .cp-left .tit i,.calendar-poper .cp-left .tit span {
    float: left;
    height: 16px;
    color: #fff;
    line-height: 16px;
    padding: 0 2px;
    margin-top: 2px
}

.calendar-poper .cp-left .tit i {
    background-color: #f60;
    font-style: normal
}

.calendar-poper .cp-left .tit span {
    background-color: #60a1f4
}

.calendar-poper .cp-left .port {
    height: 24px;
    line-height: 24px;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.calendar-poper .cp-left .port span {
    height: 14px;
    line-height: 14px;
    margin-top: 5px;
    padding-right: 10px;
    border-right: 1px solid #dcdcdc;
    color: #60a1f4;
    margin-right: 10px
}

.calendar-poper .cp-right {
    float: right;
    margin-top: 20px;
    width: 110px;
    height: 22px;
    line-height: 22px;
    white-space: nowrap
}

.calendar-poper .cp-right p {
    color: #999;
    text-indent: 2px;
    font-size: 14px
}

.calendar-poper .cp-right span {
    color: #f60
}

.calendar-poper .cp-right strong {
    font-size: 20px;
    font-weight: 700
}

.calendar-poper:after {
    position: absolute;
    width: 576px;
    height: 30px;
    top: -26px;
    left: 0;
    background-color: transparent;
    content: "";
    display: inline-block
}

.calendar-poper.open {
    display: block
}

.w990 .cruise-calendar {
    width: 960px
}

.w990 .cal-box {
    width: 956px
}

.w990 .cal-tab .c-t-list {
    width: 770px
}

.w990 .cal-wrap .ui-calendar {
    width: 954px
}

.w990 .cal-wrap .ui-calendar-head li {
    width: 134px
}

.w990 .cal-wrap .ui-calendar-head li.sat,.w990 .cal-wrap .ui-calendar-head li.sun {
    width: 142px
}

.w990 .cal-wrap .ui-calendar-body ul {
    width: 954px
}

.w990 .cal-wrap .ui-calendar-body li {
    width: 132px
}

.w990 .cal-wrap .ui-calendar-body li.sat,.w990 .cal-wrap .ui-calendar-body li.sat a.ui-calendar-disabled,.w990 .cal-wrap .ui-calendar-body li.sat a.ui-calendar-enabled,.w990 .cal-wrap .ui-calendar-body li.sun,.w990 .cal-wrap .ui-calendar-body li.sun a.ui-calendar-disabled,.w990 .cal-wrap .ui-calendar-body li.sun a.ui-calendar-enabled {
    width: 141px
}

.w990 .cal-wrap .ui-calendar-disabled,.w990 .cal-wrap .ui-calendar-enabled {
    width: 132px
}

.calendar-pro {
    background-color: #fff
}

.calendar-pro .cal-wrap .ui-calendar-enabled .ui-calendar-data .title {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 20px;
    color: #333;
    overflow: hidden;
    display: -webkit-box
}

.bonus_bg,.bonus_box {
    position: fixed;
    width: 100%;
    height: 170px;
    left: -100%;
    bottom: 0;
    z-index: 102
}

.bonus_bg {
    z-index: 101;
    background: #04020f
}

.bonus {
    position: relative;
    margin: auto;
    width: 960px;
    height: 170px
}

.bonus img.kawayi {
    position: absolute;
    left: 5px;
    top: -30px
}

.bonus_layer {
    position: absolute;
    right: 0;
    top: 0;
    width: 287px;
    height: 170px;
    background: #5b6882
}

.bonus .close,.bonus_form {
    position: absolute;
    right: 20px
}

.bonus .close {
    top: 10px;
    width: 20px;
    height: 21px;
    background: url(//img1.40017.cn/cn/y/15/h/close_f.png);
    cursor: pointer
}

.bonus_form {
    top: 40px
}

.bonus_mask,.bonus_suc {
    position: fixed;
    z-index: 9999
}

.bonus_input {
    margin-top: 10px;
    overflow: hidden
}

.bonus_form input {
    float: left;
    padding-left: 10px;
    height: 40px;
    line-height: 40px;
    border: 0;
    font-size: 14px
}

.bonus_form input.phone {
    width: 237px
}

.bonus_form input.code {
    width: 80px
}

.bonus_form .bonus_input span {
    float: left;
    margin-left: 5px;
    width: 60px;
    height: 40px
}

.bonus_form span img {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.w990 .cruise-data img,.w990 .search-inputgp .searchHot,.w990 .slider-con .slider-btn {
    display: none
}

.bonus_form a {
    float: left;
    margin-left: 5px;
    width: 87px;
    height: 40px;
    text-align: center;
    color: #fff;
    font: 18px/40px "microsoft yahei";
    background: #d70606;
    cursor: pointer
}

.bonus_form a:hover {
    background: #ac0505
}

.bonus_tip {
    margin-top: 5px;
    color: #d3d5d9;
    font-size: 14px;
    height: 16px;
    line-height: 16px
}

.bonus_tip span {
    padding-left: 20px;
    background: url(//img1.40017.cn/cn/y/15/h/bonusb.png) no-repeat
}

.bonus_mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70)
}

.bonus_suc {
    top: 50%;
    left: 50%;
    margin-left: -302.5px;
    margin-top: -189px;
    width: 605px;
    height: 378px;
    background: #fffded;
    border-radius: 10px
}

.bonus_suc .close {
    position: absolute;
    top: -19px;
    right: -19px;
    width: 28px;
    height: 28px;
    background: url(//img1.40017.cn/cn/y/15/h/close_s.png);
    cursor: pointer
}

.bonus_suc p {
    margin-top: 30px;
    font: 20px/34px "microsoft yahei";
    text-align: center
}

.bonus_suc p span {
    font-size: 36px;
    color: #f84034
}

.bonus_suc img {
    margin: 25px 14px
}

.bonus_btn {
    margin: auto;
    width: 490px;
    height: 49px
}

.bonus_btn a {
    float: left;
    margin-left: 30px;
    width: 200px;
    height: 49px;
    color: #fff;
    font: 24px/49px "microsoft yahei";
    text-align: center;
    cursor: pointer
}

.bonus_btn a.use {
    background: url(//img1.40017.cn/cn/y/15/h/use.png)
}

.bonus_btn a.use:hover {
    background: url(//img1.40017.cn/cn/y/15/h/use_h.png)
}

.bonus_btn a.look {
    background: url(//img1.40017.cn/cn/y/15/h/look.png)
}

.bonus_btn a.look:hover {
    background: url(//img1.40017.cn/cn/y/15/h/look_h.png)
}

.aside_tag {
    position: fixed;
    left: 0;
    bottom: 55px;
    width: 142px;
    height: 161px;
    background: url(//img1.40017.cn/cn/y/15/h/aside_tag.png);
    cursor: pointer;
    z-index: 999
}

.w990 .city-search {
    width: 545px;
    margin-left: -272px
}

.w990 .city-box {
    margin-left: -15px
}

.w990 .search-con {
    width: 545px
}

.w990 .search-row {
    width: 418px
}

.w990 .search-input {
    width: 330px
}

.w990 .search-box .hotCity {
    width: 307px
}

.w990 .search-box .autoComplete {
    width: 330px
}

.w990 .slider-con .slider-box {
    width: 960px
}

.w990 .slider-con .mSlider_nav_orange {
    width: 630px
}

.w990 .navSearch-con {
    width: 960px
}

.w990 .news-pro dd {
    width: 306px
}

.w990 .detail-unit {
    width: 960px
}

.w990 .cruise-tab li {
    margin-right: 32px
}

.w990 .cruise-box {
    width: 360px
}

.w990 .cruise-list {
    width: 720px
}

.w990 .cruise-link {
    width: 329px;
    margin-left: 30px
}

.w990 .cruise-data {
    margin-left: 30px
}

.w990 .cruise-data .intro {
    border-left: 1px solid #ddd;
    width: 288px
}

.w990 .goods-link,.w990 .sales-link,.w990 .travel-link {
    margin-right: 57px
}

.w990 .flow_,.w990 .flow_path {
    width: 960px
}

.w990 .flow_s01 {
    width: 161px
}

.w990 .flow_s02 {
    width: 150px
}

.w990 .flow_s03 {
    width: 145px
}

.w990 .flow_s04 {
    padding-right: 33px;
    width: 95px
}

.w990 .flow_s05 {
    padding-left: 30px;
    width: 146px
}

.w990 .flow_arr {
    width: 18px;
    height: 13px;
    right: 10px;
    background-position: -31px -293px
}

.w990 .vvv_main {
    width: 1190px;
    margin-left: -18PX
}

.w990 .adverts img {
    width: 960px
}