.indexWebList {width: 100%;margin-top: 13px;background: #FFF;padding: 1px 20px;padding-bottom: 1px;} .indexWebList li {float: left;margin-right: 10px;margin-bottom: 10px;width: calc( (100% - (10.5px * 6) ) / 7  );position: relative;} .indexWebList li:hover { background-color: #fff8f5; } .indexWebList li:hover > a { color: #ff7352; } 
.indexWebList li:hover .xl { display: inline-block; opacity: 1; } 
.indexWebList li:hover .info { display:block ; opacity: 1; } 
.indexWebList li:nth-child(7n) { margin-right: 0; } 
.indexWebList li > a {display: block;font-size: 15px;padding: 1px 20px;line-height: 25px;padding-right: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: 0.2s all;color: #333;position: relative;} 
.indexWebList li > a .hots { background: url(../images/hotico.png) no-repeat center center; background-size: 100% 100%; width: 19px; height: 17px; position: relative; display: inline-block; top: -12px; left: -8px; }
.indexWebList li > a img { vertical-align: middle; margin-top: -3px; margin-right: 8px; width: 20px; height: 20px; }
.indexWebList li > a .xl:after{content:" ";width: 0;height: 0;border-width: 5px 5px 0;border-style: solid;border-color: #ff7352 transparent transparent;margin-left: 6px;margin-top: 13px;display: block;transition: 0.2s all;}
.indexWebList li > a .xlhover:after{transform: rotate(180deg)!important;margin-top: 12px;}
.indexWebList li > a .xl {display: inline-block;vertical-align: middle;opacity: 0;width: 20px;height: 30px;position: absolute;right: 13px;top: 15px;} 
.indexWebList li .info {box-shadow: 0 0px 9px rgba(23, 23, 23, 0.12);background: #FFF;z-index: 99;width: 98%;left: 1%;position: absolute;top: 60px;padding: 8px 0px;border-radius: 9px;display: none;} 
.indexWebList li .info a { display: block; height: 48px; line-height: 48px; padding: 0px 10px; text-align: center; font-size: 15px; color: #333; } 
.indexWebList li .info a:hover { background: #fff8f5; color: #ff7352; } 
.moneyList {margin-top: 13px;}
.other {margin-top: 13px;}
.other .left {width: calc((100% - 13px) * 0.3);} 
.other .right {width: calc((100% - 13px) * 0.7);padding: 25px 36px;background: #FFF;} 
.list { margin-bottom: 17px; }
.list:nth-child(2) { margin-top: 20px; } 
.list:nth-child(6), .list:nth-child(11), .list:nth-child(16) { margin-bottom: 17.5px; padding-bottom: 17.5px; border-bottom: 1px solid #F9F9F9; } 
.list:nth-last-child(1) { margin-bottom: 0; } 
.list .titles { float: left; margin-right: 15px; font-size: 16px; height: 40px; line-height: 40px; color: #ff5133; width: 75px; overflow: hidden; } 
.list ul { float: left; width: calc(100% - 35px - 60px); } .list ul li { float: left; margin-right: 25px; width: calc((100% - (25px * 5) - 20px) / 10 ); } 
.list ul li:nth-last-child(1) { margin-right: 0; width: 20px; text-align: right; } 
.list ul li a { display: block; height: 40px; line-height: 40px; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 0.2s all; color: #333; } 
.list ul li a img { display: inline-block; margin-right: 4px; width: 20px; height: 20px; vertical-align: middle; margin-top: -3px; } 
.list ul li a i { font-size: 13px; display: block; height: 40px; line-height: 40px; color: #b7b7b7; } 
.list ul li a i:hover { color: #ff7352; } 
.list ul li a:hover { color: #ff7352; } 
.tools { background: #FFF; padding: 20px 30px; padding-bottom: 30px; } 
.tools .title {
    margin-bottom: 22px;
}
.tools > a {
    float: left;
    margin-right: calc((100% - 55.5px * 4) / 3);
    font-size: 13px;
    color: #666;
    margin-bottom: 28px;
    width: 55px;
    overflow: hidden;
    height: 82px;
    text-align: center;
}
.tools > a:nth-last-child(1), .tools > a:nth-last-child(2), .tools > a:nth-last-child(3), .tools > a:nth-last-child(4) {
    margin-bottom: 0;
}
.tools > a:nth-child(5), .tools > a:nth-child(9) {
    margin-right: 0;
}
.tools > a img { display: block; margin-bottom: 10px; width: 55px; height: 55px; border-radius: 10px; }
.indexSearch {background: #FFF;padding: 80px 0px;margin: 0px auto;margin-bottom: 13px;} 
.indexSearch > div { width: 893px; margin: 0 auto; position: relative; } 
.indexSearch > div .bdlogo { float: left; width: 157.25px; height: 53px; margin-right: 25px; } 
.indexSearch > div .bdlogo img { height: 53px; vertical-align: middle; margin-top: -9px; width: 157.25px; } 
.indexSearch > div input { float: left; height: 48px; line-height: 28px; border: 1px solid #ececec; width: 560px; border-right: 0; padding: 10px 20px; } 
.indexSearch > div .btn { float: left; height: 48px; line-height: 22px; width: 150px; text-align: center; background: #20c4ab; color: #FFF; cursor: pointer; font-size: 15px; transition: 0.2s all; } 
.indexSearch > div .btn:hover { background: #26bda6; } 
.indexSearch > div .selectul { position: absolute; top: 48px; left: 182.25px; width: 560px; z-index: 99; background: white; border: 1px solid #ececec; border-top: 0; display: none; }
.indexSearch > div .selectul li a { display: block; line-height: 40px; height: 40px; overflow: hidden; color: #333; padding: 0px 20px; text-overflow: ellipsis; white-space: nowrap; } 
.indexSearch > div .selectul li a:hover { background: #F9F9F9; } 
.content_rank { min-height: 530px; margin-top: 20px; position: relative; } 
.top {padding: 20px 30px;background: #FFF;margin-top: 13px;padding-bottom: 1px;}
.top ul { padding-bottom:35px; margin-top: 25px; } 
.top ul li { margin-bottom: 35px; }
.top ul li:nth-last-child(1){ margin-bottom:0 } .top ul li:nth-child(1) a i { background: #ff6b66; } 
.top ul li:nth-child(2) a i { background: #ff8652; } 
.top ul li:nth-child(3) a i { background: #ffa742; } 
.top ul li a { display: block; height: 18px; line-height: 18px; } 
.top ul li a:hover { color: #ff7352; } 
.top ul li a i { float: left; height: 18px; line-height: 18px; width: 30px; text-align: center; font-style: normal; background: #c3c3c3; color: #FFF; border-radius: 2px; margin-right: 20px; } 
.top ul li a h3 { float: left; height: 18px; line-height: 18px; font-size: 15px; } 
.top ul li a span { float: right; height: 18px; line-height: 18px; font-size: 14px; color: #8c8c8c; } 
header ~ .indexSearch { /*margin-top: 71px;*/ } 
.indexSearch ~ article { padding-top: 0; } 
.update {padding: 20px 30px;background: #FFF;margin-top: 0px;height: 630px;overflow: hidden; margin-top: 13px;}
.update ul { position: relative; margin-top: 15px; height: 535px; } 
.update ul li { margin-bottom: 15px; } 
.update ul li:nth-last-child(1) { margin-bottom: 0; } 
.update ul li a { float: left; height: 40px; line-height: 40px; font-size: 15px; width: 80%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; text-indent: 15px; }
.update ul li a:before { position: absolute; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #d6d6d6; top: 18.5px; content: " "; } 
.update ul li a:hover { color: #ff7352; } 
.update ul li span { float: right; height: 40px; line-height: 40px; font-size: 15px; width: 15%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: right; color: #8c8c8c; }
.update ul li .new-time { color: #ff0d0d; } 
.indexjd {width: calc(100% + 36px + 36px);margin: 0px -36px;background: #fbfbfb;height: 13px;} 
.newslist {background: #FFF;padding-top: 20px;padding-bottom: 1px;} 
.newslist ul {margin-top: 25px;height: 467px;overflow: hidden;position: relative;} 
.newslist ul li {margin-right: 35px;width: calc( (100% - 35px) / 2 );float: left;padding-bottom: 20px;border-bottom: 1px solid #F9F9F9;margin-bottom: 20px;} 
.newslist ul li:nth-last-child(1), .newslist ul li:nth-last-child(2) { margin-bottom: 0; padding-bottom: 0; border: 0; } .newslist ul li:nth-child(2n) { margin-right: 0; } 
.newslist ul li a .img { float: left; width: 40%; height: 120px; overflow: hidden; background: url("../images/newbg.png") no-repeat center center; background-size: 100% 100%; } 
.newslist ul li a .img img { width: 100%; display: block; } .newslist ul li a .info { float: right; width: 55%; } 
.newslist ul li a .info h3 { font-size: 15px; color: #666; line-height: 25px; height: 50px; overflow: hidden; } 
.newslist ul li a .info span { color: #b5b5b5; font-size: 14px; display: block; margin-top: 45px; } 
.bottomas {padding: 20px 30px;background: #FFF;margin-top: 13px;overflow: hidden;} 
.bottomas .content { height: 184px; margin-top: 20px; position: relative; } 
.bottomas .content > span, .bottomas .content > p { display: block; font-size: 15px; color: #8e8e8e; line-height: 30px; margin-bottom: 8px; }
.bottomas .content > span:nth-last-child(1), .bottomas .content > p:nth-last-child(1) { margin-bottom: 0; }
.indexgg{width: 1400px; max-width: calc(100% - 50px); margin: 0px auto;} 
.indexgg a{float:left;margin-right: 12.5px;width:calc((100% - 26px) / 3 );}
.indexgg a:nth-child(3){margin-right:0;}
.indexgg a img{width:100%;height:100%;}
.leftgg a img{width:100%;height:100%;margin-top: 5px;}
.leftgg {margin-top: 10px;}
.leftgg a {margin-top: 10px;}
.friends-link {
    margin-top: 13px;
    width: 100%;
    background: #FFF;
    padding: 20px 20px;
    padding-top: 5px;
    overflow: hidden;
}
.friends-link h3 {
    color: #847f7f;
    line-height: 40px;
    height: 30px;
    font-size: 15px;
    margin-bottom: 11px;
}
.friends-link ul {
    padding: 9px 21px;
    padding-bottom: 0;
    background: #fbfbfb;
}
.friends-link ul li {
    float: left;
    margin-right: 20px;
    margin-bottom: 9px;
}
.friends-link ul li a {
    display: block;
    color: #8e8e8e;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
}