a{color: #fff}
.ch_game_content{width: 1200px;margin: 0 auto;position: relative;z-index: 2;top: -260px;}
.flex{display: flex;align-items: center;justify-content: center}
.ch_game_content .ch_gameList{width: 926px;justify-content: space-between;}
.ch_game_content .ch_gameList li{width: 300px;cursor: pointer;height: 268px;display: inline-block;overflow: hidden;position: relative;transition: all 1s linear;}
.ch_game_content .ch_gameList li img{width: 100%;max-height: 176px;}
.ch_game_content .ch_gameList .listMask{opacity: 0;width: 300px;height: 176px;box-sizing: border-box;position: absolute;top: -190px;left: 0;transition: all 0.3s ease-in 0s;background: rgba(255,255,255,0.5);}
.ch_game_content .jtips{width: 50px;height: 50px;position: absolute;right: 0;top: 0;z-index: 50}
.ch_game_content .jtips.hot{background: url(../images/htips.png) 0 0 no-repeat;}
.ch_game_content .jtips.news{background: url(../images/ntips.png) 0 0 no-repeat;}
.mohu{background-color: rgba(0,0,0,0.3);-webkit-filter: blur(2px);-moz-filter: blur(2px); -ms-filter: blur(2px);-o-filter: blur(2px);filter: blur(2px);filter:Alpha(Blur=20)}
.ch_game_content .ch_gameList li .game_logos{position: absolute;top: 0;left: 0}

.ch_game_content .ch_gameList .gBottom{cursor: default;font-size: 12px;color: #cccccc;width: 100%;height: 92px;position: relative;background: #fff;display: block;box-sizing: border-box;padding: 0 20px;transition: all 0.3s ease-in 0s;}
.ch_game_content .ch_gameList .gBottom .down_dom .game_name{font-size: 18px;font-weight: bold;padding: 6px 0;color: #333;line-height: 35px}
.ch_game_content .ch_gameList .gBottom .down_dom .game_name::after{content: "";display: block;width: 51px;height: 3px;background: #cc0033}
.ch_game_content .ch_gameList .gBottom .down_dom .new_server{color: #999999;font-size: 14px}
.ch_game_content .ch_gameList .gBottom .up_dom{position: absolute;bottom: -92px;background: #fff;left: 0;width: 100%;transition: all 0.3s ease-in 0s;height: 100%}
.ch_game_content .ch_gameList .gBottom span{margin: 0 8px;cursor: pointer;color: #ccc}
.ch_game_content .ch_gameList .gBottom span a{color: #333333;font-size: 14px}
.ch_game_content .ch_gameList .gBottom span:hover a{color: #cc0033}
.ch_game_content .ch_gameList .gBottom .new_server span{display: inline-block;width: 11px;height: 13px;background: url(../images/add_1.png?v=555) -8px -8px no-repeat;} 
.ch_game_content .ch_gameList .gBottom .enterInfo{text-align: center;}
.ch_game_content .ch_gameList .gBottom .startGame{width: 160px;height: 36px;color: #fff;border-radius: 22px;text-align: center;line-height: 33px;margin: 13px auto 5px;background: #cc0033;cursor: pointer;}
.ch_game_content .ch_gameList .gBottom .startGame a{color: #fff;font-size: 16px;display: block;height: 36px;border-radius: 22px}
.ch_game_content .ch_gameList .gBottom .startGame:hover{background: #e6003a;}
.ch_game_content .ch_gameList li:hover .listMask{top: 0;opacity: 1}
.ch_game_content .ch_gameList li:hover .gBottom .up_dom{bottom: 0}
.ch_game_content .ch_loginBox{width: 260px;height: 268px;background: #fff;position: absolute;right: 0;top:0px;z-index: 500;box-sizing: border-box;padding: 5px 0px 0}
.ch_game_content .ch_loginBox.unLogin{padding: 5px 20px 0}
.ch_game_content .passports .ch_loginBox{height: 360px;top: -239px;background: rgba(255,255,255,0.9);width: 300px}
.ch_game_content .passports .ch_loginBox{padding: 45px 39px 0}
.ch_game_content .passports .ch_loginBox h5{margin-bottom: 4px}
.ch_game_content .passports .loginIn .quit{float: right;color: #cc0033;cursor: pointer;}
.ch_game_content .passports .ch_loginBox .enterLogin{border-radius: 6px}
.ch_game_content .ch_loginBox h5{font-size: 18px;color: #2f2f2f;text-align: center;font-weight: normal;line-height: 30px;margin-bottom: -10px;}
.ch_game_content .ch_loginBox div span{font-size: 12px;color: #cc0000;line-height: 23px}
.ch_game_content .ch_loginBox div p{justify-content: flex-start;width: 223px;height: 33px;box-sizing: border-box;border: 1px solid #d2d2d2;background: #f1f1f1;border-radius: 3px;margin-bottom: 16px}
.ch_game_content .ch_loginBox div p label{display: inline-block;width: 18px;height: 18px;background: url(../images/tab_bg.png) -118px -6px no-repeat;margin:  5px}
.ch_game_content .ch_loginBox div p.userPassword label{background-position: -95px -6px}
.ch_game_content .ch_loginBox div p input{width: 180px;border: none;background: transparent}
.ch_game_content .ch_loginBox .enterLogin{margin-bottom: 4px;border-radius: 20px;width: 223px;height: 38px;text-align: center;cursor: pointer;line-height: 38px;color: #fff;font-size: 16px;color: #fff;background: #cc0000}
.ch_game_content .ch_loginBox .enterLogin:hover{background: #e6003a}
.ch_game_content .ch_loginBox .checkBox{cursor: pointer;vertical-align: middle;color: #8f8b8b;justify-content: flex-start;font-size: 12px}
.ch_game_content .ch_loginBox .zidong{float: left;cursor: pointer;}
.ch_game_content .ch_loginBox input[type='checkbox']{cursor: pointer;;width: 12px;height: 12px; background-color: #fff;-webkit-appearance:none;border: 1px solid #8f8b8b;outline: none;margin-right: 3px}
.ch_game_content .ch_loginBox .checkBox input[type=checkbox]:checked{background-image: url("../images/tab_bg.png");background-position: -315px -83px;}
.ch_game_content .ch_loginBox .otherTabs{width: 164px;color: #8f8b8b;float: right;margin: 0 -7px 0 0;}
.ch_game_content .ch_loginBox .otherTabs a{float: left;margin-bottom: 12px;display: block;cursor: pointer;font-size: 12px;color: #666;margin-left: 30px;}
.ch_game_content .ch_loginBox #frame_reg_button{text-decoration: underline;}
.ch_game_content .ch_loginBox .otherTabs span:hover{color: #e6003a;text-decoration: underline}
.ch_game_content .gamelist h3{font-size: 12px;height: 30px;line-height: 36px;overflow: hidden;font-weight: normal;border-bottom: 1px dashed #e6e6e6;color: #333333;padding: 0 15px}
.ch_game_content .gamelist ul{padding: 5px 13px}
.ch_game_content .gamelist li{width: 100%;padding: 0 0px;box-sizing: border-box;height: 27px;line-height: 35px;display: flex;align-items: center;justify-content: space-between;}
.ch_game_content .gamelist li div{width: 100px;white-space: nowrap;overflow: hidden;;text-overflow: ellipsis;}
.ch_game_content .loginIn .gamelist li span{color: #666666;font-size: 12px;margin: 0 3px;width: 75px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ch_game_content .loginIn .gamelist li div span{width: auto;}
.ch_game_content .loginIn .gamelist li a{float: right;font-size:13px;width: 42px;height: 18px;background: #cc0000;text-align: center;cursor: pointer;outline: none;margin-top: 0px;line-height:18px;border-radius: 10px;color: #fff}
/* .ch_game_content .gamelist ul{height: 82px;overflow: auto} */
.ch_game_content .loginIn .gamelist li a:hover{background: #e6003a;text-decoration: none}
.ch_game_content .ch_loginBox .otherTabs a:hover{color: #cc0033;text-decoration: underline !important}

.ch_game_content .ch_loginBox dl{color: #333;font-size: 12px;padding: 10px 30px 0;}
.ch_game_content .ch_loginBox dt{float: left;margin-right: 15px}
.ch_game_content .ch_loginBox dt img{border-radius: 50%;width: 70px;height: 70px;}
.ch_game_content .ch_loginBox dd{line-height: 15px;color: #333333;font-size: 14px;padding-top: 9px}
.ch_game_content .ch_loginBox dd.user_link{padding:0 0 4px 0}
.ch_game_content .ch_loginBox dd.typeIcon{padding: 0}
.ch_game_content .ch_loginBox dd.user_link a{width: 14px;height: 16px;background: url(../images/add_1.png?v=555) -6px -32px no-repeat;font-size: 0;margin-right: 10px}
.ch_game_content .ch_loginBox dd.user_link a.icon_tel{background-position: -6px -54px}
.ch_game_content .ch_loginBox dd.user_link a.icon_tel:hover{background-position: -29px -54px}
.ch_game_content .ch_loginBox dd.user_link a:hover{background-position: -28px -32px}
.ch_game_content .ch_loginBox dd.typeIcon a:last-child{color: #999999}
.ch_game_content .ch_loginBox dd a{color: #666;font-size: 12px;color: #666666;display: inline-block;}
.ch_game_content .ch_loginBox dd a:hover,.ch_game_content .ch_loginBox dd.typeIcon a:last-child:hover{color: #cc0033}
.ch_game_content .ch_loginBox .typeIcon span{display: inline-block;font-size: 12px;color: #000000;width: 34px;height: 17px;background: #f56666;text-align: center;line-height: 17px;border-radius: 5px;color: #fff}
.ch_game_content .ch_loginBox .log_btn{width: 100%;justify-content: space-between;margin: 13px auto 0;width: 210px}
.ch_game_content .ch_loginBox .log_btn span{display: inline-block;width: 97px;height: 25px;background: #cc0000;color: #fff;text-align: center;line-height: 25px;border-radius: 20px;cursor: pointer;}
.ch_game_content .ch_loginBox .log_btn span a{color: #fff;display: block;}
.ch_game_content .ch_loginBox .log_btn span:hover{background: #e6003a}
.ch_game_content .ch_loginBox .gamelist{margin:17px 10px 0}

.part_2{margin: 20px 0;}
.part_2 .little-content{background: #fff;box-sizing: border-box;padding:5px 27px 40px 18px;height: 280px;}
.part_2 .serverList{width: 300px;font-size: 14px;float: left;margin-right:13px }
.p-title{width: 100%;font-size: 18px;color: #333333;height: 26px;line-height: 17px}
.p-title span{width: 2px;height: 18px;background:#cc0033;display: inline-block;vertical-align: bottom;margin-right: 5px }
.serverList .serverTabs p{width: 150px;color: #999999;text-align: center;line-height: 33px;}
.serverList .serverTabs .active{color: #cc0033}
.serverList .serverTabs{cursor: pointer;border-bottom: 1px dashed #e6e6e6;margin-bottom: 10px}
.serverList li{cursor: pointer;;text-align: right;width: 100%;line-height: 42px;border-bottom: 1px dashed #e6e6e6;font-size: 13px;color: #666666;display: flex;align-items: center;justify-content: space-between}
.serverList a:last-child li{border: none;}
.serverList li p{width: 178px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;}
/*.serverList li p span{margin: 0;}
.serverList li span{margin-left: 20px}*/
.serverList li:hover{color: #cc0033;text-align: left}
.newsList{width: 612px;float: left;}
.newsList .little-content{padding: 20px 10px 20px 23px;position: relative;}
.newsList .little-content .carousel{width: 182px;float: left;height: 201px;margin-top: 20px}
.newsList .little-content .carousel img{width: 182px;height: 201px}
.newsList .little-content .carousel-indicators{width: 180px;display: flex;align-items: center;justify-content: center;position: absolute;top: 218px}
.newsList .little-content .carousel-indicators li{width: 12px;height:12px;font-size: 0;background: #f4ede7;float: left;margin-left: 6px;border-radius: 5px;}
.newsList .little-content .carousel-indicators li.active{background: url(../images/add_1.png?v=555) -56px -94px no-repeat}
.newsList .gameImg{float: left;margin-right: 20px}
.newsList .gameImg img{width: 186px;height: 192px;margin:20px 0 0 7px }
.newsList .gameDetail ul{width: 356px;margin-left: 20px;float: left;}
.newsList .gameDetail{float: left;font-size: 12px;color: #666666}
.newsList .gameDetail li{cursor: pointer;position: relative;margin-left: 25px;vertical-align: middle;line-height: 34px;width: 327px;border-bottom: 1px dashed #e6e6e6;margin-bottom:5px}
.newsList .gameDetail li:last-child{margin-bottom: 0;border-bottom: none}
.newsList .gameDetail li p{float: left;width:260px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #666}
.newsList .gameDetail li p a{}
.newsList .gameDetail li i{left: -20px;top: 10px;display: inline-block;width: 15px;height: 15px;background: url(../images/tab_bg.png) -350px -61px no-repeat;position: absolute;}
.newsList .gameDetail li span{float: right;color: #666}
.newsList .gameDetail li:after,.quickSservice .little-content::after,.ch_game_content .ch_loginBox dl::after,.part_2::after {content: '';height: 0;line-height: 0;display: block; visibility: hidden;clear: both;}
.newsList .gameDetail li:hover span{color: #cc0033}
.newsList .gameDetail li:hover p{margin-left: -5px;color: #cc0033}
.newsList .gameDetail li:hover i{left: -25px;background-position: -350px -87px}
.newsList .little-content .getMore{position: absolute;width: 34px;height: 34px;background: url(../images/add_1.png?v=555) -1px -122px no-repeat;cursor: pointer;top: 0;right: 0;transition: all 0.5s;}
.newsList .little-content .getMore img{transform: rotate(90deg);transition: all 0.5s;margin: 4px 0 0 17px}
.newsList .little-content .getMore img:hover{transform: rotate(180deg); -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transition: all 0.5s}

.quickSservice{width: 260px;float: right;}
.quickSservice .little-content{padding: 10px 15px 0 9px}
.quickSservice .serviceTab{float: left;width: 116px;border-right: 1px dashed #e6e6e6;padding-top:1px}
.quickSservice:nth-child(2){border: none}
.quickSservice .serviceTab p{cursor: pointer;font-size: 14px;color: #838383;height: 68px;line-height: 68px;box-sizing: border-box;text-align: right;margin: 0;padding-right: 20px;border-bottom: 1px dashed #e6e6e6}
/*.quickSservice .serviceTab p:nth-child(1){margin-top: 10px}*/
/*.quickSservice .serviceTab .cmReg{padding-right: 1px}*/
.quickSservice .serviceTab p:hover{color: #cc0033}
.quickSservice .serviceTab p span{display: inline-block;width: 31px;height: 31px;vertical-align: middle;background: url(../images/add_1.png?v=555) -3px -172px no-repeat}
.quickSservice .serviceTab p:hover span{background-position: -44px -172px}
.quickSservice .serviceTab .bindPhone span{background-position: -3px -239px}
.quickSservice .serviceTab .bindPhone:hover span{background-position: -44px -239px}
.quickSservice .serviceTab .payGame span{background-position:-3px -239px}
.quickSservice .serviceTab .payGame:hover span{background-position: -3px -239px}
.quickSservice .serviceTab .services span{background-position: -2px -310px}
.quickSservice .serviceTab .services:hover span{background-position: -43px -310px}
.quickSservice .serviceTab .findPass,.quickSservice .serviceTab .changePass{height: 58px;line-height: 48px}
.quickSservice .serviceTab .findPass span{background-position: 0px -205px}
.quickSservice .serviceTab .findPass:hover span{background-position: -42px -205px}
.quickSservice .serviceTab .gameThrough span{background-position: 1px -270px}
.quickSservice .serviceTab .gameThrough:hover span{background-position:-41px -270px}
.quickSservice .serviceTab .cmReg span{background-position: -3px -172px}
.quickSservice .serviceTab .cmReg:hover span{background-position: -215px -73px}
.quickSservice .serviceTab .onLine span{background-position: 1px -340px}
.quickSservice .serviceTab .onLine:hover span{background-position: -41px -340px}

.quickSservice .kefuBtom{font-size: 16px;color:#666666;width: 100%;height: 70px;vertical-align: middle;background: url(../images/add_1.png?v=55) 15px -382px no-repeat;float: left;box-sizing: border-box;padding-left: 99px;padding-top: 16px}
.quickSservice .kefuBtom dd{font-size: 12px;color: #999999;vertical-align: middle}

.part_3{width: 100%;height: 245px;}

.part_3 .swiper-container { background: #fff;width: 1135px;height: 225px;box-sizing: border-box;overflow: hidden;margin: 0 auto;}
.part_3 .gameSwiper{box-sizing: border-box;background: #fff;position: relative;}
.part_3 .swiper-slide {width: 227px !important;height: 167px;display: block;box-sizing: border-box;padding: 29px 0 0 0;}
.part_3 .swiper-slide dl{width: 201px;margin: 0 auto}
.part_3 .swiper-wrapper{height: 210px;white-space: nowrap;display: flex;transition-property: transform;}
.part_3 .gameKuai dt{overflow: hidden;transition:  all 0.5s;position: relative;border: 1px solid #e6e6e6}
.part_3 .gameKuai dt p{position: absolute;z-index: 1;font-size: 17px;color: #333333;font-weight: bold;left: 14px;top: 14px}
.part_3 .gameKuai dt p:nth-child(2){font-size: 15px;top: 41px;font-weight: normal;}
.part_3 .gameKuai img{width: 201px;height: 134px;cursor: pointer;transition:  all 0.5s}
.part_3 .gameKuai img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.part_3 .gameKuai dd{font-size: 14px;color: #666666;line-height: 42px;position: relative;}
.part_3 .gameKuai dd i{font-style:normal;display: inline-block;width: 126px;overflow: hidden;text-overflow: ellipsis;line-height: 30px} 
.part_3 .gameKuai dd i:nth-child(2){position: absolute;left: 0;top: 18px;font-size: 12px;color: #838383}
.part_3 .gameKuai dd span{float: right;margin-top: 12px;width: 58px;box-sizing: border-box;height: 22px;border: 1px solid #cc0033;cursor: pointer;margin-right: 3px;text-align: center;color: #cc0033;border-radius: 16px;display: flex;align-items: center;justify-content: center}
.part_3 .gameKuai dd span:hover{color: #fff;background: #cc0033;}
.part_3 .gameKuai dd span.done,.part_3 .gameKuai dd span.done:hover{border-color: #666;color:#666;background: #fff}
.part_3 .turnLeft,.part_3 .turnRight{outline:none;width: 20px;height: 210px;position: absolute;z-index: 500;cursor: pointer;}
.part_3 .turnLeft{left: 14px;top: 0}
.part_3 .turnRight{right: 14px;top: 0}
.part_3 .turnLeft span,.part_3 .turnRight span{cursor: pointer;width: 20px;height: 20px;background: url(../images/tab_bg.png) -375px -82px no-repeat}
.part_3 .turnLeft span{background-position: -375px -60px}

.otherTabs #goToReg{text-decoration: underline}
/*body{overflow-x: hidden;}*/
.login_wrap{overflow: hidden;height: 638px;width: 100%}
.login_wrap .banner_b{width: 100%;height: 200px;background: url(../images/banner_b.png?v=5555) 0 0 repeat-x;position: absolute;bottom: 0;left: 0;z-index: 2}
.header_swiper .swiper-wrapper{position: relative;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.header_swiper{overflow: hidden;width:1920px;height: 638px;}
.login_wrap:hover .swiper-button-next,.login_wrap:hover .swiper-button-prev{opacity: 0.35}
.header_swiper .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;width: auto;}
.header_swiper .swiper-slide img{height: 638px;width: 1920px}
.header_swiper .swiper-slide a{display: block;width: 1920px;height: 638px}
.header_swiper .swiper-pagination{position: absolute;background: rgba(0,0,0,0.5);padding: 7px 11px;border-radius: 20px;top: 341px;left: 50%;margin-left: -48px;z-index: 1 }
.header_swiper .swiper-pagination span{font-size: 0;background: #f4ede7;display: inline-block;width: 12px;height: 12px;border-radius: 50%;margin: 0 3px}
.header_swiper .swiper-pagination span.swiper-pagination-bullet-active{background: url(../images/add_1.png?v=555) -56px -94px no-repeat;}
.login_wrap .swiper-button-next,.login_wrap .swiper-button-prev{display: block;cursor: pointer;width: 60px;height: 60px;background: url(../images/swiper_bar.png) 0 0 no-repeat;position: absolute;top: 169px;z-index: 1;left: 110px;opacity: 0}
.login_wrap .swiper-button-next{right: 110px;background-position: 0 -69px;left: auto;}
.main_content{position: relative;height: 610px}
.login_wrap .swiper-button-next:hover,.login_wrap .swiper-button-prev:hover{opacity: 1}
.safe_level{white-space: nowrap;overflow-x: hidden;font-size: 12px;color: #333333;margin: 15px 30px 0}
.safe_level em{width: 124px;height: 20px;background: url(../images/safe_level.png) 0 0 no-repeat;display: inline-block;margin: 0 4px}
.safe_level em.level_2{background-position: 0 -24px}
.safe_level em.level_3{background-position: 0 -48px}
.safe_level em.level_4{background-position: 0 -72px}
@media only screen and (max-width: 1280px){
	.ch_game_content{margin: 0 0 0 4px;left: 0}
}
.otherLogin{position: absolute;margin-top: 27px;}
.main_content .otherLogin{position: absolute;margin-top: 24px;}
.otherLogin a,.otherLogin span {color: #666666 !important;}
.otherLogin a{font-size: 12px;vertical-align: middle;margin-right: 6px;}
#login_check_box{
	height: 17px;
	margin-top: 8px;
}
#login_check_box p{    background: transparent;
    border: none;
    font-size: 12px;}
#login_check_box a{
	color:#0075ff !important;
    position: absolute;
    top: 27px;
    left: 74px;
}
#login_check_box span{
	line-height: 0;
}
#login_check_box label{
	display: inherit;
	width: inherit;
	height: inherit;
	background: none;
	margin: 0;
}
#login_check_box_popup{
	height: 17px;
    margin-top: 8px;
    position: absolute;
    bottom: -2px;
    left: 146px;
}
#login_check_box_popup p{    background: transparent;
    border: none;
    font-size: 12px;}
#login_check_box_popup a{
	color: #0075ff !important;
    position: absolute;
    top: -3px;
    left: -41px;
    width: 177px;
}
#login_check_box_popup span{
	line-height: 0;
	font-weight: normal;
	vertical-align: middle;
	margin-left: 3px;
}
#login_check_box_popup label{
	display: inherit;
	width: inherit;
	height: inherit;
	background: none;
	margin: 0;
}