91 lines
5.4 KiB
CSS
Executable File
91 lines
5.4 KiB
CSS
Executable File
body{
|
|
font-family: "Montserrat-Medium";
|
|
}
|
|
.fw_01 .list{position: relative;}
|
|
.fw_01 .list:last-child{border-left:1px solid #e5e5e5;}
|
|
.fw_fw_title{width:calc((100% - 24px) / 2); border-radius: 12px; font-weight: bold; background-color:#FFF; margin-right:24px;}
|
|
.fw_fw_title:last-child{margin-right:0;}
|
|
.fw_on{background-color:#004BFA; color:#FFF; position: relative; z-index: 2;}
|
|
|
|
/*新增swt*/
|
|
.anti-fake{
|
|
background-color: #F2F2F2!important;
|
|
}
|
|
.list .title{font-weight: bold; color:#000;}
|
|
.list .sub-title{color:#9E9E9F;}
|
|
.img-responsive{float: left; margin-right:12px}
|
|
.form-title{font-size: 14px; font-weight: bold;}
|
|
.form-input input, .form-input-code input{background-color:#F2F2F2; }
|
|
.fw_button{background-color:#004BFA; display: inline-block; color:#FFF;}
|
|
/*弹窗*/
|
|
.Popup_all{width:100vw; height: 100vh; background-color:rgba(0,0,0,0.3); position:fixed; top:0; left:0; z-index: 99;}
|
|
.Popup_all .Popup{position: absolute; top:50%; background-color:#FFF; left:50%; z-index: 100; color:#000}
|
|
.Popup_content .title{font-weight: bold; text-align: center;}
|
|
.fw_button_two{font-weight: bold; font-size: 14px;}
|
|
.Popup_error .Popup{position: absolute; top:50%; color:#FFF; background-color:rgb(37, 36, 36); left:50%; border-radius: 8px; z-index: 100; color:#FFF;}
|
|
.Popup_error .Popup_content{width:calc(100% - 24px); margin:12px auto;}
|
|
|
|
@media screen and (min-width:1440px){
|
|
.fw_fw_title{padding-top:25px; padding-bottom:25px; font-size: 18px;}
|
|
.fw_01{width:100%; margin:24px auto; overflow: hidden; background-color: #FFF; border-radius: 24px;}
|
|
.anti-fake-content{width: 1366px; margin:3.33vw auto;}
|
|
.list:last-child{width:412px; padding-left:56px; display: inline-table;}
|
|
.list{width:724px;}
|
|
.list .title{font-size: 18px;}
|
|
.list .sub-title{font-size: 14px;margin-top:6px;}
|
|
.list .y-img{margin-top:40px; margin-bottom: 8px;}
|
|
.form-title{margin-top:24px;}
|
|
.form-input{margin-top:8px; }
|
|
.form-input input{width:551px; height: 48px; line-height: 48px; border-radius: 8px; padding-left:12px; padding-right:12px; font-size: 18px;}
|
|
.fw_button_one{padding:14px 40px; font-weight: bold; font-size: 14px; border-radius: 28px; margin-top:24px;}
|
|
.form-input-code{height: 48px; line-height: 48px; margin-top:8px}
|
|
.form-input-code input{width:248px; height:48px; line-height: 48px; float: left; border-radius: 8px; margin-right:40px; padding-left:12px; padding-right:12px;}
|
|
.verifyimg-img{height:48px; width:148px;}
|
|
.fw_on::after{content: ''; width:24px; height: 24px; position: absolute; bottom:0; margin-bottom: -6px; transform: rotate(45deg); background-color:#004BFA; left:50%; margin-left:-12px; z-index: 0;}
|
|
.Popup_all .Popup{width:640px; margin-top:-172px; margin-left:-320px; border-radius: 24px; }
|
|
.Popup_all .Popup_content{width:calc(100% - 128px); margin:36px auto;}
|
|
.close{float: right;width:24px; height: 24px; margin-top:32px; margin-right: 32px;}
|
|
.Popup_content .title{font-size: 20px; margin-top:76px; }
|
|
.Popup_all .Popup_content .des{font-size: 16px; margin-top:24px; line-height: 24px;}
|
|
.Popup_error .Popup_content .des{font-size: 16px; line-height: 24px;}
|
|
.fw_button_two{padding:14px 40px; font-size: 14px; border-radius: 28px; margin-top:64px;}
|
|
.Popup_error .Popup{width:360px; margin-left:-180px; }
|
|
}
|
|
@media screen and (max-width:1439px){
|
|
.fw_fw_title{padding-top:12px; padding-bottom:12px; font-size: 16px;}
|
|
.fw_01{width:100%; margin:24px auto; overflow: hidden; background-color: #FFF; border-radius: 24px;}
|
|
.anti-fake-content{width:92%; margin:3.33vw auto;}
|
|
.list:last-child{width:29vw; padding-left:2.92vw; display: inline-table;}
|
|
.list{width:55vw;}
|
|
.list .title{font-size: 14px;}
|
|
.list .sub-title{font-size: 12px;margin-top:6px;}
|
|
.list .y-img{margin-top:40px; margin-bottom: 8px;}
|
|
.form-title{margin-top:24px;}
|
|
.form-input{margin-top:8px}
|
|
.form-input input{width:28.7vw; height:36px; line-height: 36px; border-radius: 8px; padding-left:12px; padding-right:12px; font-size: 14px;}
|
|
.fw_button_one{padding:8px 36px; font-weight: bold; font-size: 14px; border-radius: 28px; margin-top:12px;}
|
|
.form-input-code{height: 36px; line-height: 36px; margin-top:8px}
|
|
.form-input-code input{width:13vw; height:36px; line-height: 36px; float: left; border-radius: 8px; margin-right:20px; padding-left:12px; padding-right:12px;}
|
|
.verifyimg-img{height:36px; width:108px;}
|
|
.fw_on::after{content: ''; width:12px; height: 12px; position: absolute; bottom:0; margin-bottom: -6px; transform: rotate(45deg); background-color:#004BFA; left:50%; margin-left:-8px; z-index: 0;}
|
|
.Popup_all .Popup{width:480px; margin-top:-172px; margin-left:-240px; border-radius: 24px; }
|
|
.Popup_all .Popup_content{width:calc(100% - 64px); margin:24px auto;}
|
|
.close{float: right;width:12px; height: 12px; margin-top:12px; margin-right: 24px;}
|
|
.Popup_content .title{font-size: 16px; margin-top:48px; }
|
|
.Popup_all .Popup_content .des{font-size: 14px; margin-top:12px; line-height: 18px;}
|
|
.Popup_error .Popup_content .des{font-size: 14px; line-height: 18px;}
|
|
.fw_button_two{padding:8px 36px; font-size: 14px; border-radius: 28px; margin-top:32px;}
|
|
.Popup_error .Popup{width:240px; margin-left:-120px; }
|
|
}
|
|
.anti-fake-content .tab{width:100%; display: flex; justify-content: left;}
|
|
.fw_one, .fw_two{
|
|
width: calc(100% - 6.66vw);
|
|
padding-top:3.12vw;
|
|
padding-bottom:3.12vw;
|
|
overflow: hidden;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin:auto;
|
|
}
|
|
.fw_one .sub-title {font-size: 0.875rem; }
|