/**
|
* form
|
* @author Tevin
|
*/
|
|
@import "../../common/sassMixin";
|
|
.c-form {
|
width: 100%;
|
.c-form-item {
|
.at-input__title--required {
|
position: relative;
|
&::before {
|
@include position(absolute, 50% -0.5rem n n);
|
transform: translateY(-50%);
|
}
|
}
|
}
|
.c-form-agreement {
|
padding: 0.512rem 0.68267rem;
|
.title {
|
display: inline;
|
.icon {
|
@include flexbox(inline, center center);
|
margin-top: 0.08533rem;
|
margin-right: 0.3rem;
|
width: 0.85333rem;
|
min-width: 0.85333rem;
|
height: 0.85333rem;
|
color: transparent;
|
font-size: 0.512rem;
|
line-height: 1;
|
border: 0.04267rem solid rgba(97, 144, 232, .2);
|
border-radius: 50%;
|
background-color: #fff;
|
box-sizing: border-box;
|
transition: all .2s;
|
&.checked {
|
color: #fff;
|
border: none;
|
background-color: #6190e8;
|
}
|
}
|
.tips {
|
color: rgb(117, 117, 117);
|
;
|
}
|
}
|
.protocol {
|
display: inline;
|
color: #2b69de;
|
font-size: 0.65rem;
|
}
|
}
|
.c-form-submit {
|
margin-top: 0.8rem;
|
padding: 0 0.42667rem;
|
[type=primary] {
|
font-size: 0.7rem;
|
line-height: 2.2;
|
border: 1PX solid #1e8ad2;
|
background: #1e8ad2;
|
&:not([disabled]):active {
|
opacity: .6;
|
border: 1PX solid #1e8ad2;
|
background: #1e8ad2;
|
}
|
}
|
}
|
}
|
