.logistics{padding:64px 5% 80px;background:url(https://images.lilysilk.com/promotion/project/logistics/bg.jpg) no-repeat;background-position:50%;background-size:cover}.logistics .logistics_box{max-width:1440px;margin:0 auto;padding:0 5%;display:flex;justify-content:center}.logistics .logistics_box .information_input{width:100%;max-width:800px;background:#fcfbf0;margin:0 auto;transition:.3s}.logistics .logistics_box .information_input .wrap{padding:56px 8%}.logistics .logistics_box .information_input .wrap input[type=number]::-webkit-inner-spin-button,.logistics .logistics_box .information_input .wrap input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.logistics .logistics_box .information_input .wrap .main_title{text-align:center;font-family:Futura-Medium;font-size:32px;line-height:34px;text-transform:uppercase;margin-bottom:8px}.logistics .logistics_box .information_input .wrap .subtitle{text-align:center;font-family:Futura-Book;font-size:16px;line-height:22px;letter-spacing:.064px;max-width:480px;margin:0 auto 8px}.logistics .logistics_box .information_input .wrap .error_tips{display:none;border:1px solid var(---,#8f2e2e);border-left-width:4px;background:rgba(143,46,46,.05);padding:8px 16px;font-family:Futura-Medium;font-size:14px;line-height:20px;letter-spacing:.224px;color:#8f2e2e;margin-top:16px;margin-bottom:8px}.logistics .logistics_box .information_input .wrap .error_tips div:first-child{width:24px;position:relative;top:3px}.logistics .logistics_box .information_input .wrap .error_tips div:last-child{width:calc(100% - 24px)}.logistics .logistics_box .information_input .wrap .error_tips img{width:14px;height:14px;margin-right:10px}.logistics .logistics_box .information_input .wrap .error_tips a{font-family:Futura-Medium;-webkit-text-decoration:underline 1px;text-decoration:underline 1px}.logistics .logistics_box .information_input .wrap .error_tips.active{display:flex}.logistics .logistics_box .information_input .wrap .btn{width:100%;cursor:pointer;display:flex;justify-content:center;align-items:center;background:#3b4021;padding:0 32px;height:56px;font-family:Futura-Demi;color:#fcfbf0;font-size:14px;line-height:18px;letter-spacing:1.12px;text-transform:uppercase;margin-bottom:16px;margin-top:32px}.logistics .logistics_box .information_input .wrap .btn:hover{background:#292e18;transition:.3s}.logistics .logistics_box .information_input .wrap .sign_tip{text-align:center;font-family:Futura-Book;font-size:16px;line-height:22px;letter-spacing:.064px;color:#8f8d83;margin-bottom:48px}.logistics .logistics_box .information_input .wrap .sign_tip .sign_btn{display:inline-block;position:relative;cursor:pointer;font-family:Futura-Book}.logistics .logistics_box .information_input .wrap .sign_tip .sign_btn:after{content:"";display:block;position:absolute;top:100%;width:100%;height:1px;background-color:currentColor;transform-origin:left center;transform:scaleX(1);transition:transform .5s}.logistics .logistics_box .information_input .wrap .sign_tip .sign_btn:hover:after{transform:scaleX(0)}.logistics .logistics_box .information_output{width:0;transition:.3s;background:#fcfbf0}.logistics .logistics_box .information_output>div{padding:40px 5%}.logistics .logistics_box .information_output .help{display:none}.logistics .logistics_box .help{border:1px solid var(---,#e0ded3);background:var(---,#fcfbf0);padding-bottom:32px}.logistics .logistics_box .help .need{height:56px;padding:8px 0 8px 24px;background:#f6f4e7;font-family:Futura-Demi;align-items:center;display:flex;text-transform:uppercase;font-size:18px;line-height:24px;letter-spacing:1.44px}.logistics .logistics_box .help .text{padding:24px 24px 0;font-family:Futura-Book;font-size:18px;line-height:24px;letter-spacing:.072px;margin-bottom:8px}.logistics .logistics_box .help ul{padding:0 24px}.logistics .logistics_box .help ul li{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid #edebdf;font-family:Futura-Medium;font-size:16px;line-height:24px;letter-spacing:.04px;cursor:pointer}.logistics .logistics_box .help ul li .icon,.logistics .logistics_box .help ul li .phonenumber{margin-right:8px}.logistics .logistics_box .help ul li:last-child{border:unset}.logistics .logistics_box.active .information_input{width:42%;transition:.3s}.logistics .logistics_box.active .information_output{width:calc(58% - 16px);margin-left:16px;transition:.3s}@media screen and (max-width:1023px){.logistics{padding:48px 8% 64px}.logistics .logistics_box{background:#fcfbf0;display:block;padding:0 8% 56px}.logistics .logistics_box .information_input .wrap{padding:56px 0 0}.logistics .logistics_box .information_input .wrap .main_title{font-size:28px;line-height:32px}.logistics .logistics_box .information_input .wrap .subtitle{font-size:15px;line-height:20px;letter-spacing:.06px}.logistics .logistics_box .information_input .wrap .btn{padding:0 24px;height:48px;font-size:13px;line-height:17px;letter-spacing:1.04px}.logistics .logistics_box .information_input .wrap .sign_tip{font-size:15px;line-height:20px;letter-spacing:.06px}.logistics .logistics_box .help{padding-bottom:32px}.logistics .logistics_box .help .need{font-size:16px;line-height:22px;letter-spacing:1.28px}.logistics .logistics_box .help .text{font-size:15px;line-height:20px;letter-spacing:.06px}.logistics .logistics_box .help ul li{font-size:15px;line-height:20px;letter-spacing:.04px;padding:12px 0}.logistics .logistics_box .help ul li .phonenumber{margin-right:0}.logistics .logistics_box.active .information_input{width:100%}.logistics .logistics_box.active .information_input .wrap{padding-bottom:0}.logistics .logistics_box.active .information_input .help{display:none}.logistics .logistics_box.active .information_output{width:100%;margin:0;transition:unset}.logistics .logistics_box.active .information_output>div{padding:0}.logistics .logistics_box.active .information_output .help{display:block;margin-top:48px;padding-bottom:32px}}@media screen and (max-width:767px){.logistics{padding:0}.logistics .logistics_box{padding:0 4% 48px}.logistics .logistics_box .information_input{padding:32px 8px 0}.logistics .logistics_box .information_input .wrap{padding:0}.logistics .logistics_box .information_input .wrap .main_title{font-size:24px;line-height:28px}.logistics .logistics_box .information_input .wrap .subtitle{margin-bottom:16px}.logistics .logistics_box .information_input .wrap .btn{margin-top:24px}.logistics .logistics_box .information_input .wrap .sign_tip{margin-bottom:40px;font-size:14px;line-height:18px;letter-spacing:.056px}.logistics .logistics_box .help{padding-bottom:24px}.logistics .logistics_box .help .need{padding:8px 0 8px 16px}.logistics .logistics_box .help .text{padding:16px 12px 0}.logistics .logistics_box .help ul{padding:0 12px}.logistics .logistics_box.active .information_output{padding:0 8px}.logistics .logistics_box.active .information_output .help{margin-top:40px}}