@media screen and (min-width: 641px){
	html,body {
		height: 100%;
		background: #E6EDFC;
	}
	.container {
		width: 100%;
		/*height: 100%;*/
		background: url(../img/bg.png) no-repeat;
		background-size: 100% 100%;
		overflow-y: auto;
	}
	.container .logo {
		width: 1200px;
		margin: 0 auto;
		margin-top: 32px;
		display: flex;
		align-items: center;
	}
	.container .logo img {
		width: 40px;
		height: 40px;
	}
	.container .logo p {
		margin-left: 15px;
		font-size: 28px;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 40px;
	}
	.container .content {
		width: 1104px;
		background: #FFFFFF;
		box-shadow: 0px 0px 12px 0px rgba(193, 210, 242, 0.48);
		border-radius: 20px;
		margin: 0 auto;
		margin-top: 20px;
		/*margin-bottom: 80px;*/
		padding: 20px 66px;
		box-sizing: border-box;
	}
	.container .content .un_login {
		display: none;
	}
	.container .content h2 {
		text-align: center;
		font-size: 21px;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #323638;
		line-height: 29px;
	}
    .container .content .notice_content h3 {
        font-size: 18px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #323638;
        line-height: 24px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .container .content .notice_content p {
        font-size: 15px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #515A5F;
        line-height: 24px;
    }
    .container .content .handbook_download {
        padding: 23px 0 26px;
    }
    .container .content .handbook_download a {
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #1890FF;
        line-height: 24px;
        display: flex;
        align-items: center;
    }
    .container .content .handbook_download a i {
        width: 18px;
        height: 18px;
        background: url(../img/download_icon.png) no-repeat;
		background-size: 18px 18px;
        margin-right: 6px;
    }
    .container .content .handbook_download a span {
        width: 76px;
        height: 26px;
        border-radius: 4px;
        border: 1px solid #1890FF;
        display: inline-block;
        box-sizing: border-box;
        font-size: 14px;
        text-align: center;
        margin-left: 24px;
    }
    .container .content .btn_wrap {
        text-align: center;
    }
    .container .content .btn_wrap p {
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #969799;
        line-height: 24px;
    }
    .container .content .btn_wrap button {
        width: 196px;
        height: 50px;
        background: #1890FF;
        border-radius: 4px;
        font-size: 18px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        letter-spacing: 3px;
        outline: none;
        border: none;
        margin-top: 8px;
    }
}
@media screen and (max-width: 641px){
	html,body {
		height: 100%;
		background: #E6EDFC;
	}
	.container {
		width: 100%;
		/*height: 100%;*/
		background: url(../img/mobile_bg_b.png) no-repeat;
		background-size: 100% 100%;
		position: relative;
        overflow: hidden;
	}
	.container .logo {
		display: none;
	}

    .container .content {
		width: 343px;
        margin: 0 auto;
        background: #FFFFFF;
        box-shadow: 0px 0px 12px 0px rgba(193,210,242,0.4800);
        border-radius: 12px;
        box-sizing: border-box;
        padding: 0 16px;
        margin-top: 60px;
        overflow: hidden;
	}
	.container .content h2 {
        font-size: 16px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #323638;
        line-height: 22px;
        text-align: center;
        margin-top: 43px;
	}
    .container .content .notice_content h3 {
        font-size: 14px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #323638;
        line-height: 24px;
        margin-top: 16px;
        margin-bottom: 8px;
    }
    .container .content .notice_content p {
        font-size: 13px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #515A5F;
        line-height: 23px;
        text-align: justify;
    }
    .container .content .handbook_download {
        padding: 16px 0;
     }
     .container .content .handbook_download a {
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #3F77FE;
        line-height: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container .content .handbook_download a i {
        width: 14px;
        height: 14px;
        background: url(../img/mobile_download_icon.png) no-repeat;
		background-size: 14px 14px;
        margin-right: 6px;
    }
    .container .content .handbook_download a span {
       display: none;
    }
    .container .content .btn_wrap {
        text-align: center;
    }
    .container .content .btn_wrap p {
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #969799;
        line-height: 16px;
    }
    .container .content .btn_wrap button {
        width: 173px;
        height: 40px;
        background: #1890FF;
        border-radius: 4px;
        font-size: 16px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        letter-spacing: 3px;
        outline: none;
        border: none;
        margin: 8px 0 24px;
    }
}
