访客发卡

src/App.vue

@@ -17,8 +17,12 @@
   }
 
   .el-progress-circle {
-    width: 75px !important;
-    height: 75px !important;
+    width: 50px !important;
+    height: 50px !important;
     /* 自定义高度 */
   }
+
+  .el-progress__text {
+    font-size: 13px !important;
+  }
 </style>
\ No newline at end of file

src/main.js

@@ -5,7 +5,7 @@ import ElementUI from "element-ui";
 import VCalendar from "v-calendar";
 import "element-ui/lib/theme-chalk/index.css";
 
-import "./utils/fixle";
+// import "./utils/fixle";
 
 import VIscroll from "./utils/vIscroll";
 

src/views/common.vue

@@ -97,7 +97,6 @@
 <style scoped>
     .wrapper {
         background: #F0F2F8;
-        /* height: 100%; */
 
         box-sizing: border-box;
         /* padding-bottom: 30px; */
@@ -113,7 +112,7 @@
 
 
     .common {
-        width: 100%;
+        /* width: 100%; */
         height: 70px;
         background: #507DD9;
         box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.05);
@@ -151,7 +150,7 @@
     }
 
     .hotel_content {
-        min-height: 700px;
+        /* height: 730px; */
         width: 1280px;
         padding: 30px;
         box-sizing: border-box;

src/views/common2.vue

@@ -134,10 +134,8 @@
 <style scoped>
     .wrapper {
         background: #F0F2F8;
-        /* height: 1018px; */
-
+        height: 800px;
         box-sizing: border-box;
-        padding-bottom: 30px;
     }
 
     .home {
@@ -229,7 +227,7 @@
     }
 
     .hotel_content {
-        height: 800px;
+        height: 620px;
         width: 1280px;
         padding: 0 30px;
         box-sizing: border-box;

src/views/sim/authSuccess.vue

@@ -58,9 +58,7 @@
 
         width: 100%;
         /* height: 650px; */
-        padding: 0 30px;
 
-        /* height: calc(100vh - 150px); */
         box-sizing: border-box;
 
     }
@@ -69,7 +67,7 @@
         width: 100%;
         background: #FFFFFF;
         border-radius: 14px;
-        height: 800px;
+        height: 620px;
         padding: 30px;
         box-sizing: border-box;
 

src/views/sim/authentify.vue

@@ -70,7 +70,6 @@
     .reserved {
 
         width: 100%;
-        padding: 0 30px;
 
         /* height: auto; */
         box-sizing: border-box;
@@ -81,7 +80,7 @@
         width: 100%;
         background: #FFFFFF;
         border-radius: 14px;
-        height: 800px;
+        height: 620px;
         padding: 30px;
         box-sizing: border-box;
 

src/views/sim/choose.vue

@@ -65,7 +65,6 @@
 
         position: relative;
 
-        padding: 0 30px;
         box-sizing: border-box;
     }
 
@@ -73,7 +72,7 @@
 
     .phone {
         width: 100%;
-        min-height: 650px;
+        height: 620px;
         background: #FFFFFF;
         border-radius: 14px;
         opacity: 1;
@@ -114,7 +113,7 @@
     .phone_list {
         display: flex;
         flex-wrap: wrap;
-        min-height: 471px;
+        /* min-height: 471px; */
         justify-content: space-between;
         box-sizing: border-box;
         /* align-content: space-between; */

src/views/sim/phone.vue

@@ -33,9 +33,7 @@
                 { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" },
                 { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" },
                 { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" },
-                { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" },
-                { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" },
-                { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" },]
+                ]
             }
         },
         created() {
@@ -52,7 +50,7 @@
 </script>
 <style scoped>
     .standby {
-        height: 800px;
+        height: 620px;
         width: 100%;
         position: relative;
 
@@ -64,7 +62,7 @@
 
     .phone {
         width: 100%;
-        min-height: 650px;
+        /* min-height: 620px; */
         background: #FFFFFF;
         border-radius: 14px;
         opacity: 1;
@@ -97,7 +95,7 @@
 
 
     .phone_list {
-        width: 1280px;
+        width: 100%;
         display: flex;
         flex-wrap: wrap;
         /* min-height: 471px; */
@@ -112,7 +110,7 @@
         background: #F0F0F0;
         border-radius: 4px;
         opacity: 1;
-        margin: 0 31px 25px 0;
+        margin: 0 27px 25px 0;
         text-align: center;
         font-weight: 500;
         color: #666666;
@@ -130,22 +128,12 @@
         background: #437AE5;
     }
 
-    ::v-deep .el-button {
-        width: 141px;
-        height: 51px;
-        font-size: 21px;
-    }
-
     ::v-deep .el-button--primary {
-        width: 198px;
-        height: 75px;
+        width: 132px;
+        height: 50px;
         background: #437AE5;
-        font-size: 27px;
+        font-size: 18px;
         border: none;
+        margin-top: 10px;
     }
-
-
-    /* ::v-deep .el-button--primary {
-        height: 75px;
-    } */
 </style>
\ No newline at end of file

src/views/sim/roomcard.vue

@@ -30,55 +30,57 @@
   .order {
     width: 100%;
     height: 100%;
-    padding: 0 45px;
+    padding: 30px;
     box-sizing: border-box;
     background: white;
-    border-radius: 21px;
+    border-radius: 14px;
+    height: 620px;
   }
 
   .order_top {
-    height: 132px;
+    /* height: 132px; */
     width: 100%;
     position: relative;
   }
 
   .order_title {
-    font-size: 42px;
+    font-size: 28px;
     color: #000000;
     width: 100%;
     text-align: center;
-    line-height: 132px;
+    font-weight: 500;
   }
 
   .collection {
     width: 100%;
     background: white;
-    height: 729px;
+    /* height: 729px; */
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     box-sizing: border-box;
+    margin-top: 110px;
   }
 
   .grant {
-    width: 168px;
-    height: 137px;
+    width: 120px;
+    height: 120px;
   }
 
   .waiting {
-    font-size: 39px;
+    font-size: 26px;
     color: #333333;
-    margin: 80px 0 45px;
+    margin: 33px 0 30px;
   }
 
   .progress {
-    width: 827px;
-    margin-bottom: 26px;
+    width: 551px;
+    margin-bottom: 17px;
   }
 
   .progress_schedule {
-    font-size: 33px;
+    font-size: 22px;
     color: #333333;
   }
 </style>
\ No newline at end of file

src/views/sim/success.vue

@@ -32,58 +32,59 @@
   .order {
     width: 100%;
     height: 100%;
-    padding: 0 45px;
+    padding: 30px;
     box-sizing: border-box;
     background: white;
     border-radius: 21px;
+    height: 620px;
   }
 
   .order_top {
-    height: 132px;
     width: 100%;
     position: relative;
   }
 
   .order_title {
-    font-size: 42px;
+    font-size: 28px;
     color: #000000;
     width: 100%;
     text-align: center;
-    line-height: 132px;
+    font-weight: 500;
   }
 
   .collection {
     width: 100%;
     background: white;
-    height: 729px;
+    /* height: 729px; */
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     box-sizing: border-box;
+    margin-top: 110px;
   }
 
   .success_icon {
-    width: 119px;
-    height: 119px;
-    margin-bottom: 69px;
+    width: 79.06px;
+    height: 79.06px;
+    margin-bottom: 46px;
   }
 
   .success_text {
-    font-size: 39px;
+    font-size: 26px;
     color: #333333;
   }
 
   .success_back {
-    width: 312px;
-    height: 105px;
+    width: 208px;
+    height: 70px;
     background: #437AE5;
+    border-radius: 4px 4px 4px 4px;
     text-align: center;
-    line-height: 105px;
+    line-height: 70px;
     color: white;
-    font-size: 36px;
+    font-size: 24px;
     cursor: pointer;
-    border-radius: 6px 6px 6px 6px;
-    margin-top: 98px;
+    margin-top: 65px;
   }
 </style>
\ No newline at end of file

src/views/visitor/authSuccess.vue

@@ -75,9 +75,8 @@
     .reserved {
 
         width: 100%;
-        padding: 45px;
+        /* height: 650px; */
 
-        /* height: calc(100vh - 70px); */
         box-sizing: border-box;
 
     }
@@ -86,8 +85,8 @@
         width: 100%;
         background: #FFFFFF;
         border-radius: 14px;
-        height: 835px;
-        /* padding: 45px; */
+        height: 620px;
+        padding: 30px;
         box-sizing: border-box;
 
     }
@@ -95,28 +94,29 @@
     .auth_top {
         width: 100%;
         display: flex;
-        height: 50px;
-        align-items: center;
-        justify-content: space-between !important;
+        /* height: 75px; */
         position: relative;
+        justify-content: center;
+        margin-bottom: 55px;
     }
 
     .auth_title {
 
         color: #000000;
 
-        font-size: 42px;
+        font-size: 28px;
         width: 100%;
         text-align: center;
     }
 
     .auth_body {
         width: 100%;
-        height: 90%;
+        /* height: 500px; */
         text-align: center;
         display: flex;
         align-items: center;
         justify-content: center;
+        margin-top: 80px;
     }
 
     .auth_center {
@@ -135,38 +135,19 @@
         line-height: 40px;
         text-align: left;
         font-size: 20px;
-        margin-top: -20px;
-    }
-
-    .auth_img_left {
-        width: 64px;
-        height: 12px;
-        margin-right: 9px;
-        margin-top: 7px;
-    }
-
-    .auth_right {
-        display: flex;
-        margin-bottom: 62px;
+        /* margin-top: -20px; */
+        margin-bottom: 84px;
     }
 
-    .auth_span {
 
-        font-size: 20px;
 
-    }
 
-    .auth_span_a {
-
-        color: #666666;
-        line-height: 18px;
-        font-size: 16px;
-    }
 
     ::v-deep .el-button {
-        width: 141px;
-        height: 51px;
-        font-size: 21px;
+        width: 94px;
+        height: 34px;
+        padding: 0;
+        font-size: 14px;
     }
 
 
@@ -174,17 +155,17 @@
         position: absolute;
         left: 0;
         top: 0;
-        border-radius: 6px 6px 6px 6px;
+        border-radius: 4px;
 
-        border: 2px solid #707070;
+        border: 1px solid #707070;
     }
 
 
     ::v-deep .el-button--primary {
-        width: 198px;
-        height: 75px;
+        width: 132px;
+        height: 50px;
         background: #437AE5;
-        font-size: 27px;
+        font-size: 18px;
         border: none;
     }
 </style>
\ No newline at end of file

src/views/visitor/authentify.vue

@@ -66,8 +66,8 @@
     .reserved {
 
         width: 100%;
-        padding: 0 45px;
 
+        /* height: auto; */
         box-sizing: border-box;
 
     }
@@ -76,8 +76,8 @@
         width: 100%;
         background: #FFFFFF;
         border-radius: 14px;
-        /* height: 835px; */
-        padding: 45px;
+        height: 620px;
+        padding: 30px;
         box-sizing: border-box;
 
     }
@@ -85,17 +85,17 @@
     .auth_top {
         width: 100%;
         display: flex;
-        height: 50px;
+        /* height: 50px; */
+        /* align-items: center; */
         position: relative;
         justify-content: center;
-        margin-bottom: 186px;
     }
 
     .auth_title_a {
         font-weight: 500;
         color: #000000;
-        font-size: 42px;
-        margin-bottom: 51px;
+        font-size: 28px;
+        margin-bottom: 34px;
     }
 
     .auth_title {
@@ -103,18 +103,17 @@
         color: #666666;
 
 
-        font-size: 27px;
+        font-size: 18px;
         text-align: center;
     }
 
     .auth_body {
         width: 100%;
-        /* height: 90%; */
         display: flex;
         flex-direction: column;
         align-items: center;
-        /* justify-content: center; */
-        /* margin-top: 99px; */
+        margin-top: 66px;
+
     }
 
     .auth_center {
@@ -122,14 +121,14 @@
     }
 
     .auth_img {
-        width: 580px;
-        height: 431px;
+        width: 386.54px;
+        height: 287.18px;
     }
 
     .auth_center_right {
         display: flex;
         flex-direction: column;
-        margin-top: 60px;
+        margin-top: 40px;
     }
 
     .auth_img_left {
@@ -159,9 +158,10 @@
 
 
     ::v-deep .el-button {
-        width: 141px;
-        height: 51px;
-        font-size: 21px;
+        width: 94px;
+        height: 34px;
+        padding: 0;
+        font-size: 14px;
     }
 
 
@@ -169,17 +169,17 @@
         position: absolute;
         left: 0;
         top: 0;
-        border-radius: 6px 6px 6px 6px;
+        border-radius: 4px;
 
-        border: 2px solid #707070;
+        border: 1px solid #707070;
     }
 
 
     ::v-deep .el-button--primary {
-        width: 198px;
-        height: 75px;
+        width: 132px;
+        height: 50px;
         background: #437AE5;
-        font-size: 27px;
+        font-size: 18px;
         border: none;
     }
 </style>
\ No newline at end of file

src/views/visitor/card.vue

@@ -74,9 +74,9 @@
     .card_content {
         width: 100%;
         background: #FFFFFF;
-        border-radius: 21px;
-        height: 100%;
-        padding: 45px;
+        border-radius: 14px;
+        height: 620px;
+        padding: 30px;
         box-sizing: border-box;
 
     }
@@ -84,20 +84,15 @@
     .card_top {
         width: 100%;
         display: flex;
-        height: 50px;
         align-items: center;
         justify-content: space-between !important;
     }
 
-    .card_title {
 
-        color: #666666;
-        font-size: 18px;
-    }
 
     .card_body {
         width: 100%;
-        height: 810px;
+        height: 100%;
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -105,10 +100,10 @@
     }
 
     .card_body_text {
-        margin: 69px 0 98px 0;
+        margin: 46px 0 65px 0;
 
         color: #333333;
-        font-size: 39px;
+        font-size: 26px;
         text-align: center;
 
         font-weight: 500;
@@ -119,32 +114,21 @@
     }
 
     .success_icon {
-        width: 119px;
-        height: 119px;
+        width: 79.06px;
+        height: 79.06px;
     }
 
 
-    ::v-deep .el-icon-success:before {
-        font-size: 60px;
-        color: #25CC18;
-    }
-
 
-    ::v-deep .el-button {
-        width: 141px;
 
-        height: 51px;
-        font-size: 21px;
-        border-radius: 6px;
 
-        border: 2px solid #707070;
-    }
+    ::v-deep .el-button {
+        width: 94px;
+        height: 34px;
+        padding: 0;
+        font-size: 14px;
+        border-radius: 4px;
 
-    ::v-deep .el-button--primary {
-        width: 198px;
-        height: 75px;
-        background: #437AE5;
-        font-size: 27px;
-        border: none;
+        border: 1px solid #707070;
     }
 </style>
\ No newline at end of file

src/views/visitor/disreserve.vue

@@ -83,15 +83,15 @@
     .return_btn {
         /* margin-top: 45px; */
         /* position: absolute; */
-        height: 51px;
+        height: 34px;
     }
 
     .reserved {
 
         width: 100%;
-        padding: 75px;
-
+        padding: 30px;
 
+        height: 670px;
         box-sizing: border-box;
 
     }
@@ -100,7 +100,7 @@
         width: 100%;
         background: #FFFFFF;
         border-radius: 14px;
-        height: 880px;
+
         /* padding: 0 45px; */
         box-sizing: border-box;
         display: flex;
@@ -108,34 +108,35 @@
     }
 
     .card_left_img {
-        width: 87px;
-        height: 68px;
+        width: 58.15px;
+        height: 45.4px;
         margin: 35%;
     }
 
     .card_left_c {
-        width: 290px;
-        height: 290px;
+        width: 193px;
+        height: 193px;
         background: #F4F4F4;
         border-radius: 15px;
         opacity: 1;
-        margin: 0 309px 81px 234px;
+        margin: 0 207px 53px 175px;
         text-align: center;
     }
 
     .card_item {
         display: flex;
-        height: 69px;
-        margin-bottom: 45px;
+
+        height: 46px;
+        margin-bottom: 30px;
         margin-left: 30px;
     }
 
     .card_item_span {
-        line-height: 69px;
+        line-height: 46px;
         color: #333333;
 
-        font-size: 30px;
-        width: 150px;
+        font-size: 20px;
+        width: 120px;
     }
 
 
@@ -144,54 +145,73 @@
 
 
     ::v-deep .el-input__inner {
-        width: 540px;
-        height: 69px;
-        border: 2px solid #707070;
+        width: 360px;
+        height: 46px;
+        border: 1px solid #707070;
         color: #333333;
-        font-size: 30px;
+        font-size: 20px;
     }
 
     ::v-deep .el-input {
-        width: 540px;
-        height: 69px;
+        width: 360px;
+        height: 46px;
 
 
     }
 
     ::v-deep .el-input__icon {
-        height: 69px;
+        height: 46px;
     }
 
     .card_center {
         width: 2px;
-        height: 100%;
+
+        height: 548px;
         background: #E0E0E0;
-        margin: 0 65px 75px 0;
+        margin-top: 20px;
+        /* margin: 50px 43px 50px 85px; */
     }
 
 
     .card_right {
         width: 100%;
-        margin-top: 75px;
+        margin-top: 70px;
         text-align: center;
+        position: relative;
     }
 
-    ::v-deep .card_right .el-button {
-        position: absolute;
-        bottom: 90px;
+    ::v-deep .el-button {
+        width: 94px;
+        height: 34px;
+        padding: 0;
+        font-size: 14px;
     }
 
-    ::v-deep .el-button {
-        width: 141px;
-        height: 51px;
-        font-size: 21px;
+
+    ::v-deep .auth_top .el-button {
+        position: absolute;
+        left: 0;
+        top: 0;
+        border-radius: 4px;
+
+        border: 1px solid #707070;
     }
 
+
     ::v-deep .el-button--primary {
-        width: 198px;
-        height: 75px;
+        width: 132px;
+        height: 50px;
         background: #437AE5;
-        font-size: 27px;
+        font-size: 18px;
         border: none;
+
+    }
+
+    .card_item_next {
+        position: absolute;
+        bottom: 30px;
+        left: 40%;
+        /* display: inline-block; */
+
     }
 </style>
\ No newline at end of file

src/views/visitor/reserved.vue

@@ -63,10 +63,10 @@
     .reserved {
 
         width: 100%;
-        padding: 36px;
-
-        height: 950px;
+        /* padding: 36px; */
 
+        /* height: 950px; */
+        height: 670px;
         box-sizing: border-box;
 
     }
@@ -74,7 +74,7 @@
     .content {
         background: #FFFFFF;
         border-radius: 14px;
-        height: 880px;
+
         /* padding-top: 24px; */
         box-sizing: border-box;
 
@@ -83,12 +83,14 @@
 
 
     .content_card {
+
         display: flex;
-        padding: 225px 100px 0 70px;
+        padding: 150px 100px 0 70px;
+        box-sizing: border-box;
     }
 
     .card_tip {
-        font-size: 42px;
+        font-size: 28px;
         color: #000000;
     }
 
@@ -103,26 +105,26 @@
     }
 
     ::v-deep .content_card .el-input {
-        width: 723px;
-        height: 117px;
+        width: 482px;
+        height: 78px;
         background: #ffffff;
         border-radius: 10px 10px 10px 10px;
         opacity: 1;
         border: 1px solid #cbc7c7;
-        margin: 60px 0 180px 0;
+        margin: 40px 0 120px 0;
     }
 
     ::v-deep .content_card .el-input-group__prepend {
         background-color: white;
         border: 0;
-        line-height: 117px;
+        line-height: 78px;
         border-radius: 50%;
     }
 
     ::v-deep .content_card .el-input.is-disabled .el-input__inner {
         border-color: white;
         height: 100%;
-        font-size: 36px;
+        font-size: 24px;
         background-color: white;
         border-radius: 10%;
         cursor: default;
@@ -131,12 +133,12 @@
 
     .card_pre {
         color: #000000;
-        font-size: 36px;
+        font-size: 24px;
     }
 
     .card_center {
         width: 2px;
-        height: 117px;
+        height: 78px;
         background: #d6d6d6;
         margin-left: 30px;
     }
@@ -147,12 +149,12 @@
     }
 
     ::v-deep .card_btn .el-button {
-        width: 312px;
-        height: 105px;
-        border-radius: 6px;
-        margin-right: 60px;
+        width: 208px;
+        height: 70px;
+        border-radius: 4px;
+        margin-right: 40px;
 
-        font-size: 36px;
+        font-size: 24px;
     }
 
     ::v-deep .card_btn .el-button--info {
@@ -163,13 +165,13 @@
     }
 
     .card_right {
-        width: 674px;
-        height: 587px;
+        width: 449px;
+        height: 391px;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         align-content: flex-start;
-        padding: 45px 0;
+        padding: 30px 0;
         background: white;
         margin-right: 0;
         margin-left: auto;
@@ -177,15 +179,15 @@
     }
 
     ::v-deep .card_right .el-button {
-        width: 170px;
-        height: 96px;
+        width: 113px;
+        height: 64px;
         background: #FFFFFF;
-        border-radius: 9px;
+        border-radius: 6px;
         opacity: 1;
         border: 1px solid #CBC7C7;
-        margin: 0 38px 38px 0;
+        margin: 0 25px 25px 0;
         font-weight: bold;
         color: #000000;
-        font-size: 36px;
+        font-size: 24px;
     }
 </style>
\ No newline at end of file

src/views/visitor/send.vue

@@ -73,7 +73,7 @@
 
     .card_content {
         width: 100%;
-        height: 700px;
+        height: 620px;
         background: #FFFFFF;
         border-radius: 14px;
         padding: 30px;
@@ -89,11 +89,7 @@
         justify-content: space-between !important;
     }
 
-    .card_title {
 
-        color: #666666;
-        font-size: 18px;
-    }
 
     .card_body {
         width: 100%;

src/views/visitor/standby.vue

@@ -91,8 +91,8 @@
     .header_title {
         color: #333333;
         font-size:
-            24px;
-        margin-top: 44px;
+            16px;
+        margin-top: 29px;
     }
 
 
@@ -100,44 +100,47 @@
         display: flex;
 
         color: #FFFFFF;
-        align-items: center;
-        height: 105px;
+        /* align-items: center; */
+        /* height: 105px; */
+        margin-top: 24px;
     }
 
     .header_first {
         display: flex;
         flex-direction: column;
         text-align: center;
-        font-size: 20px;
-        margin-right: 24px;
+
+        font-size: 13px;
+        margin-right: 18px;
     }
 
     .header_mon {
-        margin-top: 11px;
+        margin-top: 5px;
     }
 
     .header_center {
-        height: 27px;
-        width: 2px;
+        height: 18px;
+        width: 1px;
         background: white;
+        margin-top: 12px;
     }
 
     .header_time {
-        font-size: 45px;
+        font-size: 30px;
         font-weight: bold;
-        margin-left: 24px;
+        margin-left: 16px;
     }
 
     .content {
-        height: 100%;
+        /* height: 100%; */
         font-weight: bold;
-        padding: 57px 90px 142px;
+        padding: 57px 0 0 60px;
         box-sizing: border-box;
     }
 
     .content_title {
         color: #333333;
-        font-size: 66px;
+        font-size: 30px;
     }
 
     .content_title2 {
@@ -147,14 +150,14 @@
 
     .content_btns {
         display: flex;
-        margin-top: 128px;
+        margin-top: 85px;
     }
 
     .content_btn {
-        width: 288px;
-        height: 359px;
+        width: 192px;
+        height: 239px;
         background: linear-gradient(136deg, #65DCAC 0%, #4DA8D5 100%);
-        border-radius: 15px;
+        border-radius: 10px 10px 10px 10px;
         opacity: 1;
         padding: 33px;
         cursor: pointer;
@@ -167,17 +170,16 @@
     }
 
     .auth_img_left {
-        width: 171px;
-        height: 180px;
+        width: 114px;
+        height: 120px;
         float: right;
-        margin-top: 78px;
+        margin-top: 81px;
     }
 
     .content_text {
-        font-size: 45px;
+        font-size: 30px;
         font-weight: bold;
         color: #FFFFFF;
-        margin-bottom: 41px;
 
     }
 </style>
\ No newline at end of file