cf-platform/Public/Media/css/agreement.css

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;
}