.box{width:100%; margin: auto; background-color: #e0effc; border-radius: 0.325rem; overflow: hidden; padding: 0.5375rem;}
body{background-color: #397dc3; padding:0.325rem 0.55rem; width: 15rem; margin: auto;}
.box .top{ width: 100%;}
.photo{width: 55%; margin: 0.85rem auto 10px auto;}
.name{text-align: center; font-size: 0.85rem; color: #31353c;}
.time{font-size: 0.85rem; text-align: center; margin: 0.325rem 0; font-weight: bold;}
.co{ width: 73%; margin: auto;}
img{display: block;}
.yx{text-align: center; line-height: 2.05rem; color: #01fc00; font-weight: bold;}
footer{width: 100%; background-color: #ffffff; margin: 0.3rem 0 2rem 0; border-radius: 0.325rem; display: flex; overflow: hidden; padding: 0.1825rem;}
footer div{width: 50%;}
.ft-left{height: 100%; background-color: #0d59a7; border-radius: 0.325rem; padding: 0.225rem 0;}
.ft-left b{display: block; color: #fff; text-align: center;  font-size: 0.75rem; line-height: 1.275rem;}
.ft-left p{font-size: 0.625rem; text-align: center; line-height: 1.475rem; color: #a9ceee;}
.ft-left p span{color: #fff;}
.ft-right p{font-size: 0.625rem; text-align: center; line-height: 1.475rem; color: #969495;}
.ft-right b{display: block; color: #000; text-align: center;  font-size: 0.75rem; line-height: 1.275rem;}
.ft-right{height: 100%; border-radius: 0.325rem; padding: 0.225rem 0;}