body{background-color:#e2e2f1;font-size: 16px; color: #303030;}
ul{padding-left: 15px;margin: 5px 0;}
ul,li{list-style:none; }
ul li{padding: 5px 0;}
a{text-decoration:none;color:#ff5487;border-bottom: 1px solid #ff3366;}
a:hover{text-decoration: none; color: #eb0062;}
p{padding:8px 15px; margin: 0;}
.svg-inline--fa.fa-w-20 {width: 1.25em;}
.color-00{color: #303030;}
.color-01{color: #613aab;}
.color-02{color: #8c8992;}
.head .title{line-height:12px; margin:15px auto;}
.head small{color:#9292a9;line-height: 1rem;}
.head .logo{margin:25px 0 10px;}
.head .logo img{width:auto;}
.head .logo,.title{text-align:center}
.head h1{font-size: 1rem;font-weight: 500;}
.content{width:65%;margin:25px auto;border-radius:10px;background-color:#fff;padding:55px;box-shadow: 0px 0px 15px 0px #8590a57a;}
.content h2{line-height:28px;font-size:28px; margin:0; padding:15px;color:#303030;}
.content p.info{padding:10px 15px;line-height:26px; margin-top:5px;}
.content small{color:#d6d6d6}
.content .line{margin:10px; overflow: hidden; border-top: 1px solid #ebebf7;height: 1px; }
.content .function-btn { overflow: hidden;width: 150px;text-align: center; margin:15px auto}
.content .function-btn a{border-bottom:none; color: #e2e2f1; display: inline-block;font-size: 0.82rem;padding: 0.35rem 0.7rem;border-radius: 30px !important;background-color: #613aab;}
.content .function-btn a:hover{background-color: #da3071; color: #fff8fb}
@media(max-width:721px) {
body{ padding-left:3px; padding-right:3px;}
.content{ font-size: 14px; width:95%; padding:15px 0;margin: 20px auto 0;}
.content p.info{padding:15px;}
.content h2{line-height: 24px;font-size: 24px;}
}
@media(max-width:450px) {
.head .logo img{width:63%;}
.content{ width:97%; padding:10px 0;margin: 15px auto 0;}
.content p.info{font-size:12px; line-height:18px;}
}