.common-title{height:30px;line-height:30px;font-size:22px;color:#333;font-weight:700;position:relative;}
.common-title-icon{width:8px;height:30px;background:url("../img/index.png") 0 -1002px no-repeat;*display:inline;}
.common-title-more{width:60px;height:20px;line-height:20px;font-size:14px;display:inline-block;position:absolute;top:4px;}
a.common-btn-0{border:1px #09f solid;border-radius:10px;background:#fff;color:#09f;display:inline-block;transition:all 200ms linear;}
a.common-btn-0:hover{background:#09f;color:#fff;text-decoration:none;}
a.common-btn-1{border:1px #f36 solid;border-radius:10px;background:#fff;color:#f36;display:inline-block;transition:all 200ms linear;}
a.common-btn-1:hover{background:#f36;color:#fff;text-decoration:none;}
a.common-btn-2{border:1px #e9e9e9 solid;border-radius:5px;background:#fff;color:#555;transition:all 200ms linear;}
a.common-btn-2:hover{border:1px #f90 solid;background:#f90;color:#fff;text-decoration:none;}
/* a.common-btn-3{background:#f36;color:#fff;transition:all 200ms linear;}
a.common-btn-3:hover{background:#ff5983;text-decoration:none;} */
a.common-btn-3{border:1px #f36 solid;background:#fff;color:#f36;display:inline-block;transition:all 200ms linear;}
a.common-btn-3:hover{background:#f36;color:#fff;text-decoration:none;}
.common-shadow{border:1px #e9e9e9 solid;border-radius:5px;background:#fff;overflow:hidden;transition:all 200ms linear;}
.common-shadow:hover{border:1px #f36 solid;box-shadow:0 0 5px #e9e9e9;-webkit-box-shadow:0 0 5px #e9e9e9;-moz-box-shadow:0 0 5px #e9e9e9;}

.container{height:1300px;zoom:1;margin:0 auto;overflow:hidden;}

.banner-area{height:392px;position:relative;}
.banner-area .banner{width:1920px;height:392px;margin-left:-960px;position:absolute;top:0;left:50%;z-index:98;/* overflow:hidden; */}
.banner-area .slide-pic{position:relative;overflow:hidden;}
.banner-area .slide-viewport{width:100%;height:392px;display:block;}
.banner-area .slide-pic ul,.banner-area .slide-pic li{width:100%;height:392px;vertical-align:top;}
.banner-area .slide-pic .slide-viewport li{position:absolute;left:0;top:0;}
.banner-area .slide-pic .slide-viewport a{width:100%;height:392px;background-repeat:no-repeat;background-position:50% 0;background-size:cover;display:block;}
.banner-area .slide-pic .controller-bottom{width:161px;height:24px;*height:22px;margin-left:-80px;padding-top:10px;*padding-top:12px;text-align:center;background:url("../img/index.png") 0 0 no-repeat;position:absolute;top:339px;left:50%;overflow:hidden;z-index:99;}
.banner-area .slide-pic .controller-bottom li{width:12px;height:12px;margin:0 3px;border-radius:6px;background:#434343;cursor:pointer;transition:width .3s ease-out;display:inline-block;*display:inline;*zoom:1;}
.banner-area .slide-pic .controller-bottom li.current{width:29px;background:#09f;}

.banner-area .login-status{width:290px;height:255px;margin-right:-600px;padding:30px 0;background:url("../img/index.png") 0 -175px no-repeat;position:absolute;top:30px;right:50%;z-index:100;}
.banner-area .login-status .login-input{width:230px;height:120px;margin:0 auto;}
.banner-area .login-status .login-input .loginerr{width:208px;height:20px;line-height:20px;padding:4px 10px;border:1px solid #f36;background:#ffe0e0;color:#f36;position:absolute;left:30px;top:2px;display:none;z-index:100;}
.banner-area .login-status .login-input .input{width:230px;height:40px;line-height:40px;position:relative;}
.banner-area .login-status .login-input .base-input{width:185px;height:30px;line-height:30px;padding:5px 12px 5px 33px;background:url("../img/index.png") 0 -40px no-repeat;}
.banner-area .login-status .login-input .username-input{background-position:0 -40px;}
.banner-area .login-status .login-input .password-input{background-position:0 -85px;}
/* .banner-area .login-status .login-input .base-err-msg{width:230px;height:20px;line-height:20px;position:absolute;top:42px;left:0;} */
.banner-area .login-status .login-options{width:230px;height:20px;}
.banner-area .login-status .login-options .forget-pwd{color:#555;}
.banner-area .login-status .login-btn{width:230px;height:40px;margin:0 auto;}
.banner-area .login-status .login-btn input{width:110px;height:40px;line-height:40px;font-size:16px;background:url("../img/index.png") 0 -130px no-repeat;color:#fff;display:block;}
.banner-area .login-status .login-btn input:hover{background-position:-120px -130px;}
.banner-area .login-status .login-btn .log-btn{}
.banner-area .login-status .login-btn .reg-btn{}
.banner-area .login-status .user-box{width:230px;height:104px;margin:0 auto;}
.banner-area .login-status .user-logo,.banner-area .login-status .user-logo img{width:94px;height:94px;}
.banner-area .login-status .user-box dd{width:126px;height:30px;line-height:30px;}
.banner-area .login-status .user-name{}
.banner-area .login-status .user-color{color:#333;}
.banner-area .login-status .user-center{background:#26a8ff;text-align:center;width:63px;height:24px;line-height:24px;display:inline-block;*display:inline;*zoom:1;}
.banner-area .login-status .user-name .account{width:90px;font-size:14px;font-weight:700;display:inline-block;}
.banner-area .login-status .user-name .sign-out{color:#777;}
.banner-area .login-status .platform-money{font-size:14px;}
.banner-area .login-status .platform{width:65px;height:20px;display:inline-block;}
.banner-area .login-status .money-color{color:#f60;line-height:29px;}
.banner-area .login-status .recharge,.banner-area .login-status .personal{width:58px;height:28px;line-height:28px;border:1px #f36 solid;border-radius:5px;background:#fff;color:#f36;display:inline-block;}
.banner-area .login-status .recharge.cur,.banner-area .login-status .personal.cur,.banner-area .login-status .recharge:hover,.banner-area .login-status .personal:hover{background:#f36;color:#fff;text-decoration:none;}
.banner-area .login-status .user-name .recharge{}
.banner-area .login-status .user-name .personal{}
.banner-area .login-status .rank-level{width:230px;height:19px;margin:0 auto;background:url("../img/time-line.png") 0 0 no-repeat;position:relative;z-index:1;}
.banner-area .login-status .rank-level .vip-level{position:absolute;top:3px;left:10px;}
.banner-area .login-status .progress-groove{}
.banner-area .login-status .level-line{width:162px;height:6px;position:absolute;left:54px;top:6px;}
.progress-core-s,.progress-core-e,.progress-core-m{width:3px;height:6px;font-size:0;}
.banner-area .login-status .progress-core-s{background:url("../img/line-fl.png") no-repeat;}
.banner-area .login-status .progress-core-m{background:url("../img/line-x.png");}
.banner-area .login-status .progress-core-e{background:url("../img/line-right.png") no-repeat;}
.banner-area .login-status .vip-tip{width:210px;height:100px;padding:10px 0 10px;position:absolute;left:-45px;top:13px;z-index:20;}
/* .banner-area .login-status .vip-tip{width:210px;height:100px;padding:10px 0 10px;border:1px solid #f90;border-radius:5px;box-shadow:0 0 5px #e9e9e9;-webkit-box-shadow:0 0 5px #e9e9e9;-moz-box-shadow:0 0 5px #e9e9e9;background:#fff;position:absolute;left:-45px;top:20px;z-index:20;} */
.banner-area .login-status .vip-tip p{height:26px;line-height:26px;}
.banner-area .login-status .vip-tip-btn{width:170px;height:30px;margin:10px auto 0 auto;}
.banner-area .login-status .vip-tip-btn a{width:78px;height:28px;line-height:28px;}
/* .banner-area .login-status .vip-tip-btn a{width:78px;height:28px;line-height:28px;border:1px #e9e9e9 solid;border-radius:5px;background:#fff;color:#555;}
.banner-area .login-status .vip-tip-btn a:hover{border:1px #f90 solid;background:#f90;color:#fff;text-decoration:none;} */
.banner-area .login-status .last-game{width:230px;height:130px;margin:10px auto 0 auto;border-top:1px #e9e9e9 solid;}
.banner-area .login-status .like-games{width:230px;height:30px;line-height:30px;font-size:14px;font-weight:700;}
.banner-area .login-status .last-game dd{width:230px;height:30px;line-height:30px;}
.banner-area .login-status .last-game dd:hover{background:#f2faff;}
.banner-area .login-status .last-game span{overflow:hidden;display:inline;}
.banner-area .login-status .like-games-link{width:230px;height:30px;display:block;}
.banner-area .login-status .like-games-link img{padding:2px;}
.banner-area .login-status .g-name{width:65px;}
.banner-area .login-status .g-server{width:66px;}
.banner-area .login-status .g-begin{width:54px;}

.index-main{width:1200px;height:1095px;position:relative;z-index:100;}

.recommended-games{height:384px;}
/* .recommended-games .common-title-icon{background-position:0 -1002px;} */
.recommended-games .recommended-games-list{width:283px;/* height:252px; */height:337px;}
.recommended-games .recommended-games-list-img{width:283px;height:275px;position:relative;overflow:hidden;}
.recommended-games .recommended-games-list-a{width:100%;/* height:182px; */height:275px;display:block;overflow:hidden;}

.recommended-games .recommended-games-list-brand{width:285px;height:80px;background:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7c000000',endColorstr='#7c000000');text-align:center;position:absolute;left:0;bottom:-40px;z-index:99;}
.recommended-games .recommended-games-list-brand a{margin:0 6px;color:#fff;}
.recommended-games .recommended-games-list-brand a:hover{color:#f36;}
.recommended-games .recommended-games-list-brand .recommended-games-list-name{height:40px;line-height:40px;font-size:14px;display:block;}

.recommended-games .recommended-games-tex{width:243px;height:32px;padding:15px 20px;background:#fff;}
.recommended-games .recommended-games-name{line-height:40px;font-size:14px;display:inline;}
.recommended-games .recommended-games-name:hover{color:#f36;text-decoration:none;}
.recommended-games .recommended-games-enter-game,.recommended-games .recommended-games-receive-gift{width:103px;height:30px;line-height:30px;}

.hot-games{height:610px;}
/* .hot-games .common-title-icon{background-position:-75px -1002px;} */
.hot-games .hot-games-list{width:283px;height:128px;position:relative;}
.hot-games .hot-games-pic{width:283px;height:128px;}
.hot-games .hot-games-links{width:100%;height:36px;position:absolute;top:92px;left:0;z-index:2;}
.hot-games .hot-games-opacity{width:100%;height:36px;background:#000;position:absolute;left:0;top:0;opacity:.5;filter:alpha(opacity=50);}
.hot-games .hot-games-links-list-name{width:100%;height:36px;line-height:36px;font-size:14px;color:#fff;position:absolute;left:0;}
.hot-games .hot-games-links-list{position:absolute;left:283px;}
.hot-games .hot-games-links a,.hot-games .hot-games-links a:visited{width:55px;height:18px;line-height:18px;padding-left:21px;color:#fff;position:absolute;top:9px;}
.hot-games .hot-games-links a:hover{text-decoration:underline;}
.hot-games .hot-games-links-game{left:15px;}
.hot-games .hot-games-links-gift{left:110px;}
.hot-games .hot-games-links-site{left:205px;}
.hot-games .hot-games-links a i{width:16px;height:16px;background:url("../img/index.png") no-repeat;position:absolute;left:0;top:1px;}
.hot-games .hot-games-links .hot-games-links-game i{background-position:-179px -1042px;}
.hot-games .hot-games-links .hot-games-links-gift i{background-position:-205px -1042px;}
.hot-games .hot-games-links .hot-games-links-site i{background-position:-231px -1042px;}

.games-view{height:518px;}
/* .games-view .common-title-icon{background-position:-149px -1002px;} */
.games-view .games-view-list{width:233px;height:75px;padding:15px 25px 15px 25px;overflow:visible;}
.games-view .games-view-list:hover{background:#ffd;}
.games-view .games-view-pic{width:75px;height:75px;border-radius:5px;overflow:hidden;}
.games-view .games-view-info{width:143px;height:75px;}
.games-view .games-view-info-name{width:143px;height:20px;line-height:20px;font-size:16px;color:#333;display:block;}
.games-view .games-view-info-name:hover{color:#f36;text-decoration:none;}
.games-view .games-view-info-detail{width:143px;height:22px;line-height:22px;color:#777;display:block;}
.games-view .games-view-info-btnbox{width:143px;height:30px;position:relative;}
.games-view .games-view-info-btn{width:66px;/* height:28px;line-height:28px; */height:26px;line-height:26px;position:absolute;left:0;top:0;display:block;border-top-left-radius:5px;-moz-border-top-left-radius:5px;-webkit-border-top-left-radius:5px;border-bottom-left-radius:5px;-moz-border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;}
.games-view .games-view-info-arrow{width:28px;/* height:28px;line-height:28px; */height:26px;line-height:26px;border-top-right-radius:5px;-moz-border-top-right-radius:5px;-webkit-border-top-right-radius:5px;border-bottom-right-radius:5px;-moz-border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px;position:absolute;left:67px;top:0;display:block;}
.games-view .games-view-info-dropmenu{width:94px;height:86px;border:1px #e9e9e9 solid;position:absolute;left:0;top:28px;/* top:30px; */}
.games-view .games-view-info-dropmenu li{height:30px;margin-bottom:-1px;}
.games-view .games-view-info-dropmenu li a{height:28px;line-height:28px;border-bottom:1px #e9e9e9 solid;background:#fff;color:#f36;display:block;}
.games-view .games-view-info-dropmenu li a:hover{/* background:#f2faff; */background:#eefcff;text-decoration:none;}
.games-view .games-view-info-dropmenu-game{}
.games-view .games-view-info-dropmenu-gift{}
.games-view .games-view-info-dropmenu-site{}

.side-news{height:384px;overflow:hidden;}
/* .side-news .common-title-icon{background-position:-37px -1002px;} */
.side-news .side-news-tab{width:283px;height:337px;border:1px solid #e9e9e9;background:#fff;}
.side-news .side-news-tab-items{width:100%;height:49px;background:#f8f8f8;}
.side-news .side-news-tab-item{width:141px;height:48px;line-height:48px;border-bottom:1px #e9e9e9 solid;}
.side-news .side-news-tab-item.cur,.side-news .side-news-tab-item:hover{height:46px;border-bottom:2px solid #f36;/* font-weight:700; */background:#fff;}
.side-news .side-news-tab-item.cur a{color:#f36;}
.side-news .side-news-tab-item-a{width:141px;height:49px;margin:-1px 0 0 -1px;border-left:1px solid #e9e9e9;font-size:18px;display:block;}
.side-news .side-news-tab-item-a:hover{text-decoration:none;}
.side-news .side-news-tab-contents{width:283px;height:283px;overflow:hidden;}
.side-news .side-news-tab-contents-ad{width:283px;height:52px;display:block;}
.side-news .side-news-tab-contents-ul{width:253px;height:231px;margin:0 auto;}
.side-news .side-news-tab-contents-li{width:253px;height:32px;border-top:1px dashed #ececec;}
.side-news .side-news-tab-contents-li a{height:32px;line-height:32px;font-size:14px;}

.side-servers{height:480px;overflow:hidden;}
/* .side-servers .common-title-icon{background-position:-112px -1002px;} */
.side-servers .side-servers-tab{width:283px;height:433px;border:1px solid #e9e9e9;background:#fff;}
.side-servers .side-servers-tab-items{width:100%;height:49px;background:#f8f8f8;}
.side-servers .side-servers-tab-item{width:141px;height:48px;line-height:48px;border-bottom:1px #e9e9e9 solid;}
.side-servers .side-servers-tab-item.cur,.side-servers .side-servers-tab-item:hover{height:46px;border-bottom:2px solid #f36;/* font-weight:700; */background:#fff;}
.side-servers .side-servers-tab-item.cur a{color:#f36;}
.side-servers .side-servers-tab-item-a{width:141px;height:49px;margin:-1px 0 0 -1px;border-left:1px solid #e9e9e9;font-size:18px;display:block;}
.side-servers .side-servers-tab-item-a:hover{text-decoration:none;}
.side-servers .side-servers-tab-contents{width:283px;height:384px;overflow:hidden;}
.side-servers .side-servers-tab-contents-ul{width:283px;height:384px;}
.side-servers .side-servers-tab-contents-li{width:283px;font-size:14px;}
.side-servers .side-servers-tab-contents-row-normal{width:253px;height:32px;line-height:32px;margin:0 auto;}
.side-servers .side-servers-tab-contents-row-normal .server-content-time{width:90px;height:32px;}
.side-servers .side-servers-tab-contents-row-normal .other-server-content-time{}
.side-servers .side-servers-tab-contents-row-normal .server-txt{width:93px;height:32px;}
.side-servers .side-servers-tab-contents-row-normal .server-txt-color{}
.side-servers .side-servers-tab-contents-row-normal .server-list{width:70px;height:32px;}
.side-servers .side-servers-tab-contents-row-normal .server-color{}
.side-servers .side-servers-tab-contents-row-current{width:283px;height:64px;background:#f2f2f2;position:relative;}
.side-servers .side-servers-tab-contents-row-current .server-txt{width:105px;height:52px;padding:6px 0;background:#09f;position:absolute;top:0;left:0;}
.side-servers .side-servers-tab-contents-row-current .server-txt:hover{background:#0af;text-decoration:none;}
.side-servers .side-servers-tab-contents-row-current .server-time,.side-servers .side-servers-tab-contents-row-current .server-game{width:105px;height:26px;line-height:26px;color:#fff;display:block;}
.side-servers .side-servers-tab-contents-row-current .server-pic{width:69px;height:46px;padding:9px 12px;position:absolute;top:0;left:105px;display:inline-block;}
.side-servers .side-servers-tab-contents-row-current .server-btn{width:70px;height:32px;line-height:32px;margin:16px 0;position:absolute;top:0;left:198px;}

.side-ad{width:285px;height:115px;}

.fast-way{width:285px;}
.fast-way .fast-way-content,.fast-way .fast-way-content a{width:285px;height:143px;background:url("../img/index.png") 0 -505px no-repeat;position:relative;}
.fast-way .fast-way-content a{width:135px;height:41px;position:absolute;}
.fast-way .fast-way-content a:hover{background-position:0 -505px;}
.fast-way .fast-way-content .w1{left:0;top:0;background-position:0 -505px;}
.fast-way .fast-way-content .w1:hover{background-position:0 -658px;}
.fast-way .fast-way-content .w2{left:150px;top:0;background-position:-150px -505px;}
.fast-way .fast-way-content .w2:hover{background-position:-150px -658px;}
.fast-way .fast-way-content .w3{left:0;top:51px;background-position:0 -556px;}
.fast-way .fast-way-content .w3:hover{background-position:0 -709px;}
.fast-way .fast-way-content .w4{left:150px;top:51px;background-position:-150px -556px;}
.fast-way .fast-way-content .w4:hover{background-position:-150px -709px;}
.fast-way .fast-way-content .w5{left:0;top:102px;background-position:0 -607px;}
.fast-way .fast-way-content .w5:hover{background-position:0 -760px;}
.fast-way .fast-way-content .w6{left:150px;top:102px;background-position:-150px -607px;}
.fast-way .fast-way-content .w6:hover{background-position:-150px -760px;}

.server-online{width:285px;}
/* .server-online .common-title-icon{background-position:-224px -1002px;} */
.server-online .server-online-content{width:283px;/* height:162px; */height:263px;border:1px solid #e9e9e9;background:#fff;position:relative;}
.server-online .server-online-content-pic{width:110px;height:105px;background:url("../img/index.png") 0 -1043px no-repeat;position:absolute;top:40px;left:15px;}
.server-online .server-online-content-txt{width:243px;/* height:110px; */height:243px;position:absolute;top:0;left:20px;}
.server-online .server-online-content-txt dt{width:164px;/* height:30px; */height:65px;line-height:30px;/* font-size:18px; */padding:60px 20px 0 79px;font-size:12px;/* background:url("../img/index.png") -18px -1004px no-repeat; */background:url("../img/index.png") 0  -811px no-repeat;/* color:#f36; */color:#333;}
.server-online .server-online-content-txt dd{width:243px;height:42px;line-height:42px;font-size:20px;background:url("../img/index.png") 0 -1082px no-repeat;color:#09f;}
.server-online .server-online-content-txt .server-time{font-size:14px;background:transparent;text-align:right;position:absolute;top:110px;right:0;}
.server-online .server-online-content-txt dd a{color:#09f;}
.server-online .server-online-content-icon{width:26px;height:29px;margin:0 15px 2px 0;background:url("../img/index.png") no-repeat;vertical-align:middle;display:inline-block;}
.server-online .server-online-content-icon.server{background-position:0 -1042px;}
.server-online .server-online-content-icon.phone{background-position:0 -1042px;}
.server-online .server-online-content-icon.qq{background-position:-40px -1042px;}

.friendly-link{width:1220px;padding:0 20px;}
/* .friendly-link .common-title-icon{background-position:-261px -1002px;} */
.friendly-link .friendly-link-name{}
.friendly-link .friendly-link-name a{line-height:1.8;}
.friendly-link .friendly-link-name .split{padding:0 5px;color:#bbb;vertical-align:top;}

/* dl */
.dl_l,.dl_r{position:absolute;top:514px;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-515px);z-index:99;}
.dl_l{margin-left:-920px;left:50%;}
.dl_r{margin-right:-920px;right:50%;}
.move-dl{position:fixed;top:20px;_position:absolute;}


/*fcm box begin*/
.fcm-box{width:450px;height:340px;margin:-170px 0 0 -225px;border:1px solid #eee;box-shadow:0 0 2px #aaa;background:#fff none repeat scroll 0 0;position:fixed;top:50%;left:50%;z-index:10000;display:none;}
.fcm-box .fcm-close-btn{width:30px;height:30px;line-height:30px;font-size:20px;text-align:center;position:absolute;right:5px;top:5px;z-index:10000;}
.fcm-box .fcm-content{height:340px;position:relative;overflow:hidden;z-index:1000;}
.fcm-box .fcm-box-title{padding:15px 10px 10px 10px;border-bottom:1px solid #ddd;font-size:14px;font-weight:500;color:#555;}
.fcm-box .fcm-box-tip{line-height:20px;padding:20px 40px 0 40px;font-size:14px;color:#777;}
.fcm-box .fcm-box-form{margin:10px 40px 0 40px;font-size:14px;}
.fcm-box .fcm-box-group{height:60px;}
.fcm-box .fcm-box-label{width:80px;height:40px;line-height:40px;color:#777;float:left;}
.fcm-box .fcm-box-input{width:258px;height:28px;line-height:28px;padding:5px;border:1px solid #ddd;outline:0 none;float:left;}
.fcm-box .fcm-box-tip2{margin:0 auto 10px auto;color:#f60;text-align:center;}
.fcm-box .fcm-btn-bg{width:450px;height:75px;background:#eee none repeat scroll 0 0;}
.fcm-box .fcm-tips-msg{height:36px;line-height:36px;font-size:12px;color:#f00;position:absolute;left:40px;bottom:15px;display:block;}
.fcm-box .fcm-sub-btn{width:90px;height:36px;line-height:36px;border-radius:5px;font-size:14px;background:#f36;color:#fff;text-align:center;position:absolute;right:40px;bottom:15px;display:block;}
/*fcm end*/