李涵 / integral · 提交

转到一个项目

作者 lihan
提交 530a3f8190a0a5cad01ec984ebdda511d749214d 1 个父辈 ebb0fc65 master ... juan juanli li lilijuan xv

'前端环境搭建'

内嵌 并排对比
正在显示 14 个修改的文件 包含 4382 行增加 和 1 行删除

要显示太多修改。
重新载入完整差异 差异文件 邮件补丁

为保证性能只显示 14 of 14+ 个文件。

... ... @@ -125,7 +125,10 @@ $configs = [
'tpl_deny_php' => false
],
// 视图输出字符串内容替换
'view_replace_str' => [],
'view_replace_str' => [
'__INDEX__'=> '/static/index',
'__URL__'=>'integral.w.bronet.cn'
],
// 默认跳转页面对应的模板文件
'dispatch_success_tmpl' => THINK_PATH . 'tpl' . DS . 'dispatch_jump.tpl',
'dispatch_error_tmpl' => THINK_PATH . 'tpl' . DS . 'dispatch_jump.tpl',
... ...
<?php
/**
* Created by PhpStorm.
* User: yhbr
* Date: 2018/9/27
* Time: 9:58
*/
namespace app\index\controller;
use cmf\controller\HomeBaseController;
class IndexController extends HomeBaseController
{
public function index()
{
return $this->fetch();
}
}
\ No newline at end of file
... ...
body,html{
width:100%;
height:100%;
background: #fff;
}
.item_order_list{
background: #fff;
padding-bottom: 0;
margin-top: 0.16rem;
}
.order_head{
display:flex;
justify-content: space-between;
align-items: center;
padding: 0.32rem 0.5rem;
height:0.88rem;
background: #fff;
border-bottom: 1px solid #f5f5f5;
}
.order_num{
display:flex;
}
.order_list_num,.item_num{
font-size: 0.26rem;
color:#1A1A1A;
}
.order_content_item{
display:flex;
margin-top: 0.24rem;
/*justify-content: space-between;*/
/*align-items: center;*/
}
.order_content_item:first-child{
margin-top:0;
}
.order_content{
width:6.86rem;
margin: 0 auto;
background:RGBA(250, 250, 250, 1) ;
padding: 0.18rem;
}
.content_text{
width:5rem;
padding-left: 0.3rem;
}
.content_item_img{
width:1.32rem;
height:1.32rem;
}
.content_item_img img{
width:100%;
}
.order_type{
font-size: 0.26rem;
color:#FE0A01;
}
.good_name{
width:4.8rem;
color:#1A1A1A;
font-size: 0.26rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.good_test{
width:4.8rem;
display:flex;
justify-content: space-between;
align-items: center;
margin-top:0.16rem;
}
.item_tast,.tast_num{
font-size: 0.26rem;
color:#666666;
}
.item_tast{
width:2.5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.item_price{
color:RGBA(255, 0, 0, 1);
font-size: 0.24rem;
margin-top:0.06rem ;
}
.item_money{
color:RGBA(255, 0, 0, 1);
font-size: 0.38rem;
font-weight: bold;
}
.reason{
width:6.86rem;
margin: 0 auto;
background: RGBA(247, 248, 250, 1);
height:3.2rem;
padding: 0.35rem 0.33rem;
margin-top: 0.43rem;
border-radius: 0.2rem;
}
.reason_title{
color:RGBA(38, 54, 58, 1);
font-size: 0.3rem;
font-weight: bold;
}
.goodreason{
font-size: 0.26rem;
color:RGBA(26, 26, 26, 1);
margin-top: 0.73rem;
height:1.4rem;
overflow: auto;
}
.phone{
margin-left: 0.65rem;
color:RGBA(37, 39, 41, 1);
font-size: 0.26rem;
margin-top: 0.36rem;
}
.express,.express_num{
width:6.86rem;
margin: 0 auto;
height:1rem;
background: RGBA(247, 248, 250, 1);
border-radius: 0.2rem;
font-size:0.3rem;
color:RGBA(38, 54, 58, 1);
padding: 0.36rem 0.35rem;
margin-top: 0.35rem;
}
\ No newline at end of file
... ...
*{
margin:0 ;
padding:0;
box-sizing:border-box;
outline:none;
-webkit-tap-highlight-color:rgba(255,0,0,0);
}
... ...
body,html{
width:100%;
height:100%;
background:#F5F6FA ;
}
.container{
}
.status{
color:#26363A;
font-size: 0.32rem;
text-align: right;
padding-right: 0.31rem;
margin-top: 0.31rem;
font-weight: bold;
}
.good_img{
width:1.79rem;
height:1.79rem;
margin-left: 0.21rem;
}
.good_img img{
width:100%;
}
.cart_text{
display:flex;
width:6.86rem;
height:2.46rem;
margin: 0 auto;
background: #fff;
border-radius: 0.1rem;
box-shadow:0px 6px 12px 0px rgba(224,223,220,0.24);
padding-top: 0.27rem;
margin-top: 0.28rem;
padding-left: 0.2rem;
padding-bottom: 0.29rem;
}
.select{
font-size: 0.39rem;
height:1.79rem;
line-height: 1.79rem;
}
.noselect{
font-size: 0.39rem;
height:1.79rem;
line-height: 1.79rem;
color:#FF0000;
}
.good_content{
margin-left: 0.39rem;
}
.cart_name{
color:#1A1A1A;
font-size: 0.26rem;
}
.cart_tast{
color: #666666;
font-size: 0.26rem;
margin-top: 0.12rem;
}
.inter{
color:#FF0000;
font-size: 0.24rem;
margin-top: 0.17rem;
}
.addcart{
display:flex;
justify-content: space-between;
align-items: center;
margin-top: 0.08rem;
height:0.5rem;
}
.price{
color:#FF0000;
font-size: 0.28rem;
font-weight: bold;
vertical-align: middle;
}
.add_cart_num{
display:flex;
justify-content: space-between;
align-items: center;
vertical-align: middle;
}
.reduce_num,.add_num{
width:0.2rem;
font-size: 0;
}
.reduce_num img,.add_num img{
width:100%;
}
.num_num{
width:0.8rem;
height:0.5rem;
border-radius: 0.03rem;
background: #F0F1F5;
font-size:0.3rem ;
color:#3F4040;
text-align: center;
line-height: 0.5rem;
margin: 0 0.2rem;
}
/*底部导航*/
.foot{
display:flex;
justify-content: space-between;
align-items: center;
padding: 0.1rem 1rem;
position:fixed;
bottom:0;
left:0;
right:0;
background: #fff;
border-top:1px solid #f5f5f5;
}
.home_page{
font-size: 0.24rem;
color:#969799;
width:0.6rem;
text-align: center;
}
.shop_cart{
color:#BA1B2B;
font-size: 0.24rem;
width:0.8rem;
text-align: center;
}
.member_center{
color:#969799;
font-size: 0.24rem;
width:1rem;
text-align: center;
}
.home_img,.shopcart_img,.member_img{
width:0.6rem;
height:0.66rem;
font-size: 0;
}
.shopcart_img{
margin-left: 0.05rem;
}
.member_img{
margin-left: 0.2rem;
}
.home_img img,.shopcart_img img,.member_img img{
width:100%;
}
/*编辑*/
.balance{
background: #fff;
display:flex;
justify-content: space-between;
align-items: center;
position:fixed;
bottom:1.2rem;
left:0;
right:0;
height:1.1rem;
}
.select_all{
display:flex;
margin-left: 0.24rem;
height:0.5rem;
line-height: 0.5rem;
}
.allselect{
font-size: 0.5rem;
}
.allselectred{
font-size: 0.5rem;
color: #FF0000;
}
.both{
color:#1A1A1A;
font-size:0.3rem;
margin-left: 0.17rem;
}
.total_balance{
font-size: 0.24rem;
color:#FE0A01;
}
.total_select{
display:flex;
height:0.3rem;
line-height: 0.3rem;
}
.total_calute{
color:#FE0A01;
font-size: 0.3rem;
font-weight: bold;
margin-left: 0.1rem;
}
.settle{
width:2.5rem;
height:1rem;
background: #BA1B2B;
color:#fff;
font-size:0.36rem;
text-align: center;
line-height: 1rem;
}
/*确认删除商品*/
.deletewrap{
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
position:fixed;
top:0;
left:0;
right:0;
z-index: 5;
}
.deletepop{
width:5.2rem;
height:3rem;
background: #ffffff;
border-radius: 0.1rem;
position: absolute;
z-index: 6;
/*left:0.4rem;*/
/*top: 3rem;*/
top:50%;
left:50%;
transform: translate(-50%,-50%);
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
padding-top: 0.29rem;
}
.suredelete{
color:#1A1A1A;
font-size: 0.32rem;
}
.certainornot{
font-size: 0.3rem;
color:#666666;
margin-top: 0.43rem;
}
.certain{
display:flex;
justify-content:space-between;
align-items: center;
border-top:1px solid #f5f5f5;
margin-top: 0.4rem;
}
.cancel,.sure{
width:2.6rem;
height:0.88rem;
line-height: 0.88rem;
color:#666666;
font-size: 0.3rem;
text-align: center;
}
.sure{
color:#FF0000;
}
.remindpop{
width: 5.2rem;
height: 1.91rem;
background-color: rgba(0,0,0,0.5);
position:fixed;
top:50%;
left:50%;
transform: translate(-50%,-50%);
z-index: 5;
border-radius: 0.1rem;
padding: 0.6rem 0 0.5rem 0 ;
}
.remindpop p{
font-size: 0.28rem;
color:#fff;
margin: 0 auto;
text-align: center;
}
/*购物车为空*/
.shopcar{
width:3.5rem;
font-size: 0.3rem;
color:#969799;
margin: 0 auto;
text-align: center;
margin-top:5.99rem;
}
.see{
width:1.71rem;
margin: 0 auto;
height:0.72rem;
background:#FF0000;
color:#fff;
font-size:0.3rem;
border-radius:0.36rem ;
background:linear-gradient(-30deg,rgba(243,3,1,1),rgba(247,26,8,1));
box-shadow:1px 20px 30px rgba(243,3,1,0.24);
text-align: center;
line-height: 0.72rem;
margin-top: 0.35rem;
}
... ...
body, html {
height: 100%;
-webkit-tap-highlight-color: transparent;
}
.demos-title {
text-align: center;
font-size: 34px;
color: #3cc51f;
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-second-title {
text-align: center;
font-size: 24px;
color: #3cc51f;
font-weight: 400;
margin: 0 15%;
}
footer {
text-align: center;
font-size: 14px;
padding: 20px;
}
footer a {
color: #999;
text-decoration: none;
}
... ...
body,html{
width:100%;
height:100%;
background: #fff;
}
.container{
display:flex;
height:100%;
}
.navigation{
width:1.6rem;
/*margin-top: 0.58rem;*/
height:100%;
position:fixed;
left:0;
overflow-y: scroll;
}
.goodlist{
width:1.6rem;
height:100%;
font-size: 0.28rem;
color:#666666;
text-align: center;
line-height: 1rem;
background: #EBEBEB;
}
.goodlist li{
position:relative;
display:flex;
justify-content: center;
align-items: center;
list-style: none;
height:1.28rem;
line-height: 1.28rem;
text-align: center;
background: #F5F6FA
}
.goodlist li.active{
color:#BA1B2B;
position:relative;
display:flex;
list-style: none;
height:1.28rem;
line-height: 1.28rem;
text-align: center;
background: #fff;
}
.goodlist li.active em{
width:0.1rem;
height:0.4rem;
background:#BA1B2B ;
position:absolute;
top:0.4rem;
left:0;
}
.goodinfo{
margin-top: 0.67rem;
margin-left: 0.32rem;
position:absolute;
left:1.6rem;
}
.text_img{
width:1.2rem;
height:1.2rem;
}
.container_list{
display:flex;
border-bottom: 0.01rem solid #EBEBEB;
padding:0.23rem 0;
}
.text_img img{
width:100%;
}
.container_info{
margin-left: 0.24rem;
}
.info_name{
width:3.28rem;
font-size: 0.28rem;
color:#000000;
font-weight: 500;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.info_num{
width:2.82rem;
font-size: 0.26rem;
color: #666666;
margin-top: 0.08rem;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.people{
display:flex;
justify-content: space-between;
align-items: center;
margin-top: 0.1rem;
}
.people_weight{
width:2rem;
font-size: 0.24rem;
color:#FF0000;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.people_money{
font-size:0.24rem ;
color:#FF0000;
}
.money{
font-size:0.32rem ;
color:#FF0000;
font-weight: 600;
}
... ...
body,html{
width:100%;
height:100%;
background: RGBA(245, 246, 250, 1);
}
.head{
height:3rem;
background: #fff;
padding: 0.9rem 0;
}
.head_img{
width:1.2rem;
margin: 0 auto;
height:1.2rem;
border-radius: 50%;
background: #ddd;
}
.head_img img{
width:100%;
}
.material_name{
display:flex;
justify-content: space-between;
align-items: center;
width:7.5rem;
margin: 0 auto;
height:1.02rem;
background: #fff;
border-bottom: 1px solid #f5f5f5;
padding: 0 0.33rem;
}
.item_name{
color:RGBA(26, 26, 26, 1);
font-size: 0.28rem;
}
.list_item_name{
display:flex;
}
.list_name{
color:RGBA(83, 87, 92, 1);
font-size: 0.28rem;
height:0.26rem;
line-height: 0.26rem;
}
.item{
margin-top: 0.16rem;
}
.icon-jinru{
height:0.26rem;
line-height: 0.26rem;
color:#CCCCCC;
font-size: 0.2rem;
margin-left: 0.17rem;
}
.headwrap{
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
background-color: rgba(0,0,0,0.5);
position:absolute;
left:42%;
top:0.9rem;
z-index: 5;
}
.icon-xiangji{
position:absolute;
top:0.3rem;
left:0.35rem;
font-size: 0.5rem;
color:#fff;
}
... ...
body,html{
width:100%;
height:100%;
background: #fff;
}
.good_head{
width:7.5rem;
height:7.5rem;
}
.good_head img{
width:100%;
}
.good_info{
margin-top: 0.31rem;
width:6.85rem;
padding-left:0.33rem;
padding-right: 0.32rem;
padding-bottom: 0.49rem;
}
.good_name{
font-size: 0.32rem;
color:#000000;
width:6rem;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.good_num{
font-size: 0.265rem;
color:#333333;
width:6rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 0.1rem;
}
.people{
display:flex;
justify-content: space-between;
align-items: center;
margin-top: 0.13rem;
}
.people_weight{
color:#FF0000;
font-size: 0.24rem;
}
.people_money{
color:#FF0000;
font-size: 0.28rem;
}
.line{
width:7.5rem;
height:0.2rem;
background: #F5F6FA;
}
.good_content{
/*width:4.56rem;*/
height:1rem;
display:flex;
justify-content: space-between;
align-items: center;
padding-left: 1.33rem;
padding-right: 1.61rem;
font-size: 0;
padding-top: 0.08rem;
}
.good_content p{
color:#97A0A8;
width:1.2rem;
font-size:0.28rem;
text-align: center;
position: relative;
}
.good_content .active em{
position: absolute;
top:0.45rem;
left:0;
right:0;
width:0.8rem;
height:0.06rem;
margin: 0 auto;
background: #BA1B2B;
border-radius: 0.03rem;
}
.good_content .active{
color:#BA1B2B;
font-size:0.28rem;
position: relative;
}
.product{
font-size: 0.26rem;
color:#999999;
width:1.5rem;
height:0.25rem;
text-align: center;
margin: 0 auto;
}
.good_info_img{
width:7.5rem;
margin-top: 0.32rem;
padding-bottom: 0.6rem;
}
.good_info_img img{
width:100%;
}
.evalute{
margin-top: 0.41rem;
padding-bottom: 1.06rem;
}
.evalute_list{
margin-top: 0.44rem;
}
.evalute_list:first-child{
margin-top: 0;
}
.evalute_people{
padding-left: 0.32rem;
display:flex;
margin-top: 0.41rem;
}
.people_img{
font-size: 0;
width:0.8rem;
height:0.8rem;
}
.people_img img{
width:100%;
}
.people_info{
margin-left: 0.19rem;
}
.people_name{
font-size: 0.3rem;
color:#000000;
font-weight: bold;
}
.people_date{
color:#999999;
font-size: 0.24rem;
}
.evalute_text{
width:6.68rem;
padding-left: 0.33rem;
padding-right: 0.49rem;
color:#000000;
font-size: 0.28rem;
margin-top: 0.43rem;
}
.foot{
width:7.5rem;
height:1rem;
background: #fff;
display:flex;
justify-content: space-between;
align-items: center;
position: fixed;
bottom:0;
left:0;
right:0;
}
.cartnum{
width:1.5rem;
height:1rem;
font-size: 0;
text-align: center;
position:relative;
}
.goodcart{
width:0.57rem;
height:0.48rem;
position:relative;
left:0.38rem;
top:0.35rem;
}
.cartnum img{
width:100%;
}
.num{
width:0.38rem;
height:0.3rem;
line-height: 0.28rem;
border:0.02rem solid #FF0000;
border-radius: 0.15rem;
position:absolute;
left:0.68rem;
top:0.23rem;
color:#FF0000;
font-size: 0.24rem;
background: #fff;
}
.addcart{
width:3rem;
height:1rem;
background:#FFBA60 ;
color:#fff;
font-size: 0.36rem;
text-align: center;
line-height: 1rem;
}
.buynow{
width:3rem;
height:1rem;
background:#BA1B2B ;
font-size: 0.36rem;
color:#fff;
text-align: center;
line-height: 1rem;
}
... ...
body,html{
width:100%;
height:100%;
background: #fff;
}
.head{
height:3.3rem;
}
.swiper-slide img{
width:100%;
height:3.3rem;
/*position: fixed;*/
/*left: 0;*/
}
.notice{
display:flex;
width:6.86rem;
height:0.6rem;
margin: 0 auto;
border-radius: 0.3rem;
background:#fff;
margin-top: 0.16rem;
box-shadow: 0px 0px 15px 4px #f5f5f5;
}
.icon-laba{
margin-left: 0.31rem;
margin-top: 0.16rem;
}
.companynotice{
font-size: 0.26rem;
color:#1A1A1A;
margin-left: 0.17rem;
margin-top: 0.15rem;
}
/*会员专区*/
.special{
width:5.7rem;
margin: 0 auto;
display:flex;
justify-content:space-between ;
align-items: center;
margin-top: 0.36rem;
}
.special p{
width:1.2rem;
height:1.2rem;
}
.special p img{
width:100%;
}
.specialword{
width:5.7rem;
margin: 0 auto;
display:flex;
justify-content:space-between ;
align-items: center;
}
.specialword p{
width:1.2rem;
height:1.2rem;
font-size:0.28rem ;
color:#666666;
margin-top: 0.2rem;
}
.line{
height:0.16rem;
background: #F5F6FA;
}
.newgood{
display:flex;
justify-content: center;
align-items: center;
}
.newgood p{
font-size: 0.3rem;
color:#000000;
font-weight: bold;
margin-top: 0.24rem;
}
.remmond{
width:1.56rem;
height:0.19rem;
margin: 0 auto;
font-size: 0.24rem;
color:#000000;
font-weight: 500;
}
.newgood .lineae{
}
.text_body{
overflow: hidden;
margin-top: 0.04rem;
padding-bottom: 1.31rem;
}
.good{
float:left;
width:3.71rem;
margin-right: 0.08rem;
margin-top: 0.35rem;
}
.good:nth-child(2n){
margin-right: 0;
}
.good_img{
width:3.71rem;
height:3.71rem;
}
.good_img img{
width:100%;
}
.good_name{
width:3rem;
margin-left: 0.32rem;
font-size: 0.32rem;
color: #000000;
font-weight: 500;
margin-top: 0.2rem;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.good_tast{
width:3.3rem;
margin-left: 0.32rem;
font-size: 0.28rem;
color: #666666;
font-weight: 500;
margin-top: 0.19rem;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.good_points{
font-size: 0.24rem;
color:#FF0000;
margin-left: 0.32rem;
margin-top: 0.19rem;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.people{
display:flex;
margin-top: 0.19rem;
font-size: 0;
}
.people_price{
font-size: 0.24rem;
color:#FF0000;
margin-left: 0.28rem;
height:0.25rem;
line-height: 0.25rem;
}
.money{
font-size: 0.32rem;
color:#FF0000;
height:0.25rem;
line-height: 0.25rem;
font-weight: bold;
}
.people_comment{
font-size: 0.24rem;
color:#FF0000;
margin-left: 1.51rem;
height:0.25rem;
line-height: 0.25rem;
}
/*底部导航*/
.foot{
display:flex;
justify-content: space-between;
align-items: center;
padding: 0.1rem 1rem;
position:fixed;
bottom:0;
left:0;
right:0;
background: #fff;
}
.home_page{
font-size: 0.24rem;
color:#BA1B2B;
width:0.6rem;
text-align: center;
}
.shop_cart{
color:#969799;
font-size: 0.24rem;
width:0.8rem;
text-align: center;
}
.member_center{
color:#969799;
font-size: 0.24rem;
width:1rem;
text-align: center;
}
.home_img,.shopcart_img,.member_img{
width:0.6rem;
height:0.66rem;
font-size: 0;
}
.shopcart_img{
margin-left: 0.05rem;
}
.member_img{
margin-left: 0.2rem;
}
.home_img img,.shopcart_img img,.member_img img{
width:100%;
}
/*绑定手机号*/
.register{
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
position:fixed;
left:0;
right:0;
z-index: 5;
}
.registerwrap{
width:6.86rem;
height:5.06rem;
background: #ffffff;
border-radius: 10px;
position: absolute;
z-index: 6;
/*left:0.4rem;*/
/*top: 3rem;*/
top:50%;
left:50%;
transform: translate(-50%,-50%);
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
padding-top: 0.36rem;
}
.telnum{
width:6.4rem;
height:1rem;
border-radius: 0.5rem;
border: 0.01rem solid #EBEBEB;
margin-top: 0.45rem;
font-size: 0;
}
.bindphone{
font-size: 0.32rem;
color:#252729;
text-align: center;
}
.telnum input{
width:6.1rem;
height:1rem;
border:none;
outline:none;
border-radius: 0.5rem;
margin-left: 0.3rem;
font-size: 0.28rem;
color:#252729;
}
.code{
width:6.4rem;
height:1rem;
border-radius: 0.5rem;
border: 0.01rem solid #EBEBEB;
margin-top: 0.16rem;
font-size: 0;
display:flex;
}
.code input{
width:3.4rem;
margin-left: 0.3rem;
border:none;
outline:none;
border-radius: 0.5rem;
}
.findcode{
width:2.44rem;
height:0.72rem;
line-height: 0.72rem;
text-align: center;
background:#FE0A01;
color:#fff;
font-size: 0.28rem;
border-radius: 0.5rem;
margin-top: 0.14rem;
}
.enterindex{
width:2.94rem;
height:0.88rem;
color:#fff;
background:#FE0A01;
border-radius: 0.5rem;
font-size: 0.32rem;
text-align: center;
line-height: 0.88rem;
margin-top: 0.79rem;
}
... ...
/**
* jQuery WeUI V1.2.1
* By 言川
* http://lihongxun945.github.io/jquery-weui/
*/
.preloader {
width: 20px;
height: 20px;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: preloader-spin 1s steps(12, end) infinite;
animation: preloader-spin 1s steps(12, end) infinite;
}
.preloader:after {
display: block;
width: 100%;
height: 100%;
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: 50%;
background-size: 100%;
}
/*@-webkit-keyframes preloader-spin {*/
/*100% {*/
/*-webkit-transform: rotate(360deg);*/
/*transform: rotate(360deg);*/
/*}*/
/*}*/
/*@keyframes preloader-spin {*/
/*100% {*/
/*-webkit-transform: rotate(360deg);*/
/*transform: rotate(360deg);*/
/*}*/
/*}*/
/*
.hairline(@position, @color) when (@position = top) {
border-top: 1px solid @color;
}
.hairline(@position, @color) when (@position = left) {
border-left: 1px solid @color;
}
.hairline(@position, @color) when (@position = bottom) {
border-bottom: 1px solid @color;
}
.hairline(@position, @color) when (@position = right) {
border-right: 1px solid @color;
}
// For right and bottom
.hairline-remove(@position) when not (@position = left) and not (@position = top) {
border-left: 0;
border-bottom: 0;
}
// For left and top
.hairline-remove(@position) when not (@position = right) and not (@position = bottom) {
border-right: 0;
border-top: 0;
}
// For right and bottom
.hairline-color(@position, @color) when not (@position = left) and not (@position = top) {
border-right-color: @color;
border-bottom-color: @color;
}
// For left and top
.hairline-color(@position, @color) when not (@position = right) and not (@position = bottom) {
border-left-color: @color;
border-top-color: @color;
}
*/
label > * {
pointer-events: none;
}
html {
font-size: 20px;
}
body {
font-size: 16px;
}
/*@media only screen and (min-width: 400px) {*/
/*html {*/
/*font-size: 21.33333333px !important;*/
/*}*/
/*}*/
/*@media only screen and (min-width: 414px) {*/
/*html {*/
/*font-size: 22.08px !important;*/
/*}*/
/*}*/
/*@media only screen and (min-width: 480px) {*/
/*html {*/
/*font-size: 25.6px !important;*/
/*}*/
/*}*/
.weui_navbar {
z-index: 10;
}
.weui-popup-overlay,
.weui-popup-container {
z-index: 1000;
}
.weui-mask {
z-index: 1000;
}
/* === Grid === */
.weui-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.weui-row > [class*="col-"] {
box-sizing: border-box;
}
.weui-row .col-auto {
width: 100%;
}
.weui-row .weui-col-100 {
width: 100%;
width: calc((100% - 15px*0) / 1);
}
.weui-row.weui-no-gutter .weui-col-100 {
width: 100%;
}
.weui-row .weui-col-95 {
width: 95%;
width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684);
}
.weui-row.weui-no-gutter .weui-col-95 {
width: 95%;
}
.weui-row .weui-col-90 {
width: 90%;
width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112);
}
.weui-row.weui-no-gutter .weui-col-90 {
width: 90%;
}
.weui-row .weui-col-85 {
width: 85%;
width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942);
}
.weui-row.weui-no-gutter .weui-col-85 {
width: 85%;
}
.weui-row .weui-col-80 {
width: 80%;
width: calc((100% - 15px*0.25) / 1.25);
}
.weui-row.weui-no-gutter .weui-col-80 {
width: 80%;
}
.weui-row .weui-col-75 {
width: 75%;
width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333);
}
.weui-row.weui-no-gutter .weui-col-75 {
width: 75%;
}
.weui-row .weui-col-66 {
width: 66.66666666666666%;
width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
}
.weui-row.weui-no-gutter .weui-col-66 {
width: 66.66666666666666%;
}
.weui-row .weui-col-60 {
width: 60%;
width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
}
.weui-row.weui-no-gutter .weui-col-60 {
width: 60%;
}
.weui-row .weui-col-50 {
width: 50%;
width: calc((100% - 15px*1) / 2);
}
.weui-row.weui-no-gutter .weui-col-50 {
width: 50%;
}
.weui-row .weui-col-40 {
width: 40%;
width: calc((100% - 15px*1.5) / 2.5);
}
.weui-row.weui-no-gutter .weui-col-40 {
width: 40%;
}
.weui-row .weui-col-33 {
width: 33.333333333333336%;
width: calc((100% - 15px*2) / 3);
}
.weui-row.weui-no-gutter .weui-col-33 {
width: 33.333333333333336%;
}
.weui-row .weui-col-25 {
width: 25%;
width: calc((100% - 15px*3) / 4);
}
.weui-row.weui-no-gutter .weui-col-25 {
width: 25%;
}
.weui-row .weui-col-20 {
width: 20%;
width: calc((100% - 15px*4) / 5);
}
.weui-row.weui-no-gutter .weui-col-20 {
width: 20%;
}
.weui-row .weui-col-15 {
width: 15%;
width: calc((100% - 15px*5.666666666666667) / 6.666666666666667);
}
.weui-row.weui-no-gutter .weui-col-15 {
width: 15%;
}
.weui-row .weui-col-10 {
width: 10%;
width: calc((100% - 15px*9) / 10);
}
.weui-row.weui-no-gutter .weui-col-10 {
width: 10%;
}
.weui-row .weui-col-5 {
width: 5%;
width: calc((100% - 15px*19) / 20);
}
.weui-row.weui-no-gutter .weui-col-5 {
width: 5%;
}
.weui-row .weui-col-auto:nth-last-child(1),
.weui-row .weui-col-auto:nth-last-child(1) ~ .weui-col-auto {
width: 100%;
width: calc((100% - 15px*0) / 1);
}
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(1),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(1) ~ .weui-col-auto {
width: 100%;
}
.weui-row .weui-col-auto:nth-last-child(2),
.weui-row .weui-col-auto:nth-last-child(2) ~ .weui-col-auto {
width: 50%;
width: calc((100% - 15px*1) / 2);
}
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(2),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(2) ~ .weui-col-auto {
width: 50%;
}
.weui-row .weui-col-auto:nth-last-child(3),
.weui-row .weui-col-auto:nth-last-child(3) ~ .weui-col-auto {
width: 33.33333333%;
width: calc((100% - 15px*2) / 3);
}
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(3),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(3) ~ .weui-col-auto {
width: 33.33333333%;
}
.weui-row .weui-col-auto:nth-last-child(4),
.weui-row .weui-col-auto:nth-last-child(4) ~ .weui-col-auto {
width: 25%;
width: calc((100% - 15px*3) / 4);
}
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(4),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(4) ~ .weui-col-auto {
width: 25%;
}
.weui-row .weui-col-auto:nth-last-child(5),
.weui-row .weui-col-auto:nth-last-child(5) ~ .weui-col-auto {
width: 20%;
width: calc((100% - 15px*4) / 5);
}
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(5),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(5) ~ .weui-col-auto {
width: 20%;
}
.weui-row .weui-col-auto:nth-last-child(6),
.weui-row .weui-col-auto:nth-last-child(6) ~ .weui-col-auto {
width: 16.66666667%;
width: calc((100% - 15px*5) / 6);
}
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(6),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(6) ~ .weui-col-auto {
width: 16.66666667%;
}
.weui-row .weui-col-auto:nth-last-child(7),
.weui-row .weui-col-auto:nth-last-child(7) ~ .weui-col-auto {
width: 14.28571429%;
width: calc((100% - 15px*6) / 7);
}
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(7),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(7) ~ .weui-col-auto {
width: 14.28571429%;
}
.weui-row .weui-col-auto:nth-last-child(8),
.weui-row .weui-col-auto:nth-last-child(8) ~ .weui-col-auto {
width: 12.5%;
width: calc((100% - 15px*7) / 8);
}
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(8),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(8) ~ .weui-col-auto {
width: 12.5%;
}
.weui-row .weui-col-auto:nth-last-child(9),
.weui-row .weui-col-auto:nth-last-child(9) ~ .weui-col-auto {
width: 11.11111111%;
width: calc((100% - 15px*8) / 9);
}
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(9),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(9) ~ .weui-col-auto {
width: 11.11111111%;
}
.weui-row .weui-col-auto:nth-last-child(10),
.weui-row .weui-col-auto:nth-last-child(10) ~ .weui-col-auto {
width: 10%;
width: calc((100% - 15px*9) / 10);
}
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(10),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(10) ~ .weui-col-auto {
width: 10%;
}
.weui-row .weui-col-auto:nth-last-child(11),
.weui-row .weui-col-auto:nth-last-child(11) ~ .weui-col-auto {
width: 9.09090909%;
width: calc((100% - 15px*10) / 11);
}
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(11),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(11) ~ .weui-col-auto {
width: 9.09090909%;
}
.weui-row .weui-col-auto:nth-last-child(12),
.weui-row .weui-col-auto:nth-last-child(12) ~ .weui-col-auto {
width: 8.33333333%;
width: calc((100% - 15px*11) / 12);
}
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(12),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(12) ~ .weui-col-auto {
width: 8.33333333%;
}
.weui-row .weui-col-auto:nth-last-child(13),
.weui-row .weui-col-auto:nth-last-child(13) ~ .weui-col-auto {
width: 7.69230769%;
width: calc((100% - 15px*12) / 13);
}
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(13),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(13) ~ .weui-col-auto {
width: 7.69230769%;
}
.weui-row .weui-col-auto:nth-last-child(14),
.weui-row .weui-col-auto:nth-last-child(14) ~ .weui-col-auto {
width: 7.14285714%;
width: calc((100% - 15px*13) / 14);
}
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(14),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(14) ~ .weui-col-auto {
width: 7.14285714%;
}
.weui-row .weui-col-auto:nth-last-child(15),
.weui-row .weui-col-auto:nth-last-child(15) ~ .weui-col-auto {
width: 6.66666667%;
width: calc((100% - 15px*14) / 15);
}
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(15),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(15) ~ .weui-col-auto {
width: 6.66666667%;
}
@media all and (min-width: 768px) {
.row .tablet-100 {
width: 100%;
width: calc((100% - 15px*0) / 1);
}
.row.no-gutter .tablet-100 {
width: 100%;
}
.row .tablet-95 {
width: 95%;
width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684);
}
.row.no-gutter .tablet-95 {
width: 95%;
}
.row .tablet-90 {
width: 90%;
width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112);
}
.row.no-gutter .tablet-90 {
width: 90%;
}
.row .tablet-85 {
width: 85%;
width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942);
}
.row.no-gutter .tablet-85 {
width: 85%;
}
.row .tablet-80 {
width: 80%;
width: calc((100% - 15px*0.25) / 1.25);
}
.row.no-gutter .tablet-80 {
width: 80%;
}
.row .tablet-75 {
width: 75%;
width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333);
}
.row.no-gutter .tablet-75 {
width: 75%;
}
.row .tablet-66 {
width: 66.66666666666666%;
width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
}
.row.no-gutter .tablet-66 {
width: 66.66666666666666%;
}
.row .tablet-60 {
width: 60%;
width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
}
.row.no-gutter .tablet-60 {
width: 60%;
}
.row .tablet-50 {
width: 50%;
width: calc((100% - 15px*1) / 2);
}
.row.no-gutter .tablet-50 {
width: 50%;
}
.row .tablet-40 {
width: 40%;
width: calc((100% - 15px*1.5) / 2.5);
}
.row.no-gutter .tablet-40 {
width: 40%;
}
.row .tablet-33 {
width: 33.333333333333336%;
width: calc((100% - 15px*2) / 3);
}
.row.no-gutter .tablet-33 {
width: 33.333333333333336%;
}
.row .tablet-25 {
width: 25%;
width: calc((100% - 15px*3) / 4);
}
.row.no-gutter .tablet-25 {
width: 25%;
}
.row .tablet-20 {
width: 20%;
width: calc((100% - 15px*4) / 5);
}
.row.no-gutter .tablet-20 {
width: 20%;
}
.row .tablet-15 {
width: 15%;
width: calc((100% - 15px*5.666666666666667) / 6.666666666666667);
}
.row.no-gutter .tablet-15 {
width: 15%;
}
.row .tablet-10 {
width: 10%;
width: calc((100% - 15px*9) / 10);
}
.row.no-gutter .tablet-10 {
width: 10%;
}
.row .tablet-5 {
width: 5%;
width: calc((100% - 15px*19) / 20);
}
.row.no-gutter .tablet-5 {
width: 5%;
}
.row .tablet-auto:nth-last-child(1),
.row .tablet-auto:nth-last-child(1) ~ .col-auto {
width: 100%;
width: calc((100% - 15px*0) / 1);
}
.row.no-gutter .tablet-auto:nth-last-child(1),
.row.no-gutter .tablet-auto:nth-last-child(1) ~ .tablet-auto {
width: 100%;
}
.row .tablet-auto:nth-last-child(2),
.row .tablet-auto:nth-last-child(2) ~ .col-auto {
width: 50%;
width: calc((100% - 15px*1) / 2);
}
.row.no-gutter .tablet-auto:nth-last-child(2),
.row.no-gutter .tablet-auto:nth-last-child(2) ~ .tablet-auto {
width: 50%;
}
.row .tablet-auto:nth-last-child(3),
.row .tablet-auto:nth-last-child(3) ~ .col-auto {
width: 33.33333333%;
width: calc((100% - 15px*2) / 3);
}
.row.no-gutter .tablet-auto:nth-last-child(3),
.row.no-gutter .tablet-auto:nth-last-child(3) ~ .tablet-auto {
width: 33.33333333%;
}
.row .tablet-auto:nth-last-child(4),
.row .tablet-auto:nth-last-child(4) ~ .col-auto {
width: 25%;
width: calc((100% - 15px*3) / 4);
}
.row.no-gutter .tablet-auto:nth-last-child(4),
.row.no-gutter .tablet-auto:nth-last-child(4) ~ .tablet-auto {
width: 25%;
}
.row .tablet-auto:nth-last-child(5),
.row .tablet-auto:nth-last-child(5) ~ .col-auto {
width: 20%;
width: calc((100% - 15px*4) / 5);
}
.row.no-gutter .tablet-auto:nth-last-child(5),
.row.no-gutter .tablet-auto:nth-last-child(5) ~ .tablet-auto {
width: 20%;
}
.row .tablet-auto:nth-last-child(6),
.row .tablet-auto:nth-last-child(6) ~ .col-auto {
width: 16.66666667%;
width: calc((100% - 15px*5) / 6);
}
.row.no-gutter .tablet-auto:nth-last-child(6),
.row.no-gutter .tablet-auto:nth-last-child(6) ~ .tablet-auto {
width: 16.66666667%;
}
.row .tablet-auto:nth-last-child(7),
.row .tablet-auto:nth-last-child(7) ~ .col-auto {
width: 14.28571429%;
width: calc((100% - 15px*6) / 7);
}
.row.no-gutter .tablet-auto:nth-last-child(7),
.row.no-gutter .tablet-auto:nth-last-child(7) ~ .tablet-auto {
width: 14.28571429%;
}
.row .tablet-auto:nth-last-child(8),
.row .tablet-auto:nth-last-child(8) ~ .col-auto {
width: 12.5%;
width: calc((100% - 15px*7) / 8);
}
.row.no-gutter .tablet-auto:nth-last-child(8),
.row.no-gutter .tablet-auto:nth-last-child(8) ~ .tablet-auto {
width: 12.5%;
}
.row .tablet-auto:nth-last-child(9),
.row .tablet-auto:nth-last-child(9) ~ .col-auto {
width: 11.11111111%;
width: calc((100% - 15px*8) / 9);
}
.row.no-gutter .tablet-auto:nth-last-child(9),
.row.no-gutter .tablet-auto:nth-last-child(9) ~ .tablet-auto {
width: 11.11111111%;
}
.row .tablet-auto:nth-last-child(10),
.row .tablet-auto:nth-last-child(10) ~ .col-auto {
width: 10%;
width: calc((100% - 15px*9) / 10);
}
.row.no-gutter .tablet-auto:nth-last-child(10),
.row.no-gutter .tablet-auto:nth-last-child(10) ~ .tablet-auto {
width: 10%;
}
.row .tablet-auto:nth-last-child(11),
.row .tablet-auto:nth-last-child(11) ~ .col-auto {
width: 9.09090909%;
width: calc((100% - 15px*10) / 11);
}
.row.no-gutter .tablet-auto:nth-last-child(11),
.row.no-gutter .tablet-auto:nth-last-child(11) ~ .tablet-auto {
width: 9.09090909%;
}
.row .tablet-auto:nth-last-child(12),
.row .tablet-auto:nth-last-child(12) ~ .col-auto {
width: 8.33333333%;
width: calc((100% - 15px*11) / 12);
}
.row.no-gutter .tablet-auto:nth-last-child(12),
.row.no-gutter .tablet-auto:nth-last-child(12) ~ .tablet-auto {
width: 8.33333333%;
}
.row .tablet-auto:nth-last-child(13),
.row .tablet-auto:nth-last-child(13) ~ .col-auto {
width: 7.69230769%;
width: calc((100% - 15px*12) / 13);
}
.row.no-gutter .tablet-auto:nth-last-child(13),
.row.no-gutter .tablet-auto:nth-last-child(13) ~ .tablet-auto {
width: 7.69230769%;
}
.row .tablet-auto:nth-last-child(14),
.row .tablet-auto:nth-last-child(14) ~ .col-auto {
width: 7.14285714%;
width: calc((100% - 15px*13) / 14);
}
.row.no-gutter .tablet-auto:nth-last-child(14),
.row.no-gutter .tablet-auto:nth-last-child(14) ~ .tablet-auto {
width: 7.14285714%;
}
.row .tablet-auto:nth-last-child(15),
.row .tablet-auto:nth-last-child(15) ~ .col-auto {
width: 6.66666667%;
width: calc((100% - 15px*14) / 15);
}
.row.no-gutter .tablet-auto:nth-last-child(15),
.row.no-gutter .tablet-auto:nth-last-child(15) ~ .tablet-auto {
width: 6.66666667%;
}
}
.weui-cell__hd img {
display: block;
margin-right: 5px;
}
.weui-cell_swiped .weui-cell__bd {
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}
.swipeout-touching .weui-cell__bd {
-webkit-transition: none;
transition: none;
}
.weui-dialog,
.weui-toast {
-webkit-transition-duration: .2s;
transition-duration: .2s;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
visibility: hidden;
margin: 0;
top: 45%;
z-index: 2000;
}
.weui-dialog .weui-dialog__btn.default,
.weui-toast .weui-dialog__btn.default {
color: #5f646e;
}
.weui-dialog .weui-dialog__btn + .weui-dialog__btn,
.weui-toast .weui-dialog__btn + .weui-dialog__btn {
position: relative;
}
.weui-dialog .weui-dialog__btn + .weui-dialog__btn:after,
.weui-toast .weui-dialog__btn + .weui-dialog__btn:after {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
border-left: 1px solid #D5D5D6;
color: #D5D5D6;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
}
.weui-dialog.weui-dialog--visible,
.weui-toast.weui-dialog--visible,
.weui-dialog.weui-toast--visible,
.weui-toast.weui-toast--visible {
opacity: 1;
visibility: visible;
}
.weui-toast_forbidden {
color: #F76260;
}
.weui-toast_cancel .weui-icon-toast:before {
content: "\EA0D";
}
.weui-toast_forbidden .weui-icon-toast:before {
content: "\EA0B";
color: #F76260;
}
.weui-toast_text {
min-height: 1em;
width: auto;
height: 45px;
border-radius: 25px;
margin-left: 0;
-webkit-transform: scale(0.9) translate3d(-50%, 0, 0);
transform: scale(0.9) translate3d(-50%, 0, 0);
-webkit-transform-origin: left;
transform-origin: left;
}
.weui-toast_text.weui-toast--visible {
-webkit-transform: scale(1) translate3d(-50%, 0, 0);
transform: scale(1) translate3d(-50%, 0, 0);
}
.weui-toast_text .weui-icon-toast {
display: none;
}
.weui-toast_text .weui-toast_content {
margin: 10px 15px;
}
.weui-mask {
opacity: 0;
-webkit-transition-duration: .3s;
transition-duration: .3s;
visibility: hidden;
}
.weui-mask.weui-mask--visible {
opacity: 1;
visibility: visible;
}
.weui-prompt-input {
padding: 4px 6px;
border: 1px solid #ccc;
box-sizing: border-box;
height: 2em;
width: 80%;
margin-top: 10px;
}
.weui-pull-to-refresh {
margin-top: -50px;
-webkit-transition: -webkit-transform .4s;
transition: -webkit-transform .4s;
transition: transform .4s;
transition: transform .4s, -webkit-transform .4s;
}
.weui-pull-to-refresh.refreshing {
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
.weui-pull-to-refresh.touching {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.weui-pull-to-refresh__layer {
height: 30px;
line-height: 30px;
padding: 10px;
text-align: center;
}
.weui-pull-to-refresh__layer .down {
display: inline-block;
}
.weui-pull-to-refresh__layer .up,
.weui-pull-to-refresh__layer .refresh {
display: none;
}
.weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow {
display: inline-block;
z-index: 10;
width: 20px;
height: 20px;
margin-right: 4px;
vertical-align: -4px;
background: no-repeat center;
background-size: 13px 20px;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-transform: rotate(0deg) translate3d(0, 0, 0);
transform: rotate(0deg) translate3d(0, 0, 0);
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2040'%3E%3Cpolygon%20points%3D'9%2C22%209%2C0%2017%2C0%2017%2C22%2026%2C22%2013.5%2C40%200%2C22'%20fill%3D'%238c8c8c'%2F%3E%3C%2Fsvg%3E");
}
.weui-pull-to-refresh__layer .weui-pull-to-refresh__preloader {
display: none;
vertical-align: -4px;
margin-right: 4px;
width: 20px;
height: 20px;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: preloader-spin 1s steps(12, end) infinite;
animation: preloader-spin 1s steps(12, end) infinite;
}
.weui-pull-to-refresh__layer .weui-pull-to-refresh__preloader:after {
display: block;
width: 100%;
height: 100%;
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: 50%;
background-size: 100%;
}
.pull-up .weui-pull-to-refresh__layer .down,
.refreshing .weui-pull-to-refresh__layer .down {
display: none;
}
.pull-up .weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow {
display: inline-block;
-webkit-transform: rotate(180deg) translate3d(0, 0, 0);
transform: rotate(180deg) translate3d(0, 0, 0);
}
.pull-up .weui-pull-to-refresh__layer .up {
display: inline-block;
}
.pull-down .weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow {
display: inline-block;
}
.pull-down .weui-pull-to-refresh__layer .down {
display: inline-block;
}
.refreshing .weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow {
display: none;
}
.refreshing .weui-pull-to-refresh__layer .weui-pull-to-refresh__preloader {
display: inline-block;
}
.refreshing .weui-pull-to-refresh__layer .refresh {
display: inline-block;
}
/*@keyframes preloader-spin {*/
/*100% {*/
/*-webkit-transform: rotate(360deg);*/
/*transform: rotate(360deg);*/
/*}*/
/*}*/
.weui-tab__bd-item.weui-pull-to-refresh {
position: absolute;
top: 50px;
}
.weui-tabbar__item {
position: relative;
}
.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label {
color: #04BE02;
}
.weui-navbar__item {
color: #888;
}
.weui-navbar__item.weui-bar__item--on {
color: #666;
background-color: #f1f1f1;
}
.weui-tab__bd {
box-sizing: border-box;
height: 100%;
}
.weui-tab__bd .weui-tab__bd-item {
display: none;
height: 100%;
overflow: auto;
}
.weui-tab__bd .weui-tab__bd-item.weui-tab__bd-item--active {
display: block;
}
.weui-navbar + .weui-tab__bd {
padding-top: 50px;
}
.toolbar {
position: relative;
width: 100%;
font-size: .85rem;
line-height: 1.5;
color: #3d4145;
background: #f7f7f8;
}
.toolbar:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: auto;
right: auto;
height: 1px;
width: 100%;
background-color: #d9d9d9;
display: block;
z-index: 15;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
/*@media only screen and (-webkit-min-device-pixel-ratio: 2) {*/
/*.toolbar:before {*/
/*-webkit-transform: scaleY(0.5);*/
/*transform: scaleY(0.5);*/
/*}*/
/*}*/
/*@media only screen and (-webkit-min-device-pixel-ratio: 3) {*/
/*.toolbar:before {*/
/*-webkit-transform: scaleY(0.33);*/
/*transform: scaleY(0.33);*/
/*}*/
/*}*/
.toolbar .toolbar-inner {
height:1.2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
}
.toolbar .title {
position: absolute;
display: block;
width: 100%;
padding: 0;
font-size: 0.3rem;
font-weight: normal;
line-height: 1.2rem;
color: #3d4145;
text-align: center;
white-space: nowrap;
}
.toolbar .picker-button {
position: absolute;
right: 0;
box-sizing: border-box;
height: 1.2rem;
line-height: 1.2rem;
color: #04BE02;
z-index: 1;
padding: 0 .5rem;
font-size: 0.3rem;
}
/* === Columns Picker === */
.weui-picker-modal {
width: 100%;
position: absolute;
bottom: 0;
text-align: center;
border-radius: 0;
opacity: 0.6;
color: #3d4145;
-webkit-transition-duration: .3s;
transition-duration: .3s;
height:7rem;
background: #EFEFF4;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
}
.weui-picker-modal.picker-modal-inline {
height: 10.8rem;
opacity: 1;
position: static;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.weui-picker-modal.picker-modal-inline .toolbar {
display: none;
}
.weui-picker-modal.picker-columns-single .picker-items-col {
width: 100%;
}
.weui-picker-modal.weui-picker-modal-visible {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.weui-picker-modal .picker-modal-inner {
position: relative;
height: 10.8rem;
}
.weui-picker-modal .picker-columns {
width: 100%;
height: 13rem;
z-index: 11500;
}
.weui-picker-modal .picker-columns.picker-modal-inline,
.popover .weui-picker-modal .picker-columns {
height: 10rem;
}
/*@media (orientation: landscape) and (max-height: 415px) {*/
/*.weui-picker-modal .picker-columns:not(.picker-modal-inline) {*/
/*height: 10rem;*/
/*}*/
/*}*/
.weui-picker-modal .popover.popover-picker-columns {
width: 14rem;
}
.weui-picker-modal .picker-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
padding: 0;
text-align: right;
font-size: 1rem;
font-weight: normal;
-webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent);
-webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent);
}
.weui-picker-modal .bar + .picker-items {
height: 10.8rem;
}
.weui-picker-modal .picker-items-col {
overflow: hidden;
position: relative;
max-height: 100%;
}
.weui-picker-modal .picker-items-col.picker-items-col-left {
text-align: left;
}
.weui-picker-modal .picker-items-col.picker-items-col-center {
text-align: center;
}
.weui-picker-modal .picker-items-col.picker-items-col-right {
text-align: right;
}
.weui-picker-modal .picker-items-col.picker-items-col-divider {
color: #3d4145;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.weui-picker-modal .picker-items-col-wrapper {
-webkit-transition: 300ms;
transition: 300ms;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.weui-picker-modal .picker-item {
height: 32px;
line-height: 32px;
padding: 0 10px;
white-space: nowrap;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
color: #9b9b9b;
left: 0;
top: -2.12rem;
width: 100%;
box-sizing: border-box;
-webkit-transition: 300ms;
transition: 300ms;
font-size: 0.3rem;
}
.picker-items-col-absolute .weui-picker-modal .picker-item {
position: absolute;
}
.weui-picker-modal .picker-item.picker-item-far {
pointer-events: none;
}
.weui-picker-modal .picker-item.picker-selected {
color: #3d4145;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.weui-picker-modal .picker-center-highlight {
height: 32px;
box-sizing: border-box;
position: absolute;
left: 0;
width: 100%;
top: 30%;
margin-top: -16px;
pointer-events: none;
}
.weui-picker-modal .picker-center-highlight:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: auto;
right: auto;
height: 1px;
width: 100%;
background-color: #D9D9D9;
display: block;
z-index: 15;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
/*@media only screen and (-webkit-min-device-pixel-ratio: 2) {*/
/*.weui-picker-modal .picker-center-highlight:before {*/
/*-webkit-transform: scaleY(0.5);*/
/*transform: scaleY(0.5);*/
/*}*/
/*}*/
/*@media only screen and (-webkit-min-device-pixel-ratio: 3) {*/
/*.weui-picker-modal .picker-center-highlight:before {*/
/*-webkit-transform: scaleY(0.33);*/
/*transform: scaleY(0.33);*/
/*}*/
/*}*/
.weui-picker-modal .picker-center-highlight:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
right: auto;
top: auto;
height: 1px;
width: 100%;
background-color: #D9D9D9;
display: block;
z-index: 15;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.weui-picker-modal .picker-center-highlight:after {
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.weui-picker-modal .picker-center-highlight:after {
-webkit-transform: scaleY(0.33);
transform: scaleY(0.33);
}
}
.weui-picker-modal .picker-3d .picker-items {
overflow: hidden;
-webkit-perspective: 1200px;
perspective: 1200px;
}
.weui-picker-modal .picker-3d .picker-items-col,
.weui-picker-modal .picker-3d .picker-items-col-wrapper,
.weui-picker-modal .picker-3d .picker-item {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.weui-picker-modal .picker-3d .picker-items-col {
overflow: visible;
}
.weui-picker-modal .picker-3d .picker-item {
-webkit-transform-origin: center center -110px;
transform-origin: center center -110px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.weui-picker-overlay,
.weui-picker-container {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 0;
width: 100%;
z-index: 1000;
}
.city-picker .picker-items-col {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 7rem;
}
.weui-picker-container .weui-cells {
margin: 0;
text-align: left;
}
.datetime-picker .picker-item {
text-overflow: initial;
}
.weui-select-modal {
height: auto;
}
.weui-select-modal .weui-cells {
margin: 0;
text-align: left;
overflow-y: auto;
overflow-x: hidden;
max-height: 16rem;
}
.weui-select-modal .weui-cells:after {
display: none;
}
/* === Calendar === */
.weui-picker-calendar {
background: #fff;
height: 15rem;
width: 100%;
overflow: hidden;
}
.weui-picker-calendar .picker-modal-inner {
overflow: hidden;
height: 12.8rem;
}
.picker-calendar-week-days {
height: .9rem;
background: #f7f7f8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 11px;
box-sizing: border-box;
position: relative;
}
.picker-calendar-week-days:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
right: auto;
top: auto;
height: 1px;
width: 100%;
background-color: #c4c4c4;
display: block;
z-index: 15;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.picker-calendar-week-days:after {
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.picker-calendar-week-days:after {
-webkit-transform: scaleY(0.33);
transform: scaleY(0.33);
}
}
.picker-calendar-week-days .picker-calendar-week-day {
-webkit-flex-shrink: 1;
-ms-flex: 0 1 auto;
-ms-flex-negative: 1;
flex-shrink: 1;
width: 14.28571429%;
width: calc(100% / 7);
line-height: 17px;
text-align: center;
}
.picker-calendar-week-days + .picker-calendar-months {
height: 11.9rem;
}
.picker-calendar-months {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.picker-calendar-months-wrapper {
position: relative;
width: 100%;
height: 100%;
-webkit-transition: 300ms;
transition: 300ms;
}
.picker-calendar-month {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.picker-calendar-row {
height: 16.66666667%;
height: calc(100% / 6);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-shrink: 1;
-ms-flex: 0 1 auto;
-ms-flex-negative: 1;
flex-shrink: 1;
width: 100%;
position: relative;
}
.picker-calendar-row:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
right: auto;
top: auto;
height: 1px;
width: 100%;
background-color: #ccc;
display: block;
z-index: 15;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.picker-calendar-row:after {
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.picker-calendar-row:after {
-webkit-transform: scaleY(0.33);
transform: scaleY(0.33);
}
}
.weui-picker-modal .picker-calendar-row:last-child:after {
display: none;
}
.picker-calendar-day {
-webkit-flex-shrink: 1;
-ms-flex: 0 1 auto;
-ms-flex-negative: 1;
flex-shrink: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
width: 14.28571429%;
width: calc(100% / 7);
text-align: center;
color: #3d4145;
font-size: 15px;
cursor: pointer;
}
.picker-calendar-day.picker-calendar-day-prev,
.picker-calendar-day.picker-calendar-day-next {
color: #ccc;
}
.picker-calendar-day.picker-calendar-day-disabled {
color: #d4d4d4;
cursor: auto;
}
.picker-calendar-day.picker-calendar-day-today span {
background: #e3e3e3;
}
.picker-calendar-day.picker-calendar-day-selected span {
background: #04BE02;
color: #fff;
}
.picker-calendar-day span {
display: inline-block;
border-radius: 100%;
width: 30px;
height: 30px;
line-height: 30px;
}
.picker-calendar-month-picker,
.picker-calendar-year-picker {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 50%;
max-width: 200px;
-webkit-flex-shrink: 10;
-ms-flex: 0 10 auto;
-ms-flex-negative: 10;
flex-shrink: 10;
}
.picker-calendar-month-picker a.icon-only,
.picker-calendar-year-picker a.icon-only {
min-width: 36px;
}
.picker-calendar-month-picker span,
.picker-calendar-year-picker span {
-webkit-flex-shrink: 1;
-ms-flex: 0 1 auto;
-ms-flex-negative: 1;
flex-shrink: 1;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
}
.popover .picker-calendar .picker-calendar-week-days,
.picker-calendar.picker-modal-inline .picker-calendar-week-days {
background: none;
}
.popover .picker-calendar .toolbar:before,
.picker-calendar.picker-modal-inline .toolbar:before,
.popover .picker-calendar .picker-calendar-week-days:before,
.picker-calendar.picker-modal-inline .picker-calendar-week-days:before {
display: none;
}
.popover .picker-calendar .toolbar:after,
.picker-calendar.picker-modal-inline .toolbar:after,
.popover .picker-calendar .picker-calendar-week-days:after,
.picker-calendar.picker-modal-inline .picker-calendar-week-days:after {
display: none;
}
.popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
.picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
.popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,
.picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: auto;
right: auto;
height: 1px;
width: 100%;
background-color: #c4c4c4;
display: block;
z-index: 15;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
.picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
.popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,
.picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
.picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
.popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,
.picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
-webkit-transform: scaleY(0.33);
transform: scaleY(0.33);
}
}
.picker-calendar-month-picker,
.picker-calendar-year-picker {
display: block;
line-height: 2.2rem;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.picker-calendar-month-picker a.icon-only,
.picker-calendar-year-picker a.icon-only {
float: left;
width: 25%;
height: 2.2rem;
line-height: 2rem;
}
.picker-calendar-month-picker .current-month-value,
.picker-calendar-year-picker .current-month-value,
.picker-calendar-month-picker .current-year-value,
.picker-calendar-year-picker .current-year-value {
float: left;
width: 50%;
height: 2.2rem;
}
i.icon {
display: inline-block;
vertical-align: middle;
background-size: 100% auto;
background-position: center;
background-repeat: no-repeat;
font-style: normal;
position: relative;
}
i.icon.icon-next,
i.icon.icon-prev {
width: 0.75rem;
height: 0.75rem;
}
i.icon.icon-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%2304BE02'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon.icon-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%2304BE02'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
/**
* Swiper 3.3.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2016, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: February 7, 2016
*/
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms;
transition: 300ms;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #04BE02;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000;
}
/* 3D Container */
.swiper-container-3d {
-webkit-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.weui-actionsheet {
z-index: 10000;
}
.weui-popup__overlay,
.weui-popup__container {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.weui-popup__overlay {
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
.weui-popup__container {
display: none;
}
.weui-popup__container.weui-popup__container--visible {
display: block;
}
.weui-popup__container .weui-cells {
margin: 0;
text-align: left;
}
.weui-popup__modal {
width: 100%;
position: absolute;
z-index: 100;
bottom: 0;
border-radius: 0;
opacity: 0.6;
color: #3d4145;
-webkit-transition-duration: .3s;
transition-duration: .3s;
height: 100%;
background: #EFEFF4;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
overflow-x: hidden;
overflow-y: auto;
}
.popup-bottom .weui-popup__modal {
height: auto;
}
.weui-popup__modal .toolbar {
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 1;
}
.weui-popup__modal .modal-content {
height: 100%;
padding-top: 2.2rem;
overflow: auto;
box-sizing: border-box;
}
.weui-popup__container--visible .weui-popup__overlay {
opacity: 1;
}
.weui-popup__container--visible .weui-popup__modal {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.weui-notification {
position: fixed;
width: 100%;
min-height: 3.4rem;
top: -2rem;
padding-top: 2rem;
left: 0;
right: 0;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.85);
color: white;
font-size: .65rem;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
-webkit-transition: .4s;
transition: .4s;
}
.weui-notification.weui-notification--in {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.weui-notification.weui-notification--touching {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.weui-notification .weui-notification__inner {
padding: .4rem .6rem 1rem .6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.weui-notification .weui-notification__content {
width: 100%;
margin: 0rem .4rem;
}
.weui-notification .weui-notification__title {
font-weight: bold;
}
.weui-notification .weui-notification__text {
line-height: 1;
}
.weui-notification .weui-notification__media {
height: 1rem;
width: 1rem;
}
.weui-notification .weui-notification__media img {
width: 100%;
}
.weui-notification .weui-notification__handle-bar {
position: absolute;
bottom: .2rem;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
width: 2rem;
height: .3rem;
border-radius: .15rem;
background: white;
opacity: .5;
}
.weui-photo-browser-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: black;
display: none;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
.weui-photo-browser-modal.weui-photo-browser-modal-visible {
opacity: 1;
}
.weui-photo-browser-modal .swiper-container {
height: 100%;
-webkit-transform: scale(0.2);
transform: scale(0.2);
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
}
.weui-photo-browser-modal .swiper-container .swiper-pagination-bullet {
background: white;
visibility: hidden;
}
.weui-photo-browser-modal .swiper-container.swiper-container-visible {
-webkit-transform: scale(1);
transform: scale(1);
}
.weui-photo-browser-modal .swiper-container.swiper-container-visible .swiper-pagination-bullet {
visibility: visible;
-webkit-transition-property: visibility;
transition-property: visibility;
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.weui-photo-browser-modal .swiper-container .swiper-pagination {
bottom: 10px;
left: 0;
width: 100%;
}
.weui-photo-browser-modal .photo-container {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
}
.weui-photo-browser-modal .photo-container img {
max-width: 100%;
margin-top: -30px;
}
.weui-photo-browser-modal .caption {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
color: white;
text-align: center;
padding: 0 12px;
min-height: 3rem;
font-size: 14px;
z-index: 10;
-webkit-transition: opacity .3s;
transition: opacity .3s;
-webkit-transition-delay: .5s;
transition-delay: .5s;
opacity: 0;
}
.weui-photo-browser-modal .caption .caption-item {
display: none;
opacity: 0;
-webkit-transition: opacity .15s;
transition: opacity .15s;
}
.weui-photo-browser-modal .caption .caption-item.active {
display: block;
opacity: 1;
}
.weui-photo-browser-modal .swiper-container-visible .caption {
opacity: 1;
}
.color-primary {
color: #04BE02;
}
.color-danger,
.color-error {
color: #f6383a;
}
.color-warning {
color: #f60;
}
.color-success {
color: #4cd964;
}
.bg-primary,
.bg-success,
.bg-danger,
.bg-error,
.bg-warning {
color: white;
}
.bg-primary {
background-color: #04BE02;
}
.bg-danger,
.bg-error {
background-color: #f6383a;
}
.bg-warning {
background-color: #f60;
}
.bg-success {
background-color: #4cd964;
}
.weui-toptips {
z-index: 100;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
.weui-toptips.weui-toptips_visible {
opacity: 1;
}
.weui-icon_toast {
font-size: 55px;
color: white;
margin-bottom: 6px;
}
.weui-toast--forbidden .weui-icon_toast {
color: #f6383a;
}
.weui-toast--text {
min-height: initial;
font-size: 18px;
padding: 8px 16px;
width: auto;
top: 40%;
}
.weui-toast--text .weui-icon_toast {
display: none;
}
.weui-count {
display: inline-block;
height: 25px;
line-height: 25px;
}
.weui-count .weui-count__btn {
height: 21px;
width: 21px;
line-height: 21px;
display: inline-block;
position: relative;
border: 1px solid #04BE02;
border-radius: 50%;
vertical-align: -6px;
}
.weui-count .weui-count__btn:after,
.weui-count .weui-count__btn:before {
content: " ";
position: absolute;
height: 1px;
width: 11px;
background-color: #04BE02;
left: 50%;
top: 50%;
margin-left: -5.5px;
}
.weui-count .weui-count__btn:after {
height: 11px;
width: 1px;
margin-top: -5.5px;
margin-left: -1px;
}
.weui-count .weui-count__decrease:after {
display: none;
}
.weui-count .weui-count__increase {
background-color: #04BE02;
}
.weui-count .weui-count__increase:after,
.weui-count .weui-count__increase:before {
background-color: white;
}
.weui-count .weui-count__number {
background-color: transparent;
font-size: .8rem;
border: 0;
width: 1.3rem;
text-align: center;
color: #5f646e;
}
.weui-panel .weui-media-box__title-after {
color: #9b9b9b;
font-size: .65rem;
float: right;
}
... ...
html,body{
width:100%;
height:100%;
background: #F5F6FA;
}
.order_list{
display:flex;
justify-content: space-between;
align-items: center;
width:7.5rem;
height:1rem;
line-height: 1rem;
padding: 0 0.41rem;
background: #fff;
}
.order_list li{
width:1.5rem;
height:1rem;
position:relative;
list-style: none;
font-size: 0.28rem;
color:#999999;
text-align:center;
}
.active em{
position:absolute;
left:0;
right:0;
bottom:0;
width:0.8rem;
margin: 0 auto;
height:0.06rem;
background:#FE0A01;
border-radius: 0.1rem;
}
li.active {
color:#FE0A01;
font-size: 0.36rem;
}
.item_order_list{
background: #fff;
padding: 0.32rem 0.5rem;
padding-bottom: 0;
margin-top: 0.16rem;
}
.order_head{
display:flex;
justify-content: space-between;
align-items: center;
height:0.88rem;
background: #fff;
border-bottom: 1px solid #f5f5f5;
}
.order_num{
display:flex;
}
.order_list_num,.item_num{
font-size: 0.26rem;
color:#1A1A1A;
height:0.26rem;
line-height: 0.26rem;
}
.order_content_item{
display:flex;
margin-top: 0.24rem;
/*justify-content: space-between;*/
/*align-items: center;*/
}
.order_content_item:first-child{
margin-top:0;
}
.order_content{
background:RGBA(250, 250, 250, 1) ;
padding: 0.18rem;
}
.content_text{
margin-left: 0.3rem;
}
.content_item_img{
width:1.32rem;
height:1.32rem;
}
.content_item_img img{
width:100%;
}
.order_type{
font-size: 0.26rem;
color:#FE0A01;
}
.good_name{
width:4.5rem;
color:#1A1A1A;
font-size: 0.26rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.good_test{
width:4.5rem;
display:flex;
justify-content: space-between;
align-items: center;
margin-top:0.16rem;
}
.item_tast,.tast_num{
font-size: 0.26rem;
color:#666666;
}
.item_tast{
width:2.5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.item_price{
color:RGBA(255, 0, 0, 1);
font-size: 0.24rem;
margin-top:0.06rem ;
}
.item_money{
color:RGBA(255, 0, 0, 1);
font-size: 0.38rem;
font-weight: bold;
}
.unpay{
overflow: hidden;
height:1.07rem;
border-top:1px solid#f5f5f5;
margin-top: 0.24rem;
padding-top: 0.23rem;
}
.cancelorder{
float:right;
width:1.8rem;
height:0.6rem;
text-align: center;
line-height: 0.6rem;
border-radius: 0.3rem;
font-size: 0.24rem;
color:RGBA(26, 26, 26, 1);
border:1px solid rgba(204,204,204,1);
margin-right: 0.2rem;
}
.pay {
float: right;
width: 1.8rem;
height: 0.6rem;
text-align: center;
line-height: 0.6rem;
border-radius: 0.3rem;
font-size: 0.24rem;
color: #fff;
background: RGBA(254, 10, 1, 1);
}
/*取消订单弹出层*/
.deletewrap{
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
position:fixed;
top:0;
left:0;
right:0;
z-index: 5;
}
.deletepop{
width:5.2rem;
height:3rem;
background: #ffffff;
border-radius: 0.1rem;
position: absolute;
z-index: 6;
/*left:0.4rem;*/
/*top: 3rem;*/
top:50%;
left:50%;
transform: translate(-50%,-50%);
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
padding-top: 0.29rem;
}
.suredelete{
color:#1A1A1A;
font-size: 0.32rem;
}
.certainornot{
font-size: 0.3rem;
color:#666666;
margin-top: 0.43rem;
}
.certain{
display:flex;
justify-content:space-between;
align-items: center;
border-top:1px solid #f5f5f5;
margin-top: 0.4rem;
}
.cancel,.sure{
width:2.6rem;
height:0.88rem;
line-height: 0.88rem;
color:#666666;
font-size: 0.3rem;
text-align: center;
}
.sure{
color:#FF0000;
}
... ...
body,html{
width:100%;
height:100%;
background: #F5F6FA;
}
.people_info{
width:6.86rem;
height:1.58rem;
border-radius: 0.2rem;
background: #fff;
margin: 0 auto;
margin-top: 0.16rem;
padding: 0.3rem 0 0.39rem 0.33rem;
box-shadow:5px 0px 10px rgba(0,0,0,0.05);
}
.people_info_list{
display:flex;
}
.people_name{
color:#1A1A1A;
font-size: 0.26rem;
}
.people_phone{
color:#1A1A1A;
font-size: 0.26rem;
margin-left: 0.27rem;
}
.people_place {
font-size: 0.26rem;
color:#1A1A1A
}
.row{
width:6rem;
text-align: right;
color:#CCCCCC;
font-size: 0.26rem;
}
/*订单信息*/
.order_info{
width:6.86rem;
margin: 0 auto;
background: #fff;
border-radius:0.2rem;
box-shadow:5px 0px 10px rgba(0,0,0,0.05);
margin-top: 0.16rem;
padding: 0.35rem 0.32rem;
}
/*订单信息*/
.orderinfo{
font-size: 0.3rem;
color:#26363A;
font-weight: bold;
}
.orderlist{
display:flex;
margin-top: 0.37rem;
}
.order_img{
width:1.28rem;
height:1.28rem;
}
.order_img img{
width:100%;
}
.good_list{
width:4.5rem;
margin-left: 0.3rem;
}
.good_name{
width:4.5rem;
color:#1A1A1A;
font-size: 0.26rem;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.good_tast{
display:flex;
justify-content: space-between;
align-items: center;
margin-top: 0.16rem;
}
.good_kilo{
width:4.5rem;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
color:#666666;
font-size: 0.26rem;
}
.good_num{
color:#666666;
font-size: 0.26rem;
}
.people{
display:flex;
justify-content: space-between;
align-items: center;
margin-top: 0.14rem;
}
.peoplecoupon{
color:#FF0000;
font-size: 0.24rem;
width:4.5rem;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.people_price{
color:#FF0000;
font-size: 0.28rem;
}
/*购买数量*/
.dispatch{
width:6.68rem;
height:1.92rem;
margin: 0 auto;
background: #fff;
border-radius: 0.2rem;
margin-top: 0.16rem;
box-shadow:5px 0px 10px rgba(0,0,0,0.05);
}
.dispatch{
padding: 0.36rem 0.32rem;
}
.dispatch_num{
display:flex;
justify-content: space-between;
align-items: center;
}
.buy_num,.num,.type,.type_name{
font-size: 0.26rem;
color:#1A1A1A;
}
.dispatch_type{
display:flex;
justify-content: space-between;
align-items: center;
margin-top: 0.43rem;
}
.payment_type{
width:6.86rem;
height:4rem;
margin: 0 auto;
background: #fff;
border-radius: 0.2rem;
box-shadow:5px 0px 10px rgba(0,0,0,0.05);
margin-top: 0.16rem;
padding: 0.35rem 0.3rem 0.46rem 0.35rem;
}
.pay_type{
color:#26363A;
font-size: 0.3rem;
font-weight: bold;
}
.pay_line{
width:6rem;
border-bottom: 1px solid #f5f5f5;
margin-top: 0.36rem;
}
.pay_type_list{
display:flex;
justify-content: space-between;
align-items: center;
margin-top:0.47rem;
}
.pay_name{
color:#1A1A1A;
font-size: 0.26rem;
}
/*合计*/
.total{
width:6.86rem;
height:0.96rem;
margin:0 auto;
border-radius: 0.2rem;
background: #fff;
margin-top: 0.16rem;
padding: 0.36rem 0.35rem 0.31rem 0.31rem;
}
.totalcalcute{
display:flex;
justify-content: space-between;
align-items: center;
}
.totalsum{
color:#1A1A1A;
font-size: 0.26rem;
}
.totalmoney{
color:#FF0000;
font-size: 0.26rem;
}
/*买家留言*/
.buymessage{
width:6.86rem;
margin: 0 auto;
height:3.2rem;
background: #fff;
border-radius: 0.3rem;
box-shadow:5px 0px 10px rgba(0,0,0,0.05);
margin-top: 0.16rem;
padding: 0.35rem ;
margin-bottom: 1.2rem;
}
.buysend{
color:#26363A;
font-size: 0.3rem;
font-weight: bold;
}
.message{
width:6.2rem;
height:1.3rem;
border:none;
outline:none;
border-radius: 0.2rem;
margin-top: 0.36rem;
padding-left: 0.05rem;
color:#1A1A1A;
font-size: 0.26rem;
line-height: 0.4rem;
}
.foot{
display:flex;
width:7.5rem;
height:1rem;
background: #fff;
position: fixed;
bottom:0;
left:0;
right:0;
}
.buytotal{
width:5rem;
display:flex;
align-items: center;
}
.buy_total_price{
color:#666666;
font-size: 0.24rem;
margin-left: 0.41rem;
}
.buy_total_money{
color:#BA1B2B;
font-size:0.3rem ;
font-weight: bold;
margin-left: 0.2rem;
}
.payorder{
width:2.5rem;
height:1rem;
background: #BA1B2B;
color:#fff;
font-size: 0.32rem;
text-align: center;
line-height:1rem ;
}
.icon-xuanzhong{
color:#FF0000;
}
/*遮罩层*/
.wrapper{
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
position:fixed;
top:0;
left:0;
right:0;
z-index: 5;
}
.pop{
width:5.2rem;
height:3.61rem;
background: #ffffff;
border-radius: 10px;
position: absolute;
z-index: 6;
/*left:0.4rem;*/
/*top: 3rem;*/
top:50%;
left:50%;
transform: translate(-50%,-50%);
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
padding-top: 0.36rem;
padding-bottom: 0.27rem;
}
.weixin{
color:#1A1A1A;
font-size: 0.28rem;
margin: 0 auto;
}
.buy_order_money{
width:4.6rem;
display:flex;
justify-content:space-between;
align-items: center;
padding: 0.36rem 0;
border-bottom: 1px solid #f5f5f5;
}
.buyorder{
color:#1A1A1A;
font-size: 0.28rem;
}
.ordermoney{
display:flex;
justify-content: space-between;
align-items: center;
}
.buyorder,.ordermoney{
color:#1A1A1A;
font-size: 0.28rem;
}
.integrate{
color:#1A1A1A;
font-size: 0.28rem;
}
.surepay{
color:#FF0000;
font-size: 0.32rem;
margin-top: 0.38rem;
}
.reduce,.add{
width:0.44rem;
height:0.44rem;
border:0.01rem solid #f5f5f5;
text-align: center;
line-height: 0.44rem;
}
.reduce{
border-right: 0;
}
.add{
border-left: 0;
}
.reduce img,.add img{
width:60%;
height:60%;
}
.money_num{
width:1.2rem;
height:0.44rem;
border:0.01rem solid #f5f5f5;
text-align: center;
line-height: 0.44rem;
}
/*确认支付遮罩层*/
.paywrapper{
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
position:fixed;
top:0;
left:0;
right:0;
z-index: 5;
}
.paypop{
width:5.2rem;
height:3rem;
background: #ffffff;
border-radius: 10px;
position: absolute;
z-index: 6;
/*left:0.4rem;*/
/*top: 3rem;*/
top:50%;
left:50%;
transform: translate(-50%,-50%);
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
padding-top: 0.29rem;
padding-bottom: 0.27rem;
}
.paypop p{
font-size: 0.28rem;
color:#1A1A1A;
margin-top: 0.05rem;
}
.paycertain{
font-size: 0.32rem;
color:#FF0000;
margin-top: 0.13rem;
}
... ...
body,html{
width:100%;
height:100%;
background:#F5F6FA ;
}
.header{
display:flex;
justify-content: space-between;
align-items: center;
background: #fff;
padding: 0.5rem 0.51rem 0.5rem 0.32rem;
}
.person_info{
display:flex;
}
.person_img{
width:1.2rem;
height:1.2rem;
}
.person_img img{
width:100%;
}
.person_name{
height:1.2rem;
line-height: 1.2rem;
font-size: 0.32rem;
color:#19191A;
font-weight: bold;
margin-left: 0.32rem;
}
.change{
font-size: 0;
width:0.35rem;
height:0.35rem;
}
.change img{
width:100%;
}
.myorder{
width:6.86rem;
height:0.65rem;
background:linear-gradient(90deg,rgba(191,149,113,1),rgba(210,175,139,1));
border-radius: 0.1rem 0.1rem 0 0;
margin: 0 auto;
}
.myorder{
display:flex;
justify-content: space-between;
align-items: center;
padding:0.24rem 0.3rem ;
margin-top: 0.16rem;
}
.my_order{
display:flex;
height:0.28rem;
line-height: 0.28rem;
}
.allorder{
display:flex;
height:0.28rem;
line-height: 0.28rem;
}
.iconmyorder{
/*width:0.3rem;*/
/*height:0.32rem;*/
font-size: 0.45rem;
color:#fff;
}
.iconallorder{
/*width:0.14rem;*/
/*height:0.24rem;*/
font-size: 0.15rem;
color:#fff;
}
.my_order_list{
font-size: 0.3rem;
color:#fff;
margin-left: 0.1rem;
}
.my_all_order{
font-size: 0.26rem;
color:#fff;
margin-right: 0.1rem;
}
.kind{
width:7.5rem;
display:flex;
justify-content: space-between;
align-items: center;
background: #fff;
padding-top: 0.46rem;
padding-bottom: 0.37rem;
}
.exchange,.alderydelivery,.delivery, .finish{
width:0.68rem;
height:0.66rem;
text-align: center;
color:#6BD586;
font-size: 0;
margin-left: 0.55rem;
}
.exchange img,.alderydelivery img,.delivery img,.finish img{
width:100%;
}
.delivery_type{
width:1.82rem;
text-align: center;
font-size: 0.28rem;
color:#1A1A1A;
margin-top: 0.15rem;
}
.accumulate{
display:flex;
justify-content: space-between;
align-items: center;
width:7.5rem;
height:0.88rem;
border-bottom: 1px solid #f5f5f5;
background: #fff;
padding: 0.31rem 0.33rem;
}
.interg{
margin-top: 0.16rem;
}
.accumulate_num{
display: flex;
justify-content: space-between;
align-items: center;
}
.myaccumulate,.accumulate_fen{
color:#1A1A1A;
font-size: 0.28rem;
}
.accumulate_fen{
margin-right: 0.2rem;
}
.row_enter{
color:#CCCCCC;
font-size: 0.2rem;
}
/*底部导航*/
.foot{
display:flex;
justify-content: space-between;
align-items: center;
padding: 0.1rem 1rem;
position:fixed;
bottom:0;
left:0;
right:0;
background:#fff;
}
.home_page{
font-size: 0.24rem;
color:#969799;
width:0.6rem;
text-align: center;
}
.shop_cart{
color:#969799;
font-size: 0.24rem;
width:0.8rem;
text-align: center;
}
.member_center{
color:#BA1B2B;
font-size: 0.24rem;
width:1rem;
text-align: center;
}
.home_img,.shopcart_img,.member_img{
width:0.6rem;
height:0.66rem;
font-size: 0;
}
.shopcart_img{
margin-left: 0.05rem;
}
.member_img{
margin-left: 0.2rem;
}
.home_img img,.shopcart_img img,.member_img img{
width:100%;
}
... ...