page {
    background-color: #f6f7fb;
}

.searchBox {
    display: flex;
    align-items: center;
    background-color: #fff;
}

.searchBox_left,
.searchBox_right,
.searchBox_mid {
    flex: 1;
}

.searchBox_left {
    padding-left: 20rpx;
}

.searchBox_right {
    opacity: 0;
    padding-right: 20rpx;
}

.searchBox_mid {
    font-size: 40rpx;
    color: #222222;
    text-align: center;
}

.banner {
    margin: 0 auto;
    padding-top: 30rx;
    background-color: #fff;
    width: 100%;
}

.banner swiper {
    margin: 0 auto;
    width: 710rpx;
    height: 307rpx;
}

.dotList {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 10rpx;
    padding-bottom: 20rpx;
}

.dot {
    width: 8rpx;
    height: 8rpx;
    background: #555555;
    border-radius: 50%;
    margin-right: 6rpx;
}

.active {
    background: #FF370B;
    width: 20rpx;
    height: 8rpx;
    border-radius: 10rpx 10rpx 10rpx 10rpx;
}

.master {
    background-color: #fff;
    margin-top: 30rpx;
    padding: 26rpx 20rpx;
}

.master_info {
    display: flex;
    align-items: flex-start;
}

.master_info_left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 130rpx;
    margin-right: 42rpx;
}

.master_info_left image {
    width: 130rpx;
    height: 130rpx;
}

.state {
    width: 110rpx;
    height: 40rpx;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26rpx;
    color: #FFFFFF;
    margin: 0 auto;
    margin-top: -20rpx;
    z-index: 2;
    position: relative;
}

.state1 {
    background: #AECE2B;

}

.state2 {
    background: #CECECE;
}

.state3 {
    background: #FF370B;
}

.master_info_right{
    flex: 1;
}
.master_info_right1 {
    display: flex;
    align-items: center;
    font-size: 36rpx;
    color: #222222;
}

.Medal {
    width: 35rpx;
    height: 40rpx;
    margin-left: 6rpx;
    margin-right: 28rpx;
}

.star {
    width: 22rpx;
    height: 22rpx;
    margin-right: 6rpx;
}

.master_info_right1 span {
    font-size: 26rpx;
    color: #000000;
}

.master_info_right2 {
    font-size: 28rpx;
    color: #999999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16rpx;
}

.master_info_right2 span {
    color: #FF370B;
}
.master_info_right3{
    margin-top: 13rpx;
}
.master_info_right3_item {
    display: flex;
    align-items: center;
    font-size: 26rpx;
    color: #999999;
    margin-bottom: 10rpx;
}

.master_info_right3_item span {
    font-size: 26rpx;
    color: #222222;
    margin-left: 23rpx;
}

.master_info_right3_item>div{
    margin-right: 27rpx;
}