/* pages/guidance/guidance.wxss */

.rich {
   padding: 58rpx 0;
   border-top: 1rpx solid #e4e4e4;
   border-bottom: 1rpx solid #e4e4e4;
}

.topic {
   padding: 60rpx 53rpx 65rpx 53rpx;
   border-bottom: 1rpx solid #e4e4e4;
}

.topic .title {
   display: flex;
   align-items: center;
}

.topic .title .num {
   width: 32rpx;
   height: 32rpx;
   border-radius: 32rpx;
   text-align: center;
   line-height: 32rpx;
   color: #fff;
   background: #fc0;
   font-size: 26rpx;
}

.topic .title .name {
   font-size: 32rpx;
   color: #fab701;
   margin-left: 15rpx;
}

.topic .gName {
   font-size: 30rpx;
   color: #1a1a1a;
   text-align: center;
   width: 544rpx;
   margin: 0 auto;
   margin-top: 35rpx;
}

.topic .List {
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
   margin-top: 50rpx;
}

.topic .List .list {
   font-size: 28rpx;
   width: 146rpx;
   height: 59rpx;
   text-align: center;
   line-height: 59rpx;
   color: #333;
   background: #f7f7f7;
   margin-bottom: 20rpx;
   margin-right: 20rpx;
}

.topic .List::after {
   content: "";
   width: 146rpx;
   margin-right: 20rpx;
}

.section {
   width: 271rpx;
   height: 64rpx;
   background: #f7f7f7;
   margin: 0 auto;
   margin-top: 45rpx;
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-size: 30rpx;
}

.section .icon {
   margin-right: 25rpx;
   color: #999;
   font-size: 25rpx;
}

.section .picker {
   margin-left: 25rpx;
}

.location {
   display: flex;
   justify-content: space-between;
   width: 544rpx;
   margin: 0 auto;
}

.location .section {
   width: 169rpx;
   height: 64rpx;
}

.location .section .picker {
   font-size: 28rpx;
   color: #999;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.question {
   font-size: 30rpx;
   color: #1a1a1a;
   display: flex;
   align-items: center;
   width: 577rpx;
   margin: 0 auto;
   margin-top: 45rpx;
}

.ok {
   width: 223rpx;
   height: 72rpx;
   text-align: center;
   line-height: 72rpx;
   margin: 0 auto;
   color: #333;
   font-size: 34rpx;
   background: #fc0;
   border-radius: 36rpx;
   margin-top: 34rpx;
}

.onMoudel {
   position: fixed;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(1, 1, 1, 0.5);
}

.onMoudel .moudel {
   width: 636rpx;
   height: 587rpx;
   margin: 0 auto;
   margin-top: 286rpx;
   background-image: url(http://omega.wx.bronet.cn/public/static/images/413@2x.png);
   background-size: 100% 100%;
   overflow: hidden;
}

.onMoudel .moudel .moneyP {
   display: flex;
   margin-top: 87rpx;
}

.onMoudel .moudel .moneyP .money {
   color: #d43d31;
   font-size: 36rpx;
   margin-left: 131rpx;
}

.onMoudel .moudel .moneyP .money text {
   font-size: 60rpx;
   font-weight: 800;
}

.onMoudel .moudel .moneyP .font {
   font-size: 36rpx;
   width: 370rpx;
   line-height: 93rpx;
   text-align: center;
   color: #d43d31;
}

.onMoudel .moudel .title {
   color: #fff;
   text-align: center;
   font-size: 48rpx;
   margin-top: 55rpx;
   position: relative;
   width: 320rpx;
   left: 50%;
   margin-left: -160rpx;
}

.onMoudel .moudel .title::after {
   content: "";
   width: 45rpx;
   height: 5rpx;
   background: #fff;
   position: absolute;
   top: 50%;
   left: 0;
   margin-top: -2.5rpx;
}

.onMoudel .moudel .title::before {
   content: "";
   width: 45rpx;
   height: 5rpx;
   background: #fff;
   position: absolute;
   top: 50%;
   left: 100%;
   margin-top: -2.5rpx;
   margin-left: -45rpx;
}

.thisGet {
   color: #d43d31;
   font-size: 36rpx;
   width: 403rpx;
   height: 74rpx;
   background: #fde03c;
   border-radius: 37rpx;
   margin: 0 auto;
   margin-top: 125rpx;
   text-align: center;
   line-height: 74rpx;
}

.onMoudel .moudel .hit {
   font-size: 24rpx;
   color: #fff;
   text-align: center;
   margin-top: 13rpx;
   width: 100%;
}

page {
   padding-bottom: 46rpx;
}

.fourMoudel {
   position: fixed;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(1, 1, 1, 0.5);
}

.moudelsss {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 100%;
   background: #fff;
}

.fourMoudelC {
   color: #fff;
   text-align: right;
   margin-top: 604rpx;
   padding-right: 23rpx;
}