
.banner{width:100%;min-width:1200px;height:260px;background:url('http://www.movie163.com/paizhao/images/banner_new.jpg') no-repeat center center/cover;text-align: center; color:#fff}
.banner .text1{font-size:40px;font-weight:bold; line-height: 60px; padding-top: 82px;}
.banner .text2{font-size:18px; line-height: 26px;}

.company{margin-bottom:25px;padding:0 25px 25px;background-color:#fff}
.company .cmp-tab{text-align: center; height:70px;border-bottom:1px solid #eee;margin-bottom:30px;background-color:#fff}
.company .cmp-tab p{ display: inline-block; height:70px;line-height:70px;margin:0 40px;font-size:20px;cursor:pointer}
.company .cmp-tab p.on{color:#e60012;position:relative;font-weight: bold; }
.company .cmp-tab p.on:before{display:block;content:'';background-color:#e60012;position:absolute;width:60px;height:3px;bottom:-1.5px;left:50%;margin-left:-30px}
.rank-list{margin-bottom:30px}
.rank-list li{height:50px;border-radius:5px;margin-top:20px;background-color:#F6F6F6;overflow:hidden}
.rank-list li a{display:flex;align-items:center;justify-content:space-between;color:#fff;height:50px;position:relative;border-radius:5px 0 6px 5px}
.rank-list 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}
@keyframes bangdan1{0%{transform:translateX(-110%);opacity:0}
0.1%{transform:translateX(0);opacity:1}
100%{transform:translateX(0);opacity:1}
}.rank-list 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:830px;animation:bangdan1 500s ease-in-out infinite;animation-delay:100ms}
.rank-list li.li1 a:after{background:#fb2c19}
@keyframes bangdan2{0%{transform:translateX(-110%);opacity:0}
0.08%{transform:translateX(-110%);opacity:0}
0.18%{transform:translateX(0);opacity:1}
100%{transform:translateX(0);opacity:1}
}.rank-list 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:816px;animation:bangdan2 500s ease-in-out infinite;animation-delay:100ms}
.rank-list li.li2 a:after{background:#fb7b44}
.rank-list li.li2 a .starbox .mbg{background:linear-gradient(to right,transparent,#fc834f)}
@keyframes bangdan3{0%{transform:translateX(-110%);opacity:0}
0.16%{transform:translateX(-110%);opacity:0}
0.26%{transform:translateX(0);opacity:1}
100%{transform:translateX(0);opacity:1}
}.rank-list 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:802px;animation:bangdan3 500s ease-in-out infinite;animation-delay:100ms}
.rank-list li.li3 a:after{background:#88A877}
.rank-list li.li3 a .starbox .mbg{background:linear-gradient(to right,transparent,#8EAC7E)}
@keyframes bangdan4{0%{transform:translateX(-110%);opacity:0}
0.24%{transform:translateX(-110%);opacity:0}
0.34%{transform:translateX(0);opacity:1}
100%{transform:translateX(0);opacity:1}
}.rank-list 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:788px;animation:bangdan4 500s ease-in-out infinite;animation-delay:100ms}
.rank-list li.li4 a:after{background:#12C6AC}
.rank-list li.li4 a .starbox .mbg{background:linear-gradient(to right,transparent,#20C9B0)}
@keyframes bangdan5{0%{transform:translateX(-110%);opacity:0}
0.32%{transform:translateX(-110%);opacity:0}
0.42%{transform:translateX(0);opacity:1}
100%{transform:translateX(0);opacity:1}
}.rank-list 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:774px;animation:bangdan5 500s ease-in-out infinite;animation-delay:100ms}
.rank-list li.li5 a:after{background:#456CA6}
.rank-list li.li5 a .starbox .mbg{background:linear-gradient(to right,transparent,#5074AB)}
@keyframes bangdan6{0%{transform:translateX(-110%);opacity:0}
0.4%{transform:translateX(-110%);opacity:0}
0.5%{transform:translateX(0);opacity:1}
100%{transform:translateX(0);opacity:1}
}.rank-list 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:760px;animation:bangdan6 500s ease-in-out infinite;animation-delay:100ms}
.rank-list li.li6 a:after{background:#3e4c4f}
.rank-list li.li6 a .starbox .mbg{background:linear-gradient(to right,transparent,#4C595C)}
@keyframes bangdan7{0%{transform:translateX(-110%);opacity:0}
0.48%{transform:translateX(-110%);opacity:0}
0.58%{transform:translateX(0);opacity:1}
100%{transform:translateX(0);opacity:1}
}.rank-list 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:746px;animation:bangdan7 500s ease-in-out infinite;animation-delay:100ms}
.rank-list li.li7 a:after{background:#505D5F}
.rank-list li.li7 a .starbox .mbg{background:linear-gradient(to right,transparent,#5C686A)}
@keyframes bangdan8{0%{transform:translateX(-110%);opacity:0}
0.56%{transform:translateX(-110%);opacity:0}
0.66%{transform:translateX(0);opacity:1}
100%{transform:translateX(0);opacity:1}
}.rank-list 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:732px;animation:bangdan8 500s ease-in-out infinite;animation-delay:100ms}
.rank-list li.li8 a:after{background:#636E70}
.rank-list li.li8 a .starbox .mbg{background:linear-gradient(to right,transparent,#6F7A7C)}
@keyframes bangdan9{0%{transform:translateX(-110%);opacity:0}
0.64%{transform:translateX(-110%);opacity:0}
0.74%{transform:translateX(0);opacity:1}
100%{transform:translateX(0);opacity:1}
}.rank-list 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:718px;animation:bangdan9 500s ease-in-out infinite;animation-delay:100ms}
.rank-list li.li9 a:after{background:#757E80}
.rank-list li.li9 a .starbox .mbg{background:linear-gradient(to right,transparent,#7E8789)}
@keyframes bangdan10{0%{transform:translateX(-110%);opacity:0}
0.72%{transform:translateX(-110%);opacity:0}
0.82%{transform:translateX(0);opacity:1}
100%{transform:translateX(0);opacity:1}
}.rank-list 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:704px;animation:bangdan10 500s ease-in-out infinite;animation-delay:100ms}
.rank-list li.li10 a:after{background:#879091}
.rank-list li.li10 a .starbox .mbg{background:linear-gradient(to right,transparent,#91999A)}
.list-description {padding: 12px 20px;color: #868686;font-size: 14px;line-height: 1.8em;height:auto !important;}

.item-l{display:flex;align-items:center}
.item-l .top{width:70px;text-align:center; font-size:18px;font-weight:bold;}
.item-l .logo{margin-right:10px}
.item-l .logo img{display:block;width:90px;height:auto}
.item-l .name{font-size:24px; font-weight:bold;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-r{display:flex}
.item-r img{display:block;width:20px;height:20px;margin-right:5px;position: relative;top: 6px;}
.item-r p{margin-left:10px;padding-right:20px}
.item-r p span{font-size:16px; }

.cmp-list .cmp-item  a.cmp-top{display:block}
.cmp-list .cmp-item{border-radius:5px;background-color:#fff;margin-bottom:30px;overflow:hidden}
.cmp-list .cmp-item .cmp-top{background-color:#313d4b;padding:25px}
.cmp-list .cmp-item p { text-align: justify; }
.cmp-info{display:flex;align-items:center;position:relative;margin-bottom:25px}
.cmp-info .number{width:80px;text-align:center;height:70px;line-height:70px;background:url('http://www.movie163.com/paizhao/images/1.png') center/cover;color:#fff;font-family:'ZhenyanGB';font-size:18px;font-weight: bold; margin-right:20px}
.cmp-info .logo{display:flex; border-radius:5px;background-color:rgb(238,238,238);width:210px;height:100px;margin-right:20px}
.cmp-info .logo img{display:block;max-width:100%;height:auto}
.cmp-info .name-stars{display:flex;flex-direction:column}
.cmp-info .name-stars .name{color:#fff;font-size:42px;font-weight:bold; line-height: 56px;height: 56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:380px}
.cmp-info .name-stars .stars{display:flex}
.cmp-info .name-stars .stars img{display:block;width:30px;height:30px;margin-right:5px}
.cmp-info .rank{text-align: center; color:#fff;position:absolute;right:25px;top:30px}
.cmp-info .rank .text1{font-family:'ZhenyanGB';font-size:30px}
.cmp-info .rank .text2{font-size:16px}
.cmp-describe{background-color:#fff;padding:25px}
.cmp-describe p{font-size:16px;margin-bottom:20px}
.cmp-describe p:last-child{margin-bottom:0}
.cmp-describe p span{color:#999}
.cmp-describe .items{display:flex;flex-wrap:wrap}
.cmp-describe .items p{margin-right:30px;margin-bottom:20px}
.sty_top .top_left a.view-more{display:block;color:#fff;font-size:16px;margin:0 auto;width:200px;height:42px;line-height:42px;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}

.cecaidian{ position: fixed;left: 50%;top: 300px;margin-left: -740px; display:none}
.cecaidian.godu { display: block;animation: caigodu 1s;z-index: 1; }
@keyframes caigodu{
    0%{transform: scale(0.1) translate(-500px, -50px);}
    100%{transform: scale(1) translate(0, 0);}
}
.cecaidian #dh-list1{ width:120px;}
.cecaidian li{box-sizing: border-box; letter-spacing:1px;line-height:1.5em;padding:5px 10px;text-align:center;background-color:#FFF;border-bottom:solid 1px #faf7e7;table-layout:fixed;word-break:break-all;overflow:hidden}
.cecaidian li.active,.cecaidian li:hover{background-color:#be0f1b}
.cecaidian li.active a,.cecaidian li:hover a{display:block;color:#FFF}
.cecaidian li.gotop{border-bottom:none}
.cecaidian li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cecaidian li.cai { display: none; }
.cecaidian li.cai1 { display: block; }
.cecaidian.widthmd{padding:0px 8px;background-color:#FFF;margin-left:-192px}
.cecaidian.widthmd li{width:110px;text-align:justify;border-bottom:none;line-height:40px;margin:5px 0;padding:0 23px}
.cecaidian.widthmd li .iconfont{display:inline-block;color:#d4d4d4;margin-right:10px}
.cecaidian.widthmd li span{display:inline-block}
.cecaidian.widthmd li.active{background-color:#ffd500;border-radius:4px}
.cecaidian.widthmd li.active a{display:block;color:#555}
.cecaidian.widthmd li.active .iconfont{color:#333}
.cecaidian.widthmd li.gotop a,.cecaidian.widthmd li.gotop a .iconfont{color:#f8aa00}