@charset "utf-8";

html {
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

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

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

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

body,
button,
input,
select,
textarea {
    font: 12px/1.5 Tahoma, Helvetica, Arial, \5fae\8f6f\96c5\9ed1, sans-serif
}

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

address,
cite,
dfn,
em,
i,
var {
    font-style: normal
}

code,
kbd,
pre,
samp,
tt {
    font-family: Courier New, monospace, serif
}

small {
    font-size: 80%
}

ol,
ul {
    list-style: none outside none
}

a:active {
    text-decoration: none;
    outline: 0
}

a:focus {
    outline: 0
}

abbr[title],
acronym[title] {
    border-bottom: 1px dotted;
    cursor: help
}

mark {
    background: #ff0;
    color: #000
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

fieldset,
iframe {
    border: 0 none
}

img {
    border: 0 none;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline
}

button[disabled],
input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
button::-moz-focus-outer,
input::-moz-focus-inner,
input::-moz-focus-outer {
    border: 0 none;
    padding: 0;
    margin: 0
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

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

strong {
    font-weight: 400
}

.txjifen {
    display: block;
    position: absolute;
    z-index: 25;
    top: 24px;
    left: 10px;
    height: 20px;
    line-height: 20px
}

.txjifen em,
.txjifen em a {
    color: #e28031;
    font-style: normal;
    text-decoration: none
}

.txjifen em a:hover {
    color: #e28031;
    text-decoration: none
}

.acountBg,
.acountIn {
    position: relative;
    z-index: 4;
    width: 203px;
    height: 29px;
    padding: 1px;
    padding: 0\9;
    _padding: 0;
    overflow: hidden;
    border: 1px solid #ccc\9;
    _border: 1px solid #ccc;
    background: #fff\9;
    _background: 0;
    background-position: 0 -91px
}

.tabs-regRorm .acountIn {
    background-position: 0 -125px
}

.acountIn .in-txt {
    color: #000
}

.acountIn {
    border: 1px solid #7fb00d\9;
    _border: 1px solid #7fb00d
}

.in-txt {
    display: block;
    width: 138px;
    height: 29px;
    padding: 0 60px 0 5px;
    line-height: 29px;
    vertical-align: middle;
    background: 0 0;
    border: 0;
    color: #ccc;
    zoom: 1
}

.acountCode .in-txt {
    width: 93px;
    padding: 0 105px 0 5px
}

.in-pwd,
.in-tips,
.in-userMsg,
.in-xline,
.yzimg {
    position: absolute;
    z-index: 10;
    top: 2px;
    display: block;
    height: 24px;
    line-height: 24px;
    color: #ccc;
    background-color: #fff
}

.in-tips {
    right: 8px
}

.acountCode .in-tips {
    right: 108px
}

.in-xline {
    right: 103px;
    top: 1px;
    width: 2px;
    height: 28px;
    overflow: hidden;
    background-position: -130px -46px
}

.in-pwd,
.in-userMsg {
    left: 6px;
    background-color: #fff
}

.itemregLast a.ac666 {
    cursor: pointer
}

.itemregLast {
    height: 20px;
    text-align: right;
    line-height: 20px
}

.logAuto {
    float: left;
    position: relative;
    height: 20px
}

.logAuto span {
    display: block;
    float: left;
    height: 20px;
    padding-left: 23px;
    line-height: 20px;
    background: url(../images/navLoginV3.png) no-repeat -116px -104px;
    cursor: pointer
}

.logAuto span.selected {
    background-position: 0 -126px
}

.in-pwd,
.in-tips,
.in-xline,
.yzimg {
    background-color: #fff\9;
    _background-color: #fff
}

.logThird-box {
    position: relative;
    z-index: 5;
    width: 244px;
    height: 40px;
    margin: 0 auto;
    font-family: \5fae\8f6f\96c5\9ed1;
    background-position: 0 -860px
}

.log3List {
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 0;
    width: 250px;
    height: 40px;
    font-size: 14px
}

.iconlogbg {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-decoration: none;
    color: #fff;
    background-position: right -203px
}

a.iconlogbg:hover {
    background-position: right -160px;
    color: #fff;
    text-decoration: none
}

.iconlogbg span,
.iconlogbg:hover span {
    color: #fff;
    text-decoration: none
}

.reg-item2 .iconlogbg {
    background-position: -10px -203px;
    position: relative;
    left: 2px
}

.reg-item3 .iconlogbg {
    background-position: left -203px;
    color: #fff;
    text-decoration: none
}

.reg-item2 .iconlogbg:hover {
    background-position: -10px -160px;
    text-decoration: none
}

.reg-item3 .iconlogbg:hover {
    background-position: left -160px;
    color: #fff;
    text-decoration: none
}

.iconlog-reg {
    position: relative
}

.iconlog-reg span {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 40px;
    height: 40px;
    margin-left: -23px;
    text-align: center;
    line-height: 40px;
    color: #000;
    opacity: .4;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    cursor: pointer
}

.iconlog-reg:hover span {
    color: #000;
    text-decoration: none
}

.thirdbgTop a {
    display: block;
    width: 100%;
    height: 40px;
    padding-top: 1px;
    overflow: hidden
}

.iconlog {
    display: block;
    height: 40px;
    padding-left: 30px;
    line-height: 40px;
    color: #1a1a1a;
    text-decoration: none;
    cursor: pointer
}

ul.inboxList {
    height: 0;
    overflow: hidden
}

ul.inboxList li {
    float: none;
    height: 30px;
    padding: 0 10px 2px;
    line-height: 30px;
    text-align: right;
    clear: both;
    background-position: center -281px
}

.inboxList li span {
    display: inline-block;
    float: left;
    max-width: 164px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.logout {
    height: 30px;
    padding: 0 10px;
    text-align: right;
    line-height: 30px;
    font-family: \5b8b\4f53;
    clear: both;
    background-position: center -345px
}

.icon-safe {
    float: left;
    height: 30px;
    padding-left: 22px;
    line-height: 30px;
    background-position: -85px -345px
}

.usrTxGeneral-box_v3 .errorArea {
    color: #e60012;
    margin: 0 0 0 35px;
    height: 30px;
    _position: relative
}

.usrTx-inner-box .usrTx-inner-box_userInfo .usrTx-name {
    width: 115px;
    line-height: 17px
}

.usrTx-inner-box .usrTx-inner-box_userInfo .usrTx-name a {
    max-width: 96px;
    color: #333;
    margin-top: 0;
    *line-height: 17px;
    *display: inline;
    zoom: 1
}

.topNav_user .usrTxGeneral-box a:hover {
    color: #518900;
    text-decoration: underline
}

.usrTxGeneral-box_hover {
    width: 432px;
    padding: 13px 0 30px;
    position: absolute;
    top: 22px;
    left: -106px;
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    -ms-transition: opacity .5s linear;
    transition: opacity .5s linear
}

.usrTx-register .usrTxGeneral-box_hover {
    left: -147px
}

.usrTx-register .usrTxGeneral-box_hover .nav_arrow {
    left: 157px
}

.usrTxGeneral-box {
    width: 430px;
    position: relative;
    z-index: 111
}

.usrTxGeneral-box .mailType-box-bind,
.usrTxGeneral-box .mailType-box-login,
.usrTxGeneral-box .mailType-box-reg {
    position: absolute;
    z-index: 50;
    top: 85px;
    left: 53px;
    width: 205px
}

.usrTxGeneral-box h2 {
    font-size: 14px;
    background: #f5f5f5 url(../images/login-box_title.jpg) center bottom no-repeat;
    line-height: 40px;
    text-align: center;
    color: #333
}

.usrTxGeneral-box .all520Btn,
.usrTxGeneral-box .lt520Btn {
    background: url(../images/con520.png) no-repeat;
    height: 40px;
    color: #fff;
    line-height: 38px;
    display: inline-block;
    text-align: center;
    font-size: 14px
}

.usrTxGeneral-box .all520Btn {
    cursor: pointer
}

.usrTxGeneral-box .all520Btn_green {
    padding-right: 33px;
    background-position: right 0
}

.usrTxGeneral-box .all520Btn .lt520Btn {
    background-position: 0 -40px;
    padding-left: 30px
}

.usrTxGeneral-box .all520Btn_green:hover {
    background-position: right -80px;
    text-decoration: none
}

.usrTxGeneral-box .all520Btn_green:hover .lt520Btn {
    background-position: 0 -120px
}

.usrTxGeneral-box .tabs-regRorm .pb0 {
    padding-bottom: 0
}

.usrTxGeneral-box .bindOther-box_ico a {
    background: url(../images/nav_pop_icons.png) no-repeat;
    float: left;
    width: 24px;
    height: 24px;
    margin: 0 17px 10px 0
}

.usrTxGeneral-box .bindOther-box_ico a.qq,
.usrTxGeneral-box .bindOther-box_ico a.sinaweibo,
.usrTxGeneral-box .bindOther-box_ico a.weixin {
    width: 132px;
    height: 24px;
    margin: 0 0 10px
}

.usrTxGeneral-box .bindOther-box_ico a.sinaweibo {
    background-position: 0 0
}

.usrTxGeneral-box .bindOther-box_ico a.qq {
    background-position: 0 -58px
}

.usrTxGeneral-box .bindOther-box_ico a.baidu {
    background-position: 0 -116px;
    padding: 0
}

.usrTxGeneral-box .bindOther-box_ico a.renren {
    background-position: -36px -116px
}

.usrTxGeneral-box .bindOther-box_ico a.kaixin {
    background-position: -72px -116px
}

.usrTxGeneral-box .bindOther-box_ico a.zhifubao {
    background-position: -108px -116px;
    margin-right: 0
}

.usrTxGeneral-box .bindOther-box_ico a.sinaweibo:hover {
    background-position: 0 -29px
}

.usrTxGeneral-box .bindOther-box_ico a.qq:hover {
    background-position: 0 -87px
}

.usrTxGeneral-box .bindOther-box_ico a.baidu:hover {
    background-position: 0 -145px
}

.usrTxGeneral-box .bindOther-box_ico a.renren:hover {
    background-position: -36px -145px
}

.usrTxGeneral-box .bindOther-box_ico a.kaixin:hover {
    background-position: -72px -145px
}

.usrTxGeneral-box .bindOther-box_ico a.zhifubao:hover {
    background-position: -108px -145px
}

.usrTxGeneral-box .bindOther-box_ico a.weixin {
    background-position: 0 -181px
}

.usrTxGeneral-box .bindOther-box_ico a.weixin:hover {
    background-position: 0 -210px
}

.usrTx-bind {
    position: absolute;
    width: 0;
    height: 0;
    left: 25px
}

.usrTx-bind .usrTx-bind-box_hover {
    left: -152px
}

.usrTx-bind .usrTxGeneral-box .nav_arrow {
    left: 153px
}

.usrTx-bind .usrTxGeneral_btnBox .con0520Btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 10px
}

.usrTx-bindOperate-box {
    color: #333
}

.usrTx-bindOperate-box .usrTxGeneral-box_bd {
    text-align: left
}

.usrTx-bindOperate-box .usrTxGeneral_btnBox {
    margin: 30px 0 20px;
    text-align: center
}

.usrTx-bindOperate-box .p2040040 .usrTxGeneral_btnBox {
    margin-top: 10px
}

.usrTx-bindOperate-box .p25100 {
    padding: 25px 100px
}

.usrTx-bindOperate-box .p2590 {
    padding: 25px 90px
}

.usrTx-bindOperate-box .p2040040 {
    padding: 20px 40px 0
}

.usrTx-bind .usrTxGeneral-box .bindOther-box_ico a {
    margin: 0 17px 10px 0;
    width: 24px;
    height: 24px
}

.usrTx-bind .usrTxGeneral-box .bindOther-box_ico a.sinaweibo {
    background-position: 0 -174px
}

.usrTx-bind .usrTxGeneral-box .bindOther-box_ico a.qq {
    background-position: 0 -203px
}

.mailType-list {
    font: 12px/23px Tahoma;
    border: 1px solid #d6d6d6;
    border-radius: 0 0 3px 3px;
    background-color: #fff
}

.mailType-list li {
    display: block;
    height: 23px;
    padding: 0 10px;
    color: #7d7d7d;
    line-height: 23px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    overflow: hidden
}

.mailType-list li.focus,
.mailType-list li.selected {
    background-color: #f1f1f1;
    color: #000;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer
}

.usrTxGeneral-box .nav_arrow {
    left: 114px;
    border-bottom: 6px solid #f5f5f5
}

.usrTxGeneral-box .green {
    color: #518900
}

.usrTxGeneral-box .tabs-regRorm div {
    position: relative
}

.usrTxGeneral-box .tabs-regRorm .acountBorder {
    width: 203px;
    border: 1px solid #ccc;
    background: #fff;
    text-align: left;
    height: 29px
}

.usrTxGeneral-box .tabs-regRorm .acountIn {
    background: #fff;
    padding: 0;
    border: 1px solid #7fb00d;
    overflow: visible
}

.usrTxGeneral-box .tabs-regRorm .acountIn .in-txt {
    box-shadow: 0 1px 3px rgba(127, 176, 13, .5) inset
}

.usrTxGeneral-box .tabs-regRorm .logAuto {
    width: auto
}

.usrTxGeneral-box .tabs-regRorm .con0520Btn {
    float: left;
    padding-left: 36px;
    width: auto
}

.usrTxGeneral-box .tabs-regRorm .userPact div {
    width: auto
}

.usrTxGeneral-box .tabs-regRorm .pb10 {
    padding-bottom: 10px
}

.usrTxGeneral-box .tabs-regRorm .pt18 td,
.usrTxGeneral-box .tabs-regRorm .pt18 th {
    padding-top: 18px
}

.usrTxGeneral-box .tabs-regRorm .in-txt {
    background-color: #fff;
    transition: box-shadow linear .2s;
    *height: 28px;
    *line-height: 28px
}

.usrTxGeneral-box .tabs-regRorm .acountCode .in-txt {
    padding: 0 105px 0 5px\9\0
}

.usrTxGeneral-box .tabs-regRorm .acountCode .yzimg {
    top: 0
}

.usrTxGeneral-box .tabs-regRorm .acountIn .in-txt:focus,
.usrTxGeneral-box .tabs-regRorm .in-txt:focus {
    outline: 0 none;
    box-shadow: inset 0 1px 3px rgba(127, 176, 13, .5), 0 0 6px rgba(127, 176, 13, .5)
}

.usrTxGeneral-box .bindOther-box p {
    margin-bottom: 10px;
    color: #333;
    line-height: 1
}

.usrTxGeneral-box .noUser {
    position: absolute;
    left: 285px;
    bottom: 24px;
    width: 130px;
    text-align: left
}

.usrTxGeneral-box .noUser a {
    color: #518900
}

.usrTx-box_popup {
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 2px 5px rgba(0, 0, 0, .2);
    border: 1px solid #e1e1e1
}

.frameLayer {
    position: absolute;
    border: 0;
    background-color: #fff
}

.topLogin .usrTx-inner-box_hover .frameLayer,
.topLogin .usrTxGeneral-box_hover .frameLayer {
    top: 12px;
    left: 15px;
    background: 0 0
}

.topLogin .usrTx-inner-box_hover .frameLayer {
    height: 440px;
    width: 182px
}

.topLogin .usrTx-login .usrTxGeneral-box_hover .frameLayer {
    height: 243px;
    width: 432px;
    left: 0;
    top: 15px
}

.topLogin .usrTx-register .usrTxGeneral-box_hover .frameLayer {
    height: 311px;
    width: 432px;
    left: 0;
    top: 15px
}

.topLogin .usrTx-bind .usrTxGeneral-box_hover .frameLayer {
    height: 225px;
    width: 432px;
    left: 15px;
    top: 15px
}

.forpad .usrTxGeneral-box_hover {
    left: -193px;
    padding: 5px 0 30px 15px
}

.forpad .usrTxGeneral-box .nav_arrow {
    left: 184px
}

.forpad .usrTx-register .usrTxGeneral-box_hover {
    left: -224px
}

.forpad .usrTx-register .usrTxGeneral-box_hover .nav_arrow {
    left: 214px
}

.forpad .usrTx-bind .usrTx-bind-box_hover {
    left: -185px
}

.forpad .usrTx-bind .usrTxGeneral-box .nav_arrow {
    left: 184px
}

.usrTxGeneral-box .tabs-regRorm .acount-getSms {
    width: 105px
}

.usrTxGeneral-box .tabs-regRorm .acount-getSms .in-xline,
.usrTxGeneral-box .tabs-regRorm .acount-getSms .yzimg {
    display: none
}

.usrTxGeneral-box .tabs-regRorm .acount-getSms .in-txt {
    padding: 0 5px;
    width: 95px
}

.usrTxGeneral-box .tabs-regRorm .acount-getSms .getSms {
    display: block;
    position: absolute;
    left: 115px;
    top: 0;
    white-space: nowrap
}

.acount-getSms .in-tips {
    right: 2px
}

.getSms {
    display: none
}

.getSms_normal,
.getSms_normal:hover {
    color: #518900;
    text-decoration: underline
}

.getSms_again {
    color: #666
}

.getSms_already {
    color: #999
}

.refreshPiccode {
    position: absolute;
    left: 165px;
    top: 30px;
    white-space: nowrap;
    cursor: pointer
}

.acount-getSms .refreshPiccode {
    display: none
}

.usrTxGeneral-box .usrTxGeneral-box_bd {
    height: auto;
    padding: 15px 15px 30px;
    overflow: hidden;
    zoom: 1
}

.usrTxGeneral-box .notest-tabs {
    position: static;
    margin: 0
}

.usrTxGeneral-box .logReg-form {
    position: relative;
    float: left;
    width: 253px;
    border-right: 1px solid #e2e2e2;
    height: 100%;
    margin-right: 10px;
    color: #ccc
}

.usrTxGeneral-box .toforget {
    color: #ccc;
    text-decoration: underline
}

.tabs-regRorm {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -70px;
    line-height: 28px;
    table-layout: fixed;
    color: #333
}

.usrTxGeneral-box .usrTxGeneral-box_v3 {
    height: 226px;
    overflow: hidden;
    zoom: 1;
    padding: 14px 0 14px 15px;
    text-align: left
}

.usrTxGeneral-box_v3 .tabs-regRorm .in-txt {
    color: #333;
    width: 205px;
    height: 20px;
    line-height: 20px;
    padding: 4px 0 4px 5px;
    font-family: \5fae\8f6f\96c5\9ed1 !important
}

.usrTxGeneral-box_v3 .tabs-regRorm .acountBorder {
    width: 210px;
    height: 28px;
    background: #fff;
    border: 1px solid #dadada;
    text-align: left
}

.usrTxGeneral-box_v3 .tabs-regRorm td {
    padding-bottom: 21px
}

.usrTxGeneral-box_v3 .tabs-regRorm th {
    width: 34px;
    font-weight: 400;
    vertical-align: top
}

.usrTxGeneral-box_v3 .in-pwd {
    color: #999
}

.usrTxGeneral-box_v3 .logReg-form {
    width: 260px
}

.usrTxGeneral-box_v3 .pwd-link {
    float: right;
    *padding-right: 14px
}

.usrTxGeneral-box_v3 .in-userMsg {
    color: #333
}

.usrTxGeneral-box_v3 .acountIn .in-userMsg {
    color: #999
}

.usrTxGeneral-box_v3 .acountHide .in-userMsg {
    opacity: 0;
    visibility: hidden
}

.usrTxGeneral-box_v3 .tabs-regRorm .acountHide,
.usrTxGeneral-box_v3 .tabs-regRorm .acountIn {
    border: 1px solid #699f00
}

.usrTxGeneral-box_v3 .tabs-regRorm .acountIn .in-txt,
.usrTxGeneral-box_v3 .tabs-regRorm .acountIn .in-txt:focus,
.usrTxGeneral-box_v3 .tabs-regRorm .in-txt:focus {
    box-shadow: none
}

[placeholder] {
    font-family: \5fae\8f6f\96c5\9ed1
}

.acountBorder ::-moz-placeholder {
    color: #333;
    opacity: 1 !important
}

.acountIn .in-txt::-moz-placeholder {
    color: #999;
    opacity: 1 !important
}

.acountBorder :-ms-input-placeholder {
    color: #333
}

.acountIn .in-txt:-ms-input-placeholder {
    color: #999
}

.acountBorder ::-webkit-input-placeholder {
    color: #333
}

.acountIn .in-txt::-webkit-input-placeholder {
    color: #999
}

.usrTxGeneral-box_v3 .errorArea .mod-passwordStrength {
    padding-top: 5px
}

.usrTxGeneral-box_v3 .login_submitV3 a.submitV3Btn {
    display: block;
    width: 212px;
    height: 31px;
    line-height: 31px;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #699f00;
    margin-top: -5px
}

.usrTxGeneral-box_v3 .login_submitV3 a.submitV3Btn:hover {
    color: #fff;
    text-decoration: none;
    background: #7fb52b
}

.usrTxGeneral-box_v3 .login_submitV3 a.submitV3Btn:active {
    background: #5c8c13
}

.usrTxGeneral-box_v3 .login_submitV3 a.submit-gray,
.usrTxGeneral-box_v3 .login_submitV3 a.submit-gray:active,
.usrTxGeneral-box_v3 .login_submitV3 a.submit-gray:hover {
    background: #b1b1b1;
    cursor: default
}

.usrTxGeneral-box_v3 .tabs-regRorm .pb10 {
    padding-bottom: 15px
}

.usrTxGeneral-box_v3 .yzimg {
    height: 30px;
    right: 1px;
    top: 1px;
    width: 103px
}

.usrTxGeneral-box_v3 .yzimg img {
    height: 30px;
    width: 103px;
    cursor: pointer;
    vertical-align: top
}

.box_v3AddCode .tabs-regRorm .pb10,
.box_v3AddCode .tabs-regRorm td {
    padding-bottom: 12px
}

.box_v3AddCode .tabs-regRorm .pt18 td,
.box_v3AddCode .tabs-regRorm .pt18 th {
    padding-top: 0
}

.box_v3AddCode .tabs-regRorm .acountCode .in-txt {
    font-family: \5fae\8f6f\96c5\9ed1;
    padding: 4px 0 4px 5px;
    line-height: 20px;
    *line-height: 18px
}

.box_v3AddCode .tabs-regRorm .changeArea {
    padding-bottom: 0
}

.box_v3AddCode .changeImgCode {
    text-align: right;
    *padding-right: 14px
}

.usrTxGeneral-box .bindOther-box_icoV3 a {
    margin: 0 8px 10px 0
}

.usrTxGeneral-box .bindOther-box_icoV3 .hezuoTextKey {
    margin-bottom: 15px
}

.usrTxGeneral-box .usrTxGeneral-box_v3 .noUser {
    bottom: 40px;
    *padding-top: 5px
}

.usrTxGeneral-box_hover_reg .tabs-regRorm .changeArea {
    padding-top: 10px;
    clear: both;
    line-height: 20px;
    padding-bottom: 20px
}

.usrTxGeneral-box_hover_reg .readTxt {
    float: left;
    width: 185px;
    color: #999
}

.usrTxGeneral-box_hover_reg .box_v3AddCode .changeImgCode {
    width: 50px;
    float: right
}

.sEmail-closeBtn {
    position: absolute;
    right: 10px;
    line-height: 23px;
    color: #999;
    font-size: 14px;
    visibility: hidden
}

.usrTxGeneral-box_v3 .mailType-list {
    overflow: hidden;
    width: 210px
}

.usrTxGeneral-box_v3 .mailType-list li .userLong {
    display: inline-block;
    width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.usrTxGeneral-box_v3 .mailType-list li.focus .sEmail-closeBtn,
.usrTxGeneral-box_v3 .mailType-list li.selected .sEmail-closeBtn {
    visibility: visible
}

.usrTx-outer .usrTxGeneral-box_v3 .sEmail-closeBtn:hover {
    color: #333;
    text-decoration: none
}

.usrTxGeneral-box_v3 .mailType-box-bind,
.usrTxGeneral-box_v3 .mailType-box-login,
.usrTxGeneral-box_v3 .mailType-box-reg {
    top: 113px
}

.iqyCode-con {
    position: relative;
    width: 262px
}

.iqyCode-mini {
    background: url(../images/iqycode-ico.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: 4px;
    top: 8px
}

.iqyCode-lt {
    float: left;
    width: 160px;
    margin-right: 25px
}

.iqyCode-rt {
    float: left;
    width: 156px;
    margin-left: 9px;
    display: inline
}

.iqyCode-lt .p-txt1 {
    font-size: 14px;
    margin-bottom: 12px
}

.iqyCode-lt .p-txt2 {
    color: #999;
    line-height: 20px
}

.iqyCode-lt .p-tipPic {
    margin-top: 10px
}

.iqyCode-lt .p-tipPic img {
    display: block;
    width: 119px;
    height: 108px
}

.return-web {
    text-align: right;
    margin-bottom: 12px
}

.againGet a:hover,
.return-web a:hover {
    color: #699f00;
    text-decoration: none
}

.green {
    color: #699f00
}

.iqyCode-pic {
    border: 3px solid #bbdb80;
    padding: 7px;
    width: 135px
}

.iqyCode-pic img {
    display: block;
    width: 135px;
    height: 135px
}

.updateCode {
    margin-top: 14px;
    text-align: center;
    color: #666
}

.codeBorder {
    border: 1px dashed #d2d2d2;
    width: 150px;
    height: 150px;
    text-align: center
}

.suc-login-tip {
    line-height: 150px;
    font-size: 16px
}

.getcodePic {
    font-size: 14px
}

.getCode-bd {
    margin-top: 40px
}

.getIngTxt {
    color: #999;
    margin-top: 15px;
    display: block
}

.getCode-error i {
    background: url(../images/iqycode-errorIco.png) no-repeat;
    width: 35px;
    height: 35px;
    display: block;
    margin: 25px 0 10px 60px;
    *margin: 25px 0 10px
}

.againGet {
    font-size: 14px;
    color: #999
}

.iqyNav-code-pop .iqyCode-lt {
    margin-right: 100px
}

.usrTx-inner-addCode,
.usrTx-inner-addCode .usrTx-inner-box {
    width: 363px
}

.usrTx-inner-addCode .usrTx-inner-addCode-lt {
    width: 130px;
    border-right: 1px solid #ccc
}

.usrTx-inner-addCode .usrTx-inner-box .usrTx-inner-box_userInfo {
    padding: 10px 0 0 10px;
    height: 25px;
    width: 120px;
    overflow: hidden
}

.usrTx-inner-addCode .user-img-70 {
    margin-top: 0
}

.usrTx-inner-addCode .user-img-70 img {
    display: block;
    width: 70px;
    height: 70px;
    border: 1px solid #cdcdcd
}

.usrTx-inner-addCode .usrTx-inner-box li {
    float: left;
    width: 130px
}

.usrTx-inner-addCode .usrTx-inner-box li.hoverNoBg {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 15px;
    line-height: 0
}

.usrTx-inner-addCode .usrTx-inner-box li.hoverNoBg a:hover {
    background: 0
}

.topNavWrap-index .topNav_user .usrTx-inner-addCode .usrTx-name {
    width: 120px
}

.topNavWrap-index .topNav_user .usrTx-inner-addCode .usrTx-inner-box_bd .usrTx-name a {
    max-width: 76px;
    width: auto;
    font-size: 12px
}

body.qypage-980 .topNavWrap-index .topNav_user .usrTx-inner-addCode .usrTx-inner-box_bd .usrTx-name a {
    max-width: 76px;
    width: auto
}

.usrTx-inner-addCode .usrTx-inner-addCode-rt {
    width: 232px;
    margin: 0 auto;
    text-align: center
}

.usrTx-inner-addCode .p-code-tit {
    margin-top: 22px
}

.usrTx-inner-addCode .usrTx-inner-box_userInfo .kthy0201 {
    margin: 0 0 0 5px
}

.usrTx-inner-addCode .codeBorder,
.usrTx-inner-addCode .iqyCode-pic {
    margin: 16px auto 0
}

.topNav_user .usrTx-inner-addCode-bd .kthy0201,
.topNav_user .usrTx-inner-addCode-bd .no-kthy0201,
.topNav_user .usrTx-inner-addCode-bd .usrTx-name .myName {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.topNavWrap-index .topNav_user .usrTx-inner-addCode-bd .usrTx-name,
.topNavWrap-pindao .topNav_user .usrTx-inner-addCode-bd .usrTx-name,
.topNavWrap-player .topNav_user .usrTx-inner-addCode-bd .usrTx-name {
    text-align: center
}

.topNav_user .usrTx-name a {
    max-width: 92px
}

.usrTx-new_hover {
    z-index: 15
}

.dropDown_wrap .usrTx-new_hover,
.qypage-980 .dropDown_wrap .usrTx-new_hover,
.qypage-980 .usrTx-new_hover {
    left: inherit
}

.topNavWrap-index .topNav_user .usrTx-inner-box_hover,
.usrTx-new_hover {
    left: inherit;
    z-index: 15;
    padding: 0;
    width: auto;
    top: 0
}

.add-family .add-family_sicon,
.add-family-list .add-family_bicon,
.back-login-info,
.login-perCenLnk-arr,
.nav-login-list .nav-icon,
.nav-login-top {
    background: url(../images/nav-login-info-black.png) no-repeat
}

.add-family-list {
    padding-left: 10px
}

.add-family-list li {
    width: 56px;
    float: left
}

.add-family-list li .img {
    position: relative;
    width: 56px;
    height: 56px
}

.add-family-list li .img img {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 3px solid #fff
}

.add-family-list .selected .img img {
    border: 3px solid #82c024
}

.add-family-list li .img .profile-selected {
    width: 16px;
    height: 16px;
    display: none;
    vertical-align: middle;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/profile-selected.png) no-repeat;
    _background: 0;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled='true', sizingmethod='scale', src='../images/profile-selected.png')
}

.add-family-list .selected .img .profile-selected {
    display: block
}

.add-family-list li .title {
    line-height: 16px;
    padding-top: 5px;
    height: 32px;
    overflow: hidden;
    text-align: center;
    word-break: break-all;
    white-space: normal
}

.add-family-list .selected .title {
    color: #699f00
}

.nav-profile-tip-box {
    z-index: 15;
    position: relative;
    _left: -90px
}

.topNavWrap-pindao .nav-profile-tip-box {
    _left: 0
}

.nav-profile-tip {
    width: 290px;
    position: absolute;
    top: 35px;
    left: 36px;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.nav-profile-tip .profile-inner {
    border: 1px solid #dbdbdb;
    position: relative;
    z-index: 100
}

.topNavWrap-index .nav-profile-tip {
    left: 45px;
    _left: 36px
}

.dropDown_wrap .nav-profile-tip {
    left: -18px;
    top: 27px
}

.dropDown_wrap .nav-profile-tip .nav-login_arrow {
    left: 92px
}

.nav-profile-tip .profile-bd {
    width: 288px;
    height: 154px;
    position: relative;
    z-index: 111;
    background-color: #fff;
    text-align: center
}

.nav-profile-tip .profile-tip {
    line-height: 50px;
    padding-top: 5px;
    font-size: 14px;
    color: #333
}

.nav-profile-tip .profile-btn {
    margin-bottom: 15px;
    display: inline-block;
    width: 152px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #6a9e1b;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.nav-profile-tip .profile-btn:hover {
    background-color: #7db718;
    color: #fff
}

.nav-profile-tip .profile-info p {
    line-height: 20px
}

.topLogin .nav-profile-tip .frameLayer {
    width: 290px;
    height: 158px;
    left: 0;
    top: 0;
    background: 0 0;
    background-color: #e6e6e6
}

.nav-profile-tip .profile-colse {
    position: absolute;
    right: 6px;
    top: 5px;
    z-index: 112;
    color: #979797;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 16px;
    font-size: 22px;
    text-align: center
}

.nav-profile-tip .profile-colse:hover {
    color: #699f00
}

.nav-profile-tip .tip_inner,
.topNav_upload_menu .tip_inner {
    border-left: 9px solid #fff;
    z-index: 1
}

.nav-profile-tip .tip_inner,
.nav-profile-tip .tip_outer,
.topNav_upload_menu .tip_inner,
.topNav_upload_menu .tip_outer {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0
}

.nav-profile-tip .nav-login_arrow {
    overflow: hidden;
    left: 27px;
    top: -17px;
    text-align: left;
    display: inline-block;
    width: 16px;
    z-index: 4;
    height: 17px;
    position: absolute
}

.nav-profile-tip .nav-login_arrow .tip_inner,
.nav-profile-tip .nav-login_arrow .tip_outer {
    border: 9px dashed transparent
}

.nav-profile-tip .nav-login_arrow .tip_inner {
    border-bottom: 8px solid #8cd32a;
    bottom: -1px
}

.nav-profile-tip .nav-login_arrow .tip_outer {
    border-bottom: 8px solid #8cd32a
}

.nav-login-info .tip_inner,
.topNav_upload_menu .tip_inner {
    border-left: 8px solid #54a040;
    z-index: 1
}

.nav-login-info .tip_inner,
.nav-login-info .tip_outer,
.topNav_upload_menu .tip_inner,
.topNav_upload_menu .tip_outer {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0
}

.nav-login-info .nav-login_arrow,
.topNav_upload_menu .nav-login_arrow {
    display: inline-block;
    width: 16px;
    z-index: 4;
    height: 16px;
    position: absolute
}

.nav-login-info .nav-login_arrow .tip_inner,
.nav-login-info .nav-login_arrow .tip_outer,
.topNav_upload_menu .nav-login_arrow .tip_outer,
.topNav_upload_menu .tip_inner {
    border: 8px dashed transparent
}

.nav-login-info .nav-login_arrow .tip_inner {
    border-bottom: 8px solid #302d2c;
    bottom: -1px
}

.nav-login-info .nav-login_arrow .tip_outer {
    border-bottom: 8px solid #302d2c
}

.nav_upload_icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    overflow: hidden;
    width: 14px;
    height: 12px;
    background: url(../images/nav-upload.png) no-repeat 0 -1px;
    _background: 0;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled='true', sizingmethod='scale', src='../images/nav-upload.png')
}

.topNav_upload {
    position: relative
}

.topNav_upload .topNav_upload_title {
    font-size: 14px;
    color: #e5e5e5;
    padding-right: 13px
}

.topNav_upload .topNav_upload_title:visited {
    _color: #e5e5e5
}

.topNav_upload .arrow-selected,
.topNav_upload .arrow-selected:hover,
.topNav_upload .topNav_upload_title:hover {
    color: #99e000
}

.topNav_upload .topNav_upload_title:hover .nav_upload_icon {
    background: url(../images/nav-upload-green.png) no-repeat 0 -1px;
    _background: 0;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled='true', sizingmethod='scale', src='../images/nav-upload-green.png')
}

.topNav_upload .arrow-selected .nav_upload_icon {
    background: url(../images/nav-upload-green.png) no-repeat 0 -1px;
    _background: 0;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled='true', sizingmethod='scale', src='../images/nav-upload-green.png')
}

.topNav_upload .topNav_upload_menu {
    position: absolute;
    top: 35px;
    left: -18px;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.topNav_upload .topNav_upload-bd {
    width: 98px;
    height: 192px;
    position: relative;
    z-index: 111;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #dbdbdb
}

.topNav_upload .topNav_upload-bd li {
    line-height: 20px
}

.topNav_upload .topNav_upload-bd li a {
    display: block;
    text-align: center;
    padding: 6px 0;
    _height: 20px;
    _overflow: hidden;
    position: relative
}

.topNav_upload .topNav_upload-bd li a:hover {
    background: #f2f2f2
}

.topNav_upload .topNav_upload-bd li a .nav_mag_dot {
    position: absolute;
    top: 2px;
    right: 17px
}

.topNav_upload_menu .nav-login_arrow {
    left: 40px;
    top: -16px;
    z-index: 112
}

.topNav_upload_menu .nav-login_arrow .tip_inner {
    border-bottom: 8px solid #fff;
    bottom: -1px;
    z-index: 1
}

.topNav_upload_menu .nav-login_arrow .tip_outer {
    border-bottom: 8px solid #dbdbdb
}

.topNav_upload-nologin .no-login {
    display: none
}

.topNav_upload-nologin .topNav_upload-bd {
    height: 160px;
    padding-top: 3px
}

.topNav_upload-nologin .profile {
    display: none
}

.topNav_upload-nologin .userPic .profile {
    display: block
}

.topLogin .topNav_upload .topNav_upload-bd {
    height: 224px
}

.topLogin .topNav_upload .frameLayer_upload {
    height: 227px
}

.topLogin .topNav_upload-nologin .topNav_upload-bd {
    height: 192px
}

.topLogin .topNav_upload-nologin .frameLayer_upload {
    height: 198px
}

.topNav_upload .userPic .topNav_upload-bd {
    height: 256px
}

.topNav_upload .userPic .frameLayer_upload {
    height: 259px
}

.topNav_upload-nologin .userPic .topNav_upload-bd {
    height: 224px
}

.topNav_upload-nologin .userPic .frameLayer_upload {
    height: 227px
}

.emailActivation,
.emailActivation_q {
    color: #333;
    font-size: 12px;
    line-height: 20px
}

.emailActivation .eA_links,
.emailActivation_q .eA_links {
    color: #699f00
}

.emailActivation .eA_title,
.emailActivation_q .eA_title {
    height: 50px;
    line-height: 49px
}

.emailActivation {
    padding: 5px 15px 0 0
}

.emailActivation .eA_title {
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px
}

.emailActivation .eA_title .icon-submitSuccessful {
    display: inline-block;
    height: 50px;
    width: 50px;
    margin-right: 15px;
    margin-bottom: 5px;
    background: url(../images/site-icons-v10-20141106.png) no-repeat -60px -1340px
}

.emailActivation .eA_operation {
    padding-bottom: 10px;
    padding-right: 5px;
    text-align: right
}

.emailActivation .eA_desc {
    text-align: center;
    color: #999;
    padding-top: 5px
}

.emailActivation .submitV3Btn {
    margin: 0 auto
}

.emailActivation_q {
    padding-top: 5px;
    padding-right: 10px;
    overflow: hidden;
    *zoom: 1
}

.emailActivation_q .eA_content {
    padding-left: 10px
}

.emailActivation_q .eA_content .square-icon {
    margin-left: -10px;
    display: inline-block;
    height: 6px;
    width: 6px;
    background: url(../images/site-icons-v10-20141106.png) no-repeat -200px -700px
}

.emailActivation_q .eA_content p {
    line-height: 20px
}

.freeLogin_link {
    color: #699f00;
    *margin-right: 0 !important;
    *margin-right: 10px
}

.topNavWrap-pindao div,
.topNavWrap-pindao dl,
.topNavWrap-pindao ul {
    zoom: normal
}

.topNavWrap-pindao div:after,
.topNavWrap-pindao dl:after,
.topNavWrap-pindao ul:after {
    content: "";
    display: inline;
    clear: both;
    height: 0;
    visibility: hidden
}

.topNavWrap-pindao .clearfix {
    *zoom: 1;
    clear: none
}

.topNavWrap-pindao .clearfix:after {
    content: "";
    display: table;
    font: 0/0 a;
    clear: both;
    height: 0;
    visibility: hidden
}

.nav-login-info {
    width: 420px;
    position: absolute;
    top: 35px;
    left: -62px;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.topLogin .nav-login-info .frameLayer {
    width: 420px;
    height: 227px;
    left: 0;
    top: 0;
    background-color: #e6e6e6
}

.topLogin .nav-login-info .frameLayer-vip_1 {
    height: 300px
}

.topLogin .nav-login-info .frameLayer-vip_2 {
    height: 367px
}

.topLogin .nav-login-info .frameLayer-vip_code {
    height: 250px
}

.nav-login-info .nav-login-bd-code {
    width: 418px
}

.back-login-info {
    position: absolute;
    top: 0;
    right: -1px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    width: 54px;
    height: 50px;
    background-position: -366px -87px
}

.nav-login-info .iqyCode-pic {
    padding: 6px
}

.nav-login-info .updateCode {
    margin-top: 8px
}

.topLogin .login-info-vip .frameLayer {
    height: 273px
}

.nav-login-info .nav-login_arrow {
    overflow: hidden;
    left: 112px;
    top: -16px;
    text-align: left;
    display: inline-block;
    width: 16px;
    z-index: 4;
    height: 16px;
    position: absolute
}

.nav-login-info .nav-login_arrow .tip_inner,
.nav-login-info .nav-login_arrow .tip_outer {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    border: 8px dashed transparent
}

.login-info-vip .nav-login_arrow .tip_outer {
    border-bottom: 8px solid #f6e3c0
}

.login-info-vip .nav-login_arrow .tip_inner {
    border-bottom: 8px solid #f6e3c0;
    bottom: -1px;
    z-index: 1
}

.login-info-novip .nav-login_arrow .tip_outer {
    border-bottom: 8px solid #dbf0c0
}

.login-info-novip .nav-login_arrow .tip_inner {
    border-bottom: 8px solid #dbf0c0
}

.topNavWrap-index .nav-login-info {
    left: -62px
}

.dropDown_wrap .nav-login-info {
    left: -124px
}

.dropDown_wrap .nav-login-info .nav-login_arrow {
    left: 178px
}

.topNavWrap-player .nav-login-info {
    left: -71px
}

.nav-login-bd {
    width: 420px;
    position: relative;
    z-index: 111;
    background-color: #fff
}

.nav-login-top {
    width: 420px;
    height: 80px;
    overflow: hidden;
    position: relative;
    background-color: #fff
}

.nav-login-top .img {
    float: left;
    padding: 12px 14px 0 20px
}

.nav-login-top .homeLink img {
    border: 3px solid #616165;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px
}

.nav-login-top .title {
    float: left;
    width: 280px;
    padding-top: 16px;
    background-image: none;
    border: 0;
    text-align: left;
    clear: inherit;
    padding-right: 0
}

.login-info-novip .nav-login-top .userName_link .name,
.login-info-vip .nav-login-top .userName_link .name {
    float: left;
    max-width: 112px;
    margin-right: 4px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    font-size: 14px
}

.login-info-vip .nav-login-top .userName_link:hover .name {
    color: #c5955d
}

.login-info-novip .nav-login-top .userName_link:hover .name {
    color: #5aa700
}

.addFamilyIc,
.login-info-novip .nav-login-top,
.login-info-vip .nav-login-top,
.userFunList li i.userFunImg {
    background: url(../images/personCenterMiniPop.png) no-repeat 0 -8px
}

.login-info-novip .nav-login-top {
    background-position: 0 -108px
}

.login-info-novip .nav-login-top .tip,
.login-info-vip .nav-login-top .tip {
    clear: both;
    color: #333;
    display: block;
    text-align: left
}

.login-info-novip .nav-login-top .tip .vip_link,
.login-info-vip .nav-login-top .tip .vip_link {
    color: #333
}

.login-info-vip .nav-login-top .tip .vip_link:hover {
    color: #c5955d;
    text-decoration: none
}

.login-info-novip .nav-login-top .tip .vip_link:hover {
    color: #5aa700;
    text-decoration: none
}

.login-info-vip .nav-login-top .homeLink img {
    border: 3px solid #faf3e4
}

.login-info-novip .nav-login-top .homeLink img {
    border: 3px solid #f0f9e5
}

.nav-login-top .code-login {
    display: inline-block;
    width: 54px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0
}

.nav-login-info .nav-login-bottom {
    box-shadow: 0 2px 0 #e6e6e6;
    border: 1px solid #dbdbdb;
    border-top: 0;
    background-color: #fff;
    text-align: left
}

.login-info-vip .nav-login-bottom {
    padding-bottom: 9px;
    border-bottom: 1px solid #eee;
    box-shadow: none
}

.login-info-novip .nav-login-bottom {
    padding-bottom: 14px
}

.goCenter {
    padding: 9px 29px
}

.login-info-novip .nav-login-bottom .goCenterLink,
.login-info-vip .nav-login-bottom .goCenterLink {
    color: #c5955d;
    font-size: 12px;
    line-height: 24px
}

.login-info-novip .nav-login-bottom .goCenterLink {
    color: #5aa700
}

.userFunWrap {
    padding: 0 29px
}

.userFunList {
    margin-left: -40px
}

.userFunList li {
    float: left;
    padding-left: 40px
}

.userFunList li a {
    display: block;
    text-align: center
}

.login-info-vip .userFunList li a:hover {
    color: #c5955d
}

.userFunList li a:hover .imgHover20 {
    display: block
}

.addFamilyIc,
.userFunList li i.userFunImg {
    display: block;
    width: 60px;
    height: 60px;
    position: relative;
    background-position: 0 -200px
}

.imgHover20 {
    display: none;
    width: 60px;
    height: 60px;
    background: #fff;
    opacity: .2;
    filter: alpha(opacity=20);
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer
}

.mySubscribeNum {
    background: #ff6000;
    border: 2px solid #fff;
    border-radius: 13px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: -2px;
    left: 45px;
    padding: 3px;
    line-height: 13px;
    display: inline-block;
    height: 13px;
    min-width: 13px
}

.userFunList li i.img-mySubscribe {
    background-position: 0 -200px
}

.userFunList li i.img-VIPClub {
    background-position: -80px -200px
}

.userFunList li i.img-security {
    background-position: -160px -200px
}

.userFunList li i.img-online {
    background-position: -240px -200px
}

.userFunList li i.img-myMllection {
    background-position: -320px -200px
}

.userFunTxt {
    margin-top: 4px
}

.login-info-vip .nav-login-profile {
    background-color: #fff;
    box-shadow: 0 2px 0 #e6e6e6;
    border: 1px solid #dbdbdb;
    border-top: 0;
    text-align: left
}

.login-info-vip .addFamilyLink {
    display: block;
    text-align: center;
    height: 30px;
    padding: 10px 0
}

.addFamilySpan {
    color: #333;
    vertical-align: middle
}

.addFamilyLink:hover .addFamilySpan {
    color: #c5955d
}

.addFamilyIc {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-position: -400px -200px;
    margin-right: 5px;
    vertical-align: middle
}

.viewFamily {
    padding: 9px 29px
}

.viewFamilyLink {
    color: #c5955d
}

.viewFamilyLink:hover {
    color: #c5955d
}

.familyItem img {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.addFamilyWrap {
    padding: 0 9px
}

.addFamilyList li {
    float: left;
    padding-left: 20px;
    width: 180px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 15px
}

.addFamilyList li a:hover {
    color: #c5955d
}

.addFamilyList .addFamilyLink {
    display: inline;
    text-align: left;
    padding: 0
}

.addFamilyList .addFamilyIc,
.addFamilyList .familyItem img {
    margin-right: 3px
}

.usrLogin-pop .loginIcon {
    background: url(../images/thirdLoginIcon.png) no-repeat;
    display: inline-block;
    vertical-align: middle
}

.usrLogin-pop {
    width: 462px;
    height: 327px;
    font-size: 12px;
    margin: 0 auto
}

.usrLogin-pop .btn-close-loginPop {
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    color: #489a98;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 15px;
    font-family: arial;
    font-size: 30px;
    text-align: center;
    line-height: 31px
}

.usrLogin-pop .btn-close-loginPop:hover {
    color: #dce7ec;
    background: #60c9c7;
    text-decoration: none
}

.usrLogin-pop .usrTx-box_popup {
    border: 0;
    width: 462px;
    height: 327px;
    box-shadow: none;
    background: 0;
    cursor: default;
    font: 12px/1.5 Tahoma, Helvetica, Arial, \5fae\8f6f\96c5\9ed1, sans-serif
}

.usrLogin-pop .frameLayer {
    width: 462px;
    height: 327px;
    position: absolute;
    top: 10px;
    left: 0;
    border-radius: 5px
}

.usrLogin-pop .usrTxGeneral-box_v3 {
    width: 460px;
    height: 272px;
    border: 1px solid #d6d6d6;
    border-top: 0;
    padding: 0;
    background: #fff;
    border-radius: 0 0 5px 5px;
    text-align: left
}

.usrLogin-pop .usrTxGeneral-box_v3 .mailType-box-login {
    width: 266px;
    top: 120px;
    left: 98px
}

.usrLogin-pop .usrTxGeneral-box_v3 .logReg-form {
    width: 380px;
    padding-left: 47px;
    border-right: 0;
    margin-right: 0;
    position: relative;
    height: 100%;
    float: left;
    color: #ccc
}

.usrLogin-pop .usrTxGeneral-box_v3 .bindOther-box {
    overflow: hidden;
    *zoom: 1
}

.usrLogin-pop .tabs-regRorm th {
    width: 50px;
    font-size: 12px;
    font-weight: 400;
    vertical-align: top
}

.usrLogin-pop .usrTxGeneral-box_v3 .errorArea {
    margin: 4px 0 0 51px;
    line-height: 30px;
    color: #e60012;
    height: 30px;
    _position: relative
}

.usrLogin-pop .usrTxGeneral-box_v3 .errorArea .mobile-tips {
    margin-top: 6px
}

.usrLogin-pop .usrTxGeneral-box_v3 .errorArea span a {
    color: #699f00;
    text-decoration: underline
}

.usrLogin-pop .bindOther-box_icoV3 .iconBox {
    width: 290px
}

.usrLogin-pop .usrTxGeneral-box .usrTxGeneral-box_v3 .noUser {
    left: 348px;
    bottom: 28px
}

.usrLogin-pop .usrTxGeneral-box .bindOther-box p {
    line-height: 13px;
    color: #999
}

.usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .login_submitV3 {
    width: 266px;
    text-align: center
}

.usrLogin-pop .usrTxGeneral-box_v3 .login_submitV3 {
    text-align: center
}

.usrLogin-pop .usrTxGeneral-box_v3 .login_submitV3 a.submitV3Btn {
    width: 266px;
    height: 32px;
    line-height: 32px;
    margin-top: 0;
    background: #69a200
}

.usrLogin-pop .usrTxGeneral-box_v3 .login_submitV3 a.w266 {
    width: 266px
}

.usrLogin-pop .usrTxGeneral-box_v3 .login_submitV3 a.submitV3Btn:hover {
    background: #7fb52b
}

.usrLogin-pop .subWays {
    float: left;
    margin-left: 10px;
    display: inline;
    color: #699f00
}

.usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm {
    line-height: 30px;
    position: static;
    margin: 0;
    color: #333;
    left: 0;
    top: 50%;
    table-layout: fixed
}

.usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .in-txt {
    width: 230px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    padding: 4px 0 0 5px;
    font-family: 微软雅黑 !important;
    color: #333
}

.usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .acountBorder {
    width: 264px;
    height: 30px;
    border: 1px solid #d6d6d6;
    position: relative;
    background: #fff;
    text-align: left
}

.usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .acountHide,
.usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .acountIn {
    border: 1px solid #699f00
}

.usrLogin-pop .usrTxGeneral-box_v3 .mailType-list {
    width: 264px
}

.usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .pb10 {
    padding-bottom: 10px
}

.usrLogin-pop .hezuoTextKey a {
    color: #699f00
}

.usrLogin-pop .usrTxGeneral-box .nav_arrow {
    display: block;
    width: 0;
    height: 0;
    font-size: 0;
    position: absolute;
    border: 6px dashed transparent;
    border-bottom: 6px solid #6dc009;
    top: -12px;
    overflow: hidden;
    z-index: 100
}

.usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm td {
    padding-bottom: 25px
}

.usrLogin-pop .box_v3AddCode .tabs-regRorm td {
    padding-bottom: 8px
}

.usrLogin-pop .emailReg,
.usrLogin-pop .free-yzm-get {
    position: absolute;
    right: 10px;
    top: 0
}

.usrLogin-pop .emailReg a {
    color: #333
}

.usrLogin-pop .emailReg a:hover,
.usrLogin-pop .free-yzm-get a,
.usrLogin-pop .free-yzm-get a:hover {
    color: #699f00
}

.usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .acountYzm {
    width: 240px;
    float: left
}

.usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .acountYzm .in-txt {
    width: 235px
}

.usrLogin-pop .refreshIcon {
    width: 15px;
    height: 15px;
    background-position: -80px -40px;
    margin: 8px 0 0 9px;
    float: left;
    display: inline
}

.usrLogin-pop .logAutoRightCon {
    height: 16px;
    line-height: 16px;
    float: right
}

.usrLogin-pop .logAutoRightCon a {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    color: #699f00
}

.usrLogin-pop .RegNowLine {
    width: 1px;
    height: 12px;
    background: #d6d6d6;
    margin: 0 9px;
    display: inline-block;
    vertical-align: middle
}

.usrLogin-pop .arrowUp {
    width: 10px;
    height: 6px;
    background-position: 0 -40px
}

.usrLogin-pop a:hover .arrowUp {
    width: 10px;
    height: 6px;
    background-position: -20px -40px;
    cursor: pointer
}

.usrLogin-pop .arrowDown {
    width: 10px;
    height: 6px;
    background-position: -40px -40px
}

.usrLogin-pop a:hover .arrowDown {
    width: 10px;
    height: 6px;
    background-position: -60px -40px;
    cursor: pointer
}

.usrLogin-pop .userLogin-title {
    width: 462px;
    height: 55px;
    background: url(../images/login_bg.png) no-repeat;
    border-radius: 5px 5px 0 0
}

.usrLogin-pop .usrTxGeneral-box h2 {
    margin-left: 20px;
    background: 0;
    text-align: left;
    color: #fff;
    line-height: 55px;
    height: 55px;
    font-size: 16px
}

.usrLogin-pop .userLogin-title h2 {
    position: relative
}

.usrLogin-pop .userLogin-title .closeBtn {
    position: absolute;
    width: 13px;
    height: 13px;
    right: 10px;
    top: 10px;
    background-position: -220px -40px
}

.usrLogin-pop .userLogin-title a:hover.closeBtn {
    background-position: -240px -40px
}

.usrLogin-pop .itemregLast {
    width: 266px;
    height: 16px;
    line-height: 16px;
    margin-top: -11px
}

.usrLogin-pop .box_v3AddCode .itemregLast {
    margin-top: -4px
}

.usrLogin-pop .usrTxGeneral-box .tabs-regRorm .logAuto {
    height: 16px
}

.usrLogin-pop .usrTxGeneral-box .tabs-regRorm .logAuto a {
    color: #699f00
}

.usrLogin-pop .divide-line-ico {
    color: #999;
    width: 266px;
    margin-top: 11px;
    position: relative;
    text-align: center
}

.usrLogin-pop .box_v3AddCode .divide-line-ico {
    margin-top: 9px
}

.usrLogin-pop .divide-line-ico a {
    color: #999
}

.usrLogin-pop .divide-line-ico a:hover {
    color: #699f00
}

.usrLogin-pop .divide-line-con {
    position: absolute;
    width: 266px;
    height: 14px;
    line-height: 14px;
    background: #fff;
    text-align: center;
    top: -6px;
    _top: -2px
}

.usrLogin-pop .arrowUpCon {
    _top: -5px
}

.usrLogin-pop .arrowUpCon .divide-line-con {
    top: 0;
    _top: 4px
}

.usrLogin-pop .otherBind-big {
    margin-top: 10px;
    *margin-top: 4px;
    padding-left: 0
}

.usrLogin-pop .otherBind-big a {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 8px
}

.usrLogin-pop .otherBind-big .weibo {
    background-position: 0 0
}

.usrLogin-pop .otherBind-big .qq {
    background-position: -40px 0
}

.usrLogin-pop .otherBind-big .weixin {
    background-position: -80px 0
}

.usrLogin-pop .otherBind-big .baidu {
    background-position: -120px 0
}

.usrLogin-pop .otherBind-big .zhifubao {
    background-position: -160px 0
}

.usrLogin-pop .otherBind-big .renren {
    background-position: -200px 0
}

.usrLogin-pop .otherBind-big .xiaomi {
    background-position: -240px 0
}

.usrLogin-pop .otherBind-big .jd {
    background-position: -280px 0;
    margin-right: 0
}

.usrLogin-pop .usrTxGeneral-box .tabs-regRorm .pb0 {
    padding-bottom: 0
}

.usrLogin-pop .usrTxGeneral-box_v3 .pwd-link {
    margin-top: 2px;
    text-align: right;
    display: inline
}

.usrLogin-pop .usrTxGeneral-box_v3 .pwd-link a {
    float: right;
    *margin-right: -14px
}

.usrLogin-pop .mr0 {
    margin-right: 0
}

.usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm td.pb25 {
    padding-bottom: 25px
}

.usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm td.pb20 {
    padding-bottom: 20px
}

.usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm td.pb16 {
    padding-bottom: 16px
}

.usrLogin-pop .box_v3AddCode .tabs-regRorm td.pb16 {
    padding-bottom: 10px
}

.usrLogin-pop .pwd-link a {
    color: #699f00
}

.usrLogin-pop .codeError,
.usrLogin-pop .registered {
    float: left;
    color: #dd1006;
    margin-left: 6px
}

.usrLogin-pop .mod-passwordStrength {
    width: 50px;
    height: 32px;
    line-height: 14px;
    float: left;
    margin-left: 6px;
    _margin-top: -3px;
    display: inline
}

.usrLogin-pop .passwordStrength_blocks {
    width: 47px;
    float: left;
    height: 8px;
    padding: 2px 0;
    margin: 4px 0 0;
    overflow: hidden;
    border: 1px solid #ddd;
    display: none
}

.usrLogin-pop .mod-passwordStrength .strengthResult_1,
.usrLogin-pop .mod-passwordStrength .strengthResult_2,
.usrLogin-pop .mod-passwordStrength .strengthResult_3 {
    display: none
}

.usrLogin-pop .passwordStrength_level1 .passwordStrength_blocks,
.usrLogin-pop .passwordStrength_level1 .strengthResult_1,
.usrLogin-pop .passwordStrength_level2 .passwordStrength_blocks,
.usrLogin-pop .passwordStrength_level2 .strengthResult_2,
.usrLogin-pop .passwordStrength_level3 .passwordStrength_blocks,
.usrLogin-pop .passwordStrength_level3 .strengthResult_3 {
    display: block
}

.usrLogin-pop .strengthBlock_1,
.usrLogin-pop .strengthBlock_2,
.usrLogin-pop .strengthBlock_3 {
    display: none;
    width: 13px;
    height: 8px;
    margin: 0 0 0 2px;
    float: left
}

.usrLogin-pop .passwordStrength_level1 .strengthBlock_1,
.usrLogin-pop .passwordStrength_level2 .strengthBlock_1,
.usrLogin-pop .passwordStrength_level2 .strengthBlock_2,
.usrLogin-pop .passwordStrength_level3 .strengthBlock_1,
.usrLogin-pop .passwordStrength_level3 .strengthBlock_2,
.usrLogin-pop .passwordStrength_level3 .strengthBlock_3 {
    display: block
}

.usrLogin-pop .box_active .logReg-form {
    width: 266px;
    border-right: 1px solid #e2e2e2;
    padding-left: 10px;
    margin-right: 10px
}

.usrLogin-pop .box_active .login_submitV3 a.submitV3Btn {
    width: 200px
}

.usrLogin-pop .iqyNav-code {
    padding: 23px 55px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    height: 226px;
    text-align: left;
    overflow: hidden
}

.usrLogin-pop .emailActivation {
    padding: 30px 15px 0 0
}

.usrLogin-pop .emailActivation_q {
    padding-top: 30px
}

.usrLogin-pop .regSuccessBox .logReg-form {
    padding-left: 0;
    width: 100%
}

.usrLogin-pop .regSuccessBox .emailActivation {
    padding: 60px 0 0
}

.usrLogin-pop .regSuccessBox .emailActivation .eA_title {
    margin-bottom: 0
}

.usrLogin-pop .regSuccessBox .emailActivation .eA_title .fs24 {
    font-size: 24px
}

.usrLogin-pop .regSuccessBox .emailActivation .eA_content {
    position: relative;
    height: 30px;
    text-align: center
}

.usrLogin-pop .regSuccessBox .emailActivation .eA_content p {
    position: absolute;
    top: -5px;
    left: 195px
}

.usrLogin-pop .regSuccessBox .emailActivation .eA_content p span {
    color: #699f00
}

.usrLogin-pop .usrTxGeneral-box a:hover {
    text-decoration: none
}

.usrLogin-pop .usrTxGeneral-box_v3 .login_submitV3 a.submit-gray,
.usrLogin-pop .usrTxGeneral-box_v3 .login_submitV3 a.submit-gray:active,
.usrLogin-pop .usrTxGeneral-box_v3 .login_submitV3 a.submit-gray:hover {
    background: #b1b1b1;
    cursor: default
}

.usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .txt190 {
    width: 190px
}

.usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .txt170 {
    width: 170px
}

.usrLogin-pop .usrTxGeneral-box .usrTxGeneral-box_v3 {
    padding: 0;
    height: 272px;
    overflow: inherit
}

.usrLogin-pop .topNav_user .usrTxGeneral-box a:hover {
    text-decoration: none
}

.usrLogin-pop .otherBind-big .weibo:hover {
    background-position: 0 0
}

.usrLogin-pop .otherBind-big .qq:hover {
    background-position: -40px 0
}

.usrLogin-pop .otherBind-big .weixin:hover {
    background-position: -80px 0
}

.usrLogin-pop .otherBind-big .baidu:hover {
    background-position: -120px 0
}

.usrLogin-pop .otherBind-big .zhifubao:hover {
    background-position: -160px 0
}

.usrLogin-pop .otherBind-big .renren:hover {
    background-position: -200px 0
}

.usrLogin-pop .otherBind-big .xiaomi:hover {
    background-position: -240px 0
}

.usrLogin-pop .otherBind-big .jd:hover {
    background-position: -280px 0;
    margin-right: 0
}

.usrLogin-pop .mobileLoginBox {
    height: 368px
}

.usrLogin-pop .mobileLoginBox .usrTxGeneral-box_v3 {
    height: 313px;
    border-radius: 0 0 5px 5px
}

.usrLogin-pop .mobileLoginBox .tabs-regRorm .acountYzm {
    width: 107px
}

.usrLogin-pop .mobileLoginBox .tabs-regRorm .acountYzm .in-txt {
    width: 102px
}

.usrLogin-pop .mobileLoginBox .yzmPicBox {
    width: 103px;
    height: 30px;
    border: 1px solid #d6d6d6;
    margin: 0 10px
}

.usrLogin-pop .mobileLoginBox .yzimg {
    position: static
}

.usrLogin-pop .mobileLoginBox .yzimg img {
    height: 30px
}

.usrLogin-pop .mobileLoginBox .refreshContent {
    width: 30px;
    height: 30px;
    border: 1px solid #d6d6d6;
    float: left
}

.usrLogin-pop .mobileLoginBox a:hover.refreshContent {
    border: 1px solid #68bf0d;
    background: #68bf0d
}

.usrLogin-pop .mobileLoginBox .refreshIcon {
    margin: 8px 0 0 7px
}

.usrLogin-pop .mobileLoginBox a:hover .refreshIcon {
    background-position: -200px -40px
}

.usrLogin-pop .mobileLoginBox .in-xline {
    width: 0
}

.freeYzmGetBox {
    width: 264px;
    height: 30px;
    border: 1px solid #d6d6d6;
    position: relative;
    background: #fff;
    text-align: left
}

.pop-login-txt .loginIcon {
    background: url(../images/thirdLoginIcon.png) no-repeat;
    display: inline-block;
    vertical-align: middle
}

.pop-login-txt .acountYzm {
    width: 130px;
    height: 34px;
    float: left
}

.freeYzmGetBox .in-txt,
.pop-login-txt .freeYzmGetBox .in-txt {
    width: 114px;
    height: 16px;
    line-height: 16px;
    color: #333;
    padding: 7px;
    font-size: 14px;
    outline: 0
}

.pop-login-txt .acountYzm .in-txt {
    width: 114px;
    height: 18px;
    line-height: 18px;
    color: #333;
    padding: 7px;
    border: 1px solid #d6d6d6;
    font-size: 14px;
    outline: 0
}

.pop-login-txt .yzmPicBox {
    width: 103px;
    height: 32px;
    border: 1px solid #d6d6d6;
    margin: 0 14px 0 13px;
    float: left;
    display: inline-block
}

.pop-login-txt .yzimg {
    position: static
}

.pop-login-txt .yzimg img {
    width: 103px;
    height: 32px;
    display: inline-block
}

.pop-login-txt .refreshContent {
    width: 32px;
    height: 32px;
    border: 1px solid #d6d6d6;
    display: inline-block;
    vertical-align: middle
}

.pop-login-txt .refreshIcon {
    width: 15px;
    height: 15px;
    background-position: -80px -40px;
    margin: 9px 0 0 8px;
    float: left;
    display: inline
}

.pop-login-txt a:hover.refreshContent {
    border: 1px solid #68bf0d;
    background: #68bf0d
}

.pop-login-txt a:hover .refreshIcon {
    background-position: -200px -40px
}

.pop-login-txt .freeYzmGetBox {
    width: 294px;
    height: 32px;
    position: relative;
    background: #fff;
    text-align: left
}

.pop-login-txt .freeYzmGetBox .in-txt {
    width: 279px;
    height: 18px;
    line-height: 18px
}

.pop-login-txt .free-yzm-get {
    position: absolute;
    right: 10px;
    top: 7px
}

.pop-login-txt .free-yzm-get a,
.pop-login-txt .free-yzm-get a:hover {
    color: #699f00;
    text-decoration: none
}

.pop-login-from-box {
    height: 494px
}

.negmt5 {
    margin-top: -8px
}

.pop-login-txt .pop-login-wh1 {
    height: 18px;
    line-height: 18px;
    padding: 7px;
    width: 280px;
    border: 0;
    float: left;
    outline: 0
}

.phone-pop-playPage {
    width: 512px;
    height: 446px;
    background: #fff;
    padding-bottom: 20px;
    border-radius: 4px
}

.phone-pop-playPage .bd {
    margin-top: -10px
}

.phone-pop-playPage .hd {
    background: url(../images/phone-pop-hyPicbg-5.png) no-repeat;
    width: 512px;
    height: 173px
}

.phone-pop-playPage .pop-closeBtn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0;
    color: #fff;
    font-family: tahoma, Helvetica, Arial, sans-serif;
    font-size: 26px;
    line-height: 20px;
    float: right;
    padding: 5px 7px 0 0
}

.phone-pop-playPage .pop-closeBtn:hover {
    color: #539a8b;
    text-decoration: none
}

.phone-pop-playPage .usrTx-box_popup {
    width: 512px
}

.phone-pop-playPage .usrTxGeneral-box_v3 {
    width: 512px;
    border: 0
}

.phone-pop-playPage .usrTxGeneral-box_v3 .tabs-regRorm {
    width: 316px
}

.phone-pop-playPage .usrTxGeneral-box_v3 .logReg-form {
    padding-left: 73px;
    margin-top: -10px
}

.phone-pop-playPage .usrTxGeneral-box_v3 .mailType-box-login {
    top: 228px;
    left: 123px
}

.usrLogin-pop-star .usrTx-box_popup {
    height: 443px
}

.usrLogin-pop-star .userLogin-title-star {
    background: url(../images/login-pop-star.png) no-repeat;
    _background: url(../images/login-pop-star-IE6.jpg) no-repeat;
    width: 462px;
    height: 170px;
    position: relative
}

.usrLogin-pop-star .userLogin-title-star .closeBtnVip {
    background: url(../images/pop-star-close.png) no-repeat;
    _background: url(../images/pop-star-close.png) no-repeat 0 -28px;
    width: 13px;
    height: 13px;
    display: block;
    position: absolute;
    right: 17px;
    _right: 14px;
    top: 70px;
    _top: 15px
}

.usrLogin-pop-star .userLogin-title-star .closeBtnVip:hover {
    background-position: 0 -14px;
    _background-position: 0 -42px
}

.usrLogin-pop-star .mobileLoginBox {
    height: 484px
}

.usrLogin-pop-check-mobile .usrTxGeneral-box_v3 .tabs-regRorm td {
    padding-bottom: 15px
}

.usrLogin-pop-check-mobile .usrTxGeneral-box_v3 .errorArea {
    margin-top: 24px
}

.usrLogin-pop-check-mobile .usrTxGeneral-box_v3 .yzimg {
    right: 0
}

.usrLogin-pop-check-mobile .check-successed {
    width: 46px;
    height: 46px;
    margin-top: 40px;
    background-position: -268px -100px
}

.usrLogin-pop-check-mobile .check-failed {
    width: 46px;
    height: 46px;
    margin-top: 40px;
    background-position: -220px -100px
}

.usrLogin-pop-check-mobile .check-successed-txt {
    font-size: 12px;
    color: #000;
    text-align: center;
    margin-bottom: 15px
}

.usrLogin-pop-check-mobile .check-failed-txt {
    font-size: 12px;
    color: #e60012;
    text-align: center;
    margin: -10px 0 10px 0;
    line-height: 22px
}

.usrLogin-pop-check-mobile .check-txt-note {
    font-size: 10px;
    text-align: center;
    color: #999;
    margin-top: -10px
}

.qyvr1 {
    background: url(../images/vip-grow-rank1.png) no-repeat;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='../images/vip-grow-rank1.png')
}

.qyvr2 {
    background: url(../images/vip-grow-rank2.png) no-repeat;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='../images/vip-grow-rank2.png')
}

.qyvr3 {
    background: url(../images/vip-grow-rank3.png) no-repeat;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='../images/vip-grow-rank3.png')
}

.qyvr4 {
    background: url(../images/vip-grow-rank4.png) no-repeat;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='../images/vip-grow-rank4.png')
}

.qyvr5 {
    background: url(../images/vip-grow-rank5.png) no-repeat;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='../images/vip-grow-rank5.png')
}

.qyvr6 {
    background: url(../images/vip-grow-rank6.png) no-repeat;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='../images/vip-grow-rank6.png')
}

.qyvr7 {
    background: url(../images/vip-grow-rank7.png) no-repeat;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='../images/vip-grow-rank7.png')
}

.qyvr-gray {
    background: url(../images/vg-gray-rank.png) no-repeat;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='../images/vg-gray-rank.png')
}

.qyvr-gray1 {
    background: url(../images/vg-gray-rank1.png) no-repeat;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='../images/vg-gray-rank1.png')
}

.qyvr-gray2 {
    background: url(../images/vg-gray-rank2.png) no-repeat;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='../images/vg-gray-rank2.png')
}

.qyvr-gray3 {
    background: url(../images/vg-gray-rank3.png) no-repeat;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='../images/vg-gray-rank3.png')
}

.qyvr-gray4 {
    background: url(../images/vg-gray-rank4.png) no-repeat;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='../images/vg-gray-rank4.png')
}

.qyvr-gray5 {
    background: url(../images/vg-gray-rank5.png) no-repeat;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='../images/vg-gray-rank5.png')
}

.qyvr-gray6 {
    background: url(../images/vg-gray-rank6.png) no-repeat;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='../images/vg-gray-rank6.png')
}

.qyvr-gray7 {
    background: url(../images/vg-gray-rank7.png) no-repeat;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='../images/vg-gray-rank7.png')
}

body {
    background-color: #fff;
    color: #333
}

a {
    color: #333;
    text-decoration: none
}

a:hover {
    color: #1cdd74;
    text-decoration: none
}

a.disabled,
a.disabled:hover {
    text-decoration: none;
    color: #999;
    cursor: default
}

.dn {
    display: none !important
}

.db {
    display: block
}

.pr {
    position: relative
}

.fl {
    float: left
}

.fr {
    float: right
}

.clear {
    clear: both
}

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

.clearfix {
    *zoom: 1;
    overflow: hidden
}

.mt20 {
    margin-top: 20px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt40 {
    margin-top: 40px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.blue {
    color: #3e8acb !important
}

.mod-wrapper {
    width: 100%;
    min-width: 980px
}

.mod-con {
    width: 1180px;
    margin: 0 auto
}

.top {
    width: 100%;
    height: 16px;
    padding: 6px 0;
    overflow: hidden
}

.link-iqiyi i {
    display: inline-block;
    width: 20px;
    height: 16px;
    margin-right: 8px;
    background: url(../images/iqiyi-logo.png) no-repeat
}

.link-pps i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 8px 0 15px;
    background: url(../images/pps-logo.png) no-repeat
}

.link-iqiyi em,
.link-pps em {
    display: inline-block;
    padding-right: 15px;
    line-height: 14px;
    vertical-align: 3px
}

.top .fr a {
    display: inline-block;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #e1e1e1;
    line-height: 14px;
    vertical-align: 3px
}

.top .fr a:first-child {
    border-left: none
}

.userName em {
    display: inline-block;
    max-width: 58px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.top .fr .signOut {
    vertical-align: top
}

.qyv-rank {
    display: inline-block;
    width: 22px;
    height: 16px;
    margin-left: 2px;
    position: relative;
    top: -1px
}

.lit-nav {
    height: 68px;
    background-color: #1cdd74;
    box-shadow: 0 2px 12px #1cdd74
}

.nav-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background: rgba(114, 255, 173, .95);
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0)
}

.lit-logo {
    display: inline-block;
    width: 40px;
    height: 39px;
    background: url(../images/img-cartoon.png) no-repeat 0 0;
    margin-top: 18px
}

.lit-logo-meta {
    display: inline-block;
    width: 109px;
    height: 23px;
    background: url(../images/img-cartoon.png) no-repeat -40px 0;
    margin-bottom: 8px;
    margin-right: 70px
}

.nav-con {
    width: 530px;
    margin-top: 13px;
    position: relative
}

.nav-list {
    margin-left: -26px;
    font-family: Microsoft Yahei
}

.nav-list li {
    float: left;
    margin-left: 39px
}

.nav-list li a {
    position: relative;
    font-size: 18px;
    line-height: 42px;
    color: #fff
}

.nav-list li.selected a:after,
.nav-list li:hover a:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -7px;
    margin-left: -9px;
    width: 18px;
    height: 4px;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.searchBox {
    position: relative;
    width: 220px;
    height: 27px;
    margin-top: 20px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    overflow: hidden
}

.searchInput {
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 27px;
    padding: 0 34px 0 14px;
    background-color: #f7f7f7;
    line-height: 27px;
    font-size: 12px;
    color: #999;
    border: 0;
    outline: 0;
    box-sizing: initial
}

.searchInput:focus {
    background-color: #fff
}

.searchBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 14px;
    background: url(../images/img-cartoon.png) no-repeat -152px 6px;
    padding: 6px 11px 7px 6px;
    cursor: pointer
}

.ser-list {
    position: absolute;
    top: 57px;
    left: 4px;
    z-index: 10;
    width: 210px;
    border-radius: 4px;
    box-shadow: 0 1px 12px 0 rgba(221, 221, 221, .4);
    overflow: hidden
}

.ser-list li a {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0 13px;
    background-color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 30px;
    color: #333;
    font-size: 14px
}

.ser-list li a:hover,
.ser-list li.selected a {
    color: #151515;
    background-color: #daf5e5
}

.ser-list .ser-num {
    font-style: italic;
    color: #aaa;
    display: inline-block;
    margin-right: 15px;
    width: 16px;
    text-align: center
}

.ser-list .top-three {
    color: #1cdd74
}

.breadCrumbNav {
    margin-left: -5px
}

.breadCrumbNav a {
    margin: 0 5px
}

.breadCrumbNav a:last-child {
    cursor: default;
    color: #333
}

.reader-main .breadCrumbNav a {
    color: #999;
    cursor: pointer
}

.reader-main .breadCrumbNav a:hover {
    color: #53b54f
}

.header-wrapper {
    width: 100%;
    min-width: 1180px;
    height: 68px;
    position: relative
}

.phone-see-con:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    position: absolute;
    top: -9px;
    left: 200px
}

.phone-see-ercode {
    width: 80px;
    height: 80px;
    margin-left: 88px;
    margin-top: 76px
}

.footerN1214 {
    width: 100%;
    margin: 50px auto 0;
    padding-bottom: 32px;
    border-top: 1px solid #f0f0f0;
    overflow: hidden;
    line-height: 20px;
    text-align: center;
    font-family: "微软雅黑";
    color: #666;
    font-size: 12px;
    background-color: #f8f8f8
}

.footerN1214 a.link0 {
    color: #999
}

.footerN1214 a.link0:hover {
    color: #53b54f
}

.footerN1214 .footmenu {
    padding: 36px 0 6px;
    clear: both
}

.footerN1214 .footmenu a {
    padding: 0 8px 0 10px;
    background: url(../images/footerline1214.png) no-repeat left 3px
}

.footerN1214 .footmenu a.s1 {
    background: 0
}

.footerN1214 .fEn {
    color: #999
}

.coopLinkBg {
    background-color: #fcfcfc
}

.coopLink {
    padding-bottom: 28px;
    border-bottom: 1px solid #e6e6e6
}

.coopLink-tit {
    padding: 50px 0 18px;
    text-align: left;
    font-size: 20px;
    line-height: 22px;
    color: #333
}

.coopLink-list {
    width: 755px;
    border-bottom: 1px solid #efefef;
    border-right: 1px solid #efefef
}

.coopLink-list li {
    position: relative;
    float: left;
    width: 150px;
    height: 48px;
    line-height: 48px;
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;
    background-color: #fff
}

.coop-business li {
    float: left
}

.coop-ewm {
    width: 148px
}

.coop-ewm .coop-ewcode {
    display: block;
    width: 106px;
    height: 106px;
    padding: 10px;
    background: #fff url(../images/cartoon-top.png) no-repeat 9px 10px;
    border: 1px solid #efefef
}

.coop-ewm p {
    line-height: 32px;
    text-align: left;
    font-size: 14px;
    color: #999
}

.coop-ewm p em {
    margin-left: 4px;
    color: #333
}

.coop-contacts {
    height: 60px;
    margin-top: 36px
}

.coop-contacts p {
    text-align: left;
    line-height: 24px;
    font-size: 16px;
    color: #666
}

.coop-contacts p + p {
    margin-top: 5px;
    color: #999;
    font-size: 14px
}

.vip_rec_pop a:hover {
    text-decoration: none
}

.vip_rec_pop {
    border-bottom: 1px solid #eee;
    border-top: 2px solid #7ab700;
    width: 288px;
    background: #eee;
    padding: 0 1px
}

.vip_rec_main {
    padding: 0 14px;
    overflow: hidden;
    _zoom: 1;
    background: #fff
}

.vip_rec_main_inner_closeBtn {
    position: absolute;
    right: 14px;
    top: 10px
}

.vip_rec_close {
    background: url(../images/vipCloBtn.png) no-repeat;
    width: 14px;
    height: 14px;
    display: block;
    text-indent: -999em;
    overflow: hidden
}

.vip_rec_close:hover {
    background-position: 0 -15px
}

.vip_rec_hd {
    border-bottom: 1px solid #eee;
    height: 35px
}

.vip_rec_hd h2 {
    color: #7ab700;
    font-size: 18px;
    line-height: 35px;
    width: 95%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.vip_rec_bd {
    padding-bottom: 24px
}

.vip_rec_lt {
    float: left;
    margin-right: 18px;
    width: 112px;
    height: 149px
}

.vip_rec_lt img {
    display: block;
    width: 100%;
    height: 100%
}

.vip_rec_rt {
    overflow: hidden;
    height: 149px;
    font-size: 12px
}

.vip_rec_rt p {
    line-height: 20px;
    padding: 8px 0 0
}

.look_xq {
    position: absolute;
    bottom: 25px;
    left: 145px
}

.look_xq a,
.vip_pop_btn1 a,
.vip_pop_btn2 a {
    background: #93c52e;
    border-bottom: 2px solid #7ab700;
    height: 28px;
    line-height: 28px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 14px
}

.look_xq a:hover,
.vip_pop_btn1 a:hover,
.vip_pop_btn2 a:hover {
    background: #7ab700;
    color: #fff
}

.look_xq a {
    width: 120px
}

.vip_pop_btn1 a {
    width: 115px;
    float: left
}

.vip_pop_btn2 a {
    width: 150px;
    float: left;
    display: inline;
    margin-left: 55px
}

.vip_rec_bd_more {
    margin-bottom: 7px
}

.vip_rec_bd_more .vip_rec_lt {
    float: left;
    margin-right: 10px;
    width: 145px;
    height: 90px
}

.vip_rec_bd_more .vip_rec_rt {
    height: 90px
}

.vip_rec_bd_more .vip_rec_rt p {
    padding: 0;
    line-height: 22px;
    margin-top: -2px
}

.vip_rec_bd_more .vip_rec_rt p a {
    font-size: 14px
}

.vip_rec_more_dec01,
.vip_rec_more_dec02 {
    line-height: 24px
}

.vip_rec_item {
    margin-top: 14px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    font-size: 12px
}

.vip_rec_item span {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle
}

.vip_rec_item li {
    padding: 3px 0
}

.vip_rec_item a {
    width: 207px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle
}

.vip_rec_fd {
    padding: 8px 0
}

.vip_rec_fd .green {
    color: #6a9e1b
}

.vip_rec_fd .more_rec_lt {
    float: left;
    width: 120px
}

.vip_rec_fd .rec_set {
    float: right
}

.icon-recset {
    background-position: -160px -500px;
    width: 12px;
    height: 13px;
    vertical-align: middle
}

.vip_rec_pop .vip_rec_b {
    position: absolute;
    bottom: -3px;
    left: 0;
    background: #dbdbdb;
    height: 2px;
    width: 290px;
    overflow: hidden
}

.vip_rec_img {
    width: 260px;
    height: 90px;
    overflow: hidden;
    position: relative
}

.vip_rec_img_title {
    position: absolute;
    top: 66px;
    left: 0;
    width: 250px;
    height: 20px;
    line-height: 20px;
    padding: 2px 5px;
    cursor: pointer;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    _filter: progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#8000, endcolorstr=#8000)
}

.vip_rec_img_title .vip_rec_img_left {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px
}

.vip_rec_pop_wrapper .mt15 {
    margin-top: 20px
}

.vip_rec_pop_wrapper .vip_rec_hd h2 {
    color: #fd7822
}

.vip_rec_pop_wrapper .vip_rec_bd {
    line-height: 24px
}

.vip_rec_pop_wrapper .vip_pop_btn1 a {
    width: 150px
}

.vip_rec_pop_wrapper a.ml30 {
    width: 90px;
    margin-left: 20px
}

.vip_rec_pop_wrapper .vip_rec_bd .f14 a {
    color: #7ab700
}

.qypage-1380 .yijiandyTopWrap {
    width: 1180px
}

.baseScrollBar0217 {
    position: fixed;
    _position: absolute;
    right: 30px;
    bottom: 110px;
    width: 48px;
    z-index: 1000
}

.baseScrollBar0217_menus li {
    margin-top: 10px
}

.baseScrollBar0217_menus li a {
    display: inline-block;
    width: 48px;
    font-size: 12px;
    color: #666;
    text-align: center;
    text-decoration: none
}

.baseScrollBar0217_menus li a span {
    color: #666
}

.baseScrollBar0217_menus li a:visited {
    color: #666;
    text-decoration: none
}

.baseScrollBar0217_menus li a:hover {
    color: #6cc900;
    text-decoration: none
}

.baseScrollBar0217_menus li a:hover span {
    color: #6cc900
}

.baseScrollBar0217_menus .baseToTop-icon,
.baseScrollBar0217_menus .helpFeedback-icon,
.baseScrollBar0217_menus .mySpace-icon,
.baseScrollBar0217_menus .reportBar-icon,
.baseScrollBar0217_menus .smallWindow-icon {
    position: relative;
    display: block;
    margin: 0 auto;
    margin-bottom: 4px;
    width: 42px;
    height: 42px;
    background-image: url(../images/baseScrollBarv4_20170217.png);
    cursor: pointer
}

.baseScrollBar0217_menus .baseToTop-icon {
    _background: 0;
    background-position: 0 -20px
}

.baseScrollBar0217_menus .baseToTop:hover .baseToTop-icon {
    _background: 0;
    background-position: -60px -20px
}

.baseScrollBar0217_menus .helpFeedback-icon {
    _background: 0;
    background-position: 0 -80px
}

.baseScrollBar0217_menus .helpFeedback:hover .helpFeedback-icon {
    _background: 0;
    background-position: -60px -80px
}

.baseScrollBar0217_menus .smallWindow-icon {
    _background: 0;
    background-position: 0 -140px
}

.baseScrollBar0217_menus .smallWindow:hover .smallWindow-icon {
    _background: 0;
    background-position: -60px -140px
}

.baseScrollBar0217_menus .reportBar-icon {
    _background: 0;
    background-position: 0 -200px
}

.baseScrollBar0217_menus .reportBar:hover .reportBar-icon {
    _background: 0;
    background-position: -60px -200px
}

.baseScrollBar0217_menus .mySpace-icon {
    _background: 0;
    background-position: 0 -260px
}

.baseScrollBar0217_menus .mySpace:hover .mySpace-icon {
    _background: 0;
    background-position: -60px -260px
}

.baseScrollBar0217_menus .helpFeedback:hover .helpFeedback-icon:after,
.baseScrollBar0217_menus .smallWindow:hover .smallWindow-icon:after {
    right: 0;
    top: 20px
}

.baseScrollBar0217_menus .baseToTop:hover .baseToTop-icon:after {
    left: 10px;
    bottom: 24px;
    transform: rotate(-135deg)
}

.baseScrollBar0217_menus .baseToTop:hover .baseToTop-icon:after,
.baseScrollBar0217_menus .helpFeedback:hover .helpFeedback-icon:after,
.baseScrollBar0217_menus .smallWindow:hover .smallWindow-icon:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    animation: baseScrollBar-angel .1s ease-in-out both;
    background: url(../images/baseScrollBarv4_angel135.png) no-repeat -20px -20px
}

@keyframes baseScrollBar-angel {
    from {
        height: 0;
        width: 0
    }

    to {
        height: 22px;
        width: 22px
    }
}

.reader-bd {
    background-color: #3e3e46;
    position: relative
}

.nav-top {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #1f1f1f;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: top .5s ease;
    -moz-transition: top .5s ease;
    transition: top .5s ease;
    font-size: 0
}

.logo-wrap {
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    margin-left: 20px;
    display: inline-block
}

.logo-sub-wrap {
    position: fixed;
    z-index: 2;
    top: 9px
}

.logo {
    width: 121px;
    height: 44px;
    margin-top: -6px;
    background: url(../images/logo.png) 0 0;
    display: inline-block;
    float: left
}

.cartoon-title {
    font-size: 14px;
    color: #999
}

.chapter {
    color: #ccc;
    margin-left: 28px
}

.chapter-sub,
.chapter-sub:hover {
    color: #999
}

.chapter:hover {
    color: #1cdd74
}

.nav-top .icon-arr-top {
    display: inline-block;
    width: 8px;
    height: 12px;
    vertical-align: middle;
    background: url(../images/ne_n.png) no-repeat center center;
    margin-left: 6px
}

.nav-top a:hover .icon-arr-top {
    background: url(../images/ne.png) no-repeat center center
}

.user-container {
    position: absolute;
    right: 0;
    top: 8px;
    height: 32px;
    line-height: 32px;
    margin-right: 20px
}

.collect,
.phone {
    width: 80px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    background-color: #333;
    color: #999;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    margin-right: 20px
}

.phone {
    width: 120px
}

.icon-collect,
.icon-collected,
.icon-phone {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-top: -2px;
    margin-right: 6px;
    vertical-align: middle
}

.icon-collect {
    background: url(../images/coll.png) no-repeat center center
}

.icon-collected {
    background: url(../images/collected.png) no-repeat center center
}

.icon-phone {
    width: 12px;
    background: url(../images/phone_n.png) no-repeat center center
}

.collect:hover .icon-collect {
    margin-top: -2px;
    background: url(../images/collect.png) no-repeat center center
}

.collect:hover .icon-collected {
    margin-top: -2px;
    background: url(../images/collected_h.png) no-repeat center center
}

.phone:hover .icon-phone {
    margin-top: -2px;
    background: url(../images/phone.png) no-repeat center center
}

.nav-top .fr a {
    display: inline-block;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #333;
    line-height: 14px;
    vertical-align: middle;
    color: #999;
    font-size: 12px
}

.nav-top .fr .signOut {
    line-height: 12px
}

.nav-top .fr a:first-child {
    border-left: none
}

.nav-top .userName em {
    vertical-align: initial
}

.nav-top .fr a:hover {
    color: #1cdd74
}

.nav-top .fr .userName {
    margin-left: 0;
    padding-left: 0
}

.nav-bottom {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #1f1f1f;
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-transition: bottom .5s ease;
    -moz-transition: bottom .5s ease;
    transition: bottom .5s ease;
    font-size: 0;
    z-index: 2
}

.nav-bottom-ul {
    float: right;
    width: 400px
}

.nav-bottom-ul li {
    float: right;
    width: 84px
}

.nav-bottom-con li a,
.nav-bottom-ul li a,
.page-container li a {
    color: #999;
    font-size: 16px
}

.page-container li a:hover {
    color: #1cdd74
}

.icon-catalog,
.icon-exit,
.icon-full,
.icon-nextpage,
.icon-scroll,
.icon-show-toolbar,
.icon-turn,
.icon-uppage {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(../images/cartoon-reader.png);
    vertical-align: middle
}

.icon-nextpage,
.icon-uppage {
    width: 12px;
    height: 16px;
    margin-top: -2px
}

.icon-uppage {
    background-position: -150px -45px;
    margin-right: 4px
}

.icon-nextpage {
    background-position: -175px -45px;
    margin-left: 4px
}

.icon-catalog {
    background-position: -220px -40px;
    height: 18px;
    margin-right: 3px;
    margin-top: -2px
}

.icon-full {
    background: url(../images/iconfull_n.png) center center;
    width: 19px;
    height: 19px;
    margin-right: 5px;
    margin-top: -2px
}

.icon-scroll {
    margin-bottom: 3px;
    background-position: -5px -45px;
    width: 18px;
    height: 20px;
    margin-right: 6px
}

.icon-turn {
    background-position: -30px -45px;
    margin-bottom: 3px;
    width: 20px;
    height: 18px;
    margin-right: 6px
}

.icon-exit {
    background-position: -180px -5px;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    float: left;
    margin-top: 16px
}

.icon-show-toolbar {
    background-position: -210px -5px;
    width: 20px;
    height: 12px;
    margin-right: 6px
}

.nav-bottom-con li a:hover,
.nav-bottom-ul li a:hover {
    color: #1cdd74
}

.nav-bottom-ul li a:hover .icon-uppage {
    background: url(../images/last.png) 0 0
}

.nav-bottom-ul li a:hover .icon-nextpage {
    background: url(../images/next.png) 0 0
}

.nav-bottom-ul li a:hover .icon-catalog {
    background: url(../images/catalog.png) no-repeat 0 0
}

.nav-bottom-ul li a:hover .icon-full {
    background: url(../images/all-src.png) 0 0
}

.page-container li a:hover .icon-scroll {
    margin-bottom: 3px;
    background: url(../images/updown.png) 0 0
}

.page-container li a:hover .icon-turn {
    margin-bottom: 3px;
    background: url(../images/left-right.png) 0 0
}

.nav-bottom-con li a:hover .icon-exit {
    background-position: -115px -100px
}

.page-container {
    width: 180px;
    height: 28px;
    line-height: 28px;
    color: #999;
    background-color: #1f1f1f;
    border-radius: 16px;
    float: right;
    margin: 11px 20px 9px -8px;
    overflow: hidden;
    text-align: center
}

.page-container li {
    width: 90px;
    height: 28px;
    line-height: 28px;
    float: left
}

.page-container .selected {
    background-color: #333
}

.nav-bottom-con li {
    float: right;
    margin-right: 26px
}

.nav-bottom-ul .catalog-item {
    margin-left: 10px
}

.nav-bottom-ul .splite-item {
    width: 1px;
    height: 24px;
    border-left: 1px solid #666;
    margin: 14px 30px 0 0
}

.main {
    width: 1154px;
    padding: 50px 0;
    text-align: center;
    margin: 0 auto
}

.main-container {
    z-index: 1;
    height: 800px
}

.main-item {
    width: 800px;
    margin: 0 auto;
    height: 390px
}

.next-subtit {
    font-size: 14px;
    color: #999;
    margin-top: 58px;
    margin-bottom: 10px
}

.next-title {
    height: 27px;
    line-height: 27px;
    font-size: 18px;
    color: #fff;
    margin-bottom: 90px;
    display: block
}

.main-item .icon-next {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(../images/cartoon-reader.png) -255px -50px;
    vertical-align: middle;
    margin-left: 4px
}

.next-title:hover .icon-next {
    background: url(../images/end_arr.png) no-repeat center center
}

.main-item-t {
    width: 1154px;
    height: 100%;
    margin: 0 auto;
    background-color: #fff;
    float: left
}

.half {
    position: relative;
    float: left;
    width: 50% !important;
    height: 100%;
    z-index: 1;
    display: inline
}

.pic-with-roast,
.pic-with-roast img {
    width: 100%;
    height: 100%
}

.active .pic-with-roast {
    display: block
}

.left-img {
    position: absolute !important;
    right: 0;
    margin: 0
}

.right-img {
    position: absolute !important;
    left: 0;
    margin: 0
}

.page-arrow-left,
.page-arrow-right {
    width: 10%;
    min-width: 80px;
    height: 100%;
    position: fixed;
    top: 0
}

.page-arrow-left {
    left: 0
}

.page-arrow-right {
    right: 0
}

.icon-arrow {
    background: #56565a url(../images/cartoon-reader.png) no-repeat;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 50%;
    margin: -26px 0 0 -26px;
    border-radius: 20px;
    cursor: default
}

.page-arrow-left .icon-arrow {
    right: 40px;
    background-position: -46px -90px
}

.page-arrow-right .icon-arrow {
    left: 40px;
    background-position: -70px -90px
}

.icon-arrow-last {
    width: 110px;
    height: 40px;
    line-height: 20px;
    display: inline-block;
    border-radius: 20px;
    background-color: #56565a;
    color: #fff;
    font-size: 14px;
    opacity: .7;
    position: absolute;
    top: 50%;
    left: -80px;
    margin-top: -26px;
    padding-left: 24px;
    text-align: left
}

.icon-last-peo {
    width: 129px;
    height: 147px;
    display: block;
    background: url(../images/cartoon-reader.png) no-repeat -425px 0;
    position: absolute;
    bottom: 28px;
    right: 46px
}

.chapter-catalog {
    width: 220px;
    height: 556px;
    background-color: #fff;
    border-radius: 8px;
    position: absolute;
    bottom: 52px;
    right: 256px;
    z-index: 2
}

.chapter-catalog::after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    font-size: 0;
    border-width: 8px;
    border-color: #fff transparent transparent;
    border-style: dashed dashed solid
}

.cata-title {
    height: 34px;
    line-height: 34px;
    padding-left: 20px;
    background-color: #f0f0f0;
    color: #333;
    font-size: 14px;
    border-radius: 8px 8px 0 0
}

.cata-title .title-infoc {
    color: #999;
    font-size: 12px
}

.nav-bottom .icon-close-cart {
    top: 12px
}

.nav-bottom .cata-item {
    height: 32px;
    line-height: 32px;
    color: #333;
    font-size: 12px
}

.nav-bottom .cata-item:hover {
    background-color: #daf5e5
}

.cata-item .cata-num {
    display: inline-block;
    width: 20px;
    margin-left: 20px;
    vertical-align: top
}

.cata-item .cata-subtitle {
    display: inline-block;
    max-width: 134px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.icon-dollar {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/cartoon-reader.png) -5px -100px;
    margin-bottom: 8px;
    margin-left: 2px
}

.phone-con {
    width: 334px;
    height: 150px;
    padding: 32px 23px 18px;
    background-color: #fff;
    border-radius: 6px;
    position: absolute;
    top: 40px;
    left: -64px;
    font-size: 12px;
    color: #666;
    line-height: 18px;
    z-index: 2
}

.phone-content::after {
    content: "";
    position: absolute;
    top: -16px;
    left: 57%;
    margin-left: -3px;
    width: 0;
    height: 0;
    font-size: 0;
    border-width: 8px;
    border-color: transparent transparent #fff;
    border-style: dashed dashed solid
}

.icon-close-cart {
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(../images/cartoon-reader.png) no-repeat -200px -45px;
    cursor: pointer
}

.icon-close-cart:hover {
    background: url(../images/close.png) no-repeat center center
}

.phone-content li {
    float: left;
    text-align: left
}

.phone-ewm {
    width: 106px;
    line-height: 18px;
    text-align: left
}

.phone-ewcode {
    width: 106px;
    height: 106px;
    background: #fff url(../images/cartoon-top.png) no-repeat 0 0;
    display: block;
    margin-bottom: 6px
}

.phone-split {
    width: 1px;
    height: 106px;
    border-left: 1px solid #f0f0f0;
    margin: 0 22px
}

.phone-contacts {
    width: 182px
}

.icon-qiyi {
    width: 42px;
    height: 42px;
    display: inline-block;
    background: url(../images/cartoon-reader.png) -245px 0;
    vertical-align: top;
    margin-top: 34px
}

.icon-phone-sp {
    width: 9px;
    height: 15px;
    display: inline-block;
    background: url(../images/cartoon-reader.png) -35px -100px;
    vertical-align: top;
    margin: 46px 4px 0
}

.icon-sao {
    width: 108px;
    height: 109px;
    display: inline-block;
    background: url(../images/sao.png) no-repeat center center
}

.phone-r {
    color: #1cdd74
}

.phone-pay-title {
    color: #fff;
    font-size: 16px;
    margin-top: 180px;
    margin-bottom: 28px
}

.phone-pay-con .phone-content {
    overflow: hidden;
    width: 334px;
    height: 150px;
    background-color: #fff;
    font-size: 12px;
    color: #666;
    line-height: 18px;
    z-index: 2;
    padding: 42px 32px 28px;
    border-radius: 10px;
    margin: 0 auto
}