.hotbangdan{padding: 20px 0;}
.hotbangdan .brangblist{ width:50%; float:left;box-sizing: border-box;}
.hotbangdan .brangblist:nth-child(2n+1){ border-right:solid 1px #f5f5f5;}
.hotbangdan .bigitem{ width:277px; float:left; }
.hotbangdan .bigitem .ttl{line-height: 2.4em; position:relative;}
.hotbangdan .bigitem .ttl span{ max-width:200px; display:inline-block; vertical-align:middle; margin:0 10px;}
.hotbangdan .bigitem .ttl i.icon{display: inline-block;background-color: #f94e4c;color: #FFF;border-radius: 50%;font-size: 1em;width: 1.4em;height: 1.4em;line-height: 1.4em;}
.hotbangdan .bigitem .ttl em{ display:inline-block; line-height:16px; height:16px; width:16px; border-radius:50%; color:#FFF; text-align:center;}
.hotbangdan .bigitem .ttl em i{ font-size:12px;}
.hotbangdan .bigitem .list{border:solid 1px #eee; border-top:solid 2px #999; background-color:#FFF;}
.hotbangdan .bigitem .list ul{}
.hotbangdan .bigitem .list li{ border-bottom: dashed 1px #E6E6E6;width: 250px;margin: 0 auto; padding: 10px 0;line-height: 28px;height: 28px;}
.hotbangdan .bigitem .list li .num{ width:20px; float:left;color: #333;font-weight: bold;text-align: center;margin-right: 10px;}
.hotbangdan .bigitem .list li .bname{ width:140px; float:left;}
.hotbangdan .bigitem .list li .score{ color:#bbb;width: 80px;text-align: right; float:left; height:100%; position:relative;}
.hotbangdan .bigitem .list li .score .progress{width: 80px;height: 6px; background:url(/public/images/maigoo/v2019/index/linebg.png) repeat-x; background-size:auto 6px;position:absolute; right:0; top:50%; margin-top:-3px;}
.hotbangdan .bigitem .list li .score .progress .colorline{background-color: #fe741c;height: 6px;}
.hotbangdan .bigitem .list li .score span{display: inherit; line-height:1.5em;}
.hotbangdan .bigitem .list li:after{ content:""; height:0; clear:both;display: block;}
.hotbangdan .bigitem .list li .num1 i{ color:#FFF; display:inline-block; width:100%; height:28px; background:url(/public/images/maigoo/v2019/index/1.png) no-repeat; background-size: auto 28px;}
.hotbangdan .bigitem .list li .num2 i{ color:#FFF; display:inline-block; width:100%; height:28px; background:url(/public/images/maigoo/v2019/index/2.png) no-repeat; background-size: auto 28px;}
.hotbangdan .bigitem .list li .num3 i{ color:#FFF; display:inline-block; width:100%; height:28px; background:url(/public/images/maigoo/v2019/index/3.png) no-repeat; background-size: auto 28px;}

.hotbangdan .bigitem .picbox{}
.hotbangdan .bigitem .picbox img{ width:100%; display:block;}
.hotbangdan .minttl{height: 40px;line-height: 40px;font-size: 16px;color: #53940e;background-color: #F5F5F5;border: solid 1px #CCC;border-radius: 20px; float:left;width: 106px;text-align: center;margin-top: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;padding: 0 10px;}
.hotbangdan .minttl:hover{color:#fe741c;}

.hotbangdan .brangblist:nth-child(2n+1) .bigitem{margin-right:20px;}
.hotbangdan .brangblist:nth-child(2n+1) .bigitem:last-child{ margin-right:0;}
.hotbangdan .brangblist:nth-child(2n+1) .minttl{margin-right: 20px;} 

.hotbangdan .brangblist:nth-child(2n) .bigitem{margin-left:20px;}
.hotbangdan .brangblist:nth-child(2n) .minttl{margin-left: 20px;} 
.hotbangdan .brangblist.zslist .bigitem .ttl i.icon{ background-color:#93cdff;}
.hotbangdan .brangblist.zslist .bigitem .list li .score .progress .colorline{ background-color:#A1DEEA;}