cool_store/assert/css/expert.css

html,body {height: 100%;}
body {
    padding: .26rem .18rem;
}
* {font-size: .16rem;box-sizing: border-box;}
input{
    position: absolute;
    left: -9999px;
}
i {
    position:relative;
    display:inline-block;
    width: .16rem;
    height: .16rem;
    outline: 0;
    border: 1px solid #ccc;
    border-radius: 50%;
    background: transparent;
}
.checkbox i {
    border-radius: .04rem;
}
input[type=checkbox]:checked + i {
    border: 1px solid #FF4400;
    background-color: #FFEBEB;
}
input[type=checkbox]:checked + i:after {position: absolute;content: '';top: 50%;left: 50%;margin-top: -.04rem;margin-left: -.06rem;-webkit-transform: rotate(-53deg);transform: rotate(-53deg);width: .1rem;height: .04rem;border: .02rem solid #FF4400;border-top: 0;border-right: 0;}
.star {color: #FF4400;margin-right: .09rem;}
.text {color: #222;}
ul {display: flex;flex-wrap: wrap;margin-top: .2rem;}
.title {margin-bottom: .16rem;margin-top: .02rem;}
span {color: #555;vertical-align: text-top;}
label {width: 33.333%;position: relative;margin-bottom: .14rem;}
textarea {width: 100%;background: #F7F7F7;border: 1px solid #979797;padding: .09rem .13rem;margin-bottom: .16rem;}
button{width: 1.75rem;height: .46rem;line-height: .46rem;background:#FF4400;color: #fff;border: none;font-size: .16rem;margin: auto;display: inherit;box-shadow: 0 .01rem .02rem rgba(255,110,12,.4);margin-top: .24rem;margin-bottom: .24rem;}
/*提示*/
.alert-info {position: absolute;top: 2.74rem;  right: 0; left: 0;bottom: 0; text-align: center;z-index: 999;}
.alert-info p {display: inline-block;height: 0.38rem;color: #fff;font-size: 0.14rem;line-height: 0.38rem;padding: 0 0.10rem;background-color: rgba(0, 0, 0, 0.7);border-radius: 5px;}