.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mb44 {
    margin-bottom: 44px;
}

.mt6 {
    margin-top: 6px;
}

.mt30 {
    margin-top: 30px;
}

.mt38 {
    margin-top: 38px;
}

.mt28 {
    margin-top: 28px;
}

.mt151 {
    margin-top: 151px;
}

.mt58 {
    margin-top: 58px;
}

.mr24 {
    margin-right: 24px;
}

.mt26 {
    margin-top: 26px;
}
.mt60 {
    margin-top: 60px;
}
.mt64{
    margin-top: 64px;
}
.pb100{
    padding-bottom: 100px;
}
.downPageWrap {
    position: relative;
    width: 100%;
    min-height: 100vh;
    height: auto;
    background-color: #000000;
    overflow: hidden;
    /* padding-bottom: 100px; */
}

/* 光晕范围：顶 → downTitle 底；蓝湖为橙色块 + 模糊，非 radial-gradient */
.downPageGlow,
.downPageCon{
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 0;
}

.downPageCon::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 1625px;
    height: 1510px;
    margin-left: -812.5px;
    background: #FFB013;
    border-radius: 50%;
    opacity: 0.08;
    filter: blur(50px);
    pointer-events: none;
    z-index: 0;
}

.downPageCon > * {
    position: relative;
    z-index: 1;
}



.topIcon {
    width: 110px;
    height: 107px;
}

.topTitle {
    width: 469px;
    height: 55px;
}

.downTopTxt {
    color: #A5A5A5;
    margin-top: 33px;
    /* margin-bottom: 44px; */
}

.downTopTxt2 {
    color: #A5A5A5;
}

.downTopTxt2A {
    color: #F69414;
}

.downItem {
    width: 380px;
    height: 404px;
    background: #100C02;
    border-radius: 20px;
    border: 1px solid #292929;
    padding-top: 42px;
    padding-bottom: 45px;
    box-sizing: border-box;
    transition: box-shadow 0.25s ease;
    margin-right: 29px;
}

.downItem:nth-child(3n) {
    margin-right: 0;
}

/* 渐变只画在 border 区域，内部仍是 #100C02 */
.downItem:hover {
    border: 1px solid transparent;
    background:
        linear-gradient(#100C02, #100C02) padding-box,
        linear-gradient(180deg, #F66F14 0%, #FF003D 47.38%, #FFAA00 100%) border-box;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0px 3px 20px 1px rgba(245, 113, 23, 0.3);
}

.downItemTitle,
.downItemTitle2,
.downItemTitle4 {
    color: #ffffff;
}

.downItemTitle2 {
    height: 32px;
}

.downItemTitle3 {
    color: #959595;
    text-align: center;
    line-height: 24px;
    max-width: 336px;
    height: 40px;

}

.downItemBtn {
    width: 178px;
    height: 50px;
    background: linear-gradient(90deg, #F66F14 0%, #FB9956 49.11%, #F56F14 100%);
    border-radius: 100px 100px 100px 100px;
    border: 1px solid rgba(255, 129, 42, 0.23);
    cursor: pointer;
}

.downItemBtnTxt {
    color: #FFFFFF;
    display: inline-block;
    margin-left: 6px;
}

.downItemIcon {
    width: 14px;
    height: 14px;
}

.downItemBtn:hover {
    cursor: pointer;
    opacity: 0.8;
}

.downItemTitle5 {
    color: #F69414;
    height:16px;
}

.downItemTitle5:hover {
    cursor: pointer;
    opacity: 0.8;
}

.downItemBtnBlue {
    width: 178px;
    height: 50px;
    background: #2E6EFD;
    border-radius: 100px 100px 100px 100px;
    border: 1px solid rgba(255, 129, 42, 0.23);
}

.downItemBtnBlue .downItemBtnTxt {
    color: #FFFFFF;
    display: inline-block;
    margin-left: 0px;
    margin-right: 8px;
}

.downItemRightIcon {
    width: 15px;
    height: 13px;
}

.downItemBtnBlue:hover {
    cursor: pointer;
    opacity: 0.8;
}

.downTitle1 {
    width: 206px;
    height: 51px;
}

.downStepWrap {
    position: relative;
    width: 1200px;
    height: 157px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(12, 12, 12, 0.11) 0%, rgba(92, 92, 92, 0.11) 100%);
    border: 1px solid rgba(81, 81, 81, 0.11);
    overflow: hidden;
    padding: 0 50px;
    box-sizing: border-box;
}


.setp1Icon {
    width: 48px;
    height: 48px;
}

.downStepTxt1 {
    color: #ffffff;
}

.downStepTxt2 {
    color: #E5E5E5;
    height: 32px;
}

.setpXianIcon {
    width: 125px;
    height: 38px;
}

.downGoQQ {
    color: #C2C2C2;
}

.downGoQQA {
    color: #F69414;
}

.downGoQQA:hover {
    color: #F69414;
    cursor: pointer;
    opacity: 0.8;
}

.quesTitle {
    width: 189px;
    height: 49px;
}

.quesTitle2 {
    color: #C2C2C2;
}

.quesWrap {
    position: relative;
    padding: 38px 16px;
    width: 1200px;
    height: 305px;
    border-radius: 20px;
    box-sizing: border-box;
    overflow: hidden;
    /* 必须先垫纯黑底，否则 opacity 会叠到页面橙色光晕上，颜色偏黄 */
    background-color: #000000;
    isolation: isolate;
}

/* 蓝湖：渐变+边框整层 opacity 0.19，叠在 #000 上与设计稿一致 */
.quesWrap::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 20px;
    background: linear-gradient(135deg, #13181B 0%, #616466 100%);
    border: 1px solid #515151;
    opacity: 0.19;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 0;
}

.quesItem {
    position: relative;
    z-index: 1;
    width: 1168px;
    height: 46px;
    background: transparent;
    border-radius: 4px;
    padding-left: 22px;
    padding-right: 47px;
    box-sizing: border-box;
    margin-top: 5px;
}
.quesItem:nth-child(1){
    margin-top: 0;
}
.quesItem:hover {
    cursor: pointer;
    background: #161616;
}
.moreBtn{
    width: 174px;
height: 46px;
border-radius: 8px 8px 8px 8px;
border: 1px solid #5E5E5E;
}
.moreBtnTxt{
    color: #CFCFCF;
    display: inline-block;
    margin-right: 5px;
}
.moreBtn:hover{
    cursor: pointer;
    opacity: 0.8;
}