.dds {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 44px !important;
    line-height: 44px !important;
    margin: 0 0 18px 0 !important;
    padding: 0 14px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    font-family: "Microsoft YaHei UI", sans-serif !important;
    color: #B8860B !important;
    letter-spacing: 3px !important;
    text-align: left !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    position: relative;
}

.dds::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    transform: rotate(45deg);
    background: linear-gradient(135deg, #D4AF37 0%, #F5D76E 50%, #B8860B 100%);
    box-shadow: 0 0 8px rgba(212,175,55,0.5), inset 0 0 4px rgba(255,255,255,0.3);
    flex-shrink: 0;
}

.dds::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 14px;
    right: 14px;
    height: 1px;
    background: linear-gradient(90deg, #D4AF37, transparent);
}
.index{     width: 100%;     height: auto;     float: left;     margin-bottom: 5px; } .finds{     width: 100%;     height: auto;     float: left;     background: #fff;     padding-top: 10px;     padding-bottom: 10px;     border-bottom: 1px solid #ebebeb;     z-index: 999; }  .finds span{     width: 80px;     height: 30px;     line-height: 30px;     text-align: center;     color: #333;     font-size: 14px;     float: left; } .finds select{     width: 140px;     height: 30px;     border: none;     border-left: 1px solid #ddd;     line-height: 30px;     font-size: 13px;     color: #666666;     text-align: center;     text-indent: 15px;     float: left;     border-radius: 0;     background: none;      appearance:none;     -moz-appearance:none;     -webkit-appearance:none;     z-index: 999;  } .finds a{     width: 60px;     height: 30px;     line-height: 30px;     float: right;     text-align: center; } .comms{     width: 100%;     height: auto;     float: left;     margin-top: 5px; } .magins{     width: 100%;     float: left; } .comms .tet .gwc{     width: auto;     height: 30px;     float: right;     color: black;     background: #ffd102;     border-radius: 20px;     -webkit-border-radius: 20px;     -moz-border-radius: 20px;     -ms-border-radius: 20px;     -o-border-radius: 20px;     margin-top: -15px;     margin-right: 10px;     padding-left: 4px;     padding-right: 4px;     font-size: 13px; } .comms .tet .xiangqing{     width: 45%;     height: 30px;     float: left;     border: 1px solid #eee;     color: black;     border-radius: 20px;     -webkit-border-radius: 20px;     -moz-border-radius: 20px;     -ms-border-radius: 20px;     -o-border-radius: 20px;     font-size: 13px;     padding-left: 11px;     margin-top: -15px; } .xiangqing{     box-shadow: 0 6px 32px rgb(13 13 13 / 8%); } .comms_li{     width: 48%;     height: auto;     /* margin-bottom: 1%; */     margin-top: 1%;     margin-left: 1.2%;     border: 1px solid #eee;     background-color: #FFFFFF; } .comms_li a{     float: left; } .comms .cooms_ul .imgs{     width: 100%;     float: left; } .imgs img{     width: 100%;     height: auto;     /*border-top-left-radius: 5px;*/     margin: 0 auto;     display: block;     /*border-top-right-radius: 5px;*/ } .cooms_ul{     width: 100%;     height: 100%;     /* padding-top: 2%; */     /* margin: 0 auto; */     float: left; } .daohang {     width: 100%;      float: left;      height: 85px;      background-color: white;     text-align: center; } .daohang ul {     width: 100%;     height: 80px;     display: flex;     margin-top: 5px; } .daohang li {     flex: 1;     height: 80px;     padding-top: 10px; } .sp-fl {     float: left;     width: 100%;     height: 300px;     background-color: white; } .fl-slider:nth-child(1){     background-color: rgb(251, 243, 163);     background-image: url(../images/gt.png);     background-repeat: no-repeat;     background-size: 40%;     background-position: 90% 50%;     border-right: 2px solid white;     margin-bottom: 2px; } .fl-slider:nth-child(2){     background-color: rgb(216, 253, 243);     background-image: url(../images/sj.png);     background-repeat: no-repeat;     background-size: 40%;     background-position: 90% 50%;     border-left: 2px solid white;     margin-bottom: 2px; } .fl-slider:nth-child(3){     background-color: rgb(213, 238, 198);     background-image: url(../images/fk.png);     background-repeat: no-repeat;     background-size: 40%;     background-position: 90% 50%;     border-right: 2px solid white;     margin-top: 2px;     margin-bottom: 2px; } .fl-slider:nth-child(4){     background-color: rgb(251, 220, 196);     background-image: url(../images/hf.png);     background-repeat: no-repeat;     background-size: 40%;     background-position: 90% 50%;     margin-top: 2px;     margin-bottom: 2px;     border-left: 2px solid white; } .fl-slider:nth-child(5){     background-color: rgb(116, 186, 219);     background-image: url(../images/rs.png);     background-repeat: no-repeat;     background-size: 40%;     background-position: 90% 50%;     margin-top: 2px;     border-right: 2px solid white; } .fl-slider:nth-child(6){     background-color: rgb(219, 236, 60);     background-image: url(../images/ys.png);     background-repeat: no-repeat;     background-size: 40%;     background-position: 90% 50%;      margin-top: 2px;     border-left: 2px solid white; } @media screen and (max-width:320px){     .fl-slider {         background-position: 100% 50% !important;         background-size: 35% !important;     } } .fl-body {     width: 96%;     margin-left: 2%;     height: 100%;     display: flex;     flex-wrap: wrap;     flex-direction: row; } .fl-slider {     width: 50%;     height: 100px;     padding: 15px; } .fl-slider h3 {     text-indent: 10px; } .fl-slider span {     font-size: 12px;     /* border: 1px solid #555; */     width: 80px;     display: inline-block;     color: #999;     text-align: center;     height: 23px;     line-height: 22px; } .tet{     width: 100%;     height: auto;     float: left; } .tet dl{     width: 94%;     min-height: 25px;     line-height: 25px;     font-size: 14px;     color: #555;     text-align: left;     display: block;     float: left;     margin-left: 5%; } .tet dd{     width: 94%;     height: 20px;     line-height: 20px;     color: red;     font-size: 12px;     font-weight: 500;     float: left; } .dw{     width: 100%;     height: 30px;     margin-bottom: 5px; } .dw dd{     width: auto;     height: 30px;     line-height: 30px;     font-size: 14px;     color: #999;     text-align: center;     float: left;     margin-left: 3px; } .dw a{     width: auto;     height: 30px;     line-height: 30px;     text-align: center;     color: #999;     font-size: 14px;     float: right;     margin-right: 5px; } .class_one{     width: 100%;     height: auto;     background: #fff;     padding-top: 5px;     padding-bottom: 5px;     box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05);     float: left; } .class_one a{     width: 25%;     height: 40px;     line-height: 40px;     color: #666;     font-size: 12px;     text-align: center;     float: left; } .heig{     width: 100%;     height: 40px;     float: left; /*    border-top: 1px solid #ebebeb;*/ } .heig span{     width: 100%;     height: 40px;     line-height: 40px;     text-align: center;     font-size: 12px;     color: #999;     float: left; } .dls{     width: 100%;     float: left;     margin-top: 60px; } .dls dd{     width: 80%;     margin: 0 auto;     display: block;     line-height: 25px;     text-align: center;     color: #666;     font-size: 14px; }     /*�ֲ�*/ .flexslider {     position: relative;     width: 100%;     height: 160px;     float: left;     overflow: hidden; } .flexslider ul{     list-style:none; }  .flexslider .slides li {     width: 100%;     height: 100%; }  .flex-direction-nav a {     width: 28px;     height: 45px;     line-height: 99em;     overflow: hidden;     margin: -35px 0 0;     display: block;     background: url(../images/ad_ct.png) no-repeat;     position: absolute;     top: 50%;     z-index: 10;     cursor: pointer;     opacity: 0;     filter: alpha(opacity=0);     -webkit-transition: all .3s ease; }  .flex-direction-nav .flex-next {     background-position: -50px 0;     right: 0; }  .flex-direction-nav .flex-prev {     left: 0; }  .flexslider:hover .flex-next {     opacity: 0.8;     filter: alpha(opacity=25); }  .flexslider:hover .flex-prev {     opacity: 0.8;     filter: alpha(opacity=25); }  .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {     opacity: 1;     filter: alpha(opacity=50); }  .flex-control-nav {     width: 100%;     position: absolute;     bottom: 10px;     text-align: center; }  .flex-control-nav li {     margin: 0 2px;     display: inline-block;     zoom: 1;     *display: inline; }  .flex-control-paging li a {     background: url(../images/dot.png) no-repeat 0 -16px;     display: block;     height: 16px;     overflow: hidden;     text-indent: -99em;     width: 16px;     cursor: pointer; }  .flex-control-paging li a.flex-active, .flex-control-paging li.active a {     background-position: 0 0; }  .flexslider .slides a img {     width: 100%;     height: 100%;     display: block; } .products{     width: 96%;     margin: 0 auto;     margin-top: 5px;     margin-bottom: 5px; } .products .p_list{ border-bottom: 1px solid #eee;} .products .p_l_l,.products .p_l_r{ height: 65px; } .products .p_l_l{ width: 70vw;display: inline-block; float: left; } .products .p_l_r{ width: 24vw;display: inline-block; position: relative; } .products .p_l_r .go_dea_btn{     width: 20vw;     display: block;     height: 30px;     line-height: 30px;     background: #1AAD19;     text-align: center;     color: #fff;     border-radius: 30px;     position: absolute;     bottom: 20px;     right: 0; } .products .p_l_l p{margin-bottom: 5px;} .products .p_l_l .title{ color: #565656; } .products .p_l_l .money{ color: #565656; display: inline-block; width: 55px; }  .products .score .p_l_r .go_dea_btn{ bottom: 15px; } .products .score .p_l_l p{ margin-top: 20px; } .products .gquan{ border-bottom: none; } .nine-box{ margin : 5px 0 0 0; } .nine-box ul{} .nine-box ul li{} .nine-box ul li a{ display: block; float: left; width: 33%; margin-top: 5px; margin-bottom: 5px;} .nine-box ul li a i{ width: 35%; height: 45px; display: block; background-size: contain; margin: 0 auto; } .nine-box ul li a .titles{ text-align: center; font-size: 12px; } .nine-box ul li a i.caichang{ background: url(../img/caichang.gif) no-repeat; background-size: contain;} .nine-box ul li a i.shangcheng{ background: url(../img/bxsc.gif) no-repeat; background-size: contain;} .nine-box ul li a i.jiaoyu{ background: url(../img/jiaoyu.gif) no-repeat; background-size: contain;} .nine-box ul li a i.lianmeng{ background: url(../img/lianmeng.gif) no-repeat; background-size: contain;} .nine-box ul li a i.xinshou{ background: url(../img/xinshou.gif) no-repeat; background-size: contain;} .nine-box ul li a i.baoxian{ background: url(../img/baoxian.gif) no-repeat; background-size: contain;}  .videos{ text-align: center; } .videos video{ width:96vw; margin: 0 auto; } .fenlei h3{     line-height: 50px;     color: tomato;     font-size: 16px; } /*.fenlei h3::before{*/ /*    content: '';*/ /*    display: inline-block;*/ /*    background: linear-gradient(to left,red,blue);*/ /*    height: 1px;*/ /*    width: 50px;*/ /*    margin-top: 24px;*/ /*    vertical-align: super;*/ /*    margin-right: 10px;*/ /*}*/ /*.fenlei h3::after{*/ /*    content: '';*/ /*    display: inline-block;*/ /*    background: linear-gradient(to left,red,blue);*/ /*    height: 1px;*/ /*    width: 50px;*/ /*    margin-top: 24px;*/ /*    vertical-align: super;*/ /*    margin-left: 10px;*/ /*}*/ .paixu dd{     width: 50%;     float: left;     padding: 3%; } .paixu dd img{     width: 12%;     height: 10px;     float: revert;     margin-left: 42%; }  /* 分类标题样式 - 参考京东/淘宝设计 */ .zhuclass .title-left {     display: flex;     align-items: center;     flex: 1; }  .zhuclass .title-icon {     width: 52px;     height: 52px;     margin-right: 16px;     background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);     border-radius: 12px;     display: flex;     align-items: center;     justify-content: center;     box-shadow: 0 4px 16px rgba(255,215,0,0.4), inset 0 1px 0 rgba(255,255,255,0.5); }  .zhuclass .title-icon svg {     width: 30px;     height: 30px;     fill: #fff; }  .zhuclass .title-text {     font-size: 20px;     font-weight: 700;     color: #1a1a1a;     letter-spacing: 2px; }  .zhuclass .tag-right {     font-size: 14px;     color: #FF8C00;     font-weight: 600;     padding: 10px 20px;     background: linear-gradient(135deg, #FFF8E7, #FFFAF0);     border-radius: 20px;     border: 1px solid rgba(255,140,0,0.3);     box-shadow: 0 2px 8px rgba(255,140,0,0.15);     white-space: nowrap; }  .zhuclass .tag-right {     font-size: 15px;     color: #FF8C00;     font-weight: 600;     letter-spacing: 2px;     padding: 8px 18px;     background: linear-gradient(135deg, #FFF8E7, #FFFAF0);     border-radius: 24px;     border: 1px solid rgba(255,140,0,0.4);     box-shadow: 0 2px 12px rgba(255,140,0,0.2); } .zhuclass::before {     content: "";     position: absolute;     top: 0;     left: 0;     right: 0;     height: 5px;     background: linear-gradient(90deg, #D4AF37, #F4C430, #D4AF37); } .zhuclass .title-left {     display: flex;     align-items: center;     flex: 1; } .zhuclass .title-icon {     width: 52px;     height: 52px;     margin-right: 16px;     background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);     border-radius: 12px;     display: flex;     align-items: center;     justify-content: center;     box-shadow: 0 4px 16px rgba(255,215,0,0.4), inset 0 1px 0 rgba(255,255,255,0.5); } .zhuclass .title-icon svg {     width: 30px;     height: 30px;     fill: #fff; } .zhuclass .title-text {     font-size: 20px;     font-weight: 700;     color: #1a1a1a;     letter-spacing: 2px; } .zhuclass .tag-right {     font-size: 14px;     color: #8B6914;     background: linear-gradient(135deg, #FFF8E7, #FFFAF0);     padding: 10px 20px;     border-radius: 24px;     border: 1px solid rgba(212,175,55,0.5);     white-space: nowrap;     box-shadow: 0 2px 12px rgba(212,175,55,0.2);     font-weight: 600; }  .zhuclass::before {     content: "";     position: absolute;     top: 0;     left: 0;     right: 0;     height: 3px;     background: linear-gradient(90deg, #D4AF37, #F4C430, #D4AF37); }  .zhuclass .title-left {     display: flex;     align-items: center;     flex: 1; }  .zhuclass .title-icon {     width: 52px;     height: 52px;     margin-right: 16px;     background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);     border-radius: 12px;     display: flex;     align-items: center;     justify-content: center;     box-shadow: 0 4px 16px rgba(255,215,0,0.4), inset 0 1px 0 rgba(255,255,255,0.5); }  .zhuclass .title-icon svg {     width: 20px;     height: 20px;     fill: #fff; }  .zhuclass .title-text {     font-size: 20px;     font-weight: 700;     color: #1a1a1a;     letter-spacing: 2px; }  .zhuclass .tag-right {     font-size: 12px;     color: #8B6914;     background: linear-gradient(135deg, #FFF8E7, #FFFAF0);     padding: 4px 10px;     border-radius: 12px;     border: 1px solid rgba(212,175,55,0.3);     white-space: nowrap; }  /* ========== 分类标题 - 深蓝金色风格 ========== */ /* ========== 分类标题过渡区域 ========== */ .3) 20%,          rgba(212,175,55,0.6) 50%,          rgba(212,175,55,0.3) 80%,          transparent 100%); }  .5);     border-radius: 50%;     box-shadow: 0 2px 12px rgba(212,175,55,0.3); }  /* 覆盖 zhuclass 的内联样式干扰 */ .zhuclass[style] {     margin-top: 0 !important; }  /* 增强 zhuclass 的上边距 */   /* ========== 分类标题区域 ========== */ .zhuclass-wrapper {     margin: 50px 0 20px 0;     position: relative; }  .zhuclass-wrapper::before {     content: "";     position: absolute;     top: 0;     left: 50%;     transform: translateX(-50%);     width: 200px;     height: 3px;     background: linear-gradient(90deg, transparent, #D4AF37, transparent);     border-radius: 2px; }  .zhuclass {     display: flex !important;     align-items: center;     justify-content: space-between;     margin: 32px 0 !important;     padding: 24px 28px !important;     overflow: hidden;     position: relative; }  .zhuclass::before {     content: "";     position: absolute;     top: 0;     left: 0;     right: 0;     height: 4px;     background: linear-gradient(90deg, #FFD700, #FFA500, #FFD700);     box-shadow: 0 2px 12px rgba(255,215,0,0.6); }  .zhuclass .title-left {     display: flex;     align-items: center;     flex: 1; }  .zhuclass .title-icon {     width: 52px;     height: 52px;     margin-right: 16px;     background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);     border-radius: 12px;     display: flex;     align-items: center;     justify-content: center;     box-shadow: 0 4px 16px rgba(255,215,0,0.4), inset 0 1px 0 rgba(255,255,255,0.5); }  .zhuclass .title-icon svg {     width: 30px;     height: 30px;     fill: #ffffff; }  .zhuclass .title-text {     font-size: 20px;     font-weight: 700;     color: #1a1a1a;     letter-spacing: 2px; }  .zhuclass .tag-right {     font-size: 14px;     color: #FFD700;     font-weight: 600;     padding: 10px 22px;     background: rgba(255,215,0,0.15);     border-radius: 25px;     border: 1px solid rgba(255,215,0,0.4);     box-shadow: 0 2px 12px rgba(255,215,0,0.2);     white-space: nowrap; }  /* 分隔装饰线 */ .zhuclass-separator {     display: flex;     align-items: center;     justify-content: center;     margin: 45px 0 25px 0;     position: relative;     height: 50px; }  .zhuclass-separator::before {     content: "";     position: relative;     display: block;     width: 100%;     height: 1px;     background: linear-gradient(90deg,          transparent 0%,          rgba(212,175,55,0.2) 20%,          rgba(212,175,55,0.6) 50%,          rgba(212,175,55,0.2) 80%,          transparent 100%); }  .zhuclass-separator span {     position: relative;     z-index: 1;     display: flex;     align-items: center;     justify-content: center;     width: 48px;     height: 48px;     background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);     border: 2px solid rgba(212,175,55,0.5);     border-radius: 50%;     box-shadow: 0 4px 16px rgba(212,175,55,0.3);     color: #D4AF37;     font-size: 18px;     margin: 0 20px;     flex-shrink: 0; }

/* ========== 抽奖按钮 #submit ========== */
#submit { display: block !important; width: 85% !important; margin: 28px auto 0 auto !important; padding: 14px 0 !important; line-height: 1.4 !important; text-align: center !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: 4px !important; color: #FFD700 !important; background: linear-gradient(135deg, #FF4E50 0%, #FF6B3B 50%, #FF4E50 100%) !important; border-radius: 50px !important; border: none !important; box-shadow: 0 6px 20px rgba(255,78,80,0.5), 0 2px 8px rgba(255,107,59,0.3), inset 0 1px 0 rgba(255,255,255,0.3) !important; text-decoration: none !important; position: relative !important; overflow: hidden !important; transition: all 0.3s ease !important; animation: submit-pulse 2s ease-in-out infinite !important; }

#submit::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent) !important;
    transition: left 0.5s ease !important;
}

#submit:hover::before {
    left: 100% !important;
}

#submit:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 10px 30px rgba(255,78,80,0.6), 0 4px 12px rgba(255,107,59,0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
}

#submit:active {
    transform: translateY(0) scale(0.98) !important;
    box-shadow: 0 2px 10px rgba(255,78,80,0.4) !important;
}

@keyframes submit-pulse {
    0%, 100% {
        box-shadow: 0 6px 20px rgba(255,78,80,0.5), 0 2px 8px rgba(255,107,59,0.3), inset 0 1px 0 rgba(255,255,255,0.3) !important;
    }
    50% {
        box-shadow: 0 8px 30px rgba(255,78,80,0.7), 0 4px 15px rgba(255,107,59,0.5), inset 0 1px 0 rgba(255,255,255,0.4) !important;
    }
}