601 lines
18 KiB
Vue
601 lines
18 KiB
Vue
|
<template>
|
||
|
|
<div class="part-building">
|
||
|
|
<div style="height:104rem;"></div>
|
||
|
|
<div class="screen1">
|
||
|
|
<img
|
||
|
|
:src="screen1.bannerUrl"
|
||
|
|
alt=""
|
||
|
|
style="width:100%;"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<div class="screen11">
|
||
|
|
<div class="wrapper1680">
|
||
|
|
<div class="list-wrapper">
|
||
|
|
<div
|
||
|
|
v-for="(item, index) in screen1.Partner"
|
||
|
|
:key="'itemkey' + index"
|
||
|
|
class="list-item"
|
||
|
|
>
|
||
|
|
<transition name="scale">
|
||
|
|
<div
|
||
|
|
class="list-img"
|
||
|
|
:style="`--tde:${0.6 + index * 0.05}s;`"
|
||
|
|
>
|
||
|
|
<img
|
||
|
|
:src="item.imageurl"
|
||
|
|
alt=""
|
||
|
|
>
|
||
|
|
</div>
|
||
|
|
</transition>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="screen2">
|
||
|
|
<div class="wrapper1680">
|
||
|
|
<div class="formContent">
|
||
|
|
<div class="formBarContent">
|
||
|
|
<div class="formBar"></div>
|
||
|
|
<div class="formTitle">
|
||
|
|
成为合作伙伴
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<el-form
|
||
|
|
:model="form1"
|
||
|
|
label-width="130rem"
|
||
|
|
style="margin-top: 40rem"
|
||
|
|
>
|
||
|
|
<div class="formBarContent">
|
||
|
|
<el-row>
|
||
|
|
<el-col :span="6">
|
||
|
|
<el-form-item label="公司名称(个人)">
|
||
|
|
<el-input v-model="form1.companyName" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="6">
|
||
|
|
<el-form-item label="地址">
|
||
|
|
<el-input v-model="form1.companyAddress" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="6">
|
||
|
|
<el-form-item label="联系电话">
|
||
|
|
<el-input v-model="form1.phone" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="6">
|
||
|
|
<el-form-item label="电子邮箱">
|
||
|
|
<el-input v-model="form1.email" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
<el-form-item label="擅长方向">
|
||
|
|
<el-checkbox-group v-model="form1.excelIn">
|
||
|
|
<el-checkbox
|
||
|
|
v-for="(item, index) in excelInList"
|
||
|
|
:key="'excelIn' + index"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value"
|
||
|
|
/>
|
||
|
|
</el-checkbox-group>
|
||
|
|
</el-form-item>
|
||
|
|
<el-row>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="优势概念">
|
||
|
|
<el-input
|
||
|
|
v-model="form1.dominanceConcept"
|
||
|
|
:autosize="{ minRows: 6, maxRows: 6 }"
|
||
|
|
type="textarea"
|
||
|
|
/>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="合作意向概述">
|
||
|
|
<el-input
|
||
|
|
v-model="form1.intention"
|
||
|
|
:autosize="{ minRows: 6, maxRows: 6 }"
|
||
|
|
type="textarea"
|
||
|
|
/>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
<el-form-item label="附件">
|
||
|
|
<el-upload
|
||
|
|
class="upload-demo"
|
||
|
|
action="https://jsonplaceholder.typicode.com/posts/"
|
||
|
|
:file-list="fileList1"
|
||
|
|
>
|
||
|
|
<el-button
|
||
|
|
size="small"
|
||
|
|
type="primary"
|
||
|
|
>
|
||
|
|
上传
|
||
|
|
</el-button>
|
||
|
|
</el-upload>
|
||
|
|
</el-form-item>
|
||
|
|
</div>
|
||
|
|
<el-form-item style="text-align: center;border-top:1rem solid #B0B0B0;padding: 20rem 0rem">
|
||
|
|
<el-button class="subBtn">
|
||
|
|
提交
|
||
|
|
</el-button>
|
||
|
|
</el-form-item>
|
||
|
|
</el-form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="screen3">
|
||
|
|
<div class="wrapper1680">
|
||
|
|
<div class="formContent">
|
||
|
|
<div class="formBarContent">
|
||
|
|
<div class="formBar"></div>
|
||
|
|
<div class="formTitle">
|
||
|
|
成为供应商
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<el-form
|
||
|
|
:model="form"
|
||
|
|
label-width="130rem"
|
||
|
|
style="margin-top: 40rem"
|
||
|
|
>
|
||
|
|
<div class="formBarContent">
|
||
|
|
<el-row>
|
||
|
|
<el-col :span="6">
|
||
|
|
<el-form-item label="公司名称">
|
||
|
|
<el-input v-model="form.companyName" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="6">
|
||
|
|
<el-form-item label="公司地址">
|
||
|
|
<el-input v-model="form.companyAddress" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="6">
|
||
|
|
<el-form-item label="统一社会信用代码">
|
||
|
|
<el-input v-model="form.uniformCode" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="6">
|
||
|
|
<el-form-item label="电子邮箱">
|
||
|
|
<el-input v-model="form.email" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
<el-row>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="企业性质">
|
||
|
|
<el-checkbox-group v-model="form.enterpriseProperty">
|
||
|
|
<el-checkbox
|
||
|
|
v-for="(item, index) in enterprisePropertyList"
|
||
|
|
:key="'enterpriseProperty' + index"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value"
|
||
|
|
/>
|
||
|
|
</el-checkbox-group>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="6">
|
||
|
|
<el-form-item label="行业领域">
|
||
|
|
<el-input v-model="form.industryField" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="6">
|
||
|
|
<el-form-item label="主要产品">
|
||
|
|
<el-input v-model="form.mainProduct" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
<el-row>
|
||
|
|
<el-col :span="6">
|
||
|
|
<el-form-item label="联系电话">
|
||
|
|
<el-input v-model="form.phone" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="6">
|
||
|
|
<el-form-item label="网址">
|
||
|
|
<el-input v-model="form.website" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="设计开发能力">
|
||
|
|
<el-checkbox-group v-model="form.designCapability">
|
||
|
|
<el-checkbox
|
||
|
|
v-for="(item, index) in designCapabilityList"
|
||
|
|
:key="'designCapability' + index"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value"
|
||
|
|
/>
|
||
|
|
</el-checkbox-group>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
<el-row>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="遵守标准">
|
||
|
|
<el-checkbox-group v-model="form.standards">
|
||
|
|
<el-checkbox
|
||
|
|
v-for="(item, index) in standardsList"
|
||
|
|
:key="'standards' + index"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value"
|
||
|
|
/>
|
||
|
|
</el-checkbox-group>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="6">
|
||
|
|
<el-form-item label="产品已获得的认证">
|
||
|
|
<el-checkbox-group v-model="form.authentication">
|
||
|
|
<el-checkbox
|
||
|
|
v-for="(item, index) in authenticationList"
|
||
|
|
:key="'authentication' + index"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value"
|
||
|
|
/>
|
||
|
|
</el-checkbox-group>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="6">
|
||
|
|
<el-form-item label="">
|
||
|
|
<el-input v-model="form.otherRemark" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
<el-form-item label="质量体系情况">
|
||
|
|
<el-checkbox-group v-model="form.qualitySystem">
|
||
|
|
<el-checkbox
|
||
|
|
v-for="(item, index) in qualitySystemList"
|
||
|
|
:key="'qualitySystem' + index"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value"
|
||
|
|
/>
|
||
|
|
</el-checkbox-group>
|
||
|
|
</el-form-item>
|
||
|
|
<el-form-item label="是否具备相关资质">
|
||
|
|
<el-checkbox-group v-model="form.relevantQualification">
|
||
|
|
<el-checkbox
|
||
|
|
v-for="(item, index) in relevantQualificationList"
|
||
|
|
:key="'relevantQualification' + index"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value"
|
||
|
|
/>
|
||
|
|
</el-checkbox-group>
|
||
|
|
</el-form-item>
|
||
|
|
<el-row>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="优势概念">
|
||
|
|
<el-input
|
||
|
|
v-model="form.dominanceConcept"
|
||
|
|
:autosize="{ minRows: 6, maxRows: 6 }"
|
||
|
|
type="textarea"
|
||
|
|
/>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="合作意向概述">
|
||
|
|
<el-input
|
||
|
|
v-model="form.intention"
|
||
|
|
:autosize="{ minRows: 6, maxRows: 6 }"
|
||
|
|
type="textarea"
|
||
|
|
/>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
<el-form-item label="附件">
|
||
|
|
<el-upload
|
||
|
|
class="upload-demo"
|
||
|
|
action="https://jsonplaceholder.typicode.com/posts/"
|
||
|
|
:file-list="fileList2"
|
||
|
|
>
|
||
|
|
<el-button
|
||
|
|
size="small"
|
||
|
|
type="primary"
|
||
|
|
>
|
||
|
|
上传
|
||
|
|
</el-button>
|
||
|
|
</el-upload>
|
||
|
|
</el-form-item>
|
||
|
|
</div>
|
||
|
|
<el-form-item style="text-align: center;border-top:1rem solid #B0B0B0;padding: 20rem 0rem">
|
||
|
|
<el-button class="subBtn">
|
||
|
|
提交
|
||
|
|
</el-button>
|
||
|
|
</el-form-item>
|
||
|
|
</el-form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<FootBar theme="dark"></FootBar>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import { mapState } from 'vuex';
|
||
|
|
import FootBar from '@/components/FootBar.vue';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
FootBar,
|
||
|
|
},
|
||
|
|
data () {
|
||
|
|
return {
|
||
|
|
screen1: {
|
||
|
|
bannerUrl: '',
|
||
|
|
Partner: [],
|
||
|
|
},
|
||
|
|
fileList1: [],
|
||
|
|
fileList2: [],
|
||
|
|
excelInList: [
|
||
|
|
{ label: '项目合作', value: '项目合作' },
|
||
|
|
{ label: '人脉资源', value: '人脉资源' },
|
||
|
|
{ label: '创新技术', value: '创新技术' },
|
||
|
|
{ label: '法律咨询', value: '法律咨询' },
|
||
|
|
{ label: '投融资', value: '投融资' },
|
||
|
|
{ label: '行业经验', value: '行业经验' },
|
||
|
|
{ label: '产品', value: '产品' },
|
||
|
|
{ label: '资质优势', value: '资质优势' },
|
||
|
|
],
|
||
|
|
enterprisePropertyList: [
|
||
|
|
{ label: '国营', value: '国营' },
|
||
|
|
{ label: '私营', value: '私营' },
|
||
|
|
{ label: '合资', value: '合资' },
|
||
|
|
{ label: '其他', value: '其他' },
|
||
|
|
],
|
||
|
|
designCapabilityList: [
|
||
|
|
{ label: '自主设计开发', value: '自主设计开发' },
|
||
|
|
{ label: '来料加工', value: '来料加工' },
|
||
|
|
{ label: '贸易代理', value: '贸易代理' },
|
||
|
|
],
|
||
|
|
standardsList: [
|
||
|
|
{ label: '国际标准', value: '国际标准' },
|
||
|
|
{ label: '国家标准', value: '国家标准' },
|
||
|
|
{ label: '行业标准', value: '行业标准' },
|
||
|
|
{ label: '企业标准', value: '企业标准' },
|
||
|
|
],
|
||
|
|
authenticationList: [
|
||
|
|
{ label: '3C', value: '3C' },
|
||
|
|
{ label: 'ROHS', value: 'ROHS' },
|
||
|
|
{ label: '其他说明', value: '其他说明' },
|
||
|
|
],
|
||
|
|
qualitySystemList: [
|
||
|
|
{ label: 'IS09001', value: 'IS09001' },
|
||
|
|
{ label: 'ISO14001', value: 'ISO14001' },
|
||
|
|
{ label: 'ISO27001', value: 'ISO27001' },
|
||
|
|
{ label: 'QS9000', value: 'QS9000' },
|
||
|
|
{ label: 'TS16849', value: 'TS16849' },
|
||
|
|
],
|
||
|
|
relevantQualificationList: [
|
||
|
|
{ label: '专利', value: '专利' },
|
||
|
|
{ label: '软件著作权', value: '软件著作权' },
|
||
|
|
{ label: '食品生产许可证', value: '食品生产许可证' },
|
||
|
|
{ label: '食品经营许可证', value: '食品经营许可证' },
|
||
|
|
{ label: '其他证书', value: '其他证书' },
|
||
|
|
],
|
||
|
|
form1: {
|
||
|
|
companyName: '',
|
||
|
|
companyAddress: '',
|
||
|
|
email: '',
|
||
|
|
phone: '',
|
||
|
|
excelIn: [],
|
||
|
|
dominanceConcept: '',
|
||
|
|
intention: '',
|
||
|
|
},
|
||
|
|
form: {
|
||
|
|
companyName: '',
|
||
|
|
companyAddress: '',
|
||
|
|
uniformCode: '',
|
||
|
|
email: '',
|
||
|
|
enterpriseProperty: [],
|
||
|
|
industryField: '',
|
||
|
|
mainProduct: '',
|
||
|
|
phone: '',
|
||
|
|
website: '',
|
||
|
|
designCapability: [],
|
||
|
|
standards: [],
|
||
|
|
authentication: [],
|
||
|
|
otherRemark: '',
|
||
|
|
qualitySystem: [],
|
||
|
|
relevantQualification: [],
|
||
|
|
dominanceConcept: '',
|
||
|
|
intention: '',
|
||
|
|
},
|
||
|
|
};
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
...mapState({
|
||
|
|
scrollTop: state => state.scroll.scrollTop,
|
||
|
|
webScale: state => state.web.scale,
|
||
|
|
}),
|
||
|
|
},
|
||
|
|
created () {
|
||
|
|
this.$event.$emit('nav-theme', 'light');
|
||
|
|
this.getScreen1Banner();
|
||
|
|
this.getScreen1Partner();
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
async getScreen1Banner () {
|
||
|
|
try {
|
||
|
|
const res = await this.$request.get(
|
||
|
|
'/official/index/list',
|
||
|
|
{ params: { pageNum: 1, pageSize: 1, captionName: '投资与合作/合作伙伴/banner' } },
|
||
|
|
);
|
||
|
|
this.screen1.bannerUrl = res.rows[0].imageurl;
|
||
|
|
} catch (error) {}
|
||
|
|
},
|
||
|
|
async getScreen1Partner () {
|
||
|
|
try {
|
||
|
|
const res = await this.$request.get(
|
||
|
|
'/official/index/list',
|
||
|
|
{ params: { pageNum: 1, pageSize: 10, captionName: '投资与合作/合作伙伴/合伙人' } },
|
||
|
|
);
|
||
|
|
this.screen1.Partner = res.rows.sort((a, b) => a.orders - b.orders);
|
||
|
|
} catch (error) {}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
.part-building {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.screen11 {
|
||
|
|
width: 100%;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.screen11 .wrapper1680 {
|
||
|
|
height: 100%;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.screen11 .list-wrapper {
|
||
|
|
position: absolute;
|
||
|
|
top: 240rem;
|
||
|
|
width: 100%;
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
padding: 0px 140rem;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.screen11 .list-item {
|
||
|
|
border-radius: 20rem;
|
||
|
|
background: #ffffff;
|
||
|
|
margin: 0 20rem;
|
||
|
|
width: 240rem;
|
||
|
|
height: 160rem;
|
||
|
|
margin-bottom: 40rem;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.screen11 .list-item:hover {
|
||
|
|
transform: scale(1.1, 1.1);
|
||
|
|
}
|
||
|
|
.screen11 .list-img {
|
||
|
|
width: 160rem;
|
||
|
|
height: 760rem;
|
||
|
|
display: contents;
|
||
|
|
}
|
||
|
|
.screen2 {
|
||
|
|
padding: 80rem 120rem;
|
||
|
|
background: #F5F5F7;
|
||
|
|
}
|
||
|
|
.screen2 .wrapper1680 {
|
||
|
|
height: 565rem;
|
||
|
|
box-sizing: border-box;
|
||
|
|
background: #FFFFFF;
|
||
|
|
border-radius: 10rem 10rem 10rem 10rem;
|
||
|
|
}
|
||
|
|
.screen3 {
|
||
|
|
padding: 0rem 120rem 80rem;
|
||
|
|
background: #F5F5F7;
|
||
|
|
}
|
||
|
|
.screen3 .wrapper1680 {
|
||
|
|
height: 830rem;
|
||
|
|
background: #FFFFFF;
|
||
|
|
border-radius: 10rem 10rem 10rem 10rem;
|
||
|
|
}
|
||
|
|
.el-form-item {
|
||
|
|
margin-bottom: 22rem !important;
|
||
|
|
}
|
||
|
|
/deep/.el-form-item__label {
|
||
|
|
font-size: 14rem;
|
||
|
|
line-height: 40rem;
|
||
|
|
padding: 0 12rem 0 0;
|
||
|
|
}
|
||
|
|
/deep/.el-form-item__content {
|
||
|
|
line-height: 40rem;
|
||
|
|
font-size: 14rem;
|
||
|
|
}
|
||
|
|
/deep/.el-input {
|
||
|
|
font-size: 14rem;
|
||
|
|
}
|
||
|
|
/deep/.el-input__inner {
|
||
|
|
border-radius: 4rem;
|
||
|
|
border: 1rem solid #DCDFE6;
|
||
|
|
height: 40rem;
|
||
|
|
line-height: 40rem;
|
||
|
|
padding: 0 15rem;
|
||
|
|
}
|
||
|
|
/deep/.el-checkbox {
|
||
|
|
font-size: 14rem;
|
||
|
|
margin-right: 30rem;
|
||
|
|
}
|
||
|
|
/deep/.el-checkbox__inner {
|
||
|
|
border: 1rem solid #DCDFE6;
|
||
|
|
border-radius: 2rem;
|
||
|
|
width: 14rem;
|
||
|
|
height: 14rem;
|
||
|
|
}
|
||
|
|
/deep/.el-checkbox__label {
|
||
|
|
padding-left: 10rem;
|
||
|
|
line-height: 19rem;
|
||
|
|
font-size: 14rem;
|
||
|
|
}
|
||
|
|
/deep/.el-textarea {
|
||
|
|
font-size: 14rem;
|
||
|
|
}
|
||
|
|
/deep/.el-textarea__inner {
|
||
|
|
padding: 5rem 15rem;
|
||
|
|
border: 1rem solid #DCDFE6;
|
||
|
|
border-radius: 4rem;
|
||
|
|
height: 138rem !important;
|
||
|
|
min-height: 138rem !important;
|
||
|
|
}
|
||
|
|
/deep/.el-upload-list__item {
|
||
|
|
font-size: 14rem;
|
||
|
|
margin-top: 5rem;
|
||
|
|
border-radius: 4rem;
|
||
|
|
}
|
||
|
|
/deep/.el-button--small {
|
||
|
|
padding: 9rem 15rem;
|
||
|
|
font-size: 12rem;
|
||
|
|
border-radius: 3rem;
|
||
|
|
}
|
||
|
|
/deep/.el-upload-list{
|
||
|
|
display: inline-flex;
|
||
|
|
}
|
||
|
|
/deep/.el-upload-list__item-name {
|
||
|
|
margin-right: 40rem;
|
||
|
|
padding-left: 4rem;
|
||
|
|
}
|
||
|
|
/deep/.el-upload-list__item-status-label {
|
||
|
|
right: 5rem;
|
||
|
|
}
|
||
|
|
.formContent {
|
||
|
|
padding: 20rem 0rem;
|
||
|
|
}
|
||
|
|
.formBarContent {
|
||
|
|
padding: 0rem 30rem;
|
||
|
|
}
|
||
|
|
.formBar {
|
||
|
|
display: inline-block;
|
||
|
|
width: 4rem;
|
||
|
|
height: 20rem;
|
||
|
|
background: #014DB5;
|
||
|
|
}
|
||
|
|
.formTitle {
|
||
|
|
display: inline-block;
|
||
|
|
padding-left: 10rem;
|
||
|
|
font-family: MicrosoftYaHeiSemibold;
|
||
|
|
font-size: 24rem;
|
||
|
|
color: #014DB5;
|
||
|
|
line-height: 64rem;
|
||
|
|
text-align: justifyLeft;
|
||
|
|
font-style: normal;
|
||
|
|
text-transform: none;
|
||
|
|
}
|
||
|
|
.subBtn {
|
||
|
|
width: 140rem;
|
||
|
|
height: 50rem;
|
||
|
|
background: #014DB5;
|
||
|
|
border-radius: 4rem;
|
||
|
|
font-family: MicrosoftYaHei;
|
||
|
|
font-size: 18rem;
|
||
|
|
color: #FFFFFF;
|
||
|
|
text-align: center;
|
||
|
|
font-style: normal;
|
||
|
|
text-transform: none;
|
||
|
|
padding: 12rem 20rem;
|
||
|
|
}
|
||
|
|
</style>
|