html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	width:100%;
}
body {
	margin: 0;
	text-align: left;
	font-size: 12px;
	background: #eaeaea;
	font-family: 'PingFang SC','Helvetica Neue','Microsoft YaHei UI','Microsoft YaHei','Noto Sans CJK SC',Sathu,EucrosiaUPC,Arial,Helvetica,sans-serif;
    word-break:break-all;
	color:#333;
	width:100%;
}
article, aside, details, /* 1 */ figcaption, figure, footer, header, main, /* 2 */ menu, nav, section, summary { /* 1 */
	display: block;
}
audio, canvas, progress, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
progress {
	vertical-align: baseline;
}
template, /* 1 */ [hidden] {
display: none;
}
a {
	background-color: transparent; /* 1 */
	-webkit-text-decoration-skip: objects; /* 2 */
}
a:active, a:hover {
	outline-width: 0;
}
abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}
b, strong {
	font-weight: inherit;
}
b, strong {
	font-weight: bolder;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
mark {
	background-color: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
img {
	border-style: none;
    vertical-align: middle;
}
svg:not(:root) {
	overflow: hidden;
}
code, kbd, pre, samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}
figure {
	margin: 1em 40px;
}
hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}
button, input, select, textarea {
	font: inherit; /* 1 */
	margin: 0; /* 2 */
}
optgroup {
	font-weight: bold;
}
button, input { /* 1 */
	overflow: visible;
}
button, select { 
	text-transform: none;
}
fieldset {
	border: 0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}
textarea {
	overflow: auto;
}
[type="checkbox"], [type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
    outline-offset: -2px; /* 2 */
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
.clearfix {
    *zoom:1;
}
.clearfix:before, .clearfix:after {
	display:block;
	line-height: 0;
	content: ""
}
.clearfix:after {
	clear: both;
	float:none;
}
p,div,span,font,code {
	margin: 0;
    padding:0;
}
img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
}
ul, ol, dl, h1, h2, h3, h4, h5, h6, dt, dd {
	margin: 0;
	padding: 0
}
ul li, ol li {
	list-style: none
}
.f-left{
	float: left;
	display: block
}
.f-right {
	float: right;
	display: block
}
a, a:visited {
	text-decoration: none;
	color: #2a2a2a;
}
a:hover {
	transition: color 160ms ease 0s, background-color 200ms ease 0s, border-color 160ms ease 0s, transform 500ms ease 0s;
	color: #f77;
	cursor: pointer;
}
em {
	font-style: normal;
}

.top-box{
	border-bottom:1px solid #efefef;
	background-color: #ccc;
	height:42px;
	line-height:42px;
}
.top-bar{
	float:left;
	widtH:100%;
	font-size:14px;
}
.not-match{min-height:500px;padding:20px;font-size:14px;text-align: center;margin-top:20px;float:left;width:100%;}
.search-keyword{min-height:500px;padding:20px;font-size:14px;margin-top:20px;line-height: 32px;width:100%;}
.search-keyword a.keyword{margin:0 8px 0 8px;}
.top-bar .tip{float:left;width:300px;}
.top-bar .user{float:right;width:800px;text-align: right;}
.top-bar .span{margin:0 5px;color:#999;}
.top-bar a{margin:0 5px;}
.top-bar a.red{color:#ff3300;}

.box{width:1200px;float:none;margin:0 auto;overflow: hidden;}
.max-box{width:100%;margin:0 auto;overflow: hidden;background-color: #fff;}
@media screen and (max-width:1100px) {
	.max-box{width:1200px;margin:0 auto;overflow: hidden;background-color: #fff;}
}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-10{margin-top:10px;}
.mb-10{margin-bottom: 10px}
.mb-20{margin-bottom: 20px}

.pt-20{padding-top:20px;}
.pt-10{padding-top:10px;}
.pb-20{padding-bottom: 20px;}
.pb-10{padding-bottom: 10px;}

.ml-5{margin-left:5px;}
.ml-10{margin-left:10px;}

.mr-5{margin-right:5px;}
.mr-10{margin-right:10px;}


.header{background: #fff;width:100%;float:left; overflow: hidden;}
.header .logo{padding-top:7px;width:280px;overflow: hidden;}
.header .logo span{display: none;}
.header .logo a{display:block;width:224px;height:50px;background: url("https://lib.51jiankang.com/static/front/jiankang-web/img/logo.png") no-repeat left center;background-size: 98%;}
.header .search-box{text-align: right;}

.container .search-box{
	float:left;
	width:100%;
	padding:10px 16px 10px 16px;
}
.container .search-box .w-100{width:724px;}

.search-input{
    width: 352px;
    height: 42px;
    line-height: 30px;
    background: #fff;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    margin: 0;
    padding: 0 10px 0 12px;
    border: 1px solid #ff7777;
    border-radius: 5px 0 0 5px;
	vertical-align:middle;
}
.search-btn {
        width: 74px;
        height: 45px;
        line-height: 32px;
        font-size: 16px;
        font-weight: normal;
        color: #fff;
        text-align: center;
        background: #ff7777;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0 5px 5px 0;
        cursor: pointer;
		vertical-align:middle;
		box-sizing: content-box;
}


.nav{width:100%;float:left;background: #00B97D;height:48px;line-height:48px;}
.nav a{display:block;float:left;color:#fff;font-size:16px;margin-right:20px;padding:0 12px;}
.nav a:hover{background: #2b7a5c;}
.nav a.active{background:  #2b7a5c;}

.sub-nav{
	display:none;
}

.container{
    background: #fff;
    float:left;
    width:100%;
}

.max-container{
	float:left;
	width:100%;
}
.main-box{
    float:left;
    width:856px;
    overflow: hidden;
}

.slider-box{
    float:right;
    width:330px;
    overflow: hidden;
}

.slider-box .more-box{background: #fff;}


.slider-box .category  {
	float:left;width:97%;border-bottom: 1px solid #eee;margin:10px 16px 0 16px;padding-bottom: 10px;
}
.slider-box .category .category_h3{font-size:18px;font-weight: 500;float:left;width:50%;}

.slider-box .hot{
	padding:8px 10px 0 10px;
	overflow: hidden;
}
.slider-box .hot .item{margin:3px 0;}

.slider-box .baike{
	padding:8px 10px 0 10px;
	overflow: hidden;
}
.slider-box .baike a{
	font-size:14px;
	display: inline-block;
	padding:5px 8px;
}


.slider-box li.photo {list-style: none;margin:0 0 15px 0;}
.slider-box li.photo img{
	width:330px;
	height:140px;
	border-radius: 5px;
}
.slider-box li {font-size:14px;color:#333;line-height:32px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;margin-left:6px;}
.slider-box li .num{width:20px;display: inline-block}

.main-content{
    width:560px;
    padding:10px 20px;
    float:left;
}

.container .category{float:left;width:97%;border-bottom: 1px solid #eee;margin:10px 16px 0 16px;padding-bottom: 10px;}
.container .category .category_h1{font-size:24px;font-weight: 600;float:left;width:50%;}
.container .category .category_h2{font-size:20px;font-weight: 500;float:left;width:50%;}
.container .category .more{float:right;padding-right:16px;margin-top:5px;text-align: right}
.container .category .more a{font-size:14px;}

.main-content a{float:left;display: block;padding:20px 0;margin:5px 0 5px 0;}
.main-content a:hover{background: #f9f9f9;;}
.main-content .photo{float:left;width:144px;}
.main-content .photo img{width:144px;height:90px;border-radius:5px;}
.main-content .article{float:left;margin-left:10px;width:405px;height:90px;}
.main-content .article .article_h3{font-weight: 400;font-size:18px;}
.main-content .article .time{font-size:14px;color:#888;line-height:42px;}


.list-content a{display:flex;padding:20px;margin:5px 10px 5px 16px;border-bottom: 1px solid #eee;
	justify-content: flex-start;
}
.list-content a:hover{background: #f9f9f9;}
.list-content .photo{width:144px;}
.list-content .photo img{width:144px;height:90px;border-radius:5px;}
.list-content .article{margin-left:10px;display: flex;justify-content: space-between;flex-direction: column;flex:1}
.list-content .article .article_h3{font-weight: 400;font-size:18px;}
.list-content .article .article_h3 em{color:#f77;}
.list-content .article .time{font-size:14px;color:#888;line-height:32px;}
.list-content .article .desc{font-size:14px;color:#666;height:40px;overflow: hidden;text-overflow:ellipsis;-webkit-line-clamp: 2;padding-top:5px; }

.pager{float:left;width:100%;margin:50px 0 50px 0;text-align: center;}
.pager a,.pager span{border:1px solid #0b956c;padding:4px 10px;margin:5px 5px;font-size:16px;color:#555;border-radius: 5px;}
.pager span{color:#ff3300;font-weight: 500}

.photo-content{
	width:284px;
	float:left;
	word-break: break-all;
	margin:0 5px 0 9px;
	height:290px;
	overflow: hidden;
}
.photo-content a:hover{background: #f9f9f9;}
.photo-content a{float:left;display: block;margin:20px 6px 20px 6px;}
.photo-content  .photo{float:left;width:273px;}
.photo-content  .photo img{width:273px;height:171px;border-radius:5px;}
.photo-content  .article{float:left;width:273px;}
.photo-content  .article .article_h3{font-weight: 400;font-size:16px;margin-top:8px;}
.photo-content  .article .time{font-size:14px;color:#888;margin-top:10px;}

.nav-icon{vertical-align:middle;margin-top:-3px;}
.bar{font-size:14px;color:#888;}
.bar a{color:#888;}
.bar a:hover{color:#333;}
.bar span{margin-right:6px;}


.detail{padding:40px;background: #fff;}
.detail .title{display: flex;justify-content: space-between}
.detail .title .photo-box{height:100px;}
.detail .title .photo-box img{height:100px;width:auto;object-fit:cover;border-radius: 3px;}
.detail h1{font-size:34px;font-weight:bold;line-height:50px;}
.detail .author{margin:16px 0 14px 0;font-size:14px;color:#888;}
.detail .author time,.detail .author label{margin-right:18px;}
.detail .ask-content{
	background:#fff9ee url("/static/front/jiankang-web/img/ok.png") left top no-repeat;
	background-size: 8%;
	padding:10px 20px 10px 50px;
	border-radius: 5px;
}
.detail .more_about{
	font-size:14px;
	margin-top:20px;
	display: flex;
	font-weight: normal;
	align-items: center;
	justify-items: center;
	justify-content: space-between;
	color:#666;
}

.detail .more_about b{
	font-weight: 500;
	font-size:14px;
	color:#333;
}
.detail .more_about .approve svg{vertical-align:bottom;cursor: pointer}
.detail .more_about .approve span{margin-right:16px;font-size:14px;color:#666;cursor: pointer}


.detail .ask-content,.detail .ask-content p,.detail .ask-content div,.detail .ask-content span,.detail .ask-content font,.detail .ask-content strong,.detail .ask-content b,.detail .ask-content label,.detail .ask-content font{
	font-size:16px;
	line-height:38px;
	color: #444;
	word-break: break-word;
	word-wrap: break-word;
	hyphens: auto;
	text-align: justify
}

.detail .content{margin-top:30px;}
.detail .content,.detail .content p,.detail .content div,.detail .content span,.detail .content font,.detail .content strong,.detail .content b,.detail .content label,.detail .content font{
	font-size:16px;
	line-height:38px;
	color: #444;
	word-break: break-word;
	word-wrap: break-word;
	hyphens: auto;
	text-align: justify
}
.detail .content b,.detail .content strong{font-weight: 500}
.detail .content p{margin:18px 0 18px 0;}
.detail .content h2,.detail .content h3,.detail .content h4,.detail .content h5,.detail .content h6{margin:16px 0 16px 0;}
.detail .content h2{font-size:20px;font-weight: 600}
.detail .content h3{font-size:18px;font-weight: 600;}
.detail .content h4{font-size:16px;font-weight: 600;}

.detail .content img{max-width:100%;border-radius: 5px;}
.detail .content table{
	border-collapse:collapse;
	width:100%;
	max-width:100%;
	font-size:14px;
	border-spacing: 1px;
	min-width: 100%;
	margin:16px 0 16px 0;
}
.detail .content td{
	text-align: center;
	padding: 4px 8px;
	border: 1px solid #dedede;
}
.detail .content th{
	text-align: center;
	padding: 4px 8px;
	border: 1px solid #dedede;
}
.more-article{background: #fff;}


.footer{float:left;width:100%;overflow: hidden;padding:40px 0}
.copyright{width:70%;line-height:26px;color:#888;font-size:14px;}
.weixin{float: right;text-align: right;}
.weixin img{width:40%}



.product-header{
	width:100%;
	overflow: hidden;
	background: #fff;
	padding:20px 10px;
}

.product-header .cover{
	float:left;
	width:450px;
	height: 450px;
	overflow: hidden;
}

.cover .photo img{
	max-width: 448px;
	object-fit: cover;
	border-radius: 5px;
	border:1px solid #efefef;
}

.product-header .product-detail{
	float:left;
	width:480px;
	height:450px;
	margin-left:28px;
	font-size:14px;
	color:#333;
	border-right: 1px solid #efefef;
	padding-right:20px;
}
.product-header .product-detail .name{
	font-weight: 500;
	font-size:18px;
	margin-left:-10px;
}

.product-detail .num-button{
	float:left;
	margin-right:20px;
}
.product-detail .num-button .number{
	float:left;
	width:40px;
	border:1px solid #ccc;
	height:43px;
	text-align: center;
}
.product-detail .num-button .tool{
	float:left;
}
.product-detail .num-button .tool .dec{
	font-size:16px;
	color:#333;
	width:30px;
	background: #eee;
	text-align: center;
	vertical-align: middle;
	border-top:1px solid #ddd;
	cursor: pointer;

}
.product-detail .num-button .tool .inc{
	font-size:16px;
	color:#333;
	width:30px;
	background: #ddd;
	text-align: center;
	vertical-align: middle;
	border-top:1px solid #ddd;
	cursor: pointer;
}

.btm{
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}
.btn {
	margin-right: 10px;
	float: left;
	margin-bottom: 5px;
	border:0;
	cursor: pointer;
}
.btn-lg{
	height: 46px;
	line-height: 46px;
	padding: 0 26px;
	font-size: 18px;
}

.btn-small{
	height: 36px;
	line-height: 36px;
	padding: 0 13px;
	font-size: 16px;
}

.btn-code{
	background-color:#e2e3e7;
	color: #333;
}

.btn-blue{
	background-color:#0a66c2;
	color: #fff;
}

.btn-green{
	background-color: #2a8c70;
	color:#fff;
}

.btn-common{
	height: 24px;
	line-height: 24px;
	padding: 0 13px;
	font-size: 14px;
}

.btn-login{
	height: 32px;
	line-height: 32px;
	padding: 0 13px;
	font-size: 14px;
}

.btn-orange{
	background-color:#f17000;
	color: #fff;
}
.btn-red{
	background-color: #df3033;
	color: #fff;
}
.btn-red:hover{
	background-color: #df3033;
	color: #fff;
}



strong.fee{
	font-size:26px;
	color:#ff3300;
}
.product-header .more-product{
	float:right;
	background: #fff;
	width:220px;
}

 .more-product .category  {
	float:left;width:97%;border-bottom: 1px solid #eee;padding:0 10px 10px 10px;
}
.more-product.category .category_h3{font-size:16px;font-weight: 500;float:left;width:50%;}

.more-product .hot{
	padding:8px 10px 0 10px;
	overflow: hidden;
}

.more-product li .photo {list-style: none;margin:0 0 5px 0;text-align: center;}
.more-product .photo img{
	max-width:80%;
	border-radius: 5px;
}
.more-product li {font-size:14px;color:#333;line-height:24px;overflow:hidden;}
.more-product li .price{font-weight: 500;color: #ff3300;text-align: center;font-size:16px;}


.product-box{
	float:right;
	width:956px;
	overflow: hidden;
	background: #fff;
}

.product-slider-box{
	float:left;
	width:230px;
	overflow: hidden;
	background: #fff;
}

.product-slider-box .more-box{background: #fff;}
.product-slider-box .category  {
	float:left;width:97%;border-bottom: 1px solid #eee;padding:0 10px 10px 10px;
}
.product-slider-box .category .category_h3{font-size:16px;font-weight: 500;float:left;width:50%;}

.product-slider-box .hot{
	padding:8px 10px 0 10px;
	overflow: hidden;
}

.product-slider-box li .photo {list-style: none;margin:0 0 15px 0;text-align: center;}
.product-slider-box .photo img{
	max-width:80%;
	border-radius: 5px;
}
.product-slider-box li {font-size:14px;color:#333;line-height:24px;overflow:hidden; border-bottom: 1px solid #ddd;padding:10px 0;}
.product-slider-box li .price{font-weight: 500;color: #ff3300;text-align: center;font-size:16px;}

.product-tab{
	float:left;
	width:100%;
	background: #fff;
	border-bottom: 1px solid #ddd;
}
.product-tab label{float:left;font-size:14px;font-weight: 500;display:inline-block;padding:10px 20px;border-right:1px solid #ddd;cursor: pointer;}
.product-tab label.active{background:#fff;color:#ff3300;border-top:2px solid #ff0000;border-bottom: 0px solid #ddd;}


.product-box .product-content{
	float:left;
	padding: 20px;
	line-height:28px;
	text-align: justify;
}
.product-content table{
	float:left;
	border-collapse:collapse;
	width:100%;
	max-width:100%;
	font-size:14px;
	border-spacing: 1px;
	min-width: 100%;
	margin:20px 0 20px 0;
}
.product-content table td{
	text-align: left;
	padding: 4px 8px;
	border: 1px solid #eee;
}
.product-box .content{
	float:left;
	line-height:28px;
	text-align: justify;
	font-size:14px;
}
.product-box .content h2,.product-box .content h3,.product-box .content h4 ,.product-box .content h5{
	margin:20px 0;
}
.product-box .content p{
	margin:20px 0;
}
.product-box .content img{max-width:100%;width:100%;}


/*
buy
 */
.settle{background: #fff;border:1px solid #ccc;padding:20px;font-size:14px;}
.settle .category_h3{font-size:16px;font-weight: 500;width:50%;}
.settle .address{padding:20px;}
.settle  table{
	border-collapse:collapse;
	width:100%;
	max-width:100%;
	font-size:14px;
	border-spacing: 1px;
	min-width: 100%;
	margin:16px 0 16px 0;
}
.settle tr.select{
	background: #efefef;
}
.settle  td{
	text-align: left;
	padding: 4px 8px;
	border: 1px solid #dedede;
}
.settle  th{
	text-align: left;
	padding: 4px 8px;
	border: 1px solid #dedede;
	background: #efefef;
}

.settle .deliver{padding:20px;}

.settle .deliver img{width:80px;height: 80px;object-fit: cover}
.settle .deliver .price{color:#ff3300;}

.settle .pay-type {padding:20px;}
.settle .pay-type label{cursor: pointer}
.settle .pay-type .radio{width:16px;height:16px;vertical-align:middle;}
.settle .pay-type img{vertical-align:middle}

.settle .comment{padding:20px;}
.settle .comment .input{border:1px solid #ccc;padding:6px 8px;width:500px;}
.settle .exp{padding:20px;}

.confirm li{text-align: right;color:#666;line-height:32px;}
.confirm .price{font-size:18px;color:#ff3300;}
.confirm span{margin-left:20px;}

.qrcode{text-align: center;}

.pay-price{text-align: center;}
.pay-price .price{font-weight: 500;font-size:16px;color:#ff3300;}
.pay-type{text-align: center;}
.pay-type img{max-width:200px;}
.qrcode img{max-width:300px;}

.order-button{text-align: center;float:right;}
.default-address{color:#2aa13d;}

.box-left{float:left;width:50%}
.box-right{float:right;width:50%}
.weixin-pay{width:30%;}
.success{font-size:20px;text-align: center;}
.success span{font-size:14px;}
.success span a{color:#0c8df9;}

.edit-address{min-width:600px;}
.edit-address h2{font-size:18px;font-weight: 500;}
.edit-address table{width:100%;padding:10px;font-size:14px;margin-top:10px;}
.edit-address table td{padding:4px 6px;color:#666;}
.edit-address table td .form-control{
	padding:6px 4px;
	font-size:14px;
	width:420px;
	border:1px solid #999;
}


/*
user
 */

.login-box{
	float:left;
	width:100%;
}
.login-carousel{
	float:left;
	width:660px;
	height:370px;
	overflow: hidden;
	background: #fff;
}
.login-carousel img{
	width:100%;
	object-fit: cover;
}
.login{
	float:right;
	width:460px;
	margin:0 auto;
	background: #fff;
	border:1px solid #ccc;
	overflow: hidden;
	padding:14px 30px;
}
.login h2{
	font-size:22px;
}
.login .form-label{
	font-size:14px;
	display:block;
	padding:4px 0;
	font-weight: 500;
}
.login .row{
	margin:16px 0;
	padding-right:20px;
	display: block;
	width:100%;
	float:none;
	clear:both;
}
.login .mobile{
	padding:8px 10px;
	font-size:14px;
	display: block;
	width:100%;
	color:inherit;
	background-clip: padding-box;
	border:1px solid #aaa;
}
.login .code{
	padding:8px 10px;
	font-size:14px;
	display: block;
	width:100%;
	color:inherit;
	background-clip: padding-box;
	border:1px solid #aaa;
}
.login .code:focus{
	outline: none;
	border:1px solid #999;
}
.login .mobile:focus{
	outline: none;
	border:1px solid #999;
}
.login a{color:#0a66c2;}
.login .col{float:left;}
.login .col-auto{float:right;}




.user-box-left{
	float:left;
	width:230px;
	overflow: hidden;
	background: #fff;
}

.user-box-left .more-box{background: #fff;}
.user-box-left .category  {
	float:left;width:97%;border-bottom: 1px solid #eee;padding:0 10px 10px 10px;
}
.user-box-left .category .user{
	margin:0 auto;
	text-align: center;
}
.user-box-left .category .user p{font-size:16px;font-weight:500;}
.user-box-left .category .user img{width:40%;}
.user-box-left  ul.menu{
	float:left;
	padding:20px 20px 20px 86px;
}
.user-box-left  li {line-height:40px;text-align: center;}
.user-box-left  li a{font-size:16px;display: block;}


.user-box-left .category .category_h3{font-size:16px;font-weight: 500;float:left;width:50%;}

.user-box{
	float:right;
	width:956px;
	overflow: hidden;
	background: #fff;
}
.user-box .category {
	float:left;width:97%;border-bottom: 1px solid #eee;padding:0 10px 10px 10px;
}
.user-box .category .category_h3{font-size:16px;font-weight: 500;float:left;width:50%;}

.user-box .panel{padding:20px;}
.user-box table{
	float:left;
	border-collapse:collapse;
	width:100%;
	max-width:100%;
	font-size:14px;
	border-spacing: 1px;
	min-width: 100%;
	margin:20px 0 20px 0;
}
.user-box table th{
	text-align: left;
	padding: 8px 10px;
	border: 1px solid #dedede;
	background: #efefef;
}
.user-box table tr:hover {
	background-color: #f8f8f8
}
.user-box table td{
	text-align: left;
	padding: 8px 10px;
	border: 1px solid #eee;
}
a.topay{text-decoration: underline;font-weight: 500;color:#0a66c2}

.text-black{color:#333;}
.mall-box{
	background: #fff;
	float:left;
	width:100%;
}
.mall-box .category{float:left;width:97%;border-bottom: 1px solid #eee;margin:10px 16px 0 16px;padding-bottom: 10px;}
.mall-box .category .category_h1{font-size:24px;font-weight: 600;float:left;width:50%;}
.mall-box .category .category_h2{font-size:20px;font-weight: 500;float:left;width:50%;}
.mall-box .category .more{float:right;padding-right:16px;margin-top:5px;text-align: right}
.mall-box .category .more a{font-size:14px;}

.mall-box .product-content{float:left;width:100%;}
.mall-box .product-content .product{float:left;width:240px;margin:20px 20px;line-height:34px;padding:8px;overflow: hidden;border:1px solid #fff;}
.mall-box .product-content .product:hover{border:1px solid #fff;box-shadow: 0 3px 11.64px 0.36px rgba(0, 0, 0, 0.18);}
.mall-box .product-content .product a{display: block;}

.mall-box .product-content .product .photo{width:220px;height:220px;overflow: hidden;margin:0 10px;}
.mall-box .product-content .product .photo img{max-width:100%;}
.mall-box .product-content .product h3{font-size:16px;font-weight: normal;margin-top:6px;}

.mall-box .product-content .product  .red{color:#ff3300;font-size:20px;font-weight: bold; vertical-align: middle;}

.mall-box .product-content .product .sales{font-size:14px;margin-left:8px;color:#666;vertical-align: middle;}


.cart-num{background: #ff3300;color:#fff;padding:0 10px;margin-left:2px;border-radius: 5px;}
.panel  img{width:60px;height:60px;object-fit: cover}
.panel .checkbox{width:24px;height:24px;cursor: pointer;}


.panel .num-button{
	float:left;
}
.panel .num-button .number{
	float:left;
	width:40px;
	border:1px solid #ccc;
	height:43px;
	text-align: center;
}
.panel .num-button .tool{
	float:left;
}
.panel .num-button .tool .dec{
	font-size:16px;
	color:#333;
	width:30px;
	background: #eee;
	text-align: center;
	vertical-align: middle;
	border-top:1px solid #ddd;
	cursor: pointer;

}
.panel .num-button .tool .inc{
	font-size:16px;
	color:#333;
	width:30px;
	background: #ddd;
	text-align: center;
	vertical-align: middle;
	border-top:1px solid #ddd;
	cursor: pointer;
}