* { margin: 0; padding: 0; }
html { overflow: scroll; }
body { background: #f3f3f3; font: 12px/1.5 "Microsoft YaHei", Arial, sans-serif; color: #333; }
ul, ol, li { list-style: none; }
img { border: 0 none; }
.header { z-index: 10000; left: 0; top: 0; width: 100%; height: 60px; min-width: 960px; background: #222; }
.header .wrap { width: 1000px; height: 60px; margin: 0 auto; position: relative; background: transparent url("/img/head-bg.png") no-repeat -460px 0; }
.top_nav { position: absolute; right: 290px; top: 0; }
.top_nav li { float: left; line-height: 34px; margin-left: 10px; margin-top: 13px; }

a.btn3, a.btn1:hover {
    color: #333; text-align: center; font-size: 14px; line-height: 34px; height: 34px; width: 98px;
    text-decoration: none; display: block;
    background-image: url(/img/part1-btns_03.png); background-repeat: no-repeat;
}
a.btn1 {
    color: #fff; text-align: center; font-size: 14px; line-height: 34px; height: 34px; width: 98px;
    display: block; background-image: url(/img/part1-btns_05.png); background-repeat: no-repeat;
}

#userinfo-bar { position: absolute; right: 23px; top: 0; text-align: left; width: 250px; font-size: 12px; font-family: "Microsoft YaHei", Arial, sans-serif; }
#userinfo-bar p { color: #fff; font-size: 12px; line-height: 58px; white-space: nowrap; }
#userinfo-bar a.mod-userinfo-link { color: #fff; margin-left: 5px; text-decoration: none; font-size: 12px; font-weight: normal; }
#userinfo-bar a.mod-userinfo-link:hover { color: #fff; text-decoration: none; }

a:link, a:visited, a:hover, a:active { font-family: "Microsoft YaHei", "Apple LiGothic Medium", "SimSun", "NSimSun"; }
.loadicon { background: url(/img/exerprivile/ajaxloader.gif) no-repeat center center; }
.owwraper { width: 1000px; margin: 0 auto; font-family: "Microsoft YaHei", "Apple LiGothic Medium", "SimSun", "NSimSun"; overflow: auto; zoom: 1; padding: 20px 0 0 0; }
.owmain { float: left; width: 700px; }
.owaside { float: right; width: 280px; }
.modaa { position: relative; zoom: 1; padding: 0 0 0 100px; background: #f9f9f9; margin: 0 0 20px 0; }
.modaa-hd { position: absolute; top: 0; left: 0; bottom: 0; width: 100px; overflow: hidden; text-indent: -999px; background: url(/img/exerprivile/icon.png) no-repeat 0 center; }
.modab { margin-bottom: 20px; background: #f9f9f9; line-height: 1.2; padding: 15px 10px; }
.modab-btn { text-align: right; font-size: 14px; margin-bottom: 10px; }
.modab-list { font-size: 14px; color: #888888; }
.modab-list li { background: url(/img/exerprivile/icon.png) no-repeat -105px -183px; padding: 0 0 0 20px; margin-bottom: 5px; }
.modab-list a { color: #333333 !important; text-decoration: underline; }

.chancode-hd { background-color: #9b59b6; background-position: -110px center; }
.chancode-list { height: 270px; }
.chancode-list li, .goldcode-list li, .getcard-list li, .groupcode-list li { float: left; width: 200px; height: 90px; overflow: hidden; }
.chancode-item, .goldcode-item, .groupcode-item { text-decoration: none !important; line-height: 1.2; border: 1px dashed #f8e6ff; display: block; height: 75px; overflow: hidden; cursor: pointer; background: url(/img/exerprivile/icon.png) no-repeat -1270px 33px; padding: 13px 0 0 50px; }
.chancode-item:hover, .goldcode-item:hover, .groupcode-item:hover { border: 1px solid #9b59b6; background-color: #FFFFFF; }
.chancode-code, .goldcode-code, .groupcode-code { font-size: 36px; font-weight: lighter; color: #333333; display: block; width: 100%; white-space: nowrap; overflow: hidden; }
.chancode-code em { color: #9b59b6; font-weight: lighter; }
.chancode-money, .goldcode-money, .groupcode-money { color: #666666; font-size: 14px; display: block; }
.chancode-money strong { color: #cc91e5; font-weight: lighter; }
.chancode-btn, .goldcode-btn, .getcard-btn, .groupcode-btn { position: absolute; bottom: 0; right: 0; width: 198px; height: 88px; line-height: 88px; text-align: center; font-size: 18px; border: 1px dashed #f8e6ff; background: #f9f9f9; }
.chancode-btn a { color: #cc91e5 !important; }

.groupcode-hd { background-color: #88b01e; }
.groupcode-list { height: 270px; }
.groupcode-item { background: none !important; border: 1px dashed #e9f4cb; }
.groupcode-item:hover { border: 1px solid #88b01e; }
.groupcode-code em { color: #88b01e; }
.groupcode-money strong { color: #88b01e; font-weight: lighter; }
.groupcode-btn a { color: #88b01e !important; }

.goldcode-hd { background-color: #f39c12; background-position: -220px center; }
.goldcode-list { height: 270px; }
.goldcode-item { background-position: -1270px -151px; border: 1px dashed #fff0d7; }
.goldcode-item:hover { border: 1px solid #f39c12; }
.goldcode-code em { color: #f39c12; font-weight: lighter; }
.goldcode-money strong { color: #f3b85a; font-weight: lighter; }
.goldcode-btn { border: 1px dashed #fff0d7; bottom: 90px; }
.goldcode-btn a { color: #f9b549 !important; }
.goldcode-light { border: 1px dashed #fff0d7; line-height: 88px; text-align: center; font-size: 18px; font-weight: bold; }
.goldcode-light a { color: #f9b549 !important; }
.goldcode-light span { background: url(/img/exerprivile/icon.gif) no-repeat -1289px -178px; padding: 0 0 0 25px; }

.getcard-hd { background-color: #e74c3c; background-position: -330px center; }
.getcard-list { height: 180px; }
.getcard-item, .getcard-itemget, .getcard-itemnoget { height: 71px; font-size: 14px; color: #666666; border: 1px dashed #ffe9e7; padding: 17px 0 0 30px; line-height: 1.2; background: url(/img/exerprivile/icon.png) no-repeat -770px 0; }
.getcard-itemget { background-position: 990px -100px; }
.getcard-itemnoget { background-position: -440px 0; }
.getcard-code { display: block; font-size: 30px; font-weight: lighter; }
.getcard-btn a { color: #e74c3c !important; }

.rescuchannel-hd { background-color: #3498db; background-position: -440px center; }
.rescuchannel-cnt { padding: 80px 0 0 145px; font-size: 14px; color: #666666; height: 130px; }
.rescuchannel-cnt label { display: block; margin: 0 0 5px 0; }
.rescuchannel-cnt input { padding: 5px; background: #f2f2f2; border: 1px solid #cbcbcb; width: 200px; border-radius: 5px; margin-right: 5px; }

.modab1 { padding: 10px 10px 0; height: 258px; border: 1px solid #f8e6ff; }
.modab1 li { margin: 0 0 3px 0; }
.modab1 .modab-btn { margin-bottom: 5px; }
.modab2 { height: 328px; border: 1px solid #fff0d7; }
.modab2 li { background-position: -225px -170px; }
.modab3 { height: 148px; border: 1px solid #ffe9e7; }
.modab3 li { background-position: -325px -160px; }
.modab4 { height: 240px; border: 1px solid #def2ff; }
.modab4 li { background-position: -435px -143px; }
.modab5 { height: 238px; border: 1px solid #e9f4cb; }
.modab5 li { background-position: 5px 7px; }

.owwrapnav { height: 32px; margin: 0 0 20px 0; background: url(/img/exerprivile/icon.gif) no-repeat -770px -100px; }
.owwrapnav a { float: left; width: 105px; text-align: center; text-decoration: none !important; font-size: 18px; color: #7c7c7c !important; line-height: 32px; }
.owwrapnav a.selected { color: #FFFFFF !important; }
.owselectl { background-position: -770px -100px; }
.owselectr { background-position: -770px -150px; }
.owtips { float: right; text-decoration: underline; font-size: 14px; line-height: 32px; color: #e74c3c; white-space: nowrap; }

#jhfooter .w-foot { margin-top: 0 !important; }
#jhfooter { border-top: 1px solid #e0e0e0; }

.d-outer { text-align: left; }
.d-border, .d-dialog { border: 0 none; margin: 0; border-collapse: collapse; width: auto; }
.d-dialog { width: 100%; border: 1px solid #c8c8c8; background: #fff; }
.d-nw, .d-n, .d-ne, .d-w, .d-c, .d-e, .d-sw, .d-s, .d-se, .d-header, .d-main, .d-footer { padding: 0; }
.d-inner { background: #fff; }
.d-titleBar { position: relative; height: 28px; background: #f3f3f3; border-bottom: 1px solid #d8d8d8; }
.d-title { height: 28px; line-height: 28px; padding: 0 28px 0 10px; overflow: hidden; color: #333; font-weight: bold; text-align: left; text-overflow: ellipsis; cursor: default; }
.d-close:link, .d-close:visited, .d-close:active { position: absolute; top: 6px; right: 8px; width: 16px; height: 16px; line-height: 16px; color: #666; font: 16px/16px Arial, sans-serif; text-align: center; text-decoration: none; outline: none; }
.d-close:hover { color: #c00; text-decoration: none; }
.d-main { min-width: 9em; text-align: center; vertical-align: middle; }
.d-content { display: inline-block; color: #333; text-align: center; border: 0 none; }
.d-content.d-state-full { display: block; width: 100%; height: 100%; margin: 0; padding: 0 !important; }
.d-buttons { padding: 8px; text-align: center; white-space: nowrap; }
.d-button, .d-state-highlight { display: inline-block; min-height: 22px; margin-left: 15px; padding: 0 10px; overflow: visible; color: #333; line-height: 22px; text-align: center; cursor: pointer; border: 1px solid #c8c8c8; background: #f7f7f7; }
.d-button:hover, .d-state-highlight:hover { background: #fff; }
.d-mask { background: #000; filter: alpha(opacity=70); opacity: .7; }