.sm-box{ @include wh(750upx,auto); padding-top: 30upx; padding-bottom: 30upx; background: white; .card{ @include wh(710upx,auto); margin: auto; border: 1upx solid #F1F1F1; padding-top: 30upx; padding-bottom: 30upx; .title{ width: 690upx; margin: auto; @include fonts(26upx,#666,bold); } .content{ width: 690upx; margin: auto; @include fonts(24upx,#999); } } .content-box-card{ width: 690upx; margin: auto; .content-box-card-ul{ @include flex(flex-start,flex-start); .content-box-card-list{ @include flex(flex-start,flex-start); margin-top: 24upx; .content-box-card-title{ width: 140upx; @include fonts(26upx,#333,bold); } text{ @include fonts(24upx,#999); } .right-check{ width: 500upx; @include flex(flex-start,flex-start); flex-wrap: wrap; .check-list{ //width: 240upx; @include flex(center,flex-start); margin-left: 24upx; image{ @include wh(33upx,33upx); } text{ @include fonts(24upx,#999); margin-left: 10upx; } } .other-input{ @include wh(240upx,50upx); @include flex(center,center); border: 1upx solid #F1F1F1; border-radius: 4upx; margin-left: 24upx; input{ font-size: 26upx; margin-left: 20upx; } } } } } .content-box-card-ul-two{ @include flex(flex-start,flex-start); .content-box-card-list{ width: 345upx; @include flex(flex-start,flex-start); margin-top: 24upx; .content-box-card-title{ width: 140upx; @include fonts(24upx,#333,bold); } text{ @include fonts(24upx,#999); } .lin-div{ @include wh(140upx,50upx); line-height: 50upx; border: 1upx solid #F1F1F1; border-radius: 5upx; @include flex(center,space-around); text{ @include fonts(24upx,#999); } image{ @include wh(22upx,14upx); } } } } .sj-card{ width: 630upx; margin: auto; border: 1upx solid #F1F1F1; padding: 30upx; margin-top: 30upx; .sj-title{ @include fonts(26upx,#333,bold); } .sj-nav{ @include flex(flex-start,space-between); .left{ view{ @include fonts(24upx,#999); margin-top: 60upx; } } .right{ width: 500upx; @include flex(center,space-between); .right-list{ text-align: center; .num-div{ @include fonts(24upx,#999); } .gg-div{ width: 100upx; height: 50upx; @include flex(center,center); border: 1upx solid #F1F1F1; margin-top: 24upx; input{ font-size: 24upx; } } } } } } .beizhu{ width: 630upx; margin: auto; border: 1upx solid #F1F1F1; padding: 30upx; margin-top: 30upx; textarea{ font-size: 24upx; height: 200upx; } } } } .white-card{ @include wh(750upx,auto); padding-top: 30upx; padding-bottom: 30upx; background: white; //margin-top: 24upx; .lists{ @include wh(710upx,auto); margin: auto; border-bottom: 1upx solid #C8C7CC; padding-bottom: 30upx; @include flex(flex-start,space-between); .list-left{ @include wh(660upx,auto); .list-left-up{ @include flex(center,flex-start); .list-left-up-left{ width: 240upx; @include fonts(24upx,#333,bold); } .list-left-up-mid{ width:370upx; @include fonts(24upx,#333,bold); } .list-left-up-right-ok{ @include wh(60upx,60upx); border: 1upx solid #4CD964; border-radius: 50%; line-height: 60upx; text-align: center; @include fonts(24upx, #4CD964,bold); } .list-left-up-right-no{ @include wh(60upx,60upx); border: 1upx solid red; border-radius: 50%; line-height: 60upx; text-align: center; @include fonts(24upx,red,bold); } } .list-left-dow{ @include flex(center,flex-start); margin-top: 30upx; .list-left-dow-left{ width: 240upx; @include fonts(24upx,#333,bold); } .list-left-dow-btn{ width: 400upx; @include flex(center,space-between); view{ @include wh(160upx,44upx); background: #4CD964; @include fonts(24upx,#fff,500); text-align: center; line-height: 44upx; border-radius: 10upx; } .red{ background: #DD524D!important; } } } } .list-right{ @include wh(40upx,40upx); border: 1upx solid #007AFF; border-radius: 50%; line-height: 40upx; text-align: center; @include fonts(24upx, #007AFF,bold); } .mj-color{ @include wh(40upx,40upx); border: 1upx solid #F0AD4E; border-radius: 50%; line-height: 40upx; text-align: center; @include fonts(24upx, #F0AD4E,bold); } } } .submit-btn{ @include wh(690upx,auto); margin: auto; margin-top: 60upx; }