Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
3df9731a by simon
Options

默认提交

1 parent 0dc2efb3
Inline Side-by-side
Showing 35 changed files with 604 additions and 338 deletions
<!DOCTYPE html>
<html lang="en">
<html >
<head>
<meta charset="utf-8">
......
<template>
<div id="app">
<div id="app" :lang="lang">
<v-header class="header"></v-header>
<main ref="container" class="main-container">
<router-view />
......@@ -30,6 +30,11 @@ export default {
VFooter,
VhisModal
},
data() {
return {
lang: "zh"
};
},
computed: {
...mapState({
isMobile: state => state.isMobile
......@@ -64,6 +69,7 @@ export default {
}
},
created() {
this.lang = this.$i18n.locale == "en" ? "en" : "zh";
// window.onresize = () => {
// this.refreshUA();
// };
......
......@@ -95,7 +95,6 @@ input {
align-items: center;
justify-content: center;
font-weight: 600;
letter-spacing: .25rem;
.t1 {
font-size: 36px;
......@@ -104,6 +103,10 @@ input {
}
.title:lang(zh) {
letter-spacing: .25rem;
}
.default-mt {
margin-top: 48px;
}
......@@ -316,6 +319,10 @@ input {
min-width: 30%;
justify-content: flex-start;
padding-left: 5px;
}
.label:lang(zh) {
letter-spacing: .25rem;
}
......@@ -383,7 +390,6 @@ input {
width: 215px;
padding-left: 52px;
padding-right: 5px;
letter-spacing: .25rem;
font-size: 20px;
.main-label {
......@@ -393,6 +399,10 @@ input {
}
}
.label:lang(zh) {
letter-spacing: .25rem;
}
.date-container {
width: 60%;
position: relative;
......@@ -463,7 +473,6 @@ input {
&-item {
position: relative;
line-height: 2;
letter-spacing: 1.2px;
margin-bottom: 1rem;
&-icon {
......@@ -472,6 +481,11 @@ input {
top: .6rem;
}
}
&-item:lang(zh) {
letter-spacing: 1.2px;
}
}
.en {
......
......@@ -67,6 +67,9 @@
.lsp {
line-height: 1.4;
}
.lsp:lang(zh) {
letter-spacing: 0.7px;
}
}
......
......@@ -75,6 +75,9 @@
.lsp {
line-height: 1.4;
}
.lsp:lang(zh) {
letter-spacing: 0.7px;
}
......
......@@ -72,20 +72,24 @@ $borderSize: 6px;
.clarms-t1 {
font-size: 22px;
letter-spacing: 1.1px;
color: $cOrange2;
}
.clarms-t1:lang(zh) {
letter-spacing: 1.1px;
}
.clarms-t2 {
color: $cFontGray2;
letter-spacing: 0.9px;
font-size: 18px;
margin-top: 6px;
}
}
.clarms-t2:lang(zh) {
letter-spacing: 0.9px;
}
}
.clarms-btn {
......@@ -96,11 +100,14 @@ $borderSize: 6px;
line-height: 50px;
text-align: center;
color: #ffffff;
letter-spacing: 1.1px;
font-size: 18px;
cursor: pointer;
}
.clarms-btn:lang(zh) {
letter-spacing: 1.1px;
}
.line {
@extend .bb;
padding: 0 24px;
......@@ -190,7 +197,7 @@ $borderSize: 6px;
padding: 0;
}
.clarms-btn{
.clarms-btn {
margin: 20px 0;
width: 100%;
}
......
......@@ -39,11 +39,14 @@ $borderRadius:6px;
color: $cOrange2;
text-align: center;
margin: 1.666667rem auto 0 auto;
letter-spacing: 1.1px;
span {}
}
.title:lang(zh) {
letter-spacing: 1.1px;
}
.default-mt {
margin-top: 50px;
}
......@@ -121,6 +124,9 @@ $borderRadius:6px;
width: 140px;
justify-content: flex-start;
padding-left: 5px;
}
.label:lang(zh) {
letter-spacing: .25rem;
}
......@@ -198,13 +204,16 @@ $borderRadius:6px;
align-items: center;
width: 25%;
padding-left: 5px;
letter-spacing: .25rem;
.main-label {
color: $cOrange2;
}
}
.label:lang(zh) {
letter-spacing: .25rem;
}
.date-container {
width: 60%;
position: relative;
......@@ -268,7 +277,6 @@ $borderRadius:6px;
&-item {
position: relative;
line-height: 2;
letter-spacing: 1.2px;
margin-bottom: 1rem;
&-icon {
......@@ -277,6 +285,10 @@ $borderRadius:6px;
top: .6rem;
}
}
&-item:lang(zh) {
letter-spacing: 1.2px;
}
}
......
......@@ -126,7 +126,7 @@
cursor: default !important;
}
.gray{
.gray {
color: #dcdddd !important;
}
......@@ -139,6 +139,9 @@
// input和下拉
.ipt {
flex: 1;
}
.ipt:lang(zh) {
letter-spacing: .1rem;
}
......@@ -190,7 +193,7 @@
}
}
.readonly{
.readonly {
z-index: 1;
}
......
......@@ -92,6 +92,9 @@ export default {
let list = [];
if (this.userInfo && this.userInfo.name) {
menuData.name = this.userInfo.name;
if (this.$i18n.locale == "en" && this.userInfo.nameEn) {
menuData.name = this.userInfo.nameEn;
}
menuData.list.forEach(element => {
if (element.type == "auth") {
list.push(element);
......
......@@ -64,13 +64,16 @@
height: 100%;
overflow-y: scroll;
line-height: 2;
letter-spacing: 1.2px;
padding-right: 16px;
.t1 {
font-weight: bold;
}
}
&-desc :lang(zh) {
letter-spacing: 1.2px;
}
}
&-btn-wrap {
......
......@@ -68,8 +68,12 @@
.lsp {
line-height: 1.4;
}
.lsp:lang(zh) {
letter-spacing: 0.7px;
}
}
......
......@@ -73,13 +73,16 @@ $borderRadius:6px;
padding-bottom: 88px;
.notice {
letter-spacing: 2.2px;
font-size: 0;
span {
font-size: 22px;
}
}
.notice:lang(zh) {
letter-spacing: 2.2px;
}
}
.title {
......@@ -87,14 +90,15 @@ $borderRadius:6px;
font-size: 36px;
color: $cOrange2;
font-weight: bold;
}
.title:lang(zh) {
letter-spacing: 2.45px;
// padding:0 92px;
}
.desc {
text-align: left;
line-height: 1.82;
letter-spacing: 3.6px;
@extend .text-jtf;
span {
......@@ -102,11 +106,14 @@ $borderRadius:6px;
}
}
.desc:lang(zh) {
letter-spacing: 3.6px;
}
.value {
flex: 1;
text-align: left;
line-height: 1.82;
letter-spacing: 3.6px;
font-size: 0;
span {
......@@ -114,7 +121,11 @@ $borderRadius:6px;
}
}
.ltz{
.value:lang(zh) {
letter-spacing: 3.6px;
}
.ltz {
letter-spacing: 0;
}
......@@ -155,7 +166,7 @@ $borderRadius:6px;
justify-content: center;
width: 100%;
height: 100%;
letter-spacing: 1.4px;
font-weight: bold;
color: $cOrange2;
......@@ -163,7 +174,10 @@ $borderRadius:6px;
height: 47px;
margin-right: 52px;
}
}
.cont:lang(zh) {
letter-spacing: 1.4px;
}
}
}
......@@ -198,10 +212,13 @@ $borderRadius:6px;
color: #ffffff;
font-weight: bold;
cursor: pointer;
letter-spacing: 1.1px;
margin: 0 25px;
}
.submit-btn:lang(zh) {
letter-spacing: 1.1px;
}
.contact {
margin: 50px auto 0;
font-weight: bold;
......@@ -363,6 +380,6 @@ $borderRadius:6px;
display: none;
}
.comp{
.comp {
-ms-overflow-style: none;
}
......
......@@ -58,9 +58,12 @@ input {
color: #ff6839;
font-size: 48px;
font-weight: bold;
letter-spacing: 2.45px;
background-color: #ffffff;
}
.tt:lang(zh) {
letter-spacing: 2.45px;
}
}
}
......@@ -211,6 +214,9 @@ input {
margin-top: .833333rem;
text-align: center;
width: 8.333333rem;
}
.tip:lang(zh) {
letter-spacing: 1px;
}
......@@ -329,9 +335,14 @@ input {
min-width: 30%;
justify-content: flex-start;
padding-left: 5px;
}
.label:lang(zh) {
letter-spacing: .25rem;
}
.ipt-wrap {
width: 70%;
position: relative;
......@@ -394,13 +405,16 @@ input {
align-items: center;
width: 25%;
padding-left: 5px;
letter-spacing: .25rem;
.main-label {
color: $cOrange;
}
}
.label:lang(zh) {
letter-spacing: .25rem;
}
.date-container {
width: 60%;
position: relative;
......@@ -464,7 +478,7 @@ input {
&-item {
position: relative;
line-height: 2;
letter-spacing: 1.2px;
margin-bottom: 1rem;
&-icon {
......@@ -473,8 +487,11 @@ input {
top: .6rem;
}
}
}
&-item:lang(zh) {
letter-spacing: .25rem;
}
}
@media (max-width: 1200px) {
......
......@@ -7,26 +7,26 @@ input {
}
.orange {
color: $cOrange;
color: $cOrange;
}
.gray {
color: #747474;
color: #747474;
}
.submit-btn{
background: url("~@assets/images/vhis/vhis-btn.png");
background-size: 100% 100%;
background-repeat: no-repeat;
width: 15rem;
height: 2.5rem;
line-height: 2.5rem;
color: white;
font-weight: 600;
cursor: pointer;
margin: 2.5rem auto;
text-align: center;
}
.submit-btn {
background: url("~@assets/images/vhis/vhis-btn.png");
background-size: 100% 100%;
background-repeat: no-repeat;
width: 15rem;
height: 2.5rem;
line-height: 2.5rem;
color: white;
font-weight: 600;
cursor: pointer;
margin: 2.5rem auto;
text-align: center;
}
.reservation-container {
@extend .fcc;
......@@ -38,24 +38,24 @@ input {
min-height: 500px;
.title {
font-size: 1.333333rem;
color: $cOrange;
text-align: center;
margin: 1.666667rem auto 0 auto;
font-size: 1.333333rem;
color: $cOrange;
text-align: center;
margin: 1.666667rem auto 0 auto;
span {
padding: 0 .166667rem;
}
span {
padding: 0 .166667rem;
}
}
.default-mt {
margin-top: 2.666667rem;
margin-top: 2.666667rem;
}
.flex-top {
display: flex;
justify-content: left;
align-items: flex-start;
display: flex;
justify-content: left;
align-items: flex-start;
}
.flex-start {
......@@ -66,185 +66,190 @@ input {
}
.check-item {
display: flex;
align-items: center;
span {
margin-left: .833333rem;
}
display: flex;
align-items: center;
span {
margin-left: .833333rem;
}
}
}
.reservation-container-2 {
@extend .bb;
border-radius: .666667rem;
border: solid .083333rem $cOrange;
background-color: #ffffff;
padding: 1.666667rem 10rem 2.833333rem 10rem;
.title {
font-size: 1.333333rem;
color: $cOrange;
text-align: center;
margin: 1.666667rem auto 0 auto;
select {
padding: 0 1.25rem ;
border: none;
border-bottom: .083333rem solid #666666;
color: #666666;
}
}
@extend .bb;
border-radius: .666667rem;
border: solid .083333rem $cOrange;
background-color: #ffffff;
padding: 1.666667rem 10rem 2.833333rem 10rem;
.default-mt {
margin-top: 2.666667rem;
}
.title {
font-size: 1.333333rem;
color: $cOrange;
text-align: center;
margin: 1.666667rem auto 0 auto;
.submit-btn{
margin: 2.5rem auto 1rem;
select {
padding: 0 1.25rem;
border: none;
border-bottom: .083333rem solid #666666;
color: #666666;
}
}
.flex-top {
display: flex;
justify-content: left;
align-items: flex-start;
}
.default-mt {
margin-top: 2.666667rem;
}
.flex-start {
display: flex;
justify-content: left;
align-items: flex-start;
flex-wrap: wrap;
}
.submit-btn {
margin: 2.5rem auto 1rem;
}
.check-item {
display: flex;
align-items: center;
margin-right: 2rem;
margin-bottom: .833333rem;
.flex-top {
display: flex;
justify-content: left;
align-items: flex-start;
}
span {
margin-left: .833333rem;
}
.flex-start {
display: flex;
justify-content: left;
align-items: flex-start;
flex-wrap: wrap;
}
img {
width: 1.666667rem ;
}
}
.check-item {
display: flex;
align-items: center;
margin-right: 2rem;
margin-bottom: .833333rem;
.item-group {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
span {
margin-left: .833333rem;
}
.ml10 {
margin-left: .833333rem;
img {
width: 1.666667rem;
}
}
.mr10 {
margin-right: .833333rem;
}
.item-group {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}
.mt20 {
margin-top: 1.666667rem;
}
.ml10 {
margin-left: .833333rem;
}
.mt10 {
margin-top: .833333rem;
}
.mr10 {
margin-right: .833333rem;
}
.upload-item {
.mt20 {
margin-top: 1.666667rem;
}
.tip {
color: $cOrange;
font-size: 1rem;
margin-top: .833333rem ;
text-align: center;
width: 8.333333rem ;
letter-spacing: 1px;
}
.mt10 {
margin-top: .833333rem;
}
.upload-icon-1 {
width: 8.333333rem ;
height: 8.333333rem ;
background: url("~@/assets/images/clarms/icon1.png");
background-size: 100% 100%;
}
.upload-item {
.upload-icon-2 {
width: 8.333333rem ;
height: 8.333333rem ;
background: url("~@/assets/images/clarms/icon2.png");
background-size: 100% 100%;
}
.tip {
color: $cOrange;
font-size: 1rem;
margin-top: .833333rem;
text-align: center;
width: 8.333333rem;
}
.upload-icon-3 {
width: 8.333333rem ;
height: 8.333333rem ;
background: url("~@/assets/images/clarms/icon3.png");
background-size: 100% 100%;
}
.tip:lang(zh) {
letter-spacing: 1px;
}
.upload-icon-4 {
width: 8.333333rem ;
height: 8.333333rem ;
background: url("~@/assets/images/clarms/icon4.png");
background-size: 100% 100%;
}
.upload-icon-1 {
width: 8.333333rem;
height: 8.333333rem;
background: url("~@/assets/images/clarms/icon1.png");
background-size: 100% 100%;
}
.upload-icon-5 {
width: 8.333333rem ;
height: 8.333333rem ;
background: url("~@/assets/images/clarms/icon5.png");
background-size: 100% 100%;
}
.upload-icon-2 {
width: 8.333333rem;
height: 8.333333rem;
background: url("~@/assets/images/clarms/icon2.png");
background-size: 100% 100%;
}
.bottom-tip {
font-size: .833333rem ;
display: flex;
align-items: center;
span {
margin-left: 1.3rem;
}
.upload-icon-3 {
width: 8.333333rem;
height: 8.333333rem;
background: url("~@/assets/images/clarms/icon3.png");
background-size: 100% 100%;
}
img {
width: 1.3rem;
}
.upload-icon-4 {
width: 8.333333rem;
height: 8.333333rem;
background: url("~@/assets/images/clarms/icon4.png");
background-size: 100% 100%;
}
hr {
border-top: 1px solid #eee;
margin-top: 2.5rem ;
.upload-icon-5 {
width: 8.333333rem;
height: 8.333333rem;
background: url("~@/assets/images/clarms/icon5.png");
background-size: 100% 100%;
}
}
.tips {
display: flex;
justify-content: flex-start;
align-items: center;
.bottom-tip {
font-size: .833333rem;
display: flex;
align-items: center;
img {
width: .833333rem;
}
span {
margin-left: 1.3rem;
}
span {
font-size: 1rem ;
margin-left: .833333rem;
color: $cOrange;
}
img {
width: 1.3rem;
}
}
.contact {
text-align: center;
cursor: pointer;
color: $cOrange;
font-weight: 600;
hr {
border-top: 1px solid #eee;
margin-top: 2.5rem;
}
.tips {
display: flex;
justify-content: flex-start;
align-items: center;
img {
width: .833333rem;
}
span {
font-size: 1rem;
margin-left: .833333rem;
color: $cOrange;
}
}
.contact {
text-align: center;
cursor: pointer;
color: $cOrange;
font-weight: 600;
}
}
.form {
display: flex;
......@@ -252,7 +257,7 @@ input {
flex-wrap: wrap;
&-name {
font-size: 1.333333rem ;
font-size: 1.333333rem;
font-weight: 600;
text-align: left;
color: $cOrange;
......@@ -262,7 +267,7 @@ input {
.ipt-date {
width: 100%;
border: 1px solid $cOrange !important;
border-radius: .416667rem ;
border-radius: .416667rem;
height: 3rem;
align-items: center;
padding-left: .833333rem;
......@@ -281,6 +286,9 @@ input {
min-width: 30%;
justify-content: flex-start;
padding-left: 5px;
}
.label:lang(zh) {
letter-spacing: .25rem;
}
......@@ -290,11 +298,11 @@ input {
// input和下拉
.ipt {
border: 1px solid $cOrange !important;
border-radius: .416667rem ;
height: 3rem;
display:flex;
align-items: center;
border: 1px solid $cOrange !important;
border-radius: .416667rem;
height: 3rem;
display: flex;
align-items: center;
}
// 长文本
......@@ -346,60 +354,64 @@ input {
align-items: center;
width: 25%;
padding-left: 5px;
letter-spacing: .25rem;
.main-label {
color: $cOrange;
color: $cOrange;
}
}
.label:lang(zh) {
letter-spacing: .25rem;
}
.date-container {
width: 60%;
position: relative;
}
.value {
width: 75%;
position: relative;
.ipt-wrap {
width: 75%;
position: relative;
.ipt-wrap {
// input和下拉
.ipt {
border: 1px solid $cOrange !important;
border-radius: .416667rem ;
height: 3rem;
display:flex;
align-items: center;
border: 1px solid $cOrange !important;
border-radius: .416667rem;
height: 3rem;
display: flex;
align-items: center;
}
.ipt2 {
width: 100%;
border-bottom: 1px solid #ccc;
height: 3rem;
display:flex;
align-items: center;
margin-bottom: .833333rem ;
width: 100%;
border-bottom: 1px solid #ccc;
height: 3rem;
display: flex;
align-items: center;
margin-bottom: .833333rem;
}
// 长文本
.textarea {
min-height: 8.75rem;
@extend .bb;
padding: .75rem;
min-height: 8.75rem;
@extend .bb;
padding: .75rem;
}
.down-arrow {
z-index: 10;
position: absolute;
top: 1.3rem;
right: 1.2rem;
background-image: url('~@/assets/images/reservation/re-down-arrow-2.png');
background-size: 100% 100%;
width: .633333rem;
height: .433333rem;
pointer-events: none;
cursor: default;
z-index: 10;
position: absolute;
top: 1.3rem;
right: 1.2rem;
background-image: url('~@/assets/images/reservation/re-down-arrow-2.png');
background-size: 100% 100%;
width: .633333rem;
height: .433333rem;
pointer-events: none;
cursor: default;
}
}
}
......@@ -415,7 +427,6 @@ input {
&-item {
position: relative;
line-height: 2;
letter-spacing: 1.2px;
margin-bottom: 1rem;
&-icon {
......@@ -424,80 +435,60 @@ input {
top: .6rem;
}
}
}
// .submit-btn {
// width: 13.583333rem;
// height: 4.083333rem;
// margin: 2.5rem auto;
// line-height: 4.083333rem;
// box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2);
// background-blend-mode: soft-light, ;
// background-image: linear-gradient(to bottom, #ec6429, #ec6429), linear-gradient(to top, #000000, #ffffff);
// // background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
// text-align: center;
// font-size: $fontSize;
// letter-spacing: .129167rem;
// color: #ffffff;
// border-radius: 3.5rem;
// cursor: pointer;
// border: none;
// color: #ffffff;
// background-color: $cOrange;
// box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2);
// background-blend-mode: soft-light, ;
// background-image: linear-gradient(to bottom, #ec6429, #ec6429), linear-gradient(to top, #000000, #ffffff);
// // background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
// }
&-item:lang(zh) {
letter-spacing: 1.2px;
}
}
@media (max-width: 1200px) {
.mobile-margin {
margin-top: 2.5rem;
}
.mobile-margin {
margin-top: 2.5rem;
}
}
@media (max-width: 1000px) {
.reservation-container-2 {
padding: 1.666667rem 2rem 2.833333rem 2rem;
}
.reservation-container-2 {
padding: 1.666667rem 2rem 2.833333rem 2rem;
}
.form {
&-item {
width: 100%;
.label {
min-width: 30%;
}
.form {
&-item {
width: 100%;
.ipt-wrap {
width: 70%;
}
.label {
min-width: 30%;
}
&-item-2 {
.date-container {
width: 80%;
}
.ipt-wrap {
width: 70%;
}
}
&-item-2 {
.date-container {
width: 80%;
}
}
}
}
@media (max-width: 600px) {
.reservation-container {
padding: 2.666667rem 2rem 2.833333rem 2rem;
}
.reservation-container {
padding: 2.666667rem 2rem 2.833333rem 2rem;
}
.form {
&-item {
width: 100%;
width: 100%;
.label {
min-width: 30%;
}
.label {
min-width: 30%;
}
.ipt-wrap {
width: 70%;
}
.ipt-wrap {
width: 70%;
}
}
&-item2 {
......@@ -509,16 +500,17 @@ input {
}
&-item-2 {
.label {
width: 30%;
}
.value {
width: 70%;
}
.label {
width: 30%;
}
.date-container {
width: 100%;
}
.value {
width: 70%;
}
.date-container {
width: 100%;
}
}
&-item3 {
......@@ -539,6 +531,6 @@ input {
@media (max-width: 400px) {
.reservation-container-2 {
padding: 1.666667rem 1rem;
padding: 1.666667rem 1rem;
}
}
......
......@@ -13,11 +13,13 @@
height: 3.25rem;
color: #ffffff;
font-weight: bold;
letter-spacing: .1rem;
&-item {}
}
&-header:lang(zh) {
letter-spacing: .1rem;
}
&-content {
color: $cFontGray;
background-color: #f2f2f2;
......
......@@ -144,10 +144,11 @@
margin-left: 1.75rem;
input {
// font-size: 1.166667rem;
letter-spacing: .116667rem;
color: #4c4948;
// font-family: Arial;
}
input:lang(zh) {
letter-spacing: .116667rem;
}
}
......@@ -190,7 +191,6 @@
&-item {
position: relative;
line-height: 2;
letter-spacing: 1.2px;
margin-bottom: 1rem;
&-icon {
......@@ -199,6 +199,10 @@
top: .6rem;
}
}
&-item:lang(zh) {
letter-spacing: 1.2px;
}
}
.submit-btn {
......@@ -212,7 +216,6 @@
background-image: linear-gradient(to bottom, #ec6429, #ec6429), linear-gradient(to top, #000000, #ffffff);
text-align: center;
font-size: 1.291667rem;
letter-spacing: .129167rem;
color: #ffffff;
border-radius: 3.5rem;
cursor: pointer;
......@@ -225,6 +228,10 @@
// background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
}
.submit-btn:lang(zh) {
letter-spacing: .129167rem;
}
@media (max-width: 768px) {
.form {
display: block;
......
......@@ -120,7 +120,6 @@
background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
text-align: center;
font-size: 1.291667rem;
letter-spacing: .129167rem;
color: #ffffff;
border-radius: 3.5rem;
cursor: pointer;
......@@ -132,6 +131,10 @@
background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
}
.submit-btn:lang(zh) {
letter-spacing: .129167rem;
}
@media (max-width: 1200px) {
.container {
display: -webkit-box;
......
......@@ -13,11 +13,15 @@
height: 3.25rem;
color: #ffffff;
font-weight: bold;
letter-spacing: .1rem;
&-item {}
}
&-header:lang(zh) {
letter-spacing: .1rem;
}
&-content {
color: $cFontGray;
text-align: center;
......
......@@ -23,13 +23,16 @@
height: 3.25rem;
color: #ffffff;
font-weight: bold;
letter-spacing: .1rem;
&-item {
@extend .bb;
padding: 0 2rem;
}
}
&-header:lang(zh) {
letter-spacing: .1rem;
}
}
......@@ -168,7 +171,6 @@
background-blend-mode: soft-light, ;
background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
text-align: center;
letter-spacing: .129167rem;
color: #ffffff;
border-radius: 3.5rem;
cursor: pointer;
......@@ -180,6 +182,10 @@
background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
}
.submit-btn :lang(zh) {
letter-spacing: .129167rem;
}
@media (max-width: 1200px) {
.container {
......
......@@ -126,19 +126,18 @@ input {
align-items: center;
flex-wrap: wrap;
.label {
// min-width: 8.833333rem;
}
.label {}
.ipt-wrap {
width: 50%;
margin-left: 1.75rem;
input {
// font-size: 1.166667rem;
letter-spacing: .116667rem;
color: #4c4948;
// font-family: Arial;
}
input:lang(zh) {
letter-spacing: .116667rem;
}
}
......@@ -170,7 +169,6 @@ input {
&-item {
position: relative;
line-height: 2;
letter-spacing: 1.2px;
margin-bottom: 1rem;
&-icon {
......@@ -179,6 +177,10 @@ input {
top: .6rem;
}
}
&-item:lang(zh) {
letter-spacing: 1.2px;
}
}
.submit-btn {
......@@ -192,7 +194,6 @@ input {
// background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
text-align: center;
font-size: $fontSize;
letter-spacing: .129167rem;
color: #ffffff;
border-radius: 3.5rem;
cursor: pointer;
......@@ -205,6 +206,11 @@ input {
// background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
}
.submit-btn:lang(zh) {
letter-spacing: .129167rem;
}
@media (max-width: 768px) {
.form {
&-item2 {
......
......@@ -57,10 +57,14 @@
text-align: center;
font-size: 18px;
font-weight: bold;
letter-spacing: .2rem;
text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27);
}
&-tit:lang(zh) {
letter-spacing: .2rem;
}
&-tit-space-1 {
height: 2rem;
}
......@@ -116,6 +120,9 @@
&-submit {
@include btc2(17.25rem, 5.25rem, 16px);
}
&-submit:lang(zh) {
letter-spacing: 1.6px;
}
......@@ -149,6 +156,9 @@
input {
font-size: 1.166667rem;
}
input:lang(zh) {
letter-spacing: .1rem;
}
......@@ -177,6 +187,9 @@
// input和下拉
.ipt {
flex: 1;
}
.ipt:lang(zh) {
letter-spacing: .1rem;
}
......
......@@ -183,6 +183,10 @@
padding-left: 2.166667rem;
flex: 1;
line-height: 2.3;
}
.txt:lang(zh) {
letter-spacing: 1.4px;
}
}
......
......@@ -54,10 +54,14 @@
text-align: center;
font-size: 18px;
font-weight: bold;
letter-spacing: .2rem;
text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27);
}
&-tit:lang(zh) {
letter-spacing: .2rem;
}
&-tit-space-1 {
height: 2rem;
}
......@@ -118,6 +122,9 @@
&-submit {
@include btc2(14.25rem, 5.25rem, 16px);
}
&-submit:lang(zh) {
letter-spacing: 1.6px;
}
......@@ -157,6 +164,9 @@
input {
font-size: 1.166667rem;
}
input:lang(zh) {
letter-spacing: .1rem;
}
......@@ -185,6 +195,10 @@
// input和下拉
.ipt {
flex: 1;
}
.ipt:lang(zh) {
letter-spacing: .1rem;
}
......
......@@ -47,17 +47,19 @@
text-align: center;
font-size: $fontSizeTitle;
font-weight: bold;
letter-spacing: .2rem;
text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27);
margin-top: 2rem;
}
&-tit2:lang(zh) {
letter-spacing: .2rem;
}
&-tit {
color: $cOrange;
text-align: center;
font-size: $fontSizeTitle;
font-weight: bold;
letter-spacing: .2rem;
display: flex;
justify-content: center;
......@@ -70,6 +72,10 @@
}
}
&-tit:lang(zh) {
letter-spacing: .2rem;
}
&-nav {
margin: 2.75rem auto 1rem;
display: flex;
......@@ -114,6 +120,10 @@
&-submit {
@include btc2(17.25rem, 5.25rem, 16px);
margin: 4rem auto 0;
}
&-submit:lang(zh) {
letter-spacing: 1.6px;
}
......@@ -179,10 +189,14 @@
// input和下拉
.ipt {
flex: 1;
letter-spacing: .1rem;
padding: 0 2.5rem 0 2rem;
}
.ipt:lang(zh) {
letter-spacing: .1rem;
}
// 长文本
.textarea {
min-height: 8.75rem;
......@@ -276,11 +290,14 @@
text-align: center;
font-size: $fontSizeTitle;
font-weight: bold;
letter-spacing: .2rem;
text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27);
margin-top: 2rem;
}
&-tit2:lang(zh) {
letter-spacing: .2rem;
}
&-nav {
margin: 1.75rem auto 1rem;
}
......
......@@ -19,6 +19,9 @@
text-align: center;
font-size: $fontSizeTitle;
font-weight: bold;
}
.tit:lang(zh) {
letter-spacing: 1.8px;
}
......@@ -48,6 +51,9 @@
max-width: $articleWidth;
margin-top: 4rem;
line-height: 2;
}
.desc:lang(zh) {
letter-spacing: 1.2px;
}
......
......@@ -48,10 +48,13 @@
text-align: center;
font-size: $fontSizeTitle;
font-weight: bold;
letter-spacing: .2rem;
text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27);
}
&-tit:lang(zh) {
letter-spacing: .2rem;
}
&-tit-space-1 {
height: 5.25rem;
}
......@@ -105,14 +108,16 @@
&-submit {
@include btc2(17.25rem, 5.25rem, 16px);
margin: 4.166667rem auto 0;
letter-spacing: 1.6px;
// position: absolute;
left: 0;
right: 0;
margin: 2rem auto 0;
margin: 2rem auto 0;
bottom: 3rem;
}
&-submit:lang(zh) {
letter-spacing: 1.6px;
}
&-func {
margin: 1.5rem auto 0;
display: flex;
......@@ -143,9 +148,13 @@
input {
font-size: 1.166667rem;
}
input:lang(zh) {
letter-spacing: .1rem;
}
&-item {
position: relative;
margin-bottom: 3rem;
......@@ -172,6 +181,9 @@
// input和下拉
.ipt {
flex: 1;
}
.ipt:lang(zh) {
letter-spacing: .1rem;
}
......
......@@ -48,10 +48,13 @@
text-align: center;
font-size: $fontSizeTitle;
font-weight: bold;
letter-spacing: .2rem;
text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27);
}
&-tit:lang(zh) {
letter-spacing: .2rem;
}
&-tit-space-1 {
height: 5.25rem;
}
......@@ -105,7 +108,6 @@
&-submit {
@include btc2(17.25rem, 5.25rem, 16px);
margin: 4.166667rem auto 0;
letter-spacing: 1.6px;
position: absolute;
left: 0;
right: 0;
......@@ -113,6 +115,10 @@
bottom: 3rem;
}
&-submit:lang(zh) {
letter-spacing: 1.6px;
}
&-func {
margin: 1.5rem auto 0;
display: flex;
......@@ -143,6 +149,9 @@
input {
font-size: 1.166667rem;
}
input:lang(zh) {
letter-spacing: .1rem;
}
......@@ -172,6 +181,9 @@
// input和下拉
.ipt {
flex: 1;
}
.ipt:lang(zh) {
letter-spacing: .1rem;
}
......
......@@ -17,6 +17,10 @@
text-align: center;
font-size: $fontSizeTitle;
font-weight: bold;
}
.tit:lang(zh) {
letter-spacing: 1.8px;
}
......@@ -24,6 +28,9 @@
max-width: $articleWidth;
margin-top: 3rem;
line-height: 2;
}
.desc:lang(zh) {
letter-spacing: 1.2px;
}
......
......@@ -17,6 +17,9 @@
text-align: center;
font-size: $fontSizeTitle;
font-weight: bold;
}
.tit:lang(zh) {
letter-spacing: 1.8px;
}
......@@ -24,6 +27,9 @@
max-width: $articleWidth;
margin-top: 3rem;
line-height: 2;
}
.desc:lang(zh) {
letter-spacing: 1.2px;
}
......
......@@ -16,6 +16,9 @@
text-align: center;
font-size: $fontSizeTitle;
font-weight: bold;
}
.tit:lang(zh) {
letter-spacing: 1.8px;
}
......@@ -23,6 +26,9 @@
max-width: $articleWidth;
margin-top: 3rem;
line-height: 2;
}
.desc:lang(zh) {
letter-spacing: 1.2px;
}
......
......@@ -17,13 +17,20 @@
text-align: center;
font-size: $fontSizeTitle;
font-weight: bold;
}
.tit:lang(zh) {
letter-spacing: 1.8px;
}
.desc {
max-width: $articleWidth;
margin-top: 3rem;
line-height: 2;
}
.desc:lang(zh) {
letter-spacing: 1.2px;
}
......
......@@ -72,11 +72,14 @@
text-align: center;
font-size: $fontSizeTitle;
font-weight: bold;
letter-spacing: .2rem;
text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27);
margin-top: 2rem;
}
&-tit2:lang(zh) {
letter-spacing: .2rem;
}
&-nav {
margin: 2.75rem auto 1rem;
......@@ -122,6 +125,10 @@
&-submit {
@include btc2(17.25rem, 5.25rem, 16px);
margin: 4.166667rem auto 0;
}
&-submit:lang(zh) {
letter-spacing: 1.6px;
}
......@@ -153,7 +160,9 @@
}
}
input {
input {}
input:lang(zh) {
letter-spacing: .1rem;
}
......@@ -183,10 +192,13 @@
// input和下拉
.ipt {
flex: 1;
letter-spacing: .1rem;
padding: 0 2.5rem 0 2rem;
}
.ipt:lang(zh) {
letter-spacing: .1rem;
}
// 长文本
.textarea {
min-height: 8.75rem;
......
......@@ -16,6 +16,9 @@
text-align: center;
font-size: $fontSizeTitle;
font-weight: bold;
}
.tit:lang(zh) {
letter-spacing: 1.8px;
}
......@@ -23,6 +26,9 @@
max-width: $articleWidth;
margin-top: 3rem;
line-height: 2;
}
.desc:lang(zh) {
letter-spacing: 1.2px;
}
......
......@@ -66,6 +66,10 @@ $borderSize: 6px;
min-width: 288px;
margin-left: 12px;
background: url("~@assets/images/vhis/vhis-btn.png");
}
.banner-btn:lang(zh) {
letter-spacing: 1.5px;
}
}
......@@ -187,9 +191,11 @@ $borderSize: 6px;
.t1 {
color: $cOrange2;
letter-spacing: 2px;
font-weight: bold;
font-size: 34px;
}
.t1:lang(zh) {
letter-spacing: 6px;
}
......@@ -197,6 +203,10 @@ $borderSize: 6px;
font-size: 24px;
margin-top: 36px;
line-height: 1.39;
}
.t2:lang(zh) {
letter-spacing: 2px;
}
}
......@@ -208,11 +218,14 @@ $borderSize: 6px;
.tit {
color: $cOrange2;
letter-spacing: 2.5px;
font-size: 36px;
font-weight: bold;
}
.tit:lang(zh) {
letter-spacing: 2.5px;
}
.prod {
margin: 24px auto 0;
color: $cOrange2;
......@@ -251,11 +264,14 @@ $borderSize: 6px;
margin-left: -16px;
.t1 {
letter-spacing: 2px;
font-size: 22px;
font-weight: bold;
}
.t1:lang(zh) {
letter-spacing: 2px;
}
.more {
display: flex;
// margin: 12px auto 0;
......@@ -266,9 +282,12 @@ $borderSize: 6px;
}
.c1 {
letter-spacing: 1.2px;
font-size: 18px;
}
.c1:lang(zh) {
letter-spacing: 1.2px;
}
}
.desc {
......@@ -278,8 +297,8 @@ $borderSize: 6px;
@extend .text-jtf;
}
.tips{
font-style:italic;
.tips {
font-style: italic;
}
}
}
......@@ -301,11 +320,14 @@ $borderSize: 6px;
.tit {
text-align: center;
color: $cOrange2;
letter-spacing: 1.8px;
font-size: 36px;
font-weight: bold;
}
.tit:lang(zh) {
letter-spacing: 1.8px;
}
.table {
max-width: 1200px;
margin: 8px auto 0;
......@@ -325,10 +347,13 @@ $borderSize: 6px;
@extend .bb;
width: 50%;
padding: 18px 12px 18px 0;
letter-spacing: 1.12px;
color: $cFontGray3;
}
.tt:lang(zh) {
letter-spacing: 1.12px;
}
.label {
background-color: #fef1ed;
padding-left: 100px;
......@@ -354,7 +379,6 @@ $borderSize: 6px;
width: 50%;
padding: 50px 60px 26px 100px;
letter-spacing: 1.12px;
color: $cFontGray3;
.t1 {
......@@ -362,6 +386,10 @@ $borderSize: 6px;
}
}
.tt:lang(zh) {
letter-spacing: 1.12px;
}
.tt2 {
padding: 50px 64px 26px 50px;
padding: 48px;
......
......@@ -55,11 +55,15 @@
background-color: #ffffff;
padding: 0 2rem;
flex: 1;
letter-spacing: 0.1rem;
display: flex;
align-items: center;
}
.ipt:lang(zh) {
letter-spacing: 0.1rem;
}
.down-arrow {
position: absolute;
top: 2.2rem;
......@@ -96,7 +100,7 @@
}
.err {
.ipt{
.ipt {
border-color: $cOrange !important;
}
}
......