会员积分：

1：个人中心
2：会员积分页面
3：会员权益
4：注册会员
5：个人信息-修改手机号码
6：结算

aiberle/css/iconfont.css

@@ -1,68 +1,209 @@
 @font-face {font-family: "iconfont";
-  src: url('../fonts/iconfont.ttf?t=1513221238602') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  src: url('../fonts/iconfont.ttf?t=1574474877500') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
 }
 
 .iconfont {
 	position: relative;
-  font-family:"iconfont" !important;
-  font-size:25px;
-  font-style:normal;
-  -webkit-font-smoothing: antialiased;
-  padding:0;
+	font-family: "iconfont" !important;
+	font-size: 25px;
+	font-style: normal;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	padding:0;
 }
 
-.icon-guanbi:before { content: "\e697"; }
-
-.icon-shouhoudianhua:before { content: "\e6ac"; }
-
-.icon-caidan:before { content: "\e6c6"; }
-
-.icon-jia:before { content: "\e6c7"; }
-
-.icon-gouwuche:before { content: "\e6c8"; }
-
-.icon-yes:before { content: "\e6c9"; }
-
-.icon-dansheng:before { content: "\e6ca"; }
-
-.icon-linian:before { content: "\e6cb"; }
-
-.icon-dingwei:before { content: "\e6cc"; }
-
-.icon-liwu:before { content: "\e6cd"; }
-
-.icon-dianhua:before { content: "\e6ce"; }
-
-.icon-quanbao:before { content: "\e6cf"; }
-
-.icon-shiming:before { content: "\e6d0"; }
-
-.icon-liucheng:before { content: "\e6d1"; }
-
-.icon-wenda:before { content: "\e6d2"; }
-
-.icon-zhibaoqia:before { content: "\e6d3"; }
-
-.icon-zhinan:before { content: "\e6d4"; }
-
-.icon-wode:before { content: "\e6d5"; }
-
-.icon-sousuo:before { content: "\e6d6"; }
-
-.icon-dingdan:before { content: "\e6d7"; }
-
-.icon-shouye:before { content: "\e6d8"; }
-
-.icon-daifahuo:before { content: "\e6d9"; }
-
-.icon-yifahuo:before { content: "\e6da"; }
-
-.icon-huiyuanqia:before { content: "\e6db"; }
-
-.icon-huiyuanxinxi:before { content: "\e6dc"; }
-
-.icon-daifukuan:before { content: "\e6dd"; }
-
-.icon-jifen:before { content: "\e6de"; }
-
-.icon-yiwancheng:before { content: "\e6df"; }
+.icon-gouwuche:before {
+  content: "\e605";
+}
+
+.icon-hot:before {
+  content: "\e66b";
+}
+
+.icon-guanbi:before {
+  content: "\e697";
+}
+
+.icon-shouhoudianhua:before {
+  content: "\e6ac";
+}
+
+.icon-caidan:before {
+  content: "\e6c6";
+}
+
+.icon-jia:before {
+  content: "\e6c7";
+}
+
+.icon-yes:before {
+  content: "\e6c9";
+}
+
+.icon-dansheng:before {
+  content: "\e6ca";
+}
+
+.icon-linian:before {
+  content: "\e6cb";
+}
+
+.icon-dingwei:before {
+  content: "\e6cc";
+}
+
+.icon-liwu:before {
+  content: "\e6cd";
+}
+
+.icon-dianhua:before {
+  content: "\e6ce";
+}
+
+.icon-quanbao:before {
+  content: "\e6cf";
+}
+
+.icon-shiming:before {
+  content: "\e6d0";
+}
+
+.icon-liucheng:before {
+  content: "\e6d1";
+}
+
+.icon-wenda:before {
+  content: "\e6d2";
+}
+
+.icon-zhibaoqia:before {
+  content: "\e6d3";
+}
+
+.icon-zhinan:before {
+  content: "\e6d4";
+}
+
+.icon-sousuo:before {
+  content: "\e6d6";
+}
+
+.icon-huiyuanqia:before {
+  content: "\e6db";
+}
+
+.icon-huiyuanxinxi:before {
+  content: "\e6dc";
+}
+
+.icon-jifen:before {
+  content: "\e6de";
+}
+
+.icon-daifukuan:before {
+  content: "\e71d";
+}
+
+.icon-A-huiyuandalibao:before {
+  content: "\e71e";
+}
+
+.icon-daifahuo:before {
+  content: "\e720";
+}
+
+.icon-A-nan:before {
+  content: "\e721";
+}
+
+.icon-A-gerenxinxi:before {
+  content: "\e722";
+}
+
+.icon-A-huiyuangoumai:before {
+  content: "\e723";
+}
+
+.icon-A-jifenhuangou:before {
+  content: "\e724";
+}
+
+.icon-dingdan:before {
+  content: "\e725";
+}
+
+.icon-A-kefudianhua:before {
+  content: "\e726";
+}
+
+.icon-A-jifengouwuche:before {
+  content: "\e727";
+}
+
+.icon-A-shengri:before {
+  content: "\e728";
+}
+
+.icon-shouye:before {
+  content: "\e729";
+}
+
+.icon-A-xingming:before {
+  content: "\e72a";
+}
+
+.icon-wode:before {
+  content: "\e72b";
+}
+
+.icon-A-huiyuanzhekou:before {
+  content: "\e72c";
+}
+
+.icon-yifahuo:before {
+  content: "\e72d";
+}
+
+.icon-A-nv:before {
+  content: "\e72e";
+}
+
+.icon-A-yanzhengma:before {
+  content: "\e72f";
+}
+
+.icon-A-xingbie:before {
+  content: "\e730";
+}
+
+.icon-A-shoujihao:before {
+  content: "\e731";
+}
+
+.icon-yiwancheng:before {
+  content: "\e732";
+}
+
+.icon-A-yijianxiang:before {
+  content: "\e733";
+}
+
+.icon-A-zhucehuiyuan:before {
+  content: "\e734";
+}
+
+.icon-A-zhucewancheng:before {
+  content: "\e735";
+}
+
+.icon-A-zhanghaoanquan:before {
+  content: "\e736";
+}
+
+.icon-guanbicha:before {
+  content: "\e737";
+}
+
+.icon-A-shouhuoxinxi:before {
+  content: "\e738";
+}

aiberle/css/main.css

@@ -1,293 +1,353 @@
-/* Css Reset */
-body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
-form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
-fieldset,img { border: 0; }
-address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
-ol,ul,li { list-style: none; }
-div,dl,dt,dd,ol,ul,li{ zoom:1; }
-caption,th { text-align: left; }
-q:before,q:after { content:''; }
-abbr,acronym { border: 0; }
-
-/*loading*/
-.loading{width: 100%;height:100%;position: fixed;top: 0;padding-top: 50%; left: 0;background: rgba(0,0,0,0.8);z-index: 999;}
-.loading-bj{background: url(../images/loading.png);width: 20px;height: 20px;background-size: 20px;margin: 0.3rem auto 0;animation:rotateIn 1s .2s linear infinite;-moz-animation:rotateIn 1s .2s linear infinite;-webkit-animation:rotateIn 1s .2s linear infinite;}
-.loading p{color:#fff;opacity: .7; font-size: 12px;text-align: center;margin-top: 0.1rem;}
-
-@-webkit-keyframes rotateIn{
-0%{transform: rotate(0)}
-100%{transform: rotate(360deg)}
-}
-@-moz-keyframes rotateIn{
-0%{transform: rotate(0)}
-100%{transform: rotate(360deg)}
-}
-body{background-color: #fff;font-size: 14px;}
-p{color: #999;font-size: 12px;}
-.loading-bg{width: 100%;min-width:100%;height: 100%;min-height:100%; background-color:#F0F0F0;position: fixed;left: 0;top: 0;z-index: 999;}
-.loading-bg .mui-loading{margin-top: 50%;text-align: center;color: #aaa;}
-.mui-content{background-color: #fff;}
-.mui-bar-nav{-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;position: fixed;background-color: #fff; padding: 10px 14px;height: 55px;}
-.mui-bar-nav:after{display: none;}
-.mui-bar-nav~.mui-content{padding-top: 55px;}
-.mui-bar-nav .my-search-ipt{font-size: 14px !important;width: 80%;border: 0;background:url(../images/search.png) 10px center no-repeat #f3f3f3;background-size:auto 50%;height: 35px; border-radius: 7px;padding:6px 10px 6px 40px;margin-bottom: 0;}
-.mui-bar-nav .my-search-ipt::-webkit-input-placeholder {color:#bbb;}
-.search-cotainer{}
-#search-hot{background-color: #fff;position: absolute;left: 14px;right: 14px;top: 50px; height: 800px;}
-#search-hot p{margin-bottom: 0;margin-top: 10px;}
-.mui-bar #search-hot .mui-btn {font-weight: 400;position: relative;z-index: 20;top: 7px;border-radius: 15px;color: #727171; margin-top: 0;padding: 5px;min-width: 90px;margin: 0 10px 12px 0;}
-.line-25{line-height: 2.5;}
-.my-btn-cancel {display: none; position: absolute;right: 10px;top: 10px;padding: 7px 5px;width: 15%;text-align: center;border-radius: 5px;color: #727171;}
-.autocompleter {width: 100%;margin: 0;padding: 0;background: #fff;color: #727171;}
-.autocompleter-hint {display: none;}
-.autocompleter-list {list-style: none;margin: 0;padding:0;text-align: left;-webkit-box-sizing: border-box;box-sizing: border-box;}
-.autocompleter-list>li{position: relative;padding:2px 0;height: 40px;display: inline-block;}
-.autocompleter-list>li span{font-weight: 400;position: relative;z-index: 20;top: 1px;border-radius: 15px;color: #727171;margin-top: 0;padding: 5px;min-width: 90px;margin: 10px 10px 12px 0;border: 1px solid #ccc;display: inline-block;text-align: center;}
-.autocompleter-list>li strong{color: red;}
-.mui-bar-nav .icon-caidan{position: absolute;right:10px;top:12px;color: #727171;font-size: 22px;padding: 5px 0;}
-.banner-box{margin: 0 14px 5px 14px;}
-.banner-box-pro{margin: 12px 14px 5px 14px;}
-#slider{border-radius: 10px;}
-.mui-slider .mui-slider-group .mui-slider-item{border-radius: 10px;}
-.mui-slider-indicator .mui-indicator {display: inline-block;width: 10px;height: 2px;margin: 1px 2px;cursor: pointer;border-radius: 0;background: #ccc;-webkit-box-shadow: 0 0 0 0 rgba(130,130,130,.7);box-shadow: 0 0 0 0 rgba(130,130,130,.7);}
-.mui-slider-indicator .mui-active.mui-indicator{background-color: #727171;width: 16px;}
-.mui-slider-indicator{bottom: 4px;}
-.mui-slider .mui-slider-group .mui-slider-item img{border-radius: 10px;}
-.index-title{padding: 14px 14px 5px 14px;}
-.index-title .mui-pull-right{color: #727171;}
-.index-title font{display: inline-block;-webkit-transform: translateY(-3px);transform: translateY(-3px);}
-.index-pro-tit{text-align: left;font-size: 14px;}
-.pro-tit{text-align: left;font-size: 14px;white-space: pre-line;color: #333;}
-#index-pro-items{border: 1px solid transparent;}
-#index-pro-items .mui-control-item{color: #727171;border-color: transparent;border-left: transparent;background-color: #f9f8f7;border-radius: 5px;display: inline-block;width: 31.8%;margin-right: 2%;}
-#index-pro-items .mui-control-item:last-child{margin-right: 0;}
-#index-pro-items .mui-control-item.mui-active {color: #fff;background-color: #727171;}
-.f-price{float: right;color: #ff3b3b;}
-.l-price{color: #ff3b3b;text-align:left;}
-#index-pro-list .mui-col-xs-12{padding-right: 2px;}
-.mui-bar-tab{background-color: #727171;}
-.mui-bar-tab .mui-tab-item{color: #bbb;}
-.mui-bar-tab .mui-tab-item .iconfont {top: 3px;width: 24px;height: 24px;padding-top: 0;padding-bottom: 0;}
-.mui-bar-tab .mui-tab-item .iconfont~.mui-tab-label{font-size: 12px;display: block;overflow: hidden;text-overflow: ellipsis;    padding-top: 5px;line-height: 1;}
-.mui-bar-tab .mui-tab-item.mui-active{color: #fff;}
-#menu { text-align: left;overflow: hidden;-webkit-transition: height .6s;margin: 0; padding: 0; position: fixed; left: 0; top: 0;right: 0; list-style-type: none; z-index: 70;height:0px;width: 100%; background: rgba(27,27,31,1);}
-#menu.active{height: 100%;}
-#menu li { margin: 0;position: relative;text-align: left;padding:15px 14px;display:block;}
-#menu li.line:after{content: '';width: 65%;height: 1px;background-color: #bbb;position: absolute;left:15px;bottom: 0;-webkit-transform: scaleY(.3);}
-#menu li:first-child{text-align: right;padding: 20px 20px 10px 20px;}
-#menu a {color: #bbb; text-decoration: none;margin: 10px 0;width: 100%;min-width: 100%;font-size: 0;}
-#menu a:focus{outline:none;}
-#menu .active a {font-size:14px;}
-#menu .active a div{padding-bottom: 0;}
-#menu label{font-size: 0;color: #bbb;}
-#menu .active label {font-size:18px;}
-.mui-pull-caption{font-size: 12px;font-weight:500;}
-#menu .icon-guanbi{color: #fff;font-size: 20px;}
-.mui-bar #pro-menu{top: 0;border: 1px solid rgba(0,0,0,.1);border-radius: 5px;}
-#pro-menu .mui-control-item{color: #bbb;border-left: 1px solid rgba(0,0,0,.1);position: relative;}
-#pro-menu .mui-control-item:after{content: '';position: absolute;left: 50%;-webkit-transform: translateX(-50%); width: 3em;height: 1px;background-color: transparent;bottom: 0;}
-#pro-menu .mui-control-item:first-child{border-left-width: 0px;}
-#pro-menu .mui-control-item:last-child:after{width: 4em;}
-#pro-menu .mui-control-item.mui-active{color: #333;background-color: #fff;}
-#pro-menu .mui-control-item.mui-active:after{background-color: #333;}
-.my-grid-view-no:after,.my-grid-view-no:before,.my-grid-view-no .mui-table-view-cell:after{display: none;}
-.my-view-no:after,.my-view-no:before{display: none;}
-.add-cart{border: 1px solid rgba(0,0,0,.1);padding: 5px 5px 0 5px;float: left;border-radius: 5px;color: #bbb;}
-.btn-buy-now{color: #727171;width: 60% !important;border: 1px solid rgba(0,0,0,.1);font-weight: 600;border-radius: 5px;}
-.index-title .icon-liwu{font-size: 16px;margin-right: 5px;color: #ff4b4b;}
-.details-title{padding: 14px 0 0 0;text-align: left;}
-.details-title .icon-liwu{font-size: 16px;margin-right: 5px;color: #ff4b4b;}
-.pro-price{color: #ff3b3b;text-align: right;padding: 5px 0 10px 0;font-size: 16px;}
-.fixed-cart{position: fixed;right: 10px;bottom:80px;line-height: 50px;text-align: center; border-radius: 50%;background-color:rgba(0,0,0,.1);width: 50px;height:50px;}
-.my-badge-danger{position: absolute;top: 6px;right: 4px;background-color: #f00;color: #fff;display: none;}
-.mui-table-view.mui-grid-view .mui-col-xs-5 .mui-media-object{width: 90%;padding-top: 3%;}
-.my-picker{position: fixed;bottom: 0;padding-top: 0;max-height: 500px; left: 0;width: 100%;z-index: 999; background-color: #fff; -webkit-transform: translateY(100%);transform: translateY(100%); -webkit-transition: .5s;transition: .5s;}
-.my-picker.active{-webkit-transform: translateY(0%);transform: translateY(0%);}
-.my-table-view-cell{padding: 5px 15px;}
-.table-top{vertical-align: top;}
-.table-middle{vertical-align: middle;}
-.my-media-object{width: 78%;}
-.my-btn-block{font-size: 18px;display: block;width: 100%;margin-bottom:0;padding: 15px 0;border-radius: 0;}
-.my-btn-buy-know{border: 0;background-color: #727171;color: #fff;opacity: 1;}
-.div-btn-buy-know{background-color: #727171;color: #fff;font-size: 18px;}
-.mui-bar-tab .my-grid-view-no{height: 100%;}
-.mui-bar-tab .mui-table-view-cell{height: 100%;padding:0;}
-.mui-bar-tab .mui-table-view-cell.mui-active{background-color: #fff;}
-.mui-bar-tab .mui-table{height: 100%;text-align: center;}
-.buy-footer1 {position: fixed;bottom: 0;left: 0;height: 50px;background-color: #f0f0f0;width: 100%;padding: 0;}
-.price{padding:0 0 2px 0;}
-.add_gwc{padding: 18px 25px;border-radius: 0;background-color: #727171 !important;color: #fff;border: 0;}
-.add_gwc1 {padding: 18px 25px;border-radius: 0;background-color: #ddd;color: #fff;border: 0;}
-.add_gwc:active{color: #fff;background-color:#ff1b68;}
-.gwc_null {padding: 12% 0 8% 0;text-align: center;display: none;}
-.tb-clearing {width: 100%;background-color: #fff;border-top: 1px solid rgba(0,0,0,.1);}
-.tb-clearing tr td:first-child {width: 22%;text-align: right;min-width: 3.5em;}
-.shopping-box{margin-bottom: 55px;}
-.quanxuan {position: relative;}
-.tb-clearing tr td:nth-of-type(2) {width: 50%;}
-.mt-mr-che {margin: 2.5em .3em 0 0;}
-.wh-100 {width: 100px !important;max-width: 100px !important;height: 100px !important;line-height: 100px; margin-top: 0;overflow: hidden;}
-.wh-100 img {height: 100%;}
-.count_price_box {color: #e4004d;}
-.cl-red{color: #ff3b3b;}
-.gift{padding-top: 5px;margin-bottom: 0;font-size: 12px;}
-.xiajia{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(255,255,255,.6);padding-top: 43px;padding-left: 60px;}
-.xiajia:before{content: '';background: rgba(0,0,0,.1);position: absolute;left: 25px;top: 0;width: 100px;height: 100px;opacity: .5;}
-.clearing-box{margin: 14px;padding-bottom: 50px;}
-.clearing-box .center{margin-left: 25%;}
-.shopping-cart-list .mui-table-view-cell.mui-active{background-color: #fff;}
-.my-view-no-top:before{display: none;}
-.my-view-no-top .mui-navigate-right:after{right: 0;font-size: 22px;}
-			input[name=checkbox] {
-    width: 18px;
-    height: 18px;
-    -webkit-appearance: none;
-    appearance: none;
-    cursor: pointer;
-    vertical-align: top;
-    background: url(../images/select-1.png) center center no-repeat;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    position: relative;
-    border: 0;
-    background-size: 100%;
-}
-input[name=checkbox]:checked {
-    background: url(../images/select-2.png) center center no-repeat;
-    background-size: 100%;
-}
-.btn-add-address{height: 20px;line-height: 20px; position: relative;width: 110px; margin: 0 auto;text-align: right;color: #666;}
-.btn-add-address .icon-jia{position: absolute;left:0%;top: 0;font-size: 20px;}
-.my-btn{width: 100px;color: #727171;}
-.pro-table-pull{padding-bottom: 50px;}
-h4{color: #333;font-weight: 500;}
-.my-pull-right{float: right;margin-right: 25px;}
-.mui-table-view-cell .my-order-btn{width: 40%;color: #727171;margin: 0 0 0 10px;padding: 6px 0;}
-.my-table-view-order>li{position: relative;padding-bottom: 10px;}
-.my-table-view-order>li:after{content: '';position: absolute;left: 14px;bottom: 0;right:14px;height: 1px;background-color: #ccc;-webkit-transform: scaleY(.5);}
-.mui-col-xs-8 div,.mui-col-xs-8 p,.mui-col-xs-8 h6{margin:0 0 5px 0;}
-.my-table-view{padding: 15px 0;}
-.my-table-view>li{margin: 10px 0;}
-.my-btn-request{width: 100px;color: #727171;padding: 10px 15px;border-radius: 5px;}
-.user-head{width: 18%;margin: 0 auto;border-radius: 50%;overflow: hidden;line-height: 0;font-size: 0;border: 2px solid #fff;}
-.user-head img{width: 100%;display: block;}
-#menu-nav .mui-control-item {line-height: 1.5;color: #727171;border-color: #fff;border:0;padding: 10px 0 15px 0;position: relative;}
-#menu-nav {border: 0;border-radius: 3px;}
-#menu-nav .mui-control-item.mui-active {color: #333;background-color:rgba(0,0,0,.1);}
-#menu-nav .iconfont{font-size: 28px;color: #333;}
-#menu-nav .mui-badge{position: absolute;left: 58%;top: 0;background-color: #ff5151;color: #fff; -webkit-transform: scale(.7);}
-.my-center-no:after,.my-center-no:before{display: none;}
-.my-center-no .mui-table-view-cell{color: #727171;padding: 15px;}
-/*.my-center-no .mui-table-view-cell:nth-of-type(5){padding-top: 25px;}*/
-.tel{color: #999;}
-.my-center-no .mui-table-view-cell .mui-icon{color: #727171;}
-.my-center-no .mui-table-view-cell .iconfont{color: #333;margin-right: 10px;float: left;}
-.my-center-no .mui-table-view-cell:after{right: 14px;}
-.my-center-no .mui-table-view-cell:last-child:after{height: 1px;}
-.back_top {position: fixed;right: 15px; bottom: 20px;width: 45px;height: 45px;background: rgba(0,0,0,.2);border-radius: 50%;cursor: pointer;display: none;text-align: center;line-height: 50px;color: #666;}
-.card-input-group .mui-input-row{border: 1px solid #ccc;margin:  10px;border-radius: 5px;}
-.card-input-group .mui-input-row:after,.card-input-group:before,.card-input-group:after{display: none;}
-.card-input-group .mui-input-row input{font-size: 14px;}
-.card-input-group .mui-input-row label{width: 25%;}
-.card-input-group .mui-input-row label~input{width: 75%;}
-.card-input-group .btn-pull-code{background-color: #727171;color: #fff;border: 0;float: right;margin:3px 3px 0 0;width: 100px;}
-.card-input-group input::-webkit-input-placeholder{color: #bbb;}
-.my-btn-submit{width: 100%;background-color: #727171;color: #fff;border-radius: 0;border: 0;height: 50px;font-size: 18px;}
-.content article,.content section,.content time,.content aside {
-				display: block;
-			}
-			.point-time {
-				content: "";
-				position: absolute;
-				width: 13px;
-				height: 13px;
-				top: 14px;
-				left: 10%;
-				background: #a87d5c;
-				margin-left: -4px;
-				border-radius: 50%;
-				box-shadow: 0 0 0 2px #fff;
-			}
-
-			.text-red {
-				color: #f6393f;
-			}
-
-			.text-blue {
-				color: #1c87bf;
-			}
-
-			.text-green {
-				color: #95c91e;
-			}
-
-			.text-yellow {
-				color: #ffb902;
-			}
-
-			.text-purple {
-				color: #d32d93;
-			}
-
-			.content {
-				width: 100%;
-				margin: 20px auto;
-			}
-			.content article {
-				position: relative;
-			}
-			.content article > h3 {
-				width: 100%;
-				height: 20px;
-				line-height: 20px;
-				text-align: left;
-				text-indent: 3%;
-				font-size: 1.4em;
-				color: #fff;
-				padding: 10px 0 20px;
-				background-color: #dd6d01;
-			}
-			.content article section {
-				padding: 0 0 17px;
-				position: relative;
-			}
-			.content article section:before {
-				content: "";
-				width: 5px;
-				top: 17px;
-				bottom: -17px;
-				left: 10%;
-				background: #e6e6e6;
-				position: absolute;
-			}
-			.content article section:last-child:before {
-				display: none;
-			}
-			.content article section time {
-				width: 25%;
-				display: block;
-				position: absolute;
-				left: 12%;
-				padding-top: 10px;
-			}
-			.content article section time > span {
-				display: block;
-				text-align: center;
-			}
-			.content article section aside {
-				color: #3a3a38;
-				margin-left: 40%;
-				padding-bottom: 15px;
-			}
-			.content article section .brief {
-				color: #333;
-				font-size: 12px;
-			}
-			.content article section .things {
-				color: #333;
-				font-size: 12px;
-			}
-		.logistics-massage-head{background-color: #fff;height:125px;text-align: center;padding:10px 0;border-bottom: 1px solid rgba(0,0,0,.1);}	
-		.logistics-massage-cell{position: absolute;width: 100%;left: 0;top: 18px;text-align: center;}
-		.logistics-massage-cell h4,.logistics-massage-cell h6{margin: 10px 0;}
+/* Css Reset */
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
+form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
+fieldset,img { border: 0; }
+address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
+ol,ul,li { list-style: none; }
+div,dl,dt,dd,ol,ul,li{ zoom:1; }
+caption,th { text-align: left; }
+q:before,q:after { content:''; }
+abbr,acronym { border: 0; }
+
+/*loading*/
+.loading{width: 100%;height:100%;position: fixed;top: 0;padding-top: 50%; left: 0;background: rgba(0,0,0,0.8);z-index: 999;}
+.loading-bj{background: url(../images/loading.png);width: 20px;height: 20px;background-size: 20px;margin: 0.3rem auto 0;animation:rotateIn 1s .2s linear infinite;-moz-animation:rotateIn 1s .2s linear infinite;-webkit-animation:rotateIn 1s .2s linear infinite;}
+.loading p{color:#fff;opacity: .7; font-size: 12px;text-align: center;margin-top: 0.1rem;}
+
+@-webkit-keyframes rotateIn{
+0%{transform: rotate(0)}
+100%{transform: rotate(360deg)}
+}
+@-moz-keyframes rotateIn{
+0%{transform: rotate(0)}
+100%{transform: rotate(360deg)}
+}
+body{background-color: #fff;font-size: 14px;color: #333;}
+p{color: #999;font-size: 12px;}
+.loading-bg{width: 100%;min-width:100%;height: 100%;min-height:100%; background-color:#F0F0F0;position: fixed;left: 0;top: 0;z-index: 999;}
+.loading-bg .mui-loading{margin-top: 50%;text-align: center;color: #aaa;}
+.mui-content{background-color: #fff;}
+.mui-bar-nav{-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;position: fixed;background-color: #fff; padding: 10px 14px;height: 55px;}
+.mui-bar-nav:after{display: none;}
+.mui-bar-nav~.mui-content{padding-top: 55px;}
+.mui-bar-nav .my-search-ipt{font-size: 14px !important;width: 80%;border: 0;background:url(../images/search.png) 10px center no-repeat #f3f3f3;background-size:auto 50%;height: 35px; border-radius: 7px;padding:6px 10px 6px 40px;margin-bottom: 0;}
+.mui-bar-nav .my-search-ipt::-webkit-input-placeholder {color:#bbb;}
+.search-cotainer{}
+#search-hot{background-color: #fff;position: absolute;left: 14px;right: 14px;top: 50px; height: 800px;}
+#search-hot p{margin-bottom: 0;margin-top: 10px;}
+.mui-bar #search-hot .mui-btn {font-weight: 400;position: relative;z-index: 20;top: 7px;border-radius: 15px;color: #727171; margin-top: 0;padding: 5px;min-width: 90px;margin: 0 10px 12px 0;}
+.line-25{line-height: 2.5;}
+.my-btn-cancel {display: none; position: absolute;right: 10px;top: 10px;padding: 7px 5px;width: 15%;text-align: center;border-radius: 5px;color: #727171;}
+.autocompleter {width: 100%;margin: 0;padding: 0;background: #fff;color: #727171;}
+.autocompleter-hint {display: none;}
+.autocompleter-list {list-style: none;margin: 0;padding:0;text-align: left;-webkit-box-sizing: border-box;box-sizing: border-box;}
+.autocompleter-list>li{position: relative;padding:2px 0;height: 40px;display: inline-block;}
+.autocompleter-list>li span{font-weight: 400;position: relative;z-index: 20;top: 1px;border-radius: 15px;color: #727171;margin-top: 0;padding: 5px;min-width: 90px;margin: 10px 10px 12px 0;border: 1px solid #ccc;display: inline-block;text-align: center;}
+.autocompleter-list>li strong{color: red;}
+.mui-bar-nav .icon-caidan{position: absolute;right:10px;top:12px;color: #727171;font-size: 22px;padding: 5px 0;}
+.banner-box{margin: 0 14px 5px 14px;}
+.banner-box-pro{margin: 12px 14px 5px 14px;}
+#slider{border-radius: 10px;}
+.mui-slider .mui-slider-group .mui-slider-item{border-radius: 10px;}
+.mui-slider-indicator .mui-indicator {display: inline-block;width: 10px;height: 2px;margin: 1px 2px;cursor: pointer;border-radius: 0;background: #ccc;-webkit-box-shadow: 0 0 0 0 rgba(130,130,130,.7);box-shadow: 0 0 0 0 rgba(130,130,130,.7);}
+.mui-slider-indicator .mui-active.mui-indicator{background-color: #727171;width: 16px;}
+.mui-slider-indicator{bottom: 4px;}
+.mui-slider .mui-slider-group .mui-slider-item img{border-radius: 10px;}
+.index-title{padding: 14px 14px 5px 14px;}
+.index-title .mui-pull-right{color: #727171;}
+.index-title font{display: inline-block;-webkit-transform: translateY(-3px);transform: translateY(-3px);}
+.index-pro-tit{text-align: left;font-size: 14px;}
+.pro-tit{text-align: left;font-size: 14px;white-space: pre-line;color: #333;}
+#index-pro-items{border: 1px solid transparent;}
+#index-pro-items .mui-control-item{color: #727171;border-color: transparent;border-left: transparent;background-color: #f9f8f7;border-radius: 5px;display: inline-block;width: 31.8%;margin-right: 2%;}
+#index-pro-items .mui-control-item:last-child{margin-right: 0;}
+#index-pro-items .mui-control-item.mui-active {color: #fff;background-color: #727171;}
+.f-price{float: right;color: #ff3b3b;}
+.l-price{color: #ff3b3b;text-align:left;}
+#index-pro-list .mui-col-xs-12{padding-right: 2px;}
+.mui-bar-tab{background-color: #fff;-webkit-box-shadow:rgba(0,0,0,.1) 0px 0px 2px; box-shadow:rgba(0,0,0,.1) 0px 0px 2px;}
+.mui-bar-tab .mui-tab-item{color: #bbb;}
+.mui-bar-tab .mui-tab-item .iconfont {top: 3px;width: 24px;height: 24px;padding-top: 0;padding-bottom: 0;}
+.mui-bar-tab .mui-tab-item .iconfont~.mui-tab-label{font-size: 12px;display: block;overflow: hidden;text-overflow: ellipsis;    padding-top: 5px;line-height: 1;}
+.mui-bar-tab .mui-tab-item.mui-active{color: #333;}
+#menu { text-align: left;overflow: hidden;-webkit-transition: height .6s;margin: 0; padding: 0; position: fixed; left: 0; top: 0;right: 0; list-style-type: none; z-index: 70;height:0px;width: 100%; background: rgba(27,27,31,1);}
+#menu.active{height: 100%;}
+#menu li { margin: 0;position: relative;text-align: left;padding:15px 14px;display:block;}
+#menu li.line:after{content: '';width: 65%;height: 1px;background-color: #bbb;position: absolute;left:15px;bottom: 0;-webkit-transform: scaleY(.3);}
+#menu li:first-child{text-align: right;padding: 20px 20px 10px 20px;}
+#menu a {color: #bbb; text-decoration: none;margin: 10px 0;width: 100%;min-width: 100%;font-size: 0;}
+#menu a:focus{outline:none;}
+#menu .active a {font-size:14px;}
+#menu .active a div{padding-bottom: 0;}
+#menu label{font-size: 0;color: #bbb;}
+#menu .active label {font-size:18px;}
+.mui-pull-caption{font-size: 12px;font-weight:500;}
+#menu .icon-guanbi{color: #fff;font-size: 20px;}
+.mui-bar #pro-menu{top: 0;border: 1px solid rgba(0,0,0,.1);border-radius: 5px;}
+#pro-menu .mui-control-item{color: #bbb;border-left: 1px solid rgba(0,0,0,.1);position: relative;}
+#pro-menu .mui-control-item:after{content: '';position: absolute;left: 50%;-webkit-transform: translateX(-50%); width: 3em;height: 1px;background-color: transparent;bottom: 0;}
+#pro-menu .mui-control-item:first-child{border-left-width: 0px;}
+#pro-menu .mui-control-item:last-child:after{width: 4em;}
+#pro-menu .mui-control-item.mui-active{color: #333;background-color: #fff;}
+#pro-menu .mui-control-item.mui-active:after{background-color: #333;}
+.my-grid-view-no:after,.my-grid-view-no:before,.my-grid-view-no .mui-table-view-cell:after{display: none;}
+.my-view-no:after,.my-view-no:before{display: none;}
+.add-cart{border: 1px solid rgba(0,0,0,.1);padding: 5px 5px 0 5px;float: left;border-radius: 5px;color: #bbb;}
+.btn-buy-now{color: #727171;width: 60% !important;border: 1px solid rgba(0,0,0,.1);font-weight: 600;border-radius: 5px;}
+.index-title .icon-liwu{font-size: 16px;margin-right: 5px;color: #ff4b4b;}
+.details-title{padding: 14px 0 0 0;text-align: left;}
+.details-title .icon-liwu{font-size: 16px;margin-right: 5px;color: #ff4b4b;}
+.pro-price{color: #ff3b3b;text-align: right;padding: 5px 0 10px 0;font-size: 16px;}
+.fixed-cart{position: fixed;right: 10px;bottom:80px;line-height: 50px;text-align: center; border-radius: 50%;background-color:rgba(0,0,0,.1);width: 50px;height:50px;}
+.my-badge-danger{position: absolute;top: 6px;right: 4px;background-color: #f00;color: #fff;display: none;}
+.mui-table-view.mui-grid-view .mui-col-xs-5 .mui-media-object{width: 90%;padding-top: 3%;}
+.my-picker{position: fixed;bottom: 0;padding-top: 0;max-height: 500px; left: 0;width: 100%;z-index: 999; background-color: #fff; -webkit-transform: translateY(100%);transform: translateY(100%); -webkit-transition: .5s;transition: .5s;}
+.my-picker.active{-webkit-transform: translateY(0%);transform: translateY(0%);}
+.my-table-view-cell{padding: 5px 15px;}
+.table-top{vertical-align: top;}
+.table-middle{vertical-align: middle;}
+.my-media-object{width: 78%;}
+.my-btn-block{font-size: 18px;display: block;width: 100%;margin-bottom:0;padding: 15px 0;border-radius: 0;}
+.my-btn-buy-know{border: 0;background-color: #727171;color: #fff;opacity: 1;}
+.div-btn-buy-know{background-color: #727171;color: #fff;font-size: 18px;}
+.mui-bar-tab .my-grid-view-no{height: 100%;}
+.mui-bar-tab .mui-table-view-cell{height: 100%;padding:0;}
+.mui-bar-tab .mui-table-view-cell.mui-active{background-color: #fff;}
+.mui-bar-tab .mui-table{height: 100%;text-align: center;}
+.buy-footer1 {position: fixed;bottom: 0;left: 0;height: 50px;background-color: #f0f0f0;width: 100%;padding: 0;}
+.price{padding:0 0 2px 0;}
+.add_gwc{padding: 18px 25px;border-radius: 0;background-color: #727171 !important;color: #fff;border: 0;}
+.add_gwc1 {padding: 18px 25px;border-radius: 0;background-color: #ddd;color: #fff;border: 0;}
+.add_gwc:active{color: #fff;background-color:#ff1b68;}
+.gwc_null {padding: 12% 0 8% 0;text-align: center;display: none;}
+.tb-clearing {width: 100%;background-color: #fff;border-top: 1px solid rgba(0,0,0,.1);}
+.tb-clearing tr td:first-child {width: 22%;text-align: right;min-width: 3.5em;}
+.shopping-box{margin-bottom: 55px;}
+.quanxuan {position: relative;}
+.tb-clearing tr td:nth-of-type(2) {width: 50%;}
+.mt-mr-che {margin: 2.5em .3em 0 0;}
+.wh-100 {width: 100px !important;max-width: 100px !important;height: 100px !important;line-height: 100px; margin-top: 0;overflow: hidden;}
+.wh-100 img {height: 100%;}
+.count_price_box {color: #e4004d;}
+.cl-red{color: #ff3b3b;}
+.gift{padding-top: 5px;margin-bottom: 0;font-size: 12px;}
+.xiajia{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(255,255,255,.6);padding-top: 43px;padding-left: 60px;}
+.xiajia:before{content: '';background: rgba(0,0,0,.1);position: absolute;left: 25px;top: 0;width: 100px;height: 100px;opacity: .5;}
+.clearing-box{margin: 14px;padding-bottom: 50px;}
+.clearing-box .center{margin-left: 25%;}
+.shopping-cart-list .mui-table-view-cell.mui-active{background-color: #fff;}
+.my-view-no-top:before{display: none;}
+.my-view-no-top .mui-navigate-right:after{right: 0;font-size: 22px;}
+			input[name=checkbox] {
+    width: 18px;
+    height: 18px;
+    -webkit-appearance: none;
+    appearance: none;
+    cursor: pointer;
+    vertical-align: top;
+    background: url(../images/select-1.png) center center no-repeat;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    position: relative;
+    border: 0;
+    background-size: 100%;
+}
+input[name=checkbox]:checked {
+    background: url(../images/select-2.png) center center no-repeat;
+    background-size: 100%;
+}
+.btn-add-address{height: 20px;line-height: 20px; position: relative;width: 110px; margin: 0 auto;text-align: right;color: #666;}
+.btn-add-address .icon-jia{position: absolute;left:0%;top: 0;font-size: 20px;}
+.my-btn{width: 100px;color: #727171;}
+.pro-table-pull{padding-bottom: 50px;}
+h4{color: #333;font-weight: 500;}
+.my-pull-right{float: right;margin-right: 25px;}
+.mui-table-view-cell .my-order-btn{width: 40%;color: #727171;margin: 0 0 0 10px;padding: 6px 0;}
+.my-table-view-order>li{position: relative;padding-bottom: 10px;}
+.my-table-view-order>li:after{content: '';position: absolute;left: 14px;bottom: 0;right:14px;height: 1px;background-color: #ccc;-webkit-transform: scaleY(.5);}
+.mui-col-xs-8 div,.mui-col-xs-8 p,.mui-col-xs-8 h6{margin:0 0 5px 0;}
+.my-table-view{padding: 15px 0;}
+.my-table-view>li{margin: 10px 0;}
+.my-btn-request{width: 100px;color: #727171;padding: 10px 15px;border-radius: 5px;}
+.user-head{width: 46px;margin:26px auto 8px auto;border-radius: 50%;overflow: hidden;line-height: 0;font-size: 0;border: 1px solid rgba(255,255,255,.5);}
+.user-head img{width: 100%;display: block;}
+#menu-nav .mui-control-item {line-height: 1.5;color: #666;border-color: #fff;border:0;padding: 10px 0 15px 0;position: relative;}
+#menu-nav {border: 0;border-radius: 3px;}
+#menu-nav .mui-control-item.mui-active {color: #333;background-color:rgba(0,0,0,.1);}
+#menu-nav .iconfont{font-size: 28px;color: #333;}
+#menu-nav .mui-badge{position: absolute;left: 58%;top: 0;background-color: #ff5151;color: #fff; -webkit-transform: scale(.7);}
+.my-center-no:after,.my-center-no:before{display: none;}
+.my-center-no .mui-table-view-cell{color: #666;padding:12px 15px;}
+/*.my-center-no .mui-table-view-cell:nth-of-type(5){padding-top: 25px;}*/
+.tel{color: #666;}
+.my-center-no .mui-table-view-cell .mui-icon{color: #727171;}
+.my-center-no .mui-table-view-cell .iconfont{color: #333;margin-right: 10px;float: left;}
+.my-center-no .mui-table-view-cell:after{right: 14px;background-color: #e5e5e5;}
+.my-center-no .mui-table-view-cell:last-child:after{height: 0;display: none;}
+.back_top {position: fixed;right: 15px; bottom: 20px;width: 45px;height: 45px;background: rgba(0,0,0,.2);border-radius: 50%;cursor: pointer;display: none;text-align: center;line-height: 50px;color: #666;}
+.card-input-group .mui-input-row{border: 1px solid #ccc;margin:  10px;border-radius: 5px;}
+.card-input-group .mui-input-row:after,.card-input-group:before,.card-input-group:after{display: none;}
+.card-input-group .mui-input-row input{font-size: 14px;}
+.card-input-group .mui-input-row label{width: 25%;}
+.card-input-group .mui-input-row label~input{width: 75%;}
+.card-input-group .btn-pull-code{background-color: #727171;color: #fff;border: 0;float: right;margin:3px 3px 0 0;width: 100px;}
+.card-input-group input::-webkit-input-placeholder{color: #bbb;}
+.my-btn-submit{width: 100%;background-color: #727171;color: #fff;border-radius: 0;border: 0;height: 50px;font-size: 18px;}
+.content article,.content section,.content time,.content aside {
+				display: block;
+			}
+			.point-time {
+				content: "";
+				position: absolute;
+				width: 13px;
+				height: 13px;
+				top: 14px;
+				left: 10%;
+				background: #a87d5c;
+				margin-left: -4px;
+				border-radius: 50%;
+				box-shadow: 0 0 0 2px #fff;
+			}
+
+			.text-red {
+				color: #f6393f;
+			}
+
+			.text-blue {
+				color: #1c87bf;
+			}
+
+			.text-green {
+				color: #95c91e;
+			}
+
+			.text-yellow {
+				color: #ffb902;
+			}
+
+			.text-purple {
+				color: #d32d93;
+			}
+
+			.content {
+				width: 100%;
+				margin: 20px auto;
+			}
+			.content article {
+				position: relative;
+			}
+			.content article > h3 {
+				width: 100%;
+				height: 20px;
+				line-height: 20px;
+				text-align: left;
+				text-indent: 3%;
+				font-size: 1.4em;
+				color: #fff;
+				padding: 10px 0 20px;
+				background-color: #dd6d01;
+			}
+			.content article section {
+				padding: 0 0 17px;
+				position: relative;
+			}
+			.content article section:before {
+				content: "";
+				width: 5px;
+				top: 17px;
+				bottom: -17px;
+				left: 10%;
+				background: #e6e6e6;
+				position: absolute;
+			}
+			.content article section:last-child:before {
+				display: none;
+			}
+			.content article section time {
+				width: 25%;
+				display: block;
+				position: absolute;
+				left: 12%;
+				padding-top: 10px;
+			}
+			.content article section time > span {
+				display: block;
+				text-align: center;
+			}
+			.content article section aside {
+				color: #3a3a38;
+				margin-left: 40%;
+				padding-bottom: 15px;
+			}
+			.content article section .brief {
+				color: #333;
+				font-size: 12px;
+			}
+			.content article section .things {
+				color: #333;
+				font-size: 12px;
+			}
+		.logistics-massage-head{background-color: #fff;height:125px;text-align: center;padding:10px 0;border-bottom: 1px solid rgba(0,0,0,.1);}	
+		.logistics-massage-cell{position: absolute;width: 100%;left: 0;top: 18px;text-align: center;}
+		.logistics-massage-cell h4,.logistics-massage-cell h6{margin: 10px 0;}
+
+.vip-voucher-list{padding:16px; border-radius: 15px 15px 0 0;background: #fff;-webkit-transform: translateY(-35px);transform: translateY(-35px);}
+.vip-voucher-list>li{margin: 10px 0;}
+.vip-voucher-list .mui-table{width: 100%; background: url(../images/2019081303.png) center center no-repeat;background-size:100% 100%;height: 85px;}
+.vip-voucher-list .mui-col-xs-4{color: #fff;}
+.vip-voucher-list .mui-col-xs-4 span{font-size: 25px;margin: 0 2px;}
+.vip-voucher-list .left-badge{position: absolute;left: 0;top: 0;background: #f75250;border-radius: 8px 10px 10px 0;padding: 0 4px;color: #fff;font-size: 12px;}
+.vip-voucher-list .mui-col-xs-8{color: #9f5624;}
+.vip-voucher-list .voucher-tit{font-size: 16px;position: relative;padding-bottom: 5px;}
+.vip-voucher-list .voucher-tit:after{content: '';width: 100px;height: 1px;background: #9f5624;-webkit-transform: scaleY(.3);position: absolute;bottom: 0;left: 50%;margin-left: -50px;}
+.vip-voucher-list .date{font-size: 12px;}
+.vip-voucher-list .disc{padding: 14px; border: 1px dashed #f75250;border-radius: 10px;font-size: 12px;color: #999;}
+.btn-know-voucher{background: #f75250;color: #fff;font-size: 16px;border: 0;}
+.btn-share-know-voucher{background: #f75250;color: #fff;font-size: 16px;border: 0;display: block;width: 55%;margin: 9% auto 0 auto;padding: 12px;border-radius: 25px;}
+			
+.voucher-dalog{background:rgba(0,0,0,.7);position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%; height: 100%;z-index: 99;-webkit-transform: translateY(-100%);transform: translateY(-100%); -webkit-transition: .5s;transition: .5s;}
+.voucher-dalog.active{-webkit-transform: translateY(0%);transform: translateY(0%);}
+.voucher-dalog img{width: 65%;margin: 40% auto 0 auto;display: block;}
+.voucher-dalog .close-box{margin: 0 auto;display: block;width: 50px;padding: 15px;color: #fff;text-align: center;}
+.voucher-dalog .close-box>i{font-size: 30px;}	
+.share-voucher-bg{background: #fff1ec;border-radius: 0 0 50% 50%;height: 280px;-webkit-transform: scale(1.5);}	
+.share-voucher-logo{display: block;margin: 0% auto 0 auto;width: 100%;position: absolute;top: 15px;left: 0;text-align: center;}
+.share-voucher-logo img{width:100px}
+
+.gradient{
+	height: 210px;
+	padding:24px 16px;
+	position: relative;
+	background:url(../images/2019081311.png) top center no-repeat;
+	background-size:100% auto;
+	text-align: center;
+}
+.gradient>div{border-radius: 12px;box-shadow: 1px 1px 5px #999;background: #fff;padding: 25px 10px;}
+.gradient .line{width: 1px;height: 20px;background: #ccc;-webkit-transform: scaleX(.3);position: absolute;right: 0;bottom: 8px;}
+.btn-apply{display: block;background: #fff;color: #f75250;border: 1px solid #f75250;border-radius: 25px;width: 140px;margin: 0 auto;padding: 9px;}
+.btn-apply:active{background: #f75250 !important;color: #f75250 ;}
+
+#reward-menu{border: 0;border-bottom: 1px solid #ccc;border-radius: 0;}
+#reward-menu .mui-control-item{color: #bbb;border-left: 0;position: relative;}
+#reward-menu .mui-control-item:after{content: '';position: absolute;left: 50%;-webkit-transform: translateX(-50%); width: 3em;height: 1px;background-color: transparent;bottom: 0;}
+#reward-menu .mui-control-item:first-child{border-left-width: 0px;}
+#reward-menu .mui-control-item:last-child:after{width: 4em;}
+#reward-menu .mui-control-item.mui-active{color: #333;background-color: #fff;}
+#reward-menu .mui-control-item.mui-active:after{background-color: #333;}
+.reward-list{padding: 10px 0;}
+.reward-list>li{margin: 10px 0;border-bottom:1px solid rgba(0,0,0,.1);}
+.reward-list>li:last-child{border: 0;}
+.reward-list .head{width: 45px;border-radius: 50%;}
+.reward-list .null{width: 100%;display: block;margin: 0 auto;}
+.apply-cash-group{padding: 10px 0;}
+.apply-cash-group:before,.apply-cash-group:after{display: none;}
+.apply-cash-group .mui-input-row:after{left: 14px;right: 14px;}
+.apply-cash-group .mui-input-row{height: 50px;padding: 5px 0;}
+.apply-cash-group .mui-input-row input{font-size: 14px;}
+.apply-cash-group .mui-input-row input::-webkit-input-placeholder{font-size: 14px;color: #999;}
+.apply-cash-group .mui-input-row label{width: 24%;}
+.apply-cash-group .mui-input-row label~input{width: 76%;}
+.btn-apply-cash{display: block;background: #f75250;color: #fff;border: 1px solid #f75250;border-radius: 25px;width: 140px;margin: 0 auto;padding: 9px;}
+.btn-apply-cash[disabled]{background: #999;border: 1px solid #999;}
+.btn-all-apply-cash{margin: 0 10px;color: #3996f5;}

aiberle/edit-phone.html

@@ -0,0 +1,333 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>更改手机号</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
+		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
+		<link rel="stylesheet" type="text/css" href="css/main.css" />
+		<style>					
+			.mui-input-row label {
+				width: 30%;
+			}
+			
+			.mui-input-row label {
+				padding: 5px 15px 7px 15px;
+				position: relative;
+			}
+			
+			.sex-group .mui-radio.mui-left label {
+				padding: 13px 15px 11px 35px;
+			}
+			
+			.mui-radio {
+				display: inline-block;
+			}
+			
+			.mui-input-group .mui-input-row {
+				height: 46px;
+				padding: 3px 0;
+			}
+			
+			.mui-input-row label~input {
+				width: 65%;
+				font-size: 14px;
+			}
+			
+			.mui-input-row label~input::-webkit-input-placeholder {
+				color: #bbb;
+			}
+			
+			.mui-radio.mui-left input[type=radio] {
+				left: 0;
+				top: 10px;
+			}
+			
+			.sex-group {
+				position: absolute;
+				left: 35%;
+				top: 0;
+				width: 65%;
+			}
+			
+			.mui-input-group:before,
+			.mui-input-group:after {
+				display: none;
+			}
+			
+			.my-lable {
+				position: absolute;
+				left: 45px;
+				top: 12px;
+				white-space: nowrap;
+			}
+			
+			.my-lable i {
+				color: #ee5c5c;
+				font-size: 15px;
+			}
+			
+			.mui-input-row .iconfont {
+				color: #727171;
+			}
+			
+			.sex-group .mui-radio input[type=radio]::before {
+				font-family: "iconfont" !important;
+				font-size: 25px !important;
+				font-style: normal;
+				-webkit-font-smoothing: antialiased;
+				-moz-osx-font-smoothing: grayscale;
+				padding: 0 !important;
+				color: #eee;
+			}
+			
+			.sex-group .mui-radio input[type=radio].boy::before {
+				content: '\e721';
+			}
+			
+			.sex-group .mui-radio input[type=radio].girl::before {
+				content: '\e72e';
+			}
+			
+			.mui-radio input[type=radio].boy:checked:before,
+			.mui-radio input[type=radio].girl:checked:before {
+				color: #727171;
+			}
+			
+			.pull-code {
+				background: #727171;
+				border-radius: 25px;
+				border: 0;
+				color: #fff;
+				margin-top: 6px;
+				font-size: 12px;
+				padding: 5px 2px;
+				float: right;
+				width: 90px;
+				white-space: nowrap;
+			}
+			
+			.pull-code:disabled {
+				background: #E5E5E5;
+				color: #999;
+			}
+			
+			.my-join-vip {
+				display: block;
+				width: 180px;
+				margin: 60px auto 50px auto;
+				padding: 10px 16px;
+				border-radius: 25px;
+				background: #727171;
+				color: #fff;
+				border: 0;
+				font-size: 16px;
+			}
+			
+			.my-join-vip:disabled {
+				background: #e5e5e5;
+				color: #999;
+			}
+			
+			.mui-icon-arrowdown {
+				position: absolute;
+				right: 10px;
+				top: 10px;
+				color: #999;
+				pointer-events: none;
+			}
+			.mui-input-group .mui-input-row:after{
+				background-color: #e5e5e5;
+			}
+		</style>
+		<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
+		<script>
+			//屏蔽分享
+			document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
+				WeixinJSBridge.call('hideOptionMenu');
+			});
+		</script>
+	</head>
+
+	<body style="background: #fff;">
+		<div class="loading-bg">
+			<div class="mui-loading">
+				<div class="mui-spinner">
+				</div>
+				&nbsp;&nbsp;加载中...
+			</div>
+		</div>
+		<div class="mui-content" style="background: #fff;">
+
+			<div style="margin:25px 20px;">
+				<div style="margin:12px 16px;">
+					<h4>修改手机号</h4>
+					<p style="margin: 5px 0 20px 0;">请完善手机号信息</p>
+				</div>
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label><span class="iconfont icon-A-shoujihao"></span><span class="my-lable"><i>*</i>手机号</span></label>
+						<input type="tel" placeholder="请输入您的手机号" id="ipt-phone" maxlength="11">
+					</div>
+					<div class="mui-input-row">
+						<label><span class="iconfont icon-A-yanzhengma"></span><span class="my-lable"><i>*</i>验证码</span></label>
+						<input style="width: 28% !important;float: none;padding-right: 0;margin-left: 5%;" type="tel" placeholder="短信验证码" maxlength="4" id="code"><button type="button" class="pull-code" disabled="disabled">获取验证码</button>
+					</div>
+				</form>
+				<button type="button" class="mui-btn my-join-vip" disabled="disabled">修改</button>
+			</div>
+		</div>
+		<script type="text/javascript" src="js/mui.min.js"></script>
+		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
+		<script type="text/javascript" src="js/main.js"></script>
+		<script type="text/javascript">
+			var countdown = 60;
+			mui.ready(function() {
+				console.log("页面加载完毕")
+				document.querySelector('.loading-bg').style.display = 'none';
+			});
+			//实时监听文本框字数
+			document.getElementById("ipt-phone").addEventListener("input", function() {
+				var phone = this.value;
+				var mobile = /^(13|14|15|16|17|18|19)[0-9]{9}$/; //手机号码
+				if(phone.length == 11) {
+					if(mobile.test(phone) && countdown == 60) {
+						$(".pull-code").removeAttr("disabled");
+					} else {
+						$(".pull-code").attr("disabled", "disabled");
+					}
+				} else {
+					$(".pull-code").attr("disabled", "disabled");
+				}
+			});
+			// 成为会员			
+			$(document).on('tap', '.my-join-vip', function() {
+				validate();
+				if(validate_flag) {
+					var num = /^[0-9]{4,4}$/; //数字(4位)
+					var code = $('#code').val();
+					if(num.test(code)) {
+						console.log('验证通过')
+						var phone = $('#ipt-phone').val();
+						var code = $('#code').val();
+						$.ajax(base_path + '/wechat/agent/updateMemberPhone?dates=' + new Date().getTime(), {
+							data: {
+								userTel : phone,
+								code : code
+							},
+							dataType: 'json',
+							xhrFields: {
+								withCredentials: true
+							},
+							crossDomain: true,
+							type: 'get',
+							timeout: 15000,
+							success: function(dt) {
+								if(dt.isRedirect) {
+									location.href = dt.redirectURL;
+								} else {
+									if(dt.status){
+										mui.alert(' ', '更改成功！', function() {
+											location.href='my-center.html';
+										});
+									}else{
+										mui.toast(dt.message);
+									}
+								}
+							},
+							error: function(xhr, type, errorThrown) {
+								console.log(xhr);
+							}
+						});
+					} else {
+						if(code != '') {
+							show_msg = '验证码格式不正确';
+						} else {
+							show_msg = '请输入短信验证码';
+						}
+						mui.alert(show_msg);
+					}
+				} else {
+					mui.alert(show_msg);
+				}
+			});
+			//发送验证码
+			var validate_flag = false,
+				show_msg = '';
+			$(document).on('tap', '.pull-code', function() {
+				validate();
+				if(validate_flag) {
+					settime($(this));
+					$(".my-join-vip").removeAttr("disabled");
+					
+					var phone = $('#ipt-phone').val();
+					$.ajax(base_path + '/wechat/agent/send_phone?dates=' + new Date().getTime(), {
+						data: {
+							phone: phone
+						},
+						dataType: 'json',
+						xhrFields: {
+							withCredentials: true
+						},
+						crossDomain: true,
+						type: 'get',
+						timeout: 15000,
+						success: function(dt) {
+							if(dt.isRedirect) {
+								location.href = dt.redirectURL;
+							} else {
+								if(dt.status) {
+									console.log("获取短信成功！");
+									$(".my-join-vip").removeAttr("disabled");
+								}
+							}
+						},
+						error: function(xhr, type, errorThrown) {
+							console.log(xhr);
+						}
+					});
+					
+				} else {
+					mui.alert(show_msg);
+				}
+			});
+
+			function settime(obj) {
+				if(countdown == 0) {
+					obj.removeAttr("disabled");
+					obj.text("获取验证码");
+					countdown = 60;
+					return;
+				} else {
+					obj.attr("disabled", true);
+					obj.text("重新发送" + countdown + "");
+					countdown--;
+				}
+				setTimeout(function() {
+					settime(obj)
+				}, 1000)
+			}
+
+			function validate() {
+				var mobile = /^(13|14|15|17|18)[0-9]{9}$/; //手机号码
+				var phone = $("#ipt-phone").val();
+				if(mobile.test(phone)) {
+					validate_flag = true;
+				} else {
+					validate_flag = false;
+					if(phone != '') {
+						show_msg = '手机号码格式不正确';
+					} else {
+						show_msg = '请输入您的手机号';
+					}
+					return false;
+				}
+			}
+		</script>
+	</body>
+
+</html>

aiberle/index.html

@@ -351,6 +351,27 @@
 						mui.alert("获取数据失败！网络错误");
 					}
 				});
+				
+				//刷新用户信息
+				$.ajax(base_path + '/wechat/getUserInfo?dates=' + new Date().getTime(), {
+								dataType: 'json',
+								type: 'post',
+								timeout: 15000,
+								xhrFields: {
+									withCredentials: true
+								},
+								crossDomain: true,
+								success: function(dt) {
+									if(dt.isRedirect) {
+										//location.href = dt.redirectURL;
+									} else {
+										console.log("用户信息刷新成功或今日已经刷新");
+									}
+								},
+								error: function(xhr, type, errorThrown) {
+									console.log(xhr)
+								}
+							});
 
 				//搜索框焦点事件
 				$('#search').on('focus', function(e) {

aiberle/integral-center.html

@@ -0,0 +1,329 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>积分中心</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
+		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
+		<link rel="stylesheet" type="text/css" href="css/main.css" />
+		<style>
+			.jifen-top{position: relative;border-bottom: 10px solid #f2f2f2;}
+			.jifen-top img{
+				display: block;
+				width: 100%;
+			}
+			.jifen-middle{position: absolute;top: 50%;left: 40px;right: 40px;height: 24px;margin-top: -12px;color: #fff;}
+			.jifen-middle .mui-table-cell{vertical-align: middle;}
+			.jifen-middle strong{font-size: 26px;}
+			.jifen-middle .mui-btn{border-radius: 25px;border: 0;padding: 3px 12px 3px 12px;color: #727171;font-size: 12px;}
+			.jifen-title{color: #333;font-size: 18px;font-weight: bold;margin-bottom: 20px;}
+			.jifen-box{padding:28px 16px;border-bottom: 10px solid #f2f2f2;}
+			.btn-go-shop{border-radius: 25px;padding:3px 16px 3px 16px;color: #727171;border: 1px solid rgba(0,0,0,.3);font-size: 12px;}
+			.date-yuan{width: 39px;border: 1px solid rgba(0,0,0,.1);border-radius: 40px;text-align: center;padding: 8px 0;font-size: 12px;color: #666;}
+			.table-yuan{border-radius: 25px;border: 1px solid rgba(0,0,0,.1);padding: 7px 16px;}
+			.jifen-list>li{margin: 15px 0;}
+			.jifen-list>li>.mui-table{
+				margin: 10px 0;
+			}
+			.jifen-list .mui-h5{color: #999;}
+			.mui-col-xs-10{vertical-align: middle;}
+		</style>
+		<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
+		<script>
+			//屏蔽分享
+			document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
+				WeixinJSBridge.call('hideOptionMenu');
+			});
+		</script>
+	</head>
+
+	<body style="background: #fff;">
+		<div class="loading-bg">
+			<div class="mui-loading">
+				<div class="mui-spinner">
+				</div>
+				&nbsp;&nbsp;加载中...
+			</div>
+		</div>
+		<div class="mui-content">
+			<div class="jifen-top">
+				<img src="images/jifen-bg.jpg" />
+				<div class="jifen-middle">
+					<div class="mui-table">
+					<div class="mui-table-cell">
+						<strong class="user-integeal">0</strong> 积分
+					</div>
+					<div class="mui-table-cell mui-text-right">
+						<button type="button" class="mui-btn go-integral-rule">积分规则</button>
+					</div>
+				</div>
+				</div>
+			</div>
+			<div class="jifen-box">
+			<div class="jifen-title">积分商城</div>
+			<img width="65%" src="images/jifen-next.jpg" />
+			</div>
+			<div class="jifen-box">
+			<div class="jifen-title">领积分</div>
+			<div>
+				<div class="mui-table">
+		                <div class="mui-table-cell mui-col-xs-2" style="vertical-align: middle;">
+		                    <i class="iconfont icon-A-jifengouwuche" style="font-size: 40px;margin-left: 5px;"></i>
+		                </div>
+		                <div class="mui-table-cell mui-col-xs-7" style="padding-left: 5px;vertical-align: middle;">
+		                    <div>消费领积分</div>
+		                    <p class="mui-h6 mui-ellipsis">消费10元，可获得1积分</p>
+		                </div>
+		                <div class="mui-table-cell mui-col-xs-3 mui-text-right" style="vertical-align: middle;">
+		                    <button type="button" class="mui-btn btn-go-shop">去下单</button>
+		                </div>
+		            </div>
+			</div>
+			</div>
+			<div class="jifen-box" style="border: 0;padding-bottom: 50px;">
+			<div class="jifen-title">积分明细</div>
+			<ul class="jifen-list">
+				<li id="pullrefresh_yhq_list" >
+					<div></div>
+				</li>
+				
+				<!-- <li>
+					<div>2019年</div>
+					<div class="mui-table">
+						<div class="mui-table-cell mui-col-xs-2">
+							<div class="date-yuan">
+								11.14
+							</div>
+						</div>
+						<div class="mui-table-cell mui-col-xs-10">
+							<div class="mui-table table-yuan">
+								<div class="mui-table-cell">
+									购买滤芯
+								</div>
+								<div class="mui-table-cell mui-text-right">
+									<i>+2699</i>
+								</div>
+							</div>
+						</div>
+					</div>
+					
+					<div class="mui-table">
+						<div class="mui-table-cell mui-col-xs-2">
+							<div class="date-yuan">
+								11.14
+							</div>
+						</div>
+						<div class="mui-table-cell mui-col-xs-10">
+							<div class="mui-table table-yuan">
+								<div class="mui-table-cell">
+									购买滤芯
+								</div>
+								<div class="mui-table-cell mui-text-right">
+									<i class="mui-h5">-2699</i>
+								</div>
+							</div>
+						</div>
+					</div>
+				</li>
+				
+				<li>
+					<div>2018年</div>
+					<div class="mui-table">
+						<div class="mui-table-cell mui-col-xs-2">
+							<div class="date-yuan">
+								11.14
+							</div>
+						</div>
+						<div class="mui-table-cell mui-col-xs-10">
+							<div class="mui-table table-yuan">
+								<div class="mui-table-cell">
+									购买滤芯
+								</div>
+								<div class="mui-table-cell mui-text-right">
+									<i>+2699</i>
+								</div>
+							</div>
+						</div>
+					</div>
+					
+					<div class="mui-table">
+						<div class="mui-table-cell mui-col-xs-2">
+							<div class="date-yuan">
+								11.14
+							</div>
+						</div>
+						<div class="mui-table-cell mui-col-xs-10">
+							<div class="mui-table table-yuan">
+								<div class="mui-table-cell">
+									购买滤芯
+								</div>
+								<div class="mui-table-cell mui-text-right">
+									<i class="mui-h5">-2699</i>
+								</div>
+							</div>
+						</div>
+					</div>
+				</li> -->
+			</ul>
+			</div>
+		</div>
+		<script type="text/javascript" src="js/mui.min.js"></script>
+		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
+		<script type="text/javascript" src="js/main.js"></script>
+		<script type="text/javascript">
+			window.addEventListener('pageshow', function(e) {
+				// 通过persisted属性判断是否存在 BF Cache
+				if(e.persisted) {
+					location.reload();
+				}
+			});
+			var pageNO = 0,
+				pageSize = 10;
+			
+			mui.init({
+				pullRefresh: {
+					container: '#pullrefresh_yhq_list',
+					down: {
+						height: 0,
+						//callback: pulldownRefresh
+					},
+					up: {
+						contentdown: '',
+						contentrefresh: '正在加载...',
+						contentnomore: '',
+						callback: pullupRefresh
+					}
+					// down: {
+					// 	height: 75,
+					// 	callback: false,
+					// },
+					// up: {
+					// 	auto: false,
+					// 	offset: 100, //距离底部高度(到达该高度即触发)
+					// 	show: true,
+					// 	contentdown: '',
+					// 	contentrefresh: '正在加载...',
+					// 	contentnomore: '',
+					// 	callback: pullupRefresh
+					// },
+				}
+			});
+			
+			
+			/**
+			 * 上拉加载具体业务实现
+			 */
+			function pullupRefresh() {
+				++pageNO; //每次上拉页数+1
+				$.ajax(base_path + '/wechat/integralLog/getIntegral?dates=' + new Date().getTime(), {
+					data: {
+						pageSize:pageSize,
+						pageNO:pageNO
+					},
+					dataType: 'json',
+					type: 'post',
+					timeout: 15000,
+					xhrFields: {
+						withCredentials: true
+					},
+					crossDomain: true,
+					success: function(dt) {
+						console.log(dt);
+						if(dt.isRedirect) {
+							location.href = dt.redirectURL;
+						}else{
+							
+							mui('#pullrefresh_yhq_list').pullRefresh().endPullupToRefresh(dt.data.list.length < pageSize); //endPullupToRefresh(ture)表示没有更多数据了，停止上拉加载
+							var html='';
+							for(var i=0;i<dt.data.list.length;i++){
+								var item = dt.data.list[i];
+								
+								var newDate = new Date(item.inteLogCreateTime);
+								var year = newDate.getFullYear();
+								var month = newDate.getMonth() + 1;
+								var date = newDate.getDate();
+								html+='<div class="mui-table integral-li" year="'+ year +'">'
+								html+='<div class="mui-table-cell mui-col-xs-2"><div class="date-yuan">'+ month +'.'+ date +'</div></div>'
+								
+								html+='<div class="mui-table-cell mui-col-xs-10">'
+								html+='<div class="mui-table table-yuan">'
+								html+='<div class="mui-table-cell">'+ item.inteConfName +'</div>'
+								if(item.inteLogType == 1){
+									html+='<div class="mui-table-cell mui-text-right"><i>+'+ item.inteLogChangeNum +'</i></div>'
+								}else if(item.inteLogType == 2){
+									html+='<div class="mui-table-cell mui-text-right"><i>-'+ item.inteLogChangeNum +'</i></div>'
+								}
+								html+='</div>'
+								html+='</div>'
+								html+='</div>'
+							}
+							$('#pullrefresh_yhq_list').append(html);
+							setYear();
+						}
+					},
+					error: function(xhr, type, errorThrown) {
+						errorfn(xhr)
+					}
+				});
+			}
+			
+			mui.ready(function() {
+				document.querySelector('.loading-bg').style.display = 'none';
+				mui('#pullrefresh_yhq_list').pullRefresh().pullupLoading(); //首次加载
+				
+				$.ajax(base_path + '/wechat/agent/member?dates=' + new Date().getTime(), {
+					dataType: 'json',
+					type: 'post',
+					timeout: 15000,
+					xhrFields: {
+						withCredentials: true
+					},
+					crossDomain: true,
+					success: function(dt) {
+						if(dt.isRedirect) {
+							location.href = dt.redirectURL;
+						} else {
+							var data = dt.data;
+							if(dt.status) {
+								$(".user-integeal").html(data.userSurplusIntegral);
+							}
+						}
+					},
+					error: function(xhr, type, errorThrown) {
+						console.log(xhr)
+					}
+				});
+			});
+			$(document).on('tap', '.go-integral-rule', function() {
+				location.href='integral-rule.html';
+			});
+			$(document).on('tap', '.btn-go-shop', function() {
+				location.href='pro-list.html';
+			});
+			
+			function setYear(){
+				var oldyear = '';
+				$("#pullrefresh_yhq_list").find(".integral-li").each(function(){
+					var year = $(this).attr('year')+'年';
+					if(oldyear != year){
+						oldyear = year;
+						
+						var $prevNode = $(this).prev() //返回上一个兄弟节点
+						var yearVal = '';
+						if($prevNode != null){
+							yearVal = $prevNode.html();
+						}
+						if(yearVal != year){
+							$(this).before("<div>"+ year +"</div>");
+						}
+					}
+				})
+			}
+		</script>
+	</body>
+
+</html>

aiberle/integral-rule.html

@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>积分规则</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
+		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
+		<link rel="stylesheet" type="text/css" href="css/main.css" />
+		<style>
+			.rule-box{margin: 26px 15px;}
+			.rule-box .mui-table{padding: 4px 0 4px 16px;}
+			.rule-title{background: #727171;padding: 5px 15px;font-size: 17px;color: #fff;border-radius: 25px;display: inline-block;margin:5px 0 15px 0;}
+			.rule-title-line{position: relative;padding-left: 14px;font-size: 15px;}
+			.rule-title-line:after{content: '';position: absolute;left: 0; top: 50%;height: 12px;margin-top: -6px; width: 2px;background: #727171;border-radius: 2px;}
+			.rule-content{color: #999;font-size: 12px;padding:0 14px;line-height: 1.5;}
+			.rule-tips{background: #f1f1f1;border-radius: 8px;color: #9a9a9a;padding: 10px 14px;font-size: 12px;margin: 14px 0;}
+		</style>
+		<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
+		<script>
+			//屏蔽分享
+			document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
+				WeixinJSBridge.call('hideOptionMenu');
+			});
+		</script>
+	</head>
+
+	<body style="background: #fff;">
+		<div class="loading-bg">
+			<div class="mui-loading">
+				<div class="mui-spinner">
+				</div>
+				&nbsp;&nbsp;加载中...
+			</div>
+		</div>
+		<div class="mui-content">
+			<div class="rule-box">
+				<div class="rule-title">
+					积分该怎么花?
+				</div>
+				<div class="mui-table">
+					<div class="mui-table-cell">
+						<div class="rule-title-line">
+							消费抵现
+						</div>
+						<div class="rule-content">
+							在微商城内任意消费，按照10积分=1元的比例抵扣
+						</div>
+					</div>
+				</div>
+				<div class="mui-table">
+					<div class="mui-table-cell">
+						<div class="rule-title-line">
+							换购商品
+						</div>
+						<div class="rule-content">
+							积分可以积分+现金的方式，优惠价格轻松换购商品
+						</div>
+					</div>
+				</div>
+				<br />
+				<div class="rule-title">
+					该怎么赚积分?
+				</div>
+				<div style="padding-left: 30px;margin-top: 5px;">以下方式获得积分可叠加</div>
+				<div class="mui-table">
+					<div class="mui-table-cell">
+						<div class="rule-title-line">
+							商品消费
+						</div>
+						<div class="rule-content">
+							所有商品消费（实付金额为准）满10元即可获得1积分
+						</div>
+					</div>
+				</div>
+				<div class="mui-table">
+					<div class="mui-table-cell">
+						<div class="rule-title-line">
+							注册会员
+						</div>
+						<div class="rule-content">
+							注册会员即可获得100积分
+						</div>
+					</div>
+				</div>
+				<div class="mui-table">
+					<div class="mui-table-cell">
+						<div class="rule-title-line">
+							会员生日
+						</div>
+						<div class="rule-content">
+							会员生日当天，所有商品消费（实付金额为准）可获得3倍积分。还能额外获得一张满99元立减50元的优惠券
+						</div>
+					</div>
+				</div>
+				<div class="rule-tips">
+					<div>* 积分说明：</div>
+					<div>
+						会员积分在客户确认收货后立即到账，积分仅可作为消费抵扣，商品换购，不得折换现金或转让
+					</div>
+				</div>
+				<br />
+				<div class="rule-title">
+					常见问题
+				</div>
+				<div class="mui-table">
+					<div class="mui-table-cell">
+						<div class="rule-title-line">
+							如何查看自己的积分？
+						</div>
+						<div class="rule-content">
+							公众号底部菜单栏点击“我的爱贝源-会员中心”，即可查看
+						</div>
+					</div>
+				</div>
+				<div class="mui-table">
+					<div class="mui-table-cell">
+						<div class="rule-title-line">
+							积分清零规则？
+						</div>
+						<div class="rule-content">
+							积分将在确认收货后立即到账，所有未使用积分将在次年6月30日统一清零。积分清零前一个月，您将会收到提示信息，请尽快使用积分
+						</div>
+					</div>
+				</div>
+				<div class="mui-table">
+					<div class="mui-table-cell">
+						<div class="rule-title-line">
+							积分扣减原则？
+						</div>
+						<div class="rule-content">
+							下单时使用积分抵现，在整笔订单退款时，则会退回所有未失效积分。在积分商城使用积分兑换，订单退款时不会退回积分
+						</div>
+					</div>
+				</div>
+				<div class="mui-table">
+					<div class="mui-table-cell">
+						<div class="rule-title-line">
+							换购商品可以退换货吗？
+						</div>
+						<div class="rule-content">
+							换购商品属于特惠折扣商品，除质量问题外，换购商品 均不退换
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script type="text/javascript" src="js/mui.min.js"></script>
+		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
+		<script type="text/javascript" src="js/main.js"></script>
+		<script type="text/javascript">
+			mui.ready(function() {
+				document.querySelector('.loading-bg').style.display = 'none';
+			});
+		</script>
+	</body>
+
+</html>

aiberle/js/main.js

@@ -484,4 +484,44 @@ function gotoTop(acceleration, stime) {
 		var run = "gotoTop(" + acceleration + ", " + stime + ")";
 		window.setTimeout(run, stime);
 	}
+}
+
+
+/**
+ * 该方法用于将Undefined转换为空值
+ * @param val
+ */
+function convertUndefinedToEmpty(val) {
+    if (undefined == val || null == val||typeof val == undefined || typeof val == 'undefined'|| 'undefined' == val) {
+        val = "";
+    }
+    return val;
+}
+
+/**
+ * 该方法用于将Undefined转换为空值
+ * @param val
+ */
+function cufte(val) {
+    return convertUndefinedToEmpty(val);
+}
+
+/**
+ * 空值返回0，其他值返回原值
+ * @param val
+ */
+function cufteInt(val) {
+    if(convertUndefinedToEmpty(val) == "")
+        return 0;
+    return val;
+}
+
+/**
+ * 空值返回false
+ * @param val
+ */
+function isEmpty(val) {
+    if(convertUndefinedToEmpty(val) == "")
+        return false;
+    return true;
 }

aiberle/my-center.html

@@ -11,6 +11,185 @@
 		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 		<link rel="stylesheet" type="text/css" href="css/main.css" />
+		<style>
+			html,body{background: #F2F2F2;}
+			.mui-content {
+				background: #f2f2f2;
+			}
+			
+			.center-header {
+				position: relative;
+				background: #9fa0a0;
+				height: 160px;
+			}
+			
+			.center-header .wecat-head {
+				position: absolute;
+				left: 0;
+				top: 0;
+				width: 100%;
+				text-align: center;
+				color: #fff;
+			}
+			
+			.center-header .bottom-vip {
+				font-size: 12px;
+				background: #2f2d3a;
+				position: absolute;
+				left: 14px;
+				right: 14px;
+				bottom: 0;
+				height: 40px;
+				border-radius: 15px 15px 0 0;
+				color: #fff;
+				padding: 10px 0;
+			}
+			
+			.center-header .bottom-vip .mui-table-cell:first-child {
+				width: 7em;
+			}
+			
+			.center-header .vip-l {
+				margin: 0 14px;
+				vertical-align: middle;
+			}
+			
+			.center-header .vip-icon {
+				display: inline-block;
+				vertical-align: middle;
+				margin-right: 2px;
+				width: 15px;
+			}
+			
+			.center-header .vip-title {
+				vertical-align: middle;
+			}
+			
+			.center-header .vip-arrow {
+				display: inline-block;
+				vertical-align: middle;
+				margin-left: 5px;
+				margin-right: 12px;
+				width: 7px;
+				padding-bottom: 3px;
+			}
+			
+			.center-header .sign-in {
+				position: absolute;
+				right: 4px;
+				top: 5px;
+				color: #fff;
+				padding: 5px 10px;
+				height: 28px;
+			}
+			
+			.center-header .sign-in>img {
+				width: 19px;
+			}
+			
+			.center-header .sign-in>span {
+				vertical-align: top;
+				font-size: 12px;
+			}
+			
+			.center-header #userNickname {
+				font-size: 14px;
+			}
+			
+			#menu-nav .mui-control-item {
+				line-height: 1.2;
+				padding: 6px 0 12px 0;
+				color: #666;
+				font-size: 12px;
+			}
+			p{color: #999;font-size: 12px;}
+			.center-content{background: #f2f2f2;padding:10px 14px 14px 14px;}
+			.center-content .my-count{padding: 12px 0;background: #fff;border-radius: 8px;margin-bottom: 8px;}
+			.center-content .mui-navigate-right:after{font-size: 20px;color: #999;top: 48%;}
+			.center-content .mui-table-view:after{left: 15px;right: 15px; background: #e5e5e5;}
+			.my-center-no .mui-table-view-cell .mui-icon{color: #999;font-size: 18px;}
+			.order-box{padding:0;background: #fff;margin-bottom: 8px;border-radius: 8px;overflow: hidden;}
+			.order-box .mui-badge{background: transparent;color: #bbb;font-size: 12px;}
+			strong{font-size: 16px;}
+			.order-box strong{font-size: 14px;}
+			.my-center-no{border-radius: 8px;overflow: hidden;font-size: 12px;}
+			.dalog {
+				position: fixed;
+				left: 0;
+				top: 0;
+				bottom: 0;
+				right: 0;
+				background: rgba(0, 0, 0, .7);
+				display: none;
+				z-index: 99;
+			}
+			
+			.dalog>div {
+				position: absolute;
+				width: 270px;
+				height: 290px;
+				left: 50%;
+				margin-left: -135px;
+				top: 50%;
+				margin-top: -150px;
+				text-align: center;
+			}
+			
+			.dalog .tp-box {
+				background: #fff;
+				padding: 10px 12px;
+				border-radius: 8px;
+				margin-bottom: 8px;
+			}
+			.dalog ul{
+				padding-top: 12px;
+			}
+			.dalog ol{
+				width: 185px;
+				display: block;
+				margin: 0 auto;
+				text-align: left;
+				padding-bottom: 4px;
+			}
+			.dalog ol>li{
+				font-size: 12px;
+				margin:0;
+				white-space: nowrap;
+			}
+			.dalog ul>li {
+				margin:0 0 16px 0;
+				color: #727171;
+			}
+			.dalog ul>li:last-child{
+				margin-bottom: 10px;
+			}
+			.dalog ul li p {
+				color: #666;
+			}
+			
+			.dalog .btn-see-integral {
+				border-radius: 25px;
+				background: #727171;
+				color: #fff;
+				padding: 5px 22px;
+				border: 0;
+				font-size: 14px;
+			}
+			
+			.dalog .icon-guanbicha {
+				color: #fff;
+				font-size: 26px;
+			}
+			
+			.dalog strong {
+				font-size: 22px;
+				letter-spacing: 4px;
+			}
+			
+			.dalog .icon-A-zhucewancheng {
+				font-size: 40px;
+			}
+		</style>
 		<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
 		<script>
 			//屏蔽分享
@@ -40,186 +219,170 @@
 			</a>
 		</footer>
 		<div class="mui-content">
-			<div style="position: relative;">
-				<img width="100%" src="images/top-1.png" />
-				<div style="position: absolute;left: 0; top: 45%;-webkit-transform: translateY(-50%);width: 100%;text-align: center;">
+			<div class="center-header">
+				<div class="wecat-head">
 					<div class="user-head">
 						<img id="headDiv" src="images/tx-1.jpg" />
 					</div>
 					<div id="userNickname">微信用户</div>
-				</div>
-			</div>
-			<div style="padding:0;background: #fff;margin-bottom: 8px;">
-				<div id="menu-nav" class="mui-segmented-control">
-					<a class="mui-control-item" name="1">
-						<div class="iconfont icon-daifukuan">
-							<!--<span class="mui-badge">9</span>-->
-						</div>
-						待付款
-					</a>
-					<a class="mui-control-item" name="2">
-						<div class="iconfont icon-daifahuo"></div>
-						待发货
-					</a>
-					<a class="mui-control-item" name="5">
-						<div class="iconfont icon-yifahuo"></div>
-						已发货
-					</a>
-					<a class="mui-control-item" name="-1">
-						<div class="iconfont icon-dingdan"></div>
-						全部
-					</a>
-				</div>
-			</div>
-			<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed my-center-no" id="center-menu">
-				<!--<li class="mui-table-view-cell" href="order-list.html?salesStatus=-1">
-					<div class="mui-table">
-						<div class="mui-table-cell mui-col-xs-5 table-middle">
-							<span class="iconfont icon-dingdan"></span>全部订单
-						</div>
-						<div class="mui-table-cell mui-col-xs-5 mui-text-right">
-							<span class="mui-icon mui-icon-arrowright"></span>
-						</div>
-					</div>
-				</li>
-				<li class="mui-table-view-cell" href="shopping-cart.html">
-					<div class="mui-table">
-						<div class="mui-table-cell mui-col-xs-5 table-middle">
-							<span class="iconfont icon-gouwuche"></span>购物车
-						</div>
-						<div class="mui-table-cell mui-col-xs-5 mui-text-right">
-							<span class="mui-icon mui-icon-arrowright"></span>
-						</div>
-					</div>
-				</li>-->
-				<li class="mui-table-view-cell">
-					<div class="mui-table">
-						<div class="mui-table-cell mui-col-xs-5 table-middle">
-							<span class="iconfont icon-jifen"></span>积分
-						</div>
-						<div class="mui-table-cell mui-col-xs-5 mui-text-right">
-							<span class="mui-icon mui-icon-arrowright"></span>
-						</div>
-					</div>
-				</li>
-				<li class="mui-table-view-cell" href="coupon_list.html" >
-					<!--href="coupon_list.html"-->
-					<div class="mui-table">
-						<div class="mui-table-cell mui-col-xs-5 table-middle">
-							<span class="iconfont icon-quanbao"></span>券包
+					<!--<div class="mui-table" style="padding-top: 15px;">
+						<div class="mui-table-cell amount-div">
+							<h5 style="font-size: 14px;padding-bottom: 10px;">待入帐</h5>
+							<div class="cl-red" style="font-size: 20px;">¥<span id="await-amount">0</span></div>
 						</div>
-						<div class="mui-table-cell mui-col-xs-5 mui-text-right">
-							<span class="mui-icon mui-icon-arrowright"></span>
+						<div class="mui-table-cell amount-div">
+							<h5 style="font-size: 14px;padding-bottom: 10px;">可提现</h5>
+							<div class="cl-red" style="font-size: 20px;">¥<span id="uables-amount">0</span></div>
+							<div style="width: 1px;height: 30px;background: #ccc;-webkit-transform: scaleX(.3);position: absolute;right: 0;bottom: 5px;"></div>
 						</div>
-					</div>
-				</li>
-				<li class="mui-table-view-cell">
-					<div class="mui-table">
-						<div class="mui-table-cell mui-col-xs-5 table-middle">
-							<span class="iconfont icon-huiyuanxinxi"></span>会员信息
-						</div>
-						<div class="mui-table-cell mui-col-xs-5 mui-text-right">
-							<span class="mui-icon mui-icon-arrowright"></span>
-						</div>
-					</div>
-				</li>
-				<li class="mui-table-view-cell">
+					</div>-->
+				</div>
+				<div class="bottom-vip">
 					<div class="mui-table">
-						<div class="mui-table-cell mui-col-xs-5 table-middle">
-							<span class="iconfont icon-huiyuanqia"></span>会员卡
-						</div>
-						<div class="mui-table-cell mui-col-xs-5 mui-text-right">
-							<span class="mui-icon mui-icon-arrowright"></span>
+						<div class="mui-table-cell join-vip"><span class="vip-l vip-note" type="3">会员权益</span></div>
+						<div class="mui-table-cell mui-text-right">
+							<img class="vip-icon" src="images/vip-1.png" />
+							<span class="vip-title">aiberle爱贝源会员</span>
+							<img class="vip-arrow" src="images/arrow-1.png" />
 						</div>
 					</div>
-				</li>
-				<!--<li class="mui-table-view-cell">
-					<div class="mui-table">
-						<div class="mui-table-cell mui-col-xs-5 table-middle">
-							<span class="iconfont icon-zhinan"></span>产品指南
-						</div>
-						<div class="mui-table-cell mui-col-xs-5 mui-text-right">
-							<span class="mui-icon mui-icon-arrowright"></span>
+				</div>
+				<!-- <div class="sign-in">
+					<img src="images/qiandao-1.png" />
+					<span>签到</span>
+				</div> -->
+			</div>
+
+			<div class="center-content">
+				<div class="mui-table mui-text-center my-count">
+						<div class="mui-table-cell go-integral-center">
+							<strong class="user_surplus_integral">0.00</strong>
+							<p>积分</p>
 						</div>
-					</div>
-				</li>
-				<li class="mui-table-view-cell">
-					<div class="mui-table">
-						<div class="mui-table-cell mui-col-xs-5">
-							<span class="iconfont icon-liucheng"></span>售后流程
+						<div class="mui-table-cell coupon_list" >
+							<strong>0</strong>
+							<p>券包</p>
 						</div>
-						<div class="mui-table-cell mui-col-xs-5 mui-text-right">
-							<span class="mui-icon mui-icon-arrowright"></span>
+						<div class="mui-table-cell amount-div">
+							<strong id="uables-amount">¥0.00</strong>
+							<p>返现</p>
 						</div>
 					</div>
-				</li>
-				<li class="mui-table-view-cell" href="question-and-answer.html">
-					<div class="mui-table">
-						<div class="mui-table-cell mui-col-xs-5">
-							<span class="iconfont icon-wenda"></span>常见问答
-						</div>
-						<div class="mui-table-cell mui-col-xs-5 mui-text-right">
-							<span class="mui-icon mui-icon-arrowright"></span>
-						</div>
+				
+				<div class="order-box">
+					<ul class="mui-table-view">
+						<li class="mui-table-view-cell">
+							<a class="mui-navigate-right go_order_list">
+								<strong>我的订单</strong><span class="mui-badge">查看全部订单</span>
+							</a>
+						</li>
+					</ul>
+					<div id="menu-nav" class="mui-segmented-control">
+						<a class="mui-control-item" name="1">
+							<div class="iconfont icon-daifukuan">
+							</div>
+							待付款
+						</a>
+						<a class="mui-control-item" name="2">
+							<div class="iconfont icon-daifahuo"></div>
+							待发货
+						</a>
+						<a class="mui-control-item" name="5">
+							<div class="iconfont icon-yifahuo"></div>
+							已发货
+						</a>
+						<a class="mui-control-item" name="-1">
+							<div class="iconfont icon-yiwancheng"></div>
+							全部
+						</a>
 					</div>
-				</li>-->
-				<li class="mui-table-view-cell" href="tel:400-8006692">
-					<div class="mui-table">
-						<div class="mui-table-cell mui-col-xs-5">
-							<span class="iconfont icon-dianhua"></span>电话
+				</div>
+				<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed my-center-no" id="center-menu">
+					<!-- <li class="mui-table-view-cell" href="coupon_list.html">
+						<div class="mui-table">
+							<div class="mui-table-cell mui-col-xs-5 table-middle">
+								<span class="iconfont icon-A-shouhuoxinxi"></span>收货信息
+							</div>
+							<div class="mui-table-cell mui-col-xs-5 mui-text-right">
+								<span class="mui-icon mui-icon-arrowright"></span>
+							</div>
 						</div>
-						<div class="mui-table-cell mui-col-xs-5 mui-text-right">
-							<a class="tel" href="tel:400-8006692">400-8006692</a> <span class="mui-icon mui-icon-arrowright"></span>
+					</li> -->
+					<li class="mui-table-view-cell" href="vip-info.html">
+						<div class="mui-table">
+							<div class="mui-table-cell mui-col-xs-5 table-middle">
+								<span class="iconfont icon-A-gerenxinxi"></span>个人信息
+							</div>
+							<div class="mui-table-cell mui-col-xs-5 mui-text-right">
+								<span class="mui-icon mui-icon-arrowright"></span>
+							</div>
 						</div>
-					</div>
-				</li>
-				<!--<li class="mui-table-view-cell" href="understanding-brands.html">
-					<div class="mui-table">
-						<div class="mui-table-cell mui-col-xs-5">
-							<span class="iconfont icon-dansheng"></span>Aiberle诞生
+					</li>
+					<li class="mui-table-view-cell" href="tel:400-8006692">
+						<div class="mui-table">
+							<div class="mui-table-cell mui-col-xs-5">
+								<span class="iconfont icon-A-kefudianhua"></span>客服电话
+							</div>
+							<div class="mui-table-cell mui-col-xs-5 mui-text-right">
+								<a class="tel" href="tel:400-8006692">400-8006692</a> <span class="mui-icon mui-icon-arrowright"></span>
+							</div>
 						</div>
-						<div class="mui-table-cell mui-col-xs-5 mui-text-right">
-							<span class="mui-icon mui-icon-arrowright"></span>
+					</li>
+					<li class="mui-table-view-cell">
+						<div class="mui-table">
+							<div class="mui-table-cell mui-col-xs-5 table-middle">
+								<span class="iconfont icon-A-zhanghaoanquan"></span>账号与安全
+							</div>
+							<div class="mui-table-cell mui-col-xs-5 mui-text-right">
+								<span class="mui-icon mui-icon-arrowright"></span>
+							</div>
 						</div>
-					</div>
-				</li>
-				<li class="mui-table-view-cell" href="brand-story.html">
-					<div class="mui-table">
-						<div class="mui-table-cell mui-col-xs-5">
-							<span class="iconfont icon-linian"></span>Aiberle故事
-						</div>
-						<div class="mui-table-cell mui-col-xs-5 mui-text-right">
-							<span class="mui-icon mui-icon-arrowright"></span>
+					</li>
+					<li class="mui-table-view-cell">
+						<div class="mui-table">
+							<div class="mui-table-cell mui-col-xs-5 table-middle">
+								<span class="iconfont icon-A-yijianxiang"></span>会员意见收集
+							</div>
+							<div class="mui-table-cell mui-col-xs-5 mui-text-right">
+								<span class="mui-icon mui-icon-arrowright"></span>
+							</div>
 						</div>
+					</li>
+					
+				</ul>
+			</div>
+		</div>
+		<div class="dalog">
+				<div>
+					<div class="tp-box">
+						<ul>
+							<li><strong>积分也能当钱花</strong></li>
+							<li>
+								<ol>
+									<li>·注册会员即可获得100积分</li>
+									<li>·会员专享折扣</li>
+									<li>·购买产品，享受积分抵扣现金优惠</li>
+									<li>·积分换购特惠商品权益</li>
+									<li>·会员专享生日大礼包</li>
+								</ol>
+							</li>
+							<li><button type="button" class="mui-btn btn-see-integral">成为会员</button></li>
+						</ul>
 					</div>
-				</li>
-				<li class="mui-table-view-cell" href="development-history.html">
-					<div class="mui-table">
-						<div class="mui-table-cell mui-col-xs-5">
-							<span class="iconfont icon-shiming"></span>Aiberle历程
-						</div>
-						<div class="mui-table-cell mui-col-xs-5 mui-text-right">
-							<span class="mui-icon mui-icon-arrowright"></span>
-						</div>
+					<br />
+					<div class="mui-text-center">
+						<i class="iconfont icon-guanbicha"></i>
 					</div>
-				</li>-->
-			</ul>
-			<br />
-		</div>
-
-		<!-- 加载ing -->
+				</div>
+			</div>
 		<div class="loading covers">
 			<div class="loading-bj"></div>
 			<p>加载中...</p>
 		</div>
-		<!-- 加载ing END -->
 		<script src="js/mui.min.js"></script>
 		<script src="js/jquery-2.1.1.min.js"></script>
 		<script src="js/main.js"></script>
 		<script>
-			mui.ready(function() {
-				$(".loading").hide().css("opacity", "0");
-			});
 			$(document).on('tap', '.my-btn-cancel', function() {
 				$(this).hide();
 				$('#search-hot').hide();
@@ -236,15 +399,34 @@
 				$("#menu>li").removeClass("active");
 				$("#menu").css("height", "0px");
 			});
-
+			$(document).on('tap', '.amount-div', function() {
+				location.href = "my-reward.html";
+			});
 			/*菜单跳转*/
 			$(document).on('tap', '#menu-nav>a', function() {
 				var status = $(this).attr("name");
-				location.href = 'order-list.html?salesStatus='+status;
+				location.href = 'order-list.html?salesStatus=' + status;
+			});
+			$(document).on('tap', '.go_order_list', function() {
+				location.href = 'order-list.html?salesStatus=-1';
+			});
+			// 弹窗
+			$(document).on('tap', '.join-vip', function() {
+				var type = $(".vip-note").attr('type');//1:成为会员  3：会员权益
+				if(type == 1){
+					$('.dalog').show();
+				}else{
+					location.href='vip-equity.html';
+				}
+			});
+			// 关闭弹窗
+			$(document).on('tap', '.icon-guanbicha', function() {
+				$('.dalog').hide();
+			});
+			// 成为会员
+			$(document).on('tap', '.btn-see-integral', function() {
+				location.href='register-vip.html';
 			});
-		</script>
-
-		<script>
 			mui.ready(function() {
 				$.ajax(base_path + '/wechat/agent/member?dates=' + new Date().getTime(), {
 					dataType: 'json',
@@ -259,16 +441,23 @@
 						if(dt.status) {
 							// userIdentity = data.userIdentity;
 							if(data.userHead != null && typeof(data.userHead) != "undefined" && data.userHead != '') {
-							//var imgObj = $("<img src='" + data.userHead + "?" + new Date().getTime() + "'/>");
+								//var imgObj = $("<img src='" + data.userHead + "?" + new Date().getTime() + "'/>");
 								$("#headDiv").attr("src", data.userHead);
-							}else{
+							} else {
 								$("#headDiv").attr("src", "images/tx-1.jpg");
 							}
 							if(data.userNickname != null && typeof(data.userNickname) != "undefined" && data.userNickname != '') {
 								$("#userNickname").html(decodeURI(data.userNickname));
-							}else{
+							} else {
 								$("#userNickname").html("微信用户");
 							}
+							if(data.userIsVip == 1){
+								$('.vip-l').text('成为会员');
+								$('.vip-note').attr('type',1);
+							}
+							if(isEmpty(data.userSurplusIntegral)){
+								$('.user_surplus_integral').text(data.userSurplusIntegral);
+							}
 							// $("#userNickname").append('<img class="vip_icon" src="http://static.iamberry.com/images/shop/dl_icon.png" />');
 							// document.querySelector('.loading-bg').style.display='none';
 						} else {
@@ -285,14 +474,27 @@
 						console.log(xhr);
 					}
 				});
+				$.ajax("post", "/wechat/welfare/getAmount", {
+					"time": new Date().getTime()
+				}, function(res) {
+					$("#uables-amount").text((res.data.amonutUsable / 100).toFixed(2));
+					// $("#await-amount").text((res.data.amonutAwait / 100).toFixed(2));
+				});
+				$(".loading").hide().css("opacity", "0");
 			});
 			$(document).on('tap', '#center-menu>li', function(event) {
 				if(typeof($(this).attr("href")) != "undefined") {
 					location.href = $(this).attr("href");
-				}else{
+				} else {
 					mui.alert("正在建设中！敬请期待")
 				}
 			});
+			$(document).on('tap', '.go-integral-center', function(event) {
+				location.href = 'integral-center.html';
+			});
+			$(document).on('tap', '.coupon_list', function(event) {
+				location.href = 'coupon_list.html';
+			});
 		</script>
 	</body>
 

aiberle/my-reward.html

@@ -0,0 +1,244 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>我的返现</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
+		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
+		<link rel="stylesheet" type="text/css" href="css/main.css" />
+		<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
+		<script>
+			//屏蔽分享
+			document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
+				WeixinJSBridge.call('hideOptionMenu');
+			});
+		</script>
+	</head>
+
+	<body style="background: #fff;">
+		<div class="loading-bg">
+			<div class="mui-loading">
+				<div class="mui-spinner">
+				</div>
+				&nbsp;&nbsp;加载中...
+			</div>
+		</div>
+		<div class="mui-content" style="background: #fff;">
+			<div class="gradient">
+				<div>
+					<div class="mui-table">
+						<div class="mui-table-cell mui-col-xs-12">
+							<p>可提现</p>
+							<h3 class="cl-red">¥<span id="uables-amount">0.00</span></h3></div>
+					</div>
+					<br />
+					<div class="mui-table">
+						<div class="mui-table-cell mui-col-xs-6">
+							<p>待入账</p>
+							<h4>¥<span id="await-amount">0.00</span></h4>
+							<div class="line"></div>
+						</div>
+						<div class="mui-table-cell mui-col-xs-6">
+							<p>提现中</p>
+							<h4>¥<span id="lock-amount">0.00</span></h4>
+						</div>
+						<div class="mui-table-cell mui-col-xs-6">
+							<p>总入账</p>
+							<h4>¥<span id="total-amount">0.00</span></h4>
+						</div>
+					</div>
+				</div>
+				<span style="display: block;margin-top: 5px;font-size: 10px;color: gray;text-align: left;padding-left: 5px;padding-right: 5px;">
+					1、待入账金额，即代金券已经下单使用，在订单确认收货15天后即可点击“申请提现”进行提取返现;<br>
+					2、申请提现后，工作人员将在自提现之日起3个工作日内，将按申请金额打入您的指定账户;
+				</span>
+				
+			</div>
+			<button style="margin-top: 20%;" type="button" class="mui-btn btn-apply">申请提现</button>
+			<br />
+			<div style="margin: 14px;">
+				<div id="reward-menu" class="mui-segmented-control">
+					<a class="mui-control-item mui-active" href="#item1">已入账</a>
+					<a class="mui-control-item" href="#item2">待入账</a>
+					<a class="mui-control-item" href="#item3">提现记录</a>
+				</div>
+				<div id="item1" class="mui-control-content mui-active">
+					<!--已入账列表-->
+					<ul class="reward-list"></ul>
+				</div>
+
+				<div id="item2" class="mui-control-content">
+					<!--待入账列表-->
+					<ul class="reward-list"></ul>
+				</div>
+
+				<div id="item3" class="mui-control-content">
+					<!--提现记录列表-->
+					<ul class="reward-list"></ul>
+				</div>
+
+			</div>
+		</div>
+		<script type="text/javascript" src="js/mui.min.js"></script>
+		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
+		<script type="text/javascript" src="js/main.js"></script>
+		<script type="text/javascript">
+			var amount = 0;
+			mui.ready(function() {
+				$('.loading-bg').hide();
+				ajax("post", "/wechat/welfare/getAmount", {"time":new Date().getTime()}, function(res) {
+					amount = res.data.amonutUsable;
+					$("#uables-amount").text((amount/100).toFixed(2));
+					$("#await-amount").text((res.data.amonutAwait/100).toFixed(2));
+					$("#total-amount").text((res.data.amonutTotal/100).toFixed(2));
+					$("#lock-amount").text((res.data.amonutLock/100).toFixed(2));
+				});
+				// 加载已入账的信息
+				ajax("post", "/wechat/welfare/listAmountLogs", {"time":new Date().getTime(), "logsType":1}, function(res) {
+					if (res.status && !!res.data && res.data.length >= 1) {
+						var item1 = $("#item1").find(".reward-list").empty();
+						for (var i = 0; i < res.data.length; i++) {
+							var obj = res.data[i];
+							var head = "images/tx-1.jpg";
+							var name = "微信好友";
+							var tel = "18888880000";
+							if (!!obj.member) {
+								head = (!!obj.member.userHead)?obj.member.userHead:"images/tx-1.jpg";
+							}
+							if (!!obj.order) {
+								name = (!!obj.order.salesAddressName)?obj.order.salesAddressName:"微信好友";
+								tel = (!!obj.order.salesAddressTel)?obj.order.salesAddressTel:"18888880000";
+							}
+							item1.append(
+								'<li>'+
+									'<div class="mui-table">'+
+										'<div style="width: 11%;" class="mui-table-cell mui-col-xs-2 table-middle mui-text-left">'+
+											'<img class="head" src="' + (head) + '" />'+
+										'</div>'+
+										'<div style="width: 18%;" class="mui-table-cell mui-col-xs-5 table-middle">'+
+											'<div>' + hide_string(name,0,1) + '</div>'+
+											'<p>' + hide_string(tel,2,3) + '</p>'+
+										'</div>'+
+										'<div style="width: 11%;" class="mui-table-cell mui-col-xs-2 table-middle">'+
+											'<h4 class="cl-red">' + (new Number(obj.logsAmount/100)) + '</h4>'+
+										'</div>'+
+										'<div style="padding-left: 12%;" class="mui-table-cell mui-col-xs-3 table-middle">'+ (format_Date(obj.logsDate)) + '</div>'+
+									'</div>'+
+								'</li>'
+							);
+						}
+					} else {
+						$("#item1").find(".reward-list").empty().html('<li><br/><img class="null" src="images/2019081312.png" /><p class="mui-text-center">糟糕，找不到内容哦！ <br/>快去分享代金券给好友吧！</p></li>');
+					}
+				});
+				// 加载待入账信息
+				ajax("post", "/wechat/welfare/listAmountLogs", {"time":new Date().getTime(), "logsType":2}, function(res) {
+					if (res.status && !!res.data && res.data.length >= 1) {
+						var item1 = $("#item2").find(".reward-list").empty();
+						for (var i = 0; i < res.data.length; i++) {
+							var obj = res.data[i];
+							var head = "images/tx-1.jpg";
+							var name = "微信好友";
+							var tel = "18888880000";
+							if (!!obj.member) {
+								head = (!!obj.member.userHead)?obj.member.userHead:"images/tx-1.jpg";
+							}
+							if (!!obj.order) {
+								name = (!!obj.order.salesAddressName)?obj.order.salesAddressName:"微信好友";
+								tel = (!!obj.order.salesAddressTel)?obj.order.salesAddressTel:"18888880000";
+							}
+							var str = 
+								'<li><div class="mui-table">'+
+									'<div style="width: 11%;" class="mui-table-cell mui-col-xs-2 table-middle mui-text-left">'+
+										'<img class="head" src="' + head + '" /></div>'+
+									'<div style="width: 19%;" class="mui-table-cell mui-col-xs-5 table-middle">'+
+										'<div>' + hide_string(name,0,1) + '</div>'+
+										'<p>' + hide_string(tel,2,3) + '</p>'+
+									'</div>'+
+									'<div style="width: 11%;" class="mui-table-cell mui-col-xs-2 table-middle">'+
+										'<h4>' + (new Number(obj.logsAmount/100)) + '</h4>'+
+									'</div>'+
+									'<div style="padding-left: 10%;" class="mui-table-cell mui-col-xs-3 table-middle">'+
+										format_Date(obj.logsDate)+
+										'<h6 class="cl-red">(预计' + (DateDiff(format_Date(obj.logsDate), format_Date(new Date()))) + '天入账)</h6>'+
+									'</div>'+
+								'</div>'+
+							'</li>';
+							item1.append(str);
+						}
+					} else {
+						$("#item2").find(".reward-list").empty().html('<li><br/><img class="null" src="images/2019081312.png" /><p class="mui-text-center">糟糕，找不到内容哦！ <br/>快去分享代金券给好友吧！</p></li>');
+					}
+				});
+				// 加载提现记录
+				ajax("post", "/wechat/welfare/listAtlogs", {"time":new Date().getTime()}, function(res) {
+					if (res.status && !!res.data && res.data.length >= 1) {
+						var item1 = $("#item3").find(".reward-list").empty();
+						for (var i = 0; i < res.data.length; i++) {
+							var obj = res.data[i];
+							var state = "";
+							if (obj.atState == 1) {
+								state = "提现中";
+							} else if (obj.atState == 2) {
+								state = "已通过<br><span style=\"color:gray\">(请留意银行记录)</span>";
+							} else {
+								state = "驳回<br><span style=\"color:gray\">("+obj.atRemark+")</span>";
+							}
+							var str ='<li>'+
+								'<div class="mui-table">'+
+									'<div style="width: 35%;" class="mui-table-cell mui-col-xs-7 table-middle">'+
+										'<div>' + (obj.atName) + '</div>'+
+										'<p>' + (obj.atCardNo) + '</p>'+
+										'<p>' + (obj.atBankName) + '</p>'+
+									'</div>'+
+									'<div class="mui-table-cell mui-col-xs-2 table-middle">'+
+										'<h4 class="cl-red">'+(new Number(obj.atAmonut/100))+'</h4>'+
+									'</div>'+
+									'<div style="padding-left: 8%;" class="mui-table-cell mui-col-xs-3 table-middle">'+
+										'<h6 class="cl-red">'+state+'</h6>'+ format_Date(obj.atCreateTime) +
+									'</div>'+
+								'</div>'+
+							'</li>';
+							item1.append(str);
+						}
+					} else {
+						$("#item3").find(".reward-list").empty().html('<li><br/><img class="null" src="images/2019081312.png" /><p class="mui-text-center">糟糕，找不到内容哦！ <br/>快去分享代金券给好友吧！</p></li>');
+					}
+				});
+				
+				$(document).on("tap", ".btn-apply", function(){
+					if (amount < 10000) {
+						mui.toast('可提现金额不足，快去分享代金券给好友吧');
+					} else {
+						location.href="apply-cash.html";
+					}
+				});
+			});
+			
+			function hide_string(str,frontLen,endLen) {
+				var len = str.length-frontLen-endLen;
+				var xing = '';
+				for (var i=0;i<len;i++) {
+					xing+='*';
+				}
+				return str.substring(0,frontLen)+xing+str.substring(str.length-endLen);
+			}
+			
+		    function  DateDiff(sDate1,  sDate2){
+		       var aDate,oDate1,oDate2,iDays;
+		       aDate = sDate1.split("-");
+		       oDate1 = new Date(aDate[1] + '/' + aDate[2] + '/' + aDate[0]);
+		       aDate = sDate2.split("-");
+		       oDate2 = new Date(aDate[1] + '/' + aDate[2] + '/' + aDate[0]);
+		       iDays = parseInt(Math.abs(oDate1 - oDate2) / 86400000);
+		       return iDays;  
+			}
+
+		</script>
+	</body>
+
+</html>

aiberle/register-vip.html

@@ -0,0 +1,485 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>注册会员</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
+		<link rel="stylesheet" type="text/css" href="css/mui.picker.min.css" />
+		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
+		<link rel="stylesheet" type="text/css" href="css/main.css" />
+		<style>
+			.dalog {
+				position: fixed;
+				left: 0;
+				top: 0;
+				bottom: 0;
+				right: 0;
+				background: rgba(0, 0, 0, .7);
+				display: none;
+			}
+			
+			.dalog>div {
+				position: absolute;
+				width: 270px;
+				height: 270px;
+				left: 50%;
+				margin-left: -135px;
+				top: 50%;
+				margin-top: -135px;
+				text-align: center;
+			}
+			
+			.dalog .tp-box {
+				background: #fff;
+				padding: 10px 12px;
+				border-radius: 8px;
+				margin-bottom: 8px;
+			}
+			
+			.dalog li {
+				margin: 10px 0;
+				color: #727171;
+			}
+			
+			.dalog li p {
+				color: #666;
+			}
+			
+			.dalog .btn-see-integral {
+				border-radius: 25px;
+				background: #727171;
+				color: #fff;
+				padding: 5px 22px;
+				border: 0;
+				font-size: 14px;
+				margin-top: 11px;
+			}
+			
+			.dalog .icon-guanbicha {
+				color: #fff;
+				font-size: 26px;
+			}
+			
+			.dalog strong {
+				font-size: 20px;
+				letter-spacing: 3px;
+			}
+			
+			.dalog .icon-A-zhucewancheng {
+				font-size: 40px;
+			}
+			
+			.mui-input-row label {
+				width: 30%;
+			}
+			
+			.mui-input-row label {
+				padding: 5px 15px 7px 15px;
+				position: relative;
+			}
+			
+			.sex-group .mui-radio.mui-left label {
+				padding: 13px 15px 11px 35px;
+			}
+			
+			.mui-radio {
+				display: inline-block;
+			}
+			
+			.mui-input-group .mui-input-row {
+				height: 46px;
+				padding: 3px 0;
+			}
+			
+			.mui-input-row label~input {
+				width: 65%;
+				font-size: 14px;
+			}
+			
+			.mui-input-row label~input::-webkit-input-placeholder {
+				color: #bbb;
+			}
+			
+			.mui-radio.mui-left input[type=radio] {
+				left: 0;
+				top: 10px;
+			}
+			
+			.sex-group {
+				position: absolute;
+				left: 35%;
+				top: 0;
+				width: 65%;
+			}
+			
+			.mui-input-group:before,
+			.mui-input-group:after {
+				display: none;
+			}
+			
+			.my-lable {
+				position: absolute;
+				left: 45px;
+				top: 12px;
+				white-space: nowrap;
+			}
+			
+			.my-lable i {
+				color: #ee5c5c;
+				font-size: 15px;
+			}
+			
+			.mui-input-row .iconfont {
+				color: #727171;
+			}
+			
+			.sex-group .mui-radio input[type=radio]::before {
+				font-family: "iconfont" !important;
+				font-size: 25px !important;
+				font-style: normal;
+				-webkit-font-smoothing: antialiased;
+				-moz-osx-font-smoothing: grayscale;
+				padding: 0 !important;
+				color: #eee;
+			}
+			
+			.sex-group .mui-radio input[type=radio].boy::before {
+				content: '\e721';
+			}
+			
+			.sex-group .mui-radio input[type=radio].girl::before {
+				content: '\e72e';
+			}
+			
+			.mui-radio input[type=radio].boy:checked:before,
+			.mui-radio input[type=radio].girl:checked:before {
+				color: #727171;
+			}
+			
+			.pull-code {
+				background: #727171;
+				border-radius: 25px;
+				border: 0;
+				color: #fff;
+				margin-top: 7px;
+				padding:5px 2px 3px 2px;
+				font-size: 12px;
+				float: right;
+				width: 80px;
+				white-space: nowrap;
+			}
+			
+			.pull-code:disabled {
+				background: #E5E5E5;
+				color: #999;
+			}
+			
+			.my-join-vip {
+				display: block;
+				width: 180px;
+				margin: 30px auto 50px auto;
+				padding: 10px 16px;
+				border-radius: 25px;
+				background: #fe9f8f;
+				color: #fff;
+				border: 0;
+				font-size: 16px;
+			}
+			
+			.my-join-vip:disabled {
+				background: #e5e5e5;
+				color: #999;
+			}
+			
+			.mui-icon-arrowdown {
+				position: absolute;
+				right: 10px;
+				top: 12px;
+				color: #999;
+				font-size: 20px;
+				pointer-events: none;
+			}
+			.mui-input-group .mui-input-row:after{
+				background-color: #e5e5e5;
+			}
+		</style>
+		<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
+		<script>
+			//屏蔽分享
+			document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
+				WeixinJSBridge.call('hideOptionMenu');
+			});
+		</script>
+	</head>
+
+	<body style="background: #fff;">
+		<div class="loading-bg">
+			<div class="mui-loading">
+				<div class="mui-spinner">
+				</div>
+				&nbsp;&nbsp;加载中...
+			</div>
+		</div>
+		<div class="mui-content" style="background: #fff;">
+
+			<div style="margin:25px 30px 25px 18px;">
+				<div style="margin:12px 16px;">
+					<h4>请填写以下注册信息</h4>
+					<p style="margin: 8px 0 20px 0;">完善信息后即可尊享会员权益</p>
+				</div>
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label><span class="iconfont icon-A-xingming"></span><span class="my-lable"><i>*</i>姓名</span></label>
+						<input type="text" placeholder="请输入您的姓名" id="ipt-name" maxlength="18">
+					</div>
+					<div class="mui-input-row">
+						<label><span class="iconfont icon-A-shengri"></span><span class="my-lable"><i>*</i>生日</span></label>
+						<input type="text" placeholder="请选择出生日期" id="ipt-birthday" readonly="readonly">
+						<i class="mui-icon mui-icon-arrowdown"></i>
+					</div>
+					<div class="mui-input-row">
+						<label><span class="iconfont icon-A-xingbie"></span><span class="my-lable"><i>&nbsp;</i>性别</span></label>
+						<div class="mui-input-group sex-group">
+							<div class="mui-input-row mui-radio mui-left">
+								<label>男</label>
+								<input class="boy" name="radio1" type="radio" value="1" checked="checked">
+							</div>
+							<div class="mui-input-row mui-radio mui-left" style="margin-left: 15%;">
+								<label>女</label>
+								<input class="girl" name="radio1" type="radio" value="2">
+							</div>
+						</div>
+					</div>
+					<div class="mui-input-row">
+						<label><span class="iconfont icon-A-shoujihao"></span><span class="my-lable"><i>*</i>手机号</span></label>
+						<input type="tel" placeholder="请输入您的手机号" id="ipt-phone" maxlength="11">
+					</div>
+					<div class="mui-input-row">
+						<label><span class="iconfont icon-A-yanzhengma"></span><span class="my-lable"><i>*</i>验证码</span></label>
+						<input style="width: 28% !important;float: none;padding-right: 0;margin-left: 5%;" type="tel" placeholder="请输入验证码" maxlength="4" id="code"><button type="button" class="pull-code" disabled="disabled">获取验证码</button>
+					</div>
+				</form>
+				<button type="button" class="mui-btn my-join-vip" disabled="disabled">成为会员</button>
+			</div>
+			<div class="dalog">
+				<div>
+					<div class="tp-box">
+						<ul>
+							<li><i class="iconfont icon-A-zhucewancheng"></i></li>
+							<li><strong>恭喜您注册成功</strong></li>
+							<li>
+								<p>100积分已发放至您的账户，可在会员积分查 看，购买产品可享受积分专属抵扣，还有积分 商品特惠换购</p>
+							</li>
+							<li><button type="button" class="mui-btn btn-see-integral">查看积分</button></li>
+						</ul>
+					</div>
+					<br />
+					<div class="mui-text-center">
+						<i class="iconfont icon-guanbicha"></i>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script type="text/javascript" src="js/mui.min.js"></script>
+		<script type="text/javascript" src="js/mui.picker.min.js"></script>
+		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
+		<script type="text/javascript" src="js/main.js"></script>
+		<script type="text/javascript">
+			var countdown = 60;
+			mui.ready(function() {
+				console.log("页面加载完毕")
+				document.querySelector('.loading-bg').style.display = 'none';
+			});
+			// 选择生日
+			$(document).on('tap', '#ipt-birthday', function() {
+				var th = $(this);
+				var dtPicker = new mui.DtPicker({
+					"type": "date",
+					"beginYear": 1949,
+					"endYear": new Date().getFullYear()
+				});
+				dtPicker.setSelectedValue('1990')
+				dtPicker.show(function(selectItems) {
+					// console.log(selectItems.y); //{text: "2016",value: 2016} 
+					// console.log(selectItems.m); //{text: "05",value: "05"} 
+					th.val(selectItems);
+				})
+			});
+			//实时监听文本框字数
+			document.getElementById("ipt-phone").addEventListener("input", function() {
+				var phone = this.value;
+				var mobile = /^(13|14|15|16|17|18|19)[0-9]{9}$/; //手机号码
+				if(phone.length == 11) {
+					if(mobile.test(phone) && countdown == 60) {
+						$(".pull-code").removeAttr("disabled");
+					} else {
+						$(".pull-code").attr("disabled", "disabled");
+					}
+				} else {
+					$(".pull-code").attr("disabled", "disabled");
+				}
+			});
+			// 成为会员			
+			$(document).on('tap', '.my-join-vip', function() {
+				validate();
+				if(validate_flag) {
+					var num = /^[0-9]{4,4}$/; //数字(4位)
+					var code = $('#code').val();
+					if(num.test(code)) {
+						console.log('验证通过')
+						
+						var phone = $('#ipt-phone').val();
+						var userBirthDate = $('#ipt-birthday').val();
+						var userName = $('#ipt-name').val();
+						var userSex = $('[name="radio1"]:checked').val();
+						$.ajax(base_path + '/wechat/agent/updateMemberInfo?dates=' + new Date().getTime(), {
+							data: {
+								userName : userName,
+								userSex : userSex, // 1:男   2:女
+								userBirthDate : userBirthDate, //生日
+								userTel : phone, //
+								code : code //
+							},
+							dataType: 'json',
+							xhrFields: {
+								withCredentials: true
+							},
+							crossDomain: true,
+							type: 'get',
+							timeout: 15000,
+							success: function(dt) {
+								if(dt.isRedirect) {
+									location.href = dt.redirectURL;
+								} else {
+									if(dt.status){
+										$(".dalog").show();
+									}else{
+										mui.toast(dt.message);
+									}
+								}
+							},
+							error: function(xhr, type, errorThrown) {
+								console.log(xhr);
+							}
+						});
+						// $ajax
+					} else {
+						if(code != '') {
+							show_msg = '验证码格式不正确';
+						} else {
+							show_msg = '请输入短信验证码';
+						}
+						mui.alert(show_msg);
+					}
+				} else {
+					mui.alert(show_msg);
+				}
+			});
+			//发送验证码
+			var validate_flag = false,
+				show_msg = '';
+			$(document).on('tap', '.pull-code', function() {
+				validate();
+				if(validate_flag) {
+					settime($(this));
+					$(".my-join-vip").removeAttr("disabled");
+					var phone = $('#ipt-phone').val();
+					$.ajax(base_path + '/wechat/agent/send_phone?dates=' + new Date().getTime(), {
+						data: {
+							phone: phone
+						},
+						dataType: 'json',
+						xhrFields: {
+							withCredentials: true
+						},
+						crossDomain: true,
+						type: 'get',
+						timeout: 15000,
+						success: function(dt) {
+							if(dt.isRedirect) {
+								location.href = dt.redirectURL;
+							} else {
+								if(dt.status) {
+									console.log("获取短信成功！");
+									$(".my-join-vip").removeAttr("disabled");
+								}
+							}
+						},
+						error: function(xhr, type, errorThrown) {
+							console.log(xhr);
+						}
+					});
+				} else {
+					mui.alert(show_msg);
+				}
+			});
+
+			function settime(obj) {
+				if(countdown == 0) {
+					obj.removeAttr("disabled");
+					obj.text("获取验证码");
+					countdown = 60;
+					return;
+				} else {
+					obj.attr("disabled", true);
+					obj.text("重新发送" + countdown + "");
+					countdown--;
+				}
+				setTimeout(function() {
+					settime(obj)
+				}, 1000)
+			}
+
+			function validate() {
+				var ch_en = /^[A-Za-z_\-\u4e00-\u9fa5]{2,10}$/; //简体中文英文(2位以上)
+				var en_num = /^[A-Za-z0-9_]{1,20}$/; //英文数字(1位以上)
+				var mobile = /^(13|14|15|17|18)[0-9]{9}$/; //手机号码
+				var name = $("#ipt-name").val();
+				var birthday = $("#ipt-birthday").val();
+				var phone = $("#ipt-phone").val();
+				if(ch_en.test(name)) {
+					validate_flag = true;
+				} else {
+					validate_flag = false;
+					if(name != '') {
+						show_msg = '姓名格式不正确';
+					} else {
+						show_msg = '请输入您的姓名';
+					}
+					return false;
+				}
+				if(birthday.length > 0) {
+					validate_flag = true;
+				} else {
+					validate_flag = false;
+					show_msg = '请选择出生日期';
+					return false;
+				}
+				if(mobile.test(phone)) {
+					validate_flag = true;
+				} else {
+					validate_flag = false;
+					if(phone != '') {
+						show_msg = '手机号码格式不正确';
+					} else {
+						show_msg = '请输入您的手机号';
+					}
+					return false;
+				}
+			}
+			// 关闭弹窗
+			$(document).on('tap', '.icon-guanbicha', function() {
+				$('.dalog').hide();
+			});
+			// 查看积分
+			$(document).on('tap', '.btn-see-integral', function() {
+				location.href='integral-center.html';
+			});
+		</script>
+	</body>
+
+</html>

aiberle/vip-equity.html

@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>成为会员</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
+		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
+		<link rel="stylesheet" type="text/css" href="css/main.css" />
+		<style>
+			.vip-equity-list {
+				margin: 20px 10%;
+			}
+			
+			.vip-equity-list>li {
+				position: relative;
+				width: 100%;
+				margin: 12px 0;
+				padding: 4px 0;
+				color: #727171;
+			}
+			
+			.vip-equity-list>li .content {
+				border-radius: 25px;
+				width: 100%;
+				padding: 4px 0 4px 50px;
+				border: 1px solid rgba(0, 0, 0, .1);
+				margin: 0;
+				font-size: 12px;
+				white-space: nowrap;
+			}
+			
+			.vip-equity-list>li .icon {
+				border-radius: 40px;
+				padding: 7px;
+				background: #727171;
+				border: 1px solid #d8d8d8;
+				width: 40px;
+				height: 40px;
+				text-align: center;
+				color: #fff;
+				position: absolute;
+				left: 0;
+				top: 0;
+			}
+			
+			.vip-equity-list>li .tips {
+				position: absolute;
+				bottom: 0;
+				left: 0;
+				font-size: 12px;
+				text-indent: 0.5em;
+				width: 100%;
+				white-space: nowrap;
+			}
+			
+			.my-join-vip {
+				display: block;
+				width: 160px;
+				margin: 30px auto 50px auto;
+				padding: 9px 16px;
+				border-radius: 25px;
+				background: #727171;
+				color: #fff;
+				border: 0;
+				font-size: 16px;
+			}
+			
+			.my-join-vip:disabled {
+				background: #e5e5e5;
+				color: #999;
+			}
+		</style>
+		<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
+		<script>
+			//屏蔽分享
+			document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
+				WeixinJSBridge.call('hideOptionMenu');
+			});
+		</script>
+	</head>
+
+	<body style="background: #fff;">
+		<div class="loading-bg">
+			<div class="mui-loading">
+				<div class="mui-spinner">
+				</div>
+				&nbsp;&nbsp;加载中...
+			</div>
+		</div>
+		<div class="mui-content">
+			<img width="100%" src="images/vip-quanyi.jpg" />
+			<ul class="vip-equity-list">
+				<li>
+					<div class="content">
+						注册会员即可获得100积分
+					</div>
+					<div class="icon">
+						<i class="iconfont icon-A-zhucehuiyuan"></i>
+					</div>
+				</li>
+				<li style="height: 65px;">
+					<div class="content">
+						会员专享折扣
+					</div>
+					<div class="icon">
+						<i class="iconfont icon-A-huiyuanzhekou"></i>
+					</div>
+					<div class="tips">（购买滤芯类产品享受88折，非滤芯类产品享受95折）</div>
+				</li>
+				<li>
+					<div class="content">
+						购买产品，享受积分抵扣现金优惠
+					</div>
+					<div class="icon">
+						<i class="iconfont icon-A-huiyuangoumai"></i>
+					</div>
+				</li>
+				<li>
+					<div class="content">
+						积分换购特惠商品权益
+					</div>
+					<div class="icon">
+						<i class="iconfont icon-A-jifenhuangou"></i>
+					</div>
+				</li>
+				<li>
+					<div class="content">
+						会员专享生日大礼包
+					</div>
+					<div class="icon">
+						<i class="iconfont icon-A-huiyuandalibao"></i>
+					</div>
+				</li>
+			</ul>
+			<!-- <button type="button" class="mui-btn my-join-vip">成为会员</button> -->
+		</div>
+		<script type="text/javascript" src="js/mui.min.js"></script>
+		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
+		<script type="text/javascript" src="js/main.js"></script>
+		<script type="text/javascript">
+			mui.ready(function() {
+				document.querySelector('.loading-bg').style.display = 'none';
+			});
+		</script>
+	</body>
+
+</html>

aiberle/vip-info.html

@@ -0,0 +1,146 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>会员信息</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
+		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
+		<link rel="stylesheet" type="text/css" href="css/main.css" />
+		<style>
+			.v-top {
+				background: #9fa0a0;
+				height: 80px;
+			}
+			
+			.v-middle {
+				position: absolute;
+				background: transparent;
+				top: 28px;
+				left: 0;
+				width: 100%;
+			}
+			
+			.v-content {
+				position: absolute;
+				left: 15px;
+				right: 15px;
+				top: 30px;
+				background: #fff;
+				padding-top: 90px;
+				border-radius: 8px;
+				overflow: hidden;
+				box-shadow:rgba(0,0,0,.2) 0px 0px 6px;
+			}
+			.v-content .mui-table-view-cell:after{left: 15px;right: 15px;background-color: #e5e5e5;}
+			.v-content .mui-table-view-cell:last-child:after{display: none;}
+			.v-content .mui-table-view-cell>a:not(.mui-btn).mui-active{background: #fff;}
+			.v-image{width: 56px;display: block;position: absolute;left: 50%;top: 0;margin-left: -28px;border-radius: 56px;}
+			.v-title{position: absolute;left: 0;top: 72px;text-align: center;font-size: 16px;color: #333;right: 0;}
+			.v-content .mui-table-view:after,.v-content .mui-table-view:before{display: none;}
+			.v-content .mui-badge{background: transparent;color: #999;}
+		</style>
+		<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
+		<script>
+			//屏蔽分享
+			document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
+				WeixinJSBridge.call('hideOptionMenu');
+			});
+		</script>
+	</head>
+
+	<body style="background: #fff;">
+		<div class="loading-bg">
+			<div class="mui-loading">
+				<div class="mui-spinner">
+				</div>
+				&nbsp;&nbsp;加载中...
+			</div>
+		</div>
+		<div class="mui-content">
+			<div class="v-top">
+				<div class="v-middle">
+					<div class="v-content">
+						<ul class="mui-table-view">
+							<li class="mui-table-view-cell">
+								<a class="mui-navigate-right">
+									<span class="mui-badge likeName-head"></span>姓名
+								</a>
+							</li>
+							<li class="mui-table-view-cell">
+								<a class="mui-navigate-right">
+									<span class="mui-badge birthdate-head"></span>生日
+								</a>
+							</li>
+							<li class="mui-table-view-cell">
+								<a class="mui-navigate-right">
+									<span class="mui-badge sex-head"></span>性别
+								</a>
+							</li>
+							<li class="mui-table-view-cell">
+								<a class="mui-navigate-right go-edit-phone">
+									<span class="mui-badge tel-head"></span>手机号
+								</a>
+							</li>
+						</ul>
+					</div>
+					<img class="v-image img_head" src="images/tx-1.jpg" />
+					<div class="v-title name_head"></div>
+				</div>
+			</div>
+		</div>
+		<script type="text/javascript" src="js/mui.min.js"></script>
+		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
+		<script type="text/javascript" src="js/main.js"></script>
+		<script type="text/javascript">
+			mui.ready(function() {
+				console.log("页面加载完毕")
+				document.querySelector('.loading-bg').style.display = 'none';
+				
+				$.ajax(base_path + '/wechat/agent/member?dates=' + new Date().getTime(), {
+					dataType: 'json',
+					type: 'post',
+					timeout: 15000,
+					xhrFields: {
+						withCredentials: true
+					},
+					crossDomain: true,
+					success: function(dt) {
+						if(dt.isRedirect) {
+							location.href = dt.redirectURL;
+						} else {
+							var data = dt.data;
+							if(dt.status) {
+								$('.img_head').attr('src',data.userHead);
+								if(data.userNickname != null && typeof(data.userNickname) != "undefined" && data.userNickname != '') {
+									$(".name_head").html(decodeURI(data.userNickname))
+								}
+								$('.likeName-head').text(data.userName);
+								$('.birthdate-head').text(data.userBirthDate);
+								$('.tel-head').text(data.userTel);
+								if(data.userSex == 1){
+									$('.sex-head').text('男');
+								}else{
+									$('.sex-head').text('女');
+								}
+							} else {
+								
+							}
+						}
+					},
+					error: function(xhr, type, errorThrown) {
+						console.log(xhr)
+					}
+				});
+				
+			});
+			$(document).on('tap', '.go-edit-phone', function() {
+				location.href='edit-phone.html'
+			});
+		</script>
+	</body>
+
+</html>