.pc_top{
    margin: 40px 0;
    overflow: hidden;
}
.pc_top .top_left{
    width: 105px;
}
.pc_top .top_right{
    width:1075px;
}
.top_left h2{
    font-size: 14px;
    border-top: 1px solid #49b5ee;
    border-bottom: 1px solid #49b5ee;
    padding: 15px 10px;
    text-align: center; 
    position: relative;
    display: block; 
}
.top_left h2 a{ 
    color: #49b5ee;
}
 .top_left h2 b{
    background:  url(../images/tops.png) no-repeat center center;
     width: 14px;
     height: 14px;
     display: inline-block;
     position: absolute;
     top: 50%;
     left: 10px;
     margin-top: -7px;
}
.top_left ul { 
    margin: 15px 0;
}
.top_left  .active{
     background: #daf0ff url(../images/top_catac.png) no-repeat 90px center;
    background-size: auto 30%;
}
.top_left ul li{  
    padding: 13px 10px; 
    font-size: 14px;
}
.top_left .boy{
    border-top: 1px solid #a4d9f6; 
}
.top_left .girl{
    border-top: 1px solid #fcd0d0; 
}
.top_left .boy li{ 
    border-bottom: 1px solid #e6f4fb; 
}
.top_left .boy a{
    color: #45afe6; 
}
.top_left .girl a{
    color: #fb8b8b; 
}
.top_left .girl li{ 
    border-bottom: 1px solid #feeded; 
}
.top_right .tops{
    width: 328px;
    margin-left: 30px; 
    margin-bottom: 40px; 
} 
.top_right h1{
    font-size: 18px; 
    line-height: 43px;
    padding-right: 5px;
     position: relative;
}
.top_right h1 b{ 
    background: #7fbfeb;
    color: #fff;
    height: 43px;
    position: relative;
    display: inline-block; 
    padding:  0 20px;
}
.top_right h1 i{ 
    background: url(../images/toph1.png) no-repeat center top; 
    width: 20px;
    position: absolute;
    -webkit-top: -0.5px;
    top: 0;
    right: -14px;
    height: 43px; 
}
.top_right h1 a{
    font-size: 16px; 
    color: #7f7f7f;
}
.top_right ul{
    border: 1px solid #f1f1f1;
    border-top: 1px solid #7fbfeb;
    padding: 10px;
}
.top_right ul li{
    margin: 5px 0;
    font-size: 14px;
    line-height: 34px;
}
.top_right li span,.tops_list span{
    display: inline-block; 
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
}
.top_right li b{
    display: inline-block;
    width: 27px;
    height: 27px;
    background: #ffbe79;
    color: #fff;
    line-height: 30px;
    text-align: center;
    margin-right: 12px;
    margin-left: 3px;
}
.top_right li .titles{
    width:61%;
    max-width: 190px; 
}
.top_right li .titles a{
    color: #1a1a1a;
}
.top_right li .titles a:hover{
    color: #fd7b48;
}
.top_right   .num_one b{
    background: url(../images/top_num01.png) no-repeat center center; 
}
.top_right   .num_two b{
    background: url(../images/top_num02.png) no-repeat center center; 
}
.top_right  .num_three b{
    background: url(../images/top_num03.png) no-repeat center center; 
}
.top_right   .num_one b,
.top_right   .num_two b,
.top_right   .num_three b{
    background-size: auto 94%;
    width: 36px;
    height: 34px; 
    line-height: 38px;
    margin-left: -2px;
    margin-right: 8px;
    position: relative;
    top: -3px;
}
.top_right .t_left{
    position: relative;
}
.top_right .t_left a{
    color: #626262
}
.top_right .t_left a:hover{
    color: #64bfe5
}
.top_right .top_mb .user{
    position: absolute;
    top: 0;
    width: 35px;
    height: 35px;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 10;
}
.top_mb .num_one b,.top_mb .num_two b,.top_mb .num_three b{
   background: #ffc350;
    height: 25px;
    line-height: 25px;
    width:40px;
    text-align: right;
    padding-right: 15px;
    margin-left: 15px; 
    border-radius: 0  30px 30px 0;
    position: relative;
    top: 2px;
    z-index: 1;
}
.top_mb .t_left{
    width: 15%;
    max-width: 45px;
}
.top_right .top_mb .titles{
    width: 85%; 
    max-width: 255px;
}
.top_mb .num_one .titles,.top_mb .num_two .titles,.top_mb .num_three .titles{
    position: relative;
    top: 3px;
    max-width: 200px;
}
.top_mb .num_one  .t_left,.top_mb .num_two  .t_left,.top_mb .num_three  .t_left{
    width: 100px;
     max-width: 100px;
}
.top_mb .num_two b{
   background: #d8d8d8;
}
.top_mb .num_three b{
   background: #e99e4f;
}
/*列表*/
.tops_list {
    margin-left: 30px; 
}
.pc_top .tops_list b{
    background: none;
    color: #717171;
}
.pc_top .tops_list .bone{
    background: #fd7b48;
    color: #fff;
     font-size: 16px;
}
.pc_top .tops_list .btwo{
    background: #fca07c;
    color: #fff;
    font-size: 16px;
}
.tops_list h4{
    background:#f5f5f5;
    padding: 10px ;
}
.tops_list span{ 
    color: #877143;
    font-size: 14px;
    text-align: center; 
}
.tops_list ul span{
    color: #8f8f8f;
} 
.tops_list .list_one{
    width:50px;
}
.tops_list .list_two{
    width:80px;
}
.tops_list .list_two a:hover{
    color: #64bfe5;
}
.tops_list .list_three{
    width:200px;
} 
.tops_list  .list_three a{
    color: #010101;
}
.tops_list  .list_three a:hover,.tops_list .list_four a:hover{
    color: #fd7b48;
}
.tops_list .list_four{
    width:280px;
}
.tops_list .list_five{
    width:90px;
}
.tops_list .list_six{
    width:120px;
}
.tops_list .list_six a:hover{
    color: #64bfe5;
}
.tops_list  li a{
    color: #8f8f8f;
}
.tops_list ul{
    border: 1px solid #fff;
}
.tops_list ul li{
    padding-top: 12px; 
}
.tops_list ul li:hover{
    background: #f5f5f5;
}
.tops_list .bgs{
    background: #f9f9f9;
}
.tops_list .list_seven{
    width:60px; 
}
.tops_list ul .list_seven{ 
    color: #7ec258;
}
.tops_list .list_eight{
    width:100px;
}
.pc_top .tops_list .ends{
    color: #f83a00;
}