body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,button,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;font-family:"Microsoft YaHei";margin:0;list-style-type:none;border:0;font-weight:normal}
table{border-collapse:collapse;border-spacing:0;font-family:"Microsoft YaHei";display:table}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var,i{font-style:normal;font-weight:normal}
ul,ol,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
a{text-decoration:none}
button,textarea{outline:0;border:0;padding:0;margin:0}
a:visited{text-decoration:none;color:#4e4e4e}
a:link{text-decoration:none;color:#4e4e4e}
/*a:hover{color:#f60}*/
body{font-size:14px;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;color:#4e4e4e;margin:0 auto}


.page{padding:0 21px;overflow:hidden;margin-top:29px}
.page .page_fenye{overflow:hidden}
.page .page_fenye a{padding:0 8px;border:solid 1px #e3e3e3;border-radius:4px;box-sizing:border-box;height:26px;text-align:center;line-height:26px;display:inline-block;vertical-align:bottom;margin:0 2px;color:#686868}
.page .page_fenye a.active{border:0;background:#fd5f37;color:#fff;font-weight:bold}
.page .page_fenye a.n:hover{border:solid 1px #f56032;color:#f56032}
.page .page_fenye a.active.n:hover{border:0;background:#fd5f37;color:#fff;font-weight:bold}
.page .page_fenye .ddd{line-height:18px}
.page .page_fenye a.prev{padding:0;width:26px;background:url("https://gl.ali213.net/images/gl_ist.png") -292px -137px}
.page .page_fenye a.next{padding:0;width:26px;background:url("https://gl.ali213.net/images/gl_ist.png") -315px -137px}
.page .page_fenye a.sy{padding:0;width:26px;background:url("https://gl.ali213.net/images/gl_ist.png") -289px -197px}
.page .page_fenye a.final{padding:0;width:26px;background:url(https://gl.ali213.net/images/gl_ist.png) -317px -197px}
.page .page_fenye a.all{width:75px}
.page .page_fenye a.prev:hover{background:url("https://gl.ali213.net/images/gl_ist.png") -292px -158px}
.page .page_fenye a.next:hover{background:url("https://gl.ali213.net/images/gl_ist.png") -316px -158px}
.page .page_fenye a.sy:hover{background:url("https://gl.ali213.net/images/gl_ist.png") -289px -178px}
.page .page_fenye a.final:hover{background:url(https://gl.ali213.net/images/gl_ist.png) -317px -178px}

.other-title{width: 100%;height: 73px;line-height: 73px;}
.other-title span{float: left;height: 100%;width: auto;max-width: 60%;text-align: left;text-indent: 60px;color: #484848;font-size: 26px;font-weight: bold;position: relative;}
.other-title span::before{position: absolute;width: 42px;height: 37px;content: '';top: 22px;left: 15px;background: url(../images/game-title.png);}
.other-title .tab-tit{float: right;height: 100%;line-height: 73px;position: relative;}
.other-title .tab-tit em{color: #999999;font-size: 16px;display: inline-block;cursor: pointer;text-align: center;width: 50px;}
.other-title .tab-tit::after{background: #999999;content:'';position: absolute;height: 14px;top: 30px;left: 51px;width: 1px;}
.other-title .tab-tit em.active,.other-title div em:hover{color: #4b4b4b;font-size: 18px;font-weight: bold;}

.other-title .tit-tag{float: left;max-width: 880px;height: 73px;overflow: hidden;}
.other-title .tit-tag a{float: left;padding: 0 13px;background-color: #f5f5f5;border-radius: 13px;text-align: center;height: 26px;line-height: 26px;color: #484848;font-size: 12px;margin-right: 12px;margin-top: 24px;}

.other-title .tit-more{float: right;height: 100%;line-height: 73px;text-align: right;width: 90px;position: relative;margin-right: 20px;color: #747474;font-size: 20px;font-weight: bold;}
.other-title .tit-more:hover{color: #f60;}
.other-title .tit-more::before{content: '';position: absolute;top: 29px;left: 5px;width: 15px;height: 15px;background: url(../images/video-more.png);}

.video-top{width: 100%;max-width: 1920px;height: 400px;background: url(../images/index-bg.jpg) no-repeat center top;margin: auto;}
.video-top .nei-box{width: 1200px;height: 100%;margin: auto;}
.video-top .nei-box .swiper-box{margin-top: 29px;margin-right: 30px;width: 668px;height: 339px;background-color: #dcdcdc;box-shadow: 0px 0px 6px 0px rgba(145, 145, 145, 0.78);border-radius: 6px;float: left;}
.video-top .swiper-box .swiper-slide{width: 668px;}
.video-top .swiper-box .swiper-btn{display: none}



.swiper-box{overflow: hidden;position: relative;}
.swiper-box .swiper-wrapper{height: 100%;}
.swiper-box .swiper-slide{height: 100%;float: left;position: relative;}
.swiper-box .swiper-slide img{width: 100%;height: 100%;}
.swiper-box .swiper-slide span{display: block;width: 100%;height: 37px;position: absolute;bottom: 0;left: 0;color: #f5f5f5;font-size: 14px;line-height: 37px;text-align: left;text-indent: 20px;background: url(../images/sp_desbg.png) repeat-x;}
.swiper-box .swiper-page{position: absolute;height: 23px;bottom: 0;right: 12px;z-index: 1;}
.swiper-box .swiper-page span{cursor: pointer;width: 10px;height: 10px;background-color: #ebebeb;float: left;border-radius: 50%;margin: 0 4px;}
.swiper-box .swiper-page span.active{width: 24px;background-color: #ff431e;border-radius: 5px;}
.swiper-box .swiper-page span:hover{background-color: #ff431e;}
.swiper-box .swiper-btn{position: absolute;top: 50%;width: 50px;height: 70px;z-index: 1;cursor: pointer;margin-top: -35px;background: rgba(0, 0, 0, 0.5);}
.swiper-box .swiper-next{right: 0;left: auto;}
.swiper-box .swiper-prev{left: 0;right: auto;}
.swiper-box .swiper-button-next:after{display: none;}
.swiper-button-prev:after {display: none;}


.video-top .nei-box .tjvideo{float: left;margin-top: 29px;height: 339px;width: 502px;}
.video-top .nei-box .tjvideo a{float: left;height: 161px;width: 240px;border-radius: 8px;overflow: hidden;position: relative;}
.video-top .nei-box .tjvideo a:first-child{margin-right: 19px;margin-bottom: 17px;}
.video-top .nei-box .tjvideo a:first-child+a{margin-bottom: 17px;}
.video-top .nei-box .tjvideo a:first-child+a+a{margin-right: 19px;}
.video-top .nei-box .tjvideo a img{width: 100%;height: 100%;}
.video-top .nei-box .tjvideo a span{display: block;width: 100%;height: 37px;position: absolute;bottom: 0;left: 0;color: #f5f5f5;font-size: 14px;line-height: 37px;text-align: left;background: url(../images/sp_desbg.png) repeat-x;}

.mainbox{width: 100%;max-width: 1920px;overflow: hidden;margin: auto;background: url(../images/bg_video_index.jpg) repeat-y center top;background-size: 100%;    padding-bottom: 40px;}
.mainbox .nei-box{width: 1200px;margin: auto;margin-top: 44px;overflow: hidden;}
.mainbox .index-list{width: 100%;background-color: #ffffff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);border-radius: 10px;margin-bottom: 37px;padding-bottom: 25px;}
.sm-tit{width: 100%;height: 35px;line-height: 35px;text-align: left;color: #484848;font-size: 18px;font-weight: bold;position: relative;margin-bottom: 10px;}
.sm-tit.top20{margin-top: 20px;}
.sm-tit::before{position: absolute;top: 1px;left: -8px;width: 13px;height: 13px;content: '';background: url(../images/video-stitle.png);}
.video-nei{overflow: hidden;}
.mainbox .zh-tj{width: 340px;margin-left: 19px;float: left;}

.mainbox .zh-other{float: left;width: 388px;margin-left: 25px;}

.t-b::before{position: absolute;top: -2px;left: -2px;width: 58px;height: 34px;background: url(../images/t-b.png);display: block;content: '';}
.b-b::after{position: absolute;bottom: -2px;right: -2px;width: 36px;height: 36px;background: url(../images/b-b.png);display: block;content: '';}
.t-s::before{position: absolute;top: -2px;left: -2px;width: 27px;height: 20px;background: url(../images/t-s.png);display: block;content: '';}
.b-s::after{position: absolute;bottom: -2px;right: -2px;width: 16px;height: 16px;background: url(../images/b-s.png);display: block;content: '';}

.zh .zh-img{position: relative;display: block;}
.zh .zh-img.big{width: 340px;height: 194px;margin: auto;margin-bottom: 20px;float: left;}
.zh .zh-img.sm{width: 160px;height: 90px;float: left;}
.zh .zh-img.sm.l{margin-right: 20px;}
.zh .zh-img img{width: 100%;height: 100%;border-radius: 8px;}
.zh .zh-img span{position: absolute;bottom: 0;height: 37px;text-align: left;line-height: 37px;color: #ffffff;font-size: 14px;width: 100%;background: url(../images/sp_desbg.png) repeat-x;border-radius: 0 0 8px 8px;left: 0;overflow: hidden;}
/*.zh .zh-img:hover span,.zh .zh-img:hover p{color: #f60;}*/

.zh .zhhotcon a,.special .zhhotcon a{float: left;width: 187px;height: 145px;margin-left: 14px;margin-bottom: 10px;}
.zh .zhhotcon a img,.special .zhhotcon a img{width: 100%;height: 105px;border-radius: 8px;display: block;}
.zh .zhhotcon a p,.special .zhhotcon a p{    margin-top: 6px;display: block;height: 40px;line-height: 20px;text-align: left;overflow: hidden;}
.zh .zhhotcon a:first-child,.zh .zhhotcon a:first-child+a+a,.special .zhhotcon a:first-child,.special .zhhotcon a:first-child+a+a{margin-left: 0;}

.video-nei.xy{padding: 0 22px;width: 100%;box-sizing: border-box;}
.xy .xy-video{overflow: hidden;}
.xy .xy-video a{float: left;width: 214px;margin-left: 21px;height: 150px;}
.xy .xy-video a:first-child{margin-left: 0;}
.xy .xy-video a img{display: block;width: 100%;height: 121px;border-radius: 8px;}
.xy .xy-video a span{width: 100%;text-align: center;height: 20px;line-height: 20px;color: #454545;font-size: 14px;display: block;margin-top: 5px;}
/*.xy .xy-video a:hover span{color: #f60;}*/

.special .special-l{width: 340px;margin-left: 19px;position: relative;    float: left;}
.special .special-l .swiper-slide{width: 340px;}
.special .special-l.t-b::before{z-index: 5;top: 43px;}
.special .special-l .syswiper,.special .special-l .wyswiper{border-radius: 10px;height: 315px;background-color: #f5f5f5;}
.special .swiper-box .swiper-slide span {display: block;width: 100%;height: 45px;position: absolute;bottom: 0;left: 0;color: #4f4f4f;font-size: 14px;line-height: 45px;text-align: left;text-indent: 20px;background: transparent;}
.special .swiper-box .swiper-slide img {width: 100%;height: 270px;}
.special .swiper-box .swiper-page {bottom: 45px;}






.mainbox .list-con{height: 1275px;background-color: #ffffff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);border-radius: 10px;}
.list-con .list-l{float: left;width: 840px;height: 100%;}
.list-con .list-r{float: left;width: 360px;height: 100%;box-shadow: -2px 0px 6px 0px rgba(0, 0, 0, 0.08);}
.list-con .tj-tag{height: 26px;width: 100%;box-sizing: border-box;padding-left: 18px;margin-bottom: 29px;}
.list-con .tj-tag a{float: left;height: 26px;background-color: #f5f5f5;border-radius: 13px;color: #484848;font-size: 12px;line-height: 26px;padding: 0 13px;margin-right: 12px;}
.list-con .list-l .small-box{overflow: hidden;width: 804px;margin: auto;}
.list-con .list-l .small-box a{float: left;margin: auto 7px;margin-bottom: 13px;width: 187px;height: 150px;}
.list-con .list-l .small-box a img{width: 100%;height: 105px;display: block;border-radius: 8px;}
.list-con .list-l .small-box a p{height: 34px;overflow: hidden;display: block;width: 100%;text-align: left;color: #454545;font-size: 14px;line-height: 17px;margin-top: 5px;}
.list-con .list-l .small-box a:hover p{color: #ff2d22;}
.list-con .list-r .content{display: none;box-sizing: border-box;width: 100%;padding: 0 20px;}
.list-con .list-r .content.active{display: block;}
.list-con .list-r .content .list{width: 100%;height: 78px;margin-bottom: 19px;position: relative;}
.list-con .list-r .content .list:hover p{
    color: #ff2d22;
}
.list-con .list-r .content .otherlist:hover a{
    color: #ff2d22;
}
.list-con .list-r .content .list i{position: absolute;width: 22px;height: 22px;background-image: linear-gradient(0deg, #ff3c00 0%, #ff6c00 100%);border-radius: 4px;line-height: 22px;text-align: center;color: #ffffff;font-size: 14px;font-weight: bold;top: 6px;left: 6px;}
.list-con .list-r .content .list i.ph2{background-image: linear-gradient(0deg, #ff4800 0%, #ff9c00 100%);}
.list-con .list-r .content .list i.ph3{background-image: linear-gradient(0deg, #ff9600 0%, #ffd200 100%);}
.list-con .list-r .content .list img{border-radius: 8px;height: 100%;width: 139px;float: left;margin-right: 16px;}
.list-con .list-r .content .list div{float: left;width: 165px;text-align: left;}
.list-con .list-r .content .list div p{overflow: hidden;display: block;width: 100%;height: 40px;line-height: 20px;color: #454545;font-size: 14px;}
.list-con .list-r .content .list div em{display: block;position: relative;width: 100%;height: 25px;color: #7c7c7c;font-size: 14px;line-height: 25px;margin-top: 13px;text-indent: 25px;}
.list-con .list-r .content .list div em::before{position: absolute;top: 3px;left: 0;width: 20px;height: 18px;content: '';background: url(../images/video-hot.png);}
/*.list-con .list-r .content .list:hover p{color: #ff2d22;}*/
.list-con .list-r .content .otherlist{width: 100%;text-align: left;height: 22px;line-height: 22px;margin-bottom: 25px;}
.list-con .list-r .content .otherlist i{display: inline-block;width: 22px;height: 22px;background-image: linear-gradient(0deg, #d2d2d2 0%, #e1e1e1 100%);border-radius: 4px;color: #ffffff;font-size: 14px;line-height: 22px;text-align: center;font-weight: bold;margin-right: 5px;float: left;}
.list-con .list-r .content .otherlist a{display: inline-block;width: 290px;height: 22px;overflow: hidden;}


.yx_scrolltop{display: none;position: fixed;bottom: 37px;right: 0;width: 76px;height: 76px;box-shadow: 0px 4px 8px 0px rgba(197, 197, 197, 0.24);border-radius: 10px;background: #ffffff url(../images/scrolltop.png) no-repeat center center;cursor: pointer;}



img {
    opacity: 1;
    transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
}

.tjvideo img:hover,.mainbox img:hover{
    opacity: 0.8;
}

.tjvideo span:hover,.mainbox span:hover,.mainbox p:hover,.video-top .nei-box .tjvideo a span:hover,.xy .xy-video a span:hover{
    color: #ff6b37;
}.down_gametool_con1 {
    width: 100%;
    text-align: center;
    font-size: 0;
    padding-top: 10px;
    padding-bottom: 30px;
    clear: both;
}

.down_gametool_con1 a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid #C1C0C0;
    background-color: #FFF;
    color: #333333;
    font-size: 14px;
    margin: 15px 0 0 5px;
    cursor: pointer;
}

.down_gametool_con1 a:hover,
.down_gametool_con1 .active {
    background-color: rgb(255, 102, 0);
    border-color: rgb(255, 102, 0);
    color: #ffffff;
}