@charset "utf-8";

/*容器居中*/
.wrap{ width:1180px; margin:0 auto;}

.container {
    width: 1180px;
    padding-left: 0;
    padding-right: 0;
    margin-right: auto;
    margin-left: auto;
}
.row{margin: 0;}



/*边框*/
.border-theme{ border: 1px solid #1c4587 !important;}/*主题颜色*/
.border-red {border:1px solid red!important}
.border-df{ border:1px solid #ddd;}/*统一边框色--浅灰色*/
.border-top { border-top:1px solid #ddd;}/*浅灰色--上边框*/
.border-bottom { border-bottom:1px solid #f2f2f2;}/*浅灰色--下边框*/
.border-left { border-left:1px solid #f2f2f2;}/*浅灰色--左边框*/
.border-right { border-right:1px solid #f2f2f2;}/*浅灰色--右边框*/
.border-dashtop { border-top:1px dashed #e4e4e4;}/*虚线-深灰色-上边框*/
.border-dashbottom {border-bottom:1px dashed #e4e4e4;}/*虚线-深灰色-下边框*/
.border-gray {border:1px solid #e4e4e4;}/*深灰色*/
.border-inherit{ border: inherit !important;}
.bd-default{border: 1px solid #EEEEEE;}
.border-transparent {border:1px solid transparent;}/*透明*/
/*无下边框*/
.noborder-bottom {border-bottom:0px!important;}


/*文字首行缩进*/
.text-indent2{
	text-indent: 2em;
}
.text-indent {
    text-indent: 1em;
    color:initial;
}
/*文字下划线*/
.underline {
    text-decoration: underline;
}
/* 字体加粗*/
.fw-bold {font-Weight: bold;}

/*文字超出不显示*/
.txtnowarp {
    overflow:hidden;
    white-space:nowrap;
}

/*显示隐藏*/
.ellipsis { overflow: hidden;}
.visi-hidden {visibility:hidden;}


/*转化为块级元素*/
.dis-block{display:block;}
.dis{ display:none!important;}
.dis-tablerow {
    display:table-row;
}

/*行内块元素*/
.disin-block{display: inline-block;}
/*margin*/
.mr5  {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr40 {margin-right: 40px;}

.mt5  {margin-top:5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}

.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30 {margin-bottom:30px;}

.ml5  {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml60 {margin-left: 60px;}

.mtb5 {margin-top: 5px;margin-bottom: 5px;}
.mtb10 {margin-top: 10px;margin-bottom: 10px;}
.mtb20 {margin-top: 20px;margin-bottom: 20px;}
.mtb30 {margin-top: 30px;margin-bottom: 30px;}
.mtb100 {margin-top: 100px;margin-bottom: 60px;}

/* padding */
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}

.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pb60{ padding-bottom:60px;}

.pl20{padding-left: 20px;}
.pl30{ padding-left:30px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}

.pad-5 { padding: 0px 5px!important;}
.ptrbl{padding: 6px 10px!important;}
.ptb5 {padding-top: 5px; padding-bottom: 5px;}
.ptb20 {padding-top: 20px; padding-bottom: 20px;}



/*清除浮动*/
.clearfix:before,.clearfix:after{
	content: '';
	display: table;
}
.clearfix:after{
	clear: both;
}

/*清除浮动公共样式*/
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearboth::after {
    content:' ';
	clear: both;
	display:block;
	visibility: hidden;
	width:0;
	height: 0;
	zoom: 1;
}

/*高度*/
.lh-30 {
    height: 30px;
    line-height: 30px;
}
.l-15em {
    line-height: 1.5em;
}
.hl-32{
	height: 32px;
  line-height: 32px;
}
.hl-36{
  height: 36px;
  line-height: 36px;
}
.hl-46{
  height: 46px;
  line-height: 46px;
}

/*小手*/
.cur-pointer{
	cursor: pointer;
}

/*不可用*/
.cur-not{
	cursor: not-allowed;
}

/*垂直居中*/
.vm {
    vertical-align: middle;
}
.vt{
	vertical-align: top;
}

/*竖线样式*/
.verticalbar {
    width:5px;
    height:16px;
    background:#1c99ef;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

/*多出来部分（包括弹窗标题头样式，分页样式pager.css，分页样式PagedList.css ） start*/
/*包括弹窗标题头样式*/
.layui-layer-title {
    padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    background-color: #1c4587;
    border-radius: 2px 2px 0 0;
}
/*分页样式pager.css*/
.pages a:hover, li.current a {
            background-color: #1c4587;
            color: #FFFFFF;
            border: #1c4587 1px solid;
}
/*分页样式PagedList.css*/
.pagination > li > a,
.pagination > li > span {
  border-right: #1c4587 1px solid;
    padding-right: 7px;
    background-position: 50% bottom;
    border-top: #1c4587 1px solid;
    border-left: #1c4587 1px solid;
    color: #1c4587;
    margin-right: 3px;
    border-bottom: #1c4587 1px solid;
    text-decoration: none;
    padding: 6px 12px;

}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
      border-right: #1c4587 1px solid;
    border-top: #1c4587 1px solid;
    font-weight: bold;
    border-left: #1c4587 1px solid;
    color: #fff;
    margin-right: 3px;
    border-bottom: #1c4587 1px solid;
    background-color: #1c4587;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  border-right: #1c4587 1px solid;
    background-position: 50% bottom;
    border-top: #1c4587 1px solid;
    border-left: #1c4587 1px solid;
    color: #1c4587;
    margin-right: 3px;
    border-bottom: #1c4587 1px solid;
    text-decoration: none;
    cursor: not-allowed;
}
/*ICheck样式*/
.icheckbox_minimal-orange:hover {
    border: solid 1px #1c4587;
}

.icheckbox_minimal-orange.checked::after {
    content:' ';
    position:absolute;
    left:2px;
    top:2px;
    width: 11px;
    height: 6px;
    border:0px solid #1c4587;
    border-width:0 0 2px 2px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    z-index:-1;
}

.iradio_minimal-orange:hover {
        border: solid 1px #1c4587;
}

.iradio_minimal-orange.checked::after {
    content:' ';
    position:absolute;
    left:5px;
    top:5px;
    width: 6px;
    height: 6px;
    background-color:#1c4587;
    border-radius:50%;
    z-index:-1;
}
/*多出来部分（包括弹窗标题头样式，分页样式pager.css，分页样式PagedList.css ） end*/


/************************************icon图标 start***************************/

.icon-pub{
	display: inline-block;
	vertical-align: middle;
    background: url(/assets/img/pub/icon-pub.png) no-repeat;
}




/*品牌start*/
#HotBrand .hd ul li {
        width: 14px;
        height: 14px;
        border: 1px solid #c1c1c1;
        float: left;
        margin-left: 5px;
        border-radius: 50%;
        cursor: pointer;
        color: #fff;
    }
    #HotBrand .hd ul li.on{
        background: #1c4587;
        border: 1px solid #1c4587;
        color: #fff;
    }
.in-logos{width: 1180px;height: 185px}
.in-logos .big{    
    width:285px;
    height: 184px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border-width: 0 1px 0px 0;
}
.in-logos .big .bg-img {
    position: absolute;
    right: 0;
    top: 0;
}
.in-logos .big .bg-img img {
    width:285px;
    height:184px;
}
.in-logos  .other {
    height: 184px;
    float: left;
    display: flex;
}  
.in-logos .pingpai-smallone,.in-logos .pingpai-smalltwo {
    height: 92px;
}
.in-logos .pingpai-small a{ border-width: 0 1px 1px 0; display: inline-block; float: left;
    width: 120px;height: 92px;}
.in-logos .pingpai-smallone a:last-child{border-width: 0 0px 1px 0;}
.in-logos .pingpai-smalltwo a{border-width: 0 1px 0px 0;}
.in-logos .pingpai-smalltwo a:last-child{border-width: 0;}
.in-logos .pingpai-small img{width: 119px; height:91px;}

/*品牌end*/



.indexbox .ib-left{ width:215px; height: 350px;}
.indexbox .ibad {
    position: relative;
    height: 350px;
    width: 215px;
    overflow: hidden;
    text-align: center;
}
.indexbox .ibad h3 {
    margin: 40px 0px 25px;
    font-size: 17px;
    height: 25px;
    overflow: hidden;
	 font-weight: normal;
	 color:#FFFFFF;
}
.indexbox .ibad b {
    font-size: 20px;
    display: block;
    font-weight: normal;
    margin: 22px 0;
	 color:#FFFFFF;
}
.indexbox .ibad div.btn {
    display: block;
    width: 100px;
    height: 36px;
    background: #fff;
    line-height: 36px;
    text-align: center;
    margin: 12px auto;
    border-radius: 18px;
    font-size: 16px;
}
.indexbox .ibad div.btn:hover {
    background: rgba(255,255,255,.9);
    text-decoration: none;
}
.indexbox .ib-right{ width: 965px; height:350px;}
.indexul{ height:350px;}
.indexul li{ display: block; float: left; width:192px; height: 175px; border-width: 0 1px 1px 0;overflow: hidden;position: relative; text-align:left; }

.indexul li a{ display: block;height:175px; padding: 8px 0 0 10px;cursor:default;}
.indexul li a > h5,.indexul li a>p>span,.indexul li a > img {
    cursor:pointer;  
}
.indexul li a > h5 {
    color:black;
    width:181px;
    height:25px;
    overflow:hidden;
	font-size:14px;
    white-space:normal;
    word-break : break-all;
	font-weight:normal;
}
.indexul li a:hover{ text-decoration: none;}
.indexul li a:hover h5{ color: #1c4587;}
.indexul li a h5{ height: 24px;overflow: hidden;}
.indexul li a .price { width: 65px;}
.indexul li a .price b{ font-size: 14px; font-weight:normal; }
.indexul li a .sell{ background: #fff7f1; border: solid 1px #eac4a4; padding: 0px 5px; line-height: 26px;}
.indexul li img{ height: 90px;width: 90px;float:right;padding-right:15px}