@charset "utf-8";
.choice-mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    z-index: 700;
    display: none;
    cursor: pointer
}

.choiceCoursesMod {
    padding-bottom: 2.34rem;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 800;
    display: none
}

.choiceCoursesMod .choice-head {
    height: 1.32rem;
    line-height: 1.32rem;
    margin: 0 .4rem;
    border-bottom: 1px solid #f5f5f5
}

.choiceCoursesMod .choice-head strong {
    font-size: .4rem;
    line-height: .4rem;
    display: inline-block;
    padding: .1333rem .2667rem;
    border-radius: .4rem;
    border: .0133rem solid #e5e5e5;
}
.choiceCoursesMod .choice-head strong.on{
    border: .0133rem solid #249ff6;
    color: #249ff6;
}
.choiceCoursesMod .choice-close {
    width: 1.24rem;
    height: 1.32rem;
    line-height: 132rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    background: url(//m.chinaacc.com/images/zhongjizhicheng/project/2021project/2021index/choice-close.png) no-repeat center center;
    background-size: .32rem .32rem
}

.choiceCoursesMod .choice-body {
    display: none;
    padding: .2rem 0 1px .4rem
}

.choiceCoursesMod .choice-item .item-hd {
    margin-bottom: 0.107rem;
    position: relative;
    z-index: 1
}

.choiceCoursesMod .choice-item .item-hd strong {
    font-size: .373rem;
    display: inline-block;
    line-height: .72rem
}

.choiceCoursesMod .choice-item .item-hd strong em {
    margin-right: .28rem
}

.choiceCoursesMod .choice-item .item-hd strong span {
    font-size: .32rem;
    color: red;
    font-weight: 400
}

.choiceCoursesMod .choice-item .choice-explain {
    line-height: .6rem;
    color: #666;
    font-size: .32rem
}

.choiceCoursesMod .choice-item ul {
    font-size: 0
}

.choiceCoursesMod .choice-item ul li {
    margin: 0 .28rem .28rem 0;
    display: inline-block;
    position: relative
}

.choiceCoursesMod .choice-item ul li input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.choiceCoursesMod .choice-item ul li label {
    padding: .2rem .28rem;
    line-height: 1;
    border: 1px solid #f6f6f6;
    background: #f6f6f6;
    color: #555;
    font-size: .32rem;
    vertical-align: top;
    display: inline-block;
    -webkit-border-radius: 1.333rem;
    border-radius: 1.333rem
}

.choiceCoursesMod .choice-item ul li input:checked+label {
    border-color: #4bb9ff;
    background: #edf8ff;
    color: #249ff6
}

.choiceCoursesMod .choice-item ul li input:disabled+label {
    border-color: #f6f6f6;
    background: #f6f6f6;
    color: #ccc
}

.choiceCoursesMod .choice-foot {
    padding-bottom: .16rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 10
}

.choiceCoursesMod .choice-confirm {
    padding: .24rem 0;
    margin: .16rem .32rem 0;
    display: block;
    background: #4bb9ff;
    font-size: .373rem;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 100px;
    border-radius: 100px
}

.choiceCoursesMod .choice-selected {
    padding: .36rem .28rem .36rem .32rem;
    background: #fff4ed;
    line-height: 1;
    color: #fe7b37;
    font-size: 0;
    display: none
}

.choiceCoursesMod .choice-selected span {
    font-size: .373rem;
    display: inline-block;
    margin-right: .16rem;
    vertical-align: top
}

.choiceCoursesMod .choice-selected p {
    max-width: 6.2rem;
    display: inline-block;
    font-size: .373rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.choiceCoursesMod .choice-selected .p-majority {
    width: 4.4rem
}

.choiceCoursesMod .choice-selected #total {
    position: absolute;
    top: .36rem;
    right: .28rem
}

.choiceCoursesMod .choice-selected .selected-suffix {
    display: none
}

.period-btn {
    position: absolute;
    right: .4rem;
    top: 0;
    font-size: .32rem;
    line-height: .72rem;
    display: inline-block;
    color: #999;
    padding-right: .533rem;
    background: url(//m.chinaacc.com/images/zhongjizhicheng/project/2021project/2021index/period-icon.png) no-repeat right center;
    background-size: .4rem auto
}

.period-pop {
    width: 8rem;
    background: #fff;
    padding: .32rem;
    border: 1px solid #eee;
    border-radius: .08rem;
    position: absolute;
    right: .2rem;
    top: 0;
    z-index: 89;
    display: none
}

.period-pop p {
    color: #777;
    line-height: .48rem;
    font-weight: 400
}

.period-pop:before {
    content: "";
    width: .24rem;
    height: .187rem;
    background: url(//m.chinaacc.com/images/zhongjizhicheng/project/2021project/2021index/period-icon1.png) no-repeat;
    background-size: .24rem auto;
    position: absolute;
    top: -.187rem;
    right: .267rem
}

.wx-code {
    display: none;
    position: fixed;
    width: 3.2rem;
    height: 3.2rem;
    top: 50%;
    left: 50%;
    margin-left: -1.6rem;
    margin-top: -1.6rem;
    background: #fff;
    border-radius: .16rem;
    z-index: 900;
    padding: .2667rem;
}