.main .index-pop {width: 100%;margin: 20px 0;display: flex;justify-content: space-between;}
.index-pop .sell {padding: 10px;background-color: #931b2a;border-radius: 5px;cursor:pointer;}
.index h2 {font-size: 24px;font-weight: bold;}
.p-gamelist ul {display: flex;align-items: center;justify-content: space-between;flex-flow: wrap;}
.p-gamelist ul li {margin: 20px 0;}
.gamelist-ul .box {position: relative;}
.gamelist-ul .box .titname {position: absolute;top: 40px;left: 20px;}
.gamelist-ul .img img {width: 100%;}
.titname img {vertical-align: middle;margin-right: 5px;}
.titname span{font-size:20px;font-weight: bold;}
.gamelist-ul .text {width: 100%;height: 100%;position: absolute;top: 0;opacity: 0;-webkit-transition: linear .3s;transition: linear .3s;-webkit-transform: scale(0);transform: scale(0);-ms-transform: scale(0);}
.gamelist-ul .titname p {color: #A5A5A6;width: 65%;line-height: 24px;margin-top: 15px;}
.gamelist-ul .box:hover .titname {opacity: 0;-webkit-transform: scale(0);transform: scale(0);-ms-transform: scale(0);-webkit-transition: linear .3s;transition: linear .3s;}
.gamelist-ul .box:hover .text {opacity: 1;-webkit-transform: scale(1);transform: scale(1);-ms-transform: scale(1);background: rgba(130,33,46,0.7);}
.gamelist-ul .box:hover .img {opacity: .3;}
.text .text-bot {position: absolute;top: 40px;left: 20px;}
.text-bot img {vertical-align: middle;margin-right: 5px;}
.text-bot span {font-size: 20px;font-weight: bold;}
.gamelist-ul .text-bot p {color: #A5A5A6;width: 65%;line-height: 24px;margin-top: 15px;}
.index-trust {margin-top: 30px;display:flex;flex-wrap:wrap;}
.index-trust .reviews {width: 300px;background-color: #171E25;padding: 10px;margin-right: 20px;border-radius: 5px;}
.reviews .box {width: 100%;height: 100%;padding: 10px;background-color: #232C34;border-radius: 5px;}
.reviews .img span {font-size: 20px;font-weight: bold;}
.reviews .img img {vertical-align: text-bottom;}
.reviews .box .img {text-align: center;}
.index-trust .text {background: url(/images/diablo.jpg) no-repeat;width: 73%;height: 400px;background-size:100% 100%;}
.text .content {padding: 50px 0;}
.text .content img {padding: 20px;}
.text .content p {padding: 20px 70px;font-size: 16px;line-height: 34px;}
.content p strong {color: #d9bf66;}
.reviews .box .five-star {padding: 10px;}
.revies-item p {color: #A5A5A6;padding: 20px 0;}
.revies-item {margin: 20px 10px;border-top: 1px solid #666;}
.revies-item .tit {display: inline-block;max-width: calc(100% - 19px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index .index-hsales {margin-top: 50px;}

/*index news*/
.index .index-news {margin-top: 50px;}
.index-news .news {display: flex;}
.index-news .news-left {width: 70%;margin: 0 18px 0 0;}
.news-left .news-content {display: flex;padding: 10px 0;height: 270px;overflow: hidden;margin-bottom: 12px;}
.news-content img{position:absolute;top:50%;left:50%;width:auto;height:auto;max-width:100%;max-height:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.news-left .text .title {height: 26px;font-size: 16px;padding: 10px 0;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news-content .details p {line-height: 25px;overflow: hidden;height: 165px;text-overflow: ellipsis;-webkit-line-clamp: 6;display: -webkit-box;-webkit-box-orient: vertical;padding: 10px 0;color: #A5A5A6;}
.news-content .date {padding: 10px 0;color: #A5A5A6;}
.news .news-right {width: 400px;padding-left: 15px;padding-top: 15px;}
.news-side{height:370px;margin-bottom:20px}
.news-side .title {font-size: 16px;font-weight: bold;padding: 20px 10px;width: calc(100% - 15px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-content .text {overflow: hidden;}
.news-side .details{margin:10px;height:auto}
.news-side .img {width: 100%;position: relative;}
.news-side .content {padding: 0 10px;color: #A5A5A6;height: 50px;line-height: 25px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.news-side .date {padding: 10px;color: #A5A5A6;}
.news-side .img img {width: 100%;}
.news-side .news-tag {width: auto;max-width: 70%;height: 30px;position: absolute;bottom: 20px;left: 15px;background: #5F1924;border-radius: 3px;font-size: 14px;text-transform: uppercase;padding: 9px 10px;text-align: center;white-space: nowrap;overflow: hidden;}
.news-side .img a:hover {color: #fff;}
.news-content>a{display: block;min-width:270px;margin-right:10px;height:220px;overflow:hidden;position: relative;}
.element-item {position: relative;float: left;height: auto;min-width: 326px;width:99%!important;border: 1px solid #000;border-radius: 3px;box-shadow: inset 0 0 10px 0 rgb(0 0 0 / 70%), 0 0 0 1px rgb(255 255 255 / 5%);color: #84b7ff;text-align: center;font-size: 14px;cursor: auto;-webkit-user-select: text;-moz-select: text;-ms-select: text;user-select: text;word-break: break-word;}
.element-item {position: relative;float: left;min-width: 326px;height: auto;border: 1px solid #000;border-radius: 3px;box-shadow: inset 0 0 10px 0 rgb(0 0 0 / 70%), 0 0 0 1px rgb(255 255 255 / 5%);color: #84b7ff;text-align: center;font-size: 14px;cursor: auto;-webkit-user-select: text;-moz-select: text;-ms-select: text;user-select: text;word-break: break-word;}
.news-side .img a{display:block;position:relative;height:200px;}
.news-side .img img{width:100%;position:absolute;top:50%;left:50%;width:auto;height:auto;max-width:100%;max-height:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.sub_box{ width:358px; height:174px; float:left; position:relative; overflow:hidden;}
.sub_box img{border:none; width:358px; height:174px;}
#bd1lfimg{position:relative; width:358px; height:174px; overflow:hidden;}
#bd1lfimg div{width:100000px; margin-left:-4px;}
#bd1lfimg dl{width:358px; height:174px; position:relative; overflow:hidden; float:left;}
#bd1lfimg dt{width:358px; height:174px; position:absolute; left:0px; top:0px;}
#bd1lfimg dd{width:358px; height:20px; background:#000000; filter:alpha(Opacity=50); Opacity:0.6; position:absolute; left:0px; bottom:0px; padding:0 10px;}
.img_name {height:20px; padding:1px 0 4px 0; line-height:20px; overflow:hidden;}
.img_name a{font-size:12px; font-weight:bold; color:#BBA36B;}
#bd1lfimg dd a{color:#BBA36B; text-decoration:none;}
#bd1lfimg dd a:hover{text-decoration:none; color:#cccccc;}
#bd1lfimg dd tt{color:#dddddd; line-height:1.2em;}
#bd1lfimg dd tt a:hover{text-decoration:underline;}
.sub_nav{width:358px; height:20px; bottom:0px; position:absolute; color:#999999; z-index:200;}
.sub_no{height:20px; float:right;}
.sub_no li{display:block; width:20px; height:20px; float:left; overflow:hidden; line-height:20px; vertical-align:middle; text-align:center; background:#000000; filter:alpha(Opacity=70); Opacity:0.7; font-family:Arial; font-size:11px; color:#999999; cursor:pointer;}
.sub_no li.show{background:#F8CD7B; color:#000000;}
.sub_more{float:right; width:50px; height:20px; background:#000000; filter:alpha(Opacity=70); Opacity:0.7; color:#999999; text-align:center; line-height:20px;}
.sub_more a{color:#999999;}
.sub_more a:hover{color:#cccccc; text-decoration:none;}
.slide { float:left; width:384px; height:201px; padding:12px;}
.main .container h1 {color: #fd4b59;margin-left: 68px;}