﻿html,body{ padding-bottom:50px; background: #f2f2f2;}

.container{ max-width:800px !important;}

.gray{ color:gray !important;}
.black{ color:black !important;}
.red{ color:red !important;}
.green{ color:green !important;}
.white{ color:white !important;}

.pull-left{ float:left;}
.pull-right{ float:right;}

.font12{ font-size:12px !important;}

.list-title{ font-size:16px; font-weight:normal; height:40px; line-height:40px; margin-top:0.5rem;}

.navbar-nav{ width:100%;}
.navbar-nav .nav-item{ width:25%; text-align:center;}
.navbar-nav .nav-item .fa{ font-size:24px; color:#cccccc;}
.navbar-nav .nav-item .nav-link{ padding:0;}

.Logo{ text-align:center;}
.Logo img{ width:30%;}

.TopBanner{ height:190px; }
.TopBanner img{ width:100%;}

.PDFL{ padding:10px;  max-width:800px !important; margin:0 auto;}
.PDFL ul{ margin:0; padding:0;}
.PDFL ul li{ border-radius:5px; list-style:none; display:inline-block; width:17%; margin:0 1%; overflow:hidden; zoom:1; text-align:center; font-size:12px;}
.PDFL ul li img{ width:100%;}

.PPTJItem{}
.PPTJItem img{ width:100%;}
.PPTJItem div{ text-align:center; color:#888;}

.TJFL_BT{ font-weight:normal; font-size:1.5rem; text-align:center; margin:10px 0;}
.TJFL_LB{ clear:both; overflow:hidden; zoom:1; display:block; padding:10px;}
.TJFL_LB ul{ margin:0; padding:0; list-style:none;}
.TJFL_LB ul li{ margin:0; padding:0; width:50%; height:260px; background:#fff; border-radius:5px; float:left;}
.TJFL_LB ul li .TP{ width:100%; min-height:120px; overflow:hidden; zoom:1; display:block; margin:0 auto; margin-top:0px;}
.TJFL_LB ul li .TP img{ width:100%;}
.TJFL_LB ul li .BT{ height:40px; line-height:20px; overflow:hidden ;zoom:1; text-overflow:ellipsis; margin-top:5px; padding:0 5px;}
.TJFL_LB ul li .DJ{ padding-top:5px; color:orangered; font-weight:bold;}


.RMPD{ text-align:center; margin-top:20px; font-size:10px;}
.RMPD .ICON{ background:#b6ff00; border-radius:50px; width:50px; height:50px; line-height:60px; overflow:hidden; zoom:1; display:block; margin:0 auto;}
.RMPD .ICON .fa{ font-size:24px; color:white;}
.RMPD a{ color:black; text-decoration:none;}

.SPHDLB{ height:210px;}
.SPHDLB .swiper {width: 100%;height: 210px; padding-bottom:20px;}
.SPHDLB .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.SPHDLB .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.SPHDLB .swiper-slide .swiper-pagination-horizontal{ bottom:0;}
.SPHDLB .swiper .swiper-pagination{bottom:0}
.SPHDLB .SPItem{ height:170px; background:#fff; border-radius:5px;}
.SPHDLB .SPItem .TP{ width:100%; min-height:120px; overflow:hidden; zoom:1; display:block; margin:0 auto; margin-top:0px;}
.SPHDLB .SPItem .BT{ height:40px; line-height:20px; overflow:hidden ;zoom:1; text-overflow:ellipsis; margin-top:5px;}
.SPHDLB .SPItem .DJ{ padding-top:5px; color:orangered; font-weight:bold;}

.SPLB{}
.SPLB .SPItem{ margin-bottom:20px; min-height:200px;}
.SPLB .SPItem .TP{ border-radius:5px; overflow:hidden; zoom:1; width:100%; }
.SPLB .SPItem img{ width:100%;}
.SPLB .SPItem .BT{ height:54px; line-height:24px; overflow:hidden; zoom:1; padding-top:10px;}
.SPLB .SPItem .JG{ padding-top:5px;}
.SPLB .SPItem .JG .DJ{ padding-top:5px; color:orangered; font-weight:bold;}

.NavHeader{ width:100%; height:50px; line-height:50px; overflow:hidden; zoom:1; display:block; background:#f0f0f0; border-bottom:solid 1px #ccc; position:relative;}
.NavHeader h3{ text-align:center; font-weight:bold; line-height:50px; font-size:18px;}
.NavHeader h4{ text-align:center; font-weight:bold; line-height:50px; font-size:16px;}
.NavHeader .ReturnUp{ width:50px; height:50px; line-height:50px; position:absolute; left:0; top:0; font-size:24px;  text-align:center; color:#666;}

.SearchBar{ width:100%; padding:10px; background:#f2f2f2;}

.PageBar{ overflow:hidden ;zoom:1;}
.PageBar ul{ margin:0; padding:0; list-style:none; text-align:center;}
.PageBar ul li{ display:inline-block; padding:5px 10px; border:solid 1px #ccc; border-radius:3px; margin:1px 5px; background:#fff;}
.PageBar ul li.active{ background:#0894ec; color:white; border:solid 1px #fff;}
.PageBar ul li.active *{ color:white !important;}

.pages { text-align: center; padding-top: 0.5em;}
.pages .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: #f0f0f0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f0f0f0));
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    box-shadow: inset 0 0 3px #111;
}
.pages .paginate_button:active {
    outline: none;
    color:#fff !important;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    box-shadow: inset 0 0 3px #111;
}

.autoplay-progress {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: var(--swiper-theme-color);
}

.autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 4px;
    stroke: var(--swiper-theme-color);
    fill: none;
    stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
}

.MEHead{ background-color:#eee; height:80px; line-height:60px; padding:10px;  box-shadow:0px 2px 3px #999; margin-bottom:10px;}
.MEHead.UnLogin{ text-align:center;}
.btnLogin{ line-height:30px; color:#00b894; border:solid 2px #00b894; border-radius:60px; padding:6px 10px; margin:0 auto;  font-weight:bold; border-image2: linear-gradient(180deg, #fff 0%, #3fe0ff 100%) 2 2 2 2; text-shadow:1px 1px 2px #fff;}

.BindTips{ height:30px; line-height:30px; text-align:center; margin-bottom:10px;}

.MEPanel{ margin-top:0px; background:#fff; overflow:hidden; zoom:1; display:block; padding:10px; margin-bottom:10px;}
.MEPanel .Title{ position:relative; overflow:hidden; zoom:1; display:block;}
.MEPanel .Title span{ float:left;  font-size:16px; font-weight:600 !important;}
.MEPanel .Title div{ float:right; color:#888 !important;}
.MEPanel .Title div a{ color:#666 !important;}
.MEPanel .MEDD{ margin:0; padding:15px 0; margin-top:10px;}
.MEPanel .MEDD li{ display:block; width:20%; margin:0; padding:0; text-align:center; float:left;}
.MEPanel .MEDD li i{ font-size:22px;  color:#3fe0ff;}
.MEPanel .MEDD li.Gray{ color:#bbb;}
.MEPanel .MEDD li.Gray i{ color:#bbb;}
.MEPanel .MEGN{ margin:0; padding:5px 0; margin-top:0px;}
.MEPanel .MEGN li{ display:block; width:20%; margin:0; padding:0; text-align:center; float:left;}
.MEPanel .MEGN li i{ font-size:22px;  color:#00b894;}

.MEPanel2{ background:none; margin:0; padding:10px;}

.LoginBox{ max-width:300px; margin:0 auto;}
.LoginBox .txtBox{ width:100%; height:36px; line-height:36px; background-color:rgba(255,255,255,0.5); outline:none; border:solid 1px #ccc; padding-left:36px;}
.LoginBox .col{ position:relative;}
.LoginBox .inputTag{ position:absolute; left:10px; line-height:36px; top:0; width:36px; text-align:center; color:#aaa;}
.LoginBox .hide{ width:0; height:0; opacity:0; position:absolute; top:0; left:0; margin-top:-100px;}
.LoginBox .btnReturn{ text-align:center; font-size:16px;}
.LoginBox #divRegist,.LoginBox #divReset{ display:none;}

.LogoRow {padding-top: 100px;}
.LogoRow .Logo {width: 100px;height: 100px;background-color: rgba(255,255,255,0.8);border-radius: 100px;margin: 0 auto;box-shadow: 0px 3px 3px #333;}
.LogoRow .Logo img {width: 100px;}

#divLogin {padding-top: 2rem;}
#divLogin .btn-weixin {box-shadow: 0px 3px 3px #aaa;}

.btn-weixin{ background:#09bb07; color:white;}
.btn-block{ width:100%;}

#navOrder{ border-top:solid 1px #ddd; height:50px;}
#navOrder #divSPNav{ position:relative; height:50px; padding-left:150px;}
#navOrder #divSPNav ul{ position:absolute; left:0; top:8px;}
#navOrder #divSPNav ul li{ width:50px; font-size:12px; line-height:16px;}
#navOrder #divSPNav ul li span{ font-size:24px; margin-top:10px; color:#ff5000;}
#navOrder #divSPNav ul li span.spanY{ font-size:18px;}
#navOrder #divSPNav ul li span.spanQ{ font-size:12px; color:gray;}
#navOrder #divSPNav ul li .fa{ font-size:18px;}
#navOrder #divSPNav .btnActions{ width:90%; margin:0 auto; height:40px;}
#navOrder #divSPNav .btnActions .btn-group{ width:100%;}
#navOrder #divSPNav .btnActions .btn-group .btn{ border-color:#00b894; width:50%; height:40px; font-size:14px;}
#navOrder #divSPNav .btnActions .btn-group .btnXD{ background:#00b894; color:white;}
#navOrder #divSPNav .btnActions .btn-group .btnGWC{ background:#d1f3ec; color:#00b894;}

.PDFLPage{ position:relative; overflow:hidden; zoom:1; display:block; padding-left:80px;}
.PDFLPage .PDList{ position:absolute; left:0; top:0; background:#eee; overflow:hidden; overflow-y:auto; zoom:1; width:80px;}
.PDFLPage .PDList ul{ padding:0; margin:0; border-top:solid 1px #ccc;}
.PDFLPage .PDList ul li{ margin:0; padding:0; line-height:40px; text-align:center; display:block; border-bottom:solid 1px #ccc;}
.PDFLPage .PDList ul li.active{ font-weight:bold; background:#fff;}
.PDFLPage .FLList{ background:#fff; border-left:solid 1px #ccc; border-top:solid 1px #ccc; overflow:hidden; zoom:1; display:block; min-height:500px;}
.PDFLPage .FLList .ZFLList{ display:none;}
.PDFLPage .FLList .ZFLList .FLItem{ float:left; width:50%; height:140px; line-height:20px; margin:0; margin-bottom:5px; margin-top:10px; text-align:center; color:#666;}
.PDFLPage .FLList .ZFLList .FLItem .PP{ height:70px; overflow:hidden; zoom:1; display:block;}
.PDFLPage .FLList .ZFLList .FLItem .PP img{ width:100%;}
.PDFLPage .FLList .ZFLList .FLItem .TP{ width:90%; height:126px; width:126px; overflow:hidden; zoom:1; display:block; text-align:center; margin:0 auto;}
.PDFLPage .FLList .ZFLList .FLItem .TP img{ width:100%;}
.PDFLPage .FLList .ZFLList .FLItem2{ width:29%; height:auto; min-height:70px; margin:5px 2% 5px 2%;} 

.LoginTips{ text-align:center; color:#666; line-height:40px; margin-top:100px;}
.EmptyDataTips{ line-height:100px; text-align:center; color:#888; }

.GoodsList{ overflow:hidden; zoom:1; display:block;}
.GoodsList ul{ padding:0; margin:0;}
.GoodsList ul li{ clear:both; height:100px; overflow:hidden; zoom:1; display:block; position:relative; background:#fff; margin-bottom:10px;}
.GoodsList ul li .Left{ position:absolute; left:10px; top:0;}
.GoodsList ul li .Left .TP{ width:100px; height:100px; overflow:hidden; zoom:1; display:block;}
.GoodsList ul li .Left .TP img{ width:100px;}
.GoodsList ul li .Right{ padding:5px; padding-left:120px; padding-right:20px;}
.GoodsList ul li .Right .BT{ height:44px; overflow:hidden; zoom:1; display:block;}
.GoodsList ul li .Right .DJ{ color:red; font-size:16px;}
.GoodsList ul li .Right .DJ .fa{ font-size:12px;}
.GoodsList ul li .Right .SJ{ color:#999; font-size:12px;}

.ShoppingGoodsList{ overflow:hidden; zoom:1; display:block;}
.ShoppingGoodsList ul{ padding:0; margin:0;}
.ShoppingGoodsList ul li{ clear:both; height:76px; overflow:hidden; zoom:1; display:block; position:relative; margin-bottom:10px; border-bottom:solid 1px #ddd; padding-bottom:10px;}
.ShoppingGoodsList ul li .LeftCB{ position:absolute; left:10px; top:23px; z-index:2;}
.ShoppingGoodsList ul li .LeftCB input{ width:20px; height:20px;}
.ShoppingGoodsList ul li .Left{ position:absolute; left:40px; top:0; z-index:1;}
.ShoppingGoodsList ul li .Left .TP{ width:66px; height:66px; overflow:hidden; zoom:1; display:block;}
.ShoppingGoodsList ul li .Left .TP img{ width:66px;}
.ShoppingGoodsList ul li .Right{ padding:0px; padding-left:120px; padding-right:20px; position:relative;}
.ShoppingGoodsList ul li .Right .BT{ height:44px; overflow:hidden; zoom:1; display:block;}
.ShoppingGoodsList ul li .Right .GG{ overflow:hidden; zoom:1; display:block; border:solid 1px #ddd; border-radius:3px; font-size:12px;}
.ShoppingGoodsList ul li .Right .MC{ float:left; padding-left:5px;}
.ShoppingGoodsList ul li .Right .DJ{ color:#666; font-size:12px; float:left; padding-left:5px;}
.ShoppingGoodsList ul li .Right .DJ .fa{ font-size:10px;}
.ShoppingGoodsList ul li .Right .SL{ float:right; margin-right:5px;}
.ShoppingGoodsList ul li .Right .SL .fa{ font-size:14px;}
.ShoppingGoodsList ul li .Right .SL .fa-minus{ color:#ccc;} 
.ShoppingGoodsList ul li .Right .txtSL{ border:none; width:30px; text-align:center;}

.ULSecuritySetting{}
.ULSecuritySetting .fa{ color:#999;}

.SelectArea{ position:relative;}
.SelectArea .city-picker-span{ width:auto !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.SelectArea .city-picker-dropdown{ }
.SelectArea .placeholder{ position:absolute; background:none;}

.addr{ line-height:24px;}
.addr .btn-link{ color:#333 !important;}

#divAddr{ position:relative; overflow:hidden; zoom:1; display:block; padding:5px 5px 5px 5px; padding-left:30px; border-bottom:solid 1px #ddd; margin-bottom:10px;}
#divAddr .MapMarker{ position:absolute; left:0; top:5px; width:30px; height:30px; line-height:30px; margin:0 auto; text-align:center;}
#divAddr .MapMarker i{ font-size:18px; color:#ccc;}
#divAddr .Address{}

.ulAddrs{ padding:0; margin:0;}
.ulAddrs li{ margin-bottom:10px; background:#fff; border-bottom:solid 1px #ddd; padding-bottom:10px; padding-right:70px; position:relative;}
.ulAddrs li .Actions{ position:absolute; top:10px; right:10px; width:60px; text-align:right;}

.GoodsHead{ height:100px; overflow:hidden; position:relative; zoom:1; display:block;}
.GoodsHead .Left{ position:absolute; left:10px; top:0;}
.GoodsHead .Left .TP{ width:100px; height:100px; overflow:hidden; zoom:1; display:block;}
.GoodsHead .Left .TP img{ width:100px;}
.GoodsHead .Right{ padding:5px; padding-left:120px; padding-right:20px;}
.GoodsHead .Right .BT{ height:44px; overflow:hidden; zoom:1; display:block;}

.GoodsAttrs{ overflow:hidden; position:relative; zoom:1; display:block;}
.GoodsAttrs h3{ font-weight:bold; padding:10px; margin-top:1rem; margin-bottom:0;}
.GoodsAttrs ul{ margin:0; padding:0; list-style:none;}
.GoodsAttrs ul li{ position:relative; padding:8px 10px; padding-right:100px; background:#f0f0f0; margin-bottom:5px; border-bottom:dotted 1px #ddd; font-size:1.2rem; border-radius:5px;}
.GoodsAttrs ul li .MC{}
.GoodsAttrs ul li .MC .DJ{ color:#888; padding-left:5px;}
.GoodsAttrs ul li .SL{ position:absolute; top:5px; right:10px;}
.GoodsAttrs ul li .SL .fa-minus{ color:#ccc;} 
.GoodsAttrs ul li .txtSL{ border:none; width:50px; text-align:center; margin:0 5px; border-radius:5px;}
.GoodsAttrs ul li.Disable *{ color:#ccc !important;}

.GoodsActions{ padding:0;}
.GoodsActions button{ width:100%; border:none; border-radius:0; height:36px; line-height:36px; padding:0; text-align:center; background:#00b894; color:white;}
.GoodsActions .btnDisable{ background:#ccc; color:white;}

.BJList {}
.BJList .BJHeader {position: relative;padding-left: 90px;overflow: hidden;zoom: 1;height: 100px;}
.BJList .BJHeader .TP {position: absolute;left: 0;top: 0;width: 80px;height: 80px;}
.BJList .BJHeader .TP img {width: 80px;height: 80px;}
.BJList .BJHeader .XZ {}
.BJList .BJHeader .XZ .DJ {color: red;font-size: 1.5rem;}
.BJList .BJHeader .XZ .MC {font-size: 1.1rem;white-space: nowrap;height: 22px;line-height: 22px;overflow: hidden;zoom: 1;margin-top: 5px;}
.BJList .BJHeader .XZ .QPS {font-size: 1.1rem;margin-top: 5px;height: 22px;line-height: 22px;}
.BJList .BJBody {}
.BJList .BJBody ul {margin: 0;padding: 0;}
.BJList .BJBody ul li {margin: 0;padding: 0;list-style: none;background: #f0f0f0;border-radius: 5px;white-space: nowrap;height: 40px;line-height: 40px;margin-bottom: 5px;overflow: hidden;zoom: 1;padding: 0 10px;}
.BJList .BJBody ul li .MC {font-size: 1.2rem;}
.BJList .BJBody ul li .DJ {height: 40px;line-height: 40px;color: gray;margin-left: 20px;font-size: 1.2rem;}
.BJList .BJBody ul li.active {background: #00beaf;color: white;}
.BJList .BJBody ul li.active .MC,
.BJList .BJBody ul li.active .DJ {color: white;}

.OrderList{ overflow:hidden; zoom:1; display:block; padding:10px;}
.OrderList ul{ padding:0; margin:0;}
.OrderList ul>li{ clear:both; height:76px; overflow:hidden; zoom:1; display:block; position:relative; background:#fff; padding-bottom:10px; border-bottom:solid 1px #eee; margin-bottom:10px;}
.OrderList ul>li:last-child{ margin-bottom:0; border-width:0; height:66px;}
.OrderList ul li .Left{ position:absolute; left:0px; top:0;}
.OrderList ul li .Left .TP{ width:66px; height:66px; overflow:hidden; zoom:1; display:block;}
.OrderList ul li .Left .TP img{ width:66px;}
.OrderList ul li .Right{ padding:0px 0px 5px 5px; padding-left:76px; padding-right:20px; overflow:hidden; zoom:1;}
.OrderList ul li .Right .BT{ height:44px; overflow:hidden; zoom:1; display:block;}
.OrderList ul li .Right .JE{ float:right; color:#333; font-size:16px;}
.OrderList ul li .Right .JE .fa{ font-size:12px;}
.OrderList ul li .Right .SL{ float:left; color:#888;}
.OrderList .ZJE{ font-size:18px; line-height:38px; font-weight:bold; color:red;}
.OrderList .AttrUL{}
.OrderList .AttrUL li.list-group-item{ height:auto !important; margin-bottom:0 !important;}
.OrderList .WL{ font-size:12px; padding:5px 0; color:gray;}