*{margin:0;padding:0;box-sizing:border-box}body{background:#f2f2f2}.main .link{color:#ff8200;cursor:pointer}.top{overflow:hidden;background:url(../img/douyin-order-bg.png) no-repeat;background-size:100%}.top .block{margin:0 5px;margin-top:120px;padding:20px 15px;background:#fff;border-radius:10px}.top .block .title{font-size:16px;font-weight:bold;color:#333}.top .block .order{margin-top:10px;border:1px solid #eee;padding:10px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:10px}.top .block .order .input{flex-grow:1;border:none;outline:none}.top .block .order .btn{flex-shrink:0;padding:6px 15px;font-size:15px;background:#ff8200;color:#fff;border-radius:6px;cursor:pointer}.top .block .course{margin-top:10px;background:#f2f2f2;padding:12px 15px;border-radius:5px}.top .block .course .course-head{font-size:12px;font-weight:bold}.top .block .course .course-title{margin-top:8px;font-size:12px;padding-left:20px;position:relative}.top .block .course .course-title::before{content:'';position:absolute;top:4px;left:0;width:8px;height:8px;background:#ff8200;border-radius:50%}.top .block .course .course-title::after{content:'';position:absolute;top:4px;left:5px;width:8px;height:8px;background:#fbe1b2;border-radius:50%}.top .block .gift{margin-top:10px;background:#f2f2f2;padding:12px 15px;border-radius:5px}.top .block .gift .gift-head{font-size:12px;font-weight:bold}.top .block .gift .gift-block{margin-top:12px;display:flex;gap:15px}.top .block .gift .gift-block .img{height:90px;flex-shrink:0}.top .block .gift .gift-block .img img{height:100%}.top .block .gift .gift-block .address{flex-grow:1}.top .block .gift .gift-block .address .line{margin-bottom:8px}.top .block .gift .gift-block .address .default{height:75px;line-height:75px;font-size:15px;font-weight:bold;color:#bbb}.top .block .gift .gift-block .address .area{font-size:12px}.top .block .gift .gift-block .address .area .label{font-size:12px;margin-right:5px;background:red;color:#fff;padding:0 3px;border-radius:3px}.top .block .gift .gift-block .address .detail{font-size:14px;font-weight:bold}.top .block .gift .gift-block .address .person{font-size:12px}.top .block .gift .gift-block .address .person .name{margin-right:10px}.top .block .gift .gift-block .address .lib{font-size:12px;color:red}.top .block .gift .gift-block .address .lib .iconfont{font-size:12px}.top .block .intro{font-size:12px;float:right;font-weight:normal;margin-top:3px}.top .block .account{margin-top:25px;background:rgba(255,130,0,0.1);display:flex;align-items:center;justify-content:space-between;padding:12px 8px;border-radius:6px}.top .block .account .phone{font-size:13px;color:#000}.top .block .account .phone .iconfont{font-size:12px;color:#ff8200;margin-right:5px}.top .block .account .switch{font-size:12px;text-decoration:none}.top .block .account .switch .iconfont{font-size:12px;margin-right:3px}.top .block .button{margin-top:15px;width:100%;height:50px;display:flex;align-items:center;justify-content:center;background:#ccc;color:#fff;border-radius:25px;font-size:18px;letter-spacing:1px}.top .block .button.active{background:#ff8200}.bottom{padding:25px 18px}.bottom .title{font-size:13px;font-weight:bold;color:#777}.bottom .line{font-size:12px;margin-top:10px;color:#999}.popup-w{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:none}.popup-w .popup{position:absolute;top:50%;left:5%;width:90%;max-height:80%;transform:translateY(-50%);overflow:auto}.popup-w .popup img{width:100%}.popup-order{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:none}.popup-order .popup{position:absolute;top:50%;left:8%;width:84%;transform:translateY(-50%);background:#fff;text-align:center;padding:25px;border-radius:10px}.popup-order .popup .icon img{width:60px}.popup-order .popup .text{margin-top:25px;font-size:16px;color:#000}.popup-order .popup .button-line{display:flex;align-items:center;justify-content:center;padding:0 10px;margin-top:20px}.popup-order .popup .button{display:inline-block;width:160px;height:36px;line-height:34px;background:#ff8200;color:#fff;border-radius:18px}.popup-order .popup .button.shallow{background:rgba(255,130,0,0.1);color:#ff8200}.popup-order.success .major{margin-top:25px;font-size:18px;font-weight:bold}.popup-order.success .text{margin-top:5px}.popup-order.success .button-line{justify-content:space-between}.popup-order.success .button{width:110px}.tip{position:fixed;top:50%;left:10%;width:80%;text-align:center;z-index:9;display:none}.tip span{display:inline-block;line-height:22px;font-size:13px;padding:9px 20px;color:#fff;background-color:rgba(0,0,0,0.65);border-radius:20px}.tip.show{display:block}.xiaohongshu .intro{width:100%}.xiaohongshu .link-line{text-align:center}