+
+
+
+
+
+
+ 最近30天收支明细
+
+
+
+ -
+ 第三方支付消费
+ 2016-1-02
+
+ -
+ 余额：0.00
+ -26.30
+
+
+
+
+
+ -
+ 优智源账户充值
+ 2016-1-02
+
+ -
+ 余额：0.00
+ +26.30
+
+
+
+
+
+ -
+ 第三方支付消费
+ 2016-1-02
+
+ -
+ 余额：0.00
+ -26.30
+
+
+
+
+
+ -
+ 优智源账户充值
+ 2016-1-02
+
+ -
+ 余额：0.00
+ +26.30
+
+
+
+
+
+ -
+ 第三方支付消费
+ 2016-1-02
+
+ -
+ 余额：0.00
+ -26.30
+
+
+
+
+
+ -
+ 优智源账户充值
+ 2016-1-02
+
+ -
+ 余额：0.00
+ +26.30
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ForFuture_shop/buy.html b/ForFuture_shop/buy.html
new file mode 100644
index 0000000..f617c2a
--- /dev/null
+++ b/ForFuture_shop/buy.html
@@ -0,0 +1,174 @@
+
+
+
+
+
+
+
+
+
男装专区
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+ gqzdev
+ 139****6182
+
+ - {{mapAddress}}
+ 其他地址
+
+
+
+
+
+
+
+ -
+ gqzdev
+ 139****6182
+
+ - {{mapAddress}}
+ - 湖北省武汉市江夏区*****
+
+
+
+
+
+ -
+ 运费
+ 包邮
+
+ -
+ 商品总额
+ ￥176.00
+
+ -
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ForFuture_shop/css/all.css b/ForFuture_shop/css/all.css
new file mode 100644
index 0000000..9733a3c
--- /dev/null
+++ b/ForFuture_shop/css/all.css
@@ -0,0 +1,640 @@
+@charset "UTF-8";
+/*原子类*/
+.db { display: block; }
+
+.ta-r { text-align: right; }
+
+.ta-c { text-align: center; }
+
+.ta-l { text-align: left; }
+
+.vt-t { vertical-align: top; }
+
+.vt-m { vertical-align: middle; }
+
+.vt-ba { vertical-align: baseline; }
+
+.vt-b { vertical-align: bottom; }
+
+.ra1 { -webkit-border-radius: 1px; border-radius: 1px; }
+
+.ra2 { -webkit-border-radius: 2px; border-radius: 2px; }
+
+.ra3 { -webkit-border-radius: 3px; border-radius: 3px; }
+
+/*样式类*/
+.white-bg { background-color: #fff !important; }
+
+.label-success { color: #fff; background: #8fd359; }
+
+.fc-success { color: #8fd359; }
+
+.label-danger { color: #fff; background: #ff6666; }
+
+.fc-danger { color: #ff6666; }
+
+.label-warn { color: #fff; background: #ffaa30; }
+
+.fc-warn { color: #ffaa30; }
+
+.label-theme { color: #fff; background: #ff395c; }
+
+.fc-theme { color: #ff395c; }
+
+.label-info { color: #fff; background: #ff395c; }
+
+.fc-info { color: #ff395c; }
+
+.ico-royal { color: #abb1f3; }
+
+.ico-success { color: #99d572; }
+
+.ico-error { color: #fb8080; }
+
+.ico-lightblue { color: #8fcff3; }
+
+.ib-row { font-size: 0; }
+
+.col-1 { width: 8.33333%; display: inline-block; vertical-align: top; font-size: .36rem; }
+
+.col-2 { width: 16.66667%; display: inline-block; vertical-align: top; font-size: .36rem; }
+
+.col-3 { width: 25%; display: inline-block; vertical-align: top; font-size: .36rem; }
+
+.col-4 { width: 33.33333%; display: inline-block; vertical-align: top; font-size: .36rem; }
+
+.col-5 { width: 41.66667%; display: inline-block; vertical-align: top; font-size: .36rem; }
+
+.col-6 { width: 50%; display: inline-block; vertical-align: top; font-size: .36rem; }
+
+.col-7 { width: 58.33333%; display: inline-block; vertical-align: top; font-size: .36rem; }
+
+.col-8 { width: 66.66667%; display: inline-block; vertical-align: top; font-size: .36rem; }
+
+.col-9 { width: 75%; display: inline-block; vertical-align: top; font-size: .36rem; }
+
+.col-10 { width: 83.33333%; display: inline-block; vertical-align: top; font-size: .36rem; }
+
+.col-11 { width: 91.66667%; display: inline-block; vertical-align: top; font-size: .36rem; }
+
+.col-12 { width: 100%; display: inline-block; vertical-align: top; font-size: .36rem; }
+
+.margin-all-s { margin: 0.15rem; }
+
+.margin-vt-s { margin-top: 0.15rem; margin-bottom: 0.15rem; }
+
+.margin-hr-s { margin-left: 0.15rem; margin-right: 0.15rem; }
+
+.margin-t-s { margin-top: 0.15rem; }
+
+.margin-r-s { margin-right: 0.15rem; }
+
+.margin-b-s { margin-bottom: 0.15rem; }
+
+.margin-l-s { margin-left: 0.15rem; }
+
+.padding-all-s { padding: 0.15rem; }
+
+.padding-vt-s { padding-top: 0.15rem; padding-bottom: 0.15rem; }
+
+.padding-hr-s { padding-left: 0.15rem; padding-right: 0.15rem; }
+
+.padding-t-s { padding-top: 0.15rem; }
+
+.padding-r-s { padding-right: 0.15rem; }
+
+.padding-b-s { padding-bottom: 0.15rem; }
+
+.padding-l-s { padding-left: 0.15rem; }
+
+.margin-all-sm { margin: 0.2rem; }
+
+.margin-vt-sm { margin-top: 0.2rem; margin-bottom: 0.2rem; }
+
+.margin-hr-sm { margin-left: 0.2rem; margin-right: 0.2rem; }
+
+.margin-t-sm { margin-top: 0.2rem; }
+
+.margin-r-sm { margin-right: 0.2rem; }
+
+.margin-b-sm { margin-bottom: 0.2rem; }
+
+.margin-l-sm { margin-left: 0.2rem; }
+
+.padding-all-sm { padding: 0.2rem; }
+
+.padding-vt-sm { padding-top: 0.2rem; padding-bottom: 0.2rem; }
+
+.padding-hr-sm { padding-left: 0.2rem; padding-right: 0.2rem; }
+
+.padding-t-sm { padding-top: 0.2rem; }
+
+.padding-r-sm { padding-right: 0.2rem; }
+
+.padding-b-sm { padding-bottom: 0.2rem; }
+
+.padding-l-sm { padding-left: 0.2rem; }
+
+.margin-all { margin: 0.3rem; }
+
+.margin-vt { margin-top: 0.3rem; margin-bottom: 0.3rem; }
+
+.margin-hr { margin-left: 0.3rem; margin-right: 0.3rem; }
+
+.margin-t { margin-top: 0.3rem; }
+
+.margin-r { margin-right: 0.3rem; }
+
+.margin-b { margin-bottom: 0.3rem; }
+
+.margin-l { margin-left: 0.3rem; }
+
+.padding-all { padding: 0.3rem; }
+
+.padding-vt { padding-top: 0.3rem; padding-bottom: 0.3rem; }
+
+.padding-hr { padding-left: 0.3rem; padding-right: 0.3rem; }
+
+.padding-t { padding-top: 0.3rem; }
+
+.padding-r { padding-right: 0.3rem; }
+
+.padding-b { padding-bottom: 0.3rem; }
+
+.padding-l { padding-left: 0.3rem; }
+
+.margin-all-b { margin: 0.45rem; }
+
+.margin-vt-b { margin-top: 0.45rem; margin-bottom: 0.45rem; }
+
+.margin-hr-b { margin-left: 0.45rem; margin-right: 0.45rem; }
+
+.margin-t-b { margin-top: 0.45rem; }
+
+.margin-r-b { margin-right: 0.45rem; }
+
+.margin-b-b { margin-bottom: 0.45rem; }
+
+.margin-l-b { margin-left: 0.45rem; }
+
+.padding-all-b { padding: 0.45rem; }
+
+.padding-vt-b { padding-top: 0.45rem; padding-bottom: 0.45rem; }
+
+.padding-hr-b { padding-left: 0.45rem; padding-right: 0.45rem; }
+
+.padding-t-b { padding-top: 0.45rem; }
+
+.padding-r-b { padding-right: 0.45rem; }
+
+.padding-b-b { padding-bottom: 0.45rem; }
+
+.padding-l-b { padding-left: 0.45rem; }
+
+.margin-all-common { margin: 0.4rem; }
+
+.margin-vt-common { margin-top: 0.4rem; margin-bottom: 0.4rem; }
+
+.margin-hr-common { margin-left: 0.4rem; margin-right: 0.4rem; }
+
+.margin-t-common { margin-top: 0.4rem; }
+
+.margin-r-common { margin-right: 0.4rem; }
+
+.margin-b-common { margin-bottom: 0.4rem; }
+
+.margin-l-common { margin-left: 0.4rem; }
+
+.padding-all-common { padding: 0.4rem; }
+
+.padding-vt-common { padding-top: 0.4rem; padding-bottom: 0.4rem; }
+
+.padding-hr-common { padding-left: 0.4rem; padding-right: 0.4rem; }
+
+.padding-t-common { padding-top: 0.4rem; }
+
+.padding-r-common { padding-right: 0.4rem; }
+
+.padding-b-common { padding-bottom: 0.4rem; }
+
+.padding-l-common { padding-left: 0.4rem; }
+
+/*功能类*/
+.ellips { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
+
+.ellips_line2, .ellips_line3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
+
+.ellips_line2 { -webkit-line-clamp: 2; }
+
+.ellips_line3 { -webkit-line-clamp: 3; }
+
+.mui-scroll-ibhr { width: auto; white-space: nowrap; font-size: 0; }
+
+.full-img { display: block; width: 100%; }
+
+/** flex宸ュ叿 */
+.ui-flex { display: -webkit-box; display: -webkit-flex; display: flex; }
+
+.ui-flex-vt { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; }
+.ui-flex-vt .flex-col { width: auto; }
+
+.ui-flex-inline { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; }
+
+.flex-justify-sb { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
+
+.flex-justify-sa { -webkit-justify-content: space-around; justify-content: space-around; }
+
+.flex-justify-center { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }
+
+.flex-align-center { -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
+
+.flex-align-start { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; }
+
+.flex-align-end { -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; }
+
+.flex-col { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: .1px; }
+
+.centerflex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
+
+.startflex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: start; align-items: start; }
+
+.centerflex > .flex-col, .startflex > .flex-col { display: block; float: none !important; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: .1px; }
+
+.ui-scrollview { width: 100%; height: 100%; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; }
+
+.ui-scrollview > .scroll-wrap { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: hidden; position: relative; }
+
+.ui-border-tb, .ui-box, .cart-count-bar { border-top: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; background-image: none; }
+
+.ui-border-t, .ui-cell:before { border-top: 1px solid #dcdcdc; border-bottom: 0; }
+
+.ui-border-b, .ui-table td { border-bottom: 1px solid #dcdcdc; border-top: 0; }
+
+.ui-border-l { border-left: 1px solid #dcdcdc; }
+
+.ui-border-r { border-right: 1px solid #dcdcdc; }
+
+.ui-border { border: 1px solid #dcdcdc; }
+
+@media screen and (-webkit-min-device-pixel-ratio: 2) { .ui-border { position: relative; border: 0; }
+ .ui-border-t, .ui-cell:before, .ui-border-b, .ui-table td, .ui-border-l, .ui-border-r, .ui-border-tb, .ui-box, .cart-count-bar { border: 0; }
+ .ui-border-tb, .ui-box, .cart-count-bar { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #dcdcdc)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #dcdcdc)); background-position: top, bottom; }
+ .ui-border-t, .ui-cell:before { background-position: left top; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #dcdcdc)); }
+ .ui-border-b, .ui-table td { background-position: left bottom; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #dcdcdc)); }
+ .ui-border-t, .ui-cell:before, .ui-border-b, .ui-table td, .ui-border-tb, .ui-box, .cart-count-bar { background-repeat: repeat-x; -webkit-background-size: 100% 1px; }
+ .ui-border-l { background-position: left top; background-image: -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #dcdcdc)); }
+ .ui-border-r { background-position: right top; background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #dcdcdc)); }
+ .ui-border-l, .ui-border-r { background-repeat: repeat-y; -webkit-background-size: 1px 100%; }
+ .ui-border:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #dcdcdc)), -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #dcdcdc)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #dcdcdc)), -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #dcdcdc)); -webkit-background-size: 100% 1px,1px 100% ,100% 1px, 1px 100%; background-size: 100% 1px,1px 100% ,100% 1px, 1px 100%; background-size: 100% 1px,1px 100% ,100% 1px, 1px 100%; background-repeat: no-repeat; background-position: top, right, bottom, left; padding: 1px; -webkit-box-sizing: border-box; z-index: 2; pointer-events: none; } }
+.ui-box { background-color: #fff; }
+
+.ui-cell-access:after, .ui-arrow:after { display: block; font-family: "iconfont" !important; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; padding-left: .1rem; content: "\e61a"; font-size: .42rem; color: #ccc; }
+
+.ui-cell { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; padding: .3rem .4rem; font-size: .45rem; line-height: .81rem; color: #5c5c5c !important; }
+.ui-cell:before { position: absolute; top: 0; right: .4rem; bottom: 0; left: .4rem; content: ''; pointer-events: none; }
+.ui-cell:first-child:before { border: 0; background-image: none; }
+.ui-cell .ui-input { padding: 0; margin: 0; height: auto; line-height: 0.81rem; border: none; background: transparent; }
+.ui-cell .ui-textarea { padding: 0.12rem 0; margin: 0; height: auto; line-height: 0.57rem; border: none; background: transparent; }
+.ui-cell .mui-icon-clear { color: #9c9c9c; }
+.ui-cell .ui-reddot { position: static; display: block; margin: 0 .1rem; }
+.ui-cell-hd { padding-right: .2rem; }
+.ui-cell-hd .ico { display: block; font-size: .51rem; width: .6rem; text-align: center; text-align: center; }
+.ui-cell-hd ~ .ui-input { padding-left: .2rem; }
+.ui-cell-ft { text-align: right; color: #9c9c9c; }
+.ui-cell-ft .headpic { display: block; margin: -.1rem 0; width: 1.2rem; }
+.ui-cell-norspace:before { right: 0; }
+.ui-cell-stable { height: 1.41rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
+.ui-cell-access:active, .ui-cell-btn:active { background-color: #ececec; }
+.ui-cell-bigico { padding-top: .4rem; padding-bottom: .4rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
+.ui-cell-bigico .ico { display: block; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: .9rem; color: #fff; background-color: #8fcff3; -webkit-border-radius: 50%; border-radius: 50%; }
+.ui-cell-bigico .ui-cell-bd { color: #000; font-size: .48rem; }
+.ui-cell.list-style .ui-cell-hd { position: relative; padding-left: .35rem; }
+.ui-cell.list-style .ui-cell-hd .dot { position: absolute; top: 50%; left: 0; content: ''; margin-top: -2px; width: 4px; height: 4px; background-color: #a3a3a3; -webkit-border-radius: 50%; border-radius: 50%; }
+.ui-cell.list-style .ui-cell-hd .dot.red { background-color: #ff395c; }
+.ui-cell-tips { margin-top: .5em; padding: 0 .4rem; font-size: .45rem; line-height: 1.4; color: #888; }
+.ui-cell .current { color: #ff395c; }
+
+.ui-arrow { display: block; }
+
+.ui-reddot { position: absolute; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #ff395c; }
+
+.ui-numdot { position: absolute; width: 28px; height: 28px; line-height: 28px; font-size: 24px; text-align: center; font-weight: 400; color: #fff; background-color: #ff395c; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0.5); transform: scale(0.5); }
+.white-mod .ui-numdot { color: #ff395c; background-color: #fff; }
+
+.ui-table { width: 100%; font-size: .42rem; color: #727272; }
+@media screen and (-webkit-min-device-pixel-ratio: 2) { .ui-table.ui-border-t, .ui-table.ui-cell:before { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e5e5e5)); } }
+.ui-table tr { line-height: 1.36rem; }
+.ui-table td { position: relative; padding-left: .2rem; text-align: center; }
+.ui-table td:first-of-type { text-align: left; padding: 0 0 0 .8rem; color: #2a2a2a; }
+@media screen and (-webkit-min-device-pixel-ratio: 2) { .ui-table td { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e5e5e5)); } }
+
+.ui-tit { padding: 0 0.25rem; font-size: 0.45rem; line-height: 2.7; color: #2a2a2a; }
+.ui-tit-s { font-size: .42rem; line-height: 2.5; }
+
+.ui-tab { display: -webkit-box; display: -webkit-flex; display: flex; height: 1.24rem; line-height: 1.24rem; text-align: center; font-size: 0.45rem; }
+.ui-tab .item { position: relative; display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: .1px; color: #5b5b5b; }
+.ui-tab .item.current { color: #ff395c; }
+.ui-tab .item-order i { margin-left: 3px; font-size: .38rem; color: #bbb; }
+.ui-tab .item-order i:after { content: "\e615"; }
+.ui-tab .item-order.current i { color: inherit; }
+.ui-tab .item-order.up i:after { content: "\e613"; }
+.ui-tab.mui-bar-header-secondary { background-color: #fff; }
+.ui-tab.mui-bar-header-secondary ~ .mui-content { padding-top: 2.68rem; }
+
+.ui-tab-divide .item:not(:first-child):after { content: ''; position: absolute; top: 50%; left: 0; height: 0.6rem; border-left: 1px solid #bdbdbd; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
+@media screen and (-webkit-min-device-pixel-ratio: 2) { .ui-tab-divide .item:not(:first-child):after { -webkit-transform: scaleX(0.5) translatey(-50%); transform: scaleX(0.5) translatey(-50%); } }
+
+.ui-tab-nav .item { font-size: 0.51rem; }
+.ui-tab-nav .item:not(:first-child):after { content: ''; position: absolute; top: 50%; left: 0; height: 1em; border-left: 1px solid #acacac; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
+@media screen and (-webkit-min-device-pixel-ratio: 2) { .ui-tab-nav .item:not(:first-child):after { -webkit-transform: scaleX(0.5) translatey(-50%); transform: scaleX(0.5) translatey(-50%); } }
+
+.ui-tab-bd .item.current { color: #ff395c; }
+.ui-tab-bd .item.current:after { position: absolute; bottom: 0; left: .3rem; right: .3rem; border-bottom: 2px solid #ff395c; content: ''; }
+
+.ui-fullmask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; opacity: 0; pointer-events: none; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: end; background: rgba(0, 0, 0, 0.4); }
+.ui-fullmask.show { pointer-events: inherit; opacity: 1; }
+
+.ui-textarea-count { text-align: right; font-size: .36rem; line-height: 1.42; color: #adadad; }
+
+.mui-numbox .mui-btn { font-family: "iconfont" !important; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
+.mui-numbox .mui-btn-numbox-minus:after { content: "\e618"; }
+.mui-numbox .mui-btn-numbox-plus:after { content: "\e616"; }
+
+.ui-checkbox input { position: relative; display: inline-block; vertical-align: top; height: 1px; line-height: inherit; font-size: .48rem; border: 0; outline: 0 !important; background: none; -webkit-appearance: none; }
+
+.ui-checkbox input:after { font-family: "iconfont" !important; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; content: '\e605'; color: #8f8f8f; font-size: inherit; line-height: inherit; }
+
+.ui-checkbox input:checked:after { color: #ff395c; content: '\e606'; }
+
+.ui-checkbox input:disabled:after { color: #ddd; }
+
+.ui-checkbox-big input { font-size: .66rem; }
+
+.uploads-btn { position: relative; }
+
+.uploads-frame { position: relative; display: inline-block; vertical-align: middle; width: 2.1rem; height: 2.1rem; line-height: 2.1rem; border: 1px dashed #b8b8b8; text-align: center; background-color: #f2f2f2; }
+.uploads-frame .iconfont { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; line-height: inherit; font-size: 1.2rem; color: #e3e3e3; }
+.uploads-frame .figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; }
+
+.uploads-btn input, .uploads-frame input { position: absolute; top: 0; left: 0; z-index: 2; border: 0; background: none; width: 100%; height: 100%; }
+
+.uploads-frame input[type="file"], .uploads-btn input[type="file"] { opacity: 0; }
+
+.uploads-frame-s { width: 1.6rem; height: 1.6rem; line-height: 1.6rem; }
+.uploads-frame-s .iconfont { font-size: .8rem; }
+
+.ui-actionsheet { color: #666; background-color: #fff !important; }
+.ui-actionsheet-hd { height: 1.4rem; line-height: 1.4rem; text-align: center; }
+.ui-actionsheet-hd .tit { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .48rem; color: #0c0c0c; }
+.ui-actionsheet-hd .tit:first-child { margin-left: 1.2rem; }
+.ui-actionsheet-hd .tit:last-child { margin-right: 1.2rem; }
+.ui-actionsheet-hd .action { display: block; width: 1.2rem; text-align: center; font-size: .54rem; }
+.ui-actionsheet-hd .close { color: rgba(255, 57, 92, 0.7); }
+.ui-actionsheet-bd { position: relative; overflow: hidden; background-color: #f4f4f4; }
+.ui-actionsheet-bd .cell { display: -webkit-box; display: -webkit-flex; display: flex; font-size: .42rem; }
+@media screen and (-webkit-min-device-pixel-ratio: 2) { .ui-actionsheet-bd .cell { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e8e8e8)); } }
+.ui-actionsheet-bd .cell .bd { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: .1px; }
+.ui-actionsheet-ft { padding: .3rem 0; text-align: center; font-size: 0; }
+.ui-actionsheet-ft .bigbtn { padding: 0 2em; min-width: 6em; line-height: 2.2; font-size: 0.48rem; }
+
+.ui-actionsheet .quan-bd { height: 6.2rem; }
+.ui-actionsheet-bd .cell-quan { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; line-height: 1.3rem; }
+.ui-actionsheet-bd .cell-quan .bd { padding: 0 .2rem; }
+.ui-actionsheet-bd .cell-quan .bd .limit { margin: -.6rem 0 0; display: block; font-size: .36rem; color: #ff395c; }
+.ui-actionsheet-bd .cell-quan .bd .zhu { margin-left: -.2rem; padding: .2rem; background: #ddd; }
+.ui-actionsheet-bd .cell-quan .ft { padding: 0 .2rem; color: #999; }
+.ui-actionsheet-bd .cell-quan .ft .btn { margin-right: -.2rem; padding: .15rem .2rem; line-height: 1; -webkit-border-radius: 3px; border-radius: 3px; }
+
+.mui-bar-nav { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .36rem; }
+.mui-bar-nav .iconfont, .mui-bar-nav .mui-icon { display: block; color: #fafafa; }
+.mui-bar-nav .iconfont { font-size: .57rem; }
+.mui-bar-nav .btn { position: relative; z-index: 11; display: block; margin: 0 .15rem; padding: 0 .25rem; color: #525252; font-size: .45rem; height: 1.44rem; line-height: 1.44rem; }
+.mui-bar-nav .btn .ui-numdot { width: 32px; height: 32px; line-height: 32px; top: 50%; left: 50%; margin-top: -.5rem; margin-left: .1rem; }
+.mui-bar-nav .btn-back { padding: 0 .25rem; margin: 0 .15rem; color: #fafafa; }
+.mui-bar-nav .btn-back:before { font-family: "iconfont" !important; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; content: "\e610"; font-size: .6rem; }
+.mui-bar-nav .btn-back ~ .top-sch-box { margin: 0; }
+.mui-bar-nav .header-tit { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: .1px; }
+.mui-bar-nav .header-tit .txt { position: absolute; top: 0; right: 0; left: 0; line-height: 1.44rem; padding: 0 1.3rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .52rem; color: #3f3f3f; text-align: center; }
+.mui-bar-nav.white-mod { background: transparent; }
+.mui-bar-nav.white-mod .iconfont, .mui-bar-nav.white-mod .mui-icon, .mui-bar-nav.white-mod .btn { color: #fff; }
+.mui-bar-nav.noheight ~ .mui-content { padding-top: 0; }
+
+.top-sch-box { height: 0.9rem; line-height: 0.9rem; margin: 0 .3rem; padding: 0 .3rem; font-size: .36rem; color: #9e9e9e; background-color: #f8f8f8; -webkit-border-radius: 1000px; border-radius: 1000px; }
+.top-sch-box .fdj { color: #ff0000; }
+.top-sch-box .sch-input { display: block; padding: 0 0.3rem; margin: 0; height: auto; line-height: 0.9rem; border: none; background: transparent; font-size: 12px; color: #666; }
+.top-sch-box .sch-txt { width: 100%; padding: 0 10px; }
+.top-sch-box .tag-wrap { position: relative; margin: 0 -.15rem; height: 100%; overflow: hidden; }
+.top-sch-box .mui-scroll { width: auto; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
+.top-sch-box .tags { padding-right: 2rem; white-space: nowrap; font-size: 0; }
+.top-sch-box .tags .tag { display: inline-block; vertical-align: middle; margin-right: .15rem; padding: 0 .25rem; color: #fff; font-size: .32rem; line-height: .58rem; background-color: #c2c2c2; -webkit-border-radius: 100px; border-radius: 100px; }
+.top-sch-box .tags .tag i { font-family: Muiicons; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; display: inline-block; vertical-align: top; height: 1px; line-height: inherit; font-size: .48rem; }
+.top-sch-box .tags .tag i:after { content: "\e460"; }
+.top-sch-box ~ .sch-submit { display: block; position: static; margin: 0 .3rem; padding: 0 .4rem; font-size: .45rem; line-height: .96rem; border: none !important; -webkit-border-radius: 100px; border-radius: 100px; }
+.top-sch-box .mui-icon-clear { margin: 0; padding: 0; font-size: 22px; }
+
+.ft-menu { display: -webkit-box; display: -webkit-flex; display: flex; bottom: 0; text-align: center; background-color: #f4f4f4; border-top: 1px solid #dcdcdc; }
+.ft-menu .item { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: .1px; color: #6b6969; }
+.ft-menu .item.current { color: #ff395c; }
+.ft-menu .ico { display: block; margin: auto; width: .84rem; height: .84rem; background-repeat: no-repeat; background-size: 100%; -webkit-transition: background 0.2s; transition: background 0.2s; }
+.ft-menu .ico1 { background-image: url(../img/icon/ftmenu1.png); }
+.ft-menu .current .ico1 { background-image: url(../img/icon/ftmenu1-a.png); }
+.ft-menu .ico2 { background-image: url(../img/icon/ftmenu2.png); }
+.ft-menu .current .ico2 { background-image: url(../img/icon/ftmenu2-a.png); }
+.ft-menu .ico3 { background-image: url(../img/icon/ftmenu3.png); }
+.ft-menu .current .ico3 { background-image: url(../img/icon/ftmenu3-a.png); }
+.ft-menu .ico4 { background-image: url(../img/icon/ftmenu4.png); }
+.ft-menu .current .ico4 { background-image: url(../img/icon/ftmenu4-a.png); }
+.ft-menu .tit { font-size: .36rem; line-height: .6rem; }
+.ft-menu ~ .mui-content { padding-bottom: 1.44rem; }
+
+.cart-count-bar { bottom: 0; padding-left: 0.4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .48rem; background-color: #fff; }
+.cart-count-bar .money-count { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: .1px; padding-right: .5rem; text-align: right; color: #a0a0a0; font-size: .36rem; line-height: 1; }
+.cart-count-bar .money-count .count { margin-bottom: .15rem; color: #ff395c; font-size: .42rem; }
+.cart-count-bar .money-count .count .money { font-size: .48rem; }
+.cart-count-bar .go-btn { width: 2.88rem; display: block; padding: 0; height: 100%; font-size: .48rem; }
+.cart-count-bar ~ .mui-content { padding-bottom: 1.44rem; }
+
+.goods-bar { bottom: 0; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: flex; }
+.goods-bar .fn-list { height: 100%; display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: .1px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
+.goods-bar .fn-list .item { height: 1.4rem; display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: .1px; background-repeat: no-repeat; background-position: center; -webkit-background-size: auto 100%; background-size: auto 100%; }
+.goods-bar .fn-list .item.kefu { background-image: url(../img/icon/goodsbar-kefu.jpg); }
+.goods-bar .fn-list .item.shop { background-image: url(../img/icon/goodsbar-shop.jpg); }
+.goods-bar .fn-list .item.like { background-image: url(../img/icon/goodsbar-like.jpg); }
+.goods-bar .fn-list .like.active { background-image: url(../img/icon/goodsbar-like2.jpg); }
+.goods-bar .big-btn { padding: 0; width: 2.7rem; height: 100%; font-size: .42rem; border: none; }
+.goods-bar .add-btn { color: #3e3e3e; background-color: #ffe600; border-color: #ffe600; }
+.goods-bar .add-btn.active { color: #fff; background-color: #dcdcdc; border-color: #dcdcdc; }
+.goods-bar ~ .mui-content { padding-bottom: 1.44rem; }
+
+.simple-tit { font-size: 0.45rem; line-height: 1; color: #2a2a2a; }
+
+.line-tit { padding: 0.48rem 0.4rem 0.38rem; overflow: hidden; }
+.line-tit .tit { position: relative; float: left; padding-left: .4rem; font-size: 0.45rem; color: #2a2a2a; line-height: 1.2; }
+.line-tit .tit:before { position: absolute; top: 0; left: 0; height: 100%; width: .1rem; background-color: #ff395c; -webkit-border-radius: 2px; border-radius: 2px; content: ''; }
+
+.fastion-plist { overflow: hidden; margin-right: -0.15rem; }
+.fastion-plist .item { position: relative; display: block; margin: 0 0.15rem 0.15rem 0; }
+.fastion-plist .figure { display: block; width: 100%; }
+.fastion-plist .tit { position: absolute; right: 0; bottom: 0; left: 0; height: 23px; line-height: 23px; font-size: 13px; color: #3f3f3f; text-align: center; background-color: rgba(255, 255, 255, 0.7); }
+
+.goods-list { margin-right: -0.15rem; }
+.goods-list .col { padding: 0 0.15rem 0.5rem 0; text-align: center; line-height: 1.42; }
+.goods-list .figure { position: relative; display: block; }
+.goods-list .figure img { display: block; width: 100%; }
+.goods-list .tit { margin: .2rem .1rem .1rem; font-size: .38rem; color: #666; }
+.goods-list .tit a { color: inherit; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
+.goods-list .price { line-height: 1; }
+.goods-list .price .discount { margin-right: .15rem; font-size: .44rem; color: #ff395c; }
+.goods-list .price .origin { font-size: .33rem; color: #a9a9a9; text-decoration: line-through; }
+
+.goods-discount-list { margin-right: -0.15rem; }
+.goods-discount-list .col { padding: 0 0.15rem 0.25rem 0; line-height: 1.42; }
+.goods-discount-list .figure { position: relative; display: block; }
+.goods-discount-list .figure img { display: block; width: 100%; }
+.goods-discount-list .figure .time { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 .15rem; color: #fff; font-size: .36rem; line-height: 1.7; text-align: center; background-color: rgba(0, 0, 0, 0.43); }
+.goods-discount-list .bd { padding: .25rem .2rem .15rem; }
+.goods-discount-list .bd .price { color: #ff395c; font-size: .42rem; }
+.goods-discount-list .bd .price > span { font-size: .54rem; font-weight: 700; }
+.goods-discount-list .bd .discount { display: block; padding: 0 .15rem; line-height: 1.8; font-size: .36rem; color: #ff395c; border: 1px solid #ff395c; -webkit-border-radius: 0.08rem; border-radius: 0.08rem; }
+.goods-discount-list .bd .tit { margin-top: .15rem; font-size: .39rem; color: #888; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
+.goods-discount-list .bd .tit a { color: inherit; }
+.goods-discount-list .ft { position: relative; padding: .22rem .15rem; color: #999; font-size: .36rem; }
+.goods-discount-list .ft:before { position: absolute; top: 0; left: 0; right: 0; content: ''; border-top: 1px dashed #ddd; }
+
+.plist-puzzle { overflow: hidden; width: 10.5rem; height: 9.96rem; }
+.plist-puzzle img { display: block; width: 100%; height: 100%; }
+.plist-puzzle .b { float: left; width: 6.98rem; height: 100%; }
+.plist-puzzle .s { margin-left: 7.01rem; height: 100%; }
+.plist-puzzle .s .box { display: block; height: 3.3rem; }
+
+.mod-scroll-goods { padding-left: 0.4rem; }
+.mod-scroll-goods > .hd { padding-right: 0.4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; line-height: 1; padding: .5rem .4rem .5rem 0; }
+.mod-scroll-goods > .hd .tit { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: .1px; }
+.mod-scroll-goods > .hd .link { display: block; font-size: .42rem; color: #c0c0c0; }
+.mod-scroll-goods > .bd .list { position: relative; overflow: hidden; height: 6.2rem; }
+.mod-scroll-goods > .bd .list .item { display: inline-block; width: 2.75rem; margin-right: .15rem; line-height: 1.3; }
+.mod-scroll-goods > .bd .list .figure { display: block; }
+.mod-scroll-goods > .bd .list .figure img { display: block; width: 100%; height: 3.88rem; }
+.mod-scroll-goods > .bd .list .tit { margin: .15rem 0 .25rem; height: .92rem; line-height: .46rem; font-size: .36rem; white-space: normal; }
+.mod-scroll-goods > .bd .list .price { font-size: .39rem; color: #ff395c; }
+
+.order-card { display: block; margin: .3rem 0; color: #454545; }
+.order-card-tit { font-size: .48rem; }
+.order-card-tit .shop-logo { display: block; width: 1.1rem; height: 1.1rem; margin-right: .15rem; -webkit-border-radius: 50%; border-radius: 50%; }
+.order-card-tit .staus { font-size: .42rem; }
+.order-card-count { padding-top: .2rem; padding-bottom: .2rem; }
+.order-card-ft { text-align: right; }
+.order-card .mui-btn { padding: 0 8px; font-size: 13px; line-height: 25px; }
+@media screen and (-webkit-min-device-pixel-ratio: 2) { .order-card { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e8e8e8)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e8e8e8)); } }
+@media screen and (-webkit-min-device-pixel-ratio: 2) { .order-card .ui-cell:before { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e8e8e8)); } }
+.order-card .msg { position: relative; margin: .1rem 0; border: 1px solid #e8e8e8; -webkit-border-radius: 0.09rem; border-radius: 0.09rem; }
+@media screen and (-webkit-min-device-pixel-ratio: 2) { .order-card .msg { border: 0; }
+ .order-card .msg:after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #e0e0e0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 1px; -webkit-box-sizing: border-box; -webkit-border-radius: 0.18rem; border-radius: 0.18rem; pointer-events: none; } }
+.order-card .msg .txtin { padding: 0 0.3rem; margin: 0; height: auto; line-height: 30px; border: none; background: transparent; font-size: 14px; }
+
+.order-goods { color: #5c5c5c; font-size: .42rem; }
+.order-goods .figure { display: block; width: 2.1rem; margin-right: .3rem; }
+.order-goods .figure img { display: block; width: 100%; }
+.order-goods .info { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: .1px; }
+.order-goods .name-row { line-height: 1.2; }
+.order-goods .name { float: left; font-size: .42rem; line-height: .6rem; }
+.order-goods .price { float: right; text-align: right; color: #333; font-size: .42rem; line-height: .6rem; }
+.order-goods .origin-price { font-size: .36rem; color: #999; text-decoration: line-through; }
+.order-goods .attr-row { margin-top: .3rem; line-height: 1.2; }
+.order-goods .meta { overflow: hidden; font-size: .36rem; color: #999; }
+.order-goods .meta > span { float: left; margin-right: .3rem; }
+.order-goods .num { font-size: .36rem; color: #999; }
+
+.mod-sale { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .42rem; color: #777; }
+.mod-sale .label { display: block; margin-right: .15rem; padding: .2em; line-height: 1; font-size: .36rem; }
+.mod-sale .arrow { display: block; font-family: "iconfont" !important; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; font-size: .39rem; color: #ff395c; }
+.mod-sale .arrow:after { content: '\e61a'; }
+
+.mod-shopinfo { padding: 0 .4rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: .48rem; color: #5c5c5c; }
+.mod-shopinfo.mui-bar-header-secondary { height: 1.6rem; background-color: #fff; }
+@media screen and (-webkit-min-device-pixel-ratio: 2) { .mod-shopinfo.mui-bar-header-secondary { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e5e5e5)); } }
+.mod-shopinfo.mui-bar-header-secondary .mui-btn { padding: 4px 10px 5px; top: 0; }
+.mod-shopinfo.mui-bar-header-secondary ~ .mui-content { padding-top: 3.04rem; }
+.mod-shopinfo img { display: block; margin-right: .3rem; width: 1.1rem; height: 1.1rem; -webkit-border-radius: 50%; border-radius: 50%; }
+
+html.holding, body.holding { overflow: hidden; height: 100%; }
+
+.pop-panel { position: absolute; top: 0; left: 100%; bottom: 0; width: 8rem; background-color: #fff; }
+.ui-fullmask.show .pop-panel { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
+.pop-panel-hd { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 1.44rem; line-height: 1.44rem; font-size: .52rem; color: #3f3f3f; text-align: center; }
+.pop-panel-bd { border-top: .2rem solid #f8f8f8; }
+.pop-panel-ft { padding: .28rem 0; font-size: 0; text-align: center; border-top: .2rem solid #f8f8f8; }
+.pop-panel-ft .btn { width: 3.28rem; padding: 0; margin: 0 .45rem; line-height: 32px; font-size: 16px; }
+
+.pop-schwrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -10; visibility: hidden; background: #fff; -webkit-transition: transform 0.15s ease; transition: transform 0.15s ease; -webkit-transform: translate(0, 1.44rem); transform: translate(0, 1.44rem); }
+.pop-schwrap .mui-bar { position: static; }
+.pop-schwrap .sch-cont { margin-left: 0.4rem; font-size: .42rem; color: #666; }
+.pop-schwrap .sch-cont .section { padding: 0.45rem 0 0.5rem; }
+.pop-schwrap .sch-cont .tit { font-size: .45rem; }
+.pop-schwrap .sch-cont .tit i { margin-right: .1rem; font-size: .42rem; color: #bfbfbf; }
+.pop-schwrap .sch-cont .tags { overflow: hidden; }
+.pop-schwrap .sch-cont .tag { float: left; margin: .35rem .2rem 0; padding: 0 .2rem; border-radius: .16rem; background-color: #f4f4f4; -webkit-border-radius: 100px; border-radius: 100px; }
+.pop-schwrap .sch-cont .tag.actice { color: #ff395c; }
+.pop-schwrap .sch-clear { padding-bottom: 0.3rem; text-align: center; font-size: .45rem; }
+.pop-schwrap .sch-clear a { color: inherit; }
+.pop-schwrap .sch-clear i { font-size: .48rem; color: #ff5f5f; }
+
+.pop-schwrap.on { z-index: 999; visibility: visible; -webkit-transform: translate(0, 0px); transform: translate(0, 0px); }
+
+.mod-related { padding: 0 0 0.4rem 0.15rem; margin: .2rem auto; }
+.mod-related .tit { padding: .35rem 0 .3rem; color: #515151; }
+.mod-related .list { position: relative; overflow: hidden; height: 2.3rem; }
+.mod-related .item { position: relative; overflow: auto; display: inline-block; width: 2.3rem; height: 100%; margin-right: 0.15rem; }
+.mod-related .item img { display: block; width: 100%; height: 100%; }
+.mod-related .item span { position: absolute; right: 0; bottom: 0; left: 0; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: .38rem; color: #fff; }
+
+.popfilter { width: 9.2rem; }
+.popfilter .pop-panel-bd { padding-top: .15rem; margin-left: .48rem; }
+.popfilter .filter-row { padding: .2rem .3rem .2rem 0; font-size: 14px; }
+@media screen and (-webkit-min-device-pixel-ratio: 2) { .popfilter .filter-row { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e5e5e5)); } }
+.popfilter .filter-row:first-child { border: 0; background-image: none; }
+.popfilter .filter-row.on .cont { display: block; height: auto; }
+.popfilter .filter-row .tit { padding: .2rem 0; line-height: 1; color: #8c8c8c; }
+.popfilter .filter-row .drop-btn:after { font-family: "iconfont" !important; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; line-height: 0; content: "\e615"; color: #cacaca; font-size: 1.2em; }
+.popfilter .filter-row .cont { overflow: hidden; margin-top: .15rem; display: none; }
+.popfilter .filter-row .txtin { display: block; padding: 0 .1rem; margin: 0 0 .2rem 0; height: 26px; line-height: 26px; border: 1px solid #d1d1d1; }
+.popfilter .filter-row .divier { display: block; margin: 0 .15rem; }
+.popfilter .filter-row .tag { float: left; margin: 0 .35rem .2rem 0; }
+.popfilter .filter-row .tag input { display: none; }
+.popfilter .filter-row .tag span { display: block; padding: 0 10px; line-height: 24px; color: #676767; border: 1px solid #d1d1d1; -webkit-border-radius: 0.08rem; border-radius: 0.08rem; }
+.popfilter .filter-row .tag input:checked ~ span { color: #fff; background-color: #ff395c; border-color: #ff395c; }
+
+/*首页*/
+.banner img { display: block; width: 100%; }
+
+.banner .swiper-pagination { bottom: .3rem !important; line-height: 1; font-size: 0; }
+
+.banner .swiper-pagination-bullet { -webkit-box-sizing: border-box; box-sizing: border-box; width: .21rem; height: .21rem; background: #fff; opacity: 1; -webkit-border-radius: 50%; border-radius: 50%; }
+
+.banner.swiper-container > .swiper-pagination .swiper-pagination-bullet { margin: 0 .06rem; }
+
+.banner .swiper-pagination-bullet-active { background: #ff395c; }
+
+.home-imgtit { display: block; width: 10.5rem; padding: 1px 0; margin: auto; }
+
+.home-nav { padding: 0.58rem 0.15rem 0.52rem; margin-bottom: 0.3rem; }
+.home-nav img { display: block; width: 2.3rem; }
+
+.home-qnav { padding: 0 0.4rem 0.4rem; margin-bottom: 0.3rem; line-height: 1; }
+.home-qnav .tiptxt { padding-top: 0.4rem; color: #909090; font-size: .42rem; }
+.home-qnav .ico { display: block; width: 1.16rem; margin: 0.35rem auto 0.3rem; }
+.home-qnav .name { display: block; text-align: center; font-size: .38rem; color: #363636; }
+
+.home-newgoods { padding: 0 0.15rem 0.35rem; margin-bottom: 0.15rem; }
+.home-newgoods .list-type1 { margin: auto; }
+.home-newgoods .list-type2 { margin: auto; }
+.home-newgoods .list-type2 .box { position: relative; display: block; width: 3.4rem; }
+.home-newgoods .list-type2 .box .figure { display: block; width: 100%; }
+.home-newgoods .list-type2 .box .tit { position: absolute; top: 55%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: .4rem; padding: 0 .22rem; line-height: .54rem; font-size: .36rem; color: #fff; white-space: nowrap; background-color: rgba(255, 57, 92, 0.8); }
+.home-newgoods .list-type2 .box:nth-child(2) .tit { color: #000; background-color:rgba(255, 57, 78, 0.8); }
+.home-newgoods .list-type2 .box:nth-child(3) .tit { color: #000; background-color: rgba(255, 255, 255, 0.8); }
+.home-newgoods .list-type2 .box:nth-child(3) .tit:after { font-family: "iconfont" !important; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-size: 12px; display: inline-block; vertical-align: top; height: 1px; line-height: inherit; }
+
+.home-fashion { padding: 0 0.15rem 0.05rem; }
+
+/*# sourceMappingURL=all.css.map */
diff --git a/ForFuture_shop/css/base.css b/ForFuture_shop/css/base.css
new file mode 100644
index 0000000..4f2f52f
--- /dev/null
+++ b/ForFuture_shop/css/base.css
@@ -0,0 +1,211 @@
+/* CSS Document */
+/* author:cyy */
+/*css reset*/
+*{margin:0;padding:0;}
+html,body { width:100%; }
+body{overflow:-Scroll;overflow-x:hidden;
+}
+body{font-family:Helvetica;}/*移动端*/
+body{ font-family:"microsoft yahei";}
+
+html {
+ font-family: sans-serif; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block;}
+audio,canvas,progress,video { display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/*页面固定定位样式*/
+.fixed-header{ position: fixed; top: 0; left: 0;}
+.fixed-footer{ position: fixed; bottom: 0; left: 0;}
+.fixed-cont{margin-top: 15%;margin-bottom: 20%;}/*顶部和底部都固定*/
+.fixed-conta{margin-top: 15%;}/*顶部固定，底部不固定*/
+.fixed-contb{margin-bottom: 20%;}/*顶部不固定，底部固定*/
+
+
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+[hidden],template { display: none;}
+a { background-color: transparent;}
+a:active,a:hover { outline: 0;}
+abbr[title] { border-bottom: 1px dotted;}
+b,strong { font-weight: bold;}
+dfn { font-style: italic;}
+h1 { font-size: 2em; margin: 0.67em 0;}
+mark { background: #ff0; color: #000;}
+small { font-size: 80%;}
+sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
+sup { top: -0.5em;}
+sub { bottom: -0.25em;}
+img { border: 0;}
+svg:not(:root) { overflow: hidden;}
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+pre {
+ overflow: auto;
+}
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit; /* 1 */
+ font: inherit; /* 2 */
+ margin: 0; /* 3 */
+}
+button {
+ overflow: visible;
+}
+button,
+select {
+ text-transform: none;
+}
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+button[disabled],html input[disabled] { cursor: default;}
+button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0;}
+input { line-height: normal;}
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
+legend { border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+textarea { overflow: auto;}
+optgroup { font-weight: bold;}
+
+td,th { padding: 0;}
+
+
+
+table{border-collapse:collapse;border-spacing:0;}
+img{border:0}
+ul{list-style:none;}
+
+input,textarea,select,option,button{font-family: "microsoft yahei";}
+.clear{ clear:both;}
+a{text-decoration:none;outline: none;}
+a:hover{outline: none;}
+input[type="button"],input[type="submit"],input[type="text"]{-webkit-appearance: none; border-radius: 0;}
+input,label{-webkit-tap-highlight-color:rgba(255,0,0,0); }
+a,button,textarea,select{-webkit-appearance: none;-webkit-tap-highlight-color:rgba(255,0,0,0); }/* 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 */
+
+textarea{resize:none;}/*禁止改变大小*/
+/*解决firefox按钮文字难以垂直居中问题*/
+input[type="reset"]::-moz-focus-inner,
+input[type="button"]::-moz-focus-inner,
+input[type="submit"]::-moz-focus-inner,
+input[type="file"] > input[type="button"]::-moz-focus-inner{
+ border:none;padding:0;
+}
+input,textarea,select,option,button,form,fieldset{margin:0;padding:0;border-width:1px;outline:none;
+-moz-box-sizing: content-box;
+-webkit-box-sizing: content-box;
+-o-box-sizing: content-box;
+-ms-box-sizing: content-box;
+box-sizing: content-box;
+}
+
+.opa2 {
+ opacity: .2;
+ -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 20);
+ filter: alpha(opacity = 20);
+ -moz-opacity: .2;
+ -khtml-opacity: .2;
+}
+.opa3 {
+ opacity: .3;
+ -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 30);
+ filter: alpha(opacity = 30);
+ -moz-opacity: .3;
+ -khtml-opacity: .3;
+}
+.opa4 {
+ opacity: .4;
+ -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 40);
+ filter: alpha(opacity = 40);
+ -moz-opacity: .4;
+ -khtml-opacity: .4;
+}
+.opa5 {
+ opacity: .5;
+ -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 50);
+ filter: alpha(opacity = 50);
+ -moz-opacity: .5;
+ -khtml-opacity: .5;
+}
+.opa6 {
+ opacity: .6;
+ -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 60);
+ filter: alpha(opacity = 60);
+ -moz-opacity: .6;
+ -khtml-opacity: .6;
+}
+.opa7 {
+ opacity: .7;
+ -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 70);
+ filter: alpha(opacity = 70);
+ -moz-opacity: .7;
+ -khtml-opacity: .7;
+}
+.opa8 {
+ opacity: .8;
+ -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 80);
+ filter: alpha(opacity = 80);
+ -moz-opacity: .8;
+ -khtml-opacity: .8;
+}
+
+
+
+html{font-size:10px}
+@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}
+@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}
+@media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}
+@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}
+@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}
+@media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}
+@media screen and (min-width:800px){html{font-size:25px}}
+
+
+
diff --git a/ForFuture_shop/css/base1.css b/ForFuture_shop/css/base1.css
new file mode 100644
index 0000000..84060e9
--- /dev/null
+++ b/ForFuture_shop/css/base1.css
@@ -0,0 +1,191 @@
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,th,td,input,select,textarea,option,button,p,abbr,address,artical,aside,b,bdo,blockquote,button,datalist,del,details,dialog,em,strong,dfn,code,samp,kbd,var,cite,footer,header,i,ins,legend,m,menu,nav,q,section,time{margin:0;padding:0;font-size:16px; font-family: "微软雅黑";}
+table,td,th{border-collapse:collapse;border-spacing:0; font-family: "微软雅黑";}
+fieldset,img,abbr,input{border:0}
+
+em,i{ font-style:normal;}
+ul,li{ list-style:none;}
+a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
+
+body a{outline:none;blr:expression(this.onFocus=this.blur());}
+h1,h2,h3,h4,h5,h6,input,select,textarea,option,button{font-size:12px; font-weight:normal; outline: none;}
+::-webkit-input-placeholder {color:#999999; font-size: 1.2em;}
+:-moz-placeholder {color: #999999; font-size: 1.2em;}
+::-moz-placeholder { color:#999999; font-size: 1.2em;}
+:-ms-input-placeholder {color:#999999; font-size: 1.2em;}
+
+.text1::-webkit-input-placeholder {color:#c2c2c2; font-size: 1em;}
+.text1:-moz-placeholder {color: #c2c2c2; font-size: 1em;}
+.text1::-moz-placeholder { color:#c2c2c2; font-size: 1em;}
+.text1:-ms-input-placeholder {color:#c2c2c2; font-size: 1em;}
+
+.t_l{ text-align:left;}
+.t_c{ text-align:center;}
+.t_r{ text-align:right;}
+
+
+body{/*font-size: 16px;*/ background-color: #fff;}
+.shoucang{background-color: #f3f3f3;}
+
+img{width: 100%; cursor: pointer;}
+
+a{text-decoration:none; color:#7e7d84; -webkit-tap-highlight-color:rgba(0,0,0,0);}
+a:hover{ text-decoration:none;}
+textarea{reszie:none;}/*禁止改变大小*/
+
+.fl{float:left;display:inline;}
+.fr{float:right;display:inline;}
+.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
+.clearfloat{zoom:1}
+.clear{clear:both;zoom:1;}
+.dis_inBlock{display:inline-block;*display:inline;*zoom:1;}
+.dis_block{ display:block;}
+
+.mr1{ margin-right:1px;}
+.mb1{ margin-bottom:1px;}
+
+.m5{margin:5px}
+.m10{margin:10px}
+.m15{margin:15px}
+.m20{margin:20px}
+.m30{margin:30px}
+.mt5{margin-top:5px}
+.mt10{margin-top:10px}
+.mt15{margin-top:15px}
+.mt20{margin-top:20px}
+.mt30{margin-top:30px}
+.mt50{margin-top:50px}
+.mt100{margin-top:100px}
+.mb5{margin-bottom:5px}
+.mb10{margin-bottom:10px}
+.mb15{margin-bottom:15px}
+.mb20{margin-bottom:20px}
+.mb30{margin-bottom:30px}
+.mb50{margin-bottom:50px}
+.mb100{margin-bottom:100px}
+.ml5{margin-left:5px}
+.ml10{margin-left:10px}
+.ml15{margin-left:15px}
+.ml20{margin-left:20px}
+.ml30{margin-left:30px}
+.ml50{margin-left:50px}
+.ml100{margin-left:100px}
+.mr5{margin-right:5px}
+.mr10{margin-right:10px}
+.mr15{margin-right:15px}
+.mr20{margin-right:20px}
+.mr30{margin-right:30px}
+.mr50{margin-right:50px}
+.mr100{margin-right:100px}
+
+
+body {
+ -webkit-transition: -webkit-transform 0.3s ease;
+ transition: transform 0.3s ease;
+}
+.box-s{
+ box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+}
+
+.opa2 {
+ opacity: .2;
+ -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 20);
+ filter: alpha(opacity = 20);
+ -moz-opacity: .2;
+ -khtml-opacity: .2;
+}
+.opa3 {
+ opacity: .3;
+ -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 30);
+ filter: alpha(opacity = 30);
+ -moz-opacity: .3;
+ -khtml-opacity: .3;
+}
+.opa4 {
+ opacity: .4;
+ -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 40);
+ filter: alpha(opacity = 40);
+ -moz-opacity: .4;
+ -khtml-opacity: .4;
+}
+.opa5 {
+ opacity: .5;
+ -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 50);
+ filter: alpha(opacity = 50);
+ -moz-opacity: .5;
+ -khtml-opacity: .5;
+}
+.opa6 {
+ opacity: .6;
+ -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 60);
+ filter: alpha(opacity = 60);
+ -moz-opacity: .6;
+ -khtml-opacity: .6;
+}
+.opa7 {
+ opacity: .7;
+ -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 70);
+ filter: alpha(opacity = 70);
+ -moz-opacity: .7;
+ -khtml-opacity: .7;
+}
+.opa8 {
+ opacity: .8;
+ -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 80);
+ filter: alpha(opacity = 80);
+ -moz-opacity: .8;
+ -khtml-opacity: .8;
+}
+
+.warp{max-width: 640px; margin: 0 auto;}
+
+/*清楚苹果按钮样式*/
+input[type=”button”], input[type=”submit”], input[type=”reset”] {
+ -webkit-appearance: none;
+}
+
+#main{position: relative;}
+
+/*header*/
+.header{width: 100%; height: 3.5em; background-color: #fff; border-bottom: 2px solid #ee2a7b; padding: .75em 5% 0 5%; position: fixed; top: 0; left: 0; z-index: 99;}
+.header .search{width: 61.75%; height: 2em; background-color: #e5e4e4; border-radius: 5px; -webkit-border-radius: 5px;}
+.header .search .btn{width: 20%; max-width: 40px; height: 2.7em; background: url(../img/search.png) center no-repeat; background-size: 50%; border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px;}
+.header .search .text{width: 80%; height: 2.7em; background-color: #e5e4e4; font-size: .7em; border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0;}
+.header .left{width: 16.6875%; text-align: center; margin-left: 2%; margin-top: -.3em;}
+.header .left .icon1,.icon2{width: 35%; max-width: 24px; display: -webkit-inline-box; background: url(../img/wxiao.png) center no-repeat; background-size: 100%; height: 1.5em;}
+.header .left p{color: #666666; font-size: .7em; line-height: .5em;}
+.header .left .icon2{background: url(../img/shopcar.png) center no-repeat; background-size: 100%;}
+.header1{border-bottom: 1px solid #c9c9c9;}
+.header1 .search{width: 100%;}
+
+.icon32{width: 55%; max-width: 28px; display: -webkit-inline-box; background: url(../img/menu.png) center no-repeat; background-size: 100%; height: 3em;}
+
+.header2{width: 100%; height: 3.5em; background-color: #fff; border-bottom: 1px solid #e9e9e9; padding: 0 5%; position: fixed; top: 0; left: 0; z-index: 99;}
+.header2 .left1,.header2 .right1{width: 4%; height: 3.5em; line-height: 4em;}
+.header2 .left1 .back{display: block; width: 100%; height: 3.5em; background: url(../img/back.png) center left no-repeat; background-size: 38%; max-width: 40px;}
+.header2 .middle{width: 90%; color: #333; text-align: center; height: 3.5em; line-height: 3.5em;}
+.header2 .right1 .back{display: block; width: 100%; height: 3.5em; background: url(../img/home.png)right center no-repeat; background-size: 50%; max-width: 56px; float: right;}
+.header2 .right1 .back1{display: block; width: 100%; height: 3.5em; background: url(../img/icon16.png)right center no-repeat; background-size: 40%; max-width: 56px; float: right;}
+
+.header3 .left{margin-top:-.5em; text-align: left; width: 15%;}
+.header3 .search{width: 83%;}
+
+.header4 .left{margin-top:-.55em; text-align: left; width: 25%;}
+.header4 .search{width: 73%;}
+.icon45{width: 43px; height: 43px; border: 2px solid #eb9cbd; background: url(../upload/10.jpg) center no-repeat; border-radius: 50%; overflow: hidden; display: block;}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ForFuture_shop/css/common.css b/ForFuture_shop/css/common.css
new file mode 100644
index 0000000..4c07155
--- /dev/null
+++ b/ForFuture_shop/css/common.css
@@ -0,0 +1,344 @@
+/*index
+-----------------------------------------------------------------------------------------------------------------
+ * */
+
+/* banner */
+.banenr{ width:100%; overflow:hidden;position:relative;}
+.banenr img{ width:100%;}
+.banenr ul li{width: 100%; position: relative;}
+.banenr>ol{height:20px;position: relative;z-index:10;width:30%; left:28%; bottom:8px; margin-top:-19px;text-align:right;padding-right:20px;}
+.banenr>ol>li{display:inline-block;margin:3px;width:10px;height:10px; background-color: #666666; border-radius: 50%; -webkit-border-radius: 50%;}
+.banenr>ol>li.on{ width: 10px; height: 10px; background-color: #ea2979;}
+
+/*fication*/
+.fication{width: 100%; background-color: #fff; padding: 5% 0;}
+.fication ul li{width: 25%; text-align: center; float: left;}
+.fication ul li span{display: inline-block; width: 62.5%;}
+.fication ul li p{color: #666666; font-size: .8em;}
+
+/*town*/
+.town .tit{width: 100%;}
+.town .bottom{width: 91.406%; margin: 3% auto;}
+.town .bottom .zuo{width: 45.705%; border: 1px solid #ea2a7a; padding: 2px; text-align: center; font-size: 0;}
+.town .bottom .zuo span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
+.town .bottom .you{width: 52.650%;}
+.town .bottom .you .shang{ border: 1px solid #ea2a7a; padding: 2px; text-align: center; font-size: 0;}
+.town .bottom .you .shang span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
+.town .bottom .you .xia{margin-top: 4%;}
+.town .bottom .last{border: 1px solid #ea2a7a; padding: 2px; margin-top: 4%; text-align: center; font-size: 0;}
+.town .bottom .last span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
+
+/*products*/
+.products .lists{width: 91.406%; margin: 3% auto;}
+.products .lists .list{position: relative; margin-bottom: 3%; width: 48.205%; border: 1px solid #ea2a7a; text-align: center; font-size: 0;}
+.products .lists .list span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
+.products .lists .list .bt{position: absolute; width: 100%; bottom: 0; left: 0; height: 2em;}
+.products .lists .list .bt samp{position: absolute; display: block; height: 2em; width: 100%; background-color: #ee5494; bottom: 0; left: 0;}
+.products .lists .list .bt .nr{width: 100%; height: 2em; color: #fff; line-height: 2.7em; position: relative; font-size: .8em;}
+
+/*product
+-----------------------------------------------------------------------------------------------------------------
+ * */
+
+.pro-tit{width: 100%; height: 3em; line-height: 3em; padding-left: 20px; color: #333333; font-size: 1em;}
+.pro-ctent{width: 100%; background-color: #fff;}
+.pro-ctent .list{width: 24.999%; height: 6.5em; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; text-align: center; padding: 5% 0;}
+.pro-ctent .list .tit{color: #666666; font-size: .8em;}
+.pro-ctent .list span{height: 3.5em; display: inline-block; text-align: center;}
+.pro-ctent .list span i{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
+.pro-ctent .last{border-right: none;}
+.pro-ctent .list img{width: 55%;}
+
+/*p-center
+-----------------------------------------------------------------------------------------------------------------
+ * */
+.p-top{width: 100%; padding: 5% 0 0; background:url(../upload/7.jpg) center no-repeat; text-align: center; position: relative;}
+.p-top .tu{width: 17.8125%; margin: 0 auto; border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden;}
+.p-top .name{color: #ffffff; font-size: 1.1em;}
+.p-bottom{margin-top: 3%;}
+.p-bottom ul li{width: 33.33333333%; height: 3.5em; padding: .5em 0; color: #fff; position: relative; float: left; text-align: center;}
+.p-bottom ul li span{position: absolute; width: 100%; left: 0; top: 0; height: 3.5em; background-color: #000;}
+.p-bottom ul li .bt,.p-bottom ul li .price{position: relative;}
+
+.p-lie{width: 100%; height: 3.5em; border-bottom: 1px solid #c9c9c9;}
+.p-lie ul li{width: 33.33%; float: left; text-align: center; height: 3.5em; line-height: 3.5em;}
+.icon16,.icon17,.icon18{width: 100%; padding-left: 30px; color: #333333; font-size: 1em; display: block; background: url(../img/1.jpg) 18% center no-repeat; background-size: 22%;}
+.icon17{background: url(../img/2.jpg) 18% center no-repeat; background-size: 23%;}
+.icon18{background: url(../img/3.jpg) 18% center no-repeat; background-size: 20%;}
+.icon16 span，.icon17 span{color: #b7b6b6;}
+
+.p-list ul li{width: 100%; height: 3.5em; padding: 0 5%; border-bottom: 1px solid #c9c9c9; line-height: 3.5em;}
+.p-list ul li .icon19,
+.icon20,.icon21,.icon22,.icon23,.icon24,.icon25,.icon26,.icon27,.icon28
+{background: url(../img/icon5.png) center left no-repeat; color: #333333; padding-left: 30px; background-size: 23%;}
+.p-list ul li .back{width: 9%; max-width: 35px; height: 3.5em; background: url(../img/right.png) center no-repeat; background-size: 50%;}
+.icon20{background: url(../img/icon6.png) center left no-repeat; background-size: 21%;}
+.icon21{background: url(../img/icon7.png) center left no-repeat; background-size: 23%;}
+.icon22{background: url(../img/icon8.png) center left no-repeat; background-size: 21%;}
+.icon23{background: url(../img/icon9.png) center left no-repeat; background-size: 23%;}
+.icon24{background: url(../img/icon10.png) center left no-repeat; background-size: 21%;}
+.icon25{background: url(../img/icon11.png) center left no-repeat; background-size: 23%;}
+.icon26{background: url(../img/icon12.png) center left no-repeat; background-size: 21%;}
+.icon27{background: url(../img/icon13.png) center left no-repeat; background-size: 23%;}
+.icon28{background: url(../img/icon14.png) center left no-repeat; background-size: 23%;}
+
+
+/*sign
+-----------------------------------------------------------------------------------------------------------------
+ * */
+.sign{width: 81.25%; margin: 8% auto;}
+.sign .text{width: 100%; border: 1px solid #cccccc; margin-bottom: 5%; background-color: #f3f3f3; height: 3em; text-indent: 1em; border-radius: 5px; -webkit-border-radius: 5px;}
+.sign .btn{width: 100%; height: 2.2em; line-height: 2.2em; background-color: #e71b70; border-radius: 5px; -webkit-border-radius: 5px; color: #fff; font-size: 1.1em; -webkit-appearance: none;}
+.sign a{color: #e71b70; font-size: .9em; margin-top: 5%;}
+
+/*collection*/
+.pro-list{width: 48.4375%; position: relative; background-color: #fff; padding: 5% 3%; margin: 2% 0;}
+.pro-list .tu{width: 100%; text-align: center; overflow: hidden;}
+.pro-list .tu span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
+.pro-list .tu img{vertical-align: middle; width: 70%;}
+.pro-list .tit{color: #060606; font-size: 1em; margin-top: .3em;}
+.pro-list .fu-bt{color: #999999; font-size: .8em; line-height: 1.5em;}
+.pro-list .price{color: #ea2979; font-size: 1em; font-family: arial; margin-top: .5em;}
+.icon7{position: absolute; right:.8em; bottom: .5em; width: 16%;}
+.icon7 img{width: 100%;}
+
+/*shopcar*/
+.shopcarmain{width: 100%; margin-bottom: 4em;}
+.shopcar-tit{width: 100%; height: 3em; line-height: 3em; padding-left: 5%; color: #666666;}
+.shop-list{width: 100%; background-color: #fff; padding: 3%;}
+.shop-list .tu{width: 24.5%; padding: 2%; background-color: #f6f6f6; text-align: center; overflow: hidden; font-size: 0;}
+.shop-list .tu span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
+.shop-list .tu img{width: 65%; vertical-align: middle;}
+.pro-price1{width: 65%; padding: 0; line-height: 2.5em; border-bottom: none;}
+.pro-price1 .bt{color: #333333; font-size: 1em; line-height: normal;}
+.pro-price1 .fu-bt{color: #999999; line-height: normal; font-size: .9em;}
+.pro-price1 .jiage .tejia{font-size: 1.2em; color: #ea2979;}
+.pro-price1 .jiage .tejia samp{font-size: .5em;}
+
+.pro-price .you ul li{float: left; height: 2em; width: 2em; background-color: #f9f9f9; text-align: center; line-height: 2em;}
+.pro-price .you .first{border: 1px solid #dadada; color: #b2b2b2; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px;}
+.pro-price .you .shu{border-top: 1px solid #dadada; border-bottom: 1px solid #dadada;}
+.pro-price .you .last{border: 1px solid #dadada; color: #676767; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0;}
+
+/*结算底部*/
+.dibu{width: 100%; height: 3em; line-height: 3em; border-top: 1px solid #f4f4f4; background-color: #fff; position: fixed; bottom: 0; left: 0;}
+.dibu .price{font-size: 1.5em; color: #ea2979; margin-left: 6%;}
+.dibu .shopcar{display: block; height: 3em; line-height: 3em; padding: 0 7%; font-size: 1em; background-color: #ea2979; color: #fff;}
+
+.dibu1{bottom: 3em;}
+.dibu .price samp{color: #666666; font-family: "微软雅黑"; font-size: .8em;}
+
+/*address*/
+.pay{width: 100%;}
+.pay .top{width: 100%; float: left; padding: 0 3%; height: 5em; background-color: #fff; border-bottom: 1px solid #e8e8e8;}
+.icon29{display: inline-block; width: 6.25%; line-height: 5em;}
+.icon29 img,.pay .balance .price img,.icon30 img{width: 100%;}
+.icon29 img{ max-width: 20px;}
+.icon30 img{max-width: 25px;}
+.pay .top .content{width: 80%; margin-left: 5%;}
+.pay .top .content .pname,.pay .top .content .address{color: #333333; font-size: 1em; padding-top: .8em;}
+.pay .top .content .address,.pay .list .total,.pay .balance .total{font-size: .9em; color: #333333;}
+.pay .list,.pay .balance{width: 100%; background-color: #fff; padding: 5% 5%;}
+.pay .list .price{font-size: 1.4em; color: #ff0000;}
+.pay .list-two{background-color: #f7f7f7;}
+.icon30{width: 8%; display: inline-block; line-height: 5em;}
+.add-btn{width: 90%; font-size: 1em; font-family: "微软雅黑"; margin-top: 5%; margin-bottom: 5%; border-radius: 3px; -webkit-border-radius: 3px; margin-left: 5%; height: 3em; color: #fff; line-height: 3em; border: none; background-color: #ea2979; }
+
+/*change*/
+.change{width: 100%; background-color: #fff;}
+.change ul li{width: 100%; height: 3.5em; line-height: 3.5em; background-color: #fff; border-bottom: 1px solid #DBDBDB;}
+.change .tit{width: 25%; height: 3.5em; line-height: 3.5em; text-indent: 1em; color: #333333;}
+.change .ctext{width: 75%; height: 3.5em; line-height: 3.5em; text-indent: 1em; border: none; font-size: 1em; color: #333333;}
+.change-btn{width: 90%; margin-top: 5%; font-size: 1em; font-family: "微软雅黑"; margin-bottom: 5%; border-radius: 3px; -webkit-border-radius: 3px; margin-left: 5%; height: 3em; color: #fff; line-height: 3em; border: none; background-color: #54ba19;}
+
+/*balance*/
+.balance{width: 100%;}
+.balance .top{width: 96%; padding: 3% 4%; margin: 5px auto; background-color: #fff;}
+.balance .top .dqian{color: #999; font-size: .8em;}
+.balance .top .price{font-size: 1.6em; color: #fb9542; height: 2em; line-height: 2em;}
+.balance .top .price span{font-size: .5em;}
+.balance .top .ba-btn{height: 2em; line-height: 2em; font-size: 1em; color: #fff; display: block; padding: 0 10%; border-radius: 3px; -webkit-border-radius: 3px; background-color: #ea2979;}
+.balance .bottom{width: 100%; background-color: #fff;}
+.balance .bottom .tit{color: #333; font-size: .9em; padding-left: 5%; height: 2em; line-height: 2em; width: 100%; background-color: #eae8e8;}
+.balance .bottom .list{height: 4em; width: 100%; padding:.5em 1em; border-bottom: 1px solid #e9e9e9; background-color: #fff;}
+.balance .bottom .list ul li{width: 100%;}
+.balance .bottom .list .dsan{color: #333; font-size: 1em;}
+.balance .bottom .list .time{font-size: .8em; color: #999;}
+.balance .bottom .list .yue{color: #666; font-size: .8em;}
+.balance .bottom .list .jiage{color: #fb9542; font-size: .9em;}
+.balance .bottom .list .jiage1{color: #ea2979;}
+
+/*my-order*/
+.my-list{width: 100%; background-color: #fff; padding:2% 4%; margin-bottom: 10px;}
+.my-list .top{width: 100%; padding-bottom: .5em;}
+.my-list .top p{color: #333333; font-size: 1em;}
+.my-list .top samp{display: inline-block; width: 6.375%;}
+.my-list .top samp img{width: 100%;}
+.my-list .top .time{color: #999;}
+.my-list .bottom{width: 100%;}
+.my-list .bottom .tu{width: 20%;}
+.my-list .bottom .tu img{width: 100%;}
+.my-list .bottom .my-nr{margin-left: 3%;}
+.my-list .bottom .my-nr .bt{font-size: 1em; color: #333333;}
+.my-list .bottom .my-nr .price,.my-list .bottom .my-nr .address{color: #666666; font-size: 0.5em;}
+.my-list .bottom .shipped{color: #666666; font-size: 1em; padding: 4% 0;}
+.my-list .bottom .my-nr .price .jiage{font-size: 2em; color: #ea2979; font-family: arial;}
+.my-list .bottom .my-nr .price .jiage em{font-size: .5em;}
+.my-list .bottom .my-nr .price{margin-top: 1em;}
+.my-list .bottom .my-nr .price .shu{font-size: 2em; font-family: arial; color: #999;}
+
+/*personal*/
+.per-top{width: 100%; background-color: #fff;}
+.per-top .per-list{width: 100%; padding: 0 5%; height: 3em; line-height: 1.9em; border-bottom: 1px solid #e7e7e7;}
+.per-top .per-list .bt,.per-top .per-list .name{color: #333333; font-size: 1em; margin-top: 3%;}
+.per-top .per-list .tu{width: 21.1447%; text-align: center; font-size: 0;}
+.per-top .per-list .tu samp{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
+.per-top .per-list .tu img{vertical-align: middle; width: 100%;}
+.per-top .per-list .name{color: #999999;}
+.per-top .per-last{border-bottom: none;}
+.per-top .per-list1{height: 4em; line-height: 3em;}
+
+/*日历样式*/
+#datescroll div{float: left;margin-left: 10%;margin-top: 15px;padding-right: 22px;}
+#datescroll_datetime div{float: left;margin-left: 10%;padding-right: 22px;}
+#yearwrapper{position: absolute;left: 0;top:45px;bottom: 60px;width:80%;}
+#monthwrapper{position: absolute;left: 26%;top:45px;bottom: 60px;width:80%;}
+#daywrapper{position: absolute;left: 50%;top:45px;bottom: 60px;width:80%;}
+#Hourwrapper{position: absolute;left: 0;top:195px;bottom: 68px;width:80%;}
+#Minutewrapper{position: absolute;left: 26%;top:195px;bottom: 68px;width:80%;}
+#Secondwrapper{position: absolute;left: 50%;top:195px;bottom: 68px;width:80%;}
+#Hourwrapper ul li{color: #898989;font-size: 12px;}
+#Minutewrapper ul li{color: #898989;font-size: 12px;}
+#Secondwrapper ul li{color: #898989;font-size: 12px;}
+#yearwrapper ul li{color: #898989;font-size: 12px;}
+#monthwrapper ul li{color: #898989;font-size: 12px;}
+#daywrapper ul li{color: #898989;font-size: 12px;}
+#markyear{position:relative; margin-left: 76px;top:-2px;}
+#markmonth{position:relative; margin-left: 40px;top:-2px;}
+#markday{position:relative; margin-left: 42px;top:-2px;}
+#markhour{position:relative; margin-left: 62px;top:-2px;}
+#markminut{position:relative; margin-left: 58px;top:-2px;}
+#marksecond{position:relative; margin-left: 68px;top:-2px;}
+#dateheader{width: 100%;height: 50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 20px;}
+#setcancle ul{text-align: center;line-height: 30px; margin:1px auto;font-size: 20px;}
+#setcancle ul li{border-radius:3px;float: left;width: 40%;height: 30px;list-style-type: none;font-family:'microsoft yahei';font-size:16px;}
+#dateconfirm{position: absolute;background:#ea2979;left:20px;color:#fff;}
+#datecancle{position: absolute;background: #dcdddd;right:20px;width: 40%;color:#666;}
+#dateshadow{display: none;position: absolute;width: 100%;height: 100%;top:0;left:0;background: #000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
+#datePage{font-size: 22px; left: 10%; border-radius: 3px; position:absolute;top:110px;MARGIN-RIGHT: auto;vertical-align:middle;
+MARGIN-LEFT: auto;width: 80%;;height: 240px;background: #FFFFFF;z-index:9999999;}
+#datetitle{width: 100%;height:50px;background: #ea2979;text-align: center;color: #fff;line-height: 50px;font-size: 20px;font-family:'microsoft yahei';}
+#datetitle h1{font-weight:normal;}
+#datemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:108px;background:#eee;border:1px solid #eee;}
+#timemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:242px;}
+#datescroll{background: #F8F8F8;width:94%; margin:10px 3%;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
+#datescroll_datetime{display: none;background:#F8F8F8;width:94%; margin:10px 3%;margin-top: 10px;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
+#yearwrapper ul,#monthwrapper ul,#daywrapper ul{width:40%;}
+#Hourwrapper ul,#Minutewrapper ul,#Secondwrapper ul{width:40%;}
+#dateFooter{width:100%;background: #fff;height: 50px;bottom: 0px;position: absolute;}
+
+/* banner */
+.banenr1{ width:100%; overflow:hidden;position:relative;}
+.banenr1 img{ width:100%;}
+.banenr1 ul li{width: 100%; position: relative;}
+.banenr1>ol{height:30px;position: relative;z-index:10;width:18%; left:78%; bottom:10px; margin-top:-30px;text-align:right;padding-right:20px;}
+.banenr1>ol>li{display:inline-block;margin:3px;width:100%; font-size: 1em; text-align: center; height:30px; line-height: 30px; color: #e71b70;}
+
+/*pro-content*/
+.pro-top{width: 100%; background-color: #fff; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; padding: 3% 3%;}
+.pro-top .tit{color: #333333; font-size: 1em;}
+.pro-top .price{font-size: 1em; color: #e71b70;}
+.pro-top .price span{color: #333333; font-size: .6em; text-decoration: line-through;}
+.pro-bottom{width: 100%; background-color: #fff; border-bottom: 1px solid #d6d6d6;}
+.pro-bottom ul li{width: 33.333%; float: left; text-align: center; color: #666666; font-size: .8em; height: 3em; line-height: 3em;}
+.pro-bottom .shoucang{background: url(../img/xin.png)25% center no-repeat;}
+.pro-bottom .zixun{background: url(../img/icon17.png)12% center no-repeat; background-size: 14.5%;}
+
+/*详情页切换*/
+.pro-tab{ width:100%; border-top:2px solid #e71b70; margin-top: 5%; float: left;}
+.pro-tab .hd{ overflow:hidden; background-color: #fff; border-left:1px solid #ddd; }
+.pro-tab .hd li{ position:relative; color: #666666; font-size: .8em; margin-left:-1px; height:3em; line-height:3em; text-align:center; width:25%; float:left; border:1px solid #ddd; border-top:0; }
+.pro-tab .hd li.on{ width:25%; background:#fff; border-bottom:1px solid #fff; color:#e71b70; }
+.pro-tab .bd{ border-top:0; background-color: #fff; padding: 2% 3%; border-top: 1px solid #ddd; margin-top: -1px;}
+.pro-tab .lh{ overflow:hidden; }
+
+/*product-list*/
+.product-list{width: 93.125%; margin: 0 auto;}
+.product-list .list{width: 47.651%; text-align: center; margin: 4% 1.1745% 0;}
+.product-list .list .tu{width: 100%; text-align: center; overflow: hidden; font-size: 0;}
+.product-list .list .tu span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
+.product-list .list .tit{font-size: .9em; color: #666666; margin-top: 2%;}
+.product-list .list .price{font-size: 1em; font-weight: bold; margin-top: 2%; color: #ea2979;}
+.product-list .list .price samp{font-size: .8em; font-weight: normal; color: #666666; text-decoration: line-through;}
+
+.icon33,.icon34,.icon35,.icon36,.icon37,.icon38,.icon39,.icon40,.icon41,.icon42,.icon43,.icon44
+{width: 20px; height: 20px; background: url(../img/1-1.png) center no-repeat; background-size: 80%; display: inline-block; float: left;}
+.icon34{background: url(../img/2-1.png) center no-repeat; background-size: 80%;}
+.icon35{background: url(../img/3-1.png) center no-repeat; background-size: 80%;}
+.icon36{background: url(../img/4-1.png) center no-repeat; background-size: 80%;}
+.icon37{background: url(../img/5-1.png) center no-repeat; background-size: 80%;}
+.icon38{background: url(../img/6-1.png) center no-repeat; background-size: 80%;}
+.icon39{background: url(../img/7-1.png) center no-repeat; background-size: 80%;}
+.icon40{background: url(../img/8-1.png) center no-repeat; background-size: 80%;}
+.icon41{background: url(../img/9-1.png) center no-repeat; background-size: 80%;}
+.icon42{background: url(../img/10-1.png) center no-repeat; background-size: 80%;}
+.icon43{background: url(../img/11-1.png) center no-repeat; background-size: 80%;}
+.icon44{background: url(../img/12-1.png) center no-repeat; background-size: 80%;}
+
+/*dinpu*/
+.dinpu-top{width: 100%; padding: 10% 0; background:url(../uploads/11.jpg) center no-repeat; text-align: center; position: relative;}
+.dinpu-top .tu{width: 89px; height: 89px; border: 2px solid #ca5875;}
+
+.dinpu{width: 91.406%; margin: 3% auto; border: 1px solid #eeeeee;}
+.dinpu ul li{width: 100%; padding-left: 3%; height: 3em; line-height: 3em; border-bottom: 1px dashed #dedede;}
+.dinpu ul li .tit{font-size: 1em; color: #666666;}
+.icon46{width: 15%; height: 3em; background: url(../img/icon20.png) center no-repeat;}
+.icon47{color: #eb4187; padding-right: 3%;}
+.wechat{width: 100%; padding-bottom: 3%;}
+.wechat .ewm{width: 40%; margin: 3% auto 0; border: 1px solid #DEDEDE;}
+.wechat .jinru a{color: #eb4187; font-size: 1em;}
+
+
+
+
+/*分销中心
+-----------------------------------------------------------------------------------------------------------------
+ * */
+.fx-center{background-color: #ebeded;}
+.p-listtwo{background-color: #fff; margin-top: 3%; padding-bottom: 3%;}
+.p-listtwo .tit p{font-size: 1.2em;}
+.p-listtwo .tit .number{font-size: 1em; background-color: #fd4f0b; color: #fff; padding: 0 3%; height: 2em; line-height: 2em; margin-top: .75em; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
+.p-listtwo ul li{border-bottom: 1px dashed #c9c9c9; width: 90%; margin: 0 auto; padding: 0;}
+.p-listtwo .list-number{color: #FD4F0B;}
+.icon299{background: url(../img/jianhao.png) center left no-repeat; background-size: 24%; padding-left: 30px; color: #333333;}
+.icon222{background: url(../img/dian.png) center left no-repeat; background-size: 21.2%; padding-left: 30px; color: #333333;}
+.icon223{background: url(../img/dian.png) center left no-repeat; background-size: 18%; padding-left: 30px; color: #333333;}
+.icon224{background-size: 14.5%;}
+.icon225{background-size: 18.5%;}
+.p-listtwo:nth-last-child(1){padding: 0; margin-bottom: 3%;}
+.p-listtwo:nth-last-child(1) ul li{border-bottom: none;}
+
+.fxhy{width: 100%; height: 7em; padding: .7em 2%; background-color: #fff; margin-top: 3%;}
+.fxhy .tu{width: 5.5em;}
+.fxhy .back{width: 9%; max-width: 35px; height: 5em; background: url(../img/right.png) center no-repeat; background-size: 50%;}
+.fxhy .ctent{margin-left: 2%;}
+.fxhy .ctent p{color: #333333; line-height: 1.8em;}
+.fxlist{width: 94%; margin: 2% 3%; background-color: #fff; padding: 2%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
+.fxlist .list{width: 100%; height: 2.5em; line-height: 2.5em; border-bottom: 1px dashed #ccc;}
+.fxlist .list ul li.dhao{width: 30%; text-align: left;}
+.fxlist .list ul li{width: 17.5%; text-align: center;}
+
+/*product*/
+.productbg{background-color: #f1f1f1;}
+.product .left{width: 30%;}
+.product .left ul li a{display: block; border-right: 1px solid #D7D7D7; text-align: center; border-bottom: 1px solid #d7d7d7; width: 100%; height: 3.5em; line-height: 3.5em;}
+.product .right{width: 69%;}
+.product .right:before{height: 100%; border-left: 1px solid #D7D7D7;}
+.product .right .list{width: 100%; padding: 3%; border-bottom: 1px solid #D7D7D7;}
+.product .right .list .tu{width: 40%; border: 1px solid #D7D7D7;}
+.product .right .list .ctent{width: 55%;}
+
+
+
+
+
diff --git a/ForFuture_shop/css/loaders.min.css b/ForFuture_shop/css/loaders.min.css
new file mode 100644
index 0000000..8732290
--- /dev/null
+++ b/ForFuture_shop/css/loaders.min.css
@@ -0,0 +1,2223 @@
+@-webkit-keyframes scale {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1
+ }
+ 45% {
+ -webkit-transform: scale(0.1);
+ transform: scale(0.1);
+ opacity: .7
+ }
+ 80% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1
+ }
+}
+
+@keyframes scale {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1
+ }
+ 45% {
+ -webkit-transform: scale(0.1);
+ transform: scale(0.1);
+ opacity: .7
+ }
+ 80% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1
+ }
+}
+
+.ball-pulse>div:nth-child(0) {
+ -webkit-animation: scale .75s -.36s infinite cubic-bezier(.2, .68, .18, 1.08);
+ animation: scale .75s -.36s infinite cubic-bezier(.2, .68, .18, 1.08)
+}
+
+.ball-pulse>div:nth-child(1) {
+ -webkit-animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08);
+ animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08)
+}
+
+.ball-pulse>div:nth-child(2) {
+ -webkit-animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08);
+ animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08)
+}
+
+.ball-pulse>div:nth-child(3) {
+ -webkit-animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
+ animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08)
+}
+
+.ball-pulse>div {
+ background-color: #fff;
+ width: 15px;
+ height: 15px;
+ border-radius: 100%;
+ margin: 2px;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ display: inline-block
+}
+
+@-webkit-keyframes ball-pulse-sync {
+ 33% {
+ -webkit-transform: translateY(10px);
+ transform: translateY(10px)
+ }
+ 66% {
+ -webkit-transform: translateY(-10px);
+ transform: translateY(-10px)
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0)
+ }
+}
+
+@keyframes ball-pulse-sync {
+ 33% {
+ -webkit-transform: translateY(10px);
+ transform: translateY(10px)
+ }
+ 66% {
+ -webkit-transform: translateY(-10px);
+ transform: translateY(-10px)
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0)
+ }
+}
+
+.ball-pulse-sync>div:nth-child(0) {
+ -webkit-animation: ball-pulse-sync .6s -.21s infinite ease-in-out;
+ animation: ball-pulse-sync .6s -.21s infinite ease-in-out
+}
+
+.ball-pulse-sync>div:nth-child(1) {
+ -webkit-animation: ball-pulse-sync .6s -.14s infinite ease-in-out;
+ animation: ball-pulse-sync .6s -.14s infinite ease-in-out
+}
+
+.ball-pulse-sync>div:nth-child(2) {
+ -webkit-animation: ball-pulse-sync .6s -.07s infinite ease-in-out;
+ animation: ball-pulse-sync .6s -.07s infinite ease-in-out
+}
+
+.ball-pulse-sync>div:nth-child(3) {
+ -webkit-animation: ball-pulse-sync .6s 0s infinite ease-in-out;
+ animation: ball-pulse-sync .6s 0s infinite ease-in-out
+}
+
+.ball-pulse-sync>div {
+ background-color: #fff;
+ width: 15px;
+ height: 15px;
+ border-radius: 100%;
+ margin: 2px;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ display: inline-block
+}
+
+@-webkit-keyframes ball-scale {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0)
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 0
+ }
+}
+
+@keyframes ball-scale {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0)
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 0
+ }
+}
+
+.ball-scale>div {
+ background-color: #fff;
+ border-radius: 100%;
+ margin: 2px;
+ display: inline-block;
+ height: 60px;
+ width: 60px;
+ -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
+ animation: ball-scale 1s 0s ease-in-out infinite
+}
+
+@-webkit-keyframes rotate {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg)
+ }
+ 50% {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg)
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg)
+ }
+}
+
+@keyframes rotate {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg)
+ }
+ 50% {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg)
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg)
+ }
+}
+
+.ball-rotate {
+ position: relative
+}
+
+.ball-rotate>div {
+ background-color: #fff;
+ width: 15px;
+ height: 15px;
+ border-radius: 100%;
+ margin: 2px;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ position: relative
+}
+
+.ball-rotate>div:first-child {
+ -webkit-animation: rotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;
+ animation: rotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite
+}
+
+.ball-rotate>div:after,
+.ball-rotate>div:before {
+ background-color: #fff;
+ width: 15px;
+ height: 15px;
+ border-radius: 100%;
+ margin: 2px;
+ content: "";
+ position: absolute;
+ opacity: .8
+}
+
+.ball-rotate>div:before {
+ top: 0;
+ left: -28px
+}
+
+.ball-rotate>div:after {
+ top: 0;
+ left: 25px
+}
+
+@keyframes rotate {
+ 0% {
+ -webkit-transform: rotate(0deg) scale(1);
+ transform: rotate(0deg) scale(1)
+ }
+ 50% {
+ -webkit-transform: rotate(180deg) scale(0.6);
+ transform: rotate(180deg) scale(0.6)
+ }
+ 100% {
+ -webkit-transform: rotate(360deg) scale(1);
+ transform: rotate(360deg) scale(1)
+ }
+}
+
+.ball-clip-rotate>div {
+ border-radius: 100%;
+ margin: 2px;
+ border: 2px solid #fff;
+ border-bottom-color: transparent;
+ height: 25px;
+ width: 25px;
+ background: 0 0!important;
+ display: inline-block;
+ -webkit-animation: rotate .75s 0s linear infinite;
+ animation: rotate .75s 0s linear infinite
+}
+
+@keyframes rotate {
+ 0% {
+ -webkit-transform: rotate(0deg) scale(1);
+ transform: rotate(0deg) scale(1)
+ }
+ 50% {
+ -webkit-transform: rotate(180deg) scale(0.6);
+ transform: rotate(180deg) scale(0.6)
+ }
+ 100% {
+ -webkit-transform: rotate(360deg) scale(1);
+ transform: rotate(360deg) scale(1)
+ }
+}
+
+@keyframes scale {
+ 30% {
+ -webkit-transform: scale(0.3);
+ transform: scale(0.3)
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1)
+ }
+}
+
+.ball-clip-rotate-pulse {
+ position: relative;
+ -webkit-transform: translateY(-15px);
+ -ms-transform: translateY(-15px);
+ transform: translateY(-15px)
+}
+
+.ball-clip-rotate-pulse>div {
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 100%
+}
+
+.ball-clip-rotate-pulse>div:first-child {
+ background: #fff;
+ height: 16px;
+ width: 16px;
+ top: 7px;
+ left: -7px;
+ -webkit-animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
+ animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite
+}
+
+.ball-clip-rotate-pulse>div:last-child {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ left: -16px;
+ top: -2px;
+ background: 0 0;
+ border: 2px solid;
+ border-color: #fff transparent;
+ -webkit-animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
+ animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s
+}
+
+@keyframes rotate {
+ 0% {
+ -webkit-transform: rotate(0deg) scale(1);
+ transform: rotate(0deg) scale(1)
+ }
+ 50% {
+ -webkit-transform: rotate(180deg) scale(0.6);
+ transform: rotate(180deg) scale(0.6)
+ }
+ 100% {
+ -webkit-transform: rotate(360deg) scale(1);
+ transform: rotate(360deg) scale(1)
+ }
+}
+
+.ball-clip-rotate-multiple {
+ position: relative
+}
+
+.ball-clip-rotate-multiple>div {
+ position: absolute;
+ left: -20px;
+ top: -20px;
+ border: 2px solid #fff;
+ border-bottom-color: transparent;
+ border-top-color: transparent;
+ border-radius: 100%;
+ height: 35px;
+ width: 35px;
+ -webkit-animation: rotate 1s 0s ease-in-out infinite;
+ animation: rotate 1s 0s ease-in-out infinite
+}
+
+.ball-clip-rotate-multiple>div:last-child {
+ display: inline-block;
+ top: -10px;
+ left: -10px;
+ width: 15px;
+ height: 15px;
+ -webkit-animation-duration: .5s;
+ animation-duration: .5s;
+ border-color: #fff transparent;
+ -webkit-animation-direction: reverse;
+ animation-direction: reverse
+}
+
+@-webkit-keyframes ball-scale-ripple {
+ 0% {
+ -webkit-transform: scale(0.1);
+ transform: scale(0.1);
+ opacity: 1
+ }
+ 70% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: .7
+ }
+ 100% {
+ opacity: 0
+ }
+}
+
+@keyframes ball-scale-ripple {
+ 0% {
+ -webkit-transform: scale(0.1);
+ transform: scale(0.1);
+ opacity: 1
+ }
+ 70% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: .7
+ }
+ 100% {
+ opacity: 0
+ }
+}
+
+.ball-scale-ripple>div {
+ height: 50px;
+ width: 50px;
+ border-radius: 100%;
+ border: 2px solid #fff;
+ -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8);
+ animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8)
+}
+
+@-webkit-keyframes ball-scale-ripple-multiple {
+ 0% {
+ -webkit-transform: scale(0.1);
+ transform: scale(0.1);
+ opacity: 1
+ }
+ 70% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: .7
+ }
+ 100% {
+ opacity: 0
+ }
+}
+
+@keyframes ball-scale-ripple-multiple {
+ 0% {
+ -webkit-transform: scale(0.1);
+ transform: scale(0.1);
+ opacity: 1
+ }
+ 70% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: .7
+ }
+ 100% {
+ opacity: 0
+ }
+}
+
+.ball-scale-ripple-multiple {
+ position: relative;
+ -webkit-transform: translateY(-25px);
+ -ms-transform: translateY(-25px);
+ transform: translateY(-25px)
+}
+
+.ball-scale-ripple-multiple>div:nth-child(0) {
+ -webkit-animation-delay: -.8s;
+ animation-delay: -.8s
+}
+
+.ball-scale-ripple-multiple>div:nth-child(1) {
+ -webkit-animation-delay: -.6s;
+ animation-delay: -.6s
+}
+
+.ball-scale-ripple-multiple>div:nth-child(2) {
+ -webkit-animation-delay: -.4s;
+ animation-delay: -.4s
+}
+
+.ball-scale-ripple-multiple>div:nth-child(3) {
+ -webkit-animation-delay: -.2s;
+ animation-delay: -.2s
+}
+
+.ball-scale-ripple-multiple>div {
+ position: absolute;
+ top: -2px;
+ left: -26px;
+ width: 50px;
+ height: 50px;
+ border-radius: 100%;
+ border: 2px solid #fff;
+ -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8);
+ animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8)
+}
+
+@-webkit-keyframes ball-beat {
+ 50% {
+ opacity: .2;
+ -webkit-transform: scale(0.75);
+ transform: scale(0.75)
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1)
+ }
+}
+
+@keyframes ball-beat {
+ 50% {
+ opacity: .2;
+ -webkit-transform: scale(0.75);
+ transform: scale(0.75)
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1)
+ }
+}
+
+.ball-beat>div {
+ background-color: #fff;
+ width: 15px;
+ height: 15px;
+ border-radius: 100%;
+ margin: 2px;
+ display: inline-block;
+ -webkit-animation: ball-beat .7s 0s infinite linear;
+ animation: ball-beat .7s 0s infinite linear
+}
+
+.ball-beat>div:nth-child(2n-1) {
+ -webkit-animation-delay: -.35s!important;
+ animation-delay: -.35s!important
+}
+
+@-webkit-keyframes ball-scale-multiple {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ opacity: 0
+ }
+ 5% {
+ opacity: 1
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 0
+ }
+}
+
+@keyframes ball-scale-multiple {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ opacity: 0
+ }
+ 5% {
+ opacity: 1
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 0
+ }
+}
+
+.ball-scale-multiple {
+ position: relative;
+ -webkit-transform: translateY(-30px);
+ -ms-transform: translateY(-30px);
+ transform: translateY(-30px)
+}
+
+.ball-scale-multiple>div:nth-child(2) {
+ -webkit-animation-delay: -.4s;
+ animation-delay: -.4s
+}
+
+.ball-scale-multiple>div:nth-child(3) {
+ -webkit-animation-delay: -.2s;
+ animation-delay: -.2s
+}
+
+.ball-scale-multiple>div {
+ background-color: #fff;
+ border-radius: 100%;
+ position: absolute;
+ left: -30px;
+ top: 0;
+ opacity: 0;
+ margin: 0;
+ width: 60px;
+ height: 60px;
+ -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
+ animation: ball-scale-multiple 1s 0s linear infinite
+}
+
+@-webkit-keyframes ball-triangle-path-1 {
+ 33% {
+ -webkit-transform: translate(25px, -50px);
+ transform: translate(25px, -50px)
+ }
+ 66% {
+ -webkit-transform: translate(50px, 0);
+ transform: translate(50px, 0)
+ }
+ 100% {
+ -webkit-transform: translate(0px, 0);
+ transform: translate(0px, 0)
+ }
+}
+
+@keyframes ball-triangle-path-1 {
+ 33% {
+ -webkit-transform: translate(25px, -50px);
+ transform: translate(25px, -50px)
+ }
+ 66% {
+ -webkit-transform: translate(50px, 0);
+ transform: translate(50px, 0)
+ }
+ 100% {
+ -webkit-transform: translate(0px, 0);
+ transform: translate(0px, 0)
+ }
+}
+
+@-webkit-keyframes ball-triangle-path-2 {
+ 33% {
+ -webkit-transform: translate(25px, 50px);
+ transform: translate(25px, 50px)
+ }
+ 66% {
+ -webkit-transform: translate(-25px, 50px);
+ transform: translate(-25px, 50px)
+ }
+ 100% {
+ -webkit-transform: translate(0px, 0);
+ transform: translate(0px, 0)
+ }
+}
+
+@keyframes ball-triangle-path-2 {
+ 33% {
+ -webkit-transform: translate(25px, 50px);
+ transform: translate(25px, 50px)
+ }
+ 66% {
+ -webkit-transform: translate(-25px, 50px);
+ transform: translate(-25px, 50px)
+ }
+ 100% {
+ -webkit-transform: translate(0px, 0);
+ transform: translate(0px, 0)
+ }
+}
+
+@-webkit-keyframes ball-triangle-path-3 {
+ 33% {
+ -webkit-transform: translate(-50px, 0);
+ transform: translate(-50px, 0)
+ }
+ 66% {
+ -webkit-transform: translate(-25px, -50px);
+ transform: translate(-25px, -50px)
+ }
+ 100% {
+ -webkit-transform: translate(0px, 0);
+ transform: translate(0px, 0)
+ }
+}
+
+@keyframes ball-triangle-path-3 {
+ 33% {
+ -webkit-transform: translate(-50px, 0);
+ transform: translate(-50px, 0)
+ }
+ 66% {
+ -webkit-transform: translate(-25px, -50px);
+ transform: translate(-25px, -50px)
+ }
+ 100% {
+ -webkit-transform: translate(0px, 0);
+ transform: translate(0px, 0)
+ }
+}
+
+.ball-triangle-path {
+ position: relative;
+ -webkit-transform: translate(-29.99px, -37.51px);
+ -ms-transform: translate(-29.99px, -37.51px);
+ transform: translate(-29.99px, -37.51px)
+}
+
+.ball-triangle-path>div:nth-child(1) {
+ -webkit-animation-name: ball-triangle-path-1;
+ animation-name: ball-triangle-path-1;
+ -webkit-animation-delay: 0;
+ animation-delay: 0;
+ -webkit-animation-duration: 2s;
+ animation-duration: 2s;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite
+}
+
+.ball-triangle-path>div:nth-child(2) {
+ -webkit-animation-name: ball-triangle-path-2;
+ animation-name: ball-triangle-path-2;
+ -webkit-animation-delay: 0;
+ animation-delay: 0;
+ -webkit-animation-duration: 2s;
+ animation-duration: 2s;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite
+}
+
+.ball-triangle-path>div:nth-child(3) {
+ -webkit-animation-name: ball-triangle-path-3;
+ animation-name: ball-triangle-path-3;
+ -webkit-animation-delay: 0;
+ animation-delay: 0;
+ -webkit-animation-duration: 2s;
+ animation-duration: 2s;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite
+}
+
+.ball-triangle-path>div {
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ position: absolute;
+ width: 10px;
+ height: 10px;
+ border-radius: 100%;
+ border: 1px solid #fff
+}
+
+.ball-triangle-path>div:nth-of-type(1) {
+ top: 50px
+}
+
+.ball-triangle-path>div:nth-of-type(2) {
+ left: 25px
+}
+
+.ball-triangle-path>div:nth-of-type(3) {
+ top: 50px;
+ left: 50px
+}
+
+@-webkit-keyframes ball-pulse-rise-even {
+ 0% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1)
+ }
+ 25% {
+ -webkit-transform: translateY(-30px);
+ transform: translateY(-30px)
+ }
+ 50% {
+ -webkit-transform: scale(0.4);
+ transform: scale(0.4)
+ }
+ 75% {
+ -webkit-transform: translateY(30px);
+ transform: translateY(30px)
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ -webkit-transform: scale(1);
+ transform: scale(1)
+ }
+}
+
+@keyframes ball-pulse-rise-even {
+ 0% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1)
+ }
+ 25% {
+ -webkit-transform: translateY(-30px);
+ transform: translateY(-30px)
+ }
+ 50% {
+ -webkit-transform: scale(0.4);
+ transform: scale(0.4)
+ }
+ 75% {
+ -webkit-transform: translateY(30px);
+ transform: translateY(30px)
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ -webkit-transform: scale(1);
+ transform: scale(1)
+ }
+}
+
+@-webkit-keyframes ball-pulse-rise-odd {
+ 0% {
+ -webkit-transform: scale(0.4);
+ transform: scale(0.4)
+ }
+ 25% {
+ -webkit-transform: translateY(30px);
+ transform: translateY(30px)
+ }
+ 50% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1)
+ }
+ 75% {
+ -webkit-transform: translateY(-30px);
+ transform: translateY(-30px)
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ -webkit-transform: scale(0.75);
+ transform: scale(0.75)
+ }
+}
+
+@keyframes ball-pulse-rise-odd {
+ 0% {
+ -webkit-transform: scale(0.4);
+ transform: scale(0.4)
+ }
+ 25% {
+ -webkit-transform: translateY(30px);
+ transform: translateY(30px)
+ }
+ 50% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1)
+ }
+ 75% {
+ -webkit-transform: translateY(-30px);
+ transform: translateY(-30px)
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ -webkit-transform: scale(0.75);
+ transform: scale(0.75)
+ }
+}
+
+.ball-pulse-rise>div {
+ background-color: #fff;
+ width: 15px;
+ height: 15px;
+ border-radius: 100%;
+ margin: 2px;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ display: inline-block;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-timing-function: cubic-bezier(.15, .46, .9, .6);
+ animation-timing-function: cubic-bezier(.15, .46, .9, .6);
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ -webkit-animation-delay: 0;
+ animation-delay: 0
+}
+
+.ball-pulse-rise>div:nth-child(2n) {
+ -webkit-animation-name: ball-pulse-rise-even;
+ animation-name: ball-pulse-rise-even
+}
+
+.ball-pulse-rise>div:nth-child(2n-1) {
+ -webkit-animation-name: ball-pulse-rise-odd;
+ animation-name: ball-pulse-rise-odd
+}
+
+@-webkit-keyframes ball-grid-beat {
+ 50% {
+ opacity: .7
+ }
+ 100% {
+ opacity: 1
+ }
+}
+
+@keyframes ball-grid-beat {
+ 50% {
+ opacity: .7
+ }
+ 100% {
+ opacity: 1
+ }
+}
+
+.ball-grid-beat {
+ width: 57px
+}
+
+.ball-grid-beat>div:nth-child(1) {
+ -webkit-animation-delay: -.07s;
+ animation-delay: -.07s;
+ -webkit-animation-duration: 1.53s;
+ animation-duration: 1.53s
+}
+
+.ball-grid-beat>div:nth-child(2) {
+ -webkit-animation-delay: .72s;
+ animation-delay: .72s;
+ -webkit-animation-duration: .94s;
+ animation-duration: .94s
+}
+
+.ball-grid-beat>div:nth-child(3) {
+ -webkit-animation-delay: .11s;
+ animation-delay: .11s;
+ -webkit-animation-duration: 1.25s;
+ animation-duration: 1.25s
+}
+
+.ball-grid-beat>div:nth-child(4) {
+ -webkit-animation-delay: .13s;
+ animation-delay: .13s;
+ -webkit-animation-duration: 1.01s;
+ animation-duration: 1.01s
+}
+
+.ball-grid-beat>div:nth-child(5) {
+ -webkit-animation-delay: .1s;
+ animation-delay: .1s;
+ -webkit-animation-duration: 1.2s;
+ animation-duration: 1.2s
+}
+
+.ball-grid-beat>div:nth-child(6) {
+ -webkit-animation-delay: .18s;
+ animation-delay: .18s;
+ -webkit-animation-duration: .97s;
+ animation-duration: .97s
+}
+
+.ball-grid-beat>div:nth-child(7) {
+ -webkit-animation-delay: -.09s;
+ animation-delay: -.09s;
+ -webkit-animation-duration: .67s;
+ animation-duration: .67s
+}
+
+.ball-grid-beat>div:nth-child(8) {
+ -webkit-animation-delay: .42s;
+ animation-delay: .42s;
+ -webkit-animation-duration: .92s;
+ animation-duration: .92s
+}
+
+.ball-grid-beat>div:nth-child(9) {
+ -webkit-animation-delay: .52s;
+ animation-delay: .52s;
+ -webkit-animation-duration: 1.43s;
+ animation-duration: 1.43s
+}
+
+.ball-grid-beat>div {
+ background-color: #fff;
+ width: 15px;
+ height: 15px;
+ border-radius: 100%;
+ margin: 2px;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ display: inline-block;
+ float: left;
+ -webkit-animation-name: ball-grid-beat;
+ animation-name: ball-grid-beat;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ -webkit-animation-delay: 0;
+ animation-delay: 0
+}
+
+@-webkit-keyframes ball-grid-pulse {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1)
+ }
+ 50% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ opacity: .7
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1
+ }
+}
+
+@keyframes ball-grid-pulse {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1)
+ }
+ 50% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ opacity: .7
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1
+ }
+}
+
+.ball-grid-pulse {
+ width: 57px
+}
+
+.ball-grid-pulse>div:nth-child(1) {
+ -webkit-animation-delay: .73s;
+ animation-delay: .73s;
+ -webkit-animation-duration: 1.3s;
+ animation-duration: 1.3s
+}
+
+.ball-grid-pulse>div:nth-child(2) {
+ -webkit-animation-delay: .32s;
+ animation-delay: .32s;
+ -webkit-animation-duration: 1.3s;
+ animation-duration: 1.3s
+}
+
+.ball-grid-pulse>div:nth-child(3) {
+ -webkit-animation-delay: .71s;
+ animation-delay: .71s;
+ -webkit-animation-duration: .88s;
+ animation-duration: .88s
+}
+
+.ball-grid-pulse>div:nth-child(4) {
+ -webkit-animation-delay: .62s;
+ animation-delay: .62s;
+ -webkit-animation-duration: 1.06s;
+ animation-duration: 1.06s
+}
+
+.ball-grid-pulse>div:nth-child(5) {
+ -webkit-animation-delay: .31s;
+ animation-delay: .31s;
+ -webkit-animation-duration: .62s;
+ animation-duration: .62s
+}
+
+.ball-grid-pulse>div:nth-child(6) {
+ -webkit-animation-delay: -.14s;
+ animation-delay: -.14s;
+ -webkit-animation-duration: 1.48s;
+ animation-duration: 1.48s
+}
+
+.ball-grid-pulse>div:nth-child(7) {
+ -webkit-animation-delay: -.1s;
+ animation-delay: -.1s;
+ -webkit-animation-duration: 1.47s;
+ animation-duration: 1.47s
+}
+
+.ball-grid-pulse>div:nth-child(8) {
+ -webkit-animation-delay: .4s;
+ animation-delay: .4s;
+ -webkit-animation-duration: 1.49s;
+ animation-duration: 1.49s
+}
+
+.ball-grid-pulse>div:nth-child(9) {
+ -webkit-animation-delay: .73s;
+ animation-delay: .73s;
+ -webkit-animation-duration: .7s;
+ animation-duration: .7s
+}
+
+.ball-grid-pulse>div {
+ background-color: #fff;
+ width: 15px;
+ height: 15px;
+ border-radius: 100%;
+ margin: 2px;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ display: inline-block;
+ float: left;
+ -webkit-animation-name: ball-grid-pulse;
+ animation-name: ball-grid-pulse;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ -webkit-animation-delay: 0;
+ animation-delay: 0
+}
+
+@-webkit-keyframes ball-spin-fade-loader {
+ 50% {
+ opacity: .3;
+ -webkit-transform: scale(0.4);
+ transform: scale(0.4)
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1)
+ }
+}
+
+@keyframes ball-spin-fade-loader {
+ 50% {
+ opacity: .3;
+ -webkit-transform: scale(0.4);
+ transform: scale(0.4)
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1)
+ }
+}
+
+.ball-spin-fade-loader {
+ position: relative;
+ top: -10px;
+ left: -10px
+}
+
+.ball-spin-fade-loader>div:nth-child(1) {
+ top: 25px;
+ left: 0;
+ -webkit-animation: ball-spin-fade-loader 1s -.96s infinite linear;
+ animation: ball-spin-fade-loader 1s -.96s infinite linear
+}
+
+.ball-spin-fade-loader>div:nth-child(2) {
+ top: 17.05px;
+ left: 17.05px;
+ -webkit-animation: ball-spin-fade-loader 1s -.84s infinite linear;
+ animation: ball-spin-fade-loader 1s -.84s infinite linear
+}
+
+.ball-spin-fade-loader>div:nth-child(3) {
+ top: 0;
+ left: 25px;
+ -webkit-animation: ball-spin-fade-loader 1s -.72s infinite linear;
+ animation: ball-spin-fade-loader 1s -.72s infinite linear
+}
+
+.ball-spin-fade-loader>div:nth-child(4) {
+ top: -17.05px;
+ left: 17.05px;
+ -webkit-animation: ball-spin-fade-loader 1s -.6s infinite linear;
+ animation: ball-spin-fade-loader 1s -.6s infinite linear
+}
+
+.ball-spin-fade-loader>div:nth-child(5) {
+ top: -25px;
+ left: 0;
+ -webkit-animation: ball-spin-fade-loader 1s -.48s infinite linear;
+ animation: ball-spin-fade-loader 1s -.48s infinite linear
+}
+
+.ball-spin-fade-loader>div:nth-child(6) {
+ top: -17.05px;
+ left: -17.05px;
+ -webkit-animation: ball-spin-fade-loader 1s -.36s infinite linear;
+ animation: ball-spin-fade-loader 1s -.36s infinite linear
+}
+
+.ball-spin-fade-loader>div:nth-child(7) {
+ top: 0;
+ left: -25px;
+ -webkit-animation: ball-spin-fade-loader 1s -.24s infinite linear;
+ animation: ball-spin-fade-loader 1s -.24s infinite linear
+}
+
+.ball-spin-fade-loader>div:nth-child(8) {
+ top: 17.05px;
+ left: -17.05px;
+ -webkit-animation: ball-spin-fade-loader 1s -.12s infinite linear;
+ animation: ball-spin-fade-loader 1s -.12s infinite linear
+}
+
+.ball-spin-fade-loader>div {
+ background-color: #fff;
+ width: 15px;
+ height: 15px;
+ border-radius: 100%;
+ margin: 2px;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ position: absolute
+}
+
+@-webkit-keyframes ball-spin-loader {
+ 75% {
+ opacity: .2
+ }
+ 100% {
+ opacity: 1
+ }
+}
+
+@keyframes ball-spin-loader {
+ 75% {
+ opacity: .2
+ }
+ 100% {
+ opacity: 1
+ }
+}
+
+.ball-spin-loader {
+ position: relative
+}
+
+.ball-spin-loader>span:nth-child(1) {
+ top: 45px;
+ left: 0;
+ -webkit-animation: ball-spin-loader 2s .9s infinite linear;
+ animation: ball-spin-loader 2s .9s infinite linear
+}
+
+.ball-spin-loader>span:nth-child(2) {
+ top: 30.68px;
+ left: 30.68px;
+ -webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
+ animation: ball-spin-loader 2s 1.8s infinite linear
+}
+
+.ball-spin-loader>span:nth-child(3) {
+ top: 0;
+ left: 45px;
+ -webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
+ animation: ball-spin-loader 2s 2.7s infinite linear
+}
+
+.ball-spin-loader>span:nth-child(4) {
+ top: -30.68px;
+ left: 30.68px;
+ -webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
+ animation: ball-spin-loader 2s 3.6s infinite linear
+}
+
+.ball-spin-loader>span:nth-child(5) {
+ top: -45px;
+ left: 0;
+ -webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
+ animation: ball-spin-loader 2s 4.5s infinite linear
+}
+
+.ball-spin-loader>span:nth-child(6) {
+ top: -30.68px;
+ left: -30.68px;
+ -webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
+ animation: ball-spin-loader 2s 5.4s infinite linear
+}
+
+.ball-spin-loader>span:nth-child(7) {
+ top: 0;
+ left: -45px;
+ -webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
+ animation: ball-spin-loader 2s 6.3s infinite linear
+}
+
+.ball-spin-loader>span:nth-child(8) {
+ top: 30.68px;
+ left: -30.68px;
+ -webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
+ animation: ball-spin-loader 2s 7.2s infinite linear
+}
+
+.ball-spin-loader>div {
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ position: absolute;
+ width: 15px;
+ height: 15px;
+ border-radius: 100%;
+ background: green
+}
+
+@-webkit-keyframes ball-zig {
+ 33% {
+ -webkit-transform: translate(-15px, -30px);
+ transform: translate(-15px, -30px)
+ }
+ 66% {
+ -webkit-transform: translate(15px, -30px);
+ transform: translate(15px, -30px)
+ }
+ 100% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0)
+ }
+}
+
+@keyframes ball-zig {
+ 33% {
+ -webkit-transform: translate(-15px, -30px);
+ transform: translate(-15px, -30px)
+ }
+ 66% {
+ -webkit-transform: translate(15px, -30px);
+ transform: translate(15px, -30px)
+ }
+ 100% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0)
+ }
+}
+
+@-webkit-keyframes ball-zag {
+ 33% {
+ -webkit-transform: translate(15px, 30px);
+ transform: translate(15px, 30px)
+ }
+ 66% {
+ -webkit-transform: translate(-15px, 30px);
+ transform: translate(-15px, 30px)
+ }
+ 100% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0)
+ }
+}
+
+@keyframes ball-zag {
+ 33% {
+ -webkit-transform: translate(15px, 30px);
+ transform: translate(15px, 30px)
+ }
+ 66% {
+ -webkit-transform: translate(-15px, 30px);
+ transform: translate(-15px, 30px)
+ }
+ 100% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0)
+ }
+}
+
+.ball-zig-zag {
+ position: relative;
+ -webkit-transform: translate(-15px, -15px);
+ -ms-transform: translate(-15px, -15px);
+ transform: translate(-15px, -15px)
+}
+
+.ball-zig-zag>div {
+ background-color: #fff;
+ width: 15px;
+ height: 15px;
+ border-radius: 100%;
+ margin: 2px 2px 2px 15px;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ position: absolute;
+ top: 4px;
+ left: -7px
+}
+
+.ball-zig-zag>div:first-child {
+ -webkit-animation: ball-zig .7s 0s infinite linear;
+ animation: ball-zig .7s 0s infinite linear
+}
+
+.ball-zig-zag>div:last-child {
+ -webkit-animation: ball-zag .7s 0s infinite linear;
+ animation: ball-zag .7s 0s infinite linear
+}
+
+@-webkit-keyframes ball-zig-deflect {
+ 17% {
+ -webkit-transform: translate(-15px, -30px);
+ transform: translate(-15px, -30px)
+ }
+ 34% {
+ -webkit-transform: translate(15px, -30px);
+ transform: translate(15px, -30px)
+ }
+ 50% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0)
+ }
+ 67% {
+ -webkit-transform: translate(15px, -30px);
+ transform: translate(15px, -30px)
+ }
+ 84% {
+ -webkit-transform: translate(-15px, -30px);
+ transform: translate(-15px, -30px)
+ }
+ 100% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0)
+ }
+}
+
+@keyframes ball-zig-deflect {
+ 17% {
+ -webkit-transform: translate(-15px, -30px);
+ transform: translate(-15px, -30px)
+ }
+ 34% {
+ -webkit-transform: translate(15px, -30px);
+ transform: translate(15px, -30px)
+ }
+ 50% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0)
+ }
+ 67% {
+ -webkit-transform: translate(15px, -30px);
+ transform: translate(15px, -30px)
+ }
+ 84% {
+ -webkit-transform: translate(-15px, -30px);
+ transform: translate(-15px, -30px)
+ }
+ 100% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0)
+ }
+}
+
+@-webkit-keyframes ball-zag-deflect {
+ 17% {
+ -webkit-transform: translate(15px, 30px);
+ transform: translate(15px, 30px)
+ }
+ 34% {
+ -webkit-transform: translate(-15px, 30px);
+ transform: translate(-15px, 30px)
+ }
+ 50% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0)
+ }
+ 67% {
+ -webkit-transform: translate(-15px, 30px);
+ transform: translate(-15px, 30px)
+ }
+ 84% {
+ -webkit-transform: translate(15px, 30px);
+ transform: translate(15px, 30px)
+ }
+ 100% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0)
+ }
+}
+
+@keyframes ball-zag-deflect {
+ 17% {
+ -webkit-transform: translate(15px, 30px);
+ transform: translate(15px, 30px)
+ }
+ 34% {
+ -webkit-transform: translate(-15px, 30px);
+ transform: translate(-15px, 30px)
+ }
+ 50% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0)
+ }
+ 67% {
+ -webkit-transform: translate(-15px, 30px);
+ transform: translate(-15px, 30px)
+ }
+ 84% {
+ -webkit-transform: translate(15px, 30px);
+ transform: translate(15px, 30px)
+ }
+ 100% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0)
+ }
+}
+
+.ball-zig-zag-deflect {
+ position: relative;
+ -webkit-transform: translate(-15px, -15px);
+ -ms-transform: translate(-15px, -15px);
+ transform: translate(-15px, -15px)
+}
+
+.ball-zig-zag-deflect>div {
+ background-color: #fff;
+ width: 15px;
+ height: 15px;
+ border-radius: 100%;
+ margin: 2px 2px 2px 15px;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ position: absolute;
+ top: 4px;
+ left: -7px
+}
+
+.ball-zig-zag-deflect>div:first-child {
+ -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
+ animation: ball-zig-deflect 1.5s 0s infinite linear
+}
+
+.ball-zig-zag-deflect>div:last-child {
+ -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
+ animation: ball-zag-deflect 1.5s 0s infinite linear
+}
+
+@-webkit-keyframes line-scale {
+ 0% {
+ -webkit-transform: scaley(1);
+ transform: scaley(1)
+ }
+ 50% {
+ -webkit-transform: scaley(0.4);
+ transform: scaley(0.4)
+ }
+ 100% {
+ -webkit-transform: scaley(1);
+ transform: scaley(1)
+ }
+}
+
+@keyframes line-scale {
+ 0% {
+ -webkit-transform: scaley(1);
+ transform: scaley(1)
+ }
+ 50% {
+ -webkit-transform: scaley(0.4);
+ transform: scaley(0.4)
+ }
+ 100% {
+ -webkit-transform: scaley(1);
+ transform: scaley(1)
+ }
+}
+
+.line-scale>div:nth-child(1) {
+ -webkit-animation: line-scale 1s -.4s infinite cubic-bezier(.2, .68, .18, 1.08);
+ animation: line-scale 1s -.4s infinite cubic-bezier(.2, .68, .18, 1.08)
+}
+
+.line-scale>div:nth-child(2) {
+ -webkit-animation: line-scale 1s -.3s infinite cubic-bezier(.2, .68, .18, 1.08);
+ animation: line-scale 1s -.3s infinite cubic-bezier(.2, .68, .18, 1.08)
+}
+
+.line-scale>div:nth-child(3) {
+ -webkit-animation: line-scale 1s -.2s infinite cubic-bezier(.2, .68, .18, 1.08);
+ animation: line-scale 1s -.2s infinite cubic-bezier(.2, .68, .18, 1.08)
+}
+
+.line-scale>div:nth-child(4) {
+ -webkit-animation: line-scale 1s -.1s infinite cubic-bezier(.2, .68, .18, 1.08);
+ animation: line-scale 1s -.1s infinite cubic-bezier(.2, .68, .18, 1.08)
+}
+
+.line-scale>div:nth-child(5) {
+ -webkit-animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
+ animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08)
+}
+
+.line-scale>div {
+ background-color: #fff;
+ width: 4px;
+ height: 35px;
+ border-radius: 2px;
+ margin: 2px;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ display: inline-block
+}
+
+@-webkit-keyframes line-scale-party {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1)
+ }
+ 50% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5)
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1)
+ }
+}
+
+@keyframes line-scale-party {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1)
+ }
+ 50% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5)
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1)
+ }
+}
+
+.line-scale-party>div:nth-child(1) {
+ -webkit-animation-delay: .23s;
+ animation-delay: .23s;
+ -webkit-animation-duration: 1.1s;
+ animation-duration: 1.1s
+}
+
+.line-scale-party>div:nth-child(2) {
+ -webkit-animation-delay: .09s;
+ animation-delay: .09s;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s
+}
+
+.line-scale-party>div:nth-child(3) {
+ -webkit-animation-delay: .44s;
+ animation-delay: .44s;
+ -webkit-animation-duration: .65s;
+ animation-duration: .65s
+}
+
+.line-scale-party>div:nth-child(4) {
+ -webkit-animation-delay: -.12s;
+ animation-delay: -.12s;
+ -webkit-animation-duration: 1.01s;
+ animation-duration: 1.01s
+}
+
+.line-scale-party>div {
+ background-color: #fff;
+ width: 4px;
+ height: 35px;
+ border-radius: 2px;
+ margin: 2px;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ display: inline-block;
+ -webkit-animation-name: line-scale-party;
+ animation-name: line-scale-party;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ -webkit-animation-delay: 0;
+ animation-delay: 0
+}
+
+@-webkit-keyframes line-scale-pulse-out {
+ 0% {
+ -webkit-transform: scaley(1);
+ transform: scaley(1)
+ }
+ 50% {
+ -webkit-transform: scaley(0.4);
+ transform: scaley(0.4)
+ }
+ 100% {
+ -webkit-transform: scaley(1);
+ transform: scaley(1)
+ }
+}
+
+@keyframes line-scale-pulse-out {
+ 0% {
+ -webkit-transform: scaley(1);
+ transform: scaley(1)
+ }
+ 50% {
+ -webkit-transform: scaley(0.4);
+ transform: scaley(0.4)
+ }
+ 100% {
+ -webkit-transform: scaley(1);
+ transform: scaley(1)
+ }
+}
+
+.line-scale-pulse-out>div {
+ background-color: #fff;
+ width: 4px;
+ height: 35px;
+ border-radius: 2px;
+ margin: 2px;
+ display: inline-block;
+ -webkit-animation: line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85, .25, .37, .85);
+ animation: line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85, .25, .37, .85)
+}
+
+.line-scale-pulse-out>div:nth-child(2),
+.line-scale-pulse-out>div:nth-child(4) {
+ -webkit-animation-delay: -.4s!important;
+ animation-delay: -.4s!important
+}
+
+.line-scale-pulse-out>div:nth-child(1),
+.line-scale-pulse-out>div:nth-child(5) {
+ -webkit-animation-delay: -.2s!important;
+ animation-delay: -.2s!important
+}
+
+@-webkit-keyframes line-scale-pulse-out-rapid {
+ 0% {
+ -webkit-transform: scaley(1);
+ transform: scaley(1)
+ }
+ 80% {
+ -webkit-transform: scaley(0.3);
+ transform: scaley(0.3)
+ }
+ 90% {
+ -webkit-transform: scaley(1);
+ transform: scaley(1)
+ }
+}
+
+@keyframes line-scale-pulse-out-rapid {
+ 0% {
+ -webkit-transform: scaley(1);
+ transform: scaley(1)
+ }
+ 80% {
+ -webkit-transform: scaley(0.3);
+ transform: scaley(0.3)
+ }
+ 90% {
+ -webkit-transform: scaley(1);
+ transform: scaley(1)
+ }
+}
+
+.line-scale-pulse-out-rapid>div {
+ background-color: #fff;
+ width: 4px;
+ height: 35px;
+ border-radius: 2px;
+ margin: 2px;
+ display: inline-block;
+ -webkit-animation: line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11, .49, .38, .78);
+ animation: line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11, .49, .38, .78)
+}
+
+.line-scale-pulse-out-rapid>div:nth-child(2),
+.line-scale-pulse-out-rapid>div:nth-child(4) {
+ -webkit-animation-delay: -.25s!important;
+ animation-delay: -.25s!important
+}
+
+.line-scale-pulse-out-rapid>div:nth-child(1),
+.line-scale-pulse-out-rapid>div:nth-child(5) {
+ -webkit-animation-delay: 0s!important;
+ animation-delay: 0s!important
+}
+
+@-webkit-keyframes line-spin-fade-loader {
+ 50% {
+ opacity: .3
+ }
+ 100% {
+ opacity: 1
+ }
+}
+
+@keyframes line-spin-fade-loader {
+ 50% {
+ opacity: .3
+ }
+ 100% {
+ opacity: 1
+ }
+}
+
+.line-spin-fade-loader {
+ position: relative;
+ top: -10px;
+ left: -4px
+}
+
+.line-spin-fade-loader>div:nth-child(1) {
+ top: 20px;
+ left: 0;
+ -webkit-animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out;
+ animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out
+}
+
+.line-spin-fade-loader>div:nth-child(2) {
+ top: 13.64px;
+ left: 13.64px;
+ -webkit-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ -webkit-animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out;
+ animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out
+}
+
+.line-spin-fade-loader>div:nth-child(3) {
+ top: 0;
+ left: 20px;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+ -webkit-animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out;
+ animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out
+}
+
+.line-spin-fade-loader>div:nth-child(4) {
+ top: -13.64px;
+ left: 13.64px;
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ -webkit-animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out;
+ animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out
+}
+
+.line-spin-fade-loader>div:nth-child(5) {
+ top: -20px;
+ left: 0;
+ -webkit-animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out;
+ animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out
+}
+
+.line-spin-fade-loader>div:nth-child(6) {
+ top: -13.64px;
+ left: -13.64px;
+ -webkit-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ -webkit-animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out;
+ animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out
+}
+
+.line-spin-fade-loader>div:nth-child(7) {
+ top: 0;
+ left: -20px;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+ -webkit-animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out;
+ animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out
+}
+
+.line-spin-fade-loader>div:nth-child(8) {
+ top: 13.64px;
+ left: -13.64px;
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
+ animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out
+}
+
+.line-spin-fade-loader>div {
+ background-color: #fff;
+ border-radius: 2px;
+ margin: 2px;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ position: absolute;
+ width: 5px;
+ height: 15px
+}
+
+@-webkit-keyframes triangle-skew-spin {
+ 25% {
+ -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
+ transform: perspective(100px) rotateX(180deg) rotateY(0)
+ }
+ 50% {
+ -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
+ transform: perspective(100px) rotateX(180deg) rotateY(180deg)
+ }
+ 75% {
+ -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
+ transform: perspective(100px) rotateX(0) rotateY(180deg)
+ }
+ 100% {
+ -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
+ transform: perspective(100px) rotateX(0) rotateY(0)
+ }
+}
+
+@keyframes triangle-skew-spin {
+ 25% {
+ -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
+ transform: perspective(100px) rotateX(180deg) rotateY(0)
+ }
+ 50% {
+ -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
+ transform: perspective(100px) rotateX(180deg) rotateY(180deg)
+ }
+ 75% {
+ -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
+ transform: perspective(100px) rotateX(0) rotateY(180deg)
+ }
+ 100% {
+ -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
+ transform: perspective(100px) rotateX(0) rotateY(0)
+ }
+}
+
+.triangle-skew-spin>div {
+ width: 0;
+ height: 0;
+ border-left: 20px solid transparent;
+ border-right: 20px solid transparent;
+ border-bottom: 20px solid #fff;
+ -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
+ animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite
+}
+
+@-webkit-keyframes square-spin {
+ 25% {
+ -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
+ transform: perspective(100px) rotateX(180deg) rotateY(0)
+ }
+ 50% {
+ -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
+ transform: perspective(100px) rotateX(180deg) rotateY(180deg)
+ }
+ 75% {
+ -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
+ transform: perspective(100px) rotateX(0) rotateY(180deg)
+ }
+ 100% {
+ -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
+ transform: perspective(100px) rotateX(0) rotateY(0)
+ }
+}
+
+@keyframes square-spin {
+ 25% {
+ -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
+ transform: perspective(100px) rotateX(180deg) rotateY(0)
+ }
+ 50% {
+ -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
+ transform: perspective(100px) rotateX(180deg) rotateY(180deg)
+ }
+ 75% {
+ -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
+ transform: perspective(100px) rotateX(0) rotateY(180deg)
+ }
+ 100% {
+ -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
+ transform: perspective(100px) rotateX(0) rotateY(0)
+ }
+}
+
+.square-spin>div {
+ width: 50px;
+ height: 50px;
+ background: #fff;
+ border: 1px solid red;
+ -webkit-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
+ animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite
+}
+
+@-webkit-keyframes rotate_pacman_half_up {
+ 0% {
+ -webkit-transform: rotate(270deg);
+ transform: rotate(270deg)
+ }
+ 50% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg)
+ }
+ 100% {
+ -webkit-transform: rotate(270deg);
+ transform: rotate(270deg)
+ }
+}
+
+@keyframes rotate_pacman_half_up {
+ 0% {
+ -webkit-transform: rotate(270deg);
+ transform: rotate(270deg)
+ }
+ 50% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg)
+ }
+ 100% {
+ -webkit-transform: rotate(270deg);
+ transform: rotate(270deg)
+ }
+}
+
+@-webkit-keyframes rotate_pacman_half_down {
+ 0% {
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg)
+ }
+ 50% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg)
+ }
+ 100% {
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg)
+ }
+}
+
+@keyframes rotate_pacman_half_down {
+ 0% {
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg)
+ }
+ 50% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg)
+ }
+ 100% {
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg)
+ }
+}
+
+@-webkit-keyframes pacman-balls {
+ 75% {
+ opacity: .7
+ }
+ 100% {
+ -webkit-transform: translate(-100px, -6.25px);
+ transform: translate(-100px, -6.25px)
+ }
+}
+
+@keyframes pacman-balls {
+ 75% {
+ opacity: .7
+ }
+ 100% {
+ -webkit-transform: translate(-100px, -6.25px);
+ transform: translate(-100px, -6.25px)
+ }
+}
+
+.pacman {
+ position: relative
+}
+
+.pacman>div:nth-child(3) {
+ -webkit-animation: pacman-balls 1s -.66s infinite linear;
+ animation: pacman-balls 1s -.66s infinite linear
+}
+
+.pacman>div:nth-child(4) {
+ -webkit-animation: pacman-balls 1s -.33s infinite linear;
+ animation: pacman-balls 1s -.33s infinite linear
+}
+
+.pacman>div:nth-child(5) {
+ -webkit-animation: pacman-balls 1s 0s infinite linear;
+ animation: pacman-balls 1s 0s infinite linear
+}
+
+.pacman>div:first-of-type {
+ width: 0;
+ height: 0;
+ border-right: 25px solid transparent;
+ border-top: 25px solid #fff;
+ border-left: 25px solid #fff;
+ border-bottom: 25px solid #fff;
+ border-radius: 25px;
+ -webkit-animation: rotate_pacman_half_up .5s 0s infinite;
+ animation: rotate_pacman_half_up .5s 0s infinite;
+ position: relative;
+ left: -30px
+}
+
+.pacman>div:nth-child(2) {
+ width: 0;
+ height: 0;
+ border-right: 25px solid transparent;
+ border-top: 25px solid #fff;
+ border-left: 25px solid #fff;
+ border-bottom: 25px solid #fff;
+ border-radius: 25px;
+ -webkit-animation: rotate_pacman_half_down .5s 0s infinite;
+ animation: rotate_pacman_half_down .5s 0s infinite;
+ margin-top: -50px;
+ position: relative;
+ left: -30px
+}
+
+.pacman>div:nth-child(3),
+.pacman>div:nth-child(4),
+.pacman>div:nth-child(5),
+.pacman>div:nth-child(6) {
+ background-color: #fff;
+ border-radius: 100%;
+ margin: 2px;
+ width: 10px;
+ height: 10px;
+ position: absolute;
+ -webkit-transform: translate(0, -6.25px);
+ -ms-transform: translate(0, -6.25px);
+ transform: translate(0, -6.25px);
+ top: 25px;
+ left: 70px
+}
+
+@-webkit-keyframes cube-transition {
+ 25% {
+ -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
+ transform: translateX(50px) scale(0.5) rotate(-90deg)
+ }
+ 50% {
+ -webkit-transform: translate(50px, 50px) rotate(-180deg);
+ transform: translate(50px, 50px) rotate(-180deg)
+ }
+ 75% {
+ -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
+ transform: translateY(50px) scale(0.5) rotate(-270deg)
+ }
+ 100% {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg)
+ }
+}
+
+@keyframes cube-transition {
+ 25% {
+ -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
+ transform: translateX(50px) scale(0.5) rotate(-90deg)
+ }
+ 50% {
+ -webkit-transform: translate(50px, 50px) rotate(-180deg);
+ transform: translate(50px, 50px) rotate(-180deg)
+ }
+ 75% {
+ -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
+ transform: translateY(50px) scale(0.5) rotate(-270deg)
+ }
+ 100% {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg)
+ }
+}
+
+.cube-transition {
+ position: relative;
+ -webkit-transform: translate(-25px, -25px);
+ -ms-transform: translate(-25px, -25px);
+ transform: translate(-25px, -25px)
+}
+
+.cube-transition>div {
+ width: 10px;
+ height: 10px;
+ position: absolute;
+ top: -5px;
+ left: -5px;
+ background-color: #fff;
+ -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
+ animation: cube-transition 1.6s 0s infinite ease-in-out
+}
+
+.cube-transition>div:last-child {
+ -webkit-animation-delay: -.8s;
+ animation-delay: -.8s
+}
+
+@-webkit-keyframes spin-rotate {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg)
+ }
+ 50% {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg)
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg)
+ }
+}
+
+@keyframes spin-rotate {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg)
+ }
+ 50% {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg)
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg)
+ }
+}
+
+.semi-circle-spin {
+ position: relative;
+ width: 35px;
+ height: 35px;
+ overflow: hidden
+}
+
+.semi-circle-spin>div {
+ position: absolute;
+ border-width: 0;
+ border-radius: 100%;
+ -webkit-animation: spin-rotate .6s 0s infinite linear;
+ animation: spin-rotate .6s 0s infinite linear;
+ background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #fff 30%, #fff 100%);
+ background-image: linear-gradient(transparent 0, transparent 70%, #fff 30%, #fff 100%);
+ width: 100%;
+ height: 100%
+}
\ No newline at end of file
diff --git a/ForFuture_shop/css/loading.css b/ForFuture_shop/css/loading.css
new file mode 100644
index 0000000..601161c
--- /dev/null
+++ b/ForFuture_shop/css/loading.css
@@ -0,0 +1,41 @@
+.pacman > div:nth-child(3), .pacman > div:nth-child(4),
+.pacman > div:nth-child(5), .pacman > div:nth-child(6) {
+ background-color: #fc605a;
+ }
+ .pacman > div:first-of-type {
+ width: 0px;
+ height: 0px;
+ border-right: 25px solid transparent;
+ border-top: 25px solid #fc605a;
+ border-left: 25px solid #fc605a;
+ border-bottom: 25px solid #fc605a;}
+
+ .pacman > div:nth-child(2) {
+ width: 0px;
+ height: 0px;
+ border-right: 25px solid transparent;
+ border-top: 25px solid #fc605a;
+ border-left: 25px solid #fc605a;
+ border-bottom: 25px solid #fc605a;
+ }
+.loading {width: 100%; height: 100%; position: fixed;top: 0; left: 0; background-color: #fff; z-index: 50; }
+.loading .loader{ position: absolute; top: 50%; left: 50%;}
+.loader-chanage{-webkit-transition: all 0.7s ease-out;
+-moz-transition: all 0.7s ease-out;
+-ms-transition: all 0.7s ease-out;
+-o-transition: all 0.7s ease-out;
+transition: all 0.7s ease-out;
+ -webkit-transform: scale(1.4);
+ -moz-transform: scale(1.4);
+ -ms-transform: scale(1.4);
+ -o-transform: scale(1.4);
+ transform: scale(1.4);
+ opacity: 0;
+}
+
+
+
+
+
+
+
diff --git a/ForFuture_shop/css/mui.css b/ForFuture_shop/css/mui.css
new file mode 100644
index 0000000..8abf444
--- /dev/null
+++ b/ForFuture_shop/css/mui.css
@@ -0,0 +1,5612 @@
+/*!
+ * =====================================================
+ * Mui v3.7.2 (http://dev.dcloud.net.cn/mui)
+ * =====================================================
+ */
+
+/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+html
+{
+ font-family: sans-serif;
+
+ -webkit-text-size-adjust: 100%;
+}
+
+body
+{
+ margin: 0;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary
+{
+ display: block;
+}
+
+audio,
+canvas,
+progress,
+video
+{
+ display: inline-block;
+
+ vertical-align: baseline;
+}
+
+audio:not([controls])
+{
+ display: none;
+
+ height: 0;
+}
+
+[hidden],
+template
+{
+ display: none;
+}
+
+a
+{
+ background: transparent;
+}
+
+a:active,
+a:hover
+{
+ outline: 0;
+}
+
+abbr[title]
+{
+ border-bottom: 1px dotted;
+}
+
+b,
+strong
+{
+ font-weight: bold;
+}
+
+dfn
+{
+ font-style: italic;
+}
+
+h1
+{
+ font-size: 2em;
+
+ margin: .67em 0;
+}
+
+mark
+{
+ color: #000;
+ background: #ff0;
+}
+
+small
+{
+ font-size: 80%;
+}
+
+sub,
+sup
+{
+ font-size: 75%;
+ line-height: 0;
+
+ position: relative;
+
+ vertical-align: baseline;
+}
+
+sup
+{
+ top: -.5em;
+}
+
+sub
+{
+ bottom: -.25em;
+}
+
+img
+{
+ border: 0;
+}
+
+svg:not(:root)
+{
+ overflow: hidden;
+}
+
+figure
+{
+ margin: 1em 40px;
+}
+
+hr
+{
+ box-sizing: content-box;
+ height: 0;
+}
+
+pre
+{
+ overflow: auto;
+}
+
+code,
+kbd,
+pre,
+samp
+{
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea
+{
+ font: inherit;
+
+ margin: 0;
+
+ color: inherit;
+}
+
+button
+{
+ overflow: visible;
+}
+
+button,
+select
+{
+ text-transform: none;
+}
+
+button,
+html input[type='button'],
+input[type='reset'],
+input[type='submit']
+{
+ cursor: pointer;
+
+ -webkit-appearance: button;
+}
+
+button[disabled],
+html input[disabled]
+{
+ cursor: default;
+}
+
+input
+{
+ line-height: normal;
+}
+
+input[type='checkbox'],
+input[type='radio']
+{
+ box-sizing: border-box;
+ padding: 0;
+}
+
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button
+{
+ height: auto;
+}
+
+input[type='search']
+{
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+
+ -webkit-appearance: textfield;
+}
+
+input[type='search']::-webkit-search-cancel-button,
+input[type='search']::-webkit-search-decoration
+{
+ -webkit-appearance: none;
+}
+
+fieldset
+{
+ margin: 0 2px;
+ padding: .35em .625em .75em;
+
+ border: 1px solid #c0c0c0;
+}
+
+legend
+{
+ padding: 0;
+
+ border: 0;
+}
+
+textarea
+{
+ overflow: auto;
+}
+
+optgroup
+{
+ font-weight: bold;
+}
+
+table
+{
+ border-spacing: 0;
+ border-collapse: collapse;
+}
+
+td,
+th
+{
+ padding: 0;
+}
+
+*
+{
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+
+ -webkit-user-select: none;
+
+ outline: none;
+
+ -webkit-tap-highlight-color: transparent;
+ -webkit-tap-highlight-color: transparent;
+}
+
+body
+{
+ font-family: 'Helvetica Neue', Helvetica, sans-serif;
+ font-size: 17px;
+ line-height: 21px;
+
+ color: #000;
+ background-color: #efeff4;
+
+ -webkit-overflow-scrolling: touch;
+}
+
+a
+{
+ text-decoration: none;
+
+ color: #007aff;
+}
+a:active
+{
+ color: #0062cc;
+}
+
+.mui-content
+{
+ background-color: #efeff4;
+
+ -webkit-overflow-scrolling: touch;
+}
+
+.mui-bar-nav ~ .mui-content
+{
+ padding-top: 44px;
+}
+.mui-bar-nav ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical
+{
+ top: 44px;
+}
+
+.mui-bar-header-secondary ~ .mui-content
+{
+ padding-top: 88px;
+}
+.mui-bar-header-secondary ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical
+{
+ top: 88px;
+}
+
+.mui-bar-footer ~ .mui-content
+{
+ padding-bottom: 44px;
+}
+.mui-bar-footer ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical
+{
+ bottom: 44px;
+}
+
+.mui-bar-footer-secondary ~ .mui-content
+{
+ padding-bottom: 88px;
+}
+.mui-bar-footer-secondary ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical
+{
+ bottom: 88px;
+}
+
+.mui-bar-tab ~ .mui-content
+{
+ padding-bottom: 50px;
+}
+.mui-bar-tab ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical
+{
+ bottom: 50px;
+}
+
+.mui-bar-footer-secondary-tab ~ .mui-content
+{
+ padding-bottom: 94px;
+}
+.mui-bar-footer-secondary-tab ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical
+{
+ bottom: 94px;
+}
+
+.mui-content-padded
+{
+ margin: 10px;
+}
+
+.mui-inline
+{
+ display: inline-block;
+
+ vertical-align: top;
+}
+
+.mui-block
+{
+ display: block !important;
+}
+
+.mui-visibility
+{
+ visibility: visible !important;
+}
+
+.mui-hidden
+{
+ display: none !important;
+}
+
+.mui-ellipsis
+{
+ overflow: hidden;
+
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+.mui-ellipsis-2
+{
+ display: -webkit-box;
+ overflow: hidden;
+
+ white-space: normal !important;
+ text-overflow: ellipsis;
+ word-wrap: break-word;
+
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+}
+
+.mui-table
+{
+ display: table;
+
+ width: 100%;
+
+ table-layout: fixed;
+}
+
+.mui-table-cell
+{
+ position: relative;
+
+ display: table-cell;
+}
+
+.mui-text-left
+{
+ text-align: left !important;
+}
+
+.mui-text-center
+{
+ text-align: center !important;
+}
+
+.mui-text-justify
+{
+ text-align: justify !important;
+}
+
+.mui-text-right
+{
+ text-align: right !important;
+}
+
+.mui-pull-left
+{
+ float: left;
+}
+
+.mui-pull-right
+{
+ float: right;
+}
+
+.mui-list-unstyled
+{
+ padding-left: 0;
+
+ list-style: none;
+}
+
+.mui-list-inline
+{
+ margin-left: -5px;
+ padding-left: 0;
+
+ list-style: none;
+}
+
+.mui-list-inline > li
+{
+ display: inline-block;
+
+ padding-right: 5px;
+ padding-left: 5px;
+}
+
+.mui-clearfix:before, .mui-clearfix:after
+{
+ display: table;
+
+ content: ' ';
+}
+.mui-clearfix:after
+{
+ clear: both;
+}
+
+.mui-bg-primary
+{
+ background-color: #007aff;
+}
+
+.mui-bg-positive
+{
+ background-color: #4cd964;
+}
+
+.mui-bg-negative
+{
+ background-color: #dd524d;
+}
+
+.mui-error
+{
+ margin: 88px 35px;
+ padding: 10px;
+
+ border-radius: 6px;
+ background-color: #bbb;
+}
+
+.mui-subtitle
+{
+ font-size: 15px;
+}
+
+h1, h2, h3, h4, h5, h6
+{
+ line-height: 1;
+
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+h1, .mui-h1
+{
+ font-size: 36px;
+}
+
+h2, .mui-h2
+{
+ font-size: 30px;
+}
+
+h3, .mui-h3
+{
+ font-size: 24px;
+}
+
+h4, .mui-h4
+{
+ font-size: 18px;
+}
+
+h5, .mui-h5
+{
+ font-size: 14px;
+ font-weight: normal;
+
+ color: #8f8f94;
+}
+
+h6, .mui-h6
+{
+ font-size: 12px;
+ font-weight: normal;
+
+ color: #8f8f94;
+}
+
+p
+{
+ font-size: 14px;
+
+ margin-top: 0;
+ margin-bottom: 10px;
+
+ color: #8f8f94;
+}
+
+.mui-row:before, .mui-row:after
+{
+ display: table;
+
+ content: ' ';
+}
+.mui-row:after
+{
+ clear: both;
+}
+
+.mui-col-xs-1, .mui-col-sm-1, .mui-col-xs-2, .mui-col-sm-2, .mui-col-xs-3, .mui-col-sm-3, .mui-col-xs-4, .mui-col-sm-4, .mui-col-xs-5, .mui-col-sm-5, .mui-col-xs-6, .mui-col-sm-6, .mui-col-xs-7, .mui-col-sm-7, .mui-col-xs-8, .mui-col-sm-8, .mui-col-xs-9, .mui-col-sm-9, .mui-col-xs-10, .mui-col-sm-10, .mui-col-xs-11, .mui-col-sm-11, .mui-col-xs-12, .mui-col-sm-12
+{
+ position: relative;
+
+ min-height: 1px;
+}
+
+.mui-row > [class*='mui-col-']
+{
+ float: left;
+}
+
+.mui-col-xs-12
+{
+ width: 100%;
+}
+
+.mui-col-xs-11
+{
+ width: 91.66666667%;
+}
+
+.mui-col-xs-10
+{
+ width: 83.33333333%;
+}
+
+.mui-col-xs-9
+{
+ width: 75%;
+}
+
+.mui-col-xs-8
+{
+ width: 66.66666667%;
+}
+
+.mui-col-xs-7
+{
+ width: 58.33333333%;
+}
+
+.mui-col-xs-6
+{
+ width: 50%;
+}
+
+.mui-col-xs-5
+{
+ width: 41.66666667%;
+}
+
+.mui-col-xs-4
+{
+ width: 33.33333333%;
+}
+
+.mui-col-xs-3
+{
+ width: 25%;
+}
+
+.mui-col-xs-2
+{
+ width: 16.66666667%;
+}
+
+.mui-col-xs-1
+{
+ width: 8.33333333%;
+}
+
+@media (min-width: 400px)
+{
+ .mui-col-sm-12
+ {
+ width: 100%;
+ }
+
+ .mui-col-sm-11
+ {
+ width: 91.66666667%;
+ }
+
+ .mui-col-sm-10
+ {
+ width: 83.33333333%;
+ }
+
+ .mui-col-sm-9
+ {
+ width: 75%;
+ }
+
+ .mui-col-sm-8
+ {
+ width: 66.66666667%;
+ }
+
+ .mui-col-sm-7
+ {
+ width: 58.33333333%;
+ }
+
+ .mui-col-sm-6
+ {
+ width: 50%;
+ }
+
+ .mui-col-sm-5
+ {
+ width: 41.66666667%;
+ }
+
+ .mui-col-sm-4
+ {
+ width: 33.33333333%;
+ }
+
+ .mui-col-sm-3
+ {
+ width: 25%;
+ }
+
+ .mui-col-sm-2
+ {
+ width: 16.66666667%;
+ }
+
+ .mui-col-sm-1
+ {
+ width: 8.33333333%;
+ }
+}
+.mui-scroll-wrapper
+{
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ bottom: 0;
+ left: 0;
+
+ overflow: hidden;
+
+ width: 100%;
+}
+
+.mui-scroll
+{
+ position: absolute;
+ z-index: 1;
+
+ width: 100%;
+}
+
+.mui-scrollbar
+{
+ position: absolute;
+ z-index: 9998;
+
+ overflow: hidden;
+
+ -webkit-transition: 500ms;
+ transition: 500ms;
+ transform: translateZ(0px);
+ pointer-events: none;
+
+ opacity: 0;
+}
+
+.mui-scrollbar-vertical
+{
+ top: 0;
+ right: 1px;
+ bottom: 2px;
+
+ width: 4px;
+}
+.mui-scrollbar-vertical .mui-scrollbar-indicator
+{
+ width: 100%;
+}
+
+.mui-scrollbar-horizontal
+{
+ right: 2px;
+ bottom: 0;
+ left: 2px;
+
+ height: 4px;
+}
+.mui-scrollbar-horizontal .mui-scrollbar-indicator
+{
+ height: 100%;
+}
+
+.mui-scrollbar-indicator
+{
+ position: absolute;
+
+ display: block;
+
+ box-sizing: border-box;
+
+ -webkit-transition: .01s cubic-bezier(.1, .57, .1, 1);
+ transition: .01s cubic-bezier(.1, .57, .1, 1);
+ transform: translate(0px, 0px) translateZ(0px);
+
+ border: 1px solid rgba(255, 255, 255, .80196);
+ border-radius: 2px;
+ background: rgba(0, 0, 0, .39804);
+}
+
+.mui-plus-pullrefresh .mui-fullscreen .mui-scroll-wrapper .mui-scroll-wrapper, .mui-plus-pullrefresh .mui-fullscreen .mui-slider-group .mui-scroll-wrapper
+{
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+
+ overflow: hidden;
+
+ width: 100%;
+}
+.mui-plus-pullrefresh .mui-fullscreen .mui-scroll-wrapper .mui-scroll, .mui-plus-pullrefresh .mui-fullscreen .mui-slider-group .mui-scroll
+{
+ position: absolute;
+
+ width: 100%;
+}
+.mui-plus-pullrefresh .mui-scroll-wrapper, .mui-plus-pullrefresh .mui-slider-group
+{
+ position: static;
+ top: auto;
+ bottom: auto;
+ left: auto;
+
+ overflow: auto;
+
+ width: auto;
+}
+.mui-plus-pullrefresh .mui-slider-group
+{
+ overflow: visible;
+}
+.mui-plus-pullrefresh .mui-scroll
+{
+ position: static;
+
+ width: auto;
+}
+
+.mui-off-canvas-wrap .mui-bar
+{
+ position: absolute !important;
+
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.mui-off-canvas-wrap
+{
+ position: relative;
+ z-index: 1;
+
+ overflow: hidden;
+
+ width: 100%;
+ height: 100%;
+}
+.mui-off-canvas-wrap .mui-inner-wrap
+{
+ position: relative;
+ z-index: 1;
+
+ width: 100%;
+ height: 100%;
+}
+.mui-off-canvas-wrap .mui-inner-wrap.mui-transitioning
+{
+ -webkit-transition: -webkit-transform 350ms;
+ transition: transform 350ms cubic-bezier(.165, .84, .44, 1);
+}
+.mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-left
+{
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+}
+.mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-right
+{
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+}
+.mui-off-canvas-wrap.mui-active
+{
+ overflow: hidden;
+
+ height: 100%;
+}
+.mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop
+{
+ position: absolute;
+ z-index: 998;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+
+ display: block;
+
+ transition: background 350ms cubic-bezier(.165, .84, .44, 1);
+
+ background: rgba(0, 0, 0, .4);
+ box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
+
+ -webkit-tap-highlight-color: transparent;
+}
+.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-right
+{
+ z-index: 10000 !important;
+
+ -webkit-transform: translate3d(100%, 0px, 0px);
+}
+.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-left
+{
+ z-index: 10000 !important;
+
+ -webkit-transform: translate3d(-100%, 0px, 0px);
+}
+
+.mui-off-canvas-left, .mui-off-canvas-right
+{
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ bottom: 0;
+
+ visibility: hidden;
+
+ box-sizing: content-box;
+ width: 70%;
+ min-height: 100%;
+
+ background: #333;
+
+ -webkit-overflow-scrolling: touch;
+}
+.mui-off-canvas-left.mui-transitioning, .mui-off-canvas-right.mui-transitioning
+{
+ -webkit-transition: -webkit-transform 350ms cubic-bezier(.165, .84, .44, 1);
+ transition: transform 350ms cubic-bezier(.165, .84, .44, 1);
+}
+
+.mui-off-canvas-left
+{
+ left: 0;
+}
+
+.mui-off-canvas-right
+{
+ right: 0;
+}
+
+.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable
+{
+ background-color: #333;
+}
+.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable > .mui-off-canvas-left, .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable > .mui-off-canvas-right
+{
+ width: 80%;
+
+ -webkit-transform: scale(.8);
+ transform: scale(.8);
+
+ opacity: .1;
+}
+.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable > .mui-off-canvas-left.mui-transitioning, .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable > .mui-off-canvas-right.mui-transitioning
+{
+ -webkit-transition: -webkit-transform 350ms cubic-bezier(.165, .84, .44, 1), opacity 350ms cubic-bezier(.165, .84, .44, 1);
+ transition: transform 350ms cubic-bezier(.165, .84, .44, 1), opacity 350ms cubic-bezier(.165, .84, .44, 1);
+}
+.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable > .mui-off-canvas-left
+{
+ -webkit-transform-origin: -100%;
+ transform-origin: -100%;
+}
+.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable > .mui-off-canvas-right
+{
+ -webkit-transform-origin: 200%;
+ transform-origin: 200%;
+}
+.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active > .mui-inner-wrap
+{
+ -webkit-transform: scale(.8);
+ transform: scale(.8);
+}
+.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active > .mui-off-canvas-left, .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active > .mui-off-canvas-right
+{
+ -webkit-transform: scale(1);
+ transform: scale(1);
+
+ opacity: 1;
+}
+
+.mui-loading .mui-spinner
+{
+ display: block;
+
+ margin: 0 auto;
+}
+
+.mui-spinner
+{
+ display: inline-block;
+
+ width: 24px;
+ height: 24px;
+
+ -webkit-transform-origin: 50%;
+ transform-origin: 50%;
+ -webkit-animation: spinner-spin 1s step-end infinite;
+ animation: spinner-spin 1s step-end infinite;
+}
+
+.mui-spinner:after
+{
+ display: block;
+
+ width: 100%;
+ height: 100%;
+
+ content: '';
+
+ background-image: url('data:image/svg+xml;charset=utf-8,
');
+ background-repeat: no-repeat;
+ background-position: 50%;
+ background-size: 100%;
+}
+
+.mui-spinner-white:after
+{
+ background-image: url('data:image/svg+xml;charset=utf-8,
');
+}
+
+@-webkit-keyframes spinner-spin
+{
+ 0%
+ {
+ -webkit-transform: rotate(0deg);
+ }
+
+ 8.33333333%
+ {
+ -webkit-transform: rotate(30deg);
+ }
+
+ 16.66666667%
+ {
+ -webkit-transform: rotate(60deg);
+ }
+
+ 25%
+ {
+ -webkit-transform: rotate(90deg);
+ }
+
+ 33.33333333%
+ {
+ -webkit-transform: rotate(120deg);
+ }
+
+ 41.66666667%
+ {
+ -webkit-transform: rotate(150deg);
+ }
+
+ 50%
+ {
+ -webkit-transform: rotate(180deg);
+ }
+
+ 58.33333333%
+ {
+ -webkit-transform: rotate(210deg);
+ }
+
+ 66.66666667%
+ {
+ -webkit-transform: rotate(240deg);
+ }
+
+ 75%
+ {
+ -webkit-transform: rotate(270deg);
+ }
+
+ 83.33333333%
+ {
+ -webkit-transform: rotate(300deg);
+ }
+
+ 91.66666667%
+ {
+ -webkit-transform: rotate(330deg);
+ }
+
+ 100%
+ {
+ -webkit-transform: rotate(360deg);
+ }
+}
+@keyframes spinner-spin
+{
+ 0%
+ {
+ transform: rotate(0deg);
+ }
+
+ 8.33333333%
+ {
+ transform: rotate(30deg);
+ }
+
+ 16.66666667%
+ {
+ transform: rotate(60deg);
+ }
+
+ 25%
+ {
+ transform: rotate(90deg);
+ }
+
+ 33.33333333%
+ {
+ transform: rotate(120deg);
+ }
+
+ 41.66666667%
+ {
+ transform: rotate(150deg);
+ }
+
+ 50%
+ {
+ transform: rotate(180deg);
+ }
+
+ 58.33333333%
+ {
+ transform: rotate(210deg);
+ }
+
+ 66.66666667%
+ {
+ transform: rotate(240deg);
+ }
+
+ 75%
+ {
+ transform: rotate(270deg);
+ }
+
+ 83.33333333%
+ {
+ transform: rotate(300deg);
+ }
+
+ 91.66666667%
+ {
+ transform: rotate(330deg);
+ }
+
+ 100%
+ {
+ transform: rotate(360deg);
+ }
+}
+input[type='button'],
+input[type='submit'],
+input[type='reset'],
+button,
+.mui-btn
+{
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 1.42;
+
+ position: relative;
+
+ display: inline-block;
+
+ margin-bottom: 0;
+ padding: 6px 12px;
+
+ cursor: pointer;
+ -webkit-transition: all;
+ transition: all;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
+ -webkit-transition-duration: .2s;
+ transition-duration: .2s;
+ text-align: center;
+ vertical-align: top;
+ white-space: nowrap;
+
+ color: #333;
+ border: 1px solid #ccc;
+ border-radius: 3px;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ background-color: #fff;
+ background-clip: padding-box;
+}
+input[type='button']:enabled:active, input[type='button'].mui-active:enabled,
+input[type='submit']:enabled:active,
+input[type='submit'].mui-active:enabled,
+input[type='reset']:enabled:active,
+input[type='reset'].mui-active:enabled,
+button:enabled:active,
+button.mui-active:enabled,
+.mui-btn:enabled:active,
+.mui-btn.mui-active:enabled
+{
+ color: #fff;
+ background-color: #929292;
+}
+input[type='button']:disabled, input[type='button'].mui-disabled,
+input[type='submit']:disabled,
+input[type='submit'].mui-disabled,
+input[type='reset']:disabled,
+input[type='reset'].mui-disabled,
+button:disabled,
+button.mui-disabled,
+.mui-btn:disabled,
+.mui-btn.mui-disabled
+{
+ opacity: .6;
+}
+
+input[type='submit'],
+.mui-btn-primary,
+.mui-btn-blue
+{
+ color: #fff;
+ border: 1px solid #007aff;
+ background-color: #007aff;
+}
+input[type='submit']:enabled:active, input[type='submit'].mui-active:enabled,
+.mui-btn-primary:enabled:active,
+.mui-btn-primary.mui-active:enabled,
+.mui-btn-blue:enabled:active,
+.mui-btn-blue.mui-active:enabled
+{
+ color: #fff;
+ border: 1px solid #0062cc;
+ background-color: #0062cc;
+}
+
+.mui-btn-positive,
+.mui-btn-success,
+.mui-btn-green
+{
+ color: #fff;
+ border: 1px solid #4cd964;
+ background-color: #4cd964;
+}
+.mui-btn-positive:enabled:active, .mui-btn-positive.mui-active:enabled,
+.mui-btn-success:enabled:active,
+.mui-btn-success.mui-active:enabled,
+.mui-btn-green:enabled:active,
+.mui-btn-green.mui-active:enabled
+{
+ color: #fff;
+ border: 1px solid #2ac845;
+ background-color: #2ac845;
+}
+
+.mui-btn-warning,
+.mui-btn-yellow
+{
+ color: #fff;
+ border: 1px solid #f0ad4e;
+ background-color: #f0ad4e;
+}
+.mui-btn-warning:enabled:active, .mui-btn-warning.mui-active:enabled,
+.mui-btn-yellow:enabled:active,
+.mui-btn-yellow.mui-active:enabled
+{
+ color: #fff;
+ border: 1px solid #ec971f;
+ background-color: #ec971f;
+}
+
+.mui-btn-negative,
+.mui-btn-danger,
+.mui-btn-red
+{
+ color: #fff;
+ border: 1px solid #dd524d;
+ background-color: #dd524d;
+}
+.mui-btn-negative:enabled:active, .mui-btn-negative.mui-active:enabled,
+.mui-btn-danger:enabled:active,
+.mui-btn-danger.mui-active:enabled,
+.mui-btn-red:enabled:active,
+.mui-btn-red.mui-active:enabled
+{
+ color: #fff;
+ border: 1px solid #cf2d28;
+ background-color: #cf2d28;
+}
+
+.mui-btn-royal,
+.mui-btn-purple
+{
+ color: #fff;
+ border: 1px solid #8a6de9;
+ background-color: #8a6de9;
+}
+.mui-btn-royal:enabled:active, .mui-btn-royal.mui-active:enabled,
+.mui-btn-purple:enabled:active,
+.mui-btn-purple.mui-active:enabled
+{
+ color: #fff;
+ border: 1px solid #6641e2;
+ background-color: #6641e2;
+}
+
+.mui-btn-grey
+{
+ color: #fff;
+ border: 1px solid #c7c7cc;
+ background-color: #c7c7cc;
+}
+.mui-btn-grey:enabled:active, .mui-btn-grey.mui-active:enabled
+{
+ color: #fff;
+ border: 1px solid #acacb4;
+ background-color: #acacb4;
+}
+
+.mui-btn-outlined
+{
+ background-color: transparent;
+}
+.mui-btn-outlined.mui-btn-primary, .mui-btn-outlined.mui-btn-blue
+{
+ color: #007aff;
+}
+.mui-btn-outlined.mui-btn-positive, .mui-btn-outlined.mui-btn-success, .mui-btn-outlined.mui-btn-green
+{
+ color: #4cd964;
+}
+.mui-btn-outlined.mui-btn-warning, .mui-btn-outlined.mui-btn-yellow
+{
+ color: #f0ad4e;
+}
+.mui-btn-outlined.mui-btn-negative, .mui-btn-outlined.mui-btn-danger, .mui-btn-outlined.mui-btn-red
+{
+ color: #dd524d;
+}
+.mui-btn-outlined.mui-btn-royal, .mui-btn-outlined.mui-btn-purple
+{
+ color: #8a6de9;
+}
+.mui-btn-outlined.mui-btn-primary:enabled:active, .mui-btn-outlined.mui-btn-blue:enabled:active, .mui-btn-outlined.mui-btn-positive:enabled:active, .mui-btn-outlined.mui-btn-success:enabled:active, .mui-btn-outlined.mui-btn-green:enabled:active, .mui-btn-outlined.mui-btn-warning:enabled:active, .mui-btn-outlined.mui-btn-yellow:enabled:active, .mui-btn-outlined.mui-btn-negative:enabled:active, .mui-btn-outlined.mui-btn-danger:enabled:active, .mui-btn-outlined.mui-btn-red:enabled:active, .mui-btn-outlined.mui-btn-royal:enabled:active, .mui-btn-outlined.mui-btn-purple:enabled:active
+{
+ color: #fff;
+}
+
+.mui-btn-link
+{
+ padding-top: 6px;
+ padding-bottom: 6px;
+
+ color: #007aff;
+ border: 0;
+ background-color: transparent;
+}
+.mui-btn-link:enabled:active, .mui-btn-link.mui-active:enabled
+{
+ color: #0062cc;
+ background-color: transparent;
+}
+
+.mui-btn-block
+{
+ font-size: 18px;
+
+ display: block;
+
+ width: 100%;
+ margin-bottom: 10px;
+ padding: 15px 0;
+}
+
+.mui-btn .mui-badge
+{
+ font-size: 14px;
+
+ margin: -2px -4px -2px 4px;
+
+ background-color: rgba(0, 0, 0, .15);
+}
+
+.mui-btn .mui-badge-inverted,
+.mui-btn:enabled:active .mui-badge-inverted
+{
+ background-color: transparent;
+}
+
+.mui-btn-primary:enabled:active .mui-badge-inverted,
+.mui-btn-positive:enabled:active .mui-badge-inverted,
+.mui-btn-negative:enabled:active .mui-badge-inverted
+{
+ color: #fff;
+}
+
+.mui-btn-block .mui-badge
+{
+ position: absolute;
+ right: 0;
+
+ margin-right: 10px;
+}
+
+.mui-btn .mui-icon
+{
+ font-size: inherit;
+}
+
+.mui-btn.mui-icon
+{
+ font-size: 14px;
+ line-height: 1.42;
+}
+
+.mui-btn.mui-fab
+{
+ width: 56px;
+ height: 56px;
+ padding: 16px;
+
+ border-radius: 50%;
+ outline: none;
+}
+.mui-btn.mui-fab.mui-btn-mini
+{
+ width: 40px;
+ height: 40px;
+ padding: 8px;
+}
+.mui-btn.mui-fab .mui-icon
+{
+ font-size: 24px;
+ line-height: 24px;
+
+ width: 24px;
+ height: 24px;
+}
+
+.mui-btn .mui-spinner
+{
+ width: 14px;
+ height: 14px;
+
+ vertical-align: text-bottom;
+}
+
+.mui-btn-block .mui-spinner
+{
+ width: 22px;
+ height: 22px;
+}
+
+.mui-bar
+{
+ position: fixed;
+ z-index: 10;
+ right: 0;
+ left: 0;
+
+ height: 44px;
+ padding-right: 10px;
+ padding-left: 10px;
+
+ border-bottom: 0;
+ background-color: #f7f7f7;
+ -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
+ box-shadow: 0 0 1px rgba(0, 0, 0, .85);
+
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+.mui-bar .mui-title
+{
+ right: 40px;
+ left: 40px;
+
+ display: inline-block;
+ overflow: hidden;
+
+ width: auto;
+ margin: 0;
+
+ text-overflow: ellipsis;
+}
+.mui-bar .mui-backdrop
+{
+ background: none;
+}
+
+.mui-bar-header-secondary
+{
+ top: 44px;
+}
+
+.mui-bar-footer
+{
+ bottom: 0;
+}
+
+.mui-bar-footer-secondary
+{
+ bottom: 44px;
+}
+
+.mui-bar-footer-secondary-tab
+{
+ bottom: 50px;
+}
+
+.mui-bar-footer,
+.mui-bar-footer-secondary,
+.mui-bar-footer-secondary-tab
+{
+ border-top: 0;
+}
+
+.mui-bar-transparent
+{
+ top: 0;
+
+ background-color: rgba(247, 247, 247, 0);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.mui-bar-nav
+{
+ top: 0;
+
+ -webkit-box-shadow: 0 1px 6px #ccc;
+ box-shadow: 0 1px 6px #ccc;
+}
+.mui-bar-nav ~ .mui-content .mui-anchor
+{
+ display: block;
+ visibility: hidden;
+
+ height: 45px;
+ margin-top: -45px;
+}
+.mui-bar-nav.mui-bar .mui-icon
+{
+ margin-right: -10px;
+ margin-left: -10px;
+ padding-right: 10px;
+ padding-left: 10px;
+}
+
+.mui-title
+{
+ font-size: 17px;
+ font-weight: 500;
+ line-height: 44px;
+
+ position: absolute;
+
+ display: block;
+
+ width: 100%;
+ margin: 0 -10px;
+ padding: 0;
+
+ text-align: center;
+ white-space: nowrap;
+
+ color: #000;
+}
+
+.mui-title a
+{
+ color: inherit;
+}
+
+.mui-bar-tab
+{
+ bottom: 0;
+
+ display: table;
+
+ width: 100%;
+ height: 50px;
+ padding: 0;
+
+ table-layout: fixed;
+
+ border-top: 0;
+ border-bottom: 0;
+
+ -webkit-touch-callout: none;
+}
+.mui-bar-tab .mui-tab-item
+{
+ display: table-cell;
+ overflow: hidden;
+
+ width: 1%;
+ height: 50px;
+
+ text-align: center;
+ vertical-align: middle;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+
+ color: #929292;
+}
+.mui-bar-tab .mui-tab-item.mui-active
+{
+ color: #007aff;
+}
+.mui-bar-tab .mui-tab-item .mui-icon
+{
+ top: 3px;
+
+ width: 24px;
+ height: 24px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.mui-bar-tab .mui-tab-item .mui-icon ~ .mui-tab-label
+{
+ font-size: 11px;
+
+ display: block;
+ overflow: hidden;
+
+ text-overflow: ellipsis;
+}
+.mui-bar-tab .mui-tab-item .mui-icon:active
+{
+ background: none;
+}
+
+.mui-focusin > .mui-bar-nav,
+.mui-focusin > .mui-bar-header-secondary
+{
+ position: absolute;
+}
+
+.mui-focusin > .mui-bar ~ .mui-content
+{
+ padding-bottom: 0;
+}
+
+.mui-bar .mui-btn
+{
+ font-weight: 400;
+
+ position: relative;
+ z-index: 20;
+ top: 7px;
+
+ margin-top: 0;
+ padding: 6px 12px 7px;
+}
+.mui-bar .mui-btn.mui-pull-right
+{
+ margin-left: 10px;
+}
+.mui-bar .mui-btn.mui-pull-left
+{
+ margin-right: 10px;
+}
+
+.mui-bar .mui-btn-link
+{
+ font-size: 16px;
+ line-height: 44px;
+
+ top: 0;
+
+ padding: 0;
+
+ color: #007aff;
+ border: 0;
+}
+.mui-bar .mui-btn-link:active, .mui-bar .mui-btn-link.mui-active
+{
+ color: #0062cc;
+}
+
+.mui-bar .mui-btn-block
+{
+ font-size: 16px;
+
+ top: 6px;
+
+ margin-bottom: 0;
+ padding: 5px 0;
+}
+
+.mui-bar .mui-btn-nav.mui-pull-left
+{
+ margin-left: -5px;
+}
+.mui-bar .mui-btn-nav.mui-pull-left .mui-icon-left-nav
+{
+ margin-right: -3px;
+}
+.mui-bar .mui-btn-nav.mui-pull-right
+{
+ margin-right: -5px;
+}
+.mui-bar .mui-btn-nav.mui-pull-right .mui-icon-right-nav
+{
+ margin-left: -3px;
+}
+.mui-bar .mui-btn-nav:active
+{
+ opacity: .3;
+}
+
+.mui-bar .mui-icon
+{
+ font-size: 24px;
+
+ position: relative;
+ z-index: 20;
+
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+.mui-bar .mui-icon:active
+{
+ opacity: .3;
+}
+.mui-bar .mui-btn .mui-icon
+{
+ top: 1px;
+
+ margin: 0;
+ padding: 0;
+}
+.mui-bar .mui-title .mui-icon
+{
+ margin: 0;
+ padding: 0;
+}
+.mui-bar .mui-title .mui-icon.mui-icon-caret
+{
+ top: 4px;
+
+ margin-left: -5px;
+}
+
+.mui-bar input[type='search']
+{
+ height: 29px;
+ margin: 6px 0;
+}
+
+.mui-bar .mui-input-row .mui-btn
+{
+ padding: 12px 10px;
+}
+
+.mui-bar .mui-search:before
+{
+ margin-top: -10px;
+}
+
+.mui-bar .mui-input-row .mui-input-clear ~ .mui-icon-clear,
+.mui-bar .mui-input-row .mui-input-speech ~ .mui-icon-speech
+{
+ top: 0;
+ right: 12px;
+}
+
+.mui-bar.mui-bar-header-secondary .mui-input-row .mui-input-clear ~ .mui-icon-clear,
+.mui-bar.mui-bar-header-secondary .mui-input-row .mui-input-speech ~ .mui-icon-speech
+{
+ top: 0;
+ right: 0;
+}
+
+.mui-bar .mui-segmented-control
+{
+ top: 7px;
+
+ width: auto;
+ margin: 0 auto;
+}
+
+.mui-bar.mui-bar-header-secondary .mui-segmented-control
+{
+ top: 0;
+}
+
+.mui-badge
+{
+ font-size: 12px;
+ line-height: 1;
+
+ display: inline-block;
+
+ padding: 3px 6px;
+
+ color: #333;
+ border-radius: 100px;
+ background-color: rgba(0, 0, 0, .15);
+}
+.mui-badge.mui-badge-inverted
+{
+ padding: 0 5px 0 0;
+
+ color: #929292;
+ background-color: transparent;
+}
+
+.mui-badge-primary, .mui-badge-blue
+{
+ color: #fff;
+ background-color: #007aff;
+}
+.mui-badge-primary.mui-badge-inverted, .mui-badge-blue.mui-badge-inverted
+{
+ color: #007aff;
+ background-color: transparent;
+}
+
+.mui-badge-success, .mui-badge-green
+{
+ color: #fff;
+ background-color: #4cd964;
+}
+.mui-badge-success.mui-badge-inverted, .mui-badge-green.mui-badge-inverted
+{
+ color: #4cd964;
+ background-color: transparent;
+}
+
+.mui-badge-warning, .mui-badge-yellow
+{
+ color: #fff;
+ background-color: #f0ad4e;
+}
+.mui-badge-warning.mui-badge-inverted, .mui-badge-yellow.mui-badge-inverted
+{
+ color: #f0ad4e;
+ background-color: transparent;
+}
+
+.mui-badge-danger, .mui-badge-red
+{
+ color: #fff;
+ background-color: #dd524d;
+}
+.mui-badge-danger.mui-badge-inverted, .mui-badge-red.mui-badge-inverted
+{
+ color: #dd524d;
+ background-color: transparent;
+}
+
+.mui-badge-royal, .mui-badge-purple
+{
+ color: #fff;
+ background-color: #8a6de9;
+}
+.mui-badge-royal.mui-badge-inverted, .mui-badge-purple.mui-badge-inverted
+{
+ color: #8a6de9;
+ background-color: transparent;
+}
+
+.mui-icon .mui-badge
+{
+ font-size: 10px;
+ line-height: 1.4;
+
+ position: absolute;
+ top: -2px;
+ left: 100%;
+
+ margin-left: -10px;
+ padding: 1px 5px;
+
+ color: white;
+ background: red;
+}
+
+.mui-card
+{
+ font-size: 14px;
+
+ position: relative;
+
+ overflow: hidden;
+
+ margin: 10px;
+
+ border-radius: 2px;
+ background-color: white;
+ background-clip: padding-box;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
+}
+
+.mui-content > .mui-card:first-child
+{
+ margin-top: 15px;
+}
+
+.mui-card .mui-input-group:before, .mui-card .mui-input-group:after
+{
+ height: 0;
+}
+.mui-card .mui-input-group .mui-input-row:last-child:before, .mui-card .mui-input-group .mui-input-row:last-child:after
+{
+ height: 0;
+}
+
+.mui-card .mui-table-view
+{
+ margin-bottom: 0;
+
+ border-top: 0;
+ border-bottom: 0;
+ border-radius: 6px;
+}
+.mui-card .mui-table-view .mui-table-view-divider:first-child, .mui-card .mui-table-view .mui-table-view-cell:first-child
+{
+ top: 0;
+
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+.mui-card .mui-table-view .mui-table-view-divider:last-child, .mui-card .mui-table-view .mui-table-view-cell:last-child
+{
+ border-bottom-right-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+.mui-card .mui-table-view:before, .mui-card .mui-table-view:after
+{
+ height: 0;
+}
+
+.mui-card > .mui-table-view > .mui-table-view-cell:last-child:before, .mui-card > .mui-table-view > .mui-table-view-cell:last-child:after
+{
+ height: 0;
+}
+
+.mui-card-header,
+.mui-card-footer
+{
+ position: relative;
+
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: flex;
+
+ min-height: 44px;
+ padding: 10px 15px;
+
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+}
+.mui-card-header .mui-card-link,
+.mui-card-footer .mui-card-link
+{
+ line-height: 44px;
+
+ position: relative;
+
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: flex;
+
+ height: 44px;
+ margin-top: -10px;
+ margin-bottom: -10px;
+
+ -webkit-transition-duration: .3s;
+ transition-duration: .3s;
+ text-decoration: none;
+
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+}
+
+.mui-card-header:after,
+.mui-card-footer:before
+{
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+
+ height: 1px;
+
+ content: '';
+ -webkit-transform: scaleY(.5);
+ transform: scaleY(.5);
+
+ background-color: #c8c7cc;
+}
+
+.mui-card-header
+{
+ font-size: 17px;
+
+ border-radius: 2px 2px 0 0;
+}
+.mui-card-header:after
+{
+ top: auto;
+ bottom: 0;
+}
+.mui-card-header > img:first-child
+{
+ font-size: 0;
+ line-height: 0;
+
+ float: left;
+
+ width: 34px;
+ height: 34px;
+}
+
+.mui-card-footer
+{
+ color: #6d6d72;
+ border-radius: 0 0 2px 2px;
+}
+
+.mui-card-content
+{
+ font-size: 14px;
+
+ position: relative;
+}
+
+.mui-card-content-inner
+{
+ position: relative;
+
+ padding: 15px;
+}
+
+.mui-card-media
+{
+ vertical-align: bottom;
+
+ color: #fff;
+ background-position: center;
+ background-size: cover;
+}
+
+.mui-card-header.mui-card-media
+{
+ display: block;
+
+ padding: 10px;
+}
+.mui-card-header.mui-card-media .mui-media-body
+{
+ font-size: 14px;
+ font-weight: 500;
+ line-height: 17px;
+
+ margin-bottom: 0;
+ margin-left: 44px;
+
+ color: #333;
+}
+.mui-card-header.mui-card-media .mui-media-body p
+{
+ font-size: 13px;
+
+ margin-bottom: 0;
+}
+
+.mui-table-view
+{
+ position: relative;
+
+ margin-top: 0;
+ margin-bottom: 0;
+ padding-left: 0;
+
+ list-style: none;
+
+ background-color: #fff;
+}
+.mui-table-view:after
+{
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+
+ height: 1px;
+
+ content: '';
+ -webkit-transform: scaleY(.5);
+ transform: scaleY(.5);
+
+ background-color: #c8c7cc;
+}
+.mui-table-view:before
+{
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+
+ height: 1px;
+
+ content: '';
+ -webkit-transform: scaleY(.5);
+ transform: scaleY(.5);
+
+ background-color: #c8c7cc;
+}
+.mui-table-view:before
+{
+ top: -1px;
+}
+
+.mui-table-view-icon .mui-table-view-cell .mui-navigate-right .mui-icon
+{
+ font-size: 20px;
+
+ margin-top: -1px;
+ margin-right: 5px;
+ margin-left: -5px;
+}
+.mui-table-view-icon .mui-table-view-cell:after
+{
+ left: 40px;
+}
+
+.mui-table-view-chevron .mui-table-view-cell
+{
+ padding-right: 65px;
+}
+.mui-table-view-chevron .mui-table-view-cell > a:not(.mui-btn)
+{
+ margin-right: -65px;
+}
+
+.mui-table-view-radio .mui-table-view-cell
+{
+ padding-right: 65px;
+}
+.mui-table-view-radio .mui-table-view-cell > a:not(.mui-btn)
+{
+ margin-right: -65px;
+}
+.mui-table-view-radio .mui-table-view-cell .mui-navigate-right:after
+{
+ font-size: 30px;
+ font-weight: 600;
+
+ right: 9px;
+
+ content: '';
+
+ color: #007aff;
+}
+.mui-table-view-radio .mui-table-view-cell.mui-selected .mui-navigate-right:after
+{
+ content: '\e472';
+}
+
+.mui-table-view-inverted
+{
+ color: #fff;
+ background: #333;
+}
+.mui-table-view-inverted:after
+{
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+
+ height: 1px;
+
+ content: '';
+ -webkit-transform: scaleY(.5);
+ transform: scaleY(.5);
+
+ background-color: #222;
+}
+.mui-table-view-inverted:before
+{
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+
+ height: 1px;
+
+ content: '';
+ -webkit-transform: scaleY(.5);
+ transform: scaleY(.5);
+
+ background-color: #222;
+}
+.mui-table-view-inverted .mui-table-view-cell:after
+{
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 15px;
+
+ height: 1px;
+
+ content: '';
+ -webkit-transform: scaleY(.5);
+ transform: scaleY(.5);
+
+ background-color: #222;
+}
+.mui-table-view-inverted .mui-table-view-cell.mui-active
+{
+ background-color: #242424;
+}
+.mui-table-view-inverted .mui-table-view-cell > a:not(.mui-btn).mui-active
+{
+ background-color: #242424;
+}
+
+.mui-table-view-cell
+{
+ position: relative;
+
+ overflow: hidden;
+
+ padding: 11px 15px;
+
+ -webkit-touch-callout: none;
+}
+.mui-table-view-cell:after
+{
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 15px;
+
+ height: 1px;
+
+ content: '';
+ -webkit-transform: scaleY(.5);
+ transform: scaleY(.5);
+
+ background-color: #c8c7cc;
+}
+.mui-table-view-cell.mui-radio input[type=radio], .mui-table-view-cell.mui-checkbox input[type=checkbox]
+{
+ top: 8px;
+}
+.mui-table-view-cell.mui-radio.mui-left, .mui-table-view-cell.mui-checkbox.mui-left
+{
+ padding-left: 58px;
+}
+.mui-table-view-cell.mui-active
+{
+ background-color: #eee;
+}
+.mui-table-view-cell:last-child:before, .mui-table-view-cell:last-child:after
+{
+ height: 0;
+}
+.mui-table-view-cell > a:not(.mui-btn)
+{
+ position: relative;
+
+ display: block;
+ overflow: hidden;
+
+ margin: -11px -15px;
+ padding: inherit;
+
+ white-space: nowrap;
+ text-overflow: ellipsis;
+
+ color: inherit;
+ /*&:active {
+ background-color: #eee;
+ }*/
+}
+.mui-table-view-cell > a:not(.mui-btn).mui-active
+{
+ background-color: #eee;
+}
+.mui-table-view-cell p
+{
+ margin-bottom: 0;
+}
+
+.mui-table-view-cell.mui-transitioning > .mui-slider-handle, .mui-table-view-cell.mui-transitioning > .mui-slider-left .mui-btn, .mui-table-view-cell.mui-transitioning > .mui-slider-right .mui-btn
+{
+ -webkit-transition: -webkit-transform 300ms ease;
+ transition: transform 300ms ease;
+}
+.mui-table-view-cell.mui-active > .mui-slider-handle
+{
+ background-color: #eee;
+}
+.mui-table-view-cell > .mui-slider-handle
+{
+ position: relative;
+
+ background-color: #fff;
+}
+.mui-table-view-cell > .mui-slider-handle.mui-navigate-right:after, .mui-table-view-cell > .mui-slider-handle .mui-navigate-right:after
+{
+ right: 0;
+}
+.mui-table-view-cell > .mui-slider-handle, .mui-table-view-cell > .mui-slider-left .mui-btn, .mui-table-view-cell > .mui-slider-right .mui-btn
+{
+ -webkit-transition: -webkit-transform 0ms ease;
+ transition: transform 0ms ease;
+}
+.mui-table-view-cell > .mui-slider-left, .mui-table-view-cell > .mui-slider-right
+{
+ position: absolute;
+ top: 0;
+
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: flex;
+
+ height: 100%;
+}
+.mui-table-view-cell > .mui-slider-left > .mui-btn, .mui-table-view-cell > .mui-slider-right > .mui-btn
+{
+ position: relative;
+ left: 0;
+
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: flex;
+
+ padding: 0 30px;
+
+ color: #fff;
+ border: 0;
+ border-radius: 0;
+
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+}
+.mui-table-view-cell > .mui-slider-left > .mui-btn:after, .mui-table-view-cell > .mui-slider-right > .mui-btn:after
+{
+ position: absolute;
+ z-index: -1;
+ top: 0;
+
+ width: 600%;
+ height: 100%;
+
+ content: '';
+
+ background: inherit;
+}
+.mui-table-view-cell > .mui-slider-left > .mui-btn.mui-icon, .mui-table-view-cell > .mui-slider-right > .mui-btn.mui-icon
+{
+ font-size: 30px;
+}
+.mui-table-view-cell > .mui-slider-right
+{
+ right: 0;
+
+ -webkit-transition: -webkit-transform 0ms ease;
+ transition: transform 0ms ease;
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+}
+.mui-table-view-cell > .mui-slider-left
+{
+ left: 0;
+
+ -webkit-transition: -webkit-transform 0ms ease;
+ transition: transform 0ms ease;
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+}
+.mui-table-view-cell > .mui-slider-left > .mui-btn:after
+{
+ right: 100%;
+
+ margin-right: -1px;
+}
+
+.mui-table-view-divider
+{
+ font-weight: 500;
+
+ position: relative;
+
+ margin-top: -1px;
+ margin-left: 0;
+ padding-top: 6px;
+ padding-bottom: 6px;
+ padding-left: 15px;
+
+ color: #999;
+ background-color: #fafafa;
+}
+.mui-table-view-divider:after
+{
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+
+ height: 1px;
+
+ content: '';
+ -webkit-transform: scaleY(.5);
+ transform: scaleY(.5);
+
+ background-color: #c8c7cc;
+}
+.mui-table-view-divider:before
+{
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+
+ height: 1px;
+
+ content: '';
+ -webkit-transform: scaleY(.5);
+ transform: scaleY(.5);
+
+ background-color: #c8c7cc;
+}
+
+.mui-table-view .mui-media,
+.mui-table-view .mui-media-body
+{
+ overflow: hidden;
+}
+
+.mui-table-view .mui-media-large .mui-media-object
+{
+ line-height: 80px;
+
+ max-width: 80px;
+ height: 80px;
+}
+.mui-table-view .mui-media .mui-subtitle
+{
+ color: #000;
+}
+.mui-table-view .mui-media-object
+{
+ line-height: 42px;
+
+ max-width: 42px;
+ height: 42px;
+}
+.mui-table-view .mui-media-object.mui-pull-left
+{
+ margin-right: 10px;
+}
+.mui-table-view .mui-media-object.mui-pull-right
+{
+ margin-left: 10px;
+}
+.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object
+{
+ line-height: 29px;
+
+ max-width: 29px;
+ height: 29px;
+ margin: -4px 0;
+}
+.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object img
+{
+ line-height: 29px;
+
+ max-width: 29px;
+ height: 29px;
+}
+.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object.mui-pull-left
+{
+ margin-right: 10px;
+}
+.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object .mui-icon
+{
+ font-size: 29px;
+}
+.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-body:after
+{
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 55px;
+
+ height: 1px;
+
+ content: '';
+ -webkit-transform: scaleY(.5);
+ transform: scaleY(.5);
+
+ background-color: #c8c7cc;
+}
+.mui-table-view .mui-table-view-cell.mui-media-icon:after
+{
+ height: 0 !important;
+}
+
+.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view
+{
+ display: block;
+}
+.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:before, .mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:after
+{
+ height: 0 !important;
+}
+.mui-table-view.mui-unfold .mui-table-view-cell.mui-media-icon.mui-collapse .mui-media-body:after
+{
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 70px;
+
+ height: 1px;
+
+ content: '';
+ -webkit-transform: scaleY(.5);
+ transform: scaleY(.5);
+
+ background-color: #c8c7cc;
+}
+
+.mui-table-view-cell > .mui-btn,
+.mui-table-view-cell > .mui-badge,
+.mui-table-view-cell > .mui-switch,
+.mui-table-view-cell > a > .mui-btn,
+.mui-table-view-cell > a > .mui-badge,
+.mui-table-view-cell > a > .mui-switch
+{
+ position: absolute;
+ top: 50%;
+ right: 15px;
+
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+.mui-table-view-cell .mui-navigate-right > .mui-btn,
+.mui-table-view-cell .mui-navigate-right > .mui-badge,
+.mui-table-view-cell .mui-navigate-right > .mui-switch,
+.mui-table-view-cell .mui-push-left > .mui-btn,
+.mui-table-view-cell .mui-push-left > .mui-badge,
+.mui-table-view-cell .mui-push-left > .mui-switch,
+.mui-table-view-cell .mui-push-right > .mui-btn,
+.mui-table-view-cell .mui-push-right > .mui-badge,
+.mui-table-view-cell .mui-push-right > .mui-switch,
+.mui-table-view-cell > a .mui-navigate-right > .mui-btn,
+.mui-table-view-cell > a .mui-navigate-right > .mui-badge,
+.mui-table-view-cell > a .mui-navigate-right > .mui-switch,
+.mui-table-view-cell > a .mui-push-left > .mui-btn,
+.mui-table-view-cell > a .mui-push-left > .mui-badge,
+.mui-table-view-cell > a .mui-push-left > .mui-switch,
+.mui-table-view-cell > a .mui-push-right > .mui-btn,
+.mui-table-view-cell > a .mui-push-right > .mui-badge,
+.mui-table-view-cell > a .mui-push-right > .mui-switch
+{
+ right: 35px;
+}
+
+.mui-content > .mui-table-view:first-child
+{
+ margin-top: 15px;
+}
+
+.mui-table-view-cell.mui-collapse .mui-table-view:before, .mui-table-view-cell.mui-collapse .mui-table-view:after
+{
+ height: 0;
+}
+.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:last-child:after
+{
+ height: 0;
+}
+.mui-table-view-cell.mui-collapse > .mui-navigate-right:after, .mui-table-view-cell.mui-collapse > .mui-push-right:after
+{
+ content: '\e581';
+}
+.mui-table-view-cell.mui-collapse.mui-active
+{
+ margin-top: -1px;
+}
+.mui-table-view-cell.mui-collapse.mui-active .mui-table-view, .mui-table-view-cell.mui-collapse.mui-active .mui-collapse-content
+{
+ display: block;
+}
+.mui-table-view-cell.mui-collapse.mui-active > .mui-navigate-right:after, .mui-table-view-cell.mui-collapse.mui-active > .mui-push-right:after
+{
+ content: '\e580';
+}
+.mui-table-view-cell.mui-collapse.mui-active .mui-table-view-cell > a:not(.mui-btn).mui-active
+{
+ margin-left: -31px;
+ padding-left: 47px;
+}
+.mui-table-view-cell.mui-collapse .mui-collapse-content
+{
+ position: relative;
+
+ display: none;
+ overflow: hidden;
+
+ margin: 11px -15px -11px;
+ padding: 8px 15px;
+
+ -webkit-transition: height .35s ease;
+ -o-transition: height .35s ease;
+ transition: height .35s ease;
+
+ background: white;
+}
+.mui-table-view-cell.mui-collapse .mui-collapse-content > .mui-input-group, .mui-table-view-cell.mui-collapse .mui-collapse-content > .mui-slider
+{
+ width: auto;
+ height: auto;
+ margin: -8px -15px;
+}
+.mui-table-view-cell.mui-collapse .mui-collapse-content > .mui-slider
+{
+ margin: -8px -16px;
+}
+.mui-table-view-cell.mui-collapse .mui-table-view
+{
+ display: none;
+
+ margin-top: 11px;
+ margin-right: -15px;
+ margin-bottom: -11px;
+ margin-left: -15px;
+
+ border: 0;
+}
+.mui-table-view-cell.mui-collapse .mui-table-view.mui-table-view-chevron
+{
+ margin-right: -65px;
+}
+.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell
+{
+ padding-left: 31px;
+
+ background-position: 31px 100%;
+}
+.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after
+{
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 30px;
+
+ height: 1px;
+
+ content: '';
+ -webkit-transform: scaleY(.5);
+ transform: scaleY(.5);
+
+ background-color: #c8c7cc;
+}
+
+.mui-table-view.mui-grid-view
+{
+ font-size: 0;
+
+ display: block;
+
+ width: 100%;
+ padding: 0 10px 10px 0;
+
+ white-space: normal;
+}
+.mui-table-view.mui-grid-view .mui-table-view-cell
+{
+ font-size: 17px;
+
+ display: inline-block;
+
+ margin-right: -4px;
+ padding: 10px 0 0 14px;
+
+ text-align: center;
+ vertical-align: middle;
+
+ background: none;
+}
+.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object
+{
+ width: 100%;
+ max-width: 100%;
+ height: auto;
+}
+.mui-table-view.mui-grid-view .mui-table-view-cell > a:not(.mui-btn)
+{
+ margin: -10px 0 0 -14px;
+}
+.mui-table-view.mui-grid-view .mui-table-view-cell > a:not(.mui-btn):active, .mui-table-view.mui-grid-view .mui-table-view-cell > a:not(.mui-btn).mui-active
+{
+ background: none;
+}
+.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body
+{
+ font-size: 15px;
+ line-height: 15px;
+
+ display: block;
+
+ width: 100%;
+ height: 15px;
+ margin-top: 8px;
+
+ text-overflow: ellipsis;
+
+ color: #333;
+}
+.mui-table-view.mui-grid-view .mui-table-view-cell:before, .mui-table-view.mui-grid-view .mui-table-view-cell:after
+{
+ height: 0;
+}
+
+.mui-grid-view.mui-grid-9
+{
+ margin: 0;
+ padding: 0;
+
+ border-top: 1px solid #eee;
+ border-left: 1px solid #eee;
+ background-color: #f2f2f2;
+}
+.mui-grid-view.mui-grid-9:before, .mui-grid-view.mui-grid-9:after
+{
+ display: table;
+
+ content: ' ';
+}
+.mui-grid-view.mui-grid-9:after
+{
+ clear: both;
+}
+.mui-grid-view.mui-grid-9:after
+{
+ position: static;
+}
+.mui-grid-view.mui-grid-9 .mui-table-view-cell
+{
+ margin: 0;
+ padding: 11px 15px;
+
+ vertical-align: top;
+
+ border-right: 1px solid #eee;
+ border-bottom: 1px solid #eee;
+}
+.mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-active
+{
+ background-color: #eee;
+}
+.mui-grid-view.mui-grid-9 .mui-table-view-cell > a:not(.mui-btn)
+{
+ margin: 0;
+ padding: 10px 0;
+}
+.mui-grid-view.mui-grid-9:before
+{
+ height: 0;
+}
+.mui-grid-view.mui-grid-9 .mui-media
+{
+ color: #797979;
+}
+.mui-grid-view.mui-grid-9 .mui-media .mui-icon
+{
+ font-size: 2.4em;
+
+ position: relative;
+}
+
+.mui-slider-cell
+{
+ position: relative;
+}
+.mui-slider-cell > .mui-slider-handle
+{
+ z-index: 1;
+}
+.mui-slider-cell > .mui-slider-left, .mui-slider-cell > .mui-slider-right
+{
+ position: absolute;
+ z-index: 0;
+ top: 0;
+ bottom: 0;
+}
+.mui-slider-cell > .mui-slider-left
+{
+ left: 0;
+}
+.mui-slider-cell > .mui-slider-right
+{
+ right: 0;
+}
+
+input,
+textarea,
+select
+{
+ font-family: 'Helvetica Neue', Helvetica, sans-serif;
+ font-size: 17px;
+
+ -webkit-tap-highlight-color: transparent;
+ -webkit-tap-highlight-color: transparent;
+}
+input:focus,
+textarea:focus,
+select:focus
+{
+ -webkit-tap-highlight-color: transparent;
+ -webkit-tap-highlight-color: transparent;
+ -webkit-user-modify: read-write-plaintext-only;
+}
+
+select,
+textarea,
+input[type='text'],
+input[type='search'],
+input[type='password'],
+input[type='datetime'],
+input[type='datetime-local'],
+input[type='date'],
+input[type='month'],
+input[type='time'],
+input[type='week'],
+input[type='number'],
+input[type='email'],
+input[type='url'],
+input[type='tel'],
+input[type='color']
+{
+ line-height: 21px;
+
+ width: 100%;
+ height: 40px;
+ margin-bottom: 15px;
+ padding: 10px 15px;
+
+ -webkit-user-select: text;
+
+ border: 1px solid rgba(0, 0, 0, .2);
+ border-radius: 3px;
+ outline: none;
+ background-color: #fff;
+
+ -webkit-appearance: none;
+}
+
+input[type=number]::-webkit-inner-spin-button,
+input[type=number]::-webkit-outer-spin-button
+{
+ margin: 0;
+
+ -webkit-appearance: none;
+}
+
+input[type='search']
+{
+ font-size: 16px;
+
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ height: 34px;
+
+ text-align: center;
+
+ border: 0;
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, .1);
+}
+
+input[type='search']:focus
+{
+ text-align: left;
+}
+
+textarea
+{
+ height: auto;
+
+ resize: none;
+}
+
+select
+{
+ font-size: 14px;
+
+ height: auto;
+ margin-top: 1px;
+
+ border: 0 !important;
+ background-color: #fff;
+}
+select:focus
+{
+ -webkit-user-modify: read-only;
+}
+
+.mui-input-group
+{
+ position: relative;
+
+ padding: 0;
+
+ border: 0;
+ background-color: #fff;
+}
+.mui-input-group:after
+{
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+
+ height: 1px;
+
+ content: '';
+ -webkit-transform: scaleY(.5);
+ transform: scaleY(.5);
+
+ background-color: #c8c7cc;
+}
+.mui-input-group:before
+{
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+
+ height: 1px;
+
+ content: '';
+ -webkit-transform: scaleY(.5);
+ transform: scaleY(.5);
+
+ background-color: #c8c7cc;
+}
+
+.mui-input-group input,
+.mui-input-group textarea
+{
+ margin-bottom: 0;
+
+ border: 0;
+ border-radius: 0;
+ background-color: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.mui-input-group input[type='search']
+{
+ background: none;
+}
+
+.mui-input-group input:last-child
+{
+ background-image: none;
+}
+
+.mui-input-row
+{
+ clear: left;
+ overflow: hidden;
+}
+.mui-input-row select
+{
+ font-size: 17px;
+
+ height: 37px;
+ padding: 0;
+}
+
+.mui-input-row:last-child,
+.mui-input-row label + input, .mui-input-row .mui-btn + input
+{
+ background: none;
+}
+
+.mui-input-group .mui-input-row
+{
+ height: 40px;
+}
+.mui-input-group .mui-input-row:after
+{
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 15px;
+
+ height: 1px;
+
+ content: '';
+ -webkit-transform: scaleY(.5);
+ transform: scaleY(.5);
+
+ background-color: #c8c7cc;
+}
+
+.mui-input-row label
+{
+ font-family: 'Helvetica Neue', Helvetica, sans-serif;
+ line-height: 1.1;
+
+ float: left;
+
+ width: 35%;
+ padding: 11px 15px;
+}
+
+.mui-input-row label ~ input, .mui-input-row label ~ select, .mui-input-row label ~ textarea
+{
+ float: right;
+
+ width: 65%;
+ margin-bottom: 0;
+ padding-left: 0;
+
+ border: 0;
+}
+
+.mui-input-row .mui-btn
+{
+ line-height: 1.1;
+
+ float: right;
+
+ width: 15%;
+ padding: 10px 15px;
+}
+
+.mui-input-row .mui-btn ~ input, .mui-input-row .mui-btn ~ select, .mui-input-row .mui-btn ~ textarea
+{
+ float: left;
+
+ width: 85%;
+ margin-bottom: 0;
+ padding-left: 0;
+
+ border: 0;
+}
+
+.mui-button-row
+{
+ position: relative;
+
+ padding-top: 5px;
+
+ text-align: center;
+}
+
+.mui-input-group .mui-button-row
+{
+ height: 45px;
+}
+
+.mui-input-row
+{
+ position: relative;
+}
+.mui-input-row.mui-input-range
+{
+ overflow: visible;
+
+ padding-right: 20px;
+}
+.mui-input-row .mui-inline
+{
+ padding: 8px 0;
+}
+.mui-input-row .mui-input-clear ~ .mui-icon-clear, .mui-input-row .mui-input-speech ~ .mui-icon-speech, .mui-input-row .mui-input-password ~ .mui-icon-eye
+{
+ font-size: 20px;
+
+ position: absolute;
+ z-index: 1;
+ top: 10px;
+ right: 0;
+
+ width: 38px;
+ height: 38px;
+
+ text-align: center;
+
+ color: #999;
+}
+.mui-input-row .mui-input-clear ~ .mui-icon-clear.mui-active, .mui-input-row .mui-input-speech ~ .mui-icon-speech.mui-active, .mui-input-row .mui-input-password ~ .mui-icon-eye.mui-active
+{
+ color: #007aff;
+}
+.mui-input-row .mui-input-speech ~ .mui-icon-speech
+{
+ font-size: 24px;
+
+ top: 8px;
+}
+.mui-input-row .mui-input-clear ~ .mui-icon-clear ~ .mui-icon-speech
+{
+ display: none;
+}
+.mui-input-row .mui-input-clear ~ .mui-icon-clear.mui-hidden ~ .mui-icon-speech
+{
+ display: inline-block;
+}
+.mui-input-row .mui-icon-speech ~ .mui-placeholder
+{
+ right: 38px;
+}
+.mui-input-row.mui-search .mui-icon-clear
+{
+ top: 7px;
+}
+.mui-input-row.mui-search .mui-icon-speech
+{
+ top: 5px;
+}
+
+.mui-radio, .mui-checkbox
+{
+ position: relative;
+}
+.mui-radio label, .mui-checkbox label
+{
+ display: inline-block;
+ float: none;
+
+ width: 100%;
+ padding-right: 58px;
+}
+
+.mui-radio.mui-left input[type='radio'], .mui-checkbox.mui-left input[type='checkbox']
+{
+ left: 20px;
+}
+
+.mui-radio.mui-left label, .mui-checkbox.mui-left label
+{
+ padding-right: 15px;
+ padding-left: 58px;
+}
+
+.mui-radio input[type='radio'], .mui-checkbox input[type='checkbox']
+{
+ position: absolute;
+ top: 4px;
+ right: 20px;
+
+ display: inline-block;
+
+ width: 28px;
+ height: 26px;
+
+ border: 0;
+ outline: 0 !important;
+ background-color: transparent;
+
+ -webkit-appearance: none;
+}
+.mui-radio input[type='radio'][disabled]:before, .mui-checkbox input[type='checkbox'][disabled]:before
+{
+ opacity: .3;
+}
+.mui-radio input[type='radio']:before, .mui-checkbox input[type='checkbox']:before
+{
+ font-family: Muiicons;
+ font-size: 28px;
+ font-weight: normal;
+ line-height: 1;
+
+ text-decoration: none;
+
+ color: #aaa;
+ border-radius: 0;
+ background: none;
+
+ -webkit-font-smoothing: antialiased;
+}
+.mui-radio input[type='radio']:checked:before, .mui-checkbox input[type='checkbox']:checked:before
+{
+ color: #007aff;
+}
+
+.mui-radio.mui-disabled label, .mui-radio label.mui-disabled, .mui-checkbox.mui-disabled label, .mui-checkbox label.mui-disabled
+{
+ opacity: .4;
+}
+
+.mui-radio input[type='radio']:before
+{
+ content: '\e411';
+}
+
+.mui-radio input[type='radio']:checked:before
+{
+ content: '\e441';
+}
+
+.mui-checkbox input[type='checkbox']:before
+{
+ content: '\e411';
+}
+
+.mui-checkbox input[type='checkbox']:checked:before
+{
+ content: '\e442';
+}
+
+.mui-select
+{
+ position: relative;
+}
+
+.mui-select:before
+{
+ font-family: Muiicons;
+
+ position: absolute;
+ top: 8px;
+ right: 21px;
+
+ content: '\e581';
+
+ color: rgba(170, 170, 170, .6);
+}
+
+.mui-input-row .mui-switch
+{
+ float: right;
+
+ margin-top: 5px;
+ margin-right: 20px;
+}
+
+.mui-input-range
+{
+ /*input[type="range"] {
+ -webkit-appearance: none;
+ background: #999;
+ height: 36px;
+ border-radius: 1px;
+ overflow: hidden;
+ margin-top: 2px;
+ margin-bottom: 2px;
+ outline:none;
+ position:relative;
+ width:100%;
+ }*/
+ /*input[type='range']::-webkit-slider-thumb {
+ -webkit-appearance: none!important;
+ opacity: 0.5;
+ height:28px;
+ width:28px;
+ border-radius: 50%;
+ background:#00b7fb;
+ position: relative;
+ pointer-events: none;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ &:before{
+ position: absolute;
+ top: 13px;
+ left: -2000px;
+ width: 2000px;
+ height: 2px;
+ background: #00b7fb;
+ content:' ';
+ }
+ }*/
+}
+.mui-input-range input[type='range']
+{
+ position: relative;
+
+ width: 100%;
+ height: 2px;
+ margin: 17px 0;
+ padding: 0;
+
+ cursor: pointer;
+
+ border: 0;
+ border-radius: 3px;
+ outline: none;
+ background-color: #999;
+
+ -webkit-appearance: none !important;
+}
+.mui-input-range input[type='range']::-webkit-slider-thumb
+{
+ width: 28px;
+ height: 28px;
+
+ border-color: #0062cc;
+ border-radius: 50%;
+ background-color: #007aff;
+ background-clip: padding-box;
+
+ -webkit-appearance: none !important;
+}
+.mui-input-range label ~ input[type='range']
+{
+ width: 65%;
+}
+.mui-input-range .mui-tooltip
+{
+ font-size: 36px;
+ line-height: 64px;
+
+ position: absolute;
+ z-index: 1;
+ top: -70px;
+
+ width: 64px;
+ height: 64px;
+
+ text-align: center;
+
+ opacity: .8;
+ color: #333;
+ border: 1px solid #ddd;
+ border-radius: 6px;
+ background-color: #fff;
+ text-shadow: 0 1px 0 #f3f3f3;
+}
+
+.mui-search
+{
+ position: relative;
+}
+.mui-search input[type='search']
+{
+ padding-left: 30px;
+}
+.mui-search .mui-placeholder
+{
+ font-size: 16px;
+ line-height: 34px;
+
+ position: absolute;
+ z-index: 1;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+
+ display: inline-block;
+
+ height: 34px;
+
+ text-align: center;
+
+ color: #999;
+ border: 0;
+ border-radius: 6px;
+ background: none;
+}
+.mui-search .mui-placeholder .mui-icon
+{
+ font-size: 20px;
+
+ color: #333;
+}
+.mui-search:before
+{
+ font-family: Muiicons;
+ font-size: 20px;
+ font-weight: normal;
+
+ position: absolute;
+ top: 50%;
+ right: 50%;
+
+ display: none;
+
+ margin-top: -18px;
+ margin-right: 31px;
+
+ content: '\e466';
+}
+.mui-search.mui-active:before
+{
+ font-size: 20px;
+
+ right: auto;
+ left: 5px;
+
+ display: block;
+
+ margin-right: 0;
+}
+.mui-search.mui-active input[type='search']
+{
+ text-align: left;
+}
+.mui-search.mui-active .mui-placeholder
+{
+ display: none;
+}
+
+.mui-segmented-control
+{
+ font-size: 15px;
+ font-weight: 400;
+
+ position: relative;
+
+ display: table;
+ overflow: hidden;
+
+ width: 100%;
+
+ table-layout: fixed;
+
+ border: 1px solid #007aff;
+ border-radius: 3px;
+ background-color: transparent;
+
+ -webkit-touch-callout: none;
+}
+.mui-segmented-control.mui-segmented-control-vertical
+{
+ border-collapse: collapse;
+
+ border-width: 0;
+ border-radius: 0;
+}
+.mui-segmented-control.mui-segmented-control-vertical .mui-control-item
+{
+ display: block;
+
+ border-bottom: 1px solid #c8c7cc;
+ border-left-width: 0;
+}
+.mui-segmented-control.mui-scroll-wrapper
+{
+ height: 38px;
+}
+.mui-segmented-control.mui-scroll-wrapper .mui-scroll
+{
+ width: auto;
+ height: 40px;
+
+ white-space: nowrap;
+}
+.mui-segmented-control.mui-scroll-wrapper .mui-control-item
+{
+ display: inline-block;
+
+ width: auto;
+ padding: 0 20px;
+
+ border: 0;
+}
+.mui-segmented-control .mui-control-item
+{
+ line-height: 38px;
+
+ display: table-cell;
+ overflow: hidden;
+
+ width: 1%;
+
+ -webkit-transition: background-color .1s linear;
+ transition: background-color .1s linear;
+ text-align: center;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+
+ color: #007aff;
+ border-color: #007aff;
+ border-left: 1px solid #007aff;
+}
+.mui-segmented-control .mui-control-item:first-child
+{
+ border-left-width: 0;
+}
+.mui-segmented-control .mui-control-item.mui-active
+{
+ color: #fff;
+ background-color: #007aff;
+}
+.mui-segmented-control.mui-segmented-control-inverted
+{
+ width: 100%;
+
+ border: 0;
+ border-radius: 0;
+}
+.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item
+{
+ border-bottom: 1px solid #c8c7cc;
+}
+.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active
+{
+ border-bottom: 1px solid #c8c7cc;
+}
+.mui-segmented-control.mui-segmented-control-inverted .mui-control-item
+{
+ color: inherit;
+ border: 0;
+}
+.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active
+{
+ color: #007aff;
+ border-bottom: 2px solid #007aff;
+ background: none;
+}
+.mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-progress-bar
+{
+ background-color: #007aff;
+}
+
+.mui-segmented-control-positive
+{
+ border: 1px solid #4cd964;
+}
+.mui-segmented-control-positive .mui-control-item
+{
+ color: #4cd964;
+ border-color: inherit;
+}
+.mui-segmented-control-positive .mui-control-item.mui-active
+{
+ color: #fff;
+ background-color: #4cd964;
+}
+.mui-segmented-control-positive.mui-segmented-control-inverted .mui-control-item.mui-active
+{
+ color: #4cd964;
+ border-bottom: 2px solid #4cd964;
+ background: none;
+}
+.mui-segmented-control-positive.mui-segmented-control-inverted ~ .mui-slider-progress-bar
+{
+ background-color: #4cd964;
+}
+
+.mui-segmented-control-negative
+{
+ border: 1px solid #dd524d;
+}
+.mui-segmented-control-negative .mui-control-item
+{
+ color: #dd524d;
+ border-color: inherit;
+}
+.mui-segmented-control-negative .mui-control-item.mui-active
+{
+ color: #fff;
+ background-color: #dd524d;
+}
+.mui-segmented-control-negative.mui-segmented-control-inverted .mui-control-item.mui-active
+{
+ color: #dd524d;
+ border-bottom: 2px solid #dd524d;
+ background: none;
+}
+.mui-segmented-control-negative.mui-segmented-control-inverted ~ .mui-slider-progress-bar
+{
+ background-color: #dd524d;
+}
+
+.mui-control-content
+{
+ position: relative;
+
+ display: none;
+}
+.mui-control-content.mui-active
+{
+ display: block;
+}
+
+.mui-popover
+{
+ position: absolute;
+ z-index: 999;
+
+ display: none;
+
+ width: 280px;
+
+ -webkit-transition: opacity .3s;
+ transition: opacity .3s;
+ -webkit-transition-property: opacity;
+ transition-property: opacity;
+ -webkit-transform: none;
+ transform: none;
+
+ opacity: 0;
+ border-radius: 7px;
+ background-color: #f7f7f7;
+ -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
+ box-shadow: 0 0 15px rgba(0, 0, 0, .1);
+}
+.mui-popover .mui-popover-arrow
+{
+ position: absolute;
+ z-index: 1000;
+ top: -25px;
+ left: 0;
+
+ overflow: hidden;
+
+ width: 26px;
+ height: 26px;
+}
+.mui-popover .mui-popover-arrow:after
+{
+ position: absolute;
+ top: 19px;
+ left: 0;
+
+ width: 26px;
+ height: 26px;
+
+ content: ' ';
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+
+ border-radius: 3px;
+ background: #f7f7f7;
+}
+.mui-popover .mui-popover-arrow.mui-bottom
+{
+ top: 100%;
+ left: -26px;
+
+ margin-top: -1px;
+}
+.mui-popover .mui-popover-arrow.mui-bottom:after
+{
+ top: -19px;
+ left: 0;
+}
+.mui-popover.mui-popover-action
+{
+ bottom: 0;
+
+ width: 100%;
+
+ -webkit-transition: -webkit-transform .3s, opacity .3s;
+ transition: transform .3s, opacity .3s;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+
+ border-radius: 0;
+ background: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.mui-popover.mui-popover-action .mui-popover-arrow
+{
+ display: none;
+}
+.mui-popover.mui-popover-action.mui-popover-bottom
+{
+ position: fixed;
+}
+.mui-popover.mui-popover-action.mui-active
+{
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+.mui-popover.mui-popover-action .mui-table-view
+{
+ margin: 8px;
+
+ text-align: center;
+
+ color: #007aff;
+ border-radius: 4px;
+}
+.mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell:after
+{
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+
+ height: 1px;
+
+ content: '';
+ -webkit-transform: scaleY(.5);
+ transform: scaleY(.5);
+
+ background-color: #c8c7cc;
+}
+.mui-popover.mui-popover-action .mui-table-view small
+{
+ font-weight: 400;
+ line-height: 1.3;
+
+ display: block;
+}
+.mui-popover.mui-active
+{
+ display: block;
+
+ opacity: 1;
+}
+.mui-popover .mui-bar ~ .mui-table-view
+{
+ padding-top: 44px;
+}
+
+.mui-backdrop
+{
+ position: fixed;
+ z-index: 998;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+
+ background-color: rgba(0, 0, 0, .3);
+}
+
+.mui-bar-backdrop.mui-backdrop
+{
+ bottom: 50px;
+
+ background: none;
+}
+
+.mui-backdrop-action.mui-backdrop
+{
+ background-color: rgba(0, 0, 0, .3);
+}
+
+.mui-bar-backdrop.mui-backdrop, .mui-backdrop-action.mui-backdrop
+{
+ opacity: 0;
+}
+.mui-bar-backdrop.mui-backdrop.mui-active, .mui-backdrop-action.mui-backdrop.mui-active
+{
+ -webkit-transition: all .4s ease;
+ transition: all .4s ease;
+
+ opacity: 1;
+}
+
+.mui-popover .mui-btn-block
+{
+ margin-bottom: 5px;
+}
+.mui-popover .mui-btn-block:last-child
+{
+ margin-bottom: 0;
+}
+
+.mui-popover .mui-bar
+{
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.mui-popover .mui-bar-nav
+{
+ border-bottom: 1px solid rgba(0, 0, 0, .15);
+ border-top-left-radius: 12px;
+ border-top-right-radius: 12px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.mui-popover .mui-scroll-wrapper
+{
+ margin: 7px 0;
+
+ border-radius: 7px;
+ background-clip: padding-box;
+}
+
+.mui-popover .mui-scroll .mui-table-view
+{
+ max-height: none;
+}
+
+.mui-popover .mui-table-view
+{
+ overflow: auto;
+
+ max-height: 300px;
+ margin-bottom: 0;
+
+ border-radius: 7px;
+ background-color: #f7f7f7;
+ background-image: none;
+
+ -webkit-overflow-scrolling: touch;
+}
+.mui-popover .mui-table-view:before, .mui-popover .mui-table-view:after
+{
+ height: 0;
+}
+.mui-popover .mui-table-view .mui-table-view-cell:first-child,
+.mui-popover .mui-table-view .mui-table-view-cell:first-child > a:not(.mui-btn)
+{
+ border-top-left-radius: 12px;
+ border-top-right-radius: 12px;
+}
+.mui-popover .mui-table-view .mui-table-view-cell:last-child,
+.mui-popover .mui-table-view .mui-table-view-cell:last-child > a:not(.mui-btn)
+{
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+}
+
+.mui-popover.mui-bar-popover .mui-table-view
+{
+ width: 106px;
+}
+.mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell
+{
+ padding: 11px 15px 11px 15px;
+
+ background-position: 0 100%;
+}
+.mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell > a:not(.mui-btn)
+{
+ margin: -11px -15px -11px -15px;
+}
+
+.mui-popup-backdrop
+{
+ position: fixed;
+ z-index: 998;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+
+ -webkit-transition-duration: 400ms;
+ transition-duration: 400ms;
+
+ opacity: 0;
+ background: rgba(0, 0, 0, .4);
+}
+.mui-popup-backdrop.mui-active
+{
+ opacity: 1;
+}
+
+.mui-popup
+{
+ position: fixed;
+ z-index: 10000;
+ top: 50%;
+ left: 50%;
+
+ display: none;
+ overflow: hidden;
+
+ width: 270px;
+
+ -webkit-transition-property: -webkit-transform,opacity;
+ transition-property: transform,opacity;
+ -webkit-transform: translate3d(-50%, -50%, 0) scale(1.185);
+ transform: translate3d(-50%, -50%, 0) scale(1.185);
+ text-align: center;
+
+ opacity: 0;
+ color: #000;
+ border-radius: 13px;
+}
+.mui-popup.mui-popup-in
+{
+ display: block;
+
+ -webkit-transition-duration: 400ms;
+ transition-duration: 400ms;
+ -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
+ transform: translate3d(-50%, -50%, 0) scale(1);
+
+ opacity: 1;
+}
+.mui-popup.mui-popup-out
+{
+ -webkit-transition-duration: 400ms;
+ transition-duration: 400ms;
+ -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
+ transform: translate3d(-50%, -50%, 0) scale(1);
+
+ opacity: 0;
+}
+
+.mui-popup-inner
+{
+ position: relative;
+
+ padding: 15px;
+
+ border-radius: 13px 13px 0 0;
+ background: rgba(255, 255, 255, .95);
+}
+.mui-popup-inner:after
+{
+ position: absolute;
+ z-index: 15;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+
+ display: block;
+
+ width: 100%;
+ height: 1px;
+
+ content: '';
+ -webkit-transform: scaleY(.5);
+ transform: scaleY(.5);
+ -webkit-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+
+ background-color: rgba(0, 0, 0, .2);
+}
+
+.mui-popup-title
+{
+ font-size: 18px;
+ font-weight: 500;
+
+ text-align: center;
+}
+
+.mui-popup-title + .mui-popup-text
+{
+ font-family: inherit;
+ font-size: 14px;
+
+ margin: 5px 0 0;
+}
+
+.mui-popup-buttons
+{
+ position: relative;
+
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: flex;
+
+ height: 44px;
+
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+}
+
+.mui-popup-button
+{
+ font-size: 17px;
+ line-height: 44px;
+
+ position: relative;
+
+ display: block;
+ overflow: hidden;
+
+ box-sizing: border-box;
+ width: 100%;
+ height: 44px;
+ padding: 0 5px;
+
+ cursor: pointer;
+ text-align: center;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+
+ color: #007aff;
+ background: rgba(255, 255, 255, .95);
+
+ -webkit-box-flex: 1;
+}
+.mui-popup-button:after
+{
+ position: absolute;
+ z-index: 15;
+ top: 0;
+ right: 0;
+ bottom: auto;
+ left: auto;
+
+ display: block;
+
+ width: 1px;
+ height: 100%;
+
+ content: '';
+ -webkit-transform: scaleX(.5);
+ transform: scaleX(.5);
+ -webkit-transform-origin: 100% 50%;
+ transform-origin: 100% 50%;
+
+ background-color: rgba(0, 0, 0, .2);
+}
+.mui-popup-button:first-child
+{
+ border-radius: 0 0 0 13px;
+}
+.mui-popup-button:first-child:last-child
+{
+ border-radius: 0 0 13px 13px;
+}
+.mui-popup-button:last-child
+{
+ border-radius: 0 0 13px 0;
+}
+.mui-popup-button:last-child:after
+{
+ display: none;
+}
+.mui-popup-button.mui-popup-button-bold
+{
+ font-weight: 600;
+}
+
+.mui-popup-input input
+{
+ font-size: 14px;
+
+ width: 100%;
+ height: 26px;
+ margin: 15px 0 0;
+ padding: 0 5px;
+
+ border: 1px solid rgba(0, 0, 0, .3);
+ border-radius: 0;
+ background: #fff;
+}
+
+.mui-plus.mui-android .mui-popup-backdrop
+{
+ -webkit-transition-duration: 1ms;
+ transition-duration: 1ms;
+}
+
+.mui-plus.mui-android .mui-popup
+{
+ -webkit-transition-duration: 1ms;
+ transition-duration: 1ms;
+ -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
+ transform: translate3d(-50%, -50%, 0) scale(1);
+}
+
+/* === Progress Bar === */
+.mui-progressbar
+{
+ position: relative;
+
+ display: block;
+ overflow: hidden;
+
+ width: 100%;
+ height: 2px;
+
+ -webkit-transform-origin: center top;
+ transform-origin: center top;
+ vertical-align: middle;
+
+ border-radius: 2px;
+ background: #b6b6b6;
+
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+}
+.mui-progressbar span
+{
+ position: absolute;
+ top: 0;
+ left: 0;
+
+ width: 100%;
+ height: 100%;
+
+ -webkit-transition: 150ms;
+ transition: 150ms;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+
+ background: #007aff;
+}
+.mui-progressbar.mui-progressbar-infinite:before
+{
+ position: absolute;
+ top: 0;
+ left: 0;
+
+ width: 100%;
+ height: 100%;
+
+ content: '';
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ -webkit-transform-origin: left center;
+ transform-origin: left center;
+ -webkit-animation: mui-progressbar-infinite 1s linear infinite;
+ animation: mui-progressbar-infinite 1s linear infinite;
+
+ background: #007aff;
+}
+
+body > .mui-progressbar
+{
+ position: absolute;
+ z-index: 10000;
+ top: 44px;
+ left: 0;
+
+ border-radius: 0;
+}
+
+.mui-progressbar-in
+{
+ -webkit-animation: mui-progressbar-in 300ms forwards;
+ animation: mui-progressbar-in 300ms forwards;
+}
+
+.mui-progressbar-out
+{
+ -webkit-animation: mui-progressbar-out 300ms forwards;
+ animation: mui-progressbar-out 300ms forwards;
+}
+
+@-webkit-keyframes mui-progressbar-in
+{
+ from
+ {
+ -webkit-transform: scaleY(0);
+
+ opacity: 0;
+ }
+
+ to
+ {
+ -webkit-transform: scaleY(1);
+
+ opacity: 1;
+ }
+}
+@keyframes mui-progressbar-in
+{
+ from
+ {
+ transform: scaleY(0);
+
+ opacity: 0;
+ }
+
+ to
+ {
+ transform: scaleY(1);
+
+ opacity: 1;
+ }
+}
+@-webkit-keyframes mui-progressbar-out
+{
+ from
+ {
+ -webkit-transform: scaleY(1);
+
+ opacity: 1;
+ }
+
+ to
+ {
+ -webkit-transform: scaleY(0);
+
+ opacity: 0;
+ }
+}
+@keyframes mui-progressbar-out
+{
+ from
+ {
+ transform: scaleY(1);
+
+ opacity: 1;
+ }
+
+ to
+ {
+ transform: scaleY(0);
+
+ opacity: 0;
+ }
+}
+@-webkit-keyframes mui-progressbar-infinite
+{
+ 0%
+ {
+ -webkit-transform: translate3d(-50%, 0, 0) scaleX(.5);
+ }
+
+ 100%
+ {
+ -webkit-transform: translate3d(100%, 0, 0) scaleX(.5);
+ }
+}
+@keyframes mui-progressbar-infinite
+{
+ 0%
+ {
+ transform: translate3d(-50%, 0, 0) scaleX(.5);
+ }
+
+ 100%
+ {
+ transform: translate3d(100%, 0, 0) scaleX(.5);
+ }
+}
+.mui-pagination
+{
+ display: inline-block;
+
+ margin: 0 auto;
+ padding-left: 0;
+
+ border-radius: 6px;
+}
+.mui-pagination > li
+{
+ display: inline;
+}
+.mui-pagination > li > a,
+.mui-pagination > li > span
+{
+ line-height: 1.428571429;
+
+ position: relative;
+
+ float: left;
+
+ margin-left: -1px;
+ padding: 6px 12px;
+
+ text-decoration: none;
+
+ color: #007aff;
+ border: 1px solid #ddd;
+ background-color: #fff;
+}
+.mui-pagination > li:first-child > a,
+.mui-pagination > li:first-child > span
+{
+ margin-left: 0;
+
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+ background-clip: padding-box;
+}
+.mui-pagination > li:last-child > a,
+.mui-pagination > li:last-child > span
+{
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+ background-clip: padding-box;
+}
+.mui-pagination > li:active > a, .mui-pagination > li:active > a:active,
+.mui-pagination > li:active > span,
+.mui-pagination > li:active > span:active,
+.mui-pagination > li.mui-active > a,
+.mui-pagination > li.mui-active > a:active,
+.mui-pagination > li.mui-active > span,
+.mui-pagination > li.mui-active > span:active
+{
+ z-index: 2;
+
+ cursor: default;
+
+ color: #fff;
+ border-color: #007aff;
+ background-color: #007aff;
+}
+.mui-pagination > li.mui-disabled > span,
+.mui-pagination > li.mui-disabled > span:active,
+.mui-pagination > li.mui-disabled > a,
+.mui-pagination > li.mui-disabled > a:active
+{
+ opacity: .6;
+ color: #777;
+ border: 1px solid #ddd;
+ background-color: #fff;
+}
+
+.mui-pagination-lg > li > a,
+.mui-pagination-lg > li > span
+{
+ font-size: 18px;
+
+ padding: 10px 16px;
+}
+
+.mui-pagination-sm > li > a,
+.mui-pagination-sm > li > span
+{
+ font-size: 12px;
+
+ padding: 5px 10px;
+}
+
+.mui-pager
+{
+ padding-left: 0;
+
+ list-style: none;
+
+ text-align: center;
+}
+.mui-pager:before, .mui-pager:after
+{
+ display: table;
+
+ content: ' ';
+}
+.mui-pager:after
+{
+ clear: both;
+}
+.mui-pager li
+{
+ display: inline;
+}
+.mui-pager li > a,
+.mui-pager li > span
+{
+ display: inline-block;
+
+ padding: 5px 14px;
+
+ border: 1px solid #ddd;
+ border-radius: 6px;
+ background-color: #fff;
+ background-clip: padding-box;
+}
+.mui-pager li:active > a, .mui-pager li:active > span, .mui-pager li.mui-active > a, .mui-pager li.mui-active > span
+{
+ cursor: default;
+ text-decoration: none;
+
+ color: #fff;
+ border-color: #007aff;
+ background-color: #007aff;
+}
+.mui-pager .mui-next > a,
+.mui-pager .mui-next > span
+{
+ float: right;
+}
+.mui-pager .mui-previous > a,
+.mui-pager .mui-previous > span
+{
+ float: left;
+}
+.mui-pager .mui-disabled > a,
+.mui-pager .mui-disabled > a:active,
+.mui-pager .mui-disabled > span,
+.mui-pager .mui-disabled > span:active
+{
+ opacity: .6;
+ color: #777;
+ border: 1px solid #ddd;
+ background-color: #fff;
+}
+
+.mui-modal
+{
+ position: fixed;
+ z-index: 999;
+ top: 0;
+
+ overflow: hidden;
+
+ width: 100%;
+ min-height: 100%;
+
+ -webkit-transition: -webkit-transform .25s, opacity 1ms .25s;
+ transition: transform .25s, opacity 1ms .25s;
+ -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1);
+ transition-timing-function: cubic-bezier(.1, .5, .1, 1);
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+
+ opacity: 0;
+ background-color: #fff;
+}
+.mui-modal.mui-active
+{
+ height: 100%;
+
+ -webkit-transition: -webkit-transform .25s;
+ transition: transform .25s;
+ -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1);
+ transition-timing-function: cubic-bezier(.1, .5, .1, 1);
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+
+ opacity: 1;
+}
+
+.mui-android .mui-modal .mui-bar
+{
+ position: static;
+}
+
+.mui-android .mui-modal .mui-bar-nav ~ .mui-content
+{
+ padding-top: 0;
+}
+
+.mui-slider
+{
+ position: relative;
+ z-index: 1;
+
+ overflow: hidden;
+
+ width: 100%;
+}
+.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active
+{
+ border-bottom: 0;
+}
+.mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item
+{
+ border-top: 1px solid #c8c7cc;
+ border-bottom: 1px solid #c8c7cc;
+}
+.mui-slider .mui-slider-group
+{
+ font-size: 0;
+
+ position: relative;
+
+ -webkit-transition: all 0s linear;
+ transition: all 0s linear;
+ white-space: nowrap;
+}
+.mui-slider .mui-slider-group .mui-slider-item
+{
+ font-size: 14px;
+
+ position: relative;
+
+ display: inline-block;
+
+ width: 100%;
+ height: 100%;
+
+ vertical-align: top;
+ white-space: normal;
+}
+.mui-slider .mui-slider-group .mui-slider-item > a:not(.mui-control-item)
+{
+ line-height: 0;
+
+ position: relative;
+
+ display: block;
+}
+.mui-slider .mui-slider-group .mui-slider-item img
+{
+ width: 100%;
+}
+.mui-slider .mui-slider-group .mui-slider-item .mui-table-view:before, .mui-slider .mui-slider-group .mui-slider-item .mui-table-view:after
+{
+ height: 0;
+}
+.mui-slider .mui-slider-group.mui-slider-loop
+{
+ -webkit-transform: translate(-100%, 0px);
+ transform: translate(-100%, 0px);
+}
+
+.mui-slider-title
+{
+ line-height: 30px;
+
+ position: absolute;
+ bottom: 0;
+ left: 0;
+
+ width: 100%;
+ height: 30px;
+ margin: 0;
+
+ text-align: left;
+ text-indent: 12px;
+
+ opacity: .8;
+ background-color: #000;
+}
+
+.mui-slider-indicator
+{
+ position: absolute;
+ bottom: 8px;
+
+ width: 100%;
+
+ text-align: center;
+
+ background: none;
+}
+.mui-slider-indicator.mui-segmented-control
+{
+ position: relative;
+ bottom: auto;
+}
+.mui-slider-indicator .mui-indicator
+{
+ display: inline-block;
+
+ width: 6px;
+ height: 6px;
+ margin: 1px 6px;
+
+ cursor: pointer;
+
+ border-radius: 50%;
+ background: #aaa;
+ -webkit-box-shadow: 0 0 1px 1px rgba(130, 130, 130, .7);
+ box-shadow: 0 0 1px 1px rgba(130, 130, 130, .7);
+}
+.mui-slider-indicator .mui-active.mui-indicator
+{
+ background: #fff;
+}
+.mui-slider-indicator .mui-icon
+{
+ font-size: 20px;
+ line-height: 30px;
+
+ width: 40px;
+ height: 30px;
+ margin: 3px;
+
+ text-align: center;
+
+ border: 1px solid #ddd;
+}
+.mui-slider-indicator .mui-number
+{
+ line-height: 32px;
+
+ display: inline-block;
+
+ width: 58px;
+}
+.mui-slider-indicator .mui-number span
+{
+ color: #ff5053;
+}
+
+.mui-slider-progress-bar
+{
+ z-index: 1;
+
+ height: 2px;
+
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+}
+
+.mui-switch
+{
+ position: relative;
+
+ display: block;
+
+ width: 74px;
+ height: 30px;
+
+ -webkit-transition-timing-function: ease-in-out;
+ transition-timing-function: ease-in-out;
+ -webkit-transition-duration: .2s;
+ transition-duration: .2s;
+ -webkit-transition-property: background-color, border;
+ transition-property: background-color, border;
+
+ border: 2px solid #ddd;
+ border-radius: 20px;
+ background-color: #fff;
+ background-clip: padding-box;
+}
+.mui-switch.mui-disabled
+{
+ opacity: .3;
+}
+.mui-switch .mui-switch-handle
+{
+ position: absolute;
+ z-index: 1;
+ top: -1px;
+ left: -1px;
+
+ width: 28px;
+ height: 28px;
+
+ -webkit-transition: .2s ease-in-out;
+ transition: .2s ease-in-out;
+ -webkit-transition-property: -webkit-transform, width,left;
+ transition-property: transform, width,left;
+
+ border-radius: 16px;
+ background-color: #fff;
+ background-clip: padding-box;
+ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
+ box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
+}
+.mui-switch:before
+{
+ font-size: 13px;
+
+ position: absolute;
+ top: 3px;
+ right: 11px;
+
+ content: 'Off';
+ text-transform: uppercase;
+
+ color: #999;
+}
+.mui-switch.mui-dragging
+{
+ border-color: #f7f7f7;
+ background-color: #f7f7f7;
+}
+.mui-switch.mui-dragging .mui-switch-handle
+{
+ width: 38px;
+}
+.mui-switch.mui-dragging.mui-active .mui-switch-handle
+{
+ left: -11px;
+
+ width: 38px;
+}
+.mui-switch.mui-active
+{
+ border-color: #4cd964;
+ background-color: #4cd964;
+}
+.mui-switch.mui-active .mui-switch-handle
+{
+ -webkit-transform: translate(43px, 0);
+ transform: translate(43px, 0);
+}
+.mui-switch.mui-active:before
+{
+ right: auto;
+ left: 15px;
+
+ content: 'On';
+
+ color: #fff;
+}
+.mui-switch input[type='checkbox']
+{
+ display: none;
+}
+
+.mui-switch-mini
+{
+ width: 47px;
+}
+.mui-switch-mini:before
+{
+ display: none;
+}
+.mui-switch-mini.mui-active .mui-switch-handle
+{
+ -webkit-transform: translate(16px, 0);
+ transform: translate(16px, 0);
+}
+
+.mui-switch-blue.mui-active
+{
+ border: 2px solid #007aff;
+ background-color: #007aff;
+}
+
+.mui-content.mui-fade
+{
+ left: 0;
+
+ opacity: 0;
+}
+.mui-content.mui-fade.mui-in
+{
+ opacity: 1;
+}
+.mui-content.mui-sliding
+{
+ z-index: 2;
+
+ -webkit-transition: -webkit-transform .4s;
+ transition: transform .4s;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+.mui-content.mui-sliding.mui-left
+{
+ z-index: 1;
+
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+}
+.mui-content.mui-sliding.mui-right
+{
+ z-index: 3;
+
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+}
+
+.mui-navigate-right:after,
+.mui-push-left:after,
+.mui-push-right:after
+{
+ font-family: Muiicons;
+ font-size: inherit;
+ line-height: 1;
+
+ position: absolute;
+ top: 50%;
+
+ display: inline-block;
+
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+ text-decoration: none;
+
+ color: #bbb;
+
+ -webkit-font-smoothing: antialiased;
+}
+
+.mui-push-left:after
+{
+ left: 15px;
+
+ content: '\e582';
+}
+
+.mui-navigate-right:after,
+.mui-push-right:after
+{
+ right: 15px;
+
+ content: '\e583';
+}
+
+.mui-pull-top-pocket, .mui-pull-bottom-pocket
+{
+ position: absolute;
+ left: 0;
+
+ display: block;
+ visibility: hidden;
+ overflow: hidden;
+
+ width: 100%;
+ height: 50px;
+}
+
+.mui-plus-pullrefresh .mui-pull-top-pocket, .mui-plus-pullrefresh .mui-pull-bottom-pocket
+{
+ display: none;
+ visibility: visible;
+}
+
+.mui-pull-top-pocket
+{
+ top: 0;
+}
+
+.mui-bar-nav ~ .mui-content .mui-pull-top-pocket
+{
+ top: 44px;
+}
+
+.mui-bar-nav ~ .mui-bar-header-secondary ~ .mui-content .mui-pull-top-pocket
+{
+ top: 88px;
+}
+
+.mui-pull-bottom-pocket
+{
+ position: relative;
+ bottom: 0;
+
+ height: 40px;
+}
+.mui-pull-bottom-pocket .mui-pull-loading
+{
+ visibility: hidden;
+}
+.mui-pull-bottom-pocket .mui-pull-loading.mui-in
+{
+ display: inline-block;
+}
+
+.mui-pull
+{
+ font-weight: bold;
+
+ position: absolute;
+ right: 0;
+ bottom: 10px;
+ left: 0;
+
+ text-align: center;
+
+ color: #777;
+}
+
+.mui-pull-loading
+{
+ margin-right: 10px;
+
+ -webkit-transition: -webkit-transform .4s;
+ transition: transform .4s;
+ -webkit-transition-duration: 400ms;
+ transition-duration: 400ms;
+ vertical-align: middle;
+}
+
+.mui-pull-loading.mui-reverse
+{
+ -webkit-transform: rotate(180deg) translateZ(0);
+ transform: rotate(180deg) translateZ(0);
+}
+
+.mui-pull-caption
+{
+ font-size: 15px;
+ line-height: 24px;
+
+ position: relative;
+
+ display: inline-block;
+ overflow: visible;
+
+ margin-top: 0;
+
+ vertical-align: middle;
+}
+.mui-pull-caption span
+{
+ display: none;
+}
+.mui-pull-caption span.mui-in
+{
+ display: inline;
+}
+
+.mui-toast-container
+{
+ line-height: 17px;
+
+ position: fixed;
+ z-index: 9999;
+ bottom: 50px;
+ left: 50%;
+
+ -webkit-transition: opacity .3s;
+ transition: opacity .3s;
+ -webkit-transform: translate(-50%, 0);
+ transform: translate(-50%, 0);
+
+ opacity: 0;
+}
+.mui-toast-container.mui-active
+{
+ opacity: .9;
+}
+
+.mui-toast-message
+{
+ font-size: 14px;
+
+ padding: 10px 25px;
+
+ text-align: center;
+
+ color: #fff;
+ border-radius: 6px;
+ background-color: #323232;
+}
+
+.mui-numbox
+{
+ position: relative;
+
+ display: inline-block;
+ overflow: hidden;
+
+ width: 120px;
+ height: 35px;
+ padding: 0 40px 0 40px;
+
+ vertical-align: top;
+ vertical-align: middle;
+
+ border: solid 1px #bbb;
+ border-radius: 3px;
+ background-color: #efeff4;
+}
+.mui-numbox [class*=numbox-btn], .mui-numbox [class*=btn-numbox]
+{
+ font-size: 18px;
+ font-weight: normal;
+ line-height: 100%;
+
+ position: absolute;
+ top: 0;
+
+ overflow: hidden;
+
+ width: 40px;
+ height: 100%;
+ padding: 0;
+
+ color: #555;
+ border: none;
+ border-radius: 0;
+ background-color: #f9f9f9;
+}
+.mui-numbox [class*=numbox-btn]:active, .mui-numbox [class*=btn-numbox]:active
+{
+ background-color: #ccc;
+}
+.mui-numbox [class*=numbox-btn][disabled], .mui-numbox [class*=btn-numbox][disabled]
+{
+ color: #c0c0c0;
+}
+.mui-numbox .mui-numbox-btn-plus, .mui-numbox .mui-btn-numbox-plus
+{
+ right: 0;
+
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.mui-numbox .mui-numbox-btn-minus, .mui-numbox .mui-btn-numbox-minus
+{
+ left: 0;
+
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.mui-numbox .mui-numbox-input, .mui-numbox .mui-input-numbox
+{
+ display: inline-block;
+ overflow: hidden;
+
+ width: 100% !important;
+ height: 100%;
+ margin: 0;
+ padding: 0 3px !important;
+
+ text-align: center;
+ text-overflow: ellipsis;
+ word-break: normal;
+
+ border: none !important;
+ border-right: solid 1px #ccc !important;
+ border-left: solid 1px #ccc !important;
+ border-radius: 0 !important;
+}
+
+.mui-input-row .mui-numbox
+{
+ float: right;
+
+ margin: 2px 8px;
+}
+
+@font-face {
+ font-family: Muiicons;
+ font-weight: normal;
+ font-style: normal;
+
+ src: url('../fonts/mui.ttf') format('truetype');
+}
+.mui-icon
+{
+ font-family: Muiicons;
+ font-size: 24px;
+ font-weight: normal;
+ font-style: normal;
+ line-height: 1;
+
+ display: inline-block;
+
+ text-decoration: none;
+
+ -webkit-font-smoothing: antialiased;
+}
+.mui-icon.mui-active
+{
+ color: #007aff;
+}
+.mui-icon.mui-right:before
+{
+ float: right;
+
+ padding-left: .2em;
+}
+
+.mui-icon-contact:before
+{
+ content: '\e100';
+}
+
+.mui-icon-person:before
+{
+ content: '\e101';
+}
+
+.mui-icon-personadd:before
+{
+ content: '\e102';
+}
+
+.mui-icon-contact-filled:before
+{
+ content: '\e130';
+}
+
+.mui-icon-person-filled:before
+{
+ content: '\e131';
+}
+
+.mui-icon-personadd-filled:before
+{
+ content: '\e132';
+}
+
+.mui-icon-phone:before
+{
+ content: '\e200';
+}
+
+.mui-icon-email:before
+{
+ content: '\e201';
+}
+
+.mui-icon-chatbubble:before
+{
+ content: '\e202';
+}
+
+.mui-icon-chatboxes:before
+{
+ content: '\e203';
+}
+
+.mui-icon-phone-filled:before
+{
+ content: '\e230';
+}
+
+.mui-icon-email-filled:before
+{
+ content: '\e231';
+}
+
+.mui-icon-chatbubble-filled:before
+{
+ content: '\e232';
+}
+
+.mui-icon-chatboxes-filled:before
+{
+ content: '\e233';
+}
+
+.mui-icon-weibo:before
+{
+ content: '\e260';
+}
+
+.mui-icon-weixin:before
+{
+ content: '\e261';
+}
+
+.mui-icon-pengyouquan:before
+{
+ content: '\e262';
+}
+
+.mui-icon-chat:before
+{
+ content: '\e263';
+}
+
+.mui-icon-qq:before
+{
+ content: '\e264';
+}
+
+.mui-icon-videocam:before
+{
+ content: '\e300';
+}
+
+.mui-icon-camera:before
+{
+ content: '\e301';
+}
+
+.mui-icon-mic:before
+{
+ content: '\e302';
+}
+
+.mui-icon-location:before
+{
+ content: '\e303';
+}
+
+.mui-icon-mic-filled:before, .mui-icon-speech:before
+{
+ content: '\e332';
+}
+
+.mui-icon-location-filled:before
+{
+ content: '\e333';
+}
+
+.mui-icon-micoff:before
+{
+ content: '\e360';
+}
+
+.mui-icon-image:before
+{
+ content: '\e363';
+}
+
+.mui-icon-map:before
+{
+ content: '\e364';
+}
+
+.mui-icon-compose:before
+{
+ content: '\e400';
+}
+
+.mui-icon-trash:before
+{
+ content: '\e401';
+}
+
+.mui-icon-upload:before
+{
+ content: '\e402';
+}
+
+.mui-icon-download:before
+{
+ content: '\e403';
+}
+
+.mui-icon-close:before
+{
+ content: '\e404';
+}
+
+.mui-icon-redo:before
+{
+ content: '\e405';
+}
+
+.mui-icon-undo:before
+{
+ content: '\e406';
+}
+
+.mui-icon-refresh:before
+{
+ content: '\e407';
+}
+
+.mui-icon-star:before
+{
+ content: '\e408';
+}
+
+.mui-icon-plus:before
+{
+ content: '\e409';
+}
+
+.mui-icon-minus:before
+{
+ content: '\e410';
+}
+
+.mui-icon-circle:before, .mui-icon-checkbox:before
+{
+ content: '\e411';
+}
+
+.mui-icon-close-filled:before, .mui-icon-clear:before
+{
+ content: '\e434';
+}
+
+.mui-icon-refresh-filled:before
+{
+ content: '\e437';
+}
+
+.mui-icon-star-filled:before
+{
+ content: '\e438';
+}
+
+.mui-icon-plus-filled:before
+{
+ content: '\e439';
+}
+
+.mui-icon-minus-filled:before
+{
+ content: '\e440';
+}
+
+.mui-icon-circle-filled:before
+{
+ content: '\e441';
+}
+
+.mui-icon-checkbox-filled:before
+{
+ content: '\e442';
+}
+
+.mui-icon-closeempty:before
+{
+ content: '\e460';
+}
+
+.mui-icon-refreshempty:before
+{
+ content: '\e461';
+}
+
+.mui-icon-reload:before
+{
+ content: '\e462';
+}
+
+.mui-icon-starhalf:before
+{
+ content: '\e463';
+}
+
+.mui-icon-spinner:before
+{
+ content: '\e464';
+}
+
+.mui-icon-spinner-cycle:before
+{
+ content: '\e465';
+}
+
+.mui-icon-search:before
+{
+ content: '\e466';
+}
+
+.mui-icon-plusempty:before
+{
+ content: '\e468';
+}
+
+.mui-icon-forward:before
+{
+ content: '\e470';
+}
+
+.mui-icon-back:before, .mui-icon-left-nav:before
+{
+ content: '\e471';
+}
+
+.mui-icon-checkmarkempty:before
+{
+ content: '\e472';
+}
+
+.mui-icon-home:before
+{
+ content: '\e500';
+}
+
+.mui-icon-navigate:before
+{
+ content: '\e501';
+}
+
+.mui-icon-gear:before
+{
+ content: '\e502';
+}
+
+.mui-icon-paperplane:before
+{
+ content: '\e503';
+}
+
+.mui-icon-info:before
+{
+ content: '\e504';
+}
+
+.mui-icon-help:before
+{
+ content: '\e505';
+}
+
+.mui-icon-locked:before
+{
+ content: '\e506';
+}
+
+.mui-icon-more:before
+{
+ content: '\e507';
+}
+
+.mui-icon-flag:before
+{
+ content: '\e508';
+}
+
+.mui-icon-home-filled:before
+{
+ content: '\e530';
+}
+
+.mui-icon-gear-filled:before
+{
+ content: '\e532';
+}
+
+.mui-icon-info-filled:before
+{
+ content: '\e534';
+}
+
+.mui-icon-help-filled:before
+{
+ content: '\e535';
+}
+
+.mui-icon-more-filled:before
+{
+ content: '\e537';
+}
+
+.mui-icon-settings:before
+{
+ content: '\e560';
+}
+
+.mui-icon-list:before
+{
+ content: '\e562';
+}
+
+.mui-icon-bars:before
+{
+ content: '\e563';
+}
+
+.mui-icon-loop:before
+{
+ content: '\e565';
+}
+
+.mui-icon-paperclip:before
+{
+ content: '\e567';
+}
+
+.mui-icon-eye:before
+{
+ content: '\e568';
+}
+
+.mui-icon-arrowup:before
+{
+ content: '\e580';
+}
+
+.mui-icon-arrowdown:before
+{
+ content: '\e581';
+}
+
+.mui-icon-arrowleft:before
+{
+ content: '\e582';
+}
+
+.mui-icon-arrowright:before
+{
+ content: '\e583';
+}
+
+.mui-icon-arrowthinup:before
+{
+ content: '\e584';
+}
+
+.mui-icon-arrowthindown:before
+{
+ content: '\e585';
+}
+
+.mui-icon-arrowthinleft:before
+{
+ content: '\e586';
+}
+
+.mui-icon-arrowthinright:before
+{
+ content: '\e587';
+}
+
+.mui-icon-pulldown:before
+{
+ content: '\e588';
+}
+
+.mui-fullscreen
+{
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+.mui-fullscreen.mui-slider .mui-slider-group
+{
+ height: 100%;
+}
+.mui-fullscreen .mui-segmented-control ~ .mui-slider-group
+{
+ position: absolute;
+ top: 40px;
+ bottom: 0;
+
+ width: 100%;
+ height: auto;
+}
+.mui-fullscreen.mui-slider .mui-slider-item > a
+{
+ top: 50%;
+
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+.mui-fullscreen .mui-off-canvas-wrap .mui-slider-item > a
+{
+ top: auto;
+
+ -webkit-transform: none;
+ transform: none;
+}
+
+.mui-bar-nav ~ .mui-content .mui-slider.mui-fullscreen
+{
+ top: 44px;
+}
+
+.mui-bar-tab ~ .mui-content .mui-slider.mui-fullscreen .mui-segmented-control ~ .mui-slider-group
+{
+ bottom: 50px;
+}
+
+.mui-android.mui-android-4-0 input:focus,
+.mui-android.mui-android-4-0 textarea:focus
+{
+ -webkit-user-modify: inherit;
+}
+
+.mui-android.mui-android-4-2 input,
+.mui-android.mui-android-4-2 textarea, .mui-android.mui-android-4-3 input,
+.mui-android.mui-android-4-3 textarea
+{
+ -webkit-user-select: text;
+}
+
+.mui-ios .mui-table-view-cell
+{
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+}
+
+.mui-plus-visible, .mui-wechat-visible
+{
+ display: none !important;
+}
+
+.mui-plus-hidden, .mui-wechat-hidden
+{
+ display: block !important;
+}
+
+.mui-tab-item.mui-plus-hidden, .mui-tab-item.mui-wechat-hidden
+{
+ display: table-cell !important;
+}
+
+.mui-plus .mui-plus-visible, .mui-wechat .mui-wechat-visible
+{
+ display: block !important;
+}
+
+.mui-plus .mui-tab-item.mui-plus-visible, .mui-wechat .mui-tab-item.mui-wechat-visible
+{
+ display: table-cell !important;
+}
+
+.mui-plus .mui-plus-hidden, .mui-wechat .mui-wechat-hidden
+{
+ display: none !important;
+}
+
+.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav
+{
+ height: 64px;
+ padding-top: 20px;
+}
+.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav ~ .mui-content
+{
+ padding-top: 64px;
+}
+.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav ~ .mui-content .mui-pull-top-pocket
+{
+ top: 64px;
+}
+.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-header-secondary
+{
+ top: 64px;
+}
+.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-header-secondary ~ .mui-content
+{
+ padding-top: 94px;
+}
+
+.mui-iframe-wrapper
+{
+ position: absolute;
+ right: 0;
+ left: 0;
+
+ -webkit-overflow-scrolling: touch;
+}
+.mui-iframe-wrapper iframe
+{
+ width: 100%;
+ height: 100%;
+
+ border: 0;
+}
diff --git a/ForFuture_shop/css/mui.min.css b/ForFuture_shop/css/mui.min.css
new file mode 100644
index 0000000..5c39c2f
--- /dev/null
+++ b/ForFuture_shop/css/mui.min.css
@@ -0,0 +1,4252 @@
+/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+
+html {
+ font-family: sans-serif;
+ -webkit-text-size-adjust: 100%
+}
+
+body {
+ margin: 0
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block
+}
+
+audio,
+canvas,
+progress,
+video {
+ display: inline-block;
+ vertical-align: baseline
+}
+
+audio:not([controls]) {
+ display: none;
+ height: 0
+}
+
+[hidden],
+template {
+ display: none
+}
+
+a {
+ background: transparent
+}
+
+a:active,
+a:hover {
+ outline: 0
+}
+
+abbr[title] {
+ border-bottom: 1px dotted
+}
+
+b,
+strong {
+ font-weight: bold
+}
+
+dfn {
+ font-style: italic
+}
+
+h1 {
+ margin: 0.67em 0;
+ font-size: 2em
+}
+
+mark {
+ color: #000;
+ background: #ff0
+}
+
+small {
+ font-size: 80%
+}
+
+sub,
+sup {
+ position: relative;
+ font-size: 75%;
+ line-height: 0;
+ vertical-align: baseline
+}
+
+sup {
+ top: -.5em
+}
+
+sub {
+ bottom: -.25em
+}
+
+img {
+ border: 0
+}
+
+svg:not(:root) {
+ overflow: hidden
+}
+
+figure {
+ margin: 1em 40px
+}
+
+hr {
+ height: 0;
+ box-sizing: content-box
+}
+
+pre {
+ overflow: auto
+}
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ margin: 0;
+ color: inherit;
+ font: inherit
+}
+
+button {
+ overflow: visible
+}
+
+button,
+select {
+ text-transform: none
+}
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button;
+ cursor: pointer
+}
+
+button[disabled],
+html input[disabled] {
+ cursor: default
+}
+
+input {
+ line-height: normal
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+ padding: 0;
+ box-sizing: border-box
+}
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto
+}
+
+input[type="search"] {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ -webkit-appearance: textfield
+}
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none
+}
+
+fieldset {
+ padding: .35em .625em .75em;
+ margin: 0 2px;
+ border: 1px solid #c0c0c0
+}
+
+legend {
+ padding: 0;
+ border: 0
+}
+
+textarea {
+ overflow: auto
+}
+
+optgroup {
+ font-weight: bold
+}
+
+table {
+ border-spacing: 0;
+ border-collapse: collapse
+}
+
+td,
+th {
+ padding: 0
+}
+
+* {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-tap-highlight-color: transparent;
+ -webkit-tap-highlight-color: transparent;
+ -webkit-user-select: none;
+ outline: none
+}
+
+html {
+ height: 100%
+}
+
+body {
+ font-family: "Helvetica Neue", Helvetica, sans-serif;
+ font-size: 10px;
+ color: #000;
+ word-break: break-all;
+ background-color: #f4f4f4;
+ -webkit-overflow-scrolling: touch
+}
+
+a {
+ color: #ff395c;
+ text-decoration: none
+}
+
+a:active {
+ color: #ff0632
+}
+
+.mui-content {
+ background-color: transparent;
+ -webkit-overflow-scrolling: touch
+}
+
+.mui-bar-nav ~ .mui-content {
+ padding-top: 1.44rem
+}
+
+.mui-bar-nav ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
+ top: 1.44rem
+}
+
+.mui-bar-header-secondary ~ .mui-content {
+ padding-top: 2.88rem
+}
+
+.mui-bar-header-secondary ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
+ top: 2.88rem
+}
+
+.mui-bar-footer ~ .mui-content {
+ padding-bottom: 1.44rem
+}
+
+.mui-bar-footer ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
+ bottom: 1.44rem
+}
+
+.mui-bar-footer-secondary ~ .mui-content {
+ padding-bottom: 2.88rem
+}
+
+.mui-bar-footer-secondary ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
+ bottom: 2.88rem
+}
+
+.mui-bar-tab ~ .mui-content {
+ padding-bottom: 1.44rem
+}
+
+.mui-bar-tab ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
+ bottom: 1.44rem
+}
+
+.mui-bar-footer-secondary-tab ~ .mui-content {
+ padding-bottom: 2.88rem
+}
+
+.mui-bar-footer-secondary-tab ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
+ bottom: 2.88rem
+}
+
+.mui-content-padded {
+ margin: 10px
+}
+
+.mui-inline {
+ display: inline-block;
+ vertical-align: top
+}
+
+.mui-block {
+ display: block !important
+}
+
+.mui-visibility {
+ visibility: visible !important
+}
+
+.mui-hidden {
+ display: none !important
+}
+
+.mui-ellipsis {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap
+}
+
+.mui-ellipsis-2 {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ white-space: normal !important;
+ word-wrap: break-word
+}
+
+.mui-table {
+ display: table;
+ table-layout: fixed;
+ width: 100%
+}
+
+.mui-table-cell {
+ display: table-cell;
+ position: relative
+}
+
+.mui-text-left {
+ text-align: left !important
+}
+
+.mui-text-center {
+ text-align: center !important
+}
+
+.mui-text-justify {
+ text-align: justify !important
+}
+
+.mui-text-right {
+ text-align: right !important
+}
+
+.mui-pull-left {
+ float: left
+}
+
+.mui-pull-right {
+ float: right
+}
+
+.mui-list-unstyled {
+ padding-left: 0;
+ list-style: none
+}
+
+.mui-list-inline {
+ padding-left: 0;
+ list-style: none;
+ margin-left: -5px
+}
+
+.mui-list-inline>li {
+ display: inline-block;
+ padding-left: 5px;
+ padding-right: 5px
+}
+
+.mui-clearfix:before,
+.mui-clearfix:after {
+ display: table;
+ content: " "
+}
+
+.mui-clearfix:after {
+ clear: both
+}
+
+.mui-bg-primary {
+ background-color: #ff395c
+}
+
+.mui-bg-positive {
+ background-color: #4cd964
+}
+
+.mui-bg-negative {
+ background-color: #dd524d
+}
+
+.mui-error {
+ margin: 88px 35px;
+ padding: 10px;
+ border-radius: 6px;
+ background-color: #bbb
+}
+
+.mui-subtitle {
+ font-size: 15px
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin-top: 5px;
+ margin-bottom: 5px;
+ line-height: 1
+}
+
+h1,
+.mui-h1 {
+ font-size: 36px
+}
+
+h2,
+.mui-h2 {
+ font-size: 30px
+}
+
+h3,
+.mui-h3 {
+ font-size: 24px
+}
+
+h4,
+.mui-h4 {
+ font-size: 18px
+}
+
+h5,
+.mui-h5 {
+ font-size: 14px;
+ color: #8f8f94;
+ font-weight: normal
+}
+
+h6,
+.mui-h6 {
+ font-size: 12px;
+ color: #8f8f94;
+ font-weight: normal
+}
+
+p {
+ margin-top: 0;
+ /*margin-bottom: 10px;*/
+ font-size: 14px;
+ color: #8f8f94
+}
+
+.mui-row:before,
+.mui-row:after {
+ display: table;
+ content: " "
+}
+
+.mui-row:after {
+ clear: both
+}
+
+.mui-col-xs-1,
+.mui-col-sm-1,
+.mui-col-xs-2,
+.mui-col-sm-2,
+.mui-col-xs-3,
+.mui-col-sm-3,
+.mui-col-xs-4,
+.mui-col-sm-4,
+.mui-col-xs-5,
+.mui-col-sm-5,
+.mui-col-xs-6,
+.mui-col-sm-6,
+.mui-col-xs-7,
+.mui-col-sm-7,
+.mui-col-xs-8,
+.mui-col-sm-8,
+.mui-col-xs-9,
+.mui-col-sm-9,
+.mui-col-xs-10,
+.mui-col-sm-10,
+.mui-col-xs-11,
+.mui-col-sm-11,
+.mui-col-xs-12,
+.mui-col-sm-12 {
+ position: relative;
+ min-height: 1px
+}
+
+.mui-row>[class*="mui-col-"] {
+ float: left
+}
+
+.mui-col-xs-12 {
+ width: 100%
+}
+
+.mui-col-xs-11 {
+ width: 91.66666667%
+}
+
+.mui-col-xs-10 {
+ width: 83.33333333%
+}
+
+.mui-col-xs-9 {
+ width: 75%
+}
+
+.mui-col-xs-8 {
+ width: 66.66666667%
+}
+
+.mui-col-xs-7 {
+ width: 58.33333333%
+}
+
+.mui-col-xs-6 {
+ width: 50%
+}
+
+.mui-col-xs-5 {
+ width: 41.66666667%
+}
+
+.mui-col-xs-4 {
+ width: 33.33333333%
+}
+
+.mui-col-xs-3 {
+ width: 25%
+}
+
+.mui-col-xs-2 {
+ width: 16.66666667%
+}
+
+.mui-col-xs-1 {
+ width: 8.33333333%
+}
+
+@media (min-width: 400px) {
+ .mui-col-sm-12 {
+ width: 100%
+ }
+ .mui-col-sm-11 {
+ width: 91.66666667%
+ }
+ .mui-col-sm-10 {
+ width: 83.33333333%
+ }
+ .mui-col-sm-9 {
+ width: 75%
+ }
+ .mui-col-sm-8 {
+ width: 66.66666667%
+ }
+ .mui-col-sm-7 {
+ width: 58.33333333%
+ }
+ .mui-col-sm-6 {
+ width: 50%
+ }
+ .mui-col-sm-5 {
+ width: 41.66666667%
+ }
+ .mui-col-sm-4 {
+ width: 33.33333333%
+ }
+ .mui-col-sm-3 {
+ width: 25%
+ }
+ .mui-col-sm-2 {
+ width: 16.66666667%
+ }
+ .mui-col-sm-1 {
+ width: 8.33333333%
+ }
+}
+
+.mui-scroll-wrapper {
+ position: absolute;
+ z-index: 1;
+ top: 0px;
+ bottom: 0px;
+ left: 0;
+ width: 100%;
+ overflow: hidden
+}
+
+.mui-scroll {
+ position: absolute;
+ z-index: 1;
+ width: 100%;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0)
+}
+
+.mui-scrollbar {
+ position: absolute;
+ z-index: 9998;
+ overflow: hidden;
+ transform: translateZ(0px);
+ transition: 500ms;
+ -webkit-transition: 500ms;
+ opacity: 0;
+ pointer-events: none
+}
+
+.mui-scrollbar-vertical {
+ width: 4px;
+ bottom: 2px;
+ top: 0;
+ right: 1px
+}
+
+.mui-scrollbar-vertical .mui-scrollbar-indicator {
+ width: 100%
+}
+
+.mui-scrollbar-horizontal {
+ height: 4px;
+ left: 2px;
+ right: 2px;
+ bottom: 0px
+}
+
+.mui-scrollbar-horizontal .mui-scrollbar-indicator {
+ height: 100%
+}
+
+.mui-scrollbar-indicator {
+ box-sizing: border-box;
+ position: absolute;
+ border: 1px solid rgba(255, 255, 255, 0.80196);
+ border-radius: 2px;
+ transition: 0.01s cubic-bezier(0.1, 0.57, 0.1, 1);
+ -webkit-transition: 0.01s cubic-bezier(0.1, 0.57, 0.1, 1);
+ display: block;
+ transform: translate(0px, 0px) translateZ(0px);
+ background: rgba(0, 0, 0, 0.39804)
+}
+
+.mui-plus-pullrefresh .mui-fullscreen .mui-scroll-wrapper .mui-scroll-wrapper,
+.mui-plus-pullrefresh .mui-fullscreen .mui-slider-group .mui-scroll-wrapper {
+ position: absolute;
+ top: 0px;
+ bottom: 0px;
+ left: 0;
+ width: 100%;
+ overflow: hidden
+}
+
+.mui-plus-pullrefresh .mui-fullscreen .mui-scroll-wrapper .mui-scroll,
+.mui-plus-pullrefresh .mui-fullscreen .mui-slider-group .mui-scroll {
+ position: absolute;
+ width: 100%
+}
+
+.mui-plus-pullrefresh .mui-scroll-wrapper,
+.mui-plus-pullrefresh .mui-slider-group {
+ position: static;
+ top: auto;
+ bottom: auto;
+ left: auto;
+ width: auto;
+ overflow: auto
+}
+
+.mui-plus-pullrefresh .mui-slider-group {
+ overflow: visible
+}
+
+.mui-plus-pullrefresh .mui-scroll {
+ position: static;
+ width: auto
+}
+
+.mui-off-canvas-wrap .mui-bar {
+ position: absolute !important;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ -webkit-box-shadow: none;
+ box-shadow: none
+}
+
+.mui-off-canvas-wrap {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ z-index: 1
+}
+
+.mui-off-canvas-wrap .mui-inner-wrap {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ z-index: 1
+}
+
+.mui-off-canvas-wrap .mui-inner-wrap.mui-transitioning {
+ -webkit-transition: -webkit-transform 350ms;
+ transition: transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1)
+}
+
+.mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-left {
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0)
+}
+
+.mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-right {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0)
+}
+
+.mui-off-canvas-wrap.mui-active {
+ overflow: hidden;
+ height: 100%
+}
+
+.mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop {
+ transition: background 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
+ box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
+ display: block;
+ position: absolute;
+ background: rgba(0, 0, 0, 0.4);
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 998;
+ -webkit-tap-highlight-color: transparent
+}
+
+.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-right {
+ -webkit-transform: translate3d(100%, 0px, 0px);
+ z-index: 10000 !important
+}
+
+.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-left {
+ -webkit-transform: translate3d(-100%, 0px, 0px);
+ z-index: 10000 !important
+}
+
+.mui-off-canvas-left,
+.mui-off-canvas-right {
+ width: 70%;
+ min-height: 100%;
+ top: 0;
+ bottom: 0;
+ position: absolute;
+ background: #333;
+ box-sizing: content-box;
+ -webkit-overflow-scrolling: touch;
+ z-index: -1;
+ visibility: hidden
+}
+
+.mui-off-canvas-left.mui-transitioning,
+.mui-off-canvas-right.mui-transitioning {
+ -webkit-transition: -webkit-transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
+ transition: transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1)
+}
+
+.mui-off-canvas-left {
+ left: 0
+}
+
+.mui-off-canvas-right {
+ right: 0
+}
+
+.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable {
+ background-color: #333
+}
+
+.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-left,
+.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-right {
+ width: 80%;
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8);
+ opacity: 0.1
+}
+
+.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-left.mui-transitioning,
+.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-right.mui-transitioning {
+ -webkit-transition: -webkit-transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
+ transition: transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1)
+}
+
+.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-left {
+ -webkit-transform-origin: -100%;
+ transform-origin: -100%
+}
+
+.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-right {
+ -webkit-transform-origin: 200%;
+ transform-origin: 200%
+}
+
+.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active>.mui-inner-wrap {
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8)
+}
+
+.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active>.mui-off-canvas-left,
+.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active>.mui-off-canvas-right {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1
+}
+
+.mui-loading .mui-spinner {
+ margin: 0 auto;
+ display: block
+}
+
+.mui-spinner {
+ display: inline-block;
+ width: 24px;
+ height: 24px;
+ -webkit-transform-origin: 50%;
+ transform-origin: 50%;
+ -webkit-animation: spinner-spin 1s step-end infinite;
+ animation: spinner-spin 1s step-end infinite
+}
+
+.mui-spinner:after {
+ display: block;
+ content: "";
+ width: 100%;
+ height: 100%;
+ background-image: url("data:image/svg+xml;charset=utf-8,
");
+ background-position: 50%;
+ background-size: 100%;
+ background-repeat: no-repeat
+}
+
+.mui-spinner-white:after {
+ background-image: url("data:image/svg+xml;charset=utf-8,
")
+}
+
+@-webkit-keyframes spinner-spin {
+ 0% {
+ -webkit-transform: rotate(0deg)
+ }
+ 8.33333333% {
+ -webkit-transform: rotate(30deg)
+ }
+ 16.66666667% {
+ -webkit-transform: rotate(60deg)
+ }
+ 25% {
+ -webkit-transform: rotate(90deg)
+ }
+ 33.33333333% {
+ -webkit-transform: rotate(120deg)
+ }
+ 41.66666667% {
+ -webkit-transform: rotate(150deg)
+ }
+ 50% {
+ -webkit-transform: rotate(180deg)
+ }
+ 58.33333333% {
+ -webkit-transform: rotate(210deg)
+ }
+ 66.66666667% {
+ -webkit-transform: rotate(240deg)
+ }
+ 75% {
+ -webkit-transform: rotate(270deg)
+ }
+ 83.33333333% {
+ -webkit-transform: rotate(300deg)
+ }
+ 91.66666667% {
+ -webkit-transform: rotate(330deg)
+ }
+ 100% {
+ -webkit-transform: rotate(360deg)
+ }
+}
+
+@keyframes spinner-spin {
+ 0% {
+ transform: rotate(0deg)
+ }
+ 8.33333333% {
+ transform: rotate(30deg)
+ }
+ 16.66666667% {
+ transform: rotate(60deg)
+ }
+ 25% {
+ transform: rotate(90deg)
+ }
+ 33.33333333% {
+ transform: rotate(120deg)
+ }
+ 41.66666667% {
+ transform: rotate(150deg)
+ }
+ 50% {
+ transform: rotate(180deg)
+ }
+ 58.33333333% {
+ transform: rotate(210deg)
+ }
+ 66.66666667% {
+ transform: rotate(240deg)
+ }
+ 75% {
+ transform: rotate(270deg)
+ }
+ 83.33333333% {
+ transform: rotate(300deg)
+ }
+ 91.66666667% {
+ transform: rotate(330deg)
+ }
+ 100% {
+ transform: rotate(360deg)
+ }
+}
+
+.mui-btn {
+ position: relative;
+ display: inline-block;
+ padding: 6px 12px;
+ margin-bottom: 0;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 1.42;
+ color: #333;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: top;
+ cursor: pointer;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #d1d1d1;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-radius: 3px;
+ -webkit-transition: all;
+ transition: all;
+ -webkit-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear
+}
+
+.mui-btn:enabled:active,
+.mui-btn:active,
+.mui-btn.mui-active:enabled {
+ color: #fff;
+ background-color: #d1d1d1
+}
+
+.mui-btn:disabled,
+.mui-btn.mui-disabled {
+ opacity: .6
+}
+
+.mui-btn-primary,
+.mui-btn-blue {
+ color: #fff;
+ background-color: #ff395c;
+ border: 1px solid #ff395c
+}
+
+.mui-btn-primary:enabled:active,
+.mui-btn-primary:active,
+.mui-btn-primary.mui-active:enabled,
+.mui-btn-blue:enabled:active,
+.mui-btn-blue:active,
+.mui-btn-blue.mui-active:enabled {
+ color: #fff;
+ background-color: #ff0632;
+ border: 1px solid #ff0632
+}
+
+.mui-btn-positive,
+.mui-btn-success,
+.mui-btn-green {
+ color: #fff;
+ background-color: #4cd964;
+ border: 1px solid #4cd964
+}
+
+.mui-btn-positive:enabled:active,
+.mui-btn-positive:active,
+.mui-btn-positive.mui-active:enabled,
+.mui-btn-success:enabled:active,
+.mui-btn-success:active,
+.mui-btn-success.mui-active:enabled,
+.mui-btn-green:enabled:active,
+.mui-btn-green:active,
+.mui-btn-green.mui-active:enabled {
+ color: #fff;
+ background-color: #2ac845;
+ border: 1px solid #2ac845
+}
+
+.mui-btn-warning,
+.mui-btn-yellow {
+ color: #fff;
+ background-color: #f0ad4e;
+ border: 1px solid #f0ad4e
+}
+
+.mui-btn-warning:enabled:active,
+.mui-btn-warning:active,
+.mui-btn-warning.mui-active:enabled,
+.mui-btn-yellow:enabled:active,
+.mui-btn-yellow:active,
+.mui-btn-yellow.mui-active:enabled {
+ color: #fff;
+ background-color: #ec971f;
+ border: 1px solid #ec971f
+}
+
+.mui-btn-negative,
+.mui-btn-danger,
+.mui-btn-red {
+ color: #fff;
+ background-color: #dd524d;
+ border: 1px solid #dd524d
+}
+
+.mui-btn-negative:enabled:active,
+.mui-btn-negative:active,
+.mui-btn-negative.mui-active:enabled,
+.mui-btn-danger:enabled:active,
+.mui-btn-danger:active,
+.mui-btn-danger.mui-active:enabled,
+.mui-btn-red:enabled:active,
+.mui-btn-red:active,
+.mui-btn-red.mui-active:enabled {
+ color: #fff;
+ background-color: #cf2d28;
+ border: 1px solid #cf2d28
+}
+
+.mui-btn-royal,
+.mui-btn-purple {
+ color: #fff;
+ background-color: #8a6de9;
+ border: 1px solid #8a6de9
+}
+
+.mui-btn-royal:enabled:active,
+.mui-btn-royal:active,
+.mui-btn-royal.mui-active:enabled,
+.mui-btn-purple:enabled:active,
+.mui-btn-purple:active,
+.mui-btn-purple.mui-active:enabled {
+ color: #fff;
+ background-color: #6641e2;
+ border: 1px solid #6641e2
+}
+
+.mui-btn-grey {
+ color: #fff;
+ background-color: #c7c7cc;
+ border: 1px solid #c7c7cc
+}
+
+.mui-btn-grey:enabled:active,
+.mui-btn-grey:active,
+.mui-btn-grey.mui-active:enabled {
+ color: #fff;
+ background-color: #acacb4;
+ border: 1px solid #acacb4
+}
+
+.mui-btn-outlined {
+ background-color: transparent
+}
+
+.mui-btn-outlined.mui-btn-primary,
+.mui-btn-outlined.mui-btn-blue {
+ color: #ff395c
+}
+
+.mui-btn-outlined.mui-btn-positive,
+.mui-btn-outlined.mui-btn-success,
+.mui-btn-outlined.mui-btn-green {
+ color: #4cd964
+}
+
+.mui-btn-outlined.mui-btn-warning,
+.mui-btn-outlined.mui-btn-yellow {
+ color: #f0ad4e
+}
+
+.mui-btn-outlined.mui-btn-negative,
+.mui-btn-outlined.mui-btn-danger,
+.mui-btn-outlined.mui-btn-red {
+ color: #dd524d
+}
+
+.mui-btn-outlined.mui-btn-royal,
+.mui-btn-outlined.mui-btn-purple {
+ color: #8a6de9
+}
+
+.mui-btn-outlined.mui-btn-primary:enabled:active,
+.mui-btn-outlined.mui-btn-blue:enabled:active,
+.mui-btn-outlined.mui-btn-positive:enabled:active,
+.mui-btn-outlined.mui-btn-success:enabled:active,
+.mui-btn-outlined.mui-btn-green:enabled:active,
+.mui-btn-outlined.mui-btn-warning:enabled:active,
+.mui-btn-outlined.mui-btn-yellow:enabled:active,
+.mui-btn-outlined.mui-btn-negative:enabled:active,
+.mui-btn-outlined.mui-btn-danger:enabled:active,
+.mui-btn-outlined.mui-btn-red:enabled:active,
+.mui-btn-outlined.mui-btn-royal:enabled:active,
+.mui-btn-outlined.mui-btn-purple:enabled:active {
+ color: #fff
+}
+
+.mui-btn-link {
+ padding-top: 6px;
+ padding-bottom: 6px;
+ color: #ff395c;
+ background-color: transparent;
+ border: 0
+}
+
+.mui-btn-link:enabled:active,
+.mui-btn-link.mui-active:enabled {
+ color: #ff0632;
+ background-color: transparent
+}
+
+.mui-btn-block {
+ display: block;
+ width: 100%;
+ padding: 10px 0;
+ margin-bottom: 10px;
+ font-size: 17px
+}
+
+.mui-btn .mui-badge {
+ margin: -2px -4px -2px 4px;
+ font-size: 14px;
+ background-color: rgba(0, 0, 0, 0.15)
+}
+
+.mui-btn .mui-badge-inverted,
+.mui-btn:enabled:active .mui-badge-inverted {
+ background-color: transparent
+}
+
+.mui-btn-primary:enabled:active .mui-badge-inverted,
+.mui-btn-positive:enabled:active .mui-badge-inverted,
+.mui-btn-negative:enabled:active .mui-badge-inverted {
+ color: #fff
+}
+
+.mui-btn-block .mui-badge {
+ position: absolute;
+ right: 0;
+ margin-right: 10px
+}
+
+.mui-btn .mui-icon {
+ font-size: inherit
+}
+
+.mui-btn.mui-icon {
+ font-size: 14px;
+ line-height: 1.42
+}
+
+.mui-btn.mui-fab {
+ border-radius: 50%;
+ width: 56px;
+ height: 56px;
+ padding: 16px;
+ outline: none
+}
+
+.mui-btn.mui-fab.mui-btn-mini {
+ width: 40px;
+ height: 40px;
+ padding: 8px
+}
+
+.mui-btn.mui-fab .mui-icon {
+ font-size: 24px;
+ line-height: 24px;
+ width: 24px;
+ height: 24px
+}
+
+.mui-bar {
+ position: fixed;
+ right: 0;
+ left: 0;
+ z-index: 10;
+ height: 1.44rem;
+ background-color: #f7f7f7;
+ border-bottom: 0;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden
+}
+
+.mui-bar .mui-title {
+ width: auto;
+ left: 40px;
+ right: 40px;
+ margin: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: inline-block
+}
+
+.mui-bar .mui-backdrop {
+ background: none
+}
+
+.mui-bar-header-secondary {
+ top: 1.44rem
+}
+
+.mui-bar-footer {
+ bottom: 0
+}
+
+.mui-bar-footer-secondary {
+ bottom: 1.44rem
+}
+
+.mui-bar-footer-secondary-tab {
+ bottom: 1.44rem
+}
+
+.mui-bar-footer,
+.mui-bar-footer-secondary,
+.mui-bar-footer-secondary-tab {
+ border-top: 0
+}
+
+.mui-bar-nav {
+ top: 0;
+ background: #FC605A
+}
+
+.mui-bar-nav ~ .mui-content .mui-anchor {
+ display: block;
+ height: 45px;
+ margin-top: -45px;
+ visibility: hidden
+}
+
+.mui-bar-nav.mui-bar .mui-icon {
+ margin-left: -10px;
+ margin-right: -10px;
+ padding-left: 10px;
+ padding-right: 10px
+}
+
+.mui-title {
+ position: absolute;
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0 -10px;
+ font-size: 17px;
+ font-weight: 500;
+ line-height: 1.44rem;
+ color: #000;
+ text-align: center;
+ white-space: nowrap
+}
+
+.mui-title a {
+ color: inherit
+}
+
+.mui-bar-tab {
+ display: table;
+ bottom: 0;
+ width: 100%;
+ height: 1.44rem;
+ padding: 0;
+ table-layout: fixed;
+ border-top: 0;
+ border-bottom: 0;
+ -webkit-touch-callout: none
+}
+
+.mui-bar-tab .mui-tab-item {
+ display: table-cell;
+ width: 1%;
+ height: 1.44rem;
+ color: #929292;
+ text-align: center;
+ vertical-align: middle;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap
+}
+
+.mui-bar-tab .mui-tab-item.mui-active {
+ color: #ff395c
+}
+
+.mui-bar-tab .mui-tab-item .mui-icon {
+ top: 3px;
+ width: 24px;
+ height: 24px;
+ padding-top: 0;
+ padding-bottom: 0
+}
+
+.mui-bar-tab .mui-tab-item .mui-icon ~ .mui-tab-label {
+ display: block;
+ font-size: 11px;
+ overflow: hidden;
+ text-overflow: ellipsis
+}
+
+.mui-bar-tab .mui-tab-item .mui-icon:active {
+ background: none
+}
+
+.mui-focusin>.mui-bar-nav,
+.mui-focusin>.mui-bar-header-secondary {
+ position: absolute
+}
+
+.mui-focusin>.mui-bar ~ .mui-content {
+ padding-bottom: 0
+}
+
+.mui-bar .mui-btn {
+ position: relative;
+ top: 7px;
+ z-index: 20;
+ padding: 6px 12px 7px;
+ margin-top: 0;
+ font-weight: 400
+}
+
+.mui-bar .mui-btn.mui-pull-right {
+ margin-left: 10px
+}
+
+.mui-bar .mui-btn.mui-pull-left {
+ margin-right: 10px
+}
+
+.mui-bar .mui-btn-link {
+ top: 0;
+ padding: 0;
+ font-size: 16px;
+ line-height: 1.44rem;
+ color: #ff395c;
+ border: 0
+}
+
+.mui-bar .mui-btn-link:active,
+.mui-bar .mui-btn-link.mui-active {
+ color: #ff0632
+}
+
+.mui-bar .mui-btn-block {
+ top: 6px;
+ padding: 5px 0;
+ margin-bottom: 0;
+ font-size: 16px
+}
+
+.mui-bar .mui-btn-nav.mui-pull-left {
+ margin-left: -5px
+}
+
+.mui-bar .mui-btn-nav.mui-pull-left .mui-icon-left-nav {
+ margin-right: -3px
+}
+
+.mui-bar .mui-btn-nav.mui-pull-right {
+ margin-right: -5px
+}
+
+.mui-bar .mui-btn-nav.mui-pull-right .mui-icon-right-nav {
+ margin-left: -3px
+}
+
+.mui-bar .mui-btn-nav:active {
+ opacity: .3
+}
+
+.mui-bar .mui-icon {
+ position: relative;
+ z-index: 20;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ font-size: 24px
+}
+
+.mui-bar .mui-icon:active {
+ opacity: .3
+}
+
+.mui-bar .mui-btn .mui-icon {
+ top: 1px;
+ padding: 0;
+ margin: 0
+}
+
+.mui-bar .mui-title .mui-icon {
+ padding: 0;
+ margin: 0
+}
+
+.mui-bar .mui-title .mui-icon.mui-icon-caret {
+ top: 4px;
+ margin-left: -5px
+}
+
+.mui-bar input[type="search"] {
+ height: 29px;
+ margin: 6px 0
+}
+
+.mui-bar .mui-input-row .mui-btn {
+ padding: 12px 10px
+}
+
+.mui-bar .mui-search:before {
+ margin-top: -10px
+}
+
+.mui-bar .mui-input-row .mui-input-clear ~ .mui-icon-clear,
+.mui-bar .mui-input-row .mui-input-speech ~ .mui-icon-speech {
+ top: 0;
+ right: 12px
+}
+
+.mui-bar.mui-bar-header-secondary .mui-input-row .mui-input-clear ~ .mui-icon-clear,
+.mui-bar.mui-bar-header-secondary .mui-input-row .mui-input-speech ~ .mui-icon-speech {
+ top: 0;
+ right: 0
+}
+
+.mui-bar .mui-segmented-control {
+ top: 7px;
+ margin: 0 auto;
+ width: auto
+}
+
+.mui-bar.mui-bar-header-secondary .mui-segmented-control {
+ top: 0px
+}
+
+.mui-badge {
+ display: inline-block;
+ padding: 3px 6px;
+ font-size: 12px;
+ line-height: 1;
+ color: #333;
+ background-color: rgba(0, 0, 0, 0.15);
+ border-radius: 100px
+}
+
+.mui-badge.mui-badge-inverted {
+ padding: 0 5px 0 0;
+ color: #929292;
+ background-color: transparent
+}
+
+.mui-badge-primary,
+.mui-badge-blue {
+ color: #fff;
+ background-color: #ff395c
+}
+
+.mui-badge-primary.mui-badge-inverted,
+.mui-badge-blue.mui-badge-inverted {
+ color: #ff395c;
+ background-color: transparent
+}
+
+.mui-badge-success,
+.mui-badge-green {
+ color: #fff;
+ background-color: #4cd964
+}
+
+.mui-badge-success.mui-badge-inverted,
+.mui-badge-green.mui-badge-inverted {
+ color: #4cd964;
+ background-color: transparent
+}
+
+.mui-badge-warning,
+.mui-badge-yellow {
+ color: #fff;
+ background-color: #f0ad4e
+}
+
+.mui-badge-warning.mui-badge-inverted,
+.mui-badge-yellow.mui-badge-inverted {
+ color: #f0ad4e;
+ background-color: transparent
+}
+
+.mui-badge-danger,
+.mui-badge-red {
+ color: #fff;
+ background-color: #dd524d
+}
+
+.mui-badge-danger.mui-badge-inverted,
+.mui-badge-red.mui-badge-inverted {
+ color: #dd524d;
+ background-color: transparent
+}
+
+.mui-badge-royal,
+.mui-badge-purple {
+ color: #fff;
+ background-color: #8a6de9
+}
+
+.mui-badge-royal.mui-badge-inverted,
+.mui-badge-purple.mui-badge-inverted {
+ color: #8a6de9;
+ background-color: transparent
+}
+
+.mui-icon .mui-badge {
+ position: absolute;
+ left: 100%;
+ margin-left: -10px;
+ top: -2px;
+ font-size: 10px;
+ line-height: 1.4;
+ padding: 1px 5px;
+ background: red;
+ color: white
+}
+
+.mui-card {
+ margin: 0 15px;
+ overflow: hidden;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ background-clip: padding-box;
+ border-radius: 6px
+}
+
+.mui-content>.mui-card:first-child {
+ margin-top: 15px
+}
+
+.mui-card .mui-input-group:before,
+.mui-card .mui-input-group:after {
+ height: 0
+}
+
+.mui-card .mui-input-group .mui-input-row:last-child:before,
+.mui-card .mui-input-group .mui-input-row:last-child:after {
+ height: 0
+}
+
+.mui-card .mui-table-view {
+ margin-bottom: 0;
+ border-top: 0;
+ border-bottom: 0;
+ border-radius: 6px
+}
+
+.mui-card .mui-table-view .mui-table-view-divider:first-child,
+.mui-card .mui-table-view .mui-table-view-cell:first-child {
+ top: 0;
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px
+}
+
+.mui-card .mui-table-view .mui-table-view-divider:last-child,
+.mui-card .mui-table-view .mui-table-view-cell:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px
+}
+
+.mui-card .mui-table-view:before,
+.mui-card .mui-table-view:after {
+ height: 0
+}
+
+.mui-card>.mui-table-view>.mui-table-view-cell:last-child:before,
+.mui-card>.mui-table-view>.mui-table-view-cell:last-child:after {
+ height: 0
+}
+
+.mui-table-view {
+ position: relative;
+ padding-left: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ list-style: none;
+ background-color: #fff
+}
+
+.mui-table-view:after {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ height: 1px;
+ background-color: #c8c7cc;
+ content: '';
+ -webkit-transform: scaleY(0.5);
+ transform: scaleY(0.5)
+}
+
+.mui-table-view:before {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ height: 1px;
+ background-color: #c8c7cc;
+ content: '';
+ -webkit-transform: scaleY(0.5);
+ transform: scaleY(0.5)
+}
+
+.mui-table-view:before {
+ top: -1px
+}
+
+.mui-table-view-icon .mui-table-view-cell .mui-navigate-right .mui-icon {
+ font-size: 20px;
+ margin-left: -5px;
+ margin-right: 5px;
+ margin-top: -1px
+}
+
+.mui-table-view-icon .mui-table-view-cell:after {
+ left: 40px
+}
+
+.mui-table-view-chevron .mui-table-view-cell {
+ padding-right: 65px
+}
+
+.mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn) {
+ margin-right: -65px
+}
+
+.mui-table-view-radio .mui-table-view-cell {
+ padding-right: 65px
+}
+
+.mui-table-view-radio .mui-table-view-cell>a:not(.mui-btn) {
+ margin-right: -65px
+}
+
+.mui-table-view-radio .mui-table-view-cell .mui-navigate-right:after {
+ right: 9px;
+ content: '';
+ color: #ff395c;
+ font-size: 30px;
+ font-weight: 600
+}
+
+.mui-table-view-radio .mui-table-view-cell.mui-selected .mui-navigate-right:after {
+ content: '\e472'
+}
+
+.mui-table-view-inverted {
+ background: #333;
+ color: #fff
+}
+
+.mui-table-view-inverted:after {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ height: 1px;
+ background-color: #222;
+ content: '';
+ -webkit-transform: scaleY(0.5);
+ transform: scaleY(0.5)
+}
+
+.mui-table-view-inverted:before {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ height: 1px;
+ background-color: #222;
+ content: '';
+ -webkit-transform: scaleY(0.5);
+ transform: scaleY(0.5)
+}
+
+.mui-table-view-inverted .mui-table-view-cell:after {
+ position: absolute;
+ left: 15px;
+ right: 0;
+ bottom: 0;
+ height: 1px;
+ background-color: #222;
+ content: '';
+ -webkit-transform: scaleY(0.5);
+ transform: scaleY(0.5)
+}
+
+.mui-table-view-inverted .mui-table-view-cell.mui-active {
+ background-color: #242424
+}
+
+.mui-table-view-inverted .mui-table-view-cell>a:not(.mui-btn).mui-active {
+ background-color: #242424
+}
+
+.mui-table-view-cell {
+ position: relative;
+ padding: 11px 15px;
+ overflow: hidden;
+ -webkit-touch-callout: none
+}
+
+.mui-table-view-cell:after {
+ position: absolute;
+ left: 15px;
+ right: 0;
+ bottom: 0;
+ height: 1px;
+ background-color: #c8c7cc;
+ content: '';
+ -webkit-transform: scaleY(0.5);
+ transform: scaleY(0.5)
+}
+
+.mui-table-view-cell.mui-radio input[type=radio],
+.mui-table-view-cell.mui-checkbox input[type=checkbox] {
+ top: 8px
+}
+
+.mui-table-view-cell.mui-radio.mui-left,
+.mui-table-view-cell.mui-checkbox.mui-left {
+ padding-left: 58px
+}
+
+.mui-table-view-cell.mui-active {
+ background-color: #eee
+}
+
+.mui-table-view-cell:last-child:before,
+.mui-table-view-cell:last-child:after {
+ height: 0
+}
+
+.mui-table-view-cell>a:not(.mui-btn) {
+ position: relative;
+ display: block;
+ padding: inherit;
+ margin: -11px -15px;
+ overflow: hidden;
+ color: inherit;
+ white-space: nowrap;
+ text-overflow: ellipsis
+}
+
+.mui-table-view-cell>a:not(.mui-btn).mui-active {
+ background-color: #eee
+}
+
+.mui-table-view-cell p {
+ margin-bottom: 0
+}
+
+.mui-table-view-cell.mui-transitioning>.mui-slider-handle,
+.mui-table-view-cell.mui-transitioning>.mui-slider-left .mui-btn,
+.mui-table-view-cell.mui-transitioning>.mui-slider-right .mui-btn {
+ -webkit-transition: -webkit-transform 300ms ease;
+ transition: transform 300ms ease
+}
+
+.mui-table-view-cell.mui-active>.mui-slider-handle {
+ background-color: #eee
+}
+
+.mui-table-view-cell>.mui-slider-handle {
+ background-color: #fff;
+ position: relative
+}
+
+.mui-table-view-cell>.mui-slider-handle.mui-navigate-right:after,
+.mui-table-view-cell>.mui-slider-handle .mui-navigate-right:after {
+ right: 0
+}
+
+.mui-table-view-cell>.mui-slider-handle,
+.mui-table-view-cell>.mui-slider-left .mui-btn,
+.mui-table-view-cell>.mui-slider-right .mui-btn {
+ -webkit-transition: -webkit-transform 0ms ease;
+ transition: transform 0ms ease
+}
+
+.mui-table-view-cell>.mui-slider-left,
+.mui-table-view-cell>.mui-slider-right {
+ position: absolute;
+ top: 0;
+ height: 100%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: flex
+}
+
+.mui-table-view-cell>.mui-slider-left>.mui-btn,
+.mui-table-view-cell>.mui-slider-right>.mui-btn {
+ padding: 0 30px;
+ color: #fff;
+ border-radius: 0;
+ border: 0;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ position: relative;
+ left: 0
+}
+
+.mui-table-view-cell>.mui-slider-left>.mui-btn:after,
+.mui-table-view-cell>.mui-slider-right>.mui-btn:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ width: 600%;
+ height: 100%;
+ background: inherit;
+ z-index: -1
+}
+
+.mui-table-view-cell>.mui-slider-left>.mui-btn.mui-icon,
+.mui-table-view-cell>.mui-slider-right>.mui-btn.mui-icon {
+ font-size: 30px
+}
+
+.mui-table-view-cell>.mui-slider-right {
+ right: 0%;
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ -webkit-transition: -webkit-transform 0ms ease;
+ transition: transform 0ms ease
+}
+
+.mui-table-view-cell>.mui-slider-left {
+ left: 0;
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ -webkit-transition: -webkit-transform 0ms ease;
+ transition: transform 0ms ease
+}
+
+.mui-table-view-cell>.mui-slider-left>.mui-btn:after {
+ right: 100%;
+ margin-right: -1px
+}
+
+.mui-table-view-divider {
+ position: relative;
+ padding-top: 6px;
+ padding-bottom: 6px;
+ padding-left: 15px;
+ margin-top: -1px;
+ margin-left: 0;
+ font-weight: 500;
+ color: #999;
+ background-color: #fafafa
+}
+
+.mui-table-view-divider:after {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ height: 1px;
+ background-color: #c8c7cc;
+ content: '';
+ -webkit-transform: scaleY(0.5);
+ transform: scaleY(0.5)
+}
+
+.mui-table-view-divider:before {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ height: 1px;
+ background-color: #c8c7cc;
+ content: '';
+ -webkit-transform: scaleY(0.5);
+ transform: scaleY(0.5)
+}
+
+.mui-table-view .mui-media,
+.mui-table-view .mui-media-body {
+ overflow: hidden
+}
+
+.mui-table-view .mui-media-large .mui-media-object {
+ max-width: 80px;
+ height: 80px;
+ line-height: 80px
+}
+
+.mui-table-view .mui-media .mui-subtitle {
+ color: #000
+}
+
+.mui-table-view .mui-media-object {
+ max-width: 42px;
+ height: 42px;
+ line-height: 42px
+}
+
+.mui-table-view .mui-media-object.mui-pull-left {
+ margin-right: 10px
+}
+
+.mui-table-view .mui-media-object.mui-pull-right {
+ margin-left: 10px
+}
+
+.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object {
+ max-width: 29px;
+ height: 29px;
+ line-height: 29px;
+ margin: -4px 0
+}
+
+.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object img {
+ max-width: 29px;
+ height: 29px;
+ line-height: 29px
+}
+
+.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object.mui-pull-left {
+ margin-right: 10px
+}
+
+.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object .mui-icon {
+ font-size: 29px
+}
+
+.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-body:after {
+ position: absolute;
+ left: 55px;
+ right: 0;
+ bottom: 0;
+ height: 1px;
+ background-color: #c8c7cc;
+ content: '';
+ -webkit-transform: scaleY(0.5);
+ transform: scaleY(0.5)
+}
+
+.mui-table-view .mui-table-view-cell.mui-media-icon:after {
+ height: 0 !important
+}
+
+.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view {
+ display: block
+}
+
+.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:before,
+.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:after {
+ height: 0 !important
+}
+
+.mui-table-view.mui-unfold .mui-table-view-cell.mui-media-icon.mui-collapse .mui-media-body:after {
+ position: absolute;
+ left: 70px;
+ right: 0;
+ bottom: 0;
+ height: 1px;
+ background-color: #c8c7cc;
+ content: '';
+ -webkit-transform: scaleY(0.5);
+ transform: scaleY(0.5)
+}
+
+.mui-table-view-cell>.mui-btn,
+.mui-table-view-cell>.mui-badge,
+.mui-table-view-cell>.mui-switch,
+.mui-table-view-cell>a>.mui-btn,
+.mui-table-view-cell>a>.mui-badge,
+.mui-table-view-cell>a>.mui-switch {
+ position: absolute;
+ top: 50%;
+ right: 15px;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%)
+}
+
+.mui-table-view-cell .mui-navigate-right>.mui-btn,
+.mui-table-view-cell .mui-navigate-right>.mui-badge,
+.mui-table-view-cell .mui-navigate-right>.mui-switch,
+.mui-table-view-cell .mui-push-left>.mui-btn,
+.mui-table-view-cell .mui-push-left>.mui-badge,
+.mui-table-view-cell .mui-push-left>.mui-switch,
+.mui-table-view-cell .mui-push-right>.mui-btn,
+.mui-table-view-cell .mui-push-right>.mui-badge,
+.mui-table-view-cell .mui-push-right>.mui-switch,
+.mui-table-view-cell>a .mui-navigate-right>.mui-btn,
+.mui-table-view-cell>a .mui-navigate-right>.mui-badge,
+.mui-table-view-cell>a .mui-navigate-right>.mui-switch,
+.mui-table-view-cell>a .mui-push-left>.mui-btn,
+.mui-table-view-cell>a .mui-push-left>.mui-badge,
+.mui-table-view-cell>a .mui-push-left>.mui-switch,
+.mui-table-view-cell>a .mui-push-right>.mui-btn,
+.mui-table-view-cell>a .mui-push-right>.mui-badge,
+.mui-table-view-cell>a .mui-push-right>.mui-switch {
+ right: 35px
+}
+
+.mui-content>.mui-table-view:first-child {
+ margin-top: 15px
+}
+
+.mui-table-view-cell.mui-collapse .mui-table-view:before,
+.mui-table-view-cell.mui-collapse .mui-table-view:after {
+ height: 0
+}
+
+.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:last-child:after {
+ height: 0
+}
+
+.mui-table-view-cell.mui-collapse>.mui-navigate-right:after,
+.mui-table-view-cell.mui-collapse>.mui-push-right:after {
+ content: '\e581'
+}
+
+.mui-table-view-cell.mui-collapse.mui-active {
+ margin-top: -1px
+}
+
+.mui-table-view-cell.mui-collapse.mui-active .mui-table-view,
+.mui-table-view-cell.mui-collapse.mui-active .mui-collapse-content {
+ display: block
+}
+
+.mui-table-view-cell.mui-collapse.mui-active>.mui-navigate-right:after,
+.mui-table-view-cell.mui-collapse.mui-active>.mui-push-right:after {
+ content: '\e580'
+}
+
+.mui-table-view-cell.mui-collapse.mui-active .mui-table-view-cell>a:not(.mui-btn).mui-active {
+ margin-left: -31px;
+ padding-left: 47px
+}
+
+.mui-table-view-cell.mui-collapse .mui-collapse-content {
+ display: none;
+ padding: 8px 15px;
+ margin: 11px -15px -11px;
+ background: white;
+ position: relative;
+ overflow: hidden;
+ -webkit-transition: height .35s ease;
+ -o-transition: height .35s ease;
+ transition: height .35s ease
+}
+
+.mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-input-group,
+.mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-slider {
+ margin: -8px -15px;
+ width: auto;
+ height: auto
+}
+
+.mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-slider {
+ margin: -8px -16px
+}
+
+.mui-table-view-cell.mui-collapse .mui-table-view {
+ display: none;
+ margin-bottom: -11px;
+ margin-top: 11px;
+ margin-right: -15px;
+ margin-left: -15px;
+ border: 0
+}
+
+.mui-table-view-cell.mui-collapse .mui-table-view.mui-table-view-chevron {
+ margin-right: -65px
+}
+
+.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell {
+ padding-left: 31px;
+ background-position: 31px 100%
+}
+
+.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after {
+ position: absolute;
+ left: 30px;
+ right: 0;
+ bottom: 0;
+ height: 1px;
+ background-color: #c8c7cc;
+ content: '';
+ -webkit-transform: scaleY(0.5);
+ transform: scaleY(0.5)
+}
+
+.mui-table-view.mui-grid-view {
+ display: block;
+ padding: 0 10px 10px 0;
+ width: 100%;
+ white-space: normal;
+ font-size: 0
+}
+
+.mui-table-view.mui-grid-view .mui-table-view-cell {
+ font-size: 17px;
+ display: inline-block;
+ padding: 10px 0 0 14px;
+ background: none;
+ text-align: center;
+ vertical-align: middle;
+ margin-right: -4px
+}
+
+.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object {
+ width: 100%;
+ max-width: 100%;
+ height: auto
+}
+
+.mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn) {
+ margin: -10px 0 0 -14px
+}
+
+.mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn):active,
+.mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn).mui-active {
+ background: none
+}
+
+.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
+ display: block;
+ height: 15px;
+ line-height: 15px;
+ color: #333;
+ font-size: 15px;
+ margin-top: 8px;
+ width: 100%;
+ text-overflow: ellipsis
+}
+
+.mui-table-view.mui-grid-view .mui-table-view-cell:before,
+.mui-table-view.mui-grid-view .mui-table-view-cell:after {
+ height: 0
+}
+
+.mui-grid-view.mui-grid-9 {
+ background-color: #f2f2f2;
+ padding: 0;
+ margin: 0;
+ border-left: 1px solid #EEE;
+ border-top: 1px solid #EEE
+}
+
+.mui-grid-view.mui-grid-9:before,
+.mui-grid-view.mui-grid-9:after {
+ display: table;
+ content: " "
+}
+
+.mui-grid-view.mui-grid-9:after {
+ clear: both
+}
+
+.mui-grid-view.mui-grid-9:after {
+ position: static
+}
+
+.mui-grid-view.mui-grid-9 .mui-table-view-cell {
+ vertical-align: top;
+ padding: 11px 15px;
+ margin: 0;
+ border-right: 1px solid #EEE;
+ border-bottom: 1px solid #EEE
+}
+
+.mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-active {
+ background-color: #eee
+}
+
+.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn) {
+ padding: 10px 0;
+ margin: 0
+}
+
+.mui-grid-view.mui-grid-9:before {
+ height: 0
+}
+
+.mui-grid-view.mui-grid-9 .mui-media {
+ color: #797979
+}
+
+.mui-grid-view.mui-grid-9 .mui-media .mui-icon {
+ font-size: 2.4em;
+ position: relative
+}
+
+.mui-slider-cell {
+ position: relative
+}
+
+.mui-slider-cell>.mui-slider-handle {
+ z-index: 1
+}
+
+.mui-slider-cell>.mui-slider-left,
+.mui-slider-cell>.mui-slider-right {
+ z-index: 0;
+ position: absolute;
+ top: 0;
+ bottom: 0
+}
+
+.mui-slider-cell>.mui-slider-left {
+ left: 0
+}
+
+.mui-slider-cell>.mui-slider-right {
+ right: 0
+}
+
+input,
+textarea,
+select {
+ font-family: "Helvetica Neue", Helvetica, sans-serif;
+ font-size: inherit;
+ -webkit-tap-highlight-color: transparent;
+ -webkit-tap-highlight-color: transparent
+}
+
+input:focus,
+textarea:focus,
+select:focus {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-tap-highlight-color: transparent;
+ -webkit-user-modify: read-write-plaintext-only
+}
+
+select,
+textarea,
+input[type="text"],
+input[type="search"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="tel"],
+input[type="color"] {
+ width: 100%;
+ height: 40px;
+ -webkit-appearance: none;
+ padding: 10px 15px;
+ margin-bottom: 15px;
+ line-height: 21px;
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 3px;
+ outline: none;
+ -webkit-user-select: text
+}
+
+input[type=number]::-webkit-inner-spin-button,
+input[type=number]::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ margin: 0
+}
+
+input[type="search"] {
+ height: 34px;
+ text-align: center;
+ background-color: rgba(0, 0, 0, 0.1);
+ border: 0;
+ border-radius: 6px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box
+}
+
+input[type="search"]:focus {
+ text-align: left
+}
+
+textarea {
+ height: auto;
+ resize: none
+}
+
+select {
+ margin-top: 1px;
+ height: auto;
+ font-size: inherit;
+ background-color: #fff;
+ border: 0 !important
+}
+
+select:focus {
+ -webkit-user-modify: read-only
+}
+
+.mui-input-group {
+ position: relative;
+ padding: 0;
+ border: 0;
+ background-color: #fff
+}
+
+.mui-input-group:after {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ height: 1px;
+ background-color: #c8c7cc;
+ content: '';
+ -webkit-transform: scaleY(0.5);
+ transform: scaleY(0.5)
+}
+
+.mui-input-group:before {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ height: 1px;
+ background-color: #c8c7cc;
+ content: '';
+ -webkit-transform: scaleY(0.5);
+ transform: scaleY(0.5)
+}
+
+.mui-input-group input,
+.mui-input-group textarea {
+ margin-bottom: 0;
+ background-color: transparent;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: 0
+}
+
+.mui-input-group input[type="search"] {
+ background: none
+}
+
+.mui-input-group input:last-child {
+ background-image: none
+}
+
+.mui-input-row {
+ clear: left;
+ overflow: hidden
+}
+
+.mui-input-row select {
+ padding: 0;
+ height: 37px
+}
+
+.mui-input-row:last-child,
+.mui-input-row label+input,
+.mui-input-row .mui-btn+input {
+ background: none
+}
+
+.mui-input-group .mui-input-row {
+ height: 40px
+}
+
+.mui-input-group .mui-input-row:after {
+ position: absolute;
+ left: 15px;
+ right: 0;
+ bottom: 0;
+ height: 1px;
+ background-color: #c8c7cc;
+ content: '';
+ -webkit-transform: scaleY(0.5);
+ transform: scaleY(0.5)
+}
+
+.mui-input-row label {
+ float: left;
+ width: 35%;
+ padding: 10px 15px;
+ font-family: "Helvetica Neue", Helvetica, sans-serif;
+ line-height: 1.1
+}
+
+.mui-input-row label ~ input,
+.mui-input-row label ~ select,
+.mui-input-row label ~ textarea {
+ float: right;
+ width: 65%;
+ padding-left: 0;
+ margin-bottom: 0;
+ border: 0
+}
+
+.mui-input-row .mui-btn {
+ float: right;
+ width: 15%;
+ padding: 10px 15px;
+ font-family: "Helvetica Neue", Helvetica, sans-serif;
+ line-height: 1.1
+}
+
+.mui-input-row .mui-btn ~ input,
+.mui-input-row .mui-btn ~ select,
+.mui-input-row .mui-btn ~ textarea {
+ float: left;
+ width: 85%;
+ padding-left: 0;
+ margin-bottom: 0;
+ border: 0
+}
+
+.mui-button-row {
+ position: relative;
+ padding-top: 5px;
+ text-align: center
+}
+
+.mui-input-group .mui-button-row {
+ height: 45px
+}
+
+.mui-input-row {
+ position: relative
+}
+
+.mui-input-row.mui-input-range {
+ padding-right: 20px;
+ overflow: visible
+}
+
+.mui-input-row .mui-inline {
+ padding: 8px 0
+}
+
+.mui-input-row .mui-input-clear ~ .mui-icon-clear,
+.mui-input-row .mui-input-speech ~ .mui-icon-speech,
+.mui-input-row .mui-input-password ~ .mui-icon-eye {
+ position: absolute;
+ right: 0px;
+ top: 10px;
+ font-size: 20px;
+ height: 38px;
+ width: 38px;
+ text-align: center;
+ color: #999;
+ z-index: 1
+}
+
+.mui-input-row .mui-input-clear ~ .mui-icon-clear.mui-active,
+.mui-input-row .mui-input-speech ~ .mui-icon-speech.mui-active,
+.mui-input-row .mui-input-password ~ .mui-icon-eye.mui-active {
+ color: #ff395c
+}
+
+.mui-input-row .mui-input-speech ~ .mui-icon-speech {
+ top: 8px;
+ font-size: 24px
+}
+
+.mui-input-row .mui-input-clear ~ .mui-icon-clear ~ .mui-icon-speech {
+ display: none
+}
+
+.mui-input-row .mui-input-clear ~ .mui-icon-clear.mui-hidden ~ .mui-icon-speech {
+ display: inline-block
+}
+
+.mui-input-row .mui-icon-speech ~ .mui-placeholder {
+ right: 38px
+}
+
+.mui-input-row.mui-search .mui-icon-clear {
+ top: 7px
+}
+
+.mui-input-row.mui-search .mui-icon-speech {
+ top: 5px
+}
+
+.mui-radio,
+.mui-checkbox {
+ position: relative
+}
+
+.mui-radio label,
+.mui-checkbox label {
+ float: none;
+ display: inline-block;
+ width: 100%;
+ padding-right: 58px
+}
+
+.mui-radio.mui-left input[type="radio"],
+.mui-checkbox.mui-left input[type="checkbox"] {
+ left: 20px
+}
+
+.mui-radio.mui-left label,
+.mui-checkbox.mui-left label {
+ padding-left: 58px;
+ padding-right: 15px
+}
+
+.mui-radio input[type="radio"],
+.mui-checkbox input[type="checkbox"] {
+ -webkit-appearance: none;
+ outline: 0 !important;
+ width: 28px;
+ border: 0;
+ height: 26px;
+ display: inline-block;
+ position: absolute;
+ right: 20px;
+ top: 4px;
+ background-color: transparent
+}
+
+.mui-radio input[type="radio"][disabled]:before,
+.mui-checkbox input[type="checkbox"][disabled]:before {
+ opacity: .3
+}
+
+.mui-radio input[type="radio"]:before,
+.mui-checkbox input[type="checkbox"]:before {
+ font-family: Muiicons;
+ font-weight: normal;
+ border-radius: 0;
+ font-size: 28px;
+ line-height: 1;
+ text-decoration: none;
+ -webkit-font-smoothing: antialiased;
+ color: #aaa;
+ background: none
+}
+
+.mui-radio input[type="radio"]:checked:before,
+.mui-checkbox input[type="checkbox"]:checked:before {
+ color: #ff395c
+}
+
+.mui-radio.mui-disabled label,
+.mui-radio label.mui-disabled,
+.mui-checkbox.mui-disabled label,
+.mui-checkbox label.mui-disabled {
+ opacity: .4
+}
+
+.mui-radio input[type="radio"]:before {
+ content: "\e411"
+}
+
+.mui-radio input[type="radio"]:checked:before {
+ content: "\e441"
+}
+
+.mui-checkbox input[type="checkbox"]:before {
+ content: "\e411"
+}
+
+.mui-checkbox input[type="checkbox"]:checked:before {
+ content: "\e442"
+}
+
+.mui-select {
+ position: relative
+}
+
+.mui-select:before {
+ position: absolute;
+ top: 8px;
+ color: rgba(170, 170, 170, 0.6);
+ font-family: Muiicons;
+ right: 21px;
+ content: '\e581'
+}
+
+.mui-input-row .mui-switch {
+ float: right;
+ margin-top: 5px;
+ margin-right: 20px
+}
+
+.mui-input-range input[type="range"] {
+ -webkit-appearance: none !important;
+ cursor: pointer;
+ border: 0;
+ outline: none;
+ padding: 0;
+ margin: 17px 0;
+ background-color: #999;
+ height: 2px;
+ border-radius: 3px;
+ position: relative;
+ width: 100%
+}
+
+.mui-input-range input[type='range']::-webkit-slider-thumb {
+ -webkit-appearance: none !important;
+ background-color: #ff395c;
+ background-clip: padding-box;
+ height: 28px;
+ width: 28px;
+ border-radius: 50%;
+ border-color: #ff0632
+}
+
+.mui-input-range label ~ input[type="range"] {
+ width: 65%
+}
+
+.mui-input-range .mui-tooltip {
+ width: 64px;
+ height: 64px;
+ font-size: 36px;
+ line-height: 64px;
+ opacity: .8;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-radius: 6px;
+ color: #333;
+ text-shadow: 0 1px 0 #f3f3f3;
+ position: absolute;
+ top: -70px;
+ text-align: center;
+ z-index: 1
+}
+
+.mui-search {
+ position: relative
+}
+
+.mui-search input[type="search"] {
+ padding-left: 30px
+}
+
+.mui-search .mui-placeholder {
+ height: 34px;
+ font-size: 16px;
+ line-height: 34px;
+ text-align: center;
+ background: none;
+ border: 0;
+ color: #999;
+ border-radius: 6px;
+ display: inline-block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 1
+}
+
+.mui-search .mui-placeholder .mui-icon {
+ color: #333;
+ font-size: 20px
+}
+
+.mui-search:before {
+ position: absolute;
+ font-family: Muiicons;
+ font-weight: normal;
+ font-size: 20px;
+ right: 50%;
+ margin-right: 31px;
+ top: 50%;
+ margin-top: -18px;
+ content: '\e466';
+ display: none
+}
+
+.mui-search.mui-active:before {
+ left: 5px;
+ right: auto;
+ margin-right: 0;
+ font-size: 20px;
+ display: block
+}
+
+.mui-search.mui-active input[type="search"] {
+ text-align: left
+}
+
+.mui-search.mui-active .mui-placeholder {
+ display: none
+}
+
+::webkit-input-placeholder {
+ color: #9e9e9e
+}
+
+.mui-segmented-control {
+ position: relative;
+ display: table;
+ table-layout: fixed;
+ width: 100%;
+ overflow: hidden;
+ font-size: 15px;
+ font-weight: 400;
+ background-color: transparent;
+ border: 1px solid #ff395c;
+ border-radius: 3px;
+ -webkit-touch-callout: none
+}
+
+.mui-segmented-control.mui-segmented-control-vertical {
+ border-radius: 0;
+ border-width: 0;
+ border-collapse: collapse
+}
+
+.mui-segmented-control.mui-segmented-control-vertical .mui-control-item {
+ display: block;
+ border-left-width: 0;
+ border-bottom: 1px solid #c8c7cc
+}
+
+.mui-segmented-control.mui-scroll-wrapper {
+ height: 38px
+}
+
+.mui-segmented-control.mui-scroll-wrapper .mui-scroll {
+ height: 40px;
+ width: auto;
+ white-space: nowrap
+}
+
+.mui-segmented-control.mui-scroll-wrapper .mui-control-item {
+ display: inline-block;
+ width: auto;
+ padding: 0 20px;
+ border: 0
+}
+
+.mui-segmented-control .mui-control-item {
+ display: table-cell;
+ width: 1%;
+ overflow: hidden;
+ line-height: 38px;
+ text-align: center;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ border-left: 1px solid #ff395c;
+ color: #ff395c;
+ border-color: #ff395c;
+ -webkit-transition: background-color 0.1s linear;
+ transition: background-color 0.1s linear
+}
+
+.mui-segmented-control .mui-control-item:first-child {
+ border-left-width: 0
+}
+
+.mui-segmented-control .mui-control-item.mui-active {
+ color: #fff;
+ background-color: #ff395c
+}
+
+.mui-segmented-control.mui-segmented-control-inverted {
+ width: 100%;
+ border: 0;
+ border-radius: 0
+}
+
+.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item {
+ border-bottom: 1px solid #c8c7cc
+}
+
+.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active {
+ border-bottom: 1px solid #c8c7cc
+}
+
+.mui-segmented-control.mui-segmented-control-inverted .mui-control-item {
+ border: 0;
+ color: inherit
+}
+
+.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
+ color: #ff395c;
+ background: none;
+ border-bottom: 2px solid #ff395c
+}
+
+.mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-progress-bar {
+ background-color: #ff395c
+}
+
+.mui-segmented-control-positive {
+ border: 1px solid #4cd964
+}
+
+.mui-segmented-control-positive .mui-control-item {
+ color: #4cd964;
+ border-color: inherit
+}
+
+.mui-segmented-control-positive .mui-control-item.mui-active {
+ color: #fff;
+ background-color: #4cd964
+}
+
+.mui-segmented-control-positive.mui-segmented-control-inverted .mui-control-item.mui-active {
+ color: #4cd964;
+ background: none;
+ border-bottom: 2px solid #4cd964
+}
+
+.mui-segmented-control-positive.mui-segmented-control-inverted ~ .mui-slider-progress-bar {
+ background-color: #4cd964
+}
+
+.mui-segmented-control-negative {
+ border: 1px solid #dd524d
+}
+
+.mui-segmented-control-negative .mui-control-item {
+ color: #dd524d;
+ border-color: inherit
+}
+
+.mui-segmented-control-negative .mui-control-item.mui-active {
+ color: #fff;
+ background-color: #dd524d
+}
+
+.mui-segmented-control-negative.mui-segmented-control-inverted .mui-control-item.mui-active {
+ color: #dd524d;
+ background: none;
+ border-bottom: 2px solid #dd524d
+}
+
+.mui-segmented-control-negative.mui-segmented-control-inverted ~ .mui-slider-progress-bar {
+ background-color: #dd524d
+}
+
+.mui-control-content {
+ position: relative;
+ display: none
+}
+
+.mui-control-content.mui-active {
+ display: block
+}
+
+.mui-popover {
+ position: absolute;
+ z-index: 999;
+ display: none;
+ width: 280px;
+ background-color: #f7f7f7;
+ border-radius: 7px;
+ opacity: 0;
+ -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
+ -webkit-transition: opacity .3s;
+ transition: opacity .3s;
+ -webkit-transform: none;
+ transform: none;
+ -webkit-transition-property: opacity;
+ transition-property: opacity
+}
+
+.mui-popover .mui-popover-arrow {
+ width: 26px;
+ height: 26px;
+ position: absolute;
+ left: 0px;
+ top: -25px;
+ z-index: 1000;
+ overflow: hidden
+}
+
+.mui-popover .mui-popover-arrow:after {
+ content: ' ';
+ background: #f7f7f7;
+ width: 26px;
+ height: 26px;
+ position: absolute;
+ left: 0;
+ top: 19px;
+ border-radius: 3px;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg)
+}
+
+.mui-popover .mui-popover-arrow.mui-bottom {
+ left: -26px;
+ top: 100%;
+ margin-top: -1px
+}
+
+.mui-popover .mui-popover-arrow.mui-bottom:after {
+ left: 0;
+ top: -19px
+}
+
+.mui-popover.mui-popover-action {
+ bottom: 0;
+ width: 100%;
+ border-radius: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ -webkit-transition: -webkit-transform .3s, opacity .3s;
+ transition: transform .3s, opacity .3s;
+ background: none;
+ -webkit-box-shadow: none;
+ box-shadow: none
+}
+
+.mui-popover.mui-popover-action .mui-popover-arrow {
+ display: none
+}
+
+.mui-popover.mui-popover-action.mui-popover-bottom {
+ position: fixed
+}
+
+.mui-popover.mui-popover-action.mui-active {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0)
+}
+
+.mui-popover.mui-popover-action .mui-table-view {
+ margin: 8px;
+ border-radius: 4px;
+ text-align: center;
+ color: #ff395c
+}
+
+.mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell:after {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ height: 1px;
+ background-color: #c8c7cc;
+ content: '';
+ -webkit-transform: scaleY(0.5);
+ transform: scaleY(0.5)
+}
+
+.mui-popover.mui-popover-action .mui-table-view small {
+ line-height: 1.3;
+ font-weight: 400;
+ display: block
+}
+
+.mui-popover.mui-active {
+ display: block;
+ opacity: 1
+}
+
+.mui-popover .mui-bar ~ .mui-table-view {
+ padding-top: 1.44rem
+}
+
+.mui-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ z-index: 998;
+ background-color: rgba(0, 0, 0, 0.3)
+}
+
+.mui-bar-backdrop.mui-backdrop {
+ bottom: 50px;
+ background: none
+}
+
+.mui-backdrop-action.mui-backdrop {
+ background-color: rgba(0, 0, 0, 0.3)
+}
+
+.mui-bar-backdrop.mui-backdrop,
+.mui-backdrop-action.mui-backdrop {
+ opacity: 0
+}
+
+.mui-bar-backdrop.mui-backdrop.mui-active,
+.mui-backdrop-action.mui-backdrop.mui-active {
+ opacity: 1;
+ -webkit-transition: all 0.4s ease;
+ transition: all 0.4s ease
+}
+
+.mui-popover .mui-btn-block {
+ margin-bottom: 5px
+}
+
+.mui-popover .mui-btn-block:last-child {
+ margin-bottom: 0
+}
+
+.mui-popover .mui-bar {
+ -webkit-box-shadow: none;
+ box-shadow: none
+}
+
+.mui-popover .mui-bar-nav {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.15);
+ border-top-left-radius: 12px;
+ border-top-right-radius: 12px;
+ -webkit-box-shadow: none;
+ box-shadow: none
+}
+
+.mui-popover .mui-scroll-wrapper {
+ background-clip: padding-box;
+ border-radius: 7px;
+ margin: 7px 0
+}
+
+.mui-popover .mui-scroll .mui-table-view {
+ max-height: none
+}
+
+.mui-popover .mui-table-view {
+ max-height: 300px;
+ margin-bottom: 0;
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+ background-color: #f7f7f7;
+ background-image: none;
+ border-radius: 7px
+}
+
+.mui-popover .mui-table-view:before,
+.mui-popover .mui-table-view:after {
+ height: 0
+}
+
+.mui-popover .mui-table-view .mui-table-view-cell:first-child,
+.mui-popover .mui-table-view .mui-table-view-cell:first-child>a:not(.mui-btn) {
+ border-top-right-radius: 12px;
+ border-top-left-radius: 12px
+}
+
+.mui-popover .mui-table-view .mui-table-view-cell:last-child,
+.mui-popover .mui-table-view .mui-table-view-cell:last-child>a:not(.mui-btn) {
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 12px
+}
+
+.mui-popover.mui-bar-popover .mui-table-view {
+ width: 106px
+}
+
+.mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell {
+ padding: 11px 15px 11px 15px;
+ background-position: 0px 100%
+}
+
+.mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell>a:not(.mui-btn) {
+ margin: -11px -15px -11px -15px
+}
+
+.mui-pagination {
+ display: inline-block;
+ padding-left: 0;
+ margin: 0 auto;
+ border-radius: 6px
+}
+
+.mui-pagination>li {
+ display: inline
+}
+
+.mui-pagination>li>a,
+.mui-pagination>li>span {
+ position: relative;
+ float: left;
+ padding: 6px 12px;
+ line-height: 1.428571429;
+ text-decoration: none;
+ color: #ff395c;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ margin-left: -1px
+}
+
+.mui-pagination>li:first-child>a,
+.mui-pagination>li:first-child>span {
+ margin-left: 0;
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+ background-clip: padding-box
+}
+
+.mui-pagination>li:last-child>a,
+.mui-pagination>li:last-child>span {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+ background-clip: padding-box
+}
+
+.mui-pagination>li:active>a,
+.mui-pagination>li:active>a:active,
+.mui-pagination>li:active>span,
+.mui-pagination>li:active>span:active,
+.mui-pagination>li.mui-active>a,
+.mui-pagination>li.mui-active>a:active,
+.mui-pagination>li.mui-active>span,
+.mui-pagination>li.mui-active>span:active {
+ z-index: 2;
+ color: #fff;
+ background-color: #ff395c;
+ border-color: #ff395c;
+ cursor: default
+}
+
+.mui-pagination>li.mui-disabled>span,
+.mui-pagination>li.mui-disabled>span:active,
+.mui-pagination>li.mui-disabled>a,
+.mui-pagination>li.mui-disabled>a:active {
+ color: #777;
+ opacity: .6;
+ background-color: #fff;
+ border: 1px solid #ddd
+}
+
+.mui-pagination-lg>li>a,
+.mui-pagination-lg>li>span {
+ padding: 10px 16px;
+ font-size: 18px
+}
+
+.mui-pagination-sm>li>a,
+.mui-pagination-sm>li>span {
+ padding: 5px 10px;
+ font-size: 12px
+}
+
+.mui-pager {
+ padding-left: 0;
+ list-style: none;
+ text-align: center
+}
+
+.mui-pager:before,
+.mui-pager:after {
+ content: " ";
+ display: table
+}
+
+.mui-pager:after {
+ clear: both
+}
+
+.mui-pager li {
+ display: inline
+}
+
+.mui-pager li>a,
+.mui-pager li>span {
+ display: inline-block;
+ padding: 5px 14px;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ddd;
+ border-radius: 6px
+}
+
+.mui-pager li:active>a,
+.mui-pager li:active>span,
+.mui-pager li.mui-active>a,
+.mui-pager li.mui-active>span {
+ text-decoration: none;
+ color: #fff;
+ background-color: #ff395c;
+ border-color: #ff395c;
+ cursor: default
+}
+
+.mui-pager .mui-next>a,
+.mui-pager .mui-next>span {
+ float: right
+}
+
+.mui-pager .mui-previous>a,
+.mui-pager .mui-previous>span {
+ float: left
+}
+
+.mui-pager .mui-disabled>a,
+.mui-pager .mui-disabled>a:active,
+.mui-pager .mui-disabled>span,
+.mui-pager .mui-disabled>span:active {
+ color: #777;
+ opacity: .6;
+ background-color: #fff;
+ border: 1px solid #ddd
+}
+
+.mui-modal {
+ position: fixed;
+ top: 0;
+ z-index: 999;
+ width: 100%;
+ min-height: 100%;
+ overflow: hidden;
+ background-color: #fff;
+ opacity: 0;
+ -webkit-transition: -webkit-transform .25s, opacity 1ms .25s;
+ transition: transform .25s, opacity 1ms .25s;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
+ transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1)
+}
+
+.mui-modal.mui-active {
+ height: 100%;
+ opacity: 1;
+ -webkit-transition: -webkit-transform .25s;
+ transition: transform .25s;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
+ transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1)
+}
+
+.mui-android .mui-modal .mui-bar {
+ position: static
+}
+
+.mui-android .mui-modal .mui-bar-nav ~ .mui-content {
+ padding-top: 0
+}
+
+.mui-slider {
+ overflow: hidden;
+ width: 100%;
+ position: relative
+}
+
+.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
+ border-bottom: 0
+}
+
+.mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item {
+ border-top: 1px solid #c8c7cc;
+ border-bottom: 1px solid #c8c7cc
+}
+
+.mui-slider .mui-slider-group {
+ position: relative;
+ font-size: 0;
+ white-space: nowrap;
+ -webkit-transition: all 0s linear;
+ transition: all 0s linear
+}
+
+.mui-slider .mui-slider-group .mui-slider-item {
+ position: relative;
+ display: inline-block;
+ white-space: normal;
+ width: 100%;
+ height: 100%;
+ font-size: 14px;
+ vertical-align: top
+}
+
+.mui-slider .mui-slider-group .mui-slider-item>a:not(.mui-control-item) {
+ position: relative;
+ line-height: 0;
+ display: block
+}
+
+.mui-slider .mui-slider-group .mui-slider-item img {
+ width: 100%
+}
+
+.mui-slider .mui-slider-group .mui-slider-item .mui-table-view:before,
+.mui-slider .mui-slider-group .mui-slider-item .mui-table-view:after {
+ height: 0
+}
+
+.mui-slider .mui-slider-group.mui-slider-loop {
+ -webkit-transform: translate(-100%, 0px);
+ transform: translate(-100%, 0px)
+}
+
+.mui-slider-title {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ height: 30px;
+ line-height: 30px;
+ width: 100%;
+ text-align: left;
+ text-indent: 12px;
+ background-color: #000;
+ opacity: 0.8;
+ margin: 0
+}
+
+.mui-slider-indicator {
+ position: absolute;
+ bottom: 8px;
+ width: 100%;
+ text-align: center;
+ background: none
+}
+
+.mui-slider-indicator.mui-segmented-control {
+ position: relative;
+ bottom: auto
+}
+
+.mui-slider-indicator .mui-indicator {
+ display: inline-block;
+ cursor: pointer;
+ background: #aaa;
+ width: 6px;
+ height: 6px;
+ margin: 1px 6px;
+ border-radius: 50%;
+ -webkit-box-shadow: 0 0 1px 1px rgba(130, 130, 130, 0.7);
+ box-shadow: 0 0 1px 1px rgba(130, 130, 130, 0.7)
+}
+
+.mui-slider-indicator .mui-active.mui-indicator {
+ background: #fff
+}
+
+.mui-slider-indicator .mui-icon {
+ width: 40px;
+ height: 30px;
+ margin: 3px;
+ font-size: 20px;
+ line-height: 30px;
+ text-align: center;
+ border: 1px solid #dddddd
+}
+
+.mui-slider-indicator .mui-number {
+ display: inline-block;
+ line-height: 32px;
+ width: 58px
+}
+
+.mui-slider-indicator .mui-number span {
+ color: #ff5053
+}
+
+.mui-slider-progress-bar {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ height: 2px;
+ z-index: 1
+}
+
+.mui-switch {
+ position: relative;
+ display: block;
+ width: 74px;
+ height: 30px;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 2px solid #ddd;
+ border-radius: 20px;
+ -webkit-transition-timing-function: ease-in-out;
+ transition-timing-function: ease-in-out;
+ -webkit-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+ -webkit-transition-property: background-color, border;
+ transition-property: background-color, border
+}
+
+.mui-switch.mui-disabled {
+ opacity: .3
+}
+
+.mui-switch .mui-switch-handle {
+ position: absolute;
+ top: -1px;
+ left: -1px;
+ z-index: 1;
+ width: 28px;
+ height: 28px;
+ background-color: #fff;
+ background-clip: padding-box;
+ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
+ border-radius: 16px;
+ -webkit-transition-property: -webkit-transform, width, left;
+ transition-property: transform, width, left;
+ -webkit-transition: 0.2s ease-in-out;
+ transition: 0.2s ease-in-out
+}
+
+.mui-switch:before {
+ position: absolute;
+ top: 3px;
+ right: 11px;
+ font-size: 13px;
+ color: #999;
+ text-transform: uppercase;
+ content: "Off"
+}
+
+.mui-switch.mui-dragging {
+ background-color: #f7f7f7;
+ border-color: #f7f7f7
+}
+
+.mui-switch.mui-dragging .mui-switch-handle {
+ width: 38px
+}
+
+.mui-switch.mui-dragging.mui-active .mui-switch-handle {
+ width: 38px;
+ left: -11px
+}
+
+.mui-switch.mui-active {
+ background-color: #4cd964;
+ border-color: #4cd964
+}
+
+.mui-switch.mui-active .mui-switch-handle {
+ -webkit-transform: translate(43px, 0);
+ transform: translate(43px, 0)
+}
+
+.mui-switch.mui-active:before {
+ right: auto;
+ left: 15px;
+ color: #fff;
+ content: "On"
+}
+
+.mui-switch input[type="checkbox"] {
+ display: none
+}
+
+.mui-switch-mini {
+ width: 47px
+}
+
+.mui-switch-mini:before {
+ display: none
+}
+
+.mui-switch-mini.mui-active .mui-switch-handle {
+ -webkit-transform: translate(16px, 0);
+ transform: translate(16px, 0)
+}
+
+.mui-switch-blue.mui-active {
+ background-color: #ff395c;
+ border: 2px solid #ff395c
+}
+
+.mui-content.mui-fade {
+ left: 0;
+ opacity: 0
+}
+
+.mui-content.mui-fade.mui-in {
+ opacity: 1
+}
+
+.mui-content.mui-sliding {
+ z-index: 2;
+ -webkit-transition: -webkit-transform .4s;
+ transition: transform .4s;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0)
+}
+
+.mui-content.mui-sliding.mui-left {
+ z-index: 1;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0)
+}
+
+.mui-content.mui-sliding.mui-right {
+ z-index: 3;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0)
+}
+
+.mui-navigate-right:after,
+.mui-push-left:after,
+.mui-push-right:after {
+ position: absolute;
+ top: 50%;
+ display: inline-block;
+ font-family: Muiicons;
+ font-size: inherit;
+ line-height: 1;
+ color: #bbb;
+ text-decoration: none;
+ -webkit-font-smoothing: antialiased;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%)
+}
+
+.mui-push-left:after {
+ left: 15px;
+ content: '\e582'
+}
+
+.mui-navigate-right:after,
+.mui-push-right:after {
+ right: 15px;
+ content: '\e583'
+}
+
+.mui-pull-top-pocket,
+.mui-pull-bottom-pocket {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ left: 0;
+ width: 100%;
+ height: 50px;
+ visibility: hidden
+}
+
+.mui-plus-pullrefresh .mui-pull-top-pocket,
+.mui-plus-pullrefresh .mui-pull-bottom-pocket {
+ display: none;
+ visibility: visible
+}
+
+.mui-pull-top-pocket {
+ top: 0px
+}
+
+.mui-bar-nav ~ .mui-content .mui-pull-top-pocket {
+ top: 44px
+}
+
+.mui-bar-nav ~ .mui-bar-header-secondary ~ .mui-content .mui-pull-top-pocket {
+ top: 88px
+}
+
+.mui-pull-bottom-pocket {
+ bottom: 0;
+ height: 40px;
+ position: relative
+}
+
+.mui-pull-bottom-pocket .mui-pull-loading {
+ visibility: hidden
+}
+
+.mui-pull-bottom-pocket .mui-pull-loading.mui-in {
+ display: inline-block
+}
+
+.mui-pull {
+ position: absolute;
+ left: 0;
+ bottom: 10px;
+ right: 0;
+ color: #777;
+ text-align: center;
+ font-weight: bold
+}
+
+.mui-pull-loading {
+ -webkit-transition-duration: 400ms;
+ transition-duration: 400ms;
+ -webkit-transition: -webkit-transform 0.4s;
+ transition: transform 0.4s;
+ vertical-align: middle;
+ margin-right: 10px
+}
+
+.mui-pull-loading.mui-reverse {
+ -webkit-transform: rotate(180deg) translateZ(0);
+ transform: rotate(180deg) translateZ(0)
+}
+
+.mui-pull-caption {
+ display: inline-block;
+ line-height: 24px;
+ font-size: 15px;
+ margin-top: 0;
+ vertical-align: middle;
+ position: relative;
+ overflow: visible
+}
+
+.mui-pull-caption span {
+ display: none
+}
+
+.mui-pull-caption span.mui-in {
+ display: inline
+}
+
+.mui-toast-container {
+ position: fixed;
+ width: 100%;
+ bottom: 50px;
+ z-index: 9999
+}
+
+.mui-toast-message {
+ width: 270px;
+ margin: 5px auto;
+ padding: 5px;
+ background-color: #D8D8D8;
+ text-align: center;
+ color: #000;
+ border-radius: 7px;
+ font-size: 14px
+}
+
+.mui-numbox {
+ border: solid 1px #c7c7c7;
+ overflow: hidden;
+ display: inline-block;
+ height: .75rem;
+ border-radius: 2px;
+ background-color: #f4f4f4;
+ vertical-align: top;
+ position: relative;
+ padding: 0px .75rem 0px .75rem;
+ width: 2.8rem;
+ vertical-align: middle
+}
+
+.mui-numbox [class*=numbox-btn],
+.mui-numbox [class*=btn-numbox] {
+ width: .75rem;
+ height: 100%;
+ position: absolute;
+ top: 0px;
+ border: none;
+ border-radius: 0px;
+ font-size: .45rem;
+ color: #555;
+ line-height: 100%;
+ font-weight: normal;
+ overflow: hidden;
+ padding: 0px;
+ background: none
+}
+
+.mui-numbox [class*=numbox-btn]:active,
+.mui-numbox [class*=btn-numbox]:active {
+ background-color: #ccc
+}
+
+.mui-numbox [class*=numbox-btn][disabled],
+.mui-numbox [class*=btn-numbox][disabled] {
+ color: #c0c0c0
+}
+
+.mui-numbox .mui-numbox-btn-plus,
+.mui-numbox .mui-btn-numbox-plus {
+ right: 0px;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px
+}
+
+.mui-numbox .mui-numbox-btn-minus,
+.mui-numbox .mui-btn-numbox-minus {
+ left: 0px;
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px
+}
+
+.mui-numbox .mui-numbox-input,
+.mui-numbox .mui-input-numbox {
+ width: 100% !important;
+ height: 100%;
+ text-align: center;
+ border: none !important;
+ border-left: solid 1px #c7c7c7 !important;
+ border-right: solid 1px #c7c7c7 !important;
+ background: none !important;
+ margin: 0px;
+ padding: 0px 3px !important;
+ display: block;
+ border-radius: 0px !important;
+ text-overflow: ellipsis;
+ word-break: normal;
+ overflow: hidden;
+ font-size: .48rem;
+ line-height: .75rem
+}
+
+.mui-input-row .mui-numbox {
+ margin: 2px 8px;
+ float: right
+}
+
+@font-face {
+ font-family: Muiicons;
+ font-weight: normal;
+ font-style: normal;
+ src: url("../fonts/mui.ttf") format("truetype")
+}
+
+.mui-icon {
+ display: inline-block;
+ font-family: Muiicons;
+ font-weight: normal;
+ font-style: normal;
+ font-size: 24px;
+ line-height: 1;
+ text-decoration: none;
+ -webkit-font-smoothing: antialiased
+}
+
+.mui-icon.mui-active {
+ color: #ff395c
+}
+
+.mui-icon.mui-right:before {
+ float: right;
+ padding-left: 0.2em
+}
+
+.mui-icon-contact:before {
+ content: "\e100"
+}
+
+.mui-icon-person:before {
+ content: "\e101"
+}
+
+.mui-icon-personadd:before {
+ content: "\e102"
+}
+
+.mui-icon-contact-filled:before {
+ content: "\e130"
+}
+
+.mui-icon-person-filled:before {
+ content: "\e131"
+}
+
+.mui-icon-personadd-filled:before {
+ content: "\e132"
+}
+
+.mui-icon-phone:before {
+ content: "\e200"
+}
+
+.mui-icon-email:before {
+ content: "\e201"
+}
+
+.mui-icon-chatbubble:before {
+ content: "\e202"
+}
+
+.mui-icon-chatboxes:before {
+ content: "\e203"
+}
+
+.mui-icon-phone-filled:before {
+ content: "\e230"
+}
+
+.mui-icon-email-filled:before {
+ content: "\e231"
+}
+
+.mui-icon-chatbubble-filled:before {
+ content: "\e232"
+}
+
+.mui-icon-chatboxes-filled:before {
+ content: "\e233"
+}
+
+.mui-icon-weibo:before {
+ content: "\e260"
+}
+
+.mui-icon-weixin:before {
+ content: "\e261"
+}
+
+.mui-icon-pengyouquan:before {
+ content: "\e262"
+}
+
+.mui-icon-chat:before {
+ content: "\e263"
+}
+
+.mui-icon-qq:before {
+ content: "\e264"
+}
+
+.mui-icon-videocam:before {
+ content: "\e300"
+}
+
+.mui-icon-camera:before {
+ content: "\e301"
+}
+
+.mui-icon-mic:before {
+ content: "\e302"
+}
+
+.mui-icon-location:before {
+ content: "\e303"
+}
+
+.mui-icon-mic-filled:before,
+.mui-icon-speech:before {
+ content: "\e332"
+}
+
+.mui-icon-location-filled:before {
+ content: "\e333"
+}
+
+.mui-icon-micoff:before {
+ content: "\e360"
+}
+
+.mui-icon-image:before {
+ content: "\e363"
+}
+
+.mui-icon-map:before {
+ content: "\e364"
+}
+
+.mui-icon-compose:before {
+ content: "\e400"
+}
+
+.mui-icon-trash:before {
+ content: "\e401"
+}
+
+.mui-icon-upload:before {
+ content: "\e402"
+}
+
+.mui-icon-download:before {
+ content: "\e403"
+}
+
+.mui-icon-close:before {
+ content: "\e404"
+}
+
+.mui-icon-redo:before {
+ content: "\e405"
+}
+
+.mui-icon-undo:before {
+ content: "\e406"
+}
+
+.mui-icon-refresh:before {
+ content: "\e407"
+}
+
+.mui-icon-star:before {
+ content: "\e408"
+}
+
+.mui-icon-plus:before {
+ content: "\e409"
+}
+
+.mui-icon-minus:before {
+ content: "\e410"
+}
+
+.mui-icon-circle:before,
+.mui-icon-checkbox:before {
+ content: "\e411"
+}
+
+.mui-icon-close-filled:before,
+.mui-icon-clear:before {
+ content: "\e434"
+}
+
+.mui-icon-refresh-filled:before {
+ content: "\e437"
+}
+
+.mui-icon-star-filled:before {
+ content: "\e438"
+}
+
+.mui-icon-plus-filled:before {
+ content: "\e439"
+}
+
+.mui-icon-minus-filled:before {
+ content: "\e440"
+}
+
+.mui-icon-circle-filled:before {
+ content: "\e441"
+}
+
+.mui-icon-checkbox-filled:before {
+ content: "\e442"
+}
+
+.mui-icon-closeempty:before {
+ content: "\e460"
+}
+
+.mui-icon-refreshempty:before {
+ content: "\e461"
+}
+
+.mui-icon-reload:before {
+ content: "\e462"
+}
+
+.mui-icon-starhalf:before {
+ content: "\e463"
+}
+
+.mui-icon-spinner:before {
+ content: "\e464"
+}
+
+.mui-icon-spinner-cycle:before {
+ content: "\e465"
+}
+
+.mui-icon-search:before {
+ content: "\e466"
+}
+
+.mui-icon-plusempty:before {
+ content: "\e468"
+}
+
+.mui-icon-forward:before {
+ content: "\e470"
+}
+
+.mui-icon-back:before,
+.mui-icon-left-nav:before {
+ content: "\e471"
+}
+
+.mui-icon-checkmarkempty:before {
+ content: "\e472"
+}
+
+.mui-icon-home:before {
+ content: "\e500"
+}
+
+.mui-icon-navigate:before {
+ content: "\e501"
+}
+
+.mui-icon-gear:before {
+ content: "\e502"
+}
+
+.mui-icon-paperplane:before {
+ content: "\e503"
+}
+
+.mui-icon-info:before {
+ content: "\e504"
+}
+
+.mui-icon-help:before {
+ content: "\e505"
+}
+
+.mui-icon-locked:before {
+ content: "\e506"
+}
+
+.mui-icon-more:before {
+ content: "\e507"
+}
+
+.mui-icon-flag:before {
+ content: "\e508"
+}
+
+.mui-icon-home-filled:before {
+ content: "\e530"
+}
+
+.mui-icon-gear-filled:before {
+ content: "\e532"
+}
+
+.mui-icon-info-filled:before {
+ content: "\e534"
+}
+
+.mui-icon-help-filled:before {
+ content: "\e535"
+}
+
+.mui-icon-more-filled:before {
+ content: "\e537"
+}
+
+.mui-icon-settings:before {
+ content: "\e560"
+}
+
+.mui-icon-list:before {
+ content: "\e562"
+}
+
+.mui-icon-bars:before {
+ content: "\e563"
+}
+
+.mui-icon-loop:before {
+ content: "\e565"
+}
+
+.mui-icon-paperclip:before {
+ content: "\e567"
+}
+
+.mui-icon-eye:before {
+ content: "\e568"
+}
+
+.mui-icon-arrowup:before {
+ content: "\e580"
+}
+
+.mui-icon-arrowdown:before {
+ content: "\e581"
+}
+
+.mui-icon-arrowleft:before {
+ content: "\e582"
+}
+
+.mui-icon-arrowright:before {
+ content: "\e583"
+}
+
+.mui-icon-arrowthinup:before {
+ content: "\e584"
+}
+
+.mui-icon-arrowthindown:before {
+ content: "\e585"
+}
+
+.mui-icon-arrowthinleft:before {
+ content: "\e586"
+}
+
+.mui-icon-arrowthinright:before {
+ content: "\e587"
+}
+
+.mui-icon-pulldown:before {
+ content: "\e588"
+}
+
+.mui-fullscreen {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 100%
+}
+
+.mui-fullscreen.mui-slider .mui-slider-group {
+ height: 100%
+}
+
+.mui-fullscreen .mui-segmented-control ~ .mui-slider-group {
+ width: 100%;
+ height: auto;
+ top: 40px;
+ bottom: 0;
+ position: absolute
+}
+
+.mui-fullscreen.mui-slider .mui-slider-item>a {
+ top: 50%;
+ transform: translateY(-50%);
+ -webkit-transform: translateY(-50%)
+}
+
+.mui-fullscreen .mui-off-canvas-wrap .mui-slider-item>a {
+ top: auto;
+ transform: none;
+ -webkit-transform: none
+}
+
+.mui-bar-tab ~ .mui-content .mui-slider.mui-fullscreen .mui-segmented-control ~ .mui-slider-group {
+ bottom: 50px
+}
+
+.mui-android.mui-android-4-0 input:focus,
+.mui-android.mui-android-4-0 textarea:focus {
+ -webkit-user-modify: inherit
+}
+
+.mui-android.mui-android-4-2 input,
+.mui-android.mui-android-4-2 textarea,
+.mui-android.mui-android-4-3 input,
+.mui-android.mui-android-4-3 textarea {
+ -webkit-user-select: text
+}
+
+.mui-ios .mui-table-view-cell {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d
+}
+
+.mui-plus-visible,
+.mui-wechat-visible {
+ display: none !important
+}
+
+.mui-plus-hidden,
+.mui-wechat-hidden {
+ display: block !important
+}
+
+.mui-tab-item.mui-plus-hidden,
+.mui-tab-item.mui-wechat-hidden {
+ display: table-cell !important
+}
+
+.mui-plus .mui-plus-visible,
+.mui-wechat .mui-wechat-visible {
+ display: block !important
+}
+
+.mui-plus .mui-tab-item.mui-plus-visible,
+.mui-wechat .mui-tab-item.mui-wechat-visible {
+ display: table-cell !important
+}
+
+.mui-plus .mui-plus-hidden,
+.mui-wechat .mui-wechat-hidden {
+ display: none !important
+}
+
+.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav {
+ padding-top: 20px;
+ height: 64px
+}
+
+.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav ~ .mui-content {
+ padding-top: 64px
+}
+
+.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav ~ .mui-content .mui-pull-top-pocket {
+ top: 64px
+}
+
+.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-header-secondary {
+ top: 64px
+}
+
+.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-header-secondary ~ .mui-content {
+ padding-top: 94px
+}
+
+.mui-iframe-wrapper {
+ -webkit-overflow-scrolling: touch;
+ position: absolute;
+ left: 0;
+ right: 0
+}
+
+.mui-iframe-wrapper iframe {
+ border: 0;
+ width: 100%;
+ height: 100%
+}
+
+
+/*# sourceMappingURL=mui.min.css.map */
\ No newline at end of file
diff --git a/ForFuture_shop/css/style.css b/ForFuture_shop/css/style.css
new file mode 100644
index 0000000..ef1b483
--- /dev/null
+++ b/ForFuture_shop/css/style.css
@@ -0,0 +1,531 @@
+body{background-color: #f2f2f2;}
+/*白色顶部*/
+.top-header{z-index: 1; width: 100%; background-color: #fff; display: table; border-bottom: solid 1px rgba(0,0,0,0.2);}
+.top-header h3{ font-size: 1.9em; color: #333; margin: 0 30%; display: table-cell; font-weight: normal; text-align: center; padding: 0.7em 0;}
+.top-header .text{display: table-cell; text-align: center; width: 20%; font-size: 1.5em; color: #fc605a; }
+.top-header .texta{ color: #999;}
+.top-header a{display: table-cell;}
+.top-header .icona{ width: 8.5%; padding-left: 5%; vertical-align: middle;}/*只能添加图标*/
+.top-header .iconb{ width: 11%;padding-right: 5%; vertical-align: middle;}/*只能添加图标*/
+.top-header .text-top{ width: 11%;color: #999;font-size: 1.169em; vertical-align: middle;}/*能添加文字*/
+.top-header img{ width: 100%;}
+/*固定顶部*/
+
+/*登录注册*/
+.login{ width: 100%; margin-top:0%;}
+.login form{ width: 100%; }
+.login form ul{ width: 100%; overflow: hidden;}
+.login form ul li{ width: 90%; padding: 4% 5%; background-color: #fff; margin-bottom: 2%; overflow: hidden; }
+.login form ul li img{ width:7%; vertical-align: middle;}
+.login form ul li label{ font-size: 1.4875em; vertical-align: middle; color: #333; margin:0 3%; }
+.login form ul li input{width: 70%; display: inline-block;vertical-align: middle; font-size: 1.4875em; color: #666; border: none;}
+.login form input[type="submit"],
+.gobuy-btn{ width: 94%; margin: 5% 3%; display: block; padding: 4% 0;background-color: #FC605A;color: #fff; text-align: center; font-size: 1.7em; border-radius: 0.3em; border: none;}
+.buybanner img{width: 100%;}
+/*首页*/
+/*红色顶部*/
+.page-header{ width: 100%; background-color: #FC605A; overflow: hidden;}
+.page-header h3{position: relative; font-size: 1.9em; color: #fff; font-weight: normal; text-align: center; padding: 0.7em 0;}
+.page-header input{ width: 60%; border: none; border-radius: 3em; margin: 2% 5%; padding: 1.5% 7.5%; font-size: 1.7em; float: left; }
+.page-header span{ width: 15%; display: inline-block;margin: 3% 0; float: right;}
+.page-header span img {width: 50%; }
+
+.contaniner{ width: 100%; overflow: hidden;}
+.contaniner .ban li{ width: 100%;height: 18em; }
+.contaniner .ban a{ width: 100%;display: block; overflow: hidden;}
+.contaniner .ban img{ width: 100%;min-height: 18em; display: block;}
+
+.contaniner .shop{ width: 100%; margin-top: 5%;}
+.contaniner .shop h3{ width: 90%; font-size: 1.4875em; padding:3% 5%;background-color: #fff; overflow: hidden;}
+.contaniner .shop h3 span{ float: right; width:4%; display: block; }
+.contaniner .shop h3 span img{ width: 100%; display: block; }
+.contaniner .shop h3 a{ width: 100%;color: #45c018; display: block;}
+.contaniner .shop dl{ margin: 2% 0; width: 100%; overflow: hidden;}
+.contaniner .shop dl dd{ width: 44%; min-height: 11em; max-height: 15em; overflow: hidden; margin: 0 3%; float: left; position: relative;}
+.contaniner .shop dl dd a{ width: 100%; display: block; height: 100%;}
+.contaniner .shop dl dd img{ width: 100%;height: 100%; display: block;}
+.contaniner .shop dl dd b{position: absolute; bottom: 0; left: 0; display: block; width: 80%; padding: 5% 10%; color: #fff; font-weight: normal; font-size: 1.16em; background-color: rgba(0,0,0,0.5)}
+
+/*底部*/
+.page-footer{ width: 100%; box-shadow: 0 -2px 4px #d7d7d7; background-color: #fff;}
+.page-footer ul{ width: 100%; background-color: #fff; height: 5em;}
+.page-footer ul li{ float: left; width: 25%; text-align: center; padding: 3% 0 1%;}
+.page-footer ul li a{ width: 100%; display: block;}
+.page-footer ul .active a p{ color: #fc605a;}
+.page-footer ul li img{ width: 25%;}
+.page-footer ul li p{ font-size: 1.275em; color: #333;margin-top: 3%;}
+.page-footer1 ul li p{ font-size: .9em; color: #333;margin-top: 3%;}
+
+/*分类*/
+
+.contaniner .assort{width: 33%; float: left;}
+.contaniner .assort ul{ width: 100%;}
+.contaniner .assort ul li{ width: 92%;background-color: #f5f5f5; border-bottom: solid 1px #c8c8c8; border-right: solid 1px #c8c8c8; padding:12% 4%;}
+.contaniner .assort ul li img{ width: 17%; margin: 0 10%; vertical-align: middle;}
+.contaniner .assort ul li span{ font-size: 1.3865em; color: #666; vertical-align: middle;}
+.contaniner .assort ul .active{ border-right: none;background-color: #fff }
+.contaniner .assort-cont{ width: 57%; margin: 5% 4%; float: right;text-align: center;}
+.contaniner .assort-cont img{ width: 100%;}
+.contaniner .assort-cont dl{ width: 100%; margin-top: 5%; overflow: hidden; padding-left: 2px;}
+.contaniner .assort-cont dl dt{font-size: 1.169em; color: #999; margin-bottom: 3%;}
+.contaniner .assort-cont dl dd{ width: 48%; float: left; margin-bottom: 3%;}
+.contaniner .assort-cont dl dd img{ height: 7em;}
+.contaniner .assort-cont dl dd a{ width: 100%; display: block;}
+.contaniner .assort-cont dl dd p{ text-align: center; color: #666; font-size: 1.169em;}
+.contaniner .assort-cont dl dd:nth-child(even){margin-right: 2%;}
+.contaniner .assort-cont dl dd:nth-child(odd){margin-left: 2%;}
+
+/*购物车*/
+.contaniner .shopcar{ width: 100%; margin: 2% 0; padding: 4% 0; box-shadow: 0 2px 2px #d7d7d7; background-color: #fff;overflow: hidden;}
+
+.contaniner .shopcar .shopcar-checkbox{position: relative; float: left; width:10%; height: 3em; padding: 10% 0;}
+.contaniner .shopcar input[type="checkbox"]{ position: absolute; top: 0; left: 0; opacity: 0; }
+.contaniner .shopcar .shopcar-checkbox label{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/check.png) no-repeat; background-size: 60%; background-position: 50% ; -moz-user-select: none; }
+.contaniner .shopcar .shopcar-checkbox .shopcar-checkd{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/checke.png) no-repeat; background-size: 60%; background-position: 50% ; }
+
+.contaniner .shopcar figure{ width: 30%; height: 10em; overflow: hidden; float: left;}
+.contaniner .shopcar figure img{ width: 100%; min-height: 100%; }
+.contaniner .shopcar dl{ position: relative; float: left; width: 54%; height: 13em; margin: 0 3%; overflow: hidden;}
+.contaniner .shopcar dl dt{ font-size: 1.3815em; color: #333;}
+.contaniner .shopcar dl dd{ font-size: 1.169em; color: #FD4F0B;}
+.contaniner .shopcar dl .add{position: absolute; bottom: 0px; left: 0; width: 46%; overflow: hidden; display: table; }
+.contaniner .shopcar dl .add span{border: solid 1px #c8c8c8; padding: 1% 10%; display:table-cell;}
+.contaniner .shopcar dl .add input{border: solid 1px #c8c8c8; width:100%;margin-left: -1px; display:table-cell;font-size:1.25em ; padding: 10% 0; color: #666; text-align: center;}
+.contaniner .shopcar dl h3{ position: absolute; right: 3%; bottom: 20%; font-size: 1.9em; color: #fc605a; font-weight: normal;}
+.contaniner .shopcar dl small{ position: absolute; right: 3%; bottom: 0; display: block; width: 10%;}
+.contaniner .shopcar dl small img{width: 100%;}
+
+
+
+.page-footer .shop-go{ margin-bottom: 5em; width: 100%; overflow: hidden; position: fixed; z-index: 999; bottom: 0; left: 0;}
+.page-footer .shop-go b{float: left; width: 60%; background-color: rgba(0,0,0,0.8); text-align: center; padding: 3% 0; color: #fff; font-size: 1.7em; font-weight: normal;}
+.page-footer .shop-go span{float: left; width: 40%; background-color: #45C018; text-align: center; padding: 3% 0; color: #fff; font-size: 1.7em; font-weight: normal;}
+.page-footer .shop-go span a{color: #fff;}
+/*个人中心*/
+.self-header{ width: 80%; background-color: #FC605A; padding: 6% 10%; overflow: hidden;}
+.self-header figure{ width: 20%; height: 0; padding-bottom: 20%; border-radius: 50%; border: solid 2px rgba(255,255,255,0.8); float: left; overflow: hidden;}
+.self-header figure img{ width: 100%; }
+.self-header dl{ width: 50%; margin: 0 5%; padding: 2% 0; float: left; overflow: hidden;}
+.self-header dl dt{ font-size: 1.7em; color: #fff;}
+.self-header dl dd { margin: 5% 0;}
+.self-header dl dd img{ width: 10%; vertical-align: middle;}
+.self-header dl dd span{ color: #fff; font-size: 1.1em; margin-right: 3%; vertical-align: middle;}
+.self-header button{ width: 18%; background-color: #f5f5f5; padding: 2% 0; color: #999; border: none; border-radius: 0.2em; margin: 5% 0; }
+
+.contaniner .self{ width: 100%; margin-top: 3%;}
+.contaniner .self dl{ width: 100%;}
+.contaniner .self dl dt{ width: 90%; overflow: hidden; padding:4% 5%; background-color: #fff; }
+.contaniner .self dl dt a{ width: 100%; display: block; overflow: hidden;}
+.contaniner .self dl dt img{width: 6%; vertical-align: middle;}
+.contaniner .self dl dt b{ color: #333; font-weight: normal; font-size: 1.594em; margin:0 3%;vertical-align: middle; }
+.contaniner .self dl dt span{width: 4%; float: right;}
+.contaniner .self dl dt span img{width: 100%;}
+.contaniner .self dl dd{ width: 100%; border-top: solid 1px #c8c8c8;}
+.contaniner .self dl dd ul{ width: 100%;display: table; overflow: hidden; background-color: #fff}
+.contaniner .self dl dd ul li{ display: table-cell; width: 25%; text-align: center; padding: 5% 0;}
+.contaniner .self dl dd ul li a{ width: 100%; display: block; height: 100%;}
+.contaniner .self dl dd ul li img{ height: 50%;}
+.contaniner .self dl dd ul li p{ font-size:1.55em; color: #666; padding-top: 4%;}
+.contaniner .self .self-icon{ width: 100%; margin-top:6%; background-color: #fff}
+.contaniner .self .self-icon li{ width:90%;padding:4% 5%; overflow: hidden; border-bottom: solid 1px #c8c8c8;}
+.contaniner .self .self-icon li a{ width: 100%; display: block; overflow: hidden;}
+.contaniner .self .self-icon li img{ width: 10%; float: left;}
+.contaniner .self .self-icon li p{font-size:1.55em ; color: #333; padding: 1.2% 5%; float: left;}
+.contaniner .self .self-icon li span{ width: 4%; float: right;}
+.contaniner .self .self-icon li span img{ width: 100%;}
+.contaniner .self input[type="button"]{ width: 80%; margin: 5% 10% ; border: none; background-color: #FC605A; font-size: 1.6em; color: #fff; padding: 4% 0; border-radius: 0.4em;}
+
+/*商品列表*/
+.contaniner .list{ width: 100%;}
+.contaniner .list figure{ width: 100%; height:12em; overflow: hidden;}
+.contaniner .list figure img{ width: 100%; min-height: 100%;}
+.contaniner .list .search{ width: 100%; background-color: #fff;margin: 2% 0; padding:3% 5%; overflow: hidden;}
+.contaniner .list .search input{ width: 80%; font-size: 1.25em; color: #666; border: none;}
+.contaniner .list .search label{ width: 5%; float: right; margin-right: 10%;}
+.contaniner .list .search label img{ width: 100%;}
+.contaniner .list nav{ width: 100%;}
+.contaniner .list nav ul{ width: 100%; background-color: #fff;margin: 2% 0; overflow: hidden;}
+.contaniner .list nav ul li{ float: left;padding: 3% 0; text-align: center; width: 25%;}
+.contaniner .list nav ul li a{ display: block; width: 100%; color: #666;}
+.contaniner .list nav ul li span{ font-size: 1.45em;}
+.contaniner .list nav ul li img{ width: 5%;}
+.contaniner .list nav ul .list-active a span{ color: #fc605a;}
+.contaniner .list .wall{position: relative; display: block; width: 100%; overflow: hidden; margin: 2% 0; z-index: 0;}
+.contaniner .list .wall .pic{ width:100%; margin-bottom: 8%; float: left; background-color: #fff; padding-bottom: 3%;}
+
+.contaniner .list .wall .pic a{ width: 100%; display: block;}
+.contaniner .list .wall .pic img{ width: 100%;}
+.contaniner .list .wall .pic p{ font-size: 1.45em; width: 90%; margin: 2% 5%; text-align: justify; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333;}
+.contaniner .list .wall .pic b{ color: #FC605A; font-size: 1.7em; font-weight: normal; margin-right: 4%; margin-left: 4%; }
+.contaniner .list .wall .pic del{ color: #999; font-size: 1.169em; }
+.wall-column { display: block; position: relative; width: 50%; float: left; padding: 0 2%; box-sizing: border-box;}
+
+/*商品详情页*/
+/*顶部*/
+.detail-header{ width: 90%; padding: 3% 5%; z-index: 2;overflow: hidden;
+-webkit-transition:background-color 0.8s ;
+-moz-transition: background-color 0.8s;
+-ms-transition: background-color 0.8s;
+-o-transition: background-color 0.8s;
+transition:background-color 0.8s ;
+transition: background-color 0.8s; }
+.change{background-color: #fff ; box-shadow: 0 1px 0 #c8c8c8; }
+.change a{background-color: rgba(0,0,0,0); }
+.detail-header a{display: block; float: left; width: 12%; height: 0; padding-bottom:12%; border-radius: 50%; background-color: rgba(255,255,255,0.7); overflow: hidden;}
+.detail-header .right{ float: right; }
+.detail-header .right img{ float: right;width: 50%; margin:15% 24%;}
+.detail-header a img{width: 40%; vertical-align: middle; margin: 16% 20%;}
+
+.contaniner .detail{ width: 100%;}
+.contaniner .detail figure{ width: 100%;}
+.contaniner .detail figure ul{ width: 100%;}
+.contaniner .detail figure ul li{ width: 100%; height: 30em; overflow: hidden;}
+.contaniner .detail figure ul li a{ width: 100%; display: block;}
+.contaniner .detail figure ul li img{ width: 100%; display: block; min-height: 30em;}
+.contaniner .detail .swiper-pagination-bullet-active{ background-color: #fff}
+.contaniner .detail .jiage{ width: 100%; padding: 3% 0;background-color: #fff; overflow: hidden; margin-top:2%;}
+.contaniner .detail .jiage dt{ width: 100%; overflow: hidden;}
+.contaniner .detail .jiage dt h3{float: left; width: 70%; padding: 0 5%; font-weight: normal; font-size: 1.5em; color: #333; text-align: justify;}
+.contaniner .detail .jiage dt .collect{float: left; width: 20%; text-align: center; border-left: solid 1px #c8c8c8; margin-left: -1px;}
+.contaniner .detail .jiage dt .collect img{ width: 30%;}
+.contaniner .detail .jiage dt .collect p{ color: #666; font-size: 1.169em;}
+
+.contaniner .detail .jiage dd{ clear: both; width: 90%; padding: 2% 5%;}
+.contaniner .detail .jiage dd{ clear: both; width: 90%; padding: 2% 5%;}
+.contaniner .detail .jiage dd b{font-size: 1.7em; color: #FC605A; font-weight: normal;}
+.contaniner .detail .jiage .contaniner .detail .jiage dd{ clear: both; width: 90%; padding: 2% 5%;}
+.contaniner .detail .jiage dd del{ color: #999; font-size: 1.169em; margin: 0 2%;}
+.contaniner .detail .jiage dd{ clear: both; width: 90%; padding: 2% 5%;}
+.contaniner .detail .jiage dd small{color: #999; font-size: 1.169em; margin: 0 2%;}
+.contaniner .detail .jiage dd{ clear: both; width: 90%; padding: 2% 5%;}
+.contaniner .detail .jiage dd input[type="button"]{ font-size: 1.169em; border: none; background-color: #333; color: #fff; border-radius: 0.2em; padding: 1% 3%; padding-left: 8%; background-image: url(../images/detail-you.png); background-repeat: no-repeat; background-size: 16%; background-position: 16%;}
+
+.contaniner .detail .chose{ width: 100%; margin-top:2% ;}
+.contaniner .detail .chose ul{ width: 94%; padding: 3% 2%; border-bottom: solid 1px #c8c8c8; background-color: #fff; overflow: hidden;}
+.contaniner .detail .chose ul:last-child{ border: none;}
+.contaniner .detail .chose ul h3{ font-size: 1.35em; color: #666; font-weight: normal; margin-bottom: 2%;}
+.contaniner .detail .chose ul li{ width: 20%; padding: 2% 0; text-align: center; border: solid 1px #c8c8c8; float: left; margin: 2% 2%; border-radius: 0.2em;}
+.contaniner .detail .chose ul .chose-active{ border: solid 1px rgba(0,0,0,0); background-image: url(../images/detail-icon03.png); background-repeat: no-repeat; background-size: 100% 100%; }
+.contaniner .detail .seven{ width: 100%; display: block; background-color: #fff; padding: 3% 5%; margin-top: 2%; color: #666; font-size: 1.169em; background-image: url(../images/right.png); background-repeat: no-repeat; background-size: 2%; background-position: 85%;}
+.contaniner .detail .seven b{ color: #FC605A; font-weight: normal;}
+.contaniner .detail .same { overflow: hidden; width: 100%; background-color: #fff;margin-top: 2%; padding-bottom: 3%;}
+.contaniner .detail .same a{ width: 100%; display: block;}
+.contaniner .detail .same span{width: 100%; display: block; border-bottom: solid 1px #c8c8c8; background-color: #fff; padding: 3% 5%; margin-bottom: 2%; color: #666;font-size: 1.169em; background-image: url(../images/more.png); background-repeat: no-repeat; background-size:6%; background-position: 85%;}
+.contaniner .detail .same li{ text-align: center; float: left; width: 23%; margin-right: 1%; }
+.contaniner .detail .same .one{ margin-left: 2%;}
+.contaniner .detail .same li:last-child{ margin-right: 2%;}
+.contaniner .detail .same li img{ width: 96%; min-height:6em; max-height: 7em;}
+.contaniner .detail .same li p{ color: #FC605A; font-size: 1.169em; margin-top: 2%;}
+
+.contaniner .detail .detail-article{ width: 100%; margin-top: 2%; overflow: hidden; background-color: #fff}
+.contaniner .detail .detail-article nav{ width: 100%;}
+.contaniner .detail .detail-article nav ul{ width: 94%; padding:5% 3%; overflow: hidden; display: table;}
+.contaniner .detail .detail-article nav ul li{ display: table-cell; width: 50%; text-align: center; font-size:1.35em ; color: #333; border:solid 1px #333; padding: 3% 0; }
+.contaniner .detail .detail-article nav ul li:first-child{border-top-left-radius: 0.5em;border-bottom-left-radius: 0.5em; }
+.contaniner .detail .detail-article nav ul li:last-child{border-top-right-radius: 0.5em;border-bottom-right-radius: 0.5em; }
+.contaniner .detail .detail-article nav ul .article-active{ background-color: #333; color: #fff;}
+.contaniner .detail .detail-article .talkbox{ width: 100%;}
+.contaniner .detail .detail-article .talk{ width: 100%;}
+.contaniner .detail .detail-article .talk li{ width: 90%; padding: 3% 5%; overflow: hidden; border-bottom: solid 1px #c8c8c8;}
+.contaniner .detail .detail-article .talk li figure{float: left; width: 14%; height: 0; padding-bottom: 14%; border-radius: 50%; overflow: hidden;}
+.contaniner .detail .detail-article .talk li figure img{ width: 100%;}
+.contaniner .detail .detail-article .talk li dl{ float: left; width: 80%; padding-left: 6%; }
+.contaniner .detail .detail-article .talk li dl dt{ width: 100%; overflow:hidden;}
+.contaniner .detail .detail-article .talk li dl dt *{ float: left;}
+.contaniner .detail .detail-article .talk li dl dt p{ color: #666; font-size: 1.169em; }
+.contaniner .detail .detail-article .talk li dl dt time{ color: #999; font-size: 1.169em; margin-left: 3%;margin-top: 1%; }
+.contaniner .detail .detail-article .talk li dl dt .star{ float: right; width: 30%; display: table; }
+.contaniner .detail .detail-article .talk li dl dt .star span{ display: table-cell; width: 20%; }
+.contaniner .detail .detail-article .talk li dl dt .star span img{ width: 100%; }
+.contaniner .detail .detail-article .talk li dl dd{ font-size:1.35em ; margin-top: 3%; color: #333;}
+.contaniner .detail .detail-article .talk li dl small{ font-size:1.169em ; margin-top: 3%; color: #999;}
+.contaniner .detail .detail-article .talk li dl .picbox{ width: 100%; margin-top: 3%; height: 5em; overflow: hidden;}
+.contaniner .detail .detail-article .talk li dl .picbox img{ width: 20%; min-height: 5em; margin-right:2%; margin-bottom: 2%;}
+
+.detail-footer{ width: 92%; background-color: #fff; border-top: solid 1px #c8c8c8; padding:3% 4%;}
+/*详情页底部*/
+.detail-footer .go-car{ width:55% ; display: block; float: left;}
+
+.detail-footer .buy{ width:40%; margin-left: 5%; font-size: 1.35em; display: block; float: left; background-color: #FC605A; color: #fff; text-align: center;padding: 4% 0; border-radius: 0.4em;}
+
+.detail-footer .go-car input[type="button"]{ width:90%; font-size: 1.35em; border:solid 1px #c8c8c8; color: #666; background-color: rgba(0,0,0,0) ; padding:7% 0; padding-left: 10%;border-radius: 0.4em; background-image: url(../images/shopbar-red.png); background-repeat: no-repeat; background-size:14%; background-position: 12% }
+
+/*去结算buy*/
+.to-buy{ width: 100%;}
+.to-buy header .now{position: relative; width: 100%; padding: 6% 0; padding-bottom: 8%; overflow: hidden; background-color: #666; margin-bottom: 3%;}
+.to-buy header .now span{display: block; width: 20%; margin:6% 0 ; float: left; text-align: center; }
+.to-buy header .now span img{ width:26%; overflow: hidden; }
+.to-buy header .now dl{ width: 70%; float: left; overflow: hidden; color: #fff; line-height: 1.6;}
+.to-buy header .now dl dt{ width: 100%; overflow: hidden; margin-bottom: 2%;}
+.to-buy header .now dl dt b{ font-weight: normal;font-size: 1.35em; }
+.to-buy header .now dl dt strong{font-weight: normal; margin-left: 3%;font-size: 1.35em; color: #fff; }
+.to-buy header .now dl dd{ text-align: justify;font-size: 1.35em; }
+.to-buy header .now dl p{position: absolute;font-size: 1.35em; width: 24%; right: 10%; bottom:5%; color: #FC605A; background:url(../images/downred.png) no-repeat; background-size: 16%; background-position: 100%;}
+/*切换地址*/
+.to-now{ width: 100%; padding: 6% 0;background-color: #fff; margin-bottom: 3%; overflow: hidden;}
+.to-now *{ float: left;}
+.to-now .tonow{position: relative; width: 10%; height: 5em;}
+.to-now .tonow label{ width: 100%; display: block; background: url(../images/check.png) no-repeat; background-size: 60%; background-position: 50%; height: 100%;}
+.to-now .tonow .ton{ width: 100%; display: block; background: url(../images/checke.png) no-repeat; background-size: 60%; background-position: 50%; height: 100%;}
+.to-now .tonow input{opacity: 0; position: absolute; top: 0; left: 0;}
+.to-now dl{ width: 70%; overflow: hidden; color: #666; }
+.to-now dl dt{ width: 100%; overflow: hidden; margin-bottom: 2%;}
+.to-now dl dt b{ font-weight: normal;font-size: 1.35em; }
+.to-now dl dt strong{font-weight: normal; margin-left: 3%;font-size: 1.35em; color: #666; }
+.to-now dl dd{ text-align: justify;font-size: 1.35em; }
+.to-now h3{ width: 14%; padding: 5% 0; margin: 3% 0; float: right; margin-left: -1px; border-left: solid 1px #ccc;}
+.to-now h3 img{ width: 36%; margin: 0 33%;}
+
+.to-buy .buy-list{ width: 100%; background-color: #fff}
+.to-buy .buy-list ul{position: relative; overflow: hidden; width: 92%; padding: 4%; border-bottom: solid 1px #ccc; }
+.to-buy .buy-list ul a{ display: block; width: 100%;}
+.to-buy .buy-list ul figure{float: left; width: 30%; height:8em; overflow: hidden;}
+.to-buy .buy-list ul figure img{ width: 100%; min-height: 5em;}
+.to-buy .buy-list ul li{ float: left; width: 66%; margin-left: 4%; overflow: hidden;}
+.to-buy .buy-list ul li h3{ font-size: 1.35em; color: #333; font-weight: normal; text-align: justify;}
+.to-buy .buy-list ul li span{ font-size: 1.169em; color: #999; text-align: justify; line-height: 1.6;}
+.to-buy .buy-list ul li b{ position: absolute; right: 5%; bottom: 30%; font-size: 1.9em; color: #FC605A; font-weight: normal; }
+.to-buy .buy-list ul li small{ position: absolute; right: 5%; bottom: 15%; font-size: 1.25em; color: #999; }
+.to-buy .buy-list dl{width: 100%; clear: both; overflow: hidden;}
+.to-buy .buy-list dl dd{width: 90%; padding: 4% 5%; font-size: 1.35em; border-bottom: solid 1px #ccc; overflow: hidden;}
+.to-buy .buy-list dl dd span{ color: #666; float: left;}
+.to-buy .buy-list dl dd small{color: #999; float: right;}
+.to-buy .buy-list dl dt{ width: 90%; padding: 3% 5%; }
+.to-buy .buy-list dl dt textarea{ width: 90%; padding: 3% 5%; font-size: 1.169em; color: #666; line-height: 1.6; text-align: justify; border-radius: 0.3em; border: solid 1px #c8c8c8;}
+/*购买底部*/
+.buy-footer{ width: 90% ; padding: 3% 5%; background-color: #fff; border-top: solid 1px #ccc;}
+.buy-footer p{ width: 100% ; display: block; text-align: center; background-color: #fff;}
+.buy-footer p small{ font-size: 1.169em; color: #666;}
+.buy-footer p b{ font-size: 1.7em; color: #FC605A; font-weight: normal;}
+.buy-footer input[type="button"] { width: 100% ; margin-top: 2%; color: #fff; border: none; padding: 3% 0; font-size: 1.45em; border-radius: 0.3em; background-color: #FC605A;}
+
+
+/*个人信息*/
+.self-data{ width: 100%; margin-top: 3%; background-color: #fff}
+.self-data li{ width: 90%; overflow: hidden; padding: 5%; border-bottom: solid 1px #ccc;}
+.self-data li a{ display: block; width: 100%;}
+.self-data li a *{ float: right;}
+.self-data li span{ width: 3%; display: block; margin-left: 5%;}
+.self-data li span img{ width: 100%; margin:60% 0;}
+.self-data li p{float: left; font-size: 1.45em; padding: 1.5% 0; color: #333; }
+.self-data li figure{ width: 10%; height: 0; padding-bottom: 10%; overflow: hidden;border-radius: 50%; }
+.self-data li figure img{ width: 100%; }
+.self-data li small{ font-size: 1.25em; color: #666; padding: 1.8% 0;}
+.self-data li select{ font-size: 1.25em; color: #666; border: none; background-color: #fff; padding: 1% 0;}
+/*修改*/
+.namechange{ background-color: #fff; width: 82%; padding:4% 5%; margin: 4%; border-radius: 0.5em;}
+.namechange img{ width: 10%; vertical-align: middle;}
+.namechange input { width: 70%; margin: 0 5%; border: none; font-size: 1.45em; padding: 2% 0;}
+.nameform p{ color: #999; font-size: 1.169em; margin: 3% 5%; }
+.nameform input[type="submit"]{ width: 90%; margin: 3% 5%; padding: 3% 0; background-color: #FC605A; border-radius: 0.4em; color: #fff; font-size: 1.5em; border: none;}
+
+/*我的收藏使用list页面*/
+/*删除*/
+.wall .pic{ position: relative;}
+.wall .pic a{ display: block; width: 100%; height: 100%;}
+.collectbar{display: none; position: absolute; top:0; left: 0; width:20%; height: 4em;}
+.collectbar label{ display: block; width: 100%; height: 100%; background: url(../images/a-icon03.png) no-repeat; background-size: 70%; background-position: 50%}
+.collectbar .collectd{display: block; width: 100%; height: 100%; background: url(../images/a-icon04.png) no-repeat; background-size: 70%; background-position: 50%}
+.collectbar input[type="checkbox"]{ opacity: 0;}
+.kong{ display: none;}
+.collectbox{display: none; width: 90%; padding: 2% 5%; background-color: #fff; border-top: solid 1px rgba(0,0,0,0.2);}
+.collectbox input[type="button"]{ width: 100%; border: none; background-color: #FC605A; color: #fff; border-radius: 0.3em; font-size: 1.5em; padding: 3% 0;}
+
+
+/*我的积分*/
+.integral{ width: 100%;}
+.integral h3{ width: 100%; background-color: #fff; margin: 3% 0; text-align: center; padding: 6% 0; font-weight: normal; color: #FC605A; font-size: 1.9em;}
+.integral dl{ width: 90%; padding: 4% 5%; overflow: hidden; background-color: #fff; border-bottom: solid 1px #ccc;}
+.integral dl dd{ float: left; }
+.integral dl dd p{ font-size: 1.45em; color: #333; line-height: 1.7; }
+.integral dl dd time{ font-size: 1.169em; color: #999; }
+.integral dl dt{ float: right; font-size: 1.7em; padding: 3% 0; color: #FC605A; }
+
+/*收货地址*/
+.address{ width: 90%; border-top: solid 1px #e5e5e5;border-bottom: solid 1px #e5e5e5; background-color: #fff; margin:5% 0; padding: 3% 5%;}
+.address a{ width: 100%; display: block; overflow: hidden;}
+.address dt{ width: 100%;margin-bottom: 2%; overflow: hidden;}
+.address dt *{ float: left;}
+.address dt p{ font-size: 1.35em; color: #333; margin-right: 3%;}
+.address dt span{ font-size: 1.35em; color: #333; margin-right: 3%;}
+.address dt small{ font-size: 1.169em; color: #fff; background-color: #45c018;padding:0.5% 1%; border-radius: 0.4em;}
+.address dd{ width: 100%; text-align: justify; font-size: 1.169em; color: #666;}
+/*修改收货地址*/
+.change-address{ width: 100%; margin: 3% 0;}
+.change-address ul{ width: 100%; background-color: #fff; margin: 3% 0;}
+.change-address ul li{position: relative; width: 90%; padding:6% 5%; border-bottom: solid 1px #ccc; overflow: hidden;}
+.change-address ul li *{ float: left;}
+.change-address ul li .addd{ width: 30%; font-size: 1.25em; color: #999;}
+.change-address ul li input[type="text"]{ width: 70%; border: none; font-size: 1.45em; color: #666;}
+.change-address ul li input[type="tel"]{ width: 70%; border: none; font-size: 1.45em; color: #666;}
+.change-address ul li select { border: none;font-size: 1.45em; color: #666; background-color: #fff}
+
+.change-address ul li textarea { border: none;font-size: 1.45em; color: #666; background-color: #fff}
+.change-address ul li .check{ width: 80%; padding-right: 20%; font-size: 1.45em; color: #666; -moz-user-select: none;background: url(../images/check.png) no-repeat;background-size: 6%; background-position: 95%;
+}
+
+.change-address ul li .checkd{ width: 80%; padding-right: 20%; font-size: 1.45em; color: #666; -moz-user-select: none;background: url(../images/checke.png) no-repeat;background-size: 6%; background-position: 95%;
+}
+.change-address ul li input[type="checkbox"] {opacity: 0; position: absolute; right:5%; top:40%; }
+.change-address ul li h3{font-weight: normal; text-align: center; font-size: 1.45em; color: #FC605A; width: 100%;
+}
+.change-address input[type=submit]{ width: 90%; margin:3% 5%; padding: 3% 0; font-size: 1.5em; color: #fff; background-color: #45c018; border: none; border-radius: 0.4em;}
+
+/*全部订单*/
+.order{ width: 100%;}
+.order dl{ width: 100%; overflow: hidden; background-color: #fff; margin-top: 3%;}
+.order dl dt{ width: 90%; padding: 3% 5%; overflow: hidden; border-bottom: solid 1px #ccc;}
+.order dl dt time{ color: #999; font-size: 1.169em; }
+.order dl dt span{float: right; color: #FC605A; font-size: 1.169em; }
+.order dl ul{position: relative; overflow: hidden; border-bottom: solid 1px #ccc; width: 90%; padding:3% 5%;}
+.order dl ul a{ width: 100%; display: block; overflow: hidden;}
+.order dl ul figure{ width: 30%; float: left;}
+.order dl ul figure img{ width: 100%;}
+.order dl ul li{ float: left; width: 66%; margin-left: 4%;}
+.order dl ul li p{ font-size: 1.35em; color: #333; text-align: justify;}
+.order dl ul li small{ font-size: 1.169em; color: #999; line-height: 1.7;}
+.order dl ul li span{display: block; font-size: 1.169em; color: #999; }
+.order dl ul li b{position: absolute; bottom: 20%; right: 5%; font-weight: normal; font-size: 1.9em; color: #fc605a; }
+.order dl ul li strong{position: absolute; bottom: 5%; right: 5%; font-size: 1.169em; color: #999; font-weight: normal;}
+
+.order dl dd{ width: 90%; padding: 3% 5%; overflow: hidden; border-bottom: solid 1px #c8c8c8;}
+.order dl dd h3{ font-size: 1.35em; font-weight: normal; color: #666; float: left;}
+.order dl dd i{font-size: 1.35em;font-style: normal; color: #999; float: right; }
+.order dl dd:last-child{ border: none;}
+.order dl dd .order-que{ color: #fff;border: solid 1px rgba(0,0,0,0); background-color: #45c018; }
+.order dl dd input{ float: right; border: solid 1px #666; margin-bottom: 4%; padding: 2% 4%; font-size: 1.169em; color: #666; margin-left: 4%; background-color: #fff; border-radius: 0.4em;}
+/*待收货等*/
+.go-order{ width: 100%;}
+.go-order h3{ width: 100%; padding:6% 0; margin-top:5%; background-color: #fff; font-weight: normal; text-align: center;}
+.go-order h3 img{ width: 10%;vertical-align: middle; }
+.go-order h3 span{ font-size: 1.5em;color: #fc605a; margin-left: 2%; vertical-align: middle; }
+.go-order .map{ width: 100%; background-color: #fff; padding: 4% 0; margin-top: 3%; overflow: hidden;}
+.go-order .map dt{float: left; width: 20%; text-align: center; margin: 3% 0;}
+.go-order .map dt img{ width: 20%; vertical-align: middle;}
+.go-order .map dd{float: left; width: 70%;}
+.go-order .map dd span{font-size: 1.35em; color: #666; margin-right: 5%;}
+.go-order .map dd small{font-size: 1.35em; color: #666;}
+.go-order .map dd p{font-size: 1.35em; color: #666; margin-top: 3%;}
+.go-order .order-shop{ width: 100%; margin-top: 3%;background-color: #fff }
+.go-order .order-shop dl{position: relative; width: 90%; padding: 3% 5%; overflow: hidden; border-bottom: solid 1px #c8c8c8; }
+.go-order .order-shop dl a{ width: 100%; display: block; height: 100%;}
+.go-order .order-shop dl dt{float: left; width: 30%; height: 10em; overflow: hidden;}
+.go-order .order-shop dl dt img{width:100%; min-height: 10em;}
+.go-order .order-shop dl dd{ float: left; width: 65%; margin-left: 5%;}
+.go-order .order-shop dl dd p{font-size: 1.35em; color: #333; text-align: justify;}
+.go-order .order-shop dl dd small{font-size: 1.169em; color: #999; line-height: 1.6; }
+.go-order .order-shop dl dd span{display: block; font-size: 1.169em; color: #999; }
+.go-order .order-shop dl dd input[type="button"]{ background-color: #fff; color: #45C018; border: solid 1px #45c018; padding: 2% 4%; border-radius:0.4em ; font-size: 1.169em; margin-top: 2%;}
+.go-order .order-shop dl dd b{ position: absolute; bottom:30%; right: 5%; color: #FC605A; font-size: 1.9em; font-weight: normal; }
+.go-order .order-shop dl dd strong{ position: absolute; bottom:10%; right: 5%; color: #999; font-size: 1.169em; font-weight: normal; }
+.go-order .order-shop ul { width: 100%; overflow: hidden;}
+.go-order .order-shop ul li{ width: 90%; padding: 4% 5%; overflow: hidden; border-bottom: solid 1px #c8c8c8;}
+.go-order .order-shop ul li span{ font-size: 1.35em; color: #666;}
+.go-order .order-shop ul li small{ font-size: 1.35em; color: #999; float: right;}
+.go-order .order-shop ul li p{ font-size: 1.169em; color: #999; line-height: 1.7;}
+
+.order-footer{ width: 90%; padding: 3% 5%; background-color: #fff; border-top: solid 1px rgba(0,0,0,0.2);}
+.order-footer input{float: right; padding: 2% 4%; border: solid 1px #c8c8c8; background-color: #fff; color: #666; border-radius: 0.4em; font-size: 1.3em; margin-left: 5%;}
+.order-footer input[type="submit"]{border: solid 1px #fff; background-color: #45C018; color: #fff; }
+.order-footer a{ width: 100%; display: block;}
+
+/* 去评论*/
+.assess{ width: 100%;}
+.assess p{ width: 92%; padding: 4%; overflow: hidden; background-color: #fff;margin-top: 4%;}
+.assess p img{float: left; width: 30%; }
+.assess p textarea{float: right; text-align: justify; width: 65%; border: none; font-size: 1.35em; color: #666; }
+.assess ul{ width: 90%; padding: 3% 5%;background-color: #fff; overflow: hidden; margin-top: 3%;}
+.assess ul li{ float: left; font-size: 1.35em; color: #666; line-height: 1.8;}
+.assess ul .assess-right{ float: right; width: 36%; overflow: hidden;}
+.assess ul .assess-right img{width: 20%; display: block; float: left; }
+.assess-footer{ width: 100%; background-color: #fff; overflow: hidden;}
+.assess-footer li{position: relative; float: left; width: 70%; padding: 3% 0;}
+.assess-footer li label{ width: 80%; padding-left: 20%; font-size: 1.35em; color: #666; display: block; background: url(../images/check.png) no-repeat; background-size: 6%; background-position: 10% ; -moz-user-select: none;}
+.assess-footer li .assd{ width: 80%; padding-left: 20%; font-size: 1.35em; color: #666; display: block; background: url(../images/checke.png) no-repeat; background-size: 6%; background-position: 10% }
+.assess-footer li input[type="checkbox"]{opacity: 0; position: absolute; top:40%; left: 0;}
+.assess-footer input[type="button"]{float: right; width: 30%; padding: 3% 0; text-align: center; color: #fff; background-color: #45c018; border: none; font-size: 1.35em;}
+
+/*空状态*/
+.none{ width: 100%;}
+.none h3{ width: 100%; text-align: center; margin-top: 40%;}
+.none h3 img{ width: 20%; opacity: 0.2;}
+.none p{ text-align: center; font-size: 1.35em; color: #999; letter-spacing: 0.1em; line-height: 3;}
+.none p a{ color: #FC605A; font-size: 1.6em;}
+
+
+.warp{max-width: 640px; margin: 0 auto;}
+
+
+.p-top{width: 100%; padding: 5% 0 0; background:url(../uploads/7.jpg) center no-repeat; background-size: cover; text-align: center; position: relative;}
+.p-top .tu{width: 100px; height: 100px; margin: 0 auto; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden;}
+.p-top .tu img{width: 100px;}
+.p-top .name{color: #ffffff; font-size: 1.1em;}
+.p-bottom{margin-top: 3%;}
+.p-bottom ul li{width: 33.33333333%; height: 3.5em; padding: .5em 0; color: #fff; position: relative; float: left; text-align: center;}
+.p-bottom ul li span{position: absolute; width: 100%; left: 0; top: 0; height: 3.5em; background-color: #000;}
+.p-bottom1 ul li span{height: 4.5em;}
+.p-bottom ul li .bt,.p-bottom ul li .price{position: relative;}
+.p-bottom1 ul li .bt,.p-bottom1 ul li .price{font-size: 1.6em;}
+.p-top1{padding: 5% 0 0;}
+.p-top2{padding: 5% 0 17%;}
+
+
+/*balance*/
+.balance{width: 100%;}
+.balance .top{width: 96%; padding: 3% 4%; margin: 5px auto; background-color: #fff;}
+.balance .top .dqian{color: #999; font-size: .8em;}
+.balance .top .price{font-size: 1.6em; color: #fb9542; height: 2em; line-height: 2em;}
+.balance .top .price span{font-size: .5em;}
+.balance .top .ba-btn{height: 2em; line-height: 2em; font-size: 1.25em; color: #fff; display: block; width: 20%; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; background-color: #ea2979;}
+.balance .bottom{width: 100%; background-color: #fff;}
+.balance .bottom .tit{color: #333; font-size: 1.25em; padding-left: 5%; height: 2em; line-height: 2em; width: 100%; background-color: #eae8e8;}
+.balance .bottom .list{height: 4em; width: 100%; padding:1em 1em 0; border-bottom: 1px solid #e9e9e9; background-color: #fff;}
+.balance .bottom .list ul li{width: 100%;}
+.balance .bottom .list ul li:last-child{margin-top: .5em;}
+.balance .bottom .list .dsan{color: #333; font-size: 1.25em;}
+.balance .bottom .list .time{font-size: 1.25em; color: #999;}
+.balance .bottom .list .yue{color: #666; font-size: 1.25em;}
+.balance .bottom .list .jiage{color: #fb9542; font-size: 1.25em;}
+.balance .bottom .list .jiage1{color: #ea2979;}
+
+/*分销中心
+-----------------------------------------------------------------------------------------------------------------
+ * */
+.fx-center{background-color: #ebeded;}
+.p-listtwo{background-color: #fff; margin-top: 3%; padding-bottom: 3%;}
+.p-listtwo .tit p{font-size: 1.2em;}
+.p-listtwo .tit .number{font-size: 1em; background-color: #fd4f0b; color: #fff; padding: 0 3%; height: 2em; line-height: 2em; margin-top: .75em; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
+.p-listtwo ul li{border-bottom: 1px dashed #c9c9c9; width: 90%; margin: 0 auto; padding: 0;}
+.p-listtwo .list-number{color: #FD4F0B;}
+.icon299{background: url(../img/jianhao.png) center left no-repeat; background-size: 24%; padding-left: 30px; color: #333333;}
+.icon222{background: url(../img/dian.png) center left no-repeat; background-size: 21.2%; padding-left: 30px; color: #333333;}
+.icon223{background: url(../img/dian.png) center left no-repeat; background-size: 18%; padding-left: 30px; color: #333333;}
+.icon224{background-size: 14.5%;}
+.icon225{background-size: 18.5%;}
+.icon226{background-size: 17%;}
+.p-listtwo:nth-last-child(1){padding: 0; margin-bottom: 3%;}
+.p-listtwo:nth-last-child(1) ul li{border-bottom: none;}
+
+/*物流信息*/
+.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
+.clearfloat{zoom:1}
+.clear{clear:both;zoom:1;}
+.wuliu{width: 100%; padding: 4% 5%; margin-top: 3%; box-shadow: none; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; background-color: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
+.wuliu .list{width: 100%; margin-bottom: 3%;}
+.wuliu .list .left{width: 100%; margin-bottom: 5%; font-weight: bold; text-align: left; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; float: left; font-size: font-size: 1.35em; color: #333;}
+.wuliu .list:first-child .left{color: #f40;}
+.wuliu .right{width: 100%; float: right;}
+.wuliu .right ul li{width: 100%; float: right; position: relative; margin-bottom: 5%; padding: 3% 0; border-left: 2px solid #ddd;}
+.wuliu .right ul li .dian{position: absolute; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; left: -4px; top: 1.5em; width: 6px; height: 6px; background-color: #ddd;}
+.wuliu .right ul li.active .dian{background-color: #f40;}
+.wuliu .right ul li.active{border-left: 2px solid #f40;}
+.wuliu .right ul li:last-child{margin-bottom: 0;}
+.wuliu .right .zuo{width: 25%; float: left; color: #333; font-size: 1em; display: inline-block; text-align: center;}
+.wuliu .right .you{color: #333; float: right; display: inline-block; width: 75%; font-size: 1em; padding-right: 3%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
+.wuliu .right ul li .zuo,
+.wuliu .right ul li .you{line-height: 2em;}
+.wuliu .right ul li.active .zuo,
+.wuliu .right ul li.active .you{color: #fff; line-height: 2em;}
+.fixed-cont1{margin-bottom: 0;}
+.wuliu .right ul li .list-line{width: 90%; padding: 3% 0; float: right; background-color: #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
+.wuliu .right ul li.active .list-line{background-color: #F40;}
diff --git a/ForFuture_shop/css/swiper.min.css b/ForFuture_shop/css/swiper.min.css
new file mode 100644
index 0000000..17cd513
--- /dev/null
+++ b/ForFuture_shop/css/swiper.min.css
@@ -0,0 +1,15 @@
+/**
+ * Swiper 3.2.0
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ *
+ * http://www.idangero.us/swiper/
+ *
+ * Copyright 2015, Vladimir Kharlampidi
+ * The iDangero.us
+ * http://www.idangero.us/
+ *
+ * Licensed under MIT
+ *
+ * Released on: November 7, 2015
+ */
+.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
\ No newline at end of file
diff --git a/ForFuture_shop/datum.html b/ForFuture_shop/datum.html
new file mode 100644
index 0000000..3fc77fe
--- /dev/null
+++ b/ForFuture_shop/datum.html
@@ -0,0 +1,117 @@
+
+
+
+
+
+
+
男装专区
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ForFuture_shop/detail.html b/ForFuture_shop/detail.html
new file mode 100644
index 0000000..3a00409
--- /dev/null
+++ b/ForFuture_shop/detail.html
@@ -0,0 +1,646 @@
+
+
+
+
+
+
+
商城
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
![]()
+
+
+
+
![]()
+
+
+
+
+
![]()
+
+
+
+ -
+
{{pInfo.pname}}
+
+
+
收藏
+
+ -
+ ￥{{pInfo.newPrice}}
+
￥{{pInfo.oldPrice}}
+
+ +356积分
+
+
+
+
+
+
+ 颜色
+ -
+ {{item.pcolor}}
+
+
+
+ 尺寸
+ -
+ {{item.psize}}
+
+
+
+
+
+
+
+
+
+
+ -
+
+
+ -
+
{{item.username}}
+
+
+
+ - {{item.content}}
+ 颜色：豹纹凯特
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ForFuture_shop/detail222.html b/ForFuture_shop/detail222.html
new file mode 100644
index 0000000..0ca5a7c
--- /dev/null
+++ b/ForFuture_shop/detail222.html
@@ -0,0 +1,276 @@
+
+
+
+
+
+
+
商城
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
2015冬季新款韩版加厚中长款小鹿毛呢大衣女系带加厚羊毛呢外套
+
+
+
收藏
+
+ -
+ ￥28.99
+
￥139
+
+ +356积分
+
+
+
+
+
+ 颜色
+ -
+ 黑色
+
+ -
+ 粉色
+
+ -
+ 灰色
+
+ -
+ 红色
+
+
+
+ 尺寸
+ -
+ L
+
+ -
+ XL
+
+ -
+ XXL
+
+
+
+ -
+
+
+ -
+
瑾晨
+
+
+
+ - 哎哟不错哦，很性感哦！
+ 颜色：豹纹凯特
+
+
+ -
+
+
+ -
+
瑾晨
+
+
+
+ - 哎哟不错哦，很性感哦！
+ 颜色：豹纹凯特
+
+
+
+ -
+
+
+ -
+
瑾晨
+
+
+
+ - 哎哟不错哦，很性感哦！
+ 颜色：豹纹凯特
+
+
+ -
+
+
+ -
+
瑾晨
+
+
+
+ - 哎哟不错哦，很性感哦！
+ 颜色：豹纹凯特
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ForFuture_shop/detailOld.html b/ForFuture_shop/detailOld.html
new file mode 100644
index 0000000..ca3064c
--- /dev/null
+++ b/ForFuture_shop/detailOld.html
@@ -0,0 +1,324 @@
+
+
+
+
+
+
商城
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
2015冬季新款韩版加厚中长款小鹿毛呢大衣女系带加厚羊毛呢外套
+
+
+
收藏
+
+ -
+ ￥28.99
+
￥139
+
+ +356积分
+
+
+
+
+
+ 颜色
+ -
+ 黑色
+
+ -
+ 粉色
+
+ -
+ 灰色
+
+ -
+ 红色
+
+
+
+ 尺寸
+ -
+ L
+
+ -
+ XL
+
+ -
+ XXL
+
+
+
+ -
+
+
+ -
+
瑾晨
+
+
+
+ - 哎哟不错哦，很性感哦！
+ 颜色：豹纹凯特
+
+
+ -
+
+
+ -
+
瑾晨
+
+
+
+ - 哎哟不错哦，很性感哦！
+ 颜色：豹纹凯特
+
+
+
+ -
+
+
+ -
+
瑾晨
+
+
+
+ - 哎哟不错哦，很性感哦！
+ 颜色：豹纹凯特
+
+
+ -
+
+
+ -
+
瑾晨
+
+
+
+ - 哎哟不错哦，很性感哦！
+ 颜色：豹纹凯特
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ForFuture_shop/dinpu.html b/ForFuture_shop/dinpu.html
new file mode 100644
index 0000000..29fa423
--- /dev/null
+++ b/ForFuture_shop/dinpu.html
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
我的店铺管理
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ForFuture_shop/fonts/mui.ttf b/ForFuture_shop/fonts/mui.ttf
new file mode 100644
index 0000000..45d3b04
Binary files /dev/null and b/ForFuture_shop/fonts/mui.ttf differ
diff --git a/ForFuture_shop/fx-center.html b/ForFuture_shop/fx-center.html
new file mode 100644
index 0000000..ac85391
--- /dev/null
+++ b/ForFuture_shop/fx-center.html
@@ -0,0 +1,146 @@
+
+
+
+
+
+
+
分销中心
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ForFuture_shop/fx-center1.html b/ForFuture_shop/fx-center1.html
new file mode 100644
index 0000000..5810adb
--- /dev/null
+++ b/ForFuture_shop/fx-center1.html
@@ -0,0 +1,152 @@
+
+
+
+
+
+
+
分销中心
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ForFuture_shop/go-address.html b/ForFuture_shop/go-address.html
new file mode 100644
index 0000000..c2624ce
--- /dev/null
+++ b/ForFuture_shop/go-address.html
@@ -0,0 +1,130 @@
+
+
+
+
+
+
+
男装专区
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ForFuture_shop/go-assess.html b/ForFuture_shop/go-assess.html
new file mode 100644
index 0000000..e7472d5
--- /dev/null
+++ b/ForFuture_shop/go-assess.html
@@ -0,0 +1,99 @@
+
+
+
+
+
+
+
男装专区
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 待评价
+
+
+ 
-
+ 甘全中
+ 13995976182
+
湖北省武汉市XXXXXXXX
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ForFuture_shop/go-order.html b/ForFuture_shop/go-order.html
new file mode 100644
index 0000000..2163e47
--- /dev/null
+++ b/ForFuture_shop/go-order.html
@@ -0,0 +1,102 @@
+
+
+
+
+
+
+
+
待发货
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 待发货
+
+
+ -
+ 甘全中
+ 13995976182
+
湖北省黄石市湖北理工学院
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ForFuture_shop/gobuy.html b/ForFuture_shop/gobuy.html
new file mode 100644
index 0000000..1dfa8fb
--- /dev/null
+++ b/ForFuture_shop/gobuy.html
@@ -0,0 +1,57 @@
+
+
+
+
+
+
+
登录
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ForFuture_shop/huiyuan.html b/ForFuture_shop/huiyuan.html
new file mode 100644
index 0000000..b9c4e8e
--- /dev/null
+++ b/ForFuture_shop/huiyuan.html
@@ -0,0 +1,132 @@
+
+
+
+
+
+
+
我的会员
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ForFuture_shop/iconfont/iconfont.css b/ForFuture_shop/iconfont/iconfont.css
new file mode 100644
index 0000000..744e46d
--- /dev/null
+++ b/ForFuture_shop/iconfont/iconfont.css
@@ -0,0 +1,62 @@
+
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1458697820'); /* IE9*/
+ src: url('iconfont.eot?t=1458697820#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('iconfont.woff?t=1458697820') format('woff'), /* chrome, firefox */
+ url('iconfont.ttf?t=1458697820') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+ url('iconfont.svg?t=1458697820#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family:"iconfont" !important;
+ font-size:16px;
+ font-style:normal;
+ -webkit-font-smoothing: antialiased;
+ -webkit-text-stroke-width: 0.2px;
+ -moz-osx-font-smoothing: grayscale;
+}
+.icon-yousanjiao:before { content: "\e60f"; }
+.icon-close:before { content: "\e619"; }
+.icon-locationfill:before { content: "\e61b"; }
+.icon-time:before { content: "\e612"; }
+.icon-filter:before { content: "\e60b"; }
+.icon-cart:before { content: "\e60c"; }
+.icon-friend:before { content: "\e60d"; }
+.icon-sort:before { content: "\e62b"; }
+.icon-search:before { content: "\e60e"; }
+.icon-chiping:before { content: "\e61e"; }
+.icon-xiajiang:before { content: "\e61f"; }
+.icon-shangsheng:before { content: "\e61c"; }
+.icon-angry:before { content: "\e61d"; }
+.icon-angry2:before { content: "\e620"; }
+.icon-happy:before { content: "\e621"; }
+.icon-happy2:before { content: "\e622"; }
+.icon-neutral:before { content: "\e623"; }
+.icon-neutral2:before { content: "\e624"; }
+.icon-gengduo:before { content: "\e62a"; }
+.icon-setting:before { content: "\e628"; }
+.icon-del:before { content: "\e617"; }
+.icon-back:before { content: "\e610"; }
+.icon-shouqi:before { content: "\e613"; }
+.icon-xiala:before { content: "\e615"; }
+.icon-hot:before { content: "\e614"; }
+.icon-add:before { content: "\e616"; }
+.icon-move:before { content: "\e618"; }
+.icon-gerenziliao:before { content: "\e629"; }
+.icon-liuyan:before { content: "\e625"; }
+.icon-kefu:before { content: "\e62c"; }
+.icon-jiantou:before { content: "\e61a"; }
+.icon-guanzhu:before { content: "\e626"; }
+.icon-tixing:before { content: "\e611"; }
+.icon-danxuanfill:before { content: "\e600"; }
+.icon-danxuan:before { content: "\e601"; }
+.icon-fangxingweixuanzhong:before { content: "\e602"; }
+.icon-fangxingxuanzhongfill:before { content: "\e603"; }
+.icon-fangxingxuanzhong:before { content: "\e604"; }
+.icon-xuanze:before { content: "\e627"; }
+.icon-yuanxingweixuanzhong:before { content: "\e605"; }
+.icon-yuanxingxuanzhongfill:before { content: "\e606"; }
+.icon-yuanxingxuanzhong:before { content: "\e607"; }
+.icon-fenxiang:before { content: "\e608"; }
+.icon-saoma:before { content: "\e609"; }
+.icon-shanchu:before { content: "\e60a"; }
diff --git a/ForFuture_shop/iconfont/iconfont.eot b/ForFuture_shop/iconfont/iconfont.eot
new file mode 100644
index 0000000..a89ec4e
Binary files /dev/null and b/ForFuture_shop/iconfont/iconfont.eot differ
diff --git a/ForFuture_shop/iconfont/iconfont.svg b/ForFuture_shop/iconfont/iconfont.svg
new file mode 100644
index 0000000..f38ebda
--- /dev/null
+++ b/ForFuture_shop/iconfont/iconfont.svg
@@ -0,0 +1,196 @@
+
+
+
diff --git a/ForFuture_shop/iconfont/iconfont.ttf b/ForFuture_shop/iconfont/iconfont.ttf
new file mode 100644
index 0000000..52561e7
Binary files /dev/null and b/ForFuture_shop/iconfont/iconfont.ttf differ
diff --git a/ForFuture_shop/iconfont/iconfont.woff b/ForFuture_shop/iconfont/iconfont.woff
new file mode 100644
index 0000000..3623765
Binary files /dev/null and b/ForFuture_shop/iconfont/iconfont.woff differ
diff --git a/ForFuture_shop/images/a-icon01.png b/ForFuture_shop/images/a-icon01.png
new file mode 100644
index 0000000..7780914
Binary files /dev/null and b/ForFuture_shop/images/a-icon01.png differ
diff --git a/ForFuture_shop/images/a-icon02.png b/ForFuture_shop/images/a-icon02.png
new file mode 100644
index 0000000..141c8ea
Binary files /dev/null and b/ForFuture_shop/images/a-icon02.png differ
diff --git a/ForFuture_shop/images/a-icon03.png b/ForFuture_shop/images/a-icon03.png
new file mode 100644
index 0000000..48eb6b3
Binary files /dev/null and b/ForFuture_shop/images/a-icon03.png differ
diff --git a/ForFuture_shop/images/a-icon04.png b/ForFuture_shop/images/a-icon04.png
new file mode 100644
index 0000000..c5742d6
Binary files /dev/null and b/ForFuture_shop/images/a-icon04.png differ
diff --git a/ForFuture_shop/images/b-iocn01.png b/ForFuture_shop/images/b-iocn01.png
new file mode 100644
index 0000000..6503244
Binary files /dev/null and b/ForFuture_shop/images/b-iocn01.png differ
diff --git a/ForFuture_shop/images/b-iocn02.png b/ForFuture_shop/images/b-iocn02.png
new file mode 100644
index 0000000..7b03878
Binary files /dev/null and b/ForFuture_shop/images/b-iocn02.png differ
diff --git a/ForFuture_shop/images/b-iocn03.png b/ForFuture_shop/images/b-iocn03.png
new file mode 100644
index 0000000..9537324
Binary files /dev/null and b/ForFuture_shop/images/b-iocn03.png differ
diff --git a/ForFuture_shop/images/b-iocn04.png b/ForFuture_shop/images/b-iocn04.png
new file mode 100644
index 0000000..a9dd165
Binary files /dev/null and b/ForFuture_shop/images/b-iocn04.png differ
diff --git a/ForFuture_shop/images/check.png b/ForFuture_shop/images/check.png
new file mode 100644
index 0000000..4a2291c
Binary files /dev/null and b/ForFuture_shop/images/check.png differ
diff --git a/ForFuture_shop/images/checke.png b/ForFuture_shop/images/checke.png
new file mode 100644
index 0000000..f5d60b6
Binary files /dev/null and b/ForFuture_shop/images/checke.png differ
diff --git a/ForFuture_shop/images/classify-ph01.png b/ForFuture_shop/images/classify-ph01.png
new file mode 100644
index 0000000..755c99c
Binary files /dev/null and b/ForFuture_shop/images/classify-ph01.png differ
diff --git a/ForFuture_shop/images/classify-ph02.png b/ForFuture_shop/images/classify-ph02.png
new file mode 100644
index 0000000..2d84204
Binary files /dev/null and b/ForFuture_shop/images/classify-ph02.png differ
diff --git a/ForFuture_shop/images/classify-ph03.png b/ForFuture_shop/images/classify-ph03.png
new file mode 100644
index 0000000..2e45943
Binary files /dev/null and b/ForFuture_shop/images/classify-ph03.png differ
diff --git a/ForFuture_shop/images/classify-ph04.png b/ForFuture_shop/images/classify-ph04.png
new file mode 100644
index 0000000..d1d70c8
Binary files /dev/null and b/ForFuture_shop/images/classify-ph04.png differ
diff --git a/ForFuture_shop/images/classify-ph05.png b/ForFuture_shop/images/classify-ph05.png
new file mode 100644
index 0000000..f6ff7a6
Binary files /dev/null and b/ForFuture_shop/images/classify-ph05.png differ
diff --git a/ForFuture_shop/images/classify01.png b/ForFuture_shop/images/classify01.png
new file mode 100644
index 0000000..f8f5f4b
Binary files /dev/null and b/ForFuture_shop/images/classify01.png differ
diff --git a/ForFuture_shop/images/classify02.png b/ForFuture_shop/images/classify02.png
new file mode 100644
index 0000000..14332be
Binary files /dev/null and b/ForFuture_shop/images/classify02.png differ
diff --git a/ForFuture_shop/images/classify03.png b/ForFuture_shop/images/classify03.png
new file mode 100644
index 0000000..e5b2c21
Binary files /dev/null and b/ForFuture_shop/images/classify03.png differ
diff --git a/ForFuture_shop/images/classify04.png b/ForFuture_shop/images/classify04.png
new file mode 100644
index 0000000..0c3850e
Binary files /dev/null and b/ForFuture_shop/images/classify04.png differ
diff --git a/ForFuture_shop/images/classify05.png b/ForFuture_shop/images/classify05.png
new file mode 100644
index 0000000..d7fc529
Binary files /dev/null and b/ForFuture_shop/images/classify05.png differ
diff --git a/ForFuture_shop/images/classify06.png b/ForFuture_shop/images/classify06.png
new file mode 100644
index 0000000..890f81e
Binary files /dev/null and b/ForFuture_shop/images/classify06.png differ
diff --git a/ForFuture_shop/images/classify07.png b/ForFuture_shop/images/classify07.png
new file mode 100644
index 0000000..91d26a2
Binary files /dev/null and b/ForFuture_shop/images/classify07.png differ
diff --git a/ForFuture_shop/images/classify08.png b/ForFuture_shop/images/classify08.png
new file mode 100644
index 0000000..03eab15
Binary files /dev/null and b/ForFuture_shop/images/classify08.png differ
diff --git a/ForFuture_shop/images/classify09.png b/ForFuture_shop/images/classify09.png
new file mode 100644
index 0000000..851191b
Binary files /dev/null and b/ForFuture_shop/images/classify09.png differ
diff --git a/ForFuture_shop/images/detail-ban01.png b/ForFuture_shop/images/detail-ban01.png
new file mode 100644
index 0000000..7bbcf9d
Binary files /dev/null and b/ForFuture_shop/images/detail-ban01.png differ
diff --git a/ForFuture_shop/images/detail-ban02.png b/ForFuture_shop/images/detail-ban02.png
new file mode 100644
index 0000000..2f5d5f0
Binary files /dev/null and b/ForFuture_shop/images/detail-ban02.png differ
diff --git a/ForFuture_shop/images/detail-ban03.png b/ForFuture_shop/images/detail-ban03.png
new file mode 100644
index 0000000..aaef22f
Binary files /dev/null and b/ForFuture_shop/images/detail-ban03.png differ
diff --git a/ForFuture_shop/images/detail-ban04.png b/ForFuture_shop/images/detail-ban04.png
new file mode 100644
index 0000000..fc94802
Binary files /dev/null and b/ForFuture_shop/images/detail-ban04.png differ
diff --git a/ForFuture_shop/images/detail-heart-hei.png b/ForFuture_shop/images/detail-heart-hei.png
new file mode 100644
index 0000000..2cfd8fa
Binary files /dev/null and b/ForFuture_shop/images/detail-heart-hei.png differ
diff --git a/ForFuture_shop/images/detail-heart-lv.png b/ForFuture_shop/images/detail-heart-lv.png
new file mode 100644
index 0000000..c236cff
Binary files /dev/null and b/ForFuture_shop/images/detail-heart-lv.png differ
diff --git a/ForFuture_shop/images/detail-icon03.png b/ForFuture_shop/images/detail-icon03.png
new file mode 100644
index 0000000..44b45ba
Binary files /dev/null and b/ForFuture_shop/images/detail-icon03.png differ
diff --git a/ForFuture_shop/images/detail-iocn001.png b/ForFuture_shop/images/detail-iocn001.png
new file mode 100644
index 0000000..b3d1fd3
Binary files /dev/null and b/ForFuture_shop/images/detail-iocn001.png differ
diff --git a/ForFuture_shop/images/detail-iocn01.png b/ForFuture_shop/images/detail-iocn01.png
new file mode 100644
index 0000000..a30f311
Binary files /dev/null and b/ForFuture_shop/images/detail-iocn01.png differ
diff --git a/ForFuture_shop/images/detail-left.png b/ForFuture_shop/images/detail-left.png
new file mode 100644
index 0000000..ac06097
Binary files /dev/null and b/ForFuture_shop/images/detail-left.png differ
diff --git a/ForFuture_shop/images/detail-pp01.jpg b/ForFuture_shop/images/detail-pp01.jpg
new file mode 100644
index 0000000..97ac7e5
Binary files /dev/null and b/ForFuture_shop/images/detail-pp01.jpg differ
diff --git a/ForFuture_shop/images/detail-pp01.png b/ForFuture_shop/images/detail-pp01.png
new file mode 100644
index 0000000..adaa029
Binary files /dev/null and b/ForFuture_shop/images/detail-pp01.png differ
diff --git a/ForFuture_shop/images/detail-pp02.png b/ForFuture_shop/images/detail-pp02.png
new file mode 100644
index 0000000..531e571
Binary files /dev/null and b/ForFuture_shop/images/detail-pp02.png differ
diff --git a/ForFuture_shop/images/detail-pp03.png b/ForFuture_shop/images/detail-pp03.png
new file mode 100644
index 0000000..46152ea
Binary files /dev/null and b/ForFuture_shop/images/detail-pp03.png differ
diff --git a/ForFuture_shop/images/detail-pp04.png b/ForFuture_shop/images/detail-pp04.png
new file mode 100644
index 0000000..b7e2e89
Binary files /dev/null and b/ForFuture_shop/images/detail-pp04.png differ
diff --git a/ForFuture_shop/images/detail-tou.png b/ForFuture_shop/images/detail-tou.png
new file mode 100644
index 0000000..c92365f
Binary files /dev/null and b/ForFuture_shop/images/detail-tou.png differ
diff --git a/ForFuture_shop/images/detail-you.png b/ForFuture_shop/images/detail-you.png
new file mode 100644
index 0000000..656dfae
Binary files /dev/null and b/ForFuture_shop/images/detail-you.png differ
diff --git a/ForFuture_shop/images/down-red.png b/ForFuture_shop/images/down-red.png
new file mode 100644
index 0000000..1a64099
Binary files /dev/null and b/ForFuture_shop/images/down-red.png differ
diff --git a/ForFuture_shop/images/down.png b/ForFuture_shop/images/down.png
new file mode 100644
index 0000000..e66955f
Binary files /dev/null and b/ForFuture_shop/images/down.png differ
diff --git a/ForFuture_shop/images/downred.png b/ForFuture_shop/images/downred.png
new file mode 100644
index 0000000..a0e61b2
Binary files /dev/null and b/ForFuture_shop/images/downred.png differ
diff --git a/ForFuture_shop/images/footer001.png b/ForFuture_shop/images/footer001.png
new file mode 100644
index 0000000..1a27bc0
Binary files /dev/null and b/ForFuture_shop/images/footer001.png differ
diff --git a/ForFuture_shop/images/footer002.png b/ForFuture_shop/images/footer002.png
new file mode 100644
index 0000000..43e9787
Binary files /dev/null and b/ForFuture_shop/images/footer002.png differ
diff --git a/ForFuture_shop/images/footer003.png b/ForFuture_shop/images/footer003.png
new file mode 100644
index 0000000..1a97c49
Binary files /dev/null and b/ForFuture_shop/images/footer003.png differ
diff --git a/ForFuture_shop/images/footer004.png b/ForFuture_shop/images/footer004.png
new file mode 100644
index 0000000..1cef2f5
Binary files /dev/null and b/ForFuture_shop/images/footer004.png differ
diff --git a/ForFuture_shop/images/footer01.png b/ForFuture_shop/images/footer01.png
new file mode 100644
index 0000000..7ae8ac9
Binary files /dev/null and b/ForFuture_shop/images/footer01.png differ
diff --git a/ForFuture_shop/images/footer02.png b/ForFuture_shop/images/footer02.png
new file mode 100644
index 0000000..2d66c8d
Binary files /dev/null and b/ForFuture_shop/images/footer02.png differ
diff --git a/ForFuture_shop/images/footer03.png b/ForFuture_shop/images/footer03.png
new file mode 100644
index 0000000..e729b29
Binary files /dev/null and b/ForFuture_shop/images/footer03.png differ
diff --git a/ForFuture_shop/images/footer04.png b/ForFuture_shop/images/footer04.png
new file mode 100644
index 0000000..8beb5b1
Binary files /dev/null and b/ForFuture_shop/images/footer04.png differ
diff --git a/ForFuture_shop/images/fxbanner.jpg b/ForFuture_shop/images/fxbanner.jpg
new file mode 100644
index 0000000..3752fe6
Binary files /dev/null and b/ForFuture_shop/images/fxbanner.jpg differ
diff --git a/ForFuture_shop/images/index-03.png b/ForFuture_shop/images/index-03.png
new file mode 100644
index 0000000..fe75ee3
Binary files /dev/null and b/ForFuture_shop/images/index-03.png differ
diff --git a/ForFuture_shop/images/index-ban01.png b/ForFuture_shop/images/index-ban01.png
new file mode 100644
index 0000000..647b735
Binary files /dev/null and b/ForFuture_shop/images/index-ban01.png differ
diff --git a/ForFuture_shop/images/index-ban02.png b/ForFuture_shop/images/index-ban02.png
new file mode 100644
index 0000000..c4eb7fc
Binary files /dev/null and b/ForFuture_shop/images/index-ban02.png differ
diff --git a/ForFuture_shop/images/index-ban03.png b/ForFuture_shop/images/index-ban03.png
new file mode 100644
index 0000000..88562ab
Binary files /dev/null and b/ForFuture_shop/images/index-ban03.png differ
diff --git a/ForFuture_shop/images/index-icon01.png b/ForFuture_shop/images/index-icon01.png
new file mode 100644
index 0000000..245cb25
Binary files /dev/null and b/ForFuture_shop/images/index-icon01.png differ
diff --git a/ForFuture_shop/images/index-ph01.png b/ForFuture_shop/images/index-ph01.png
new file mode 100644
index 0000000..a464aee
Binary files /dev/null and b/ForFuture_shop/images/index-ph01.png differ
diff --git a/ForFuture_shop/images/index-ph02.png b/ForFuture_shop/images/index-ph02.png
new file mode 100644
index 0000000..27df773
Binary files /dev/null and b/ForFuture_shop/images/index-ph02.png differ
diff --git a/ForFuture_shop/images/index-ph04.png b/ForFuture_shop/images/index-ph04.png
new file mode 100644
index 0000000..2008ebf
Binary files /dev/null and b/ForFuture_shop/images/index-ph04.png differ
diff --git a/ForFuture_shop/images/left.png b/ForFuture_shop/images/left.png
new file mode 100644
index 0000000..e09499f
Binary files /dev/null and b/ForFuture_shop/images/left.png differ
diff --git a/ForFuture_shop/images/list-ban01.png b/ForFuture_shop/images/list-ban01.png
new file mode 100644
index 0000000..2baf972
Binary files /dev/null and b/ForFuture_shop/images/list-ban01.png differ
diff --git a/ForFuture_shop/images/list-ban02.png b/ForFuture_shop/images/list-ban02.png
new file mode 100644
index 0000000..86b9e10
Binary files /dev/null and b/ForFuture_shop/images/list-ban02.png differ
diff --git a/ForFuture_shop/images/list-ph01.png b/ForFuture_shop/images/list-ph01.png
new file mode 100644
index 0000000..96bbb74
Binary files /dev/null and b/ForFuture_shop/images/list-ph01.png differ
diff --git a/ForFuture_shop/images/list-ph02.png b/ForFuture_shop/images/list-ph02.png
new file mode 100644
index 0000000..6d4e2d2
Binary files /dev/null and b/ForFuture_shop/images/list-ph02.png differ
diff --git a/ForFuture_shop/images/list-search.png b/ForFuture_shop/images/list-search.png
new file mode 100644
index 0000000..3001159
Binary files /dev/null and b/ForFuture_shop/images/list-search.png differ
diff --git a/ForFuture_shop/images/login.png b/ForFuture_shop/images/login.png
new file mode 100644
index 0000000..3859b51
Binary files /dev/null and b/ForFuture_shop/images/login.png differ
diff --git a/ForFuture_shop/images/logo.png b/ForFuture_shop/images/logo.png
new file mode 100644
index 0000000..fde3b4b
Binary files /dev/null and b/ForFuture_shop/images/logo.png differ
diff --git a/ForFuture_shop/images/map-icon.png b/ForFuture_shop/images/map-icon.png
new file mode 100644
index 0000000..62c8e2d
Binary files /dev/null and b/ForFuture_shop/images/map-icon.png differ
diff --git a/ForFuture_shop/images/more.png b/ForFuture_shop/images/more.png
new file mode 100644
index 0000000..f436a43
Binary files /dev/null and b/ForFuture_shop/images/more.png differ
diff --git a/ForFuture_shop/images/order-icon01.png b/ForFuture_shop/images/order-icon01.png
new file mode 100644
index 0000000..d6dc656
Binary files /dev/null and b/ForFuture_shop/images/order-icon01.png differ
diff --git a/ForFuture_shop/images/order-icon02.png b/ForFuture_shop/images/order-icon02.png
new file mode 100644
index 0000000..71c9ad2
Binary files /dev/null and b/ForFuture_shop/images/order-icon02.png differ
diff --git a/ForFuture_shop/images/order-icon03.png b/ForFuture_shop/images/order-icon03.png
new file mode 100644
index 0000000..00b125f
Binary files /dev/null and b/ForFuture_shop/images/order-icon03.png differ
diff --git a/ForFuture_shop/images/order-icon04.png b/ForFuture_shop/images/order-icon04.png
new file mode 100644
index 0000000..a370beb
Binary files /dev/null and b/ForFuture_shop/images/order-icon04.png differ
diff --git a/ForFuture_shop/images/password.png b/ForFuture_shop/images/password.png
new file mode 100644
index 0000000..8e3021f
Binary files /dev/null and b/ForFuture_shop/images/password.png differ
diff --git a/ForFuture_shop/images/qq.png b/ForFuture_shop/images/qq.png
new file mode 100644
index 0000000..961f83d
Binary files /dev/null and b/ForFuture_shop/images/qq.png differ
diff --git a/ForFuture_shop/images/right.png b/ForFuture_shop/images/right.png
new file mode 100644
index 0000000..abacf30
Binary files /dev/null and b/ForFuture_shop/images/right.png differ
diff --git a/ForFuture_shop/images/self-header.png b/ForFuture_shop/images/self-header.png
new file mode 100644
index 0000000..da5e300
Binary files /dev/null and b/ForFuture_shop/images/self-header.png differ
diff --git a/ForFuture_shop/images/self-icon.png b/ForFuture_shop/images/self-icon.png
new file mode 100644
index 0000000..fac2be3
Binary files /dev/null and b/ForFuture_shop/images/self-icon.png differ
diff --git a/ForFuture_shop/images/self-icon01.png b/ForFuture_shop/images/self-icon01.png
new file mode 100644
index 0000000..3f7e7c5
Binary files /dev/null and b/ForFuture_shop/images/self-icon01.png differ
diff --git a/ForFuture_shop/images/self-icon011.png b/ForFuture_shop/images/self-icon011.png
new file mode 100644
index 0000000..8196457
Binary files /dev/null and b/ForFuture_shop/images/self-icon011.png differ
diff --git a/ForFuture_shop/images/self-icon012.png b/ForFuture_shop/images/self-icon012.png
new file mode 100644
index 0000000..58e5c51
Binary files /dev/null and b/ForFuture_shop/images/self-icon012.png differ
diff --git a/ForFuture_shop/images/self-icon013.png b/ForFuture_shop/images/self-icon013.png
new file mode 100644
index 0000000..530da7f
Binary files /dev/null and b/ForFuture_shop/images/self-icon013.png differ
diff --git a/ForFuture_shop/images/self-icon02.png b/ForFuture_shop/images/self-icon02.png
new file mode 100644
index 0000000..cb62070
Binary files /dev/null and b/ForFuture_shop/images/self-icon02.png differ
diff --git a/ForFuture_shop/images/self-icon03.png b/ForFuture_shop/images/self-icon03.png
new file mode 100644
index 0000000..7f051b7
Binary files /dev/null and b/ForFuture_shop/images/self-icon03.png differ
diff --git a/ForFuture_shop/images/self-icon04.png b/ForFuture_shop/images/self-icon04.png
new file mode 100644
index 0000000..d4eebd7
Binary files /dev/null and b/ForFuture_shop/images/self-icon04.png differ
diff --git a/ForFuture_shop/images/self-icon05.png b/ForFuture_shop/images/self-icon05.png
new file mode 100644
index 0000000..be03dce
Binary files /dev/null and b/ForFuture_shop/images/self-icon05.png differ
diff --git a/ForFuture_shop/images/self-icon06.png b/ForFuture_shop/images/self-icon06.png
new file mode 100644
index 0000000..c1a8a45
Binary files /dev/null and b/ForFuture_shop/images/self-icon06.png differ
diff --git a/ForFuture_shop/images/self-tou.png b/ForFuture_shop/images/self-tou.png
new file mode 100644
index 0000000..e79c03e
Binary files /dev/null and b/ForFuture_shop/images/self-tou.png differ
diff --git a/ForFuture_shop/images/serach.png b/ForFuture_shop/images/serach.png
new file mode 100644
index 0000000..b985bf8
Binary files /dev/null and b/ForFuture_shop/images/serach.png differ
diff --git a/ForFuture_shop/images/shopbar-red.png b/ForFuture_shop/images/shopbar-red.png
new file mode 100644
index 0000000..0a8b437
Binary files /dev/null and b/ForFuture_shop/images/shopbar-red.png differ
diff --git a/ForFuture_shop/images/shopbar.png b/ForFuture_shop/images/shopbar.png
new file mode 100644
index 0000000..96a5910
Binary files /dev/null and b/ForFuture_shop/images/shopbar.png differ
diff --git a/ForFuture_shop/images/shopcar-icon01.png b/ForFuture_shop/images/shopcar-icon01.png
new file mode 100644
index 0000000..c0e8430
Binary files /dev/null and b/ForFuture_shop/images/shopcar-icon01.png differ
diff --git a/ForFuture_shop/images/shopcar-ph01.png b/ForFuture_shop/images/shopcar-ph01.png
new file mode 100644
index 0000000..1fe58c0
Binary files /dev/null and b/ForFuture_shop/images/shopcar-ph01.png differ
diff --git a/ForFuture_shop/images/shopnone.png b/ForFuture_shop/images/shopnone.png
new file mode 100644
index 0000000..c539ca8
Binary files /dev/null and b/ForFuture_shop/images/shopnone.png differ
diff --git a/ForFuture_shop/images/sinaweibo.png b/ForFuture_shop/images/sinaweibo.png
new file mode 100644
index 0000000..16a3a1b
Binary files /dev/null and b/ForFuture_shop/images/sinaweibo.png differ
diff --git a/ForFuture_shop/images/up-red.png b/ForFuture_shop/images/up-red.png
new file mode 100644
index 0000000..731bcde
Binary files /dev/null and b/ForFuture_shop/images/up-red.png differ
diff --git a/ForFuture_shop/images/weixin.png b/ForFuture_shop/images/weixin.png
new file mode 100644
index 0000000..c6f6076
Binary files /dev/null and b/ForFuture_shop/images/weixin.png differ
diff --git a/ForFuture_shop/images/write.png b/ForFuture_shop/images/write.png
new file mode 100644
index 0000000..ab7a5e7
Binary files /dev/null and b/ForFuture_shop/images/write.png differ
diff --git a/ForFuture_shop/img/dian.png b/ForFuture_shop/img/dian.png
new file mode 100644
index 0000000..d3b9f41
Binary files /dev/null and b/ForFuture_shop/img/dian.png differ
diff --git a/ForFuture_shop/img/homenav1.png b/ForFuture_shop/img/homenav1.png
new file mode 100644
index 0000000..aab64fb
Binary files /dev/null and b/ForFuture_shop/img/homenav1.png differ
diff --git a/ForFuture_shop/img/homenav2.png b/ForFuture_shop/img/homenav2.png
new file mode 100644
index 0000000..a8d03b5
Binary files /dev/null and b/ForFuture_shop/img/homenav2.png differ
diff --git a/ForFuture_shop/img/homenav3.png b/ForFuture_shop/img/homenav3.png
new file mode 100644
index 0000000..811a35e
Binary files /dev/null and b/ForFuture_shop/img/homenav3.png differ
diff --git a/ForFuture_shop/img/homenav4.png b/ForFuture_shop/img/homenav4.png
new file mode 100644
index 0000000..92b4505
Binary files /dev/null and b/ForFuture_shop/img/homenav4.png differ
diff --git a/ForFuture_shop/img/hometit1.jpg b/ForFuture_shop/img/hometit1.jpg
new file mode 100644
index 0000000..237fe7d
Binary files /dev/null and b/ForFuture_shop/img/hometit1.jpg differ
diff --git a/ForFuture_shop/img/hometit2.jpg b/ForFuture_shop/img/hometit2.jpg
new file mode 100644
index 0000000..2a1a927
Binary files /dev/null and b/ForFuture_shop/img/hometit2.jpg differ
diff --git a/ForFuture_shop/img/hometit3.jpg b/ForFuture_shop/img/hometit3.jpg
new file mode 100644
index 0000000..ae08fa0
Binary files /dev/null and b/ForFuture_shop/img/hometit3.jpg differ
diff --git a/ForFuture_shop/img/icon/ftmenu1-a.png b/ForFuture_shop/img/icon/ftmenu1-a.png
new file mode 100644
index 0000000..36c81e9
Binary files /dev/null and b/ForFuture_shop/img/icon/ftmenu1-a.png differ
diff --git a/ForFuture_shop/img/icon/ftmenu1.png b/ForFuture_shop/img/icon/ftmenu1.png
new file mode 100644
index 0000000..dea3274
Binary files /dev/null and b/ForFuture_shop/img/icon/ftmenu1.png differ
diff --git a/ForFuture_shop/img/icon/ftmenu2-a.png b/ForFuture_shop/img/icon/ftmenu2-a.png
new file mode 100644
index 0000000..5faeebb
Binary files /dev/null and b/ForFuture_shop/img/icon/ftmenu2-a.png differ
diff --git a/ForFuture_shop/img/icon/ftmenu2.png b/ForFuture_shop/img/icon/ftmenu2.png
new file mode 100644
index 0000000..5ff0346
Binary files /dev/null and b/ForFuture_shop/img/icon/ftmenu2.png differ
diff --git a/ForFuture_shop/img/icon/ftmenu3-a.png b/ForFuture_shop/img/icon/ftmenu3-a.png
new file mode 100644
index 0000000..8644631
Binary files /dev/null and b/ForFuture_shop/img/icon/ftmenu3-a.png differ
diff --git a/ForFuture_shop/img/icon/ftmenu3.png b/ForFuture_shop/img/icon/ftmenu3.png
new file mode 100644
index 0000000..644d689
Binary files /dev/null and b/ForFuture_shop/img/icon/ftmenu3.png differ
diff --git a/ForFuture_shop/img/icon/ftmenu4.png b/ForFuture_shop/img/icon/ftmenu4.png
new file mode 100644
index 0000000..b87e377
Binary files /dev/null and b/ForFuture_shop/img/icon/ftmenu4.png differ
diff --git a/ForFuture_shop/img/icon/goodsbar-kefu.jpg b/ForFuture_shop/img/icon/goodsbar-kefu.jpg
new file mode 100644
index 0000000..8ccefeb
Binary files /dev/null and b/ForFuture_shop/img/icon/goodsbar-kefu.jpg differ
diff --git a/ForFuture_shop/img/icon/goodsbar-like.jpg b/ForFuture_shop/img/icon/goodsbar-like.jpg
new file mode 100644
index 0000000..fa6a92d
Binary files /dev/null and b/ForFuture_shop/img/icon/goodsbar-like.jpg differ
diff --git a/ForFuture_shop/img/icon/goodsbar-like2.jpg b/ForFuture_shop/img/icon/goodsbar-like2.jpg
new file mode 100644
index 0000000..d711623
Binary files /dev/null and b/ForFuture_shop/img/icon/goodsbar-like2.jpg differ
diff --git a/ForFuture_shop/img/icon/goodsbar-shop.jpg b/ForFuture_shop/img/icon/goodsbar-shop.jpg
new file mode 100644
index 0000000..e064cc7
Binary files /dev/null and b/ForFuture_shop/img/icon/goodsbar-shop.jpg differ
diff --git a/ForFuture_shop/img/icon/homenav4-a.png b/ForFuture_shop/img/icon/homenav4-a.png
new file mode 100644
index 0000000..2f0e72a
Binary files /dev/null and b/ForFuture_shop/img/icon/homenav4-a.png differ
diff --git a/ForFuture_shop/img/icon/ico-dizhi.png b/ForFuture_shop/img/icon/ico-dizhi.png
new file mode 100644
index 0000000..a6e8006
Binary files /dev/null and b/ForFuture_shop/img/icon/ico-dizhi.png differ
diff --git a/ForFuture_shop/img/icon/ico-edit.png b/ForFuture_shop/img/icon/ico-edit.png
new file mode 100644
index 0000000..6023a3c
Binary files /dev/null and b/ForFuture_shop/img/icon/ico-edit.png differ
diff --git a/ForFuture_shop/img/icon/ico-haoyou.png b/ForFuture_shop/img/icon/ico-haoyou.png
new file mode 100644
index 0000000..d01f8f7
Binary files /dev/null and b/ForFuture_shop/img/icon/ico-haoyou.png differ
diff --git a/ForFuture_shop/img/icon/ico-head.png b/ForFuture_shop/img/icon/ico-head.png
new file mode 100644
index 0000000..69717b6
Binary files /dev/null and b/ForFuture_shop/img/icon/ico-head.png differ
diff --git a/ForFuture_shop/img/icon/ico-id.png b/ForFuture_shop/img/icon/ico-id.png
new file mode 100644
index 0000000..487f41a
Binary files /dev/null and b/ForFuture_shop/img/icon/ico-id.png differ
diff --git a/ForFuture_shop/img/icon/ico-info.png b/ForFuture_shop/img/icon/ico-info.png
new file mode 100644
index 0000000..645d9ef
Binary files /dev/null and b/ForFuture_shop/img/icon/ico-info.png differ
diff --git a/ForFuture_shop/img/icon/ico-nicheng.png b/ForFuture_shop/img/icon/ico-nicheng.png
new file mode 100644
index 0000000..77c0941
Binary files /dev/null and b/ForFuture_shop/img/icon/ico-nicheng.png differ
diff --git a/ForFuture_shop/img/icon/ico-qingli.png b/ForFuture_shop/img/icon/ico-qingli.png
new file mode 100644
index 0000000..b8e028f
Binary files /dev/null and b/ForFuture_shop/img/icon/ico-qingli.png differ
diff --git a/ForFuture_shop/img/icon/ico-safe.png b/ForFuture_shop/img/icon/ico-safe.png
new file mode 100644
index 0000000..0caf5e3
Binary files /dev/null and b/ForFuture_shop/img/icon/ico-safe.png differ
diff --git a/ForFuture_shop/img/icon/ico-share.png b/ForFuture_shop/img/icon/ico-share.png
new file mode 100644
index 0000000..e5929ed
Binary files /dev/null and b/ForFuture_shop/img/icon/ico-share.png differ
diff --git a/ForFuture_shop/img/icon/ico-share2.png b/ForFuture_shop/img/icon/ico-share2.png
new file mode 100644
index 0000000..cefcb83
Binary files /dev/null and b/ForFuture_shop/img/icon/ico-share2.png differ
diff --git a/ForFuture_shop/img/icon/ico-shop.png b/ForFuture_shop/img/icon/ico-shop.png
new file mode 100644
index 0000000..75d4b09
Binary files /dev/null and b/ForFuture_shop/img/icon/ico-shop.png differ
diff --git a/ForFuture_shop/img/icon/ico-version.png b/ForFuture_shop/img/icon/ico-version.png
new file mode 100644
index 0000000..d0e86dd
Binary files /dev/null and b/ForFuture_shop/img/icon/ico-version.png differ
diff --git a/ForFuture_shop/img/icon/ico-zhixun.png b/ForFuture_shop/img/icon/ico-zhixun.png
new file mode 100644
index 0000000..76d3b46
Binary files /dev/null and b/ForFuture_shop/img/icon/ico-zhixun.png differ
diff --git a/ForFuture_shop/img/icon/iconfont-gerenziliao.png b/ForFuture_shop/img/icon/iconfont-gerenziliao.png
new file mode 100644
index 0000000..645d9ef
Binary files /dev/null and b/ForFuture_shop/img/icon/iconfont-gerenziliao.png differ
diff --git a/ForFuture_shop/img/jianhao.png b/ForFuture_shop/img/jianhao.png
new file mode 100644
index 0000000..96c0a88
Binary files /dev/null and b/ForFuture_shop/img/jianhao.png differ
diff --git a/ForFuture_shop/img/order1.png b/ForFuture_shop/img/order1.png
new file mode 100644
index 0000000..d6bf830
Binary files /dev/null and b/ForFuture_shop/img/order1.png differ
diff --git a/ForFuture_shop/img/order2.png b/ForFuture_shop/img/order2.png
new file mode 100644
index 0000000..a412e94
Binary files /dev/null and b/ForFuture_shop/img/order2.png differ
diff --git a/ForFuture_shop/img/order3.png b/ForFuture_shop/img/order3.png
new file mode 100644
index 0000000..7582a64
Binary files /dev/null and b/ForFuture_shop/img/order3.png differ
diff --git a/ForFuture_shop/img/order4.png b/ForFuture_shop/img/order4.png
new file mode 100644
index 0000000..b5bb99d
Binary files /dev/null and b/ForFuture_shop/img/order4.png differ
diff --git a/ForFuture_shop/img/order5.png b/ForFuture_shop/img/order5.png
new file mode 100644
index 0000000..e66d570
Binary files /dev/null and b/ForFuture_shop/img/order5.png differ
diff --git a/ForFuture_shop/img/qnav1.png b/ForFuture_shop/img/qnav1.png
new file mode 100644
index 0000000..7933d30
Binary files /dev/null and b/ForFuture_shop/img/qnav1.png differ
diff --git a/ForFuture_shop/img/qnav2.png b/ForFuture_shop/img/qnav2.png
new file mode 100644
index 0000000..467eb4f
Binary files /dev/null and b/ForFuture_shop/img/qnav2.png differ
diff --git a/ForFuture_shop/img/qnav3.png b/ForFuture_shop/img/qnav3.png
new file mode 100644
index 0000000..093767a
Binary files /dev/null and b/ForFuture_shop/img/qnav3.png differ
diff --git a/ForFuture_shop/img/qnav4.png b/ForFuture_shop/img/qnav4.png
new file mode 100644
index 0000000..62eb4dc
Binary files /dev/null and b/ForFuture_shop/img/qnav4.png differ
diff --git a/ForFuture_shop/img/quan-bdb.jpg b/ForFuture_shop/img/quan-bdb.jpg
new file mode 100644
index 0000000..0f2664f
Binary files /dev/null and b/ForFuture_shop/img/quan-bdb.jpg differ
diff --git a/ForFuture_shop/img/quan-bdb2.jpg b/ForFuture_shop/img/quan-bdb2.jpg
new file mode 100644
index 0000000..446dd80
Binary files /dev/null and b/ForFuture_shop/img/quan-bdb2.jpg differ
diff --git a/ForFuture_shop/img/quan-bdt.jpg b/ForFuture_shop/img/quan-bdt.jpg
new file mode 100644
index 0000000..22eb3d9
Binary files /dev/null and b/ForFuture_shop/img/quan-bdt.jpg differ
diff --git a/ForFuture_shop/img/quan-bdt2.jpg b/ForFuture_shop/img/quan-bdt2.jpg
new file mode 100644
index 0000000..56d1290
Binary files /dev/null and b/ForFuture_shop/img/quan-bdt2.jpg differ
diff --git a/ForFuture_shop/img/quan.png b/ForFuture_shop/img/quan.png
new file mode 100644
index 0000000..4adba1c
Binary files /dev/null and b/ForFuture_shop/img/quan.png differ
diff --git a/ForFuture_shop/img/right.png b/ForFuture_shop/img/right.png
new file mode 100644
index 0000000..14779af
Binary files /dev/null and b/ForFuture_shop/img/right.png differ
diff --git a/ForFuture_shop/img/select-arrow.png b/ForFuture_shop/img/select-arrow.png
new file mode 100644
index 0000000..14ccd3d
Binary files /dev/null and b/ForFuture_shop/img/select-arrow.png differ
diff --git a/ForFuture_shop/img/squan-bdl.png b/ForFuture_shop/img/squan-bdl.png
new file mode 100644
index 0000000..ca29ed5
Binary files /dev/null and b/ForFuture_shop/img/squan-bdl.png differ
diff --git a/ForFuture_shop/img/squan-bdr.png b/ForFuture_shop/img/squan-bdr.png
new file mode 100644
index 0000000..1f76a0e
Binary files /dev/null and b/ForFuture_shop/img/squan-bdr.png differ
diff --git a/ForFuture_shop/img/touxiang.png b/ForFuture_shop/img/touxiang.png
new file mode 100644
index 0000000..57c4532
Binary files /dev/null and b/ForFuture_shop/img/touxiang.png differ
diff --git a/ForFuture_shop/img/uc-bigico1.png b/ForFuture_shop/img/uc-bigico1.png
new file mode 100644
index 0000000..0effd7a
Binary files /dev/null and b/ForFuture_shop/img/uc-bigico1.png differ
diff --git a/ForFuture_shop/img/uc-bigico2.png b/ForFuture_shop/img/uc-bigico2.png
new file mode 100644
index 0000000..0600336
Binary files /dev/null and b/ForFuture_shop/img/uc-bigico2.png differ
diff --git a/ForFuture_shop/img/uc-bigico3.png b/ForFuture_shop/img/uc-bigico3.png
new file mode 100644
index 0000000..811bf14
Binary files /dev/null and b/ForFuture_shop/img/uc-bigico3.png differ
diff --git a/ForFuture_shop/img/uc-head-.png b/ForFuture_shop/img/uc-head-.png
new file mode 100644
index 0000000..8e53530
Binary files /dev/null and b/ForFuture_shop/img/uc-head-.png differ
diff --git a/ForFuture_shop/img/uc-head.jpg b/ForFuture_shop/img/uc-head.jpg
new file mode 100644
index 0000000..770d43c
Binary files /dev/null and b/ForFuture_shop/img/uc-head.jpg differ
diff --git a/ForFuture_shop/img/uc-head.png b/ForFuture_shop/img/uc-head.png
new file mode 100644
index 0000000..8e53530
Binary files /dev/null and b/ForFuture_shop/img/uc-head.png differ
diff --git a/ForFuture_shop/index-bak.html b/ForFuture_shop/index-bak.html
new file mode 100644
index 0000000..d99f369
--- /dev/null
+++ b/ForFuture_shop/index-bak.html
@@ -0,0 +1,151 @@
+
+
+
+
+
+
商城
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ForFuture_shop/index.html b/ForFuture_shop/index.html
new file mode 100644
index 0000000..83e91b3
--- /dev/null
+++ b/ForFuture_shop/index.html
@@ -0,0 +1,439 @@
+
+
+
+
+
+
+
ForFuture shop首页
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
{{productPic[3].pname}}
+
+
+
+
+
+ ![]()
+
+
{{item.pname}}
+
+
+
+
+
+ ![]()
+
+
{{productPic[0].pname}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ForFuture_shop/integral.html b/ForFuture_shop/integral.html
new file mode 100644
index 0000000..eeec570
--- /dev/null
+++ b/ForFuture_shop/integral.html
@@ -0,0 +1,103 @@
+
+
+
+
+
+
男装专区
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 3600
+
+ -
+
购物返积分
+
+
+ - +156积分
+
+
+ -
+
购物返积分
+
+
+ - +199积分
+
+
+ -
+
购物返积分
+
+
+ - +120积分
+
+
+ -
+
购物返积分
+
+
+ - +79积分
+
+
+ -
+
购物返积分
+
+
+ - +99积分
+
+
+ -
+
购物返积分
+
+
+ - +123积分
+
+
+ -
+
购物返积分
+
+
+ - +69积分
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ForFuture_shop/js/2.5.16-vue.js b/ForFuture_shop/js/2.5.16-vue.js
new file mode 100644
index 0000000..657cb37
--- /dev/null
+++ b/ForFuture_shop/js/2.5.16-vue.js
@@ -0,0 +1,10947 @@
+/*!
+ * Vue.js v2.5.16
+ * (c) 2014-2018 Evan You
+ * Released under the MIT License.
+ */
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+ typeof define === 'function' && define.amd ? define(factory) :
+ (global.Vue = factory());
+}(this, (function () { 'use strict';
+
+/* */
+
+var emptyObject = Object.freeze({});
+
+// these helpers produces better vm code in JS engines due to their
+// explicitness and function inlining
+function isUndef (v) {
+ return v === undefined || v === null
+}
+
+function isDef (v) {
+ return v !== undefined && v !== null
+}
+
+function isTrue (v) {
+ return v === true
+}
+
+function isFalse (v) {
+ return v === false
+}
+
+/**
+ * Check if value is primitive
+ */
+function isPrimitive (value) {
+ return (
+ typeof value === 'string' ||
+ typeof value === 'number' ||
+ // $flow-disable-line
+ typeof value === 'symbol' ||
+ typeof value === 'boolean'
+ )
+}
+
+/**
+ * Quick object check - this is primarily used to tell
+ * Objects from primitive values when we know the value
+ * is a JSON-compliant type.
+ */
+function isObject (obj) {
+ return obj !== null && typeof obj === 'object'
+}
+
+/**
+ * Get the raw type string of a value e.g. [object Object]
+ */
+var _toString = Object.prototype.toString;
+
+function toRawType (value) {
+ return _toString.call(value).slice(8, -1)
+}
+
+/**
+ * Strict object type check. Only returns true
+ * for plain JavaScript objects.
+ */
+function isPlainObject (obj) {
+ return _toString.call(obj) === '[object Object]'
+}
+
+function isRegExp (v) {
+ return _toString.call(v) === '[object RegExp]'
+}
+
+/**
+ * Check if val is a valid array index.
+ */
+function isValidArrayIndex (val) {
+ var n = parseFloat(String(val));
+ return n >= 0 && Math.floor(n) === n && isFinite(val)
+}
+
+/**
+ * Convert a value to a string that is actually rendered.
+ */
+function toString (val) {
+ return val == null
+ ? ''
+ : typeof val === 'object'
+ ? JSON.stringify(val, null, 2)
+ : String(val)
+}
+
+/**
+ * Convert a input value to a number for persistence.
+ * If the conversion fails, return original string.
+ */
+function toNumber (val) {
+ var n = parseFloat(val);
+ return isNaN(n) ? val : n
+}
+
+/**
+ * Make a map and return a function for checking if a key
+ * is in that map.
+ */
+function makeMap (
+ str,
+ expectsLowerCase
+) {
+ var map = Object.create(null);
+ var list = str.split(',');
+ for (var i = 0; i < list.length; i++) {
+ map[list[i]] = true;
+ }
+ return expectsLowerCase
+ ? function (val) { return map[val.toLowerCase()]; }
+ : function (val) { return map[val]; }
+}
+
+/**
+ * Check if a tag is a built-in tag.
+ */
+var isBuiltInTag = makeMap('slot,component', true);
+
+/**
+ * Check if a attribute is a reserved attribute.
+ */
+var isReservedAttribute = makeMap('key,ref,slot,slot-scope,is');
+
+/**
+ * Remove an item from an array
+ */
+function remove (arr, item) {
+ if (arr.length) {
+ var index = arr.indexOf(item);
+ if (index > -1) {
+ return arr.splice(index, 1)
+ }
+ }
+}
+
+/**
+ * Check whether the object has the property.
+ */
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+function hasOwn (obj, key) {
+ return hasOwnProperty.call(obj, key)
+}
+
+/**
+ * Create a cached version of a pure function.
+ */
+function cached (fn) {
+ var cache = Object.create(null);
+ return (function cachedFn (str) {
+ var hit = cache[str];
+ return hit || (cache[str] = fn(str))
+ })
+}
+
+/**
+ * Camelize a hyphen-delimited string.
+ */
+var camelizeRE = /-(\w)/g;
+var camelize = cached(function (str) {
+ return str.replace(camelizeRE, function (_, c) { return c ? c.toUpperCase() : ''; })
+});
+
+/**
+ * Capitalize a string.
+ */
+var capitalize = cached(function (str) {
+ return str.charAt(0).toUpperCase() + str.slice(1)
+});
+
+/**
+ * Hyphenate a camelCase string.
+ */
+var hyphenateRE = /\B([A-Z])/g;
+var hyphenate = cached(function (str) {
+ return str.replace(hyphenateRE, '-$1').toLowerCase()
+});
+
+/**
+ * Simple bind polyfill for environments that do not support it... e.g.
+ * PhantomJS 1.x. Technically we don't need this anymore since native bind is
+ * now more performant in most browsers, but removing it would be breaking for
+ * code that was able to run in PhantomJS 1.x, so this must be kept for
+ * backwards compatibility.
+ */
+
+/* istanbul ignore next */
+function polyfillBind (fn, ctx) {
+ function boundFn (a) {
+ var l = arguments.length;
+ return l
+ ? l > 1
+ ? fn.apply(ctx, arguments)
+ : fn.call(ctx, a)
+ : fn.call(ctx)
+ }
+
+ boundFn._length = fn.length;
+ return boundFn
+}
+
+function nativeBind (fn, ctx) {
+ return fn.bind(ctx)
+}
+
+var bind = Function.prototype.bind
+ ? nativeBind
+ : polyfillBind;
+
+/**
+ * Convert an Array-like object to a real Array.
+ */
+function toArray (list, start) {
+ start = start || 0;
+ var i = list.length - start;
+ var ret = new Array(i);
+ while (i--) {
+ ret[i] = list[i + start];
+ }
+ return ret
+}
+
+/**
+ * Mix properties into target object.
+ */
+function extend (to, _from) {
+ for (var key in _from) {
+ to[key] = _from[key];
+ }
+ return to
+}
+
+/**
+ * Merge an Array of Objects into a single Object.
+ */
+function toObject (arr) {
+ var res = {};
+ for (var i = 0; i < arr.length; i++) {
+ if (arr[i]) {
+ extend(res, arr[i]);
+ }
+ }
+ return res
+}
+
+/**
+ * Perform no operation.
+ * Stubbing args to make Flow happy without leaving useless transpiled code
+ * with ...rest (https://flow.org/blog/2017/05/07/Strict-Function-Call-Arity/)
+ */
+function noop (a, b, c) {}
+
+/**
+ * Always return false.
+ */
+var no = function (a, b, c) { return false; };
+
+/**
+ * Return same value
+ */
+var identity = function (_) { return _; };
+
+/**
+ * Generate a static keys string from compiler modules.
+ */
+function genStaticKeys (modules) {
+ return modules.reduce(function (keys, m) {
+ return keys.concat(m.staticKeys || [])
+ }, []).join(',')
+}
+
+/**
+ * Check if two values are loosely equal - that is,
+ * if they are plain objects, do they have the same shape?
+ */
+function looseEqual (a, b) {
+ if (a === b) { return true }
+ var isObjectA = isObject(a);
+ var isObjectB = isObject(b);
+ if (isObjectA && isObjectB) {
+ try {
+ var isArrayA = Array.isArray(a);
+ var isArrayB = Array.isArray(b);
+ if (isArrayA && isArrayB) {
+ return a.length === b.length && a.every(function (e, i) {
+ return looseEqual(e, b[i])
+ })
+ } else if (!isArrayA && !isArrayB) {
+ var keysA = Object.keys(a);
+ var keysB = Object.keys(b);
+ return keysA.length === keysB.length && keysA.every(function (key) {
+ return looseEqual(a[key], b[key])
+ })
+ } else {
+ /* istanbul ignore next */
+ return false
+ }
+ } catch (e) {
+ /* istanbul ignore next */
+ return false
+ }
+ } else if (!isObjectA && !isObjectB) {
+ return String(a) === String(b)
+ } else {
+ return false
+ }
+}
+
+function looseIndexOf (arr, val) {
+ for (var i = 0; i < arr.length; i++) {
+ if (looseEqual(arr[i], val)) { return i }
+ }
+ return -1
+}
+
+/**
+ * Ensure a function is called only once.
+ */
+function once (fn) {
+ var called = false;
+ return function () {
+ if (!called) {
+ called = true;
+ fn.apply(this, arguments);
+ }
+ }
+}
+
+var SSR_ATTR = 'data-server-rendered';
+
+var ASSET_TYPES = [
+ 'component',
+ 'directive',
+ 'filter'
+];
+
+var LIFECYCLE_HOOKS = [
+ 'beforeCreate',
+ 'created',
+ 'beforeMount',
+ 'mounted',
+ 'beforeUpdate',
+ 'updated',
+ 'beforeDestroy',
+ 'destroyed',
+ 'activated',
+ 'deactivated',
+ 'errorCaptured'
+];
+
+/* */
+
+var config = ({
+ /**
+ * Option merge strategies (used in core/util/options)
+ */
+ // $flow-disable-line
+ optionMergeStrategies: Object.create(null),
+
+ /**
+ * Whether to suppress warnings.
+ */
+ silent: false,
+
+ /**
+ * Show production mode tip message on boot?
+ */
+ productionTip: "development" !== 'production',
+
+ /**
+ * Whether to enable devtools
+ */
+ devtools: "development" !== 'production',
+
+ /**
+ * Whether to record perf
+ */
+ performance: false,
+
+ /**
+ * Error handler for watcher errors
+ */
+ errorHandler: null,
+
+ /**
+ * Warn handler for watcher warns
+ */
+ warnHandler: null,
+
+ /**
+ * Ignore certain custom elements
+ */
+ ignoredElements: [],
+
+ /**
+ * Custom user key aliases for v-on
+ */
+ // $flow-disable-line
+ keyCodes: Object.create(null),
+
+ /**
+ * Check if a tag is reserved so that it cannot be registered as a
+ * component. This is platform-dependent and may be overwritten.
+ */
+ isReservedTag: no,
+
+ /**
+ * Check if an attribute is reserved so that it cannot be used as a component
+ * prop. This is platform-dependent and may be overwritten.
+ */
+ isReservedAttr: no,
+
+ /**
+ * Check if a tag is an unknown element.
+ * Platform-dependent.
+ */
+ isUnknownElement: no,
+
+ /**
+ * Get the namespace of an element
+ */
+ getTagNamespace: noop,
+
+ /**
+ * Parse the real tag name for the specific platform.
+ */
+ parsePlatformTagName: identity,
+
+ /**
+ * Check if an attribute must be bound using property, e.g. value
+ * Platform-dependent.
+ */
+ mustUseProp: no,
+
+ /**
+ * Exposed for legacy reasons
+ */
+ _lifecycleHooks: LIFECYCLE_HOOKS
+})
+
+/* */
+
+/**
+ * Check if a string starts with $ or _
+ */
+function isReserved (str) {
+ var c = (str + '').charCodeAt(0);
+ return c === 0x24 || c === 0x5F
+}
+
+/**
+ * Define a property.
+ */
+function def (obj, key, val, enumerable) {
+ Object.defineProperty(obj, key, {
+ value: val,
+ enumerable: !!enumerable,
+ writable: true,
+ configurable: true
+ });
+}
+
+/**
+ * Parse simple path.
+ */
+var bailRE = /[^\w.$]/;
+function parsePath (path) {
+ if (bailRE.test(path)) {
+ return
+ }
+ var segments = path.split('.');
+ return function (obj) {
+ for (var i = 0; i < segments.length; i++) {
+ if (!obj) { return }
+ obj = obj[segments[i]];
+ }
+ return obj
+ }
+}
+
+/* */
+
+// can we use __proto__?
+var hasProto = '__proto__' in {};
+
+// Browser environment sniffing
+var inBrowser = typeof window !== 'undefined';
+var inWeex = typeof WXEnvironment !== 'undefined' && !!WXEnvironment.platform;
+var weexPlatform = inWeex && WXEnvironment.platform.toLowerCase();
+var UA = inBrowser && window.navigator.userAgent.toLowerCase();
+var isIE = UA && /msie|trident/.test(UA);
+var isIE9 = UA && UA.indexOf('msie 9.0') > 0;
+var isEdge = UA && UA.indexOf('edge/') > 0;
+var isAndroid = (UA && UA.indexOf('android') > 0) || (weexPlatform === 'android');
+var isIOS = (UA && /iphone|ipad|ipod|ios/.test(UA)) || (weexPlatform === 'ios');
+var isChrome = UA && /chrome\/\d+/.test(UA) && !isEdge;
+
+// Firefox has a "watch" function on Object.prototype...
+var nativeWatch = ({}).watch;
+
+var supportsPassive = false;
+if (inBrowser) {
+ try {
+ var opts = {};
+ Object.defineProperty(opts, 'passive', ({
+ get: function get () {
+ /* istanbul ignore next */
+ supportsPassive = true;
+ }
+ })); // https://github.com/facebook/flow/issues/285
+ window.addEventListener('test-passive', null, opts);
+ } catch (e) {}
+}
+
+// this needs to be lazy-evaled because vue may be required before
+// vue-server-renderer can set VUE_ENV
+var _isServer;
+var isServerRendering = function () {
+ if (_isServer === undefined) {
+ /* istanbul ignore if */
+ if (!inBrowser && !inWeex && typeof global !== 'undefined') {
+ // detect presence of vue-server-renderer and avoid
+ // Webpack shimming the process
+ _isServer = global['process'].env.VUE_ENV === 'server';
+ } else {
+ _isServer = false;
+ }
+ }
+ return _isServer
+};
+
+// detect devtools
+var devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+
+/* istanbul ignore next */
+function isNative (Ctor) {
+ return typeof Ctor === 'function' && /native code/.test(Ctor.toString())
+}
+
+var hasSymbol =
+ typeof Symbol !== 'undefined' && isNative(Symbol) &&
+ typeof Reflect !== 'undefined' && isNative(Reflect.ownKeys);
+
+var _Set;
+/* istanbul ignore if */ // $flow-disable-line
+if (typeof Set !== 'undefined' && isNative(Set)) {
+ // use native Set when available.
+ _Set = Set;
+} else {
+ // a non-standard Set polyfill that only works with primitive keys.
+ _Set = (function () {
+ function Set () {
+ this.set = Object.create(null);
+ }
+ Set.prototype.has = function has (key) {
+ return this.set[key] === true
+ };
+ Set.prototype.add = function add (key) {
+ this.set[key] = true;
+ };
+ Set.prototype.clear = function clear () {
+ this.set = Object.create(null);
+ };
+
+ return Set;
+ }());
+}
+
+/* */
+
+var warn = noop;
+var tip = noop;
+var generateComponentTrace = (noop); // work around flow check
+var formatComponentName = (noop);
+
+{
+ var hasConsole = typeof console !== 'undefined';
+ var classifyRE = /(?:^|[-_])(\w)/g;
+ var classify = function (str) { return str
+ .replace(classifyRE, function (c) { return c.toUpperCase(); })
+ .replace(/[-_]/g, ''); };
+
+ warn = function (msg, vm) {
+ var trace = vm ? generateComponentTrace(vm) : '';
+
+ if (config.warnHandler) {
+ config.warnHandler.call(null, msg, vm, trace);
+ } else if (hasConsole && (!config.silent)) {
+ console.error(("[Vue warn]: " + msg + trace));
+ }
+ };
+
+ tip = function (msg, vm) {
+ if (hasConsole && (!config.silent)) {
+ console.warn("[Vue tip]: " + msg + (
+ vm ? generateComponentTrace(vm) : ''
+ ));
+ }
+ };
+
+ formatComponentName = function (vm, includeFile) {
+ if (vm.$root === vm) {
+ return '
'
+ }
+ var options = typeof vm === 'function' && vm.cid != null
+ ? vm.options
+ : vm._isVue
+ ? vm.$options || vm.constructor.options
+ : vm || {};
+ var name = options.name || options._componentTag;
+ var file = options.__file;
+ if (!name && file) {
+ var match = file.match(/([^/\\]+)\.vue$/);
+ name = match && match[1];
+ }
+
+ return (
+ (name ? ("<" + (classify(name)) + ">") : "") +
+ (file && includeFile !== false ? (" at " + file) : '')
+ )
+ };
+
+ var repeat = function (str, n) {
+ var res = '';
+ while (n) {
+ if (n % 2 === 1) { res += str; }
+ if (n > 1) { str += str; }
+ n >>= 1;
+ }
+ return res
+ };
+
+ generateComponentTrace = function (vm) {
+ if (vm._isVue && vm.$parent) {
+ var tree = [];
+ var currentRecursiveSequence = 0;
+ while (vm) {
+ if (tree.length > 0) {
+ var last = tree[tree.length - 1];
+ if (last.constructor === vm.constructor) {
+ currentRecursiveSequence++;
+ vm = vm.$parent;
+ continue
+ } else if (currentRecursiveSequence > 0) {
+ tree[tree.length - 1] = [last, currentRecursiveSequence];
+ currentRecursiveSequence = 0;
+ }
+ }
+ tree.push(vm);
+ vm = vm.$parent;
+ }
+ return '\n\nfound in\n\n' + tree
+ .map(function (vm, i) { return ("" + (i === 0 ? '---> ' : repeat(' ', 5 + i * 2)) + (Array.isArray(vm)
+ ? ((formatComponentName(vm[0])) + "... (" + (vm[1]) + " recursive calls)")
+ : formatComponentName(vm))); })
+ .join('\n')
+ } else {
+ return ("\n\n(found in " + (formatComponentName(vm)) + ")")
+ }
+ };
+}
+
+/* */
+
+
+var uid = 0;
+
+/**
+ * A dep is an observable that can have multiple
+ * directives subscribing to it.
+ */
+var Dep = function Dep () {
+ this.id = uid++;
+ this.subs = [];
+};
+
+Dep.prototype.addSub = function addSub (sub) {
+ this.subs.push(sub);
+};
+
+Dep.prototype.removeSub = function removeSub (sub) {
+ remove(this.subs, sub);
+};
+
+Dep.prototype.depend = function depend () {
+ if (Dep.target) {
+ Dep.target.addDep(this);
+ }
+};
+
+Dep.prototype.notify = function notify () {
+ // stabilize the subscriber list first
+ var subs = this.subs.slice();
+ for (var i = 0, l = subs.length; i < l; i++) {
+ subs[i].update();
+ }
+};
+
+// the current target watcher being evaluated.
+// this is globally unique because there could be only one
+// watcher being evaluated at any time.
+Dep.target = null;
+var targetStack = [];
+
+function pushTarget (_target) {
+ if (Dep.target) { targetStack.push(Dep.target); }
+ Dep.target = _target;
+}
+
+function popTarget () {
+ Dep.target = targetStack.pop();
+}
+
+/* */
+
+var VNode = function VNode (
+ tag,
+ data,
+ children,
+ text,
+ elm,
+ context,
+ componentOptions,
+ asyncFactory
+) {
+ this.tag = tag;
+ this.data = data;
+ this.children = children;
+ this.text = text;
+ this.elm = elm;
+ this.ns = undefined;
+ this.context = context;
+ this.fnContext = undefined;
+ this.fnOptions = undefined;
+ this.fnScopeId = undefined;
+ this.key = data && data.key;
+ this.componentOptions = componentOptions;
+ this.componentInstance = undefined;
+ this.parent = undefined;
+ this.raw = false;
+ this.isStatic = false;
+ this.isRootInsert = true;
+ this.isComment = false;
+ this.isCloned = false;
+ this.isOnce = false;
+ this.asyncFactory = asyncFactory;
+ this.asyncMeta = undefined;
+ this.isAsyncPlaceholder = false;
+};
+
+var prototypeAccessors = { child: { configurable: true } };
+
+// DEPRECATED: alias for componentInstance for backwards compat.
+/* istanbul ignore next */
+prototypeAccessors.child.get = function () {
+ return this.componentInstance
+};
+
+Object.defineProperties( VNode.prototype, prototypeAccessors );
+
+var createEmptyVNode = function (text) {
+ if ( text === void 0 ) text = '';
+
+ var node = new VNode();
+ node.text = text;
+ node.isComment = true;
+ return node
+};
+
+function createTextVNode (val) {
+ return new VNode(undefined, undefined, undefined, String(val))
+}
+
+// optimized shallow clone
+// used for static nodes and slot nodes because they may be reused across
+// multiple renders, cloning them avoids errors when DOM manipulations rely
+// on their elm reference.
+function cloneVNode (vnode) {
+ var cloned = new VNode(
+ vnode.tag,
+ vnode.data,
+ vnode.children,
+ vnode.text,
+ vnode.elm,
+ vnode.context,
+ vnode.componentOptions,
+ vnode.asyncFactory
+ );
+ cloned.ns = vnode.ns;
+ cloned.isStatic = vnode.isStatic;
+ cloned.key = vnode.key;
+ cloned.isComment = vnode.isComment;
+ cloned.fnContext = vnode.fnContext;
+ cloned.fnOptions = vnode.fnOptions;
+ cloned.fnScopeId = vnode.fnScopeId;
+ cloned.isCloned = true;
+ return cloned
+}
+
+/*
+ * not type checking this file because flow doesn't play well with
+ * dynamically accessing methods on Array prototype
+ */
+
+var arrayProto = Array.prototype;
+var arrayMethods = Object.create(arrayProto);
+
+var methodsToPatch = [
+ 'push',
+ 'pop',
+ 'shift',
+ 'unshift',
+ 'splice',
+ 'sort',
+ 'reverse'
+];
+
+/**
+ * Intercept mutating methods and emit events
+ */
+methodsToPatch.forEach(function (method) {
+ // cache original method
+ var original = arrayProto[method];
+ def(arrayMethods, method, function mutator () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ var result = original.apply(this, args);
+ var ob = this.__ob__;
+ var inserted;
+ switch (method) {
+ case 'push':
+ case 'unshift':
+ inserted = args;
+ break
+ case 'splice':
+ inserted = args.slice(2);
+ break
+ }
+ if (inserted) { ob.observeArray(inserted); }
+ // notify change
+ ob.dep.notify();
+ return result
+ });
+});
+
+/* */
+
+var arrayKeys = Object.getOwnPropertyNames(arrayMethods);
+
+/**
+ * In some cases we may want to disable observation inside a component's
+ * update computation.
+ */
+var shouldObserve = true;
+
+function toggleObserving (value) {
+ shouldObserve = value;
+}
+
+/**
+ * Observer class that is attached to each observed
+ * object. Once attached, the observer converts the target
+ * object's property keys into getter/setters that
+ * collect dependencies and dispatch updates.
+ */
+var Observer = function Observer (value) {
+ this.value = value;
+ this.dep = new Dep();
+ this.vmCount = 0;
+ def(value, '__ob__', this);
+ if (Array.isArray(value)) {
+ var augment = hasProto
+ ? protoAugment
+ : copyAugment;
+ augment(value, arrayMethods, arrayKeys);
+ this.observeArray(value);
+ } else {
+ this.walk(value);
+ }
+};
+
+/**
+ * Walk through each property and convert them into
+ * getter/setters. This method should only be called when
+ * value type is Object.
+ */
+Observer.prototype.walk = function walk (obj) {
+ var keys = Object.keys(obj);
+ for (var i = 0; i < keys.length; i++) {
+ defineReactive(obj, keys[i]);
+ }
+};
+
+/**
+ * Observe a list of Array items.
+ */
+Observer.prototype.observeArray = function observeArray (items) {
+ for (var i = 0, l = items.length; i < l; i++) {
+ observe(items[i]);
+ }
+};
+
+// helpers
+
+/**
+ * Augment an target Object or Array by intercepting
+ * the prototype chain using __proto__
+ */
+function protoAugment (target, src, keys) {
+ /* eslint-disable no-proto */
+ target.__proto__ = src;
+ /* eslint-enable no-proto */
+}
+
+/**
+ * Augment an target Object or Array by defining
+ * hidden properties.
+ */
+/* istanbul ignore next */
+function copyAugment (target, src, keys) {
+ for (var i = 0, l = keys.length; i < l; i++) {
+ var key = keys[i];
+ def(target, key, src[key]);
+ }
+}
+
+/**
+ * Attempt to create an observer instance for a value,
+ * returns the new observer if successfully observed,
+ * or the existing observer if the value already has one.
+ */
+function observe (value, asRootData) {
+ if (!isObject(value) || value instanceof VNode) {
+ return
+ }
+ var ob;
+ if (hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) {
+ ob = value.__ob__;
+ } else if (
+ shouldObserve &&
+ !isServerRendering() &&
+ (Array.isArray(value) || isPlainObject(value)) &&
+ Object.isExtensible(value) &&
+ !value._isVue
+ ) {
+ ob = new Observer(value);
+ }
+ if (asRootData && ob) {
+ ob.vmCount++;
+ }
+ return ob
+}
+
+/**
+ * Define a reactive property on an Object.
+ */
+function defineReactive (
+ obj,
+ key,
+ val,
+ customSetter,
+ shallow
+) {
+ var dep = new Dep();
+
+ var property = Object.getOwnPropertyDescriptor(obj, key);
+ if (property && property.configurable === false) {
+ return
+ }
+
+ // cater for pre-defined getter/setters
+ var getter = property && property.get;
+ if (!getter && arguments.length === 2) {
+ val = obj[key];
+ }
+ var setter = property && property.set;
+
+ var childOb = !shallow && observe(val);
+ Object.defineProperty(obj, key, {
+ enumerable: true,
+ configurable: true,
+ get: function reactiveGetter () {
+ var value = getter ? getter.call(obj) : val;
+ if (Dep.target) {
+ dep.depend();
+ if (childOb) {
+ childOb.dep.depend();
+ if (Array.isArray(value)) {
+ dependArray(value);
+ }
+ }
+ }
+ return value
+ },
+ set: function reactiveSetter (newVal) {
+ var value = getter ? getter.call(obj) : val;
+ /* eslint-disable no-self-compare */
+ if (newVal === value || (newVal !== newVal && value !== value)) {
+ return
+ }
+ /* eslint-enable no-self-compare */
+ if ("development" !== 'production' && customSetter) {
+ customSetter();
+ }
+ if (setter) {
+ setter.call(obj, newVal);
+ } else {
+ val = newVal;
+ }
+ childOb = !shallow && observe(newVal);
+ dep.notify();
+ }
+ });
+}
+
+/**
+ * Set a property on an object. Adds the new property and
+ * triggers change notification if the property doesn't
+ * already exist.
+ */
+function set (target, key, val) {
+ if ("development" !== 'production' &&
+ (isUndef(target) || isPrimitive(target))
+ ) {
+ warn(("Cannot set reactive property on undefined, null, or primitive value: " + ((target))));
+ }
+ if (Array.isArray(target) && isValidArrayIndex(key)) {
+ target.length = Math.max(target.length, key);
+ target.splice(key, 1, val);
+ return val
+ }
+ if (key in target && !(key in Object.prototype)) {
+ target[key] = val;
+ return val
+ }
+ var ob = (target).__ob__;
+ if (target._isVue || (ob && ob.vmCount)) {
+ "development" !== 'production' && warn(
+ 'Avoid adding reactive properties to a Vue instance or its root $data ' +
+ 'at runtime - declare it upfront in the data option.'
+ );
+ return val
+ }
+ if (!ob) {
+ target[key] = val;
+ return val
+ }
+ defineReactive(ob.value, key, val);
+ ob.dep.notify();
+ return val
+}
+
+/**
+ * Delete a property and trigger change if necessary.
+ */
+function del (target, key) {
+ if ("development" !== 'production' &&
+ (isUndef(target) || isPrimitive(target))
+ ) {
+ warn(("Cannot delete reactive property on undefined, null, or primitive value: " + ((target))));
+ }
+ if (Array.isArray(target) && isValidArrayIndex(key)) {
+ target.splice(key, 1);
+ return
+ }
+ var ob = (target).__ob__;
+ if (target._isVue || (ob && ob.vmCount)) {
+ "development" !== 'production' && warn(
+ 'Avoid deleting properties on a Vue instance or its root $data ' +
+ '- just set it to null.'
+ );
+ return
+ }
+ if (!hasOwn(target, key)) {
+ return
+ }
+ delete target[key];
+ if (!ob) {
+ return
+ }
+ ob.dep.notify();
+}
+
+/**
+ * Collect dependencies on array elements when the array is touched, since
+ * we cannot intercept array element access like property getters.
+ */
+function dependArray (value) {
+ for (var e = (void 0), i = 0, l = value.length; i < l; i++) {
+ e = value[i];
+ e && e.__ob__ && e.__ob__.dep.depend();
+ if (Array.isArray(e)) {
+ dependArray(e);
+ }
+ }
+}
+
+/* */
+
+/**
+ * Option overwriting strategies are functions that handle
+ * how to merge a parent option value and a child option
+ * value into the final value.
+ */
+var strats = config.optionMergeStrategies;
+
+/**
+ * Options with restrictions
+ */
+{
+ strats.el = strats.propsData = function (parent, child, vm, key) {
+ if (!vm) {
+ warn(
+ "option \"" + key + "\" can only be used during instance " +
+ 'creation with the `new` keyword.'
+ );
+ }
+ return defaultStrat(parent, child)
+ };
+}
+
+/**
+ * Helper that recursively merges two data objects together.
+ */
+function mergeData (to, from) {
+ if (!from) { return to }
+ var key, toVal, fromVal;
+ var keys = Object.keys(from);
+ for (var i = 0; i < keys.length; i++) {
+ key = keys[i];
+ toVal = to[key];
+ fromVal = from[key];
+ if (!hasOwn(to, key)) {
+ set(to, key, fromVal);
+ } else if (isPlainObject(toVal) && isPlainObject(fromVal)) {
+ mergeData(toVal, fromVal);
+ }
+ }
+ return to
+}
+
+/**
+ * Data
+ */
+function mergeDataOrFn (
+ parentVal,
+ childVal,
+ vm
+) {
+ if (!vm) {
+ // in a Vue.extend merge, both should be functions
+ if (!childVal) {
+ return parentVal
+ }
+ if (!parentVal) {
+ return childVal
+ }
+ // when parentVal & childVal are both present,
+ // we need to return a function that returns the
+ // merged result of both functions... no need to
+ // check if parentVal is a function here because
+ // it has to be a function to pass previous merges.
+ return function mergedDataFn () {
+ return mergeData(
+ typeof childVal === 'function' ? childVal.call(this, this) : childVal,
+ typeof parentVal === 'function' ? parentVal.call(this, this) : parentVal
+ )
+ }
+ } else {
+ return function mergedInstanceDataFn () {
+ // instance merge
+ var instanceData = typeof childVal === 'function'
+ ? childVal.call(vm, vm)
+ : childVal;
+ var defaultData = typeof parentVal === 'function'
+ ? parentVal.call(vm, vm)
+ : parentVal;
+ if (instanceData) {
+ return mergeData(instanceData, defaultData)
+ } else {
+ return defaultData
+ }
+ }
+ }
+}
+
+strats.data = function (
+ parentVal,
+ childVal,
+ vm
+) {
+ if (!vm) {
+ if (childVal && typeof childVal !== 'function') {
+ "development" !== 'production' && warn(
+ 'The "data" option should be a function ' +
+ 'that returns a per-instance value in component ' +
+ 'definitions.',
+ vm
+ );
+
+ return parentVal
+ }
+ return mergeDataOrFn(parentVal, childVal)
+ }
+
+ return mergeDataOrFn(parentVal, childVal, vm)
+};
+
+/**
+ * Hooks and props are merged as arrays.
+ */
+function mergeHook (
+ parentVal,
+ childVal
+) {
+ return childVal
+ ? parentVal
+ ? parentVal.concat(childVal)
+ : Array.isArray(childVal)
+ ? childVal
+ : [childVal]
+ : parentVal
+}
+
+LIFECYCLE_HOOKS.forEach(function (hook) {
+ strats[hook] = mergeHook;
+});
+
+/**
+ * Assets
+ *
+ * When a vm is present (instance creation), we need to do
+ * a three-way merge between constructor options, instance
+ * options and parent options.
+ */
+function mergeAssets (
+ parentVal,
+ childVal,
+ vm,
+ key
+) {
+ var res = Object.create(parentVal || null);
+ if (childVal) {
+ "development" !== 'production' && assertObjectType(key, childVal, vm);
+ return extend(res, childVal)
+ } else {
+ return res
+ }
+}
+
+ASSET_TYPES.forEach(function (type) {
+ strats[type + 's'] = mergeAssets;
+});
+
+/**
+ * Watchers.
+ *
+ * Watchers hashes should not overwrite one
+ * another, so we merge them as arrays.
+ */
+strats.watch = function (
+ parentVal,
+ childVal,
+ vm,
+ key
+) {
+ // work around Firefox's Object.prototype.watch...
+ if (parentVal === nativeWatch) { parentVal = undefined; }
+ if (childVal === nativeWatch) { childVal = undefined; }
+ /* istanbul ignore if */
+ if (!childVal) { return Object.create(parentVal || null) }
+ {
+ assertObjectType(key, childVal, vm);
+ }
+ if (!parentVal) { return childVal }
+ var ret = {};
+ extend(ret, parentVal);
+ for (var key$1 in childVal) {
+ var parent = ret[key$1];
+ var child = childVal[key$1];
+ if (parent && !Array.isArray(parent)) {
+ parent = [parent];
+ }
+ ret[key$1] = parent
+ ? parent.concat(child)
+ : Array.isArray(child) ? child : [child];
+ }
+ return ret
+};
+
+/**
+ * Other object hashes.
+ */
+strats.props =
+strats.methods =
+strats.inject =
+strats.computed = function (
+ parentVal,
+ childVal,
+ vm,
+ key
+) {
+ if (childVal && "development" !== 'production') {
+ assertObjectType(key, childVal, vm);
+ }
+ if (!parentVal) { return childVal }
+ var ret = Object.create(null);
+ extend(ret, parentVal);
+ if (childVal) { extend(ret, childVal); }
+ return ret
+};
+strats.provide = mergeDataOrFn;
+
+/**
+ * Default strategy.
+ */
+var defaultStrat = function (parentVal, childVal) {
+ return childVal === undefined
+ ? parentVal
+ : childVal
+};
+
+/**
+ * Validate component names
+ */
+function checkComponents (options) {
+ for (var key in options.components) {
+ validateComponentName(key);
+ }
+}
+
+function validateComponentName (name) {
+ if (!/^[a-zA-Z][\w-]*$/.test(name)) {
+ warn(
+ 'Invalid component name: "' + name + '". Component names ' +
+ 'can only contain alphanumeric characters and the hyphen, ' +
+ 'and must start with a letter.'
+ );
+ }
+ if (isBuiltInTag(name) || config.isReservedTag(name)) {
+ warn(
+ 'Do not use built-in or reserved HTML elements as component ' +
+ 'id: ' + name
+ );
+ }
+}
+
+/**
+ * Ensure all props option syntax are normalized into the
+ * Object-based format.
+ */
+function normalizeProps (options, vm) {
+ var props = options.props;
+ if (!props) { return }
+ var res = {};
+ var i, val, name;
+ if (Array.isArray(props)) {
+ i = props.length;
+ while (i--) {
+ val = props[i];
+ if (typeof val === 'string') {
+ name = camelize(val);
+ res[name] = { type: null };
+ } else {
+ warn('props must be strings when using array syntax.');
+ }
+ }
+ } else if (isPlainObject(props)) {
+ for (var key in props) {
+ val = props[key];
+ name = camelize(key);
+ res[name] = isPlainObject(val)
+ ? val
+ : { type: val };
+ }
+ } else {
+ warn(
+ "Invalid value for option \"props\": expected an Array or an Object, " +
+ "but got " + (toRawType(props)) + ".",
+ vm
+ );
+ }
+ options.props = res;
+}
+
+/**
+ * Normalize all injections into Object-based format
+ */
+function normalizeInject (options, vm) {
+ var inject = options.inject;
+ if (!inject) { return }
+ var normalized = options.inject = {};
+ if (Array.isArray(inject)) {
+ for (var i = 0; i < inject.length; i++) {
+ normalized[inject[i]] = { from: inject[i] };
+ }
+ } else if (isPlainObject(inject)) {
+ for (var key in inject) {
+ var val = inject[key];
+ normalized[key] = isPlainObject(val)
+ ? extend({ from: key }, val)
+ : { from: val };
+ }
+ } else {
+ warn(
+ "Invalid value for option \"inject\": expected an Array or an Object, " +
+ "but got " + (toRawType(inject)) + ".",
+ vm
+ );
+ }
+}
+
+/**
+ * Normalize raw function directives into object format.
+ */
+function normalizeDirectives (options) {
+ var dirs = options.directives;
+ if (dirs) {
+ for (var key in dirs) {
+ var def = dirs[key];
+ if (typeof def === 'function') {
+ dirs[key] = { bind: def, update: def };
+ }
+ }
+ }
+}
+
+function assertObjectType (name, value, vm) {
+ if (!isPlainObject(value)) {
+ warn(
+ "Invalid value for option \"" + name + "\": expected an Object, " +
+ "but got " + (toRawType(value)) + ".",
+ vm
+ );
+ }
+}
+
+/**
+ * Merge two option objects into a new one.
+ * Core utility used in both instantiation and inheritance.
+ */
+function mergeOptions (
+ parent,
+ child,
+ vm
+) {
+ {
+ checkComponents(child);
+ }
+
+ if (typeof child === 'function') {
+ child = child.options;
+ }
+
+ normalizeProps(child, vm);
+ normalizeInject(child, vm);
+ normalizeDirectives(child);
+ var extendsFrom = child.extends;
+ if (extendsFrom) {
+ parent = mergeOptions(parent, extendsFrom, vm);
+ }
+ if (child.mixins) {
+ for (var i = 0, l = child.mixins.length; i < l; i++) {
+ parent = mergeOptions(parent, child.mixins[i], vm);
+ }
+ }
+ var options = {};
+ var key;
+ for (key in parent) {
+ mergeField(key);
+ }
+ for (key in child) {
+ if (!hasOwn(parent, key)) {
+ mergeField(key);
+ }
+ }
+ function mergeField (key) {
+ var strat = strats[key] || defaultStrat;
+ options[key] = strat(parent[key], child[key], vm, key);
+ }
+ return options
+}
+
+/**
+ * Resolve an asset.
+ * This function is used because child instances need access
+ * to assets defined in its ancestor chain.
+ */
+function resolveAsset (
+ options,
+ type,
+ id,
+ warnMissing
+) {
+ /* istanbul ignore if */
+ if (typeof id !== 'string') {
+ return
+ }
+ var assets = options[type];
+ // check local registration variations first
+ if (hasOwn(assets, id)) { return assets[id] }
+ var camelizedId = camelize(id);
+ if (hasOwn(assets, camelizedId)) { return assets[camelizedId] }
+ var PascalCaseId = capitalize(camelizedId);
+ if (hasOwn(assets, PascalCaseId)) { return assets[PascalCaseId] }
+ // fallback to prototype chain
+ var res = assets[id] || assets[camelizedId] || assets[PascalCaseId];
+ if ("development" !== 'production' && warnMissing && !res) {
+ warn(
+ 'Failed to resolve ' + type.slice(0, -1) + ': ' + id,
+ options
+ );
+ }
+ return res
+}
+
+/* */
+
+function validateProp (
+ key,
+ propOptions,
+ propsData,
+ vm
+) {
+ var prop = propOptions[key];
+ var absent = !hasOwn(propsData, key);
+ var value = propsData[key];
+ // boolean casting
+ var booleanIndex = getTypeIndex(Boolean, prop.type);
+ if (booleanIndex > -1) {
+ if (absent && !hasOwn(prop, 'default')) {
+ value = false;
+ } else if (value === '' || value === hyphenate(key)) {
+ // only cast empty string / same name to boolean if
+ // boolean has higher priority
+ var stringIndex = getTypeIndex(String, prop.type);
+ if (stringIndex < 0 || booleanIndex < stringIndex) {
+ value = true;
+ }
+ }
+ }
+ // check default value
+ if (value === undefined) {
+ value = getPropDefaultValue(vm, prop, key);
+ // since the default value is a fresh copy,
+ // make sure to observe it.
+ var prevShouldObserve = shouldObserve;
+ toggleObserving(true);
+ observe(value);
+ toggleObserving(prevShouldObserve);
+ }
+ {
+ assertProp(prop, key, value, vm, absent);
+ }
+ return value
+}
+
+/**
+ * Get the default value of a prop.
+ */
+function getPropDefaultValue (vm, prop, key) {
+ // no default, return undefined
+ if (!hasOwn(prop, 'default')) {
+ return undefined
+ }
+ var def = prop.default;
+ // warn against non-factory defaults for Object & Array
+ if ("development" !== 'production' && isObject(def)) {
+ warn(
+ 'Invalid default value for prop "' + key + '": ' +
+ 'Props with type Object/Array must use a factory function ' +
+ 'to return the default value.',
+ vm
+ );
+ }
+ // the raw prop value was also undefined from previous render,
+ // return previous default value to avoid unnecessary watcher trigger
+ if (vm && vm.$options.propsData &&
+ vm.$options.propsData[key] === undefined &&
+ vm._props[key] !== undefined
+ ) {
+ return vm._props[key]
+ }
+ // call factory function for non-Function types
+ // a value is Function if its prototype is function even across different execution context
+ return typeof def === 'function' && getType(prop.type) !== 'Function'
+ ? def.call(vm)
+ : def
+}
+
+/**
+ * Assert whether a prop is valid.
+ */
+function assertProp (
+ prop,
+ name,
+ value,
+ vm,
+ absent
+) {
+ if (prop.required && absent) {
+ warn(
+ 'Missing required prop: "' + name + '"',
+ vm
+ );
+ return
+ }
+ if (value == null && !prop.required) {
+ return
+ }
+ var type = prop.type;
+ var valid = !type || type === true;
+ var expectedTypes = [];
+ if (type) {
+ if (!Array.isArray(type)) {
+ type = [type];
+ }
+ for (var i = 0; i < type.length && !valid; i++) {
+ var assertedType = assertType(value, type[i]);
+ expectedTypes.push(assertedType.expectedType || '');
+ valid = assertedType.valid;
+ }
+ }
+ if (!valid) {
+ warn(
+ "Invalid prop: type check failed for prop \"" + name + "\"." +
+ " Expected " + (expectedTypes.map(capitalize).join(', ')) +
+ ", got " + (toRawType(value)) + ".",
+ vm
+ );
+ return
+ }
+ var validator = prop.validator;
+ if (validator) {
+ if (!validator(value)) {
+ warn(
+ 'Invalid prop: custom validator check failed for prop "' + name + '".',
+ vm
+ );
+ }
+ }
+}
+
+var simpleCheckRE = /^(String|Number|Boolean|Function|Symbol)$/;
+
+function assertType (value, type) {
+ var valid;
+ var expectedType = getType(type);
+ if (simpleCheckRE.test(expectedType)) {
+ var t = typeof value;
+ valid = t === expectedType.toLowerCase();
+ // for primitive wrapper objects
+ if (!valid && t === 'object') {
+ valid = value instanceof type;
+ }
+ } else if (expectedType === 'Object') {
+ valid = isPlainObject(value);
+ } else if (expectedType === 'Array') {
+ valid = Array.isArray(value);
+ } else {
+ valid = value instanceof type;
+ }
+ return {
+ valid: valid,
+ expectedType: expectedType
+ }
+}
+
+/**
+ * Use function string name to check built-in types,
+ * because a simple equality check will fail when running
+ * across different vms / iframes.
+ */
+function getType (fn) {
+ var match = fn && fn.toString().match(/^\s*function (\w+)/);
+ return match ? match[1] : ''
+}
+
+function isSameType (a, b) {
+ return getType(a) === getType(b)
+}
+
+function getTypeIndex (type, expectedTypes) {
+ if (!Array.isArray(expectedTypes)) {
+ return isSameType(expectedTypes, type) ? 0 : -1
+ }
+ for (var i = 0, len = expectedTypes.length; i < len; i++) {
+ if (isSameType(expectedTypes[i], type)) {
+ return i
+ }
+ }
+ return -1
+}
+
+/* */
+
+function handleError (err, vm, info) {
+ if (vm) {
+ var cur = vm;
+ while ((cur = cur.$parent)) {
+ var hooks = cur.$options.errorCaptured;
+ if (hooks) {
+ for (var i = 0; i < hooks.length; i++) {
+ try {
+ var capture = hooks[i].call(cur, err, vm, info) === false;
+ if (capture) { return }
+ } catch (e) {
+ globalHandleError(e, cur, 'errorCaptured hook');
+ }
+ }
+ }
+ }
+ }
+ globalHandleError(err, vm, info);
+}
+
+function globalHandleError (err, vm, info) {
+ if (config.errorHandler) {
+ try {
+ return config.errorHandler.call(null, err, vm, info)
+ } catch (e) {
+ logError(e, null, 'config.errorHandler');
+ }
+ }
+ logError(err, vm, info);
+}
+
+function logError (err, vm, info) {
+ {
+ warn(("Error in " + info + ": \"" + (err.toString()) + "\""), vm);
+ }
+ /* istanbul ignore else */
+ if ((inBrowser || inWeex) && typeof console !== 'undefined') {
+ console.error(err);
+ } else {
+ throw err
+ }
+}
+
+/* */
+/* globals MessageChannel */
+
+var callbacks = [];
+var pending = false;
+
+function flushCallbacks () {
+ pending = false;
+ var copies = callbacks.slice(0);
+ callbacks.length = 0;
+ for (var i = 0; i < copies.length; i++) {
+ copies[i]();
+ }
+}
+
+// Here we have async deferring wrappers using both microtasks and (macro) tasks.
+// In < 2.4 we used microtasks everywhere, but there are some scenarios where
+// microtasks have too high a priority and fire in between supposedly
+// sequential events (e.g. #4521, #6690) or even between bubbling of the same
+// event (#6566). However, using (macro) tasks everywhere also has subtle problems
+// when state is changed right before repaint (e.g. #6813, out-in transitions).
+// Here we use microtask by default, but expose a way to force (macro) task when
+// needed (e.g. in event handlers attached by v-on).
+var microTimerFunc;
+var macroTimerFunc;
+var useMacroTask = false;
+
+// Determine (macro) task defer implementation.
+// Technically setImmediate should be the ideal choice, but it's only available
+// in IE. The only polyfill that consistently queues the callback after all DOM
+// events triggered in the same loop is by using MessageChannel.
+/* istanbul ignore if */
+if (typeof setImmediate !== 'undefined' && isNative(setImmediate)) {
+ macroTimerFunc = function () {
+ setImmediate(flushCallbacks);
+ };
+} else if (typeof MessageChannel !== 'undefined' && (
+ isNative(MessageChannel) ||
+ // PhantomJS
+ MessageChannel.toString() === '[object MessageChannelConstructor]'
+)) {
+ var channel = new MessageChannel();
+ var port = channel.port2;
+ channel.port1.onmessage = flushCallbacks;
+ macroTimerFunc = function () {
+ port.postMessage(1);
+ };
+} else {
+ /* istanbul ignore next */
+ macroTimerFunc = function () {
+ setTimeout(flushCallbacks, 0);
+ };
+}
+
+// Determine microtask defer implementation.
+/* istanbul ignore next, $flow-disable-line */
+if (typeof Promise !== 'undefined' && isNative(Promise)) {
+ var p = Promise.resolve();
+ microTimerFunc = function () {
+ p.then(flushCallbacks);
+ // in problematic UIWebViews, Promise.then doesn't completely break, but
+ // it can get stuck in a weird state where callbacks are pushed into the
+ // microtask queue but the queue isn't being flushed, until the browser
+ // needs to do some other work, e.g. handle a timer. Therefore we can
+ // "force" the microtask queue to be flushed by adding an empty timer.
+ if (isIOS) { setTimeout(noop); }
+ };
+} else {
+ // fallback to macro
+ microTimerFunc = macroTimerFunc;
+}
+
+/**
+ * Wrap a function so that if any code inside triggers state change,
+ * the changes are queued using a (macro) task instead of a microtask.
+ */
+function withMacroTask (fn) {
+ return fn._withTask || (fn._withTask = function () {
+ useMacroTask = true;
+ var res = fn.apply(null, arguments);
+ useMacroTask = false;
+ return res
+ })
+}
+
+function nextTick (cb, ctx) {
+ var _resolve;
+ callbacks.push(function () {
+ if (cb) {
+ try {
+ cb.call(ctx);
+ } catch (e) {
+ handleError(e, ctx, 'nextTick');
+ }
+ } else if (_resolve) {
+ _resolve(ctx);
+ }
+ });
+ if (!pending) {
+ pending = true;
+ if (useMacroTask) {
+ macroTimerFunc();
+ } else {
+ microTimerFunc();
+ }
+ }
+ // $flow-disable-line
+ if (!cb && typeof Promise !== 'undefined') {
+ return new Promise(function (resolve) {
+ _resolve = resolve;
+ })
+ }
+}
+
+/* */
+
+var mark;
+var measure;
+
+{
+ var perf = inBrowser && window.performance;
+ /* istanbul ignore if */
+ if (
+ perf &&
+ perf.mark &&
+ perf.measure &&
+ perf.clearMarks &&
+ perf.clearMeasures
+ ) {
+ mark = function (tag) { return perf.mark(tag); };
+ measure = function (name, startTag, endTag) {
+ perf.measure(name, startTag, endTag);
+ perf.clearMarks(startTag);
+ perf.clearMarks(endTag);
+ perf.clearMeasures(name);
+ };
+ }
+}
+
+/* not type checking this file because flow doesn't play well with Proxy */
+
+var initProxy;
+
+{
+ var allowedGlobals = makeMap(
+ 'Infinity,undefined,NaN,isFinite,isNaN,' +
+ 'parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,' +
+ 'Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,' +
+ 'require' // for Webpack/Browserify
+ );
+
+ var warnNonPresent = function (target, key) {
+ warn(
+ "Property or method \"" + key + "\" is not defined on the instance but " +
+ 'referenced during render. Make sure that this property is reactive, ' +
+ 'either in the data option, or for class-based components, by ' +
+ 'initializing the property. ' +
+ 'See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.',
+ target
+ );
+ };
+
+ var hasProxy =
+ typeof Proxy !== 'undefined' && isNative(Proxy);
+
+ if (hasProxy) {
+ var isBuiltInModifier = makeMap('stop,prevent,self,ctrl,shift,alt,meta,exact');
+ config.keyCodes = new Proxy(config.keyCodes, {
+ set: function set (target, key, value) {
+ if (isBuiltInModifier(key)) {
+ warn(("Avoid overwriting built-in modifier in config.keyCodes: ." + key));
+ return false
+ } else {
+ target[key] = value;
+ return true
+ }
+ }
+ });
+ }
+
+ var hasHandler = {
+ has: function has (target, key) {
+ var has = key in target;
+ var isAllowed = allowedGlobals(key) || key.charAt(0) === '_';
+ if (!has && !isAllowed) {
+ warnNonPresent(target, key);
+ }
+ return has || !isAllowed
+ }
+ };
+
+ var getHandler = {
+ get: function get (target, key) {
+ if (typeof key === 'string' && !(key in target)) {
+ warnNonPresent(target, key);
+ }
+ return target[key]
+ }
+ };
+
+ initProxy = function initProxy (vm) {
+ if (hasProxy) {
+ // determine which proxy handler to use
+ var options = vm.$options;
+ var handlers = options.render && options.render._withStripped
+ ? getHandler
+ : hasHandler;
+ vm._renderProxy = new Proxy(vm, handlers);
+ } else {
+ vm._renderProxy = vm;
+ }
+ };
+}
+
+/* */
+
+var seenObjects = new _Set();
+
+/**
+ * Recursively traverse an object to evoke all converted
+ * getters, so that every nested property inside the object
+ * is collected as a "deep" dependency.
+ */
+function traverse (val) {
+ _traverse(val, seenObjects);
+ seenObjects.clear();
+}
+
+function _traverse (val, seen) {
+ var i, keys;
+ var isA = Array.isArray(val);
+ if ((!isA && !isObject(val)) || Object.isFrozen(val) || val instanceof VNode) {
+ return
+ }
+ if (val.__ob__) {
+ var depId = val.__ob__.dep.id;
+ if (seen.has(depId)) {
+ return
+ }
+ seen.add(depId);
+ }
+ if (isA) {
+ i = val.length;
+ while (i--) { _traverse(val[i], seen); }
+ } else {
+ keys = Object.keys(val);
+ i = keys.length;
+ while (i--) { _traverse(val[keys[i]], seen); }
+ }
+}
+
+/* */
+
+var normalizeEvent = cached(function (name) {
+ var passive = name.charAt(0) === '&';
+ name = passive ? name.slice(1) : name;
+ var once$$1 = name.charAt(0) === '~'; // Prefixed last, checked first
+ name = once$$1 ? name.slice(1) : name;
+ var capture = name.charAt(0) === '!';
+ name = capture ? name.slice(1) : name;
+ return {
+ name: name,
+ once: once$$1,
+ capture: capture,
+ passive: passive
+ }
+});
+
+function createFnInvoker (fns) {
+ function invoker () {
+ var arguments$1 = arguments;
+
+ var fns = invoker.fns;
+ if (Array.isArray(fns)) {
+ var cloned = fns.slice();
+ for (var i = 0; i < cloned.length; i++) {
+ cloned[i].apply(null, arguments$1);
+ }
+ } else {
+ // return handler return value for single handlers
+ return fns.apply(null, arguments)
+ }
+ }
+ invoker.fns = fns;
+ return invoker
+}
+
+function updateListeners (
+ on,
+ oldOn,
+ add,
+ remove$$1,
+ vm
+) {
+ var name, def, cur, old, event;
+ for (name in on) {
+ def = cur = on[name];
+ old = oldOn[name];
+ event = normalizeEvent(name);
+ /* istanbul ignore if */
+ if (isUndef(cur)) {
+ "development" !== 'production' && warn(
+ "Invalid handler for event \"" + (event.name) + "\": got " + String(cur),
+ vm
+ );
+ } else if (isUndef(old)) {
+ if (isUndef(cur.fns)) {
+ cur = on[name] = createFnInvoker(cur);
+ }
+ add(event.name, cur, event.once, event.capture, event.passive, event.params);
+ } else if (cur !== old) {
+ old.fns = cur;
+ on[name] = old;
+ }
+ }
+ for (name in oldOn) {
+ if (isUndef(on[name])) {
+ event = normalizeEvent(name);
+ remove$$1(event.name, oldOn[name], event.capture);
+ }
+ }
+}
+
+/* */
+
+function mergeVNodeHook (def, hookKey, hook) {
+ if (def instanceof VNode) {
+ def = def.data.hook || (def.data.hook = {});
+ }
+ var invoker;
+ var oldHook = def[hookKey];
+
+ function wrappedHook () {
+ hook.apply(this, arguments);
+ // important: remove merged hook to ensure it's called only once
+ // and prevent memory leak
+ remove(invoker.fns, wrappedHook);
+ }
+
+ if (isUndef(oldHook)) {
+ // no existing hook
+ invoker = createFnInvoker([wrappedHook]);
+ } else {
+ /* istanbul ignore if */
+ if (isDef(oldHook.fns) && isTrue(oldHook.merged)) {
+ // already a merged invoker
+ invoker = oldHook;
+ invoker.fns.push(wrappedHook);
+ } else {
+ // existing plain hook
+ invoker = createFnInvoker([oldHook, wrappedHook]);
+ }
+ }
+
+ invoker.merged = true;
+ def[hookKey] = invoker;
+}
+
+/* */
+
+function extractPropsFromVNodeData (
+ data,
+ Ctor,
+ tag
+) {
+ // we are only extracting raw values here.
+ // validation and default values are handled in the child
+ // component itself.
+ var propOptions = Ctor.options.props;
+ if (isUndef(propOptions)) {
+ return
+ }
+ var res = {};
+ var attrs = data.attrs;
+ var props = data.props;
+ if (isDef(attrs) || isDef(props)) {
+ for (var key in propOptions) {
+ var altKey = hyphenate(key);
+ {
+ var keyInLowerCase = key.toLowerCase();
+ if (
+ key !== keyInLowerCase &&
+ attrs && hasOwn(attrs, keyInLowerCase)
+ ) {
+ tip(
+ "Prop \"" + keyInLowerCase + "\" is passed to component " +
+ (formatComponentName(tag || Ctor)) + ", but the declared prop name is" +
+ " \"" + key + "\". " +
+ "Note that HTML attributes are case-insensitive and camelCased " +
+ "props need to use their kebab-case equivalents when using in-DOM " +
+ "templates. You should probably use \"" + altKey + "\" instead of \"" + key + "\"."
+ );
+ }
+ }
+ checkProp(res, props, key, altKey, true) ||
+ checkProp(res, attrs, key, altKey, false);
+ }
+ }
+ return res
+}
+
+function checkProp (
+ res,
+ hash,
+ key,
+ altKey,
+ preserve
+) {
+ if (isDef(hash)) {
+ if (hasOwn(hash, key)) {
+ res[key] = hash[key];
+ if (!preserve) {
+ delete hash[key];
+ }
+ return true
+ } else if (hasOwn(hash, altKey)) {
+ res[key] = hash[altKey];
+ if (!preserve) {
+ delete hash[altKey];
+ }
+ return true
+ }
+ }
+ return false
+}
+
+/* */
+
+// The template compiler attempts to minimize the need for normalization by
+// statically analyzing the template at compile time.
+//
+// For plain HTML markup, normalization can be completely skipped because the
+// generated render function is guaranteed to return Array. There are
+// two cases where extra normalization is needed:
+
+// 1. When the children contains components - because a functional component
+// may return an Array instead of a single root. In this case, just a simple
+// normalization is needed - if any child is an Array, we flatten the whole
+// thing with Array.prototype.concat. It is guaranteed to be only 1-level deep
+// because functional components already normalize their own children.
+function simpleNormalizeChildren (children) {
+ for (var i = 0; i < children.length; i++) {
+ if (Array.isArray(children[i])) {
+ return Array.prototype.concat.apply([], children)
+ }
+ }
+ return children
+}
+
+// 2. When the children contains constructs that always generated nested Arrays,
+// e.g. , , v-for, or when the children is provided by user
+// with hand-written render functions / JSX. In such cases a full normalization
+// is needed to cater to all possible types of children values.
+function normalizeChildren (children) {
+ return isPrimitive(children)
+ ? [createTextVNode(children)]
+ : Array.isArray(children)
+ ? normalizeArrayChildren(children)
+ : undefined
+}
+
+function isTextNode (node) {
+ return isDef(node) && isDef(node.text) && isFalse(node.isComment)
+}
+
+function normalizeArrayChildren (children, nestedIndex) {
+ var res = [];
+ var i, c, lastIndex, last;
+ for (i = 0; i < children.length; i++) {
+ c = children[i];
+ if (isUndef(c) || typeof c === 'boolean') { continue }
+ lastIndex = res.length - 1;
+ last = res[lastIndex];
+ // nested
+ if (Array.isArray(c)) {
+ if (c.length > 0) {
+ c = normalizeArrayChildren(c, ((nestedIndex || '') + "_" + i));
+ // merge adjacent text nodes
+ if (isTextNode(c[0]) && isTextNode(last)) {
+ res[lastIndex] = createTextVNode(last.text + (c[0]).text);
+ c.shift();
+ }
+ res.push.apply(res, c);
+ }
+ } else if (isPrimitive(c)) {
+ if (isTextNode(last)) {
+ // merge adjacent text nodes
+ // this is necessary for SSR hydration because text nodes are
+ // essentially merged when rendered to HTML strings
+ res[lastIndex] = createTextVNode(last.text + c);
+ } else if (c !== '') {
+ // convert primitive to vnode
+ res.push(createTextVNode(c));
+ }
+ } else {
+ if (isTextNode(c) && isTextNode(last)) {
+ // merge adjacent text nodes
+ res[lastIndex] = createTextVNode(last.text + c.text);
+ } else {
+ // default key for nested array children (likely generated by v-for)
+ if (isTrue(children._isVList) &&
+ isDef(c.tag) &&
+ isUndef(c.key) &&
+ isDef(nestedIndex)) {
+ c.key = "__vlist" + nestedIndex + "_" + i + "__";
+ }
+ res.push(c);
+ }
+ }
+ }
+ return res
+}
+
+/* */
+
+function ensureCtor (comp, base) {
+ if (
+ comp.__esModule ||
+ (hasSymbol && comp[Symbol.toStringTag] === 'Module')
+ ) {
+ comp = comp.default;
+ }
+ return isObject(comp)
+ ? base.extend(comp)
+ : comp
+}
+
+function createAsyncPlaceholder (
+ factory,
+ data,
+ context,
+ children,
+ tag
+) {
+ var node = createEmptyVNode();
+ node.asyncFactory = factory;
+ node.asyncMeta = { data: data, context: context, children: children, tag: tag };
+ return node
+}
+
+function resolveAsyncComponent (
+ factory,
+ baseCtor,
+ context
+) {
+ if (isTrue(factory.error) && isDef(factory.errorComp)) {
+ return factory.errorComp
+ }
+
+ if (isDef(factory.resolved)) {
+ return factory.resolved
+ }
+
+ if (isTrue(factory.loading) && isDef(factory.loadingComp)) {
+ return factory.loadingComp
+ }
+
+ if (isDef(factory.contexts)) {
+ // already pending
+ factory.contexts.push(context);
+ } else {
+ var contexts = factory.contexts = [context];
+ var sync = true;
+
+ var forceRender = function () {
+ for (var i = 0, l = contexts.length; i < l; i++) {
+ contexts[i].$forceUpdate();
+ }
+ };
+
+ var resolve = once(function (res) {
+ // cache resolved
+ factory.resolved = ensureCtor(res, baseCtor);
+ // invoke callbacks only if this is not a synchronous resolve
+ // (async resolves are shimmed as synchronous during SSR)
+ if (!sync) {
+ forceRender();
+ }
+ });
+
+ var reject = once(function (reason) {
+ "development" !== 'production' && warn(
+ "Failed to resolve async component: " + (String(factory)) +
+ (reason ? ("\nReason: " + reason) : '')
+ );
+ if (isDef(factory.errorComp)) {
+ factory.error = true;
+ forceRender();
+ }
+ });
+
+ var res = factory(resolve, reject);
+
+ if (isObject(res)) {
+ if (typeof res.then === 'function') {
+ // () => Promise
+ if (isUndef(factory.resolved)) {
+ res.then(resolve, reject);
+ }
+ } else if (isDef(res.component) && typeof res.component.then === 'function') {
+ res.component.then(resolve, reject);
+
+ if (isDef(res.error)) {
+ factory.errorComp = ensureCtor(res.error, baseCtor);
+ }
+
+ if (isDef(res.loading)) {
+ factory.loadingComp = ensureCtor(res.loading, baseCtor);
+ if (res.delay === 0) {
+ factory.loading = true;
+ } else {
+ setTimeout(function () {
+ if (isUndef(factory.resolved) && isUndef(factory.error)) {
+ factory.loading = true;
+ forceRender();
+ }
+ }, res.delay || 200);
+ }
+ }
+
+ if (isDef(res.timeout)) {
+ setTimeout(function () {
+ if (isUndef(factory.resolved)) {
+ reject(
+ "timeout (" + (res.timeout) + "ms)"
+ );
+ }
+ }, res.timeout);
+ }
+ }
+ }
+
+ sync = false;
+ // return in case resolved synchronously
+ return factory.loading
+ ? factory.loadingComp
+ : factory.resolved
+ }
+}
+
+/* */
+
+function isAsyncPlaceholder (node) {
+ return node.isComment && node.asyncFactory
+}
+
+/* */
+
+function getFirstComponentChild (children) {
+ if (Array.isArray(children)) {
+ for (var i = 0; i < children.length; i++) {
+ var c = children[i];
+ if (isDef(c) && (isDef(c.componentOptions) || isAsyncPlaceholder(c))) {
+ return c
+ }
+ }
+ }
+}
+
+/* */
+
+/* */
+
+function initEvents (vm) {
+ vm._events = Object.create(null);
+ vm._hasHookEvent = false;
+ // init parent attached events
+ var listeners = vm.$options._parentListeners;
+ if (listeners) {
+ updateComponentListeners(vm, listeners);
+ }
+}
+
+var target;
+
+function add (event, fn, once) {
+ if (once) {
+ target.$once(event, fn);
+ } else {
+ target.$on(event, fn);
+ }
+}
+
+function remove$1 (event, fn) {
+ target.$off(event, fn);
+}
+
+function updateComponentListeners (
+ vm,
+ listeners,
+ oldListeners
+) {
+ target = vm;
+ updateListeners(listeners, oldListeners || {}, add, remove$1, vm);
+ target = undefined;
+}
+
+function eventsMixin (Vue) {
+ var hookRE = /^hook:/;
+ Vue.prototype.$on = function (event, fn) {
+ var this$1 = this;
+
+ var vm = this;
+ if (Array.isArray(event)) {
+ for (var i = 0, l = event.length; i < l; i++) {
+ this$1.$on(event[i], fn);
+ }
+ } else {
+ (vm._events[event] || (vm._events[event] = [])).push(fn);
+ // optimize hook:event cost by using a boolean flag marked at registration
+ // instead of a hash lookup
+ if (hookRE.test(event)) {
+ vm._hasHookEvent = true;
+ }
+ }
+ return vm
+ };
+
+ Vue.prototype.$once = function (event, fn) {
+ var vm = this;
+ function on () {
+ vm.$off(event, on);
+ fn.apply(vm, arguments);
+ }
+ on.fn = fn;
+ vm.$on(event, on);
+ return vm
+ };
+
+ Vue.prototype.$off = function (event, fn) {
+ var this$1 = this;
+
+ var vm = this;
+ // all
+ if (!arguments.length) {
+ vm._events = Object.create(null);
+ return vm
+ }
+ // array of events
+ if (Array.isArray(event)) {
+ for (var i = 0, l = event.length; i < l; i++) {
+ this$1.$off(event[i], fn);
+ }
+ return vm
+ }
+ // specific event
+ var cbs = vm._events[event];
+ if (!cbs) {
+ return vm
+ }
+ if (!fn) {
+ vm._events[event] = null;
+ return vm
+ }
+ if (fn) {
+ // specific handler
+ var cb;
+ var i$1 = cbs.length;
+ while (i$1--) {
+ cb = cbs[i$1];
+ if (cb === fn || cb.fn === fn) {
+ cbs.splice(i$1, 1);
+ break
+ }
+ }
+ }
+ return vm
+ };
+
+ Vue.prototype.$emit = function (event) {
+ var vm = this;
+ {
+ var lowerCaseEvent = event.toLowerCase();
+ if (lowerCaseEvent !== event && vm._events[lowerCaseEvent]) {
+ tip(
+ "Event \"" + lowerCaseEvent + "\" is emitted in component " +
+ (formatComponentName(vm)) + " but the handler is registered for \"" + event + "\". " +
+ "Note that HTML attributes are case-insensitive and you cannot use " +
+ "v-on to listen to camelCase events when using in-DOM templates. " +
+ "You should probably use \"" + (hyphenate(event)) + "\" instead of \"" + event + "\"."
+ );
+ }
+ }
+ var cbs = vm._events[event];
+ if (cbs) {
+ cbs = cbs.length > 1 ? toArray(cbs) : cbs;
+ var args = toArray(arguments, 1);
+ for (var i = 0, l = cbs.length; i < l; i++) {
+ try {
+ cbs[i].apply(vm, args);
+ } catch (e) {
+ handleError(e, vm, ("event handler for \"" + event + "\""));
+ }
+ }
+ }
+ return vm
+ };
+}
+
+/* */
+
+
+
+/**
+ * Runtime helper for resolving raw children VNodes into a slot object.
+ */
+function resolveSlots (
+ children,
+ context
+) {
+ var slots = {};
+ if (!children) {
+ return slots
+ }
+ for (var i = 0, l = children.length; i < l; i++) {
+ var child = children[i];
+ var data = child.data;
+ // remove slot attribute if the node is resolved as a Vue slot node
+ if (data && data.attrs && data.attrs.slot) {
+ delete data.attrs.slot;
+ }
+ // named slots should only be respected if the vnode was rendered in the
+ // same context.
+ if ((child.context === context || child.fnContext === context) &&
+ data && data.slot != null
+ ) {
+ var name = data.slot;
+ var slot = (slots[name] || (slots[name] = []));
+ if (child.tag === 'template') {
+ slot.push.apply(slot, child.children || []);
+ } else {
+ slot.push(child);
+ }
+ } else {
+ (slots.default || (slots.default = [])).push(child);
+ }
+ }
+ // ignore slots that contains only whitespace
+ for (var name$1 in slots) {
+ if (slots[name$1].every(isWhitespace)) {
+ delete slots[name$1];
+ }
+ }
+ return slots
+}
+
+function isWhitespace (node) {
+ return (node.isComment && !node.asyncFactory) || node.text === ' '
+}
+
+function resolveScopedSlots (
+ fns, // see flow/vnode
+ res
+) {
+ res = res || {};
+ for (var i = 0; i < fns.length; i++) {
+ if (Array.isArray(fns[i])) {
+ resolveScopedSlots(fns[i], res);
+ } else {
+ res[fns[i].key] = fns[i].fn;
+ }
+ }
+ return res
+}
+
+/* */
+
+var activeInstance = null;
+var isUpdatingChildComponent = false;
+
+function initLifecycle (vm) {
+ var options = vm.$options;
+
+ // locate first non-abstract parent
+ var parent = options.parent;
+ if (parent && !options.abstract) {
+ while (parent.$options.abstract && parent.$parent) {
+ parent = parent.$parent;
+ }
+ parent.$children.push(vm);
+ }
+
+ vm.$parent = parent;
+ vm.$root = parent ? parent.$root : vm;
+
+ vm.$children = [];
+ vm.$refs = {};
+
+ vm._watcher = null;
+ vm._inactive = null;
+ vm._directInactive = false;
+ vm._isMounted = false;
+ vm._isDestroyed = false;
+ vm._isBeingDestroyed = false;
+}
+
+function lifecycleMixin (Vue) {
+ Vue.prototype._update = function (vnode, hydrating) {
+ var vm = this;
+ if (vm._isMounted) {
+ callHook(vm, 'beforeUpdate');
+ }
+ var prevEl = vm.$el;
+ var prevVnode = vm._vnode;
+ var prevActiveInstance = activeInstance;
+ activeInstance = vm;
+ vm._vnode = vnode;
+ // Vue.prototype.__patch__ is injected in entry points
+ // based on the rendering backend used.
+ if (!prevVnode) {
+ // initial render
+ vm.$el = vm.__patch__(
+ vm.$el, vnode, hydrating, false /* removeOnly */,
+ vm.$options._parentElm,
+ vm.$options._refElm
+ );
+ // no need for the ref nodes after initial patch
+ // this prevents keeping a detached DOM tree in memory (#5851)
+ vm.$options._parentElm = vm.$options._refElm = null;
+ } else {
+ // updates
+ vm.$el = vm.__patch__(prevVnode, vnode);
+ }
+ activeInstance = prevActiveInstance;
+ // update __vue__ reference
+ if (prevEl) {
+ prevEl.__vue__ = null;
+ }
+ if (vm.$el) {
+ vm.$el.__vue__ = vm;
+ }
+ // if parent is an HOC, update its $el as well
+ if (vm.$vnode && vm.$parent && vm.$vnode === vm.$parent._vnode) {
+ vm.$parent.$el = vm.$el;
+ }
+ // updated hook is called by the scheduler to ensure that children are
+ // updated in a parent's updated hook.
+ };
+
+ Vue.prototype.$forceUpdate = function () {
+ var vm = this;
+ if (vm._watcher) {
+ vm._watcher.update();
+ }
+ };
+
+ Vue.prototype.$destroy = function () {
+ var vm = this;
+ if (vm._isBeingDestroyed) {
+ return
+ }
+ callHook(vm, 'beforeDestroy');
+ vm._isBeingDestroyed = true;
+ // remove self from parent
+ var parent = vm.$parent;
+ if (parent && !parent._isBeingDestroyed && !vm.$options.abstract) {
+ remove(parent.$children, vm);
+ }
+ // teardown watchers
+ if (vm._watcher) {
+ vm._watcher.teardown();
+ }
+ var i = vm._watchers.length;
+ while (i--) {
+ vm._watchers[i].teardown();
+ }
+ // remove reference from data ob
+ // frozen object may not have observer.
+ if (vm._data.__ob__) {
+ vm._data.__ob__.vmCount--;
+ }
+ // call the last hook...
+ vm._isDestroyed = true;
+ // invoke destroy hooks on current rendered tree
+ vm.__patch__(vm._vnode, null);
+ // fire destroyed hook
+ callHook(vm, 'destroyed');
+ // turn off all instance listeners.
+ vm.$off();
+ // remove __vue__ reference
+ if (vm.$el) {
+ vm.$el.__vue__ = null;
+ }
+ // release circular reference (#6759)
+ if (vm.$vnode) {
+ vm.$vnode.parent = null;
+ }
+ };
+}
+
+function mountComponent (
+ vm,
+ el,
+ hydrating
+) {
+ vm.$el = el;
+ if (!vm.$options.render) {
+ vm.$options.render = createEmptyVNode;
+ {
+ /* istanbul ignore if */
+ if ((vm.$options.template && vm.$options.template.charAt(0) !== '#') ||
+ vm.$options.el || el) {
+ warn(
+ 'You are using the runtime-only build of Vue where the template ' +
+ 'compiler is not available. Either pre-compile the templates into ' +
+ 'render functions, or use the compiler-included build.',
+ vm
+ );
+ } else {
+ warn(
+ 'Failed to mount component: template or render function not defined.',
+ vm
+ );
+ }
+ }
+ }
+ callHook(vm, 'beforeMount');
+
+ var updateComponent;
+ /* istanbul ignore if */
+ if ("development" !== 'production' && config.performance && mark) {
+ updateComponent = function () {
+ var name = vm._name;
+ var id = vm._uid;
+ var startTag = "vue-perf-start:" + id;
+ var endTag = "vue-perf-end:" + id;
+
+ mark(startTag);
+ var vnode = vm._render();
+ mark(endTag);
+ measure(("vue " + name + " render"), startTag, endTag);
+
+ mark(startTag);
+ vm._update(vnode, hydrating);
+ mark(endTag);
+ measure(("vue " + name + " patch"), startTag, endTag);
+ };
+ } else {
+ updateComponent = function () {
+ vm._update(vm._render(), hydrating);
+ };
+ }
+
+ // we set this to vm._watcher inside the watcher's constructor
+ // since the watcher's initial patch may call $forceUpdate (e.g. inside child
+ // component's mounted hook), which relies on vm._watcher being already defined
+ new Watcher(vm, updateComponent, noop, null, true /* isRenderWatcher */);
+ hydrating = false;
+
+ // manually mounted instance, call mounted on self
+ // mounted is called for render-created child components in its inserted hook
+ if (vm.$vnode == null) {
+ vm._isMounted = true;
+ callHook(vm, 'mounted');
+ }
+ return vm
+}
+
+function updateChildComponent (
+ vm,
+ propsData,
+ listeners,
+ parentVnode,
+ renderChildren
+) {
+ {
+ isUpdatingChildComponent = true;
+ }
+
+ // determine whether component has slot children
+ // we need to do this before overwriting $options._renderChildren
+ var hasChildren = !!(
+ renderChildren || // has new static slots
+ vm.$options._renderChildren || // has old static slots
+ parentVnode.data.scopedSlots || // has new scoped slots
+ vm.$scopedSlots !== emptyObject // has old scoped slots
+ );
+
+ vm.$options._parentVnode = parentVnode;
+ vm.$vnode = parentVnode; // update vm's placeholder node without re-render
+
+ if (vm._vnode) { // update child tree's parent
+ vm._vnode.parent = parentVnode;
+ }
+ vm.$options._renderChildren = renderChildren;
+
+ // update $attrs and $listeners hash
+ // these are also reactive so they may trigger child update if the child
+ // used them during render
+ vm.$attrs = parentVnode.data.attrs || emptyObject;
+ vm.$listeners = listeners || emptyObject;
+
+ // update props
+ if (propsData && vm.$options.props) {
+ toggleObserving(false);
+ var props = vm._props;
+ var propKeys = vm.$options._propKeys || [];
+ for (var i = 0; i < propKeys.length; i++) {
+ var key = propKeys[i];
+ var propOptions = vm.$options.props; // wtf flow?
+ props[key] = validateProp(key, propOptions, propsData, vm);
+ }
+ toggleObserving(true);
+ // keep a copy of raw propsData
+ vm.$options.propsData = propsData;
+ }
+
+ // update listeners
+ listeners = listeners || emptyObject;
+ var oldListeners = vm.$options._parentListeners;
+ vm.$options._parentListeners = listeners;
+ updateComponentListeners(vm, listeners, oldListeners);
+
+ // resolve slots + force update if has children
+ if (hasChildren) {
+ vm.$slots = resolveSlots(renderChildren, parentVnode.context);
+ vm.$forceUpdate();
+ }
+
+ {
+ isUpdatingChildComponent = false;
+ }
+}
+
+function isInInactiveTree (vm) {
+ while (vm && (vm = vm.$parent)) {
+ if (vm._inactive) { return true }
+ }
+ return false
+}
+
+function activateChildComponent (vm, direct) {
+ if (direct) {
+ vm._directInactive = false;
+ if (isInInactiveTree(vm)) {
+ return
+ }
+ } else if (vm._directInactive) {
+ return
+ }
+ if (vm._inactive || vm._inactive === null) {
+ vm._inactive = false;
+ for (var i = 0; i < vm.$children.length; i++) {
+ activateChildComponent(vm.$children[i]);
+ }
+ callHook(vm, 'activated');
+ }
+}
+
+function deactivateChildComponent (vm, direct) {
+ if (direct) {
+ vm._directInactive = true;
+ if (isInInactiveTree(vm)) {
+ return
+ }
+ }
+ if (!vm._inactive) {
+ vm._inactive = true;
+ for (var i = 0; i < vm.$children.length; i++) {
+ deactivateChildComponent(vm.$children[i]);
+ }
+ callHook(vm, 'deactivated');
+ }
+}
+
+function callHook (vm, hook) {
+ // #7573 disable dep collection when invoking lifecycle hooks
+ pushTarget();
+ var handlers = vm.$options[hook];
+ if (handlers) {
+ for (var i = 0, j = handlers.length; i < j; i++) {
+ try {
+ handlers[i].call(vm);
+ } catch (e) {
+ handleError(e, vm, (hook + " hook"));
+ }
+ }
+ }
+ if (vm._hasHookEvent) {
+ vm.$emit('hook:' + hook);
+ }
+ popTarget();
+}
+
+/* */
+
+
+var MAX_UPDATE_COUNT = 100;
+
+var queue = [];
+var activatedChildren = [];
+var has = {};
+var circular = {};
+var waiting = false;
+var flushing = false;
+var index = 0;
+
+/**
+ * Reset the scheduler's state.
+ */
+function resetSchedulerState () {
+ index = queue.length = activatedChildren.length = 0;
+ has = {};
+ {
+ circular = {};
+ }
+ waiting = flushing = false;
+}
+
+/**
+ * Flush both queues and run the watchers.
+ */
+function flushSchedulerQueue () {
+ flushing = true;
+ var watcher, id;
+
+ // Sort queue before flush.
+ // This ensures that:
+ // 1. Components are updated from parent to child. (because parent is always
+ // created before the child)
+ // 2. A component's user watchers are run before its render watcher (because
+ // user watchers are created before the render watcher)
+ // 3. If a component is destroyed during a parent component's watcher run,
+ // its watchers can be skipped.
+ queue.sort(function (a, b) { return a.id - b.id; });
+
+ // do not cache length because more watchers might be pushed
+ // as we run existing watchers
+ for (index = 0; index < queue.length; index++) {
+ watcher = queue[index];
+ id = watcher.id;
+ has[id] = null;
+ watcher.run();
+ // in dev build, check and stop circular updates.
+ if ("development" !== 'production' && has[id] != null) {
+ circular[id] = (circular[id] || 0) + 1;
+ if (circular[id] > MAX_UPDATE_COUNT) {
+ warn(
+ 'You may have an infinite update loop ' + (
+ watcher.user
+ ? ("in watcher with expression \"" + (watcher.expression) + "\"")
+ : "in a component render function."
+ ),
+ watcher.vm
+ );
+ break
+ }
+ }
+ }
+
+ // keep copies of post queues before resetting state
+ var activatedQueue = activatedChildren.slice();
+ var updatedQueue = queue.slice();
+
+ resetSchedulerState();
+
+ // call component updated and activated hooks
+ callActivatedHooks(activatedQueue);
+ callUpdatedHooks(updatedQueue);
+
+ // devtool hook
+ /* istanbul ignore if */
+ if (devtools && config.devtools) {
+ devtools.emit('flush');
+ }
+}
+
+function callUpdatedHooks (queue) {
+ var i = queue.length;
+ while (i--) {
+ var watcher = queue[i];
+ var vm = watcher.vm;
+ if (vm._watcher === watcher && vm._isMounted) {
+ callHook(vm, 'updated');
+ }
+ }
+}
+
+/**
+ * Queue a kept-alive component that was activated during patch.
+ * The queue will be processed after the entire tree has been patched.
+ */
+function queueActivatedComponent (vm) {
+ // setting _inactive to false here so that a render function can
+ // rely on checking whether it's in an inactive tree (e.g. router-view)
+ vm._inactive = false;
+ activatedChildren.push(vm);
+}
+
+function callActivatedHooks (queue) {
+ for (var i = 0; i < queue.length; i++) {
+ queue[i]._inactive = true;
+ activateChildComponent(queue[i], true /* true */);
+ }
+}
+
+/**
+ * Push a watcher into the watcher queue.
+ * Jobs with duplicate IDs will be skipped unless it's
+ * pushed when the queue is being flushed.
+ */
+function queueWatcher (watcher) {
+ var id = watcher.id;
+ if (has[id] == null) {
+ has[id] = true;
+ if (!flushing) {
+ queue.push(watcher);
+ } else {
+ // if already flushing, splice the watcher based on its id
+ // if already past its id, it will be run next immediately.
+ var i = queue.length - 1;
+ while (i > index && queue[i].id > watcher.id) {
+ i--;
+ }
+ queue.splice(i + 1, 0, watcher);
+ }
+ // queue the flush
+ if (!waiting) {
+ waiting = true;
+ nextTick(flushSchedulerQueue);
+ }
+ }
+}
+
+/* */
+
+var uid$1 = 0;
+
+/**
+ * A watcher parses an expression, collects dependencies,
+ * and fires callback when the expression value changes.
+ * This is used for both the $watch() api and directives.
+ */
+var Watcher = function Watcher (
+ vm,
+ expOrFn,
+ cb,
+ options,
+ isRenderWatcher
+) {
+ this.vm = vm;
+ if (isRenderWatcher) {
+ vm._watcher = this;
+ }
+ vm._watchers.push(this);
+ // options
+ if (options) {
+ this.deep = !!options.deep;
+ this.user = !!options.user;
+ this.lazy = !!options.lazy;
+ this.sync = !!options.sync;
+ } else {
+ this.deep = this.user = this.lazy = this.sync = false;
+ }
+ this.cb = cb;
+ this.id = ++uid$1; // uid for batching
+ this.active = true;
+ this.dirty = this.lazy; // for lazy watchers
+ this.deps = [];
+ this.newDeps = [];
+ this.depIds = new _Set();
+ this.newDepIds = new _Set();
+ this.expression = expOrFn.toString();
+ // parse expression for getter
+ if (typeof expOrFn === 'function') {
+ this.getter = expOrFn;
+ } else {
+ this.getter = parsePath(expOrFn);
+ if (!this.getter) {
+ this.getter = function () {};
+ "development" !== 'production' && warn(
+ "Failed watching path: \"" + expOrFn + "\" " +
+ 'Watcher only accepts simple dot-delimited paths. ' +
+ 'For full control, use a function instead.',
+ vm
+ );
+ }
+ }
+ this.value = this.lazy
+ ? undefined
+ : this.get();
+};
+
+/**
+ * Evaluate the getter, and re-collect dependencies.
+ */
+Watcher.prototype.get = function get () {
+ pushTarget(this);
+ var value;
+ var vm = this.vm;
+ try {
+ value = this.getter.call(vm, vm);
+ } catch (e) {
+ if (this.user) {
+ handleError(e, vm, ("getter for watcher \"" + (this.expression) + "\""));
+ } else {
+ throw e
+ }
+ } finally {
+ // "touch" every property so they are all tracked as
+ // dependencies for deep watching
+ if (this.deep) {
+ traverse(value);
+ }
+ popTarget();
+ this.cleanupDeps();
+ }
+ return value
+};
+
+/**
+ * Add a dependency to this directive.
+ */
+Watcher.prototype.addDep = function addDep (dep) {
+ var id = dep.id;
+ if (!this.newDepIds.has(id)) {
+ this.newDepIds.add(id);
+ this.newDeps.push(dep);
+ if (!this.depIds.has(id)) {
+ dep.addSub(this);
+ }
+ }
+};
+
+/**
+ * Clean up for dependency collection.
+ */
+Watcher.prototype.cleanupDeps = function cleanupDeps () {
+ var this$1 = this;
+
+ var i = this.deps.length;
+ while (i--) {
+ var dep = this$1.deps[i];
+ if (!this$1.newDepIds.has(dep.id)) {
+ dep.removeSub(this$1);
+ }
+ }
+ var tmp = this.depIds;
+ this.depIds = this.newDepIds;
+ this.newDepIds = tmp;
+ this.newDepIds.clear();
+ tmp = this.deps;
+ this.deps = this.newDeps;
+ this.newDeps = tmp;
+ this.newDeps.length = 0;
+};
+
+/**
+ * Subscriber interface.
+ * Will be called when a dependency changes.
+ */
+Watcher.prototype.update = function update () {
+ /* istanbul ignore else */
+ if (this.lazy) {
+ this.dirty = true;
+ } else if (this.sync) {
+ this.run();
+ } else {
+ queueWatcher(this);
+ }
+};
+
+/**
+ * Scheduler job interface.
+ * Will be called by the scheduler.
+ */
+Watcher.prototype.run = function run () {
+ if (this.active) {
+ var value = this.get();
+ if (
+ value !== this.value ||
+ // Deep watchers and watchers on Object/Arrays should fire even
+ // when the value is the same, because the value may
+ // have mutated.
+ isObject(value) ||
+ this.deep
+ ) {
+ // set new value
+ var oldValue = this.value;
+ this.value = value;
+ if (this.user) {
+ try {
+ this.cb.call(this.vm, value, oldValue);
+ } catch (e) {
+ handleError(e, this.vm, ("callback for watcher \"" + (this.expression) + "\""));
+ }
+ } else {
+ this.cb.call(this.vm, value, oldValue);
+ }
+ }
+ }
+};
+
+/**
+ * Evaluate the value of the watcher.
+ * This only gets called for lazy watchers.
+ */
+Watcher.prototype.evaluate = function evaluate () {
+ this.value = this.get();
+ this.dirty = false;
+};
+
+/**
+ * Depend on all deps collected by this watcher.
+ */
+Watcher.prototype.depend = function depend () {
+ var this$1 = this;
+
+ var i = this.deps.length;
+ while (i--) {
+ this$1.deps[i].depend();
+ }
+};
+
+/**
+ * Remove self from all dependencies' subscriber list.
+ */
+Watcher.prototype.teardown = function teardown () {
+ var this$1 = this;
+
+ if (this.active) {
+ // remove self from vm's watcher list
+ // this is a somewhat expensive operation so we skip it
+ // if the vm is being destroyed.
+ if (!this.vm._isBeingDestroyed) {
+ remove(this.vm._watchers, this);
+ }
+ var i = this.deps.length;
+ while (i--) {
+ this$1.deps[i].removeSub(this$1);
+ }
+ this.active = false;
+ }
+};
+
+/* */
+
+var sharedPropertyDefinition = {
+ enumerable: true,
+ configurable: true,
+ get: noop,
+ set: noop
+};
+
+function proxy (target, sourceKey, key) {
+ sharedPropertyDefinition.get = function proxyGetter () {
+ return this[sourceKey][key]
+ };
+ sharedPropertyDefinition.set = function proxySetter (val) {
+ this[sourceKey][key] = val;
+ };
+ Object.defineProperty(target, key, sharedPropertyDefinition);
+}
+
+function initState (vm) {
+ vm._watchers = [];
+ var opts = vm.$options;
+ if (opts.props) { initProps(vm, opts.props); }
+ if (opts.methods) { initMethods(vm, opts.methods); }
+ if (opts.data) {
+ initData(vm);
+ } else {
+ observe(vm._data = {}, true /* asRootData */);
+ }
+ if (opts.computed) { initComputed(vm, opts.computed); }
+ if (opts.watch && opts.watch !== nativeWatch) {
+ initWatch(vm, opts.watch);
+ }
+}
+
+function initProps (vm, propsOptions) {
+ var propsData = vm.$options.propsData || {};
+ var props = vm._props = {};
+ // cache prop keys so that future props updates can iterate using Array
+ // instead of dynamic object key enumeration.
+ var keys = vm.$options._propKeys = [];
+ var isRoot = !vm.$parent;
+ // root instance props should be converted
+ if (!isRoot) {
+ toggleObserving(false);
+ }
+ var loop = function ( key ) {
+ keys.push(key);
+ var value = validateProp(key, propsOptions, propsData, vm);
+ /* istanbul ignore else */
+ {
+ var hyphenatedKey = hyphenate(key);
+ if (isReservedAttribute(hyphenatedKey) ||
+ config.isReservedAttr(hyphenatedKey)) {
+ warn(
+ ("\"" + hyphenatedKey + "\" is a reserved attribute and cannot be used as component prop."),
+ vm
+ );
+ }
+ defineReactive(props, key, value, function () {
+ if (vm.$parent && !isUpdatingChildComponent) {
+ warn(
+ "Avoid mutating a prop directly since the value will be " +
+ "overwritten whenever the parent component re-renders. " +
+ "Instead, use a data or computed property based on the prop's " +
+ "value. Prop being mutated: \"" + key + "\"",
+ vm
+ );
+ }
+ });
+ }
+ // static props are already proxied on the component's prototype
+ // during Vue.extend(). We only need to proxy props defined at
+ // instantiation here.
+ if (!(key in vm)) {
+ proxy(vm, "_props", key);
+ }
+ };
+
+ for (var key in propsOptions) loop( key );
+ toggleObserving(true);
+}
+
+function initData (vm) {
+ var data = vm.$options.data;
+ data = vm._data = typeof data === 'function'
+ ? getData(data, vm)
+ : data || {};
+ if (!isPlainObject(data)) {
+ data = {};
+ "development" !== 'production' && warn(
+ 'data functions should return an object:\n' +
+ 'https://vuejs.org/v2/guide/components.html#data-Must-Be-a-Function',
+ vm
+ );
+ }
+ // proxy data on instance
+ var keys = Object.keys(data);
+ var props = vm.$options.props;
+ var methods = vm.$options.methods;
+ var i = keys.length;
+ while (i--) {
+ var key = keys[i];
+ {
+ if (methods && hasOwn(methods, key)) {
+ warn(
+ ("Method \"" + key + "\" has already been defined as a data property."),
+ vm
+ );
+ }
+ }
+ if (props && hasOwn(props, key)) {
+ "development" !== 'production' && warn(
+ "The data property \"" + key + "\" is already declared as a prop. " +
+ "Use prop default value instead.",
+ vm
+ );
+ } else if (!isReserved(key)) {
+ proxy(vm, "_data", key);
+ }
+ }
+ // observe data
+ observe(data, true /* asRootData */);
+}
+
+function getData (data, vm) {
+ // #7573 disable dep collection when invoking data getters
+ pushTarget();
+ try {
+ return data.call(vm, vm)
+ } catch (e) {
+ handleError(e, vm, "data()");
+ return {}
+ } finally {
+ popTarget();
+ }
+}
+
+var computedWatcherOptions = { lazy: true };
+
+function initComputed (vm, computed) {
+ // $flow-disable-line
+ var watchers = vm._computedWatchers = Object.create(null);
+ // computed properties are just getters during SSR
+ var isSSR = isServerRendering();
+
+ for (var key in computed) {
+ var userDef = computed[key];
+ var getter = typeof userDef === 'function' ? userDef : userDef.get;
+ if ("development" !== 'production' && getter == null) {
+ warn(
+ ("Getter is missing for computed property \"" + key + "\"."),
+ vm
+ );
+ }
+
+ if (!isSSR) {
+ // create internal watcher for the computed property.
+ watchers[key] = new Watcher(
+ vm,
+ getter || noop,
+ noop,
+ computedWatcherOptions
+ );
+ }
+
+ // component-defined computed properties are already defined on the
+ // component prototype. We only need to define computed properties defined
+ // at instantiation here.
+ if (!(key in vm)) {
+ defineComputed(vm, key, userDef);
+ } else {
+ if (key in vm.$data) {
+ warn(("The computed property \"" + key + "\" is already defined in data."), vm);
+ } else if (vm.$options.props && key in vm.$options.props) {
+ warn(("The computed property \"" + key + "\" is already defined as a prop."), vm);
+ }
+ }
+ }
+}
+
+function defineComputed (
+ target,
+ key,
+ userDef
+) {
+ var shouldCache = !isServerRendering();
+ if (typeof userDef === 'function') {
+ sharedPropertyDefinition.get = shouldCache
+ ? createComputedGetter(key)
+ : userDef;
+ sharedPropertyDefinition.set = noop;
+ } else {
+ sharedPropertyDefinition.get = userDef.get
+ ? shouldCache && userDef.cache !== false
+ ? createComputedGetter(key)
+ : userDef.get
+ : noop;
+ sharedPropertyDefinition.set = userDef.set
+ ? userDef.set
+ : noop;
+ }
+ if ("development" !== 'production' &&
+ sharedPropertyDefinition.set === noop) {
+ sharedPropertyDefinition.set = function () {
+ warn(
+ ("Computed property \"" + key + "\" was assigned to but it has no setter."),
+ this
+ );
+ };
+ }
+ Object.defineProperty(target, key, sharedPropertyDefinition);
+}
+
+function createComputedGetter (key) {
+ return function computedGetter () {
+ var watcher = this._computedWatchers && this._computedWatchers[key];
+ if (watcher) {
+ if (watcher.dirty) {
+ watcher.evaluate();
+ }
+ if (Dep.target) {
+ watcher.depend();
+ }
+ return watcher.value
+ }
+ }
+}
+
+function initMethods (vm, methods) {
+ var props = vm.$options.props;
+ for (var key in methods) {
+ {
+ if (methods[key] == null) {
+ warn(
+ "Method \"" + key + "\" has an undefined value in the component definition. " +
+ "Did you reference the function correctly?",
+ vm
+ );
+ }
+ if (props && hasOwn(props, key)) {
+ warn(
+ ("Method \"" + key + "\" has already been defined as a prop."),
+ vm
+ );
+ }
+ if ((key in vm) && isReserved(key)) {
+ warn(
+ "Method \"" + key + "\" conflicts with an existing Vue instance method. " +
+ "Avoid defining component methods that start with _ or $."
+ );
+ }
+ }
+ vm[key] = methods[key] == null ? noop : bind(methods[key], vm);
+ }
+}
+
+function initWatch (vm, watch) {
+ for (var key in watch) {
+ var handler = watch[key];
+ if (Array.isArray(handler)) {
+ for (var i = 0; i < handler.length; i++) {
+ createWatcher(vm, key, handler[i]);
+ }
+ } else {
+ createWatcher(vm, key, handler);
+ }
+ }
+}
+
+function createWatcher (
+ vm,
+ expOrFn,
+ handler,
+ options
+) {
+ if (isPlainObject(handler)) {
+ options = handler;
+ handler = handler.handler;
+ }
+ if (typeof handler === 'string') {
+ handler = vm[handler];
+ }
+ return vm.$watch(expOrFn, handler, options)
+}
+
+function stateMixin (Vue) {
+ // flow somehow has problems with directly declared definition object
+ // when using Object.defineProperty, so we have to procedurally build up
+ // the object here.
+ var dataDef = {};
+ dataDef.get = function () { return this._data };
+ var propsDef = {};
+ propsDef.get = function () { return this._props };
+ {
+ dataDef.set = function (newData) {
+ warn(
+ 'Avoid replacing instance root $data. ' +
+ 'Use nested data properties instead.',
+ this
+ );
+ };
+ propsDef.set = function () {
+ warn("$props is readonly.", this);
+ };
+ }
+ Object.defineProperty(Vue.prototype, '$data', dataDef);
+ Object.defineProperty(Vue.prototype, '$props', propsDef);
+
+ Vue.prototype.$set = set;
+ Vue.prototype.$delete = del;
+
+ Vue.prototype.$watch = function (
+ expOrFn,
+ cb,
+ options
+ ) {
+ var vm = this;
+ if (isPlainObject(cb)) {
+ return createWatcher(vm, expOrFn, cb, options)
+ }
+ options = options || {};
+ options.user = true;
+ var watcher = new Watcher(vm, expOrFn, cb, options);
+ if (options.immediate) {
+ cb.call(vm, watcher.value);
+ }
+ return function unwatchFn () {
+ watcher.teardown();
+ }
+ };
+}
+
+/* */
+
+function initProvide (vm) {
+ var provide = vm.$options.provide;
+ if (provide) {
+ vm._provided = typeof provide === 'function'
+ ? provide.call(vm)
+ : provide;
+ }
+}
+
+function initInjections (vm) {
+ var result = resolveInject(vm.$options.inject, vm);
+ if (result) {
+ toggleObserving(false);
+ Object.keys(result).forEach(function (key) {
+ /* istanbul ignore else */
+ {
+ defineReactive(vm, key, result[key], function () {
+ warn(
+ "Avoid mutating an injected value directly since the changes will be " +
+ "overwritten whenever the provided component re-renders. " +
+ "injection being mutated: \"" + key + "\"",
+ vm
+ );
+ });
+ }
+ });
+ toggleObserving(true);
+ }
+}
+
+function resolveInject (inject, vm) {
+ if (inject) {
+ // inject is :any because flow is not smart enough to figure out cached
+ var result = Object.create(null);
+ var keys = hasSymbol
+ ? Reflect.ownKeys(inject).filter(function (key) {
+ /* istanbul ignore next */
+ return Object.getOwnPropertyDescriptor(inject, key).enumerable
+ })
+ : Object.keys(inject);
+
+ for (var i = 0; i < keys.length; i++) {
+ var key = keys[i];
+ var provideKey = inject[key].from;
+ var source = vm;
+ while (source) {
+ if (source._provided && hasOwn(source._provided, provideKey)) {
+ result[key] = source._provided[provideKey];
+ break
+ }
+ source = source.$parent;
+ }
+ if (!source) {
+ if ('default' in inject[key]) {
+ var provideDefault = inject[key].default;
+ result[key] = typeof provideDefault === 'function'
+ ? provideDefault.call(vm)
+ : provideDefault;
+ } else {
+ warn(("Injection \"" + key + "\" not found"), vm);
+ }
+ }
+ }
+ return result
+ }
+}
+
+/* */
+
+/**
+ * Runtime helper for rendering v-for lists.
+ */
+function renderList (
+ val,
+ render
+) {
+ var ret, i, l, keys, key;
+ if (Array.isArray(val) || typeof val === 'string') {
+ ret = new Array(val.length);
+ for (i = 0, l = val.length; i < l; i++) {
+ ret[i] = render(val[i], i);
+ }
+ } else if (typeof val === 'number') {
+ ret = new Array(val);
+ for (i = 0; i < val; i++) {
+ ret[i] = render(i + 1, i);
+ }
+ } else if (isObject(val)) {
+ keys = Object.keys(val);
+ ret = new Array(keys.length);
+ for (i = 0, l = keys.length; i < l; i++) {
+ key = keys[i];
+ ret[i] = render(val[key], key, i);
+ }
+ }
+ if (isDef(ret)) {
+ (ret)._isVList = true;
+ }
+ return ret
+}
+
+/* */
+
+/**
+ * Runtime helper for rendering
+ */
+function renderSlot (
+ name,
+ fallback,
+ props,
+ bindObject
+) {
+ var scopedSlotFn = this.$scopedSlots[name];
+ var nodes;
+ if (scopedSlotFn) { // scoped slot
+ props = props || {};
+ if (bindObject) {
+ if ("development" !== 'production' && !isObject(bindObject)) {
+ warn(
+ 'slot v-bind without argument expects an Object',
+ this
+ );
+ }
+ props = extend(extend({}, bindObject), props);
+ }
+ nodes = scopedSlotFn(props) || fallback;
+ } else {
+ var slotNodes = this.$slots[name];
+ // warn duplicate slot usage
+ if (slotNodes) {
+ if ("development" !== 'production' && slotNodes._rendered) {
+ warn(
+ "Duplicate presence of slot \"" + name + "\" found in the same render tree " +
+ "- this will likely cause render errors.",
+ this
+ );
+ }
+ slotNodes._rendered = true;
+ }
+ nodes = slotNodes || fallback;
+ }
+
+ var target = props && props.slot;
+ if (target) {
+ return this.$createElement('template', { slot: target }, nodes)
+ } else {
+ return nodes
+ }
+}
+
+/* */
+
+/**
+ * Runtime helper for resolving filters
+ */
+function resolveFilter (id) {
+ return resolveAsset(this.$options, 'filters', id, true) || identity
+}
+
+/* */
+
+function isKeyNotMatch (expect, actual) {
+ if (Array.isArray(expect)) {
+ return expect.indexOf(actual) === -1
+ } else {
+ return expect !== actual
+ }
+}
+
+/**
+ * Runtime helper for checking keyCodes from config.
+ * exposed as Vue.prototype._k
+ * passing in eventKeyName as last argument separately for backwards compat
+ */
+function checkKeyCodes (
+ eventKeyCode,
+ key,
+ builtInKeyCode,
+ eventKeyName,
+ builtInKeyName
+) {
+ var mappedKeyCode = config.keyCodes[key] || builtInKeyCode;
+ if (builtInKeyName && eventKeyName && !config.keyCodes[key]) {
+ return isKeyNotMatch(builtInKeyName, eventKeyName)
+ } else if (mappedKeyCode) {
+ return isKeyNotMatch(mappedKeyCode, eventKeyCode)
+ } else if (eventKeyName) {
+ return hyphenate(eventKeyName) !== key
+ }
+}
+
+/* */
+
+/**
+ * Runtime helper for merging v-bind="object" into a VNode's data.
+ */
+function bindObjectProps (
+ data,
+ tag,
+ value,
+ asProp,
+ isSync
+) {
+ if (value) {
+ if (!isObject(value)) {
+ "development" !== 'production' && warn(
+ 'v-bind without argument expects an Object or Array value',
+ this
+ );
+ } else {
+ if (Array.isArray(value)) {
+ value = toObject(value);
+ }
+ var hash;
+ var loop = function ( key ) {
+ if (
+ key === 'class' ||
+ key === 'style' ||
+ isReservedAttribute(key)
+ ) {
+ hash = data;
+ } else {
+ var type = data.attrs && data.attrs.type;
+ hash = asProp || config.mustUseProp(tag, type, key)
+ ? data.domProps || (data.domProps = {})
+ : data.attrs || (data.attrs = {});
+ }
+ if (!(key in hash)) {
+ hash[key] = value[key];
+
+ if (isSync) {
+ var on = data.on || (data.on = {});
+ on[("update:" + key)] = function ($event) {
+ value[key] = $event;
+ };
+ }
+ }
+ };
+
+ for (var key in value) loop( key );
+ }
+ }
+ return data
+}
+
+/* */
+
+/**
+ * Runtime helper for rendering static trees.
+ */
+function renderStatic (
+ index,
+ isInFor
+) {
+ var cached = this._staticTrees || (this._staticTrees = []);
+ var tree = cached[index];
+ // if has already-rendered static tree and not inside v-for,
+ // we can reuse the same tree.
+ if (tree && !isInFor) {
+ return tree
+ }
+ // otherwise, render a fresh tree.
+ tree = cached[index] = this.$options.staticRenderFns[index].call(
+ this._renderProxy,
+ null,
+ this // for render fns generated for functional component templates
+ );
+ markStatic(tree, ("__static__" + index), false);
+ return tree
+}
+
+/**
+ * Runtime helper for v-once.
+ * Effectively it means marking the node as static with a unique key.
+ */
+function markOnce (
+ tree,
+ index,
+ key
+) {
+ markStatic(tree, ("__once__" + index + (key ? ("_" + key) : "")), true);
+ return tree
+}
+
+function markStatic (
+ tree,
+ key,
+ isOnce
+) {
+ if (Array.isArray(tree)) {
+ for (var i = 0; i < tree.length; i++) {
+ if (tree[i] && typeof tree[i] !== 'string') {
+ markStaticNode(tree[i], (key + "_" + i), isOnce);
+ }
+ }
+ } else {
+ markStaticNode(tree, key, isOnce);
+ }
+}
+
+function markStaticNode (node, key, isOnce) {
+ node.isStatic = true;
+ node.key = key;
+ node.isOnce = isOnce;
+}
+
+/* */
+
+function bindObjectListeners (data, value) {
+ if (value) {
+ if (!isPlainObject(value)) {
+ "development" !== 'production' && warn(
+ 'v-on without argument expects an Object value',
+ this
+ );
+ } else {
+ var on = data.on = data.on ? extend({}, data.on) : {};
+ for (var key in value) {
+ var existing = on[key];
+ var ours = value[key];
+ on[key] = existing ? [].concat(existing, ours) : ours;
+ }
+ }
+ }
+ return data
+}
+
+/* */
+
+function installRenderHelpers (target) {
+ target._o = markOnce;
+ target._n = toNumber;
+ target._s = toString;
+ target._l = renderList;
+ target._t = renderSlot;
+ target._q = looseEqual;
+ target._i = looseIndexOf;
+ target._m = renderStatic;
+ target._f = resolveFilter;
+ target._k = checkKeyCodes;
+ target._b = bindObjectProps;
+ target._v = createTextVNode;
+ target._e = createEmptyVNode;
+ target._u = resolveScopedSlots;
+ target._g = bindObjectListeners;
+}
+
+/* */
+
+function FunctionalRenderContext (
+ data,
+ props,
+ children,
+ parent,
+ Ctor
+) {
+ var options = Ctor.options;
+ // ensure the createElement function in functional components
+ // gets a unique context - this is necessary for correct named slot check
+ var contextVm;
+ if (hasOwn(parent, '_uid')) {
+ contextVm = Object.create(parent);
+ // $flow-disable-line
+ contextVm._original = parent;
+ } else {
+ // the context vm passed in is a functional context as well.
+ // in this case we want to make sure we are able to get a hold to the
+ // real context instance.
+ contextVm = parent;
+ // $flow-disable-line
+ parent = parent._original;
+ }
+ var isCompiled = isTrue(options._compiled);
+ var needNormalization = !isCompiled;
+
+ this.data = data;
+ this.props = props;
+ this.children = children;
+ this.parent = parent;
+ this.listeners = data.on || emptyObject;
+ this.injections = resolveInject(options.inject, parent);
+ this.slots = function () { return resolveSlots(children, parent); };
+
+ // support for compiled functional template
+ if (isCompiled) {
+ // exposing $options for renderStatic()
+ this.$options = options;
+ // pre-resolve slots for renderSlot()
+ this.$slots = this.slots();
+ this.$scopedSlots = data.scopedSlots || emptyObject;
+ }
+
+ if (options._scopeId) {
+ this._c = function (a, b, c, d) {
+ var vnode = createElement(contextVm, a, b, c, d, needNormalization);
+ if (vnode && !Array.isArray(vnode)) {
+ vnode.fnScopeId = options._scopeId;
+ vnode.fnContext = parent;
+ }
+ return vnode
+ };
+ } else {
+ this._c = function (a, b, c, d) { return createElement(contextVm, a, b, c, d, needNormalization); };
+ }
+}
+
+installRenderHelpers(FunctionalRenderContext.prototype);
+
+function createFunctionalComponent (
+ Ctor,
+ propsData,
+ data,
+ contextVm,
+ children
+) {
+ var options = Ctor.options;
+ var props = {};
+ var propOptions = options.props;
+ if (isDef(propOptions)) {
+ for (var key in propOptions) {
+ props[key] = validateProp(key, propOptions, propsData || emptyObject);
+ }
+ } else {
+ if (isDef(data.attrs)) { mergeProps(props, data.attrs); }
+ if (isDef(data.props)) { mergeProps(props, data.props); }
+ }
+
+ var renderContext = new FunctionalRenderContext(
+ data,
+ props,
+ children,
+ contextVm,
+ Ctor
+ );
+
+ var vnode = options.render.call(null, renderContext._c, renderContext);
+
+ if (vnode instanceof VNode) {
+ return cloneAndMarkFunctionalResult(vnode, data, renderContext.parent, options)
+ } else if (Array.isArray(vnode)) {
+ var vnodes = normalizeChildren(vnode) || [];
+ var res = new Array(vnodes.length);
+ for (var i = 0; i < vnodes.length; i++) {
+ res[i] = cloneAndMarkFunctionalResult(vnodes[i], data, renderContext.parent, options);
+ }
+ return res
+ }
+}
+
+function cloneAndMarkFunctionalResult (vnode, data, contextVm, options) {
+ // #7817 clone node before setting fnContext, otherwise if the node is reused
+ // (e.g. it was from a cached normal slot) the fnContext causes named slots
+ // that should not be matched to match.
+ var clone = cloneVNode(vnode);
+ clone.fnContext = contextVm;
+ clone.fnOptions = options;
+ if (data.slot) {
+ (clone.data || (clone.data = {})).slot = data.slot;
+ }
+ return clone
+}
+
+function mergeProps (to, from) {
+ for (var key in from) {
+ to[camelize(key)] = from[key];
+ }
+}
+
+/* */
+
+
+
+
+// Register the component hook to weex native render engine.
+// The hook will be triggered by native, not javascript.
+
+
+// Updates the state of the component to weex native render engine.
+
+/* */
+
+// https://github.com/Hanks10100/weex-native-directive/tree/master/component
+
+// listening on native callback
+
+/* */
+
+/* */
+
+// inline hooks to be invoked on component VNodes during patch
+var componentVNodeHooks = {
+ init: function init (
+ vnode,
+ hydrating,
+ parentElm,
+ refElm
+ ) {
+ if (
+ vnode.componentInstance &&
+ !vnode.componentInstance._isDestroyed &&
+ vnode.data.keepAlive
+ ) {
+ // kept-alive components, treat as a patch
+ var mountedNode = vnode; // work around flow
+ componentVNodeHooks.prepatch(mountedNode, mountedNode);
+ } else {
+ var child = vnode.componentInstance = createComponentInstanceForVnode(
+ vnode,
+ activeInstance,
+ parentElm,
+ refElm
+ );
+ child.$mount(hydrating ? vnode.elm : undefined, hydrating);
+ }
+ },
+
+ prepatch: function prepatch (oldVnode, vnode) {
+ var options = vnode.componentOptions;
+ var child = vnode.componentInstance = oldVnode.componentInstance;
+ updateChildComponent(
+ child,
+ options.propsData, // updated props
+ options.listeners, // updated listeners
+ vnode, // new parent vnode
+ options.children // new children
+ );
+ },
+
+ insert: function insert (vnode) {
+ var context = vnode.context;
+ var componentInstance = vnode.componentInstance;
+ if (!componentInstance._isMounted) {
+ componentInstance._isMounted = true;
+ callHook(componentInstance, 'mounted');
+ }
+ if (vnode.data.keepAlive) {
+ if (context._isMounted) {
+ // vue-router#1212
+ // During updates, a kept-alive component's child components may
+ // change, so directly walking the tree here may call activated hooks
+ // on incorrect children. Instead we push them into a queue which will
+ // be processed after the whole patch process ended.
+ queueActivatedComponent(componentInstance);
+ } else {
+ activateChildComponent(componentInstance, true /* direct */);
+ }
+ }
+ },
+
+ destroy: function destroy (vnode) {
+ var componentInstance = vnode.componentInstance;
+ if (!componentInstance._isDestroyed) {
+ if (!vnode.data.keepAlive) {
+ componentInstance.$destroy();
+ } else {
+ deactivateChildComponent(componentInstance, true /* direct */);
+ }
+ }
+ }
+};
+
+var hooksToMerge = Object.keys(componentVNodeHooks);
+
+function createComponent (
+ Ctor,
+ data,
+ context,
+ children,
+ tag
+) {
+ if (isUndef(Ctor)) {
+ return
+ }
+
+ var baseCtor = context.$options._base;
+
+ // plain options object: turn it into a constructor
+ if (isObject(Ctor)) {
+ Ctor = baseCtor.extend(Ctor);
+ }
+
+ // if at this stage it's not a constructor or an async component factory,
+ // reject.
+ if (typeof Ctor !== 'function') {
+ {
+ warn(("Invalid Component definition: " + (String(Ctor))), context);
+ }
+ return
+ }
+
+ // async component
+ var asyncFactory;
+ if (isUndef(Ctor.cid)) {
+ asyncFactory = Ctor;
+ Ctor = resolveAsyncComponent(asyncFactory, baseCtor, context);
+ if (Ctor === undefined) {
+ // return a placeholder node for async component, which is rendered
+ // as a comment node but preserves all the raw information for the node.
+ // the information will be used for async server-rendering and hydration.
+ return createAsyncPlaceholder(
+ asyncFactory,
+ data,
+ context,
+ children,
+ tag
+ )
+ }
+ }
+
+ data = data || {};
+
+ // resolve constructor options in case global mixins are applied after
+ // component constructor creation
+ resolveConstructorOptions(Ctor);
+
+ // transform component v-model data into props & events
+ if (isDef(data.model)) {
+ transformModel(Ctor.options, data);
+ }
+
+ // extract props
+ var propsData = extractPropsFromVNodeData(data, Ctor, tag);
+
+ // functional component
+ if (isTrue(Ctor.options.functional)) {
+ return createFunctionalComponent(Ctor, propsData, data, context, children)
+ }
+
+ // extract listeners, since these needs to be treated as
+ // child component listeners instead of DOM listeners
+ var listeners = data.on;
+ // replace with listeners with .native modifier
+ // so it gets processed during parent component patch.
+ data.on = data.nativeOn;
+
+ if (isTrue(Ctor.options.abstract)) {
+ // abstract components do not keep anything
+ // other than props & listeners & slot
+
+ // work around flow
+ var slot = data.slot;
+ data = {};
+ if (slot) {
+ data.slot = slot;
+ }
+ }
+
+ // install component management hooks onto the placeholder node
+ installComponentHooks(data);
+
+ // return a placeholder vnode
+ var name = Ctor.options.name || tag;
+ var vnode = new VNode(
+ ("vue-component-" + (Ctor.cid) + (name ? ("-" + name) : '')),
+ data, undefined, undefined, undefined, context,
+ { Ctor: Ctor, propsData: propsData, listeners: listeners, tag: tag, children: children },
+ asyncFactory
+ );
+
+ // Weex specific: invoke recycle-list optimized @render function for
+ // extracting cell-slot template.
+ // https://github.com/Hanks10100/weex-native-directive/tree/master/component
+ /* istanbul ignore if */
+ return vnode
+}
+
+function createComponentInstanceForVnode (
+ vnode, // we know it's MountedComponentVNode but flow doesn't
+ parent, // activeInstance in lifecycle state
+ parentElm,
+ refElm
+) {
+ var options = {
+ _isComponent: true,
+ parent: parent,
+ _parentVnode: vnode,
+ _parentElm: parentElm || null,
+ _refElm: refElm || null
+ };
+ // check inline-template render functions
+ var inlineTemplate = vnode.data.inlineTemplate;
+ if (isDef(inlineTemplate)) {
+ options.render = inlineTemplate.render;
+ options.staticRenderFns = inlineTemplate.staticRenderFns;
+ }
+ return new vnode.componentOptions.Ctor(options)
+}
+
+function installComponentHooks (data) {
+ var hooks = data.hook || (data.hook = {});
+ for (var i = 0; i < hooksToMerge.length; i++) {
+ var key = hooksToMerge[i];
+ hooks[key] = componentVNodeHooks[key];
+ }
+}
+
+// transform component v-model info (value and callback) into
+// prop and event handler respectively.
+function transformModel (options, data) {
+ var prop = (options.model && options.model.prop) || 'value';
+ var event = (options.model && options.model.event) || 'input';(data.props || (data.props = {}))[prop] = data.model.value;
+ var on = data.on || (data.on = {});
+ if (isDef(on[event])) {
+ on[event] = [data.model.callback].concat(on[event]);
+ } else {
+ on[event] = data.model.callback;
+ }
+}
+
+/* */
+
+var SIMPLE_NORMALIZE = 1;
+var ALWAYS_NORMALIZE = 2;
+
+// wrapper function for providing a more flexible interface
+// without getting yelled at by flow
+function createElement (
+ context,
+ tag,
+ data,
+ children,
+ normalizationType,
+ alwaysNormalize
+) {
+ if (Array.isArray(data) || isPrimitive(data)) {
+ normalizationType = children;
+ children = data;
+ data = undefined;
+ }
+ if (isTrue(alwaysNormalize)) {
+ normalizationType = ALWAYS_NORMALIZE;
+ }
+ return _createElement(context, tag, data, children, normalizationType)
+}
+
+function _createElement (
+ context,
+ tag,
+ data,
+ children,
+ normalizationType
+) {
+ if (isDef(data) && isDef((data).__ob__)) {
+ "development" !== 'production' && warn(
+ "Avoid using observed data object as vnode data: " + (JSON.stringify(data)) + "\n" +
+ 'Always create fresh vnode data objects in each render!',
+ context
+ );
+ return createEmptyVNode()
+ }
+ // object syntax in v-bind
+ if (isDef(data) && isDef(data.is)) {
+ tag = data.is;
+ }
+ if (!tag) {
+ // in case of component :is set to falsy value
+ return createEmptyVNode()
+ }
+ // warn against non-primitive key
+ if ("development" !== 'production' &&
+ isDef(data) && isDef(data.key) && !isPrimitive(data.key)
+ ) {
+ {
+ warn(
+ 'Avoid using non-primitive value as key, ' +
+ 'use string/number value instead.',
+ context
+ );
+ }
+ }
+ // support single function children as default scoped slot
+ if (Array.isArray(children) &&
+ typeof children[0] === 'function'
+ ) {
+ data = data || {};
+ data.scopedSlots = { default: children[0] };
+ children.length = 0;
+ }
+ if (normalizationType === ALWAYS_NORMALIZE) {
+ children = normalizeChildren(children);
+ } else if (normalizationType === SIMPLE_NORMALIZE) {
+ children = simpleNormalizeChildren(children);
+ }
+ var vnode, ns;
+ if (typeof tag === 'string') {
+ var Ctor;
+ ns = (context.$vnode && context.$vnode.ns) || config.getTagNamespace(tag);
+ if (config.isReservedTag(tag)) {
+ // platform built-in elements
+ vnode = new VNode(
+ config.parsePlatformTagName(tag), data, children,
+ undefined, undefined, context
+ );
+ } else if (isDef(Ctor = resolveAsset(context.$options, 'components', tag))) {
+ // component
+ vnode = createComponent(Ctor, data, context, children, tag);
+ } else {
+ // unknown or unlisted namespaced elements
+ // check at runtime because it may get assigned a namespace when its
+ // parent normalizes children
+ vnode = new VNode(
+ tag, data, children,
+ undefined, undefined, context
+ );
+ }
+ } else {
+ // direct component options / constructor
+ vnode = createComponent(tag, data, context, children);
+ }
+ if (Array.isArray(vnode)) {
+ return vnode
+ } else if (isDef(vnode)) {
+ if (isDef(ns)) { applyNS(vnode, ns); }
+ if (isDef(data)) { registerDeepBindings(data); }
+ return vnode
+ } else {
+ return createEmptyVNode()
+ }
+}
+
+function applyNS (vnode, ns, force) {
+ vnode.ns = ns;
+ if (vnode.tag === 'foreignObject') {
+ // use default namespace inside foreignObject
+ ns = undefined;
+ force = true;
+ }
+ if (isDef(vnode.children)) {
+ for (var i = 0, l = vnode.children.length; i < l; i++) {
+ var child = vnode.children[i];
+ if (isDef(child.tag) && (
+ isUndef(child.ns) || (isTrue(force) && child.tag !== 'svg'))) {
+ applyNS(child, ns, force);
+ }
+ }
+ }
+}
+
+// ref #5318
+// necessary to ensure parent re-render when deep bindings like :style and
+// :class are used on slot nodes
+function registerDeepBindings (data) {
+ if (isObject(data.style)) {
+ traverse(data.style);
+ }
+ if (isObject(data.class)) {
+ traverse(data.class);
+ }
+}
+
+/* */
+
+function initRender (vm) {
+ vm._vnode = null; // the root of the child tree
+ vm._staticTrees = null; // v-once cached trees
+ var options = vm.$options;
+ var parentVnode = vm.$vnode = options._parentVnode; // the placeholder node in parent tree
+ var renderContext = parentVnode && parentVnode.context;
+ vm.$slots = resolveSlots(options._renderChildren, renderContext);
+ vm.$scopedSlots = emptyObject;
+ // bind the createElement fn to this instance
+ // so that we get proper render context inside it.
+ // args order: tag, data, children, normalizationType, alwaysNormalize
+ // internal version is used by render functions compiled from templates
+ vm._c = function (a, b, c, d) { return createElement(vm, a, b, c, d, false); };
+ // normalization is always applied for the public version, used in
+ // user-written render functions.
+ vm.$createElement = function (a, b, c, d) { return createElement(vm, a, b, c, d, true); };
+
+ // $attrs & $listeners are exposed for easier HOC creation.
+ // they need to be reactive so that HOCs using them are always updated
+ var parentData = parentVnode && parentVnode.data;
+
+ /* istanbul ignore else */
+ {
+ defineReactive(vm, '$attrs', parentData && parentData.attrs || emptyObject, function () {
+ !isUpdatingChildComponent && warn("$attrs is readonly.", vm);
+ }, true);
+ defineReactive(vm, '$listeners', options._parentListeners || emptyObject, function () {
+ !isUpdatingChildComponent && warn("$listeners is readonly.", vm);
+ }, true);
+ }
+}
+
+function renderMixin (Vue) {
+ // install runtime convenience helpers
+ installRenderHelpers(Vue.prototype);
+
+ Vue.prototype.$nextTick = function (fn) {
+ return nextTick(fn, this)
+ };
+
+ Vue.prototype._render = function () {
+ var vm = this;
+ var ref = vm.$options;
+ var render = ref.render;
+ var _parentVnode = ref._parentVnode;
+
+ // reset _rendered flag on slots for duplicate slot check
+ {
+ for (var key in vm.$slots) {
+ // $flow-disable-line
+ vm.$slots[key]._rendered = false;
+ }
+ }
+
+ if (_parentVnode) {
+ vm.$scopedSlots = _parentVnode.data.scopedSlots || emptyObject;
+ }
+
+ // set parent vnode. this allows render functions to have access
+ // to the data on the placeholder node.
+ vm.$vnode = _parentVnode;
+ // render self
+ var vnode;
+ try {
+ vnode = render.call(vm._renderProxy, vm.$createElement);
+ } catch (e) {
+ handleError(e, vm, "render");
+ // return error render result,
+ // or previous vnode to prevent render error causing blank component
+ /* istanbul ignore else */
+ {
+ if (vm.$options.renderError) {
+ try {
+ vnode = vm.$options.renderError.call(vm._renderProxy, vm.$createElement, e);
+ } catch (e) {
+ handleError(e, vm, "renderError");
+ vnode = vm._vnode;
+ }
+ } else {
+ vnode = vm._vnode;
+ }
+ }
+ }
+ // return empty vnode in case the render function errored out
+ if (!(vnode instanceof VNode)) {
+ if ("development" !== 'production' && Array.isArray(vnode)) {
+ warn(
+ 'Multiple root nodes returned from render function. Render function ' +
+ 'should return a single root node.',
+ vm
+ );
+ }
+ vnode = createEmptyVNode();
+ }
+ // set parent
+ vnode.parent = _parentVnode;
+ return vnode
+ };
+}
+
+/* */
+
+var uid$3 = 0;
+
+function initMixin (Vue) {
+ Vue.prototype._init = function (options) {
+ var vm = this;
+ // a uid
+ vm._uid = uid$3++;
+
+ var startTag, endTag;
+ /* istanbul ignore if */
+ if ("development" !== 'production' && config.performance && mark) {
+ startTag = "vue-perf-start:" + (vm._uid);
+ endTag = "vue-perf-end:" + (vm._uid);
+ mark(startTag);
+ }
+
+ // a flag to avoid this being observed
+ vm._isVue = true;
+ // merge options
+ if (options && options._isComponent) {
+ // optimize internal component instantiation
+ // since dynamic options merging is pretty slow, and none of the
+ // internal component options needs special treatment.
+ initInternalComponent(vm, options);
+ } else {
+ vm.$options = mergeOptions(
+ resolveConstructorOptions(vm.constructor),
+ options || {},
+ vm
+ );
+ }
+ /* istanbul ignore else */
+ {
+ initProxy(vm);
+ }
+ // expose real self
+ vm._self = vm;
+ initLifecycle(vm);
+ initEvents(vm);
+ initRender(vm);
+ callHook(vm, 'beforeCreate');
+ initInjections(vm); // resolve injections before data/props
+ initState(vm);
+ initProvide(vm); // resolve provide after data/props
+ callHook(vm, 'created');
+
+ /* istanbul ignore if */
+ if ("development" !== 'production' && config.performance && mark) {
+ vm._name = formatComponentName(vm, false);
+ mark(endTag);
+ measure(("vue " + (vm._name) + " init"), startTag, endTag);
+ }
+
+ if (vm.$options.el) {
+ vm.$mount(vm.$options.el);
+ }
+ };
+}
+
+function initInternalComponent (vm, options) {
+ var opts = vm.$options = Object.create(vm.constructor.options);
+ // doing this because it's faster than dynamic enumeration.
+ var parentVnode = options._parentVnode;
+ opts.parent = options.parent;
+ opts._parentVnode = parentVnode;
+ opts._parentElm = options._parentElm;
+ opts._refElm = options._refElm;
+
+ var vnodeComponentOptions = parentVnode.componentOptions;
+ opts.propsData = vnodeComponentOptions.propsData;
+ opts._parentListeners = vnodeComponentOptions.listeners;
+ opts._renderChildren = vnodeComponentOptions.children;
+ opts._componentTag = vnodeComponentOptions.tag;
+
+ if (options.render) {
+ opts.render = options.render;
+ opts.staticRenderFns = options.staticRenderFns;
+ }
+}
+
+function resolveConstructorOptions (Ctor) {
+ var options = Ctor.options;
+ if (Ctor.super) {
+ var superOptions = resolveConstructorOptions(Ctor.super);
+ var cachedSuperOptions = Ctor.superOptions;
+ if (superOptions !== cachedSuperOptions) {
+ // super option changed,
+ // need to resolve new options.
+ Ctor.superOptions = superOptions;
+ // check if there are any late-modified/attached options (#4976)
+ var modifiedOptions = resolveModifiedOptions(Ctor);
+ // update base extend options
+ if (modifiedOptions) {
+ extend(Ctor.extendOptions, modifiedOptions);
+ }
+ options = Ctor.options = mergeOptions(superOptions, Ctor.extendOptions);
+ if (options.name) {
+ options.components[options.name] = Ctor;
+ }
+ }
+ }
+ return options
+}
+
+function resolveModifiedOptions (Ctor) {
+ var modified;
+ var latest = Ctor.options;
+ var extended = Ctor.extendOptions;
+ var sealed = Ctor.sealedOptions;
+ for (var key in latest) {
+ if (latest[key] !== sealed[key]) {
+ if (!modified) { modified = {}; }
+ modified[key] = dedupe(latest[key], extended[key], sealed[key]);
+ }
+ }
+ return modified
+}
+
+function dedupe (latest, extended, sealed) {
+ // compare latest and sealed to ensure lifecycle hooks won't be duplicated
+ // between merges
+ if (Array.isArray(latest)) {
+ var res = [];
+ sealed = Array.isArray(sealed) ? sealed : [sealed];
+ extended = Array.isArray(extended) ? extended : [extended];
+ for (var i = 0; i < latest.length; i++) {
+ // push original options and not sealed options to exclude duplicated options
+ if (extended.indexOf(latest[i]) >= 0 || sealed.indexOf(latest[i]) < 0) {
+ res.push(latest[i]);
+ }
+ }
+ return res
+ } else {
+ return latest
+ }
+}
+
+function Vue (options) {
+ if ("development" !== 'production' &&
+ !(this instanceof Vue)
+ ) {
+ warn('Vue is a constructor and should be called with the `new` keyword');
+ }
+ this._init(options);
+}
+
+initMixin(Vue);
+stateMixin(Vue);
+eventsMixin(Vue);
+lifecycleMixin(Vue);
+renderMixin(Vue);
+
+/* */
+
+function initUse (Vue) {
+ Vue.use = function (plugin) {
+ var installedPlugins = (this._installedPlugins || (this._installedPlugins = []));
+ if (installedPlugins.indexOf(plugin) > -1) {
+ return this
+ }
+
+ // additional parameters
+ var args = toArray(arguments, 1);
+ args.unshift(this);
+ if (typeof plugin.install === 'function') {
+ plugin.install.apply(plugin, args);
+ } else if (typeof plugin === 'function') {
+ plugin.apply(null, args);
+ }
+ installedPlugins.push(plugin);
+ return this
+ };
+}
+
+/* */
+
+function initMixin$1 (Vue) {
+ Vue.mixin = function (mixin) {
+ this.options = mergeOptions(this.options, mixin);
+ return this
+ };
+}
+
+/* */
+
+function initExtend (Vue) {
+ /**
+ * Each instance constructor, including Vue, has a unique
+ * cid. This enables us to create wrapped "child
+ * constructors" for prototypal inheritance and cache them.
+ */
+ Vue.cid = 0;
+ var cid = 1;
+
+ /**
+ * Class inheritance
+ */
+ Vue.extend = function (extendOptions) {
+ extendOptions = extendOptions || {};
+ var Super = this;
+ var SuperId = Super.cid;
+ var cachedCtors = extendOptions._Ctor || (extendOptions._Ctor = {});
+ if (cachedCtors[SuperId]) {
+ return cachedCtors[SuperId]
+ }
+
+ var name = extendOptions.name || Super.options.name;
+ if ("development" !== 'production' && name) {
+ validateComponentName(name);
+ }
+
+ var Sub = function VueComponent (options) {
+ this._init(options);
+ };
+ Sub.prototype = Object.create(Super.prototype);
+ Sub.prototype.constructor = Sub;
+ Sub.cid = cid++;
+ Sub.options = mergeOptions(
+ Super.options,
+ extendOptions
+ );
+ Sub['super'] = Super;
+
+ // For props and computed properties, we define the proxy getters on
+ // the Vue instances at extension time, on the extended prototype. This
+ // avoids Object.defineProperty calls for each instance created.
+ if (Sub.options.props) {
+ initProps$1(Sub);
+ }
+ if (Sub.options.computed) {
+ initComputed$1(Sub);
+ }
+
+ // allow further extension/mixin/plugin usage
+ Sub.extend = Super.extend;
+ Sub.mixin = Super.mixin;
+ Sub.use = Super.use;
+
+ // create asset registers, so extended classes
+ // can have their private assets too.
+ ASSET_TYPES.forEach(function (type) {
+ Sub[type] = Super[type];
+ });
+ // enable recursive self-lookup
+ if (name) {
+ Sub.options.components[name] = Sub;
+ }
+
+ // keep a reference to the super options at extension time.
+ // later at instantiation we can check if Super's options have
+ // been updated.
+ Sub.superOptions = Super.options;
+ Sub.extendOptions = extendOptions;
+ Sub.sealedOptions = extend({}, Sub.options);
+
+ // cache constructor
+ cachedCtors[SuperId] = Sub;
+ return Sub
+ };
+}
+
+function initProps$1 (Comp) {
+ var props = Comp.options.props;
+ for (var key in props) {
+ proxy(Comp.prototype, "_props", key);
+ }
+}
+
+function initComputed$1 (Comp) {
+ var computed = Comp.options.computed;
+ for (var key in computed) {
+ defineComputed(Comp.prototype, key, computed[key]);
+ }
+}
+
+/* */
+
+function initAssetRegisters (Vue) {
+ /**
+ * Create asset registration methods.
+ */
+ ASSET_TYPES.forEach(function (type) {
+ Vue[type] = function (
+ id,
+ definition
+ ) {
+ if (!definition) {
+ return this.options[type + 's'][id]
+ } else {
+ /* istanbul ignore if */
+ if ("development" !== 'production' && type === 'component') {
+ validateComponentName(id);
+ }
+ if (type === 'component' && isPlainObject(definition)) {
+ definition.name = definition.name || id;
+ definition = this.options._base.extend(definition);
+ }
+ if (type === 'directive' && typeof definition === 'function') {
+ definition = { bind: definition, update: definition };
+ }
+ this.options[type + 's'][id] = definition;
+ return definition
+ }
+ };
+ });
+}
+
+/* */
+
+function getComponentName (opts) {
+ return opts && (opts.Ctor.options.name || opts.tag)
+}
+
+function matches (pattern, name) {
+ if (Array.isArray(pattern)) {
+ return pattern.indexOf(name) > -1
+ } else if (typeof pattern === 'string') {
+ return pattern.split(',').indexOf(name) > -1
+ } else if (isRegExp(pattern)) {
+ return pattern.test(name)
+ }
+ /* istanbul ignore next */
+ return false
+}
+
+function pruneCache (keepAliveInstance, filter) {
+ var cache = keepAliveInstance.cache;
+ var keys = keepAliveInstance.keys;
+ var _vnode = keepAliveInstance._vnode;
+ for (var key in cache) {
+ var cachedNode = cache[key];
+ if (cachedNode) {
+ var name = getComponentName(cachedNode.componentOptions);
+ if (name && !filter(name)) {
+ pruneCacheEntry(cache, key, keys, _vnode);
+ }
+ }
+ }
+}
+
+function pruneCacheEntry (
+ cache,
+ key,
+ keys,
+ current
+) {
+ var cached$$1 = cache[key];
+ if (cached$$1 && (!current || cached$$1.tag !== current.tag)) {
+ cached$$1.componentInstance.$destroy();
+ }
+ cache[key] = null;
+ remove(keys, key);
+}
+
+var patternTypes = [String, RegExp, Array];
+
+var KeepAlive = {
+ name: 'keep-alive',
+ abstract: true,
+
+ props: {
+ include: patternTypes,
+ exclude: patternTypes,
+ max: [String, Number]
+ },
+
+ created: function created () {
+ this.cache = Object.create(null);
+ this.keys = [];
+ },
+
+ destroyed: function destroyed () {
+ var this$1 = this;
+
+ for (var key in this$1.cache) {
+ pruneCacheEntry(this$1.cache, key, this$1.keys);
+ }
+ },
+
+ mounted: function mounted () {
+ var this$1 = this;
+
+ this.$watch('include', function (val) {
+ pruneCache(this$1, function (name) { return matches(val, name); });
+ });
+ this.$watch('exclude', function (val) {
+ pruneCache(this$1, function (name) { return !matches(val, name); });
+ });
+ },
+
+ render: function render () {
+ var slot = this.$slots.default;
+ var vnode = getFirstComponentChild(slot);
+ var componentOptions = vnode && vnode.componentOptions;
+ if (componentOptions) {
+ // check pattern
+ var name = getComponentName(componentOptions);
+ var ref = this;
+ var include = ref.include;
+ var exclude = ref.exclude;
+ if (
+ // not included
+ (include && (!name || !matches(include, name))) ||
+ // excluded
+ (exclude && name && matches(exclude, name))
+ ) {
+ return vnode
+ }
+
+ var ref$1 = this;
+ var cache = ref$1.cache;
+ var keys = ref$1.keys;
+ var key = vnode.key == null
+ // same constructor may get registered as different local components
+ // so cid alone is not enough (#3269)
+ ? componentOptions.Ctor.cid + (componentOptions.tag ? ("::" + (componentOptions.tag)) : '')
+ : vnode.key;
+ if (cache[key]) {
+ vnode.componentInstance = cache[key].componentInstance;
+ // make current key freshest
+ remove(keys, key);
+ keys.push(key);
+ } else {
+ cache[key] = vnode;
+ keys.push(key);
+ // prune oldest entry
+ if (this.max && keys.length > parseInt(this.max)) {
+ pruneCacheEntry(cache, keys[0], keys, this._vnode);
+ }
+ }
+
+ vnode.data.keepAlive = true;
+ }
+ return vnode || (slot && slot[0])
+ }
+}
+
+var builtInComponents = {
+ KeepAlive: KeepAlive
+}
+
+/* */
+
+function initGlobalAPI (Vue) {
+ // config
+ var configDef = {};
+ configDef.get = function () { return config; };
+ {
+ configDef.set = function () {
+ warn(
+ 'Do not replace the Vue.config object, set individual fields instead.'
+ );
+ };
+ }
+ Object.defineProperty(Vue, 'config', configDef);
+
+ // exposed util methods.
+ // NOTE: these are not considered part of the public API - avoid relying on
+ // them unless you are aware of the risk.
+ Vue.util = {
+ warn: warn,
+ extend: extend,
+ mergeOptions: mergeOptions,
+ defineReactive: defineReactive
+ };
+
+ Vue.set = set;
+ Vue.delete = del;
+ Vue.nextTick = nextTick;
+
+ Vue.options = Object.create(null);
+ ASSET_TYPES.forEach(function (type) {
+ Vue.options[type + 's'] = Object.create(null);
+ });
+
+ // this is used to identify the "base" constructor to extend all plain-object
+ // components with in Weex's multi-instance scenarios.
+ Vue.options._base = Vue;
+
+ extend(Vue.options.components, builtInComponents);
+
+ initUse(Vue);
+ initMixin$1(Vue);
+ initExtend(Vue);
+ initAssetRegisters(Vue);
+}
+
+initGlobalAPI(Vue);
+
+Object.defineProperty(Vue.prototype, '$isServer', {
+ get: isServerRendering
+});
+
+Object.defineProperty(Vue.prototype, '$ssrContext', {
+ get: function get () {
+ /* istanbul ignore next */
+ return this.$vnode && this.$vnode.ssrContext
+ }
+});
+
+// expose FunctionalRenderContext for ssr runtime helper installation
+Object.defineProperty(Vue, 'FunctionalRenderContext', {
+ value: FunctionalRenderContext
+});
+
+Vue.version = '2.5.16';
+
+/* */
+
+// these are reserved for web because they are directly compiled away
+// during template compilation
+var isReservedAttr = makeMap('style,class');
+
+// attributes that should be using props for binding
+var acceptValue = makeMap('input,textarea,option,select,progress');
+var mustUseProp = function (tag, type, attr) {
+ return (
+ (attr === 'value' && acceptValue(tag)) && type !== 'button' ||
+ (attr === 'selected' && tag === 'option') ||
+ (attr === 'checked' && tag === 'input') ||
+ (attr === 'muted' && tag === 'video')
+ )
+};
+
+var isEnumeratedAttr = makeMap('contenteditable,draggable,spellcheck');
+
+var isBooleanAttr = makeMap(
+ 'allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,' +
+ 'default,defaultchecked,defaultmuted,defaultselected,defer,disabled,' +
+ 'enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,' +
+ 'muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,' +
+ 'required,reversed,scoped,seamless,selected,sortable,translate,' +
+ 'truespeed,typemustmatch,visible'
+);
+
+var xlinkNS = 'http://www.w3.org/1999/xlink';
+
+var isXlink = function (name) {
+ return name.charAt(5) === ':' && name.slice(0, 5) === 'xlink'
+};
+
+var getXlinkProp = function (name) {
+ return isXlink(name) ? name.slice(6, name.length) : ''
+};
+
+var isFalsyAttrValue = function (val) {
+ return val == null || val === false
+};
+
+/* */
+
+function genClassForVnode (vnode) {
+ var data = vnode.data;
+ var parentNode = vnode;
+ var childNode = vnode;
+ while (isDef(childNode.componentInstance)) {
+ childNode = childNode.componentInstance._vnode;
+ if (childNode && childNode.data) {
+ data = mergeClassData(childNode.data, data);
+ }
+ }
+ while (isDef(parentNode = parentNode.parent)) {
+ if (parentNode && parentNode.data) {
+ data = mergeClassData(data, parentNode.data);
+ }
+ }
+ return renderClass(data.staticClass, data.class)
+}
+
+function mergeClassData (child, parent) {
+ return {
+ staticClass: concat(child.staticClass, parent.staticClass),
+ class: isDef(child.class)
+ ? [child.class, parent.class]
+ : parent.class
+ }
+}
+
+function renderClass (
+ staticClass,
+ dynamicClass
+) {
+ if (isDef(staticClass) || isDef(dynamicClass)) {
+ return concat(staticClass, stringifyClass(dynamicClass))
+ }
+ /* istanbul ignore next */
+ return ''
+}
+
+function concat (a, b) {
+ return a ? b ? (a + ' ' + b) : a : (b || '')
+}
+
+function stringifyClass (value) {
+ if (Array.isArray(value)) {
+ return stringifyArray(value)
+ }
+ if (isObject(value)) {
+ return stringifyObject(value)
+ }
+ if (typeof value === 'string') {
+ return value
+ }
+ /* istanbul ignore next */
+ return ''
+}
+
+function stringifyArray (value) {
+ var res = '';
+ var stringified;
+ for (var i = 0, l = value.length; i < l; i++) {
+ if (isDef(stringified = stringifyClass(value[i])) && stringified !== '') {
+ if (res) { res += ' '; }
+ res += stringified;
+ }
+ }
+ return res
+}
+
+function stringifyObject (value) {
+ var res = '';
+ for (var key in value) {
+ if (value[key]) {
+ if (res) { res += ' '; }
+ res += key;
+ }
+ }
+ return res
+}
+
+/* */
+
+var namespaceMap = {
+ svg: 'http://www.w3.org/2000/svg',
+ math: 'http://www.w3.org/1998/Math/MathML'
+};
+
+var isHTMLTag = makeMap(
+ 'html,body,base,head,link,meta,style,title,' +
+ 'address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,' +
+ 'div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,' +
+ 'a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,' +
+ 's,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,' +
+ 'embed,object,param,source,canvas,script,noscript,del,ins,' +
+ 'caption,col,colgroup,table,thead,tbody,td,th,tr,' +
+ 'button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,' +
+ 'output,progress,select,textarea,' +
+ 'details,dialog,menu,menuitem,summary,' +
+ 'content,element,shadow,template,blockquote,iframe,tfoot'
+);
+
+// this map is intentionally selective, only covering SVG elements that may
+// contain child elements.
+var isSVG = makeMap(
+ 'svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,' +
+ 'foreignObject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,' +
+ 'polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view',
+ true
+);
+
+var isPreTag = function (tag) { return tag === 'pre'; };
+
+var isReservedTag = function (tag) {
+ return isHTMLTag(tag) || isSVG(tag)
+};
+
+function getTagNamespace (tag) {
+ if (isSVG(tag)) {
+ return 'svg'
+ }
+ // basic support for MathML
+ // note it doesn't support other MathML elements being component roots
+ if (tag === 'math') {
+ return 'math'
+ }
+}
+
+var unknownElementCache = Object.create(null);
+function isUnknownElement (tag) {
+ /* istanbul ignore if */
+ if (!inBrowser) {
+ return true
+ }
+ if (isReservedTag(tag)) {
+ return false
+ }
+ tag = tag.toLowerCase();
+ /* istanbul ignore if */
+ if (unknownElementCache[tag] != null) {
+ return unknownElementCache[tag]
+ }
+ var el = document.createElement(tag);
+ if (tag.indexOf('-') > -1) {
+ // http://stackoverflow.com/a/28210364/1070244
+ return (unknownElementCache[tag] = (
+ el.constructor === window.HTMLUnknownElement ||
+ el.constructor === window.HTMLElement
+ ))
+ } else {
+ return (unknownElementCache[tag] = /HTMLUnknownElement/.test(el.toString()))
+ }
+}
+
+var isTextInputType = makeMap('text,number,password,search,email,tel,url');
+
+/* */
+
+/**
+ * Query an element selector if it's not an element already.
+ */
+function query (el) {
+ if (typeof el === 'string') {
+ var selected = document.querySelector(el);
+ if (!selected) {
+ "development" !== 'production' && warn(
+ 'Cannot find element: ' + el
+ );
+ return document.createElement('div')
+ }
+ return selected
+ } else {
+ return el
+ }
+}
+
+/* */
+
+function createElement$1 (tagName, vnode) {
+ var elm = document.createElement(tagName);
+ if (tagName !== 'select') {
+ return elm
+ }
+ // false or null will remove the attribute but undefined will not
+ if (vnode.data && vnode.data.attrs && vnode.data.attrs.multiple !== undefined) {
+ elm.setAttribute('multiple', 'multiple');
+ }
+ return elm
+}
+
+function createElementNS (namespace, tagName) {
+ return document.createElementNS(namespaceMap[namespace], tagName)
+}
+
+function createTextNode (text) {
+ return document.createTextNode(text)
+}
+
+function createComment (text) {
+ return document.createComment(text)
+}
+
+function insertBefore (parentNode, newNode, referenceNode) {
+ parentNode.insertBefore(newNode, referenceNode);
+}
+
+function removeChild (node, child) {
+ node.removeChild(child);
+}
+
+function appendChild (node, child) {
+ node.appendChild(child);
+}
+
+function parentNode (node) {
+ return node.parentNode
+}
+
+function nextSibling (node) {
+ return node.nextSibling
+}
+
+function tagName (node) {
+ return node.tagName
+}
+
+function setTextContent (node, text) {
+ node.textContent = text;
+}
+
+function setStyleScope (node, scopeId) {
+ node.setAttribute(scopeId, '');
+}
+
+
+var nodeOps = Object.freeze({
+ createElement: createElement$1,
+ createElementNS: createElementNS,
+ createTextNode: createTextNode,
+ createComment: createComment,
+ insertBefore: insertBefore,
+ removeChild: removeChild,
+ appendChild: appendChild,
+ parentNode: parentNode,
+ nextSibling: nextSibling,
+ tagName: tagName,
+ setTextContent: setTextContent,
+ setStyleScope: setStyleScope
+});
+
+/* */
+
+var ref = {
+ create: function create (_, vnode) {
+ registerRef(vnode);
+ },
+ update: function update (oldVnode, vnode) {
+ if (oldVnode.data.ref !== vnode.data.ref) {
+ registerRef(oldVnode, true);
+ registerRef(vnode);
+ }
+ },
+ destroy: function destroy (vnode) {
+ registerRef(vnode, true);
+ }
+}
+
+function registerRef (vnode, isRemoval) {
+ var key = vnode.data.ref;
+ if (!isDef(key)) { return }
+
+ var vm = vnode.context;
+ var ref = vnode.componentInstance || vnode.elm;
+ var refs = vm.$refs;
+ if (isRemoval) {
+ if (Array.isArray(refs[key])) {
+ remove(refs[key], ref);
+ } else if (refs[key] === ref) {
+ refs[key] = undefined;
+ }
+ } else {
+ if (vnode.data.refInFor) {
+ if (!Array.isArray(refs[key])) {
+ refs[key] = [ref];
+ } else if (refs[key].indexOf(ref) < 0) {
+ // $flow-disable-line
+ refs[key].push(ref);
+ }
+ } else {
+ refs[key] = ref;
+ }
+ }
+}
+
+/**
+ * Virtual DOM patching algorithm based on Snabbdom by
+ * Simon Friis Vindum (@paldepind)
+ * Licensed under the MIT License
+ * https://github.com/paldepind/snabbdom/blob/master/LICENSE
+ *
+ * modified by Evan You (@yyx990803)
+ *
+ * Not type-checking this because this file is perf-critical and the cost
+ * of making flow understand it is not worth it.
+ */
+
+var emptyNode = new VNode('', {}, []);
+
+var hooks = ['create', 'activate', 'update', 'remove', 'destroy'];
+
+function sameVnode (a, b) {
+ return (
+ a.key === b.key && (
+ (
+ a.tag === b.tag &&
+ a.isComment === b.isComment &&
+ isDef(a.data) === isDef(b.data) &&
+ sameInputType(a, b)
+ ) || (
+ isTrue(a.isAsyncPlaceholder) &&
+ a.asyncFactory === b.asyncFactory &&
+ isUndef(b.asyncFactory.error)
+ )
+ )
+ )
+}
+
+function sameInputType (a, b) {
+ if (a.tag !== 'input') { return true }
+ var i;
+ var typeA = isDef(i = a.data) && isDef(i = i.attrs) && i.type;
+ var typeB = isDef(i = b.data) && isDef(i = i.attrs) && i.type;
+ return typeA === typeB || isTextInputType(typeA) && isTextInputType(typeB)
+}
+
+function createKeyToOldIdx (children, beginIdx, endIdx) {
+ var i, key;
+ var map = {};
+ for (i = beginIdx; i <= endIdx; ++i) {
+ key = children[i].key;
+ if (isDef(key)) { map[key] = i; }
+ }
+ return map
+}
+
+function createPatchFunction (backend) {
+ var i, j;
+ var cbs = {};
+
+ var modules = backend.modules;
+ var nodeOps = backend.nodeOps;
+
+ for (i = 0; i < hooks.length; ++i) {
+ cbs[hooks[i]] = [];
+ for (j = 0; j < modules.length; ++j) {
+ if (isDef(modules[j][hooks[i]])) {
+ cbs[hooks[i]].push(modules[j][hooks[i]]);
+ }
+ }
+ }
+
+ function emptyNodeAt (elm) {
+ return new VNode(nodeOps.tagName(elm).toLowerCase(), {}, [], undefined, elm)
+ }
+
+ function createRmCb (childElm, listeners) {
+ function remove () {
+ if (--remove.listeners === 0) {
+ removeNode(childElm);
+ }
+ }
+ remove.listeners = listeners;
+ return remove
+ }
+
+ function removeNode (el) {
+ var parent = nodeOps.parentNode(el);
+ // element may have already been removed due to v-html / v-text
+ if (isDef(parent)) {
+ nodeOps.removeChild(parent, el);
+ }
+ }
+
+ function isUnknownElement$$1 (vnode, inVPre) {
+ return (
+ !inVPre &&
+ !vnode.ns &&
+ !(
+ config.ignoredElements.length &&
+ config.ignoredElements.some(function (ignore) {
+ return isRegExp(ignore)
+ ? ignore.test(vnode.tag)
+ : ignore === vnode.tag
+ })
+ ) &&
+ config.isUnknownElement(vnode.tag)
+ )
+ }
+
+ var creatingElmInVPre = 0;
+
+ function createElm (
+ vnode,
+ insertedVnodeQueue,
+ parentElm,
+ refElm,
+ nested,
+ ownerArray,
+ index
+ ) {
+ if (isDef(vnode.elm) && isDef(ownerArray)) {
+ // This vnode was used in a previous render!
+ // now it's used as a new node, overwriting its elm would cause
+ // potential patch errors down the road when it's used as an insertion
+ // reference node. Instead, we clone the node on-demand before creating
+ // associated DOM element for it.
+ vnode = ownerArray[index] = cloneVNode(vnode);
+ }
+
+ vnode.isRootInsert = !nested; // for transition enter check
+ if (createComponent(vnode, insertedVnodeQueue, parentElm, refElm)) {
+ return
+ }
+
+ var data = vnode.data;
+ var children = vnode.children;
+ var tag = vnode.tag;
+ if (isDef(tag)) {
+ {
+ if (data && data.pre) {
+ creatingElmInVPre++;
+ }
+ if (isUnknownElement$$1(vnode, creatingElmInVPre)) {
+ warn(
+ 'Unknown custom element: <' + tag + '> - did you ' +
+ 'register the component correctly? For recursive components, ' +
+ 'make sure to provide the "name" option.',
+ vnode.context
+ );
+ }
+ }
+
+ vnode.elm = vnode.ns
+ ? nodeOps.createElementNS(vnode.ns, tag)
+ : nodeOps.createElement(tag, vnode);
+ setScope(vnode);
+
+ /* istanbul ignore if */
+ {
+ createChildren(vnode, children, insertedVnodeQueue);
+ if (isDef(data)) {
+ invokeCreateHooks(vnode, insertedVnodeQueue);
+ }
+ insert(parentElm, vnode.elm, refElm);
+ }
+
+ if ("development" !== 'production' && data && data.pre) {
+ creatingElmInVPre--;
+ }
+ } else if (isTrue(vnode.isComment)) {
+ vnode.elm = nodeOps.createComment(vnode.text);
+ insert(parentElm, vnode.elm, refElm);
+ } else {
+ vnode.elm = nodeOps.createTextNode(vnode.text);
+ insert(parentElm, vnode.elm, refElm);
+ }
+ }
+
+ function createComponent (vnode, insertedVnodeQueue, parentElm, refElm) {
+ var i = vnode.data;
+ if (isDef(i)) {
+ var isReactivated = isDef(vnode.componentInstance) && i.keepAlive;
+ if (isDef(i = i.hook) && isDef(i = i.init)) {
+ i(vnode, false /* hydrating */, parentElm, refElm);
+ }
+ // after calling the init hook, if the vnode is a child component
+ // it should've created a child instance and mounted it. the child
+ // component also has set the placeholder vnode's elm.
+ // in that case we can just return the element and be done.
+ if (isDef(vnode.componentInstance)) {
+ initComponent(vnode, insertedVnodeQueue);
+ if (isTrue(isReactivated)) {
+ reactivateComponent(vnode, insertedVnodeQueue, parentElm, refElm);
+ }
+ return true
+ }
+ }
+ }
+
+ function initComponent (vnode, insertedVnodeQueue) {
+ if (isDef(vnode.data.pendingInsert)) {
+ insertedVnodeQueue.push.apply(insertedVnodeQueue, vnode.data.pendingInsert);
+ vnode.data.pendingInsert = null;
+ }
+ vnode.elm = vnode.componentInstance.$el;
+ if (isPatchable(vnode)) {
+ invokeCreateHooks(vnode, insertedVnodeQueue);
+ setScope(vnode);
+ } else {
+ // empty component root.
+ // skip all element-related modules except for ref (#3455)
+ registerRef(vnode);
+ // make sure to invoke the insert hook
+ insertedVnodeQueue.push(vnode);
+ }
+ }
+
+ function reactivateComponent (vnode, insertedVnodeQueue, parentElm, refElm) {
+ var i;
+ // hack for #4339: a reactivated component with inner transition
+ // does not trigger because the inner node's created hooks are not called
+ // again. It's not ideal to involve module-specific logic in here but
+ // there doesn't seem to be a better way to do it.
+ var innerNode = vnode;
+ while (innerNode.componentInstance) {
+ innerNode = innerNode.componentInstance._vnode;
+ if (isDef(i = innerNode.data) && isDef(i = i.transition)) {
+ for (i = 0; i < cbs.activate.length; ++i) {
+ cbs.activate[i](emptyNode, innerNode);
+ }
+ insertedVnodeQueue.push(innerNode);
+ break
+ }
+ }
+ // unlike a newly created component,
+ // a reactivated keep-alive component doesn't insert itself
+ insert(parentElm, vnode.elm, refElm);
+ }
+
+ function insert (parent, elm, ref$$1) {
+ if (isDef(parent)) {
+ if (isDef(ref$$1)) {
+ if (ref$$1.parentNode === parent) {
+ nodeOps.insertBefore(parent, elm, ref$$1);
+ }
+ } else {
+ nodeOps.appendChild(parent, elm);
+ }
+ }
+ }
+
+ function createChildren (vnode, children, insertedVnodeQueue) {
+ if (Array.isArray(children)) {
+ {
+ checkDuplicateKeys(children);
+ }
+ for (var i = 0; i < children.length; ++i) {
+ createElm(children[i], insertedVnodeQueue, vnode.elm, null, true, children, i);
+ }
+ } else if (isPrimitive(vnode.text)) {
+ nodeOps.appendChild(vnode.elm, nodeOps.createTextNode(String(vnode.text)));
+ }
+ }
+
+ function isPatchable (vnode) {
+ while (vnode.componentInstance) {
+ vnode = vnode.componentInstance._vnode;
+ }
+ return isDef(vnode.tag)
+ }
+
+ function invokeCreateHooks (vnode, insertedVnodeQueue) {
+ for (var i$1 = 0; i$1 < cbs.create.length; ++i$1) {
+ cbs.create[i$1](emptyNode, vnode);
+ }
+ i = vnode.data.hook; // Reuse variable
+ if (isDef(i)) {
+ if (isDef(i.create)) { i.create(emptyNode, vnode); }
+ if (isDef(i.insert)) { insertedVnodeQueue.push(vnode); }
+ }
+ }
+
+ // set scope id attribute for scoped CSS.
+ // this is implemented as a special case to avoid the overhead
+ // of going through the normal attribute patching process.
+ function setScope (vnode) {
+ var i;
+ if (isDef(i = vnode.fnScopeId)) {
+ nodeOps.setStyleScope(vnode.elm, i);
+ } else {
+ var ancestor = vnode;
+ while (ancestor) {
+ if (isDef(i = ancestor.context) && isDef(i = i.$options._scopeId)) {
+ nodeOps.setStyleScope(vnode.elm, i);
+ }
+ ancestor = ancestor.parent;
+ }
+ }
+ // for slot content they should also get the scopeId from the host instance.
+ if (isDef(i = activeInstance) &&
+ i !== vnode.context &&
+ i !== vnode.fnContext &&
+ isDef(i = i.$options._scopeId)
+ ) {
+ nodeOps.setStyleScope(vnode.elm, i);
+ }
+ }
+
+ function addVnodes (parentElm, refElm, vnodes, startIdx, endIdx, insertedVnodeQueue) {
+ for (; startIdx <= endIdx; ++startIdx) {
+ createElm(vnodes[startIdx], insertedVnodeQueue, parentElm, refElm, false, vnodes, startIdx);
+ }
+ }
+
+ function invokeDestroyHook (vnode) {
+ var i, j;
+ var data = vnode.data;
+ if (isDef(data)) {
+ if (isDef(i = data.hook) && isDef(i = i.destroy)) { i(vnode); }
+ for (i = 0; i < cbs.destroy.length; ++i) { cbs.destroy[i](vnode); }
+ }
+ if (isDef(i = vnode.children)) {
+ for (j = 0; j < vnode.children.length; ++j) {
+ invokeDestroyHook(vnode.children[j]);
+ }
+ }
+ }
+
+ function removeVnodes (parentElm, vnodes, startIdx, endIdx) {
+ for (; startIdx <= endIdx; ++startIdx) {
+ var ch = vnodes[startIdx];
+ if (isDef(ch)) {
+ if (isDef(ch.tag)) {
+ removeAndInvokeRemoveHook(ch);
+ invokeDestroyHook(ch);
+ } else { // Text node
+ removeNode(ch.elm);
+ }
+ }
+ }
+ }
+
+ function removeAndInvokeRemoveHook (vnode, rm) {
+ if (isDef(rm) || isDef(vnode.data)) {
+ var i;
+ var listeners = cbs.remove.length + 1;
+ if (isDef(rm)) {
+ // we have a recursively passed down rm callback
+ // increase the listeners count
+ rm.listeners += listeners;
+ } else {
+ // directly removing
+ rm = createRmCb(vnode.elm, listeners);
+ }
+ // recursively invoke hooks on child component root node
+ if (isDef(i = vnode.componentInstance) && isDef(i = i._vnode) && isDef(i.data)) {
+ removeAndInvokeRemoveHook(i, rm);
+ }
+ for (i = 0; i < cbs.remove.length; ++i) {
+ cbs.remove[i](vnode, rm);
+ }
+ if (isDef(i = vnode.data.hook) && isDef(i = i.remove)) {
+ i(vnode, rm);
+ } else {
+ rm();
+ }
+ } else {
+ removeNode(vnode.elm);
+ }
+ }
+
+ function updateChildren (parentElm, oldCh, newCh, insertedVnodeQueue, removeOnly) {
+ var oldStartIdx = 0;
+ var newStartIdx = 0;
+ var oldEndIdx = oldCh.length - 1;
+ var oldStartVnode = oldCh[0];
+ var oldEndVnode = oldCh[oldEndIdx];
+ var newEndIdx = newCh.length - 1;
+ var newStartVnode = newCh[0];
+ var newEndVnode = newCh[newEndIdx];
+ var oldKeyToIdx, idxInOld, vnodeToMove, refElm;
+
+ // removeOnly is a special flag used only by
+ // to ensure removed elements stay in correct relative positions
+ // during leaving transitions
+ var canMove = !removeOnly;
+
+ {
+ checkDuplicateKeys(newCh);
+ }
+
+ while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
+ if (isUndef(oldStartVnode)) {
+ oldStartVnode = oldCh[++oldStartIdx]; // Vnode has been moved left
+ } else if (isUndef(oldEndVnode)) {
+ oldEndVnode = oldCh[--oldEndIdx];
+ } else if (sameVnode(oldStartVnode, newStartVnode)) {
+ patchVnode(oldStartVnode, newStartVnode, insertedVnodeQueue);
+ oldStartVnode = oldCh[++oldStartIdx];
+ newStartVnode = newCh[++newStartIdx];
+ } else if (sameVnode(oldEndVnode, newEndVnode)) {
+ patchVnode(oldEndVnode, newEndVnode, insertedVnodeQueue);
+ oldEndVnode = oldCh[--oldEndIdx];
+ newEndVnode = newCh[--newEndIdx];
+ } else if (sameVnode(oldStartVnode, newEndVnode)) { // Vnode moved right
+ patchVnode(oldStartVnode, newEndVnode, insertedVnodeQueue);
+ canMove && nodeOps.insertBefore(parentElm, oldStartVnode.elm, nodeOps.nextSibling(oldEndVnode.elm));
+ oldStartVnode = oldCh[++oldStartIdx];
+ newEndVnode = newCh[--newEndIdx];
+ } else if (sameVnode(oldEndVnode, newStartVnode)) { // Vnode moved left
+ patchVnode(oldEndVnode, newStartVnode, insertedVnodeQueue);
+ canMove && nodeOps.insertBefore(parentElm, oldEndVnode.elm, oldStartVnode.elm);
+ oldEndVnode = oldCh[--oldEndIdx];
+ newStartVnode = newCh[++newStartIdx];
+ } else {
+ if (isUndef(oldKeyToIdx)) { oldKeyToIdx = createKeyToOldIdx(oldCh, oldStartIdx, oldEndIdx); }
+ idxInOld = isDef(newStartVnode.key)
+ ? oldKeyToIdx[newStartVnode.key]
+ : findIdxInOld(newStartVnode, oldCh, oldStartIdx, oldEndIdx);
+ if (isUndef(idxInOld)) { // New element
+ createElm(newStartVnode, insertedVnodeQueue, parentElm, oldStartVnode.elm, false, newCh, newStartIdx);
+ } else {
+ vnodeToMove = oldCh[idxInOld];
+ if (sameVnode(vnodeToMove, newStartVnode)) {
+ patchVnode(vnodeToMove, newStartVnode, insertedVnodeQueue);
+ oldCh[idxInOld] = undefined;
+ canMove && nodeOps.insertBefore(parentElm, vnodeToMove.elm, oldStartVnode.elm);
+ } else {
+ // same key but different element. treat as new element
+ createElm(newStartVnode, insertedVnodeQueue, parentElm, oldStartVnode.elm, false, newCh, newStartIdx);
+ }
+ }
+ newStartVnode = newCh[++newStartIdx];
+ }
+ }
+ if (oldStartIdx > oldEndIdx) {
+ refElm = isUndef(newCh[newEndIdx + 1]) ? null : newCh[newEndIdx + 1].elm;
+ addVnodes(parentElm, refElm, newCh, newStartIdx, newEndIdx, insertedVnodeQueue);
+ } else if (newStartIdx > newEndIdx) {
+ removeVnodes(parentElm, oldCh, oldStartIdx, oldEndIdx);
+ }
+ }
+
+ function checkDuplicateKeys (children) {
+ var seenKeys = {};
+ for (var i = 0; i < children.length; i++) {
+ var vnode = children[i];
+ var key = vnode.key;
+ if (isDef(key)) {
+ if (seenKeys[key]) {
+ warn(
+ ("Duplicate keys detected: '" + key + "'. This may cause an update error."),
+ vnode.context
+ );
+ } else {
+ seenKeys[key] = true;
+ }
+ }
+ }
+ }
+
+ function findIdxInOld (node, oldCh, start, end) {
+ for (var i = start; i < end; i++) {
+ var c = oldCh[i];
+ if (isDef(c) && sameVnode(node, c)) { return i }
+ }
+ }
+
+ function patchVnode (oldVnode, vnode, insertedVnodeQueue, removeOnly) {
+ if (oldVnode === vnode) {
+ return
+ }
+
+ var elm = vnode.elm = oldVnode.elm;
+
+ if (isTrue(oldVnode.isAsyncPlaceholder)) {
+ if (isDef(vnode.asyncFactory.resolved)) {
+ hydrate(oldVnode.elm, vnode, insertedVnodeQueue);
+ } else {
+ vnode.isAsyncPlaceholder = true;
+ }
+ return
+ }
+
+ // reuse element for static trees.
+ // note we only do this if the vnode is cloned -
+ // if the new node is not cloned it means the render functions have been
+ // reset by the hot-reload-api and we need to do a proper re-render.
+ if (isTrue(vnode.isStatic) &&
+ isTrue(oldVnode.isStatic) &&
+ vnode.key === oldVnode.key &&
+ (isTrue(vnode.isCloned) || isTrue(vnode.isOnce))
+ ) {
+ vnode.componentInstance = oldVnode.componentInstance;
+ return
+ }
+
+ var i;
+ var data = vnode.data;
+ if (isDef(data) && isDef(i = data.hook) && isDef(i = i.prepatch)) {
+ i(oldVnode, vnode);
+ }
+
+ var oldCh = oldVnode.children;
+ var ch = vnode.children;
+ if (isDef(data) && isPatchable(vnode)) {
+ for (i = 0; i < cbs.update.length; ++i) { cbs.update[i](oldVnode, vnode); }
+ if (isDef(i = data.hook) && isDef(i = i.update)) { i(oldVnode, vnode); }
+ }
+ if (isUndef(vnode.text)) {
+ if (isDef(oldCh) && isDef(ch)) {
+ if (oldCh !== ch) { updateChildren(elm, oldCh, ch, insertedVnodeQueue, removeOnly); }
+ } else if (isDef(ch)) {
+ if (isDef(oldVnode.text)) { nodeOps.setTextContent(elm, ''); }
+ addVnodes(elm, null, ch, 0, ch.length - 1, insertedVnodeQueue);
+ } else if (isDef(oldCh)) {
+ removeVnodes(elm, oldCh, 0, oldCh.length - 1);
+ } else if (isDef(oldVnode.text)) {
+ nodeOps.setTextContent(elm, '');
+ }
+ } else if (oldVnode.text !== vnode.text) {
+ nodeOps.setTextContent(elm, vnode.text);
+ }
+ if (isDef(data)) {
+ if (isDef(i = data.hook) && isDef(i = i.postpatch)) { i(oldVnode, vnode); }
+ }
+ }
+
+ function invokeInsertHook (vnode, queue, initial) {
+ // delay insert hooks for component root nodes, invoke them after the
+ // element is really inserted
+ if (isTrue(initial) && isDef(vnode.parent)) {
+ vnode.parent.data.pendingInsert = queue;
+ } else {
+ for (var i = 0; i < queue.length; ++i) {
+ queue[i].data.hook.insert(queue[i]);
+ }
+ }
+ }
+
+ var hydrationBailed = false;
+ // list of modules that can skip create hook during hydration because they
+ // are already rendered on the client or has no need for initialization
+ // Note: style is excluded because it relies on initial clone for future
+ // deep updates (#7063).
+ var isRenderedModule = makeMap('attrs,class,staticClass,staticStyle,key');
+
+ // Note: this is a browser-only function so we can assume elms are DOM nodes.
+ function hydrate (elm, vnode, insertedVnodeQueue, inVPre) {
+ var i;
+ var tag = vnode.tag;
+ var data = vnode.data;
+ var children = vnode.children;
+ inVPre = inVPre || (data && data.pre);
+ vnode.elm = elm;
+
+ if (isTrue(vnode.isComment) && isDef(vnode.asyncFactory)) {
+ vnode.isAsyncPlaceholder = true;
+ return true
+ }
+ // assert node match
+ {
+ if (!assertNodeMatch(elm, vnode, inVPre)) {
+ return false
+ }
+ }
+ if (isDef(data)) {
+ if (isDef(i = data.hook) && isDef(i = i.init)) { i(vnode, true /* hydrating */); }
+ if (isDef(i = vnode.componentInstance)) {
+ // child component. it should have hydrated its own tree.
+ initComponent(vnode, insertedVnodeQueue);
+ return true
+ }
+ }
+ if (isDef(tag)) {
+ if (isDef(children)) {
+ // empty element, allow client to pick up and populate children
+ if (!elm.hasChildNodes()) {
+ createChildren(vnode, children, insertedVnodeQueue);
+ } else {
+ // v-html and domProps: innerHTML
+ if (isDef(i = data) && isDef(i = i.domProps) && isDef(i = i.innerHTML)) {
+ if (i !== elm.innerHTML) {
+ /* istanbul ignore if */
+ if ("development" !== 'production' &&
+ typeof console !== 'undefined' &&
+ !hydrationBailed
+ ) {
+ hydrationBailed = true;
+ console.warn('Parent: ', elm);
+ console.warn('server innerHTML: ', i);
+ console.warn('client innerHTML: ', elm.innerHTML);
+ }
+ return false
+ }
+ } else {
+ // iterate and compare children lists
+ var childrenMatch = true;
+ var childNode = elm.firstChild;
+ for (var i$1 = 0; i$1 < children.length; i$1++) {
+ if (!childNode || !hydrate(childNode, children[i$1], insertedVnodeQueue, inVPre)) {
+ childrenMatch = false;
+ break
+ }
+ childNode = childNode.nextSibling;
+ }
+ // if childNode is not null, it means the actual childNodes list is
+ // longer than the virtual children list.
+ if (!childrenMatch || childNode) {
+ /* istanbul ignore if */
+ if ("development" !== 'production' &&
+ typeof console !== 'undefined' &&
+ !hydrationBailed
+ ) {
+ hydrationBailed = true;
+ console.warn('Parent: ', elm);
+ console.warn('Mismatching childNodes vs. VNodes: ', elm.childNodes, children);
+ }
+ return false
+ }
+ }
+ }
+ }
+ if (isDef(data)) {
+ var fullInvoke = false;
+ for (var key in data) {
+ if (!isRenderedModule(key)) {
+ fullInvoke = true;
+ invokeCreateHooks(vnode, insertedVnodeQueue);
+ break
+ }
+ }
+ if (!fullInvoke && data['class']) {
+ // ensure collecting deps for deep class bindings for future updates
+ traverse(data['class']);
+ }
+ }
+ } else if (elm.data !== vnode.text) {
+ elm.data = vnode.text;
+ }
+ return true
+ }
+
+ function assertNodeMatch (node, vnode, inVPre) {
+ if (isDef(vnode.tag)) {
+ return vnode.tag.indexOf('vue-component') === 0 || (
+ !isUnknownElement$$1(vnode, inVPre) &&
+ vnode.tag.toLowerCase() === (node.tagName && node.tagName.toLowerCase())
+ )
+ } else {
+ return node.nodeType === (vnode.isComment ? 8 : 3)
+ }
+ }
+
+ return function patch (oldVnode, vnode, hydrating, removeOnly, parentElm, refElm) {
+ if (isUndef(vnode)) {
+ if (isDef(oldVnode)) { invokeDestroyHook(oldVnode); }
+ return
+ }
+
+ var isInitialPatch = false;
+ var insertedVnodeQueue = [];
+
+ if (isUndef(oldVnode)) {
+ // empty mount (likely as component), create new root element
+ isInitialPatch = true;
+ createElm(vnode, insertedVnodeQueue, parentElm, refElm);
+ } else {
+ var isRealElement = isDef(oldVnode.nodeType);
+ if (!isRealElement && sameVnode(oldVnode, vnode)) {
+ // patch existing root node
+ patchVnode(oldVnode, vnode, insertedVnodeQueue, removeOnly);
+ } else {
+ if (isRealElement) {
+ // mounting to a real element
+ // check if this is server-rendered content and if we can perform
+ // a successful hydration.
+ if (oldVnode.nodeType === 1 && oldVnode.hasAttribute(SSR_ATTR)) {
+ oldVnode.removeAttribute(SSR_ATTR);
+ hydrating = true;
+ }
+ if (isTrue(hydrating)) {
+ if (hydrate(oldVnode, vnode, insertedVnodeQueue)) {
+ invokeInsertHook(vnode, insertedVnodeQueue, true);
+ return oldVnode
+ } else {
+ warn(
+ 'The client-side rendered virtual DOM tree is not matching ' +
+ 'server-rendered content. This is likely caused by incorrect ' +
+ 'HTML markup, for example nesting block-level elements inside ' +
+ ', or missing
. Bailing hydration and performing ' +
+ 'full client-side render.'
+ );
+ }
+ }
+ // either not server-rendered, or hydration failed.
+ // create an empty node and replace it
+ oldVnode = emptyNodeAt(oldVnode);
+ }
+
+ // replacing existing element
+ var oldElm = oldVnode.elm;
+ var parentElm$1 = nodeOps.parentNode(oldElm);
+
+ // create new node
+ createElm(
+ vnode,
+ insertedVnodeQueue,
+ // extremely rare edge case: do not insert if old element is in a
+ // leaving transition. Only happens when combining transition +
+ // keep-alive + HOCs. (#4590)
+ oldElm._leaveCb ? null : parentElm$1,
+ nodeOps.nextSibling(oldElm)
+ );
+
+ // update parent placeholder node element, recursively
+ if (isDef(vnode.parent)) {
+ var ancestor = vnode.parent;
+ var patchable = isPatchable(vnode);
+ while (ancestor) {
+ for (var i = 0; i < cbs.destroy.length; ++i) {
+ cbs.destroy[i](ancestor);
+ }
+ ancestor.elm = vnode.elm;
+ if (patchable) {
+ for (var i$1 = 0; i$1 < cbs.create.length; ++i$1) {
+ cbs.create[i$1](emptyNode, ancestor);
+ }
+ // #6513
+ // invoke insert hooks that may have been merged by create hooks.
+ // e.g. for directives that uses the "inserted" hook.
+ var insert = ancestor.data.hook.insert;
+ if (insert.merged) {
+ // start at index 1 to avoid re-invoking component mounted hook
+ for (var i$2 = 1; i$2 < insert.fns.length; i$2++) {
+ insert.fns[i$2]();
+ }
+ }
+ } else {
+ registerRef(ancestor);
+ }
+ ancestor = ancestor.parent;
+ }
+ }
+
+ // destroy old node
+ if (isDef(parentElm$1)) {
+ removeVnodes(parentElm$1, [oldVnode], 0, 0);
+ } else if (isDef(oldVnode.tag)) {
+ invokeDestroyHook(oldVnode);
+ }
+ }
+ }
+
+ invokeInsertHook(vnode, insertedVnodeQueue, isInitialPatch);
+ return vnode.elm
+ }
+}
+
+/* */
+
+var directives = {
+ create: updateDirectives,
+ update: updateDirectives,
+ destroy: function unbindDirectives (vnode) {
+ updateDirectives(vnode, emptyNode);
+ }
+}
+
+function updateDirectives (oldVnode, vnode) {
+ if (oldVnode.data.directives || vnode.data.directives) {
+ _update(oldVnode, vnode);
+ }
+}
+
+function _update (oldVnode, vnode) {
+ var isCreate = oldVnode === emptyNode;
+ var isDestroy = vnode === emptyNode;
+ var oldDirs = normalizeDirectives$1(oldVnode.data.directives, oldVnode.context);
+ var newDirs = normalizeDirectives$1(vnode.data.directives, vnode.context);
+
+ var dirsWithInsert = [];
+ var dirsWithPostpatch = [];
+
+ var key, oldDir, dir;
+ for (key in newDirs) {
+ oldDir = oldDirs[key];
+ dir = newDirs[key];
+ if (!oldDir) {
+ // new directive, bind
+ callHook$1(dir, 'bind', vnode, oldVnode);
+ if (dir.def && dir.def.inserted) {
+ dirsWithInsert.push(dir);
+ }
+ } else {
+ // existing directive, update
+ dir.oldValue = oldDir.value;
+ callHook$1(dir, 'update', vnode, oldVnode);
+ if (dir.def && dir.def.componentUpdated) {
+ dirsWithPostpatch.push(dir);
+ }
+ }
+ }
+
+ if (dirsWithInsert.length) {
+ var callInsert = function () {
+ for (var i = 0; i < dirsWithInsert.length; i++) {
+ callHook$1(dirsWithInsert[i], 'inserted', vnode, oldVnode);
+ }
+ };
+ if (isCreate) {
+ mergeVNodeHook(vnode, 'insert', callInsert);
+ } else {
+ callInsert();
+ }
+ }
+
+ if (dirsWithPostpatch.length) {
+ mergeVNodeHook(vnode, 'postpatch', function () {
+ for (var i = 0; i < dirsWithPostpatch.length; i++) {
+ callHook$1(dirsWithPostpatch[i], 'componentUpdated', vnode, oldVnode);
+ }
+ });
+ }
+
+ if (!isCreate) {
+ for (key in oldDirs) {
+ if (!newDirs[key]) {
+ // no longer present, unbind
+ callHook$1(oldDirs[key], 'unbind', oldVnode, oldVnode, isDestroy);
+ }
+ }
+ }
+}
+
+var emptyModifiers = Object.create(null);
+
+function normalizeDirectives$1 (
+ dirs,
+ vm
+) {
+ var res = Object.create(null);
+ if (!dirs) {
+ // $flow-disable-line
+ return res
+ }
+ var i, dir;
+ for (i = 0; i < dirs.length; i++) {
+ dir = dirs[i];
+ if (!dir.modifiers) {
+ // $flow-disable-line
+ dir.modifiers = emptyModifiers;
+ }
+ res[getRawDirName(dir)] = dir;
+ dir.def = resolveAsset(vm.$options, 'directives', dir.name, true);
+ }
+ // $flow-disable-line
+ return res
+}
+
+function getRawDirName (dir) {
+ return dir.rawName || ((dir.name) + "." + (Object.keys(dir.modifiers || {}).join('.')))
+}
+
+function callHook$1 (dir, hook, vnode, oldVnode, isDestroy) {
+ var fn = dir.def && dir.def[hook];
+ if (fn) {
+ try {
+ fn(vnode.elm, dir, vnode, oldVnode, isDestroy);
+ } catch (e) {
+ handleError(e, vnode.context, ("directive " + (dir.name) + " " + hook + " hook"));
+ }
+ }
+}
+
+var baseModules = [
+ ref,
+ directives
+]
+
+/* */
+
+function updateAttrs (oldVnode, vnode) {
+ var opts = vnode.componentOptions;
+ if (isDef(opts) && opts.Ctor.options.inheritAttrs === false) {
+ return
+ }
+ if (isUndef(oldVnode.data.attrs) && isUndef(vnode.data.attrs)) {
+ return
+ }
+ var key, cur, old;
+ var elm = vnode.elm;
+ var oldAttrs = oldVnode.data.attrs || {};
+ var attrs = vnode.data.attrs || {};
+ // clone observed objects, as the user probably wants to mutate it
+ if (isDef(attrs.__ob__)) {
+ attrs = vnode.data.attrs = extend({}, attrs);
+ }
+
+ for (key in attrs) {
+ cur = attrs[key];
+ old = oldAttrs[key];
+ if (old !== cur) {
+ setAttr(elm, key, cur);
+ }
+ }
+ // #4391: in IE9, setting type can reset value for input[type=radio]
+ // #6666: IE/Edge forces progress value down to 1 before setting a max
+ /* istanbul ignore if */
+ if ((isIE || isEdge) && attrs.value !== oldAttrs.value) {
+ setAttr(elm, 'value', attrs.value);
+ }
+ for (key in oldAttrs) {
+ if (isUndef(attrs[key])) {
+ if (isXlink(key)) {
+ elm.removeAttributeNS(xlinkNS, getXlinkProp(key));
+ } else if (!isEnumeratedAttr(key)) {
+ elm.removeAttribute(key);
+ }
+ }
+ }
+}
+
+function setAttr (el, key, value) {
+ if (el.tagName.indexOf('-') > -1) {
+ baseSetAttr(el, key, value);
+ } else if (isBooleanAttr(key)) {
+ // set attribute for blank value
+ // e.g.
+ if (isFalsyAttrValue(value)) {
+ el.removeAttribute(key);
+ } else {
+ // technically allowfullscreen is a boolean attribute for 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 女装
+ 
+ 切糕
+ 
+ 酥饼
+ 
+ 
+ 
+ 
+