html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, img, a, dl, dt, dd, ul, ol, li, pre, em, strong, b, i, fieldset, form, label, legend, button, input, textarea, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; } .user-single-h { width: 876px; height: 36px; margin: 22px auto; position: relative; padding-left: 124px; } .user-single-logo { width: 124px; height: 36px; display: block; position: absolute; top: 0; left: 0; border-right: 1px solid #dfdfdf } .user-single-title { position: absolute; top: 1px; left: 144px; font: 400 30px/30px 'Microsoft Yahei'; color: #3c3c3c } .user-single-nav { position: absolute; top: 9px; right: 10px; _line-height: 20px } .user-single-nav a { margin-left: 18px; font-size: 14px } .user-single .container { width: 100%; background: #f2f2f2; overflow: hidden } .user-single .footer { background: #fff } .user-single-main { width: 998px; margin: 40px auto; border: 1px solid #dedede; background: #fff; border-radius: 3px; overflow: hidden } .user-single-guide { width: 600px; height: 65px; margin: 50px auto; overflow: hidden; position: relative } .user-single-guide .focus { background-image: url(../images/user-single-step-focus.png) } .user-single-guide .focus span { color: #fff } .user-single-guide .focus p { color: #78c31f } .user-single-line { width: 532px; height: 13px; margin: 0 auto; border-bottom: 2px solid #f2f2f2 } .user-single-step { width: 66px; height: 65px; position: absolute; top: 0; background: url(../images/user-single-step.png) no-repeat center top; text-align: center } .user-single-step span { font-size: 18px; color: #9c9c9c; display: inline-block; padding: 5px 0 15px } .user-single-step p { font-size: 14px; color: #9c9c9c } .user-single-step-1 { left: 0 } .user-single-step-r2 { width: 84px; left: 50%; margin-left: -42px } .user-single-step-r3,.user-single-step-s4 { right: 0 } .user-single-step-s2 { left: 178px } .user-single-step-s3 { left: 356px } .user-panel { height: 380px } a,.a3c,.a6c,.a9c { color: #3c3c3c } a:hover,.a3c:hover,.a6c:hover,.a9c:hover { color: #008eeb } a { text-decoration: none } a:hover { text-decoration: none } .w910 { width: 910px } .w260 { width: 260px } .a6c { color: #6c6c6c } .a9c { color: #9c9c9c } .common-title-ico { top: 4px; margin: 0; height: 18px } .common-title-more { *top: -3px; _top: 3px } .pager { margin: 40px auto } .pager span,.pager a { padding: 9px 16px; border: 1px solid #d9d9d9; display: inline-block; color: #9c9c9c } .pager a:hover { border-color: #45acef; text-decoration: none } .pager .current { background: #45acef; border-color: #45acef; color: #fff } .btn-yellow { background: #ffab16; border-radius: 4px } .btn-yellow:hover { background: #ff970e } .btn-blue { display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; color: #1fb6f2; background: #fff; border-radius: 4px } .btn-blue:hover { color: #008eeb; text-decoration: none } .btn-orange { display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; color: #6f3b13; background: #fbed55; border-radius: 4px; border-bottom: 1px solid #f1ba00; box-shadow: 0 0 8px rgba(255,255,255,.3) } .btn-orange:hover { color: #6f3b13; background: #ffd800; text-decoration: none } .btn-s { color: #fff; text-align: center } .btn-s:hover { color: #fff; text-decoration: none } .btn-yellow-140 { width: 140px; height: 36px; line-height: 36px; font-size: 16px; background: #ffab16; border-radius: 4px; color: #fff; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle } .btn-yellow-140:hover { background: #ff970e; color: #fff; text-decoration: none } .btn-eee { border: 1px solid #d9d9d9; border-radius: 3px; font-size: 12px; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fefefe),color-stop(100%,#eee)); background-image: -moz-linear-gradient(#fefefe,#eee); background-image: -webkit-linear-gradient(#fefefe,#eee); background-image: linear-gradient(#fefefe,#eee) } .btn-eee:hover { text-decoration: none } .btn-resend { width: 106px; height: 20px; line-height: 20px; border: 1px solid #d9d9d9; border-radius: 3px; font-size: 12px; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fefefe),color-stop(100%,#eee)); background-image: -moz-linear-gradient(#fefefe,#eee); background-image: -webkit-linear-gradient(#fefefe,#eee); background-image: linear-gradient(#fefefe,#eee) } .btn-resend:hover { text-decoration: none } .btn-code-send { width: 106px; height: 28px; line-height: 28px; border: 1px solid #d9d9d9; border-radius: 3px; font-size: 12px; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fefefe),color-stop(100%,#eee)); background-image: -moz-linear-gradient(#fefefe,#eee); background-image: -webkit-linear-gradient(#fefefe,#eee); background-image: linear-gradient(#fefefe,#eee) } .btn-code-send:hover { text-decoration: none } .btn-back { width: 106px; height: 28px; line-height: 28px; border: 1px solid #d9d9d9; background: #fff; border-radius: 3px; color: #9c9c9c; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle } .btn-back:hover { color: #0c3c3c; text-decoration: none } .not-button { color: #9c9c9c } .sq-selectmenu { display: inline-block; position: relative } .sq-selectmenu-input { height: 20px; padding: 4px 5px; line-height: 20px; border: 1px solid #d9d9d9; border-radius: 2px; background-color: #fff; box-shadow: 0 0 3px #ddd inset } .sq-selectmenu-menu { display: none; top: 0; left: 0; position: absolute; border: 1px solid #d9d9d9; overflow: auto; background-color: #fff; color: #585954; *overflow-x: hidden } .sq-selectmenu-menu a { color: #585954; display: block; padding: 7px 8px; z-index: 10; white-space: nowrap } .sq-selectmenu-menu a:hover { text-decoration: none } .sq-selectmenu-menu a.sq-selectmenu-menu-hover { background-color: #0f8ff2; color: #fff } .sq-selectmenu-menu a.sq-selectmenu-menu-focus { background-color: #f2f2f2 } .sq-selectmenu-menu a.sq-selectmenu-item-disabled { color: #aaa; cursor: default } .sq-selectmenu-btn { display: inline-block; position: absolute; right: 10px; top: 14px; width: 0; height: 0; background: 0 0; margin: 0; border-right: 4px solid #fff; border-left: 4px solid #fff; border-top: 5px solid #9c9c9c; *top: 14px; _top: 14px; _font-size: 0 } .sq-selectmenu-btn-hover { border-top-color: #3c3c3c } .sq-selectmenu-btn-focus { border-bottom: 5px solid #9c9c9c; border-top: 0 } .sq-selectmenu-disabled { background-color: #fff; display: block; height: 100%; left: 0; opacity: .5; position: absolute; top: 0; width: 100%; z-index: 20; filter: alpha(opacity=50); _height: 30px } @media all and (min-width: 0) { .sq-selectmenu-input { padding-bottom:8px\9 } } .sq-dialog-secpwd p { margin: 0 0 22px } .sq-dialog-secpwd .text { width: 240px; height: 20px; padding: 7px 9px; border: 1px solid #d9d9d9; border-radius: 2px; line-height: 20px } .user-sign-box { top: 86px; right: 48px } .animated-show { -webkit-animation: fromBottom 1000ms ease; -moz-animation: fromBottom 1000ms ease; animation: fromBottom 1000ms ease } .user .container { overflow: hidden } .user-main { width: 1000px; height: 100%; margin: 20px auto 40px } .user-top { height: 213px; background: #fff url(../images/user-top.jpg) no-repeat; border: 1px solid #d9d9d9; border-top: 0; box-shadow: 0 3px 6px -2px #888 } .user-content { border: 1px solid #d9d9d9; background: #fff; margin-top: 10px } .user-left { width: 182px } .user-right { width: 754px; border-left: 1px solid #ededed; padding: 24px 20px 0 41px; min-height: 470px; _height: 470px } .user-title { padding: 0 0 6px 10px; font-size: 18px; line-height: 24px; position: relative } .user-title .common-title-ico { _left: -8px; _top: 0 } .user-tab { padding: 10px 0 20px; height: 20px; line-height: 20px; color: #eaeaea } .user-tab span,.user-tab a { font-size: 14px; margin: 0 5px } .user-tab .focus { color: #0f8ff2 } .user-data { color: #9c9c9c; padding-bottom: 10px } .user-data table { width: 100%; line-height: 18px } .user-data caption { border: 1px solid #e9e9e9; border-bottom: 0; background-color: #fafafa; padding: 14px 0; font-size: 14px; color: #3c3c3c } .user-data tr { border: 1px solid #e9e9e9 } .user-data th { background-color: #fafafa; border: 1px solid #e9e9e9; padding: 14px 10px; text-align: left; font-size: 14px } .user-data td { padding: 14px 10px } .user-data .col-1 { padding: 14px 18px } .user-data td.col-1,.user-data .col-e { color: #3c3c3c } .user-data .p10 { padding: 5px 10px; background-color: #fafafa; display: inline-block } .user-data .user-data-btn { width: 140px; height: 36px; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; line-height: 36px; font-size: 16px; margin: 0 0 0 10px } .user-data p { font-size: 14px; color: #3c3c3c } .user-step { padding: 13px 0; line-height: 18px; height: 18px } .user-step li { width: 120px; float: left; color: #9c9c9c; font-size: 14px } .user-step span { width: 18px; height: 18px; background-color: #d1d1d1; border-radius: 9px; text-align: center; color: #fff; margin: 0 9px 0 3px; display: inline-block; background: no-repeat\9; background-position: -50px -270px } .user-step .focus { color: #78c31f } .user-step .focus span { background-color: #78c31f; background: no-repeat\9; background-position: -158px -229px } .user-form { line-height: 30px } .user-form .loading { font-size: 14px } .user-form p { height: 30px; padding-bottom: 10px; line-height: 30px; font-size: 14px } .user-form label { display: inline-block; width: 108px; text-align: right; margin-right: 10px; vertical-align: middle } .user-form b { vertical-align: middle } .user-form input.text { width: 248px; height: 20px; padding: 4px 5px; margin-right: 8px; line-height: 20px; border: 1px solid #d9d9d9; border-radius: 2px; background-color: #fff; box-shadow: 0 0 3px #ddd inset; font-size: 12px; color: #3c3c3c } .user-form input.short { width: 172px } .user-form .wrap-btn { height: 36px; line-height: 36px; padding-left: 122px; padding-top: 10px } .user-form .wrap-btn a { margin-right: 10px } .user-message-tip { padding: 10px; position: absolute; box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: 5px; border: 1px solid #ffb83b; background-color: #fff; display: none; z-index: 20; line-height: 20px } .field-error-message { color: #f25277; font-size: 12px; margin-left: 8px } .field-default-message { font-size: 12px; margin-left: 8px } .field-right-message { margin-left: 8px; padding-left: 18px; background: transparent no-repeat; background-position: -240px -146px; font-size: 15px; position: relative; top: 5px; *font-size: 17px; _position: static } .savecode-dialog-content { padding: 15px 0 } .savecode-dialog-content p { height: 36px; line-height: 36px; font-size: 14px; vertical-align: middle; padding-left: 90px; margin: 0 } .savecode-dialog-content p.savecode-title label { width: 170px; text-align: left; float: left; height: 36px; line-height: 36px } .savecode-dialog-content .v-code { width: 100px; height: 20px; padding: 7px; border: 1px solid #d9d9d9; box-shadow: 0 0 5px rgba(0,0,0,.1) inset; background: #fff; border-radius: 3px; float: left; line-height: 20px; margin-right: 10px } .savecode-dialog-content .code-img { cursor: pointer } .savecode-dialog-content p.savecode-msg { color: #fa5633 } .ico-u-spend { background: transparent no-repeat; background-position: 0 -247px } .ico-u-spend-b { background: transparent no-repeat; background-position: -38px -176px } .user-coin { width: 752px; background: #fafafa; border: 1px solid #f2f2f2; position: relative; font-size: 14px; margin: 20px 0 30px; padding: 15px 0; height: 54px } .user-coin p { width: 430px; padding: 0 0 0 30px; border-right: 1px solid #f2f2f2; height: 54px; float: left } .user-coin span { height: 20px; display: inline-block; line-height: 20px } .user-coin span.orange { height: 30px; line-height: 30px; font-size: 30px } .user-coin a.user-coin-btn { position: absolute; top: 26px; left: 190px; height: 28px; line-height: 28px; width: 90px; border: 1px solid #d9d9d9 } .user-coin a.user-coin-btn-1 { left: 294px } .user-coin a.user-spend-btn { left: 640px } .user-coin .user-coin-ico { position: absolute; top: 29px; left: 498px; width: 26px; height: 24px; display: block } .user-coin .user-coin-text { position: absolute; top: 32px; left: 536px } .user-coin .user-coin-a { width: 12px; height: 12px; background: no-repeat; background-position: -200px -206px; position: absolute; top: 52px; left: 76px; display: block } .user-coin .user-spend-a { top: 36px; left: 600px } .user-coin .user-message-tip { width: 220px; height: 40px; left: 74px; top: 70px; font-size: 12px } .user-coin .user-message-spend { left: 520px; top: 60px; height: 60px } .user-coin-title { height: 36px; padding: 30px 0; line-height: 36px } .user-coin-ico { width: 36px; height: 36px; margin: 0 24px 0 0; float: left; display: inline } .user-coin-tag { font-weight: 700; font-size: 16px; margin: 0; float: left; display: inline } .user-coin-panel { padding-left: 60px } .user-spend { padding-bottom: 250px } .user-spend .user-spend-p { padding: 18px 0 } .user-spend .user-radio { display: inline-block; cursor: pointer; width: 144px } .user-spend .radio { width: 20px; height: 20px; margin-right: 10px; border: 0 } .user-spend .wrap-btn { padding-top: 20px; height: 36px; line-height: 36px } .user-spend .wrap-btn a { margin-right: 10px } .user-single-email { width: 498px; margin: 60px auto } .for-qqmain { margin: 0; padding: 60px 0 40px } .for-qqmain .space-step { line-height: 40px; padding-left: 118px } .for-qqmain .f16 { font-size: 16px } .for-qqmain .space-step-btn { padding-left: 172px } .tip-qqmail { color: red } .ipt-qqmail { height: 24px } .user-single-result { height: 360px } .mail-main { width: 520px; height: 145px; font-size: 14px; position: relative; top: 110px; margin: 0 auto; /*background: transparent url(http://img1.37wanimg.com/www/css/images/common/bg-avatar-nodata.png) no-repeat 0 center*/ } .mail-content { margin-left: 100px; color: #3e3f3f } .mail-content h2 { font-size: 18px; color: #cf0000; margin-bottom: 10px } .mail-content p { margin-bottom: 10px } .mail-content a { color: #cf0000 } .ico-u-question { background: transparent no-repeat; background-position: -28px -270px } .ico-u-mail { background: transparent no-repeat; background-position: -94px -247px } .ico-u-phone { background: transparent no-repeat; background-position: -196px -152px } .ico-u-token { background: transparent no-repeat; background-position: -174px -152px } .ico-u-card { background: transparent no-repeat; background-position: -158px -206px } .ico-u-question-gray { background: transparent no-repeat; background-position: -72px -247px } .ico-u-mail-gray { background: transparent no-repeat; background-position: -50px -247px } .ico-u-phone-gray { background: transparent no-repeat; background-position: -28px -247px } .ico-u-token-gray { background: transparent no-repeat; background-position: -218px -149px } .ico-u-card-gray { background: transparent no-repeat; background-position: -238px -123px } .user-wallow { padding: 20px 0 0; line-height: 20px } .user-wallow h3 { font-size: 14px; font-weight: 700; padding: 0 0 16px } .user-wallow label { font-weight: 700; display: inline-block; float: left } .user-wallow input { width: 238px; height: 20px; padding: 4px 10px; float: left; margin: 5px 0; line-height: 20px; border: 1px solid #d9d9d9; border-radius: 2px; background-color: #fff; box-shadow: 0 0 3px #ddd inset } .user-wallow-tr { height: 48px; border: 1px solid #d9d9d9; position: relative; margin-top: -1px; font-weight: 700; font-size: 14px } .user-wallow-tr-first { margin-top: 0 } .user-wallow-td { height: 30px; line-height: 30px; font-size: 14px; padding: 9px 20px; float: left; text-align: right } .user-wallow-td-left { background: #fafafa; width: 100px } .user-wallow-form { overflow: hidden; border: 1px solid #f1f1f1; background: #fafafa; padding: 20px 0 } .user-wallow-p { height: 38px; line-height: 38px; overflow: hidden; font-size: 14px; padding: 5px 0 5px 210px } .user-a-wallow-desc { padding: 16px 0 0; font-size: 14px } .user-different-text { width: 754px; margin: 10px 0; background: #fafafa; text-align: center; line-height: 30px } .user-wallow-btn { padding: 14px 0 10px 280px } .user-index { padding: 20px 0 0; margin: 30px 0 0; border-top: 1px solid #f1f1f1 } .user-secure-step { color: #6c6c6c } .user-secure-step strong { font-size: 14px; margin-right: 6px; color: #3c3c3c } .user-secure-step b { margin-left: 10px; position: relative } .user-secure-step span { display: inline-block; width: 20px; position: relative; top: -2px; border-bottom: 6px solid #ececec; margin-right: 1px; line-height: 0; font-size: 0 } .user-secure-step .first { margin-left: 10px } .user-secure-step-1 .focus { border-bottom-color: #ec5050 } .user-secure-step-1 .user-secure-rank { color: #ec5050 } .user-secure-step-2 .focus { border-bottom-color: #f90 } .user-secure-step-2 .user-secure-rank { color: #f90 } .user-secure-step-3 .focus { border-bottom-color: #8fc31f } .user-secure-step-3 .user-secure-rank { color: #8fc31f } .user-secure-panel { padding: 18px 0 30px } .user-secure-panel li { width: 754px; padding: 9px 0; border-radius: 4px; _line-height: 20px; overflow: hidden } .user-secure-panel li.focus { background-color: #e3fbff } .user-secure-panel li.focus a { border-color: #2b8ae0; background: #2b8ae0; border-radius: 3px; color: #fff } .user-secure-panel li.focus a.setted { border: 1px solid #d9d9d9; background: #fff; border-radius: 3px; color: #9c9c9c } .user-secure-panel li.focus a.setted:hover { color: #3c3c3c } .user-secure-panel .user-index-text { width: 560px; padding-left: 10px } .user-secure-panel .tag { font-weight: 700; font-size: 14px } .user-secure-panel .text { color: #9c9c9c; font-size: 14px } .user-secure-panel .status { width: 76px; color: #f25277 } .user-secure-panel .status-on { color: #8bc914 } .user-secure-panel .btn { width: 92px; height: 30px; line-height: 30px; _line-height: 32px; border: 1px solid #d9d9d9; background: #fff; border-radius: 3px; color: #1ea6ff; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle } .user-secure-panel .btn:hover { border-color: #2b8ae0; background: #2b8ae0; border-radius: 3px; color: #fff; text-decoration: none } .user-secure-panel .btn:hover { text-decoration: none } .user-secure-panel .setted { border: 1px solid #d9d9d9; background: #fff; border-radius: 3px; color: #1ea6ff; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; color: #9c9c9c } .user-secure-panel .setted:hover { border-color: #2b8ae0; background: #2b8ae0; border-radius: 3px; color: #fff; text-decoration: none } .user-secure-panel .setted:hover { text-decoration: none; border-color: #d9d9d9; background: #fff; color: #3c3c3c } .user-secure-panel .user-secure-ico { width: 20px; height: 21px; position: relative; display: inline-block; vertical-align: middle; margin: 2px 20px 1px } .user-menu { width: 182px; padding: 24px 0 0 } .user-menu li { padding: 5px 0; height: 31px; line-height: 32px; position: relative; _z-index: 0 } .user-menu .user-menu-a { width: 156px; height: 31px; color: #6c6c6c; font-size: 16px; display: inline-block; float: left; background: no-repeat; background-position: -212px 0; margin-left: 12px; text-align: center } .user-menu .user-menu-a:hover { color: #0f8ff2; text-decoration: none; background: no-repeat; background-position: 0 -214px } .user-menu .circle { line-height: 100%; font-family: Tahoma,Helvetica; font-size: 29px; color: #eaeaea; position: absolute; top: 50%; margin-top: -15px; right: -8px; *right: -7px } .user-menu .focus .user-menu-a { color: #0f8ff2; background: no-repeat; background-position: 0 -214px } .user-menu .focus .circle { height: 16px; display: inline-block; border-bottom: 1px solid #0f8ff2; position: relative; right: 0; top: -4px; _z-index: 0; transition: width .5s; _float: left; _margin-top: 2px } .user-menu .focus .circle span { color: #0f8ff2; font-size: 40px; right: -10px; position: absolute; _right: -7px } .btn-message-close { width: 18px; height: 18px; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; background: transparent no-repeat; background-position: -180px -206px; text-indent: -9999px } .btn-message-del { width: 66px; height: 22px; border-radius: 3px; line-height: 22px; _line-height: 24px; position: absolute; top: 8px; right: 10px; border: 1px solid #d9d9d9; background: #fff; border-radius: 3px; color: #9c9c9c; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle } .btn-message-del:hover { color: #0c3c3c; text-decoration: none } .user-message-tab a,.user-message-tab span { margin: 0 } .user-message-tab a { display: block } .user-message-tab .user-message-tab-fl { float: left; margin: 0 5px } .user-message-tab .user-message-tab-po { position: relative } .user-message-tab .user-message-tab-po span { position: absolute; top: -7px; right: -7px; font-size: 22px; color: red } .user-message-top { width: 752px; background: #fafafa; border: 1px solid #f2f2f2; position: relative } .user-message-top p { padding: 12px 0 12px 5px; _height: 20px; _line-height: 20px } .user-message-top .user-m-checkbox { margin-left: 4px; top: -1px } .user-message-top label { margin: 0 20px 0 10px; color: #3c3c3c; display: inline-block; cursor: pointer } .user-message { margin: 7px 0 20px } .user-message-panel { margin-top: 10px; width: 720px; height: 100%; min-height: 152px; padding-left: 34px; position: relative; _height: 152px; transition: all .2s } .user-message-panel .user-mp-checkbox { position: absolute; top: 50%; margin-top: -7px; left: 5px } .user-message-panel .focus { border-color: #ffb83b; background: #fafafa; box-shadow: 0 0 8px #ddd } .user-message-panel .btn-message-close { position: absolute; right: -6px; top: -6px } .user-message-content { padding: 19px 19px 37px 185px; border: 1px solid #f2f2f2; border-radius: 4px; height: 100%; min-height: 112px; _height: 112px; width: 514px; position: relative; color: #3c3c3c; background: #fff } .user-message-content .img { width: 150px; height: 112px; position: absolute; top: 19px; left: 19px } .user-message-content .title { font-weight: 700; height: 30px; line-height: 30px; font-size: 16px } .user-message-content .content { line-height: 18px; height: 100%; min-height: 54px; _height: 54px } .user-message-content .date { text-align: right; right: 19px; bottom: 19px; line-height: 18px; height: 18px; color: #aaa; position: absolute } .user-message-more { margin: 20px auto } .user-message-more span { font-size: 14px; border: 1px solid #d9d9d9; padding: 5px 30px; border-radius: 3px; box-shadow: 2px 2px 3px #ddd; *vertical-align: middle } .user-main a.message-online-kf,.user-main a:visited.message-online-kf { width: 74px; height: 25px; line-height: 30px; *line-height: 36px; display: inline-block; *display: inline; *zoom:1;margin-right: 3px; background: url(http://img1.37wanimg.com/www/css/images/user/btn-kf.png) no-repeat; text-indent: -9999px; color: #fff } .user-main a:hover.message-online-kf { color: #ffeb4e; text-decoration: none } .btn-mygame { width: 70px; height: 28px; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; color: #6c6c6c; line-height: 28px; margin-right: 10px; padding-left: 20px } .btn-mygame:hover { color: #fff; text-decoration: none } .btn-mygame-web { background: transparent no-repeat; background-position: -212px -93px } .btn-mygame-web:hover { background-position: -148px -176px } .btn-mygame-bbs { background: transparent no-repeat; background-position: -212px -63px } .btn-mygame-bbs:hover { background-position: -212px -33px } .user-mygame { padding: 10px 0 } .user-mygame-list { width: 724px; height: 170px; padding: 14px; border: 1px solid #f1f1f1; border-radius: 3px; margin-bottom: 20px; transition: all .2s } .user-mygame-list img { width: 230px; height: 170px; border-radius: 3px } .user-mygame-imglink { width: 230px } .user-mygame-focus { border-color: #ffb83b; background: #fafafa; box-shadow: 0 0 8px #999 } .user-mygame-detail { width: 470px; padding-left: 24px } .user-mygame-link { line-height: 34px } .user-mygame-name { font-size: 20px } .user-mygame-site { float: right; font-size: 14px } .user-mygame-slist { padding-top: 10px; height: 22px; line-height: 22px } .user-mygame-slist span { width: 72px; color: #9c9c9c; display: inline-block; font-size: 14px } .user-mygame-slist .btn { width: 120px; height: 20px; line-height: 20px; _line-height: 22px; margin-right: 3px; border: 1px solid #d9d9d9; background: #fff; border-radius: 3px; color: #1ea6ff; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle } .user-mygame-slist .btn:hover { border-color: #2b8ae0; background: #2b8ae0; border-radius: 3px; color: #fff; text-decoration: none } .user-mygame-slist .btn:hover { text-decoration: none } .user-mygame-btn { padding-top: 20px } .user-point { width: 752px; background: #fafafa; border: 1px solid #f2f2f2; position: relative; font-size: 14px; margin: 20px 0 30px; padding: 15px 0; height: 54px } .user-point p { width: 220px; padding: 0 0 0 30px; border-right: 1px solid #f2f2f2; height: 54px; float: left } .user-point span { height: 20px; display: inline-block; line-height: 20px } .user-point span.orange { height: 30px; line-height: 30px; font-size: 30px } .user-point a.btn-blue { position: absolute; top: 26px; left: 530px; height: 28px; line-height: 28px; width: 90px; border: 1px solid #d9d9d9 } .user-point .user-point-a { width: 12px; height: 12px; background: no-repeat; background-position: -200px -206px; position: absolute; top: 51px; left: 342px; display: block; _top: 48px } .user-point .user-message-tip { width: 290px; height: 60px; left: 280px; top: 70px; font-size: 12px } .user-rebate-rule { padding: 40px 0 20px; line-height: 18px } .user-rebate-rule dt { font-size: 14px } .user-rebate-rule dd { color: #9c9c9c } .user-reset-setting { width: 626px; margin: 0 auto } .user-reset-setting .loading { padding-left: 170px } .user-reset-setting label { width: 160px } .user-reset-setting .wrap-btn { padding-left: 222px } .user-reset-setting .wrap-text { text-align: center } .user-reset-setting .txt { padding-left: 60px } .user-reset-setting .f16 { font-size: 16px } .user-reset-setting .f20 { font-size: 20px } .user-reset-setting .b-btn { height: 36px; line-height: 36px; padding-top: 10px; padding-bottom: 20px } .ico-u-secpwd { background: transparent no-repeat; background-position: -174px -114px } .ico-secpwd-que { background: transparent no-repeat; background-position: -114px -176px } .user-secpwd-info { padding: 20px 0 0; margin: 0; border-bottom: 1px dashed #d9d9d9 } .user-secpwd-info li { padding: 20px 0 24px; width: 750px; height: 54px; line-height: 54px } .user-secpwd-info li.user-secpwd-unsetting { padding: 20px 0 20px 74px; border: 0; line-height: 18px; width: 680px; height: 84px; background: #fafafa; margin-bottom: 20px } .user-secpwd-info .text { width: 482px; height: 54px; color: #9c9c9c; float: left; display: inline } .user-secpwd-info .lh18 { line-height: 18px } .user-secpwd-info .btn { width: 92px; height: 28px; line-height: 28px; _line-height: 30px; margin: 10px 0 14px; float: left; display: inline; border: 1px solid #d9d9d9; background: #fff; border-radius: 3px; color: #1ea6ff; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle } .user-secpwd-info .btn:hover { border-color: #2b8ae0; background: #2b8ae0; border-radius: 3px; color: #fff; text-decoration: none } .user-secpwd-info .setted { color: #9c9c9c } .user-secpwd-info .setted:hover { text-decoration: none; border-color: #d9d9d9; background: #fff; color: #9c9c9c } .user-secpwd-ico { width: 36px; height: 36px; margin: 9px 13px; float: left; display: inline } .user-secpwd-tag { font-weight: 700; font-size: 16px; margin: 0 13px; float: left; display: inline } .user-secpwd-desc { padding: 50px 0 40px; line-height: 24px } .user-secpwd-desc span { font-size: 14px } .user-secpwd-desc .p_indent { color: #999 } .user-secpwd-desc dl { width: 754px; padding-bottom: 20px; overflow: hidden } .user-secpwd-desc dt { width: 32px; height: 32px; float: left; margin-right: 10px } .user-secpwd-desc dd { float: left; padding-top: 24px; height: 24px } .user-secpwd-desc .user-secpwd-text { width: 634px; height: 48px; overflow: hidden; padding-top: 0 } .user-secpwd-desc .user-secpwd-que { padding-right: 10px; background: transparent url(../images/user-secpwd-que-dw.png) no-repeat right 50% } .user-secpwd-desc .user-secpwd-que-up { background: transparent url(../images/user-secpwd-que-up.png) no-repeat right 50% } .user-secpwd-title { height: 36px; padding: 30px 0; line-height: 36px } .user-secpwd-title .user-secpwd-ico { margin: 0 24px 0 0 } .user-secpwd-title .user-secpwd-tag { margin: 0 } .user-secpwd-panel { padding-left: 60px } .user-secpwd-unsetting p { font-size: 12px } .user-secpwd-unsetting .link { padding: 22px 0 0 } .user-secpwd-unsetting .link a { width: 112px; height: 28px; line-height: 28px; margin-right: 10px; border: 1px solid #d9d9d9; background: #fff; border-radius: 3px; color: #9c9c9c; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle } .user-secpwd-unsetting .link a:hover { color: #0c3c3c; text-decoration: none } .user-secpwd-setting,.user-secpwd-update { padding: 20px 0 50px } .user-secpwd-setting .wrap-text,.user-secpwd-update .wrap-text { padding-left: 112px; height: auto } .user-s-setted-mail-tip { line-height: 18px } .user-secpwd-setten { padding: 60px 0 200px; font-size: 18px } .user-secure-form { width: 624px; margin: 0 auto } .user-secure-form .loading { padding-left: 170px } .user-secure-form label { width: 160px } .user-secure-form .wrap-btn { padding-left: 170px } .user-secure-form .wrap-single-btn { padding-left: 222px } .user-secure-form .wrap-text { text-align: center } .user-secure-form .txt { padding-left: 60px } .user-secure-form .f16 { font-size: 16px } .user-secure-form .f20 { font-size: 20px } .user-secure-form .b-btn { height: 36px; line-height: 36px; padding-top: 10px; padding-bottom: 20px } .user-secure-form .grade { padding: 0; width: 87px; height: 20px } .user-secure-form .grade span { padding: 0; margin: 0; width: 20px; height: 20px; line-height: 20px; color: #fa5633; display: inline-block } .user-secure-form .grade span.pwd-grade { height: 6px; margin: 0 3px 0 0; _font-size: 0 } .user-secure-form .grade span.pwd-grade-2 { color: #f90 } .user-secure-form .grade span.pwd-grade-3 { color: #8fc31f } .user-secure-form .grade .pwd-grade-bg-0 { background: #999 } .user-secure-form .grade .pwd-grade-bg-1 { background: #fa5633 } .user-secure-form .grade .pwd-grade-bg-2 { background: #f90 } .user-secure-form .grade .pwd-grade-bg-3 { background: #8fc31f } .btn-token-unbundling { width: 72px; height: 28px; border: 1px solid #d9d9d9; background: #fff; border-radius: 3px; color: #1ea6ff; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; line-height: 28px } .btn-token-unbundling:hover { border-color: #2b8ae0; background: #2b8ae0; border-radius: 3px; color: #fff; text-decoration: none } .ico-t-dot { background: url(../images/ico-t-dot.jpg) no-repeat 20px 8px } .ico-t-msg { background: url(../images/ico-t-msg.png) no-repeat 0 50% } .user-token-msg { height: 32px; line-height: 32px; font-size: 20px; padding: 28px 0 } .user-token-msg a { margin-left: 10px; font-size: 12px } .user-token-qaa { width: 655px; background: #fafafa; border: 1px solid #f2f2f2; margin: 0; padding: 12px 0 0; font-size: 12px; line-height: 18px } .user-token-qaa p { padding: 0 0 12px 30px; color: #9c9c9c } .user-token-qaa span { color: #3c3c3c } .user-token-setted { position: relative; font-size: 16px } .user-token-phone { width: 615px; height: 52px; padding: 0 20px; margin: 15px 0 0; background: #fafafa; border: 1px solid #f1f1f1; line-height: 52px } .user-token-tool { width: 615px; height: 64px; padding: 10px 20px 18px; margin: 0; background: #fff; border: 1px solid #f1f1f1; border-top: 0; line-height: 64px } .user-token-tool .notice { float: right; font-size: 12px; color: #979797 } .user-token-alt { position: absolute; top: 60px; right: 9px; _right: 20px } .user-token-alt .arrow-1 { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #a3d4ec; position: relative; margin-left: 40px; _font-size: 0; _border-left-color: #fff; _border-right-color: #fff } .user-token-alt .arrow-2 { width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 10px solid #edf7fe; position: absolute; left: -9px; top: 2px; _font-size: 0; _border-left-color: #fff; _border-right-color: #fff } .user-token-text { width: 230px; height: 60px; margin: 0; padding: 6px 10px; background: #edf7fe; border-color: #24aaf0; border-radius: 2px; box-shadow: 0 0 6px #a3d4ec; line-height: 20px; font-size: 12px; color: #3c3c3c } .user-token-title { padding: 40px 0 10px; font-size: 14px; color: #000 } .user-token-download { width: 655px; height: 182px; padding: 0; margin: 0; overflow: hidden } .token-frame { width: 240px; height: 136px; border: 1px solid #e5e5e5; float: left; display: inline; margin-left: 10px; position: relative; padding-top: 44px } .token-dl-text { width: 240px; position: absolute; font-size: 14px; top: 14px; color: #3c3c3c; text-align: center; _height: 18px; _line-height: 18px } .token-frame-1 { width: 148px; margin: 0 } .token-frame-1 .token-dl-text { width: 148px } .token-dl-erwei { width: 118px; height: 118px; background: #fff; padding: 0 15px } .token-dl-erwei img { width: 118px; height: 118px } .token-dl-pb { padding: 0 34px } .token-dl-btn { width: 172px; height: 42px; display: block } .dl-btn-1 { background: no-repeat; background-position: 0 -88px } .dl-btn-1:hover { background: no-repeat; background-position: 0 -44px } .dl-btn-2 { background: no-repeat; background-position: 0 0 } .dl-btn-2:hover { background: no-repeat; background-position: 0 -132px } .token-dl-txt { height: 24px; text-align: center; line-height: 24px; color: #999; font-size: 12px } .token-dl-p { width: 210px; position: relative; margin-top: 10px; left: 14px; overflow: hidden } .token-dl-p .placeholder { color: #999 } .token-dl-pho { margin-top: 4px } .token-dl-input { height: 20px; padding: 3px 9px; line-height: 20px; border: 1px solid #d9d9d9; border-radius: 2px; background-color: #fff; box-shadow: 0 0 3px #ddd inset } .token-dl-input:focus { border: 1px solid #1fb8ff } .token-dl-phone { width: 190px } .token-dl-code { width: 110px; margin-right: 10px } .token-dl-send { width: 76px; height: 26px; display: block; background: #00a0e9; color: #fff; text-align: center; line-height: 26px } .token-dl-send:hover { background: #1fb8ff; color: #fff; text-decoration: none } .token-dl-notice { margin-top: 6px; color: #fe0000; _height: 20px; _line-height: 20px } .user-token-intr { width: 655px; height: 240px; margin: 0; background: #e5e5e5; position: relative } .token-kv-img { width: 655px; height: 240px; overflow: hidden } .token-kv-img li { width: 655px; height: 240px; background: url(http://img1.37wanimg.com/www/css/images/common/loading-48x48.gif) no-repeat center } .token-kv-img li img { width: 655px; height: 240px; vertical-align: top } .token-kv-num { position: absolute; bottom: 10px; left: 50% } .token-kv-num li { width: 10px; height: 10px; float: left; display: block; _display: inline; margin: 0 0 0 10px; text-indent: -999px; _line-height: 10px; font-size: 0; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } .token-kv-num li.token-kv-num-0 { margin: 0 } .token-kv-num li.focus { background: #00a0e9 } .user-token-question { width: 654px; margin: 0; overflow: hidden; padding: 10px 0 0 } .user-token-question li { width: 327px; height: 24px; float: left; color: #50504d; line-height: 24px } .user-token-question a { font-size: 14px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 320px } .user-token-question-more { padding: 10px 0 30px } .user-token-confirmation { width: 658px; padding: 30px 0 } .user-token-confirmation p { padding: 10px 0 0; height: 30px; line-height: 30px; font-size: 14px } .user-token-confirmation label { display: inline-block; width: 120px; text-align: right; margin-right: 10px; vertical-align: middle } .user-token-confirmation input { width: 106px; height: 20px; padding: 4px 5px; margin-right: 10px; border: 1px solid #d9d9d9; border-radius: 2px; background-color: #fff; box-shadow: 0 0 3px #ddd inset } .user-token-confirmation .step { margin: 20px 0 0 130px } .user-token-confirmation .step a { margin: 0 8px 0 0 } .user-token-confirmation .btn-code-send { width: 106px; height: 28px; line-height: 28px } .user-token-3 .user-token-msg { padding: 28px 0 28px 54px } .user-token-3 .msg-p { padding: 0 0 0 54px } .user-token-survey { width: 614px; padding: 6px 22px 30px; margin: 50px 0 100px; background: url(../images/user-token-doll.jpg) no-repeat 460px 50%; font-size: 14px; border: 1px solid #e5e5e5 } .user-token-survey .survey-title { padding: 16px 0 } .user-token-survey .survey-p { padding: 5px 0 } .user-token-survey input { margin: 0 5px 0 0 } .user-token-survey textarea { width: 380px; height: 44px; padding: 5px; margin: 10px 0 0; border: 1px solid #d9d9d9; border-radius: 2px; background-color: #fff; box-shadow: 0 0 3px #ddd inset } .user-token-survey .placeholder { color: #b1b1b1 } .user-token-survey .survey-btn { padding: 18px 0 0; line-height: 32px } .user-token-survey .survey-btn a { width: 160px; height: 32px; color: #fff; font-size: 16px; line-height: 32px; background: #ffab16; border-radius: 4px; color: #fff; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle } .user-token-survey .survey-btn a:hover { background: #ff970e; color: #fff; text-decoration: none } .btn-user-edit { width: 70px; height: 22px; line-height: 20px; _line-height: 22px } .btn-sign { width: 140px; height: 39px; line-height: 40px; font-size: 18px } .btn-close { width: 11px; height: 11px; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; background: transparent no-repeat; background-position: -260px -123px } .user-top-info { width: 1000px; height: 213px; position: relative; z-index: 10 } .user-top-info .btn-sign { position: absolute; top: 42px; left: 812px } .user-avatar { position: absolute; top: 19px; left: 30px } .user-avatar-edit { position: absolute; top: 180px; left: 80px; _height: 20px; _line-height: 20px } .user-avatar-wrap { display: none; z-index: 10; width: 408px; height: 272px; position: absolute; top: 200px; left: 50px; box-shadow: 1px 1px 3px #ddd; background: #fff; padding: 23px; border: 1px solid #d9d9d9 } .user-avatar-wrap a { display: block; float: left; border: 1px solid #fff; margin: 8px; transition: .3s; _display: inline } .user-avatar-wrap a:hover { border-color: #ffa300 } .user-avatar-wrap .user-avatar-close { position: absolute; top: 10px; right: 10px; margin: 0 } .user-avatar-wrap .user-avatar-close:hover { border-color: #fff } .user-nickname { position: absolute; top: 30px; left: 224px; color: #fff; font-size: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px } .user-nickname dt { padding-right: 10px } .user-btn-nickname { width: 16px; height: 16px; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; background: no-repeat; background-position: -136px -247px; vertical-align: top; margin-top: 6px } .user-btn-nickname:hover { background: no-repeat; background-position: -69px -270px } .user-nickname-edit { width: 280px; height: 28px; position: absolute; top: 30px; left: 224px } .user-nickname-edit .input-nickname { width: 150px; height: 20px; padding: 4px 5px; border: 1px solid #fff; border-radius: 3px; color: #3c3c3c; background: #9ae8ff; line-height: 20px } .user-nickname-edit .user-nickname-btn { width: 55px; height: 16px; margin: 0 14px; line-height: 17px } .user-nickname-arrow { width: 15px; height: 8px; background: transparent no-repeat; background-position: -180px -226px; top: 60px; left: 244px; display: block; position: absolute } .user-nickname-tip-txt { width: 330px; height: 40px; padding: 5px; background: #fff; border: 1px solid #d9d9d9; line-height: 20px; font-size: 12px; overflow: hidden; color: #9c9c9c; position: absolute; top: 67px; left: 224px } .user-acc { position: absolute; top: 66px; left: 224px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 22px } .user-acc dt { padding-right: 20px } .user-btn-password { vertical-align: top } .user-progress { width: 500px; height: 15px; font-size: 12px; position: relative; top: 94px; left: 224px } .user-progress-vip { width: 47px; height: 14px; position: absolute; top: 0; left: 0; display: block } .user-progress-groove { width: 281px; height: 10px; position: absolute; top: 1px; left: 56px; padding: 2px; background: transparent no-repeat; background-position: -87px -270px } .user-progress-core-s,.user-progress-core-e { height: 10px; width: 4px; background: transparent no-repeat; background-position: -20px -285px; _font-size: 0 } .user-progress-core-m { height: 10px; background-image: url(../images/bg-groove-m.png); background-repeat: repeat-x; _font-size: 0 } .user-progress-core-e { background-position: -20px -273px } .user-progress-source { width: 100px; position: absolute; top: -1px; left: 343px; color: #fff } .user-date { width: 60px; height: 32px; padding: 4px 0; background: #19a3e5; border: 1px solid #0b85d9; border-radius: 4px; position: absolute; top: 42px; left: 740px; color: #fff; text-align: center; line-height: 16px } .user-date span { font-size: 16px } .user-shop-info { width: 770px; height: 48px; padding: 1px 0; position: absolute; top: 144px; left: 224px; line-height: 24px } .user-shop-info li { width: 205px; padding-left: 50px; float: left; color: #6c6c6c; font-size: 14px } .user-shop-info li a { font-size: 12px } .user-info-1 { background: url(../images/user_icon01.png) no-repeat 0 50%; _background-image: url(../images/user_icon01-8.png) } .user-info-2 { background: url(../images/user_icon02.png) no-repeat 0 50%; _background-image: url(../images/user_icon02-8.png) } .user-info-3 { background: url(../images/user_icon03.png) no-repeat 0 50%; _background-image: url(../images/user_icon03-8.png) } .input { border: 1px solid #d9d9d9; border-radius: 2px; background-color: #fff; box-shadow: 0 0 3px #ddd inset } .user-per { padding: 15px 0 20px } .user-per .user-per-btn { padding: 20px 0 30px; position: relative; width: 754px; height: 36px } .user-per-tr { height: 48px; border: 1px solid #d9d9d9; position: relative; margin-top: -1px; font-size: 14px } .user-per-tr-first { margin-top: 0 } .user-per-tr-more { height: 96px; width: 752px } .user-per-td { height: 30px; line-height: 30px; font-size: 14px; padding: 9px 20px; float: left; text-align: right } .user-per-td-left { background: #fafafa; width: 100px } .user-per-td-w { width: 440px; text-align: left } .user-per-desc { padding: 20px 0 0 180px; color: #9c9c9c } .user-per-desc p { height: 18px; line-height: 18px; font-size: 12px; margin: 0 } .user-per-edit input { width: 248px; height: 20px; padding: 4px 5px; line-height: 20px } .user-per-edit .radio { width: 20px; padding: 0; border: 0 } .user-per-edit .user-per-radio { width: 34px; display: inline; cursor: pointer } .user-per-select .sq-selectmenu { margin-right: 4px } .ico-u-question-big { background: transparent no-repeat; background-position: 0 -176px } .ico-u-mail-big { background: transparent no-repeat; background-position: -174px 0 } .ico-u-phone-big { background: transparent no-repeat; background-position: -174px -38px } .ico-u-token-big { background: transparent no-repeat; background-position: -76px -176px } .ico-u-card-big { background: transparent no-repeat; background-position: -174px -76px } .ico-u-status-r { background: transparent no-repeat; background-position: -116px -247px } .ico-u-status-w { background: transparent no-repeat; background-position: 0 -273px } .ico-u-status-w-b { background: transparent no-repeat; background-position: -212px -123px } .user-password-reset { width: 750px; padding: 18px 0; border: 1px solid #f1f1f1; background: #fafafa; margin-top: 10px; font-size: 14px } .user-password-edit { height: 24px; line-height: 24px } .user-password-edit b { margin: 0 10px 0 20px } .user-password-edit a { margin: 0 3px; width: 120px; height: 22px; display: inline-block; border: 1px solid #d9d9d9; line-height: 22px; _line-height: 24px } .user-password-edit i { width: 24px; height: 24px; display: inline; margin: 0 10px 0 20px; float: left } .user-password-edit span { float: left } .user-account-secure { width: 754px; padding: 20px 0 10px; font-size: 14px } .user-account-secure .user-secure-title b { position: relative } .user-account-secure .user-secure-title span.border { display: inline-block; width: 39px; position: relative; top: 0; border-bottom: 10px solid #ececec; margin-right: 1px; line-height: 0; font-size: 0 } .user-account-secure .user-secure-title .first { margin-left: 10px } .user-account-secure .user-secure-step-1 span.focus { border-bottom-color: #ec5050 } .user-account-secure .user-secure-step-1 .user-secure-step { color: #ec5050 } .user-account-secure .user-secure-step-2 span.focus { border-bottom-color: #f90 } .user-account-secure .user-secure-step-2 .user-secure-step { color: #f90 } .user-account-secure .user-secure-step-3 span.focus { border-bottom-color: #8fc31f } .user-account-secure .user-secure-step-3 .user-secure-step { color: #8fc31f } .user-secure-info { padding: 0 0 30px } .user-secure-info li { padding: 32px 0 30px; width: 754px; height: 36px; border-bottom: 1px dashed #d9d9d9; line-height: 36px } .user-secure-info li:last-child { border-bottom: 0 } .user-secure-info .user-secure-ico { width: 36px; height: 36px; margin: 0 13px; float: left; display: inline } .user-secure-info .tag { font-weight: 700; font-size: 16px; margin: 0 13px; float: left; display: inline } .user-secure-info .user-secure-status { width: 18px; height: 18px; position: relative; display: inline-block; vertical-align: middle; margin: 9px 12px; float: left; display: inline } .user-secure-info .text { width: 430px; height: 36px; color: #9c9c9c; float: left; display: inline } .user-secure-info .lh18 { line-height: 18px } .user-secure-info .btn { width: 92px; height: 28px; line-height: 28px; _line-height: 30px; margin: 1px 0 5px; float: left; display: inline; border: 1px solid #d9d9d9; background: #fff; border-radius: 3px; color: #1ea6ff; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle } .user-secure-info .btn:hover { border-color: #2b8ae0; background: #2b8ae0; border-radius: 3px; color: #fff; text-decoration: none } .user-secure-info .btn:hover { text-decoration: none } .user-secure-info .setted { color: #9c9c9c } .user-secure-info .setted:hover { text-decoration: none; border-color: #d9d9d9; background: #fff; color: #3c3c3c } .user-secure .user-secure-title { height: 36px; padding: 30px 0; line-height: 36px } .user-secure .user-secure-title .user-secure-ico { width: 36px; height: 36px; margin: 0 24px 0 0; float: left; display: inline } .user-secure .user-step { padding-left: 60px } .user-secure-tag { font-weight: 700; font-size: 16px; margin: 0; float: left; display: inline } .user-secure-setting { padding: 10px 0 50px 60px } .user-secure-setting .wrap-text { padding-left: 112px; height: auto } .user-secure-panel .user-secure-text { padding-bottom: 30px } .user-secure-panel .txt { padding-left: 60px } .user-secure-panel .txt-info { padding-bottom: 0; height: 18px; line-height: 18px } .user-secure-panel .f16 { font-size: 16px } .user-secure-panel .b-btn { height: 36px; line-height: 36px; padding-top: 10px; padding-bottom: 20px } .user-secure-panel .btn-back { margin-right: 10px } .user-step span,.user-step .focus span,.field-right-message,.ico-u-spend,.ico-u-spend-b,.user-coin .user-coin-a,.ico-u-question,.ico-u-mail,.ico-u-phone,.ico-u-token,.ico-u-card,.ico-u-question-gray,.ico-u-mail-gray,.ico-u-phone-gray,.ico-u-token-gray,.ico-u-card-gray,.user-menu .user-menu-a,.user-menu .user-menu-a:hover,.user-menu .focus .user-menu-a,.btn-message-close,.btn-mygame-web,.btn-mygame-web:hover,.btn-mygame-bbs,.btn-mygame-bbs:hover,.user-point .user-point-a,.ico-u-secpwd,.ico-secpwd-que,.dl-btn-1,.dl-btn-1:hover,.dl-btn-2,.dl-btn-2:hover,.btn-close,.user-btn-nickname,.user-btn-nickname:hover,.user-nickname-arrow,.user-progress-groove,.user-progress-core-s,.user-progress-core-e,.ico-u-question-big,.ico-u-mail-big,.ico-u-phone-big,.ico-u-token-big,.ico-u-card-big,.ico-u-status-r,.ico-u-status-w,.ico-u-status-w-b { background-image: url(../images/my.png?20160322094656) } .container {overflow:hidden;background:#f2f2f2;margin-bottom:40px;} .user-single-main {line-height:2;color:#666;position:relative;padding-top:30px;} .orange {color:#ff7b00;} .strong {color:#ff7b00;font-weight:bold;} .user-single-main h1 {font-size:24px;text-align:center;} .user-single-main h2 {font-size:18px;text-indent:2em;margin-top:30px;} .content-main p {text-indent:2em;margin:2px 30px;font-size:14px;} .content-footer {margin:30px;padding:10px 20px;font:14px/2 simsun;text-indent:2em;border:2px dashed #aaa;border-radius:10px;box-shadow:inset 0 0 10px #aaa;} .fixed {position:fixed;top:160px;right:50%;margin-right:-539px;cursor:pointer;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+160));width:26px;height:60px;background:#3fb2e8;border-top-right-radius:3px;border-bottom-right-radius:3px;padding:10px 7px;font-size:14px;line-height:1;text-align:center;} .fixed a {color:#fff;} .fixed a:hover {text-decoration:none;} * html {background-image:url(about:blank); background-attachment:fixed;} .footer {font-size:12px;} body .footer-info-2 a {color:#71747D;} .user-single-head { height: 80px; background: #fff; overflow: hidden; box-shadow: 0 4px 4px rgba(0,0,0,.2) } .cf:after { clear: both; display: table; content: ""; } .g-register-login-footer { position: relative; min-height: 90px; background: #fff; font-size: 12px; font-family: simsong; } .g-inner { width: 1260px; margin: 0 auto; } .g-register-login-footer .helper-list { float: right; font-size: 0; } .g-register-login-footer .helper-list a { font-size: 12px; color: #676767; padding: 0 8px; border-left: 1px solid #676767; } .g-register-login-footer .helper-list .fir { border-left: 0; } .g-register-login-footer .helper-text { margin-left: 50px; white-space: normal; }