.arc2-game {
    padding: 15px;
    border-top: 1px solid #a4a4a4;
    margin: 20px 0;
    position: relative;
    /* border-radius: 10px; */
    height: 200px;
    width: 788px;
}
.arc2-d3 {
    float:left;
}
.arc2-d3 img {
    height:200px;
    width:280px;
}
.clearfix:after, .clearfix:before, .g-parse:before, .g-parse:after, .g-inner:before, .g-inner:after {
    content: '';
    clear: both;
    display: table;
}
.arc2-game .arc2-d2 {
    margin-left:20px;
}
.arc2-game .arc2-d2 .arc2-item1 {
    float: left;
    width: 188px;
    height: 200px;
    /* background-color: #e3e3e3; */
}
.arc2-game .arc2-d2 .arc2-item1 h2 {
    height: 30px;
    border-bottom: 1px solid #a4a4a4;
}
.arc2-game .arc2-d2 .arc2-item1>a {
    display: block;
    width: 160px;
    height: 38px;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    margin-top: 16px;
    background-color: #fd1d1d;
    border: 1px solid #fd1d1d;
    border-radius: 4px;
    color: white;
}
.arc2-game .arc2-d2 .arc2-item1>a:nth-child(3) {
    background-color: #1db6fd;
    border-color: #1db6fd;
}
.arc2-game .arc2-d2 .arc2-item1>a:nth-child(4) {
    background-color: orangered;
    border-color: orangered;
}
.arc2-game .arc2-d2 .arc2-item1>a:nth-child(2):hover {
    color: #fd1d1d;
    background-color: #fff;
}
.arc2-game .arc2-d2 .arc2-item1>a:nth-child(3):hover {
    color: #1db6fd;
    background-color: #fff;
}
.arc2-game .arc2-d2 .arc2-item1>a:nth-child(4):hover {
    color: orangered;
    background-color: #fff;
}
.arc2-game .arc2-d2 .arc2-item1 h2 a {
    font-size: 22px;
    line-height:22px;
    color: rgb(73, 73, 73);
    font-weight: normal;
}
.arc2-game .arc2-d2 .arc2-item2 {
    float: left;
    width: 300px;
    height: 200px;
    /* background-color: #eeeeee; */
}
.arc2-game .arc2-d2 .arc2-item2 p {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    color: #636363;
    border-bottom: 1px solid #a4a4a4;
    
}
.arc2-game .arc2-d2 .arc2-item2 .arc-nsw {
    width: 320px;
    height: 153px;
    margin-top: 15px;
}
.arc2-game .arc2-d2 .arc2-item2 .arc-nsw li {
    float: left;
}
.arc2-game .arc2-d2 .arc2-item2 .arc-nsw li a {
    display: block;
    width: 138px;
    height: 27.5px;
    background-color: #dbdbdb;
    color: #494949;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    margin: 0 20px 12px 0;
    line-height: 27px;
    font-size: 15px;
    text-align: center;
}
.arc2-game .arc2-d2 .arc2-item2 .arc-nsw li a:hover{
    border-color: #494949;
}
.news_d_dw {
    width: 99%;
    padding: 20px 0;
    float: left;
    border: 1px solid #e3e3e3;
    background: #fcfcfc;
}
.n_d_dw_left {
    width: 121px;
    float: left;
    margin: 10px 0 0 20px;
}
.n_d_dw_center {
    width: 50%;
    float: left;
    color: #868686;
    font-size: 14px;
    line-height: 26px;
    margin: 10px 0 0 20px;
}
.n_d_dw_center .span1 a {
    color: #313131;
    font-size: 24px;
    display: inline-block;
    padding-bottom: 5px;
}
.n_d_dw_center em {
    color: #313131;
    font-weight: normal;
    height: 50px;
    overflow: hidden;
}
.n_d_dw_right {
    width: 144px;
    float: right;
    margin-right: 20px;
}
.down-link {
    position: relative;
}
.n_d_dw_left img:hover {
    margin-left: 1px;
}
.n_d_dw_left img {
    width: 120px;
    height: 120px;
    border-radius: 10px;
}
.n_d_dw_right a {
    width: 100px;
    padding-left: 44px;
    float: left;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: left;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.n_d_dw_right .a1 {
    background: url(../image/single_bg.png) no-repeat 0 -357px;
}
.n_d_dw_right .a2 {
    background: url(../image/single_bg.png) no-repeat 0 -397px;
    margin-top: 10px;
}
.down-link img {
    position: absolute;
    top: -17px;
    z-index: 999;
    display: none;
}
.uk-width-auto {
    width: auto;
}
.uk-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.m-art-header .icon {
    width: 140px;
    height: 140px;
    border-radius: 20px;
}
.m-art-header .icon img {
    height: 100%;
}
.uk-display-block {
    display: block !important;
}
.uk-overflow-hidden {
    overflow: hidden;
}
.uk-width-expand {
    flex: 1;
    min-width: 1px;
}
.mobGame-single-head {
    padding-left: 20px;
    padding-top: 10px;
}
.uk-grid > * > :last-child {
    margin-bottom: 0;
}

.uk-grid-collapse > *, .uk-grid-column-collapse > * {
    padding-left: 0;
}
.uk-grid > * {
    margin: 0;
}
.uk-flex-middle {
    align-items: center;
}
.uk-flex {
    display: flex;
}
.uk-flex-1 {
    flex: 1;
}

.uk-text-bolder {
    font-weight: bolder;
}
.uk-h3 {
    font-size: 1.5rem;
    line-height: 1.4;
}
.mobGame-single-head ul {
    max-width: 460px;
}

.mobGame-single-head ul li {
    display: inline-block;
    width: 180px;
    margin-top: 15px;
}
.mobGame-single-head ul li>img {
    margin-top: -4px;
}
.single-down {
    text-align: center;
}
.uk-display-block {
    display: block !important;
}
.hover-ewm-ios {
    border: 1px solid #1db6fd!important;
}
.hover-ewm {
    top: 100%;
    margin-top: -2px;
    display: none;
    width: 99%;
    text-align: center;
    background: #fff;
    border: 1px solid var(--primary-color);
}
.uk-position-z-index {
    z-index: 1;
}
.uk-margin-remove-top {
    margin-top: 0 !important;
}
.uk-text-small {
    font-size: 0.875rem;
    line-height: 1.5;
}
.uk-margin-small-bottom {
    margin-bottom: 10px !important;
}
.single-down:hover .hover-ewm {
	display: block;
}
.uk-position-absolute {
    position: absolute !important;
}
.uk-position-relative {
    position: relative !important;
}
.warp1200 {
    width: 1200px;
    margin: 0 auto;
}

.warp1200 ul {
    margin-left: -15px;
    padding-top: 20px;
}

.warp1200 .list li {
    float: left;
    margin-left: 15px;
    width: 390px;
    height: 100px;
}
.warp1200 .list img {
    width: 100%;
    height: 100%;
}
.m-recommend{
    position:relative;
    min-height: 90xp;
}
.m-recommend h3 {
    position: absolute;
    top: -40px;
    font-size: 22px;
    line-height: 30px;
}
.m-recommend ul {
    position:relative;
    height:130px;
    border-bottom: 1px dotted #e3e3e3;
}
.m-recommend li {
    float: left;
    width: 40%;
    margin-right:10%;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.m-recommend li a {
    width: 70%;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    text-decoration: none;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.m-recommend li a:hover {
    color:#75d3ef;
}