- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
layouts/shortcodes/blocks/demo-zh.html [130:236]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
}
}
.demo-subject-left>*>label {
font-size: 14px;
line-height: 16px;
margin-bottom: 12px;
color: #2E3038;
}
.demo-subject-left>*>input {
width: 100%;
height: 48px;
border-radius: 24px;
background-color: #F4F4F6;
border: none;
padding-left: 30px;
@media only screen and (min-width: 768px) {
width: 452px;
}
}
.demo-subject-left-title,
.demo-subject-right-des {
font-size: 16px;
font-weight: normal;
line-height: 24px;
letter-spacing: 0em;
margin-bottom: 20px;
}
.demo-subject-right-des>a {
color: #724DE9;
}
.demoSize-radio>input {
display: none;
}
.demoSize-radio-btn {
width: 95px;
height: 48px;
border-radius: 24px;
color: #A3A6B3;
font-size: 16px;
padding: 10px 22px;
background-color: #F4F4F6;
cursor: pointer;
@media only screen and (min-width: 768px) {
width: 140px;
padding: 10px 44px;
}
}
.demoSize-radio-btn:nth-child(2),
.demoSize-radio-btn:nth-child(4) {
margin-right: 10px;
}
/* 当radio被选中时，背景色变为黑色 */
.btn-check:checked+.demoSize-radio-btn {
background-color: black;
}
/* 选中时字体颜色变为白色 */
.btn-check:checked+.demoSize-radio-btn {
color: #F4F4F6;
}
.demo-form-submit-btn {
width: 100%;
height: 48px;
border-radius: 24px;
background: #724DE9;
border: none;
color: #F4F4F6;
font-size: 14px;
@media only screen and (min-width: 768px) {
width: 452px;
}
}
.demo-subject-right-img {
width: 100%;
height: 432px;
margin-left: 0px;
background-image: url('https://img.alicdn.com/imgextra/i1/O1CN01MjbeAM1DdVeB0Uymn_!!6000000000239-2-tps-886-1207.png');
background-size: cover;
border: 2px dashed #D8D8D8;
@media only screen and (min-width: 768px) {
width: 402px;
margin-left: 26px;
background-size: cover;
height: 557px;
}
}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -