@charset "utf-8";
:focus{
outline:0;
}
*{
outline:0;
-webkit-tap-highlight-color:transparent;
}
/**:not(input,textarea) { */
/*-webkit-touch-callout: none;*/
/*-webkit-user-select: none;*/
/*-khtml-user-select: none;*/
/*-moz-user-select: none;*/
/*-ms-user-select: none;*/
/*user-select: none;*/
/*}*/
html{
font-size: 62.5%;
/*max-width:768px;*/
}
body {
line-height:1.6;
font-family: ALSHauss, sans-serif;
/*font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;*/
padding:0;
margin:0;
background-color:#ffffff;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
color:#686868;
-webkit-overflow-scrolling:touch;
/*max-width:768px;*/
}
:root {
--primary-color: #3498db;
--secondary-color: #e74c3c;
--main-color: #c30d22;
--sec-color: #036ce5;
}
body.noscroll,html.noscroll{
overflow:hidden;
}
body.holeindex{
background-color:#f5f5f5;
}
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;
}
.hidden{
display:none !important;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
dfn{
font-style:normal;
font-family:arial;
}
button,input,textarea{
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
fieldset{
}
.el-hide{
display: none;
}
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;
vertical-align:top;
}
img.fixed100{
width:100%;
height:auto;
}
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_03.gif) no-repeat center center;
}
a img{
-webkit-touch-callout: none;
-ms-touch-callout: none;
-moz-touch-callout: none;
-o-touch-callout: none;
touch-callout: none;
pointer-events: none;
}
.no-select{
-webkit-user-select:none;
-moz-user-select:none;
-o-user-select:none;
user-select:none;
pointer-events: none;
}
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 !important;
margin: 0;
}
.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: 10px;
border: 1px solid transparent;
border-radius: 4px;
font-size:1.4rem;
}
.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;
}
hr.line{
border-top:1px #ccc solid;
margin:8px 0;
clear:both;
}
.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{
position: fixed;
top: 50%;
left: 50%;
margin-left: -40px;
margin-top: -30px;
width: 80px;
z-index: 999999;
}
/* 公共定义 */
.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;
}
.flex-wrap{
flex-wrap:wrap;
}
.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
*/
.pagemarker{
background-color:rgba(0,0,0,.1);
width:100%;
height:100%;
z-index:9;
position:fixed;
left:0;
top:0;
right: 0;
bottom: 0;
}
.homeheader{
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 100;
width: 100%;
height: 60px;
background-color: #f0f0f0;
}
.homeheader .logo{
flex: 0 0 50px;
}
.homeheader .logo img{
width: 32px;
height: 32px;
}
.homeheader .toplogo{
flex:1 1 auto;
}
.homeheader .toplogo img{
width: auto;
height: 40px;
}
.homeheader .toplink{
flex: 0 0 50px;
}
.homeheader_fixed{
height: 50px;
clear: both;
width: 100%;
}
.assistive-wrap{
width: 58px;
height: 58px;
position: fixed;
bottom: 60px;
margin-top: -29px;
right: 1px;
z-index:1000;
}
.assistive-touch{
width: 100%;
height: 100%;
background: #343434;
border-radius: 10px;
opacity: .3;
position: relative;
}
.assistive-touch.scan{
opacity: .6;
}
.assistive-touch:before, .assistive-touch:after{
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{
position: absolute;
border-radius: 100%;
box-shadow: 0 0 2px rgba(30, 30, 30, .5);
display: block;
background: rgba(255, 255, 255, .6);
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;
background:url(images/icon_top_a0a0a0.svg) no-repeat center center;
background-size:22px 22px;
}
.assistive-touch div.key.scan{
background:url(images/icon_scan.svg) no-repeat center center;
background-size:24px 24px;
}
.assistive-touch:after{
width: 30px;
height: 30px;
left: 14px;
top: 14px;
background: #fff;
}
.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;
}
/* 页面加载 */
.loaderr{
clear:both;
text-align:center;
font-size:1.4rem;
line-height:40px;
color:#e7211e;
}
/* 列表加载页面相关CSS */
.loadopacity{
-webkit-animation: opacity 0.3s linear;
animation: opacity 0.3s linear;
}
@-webkit-keyframes opacity {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@keyframes opacity {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
*.btn{
border:0;
padding:5px 10px;
background-color:#ccc;
color:#fff;
font-size:1.5rem;
line-height:25px;
height:25px;
border-radius:5px;
display:inline-block;
cursor:pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
button.btn{
height:35px;
}
a.btn{
color:#fff;
height:35px;
}
*.btn.btn-xs{
padding:3px 8px;
font-size:1.2rem;
line-height:14px;
height:20px;
border-radius:4px;
}
*.btn.btn-lg{
padding:5px 18px;
font-size:1.6rem;
line-height:30px;
height:40px;
border-radius:5px;
}
button.btn.btn-mini{
height:26px;
}
*.btn.btn-org{
background-color:#f60;
}
*.btn.btn-info{
background-color:#44accb;
}
*.btn.btn-success{
background-color:#15a526;
}
*.btn.btn-danger{
background-color:#e7211e;
}
*.btn.btn-muted{
background-color:#ccc;
}
*.btn.btn-primary{
background-color:#00589b;
}
*.btn.btn-line{
background-color:#ffffff;
border:1px #ccc solid;
color:#424242;
}
*.btn.btn-white{
background-color:#ffffff;
color:#f60;
}
*.btn span{
padding-left:25px;
display:inline-block;
min-height:25px;
background:url(images/icon-save-ffffff.svg) no-repeat left center;
background-size:18px 18px;
}
*.btn.btn-xs span{
padding-left:18px;
min-height:14px;
background:url(images/icon-save-ffffff.svg) no-repeat left center;
background-size:15px 15px;
}
*.btn.btn-lg span{
padding-left:28px;
display:inline-block;
min-height:25px;
background:url(images/icon-save-ffffff.svg) no-repeat left center;
background-size:22px 22px;
}
*.btn.btn-block{
display:block;
width:100%;
text-align:center;
}
*.btn.btn-rounded{
border-radius:40px;
}
*.btn.btn-radius{
border-radius:5px;
}
*.btn.btn-xs.btn-radius{
border-radius:4px;
}
*.btn span.savereg{
background:url(images/icon-reg-ffffff.svg) no-repeat left center;
background-size:18px 18px;
}
*.btn.btn-xs span.savereg{
background:url(images/icon-reg-ffffff.svg) no-repeat left center;
background-size:15px 15px;
}
*.btn span.verify{
background:url(images/icon-verify-ffffff.svg) no-repeat left center;
background-size:18px 18px;
}
*.btn.btn-xs span.verify{
background:url(images/icon-verify-ffffff.svg) no-repeat left center;
background-size:15px 15px;
}
*.btn span.reset{
background:url(images/icon-reset-ffffff.svg) no-repeat left center;
background-size:18px 18px;
}
*.btn.btn-xs span.reset{
background:url(images/icon-reset-ffffff.svg) no-repeat left center;
background-size:15px 15px;
}
*.btn span.return{
background:url(images/icon-return-ffffff.svg) no-repeat left center;
background-size:18px 18px;
}
*.btn.btn-xs span.return{
background:url(images/icon-return-ffffff.svg) no-repeat left center;
background-size:15px 15px;
}
*.btn span.withdraw{
background:url(images/icon-withdraw-ffffff.svg) no-repeat left center;
background-size:18px 18px;
}
*.btn.btn-xs span.withdraw{
background:url(images/icon-withdraw-ffffff.svg) no-repeat left center;
background-size:15px 15px;
}
*.btn span.createqr{
background:url(images/icon_qrcode_ffffff.svg) no-repeat center center;
background-size:18px 18px;
}
*.btn.btn-xs span.createqr{
background:url(images/icon_qrcode_ffffff.svg) no-repeat center center;
background-size:15px 15px;
}
*.btn span.addcollcate{
background:url(images/icon_addcoll_fff.svg) no-repeat center center;
background-size:18px 18px;
}
*.btn.btn-xs span.addcollcate{
background:url(images/icon_addcoll_fff.svg) no-repeat center center;
background-size:15px 15px;
}
*.btn span.add{
background:url(images/icon_plus_ffffff.svg) no-repeat left center;
background-size:18px 18px;
}
*.btn.btn-xs span.add{
background:url(images/icon_plus_ffffff.svg) no-repeat left center;
background-size:15px 15px;
}
*.btn span.modify{
background:url(images/icon_modify_ffffff.svg) no-repeat left center;
background-size:18px 18px;
}
*.btn.btn-xs span.modify{
background:url(images/icon_modify_ffffff.svg) no-repeat left center;
background-size:15px 15px;
}
*.btn span.del{
background:url(images/icon_delete_ffffff.svg) no-repeat left center;
background-size:18px 18px;
}
*.btn.btn-xs span.del{
background:url(images/icon_delete_ffffff.svg) no-repeat left center;
background-size:15px 15px;
}
*.btn span.buy{
background:url(images/icon-buy-ffffff.svg) no-repeat left center;
background-size:18px 18px;
}
*.btn.btn-xs span.buy{
background:url(images/icon-buy-ffffff.svg) no-repeat left center;
background-size:15px 15px;
}
*.btn span.pay{
background:url(images/icon-buy-ffffff.svg) no-repeat left center;
background-size:18px 18px;
}
*.btn.btn-xs span.pay{
background:url(images/icon-buy-ffffff.svg) no-repeat left center;
background-size:15px 15px;
}
*.btn.btn-lg span.pay{
background:url(images/icon-buy-ffffff.svg) no-repeat left center;
background-size:22px 22px;
}
*.btn span.orderlist{
background:url(images/icon-orderlist-ffffff.svg) no-repeat left center;
background-size:18px 18px;
}
*.btn.btn-xs span.orderlist{
background:url(images/icon-orderlist-ffffff.svg) no-repeat left center;
background-size:15px 15px;
}
*.btn.btn-lg span.orderlist{
background:url(images/icon-orderlist-ffffff.svg) no-repeat left center;
background-size:22px 22px;
}
*.btn span.apps{
background:url(images/icon-apps-ffffff.svg) no-repeat left center;
background-size:18px 18px;
}
*.btn.btn-xs span.apps{
background:url(images/icon-apps-ffffff.svg) no-repeat left center;
background-size:15px 15px;
}
*.btn.btn-lg span.apps{
background:url(images/icon-apps-ffffff.svg) no-repeat left center;
background-size:22px 22px;
}
*.btn span.appslist{
background:url(images/icon-appover-ffffff.svg) no-repeat left center;
background-size:18px 18px;
}
*.btn.btn-xs span.appslist{
background:url(images/icon-appover-ffffff.svg) no-repeat left center;
background-size:15px 15px;
}
*.btn.btn-lg span.appslist{
background:url(images/icon-appover-ffffff.svg) no-repeat left center;
background-size:22px 22px;
}
/* 默认标准表单 */
form.standard{
width:100%;
font-size:1.4rem;
}
form.standard .control-group{
border-bottom:1px #e5e5e5 solid;
padding:5px 0;
width:100%;
}
form.standard .control-group:last-child{
border-bottom:0;
}
form.standard .control-group .control-label{
flex: 0 0 auto;
padding:0 0.6rem;
font-size:1.4rem;
color:#000;
}
form.standard .control-group.fixed-flex-fs-s .control-label{
line-height:2.2;
}
form.standard .control-group.error .control-label{
color:#e7211e;
}
form.standard .control-group .controls{
flex:1 1 auto;
padding:0 0.5rem;
}
form.standard .control-group .controlsset{
flex: 0 0 20px;
}
form.standard .control-group .controlsset .arrow{
width: 12px;
height: 12px;
}
form.standard .control-group .controls .subitem{
flex:1 1 auto;
}
form.standard .control-group .controls .subline{
flex:0 0 40px;
text-align:center;
font-size:1.8rem;
line-height:29px;
font-weight:bold;
}
form.standard .control-group .controls .staic-txt{
line-height:32px;
}
form.standard .control-group .controls .staic-txt-exp{
line-height:20px;
padding: 6px 0;
}
form.standard .control-group .controls .i_input_tip{
display:block;
font-size:1.2rem;
clear:both;
color:#ccc;
line-height:1.2;
}
form.standard .control-group .controls .i_input_tip.error{
color:#e7211e;
}
form.standard .control-group .controls input:-moz-placeholder,form.standard .control-group .controls textarea:-moz-placeholder{
color: rgba(0, 0, 0, 0.3);
}
form.standard .control-group .controls input:-ms-input-placeholder,form.standard .control-group .controls textarea:-ms-input-placeholder{
color: rgba(0, 0, 0, 0.3);
}
form.standard .control-group .controls input::-webkit-input-placeholder,form.standard .control-group .controls textarea::-webkit-input-placeholder{
color: rgba(0, 0, 0, 0.3);
}
form.standard .control-group .controls input.lg{
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border:0;
background-color:transparent;
height:40px;
padding:3px 0;
line-height:34px;
margin:0;
font-size:1.4rem;
}
form.standard .control-group .controls .subitem input.lg{
text-align:center;
}
form.standard .control-group .controls textarea.lg{
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border:0px #f1f1f1 solid;
background-color:#fff;
padding:3px;
line-height:24px;
margin:0;
font-size:14px;
resize: none;
cursor: auto;
vertical-align: -webkit-baseline-middle;
vertical-align: bottom;
vertical-align: middle;
vertical-align: text-bottom;
vertical-align: text-top;
vertical-align: top;
color:#686868;
}
form.standard .control-group .controls select.form-control{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
display: inline-block;
height: 36px;
padding: 4px;
font-size: 1.4rem;
line-height: 26px;
width:100%;
color: #555555;
vertical-align: middle;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #ffffff;
border: 1px solid #d5d5d5;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
form.standard .control-group .controls select.form-control:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
form.standard .control-group .controlsset{
flex:0 0 auto;
padding:0 5px;
}
form.standard .control-group .controlsset img#loginvc{
height:40px;
}
form.standard .control-group .btninner{
border:0;
padding:5px 10px;
background-color:#ccc;
color:#fff;
font-size:1.5rem;
line-height:22px;
height:32px;
border-radius:3px;
display:inline-block;
cursor:pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color:#f60;
}
form.standard .control-group button.upimg{
border:1px #a0a0a0 dashed;
background-color:#f5f5f5;
padding:0 5px 5px 5px;
text-align:center;
line-height:1;
font-size:1.2rem;
color:#000;
cursor:pointer;
margin:0 3px;
border-radius:5px;
}
form.standard .control-group button.upimg span.icon{
background:url(images/icon-upload-a0a0a0.svg) no-repeat center center;
background-size:36px;
display:block;
height:28px;
margin-bottom:2px;
}
form.standard .control-group a.help{
display:inline-block;
}
form.standard .control-group a.help img{
height:24px;
width:24px;
}
form.standard .control-action , form.standard .control-group-hole{
padding:15px 0;
}
form.standard .control-action{
text-align:center;
}
form.standard .control-group-hole .txt-r,form.standard .control-group-hole .txt-r a{
color:#f60;
}
form.standard .control-group-box{
padding:5px 10px;
border:2px #ccc solid;
}
form.standard .control-group-box h1.title{
font-size:1.4rem;
font-weight:600;
line-height:2;
color:#424242;
}
/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
position: absolute;
left: -9999px;
opacity: 0; }
[type="checkbox"] , [type="checkbox"] *{
/* checkbox aspect */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
[type="checkbox"] + label {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 20px;
line-height: 20px;
font-size: 1.4rem;
-webkit-user-select: none;
/* webkit (safari, chrome) browsers */
-moz-user-select: none;
/* mozilla browsers */
-khtml-user-select: none;
/* webkit (konqueror) browsers */
-ms-user-select: none;
/* IE10+ */ }
[type="checkbox"] + label:before,
[type="checkbox"]:not(.filled-in) + label:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
z-index: 0;
border: 1px solid #b1b8bb;
border-radius: 1px;
margin-top: 2px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
[type="checkbox"]:not(.filled-in) + label:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0); }
[type="checkbox"]:not(:checked):disabled + label:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
background-color: rgba(0, 0, 0, 0.26); }
[type="checkbox"].tabbed:focus + label:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
border: 0;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
background-color: rgba(0, 0, 0, 0.1); }
[type="checkbox"]:checked + label:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
top: -4px;
left: -5px;
width: 12px;
height: 22px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #26a69a;
border-bottom: 2px solid #26a69a;
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%; }
[type="checkbox"]:checked:disabled + label:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-right: 2px solid rgba(0, 0, 0, 0.26);
border-bottom: 2px solid rgba(0, 0, 0, 0.26); }
/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + label:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
top: -11px;
left: -12px;
width: 10px;
height: 22px;
border-top: none;
border-left: none;
border-right: 2px solid #26a69a;
border-bottom: none;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%; }
[type="checkbox"]:indeterminate:disabled + label:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-right: 2px solid rgba(0, 0, 0, 0.26);
background-color: transparent; }
[type="checkbox"].filled-in + label:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 2px; }
[type="checkbox"].filled-in + label:before,
[type="checkbox"].filled-in + label:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
content: '';
left: 0;
position: absolute;
/* .1s delay is for check animation */
-webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
-o-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
z-index: 1; }
[type="checkbox"].filled-in:not(:checked) + label:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 0;
height: 0;
border: 3px solid transparent;
left: 6px;
top: 10px;
-webkit-transform: rotateZ(37deg);
-ms-transform: rotate(37deg);
transform: rotateZ(37deg);
-webkit-transform-origin: 20% 40%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%; }
[type="checkbox"].filled-in:not(:checked) + label:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 20px;
width: 20px;
background-color: transparent;
border: 1px solid #b1b8bb;
top: 0px;
z-index: 0; }
[type="checkbox"].filled-in:checked + label:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
top: 0;
left: 1px;
width: 8px;
height: 13px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotateZ(37deg);
-ms-transform: rotate(37deg);
transform: rotateZ(37deg);
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%; }
[type="checkbox"].filled-in:checked + label:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
top: 0;
width: 20px;
height: 20px;
border: 2px solid #26a69a;
background-color: #26a69a;
z-index: 0; }
[type="checkbox"].filled-in.tabbed:focus + label:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 2px;
border-color: #5a5a5a;
background-color: rgba(0, 0, 0, 0.1); }
[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 2px;
background-color: #26a69a;
border-color: #26a69a; }
[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
border: 2px solid transparent; }
[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-color: transparent;
background-color: #BDBDBD; }
[type="checkbox"].filled-in:disabled:checked + label:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent; }
[type="checkbox"].filled-in:disabled:checked + label:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #BDBDBD;
border-color: #BDBDBD; }
[type="checkbox"].filled-in:checked.chk-col-light-blue + label:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid #03A9F4;
background-color: #03A9F4; }
[type="checkbox"].filled-in:checked.chk-col-red + label:after {
border: 2px solid #fb3a3a;
background-color: #fb3a3a; }
[type="checkbox"].filled-in:checked.chk-col-pink + label:after {
border: 2px solid #E91E63;
background-color: #E91E63; }
[type="checkbox"].filled-in:checked.chk-col-purple + label:after {
border: 2px solid #7460ee;
background-color: #7460ee; }
[type="checkbox"].filled-in:checked.chk-col-deep-purple + label:after {
border: 2px solid #673AB7;
background-color: #673AB7; }
[type="checkbox"].filled-in:checked.chk-col-indigo + label:after {
border: 2px solid #3F51B5;
background-color: #3F51B5; }
[type="checkbox"].filled-in:checked.chk-col-blue + label:after {
border: 2px solid #02bec9;
background-color: #02bec9; }
[type="checkbox"].filled-in:checked.chk-col-light-blue + label:after {
border: 2px solid #03A9F4;
background-color: #03A9F4; }
[type="checkbox"].filled-in:checked.chk-col-cyan + label:after {
border: 2px solid #00BCD4;
background-color: #00BCD4; }
[type="checkbox"].filled-in:checked.chk-col-teal + label:after {
border: 2px solid #009688;
background-color: #009688; }
[type="checkbox"].filled-in:checked.chk-col-green + label:after {
border: 2px solid #26c6da;
background-color: #26c6da; }
[type="checkbox"].filled-in:checked.chk-col-light-green + label:after {
border: 2px solid #8BC34A;
background-color: #8BC34A; }
[type="checkbox"].filled-in:checked.chk-col-lime + label:after {
border: 2px solid #CDDC39;
background-color: #CDDC39; }
[type="checkbox"].filled-in:checked.chk-col-yellow + label:after {
border: 2px solid #ffe821;
background-color: #ffe821; }
[type="checkbox"].filled-in:checked.chk-col-amber + label:after {
border: 2px solid #FFC107;
background-color: #FFC107; }
[type="checkbox"].filled-in:checked.chk-col-orange + label:after {
border: 2px solid #FF9800;
background-color: #FF9800; }
[type="checkbox"].filled-in:checked.chk-col-deep-orange + label:after {
border: 2px solid #FF5722;
background-color: #FF5722; }
[type="checkbox"].filled-in:checked.chk-col-brown + label:after {
border: 2px solid #795548;
background-color: #795548; }
[type="checkbox"].filled-in:checked.chk-col-grey + label:after {
border: 2px solid #9E9E9E;
background-color: #9E9E9E; }
[type="checkbox"].filled-in:checked.chk-col-blue-grey + label:after {
border: 2px solid #607D8B;
background-color: #607D8B; }
[type="checkbox"].filled-in:checked.chk-col-black + label:after {
border: 2px solid #000000;
background-color: #000000; }
.selorbox{
position:relative;
}
.selorbox > input{
width:0;
height:0;
position:absolute;
left:0;
top:0;
border:0;
padding:0;
margin:0;
background-color:transparent;
}
.selorbox .selitems{
flex-wrap:wrap;
}
.selorbox > input[type='hidden']{
}
.selorbox .selitems .selitem{
margin:4px;
border:1px #ccc solid;
text-align:center;
cursor:pointer;
position:relative;
overflow:hidden;
border-radius:3px;
}
.selorbox .selitems .selitem .trag{
position:absolute;
right:0;
bottom:-15px;
background:url(images/ico_yes.png) no-repeat 0 0;
height:15px;
width:15px;
z-index:1;
}
.selorbox .selitems .selitem span.txt{
display:inline-block;
padding:2px 10px;
min-width:40px;
font-size:14px;
line-height:28px;
text-align:center;
}
.selorbox .selitems .selitem span.img{
}
.selorbox .selitems .selitem span.img img{
width:90px;
height:auto;
}
.selorbox .selitems .selitem.active{
border:1px #ff362c solid;
box-shadow:inset 0 0 5px rgba(0,0,0,.3);
}
.selorbox .selitems .selitem.active .trag{
bottom:0;
}
.selorbox .selitems .selitem{
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.selorbox .selitems .selitem .trag{
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
/* 用于规格的选择 */
.standardbox{
position:relative;
}
.standardbox > input{
width:0;
height:0;
position:absolute;
left:0;
top:0;
border:0;
padding:0;
margin:0;
background-color:transparent;
}
.standardbox .selitems{
flex-wrap:wrap;
}
.standardbox > input[type='hidden']{
}
.standardbox .selitems .selitem{
margin:4px;
border:1px #ccc solid;
text-align:center;
cursor:pointer;
position:relative;
overflow:hidden;
}
.standardbox .selitems .selitem .trag{
position:absolute;
right:0;
bottom:-15px;
background:url(images/ico_yes.png) no-repeat 0 0;
height:15px;
width:15px;
z-index:1;
}
.standardbox .selitems .selitem span.txt{
display:inline-block;
padding:2px 10px;
min-width:40px;
font-size:14px;
line-height:28px;
text-align:center;
}
.standardbox .selitems .selitem span.img{
}
.standardbox .selitems .selitem span.img img{
width:100px;
height:auto;
}
.standardbox .selitems .selitem.active{
border:1px #c6021f solid;
box-shadow:inset 0 0 5px rgba(0,0,0,.3);
}
.standardbox .selitems .selitem.active .trag{
bottom:0;
}
.standardbox .selitems .selitem{
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.standardbox .selitems .selitem .trag{
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
/* 页面头部 */
.pageheader{
height:50px;
width:100%;
position:fixed;
top:0;
left:0;
right:0;
z-index:10;
background-color:#ffffff;
border-bottom:1px #d5d5d5 solid;
box-shadow:0 0 5px rgba(0,0,0,.2);
}
.pageheader_fixed{
clear:both;
height:51px;
width:100%;
}
.pageheader .tophead{
width: 200px;
height: 50px;
position: absolute;
top: 0;
left: 50%;
z-index: 51;
margin-left: -100px;
font-size: 16px;
line-height: 1.1;
color: #424242;
text-align: center;
font-weight: 500;
}
.pageheader .tophead img.toplogo{
height: 20px;
width: auto;
}
.pageheader .topleft{
padding-left:10px;
flex:0 0 auto;
min-height: 20px;
}
.pageheader .topleft .return{
width: 20px;
height: 20px;
margin-right: 10px;
}
.pageheader .topleft .return a{
display: block;
}
.pageheader .topleft .return a img{
width:20px;
height:20px;
}
.pageheader .topleft .home{
width: 20px;
height: 20px;
margin-right: 10px;
}
.pageheader .topleft .home a{
display: block;
}
.pageheader .topleft .home a img{
width:20px;
height:20px;
}
.pageheader .topleft .selectcity{
height: 20px;
cursor: pointer;
position: relative;
}
.pageheader .topleft .selectcity img{
display: block;
width:20px;
height:20px;
}
.pageheader .topleft .selectcity .cityname{
color: #424242;
font-size: 16px;
font-weight:500;
}
.pageheader .topright{
padding-right:10px;
flex:0 0 auto;
min-height: 20px;
}
.pageheader .topright .fnlink{
height:30px;
position: relative;
}
.pageheader .topright .fnlink .batchlink{
color: #424242;
font-size: 16px;
font-weight:500;
background-color: #f0f0f0;
border-radius:5px;
padding: 0 5px;
}
.pageheader .topright .fnlink .batchlink img{
width:24px;
height:auto;
display: inline-block;
}
.pageheader .topright .fnlink .batchlink .batchname{
color: #424242;
font-size: 16px;
font-weight:500;
}
.pageheader .topright .fnlink .topbatchlist{
background-color: #fff;
position: absolute;
right: 0;
top: 35px;
z-index: 103;
border:1px #f0f0f0 solid;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
width: 300px;
padding: 10px 15px;
border-radius: 10px;
}
.pageheader .topright .fnlink .topbatchlist .tag{
border:9px solid;
border-color: transparent transparent #fff transparent;
position: absolute;
right: 10px;
top: -17px;
z-index: 2;
}
.pageheader .topright .fnlink .topbatchlist .listbox{
}
.pageheader .topright .fnlink .topbatchlist .listbox .listitem{
border-radius: 8px;
background-color: #f5f5f5;
padding: 10px 15px;
margin-bottom: 12px;
}
.pageheader .topright .fnlink .topbatchlist .listbox .listitem.selected{
background-color: #e5ecff;
}
.pageheader .topright .fnlink .topbatchlist .listbox .listitem:last-child{
margin-bottom: 0;
}
.pageheader .topright .fnlink .topbatchlist .listbox .listitem .batchname{
}
.pageheader .topright .fnlink .topbatchlist .listbox .listitem .batchname .icon{
flex: 0 0 20px;
margin-right: 10px;
}
.pageheader .topright .fnlink .topbatchlist .listbox .listitem .batchname .icon img{
width: 20px;
height: auto;
}
.pageheader .topright .fnlink .topbatchlist .listbox .listitem .batchname .word{
flex: 1 1 auto;
font-weight: 500;
color: #000;
font-size: 16px;
}
.pageheader .topright .fnlink .topbatchlist .listbox .listitem.selected .batchname .word{
color: var(--main-color);
}
.pageheader .topright .fnlink .topbatchlist .listbox .listitem .subtitle{
line-height: 1.1;
padding-left: 30px;
}
.pageheader .topright .fnlink .topbatchlist .listbox .listitem .arrivaltime{
}
.pageheader .topright .fnlink .topbatchlist .listbox .listitem .arrivaltime .icon{
flex: 0 0 20px;
margin-right: 10px;
}
.pageheader .topright .fnlink .topbatchlist .listbox .listitem .arrivaltime .icon img{
width: 16px;
height: auto;
}
.pageheader .topright .fnlink .topbatchlist .listbox .listitem .arrivaltime .word{
flex: 1 1 auto;
font-weight: 500;
color: #000;
font-size: 16px;
}
.pageheader .topright .fnlink a{
display: block;
}
.pageheader .topright .fnlink a img{
width:24px;
height:auto;
display: inline-block;
}
.pageheader .topleft .selectcity .linkcitylist{
background-color: #fff;
position: absolute;
left: 0;
top: 35px;
z-index: 103;
border:1px #f0f0f0 solid;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
padding: 10px 10px;
width: auto;
min-width: 100px;
max-height: 500px;
border-radius: 10px;
}
.pageheader .topleft .selectcity .linkcitylist .tag{
border:9px solid;
border-color: transparent transparent #fff transparent;
position: absolute;
left: 30px;
top: -17px;
z-index: 2;
}
.pageheader .topleft .selectcity .linkcitylist .citytitle{
text-align: center;
font-size: 16px;
font-family: ALSHauss, sans-serif;
font-weight: 500;
line-height: 1.1;
margin-bottom: 10px;
}
.pageheader .topleft .selectcity .linkcitylist .cityslist{
overflow-y:auto;
max-height:500px;
}
.pageheader .topleft .selectcity .linkcitylist .listitem{
color: #686868;
font-size: 16px;
line-height: 1.2;
border-radius: 8px;
background-color: #f5f5f5;
padding: 5px 10px;
margin-bottom: 10px;
}
.pageheader .topleft .selectcity .linkcitylist .listitem.selected{
background-color: #e5ecff;
}
.pageheader .topleft .selectcity .linkcitylist .listitem:last-child{
margin-bottom: 0;
}
.pageheader .topleft .selectcity .linkcitylist .listitem .cityname{
color: #686868;
}
.pageheader .topleft .selectcity .linkcitylist .listitem .cityname.selected{
color: #c30d22;
font-weight: 700;
font-family: ALSHauss, sans-serif;
}
.pageheader .topleft .selectcity .linkcitylist .listitem .storeitem{
white-space: nowrap;
padding: 0;
}
.pageheader .topleft .selectcity .linkcitylist .listitem .storeitem a.storelink{
display: block;
color: #686868;
}
.pageheader .topleft .selectcity .linkcitylist .listitem .storeitem a.storelink.selected{
color: #c30d22;
font-weight: 500;
font-family: ALSHauss, sans-serif;
}
.pageheader .topleft .selectcity .linkcitylist .listitem .storeitem .addressinfo{
color: #a0a0a0;
font-size: 12px;
font-family: ALSHauss, sans-serif;
margin-top: 5px;
}
.pageheader .topleft .selectcity .linkcitylist .listitem .storeitem .addressinfo .icon{
flex: 0 0 auto;
margin-right: 3px;
}
.pageheader .topleft .selectcity .linkcitylist .listitem .storeitem .addressinfo .icon img{
width:14px;
height:auto;
display: inline-block;
}
.pageheader .topleft .selectcity .linkcitylist .listitem .storeitem .addressinfo .address{
flex: 1 1 auto;
}
/**/
/*
*/
/*
{{store.address}}
*/
/*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*/
.sk-spinner-wordpress.sk-spinner {
background-color: #1ab394;
width: 30px;
height: 30px;
border-radius: 30px;
position: relative;
margin: 0 auto;
-webkit-animation: sk-innerCircle 1s linear infinite;
animation: sk-innerCircle 1s linear infinite;
}
.sk-spinner-wordpress .sk-inner-circle {
display: block;
background-color: #fff;
width: 8px;
height: 8px;
position: absolute;
border-radius: 8px;
top: 5px;
left: 5px;
}
@-webkit-keyframes sk-innerCircle {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes sk-innerCircle {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*
* 用法:
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
{$Think.lang.index-msg-nowlan}
*/
/*@media (min-width: 768px) !*最小768*!*/
/*@media (max-device-width: 480px) and (orientation: landscape) !*横屏*!*/
/*@media (max-width: 767px) !*最大767*!*/
/*@media screen and (min-width: 768px) !*PC或者高分辨率平板等*!*/
/*@media (min-width: 992px) !*最小992*!*/
/*@media all and (transform-3d), (-webkit-transform-3d) !*判断是否是安卓4.0以下*!*/
/*@media (min-width: 768px) and (max-width: 991px) !*768-991*!*/
/*@media (min-width: 992px) and (max-width: 1199px) !*992-1199*!*/
/*@media (min-width: 1200px) !*最小1200*!*/
/*@media print !*打印*!*/
