.orange {
    background: #FD8123 !important;
}

.blue {
    background: #2590D7 !important;
}

.gray {
    background: #CCCCCC;
}

.sort {
    height: 0.76rem;
    -webkit-appearance: none;
    box-shadow: 0px 2px 2px -2px #DBDBDB;
    -webkit-box-shadow: 0px 2px 2px -2px #DBDBDB;
}

.sort .sortLeft {
    display: flex;
    align-items: center;
}

.sort .sortLeft .txt1 {
    display: flex;
    font-size: 0.28rem;
    color: #7A8F99;
    margin-right: 0.08rem;
}

.sort .sortLeft .btn {
    display: flex;
    align-items: center;
}

.sort .sortLeft .btn .icon {
    background: url(../../img/video/icon_sub_change@2x.png) no-repeat;
    background-size: 100% 100%;
    width: 0.28rem;
    height: 0.28rem;
}

.sort .sortLeft .btn .txt2 {
    font-size: 0.26rem;
    color: #2590D7;
    text-indent: 0.05rem;
}

.sort .sortRight {
    display: flex;
    align-items: center;
}

.sort .sortRight .txt3 {
    font-size: 0.26rem;
    color: #2590D7;
    margin-right: 0.1rem;
}

.sort .sortRight .icon {
    background: url(../../img/video/icon_paixu@2x.png) no-repeat;
    background-size: 100% 100%;
    width: 0.30rem;
    height: 0.30rem;
}

.liveList {
    position: relative;
    width: 80%;
    margin: 0 5%;
    padding: 0 5%;
    border-radius: 0.15rem;
}

.liveList .title {
    display: flex;
    border-bottom: 1px solid #E6E6E6;
    padding: 0.15rem 0;
}

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

.liveList .title .left .icon {
    background: url(../../img/video/icon_living@2x.png) no-repeat;
    background-size: 100% 100%;
    width: 0.26rem;
    height: 0.28rem;
}

.liveList .title .left .txtZb {
    font-size: 0.26rem;
    color: #2590D7 !important;
    line-height: 1;
    text-indent: 0.2rem;
}

.liveList .title .left {
    font-size: 0.26rem;
    color: #7A8F99;
}

.liveList .title .left .span2 {
    padding-left: 0.2rem;
}

.liveList .title .gratis {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0.15rem;
    width: 0.84rem;
    height: 0.38rem;
    background: #FD8123;
    color: #FFFFFF;
    font-size: 0.26rem;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.liveList .txt1 {
    font-size: 0.32rem;
    color: #1F3D4D;
    padding-top: 0.15rem;
    text-align: justify;
}

.liveList .list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.liveList .list .lect {
    display: flex;
    align-items: center;
}

.liveList .list .lect .lectDiv {
    flex-direction: column;
    width: 100%;
    margin-right: 0.2rem;
}

.liveList .list .lect .lectDiv .icon {
    display: flex;
    width: 0.54rem;
    height: 0.54rem;
    border-radius: 100%;
    border: 1px solid #E6E6E6;
    overflow: hidden;
    margin: 0 auto;
}

.liveList .list .lect .lectDiv .icon img {
    width: 0.54rem;
    height: 0.54rem;
    margin-top: 0.1rem;
}

.liveList .list .lect .lectDiv .span {
    font-size: 0.24rem;
    color: #999999;
    padding-top: 0.05rem;
}

.liveList .list .txt {
    font-size: 0.26rem;
    color: #999999;
}

.liveList .btn {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 0.25rem 0;
}

.liveList .btn span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    width: 2.46rem;
    height: 0.66rem;
    font-size: 0.26rem;
    color: #FFFFFF;
}

.liveList .btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    width: 2.46rem;
    height: 0.66rem;
    font-size: 0.26rem;
    color: #FFFFFF;
}

.videoBot {
    display: flex;
    width: 100%;
    justify-content: center;
    font-size: 0.28rem;
    color: #999999;
    padding-top: 0.28rem;
}

.videoBot span {
    position: relative;
    display: flex;
    align-items: center;
}

.videoBot span:before {
    content: " ";
    position: absolute;
    width: 1.08rem;
    height: 0.02rem;
    background: #CCCCCC;
    right: -1.2rem;
    display: block;
}

.videoBot span:after {
    content: " ";
    position: absolute;
    width: 1.08rem;
    height: 0.02rem;
    background: #CCCCCC;
    left: -1.2rem;
    display: block;
}

/*排序弹框样式*/
.sortModel {
    position: fixed;
    right: 5%;
    width: 1.78rem;
    border-radius: 0.08rem;
    border: 1px solid #E6E6E6;
    z-index: 600;
}

.sortModel div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0.35rem;
    height: 0.75rem;
    font-size: 0.26rem;
    color: #525F66;
}

.sortModel .sortCurrent,
.sortModel .sortCurrent>a {
    color: #2590D7 !important;
}
/*选择省份弹框*/
.kemuModel {
    position: fixed;
    width: 90%;
    padding: 0 5%;
    padding-top: 0.25rem;
    background: #FFFFFF;
    height: 6.1rem;
    overflow-y: auto;
    z-index: 400;
    top: 1.76rem;
    border-top: 1px solid #eee;
}

.kemuModel li {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 0.3rem;
    color: #333333;
    padding-bottom: 0.45rem;
}

.kemuModel li a {
    width: 100%;
}

.kemuModel .provCurrent .icon {
    background: url(../../img/index/icon_gx.png) no-repeat;
    background-size: 100% 100%;
    width: 0.23rem;
    height: 0.16rem;
    margin-right: 0.15rem;
}
.ecv2kemuMask {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.4;
    z-index: 200;
    bottom: 0;
}