.bangdan{padding-bottom: 20px;}
.bangdan .bangdesc{ padding:12px 20px; background-color:#F6F6F6; border-radius:5px; color:#868686;}
.bangdan .bangdesc .desc{height:3.6em; overflow:hidden;}
.bangdan .bangdesc .more{ height:0; text-align:center;}
.bangdan .bangdesc .more img{width: 30px;height: 30px;top: -5px;position: relative;z-index: 1;}

.bangdan .brandlist{}
.bangdan .brandlist li{ height:50px;border-radius:5px; margin-top:20px; background-color:#F6F6F6; overflow:hidden;}
.bangdan .brandlist li:after{content:""; clear:both; display:block;}
.bangdan .brandlist li a{display:block; color:#FFF; line-height:50px; height:50px; padding:0 253px 0 5px;position:relative;border-radius: 5px 0 6px 5px; box-sizing:border-box;}
.bangdan.active .brandlist li a{ transform:translateX(0); opacity:1}
.bangdan .brandlist li a:after{content:""; width:20px; height:54px; transform:rotate(12deg); margin-left:-13px; border-radius:0 6px 8px 0; position:absolute; left:100%; top:-3px;}
.bangdan .brandlist li a .l{float:left; width:100%; height:50px;}
.bangdan .brandlist li a .l .num{width:48px; margin-left:10px; float:left;}
.bangdan .brandlist li a .l .blogo{transition:all ease-in-out 300ms; float:left; margin-top:5px;margin-left: 20px;}
.bangdan .brandlist li a:hover .l .blogo{transform:scale(1.2); box-shadow:0 0 5px #ccc;}
.bangdan .brandlist li a .l .bname{margin-left:10px;}
.bangdan .brandlist li a:hover .l .bname{color:#ff0;}
.bangdan .brandlist li a .r{position:absolute; right:5px; top:0;}
.bangdan .brandlist li a .r .score{float:right; margin-right:5px;}
.bangdan .brandlist li a .r .score .ename{color:rgba(255, 255, 255, 0.6);}
.bangdan .brandlist li a .r .shuiyin{float:right; line-height:50px; font-size:0; margin-right:5px;}
.bangdan .brandlist li a .r .shuiyin img{width:20px;}
.bangdan .brandlist li a .r .starbox{float:right; margin-right:5px; position:relative; line-height:50px;}
.bangdan .brandlist li a .r .starbox i.iconfont{font-size:20px; padding:0 2px; height:50px; line-height:50px; float:left;}
.bangdan .brandlist li a .r .starbox .mbg{height:50px; position:absolute; right:0; top:0;}
.bangdan .brandlist li a .num,
.bangdan .brandlist li a .score{font-family:'oswald';}

@keyframes bangdan1{0%{transform:translateX(-110%); opacity:0;}0.1%{transform:translateX(0); opacity:1;}100%{transform:translateX(0); opacity:1;}}
.bangdan .brandlist li.li1 a{ background:#fb2c19;background: -webkit-linear-gradient(to right,rgba(251,44,25,0.6), #fb2c19);
background: -o-linear-gradient(to right, rgba(251,44,25,0.6), #fb2c19);
background: -moz-linear-gradient(to right,rgba(251,44,25,0.6), #fb2c19);
background:linear-gradient(to right, rgba(251,44,25,0.6), #fb2c19); width:780px; animation:bangdan1 500s ease-in-out infinite; animation-delay:0.5s;}
.bangdan .brandlist li.li1 a:after{ background: #fb2c19;}

@keyframes bangdan2{0%{transform:translateX(-110%); opacity:0;}0.02%{transform:translateX(-110%); opacity:0;}0.13%{transform:translateX(0); opacity:1;}100%{transform:translateX(0); opacity:1;}}
.bangdan .brandlist li.li2 a{ background:#fb7b44;background: -webkit-linear-gradient(to right,rgba(251,123,68,0.6),#fb7b44) ;
background: -o-linear-gradient(to right, rgba(251,123,68,0.6),#fb7b44);
background: -moz-linear-gradient(to right,rgba(251,123,68,0.6),#fb7b44);
background:linear-gradient(to right, rgba(251,123,68,0.6),#fb7b44); width:775px; animation:bangdan2 500s ease-in-out infinite; animation-delay:0.5s;}
.bangdan .brandlist li.li2 a:after{ background: #fb7b44;}
.bangdan .brandlist li.li2 a .starbox .mbg{background:linear-gradient(to right,transparent,#fc834f);}

@keyframes bangdan3{0%{transform:translateX(-110%); opacity:0;}0.04%{transform:translateX(-110%); opacity:0;}0.16%{transform:translateX(0); opacity:1;}100%{transform:translateX(0); opacity:1;}}
.bangdan .brandlist li.li3 a{ background:#88A877;background: -webkit-linear-gradient(to right,rgba(136,168,119,0.6),#88A877);
background: -o-linear-gradient(to right,rgba(136,168,119,0.6),#88A877);
background: -moz-linear-gradient(to right,rgba(136,168,119,0.6),#88A877);
background:linear-gradient(to right,rgba(136,168,119,0.6),#88A877); width:770px; animation:bangdan3 500s ease-in-out infinite; animation-delay:0.5s;}
.bangdan .brandlist li.li3 a:after{ background: #88A877;}
.bangdan .brandlist li.li3 a .starbox .mbg{background:linear-gradient(to right,transparent,#8EAC7E);}

@keyframes bangdan4{0%{transform:translateX(-110%); opacity:0;}0.06%{transform:translateX(-110%); opacity:0;}0.19%{transform:translateX(0); opacity:1;}100%{transform:translateX(0); opacity:1;}}
.bangdan .brandlist li.li4 a{ background:#12C6AC;background: -webkit-linear-gradient(to right,rgba(18,198,172,0.6),#12C6AC);
background: -o-linear-gradient(to right,rgba(18,198,172,0.6),#12C6AC);
background: -moz-linear-gradient(to right,rgba(18,198,172,0.6),#12C6AC);
background:linear-gradient(to right,rgba(18,198,172,0.6),#12C6AC); width:765px; animation:bangdan4 500s ease-in-out infinite; animation-delay:0.5s;}
.bangdan .brandlist li.li4 a:after{ background: #12C6AC;}
.bangdan .brandlist li.li4 a .starbox .mbg{background:linear-gradient(to right,transparent,#20C9B0);}

@keyframes bangdan5{0%{transform:translateX(-110%); opacity:0;}0.08%{transform:translateX(-110%); opacity:0;}0.22%{transform:translateX(0); opacity:1;}100%{transform:translateX(0); opacity:1;}}
.bangdan .brandlist li.li5 a{ background:#456CA6;background: -webkit-linear-gradient(to right,rgba(69,108,166,0.6),#456CA6);
background: -o-linear-gradient(to right,rgba(69,108,166,0.6),#456CA6);
background: -moz-linear-gradient(to right,rgba(69,108,166,0.6),#456CA6);
background:linear-gradient(to right,rgba(69,108,166,0.6),#456CA6); width:760px; animation:bangdan5 500s ease-in-out infinite; animation-delay:0.5s;}
.bangdan .brandlist li.li5 a:after{ background: #456CA6;}
.bangdan .brandlist li.li5 a .starbox .mbg{background:linear-gradient(to right,transparent,#5074AB);}

@keyframes bangdan6{0%{transform:translateX(-110%); opacity:0;}0.1%{transform:translateX(-110%); opacity:0;}0.25%{transform:translateX(0); opacity:1;}100%{transform:translateX(0); opacity:1;}}
.bangdan .brandlist li.li6 a{ background:#3e4c4f;background: -webkit-linear-gradient(to right,rgba(62,76,79,0.5),#3e4c4f);
background: -o-linear-gradient(to right,rgba(62,76,79,0.5),#3e4c4f);
background: -moz-linear-gradient(to right,rgba(62,76,79,0.5),#3e4c4f);
background:linear-gradient(to right,rgba(62,76,79,0.5),#3e4c4f); width:755px; animation:bangdan6 500s ease-in-out infinite; animation-delay:0.5s;}
.bangdan .brandlist li.li6 a:after{ background: #3e4c4f;}
.bangdan .brandlist li.li6 a .starbox .mbg{background:linear-gradient(to right,transparent,#4C595C);}

@keyframes bangdan7{0%{transform:translateX(-110%); opacity:0;}0.12%{transform:translateX(-110%); opacity:0;}0.28%{transform:translateX(0); opacity:1;}100%{transform:translateX(0); opacity:1;}}
.bangdan .brandlist li.li7 a{ background:#505D5F;background: -webkit-linear-gradient(to right,rgba(62,76,79,0.5),rgba(62,76,79,0.9));
background: -o-linear-gradient(to right,rgba(62,76,79,0.5),rgba(62,76,79,0.9));
background: -moz-linear-gradient(to right,rgba(62,76,79,0.5),rgba(62,76,79,0.9));
background:linear-gradient(to right,rgba(62,76,79,0.5),rgba(62,76,79,0.9)); width:750px; animation:bangdan7 500s ease-in-out infinite; animation-delay:0.5s;}
.bangdan .brandlist li.li7 a:after{ background:#505D5F;}
.bangdan .brandlist li.li7 a .starbox .mbg{background:linear-gradient(to right,transparent,#5C686A);}

@keyframes bangdan8{0%{transform:translateX(-110%); opacity:0;}0.14%{transform:translateX(-110%); opacity:0;}0.31%{transform:translateX(0); opacity:1;}100%{transform:translateX(0); opacity:1;}}
.bangdan .brandlist li.li8 a{ background:#636E70;background: -webkit-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.8));
background: -o-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.8));
background: -moz-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.8));
background:linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.8)); width:745px; animation:bangdan8 500s ease-in-out infinite; animation-delay:0.5s;}
.bangdan .brandlist li.li8 a:after{ background:#636E70;}
.bangdan .brandlist li.li8 a .starbox .mbg{background:linear-gradient(to right,transparent,#6F7A7C);}

@keyframes bangdan9{0%{transform:translateX(-110%); opacity:0;}0.16%{transform:translateX(-110%); opacity:0;}0.34%{transform:translateX(0); opacity:1;}100%{transform:translateX(0); opacity:1;}}
.bangdan .brandlist li.li9 a{ background:#757E80;background: -webkit-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.7));
background: -o-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.7));
background: -moz-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.7));
background:linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.7)); width:740px; animation:bangdan9 500s ease-in-out infinite; animation-delay:0.5s;}
.bangdan .brandlist li.li9 a:after{ background:#757E80;}
.bangdan .brandlist li.li9 a .starbox .mbg{background:linear-gradient(to right,transparent,#7E8789);}

@keyframes bangdan10{0%{transform:translateX(-110%); opacity:0;}0.18%{transform:translateX(-110%); opacity:0;}0.37%{transform:translateX(0); opacity:1;}100%{transform:translateX(0); opacity:1;}}
.bangdan .brandlist li.li10 a{ background:#879091;background: -webkit-linear-gradient(to right,rgba(62,76,79,0.3),rgba(62,76,79,0.6));
background: -o-linear-gradient(to right,rgba(62,76,79,0.3),rgba(62,76,79,0.6));
background: -moz-linear-gradient(to right,rgba(62,76,79,0.3),rgba(62,76,79,0.6));
background:linear-gradient(to right,rgba(62,76,79,0.3),rgba(62,76,79,0.6)); width:735px; animation:bangdan10 500s ease-in-out infinite; animation-delay:0.5s;}
.bangdan .brandlist li.li10 a:after{ background:#879091;}
.bangdan .brandlist li.li10 a .starbox .mbg{background:linear-gradient(to right,transparent,#91999A);}

.bangdan .morebtn{ padding:0 20px; height:2.2em; line-height:2.2em;background: -webkit-linear-gradient(to right,#fb2c19,#fe741c);
background: -o-linear-gradient(to right,#fb2c19,#fe741c);
background: -moz-linear-gradient(to right,#fb2c19,#fe741c);
background:linear-gradient(to right,#fb2c19,#fe741c);text-align:center; border-radius:5px;display: inline-block;margin-top: 20px;}
.bangdan .morebtn:hover{ color:#ff0}

.bangdan .zhiminglist{margin-top: 5px;}
.bangdan .zhiminglist li{text-align: center;box-sizing: border-box; width:144px; float:left; margin-top:15px; margin-left:20px;border-width: 1px;border-style: solid; border-radius:6px 0 6px 0; line-height:2.4em;}
.bangdan .zhiminglist li:nth-child(5n+1) { margin-left: 0;}

.bangdan .bttlist{ text-align:center; margin-top:20px;}
.bangdan .bttlist li{ display:inline-block;line-height: 2.2em;border-radius: 1.1em;padding: 0 20px;margin: 0 10px;}
.bangdan .bttlist li .iconfont{ display:inline-block; font-size:1.5em; margin-right:4px;}

.bangdan .warntext{padding: 10px; background: #f6f6f6; border: 1px solid #e6e6e6; margin-top: 20px;}
.bangdan .warntext b{ color:#333;}

/* 报价弹窗 */
.tc{position: fixed;top:0;left:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);z-index: 10001;display: none;}
.tc .nr{width: 1154px;height: 600px;background-image: url(/top10/tc_bg1.jpg);position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.tc .nr .xx{width: 395px;position: absolute;top:55px;right: 90px;}
.tc .nr .xx h3{font-size: 36px;font-weight: bold;margin-bottom: 15px;}
.tc .nr .xx h4{color: #4d4d4d;font-size: 16px;margin-bottom: 40px;}
.tc .nr .xx h4 span{font-size: 20px;color: #ff0000;}
.tc .nr .xx form{}
.tc .nr .xx form p.dx{color: #4d4d4d;display: flex;align-items: center;margin-bottom: 20px;}
.tc .nr .xx form p.dx label{cursor: pointer;display: flex;align-items: center;margin-right: 70px;}
.tc .nr .xx form p.dx input{width: auto;}
.tc .nr .xx form p.dx span{display: inline-block;margin-left: 8px;}
.tc .nr .xx form p{width: 100%;position: relative;}
.tc .nr .xx form p:nth-child(7)::before{content: '*';display: block;color: #ff0000;position: absolute;left:0px;top:19px;}
.tc .nr .xx form input{padding:18px 8px;border-top: 1px solid #faf8f8; border-left: 1px solid #faf8f8; border-right: 1px solid #faf8f8;width: 86%;color: #333;}
.tc .nr .xx form button{margin-top: 40px;width: 275px;height: 42px;text-align: center;line-height: 42px;border-radius: 21px;background-color: #127c72;color: #fff;font-size: 16px;cursor: pointer;border:none;margin-bottom: 15px;}
.tc .nr .xx .tip{color: #ff0000;margin-bottom: 24px;font-size: 12px;}

.tc .nr a.close{display: block;width: 30px;height: 30px;background-image: url(/top10/tc_close.png);position: absolute; top:30px;right:30px;}