/*
	外贸狼公共文件
	.wml
*/
/* width */
.wml.width-full { width: 100%; }
.wml.width-harf { width: 50%; }
.wml.width-min { min-width: 1200px; width: 1200px; margin: 0 auto; }
/* margin */
.wml.margin-a { margin: 0 auto; }
.wml.margin-10 { margin: 10px; }
.wml.margin-t-10 { margin-top: 10px; }
.wml.margin-t-20 { margin-top: 20px; }
.wml.margin-t-25 { margin-top: 25px; }
.wml.margin-t-30 { margin-top: 30px; }
.wml.margin-b-10 { margin-bottom: 10px; }
.wml.margin-tb-20 { margin-top: 20px; margin-bottom: 20px; }
.wml.margin-tb-30 { margin-top: 30px; margin-bottom: 30px; }
.wml.margin-lr-10 { margin-left: 10px; margin-right: 10px; }
.wml.margin-lr-20 { margin-left: 20px; margin-right: 20px; }
/* display */
.wml.display-i { display: inline; }
.wml.display-b { display: block; }
.wml.display-f { display: flex; flex-wrap: wrap;}
.wml.display-ib { display: inline-block; }
/* flex */
.wml.flex-js-sa { justify-content: space-around; }
.wml.flex-js-c { justify-content: center; }
.wml.flex-ac-c { align-content: center; }
.wml.flex-1 { flex: 1; }
.wml.flex-2 { flex: 2; }
.wml.flex-3 { flex: 3; }
.wml.flex-4 { flex: 4; }
.wml.flex-as-fe { align-self: flex-end; }
.wml.flex-fd-c { flex-direction: column; }
.wml.flex-fd-cr { flex-direction: column-reverse; }
/* padding */
.wml.padding-15 { padding: 15px; }
.wml.padding-20 { padding: 20px; }
.wml.padding-25 { padding: 25px; }
.wml.padding-30 { padding: 30px; }
.wml.padding-t-5 { padding-top: 5px; }
.wml.padding-t-10 { padding-top: 10px; }
.wml.padding-t-20 { padding-top: 20px; }
.wml.padding-t-30 { padding-top: 30px; }
.wml.padding-r-20 { padding-right: 20px; }
.wml.padding-r-100 { padding-right: 100px; }
.wml.padding-b-5 { padding-bottom: 5px; }
.wml.padding-b-10 { padding-bottom: 10px; }
.wml.padding-b-20 { padding-bottom: 20px; }
.wml.padding-b-30 { padding-bottom: 30px; }
.wml.padding-b-100 { padding-bottom: 100px; }
.wml.padding-l-10 { padding-left: 10px; }
.wml.padding-tb-5 { padding-top: 5px; padding-bottom: 5px; }
.wml.padding-tb-10 { padding-top: 10px; padding-bottom: 10px; }
.wml.padding-tb-20 { padding-top: 20px; padding-bottom: 20px; }
.wml.padding-tb-30 { padding-top: 30px; padding-bottom: 30px; }
.wml.padding-lr-10 { padding-left: 10px; padding-right: 10px; }
.wml.padding-lr-20 { padding-left: 20px; padding-right: 20px; }
.wml.padding-lr-25 { padding-left: 25px; padding-right: 25px; }
.wml.padding-lr-30 { padding-left: 30px; padding-right: 30px; }
.wml.padding-lr-35 { padding-left: 35px; padding-right: 35px; }
.wml.padding-lr-50 { padding-left: 50px; padding-right: 50px; }
.wml.padding-lr-100 { padding-left: 50px; padding-right: 100px; }
/* font */
.wml.font-s-14 { font-size: 14px; }
.wml.font-s-15 { font-size: 15px; }
.wml.font-s-16 { font-size: 16px; }
.wml.font-s-18 { font-size: 18px; }
.wml.font-s-19 { font-size: 19px; }
.wml.font-s-20 { font-size: 20px; }
.wml.font-s-24 { font-size: 24px; }
.wml.font-s-25 { font-size: 25px; }
.wml.font-s-30 { font-size: 30px; }
.wml.font-s-35 { font-size: 35px; }
.wml.font-w-b { font-weight: bold; }
/* background */
.wml.bg-w { background-color: white; }
.wml.bg-g { background-color: #f8f8f8; }
/* position */
.wml.position-a { position: absolute; }
.wml.position-r { position: relative; }
.wml.position-f { position: fixed; }
/* color */
.wml.color-w { color: white; }
.wml.color-b { color: #00a8ee; }
.wml.color-333 { color: #333; }
.wml.color-000 { color: #000; }
/* cursor */
.wml.cursor-p { cursor: pointer; }
/* line-height */
.wml.line-h-25 { line-height: 25px; }