@charset "utf-8";
:focus{
outline:0;
}
html{
font-size: 62.5%;
}
body {
line-height:1.6;
font-family:"寰蒋闆呴粦",verdana,tahoma,arial;
padding:0;
margin:0;
background-color:#f5f5f5;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
/*
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
text-size-adjust:none;
*/
color:#686868;
}
body.noscroll,html.noscroll{
overflow:hidden;
}
body.infoindex{
background-color:#5e5e5e;
}
body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
margin: 0;
padding: 0;
border: 0;
}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
dfn{
font-style:normal;
font-family:arial;
}
input,textarea{
font-family:"寰蒋闆呴粦",verdana,tahoma,arial;
}
fieldset{
}
a:link {
color: #686868;
text-decoration: none;
outline: 0;
}
a:visited {
color: #686868;
text-decoration: none;
outline: 0;
}
a:hover {
color: #424242;
text-decoration: none;
outline: 0;
}
a:active {
color: #424242;
text-decoration: none;
outline: 0;
}
h1,h2,h3,h4,dl,dt,dd{
font-weight:normal;
font-size:100%;
}
img{
border:0px;
}
p,form{
padding:0;
margin:0;
}
ul{padding:0;margin:0;list-style:none;}
.clear{clear:both;}
.clear1{clear:both;height:10px;}
.clear2{clear:both;height:20px;}
.divider{clear:both;line-height:1px;padding-top:5px;border-bottom:1px #ccc dashed;margin-bottom:5px;}
img.lazy{
background:url(images/loading.gif) no-repeat center center;
}
img{
vertical-align:top;
}
/*
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="number"] { -moz-appearance:textfield;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
*/
/* 缃戠珯缁煎悎瀛椾綋 */
.f12{
font-size:12px !important;
}
.f14{
font-size:14px !important;
}
.f16{
font-size:16px !important;
}
.fred{
color:#ff0000;
font-weight:bold;
}
.fredn{
color:#ff0000;
}
.ibred{
background:#FFC9C9;
}
.fgreen{
color:#00AA00;
font-weight:bold;
}
.fgreenn{
color:#00AA00;
}
.fblue{
color:#00489A;
font-weight:bold;
}
.fbluen{
color:#00489A;
}
.searkey{background:#ff0;color:#f00;}
.delstr{text-decoration:line-through;}
.fixed_relative{
position:relative;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
-webkit-appearance: none !important;
margin: 0;
}
input[type="number"]{-moz-appearance:textfield;}
input[type='button']{
-webkit-appearance: none;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777;
}
.text-primary {
color: #337ab7;
}
a.text-primary:hover {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:hover {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #337ab7;
}
a.bg-primary:hover {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover {
background-color: #e4b9b9;
}
.alert {
padding: 10px 15px;
margin-bottom: 15px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #777;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.badge-danger{
color: #fff;
background-color: #d9534f;
}
.badge-warning{
color: #fff;
background-color: #f0ad4e;
}
.badge-info{
color: #fff;
background-color: #5bc0de;
}
.badge-success{
color: #fff;
background-color: #5cb85c;
}
.badge-primary{
color: #fff;
background-color: #337ab7;
}
#core_loading{
position: fixed;
top: 50%;
left: 50%;
margin-left: -40px;
margin-top: -30px;
width: 80px;
z-index: 999999;
display: none;
}
#core_loading_marker{
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999998;
display: none;
height:100%;
background-color:rgba(0,0,0,.2);
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
/* 椤甸潰澶撮儴 */
header.page{
width:100%;
position:fixed;
top:0;
left:0;
z-index:999;
background-color:rgba(255,255,255,.95);
box-shadow:0 2px 5px rgba(0,0,0,.3);
height:40px;
}
header.page.fixed{
background-color:rgba(255,255,255,.0);
box-shadow:0 2px 5px rgba(0,0,0,0);
}
header.page:after{
content:"";
display:block;
clear:both;
}
header.page{
-webkit-transition: all 1000ms;
-moz-transition: all 1000ms;
-ms-transition: all 1000ms;
-o-transition: all 1000ms;
transition: all 1000ms;
}
header.page > .return{
position:absolute;
left:15px;
top:50%;
height:30px;
margin-top:-15px;
}
header.page > .return em{
line-height:30px;
font-size:40px;
color:#686868;
}
header.page > .return .atcity{
font-size:1.6rem;
line-height:30px;
color:#686868;
}
header.page.fixed > .return .atcity{
color:#fff;
}
header.page > .return .atcity{
-webkit-transition: all 600ms;
-moz-transition: all 600ms;
-ms-transition: all 600ms;
-o-transition: all 600ms;
transition: all 600ms;
}
header.page > .tele{
position:absolute;
right:10px;
top:50%;
height:24px;
width:24px;
text-align:center;
margin-top:-12px;
}
header.page > .tele a{
display:block;
}
header.page > .tele a img{
height:24px;
width:24px;
}
div.header_fixed{
height:40px;
clear:both;
}
header.page > .title{
text-align:center;
line-height:30px;
padding:2px 5px;
font-size:16px;
width:63%;
margin:0 auto;
}
header.page > .title img{
height:36px;
}
header.page > .title .tsbar{
height:30px;
width:100%;
}
header.page > .title form{
padding:0 !important;
margin:0 !important;
}
header.page > .title .tsbar input.topkey{
border:0;
background:#fff url(images/icon_search.svg) no-repeat 96% center;
background-size:20px;
border-radius:3px;
height:30px;
float:left;
padding:0 10px;
line-height:28px;
margin:0;
width:100%;
border:1px #ccc solid;
box-shadow:none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header.page > .title .tsbar input.topkey:focus{
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(0, 0, 0, 0.2);
border:1px #fe924b solid;
}
/* 搴曢儴 */
div.footer_fixed{
height:50px;
clear:both;
}
footer.page{
width:100%;
position:fixed;
bottom:0;
left:0;
z-index:10;
background-color:#f5f5f5;
border-top:1px #ccc solid;
height:50px;
padding:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
footer.page:after{
content:"";
display:block;
clear:both;
}
footer.page > .item{
width:25%;
float:left;
text-align:center;
}
footer.page.fixed5 > .item{
width:20%;
}
footer.page.fixed4 > .item{
width:25%;
}
footer.page.fixed3 > .item{
width:33.3333%;
}
footer.page.fixed2 > .item{
width:50%;
}
footer.page > .item a{
display:block;
height:49px;
width:100%;
position:relative;
padding-top:3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color:#888;
}
footer.page > .item a > em{
height:25px;
width:25px;
display:block;
margin:0 auto;
}
footer.page > .item a.m1 > em{background: url(images/m1.svg) no-repeat;background-size:100%;}
footer.page > .item a.m2 > em{background: url(images/m2.svg) no-repeat;background-size:100%;}
footer.page > .item a.m3 > em{background: url(images/m3.svg) no-repeat;background-size:100%;}
footer.page > .item a.m4 > em{background: url(images/m4.svg) no-repeat;background-size:100%;}
footer.page > .item a > span{
display:block;
margin:0 auto;
font-size:1.2rem;
line-height:1.5;
}
footer.page > .item.active a{
color:#005198;
}
footer.page > .item.active a.m1 > em{background: url(images/m1_on.svg) no-repeat;background-size:100%;}
footer.page > .item.active a.m2 > em{background: url(images/m2_on.svg) no-repeat;background-size:100%;}
footer.page > .item.active a.m3 > em{background: url(images/m3_on.svg) no-repeat;background-size:100%;}
footer.page > .item.active a.m4 > em{background: url(images/m4_on.svg) no-repeat;background-size:100%;}
section.page{
width:95%;
margin:0 auto 10px auto;
padding:10px 0;
background-color:#fff;
position:relative;
}
section.page:after{
content:"";
display:block;
clear:both;
}
section.page.fixed{
width:100%;
padding:0;
}
section.page.trans{
background-color:transparent;
}
section.page.fix_margin{
margin-bottom:0;
}
section.page > .cont{
width:100%;
padding-top:10px;
}
section.page > .cont:after{
content:"";
display:block;
clear:both;
}
section.page > .mod-cont{
width:100%;
font-size:1.4rem;
}
section.page > .mod-cont:after{
content:"";
display:block;
clear:both;
}
section.page.fixed .mod-cont{
width:95%;
margin:0 auto;
padding:10px 0;
}
section.page.fixed .mod-cont.fixed90{
width:90%;
}
section.page > .title{
font-size:1.6rem;
line-height:20px;
padding:10px 0 5px 0;
border-bottom:1px #f1f1f1 solid;
height:20px;
}
section.page.fixed > .title{
font-size:1.6rem;
line-height:20px;
padding:10px 2.5% 5px 2.5%;
border-bottom:1px #f1f1f1 solid;
height:20px;
}
section.page > .title .name{
float:left;
}
section.page > .title .name a span{
font-size:1.2rem;
}
section.page > .title .more{
float:right;
position:relative;
}
section.page > .title .more em{
font-size:2rem;
}
section.page.fixed > .title.fixed{
background-color:#f5f5f5;
padding:15px 2.5% 10px 2.5%;
}
section.page.fixed .mod-cont{
width:95%;
margin:0 auto;
padding:10px 0;
}
section.page .pagetel{
clear:both;
text-align:center;
font-size:1.2rem;
line-height:25px;
}
section.page .pagetel a{
color:#f60;
}
section.page .pagetel span{
color:#a0a0a0;
}
.mod-load{
width:100%;
clear:both;
padding:5px 0;
}
.mod-load .loadnext{
width:95%;
margin:0 auto;
text-align:center;
font-size:1.5rem;
line-height:35px;
background-color:#f6f7f8;
border-radius:5px;
}
/*
section.page img{
width:100%;
}
*/
section.page .mod_tabs{
border-bottom:1px #d5d5d5 solid;
}
section.page .mod_tabs.fixed{
border-bottom:1px #d5d5d5 solid;
border-top:1px #d5d5d5 solid;
}
section.page .mod_tabs.fixed_static{
width:100%;
background-color:rgba(255,255,255,.9);
position:fixed;
top:40px;
left:0;
z-index:1;
}
section.page .fixed_mod_tabs{
clear:both;
height:36px;
}
section.page .mod_tabs:after{
content:"";
display:block;
clear:both;
}
section.page .mod_tabs li{
float:left;
border-right:1px #d5d5d5 solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align:center;
line-height:35px;
font-size:1.5rem;
color:#868686;
cursor:pointer;
}
section.page .mod_tabs li > a{
display:block;
}
section.page .mod_tabs li:last-child{
border-right:none;
}
section.page .mod_tabs li.current{
background-color:#f5f7f8;
font-weight:bold;
color:#424242;
}
section.page .mod_tabs ul.c2 li{
width:50%;
}
section.page .mod_tabs ul.c3 li{
width:33.333%;
}
section.page .mod_tabs ul.c4 li{
width:25%;
}
section.page .mod_tabs ul.c5 li{
width:20%;
}
section.page .mod_tabs ul.c6 li{
width:16.666%;
}
#modlist .loading img{
width:80px;
}
.modlist{
background-color:#f5f5f5;
}
.modlist:after{
content:"";
display:block;
clear:both;
}
h1.art-title{
text-align:center;
font-size:1.8rem;
line-height:1.2;
padding:10px 0;
}
@font-face {
font-family: 'Farrington';
src: url('../../fonts/Farrington.ttf');
font-weight: normal;
font-style: normal;
}
.pannel_slide{
position:fixed;
width:50%;
height:100%;
z-index:9px;
top:0;
right:-50%;
border-left:1px #e5e5e5 solid;
background-color:rgba(255,255,255,.95);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:40px 0 50px 0;
background-color:#fff;
}
.pannel_slide.active{
right:0;
}
.pannel_slide{
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
.pannel_slide > h1.title{
font-size:1.6rem;
padding:0 15px;
line-height:35px;
border-bottom:1px #e5e5e5 solid;
}
.pannel_slide > .cont{
padding:10px;
overflow-x:hidden;
overflow-y:auto;
}
.pannel_slide > .cont:after{
content:"";
display:block;
clear:both;
}
.pannel_slide > a.close{
position:absolute;
right:15px;
top:45px;
width:25px;
height:25px;
display:block;
font-size:1.8rem;
line-height:25px;
text-align:center;
color:#ff3e3e;
}
.selor{
width:100%;
}
.selor:after{
content:"";
display:block;
clear:both;
}
.selor > .item{
float:left;
margin:0 6px 6px 0;
border:1px #ccc solid;
padding:3px 10px;
line-height:28px;
font-size:16px;
min-width:35px;
text-align:center;
cursor:pointer;
background:#fff url(images/ico_yes.png) no-repeat right 36px;
}
.selor > .item.mini{
min-width:20px;
}
.selor > .item:last-child{
margin-right:0;
}
.selor > .item.active{
border:1px #c6021f solid;
background:#fff url(images/ico_yes.png) no-repeat right bottom;
box-shadow:inset 0 0 5px rgba(0,0,0,.3);
}
.selor > .item{
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.footerop_fixed{
height:50px;
clear:both;
}
.footerop_fixed.fixed{
height:40px;
clear:both;
}
.footerop{
height:50px;
width:100%;
position:fixed;
bottom:0;
left:0;
background-color:#fff;
z-index:2;
}
.footerop.fixed{
height:40px;
}
.footerop .item{
float:left;
width:50%;
height:50px;
position:relative;
}
.footerop.fixed .item{
width:100%;
height:40px;
}
.footerop .item .btn_submit{
width:100%;
background-color:#d5d5d5;
text-align:center;
line-height:50px;
font-size:1.6rem;
-webkit-appearance: none;
background-color:#fff;
font-family:"Microsoft YaHei";
color:#fff;
cursor:pointer;
border:0;
text-decoration:none;
background-image: -webkit-linear-gradient(top, rgba(255,102,0,.7), rgba(255,102,0,1));
background-image: -moz-linear-gradient(top, rgba(255,102,0,.7), rgba(255,102,0,1));
background-image: -ms-linear-gradient(top, rgba(255,102,0,.7), rgba(255,102,0,1));
background-image: -o-linear-gradient(top, rgba(255,102,0,.7), rgba(255,102,0,1));
}
.footerop .item .btn_submit.btn_disabled , .footerop .item .btn_submit[disabled]{
background-image: -webkit-linear-gradient(top, rgba(0,0,0,.4), rgba(0,0,0,.7));
background-image: -moz-linear-gradient(top, rgba(0,0,0,.4), rgba(0,0,0,.7));
background-image: -ms-linear-gradient(top, rgba(0,0,0,.4), rgba(0,0,0,.7));
background-image: -o-linear-gradient(top, rgba(0,0,0,.4), rgba(0,0,0,.7));
}
.footerop.fixed .item .btn_submit{
line-height:40px;
}
.footerop .item .mod-price{
padding-left:25px;
font-size:1.6rem;
line-height:50px;
}
.footerop .item .mod-price .price{
font-size:3.6rem;
line-height:50px;
color:#f60;
}
.footerop .item .mod-sw{
height:30px;
width:30px;
position:absolute;
right:10px;
top:50%;
margin-top:-15px;
}
.footerop .item .mod-sw a.close{
width:30px;
height:30px;
display:block;
background:url(images/ico_up.svg) no-repeat center center;
background-size:100%;
}
.footerop .item .mod-sw a.close.active{
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
.footerop .item .mod-sw a.close{
-webkit-transition: all 600ms;
-moz-transition: all 600ms;
-ms-transition: all 600ms;
-o-transition: all 600ms;
transition: all 600ms;
}
.order_preview{
width:100%;
background-color:rgba(255,255,255,.9);
position:fixed;
height:200px;
left:0;
bottom:-200px;
padding:10px;
z-index:1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border:#ccc solid;
border-width:1px 0;
}
.order_preview.fixed{
height:260px;
bottom:-260px;
}
.order_preview.active{
bottom:50px;
}
.order_preview{
-webkit-transition: all 600ms;
-moz-transition: all 600ms;
-ms-transition: all 600ms;
-o-transition: all 600ms;
transition: all 600ms;
}
.pannel_slide{
position:fixed;
width:70%;
height:100%;
z-index:9;
top:0;
left:-70%;
border-right:1px #e5e5e5 solid;
background-color:rgba(255,255,255,.95);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:40px 0 50px 0;
background-color:#fff;
}
.pannel_slide.active{
left:0;
}
.pannel_slide{
-webkit-transition: all 600ms;
-moz-transition: all 600ms;
-ms-transition: all 600ms;
-o-transition: all 600ms;
transition: all 600ms;
}
.pannel_slide > h1.title{
font-size:1.6rem;
padding:0 15px;
line-height:36px;
border-bottom:1px #e5e5e5 solid;
}
.pannel_slide > .cont{
padding:10px;
overflow-x:hidden;
overflow-y:auto;
}
.pannel_slide > .cont.fixed{
padding:0;
}
.pannel_slide > .cont:after{
content:"";
display:block;
clear:both;
}
.pannel_slide > a.close{
position:absolute;
right:10px;
top:42px;
width:30px;
height:30px;
display:block;
font-size:1.8rem;
line-height:30px;
text-align:center;
color:#ff3e3e;
}
.assistive-wrap{
width: 58px;
height: 58px;
position: fixed;
bottom: 100px;
margin-top: -29px;
left: 1px;
z-index:1000;
}
.assistive-touch{
width: 100%;
height: 100%;
background: #343434;
border-radius: 10px;
opacity: .3;
position: relative;
}
.assistive-touch:before, .assistive-touch:after, .assistive-touch span{
content: '';
position: absolute;
border-radius: 100%;
box-shadow: 0 0 2px rgba(30, 30, 30, .5);
display: block;
background: rgba(255, 255, 255, .6);
}
.assistive-touch:before{
width: 46px;
height: 46px;
left: 6px;
top: 6px;
opacity: .5;
}
.assistive-touch span{
width: 38px;
height: 38px;
left: 10px;
top: 10px;
}
.assistive-touch div.key{
font-family:"Microsoft Yahei";
font-size:12px;
z-index:5;
position:absolute;
left:0;
top:0;
width:58px;
line-height:58px;
text-align:center;
}
.assistive-touch:after{
width: 30px;
height: 30px;
left: 14px;
top: 14px;
background: #fff;
}
/* 鍏叡瀹氫箟 */
.fixed-flex{
display: -webkit-box;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.fixed-flexv{
display: -webkit-box;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
}
.fixed-flex-sb-s{
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.fixed-flex-c-c{
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.fixed-flex-sb-c{
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.fixed-flex-fs-s{
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.fixed-flex-fs-c{
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.fixed-flex-fs-fs{
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
.fixed-flex-fs-fe{
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
}
.fixed-flex-fe-c{
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.fixed-flex-fe-s{
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.fixed-flex-c-s{
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.fixed-flex-sa-s{
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.fixed-flex-sa-c{
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.fixed-flex-sb-fe{
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
}
.fixed-flex-sb-b{
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.fixed-flex-c-fe{
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
}
.fixed-flex-c-b{
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.fixed-flex-c-fs{
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
.fixed-flex-fe-b{
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.fixed-flex-fs-b{
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.fixed-flex-fe-fe{
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
}
/* 蹇€熻皟鐢
fixed-flex
fixed-flexv
fixed-flex-fs-s
fixed-flex-fs-c
fixed-flex-fs-fs
fixed-flex-fe-s
fixed-flex-fe-c
fixed-flex-sb-s
fixed-flex-sb-c
fixed-flex-sb-fe
fixed-flex-sb-b
fixed-flex-sa-s
fixed-flex-sa-c
fixed-flex-c-s
fixed-flex-c-c
fixed-flex-c-fs
fixed-flex-c-fe
fixed-flex-c-b
*/