@charset "utf-8";
/* /zhuanti/ssjj/zphdty/release/css/style.css */
@charset "UTF-8";
/* CSS Document
Date:		2013/12/20
Author:		小芳
Update:
*/
/* CSS reset */
html { color: #000; background: #1a1a1a; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }

input, select, img { vertical-align: middle; }

input, select { outline: none; }

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

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

body, button, input, select, textarea { font: 12px/1.5 tahoma,arial,宋体,sans-serif; }

input, select, textarea { font-size: 100%; }

table { border-collapse: collapse; border-spacing: 0; }

th { text-align: inherit; }

fieldset, img { border: 0; }

iframe { display: block; }

abbr, acronym { border: 0; font-variant: normal; }

del { text-decoration: line-through; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }

/* ie6 7 8(q) bug 显示为行内表现 */
iframe { display: block; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }

q:before, q:after { content: ''; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

a:hover { text-decoration: underline; }

ins, a { text-decoration: none; }

/*Correct block display not defined in IE6/7/8/9 & ff3,IE需要在js中createElement(tag)*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* global */
body { background: #1a1a1a; }

.wrapper { margin: 0 auto; text-align: left; width: 1000px; }

td { font-size: 12px; line-height: 160%; }

.txthide { text-indent: -999em; overflow: hidden; line-height: 0; font-size: 0; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { zoom: 1; /* for IE6 IE7 */ }

.hidden { display: none; }

.left, .right { display: inline; zoom: 1; }

.left { float: left; }

.right { float: right; }

.my_footer { margin-top: 0px; }

a:active, a:focus, input { -moz-outline: none; outline: none; ie-dummy: expression(this.hideFocus=true); }

.my_footer { margin-top: 0; }

/*@mixin*/
/*@mixin*/
/* mod */
/* 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; 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; }
.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: 0; background: #7e0f14; right: 0; 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: 34px; left: 0; width: 203px; padding: 5px; overflow: hidden; }
.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 span.cur { width: 20px; height: 20px; }
.pager a.pager-pre, .pager a.pager-next, .pager span.pager-pre, .pager span.pager-next { width: 45px; }

.share { line-height: 20px; z-index: 10; color: #f1c180; display: inline-block; vertical-align: top; display: none; }
.share .share-label { margin-right: 5px; float: left; }
.share .bdshare_t a { background: url(../zhuanti/ssjj/zphdty/release/images/sprite_share.png?) no-repeat; text-align: center; display: inline-block; width: 20px; height: 20px; vertical-align: top; margin-right: 5px; padding: 0; }
.share .bdshare_t a:hover { opacity: .9; }
.share .bdshare_t a.bds_sqq { background-position: 0 0 !important; }
.share .bdshare_t a.bds_qzone { background-position: -24px 0 !important; }
.share .bdshare_t a.bds_tsina { background-position: -48px 0 !important; }
.share .bdshare_t a.bds_tqf { background-position: -72px 0 !important; }

/*@mixin*/
.dialog .dialog-btn, a.lotte-start, .lotte-multi, .head .head-link a, .head .head-start, .topbar .topbar-role a, .mod-zphd a.lotte-myaward, .mod-zphd .zphd-gifts a.gifts-get, .mod-zphd .zphd-intro .intro-hdjs .hdjs-stra, .mod-jsdl .jsdl-intro a { background-image: url(../zhuanti/ssjj/zphdty/release/images/sprite_btn.png?); background-repeat: no-repeat; }

.dialog .dialog-close { background-image: url(../zhuanti/ssjj/zphdty/release/images/sprite_ico.png?); background-repeat: no-repeat; }

.dialog { position: relative; font: 500 14px/20px "microsoft yahei"; color: #abd2f1; width: 570px; }
.dialog a { color: #fff; }
.dialog a:hover { color: #fff; text-decoration: none; }
.dialog .dialog-hd, .dialog .dialog-body, .dialog .dialog-ft { background-image: url(../zhuanti/ssjj/zphdty/release/images/dialog_bg.png?); }
.dialog .dialog-hd { background-position: 0 0; padding-top: 30px; }
.dialog .dialog-body { background-position: -570px 0; background-repeat: repeat-y; position: relative; }
.dialog .dialog-ft { height: 20px; background-position: -1140px 0; }
.dialog .dialog-close { background-position: 0 0; width: 20px; height: 20px; position: absolute; top: 23px; right: 15px; z-index: 9; overflow: hidden; text-indent: -9999em; }
.dialog .dialog-close:hover { text-decoration: none; }
.dialog .dialog-body { position: relative; *zoom: 1; padding: 10px 0; }
.dialog .dialog-title { text-align: center; font: 700 30px/32px "microsoft yahei"; color: #abd2f1; margin-bottom: 10px; }
.dialog .dialog-txt { text-align: center; }
.dialog .dialog-tips { position: relative; text-align: center; line-height: 22px; }
.dialog .dialog-tips span { position: absolute; top: 0; left: 22px; }
.dialog .dialog-cont { *zoom: 1; }
.dialog .dialog-cont:after { content: ""; display: table; clear: both; }
.dialog .dialog-opt { text-align: center; padding: 10px 0; }
.dialog .dialog-txt { text-align: center; }
.dialog .dialog-pager { color: #abd2f1; }
.dialog .dialog-pager a { color: #abd2f1; }
.dialog .dialog-pager span.cur { background: #abd2f1; color: #142c40; }
.dialog .dialog-btn { border: none; cursor: pointer; margin: 0 5px; font-size: 16px; line-height: 45px; display: inline-block; background-position: 0 -319px; width: 121px; height: 45px; }
.dialog .dialog-btn--light { background-position: -123px -319px; width: 121px; height: 45px; }
.dialog .dialog-btn--dark { background-position: -246px -319px; width: 121px; height: 45px; }
.dialog .item--award { height: 30px; overflow: hidden; line-height: 30px; margin-bottom: 5px; text-align: center; color: #fff; font-weight: bold; }

.dialog--myaward .dialog-body { padding: 10px 30px; }
.dialog--myaward .myaward-list { margin: 0 auto; padding: 10px 0px; }
.dialog--myaward .myaward-list .item--award { margin-bottom: 5px; }

.dialog--tip .dialog-body { padding: 20px 0; }
.dialog--tip .dialog-body p { text-align: center; }

.dialog--prob .dialog-body { padding: 0 25px; }
.dialog--prob .prob-list li { line-height: 30px; height: 30px; font-weight: bold; color: #fff; *zoom: 1; }
.dialog--prob .prob-list li:after { content: ""; display: table; clear: both; }
.dialog--prob .prob-list .item-name { padding-left: 85px; float: left; }
.dialog--prob .prob-list .item-prob { float: right; padding-right: 120px; }

.dialog--server .server-group { *zoom: 1; width: 430px; padding-top: 10px; margin: 0 auto 12px; }
.dialog--server .server-group:after { content: ""; display: table; clear: both; }
.dialog--server .server-tip { line-height: 34px; height: 34px; color: #ff9930; text-align: center; }
.dialog--server .server-role { float: right; line-height: 34px; 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: 152px; float: left; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #abd2f1; }
.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; color: #abd2f1; background: #142c40; }
.dialog--server .server-select .m_selected { width: 254px; height: 34px; line-height: 34px; }
.dialog--server .server-select .m_selected .select_txt { line-height: 34px; height: 34px; }
.dialog--server .server-select .m_selected .flag_down { background: #142c40; padding-top: 13px; }
.dialog--server .server-select .m_selected .flag_down b { border-color: #142c40; border-top-color: #abd2f1; }
.dialog--server .server-select .m_select_cont { top: 34px; width: 198px; background: #142c40; border: 1px solid #142c40; }
.dialog--server .server-select .selectlist li { height: 34px; line-height: 34px; }
.dialog--server .server-select .selectlist li a { background: #142c40; color: #abd2f1; }
.dialog--server .server-select .selectlist li a:hover { background: #abd2f1; color: #142c40; }
.dialog--server .server-select .selectlist .cur a { background: #abd2f1; color: #142c40; }
.dialog--server .server-select .selectlist .cur a:hover { background: #fff; color: #142c40; }

.dialog--strategy .strategy-list { line-height: 26px; padding: 4px 12px; margin: 0 14px; margin-top: 10px; border: 1px solid #abd2f1; color: #fff; }
.dialog--strategy .strategy-list a { color: #e9c046; }
.dialog--strategy .strategy-tip { margin: 10px 14px 0 0; float: right; }

.dialog--award img { display: block; width: 372px; height: 287px; margin: 0 auto; }

.dialog .dialog-btn, a.lotte-start, .lotte-multi, .head .head-link a, .head .head-start, .topbar .topbar-role a, .mod-zphd a.lotte-myaward, .mod-zphd .zphd-gifts a.gifts-get, .mod-zphd .zphd-intro .intro-hdjs .hdjs-stra, .mod-jsdl .jsdl-intro a { background-image: url(../zhuanti/ssjj/zphdty/release/images/sprite_btn.png?); background-repeat: no-repeat; }

.topbar, .mod .mod-ft, .mod-zphd .mod-hd, .mod-zphd .zphd-announce, .mod-zphd .zphd-gifts, .mod-zphd .zphd-intro, .mod-jsdl .mod-hd, .mod-jsdl .jsdl-steps { background-image: url(../zhuanti/ssjj/zphdty/release/images/sprite_ibg.png?); background-repeat: no-repeat; }

/*@mixin*/
.lotte { clear: both; width: 950px; height: 409px; margin: 0 auto 20px; padding-top: 19px; position: relative; *zoom: 1; }

a.lotte-start { background-position: 0 -103px; width: 280px; height: 101px; position: absolute; top: 170px; left: 290px; padding-top: 56px; line-height: 28px; height: 45px; text-align: center; }
a.lotte-start .lotte-times { color: #fff; }

.lotte-multi { background-position: -362px -138px; width: 80px; height: 101px; position: absolute; top: 170px; left: 574px; color: #fff; padding-top: 20px; line-height: 20px; height: 81px; text-align: center; font-size: 16px; }

.lotte-oper { position: absolute; left: 50px; line-height: 26px; width: 190px; text-align: center; color: #ffe6eb; top: 68px; }

.lotte-table li { position: absolute; z-index: 5; overflow: hidden; width: 236px; height: 135px; }
.lotte-table li img { width: 200%; height: 100%; }
.lotte-table li p { position: absolute; bottom: 0; width: 100%; left: 0; line-height: 40px; text-align: center; color: #abd2f1; }
.lotte-table .item1 { top: 19px; left: 0px; }
.lotte-table .item2 { top: 19px; left: 238px; }
.lotte-table .item3 { top: 19px; left: 476px; }
.lotte-table .item4 { top: 19px; left: 714px; }
.lotte-table .item5 { left: 714px; top: 156px; }
.lotte-table .item6 { top: 293px; left: 714px; }
.lotte-table .item7 { top: 293px; left: 476px; }
.lotte-table .item8 { top: 293px; left: 238px; }
.lotte-table .item9 { top: 293px; left: 0px; }
.lotte-table .item10 { left: 0px; top: 156px; }

.entity_lottery_cur1 .item1 img { margin-left: -236px; }

.entity_lottery_cur2 .item2 img { margin-left: -236px; }

.entity_lottery_cur3 .item3 img { margin-left: -236px; }

.entity_lottery_cur4 .item4 img { margin-left: -236px; }

.entity_lottery_cur5 .item5 img { margin-left: -236px; }

.entity_lottery_cur6 .item6 img { margin-left: -236px; }

.entity_lottery_cur7 .item7 img { margin-left: -236px; }

.entity_lottery_cur8 .item8 img { margin-left: -236px; }

.entity_lottery_cur9 .item9 img { margin-left: -236px; }

.entity_lottery_cur10 .item10 img { margin-left: -236px; }

.view { font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica, STHeiti, sans-serif; font-size: 14px; color: #abd2f1; min-width: 1000px; background: #f4f4f4; }
.view a { color: #fff; }
.view a:hover { color: #fff; text-decoration: none; }

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

.bg1 { background: url(../zhuanti/ssjj/zphdty/release/images/bg_1.jpg?) no-repeat; height: 115px; }

.bg2 { background: url(../zhuanti/ssjj/zphdty/release/images/bg_2.jpg?) no-repeat; height: 200px; }

.bg3 { background: url(../zhuanti/ssjj/zphdty/release/images/bg_3.jpg?) no-repeat; height: 200px; }

.bg4 { background: url(../zhuanti/ssjj/zphdty/release/images/bg_4.jpg?) no-repeat; height: 1835px; }

/* header  */
.head { background: url(../zhuanti/ssjj/zphdty/release/images/fbg_1.jpg?) center top no-repeat; position: relative; overflow: hidden; *zoom: 1; }
.head .head-title { position: absolute; width: 0; height: 0; text-indent: -999999em; overflow: hidden; *zoom: 1; }
.head .head-logo { position: absolute; top: 0; left: 0; width: 238px; height: 120px; text-indent: -999999em; overflow: hidden; *zoom: 1; z-index: 10; }
.head .head-link { position: absolute; width: 180px; line-height: 25px; right: 0; top: 13px; text-align: center; }
.head .head-link a { display: inline-block; color: #abd2f1; background-position: -444px -165px; width: 86px; height: 25px; }
.head .head-link a:hover { background-position: -444px -138px; width: 86px; height: 25px; }
.head .head-start { position: absolute; left: 160px; top: 378px; background-position: 0 -206px; width: 299px; height: 86px; }
.head .head-start:hover { opacity: .9; }

.container { z-index: 100; position: relative; background: url(../zhuanti/ssjj/zphdty/release/images/fbg_2.jpg?) center top no-repeat; }
.container .wrap { *zoom: 1; background: url(../zhuanti/ssjj/zphdty/release/images/bg_4.jpg?) center top no-repeat; padding-bottom: 40px; }
.container .wrap:before, .container .wrap:after { content: ""; display: table; }
.container .wrap:after { content: ""; display: table; clear: both; }

.topbar { *zoom: 1; background-position: 0 -651px; width: 1000px; height: 62px; line-height: 38px; font-size: 16px; }
.topbar:after { content: ""; display: table; clear: both; }
.topbar .inner { padding-top: 15px; }
.topbar .user { float: left; width: 252px; }
.topbar .user a { color: #abd2f1; }
.topbar .topbar-role { float: left; width: 262px; height: 38px; text-align: center; }
.topbar .topbar-role a { background-position: 0 -294px; width: 233px; height: 23px; line-height: 23px; font-size: 14px; display: inline-block; }
.topbar .topbar-role .role-server, .topbar .topbar-role .role-name { margin: 0 5px; }
.topbar .topbar-role .role-bind { margin-top: 5px; }
.topbar .topbar-role .role-name span { display: inline-block; vertical-align: top; }
.topbar .topbar-role .role-name i { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; max-width: 120px; font-style: normal; }
.topbar .topbar-role .role-server, .topbar .topbar-role .role-name, .topbar .topbar-role .role-bind { display: inline-block; vertical-align: top; display: none; }
.topbar .topbar-info { float: left; }
.topbar .topbar-info span { float: left; padding-left: 25px; }
.topbar b { font-weight: bold; color: #e9c046; }

.mod .mod-bd { background: url(../zhuanti/ssjj/zphdty/release/images/ibg_1.png?) repeat-y; }
.mod .mod-ft { background-position: 0 -715px; width: 1000px; height: 30px; }

.mod-zphd { margin-bottom: 40px; }
.mod-zphd .mod-hd { background-position: 0 -379px; width: 1000px; height: 94px; }
.mod-zphd a.lotte-myaward { background-position: -362px -241px; width: 141px; height: 50px; font-size: 16px; float: right; text-align: center; line-height: 50px; margin: 29px 16px 0 0; }
.mod-zphd a.lotte-myaward:hover { opacity: .9; }
.mod-zphd a.lotte-prob { color: #abd2f1; font-size: 16px; float: right; line-height: 50px; margin: 29px 16px 0 0; text-decoration: underline; }
.mod-zphd .zphd-announce { background-position: 0 -571px; width: 1000px; height: 78px; }
.mod-zphd .zphd-announce .announce-acti { padding-top: 19px; }
.mod-zphd .acti .acti-cont { width: 930px; height: 59px; overflow: hidden; position: relative; *zoom: 1; margin: 0 auto; }
.mod-zphd .acti .acti-list { height: 59px; line-height: 59px; }
.mod-zphd .acti .acti-list li { float: left; padding: 0 20px; height: 59px; }
.mod-zphd .acti .acti-list li .item-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: top; float: left; max-width: 100px; }
.mod-zphd .zphd-gifts { background-position: 0 -157px; width: 1000px; height: 120px; position: relative; z-index: 9; }
.mod-zphd .zphd-gifts .gifts-oper { float: left; padding: 42px 0 0 63px; line-height: 30px; width: 178px; }
.mod-zphd .zphd-gifts .gifts-counts span { font-weight: bold; color: #e9c046; }
.mod-zphd .zphd-gifts a.gifts-get { background-position: 0 -366px; width: 152px; height: 31px; line-height: 29px; text-align: center; display: inline-block; }
.mod-zphd .zphd-gifts .gifts-list li { width: 130px; float: left; padding-top: 14px; position: relative; }
.mod-zphd .zphd-gifts .gifts-list li img { display: block; width: 85px; height: 68px; margin: 0 auto; }
.mod-zphd .zphd-gifts .gifts-list li p { text-align: center; line-height: 32px; white-space: nowrap; }
.mod-zphd .zphd-gifts .gifts-list li .item-cloud { position: absolute; bottom: 80px; width: 110px; padding: 5px; white-space: nowrap; font-size: 12px; color: #fff; left: 5px; text-align: center; background: #698eac; transition: all ease 0.3s; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity: 0; }
.mod-zphd .zphd-gifts .gifts-list li:hover .item-cloud { bottom: 100px; transition: all ease 0.3s; opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); }
.mod-zphd .zphd-gifts .gifts-list li.item4 { width: 140px; }
.mod-zphd .zphd-gifts .gifts-list li.item4 .item-cloud { left: 10px; }
.mod-zphd .zphd-gifts .gifts-list li.item5 { width: 200px; }
.mod-zphd .zphd-gifts .gifts-list li.item5 img { width: 143px; }
.mod-zphd .zphd-gifts .gifts-list li.item5 .item-cloud { left: 40px; }
.mod-zphd .zphd-gifts .gifts-list li.able p { color: #e9c046; }
.mod-zphd .zphd-gifts .gifts-list li.disable p { color: #698eac; }
.mod-zphd .zphd-intro { background-position: 0 0; width: 1000px; height: 155px; }
.mod-zphd .zphd-intro p { line-height: 26px; }
.mod-zphd .zphd-intro .intro-hdjs { float: left; width: 424px; padding: 47px 0 0 32px; }
.mod-zphd .zphd-intro .intro-hdjs .hdjs-stra { background-position: -369px -319px; width: 122px; height: 40px; line-height: 40px; float: right; text-align: center; margin-top: 10px; }
.mod-zphd .zphd-intro .intro-zysx { float: left; padding: 47px 0 0 95px; }

.mod-jsdl { font-size: 16px; }
.mod-jsdl .mod-hd { background-position: 0 -475px; width: 1000px; height: 94px; }
.mod-jsdl .jsdl-img { float: left; width: 522px; height: 405px; margin-left: 29px; }
.mod-jsdl .jsdl-img img { display: block; width: 100%; height: 100%; }
.mod-jsdl .jsdl-intro { float: right; width: 360px; margin-right: 53px; margin-bottom: 35px; }
.mod-jsdl .jsdl-intro a { text-align: center; }
.mod-jsdl .jsdl-intro .intro-download { background-position: 0 0; width: 360px; height: 101px; display: inline-block; line-height: 100px; font-size: 26px; margin-bottom: 6px; }
.mod-jsdl .jsdl-intro .intro-instr { background-position: -362px  0; width: 192px; height: 67px; float: left; line-height: 65px; font-size: 16px; margin-bottom: 10px; }
.mod-jsdl .jsdl-intro .intro-home { background-position: -362px -69px; width: 162px; height: 67px; float: right; line-height: 65px; font-size: 16px; margin-bottom: 10px; }
.mod-jsdl .jsdl-intro .intro-txt { line-height: 28px; }
.mod-jsdl .jsdl-intro .intro-txt dl { clear: both; *zoom: 1; }
.mod-jsdl .jsdl-intro .intro-txt dl:after { content: ""; display: table; clear: both; }
.mod-jsdl .jsdl-intro .intro-txt dl.item-zysx dt { float: none; }
.mod-jsdl .jsdl-intro .intro-txt dt { float: left; font-weight: bold; }
.mod-jsdl .jsdl-steps { background-position: 0 -279px; width: 1000px; height: 98px; clear: both; }
.mod-jsdl .jsdl-steps ul { *zoom: 1; padding-top: 23px; padding-left: 105px; }
.mod-jsdl .jsdl-steps ul:after { content: ""; display: table; clear: both; }
.mod-jsdl .jsdl-steps li { float: left; width: 142px; height: 72px; padding-left: 58px; line-height: 18px; margin-right: 80px; }
.mod-jsdl .jsdl-steps li.item1 p { padding-top: 28px; }
.mod-jsdl .jsdl-steps li.item2 p { padding-top: 10px; }
.mod-jsdl .jsdl-steps li.item3 p { padding-top: 0; }

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

.award { position: absolute; width: 184px; height: 214px; top: 20px; left: 50%; margin-left: 520px; }
.award img { display: block; width: 184px; height: 214px; }

.my_footer { margin-top: 0 !important; }

.copyright {
    text-align: center;
    padding: 20px 0 0;
}