/* 头部 */
.g-indexdiv {width: 1200px; margin:0 auto;background-color: #fff;margin-top: 15px;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);}

.g-indextop .m-top-list { padding: 0 10px 10px;}
.g-indextop .m-top-list li {margin: 15px 13px 10px ; position: relative; text-align: center;}
.g-indextop .m-top-list li .img {display: block;width: 92px;height: 118px;overflow: hidden;font-size: 14px;line-height: 22px;}
.g-indextop .m-top-list li .img img {width: 92px;height: 92px;border-radius: 20%;display: block;margin:0 auto;}
.g-indextop .m-top-list li:hover .img img { margin-top: 5px;}
.g-indextop .m-top-list li span {color: #999;display: block;}
.g-indextop .m-top-list li .btn {display: block;width: 80px;height: 32px;line-height: 32px;background-color: #1cabff;color: #fff;position: absolute;bottom: -12px;display: none;left: 50%;    margin-left: -40px; }
.g-indextop .m-top-list li .btn:hover {background-color: #3db7ff;}
.g-indextop .m-top-list li:hover .btn {display: block;}
.g-indextop .recom-list {margin:0 10px 10px;}
.g-indextop .recom-list dl {padding-bottom: 12px;display: flex;height: 25px;overflow: hidden;}
.g-indextop .recom-list dl dt {display: block;width: 45px;height: 25px;line-height: 25px;text-align: center;color: #fff;background: url(../images/bg1.png) no-repeat;text-indent: 2px;flex: 0 0 auto;}
.g-indextop .recom-list dl:nth-of-type(1) dt{ background-position:-110px -170px;}
.g-indextop .recom-list dl:nth-of-type(2) dt{ background-position:0px -205px;}
.g-indextop .recom-list dl:nth-of-type(3) dt{ background-position:-55px -205px;}
.g-indextop .recom-list dl:nth-of-type(4) dt{ background-position:-110px -205px;}
.g-indextop .recom-list dl dd {height: 25px;line-height: 25px;overflow: hidden;margin-left: 15px;display: flex;flex-wrap: wrap;}
.g-indextop .recom-list dl dd a {display: block;}
.g-indextop .recom-list dl dd span {display: block;margin: 0 9px;color: #ebebeb;}
.g-indextop .recom-list dl dd span:last-of-type{display: none;}

.icon {background: url(../images/bg2.png) no-repeat;    display: block;    float: left;}

.icontop {    background: url(../images/icon.png) no-repeat;    background-size: 800px 1200px;    display: inline-block;}


.m-index-topr { width: 490px;}
/* 选项卡1 */
.m-indexnew {margin:10px 10px 0 0 ;}
.m-indexnew ul.f-tabnav{}
.m-indexnew ul.f-tabnav li{cursor: pointer;width: 160px;height: 40px;
    background: #f5f5f5;font-size: 18px;  text-align: center;line-height: 40px;  color: #999;}
.m-indexnew ul.f-tabnav li.f-hover {background: #1cabff;        color: #ffffff;}
.m-indexnew div{ padding: 10px;}
.m-indexnew div ul{}

.m-indexnew div ul li{ margin-bottom: 8px; height: 24px;;line-height: 24px; overflow: hidden;}
.m-indexnew div ul li:nth-child(6) {    border-top: 1px dashed #eee;    margin-top: 10px;    padding-top: 8px;}

.m-indexnew div ul li .m-mis{width: 78px;    text-align: right;    margin: 0 4px 0 0;    border-right: 1px #ccc solid;    padding-right: 10px;}

.m-indexnew div ul li .m-litxt { font-size: 15px;}
.m-indexnew div ul li .m-litxt img{width: 20px;    height: 20px;    border-radius: 5px; margin-right: 5px;    display: inline-block;    position: relative;    top: -2px;}
.m-indexnew div ul li .m-litxt .em2{width: 42px;    height: 21px;
    background-position: -420px 0;    text-align: center;    color: #999;    font-size: 12px;    line-height: 26px;    overflow: hidden;     float: right;}

    .m-index-topl { width: 680px;}
/* 轮播图 */

.m-lunbo { width: 680px;height: 380px; position: relative; overflow: hidden; margin: 10px  0 0 10px;}
.m-lunbo div div {    position:absolute;    top:0;    left:0;    width:100%;    height:100%;}
.m-lunbo div div a{ display: block;}


/* 专题 */
.m-index-key{overflow:hidden;}
.m-index-key li{width:270px;margin:0 0 20px 24px;overflow:hidden;}
.m-index-key .img {display: block;width:270px;height:165px;position:relative;overflow:hidden;border-radius: 8px;}
.m-index-key .img img{width:100%;height: 100%;transform: scale(1);-ms-transform: scale(1);transition:all .5s;}
.m-index-key .img:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}
.m-index-key .name {position:absolute;overflow:hidden;z-index:2;color:#fff;font-size:14px;padding:0 3%;text-align:center; height: 66px; background: rgba(0, 0, 0, 0.5);top: 50%; margin-top: -33px; width: 94%;}
.m-index-key .name strong { font-weight: normal; font-size: 22px; height: 40px; line-height: 50px; overflow: hidden; display: block;}
.m-index-key .name span {font-size: 12px;}
.m-index-key .name span i { color: #f00; margin:0 2px;}

/* 中间 */

.m-in-big {width: 940px;}
.m-in-smll {    width: 234px;}

.m-in-dovul {}
.m-in-dovul li{    width: 97px;    text-align: center;    margin: 0 0 20px 20px;   }
.f-wangyou .m-in-dovul li{margin:  0 20px  20px 0;}
.m-in-dovul li a {display: block;}
.m-in-dovul li a img {    width: 97px;    height: 97px;    border-radius: 15px;}
.m-in-dovul li a:hover img {        opacity: .9;    }
.m-in-dovul li a p{display: block;width: 100%;margin: auto;height: 32px;line-height: 32px;font-size: 14px;color: #4b4b4b;overflow: hidden;
    }
.m-in-dovul li a:hover p {display: none;}
.m-in-dovul li a .btn {display: none;width: 80px;height: 24px;line-height: 24px;font-size: 14px;color: #fff;border-radius: 2px;text-align: center;margin: 8px auto 0;background: linear-gradient(to right,#41a1f7 ,#63d0f1);    }
.m-in-dovul li a:hover .btn {display: block;    }
.m-in-sul li{ height:auto;margin:0 15px 15px 0; float: left;}
.f-wangyou .m-in-sul li{margin:  0 0 20px 15px;}
.m-in-sul li a{ width:100px; height:40px; line-height:40px; font-size:15px; font-weight:normal; color:#555; text-align:center; background:#fafafa; border:1px solid #fafafa; border-top:3px solid #eee; display:block; overflow:hidden}
.m-in-sul li a:hover,.m-in-sul li.f-hover a{ border-color:#13aff2; color:#13aff2; border-top:3px solid #13aff2}
.g-yingyong .m-in-sul li {margin-bottom: 10px;}
.g-yingyong .m-in-sul li a { height: 34px;line-height: 34px;}


.m-title{ line-height:45px; border-bottom:1px solid #e8e7e7; margin: 0 10px 15px;}
.m-title span{ display:block; float:left; text-align:center; font-size:18px; padding: 0 10px 0 0;}
.m-title span.hover{ color:#1cabff; border-bottom:2px solid #1cabff;}
.m-title em{ float:left;    width: 29px;    height: 26px;    margin: 10px 10px 0 0 ;}

.m-title em.em1{background-position: -330px -60px;}
.m-title em.em2{background-position: -380px -60px;margin-right: 14px;}
.m-title em.em3 {background-position: -430px -60px;}
.m-title em.em4{background-position: -480px -60px;}
.m-title em.em5{background-position: -530px -60px;}
.m-title em.em6{background-position: -330px -100px;}
.m-title em.em7{background-position: -380px -100px;}
.m-title em.em8{background-position: -430px -100px;}
.m-title em.em9{background-position: -480px -100px;margin-right: 12px;}
.m-title em.em10{background-position: -530px -100px;}
.m-title em.em11{background-position: -575px -60px;margin-right: 9px;}



/* 排行榜 */
.m-in-topdiv {margin:0 0 20px 21px;    border: 1px #eee solid;    border-radius: 8px; width: 370px; height: 780px;}
.m-in-topdiv .top { width: 100%; height: 75px; background: url(../images/ele_game.png) no-repeat center; border-radius: 6px 6px 0px 0px; padding-top: 112px; margin-bottom: 33px; position: relative; }
.m-in-topdiv .top .more { position: absolute; top: 30px; right: 20px; width: 68px; height: 32px; background-position: -213px -50px; }
.m-in-topdiv .top .more:hover { background-position: -135px -48px; }



.m-in-topdiv:nth-child(3) .top { background: url(../images/ele_down.png) no-repeat center; }
.m-in-topdiv:nth-child(4) .top { background: url(../images/ele_topsoft.png) no-repeat center; }




/* 排行小 */
.m-hotul { position: relative;top: -110px;}
.m-hotul li{width: 345px;color:#6c6c6c; margin-top:13px;    position: relative;    margin-left: 10px;}
.m-hotul li.f-t3{    width: 346px;    height: 112px;    background-color: #fff;    box-shadow: 0px 4px 15px 0px    rgba(126, 126, 126, 0.3);    border-radius: 8px;    border: solid 1px #fff;    box-sizing: border-box;    margin-top: 10px;}
.m-hotul li .num_bg{float:left;width:29px;height:29px;line-height:29px;text-align:center;font-size:18px;color:#fff;    margin-left: 10px; background-color: #ddd; border-radius: 50px;}
.m-hotul li.f-t3 .num_bg { width: 36px; height: 36px; background: url(../images/topbg.png) no-repeat; display: block;    margin-top: 38px; line-height: 31px;}

.m-hotul li .p1{width:80px;float:left;margin-top:15px;margin-left:10px;display:none}
.m-hotul li .p1 img{width:80px;height:80px;display:block;border-radius: 14px;}
.m-hotul li .p2{width:155px;float:left;margin-left:12px;display:inline}
.m-hotul li .p2 p{    width: 220px;    float:left;line-height:25px; height:25px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;color: #ccc;position: absolute;    top: -1px;
}
.m-hotul li .p2 p a{font-size:15px;margin-left:2px;}
.m-hotul li .p2 span{display:none}
.m-hotul li .p2 em{display:none;float:left;    width: 76px;    height: 32px;
    position: absolute;    top: 45px;    right: 16px;}
.m-hotul li .p2 em a{width:76px;line-height:32px;float:left;font-size:14px; color:#00b3fe;border:1px solid #00b3fe; text-align:center;
    border-radius: 5px;}
.m-hotul li .p2 em a:hover { background: #00b3fe; color: #fff}
.m-hotul li .p3{float:right;    margin-top: 3px;}
.m-hotul li .p3 span{    margin-left: 2px;    margin-top: 7px;height: 20px;width: 100px;overflow: hidden;}

.m-hotul li.f-t3 .p1{display:block;    height: 80px;}
.m-hotul li.f-t3 .p1 a{    display: block;}
.m-hotul li.f-t3 .p2{    width: 207px;    height: 111px;    position: absolute;    left: 130px;    top:10px;}
.m-hotul li.f-t3 .p2 p{    top: 9px; width: 195px;}
.m-hotul li.f-t3 .p2 p a{font-weight:bold; font-size: 16px;}
.m-hotul li.f-t3 .p2 span{display:block;}
.m-hotul li.f-t3 .p2 em{display:block}
.m-hotul li .p2 .wangyou-erweima-icon,.m-hotul li .p2 .wangyou-erweima-icon i{    cursor: pointer;    display: none;    width: 24px;    height: 24px;    font-size:24px;    color: #98989898;}
.m-hotul li .p2 .wangyou-erweima-icon:hover +.wangyou-erweima-img{    display: block;    z-index: 3;}

.iconfont{    font-family:"iconfont" !important;    font-size:16px;font-style:normal;    -webkit-font-smoothing: antialiased;    -webkit-text-stroke-width: 0.2px;    -moz-osx-font-smoothing: grayscale;}
.m-hotul li .p2 .wangyou-erweima-img{    cursor: pointer;    display: none;    position: absolute;    width: 138px;    height: 143px;    top: -23px;    right: 86px;    background: url(../images/wy_erweima.png) no-repeat 100% 100%;    background-size:cover;}
.m-hotul li .p2 .wangyou-erweima-img .erweima-img{    width: 106px;    height: 106px;    position: absolute;    left: 10px;    top: 10px;    background: #000;}
.m-hotul li .p2 .wangyou-erweima-img p{    font-size: 12px;    font-weight: normal;    font-stretch: normal;    line-height: 26px;    letter-spacing: 0px;    color: #999;    position: absolute;    top: 113px;    left: 20px;}
.m-hotul li.f-t3 .p2 .wangyou-erweima-icon{    display: block;    position: absolute;    top: 65px;    right: 40px;}
.m-hotul li.f-t3 .p2 .wangyou-erweima-icon i{    display: block;}
.m-hotul li.f-t3 .p3{    position: absolute;    z-index: 1;    left: 143px;    top: 48px;    margin-top: 0;}
.m-hotul li.f-t3 .p3 span{    display: block;}
.m-hotul .p3 span { display: none}












/* 友链 */
.g-link ul{  padding:0;}
.g-link ul li{  margin: 0 00px 10px 20px;}