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%;
    background-color: #888;
}

.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;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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 li{
    float: left;
}

.download_list .download_tab .on,
.download_list .download_tab .current-menu-item a,
.download_list .download_tab a:hover {
    color: #13ccbe;
}

.download_list .download_tab .on::before,
.download_list .download_tab .current-menu-item a::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: 80px;
    margin-top: 50px;
}

.r_item .Ritemph a .img,
.r_item .Ritemph a .img img {
    width: 80px;
    height: 80px;
    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 .no {
    background: linear-gradient(155deg, #dadbda, #afafaf);
    cursor: not-allowed;
}

.game_details .gm_l .az i,.game_details .gm_l .no 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 canvas {
    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 img{
    margin-top: -3px;
}



.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: 0;
    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;
    width: 700px;
    margin-left: 40px;
    overflow: hidden;

}

.xzd-slide .bd li {
    width: 220px;
    zoom: 1;
    vertical-align: middle;
    position: relative;
    float: left;
}

.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;
}

.index_link {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    background: #1a1a1a;
    padding: 0 0 12px 0;
    font-size: 14px;
}

.index_link .index_link_txt {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.index_link .index_link_tit {
    width: 1200px;
    height: 24px;
    float: left;
    overflow: hidden;
    line-height: 24px;
    padding: 14px 0 0 0;
}

.index_link .index_link_tit span {
    float: left;
    font-size: 12px;
    color: #848484;
}

.index_link .index_link_tit span em {
    font-size: 18px;
    color: #ff9600;
    padding: 0 5px 0 0;
}

.index_link .index_link_tit a {
    float: right;
    color: #848484;
}

.index_link .index_link_nei {
    width: 1160px;
    height: auto;
    float: left;
    overflow: hidden;
    line-height: 26px;
    padding: 8px 0 0 0;
}

.index_link .index_link_nei a {
    color: #979797;
    padding: 0 8px 0 0;
}

.index_link .index_link_nei a:hover {
    text-decoration: underline;
    color: #ff0000 !important;
}

.Gamedesc img , .art_body img{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

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