/* ========== 注册/登录按钮卡片样式（补充） ========== */


/* 大屏幕（1200px-1400px） */
@media screen and (max-width: 1400px) {
    .clearfix.box {
        gap: 25px;
    }

        .clearfix.box > ul {
            min-width: 200px;
        }

            .clearfix.box > ul li.w100,
            .clearfix.box > ul li.w100 a {
                min-height: 120px;
            }

                .clearfix.box > ul li.w100 .tit {
                    font-size: 17px;
                }
}

/* 平板（992px-1200px） */
@media screen and (max-width: 1200px) {
    .clearfix.box {
        gap: 20px;
    }

        .clearfix.box > ul {
            min-width: 180px;
            gap: 15px;
        }

            .clearfix.box > ul li.w100,
            .clearfix.box > ul li.w100 a {
                min-height: 110px;
            }

                .clearfix.box > ul li.w100 .tit {
                    font-size: 16px;
                }

                .clearfix.box > ul li.w100 i {
                    width: 25px;
                }

        .clearfix.box .lshu img {
            max-width: 35px;
        }
}

/* 小平板（768px-992px） */
@media screen and (max-width: 992px) {
    .clearfix.box > ul {
        min-width: 160px;
    }

        .clearfix.box > ul li.w100,
        .clearfix.box > ul li.w100 a {
            min-height: 105px;
        }

            .clearfix.box > ul li.w100 .tit {
                font-size: 15px;
            }
}

/* 移动端（小于768px）- 垂直排列 */
@media screen and (max-width: 768px) {
    .clearfix.box {
        flex-direction: column;
        gap: 20px;
    }

        .clearfix.box > ul {
            width: 100%;
            min-width: auto;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 15px;
        }

            .clearfix.box > ul li.w100 {
                flex: 1 1 calc(50% - 15px);
                min-height: 100px;
            }

                .clearfix.box > ul li.w100 a {
                    min-height: 100px;
                    padding: 12px 10px;
                }

                .clearfix.box > ul li.w100 .tit {
                    font-size: 14px;
                    margin-bottom: 8px;
                }

                .clearfix.box > ul li.w100 i {
                    width: 22px;
                }

        .clearfix.box .lshu {
            transform: rotate(90deg);
            margin: -10px 0;
        }

            .clearfix.box .lshu img {
                max-width: 30px;
            }
}

/* 小屏手机（小于576px） */
@media screen and (max-width: 576px) {
    .discuss .box {
        padding-top: 1.4%;
        background: none;
    }

    .discuss ul {
        float:;
        width: 100%;
        margin: 0;
    }

    .clearfix.box > ul {
        /*gap: 12px;*/
    }

        .clearfix.box > ul li.w100 {
            /*flex: 1 1 100%;*/
            min-height: 85px;
        }

            .clearfix.box > ul li.w100 a {
                min-height: 85px;
                /* padding: 10px 8px;*/
            }

            .clearfix.box > ul li.w100 .tit {
                font-size: 13px;
                margin-bottom: 6px;
            }

            .clearfix.box > ul li.w100 i {
                /*width: 20px;
                    height: 2px;*/
            }

    .clearfix.box .lshu {
        display: none;
    }
}

/* 超宽屏（大于1400px） */
@media screen and (min-width: 1400px) {
    .discuss .box {
        max-width: 1230px;
        width: 100%;
        margin: 3.2% auto 0;
        padding-top: 1.4%;
        background: none;
    }

    .discuss ul {
        float: left;
        width: 29.7%;
        margin: 0 1%;
    }

    .lshu {
        float: left;
        width: 20px;
        text-align: center;
        display: block;
    }

    .clearfix.box > ul li.w100,
    .clearfix.box > ul li.w100 a {
        min-height: 150px;
    }

        .clearfix.box > ul li.w100 .tit {
            font-size: 22px;
        }

    .clearfix.box .lshu img {
        max-width: 50px;
        display:;
    }
    .clearfix box {
        display: flex;
        align-items: center; /* 垂直居中 */
        justify-content: center;
    }

}

/* 禁用按钮样式 */
.clearfix.box > ul li.w100 a[href="javascript:;"] {
    cursor: not-allowed;
    opacity: 0.6;
}

    .clearfix.box > ul li.w100 a[href="javascript:;"]:hover {
        transform: none;
    }


.bannerlogo {
    position: relative;
    top: 250px;
    left: 50%;
    margin-left: -700px;
    width:900px;
}
.djstime {
    width: 900px;
    height: 150px;
    background: #55207a;
    opacity: 0.5;
    position: relative;
    top: 320px;
    left: 50%;
    display: block;
    margin-left: -700px;
}
.djstime_l{
	width:180px;
	line-height:40px;
	height:80px;
	text-align:left;
	font-size:26px;
	border-left:1px solid #fff;
	margin:35px 440px 0 0px;
	padding:0px 0px 0 40px;
	color:#fff;
    float:right;
    font-family:Arial;
}
.djstime_ll {
    width: 180px;
    line-height: 40px;
    height: 115px;
    text-align: left;
    font-size: 26px;
    margin: 35px 0px 0 25px;
    padding: 0px 0px 0 20px;
    color: #fff;
    float: left;
    font-family: Arial;
    cursor:pointer;
}
.djstime_sm{
    font-size:12px;
    float:right;
    margin:-35px 30px 0 0;
}
.djstime_r {
    width: 400px;
    height: 95px;
    position: absolute;
    top: 570px;
    left: 50%;
    margin-left: -230px;
    background: url(/images/index/djs.png) no-repeat center;
}
.djstime_r_list{
	float:left;
	width:70px;
	height:85px;
	/*background:url(/images/index/4.jpg) no-repeat top center;*/
	margin-left:20px;
	/*margin-top:20px;*/
}
.djstime_r_list span{
	width:100%;
	color:#fff;
	text-align:center;
	font-size:14px;
	height:12px;
	line-height:12px;
	display:block;
}
.djstime_r_list div{
	width:100%;
	height:80px;
	line-height:80px;
	text-align:center;
	display:block;
	color:#fff;
	font-size:50px;
    font-family:"微软雅黑";
}