body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl, a { margin: 0; padding: 0; }

ul, ol { list-style: none; }

em, i { font-style: normal; }

table { border-spacing: 0; border-collapse: collapse; }

img { border: none; vertical-align: middle; }

input, select, button { vertical-align: middle; outline: none; }

a { text-decoration: none; color: #666; }

body { min-width: 1200px; font-family: 'Microsoft YaHei','Arial','Heiti SC'; background: #f7f7f7; }

.fl { float: left; }

.fr { float: right; }

.w1200 { width: 1200px; margin: 0 auto; }

.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }

#page { margin: 20px auto; width: 100%; overflow: hidden; text-align: center; }
#page a, #page span { display: inline-block; width: auto; padding: 0 10px; height: 30px; text-align: center; line-height: 30px; color: #666; font-size: 14px; border-radius: 5px; border: 1px solid #e6e6e6; margin: 0 5px; }
#page span { background-color: #13ccbe; color: #fff; }
#page a:hover { background-color: #13ccbe; color: #fff; }
#page .activP { background-color: #13ccbe; color: #fff; }

.img { transition: opacity .2s linear; }
.img:hover { opacity: .8; }

.Qztop { width: 100%; height: 40px; background: #222; }
.Qztop .home { font-size: 14px; color: #999; line-height: 40px; }
.Qztop .home:hover { color: #eee; }
.Qztop .home i { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAuElEQVR42pXPoQrCUBSHcUGWbMIGYjIK4gPYfYQlwTfQYvQBrAbfxGoWDLo4UBHEiUVsMkXh+g3uhcth17HwK+fPF04lDEOXFbao5+15QRVrKO2CRlFYQwQl3NByhT5iKIc72jJs4gxV4ImuCXt4WGORL/pZuIEq6ZiFAU4lojc65se4RJjCM+EeSthpH3F/wXeFc5ht+i88iHFkhYOcHwMzpmKcWeFEvmGHCyS4amMrHOpboi3h/QBU8T/s5XZ8iwAAAABJRU5ErkJggg==) no-repeat; margin-right: 10px; display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin-bottom: 2px; }
.Qztop .link { line-height: 40px; margin-left: 10px; }
.Qztop .link li { float: left; margin-left: 15px; }
.Qztop .link li a { color: #999; font-size: 14px; }
.Qztop .link li a:hover { color: #fff; }
.Qztop .phone { position: relative; cursor: pointer; margin-top: 8px; color: #999; font-size: 14px; }
.Qztop .phone:hover { color: #eee; }
.Qztop .phone:hover .ewm { display: block; }
.Qztop .phone i { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowY2Y4NmU3YS1jMThkLWE0NDYtOTcwNy1lNjZmMzczOTFkZWYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NThFMzdGMTlENzM4MTFFQjgxMTZCMEExRkRGNEQzMjYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NThFMzdGMThENzM4MTFFQjgxMTZCMEExRkRGNEQzMjYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGNmODZlN2EtYzE4ZC1hNDQ2LTk3MDctZTY2ZjM3MzkxZGVmIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBjZjg2ZTdhLWMxOGQtYTQ0Ni05NzA3LWU2NmYzNzM5MWRlZiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsqCIbYAAACaSURBVHjaYgwODrYVFhZeyMDAoMhAGrj/5cuXPBag5kNQgTkkGpDCw8OzmQWm+RkzdyopuqX+fr0HpNqYGCgEowaMGjCcDeB6+zQemFleoeFKbGpZsAqysLwFUreRxd69e/eWQZSbOAM+8Ytv+cTAsAVFEItmZANSgE58iSb3j4B308AGAIslX2DJMg/IriYx/F5/+PAhASDAAC61NdoIkObHAAAAAElFTkSuQmCC"); display: inline-block; vertical-align: middle; margin: 0 8px 3px 0; width: 16px; height: 20px; }
.Qztop .phone .ewm { display: none; position: absolute; right: -34px; top: 33px; width: 130px; height: 152px; padding: 2px; background: #fff; -moz-box-shadow: 0 3px 3px 3px rgba(179, 179, 179, 0.6); -webkit-box-shadow: 0 3px 3px 3px rgba(179, 179, 179, 0.6); box-shadow: 0 3px 3px 3px rgba(179, 179, 179, 0.6); }
.Qztop .phone .ewm img { width: 130px; height: 130px; display: block; }
.Qztop .phone .ewm span { font-size: 12px; text-align: center; display: block; color: #666; padding: 0 10px; line-height: 18px; }

.Qzheader { width: 100%; height: 100px; background: #13ccbe; }
.Qzheader .logo { height: 60px; display: block; float: left; margin-top: 20px; }
.Qzheader .logo img { height: 100%; display: block; }
.Qzheader .navlist { overflow: hidden; height: 100px; margin-left: 25px; }
.Qzheader .navlist li { float: left; font-size: 16px; color: #fff; padding: 0 30px; }
.Qzheader .navlist li a { display: block; color: #fff; height: 100px; line-height: 100px; }

.footer { background: #262626; overflow: hidden; }
.footer .footcont { width: 100%; margin: 40px auto 0; background: #333; overflow: hidden; height: 235px; border-radius: 20px; }
.footer .footcont .logo { margin: 67px 30px; }
.footer .footcont .logo img { width: 200px; }
.footer .footcont .item strong, .footer .footcont .desc strong { width: 100%; height: 45px; line-height: 45px; color: #ccc; margin-top: 15px; display: block; width: 100%; font-size: 25px; margin-bottom: 6px; }
.footer .footcont .desc { width: 420px; margin-right: 50px; overflow: hidden; }
.footer .footcont .desc p { font-size: 12px; line-height: 36px; color: #999; }
.footer .footcont .item { width: 190px; margin-right: 35px; overflow: hidden; }
.footer .footcont .item .links { width: 100%; }
.footer .footcont .item .links a { display: block; float: left; overflow: hidden; width: 50%; height: 35px; line-height: 35px; }
.footer .footcont .item .links a:hover { color: #ccc; }
.footer .txt { width: 100%; text-align: center; margin: 30px auto; overflow: hidden; color: #9a9a9a; font-size: 12px; }
.footer .txt span { color: #fe6665; }

.crumb { margin: 20px auto; }

.crumb, .crumb a { font-size: 12px; color: #aaa; }

.crumb a:hover { color: #13ccbe; }

.home_content .Qzheader { height: 335px; background: linear-gradient(155deg, #13ccbe, #2ec7e6); }
.home_content .content { background: #fff; border-radius: 20px; width: 1200px; overflow: hidden; padding-bottom: 20px; margin: -240px auto 20px; }
.home_content .content .title { font-size: 24px; color: #333; line-height: 60px; margin-left: 20px; font-weight: bold; }
.home_content .content .bannerwrap { width: 1160px; height: 400px; background: #eee; border-radius: 20px; margin: 0 auto; overflow: hidden; position: relative; }
.home_content .content .bannerwrap .bd, .home_content .content .bannerwrap .bd img { width: 100%; height: 400px; display: block; }
.home_content .content .bannerwrap .btn { position: absolute; top: 50%; margin-top: -20px; display: block; width: 40px; background: rgba(0, 0, 0, 0.4); height: 40px; background: url(../images/arrows.png) no-repeat; transition: all 0.3s ease 0s; opacity: 0.66; border-radius: 50%; transition: all .2s linear; }
.home_content .content .bannerwrap .btn:hover { opacity: 1; }
.home_content .content .bannerwrap .prev { left: -40px; }
.home_content .content .bannerwrap .next { right: -40px; background-position: -60px 0; }
.home_content .content .bannerwrap:hover a.prev { left: 30px; }
.home_content .content .bannerwrap:hover a.next { right: 30px; }
.home_content .content .tag_list { padding: 20px  20px 0 20px; margin: auto; }
.home_content .content .tag_list li:nth-of-type(2n+1) span { color: #2d85dc; }
.home_content .content .tag_list li:nth-of-type(2n+2) span { color: #f38331; }
.home_content .content .tag_list li { width: 100%; height: 28px; line-height: 28px; color: #dee0e7; margin-bottom: 10px; overflow: hidden; white-space: nowrap; }
.home_content .content .tag_list li span { display: inline-block; height: 25px; color: #4b4b4b; font-size: 20px; font-weight: 700; padding-right: 10px; }
.home_content .content .tag_list li a { color: #444; font-size: 14px; padding: 0 5px; margin: 0 8px 0 4px; }
.home_content .content .tag_list li a:hover { color: #13ccbe; }
.home_content .content .tag_list li .hot { color: #13ccbe; }

.game_list { width: 100%; overflow: hidden; margin-top: 20px; }
.game_list li { float: left; width: 120px; margin: 20px 8px 0 20px; text-align: center; }
.game_list li:hover p { color: #13ccbe; }
.game_list li .img { height: 120px; border-radius: 15px; overflow: hidden; width: 120px; margin: 0 auto; }
.game_list li .img img { width: 100%; }
.game_list li p { color: #333237; line-height: 34px; height: 34px; overflow: hidden; margin-top: 6px; }

.Mwrap { width: 1160px; background: #fff; border-radius: 20px; overflow: hidden; padding: 20px; margin: 20px auto; }
.Mwrap .title { line-height: 30px; height: 30px; }
.Mwrap .title span { font-size: 24px; color: #333; font-weight: bold; display: block; float: left; }
.Mwrap .title .more { float: right; font-size: 14px; color: #999; }
.Mwrap .game_list { margin: 0 0 0 -20px; width: 1200px; }

.Min1 .M1L { width: 400px; overflow: hidden; }
.Min1 .M1L .M1slide { width: 400px; height: 300px; border-radius: 6px; overflow: hidden; position: relative; }
.Min1 .M1L .M1slide .hd { position: absolute; bottom: 15px; right: 10px; width: 400px; text-align: right; *zoom: 1; z-index: 2; }
.Min1 .M1L .M1slide .hd ul { zoom: 1; }
.Min1 .M1L .M1slide .hd ul li { display: inline-block; width: 8px; height: 8px; background-color: #d8d8d8; border-radius: 50%; cursor: pointer; margin-right: 6px; }
.Min1 .M1L .M1slide .hd ul li.on { background-color: #13ccbe; }
.Min1 .M1L .M1slide .bd { position: relative; height: 100%; z-index: 0; }
.Min1 .M1L .M1slide .bd li { zoom: 1; vertical-align: middle; position: relative; height: 300px; width: 400px; }
.Min1 .M1L .M1slide .bd .pic { position: relative; z-index: 1; }
.Min1 .M1L .M1slide .bd .pic img { width: 400px; height: 300px; display: block; -o-object-fit: cover; object-fit: cover; }
.Min1 .M1L .M1slide .info { width: 100%; height: 78px; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 0; z-index: 2; }
.Min1 .M1L .M1slide .info .img { position: absolute; left: 28px; top: -20px; }
.Min1 .M1L .M1slide .info .img, .Min1 .M1L .M1slide .info .img img { display: block; width: 80px; height: 80px; border-radius: 12px; -o-object-fit: cover; object-fit: cover; }
.Min1 .M1L .M1slide .info .txt { margin-left: 130px; color: #fff; width: 251px; }
.Min1 .M1L .M1slide .info .txt .bt { display: block; font-size: 16px; font-weight: bold; color: #fff; height: 25px; line-height: 25px; overflow: hidden; width: 100%; margin: 10px 0 5px; }
.Min1 .M1L .M1slide .info .txt p { height: 20px; font-size: 14px; line-height: 20px; overflow: hidden; width: 100%; }
.Min1 .M1L .M1slide .btn { position: absolute; top: 50%; margin-top: -20px; display: block; width: 40px; background: rgba(0, 0, 0, 0.4); height: 40px; background: url(../images/arrows.png) no-repeat; transition: all 0.3s ease 0s; opacity: 0.66; border-radius: 50%; transition: all .2s linear; }
.Min1 .M1L .M1slide .btn:hover { opacity: 1; }
.Min1 .M1L .M1slide .prev { left: -40px; }
.Min1 .M1L .M1slide .next { right: -40px; background-position: -60px 0; }
.Min1 .M1L .M1slide:hover a.prev { left: 30px; }
.Min1 .M1L .M1slide:hover a.next { right: 30px; }
.Min1 .M1L .M1list { width: 420px; overflow: hidden; margin-top: 20px; }
.Min1 .M1L .M1list .list { width: 190px; height: 150px; display: block; float: left; margin: 20px 20px 0 0; }
.Min1 .M1L .M1list .list .img { display: block; }
.Min1 .M1L .M1list .list .img, .Min1 .M1L .M1list .list .img img { width: 100%; height: 105px; border-radius: 12px; }
.Min1 .M1L .M1list .list:hover p { color: #13ccbe; }
.Min1 .M1L .M1list .list p { line-height: 30px; height: 30px; overflow: hidden; font-size: 14px; color: #656565; text-align: center; width: 100%; overflow: hidden; margin-top: 15px; }
.Min1 .M1M { width: 440px; margin: 0 20px; }
.Min1 .M1M .tab_hd { background: #f7f7f7; height: 48px; border-radius: 4px; width: 100%; }
.Min1 .M1M .tab_hd span { display: block; float: left; width: 32px; text-align: center; line-height: 48px; color: #999; position: relative; margin: 0 39px; font-weight: bold; cursor: pointer; }
.Min1 .M1M .tab_hd .on { color: #13ccbe; }
.Min1 .M1M .tab_hd .on i { width: 100%; display: block; position: absolute; bottom: 0; height: 3px; background: #13ccbe; border-radius: 3px; }
.Min1 .M1M .tab_bd { width: 100%; overflow: hidden; }
.Min1 .M1M .tab_bd ul + ul { display: none; }
.Min1 .M1M .tab_bd ul { overflow: hidden; width: 100%; }
.Min1 .M1M .tab_bd ul li { width: 100%; overflow: hidden; height: 30px; margin-top: 30px; }
.Min1 .M1M .tab_bd ul li .tag { border: 1px solid #ccc; border-radius: 4px; height: 28px; line-height: 28px; width: 70px; text-align: center; float: left; margin-right: 20px; color: #9a9a9a; font-size: 12px; }
.Min1 .M1M .tab_bd ul li .img { display: block; float: left; margin-right: 18px; }
.Min1 .M1M .tab_bd ul li .img, .Min1 .M1M .tab_bd ul li .img img { width: 30px; height: 30px; border-radius: 3px; }
.Min1 .M1M .tab_bd ul li .bt { float: left; display: block; max-width: 240px; height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; color: #555555; }
.Min1 .M1M .tab_bd ul li .bt:hover { color: #13ccbe; }
.Min1 .M1M .tab_bd ul li .time { width: 95px; height: 30px; line-height: 30px; float: right; font-size: 14px; color: #999; }
.Min1 .M1R { width: 280px; }
.Min1 .M1R .list { width: 100%; overflow: hidden; }
.Min1 .M1R .list a + a { margin-top: 30px; }
.Min1 .M1R .list a { display: block; width: 100%; height: 140px; overflow: hidden; position: relative; }
.Min1 .M1R .list a .img { display: block; position: relative; }
.Min1 .M1R .list a .img, .Min1 .M1R .list a .img img { width: 100%; border-radius: 6px; height: 140px; }
.Min1 .M1R .list a:hover .info { opacity: 1; }
.Min1 .M1R .list a .info { width: 100%; height: 70px; background: rgba(0, 0, 0, 0.5); position: absolute; top: 30px; z-index: 2; color: #fff; text-align: center; opacity: 0; transition: opacity .2s linear; }
.Min1 .M1R .list a .info p { line-height: 35px; margin-top: 5px; }
.Min1 .M1R .list a .info span { font-size: 14px; }
.Min1 .M1R .list a .info span i { color: #fe6665; font-weight: bold; }

.Min2 { overflow: hidden; min-height: 583px; }
.Min2 .M2tab_hd { height: 40px; overflow: hidden; width: 101%; }
.Min2 .M2tab_hd a + a { margin-left: 15px; }
.Min2 .M2tab_hd a { display: block; width: 92px; height: 40px; text-align: center; line-height: 40px; float: left; color: #555; font-size: 14px; background: #eee; border-radius: 3px; transition: all .2s linear; }
.Min2 .M2tab_hd a:hover, .Min2 .M2tab_hd .on { background: #13ccbe; color: #fff; }
.Min2 .item + .item { display: none; }
.Min2 .item { width: 100%; overflow: hidden; }
.Min2 .item .tab_left { width: 730px; overflow: hidden; margin-top: 5px; }
.Min2 .item .tab_left a { display: block; width: 120px; float: left; height: 160px; margin: 20px 25px 0 0; }
.Min2 .item .tab_left a .img, .Min2 .item .tab_left a .img img { display: block; width: 120px; height: 120px; border-radius: 20px; }
.Min2 .item .tab_left a:hover p { color: #13ccbe; }
.Min2 .item .tab_left a p { line-height: 30px; height: 30px; overflow: hidden; font-size: 14px; color: #656565; text-align: center; width: 100%; overflow: hidden; margin-top: 15px; }
.Min2 .item .tab_left.fr a { margin: 20px 0 0 25px; }
.Min2 .item .tab_right { width: 420px; height: 520px; margin-top: 25px; }
.Min2 .item .tab_right .r_tabbd { width: 100%; height: 350px; }
.Min2 .item .tab_right .r_tabbd .lis + .lis { display: none; }
.Min2 .item .tab_right .r_tabbd .lis { display: block; width: 100%; height: 350px; position: relative; overflow: hidden; border-radius: 12px; }
.Min2 .item .tab_right .r_tabbd .lis a { display: block; height: 100%; }
.Min2 .item .tab_right .r_tabbd .lis .img { position: relative; z-index: 1; }
.Min2 .item .tab_right .r_tabbd .lis .img, .Min2 .item .tab_right .r_tabbd .lis .img img { width: 100%; display: block; height: 100%; border-radius: 12px; }
.Min2 .item .tab_right .r_tabbd .lis p { position: absolute; padding: 10px 20px; bottom: 0; left: 0; z-index: 2; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 14px; line-height: 26px; width: 380px; }
.Min2 .item .tab_right .r_tabhd { margin-top: 30px; width: 100%; overflow: hidden; }
.Min2 .item .tab_right .r_tabhd a { display: block; float: left; width: 95px; height: 135px; background: #f3f3f3; border-radius: 8px; }
.Min2 .item .tab_right .r_tabhd a .img { display: block; margin: 20px auto; }
.Min2 .item .tab_right .r_tabhd a .img, .Min2 .item .tab_right .r_tabhd a .img img { width: 60px; height: 60px; border-radius: 14px; }
.Min2 .item .tab_right .r_tabhd a p { display: block; width: 100%; overflow: hidden; text-align: center; color: #555; font-size: 14px; }
.Min2 .item .tab_right .r_tabhd .on { background: #13ccbe; }
.Min2 .item .tab_right .r_tabhd .on p { color: #fff; }
.Min2 .item .tab_right .r_tabhd a + a { margin-left: 12px; }

.Min3 .collection { position: relative; width: 100%; margin: 20px 0 0; height: 180px; }
.Min3 .collection .hd { height: 20px; overflow: hidden; position: absolute; left: 43.5%; bottom: 0; z-index: 1; width: 180px; }
.Min3 .collection .hd ul { overflow: hidden; zoom: 1; float: left; }
.Min3 .collection .hd ul li { display: inline-block; margin: 0 6px; width: 10px; height: 10px; line-height: 14px; text-align: center; background: #cdcdcd; cursor: pointer; border-radius: 50%; overflow: hidden; text-indent: 100%; opacity: .8; }
.Min3 .collection .hd ul li.on { background: #13ccbe; opacity: 1; }
.Min3 .collection .bd { width: 100%; margin: 0 auto; overflow: hidden; }
.Min3 .collection .bd ul li { float: left; margin: 0 6px; display: block; width: 280px; height: 140px; }
.Min3 .collection .bd ul li a { display: block; width: 100%; height: 140px; overflow: hidden; position: relative; border-radius: 6px; }
.Min3 .collection .bd ul li a .img { display: block; position: relative; }
.Min3 .collection .bd ul li a .img, .Min3 .collection .bd ul li a .img img { width: 100%; border-radius: 6px; height: 140px; }
.Min3 .collection .bd ul li a .info { width: 100%; height: 70px; background: rgba(0, 0, 0, 0.5); position: absolute; top: 35px; z-index: 2; color: #fff; text-align: center; transition: opacity .2s linear; }
.Min3 .collection .bd ul li a .info p { line-height: 35px; margin-top: 5px; }
.Min3 .collection .bd ul li a .info span { font-size: 14px; }
.Min3 .collection .bd ul li a .info span i { color: #fe6665; font-weight: bold; }

.Min4 { overflow: hidden; }
.Min4 .item { width: 358px; border: 1px solid #e0e0e0; border-radius: 12px; float: left; margin-top: 20px; }
.Min4 .item .phhead { height: 60px; text-align: center; line-height: 60px; color: #fff; background: #eee; font-size: 20px; font-weight: 600; border-top-left-radius: 12px; border-top-right-radius: 12px; }
.Min4 .item ul { overflow: hidden; }
.Min4 .item ul li { padding: 20px; overflow: hidden; display: block; }
.Min4 .item ul li .num { float: left; width: 28px; height: 28px; text-align: center; position: relative; margin-right: 12px; }
.Min4 .item ul li .num i { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 24px; height: 24px; border-radius: 6px; background: #ccc; transform: rotate(45deg); }
.Min4 .item ul li .num u { position: absolute; left: 0; top: 0; z-index: 2; width: 25px; height: 25px; line-height: 25px; text-decoration: none; color: #fff; }
.Min4 .item ul li .bt { display: block; float: left; width: 270px; height: 28px; line-height: 28px; overflow: hidden; font-size: 15px; color: #333; }
.Min4 .item ul li .bt:hover { color: #13ccbe; }
.Min4 .item ul li .info { display: none; width: 276px; position: relative; float: left; }
.Min4 .item ul li .info .img { float: left; margin-right: 16px; }
.Min4 .item ul li .info .img, .Min4 .item ul li .info .img img { display: block; width: 65px; height: 65px; }
.Min4 .item ul li .info .txt { width: 130px; float: left; }
.Min4 .item ul li .info .txt .txt_bt { width: 200px; overflow: hidden; height: 20px; font-size: 14px; color: #333; display: block; line-height: 20px; }
.Min4 .item ul li .info .txt p { font-size: 12px; height: 18px; line-height: 18px; margin-top: 5px; color: #999; }
.Min4 .item ul li .info .txt p span { color: #666; }
.Min4 .item ul li .info .btn { position: absolute; right: 0; top: 30px; width: 63px; text-align: center; height: 30px; line-height: 30px; background: #13ccbe; color: #fff; border-radius: 3px; font-size: 13px; font-weight: bold; }
.Min4 .item ul li .info .btn:hover { opacity: .8; }
.Min4 .item ul .on { background: #f7f7f7; }
.Min4 .item ul .on .num { margin-top: 20px; }
.Min4 .item ul .on .bt { display: none; }
.Min4 .item ul .on .info { display: block; }
.Min4 .item1 .phhead { background: #f2842f; }
.Min4 .item1 ul li .num i { background: #f2842f; }
.Min4 .item1 ul li + li + li + li .num i { background: #ccc; }
.Min4 .item2 { margin: 20px 40px 0; }
.Min4 .item2 .phhead { background: #f65354; }
.Min4 .item2 ul li .num i { background: #f65354; }
.Min4 .item2 ul li + li + li + li .num i { background: #ccc; }
.Min4 .item3 .phhead { background: #2c86dc; }
.Min4 .item3 ul li .num i { background: #2c86dc; }
.Min4 .item3 ul li + li + li + li .num i { background: #ccc; }

.collection_head .hjtab { height: 48px; background: #f7f7f7; border-radius: 12px; line-height: 48px; }
.collection_head .hjtab a { display: block; float: left; margin: 0 30px 0 20px; font-size: 16px; color: #999; font-weight: bold; position: relative; }
.collection_head .hjtab .on, .collection_head .hjtab a:hover { color: #13ccbe; }
.collection_head .hjtab .on::before, .collection_head .hjtab a:hover::before { content: ''; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -15px; height: 4px; background: #13ccbe; border-radius: 4px; width: 30px; }
.collection_head .hj_item { width: 100%; height: 540px; border: 1px solid #d2d2d2; border-radius: 8px; position: relative; margin: 20px auto; overflow: hidden; }
.collection_head .hj_item .bd_list { width: 920px; height: 100%; float: left; overflow: hidden; }
.collection_head .hj_item .bd_list .list + .list { display: none; }
.collection_head .hj_item .bd_list .list img, .collection_head .hj_item .bd_list .list { width: 100%; height: 100%; display: block; position: relative; }
.collection_head .hj_item .bd_list .list .info { position: absolute; bottom: 30px; left: 30px; width: 820px; padding: 20px; border-radius: 6px; background: rgba(0, 0, 0, 0.7); }
.collection_head .hj_item .bd_list .list .info .bt { height: 30px; line-height: 30px; width: 100%; overflow: hidden; color: #f5c462; font-size: 24px; font-weight: bold; float: left; }
.collection_head .hj_item .bd_list .list .info p { float: left; font-size: 14px; color: #999; line-height: 30px; margin: 15px 50px 10px 0; margin-right: 50px; }
.collection_head .hj_item .bd_list .list .info p span { color: #e5e5e5; }
.collection_head .hj_item .bd_list .list .info p i { color: #fe6665; }
.collection_head .hj_item .bd_list .list .info .desc { display: block; overflow: hidden; float: left; width: 100%; font-size: 15px; color: #f7f7f7; line-height: 28px; }
.collection_head .hj_item .hd_list { width: 242px; height: 100%; background: #efefef; position: absolute; right: 0; top: 0; z-index: 2; }
.collection_head .hj_item .hd_list .lis { height: 106px; width: 100%; display: table; position: relative; }
.collection_head .hj_item .hd_list .lis img { display: block; float: left; width: 64px; height: 64px; border-radius: 12px; margin: 22px; }
.collection_head .hj_item .hd_list .lis p { height: 64px; line-height: 64px; font-size: 15px; color: #333; overflow: hidden; width: 125px; float: left; margin-top: 22px; }
.collection_head .hj_item .hd_list .on { background: #fff; }
.collection_head .hj_item .hd_list .on::before { content: ''; position: absolute; left: -4px; top: 0; width: 4px; height: 100%; background: #13ccbe; display: block; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.collection_head .hj_item .hd_list .lis + .lis { border-top: 1px solid #ccc; }
.collection_head .hj_list { overflow: hidden; width: 100%; }
.collection_head .hj_list .list { overflow: hidden; width: 100%; }
.collection_head .hj_list .list li { width: 100%; height: 250px; background: #f7f7f7; border-radius: 6px; margin: 20px auto; }
.collection_head .hj_list .list li .info { width: 720px; float: left; }
.collection_head .hj_list .list li .info .bt { display: block; height: 30px; font-size: 24px; color: #222; font-weight: bold; overflow: hidden; margin: 16px 20px; }
.collection_head .hj_list .list li .info > p { font-size: 14px; color: #999; margin: 0 20px; }
.collection_head .hj_list .list li .info > p span { margin-right: 50px; }
.collection_head .hj_list .list li .info > p span i { color: #fe6665; font-weight: 600; }
.collection_head .hj_list .list li .info .item { width: 100%; overflow: hidden; height: 145px; }
.collection_head .hj_list .list li .info .item a { display: block; float: left; width: 100px; margin: 20px; height: 145px; }
.collection_head .hj_list .list li .info .item a:hover p { color: #13ccbe; }
.collection_head .hj_list .list li .info .item a img { display: block; width: 100px; height: 100px; border-radius: 12px; }
.collection_head .hj_list .list li .info .item a p { display: block; font-size: 15px; color: #333; height: 20px; line-height: 20px; margin-top: 8px; overflow: hidden; width: 100%; text-align: center; }
.collection_head .hj_list .list li .img { display: block; float: right; margin: 20px 20px 0 0; }
.collection_head .hj_list .list li .img, .collection_head .hj_list .list li .img img { display: block; width: 420px; height: 210px; border-radius: 6px; }

.pager { padding: 30px 0 20px; text-align: center; font-size: 16px; }
.pager span, .pager a { display: inline-block; margin: 0 4px; padding: 2px 15px; border: 1px solid #eee; line-height: 34px; border-radius: 4px; }
.pager a:hover { background-color: #13ccbe; color: #fff; border-color: #13ccbe; box-shadow: 2px 8px 9px #eee; }
.pager span { background-color: #f8f8f8; cursor: default; color: #a0a0a0; }
.pager span.act { background-color: #13ccbe; border-color: #13ccbe; color: #fff; box-shadow: 2px 8px 9px #eee; }
.pager span.ect { background-color: #fff; border-color: #fff; }

.collection_detail { width: 100%; overflow: hidden; }
.collection_detail .img { float: left; margin-right: 30px; }
.collection_detail .img, .collection_detail .img img { width: 520px; height: 250px; border-radius: 6px; }
.collection_detail .info { width: 610px; overflow: hidden; }
.collection_detail .info .bt { height: 60px; background: #f7f7f7; border-radius: 6px; margin-bottom: 15px; }
.collection_detail .info .bt span { display: block; float: left; width: 76px; height: 60px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAA8CAYAAADMtVzqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDdlY2I5My00NTg5LWQ5NGEtOWE5YS04MWZhYTA2NTQ1MjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDdCMDJBMUFEN0U2MTFFQkFGNUZFOTg2NzA0Rjk3REQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDdCMDJBMTlEN0U2MTFFQkFGNUZFOTg2NzA0Rjk3REQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZjExYTQ4Y2UtZWY0NC1iNjRmLTkyNzEtZGRmMDE4NjgxZWEwIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZmJhYTdkMDItOTU4OS1hYzQxLWE5N2ItNTZhYTc0YzJmNWJiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+B5Mc8QAAA9BJREFUeNrsnD1oU1EUx0+ajyZtER+KoqDo0sVBnEREHET8GNRBaRctgqMK4iBV6yDiB6ibm6hURcVBRBDcRBcdlE6CoohLpIsPpU2TNmk8J7kvnp60yU3zBvPu+cN/eBBa+us7/3vOve8lls1mwSiBPmK8Eb0UOkA9PT3Q3d1du87lclAoFPhHjqNvLeZne54359r3/Qok0kr0M/QW6DARoEQiAfF4vAawWCxCqVQKPnIT/Q79IYzf14VOop93IqxAExMTUC6Xa9d9fX0Qi8WCyxT6aVgVQ8COoTdDB2t2dhYmJyf//VFdXdDb28s/sh59Fx0LA9hhiIBmZmYgn8/XrpPJJKTTaf6RA+hTYQDbBBHR1NRUJb8CZTKZSr4xXWk3eghYGiIkKk2eZ1SaIs8eo5e1AyxSssiztejRxeZZ5IBZ5tle9BkF1lqeXUJvU2D2eRY3ebZCgdnn2Wr0AwNPgVnm2U70OQXWWp5dQO9QYCLPqER5nlGJsjx7iF6lwOzzjHZsHjXLM2eAkagsqTwDUVlSeTJtR19UYEy0ANBCEIgWAFoImIbRuxWYfZ5Ro3YfvUaBGVEzy/OMmlmRZ8spz3zfTyow+zzbir6swFrLs9N4l+1TYCLP2IFJpTSDAxWTZ/cQWr8CY3nGD1Eoz8QhCp21vUJongJjTS0d1/Gmlo7rmNZB9bhOgQWanp6eU5qpVIqXJokOuPsVmNjZ4BILALEaUGD2wEh7FBgTL8nKFka8bg7foMDEisnFVspASxRYA0ASIOqPAmtQgrJEUZ8UWIOQl4sA6qUCswdG+0FPFNgCjapsZKH6eMEXBTbPKCRHJdQP2rnQ0WieYVsO4ygfvcvzvF8KDOq2c+R2D1EbQlif+XzkrOSGodxQRF1DWC/kQOmk5Ja03LJGvUafr8s7V0OeH3rIQ17UT/Qg3l0lBQZ1x2ry2I0ewhhAj88L2zVY8kEU+aAK6iz67YJ3p2udPH/UST4KBdW3Ya43LGfNrZq+oY+aVsJtYBbNKS2PB9G/m4J3Jbd4c0q5JeZEeuNtzOpOjTosejWQvx5IrwaK1wPvGIPzwOiu4s0p3VWiOaW76kRLWehwblFeHULnFFjz5rRsVsSvLa+2jg7VN0zPBc4DsxiqqYsfXnQ/51hzOm7mxGI7wPKO5BY1XoNmJwLaATYWBVgWQ/UIVPe4oF1gow4M1bRrejWUskffRr+PcG59Rw81G6pbAUbr7X6ofhlGx0k8Ximb04IZqv3Q/kFs9aC3U+k7LN7YTO3/g+gskQ/VdJYohuqT6I9h/s6/AgwAK5bE1nLo9ZcAAAAASUVORK5CYII=) no-repeat; background-size: 100%; text-align: center; line-height: 60px; font-size: 15px; color: #fe6665; font-weight: bold; text-indent: -10px; }
.collection_detail .info .bt h1 { font-size: 24px; color: #222; height: 60px; line-height: 60px; overflow: hidden; float: left; width: 510px; margin-left: 20px; }
.collection_detail .info .desc { height: 120px; line-height: 30px; font-size: 15px; color: #333; overflow: hidden; margin: 10px auto; }
.collection_detail .info .bot { height: 20px; line-height: 20px; margin-top: 33px; overflow: hidden; }
.collection_detail .info .bot p { float: left; margin-right: 50px; font-size: 14px; color: #999; }
.collection_detail .info .bot p span { color: #666; }
.collection_detail .info .bot p i { color: #fe6665; font-weight: bold; }

.collection_list { overflow: hidden; width: 102%; padding: 10px 0; }
.collection_list .item { width: 370px; height: 220px; border: 1px solid #ccc; border-radius: 6px; float: left; margin: 30px 20px 0 0; position: relative; transition: all .1s linear; }
.collection_list .item .img { float: left; margin: 20px 20px 15px; }
.collection_list .item .img, .collection_list .item .img img { width: 100px; height: 100px; border-radius: 5px; }
.collection_list .item .info { float: left; width: 220px; height: 100px; margin-top: 20px; }
.collection_list .item .info .bt { height: 25px; font-size: 22px; color: #333; font-weight: bold; overflow: hidden; line-height: 25px; width: 100%; margin-bottom: 20px; }
.collection_list .item .info p { height: 20px; line-height: 20px; font-size: 14px; color: #999; margin-top: 10px; }
.collection_list .item .info p span { color: #666; }
.collection_list .item .desc { width: 340px; overflow: hidden; height: 70px; line-height: 25px; font-size: 14px; color: #333; margin: 0 20px; }
.collection_list .item:hover { border-color: #fff; box-shadow: 2px 6px 8px #eee; }
.collection_list .item:hover .btn { display: block; }
.collection_list .item .btn { display: none; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); position: absolute; z-index: 2; top: 0; left: 0; }
.collection_list .item .btn p { text-align: center; font-size: 22px; color: #222; font-weight: bold; height: 40px; line-height: 40px; overflow: hidden; margin-top: 55px; }
.collection_list .item .btn .downloadbtn { display: block; margin: 10px auto; width: 40px; height: 40px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDdlY2I5My00NTg5LWQ5NGEtOWE5YS04MWZhYTA2NTQ1MjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM1NDVCOEZEN0U2MTFFQkE2RTBFM0M4NkUzRjQ1NDEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM1NDVCOEVEN0U2MTFFQkE2RTBFM0M4NkUzRjQ1NDEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZGRmZGQ0YTAtNGVjZC03ZjQxLThiMjctZDIwY2U4Y2I3OGY3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZmJhYTdkMDItOTU4OS1hYzQxLWE5N2ItNTZhYTc0YzJmNWJiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ARUMFQAAAg9JREFUeNrsmMsrRHEUx80YKwt5RU1YkIXyZkQISYpiJyKl7GxsJHsbGxtKSdkoC3+BYpSFCCWPMSxIpjxCmkGKGd9T59bpF7rXvWNmcU99ur977u/xnXPP7zHXkbG7lmDS0sEsSAXD4MpMZ84E8zYFekAbmDfbmRWCskS5IB4EhUT5OR4EWWq2IFuQLcgWZAsyKcgNkg22yY2WoEk+WlyAEuF3/FA/DRyAS7D0S70/CaLOJrh+JtgAtd/US+JrCthh4dS2D5RaKSgCtsQ9HcY2+Xou/GcsisTkC/8DCFj9yjqAT9wnghPQKXwkYg8UCt8nqAP3egZxGRD0BDxgGxSxL5vRTH0tr6CaIxeVWRbiAfw66gZBA0fR8CyrB80629CvrgKnv9QJgxqwr7PPCtCiCRrlBF0HIwYi5flB1BvPLp/Ovto57+jvzxwJGhMPxw1EN8iR8iu+RnBsoJ9+UR4iQXfC8Wgwp15AJVgGq6AM7BrsIyjKNy6elpp9/GH7IVG9JrYvOX447jfXSAw0RFRBLpOvzKy9Sz1OxeGOgaA8mU9OZYqSoNZ/FEPjdcv1jQTNKJUWlA0zWlbOi7FMmUUHfx/ygialAT044rxKtEhEmJOYvpJ0Kc+uQY4miD6pHPLhK1ZWTAHQpv0th9AbAyHHvC8eqeehAO+4g2CAs98VhbXJwaszBWEFTMuHXwIMAFydZwPpAZmqAAAAAElFTkSuQmCC) no-repeat; background-size: 100%; }

.art_content { width: 1200px; margin: 20px auto; overflow: hidden; }
.art_content .art_left { width: 820px; overflow: hidden; margin-right: 40px; }
.art_content .art_left .l_item { width: 780px; background: #fff; border-radius: 16px; overflow: hidden; padding: 20px; margin-right: 40px; margin-bottom: 20px; }
.art_content .art_left .l_item .title { line-height: 30px; height: 30px; }
.art_content .art_left .l_item .title span { font-size: 24px; color: #333; font-weight: bold; display: block; float: left; }
.art_content .art_left .l_item .title .more { float: right; font-size: 14px; color: #999; }
.art_content .art_left .l_item .game_list { margin-top: 0; width: 106%; }
.art_content .art_left .l_item .game_list li { margin: 20px 45px 0 0; }
.art_content .art_left .l_item .news_list { width: 111%; overflow: hidden; margin-top: 20px; }
.art_content .art_left .l_item .news_list li { height: 45px; line-height: 45px; border-bottom: 1px solid #eee; width: 350px; float: left; margin-right: 80px; }
.art_content .art_left .l_item .news_list li a { display: block; float: left; font-size: 15px; color: #333; width: 252px; height: 45px; overflow: hidden; }
.art_content .art_left .l_item .news_list li a:hover { color: #13ccbe; }
.art_content .art_left .l_item .news_list li span { color: #999; float: right; }
.art_content .art_left .art_head_cont h1 { display: block; height: 45px; line-height: 45px; font-size: 28px; color: #555; text-align: center; font-weight: bold; }
.art_content .art_left .art_head_cont p { font-size: 14px; color: #999; line-height: 30px; margin-top: 10px; text-align: center; }
.art_content .art_left .art_head_cont p span { display: inline-block; margin: 0 35px; }
.art_content .art_left .art_head_cont .line { height: 4px; width: 100%; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDdlY2I5My00NTg5LWQ5NGEtOWE5YS04MWZhYTA2NTQ1MjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUI2OEZEMTFEODA2MTFFQjkzQ0JCN0VFMEYyRDYyRkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUI2OEZEMTBEODA2MTFFQjkzQ0JCN0VFMEYyRDYyRkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YzEzNTgwNDctODY0Zi1lZjRkLTkyNjktMzM0ZGIwZWM5ZmFkIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MDFkN2IxODEtMzMyYy0zZjQwLWEzM2EtOGU0MjkxOGFkMGYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+3GBtWQAAADtJREFUeNpiePfu3XIgZgDiCCD+zwgkBBkYGHiA+CIQf2EBEh+AeA0QCwBxCBOQKARiJyDuB+J9AAEGAB8BFdo56I9mAAAAAElFTkSuQmCC") repeat-x; margin-top: 16px; }
.art_content .art_left .art_body { width: 100%; overflow: hidden; font-size: 15px; color: #555; line-height: 30px; margin: 20px 0; }
.art_content .art_left .art_body img, .art_content .art_left .art_body iframe, .art_content .art_left .art_body embed, .art_content .art_left .art_body video { margin: 5px auto; max-width: 100%; }
.art_content .art_left .art_body p { margin-top: 10px; }
.art_content .art_left .art_body h3 { width: 100%; height: 36px; line-height: 36px; margin: 15px auto; color: #fe6665; font-size: 18px; font-weight: bold; overflow: hidden; }
.art_content .art_left .artpager { overflow: hidden; }
.art_content .art_left .artpager a { display: block; height: 48px; line-height: 48px; width: 360px; padding: 0 10px; text-align: center; float: left; overflow: hidden; font-size: 15px; color: #666; background: #f7f7f7; }
.art_content .art_left .artpager a span:hover { color: #13ccbe; }
.art_content .art_left .artpager a + a { margin-left: 20px; }
.art_content .art_left .arttab { height: 48px; background: #f7f7f7; border-radius: 12px; line-height: 48px; }
.art_content .art_left .arttab a { display: block; float: left; margin: 0 30px 0 20px; font-size: 16px; color: #999; font-weight: bold; position: relative; }
.art_content .art_left .arttab .on, .art_content .art_left .arttab a:hover { color: #13ccbe; }
.art_content .art_left .arttab .on::before, .art_content .art_left .arttab a:hover::before { content: ''; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -15px; height: 4px; background: #13ccbe; border-radius: 4px; width: 30px; }
.art_content .art_list { overflow: hidden; width: 100%; }
.art_content .art_list li + li { border-top: 1px solid #ccc; }
.art_content .art_list li { width: 100%; overflow: hidden; height: 140px; padding: 30px 0; }
.art_content .art_list li .img { display: block; float: left; margin-right: 20px; }
.art_content .art_list li .img, .art_content .art_list li .img img { width: 280px; height: 140px; border-radius: 4px; }
.art_content .art_list li .info { float: left; overflow: hidden; width: 480px; }
.art_content .art_list li .info .bt { height: 25px; line-height: 25px; font-size: 20px; color: #222; width: 100%; overflow: hidden; display: block; }
.art_content .art_list li .info .bt:hover { color: #13ccbe; }
.art_content .art_list li .info .desc { overflow: hidden; height: 70px; line-height: 25px; font-size: 15px; color: #666; margin: 10px 0 15px; }
.art_content .art_list li .info p { overflow: hidden; width: 100%; height: 16px; line-height: 16px; color: #999; font-size: 14px; }
.art_content .art_list li .info p .time { padding-left: 20px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDdlY2I5My00NTg5LWQ5NGEtOWE5YS04MWZhYTA2NTQ1MjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzNEN0M5QUZEN0ZBMTFFQjkyNzdFMzY4QUJFMzE3MzUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzNEN0M5QUVEN0ZBMTFFQjkyNzdFMzY4QUJFMzE3MzUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Mjc4ZjJlM2UtODJjMS1lNTRlLTk2M2UtNmU5YjBiNzA5MTkxIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MmEwMjdmMzktMmFmYi05NTRhLTg5YjItYzY0MDRiYTMzMzFmIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+OqDzJQAAAVRJREFUeNp80z8ohVEYx/H3vhmtyp/JQko3LJQyKDJgsCBikMHNv41S5N/sX2QwkDKo65IkGQyU0lsiFrtSSskmLt9Tz1tPp/OeU5+6Pec9v/e+T89JRVEUWKsak+hGodS+kcMabvXDBdbhVUzI72OY9DzS6JHQA/S5Ak7Rjlksy0G9epHBJqpQZ4qhbG7I4VYsqsMzaFQhW6hBLU7igHKMYgGX1luX0G/VHjCATjSE8nfNmgvc68NR28en+ZxQvi0XJK+/hPqO6UPcg2tPwHtC/VE38dcTMKzmQa+8DqhPONyMYnzJcKXUXmUccCZ9cK0rFGEbK5hXe0N4MQHTkpzxNHFERjwrtTaUYNwEPOFQJizt6cWzzEApzuVOXMQ9MDN+Lw8MekI68Io3NNl3wcz2EXaxjj15q+l2hfSpDDdowY/rNnbJfZjCmLV3Jzc1q4v/AgwAbvJGGH+RTroAAAAASUVORK5CYII=") no-repeat left; background-size: auto 100%; }
.art_content .art_list li .info p .num { padding-left: 25px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDdlY2I5My00NTg5LWQ5NGEtOWE5YS04MWZhYTA2NTQ1MjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0I1MzQ2QTREN0ZBMTFFQkIyOENGQ0VERTQzM0U0OEQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0I1MzQ2QTNEN0ZBMTFFQkIyOENGQ0VERTQzM0U0OEQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDc5ZTkwNGItZWNjZS0wMDRjLWJiZmMtZjFmZmU0ZjBiNzc3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MmEwMjdmMzktMmFmYi05NTRhLTg5YjItYzY0MDRiYTMzMzFmIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+e5mpkQAAAbZJREFUeNqElM0rRFEYxu/cEZqNSPmKv4DkD1BIFBOZpib5mEmKSDaUjz01WUi+YhTDldI0SlMoiWR1y4aVpcVEycLngnjeeo6O2423ft2573nPc855z3PHY9u24RJZoBsEQQ3IZP4TnIEE2ADPzommi1gPC1dAA3gEp+AE3IFaMA+ewMB/ggtgjXkpzgOF3GUdKGGuF7yyfl0XyNB+L4M+kAIh8MK8iDWBD7ALLrmoHNkCYep06oIdFDsGfm2RbdCuvY+DGTDKBULsr8w/l03J0bLBFngD9drkKMUmQT4oYO9GeGQVbeAeLIFck31QAyp83MUBmAIPnDQEbjjZcIhKxEzeqjT4UCso5tNycUHC0XuJC7ohYLJPPtpBRZrPoIug3yVXJccFRyLYz2RSK5AbXgStPKaXZp8G5WDYIbjHZ8SkQaXJOWBfKxrk+xxv9B2MgVXmVGyCMvY8rXohvqqmp3ZoA/nMWkAz7SGCcdpDRYz+S9JOv5ob4RfSBRp5LItGT2l1Xi4gAkUUC6hBj8ufgwjNau9X4BZ8gVJQoY1NsK/GX4IGv9cwqXSMXbNvcc0NP/EtwAAHZWZkDwjbBgAAAABJRU5ErkJggg==") no-repeat left; background-size: auto 100%; }
.art_content .art_right { overflow: hidden; }
.art_content .art_right .r_item { background: #fff; border-radius: 16px; overflow: hidden; padding: 20px; width: 300px; margin-bottom: 20px; }
.art_content .art_right .r_item .title { line-height: 30px; height: 30px; }
.art_content .art_right .r_item .title span { font-size: 24px; color: #333; font-weight: bold; display: block; float: left; }
.art_content .art_right .r_item .title .more { float: right; font-size: 14px; color: #999; }
.art_content .art_right .gamelist { overflow: hidden; width: 107%; }
.art_content .art_right .gamelist li { width: 84px; height: 115px; float: left; overflow: hidden; margin: 20px 23px 0 0; }
.art_content .art_right .gamelist li .img, .art_content .art_right .gamelist li .img img { width: 84px; height: 84px; border-radius: 18px; }
.art_content .art_right .gamelist li p { height: 25px; line-height: 25px; font-size: 15px; color: #666; overflow: hidden; margin-top: 10px; }
.art_content .art_right .art_phb { overflow: hidden; }
.art_content .art_right .art_phb li { overflow: hidden; width: 100%; margin-top: 10px; }
.art_content .art_right .art_phb li .bt { display: block; width: 100%; background: #f7f7f7; border-radius: 3px; height: 40px; line-height: 40px; }
.art_content .art_right .art_phb li .bt i { display: block; width: 40px; margin: 0 5px; float: left; line-height: 40px; text-align: center; }
.art_content .art_right .art_phb li .bt p { width: 240px; height: 40px; overflow: hidden; float: left; }
.art_content .art_right .art_phb li .info { display: none; height: 150px; overflow: hidden; }
.art_content .art_right .art_phb li .info .img { position: relative; z-index: 1; height: 100%; display: block; }
.art_content .art_right .art_phb li .info .img, .art_content .art_right .art_phb li .info .img img { width: 100%; height: 150px; }
.art_content .art_right .art_phb li .info .img p { width: 280px; padding: 0 10px; background: rgba(0, 0, 0, 0.7); position: absolute; bottom: 0; left: 0; height: 40px; line-height: 40px; color: #fff; text-indent: 50px; }
.art_content .art_right .art_phb li .info .img p span { display: block; position: absolute; left: 10px; top: -6px; width: 28px; height: 28px; }
.art_content .art_right .art_phb li .info .img p span u { position: absolute; left: 0; top: 0; z-index: 2; width: 25px; height: 25px; text-align: center; line-height: 25px; text-indent: 0; text-decoration: none; color: #fff; font-size: 12px; }
.art_content .art_right .art_phb li .info .img p span i { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 24px; height: 24px; border-radius: 6px; transform: rotate(45deg); background: #f65354; }
.art_content .art_right .art_phb .on .bt { display: none; }
.art_content .art_right .art_phb .on .info { display: block; }
.art_content .art_right .about_gm { position: relative; width: 100%; }
.art_content .art_right .about_gm img { display: block; margin: 20px auto; width: 144px; height: 144px; border-radius: 30px; box-shadow: 0 4px 20px #ddd; position: relative; z-index: 2; }
.art_content .art_right .about_gm .bg { width: 340px; background: url(../images/shadow.png) no-repeat; background-size: 100%; height: 51px; position: absolute; left: -20px; top: 145px; }
.art_content .art_right .about_gm p { margin-top: 45px; width: 100%; text-align: center; line-height: 20px; overflow: hidden; font-size: 15px; color: #666; }

.download_list { width: 1200px; background: #fff; border-radius: 20px; margin: 20px auto; }
.download_list .download_tags { overflow: hidden; }
.download_list .download_tags a { display: block; float: left; width: 100px; height: 34px; border: 1px   solid #e6e2e1; border-radius: 8px; text-align: center; line-height: 34px; font-size: 15px; color: #333; margin: 18px 18px 0 0; transition: all .2s linear; }
.download_list .download_tags .on, .download_list .download_tags a:hover { background: #13ccbe; color: #fff; border-color: #13ccbe; font-weight: bold; }
.download_list .download_tab { height: 48px; background: #f7f7f7; border-radius: 12px; line-height: 48px; margin: 20px auto; }
.download_list .download_tab a { display: block; float: left; margin: 0 30px 0 20px; font-size: 16px; color: #999; font-weight: bold; position: relative; }
.download_list .download_tab .on, .download_list .download_tab a:hover { color: #13ccbe; }
.download_list .download_tab .on::before, .download_list .download_tab a:hover::before { content: ''; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -15px; height: 4px; background: #13ccbe; border-radius: 4px; width: 30px; }
.download_list .list { overflow: hidden; width: 102%; }
.download_list .list li { width: 178px; height: 298px; border: 1px solid #eee; border-top-left-radius: 12px; border-top-right-radius: 12px; display: block; float: left; margin: 10px 22px 20px 0; }
.download_list .list li:hover .btn { background: #13ccbe; color: #fff; }
.download_list .list li .img { display: block; margin: 20px auto; }
.download_list .list li .img, .download_list .list li .img img { width: 118px; height: 118px; border-radius: 18px; }
.download_list .list li .bt { display: block; text-align: center; font-size: 16px; color: #333; height: 30px; line-height: 30px; overflow: hidden; font-weight: bold; }
.download_list .list li p { height: 25px; line-height: 25px; font-size: 14px; color: #999; text-indent: 30px; }
.download_list .list li p span { color: #666; }
.download_list .list li .btn { margin-top: 20px; display: block; width: 100%; background: #eee; height: 44px; line-height: 44px; text-align: center; font-size: 14px; font-weight: bold; color: #999; transition: all .2s linear; }

.phbcontent { position: relative; }
.phbcontent .phb_banner { position: relative; z-index: 1; }
.phbcontent .phb_banner, .phbcontent .phb_banner img { display: block; width: 100%; height: 380px; }
.phbcontent .item { margin: -61px  14px 0; position: relative; z-index: 2; border: none; }
.phbcontent .item ul { border: 1px solid #e0e0e0; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }

.hjlist { width: 100%; overflow: hidden; margin-top: 20px; }
.hjlist a + a { margin-top: 30px; }
.hjlist a { display: block; width: 100%; height: 140px; overflow: hidden; position: relative; }
.hjlist a .img { display: block; position: relative; }
.hjlist a .img, .hjlist a .img img { width: 100%; border-radius: 6px; height: 140px; }
.hjlist a:hover .info { opacity: 1; }
.hjlist a .info { width: 100%; height: 70px; background: rgba(0, 0, 0, 0.5); position: absolute; top: 30px; z-index: 2; color: #fff; text-align: center; opacity: 0; transition: opacity .2s linear; }
.hjlist a .info p { line-height: 35px; margin-top: 5px; }
.hjlist a .info span { font-size: 14px; }
.hjlist a .info span i { color: #fe6665; font-weight: bold; }

.Phbitem { overflow: hidden; }
.Phbitem .phbleft { width: 280px; overflow: hidden; margin-top: 20px; }
.Phbitem .phbleft .phb_tab_wrap { width: 100%; }
.Phbitem .phbleft .phb_tab_wrap .tab_bd { width: 100%; overflow: hidden; }
.Phbitem .phbleft .phb_tab_wrap .tab_bd ul + ul { display: none; }
.Phbitem .phbleft .phb_tab_wrap .tab_bd ul { height: 980px; overflow: hidden; width: 100%; margin-bottom: 10px; }
.Phbitem .phbleft .phb_tab_wrap .tab_bd ul li { width: 100%; height: 80px; background: #f7f7f7; border-radius: 6px; text-align: center; line-height: 80px; margin-bottom: 20px; overflow: hidden; }
.Phbitem .phbleft .phb_tab_wrap .tab_bd ul li a { font-size: 18px; font-weight: bold; display: block; }
.Phbitem .phbleft .phb_tab_wrap .tab_bd ul .on, .Phbitem .phbleft .phb_tab_wrap .tab_bd ul li:hover { background: #13ccbe; }
.Phbitem .phbleft .phb_tab_wrap .tab_bd ul .on a, .Phbitem .phbleft .phb_tab_wrap .tab_bd ul li:hover a { color: #fff; }
.Phbitem .phbleft .phb_tab_wrap .tab_hd { overflow: hidden; width: 100%; height: 120px; margin-bottom: 20px; user-select: none; }
.Phbitem .phbleft .phb_tab_wrap .tab_hd span i { display: inline-block; width: 38px; height: 38px; border: 1px solid #ccc; border-radius: 3px; text-align: center; line-height: 38px; margin: 10px 12px; cursor: pointer; }
.Phbitem .phbleft .phb_tab_wrap .tab_hd span .on { background: #13ccbe; color: #fff; border-color: #13ccbe; }
.Phbitem .phbleft .phb_tab_wrap .tab_hd .lis i:nth-child(6) ~ i { display: none; }
.Phbitem .phbleft .phb_tab_wrap .tab_hd .btn { font-weight: bold; color: #ababab; font-family: serif; }
.Phbitem .phbleft .phb_tab_wrap .tab_hd .btn i:hover { color: #333; }
.Phbitem .phbright { width: 840px; min-height: 1200px; margin-top: 20px; float: right; border: 1px solid #eee; border-radius: 12px; overflow: hidden; }
.Phbitem .phbright .item { display: none; }
.Phbitem .phbright .item .list + .list { display: none; }
.Phbitem .phbright .item .list { overflow: hidden; }
.Phbitem .phbright .item .list .desc { background: #f7f7f7; padding: 14px 20px; }
.Phbitem .phbright .item .list .desc span { display: block; height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; font-weight: bold; color: #222; }
.Phbitem .phbright .item .list .desc p { color: #333; line-height: 25px; font-size: 15px; margin-top: 12px; height: 75px; overflow: hidden; }
.Phbitem .phbright .item .list ul { overflow: hidden; margin: 0 20px; }
.Phbitem .phbright .item .list ul li { height: 100px; overflow: hidden; padding: 28.5px 0; border-bottom: 1px solid #eee; }
.Phbitem .phbright .item .list ul li .num { float: left; width: 28px; height: 28px; text-align: center; position: relative; margin: 38px 15px 0; }
.Phbitem .phbright .item .list ul li .num i { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 24px; height: 24px; border-radius: 6px; background: #fe6665; transform: rotate(45deg); }
.Phbitem .phbright .item .list ul li .num u { position: absolute; left: 0; top: 0; z-index: 2; width: 25px; height: 25px; line-height: 25px; text-decoration: none; color: #fff; font-size: 12px; }
.Phbitem .phbright .item .list ul li .img { display: block; float: left; margin-right: 20px; }
.Phbitem .phbright .item .list ul li .img, .Phbitem .phbright .item .list ul li .img img { width: 100px; height: 100px; border-radius: 20px; }
.Phbitem .phbright .item .list ul li .info { float: left; width: 470px; height: 100px; overflow: hidden; }
.Phbitem .phbright .item .list ul li .info .bt { display: block; width: 100%; height: 25px; line-height: 25px; font-size: 18px; color: #222; font-weight: bold; overflow: hidden; }
.Phbitem .phbright .item .list ul li .info .bt:hover { color: #13ccbe; }
.Phbitem .phbright .item .list ul li .info p, .Phbitem .phbright .item .list ul li .info .tags { font-size: 15px; color: #333; line-height: 20px; height: 20px; width: 100%; overflow: hidden; margin-top: 16px; }
.Phbitem .phbright .item .list ul li .info .tags span { color: #999; margin-right: 20px; }
.Phbitem .phbright .item .list ul li .info .tags span i { color: #666; }
.Phbitem .phbright .item .list ul li .btn { display: block; float: right; width: 136px; height: 48px; text-align: center; line-height: 48px; background: #eee; font-size: 15px; font-weight: bold; color: #666; border-radius: 30px; }
.Phbitem .phbright .item .list ul li .btn:hover { background: #13ccbe; color: #fff; }
.Phbitem .phbright .item .list ul li + li + li + li .num i { background: #ccc; }
.Phbitem .phbright .item .list .infobtn { display: block; margin: 30px auto; width: 240px; height: 52px; text-align: center; line-height: 52px; background: #13ccbe; font-size: 15px; font-weight: bold; color: #fff; border-radius: 30px; }
.Phbitem .phbright .item .list .infobtn:hover { opacity: .8; }
.Phbitem .phbright .item.on { display: block; }

.php_detail_wrap h1 { font-size: 22px; color: #222; line-height: 30px; }
.php_detail_wrap .desc { line-height: 25px; font-size: 16px; color: #333; margin: 15px 0; }
.php_detail_wrap p { font-size: 14px; color: #999; }
.php_detail_wrap p span { margin-right: 50px; }
.php_detail_wrap p u { color: #fe6665; font-weight: bold; text-decoration: none; }
.php_detail_wrap p i { color: #666; }

.phb_list { overflow: hidden; margin: 0 20px; }
.phb_list li { height: 125px; overflow: hidden; padding: 28.5px 0; border-bottom: 1px solid #eee; }
.phb_list li .num { float: left; width: 28px; height: 28px; text-align: center; position: relative; margin: 38px 15px 0; }
.phb_list li .num i { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 24px; height: 24px; border-radius: 6px; background: #fe6665; transform: rotate(45deg); }
.phb_list li .num u { position: absolute; left: 0; top: 0; z-index: 2; width: 25px; height: 25px; line-height: 25px; text-decoration: none; color: #fff; font-size: 12px; }
.phb_list li .img { display: block; float: left; margin-right: 20px; width: 100px; height: 130px; border-radius: 20px; }
.phb_list li .img p { width: 100%; text-align: center; line-height: 20px; overflow: hidden; height: 20px; margin-top: 10px; }
.phb_list li .img img { width: 100px; border-radius: 20px; }
.phb_list li .info { float: left; width: 770px; height: 100px; overflow: hidden; }
.phb_list li .info p, .phb_list li .info .tags { font-size: 15px; color: #333; line-height: 20px; height: 20px; width: 100%; overflow: hidden; }
.phb_list li .info p { height: 75px; line-height: 25px; }
.phb_list li .info .tags { margin-top: 5px; }
.phb_list li .info .tags span { color: #999; margin-right: 20px; }
.phb_list li .info .tags span i { color: #666; }
.phb_list li .btn { display: block; float: right; width: 136px; height: 48px; text-align: center; line-height: 48px; background: #eee; font-size: 15px; font-weight: bold; color: #666; border-radius: 30px; }
.phb_list li .btn:hover { background: #13ccbe; color: #fff; }
.phb_list li + li + li + li .num i { background: #ccc; }

.r_item .Ritemph { overflow: hidden; margin-top: 20px; }
.r_item .Ritemph a { display: block; float: left; width: 33.333%; text-align:center}
.r_item .Ritemph a img { display:block; width: 80px; height: 80px; margin:0 auto 10px; border-radius: 12px; }
.r_item .Ritemph a p { width: 100%; line-height: 25px; text-align: center; height: 25px; margin-top: 5px; overflow: hidden; }
.r_item .Ritemph a p:hover { color: #13ccbe; }
.r_item .Ritemph a + a { margin-left: 20px; }
.r_item .Ritemph .M { width: 100px; margin-top: 0; }
.r_item .Ritemph .M .img, .r_item .Ritemph .M .img img { width: 100px; height: 100px; border-radius: 18px; }
.r_item .Rags { width: 106%; overflow: hidden; }
.r_item .Rags a { display: block; float: left; border: 1px solid #ccc; border-radius: 6px; font-size: 15px; height: 34px; line-height: 34px; color: #666; padding: 0 12px; margin: 20px 20px 0 0; }
.r_item .Rags a:hover { background: #13ccbe; color: #fff; border-color: #13ccbe; }
.r_item .R_phlist { overflow: hidden; margin: 20px 0 0 -20px; width: 340px; }
.r_item .R_phlist li { padding: 20px; overflow: hidden; display: block; border-bottom: 1px solid transparent; }
.r_item .R_phlist li .num { float: left; width: 28px; height: 28px; text-align: center; position: relative; margin-right: 12px; }
.r_item .R_phlist li .num i { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 24px; height: 24px; border-radius: 6px; background: #fe6665; transform: rotate(45deg); }
.r_item .R_phlist li .num u { position: absolute; left: 0; top: 0; z-index: 2; width: 25px; height: 25px; line-height: 25px; text-decoration: none; color: #fff; }
.r_item .R_phlist li .bt { display: block; float: left; width: 260px; height: 28px; line-height: 28px; overflow: hidden; font-size: 15px; color: #333; }
.r_item .R_phlist li .bt:hover { color: #13ccbe; }
.r_item .R_phlist li .info { display: none; width: 260px; position: relative; float: left; }
.r_item .R_phlist li .info .img { float: left; margin-right: 16px; }
.r_item .R_phlist li .info .img, .r_item .R_phlist li .info .img img { display: block; width: 65px; height: 65px; }
.r_item .R_phlist li .info .txt { width: 100px; float: left; }
.r_item .R_phlist li .info .txt .txt_bt { width: 100px; overflow: hidden; height: 20px; font-size: 14px; color: #333; display: block; line-height: 20px; }
.r_item .R_phlist li .info .txt p { font-size: 12px; height: 18px; line-height: 18px; margin-top: 5px; color: #999; }
.r_item .R_phlist li .info .txt p span { color: #666; }
.r_item .R_phlist li .info .btn { position: absolute; right: 0; top: 30px; width: 63px; text-align: center; height: 30px; line-height: 30px; background: #13ccbe; color: #fff; border-radius: 3px; font-size: 13px; font-weight: bold; }
.r_item .R_phlist li .info .btn:hover { opacity: .8; }
.r_item .R_phlist li + li + li + li .num i { background: #ccc; }
.r_item .R_phlist .on { background: #f7f7f7; border-bottom: 1px solid #eee; }
.r_item .R_phlist .on .num { margin-top: 20px; }
.r_item .R_phlist .on .bt { display: none; }
.r_item .R_phlist .on .info { display: block; }

.Gamedesc { width: 100%; overflow: hidden; font-size: 15px; color: #555; line-height: 30px; margin: 20px 0; }
.Gamedesc img, .Gamedesc iframe, .Gamedesc embed, .Gamedesc video { margin: 5px auto; max-width: 100%; }
.Gamedesc p { margin-top: 10px; }
.Gamedesc h3 { width: 100%; height: 36px; line-height: 36px; margin: 15px auto; color: #fe6665; font-size: 18px; font-weight: bold; overflow: hidden; }

.about_hj .tab_hd { float: left; margin-top: 5px; width: 680px; }
.about_hj .tab_hd i { font-size: 15px; color: #888; font-weight: bold; margin: 0 20px; cursor: pointer; }
.about_hj .tab_hd .on { color: #13ccbe; }
.about_hj .tab_bd { overflow: hidden; width: 100%; margin-top: 20px; }
.about_hj .tab_bd .item + .item { display: none; }
.about_hj .tab_bd .item .hjhd { background: #f7f7f7; height: 125px; padding: 20px; border-radius: 20px; margin-bottom: 20px; }
.about_hj .tab_bd .item .hjhd img { width: 200px; height: 125px; display: block; float: left; margin-right: 20px; border-radius: 12px; }
.about_hj .tab_bd .item .hjhd .info { width: 520px; float: left; overflow: hidden; }
.about_hj .tab_bd .item .hjhd .info .bt { display: block; height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; color: #222; overflow: hidden; }
.about_hj .tab_bd .item .hjhd .info p { height: 75px; line-height: 25px; margin-top: 15px; color: #888; font-size: 15px; overflow: hidden; width: 100%; }
.about_hj .list { width: 103%; }
.about_hj .list a { display: block; float: left; width: 244px; height: 104px; border-radius: 6px; border: 1px solid #e0e0e0; margin: 20px 20px 5px 0; }
.about_hj .list a img { display: block; float: left; width: 64px; height: 64px; border-radius: 6px; margin: 20px; }
.about_hj .list a .info { width: 90px; float: left; overflow: hidden; margin-top: 20px; }
.about_hj .list a .info p { height: 20px; line-height: 20px; overflow: hidden; width: 100%; font-size: 16px; color: #333; margin-bottom: 4px; }
.about_hj .list a .info span { display: block; color: #999; font-size: 12px; width: 100%; height: 20px; margin-top: 2px; }
.about_hj .list a .btn { display: block; float: right; width: 20px; height: 20px; margin: 40px 20px 0 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDdlY2I5My00NTg5LWQ5NGEtOWE5YS04MWZhYTA2NTQ1MjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM1NDVCOEZEN0U2MTFFQkE2RTBFM0M4NkUzRjQ1NDEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM1NDVCOEVEN0U2MTFFQkE2RTBFM0M4NkUzRjQ1NDEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZGRmZGQ0YTAtNGVjZC03ZjQxLThiMjctZDIwY2U4Y2I3OGY3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZmJhYTdkMDItOTU4OS1hYzQxLWE5N2ItNTZhYTc0YzJmNWJiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ARUMFQAAAg9JREFUeNrsmMsrRHEUx80YKwt5RU1YkIXyZkQISYpiJyKl7GxsJHsbGxtKSdkoC3+BYpSFCCWPMSxIpjxCmkGKGd9T59bpF7rXvWNmcU99ur977u/xnXPP7zHXkbG7lmDS0sEsSAXD4MpMZ84E8zYFekAbmDfbmRWCskS5IB4EhUT5OR4EWWq2IFuQLcgWZAsyKcgNkg22yY2WoEk+WlyAEuF3/FA/DRyAS7D0S70/CaLOJrh+JtgAtd/US+JrCthh4dS2D5RaKSgCtsQ9HcY2+Xou/GcsisTkC/8DCFj9yjqAT9wnghPQKXwkYg8UCt8nqAP3egZxGRD0BDxgGxSxL5vRTH0tr6CaIxeVWRbiAfw66gZBA0fR8CyrB80629CvrgKnv9QJgxqwr7PPCtCiCRrlBF0HIwYi5flB1BvPLp/Ovto57+jvzxwJGhMPxw1EN8iR8iu+RnBsoJ9+UR4iQXfC8Wgwp15AJVgGq6AM7BrsIyjKNy6elpp9/GH7IVG9JrYvOX447jfXSAw0RFRBLpOvzKy9Sz1OxeGOgaA8mU9OZYqSoNZ/FEPjdcv1jQTNKJUWlA0zWlbOi7FMmUUHfx/ygialAT044rxKtEhEmJOYvpJ0Kc+uQY4miD6pHPLhK1ZWTAHQpv0th9AbAyHHvC8eqeehAO+4g2CAs98VhbXJwaszBWEFTMuHXwIMAFydZwPpAZmqAAAAAElFTkSuQmCC) no-repeat; background-size: 100%; filter: grayscale(100%); filter: gray; }
.about_hj .list a:hover .info p { color: #13ccbe; }
.about_hj .list a:hover .btn { filter: none; filter: none; }

.game_details .gm_l { width: 136px; }
.game_details .gm_l img { width: 100%; height: 136px; display: block; border-radius: 18px; }
.game_details .gm_l .btn { width: 136px; height: 48px; border-radius: 4px; background: #ddd; color: #fff; font-size: 14px; line-height: 48px; display: block; margin: 20px auto 0; text-align: center; font-weight: bold; box-shadow: 4px 2px 8px #ddd; }
.game_details .gm_l .btn:hover { opacity: .88; }
.game_details .gm_l .btn i { display: inline-block; width: 16px; height: 20px; margin: -2px 8px 0 0; vertical-align: middle; }
.game_details .gm_l .az { background: linear-gradient(155deg, #52bf51, #69de66); }
.game_details .gm_l .az i { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDdlY2I5My00NTg5LWQ5NGEtOWE5YS04MWZhYTA2NTQ1MjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzA5MTRBODdEOEI5MTFFQkJDREFDMjE1MUQ0QzFBRjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzA5MTRBODZEOEI5MTFFQkJDREFDMjE1MUQ0QzFBRjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YThlYzUxZjItNWIwMS1hMDQxLWExM2UtMDJiN2ZiYWFlMTBiIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NmI5MTE5OGEtZWYzMS00MTQwLWIxMDUtYThkNGQxNTlkNWVkIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ByMSUQAAAVdJREFUeNqk1L9Lw0AUwPFrav2BHcRFgoNOugouToKbg6BOrh2kk7uof4KDi/+DUhB0FvwDRBEH0cFB7aBWEatSrFbO74UXuF5Se8UHH+6au7y8vKRRWmvlyGMp5bgxLZqOd6lkfOAVpyhjHO94wj2WE2ekXG0GF6jqZNxiyz3HTRDK5hdMomYlWEVR5ht/JSlp/xho1ZNdHCKDfrxZa30IUJO5jhdMklksYA3PGMOPrA+mNL5Xxm+sRI2nnEspr4DtDm5nPp6Y8upWVQ/KL6rI4lPJPdat8jKeScy+hoiSBOqfEUgFJnJ2x9uElv25OEm3LDSshO0iK4+/J27mOuZwgE3PJHlcoxi9Es4be9zBI56Iz3ObuoMvj0rOpJKW/+Ih7MnVjjCKRauCKZ/vyaN8N5R8V26s5ps4SXvEaTEiYyjjsLUW+ibZRwUl+X2FO5xLpU3xK8AAoo/MqmXiFHoAAAAASUVORK5CYII=") no-repeat; background-size: 100%; }
.game_details .gm_l .ios { background: linear-gradient(155deg, #3cb1eb, #3ccdeb); }
.game_details .gm_l .ios i { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDdlY2I5My00NTg5LWQ5NGEtOWE5YS04MWZhYTA2NTQ1MjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzhCNTc2NjFEOEI5MTFFQjgxNTc5M0YxQzVBNDBGNkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzhCNTc2NjBEOEI5MTFFQjgxNTc5M0YxQzVBNDBGNkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YjczMTE5ZTgtNDgxNC1mZjRiLWIxNTktNTZlM2IwMWM4Yzc1IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NmI5MTE5OGEtZWYzMS00MTQwLWIxMDUtYThkNGQxNTlkNWVkIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bv+kiAAAAQlJREFUeNpi+P//PwOROB6ITwCxCrI4sZrb/yMAM6kG2CFpnoIuT4wBB6Car2GTZ2FABWpArA/E34B4K1TsHBAfBuJaIBYHYiUgfgrEj8CySKZN+Y8KzgNxIhArALEZEK9EkvsLxIuBWAymefp/8sAVRiChC3TIJQbSwR8gDqbE9iJYLJwlQ/N3IOYBGcAEdIYMGc5/CcRfQAwmqF9IBcJAzAYz4CEZBvCAAxBqADkxAAL9QCwCMmA1mQaAUuUpRnBUMDA8A2JJckxhgtJlZLriGswFIHALiFVJNEAHOTNpkJiYykD6kF0AAnZAPBmauG4D8Xqoy3iB2BOIHYGYEYgnAHE7SANAgAEAuzMa9ZsFO8IAAAAASUVORK5CYII=") no-repeat; background-size: 100%; }
.game_details .gm_m { margin: 0 30px; overflow: hidden; width: 410px; }
.game_details .gm_m h1 { height: 42px; line-height: 42px; font-size: 24px; color: #333; font-weight: bold; overflow: hidden; width: 100%; margin-bottom: 5px; }
.game_details .gm_m .desc { height: 36px; line-height: 36px; overflow: hidden; font-size: 15px; color: #fe6665; }
.game_details .gm_m ul { overflow: hidden; margin-top: 25px; }
.game_details .gm_m ul li { width: 50%; float: left; height: 35px; line-height: 35px; font-size: 15px; color: #999; }
.game_details .gm_m ul li span { color: #333; }
.game_details .gm_m .about { width: 100%; height: 30px; margin-top: 20px; overflow: hidden; font-size: 16px; color: #999; }
.game_details .gm_m .about .tag { display: inline-block; padding: 0 12px; height: 28px; line-height: 28px; border: 1px solid #999; color: #999; border-radius: 4px; margin-right: 6px; }
.game_details .gm_r { width: 170px; }
.game_details .gm_r .ewm { border: 1px solid #eee; display: block; width: 164px; height: 164px; margin: 0 auto 10px; }
.game_details .gm_r .ewm img { width: 146px; height: 146px; display: block; margin: 11px auto; }
.game_details .gm_r p { width: 100%; text-align: center; font-size: 15px; color: #999; }
.game_details .gm_r .score { width: 164px; height: 48px; background: #f0f0f0; border-radius: 6px; text-align: center; line-height: 48px; margin-top: 20px; font-size: 15px; color: #999; }
.game_details .gm_r .score span { font-weight: bold; margin: 0 2px; color: #fe6665; }
.game_details .gm_r .score span i { font-size: 20px; }

.xzd-slide { width: 780px; height: 330px; margin-top: 20px; position: relative; float: left; overflow: hidden; margin-bottom: 10px; }
.xzd-slide .hd { position: absolute; top: 0; left: 0; overflow: hidden; *zoom: 1; z-index: 2; width: 100%; height: 100%; }
.xzd-slide .hd .prev:hover { opacity: 8; }
.xzd-slide .hd .next:hover { opacity: 8; }
.xzd-slide .hd .prev { opacity: .4; position: absolute; top: 0; left: 0; width: 40px; height: 100%; margin-top: 0; border-radius: 8px; background: rgba(0, 0, 0, 0.6); cursor: pointer; }
.xzd-slide .hd .prev i { display: block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDdlY2I5My00NTg5LWQ5NGEtOWE5YS04MWZhYTA2NTQ1MjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjdGNUFBQkVEOEJFMTFFQjk4QjM4NDQ0RDJBNUQyRDciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjdGNUFBQkREOEJFMTFFQjk4QjM4NDQ0RDJBNUQyRDciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OWEzMWU1ZjgtOGFmZS0wZTRkLTkwMTYtZGE2MmVjYjMyOTk1IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NmI5MTE5OGEtZWYzMS00MTQwLWIxMDUtYThkNGQxNTlkNWVkIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+X9QzIQAAAUBJREFUeNqclE1qAkEQRmfibzQHEFzGkE1AJSfIHSRLEQlIELPMGQLZJZEEPYN38AIGoi48gbtAUBEkyvgVODAMXTVdXfCYmZ7uR3dV0X4QBJ4yGmAA0pGxFCiAF4+ECu4DPkbA18iaguwtnGcrawuy9+hcG1lLkPXj85NkHUH2ZVrjKutz6zjZoyAbSKcyDT4IsmFSzuMDXUH2adMR0Y+eIPuw7dfw5ck1Zybhs0s1JaGqz2yEW4Ps1UVGnOHKOTdcUWXgew7hw7rBs2j4Nwd1sNcIaYd34GD4dwMmIKva4unst2DPFOcHZLV9SFTBPyOdgJxWSNTAipF+gwutkLgGO0Y6A0WtMDz+WshpXiskrqilGOmUkyYlmaR/jHQBMlohcSlI6fhprTAs1C8jXYKyVkhUTlVexaAYgxLNOwowAJQNTKAwPj0oAAAAAElFTkSuQmCC") no-repeat center; height: 34px; width: 20px; margin: 145px auto 0; }
.xzd-slide .hd .next { opacity: .4; position: absolute; top: 0; right: 0; width: 40px; height: 100%; margin-top: 0; border-radius: 8px; background: rgba(0, 0, 0, 0.6); cursor: pointer; }
.xzd-slide .hd .next i { display: block; height: 34px; width: 20px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDdlY2I5My00NTg5LWQ5NGEtOWE5YS04MWZhYTA2NTQ1MjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUZENDA0OTBEOEJFMTFFQjlEOUNENTFDMjIxMERFRjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUZENDA0OEZEOEJFMTFFQjlEOUNENTFDMjIxMERFRjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YTE0YWJmMjgtNTM4MC00ODQ2LWJiNTQtNjdlOWVlOGQ1OTZkIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NmI5MTE5OGEtZWYzMS00MTQwLWIxMDUtYThkNGQxNTlkNWVkIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DZk+wwAAAUtJREFUeNpi/P//fxgDA0MZEP8C4j8MqGA2EC9mIAEwAg0E0YVAHI1DzSQgXkSqgSAQC8T5ONRNBeL5xBjIhMQGeW0iDnXZQJxCqoEwQyfhUJsBxKmkGsgADa+pONSnA3EWqQYyQMNrMg65JHyGMuGxbCEQT8NjaB6pBoLAPCCegUMuDhquOJMNPoDPm4uQI5KJyPQ6D09EgVxaQKqBsIjCFaYx0NxGtJfRXZSHQ245OQbiDVNyDQSBQCCuRhP7zsRAPpDDIsbOQqZhE4DYhpyEjQ304TIMCEqZyDDMDodcMRAfJMXLoNxghUMOlIyOkeLliXgMK4QZBgIsFLoMlBZPkRIphFx2Cl2QhUyXZQLxaWwSuAwEFQJmeKqBs6SU2BPINQzdhezQloIWFnX/gDgNiC8QikGYgdxAXAk17Buamo9AXEuMYSAAEGAAf5BMUjSo3mYAAAAASUVORK5CYII=") no-repeat; margin: 145px auto 0; }
.xzd-slide .bd { position: relative; height: 100%; z-index: 0; }
.xzd-slide .bd li { width: 220px; zoom: 1; vertical-align: middle; position: relative; }
.xzd-slide .bd li img { width: 200px; height: 330px; display: block; }

.xzd_slide_w .bd li { width: 600px; margin-right: 20px; }

.xzd_slide_w .bd li img { width: 600px; }


#qrcode { display:block; width: 132px; height:132px; margin: 16px auto 0;}

/*# sourceMappingURL=main.css.map */