:root {
--pan-main:#5ca0ed;
--pan-main-15:rgba(92,160,237,.15);
--pan-black:rgba(21,20,26,1);
--pan-bg:#18181f;
--pan-bg-8:rgba(21,20,26,.8);
--pan-text:#808080;
--pan-bottom: #5ca0ed;
--pan-bottom-op: rgba(89,33,44,.27);
--pan-btn:#25242b;
--pan-x: linear-gradient(90deg, #5ca0ed, #25242b);
}
.history0 {
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/open/11.png);
    background-size:100% 100%;
}
/*金色*/
.history1 {
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/open/11.png);
    background-size:100% 100%;
}
/*红色*/
.history2 {
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/open/22.png);
    background-size:100% 100%;
}
/*紫色*/
.history3 {
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/open/33.png);
    background-size:100% 100%;
}
/*蓝色*/
.history4 {
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/open/44.png);
    background-size:100% 100%;
}
/*灰色*/
.history5 {
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/open/55.png);
    background-size:100% 100%;
}
.ggbg0 {
   
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/86/home/1.png)
    
}
/*金色*/
.ggbg1 {
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/86/home/1.png)
}
/*红色*/
.ggbg2 {
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/86/home/2.png)
}
/*紫色*/
.ggbg3 {
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/86/home/3.png)
}
/*蓝色*/
.ggbg4 {
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/86/home/4.png)
}
/*灰色*/
.ggbg5 {
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/86/home/5.png);
}
.ggbgs0 {
    border-left: 2px solid var(--gray)!important;
    background: var(--gray-bg)!important;
}
/*金色*/
.ggbgs1 {
    border-left: 2px solid var(--yellow) !important;
    background: var(--yellow-bg) !important;
}
/*红色*/
.ggbgs2 {
    border-left: 2px solid var(--red) !important;
    background: var(--red-bg) !important;
}
/*紫色*/
.ggbgs3 {
    border-left: 2px solid var(--purple) !important;
    background: var(--purple-bg) !important;
}
/*蓝色*/
.ggbgs4 {
    border-left: 2px solid var(--blue) !important;
    background: var(--blue-bg) !important;
}
/*灰色*/
.ggbgs5 {
    border-left: 2px solid var(--gray) !important;
    background: var(--gray-bg) !important;
}
.bg-bg{
    background-color: #131317!important;
}
.bg-border-top{
    border-top: 1px solid #1a1a1f;
}
.pan-bg-2{
    background: rgba(0,0,0,.9 );
}
.user-active{
    background-color: var(--pan-main) !important;
}
.pan-main{
    background-color: var(--pan-main) !important;
}
.pan-main-15{
    background-color: var(--pan-main-15) !important;
}
.pan-main-color{
    color: var(--pan-main);
}
.border-main-color{
    color: #ff9d57;
    border: 1px solid #ff9d57;
    background: rgba(255, 157, 87, 0.13);
}

.panda-bg{
    background: var(--pan-bg);
}
.panda-bg-border{
    border:1px solid var(--pan-bg);
}
.panda-bg-8{
    background: var(--pan-bg-8);
}
.panda-color{
    color: var(--pan-bg);
}
.panda-btn-bg{
    background: var(--pan-btn);
}
.panda-btn{
    color: var(--pan-btn);
}

.panda-color-80{
    color: var(--pan-text);
}
.panda-color-fff{
    color: #fff;
}
.panda-border-80{
    border:1px solid var(--pan-text) !important;
}
.panda-bg-80{
    background: var(--pan-text);
}
.panda-hove{
    color: var(--pan-bottom);
}
.panda-hove-bg{
    background: var(--pan-bottom);
 }
.panda-hove-bg-op{
    background: var(--pan-bottom-op);
}
.panda-hove-border{
    border:1px solid var(--pan-bottom);
}
.border-text{
    border: 1px solid var(--pan-text);
}

.border-ta{
    border: 1px solid transparent;
}
.panda-1,.panda-open-1,.panda-pk-1{
   background: var(--yellow-bg);
   background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/open/11.png);
}
.panda-2,.panda-open-2,.panda-pk-2{
    background: var(--red-bg);
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/open/22.png);
}

.panda-3,.panda-open-3,.panda-pk-3{
    background: var(--purple-bg);
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/open/33.png);
}

.panda-4,.panda-open-4,.panda-pk-4{
    background: var(--blue-bg);
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/open/44.png);
}

.panda-5,.panda-open-5,.panda-pk-5{
    background: var(--gray-bg);
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/open/55.png);
}
.pks-1{
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/openbox/1.png);
    background-size: 100% 100%;
 }
 .pks-2{
     background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/openbox/2.png);
     background-size: 100% 100%;
 }
 
 .pks-3{
     background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/openbox/3.png);
     background-size: 100% 100%;
 }
 
 .pks-4{
     background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/openbox/1.png);
     background-size: 100% 100%;
 }
 
 .pks-5{
     background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/openbox/1.png);
     background-size: 100% 100%;
 }

.impanda-index-open1{
    background-color: rgba(81,75,37,.25);
    border: 1px solid #f9e23a;
    border-radius: 5px;
}
.impanda-index-open2{
    background-color: rgba(209,74,76,.25);;
    border: 1px solid #d14a4c;
    border-radius: 5px;
}
.impanda-index-open3{
    background-color: rgba(193,87,255,.25);
    border: 1px solid #c157ff;
    border-radius: 5px;
}
.impanda-index-open4{
    background-color: rgba(102,112,255,.25);
    border: 1px solid #6670ff;
    border-radius: 5px;
}
.impanda-index-open5{
    background-color: rgba(157,157,171,.25);
    border: 1px solid #7b7b82;
    border-radius: 5px;
}
.impanda-index-opens1{
    background-image: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/86/battle/10001.png);
}
.impanda-index-opens2{
    background-image: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/86/battle/10002.png);
}
.impanda-index-opens3{
    background-image: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/86/battle/10003.png);
}
.impanda-index-opens4{
    background-image: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/86/battle/10004.png);
}
.impanda-index-opens5{
    background-image: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/86/battle/10005.png);
}
.pk-outhing1{
    background-image: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/pk/1.png);
    background-size: 100% 100%;
}
.pk-outhing2{
    background-image: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/pk/2.png);
    background-size: 100% 100%;
}
.pk-outhing3{
    background-image: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/pk/3.png);
    background-size: 100% 100%;
}
.pk-outhing4{
    background-image: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/pk/4.png);
    background-size: 100% 100%;
}
.pk-outhing5{
    background-image: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/v5/pk/5.png);
    background-size: 100% 100%;
}
.impanda-border1{
    border: 1px solid var(--main-yellow);
}
.impanda-border2{
    border:1px solid var(--red);
}
.impanda-border3{
    border:1px solid var(--purple);
}
.impanda-border4{
    border:1px solid var(--blue);
}
.impanda-border5{
    border:1px solid var(--gray);
}

.zoom{
    animation: zoom 2s infinite;
}

@keyframes zoom {
    0%{
        transform: scale(.8);
    }
    50%{
        transform: scale(1.1);
    }
    100%{
        transform: scale(.8);
    }
}

.bg-size-60{
    background-size: 60% ;
}

.pan-op{
    opacity: .5;
}

/* 文章列表的背景字体颜色 */
.content-active-help p{
    color: #fff!important;
    background-color: rgba(0,0,0,0) !important;
}



/* 仿照管箱用到的 */
.border-g-bottom-1{
    border-bottom: 10px solid #e6ba1c !important;

}
.bg-g-to-top-1{
    background-image: linear-gradient(to top, rgba(230,186,28,.8) , rgba(114, 110, 111, 1)) !important;
}
.border-g-bottom-2{
    border-bottom: 10px solid #d32ce6 !important;

}
.bg-g-to-top-2{
    background-image: linear-gradient(to top, rgba(211,44,230,.8) , rgba(114, 110, 111, 1)) !important;
}
.border-g-bottom-3{
    border-bottom: 10px solid #834fff !important;

}
.bg-g-to-top-3{
    background-image: linear-gradient(to top, rgba(131,79,255,.8) , rgba(114, 110, 111, 1)) !important;
}
.border-g-bottom-4{
    border-bottom: 10px solid #4b69ff !important;

}
.bg-g-to-top-4{
    background-image: linear-gradient(to top, rgba(75,105,255,.8) , rgba(114, 110, 111, 1)) !important;
}
.border-g-bottom-5{
    border-bottom: 10px solid #bbbbbb !important;

}
.bg-g-to-top-5{
    background-image: linear-gradient(to top, rgba(187,187,187,.8) , rgba(114, 110, 111, 1)) !important;
}