*{
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "\5FAE\8F6F\96C5\9ED1", Arial;
}
@media screen and ( max-width: 750px ) {
    #contain{padding:0;border: 0.1rem solid #ffc3a0;font-weight: bold;}
    #top{background-image: linear-gradient(to right, #ffc3a0 0%, #CC9999 100%);color: #fff;text-align: center;padding: .4rem 0;line-height: 2.5rem;}
    #top span{color: #fff6f2}
    .title{text-align: center;font-weight: bold;background-image: linear-gradient(to right, #ff7d01 0%, #ff2081 100%);color: transparent;-webkit-background-clip: text;}
    .xp-title{background-image: linear-gradient(#ffc3a0 0%, #CC9999 100%);padding: 0 1.2rem;height: 3rem;width:5.5rem;line-height: 3rem;color: #fff;border-top-right-radius: 1.5rem;border-bottom-right-radius: 1.5rem;}
    .content{line-height: 1.8rem;}
    #table{margin:0 0 2rem;border-color: #fff;box-shadow: 0 2px 8px #d2d2d2;background: #fff;}
    #table tr th{border: 0.1rem #ddd solid;text-align: center;background: #fce6da;}
    #table tr td{border: 0.1rem #ddd solid;text-align: center;vertical-align: middle;}
    #tab-title{background-image: linear-gradient(to right, #504eff 0%, #ff846b 100%);color: transparent;-webkit-background-clip: text;}
    .com-btn{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #00bdff, #007cff) repeat scroll 0 0;border-radius: 2rem;color: #fff;display: block;font-size: 14px;
        height: 4rem;line-height: 4rem;margin: 15px auto 0;text-align: center;width: 210px;display: block;margin-bottom: 2rem;box-shadow: 0 2px 8px #c0c0c0;}
    .com-btn a{color: #fff;}
    .strong{font-weight: bold;color: #ff7711;}
    #bottom{background-image: linear-gradient(to right, #ffc3a0 0%, #CC9999 100%);color: #fff;text-align: center;padding: .5rem 0;line-height: 2.5rem;}
    #bottom span{color: #fff6f2;font-weight: bold;background-image: linear-gradient(to right, #e787ff 0%, #ff4d4f 100%);color: transparent;-webkit-background-clip: text;}
}