/* pages/reserve/submit.wxss */
@import "../../colorui/main.wxss";
page{
    background-color: #F9F9F9;
}
.userinfo{
    background: #FFFFFF;
    box-shadow: 0px 0px 30rpx 0px #E5E5E5;
    border-radius: 20rpx;
}
.sex .checked{
    position: relative;
    background: linear-gradient(90deg, #ff4d11 0%, #fe7600 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sex .checked:after{
    width: 24rpx;
    height: 14rpx;
    background-size: 100% 100%;
    background-image: url("http://nosqn.colorcun.com/detail/x%20%281%29.png");
    position: absolute;
    content: "";
    bottom:-18rpx;
    left:calc(50% - 12rpx);
}
.share-but{
    position: fixed;
    bottom: 40rpx;
    height: 84rpx;
    width: calc(100% - 80rpx);
}

.textColor {
    background: linear-gradient(90deg, #ff4d11 0%, #fe7600 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28rpx;
}

.textColor image {
    width: 40rpx;
    height: 40rpx;
    margin-right: 8rpx;
}

.btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 34rpx 40rpx 20rpx 40rpx;
}

.checkBtn {
    width: 43%;
    background: linear-gradient(90deg, #ff4d11 0%, #fe7600 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 2rpx solid #fe6806;
    height: 70rpx;
    line-height: 70rpx;
    border-radius: 198rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.round {
    background: linear-gradient(90deg, #ff4d11 0%, #fe7600 100%);
    color: #fff;
    width: 43%;
    height: 72rpx;
    line-height: 72rpx;
    border-radius: 198rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.round view {
    width: 100%;
    height: 70rpx;
    line-height: 70rpx;
    border-radius: 198rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.title {
    width: 112rpx;
    text-align: justify;
    height: 100rpx;
    line-height: 100rpx;
}

.title:after {
    content: '';
    display: inline-block;
    width: 100%; 
}

.pickerBox {
    display: flex;
    align-items: center;
    font-family: PingFang SC;
    font-weight: 400;
}

.pickerBox image {
    width: 24rpx;
    height: 24rpx;
}
/*
.pages{
    padding: 30rpx;
    width: calc(100% - 60rpx);
}
.back{
    height: 120rpx;
    line-height: 120rpx;
    width: 100%;
}
.opt-button{
    height: 40rpx;
    width: 120rpx;
    border: 2rpx solid #C0A369;
    color: #C0A369;
    text-align: center;
    line-height: 40rpx;
    font-size: 26rpx;
    margin-right: 40rpx;
}

.userinfo{
	width:690rpx;
    font-size: 30rpx;
	border-radius:10rpx;
	box-shadow: 0 0 16rpx rgba(157,156,156,.5);
	margin:20rpx auto 0;
	padding:0 30rpx;
	box-sizing: border-box;
}
.concat-icon{
	width:56rpx;
	height:58rpx;
	margin:0 20rpx 0 10rpx;
}
.userinfo-title{
	width:100%;
	height:116rpx;
	padding:34rpx 0 26rpx 0;
	border-bottom: 2rpx solid #F5F5F5;
	box-sizing: border-box;
}
.item{
    height: 124rpx;
    line-height: 124rpx;
    border-bottom: 2rpx solid #F5F5F5;
    padding-top: 20rpx;
}
.click-cover{
	padding:20rpx;
}
.click-cover image{
	width:14rpx;
	height:26rpx;
}
.item-label{
    width: 100rpx;
    min-width: 100rpx;
    font-weight: bold;
}
.item view:last-child{
    font-size: 28rpx;
}
.switch{
    width: 252rpx;
    height: 50rpx;
    line-height: 50rpx;
    border: 2rpx solid #C0A369;
    margin-left: 16rpx;
    font-size: 28rpx;
}
.Medium{
    width: 100%;
}
.input{
    width: 100%;
}
.switch .switch-item{
    width: 84rpx;
    height: 50rpx;
    line-height: 50rpx;
    text-align: center;
    color: #C0A369;
    border-right: 2rpx solid #C0A369;
}
.switch .switch-item:last-child{
    border-width: 0;
}
.switch .checked{
    background-color:#C0A369;
    color: #FEFEFE;
}
.share-but{
    color:#FEFEFE;
    background: #262628;
    width: 100%;
    line-height: 80rpx;
    font-size: 34rpx;
    text-align: center;
    margin-top: 46rpx;
}
.input-pl{
    font-size: 28rpx;
	color:#999;
}
.get-phone{
	width:160rpx;
	height:50rpx;
    line-height: 50rpx;
	background: #C0A369;
}
.cusdem{
	width:100%;
}
*/