/* 分类筛选 */
.shaixuan-box .screen{position: relative; width: auto;height: auto;padding: 20px 16px 20px 30px;background-color: #fff;margin-bottom: 16px;}
.shaixuan-box .screen .liuhu{position: relative; width: 860px;margin-bottom: 10px;}
.shaixuan-box .screen .liuhu h2{color: #333;height: 24px;line-height: 24px;}
.shaixuan-box .screen .liuhu ul{width: 790px; display: flex;flex-wrap: wrap;}
.shaixuan-box .screen .liuhu ul li{float: left;width: auto;height: 24px;line-height: 24px;padding: 0 12px;border-radius:2px;cursor: pointer;margin-left: 8px;margin-bottom: 10px;}
.shaixuan-box .screen .liuhu ul li.layui-this{background-color: #e1251b;}
.shaixuan-box .screen .liuhu ul li.layui-this a{color: #fff;}
.shaixuan-box .screen .city{height: 95px;overflow: hidden;}
.shaixuan-box .screen .city ul {width: 770px;height: auto;padding-right: 20px;}
.shaixuan-box .screen .city .city-search .layui-input {height:26px;line-height:26px;border-color:#999;font-size:12px;}
.shaixuan-box .screen .city .city-search .layui-input {height:26px;line-height:26px;border-color:#999;font-size:12px;}
.shaixuan-box .screen .city .iocsan{position: absolute;bottom: 2px;right: 20px;cursor: pointer;width: 24px;height: 24px;line-height: 24px;text-align: center;transition: transform .5s;}
.shaixuan-box .screen .city .open{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.shaixuan-box .screen .poster{position: absolute;top: 20px;right: 16px; width: 256px;height: 136px;border-radius: 4px;overflow: hidden;}
.shaixuan-box .screen .poster img{width: 100%;height: 100%;}

/* 数据列表 */
.dataBox{width: 896px;background-color: #fff;}

/* 默认排序和搜索框 */
.dataBox .screen-sort{width: auto;height: 38px;padding: 25px 30px;background-color: #fff;display: flex;justify-content: space-between;align-items:center;}
.dataBox .screen-sort ul{width: auto; display: flex;flex-wrap: wrap;}
.dataBox .screen-sort ul li{float: left;width: auto;height: 28px;line-height: 28px;padding: 0 12px;border-radius:2px;cursor: pointer;margin-right: 16px;font-size: 14px;color: #333;}
.dataBox .screen-sort ul li.layui-this{background-color: #e1251b;}
.dataBox .screen-sort ul li.layui-this a{color: #fff;}
.dataBox .screen-sort .screen-search-form{float: right; width: auto;height: 38px;}
.dataBox .screen-sort .screen-search-form .layui-input{width: 238px;height: 38px;line-height: 38px;border: 2px solid #e1251b;border-radius: 0;color: #999;}
.dataBox .screen-sort .screen-search-form .layui-btn{width: 62px;height: 38px;line-height: 38px;background-color: #e1251b;font-size: 14px;color: #fff;border-radius: 0;border: 0px none !important;}

.dataBox .list{width: auto;}
.dataBox .list li{position: relative;}
.dataBox .list li:hover{background:url(../../img/recruit-mark.png) no-repeat 0 0;}
.dataBox .list li:after{position: absolute;bottom: 0;left: 30px;width: 836px;height: 1px;background-color: #EBEBEB;}
.dataBox .list li:last-child:after{background-color: #fff;}
.dataBox .list li a{display: block;padding: 20px 30px;}

.dataBox .list li a .qy-portrait{width: 130px;height: 100px;margin-right: 20px;}
.dataBox .list li a .qy-portrait img{width: 100%;height: 100%;}
.dataBox .list li a dl{width: 480px;}
.dataBox .list li a dl dt{font-size: 16px;font-weight: bold;margin-bottom: 10px;color: #333;}
.dataBox .list li a:hover dl dt{color: #e1251b;}
.dataBox .list li a dl dd{font-size: 12px;margin-bottom: 10px;}
.dataBox .list li a dl dd span{margin-left: 10px;}
.dataBox .list li a dl dd.mingc{margin-bottom: 0;}
.dataBox .list li a dl dd.mingc img{}
.dataBox .list li a dl dd.mingc span{display: inline-block;width: auto;}
.dataBox .list li a dl dd.mingc i{font-style: normal;color: #999;margin-left:20px;}
.dataBox .list li a .special{width: 205px;}
.dataBox .list li a .special .yulan{font-size: 12px;color: #999;}
.dataBox .list li a .special .price{color: #333;margin: 5px 0 18px;}
.dataBox .list li a .special .price i{font-style: normal;font-weight: bold;font-size: 20px;color: #e1251b;}
.dataBox .list li a .special .href{display: inline-block;width:90px;height:30px;line-height: 30px;border:1px solid #e1251b;border-radius:4px;color: #e1251b;cursor: pointer;}
.dataBox .list li a .special .href:hover{color:#fff;background-color:#e1251b;}


/* 右侧栏位 */
.sx-recommend .gungt{width: 288px;margin-bottom: 20px;}
.sx-recommend .gungt a{display:block;}
.sx-recommend .gungt img{width: 288px;}

.sx-recommend .reco-list{width: auto;width: 256px;background-color: #fff;padding: 20px 16px;margin-bottom: 20px;}
.sx-recommend .reco-list li{width: auto;height: auto;padding-top: 16px;margin-bottom: 10px;}
.sx-recommend .reco-list li:last-child{margin-bottom: 0;}
.sx-recommend .reco-list li a{display: block;}
.sx-recommend .reco-list li a .product{width: 256px;height: 124px;}
.sx-recommend .reco-list li a .product img{width: 100%;height: 100%;}
.sx-recommend .reco-list li a .title{height: 19px;color: #333;margin: 10px 0 5px;}
.sx-recommend .reco-list li a:hover .title{color: #e1251b;}
.sx-recommend .reco-list li a .jiage{font-size: 12px;color: #666;}
.sx-recommend .reco-list li a .jiage i{font-style: normal;font-size: 18px;color: #e1251b;font-weight: bold;}