body,html{ margin:0; padding:0; font-size:14px; color:#333; }
*{ font-family:'Microsoft YaHei','微軟雅黑'; outline:none; }
h1,h2,h3,h4,h5{ font-size:14px; margin:0; padding:0; }
ul,li{ list-style:none; padding:0; margin:0; }
i,em{ font-style:inherit; }
a,a img{ text-decoration:none; color:#1A5BCD; border:0; }
table,th,td{border-collapse:collapse;}
.iframePage{ padding:10px; }
.but{ border:0; background:#FF8100; color:#fff; font-size:16px; padding:10px 20px; cursor:pointer; }
.butMini{ border:0; background:#FF8100; color:#fff; font-size:14px; padding:5px 10px; cursor:pointer; border-radius:3px; }
.noneTip{ padding:50px 0; color:#999; text-align:center; }
.goodsNontTip{ text-align:center; padding:180px 0 0 0; color:#999; font-size:18px; background:url(img/noneTip.png) center 40px no-repeat;  }
.cartDiv{ position:fixed; right:0; bottom:300px; width:20px; padding:10px 8px; background:#FFAB03; color:#fff; cursor:pointer; text-align:center; border-radius:10px 0 0 10px; }
.cartDiv i{ display:block; width:20px; height:20px; line-height:20px; text-align:center; border-radius:13px; background:#fff; color:#ff0000; margin-top:5px; font-size:12px; }
.codeDiv{ position:fixed; left: 5px; top:200px; width:90px; border: 1px solid #e0e0e0; padding:5px; text-align: center; }
.codeDiv .closeBtn { position: absolute; right: 3px; top: 3px; border: 1px solid #ffc891; text-decoration: none; border-radius: 3px; width: 12px; height: 12px; font-family: tahoma; color: #dd7e00; line-height: 10px; text-align: center;  font-size: 14px; cursor:pointer; }
.codeDiv img { width: 80px; margin-top: 10px; }

/*通用樣式*/
.currencyNameDiv,.currencyDiv{ display:none; }
.express_price{ display:none; }
.container{ width:1200px; margin:auto; display:table; }
.mainDiv{ width:1200px; margin:auto; display:table; overflow:none; }
/*錯誤提示*/
.errorDiv{ width:500px; padding:30px; border:1px solid #eee; background:#F2F2F2; text-align:center; margin:20px auto; border-radius:10px; }
.errorDiv h3{ font-size:18px; margin-bottom:10px; }
.errorDiv a{ display:block; margin-top:10px; }
/*商品列表*/
.goodsShow{ width:1200px; overflow:hidden; }
.goodsShow ul{ width:1220px; display:table; }
.goodsShow li{ float:left; width:226px; height:355px;  margin:0 15px 18px 0; border:1px solid #eee;  }
.goodsShow li .cover { position: relative; }
.goodsShow li .cover img{ width:226px; height:226px; }
.goodsShow li .cover .ad-flag { background: rgba(189,189,189,0.7); color: #fff; text-align: center; width: 30px; height: 20px; position: absolute; right: 5px; bottom: 10px; }
.goodsShow li .title{ padding:5px; color:#333; height:40px; line-height:21px; overflow:hidden; }
.goodsShow li .title a{ font-size:14px; color:#333;}
.goodsShow li .title a{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.goodsShow li .price{ padding:5px; color:#333; color:#FF7C00; height:20px; line-height:20px; }
.goodsShow li .price span{ float:right; color:#999; font-size:12px; }
.goodsShow li .shopName{ background:#f9f9f9; text-align:center; padding:10px; height:19px; margin-top:5px; color:#888; }
.goodsShow li .shopName a{ color:#888; }
/*頂部*/
.topBar{ background:#F6F5F5; padding:10px; }
.topBar .userInfo{ float:left; }
.topBar .userInfo span{ color:#F00018; }
.topBar .userInfo .idck { width: 15px; }
.topBar .menu{ float:right; }
.topBar .menu a{ float:left; }
.topBar .menu em{ float:left; margin:0 5px; color:#999; }
.topBar .menu span{ float:left; }
.topBar .menu span i{ color:#ff0000; margin-right:3px; }
/*頭部*/
.headBar{ background:#fff; padding:10px 0; }
.headBar .logo{ float:left; }
.headBar .banner{ float:left; }
.headBar .search{ float:right; padding-top:25px; }
.headBar .search input{ float:left;  }
.headBar .search #wd{ border:1px solid #e2e2e2; border-right:0; height:30px; line-height:30px; padding:0 0 0 30px; width:200px; }
.headBar .search #wd{ background:#fff url(img/icon_search.png) 8px center no-repeat;  }
.headBar .search .but{ background:#eb2440; color:#fff; border:0; height:32px; line-height:32px; padding:0 10px;}
/*店鋪頭部*/
.shopHeadBar{ background:#fff; padding:0; height:68px; }
.shopHeadBar .container{ width:1200px; overflow:hidden; }
.shopHeadBar .logo img{ width:230px; }
.shopHeadBar .banner img{ width:500px; }
.shopHeadBar .serchShopBut{ margin-left:5px; background:#F99D1C!important; }
.shopHeadBar .search{ padding-top:18px; }
/*導航*/
.nav{ background:#ca141d; height:45px; margin-bottom:10px; }
.nav .menuList a{ float:left; height:45px; line-height:45px; color:#fff; font-size:16px; padding:0 20px; cursor:pointer; }
.nav .menuList a:hover{ background:#d9141e; }
.nav .menuList a.cur{ color:#fff; background:#ba181f; height:45px; }
.nav .allCategory{ width:180px; font-size:14px!important; background:#e63547; border:1px solid #f86675; border-bottom:0; border-top:0; }
.nav .allCategory i{ float:right; font-size:12px; }
.nav .allCategory:hover{ background:#e63547!important; }
/*導航條所有類別DIV*/
.allCategoryDiv{ position:absolute; z-index:99; margin-top:45px; margin-left:1px; display:none; }
.allCategoryDiv .level1{ background:#e63547; border-top:1px solid #da3243; min-height:393px; width:220px; padding-top:5px; padding-bottom: 5px; }
.allCategoryDiv .level1 li{ padding:8px 5px 8px 10px; margin:0 0 0 5px; }
.allCategoryDiv .level1 .cateName{ display:block; color:#fff; margin-bottom:3px; font-weight:bold; }
.allCategoryDiv .level1 .child{ display:table; }
.allCategoryDiv .level1 .child a{ float:left; margin-right:5px; color:#ffb7ba; }
.allCategoryDiv .level1 li.cur{ background:#fcf7f7; }
.allCategoryDiv .level1 li.cur .cateName{ color:#e63547;  }
.allCategoryDiv .level1 li.cur .child a{ color:#FF999D; }
.allCategoryDiv .level1 li.cur .child a:hover{ color:#999; }
.allCategoryDiv .level2{ position:absolute; background:#fcf7f7; left:220px; top:0; min-height:400px; width:700px; display:none; }
.allCategoryDiv .level2 .topMenu{ display:table; padding:10px 0 20px 0; font-size:12px; }
.allCategoryDiv .level2 .topMenu a{ float:left; background:#5c5251; padding:6px 8px; color:#fff; margin-left:30px; }
.allCategoryDiv .level2 .topMenu a:hover{ background:#ca141d }
.allCategoryDiv .level2Block{ height:30px; font-size:12px; }
.allCategoryDiv .level2Block .title{ float:left; color:#666; font-weight:bold; min-width:80px; text-align:right; }
.allCategoryDiv .level2Block i{ float:left; padding:0 10px;  }
.allCategoryDiv .level2Block .level3{ float:left; display:table;  }
.allCategoryDiv .level2Block .level3 a{ float:left; padding:0 10px; color:#666; border-left:1px solid #e0e0e0;  }

/*用戶中心*/
.userMenu{ float:left; width:170px; min-height:500px; border:1px solid #eee; background:#FAF9F9; }
.userMenu h3{ border-bottom:1px dotted #ddd; padding:10px 20px; margin-bottom:10px;  }
.userMenu h3 span{ color:#999; font-weight:normal; font-size:12px; }
.userMenu a{ display:block; padding:10px 20px; color:#333; }
.userMenu a i{ padding-right:5px; }
.userMenu a.cur{ background:#F2F2F2; color: #ca141d; }
.userMenu a:hover { background: #F2F2F2; }
.userMain{ float:right; width:1015px; min-height:502px; }
.userMain .welcome{ background:#FEF5D6; padding:10px 10px; }
.userMain .userIndexTable{ width:100%; margin-top:10px; }
.userMain .userIndexTable th,.userMain .userIndexTable td{ border:1px solid #ddd; padding:10px; text-align:center; }
.userMain .userIndexTable th{ text-align:left; background:#f2f2f2; }
.userMain .userIndexTable th input{ float:right; margin-left:10px; border:0; background:#F80000; color:#fff; height:22px; line-height:22px; padding:0 10px; border-radius:5px; cursor:pointer; }
.userMain .userIndexTable th a{ float:right; font-weight:normal; }
.userMain .userIndexTable .name{ background:#fafafa; width:1%; }
.userMain .userIndexTable .num,.userMain .userIndexTable .num a{ color:#FFA500; }
.userMain .tabMenu{ height:40px; position:relative; bottom:-2px; border-bottom:3px solid #ccc; }
.userMain .tabMenu a{ float:left; border-bottom:3px solid #ccc; padding:0 25px; height:40px; }
.userMain .tabMenu a{ font-size:16px; line-height:40px; color:#333; }
.userMain .tabMenu a i{ color:#FF9B00; }
.userMain .tabMenu a.cur{ border-bottom:3px solid #FF9B00; color:#FF9B00; font-weight:bold; }
.userMain .tabMenu a:hover { color:#FF9B00; font-weight:bold; }
/*訂單列表頁面*/
.orderList{}
.orderTable{ width:100%; }
.orderTable,.orderTable td,.orderTable th{ border:1px solid #dfdfdf; border-collapse: collapse;  margin-top:10px; text-align:center; padding:10px; vertical-align:top;  }
.orderTable th{ background:#F6F6F6; font-weight:normal; border-left:0; border-right:0; text-align:left; font-size:12px; }
.orderTable .th1{ width:60px; }
.orderTable .th2{ width:320px; }
.orderTable .th3{ width:60px; }
.orderTable .th4{ width:80px; }
.orderTable .th5{ width:115px; }
.orderTable .th6{ width:140px; }
.orderTable th strong{ margin-right:10px; }
.orderTable th .shopName{ margin-left:50px; }
.orderTable th .del{ float:right; cursor:pointer; line-height:20px; margin-right:5px; }
.orderTable .goodsList{ width:550px; padding:0; }
.orderTable .totalPrice{ width:120px; line-height:23px; }
.orderTable .totalPrice span{ color:#999; font-size:12px; }
.orderTable .state{ width:170px; line-height:23px; }
.orderTable .state a{ color:#666; }
.orderTable .action button{ margin-bottom:8px; }
.goodsTable{ width:100%;  }
.goodsTable tr{ border-bottom:1px dotted #ddd; }
.goodsTable td,.orderTable th{ border:0; }
.goodsTable .cover{ width:70px; border-right:0; }
.goodsTable .cover img{ width:70px; height:70px; }
.goodsTable .name{ width:300px; text-align:left; padding-left:0px; border-left:0; border-right:0; }
.goodsTable .name span{ display:block; color:#aaa; margin-top:8px; font-size:12px; }
/*查看訂單詳情*/
.logList{ background:#F2F2F2; padding:10px; margin-bottom:10px; line-height:1.8; }
.logList .state{ border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:5px; }
.shopInfo{ background:#F2F2F2; padding:10px; margin-bottom:10px; }
.address{ background:#F2F2F2; padding:10px; margin-bottom:10px; }
.orderView .GoodsList{ margin-top:8px; }
.orderView .GoodsList tr td,.orderView .GoodsList tr th{ border-left:0; border-right:0; }
.orderView .GoodsList .cover{ width:50px; border-right:0; }
.orderView .GoodsList .cover img{ width:50px; height:50px; }
.orderView .GoodsList .name{ width:300px; text-align:left; padding-left:0px; vertical-align:top;  }
.orderView .GoodsList .name span{ display:block; color:#aaa; margin-top:5px; font-size:12px; }
/*我的收藏夾*/
.favoritesList{ width:1015px; overflow:hidden; margin-top:10px; }
.favoritesList ul{ width:1050px; }
.favoritesList li{ margin-right:16px; width:188px; height:273px; overflow:hidden; }
.favoritesList li .cover img{ width:188px; height:188px; }
.favoritesList li .price span{ cursor:pointer;  }
.favoritesList li .price span:hover{ color:#ff0000; }
/*購物車*/
.cartShopName{  margin:10px 0 5px 0; color:#A12C2C; }
.cartTotalBar{ padding:7px 0px 5px 20px; background:#EDEDED; position:fixed; z-index:99; bottom:0; left:0; width:100%; line-height:35px; font-size:16px; }
.cartTotalBar span{ color:#FF8100;  }
.cartTotalBar input{ border:0; background:#FF8100; padding:8px 10px; color:#fff; float:right; margin-right:10px; }
.cartTotalBar .clear{ background:#aaa; }
.cartTotalBar .close{ margin-right:35px; background:#aaa; }
.cartTbale{ width:100%; }
.cartTbale,.cartTbale td,.cartTbale th{ border:1px solid #ddd; border-collapse: collapse; }
.cartTbale tr:hover{background:#FBFBFB; }
.cartTbale th{ padding:8px 10px; background:#F6F6F6; font-weight:normal; }
.cartTbale td{ text-align:center; padding:5px; }
.cartTbale .cover img{ width:50px; height:50px;  }
.cartTbale .name span{ display:block; color:#aaa; margin-top:8px; font-size:12px; }
.cartTbale .num input{ border:0; background:#eee; cursor:pointer; height:22px; width:22px; line-height:20px; }
.cartTbale .num span{ font-weight:bold; padding:0 5px; }
.cartTbale .expressInfo{ padding:8px 10px; background:#FBFBFB; text-align:left; }
.cartTbale .expressInfo span{ color:#FF8100; }
.cartTbale .price{ color:#FF8100; }
.cartTbale .totalPrice{ color:#FF8100; font-weight:bold; }
.cartTbale .select{ width:50px; }
.cartTbale .cover{ width:50px; }
.cartTbale .name{ width:42%; }
.cartTbale .num{ width:12%; }
.cartTbale .price{ width:12%; }
.cartTbale .totalPrice{ width:12%; }
.cartTbale .operation{}
.cartNoneTip{ background:#fff url(img/cartNoneTip.png) center 50px no-repeat;  text-align:center; padding-top:250px; color:#aaa; font-size:18px; }
.cartNoneTip input{ padding:8px 20px; background:#ccc; border:0; margin-top:20px; border-radius:5px; cursor:pointer; color:#666; }
.cartTbale .userNote input{ width:1080px; padding:0 5px; line-height:20px; border:1px solid #ddd;  }
/*下單頁面*/
.createOrder .priceBar{ display:table; width:1180px; padding:7px 0px 5px 20px; background:#EDEDED; line-height:40px; font-size:16px; margin-top:10px; }
.createOrder .priceBar span{ color:#FF8100; }
.createOrder .priceBar em{ color:#ff0000; font-size:18px; font-weight:bold; }
.createOrder .priceBar input{ border:0; background:#ff0000; padding:10px 30px; color:#fff; float:right; margin-right:10px; font-size:16px; cursor:pointer; }
.createOrder .listTitle{ padding:10px; font-size:16px; background:#F1F1F1; }
.createOrder .addressList{ padding:10px; }
.createOrder .addressList label{ display:block; padding:0px 10px; line-height:40px; }
.createOrder .addressList label a{ float:right; margin-right:10px; display:none; }
.createOrder .addressList label span{ color:#999; font-weight:bold; }
.createOrder .addressList label.cur{ background:#FFEECE; }
.createOrder .addressList label:hover{ background:#F7F7F7; }
.createOrder .addressList label:hover.cur{ background:#FFEECE; }
.createOrder .addressList label:hover a{ display:inline; }
.createOrder .addressList button{ margin:10px 32px; }
.createOrder .addressList .addressTpl{ display:none; }
.createOrder .addressList .notip{ display:none; }
/*支付頁面*/
.payDiv{ background:#F6F6F6 url(img/paydiv.png) 80px center no-repeat;  margin:10px auto auto auto; padding:40px 40px 40px 400px;  }
.payDiv h3{ font-size:18px; border-bottom:1px dotted #ddd; padding-bottom:10px; }
.payDiv h3 span{ float:right; font-weight:normal; font-size:14px; }
.payDiv .total{ min-width:420px; display:table; margin:30px 0; font-size:16px; background:#FFF6E9; padding:10px; border:2px solid #F4B01A;  }
.payDiv .total span{ font-size:24px; color:#FFA500; }
.payDiv .total i{ font-size:18px; color:#FFA500; }
.payDiv .tip{ font-size:16px; }
.payDiv .tip span{ color:#FFA500; }
.payDiv .tip i{ color:#FFA500; }
.payDiv .but{ margin-top:30px; }
.payDiv .password{ font-size:22px; }
.payDiv .password input{ font-size:16px; border:1px solid #ddd; width:200px; padding:7px 5px; }
.payDiv .password .but{ padding:7px 20px; }
/*頁腳*/
.footMenu{ background:#f3f3f3; padding:20px 0; margin-top:20px; }
.footMenu div div{ float:left; width:230px; border-left:1px solid #e6e6e6; padding-left:20px; height:200px; }
.footMenu .first{ margin-left:100px; border:0; }
.footMenu div h3{ font-size:18px; margin-bottom:10px; }
.footMenu div a,.footMenu div span{ display:table; color:#848484; font-size:16px; line-height:28px; }
.footMenu div a:hover { background: #E0E0E0; }
.foot{ text-align:center; padding:15px 0; font-size:14px; }
/*分頁頁碼*/
.pageHtml{ margin-top:10px;  }
.pageHtml ul li{ float:left; border:1px #e2e2e2 solid; border-left-width:0px;  }
.pageHtml ul li a,.pageHtml ul li span{ display: block; padding:6px 13px; }
.pageHtml ul li:first-child{ border-left-width:1px; border-radius: 3px 0 0 3px; }
.pageHtml ul li:last-child{ border-radius: 0 3px 3px 0; }
.pageHtml ul li:hover{ background:#feb658; color:#fff; cursor: pointer; border-color:#feb658;}
.pageHtml ul li:hover a{ color:#fff; }
.pageHtml ul li.active{ background:#fe9813; color:#fff; border-color:#fe9813; }
.pageHtml ul li.active a{ color:#fff; }
.pageHtml .disabled{ color: #999; }
.pageHtml .disabled:hover{ background:none; color:#999; cursor: default; border-color:#e2e2e2;}
/*首页分页*/
.lookMore { margin: 10px auto; width: 300px; height: 40px; line-height: 40px; font-size: 14px; color: #333;
 text-align: center; background: #fff; border: 1px solid #e0e0e0; cursor: pointer; display: block; }
.indexPageHtml { margin: 10px auto; height: 40px; display: flex; text-align: center; }
.indexPageHtml ul { display: flex; margin: 0 auto; }
.indexPageHtml ul li { font-size: 16px; width: 40px; height: 40px; line-height: 40px; }
.indexPageHtml ul li a,.indexPageHtml ul li span { color: #adadad; }
.indexPageHtml ul li.active { background:#ee4d2d; }
.indexPageHtml ul li.active span { color: #fff }

/*通用表格*/
.listTable{ width:100%; border-collapse:collapse; }
.listTable th,.listTable td{ border:1px #ddd solid; padding:10px 5px; text-align:center; font-size:14px; }
.listTable th{ background:#f2f2f2; font-weight:bold; }
.listTable td{ background:#fcfcfc; }
.listTable td a{ color:#0034FF; }
.listTable tr:hover td{ background:#fffbe7; }
.listTable .left{ text-align:left; }
.listTable.banner th,.listTable.banner td{ border-left:0; border-right:0; }
/*首頁*/
.indexTitle{ width:1180px; border-bottom:5px solid #c82c2c; background:#F2F2F2; padding:10px; margin-bottom:10px; font-size:16px; color:#c82c2c; margin-top: 30px; }
.rotation { display: flex; justify-content: space-between; }
/*首頁輪播*/
.indexRotation{ width:720px; min-height:400px; background:#F6F6F6; margin:-10px 0 10px 220px; position:relative; }
.indexRotation .dot { position:absolute; bottom:0px; right:80px; }
.indexRotation .dot li{ margin:0 2px; display:inline-block; zoom:1; *display:inline; }
.indexRotation .dot li a{ background:url(img/dot.png) no-repeat 0 -16px; display:block; height:16px; overflow:hidden; text-indent:-99em; width:16px; cursor:pointer; }
.indexRotation .dot li a.flex-active,.indexRotation .dot li.active a{ background-position:0 0; }
/*公告栏*/
.noticeRotation { width: 260px; height: 400px; background: #f2f2f2; position: relative; top: -10px; right: -10px; padding: 10px; box-sizing: border-box; }
.noticeRotation .header { display: flex; justify-content: space-between; }
.noticeRotation .header .title { font-weight: bold; }
.noticeRotation .header .more { color: #B6B6B6; cursor: pointer; }
.noticeRotation .content { background: #fff; width: 100%; height: 41%; margin: 10px 0; padding: 10px; overflow-y: hidden; box-sizing: border-box; color: #333; }
.noticeRotation .content ul li { margin-bottom: 5px; }
.noticeRotation .content ul li a { color: #333 !important; }
.noticeRotation .autoscroll { animation: scroll-down 30s linear infinite; }
.noticeRotation .user-info { color: #ff7e00; }
.noticeRotation .goods-info { color: #339900; }
.noticeRotation .no-notice { width: 100%; height: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center; }
@keyframes scroll-down {
    from {
      	transform: translateY(0);
    }
    to {
      	transform: translateY(-100%);
    }
}

/*登录页*/
.userLogin { width:750px; height:400px; background:#fff; border-radius:18px; margin: 30px auto; border: 1px solid #e0e0e0; padding:50px; box-sizing:border-box; }
.userLogin .title { font-size: 20px; font-weight: 600; line-height: 20px; letter-spacing: 0; color: #ca141d; width:100%; text-align:center; }
.userLogin .loginForm { margin-top: 10px; width:100%; }
.userLogin .loginForm .formInput { width: 100%; text-align:center; }
.userLogin .loginForm .formInput input { padding: 0 20px; height: 42px; border-radius: 21px; opacity: 1;
    border: none; background: #f3f3f3; font-size: 14px; font-weight: 500; line-height: 42px;
    letter-spacing: 0; color: #111; width: 50%; margin: 20px auto 0; }
.userLogin .loginForm .alertMessage { width: 50%; height: 20px; line-height: 20px; padding: 0 20px; margin: 10px auto 0; font-size: 12px; color: #9e9e9e; }
.userLogin .loginForm .alertMessage i { color: #ca141d; margin-right: 5px; }
.userLogin .loginForm .submitBtn { width: 50%; height: 42px; border-radius: 21px; opacity: 1; background: linear-gradient(102deg, #f86675 7%, #e63547 59%); font-size: 16px; font-weight: 500; line-height: 42px; text-align: center; letter-spacing: 0; color: #fff; margin: 20px auto 0; padding: 0 20px; cursor: pointer; }
.userLogin .footer { width: 50%; height: 100px; margin: 10px auto 0; }
.userLogin .footer .with {  display: flex; justify-content: space-between; }
.userLogin .footer .with .reg, .find { color: #999; cursor: pointer; height:50px; display: flex; justify-content: center; flex-direction: column; }
.userLogin .footer .wechatLogin { cursor: pointer; width: 100%; height: 30px; display: flex; justify-content: center; margin-top: 10px; }
.userLogin .footer .wechatLogin img { height: 33px; width: 111px; }
/*註冊頁*/
.userReg  { width:750px; height:600px; background:#fff; border-radius:18px; margin: 30px auto; border: 1px solid #e0e0e0; padding:50px; box-sizing:border-box; }
.userReg .title { font-size: 20px; font-weight: 600; line-height: 20px; letter-spacing: 0; color: #ca141d; width:100%; text-align:center; }
.userReg .regForm { margin-top: 10px; width:100%; }
.userReg .regForm .formInput { width: 100%; text-align:center; position: relative; }
.userReg .regForm .formInput input,
.userReg .regForm .formInput select { padding: 0 20px; height: 42px; border-radius: 21px; opacity: 1;
    border: none; background: #f3f3f3; font-size: 14px; font-weight: 500; line-height: 42px;
    letter-spacing: 0; color: #111; width: 50%; margin: 20px auto 0; box-sizing: content-box; }
.userReg .regForm .formInput select::-ms-expand { display: none; }
.userReg .regForm .formInput select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.userReg .regForm .formInput span { position: absolute;
    right: 25%;
    top: 20px;
    line-height: 42px; cursor: pointer; color: #ca141d; }
.userReg .regForm .alertMessage { width: 50%; height: 20px; line-height: 20px; padding: 0 20px; margin: 10px auto 0; font-size: 12px; color: #9e9e9e; }
.userReg .regForm .alertMessage i { color: #ca141d; margin-right: 5px; }
.userReg .regForm .submitBtn { width: 50%; height: 42px; border-radius: 21px; opacity: 1; background: linear-gradient(102deg, #f86675 7%, #e63547 59%); font-size: 16px; font-weight: 500; line-height: 42px; text-align: center; letter-spacing: 0; color: #fff; margin: 20px auto 0; padding: 0 20px; cursor: pointer; }


/*分類列表*/
.sideDiv{ float:left; width:220px; }
.sideDiv .categoryList h3{ background:#E63547; padding:10px; color:#fff; }
.sideDiv .categoryList{ float:left; width:220px; border:1px solid #E63547; margin-bottom:10px;  }
.sideDiv .categoryList ul{  padding:5px 0; }
.sideDiv .categoryList a{ display:block; padding:10px 0 10px 30px; border-radius:5px; margin:0 10px; color:#333; }
.sideDiv .categoryList a{ background:url(img/cateIcon.png) 15px center no-repeat; }
.sideDiv .categoryList a:hover{ background-color:#F2F2F2; }
.sideDiv .categoryList a.cur{ color:#ff0000; font-weight:bold; background-color:#FCF3F3; }
.goodsShowSide{ width:220px; overflow:hidden; border:1px solid #ddd;  }
.goodsShowSide h3{ padding:10px; background:#EFEFEF; margin-bottom:15px;  }
.goodsShowSide ul{ width:220px; }
.goodsShowSide li{ margin-left:8px; width:200px; height:300px; overflow:hidden; border:0; }
.goodsShowSide li .cover img{ width:200px; height:200px; }
.goodsShowSide li .title{ height:auto; }

.sideMain{ float:right; width:970px; }
.location{ display:table; width:100%; background:#ececec; margin-bottom:10px; }
.location a,.location span{ float:left; font-weight:bold; height:35px; line-height:35px; color:#666; padding:0 20px 0 10px;  }
.location a{ font-weight:normal; background:url(img/locationLine.png) right center no-repeat; }
.location em{ float:right; height:35px; line-height:35px; border-left:#F3F3F3 1px solid; padding:0 30px 0px 20px; cursor:pointer; }
.location em.desc{ background:url(shop_img/orderDescIcon.png) 50px -35px no-repeat; }
.location em.asc{ background:url(shop_img/orderAscIcon.png) 50px -35px no-repeat; }
.location em.cur{ background-position:50px 0;  }

.level3List{ border:1px solid #ddd; display:table; width:100%; background:#f9f9f9; margin-bottom:10px;  }
.level3List a{ float:left; color:#333; padding:10px 20px; }
.level3List a.cur{ background:#eee; }

.categoryGoodsList{ width:970px; overflow:hidden; }
.categoryGoodsList ul{ width:1020px; }
.categoryGoodsList li{ margin-right:15px; width:229px; height:358px; overflow:hidden; }
.categoryGoodsList li .cover img{ width:229px; height:229px; }

/*幫助中心*/
.sideDiv .helpCategory h3{ background:#E9E9E9; padding:10px; color:#333; }
.sideDiv .helpCategory{ float:left; width:220px; border:1px solid #DFDFDF; margin-bottom:10px;  }
.sideDiv .helpCategory ul{  padding:5px 0; }
.sideDiv .helpCategory a{ display:block; padding:10px 0 10px 30px; border-radius:5px; margin:0 10px; color:#333; }
.sideDiv .helpCategory a{ background:url(img/helpIcon.png) 15px center no-repeat; }
.sideDiv .helpCategory a:hover{ color:#ff0000; }
.sideDiv .helpCategory a.cur{ color:#ff0000; font-weight:bold; }

.helpList ul{ display:table; width:800px; padding-top:10px;  }
.helpList ul li{ padding:3px 10px; }
.helpList ul li a{ padding:10px; color:#0465CD; font-size:16px; }

.helpContent .title{ text-align:center; padding:30px 0; border-bottom:1px dotted #ddd; font-size:24px; width:98%; margin:auto;  }
.helpContent .content{ width:98%; margin:auto; line-height:1.8;  }
.helpContent .back{ margin:auto; width:100px; text-align:center; padding:10px 20px; background:#FEBA61; color:#fff; border-radius:5px; cursor:pointer; }

/*我的地址*/
.userMain h5{ border-bottom:2px solid #ddd; padding:10px; font-size:16px; margin-bottom:10px; }
.userMain .addressList{ padding:10px; }
.userMain .addressList label{ display:block; padding:0px 10px; line-height:40px; }
.userMain .addressList label a{ float:right; margin-right:10px; display:none; }
.userMain .addressList label span{ color:#999; font-weight:bold; }
.userMain .addressList label.cur{ background:#FFEECE; }
.userMain .addressList label:hover{ background:#F7F7F7; }
.userMain .addressList label:hover.cur{ background:#FFEECE; }
.userMain .addressList label:hover a{ display:inline; }
.userMain .addressList button{ margin:10px 32px; }
.userMain .addressList .addressTpl{ display:none; }
.userMain .addressList .notip{ display:none; }

/*會員首頁*/
.userMain .tabContent { padding: 20px; width: 100%; box-sizing: border-box;}
.userMain .tabContent .title { font-size: 16px; font-weight: bold; text-align: center; width: 100%; padding-bottom: 30px; }
.userMain .tabContent .row { display: flex; margin-bottom: 20px; }
	/*儲值方式排列*/
.userMain .tabContent ul { width:80%;margin-bottom: 20px; white-space:nowrap}
.userMain .tabContent li { float:left;display: flex; margin-bottom: 20px; }
    /**/
.userMain .tabContent .row .col-1 { flex: 1; }
.userMain .tabContent .row .col-2 { flex: 2; }
.userMain .tabContent .row .col-3 { flex: 3; }
.userMain .tabContent .row .col-4 { flex: 4; }
.userMain .pass { border: 1px solid #00a65a; color: #00a65a; padding: 5px; width: 60px; text-align: center; }
.userMain .unpass { border: 1px solid #dd4b39; color: #dd4b39; padding: 5px; width: 60px; text-align: center; cursor: pointer; }
.userMain .unsubmit { border: 1px solid #f39c12; color: #f39c12; padding: 5px; width: 60px; text-align: center; }
.userMain .button { min-width: 80px; height: 30px; color: #333; text-align: center; border-radius: 5px; background: #dadada; border: none; cursor: pointer; }


.userMenu .orderCount { margin-left: 5px; color: #ca141d; font-weight: bold; }

/*色系等guo*/

.pink{color:#FF00FF}
.red{color:#FF0000}
.green{color:#339933}
.blue{color:#2225BD}
.gray{color:#D0D0D0}
.link{border-bottom:1px #06C solid; color:#06C;}
	.link b{ color:#06C;}
.noborder{ border:0;}
	.noborder tr td{ border:0;}
.nopadding{ padding:0;}
	.nopadding tr td{ padding:0;}
.underline{text-decoration:underline;cursor:pointer;color:#339933;}

a{ text-decoration:none;}
	a:hover{ color:#F60}
	td,th,span{ line-height:1.8; font-family:Arial, Helvetica, sans-serif;color:#333;}
em{font-style:normal;}
.pointer{cursor:pointer;}
