/* 公共样式 */

[v-cloak] {
    display: none !important;
}

.init-common {
    background: #fff;
    /* margin: 0 0 10rpx; */
    height: 120rpx;
    border-bottom: 3rpx solid #f0f3ef;
}

.init-common80 {
    background: #fff;
    /* margin: 0 0 10rpx; */
    height: 80rpx;
    border-bottom: 3rpx solid #f0f3ef;
}

.blueBtn {
    text-align: center;
    border-radius: 10rpx;
    background: rgb(55, 170, 216);
    color: #fff;
    width: 400rpx;
    padding: 20rpx 0;
}

/* 分享图标 */
.fixed-icon {
    position: fixed;
    right: 20rpx;
    bottom: 60px;
    background-color: rgba(123, 124, 123, 0.1);
    border-radius: 50%;
    width: 80rpx;
    height: 80rpx;
}

.fixed-icon .iconfont {
    font-size: 40rpx;
}

.btm60 {
    bottom: 60rpx
}

.btm180 {
    bottom: 180rpx
}



.font-35 {
    font-size: 35rpx !important;
}

.font-30 {
    font-size: 30rpx !important;
}

/* 注册页面 */
/* 固定宽度 */
.fixedWidth330 {
    width: 330rpx;
    text-align: left;
}

.fixedWidth260 {
    width: 265rpx;
    text-align: left;
}

.fixedWidth230 {
    width: 230rpx;
    text-align: left;
}

.fixedWidth150 {
    width: 150rpx;
    text-align: left;
}

/* 鼠标变手指 */
.curPoi {
    cursor: pointer;
}

/* 自适应宽度 */
.autoWidth {
    width: 100%;
    display: flex;
    align-items: center;
}

.width100 {
    width: 100%;
}

/* flex布局 */
.f {
    display: flex;
}

.f-j-c {
    display: flex;
    justify-content: center;
}

.f-j-sa {
    display: flex;
    justify-content: space-around
}

.f-j-sb {
    display: flex;
    justify-content: space-between;
}

.f-a-c {
    display: flex;
    align-items: center;
}

.f-j-a-c {
    display: flex;
    justify-content: center;
    align-items: center;
}

.f-j-c-a-e {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.f-j-e-a-c {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.f-j-sa-a-c {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.f-j-sb-a-c {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.f-d-c {
    display: flex;
    flex-direction: column;
}

.f-d-c-j-c {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.f-d-c-a-e {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.f-d-c-j-a-c {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.f-d-c-j-sb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.f-d-c-j-sb-a-s {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.f-d-c-j-sa-a-c {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.f-d-c-j-sb-a-c {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}



/* padding布局 */
/* padding:10rpx 0 */
.pad100 {
    padding: 10rpx 0;
}

.pad200 {
    padding: 20rpx 0;
}

/* padding:0 10rpx */
.pad010 {
    padding: 0 10rpx;
}

/* padding:0 20rpx */
.pad020 {
    padding: 0 20rpx;
}

/* padding:10rpx 10rpx */
.pad1010 {
    padding: 10rpx 10rpx;
}

/* padding:10rpx 20rpx; */
.pad1020 {
    padding: 10rpx 20rpx;
}

/* 字体颜色 */
/* 灰色 */
.A0A0A0 {
    color: #A0A0A0;
}

/* a标签颜色 蓝色 */
.aColor {
    color: #5C6C90
}