*{
    padding: 0;
    margin: 0;
}
.con{
    width: 100%;
    height: 1439px;
    background: url(../images/ldjtrbg.png) no-repeat ;
    background-color: #f2f9fd;
}
.container {
    width: 1024px;
    margin: 0 auto;
    padding: 35px 0 40px;
    position: relative;
}
.logo {
    position: absolute;
    width: 245px;
    height: 53px;
    left: 50%;
    margin-left: -122px;
}
.introduce {
    margin-top: 395px;
    width: 100%;
    height: 370px;
    margin-bottom: 40px;
    /* background-color: aqua; */
    overflow: hidden;
    color: #fff;
}
.introduce-img {
    width: 585px;
    height: 370px;
    background-color: #fff;
    float: left;
    margin: 0 22px;
}
.introduce-cell {
    height: 323px;
    width: 100%;
    /* padding: 0 26px; */
    background-color: #2759a9;
    box-sizing: border-box;
    margin-top: 47px;
}
.introduce-cell ul {
    width: 393px;
    float: right;
}
.introduce-cell ul li {
    font-size: 15px;
    padding: 30px 10px 25px 0;
    margin-right: 21px;
    line-height: 28px;
}
.introduce-cell ul li:first-child {
    border-bottom: 1px dashed;
    height: 147px;
    box-sizing: border-box;
}
.introduce-cell li .title {
    font-size: 22px;
    display: block;
    margin-bottom: 8px;
}
.replay {
    margin: 40px 0;
    text-align: justify;
}
.replay-title {
    width: 1025px;
    height: 51px;
    background: url(../images/smldhf.png) no-repeat; 
}
.replay-content {
    height: 485px;
    width: 94.2%;
    padding: 0px 30px;
    overflow-y: scroll;
    padding-top: 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}
/* .replay-content-cell {
    padding: 25px 0;
} */
.replay-content::-webkit-scrollbar,.hdap::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
    scrollbar-arrow-color:red;

}
.replay-content::-webkit-scrollbar-thumb,.hdap::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
    scrollbar-arrow-color:red;
}
.replay-content::-webkit-scrollbar-track,.hdap::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
.hdap{
height: 176px;
    box-sizing: border-box;
    /*overflow-y: scroll;*/
}
.mask{
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 1439px;
			background: rgba(0,0,0,0.4);
			z-index: 100;
			display: none;
		}
		.modal{
			position: absolute;
			top: 50%;
			left: 50%;
			width: 600px;
			transform: translate(-50%,-50%);
			border-radius: 5px;
			background: #fff;
			box-shadow: 2px 3px 20px rgba(0,0,0,0.2);
			z-index: 120;
			display: none;
    box-sizing: border-box;
    padding: 0 15px 15px;
		}
		.modal .modal-header{
			height: 50px;
			border-bottom: 1px solid #f5f5f5;
			padding: 0 15px;
		}
		.modal .modal-header p {
			line-height: 50px;
			display: inline-block;
		}
		.modal .modal-header .title{	
			font-size: 18px;
			color: #333;
		}
		.modal .modal-header .close{
			float: right;
			font-size: 26px;
			margin-top: -2px;
			color: #9C9FA4;
			cursor: pointer;
		}
		.modal .modal-content{
			min-height: 100px;
		}
		.modal .modal-footer .btn{
			padding: 0 20px;
			height: 36px;
			line-height: 36px;
			color: white;
			background: #409EFF;
			border: none;
		}
		.modal .modal-footer{
			border-top: 1px solid #f5f5f5;
			padding: 15px;
			text-align: right;
 
		}
		.container::after{
			content:"";
			display: block;
			clear: both;
		}