.blocktitle.style1 {
    text-align: center;
}

.ccc {
    color: #ccc;
}

.blocktitle {
    line-height: 2em;
    position: relative;
}

.font26 {
    font-size: 26px;
}

.blocktitle.ccc .name, .blocktitle.ccc .color1 {
    color: #ccc;
}

.blocktitle.style1 .name {
    display: inline-block;
    padding: 15px 70px;
    position: relative;
    font-weight: bold;
    max-width: 560px;
}

.blocktitle.style1 .name i.l, .blocktitle.style1 .name i.l i, .blocktitle.style1 .name i.r, .blocktitle.style1 .name i.r i {
    position: absolute;
    left: 24px;
    top: 50%;
    margin-top: -16px;
    width: 6px;
    height: 32px;
    border-radius: 4px;
    display: block;
    transform: rotate(36deg);
}

.blocktitle.ccc .name i, .blocktitle.style1.ccc .name em.l, .blocktitle.style1.ccc .name em.r {
    color: #ccc;
    background: #ccc;
}

.blocktitle i,.blocktitle em {
    font-style: normal;
}
.blocktitle.ccc .name i.l i, .blocktitle.ccc .name i.r {
    background: #EEE;
}

.blocktitle.style1 .name i.l i, .blocktitle.style1 .name i.r i {
    left: 16px;
    top: -10px;
    margin: 0;
    transform: rotate(0deg);
}
.blocktitle.style1 .name i.r {
    left: auto;
    right: 42px;
}

.blocktitle.style1 .name em.l {
    opacity: 0.7;
}
.blocktitle.style1 .name em.l, .blocktitle.style1 .name em.r {
    position: absolute;
    right: 100%;
    top: 50%;
    width: 60px;
    height: 3px;
    margin-top: -2px;
}


.blocktitle.style1 .name em.r {
    left: 100%;
}

.votetop10 .itembox{padding-top:10px;}
.votetop10 .item{width:360px;float:left;border-top-left-radius:20px;border:1px solid #eee;box-sizing:border-box;background:#fff;}
.votetop10 .item.n2{margin:0 29px;}
.votetop10 .item dt{padding:15px;border-radius:20px 0; background:#b50009;}
.votetop10 .item dd{padding:15px;font-size:0;}
.votetop10 .item dd li:first-child~li{padding-top:15px;}

.votetop10 .item dd .number{display:table-cell;vertical-align:middle;}
.votetop10 .item dd em{width:20px;height:20px;line-height:20px;color:#fff;vertical-align:middle;border-radius:4px;background:#999;text-align:center;font-size:14px;float:left;}
.votetop10 .item dd li.num1 em{background:#fe741c;}
.votetop10 .item dd li.num2 em{background:#fdb80c;}
.votetop10 .item dd li.num3 em{background:#ffdc00;}

.votetop10 .item dd .icon{display:table-cell;vertical-align:middle;}
.votetop10 .item dd .icon>a{display:block;position:relative;width:50px;height:50px;border-radius:100%;box-sizing:border-box;margin:0 15px;background:url(https://s.maigoo.com/public/images/maigoo/vote/icon_bg.png) no-repeat center;background-size:100%;}
.votetop10 .item dd .icon img{max-width:100%;}

.votetop10 .item dd .data{display:table-cell;vertical-align:middle;width:100%;    padding-left: 15px;}
/*.votetop10 .item dd .data .name{line-height:1.4em;max-width:190px;color:#333;}*/
.votetop10 .item dd .data .name{line-height:1.4em;color:#333;}
.votetop10 .item dd .data .name:hover{color:#fe741c;}
.votetop10 .item dd .data .text{line-height:1.4em;}
.votetop10 .item dd .data .text .iconfont{margin-left:5px;}

.votetop10 .item.n1 dd .data .iconfont{display:none;}
.votetop10 .item.n1 dd .data .counts{display:inline-block;}
.votetop10 .item dd .data .counts{display:none;border:1px solid #eee;box-shadow:inset 0 0 5px -2px #cfcfcf;width:100px;border-radius:100px;height:8px;box-sizing:border-box;padding:1px;}
.votetop10 .item dd .data .counts:before{content:"";display:block;width:100%;height:100%;border-radius:100px;
    background:#ff4853;
    background: -webkit-linear-gradient(0deg,#ff693f,#ff2568);
    background: -o-linear-gradient(-90deg,#ff693f,#ff2568);
    background: -moz-linear-gradient(0deg,#ff693f,#ff2568);
    background: -ms-linear-gradient(0deg, #ff693f,#ff2568);
    background: linear-gradient(90deg,#ff693f,#ff2568);
}

.votetop10 .item dd li.num1 .data .counts:before{width:100%;}
.votetop10 .item dd li.num2 .data .counts:before{width:90%;}
.votetop10 .item dd li.num3 .data .counts:before{width:80%;}
.votetop10 .item dd li.num4 .data .counts:before{width:70%;}
.votetop10 .item dd li.num5 .data .counts:before{width:60%;}
.votetop10 .item dd li.num6 .data .counts:before{width:50%;}
.votetop10 .item dd li.num7 .data .counts:before{width:40%;}
.votetop10 .item dd li.num8 .data .counts:before{width:30%;}
.votetop10 .item dd li.num9 .data .counts:before{width:20%;}
.votetop10 .item dd li.num10 .data .counts:before{width:10%;}

.votetop10 .item dd .btn{display:table-cell;vertical-align:middle;width:100%;}
.votetop10 .item dd .btn a{display:block;background:#be0f1b;border-radius:4px;width:50px;height:24px;line-height:24px;text-align:center;white-space:nowrap;}
.votetop10 .item dd .btn a:hover{background:#fe741c; color:#fff;}
.fff {
    color: #fff;
}
.clear {
    clear: both;
}
.votetop10{
    margin-bottom: 20px;
}
.votetop10 dl{
    margin-bottom: 0;
    margin-top: 20px !important;
}
.dhidden {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: block;
}
.font16 {
    font-size: 16px;
}

.c999 {
    color: #999;
}

.font12 {
    font-size: 12px;
}

a:hover {
    color: #fe741c;
    text-decoration: none;
}

a.fff:hover, a.fff.active {
    color: #ffffff;
    text-decoration: none;
}

a.fff:link {
    color: #ffffff;
    text-decoration: none;
}

a.fff:visited {
    color: #ffffff;
    text-decoration: none;
}