/*! from legacy/css/topItems~q2c44b80dc0.css -> css/top.css */
/*! CSS Used from: Embedded */
:root {
  --fontMajor_color1: #8D33BF;
  --topIcon10a: url(/legacy/Image/topIcon10a.png);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

ul {
    margin-top: 0;
    margin-bottom: 1em;
}

svg:not(:root) {
    overflow: hidden;
}

label {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

::selection {
    color: #fff;
    background: #1890ff;
}

.anticon {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.anticon>* {
    line-height: 1;
}

.anticon svg {
    display: inline-block;
}

.anticon::before {
    display: none;
}

/*! CSS Used from: Embedded */
.eivrlb {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px;
    background-color: white;
    width: 100%;
    height: 100px;
    /* padding-left: 10px; */
}

.fEBmsp.green {
    color: darkgreen;
}

.fEBmsp.orange {
    color: rgb(205, 113, 0);
}

.fEBmsp.red {
    color: red;
}

.cIPaOf {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    height: 80px;
    margin-left: 5px;
}

.cIPaOf>div {
    display: inline-flex;
    width: 80px;
    height: 76px;
    padding: 6px 0px;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    box-sizing: border-box;
}

.cIPaOf #topFun_no1_3 , .cIPaOf #topFun_no1_10{
    width: 80px;
}

.cIPaOf #topFun_no1_3.selected > i{
    /* background-image: url(/legacy/Image/topIcon3a.png); */
    /* background-size: contain; */
    background-image: url(/legacy/Image/topIcon3a.png);
    background-size: 70%;   /* 控制圖不貼邊 */
    background-repeat: no-repeat;
    background-position: center;
}

.cIPaOf #topFun_no1_3 > i{
    background-image: url(/legacy/Image/topIcon3.png);
    background-size: 70%;   /* 控制圖不貼邊 */
    background-repeat: no-repeat;
    background-position: center;

}


.cIPaOf #topFun_no1_10.selected > i{
    background-image: none;
}

.cIPaOf #topFun_no1_10 > i{
    background-image: none;
}

.cIPaOf>div>.anticon {
    font-size: 25px;
    color: var(--fontMajor_color1);
    border: 2px solid var(--fontMajor_color1);
    border-radius: 50%;
    width: 38px;
    height: 38px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.cIPaOf>div>span {
    color: var(--fontMajor_color1);
}

/* 退出：默认大红；悬停大红底 + 白字白图标 */
.cIPaOf>div.logout>span,
.cIPaOf>div#topFun_no9>span {
    color: #e60012;
}

.cIPaOf>div.logout>.anticon,
.cIPaOf>div#topFun_no9>.anticon {
    color: #e60012;
    border-color: #e60012;
}

.cIPaOf>div.logout:hover,
.cIPaOf>div.logout.selected,
.cIPaOf>div.logout:active,
.cIPaOf>div#topFun_no9:hover,
.cIPaOf>div#topFun_no9.selected,
.cIPaOf>div#topFun_no9:active {
    background-color: #e60012;
}

.cIPaOf>div.logout:hover>span,
.cIPaOf>div.logout.selected>span,
.cIPaOf>div.logout:active>span,
.cIPaOf>div#topFun_no9:hover>span,
.cIPaOf>div#topFun_no9.selected>span,
.cIPaOf>div#topFun_no9:active>span {
    color: #fff;
}

.cIPaOf>div.logout:hover>.anticon,
.cIPaOf>div.logout.selected>.anticon,
.cIPaOf>div.logout:active>.anticon,
.cIPaOf>div#topFun_no9:hover>.anticon,
.cIPaOf>div#topFun_no9.selected>.anticon,
.cIPaOf>div#topFun_no9:active>.anticon {
    background-color: #e60012;
    border-color: #fff;
    color: #fff;
}

/* 更换线路：默认绿；悬停绿底 + 白字白图标 */
.cIPaOf>div.speed-test>span,
.cIPaOf>div#topFun_no8>span {
    color: #1b9e4b;
}

.cIPaOf>div.speed-test>.anticon,
.cIPaOf>div#topFun_no8>.anticon {
    color: #1b9e4b;
    border-color: #1b9e4b;
}

.cIPaOf>div.speed-test:hover,
.cIPaOf>div.speed-test.selected,
.cIPaOf>div.speed-test:active,
.cIPaOf>div#topFun_no8:hover,
.cIPaOf>div#topFun_no8.selected,
.cIPaOf>div#topFun_no8:active {
    background-color: #1b9e4b;
}

.cIPaOf>div.speed-test:hover>span,
.cIPaOf>div.speed-test.selected>span,
.cIPaOf>div.speed-test:active>span,
.cIPaOf>div#topFun_no8:hover>span,
.cIPaOf>div#topFun_no8.selected>span,
.cIPaOf>div#topFun_no8:active>span {
    color: #fff;
}

.cIPaOf>div.speed-test:hover>.anticon,
.cIPaOf>div.speed-test.selected>.anticon,
.cIPaOf>div.speed-test:active>.anticon,
.cIPaOf>div#topFun_no8:hover>.anticon,
.cIPaOf>div#topFun_no8.selected>.anticon,
.cIPaOf>div#topFun_no8:active>.anticon {
    background-color: #1b9e4b;
    border-color: #fff;
    color: #fff;
}

/* 开奖网：默认橙字/橙圈/橙皇冠；悬停橙底白字白图标 */
.cIPaOf>div.lottery-web>span,
.cIPaOf>div#topFun_no1_10>span {
    color: #e8870a;
}

.cIPaOf>div.lottery-web>.anticon,
.cIPaOf>div#topFun_no1_10>.anticon {
    color: #e8870a;
    border-color: #e8870a;
    background-image: none !important;
    background-color: transparent;
    position: relative;
}

.cIPaOf>div.lottery-web>.anticon::after,
.cIPaOf>div#topFun_no1_10>.anticon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #e8870a;
    -webkit-mask: url(/legacy/Image/topIcon10.png) center / 70% no-repeat;
    mask: url(/legacy/Image/topIcon10.png) center / 70% no-repeat;
    pointer-events: none;
}

.cIPaOf>div.lottery-web:hover,
.cIPaOf>div.lottery-web.selected,
.cIPaOf>div.lottery-web:active,
.cIPaOf>div#topFun_no1_10:hover,
.cIPaOf>div#topFun_no1_10.selected,
.cIPaOf>div#topFun_no1_10:active {
    background-color: #e8870a;
}

.cIPaOf>div.lottery-web:hover>.anticon,
.cIPaOf>div.lottery-web.selected>.anticon,
.cIPaOf>div.lottery-web:active>.anticon,
.cIPaOf>div#topFun_no1_10:hover>.anticon,
.cIPaOf>div#topFun_no1_10.selected>.anticon,
.cIPaOf>div#topFun_no1_10:active>.anticon {
    background-color: #e8870a;
    border-color: #fff;
    color: #fff;
}

.cIPaOf>div.lottery-web:hover>.anticon::after,
.cIPaOf>div.lottery-web.selected>.anticon::after,
.cIPaOf>div.lottery-web:active>.anticon::after,
.cIPaOf>div#topFun_no1_10:hover>.anticon::after,
.cIPaOf>div#topFun_no1_10.selected>.anticon::after,
.cIPaOf>div#topFun_no1_10:active>.anticon::after {
    background-color: #fff;
}

.cIPaOf>div:hover,
.cIPaOf>div.selected {
    background-color: var(--fontMajor_color1);
}

.cIPaOf>div#topFun_no1_3:hover > i{
    background-image: url(/legacy/Image/topIcon3a.png);
    background-size: 70%;   /* 控制圖不貼邊 */
    background-repeat: no-repeat;
    background-position: center;
}

.cIPaOf>div#topFun_no1_10:hover > i{
    background-image: none;
}

.cIPaOf>div:hover>span,
.cIPaOf>div.selected>span {
    color: white;
}

.cIPaOf>div:hover>.anticon,
.cIPaOf>div.selected>.anticon {
    background-color: var(--fontMajor_color1);
    border-color: white;
    color: white;
}

.kvmFUX {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: space-between;
    height: 30px;
    min-width: 230px;
    width: 100%;
    padding: 0 5px;
}

.kvmFUX>span {
    display: block;
    height: 25px;
    font-weight: bold;
    line-height: 25px;
}

.kvmFUX>div {
    height: 25px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.kvmFUX>div.mid {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.kvmFUX>div>label {
    font-size: 14px;
    color: rgb(183, 100, 0);
}

.hPZfoC {
    display: flex;
    flex-flow: column;
    -webkit-box-align: center;
    align-items: center;
    background-color: white;
    border: 2px solid var(--fontMajor_color1);
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 300px;
}

.hPZfoC>li {
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    height: 40px;
}

.hPZfoC.normal>li {
    cursor: pointer;
    color: var(--fontMajor_color1);
    background-color: transparent;
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hPZfoC.normal>li:nth-of-type(n+2) {
    border-top: 1px dashed white;
}

.hPZfoC.normal>li.selected,
.hPZfoC.normal>li:not(.disabled):hover {
    background-color: var(--fontMajor_color1);
    color: white;
}

.hPZfoC.normal>li.selected>div>div>div>label,
.hPZfoC.normal>li:not(.disabled):hover>div>div>div>label,
.hPZfoC.normal>li.selected .kvmFUX,
.hPZfoC.normal>li.selected .kvmFUX *,
.hPZfoC.normal>li:not(.disabled):hover .kvmFUX,
.hPZfoC.normal>li:not(.disabled):hover .kvmFUX * {
    color: #fff !important;
}

.dlYwHU {
    display: flex;
    height: 100%;
    width: 250px;
    min-width: 240px;
    flex-wrap: wrap;
    align-content: center;
    align-items: stretch;
    -webkit-box-pack: center;
    justify-content: space-between;
    gap: 30px 10px; /* 行間距30px(上下), 列間距10px(左右) */
    margin-right: 5px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.dlYwHU>* {
    width: 45%;
    padding: 11px 9px 0px;
    height: 34px;
    position: relative;
    border: 1px solid rgb(143, 143, 143);
    border-radius: 4px;
    margin: 0; /* 移除margin，使用gap控制間距 */
}

.dlYwHU>*>label {
    width: auto;
    position: absolute;
    z-index: 2;
    padding: 0px 4px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    background-color: white;
    display: inline-block;
    left: 10px;
    top: -10px;
}

div,
span,
i,
ul,
li,
label {
    margin: 0px;
    padding: 0px;
    border: 0px;
    vertical-align: baseline;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    line-height: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;

    font-family: "Microsoft
 YaHei", Tahoma, Helvetica, Arial, sans-serif;}
 ul {
        list-style: none;
    }



.sc-iRbamj {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
}

.sc-iRbamj > div:nth-child(1) {
    width: 80px;
    text-align: left;
    justify-content: left;
}

.sc-iRbamj .mid {
    width: 110px;
    text-align: left;
}

.sc-iRbamj > div:nth-child(3) {
    width: 80px;
    text-align: right;
}

.sc-iRbamj > div:nth-child(1) { flex: 1.3; }
.mid { flex: 1; }
.sc-iRbamj > div:last-child { flex: 1; }