119 lines
4.9 KiB
CSS
Executable File
119 lines
4.9 KiB
CSS
Executable File
body{
|
|
font-family: "Montserrat-Light";
|
|
}
|
|
.banner_title{position: absolute; left:0; width:100%; text-align: center; font-weight: bold; color:#FFF; top:50%; height: 56px; line-height: 56px; margin-top:-28px; font-family: "Montserrat-Bold";}
|
|
.info_all{display: block;}
|
|
.contact_c .title{color:#000; display: block; width:100%; font-family: "Montserrat-Bold";}
|
|
.all_contact{background-color:#FFF; border-radius: 24px; display: flex; justify-content: flex-start;}
|
|
.info_all{border-top:1px solid #E3E3E3; }
|
|
.info_all .list{display: flex; flex-direction: row; align-content: flex-start; }
|
|
.question_form .list .title, .info_all .list .title{font-family:"Montserrat-Bold";}
|
|
input::placeholder{font-size: 14px; color:#9E9E9F}
|
|
textarea::placeholder{font-size: 14px; color:#9E9E9F}
|
|
.form_input input, .form_input textarea{background-color:#F2F2F2; border-radius: 8px;}
|
|
.become_dis{width:100%; text-align: center; color:#004BFA; background-color: #FFF; border-radius: 12px; margin-top:24px; font-family: 'Montserrat-SemiBold'}
|
|
input::-webkit-input-placeholder {
|
|
color: #9E9E9F;
|
|
font-size: 14px;
|
|
font-family: "Montserrat-Light";
|
|
}
|
|
|
|
input:-moz-placeholder {
|
|
color: #9E9E9F;
|
|
font-size: 14px;
|
|
font-family: "Montserrat-Light";
|
|
}
|
|
|
|
input::-moz-placeholder {
|
|
color: #9E9E9F;
|
|
font-size: 14px;
|
|
font-family: "Montserrat-Light";
|
|
}
|
|
|
|
input:-ms-input-placeholder {
|
|
color: #9E9E9F;
|
|
font-size: 14px;
|
|
font-family: "Montserrat-Light";
|
|
}
|
|
textarea::-webkit-input-placeholder {
|
|
color: #9E9E9F;
|
|
font-size: 14px;
|
|
font-family: "Montserrat-Light";
|
|
}
|
|
|
|
textarea:-moz-placeholder {
|
|
color: #9E9E9F;
|
|
font-size: 14px;
|
|
font-family: "Montserrat-Light";
|
|
}
|
|
|
|
textarea::-moz-placeholder {
|
|
color: #9E9E9F;
|
|
font-size: 14px;
|
|
font-family: "Montserrat-Light";
|
|
}
|
|
|
|
textarea:-ms-input-placeholder {
|
|
color: #9E9E9F;
|
|
font-size: 14px;
|
|
font-family: "Montserrat-Light";
|
|
}
|
|
.contact_button{background-color:#004BFA; color:#FFF; font-family: "Montserrat-Bold"; display: inline-block;}
|
|
@media screen and (min-width:1440px){
|
|
.banner_title{font-size: 56px; }
|
|
.contact_c{width:1366px; margin:auto;}
|
|
.all_contact{width:calc(100% - 128px); padding:64px; margin-top:48px;}
|
|
.info, .question{width:575px;}
|
|
.info{margin-right:88px;}
|
|
.contact_c .title{font-size: 24px; }
|
|
.info_all{margin-top:40px;}
|
|
.info_all .list{padding-top:37px; padding-bottom: 37px; border-bottom: 1px solid #E3E3E3;}
|
|
.info_all .list .list_img{width:48px; height:48px; margin-right: 16px; }
|
|
.info_all .list .list_img img{width:48px; height:48px; }
|
|
.info_all .list .list_right{width:510px;}
|
|
.info_all .list .title{font-size: 14px;}
|
|
.info_all .list .des{font-size: 14px; color:#000; line-height: 24px;}
|
|
.info_all .sub_list{width:243px; margin-right:24px;}
|
|
.info_all .sub_list:last-child{margin-right: 0;}
|
|
.question_form .list{margin-top:24px;}
|
|
.question_form .list .title{font-size: 14px;}
|
|
.question_form .list{margin-top:24px;}
|
|
.form_input input{height:16px; margin-top:8px; padding:16px; font-size: 14px; width:calc(100% - 32px)}
|
|
.form_input textarea{margin-top:8px; padding:16px; font-size: 14px; width:calc(100% - 32px)}
|
|
.become_dis{padding-top:32px; padding-bottom:26px; font-size: 18px;}
|
|
.contact_button{padding:15px 40px; border-radius: 28px; font-size: 14px; }
|
|
}
|
|
@media screen and (max-width:1439px){
|
|
.banner_title{font-size: 48px; }
|
|
.all_contact{width:calc(100% - 4.44vw); padding:2.22vw; margin-top:3.33vw}
|
|
.contact_c{width:92%; margin:auto;}
|
|
.info, .question{width:39.93vw;}
|
|
.info{margin-right:6.11vw;}
|
|
.contact_c .title{font-size: 24px; }
|
|
.info_all{margin-top:2.78vw;}
|
|
.info_all .list{padding-top:2.57vw; padding-bottom: 2.57vw; border-bottom: 1px solid #E3E3E3; }
|
|
.info_all .list .list_img{width:3.33vw; height:3.33vw; margin-right: 16px;}
|
|
.info_all .list .list_img img{width: 100%;}
|
|
.info_all .list .list_right{width:35.41vw}
|
|
.info_all .list .title{font-size: 12px;}
|
|
.info_all .list .des{font-size: 12px; color:#000; line-height: 18px;}
|
|
.info_all .sub_list{width:16.88vw; margin-right:1.67vw;}
|
|
.info_all .sub_list:last-child{margin-right: 0;}
|
|
.question_form .list{margin-top:1.67vw;}
|
|
.question_form .list .title{font-size: 14px;}
|
|
.question_form .list{margin-top:1.67vw;}
|
|
.form_input input{height:16px; margin-top:8px; padding:1.11vw; font-size: 14px; width:calc(100% - 2.22vw)}
|
|
.form_input textarea{margin-top:8px; padding:1.11vw; font-size: 12px; width:calc(100% - 2.22vw)}
|
|
.become_dis{padding-top:2.22vw; padding-bottom:1.81vw; font-size: 18px;}
|
|
input::-webkit-input-placeholder {font-size: 12px;}
|
|
input:-moz-placeholder {font-size: 12px;}
|
|
input::-moz-placeholder {font-size: 12px;}
|
|
input:-ms-input-placeholder {font-size: 12px;}
|
|
textarea::-webkit-input-placeholder {font-size: 12px;}
|
|
textarea:-moz-placeholder {font-size: 12px;}
|
|
textarea::-moz-placeholder {font-size: 12px;}
|
|
textarea:-ms-input-placeholder {font-size: 12px;}
|
|
.contact_button{padding:10px 36px; border-radius: 28px; font-size: 12px; }
|
|
|
|
}
|