@charset "utf-8";
/* CSS Document */
.section-panel{position:relative; padding: 30px 0px;}
.section-panel:nth-child(2n+1){background-color: #ffffff;}
.wrap{position:relative; padding: 20px 20px;}
.content{position:relative;}
/*====== 游艇资讯 ======*/
.yacht-news {position: relative;}
.yacht-news .channel-column{padding: 30px 0;}
.yacht-news .channel-column:nth-child(2n){background-color: #ffffff;}
.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 / 4%);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;}
.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:80%;margin:15px auto 15px; border:1px solid #ddd;border-collapse:collapse;font-size: 15px;}
.yacht-news .article-body .article-content table tr:nth-child(2n+1){ background-color: #fafafa;}
.yacht-news .article-body .article-content table th,
.yacht-news .article-body .article-content table td{line-height: 28px;/*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 10px 0 7px;line-height: 30px;height: 30px;margin-right: 10px;font-size: 15px;color: #555;border-radius: 18px;transition: all .5s ease;margin-bottom: 10px;border: 1px #eee solid;}
.yacht-news .article-body .article-tags .tagslist a i {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;display: inline-block;width: 18px;height: 18px;line-height: 20px;text-align: center;background: #666;color: #fff;font-size: 14px;margin:6px 5px 0 0; font-style: normal;vertical-align: top; *vertical-align: middle;}
.yacht-news .article-body .article-tags .tagslist a:hover {border-color:#0092ff;background: #0092ff;color: #FFF;}
.yacht-news .article-body .article-tags .tagslist a:hover:before {background: #FFF;color:#0092ff;}
/*article-prevnext*/
.yacht-news .article-body .article-prevnext {margin: 0px 30px; clear: both; border-top: 0px #eee solid; border-bottom: 0px #eee solid;overflow: hidden; }
.yacht-news .article-body .article-prevnext .content {padding: 0px 0px 20px; background: #ffffff;overflow: hidden;display: flex;justify-content: flex-start;flex-direction: column;gap: 10px;}
.yacht-news .article-body .article-prevnext .twofifth {width:70%; flex: 1 1 calc(70% - 0px);height: 24px;line-height: 24px;font-size: 16px;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 .box-title {position:relative; margin: 20px 20px 5px;line-height: 20px;display: flex;justify-content: space-between;}
.yacht-news .article-related .box-title h3 {position:relative;line-height: 22px;font-size:22px;font-weight:500;}
.yacht-news .article-related .box-title .more {position absolute;top: 0px;right: 0;font-size: 15px;color: #999;}
.yacht-news .article-related .box-title .more:hover {color:#00a4ff}
/*article-declare*/
.article-declare{margin: 15px 30px;padding: 10px 0px;font-size: 12px;color: #999;border-top: 1px #eee  solid;border-bottom: 1px #eee  solid;}
.article-declare .content {padding: 0px;overflow: hidden;}
.article-declare p{margin-top: 0px}

/*============ 游艇品牌 CSS ============ */
.yacht-brand {position: relative;}
.yacht-brand .brand-top {position: relative;min-width: 100%;height: 400px;background: url("../images/bg-top-ships.jpg");background-size: 100% 400px;}
.yacht-brand .brand-body{position:relative; padding: 0px 0px;}
/*brand-nav*/
.yacht-brand .brand-body .brand-letter{height:42px;  position:relative; }
.yacht-brand .brand-body .brand-letter .brand-letter-nav{width: 100%;max-width: 1200px;height:42px;background:#fff;border-top: 3px solid #795548;border-bottom:1px solid #e4e5e8; overflow:hidden; position:absolute; box-shadow: 0px 0px 5px rgba(0,0,0,0.2);z-index: 99;}
.yacht-brand .brand-body .brand-letter .brand-letter-nav .brand-letter-ul{display: flex;align-items: center;}
.yacht-brand .brand-body .brand-letter .brand-letter-nav a{font-size: 16px; color:#373a3f; display:block; display:inline; float:left; height:42px; line-height:42px; text-align:center; border-left:1px solid #e4e5e8;width:3.7%; flex: 1 1 calc(3.7% - 0px);}
.yacht-brand .brand-body .brand-letter .brand-letter-nav a:hover{background:#795548;color:#fff;}
.yacht-brand .brand-body .brand-letter .brand-letter-nav .a{float:left;width:90px;padding:0 8px; font-size: 16px; color:#0f92d6;height:40px; line-height:40px; text-align:center;}
.yacht-brand .brand-body .brand-letter .brand-letter-nav .z{width:46px;}
.yacht-brand .brand-body .brand-letter .brand-letter-nav .brand-letter{display: flex;justify-content: space-between;align-items: center;}
.yacht-brand .brand-body .brand-select{ position:relative;margin: 30px 0;display: flex;flex-direction: column;gap: 30px;}
.yacht-brand .brand-body .brand-select .brand-zimu{height:42px; margin:0px 0; background:#f8f8f8; border-bottom:#e4e5e8 solid 0px;}
.yacht-brand .brand-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;}
.yacht-brand .brand-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;}
.yacht-brand .brand-body .brand-select .brand-list{font-size:18px;}
/*brand-header*/ 
.yacht-brand .brand-top .brand-pic {width: 100%;height: 400px;overflow: hidden;}
.yacht-brand .brand-top .brand-pic img {width: 100%;min-height: 100%;margin-top: -0px;}
.yacht-brand .brand-header {position:absolute;bottom: -50px;width:-webkit-calc(100% - 30px);padding: 0px 0px; z-index: 999;overflow: hidden;border-radius: 30px 30px 0px 0px;}
.yacht-brand .brand-header .flex-wrap{padding: 20px 20px; display: flex;justify-content: center;flex-direction: row; align-items: center;gap:15px;}
.yacht-brand .brand-header .brand-logo {width: auto;height:70px;border: 1px #eee solid;overflow: hidden;border-radius: 10px;}
.yacht-brand .brand-header .brand-logo img {width: 100%;height: 100%;-webkit-transition: all .5s linear;transition: all .5s linear;display: inline;}
.yacht-brand .brand-header .brand-logo:hover img {-ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8);}
.yacht-brand .brand-header .brand-info {font-size: 14px;color: #666; display: flex;flex-direction: column;gap: 10px;}
.yacht-brand .brand-header .brand-info .brand-name {line-height: 26px;font-size: 24px;color: #333; font-weight:600;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.yacht-brand .brand-header .brand-info .brand-meta { line-height: 20px; font-size: 14px; color:#666;}
.yacht-brand .brand-header .brand-info .brand-meta span {margin-right: 15px; color:#fe8100;}
.yacht-brand .brand-header .brand-info .brand-meta em  {color:#999;}
/*brand-summary*/ 
.yacht-brand .brand-summary {padding:0px 0px;}
.yacht-brand .brand-summary .content {position: relative; padding: 30px 30px 20px;border-top: 1px #eee solid;line-height: 1.8;font-size: 15px;color: #535F78;border-radius: 0px 0px 10px 10px;}
.yacht-brand .brand-summary .content p {margin: 10px 0px;}
.yacht-brand .brand-summary .content .clogo {margin-right: 20px;}
.yacht-brand .brand-summary .content h2,
.yacht-brand .brand-summary .content h3,
.yacht-brand .brand-summary .contenth4,
.yacht-brand .brand-summary .content strong {font-weight:bold;}
/*brand-nodealer*/ 
.yacht-brand .brand-nodealer {border: 0px solid #eee; background: url("../images/bg-dealer.jpg") no-repeat 50% 50%; height: 400px; position: relative;}
.yacht-brand .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; .yacht-brand -webkit-border-radius: 5px; border-radius: 5px;background: rgba(0, 0, 0, 0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #60000000, endColorstr = #60000000);}
.yacht-brand .brand-nodealer ul li{ float:left; height:46px; line-height:46px;font-size: 16px;}
.yacht-brand .brand-nodealer ul li:last-child{margin-right:0px;}
.yacht-brand .brand-nodealer ul li a{ display:block; padding:0 30px; background:#eee;-moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px;}
.yacht-brand .brand-nodealer ul li a:hover{ color:#fff; background:#00aaff; text-decoration:none}
/*===brand-ship===*/
.yacht-brand .brand-ship{position: relative;}
.yacht-brand .brand-ship .ship-panel{position:relative; padding: 30px 0px;}
.yacht-brand .brand-ship .ship-panel:nth-child(2n+1) {background-color: #ffffff;}
/*ship-header*/
.yacht-brand .brand-ship .ship-header{padding: 20px;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;}
.yacht-brand .brand-ship .ship-header .detail-boxL{width:42%;}
.yacht-brand .brand-ship .ship-header .detail-boxL .ship-pic{width:100%;height:300px;overflow: hidden;border-radius: 4px;}
.yacht-brand .brand-ship .ship-header .detail-boxL .ship-pic img {width: 100%;height: 100%;}
.yacht-brand .brand-ship .ship-header .detail-boxR{width: -webkit-calc(58% - 30px);}
.yacht-brand .brand-ship .ship-header .detail-head{display: block; display: flex;justify-content: flex-start;margin-bottom: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yacht-brand .brand-ship .ship-header .detail-head .class-img{display: block;float:left;margin-right: 20px;width:100px;height: 50px;border: 1px #eee solid;overflow: hidden; border-radius: 4px;}
.yacht-brand .brand-ship .ship-header .detail-head .class-img img {width: 100%;height: 100%;}
.yacht-brand .brand-ship .ship-header .detail-head .ship-name{float:left;line-height: 50px;font-size: 26px;font-weight: bold;}
.yacht-brand .brand-ship .ship-header .detail-main {display: flex;flex-direction: column;justify-content: space-between;gap: 20px;}
/*detail-parameter*/
.yacht-brand .brand-ship .ship-header .detail-parameter {background: #f8f8f8;padding:15px 15px;display: flex;flex-direction: row;justify-content: space-evenly;gap: 20px;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.yacht-brand .brand-ship .ship-header .detail-parameter dd {float: left;width: 25%;flex: 1 1 calc(25% - 0px);text-align center;border-right: 1px solid #ebebeb;}
.yacht-brand .brand-ship .ship-header .detail-parameter dd:last-child {margin-right: 0;border-right: none;}
.yacht-brand .brand-ship .ship-header .detail-parameter dd span {display: block;line-height 1.5;color:#999;}
.yacht-brand .brand-ship .ship-header .detail-parameter dd span em {font-size: 22px;color: #2196F3;font-weight: 500;}
.yacht-brand .brand-ship .ship-header .detail-parameter dd span.num {margin-bottom: 10px;font-size: 22px;color: #2196F3;}
.yacht-brand .brand-ship .ship-header .detail-sales{display: flex;flex-direction: column;gap: 10px;}
.yacht-brand .brand-ship .ship-header .detail-price {padding: 0px;height: 26px;font-size: 16px;font-weight: bold; color: #999;}
.yacht-brand .brand-ship .ship-header .detail-price b {font-weight: 600;font-size:26px;color: #ff9800;}
.yacht-brand .brand-ship .ship-header .detail-price i {font-size: 22px;font-weight: 500;}
.yacht-brand .brand-ship .ship-header .detail-notes {width: 100%;font-size: 12px;line-height: 18px;color: #888999;}
/*detail-consult*/
.yacht-brand .brand-ship .ship-header .detail-consult {display: flex;gap: 30px;align-items: center;margin: 0px;justify-content: flex-start;}
.yacht-brand .brand-ship .ship-header .detail-consult #consult-btn {width:151px;height: 46px;border-radius: 4px;display: flex;justify-content: center;align-items: center;font-size:18px;color:#fff;cursor: pointer;}
.yacht-brand .brand-ship .ship-header .detail-consult #consult-btn {background-color: #33acff;}
.yacht-brand .brand-ship .ship-header .detail-consult #consult-btn:hover {background-color: #f80;}
.yacht-brand .brand-ship .ship-header .detail-consult .small-btn{font-size: 15px;cursor: pointer;display: flex;align-items: center;flex-direction: row;color: #666;}
.yacht-brand .brand-ship .ship-header .detail-consult .small-btn i{;margin-right: 2px;}
.yacht-brand .brand-ship .ship-header .detail-consult .small-btn i:before{font-size: 24px;}
.yacht-brand .brand-ship .ship-header .detail-consult .icon-kefu{margin-right: 6px;width: 20px;height: 20px;background:url("./../images/icon-kefu.png") center center no-repeat;background-size: 100%;}
.yacht-brand .brand-ship .ship-header .detail-consult .small-btn:hover{color: #f80;}
/*ship-canshu-table*/
.yacht-brand .brand-ship .ship-canshu-table{display: flex;flex-direction: column; margin: 0 auto;border: 1px #eee solid;overflow:hidden;border-radius: 6px;}
.yacht-brand .brand-ship .ship-canshu-table li{display: flex;background:#fff;width 1098px;height:50px;line-height:50px;float:left;font-size: 14px;}
.yacht-brand .brand-ship .ship-canshu-table li + li{border-top:#f1f1f1 1px solid}
.yacht-brand .brand-ship .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;}
.yacht-brand .brand-ship .ship-canshu-table li em{width: -webkit-calc(25% - 95px);height:100%;float:left;padding-left:15px;}
.yacht-brand .brand-ship .ship-canshu-table li i{width:512px; height:100%; float:left;padding-left:10px;}
.yacht-brand .brand-ship .ship-canshu-table li em .buy-btn{background:#019cf6; color:#FFFFFF;padding:5px 10px;font-size: 14px; margin-left: 20px;border-radius: 3px;}
.yacht-brand .brand-ship .ship-canshu-table li em .buy-btn:hover{background:#ff4f53;}
.yacht-brand .brand-ship .ship-canshu-table li p{padding: 0px  15px;font-size: 12px;}
.yacht-brand .brand-ship .ship-canshu-table li em.half-w {width: -webkit-calc(50% - 95px);}
/*ship-content*/
.yacht-brand .brand-ship .ship-content {display: block; margin: 0px 0;padding:10px 30px;font-size: 16px;line-height: 30px;overflow: hidden;}
.yacht-brand .brand-ship .ship-content p {display:block; margin: 10px 0; clear:both; /*text-indent: 2em; text-align: justify;*/overflow:visible;word-break:break-all}
.yacht-brand .brand-ship .ship-content a {color:#2970A6;border-bottom:1px dotted #2970A6;}
.yacht-brand .brand-ship .ship-content a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.yacht-brand .brand-ship .ship-content img {max-width: 90% !important;height:auto !important; margin:0px auto; vertical-align: middle; border:0}
.yacht-brand .brand-ship .ship-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.yacht-brand .brand-ship .ship-content .keylink:hover{color:#ff0000;} 
.yacht-brand .brand-ship .ship-content h2,
.yacht-brand .brand-ship .ship-content h3,
.yacht-brand .brand-ship .ship-content h4,
.yacht-brand .brand-ship .ship-content strong {font-weight:bold;}
.yacht-brand .brand-ship .ship-content h2,
.yacht-brand .brand-ship .ship-content h3,
.yacht-brand .brand-ship .ship-content h4{margin: 15px 0px;} 
.yacht-brand .brand-ship .ship-content pre,
.yacht-brand .brand-ship .ship-content blockquote{margin-top: 15px 0px; padding: 15px 15px; background: #f3f3f3;font-size: 14px;line-height: 24px;border-radius: 4px;} 
.yacht-brand .brand-ship .ship-content pre ,
.yacht-brand .brand-ship .ship-content blockquote p {margin: 0px 0;} 
.yacht-brand .brand-ship .ship-content pre {white-space: pre-wrap;}
.yacht-brand .brand-ship .ship-content table{ max-width:90%; min-width:60%;margin:15px auto 15px; border:1px solid #ddd;border-collapse:collapse;font-size: 14px;}
.yacht-brand .brand-ship .ship-content table tr:nth-child(2n){ background-color: #fafafa;}
.yacht-brand .brand-ship .ship-content table th,
.yacht-brand .brand-ship .ship-content table td{line-height: 20px;/*text-align:center;*/padding-top: 5px;padding-bottom: 5px;padding:5px 8px;border: 1px solid #ddd;}
.yacht-brand .brand-ship .ship-content table thead tr{background-color: #f8f8f8;}
.yacht-brand .brand-ship .ship-content table thead th{text-align: center;font-weight:700; background: #eee;}
.yacht-brand .brand-ship .ship-content table tbody th{text-align: center;font-weight:500;}
.yacht-brand .brand-ship .ship-content table tbody p {text-align:center;}
.yacht-brand .brand-ship .ship-content ul,
.yacht-brand .brand-ship .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;}
.yacht-brand .brand-ship .ship-content ul li,
.yacht-brand .brand-ship .ship-content ol li {margin: 0 0 0 25px;line-height: 200%;}
.yacht-brand .brand-ship .ship-content ul li { padding:5px 0px; list-style: disc;}
.yacht-brand .brand-ship .ship-content ol li {list-style: decimal;}
.yacht-brand .brand-ship .ship-content ul li + li {border-top: 1px #eee dashed;}
.yacht-brand .brand-ship .ship-content ul li p {margin: 0;}
/*list-pics-ship*/
.yacht-brand .brand-ship .list-ship-picul{display: flex;flex-wrap: wrap;gap: 16px;}
.yacht-brand .brand-ship .list-ship-picul li{position: relative;width:25%;flex: 1 1 calc(25% - 12px);overflow:hidden;border-radius: 4px;}
.yacht-brand .brand-ship .list-ship-picul li .item-wrap{display: block;;}
.yacht-brand .brand-ship .list-ship-picul li .item-pic{width: 100%;height: 200px;}
.yacht-brand .brand-ship .list-ship-picul li .item-pic img {width: 100%;height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.yacht-brand .brand-ship .list-ship-picul li .item-pic img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.yacht-brand .brand-ship .list-ship-picul li .item-more{position: absolute;z-index: 1000;width: 100%;height:100%;font-size: 16px;display: flex;align-items: center; justify-content: center;color: #fff;background: rgb(0 0 0 / 30%);}
.yacht-brand .brand-ship .list-ship-picul li:nth-child(1),
.yacht-brand .brand-ship .list-ship-picul li:nth-child(2),
.yacht-brand .brand-ship .list-ship-picul li:nth-child(3){width: 33.333%;flex: 1 1 calc(33.333% - 12px);}
.yacht-brand .brand-ship .list-ship-picul li:nth-child(1) .item-pic,
.yacht-brand .brand-ship .list-ship-picul li:nth-child(2) .item-pic,
.yacht-brand .brand-ship .list-ship-picul li:nth-child(3) .item-pic{width: 100%;height: 280px;}
/*============ 游艇码头 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.jpg");background-size: 100% 400px;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: #000;background-color: rgba(0,0,0,.5);border-radius: 4px;}
.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;display: inline-block;z-index: 999;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-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;}

/*marina-header*/
.yacht-marina .marina-body .marina-header{padding: 20px;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;}
.yacht-marina .marina-body .marina-header .detail-boxL{width:42%;}
.yacht-marina .marina-body .marina-header .detail-boxL .marina-pic{width:100%;height:280px;overflow: hidden;border-radius: 4px;}
.yacht-marina .marina-body .marina-header .detail-boxL .marina-pic img {width: 100%;height: 100%;}
.yacht-marina .marina-body .marina-header .detail-boxR{width: -webkit-calc(58% - 25px);}
.yacht-marina .marina-body .marina-header .detail-main {display: flex;flex-direction: column;justify-content: space-between;gap: 20px;}
.yacht-marina .marina-body .marina-header .detail-main dl em{color: #999;}
.yacht-marina .marina-body .marina-header .detail-head{display: block; display: flex;justify-content: flex-start;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yacht-marina .marina-body .marina-header .detail-head .marina-info{display: flex;flex-direction: column;justify-content: space-around;}
.yacht-marina .marina-body .marina-header .detail-head .marina-logo{display: block;float:left;margin-right: 20px;width:141px;height: 70px;border: 1px #eee solid;overflow: hidden;border-radius: 5px;}
.yacht-marina .marina-body .marina-header .detail-head .marina-logo img {width: 100%;height: 100%;}
.yacht-marina .marina-body .marina-header .detail-head .marina-name{float:left;font-size: 24px;font-weight:600;}
.yacht-marina .marina-body .marina-header .detail-head .marina-locate{display: flex;flex-direction: row;justify-content: flex-start;gap:20px;}
.yacht-marina .marina-body .marina-header .detail-head .marina-locate span{}
.yacht-marina .marina-body .marina-header .detail-head .marina-locate em{color: #999;}
/*detail-berth*/
.yacht-marina .marina-body .marina-header .detail-berth{display: flex;flex-direction: row;justify-content: flex-start;gap: 20px;}
.yacht-marina .marina-body .marina-header .detail-berth dd{float: left;padding:0px 30px;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-marina .marina-body .marina-header .detail-berth dd.current {border: 1px solid #008eff; background: #008eff;}
.yacht-marina .marina-body .marina-header .detail-berth dd.current a{color:#FFF;}
.yacht-marina .marina-body .marina-header .detail-berth dd:hover{border: 1px solid #008eff;color:#FFF;background:#008eff;}
.yacht-marina .marina-body .marina-header .detail-berth dd:hover a {color:#FFF;}
/*detail-parameter*/
.yacht-marina .marina-body .marina-header .detail-parameter {background: #f8f8f8;padding:15px 10px;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);}
.yacht-marina .marina-body .marina-header .detail-parameter dd {float: left;width: 25%;flex: 1 1 calc(25% - 0px);text-align: center;border-right: 1px solid #ebebeb;}
.yacht-marina .marina-body .marina-header .detail-parameter dd:last-child {margin-right: 0;border-right: none;}
.yacht-marina .marina-body .marina-header .detail-parameter dd span {display: block;line-height: 1.5;color:#999;}
.yacht-marina .marina-body .marina-header .detail-parameter dd span em {font-size: 18px;color: #2196F3;font-weight: bold;}
/*marina-content*/
.yacht-marina .marina-body .marina-content {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-marina .marina-body .marina-content p {display:block; margin: 15px 0; clear:both; /*text-indent: 2em; text-align: justify;*/overflow:visible;word-break:break-all}
.yacht-marina .marina-body .marina-content a {color:#2970A6;border-bottom:1px dotted #2970A6;}
.yacht-marina .marina-body .marina-content a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.yacht-marina .marina-body .marina-content img {max-width: 90% !important;height:auto !important; margin:0px auto; vertical-align: middle; border:0}
.yacht-marina .marina-body .marina-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.yacht-marina .marina-body .marina-content .keylink:hover{color:#ff0000;} 
.yacht-marina .marina-body .marina-content h2,
.yacht-marina .marina-body .marina-content h3,
.yacht-marina .marina-body .marina-content h4,
.yacht-marina .marina-body .marina-content strong {font-weight:bold;}
.yacht-marina .marina-body .marina-content h2,
.yacht-marina .marina-body .marina-content h3,
.yacht-marina .marina-body .marina-content h4{margin: 15px 0px;} 
.yacht-marina .marina-body .marina-content pre,
.yacht-marina .marina-body .marina-content blockquote{margin-top: 15px 0px; padding: 15px 15px; background: #f3f3f3;font-size: 14px;line-height: 24px;border-radius: 4px;} 
.yacht-marina .marina-body .marina-content pre ,
.yacht-marina .marina-body .marina-content blockquote p {margin: 0px 0;} 
.yacht-marina .marina-body .marina-content pre {white-space: pre-wrap;}
.yacht-marina .marina-body .marina-content table{ max-width:90%; min-width:60%;margin:15px auto 15px; border:1px solid #ddd;border-collapse:collapse;font-size: 14px;}
.yacht-marina .marina-body .marina-content table tr:nth-child(2n){ background-color: #fafafa;}
.yacht-marina .marina-body .marina-content table th,
.yacht-marina .marina-body .marina-content table td{line-height: 20px;/*text-align:center;*/padding-top: 5px;padding-bottom: 5px;padding:5px 8px;border: 1px solid #ddd;}
.yacht-marina .marina-body .marina-content table thead tr{background-color: #f8f8f8;}
.yacht-marina .marina-body .marina-content table thead th{text-align: center;font-weight:700; background: #eee;}
.yacht-marina .marina-body .marina-content table tbody th{text-align: center;font-weight:500;}
.yacht-marina .marina-body .marina-content table tbody p {text-align:center;}
.yacht-marina .marina-body .marina-content ul,
.yacht-marina .marina-body .marina-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-marina .marina-body .marina-content ul li,
.yacht-marina .marina-body .marina-content ol li {margin: 0 0 0 25px;line-height: 200%;}
.yacht-marina .marina-body .marina-content ul li { padding:5px 0px; list-style: disc;}
.yacht-marina .marina-body .marina-content ol li {list-style: decimal;}
.yacht-marina .marina-body .marina-content ul li + li {border-top: 1px #eee dashed;}
.yacht-marina .marina-body .marina-content ul li p {margin: 0;}