.sizecalculate-title{text-align:center;font-weight:700;font-size:28px}
.sizecalculate-des{text-align:center;margin:20px 0;color:#555}
.common-main.sizing{background:#eee}
.sizeitem{background:#fff;border-bottom:5px solid var(--color);padding-bottom:50px;margin-bottom:30px}
.sizeitem-header{border-left:solid 15px var(--color);padding:10px 25px 15px 25px;background-color:#f4f4f4;color:#222;margin-bottom:30px}
.sizeitem-title{font-weight:700;font-size:24px}
.sizeitem .imgwrap{text-align:center}
.sizeitem .imgwrap .img{display:none;height:300px;text-align:center;margin:0 auto}
.sizeitem .imgwrap .img:first-child{display:block}
.sizeitem .titlewrap{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}
.sizeitem .titlewrap li{border:1px solid #ddd;border-radius:1px;padding:0 10px;min-width:100px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;margin:5px;background:#fff;cursor:pointer;transition:all .1s linear}
.sizeitem .titlewrap li.active{background:var(--color);color:#fff}
.sizeitem-input{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:30px}
.sizeitem-input:last-child{margin-bottom:0}
.sizeitem-input label{width:100%;text-align:center}
.sizeitem-input span{margin-left:10px}
.sizeitem-input input,.sizeitem-input select{border:1px solid #ccc;outline:0;height:40px;padding:0 15px;border-radius:5px;margin-top:10px;font-size:16px;transition:all .1s linear}
.sizeitem-input input:focus,.sizeitem-input select:focus{border-color:#333}
.sizeitem-input input{width:100px}
.sizeitem-submit{margin:30px auto;width:100%;max-width:500px;background:var(--color);color:#fff;height:50px;line-height:50px;text-align:center;font-size:18px;cursor:pointer;transition:all .1s linear;border:1px solid transparent}
.sizeitem-submit:hover{border-color:#333}
.resultitem{background:#fff;padding:30px 10px;color:#222;line-height:1.8;position:relative}
.resultitem::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;height:3px;background:var(--color)}
.resultitem:last-child::after{display:none}
.resultitem .center{text-align:center}
#power{font-weight:700;font-size:50px;color:#000}
.resultitem-flex{display:flex;align-items:center;justify-content:space-between;margin-top:1em}
.resultitem-flex .left{width:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}
.resultitem-flex .left img{max-width:350px}
.resultitem-flex .right{flex:1}
.resultitem-flex .p1{font-size:20px}
.resultitem-flex .p2{font-size:50px;font-weight:700;line-height:1.2}
.resultitem-flex .p3{font-size:18px}
.resultitem-inner{display:flex;flex-direction:column;align-items:center;margin-top:10px}
.resultitem-inner li{width:100%;display:flex;justify-content:center;font-size:18px}
.resultitem-inner li .label{width:50%;text-align:right;font-weight:700;padding-right:10px}
.resultitem-inner li .content{width:50%;text-align:left;padding-left:10px}
.sizecalculate{display:block}
.sizeresult{display:none}
#sizeagain{display:none}
.result-list{display:flex;flex-wrap:wrap;padding:0 20px}
.result-list li{width:32%;margin-right:2%;margin-bottom:2em;background:#fafafa;border:1px solid #eee}
.result-list li:nth-child(3n){margin-right:0}
.result-list li .img{width:100%}
.result-list li .img img{width:100%}
.result-list li .info{padding:20px 20px;line-height:1.8}
.result-list li .info .model{font-size:24px}
.result-list li .info .product{font-size:16px;color:#666}
.result-list li .info .moreparameter{display:flex;align-items:center;color:#666}
@media(max-width:768px){.result-list{justify-content:space-between}
.result-list li{margin-right:0;width:49%}
}
@media(max-width:500px){.result-list li{width:100%}
}
.result-list{display:none!important}
.show-more-container{text-align:center;margin-top:20px;padding-top:20px}
.show-more-btn{background:var(--color);color:#fff;border:none;padding:12px 40px;font-size:16px;cursor:pointer;border-radius:5px;transition:all .3s ease}
.show-more-btn:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}
.product-item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}
.product-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}