*{margin:0;padding:0;box-sizing:border-box}.active{box-shadow:0 0 20px #003adb}.box{position:relative;flex-direction:column}.box,.top{display:flex}.top{padding:20px 0;background:#15212e;color:#fff;font-size:28px;align-items:center;padding-left:340px}.content{background:#111c29;background-size:100% auto;height:auto;padding-bottom:154px}.content_item{width:1200px;margin:0 auto;display:flex;flex-direction:column}.input_item{flex-direction:row}.input_item .item_title{width:160px;display:block;text-align:left;padding-top:15px}.input_item .item_input{width:1040px;display:block}.item_title{margin-bottom:31px;color:#7a91ff}.canvas_item_title,.item_title{font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center}.canvas_item_title{width:150px;color:#ffd508}.item_pifu_list{display:flex;width:1100px;flex-wrap:wrap;justify-content:center;border-radius:10px;padding:20px 0}.item_pifu{display:flex;flex-direction:column;margin-right:6px;padding-bottom:10px}.ming_num{position:absolute;right:0;top:0;color:#fff;background:red;border-radius:5px;padding:0 5px}.pifu{cursor:pointer;position:relative}.pifu_img_box{display:flex;align-items:center;justify-content:center}.pifu_img{width:110px;height:110px}.canvas_item_pifu_list{display:flex;width:1000px;flex-wrap:wrap;border-radius:10px;padding:20px 0}.canvas_pifu_img_box{width:110px;position:relative}.canvas_pifu_img{width:120px;padding:5px}.pifu_title{line-height:40px;text-align:center;font-size:14px;font-weight:700;color:#fff}.item_select{justify-content:center;flex-wrap:wrap}.item_select,.option{display:flex;align-items:center}.option{font-size:16px;font-weight:700;color:#fff;margin:0 5px;cursor:pointer}.option .checked{margin:0;width:40px;margin-right:10px}.item_input{width:442px;height:48px;background:#fff;border-radius:48px;padding:0 20px;font-size:24px;font-weight:500;color:#565656;margin:0 auto;border:2px solid #6856fd;outline:none;margin-top:10px}.item_input::-webkit-input-placeholder{color:#999}.item_textarea{width:650px;height:300px;background:#fff;border-radius:12px 12px 12px 12px;opacity:1;border:2px solid #6856fd;font-size:24px;font-weight:500;color:#565656;padding:15px 18px;margin:0 auto;outline:none;resize:none;scrollbar-width:none}textarea::-webkit-scrollbar{display:none}.btn{width:448px;height:86px;background:#41a5f1;border-radius:14px 14px 14px 14px;display:flex;align-items:center;justify-content:center;margin:62px auto 0;cursor:pointer}.btn_text{font-size:36px;font-weight:700;line-height:50px;color:#fff}.canvas_box{width:1200px;position:absolute;top:60%;left:55%;transform:translate(-50%,-50%);z-index:1}.canvas_box .item_pifu_list{border:none}.canvas{background:#576c84}.canvas_top{height:140px;display:flex;justify-content:left}.canvas_center{background-size:100% auto;padding-top:25px}.canvas_center .content_item{padding-top:37px}.left_item_title{font-size:30px;font-weight:700;display:flex;align-items:center;justify-content:left;margin-bottom:31px;color:#284587}.canvas_pifu{display:flex;flex-direction:column;font-weight:700;color:#fff;position:relative}.canvas_item_img{padding-left:60px;padding-right:60px}.canvas_item_text{margin-bottom:20px;display:flex;padding-left:50px;padding-right:50px}.canvas_btn_box{display:flex;background:#000;justify-content:center}.canvas_btn_box .btn{margin:10px 27px 10px 27px}.mask{width:100%;height:100vh;position:fixed;background:rgba(0,0,0,.5);top:0;display:none}.item_text{font-size:30px;font-weight:700;color:#fff}