html,body{
	/* font-family: Arial, Helvetica, sans-serif; */
	/* font-family: ; */
	background:#fff!important;
	text-align:left;
	color:#555;
    font-size: 14px;
}
.header{width:100%; height:145px; background:#ffffff;  border-bottom:1px solid #e9e9e9; margin-bottom:5px; box-shadow: 0 2px 10px #e9e9e9;}
/* .loginMain{ width:100%; height:690px;  background-color:#ff5000;} */
.loginMain{ width:100%; height:690px; background:url('../img/banner.jpg') no-repeat center; background-color:#000a62;}
.loginMain .loginDiv{ width:1400px; height:690px; margin:0 auto;}
.loginMain .loginDiv .loginBox{ width:400px; height:500px; float:right; margin-top:70px; margin-right:50px; background:#fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); }
.loginMain .loginDiv .loginBox .loginLeft{ width:360px; margin:40px auto 0px;}
.loginLeft .loginTxt{ width:100%; height:60px; line-height:60px; font-size:24px; text-align:left;}
.loginLeft .loginSmallTxt{ font-size:12px; line-height:25px; }
.loginLeft .loginInput{ width:100%; margin:10px auto;}
.loginLeft .loginInput .username{ width:100%; height:40px; line-height:40px; border:1px solid #e9e9e9; margin:20px auto 0px; text-indent: 20px;}
.loginLeft .loginInput .userpassword{ width:100%; height:40px; line-height:40px; border:1px solid #e9e9e9; margin:20px auto 0px; text-indent: 20px;}
.loginLeft .loginInput .code{ width:205px; height:40px; line-height:40px; float:left; border:1px solid #e9e9e9; margin:20px auto 0px; text-indent: 20px;}
.loginLeft .loginInput span{ width:150px; height:42px; line-height:42px; float:right; background:#e9e9e9; margin:20px auto 0px; text-indent: 20px;}
.loginLeft .loginInput span img{ float:left; margin-top:2px; width:146px; margin-left:2px;}
.loginLeft .loginBtnTxt{ width:100%; height:50px; line-height:50px; }
.loginLeft .loginBtnTxt span{ width:50%; float:left;}
.loginLeft .loginBtnTxt span:last-child{ text-align:right;}
.loginLeft .loginBtn { width:100%; height:40px; line-height:40px; color:#ffffff; font-size:16px; background:#082b6d; border:none; outline: none;}
.loginBottom{ width:100%; height:40px; line-height:40px; margin:10px auto 0px; text-align:center; border-top:1px solid #e9e9e9;}
.loginBottom span{ margin:0 20px; }

/* 注册页面样式 */
.registerMain{ width:100%; height:800px; border-top:1px solid #e9e9e9; }
.registerMain .registerDiv{ width:1400px; height:750px; margin:20px auto; overflow: hidden; border-bottom:1px solid #e9e9e9; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.registerMain .registerDiv .registerBox{ width:700px; height:700px; margin:10px auto; background:#fff; }
.registerMain .registerDiv .registerBox .registerLeft{ width:100%; margin:0px auto 0px;}

.registerLeft .registerTxt{ width:100%; height:60px; line-height:60px; font-size:24px; text-align:left;}
.registerLeft .registerTxt span{ float:right; font-size:14px;}
.registerLeft .registerSmallTxt{ width:100%; font-size:12px; line-height:25px; padding:5px 5px;  text-indent: 20px; color:#1c75bb;  background:#edf4fa; border:1px solid #c7dbeb; margin:5px auto; }

.registerT100{ width:100%; height:45px; line-height:45px; margin:11px auto 11px; position:relative; display: flex;}
/* .registerT100 {width:390px; float:left; height:auto;  margin-right:10px; background:red; margin-top:10px;} */
.registerT100 label{ min-width:240px; height:45px; line-height:45px; float:left; text-indent: 20px; overflow: hidden;}
.registerT100 label i{ color:red; line-height:45px; margin-right:5px;}
.registerT100 input[type=text]{ width:100%; margin-left:8px; height:45px; line-height:45px; border:1px solid #e9e9e9; float:right; text-indent: 20px;}
.registerT100 input[type=password]{ width:100%;; margin-left:8px; height:45px; line-height:45px; border:1px solid #e9e9e9; float:right; text-indent: 20px;}

.registerT100 span{ width:570px; height:45px; float:left; display: block; float:right; margin-left:10px;  }
.registerT100 span input[type=radio]{width:14px; height:14px; margin-left:20px; margin-right:10px; margin-top:10px; }
.registerBtn{ width:100%; height:40px; line-height:40px; color:#ffffff; font-size:16px; background:#000960; border:none; outline: none; margin:20px auto;}
.registerT100 .options{ position:absolute; 	top:0; 	right:10px; width:50px; 	height:45px; 	line-height:45px;
display: inline-block;   margin-left: 10px;   vertical-align: middle;}
.options select {  border: 1px solid #ddd;  border-radius: 4px; width:50px;	text-align:center;	height:45px;    background-color: #fff;    font-size: 14px;    min-width: 0px;  cursor: pointer;}
.options select:focus { outline: none;  border-color: #007bff;  box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);}
.registerT100 .codeBox{ width:160px; height:45px; line-height:45px; overflow: hidden; top:0; right:0; position:absolute; border-left:1px solid #e9e9e9; text-align:center;}
.registerTip{ font-size:14px; text-indent: 250px;}
.registerTip input[type=checkbox]{ margin-right:10px;}

/* 个人中心样式 */
.indexMain{ width:100%; height:auto; min-height:748px; background:#f2f2f2;}
.meMain{ width:1400px; height:auto; margin:0 auto;}
.meMain .meMenu{ width:160px; height:auto; min-height:748px; margin-left:10px;  float:left; background:#06235f;}
.meMenu ul{ width:100%; margin:0 0;}
.meMenu ul li { width:100%;  line-height:40px;  font-size:14px; color:#ffffff; cursor: pointer; margin:20px auto; text-indent:15px;   overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 最大显示行数 */
  -webkit-box-orient: vertical;}
.meMenu ul li a{ color:#fff;}
.meMenu  li:first-child{ margin-top:30px;}
.meMenu  li.active{ background:#1b81cc}

.meMain .meCenter {  width:950px; height:auto; float:left; margin-left:10px; }
.meCenter .editData{ width:100%; height:180px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); margin-bottom:20px; background:#ffffff; }
.editData .avatar{ width:140px; margin-top:20px; margin-left:20px; margin-right:20px; float:left;} 
.editData .data{ width: 580px; height:160px; margin-top:10px; float:left;}
.editData .data .userInfo{ width:100%; height:60px; line-height:60px;  margin-top:20px;}
.editData .btn{ width:180px; height:160px; margin-top:10px; float:right;}
.editData .btn button{ width:120px; height:40px; line-height:40px; background:#1b81cc; text-align:center; margin:60px auto; border:none; outline: none; color:#fff; border-radius: 5px; cursor: pointer;}

.meCenter .shopData{ width:100%; height:300px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); margin-bottom:20px; background:#ffffff; position:relative }
.shopData .divTit{ width:100%; height:50px;  overflow: hidden; text-indent: 20px;}
.shopData .divTit span{ width:97%; height:30px; line-height:30px; margin:0 auto;  border-left:5px solid #1b81cc; display: block; }
.shopData .trBlock{ width:100%; height:25px; line-height:25px; text-indent: 20px;}
.shopData .shopLogo{ width:220px; height:150px;  position:absolute; right:50px; top:70px; background:#fff;}
.shopData .shopCover{ width:500px; height:120px;  position:absolute; left: 400px; top:130px; background:red;}

.meCenter .statisData{ width:100%; height:220px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); margin-bottom:20px; background:#ffffff; position:relative }
.statisData .divTit{ width:100%; height:50px;  overflow: hidden; text-indent: 20px;}
.statisData .divTit span{ width:97%; height:30px; line-height:30px; margin:0 auto;  border-left:5px solid #1b81cc; display: block; }
.statisData ul{ width:100%; height:auto;  text-indent: 20px;}
.statisData ul li{ width:240px; height:120px;  background:#ffffff; float:left; margin:10px  35px 0px; border:1px solid #e9e9e9;}
.statisData ul li span{ width:100%; height:30px; line-height:30px; border-bottom:1px solid #e9e9e9;  font-size:16px; display: block;}
.statisData ul li span:last-child{ width:100%; height:50px; line-height:50px; font-size:24px; border-bottom:none; }

.meMain .meRight{ width:260px; height:auto; margin-left:10px; float:left; }
.meRight .divBox{ width:100%; height:100px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); margin-bottom:20px; background:#ffffff; overflow: hidden; }
.meRight .divBox .divTit{ width:100%; height:40px; line-height:40px; }
.meRight .divBox .divTit span{ width:90%; height:25px; line-height:25px; text-indent:20px; margin:10px auto 0px;  border-left:5px solid #1b81cc; display: block;}
.meRight .divBox .trNotice{ width:100%; height:40px; line-height:40px;  margin:0 auto; text-indent: 20px; }

.meRight .divBox .tagFast { width:100%; height:auto; margin:0 auto;}
.meRight .divBox .tagFast li{ width:50%; float:left; text-align:center; margin-bottom:10px; }
.meRight .divBox .tagFast li .imgBox{ width:60px; height:60px; background:#414c84; margin:0 auto; border-radius: 5px;}
.meRight .divBox .tagFast li .imgBox img{ width:40px; height:40px; margin:10px auto;}
.meRight .divBox .tagFast li .tagName{ height:40px; line-height:40px; width:100%; overflow:hidden;}


.browseData{ width:100%; height:auto; margin:0 auto; background:#fff;}

/* 公共样式 */
.mePublicBody{ width:1230px; height:auto;  float:right;}
.mePublicBody .mePageMneu{ width:200px; height:500px; min-height:748px;  background:#fff;  float:left;}
.mePageMneu ul{ width:96%; margin:0 auto;}
.mePageMneu ul li{  width:100%; height:45px; line-height:45px;  text-indent: 10px; cursor: pointer;}
.mePageMneu ul li.bigLi{ font-size:14px; font-weight: 600;}
.mePageMneu ul li.active{ background:#eeeeee; color:#082b6d; }
.mePageMain{ width:1020px; min-height:748px; margin-left:10px;  float:right; background:#fff; }

.mePageMain .card-body{ width:100%; margin:0px auto 0px; }
.mePageMain .card-body .cardTr:last-child{ border-bottom:none;}
.mePageMain .card-body .cardTr{ width:100%; height:40px; line-height:40px; margin:5px auto; border-bottom:1px solid #e9e9e9; }
.mePageMain .card-body .cardTr .text-muted{ width:80px; float:left;  font-size:12px; font-weight: 500; text-indent: 20px;}
.mePageMain .card-body .cardTr .weightBorder{ width:780px; float:right; border:none;}

.mePageMain .card-body .cardEditTr { width:100%; height:auto; line-height:50px; margin:5px auto 0px;}
.mePageMain .card-body .cardEditTr .text-muted { width:200px; float:left;  font-size:12px; font-weight: 500; text-indent: 20px;}
.mePageMain .card-body .cardEditTr .weightBorder{ width: 750px; height:40px; margin-top:5px;  line-height:40px;  font-size:12px; font-weight: 500; border:1px solid #e9e9e9; border-radius: 5px; outline: none;  float:right; margin-right:20px; text-indent:20px;}
.mePageMain .card-body .cardEditTr .submitBtn1,
.mePageMain .card-body .cardEditTr .submitBtn2{ width:100px; height:40px; line-height:40px; background:#082b6d; text-align:center; margin:0 auto; border:none; outline: none; color:#fff; border-radius: 5px; cursor: pointer;}
.mePageMain .card-body .cardEditTr .textareaBox{ height:200px;}

.promotionTr{width:100%; height:auto; line-height:50px; margin:5px auto 0px;}
.promotionTr label{ width:160px; height:40px; line-height:40px; margin:5px 0; float:left; display: block; text-indent: 20px;}
.promotionTr select{ width:100px;}
.promotionTr input[type="text"]{ width:100px; height:40px; line-height:40px; margin-top: 5px 0; float:left;}
.promotionTr .form100{ width:300px; height:40px; line-height:40px; margin-top:5px auto; float:left; border:1px solid #e9e9e9; outline: none; text-indent: 10px;}
.promotionTr .formTr100{ width:500px!important; height:40px; line-height:40px; margin-top:5px auto; border:1px solid #e9e9e9; outline: none; text-indent: 10px;}
.selectCss {
	margin:5px auto;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    background-color: #fff;
    appearance: none;
	color:#707070;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 40px;
    min-height: 40px;
    /* width: 200px!important; */
    box-sizing: border-box;
    padding-left: 10px; /* 添加左边距确保文本缩进效果 */
}

.selectCss:focus {
    outline: none;
    border-color: #007bff;
    /* box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); */
}

.selectCss:hover {
    border-color: #ccc;
}

.selectCss[multiple] {
    background-image: none;
    padding-right: 12px;
    min-height: 100px;
    text-indent: 0; /* 多选框不需要文本缩进 */
    padding-left: 0;
}

.promotionTr .submitTj{ width:100px;  height:40px; line-height:40px; background:#ff5000; color:#fff; margin-bottom:20px; border:none; outline: none; margin-right:2%; border-radius: 5px;;}

.shopTr{ width:100%; height:auto; line-height:50px; margin:5px auto 0px;}
.shopTr label{ width:160px; height:40px; line-height:40px; margin:5px 0; float:left; text-indent: 20px;}
.shopTr input[type="text"]{ width:600px; height:40px; line-height:40px; text-indent: 10px; margin-top: 5px 0; float:left; border:1px solid #e9e9e9; outline: none;}
.shopTr textarea{ width:600px; height:auto; line-height:40px; text-indent: 10px; margin-top: 5px 0; float:left; border:1px solid #e9e9e9; outline: none;}
.shopTr .editor-wrapper { width:800px; height:auto; line-height:40px; text-indent: 10px; margin-top: 5px 0; float:left; border:1px solid #e9e9e9; outline: none;}
.shopTr .form100{ width:100px; height:40px; line-height:40px; margin-top:5px auto; float:left; border:none; outline: none; text-indent: 10px;}
.shopTr .form100 input[type="radio"]{ width:20px; float:left; margin-top:20px;}
.shopTr .form100 label{ width:80px; line-height:40px; float:left; margin-top:5px; text-indent: 10px;}
.shopTr input[type="number"]{  width:200px; height:40px; line-height:40px; margin-top:5px; margin-left:20px; border:1px solid #e9e9e9; text-indent: 10px;}
.shopTr .shopBtn{ width:100px; height:40px; line-height:40px; background:#ff5000; color:#fff; margin-bottom:20px; border:none; outline: none; border-radius: 5px;}
.shopTr input[type="file"]{ width:70px!important; height:70px!important; line-height:70px!important; border:1px solid #e9e9e9; margin:5px auto; }
.toolbar{ width:100%; height:50px; border-bottom:1px solid #e9e9e9; background:#efecec;}
.editor-wrapper button{ float:left; width:30px; height:30px; margin:10px 1px; }

.shopTrTag{ width:33%; height:auto; float:left;}
.shopTrTag label{ width:100px; line-height:50px; float:left; text-indent: 10px;}
.shopTrTag .selectCss{ margin-left:20px;}
.shopTrTag input[type="number"]{  width:200px; height:40px; line-height:40px; margin-top:5px; margin-left:20px; border:1px solid #e9e9e9; text-indent: 10px;}


.legendCss{width:100%; height:50px; line-height:50px; margin-top:20px; background:#e9e9e9; text-indent: 10px;}

.card-header{ width:100%; height:50px; background:#f7f7f7;}
.card-header .mb-0{ float:left; font-size:16px; line-height:50px;}
.card-header .mb-0 i{ margin:0 10px;}
.card-header>div{ float:right;}
.card-header>div button{ width:100px; height:30px; line-height:30px; margin:10px 10px; border-radius: 5px; border:none; outline: none; }
.shopCard{ width:100%; height:auto; margin:0 auto;}
.thead-light{ width:100%; height:40px; line-height:40px; background:#e9e9e9; }
.thead-light th{ text-align:center;}
.cardFooter{ width:100%; height:50px; line-height:50px; border-top:1px solid #c9c9c9; background:#e9e9e9}
.cardFooter .page{ width:100%; height:50px; line-height:50px; text-align:center; }
#productList{ width:100%; height:auto; margin:0 auto;}
.text-center{ text-align:center;}


.passTr{ width:100%; height:auto; line-height:50px; margin:5px auto 0px;}
.passTr label{ width:260px; height:40px; line-height:40px; margin:5px 0; float:left; display: block; text-indent: 20px;}
.passTr input[type="password"]{ width:600px; height:40px; line-height:40px; text-indent: 10px; margin-top: 5px 0; float:left; border:1px solid #e9e9e9; outline: none;}
.passTr button{ margin-left:10px; margin-top:10px;}
.passTr .input-group-append{ display: none;}
.passTrButtons{ text-align:right!important;}
.passTrButtons button{ width:160px; height:30px; line-height:30px; margin:5px auto; border-radius: 5px; border:none; background:#ff5000; color:#fff;}

.infoTr{ width:100%; min-height:30px; line-height:30px; margin:5px auto; }
.infoTr .text-muted{ width:260px; min-height:30px; line-height:30px; margin:5px auto;  float:left;  font-size:14px; font-weight: 500; text-indent: 20px;}
.infoTr .weightBorder{ width:660px; min-height:30px; line-height:30px;  margin:5px auto; float:right; border:none; }

.browseBox{ width:100%; height:780px; margin:0 auto;  border:none;}
.browseBox .browseTr{ width:100%; height:160px; }

.browseBox .browseTr .browseAll{ width:50px; height:150px; float:left; text-align:center; }
.browseBox .browseTr .browseAll input{ margin:60px auto; }
.browseBox .browseTr .browseCover { width:150px; height:150px; float:left; }
.browseBox .browseTr .browseCover img{ width:140px; height:140px; margin:5px 5px;}
.browseBox .browseTr .browseBody{ width:calc(100% - 300px); height:150px; line-height:40px; float:left; }

.browseBox .browseTr .browseBody span{ width:100%; height:auto; line-height:30px; display: block;}
.browseBox .browseTr .browseBody span.tit{ height:50px; line-height:50px; overflow: hidden;   text-overflow: ellipsis;  white-space: nowrap;  font-weight: 600;}
.browseBox .browseTr .browseBody span.content{ height:70px; line-height:30px;   display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;
  text-overflow: ellipsis;}
.browseBox .browseTr .browseBody span.price{ overflow: hidden;   text-overflow: ellipsis;  white-space: nowrap;}
.browseBox .browseTr .browseAction{ width:100px;  float:right; text-align:center; }
.browseBox .browseTr .browseAction .del{ width:60px; margin:20px auto 0px auto; display: block; }



.custom-file-label{ display: none;}


#description img{ width:96%; }