﻿/* ONESANE Shirts Factory 鍏叡鏍峰紡锛堝師妯℃澘涓厭搴?鍔犵洘鐩稿叧鏍峰紡宸茬Щ闄わ級 */
/* 閫氱敤宸ュ叿绫?*/
.font-gothic {font-family: 'Montserrat', sans-serif;}
.font-pt {font-family: 'PT Sans', sans-serif;}
.font-lato {font-family: 'Lato', sans-serif;}
.icon {background: url(../images/icon.png) no-repeat;display: inline-block;width:80px;height:80px;}
.flex {display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.flex-column {flex-direction: column;}
.flex-row {flex-direction: row;}
.flex-column-reverse {flex-direction: column-reverse;}
.flex-row-reverse {flex-direction: row-reverse;}
.animate {-webkit-transition: all ease .3s;-moz-transition: all ease .3s;-o-transition: all ease .3s;-ms-transition: all ease .3s;transition: all ease .3s;}
* {box-sizing: border-box;margin:0;padding:0;}
html,body {background: white;}
ul,ul li {list-style: none;}
.container {max-width:1440px;margin:0 auto;}
.m-t-30 {margin-top: 30px!important;}
.pc {display: block;}
.wap {display: none;}

/* 澶撮儴瀵艰埅 */
header {border:1px solid #d2d2d2;}
header > div {height:98px;padding:0 20px;}
header nav {height:98px;}
header nav dl {position: relative;color:black;}
header nav > a,header nav > dl dt {height:98px;margin:0 15px;color:black;text-decoration: none;cursor: pointer;font-size: 18px;position: relative;z-index:10px;white-space: nowrap;}
header nav dl dt i.icon {width:10px;height:10px;background-position: -35px -16px;margin:2px 0 0 3px;}
header nav dl:hover dt i.icon {transform: rotate(180deg);}
header nav > a:before,header nav > dl dt:before {content: "";width:100%;border-top:5px solid #c33028;position: absolute;top:-8px;-webkit-transition: all ease .5s;-moz-transition: all ease .5s;-o-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}
header nav > a:hover:before,header nav > dl dt:hover:before,header nav > a.active:before,header nav > dl dt.active:before {top:0;}
header nav dl dd {opacity: 0;top:0;border:1px solid #d2d2d2;position: absolute;z-index: 1;left:50%;transform: translate(-50%, 0);width:122px;background: white;box-shadow: 0 5px 30px rgba(0,0,0,.05);}
header nav dl:hover dd {top:98px;opacity: 1;}
header nav dl dd a {display: block;color:#96949a;padding:10px 20px;text-decoration: none;}
header nav dl dd a:hover,header nav dl dd a.active {color:#c33028;font-weight: bold;}
header nav dl:hover dd {display: block;}
header .header-tel {margin-left:3%;}
header .header-tel div {font-size: 18px;}
header .header-tel div small {font-size: 14px;color:#808080;}
header .header-tel a {width:120px;height:30px;background: #c33028;color:white;font-size: 18px;line-height: 30px;border-radius: 5px;display: block;text-decoration: none;text-align: center;margin-top: 10px;}
header .menu-btn {display: none;}

/* 绉诲姩绔晶杈规爮锛堟闈㈢闅愯棌锛?*/
.sample-sidebar {background: white;flex-direction: column;align-content: center;justify-content: center;width:300px;display: none;}
.sample-sidebar a {display: block;width:100%;font-size: 16px;font-weight: normal;color:black;padding:3px 0;text-decoration: none;}
.sample-sidebar a.active {color:#C33028;}
.sample-sidebar div {font-size: 17px;padding:3px 0;}
.sample-sidebar li > ul {padding-left:30px;color:#666;}
.sample-sidebar .nav-tel {color:#C33028;}
.sample-sidebar .nav-tel small {display: block;color:#666;font-size: 16px;}
.btn {display: block;width:70%!important;height:35px;line-height: 35px;border-radius: 7px;font-size: 18px;text-align: center;padding:0!important;margin-top: 15px;}
.btn-active {background: #C33028;color:white!important;}
.menu-btn {width:80px;height:80px;background-position: -80px 0;}

/* 棣栭〉 */
.index-banner {width:100%;height:650px;background: url(../images/index-banner.png) no-repeat center center;position:relative;}
.index-banner .pic {display: none;}
.index-banner .text {
	color:white;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding:0 15%;
	font-size: 40px;
	text-shadow: 0 0 10px rgba(0,0,0,.2);
}
.ranking {padding:120px 3% 100px;align-items: flex-start;}
.ranking li {text-align: center;line-height: 1;padding:0 28px;width:25%;}
.ranking li h3 {font-size: 76px;font-weight: normal;color:#ce8034;}
.ranking li p {font-size: 20px;color:#ce8034;padding:15px 0 40px;}
.ranking li div {font-size: 18px;line-height: 1.5;color:#646464;text-align: left;}
.index-box {background: #f4f4f4;align-items: flex-start;}
.index-box > div {width:50%;}
.index-box .info {flex:auto;align-items: flex-start;justify-content: space-between;}
.why-us .info {padding:80px 120px;min-height:519px;}
.our-support .info {padding:40px 120px 40px 60px;min-height:519px;}
.index-box .info h3 {font-size: 30px;color:black;}
.index-box .info p {font-size: 16px;color:#646464;margin-top: 10px;line-height: 1.5}
.index-box .info ul {margin-top: 10px;}
.index-box .info ul li {position: relative;margin-left:14px;color:#646464;line-height: 1.5}
.index-box .info ul li:before {content: "";position: absolute;left:-14px;top:9px;width:6px;height:6px;background: #bb5252;border-radius: 100px;}
.index-box .info a {display: block;width:290px;height:50px;line-height: 50px;font-size: 16px;color:white;text-decoration: none;background: #bb5252;text-align: center;}
.index-box .info a:active {box-shadow: 0 0 20px rgba(0,0,0,.3) inset;}
.index-box .pic img {display: block;}
.why-us {flex-direction: row-reverse;}
.index-box2 {padding:40px 3% 40px;align-items: flex-start;width:100%;background: #f4f4f4;}
.index-box2 .tipstop {width:100%;}
.index-box2 h3 {font-size: 40px;font-weight: normal;color:black;text-align: center;}
.index-box2 > .tips {font-size: 16px;color:#646464;line-height: 1.5;text-align: justify;width:70%;margin:30px auto 60px;}
.index-box2 > div {width:50%;}
.index-box2 .box {box-shadow: 0 0 20px rgba(0,0,0,.3) inset;width:80%;}
.index-box2 .pic img {display: block;}
.index-cta {margin:70px auto 0;height:268px;text-align: center;background: url(../images/index-cta-bg.png) no-repeat top center;color:white;justify-content: center;}
.index-cta h3 {font-weight: normal;font-size: 38px;line-height:1;margin-bottom: 30px;}
.index-cta a {display: block;margin:0 auto;width:190px;height:50px;line-height: 50px;text-align: center;color:#bb5252;background: white;cursor: pointer;text-decoration: none;font-size: 16px;}

/* 椤佃剼 */
footer {background: black;width:100%;padding:40px 0;}
footer nav {width:100%;border-top: 1px solid white;margin: 40px auto 0!important;padding-top: 25px;}
footer nav a {display: flex;flex-direction: column;align-items: center;justify-content: center;width:20%;height:40px;border-right:2px solid white;font-size: 14px;color:white;text-align: center;text-decoration: none;line-height: 1}
addr {display: block;background: #343434;color:rgba(255,255,255,.7);font-size: 16px;text-align: center;padding:50px 20px;}

/* 鐣欒█寮圭獥 */
.pic img {width:100%;}
.msg {max-width:1030px;width:90%;height:500px;background: white;border-radius: 10px;position: fixed;left:50%;top:50%;z-index:9999;transform: translate(-50%,-50%);padding:80px;overflow: hidden;box-shadow: 0 0 20px rgba(0,0,0,.2);display: none;}
.msg.show {display: block!important;}
.msg.hide {display: none!important;}
.msg .close {width:40px;height:40px;position: absolute;right:10px;top:10px;background: url(../images/icon.png) no-repeat;background-position: -261px -22px;cursor: pointer;}
.msg > div {margin-top: 25px;}
.msg textarea {display: block;width:100%;height:75px;padding:24px;font-size: 16px;border:1px solid #afafaf;outline: none;resize: none;}
.msg .left {width:35%;height:45px;margin-right:40px;border-bottom: 1px solid #afafaf;}
.msg .left select,.msg .left input {width:100%;height:45px;border:0;border-bottom: 1px solid #afafaf;font-size: 18px;color:black;padding:0 20px;-webkit-appearance:none;font-family: 'Sawarabi Gothic', sans-serif;outline: none;}
.msg select {outline: none;}
.msg .right {flex:1;}
.msg .right input {width:100%;height:45px;border:0;border-bottom: 1px solid #afafaf;font-size: 18px;color:black;padding:0 20px;-webkit-appearance:none;font-family: 'Sawarabi Gothic', sans-serif;outline: none;}
.msg button {width:325px;height:60px;line-height: 1;color:white;background: #bb5252;text-align: center;font-size: 22px;border:0;display: block;margin:30px auto 0;cursor: pointer;outline: none;}
.contact-btn {position: fixed;right:0;bottom:30px;z-index:9998;cursor: pointer;}

/* ==================== 鍐呴〉閫氱敤锛圵hy us / News / Order锛?==================== */
.page-banner {background:#2e2e2e;color:#fff;text-align:center;padding:100px 20px 90px;}
.page-banner h1 {font-size:46px;font-weight:normal;}
.page-banner p {font-size:16px;color:rgba(255,255,255,.72);margin-top:14px;letter-spacing:.5px;}
.page-section {padding:80px 3%;}
.page-section.gray {background:#f4f4f4;}
.page-section h2 {font-size:34px;color:#111;text-align:center;font-weight:normal;}
.page-section .sub {text-align:center;color:#777;font-size:15px;margin:14px auto 50px;max-width:760px;line-height:1.8;}
.sec-head {max-width:1200px;margin:0 auto;}
.grid {display:flex;flex-wrap:wrap;gap:26px;max-width:1200px;margin:0 auto;}
.grid .card {flex:1 1 30%;min-width:270px;background:#fff;border-radius:10px;padding:34px 28px;box-shadow:0 4px 22px rgba(0,0,0,.06);}
.grid .card h3 {font-size:20px;color:#c33028;margin-bottom:12px;font-weight:600;}
.grid .card p {font-size:15px;color:#555;line-height:1.8;}
.grid .card .ico {width:56px;height:56px;line-height:56px;border-radius:50%;background:#f7ecea;color:#c33028;font-size:24px;text-align:center;margin-bottom:16px;}
.num-row {display:flex;max-width:1200px;margin:0 auto;text-align:center;}
.num-row .num {flex:1;padding:6px;}
.num-row .num b {display:block;font-size:46px;color:#ce8034;font-weight:normal;font-family:'PT Sans',sans-serif;}
.num-row .num span {font-size:14px;color:#888;letter-spacing:1px;text-transform:uppercase;}
.two-col {display:flex;align-items:center;gap:60px;max-width:1200px;margin:0 auto;}
.two-col .txt {flex:1;}
.two-col .txt h2 {text-align:left;font-size:32px;color:#111;font-weight:normal;margin-bottom:20px;}
.two-col .txt p {font-size:16px;color:#555;line-height:1.9;margin-bottom:14px;}
.two-col .pic {flex:1;}
.two-col .pic img {width:100%;display:block;border-radius:10px;}
ul.list-dot {list-style:none;}
ul.list-dot li {position:relative;padding-left:20px;font-size:16px;color:#555;line-height:2;}
ul.list-dot li:before {content:"";position:absolute;left:0;top:12px;width:8px;height:8px;background:#c33028;border-radius:50%;}
.btn-red {display:inline-block;padding:14px 46px;background:#c33028;color:#fff;border-radius:6px;font-size:17px;text-decoration:none;cursor:pointer;border:0;}
.btn-red:hover {background:#a82921;}
.cta-strip {background:#c33028;color:#fff;text-align:center;padding:64px 20px;}
.cta-strip h2 {font-size:30px;font-weight:normal;margin-bottom:26px;}
.cta-strip .btn-red {background:#fff;color:#c33028;}
.cta-strip .btn-red:hover {background:#f3f3f3;}
/* 涓嬪崟娴佺▼ */
.steps {max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:20px;}
.steps .step {flex:1 1 30%;min-width:270px;background:#fff;border-radius:10px;padding:30px 26px;box-shadow:0 4px 22px rgba(0,0,0,.06);position:relative;}
.steps .step .n {width:46px;height:46px;line-height:46px;border-radius:50%;background:#c33028;color:#fff;font-size:20px;text-align:center;margin-bottom:16px;}
.steps .step h3 {font-size:18px;color:#111;margin-bottom:10px;}
.steps .step p {font-size:14px;color:#666;line-height:1.8;}
/* 瀹氬埗淇℃伅琛?*/
.info-table {max-width:1200px;margin:0 auto;border-collapse:collapse;width:100%;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 22px rgba(0,0,0,.06);}
.info-table td {padding:16px 24px;border-bottom:1px solid #eee;font-size:15px;color:#555;}
.info-table td:first-child {width:240px;color:#111;font-weight:600;background:#fafafa;}
.info-table tr:last-child td {border-bottom:0;}
/* 鏂伴椈鍒楄〃 */
.news-list {max-width:960px;margin:0 auto;}
.news-item {display:flex;gap:26px;background:#fff;border-radius:10px;padding:28px 30px;box-shadow:0 4px 22px rgba(0,0,0,.06);margin-bottom:22px;align-items:flex-start;}
.news-item .date {flex:0 0 84px;text-align:center;background:#f4f4f4;border-radius:8px;padding:12px 6px;}
.news-item .date b {display:block;font-size:24px;color:#c33028;font-weight:600;}
.news-item .date span {font-size:12px;color:#888;}
.news-item .bd h3 {font-size:19px;color:#111;margin-bottom:8px;}
.news-item .bd p {font-size:14px;color:#666;line-height:1.8;}
.news-item .bd a {display:inline-block;margin-top:10px;color:#c33028;font-size:14px;text-decoration:none;}
.news-item .bd a:hover {text-decoration:underline;}
/* 涓嬭浇鍖?*/
.down-list {max-width:760px;margin:0 auto;}
.down-item {display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:10px;padding:22px 28px;box-shadow:0 4px 22px rgba(0,0,0,.06);margin-bottom:16px;}
.down-item .t {font-size:16px;color:#111;}
.down-item .t small {display:block;font-size:13px;color:#999;margin-top:4px;}
.down-item a {display:inline-block;padding:8px 22px;background:#c33028;color:#fff;border-radius:5px;font-size:14px;text-decoration:none;}
.down-item a:hover {background:#a82921;}
/* 棣栭〉绮鹃€夊晢鍝佸尯鍧楋紙鏁版嵁鏉′笅鏂癸級 */
.featured-sec {width:100%;padding:50px 3%;background:#f4f4f4;text-align:center;}
.featured-sec .tipstop {width:100%;}
.featured-sec h3 {font-size:40px;font-weight:normal;color:#111;text-align:center;}
.featured-sec .tips {font-size:16px;color:#646464;text-align:center;margin-top:12px;}
.featured-sec .prod-grid {width:100%;max-width:1100px;margin:36px auto 0;}
.view-all {display:inline-block;margin:40px auto 0;padding:12px 44px;background:#c33028;color:#fff;border-radius:5px;text-decoration:none;font-size:15px;transition:background .25s;}
.view-all:hover {background:#a82921;}
/* 鍟嗗搧鍒楄〃 */
.prod-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1100px;margin:0 auto;}
.prod-card {display:block;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 22px rgba(0,0,0,.07);text-decoration:none;transition:transform .25s,box-shadow .25s;}
.prod-card:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.12);}
.prod-card .pic {position:relative;padding-top:78%;background:#f2f2f2;overflow:hidden;}
.prod-card .pic img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.pic-empty {display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#c33028,#e2726a);color:rgba(255,255,255,.85);font-size:44px;font-weight:800;font-family:Montserrat,sans-serif;}
.pic-empty.big {font-size:80px;}
.prod-card .bd {padding:18px 20px 22px;}
.prod-card .tag {display:inline-block;background:#fbeceb;color:#c33028;font-size:12px;padding:3px 12px;border-radius:20px;margin-bottom:10px;}
.prod-card h3 {font-size:17px;color:#111;margin-bottom:8px;line-height:1.4;}
.prod-card p {font-size:13px;color:#777;line-height:1.7;margin-bottom:12px;min-height:44px;}
.prod-card .price {font-size:15px;color:#ce8034;font-weight:700;margin-bottom:10px;}
.prod-card .more {font-size:13px;color:#c33028;font-weight:600;}
/* 鍟嗗搧璇︽儏 */
.prod-detail {max-width:1100px;margin:0 auto;display:flex;gap:46px;align-items:flex-start;}
.prod-detail .left {flex:1;max-width:560px;}
.prod-detail .right {flex:1;}
.main-pic {position:relative;padding-top:100%;background:#f5f5f5;border-radius:12px;overflow:hidden;}
.main-pic img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.thumb-list {display:flex;gap:10px;margin-top:12px;}
.thumb-list img {width:72px;height:72px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;opacity:.8;}
.thumb-list img.on {border-color:#c33028;opacity:1;}
.prod-detail .right .tag {display:inline-block;background:#fbeceb;color:#c33028;font-size:12px;padding:4px 14px;border-radius:20px;margin-bottom:14px;}
.prod-detail .right h2 {font-size:28px;color:#111;margin-bottom:10px;}
.prod-detail .right .price {font-size:20px;color:#ce8034;font-weight:700;margin-bottom:16px;}
.prod-detail .right .desc {font-size:14px;color:#555;line-height:1.9;margin-bottom:20px;}
.prod-detail .right .info-table {margin-bottom:8px;}
.back-link {display:inline-block;margin-left:18px;color:#999;font-size:14px;text-decoration:none;}
.back-link:hover {color:#c33028;}
@media (max-width: 768px) {
.prod-grid {grid-template-columns:1fr;gap:14px;}
.prod-card p {min-height:0;}
.prod-detail {flex-direction:column;gap:28px;align-items:stretch;}
.prod-detail .left {max-width:100%;width:100%;}
.prod-detail .right h2 {font-size:22px;}
}
/* 涓嬪崟琛ㄥ崟 */
.order-form {max-width:820px;margin:0 auto;background:#fff;border-radius:10px;padding:40px;box-shadow:0 4px 22px rgba(0,0,0,.06);border-top:4px solid #c33028;}
.order-form .flex {margin-bottom:20px;}
.order-form .left {width:45%;margin-right:40px;}
.order-form .right {flex:1;}
.order-form input,.order-form select,.order-form textarea {width:100%;height:45px;border:0;border-bottom:1px solid #afafaf;font-size:16px;color:#111;padding:0 12px;-webkit-appearance:none;outline:none;background:#fff;}
.order-form textarea {height:90px;padding:12px;resize:vertical;line-height:1.6;border:1px solid #afafaf;border-radius:6px;}
.order-form button {width:100%;height:52px;background:#c33028;color:#fff;border:0;border-radius:6px;font-size:18px;cursor:pointer;margin-top:8px;}
.order-form button:hover {background:#a82921;}

/* 鍝嶅簲寮?*/
@media screen and (max-width: 1000px){
	.index-banner .text {
		padding:0 15%;
		font-size: 36px;
	}
}
@media only screen and (max-width: 750px){
header {padding:0 0 0 10px;}
header > div {height:auto;}
header .pc-menu {display: none;}
header .menu-btn {display: block;}
header img {width:100px;}
header i.menu-btn {width:60px;height:60px;background-size:600px auto;background-position: -60px 0;}
.index-banner {width:100%;height:auto;background: none;position:relative;}
.index-banner .pic {display: block;}
.index-banner .text {
	padding:0 15%;
	font-size: 14px;
}
.ranking {padding:30px 10px 15px;flex-wrap: wrap;}
.ranking li {text-align: center;line-height: 1;padding:0 10px 20px;width:50%;}
.ranking li h3 {font-size: 40px;font-weight: normal;color:#ce8034;}
.ranking li p {font-size: 16px;color:#ce8034;padding:8px 0 10px;}
.ranking li div {font-size: 16px;line-height: 1.5;color:#646464;text-align: left;word-wrap : break-word ;word-break : break-all ;}
.why-us {flex-direction: column!important;padding:25px 25px 0;}
.our-support{flex-direction: column!important;padding:25px;}
.index-box > div {width:100%;}
.index-box .info {height:auto;align-items: flex-start;justify-content: space-between;}
.why-us .info,.our-support .info {padding:0;min-height: auto;}
.index-box .info h3 {font-size: 28px;padding-top: 10px;}
.index-box .info p {margin-top: 5px;}
.index-box .info ul {margin-top: 10px;}
.index-box .info ul li {position: relative;margin-left:14px;}
.index-box .info ul li:before {content: "";position: absolute;left:-14px;top:9px;width:6px;height:6px;background: #bb5252;border-radius: 100px;}
.index-box .info a {display: block;width:100%;margin-top: 10px;}
.index-box .info a:active {box-shadow: 0 0 20px rgba(0,0,0,.3) inset;}
.index-box .pic img {display: block;}
.index-cta {margin-top: 0;}
.pc {display: none;}
.wap {display: block;}
.sample-sidebar {position: fixed;z-index:999999;left:-100%;top:0;opacity: 0;display: flex;width:100%;height:100%;background: rgba(0,0,0,.3);transition: all ease .5s;}
.sample-sidebar.show {left:0;opacity: 1;}
.sample-sidebar .box {position: absolute;left:0;top:0;width:200px;height:100%;background: white;flex-direction: column;justify-content: center;align-items: center;}
.sample-sidebar img {display: block;width:80%;margin:0 auto;}
.sample-sidebar > ul {margin-top: 10px;}
.msg {width:80%;height:auto;padding:20px 20px 30px;}
.msg .close {right:0;top:0;width:30px;height:30px;background-size: 600px;background-position: -195px -16px;}
.msg > div {margin-top: 0;flex-direction: column;}
.msg textarea {height:90px;padding:10px;font-size: 16px;border:1px solid #afafaf;outline: none;resize: none;margin-bottom: 10px;}
.msg .left {width:100%;height:35px;margin-right:0;border-bottom: 0;}
.msg .left select,
.msg .left input {width:100%;height:35px;border:0;border-bottom: 1px solid #afafaf;font-size: 14px;color:black;padding:0 10px;-webkit-appearance:none;font-family: 'Sawarabi Gothic', sans-serif;outline: none;}
.msg select {outline: none;}
.msg .right {width:100%;flex-direction: column;}
.msg .right input {width:100%;height:35px;border:0;border-bottom: 1px solid #afafaf;font-size: 14px;color:black;padding:0 10px;-webkit-appearance:none;font-family: 'Sawarabi Gothic', sans-serif;outline: none;}
.msg button {width:100%;height:50px;margin:20px auto 0;}
.msg button:active {box-shadow: 0 0 20px rgba(0,0,0,.2) inset;}
.contact-btn {bottom:20px;width:90px;}
/* 鍐呴〉鍝嶅簲寮?*/
.page-banner {padding:60px 16px;}
.page-banner h1 {font-size:30px;}
.page-section {padding:50px 16px;}
.grid,.steps {gap:16px;}
.num-row {flex-wrap:wrap;}
.num-row .num {flex:1 1 45%;padding:12px 4px;}
.two-col {flex-direction:column;gap:24px;}
.two-col .txt h2 {text-align:center;}
.news-item {flex-direction:column;gap:14px;padding:22px;}
.news-item .date {flex:0 0 auto;display:flex;align-items:baseline;justify-content:center;gap:8px;padding:8px 12px;}
.info-table td {display:block;width:100%;}
.info-table td:first-child {background:transparent;padding:14px 18px 0;}
.order-form {padding:24px 16px;}
.order-form .flex {flex-direction:column;}
.order-form .left {width:100%;margin-right:0;margin-bottom:16px;}
}

/* 鏁版嵁搴撳紓甯告彁绀猴紙鏈嶅姟鍣ㄧ己 SQLite 鎵╁睍鏃舵樉绀猴級 */
.db-error-tip {max-width:1100px;margin:16px auto;padding:14px 18px;background:#fff7e6;border:1px solid #ffd591;border-left:5px solid #fa8c16;color:#874d00;font-size:14px;line-height:1.7;border-radius:4px;}
.db-error-tip b {color:#ad4e00;}
.db-error-tip code {background:#ffe7ba;padding:1px 5px;border-radius:3px;font-size:12px;}
.db-error-tip span {word-break:break-all;}

/* WhatsApp 鍥炬爣锛堝ご閮?渚ц竟鏍忕數璇濆墠锛?*/
.wa-icon{display:inline-block;width:16px;height:16px;margin-right:5px;vertical-align:-2px;color:#25d366;line-height:0;}
.wa-icon svg{width:16px;height:16px;}
.header-tel .wa-icon{margin-right:3px;}
.nav-tel small{position:relative;padding-left:0;}

/* WhatsApp 鍙偣鍑婚摼鎺?*/
.wa-link{color:inherit;text-decoration:none;display:inline-block;}
.wa-link:hover{color:inherit;text-decoration:none;}
.header-tel .wa-link{display:inline-block;vertical-align:middle;}
.nav-tel .wa-link{display:inline-block;line-height:1.9;}


