@CHARSET "UTF-8";
/* 

   moudel:两侧fix bar
   Date：2024.1.29

*/

:root{
    --base-btn-with--:130px
}

.bar-box {
    width: 160px;
    position: fixed;
    top: 58%;
    transform: translate(0,-50%);
}

.left-bar {
    left: 2px;
}

.right-bar {
    right: 2px;
}

.left-bar,.right-bar{
    z-index: 999;
}

.left-bar .close-icon {
    position: absolute;
    right: 2px;
    top: -32px;
    cursor: pointer;
}

.right-bar .close-icon {
    position: absolute;
    right: 2px;
    top: -32px;
    cursor: pointer;
}

.left-bar .title-icon {
    position: relative;
    top: 35px;
    left: 5.5px;
    width: 159px;
    height: 131px;
}


.right-bar .title-icon {
    position: relative;
    top: 40px;
    width: 168px;
    height: 182px;
}

.left-list,
.right-list {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 200px;
    max-height: 400px;
}


.left-list div,
.right-list div {
    cursor: pointer;
}


.left-list img,
.right-list img {
    width: 100%;
}

.bar-item {
    width: var(--base-btn-with--);
    height: 36px;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    margin: 0 auto;
    margin-top: 3px;
    overflow: hidden;
    white-space: nowrap;
}
/*
.left-content {
    background-position-y: -1px;
    background-size: 100% 105%;
    background-image: url("/asset/image/index/bgl-content.png");
}*/

.left-item {
    background: #C9EFFE;
    color: #2D50E2;
}


.right-item {
    background: #FFFFFF;
    color: #441D13;
}

.question-btn {
    width: var(--base-btn-with--);;
    height: 44px;
    text-align: center;
    line-height: 44px;
    border-radius: 10px 0px 10px 0px;
    font-size: 18px;
    margin: 0 auto;
    margin-top:6px;
    cursor: pointer;
}

.left-bar .question-btn {
    background: #FFFFFF;
    color: #ED4343;

}

.right-bar .question-btn {
    background: #FEE59A;
    color: #ED4343;
}


.left-list-content{
    background-color: #53a7fc;
    border-radius: 10px;
    border-radius: 10px;
    padding: 10px 10px;
}

.left-list-bg{
    background-color: #4160e3;
    border-radius: 10px;
    padding-top: 25px;
    padding-bottom: 10px;
}



.right-list-content{
    background-color: #fee59a;
    border-radius: 10px;
    border-radius: 10px;
    padding: 15px 10px;
}

.right-list-bg{
    background-color: #fa3833;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
}