默认提交

@@ -63,12 +63,11 @@ input {
     position: relative;
     @extend .bb;
     @extend .fcc;
-    padding: 2px;
-    background-image: linear-gradient(to right, #ffb31d, #f15907);
     width: 482px;
     height: 62px;
     margin: 0 24px;
-    border-radius: $borderRadius;
+    @include border-tans($borderRadius);
+
 
     .clarms-select {
       width: 100%;
@@ -271,10 +270,8 @@ input {
   .cont {
     @extend .bb;
     @extend .fcc;
-    padding: 2px;
-    background-image: linear-gradient(to right, #ffb31d, #f15907);
     height: 62px;
-    border-radius: $borderRadius;
+    @include border-tans($borderRadius);
   }
 
   .ipt-date {

@@ -24,19 +24,13 @@
 
 .border {
   position: relative;
-  @extend .bb;
-  @extend .fcc;
-  padding: 2px;
-  background-image: linear-gradient(to right, #ffb31d, #f15907);
-  border-radius: 20px;
+  @include border-tans(20px);
 }
 
 .modal {
   position: relative;
   @extend .bb;
   max-width: 1000px;
-  border-radius: 20px;
-  background-color: #ffffff;
 
   .content {
     display: flex;

@@ -23,19 +23,13 @@
 
 .border {
   position: relative;
-  @extend .bb;
-  @extend .fcc;
-  padding: 2px;
-  background-image: linear-gradient(to right, #ffb31d, #f15907);
-  border-radius: 20px;
+  @include border-tans(20px);
 }
 
 .modal {
   position: relative;
   @extend .bb;
   max-width: 1000px;
-  border-radius: 20px;
-  background-color: #ffffff;
 
   .content {
     display: flex;

@@ -8,9 +8,7 @@ $borderSize: 6px;
 
 .clarms-container {
   box-sizing: border-box;
-  padding: 2px;
-  border-radius: $borderSize;
-  background-image: linear-gradient(to right, #ffb31d, #f15907);
+  @include border-tans($borderRadius);
 
   .clarms-box {
     @extend .bb;
@@ -27,19 +25,16 @@ $borderSize: 6px;
       left: 98px;
       position: absolute;
       z-index: 11;
-      border-radius: 4px;
       padding: 2px;
-      background-image: linear-gradient(to right, #ffb31d, #f15907);
       max-width: 400px;
+      @include border-tans($borderRadius);
 
       .cont {
         @extend .bb;
         padding: 4px;
         width: 100%;
         height: 100%;
-        background-color: #ffffff;
         font-size: 18px;
-        border-radius: 4px;
       }
     }
 

@@ -18,8 +18,6 @@ Vue.use(Select);
 Vue.use(Option);
 Vue.use(Loading);
 
-
-
 export default {
     data() {
         return {

@@ -14,7 +14,6 @@ $borderRadius:6px;
   color: $cFontGray2;
 }
 
-
 .submit-btn {
   background: url("~@assets/images/vhis/vhis-btn.png");
   background-size: 100% 100%;
@@ -42,9 +41,7 @@ $borderRadius:6px;
     margin: 1.666667rem auto 0 auto;
     letter-spacing: 1.1px;
 
-    span {
-      // margin: 0 .333333rem;
-    }
+    span {}
   }
 
   .default-mt {
@@ -116,13 +113,11 @@ $borderRadius:6px;
     display: flex;
     justify-content: center;
     justify-content: space-between;
-    // padding: 0 $marginSmall;
     margin-bottom: 32px;
 
     .label {
       display: flex;
       align-items: center;
-      // width: 30%;
       width: 140px;
       justify-content: flex-start;
       padding-left: 5px;
@@ -136,21 +131,16 @@ $borderRadius:6px;
 
       .cont {
         @extend .bb;
-        @extend .fcc;
-        padding: 2px;
-        background-image: linear-gradient(to right, #ffb31d, #f15907);
         height: 52px;
         border-radius: $borderRadius;
+        @include border-tans($borderRadius);
       }
 
       // input和下拉
       .ipt {
-        // border: 1px solid $cOrange !important;
         border: none !important;
         border-radius: .416667rem;
         height: 3rem;
-        // display: flex;
-        // align-items: center;
 
         width: 100%;
         background-color: #ffffff;

@@ -28,19 +28,12 @@
 
 .border {
   position: relative;
-  @extend .bb;
-  @extend .fcc;
-  padding: 2px;
-  background-image: linear-gradient(to right, #ffb31d, #f15907);
-  border-radius: 20px;
+  @include border-tans(20px);
 }
 
 .modal {
   position: relative;
-  @extend .bb;
   width: 1000px;
-  border-radius: 20px;
-  background-color: #ffffff;
 
   .content {
     display: flex;

@@ -16,7 +16,7 @@ export default {
 			hadLoadPolicy: false,
 			ignorePolicyCodes: [],
 			// 显示
-			policyDetail: null
+			policyDetail: {}
 		}
 	},
 	components: {},

 @import '@/styles/_support';
 
+$borderRadius:6px;
+
 .comp {
   position: fixed;
   top: 0;
@@ -30,11 +32,7 @@
 
 .border {
   position: relative;
-  @extend .bb;
-  @extend .fcc;
-  padding: 2px;
-  background-image: linear-gradient(to right, #ffb31d, #f15907);
-  border-radius: 20px;
+  @include border-tans(20px);
 }
 
 .modal {
@@ -42,9 +40,7 @@
   @extend .bb;
   width: 1200px;
   max-height: 84vh;
-  border-radius: 20px;
-  background-color: #ffffff;
-  padding: 88px 0;
+  padding: 88px 0 0;
   font-size: 22px;
   overflow-x: hidden;
   overflow-y: auto;
@@ -74,6 +70,7 @@
 
   .bottom-wrap {
     margin: 50px auto 0;
+    padding-bottom: 88px;
 
     .notice {
       letter-spacing: 2.2px;
@@ -142,28 +139,22 @@
 
 
     &-item {
-      @extend .bb;
       @extend .fcc;
       margin: 0 auto 24px;
       max-width: 602px;
       height: 67px;
       line-height: 67px;
-      padding: 2px;
-      border-radius: 8px;
       cursor: pointer;
-      background-image: linear-gradient(to right, #ffb31d, #f15907);
+      @include border-tans($borderRadius);
 
       .cont {
-        @extend .bb;
         display: flex;
         align-items: center;
         justify-content: center;
         width: 100%;
         height: 100%;
-        background-color: #ffffff;
         letter-spacing: 1.4px;
         font-weight: bold;
-        border-radius: 8px;
         color: $cOrange2;
 
         .icon {
@@ -364,3 +355,12 @@
 
   }
 }
+
+
+.comp::-webkit-scrollbar {
+  display: none;
+}
+
+.comp{
+  -ms-overflow-style: none;
+}

@@ -52,6 +52,7 @@
 							</div>
 						</div>
 
+					</div>
 					<div class="download">
 						<div class="border2 download-item" @click="downloadPolicy">
 							<div class="cont">
@@ -60,7 +61,6 @@
 							</div>
 						</div>
 					</div>
-					</div>
 					<hr class="line1">
 					<div class="bottom-wrap ">
 						<div class="notice" :class="{'ltz':locale == 'en'}">

@@ -10,21 +10,16 @@ $borderSize:6px;
 .content {
   margin: 2.333333rem auto;
   position: relative;
-
 }
 
 .clarms {
-  background-image: linear-gradient(to right, #ffb31d, #f15907);
   @extend .bb;
   @extend .fcc;
-  padding: 2px;
-  border-radius: 20px;
+  @include border-tans(20px);
 
   &-cont {
     width: 100%;
     height: 100%;
-    background-color: #ffffff;
-    border-radius: 20px;
   }
 }
 
@@ -34,7 +29,6 @@ input {
 }
 
 .orange {
-  // color: $cOrange;
   color: #ff6839;
 }
 
@@ -42,10 +36,6 @@ input {
   color: #747474;
 }
 
-.border2 {
-  background-image: linear-gradient(to right, #ffb31d, #f15907);
-}
-
 .navigate {
   position: relative;
   margin: 24px auto 48px;
@@ -54,7 +44,7 @@ input {
     position: absolute;
     height: 13px;
     width: 100%;
-    background-image: linear-gradient(to right, #ffb31d, #f15907);
+    background-image: linear-gradient(to right, #feab1b, #f15a08);
     top: 32px;
   }
 
@@ -92,9 +82,6 @@ input {
 
 .reservation-container {
   @extend .bb;
-  // border-radius: .666667rem;
-  // border: solid 2px $cOrange;
-  // padding: 2.666667rem 10rem 2.833333rem 10rem;
   background-color: #ffffff;
   border-radius: 20px;
 

@@ -35,7 +35,7 @@ export default {
 			bannerCandidateList: [],
 			// 视频
 			playerOptions: {},
-			bannerTipsVisible: true,
+			bannerTipsVisible: false,
 			productList: [],
 			// 全部的信息
 			sourceData: {},

@@ -219,20 +219,19 @@ $borderSize: 6px;
     justify-content: space-between;
     flex-wrap: wrap;
 
+
     &-item {
-      @extend .bb;
       @extend .fcc;
-      padding: 2px;
       width: 582px;
       min-height: 250px;
       margin-bottom: 25px;
+      @include border-tans();
 
       .cont {
         display: flex;
         text-align: left;
         width: 100%;
         height: 100%;
-        background-color: #ffffff;
 
         .icon-wrap {
           @extend .bb;
@@ -357,7 +356,7 @@ $borderSize: 6px;
         }
       }
 
-      .tt2{
+      .tt2 {
         padding: 50px 64px 26px 50px;
         padding: 48px;
       }
@@ -461,9 +460,6 @@ $borderSize: 6px;
   display: inline-block;
 }
 
-.border2 {
-  background-image: linear-gradient(to right, #ffb31d, #f15907);
-}
 
 // banner点点
 .swiper-button-prev {

@@ -60,7 +60,7 @@
 			<div class="box product">
 				<div class="tit">產品特點</div>
 				<div class="prod">
-					<div v-for="(item,index) in productList" :key="item.id" class="border2 prod-item">
+					<div v-for="(item,index) in productList" :key="item.id" class=" prod-item">
 						<div class="cont">
 							<div class="icon-wrap">
 								<img :src="require('@/assets/images/vhis/vhis-icon'+(index+1)+'.png')">

@@ -156,3 +156,11 @@
   box-sizing: border-box;
   padding: 0 $percent;
 }
+
+@mixin border-tans($borderRadius:1px, $borderSize:2px) {
+  border: $borderSize solid transparent;
+  background-clip: padding-box, border-box;
+  background-origin: padding-box, border-box;
+  background-image: linear-gradient(90deg, #fff, #fff), linear-gradient(90deg, #feab1b, #f15a08);
+  border-radius: $borderRadius;
+}