You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
408 lines
10 KiB
CSS
408 lines
10 KiB
CSS
body, html {
|
|
height: 100%;
|
|
-webkit-tap-highlight-color: transparent; background:#ffffff;
|
|
}
|
|
.border-bottom { border-bottom:1px solid #d9d9d9 !important;
|
|
}
|
|
.demos-title {
|
|
text-align: center;
|
|
font-size: 28px;
|
|
color: #000000;
|
|
font-weight: 400;
|
|
margin: 0 15%;
|
|
}
|
|
|
|
.demos-sub-title {
|
|
text-align: center;
|
|
color: #888;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.demos-header {
|
|
padding: 35px 0;
|
|
}
|
|
|
|
.demos-content-padded {
|
|
padding: 15px;
|
|
}
|
|
.demos-ewm {
|
|
margin: 15px; text-align:center;
|
|
|
|
}
|
|
|
|
.demos-ewm img{
|
|
margin:10px auto;
|
|
|
|
}
|
|
|
|
.demos-second-title {
|
|
text-align: center;
|
|
font-size: 24px;
|
|
color: #3cc51f;
|
|
font-weight: 400;
|
|
margin: 0 15%;
|
|
}
|
|
|
|
footer {
|
|
text-align: center;
|
|
font-size: 14px;
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
footer a {
|
|
color: #999;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.page__bd,.weui-tab__bd { background:#fff;
|
|
}
|
|
|
|
.weui-cell__hd img {
|
|
width:50px; margin-right:5px;
|
|
}
|
|
.weui-cell_access .weui-cell__hd img {
|
|
width:20px;margin-right:5px;
|
|
}
|
|
|
|
.weui-cell_cards { margin:10px;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
color: inherit;
|
|
}
|
|
.weui-cell_cards:active {
|
|
background-color: #ECECEC;
|
|
}
|
|
.weui-cell_cards .card_box{width:100%;
|
|
position:relative;
|
|
}
|
|
.weui-cell_cards .card_box img{
|
|
border-radius:10px; width:100%;box-shadow: 5px 5px 5px #888888;
|
|
}
|
|
.weui-cell_cards .card_box .cardno,.weui-cell_cards .card_box .cardtype,.weui-cell_cards .card_box .cardinfo {position:absolute;z-index:9;
|
|
}
|
|
|
|
.weui-cell_cards .card_01 .cardno{top:20px; right:20px; font-size:14px; font-weight:bold;color:#ffffff;
|
|
}
|
|
.weui-cell_cards .card_01 .cardtype {top:50%; left:0; margin-top:-18px; line-height:36px; font-size:36px; font-weight:bold;color:#ffffff; width:100%; text-align:center;
|
|
}
|
|
.weui-cell_cards .card_01 .cardinfo{bottom:20px; right:20px; font-size:14px;color:#ffffff;
|
|
}
|
|
.weui-cell_cards .card_02 .cardno{top:20px; left:20px; font-size:14px; font-weight:bold;color:#ffffff;
|
|
}
|
|
.weui-cell_cards .card_02 .cardtype {top:50%; left:0; margin-top:-18px; line-height:36px; font-size:36px; font-weight:bold;color:#ffffff; width:100%; text-align:center;
|
|
}
|
|
.weui-cell_cards .card_02 .cardinfo{top:20px; right:20px; font-size:14px;color:#ffffff;
|
|
}
|
|
.weui-cell_cards .card_03 .cardno{top:20px; left:20px; font-size:14px; font-weight:bold;color:#bb2f5d;
|
|
}
|
|
.weui-cell_cards .card_03 .cardtype {top:50%; left:0; margin-top:-18px; line-height:36px; font-size:36px; font-weight:bold;color:#bb2f5d; width:100%; text-align:center;
|
|
}
|
|
.weui-cell_cards .card_03 .cardinfo{bottom:20px; right:20px; font-size:14px; color:#ffffff;
|
|
}
|
|
.weui-cell_cards .card_04 .cardno{top:20px; left:20px; font-size:14px; font-weight:bold;color:#ffffff;
|
|
}
|
|
.weui-cell_cards .card_04 .cardtype {top:50%; left:0; margin-top:-18px; line-height:36px; font-size:36px; font-weight:bold;color:#ffffff; width:100%; text-align:center;
|
|
}
|
|
.weui-cell_cards .card_04 .cardinfo{bottom:20px; right:20px; font-size:14px; color:#ffffff;
|
|
}
|
|
|
|
.weui-cell_info,.weui-cell_list {
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
color: inherit;
|
|
}
|
|
.weui-cell_info:active,.weui-cell_list:active {
|
|
background-color: #ECECEC;
|
|
}
|
|
.weui-cell_info .weui-cell__ft,.weui-cell_list .weui-cell__ft {
|
|
padding-right: 13px;
|
|
position: relative;
|
|
}
|
|
.weui-cell_info .weui-cell__ft:after,.weui-cell_list .weui-cell__ft:after {
|
|
content: " ";
|
|
display: inline-block;
|
|
height: 6px;
|
|
width: 6px;
|
|
border-width: 2px 2px 0 0;
|
|
border-color: #C8C8CD;
|
|
border-style: solid;
|
|
-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
|
|
transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
|
|
position: relative;
|
|
top: -2px;
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -4px;
|
|
right: 2px;
|
|
}
|
|
|
|
.weui-cell_info .weui-cell__hd img {
|
|
width:60px; height:60px; margin-right:5px;
|
|
}
|
|
.weui-cell_list .weui-cell__hd img {
|
|
width:60px; height:50px; margin-right:5px;
|
|
}
|
|
|
|
.weui-cells__all{background: #caffe4;
|
|
padding: 15px 5px;
|
|
color: #555555;
|
|
font-size: 18px;
|
|
}
|
|
.weui-cells__all + .weui-cells {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.weui-cells__tab {background: #eee;
|
|
padding: 15px;
|
|
color: #555555;
|
|
font-size: 18px;
|
|
}
|
|
.weui-cells__tab + .weui-cells {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.weui-cell__tab {
|
|
position: relative;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
align-items: center;
|
|
}
|
|
.weui-cell__tab:before {
|
|
content: " ";
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
height: 1px;
|
|
color: #D9D9D9;
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: scaleY(0.5);
|
|
transform: scaleY(0.5);
|
|
left: 15px;
|
|
}
|
|
|
|
|
|
.toolbars {
|
|
position:fixed;
|
|
width: 100%;
|
|
font-size: .85rem;
|
|
line-height: 1.5;
|
|
color: #929292;
|
|
background: #dddddd;
|
|
top:0; left:0; z-index:999;
|
|
}
|
|
|
|
.toolbars:before {
|
|
content: '';
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: auto;
|
|
right: auto;
|
|
height: 1px;
|
|
width: 100%;
|
|
background-color: #000000;
|
|
display: block;
|
|
z-index: 15;
|
|
-webkit-transform-origin: 50% 0%;
|
|
transform-origin: 50% 0%;
|
|
}
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
|
|
.toolbars:before {
|
|
-webkit-transform: scaleY(0.5);
|
|
transform: scaleY(0.5);
|
|
}
|
|
}
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
|
|
.toolbars:before {
|
|
-webkit-transform: scaleY(0.33);
|
|
transform: scaleY(0.33);
|
|
}
|
|
}
|
|
.toolbar_block { width:100%; display:block; height: 40px;
|
|
}
|
|
.toolbars .toolbar-inner {
|
|
height: 40px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
text-align: center;
|
|
}
|
|
.toolbars .title {
|
|
position: absolute;
|
|
display: block;
|
|
width: 100%;
|
|
padding: 0;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
line-height: 40px;
|
|
color: #929292; font-weight:bold;
|
|
text-align: center;
|
|
white-space: nowrap; background:none; margin:0; border-radius:initial;height:auto;
|
|
}
|
|
.toolbars .cancel-button {
|
|
position: absolute;
|
|
left: 0;
|
|
box-sizing: border-box;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
color: #555555;
|
|
z-index: 1;
|
|
padding: 0 .5rem;
|
|
}
|
|
|
|
.toolbars .picker-button {
|
|
position: absolute;
|
|
right: 0;
|
|
box-sizing: border-box;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
color: #555555;
|
|
z-index: 1;
|
|
padding: 0 .5rem;
|
|
}
|
|
.toolbars .picker-button span {
|
|
|
|
font-size: .7rem; color:#e64340;
|
|
}
|
|
footer {background-color: #efefef;color: #fff;border-top:1px solid #CCC;
|
|
position: fixed;
|
|
width: 100%;
|
|
height:44px;
|
|
line-height: 44px;
|
|
bottom: 0;
|
|
text-align: center;
|
|
overflow:hidden;
|
|
}
|
|
footer a {
|
|
width:20%;
|
|
height: 44px;
|
|
line-height:44px;
|
|
display: block;
|
|
font-size:12px;
|
|
float:left;color: #929292;
|
|
}
|
|
footer a.cur {color: #00aaee;}
|
|
footer a.orange {color: #ff6000;}
|
|
footer i {
|
|
display: block;
|
|
margin:0 auto 5px auto;
|
|
height: 24px;
|
|
overflow: hidden;
|
|
}
|
|
footer span{
|
|
display: block;
|
|
height: 20px;
|
|
line-height:20px;
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
footer a.orange i.home {background:url(../images/home-3.png) center bottom no-repeat;background-size: 24px 24px;}
|
|
footer i.home {background:url(../images/home-1.png) center bottom no-repeat;background-size: 24px 24px;}
|
|
footer a.cur i.home {background:url(../images/home-2.png) center bottom no-repeat;background-size: 24px 24px;}
|
|
footer i.my {background:url(../images/my-1.png) center bottom no-repeat;background-size: 24px 24px;}
|
|
footer a.cur i.my {background:url(../images/my-2.png) center bottom no-repeat;background-size: 24px 24px;}
|
|
footer i.msg {background:url(../images/msg-1.png) center bottom no-repeat;background-size: 24px 24px;}
|
|
footer a.cur i.msg {background:url(../images/msg-2.png) center bottom no-repeat;background-size: 24px 24px;}
|
|
footer i.office {background:url(../images/office-1.png) center bottom no-repeat;background-size: 24px 24px;}
|
|
footer a.cur i.office {background:url(../images/office-2.png) center bottom no-repeat;background-size: 24px 24px;}
|
|
footer i.psc {background:url(../images/psc-1.png) center bottom no-repeat;background-size: 24px 24px;}
|
|
footer a.cur i.psc {background:url(../images/psc-2.png) center bottom no-repeat;background-size: 24px 24px;}
|
|
footer i.tel-list {background:url(../images/tel-list-1.png) center bottom no-repeat;background-size: 24px 24px;}
|
|
footer a.cur i.tel-list {background:url(../images/tel-list-2.png) center bottom no-repeat;background-size: 24px 24px;}
|
|
|
|
.foot_block {display:block; width:100%; height:56px;}
|
|
|
|
|
|
.swiper-container {
|
|
width: 100%;
|
|
}
|
|
|
|
.swiper-container img {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.fr0810 {
|
|
position: absolute;top: -.8em;right: -1em;
|
|
}
|
|
|
|
|
|
.list-li{
|
|
position:relative;-webkit-transform: translateX(0px); border-bottom:1px solid #d9d9d9; height:auto;
|
|
}
|
|
.list-li .ha-btn{ position: absolute; top: 0; right: -80px; text-align: center; background: #f00; color: #fff; width: 80px; line-height:80px; height:100%; }
|
|
.list-li .ha-btn2{ line-height:70px; }
|
|
|
|
.fl { position:absolute;left:0;top:0; z-index:9;
|
|
}
|
|
.fr { position:absolute;right:0;top:0;z-index:9;
|
|
}
|
|
.returnback{
|
|
width: 24px;
|
|
height: 40px;
|
|
float: left;
|
|
margin: 2px 10px;border: 0px solid #44629b;background:url(../imgs/return-left-2-2.png) no-repeat left center; background-size:20px 20px;
|
|
}
|
|
.Add-btn{
|
|
width: 24px;
|
|
height: 40px;
|
|
float: right;
|
|
margin: 2px 10px;border: 0px solid #44629b;background:url(../imgs/add-btn.png) no-repeat right center; background-size:20px 20px;
|
|
}
|
|
.sao-btn{
|
|
width: 24px;
|
|
height: 40px;
|
|
float: right;
|
|
margin: 2px 10px;border: 0px solid #44629b;background:url(../imgs/sao.png) no-repeat right center; background-size:20px 20px;
|
|
}
|
|
.ewm-btn{
|
|
width: 24px;
|
|
height: 40px;
|
|
float: right;
|
|
margin: 2px 10px;border: 0px solid #44629b;background:url(../imgs/ewm.png) no-repeat right center; background-size:20px 20px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.weui-p {
|
|
color: #000000;
|
|
}
|
|
|
|
|
|
.title-btn { width:auto;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
line-height: 40px;
|
|
color: #929292;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
white-space: nowrap; border:none; background:none;
|
|
}
|
|
.pw25 { width:25%;
|
|
}
|
|
.pw100 { width:100%;
|
|
}
|
|
.color_blue { color:#2880d7 !important;
|
|
}
|
|
.demos-remark-title { color:#e64340 !important; text-align:left;
|
|
}
|
|
.btn-on {
|
|
background:url(../imgs/btn-on.png) no-repeat left center; width:40px;height:35px; float:right; background-size:18px 18px;
|
|
}
|
|
.btn-off {
|
|
background:url(../imgs/btn-off.png) no-repeat left center; width:40px;height:35px;float:right;background-size:18px 18px;
|
|
}
|
|
.radio-list {
|
|
}
|
|
.radio-list .weui-cell__hd {
|
|
display: inline-block;
|
|
line-height: 26px;
|
|
}
|
|
.radio-list .weui-cell__bd{display:inline-block; line-height:30px;
|
|
} |