@charset "UTF-8";
/*本页面样式*/
.none{display: none;}
body{margin:0 auto;  position: relative;}
.part1_right_2 {
	margin:auto;
	width: 360px;
}
.part1_right_2 .hyrl_title {
	border-bottom: 2px solid #565ac1;
	padding-bottom: 6px;
	/* background: url("cwhrl_banner_xss_20200608_1.png") no-repeat left; */
	background: url("hyrl_title.png") no-repeat left;
	padding-left: 20px;
}

.part1_right_2 .hyrl_title span {
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	font-family: SimHei !important;
}

.part1_right_2 .hyrl_con {
	background: url("hyrl_bg.png") no-repeat;
	width: 350px;
	height: 365px;
	overflow: hidden;
}

.part1_right_2 .hyrl_con .date {
	width: 325px;
	margin: 24px auto 0 auto;
	position: relative;
}

.g-part1{margin: 0 auto; width: 100%; position: relative;}
.g-part1 .m-header{height: 279px;}
.g-part1 .m-header-title{position: absolute; top: 76px; left: 156px; animation:move 1s;-webkit-animation:move 1s;animation-fill-mode:backwards;-webkit-animation-fill-mode:backwards;}
.g-part1 .w1200{position: relative;}
 .g-part1 .m-date a{color:#fff;}
.g-part1 .m-textWrap{background: #FFFFFF; width: 835px; height: 397px; border: 2px solid #c32c3d; border-radius: 15px; overflow: hidden;}
.g-part1 .m-textWrap .m-title{color: #c50c26; width: 740px; line-height: 32px; margin-top: 38px; font-size: 20px; text-align: center;}
.g-part1 .m-textWrap .m-title a{color: #c50c26;}
.g-part1 .m-textWrap .m-zy{font-size: 16px; color: #262423; line-height: 26px; margin-top: 15px; width: 800px;}
.g-part1 .m-textWrap .m-zy a{color: #c50c26; display: block;   text-align: right;}
.g-part1 .m-calendar{width: 351px;}

/*日历*/
.date {
    width: 325px;
    margin: 0 auto;
    position: relative;
    margin-top: 24px;
}

.dateMonth {
    width: 100%;
    height: 62px;
    line-height: 62px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.dateR span {
    margin-left: 25px;
    color: #ffffff;
}

.dateR {
    width: 325px;
    margin: 0 auto;
    height: 43px;
    line-height: 43px;
    background: #5c61d0;
    color: #ffffff;
    font-size: 17px;
}

.dateT {
    width: 100%;
}

.dateT span {
    display: inline-block;
    width: 46px;
    height: 25px;
    text-align: center;
    color: #afafaf;
    line-height: 25px;
    margin: 7px 0;
    cursor: pointer;
}

.dateT span a {
    color: #afafaf;
    font-size: 14px;
}

.dateT span.has a {
    color: #3f45ca;
    font-weight: bold;
    font-size: 18px;
}

.dateT span.on {
    border-radius: 13px;
    background: #4247b4;
    color: #FFFFFF;
}

.dateT span.on a {
    color: #FFFFFF;
    display: inline-block;
    width: 46px;
    height: 25px;
}

p.left {
    position: absolute;
    left: 38px;
    top: 20px;
    cursor: pointer;
}

p.right {
    position: absolute;
    right: 38px;
    top: 20px;
    cursor: pointer;
}

.dateBox {
    width: 100%;
}

.dateMonth {
    width: 100%;
    height: 62px;
    line-height: 62px;
    text-align: center;
    font-size: 20px;
    color: #000;
}



@media screen and (max-width: 350px) {
	.part1_right_2 .hyrl_con {
		background: none;
		background-color: #ffffff;
		
	}


	.part1_right_2 {
		width: 100%;
	}
	.part1_right_2 .hyrl_con {
		
		width: 100%;
		height: 375px;
		overflow: hidden;
	}
	
	.part1_right_2 .hyrl_con .date {
		width: 96%;
		margin: 0 auto 0 auto;
		position: relative;
	}
	
	.dateR {
	    width: 100%;
	    margin: 0 auto;
	    height: 43px;
	    line-height: 43px;
	    background: #5c61d0;
	    color: #ffffff;
	    font-size: 17px;
	}
}




@keyframes move {
    from {
        transform: translateY(-30%);
        opacity: 0.2;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes move {
    from {
        -moz-transform: translateY(-30%);
        opacity: 0.2;
    }
    to {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes move {
    from {
        -webkit-transform: translateY(-30%);
        opacity: 0.2;
    }
    to {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-o-keyframes move {
    from {
        -o-transform: translateY(-30%);
        opacity: 0.2;
    }
    to {
        -o-transform: translateY(0);
        opacity: 1;
    }
}
