@charset "utf-8";

@media only screen and (max-width:640px){
header{height:50px;}
header .logo{height:30px;}
header h1{display:none;}
header h1, header p{line-height:20px;font-size:14px;}
.prompt, .loading{padding:10px 15px;border-radius:5px;}
.prompt p, .loading p{line-height:20px;padding-left:25px;font-size:14px;}
.prompt p:before, .loading p:before{width:20px;height:20px;line-height:20px;font-size:20px;}
.flow-video .box{width:92vw;height:51.75vw;}
.imgbase .box .title .invoice h2{transform:translateY(-100%);}
.main-custom{padding-top:50px;overflow-y:auto;}
.main-custom .show{width:100%;height:auto;padding:20px 15px;row-gap:15px;}
.main-custom .show .pic{height:90vw;}
.main-custom .show h2{height:20px;line-height:20px;font-size:16px;}
.main-custom .show p{line-height:20px;font-size:14px;}
.main-custom .show p .size{margin-left:10px;padding-left:10px;}
.main-custom .show .btns{margin-top:20px;column-gap:15px;}
.main-custom .show .btns span,.main-custom .show .btns a{width:50%;line-height:40px;font-size:14px;border-radius:40px;column-gap:5px;}
.main-custom .show .btns span:after,.main-custom .show .btns a:after{font-size:22px;}
.main-custom .option{position:static;width:100%;height:auto;padding:0 15px 20px;}
.main-custom .option .title{display:none;}
.main-custom .option .cont li{margin-top:20px;}
.main-custom .option .cont h3{line-height:20px;margin-bottom:10px;font-size:16px;}
.main-custom .option .cont .size{row-gap:10px;}
.main-custom .option .cont .size dd{padding:7px 15px;border-radius:8px;}
.main-custom .option .cont .size dd label{line-height:20px;font-size:14px;}
.main-custom .option .cont .size dd p{line-height:20px;font-size:12px;}
.main-custom .option .cont .size dd.on{padding:5px 13px;}
.main-custom .option .cont .lid{column-gap:30px;;}
.main-custom .option .cont .lid dd{width:calc(33.333% - 20px);}
.main-custom .option .cont .lid dd i{width:60px;height:60px;border-width:3px;padding:3px;}
.main-custom .option .cont .lid dd i em{width:60px;height:60px;line-height:60px;font-size:30px;}
.main-custom .option .cont .lid dd span{line-height:15px;margin-top:10px;font-size:12px;}
.main-custom .option .cont .part{column-gap:30px;;}
.main-custom .option .cont .part dd{width:calc(33.333% - 20px);}
.main-custom .option .cont .part dd i{width:60px;height:60px;border-width:3px;padding:3px;}
.main-custom .option .cont .part dd i em{width:60px;height:60px;line-height:60px;font-size:30px;}
.main-custom .option .cont .part dd span{line-height:15px;margin-top:10px;font-size:12px;}
.main-custom .option .cont .color dd figure{border-width:3px;padding:3px;border-radius:8px;}
.main-custom .option .cont .color dd figure img{border-radius:5px;}
.main-custom .option .cont .color dd span{line-height:15px;margin-top:2px;font-size:12px;}
.main-custom .option .cont .choose h2{line-height:30px;padding-bottom:34px;font-size:24px;}
.main-custom .option .cont .choose h2 span:before{height:10px;}
.main-custom .option .cont .choose h2 span:after{top:calc(100% + 10px);width:auto;line-height:12px;font-size:10px;}
.main-custom .option .cont .choose h2 .p:before{height:25px;}
.main-custom .option .cont .choose h2 .p:after{top:calc(100% + 25px);}
.main-custom .option .cont .choose .tips{line-height:20px;margin-top:10px;font-size:12px;}
.main-custom .option .cont .choose .tips figure p{bottom:calc(100% + 15px);border-radius:5px;box-shadow:0 3px 15px rgba(0,0,0,.3);}
.main-custom .option .cont .choose .tips figure p img{width:250px;}
.main-custom .option .cont .choose .tips figure p:before{top:95%;margin-left:-10px;border-width:10px;}
.main-custom .option .cont .choose .goon{height:40px;margin-top:15px;font-size:20px;border-radius:5px;}
.main-custom.step-2 .option{transform:scale(1);}
.main-custom.step-2 .show .back{display:none;}
.main-preview{padding:65px 15px 15px;}
.main-preview section h3{line-height:20px;margin-bottom:10px;font-size:16px;}
.main-preview .configure h3{margin-bottom:25px;}
.main-preview .configure h3 span:after{line-height:20px;}
.main-preview .configure ul{column-gap:0;justify-content:space-between;}
.main-preview .configure ul li{padding:6px 0 0 55px;}
.main-preview .configure ul li em{width:50px;height:50px;}
.main-preview .configure ul li strong{line-height:20px;margin-bottom:3px;font-size:14px;}
.main-preview .configure ul li p{display:block;line-height:15px;font-size:12px;}
.main-preview .configure ul li p i{display:block;padding:0;margin:0;border:none;}
.main-preview .configure ul li p span{font-size:10px;}
.main-preview .configure ul li p .mm{display:block;margin-right:0;}
.main-preview .configure ul li.model em{line-height:16px;padding:0 5px;font-size:14px;}
.main-preview .configure ul li.lid em{line-height:50px;font-size:30px;}
.main-preview .configure ul li.part em{line-height:50px;font-size:30px;}
.main-preview section{padding-bottom:15px;margin-bottom:15px;}
.main-preview .settlement .setnum{height:30px;padding:0 20px;}
.main-preview .settlement .setnum input{width:50px;font-size:12px;}
.main-preview .settlement .setnum i{width:20px;height:30px;line-height:30px;font-size:14px;;}
.main-preview .settlement .pic{width:100px;height:80px;}
.main-preview .settlement .pic img{border-radius:5px;}
.main-preview .settlement .product{margin-bottom:15px;}
.main-preview .settlement .product .text{margin:0 30px 0 10px;}
.main-preview .settlement .product .text p{line-height:20px;font-size:12px;}
.main-preview .settlement .product .text .model{margin-bottom:5px;font-size:14px;}
.main-preview .settlement .product span{display:none;}
.main-preview .settlement .tips{line-height:15px;margin:10px 0 15px;font-size:10px;}
.main-preview .settlement .order{overflow-x:auto;}
.main-preview .settlement .order p{line-height:13px;font-size:10px;}
.main-preview .settlement .order span{line-height:13px;font-size:10px;}
.main-preview .settlement .order table{min-width:600px;}
.main-preview .settlement .order table td{width:11%;padding:10px 5px}
.main-preview .settlement .order table td:nth-child(1){width:90px;}
.main-preview .settlement .order table td:nth-child(2){width:110px;}
.main-preview .settlement .order table .head{line-height:15px;font-size:10px;}
.main-preview .settlement .order table .head td{padding:10px 5px;}
.main-preview .settlement .order .mutli .pic{width:80px;height:60px;margin-left:20px;margin-bottom:5px;}
.main-preview .settlement .order .mutli .pic img{border-radius:4px;}
.main-preview .settlement .order .mutli .pic:before{left:-20px;width:14px;height:14px;margin-top:-7px;border-radius:3px;}
.main-preview .settlement .order .mutli .pic.on:after{left:-20px;width:14px;height:14px;line-height:14px;margin-top:-7px;font-size:12px;}
.main-preview .settlement .order::-webkit-scrollbar{width:4px;height:4px;background-color:#fff;}
.main-preview .settlement .order::-webkit-scrollbar-thumb{width:4px;height:4px;border-radius:2px;background-color:var(--main-color);}
.main-preview::-webkit-scrollbar{display:none;}
.main-preview .subinfo .fillInfo{display:block;}
.main-preview .subinfo .enter{width:100%;row-gap:5px;}
.main-preview .subinfo .enter input,.main-preview .subinfo .enter select,.main-preview .subinfo .enter textarea{width:100%;height:34px;padding:0 10px;font-size:12px;border-radius:5px;}
.main-preview .subinfo .enter textarea{height:80px;padding:5px 10px;line-height:18px;}
.main-preview .subinfo .enter button{height:40px;font-size:14px;border-radius:5px;}
.main-preview .subinfo .orderInfo{width:100%;margin-top:15px;border-radius:5px;}
.main-preview .subinfo .orderInfo ul li{padding:10px 0;}
.main-preview .subinfo .orderInfo ul li label{line-height:25px;font-size:14px;}
.main-preview .subinfo .orderInfo ul li p{line-height:25px;font-size:16px;}
.main-preview .subinfo .orderInfo .suborder{height:40px;line-height:40px;margin-top:10px;font-size:14px;border-radius:5px;}
.page-order{padding-top:50px;}
.main-order h1{line-height:25px;padding:5px;font-size:14px;}
.main-order h1 span{font-size:10px;}
.main-order .total{margin-top:20px;}
.main-order .total p{line-height:25px;font-size:18px;}
.main-order .btn{width:90vw;margin:20px auto;column-gap:10px;justify-content:space-between;}
.main-order .btn a, .main-order .btn span{width:48%;height:34px;line-height:34px;font-size:14px;border-radius:5px;}
.flow-pay .box .payinfo p{font-size:16px;}
.flow-pay .box .payinfo p .wp-type{width:80px;line-height:20px;padding:5px 7px;font-size:14px;}
.flow-pay .box .payinfo .pbox{height:100px;}
.flow-pay .box .payinfo .pbox .paybtn:before{content:"确认支付";}

.main-custom .option .covertab{display:flex;justify-content:space-between;margin-top:20px;}
.main-custom .option .covertab span{width:48.7%;line-height:20px;padding:28px 15px;;font-size:16px;border-radius:8px;}
.main-success h1{line-height:30px;font-size:24px;margin:30px 0;}
}