.banner-signup{ padding: 25px 50px; color: #333; position: relative; font-family: Poppins, sans-serif; } .banner-signup .close{ width: 40px; height: 40px; border-radius: 30px; background-color: #F02925; cursor: pointer; display: flex; justify-content: center; align-items: center; color: #fff; position: absolute; top: -40px; right: 0; } .el-dialog.crm-signup { width: 700px; border-radius: 10px; } * { font-family: 'Poppins', Arial, sans-serif; } html,body{ width: 100%; height: 100%; box-sizing: border-box; margin: 0; padding: 0; font-family: 'poppins',Arial,sans-serif; } /* .container{ width: 100%; height: 100%; overflow: hidden; overflow-y: auto; box-sizing: border-box; } */ .Va-document{ width: 100%; height: auto; box-sizing: border-box; font-size: 12px; } .Va-document .title-head{ width: 100%; background-color: #ffffff; text-align: center; color: #ffffff; } .Va-document .title-head .my-content{ max-width: 1280px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 0; } .Va-document .title-head .my-content a.logo{ display: inline-block; } .Va-document .title-head .my-content a.logo img{ height: 40px; } .Va-document .title-head .my-content .user-area { display: table; } .Va-document .title-head .my-content .user-area .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .Va-document .title-head .my-content .user-area ul li.login { padding-left: 20px; margin-left: 20px; border-left: 1px solid #707070; height: 22px; font-size: 14px; line-height: 22px; } .Va-document .title-head .my-content .user-area ul li.dropdown.login{ padding-left: 0px; } .Va-document .title-head .my-content .user-area ul li.dro-r.login{ margin-left: 0px; } .Va-document .title-head .my-content .user-area ul li.login a span { padding-left: 20px; color: #627A8E !important; } .Va-document .title-head .my-content .user-area a { text-decoration: none !important; } .Va-document .content-info{ width: 100%; box-sizing: border-box; } .Va-document .content-info .my-box1{ width: 100%; box-sizing: border-box; background-image: url('../img/banner_bg.png'); background-size: 100% 100%; background-repeat:no-repeat; padding: 50px 0; } .Va-document .content-info .my-box1 .my-content{ max-width: 1280px; margin: auto; } .Va-document .content-info .my-box1 .my-content .banner-title{ display: flex; flex-wrap: wrap; } .Va-document .content-info .my-box1 .my-content .banner-title .tit.tip{ font-size: 14px; margin: 0; } .Va-document .content-info .my-box1 .my-content .banner-title .title100{ font-size: 120px; color: #fff; margin: 20px 0; } .Va-document .content-info .my-box1 .my-content .banner-title .red{ color: #DF3737; } .Va-document .content-info .my-box1 .my-content .el-row{ display: flex; flex-wrap: wrap; align-items: center; } .Va-document .content-info .my-box1 .my-content .el-col{ padding: 0; } .Va-document .content-info .my-box1 .my-content .col-l{ padding-right: 40px; } .Va-document .content-info .my-box1 .my-content .col-r{ padding-left: 40px; } .Va-document .content-info .my-box1 .my-content h5.title{ color: #ffffff; font-size: 24px; margin-bottom: 10px; margin-top: 10px; } .Va-document .content-info .my-box1 .my-content p.tit{ color: #D2D4D3; font-size: 16px; margin-bottom: 10px; } .Va-document .content-info .my-box1 .my-content .banner-signup{ background-color: rgb(0 0 0 / 80%); padding: 25px; color: #e4e4e4; } .Va-document .content-info .my-box1 .my-content .banner-signup .title{ font-size: 18px; margin-bottom: 10px; } .Va-document .content-info .my-box1 .my-content .banner-signup .el-input__inner{ width: 100%; background-color: #F8F8F8; /* border-color: #F8F8F8; */ border: none; border-bottom: 1px solid; border-radius: 0; border-color: #979797; color: #e4e4e4; background-color: transparent; } /* .el-input__inner { border: none; border-bottom: 1px solid; border-radius: 0; border-color: #979797; color: #e4e4e4; background-color: transparent; } */ .Va-document .content-info .my-box1 .my-content .banner-signup .el-select .el-input__inner { padding-left: 30px; } i.icondingwei { position: absolute; top: 0; left: 5px; color: #e4e4e4; } .Va-document .content-info .my-box1 .my-content .banner-signup .el-select{ width: 100%; } .Va-document .content-info .my-box1 .my-content .banner-signup .el-col{ padding: 0; } .Va-document .content-info .my-box1 .my-content .banner-signup .getCode{ display: inline-block; width: 100%; line-height: 30px; text-align: center; background-color: #191B28; border: 1px solid #e4e4e4; cursor: pointer; color: #e4e4e4; border-radius: 6px; font-size: 14px; } .pwd { text-align: left; padding-left: 20px; margin: 0; } .pwd li { list-style-type: disc; /*height: 20px;*/ line-height: 20px; color: #979797; } .pwd .fit { color: #EC1920; } .Va-document .content-info .my-box1 .banner-title .img1{ height: 150px; } .Va-document .content-info .my-box1 .banner-title .bottom{ display: flex; flex-wrap: wrap; color: #e4e4e4; margin-top: 40px; font-size: 14px; } .Va-document .content-info .my-box1 .banner-title .bottom .item{ /* border-right: 1px solid #e4e4e4; */ /* min-width: 50%; */ box-sizing: border-box; text-align: left; padding: 0 15px; } .Va-document .content-info .my-box1 .banner-title .bottom .item.active{ border-right: 0; } .Va-document .content-info .my-box1 .banner-title .bottom .item img{ width: 40px; height: 30px; } .Va-document .content-info .my-box1 .my-content .banner-signup .el-button{ width: 100%; background-color: #EC1920; font-size: 18px; } .Va-document .content-info .my-box2{ width: 100%; box-sizing: border-box; } .Va-document .content-info .my-box2 .my-content{ max-width: 1280px; margin: auto; padding: 0 50px; } .Va-document .content-info .my-box2 .my-content h5.title{ text-align: center; font-size: 28px; margin-bottom: 0; } .Va-document .content-info .my-box2 .my-content .con-box{ display: flex; flex-wrap: wrap; margin: 40px 0; } .Va-document .content-info .my-box2 .my-content .con-box .el-col{ box-sizing: border-box; padding: 0; } .Va-document .content-info .my-box2 .my-content .con-box .el-col .box{ height: 100%; /* margin: 20px; */ box-sizing: border-box; /* background-color: #ffffff; border-radius: 5px; box-shadow: 0px 0px 10px #dad6d6; */ text-align: center; padding: 0; } .Va-document .content-info .my-box2 .my-content .con-box .box-box{ margin: 20px 0; } .Va-document .content-info .my-box2 .my-content .con-box .des{ text-align: left; color: #7E7E7E; } /* .Va-document .content-info .my-box2 .my-content .con-box .el-col .box:hover{ background-color: #DF3737; cursor: pointer; } */ .Va-document .content-info .my-box2 .my-content .con-box .el-col .box .tit{ font-size: 16px; margin: 0; /* font-weight: bold; */ background-color: #081E36; line-height: 40px; color: #fff; border: 1px solid #E9E9E9; } /* .Va-document .content-info .my-box2 .my-content .con-box .el-col .box:hover .tit{ color: #ffffff; } */ .Va-document .content-info .my-box2 .my-content .con-box .el-col .box .con{ font-size: 14px; color: #7E7E7E; line-height: 40px; border: 1px solid #E9E9E9; } .Va-document .content-info .my-box2 .my-content .con-box .des-box{ margin-top: 20px; } .Va-document .content-info .my-box2 .my-content .con-box .el-col .box img{ width: 60px; } /* .Va-document .content-info .my-box2 .my-content .con-box .el-col .box:hover .con{ color: #FDCCCC; } */ .Va-document .content-info .my-box2 .my-content .btn{ display: flex; justify-content: center; } .Va-document .content-info .my-box2 .my-content .btn a{ text-decoration: none; color: #ffffff; background-color: #DF3737; padding: 10px 50px; font-size: 16px; border-radius: 50px; display: inline-block; } .Va-document .content-info .my-box3{ width: 100%; box-sizing: border-box; } .Va-document .content-info .my-box3 .my-content{ max-width: 1280px; margin: auto; padding: 0 50px; } .Va-document .content-info .my-box3 .my-content h5.title{ text-align: center; font-size: 28px; margin-bottom: 0; } .Va-document .content-info .my-box3 .my-content .con-box{ display: flex; flex-wrap: wrap; } .Va-document .content-info .my-box3 .my-content .con-box .el-col{ box-sizing: border-box; padding: 20px; } .Va-document .content-info .my-box3 .my-content .con-box .el-col .box{ height: 100%; /* margin: 20px; */ box-sizing: border-box; text-align: left; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .Va-document .content-info .my-box3 .my-content .con-box .el-col .box img{ width: 100%; } .Va-document .content-info .my-box3 .my-content .con-box .el-col .box .num{ width: 100%; padding: 0 10px; box-sizing: border-box; font-size: 28px; font-weight: bold; } .Va-document .content-info .my-box3 .my-content .con-box .el-col .box .num span{ border-bottom: 3px solid #333; color: #DF3737; } /* .Va-document .content-info .my-box3 .my-content .con-box .el-col .box:hover{ background-color: #DF3737; cursor: pointer; } */ .Va-document .content-info .my-box3 .my-content .con-box .el-col .box .tit{ font-size: 16px; margin: 10px 0; font-weight: bold; width: 100%; padding: 0 10px; box-sizing: border-box; } /* .Va-document .content-info .my-box3 .my-content .con-box .el-col .box:hover .tit{ color: #ffffff; } */ .Va-document .content-info .my-box3 .my-content .con-box .el-col .box .con{ font-size: 14px; color: #7E7E7E; } /* .Va-document .content-info .my-box3 .my-content .con-box .el-col .box:hover .con{ color: #FDCCCC; } */ .Va-document .content-info .my-box3 .my-content .btn{ text-align: center; padding: 10px 50px; font-size: 16px; } .Va-document .content-info .my-box3 .my-content .btn a{ text-decoration: none; color: #4990ef; font-size: 16px; display: inline-block; } .Va-document .content-info .my-box4{ width: 100%; box-sizing: border-box; background-color: #E8ECEF; padding: 30px 0; } .Va-document .content-info .my-box4 .my-content{ max-width: 1280px; margin: auto; padding: 0 50px; } .Va-document .content-info .my-box4 .my-content h5.title{ text-align: center; font-size: 28px; margin-bottom: 20px; } .Va-document .content-info .my-box4 .my-content .el-row { display: flex; flex-wrap: wrap; align-items: center; } .Va-document .content-info .my-box4 .my-content .el-row .box-l{ padding-left: 40px; } .Va-document .content-info .my-box4 .my-content .el-row .box-r{ padding-right: 40px; } .Va-document .content-info .my-box4 .my-content .box{ font-size: 14px; } .Va-document .content-info .my-box4 .my-content .title{ font-size: 14px; font-weight: bold; margin-left: 15px; } .Va-document .content-info .my-box4 .my-content .box .el-collapse{ border: none; } .Va-document .content-info .my-box4 .my-content .box .el-collapse-item{ margin-bottom: 15px; } .Va-document .content-info .my-box4 .my-content .box .el-collapse-item__header{ /* margin-bottom: 15px; */ border-radius: 5px; box-shadow: 0px 0px 10px #dad6d6; } .Va-document .content-info .my-box4 .my-content .box .el-collapse-item__content{ padding: 15px; box-sizing: border-box; border-top: 1px solid #E9E9E9; } .Va-document .content-info .my-box4 .my-content .step { display: flex; flex-wrap: wrap; } .Va-document .content-info .my-box4 .my-content .step .sum{ width: 60px; height: 60px; border-radius: 50px; background-color: #DF3737; font-size: 24px; color: #ffffff; text-align: center; line-height: 60px; margin-right: 25px; } .Va-document .content-info .my-box4 .my-content .step .tit{ flex: 1; } .Va-document .content-info .my-box4 .my-content .step .tit h5{ font-size: 24px; margin: 15px 0; } .Va-document .content-info .my-box4 .my-content .step .tit p{ font-size: 18px; } .Va-document .content-info .my-box4 .my-content i.el-icon-arrow-down{ font-size: 40px; font-weight: bold; margin-left: 10px; } .Va-document .content-info .my-box5{ width: 100%; box-sizing: border-box; } .Va-document .content-info .my-box5 .my-content{ max-width: 1280px; margin: auto; padding: 0 50px; } .Va-document .content-info .my-box5 .my-content h5.title{ text-align: center; font-size: 28px; margin-bottom: 0; } .Va-document .content-info .my-box5 .my-content .con-box{ display: flex; flex-wrap: wrap; } .Va-document .content-info .my-box5 .my-content .con-box .el-col{ box-sizing: border-box; padding: 20px; } .Va-document .content-info .my-box5 .my-content .con-box .el-col .box{ height: 100%; /* margin: 20px; */ box-sizing: border-box; background-color: #ffffff; border-radius: 5px; box-shadow: 0px 0px 10px #dad6d6; text-align: center; padding: 20px; } .Va-document .content-info .my-box5 .my-content .con-box .el-col .box:hover{ background-color: #DF3737; cursor: pointer; } .Va-document .content-info .my-box5 .my-content .con-box .el-col .box .tit{ font-size: 16px; margin: 10px 0; font-weight: bold; } .Va-document .content-info .my-box5 .my-content .con-box .el-col .box:hover .tit{ color: #ffffff; } .Va-document .content-info .my-box5 .my-content .con-box .el-col .box .con{ font-size: 14px; color: #7E7E7E; } .Va-document .content-info .my-box5 .my-content .con-box .el-col .box .imgbox{ width: 100%; height: 60px; display: flex; justify-content: center; } .Va-document .content-info .my-box5 .my-content .con-box .el-col .box:hover .img{ background: #ffffff; width: 60px; height: 60px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .Va-document .content-info .my-box5 .my-content .con-box .el-col .box img{ width: 60px; height: 50px; /* padding-right: 6px; */ box-sizing: border-box; } .Va-document .content-info .my-box5 .my-content .con-box .el-col .box:hover .con{ color: #FDCCCC; } .Va-document .content-info .my-box5 .my-content .btn{ display: flex; justify-content: center; } .Va-document .content-info .my-box5 .my-content .btn a{ text-decoration: none; color: #ffffff; background-color: #DF3737; padding: 10px 50px; font-size: 16px; border-radius: 50px; display: inline-block; font-weight: bold; } .Va-document .content-info .my-box6{ width: 100%; box-sizing: border-box; background-color: #E8ECEF; padding: 30px 0; } .Va-document .content-info .my-box6 .my-content{ max-width: 1280px; margin: auto; padding: 0 50px; } .Va-document .content-info .my-box6 .my-content h5.title{ text-align: center; font-size: 28px; margin-bottom: 0; } .Va-document .content-info .my-box6 .my-content .con-box{ display: flex; flex-wrap: wrap; } .Va-document .content-info .my-box6 .my-content .con-box img{ width: 100%; } .Va-document .content-info .my-box9{ width: 100%; box-sizing: border-box; } .Va-document .content-info .my-box9 .my-content{ max-width: 1280px; margin: auto; padding: 0 50px; } .Va-document .content-info .my-box9 .my-content h5.title{ text-align: center; font-size: 28px; margin-bottom: 0; } .Va-document .content-info .my-box9 .my-content .con-box{ display: flex; flex-wrap: wrap; } .Va-document .content-info .my-box9 .my-content .con-box .el-col{ box-sizing: border-box; padding: 20px; } .Va-document .content-info .my-box9 .my-content .con-box .el-col .box{ height: 100%; /* margin: 20px; */ box-sizing: border-box; } .Va-document .content-info .my-box9 .my-content .con-box .el-col .box .honor{ height: 315px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; background-color: #ffffff; border-radius: 5px; box-shadow: 0px 0px 10px #dad6d6; text-align: center; padding: 20px; max-width: 230px; margin: auto; font-size: 14px; } .Va-document .content-info .my-box9 .my-content .con-box .el-col .box .honor .bottom{ position: relative; font-weight: bold; } .Va-document .content-info .my-box9 .my-content .con-box .el-col .box .honor .bottom::before { content: ""; position: absolute; top: -10px; left: 50%; width: 100px; border-top: 1px solid rgb(96, 94, 97); transform: translateX(-50%); } .Va-document .content-info .my-box9 .my-content .con-box .el-col .box .honor img{ width: 100%; height: auto; } .Va-document .content-info .my-box9 .my-content .con-box .el-col .box .el-carousel__container{ padding: 5px; } .Va-document .content-info .my-box9 .my-content .con-box .el-col .box .tit{ font-size: 16px; margin: 10px 0; font-weight: bold; } .Va-document .content-info .my-box9 .my-content .con-box .el-col .box .con{ font-size: 14px; color: #7E7E7E; } .Va-document .content-info .my-box9 .my-content .con-box .el-col .box .imgbox{ width: 100%; height: 60px; display: flex; justify-content: center; } .Va-document .content-info .my-box9 .my-content .con-box .el-col .box img{ width: 60px; height: 50px; padding-left: 6px; box-sizing: border-box; } .Va-document .content-info .my-box9 .my-content .btn{ display: flex; justify-content: center; } .Va-document .content-info .my-box9 .my-content .btn a{ text-decoration: none; color: #ffffff; background-color: #DF3737; padding: 10px 50px; font-size: 16px; border-radius: 50px; display: inline-block; } .Va-document .content-info .my-box8{ width: 100%; box-sizing: border-box; background-color: #E8ECEF; padding: 30px 0; } .Va-document .content-info .my-box8 .my-content{ max-width: 1280px; margin: auto; padding: 0 50px; } .Va-document .content-info .my-box8 .my-content h5.title{ text-align: center; font-size: 28px; margin-bottom: 0; } .Va-document .content-info .my-box8 .my-content .con-box{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .Va-document .content-info .my-box8 .my-content .con-box .box{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } .Va-document .content-info .my-box8 .my-content .con-box .box img{ max-height: 80px; } .Va-document .content-info .my-box8 .my-content .btn{ display: flex; justify-content: center; } .Va-document .content-info .my-box8 .my-content .btn a{ text-decoration: none; color: #ffffff; background-color: #DF3737; padding: 10px 50px; font-size: 16px; border-radius: 50px; display: inline-block; font-weight: bold; } /* .Va-document .content-info .my-box5{ width: 100%; box-sizing: border-box; background-color: #F8F8F8; } .Va-document .content-info .my-box5 .my-content{ max-width: 1280px; margin: auto; padding: 0 50px; } .Va-document .content-info .my-box5 .my-content .el-row { display: flex; flex-wrap: wrap; align-items: center; } .Va-document .content-info .my-box5 .my-content .el-row .box-l{ padding-left: 40px; } .Va-document .content-info .my-box5 .my-content .el-row .box-r{ padding-right: 40px; } .Va-document .content-info .my-box5 .my-content h5.title{ text-align: left; font-size: 28px; margin-bottom: 20px; } .Va-document .content-info .my-box5 .my-content .step{ display: flex; flex-wrap: wrap; align-items: center; } .Va-document .content-info .my-box5 .my-content .step .sum{ width: 60px; height: 60px; border-radius: 50px; background-color: #DF3737; font-size: 24px; color: #ffffff; text-align: center; line-height: 60px; margin-right: 25px; } .Va-document .content-info .my-box5 .my-content .step .tit{ /* line-height: 60px; */ /* font-size: 20px; flex: 1; } */ /* .Va-document .content-info .my-box6{ width: 100%; box-sizing: border-box; background-image: url('../img/foot_bg.png'); background-size: 100% 100%; background-repeat:no-repeat; padding: 50px 0; margin-top: 50px; } .Va-document .content-info .my-box6 .my-content{ max-width: 1280px; margin: auto; padding: 0 50px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .Va-document .content-info .my-box6 .my-content .tit h5{ font-size: 20px; color: #ffffff; margin: 0; } .Va-document .content-info .my-box6 .my-content .tit p{ font-size: 18px; color: #ffffff; margin-bottom: 0; } .Va-document .content-info .my-box6 .my-content .btn a{ text-decoration: none; color: #000000; background-color: #ffffff; padding: 10px 50px; font-size: 16px; border-radius: 4px; display: inline-block; } */ .Va-document .content-info .my-box7{ width: 100%; box-sizing: border-box; background-color: #212D3E; } .Va-document .content-info .my-box7 .my-content{ max-width: 1280px; margin: auto; padding: 25px 50px; color: #9AA4B2; } .Va-document .content-info .my-box7 .my-content p{ margin: 20px 0; font-size: 14px; } .Va-document .content-info .my-box7 .my-content .bottom{ display: flex; justify-content: space-between; } .Va-document .content-info .my-box7 .my-content p a{ text-decoration: none; color: #4990ef; } .Va-document .content-info .my-box7 .btn{ text-decoration: none; color: #fff; text-align: center; padding: 20px 50px; font-size: 16px; } .Va-document .content-info .my-box7 .btn a{ text-decoration: none; font-size: 16px; display: inline-block; color: #4990ef; } .el-form-item.agree .el-form-item__content{ line-height: 24px; margin-top: 10px; } div.menu-logo { margin: 0 6px; cursor: pointer; user-select: none; } .menu-logo.chooseLang{ /* border: 1px solid #C5C5C9; */ width: 150px; /* margin-bottom: 10px; */ text-align: center; line-height: 22px; } .s-btn{ background-color: #EB3F57; border-color: #EB3F57; } .el-button--primary:active,.el-button:focus,.el-button--primary:hover{ background-color: #EB3F57; border-color: #EB3F57; opacity: 0.8; } .el-input__inner:focus{ border-color: #EB3F57; } @media screen and (max-width: 768px) { .Va-document .content-info .my-box1{ padding: 10px 0; } .Va-document .content-info .my-box1 .my-content h5.title{ font-size: 20px; } .Va-document .content-info .my-box1 .my-content p.tit{ margin: 10px 0; } .Va-document .content-info .my-box1 .my-content .el-col{ padding: 10px 15px; } .Va-document .content-info .my-box1 .my-content>.el-row{ flex-direction: column-reverse; } .Va-document .content-info .my-box2{ padding: 0 15px; } .Va-document .content-info .my-box2 .my-content .red{ font-size: 26px; } .Va-document .content-info .my-box2 .my-content .el-col{ justify-content: space-around; } .Va-document .content-info .my-box2 .my-content{ margin-bottom: 40px; } .Va-document .content-info .my-box3 .my-content{ padding: 0 15px; } .Va-document .content-info .my-box3 .my-content .con-box .el-col { box-sizing: border-box; padding: 10px; } .Va-document .content-info .my-box3 .my-content h5.title { text-align: center; font-size: 20px; margin-bottom: 0; } .Va-document .content-info .my-box4 .my-content { padding: 0 15px; } .Va-document .content-info .my-box4 .my-content h5.title { text-align: center; font-size: 20px; margin-bottom: 20px; } .Va-document .content-info .my-box4 .my-content .el-row .box-r { padding-right: 0px; } .Va-document .content-info .my-box4 .my-content .el-row .box-l { padding-left: 0px; } .Va-document .content-info .my-box4 .my-content .step .sum { width: 40px; height: 40px; border-radius: 50px; background-color: #DF3737; font-size: 20px; color: #ffffff; text-align: center; line-height: 40px; margin-right: 15px; } .Va-document .content-info .my-box4 .my-content .step .tit h5 { font-size: 18px; margin: 15px 0; } .Va-document .content-info .my-box4 .my-content .step .tit p { font-size: 16px; } .Va-document .content-info .my-box4 .my-content i.el-icon-arrow-down { font-size: 36px; font-weight: bold; } .Va-document .content-info .my-box5 .my-content { padding: 0 15px; } .Va-document .content-info .my-box5 .my-content .el-row .box-r { padding-right: 0px; } .Va-document .content-info .my-box5 .my-content .el-row .box-l { padding-left: 0px; } .Va-document .content-info .my-box5 .my-content .step .sum { width: 40px; height: 40px; border-radius: 50px; background-color: #DF3737; font-size: 20px; color: #ffffff; text-align: center; line-height: 40px; margin-right: 15px; } .Va-document .content-info .my-box5 .my-content h5.title { text-align: left; font-size: 20px; margin-bottom: 10px; } .Va-document .content-info .my-box5 .my-content .step .tit { font-size: 16px; } .Va-document .content-info .my-box6 { margin-top: 0px; } .Va-document .content-info .my-box6 .my-content { justify-content: center; } .Va-document .content-info .my-box6 .my-content .tit h5 { font-size: 18px; } .Va-document .content-info .my-box6 .my-content .tit p { font-size: 16px; margin-top: 10px; } .Va-document .content-info .my-box6 .my-content .btn a { margin-top: 20px; } .Va-document .content-info .my-box7 .my-content { padding: 15px; } .Va-document .title-head .my-content .user-area ul li.login { padding-left: 3px; margin-left: 3px; } .menu-logo.chooseLang{ margin: 0; width: 120px; } .Va-document .title-head .my-content .user-area ul li.login a span { padding-left: 0px; } .Va-document .content-info .my-box1 .banner-title .img1 { width: 100%; height: auto; } .Va-document .content-info .my-box1 .my-content h5.title { font-size: 14px; } .Va-document .content-info .my-box1 .my-content p.tit { margin: 10px 0; font-size: 12px; } .Va-document .content-info .my-box1 .banner-title .bottom .item { justify-content: inherit; } .Va-document .content-info .my-box1 .my-content .banner-signup { background-color: rgb(0 0 0 / 80%); padding: 5px; color: #e4e4e4; } .Va-document .content-info .my-box2 .my-content h5.title { font-size: 20px; } .Va-document .content-info .my-box2 .my-content { padding: 0 15px; } .Va-document .content-info .my-box2 .my-content .con-box .el-col .box { padding: 0px; } .Va-document .content-info .my-box2 .my-content .con-box .el-col { box-sizing: border-box; padding: 0; } .Va-document .content-info .my-box3 .my-content .con-box .el-col .box { padding: 0px; } .Va-document .content-info .my-box3 .my-content .con-box .el-col .box .tit { font-size: 12px; } .Va-document .content-info .my-box3 .my-content .con-box .el-col .box .num { font-size: 20px; } .Va-document .content-info .my-box3 .my-content .btn { text-align: center; padding: 0; font-size: 12px; } .Va-document .content-info .my-box3 .my-content .btn a { font-size: 12px; } .Va-document .content-info .my-box5 .my-content .con-box .el-col { box-sizing: border-box; padding: 5px; } .Va-document .content-info .my-box6 .my-content { padding: 0 15px; } .Va-document .content-info .my-box6 .my-content h5.title { text-align: center; font-size: 20px; margin-bottom: 0; } .Va-document .content-info .my-box8 .my-content { max-width: 1280px; margin: auto; padding: 0 15px; } .Va-document .content-info .my-box8 .my-content h5.title { text-align: center; font-size: 20px; margin-bottom: 0; } .Va-document .content-info .my-box7 .btn { text-decoration: none; color: #fff; text-align: center; padding: 15px 5px; font-size: 16px; } .Va-document .content-info .my-box9 .my-content { max-width: 1280px; margin: auto; padding: 0 15px; } .Va-document .content-info .my-box9 .my-content h5.title { text-align: center; font-size: 20px; margin-bottom: 0; } .Va-document .content-info .my-box4 .my-content .title { font-size: 12px; font-weight: bold; margin-left: 15px; line-height: 1.2; } .Va-document .content-info .my-box4 .el-collapse-item__header{ min-height: 48px; } .Va-document .title-head .my-content{ justify-content: space-around; } .el-dialog.crm-signup { width: 95%; border-radius: 10px; } .banner-signup { padding: 25px 0; word-break: break-word; } }