@charset "utf-8";
/* /zhuanti/hxjy/gej23/release/css/style.css */
/*@mixin*/
/*@mixin*/
/* mod */
.mod { *zoom: 1; }
.mod:after { content: ""; display: table; clear: both; }
.mod.mod-zdlhj { height: 659px; }
.mod.mod-zdlhj .mod-tit { background-image: url(../zhuanti/hxjy/gej23/release/images/title/title_1.png?); width: 403px; height: 109px; }
.mod.mod-wsl .mod-tit {background-image: url(../zhuanti/hxjy/gej23/release/images/title/title_2.png?); width: 410px; height: 140px; }
.mod.mod-forum .mod-tit { background-image: url(../zhuanti/hxjy/gej23/release/images/title/title_3.png?); width: 445px; height: 109px; }
.mod-rule .instr-tit { background-image: url(../zhuanti/hxjy/gej23/release/images/title/title_4.png?); width: 212px; height: 53px; }

.mod.mod-forum { height: 638px;}
.mod.mod-forum .mod-bd{ position: relative;background-image: url(../zhuanti/hxjy/gej23/release/images/forum_box.png?);width: 1002px; height: 398px;}
.mod.mod-forum .mod-bd .forum-btn{ 
    font-size: 0;
    position: absolute; 
    width: 199px; height: 68px;
    transition: filter .3s;
}
.mod.mod-forum .mod-bd .forum-btn:hover{ filter: brightness(1.2);}
.mod.mod-forum .mod-bd .forum-btn.forum-link{
    right: 196px; top: 240px; 
    background-image: url(../zhuanti/hxjy/gej23/release/images/forum_btn_1.png?);
}
.mod.mod-forum .mod-bd .forum-btn.forum-link.got{
    background-image: url(../zhuanti/hxjy/gej23/release/images/forum_btn_3.png?);
}


.mod-tit { margin: 0 auto 58px; }

.mod-instr { line-height: 30px; }
.mod-instr dl span { color: #5eb2fa; }

.mod-list p { padding-left: 22px; position: relative; line-height: 32px; color: #272727; }
.mod-list span { color: #a53300; }
.mod-list i { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_ico.png?); background-repeat: no-repeat; background-position: -40px  0; width: 11px; height: 11px; left: 0; top: 10px; position: absolute; }

/* user */
.user { text-align: center; position: relative; *zoom: 1; }
.user a { color: #d9d5d3; font-weight: bold; margin: 0 5px; }
.user .user-name, .user .user-greet, .user .user-logout { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.user a.user-logout { margin: 0; }
.user .user-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 95px; }

.select { position: relative; *zoom: 1; z-index: 9; }
.select .m_selected { cursor: pointer; width: 211px; height: 34px; overflow: hidden; }
.select .m_selected .select_txt { padding: 0 5px 0 10px; /*width: 135px;*/ float: left; height: 34px; line-height: 34px; overflow: hidden; text-align: left; }
.select .m_selected .flag_down { position: absolute; top: 1px; background: #7e0f14; right: 1px; width: 32px; height: 21px; padding: 11px 0 0 0; overflow: hidden; }
.select .m_selected .flag_down b { border: 8px solid #7e0f14; border-top-color: #c7c3c1; height: 0; width: 0; display: block; overflow: hidden; margin: 0 auto; zoom: 1; }
.select .m_select_cont { background: #ffffff; border: 1px solid #f8c4b1; border-top-color: #ffffff; position: absolute; top: 33px; left: 0; width: 208px; overflow: hidden; z-index: 9; }
.select .selectlist { *vertical-align: top; width: 100%; }
.select .selectlist li { width: 100%; height: 22px; cursor: pointer; overflow: hidden; }
.select .selectlist li a { background: #ffffff; display: block; color: #763f30; padding: 0 5px; }
.select .selectlist li a:hover { background: #763f30; text-decoration: none; color: #ffffff; }
.select .selectlist .cur a { background: #763f30; text-decoration: none; color: #ffffff; }
.select .selectlist .cur a:hover { background: #763f30; text-decoration: none; color: #ffffff; }
.select .selectlist_inner { zoom: 1; height: 100%; overflow: hidden; }
.select .v_scrollbar { position: absolute; width: 7px; right: 0; top: 5px; height: 220px; display: none; cursor: pointer; background: #fff; }
.select .v_scrollbar_bg { position: absolute; top: 0; width: 7px; height: 100%; }
.select .v_scrollbar_btn { position: absolute; width: 5px; border: 1px solid #000; border-radius: 3px; z-index: 100; filter: alpha(opacity=40); opacity: 0.4; top: 0; border-radius: 3px; background-color: #555; }

.pager { text-align: center; padding: 10px 0; }
.pager span, .pager a { line-height: 20px; height: 20px; display: inline-block; margin: 2px; }
.pager a { width: 20px; height: 20px; }
.pager a:hover { text-decoration: underline; }
.pager span.cur { width: 20px; height: 20px; }
.pager a.pager-pre, .pager a.pager-next, .pager span.pager-pre, .pager span.pager-next { width: 45px; }

/*@mixin*/
.dialog { font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica, STHeiti, sans-serif; position: relative; font-size: 14px; line-height: 24px; color: #775e22; width: 658px; }
.dialog a { color: #ffffff; }
.dialog a:hover { color: #ffffff; text-decoration: none; }

.dialog-hd, .dialog-body, .dialog-ft { background-image: url(../zhuanti/hxjy/gej23/release/images/bg_dialog.png?); }

.dialog-hd { background-position: 0 0; height: 25px; }

.dialog-body { background-position: -658px 0; background-repeat: repeat-y; position: relative; }

.dialog-ft { height: 25px; background-position: -1316px bottom; }

.dialog-close { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_ico.png?); background-repeat: no-repeat; background-position: 0 0; width: 40px; height: 40px; position: absolute; top: 0; right: -40px; z-index: 9; overflow: hidden; text-indent: -9999em; }

.dialog-body { position: relative; *zoom: 1; }

.dialog-title { text-align: center; font-size: 26px; line-height: 30px; margin-bottom: 5px; padding-top: 10px; color: #e95918; }
.dialog-title span { color: #e95918; }

.dialog-txt { text-align: center; }

.dialog-tips { position: relative; text-align: center; line-height: 22px; }
.dialog-tips span { position: absolute; top: 0; left: 22px; }

.dialog-cont { *zoom: 1; }
.dialog-cont:after { content: ""; display: table; clear: both; }

.dialog-opt { text-align: center; padding: 10px 0; }

.dialog-txt { text-align: center; }

.dialog-pager { color: #775e22; }
.dialog-pager a { color: #775e22; }
.dialog-pager a:hover { color: #775e22; }
.dialog-pager span.cur { background: #775e22; color: #fcefdd; }

.dialog-btn { display: inline-block; *display: inline; *zoom: 1; background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_btn.png?); background-repeat: no-repeat; background-position: -366px -194px; width: 162px; height: 53px; text-align: center; line-height: 53px; font-weight: bold; color: #fff; font-size: 18px; margin: 0 10px; }
.dialog-btn:hover { filter: brightness(1.2); }

.dialog-btn--light { background-position: -366px -194px; width: 162px; height: 53px; }

.dialog-btn--dark { background-position: 0 -317px; width: 162px; height: 53px; }

.dialog--myaward .myaward-list { margin: 0 auto; line-height: 40px; padding: 10px 150px; text-align: center; }
.dialog--myaward .myaward-list li { height: 40px; }
.dialog--myaward .myaward-list span { float: left; padding: 0 5px; }
.dialog--myaward .myaward-list .item-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 250px; color: #e95918; font-weight: bold; text-align: left; }

.dialog--tip .dialog-body p { text-align: center; }

.dialog--prob .prob-list { padding: 10px 150px; }
.dialog--prob .prob-list li { line-height: 40px; height: 40px; *zoom: 1; }
.dialog--prob .prob-list li:after { content: ""; display: table; clear: both; }
.dialog--prob .prob-list .item-name { float: left; color: #e95918; font-weight: bold; text-align: left; width: 180px; padding-right: 10px; }
.dialog--prob .prob-list .item-prob { float: right; padding-left: 10px; }

.dialog--share .share-area { text-align: center; padding-top: 10px; }
.dialog--share .share-area a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 2px; width: 100px; color: #775e22; }
.dialog--share .share-area a i { display: inline-block; *display: inline; *zoom: 1; background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_share.png?); background-repeat: no-repeat; margin-bottom: 3px; }
.dialog--share .share-area a span { white-space: nowrap; }
.dialog--share .share-area a:hover { filter: brightness(1.2); }
.dialog--share .share-area .share-btn--qq i { background-position: 0 -60px; width: 60px; height: 60px; }
.dialog--share .share-area .share-btn--qzone i { background-position: -60px  0; width: 60px; height: 60px; }
.dialog--share .share-area .share-btn--weibo i { background-position: -60px -60px; width: 60px; height: 60px; }
.dialog--share .share-area .share-btn--qqweibo i { background-position: 0 0; width: 60px; height: 60px; }

.dialog--server .server-group { *zoom: 1; width: 410px; padding-top: 10px; margin: 0 auto 12px; }
.dialog--server .server-group:after { content: ""; display: table; clear: both; }
.dialog--server .server-tip { line-height: 34px; text-align: center; }
.dialog--server .server-role { float: right; line-height: 34px; }
.dialog--server .server-role .role-search { width: 160px; text-align: center; display: none; }
.dialog--server .server-role .role-label { float: left; }
.dialog--server .server-role .role-name { width: 132px; height: 33px; line-height: 32px; float: left; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #775e22; }
.dialog--server .seaching .role-search { display: block; }
.dialog--server .seaching .role-label, .dialog--server .seaching .role-name { display: none; }
.dialog--server .server-select { float: left; background: #f6f4b9; }
.dialog--server .server-select .m_selected { border: 1px solid #775e22; width: 208px; height: 32px; line-height: 32px; }
.dialog--server .server-select .m_selected .select_txt { line-height: 32px; height: 32px; }
.dialog--server .server-select .m_selected .flag_down { background: #f6f4b9; }
.dialog--server .server-select .m_selected .flag_down b { border-color: #f6f4b9; border-top-color: #775e22; }
.dialog--server .server-select .m_select_cont { top: 34px; width: 208px; background: #f6f4b9; border: 1px solid #775e22; }
.dialog--server .server-select .selectlist li { height: 34px; line-height: 34px; }
.dialog--server .server-select .selectlist li a { background: #f6f4b9; color: #775e22; }
.dialog--server .server-select .selectlist li a:hover { background: #775e22; color: #fff; }
.dialog--server .server-select .selectlist .cur a { background: #775e22; color: #fff; }
.dialog--server .server-select .selectlist .cur a:hover { background: #775e22; color: #fff; }

.gift-item { text-align: center; font-size: 18px; color: #2e2e2e; font-weight: bold; line-height: 34px; }
.gift-item span { color: #6d65d1; }

.strategy-list { padding: 20px 35px 0 35px; }
.strategy-list p { line-height: 30px; }

.view { font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica, STHeiti, sans-serif; font-size: 14px; color: #1c1c1c; font-weight: bold; min-width: 1000px; background: #282828; }
.view a { color: #5ecffe; }
.view a:hover { color: #5ecffe; text-decoration: none; }

.wrap { margin: 0 auto; width: 1000px; position: relative; *zoom: 1; }

/* header  */
.head { position: relative; overflow: hidden; height: 790px; *zoom: 1; background: url(../zhuanti/hxjy/gej23/release/images/fbg_1.jpg?) center top no-repeat; }

.head-bg { background: url(../zhuanti/hxjy/gej23/release/images/fbg_3.jpg?) center 400px no-repeat; }

.head-title { position: absolute; width: 0; height: 0; text-indent: -999999em; overflow: hidden; *zoom: 1; }

.head-logo { background-image: url(../zhuanti/hxjy/gej23/release/images/logo.png?); background-repeat: no-repeat; width: 152px; height: 43px; left: 0px; top: 5px; z-index: 9; text-indent: -999999em; overflow: hidden; position: absolute; }

.head-link { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_ibg.png?); background-repeat: no-repeat; background-position: -635px -114px; width: 157px; height: 28px; position: absolute; line-height: 26px; right: 0; top: 0; text-align: center; z-index: 2; }
.head-link a { margin: 0 8px; font-weight: bold; color: #1c1c1c; }
.head-link a:hover { color: #df3635; }

.bg1 { height: 250px; width: 1000px; background: url(../zhuanti/hxjy/gej23/release/images/bg_1.jpg?) no-repeat; }

.bg2 { height: 250px; width: 1000px; background: url(../zhuanti/hxjy/gej23/release/images/bg_2.jpg?) no-repeat; }

.bg3 { height: 290px; width: 1000px; background: url(../zhuanti/hxjy/gej23/release/images/bg_3.jpg?) no-repeat; }

.head-start { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_btn.png?); background-repeat: no-repeat; background-position: 0 0; width: 270px; height: 194px; position: absolute; left: 399px; top: 449px; z-index: 9; }
.head-start:hover { background-position: -270px  0; width: 270px; height: 194px; }

.container { position: relative; z-index: 99; overflow: hidden; background: url(../zhuanti/hxjy/gej23/release/images/fbg_2.jpg?) center top no-repeat; }
.container .wrap { background: url(../zhuanti/hxjy/gej23/release/images/bg_4.jpg?) center top no-repeat; padding-bottom: 40px; }

.topbar { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_ibg.png?); background-repeat: no-repeat; background-position: 0 -1289px; width: 1002px; height: 62px; margin-bottom: 28px; color: #1c1c1c; }
.topbar .topbar-inner { *zoom: 1; line-height: 33px; }
.topbar .topbar-inner:after { content: ""; display: table; clear: both; }
.topbar .user { float: left; width: 300px; padding: 15px 0 14px; background: url(../zhuanti/hxjy/gej23/release/images/deco_1.png?) top right no-repeat; }
.topbar .user a { color: #727272; }
.topbar .user--ulog a { display: inline-block; *display: inline; *zoom: 1; background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_btn.png?); background-repeat: no-repeat; font-size: 0; vertical-align: top; }
.topbar .user--ulog a:hover { filter: brightness(1.2); }
.topbar .user-login { background-position: -256px -370px; width: 97px; height: 33px; }
.topbar .user-reg { background-position: -353px -370px; width: 97px; height: 33px; }
.topbar .user-name { color: #df3635; }
.topbar a.user-logout { color: #727272; }
.topbar .topbar-role { float: left; }
.topbar .topbar-role span { float: left; padding: 15px 8px 14px; }
.topbar .topbar-role i { color: #df3635; font-style: normal; }
.topbar .role-info { display: none; }
.topbar .role-bind { background: url(../zhuanti/hxjy/gej23/release/images/deco_2.png?) right bottom no-repeat; width: 275px; padding: 15px 0 14px; display: none; text-align: center; }
.topbar .role-bind a { display: inline-block; *display: inline; *zoom: 1; background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_btn.png?); background-repeat: no-repeat; background-position: -242px -273px; width: 227px; height: 33px; color: #fff; text-decoration: none; }
.topbar .role-bind a:hover { filter: brightness(1.2); }
.topbar .role-name b { display: inline-block; *display: inline; *zoom: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; max-width: 100px; }
.topbar span.role-server { padding-left: 0; background: url(../zhuanti/hxjy/gej23/release/images/deco_2.png?) right bottom no-repeat; }
.topbar .role-level { background: url(../zhuanti/hxjy/gej23/release/images/deco_3.png?) right top no-repeat; }
.topbar .role-online { background: url(../zhuanti/hxjy/gej23/release/images/deco_2.png?) right bottom no-repeat; }

.zdlhj-list { padding: 17px 0 0; height: 268px; overflow: hidden; position: relative; *zoom: 1; }
.zdlhj-list:after { content: ""; display: table; clear: both; }
.zdlhj-list ul { width: 1200px; }
.zdlhj-list li { float: left; width: 181px; margin-right: 24px; text-align: center; position: relative; z-index: 1; }
.zdlhj-list li:hover .item-chicken { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.zdlhj-list li:hover .item-num { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.zdlhj-list li.item1 .item-tit { background-image: url(../zhuanti/hxjy/gej23/release/images/task/task_1.png?);}
.zdlhj-list li.item2 .item-tit { background-image: url(../zhuanti/hxjy/gej23/release/images/task/task_2.png?);}
.zdlhj-list li.item3 .item-tit { background-image: url(../zhuanti/hxjy/gej23/release/images/task/task_3.png?);}
.zdlhj-list li.item4 .item-tit { background-image: url(../zhuanti/hxjy/gej23/release/images/task/task_4.png?);}
.zdlhj-list li.item5 .item-tit { background-image: url(../zhuanti/hxjy/gej23/release/images/task/task_5.png?);}
.zdlhj-list .item-cover { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_pro.png?); background-repeat: no-repeat; background-position: 0 0; width: 181px; height: 248px; position: relative; }
.zdlhj-list .item-chicken { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_other.png?); background-repeat: no-repeat; background-position: 0 -400px; width: 165px; height: 103px; position: absolute; top: 84px; right: 10px; }
.zdlhj-list .item-num { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_pro.png?); background-repeat: no-repeat; position: absolute; top: 127px; right: 12px; }
.zdlhj-list .item-num.item-num2 { background-position: -256px -248px; width: 76px; height: 69px; }
.zdlhj-list .item-num.item-num4 { background-position: -181px -248px; width: 75px; height: 70px; }
.zdlhj-list .item-tit { position: absolute; top: 5px; right: 3px; width: 181px; height: 70px;}
.zdlhj-list .item-get { display: inline-block; *display: inline; *zoom: 1; background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_btn.png?); background-repeat: no-repeat; background-position: -128px -370px; width: 128px; height: 67px; font-size: 0; vertical-align: top; position: relative; top: -48px; z-index: 2; }
.zdlhj-list .item-get:hover { filter: brightness(1.2); }
.zdlhj-list .item-get.able { background-position: -128px -370px; width: 128px; height: 67px; }
.zdlhj-list .item-get.ani { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.zdlhj-list .item-get.got { background-position: 0 -370px; width: 128px; height: 67px; }
.zdlhj-list .item-get.disable { background-position: -128px -370px; width: 128px; height: 67px; filter: grayscale(1);}

.zdlhj-notice { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_ibg.png?); background-repeat: no-repeat; background-position: -635px  0; width: 997px; height: 114px; height: 35px; width: 875px; padding: 36px 0 41px 122px; }

.acti { position: relative; *zoom: 1; height: 35px; width: 875px; overflow: hidden; }

.acti-list { line-height: 35px; }
.acti-list li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 35px; width: 875px; vertical-align: top; position: relative; color: #cccccc; }

.mod-wsl{margin-bottom: 28px;}
.mod-wsl .instr-cont { padding: 16px 0 0; }

.wsl-hgd { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_ibg.png?); background-repeat: no-repeat; background-position: -350px  0; width: 285px; height: 660px; float: left; margin-top: 39px; margin-right: 35px; position: relative; margin-bottom: 90px; }

.hgd-blood { position: absolute; bottom: 55px; left: 54px; width: 94px; height: 79px; }

.blood-heart { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_pro2.png?); background-repeat: no-repeat; background-position: -194px -85px; width: 94px; height: 79px; }

.blood-bar { position: absolute; left: 43px; bottom: 78px; width: 14px; height: 400px; background: #2a2a2a; }
.blood-bar span { position: absolute; background: #d83433; width: 9px; height: 100px; bottom: 0; left: 3px; transition: all ease 0.3s; }

.blood-cur { position: absolute; line-height: 40px; font-size: 18px; color: #2a2a2a; white-space: nowrap; left: -7px; bottom: -40px; }
.blood-cur span { color: #d83433; font-size: 24px; }

.hgd-list { position: absolute; top: 55px; left: 55px; }
.hgd-list li { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_pro2.png?); background-repeat: no-repeat; background-position: -194px  0; width: 97px; height: 85px; margin-bottom: 30px; position: relative; width: 97px; height: 85px; }
.hgd-list li.ani .item-img { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.hgd-list li:hover .item-layer { display: block; }
.hgd-list li.item1 .item-img { background-position: 0 0; width: 97px; height: 85px; }
.hgd-list li.item1 .item-txt { background-position: 0 -170px; width: 68px; height: 50px; }
.hgd-list li.item2 .item-img { background-position: -97px  0; width: 97px; height: 85px; }
.hgd-list li.item2 .item-txt { background-position: -68px -170px; width: 58px; height: 50px; }
.hgd-list li.item3 .item-img { background-position: 0 -85px; width: 97px; height: 85px; }
.hgd-list li.item3 .item-txt { background-position: -126px -170px; width: 58px; height: 50px; }
.hgd-list li.item4 .item-img { background-position: -97px -85px; width: 97px; height: 85px; }
.hgd-list li.item4 .item-txt { background-position: -184px -170px; width: 58px; height: 50px; }
.hgd-list .item-img { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_pro2.png?); background-repeat: no-repeat; }
.hgd-list .item-layer { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_pro.png?); background-repeat: no-repeat; background-position: -181px -102px; width: 131px; height: 102px; position: absolute; left: -26px; top: -18px; display: none; }
.hgd-list .item-cover { width: 131px; height: 76px; position: relative; }
.hgd-list img { display: block; width: 100%; height: 100%; }
.hgd-list .item-stxt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 27px; color: #fff; font-weight: bold; font-size: 14px; text-align: center; }
.hgd-list .item-info { width: 85px; top: -14px; right: -90px; text-align: center; position: absolute; }
.hgd-list .item-txt { display: inline-block; *display: inline; *zoom: 1; background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_pro2.png?); background-repeat: no-repeat; }
.hgd-list .item-get { display: inline-block; *display: inline; *zoom: 1; background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_btn.png?); background-repeat: no-repeat; background-position: -450px -370px; width: 85px; height: 32px; font-size: 0; vertical-align: top; }
.hgd-list .item-get:hover { filter: brightness(1.2); }
.hgd-list .item-get.able { background-position: -450px -370px; width: 85px; height: 32px; }
.hgd-list .item-get.got { background-position: -341px -403px; width: 85px; height: 32px; }
.hgd-list .item-get.disable { background-position: -256px -403px; width: 85px; height: 32px; }

@keyframes role2 { 0% { transform: rotate(0); }
  100% { transform: rotate(5deg); } }
.wsl-talk { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_other.png?); background-repeat: no-repeat; background-position: -190px -316px; width: 234px; height: 80px; position: absolute; top: -40px; left: -114px; transform-origin: 211px bottom; -webkit-transform-origin: 211px bottom; animation: role2 ease 2s both alternate infinite; -webkit-animation: role2 ease 2s both alternate infinite; }

.wsl-show { position: relative; float: left; }
.wsl-show .show-bg { margin-top: 32px; background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_ibg.png?); background-repeat: no-repeat; background-position: 0 -629px; width: 313px; height: 660px; }
.wsl-show .show-inner { position: absolute; top: 0; left: 26px; width: 308px; height: 655px; overflow: hidden; }
.wsl-show .wsl-cur { position: absolute; bottom: 6px; left: 26px; line-height: 30px; color: #f1f1f1; width: 258px; text-align: center; font-size: 16px; }
.wsl-show .wsl-cur span { color: #ff4544; }
.wsl-show .wsl-cur b { font-size: 24px; }
.wsl-show .wsl-role { position: absolute; top: 0; left: 0; width: 311px; height: 697px; background: url(../zhuanti/hxjy/gej23/release/images/role.png?); }
.wsl-show .wsl-get { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_btn.png?); background-repeat: no-repeat; background-position: 0 -194px; width: 242px; height: 123px; position: absolute; bottom: 7px; left: 12px; }
.wsl-show .wsl-get:hover .get-chicken { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.wsl-show .wsl-get:hover .get-num { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slideInRight; animation-name: slideInRight; }
.wsl-show .wsl-get:hover .get-txt { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }
.wsl-show .wsl-get span { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_btn.png?); background-repeat: no-repeat; position: absolute; }
.wsl-show .wsl-get .get-txt { background-position: -464px -317px; width: 66px; height: 43px; top: 47px; left: 11px; }
.wsl-show .wsl-get .get-chicken { background-position: -242px -194px; width: 124px; height: 79px; top: 13px; left: 57px; }
.wsl-show .wsl-get .get-num { background-position: 0 -437px; width: 59px; height: 52px; top: 20px; left: 166px; }

.wsl-bk { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_ibg.png?); background-repeat: no-repeat; background-position: 0 0; width: 350px; height: 629px; margin-top: 64px; float: right; }

.bk-oper { text-align: center; margin-top: -27px; }
.bk-oper a { display: inline-block; *display: inline; *zoom: 1; background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_btn.png?); background-repeat: no-repeat; }
.bk-oper a:hover { filter: brightness(1.2); }
.bk-oper .wsl-myaward { background-position: -162px -317px; width: 151px; height: 45px; }
.bk-oper .wsl-prob { background-position: -313px -317px; width: 151px; height: 45px; }

.bk-tit { line-height: 38px; text-align: center; color: #2a2a2a; font-size: 24px; }

.bk-list { overflow: hidden; position: relative; text-align: center; *zoom: 1; }
.bk-list:after { content: ""; display: table; clear: both; }
.bk-list li { display: inline-block; *display: inline; *zoom: 1; background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_pro.png?); background-repeat: no-repeat; background-position: -181px  0; width: 151px; height: 102px; margin: 0 5px 10px; vertical-align: top; text-align: center; }
.bk-list .item-cover { width: 151px; height: 76px; position: relative; }
.bk-list img { display: block; width: 100%; height: 100%; }
.bk-list .item-txt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 27px; color: #fff; font-weight: bold; font-size: 14px; }

.wsl-instr { clear: both; }

.feathter { background-image: url(../zhuanti/hxjy/gej23/release/images/sprite_other.png?); background-repeat: no-repeat; position: absolute; }

.feathter1 { background-position: 0 -225px; width: 190px; height: 175px; top: 520px; left: -366px; }

.feathter2 { background-position: 0 0; width: 244px; height: 225px; top: 1537px; right: -354px; }

@-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
  20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
  30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
  40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
  50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
  60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
  70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
  80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
  90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); }
  100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } }
@keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
  20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
  30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
  40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
  50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
  60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
  70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
  80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
  90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); }
  100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } }
@-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  28% { -webkit-transform: scale(1); transform: scale(1); }
  42% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  70% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  28% { -webkit-transform: scale(1); transform: scale(1); }
  42% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  70% { -webkit-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }
  to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
@keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
  to { -webkit-transform: translateX(0); transform: translateX(0); } }
@-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; }
  to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } }
@keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); }
  to { -webkit-transform: translateX(0); transform: translateX(0); } }
.my_footer { margin-top: 0 !important; }