/**
 * @author: Jicc(103698177)
 * @date: 2024-08-06
 * @phone: 13790890981
 * ==== 小黄鸭调试法，永无BUG ====
 *                            ||
 *      .-"O"-.               ||
 *   _/ a      -._._._.-';    ||
 *  '-.                ,/     ||
 *     )     \_////>  ';      ||
 *     \                |     ||
 *      '--------------'      ||
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~ ||
 */
 .wrap{width:100%;height:100%;background:url(../images/bg.jpg) no-repeat center 70px;background-size:cover;position:fixed;top:0;left:0;}
 /* header */
 .header{width:100%;height:70px;background:#fff;box-shadow: 0 5px 10px 0 rgba(211, 211, 211, 0.15);position:fixed;top:0;z-index:99;}
 .header-con{width:1200px;height:70px;margin:0 auto;display: flex;align-items: center;}
 .header-con span{font-size:16px;font-weight: bold;color:#3889db;}

 .content{height: 100%;position: relative;}
 .content-con{width:1200px;position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);}
 .content-con h1{color:#333;font-size:36px;font-weight:bold;text-align: center;margin-bottom:60px;}
 .content-con-p{width:1000px;margin:0 auto;padding:24px 28px;border-radius:20px;background:#fff;box-shadow: 0px 15px 15px 0px rgba(0, 52, 111, 0.15);box-sizing: border-box;}
 .content-con p,  .content-con ul{color:#333;font-size:18px;}
 .content-con p{line-height: 28px;}
 .content-con ul{margin-top: 40px;text-indent: 2em;}
 .content-con ul li{margin-bottom:10px;}
 .content-con p.s1{color:#3889db;font-size:16px;font-weight: bold;background-color: rgba(56,137,219,0.1);padding:20px;border-radius: 10px;}
 .content-con p.s2,  .content-con p.s3, .content-con p.s4, .content-con p.s5{color:#333;font-size:16px;padding:0 20px;margin-top:40px;}
 .content-con p.s4, .content-con p.s5{margin-top:20px;}
 .content-con p.s3 span, .content-con p.s4 span, .content-con p.s5 span{background-color: #3889db;color:#fff;border-radius:8px;padding:4px 10px;}
 .content-con p.s5{margin-bottom:40px;}

 /* phone */
@media screen and (max-width: 767px) {
    html{font-size:calc(100vw*100/375);}

    .wrap{background:url(../images/bg.jpg) no-repeat center 0.7rem;background-size: cover;position: relative;}
    /* header */
    .header{height:0.7rem;box-shadow: 0 .05rem .1rem 0 rgba(211, 211, 211, 0.15);}
    .header-con{width:100%;height:0.7rem;justify-content: center;}
    .header-con span{font-size:0.16rem;}

    .content-con{width:100%;position: relative;transform: translate(0,0);top:0;left:0;padding-top:1rem;padding-bottom:.4rem;}
    .content-con h1{font-size:.26rem;margin-bottom:.4rem;}
    .content-con-p{width:90%;padding:.24rem .2rem;border-radius:.2rem;box-shadow: 0 .15rem .15rem 0 rgba(0, 52, 111, 0.15);}
    .content-con p,  .content-con ul{font-size:.18rem;}
    .content-con p{line-height: .28rem;}
    .content-con p.s1{font-size:.16rem;padding:.2rem;border-radius: .1rem;}
    .content-con p.s2,  .content-con p.s3, .content-con p.s4, .content-con p.s5{font-size:.16rem;padding:0 .1rem;margin-top:.4rem;}
    .content-con p.s4, .content-con p.s5{margin-top:.2rem;}
    .content-con p.s3 span, .content-con p.s4 span, .content-con p.s5 span{border-radius:.08rem;padding:.04rem .1rem;}
    .content-con p.s5{margin-bottom:.2rem;}
}