body, html {
    height: 100%;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, 
fieldset,input,textarea,p,blockquote,th,td { 
margin:0; 
padding:0; 
} 
.cat-bg{
	width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #9053c7;
    background: -webkit-linear-gradient(-135deg,#c850c0,#4158d0);
    background: -o-linear-gradient(-135deg,#c850c0,#4158d0);
    background: -moz-linear-gradient(-135deg,#c850c0,#4158d0);
    background: linear-gradient(-135deg,#c850c0,#4158d0);
}
.alert-box {
    position: relative;
    margin: 50px auto;
    padding: 30px 85px 30px;
    border-radius: 10px;
    background: rgb(255 255 255 / 85%);
    box-shadow: 2px 3px 17px rgb(102 102 102 / 55%);
    width: 286px;
    color: #FFF;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    animation: fadeIn 0.6s ease-out;
}
.alert-box p {
    margin: 0
}
.time-ob{
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
	}
.alert-circle {
    position: relative;
}
.alert-sec-unit {
    font-size: 34px
}
.alert-sec-circle {
    stroke-dashoffset: 0;
    stroke-dasharray: 735;
    transition: stroke-dashoffset 1s linear
}
.alert-sec-text {
    position: absolute;
    width: 100%;
    display: flex;
	justify-content: center;
    color: #000;
    font-size: 68px;
	padding-bottom: 10px;
}
.alert-logo{
    margin-top:20px;
}
.alert-body {
    margin: 35px 0
}
.alert-head {
    color: #242424;
    font-size: 28px
}
.alert-concent {
    margin: 25px 0 14px;
    color: #7B7B7B;
    font-size: 18px
}
.alert-concent p {
    line-height: 27px
}
.alert-concent .tips{
color: green;
padding-bottom:10px;
}
.alert-concent .tips2{
	font-size:15px;
}
.alert-btn {
    display: block;
    border-radius: 10px;
    background-color: #4AB0F7;
    height: 55px;
    line-height: 55px;
    width: 286px;
    color: #FFF;
    font-size: 20px;
    text-decoration: none;
    letter-spacing: 2px
}
.alert-btn:hover {
    background-color: #6BC2FF
}
.alert-footer {
    margin: 0 auto;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.alert-footer-icon {
    float: left
}
.alert-footer-text {
    float: left;
    border-left: 2px solid #EEE;
    padding: 5px;
    height: 40px;
    color: #0B85CC;
    font-size: 12px;
    text-align: left
}
.alert-footer-text p {
    color: #57b846;
    font-size: 20px;
    line-height: 24px;
}
.no-view{
    display:none;
}
@keyframes fadeIn {
    from {opacity: 0; transform: translateY(20px);}
    to {opacity: 1; transform: translateY(0);}
}
@media all and (max-width:768px){
.time-ob{padding-top:30px;}
.alert-box {width: 100%;height: 80%;padding: 0px;margin: 10px;}
.alert-head{padding-top: 10px;}
.alert-body{width: 100%;}
.alert-concent{margin: 25px 10px;}
.alert-btn{width: 80%;margin: 0 auto;}
.alert-footer{padding-bottom: 20px;}
}