@charset "utf-8";
/* CSS Document */
.item-patch {position: absolute;top: 5px;left: -40px; width: 120px; height: 30px;background:#ff5722;color: #ffffff;line-height: 30px; -webkit-transform: rotate(45deg);transform: rotate(315deg);font-size: 12px;text-align: center;}
.item-patch a {color: #fff;}
/* list-info-allul */
.list-info-allul {display: flex; flex-wrap: wrap; justify-content: center;gap: 20px;}
.list-info-allul .item {width:25%; width: -webkit-calc(25% - 15px);}
.list-info-allul .item .item-wrap{ padding: 15px; display: flex;flex-direction: column; gap: 15px;border-radius: 6px;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.list-info-allul .item:hover .item-wrap {-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.list-info-allul .item .item-pic {display: block;width: 100%;height: 200px;overflow: hidden;}
.list-info-allul .item .item-pic img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.list-info-allul .item .item-pic img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.list-info-allul .item .item-main{margin:0px 0px;display: flex;flex-direction: column;gap: 10px;}
.list-info-allul .item .item-title {line-height: 24px;height: 48px;font-size: 16px;font-weight:bold;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.list-info-allul .item .item-desc { font-size: 14px; color: #999;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.list-info-allul .item .item-meta { display: flex;justify-content: space-between;align-items: center;}
.list-info-allul .item .item-meta span{font-size: 14px;color:#999;}
/*list-info-picul*/
.list-info-picul {overflow: hidden;display: flex;flex-direction: column;gap: 20px;}
.list-info-picul li.item {padding: 0px; height: auto;border-bottom: 0px #eee solid; overflow: hidden; flex-direction: column;justify-content: space-between;gap: 20px;}
.list-info-picul li.item:hover{ -webkit-transition: all .2s linear;transition: all .2s linear;cursor: pointer;}
.list-info-picul li.item .item-pic{width: 140px;height: 90px;float: left;display: inline-block;margin-right: 15px;position: relative;overflow: hidden; border-radius: 4px;}
.list-info-picul li.item .item-pic img{ width:100%; min-height: 100%; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s}
.list-info-picul li.item :hover .item-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-info-picul li.item .item-title{line-height: 24px;margin-bottom: 15px;font-size: 16px;overflow: hidden;}
.list-info-picul li.item .item-title a{display: inline-block;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.list-info-picul li.item .item-text{font-size: 13px; color: #828a92;line-height: 20px; height: 40px; margin-bottom: 15px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.list-info-picul li.item .item-meta{color:#666;font-size:12px;vertical-align: middle;overflow:hidden;} 
.list-info-picul li.item .item-meta span {float: left; margin-right:8px; color: #999; font-size: 13px;}
.list-info-picul li.item .item-meta span a{ display:inline-block;}
.list-info-picul li.item .item-meta .class{} 
.list-info-picul li.item .item-meta .time{float: right;}
.list-info-picul.list-half{ display: flex;flex-direction: row;justify-content: space-between;gap: 20px; }
.list-info-picul.list-half .item {width:50%;}
/*list-info-imgul*/
.list-info-imgul {margin:0px; display: flex; flex-wrap: wrap;gap: 20px;}
.list-info-imgul li.item {width:25%; flex: 1 1 calc(25% - 15px);}
.list-info-imgul li.item .item-wrap{display: block;overflow:hidden; display: flex; flex-direction: column;border-radius: 6px;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.list-info-imgul li.item:hover .item-wrap {-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.list-info-imgul li.item .item-wrap .item-pic {display: block;width: 100%;height: 200px;overflow: hidden;}
.list-info-imgul li.item .item-wrap .item-pic img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.list-info-imgul li.item .item-wrap .item-pic img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.list-info-imgul li.item .item-wrap .item-info {margin:15px 15px;} 
.list-info-imgul li.item .item-wrap .item-title {margin-top:0px;height:48px;line-height: 1.5;font-size: 16px; overflow:hidden;}
.list-info-imgul li.item .item-wrap .item-title a {}
.list-info-imgul li.item .item-wrap p {margin-top:10px;line-height: 20px;overflow: hidden;font-size: 14px;color: #999;}
.list-info-imgul li.item .item-wrap p a {color: #666;}
.list-info-imgul li.item .item-wrap p a:hover{color:#3291f9;}
.list-info-imgul li.item .item-wrap .item-desc { overflow: hidden;}
.list-info-imgul li.item .item-wrap .item-meta {margin-top:10px;line-height: 20px;font-size: 13px;display: flex;justify-content: space-between;}
.list-info-imgul li.item .item-wrap .item-meta span {padding: 0 2px;color: #999;}
.list-info-imgul li.item .item-wrap .item-meta .item-date {}
.list-info-imgul li.item .item-wrap .item-meta .item-see {}
.list-info-imgul.list-item-full li.item {width: 100%;}
.list-info-imgul.list-item-full li.item .item-wrap .item-pic {height:150px;}
.list-info-imgul.list-item-full li.item .item-wrap .item-title {font-size: 16px;}
.list-info-imgul.list-item-lr li.item {width: 100%;}
.list-info-imgul.list-item-lr li.item .item-wrap {position: relative;padding-left:126px;}
.list-info-imgul.list-item-lr li.item .item-wrap .item-title {margin-top:-3px;}
.list-info-imgul.list-item-lr li.item .item-wrap .item-pic {position: absolute; top: 0; left: 0;width: 121px;height: 75px;}
/*list-info-titul*/
.list-info-titul {overflow: hidden;display: flex;flex-direction: column;gap: 10px;}
.list-info-titul li.item {position: relative;padding-left: 12px;padding-top: 10px;border-top: 1px #eee dashed;overflow: hidden;display: flex;align-items: center;justify-content: space-between;}
.list-info-titul li.item a{ float: left;width:100%; flex: 1 1 calc(100% - 75px);font-size: 14px; overflow: hidden; box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;}
.list-info-titul li.item:before {content: "";position: absolute;top: 20px;left: 0;display: block;width: 5px;height: 5px;margin-top: 0px;border-radius: 50%;opacity: .4;background-color: #cc9756;}
.list-info-titul li.item span {float: right; width: 42px;font-size: 14px; text-align: right;color: #999;}
.list-info-titul.list-half{ display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.list-info-titul.list-half .item {width: -webkit-calc(50% - 20px); }
/*list-info-txtul */
.list-info-txtul {display: flex; flex-wrap: wrap; justify-content: space-evenly;gap: 20px;}
.list-info-txtul .item {width:33.333%; flex: 1 1 calc(33.333% - 13.333px);}
.list-info-txtul .item .item-wrap{ padding: 15px; display: flex;flex-direction: column; gap: 10px;border-radius: 6px;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.list-info-txtul .item:hover .item-wrap {-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.list-info-txtul .item .item-title {height:44px;font-size: 16px;font-weight:bold;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.list-info-txtul .item .item-desc { font-size: 14px; color: #999;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.list-info-txtul .item .item-meta { display: flex;justify-content: space-between;align-items: center;}
.list-info-txtul .item .item-meta span{font-size: 15px;}
/*list-rental-picul*/
.list-rental-picul{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 20px;}
.list-rental-picul .item{position:relative;width: -webkit-calc(25% - 15px);height:auto; display:inline-block; border:0px solid #fff;}
.list-rental-picul .item .item-wrap {overflow:hidden; display: flex; flex-direction: column;border-radius: 6px;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.list-rental-picul .item:hover .item-wrap {-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.list-rental-picul .item .item-pic{width:auto;height:200px;position:relative;overflow:hidden;}
.list-rental-picul .item .item-pic img{width:100%;height:100%;transition:all .5s;}
.list-rental-picul .item:hover .item-pic img{transform: scale(1.05);filter:Alpha(Opacity=90);opacity: 0.9; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.list-rental-picul .item .item-pic .item-name{position:absolute;left:0;top:20px;z-index: 999;color:#fff;font-size:14px;height:30px;line-height:30px;padding:0 12px;background-color:#000;opacity:.5;border-radius:0 15px 15px 0;display:inline-block;}
.list-rental-picul .item .item-main{margin:15px 15px;display: flex;flex-direction: column;gap: 10px;}
.list-rental-picul .item .item-title{width:100%;font-size:16px;color:#333;}
.list-rental-picul .item .item-label{margin-top:0px;}
.list-rental-picul .item .item-label span{display:inline-block;color:#ff9e00;border:1px solid #ff9e00;border-radius:3px;font-size:14px;height:24px;line-height:24px;padding:0 8px;margin-right:10px;}
.list-rental-picul .item .item-label span:hover{color:#fff;background-color:#ff9e00;}
.list-rental-picul .item .item-location{}
.list-rental-picul .item .item-location span.icon-location{display: block;padding-left: 20px;  color: #666; background: url(../images/icon-dizhi.png) 0 3px no-repeat; background-size: 14px 16px;}
.list-rental-picul .item .item-location a{vertical-align:middle;display:inline-block;color:#999;font-size:14px;width:14em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:7px}
.list-rental-picul .item .item-location a:hover{text-decoration:none;color:#568ff8}
.list-rental-picul .item .item-price{position: absolute; bottom: 70px;right: 20px;width:140px;height:26px;line-height:26px;color:#ff5300;font-size:24px;display:inline-block;vertical-align:middle;text-align:right;}
.list-rental-picul .item .item-price small{font-size:14px;vertical-align:middle}
.list-rental-picul .item .item-describe{height:40px;line-height:40px;background:#f7faff;color:#666;font-size:14px;padding:0 15px;border-radius:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-rental-picul .item .item-wharf{display:inline-block;vertical-align:middle;font-size:14px;width:215px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}
/*list-premium-picul*/
.list-premium-picul {display: block; margin: 0px; display: flex;justify-content: space-between;flex-wrap: wrap;gap:20px;}	
.list-premium-picul .item {margin-bottom: 0px;width: -webkit-calc(25% - 15px);float: left; border-radius: 4px;}	
.list-premium-picul .item .item-wrap{display: block;position: relative;background:#FFFFFF; overflow: hidden; border-radius: 4px;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.list-premium-picul .item:hover .item-wrap{-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.list-premium-picul .item .item-pic {position: relative;display: inline-block; width: 100%; height: 200px; overflow: hidden;}
.list-premium-picul .item .item-pic img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.list-premium-picul .item .item-pic img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.list-premium-picul .item .item-name{position:absolute;left:0;top:20px;z-index: 999;color:#fff;font-size:14px;height:30px;line-height:30px;padding:0 12px;background-color:#2196F3;opacity:1;border-radius:0 15px 15px 0;display:inline-block;}
.list-premium-picul .item .item-main {padding: 12px 15px 15px;line-height: 22px;display: flex;flex-direction: column; gap: 10px;}
.list-premium-picul .item .item-main .item-title {min-height: 48px;line-height: 1.5;font-size: 16px;font-weight: 600;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.list-premium-picul .item .item-main .item-desc {margin-top: 0px;font-size: 14px; color:#999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.list-premium-picul .item .item-main .item-meta {margin-top: 5px;height: 22px; font-size: 16px;overflow: hidden; display: flex;justify-content: space-between;}
.list-premium-picul .item .item-main .item-meta span {color: #999;}
.list-premium-picul .item .item-main .item-meta .item-class{display: flex;align-items: center;}
.list-premium-picul .item .item-main .item-meta .icon-menu{font-size: 15px;}
.list-premium-picul .item .item-main .item-meta .icon-menu:before{margin-right: 4px;font-size: 16px;}
/*list-news-infoul*/
.list-news-infoul { position: relative;}
.list-news-infoul .item {padding: 20px 20px; height: auto;border-bottom: 1px #eee solid;overflow: hidden;}
.list-news-infoul .item:hover{ -webkit-transition: all .2s linear;transition: all .2s linear;cursor: pointer;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%); box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.list-news-infoul .item .item-pic{width: 180px;height: 116px; float: left; display: inline-block; margin-right: 15px; position: relative; overflow: hidden;border-radius: 4px;}
.list-news-infoul .item .item-pic img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.list-news-infoul .item .item-pic img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.list-news-infoul .item .item-title{line-height: 24px;font-size: 18px; font-weight: bold; overflow: hidden;}
.list-news-infoul .item .item-title a{display: inline-block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
.list-news-infoul .item .item-text{font-size: 14px;color: #999;line-height: 22px;max-height: 44pxoverflow: hidden;margin: 15px 0;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.list-news-infoul .item .item-meta {height:18px;line-height:18px;font-size:12px;color:#666;overflow:hidden;} 
.list-news-infoul .item .item-meta span{margin-right:10px}
.list-news-infoul .item .item-meta i{width:1pc;font-size:14px !important;margin-right:3px}
.list-news-infoul .item .item-meta .time{float: right;}
.list-news-infoul .item .item-meta .tags{float right;max-width: 360px;overflow: hidden;}
.list-news-infoul .item .item-meta .tags a{position: relative;margin-right:10px}
.list-news-infoul .item:hover .item-title a{color: #0088ff;} 
/*.list-news-infoul .item .item-meta .tags a:before {content: '';left: 0; top: 5px;width: 5px; height: 5px;position: absolute; border-radius: 4px;background-color: #ccc; }*/
.list-news-infoul .item .img-list {margin: 15px 0;overflow: hidden;}
.list-news-infoul .item .img-list .img-item { float: left; width: 185px;height: 100px; margin-right: 20px; position: relative; overflow: hidden; transform-style: preserve-3d; display: list-item;}
.list-news-infoul .item .img-list .img-item:last-child{margin-right:0;}
.list-news-infoul .item .img-list .img-item img {display: block;width: 100%; height: 100%; transition: transform .5s ease .1s;-webkit-transition: -webkit-transform .5s ease .1s;}
.infolist-more {text-align: center; height: 58px;line-height: 58px; border-top: 0px solid #eee;font-size:16px;}
.infolist-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%}

/*list-brand-picul*/
.list-brand-picul{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 20px;}
.list-brand-picul .item{float:left;width: -webkit-calc(25% - 15px);text-align:center;}
.list-brand-picul .item .item-wrap{padding: 15px;gap: 10px;overflow:hidden;display: flex;flex-direction: column;border-radius: 6px;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.list-brand-picul .item:hover .item-wrap {-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.list-brand-picul .item .item-pic{width: 100%;height:147px;overflow:hidden;}
.list-brand-picul .item .item-pic img {width: 100%;height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.list-brand-picul .item .item-title{margin-bottom: 0px;line-height: 24px; font-size:18px;text-align: center;font-weight: 600;}
.list-brand-picul .item .item-desc {line-height: 1.5;font-size: 13px;color: #999;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.list-brand-picul .item .item-meta{display: flex;justify-content: center; gap: 20px;}
.list-brand-picul .item .item-meta span{color: #666;}
/*list-ships-picul*/
.list-ships-picul{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 20px;}
.list-ships-picul .item{width: -webkit-calc(25% - 15px);/*width:33.3333%; flex: 1 1 calc(33.3333% - 20px);*/}
.list-ships-picul .item .item-wrap{overflow:hidden;display: flex;flex-direction: column;border-radius: 6px;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.list-ships-picul .item:hover .item-wrap {-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.list-ships-picul .item .item-pic{width: 100%;height:200px;overflow:hidden;}
.list-ships-picul .item .item-pic img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.list-ships-picul .item .item-pic img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.list-ships-picul .item .item-main{padding:15px 15px;}
.list-ships-picul .item .item-title{margin-bottom: 15px;line-height: 24px; font-size:18px;text-align: center;font-weight: bold;}
.list-ships-picul .item .item-parameter{display: flex;flex-wrap: wrap;justify-content: center;gap: 5px;gap: 5px 5px;}
.list-ships-picul .item .item-parameter span{width: -webkit-calc(33.333% - 4px);color:#333;text-align: center;font-size: 13px;}
.list-ships-picul .item .item-parameter span i{color:#999;}
/*list-dealer-infoul*/
.list-dealer-infoul{display: flex; flex-wrap: wrap;justify-content: center;gap: 20px;}
.list-dealer-infoul .item{width:33.333%;/*flex: 1 1 calc(33.333% - 13.333px);*/width: -webkit-calc(33.333% - 20px);}
.list-dealer-infoul .item-wrap{ padding: 15px; display: flex;flex-direction: column; gap: 15px;border-radius: 6px;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.list-dealer-infoul .item:hover .item-wrap {-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.list-dealer-infoul .item .company-info{display: flex;justify-content: flex-start;gap: 20px;}
.list-dealer-infoul .item .company-info .company-logo{width: 55px;height: 55px;background: #834f00;border-radius:4px;overflow:hidden;}
.list-dealer-infoul .item .company-info .company-logo img{width: 100%;height: 100%;}
.list-dealer-infoul .item .company-info .conpany-meta{overflow:hidden;}
.list-dealer-infoul .item .company-info .conpany-name{ margin-bottom: 10px; font-size: 16px;font-weight:bold;overflow: hidden;text-overflow: ellipsis; }
.list-dealer-infoul .item .company-info .conpany-manage{color:#999;}
.list-dealer-infoul .item .about-info{padding-top: 10px; border-top: 1px #ddd dashed;color:#999;display: flex;justify-content: space-between;align-items: center;}
.list-dealer-infoul .item .about-info span{font-size: 14px;}
/*list-pics-infoul*/
.list-pics-infoul{margin-top: 30px;display: flex; flex-wrap: wrap;justify-content: center;gap: 20px;}
.list-pics-infoul li{width: -webkit-calc(25% - 15px);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%); border-radius: 4px;}
.list-pics-infoul li .yacht-img{display: block;padding:0px;height:200px;}
.list-pics-infoul li img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.list-pics-infoul li img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}

.list-pics-infoul.list-all li{width: -webkit-calc(80% - 0px);height:auto;overflow:hidden;}
.list-pics-infoul.list-half li{width: -webkit-calc(50% - 10px);height:auto;overflow:hidden;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);border-radius:5px;overflow:hidden;}
.list-pics-infoul.list-half li .yacht-img{display: block;padding:10px 15px;}
/*list-expo-txtul*/  
.list-expo-txtul{}
.list-expo-txtul .item{overflow: hidden;margin-top: 10px; padding-top: 10px;border-top: 1px #eee dashed;}
.list-expo-txtul .item .item-time {width: 60px;float: left;margin-right: 12px;}
.list-expo-txtul .item:last-child {margin-bottom: 0;}
.list-expo-txtul .item .item-time b {height: 24px;line-height: 24px;text-align: center;font-size: 14px;color: #fff;display: block;background: #00b0ff;border-radius: 20px;overflow: hidden;}
.list-expo-txtul .item .item-time p {height: 26px;line-height: 26px;text-align: center;font-size: 14px;font-weight: bold;color: #00b0ff;overflow: hidden;margin-top: 2px;}
.list-expo-txtul .item .item-main {overflow: hidden;}
.list-expo-txtul .item .item-main .item-title {height: 24px;line-height: 24px;overflow: hidden;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list-expo-txtul .item .item-main .item-title a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list-expo-txtul .item .item-main .item-text {display: block;height: 28px;line-height: 28px;overflow: hidden;color: #999;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*list-expo-topul*/ 
.list-expo-topul {margin-bottom:20px;overflow: hidden;display: flex;flex-direction: row;justify-content: space-between;;gap: 20px;}
.list-expo-topul .item {width:50%; flex: 1 1 calc(50% - 10px);}
.list-expo-topul .item .item-wrap{position: relative;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;gap: 10px;}
.list-expo-topul .item .item-pic {height:180px;overflow: hidden;}
.list-expo-topul .item .item-pic img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.list-expo-topul .item .item-pic img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.list-expo-topul .item .item-text {position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box;padding: 15px 15px;background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(0 0 0 / 30%) 0%, rgba(0,0,0,0) 100%);background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);}
.list-expo-topul .item .item-text a {display: block;font-size: 14px;line-height: 22px;overflow: hidden;font-weight: bold;color: #fff;}

/*list-lg-4*/
.list-lg-4 {gap: 20px;}
.list-lg-4 .item {width: -webkit-calc(25% - 15px) !important;}
.list-lg-4 .item .item-parameter span{width: -webkit-calc(50% - 10px);color:#333;text-align: center;}
.list-lg-4 .item .item-pic{width: 100%;height:200px;overflow:hidden;}
/*====== yacht-home ======*/
.yacht-home section{padding: 40px 0;}
.yacht-home section:nth-child(2n) {background-color: #fff;}
.yacht-home .home-focus {position: relative;margin: 0px auto;padding: 0px;width: 100%;height: 400px;}
/*home-news*/
.home-news .section-content{display: flex;flex-direction: row;justify-content: space-evenly;gap: 20px;}
.home-news .content{margin: 20px;}
/*news-info*/ 
.home-news .news-info{width: 50%;overflow: hidden;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.home-news .news-info .top-news {height: auto;margin-top: 0px;padding: 15px;box-sizing: border-box;background: #fffafa;background: url(../images/bg-news.png) no-repeat;background-size: cover;border-radius: 4px;}
.home-news .news-info .top-news h3{font-size: 22px;font-weight: bold;height: 35px;line-height: 35px;overflow: hidden;text-align: center;white-space:nowrap;text-overflow:ellipsis;color: #945d56;}
.home-news .news-info .top-news h3 i {font-size: 30px;margin-right: 8px;color: #ed6d00;}
.home-news .news-info .top-news p {line-height: 22px;height: 44px;display: block;overflow: hidden;font-size: 14px;color: #999;margin-top: 8px;text-align: left;}
.home-news .news-info .top-news p a {color: #ed6d00;margin-left: 4px;}
.home-news .news-info .top-news a {color: #945d56;}
.home-news .news-info .list-info-titul li.item a {font-size: 16px;}
.home-news .news-info .list-info-picul{margin-bottom: 20px;}
.home-news .news-info .list-info-picul .item .item-pic{width: 134px;height: 90px;}
/*expo-info*/ 
.home-news .expo-info{width: 50%;overflow: hidden;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.home-news .expo-info {}

/* home-rental */
.yacht-home .home-rental .section-content{display: flex;flex-direction: column;gap: 20px;}
.yacht-home .home-rental .list-theme-picul {display:inline-block; padding: 0px 0px; display: flex;flex-wrap: wrap; justify-content: center;gap: 20px;}
.yacht-home .home-rental .list-theme-picul .item {float:left;width: -webkit-calc(20% - 16px);text-align:center;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.yacht-home .home-rental .list-theme-picul .item .item-wrap { position: relative; height: 300px;display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-radius:6px;}
.yacht-home .home-rental .list-theme-picul .item .item-wrap img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.yacht-home .home-rental .list-theme-picul .item .item-wrap .item-info {position: absolute;padding: 0px 0;width: 120px;height: 120px;top: -webkit-calc(50% - 60px); left: -webkit-calc(50% - 60px); background: rgb(255 255 255 / 70%); border-radius: 50%;align-items: center;justify-content: center;display: flex;flex-direction: column;flex-wrap: nowrap;}
.yacht-home .home-rental .list-theme-picul .item .item-wrap .item-info .title {font-size:18px;font-weight:700;}
.yacht-home .home-rental .list-theme-picul .item .item-wrap .item-info .entitle {margin-top:0px;}
.yacht-home .home-rental .list-theme-picul .item:hover .item-wrap 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)}
/* home-rental */
.yacht-home .yacht-guide .section-content{display: flex;flex-direction: row;justify-content: space-evenly;gap: 20px;}
.yacht-home .yacht-guide .model-item{ width:33.333%; flex: 1 1 calc(33.333% - 0px);float:left; border-radius: 4px; overflow: hidden;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.yacht-home .yacht-guide .model-item .content{margin: 20px;}
.yacht-home .yacht-guide .model-item .list-info-picul{margin-bottom: 15px;}
.yacht-home .yacht-guide .model-item .list-info-picul .item .item-pic{width: 116px; height: 80px;}
.yacht-home .yacht-guide .model-item .list-info-titul .item a {font-size: 16px;}


/*====== yacht-home ======*/
.yacht-news .channel-column{padding: 40px 0;}
.yacht-news .channel-column:nth-child(2n) {background-color: #fff;}
.yacht-news .channel-column .section-content{display: flex;flex-direction: row;flex-direction: column;justify-content: space-evenly;gap: 20px;}
.yacht-news .article-wrap{background: #ffffff;overflow: hidden;border: 0px #eee solid;border-radius: 4px;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
/*article-body*/
.yacht-news .article-body {position: relative;padding: 0px 0px;background: #ffffff;border-radius: 4px;}
.yacht-news .article-body .crumbs {padding: 10px 25px 10px;}

.yacht-news .article-body .article-header {position: relative;margin:35px 40px 0px;border-bottom: 0px solid #eee;text-align: center;}
.yacht-news .article-body .article-header .article-title {margin-bottom: 20px;line-height: 36px;font-size: 24px;font-weight:700;clear: both;}
.yacht-news .article-body .article-header .article-meta {padding-bottom:10px;border-bottom:1px solid #eee;display: block;}
.yacht-news .article-body .article-header .article-meta span {color: #999;font-size:13px;margin-right: 10px;}
.yacht-news .article-body .article-header .article-meta span a {color: #999; background-color: transparent; -webkit-text-decoration-skip: objects;}
.yacht-news .article-body .article-header .article-meta span a:hover {color: #f80;}
.yacht-news .article-body .article-header .article-meta .icon-date{margin-right:3px;}
.yacht-news .article-body .article-header .article-meta .icon-article{color: #f80;}
.yacht-news .article-body .article-header .article-meta .icon-article:before{margin-right:3px; color: #f80;}
.yacht-news .article-body .article-summary {margin: 0px 40px 15px;padding: 15px 15px;background:#f3f3f3;color: #666;line-height: 1.5em;font-size: 14px;}
.yacht-news .article-body .article-summary .summary-div{padding: 12px 15px;background-color: white; border-radius: 8px;}
.yacht-news .article-body .article-summary p {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;}
.yacht-news .article-body .article-content {display: block; margin: 0px 0;padding:15px 30px;font-size: 16px;line-height: 30px;overflow: hidden;}
.yacht-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;text-indent: 2em;}
.yacht-news .article-body .article-content a {color:#2970A6;border-bottom:1px dotted #2970A6;}
.yacht-news .article-body .article-content a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.yacht-news .article-body .article-content img {max-width: 90% !important;height:auto !important; margin:0px auto; vertical-align: middle; border:0}
.yacht-news .article-body .article-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.yacht-news .article-body .article-content .keylink:hover{color:#ff0000;} 
.yacht-news .article-body .article-content h2,
.yacht-news .article-body .article-content h3,
.yacht-news .article-body .article-content h4,
.yacht-news .article-body .article-content strong {font-weight:bold;}
.yacht-news .article-body .article-content h2,
.yacht-news .article-body .article-content h3,
.yacht-news .article-body .article-content h4{margin: 15px 0px;} 
.yacht-news .article-body .article-content pre,
.yacht-news .article-body .article-content blockquote{margin-top: 15px 0px; padding: 15px 15px; background: #f3f3f3;font-size: 14px;line-height: 24px;border-radius: 4px;} 
.yacht-news .article-body .article-content pre ,
.yacht-news .article-body .article-content blockquote p {margin: 0px 0;} 
.yacht-news .article-body .article-content pre {white-space: pre-wrap;}
.yacht-news .article-body .article-content table{ max-width:90%; min-width:60%;margin:15px auto 15px; border:1px solid #ddd;border-collapse:collapse;font-size: 14px;}
.yacht-news .article-body .article-content table tr:nth-child(2n){ background-color: #fafafa;}
.yacht-news .article-body .article-content table th,
.yacht-news .article-body .article-content table td{line-height: 20px;/*text-align:center;*/padding-top: 5px;padding-bottom: 5px;padding:5px 8px;border: 1px solid #ddd;}
.yacht-news .article-body .article-content table thead tr{background-color: #f8f8f8;}
.yacht-news .article-body .article-content table thead th{text-align: center;font-weight:700; background: #eee;}
.yacht-news .article-body .article-content table tbody th{text-align: center;font-weight:500;}
.yacht-news .article-body .article-content table tbody p {text-align:center;}
.yacht-news .article-body .article-content ul,
.yacht-news .article-body .article-content ol{margin:15px 0px;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;word-wrap: break-word;word-break: break-all;text-justify: inter-ideograph;list-style: circle;}
.yacht-news .article-body .article-content ul li,
.yacht-news .article-body .article-content ol li {margin: 0 0 0 25px;line-height: 200%;}
.yacht-news .article-body .article-content ul li { padding:5px 0px; list-style: disc;}
.yacht-news .article-body .article-content ol li {list-style: decimal;}
.yacht-news .article-body .article-content ul li + li {border-top: 1px #eee dashed;}
.yacht-news .article-body .article-content ul li p {margin: 0;}
/*article-tags*/
.yacht-news .article-body .article-tags {margin-top:20px;line-height: 24px; font-size: 14px;}
.yacht-news .article-body .article-tags .content {display: flex;margin:0 30px;padding:0px 0px;border-top: 0px solid #eee;}
.yacht-news .article-body .article-tags span {line-height: 30px;height: 30px;font-size: 16px; color: #0099FF;}
.yacht-news .article-body .article-tags span.icon-tag:before {font-size:16px;}
.yacht-news .article-body .article-tags .tagslist {float: left;margin:0px 0px;height: auto;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;}
.yacht-news .article-body .article-tags .tagslist a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;padding: 0 12px 0 5px;line-height: 28px;height: 28px;margin-right: 6px;font-size: 14px;color: #555;border-radius: 18px;transition: all .5s ease;background: #f2f2f2;margin-bottom: 10px;}
.yacht-news .article-body .article-tags .tagslist a i {border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;display: inline-block;width: 18px;height: 18px;line-height: 18px;text-align: center;background: #fff;color: #555;font-size: 14px;margin: 4px 5px 0 0; *margin: 0px 5px 0 0;font-style: normal;vertical-align: top; *vertical-align: middle;}
.yacht-news .article-body .article-tags .tagslist a:before {float: left;content: "#";border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;display: inline-block;width: 20px;height: 20px;line-height: 20px;text-align: center;background: #fff;color: #555;font-size: 14px;margin: 4px 5px 0 0; *margin: 0px 5px 0 0;font-style: normal;vertical-align: top; *vertical-align: middle;}
.yacht-news .article-body .article-tags .tagslist a:hover {background: #0092ff;color: #FFF;}
/*article-prevnext*/
.yacht-news .article-body .article-prevnext {margin: 0px 30px; clear: both; border-top: 1px #eee solid; border-bottom: 0px #eee solid;overflow: hidden; }
.yacht-news .article-body .article-prevnext .content {padding: 20px 0px; background: #ffffff;overflow: hidden;display: flex;justify-content: flex-start;flex-direction: column;gap: 6px;}
.yacht-news .article-body .article-prevnext .twofifth {width:70%; flex: 1 1 calc(70% - 0px);height: 24px;line-height: 24px;font-size: 15px;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yacht-news .article-body .article-prevnext .twofifth.next { float: left;}
.yacht-news .article-body .article-prevnext .twofifth.prev { float: left;}
.yacht-news .article-body .article-prevnext .twofifth a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*article-related*/
.yacht-news .article-related { position: relative;width: 100%;margin: 20px auto; background: rgba(255, 255, 255, .8);border-radius: 4px;/*-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%); box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);*/}
.yacht-news .article-related .content {padding: 0px;overflow: hidden;}
.yacht-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;}
.yacht-news .article-related .module-title .title-name {display: block;font-size: 22px;}
.yacht-news .article-related .excerpt-list {margin: 0px;}
.yacht-news .article-related .excerpt-list .item {margin:0;padding: 20px 20px;border-radius: 0px;}
.yacht-news .article-related .box-head {position:relative; margin: 20px 20px 5px;line-height: 20px;display: flex;justify-content: space-between;}
.yacht-news .article-related .box-head h3 {position:relative;line-height: 22px;font-size:22px;font-weight:500;}
.yacht-news .article-related .box-head .more {position absolute;top: 0px;right: 0;font-size: 15px;color: #999;}
.yacht-news .article-related .box-head .more:hover {color:#00a4ff}

/*article-declare*/
.article-declare{margin: 10px 30px;padding: 10px 0px;font-size: 12px;color: #999;border-top: 1px #eee  solid;}
.article-declare .content {padding: 0px;overflow: hidden;}
.article-declare p{margin-top: 0px}

/*========= 品牌 CSS =========*/
.yacht-brands{}
.yacht-brands .column-panel{position:relative; padding: 40px 0px;}
.yacht-brands .column-panel:nth-child(2n+1) {background-color: #ffffff;}
.yacht-brands .column-panel .content{overflow  hidden;}
/*.cruise-sales section:nth-child(2n){ background-color: #fff !important;}*/
.brand-channel-top {position: relative;min-width: 100%;height: 400px;overflow: hidden;background: url("../images/bg-top-ships.jpg");background-size: 100% 400px;}
.brand-channel-body{position:relative; padding: 40px 0px;background-color: #ffffff;}
/*brand-nav*/
.brand-channel-body .brand-navbar{height:42px;  position:relative; }
.brand-channel-body .brand-navbar .brand-nav{width: 100%;max-width: 1280px;height:42px;background:#fff;border-bottom:1px solid #e4e5e8; overflow:hidden; position:absolute; box-shadow: 0px 0px 5px rgba(0,0,0,0.2);z-index: 99;}
.brand-channel-body .brand-navbar .brand-nav a{font-size: 16px; color:#373a3f; display:block; display:inline; float:left; height:42px; line-height:42px; text-align:center; border-right:1px solid #e4e5e8;width:3.7%; flex: 1 1 calc(3.7% - 0px);}
.brand-channel-body .brand-navbar .brand-nav a:hover{background:#2196f3;color:#fff;}
.brand-channel-body .brand-navbar .brand-nav .a{width:90px;padding:0 8px; font-size: 16px; color:#0f92d6;height:40px; line-height:40px; text-align:center;}
.brand-channel-body .brand-navbar .brand-nav .z{width:46px; border:none;}
.brand-channel-body .brand-navbar .brand-nav .brand-letter{display: flex;justify-content: space-between;align-items: center;}
.brand-channel-body .brand-box{width: 100%;}
.brand-channel-body .select-content{height:auto; margin-top:0px; padding:20px 0;}
.brand-channel-body .brand-select{ position:relative;margin: 30px 0;display: flex;flex-direction: column;gap: 30px;}
.brand-channel-body .brand-select .brand-zimu{height:42px; margin:30px 0; background:#f8f8f8; border-bottom:#e4e5e8 solid 0px;}
.brand-channel-body .brand-select .brand-zimu h3{font:16px Arial, Helvetica, sans-serif;color:#434343;height:42px; line-height:42px;margin-left:15px; padding-left:35px;border-bottom:0px solid #e4e5e8;}
.brand-channel-body .brand-select .brand-zimu span {width: 42px;height: 42px;float: left;background: #b09488;text-align: center;line-height: 40px;font-size: 22px;font-weight  bold;color: #fff;line-height: 40px;}
.brand-channel-body .brand-select .brand-list{font-size:18px;}
.brand-channel-body .brand-select .brand-list .list-brand-logoul{display: flex;flex-wrap: wrap;justify-content: space-between;;gap: 20px;margin-bottom: 30px;}
.brand-channel-body .brand-select .brand-list .list-brand-logoul li{float:left;width: -webkit-calc(20% - 16px); line-height:24px;text-align:center;}
.brand-channel-body .brand-select .brand-list .list-brand-logoul li .item-wrap{display: block;width: 100%;height:116px; overflow: hidden;border: 1px #eee solid;border-radius:6px;}
.brand-channel-body .brand-select .brand-list .list-brand-logoul li .item-wrap img{width:100%;height:100%;transition:all .5s;}
.brand-channel-body .brand-select .brand-list .list-brand-logoul li:hover .item-wrap img{transform: scale(1.05);filter:Alpha(Opacity=90);opacity: 0.9; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
/*============ 邮轮船队 CSS ============*/
.brand-column-top {position: relative;min-width: 100%;height: 400px;background: url("../images/bg-top-ships.jpg");background-size: 100% 400px;}
.brand-column-top .brand-header {position: relative;width: 100%;height: 400px;margin: 0 auto; }
.brand-column-top .brand-header .brand-pic {width: 100%;height: 400px;overflow: hidden;}
.brand-column-top .brand-header .brand-pic img {width: 100%;min-height: 100%;margin-top: -0px;}
.brand-column-top .brand-header .brand-logo-name {position: absolute;width:280px; height: auto;padding: 20px 20px ;left:-webkit-calc(50% - 150px); bottom: -90px;z-index: 999;background: rgb(255 255 255 / 80%);overflow: hidden;border-radius: 6px 6px 6px 6px;box-shadow: 0 3px 10px 3px #d7d6d5;}
.brand-column-top .brand-header .brand-logo-name .brand-logo {width: 180px; margin:0 auto 20px;height: 90px;text-align: center;}
.brand-column-top .brand-header .brand-logo-name .brand-logo img {width: 100%;height: 100%;-webkit-transition: all .5s linear;transition: all .5s linear;display: inline;}
.brand-column-top .brand-header .brand-logo-name .brand-name {font: 14px / 20px "microsoft yahei";text-align: center;color: #666;}
.brand-column-top .brand-header .brand-logo-name .brand-name .chinese {font: 700 24px / 40px "microsoft yahei"; color: #333;height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.brand-column-top .brand-header .brand-logo-name .brand-name .english {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.brand-column-top .brand-header .brand-logo-name:hover .brand-logo img {-ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8);}
.brand-column-top .brand-header .brand-logo-name .brand-name .exp { height: 26px; line-height: 26px; font-size: 14px; color:#666;}
.brand-column-top .brand-header .brand-logo-name .brand-name .exp span {margin-right: 15px; color:#fe8100;}
/*brand-column-body*/
.brand-column-body{position:relative; margin: 0px 0px;}
.brand-column-body .column-panel{position:relative; padding: 40px 0px;}
.brand-column-body .column-panel:nth-child(2n+1) {background-color: #ffffff;}
.brand-column-body .brand-summary {padding: 0px 0px 40px;}
.brand-column-body .brand-summary .content {position: relative; padding: 116px 30px 20px;border-top: 1px #eee solid;line-height: 1.8;font-size: 15px;color: #535F78;border-radius: 0px 0px 10px 10px;}
.brand-column-body .brand-summary .content p {margin: 10px 0px;}
.brand-column-body .brand-summary .content .clogo {margin-right: 20px;}
.brand-column-body .brand-summary .content h2,
.brand-column-body .brand-summary .content h3,
.brand-column-body .brand-summary .contenth4,
.brand-column-body .brand-summary .content strong {font-weight:bold;}

.brand-column-body .brand-summary .brand-parameter {width:100%;display: flex;justify-content: space-around;overflow:hidden}
.brand-column-body .brand-summary .brand-parameter li {float:left; text-align: center;}
.brand-column-body .brand-summary .brand-parameter li .mes {color: #666;font-size:15px;}
.brand-column-body .brand-summary .brand-parameter li .num {margin-top:10px;height:32px;line-height: 30px;font-size:14px;color:#666;overflow:hidden}
.brand-column-body .brand-summary .brand-parameter li .num em{height:30px;line-height: 32px;font-size:32px;color:#0480d9;overflow:hidden}
/*============ 船只 CSS ============*/
.brand-ship-top {position: relative;min-width: 100%;height: 400px;background: url("../images/bg-top-ships.jpg");background-size: 100% 400px;}
.brand-ship-top .ship-header {position: relative;width: 100%;height: 400px;margin: 0 auto; }
.brand-ship-top .ship-header .ship-pic {width: 100%;height: 400px;overflow: hidden;}
.brand-ship-top .ship-header .ship-pic img {width: 100%;min-height: 100%;margin-top: -0px;}
.brand-ship-top .ship-header .ship-logo-name {position: absolute;width:300px; height: auto;padding: 20px 20px ;left:-webkit-calc(50% - 150px); bottom: -90px;z-index: 999;background: rgb(255 255 255 / 80%);overflow: hidden;border-radius: 6px 6px 6px 6px;box-shadow: 0 3px 10px 3px #d7d6d5;}
.brand-ship-top .ship-header .ship-logo-name .brand-logo {width: 180px; margin:0 auto 20px;height: 90px;text-align: center;}
.brand-ship-top .ship-header .ship-logo-name .brand-logo img {width: 100%;height: 100%;-webkit-transition: all .5s linear;transition: all .5s linear;display: inline;}
.brand-ship-top .ship-header .ship-logo-name .ship-name {font: 14px / 20px "microsoft yahei";text-align: center;color: #666;}
.brand-ship-top .ship-header .ship-logo-name .ship-name .chinese {font: 700 24px / 30px "microsoft yahei"; color: #333;max-height: 60px; overflow: hidden; /*white-space: nowrap; text-overflow: ellipsis;*/}
.brand-ship-top .ship-header .ship-logo-name .ship-name .english {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.brand-ship-top .ship-header .ship-logo-name:hover .brand-logo img {-ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8);}
.brand-ship-top .ship-header .ship-logo-name .ship-name .exp { height: 26px; line-height: 26px; font-size: 14px; color:#666;}
.brand-ship-top .ship-header .ship-logo-name .ship-name .exp span {margin-right: 15px; color:#fe8100;}
/*brand-ship-body*/
.brand-ship-body{position:relative; margin: 0px 0px;}
.brand-ship-body .ship-summary {padding: 0px 0px 40px;}
.brand-ship-body .ship-summary .content { padding: 90px 20px 20px;border-top: 0px #eee solid; background: #fff;border-radius: 0px 0px 10px 10px;}
.brand-ship-body .ship-summary .ship-parameter {width:100%;display: flex;justify-content: space-around;overflow:hidden}
.brand-ship-body .ship-summary .ship-parameter li {float:left; text-align: center;}
.brand-ship-body .ship-summary .ship-parameter li .mes {color: #666;font-size:15px;}
.brand-ship-body .ship-summary .ship-parameter li .num {margin-top:10px;height:32px;line-height: 30px;font-size:14px;color:#666;overflow:hidden}
.brand-ship-body .ship-summary .ship-parameter li .num em{height:30px;line-height: 32px;font-size:32px;color:#0480d9;overflow:hidden}
.brand-ship-body .ship-summary .content {position: relative; padding-top: 110px;border-top: 1px #eee solid;line-height: 26px;font-size: 16px;color: #535F78;}
.brand-ship-body .ship-summary .content p {margin: 10px 0px;}
.brand-ship-body .ship-summary .content .clogo {margin-right: 20px;}
/*ship-can-table*/ 
.brand-ship-body .ship-can-table{display: flex;flex-direction: column; width: 96%;margin: 0 auto;border:#ebebeb 1px solid; /*border-bottom:0px; border-left 1px;border-right:0px;*/ margin-bottom: 0px;overflow:hidden;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.brand-ship-body .ship-can-table li {display: flex;background:#fff;width 1098px;height:50px;line-height:50px;float:left;/*border-right:#f1f1f1 1px solid;border-bottom: #eee 1px solid;*/font-size: 14px;}
.brand-ship-body .ship-can-table li + li{border-top: #e4e5e8 1px solid;}
.brand-ship-body .ship-can-table li span{width: 80px;height:100%;float:left;border-right:#f1f1f1  0px solid;border-left:#f1f1f1  0px solid;padding-left:0px;text-align:center;background: #f8f8f8;color:#666;}
.brand-ship-body .ship-can-table li em{width: -webkit-calc(25% - 95px);height:100%;float:left;padding-left:15px;}
.brand-ship-body .ship-can-table li i{width:512px; height:100%; float:left;padding-left:10px;}
.brand-ship-body .ship-can-table li em .buy-btn{background:#019cf6; color:#FFFFFF;padding:5px 10px;font-size: 14px; margin-left: 20px;border-radius: 3px;}
.brand-ship-body .ship-can-table li em .buy-btn:hover{background:#ff4f53;}
.brand-ship-body .ship-can-table li p{padding: 0px  15px;font-size: 12px;}
.brand-ship-body .ship-can-table li em.half-w {width: -webkit-calc(50% - 95px);}
/*brand-nodealer*/ 
.brand-nodealer {border: 0px solid #eee; background: url("../images/bg-dealer.jpg") no-repeat 50% 50%; height: 400px; position: relative;}
.brand-nodealer ul{ padding:60px 80px; position:absolute; left:-webkit-calc(50% - 294px); top:-webkit-calc(50% - 100px);;display: flex;justify-content: center;gap: 20px; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px;background: rgba(0, 0, 0, 0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #60000000, endColorstr = #60000000);}
.brand-nodealer ul li{ float:left; height:46px; line-height:46px;font-size: 16px;}
.brand-nodealer ul li:last-child{margin-right:0px;}
.brand-nodealer ul li a{ display:block; padding:0 30px; background:#eee;-moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px;}
.brand-nodealer ul li a:hover{ color:#fff; background:#00aaff; text-decoration:none}

/*detail-top*/
.brand-ship-body{position:relative; margin: 0px 0px;}
.brand-ship-body .detail-panel{position:relative; padding: 40px 0px;}
.brand-ship-body .detail-panel:nth-child(2n+1) {background-color: #ffffff;}
.brand-ship-body .detail-panel .detail-wrap{}
.brand-ship-body .detail-panel .detail-content{}
.brand-ship-body .detail-top{}
.brand-ship-body .detail-top .detail-wrap{padding: 30px;overflow: hidden;display: flex;flex-wrap: wrap; flex-direction: row;justify-content: space-between;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);border: 1px #eee solid;border-radius: 5px;}
.brand-ship-body .detail-top .detail-topL{width:42%;}
.brand-ship-body .detail-top .detail-pic{width:100%;height:320px;overflow: hidden;border-radius: 4px;}
.brand-ship-body .detail-top .detail-pic img {width: 100%;height: 100%;}
.brand-ship-body .detail-top .detail-topR{width: -webkit-calc(58% - 30px);}
.brand-ship-body .detail-top .detail-head{display: block; display: flex;justify-content: flex-start;margin-bottom: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.brand-ship-body .detail-top .detail-head .class-img{display: block;float:left;margin-right: 20px;width:96px;height: 50px;border: 1px #eee solid;overflow: hidden;}
.brand-ship-body .detail-top .detail-head .class-img img {width: 100%;height: 100%;}
.brand-ship-body .detail-top .detail-head .ship-name{float:left;line-height: 50px;font-size: 28px;font-weight: bold;}
.brand-ship-body .detail-top .detail-main {display: flex;flex-direction: column;justify-content: space-between;gap: 20px;}
.brand-ship-body .detail-top .detail-main .detail-parameter {background: #f8f8f8;padding:15px 15px;display: flex;flex-direction: row;justify-content: space-evenly;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.brand-ship-body .detail-top .detail-main .detail-parameter dd {float: left;width: 25%;flex: 1 1 calc(25% - 0px);text-align: center;border-right: 1px solid #ebebeb;}
.brand-ship-body .detail-top .detail-main .detail-parameter dd:last-child {margin-right: 0;border-right: none;}
.brand-ship-body .detail-top .detail-main .detail-parameter dd span {display: block;line-height: 1.75;color:#999;}
.brand-ship-body .detail-top .detail-main .detail-parameter dd span em {font-size: 18px;color: #2196F3;font-weight: bold;}
.brand-ship-body .detail-top .detail-main .detail-text {width: 100%;font-size: 12px;line-height: 18px;color: #888999;}
.brand-ship-body .detail-top .detail-main .detail-jiage {padding: 0px;line-height: 30px;font-size: 18px;font-weight: bold; color: #999;}
.brand-ship-body .detail-top .detail-main .detail-jiage b {font-weight: 600;font-size:30px;color: #ff9800;}
.brand-ship-body .detail-top .detail-main .detail-jiage i {font-size: 30px;font-weight: 500;}
/*detail-btn*/
.brand-ship-body .detail-top .detail-main .detail-btn {display: flex;gap: 30px;align-items: center;margin: 0px;justify-content: flex-start;}
.brand-ship-body .detail-top .detail-main .detail-btn #zixun-btn {width: 161px;height: 50px;border-radius: 4px;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #fff;cursor: pointer;}
.brand-ship-body .detail-top .detail-main .detail-btn #zixun-btn {background-color: #33acff;}
.brand-ship-body .detail-top .detail-main .detail-btn #zixun-btn:hover {background-color: #f80;}
.brand-ship-body .detail-top .detail-main .detail-btn .small-btn{font-size: 15px;cursor: pointer;display: flex;align-items: center;flex-direction: row;color: #666;}
.brand-ship-body .detail-top .detail-main .detail-btn .small-btn i{;margin-right: 2px;}
.brand-ship-body .detail-top .detail-main .detail-btn .small-btn i:before{font-size: 24px;}
.brand-ship-body .detail-top .detail-main .detail-btn .icon-kefu{margin-right: 6px;width: 20px;height: 20px;background:url("./../images/icon-kefu.png") center center no-repeat;background-size: 100%;}
.brand-ship-body .detail-top .detail-main .detail-btn .small-btn:hover{color: #f80;}
/*ship-canshu-table*/
.brand-ship-body .ship-canshu-table{display: flex;flex-direction: column; margin: 0 auto;border: 1px #eee solid;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%);}
.brand-ship-body .ship-canshu-table li{display: flex;background:#fff;width 1098px;height:50px;line-height:50px;float:left;font-size: 14px;}
.brand-ship-body .ship-canshu-table li + li{border-top:#f1f1f1 1px solid}
.brand-ship-body .ship-canshu-table li span{width: 80px;height:100%;float:left;border-right:#f1f1f1 0px solid;border-left:#f1f1f1  0px solid;text-align:center;background: #f8f8f8;color:#666;}
.brand-ship-body .ship-canshu-table li em{width: -webkit-calc(25% - 95px);height:100%;float:left;padding-left:15px;}
.brand-ship-body .ship-canshu-table li i{width:512px; height:100%; float:left;padding-left:10px;}
.brand-ship-body .ship-canshu-table li em .buy-btn{background:#019cf6; color:#FFFFFF;padding:5px 10px;font-size: 14px; margin-left: 20px;border-radius: 3px;}
.brand-ship-body .ship-canshu-table li em .buy-btn:hover{background:#ff4f53;}
.brand-ship-body .ship-canshu-table li p{padding: 0px  15px;font-size: 12px;}
.brand-ship-body .ship-canshu-table li em.half-w {width: -webkit-calc(50% - 95px);}
/*ship-content*/
.brand-ship-body .ship-content {display: block; margin: 0px 0;padding:10px 30px;font-size: 16px;line-height: 30px;overflow: hidden;}
.brand-ship-body .ship-content p {display:block; margin: 10px 0; clear:both; /*text-indent: 2em; text-align: justify;*/overflow:visible;word-break:break-all}
.brand-ship-body .ship-content a {color:#2970A6;border-bottom:1px dotted #2970A6;}
.brand-ship-body .ship-content a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.brand-ship-body .ship-content img {max-width: 90% !important;height:auto !important; margin:0px auto; vertical-align: middle; border:0}
.brand-ship-body .ship-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.brand-ship-body .ship-content .keylink:hover{color:#ff0000;} 
.brand-ship-body .ship-content h2,
.brand-ship-body .ship-content h3,
.brand-ship-body .ship-content h4,
.brand-ship-body .ship-content strong {font-weight:bold;}
.brand-ship-body .ship-content h2,
.brand-ship-body .ship-content h3,
.brand-ship-body .ship-content h4{margin: 15px 0px;} 
.brand-ship-body .ship-content pre,
.brand-ship-body .ship-content blockquote{margin-top: 15px 0px; padding: 15px 15px; background: #f3f3f3;font-size: 14px;line-height: 24px;border-radius: 4px;} 
.brand-ship-body .ship-content pre ,
.brand-ship-body .ship-content blockquote p {margin: 0px 0;} 
.brand-ship-body .ship-content pre {white-space: pre-wrap;}
.brand-ship-body .ship-content table{ max-width:90%; min-width:60%;margin:15px auto 15px; border:1px solid #ddd;border-collapse:collapse;font-size: 14px;}
.brand-ship-body .ship-content table tr:nth-child(2n){ background-color: #fafafa;}
.brand-ship-body .ship-content table th,
.brand-ship-body .ship-content table td{line-height: 20px;/*text-align:center;*/padding-top: 5px;padding-bottom: 5px;padding:5px 8px;border: 1px solid #ddd;}
.brand-ship-body .ship-content table thead tr{background-color: #f8f8f8;}
.brand-ship-body .ship-content table thead th{text-align: center;font-weight:700; background: #eee;}
.brand-ship-body .ship-content table tbody th{text-align: center;font-weight:500;}
.brand-ship-body .ship-content table tbody p {text-align:center;}
.brand-ship-body .ship-content ul,
.brand-ship-body .ship-content ol{margin:15px 0px;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;word-wrap: break-word;word-break: break-all;text-justify: inter-ideograph;list-style: circle;}
.brand-ship-body .ship-content ul li,
.brand-ship-body .ship-content ol li {margin: 0 0 0 25px;line-height: 200%;}
.brand-ship-body .ship-content ul li { padding:5px 0px; list-style: disc;}
.brand-ship-body .ship-content ol li {list-style: decimal;}
.brand-ship-body .ship-content ul li + li {border-top: 1px #eee dashed;}
.brand-ship-body .ship-content ul li p {margin: 0;}



/*============ 游艇码头 CSS ============ */
.yacht-marina {position: relative;}
.fix{max-width:1280px !important;position:fixed;top:0px;_position:absolute;_top: expression(documentElement.scrollTop + "px");z-index:999;/*filter:alpha(opacity=90);opacity:0.9;*/border:1px solid #eee;box-shadow:0 0 12px #eee;}
.yacht-marina .marina-panel{position:relative; padding: 40px 0px;}
.yacht-marina .marina-panel:nth-child(2n+1) {background-color: #ffffff;}
/* marina-top */
.yacht-marina .marina-top{background: url("../images/bg-top-matou.png");background-size: 100% 460px;height: 400px;}
.yacht-marina .marina-top .container {display: flex; align-items: center;height: 400px;}
.yacht-marina .marina-top-cover{z-index: 2;width: 100%;height: 100%;background-color: rgb(255 255 255 / 30%);}
.yacht-marina .marina-top-title{width: 100%; text-align: center; color: #fff;display: flex;flex-direction: column;gap: 15px;}
.yacht-marina .marina-top-title .title{ font-size: 40px; font-weight: 600; line-height: 60px;text-align: center; color: #fff;}
.yacht-marina .marina-top-title .text {font-size: 16px; font-weight: 400;text-align: center; color: #fff;}
.yacht-marina .marina-top-title .text b { font-weight: 400; margin: 0 10px;color:#ff4701;}
/*marina-body*/
.yacht-marina .marina-body {position: relative;}
.yacht-marina .marina-body .marina-content {}
/*marina-region*/
.yacht-marina .marina-retrieve{position:relative; padding: 20px 0px;}
.yacht-marina .marina-body .marina-region {margin-bottom: 0px;max-width:1280px!important;display: inline-block;z-index: 999;overflow: hidden;background: #f8f8f8;width: 100%;height: 50px;border-top:3px solid #795548;border-bottom: 1px #ebebeb solid; -webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.yacht-marina .marina-body .marina-region-nav {position: absolute;max-width: 100%;height: 50px;display: flex;}
.yacht-marina .marina-body .marina-region-nav li {line-height: 50px;font-size: 16px;}
.yacht-marina .marina-body .marina-region-nav li a {display: inline-block;padding: 0 12px;margin: 0 1px}
.yacht-marina .marina-body .marina-region-nav li.cur {margin-top:-3px;border-top:3px solid #3598db;background: #fff;}
.yacht-marina .marina-body .marina-region-nav li.cur a{color:#3598db;}
.yacht-marina .marina-body .marina-region-nav li.hot {padding:0 15px;font-weight: bold;}











.yacht-matou {position: relative;}
.fix{max-width:1280px!important;position:fixed;top:0px;_position:absolute;_top: expression(documentElement.scrollTop + "px");z-index:999;/*filter:alpha(opacity=90);opacity:0.9;*/border:1px solid #eee;box-shadow:0 0 12px #eee;}
.yacht-matou .matou-panel{position:relative; padding: 30px 0px;}
.yacht-matou .matou-panel:nth-child(2n+1) {background-color: #ffffff;}
.yacht-matou .matou-panel .matou-wrap{padding: 20px 0px;}
/*list-matou-picul*/
.list-matou-picul {display: flex;flex-wrap: wrap;justify-content:flex-start;gap: 20px;}
.list-matou-picul .item {width: 50%;flex: 1 1 calc(50% - 15px);-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.list-matou-picul .item .item-wrap {padding: 15px;overflow: hidden;background: #fff;display: flex;flex-direction: row;justify-content: space-between;gap: 15px;border-radius: 5px;}
.list-matou-picul .item .item-pic {display: inline-block;/* width: 40%; */height: 160px;overflow: hidden;}
.list-matou-picul .item .item-pic img {width: 100%;height: 100%;}
.list-matou-picul .item .item-main {width 55%;/* padding: 15px; */display: flex;flex-direction: column;justify-content: space-around;gap: 15px;width: 60%;flex: 1 1 calc(60% - 15px);}
.list-matou-picul .item .item-title {font-size: 18px; font-weight: bold;}
.list-matou-picul .item .item-media {background: #f8f8f8;padding: 15px;display: flex;flex-direction: row;justify-content: space-evenly;}
.list-matou-picul .item .item-media dd {float: left;width: 33.3333%;text-align: center;border-right: 1px solid #ebebeb;}
.list-matou-picul .item .item-media dd:last-child {margin-right: 0;border-right: none;}
.list-matou-picul .item .item-media dd span {display: block;}
.list-matou-picul .item .item-media dd span b {font-size: 16px;}
.list-matou-picul .item .item-address {font-size: 14px;}

.list-matou-picul .item2{width: -webkit-calc(50% - 10px);-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.list-matou-picul .item2 .item-wrap {padding: 15px;overflow: hidden;background: #fff;display: flex;flex-direction: row;justify-content: space-between;gap: 20px;border-radius: 5px;}
.list-matou-picul .item2 .item-pic {width: 50%;display: inline-block;height: 161px;overflow: hidden;}
.list-matou-picul .item2 .item-pic a{display: inline-block;width: 100%;height: 100%;}
.list-matou-picul .item2 .item-pic img {width: 100%;height: 100%;}
.list-matou-picul .item2 .item-main {width: 58%;flex: 1 1 calc(50% - 10px);display: flex;flex-direction: column;justify-content: space-between;gap: 10px;}
.list-matou-picul .item2 .item-main span {color: #999;}
.list-matou-picul .item2 .item-title {font-size: 16px;font-weight: bold;}
.list-matou-picul .item2 .item-media {display: flex;justify-content: space-evenly;flex-wrap: wrap;gap: 5px;}
.list-matou-picul .item2 .item-media dd {float: left;width: 50%; flex: 1 1 calc(50% - 10px);}
.list-matou-picul .item2 .item-address {font-size: 14px;}

/*list-matou-imgul*/
.list-matou-imgul {display: flex;flex-wrap: wrap;gap: 20px;}
.list-matou-imgul .item {width:25%; flex: 1 1 calc(25% - 15px);}
.list-matou-imgul .item-wrap {padding: 0px;overflow: hidden;background: #fff;display: flex;flex-direction: column;justify-content: space-between;border-radius: 5px;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.list-matou-imgul .item-pic {display: inline-block;position: relative;height: 180px;overflow: hidden;}
.list-matou-imgul .item-pic img {width: 100%;height: 100%;}
.list-matou-imgul .item .item-main {padding: 15px;display: flex;flex-direction: column;justify-content: space-between;gap: 10px;flex: 1 1 calc(60% - 15px);}
.list-matou-imgul .item .item-main span {color: #999;}
.list-matou-imgul .item .item-title {font-size: 16px;font-weight: bold;text-align: center;}
/*.list-matou-imgul .item .item-media {background: #f8f8f8;padding: 10px;display: flex;flex-direction: row;justify-content: space-evenly;}
.list-matou-imgul .item .item-media dd {float: left;width: 33.3333%;text-align: center;border-right: 1px solid #ebebeb;}
.list-matou-imgul .item .item-media dd:last-child {margin-right: 0;border-right: none;}
.list-matou-imgul .item .item-media dd span {display: block;}
.list-matou-imgul .item .item-media dd span b {font-size: 16px;}*/
.list-matou-imgul .item .item-media {display: flex;justify-content: space-evenly;flex-wrap: wrap;gap:5px;}
.list-matou-imgul .item .item-media dd {float: left;width: 50%; flex: 1 1 calc(50% - 10px);}
.list-matou-imgul .item .item-address {padding-top: 10px;font-size: 14px;border-top: 1px #ddd dashed;}
.list-matou-imgul .item .item-location {position: absolute;left:15px;top:15px;font-size: 14px;color: #fff;background: rgb(255 87 34 / 90%);color: #fff;background: #FF9800;border-radius: 5px;overflow: hidden;}
.list-matou-imgul .item .item-location span {float: left;padding: 0 8px;height: 28px;line-height: 28px;}
.list-matou-imgul .item .item-location span.state {background: #795548;}
.list-matou-imgul .item .item-location span.city {}
/* brand-top */
.yacht-matou .matou-top { background: url("../images/bg-top-matou.png");background-size: 100% 400px;height: 400px;}
.yacht-matou .matou-top .container {display: flex; align-items: center;height: 400px;}
.yacht-matou .matou-top-cover{z-index: 2;width: 100%;height: 100%;background-color: #000;background-color: rgba(0,0,0,.3);border-radius: 4px;}
.yacht-matou .matou-top-title{width: 100%; text-align: center; color: #fff;display: flex;flex-direction: column;gap: 15px;}
.yacht-matou .matou-top-title .title{ font-size: 40px; font-weight: 600; line-height: 60px;text-align: center; color: #fff;}
.yacht-matou .matou-top-title .text {font-size: 16px; font-weight: 400;text-align: center; color: #fff;}
.yacht-matou .matou-top-title .text b { font-weight: 400; margin: 0 10px;color:#ff4701;}
/*brands-body*/
.yacht-matou .matou-body {position: relative;}
.yacht-matou .matou-body .matou-content {display: flex;flex-direction: column;gap: 20px;}
.matou-region {margin-bottom: 20px;display: inline-block;overflow: hidden;background: #f8f8f8;width: 100%;height: 50px;border-top:3px solid #d6d7db;border-bottom: 1px #ebebeb solid; -webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.yacht-matou .matou-body .matou-region-nav {position: absolute;max-width: 100%;height: 50px;display: flex;}
.yacht-matou .matou-body .matou-region-nav li {line-height: 50px;font-size: 16px;}
.yacht-matou .matou-body .matou-region-nav li a {display: inline-block;padding: 0 12px;margin: 0 1px}
.yacht-matou .matou-body .matou-region-nav li.cur {margin-top:-3px;border-top:3px solid #3598db;background: #fff;}
.yacht-matou .matou-body .matou-region-nav li.cur a{color:#3598db;}
.yacht-matou .matou-body .matou-region-nav li.hot {padding:0 15px;font-weight: bold;}
.yacht-matou .matou-body .matou-box{width: 100%;margin: 0px auto;padding:0px 0;display: flex;flex-direction: column;gap: 20px;}
.yacht-matou .matou-body .matou-box .region-name{margin-bottom: 15px; float: left; width: 100%; padding:0;border-bottom: 1px solid #DDDDDD;}
.yacht-matou .matou-body .matou-box .region-name h3{width: 90px;height: 30px;line-height: 30px;padding:5px 10px;text-align:center;font-size:16px;color:#FFF;background:#8a7c78;border-radius: 0 15px 0 0;}
.yacht-matou .matou-body .matou-box .content {display: inline-block;overflow hidden;}
/*matou-detail-header*/
.yacht-matou .matou-body .matou-detail-header{background: #ffffff;border-radius: 4px;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.yacht-matou .matou-body .matou-detail-header {padding: 20px;overflow: hidden;background: #fff;display: flex;flex-direction: row;justify-content: space-between;gap: 30px;border-radius: 5px;}
.yacht-matou .matou-body .matou-detail-header .detail-pic {display: inline-block; width: 47%;height: 300px;overflow: hidden;}
.yacht-matou .matou-body .matou-detail-header .detail-pic img {width: 100%;height: 100%;}
.yacht-matou .matou-body .matou-detail-header .detail-main {width:55%;/* padding: 15px; */display: flex;flex-direction: column;justify-content: space-between;gap: 15px;flex: 1 1 calc(55% - 30px);}
.yacht-matou .matou-body .matou-detail-header .detail-title {font-size: 24px; font-weight: bold;}
.yacht-matou .matou-body .matou-detail-header .detail-info1 {display: flex;flex-direction: row;justify-content: flex-start;}
.yacht-matou .matou-body .matou-detail-header .detail-info1 dd{margin-right: 25px; padding-right: 25px;white-space: nowrap; font-size: 14px; line-height: 1;float: left;border-right: 1px solid #ebebeb;}
.yacht-matou .matou-body .matou-detail-header .detail-info1 span {color: #999;}
.yacht-matou .matou-body .matou-detail-header .detail-info1 .data {}
.yacht-matou .matou-body .matou-detail-header .detail-info2 {background: #f8f8f8;padding: 15px;display: flex;flex-direction: row;justify-content: space-evenly;}
.yacht-matou .matou-body .matou-detail-header .detail-info2 dd {float: left;width: 33.3333%;text-align: center;border-right: 1px solid #ebebeb;}
.yacht-matou .matou-body .matou-detail-header .detail-info2 dd:last-child {margin-right: 0;border-right: none;}
.yacht-matou .matou-body .matou-detail-header .detail-info2 dd span {display: block;line-height: 1.7;}
.yacht-matou .matou-body .matou-detail-header .detail-info2 dd span em {font-size: 24px;color: #2196F3;}
.yacht-matou .matou-body .matou-detail-header .detail-address {}
/*btn-nav*/
.yacht-matou .matou-body .matou-detail-header .btn-nav{margin:0px;}
.yacht-matou .matou-body .matou-detail-header .btn-nav ul li{float: left;margin-right:20px;padding:0px 30px;height: 40px;line-height: 40px;text-align: center;white-space: nowrap;vertical-align: middle;border: 1px solid #ebebeb;border-radius: 3px;font-size: 16px;/* background: #4284d9; color:#FFF;*/cursor: pointer;}
.yacht-matou .matou-body .matou-detail-header .btn-nav ul li.current {border: 1px solid #008eff; background: #008eff;}
.yacht-matou .matou-body .matou-detail-header .btn-nav ul li.current a{color:#FFF;}
.yacht-matou .matou-body .matou-detail-header .btn-nav ul li:hover{border: 1px solid #008eff;color:#FFF;background:#008eff;}
.yacht-matou .matou-body .matou-detail-header .btn-nav ul li:hover a {color:#FFF;}
.yacht-matou .matou-body .matou-detail-header .detail-address {font-size: 14px;}
.yacht-matou .matou-body .matou-detail-header .detail-address span {color:#999;}
.yacht-matou .matou-body .matou-introduce{padding:20px 30px;line-height:1.75;font-size: 16px;background: #ffffff;border-radius: 4px;/*-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);*/}
.yacht-matou .matou-body .matou-introduce p{margin:15px 0;line-height:1.75;}
.yacht-matou .matou-body .matou-introduce p img{max-width:800px;height:auto;}
/*matou-content*/
.yacht-matou .matou-body .matou-introduce {display: block; padding:20px 30px;font-size: 16px;line-height: 30px;overflow: hidden;background: #ffffff;border-radius: 4px;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.yacht-matou .matou-body .matou-introduce p {display:block; margin: 15px 0; clear:both; /*text-indent: 2em; text-align: justify;*/overflow:visible;word-break:break-all}
.yacht-matou .matou-body .matou-introduce a {color:#2970A6;border-bottom:1px dotted #2970A6;}
.yacht-matou .matou-body .matou-introduce a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.yacht-matou .matou-body .matou-introduce img {max-width: 90% !important;height:auto !important; margin:0px auto; vertical-align: middle; border:0}
.yacht-matou .matou-body .matou-introduce .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.yacht-matou .matou-body .matou-introduce .keylink:hover{color:#ff0000;} 
.yacht-matou .matou-body .matou-introduce h2,
.yacht-matou .matou-body .matou-introduce h3,
.yacht-matou .matou-body .matou-introduce h4,
.yacht-matou .matou-body .matou-introduce strong {font-weight:bold;}
.yacht-matou .matou-body .matou-introduce h2,
.yacht-matou .matou-body .matou-introduce h3,
.yacht-matou .matou-body .matou-introduce h4{margin: 15px 0px;} 
.yacht-matou .matou-body .matou-introduce pre,
.yacht-matou .matou-body .matou-introduce blockquote{margin-top: 15px 0px; padding: 15px 15px; background: #f3f3f3;font-size: 14px;line-height: 24px;border-radius: 4px;} 
.yacht-matou .matou-body .matou-introduce pre ,
.yacht-matou .matou-body .matou-introduce blockquote p {margin: 0px 0;} 
.yacht-matou .matou-body .matou-introduce pre {white-space: pre-wrap;}
.yacht-matou .matou-body .matou-introduce table{ max-width:90%; min-width:60%;margin:15px auto 15px; border:1px solid #ddd;border-collapse:collapse;font-size: 14px;}
.yacht-matou .matou-body .matou-introduce table tr:nth-child(2n){ background-color: #fafafa;}
.yacht-matou .matou-body .matou-introduce table th,
.yacht-matou .matou-body .matou-introduce table td{line-height: 20px;/*text-align:center;*/padding-top: 5px;padding-bottom: 5px;padding:5px 8px;border: 1px solid #ddd;}
.yacht-matou .matou-body .matou-introduce table thead tr{background-color: #f8f8f8;}
.yacht-matou .matou-body .matou-introduce table thead th{text-align: center;font-weight:700; background: #eee;}
.yacht-matou .matou-body .matou-introduce table tbody th{text-align: center;font-weight:500;}
.yacht-matou .matou-body .matou-introduce table tbody p {text-align:center;}
.yacht-matou .matou-body .matou-introduce ul,
.yacht-matou .matou-body .matou-introduce ol{margin:15px 0px;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;word-wrap: break-word;word-break: break-all;text-justify: inter-ideograph;list-style: circle;}
.yacht-matou .matou-body .matou-introduce ul li,
.yacht-matou .matou-body .matou-introduce ol li {margin: 0 0 0 25px;line-height: 200%;}
.yacht-matou .matou-body .matou-introduce ul li { padding:5px 0px; list-style: disc;}
.yacht-matou .matou-body .matou-introduce ol li {list-style: decimal;}
.yacht-matou .matou-body .matou-introduce ul li + li {border-top: 1px #eee dashed;}
.yacht-matou .matou-body .matou-introduce ul li p {margin: 0;}


/*============ 租艇玩 CSS ============ */
/*list-rental-picul*/
.list-rental-picul{display: flex;flex-wrap: wrap;justify-content:flex-start;gap: 20px;}
.list-rental-picul .item{position:relative;width: -webkit-calc(25% - 15px);height:auto; display:inline-block; border:0px solid #fff;}
.list-rental-picul .item .item-wrap {overflow:hidden; display: flex; flex-direction: column;border-radius: 6px;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.list-rental-picul .item:hover .item-wrap {-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.list-rental-picul .item .item-pic{width:auto;height:200px;position:relative;overflow:hidden;}
.list-rental-picul .item .item-pic img{width:100%;height:100%;transition:all .5s;}
.list-rental-picul .item:hover .item-pic img{transform: scale(1.05);filter:Alpha(Opacity=90);opacity: 0.9; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.list-rental-picul .item .item-pic .item-name{position:absolute;left:0;top:20px;z-index: 999;color:#fff;font-size:14px;height:30px;line-height:30px;padding:0 12px;background-color:#000;opacity:.5;border-radius:0 15px 15px 0;display:inline-block;}
.list-rental-picul .item .item-main{margin:15px 15px;display: flex;flex-direction: column;gap: 10px;}
.list-rental-picul .item .item-title{width:100%;font-size:16px;color:#333;}
.list-rental-picul .item .item-label{margin-top:0px;}
.list-rental-picul .item .item-label span{display:inline-block;color:#ff9e00;border:1px solid #ff9e00;border-radius:3px;font-size:14px;height:24px;line-height:24px;padding:0 8px;margin-right:10px;}
.list-rental-picul .item .item-label span:hover{color:#fff;background-color:#ff9e00;}
.list-rental-picul .item .item-location{}
.list-rental-picul .item .item-location span.icon-location{display: block;padding-left: 20px;  color: #666; background: url("./../images/icon-dizhi.png") 0 3px no-repeat; background-size: 14px 16px;}
.list-rental-picul .item .item-location a{vertical-align:middle;display:inline-block;color:#999;font-size:14px;width:14em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:7px}
.list-rental-picul .item .item-location a:hover{text-decoration:none;color:#568ff8}
.list-rental-picul .item .item-price{position: absolute; bottom: 70px;right: 20px;width:140px;height:26px;line-height:26px;color:#ff5300;font-size:24px;display:inline-block;vertical-align:middle;text-align:right;}
.list-rental-picul .item .item-price small{font-size:14px;vertical-align:middle}
.list-rental-picul .item .item-describe{height:40px;line-height:40px;background:#f7faff;color:#666;font-size:14px;padding:0 15px;border-radius:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-rental-picul .item .item-wharf{display:inline-block;vertical-align:middle;font-size:14px;width:215px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}
/*list-rental-infoul*/
.list-rental-infoul{display: flex;flex-wrap: wrap;justify-content:flex-start;gap: 20px;}
.list-rental-infoul .item{position:relative;width: -webkit-calc(25% - 15px);height:auto; display:inline-block;overflow:hidden;border-radius: 4px;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.list-rental-infoul .item .item-pic{width:auto;height:200px;position:relative;overflow:hidden;}
.list-rental-infoul .item .item-pic img{width:100%;height:100%;transition:all .5s;}
.list-rental-infoul .item:hover{-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.list-rental-infoul .item:hover .item-pic img{transform: scale(1.05);filter:Alpha(Opacity=90);opacity: 0.9; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.list-rental-infoul .item .item-main{margin:15px 15px;display: flex;flex-direction: column;gap: 15px;}
.list-rental-infoul .item .item-title{width:100%;font-size:16px;color:#333;font-weight: bold; text-align: center;}
.list-rental-infoul .item .item-info{display: flex;justify-content: space-evenly;}
.list-rental-infoul .item .item-info span{line-height: 16px;}
.list-rental-infoul .item .item-bottom{position: relative;border-top: 1px #ddd dashed;padding-top: 15px;}
.list-rental-infoul .item .item-bottom span{line-height:24px;}
.list-rental-infoul .item .item-bottom .icon-location{padding-left: 20px;  color: #666; background: url("./../images/icon-ytcs-tk.png") 0 0px no-repeat; background-size: 18px 16px;}
.list-rental-infoul .item .item-bottom .item-price{position: absolute; bottom: 0px;right: 0px; color:#999; display:inline-block;vertical-align:middle;text-align:right;}
.list-rental-infoul .item .item-bottom .item-price em{font-size:22px; color:#ff5300;font-weight:600;} 
.list-rental-infoul .item .item-label{position: absolute;top: 15px;left: 15px;z-index: 9999;background: #ff9800;color: #ffffff;line-height: 28px;overflow:hidden;border-radius: 6px;} 
.list-rental-infoul .item .item-label span{display: inline-block;padding: 0px 8px;} 
.list-rental-infoul .item .item-label .type{background: #945d56;} 
.list-rental-infoul .item .item-label .way{} 
.list-rental-infoul .item .item-info i{display: block;float: left;height: 18px;margin-right:2px;padding-left: 20px;} 
.list-rental-infoul .item .item-info i.icon-cd{background: url(../images/icon-ytcs-cd.png) 0 0px no-repeat; background-size: 18px 16px;}
.list-rental-infoul .item .item-info i.icon-hs{display: block;padding-left: 20px;background: url("./../images/icon-ytcs-hs.png") 0 0px no-repeat; background-size: 18px 16px;}
.list-rental-infoul .item .item-info i.icon-hz{display: block;padding-left: 20px;background: url("./../images/icon-ytcs-hz.png") 0 0px no-repeat; background-size: 18px 16px;}
.yacht-rental{}
/*线路列表-筛选*/
.rental-filter{padding: 20px 0px;}
.yacht-rental .rental-filter-condition {margin-bottom: 20px;padding: 20px 30px;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%);}
.yacht-rental .rental-filter-condition .filter-content {display: flex;flex-direction: column; overflow: hidden;}
.yacht-rental .rental-filter-condition .item {display:block;position:relative;padding:10px 10px 10px 100px;line-height:24px;font-size: 14px;border-top:1px dashed #dcdcdc;}
.yacht-rental .rental-filter-condition .item:first-child {border-top:0}
.yacht-rental .rental-filter-condition .item dt {position:absolute;left:0;top:10px;padding:2px 0;padding-left: 26px;font-weight:500;color:#999;}
.yacht-rental .rental-filter-condition .item dt.log1{background: url("./../images/cart-icon-log1.jpg") center left no-repeat;overflow: hidden;background-position: left 5px;}
.yacht-rental .rental-filter-condition .item dt.log2{background: url("./../images/cart-icon-log2.jpg") center left no-repeat;overflow: hidden;background-position: left 5px;}
.yacht-rental .rental-filter-condition .item dt.log3{background: url("./../images/cart-icon-log3.jpg") center left no-repeat;overflow: hidden;background-position: left 5px;}
.yacht-rental .rental-filter-condition .item dt.log4{background: url("./../images/cart-icon-log4.png") center left no-repeat;overflow: hidden;background-position: left 5px;}
.yacht-rental .rental-filter-condition .item dt.log5{background: url("./../images/cart-icon-log5.jpg") center left no-repeat;overflow: hidden;background-position: left 5px;}
.yacht-rental .rental-filter-condition .item dt.log6{background: url("./../images/cart-icon-log6.jpg") center left no-repeat;overflow: hidden;background-position: left 5px;}
.yacht-rental .rental-filter-condition .item dt.log7{background: url("./../images/cart-icon-log7.jpg") center left no-repeat;overflow: hidden;background-position: left 5px;}
.yacht-rental .rental-filter-condition .item em {position:absolute;left:90px;top:10px;bottom:auto;width:auto;padding:5px 0;border-top:none}
.yacht-rental .rental-filter-condition .item dd {*zoom:1}
.yacht-rental .rental-filter-condition .item dd:after{content:" ";clear:both;display:table}
.yacht-rental .rental-filter-condition .item a {display:block; float:left; margin:0px 5px; padding:2px 10px}
.yacht-rental .rental-filter-condition .item a:hover,
.yacht-rental .rental-filter-condition .item a.active {color:#fff;background-color:#945d56; border-radius: 3px;}
.yacht-rental .rental-filter-condition .item .links {display: block;clear: both;}
.yacht-rental .rental-filter-condition .item dt>i{display:inline-block;width:23px;height:23px;background:url("./../images/ship-list-ico.png") no-repeat;vertical-align:middle;margin:-2px 6px 0 0}
.yacht-rental .rental-filter-condition .item dt>i.dest-ico{background-position:0 0}
.yacht-rental .rental-filter-condition .item dt>i.city-ico{background-position:0 -32px}
.yacht-rental .rental-filter-condition .item dt>i.time-ico{background-position:0 -64px}
.yacht-rental .rental-filter-condition .item dt>i.company-ico{background-position:0 -96px}
.yacht-rental .rental-filter-condition .item dt>i.day-ico{background-position:0 -128px}
.yacht-rental .rental-filter-condition .item dt>i.type-ico{background-position:0 -156px}
.yacht-rental .rental-filter-condition .item dt>i.type-ico{background-position:0 -156px}
.yacht-rental .rental-filter-result{position:relative;}

.yacht-rental .rental-body{position:relative;padding: 0px 0;}
.rental-detail-top{position:relative;}
.rental-detail-top .detail-wrap{position:relative;padding: 30px;display: flex;flex-direction: row; gap: 30px;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%);border-radius:4px;}
.rental-detail-top .detail-top-left{width: 54%;}
.rental-detail-top .detail-top-right{width: 46%;}
.rental-detail-top .detail-img{width: 100%;height: 360px;} 
.rental-detail-top .detail-img img{width: 100%;height: 100%;}
.rental-detail-top .detail-info{ display: flex;flex-direction: column;gap: 30px;}
.rental-detail-top .detail-info .detail-title{font-size: 26px;font-weight: bold;}
.rental-detail-top .detail-info h4{margin-bottom: 15px;line-height: 36px; text-align: center; color: #e5be80;font-size: 16px;text-align: center;background: url(../images/bg-title-min.png) center center repeat-x;}
.rental-detail-top .detail-info .detail-info-parameter{font-size: 16px;}
.rental-detail-top .detail-info .detail-info-dl{line-height: 41px; display: block;/* border-bottom: 1px solid #dddddd; */ cursor: auto;display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 20px 10px;}
.rental-detail-top .detail-info .detail-info-dl dd{width:50%; flex: 1 1 calc(50% - 10px);line-height: 24px;color: #999; }
.rental-detail-top .detail-info .detail-info-dl dd span{color: #333; }
.rental-detail-top .detail-info .detail-info-dl dd i{display: block;float: left;margin-right: 10px;width:24px;height: 24px;} 
.rental-detail-top .detail-info .detail-info-dl dd i.icon-pp{background: url("./../images/icon-ytcs-pp.png") 0 0px no-repeat;background-size: 24px auto;}
.rental-detail-top .detail-info .detail-info-dl dd i.icon-cd{background: url("./../images/icon-ytcs-cd.png") 0 0px no-repeat;background-size: 24px auto;}
.rental-detail-top .detail-info .detail-info-dl dd i.icon-kd{background: url("./../images/icon-ytcs-kd.png") 0 0px no-repeat;background-size: 24px auto;}
.rental-detail-top .detail-info .detail-info-dl dd i.icon-tk{background: url("./../images/icon-ytcs-tk.png") 0 0px no-repeat;background-size: 24px auto;}
.rental-detail-top .detail-info .detail-info-dl dd i.icon-hs{background: url("./../images/icon-ytcs-hs.png") 0 0px no-repeat;background-size: 24px auto;}
.rental-detail-top .detail-info .detail-info-dl dd i.icon-hz{background: url("./../images/icon-ytcs-hz.png") 0 0px no-repeat;background-size: 24px auto;}
.rental-detail-top .detail-info .detail-info-dl dd i.icon-pz{background: url("./../images/icon-ytcs-pz.png") 0 0px no-repeat;background-size: 24px auto;}
/*.rental-detail-top .detail-info .detail-info-price{line-height: 41px; display: block;cursor: auto;}
.rental-detail-top .detail-info .detail-info-price .list-prices {display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 15px;}
.rental-detail-top .detail-info .detail-info-price .list-prices .item {width: 25%;float: left;text-align: center;list-style: none;}
.rental-detail-top .detail-info .detail-info-price .list-prices .item .item-wrap {border: 1px solid #795548;text-align: center;border-radius: 5px;overflow: hidden;}
.rental-detail-top .detail-info .detail-info-price .list-prices .item .item-wrap .jiage-type {background: #795548;color: #fff;margin: auto;line-height: 22px;max-width: 93%;margin-top: auto;margin-bottom: auto;margin-top: -0px;padding: 3px 7px;font-weight: 600;}
.rental-detail-top .detail-info .detail-info-price .list-prices .item .item-wrap .jiage-box {padding: 10px;line-height: 30px;}
.rental-detail-top .detail-info .detail-info-price .list-prices .item .item-wrap .jiage-box b {font-weight: 600;font-size: 1.6rem;color: #ff9800;}
*/
/*detail-sale*/
.rental-detail-top .detail-info .detail-sale{display: flex;justify-content: space-between;flex-direction: row;align-items: center;padding: 10px 15px;background: #fff3ef;}
.rental-detail-top .detail-info .detail-sale .detail-follow{text-align: center;}
.rental-detail-top .detail-info .detail-sale .detail-follow span{display: block;}
.rental-detail-top .detail-info .detail-sale .detail-follow .txt{}
.rental-detail-top .detail-info .detail-sale .detail-follow .num{font-size: 16px;color: #ff9800;}
.rental-detail-top .detail-info .detail-sale .detail-jiage {padding: 0px;line-height: 30px;}
.rental-detail-top .detail-info .detail-sale .detail-jiage b {font-weight: 600;font-size: 34px;color: #ff9800;}
.rental-detail-top .detail-info .detail-sale .detail-jiage i {font-size: 32px;font-weight: 500;}
/*book-inquiry*/
.book-inquiry {display: flex;gap: 30px;justify-content: center;align-items: center;margin: 10px 0;}
.book-inquiry .book-btn,.book-inquiry #zixun-btn {width: 134px;height: 48px;border-radius: 4px;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #fff;cursor: pointer;}
.book-inquiry .icon-date{margin-right: 4px;font-size: 18px;}
.book-inquiry .icon-kefu{margin-right: 4px;width: 20px;height: 20px;background:url("./../images/icon-kefu.png") center center no-repeat;background-size: 100%;}
.book-inquiry .book-btn {background-color: #f90;}
.book-inquiry #zixun-btn {background-color: #33acff;}
.book-inquiry .book-btn:hover .book-inquiry #zixun-btn:hover {background-color: #f80;}
/*detail-info-price*/
.rental-detail-top .detail-info-price{ margin-top: 20px;line-height: 41px; display: block;cursor: auto;}
.rental-detail-top .detail-info-price h4{margin-bottom: 15px;line-height: 36px; text-align: center; color: #e5be80;font-size: 16px;text-align: center;background: url(../images/bg-title-min.png) center center repeat-x;}
.rental-detail-top .detail-info-price .list-prices {display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 15px;}
.rental-detail-top .detail-info-price .list-prices .item {width:20%; flex: 1 1 calc(20% - 10px);float: left;text-align: center;list-style: none;}
.rental-detail-top .detail-info-price .list-prices .item .item-wrap {border: 1px solid #795548;text-align: center;border-radius: 5px;overflow: hidden;}
.rental-detail-top .detail-info-price .list-prices .item .item-wrap .jiage-type {background: #795548;color: #fff;margin: auto;line-height: 22px;max-width: 93%;margin-top: auto;margin-bottom: auto;margin-top: -0px;padding: 3px 7px;font-weight: 600;}
.rental-detail-top .detail-info-price .list-prices .item .item-wrap .jiage-box {padding: 10px;line-height: 30px;}
.rental-detail-top .detail-info-price .list-prices .item .item-wrap .jiage-box b {font-weight: 600;font-size: 1.6rem;color: #ff9800;}
/*
.list-prices {}
.list-prices .item{width: 25%;margin:0.7%;float: left;text-align: center;list-style: none;}
.list-prices .item .item-wrap{border: 0px solid #ccc; text-align: center;padding: 14px 0px; border-radius:5px;}
.list-prices .item .item-wrap .jiage-list{border: 2px solid #ccc;}
.list-prices .item .item-wrap .jiage-list b{font-weight: 600;font-size: 1.6rem;color: #ff9800;}
.list-prices .item .item-wrap .jiage-type{background: #3c3c3c;color: #fff; margin: auto;line-height: 18px;max-width: 93%;  margin-top: auto;  margin-bottom: auto;margin-top: -30px;
border-radius: 5px;padding: 3px 7px;margin-bottom: 11px;font-weight: 600;}
*/
.rental-detail-body{position:relative;}
.rental-detail-body .detail-panel{position:relative;margin:20px 0;}
.rental-detail-body .panel-wrap{position:relative;padding:30px 30px;display: flex; flex-direction: column; gap: 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%);border-radius:4px;}
.rental-detail-body .detail-panel .peizhi-info{display: flex;justify-content: flex-start;flex-wrap: wrap; flex-direction: column;gap: 0px;}
.rental-detail-body .detail-panel .peizhi-info dl{}
.rental-detail-body .detail-panel .peizhi-info dl + dl{padding-top: 15px;margin-top: 15px;border-top: 1px #eee dashed;}
.rental-detail-body .detail-panel .peizhi-info-dl dt{float: left;width: 80px;line-height: 18px;font-size:14px;color: #666;font-weight:600;}
.rental-detail-body .detail-panel .peizhi-info-dl dd{display: flex;justify-content: flex-start;flex-wrap: wrap;align-items: center; gap: 15px;}
.rental-detail-body .detail-panel .peizhi-info-dl span{line-height: 18px;color: #777777;}
.rental-detail-body .detail-panel .peizhi-info-dl span:before{content: "✔";width: 18px;height: 18px; margin-right: 5px;display: inline-block;background: #FF9800;text-align: center;border-radius: 15%;color: #fff;}
.rental-detail-body .detail-panel .peizhi-info-dl:nth-child(2) span:before {background-color:#8bc34a;}
.rental-detail-body .detail-panel .peizhi-info-dl:nth-child(3) span:before {background-color:#03a9f4;}

.rental-detail-body .detail-panel .panel-item {touch-action: auto !important;background: #fff;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);padding:20px 30px;}
.rental-detail-body .detail-panel .panel-item h4 {margin-bottom: 10px;color: #34373b;font: bold 16px "Barlow", sans-serif;}
.rental-detail-body .detail-panel .panel-item .item-text {line-height: 2;color: #666;}
.rental-detail-body .detail-panel .panel-item .item-text strong {font-weight:bold;}
.rental-detail-body .detail-panel .item-content {display: block;padding:20px 30px;line-height: 1.75;overflow: hidden;font-size: 16px;background: #fff;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);}
.rental-detail-body .detail-panel .item-content p {display:block; margin: 15px 0;clear:both; overflow:visible;word-break:break-all}
.rental-detail-body .detail-panel .item-content a {color:#2970A6;border-bottom:1px dotted #2970A6;}
.rental-detail-body .detail-panel .item-content a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.rental-detail-body .detail-panel .item-content img {max-width: 680px;height:auto !important; margin:0px auto; vertical-align: middle; border:0}
.rental-detail-body .detail-panel .item-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.rental-detail-body .detail-panel .item-content .keylink:hover{color:#ff0000;} 
.rental-detail-body .detail-panel .item-content strong {font-weight bold;} 
.rental-detail-body .detail-panel .item-content h2,
.rental-detail-body .detail-panel .item-content h3,
.rental-detail-body .detail-panel .item-content h4{margin: 20px 0;padding-bottom: 10px;font-size: 18px;font-weight:700;border-bottom: 1px #eee solid;} 
.rental-detail-body .detail-panel .item-content pre,
.rental-detail-body .detail-panel .item-content blockquote{margin-top: 15px; padding: 15px 15px; background: #f3f3f3;font-size: 14px;line-height: 24px;border-radius: 4px;} 
.rental-detail-body .detail-panel .item-content pre ,.rental-detail-body .detail-panel .item-content blockquote p {margin: 0px 0;} 
.rental-detail-body .detail-panel .item-content pre {white-space: pre-wrap;}
.rental-detail-body .detail-panel .item-content table{width:100%; min-width:60%;margin:20px auto; border:1px solid #ddd;border-collapse:collapse;font-size: 14px;}
.rental-detail-body .detail-panel .item-content table tr:nth-child(2n){ background-color: #fafafa;}
.rental-detail-body .detail-panel .item-content table th,table td{line-height: 20px;/*text-align:center;*/padding-top: 5px;padding-bottom: 5px;padding: 8px;border: 1px solid #ddd;}
.rental-detail-body .detail-panel .item-content table thead tr{background-color: #f8f8f8;}
.rental-detail-body .detail-panel .item-content table thead th{text-align: center;font-weight:700; background: #eee;}
.rental-detail-body .detail-panel .item-content table tbody th{text-align: center;font-weight:500;}
.rental-detail-body .detail-panel .item-content table tbody p {text-align:center;}
.rental-detail-body .detail-panel .item-content ul,
.rental-detail-body .detail-panel .item-content ol{margin:15px 20px 15px 20px;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;word-wrap: break-word;word-break: break-all;text-justify: inter-ideograph;list-style: circle;}
.rental-detail-body .detail-panel .item-content ol{list-style: decimal;}
.rental-detail-body .detail-panel .item-content ul li,
.rental-detail-body .detail-panel .item-content ol li {margin: 0 15px;line-height: 200%;}
.rental-detail-body .detail-panel .item-content ul li { padding:0px 0px; list-style: disc;}
.rental-detail-body .detail-panel .item-content ul li + li {border-top: 0px #eee dashed;}
.rental-detail-body .detail-panel .item-content ul li p {margin: 0;}
.rental-detail-body .detail-panel .item-content.item-txt{line-height: 26px;}
.rental-detail-body .detail-panel .item-content.item-txt p {display:block; margin: 0px 0;}
.rental-detail-body .detail-panel .item-content.item-txt h3 {position: relative;margin: 15px 0px;padding-left:20px; padding-bottom: 0px;line-height: 20px;font-size: 16px;font-weight: bold;color: #78a4ff;border-bottom: 0px solid #e5e5e5;}
.rental-detail-body .detail-panel .item-content.item-txt + h3{margin-top: 20px;}
.rental-detail-body .detail-panel .item-content.item-txt h3:before {content: "©";display: inline-block;position: absolute;left: 0;top: 1px;padding: 0px 0px 0px;width: 20px;height: 20px;line-height: 20px;font-size: 16px;text-align: center;color: #fff;border-radius: 3px;font-weight: normal;color: #78a4ff;}

/*============ 图库 CSS ============ */
/*list-premium-picul*/
.list-gallery-infoul {display: block; margin: 0px; display: flex;flex-wrap: wrap;justify-content: flex-start;gap:20px;}	
.list-gallery-infoul .item {margin-bottom: 0px;width: -webkit-calc(25% - 15px);float: left; border-radius: 4px;}	
.list-gallery-infoul .item .item-wrap{display: block;position: relative;background:#FFFFFF; overflow: hidden; border-radius: 4px;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.list-gallery-infoul .item:hover .item-wrap{-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.list-gallery-infoul .item .item-pic {position: relative;display: inline-block; width: 100%; height: 200px; overflow: hidden;}
.list-gallery-infoul .item .item-pic img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.list-gallery-infoul .item .item-pic img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.list-gallery-infoul .item .item-name{position:absolute;left:0;top:20px;z-index: 999;color:#fff;font-size:14px;height:30px;line-height:30px;padding:0 12px;background-color:#2196F3;opacity:1;border-radius:0 15px 15px 0;display:inline-block;}
.list-gallery-infoul .item .item-main {padding: 12px 15px 15px;line-height: 22px;display: flex;flex-direction: column; gap: 10px;}
.list-gallery-infoul .item .item-main .item-title {min-height: 48px;line-height: 1.5;font-size: 16px;font-weight: 600;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.list-gallery-infoul .item .item-main .item-desc {margin-top: 0px;font-size: 14px; color:#999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.list-gallery-infoul .item .item-main .item-meta {margin-top: 5px;height: 22px; font-size: 16px;overflow: hidden; display: flex;justify-content: space-between;}
.list-gallery-infoul .item .item-main .item-meta span {color: #999;}
.list-gallery-infoul .item .item-main .item-meta .item-class{display: flex;align-items: center;}
.list-gallery-infoul .item .item-main .item-meta .icon-menu{font-size: 15px;}
.list-gallery-infoul .item .item-main .item-meta .icon-menu:before{margin-right: 4px;font-size: 16px;}

.yacht-gallery{}
.yacht-gallery .gallery-column:nth-child(2n) {background-color: #fff;}
.yacht-gallery .gallery-column{padding: 40px 0;}
.yacht-gallery .gallery-column .column-wrap{}
.yacht-gallery .gallery-column .column-content{}
.yacht-gallery .gallery-body{}
.yacht-gallery .gallery-body .mod-panel{padding: 40px 0;}
.yacht-gallery .gallery-body .mod-wrap{padding: 20px 20px;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
/*gallery-head */
.yacht-gallery .gallery-body .gallery-head {padding: 30px 0 0;}
.yacht-gallery .gallery-body .gallery-head .title{padding-bottom:10px; text-align:center; font:normal 32px/50px "Microsoft YaHei";}
.yacht-gallery .gallery-body .gallery-head .number{margin-left:20px; width:50px; height:50px; line-height:30px; font-family:"Microsoft YaHei","Georgia", "Times New Roman", Times, serif;}
.yacht-gallery .gallery-body .gallery-head .number span{color:#e55656;font-size:30px;}
.yacht-gallery .gallery-body .gallery-head .number i{color:#666666;font-size:24px;}
.yacht-gallery .gallery-body .gallery-head .gallery-info{ margin: 0px auto 20px; font-size:14px; color:#8c8c8c}
.yacht-gallery .gallery-body .gallery-head .gallery-info span{margin:0 40px}   




/*消除加载时rem生效时间差*/
@media (max-width: 320px){
.container{max-width:320px;min-width:320px;}
.list-ships-picul .item {width: -webkit-calc(50% - 10px);}
}
@media (max-width: 640px){
.container{max-width:640px;min-width:640px;}
.list-ships-picul .item {width: -webkit-calc(50% - 10px);}



}
@media (max-width: 720px){
.container{max-width:720px;min-width:720px;}
}
@media (max-width: 960px){
.container{max-width:960px;min-width:960px;}
}