.cont{
    background: url(../images/material/material_bg.jpg) no-repeat left;
    background-size: cover;
    padding: 20px 0 60px;
}
.cont .cont_s{
    max-width:1300px;
	padding:0 20px;
    margin: 0 auto;
}
.cont_s_input{
    height: 50px;
    position: relative;
}
.cont_s_input p{
	float:left
}
.cont_s_input input{
    width: 260px;
    background: #e1e1e1;
    display: inline-block;
    float: right;
    border-radius: 20px;
    border: 0;
    padding: 6px 20px;
    outline: none;
}
.cont_s_input input::placeholder{
    font-size: 12px;
    color: darkgray;
}
.cont_s_input span{
    position: absolute;
    right: 20px;
    top: 7px;
    font-size: 18px;
    color: white;
    cursor: pointer;
}
.cont_s_input span:hover{
    color: #b01f24;
}

.cont_list .list_left{
     width: 20%;
     float: left;
    color: white;
}
.cont_list .list_right{
    width: 76%;
    float: right;
}
.cont_list .list_left .left_ul_1{
    border-radius: 5px;
    overflow: hidden;
}
.cont_list .list_left .left_ul_1 li{
    background: #414141;
    border-bottom: 1px solid #cccccc;
    padding: 12px 0;
    text-indent: 24px;
    position: relative;
    font-size: 16px;
    cursor: pointer;
}
.cont_list .list_left .left_ul_1 li span{
    position: absolute;
    right: 24px;
    top: 8px;
    font-size: 18px;
}
.cont_list .list_left .left_ul_2{
    display: none;
    margin-top: -1px;
}
.cont_list .list_left .left_ul_2 li{
    background: #e3e3e3;
    font-size: 14px;
    text-indent: 36px;
    color: #333333;
    border-bottom: 1px solid white;
}
.cont_list .list_left .left_ul_2 li:last-child{
    border: 0;
}
.cont_list .list_left .left_ul_2 .active_li{
    background: #b01f24;
    color: white;
}
.cont_list .list_left .left_ul_2 li span{
    top: 14px;
    color: grey;
    font-size: 14px;
}
.cont_list .list_left .left_ul_2 .active_li span{
    color: gainsboro;
}
.cont_list .list_left .left_ul_3{
    display: none;
    margin-top: -1px;
}
.cont_list .list_left .left_ul_3 li{
    background: white;
    border-bottom: 0;
    font-size: 14px;
    padding: 4px 0;
    padding-left: 36px;
    padding-right: 10px;
    text-indent: 0;
}
.cont_list .list_left .left_ul_3 li:first-child{
    padding-top: 12px;
}
.cont_list .list_left .left_ul_3 li:last-child{
    padding-bottom: 12px;
}
.cont_list .list_left .left_ul_3 li a{
    color: #333333;
}
.cont_list .list_left .left_ul_3 li a:hover{
    color: #b01f24;
}

.cont_list .list_right .right_top{
    line-height: 40px;
    text-align: center;
    background: white;
}
.cont_list .list_right .right_top .top_first{
    float: left;
    width: 13%;
    background: #414141;
    color: white;
    font-size: 16px;
}
.cont_list .list_right .right_top .top_last{
    float: right;
    margin-right:10px;
    color: #d50417;
}
.cont_list .list_right .right_top .top_checkbox{
    float: left;
	margin-right:8px;
    position: relative;
    font-size: 12px;
    text-align: left;
    text-indent: 42px;
    cursor: pointer;
}
.cont_list .list_right .right_top .top_checkbox p{
    width: 14px;
    height: 14px;
    background: #ededed;
    border-radius: 3px;
    position: absolute;
    top: 14px;
    left: 18px;
}
.cont_list .list_right .right_top .top_checkbox p img{
    position: absolute;
    top: 2px;
    left: 1px;
    display: none;
}
.cont_list .list_right .right_bottom{
    margin: 16px 0;
}
.cont_list .list_right .right_bottom ul li{
    position: relative;
    background: white;
    border-bottom: 1px solid #ededed;
    font-size: 12px;
    padding: 16px;
}
.cont_list .list_right .right_bottom ul li p{
    display: inline-block;
    margin-right: 30px;
    letter-spacing: 0.6px;
}
.cont_list .list_right .right_bottom ul li span{
    color: gainsboro;
    display: inline-block;
}
.cont_list .list_right .right_bottom ul li img{
    position: absolute;
    top: 16px;
    right: 26px;
    cursor: pointer;
}
#data_page{
	float:right
}
#paginator_page{
	font-size:13px;
	color: darkgray;
}
#paginator_page a{
	color: #333;
    font-size: 18px;
}

.foot {
    position: initial;
}


.list_top li{
	/* width:17.6%; */
	width: 22.75%;
	float:left;
	margin-right:3%;
	padding:12px 0;
	text-align:center;
	background: #cfcfcf;
	cursor: pointer;
}
.list_top .top_active{
	color:#fff;
	background: #b01f24;
}

.list_table{
	display:none;
	margin:22px 0 16px;
}

.list_center .center_list{
	padding:10px 20px 6px;
	color:gray;
	background: #fff;
}
.list_center .center_list:first-child{
	border-top:1.5px solid #b01f24;
	/* border-bottom:1.5px dashed gainsboro; */
}
.list_center .center_list p{
	float:left;
	font-size:16px

}
.list_center .center_list ul{
	width:90%;
	float:right;
}
.list_center .center_list ul li{
	padding:2px 10px;
	margin-right:20px;
	float:left;
	cursor: pointer;
	margin-bottom:6px
}
.list_center .center_list .center_active{
	color:#fff;
	background: #b01f24;
	border-radius:4px
}

#drive_table,.tables,#faqList,.tables{
	width:100%
}
#drive_table, #drive_table tr th, #drive_table tr td ,.tables tr th,.tables tr td{

	text-align:center
}
#drive_table tr,.tables tr{
	border-bottom: 1px solid #ebebeb;
}
#drive_table th ,.tables th{
    background: #414141;
	color:#fff;
	border:0;
	padding:10px 12px;
	font-weight:400
}
#drive_table tr td,.tables tr td,#faqList tr td,.tables tr td{
	background:#fff;
	padding: 14px 12px;
}
#drive_table tr td:nth-last-child(2),.tables tr td:nth-last-child(2){
	color:darkgray
}
#drive_table tr td:last-child,.tables tr td:last-child,#faqList tr td:last-child,.tables tr td:last-child{
	cursor: pointer;
}
#drive_table tr td:last-child .xia_img,.tables tr td:last-child .xia_img{
	background: url(/style/home/images/material/download_icon1.png) no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    margin: 0 auto;

}
#drive_table tr td:last-child:hover .xia_img,.tables tr td:last-child:hover .xia_img{
	background: url(/style/home/images/material/download_icon.png) no-repeat;
	cursor: pointer;
}

.xin_title {
    padding: 16px 30px;
    text-align: center;
    background: #cfcfcf;
}
.list_table .wordlist {
    padding: 14px 30px;
    margin-bottom: 0;
    border: 0;
	cursor: pointer;
	font-size:14px;
	background:#fff
}
.show-li {
    padding: 10px 30px;
    background-color: #fafafa;
    color: #999999;
    display: none;
    font-size: 14px;
    line-height: 22px;
}
.fa-angle-up {
    float: right;
	cursor: pointer;
}
#faqList li:nth-child(4n+3) {
    background: #eee;
}


@media screen and (max-width: 1450px) {
	.cont .cont_s{
		max-width:1200px;
	}
}


@media screen and (max-width: 1160px) {
	.list_center .center_list ul {
		width: 86%;
	}
}

@media screen and (max-width: 1030px) {
	.list_center .center_list ul {
		width: 82%;
	}
}


@media (min-width: 760px) and (max-width: 1030px) {
	.cont .cont_s {
		width: 94%;
	}
	.cont_list .list_left {
		width: 28%;
	}
	.cont_list .list_right {
		width: 68%;
	}
	.foot {
		position: fixed;
	}
}

@media screen and (max-width: 800px) {
    .cont .cont_s {
        width: 94%;
    }
    .cont_s_input input {
        width: 190px;
    }
    .cont_list .list_left ,.cont_list .list_right{
        width: 100%;
        margin-bottom: 20px;
    }
    .cont_list .list_right .right_top .top_first {
        width: 16%;
        font-size: 14px;
    }
    .cont_list .list_right .right_top .top_checkbox {

        text-indent: 28px;
    }
    .cont_list .list_right .right_top .top_checkbox p {
        top: 13px;
        left: 8px;
    }
    .cont_list .list_right .right_bottom {
        margin: 40px 0 0;
    }
    .cont_list .list_right .right_bottom ul li p{
        display: block;
        margin-bottom: 4px;
        margin-right: 0;
		width: 84%;
    }
    .cont_list .list_right .right_bottom ul li {
        padding: 10px;
    }
	.actuate-list{
		overflow-x:auto
	}
	.actuate-list::-webkit-scrollbar{width:6px;height:6px}
	.actuate-list::-webkit-scrollbar-thumb{background-color:#666;border-radius:6px}
	.actuate-list::-webkit-scrollbar-track{background:#fff}



	#drive_table,.tables {
		width: 750px;
	}
}

@media screen and (max-width: 550px) {
	.list_top li {
		width: 31%;
		margin-right: 2%;
		margin-bottom: 10px;
	}
	.list_center .center_list p {
		font-size: 14px;
	}
	.list_center .center_list ul {
		width: 100%;
		margin-top: 12px;
	}
	.list_center .center_list ul li {
		padding: 2px 10px;
		margin-right: 12px;
	}
}
/* 2023.4.28 */
 @media screen and (max-width:768px){
     .cont_s_input input{
        width: 185px;
        padding: 6px 10px;
        margin-top: -5px;
        margin-right: -5px;
     }
     .cont_s_input #cp_p{
         width: 130px;
         font-size: 13px;
     }
     .cont_s_input span{
        right: 1px;
        font-size: 15px;
        top: 3px;
     }
    /* 注册模态框  2023.5.10*/
    .modal-dialog .modal-content{
        top: 300px;
    }
    .modal-dialog .modal-content .modal-body .form-group{
        margin-top: 25px;
        margin-bottom: 0px;
    }
    .modal-dialog .modal-content .modal-body .form-group .form-control{
        width: 65% !important;
    }
 }