templates.wxss 3.1 KB
/* pages/template/template.wxss */
.experiment_box {
    width: 100%;
    background-color: #fff;
    padding: 18rpx 20rpx 20rpx 20rpx;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20rpx;
}

.title_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.title_box .line {
    width: 6rpx;
    height: 32rpx;
    background-color: #3FA9F5;
    margin-right: 18rpx;
}

.title_box text {
    color: #464646;
    font-size: 32rpx;
}

.test_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.test_box .time {
    font-size: 28rpx;
    color: #3FA9F5;
    margin-bottom: 10rpx;
}

.test_box  .img_box {
    width: 100%;
    height: 300rpx;
}
.img_box image {
    width: 100%;
    height: 100%;
    border-radius: 20rpx;
}
.order_box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10rpx;
}

.order_box text {
    width: 150rpx;
    height: 50rpx;
    line-height: 50rpx;
    color: #ffffff;
    background-color: #3FA9F5;
    font-size: 30rpx;
    text-align: center;
    border-radius: 10rpx;
}
/*下面是modal样式*/
.modal_box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.background {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}
.modalBackground {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666666;
}
.modal {
    width: 500rpx;
    height: 260rpx;
    /* height: 1100rpx; */
    background: #ffffff;
    border-radius: 10rpx;
    box-sizing: border-box;
    /*padding: 70rpx 0 0 0;*/
    overflow: hidden;
    position: relative;
}
.success-modal {
    width: 400rpx;
    height: 450rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 22rpx;
}
.success-modal image {
    width: 236rpx;
    height: 170rpx;
}
.congratulations {
    font-size: 28rpx;
    color: #3FA9F5;
    margin-bottom: 14rpx;
}
.appointment-success {
    font-size: 24rpx;
    margin-bottom: 60rpx;
}
.confirm-btn {
    width: 80%;
    height: 54rpx;
    line-height: 54rpx;
    border-radius: 30rpx;
    text-align: center;
    color: #ffffff;
    font-size: 30rpx;
    background-color: #3FA9F5;
}
.tips-word {
    font-size: 26rpx;
    width: 100%;
    padding: 30rpx 40rpx 30rpx 50rpx;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1rpx solid #d3d3d3;
    line-height: 38rpx;
}
.yes-no-btn {
    width: 100%;
    height: 84rpx;
    display: flex;
    align-items: center;
    font-size: 30rpx;
}
.yes-no-btn text {
    width: 50%;
    text-align: center;
    line-height: 68rpx;
}
.yes-no-btn text:nth-child(1) {
    border-right: 1rpx solid #d3d3d3;
}
.change-color {
    color: #3FA9F5;
}