xzjl-ui/pages/home/me/manual/manual.wxss

/* pages/home/me/manual/manual.wxss */
view {
    box-sizing: border-box;
}

.color {
    color: #F8632A;
}

.btm {
    margin-bottom: 10rpx;
}

.btop {
    margin-top: 32rpx;
}

.manual-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 88rpx;
    box-sizing: border-box;
}

.manual-header {
    width: 100%;
    height: 88rpx;
    display: flex;
    align-items: center;
    justify-content: start;
    background-color: #fff;
}

.header-reback{
    margin-left: 20rpx;
    width:48rpx;
    height:48rpx;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/reback.png);
}

.manual-box {
    width: 100%;
    flex: 1;
    overflow-y: scroll;
}

.manual-main {
    width: 100%;
    padding: 32rpx 62rpx 0 62rpx;
    box-sizing: border-box;
    font-size: 32rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.main-box1 {
    color: rgba(248, 99, 42, 1);
    margin-bottom: 10rpx;
    font-size: 36rpx;
    font-weight: 700;
}

.main-box2 {
    width: 100%;
    padding-left: 28rpx;
    margin-top: 16rpx;
    display: flex;
}

.main-box2-left {
    width: 52rpx;
    height: 82rpx;
    margin-right: 14rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/one.png);
}

.main-box2-right {
    padding-top: 16rpx;
    box-sizing: border-box;
}

.main-box3 {
    margin-top: 32rpx;
    width: 356rpx;
    height: 770rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-1.png);
}

.main-box4 {
    width: 100%;
    padding-left: 94rpx;
    box-sizing: border-box;
    margin-top: 32rpx;
}

.main-box5 {
    width: 100%;
    padding-left: 28rpx;
    margin-top:48rpx;
    display: flex;
}

.main-box5-left {
    width: 52rpx;
    height: 82rpx;
    margin-right: 14rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/two.png);
}

.main-box5-right {
    padding-top: 16rpx;
    box-sizing: border-box;
}

.main-box6 {
    margin-top: 32rpx;
    width: 356rpx;
    height: 770rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-2.png);
}

.main-box7 {
    width: 100%;
    padding-left: 94rpx;
    margin-top: 32rpx;
}

.main-box27 {
    width: 100%;
    padding-left: 94rpx;
}

.main-box8 {
    width: 100%;
    padding-left: 28rpx;
    margin-top: 48rpx;
    display: flex;
}

.main-box8-left {
    width: 52rpx;
    height: 82rpx;
    margin-right: 14rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/three.png);
}

.main-box8-right {
    padding-top: 16rpx;
    box-sizing: border-box;
}

.main-box9 {
    margin-top: 32rpx;
    width: 356rpx;
    height: 770rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-3.png);
}

.main-box10 {
    width: 100%;
    padding-left: 28rpx;
    margin-top: 48rpx;
    display: flex;
}

.main-box10-left {
    width: 52rpx;
    height: 82rpx;
    margin-right: 14rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/four.png);
}

.main-box10-right {
    padding-top: 16rpx;
    box-sizing: border-box;
}

.main-box11 {
    margin-top: 32rpx;
    width: 356rpx;
    height: 770rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-4.png);
}

.main-box12 {
    width: 100%;
    padding-left: 94rpx;
    margin-top: 32rpx;
}

.main-box13 {
    margin-top: 32rpx;
    width: 356rpx;
    height: 770rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-5.png);
}

.main-box14 {
    width: 100%;
    padding-left: 94rpx;
    margin-top: 32rpx;
}

.main-box15 {
    width: 100%;
    padding-left: 94rpx;
    margin-top: 48rpx;
}

.main-box16 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.main-box16 .img1 {
    width: 310rpx;
    height: 674rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-6.png);
}

.main-box16 .img2 {
    width: 310rpx;
    height: 674rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-7.png);
}

.main-box17 {
    width: 100%;
    padding-left: 94rpx;
    margin-top: 32rpx;
}

.main-box18 {
    margin-top: 32rpx;
    width: 356rpx;
    height: 770rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-8.png);
}

.main-box19 {
    width: 100%;
    padding-left: 28rpx;
    margin-top: 48rpx;
    display: flex;
}

.main-box19-left {
    width: 52rpx;
    height: 82rpx;
    margin-right: 14rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/five.png);
}

.main-box19-right {
    padding-top: 16rpx;
    box-sizing: border-box;
} 

.main-box20 {
    margin-top: 32rpx;
    width: 356rpx;
    height: 770rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-9.png);
}

.main-box21 {
    width: 100%;
    padding-left: 28rpx;
    margin-top: 48rpx;
    display: flex;
}

.main-box21-left {
    width: 52rpx;
    height: 82rpx;
    margin-right: 14rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/six.png);
}

.main-box21-right {
    padding-top: 16rpx;
    box-sizing: border-box;
} 

.main-box22 {
    margin-top: 32rpx;
    width: 356rpx;
    height: 770rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-10.png);
}

.main-box23 {
    width: 100%;
    padding-left: 94rpx;
}

.main-box24 {
    margin-top: 32rpx;
    width: 356rpx;
    height: 770rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-11.png);
}

.main-box25 {
    width: 100%;
    padding-left: 28rpx;
    margin-top: 48rpx;
    display: flex;
}

.main-box25-left {
    width: 52rpx;
    height: 82rpx;
    margin-right: 14rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/seven.png);
}

.main-box25-right {
    padding-top: 16rpx;
    box-sizing: border-box;
} 

.main-box26 {
    margin: 32rpx 0 150rpx 0;
    width: 356rpx;
    height: 770rpx;
    background-size: cover;
    background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-12.png);
}