@charset "utf-8";
/*************************************
*样式公用文件
*@mogumomo
*2014-6-6
*project
*************************************/
/* CSS Document */

/*reset.css*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

article, aside, address, details, dialog, figure, figcaption, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

caption, th { text-align: left; font-weight: normal; }
html, body, fieldset, img, iframe, abbr { border: 0; }
i, cite, em, var, address, dfn { font-style: normal; }
[hidefocus], summary { outline: 0; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; }
sup, sub { font-size: 83%; }
pre, code, kbd, samp { font-family: inherit; }
q:before, q:after { content: none; }
textarea { overflow: auto; resize: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; }
del, ins, u, s, a, a:hover { text-decoration: none; }
body, textarea, input, button, select, keygen, legend { font: 12px/1.14 arial,\5b8b\4f53; color: #333; outline: 0; }
body { background: #fff; }
a, a:hover { color: #333; }

/*public.css*/
*, html, body { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
body { box-sizing: content-box; font: normal 12px "Microsoft YaHei","微软雅黑","宋体",Arial,Verdana,Helvetica, Tahoma, Arial, SimSun, STXihei, "华文细黑", Heiti, "黑体", sans-serif; }


/*默认样式*/
img { display: inline; border: none; -ms-interpolation-mode: bicubic; }
ul li { list-style-type: none; border: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea { border: none; }
/*在谷歌和火狐下不能拖拽*/
textarea { resize: none; }

/*CSS3效果*/
a { text-decoration: none; color: #000; cursor: pointer; transition: all .4s ease-out; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; }

/*去掉默认边框*/
input,
button,
select,
textarea,
a { outline: none; }

a { blr: expression(this.onFocus=this.close()); blr: expression(this.onFocus=this.blur()); }
/* 只支持IE，过多使用效率低 */
a:focus { -moz-outline-style: none; outline: none; }
/* IE不支持 */

/*浮动*/
.fl { float: left; }
.fr { float: right; }

/*清除浮动*/
.clearfix:after { height: 0; content: ""; display: block; clear: both; visibility: hidden; font-size: 0; }
.clearfix { zoom: 1; }
* html .clearfix { zoom: 1; }
/* IE6 */
*:first-child + html .clearfix { zoom: 1; }
/* IE7 */
.clear { clear: both; height: 0; font-size: 0; }

/*字体样式*/
.yahei { font-family: 'Microsoft YaHei'; }
.songti { font-family: '宋体'; }

/*master.css*/
.wrapper { width: 1100px; margin: 0 auto; }

/*Header*/
.header { position: relative; width: 100%; height: 125px; background: url(../images/header_bg.png) repeat-x; z-index: 9; }
.logo { display: block; padding: 31px 0; margin-right: 31px; }
.play { display: block; padding-top: 37px; }

/*Nav*/
.nav { position: relative; height: 120px; font-size: 18px; line-height: 120px; }
.nav-item { width: 115px; text-align: center; float: left; }
.nav-item a { display: block; color: #444; }
.redline { position: absolute; bottom: 0; width: 115px; height: 5px; background: #e41047 none repeat scroll 0 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; }
.nav-current a, .nav-item:hover a { color: #e41047; }

/*Login|Register*/
.loginlink, .loginmsg { height: 120px; font-size: 18px; line-height: 120px; margin-left: 50px; display: none; }
.loginlink span { cursor: pointer; }
.loginmsg { max-width: 200px; width: auto; overflow: hidden; font-size: 14px; margin-left: 30px; }
.loginmsg span { display: block; float: right; }
#usermsg { max-width: 152px; width: auto; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; }

.popcontent { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; display: none; background: url(../images/popbg.png) repeat; }
.popbg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; }
.popbox { position: fixed; top: 50%; left: 50%; padding: 40px 35px; background-color: #fff; z-index: 11; }
.popbox h1 { font-weight: normal; font-size: 24px; color: #444; text-align: center; margin-bottom: 20px; }
.popbox form p { position: relative; width: 350px; margin-bottom: 18px; }
.popbox form p:last-child { margin-bottom: 0; }
.popbox form input[type=text], .popbox form input[type=password] { width: 310px; height: 50px; padding-left: 40px; line-height: 50px; border-bottom: 1px solid #d7d7d7; font-size: 16px; background-color: #fff; }
.popbox form input:focus { border-bottom: 1px solid #138ed8; }
input::-webkit-input-placeholder { /* WebKit browsers */ color: #cfcfcf; }
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #cfcfcf; }
input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #cfcfcf; }
input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #cfcfcf; }
.errorbox { display: none; }
.erroricon { position: absolute; bottom: 6px; right: 0; width: 20px; height: 20px; background: url(../images/error.png) no-repeat; }
.errormsg { position: absolute; bottom: -18px; right: 0; font-size: 12px; color: #f8972f; }
.popclose { position: absolute; top: 0; right: -50px; display: block; width: 50px; height: 50px; background: url(../images/login_close.png) no-repeat; }
.popbox form input.btn { width: 350px; height: 50px; padding-left: 0; margin-top: 28px; border-radius: 5px; background-color: #138ed8; text-align: center; line-height: 50px; color: #fff; font-size: 18px; cursor: pointer; }

.loginbox { width: 350px; height: 267px; margin-left: -175px; margin-top: -133px; display: none; }
.registerbox { width: 350px; margin-left: -175px; margin-top: -286px; display: none; }
#loginUserName, #username { background: url(../images/login_username.png) no-repeat left center; }
#loginUserName:focus, #username:focus { background: url(../images/login_username_hover.png) no-repeat left center; }
#loginPassWord, #password, #qrpwd { background: url(../images/login_password.png) no-repeat left center; }
#loginPassWord:focus, #password:focus, #qrpwd:focus { background: url(../images/login_password_hover.png) no-repeat left center; }
#realname { background: url(../images/login_name.png) no-repeat left center; }
#realname:focus { background: url(../images/login_name_hover.png) no-repeat left center; }
#userid { background: url(../images/login_sfz.png) no-repeat left center; }
#userid:focus { background: url(../images/login_sfz_hover.png) no-repeat left center; }

.agreement { font-size: 16px; }
.agreement a { color: #0f8fe9; }

.errorspan, .loginerror { display: block; position: absolute; bottom: 15px; font-size: 14px; color: red; }

/*协议*/
.agreement { padding-bottom: 20px; font-size: 14px; color: #606060; }
.agreement h2 { line-height: 3em; }
.agreement p { line-height: 1.6em; text-indent: 2em; }

/*Banner*/
.indexbanner { position: relative; top: -8px; width: 100%; margin-bottom: 40px; min-width: 1100px; }
.indexbanner .swiper-container { width: 100%; margin-left: auto; margin-right: auto; max-height: 520px; min-width:1100px; }
.indexbanner .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; margin-top: 0; }
.indexbanner .swiper-slide img { display: block; width: 100%; height: auto; }
.indexbanner .pagination { position: absolute; left: 0; width: 100%; text-align: center; bottom: 10px; z-index: 2; }
.indexbanner .swiper-pagination-switch { width: 8px; height: 8px; display: inline-block; border-radius: 100%; margin: 0 5px; background: #fff; opacity: 1; }
.indexbanner .swiper-active-switch { opacity: 1; background: #e41047; }

/*IndexContent*/
.index-title { margin-bottom: 19px; }
.index-title h2 { height: 30px; padding-left: 39px; font-size: 18px; line-height: 30px; color: #404040; background: url(../images/icon.png) no-repeat left center; }
.index-title .index-more { display: block; height: 30px; font-size: 14px; line-height: 30px; color: #404040; }

.hotgames { margin-bottom: 40px; }
.hotgamesbox { margin-left: -15px; }
.hotgames-item { width: 355px; height: 200px; margin-left: 15px; float: left; }
.hotgames-item img { width: 355px; height: 200px; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; }
.hotgames-item:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); z-index: 100; }

.absw > div { width: 500px; height: 190px; margin-bottom: 40px; overflow: hidden; }
.index-aboutmsg p { font-size: 14px; line-height: 2em; text-indent: 2em; color: #606060; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.index-contactbox img { width: 210px; height: 141px; float: left; margin-right: 20px; }
.index-contactmsg span { display: block; font-size: 14px; line-height: 34px; color: #606060; }

/*Footer*/
.footer { background-color: #eaeaea; }
.footerbox { padding: 50px 0; background: url(../images/footer_bg.png) no-repeat bottom right; }
.footerbox span { display: block; text-align: center; font-size: 14px; color: #606060; line-height: 30px; }
.footerbox a { color: #606060; }

/*Sub*/
.subbanner { position: relative; top: -5px; width: 100%; height: 180px; overflow: hidden; min-width: 1100px; }
.subbanner img { position: absolute; top: 0; left: 50%; width: 1920px; height: 180px; margin-left: -960px; }

/*about*/
.aboutus { margin-top: 27px; padding-top: 440px; padding-bottom: 120px; background: url(../images/about_bg.png) no-repeat top center; }
.aboutus article { width: 750px; margin: 0 auto; }
.aboutus article p { font-size: 14px; text-indent: 2em; line-height: 48px; color: #444; }

/*product*/
.product-games { position: relative; margin-top: 80px; margin-bottom: 60px; }
.product-games .swiper-container { width: 1000px; height: 217px; margin: 0 50px; }
.product-games .swiper-slide { position: relative; width: 160px; text-align: center; font-size: 18px; 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; }
.product-games .swiper-slide span, .product-games .swiper-slide a { display: block; }
.gameimagebox { color: #444; }
.gameimgbg { position: absolute; left: 20px; top: 0; width: 160px; height: 172px; background: url(../images/games_bg.png) no-repeat; }
.gameimagebox img { width: 160px; height: 160px; }
.gamename { margin-top: 20px; }
.gameimagebox:hover .gameimgbg { background: url(../images/games_choosebg.png) no-repeat; }
.gameimagebox:hover { color: #e41047; }

.product-games .arrow-left, .product-games .arrow-right { position: absolute; top: 50px; width: 30px; height: 56px; z-index: 10; cursor: pointer; background-position: center; background-repeat: no-repeat; }
.product-games .arrow-right { background-image: url(../images/game_next.png); right: 0px; left: auto; }
.product-games .arrow-left { background-image: url(../images/game_prev.png); left: 0px; right: auto; }
.product-games .arrow-right:hover { background-image: url(../images/game_next_hover.png); right: 0px; left: auto; }
.product-games .arrow-left:hover { background-image: url(../images/game_prev_hover.png); left: 0px; right: auto; }

.productlist { padding-top: 17px; background: url(../images/product_line.png) no-repeat top center; }
.productlist-item { height: 280px; padding: 30px 0; border-bottom: 1px solid #e0e0e0; overflow: hidden; }
.productlist-item img { width: 300px; height: 280px; margin-right: 30px; float: left; }
.productlist-msg { position: relative; width: 770px; height: 280px; }
.productlist-msg h2 { font-size: 24px; line-height: 48px; color: #e41047; font-weight: normal; }
.productlist-msg article { height: 188px; overflow: hidden; }
.productlist-msg article p { font-size: 14px; color: #444; line-height: 30px; }
.productlist-msg a { display: block; position: absolute; bottom: 0; left: 0; width: 112px; height: 39px; background-color: #ff9b1a; font-size: 14px; line-height: 39px; text-align: center; color: #fff; }

.page { padding: 0 69px; margin-top: 40px; padding-bottom: 55px; overflow: hidden; }
.pagenum { overflow: hidden; float: left; }
.pagenum a { display: block; border-radius: 4px; background-color: rgb(236, 236, 236); width: 44px; height: 44px; float: left; font-size: 16px; line-height: 44px; text-align: center; color: #989898; margin-right: 10px; }
.pagenum a.pagenow, .pagenum a:hover { background-color: #2c7dd0; color: #fff; }
.pagebtn a { display: block; height: 44px; font-size: 16px; line-height: 44px; color: #989898; cursor: pointer; }
.pagebtn .page-prev { width: 82px; padding-left: 46px; margin-right: 18px; background: url(../images/prev.png) no-repeat; float: left; }
.pagebtn .page-next { width: 98px; padding-left: 30px; margin-right: 18px; background: url(../images/next.png) no-repeat; float: left; }
.page-prev:hover { background: url(../images/prev_hover.png) no-repeat; }
.page-next:hover { background: url(../images/next_hover.png) no-repeat; }

.contact { height: 581px; padding-top: 173px; background: url(../images/contact_bg.png) no-repeat top center; }
.companymsg { width: 374px; height: 94px; margin: 0 auto; margin-bottom: 60px; padding-left: 249px; background: url(../images/contact_logo.png) no-repeat left center; overflow: hidden; }
.companymsg span { display: block; font-size: 16px; line-height: 30px; color: #444; }
.contactmsg { position: relative; width: 623px; height: 163px; margin: 0 auto; }
.contactmsg div { position: absolute; padding-left: 78px; font-size: 16px; color: #444; line-height: 30px; }
.contact-tel { left: 0; top: 0; height: 64px; background: url(../images/icon_tel.png) no-repeat left top; }
.contact-mail { left: 318px; top: 0; height: 100px; background: url(../images/icon_mail.png) no-repeat left top; }
.contact-qq { left: 0; top: 100px; height: 64px; background: url(../images/icon_qq.png) no-repeat left top; }

/*家长监护*/
q:before, q:after { content: ''; }

.s_header { width: 100%; height: 92px; background: url(../images/jianhu/s_headerbg.jpg) no-repeat center top; overflow: hidden; position: relative; top: -5px; }
.s_header .wrap { height: 92px; }
.wrap { width: 1100px; margin: 0 auto; position: relative; }
.s1 { position: absolute; left: 485px; top: 20px; }
.s2 { position: absolute; left: 1034px; top: 59px; }
.s3 { position: absolute; left: 260px; top: -49px; }
.s4 { position: absolute; left: -429px; top: -70px; }
.s5 { position: absolute; left: -110px; top: 43px; }
.s_header h2 { width: 170px; height: 45px; background: url(../images/jianhu/h2tit.png) no-repeat 0px -225px; text-indent: -9999px; overflow: hidden; position: absolute; left: 18px; top: 26px; }
.s_header h2.abouth2 { background-position: 0px 0px; }
.s_header h2.games { background-position: 0px -90px; }
.s_header h2.cares { /*height: 47px;*/ background-position: 0px -45px; }
.s_header h2.job { /*height: 43px;*/ background-position: 0px -135px; }
.s_header h2.coo { /*height: 39px;*/ background-position: 0px -180px; }
.sepline { width: 100%; height: 6px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/sanjiao.png); position: absolute; left: 0px; bottom: 0px; z-index: 400; }
.mainContentWrap { width: 980px; min-height: 650px; margin: 0 auto; padding: 25px 10px; position: relative; }
.mainContentWrap h3 { height: 30px; line-height: 30px; color: #5f5f5f; font-size: 16px; }
.mainContent { width: 905px; margin: 28px auto; }
.tabheader { width: 800px; height: 55px; padding-left: 53px; position: relative; }
.tabheader a { display: block; width: 263px; height: 55px; line-height: 55px; text-align: center; color: #a2a2a2; font-size: 24px; float: left; margin-right: 5px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/icons.png) 0px -60px; }
.tabheader a.nomargin { margin-right: 0px; }
.tabheader a.active, .tabheader a:hover { background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/icons.png) 0px -115px; color: #fff; }
.mainContent .ulwraps { width: 800px; height: 482px; margin: 0 0 0 55px; position: relative; }
.mainContent .ulWrap { width: 800px; height: 482px; position: absolute; top: 0px; left: 0px; display: none; }
.mainContent ul { width: 800px; padding-top: 12px; position: relative; }
.mainContent ul li { height: 47px; line-height: 47px; border-bottom: 1px dashed #e0e0e0; color: #3e3e3e; font-size: 14px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/liststyle.png) no-repeat left center; text-indent: 15px; position: relative; }
.mainContent ul li a span { float: right; }
.mainContent ul li a { color: #3e3e3e; }
.mainContent ul li a:hover { color: #fd6e56; }
.mainContent .pages { width: 100%; height: 90px; line-height: 90px; font-size: 12px; color: #3e3e3e; text-align: center; }
.mainContent .pages a { padding: 0px 10px; }
.thirdContent { width: 800px; padding-top: 40px; }
.thirdContent .titgroup { height: 90px; position: relative; border-bottom: 1px solid #b6b6b6; }
.thirdContent h2 { color: #bf4444; height: 35px; line-height: 35px; font-size: 24px; text-align: center; }
.thirdContent h5 { font-size: 14px; color: #979696; text-align: center; line-height: 30px; height: 30px; }
.article { width: 720px; padding: 10px 40px; line-height: 40px; text-align: center; color: #5f5f5f; font-size: 14px; text-align: left; }
.article p { text-indent: 2em; text-align: left; }

.articlenav { padding-top: 50px; color: #3e3e3e; font-size: 12px; text-align: center; }
.mainContent2 { width: 905px; margin: 0 auto; margin-top: 28px; }

.tabheader2 { width: 905px; }
.tabheader2 a { display: block; width: 450px; height: 55px; background: url(../images/jianhu/tabbg2.png); float: left; line-height: 55px; text-align: center; color: #a2a2a2; font-size: 24px; margin-right: 5px; }
.tabheader2 a.nomargin { margin-right: 0px; }
.tabheader2 a.active, .tabheader2 a:hover { background: url(../images/jianhu/tabbg.png); color: #fff; }
.aboutContent { padding-top: 35px; line-height: 45px; text-align: center; font-size: 14px; color: #5f5f5f; }
.aboutContent p { text-indent: 2em; line-height: 30px; text-align: left; clear: both; }
.aboutContent p span { padding: 0 0 0 15px; float: left; width: 300px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/prefix_point.jpg) no-repeat left center; }
.aboutContent img { padding: 28px 0px; }
.eventContent { padding-top: 75px; position: relative; overflow: hidden; padding-bottom: 20px; }
.yearWrap { position: relative; }
.yearbtn { width: 80px; height: 80px; position: relative; left: 50%; /*top: -20px;*/ margin-left: -40px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/icons.png) no-repeat 0px -170px; cursor: pointer; z-index: 200; }
.yearbtn .hover { width: 80px; height: 80px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/icons.png) no-repeat -80px -170px; opacity: 0; filter: alpha(opacity = 0); }
.yearbtn .yeartxt { width: 80px; height: 80px; text-align: center; line-height: 80px; color: #fff; font-size: 22px; position: absolute; top: 0px; left: 0px; text-shadow: 0px 1px 1px #097296; }
.yearbtn.active { width: 80px; height: 105px; position: relative; left: 50%; margin-left: -40px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/icons.png) no-repeat -190px -170px; cursor: pointer; }
.centerline { width: 10px; position: relative; left: 50%; margin-left: -5px; top: -5px; z-index: 100; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/linecenter.jpg); height: 14px; }
.centerline .linetop { width: 10px; height: 10px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/icons.png) no-repeat -165px -200px; }

.centerline .linebottom { width: 10px; height: 10px; position: absolute; bottom: -10px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/icons.png) no-repeat -165px -210px; }
.eventlist { width: 404px; position: absolute; z-index: 500; }
.yearWrap .left { left: 0px; }
.yearWrap .right { right: 0px; }
.eventlist .listtop { height: 13px; width: 404px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/eventlisttop.png); }
.eventlist .listmid { width: 404px; min-height: 112px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/eventlistmid.png); position: relative; }
.eventlist .listbottom { width: 404px; height: 21px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/eventlistbottom.png); }
.dir { width: 13px; height: 20px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/icons.png); position: absolute; top: 20px; }
.yearWrap .left .dir { background-position: -185px 0px; right: -12px; }
.yearWrap .right .dir { background-position: -198px 0px; left: -12px; }
.yearWrap .left .dot { width: 26px; height: 26px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/icons.png) -162px -170px; position: absolute; top: 17px; right: -61px; }
.yearWrap .right .dot { width: 26px; height: 26px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/icons.png) -162px -170px; position: absolute; top: 17px; left: -61px; }
.eventdetail { width: 364px; height: 122px; padding: 0 20px; }
.eventdetail img { float: left; margin-right: 15px; }
.eventdetail h3 { color: #069ace; font-size: 18px; font-family: "寰蒋闆呴粦"; font-weight: bold; height: 25px; line-height: 25px; float: left; }
.eventdetail p { color: #525252; font-size: 12px; float: left; width: 225px; font-family: "寰蒋闆呴粦"; }
.eventdetail p span { display: block; text-indent: 12px; line-height: 18px; margin: 3px 0; background: url("http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/prefix_point.jpg") no-repeat left 7px; }

.mainContent3 { width: 937px; margin: 0 auto; margin-top: 44px; position: relative; }
.s_gamelistul { width: 1004px; min-height: 550px; position: relative; }
.s_gameliWrap { width: 230px; height: 366px; float: left; margin-right: 21px; margin-bottom: 26px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/shadow.png); position: relative; }
.s_gameContent { width: 224px; height: 360px; /*background: yellow;*/ position: absolute; left: 0px; top: 0px; border-radius: 5px; overflow: hidden; }
.s_gameContent .img { width: 224px; height: 258px; position: absolute; left: 0px; top: 0px; overflow: hidden; }
.s_gameContent img { width: 224px; height: 258px; }
.s_gameContent .img .imgbg { width: 224px; height: 258px; position: absolute; top: 258px; left: 0px; background: #006099; opacity: 0.85; filter: alpha(opacity = 85); }
.s_gameContent .img .imgtext { width: 198px; height: 258px; position: absolute; top: 258px; left: 0px; padding: 0px 13px 0px 13px; }
.s_gameContent .img .imgtext a { display: block; width: 73px; height: 24px; line-height: 24px; color: #fff; font-size: 14px; text-align: center; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/downloadbtn.png); position: absolute; left: 71px; bottom: 38px; }
.s_gameContent .img p { line-height: 25px; color: #fff; font-size: 14px; margin-top: 50px; font-family: "寰蒋闆呴粦"; }
.s_gameheaders { width: 198px; min-height: 154px; background: #ffffff; position: absolute; left: 0px; top: 258px; padding: 8px 13px 0px 13px; }
.s_gameheaders h3 { width: 100%; height: 30px; line-height: 30px; color: #4a4a4a; font-size: 20px; font-family: "寰蒋闆呴粦"; font-weight: bold; }
.s_gameheaders p { color: #4a4a4a; font-size: 14px; line-height: 25px; }

.jianhuContent { width: 100%; padding-top: 60px; }
.jianhuContent img { width: 100%; }
.blank45 { width: 100%; height: 45px; }
.jianhuContent p { line-height: 32px; font-size: 14px; text-indent: 2em; color: #5f5f5f; }
.jianhuContent p.noindent { text-indent: 0px; }
.jianhuContent h4 { font-size: 16px; padding-top: 40px; line-height: 32px; }
.jianhuContent p span { display: inline-block; width: 28px; height: 10px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/dot.jpg) no-repeat center center; }
.jianhuContent a { color: #069ace; text-decoration: underline; font-weight: bold; }
.faqContent { width: 100%; padding-top: 30px; font-size: 14px; color: #5f5f5f; line-height: 32px; }
.faqContent p { }
.faqContent h4 { font-size: 18px; line-height: 40px; padding-top: 25px; font-weight: bold; }
.faqContent a { color: #069ace; text-decoration: underline; font-weight: bold; }
.faqContent b { color: #ff5151; font-weight: normal; }
.faqContent p span { display: inline-block; width: 28px; height: 10px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/dot.jpg) no-repeat center center; }
.faqContent p.indentp { text-indent: 2em; }

.mainContent4 { width: 100%; min-height: 600px; margin-top: 28px; position: relative; }
.mainContent4 .sidebar { width: 263px; float: left; }
.mainContent4 .sidebar a { display: block; width: 261px; height: 53px; border: 1px solid #afafaf; line-height: 53px; /*text-align: center;*/ color: #a2a2a2; font-size: 24px; margin-bottom: 11px; position: relative; text-indent: 106px; }
.mainContent4 .sidebar a span { display: block; width: 45px; height: 53px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/jobicons.jpg); position: absolute; top: 0px; left: 53px; }
.mainContent4 .sidebar a:hover, .mainContent4 .sidebar a.active { background: #069ace; border: 1px solid #069ace; color: #fff; }
.mainContent4 .sidebar a:hover span, .mainContent4 .sidebar a.active span { background-position: -45px 0px; }
.jobWrap { width: 680px; float: right; }
.searchWrap { height: 55px; width: 680px; position: relative; }
.search { width: 245px; height: 32px; position: absolute; top: 10px; left: 0px; border: 1px solid #069ace; }
.search #searchjob { width: 200px; height: 24px; position: absolute; top: 4px; left: 6px; border: none; background: none; line-height: 24px; font-size: 14px; color: #3a3a3a; font-family: "寰蒋闆呴粦"; }
.search .search_btn { border: none; background: none; width: 100%; height: 100%; cursor: pointer; }
.search input.default { color: #c7c7c7; }
.searchWrap a.searchBtn { display: block; width: 32px; height: 32px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/icons.png) -190px -275px; position: absolute; right: 0px; top: 0px; }
.hotjobs { width: 420px; height: 55px; position: absolute; right: 0px; top: 0px; color: #ff8d8d; font-size: 14px; line-height: 55px; overflow: hidden; }
.hotjobs span { float: left; }
.hotjobitemsWrap { width: 375px; height: 55px; float: left; position: relative; overflow: hidden; }
.hotjobitems { width: 375px; height: 55px; position: absolute; top: 0px; left: 0px; }
.hotjobs a { color: #ff8d8d; padding: 0 3px; float: left; }

.jobitem { width: 678px; margin-top: 11px; height: 80px; border: 1px solid #dadada; position: relative; }
.jobitem .leftline { width: 5px; height: 82px; background: #069ace; position: absolute; top: -1px; left: -1px; }
.jobitem h3 { height: 32px; line-height: 52px; padding: 12px 0 0 10px; color: #069ace; font-size: 22px; text-indent: 16px; }
.jobitem h5 { height: 27px; line-height: 27px; color: #222222; text-indent: 16px; }
.jobitem h5 span { color: #999; padding-right: 13px; }
.jobitem a { display: block; width: 152px; height: 48px; background: #069ace; position: absolute; right: 20px; top: 16px; font-size: 18px; line-height: 48px; text-align: center; color: #fff; }
.jobWrap h3.jobtit { width: 100%; height: 54px; border-bottom: 1px solid #ababab; position: relative; }
.jobWrap h3.jobtit span { display: block; height: 32px; line-height: 32px; font-size: 24px; color: #069ace; position: absolute; bottom: -1px; left: 0px; border-bottom: 2px solid #069ace; padding: 0px 2px; }
.jobWrap .lists { width: 100%; padding-top: 18px; font-size: 14px; color: #5f5f5f; }
.jobWrap .lists p { line-height: 35px; }
.jobWrap .lists p b { color: #363636; }
.jobWrap .lists p span { display: block; width: 150px; height: 28px; line-height: 35px; float: left; }
.mainjobcontent { color: #5f5f5f; font-size: 14px; line-height: 35px; }
.mainjobcontent b { color: #363636; }
.mainjobcontent p { line-height: 35px; }
.jobWrap a.employ { display: block; width: 237px; height: 58px; background: #069ace; color: #fff; font-size: 24px; text-align: center; line-height: 58px; margin-top: 30px; }
.jobWrap a.employ:hover { color: #ababab; background: #2ec4f8; }
.colistWrap { width: 100%; padding-top: 40px; }
.colistitem { width: 450px; height: 145px; /*border: 1px solid red;*/ float: left; position: relative; margin-left: 2px; }
.colistitem h5 { color: #069ace; font-size: 20px; height: 35px; line-height: 35px; background: url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/newsite/imgs/h5bg.jpg) no-repeat 5px center; text-indent: 14px; }
.colistmainContent { padding-top: 15px; padding-left: 14px; }
.colistitem p { color: #5f5f5f; line-height: 20px; font-size: 12px; }
.colistitem p span { display: block; width: 205px; height: 20px; float: left; }
.partnerWrap { padding-top: 32px; overflow: hidden; }
.partnerWrap p { color: #a2a2a2; font-size: 14px; text-indent: 14px; }
.partnerWrap ul { width: 955px; }
.partnerWrap ul li { width: 96px; height: 40px; float: left; margin: 10px 25px 10px 26px; border: 1px solid #ababab; }