lixin-web/webapp/css/advice.css

vue and bootstrap

i{list-style:none;font-style: normal;}
input{padding-left:5px;}
textarea{padding-left:5px;padding-top:2px;line-height:25px;}
.a.a1 {
    background: url('../img/advice/lixin_device.jpg') no-repeat center 0px;
    height: 250px;
}

.a.a2 .d1 {
    width: 230px;
    display: inline-block;
    font-size: 16px;
    text-align: right;
}

.a.a2 .d2 input {
    height: 30px;
    width: 370px;
}
.a.a2 .c{
}
.a.a2 .c4 .e1 {
    width: 600px;
    height: 250px;
}
.a.a2 .c4 .d1 {
    vertical-align: top;
}

.a.a2 .c .d3 {
    font-size: 14px;
}
.a.a2 .c5 .d4 {
    font-size: 14px;
}

.a.a2 .c3 .f1 {
    height: 23px;
    width: 23px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    border-radius: 50%;
    border: 1px solid #bfbfbf;
}

.a.a2 .c3 .e1 {
    font-size: 16px;
    padding-right: 28px;
    cursor: pointer;
}
.a.a2 .c5 .d2 input {
    width: 180px;
}
.a.a2 .c3 .f1.active {
    background: url('../img/advice/device-button_05.png') no-repeat 0px 0px;
}
.a.a2 .c4 .d3 {
    vertical-align: top;
}
.a.a2 .c5 .d3 {
    background: url('../img/advice/AA_02.png') no-repeat 0px -30px;
    width: 54px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
}
.a.a2 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.a.a2 .c6 .d2 {
    background: #00C3FF;
    width: 180px;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: white;
    margin-top: 15px;
    cursor: pointer;
}
.a.a2 .c .d2 {
    margin-left: 10px;
}
.a.a2 .c6 .d2:hover {
    background: #31DCE6;
}

.a.a1 a{width:300px;margin:0 auto;position:relative;display:block;text-align:center;padding-top:185px;color:#fff;font-size:18px;} 
.a.a1 a:before,.a.a1 a:after{left:-80px;content:"";position:absolute;height:1px; width:100px;top:197px;border-bottom:1px solid #fff; }
.a.a1 a:after{left: 283px;}