* { margin: 0; padding: 0; }
html, body { color: #666666; height: 100%; line-height: 23px; }
body, button, input, select, textarea, h2 { font: 16px/1.5 tahoma, arial, "微软雅黑"; vertical-align: middle; }
img { border: 0; }
a { text-decoration: none; color: #5D9A5D }
a:link { color: #5f7b98; text-decoration: none }
a:visited { color: #5f7b99 }
a:hover { color: #5f7b98 }
img { vertical-align: middle; }
em { font-style: normal }
li { list-style-type: none; }
input { padding-left: 5px; }
.clear { clear: both }






.header {height: 60px;color: #fff;text-align:center}
.header img {height: 60px;}


.header .logo {vertical-align: middle; }
.header .weather { width: 150px; line-height: 30px; font-size: 12px; overflow: block; text-align: right; padding-right: 5px; float: right }
.headclass { background-color: #F07400; padding: 8px 0; line-height: 30px; text-align: center }
.headclass ul li { float: left; list-style-type: none; width: 25%; height: 30px;line-height: 30px; overflow:hidden}
.headclass ul li a { color: #fff }
.userbar { height: 30px; background-color: #ffecb1; border-bottom: 1px solid #FFE180; border-top: 1px solid #FFF9E5; line-height: 30px; color: #f40 }
.userbar a { color: #f40 }
.graybar { height: 28px; padding-left: 10px; background-color: #EEEEEE; border-bottom: 1px solid #D6D6D6; border-top: 1px solid #FFFFFF; overflow: hidden; }
.graybar ul li { float: left; list-style-type: none; width: 20%; }
.graybar a { color: gray }
.graybar a.none { color: #888 }

#search{padding-top:10px; text-align:center;  width:100%; background-color:#FFFFFF; position:relative; padding-bottom:10px;}
#search .search_text{ padding:3px;border:#f07400  1px solid;  width:97%; height:35px;font-size:16px; border-top-left-radius:4px;border-bottom-left-radius:4px;padding-left:25px;background:url(https://m.hjbaogao.com.cn/skin/m/img/search.png) left no-repeat; padding-left:4px;border-top-right-radius:0px;border-bottom-right-radius:0px;}
#search .search_btn{ background:#f86001 ; width:80px; height:43px; border:none; font-size:16px;border-radius:0px; color:#FFF ; position:absolute;right:0px;top:10px;}
  
  




.head{	height: 40px;
	background: #F07400;
	line-height: 40px; overflow:hidden}
.head .fh{ float:left; width:40px;}
	
.head .fh a{ display:block;width:40px;height: 40px;background: url(../image/back.png) no-repeat 10px 7px;
    background-size: 17px 25px;}	
	
.head .lm{ float: right;width:-webkit-calc(100% - px);width:-moz-calc(100% - px);width:calc(100% - 50px);    height: 40px;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; color:#FFF; text-align:center}





.top {
	width: 100%;
	color: #fff;
	text-align: center;margin-bottom: 10px;
}


/*.logo {
	margin: 0 auto;
	width: 100%; background:#fff
}

.logo a {
	background-color: none;
	border: none
}

.logo img {
	height:60px;
}
*/
.con-box {
	width: 96%;
	overflow: hidden;
	margin: 0 auto
}

.con-box100 {
	width: 100%
}

.cjwt-box {
	width:-webkit-calc(100% - 11px);width:-moz-calc(100% - 11px);width:calc(100% - 11px);margin: 0 auto;
	overflow: hidden; border: 1px solid #dfdfdf; border-bottom:none; border-right:none;
}


.cjwt-box .cjwt-01 {
width:-webkit-calc(50% - 11px);width:-moz-calc(50% - 11px);width:calc(50% - 11px);
	overflow: hidden;float: left; padding: 5px; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;
}

.cjwt-box .cjwt-01:nth-child(2){border-right:none}




.cjwt-box .cjwt-01 .dd {
	float: left;width:-webkit-calc(100% - 70px);width:-moz-calc(100% - 70px);width:calc(100% - 70px);
}

.cjwt-box .cjwt-01 .dd .strong {
	color: #333;
	font-size: 16px;height:20px;line-height:20px;
}

.cjwt-box .cjwt-01 .dd .p {
	font-size: 12px; color: #999; height:60px;line-height:20px;overflow:hidden
}
.cjwt-box .cjwt-01 .dt {
	float: right;width: 65px;margin-top: 10px
}
.cjwt-box .cjwt-01 .dt img {width: 65px;height: 70px;
	border: 1px solid #dedede;

}




.title {
	height: 40px;
	background: #F07400;
	line-height: 40px;
	width: 98%;
	padding-left: 2%;margin-top: 10px;
}

.title .strong {
	color: #fff
}
.title .strong a{
	color: #fff
}



.jbms {
	width: 100%;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom:10px;border-bottom: 1px #dedede solid
}

.jbms .dt img {
	width: 120px;
	height: 80px;
	float: left;
	margin-right:10px
}

 
.jbms .dd  .strong {
	color: #0099FF;
	font-size: 16px;margin-bottom: 10px;
}

.jbms .dd .p {
	font-size: 12px; height: 40px;line-height: 20px;overflow:hidden
}
.hover-btn{width: 100px; margin: 0 auto;	border-radius:8px;border: 1px #ccc solid; clear: both;  color: #000; text-align:center;height: 35px;line-height: 35px;font-size: 14px;margin-top: 10px;   }



 .foot{ text-align: center; font-size: 12px; padding: 10px;color:  #999 }







.tanj_foot_main {
	text-align: center;
	padding:30px;
	overflow: hidden;
	clear: both
}


.tanj_tool {
	width: 100%;
	background: #F8F8F8;
	overflow: hidden; display:block; position:fixed;left:0px;bottom:0px; padding-top: 5px;
}
.tanj_tool a {
	color: #bfbfbf;
	font-size: 10px;
	display: inline-block;
	width: 33.33333%;
	overflow: hidden;
	float: left;
	text-align: center;
}

.tanj_tool a .ico1{ background:url(../image/sy1.png) no-repeat center;
	width: 23px;
	height: 23px; background-size: 23px 23px;
	margin: auto
}


.tanj_tool a.on .ico1{ background:url(../image/sy.png) no-repeat center;background-size: 23px 23px;}


.tanj_tool a .ico2{ background:url(../image/fl1.png) no-repeat center;
	width: 23px;
	height: 23px; background-size: 23px 23px;
	margin: auto
}
.tanj_tool a.on .ico2{ background:url(../image/fl.png) no-repeat center;background-size: 23px 23px;}


.tanj_tool a .ico3{ background:url(../image/ss1.png) no-repeat center;
	width: 23px;
	height: 23px; background-size: 23px 23px;
	margin: auto
}

.tanj_tool a.on .ico3{ background:url(../image/ss.png) no-repeat center;background-size: 23px 23px;}




.tanj_tool a span {display: block}
.tanj_tool a.on span {color:#F07400}



.smap li {
    margin-top:10px;
    width:-webkit-calc(100% - 11px);width:-moz-calc(100% - 11px);width:calc(33.33333% - 10px);
       color: #333;
    display: block;
    font-size:14px;
    overflow: hidden;
    border: 1px solid #eee;height: 30px; line-height: 30px;
    border-radius: 10px; float: left;text-align: center; margin-left: 4px; margin-right: 4px;

}





.ss{ background:#eee;padding: 10px;}
.ss .ss1{ background:#fff;overflow:hidden;}
.ss .ss2{ float:left;width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px);}
.ss .ss2 input{height: 30px;line-height: 30px; font-size: 16px; padding-left: 10px; border:none}
.ss .ss3{ float: right; width: 60px; }
.ss .ss3 button{height: 30px;line-height: 30px;border-radius:0px; border:none ;font-size: 14px;border:none; background:none}




.article-con{overflow:hidden}
.article-title{font-size:18px;text-align:center;line-height:38px;padding-top:10px}
.article-more{font-size:12px;color:#777;text-align:center;line-height: 24px;}

.desdiv{}.mdesp{padding:5px;line-height:22px;color:#777;border:1px solid #eee;font-size:14px}
.mdesp span{margin-right:10px;font-weight:700;font-size:14px}
.article {color:#444;padding-top:10px;font-size:14px;line-height:25px!important; border-bottom: 1px  solid #eee;margin-bottom: 20px; padding-bottom: 10px;}
.article div{ padding-bottom: 10px;}
.article img{ margin: 5px auto 5px auto;
    border-bottom: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6;
    max-width: 100%;
    height: auto !important;
    max-height: 400px;
    display: block;}

.fenye{ margin-left: 10px;height: 25px;line-height: 25px;overflow: hidden;color: #777;font-size: 14px }










  

 


.list-item .img-con {
    position: relative;
    overflow: hidden;
}

 

.list-item .img-con .coupon-icon {
    position: absolute;
    top: 0;
    left:0px;
    width: 60px;
    height:60px;
    background: url(https://m.hjbaogao.com.cn/skin/m/images/yhq.png) no-repeat;
    background-size: cover;
}

.list-item .img-con .coupon-icon .coupon-amount {
    margin-top:30px;
    color: #fff;
    font-size:16px;
    text-align: center;
}

.list-item .img-con .coupon-icon .coupon-amount span {
    font-size: 18px;
    margin-left: 10px;
}

.list-item .info-con {
    padding:5px;
}

.list-item .line2 {
    display: -webkit-box;
    overflow: hidden;
}

.list-item .info-con .list-item-name {
    font-size:16px;
    height:44px;
    line-height:22px;
}

.list-item .info-con .price_sell {
    font-size:14px;
    color: #9b9b9b;
    position: relative;
    margin-top:5px;
}




.list-item .info-con .price_sell .sell-num {
    position: absolute;
    right: 0;
}





.list-item .hr {
    height: 1px;
    width: 100%;
    background: url(https://m.hjbaogao.com.cn/skin/m/images/xt.png) no-repeat;
    background-size: cover; margin-top:5px; margin-bottom:10px;

}


.list-item .coupon-amount-icon {
    position: relative;
    border: 1px solid #ff5000;
    color: #ff5000;  height: 30px;
    overflow: hidden;
    border-radius: 5px; box-sizing: border-box;
    display: inline-block;
}


.list-item .coupon-amount-icon .icon-left {
    position: absolute;
    width:20px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    background: #ff5000;
    color: #fff;
    left: 0;
    top: -1px;
}

.list-item .coupon-amount-icon span { padding-left:25px;line-height: 30px; padding-right:5px;
}

.list-item .coupon-con .coupon-amount-price {
    float: right;
    color: #9b9b9b;
    font-size:16x; height: 30px; line-height:30px; overflow:hidden
}

.list-item .c-red {
    color: #ff5000;
}

.list-item .big-price {
    font-size: 16px;
    font-weight: 700;
}






.product{ margin-top:10px;}
.product .product-pic{ text-align:center;}
.product .product-pic img{ width:100%;}
.product .com-proinfor-content{}
.product-comment{ width:98%; margin:0 auto }
.product-comment .bady-tab{ border-bottom:#CCC 1px solid; height:40px; line-height:40px; margin-bottom:20px;}
.product-comment .bady-tab a{ display:block; width:320px; text-align:center;font-size: 18px;
    border-bottom: 3px #ff9c00 solid;
    }



.price-now{padding:9px 38px; background:#ff7800; font-size:24px; text-align:center; color:#fff; border-radius:4px; margin:34px 22px 0 0;display:inline-block; font-weight:normal;}
.price-now a{color:#fff;}  


.descimg img{ max-width:100%; padding:0px; margin:0px; border:none}



.graybar { text-align: center; height:38px;line-height:38px; padding-left: 10px; background-color: #EEEEEE; border-bottom: 1px solid #D6D6D6; border-top: 1px solid #FFFFFF; overflow: hidden; }
.graybar a {display:inline-block; color: gray ;width:25%;text-align:center}
.graybar a.none { color: #888 }