默认提交

@@ -471,12 +471,12 @@ textarea {
       max-width: 100% !important;
     }
   }
-  .page-vhis {
-    .video-js {
-      width: 100% !important;
-      max-width: 100% !important;
-    }
-  }
+  // .page-vhis {
+  //   .video-js {
+  //     width: 100% !important;
+  //     max-width: 100% !important;
+  //   }
+  // }
 }
 
 // @media (max-width: 768px) {

@@ -4,7 +4,7 @@
   display: inline-block;
   min-width: 10rem;
   position: relative;
-  margin: 0 1rem;
+  margin: 0 1.1rem;
   font-size: $fontSizeTitle;
 
   .list {
@@ -104,12 +104,6 @@
   .drop-list {
     margin: 0 28px;
     min-width: 0;
-
-    // .list {
-    //   width: 11rem;
-    //   left: 50%;
-    //   transform: translateX(-50%); //居中处理
-    // }
   }
   .drop-list:lang(en) {
     margin: 0 22px;

 <template>
-	<div>
-		<div class="drop-list" :class="{'login':type=='login'}" @mouseover="onOverHandler($event)" @mouseout="onOutHandler($event)">
-			<!-- 登陆下拉样式 -->
-			<template v-if="type=='login'">
-				<div class="user" @click="onLoginHandler()">
-					<img class="icon-img" src="@/assets/images/home/icon-user.png">
-					<span>{{dataObj.name}}</span>
-				</div>
-			</template>
-			<!-- 其他下拉样式 -->
-			<template v-else>
-				<span @click="onNavHandler()">
-					{{type == "lang" ? sTitle : dataObj.name}}
-				</span>
-			</template>
-			<div class="list">
-				<div class="space"></div>
-				<ul ref="ul" v-dpl>
-					<li v-for="(item, index) in dataList" :key="index" @mousedown="onClickHandler($event,index)">{{item[labelProperty]}}</li>
-				</ul>
+	<div class="drop-list" :class="{'login':type=='login'}" @mouseover="onOverHandler($event)" @mouseout="onOutHandler($event)">
+		<!-- 登陆下拉样式 -->
+		<template v-if="type=='login'">
+			<div class="user" @click="onLoginHandler()">
+				<img class="icon-img" src="@/assets/images/home/icon-user.png">
+				<span>{{dataObj.name}}</span>
 			</div>
+		</template>
+		<!-- 其他下拉样式 -->
+		<template v-else>
+			<span @click="onNavHandler()">
+				{{type == "lang" ? sTitle : dataObj.name}}
+			</span>
+		</template>
+		<div class="list">
+			<div class="space"></div>
+			<ul ref="ul" v-dpl>
+				<li v-for="(item, index) in dataList" :key="index" @mousedown="onClickHandler($event,index)">{{item[labelProperty]}}</li>
+			</ul>
 		</div>
 	</div>
 </template>

@@ -26,7 +26,7 @@ $navHeiM: 6rem;
   }
 
   .logo-img {
-    margin-right: 2rem;
+    margin-right: 3.6rem;
     max-width: 17.75rem;
     cursor: pointer;
   }
@@ -62,30 +62,14 @@ $navHeiM: 6rem;
 
   .nav-item.search {
     flex: 1 1 auto;
-    // width: 0;
   }
 
   .nav-item.auth {
-
     color: #ffffff;
 
-    .user {
-      width: 7.333333rem;
-      height: 2.25rem;
-      background-color: $cOrange;
-      border-radius: 1.333333rem;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      // margin-right: 2rem;
-
-      .icon-img {
-        margin: 0 .5rem;
-      }
-    }
-
     .lang {
       color: $cOrange;
+      min-width: 8rem;
     }
   }
 }
@@ -122,10 +106,24 @@ $navHeiM: 6rem;
 
 
 @media (max-width: 1100px) {
+  .v-header {
+    .logo-img {
+      margin-right: 2rem;
+    }
+  }
+
   .pc {
+
     .auth {
       margin-right: 20px;
     }
+
+    .nav-item.auth {
+
+      .lang {
+        min-width: auto;
+      }
+    }
   }
 }
 

@@ -49,7 +49,7 @@
     // top: 272px;
     // left: 1228px;
     // top: 310px;
-    top : 295px;
+    top: 295px;
     right: 432px;
     display: flex;
 
@@ -74,7 +74,7 @@
     width: 100%;
   }
 
-  .btn-wrap{
+  .btn-wrap {
     position: absolute;
     z-index: 1;
     top: 87%;
@@ -84,7 +84,7 @@
     display: flex;
     justify-content: center;
 
-    .banner-btn{
+    .banner-btn {
       @extend .pointer;
       padding: 0 12px;
       color: $cOrange;
@@ -206,6 +206,7 @@
 .swiper-container {
   height: 100%;
 }
+
 .swiper-pagination-fraction,
 .swiper-pagination-custom,
 .swiper-container-horizontal>.swiper-pagination-bullets {
@@ -252,6 +253,7 @@
       width: 100%;
     }
 
+
     .txt {
       padding: 0;
       margin: $marginSmall 0 $marginMedium;

@@ -13,7 +13,7 @@ var UA = require("ua-device")
 export default {
 	data() {
 		return {
-			key: '$750<br>每保单年度最多180日',
+			key: '',
 			// swiper
 			swiperOption: {
 				navigation: {
@@ -100,9 +100,9 @@ export default {
 			let playerOptions = {
 				// width: 800,
 				// height: 450,
-				width: 1200,
-				height: 675,
-				// aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
+				// width: 1200,
+				// height: 675,
+				aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
 				autoplay: false, //如果true,浏览器准备好时开始回放。
 				muted: true, // 默认情况下将会消除任何音频。
 				language: 'en',

@@ -291,7 +291,8 @@ $borderSize: 6px;
 
 // 视频
 .video {
-  @extend .fcc;
+  // @extend .fcc;
+  position: relative;
   margin: 72px auto 0;
 }
 
@@ -665,6 +666,9 @@ $borderSize: 6px;
   background-color: $cOrange2;
 }
 
+.vjs-custom-skin {
+  width: 100%;
+}
 
 
 @media (max-width: 1200px) {
@@ -673,7 +677,7 @@ $borderSize: 6px;
     padding-bottom: $marginMedium-M;
 
     .vjs-custom-skin {
-      width: 100%;
+      // width: 100%;
     }
 
     .product {