@charset "utf-8";
a{text-decoration:none; color:#555; -webkit-tap-highlight-color:transparent;}
a:hover{text-decoration:none;}
ul,li{list-style:none; margin:0; padding:0;}
dl,dd {margin:0; padding:0; }
em,i,cite,small { font-style:normal;}
.clear {clear:both; height:0; width:100%; overflow:hidden;}
.left { float:left;}
.right { float:right;}
.gray { color:#999;}
.pink { color:#F84F76;}
.blue {color:#10AEFF;}
.red { color:#FF0000;}
.green { color:#07C160;}
.yellow { color:#FF9900;}
.gold { color:#FF3300;}
.hide { display:none;}
.bold { font-weight:bold;}
#wrap{ background:#FFF; color:#555; margin:0 auto; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#EFEFF4;}
.ui-main { width:100%; max-width:640px; min-width:320px; margin:0 auto; margin-bottom:0; clear:both; overflow:hidden; padding-bottom:70px;}
.loading { width:100%; height:100%; max-width:640px; margin:0 auto; position:fixed; _position:absolute; top:0px; _top:auto; z-index:999; display:none; background:#FFF url(image/load.gif) center center no-repeat; background-size:18px auto;}

img { display:block;}
input:focus,textarea:focus{outline: medium;}
input:disabled{ background:#FFF;}

@keyframes blinking-animation {
  0% {
    border-color: #ff33cc; /* 初始边框颜色 */
  }
  50% {
    border-color: #ffcc00; /* 中间状态的边框颜色 */
  }
  100% {
    border-color: #ff33cc; /* 最终状态的边框颜色 */
  }
}

@keyframes vip-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes expand-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

/*打开页面：关闭按钮*/
.layui-layer-setwin span { width: 26px; height: 26px; line-height: 24px; text-align: center; font-size: 26px; margin-left:0;}
.layui-layer-setwin .layui-layer-close2 {position: absolute; right: -32px; top:-32px; width:32px; height:32px; background:none; border: 1.5px solid #FFF; font-size:18px; color:#FFF; display: flex; flex-direction: row; align-items: center; justify-content: center;}

/*用户操作：预加载*/
.layui-load-box { background:#4c4c4c; border-radius:6px;}
.layui-load-box .layui-layer-content { background:none;}
.layui-load-box .load-text { color:#FFF; font-size:18px;}

/*用户操作：消息提示*/
.layui-message-box {min-width:100px; background:linear-gradient(to right, #ff5151, #f42424); border:1px #e41e1e solid; border-radius:6px;}
.layui-message-box .layui-layer-content { text-align:center; padding:10px; font-size:15px; color:#FFF;}

/*用户确认页面：单按钮+双按钮*/
.layui-confirm-page {border-radius:6px;}
.layui-confirm-page .layui-layer-content {font-size:18px; color:#333; padding:25px 16px; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.layui-confirm-page .layui-layer-btn { width:100%; height:56px; padding:0; position:relative;}
.layui-confirm-page .layui-layer-btn:after{content: ''; position: absolute; top: 0; left: 0; z-index:1; border-top:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1;}
.layui-confirm-page .layui-layer-btn a { height:55px; line-height:55px; border:none; margin:0; padding:0; border-radius:0; display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius:0 0 6px 6px; font-size:18px; font-weight:bold;}
.layui-confirm-default .layui-layer-btn .layui-layer-btn0 { width:100%; position:absolute; top:1px; right:0; z-index:5; background:none; color:#333333;}
.layui-confirm-primary .layui-layer-btn .layui-layer-btn1 { width:50%; position:absolute; top:1px; left:0; z-index:4;}
.layui-confirm-primary .layui-layer-btn .layui-layer-btn1:after{content: ''; position: absolute; top: 0; left: 0; z-index:1; border-right:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1;}
.layui-confirm-primary .layui-layer-btn .layui-layer-btn0 { width:50%; position:absolute; top:1px; right:0; z-index:5; background:none; color:#576b95;}

/*输入操作界面*/
.layui-submit-page { width:100%; margin:0 auto; padding-bottom:20px;}
.layui-submit-page li{ width:90%; height:61px; margin:0 auto; margin-bottom:0; position:relative;}
.layui-submit-page li:after{content: ''; position: absolute; top: 0; left: 0; z-index:1; border-bottom:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1;}
.layui-submit-page li:last-child:after{ border-bottom:none;}
.layui-submit-page li .input {width:90%; height:56px; line-height:56px; position:absolute; top:2px; left:0; z-index:2; }
.layui-submit-page li .input input { width:100%; height:56px; border:none; position:absolute; top:0; left:0; margin:0; z-index:3; padding:0; font-size:16px; color:#000; text-indent:10px; background:none; display: flex; flex-direction: row; align-items: center; justify-content: left;} 
.layui-submit-page li .input input::-webkit-input-placeholder { font-size:16px; color:#999; font-weight:normal;}
.layui-submit-page li .input i { width:100%; height:10px; font-size:10px; color:#999; text-indent:10px; position:absolute; bottom:0; left:0; z-index:1; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.layui-submit-page li .reset { width:24px; height:24px; display:block; display:none; position:absolute; top:18px; right:0; z-index:6; background:url(image/reset.png) center center no-repeat; background-size: 24px auto;}
.layui-submit-page li .show{display:block;}
.layui-submit-page li.button {height:48px; margin:20px auto; margin-bottom:0; background:linear-gradient(to right, #25d177, #07C160); border:1px #06af57 solid; color:#FFF; font-size:18px; border-radius:48px; display: flex; flex-direction: row; align-items: center; justify-content: center; font-weight:bold;}
.layui-submit-page li.button-gray { background:linear-gradient(to right, #e9e9e9, #d9d9d9); border:1px #d0d0d0 solid;}

/*列表操作页面*/
.layui-list-page { width:100%; margin:0 auto;}
.layui-list-page  h1 { width:90%; height:60px; margin:0 auto; position: relative;}
.layui-list-page h1:after{content: ''; position: absolute; top: 0; left: 0; z-index:1; border-bottom:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1;}
.layui-list-page  h1 p.title { width:100%; height:20px; font-size:18px; font-weight:bold; position:absolute; top:10px; left:0; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.layui-list-page  h1 p.desc { width:100%; height:20px; font-size:13px; font-weight:normal; color:#ff5722; position:absolute; top:30px; left:0; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.layui-list-page li {width:90%; height:61px; margin:0 auto; position:relative;}
.layui-list-page li:after{content: ''; position: absolute; top: 0; left: 0; z-index:1; border-bottom:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1;}
.layui-list-page li .icon { width:34px; height:34px; position:absolute; top:13px; left:0; border-radius:32px; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.layui-list-page li .text { width:60%; height:20px; position:absolute; top:20px; left:50px; font-size:17px; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.layui-list-page li .word { width:30%; height:20px; position:absolute; top:20px; right:30px; font-size:15px; color:#999; display: flex; flex-direction: row; align-items: center; justify-content: right;}
.layui-list-page li .more { width:20px; height:20px; position:absolute; top:20px; right:0; display: flex; flex-direction: row; align-items: center; justify-content: center;}

.layui-list-page li.button { height:48px; margin:20px auto; margin-bottom:0; font-size:18px; border-radius:48px; display: flex; flex-direction: row; align-items: center; justify-content: center; font-weight:bold;}
.layui-list-page li.button:after{ border-bottom:none;}
.layui-list-page li.button.primary {background:linear-gradient(to right, #25d177, #07C160); border:1px #06af57 solid; color:#FFF;}
.layui-list-page li.button.default {background:linear-gradient(to right, #e9e9e9, #d9d9d9); border:1px #d0d0d0 solid;}

/*==收货地址页面==*/
.layui-address-edit-page { border-radius:12px;}
.layui-address-edit-page li{ width:90%; height:61px; margin:0 auto; margin-bottom:0; position:relative;}
.layui-address-edit-page li:after{content: ''; position: absolute; top: 0; left: 0; z-index:1; border-bottom:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1;}
.layui-address-edit-page li:last-child:after{ border-bottom:none;}
.layui-address-edit-page li .text { width:22%; height:56px; font-size:16px; color:#555; position:absolute; top:2px; left:0; z-index:2; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.layui-address-edit-page li .input {width:60%; height:56px; line-height:56px; position:absolute; top:2px; left:22%; z-index:2; display:-webkit-box;  word-break: break-all; text-overflow: ellipsis;  overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:1; }
.layui-address-edit-page li .input cite { width:100%; height:56px; line-height:56px; font-size:16px; color:#000; padding-left:10px;}
.layui-address-edit-page li .input cite.tip { color:#999;}
.layui-address-edit-page li .input input { width:100%; height:56px; border:none; position:absolute; top:0; left:0; margin:0; z-index:3; padding:0; font-size:16px; color:#000; text-indent:10px; background:none; display: flex; flex-direction: row; align-items: center; justify-content: left;} 
.layui-address-edit-page li .input input::-webkit-input-placeholder { font-size:16px; color:#999; font-weight:normal;}
.layui-address-edit-page li .reset { width:24px; height:24px; display:block; display:none; position:absolute; top:18px; right:0; z-index:6; background:url(image/reset.png) center center no-repeat; background-size: 24px auto;}
.layui-address-edit-page li .show{display:block;}
.layui-address-edit-page li .more{ width:24px; height:24px; display:block; position:absolute; top:18px; right:0; z-index:6; }
.layui-address-edit-page li.address { height:80px;}
.layui-address-edit-page li.address .text { height:80px;}
.layui-address-edit-page li.address .textarea{width:60%; height:80px; position:absolute; top:0; left:22%; z-index:2;}
.layui-address-edit-page li.address .reset { top:28px;}
.layui-address-edit-page .layui-textarea{ width:100%; height:50px; min-height:50px; line-height:25px; border:none; position:absolute; top:15px; left:0; margin:0; z-index:3; padding:0 0 0 10px; font-size:16px; color:#000; background:none; display: flex; flex-direction: row; align-items: center; justify-content: left;} 
.layui-address-edit-page .layui-textarea:focus { box-shadow: none;}
.layui-address-edit-page .layui-textarea::-webkit-input-placeholder { font-size:16px; color:#999; font-weight:normal;}
.layui-address-edit-page li.button {height:48px; margin:20px auto; margin-bottom:20px; background:linear-gradient(to right, #25d177, #07C160); border:1px #06af57 solid; color:#FFF; font-size:18px; border-radius:48px; display: flex; flex-direction: row; align-items: center; justify-content: center; font-weight:bold;}



.layui-address-list-page{ border-radius:12px 12px 0 0;}
.layui-address-list-page ul li{ width:90%; height:140px; margin:0 auto; position:relative;}
.layui-address-list-page ul li:after{content: ''; position: absolute; top: 0; left: 0; z-index:1; border-bottom:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1;}
.layui-address-list-page ul li .radio { width:24px; height:24px; position:absolute; top:28px; right:0; z-index:5; background: url(image/radio.png) center center no-repeat; background-size: auto 24px;}
.layui-address-list-page ul li .radio.c{ background: url(image/radio-green.png) center center no-repeat; background-size: auto 24px;}
.layui-address-list-page ul li .hd { width:80%; height:20px; line-height:20px; position:absolute; top:15px; left:0; display:-webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.layui-address-list-page ul li .hd .realname { font-size:18px; color:#000;}
.layui-address-list-page ul li .hd .phone { font-size:15px; padding-left:10px; color:#333;}
.layui-address-list-page ul li .bd { width:80%; height:40px; line-height:20px; position:absolute; top:40px; left:0; font-size:15px; color:#333; display:-webkit-box; word-break: break-all; text-overflow: ellipsis;  overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.layui-address-list-page ul li .fd { width:100%; height:30px; position:absolute; top:90px; left:0; z-index:5;}
.layui-address-list-page ul li .fd .default { width:50%; height:30px; position:absolute; top:0; left:0;}

.layui-address-list-page ul li .fd .copy { width:70px; height:34px; position:absolute; top:0; right:90px; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.layui-address-list-page ul li .fd .copy:after{content: ''; position: absolute; top: 0; left: 0; z-index:1; border:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1; border-radius:9px;}
.layui-address-list-page ul li .fd .edit { width:70px; height:34px; position:absolute; top:0; right:0; font-size:14px; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.layui-address-list-page ul li .fd .edit:after{content: ''; position: absolute; top: 0; left: 0; z-index:1; border:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1; border-radius:9px;}
.layui-address-list-page .button { width:90%; height:48px; margin:20px auto; margin-bottom:0; background:linear-gradient(to right, #25d177, #07C160); border:1px #06af57 solid; color:#FFF; font-size:18px; border-radius:48px; display: flex; flex-direction: row; align-items: center; justify-content: center; font-weight:bold;}




.layui-region-page { border-radius:12px 12px 0 0;}
.layui-region-page .region { width:100%; margin:0 auto;}
.layui-region-page .region .choose { width:100%; height:50px; margin:0 auto; background:#FFF; position:fixed; z-index:6; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.layui-region-page .region .choose:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px solid #DADADA; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.layui-region-page .region .choose span{ font-size:16px; color:#000; margin-left:5%; z-index:10; cursor:pointer;}
.layui-region-page .region ul { width:100%; padding:50px 0 30px 0;}
.layui-region-page .region ul li { width:90%; height:56px; line-height:56px; margin:0 auto; position:relative; cursor:pointer;}
.layui-region-page .region ul li:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px solid #DADADA; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.layui-region-page .region ul li .name { width:80%; height:56px; font-size:16px; color:#333; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.layui-region-page .region ul li .more{ width:20px; height:20px; position:absolute; top:20px; right:0; display: flex; flex-direction: row; align-items: center; justify-content: center;}




.layui-preview-video{ background:#FFF; border-radius:9px; padding-bottom:5px;}
.layui-preview-video .video { width:90%; margin:10px auto; margin-bottom:0; border:1px #000 solid;}
.layui-preview-video .video video { width:100%; height:500px; margin:0; padding:0;}





/*用户登录页面*/
.layui-login-page { border-radius:12px 12px 0 0;}
.layui-login-page .login { width:100%; margin:0 auto; margin-bottom:0; position:relative;}
.layui-login-page .login .phone { width:92%; height:71px; margin:0 auto; position:relative;}
.layui-login-page .login .phone:after{content: ''; position: absolute; top: 0; left: 0; z-index:3; border-bottom:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1;}
.layui-login-page .login .code { width:92%; height:71px; margin:0 auto; position:relative;}
.layui-login-page .login .code:after{content: ''; position: absolute; top: 0; left: 0; z-index:1; border-bottom:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1;}
.layui-login-page .login .input-text { width:100%; height:50px; line-height:50px; position:absolute; top:10px; left:0; z-index:5; margin:0; padding:0; border:none; font-size:22px; font-weight:bold; color:#000;}
.layui-login-page .login .input-text::-webkit-input-placeholder { font-size:16px; color:#999; font-weight:normal;}
.layui-login-page .login .btn { width:100px; height:40px; position:absolute; top:15px; right:0; z-index:6;}
.layui-login-page .login .btn span {width:100%; height:40px; position:absolute; top:0; left:0; font-size:14px; border-radius:6px; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.layui-login-page .login .btn span.default {background:#F0F0F0; border:1px #F0F0F0 solid; color:#333;}
.layui-login-page .login .btn span.primary {background:linear-gradient(to right, #25d177, #07C160); border:1px #06af57 solid; color:#FFF;}
.layui-login-page .login .reset { width:24px; height:24px; display:none; position:absolute; top:23px; right:0; z-index:6; background:url(image/reset.png) center center no-repeat; background-size: 24px auto;}
.layui-login-page .login .code .reset{ right:120px;}
.layui-login-page .login .agree { width:92%; height:71px; margin:0 auto; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.layui-login-page .login .agree .check { width:20px; height:20px; background:url(image/check-unselect.png) center center no-repeat; background-size: 20px auto;}
.layui-login-page .login .agree .checked {background:url(image/check-green.png) center center no-repeat; background-size: 20px auto;}
.layui-login-page .login .agree .text { font-size:13px; margin-left:5px;}
.layui-login-page .login .agree .text i { color:#09F;}
.layui-login-page .login .button {width:92%; height:48px; margin:0 auto; margin-bottom:30px; background:linear-gradient(to right, #25d177, #07C160); border:1px #06af57 solid; color:#FFF; font-size:18px; border-radius:48px; display: flex; flex-direction: row; align-items: center; justify-content: center; font-weight:bold;}


.login-page { width:92%; height:300px; margin:10px auto; margin-bottom:0; clear:both; background:#FFF; border-radius:12px; position:relative;}
.login-page .title { width:90%; height:20px; position:absolute; top:20px; left:5%; font-size:20px; text-align:left;}
.login-page .phone { width:90%; height:71px; position:absolute; top:60px; left:5%;}
.login-page .phone:after{content: ''; position: absolute; top: 0; left: 0; z-index:3; border-bottom:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1;}
.login-page .code { width:90%; height:71px; position:absolute; top:131px; left:5%;}
.login-page .code:after{content: ''; position: absolute; top: 0; left: 0; z-index:1; border-bottom:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1;}
.login-page .input-text { width:100%; height:50px; line-height:50px; position:absolute; top:10px; left:0; z-index:5; margin:0; padding:0; border:none; font-size:22px; font-weight:bold; color:#000;}
.login-page .input-text::-webkit-input-placeholder { font-size:15px; color:#999; font-weight:normal;}

.login-page .btn { width:100px; height:40px; position:absolute; top:15px; right:0; z-index:6;}
.login-page .btn span {width:100%; height:40px; position:absolute; top:0; left:0; font-size:14px; border-radius:6px; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.login-page .btn span.default {background:#F0F0F0; border:1px #F0F0F0 solid; color:#333;}
.login-page .btn span.primary {background:linear-gradient(to right, #25d177, #07C160); border:1px #06af57 solid; color:#FFF;}
.login-page .reset { width:24px; height:24px; display:none; position:absolute; top:23px; right:0; z-index:6; background:url(image/reset.png) center center no-repeat; background-size:24px auto;}
.login-page .code .reset{ right:120px;}
.login-page .button {width:90%; height:50px; position: absolute; top:222px; left:5%; background:linear-gradient(to right, #25d177, #07C160); border:1px #06af57 solid; color:#FFF; font-size:18px; border-radius:6px; font-weight:bold; display: flex; flex-direction: row; align-items: center; justify-content: center;}



/*物联卡：收银台*/
.layui-card-cash-page { border-radius:12px 12px 0 0; max-height:95%;}
.layui-card-cash-page .layui-layer-title { padding:0;}
.layui-card-cash-page .layui-layer-title span.title { width:100%; height:18px; margin:10px 0 0 0; font-size:18px; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.layui-card-cash-page .layui-layer-title span.number { width:100%; height:13px; margin:3px 0 0 0; font-size:13px; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.layui-card-cash-page .layui-layer-content{ background:#EFEFF4;}
.layui-card-cash-page .container { width:100%; overflow-y:scroll; overflow-x:hidden; -webkit-overflow-scrolling : touch;}

/*收银台：主体部分-订单信息*/
.layui-card-cash-page .trade { width:100%; margin:0 auto; margin-bottom:0; clear: both; background:#FFF;}
.layui-card-cash-page .trade li { width:92%; height:44px; line-height:46px; margin:0 auto; position:relative;}
.layui-card-cash-page .trade li:after { content: ''; position: absolute;top: 0;left: 0; border-bottom: 1px #E7E7EB solid; -webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;-webkit-transform: scale(0.5);transform: scale(0.5); -webkit-transform-origin: left top;transform-origin: left top;}
.layui-card-cash-page .trade li:last-child:after{ border-bottom:none;}
.layui-card-cash-page .trade li .left { width:60%;height: 44px;position: absolute; top:0; left:0; z-index:2;  font-size:15px; color:#000; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .trade li .right{ width:40%; height: 44px; position: absolute; top:0; right:0; z-index:3;  font-size:15px; color:#000; text-align:right; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .trade li.price b{ padding:0 2px;}
.layui-card-cash-page .trade li.price .left cite{ padding:2px 4px 2px 4px; border-radius:3px; margin-left:5px; font-size:12px; border:1px #FF3300 solid; color:#FF3300;}
.layui-card-cash-page .trade li.month { height:50px;}
.layui-card-cash-page .trade li.month .left { height:50px;}
.layui-card-cash-page .trade li.month .right { width:70%; height:50px;}
.layui-card-cash-page .trade li.month .add{ width: 38px; height: 38px; position: absolute; top:6px;  right: 0; border: 1px #d8d8d8 solid; background: #FFF url(image/add-gray.png) center center no-repeat; background-size: 18px auto; cursor:pointer;}
.layui-card-cash-page .trade li.month .number { width: 38px; height: 38px; position: absolute; top: 6px; right: 40px; background: #FFF; border-top: 1px #d8d8d8 solid;  border-bottom: 1px #d8d8d8 solid; }
.layui-card-cash-page .trade li.month .number input { width:30px; height:30px; line-height:30px; position:absolute; top:4px; left:4px; z-index:5; margin:0; padding:0; border:none; font-size:16px; text-align:center; background:none;}
.layui-card-cash-page .trade li.month .reduce { width: 38px; height: 38px; position: absolute; top: 6px;  right: 78px; border: 1px #d8d8d8 solid; background: #FFF url(image/reduce-gray.png) center center no-repeat; background-size: 18px auto; cursor:pointer;}

/*收银台：主体部分-搭配套餐*/
.layui-card-cash-page .relate { width:100%; margin:6px auto; margin-bottom:0; padding-bottom:15px; clear: both; background:#FFF;}
.layui-card-cash-page .relate h4 { width:94%; height:20px; padding:15px 0 0 3%; display: flex; flex-direction: row; align-items: center;}
.layui-card-cash-page .relate h4 b { max-width:60%; font-size:16px; font-style: italic; color:#000; display:-webkit-box; word-break:break-all; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.layui-card-cash-page .relate h4 i { max-width:40%; font-weight:normal; padding-left:10px; font-size:13px; color:#999; display:-webkit-box; word-break:break-all; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.layui-card-cash-page .relate .li { width:94%; position:relative; background:#FFF; margin:10px 0 0 3%; padding-bottom:10px; cursor:pointer;}
.layui-card-cash-page .relate .li:after { content: ''; position: absolute;top: 0;left: 0; border: 2px #07c160 solid; -webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;-webkit-transform: scale(0.5);transform: scale(0.5); -webkit-transform-origin: left top;transform-origin: left top; border-radius:12px;}
.layui-card-cash-page .relate .li.checked { background:url(image/choose-green.png) right bottom no-repeat; background-size:32px auto; border-radius:0 0 6px 0;}
.layui-card-cash-page .relate .li .title { width:100%; height:26px; line-height:26px; text-align:center; background:#07c160; color:#FFF; font-size:15px; border-radius:6px 6px 0 0; display:-webkit-box; word-break:break-all; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.layui-card-cash-page .relate .li .subtitle { width:90%; line-height:20px; padding:10px 0 0 5%; color:#333; font-size:14px; display:-webkit-box; word-break:break-all; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.layui-card-cash-page .relate .li .amount{ width:90%; height:20px; padding:5px 0 0 5%; color:#07c160; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.layui-card-cash-page .relate .li .amount i { font-size:13px;}
.layui-card-cash-page .relate .li .amount b { font-size:18px;}
.layui-card-cash-page .relate .li .amount cite { color:#999; margin-left:10px; text-decoration:line-through;}

/*收银台：主体部分-极速会员*/
.layui-card-cash-page .expand { width:100%; height:80px; margin:0 auto; margin-bottom:0; background:#FFF;}
.layui-card-cash-page .expand h5 {width:100%; height:22px; margin:0 auto; padding:0; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .expand h5 b { width:80px; height:22px; line-height:24px; display:block; font-size:14px; text-align:center; color:#000; font-weight:bold; background:#ffd545; border-radius:0 0 6px 0; float:left;}
.layui-card-cash-page .expand h5 i { max-width:80%; font-size:12px; line-height:24px; color:#FF9900; padding-left:10px; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .expand li.li { width:92%; height:24px; line-height:26px; margin:15px auto; margin-bottom:0; position:relative; cursor:pointer;}
.layui-card-cash-page .expand li.li .text { width:60%; height:24px; position:absolute; top:0; left:0; background:url(image/card-expand.png) left center no-repeat; background-size:auto 20px; text-indent:24px; font-size:14px; color:#000000; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .expand li.li .text i { padding-right:5px;}
.layui-card-cash-page .expand li.li .price { width:30%; height:24px; position:absolute; top:0; right:34px; text-align:right; font-size:14px; color:#dea868;}
.layui-card-cash-page .expand li.li .check { width:26px; height:24px; position:absolute; top:0; right:0; background:#FFF url(image/check-unselect.png) center center no-repeat; background-size:auto 24px; cursor:pointer;}
.layui-card-cash-page .expand li.li.checked .check {background:url(image/check-green.png) center center no-repeat; background-size:auto 24px;}

.layui-card-cash-page .expand-list { width:100%; margin:0 auto; margin-bottom:0; padding-bottom:10px; background:#FFF;}
.layui-card-cash-page .expand-list h5 {width:100%; height:22px; margin:0 auto; padding:0; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .expand-list h5 b { width:80px; height:22px; line-height:24px; display:block; font-size:14px; text-align:center; color:#000; font-weight:bold; background:#ffd545; border-radius:6px 0 6px 0; float:left;}
.layui-card-cash-page .expand-list h5 i { max-width:80%; font-size:12px; line-height:24px; color:#FF9900; padding-left:10px; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .expand-list .list { width:92%; margin:0 auto; margin-bottom:0; padding:15px 0 0 0; }
.layui-card-cash-page .expand-list .list li { width:47%; height:95px; display: inline-block; vertical-align:top; position:relative; margin-right:3%; background:#FFFFFF; border-radius:9px; cursor:pointer;}
.layui-card-cash-page .expand-list .list li:after {content: ''; position: absolute;top: 0;left: 0; z-index:1; border: 2px #dddddd solid; -webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;-webkit-transform: scale(0.5);transform: scale(0.5); -webkit-transform-origin: left top;transform-origin: left top; border-radius:12px;}
.layui-card-cash-page .expand-list .list li.checked:after {background: url(image/choose-gold.png) right bottom no-repeat; background-size:60px auto; border: 2px #FF9900 solid;}
.layui-card-cash-page .expand-list .list li .title { width:92%; height:20px; line-height:20px; position:absolute; top:10px; left:4%; z-index:5; font-size:15px; text-align:center; font-weight:bold; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .expand-list .list li .amount{ width:92%; height:20px; line-height:20px; position:absolute; top:30px; left:4%; z-index:5; text-align:center; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .expand-list .list li .amount cite { color:#777; font-size:12px; padding-right:3px;}
.layui-card-cash-page .expand-list .list li .amount  b { color:#000; font-size:15px;}
.layui-card-cash-page .expand-list .list li .amount i { color:#000; font-size:12px; padding-left:1px;}
.layui-card-cash-page .expand-list .list li .subtitle{ width:92%; height:16px; line-height:16px; position:absolute; top:54px; left:4%; z-index:5; font-size:12px; text-align:center; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .expand-list .list li .desc{ width:92%; height:16px; line-height:16px; position:absolute; top:70px; left:4%; z-index:5; font-size:12px; text-align:center; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .expand-container .list { white-space: nowrap; overflow-x:scroll; overflow-y:hidden; -webkit-overflow-scrolling : touch; }
.layui-card-cash-page .expand-container .list li { width:40%;}
.layui-card-cash-page .expand-list .list li.li-expand-thumb { height:auto;}
.layui-card-cash-page .expand-list .list li.li-expand-thumb .thumb img { width:100%; height:auto;}

/*收银台：主体部分-增值服务*/
.layui-card-cash-page .service { width:100%; height:80px; margin:0 auto; margin-bottom:0; background:#FFF;}
.layui-card-cash-page .service h5 {width:100%; height:22px; margin:0 auto; padding:0; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .service h5 b { width:80px; height:22px; line-height:24px; display:block; font-size:14px; text-align:center; color:#000; font-weight:bold; background:#7bdcfd; border-radius:0 0 6px 0; float:left;}
.layui-card-cash-page .service h5 i { max-width:80%; font-size:12px; line-height:24px; color:#FF9900; padding-left:10px; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .service li.li { width:92%; height:24px; line-height:26px; margin:15px auto; margin-bottom:0; position:relative; cursor:pointer;}
.layui-card-cash-page .service li.li .text { width:60%; height:24px; position:absolute; top:0; left:0; background:url(image/service-blue-2.png) left center no-repeat; background-size:auto 20px; text-indent:24px; font-size:14px; color:#000000; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .service li.li .text i { padding-right:5px;}
.layui-card-cash-page .service li.li .price { width:30%; height:24px; position:absolute; top:0; right:34px; text-align:right; font-size:14px; color:#dea868;}
.layui-card-cash-page .service li.li .check { width:26px; height:24px; position:absolute; top:0; right:0; background:#FFF url(image/check-unselect.png) center center no-repeat; background-size:auto 24px; cursor:pointer;}
.layui-card-cash-page .service li.li.checked .check {background:url(image/check-green.png) center center no-repeat; background-size:auto 24px;}

.layui-card-cash-page .service-list { width:100%; margin:0 auto; margin-bottom:0; padding-bottom:10px; background:#FFF;}
.layui-card-cash-page .service-list h5 {width:100%; height:22px; margin:0 auto; padding:0; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .service-list h5 b { width:80px; height:22px; line-height:24px; display:block; font-size:14px; text-align:center; color:#000; font-weight:bold; background:#7bdcfd; border-radius:6px 0 6px 0; float:left;}
.layui-card-cash-page .service-list h5 i { max-width:80%; font-size:12px; line-height:24px; color:#FF9900; padding-left:10px; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .service-list .list { width:92%; margin:0 auto; margin-bottom:0; padding:15px 0 0 0; }
.layui-card-cash-page .service-list .list li { width:47%; height:95px; display: inline-block; vertical-align:top; position:relative; margin-right:3%; background:#FFFFFF; border-radius:9px; cursor:pointer;}
.layui-card-cash-page .service-list .list li:after {content: ''; position: absolute;top: 0;left: 0; z-index:1; border: 2px #dddddd solid; -webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;-webkit-transform: scale(0.5);transform: scale(0.5); -webkit-transform-origin: left top;transform-origin: left top; border-radius:18px;}
.layui-card-cash-page .service-list .list li.checked:after {background: url(image/choose-blue.png) right bottom no-repeat; background-size:60px auto; border: 2px #10aeff solid;}
.layui-card-cash-page .service-list .list li .title { width:92%; height:20px; line-height:20px; position:absolute; top:10px; left:4%; z-index:5; font-size:15px; text-align:center; font-weight:bold; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .service-list .list li .amount{ width:92%; height:20px; line-height:20px; position:absolute; top:30px; left:4%; z-index:5; text-align:center; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .service-list .list li .amount cite { color:#777; font-size:12px; padding-right:3px;}
.layui-card-cash-page .service-list .list li .amount  b { color:#000; font-size:15px;}
.layui-card-cash-page .service-list .list li .amount i { color:#000; font-size:12px; padding-left:1px;}
.layui-card-cash-page .service-list .list li .subtitle{ width:92%; height:16px; line-height:16px; position:absolute; top:54px; left:4%; z-index:5; font-size:12px; text-align:center; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-card-cash-page .service-list .list li .desc{ width:92%; height:16px; line-height:16px; position:absolute; top:70px; left:4%; z-index:5; font-size:12px; text-align:center; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.layui-card-cash-page .service-container .list { white-space: nowrap; overflow-x:scroll; overflow-y:hidden; -webkit-overflow-scrolling : touch; }
.layui-card-cash-page .service-container .list li { width:40%;}
.layui-card-cash-page .service-list .list li.li-expand-thumb { height:auto;}
.layui-card-cash-page .service-list .list li.li-expand-thumb .thumb img { width:100%; height:auto;}

.layui-card-cash-page .discount { width:100%; margin:6px auto; margin-bottom:0; clear: both; background:#FFF;}
.layui-card-cash-page .discount li { width:92%; height:44px; margin:0 auto; margin-bottom:0; position:relative; cursor:pointer;}
.layui-card-cash-page .discount li:after {content: ''; position: absolute;top: 0;left: 0; z-index:1; border-bottom: 1px #dddddd solid; -webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;-webkit-transform: scale(0.5);transform: scale(0.5); -webkit-transform-origin: left top;transform-origin: left top;}
.layui-card-cash-page .discount li:last-of-type:after{ border-bottom:none;}
.layui-card-cash-page .discount .icon { width:22px; height:22px; position:absolute; left:0; top:10px;}
.layui-card-cash-page .discount .title { width:50%; height:22px; position:absolute; top:10px; left:30px; font-size:15px; color:#000; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.layui-card-cash-page .discount .text {width:50%; height:22px; position:absolute; top:10px; right:34px; font-size:15px; display: flex; flex-direction: row; align-items: center; justify-content: right;}
.layui-card-cash-page .discount .more { width:22px; height:22px; position:absolute; top:10px; right:0; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.layui-card-cash-page .discount .coupon .icon { background:url(image/coupon-gold-1.png) center center no-repeat; background-size:22px auto;}
.layui-card-cash-page .discount .coupon .text i { color:#FF3300; font-size:14px;}
.layui-card-cash-page .discount .coupon .text b { color:#FF3300; font-size:14px;}
.layui-card-cash-page .discount .coupon .text cite { color:#FF3300; font-size:14px;}
.layui-card-cash-page .discount .coupon .text span { color:#8a8a8a; font-size:13px;}


/*收银台：主体部分-支付方式*/
.layui-card-cash-page .payment{ width:100%; margin:6px auto; margin-bottom:0; padding-top:5px; padding-bottom:4px; clear: both; background:#FFF;}
.layui-card-cash-page .payment li { width:92%; height:50px; line-height:52px; margin:0 auto; position:relative; cursor:pointer;}
.layui-card-cash-page .payment li:after { content: ''; position: absolute;top: 0;left: 0;border-bottom: 1px #E7E7EB solid; -webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;-webkit-transform: scale(0.5);transform: scale(0.5); -webkit-transform-origin: left top;transform-origin: left top;}
.layui-card-cash-page .payment li:last-of-type:after{ border-bottom:none;}
.layui-card-cash-page .payment .icon { width:22px; height:22px; position:absolute; top:14px; left:0;}
.layui-card-cash-page .payment .balance .icon {background:url(image/pay-balance.png) left center no-repeat; background-size:auto 22px;}
.layui-card-cash-page .payment .alipay .icon img { width:22px; height:22px;}
.layui-card-cash-page .payment .weixin .icon img { width:22px; height:22px;}

.layui-card-cash-page .payment .name { width:80%; height:16px; line-height:16px; position:absolute; top:17px; left:30px; font-size:15px; color:#000;}
.layui-card-cash-page .payment .balance .name { top:10px;}
.layui-card-cash-page .payment .balance .name span {padding:2px 4px 2px 0; float:left;}
.layui-card-cash-page .payment .balance .name cite { padding:2px 4px 2px 4px; border-radius:3px; margin-left:5px; font-size:12px;}
.layui-card-cash-page .payment .text {width:80%; height:16px; position:absolute; top:36px; left:30px; font-size:12px; color:#FF0000; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.layui-card-cash-page .payment .text b { font-weight:normal;}
.layui-card-cash-page .payment .balance .text { top:30px;}
.layui-card-cash-page .payment .radio{ width:26px; height:26px; position:absolute; top:13px; right:0; background:url(image/radio.png) center center no-repeat; background-size:26px auto;}
.layui-card-cash-page .payment .c .radio {background:url(image/radio-green.png) center center no-repeat; background-size:26px auto;}

/*收银台：主体部分-余额支付*/
.layui-card-cash-page .payment .wallet { width:92%; margin:0 auto; margin-bottom:0; background:#FFF; border-radius:9px; padding-bottom:0; white-space: nowrap; overflow-x:scroll; overflow-y:hidden; -webkit-overflow-scrolling : touch;}
.layui-card-cash-page .payment .wallet dt { width:32%; height:80px; display: inline-block; vertical-align:top; position:relative; margin-top:10px; margin-bottom:10px; margin-left:3%; background:#FFFFFF; border-radius:9px; cursor:pointer;}
.layui-card-cash-page .payment .wallet dt:after {content: ''; position: absolute;top: 0; left: 0; border:2px #e4e4e4 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5);transform: scale(0.5); -webkit-transform-origin: left top;transform-origin: left top; border-radius:12px;}
.layui-card-cash-page .payment .wallet dt.c:after {border:2px #09F solid; background:url(image/choose-blue.png) right bottom no-repeat; background-size:60px auto;}
.layui-card-cash-page .payment .wallet .amount { width:92%; height:20px; line-height:20px; margin:10px auto; margin-bottom:0; text-align:center;}
.layui-card-cash-page .payment .wallet .amount i { font-size:14px; color:#999;}
.layui-card-cash-page .payment .wallet .amount b { font-size:16px; color:#09F; padding:0 2px;}
.layui-card-cash-page .payment .wallet .amount cite { font-size:14px; color:#999;}
.layui-card-cash-page .payment .wallet .gift { width:92%; height:20px; line-height:20px; margin:0 auto; margin-bottom:0; text-align:center; font-size:14px; color:#d41015;}
.layui-card-cash-page .payment .wallet .account { width:92%; height:20px; line-height:20px; margin:0 auto; margin-bottom:0; text-align:center; font-size:14px; color:#d41015;}
.layui-card-cash-page .payment .wallet .dt-recharge-thumb { width:120px; height:108px; display: inline-block; vertical-align:top; position:relative; margin-top:10px; margin-left:3%; background:#FFFFFF; border-radius:9px;}
.layui-card-cash-page .payment .wallet .dt-recharge-thumb:after {content: ''; position: absolute;top: 0; left: 0; border:0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5);transform: scale(0.5); -webkit-transform-origin: left top;transform-origin: left top; border-radius:12px;}
.layui-card-cash-page .payment .wallet .thumb { width:100%;}



.layui-card-cash-page .rule { width:94%; height:16px; line-height:16px; margin:15px auto; margin-bottom:15px;}
.layui-card-cash-page .rule cite.check { width:16px; height:16px; display:block; float:left; background:url(image/check-unselect.png) center center no-repeat; background-size:auto 16px; cursor:pointer;}
.layui-card-cash-page .rule cite.checked {background:url(image/check-green.png) center center no-repeat; background-size:auto 16px;}
.layui-card-cash-page .rule span { padding-left:5px; line-height:18px;}
.layui-card-cash-page .rule span i { color:#0099FF; cursor:pointer;}

.layui-card-cash-page .empty { width:100%; height:60px; margin:0 auto;}

.layui-card-cash-page .submit { width:100%; height:60px; position:fixed; _position:absolute; bottom:0px; _bottom:auto; z-index:100; background:#FFF;}
.layui-card-cash-page .submit:after {content: ''; position: absolute;top: 0; left: 0; border-top:1px #dadada solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5);transform: scale(0.5); -webkit-transform-origin: left top;transform-origin: left top;}

.layui-card-cash-page .submit li.price{ width:37%; height:44px; position:absolute; top:8px; left:5%; z-index:10;}
.layui-card-cash-page .submit li.price .money { width:100%; height:20px; line-height:20px; position:absolute; top:3px; left:0; text-align:left; /*color:#e71f19;*/}
.layui-card-cash-page .submit li.price .money span.mark { font-size:16px; padding-right:3px; color:#000;}
.layui-card-cash-page .submit li.price .money span.amount { font-size:18px; font-weight:bold; color:#000;}
.layui-card-cash-page .submit li.price .text { width:100%; height:16px; line-height:16px; position:absolute; top:25px; left:0; text-align:left; font-size:13px; color:#FF3300;}
.layui-card-cash-page .submit li.detailed { width:15%; height:44px; position:absolute; top:8px; right:43%; z-index:10; cursor:pointer; color:#999; font-size:13px; background:url(image/arrow-top-1-gray.png) center right no-repeat; background-size:16px auto; display: flex; flex-direction: row; align-items: center; justify-content: right; padding-right:20px;}
.layui-card-cash-page .submit li.button { width:37%; height:44px; position:absolute; top:8px; right:3%; z-index:10; background:#fd6802; cursor:pointer; border-radius:50px;}
.layui-card-cash-page .submit li.button cite { width:100%; height:44px; font-size:18px; font-weight:bold; color:#FFF; position:absolute; top:0; left:0; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.layui-card-cash-page .submit li.button span { width:100%; height:18px; font-size:16px; font-weight:bold; color:#FFF; position:absolute; top:5px; left:0; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.layui-card-cash-page .submit li.button i { width:100%; height:12px; font-size:12px; color:#FFF; position:absolute; top:25px; left:0; display: flex; flex-direction: row; align-items: center; justify-content: center;}

/*物联卡：订单明细*/
.layui-card-trade-detailed-page { border-radius:12px 12px 0 0; max-height:95%;}
.layui-card-trade-detailed-page .layui-layer-content{ background:#EFEFF4;}
.layui-card-trade-detailed-page .detailed { width:100%; margin:0 auto; margin-bottom:0; padding:8px 0 0 0; background:#FFF;}
.layui-card-trade-detailed-page .wallet { margin:6px auto;}
.layui-card-trade-detailed-page .detailed h5 { width:96%; height:30px; margin:0 0 0 4%; padding-bottom:8px; position:relative;}
.layui-card-trade-detailed-page .detailed h5:after {content: ''; position: absolute;top: 0;left: 0; z-index:1; border-bottom:1px #E7E7EB solid; -webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;-webkit-transform: scale(0.5);transform: scale(0.5); -webkit-transform-origin: left top;transform-origin: left top;}
.layui-card-trade-detailed-page .detailed h5 span { width:50%; height:30px; position:absolute; top:0; left:0; font-weight:normal; font-size:16px; color:#000; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.layui-card-trade-detailed-page .detailed h5 cite { width:50%; height:30px; position:absolute; top:0; right:3%; color:#000; display: flex; flex-direction: row; align-items: center; justify-content: right;}
.layui-card-trade-detailed-page .detailed h5 cite i { font-weight:normal; font-size:14px; padding-right:2px;}
.layui-card-trade-detailed-page .detailed h5 cite b { font-size:16px; font-weight:normal;}

.layui-card-trade-detailed-page .detailed li { width:92%; height:36px; margin:0 auto; margin-bottom:0; font-size:14px; position:relative;}
.layui-card-trade-detailed-page .detailed li .left { width:35%; height:36px; position:absolute; top:0; left:0; color:#666666; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.layui-card-trade-detailed-page .detailed li .right{ width:65%; height:36px; position:absolute; top:0; right:0; display: flex; flex-direction: row; align-items: center; justify-content: right;}
.layui-card-trade-detailed-page .detailed li .right span { text-decoration:line-through; font-size:14px; color:#999;}
.layui-card-trade-detailed-page .detailed li .right span i { padding-right:2px;}
.layui-card-trade-detailed-page .detailed li .right span b { font-weight:normal;}
.layui-card-trade-detailed-page .detailed li .right cite{ padding-left:8px; color:#000;}
.layui-card-trade-detailed-page .detailed li .right cite i { padding-right:2px;}
.layui-card-trade-detailed-page .detailed li.iscoupon .right cite b { font-weight:normal;}
.layui-card-trade-detailed-page .detailed li .right em { color:#FF3300; font-style:italic; padding-right:5px;}

.layui-card-trade-detailed-page .detailed li.total { margin:5px auto; margin-bottom:0; height:44px;}
.layui-card-trade-detailed-page .detailed li.total .left { height:44px; font-size:14px; color:#333;}
.layui-card-trade-detailed-page .detailed li.total .right{ height:44px;}
.layui-card-trade-detailed-page .detailed li.total .right b { font-weight:bold;}
.layui-card-trade-detailed-page .detailed li.total:after {content: ''; position: absolute;top: 0;left: 0; z-index:1; border-top:1px #E7E7EB solid; border-bottom:1px #E7E7EB solid; -webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;-webkit-transform: scale(0.5);transform: scale(0.5); -webkit-transform-origin: left top;transform-origin: left top;}

.layui-card-trade-detailed-page .detailed li.coupon { height:44px;}
.layui-card-trade-detailed-page .detailed li.coupon .left { height:44px;}
.layui-card-trade-detailed-page .detailed li.coupon .right{ height:44px;}
.layui-card-trade-detailed-page .detailed li.coupon .right i { color:#FF3300;}
.layui-card-trade-detailed-page .detailed li.coupon .right b { color:#FF3300;}


.layui-card-trade-detailed-page .detailed li.summation { margin:0 auto; margin-bottom:0; height:50px;}
.layui-card-trade-detailed-page .detailed li.summation .left { height:50px; font-size:16px; color:#000;}
.layui-card-trade-detailed-page .detailed li.summation .right{ height:50px;}
.layui-card-trade-detailed-page .detailed li.summation .right b { font-size:18px; font-weight:bold;}
.layui-card-trade-detailed-page .detailed li.summation:after {content: ''; position: absolute;top: 0;left: 0; z-index:1; border-top:1px #E7E7EB solid; -webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;-webkit-transform: scale(0.5);transform: scale(0.5); -webkit-transform-origin: left top;transform-origin: left top;}


.layui-card-trade-detailed-page .empty { width:100%; height:70px; margin:0 auto;}

.layui-card-trade-detailed-page .submit { width:100%; height:60px; position:fixed; _position:absolute; bottom:0px; _bottom:auto; z-index:100; background:#FFF;}
.layui-card-trade-detailed-page .submit:after {content: ''; position: absolute;top: 0; left: 0; border-top:1px #dadada solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5);transform: scale(0.5); -webkit-transform-origin: left top;transform-origin: left top;}
.layui-card-trade-detailed-page .submit li.price{ width:37%; height:44px; position:absolute; top:8px; left:5%; z-index:10;}
.layui-card-trade-detailed-page .submit li.price .money { width:100%; height:20px; line-height:20px; position:absolute; top:3px; left:0; text-align:left; /*color:#e71f19;*/}
.layui-card-trade-detailed-page .submit li.price .money span.mark { font-size:16px; padding-right:3px; color:#000;}
.layui-card-trade-detailed-page .submit li.price .money span.amount { font-size:18px; font-weight:bold; color:#000;}
.layui-card-trade-detailed-page .submit li.price .text { width:100%; height:16px; line-height:16px; position:absolute; top:25px; left:0; text-align:left; font-size:13px; color:#FF3300;}
.layui-card-trade-detailed-page .submit li.button { width:37%; height:44px; position:absolute; top:8px; right:3%; z-index:10; background:#fd6802; cursor:pointer; border-radius:50px;}
.layui-card-trade-detailed-page .submit li.button cite { width:100%; height:44px; font-size:18px; font-weight:bold; color:#FFF; position:absolute; top:0; left:0; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.layui-card-trade-detailed-page .submit li.button span { width:100%; height:18px; font-size:16px; font-weight:bold; color:#FFF; position:absolute; top:5px; left:0; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.layui-card-trade-detailed-page .submit li.button i { width:100%; height:12px; font-size:12px; color:#FFF; position:absolute; top:25px; left:0; display: flex; flex-direction: row; align-items: center; justify-content: center;}


/*套餐订购：打开优惠券面板*/
.layui-card-trade-coupon-page { border-radius:12px 12px 0 0; max-height:95%;}
.layui-card-trade-coupon-page .coupon-user-list { width:94%; margin:0 auto; padding-bottom:20px;}
.layui-card-trade-coupon-page .coupon-user-list li { width:100%; height:100px; margin:10px 0 0 0; position:relative; cursor:pointer;}
.layui-card-trade-coupon-page .coupon-user-list li:after{content: ''; position: absolute; top: 0; left: 0; z-index:1; border:1px #f4e4e5 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1; border-radius:18px; background:#fef8f8;}
.layui-card-trade-coupon-page .coupon-user-list .title { width:60%; height:20px; font-size:14px; color:#000; position:absolute; top:15px; left:5%; z-index:2; display:flex; flex-direction:row; align-items:center; justify-content:left;}
.layui-card-trade-coupon-page .coupon-user-list .amount { width:60%; height:20px; position:absolute; top:40px; left:5%; z-index:2; display:flex; flex-direction:row; align-items:center; justify-content:left;}
.layui-card-trade-coupon-page .coupon-user-list .amount b { font-size:20px; color:#FF3300;}
.layui-card-trade-coupon-page .coupon-user-list .amount i { font-size:15px; color:#FF3300; padding-left:3px;}
.layui-card-trade-coupon-page .coupon-user-list .amount cite { font-size:15px; color:#FF3300; padding-left:3px;}
.layui-card-trade-coupon-page .coupon-user-list .endtime { width:60%; height:20px; font-size:12px; color:#555; position:absolute; top:65px; left:5%; z-index:2; display:flex; flex-direction:row; align-items:center; justify-content:left;}
.layui-card-trade-coupon-page .coupon-user-list .radio{ width:26px; height:26px; position:absolute; top:37px; right:5%; z-index:3; background:url(image/radio.png) center center no-repeat; background-size:26px auto;}
.layui-card-trade-coupon-page .coupon-user-list .c .radio {background:url(image/radio-green.png) center center no-repeat; background-size:26px auto;}
.layui-card-trade-coupon-page .empty { width:100%; height:60px; margin:0 auto;}
.layui-card-trade-coupon-page .coupon-user-button {width:100%; height:60px; position:fixed; _position:absolute; bottom:0px; _bottom:auto; z-index:100; background:#FFF;}
.layui-card-trade-coupon-page .coupon-user-button .text { width:57%; height:44px; line-height:46px; background:#000; color:#FFF; font-size:15px; position:absolute; top:8px; left:3%; border-radius:44px 0 0 44px; text-indent:15px;}
.layui-card-trade-coupon-page .coupon-user-button .text span { padding-right:2px;}
.layui-card-trade-coupon-page .coupon-user-button .text i { padding-right:2px;}
.layui-card-trade-coupon-page .coupon-user-button .text b { padding-right:2px;}
.layui-card-trade-coupon-page .coupon-user-button .button { width:37%; height:44px; background:#ffc94d; color:#000; font-size:18px; font-weight:bold; position:absolute; top:8px; right:3%; border-radius:0 44px 44px 0; display: flex; flex-direction: row; align-items: center; justify-content: center; cursor:pointer;}



/*物流信息*/
.layui-trade-logistics-page { border-radius:12px 12px 0 0; max-height:90%; background:#EFEFF4;}
.layui-trade-logistics-page .trade { width:100%; margin:0 auto; height:100px; position:relative; background:#FFF;}
.layui-trade-logistics-page .trade:after{content: ''; position: absolute; top: 0;left: 0; z-index:1; border-bottom: 1px #EFEFF4 solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.layui-trade-logistics-page .trade .tradeno { width:70%; height:50px; line-height:50px; position:absolute; top:0; left:3%; z-index:2; font-size:15px; text-align:left; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-trade-logistics-page .trade .tradeno:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px #EFEFF4 solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.layui-trade-logistics-page .trade .expressnumber { width:70%; height:50px; line-height:50px; position:absolute; top:50%; left:3%; z-index:2; font-size:15px; text-align:left; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.layui-trade-logistics-page .trade .copy { width:88px; height:36px; position:absolute; top:32px; right:3%; z-index:5; border-radius:36px; font-size:15px; cursor:pointer; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.layui-trade-logistics-page .trade .copy:after{content: ''; position: absolute; top: 0;left: 0; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top; border-radius:36px;}

.layui-trade-logistics-page .logistics { width:100%; margin:10px auto; margin-bottom:0; background:#FFF;}
.layui-trade-logistics-page .logistics .list{ width:94%; margin:0 auto; margin-bottom:0; position:relative; padding-bottom:20px;}
.layui-trade-logistics-page .logistics .list:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px #EFEFF4 solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.layui-trade-logistics-page .logistics .list .status { width:100%; margin:0 auto; padding-top:15px; height:20px; line-height:20px; font-size:16px; color:#000; font-weight:bold;}
.layui-trade-logistics-page .logistics .list .status i { padding-left:10px; color:#777; font-size:14px; font-weight:normal;}
.layui-trade-logistics-page .logistics .list .context { width:100%; margin:15px auto; margin-bottom:0; line-height:20px; text-align:left; font-size:14px;}








.layui-fixbar li.layui-icon-contact { width:42px; height:110px; background:url(image/contact-blue.png) center center no-repeat; background-size:42px auto;}



.page-no-data { width:100%; margin:0 auto; padding-bottom:50px;}
.page-no-data .bg { width:100%; height:50px; margin:0 auto; margin-bottom:0; padding:50px 0 0 0; background:url(image/nodata.png) center bottom no-repeat; background-size:auto 50px; }
.page-no-data .text { width:100%; height:20px; line-height:20px; margin:10px auto; margin-bottom:0; text-align:center; color:#999; font-size:16px;}
.page-no-data .button { width:94%; height:50px; margin:30px auto; margin-bottom:0; background:#FFF; border:1px #E5E5E5 solid; font-size:18px; color:#555; border-radius:6px; display: flex; flex-direction: row; align-items: center; justify-content: center;}


.layui-card-expand-page { border-radius:12px 12px 0 0; max-height:100%; padding-bottom:20px;}
.layui-card-expand-page .expand-list { width:100%; margin:0 auto; margin-bottom:0; background:#FFF;}
.layui-card-expand-page .expand-list .list-left { width:45.5%; float:left; margin:0 0 0 3%;}
.layui-card-expand-page .expand-list .list-right { width:45.5%; float:right; margin:0 3% 0 0;}
.layui-card-expand-page .expand-list li { width:100%; margin:0 auto; margin:15px 0 0 0; position:relative; padding-bottom:18px; }
.layui-card-expand-page .expand-list li.li-expand:after{content: ''; position: absolute; top: 0;left: 0; border:2px #ffb800 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top; border-radius:9px;}
.layui-card-expand-page .expand-list li .amount { width:90%; height:20px; line-height:20px; margin:0 auto; padding-top:25px; text-align:center;}
.layui-card-expand-page .expand-list li .amount b {font-size:20px; font-weight:bold; color:#ff5722;}
.layui-card-expand-page .expand-list li .amount i {font-size:14px; padding-left:2px;}
.layui-card-expand-page .expand-list li .custom { line-height:14px; position:absolute; top:-1px; left:-1px; z-index:3; padding:2px 9px; background:#3486fb; color:#fff; border-radius: 5px 0 5px 0; font-size:12px;}
.layui-card-expand-page .expand-list li .subtitle { width:90%; line-height:14px; margin:10px auto; margin-bottom:0; color:#555; text-align:center; font-size:12px;}
.layui-card-expand-page .expand-list li .content {width:90%; line-height:14px; margin:10px auto; margin-bottom:0; color:#999; text-align:center; font-size:12px;}

.layui-card-expand-page .expand-list li.li-expand-thumb { width:100%; display: flex; flex-wrap: wrap;}
.layui-card-expand-page .expand-list li.li-expand-thumb img { max-width: 100%; height: auto;}




/*底部菜单*/
.bottom { width:100%; height:60px; max-width:640px; margin:0 auto; position:fixed; _position:absolute; bottom:0px; _bottom:auto; z-index:100;}
.bottom:after{content: ''; position: absolute; top: 0;left: 0; border-top: 1px solid #D2D2D2; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top; background:#FFF;}
.bottom li { width:33.33%; height:60px; float:left; position:relative; z-index:5;}
.bottom li .icon { width:100%; height:30px; position:absolute; top:5px; left:0;}
.bottom li .text { width:100%; height:15px; position:absolute; bottom:6px; left:0; font-size:15px; color:#000; display:flex; flex-direction:row; align-items: center; justify-content: center;}
.bottom li.choose .text { color:#07C160;}
.bottom li.mall .icon { background:url(image/bottom-index-gray.png) center center no-repeat; background-size: auto 30px;}
.bottom li.mall.choose .icon {background:url(image/bottom-index-green.png) center center no-repeat; background-size: auto 30px;}
.bottom li.index .icon { background:url(image/bottom-wifi-gray.png) center center no-repeat; background-size: auto 30px;}
.bottom li.index.choose .icon { background:url(image/bottom-wifi-green.png) center center no-repeat; background-size: auto 30px;}
.bottom li.user .icon { background:url(image/bottom-user-gray.png) center center no-repeat; background-size: auto 30px;}
.bottom li.user.choose .icon { background:url(image/bottom-user-green.png) center center no-repeat; background-size: auto 30px;}



.layui-card-trade-rule {border-radius:12px; max-height:400px;}
.layui-card-trade-rule p { padding:15px; line-height:22px; font-size:13px; text-align:left;}

.layui-layer-ask { border-radius:12px;}
.layui-layer-ask .text { padding:20px; font-size:15px; line-height:22px;}
.layui-layer-ask .button{ width:100%; height:50px; margin:0 auto; position:relative;}
.layui-layer-ask .button:after{content: ''; position: absolute; top:0; left:0; border-top:1px solid #BFBFBF; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.layui-layer-ask .button .cancel { width:50%; height:50px; line-height:50px; text-align:center; font-size:16px; position:absolute; left:0; top:0; z-index:5; color:#999999;}
.layui-layer-ask .button .cancel:after{content: ''; position: absolute; top:0; left:0; border-right:1px solid #BFBFBF; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.layui-layer-ask .button .confirm { width:50%; height:50px; line-height:50px; text-align:center; font-size:16px; position:absolute; right:0; top:0; z-index:10; color:#0099FF;}