/*the global*/
body{font-size:14px; font-family: "Microsoft Yahei"; min-width:1000px; background:#fefefe}
a:hover { text-decoration: underline; _direction: ltr; }
.global-footer{ color:#fff; background:#000; margin-top: 40px;} 
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#fff;}
strong{font-weight: bold;}
/*comm*/

.pn .hd{*zoom: 1;}
.pn .hd:before{content: ' '; display: table;}
.pn .hd:after{ content: ' '; display: table; clear: both;}

.mask{ z-index:-1; position: absolute; top:0; left:0; width: 100%; height: 100%; _height:500px; background:#000; filter:alpha(opacity:70); opacity:.70}
:root .mask{ filter:none \0}
.oz{overflow: hidden; *zoom:1;}

.ico{ display:inline-block; vertical-align:middle; background:url(/ue1/a/cf.s/index/2015/img/sprite.png) no-repeat;}
.ico-video{width: 23px; height: 23px; background-position: -152px 0; margin: 0 8px 0px 0}
.ico-list{width: 17px; height: 17px; background-position: -187px 0; margin: 0 8px 0px 0}
.ico-pic{width: 24px; height: 19px; background-position: -218px 0; margin: 0 8px 0px 0}
.ico-info{width: 22px; height: 17px; background-position: -153px -36px; margin: 0 8px 0px 0}
.ico-video1{width: 45px; height: 45px; background:url(/ue1/a/cf.s/index/2015/img/ico-video.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ue1/a/cf.s/index/2015/img/ico-video.png',enabled=true,sizingMethod=scale); position: absolute; left: 50%; top: 35px; margin:0 0 0 -22px;}

.content-in{padding:10px;}
.c-tx, a.c-tx:hover{color: #333}
.c-tx1, a.c-tx1:hover{color: #fff}
.c-tx2, a.c-tx2:hover{color: #ababab}
.c-tx3, a.c-tx3:hover{color: #999}
.c-tx4, a.c-tx4:hover{color: #666}
.sep{width: 1px; height:15px; overflow: hidden; position: absolute; right: 0; top: 50%; margin-top: -7px; background:#e6e6e6;}
.col-l{width: 690px; float: left;}
.col-r{width: 285px; float: right; overflow: hidden; margin-top: -20px;}

.comm-tab .hd{border-bottom: 1px solid #ebebeb; height: 44px;}
.comm-tab .tab{margin-bottom: -1px;} 
.comm-tab .tab-item{float: left; width: 25%; position: relative;}
.comm-tab .tab-item .sep{}
.comm-tab .tab-item a{display:block; height: 44px; line-height: 40px; color: #999; font-size:18px; text-align: center;}
.comm-tab .tab-item a:hover{text-decoration: none;}
.comm-tab .current a{border-bottom: 1px solid #f96515; font-weight: bold; color: #000;}

.comm-plist{margin-right: -40px;}
.comm-plist .item{float: left; width:220px; margin-right:40px; margin-bottom:15px;}
.comm-plist .item-c1{display: block; position: relative;}
.comm-plist .item-c1 img{display: block;}
.comm-plist .item-c1 .tit{position: absolute; top:75px;  width:78%; padding-left: 2%; padding-right: 20%; height:50px; color: #fff; z-index: 3}
.comm-plist .item-c1 .txt{display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; padding-top: 22px;}
.comm-plist .item-c1 .date{top: 22px; right: 10px; position:absolute;}
.comm-plist .item-c1 .mask{background: -webkit-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: -moz-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
opacity: 1; opacity: .5\9; height: 34px\9; top: 16px\9; width: 220px;}

.comm-plist .item-c2{display: block; height: 40px; line-height: 20px; overflow: hidden; padding-top: 10px; }
.comm-plist .item a{color: #333}
.comm-plist .item a:hover .ico-video1{display: none; _filter:alpha(opacity:0);}

.comm-list1{padding:7px 0}
.comm-list1 li{margin-bottom:18px; overflow: hidden; *zoom:1; line-height: 30px;}
.comm-list1 li .tit{width:95px; height: 30px; color: #fff; font-size: 16px; font-weight: bold; float: left; background: url(/ue1/a/cf.s/index/2015/img/sprite.png) 0 -59px; text-align: center;margin:0 20px 0 15px; *display: inline;}
.comm-list1 li .links{overflow: hidden; *zoom:1; position: relative;}
.comm-list1 li .sep{right: auto; left: 0; background:#b8b8b8}
.comm-list1 li .links a{padding:0 15px; display: inline-block; color: #333;}

/*the layout*/ 
.wrapper{ background:url(/ue1/a/cf.s/index/2015/img/wrapper.jpg) no-repeat center top;}
.pn{margin-top:20px;}
.pn .hd{border-bottom: 1px solid #ebebeb; height: 44px; font-size: 0; position: relative;}
.pn .hd .tit{font-size:18px; font-weight: bold; display: inline-block; *display: inline; zoom:1; line-height: 40px;vertical-align: middle; padding-right: 10px;}
.pn .hd .txt{display: inline-block;}
.pn .hd .tab{display: inline-block; *display: inline; zoom:1; vertical-align: middle;}
.pn .hd .tab-item{display: inline-block; width: auto; padding: 0 10px}
.pn .hd .tab-item a{font-size:16px; display: inline-block; line-height: 46px; padding: 0 10px;}
.pn .hd .tab-item .sep{height: 10px; margin-top: -5px;}
.pn .hd .more{position: absolute; right:10px; top: 0; font-size: 14px; line-height:50px;}
.pn .bd{padding-top:20px;}
.pn .bd1{border: 1px solid #ebebeb; margin-top: -1px;}
.pn1{margin-top: 20px;}

/*the header*/
.header{ width:1020px; height:385px; margin:0 auto; position:relative;}
.logo-box{position: absolute; top:180px; left: 80px;}
.logo-box a{color: #433a32;}
.logo-box a:hover{text-decoration: none;}
.logo-box .game-name{font-size:22px; display: block; text-align: center;}
.logo-box .game-name span{display: inline-block; background:#705f4e; border-radius: 20px; padding:0 10px; margin-left: 10px; color: #fff}
.logo-box .game-url{font-size:16px; text-align: center; display: block; padding-top: 10px;}

.header-c1{width: 1020px; position: absolute; bottom: 0; left: 0}
.nav-list{}
.nav-list li{float: left;}
.nav-list li a{display:block; width:120px; height:40px; line-height: 40px; color: #fff; margin-top: 5px; border-right: 1px solid #613821; font-size:18px; text-align: center; background:#7a4a30}
.nav-list li a:hover{color:#c8a22b; text-decoration: none;}
.nav-list .active a{background: #000; margin-top: 0; height: 45px; line-height: 45px; border-right: 0}
.nav-list .active a:hover{color: #fff}
.header-quick-start{background: #000; font-size: 12px; height:40px; line-height: 40px; padding-right: 220px; position: relative;}
.header-quick-start .item{color:#97948c; padding-left: 30px; float: left;}
.header-quick-start .con{color:#97948c; display: inline-block; padding: 0 3px;}
.box-download{position: absolute; top: 0; right:20px; color:#97948c;}
.box-download a{color:#c8a22b; padding: 0 5px}
.new-link{width:140px; height: 45px; color: #fdfe05; line-height: 45px; text-align: center; position: absolute; top:240px; right: 0px; z-index: 3; overflow: hidden; border-radius: 8px;}

/*the content*/
.content{ width:1020px; margin:0 auto; background: #fff;}
.first-screen{}
.first-screen-c1{float: left; width: 710px;}
.first-screen-c2{float: right; width: 250px;}
.mod-focus {float: left; overflow: hidden; position: relative; width: 280px; height: 240px; background-color: #000; margin-right:38px;}
.mod-focus a { display: block; }
.mod-focus a:hover { text-decoration: none; }
.focus-con { position: relative; }
.focus-item { position: absolute; width: 100%; }
.focus-item img { width: 100%; }
.focus-item .txt { position: absolute; z-index: 4; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 1.3}
.focus-item .tit, .focus-item .detail { display: block; width: 100%; margin-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; }
.focus-item .tit { margin-top:8px; }
.focus-nav { position: absolute; z-index: 5; right:3px; bottom:6px; }
.focus-nav a { float: left; width: 25px; height:5px; overflow: hidden; margin-right: 2px; background-color: #fff; }
.focus-nav .current {background-color: #f35925;}

.fs-mod-news{overflow: hidden; *zoom:1;}
.fs-mod-news .bd{padding-top:13px;}

.fs-news-list .item{position: relative; height:26px; *height:23px; line-height:26px; *line-height:23px; background: url(/ue3/a/cf.s/index/2015/img/bg-news.png) no-repeat 0 center;}
.fs-news-list .item-c2{padding: 0 52px 0 10px;}
.fs-news-list .item-c2 .tit{width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #333;}
.fs-news-list .item-c2 .tit a{color: #333}
.fs-news-list .item-c3{position: absolute; right: 0; top: 0;}

.fs-mod-game{background: url(/ue2/a/cf.s/index/2015/img/bg-game.png); width:230px; height: 220px; padding: 10px;}
.fs-mod-game .game-c1 .pic{float: left; display: block; width: 90px; margin-right: 5px;}

.fs-mod-game .game-c1 .game-info .tit{font-weight: bold; font-size:20px; color: #000; line-height: 1.3}
.fs-mod-game .game-c1 .game-info .tit a{color: #000}
.fs-mod-game .game-c1 .game-info a:hover{text-decoration: none;}
.fs-mod-game .game-c1 .btn{width:64px; height: 51px; background: url(/ue1/a/cf.s/index/2015/img/sprite.png) no-repeat; display: block; float: left; margin-top: 5px; position: relative;}
.fs-mod-game .game-c1 .btn span{padding-top:30px; *padding-top:32px; display: block; line-height:18px; font-size: 12px; text-align: center;}
.fs-mod-game .game-c1 .andorid{background-position:-71px 0; margin-left: 7px;} 
.fs-mod-game .game-c1 .ios span{color:#21c0f7}
.fs-mod-game .game-c1 .andorid span{color:#72a73e}

.fs-mod-game .game-c1 .btn .ewm{height: 0; overflow: hidden;}
.fs-mod-game .game-c1 .btn:hover .ico-ewm-t{display:block;width:17px;height: 10px;background-position:-108px -64px; left: 50%; margin-left: -9px; position: absolute;top: -10px;}
.fs-mod-game .game-c1 .btn:hover .ewm{display:block;height:140px;border: 1px solid #c7c7c7;position: absolute;bottom: -147px;left: -30px;width:128px;padding-top:5px; background-color: #fff; z-index: 420;overflow: visible; -webkit-transition:height .2s  ease-out;
-moz-transition:height .2s ease-out;
-ms-transition:height .2s ease-out;
-o-transition:height .2s ease-out;
transition:height .2s ease-out;}
.fs-mod-game .game-c1 .btn .ewm span{color: #333; padding-top:2px}
.header-c1 .btn-box a:hover .ewm span{line-height: 20px; color: #333;}

.fs-mod-game .game-c2{overflow: hidden; *zoom:1; margin-right: -30px; padding:5px 0;}
.fs-mod-game .game-c2 .item{display: inline-block;  padding:0 10px 0 8px; font-size: 12px; color:#999; line-height:1.8}
.fs-mod-game .game-c3{padding-top:5px; margin-right: -10px; }
.fs-mod-game .game-c3 .con{display:block; float: left; margin: 0 2px 5px 3px; width:80px; height: 30px; line-height: 30px; color: #333; font-size: 16px; background:#f2f2f2 url(/ue1/a/cf.s/index/2015/img/sprite.png) no-repeat -275px 9px; padding-left: 30px; border-radius: 3px;}
.fs-mod-game .game-c3 .con:hover{background-color:#f35925; background-position:-275px -30px; color: #fff; text-decoration: none;}

.pn-hero .hd .tit{ float: left;}
.pn-hero .hd .tab{ float: right;}
.pn-hero .hd .tab a{ color:#333;}
.mod-hero .cell{float: left; width: 132px; height: 550px;overflow: hidden; position: relative;}
.mod-hero .cell1-active,.mod-hero .cell2-active,.mod-hero .cell3-active,.mod-hero .cell4-active,.mod-hero .cell5-active{width: 472px;color:#575757;}
.mod-hero .col-l{color:#727272; width:132px; height: 550px; overflow: hidden; position: relative; background: url(/ue1/a/cf.s/index/2015/img/b-hero.jpg) no-repeat; cursor: pointer; transition:color .5s, background-position .2s;}
.mod-hero .cell1-active .col-l,.mod-hero .cell2-active .col-l,.mod-hero .cell3-active .col-l,.mod-hero .cell4-active .col-l,.mod-hero .cell5-active .col-l{ color:#fffefe;}
.mod-hero .cell2 .col-l{background-position:-264px 0;}
.mod-hero .cell3 .col-l{background-position:-528px 0;}
.mod-hero .cell4 .col-l{background-position:-792px 0;}
.mod-hero .cell5 .col-l{background-position:-1056px 0;}
.mod-hero .col-l .num{font-size:60px; font-family: Impact; text-align: center; line-height:1.8}
.mod-hero .col-l .text{position: absolute; width: 100%; bottom:25px; left: 0; text-align: center;}
.mod-hero .col-l .text .tit{font-size:18px; line-height: 1.3;}
.mod-hero .col-l .text .txt{font-size: 12px; text-transform: uppercase;}
.mod-hero .col-r{width: 340px; height: 550px; position:absolute; left: 132px; top: 0; z-index: 3; background-color: #fbfbfb;}
.mod-hero .hero-img{ height: 250px; background-color: #000;}
.mod-hero .hero-img img{ width:340px; height: 250px;}
.mod-hero .hero-tit{ padding:8px 15px 6px;color:#f96515; font-weight: bold; font-size: 18px;}
.mod-hero .hero-tit a{color:#f96515;}
.mod-hero .hero-desc{ padding:0 15px; color:#999; line-height: 22px; text-indent: 2em;}
.mod-hero .cell1-active .col-l{background-position: -132px 0}
.mod-hero .cell2-active .col-l{background-position: -396px 0}
.mod-hero .cell3-active .col-l{background-position: -660px 0}
.mod-hero .cell4-active .col-l{background-position: -924px 0}
.mod-hero .cell5-active .col-l{background-position: -1188px 0}
.mod-hero .news-list{ padding:10px 15px 0;}

.mod-zl{width: 670px; float: left;}
.mod-gl{width: 310px; float: right; overflow: hidden;}
.mod-gl-c1{margin: 0 0 10px 0; width: 500px;}
.mod-gl-c1 .item{overflow: hidden; *zoom:1; float:left; width:150px;  border-right: 1px dashed #999; line-height: 48px; margin-right: 20px; }

.mod-gl-c1 .item img{display: block; float: left; padding-right:15px;}
.mod-gl-c1 .item .txt{overflow: hidden; *zoom:1; font-weight: bold; font-size:16px;}
.news-list .item{overflow: hidden; *zoom:1; line-height:24px;}
.news-list .item-c1{float: right; width: 50px; text-align: right;}
.news-list .item-c2{overflow: hidden; *zoom:1;}
.news-list .tit{width: 100%; color: #333; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.news-list .tit a{color: #333}

.mod-links{border:1px solid #ebebeb;}
.mod-links-in{padding: 10px;}
.mod-links-in a{color: #333}

.crumb { line-height: 36px; border-bottom: 1px solid #ededed; }
.crumb a { color: #666; }
.crumb strong{font-weight: normal;}

.gb-list .item{overflow: hidden; *zoom:1;}
.gb-list .item-c1{float: left;}
.gb-list .item-c2{overflow: hidden; *zoom:1;}

.article-list .item{padding:15px 0; border-bottom: 1px solid #ebebeb}
.article-list .item-c1{width: 130px;  margin-right: 15px;}
.article-list .tit {font-size:22px; line-height: 1.2;}
.article-list .tit a {display: inline-block; max-width: 100%; _width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333;}
.article-list .tit a:hover { color: white; background-color: #ff7200; text-decoration: none; }
.article-list .detail { overflow: hidden; height: 3em; margin-top: .7em;}
.article-list .time { margin-top: .5em;}

.article-more { padding-top: 15px; }
.article-more a { display: block; font: normal 18px/2.2 "MicroSoft YaHei"; color: #666666; text-align: center; border: 1px solid #e5e5e5; background-color: #f2f2f2; }

.comm-mod { margin:10px 0;}
.comm-mod .hd { height: 36px; line-height: 36px; border-bottom: 1px solid #ededed; overflow: hidden; *zoom:1;}
.comm-mod .hd .tit { margin-top: 9.6px; *padding-top: 1px; padding-left: 10px; font-size:16px; line-height: 16.8px; border-left: 3px solid #f96515; }
.comm-mod .hd .tit { float: left; }
.comm-mod .hd .more { float: right; text-align: right; font-size: 12px;}
.top-tit{font-weight: bold; padding-top: 15px;}

.side-list-pt { margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px dotted #e5e5e5; }
.side-list-pt .item { margin-top: 15px;}
.side-list-pt .item-c1 { width: 90px; margin-right: 15px;}
.side-list-pt .item-c2{font-size: 12px;}

.side-list-txt .tit{font-size: 14px;}

.side-list-video .item{width:130px; margin:15px 25px 0 0;}
.side-list-video .item-c2{font-size: 12px; line-height: 18px; height: 36px; padding-top: 5px;}
.side-list-video .ico-video1{top: 15px;}

.pagination { text-align: center; padding: 30px 0; }
.pagination ul { font-size: 0; }
.pagination li { display: inline-block; *display: inline; *zoom: 1; margin: 0 2px; font-size: 14.004px; line-height: 32px; vertical-align: top;}
.pagination a { display: block; padding: 0 1em; border: 1px solid #d6d6d6; color: #333; border-radius: 2px;}
.pagination a.current, .pagination a:hover { color: white; text-decoration: none; border-color: #613821; background-color: #613821; }