.gunder {
    font-weight: 700;
    text-decoration: underline;
}
.gpoint {
    color: #F75DFF;
    font-weight: 700;
}
.gtitleicon {
    font-size: 11px;
}
.coinWrap {
    width: 560px;
    padding-right: 20px;
}
.gWrap {
    background-color: #F7F7F7;
    /* background-color: #FAFAF7; */
    padding: 20px;
    color: #4e5f5a;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    width: 520px;
}
.gHeader {
    display: flex;
    /* background-color: #3C4042; */
/* background: #3C4042;
background: linear-gradient(180deg, rgba(60, 64, 66, 1) 50%, rgba(83, 90, 92, 1) 100%); */
    background: #58646A;
    background: linear-gradient(180deg,rgba(88, 100, 106, 1) 0%, rgba(118, 142, 152, 1) 100%);
    border-radius: 10px 10px 0 0;
    width: 520px;
    padding: 20px;
    position: relative;
}
.gTail {
    /* background-color: #3C4042; */
    background: #454a4d;
background: linear-gradient(0deg, rgba(69, 74, 77, 1) 30%, rgba(78, 82, 87, 1) 100%);
    border-radius: 0 0 10px 10px;
    width: 520px;
    padding: 20px;
    color: #ffffff;
    font-weight: 700;
    line-height: 18px;
}
.gTail .gTailIndex1 {
    font-size: 15px;
    line-height: 20px;
}
.gTail .gTailIndex2 {
    font-size: 13px;
    line-height: 18px;
}
.gTail .gTailURL {
    font-size: 12px;
}
.gHeader .gHeaderCopy {
    position: absolute;
    top: 65px;
    left: 180px;
    width: 360px;
    text-align: right;
}
.gHeader .gHeaderCopy .gHeaderCopyURL {
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
}
.gHeader .gHeaderIcon {
    margin-right: 20px;
    width: 80px;
}
.gHeader .gHeaderTitleWrap {
    width: 420px;
    margin-top: 8px;
}
.gHeader .gHeaderIndexWrap {
    display: flex;
    justify-content: space-between;
}
.gHeader .gHeaderIndexTitle {
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    line-height: 18px;
}
.gHeader .gHeaderIndexTitle span {
    background-color: #FF7836;
    border-radius: 5px;
    padding: 5px 10px;
}
.gHeader .gHeaderTitle {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    padding-top: 10px;
}
.gHeader .gHeaderTitleSub {
    margin-top: 3px;
    font-size: 15px;
    font-weight: 700;
    color: #26fe21;
}
.gContents {
    /* padding-top: 30px; */
}
.gContents a {
    font-weight: 700;
    color: #0AC100;
}
.gsi {
    display: flex;

}
.gsi .gsiIcon {
    padding-top: 2px;
    color: #FF4B79;
}
.gsi .gsiTitle {
    color: #FF4B79;
    font-size: 15px;
    font-weight: 700;
    padding: 0 0 0 8px;
}
.gcBox {
    margin-top: 15px;
    border: 1px solid #4e5f5a;
    border-radius: 5px;
    padding: 20px;
    background-color: #ffffff;
}
.gsTitle {
    font-weight: 700;
    color: #31aff7;
}
.gcBox ul {
    margin-bottom: 0;
}
.gWrap .gImage {
    /* border-radius: 3px; */
    border: 1px solid #939595;
}
.gWrap .gImageText {
    color: #6CA70D;
    font-size: 14px;
    font-weight: 700;
}
.gWrap .gImageText wa-icon {
    vertical-align: -2px;
    padding-right: 3px;
}

.indexWrapOut {
    position: relative;
    width: 560px;
}
.indexWrap {
    width: 560px;
    margin-bottom: 20px;
}
.indexHead {
    background-color: #3C4042;
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    font-weight: 700;
    font-size: 15px;
    padding: 10px 20px;
}
.indexHead wa-icon {
    vertical-align: -2px;
    padding-right: 3px;
    color: #67FF71;
}
.indexContentWrap {
    background: #E8EAEA;
    border-radius: 0 0 10px 10px;
    padding: 10px 20px;
}
.indexDesc {
    color: #58646A;
    line-height: 22px;
    font-weight: 700;
}
.indexDesc a {
    color: #58646A;
    text-decoration: none;
}
.indexDesc a:hover {
    color: #FFA771;
}
.indexDesc .selected {
    color: #FF7171;
}
.indexDesc .indexDescTitle {
    color: #ffffff;
    background-color: #FF7171;
    border-radius: 5px;
    padding: 5px 10px;
}
.indexDesc .indexDescTitle wa-icon {
    font-size: 18px;
    vertical-align: -2px;
    padding-right: 3px;
}

@media only screen and (max-width: 1180px) {
    .indexWrap {
        position: relative;
    }
}

@media only screen and (min-width: 1180px) {
    .indexWrap {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }
}