html{
    font-size: 14px;
}
body{
    background-color: #f5f5f5;
}
@media screen and (max-width: 800px){
    html{font-size: 13px;}
}
@media screen and (min-width: 801px) and (max-width: 1200px){
    html{font-size: 13px;}
}
@media screen and (min-width: 1201px) and (max-width: 1600px){
    html{font-size: 13px;}
}
@media screen and (min-width: 1601px) and (max-width: 2000px){
    html{font-size: 13px;}
}
@media screen and (min-width: 2001px) {
    html{font-size: 13px;}
}
:root{
    --white:#fcfcfc;
    --gray:#d8d8d8;
    --deepgray: #6d6d6d;
    --common:#87b6d9;
    --lightBlue:#78a3e2;
    --deepBlue: #303b52;
    --fblue:#54a6f0;
    --fWhite:#e2e2e2;
    --fGreen:#59f7b6;
    --fYellow:#fdba2b;
    --fRed:#f27187;
}


/*  */
.rowFlex{display: flex; flex-direction: row;}
.columnFlex{display: flex; flex-direction: column;}

.mainTitle{
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 1.5rem 0;
    font-family: auto;
}
.card{
     background-color: rgb(255, 255, 255);
     box-shadow:  0 0 5px 0px #efeff8;
     /*border: 2px solid #6e9de44f;*/
    border-radius: 4px;
    margin-bottom: 10px;
    padding: .25rem;
}
.cardHead{position: relative;padding: .4rem .5rem;border-bottom: 2px solid var(--lightBlue);transition: 0.15s all ease-in-out}
.cardHead .cardTitle{color: var(--deepBlue);font-weight: 600;font-size: 1.2rem;letter-spacing: 2px;transition: 0.15s all ease-in-out;cursor: default;}
.cardTip{color: var(--deepBlue); font-size: 1.1rem;cursor: pointer;text-wrap: nowrap;letter-spacing: 0.5px;}
.cardTip{position: absolute;top: 6px;right: 9px;}
.cardTip:hover{color: var(--lightBlue)}

::-webkit-scrollbar-corner {background-color: rgba(239, 166, 166, 0);}
::-webkit-scrollbar {width: 4px;height: 3px;border-radius: 4px;background-color: var(--gray);}
::-webkit-scrollbar-thumb {width: 4px;height: 3px;border-radius: 4px;background-color: var(--lightBlue);}

/*tab切换*/
.tabLinkBox{width: 50%;}
.tabLinkBox{position: relative;padding: .4rem .5rem;border-bottom: 2px solid var(--gray);transition: 0.15s all ease-in-out}
.tabLinkBox .cardTitle{color: var(--deepgray);cursor:pointer;}
.tabLinkBox:hover{color: var(--deepBlue);border-bottom: 2px solid var(--common);}
.tabLinkBox:hover .cardTitle{color: var(--deepBlue);}
.tabLink{text-align: center;}
.tab-this{border-bottom: 2px solid var(--common);}
.tab-this .cardTitle{color: var(--deepBlue);}
.tab-content .tab-item{display: none;}
.tab-content .tab-show{display: block}

.enterBtnArea columnFLex{justify-content: space-between;}
.enterBtnArea{padding: 10px;}
.enterBtn:nth-of-type(odd){margin-bottom: 8px;}
.enterBtn{
    background-color: rgb(255, 255, 255);
    box-shadow:  0 0 3px 0px #ebebf6;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    padding: .8rem 1.2rem;
    font-size: 1.2rem;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    transition: all 0.1s;
    font-weight: bold;
}
.enterBtn:hover{color: #fff !important;background: var(--lightBlue) !important;border: 1px solid var(--lightBlue) !important}


/* 节日 */
/*.festival1 ,.festival2 ,.festival3{background-repeat: no-repeat;background-size:auto 100%  ;background-position: 50% ;}*/
/*.festival1{background-image: url('../image/head.png')}*/
/*.festival2{background-image: url('../image/star.png')}*/
/*.festival3{background-image: url('../image/tree.png');background-size:100% auto;background-position: 105px 300px;}*/

.inputTitle{font-size: 14px;margin-left: 15px;margin-right: 5px;vertical-align: sub;}
.inputInput{font-size: 13px !important;line-height: 30px;text-indent: .4rem;border: 1px solid #dbdbdb;vertical-align: bottom;}
.layui-form-select dl {
    max-height: 200px; /* 调整为合适的最大高度 */
    overflow-y: auto; /* 添加滚动条 */
}