@charset "utf-8";
/* CSS Document */
.detail-unit-tit {position:relative;z-index:0;width:100%;height:1px;margin:16px 0;background-color:#eee}
.detail-unit-tit h3{position:absolute;width:100%;height:32px;margin-top:-16px;line-height:32px;text-align:center}
.detail-unit-tit span{display:inline-block;height:32px;padding:0 25px;font-size:22px;line-height:32px;background-color:#fff}
/*tips-*/
.tips-icon {position: absolute; top: 0; left: 0;padding: 0 10px;line-height: 30px;font-size: 14px; text-align: center;background: #0099ff;color: #fff; border-radius: 4px 0px 0px 0px;}
.tips-icon:after {content: '';position: absolute;width: 0px;height: 0px; border-top: 16px solid #0099ff;border-right: 12px solid transparent; border-bottom: 14px solid #0099ff; border-left: 2px solid #0099ff;; right: -14px;top: 0;}
/*routelist-picul*/
.routelist-picul {display: block; margin: 0px; display: flex;justify-content: space-between;}	
.routelist-picul .item {width: -webkit-calc(25% - 15px);float: left;background:#FFFFFF; border-radius: 6px; overflow: hidden;}	
.routelist-picul .item .item-wrap {display: block;position: relative;margin: 0px;overflow: hidden; }
.routelist-picul .item .item-wrap i.item-route {position: absolute; z-index: 9999;min-width: 40px; line-height: 28px;font-size: 14px;text-align: center;background:#ff7200;}
.routelist-picul .item .item-wrap i.item-route:after {border-top: 16px solid #ff7200;border-right: 14px solid transparent;border-bottom: 13px solid #de5900;border-left: 10px solid #ff7200;right: -20px;top: 0;}
.routelist-picul .item .item-wrap .item-thumb {display: inline-block; width: 100%; height: 160px; overflow: hidden;}
.routelist-picul .item .item-wrap .item-thumb img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.routelist-picul .item .item-wrap .item-thumb img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.routelist-picul .item .item-wrap .item-main {padding: 12px 15px 15px;line-height: 22px;}
.routelist-picul .item .item-wrap .item-main .item-title {font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.routelist-picul .item .item-wrap .item-main .item-des {margin-top: 10px;font-size: 14px; color:#ff6633;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.routelist-picul .item .item-wrap .item-main .item-meta {margin-top: 10px;height: 22px; font-size: 14px;overflow: hidden; display: flex;justify-content: space-between;}
.routelist-picul .item .item-wrap .item-main .item-meta span {color: #999;font-size:14px;}
.routelist-picul .item .item-wrap .item-main .item-meta span.item-price em {margin-right: 2px;font-size: 16px;color:#ff6633;}
.routelist-picul .item .item-wrap .item-main .item-meta span.item-price b { font-size:22px;}
.routelist-picul .item .item-wrap .item-main .item-meta span.icon-city {padding-left: 17px;color: #0099FF;background: url(../images/tips_icon.png) 0 3px no-repeat;}
.routelist-picul .item .item-wrap .item-main .item-tese {color: #666;font-size:12px;}
/*routelist-picul*/
.routelist-piclr {display: block; margin: 0px; overflow: hidden; display: flex;justify-content: space-between; flex-direction: column;}	
.routelist-piclr .item {width:100%;float: left; overflow: hidden;}	
.routelist-piclr .item + .item {margin-top: 15px;padding-top: 15px;border-top: 1px #eee solid;}
.routelist-piclr .item .item-wrap {position: relative;margin: 0px; overflow: hidden; display: flex; justify-content: space-between;}
.routelist-piclr .item .item-wrap .item-route {position: absolute; z-index: 9999;min-width: 30px;padding: 3px 8px;background:#3f81f7;color: #fff;font-size: 14px;text-align: center; border-radius: 4px 0px 6px 0px;overflow: hidden;}
.routelist-piclr .item .item-wrap .item-thumb {width: 180px; height: 116px; overflow: hidden;border-radius: 6px;}
.routelist-piclr .item .item-wrap .item-thumb img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.routelist-piclr .item .item-wrap .item-thumb img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.routelist-piclr .item .item-wrap .item-main {position: relative;width: -webkit-calc(100% - 195px); padding:0px 0px;}
.routelist-piclr .item .item-wrap .item-main .item-title {margin-bottom: 5px;line-height: 22px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.routelist-piclr .item .item-wrap .item-main p { margin-top: 8px;width: 100%;height: 22px; line-height: 22px; font-size: 13px;overflow: hidden;}
.routelist-piclr .item .item-wrap .item-main p.item-tese {color: #999;}
.routelist-piclr .item .item-wrap .item-main p.item-date .icon-date:before {margin-right: 5px;color: #999;}
.routelist-piclr .item .item-wrap .item-main p.item-meta {display: flex;justify-content: space-between; position: absolute; bottom: 0;}
.routelist-piclr .item .item-wrap .item-main p.item-meta span {color: #999;}
.routelist-piclr .item .item-wrap .item-main p.item-meta span em {font-size:13px;color:#ff6633;}
.routelist-piclr .item .item-wrap .item-main p.item-meta span b {font-size:20px;}
.routelist-piclr .item .item-wrap .item-main p.item-date {color: #999;}
.routelist-piclr .item .item-wrap .item-main p.item-meta .icon-city em {margin-right: 10px;color: #0099FF;}
/*infolist-titul*/
.infolist-titul {overflow: hidden;}
.infolist-titul li {line-height: 40px;font-size: 16px;overflow: hidden;}
.infolist-titul li + li { border-top: 1px #eee dashed;}
.infolist-titul li:hover {padding:0 0px; border-radius:3px; /*background: linear-gradient(to left,#fff,#fbe3b9);border: #ffb400 1px dashed !important;*/}
.infolist-titul li span {float: left; position: relative; padding-right: 7px; margin-right: 7px;color:#999; }
.infolist-titul li span:after {position: absolute; right: 0; top: 11px;width: 1px; height: 14px; background-color: #ccc; content: '';}
.infolist-titul li span a {color: #999; }
.infolist-titul li i {float: right; font-size: 14px; color: #ccc;}
.infolist-titul li a {display: block; white-space: nowrap; text-overflow: ellipsis; flex: 1; overflow: hidden;}
.infolist-titul li p {margin-top: 10px;font-size: 13px;color: #999; text-indent: 15px;white-space: nowrap; text-overflow: ellipsis;overflow:hidden;}
.infolist-titul.list-dot li {padding: 14px 0;line-height: 18px;overflow: hidden;}
.infolist-titul.list-dot li a {position: relative; padding-left: 15px;}
.infolist-titul.list-dot li a:before {content: '';left: 0; top: 8px;width: 5px; height: 5px;position: absolute; border-radius: 6px;background-color: #ccc; }
.infolist-titul.list-dot li:hover a:before {background-color: #00b0ff;}
.infolist-titul.list-half {display: flex; flex-wrap: wrap;justify-content: space-between;}
.infolist-titul.list-half li {float:left;width: -webkit-calc(50% - 10px);}
.infolist-titul.list-half li a.item-title {max-width: -webkit-calc(100% - 60px);display:inline-block;}
.infolist-titul.list-half li:nth-child(2n) { float:right;padding-right:0px;}
.infolist-titul.list-three {display: flex; flex-wrap: wrap;justify-content: space-between;}
.infolist-titul.list-three li {width: -webkit-calc(33.33% - 15px);float:left;}
/*wendalist-txtul*/
.wendalist-txtul {display: block; display: flex;justify-content: space-between; flex-direction: column;}	
.wendalist-txtul .item {display: block;padding: 14px 0;display: flex; flex-direction: column;}
.wendalist-txtul .item + .item {border-top: 1px solid #eee;}
.wendalist-txtul .item:hover {color: #ff6600;webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.wendalist-txtul .item i {float:left; display: inline-block;margin-top: 0px;width: 20px; height: 20px;line-height: 20px; margin-right: 10px;font-size: 15px;color: #fff;border-radius: 3px;text-align: center;}
.wendalist-txtul .item span {display: block;}
.wendalist-txtul .item .item-wen {margin-bottom: 10px;line-height: 20px;overflow:hidden;}
.wendalist-txtul .item .item-wen span {font-size: 18px;font-weight: 500;white-space: nowrap; text-overflow: ellipsis;overflow:hidden;}
.wendalist-txtul .item .item-wen i {background: #ff6600;}
.wendalist-txtul .item .item-da {display: block;}
.wendalist-txtul .item .item-da i {margin-top: 5px;background: #11CC00;}
.wendalist-txtul .item .item-da span {font-size: 14px;line-height: 22px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/*infolist-picul*/
.infolist-picul {overflow: hidden;display: flex; justify-content: space-between;flex-wrap: wrap;}
.infolist-picul li.item {width: -webkit-calc(25% - 15px);height:auto;float: left;}
.infolist-picul li.item .item-wrap {margin: 0px 0px;overflow:hidden;border-radius: 4px; background:#ffffff; display: flex; flex-direction: column;}
.infolist-picul li.item .item-wrap .item-pic {width: 100%;height: 180px;overflow:hidden;float: left;}
.infolist-picul li.item .item-wrap .item-pic img{width:100%;min-height: 100%;-webkit-transition:-webkit-transform .5s ease-out;-o-transition:-o-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out,-o-transform .5s ease-out;vertical-align:middle}
.infolist-picul li.item .item-wrap .item-main {padding: 10px 15px 15px; display: flex; flex-direction: column;overflow: hidden;}
.infolist-picul li.item .item-wrap .item-main .item-title{width:100%;height: 44px;margin-bottom: 10px;font-size: 16px;letter-spacing:0;overflow:hidden;float: left;line-height: 22px;font-weight:bold;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.infolist-picul li.item .item-wrap .item-main .item-desc {font-size: 14px;color:#999;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.infolist-picul li.item .item-wrap .item-main .item-meta {margin-top: 15px;display: flex;justify-content: space-between;}
.infolist-picul li.item .item-wrap .item-main .item-meta span {font-size: 14px;color:#999;}
.infolist-picul li.item .item-wrap .item-main .item-meta span.item-view {color:#999;}
.infolist-picul li.item .item-wrap .item-main .item-meta span.item-view em{color:#ff6600;}
.infolist-picul li.item .item-wrap .item-main .item-meta span.item-lanmu {display: flex;}
.infolist-picul li.item .item-wrap .item-main .item-meta span.item-lanmu .user-head {display: block;width: 20px;height: 20px;border-radius: 50%;vertical-align: middle; border-style: none;}
.infolist-picul li.item .item-wrap .item-main .item-meta span.item-lanmu .user-name {margin-left:5px;}
.infolist-picul li.item:hover .item-wrap .item-pic img{-webkit-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);transform:scale(1.04)}
.infolist-picul li.item:hover .item-wrap .item-title{color:#00b0ff;}

/*wlist-city-picul*/
.wlist-city-picul {margin: 10px 0px;overflow: hidden;}
.wlist-city-picul .item {position:relative;margin: 8px 0px;margin-right:15px;width: -webkit-calc(50% - 8px);height:90px;cursor:pointer; float:left; overflow:hidden;border-radius: 4px;}
.wlist-city-picul .item:nth-of-type(2n) {margin-right:0}
.wlist-city-picul .item .item-pic {width:100%; height:100%; overflow:hidden;}
.wlist-city-picul .item .item-pic img {width:100%; min-height:100%; }
.wlist-city-picul .item .item-tit {display:block;width: -webkit-calc(100% - 50px);height:auto;position:absolute; border:1px solid #fff; top:30px; left:25px; overflow:hidden;border-radius: 4px;}
.wlist-city-picul .item .item-tit1{margin:3px;height:24px; line-height:24px; text-align:Center;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff); background:rgba(255,255,255,.8); overflow:hidden;border-radius: 4px;}
.wlist-city-picul .item .item-tit1 h3 {font-size:15px; font-weight:normal; }
/*list-route-titul*/
.list-route-titul {display:inline-block; padding: 10px 0px}
.list-route-titul li {float:left;margin: 8px 0px;width: -webkit-calc(50% - 8px);height:36px; line-height:36px; margin-right:15px; text-align:center; border-bottom:0;background-color:#edf3f9; border-radius:4px; color:#666;}
.list-route-titul li:nth-of-type(2n) {margin-right:0}
.list-route-titul li a{display:block; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.list-route-titul li:hover{background-color:#f90}
.list-route-titul li:hover a{color:#fff}
/*list-city-picul*/
.list-city-picul {margin: 0px;overflow: hidden;}
.list-city-picul .item { float:left;width: -webkit-calc(25% - 15px); margin: 20px 20px 0px 0;overflow: hidden;}
.list-city-picul .item:nth-of-type(4n) {margin-right:0}
.list-city-picul .item .item-wrap { display:block;height: 200px;position: relative; text-align: center; color: #fff; text-shadow: 1px 1px 4px rgba(0,0,0,0.7);overflow: hidden;}
.list-city-picul .item .item-wrap img { transition:all .3s linear; width:100%; height:100%;}
.list-city-picul .item .item-wrap h4 { display:block; position: absolute; left: 0; right: 0; bottom: 40px; font-size: 22px; font-weight: 600; z-index: 2;}
.list-city-picul .item .item-wrap p { position: absolute; left: 0; right: 0; bottom: 5px; font-size: 14px; bottom: 15px;}
.list-city-picul .item:hover .item-wrap img { transform:scale(1.10);}
/*list-ranks-picul*/
.list-ranks-picul {padding: 20px 0px;}
.list-ranks-picul li {position: relative;height: 72px;padding: 0px;white-space: nowrap;text-overflow: ellipsis; border-radius: 4px; overflow:hidden;}
.list-ranks-picul li:nth-child(1) label {background-color: #F5594E; }
.list-ranks-picul li:nth-child(2) label {background-color: #f60; }
.list-ranks-picul li:nth-child(3) label {background-color: #f5a623; }
.list-ranks-picul li + li {margin-top: 20px;}
.list-ranks-picul li label {display:block;position:absolute;padding:0;width: 36px;height: 36px;font-size: 14px;text-align:center;top: -6px;left: -18px;color:#fff;font-weight:normal;z-index:3;background:#999;transform: rotate(55deg);border-radius: 10px;}
.list-ranks-picul li label p{text-align: right;padding-right: 8px;padding-top: 9px;f;transform: rotate(304deg);}
.list-ranks-picul li .rank-pic{width: 108px;height: 72px;position: absolute;left: 0;top: 0;overflow: hidden;border-radius: 4px;}
.list-ranks-picul li .rank-pic img {width: 100%;height: 100%;display: block; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s}
.list-ranks-picul li:hover .rank-pic img { transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2)}
.list-ranks-picul li h4 {padding-left: 120px;white-space: normal;font-size: 15px;font-weight: normal;line-height: 22px;margin-bottom: 12px;}
.list-ranks-picul li h4 a {word-break: break-all;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.list-ranks-picul li .rank-meta { padding-left: 120px; color: #999;line-height: 16px;font-size: 12px;}
.list-ranks-picul li .rank-meta i, .list-ranks-picul li .rank-meta span {display: inline-block; vertical-align: middle; }
.list-ranks-picul li .rank-meta i {width:12px;height:10px;background: url("../images/sub_icon.png") top center no-repeat;margin-right: 4px;}
.list-ranks-picul li .rank-meta span {font-size: 14px;}
.list-ranks-picul li .rank-meta span.icon-view{float: right;}
.list-ranks-picul li .rank-meta span.icon-view:before{margin-right: 3px;font-size: 16px;color: #cc9756;}
.list-ranks-picul li .rank-meta span.hot-view {float: right; padding-left: 15px; background: url("../images/hot_icon.png") no-repeat 0px 0px;}
/*首页焦点广告css*/
.cruise-focus {position: relative; width: 100%; height:400px; margin: 0px auto; overflow:hidden;}
.ft-carousel {position: relative;width: 100%;height: 100%;overflow: hidden;}
.ft-carousel .carousel-inner {position: absolute;left: 0;top: 0;height: 100%;}
.ft-carousel .carousel-inner .carousel-item {float: left;height: 100%;}
.ft-carousel .carousel-item img {width: 100%;min-height: 100%;}
.ft-carousel .carousel-indicators {position: absolute;left: 0;bottom: 15px;width: 100%;text-align: center;font-size: 0;}
.ft-carousel .carousel-indicators span {display: inline-block;width: 15px;height: 15px;background-color: rgb(255 255 255 / 50%);margin: 0 5px;border-radius: 50%;cursor: pointer;}
.ft-carousel .carousel-indicators span.active {background-color:rgb(222 58 58 / 80%);}
.ft-carousel .carousel-btn {position: absolute;top: 50%;width: 50px;height: 45px;margin-top: -25px;cursor: pointer;}
.ft-carousel .carousel-prev-btn {left: 15%;background: url("../images/prev.png") no-repeat;}
.ft-carousel .carousel-next-btn {right: 15%;background: url("../images/next.png") no-repeat;}
/*============ 首页 ============*/
.homepage-focus {position: relative; width: 100%; height:400px; margin: 0px auto; overflow:hidden;}
/*航次推荐css*/
.homepage-recommend {}
/*精彩航线css*/
.homepage-popular {overflow: hidden; border-radius: 6px;}
.homepage-popular .section-content {background:#F6F6F6;padding:15px; overflow: hidden; border-radius: 6px;}
.homepage-popular .popular-tabs {padding: 0 20px;display: flex;flex-direction: row;width: 600px;float: right;}
.homepage-popular .popular-tabs li {display: block;margin: 0 auto;padding: 0 7px;font-size: 14px;text-align: center;cursor: pointer;background: #eee;border-radius: 4px;}
.homepage-popular .popular-tabs li + li {}
.homepage-popular .popular-tabs li.on {background: #0099ff;color: #fff;}
.homepage-popular .popular-tabcon {background:#F6F6F6;padding:30px; overflow: hidden; border-radius: 6px;}
.homepage-popular .popular-tabcon .tabcon-item {}
.homepage-popular .popular-tabcon .route-left {float: left;width: 500px;overflow: hidden;}
.homepage-popular .popular-tabcon .route-left .route-info {position: relative;width: 500px;height: 320px; overflow: hidden;border-radius: 6px;}
.homepage-popular .popular-tabcon .route-left .route-info img {width: 100%;min-height: 100%;}
.homepage-popular .popular-tabcon .route-left .route-info .info-box {position: absolute;bottom: 0; padding: 15px;font-size: 14px;overflow: hidden; background: rgb(255 255 255 / 50%);}
.homepage-popular .popular-tabcon .route-left .route-info .info-tit {display: block;margin-bottom:5px;font-weight:700;}
.homepage-popular .popular-tabcon .route-left .route-info .info-txt {font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.homepage-popular .popular-tabcon .route-left .route-city {}
.homepage-popular .popular-tabcon .route-right {float:right;width: -webkit-calc(100% - 570px);padding:20px;background:#FFFFFF;overflow: hidden;border-radius: 6px;}
.homepage-popular .popular-tabcon .route-right .route-more {position: relative;height: 26px;margin-top: 20px;}
.homepage-popular .popular-tabcon .route-right .route-more>a {display: block;width: 98px;height: 24px;font-size: 14px;text-align: center;line-height: 24px;
color: #999;border: 1px solid #e5e3e2;background-color: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 20px;margin: 0 auto;position: relative;z-index: 2;}
.homepage-popular .popular-tabcon .route-right .route-more:after {content: "";position: absolute;left: 0;right: 0;top: 50%;z-index: 1;height: 1px;background-color: #e5e3e2;}
.homepage-popular .popular-tabcon .route-right .routelist-piclr .item { }
.homepage-popular .popular-tabcon .route-right .routelist-piclr .item .item-wrap .item-thumb {width: 90px;height:60px;}
.homepage-popular .popular-tabcon .route-right .routelist-piclr .item .item-wrap .item-main {width: -webkit-calc(100% - 105px);}
/*热门邮轮css*/
.homepage-brands {overflow: hidden; }
.homepage-brands .section-content {width: -webkit-calc(100% - 4px);display: flex;flex-direction: row;justify-content: space-between;overflow: hidden;border-radius: 6px;}
.homepage-brands .item {width: 25%;height:360px;}
.homepage-brands .item + .item  {margin-left:1px;}
.homepage-brands .item .item-wrap { display: block; position: relative;width: 100%;height: 100%;color: #666; text-decoration: none;}
.homepage-brands .item .item-wrap .item-bgimg {width: 100%;height: 100%;}
.homepage-brands .item .item-wrap .item-bgimg img {vertical-align: top; width: 100%;min-height: 100%;}
.homepage-brands .item .item-wrap .item-layer {position: absolute;width: 100%; height: 170px;left: 0;bottom: -80px;}
.homepage-brands .item .item-wrap .item-layer .layerBox, 
.homepage-brands .item .item-wrap .item-layer .layerBox .logoBox {background: #fff;filter: Alpha(opacity=80)}
.homepage-brands .item .item-wrap .item-layer .layerBox {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .8}
.homepage-brands .item .item-wrap .item-layer .logoBox {position: absolute;top: -40px;left: 50%;margin-left: -40px;width: 80px;height: 80px;border-radius: 50%;-webkit-border-radius: 50%}
.homepage-brands .item .item-wrap .item-layer .logoBox img {display: block;margin: 12px auto 0}
.homepage-brands .item .item-wrap .item-layer .layerTextBox {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center}
.homepage-brands .item .item-wrap .item-layer .layerTextBox p {margin-top: 10px;width: 100%;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.homepage-brands .item .item-wrap .item-layer .layerTextBox .cruiseName {margin-top: 15px;height: 22px;font-weight: 500;font-size: 22px;line-height: 22px}
.homepage-brands .item .item-wrap .item-layer .layerTextBox .cruiseTese {margin-top: 15px;color: #FF6600;}
.homepage-brands .item .item-wrap .item-layer .layerTextBox .cruiseNum {margin-top: 15px;height: 20px;font-size: 16px;line-height: 20px}
.homepage-brands .item .item-wrap .item-layer .layerTextBox .toKnow {display: inline-block;margin: 15px auto 0;padding: 0 10px;background: #3f81f7;color: #fff;height: 26px;font-size: 14px;line-height: 26px; border-radius: 20px;}
.homepage-brands .item .item-wrap:hover .item-layer {bottom:-1px;-bottom:-1px;transition-duration: 1s;}
/*游记攻略css*/
.homepage-guide .section-content {height: auto;}
.homepage-guide .guideList-picul {display: flex;justify-content: space-between;}
.homepage-guide .guideList-picul .item {position: relative;width: -webkit-calc(33.33333% - 20px);height: auto;cursor: pointer; background:#FFFFFF;border-radius: 6px; overflow: hidden;}
.homepage-guide .guideList-picul .item .item-wrap {display: block; margin: 0px;}
.homepage-guide .guideList-picul .item .author {display: flex;align-items: center;z-index: 999;position: absolute;left: 20px;top: 20px;color: #fff;}
.homepage-guide .guideList-picul .item .author .author-img { width: 32px; height: 32px; margin-right:10px; border-radius: 50%;overflow: hidden; background-color: #F5F5F5;}
.homepage-guide .guideList-picul .item .author .author-img img { width: 100%; height: 100%;}
.homepage-guide .guideList-picul .item .like-tag {z-index: 999;position: absolute;right: 20px;top: 20px;display: flex;align-items: center;padding: 5px 10px;color: #fff;background-color: rgba(0, 0, 0, .5);border-radius: 3px;font-size: 14px;}
.homepage-guide .guideList-picul .item .like-tag i {font-size: 14px;color: #fff;margin-right: 5px;}
.homepage-guide .guideList-picul .item .item-thumb {position: relative;height: 210px;overflow: hidden;}
.homepage-guide .guideList-picul .item .item-thumb img {display: block;width: 100%;height: 100%;object-fit: cover;transition: opacity 1s, transform 1s;}
.homepage-guide .guideList-picul .item .item-media {padding: 15px 20px 20px;line-height: 1.5;}
.homepage-guide .guideList-picul .item .item-media .item-title {height: 48px;font-size: 16px;font-weight: 700;}
.homepage-guide .guideList-picul .item .item-media .item-text { margin-top: 15px;font-size: 14px;color: #999999;}
.homepage-guide .guideList-picul .item .item-thumb img.lazy-img {-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;}
.homepage-guide .guideList-picul .item:hover .item-thumb img.lazy-img { -webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
/*聚焦邮轮css*/
.homepage-follow .section-wrap {display: flex;justify-content: space-between;}
.homepage-follow .section-item {width: -webkit-calc(50% - 15px);}
.homepage-follow .section-item .section-content {padding: 20px 20px;background: #FFFFFF;overflow: hidden; border-radius: 6px;}
/*=========列表 CSS=========*/
/*column*/
.column-body {margin-bottom: 20px;padding: 0px;background: rgba(255, 255, 255, .6);border-radius: 6px;overflow: hidden;}
.column-header {display: flex;justify-content: space-between;border-bottom: 1px #eee solid;background: #fff;overflow: hidden;}
.column-header .column-name {display: block;font-size: 22px;}
.column-header .column-nav {width: 100%;height: 100%;display: flex;align-items: center;}
.column-header .column-nav li {padding: 0 20px;}
.column-header .column-nav li a {position: relative;display: inline-block;line-height: 50px;font-size: 18px;box-sizing: border-box;}
.column-header .column-nav li a::after {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%); width: 0%;height: 3px;background-color: #00b0ff;transition: all 0.8s; border-radius: 6px;}
.column-header .column-nav li.active a {font-size: 18px;color: #00b0ff;font-weight:bold;}
.column-header .column-nav li.active a::after ,.cruise-news .column-header .column-nav li:hover a::after {width: 100%;}
/*module-title*/
.column-title {position:relative;margin-bottom: 0px;padding: 10px 20px 10px;height: 30px;line-height: 30px; border-bottom: 1px #eee solid;overflow: hidden;display: flex;justify-content: space-between;justify-content: space-between;}
.column-title .column-name {display: block; font-size: 22px;}
.column-title .column-name .icon-star {margin-right: 5px;font-size: 22px;color: #ff9900;font-weight:bold;}
.column-title .column-name .icon-star:before {}
/* excerpt-list*/
.excerpt-list {overflow: hidden; }
.excerpt-list .item{margin-top: 0px;padding: 20px; height: auto;border-bottom: 1px #eee solid; background: rgba(255, 255, 255, .6);overflow: hidden;}
.excerpt-list .item:hover{ background: #fafafa;-webkit-transition: all .2s linear;transition: all .2s linear;cursor: pointer; }
.excerpt-list .item .item-pic{width: 180px;height: 120px;float: left;display: inline-block;margin-right: 15px;position: relative;overflow: hidden;border-radius: 6px;}
.excerpt-list .item .item-pic img{ width:100%; min-height: 100%; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s}
.excerpt-list .item .item-pic img:hover {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.excerpt-list .item .item-title{line-height: 20px;margin-bottom: 15px;overflow: hidden;}
.excerpt-list .item .item-title a{display: inline-block;width: 100%;font-size: 18px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
.excerpt-list .item .item-text{font-size: 14px;color: #888;line-height: 24px;height: 48px;margin-bottom: 15px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.excerpt-list .item .item-info {height: 20px;color:#666;font-size:13px;vertical-align: middle;overflow:hidden;} 
.excerpt-list .item .item-info span {float: left;margin-right:5px;color: #999;font-size: 13px;}
.excerpt-list .item .item-info span a{display:inline-block;padding:0px 3px;/* background: #f0f2f7; */font-weight:400;color:#999;border-radius: 6px;}
.excerpt-list .item .item-info span a:hover{color:#f85959}
.excerpt-list .item .item-info .item-class a{background:#e6f1fb;color:#f85959}
.excerpt-list .item .item-info .item-tags {max-width: 430px;overflow: hidden;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.excerpt-list .item .item-info .item-tags a{margin-right:8px;color:#535F78;}
.excerpt-list .item .item-info .item-class a:first-child{background:#e6f1fb;color:#06c}
.excerpt-list .item .item-info .item-class a:hover{background:#e6f1fb;color:#06c}
.excerpt-list .item .item-info .item-time{float: right;}
.excerpt-list .item .item-fourpics {margin: 15px 0;overflow: hidden;}
.excerpt-list .item .item-fourpics .item-pic { float: left; width: 195px;height: 116px; margin-right: 20px; position: relative; overflow: hidden; transform-style: preserve-3d; display: list-item;}
.excerpt-list .item .item-fourpics .item-pic:last-child{margin-right:0;}
.excerpt-list .item .item-fourpics .item-pic img {display: block;width: 100%; min-height: 100%; transition: transform .5s ease .1s;-webkit-transition: -webkit-transform .5s ease .1s;}
.excerpt-more {text-align: center; height: 58px;line-height: 58px; border-top: 0px solid #eee;}
.excerpt-more>a:after{content:"";display:inline-block;width:6px;height:11px;margin-left:8px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5.5l5 5.04-5 4.96' stroke='%23111E36' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%}

/*====== sidebar css ======*/
.cruise-widget{position: relative;margin-bottom:20px; border-radius: 6px;background: rgba(255, 255, 255, .8);overflow:hidden;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.cruise-widget .widget-wrap{display:block; padding:0px 18px;}
.cruise-widget.widget-fixed{position: relative;width: 300px;}
/*widget-title*/
.cruise-widget .widget-title {position:relative; padding: 15px 18px 15px;border-bottom: 1px solid #eee;display: flex;justify-content: space-between;}
.cruise-widget .widget-title h3 {position:relative;font-size:16px;line-height: 16px;font-weight:600;margin:0;padding-left:15px;}
.cruise-widget .widget-title h3:before {content:"";position:absolute;top:0px;left:0;height: 16px;width:5px;border-radius:2px;background-color:#00a4ff}
.cruise-widget .widget-title a.more {position absolute;top: 0px;right: 0;font-size: 14px;color: #999;}
.cruise-widget .widget-title a.more :hover {color:#00a4ff}
.cruise-widget .btn-more { display: block;margin: 15px 32% 15px; padding: 0px 15px; line-height: 30px;border:1px solid #0099FF; font-size: 14px;color: #0099FF; border-radius: 30px;}
.cruise-widget .btn-more:hover { background: #0099FF; color: #fff;}
.cruise-widget .infolist-titul.list-dot li {padding: 12px 0;border-top: none;border-bottom: 1px #eee dashed;}
.cruise-widget .infolist-titul.list-dot li a {font-size: 15px;}
/*widget-wenda*/
.cruise-widget .widget-wenda {display: flex;flex-direction: column;}
.cruise-widget .widget-wenda .item-wrap {display: block;padding: 12px 18px;border-bottom: 1px solid #eee;display: flex; flex-direction: column;}
.cruise-widget .widget-wenda .item-wrap:hover {webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.cruise-widget .widget-wenda .item-wrap i {float:left; display: inline-block;margin-top: 1px;width: 20px; height: 20px;line-height: 20px; margin-right: 10px;font-size: 15px;color: #fff;border-radius: 50%;text-align: center;}
.cruise-widget .widget-wenda .item-wrap span {display: block;}
.cruise-widget .widget-wenda .item-wrap .item-wen {margin-bottom: 8px;height 20px;line-height: 20px;}
.cruise-widget .widget-wenda .item-wrap .item-wen i {background: #ff6600;}
.cruise-widget .widget-wenda .item-wrap .item-wen span {font-size: 16px;font-weight: 500;}
.cruise-widget .widget-wenda .item-wrap .item-da {display: block;}
.cruise-widget .widget-wenda .item-wrap .item-da i {margin-top: 4px;background: #11cc00;}
.cruise-widget .widget-wenda .item-wrap .item-da span {font-size: 12px;line-height: 18px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.cruise-widget .widget-wenda .item-wrap:hover .item-wen span {color: #ff6600;}
/*widget-route*/
.cruise-widget .widget-route {margin: 0px;padding: 0px; border-radius: 0px; }
.cruise-widget .widget-route .item-linka,.cruise-widget .widget-route .item-linkb { display: block; display: flex; justify-content: space-between;border-bottom: 1px solid #eee; padding: 10px 0;}
.cruise-widget .widget-route .item-linka .item-pic,.cruise-widget .widget-route .item-linkb .item-pic { width: 40px; height: 40px;}
.cruise-widget .widget-route .item-linka .item-pic img,.cruise-widget .widget-route .item-linkb .item-pic img { width: 100%; height: 100%;border-radius: 6px; }
.cruise-widget .widget-route .item-linka .item-meta,.cruise-widget .widget-route .item-linkb .item-meta { width:calc(100% - 50px);}
.cruise-widget .widget-route .item-linka .item-name-pre { display: flex; justify-content: space-between; margin-bottom: 6px; }
.cruise-widget .widget-route .item-linka .item-name-pre .item-name { width: 60%; color: #000; font-weight: bold; font-size: 14px;}
.cruise-widget .widget-route .item-linka:hover .item-name-pre .item-name { color: #ff9900;}
.cruise-widget .widget-route .item-linka .item-name-pre .item-pre { width: 40%;text-align: right;}
.cruise-widget .widget-route .item-linka .item-name-pre .item-pre span { color: #ff0000; font-size: 14px;}
.cruise-widget .widget-route .item-linka .item-hqx { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #535F78; margin-top: 10px;}
.cruise-widget .widget-route .item-linka .item-hqs {font-size: 12px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.cruise-widget .widget-route .item-linkb .item-name-pre { display: flex; justify-content: space-between; margin-top: 6px;}
.cruise-widget .widget-route .item-linkb .item-name { color: #000; font-weight: bold; font-size: 14px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cruise-widget .widget-route .item-linkb:hover .item-name { color: #ff9900;}
.cruise-widget .widget-route .item-linkb .item-pre { width: 30%;text-align: right;font-size: 14px;}
.cruise-widget .widget-route .item-linkb .item-pre span { color: #ff0000; }
.cruise-widget .widget-route .item-linkb .item-cname { width: 70%;font-size: 12px;color: #0099FF; }	
/*widget-city-picul*/
.cruise-widget .widget-city-picul {margin-bottom: 15px;overflow: hidden;}
.cruise-widget .widget-city-picul .item {float: left;width: -webkit-calc(50% - 8px);margin: 15px 15px 0px 0; }
.cruise-widget .widget-city-picul .item:nth-of-type(2n) { margin-right: 0;}
.cruise-widget .widget-city-picul .item .des-pic {position: relative;width: 100%;height: 90px;display: block;overflow: hidden;}
.cruise-widget .widget-city-picul .item .des-pic img {width: 100%;min-height: 100%; position: absolute;}
.cruise-widget .widget-city-picul .item .des-pic span {position: absolute;bottom: 0;width: 100%;line-height: 30px;text-align: center;background: rgb(0 0 0 / 58%); color: #fff;z-index: 9999;font-size: 14px;}
/*============ 资讯 CSS ============*/
/*article-body*/
.cruise-news .article-body {position: relative;padding: 0px 0px;background: #ffffff;border-radius: 6px;overflow: hidden;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);
    box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.cruise-news .article-body .article-header {position: relative;margin:0px 30px;padding:30px 0px 10px;text-align: center; border-bottom: 1px solid #eee; }
.cruise-news .article-body .article-header .article-title {font-size: 24px;font-weight:500;clear: both;margin-bottom: 20px;}
.cruise-news .article-body .article-header .article-meta {border-bottom:0px solid #eee;/* height: 31px; */line-height: 1.5;/* padding-top: 15px; *//* margin-bottom: 20px; */display: block;}
.cruise-news .article-body .article-header .article-meta span {color: #999;font-size:14px;margin-right: 10px;/* line-height: 16px; *//* height: 16px; */}
.cruise-news .article-body .article-header .article-meta span a {color: #00a2ff; background-color: transparent; -webkit-text-decoration-skip: objects;}
.cruise-news .article-body .article-header .article-meta span a:hover {color: #f80;}
.cruise-news .article-body .article-header .article-meta .icon-date{margin-right:3px;}
.cruise-news .article-body .article-summary {margin: 15px 0px; padding: 15px 20px;color: #666;line-height: 1.5;font-size: 14px;border-radius: 6px;background-color: #f6f7fb;}
.cruise-news .article-body .article-summary p{/* height: 40px; */line-height: 24px;font-size: 14px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.cruise-news .article-body .article-content {margin: 0; padding:10px 30px;font-size: 16px;line-height: 31px;overflow: hidden;}
.cruise-news .article-body .article-content p{display:block; margin: 15px 0; clear:both; /*text-indent: 2em; text-align: justify;*/overflow:visible;word-break:break-all}
.cruise-news .article-body .article-content a.infotextkey{color: #379be9;border-bottom: 1px dashed #3687d9;}
.cruise-news .article-body .article-content a:hover {color:#f80; font-weight:bold;text-decoration: none; border-bottom: 1px solid #f80;}
.cruise-news .article-body .article-content img {/*display: block;*/max-width: 600px;height:auto; margin:10px auto; vertical-align: middle; border:0}
.cruise-news .article-body .article-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.cruise-news .article-body .article-content .keylink:hover{color:#ff0000;} 
.cruise-news .article-body .article-content table{ max-width:90%; min-width:600px; margin:10px auto 20px; border:1px solid #ddd;border-collapse:collapse;}
.cruise-news .article-body .article-content table tr:nth-child(2n+1){ background-color: #f6f8fb;}
.cruise-news .article-body .article-content table th,.article-body .article-content table td{line-height: 20px;text-align:center;padding-top: 5px;padding-bottom: 5px;padding: 8px;border: 1px solid #ddd;}
.cruise-news .article-body .article-content table thead th{/*background: #e9f7ff;*/font-weight:700;}
.cruise-news .article-body .article-content table tbody th{/*background: #f8f8f8;*/font-weight:500;}
.cruise-news .article-body .article-content table tbody p {text-align:center;}
/*post-navigation*/
.cruise-news .article-body .post-navigation {margin: 0px 0px; clear: both; border-radius: 6px; overflow: hidden; border-top: 1px #eee solid;}
.cruise-news .article-body .post-navigation .content {padding: 20px 20px; background: #ffffff;overflow: hidden;}
.cruise-news .article-body .post-navigation .twofifth { display: block; position: relative; width: -webkit-calc(50% - 50px); font-size: 15px; color: #999; margin:0px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cruise-news .article-body .post-navigation .post-next { float: right; text-align: right; padding-right: 40px; }
.cruise-news .article-body .post-navigation .post-prev { float: left; padding-left: 40px; }
.cruise-news .article-body .post-navigation .twofifth a {height: 40px;overflow: hidden;}
.cruise-news .article-body .post-navigation .twofifth:after { position: absolute; color: #CCC; font-size: 56px; margin-top: -11px; height: 22px; line-height: 22px; top: 34%; }
.cruise-news .article-body .post-navigation .post-prev:after { content: '«'; left: 0px; }
.cruise-news .article-body .post-navigation .post-next:after { content: '»'; right: 0px; }
.cruise-news .article-body .post-navigation .post-prev:hover:after,
.cruise-news .article-body .post-navigation .post-next:hover:after{color:#00b0ff; }
/*article-tags*/
.cruise-news .article-tags{display: block;vertical-align: middle; margin:20px 20px;line-height: 20px; font-size: 15px;text-align center;}
.cruise-news .article-tags a{display: inline-block; margin-bottom: 0px;margin-right: 5px;border: 0px #eee solid; border-radius: 6px;}
.cruise-news .article-tags a:hover{text-decoration:none;border: 0px #00bcdc solid; /*background: #00bcdc;color: #FFFFFF;*/}
.cruise-news .article-tags a:after {content: "/";padding-left: 8px; color: #e0e0e0;}
.cruise-news .article-tags a:last-child:after {content: "";}
.cruise-news .article-tags i{float: left;display: block;width: 20px;height: 16px;margin: 5px 5px 0 0px;}
.cruise-news .article-tags span {font-size: 15px;font-weight: bold;color:#0099FF;}
.cruise-news .article-tags span.icon-tag:before {font-size: 15px;}
/*article-related*/
.cruise-news .article-related { position: relative;width: 100%;margin: 20px auto; background: rgba(255, 255, 255, .8);border-radius: 6px;overflow: hidden;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%); box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.cruise-news .article-related .module-title {position: relative;margin-bottom: 0px; padding: 15px 20px 10px;display: flex;justify-content: space-between;border-bottom: 1px #eee solid;}
.cruise-news .article-related .module-title-name {display: block;font-size: 22px;}
.cruise-news .article-related .excerpt-list {margin: 0px;}
.cruise-news .article-related .excerpt-list .item {margin:0;padding: 20px 20px;border-radius: 0px;}
/*============ 问答 CSS ============*/
.cruise-wenda {position:relative;display: block;}
.cruise-wenda .column-body {padding: 0px;}
.cruise-wenda .column-header {position:relative;overflow: hidden;display: flex;justify-content: space-between; background: #fff;padding: 10px 20px;}
.cruise-wenda .column-content {padding: 20px;}
/*问答列表*/
.cruise-wenda .wenda-list {display: block;}
.cruise-wenda .wenda-list .item {padding-top: 20px;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);background: #fff;border-radius: 6px; overflow: hidden;}
.cruise-wenda .wenda-list .item + .item {margin-top: 20px;}
.cruise-wenda .wenda-list .item .item-linka {display: block;}
.cruise-wenda .wenda-list .item .item-linka i {float: left; display: inline-block; margin-top: 1px; margin-right: 10px; width: 20px; height: 20px; line-height: 20px;font-size: 15px;color: #fff; border-radius: 3px;text-align: center; background: #ff6600;}
.cruise-wenda .wenda-list .item .item-linka .item-wen {margin-bottom: 15px;padding: 0 20px;line-height: 20px;}
.cruise-wenda .wenda-list .item .item-linka .item-wen i {display: block;}
.cruise-wenda .wenda-list .item .item-linka .item-wen h3 {width: 95%;font-weight: bold; font-size: 18px; display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cruise-wenda .wenda-list .item .item-linka .item-da {padding: 0 20px;position: relative;}
.cruise-wenda .wenda-list .item .item-linka .item-da i {margin-top: 4px;background: #11CC00;;}
.cruise-wenda .wenda-list .item .item-linka .item-da .item-tsp { display: inline-block; margin-bottom: 20px;line-height: 1.5;font-size: 15px;color: #535F78; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.cruise-wenda .wenda-list .item .item-linka .item-meta {padding: 10px 20px;display: flex;justify-content: space-between;font-size: 14px;color: #999; background: #fbfbfb;border-top: 1px solid #eee;}
.cruise-wenda .wenda-list .item .item-linka .item-meta .item-ltj { width: 30%; display: flex;justify-content: space-between;}
.cruise-wenda .wenda-list .item .item-linka .item-meta .item-ltj span{ width: 30%;}
.cruise-wenda .wenda-list .item .item-linka .item-meta .item-ltj span:before {margin-right:5px;font-size: 16px;}
.cruise-wenda .wenda-list .item .item-linka .item-meta .item-rtj {display: block;}
.cruise-wenda .wenda-list .item .item-linka:hover .item-wen h3 {color: #ff6600;}
.cruise-wenda .wenda-list .item .item-linka:hover .item-meta {border-top: 1px solid #ff6600;}
.cruise-wenda .wenda-more { margin-top: 20px;text-align: center; height: 36px;line-height:36px; border-top: 0px solid #eee;}
.cruise-wenda .wenda-more>a:after{content:"";display:inline-block;width:6px;height:11px;margin-left:8px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5.5l5 5.04-5 4.96' stroke='%23111E36' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%}
/*问答内容*/
.cruise-wenda .wenda-body {position: relative;padding: 0px 0px;}
.cruise-wenda .wenda-body .wenda-item {margin-bottom: 20px;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);background: rgba(255, 255, 255, .8);border-radius: 6px; overflow: hidden;}
.cruise-wenda .wenda-body .wenda-item .item-wrap {padding: 20px 20px;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);overflow: hidden;}
.cruise-wenda .wenda-body .wenda-item i {float: left; display: inline-block; margin-top: 1px; width: 20px; height: 20px; line-height: 20px; margin-right: 10px; color: #fff; border-radius: 3px;text-align: center; background: #ff7800;}
.cruise-wenda .wenda-body .wenda-item .item-question {margin-bottom: 20px;padding: 0 0px;line-height: 20px;}
.cruise-wenda .wenda-body .wenda-item .item-question i {display: block;font-size: 16px;}
.cruise-wenda .wenda-body .wenda-item .item-question h3 {width: 95%;font-weight: bold; font-size: 18px; display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cruise-wenda .wenda-body .wenda-item .item-question-des {margin: 10px 0;font-size: 14px;font-weight: normal; color: #535F78;line-height: 20px;}
.cruise-wenda .wenda-body .wenda-item .item-answer {display: block;margin:0px 0;padding: 10px 20px;font-size: 15px;font-weight: normal; color: #535F78;line-height: 30px; -webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%); box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);border-radius: 6px; overflow: hidden;}
.cruise-wenda .wenda-body .wenda-item .item-answer p {display: block;margin:10px 0;line-height: 30px;}
.cruise-wenda .wenda-body .wenda-item .item-answer ul {margin-left: 50px;}
.cruise-wenda .wenda-body .wenda-item .item-answer ul li {list-style-type: circle;}
.cruise-wenda .wenda-body .wenda-item .item-meta {padding: 10px 20px;display: flex;justify-content: space-between;font-size: 14px;color: #999; background: #fbfbfb;border-top: 1px solid #eee;}
.cruise-wenda .wenda-body .wenda-item .item-meta .item-ltj { width: 30%; display: flex;justify-content: space-between;}
.cruise-wenda .wenda-body .wenda-item .item-meta .item-ltj span{ width: 30%;}
.cruise-wenda .wenda-body .wenda-item .item-meta .item-ltj span:before {margin-right:5px;font-size: 16px;}
.cruise-wenda .wenda-body .wenda-item .item-meta .item-rtj {display: block;}
/*user-wrap*/
.cruise-wenda .wenda-body .wenda-item .user-wrap {margin-bottom: 20px;display: flex; justify-content: space-between;}
.cruise-wenda .wenda-body .wenda-item .user-wrap .txm { display  flex; width: 50%;}
.cruise-wenda .wenda-body .wenda-item .user-wrap .txm .toux {float: left;width: 39px;height: 39px; margin-right: 10px; border-radius: 50px;}
.cruise-wenda .wenda-body .wenda-item .user-wrap .txm .toux img {width: 100%; border-radius: 50px;}
.cruise-wenda .wenda-body .wenda-item .user-wrap .txm .name {float: left;}
.cruise-wenda .wenda-body .wenda-item .user-wrap .txm .name .user { display: inline-block; color: #000000;font-size: 14px; font-weight: bold;}
.cruise-wenda .wenda-body .wenda-item .user-wrap .txm .name span { margin-left: 5px; display: inline-block;border-radius: 6px; font-size: 12px;color: #fff; padding: 0 5px; background: #ffa922;}
.cruise-wenda .wenda-body .wenda-item .user-wrap .fab {font-size: 12px;color: #ccc;}
.cruise-wenda .wenda-body .wenda-item .user-wrap .gzhd { display flex; width 24%; justify-content: space-between;}
.cruise-wenda .wenda-body .wenda-item .user-wrap .gzhd div { float: right;margin-left: 20px;border-radius: 6px; line-height: 36px;padding: 0 10px; font-size: 14px; }
.cruise-wenda .wenda-body .wenda-item .user-wrap .gzhd div:hover { background: #ff9900; color: #fff; cursor: pointer;}
.cruise-wenda .wenda-body .wenda-item .user-wrap .gzhd .gz { border:1px solid #ddd; }
.cruise-wenda .wenda-body .wenda-item .user-wrap .gzhd .hd { background: #0099FF; color: #fff; }

/*============ 邮轮船队 CSS ============*/
/*titleC
.titleC {width: 100%; padding-bottom:15px; text-align: center; overflow: hidden}
.titleC h3 {color: #373d43; font-size: 26px; font-weight: 500;}
.titleC p {height: 16px;color: #999;font-size: 16px; font-weight: 400; margin-top: 5px;letter-spacing: 1px; text-transform: uppercase;}
.titleC p span {background: #f8f8f8; padding: 0 20px;}
.titleC p:after {content: '';width: 360px;height: 1px;background: #eaeaea;display: block; margin: -10px auto 40px;}
.cruise-brands .module-title .module-name {font-size: 24px;}*/
/*====== 邮轮品牌 CSS ====== */
.cruise-brands .ship-brands-body { margin: 20px 0;}
.cruise-brands .ship-brands-body .brands-content {}
/* brands-top */
.cruise-brands .ship-brands-top { background: url(../images/baike2.jpg);background-size: 100% 400px;height: 300px;min-width: 1160px;}
.cruise-brands .ship-brands-top .brands-search {width: 530px;margin: 0 auto;padding-top: 110px;overflow: hidden;}
.cruise-brands .ship-brands-top .brands-search .search-box {padding: 10px;border-radius: 8px;background: hsla(0,0%,94%,.6); -webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);}
.cruise-brands .ship-brands-top .brands-search .search-box .search-form {position:relative;}
.cruise-brands .ship-brands-top .brands-search .search-box .search-form input {height: 40px;line-height: 40px;padding: 5px 60px 5px 15px; border: 0; overflow: hidden;-webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; outline: none; width: 100%; box-sizing: border-box;font-size: 14px;color: #999;}
.cruise-brands .ship-brands-top .brands-search .search-box .search-form .search-btn { cursor: pointer; display: block; width: 60px; height: 20px; overflow: hidden; position: absolute; right: 15px; top: 10px; background-color: #fff; color: #0099FF;}
.cruise-brands .ship-brands-top .brands-search .search-box .search-form .search-btn .icon-search{margin-right: 5px; font-size: 16px;color: #0099FF;}
.cruise-brands .ship-brands-top .brands-search .hot-ships {margin: 10px 5px; line-height: 20px;font-size: 12px;color: #fff;}
.cruise-brands .ship-brands-top .brands-search .hot-ships a {padding: 0 6px;color: #fff;}
/* brands-head */
.cruise-brands .ship-brands-body .brands-head {position: relative; padding: 10px;margin: 20px 0; background: #fff; border-radius: 6px;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.cruise-brands .ship-brands-body .brands-head .brands-logo {display: flex;flex-wrap: wrap;}
.cruise-brands .ship-brands-body .brands-head .brands-logo .item { width: 12.5%;text-align: center; }
.cruise-brands .ship-brands-body .brands-head .brands-logo .item a {width: 90%; margin: 5%; padding: 5px; display: flex; flex-direction: column; align-items: center; box-sizing: border-box;border-radius: 6px; border: 1px solid #ddd;text-align: center;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 10%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 10%);} 
.cruise-brands .ship-brands-body .brands-head .brands-logo .item a .item-logo {width: 95%; height: 35px; overflow: hidden; margin: 0 auto;}
.cruise-brands .ship-brands-body .brands-head .brands-logo .item a .item-logo img {height: 100%;-webkit-transition: all .5s linear;transition: all .5s linear;display: inline;}
.cruise-brands .ship-brands-body .brands-head .brands-logo .item a span {font-size: 12px;}
.cruise-brands .ship-brands-body .brands-head .brands-logo .item a:hover .item-logo img {-ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8);}
/**brands-list**/
.cruise-brands .ship-brands-body .brands-list {}
.cruise-brands .ship-brands-body .brands-list .item {position: relative;padding: 20px;margin: 20px 0; background: #fff; border-radius: 6px;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.cruise-brands .ship-brands-body .brands-list .item .item-top {display: flex;justify-content: space-between;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-pic {position:relative;width:260px;height:160px;-webkit-box-shadow:0 4px 16px 1px rgb(0 0 0 / 10%);box-shadow:0 4px 16px 1px rgb(0 0 0 / 10%);border-radius: 8px;overflow: hidden;border: 1px solid #ddd;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-pic .item-bgimg {}
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-pic .item-bgimg img {width: 100%;height: 100%;top: 0;left: 0;position:absolute;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-pic .item-logo {width: 150px;height: 50px;padding:10px;top: 45px; left: 45px;position: absolute;text-align: center; background: hsla(0, 0%, 100%, 0.7); border-radius: 6px;overflow: hidden;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-pic .item-logo img {max-width: 100%;height: 100%;text-align: center;border-radius: 6px;}	
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-meta {width: -webkit-calc(100% - 280px);display: flex;justify-content: space-between;flex-direction: column;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-meta .item-meta-head {display: flex;justify-content: space-between;flex-direction: row; border-bottom: 1px #eee solid;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-meta .item-mlogo-name { display: flex; padding-bottom: 10px; border: 0px #eee solid;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-meta .item-mlogo {width: 45px;height: 45px;margin-right: 10px;border-radius: 8px;background  #eee;border: 1px #eee solid;overflow: hidden;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-meta .item-mlogo img {width: 100%;height: 100%;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-meta .item-name {display: flex;flex-direction: column;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-meta .item-name .item-cname {line-height: 22px;font-size: 22px;font-weight bold;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-meta .item-name .item-ename {margin-top: 5px;font-size: 14px;color: #999;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-meta .item-intro {line-height: 28px; font-size: 15px; color: #535F78;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-info {display: flex;justify-content: space-between;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-info .item-ships {height: 22px;margin-top: 5px;overflow: hidden;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-info .item-ships span {margin-right: 20px; font-size: 14px; color: #535F78;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-info .item-ships span:before {margin-right: 5px;font-size: 16px;color: #ff9900;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .item-info .item-ships span.icon-date em {font-size: 16px; color: #ff6600;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .btn-more {display: inline-block;height: 22px;margin-top: 0px;padding: 7px 10px 7px 15px; border-radius: 6px; font-size: 16px; background: #0099FF; color: #fff;}
.cruise-brands .ship-brands-body .brands-list .item .item-top .btn-more:hover { background: #ff6600; color: #fff;}
/*====== 邮轮船队 CSS ====== */
/**ship-brand**/
.cruise-brands .ship-brand-top {position: relative; height: 400px;min-width: 100%;overflow: hidden;}
.cruise-brands .ship-brand-bananer {position: absolute; height: 400px;min-width: 100%;overflow: hidden; background-size: 100% 500px;}
.cruise-brands .ship-brand-bananer img {margin-top: -80px;min-height: 100%;min-width: 100%;}
.cruise-brands .ship-brand-head {position: relative; width: 1200px;margin: 0 auto;height: 400px;}
.cruise-brands .ship-brand-head .ship-brand-summary {position: absolute;z-index: 3;left:0;bottom: 0; width: 100%; min-height: 100px;padding: 0px; border-radius: 10px 10px 0 0;background: #ffffff;}
.cruise-brands .ship-brand-head .ship-brand-summary .ship-brand-content {width:1160px;height:60px;padding:20px 20px 20px;position:absolute;display: flex; justify-content: space-between;}
.cruise-brands .ship-brand-head .ship-brand-summary .ship-brand-content .ship-brand-logo {float:left;width:auto;height:60px;border-radius: 8px;overflow: hidden;}
.cruise-brands .ship-brand-head .ship-brand-summary .ship-brand-content .ship-brand-logo img{width:100%;height:100%;}
.cruise-brands .ship-brand-head .ship-brand-summary .ship-brand-content .ship-brand-name {margin:0px;text-align: center;}
.cruise-brands .ship-brand-head .ship-brand-summary .ship-brand-content .ship-brand-name h1{margin-bottom:5px;padding-bottom: 5px; line-height: 30px; border-bottom: 1px solid #ddd;font-size:26px;color:#333; font-weight: 600;}
.cruise-brands .ship-brand-head .ship-brand-summary .ship-brand-content .ship-brand-name p {color:#666;font-size:16px;}
.cruise-brands .ship-brand-head .ship-brand-summary .ship-brand-content .in_line {color: #999;margin: 0 10px;}
.cruise-brands .ship-brand-head .ship-brand-summary .ship-brand-content .ship-brand-amount {margin: 15px 0 0; color:#333; font-size: 16px; vertical-align: -3px;}
.cruise-brands .ship-brand-head .ship-brand-summary .ship-brand-content .ship-brand-amount em {margin:0 2px; color: #ff6600; font-weight:500; font-size: 22px;}
/**ship-brand**/
.cruise-brands .ship-brand-body {}
.cruise-brands .ship-brand-body .ship-brand-intro {position: relative;padding: 10px 20px;border-top: 1px #eee solid;background: #fff;border-radius: 0px 0px 10px 10px;}
.cruise-brands .ship-brand-body .ship-brand-intro p {margin: 10px 0px;line-height: 22px;font-size: 14px;color: #535F78;text-indent: 0em;}
.cruise-brands .ship-brand-body .ship-brand-intro .clogo {margin-right: 20px;}
.cruise-brands .ship-module {margin-bottom: 20px;}
.cruise-brands .ship-module .module-content {}
/*shiplist-picul*/
.cruise-brands .ship-brand-body .shiplist-picul {}
.cruise-brands .ship-brand-body .shiplist-picul .item { position:relative;margin-bottom:20px; padding:20px 20px; min-height:180px; border-bottom:0px solid #e5e5e5; background: #FFF;border-radius: 8px;overflow:hidden;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-wrap {display: flex; justify-content: space-between;}
.cruise-brands .ship-brand-body .shiplist-picul .item:last-child { border-bottom:none; }
.cruise-brands .ship-brand-body .shiplist-picul .item:hover { -webkit-box-shadow:0 2px 8px rgba(51,51,51,0.15); -moz-box-shadow:0 2px 8px rgba(51,51,51,0.15); box-shadow:0 2px 8px rgba(51,51,51,0.15); }
.cruise-brands .ship-brand-body .shiplist-picul .item .item-pic { position:absolute; width:300px; height:180px; left:20px; top:20px;border-radius: 8px;overflow:hidden;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 10%); box-shadow: 0 4px 16px 1px rgb(0 0 0 / 10%);}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-pic img { width:100%; min-height:100%; display:block; }
.cruise-brands .ship-brand-body .shiplist-picul .item .item-text { padding-left:320px; } 
.cruise-brands .ship-brand-body .shiplist-picul .item .item-name { display: flex;flex-direction: row;justify-content: space-between;}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-name-in {width: 400px;height:auto;float: left;display: flex;flex-direction: column;}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-name-in h3 {margin-bottom:10px;line-height:24px;font-size:24px; color:#333;overflow:hidden}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-name-in .enName {line-height:20px; font-size: 18px; color:#999}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-comm-in {width:130px; float:right;text-align:right}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-comm-in p{color:#999;font-size:13px}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-comm-in p a{color:#333}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-comm-in .ping-num {color:#999}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-summary {width:100%;margin:20px 0 15px; font-size:14px; overflow: hidden;}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-summary dl{padding:15px 0; line-height:20px; display: flex; justify-content: space-between;border-top: 1px #eee solid;border-bottom: 1px #eee solid;overflow:hidden;}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-summary dl dd{float:left; white-space:nowrap; margin-right:20px;color:#666}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-summary dl dd span {font-size:15px;font-weight:bold;}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-intro {line-height:24px;font-size:14px;color:#999;overflow:hidden; }
.cruise-brands .ship-brand-body .shiplist-picul .item .item-intro .item-more {margin-left: 10px;color: #0099FF;}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-intro .item-more:hover {color: #ff6600;}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-top {display: flex;justify-content: space-between;flex-direction: row;}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-top .item-mlogo-name { display: flex;}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-top .item-mlogo-name .item-mlogo {width: 45px;height: 45px;margin-right: 10px;border-radius: 6px;overflow: hidden;}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-top .item-mlogo-name .item-mlogo img {width: 100%;height: 100%;}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-top .item-mlogo-name .item-name {display: flex;flex-direction: column;justify-content: space-between;}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-top .item-mlogo-name .item-name .cnName {line-height: 22px;font-size: 22px;}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-top .item-mlogo-name .item-name .enName {margin-top: 0px;font-size: 14px;color: #999;}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-top .item-comm-in {width:130px; float:right;text-align:right}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-top .item-comm-in p {margin: 0px;color:#999;font-size:13px}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-top .item-comm-in p a{color:#333}
.cruise-brands .ship-brand-body .shiplist-picul .item .item-top .item-comm-in .ping-num {margin-top: 5px;color:#999}
/*====== 邮轮船只 CSS ====== */
/*ship-detail-top*/
.cruise-brands .ship-detail-top {position: relative;height: 400px;min-width: 100%;}
.cruise-brands .ship-detail-bgimg { position: absolute; width: 100%; min-height: 400px;background-image: url(../images/topbg.jpg); background-size: 100% 500px; overflow: hidden;}
.cruise-brands .ship-detail-top .ship-detail-head {position: relative;width: 1200px;height: 400px;margin: 0 auto; }
.cruise-brands .ship-detail-top .ship-detail-head .ship-pic {width: 100%;height: 400px;overflow: hidden;}
.cruise-brands .ship-detail-top .ship-detail-head .ship-pic img {width: 100%;min-height: 100%;margin-top: 0px;}
.cruise-brands .ship-detail-top .ship-detail-head .ship-logo-name {position: absolute;width:200px; height: auto;padding: 15px 15px 15px;left: 460px; bottom: -60px; box-shadow: 0 3px 10px 3px #d7d6d5; background: #fff; overflow: hidden;border-radius: 6px 6px 6px 6px;}
.cruise-brands .ship-detail-top .ship-detail-head .ship-logo-name .ship-logo {width: 200px; margin:0 auto 5px;height: 60px;text-align: center;}
.cruise-brands .ship-detail-top .ship-detail-head .ship-logo-name .ship-logo img {max-width: 100%;height: 100%;-webkit-transition: all .5s linear;transition: all .5s linear;display: inline;}
.cruise-brands .ship-detail-top .ship-detail-head .ship-logo-name .ship-name {font: 14px / 20px "microsoft yahei";text-align: center;color: #666;}
.cruise-brands .ship-detail-top .ship-detail-head .ship-logo-name .ship-name .chinese {font: 700 24px / 40px "microsoft yahei"; color: #333;height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cruise-brands .ship-detail-top .ship-detail-head .ship-logo-name .ship-name .english {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cruise-brands .ship-detail-top .ship-detail-head .ship-logo-name:hover .ship-logo img {-ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8);}
/**ship-detail-body**/
.cruise-brands .ship-detail-body {}
.cruise-brands .ship-detail-body .ship-summary {margin-bottom: 20px;}
.cruise-brands .ship-detail-body .ship-summary .content { padding: 90px 20px 20px ;border-top: 0px #eee solid; background: #fff;border-radius: 0px 0px 10px 10px;}
/*ship-parameter*/
.cruise-brands .ship-detail-body .ship-summary .ship-parameter {width:100%;display: flex;justify-content: space-around;overflow:hidden}
.cruise-brands .ship-detail-body .ship-summary .ship-parameter li {float:left; text-align: center;text-align: left;}
.cruise-brands .ship-detail-body .ship-summary .ship-parameter li .mes {color: #666;font-size:15px;}
.cruise-brands .ship-detail-body .ship-summary .ship-parameter li .num {margin-top:10px;height:30px;line-height: 32px;font-size:14px;color:#666;overflow:hidden}
.cruise-brands .ship-detail-body .ship-summary .ship-parameter li .num em{height:30px;line-height: 32px;font-size:32px;color:#0480d9;overflow:hidden}
.cruise-brands .ship-detail-body .ship-summary .ship-intro {position: relative; margin-top: 30px;padding-top: 10px;border-top: 1px #eee solid;line-height: 22px;font-size: 14px;color: #535F78;}
.cruise-brands .ship-detail-body .ship-summary .ship-intro p {margin: 10px 0px;}
.cruise-brands .ship-detail-body .ship-summary .ship-intro .clogo {margin-right: 20px;}
/*ship-content*/
.cruise-brands .ship-detail-body .ship-content {margin-bottom: 20px;}
.cruise-brands .ship-detail-body .ship-content .detail-nav { margin-bottom: 20px;border-radius: 6px;overflow: hidden;}
.cruise-brands .ship-detail-body .ship-content .detail-nav .detail-nav-ul {display: flex;justify-content: space-between;background: #FFFFFF;}
.cruise-brands .ship-detail-body .ship-content .detail-nav .detail-nav-ul li {width: 20%;font-size:20px;}
.cruise-brands .ship-detail-body .ship-content .detail-nav .detail-nav-ul li a{display: block; line-height: 50px;font-size:20px;text-align: center; border-right: 1px #fff solid;}
.cruise-brands .ship-detail-body .ship-content .detail-nav .detail-nav-ul li.current a,
.cruise-brands .ship-detail-body .ship-content .detail-nav .detail-nav-ul li:hover a{color: #FFFFFF;background: #0099ff;}
.cruise-brands .ship-detail-body .ship-content .detail-module {margin: 30px 0px;}
 /* roomGroup */
.roomGroup{ width:1200px;margin-top: 20px;}
.roomGroup .parHd{height:35px; text-align: center;position:relative;margin: 0 auto;margin-bottom: 20px;}
.roomGroup .parHd ul{height:35px;width: 440px;margin: 0 auto;}
.roomGroup .parHd ul li {float:left;padding:0 8px;margin:0 20px;height:35px;line-height:35px;cursor:pointer;color #FFF;font-size:18px;}
.roomGroup .parHd ul li.on{height:35px;color:#ff6600;font-weight:500;border-top:1px #ff6600 solid; border-bottom: 2px #ff6600 solid;}
.roomGroup .slideBox{ zoom:1; position:relative;   }
.roomGroup .sPrev,.roomGroup .sNext { position:absolute; top:100px; display:block; width:30px; height:80px;background:#FFF;box-shadow: 0 1px 5px 0px #d7d6d5;line-height: 80px; font-family: serif; font-size: 30px; text-align: center; font-weight: 700;color: #ff9900;}
.roomGroup .sPrev:hover,.roomGroup .sNext:hover { background:#0099ff;color: #ffffff;}    
.roomGroup .sPrev {left:-40px;border-radius: 10px 0px 0px 10px;}
.roomGroup .sNext {right:-40px;border-radius: 0px 10px 10px 0px;}
.roomGroup .parBd ul{ overflow:hidden; width:1200px; zoom:1;} 
.roomGroup .parBd ul li{width:488px;background:#FFF;float:left;_display:inline;overflow:hidden;}
.roomGroup .parBd ul li .pic{ text-align:center; }
.roomGroup .parBd ul li .pic img{ width:488px; height:250px; display:block;}
.roomGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.roomGroup .parBd ul li .title{ line-height:24px; padding:20px 0;}
.roomGroup .parBd ul li .title a{ color:#175ba9; font-size:18px;}
.roomGroup .parBd ul li .main{ height:80px;}
.roomGroup .parBd ul li .main dd{ width:140px; height:40px; line-height:40px; float:left; font-size:14px;}
.roomGroup .parBd ul li .main dd.bigw{ width:208px;}
/* room-summary */
.room_summary {width:1200px !important;margin-top:0px;width:100%;min-height:200px;float:left; overflow:hidden;display:inline; position:relative}
.room_summary:after, .room_summary:before {content: " ";display: table}
.room_summary:after {clear: both}
.room_summary .room_pic {height: 280px;width: 40%;display: block;float: left;min-height: 200px;position: relative;overflow: hidden;}
.room_summary .room_pic .room_pic_thumb {display: block; width: 100%; height: 100%; background-color: #ddd;transition: all 1s ease}
.room_summary .room_pic .room_pic_thumb :hover { -ms-transform: scale(1.05); transform: scale(1.05)}
.room_summary .room_pic .room_pic_thumb :hover img { opacity: .9}
.room_summary .room_pic .room_pic_thumb  img { display: block; width: 100%; height: 100%}
.room_summary .room_info {display: block;width: 60%;height: 280px;float: left;background-color: #fff;overflow: hidden;}
.room_summary .room_info .room_info_content {border: none;padding: 20px 20px;}
.room_summary .room_info .room_title {display: block; padding-bottom: 15px; border-bottom: 1px solid #efefef; font-size: 28px;font-weight: 500; color: #0097ed; text-align: left}
.room_summary .room_info .room_body{overflow: hidden;}
.room_summary .room_info .room_msg {font-size: 14px;background-color: #f6f6f6;overflow: hidden;}
.room_summary .room_info .room_msg .room_msg_item { display: inline-block; min-width: 10%;padding: 10px 20px;margin: 0;float: left;}
.room_summary .room_info .room_msg .room_msg_item span {display: block;line-height: 30px;color: #333}
.room_summary .room_info .room_msg .room_msg_item span b {font-size: 20px; margin-right: 3px; font-weight: 400}
.room_summary .room_info .room_into {position: relative;padding: 15px 0;font-size: 14px;font-weight: 400;color: #000}
.room_summary .room_info .room_into .room_into_text {height:72px;line-height:24px;color: #666; overflow: hidden}
/*canyinBox */
.canyinBox, .yuleBox, .fuwuBox{ width:1200px; margin-top:20px; }
.canyinBox .slideBox, .yuleBox .slideBox,.fuwuBox .slideBox{ zoom:1; position:relative;   }
.canyinBox .sPrev, .yuleBox .sPrev, .fuwuBox .sPrev,
.canyinBox .sNext, .yuleBox .sNext, .fuwuBox .sNext { position:absolute; top:100px; display:block; width:30px; height:80px;background:#FFF;box-shadow: 0 1px 5px 0px #d7d6d5;line-height: 80px; font-family: serif; font-size: 30px; text-align: center; font-weight: 700;color: #ff9900;}
.canyinBox .sPrev, .yuleBox .sPrev, .fuwuBox .sPrev {left:-40px;border-radius: 10px 0px 0px 10px;}
.canyinBox .sNext, .yuleBox .sNext, .fuwuBox .sNext{right:-40px;border-radius: 0px 10px 10px 0px;}
.canyinBox .sPrev:hover, .yuleBox .sPrev:hover, .fuwuBox .sPrev:hover,
.canyinBox .sNext:hover, .yuleBox .sNext:hover, .fuwuBox .sNext:hover { background:#0099ff;color: #ffffff;} 
.canyinBox .rdBd ul, .yuleBox .rdBd ul, .fuwuBox .rdBd ul{zoom:1; padding-top:12px;}
.canyinBox .rdBd li, .yuleBox .rdBd li, .fuwuBox .rdBd li{width:386.667px; height:auto;margin-right:20px; float:left; position:relative; overflow:hidden;}
/*facility_info */
.facility_info{position:r elative;width:386.667px;height 320px;float:left;background:#fff}
.facility_info .pic_sty{height:210px; width:386.667px;overflow: hidden;}
.facility_info .pic_sty img{width:100%;height:100%;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;}
.facility_info .pic_sty:hover img { -webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
.facility_info .text_sty{height:98px;background:#fff;color:#333; border: 1px #eee solid; overflow: hidden;}
.facility_info .text_sty h5{ padding-top: 5px; font:700 16px/40px "microsoft yahei";height:40px;text-align:center;overflow:hidden}
.facility_info .line_sp{display:block;margin:auto;height:3px;width:62px;background:#666}
.facility_info .run_list:hover .line_sp {background:#ffb400}
.facility_info .text_p{font:14px/28px "microsoft yahei";width:206px;margin:0 auto;padding-top:5px}
.facility_info .text_p span {float:right}
.facility_info:hover .line-sp{background:#ffbf00;}
/*detail-picul*/
.detail-picul {}
.detail-picul .item {width: 386.667px;height: auto;background:#ffffff;overflow: hidden;border-radius: 6px;}
.detail-picul .item .item-linka {display: block;overflow: hidden;}
.detail-picul .item .item-pic {width: 100%;height: 210px;overflow: hidden;}
.detail-picul .item .item-pic img{width:100%;min-height:100%;overflow: hidden;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;}
.detail-picul .item:hover img { -webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
.detail-picul .item .item-main {height:100px;padding: 15px;display: flex;flex-direction: column;justify-content: flex-start;}
.detail-picul .item .item-main .item-name{font-size: 16px;font-weight: bold;}
.detail-picul .item .item-main .item-info {margin-top: 10px;color:#333;display: flex;justify-content: flex-start;}
.detail-picul .item .item-main .item-info span {height:16px;line-height:16px;font-size: 15px;}
.detail-picul .item .item-main .item-info span + span {margin-left:10px;padding-left:10px;border-left: 1px solid #e6e6e6;}
.detail-picul .item .item-main .item-info span .line{float:left;display: block;width:1px; height:16px;line-height:16px;border-left:1px #666 solid;margin-right: 10px;}
.detail-picul .item .item-main .item-txt {line-height: 1.5;font-size: 14px;color: #999;margin-top: 10px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ship-detail-body .detail-module .detail-content {margin-top:10px;padding:20px;background:#FFF;border-radius: 6px;}
.ship-detail-body .detail-module .wendalist-txtul {ustify-content: space-between;flex-direction: row;flex-wrap: wrap;}
.ship-detail-body .detail-module .wendalist-txtul .item {width: -webkit-calc(50% - 30px);padding:15px 15px;border-top: 0px solid #eee;}
.ship-detail-body .detail-module .wendalist-txtul .item .item-da span {line-height:1.5;}
.ship-detail-body .detail-module .more-button {width:180px;margin:20px auto 0;}
.ship-detail-body .detail-module .button {margin:20px auto 0;padding:0px 5px 0px 15px;width:116px;height: 36px;line-height: 36px;}

/*=========特游记攻略 CSS=========*/
.cruise-guide {display: block;overflow: hidden;}
.cruise-guide .section-plate {display: block; margin: 30px 0;}
.cruise-guide .section-content {height: auto;}
.cruise-guide .section-left {width: -webkit-calc(100% - 440px);}
.cruise-guide .section-side {width: 420px;}
/*dest-route*/
.dest-route {overflow: hidden;}
.dest-route .dest-item { position:relative; cursor:pointer; float:left; overflow:hidden;}
.dest-route .dest-item .dest-item-pic {width:100%; height:100%; overflow:hidden;}
.dest-route .dest-item .dest-item-pic img {width:100%; min-height:100%; }
.dest-route .dest-item .dest-item-tit {display:block;width: -webkit-calc(100% - 50px);height:98px; position:absolute; border:1px solid #fff; top:140px; left:25px;  }
.dest-route .dest-item .dest-item-tit1{height:80px; line-height:80px; text-align:Center;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff); background:rgba(255,255,255,.8); margin:9px; }
.dest-route .dest-item .dest-item-tit1 h3 {font-size:22px; font-weight:normal; }
.dest-route .dest-item .dest-item-tit1 .txt {}
.dest-route .dest-item .dest-item-con {display:none; padding: 20px 15px;width: -webkit-calc(100% - 50px); height:auto;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff); background:rgba(255,255,255,.8); position:absolute; top:10px; left:10px;overflow:hidden;}
.dest-route .dest-item .dest-item-con .des-route {overflow:hidden;}
.dest-route .dest-item .dest-item-con .des-route .route-name {display: block;  border-bottom: 1px solid #333; margin: 0 auto; line-height: 30px; text-align: center; font-size: 18px;  font-weight: bold;}
.dest-route .dest-item .dest-item-con .des-route .route-txt {margin-top:10px;font-size: 14px;}  
.dest-route .dest-item .dest-item-con .des-city {padding: 10px 0px;}
.dest-route .dest-item .dest-item-con .des-city .des-city-div {margin-bottom: 5px;font-size: 14px;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dest-route .dest-item .dest-item-con .des-city .des-city-div .des-city-tit {color: #999;}
.dest-route .dest-item .dest-item-con .des-city .des-city-div a {margin-right: 5px;}
.dest-route .dest-item .dest-item-con .btn-more {display: block; margin: 15px 32% 15px; padding: 0px 15px; line-height: 30px; border: 1px solid #0099FF; font-size: 14px; color: #0099FF;border-radius: 30px;}
.dest-route .dest-item .dest-item-con2 { width: 100px; height: 32px;line-height: 32px;text-align: Center; margin: 0 auto;background:#0099ff; border-radius: 4px;overflow:hidden;}
.dest-route .dest-item .dest-item-con2 a{font-size: 14px;color: #FFFFFF;}
.dest-route .dest-item.dest-item1 {width:330px; height:410px;}
.dest-route .dest-item.dest-item1 .dest-item-con {top:110px;}
.dest-route .dest-item.dest-item2,
.dest-route .dest-item.dest-item3,
.dest-route .dest-item.dest-item4 {width:280px; height:200px; margin-left:10px;}
.dest-route .dest-item.dest-item2 .dest-item-tit,
.dest-route .dest-item.dest-item3 .dest-item-tit,
.dest-route .dest-item.dest-item4 .dest-item-tit {top:50px;}
.dest-route .dest-item5,
.dest-route .dest-item6 {width:425px; height:200px; margin-left:10px; margin-top:10px;}
.dest-route .dest-item5 .dest-item-tit, 
.dest-route .dest-item6 .dest-item-tit {top:50px;}
.dest-route .dest-item:hover .dest-item-tit{display:none;}
.dest-route .dest-item:hover .dest-item-con{display:block;}
/*dest-route*/
.cruise-guide .section-plate .section-wrap {display: flex;justify-content: space-between;}
.cruise-guide .section-plate .section-item {width: -webkit-calc(50% - 15px);}
.cruise-guide .section-plate .section-item .section-content {padding: 20px 20px;background: rgba(255, 255, 255, .8);overflow: hidden; border-radius: 6px;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%); box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}

/*=航线目的地频道 CSS=*/
.star-rating {background: url("../images/star-rating-icon.png") no-repeat;background-size: 100% auto;width: 100px; height: 16px;display: inline-block; position: relative;}
.star-rating span{position:absolute;height:16px;background:url("../images/star-rating-icon.png") no-repeat;background-size:100px auto;background-position:0 -17px}
.star-rating .star-0{width:0}
.star-rating .star-1{width:8px}
.star-rating .star-2{width:16px}
.star-rating .star-3{width:29px}
.star-rating .star-4{width:37px}
.star-rating .star-5{width:50px}
.star-rating .star-6{width:60px}
.star-rating .star-7{width:71px}
.star-rating .star-8{width:80px}
.star-rating .star-9{width:92px}
.star-rating .star-10{width:100px}

.cruise-destination {display:block;}
.cruise-destination .section-plate {margin-top: 20px;}
.cruise-destination .section-plate .section-wrap {padding: 20px; background: #ffffff; -webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%); box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%); overflow: hidden; border-radius: 6px;}
.dest-route-top { width: 100%; height:400px; margin: 0px auto; overflow:hidden;}
.dest-route-body {display: flex;}

/*column-navul*/
.dest-column-navul {margin: 10px 0px;overflow: hidden; display: flex;justify-content: space-around;}
.dest-column-navul .item {position:relative;width: -webkit-calc(10% - 8px);height:80px;cursor:pointer; float:left; overflow:hidden; border-radius: 6px;}
.dest-column-navul .item + .item {margin-left: 0px;}
.dest-column-navul .item nth-of-type(2n) {margin-right:0}
.dest-column-navul .item .item-pic {width:100%; height:100%; overflow:hidden;}
.dest-column-navul .item .item-pic img {width:100%; min-height:100%; }
.dest-column-navul .item .item-tit {display:block;width: -webkit-calc(100% - 20px);height:auto;position:absolute; border:1px solid #fff; top:20px; left:10px;overflow:hidden; border-radius: 6px;}
.dest-column-navul .item .item-name{display: block;margin:3px;height:30px; line-height:30px; text-align:Center;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff); background:rgba(255,255,255,.8);overflow:hidden; border-radius: 6px;}
.dest-column-navul .item .item-name h3 {font-size:15px; font-weight:normal; }
/*dest-column-info*/
.dest-route-body .dest-column-info {display: flex;}
.dest-route-body .dest-column-info .route-pic {position: relative;width: 360px;height: 200px;margin-right: 20px;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 10%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 10%); overflow: hidden; border: 1px solid #ddd;border-radius: 6px;}
.dest-route-body .dest-column-info .route-pic img {width: 100%;height: 100%;}
.dest-route-body .dest-column-info .route-cont {flex: 1;position: relative;overflow: hidden;color: #333;z-index: 5;}
.dest-route-body .dest-column-info .route-cont .route-title {height: 24px;margin-bottom: 15px;display: flex;align-items: center;}
.dest-route-body .dest-column-info .route-cont .route-title h1 {line-height: 24px;margin-right: 15px;font-size: 24px;}
.dest-route-body .dest-column-info .route-cont .route-dsc {font-size: 15px;color: #ff9900;}
.dest-route-body .dest-column-info .route-cont .route-intro {margin: 15px 0;padding: 10px 15px;line-height: 22px;font-size: 14px; background: #fff5ee;overflow: hidden;border-radius: 4px;}
.dest-route-body .dest-column-info .route-cont .route-ships {display: flex;font-size: 15px;}
.dest-route-body .dest-column-info .route-cont .route-ships span {font-weight: 700;}
.dest-route-body .dest-column-info .route-cont .route-ships .ships-titul {display: flex;}
.dest-route-body .dest-column-info .route-cont .route-ships .ships-titul li {margin-right: 10px;}
.dest-route-body .dest-column-city {margin-top:20px;padding-top:15px;border-top: 1px #eee solid;display: flex; flex-direction: row;justify-content: space-between;}
.dest-route-body .dest-column-city .recommend-dl {width: 50%; padding-left: 0px; float: left; font-size: 15px; line-height: 22px;display: flex;}
.dest-route-body .dest-column-city .recommend-dl dt { float: left; color: #999; margin-right: 5px;}
.dest-route-body .dest-column-city .recommend-dl dd { float: left; width: 480px;}
.dest-route-body .dest-column-city .recommend-dl dd ul { float: left; margin-right: 1em;}
.dest-route-body .dest-column-city .recommend-dl dd li { float: left; margin-right: 1em;}
.dest-route-body .dest-column-city .dest-city-dl {width: -webkit-calc(50% - 8px);padding-left: 0px; float: left; font-size: 15px; display: flex;}
.dest-route-body .dest-column-city .dest-city-dl .city-title { padding: 8px 10px;width: 20px;line-height: 1.2;text-align: center;font-size: 15px;color: #fff;background: #0099ff;}
.dest-route-body .dest-column-city .dest-city-dl .city-list {overflow: hidden;}
.dest-route-body .dest-column-city .dest-city-dl .list-city-recul {overflow: hidden;}
.dest-route-body .dest-column-city .dest-city-dl .list-city-recul .item  {float: left;margin-left: 15px; }
.dest-route-body .dest-column-city .dest-city-dl .list-city-recul .item .des-pic {position: relative;width: 118px;height: 90px;display: block;overflow: hidden;}
.dest-route-body .dest-column-city .dest-city-dl .list-city-recul .item .des-pic img {width: 100%;height: 100%; position: absolute;}
.dest-route-body .dest-column-city .dest-city-dl .list-city-recul .item .des-pic span {position: absolute;bottom: 0;width: 100%;line-height: 30px;text-align: center;background: rgb(0 0 0 / 58%); color: #fff;z-index: 9999;font-size: 14px;}

.dest-route-body .section-plate .routelist-picul {margin-top:20px;}

/*=航线城市内容页 CSS=*/
.dest-city-body .mainBar {width: -webkit-calc(100% - 315px);}
.dest-city-body .sideBar {width: 300px;}
.detail-wrap {margin: 0px 0; background:#ffffff;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%); box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);overflow:hidden; border-radius: 6px;}
/*detail-plate*/
.detail-plate {display: block; margin-bottom: 0px; background:#ffffff;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%); box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);overflow:hidden; border-radius: 0px;}
.detail-plate .plate-title {position:relative;margin-bottom: 0px;padding: 12px 20px 13px;height: 24px;line-height: 24px; border-bottom: 1px #eee solid;overflow: hidden;display: flex;justify-content: space-between;justify-content: space-between;}
.detail-plate .plate-title .plate-name {display: block; font-size: 22px;}
.detail-plate .plate-title .plate-name .icon-star {margin-right: 6px;font-size: 22px;color: #ff9900;font-weight:bold;}
.detail-plate .plate-title .plate-name .icon-star:before {}
.detail-plate .plate-title .plate-name:before {content: "";position: absolute;top: 12px;left: 0;height: 24px;width: 6px;border-radius: 0px;background-color: #00a4ff;}
.detail-plate .detail-content{ padding: 15px 25px;}
.detail-plate .detail-content p {color: #444;margin: 10px 0px;line-height: 26px; font-size: 15px;}
/*dest-city-detail*/
.dest-city-top { margin-bottom: 20px;display: inline-block;width: 100%; box-shadow: 0 3px 5px rgba(0,0,0,0.1);border-top:0px #eee solid; background-color:#fff;}
.dest-city-top .dest-city-detail {padding: 0;overflow: hidden;}
.dest-city-top .dest-city-detail .detail-info {padding: 15px 0;overflow: hidden;}
.dest-city-top .dest-city-detail .city-title {float:left;width:900px;padding-top:0px;overflow:hidden;}
.dest-city-top .dest-city-detail .city-title .city-name {margin-bottom: 10px; overflow:hidden;}
.dest-city-top .dest-city-detail .city-title .city-name h1 {color: #333;font-size: 30px;line-height: 30px;font-weight: 500;padding-bottom: 0px;padding-right: 20px;float: left;}
.dest-city-top .dest-city-detail .city-title .city-name p {float: left;line-height: 20px; margin-top: 10px;padding-right: 20px; font-size: 24px;color: #999;}
.dest-city-top .dest-city-detail .city-title .city-name span.gltextdown_blk {float: left;margin-top: 15px;margin-bottom: 0px;margin-left: 15px;white-space: nowrap;}
.dest-city-top .dest-city-detail .city-title .city-summary{margin-bottom: 0px; height:36px;line-height:36px;padding-top: 0px;font-size: 14px;color: #666;overflow:hidden;}
.dest-city-top .dest-city-detail .city-title .city-name .dest-tese {display: inline-block; margin-top: 10px;line-height: 20px;text-align: left;white-space: nowrap;}
.dest-city-top .dest-city-detail .city-title .city-name .dest-tese em {color: #ff9900;}
.dest-city-top .dest-city-detail .city-dvote {float:right;margin-top: 20px;}
.dest-city-top .dest-city-detail .city-dvote span {min-width: 100px;}
.dest-city-top .dest-city-detail .city-dvote p {display: inline-block;font-size: 14px;}
.dest-city-top .dest-city-detail .city-dvote p em {display: block;color: #00a7e1;}
.dest-city-top .dest-city-detail .city-dvote i {display: inline-block;width: 34px;height: 34px;margin-right: 10px; background: url("../images/icon-min.png") no-repeat;} 
.dest-city-top .dest-city-detail .city-dvote .want {display: inline-block;cursor: pointer;}
.dest-city-top .dest-city-detail .city-dvote .been {display: inline-block;margin-left: 15px;padding-left: 15px;border-left: 1px solid #ddd;cursor: pointer;}
.dest-city-top .dest-city-detail .city-dvote .been i {background-position: -34px 0;}
.dest-city-top .dest-city-detail .city-dvote .want:hover i, .city-dvote2 .want i.current {background-position: 0 -34px;}
.dest-city-top .dest-city-detail .city-dvote .been:hover i, .city-dvote2 .been i.current {background-position: -34px -34px;}
/*detail-nav*/
.dest-city-top .dest-city-detail .detail-nav {position:relative;margin:0 auto;height:44px;border-bottom:0px solid #ddd;top:0;left:0;width:100%;z-index:20;background-color:#fff;}
.dest-city-top .dest-city-detail .detail-nav .detail-navul {height:44px;border-top:1px solid #ddd;display: flex;justify-content: space-between;_overflow:hidden}
.dest-city-top .dest-city-detail .detail-nav .detail-navul li {float:left;padding:0 0px; height:44px; line-height:44px;min-width:90px; text-align:center; font-size:18px; margin-left:-1px; position:relative;}
.dest-city-top .dest-city-detail .detail-nav .detail-navul .split {margin-top: 10px;color: #eee;}
.dest-city-top .dest-city-detail .detail-nav .detail-navul li.des-first-nav {background:0}
.dest-city-top .dest-city-detail .detail-nav .detail-navul li a {display:block;height:44px;line-height: 44px;overflow:hidden}
.dest-city-top .dest-city-detail .detail-nav .detail-navul li + li a {border-left: 0px #eee solid;}
.dest-city-top .dest-city-detail .detail-nav .detail-navul li:hover,
.dest-city-top .dest-city-detail .detail-nav .detail-navul li.current {background:#0099ff;}
.dest-city-top .dest-city-detail .detail-nav .detail-navul li:hover a,
.dest-city-top .dest-city-detail .detail-nav .detail-navul li.current a {color:#fff;text-decoration:none}
.dest-city-body { }
.dest-city-body .mainBar {width: -webkit-calc(100% - 315px);}
.dest-city-body .sideBar {width: 300px;}
/*dest-city-body*/
.dest-city-body .dest-city-head { padding: 20px;background:#ffffff;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%); box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);overflow:hidden; border-radius: 6px;}
.dest-city-body .dest-city-head .city-pics {float:left;width: 500px;height: 300px;overflow:hidden}
.dest-city-body .dest-city-head .city-pics img {width: 100%;height: 100%;}
.dest-city-body .dest-city-head .city-info {float:right;width: -webkit-calc(100% - 530px);overflow:hidden}
.dest-city-body .dest-city-head .city-info .city-title {margin-top:0;font-size:28px;font-family:"microsoft yahei";font-weight:500;line-height:28px}
.dest-city-body .dest-city-head .city-info .city-title span {color:#a3a3a3}
.dest-city-body .dest-city-head .city-info .city-score {margin-top:15px;height:24px;line-height:24px;font-size: 14px;color:#666;}
.dest-city-body .dest-city-head .city-info .city-score .remark-count{float:right;}
.dest-city-body .dest-city-head .city-info .city-score .city-star{margin-top:4px;float:left;margin-right:2px}
.dest-city-body .dest-city-head .city-info .city-impression {margin:15px 0;line-height: 24px;font-size: 15px;}
.dest-city-body .dest-city-head .city-info .city-impression .tit{font-weight:700}
.dest-city-body .dest-city-head .city-info .city-meta {width:100%;line-height:22px;font-size:15px;}
.dest-city-body .dest-city-head .city-info .city-meta dd {width:100%;margin-bottom:10px;display:block;color:#666;}
.dest-city-body .dest-city-head .city-info .city-meta dd span {font-weight:700;}
.dest-city-body .dest-city-head .city-info .city-meta .point-rank {margin-bottom:5px;height:26px}
.dest-city-body .dest-city-head .city-info .city-meta .rank {color:#ff9c00;display:inline;font-size:14px;margin-left:3px}
.dest-city-body .dest-city-head .city-info .city-meta .globel-iconfont {margin-right:5px}
.dest-city-body .dest-city-cont {padding: 20px 0; display: flex;justify-content: space-between;} 
.dest-city-body .dest-city-cont .section-plate {background:#ffffff;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%); box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);overflow:hidden; border-radius: 6px;}