.resource-dialog-box{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(56, 56, 56, 0.4);z-index:1000000;}
.resource-dialog-box-main{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);background-color: #ffffff;padding-top:100px;border-radius: 20px;text-align: center;
    width: 90%;max-width: 500px;}
.resource-dialog-box-main img{width: calc(100% + 3px);margin: 0 auto;position: absolute;top: -41px;}
.resource-dialog-box-main p{color: #666666;font-size: 20px;margin: 10px 10px 25px 10px;}
.resource-dialog-box-main .text{font-size: 24px;margin: 50px 0 15px 0;}
.resource-dialog-box-main button{color: #fff;font-size: 22px;width: 200px;padding: 10px 0;background-color: #ffffff;background: linear-gradient(to right, #3770cf 0%, #5a93f2 100%);border-radius: 8px;margin-bottom: 40px;box-shadow: 2px 3px 8px #4184f4;letter-spacing: 8px;text-indent: 8px;}
@media screen and (max-width:751px){
    .resource-dialog-box-main img{width: calc(100% + 2px);}
    .resource-dialog-box-main{padding-top:2.5rem;}
    .resource-dialog-box-main p{font-size: .28rem;margin: .2rem .2rem 0 .2rem;}
    .resource-dialog-box-main .text{margin: .2rem 0 .2rem 0;}
    .resource-dialog-box-main button{font-size: .36rem;padding: .2rem 0;width: 3.5rem;    margin-bottom: 0.6rem;}
}
@media screen and (max-width: 500px) {
	.resource-dialog-box-main{padding-top:1.5rem;}
    .resource-dialog-box-main .text{margin: .4rem 0;}
}