.page{background-color:#f1f1f1}
.main{width:1200px;margin:0 auto;padding:40px 0 60px 0;box-sizing:border-box}
.picture_show{height:380px;overflow:hidden;margin-bottom:40px}
.picture_show .left{float:left;width:600px;height:380px}
.picture_show .left .item{width:100%;height:100%;display:block;position:relative}
.picture_show .left .item .photo{width:100%;height:100%;overflow:hidden;border-radius:10px}
.picture_show .left .item .photo img{width:100%;height:100%;border-radius:10px;transition:all 0.6s ease}
.picture_show .left .item:hover .photo img{transform:scale(1.1)}
.picture_show .left .item p{width:100%;height:100px;text-align:center;position:absolute;z-index:3;left:0;bottom:0;background:linear-gradient(to top,rgb(0,0,0) 0%,rgba(0,0,0,0.6) 45%,rgba(255,255,255,0) 100%)}
.picture_show .left .item p span{width:100%;color:#fff;font-size:18px;font-weight:400;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 5px;box-sizing:border-box;position:absolute;left:0;bottom:15px}
.picture_show .right{float:right;width:600px;overflow:hidden;margin-left:-20px}
.picture_show .right .item{float:left;width:280px;display:block;margin-left:20px;margin-bottom:20px;position:relative}
.picture_show .right .item .photo{width:100%;height:180px;overflow:hidden;border-radius:10px}
.picture_show .right .item .photo img{width:100%;height:100%;border-radius:10px;transition:all 0.6s ease}
.picture_show .right .item:hover .photo img{transform:scale(1.1)}
.picture_show .right .item p{width:100%;height:50px;text-align:center;position:absolute;z-index:3;left:0;bottom:0;background:linear-gradient(to top,rgb(0,0,0) 0%,rgba(0,0,0,0.6) 45%,rgba(255,255,255,0) 100%)}
.picture_show .right .item p span{width:100%;color:#fff;font-size:18px;font-weight:400;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 5px;box-sizing:border-box;position:absolute;left:0;bottom:15px}
.news_recom{margin-bottom:10px}
.hot_news{float:left;width:480px}
.hot_news .box{padding:30px 20px;box-sizing:border-box;background-color:#fff}
.hot_news .headlines h3{color:#333;font-size:18px;font-weight:bold;line-height:36px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hot_news .headlines ul{overflow:hidden;display:table;margin:0 auto}
.hot_news .headlines ul li{float:left;margin-right:40px;text-align:center}
.hot_news .headlines ul li:last-child{margin-right:0}
.hot_news .headlines ul li .item{color:#666;font-size:14px;font-weight:400;line-height:36px}
.hot_news .list .item{height:37px;overflow:hidden;display:block}
.hot_news .list .item p{width:90%;float:left;color:#666666;font-size:14px;font-family:Microsoft YaHei;font-weight:400;line-height:37px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:6px;box-sizing:border-box;position:relative}
.hot_news .list .item:hover p{color:#FB612D}
.hot_news .list .item p:before{content:'';width:4px;height:6px;display:block;background:url(../image/icon_1.png) no-repeat;background-size:100% 100%;position:absolute;left:0;top:0;bottom:0;margin:auto}
.hot_news .list .item span{float:right;color:#C1C1C1;font-size:14px;font-family:Microsoft YaHei;font-weight:400;line-height:37px}
.games_recommon{float:right;width:700px}
.games_recommon ul{float:left;width:auto;overflow:hidden;margin-left:25px;margin-top:5px}
.games_recommon ul li{height:24px;line-height:24px;color:#666;font-size:14px;font-weight:400;background-color:#EBEBEB;border-radius:12px;display:inline-block;padding:0 18px;box-sizing:border-box;cursor:pointer}
.games_recommon ul li.active{color:#fff;background-color:#FB612D}
.games_recommon .list{overflow:hidden;margin-left:-20px}
.games_recommon .list .item{float:left;width:220px;display:block;background-color:#fff;margin-left:20px;margin-bottom:20px;border-radius:8px}
.games_recommon .list .item .photo{width:100%;height:128px;overflow:hidden;margin-bottom:11px;border-top-left-radius:8px;border-top-right-radius:8px}
.games_recommon .list .item .photo img{width:100%;height:100%;border-top-left-radius:8px;border-top-right-radius:8px;transition:all 0.6s ease}
.games_recommon .list .item:hover .photo img{transform:scale(1.1)}
.games_recommon .list .item h3{color:#333;font-size:15px;font-weight:bold;margin-bottom:11px;padding:0 14px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px;line-height:20px}
.games_recommon .list .item .msg{overflow:hidden;padding:0 14px 17px 14px;box-sizing:border-box}
.games_recommon .list .item .msg i{float:left;width:30px;height:16px;line-height:16px;text-align:center;color:#fff;font-size:11px;font-weight:400;display:block;background:linear-gradient(90deg,#F7421F,#FB612D);box-shadow:0px 4px 8px 0px rgba(246,103,48,0.2);border-radius:2px;margin-right:5px}
.games_recommon .list .item .msg span{float:left;color:#999;font-size:12px;font-weight:400;line-height:16px}
.games_recommon .list .item .msg p{float:right;color:#999;font-size:12px;font-weight:400;line-height:16px}
.news_games .title{overflow:hidden}
.news_games .title ul{float:left;overflow:hidden}
.news_games .title ul li{float:left;font-size:20px;font-weight:bold;color:#888;margin-right:60px;line-height:50px}
.news_games .title ul li.active{color:#333;font-size:24px}
.news_games .title ul li.active:after{content:'';width:44px;height:6px;display:block;background-color:#FF785D;border-radius:3px}
.news_games .title ul li:last-child{margin-right:0}
.news_games .title .more{float:right;width:26px;height:26px;display:block;background:url(../image/more.png) no-repeat;background-size:60px 32px;background-position:-3px -3px;margin-top:15px}
.news_games .title .more:hover{background-position:-31px -3px}
.news_games .box{margin-top:20px}
.news_games .list{margin-left:-24px;overflow:hidden}
.news_games .list .item{float:left;width:220px;display:block;background-color:#fff;margin-left:24px;margin-bottom:20px;border-radius:8px}
.news_games .list .item .photo{width:100%;height:128px;overflow:hidden;margin-bottom:11px;border-top-left-radius:8px;border-top-right-radius:8px}
.news_games .list .item .photo img{width:100%;height:100%;border-top-left-radius:8px;border-top-right-radius:8px;transition:all 0.6s ease}
.news_games .list .item:hover .photo img{transform:scale(1.1)}
.news_games .list .item h3{color:#333;font-size:15px;font-weight:bold;margin-bottom:11px;padding:0 14px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news_games .list .item .msg{overflow:hidden;padding:0 14px 17px 14px;box-sizing:border-box}
.news_games .list .item .msg i{float:left;width:30px;height:16px;line-height:16px;text-align:center;color:#fff;font-size:11px;font-weight:400;display:block;background:linear-gradient(90deg,#F7421F,#FB612D);box-shadow:0px 4px 8px 0px rgba(246,103,48,0.2);border-radius:2px;margin-right:5px}
.news_games .list .item .msg span{float:left;color:#999;font-size:12px;font-weight:400;line-height:16px}
.news_games .list .item .msg p{float:right;color:#999;font-size:12px;font-weight:400;line-height:16px}
.hot_special{margin-bottom:30px}
.hot_special .list{overflow:hidden;margin-left:-20px}
.hot_special .list .item{float:left;width:285px;display:block;border-radius:8px;margin-left:20px;background-color:#fff}
.hot_special .list .item .photo{width:100%;height:186px;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;position:relative}
.hot_special .list .item .photo i{width:30px;height:16px;line-height:16px;color:#fff;font-size:11px;font-weight:400;text-align:center;display:block;background-color:#7158E0;position:absolute;z-index:10;top:16px;left:16px}
.hot_special .list .item .photo img{width:100%;height:100%;border-top-left-radius:8px;border-top-right-radius:8px;transition:all 0.6s ease}
.hot_special .list .item:hover .photo img{transform:scale(1.1)}
.hot_special .list .item p{height:48px;line-height:48px;color:#333;font-size:15px;font-weight:400;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.latest_games{margin-bottom:30px}
.latest_games .title{overflow:hidden}
.latest_games .title ul{float:left;overflow:hidden}
.latest_games .title ul li{float:left;font-size:20px;font-weight:bold;color:#888;margin-right:60px;line-height:50px}
.latest_games .title ul li.active{color:#333;font-size:24px}
.latest_games .title ul li.active:after{content:'';width:44px;height:6px;display:block;background-color:#FF785D;border-radius:3px}
.latest_games .title ul li:last-child{margin-right:0}
.latest_games .title .more{float:right;width:26px;height:26px;display:block;background:url(../image/more.png) no-repeat;background-size:60px 32px;background-position:-3px -3px;margin-top:15px}
.latest_games .title .more:hover{background-position:-31px -3px}
.latest_games .box{margin-top:30px}
.latest_games .list{margin-left:-24px;overflow:hidden}
.latest_games .list .item{float:left;width:112px;display:block;background-color:#fff;padding-bottom:14px;border-radius:8px;border-top-left-radius:24px;border-top-right-radius:24px;margin-left:24px;margin-bottom:20px}
.latest_games .list .item .photo{width:100%;height:112px;border-radius:24px;margin-bottom:12px;overflow:hidden}
.latest_games .list .item .photo img{width:100%;height:100%;border-radius:24px;transition:all 0.6s ease}
.latest_games .list .item:hover .photo img{transform:scale(1.1)}
.latest_games .list .item span{color:#999;font-size:12px;font-weight:400;display:block;margin-bottom:10px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.latest_games .list .item p{color:#333;font-size:14px;font-weight:400;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.information_box{overflow:hidden;margin-bottom:40px;margin-left:-20px}
.information_box .box{float:left;width:385px;margin-left:20px}
.information_box .box .list{padding:20px;box-sizing:border-box;background-color:#fff}
.information_box .box .list .item{height:37px;overflow:hidden;display:block}
.information_box .box .list .item p{width:100%;float:left;color:#666666;font-size:14px;font-family:Microsoft YaHei;font-weight:400;line-height:37px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:6px;box-sizing:border-box;position:relative}
.information_box .box .list .item:hover p{color:#FB612D}
.information_box .box .list .item p:before{content:'';width:4px;height:6px;display:block;background:url(../image/icon_1.png) no-repeat;background-size:100% 100%;position:absolute;left:0;top:0;bottom:0;margin:auto}
.friendship .list{overflow:hidden;background-color:#fff;margin-left:-24px;padding:30px 20px 10px 20px;box-sizing:border-box}
.friendship .list .item{float:left;min-width:124px;height:40px;line-height:40px;text-align:center;color:#666;font-size:14px;font-weight:400;background-color:#F9F9F8;border-radius:20px;display:block;margin-left:24px;margin-bottom:20px}
.friendship .list .item:hover{color:#FB612D;background-color:#FFF6F3}
.tab_box ul{margin-top: 20px;}

.games_recommon .tab_box ul { margin-top: 0; }
.games_recommon .tab_box ul li { margin-bottom: 14px; }


.tab_box ul li{width: 217px;height: 196px;border: 2px solid #f0f0f0;border-radius: 10px;float: left;margin-right: 11px;margin-bottom: 10px;}
.tab_box ul li:nth-child(3n){margin-right: 0px;}
/*.tab_box ul li:nth-child(8n){margin-right: 0;}*/
.tab_box ul li img{width: 100px;height: 100px;border-radius: 26px;display: block;margin: 14px 20px 0;}
.tab_box ul li a{display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
.tab_box ul li .info1{width: 200px;}
.tab_box ul li .info1 p:nth-child(1){color: #707070;line-height: 16px;margin-top: 11px;white-space: nowrap;overflow: hidden;text-align: center;}
.tab_box ul li .info1 p:nth-child(2){font-size: 14px;color: #AAAAAA;line-height: 14px;margin-top: 10px;text-align: center;}
.tab_box ul li .info1 p:nth-child(3){font-size: 14px;color: #AAAAAA;line-height: 14px;margin-top: 8px;text-align: center;}
.tab_box ul li .info2{display: none;}
.tab_box ul li .info2 p{font-size: 16px;font-weight: 600;color: #00aff0;text-align: center;white-space: nowrap;overflow: hidden;line-height: 16px;margin-top: 11px;}
.tab_box ul li .info2 span{width: 100px;height: 32px;background: #00AFF0;border-radius: 16px;display: block;text-align: center;color: #fff;font-size: 16px;line-height: 32px;margin: 9px auto 0;}
.tab_box ul li:hover .info1{display: none;}
.tab_box ul li:hover .info2{display: block;}
.tab_box ul li:hover{border-color: #EBFAFF;background: #EBFAFF;}
.tab_box ul li.look:hover{border-color: #FFF6EB;background: #FFF6EB;}
.tab_box ul li.look .info2 p{font-size: 16px;font-weight: 600;color: #F98700;text-align: center;white-space: nowrap;overflow: hidden;line-height: 16px;margin-top: 11px;}
.tab_box ul li.look .info2 span{width: 100px;height: 32px;background: #F98700;border-radius: 16px;display: block;text-align: center;color: #fff;font-size: 16px;line-height: 32px;margin: 9px auto 0;}

/***筛选***/
.game-sx{background: #fff;padding: 20px;box-sizing: border-box;overflow: auto;}
.gmtext{ width: 100%;}
.gmlxtag{ width: 100%;line-height: 26px; padding: 15px 0px; font-size: 14px; color: #666; position: relative;overflow: hidden; border-bottom: 1px #e2e2e2 dashed;}
.gmtext .gmlxtag:last-child{border-bottom: 0px #e2e2e2 dashed;}
.gmsubtitle{ margin-right: 14px; float: left; font-weight: bold;color: #14B9C8;}
.yxk_cata{overflow: hidden;}
.yxk_cata ul{overflow: hidden;padding-right: 50px;height: 26px;}
.yxk_cata .show{height: auto;}
.yxk_cata li{margin-right: 25px; float: left; margin-bottom: 7px;}
.yxk_cata li a{display: inline-block;color: #666;width: 65px;text-align: center;}
.yxk_cata li a:hover,.yxk_cata li a.labon{ background: #FB612D; color: #fff; border-radius: 4px; text-decoration: none;}
.gmopen{ position: absolute; right: 0px;cursor: pointer;top:15px; color: #14B9C8;}
.gmopen:before{ content: ""; width: 10px; height: 5px; display: inline-block; float: right; background: url(../image/ghoticon.png) no-repeat -170px -96px; margin: 12px 0px 0px 5px;}
.gmli .active{ color: #999;}
.gmli .active:before{ background-position: -191px -96px;}
.yxk_cata li:nth-child(11n){margin-right: 0px;}

.yxlb-n{padding: 20px;box-sizing: border-box;}
.yxlb-n li{width: 565px;height:auto;padding: 20px;box-sizing: border-box;background: #f9f9f9;float: left;transition: all 0.5s ease-in-out 0s;margin-right: 25px;margin-bottom: 20px;}
.yxlb-n li:nth-child(2n){ margin-right:0px;}
.yxlb-n_l{width: 90px;float: left;}
.yxlb-n_l img{width: 90px;height: 90px;border-radius: 20px;}
.yxlb-n_z{width: 290px;float: left;margin-left: 20px;border-right: 0;padding-right: 0;}
.yxlb-n_z h4{display: inline-block;max-width: 100%;line-height: 30px;vertical-align: top;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 5px;font-weight: normal;margin-top: 4px;width: 100%;}
.yxlb-n_z p{display: block;margin-bottom: 0;line-height: 22px;font-size: 14px;color: #999;}
.yxlb-n_r{width: 100%;clear: both;margin-top: 15px;display: inline-block;}
.yxlb-n_r p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #777;line-height: 24px;}
.yxlb-n_l_btn{width: 120px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #333;background-color: #f0f1f7;display: block;margin-top: 20px;border-radius: 10px;float: left;}
.yxlb-n_l_btn:hover{background-color: #ff6460;color: #fff;}
.yxlb-n li:hover {background: #fff;box-shadow: 1px 1px 10px #ddd;transition: all 0.5s ease-in-out 0s;}
.yxlb-n_z .phbpf{width: 65px;height: 12px;float:left;display: block;position: relative;margin-right: 15px;margin-top: 0;}
.yxlb-n_z .phbpf p{width: 90%;height: 12px;position: absolute;left: 0;top: 0;background: url(https://www.chinjgeriatr.com/style/images/yxkico1.png) repeat-x;overflow: hidden;max-width: 65px;margin-top: 0px;}
.yxlb-n_z .phbpf span{float: right;margin-right: -45px;margin-top: -3px;}
.yxlb-n .scorepf{float: left;margin-top: 5px;width: 100%;}