*{ margin:0; padding:0; box-sizing:border-box; outline:0; -webkit-tap-highlight-color:transparent; }
::-webkit-scrollbar{ width: 4px; height: 4px; background-color: #F5F5F5; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F5F5F5; }
::-webkit-scrollbar-thumb{ border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); background-color: #4977f7; }
html{ height:100%; font-size:16px; }
body{ background:#f4f5f9; font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif; color:#333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[v-cloak]{ display:none; }
.fx{ display:flex; }
.fc{ flex-direction:column; }
.f1{ flex:1; }
.xl{ justify-content:flex-start; }
.xc{ justify-content:center; }
.xr{ justify-content:flex-end; }
.yc{ align-items:center; }
.yb{ align-items:flex-end; }
.jsb{ justify-content:space-between; }
.w100{ width:100%; }
.h100{ height: 100%; }
input{ appearance:none; }

.app{ width:100%; max-width:460px; margin:0 auto; font-family:Avenir,Helvetica,Arial,sans-serif; }
header{ background:#fff; border-radius:5px; padding:13px;}
header .logo{ width:65px; height:65px; }
header .logo img{ width:100%; height:100%; }
header .c{ padding:0 15px; }
header .c b{ font-size:20px; margin-bottom:5px; }
header .c span{ font-size:15px; color:#d5aa12; line-height:23px; }
header .r{}
header .r span{ font-size:15px; color:#999999;}

.nav{ overflow:hidden; }
.mtitle{ background-image: linear-gradient(to right, #4781fe, #6045eb); height:46px; border-top-left-radius:5px; border-top-right-radius:5px; overflow:hidden; color:#fff; padding-left:12px; font-weight:bold; font-size:18px; }
.el-tabs__header { background-color: white; margin: 0 0 5px; }
.el-tabs__nav-wrap { padding: 0 20px; }

.product-list{}
.product-list .item{ background:#fff; margin-top:10px; }
.product-list .item .litpic { background:#fff; padding:10px; overflow:hidden; }
.product-list .item .litpic img{ width:100px; height:100px; float:left;}
.product-list .item .r{ padding:10px 10px 10px 20px; }
.product-list .item .r .t{ font-size:15px; }
.product-list .item .r .p{ font-size:18px; color:#FF5722; font-weight:600; }
.product-list .item .r .b{  }
.product-list .item .r .b b{ color:#E91E63; font-weight:normal; font-size:15px; }
.product-list .item:first-child{ margin-top:0; }

.footer{ width:100%; max-width:460px; margin:0 auto; bottom:0; position:fixed; z-index:100; background:#fff; height:55px;box-shadow: 0 0 3px 1px #8a8a8a2b; user-select:none; }
.footer a{ color:#8a8a8a; text-decoration:none; }
.footer a .img{}
.footer a .img i{ font-size:22px; }
.footer a .text{ font-size:14px; }
.footer a.active .text{ color:#1160f1; }
.footer a.active .img i{ color:#1160f1; }

.empty-list{ padding:20px 0; font-size:13px; color:#909399; user-select:none; }

.float-query{ position:fixed; z-index:100; left:0; top:5px; width:80px; height:30px; border-top-right-radius:15px; border-bottom-right-radius:15px; background:#ffb971; opacity:0.6; user-select:none; font-size:12px; color:#333; padding-right:8px; }
.float-query-right{ position:fixed; z-index:100; right:0; top:5px; width:80px; height:30px; border-top-left-radius:15px; border-bottom-left-radius:15px; background:#ffb971; opacity:1; user-select:none; font-size:12px; color:#fff; text-decoration:none; }
.float-query-right span{ line-height:1em; }

/*详情页*/
.product-imgs{ overflow:hidden; }
.product-imgs img{ width:100%; float:left; }
.order-form .form{ background:#fff; padding:10px 15px; }
.order-form .form .price{ color:#FF9800; font-size:16px; }