@charset "utf-8";

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
legend,
button,
input,
textarea,
form,
th,
td {
    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;
}

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: normal
}

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

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

small {
    font-size: 80%
}

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

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline;
    outline: 0
}

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

a:focus {
    outline: 0
}

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

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

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: -0.5em
}

sub {
    bottom: -0.25em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

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,
input[type=button],
input[type=submit],
input[type="reset"] {
    -webkit-appearance: button;
    cursor: pointer;
}

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
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

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

strong {
    font-weight: normal
}

.play-hy-pop span {
    text-align: left
}

.play-hy-pop {
    width: 500px;
    background-color: #dbdbdb;
    padding: 1px 1px 0 1px;
    border-bottom: 2px solid #e6e6e6;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -153px;
    margin-left: -250px
}

.play-hy-pop .close {
    color: #666;
    font-size: 24px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    top: 0;
    right: 10px
}

.play-hy-pop-unfixed {
    position: static;
    left: auto;
    top: auto;
    margin: 0
}

.play-hy-pop .close:hover {
    text-decoration: none;
    color: #7ab700
}

.play-hy-pop .tc {
    text-align: center
}

.play-hy-pop .pop_hd {
    padding: 7px 25px;
    height: 24px;
    line-height: 24px;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fcfcfc
}

.play-hy-pop .pop_hd .title {
    font-size: 16px;
    color: #333
}

.play-hy-pop .pop_bd {
    padding: 20px 25px;
    width: 450px;
    height: 266px;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6
}

.play-hy-pop .title-success {
    line-height: 40px;
    font-size: 22px;
    color: #333;
    text-align: center;
    padding-bottom: 3px
}

.play-hy-pop .success-info {
    line-height: 24px;
    font-size: 14px;
    padding: 10px 40px;
    color: #666
}

.play-hy-pop .success-info .green {
    font-size: 14px;
    display: inline
}

.play-hy-pop .icon-success,
.play-hy-pop .icon-warning,
.play-hy-pop .icon-vip-play {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin-right: 14px
}

.play-hy-pop .icon-warning,
.play-hy-pop .icon-vip-play {
    background: url(//www.iqiyipic.com/common/fix/site/vip-play-icon.jpg) no-repeat
}

.play-hy-pop .icon-warning {
    width: 39px;
    height: 39px;
    background-position: 0 -41px
}

.play-hy-pop .icon-vip-play {
    width: 45px;
    height: 40px
}

.play-hy-pop .warning-txt {
    display: inline-block;
    width: 392px;
    color: #f87a1e;
    vertical-align: middle;
    font-size: 14px;
    line-height: 24px
}

.play-hy-pop .errorTip {
    height: 20px;
    margin-bottom: -6px;
    padding-left: 128px;
    color: #dd1006;
    line-height: 20px;
    font-size: 12px;
    text-align: left
}

.play-hy-pop-reset {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 0;
    margin-left: 0
}

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

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

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

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

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

.in-tips,
.in-xline,
.in-pwd,
.yzimg,
.in-userMsg {
    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(//www.iqiyipic.com/common/fix/pub_images/navLoginV3.png) no-repeat -116px -104px;
    cursor: pointer
}

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

.logThird-box {
    position: relative;
    z-index: 5;
    width: 244px;
    height: 40px;
    margin: 0 auto;
    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, 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;
    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-login,
.usrTxGeneral-box .mailType-box-reg,
.usrTxGeneral-box .mailType-box-bind {
    position: absolute;
    z-index: 50;
    top: 85px;
    left: 53px;
    width: 205px
}

.usrTxGeneral-box h2 {
    font-size: 14px;
    background: #f5f5f5 url(//www.iqiyipic.com/common/fix/index_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(//www.iqiyipic.com/common/fix/index_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(//www.iqiyipic.com/common/fix/index_images/nav_pop_icons.png) no-repeat;
    float: left;
    width: 24px;
    height: 24px;
    margin: 0 17px 10px 0
}

.usrTxGeneral-box .bindOther-box_ico a.sinaweibo,
.usrTxGeneral-box .bindOther-box_ico a.qq,
.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;
    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.selected,
.mailType-list li.focus {
    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;
}

.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 .in-txt:focus,
.usrTxGeneral-box .tabs-regRorm .acountIn .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: transparent
}

.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: normal;
    vertical-align: top
}

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

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

.usrTxGeneral-box_v3 .pwd-link {
    float: right;
}

.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 .acountIn,
.usrTxGeneral-box_v3 .tabs-regRorm .acountHide {
    border: 1px solid #699f00
}

.usrTxGeneral-box_v3 .tabs-regRorm .in-txt:focus,
.usrTxGeneral-box_v3 .tabs-regRorm .acountIn .in-txt:focus,
.usrTxGeneral-box_v3 .tabs-regRorm .acountIn .in-txt {
    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:hover,
.usrTxGeneral-box_v3 .login_submitV3 a.submit-gray:active {
    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 td,
.box_v3AddCode .tabs-regRorm .pb10 {
    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;
}

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

.box_v3AddCode .changeImgCode {
    text-align: right;
}

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

.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.selected .sEmail-closeBtn,
.usrTxGeneral-box_v3 .mailType-list li.focus .sEmail-closeBtn {
    visibility: visible
}

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

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

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

.iqyCode-mini {
    background: url(//www.iqiyipic.com/common/fix/site/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
}

.return-web a:hover,
.againGet 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(//www.iqiyipic.com/common/fix/site/iqycode-errorIco.png) no-repeat;
    width: 35px;
    height: 35px;
    display: block;
    margin: 25px 0 10px 60px;
}

.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 .iqyCode-pic,
.usrTx-inner-addCode .codeBorder {
    margin: 16px auto 0
}

.topNav_user .usrTx-inner-addCode-bd .usrTx-name .myName,
.topNav_user .usrTx-inner-addCode-bd .kthy0201,
.topNav_user .usrTx-inner-addCode-bd .no-kthy0201 {
    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
}

.qypage-980 .usrTx-new_hover,
.dropDown_wrap .usrTx-new_hover,
.qypage-980 .dropDown_wrap .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
}

.nav-login-top,
.nav-login-list .nav-icon,
.back-login-info,
.add-family .add-family_sicon,
.add-family-list .add-family_bicon,
.login-perCenLnk-arr {
    background: url(//www.iqiyipic.com/common/fix/site/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: inline-block;
    vertical-align: middle;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
    background: url(//www.iqiyipic.com/common/fix/site/profile-selected.png) no-repeat;
    _background: 0;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled="true", sizingmethod="scale", src="//www.iqiyipic.com/common/fix/site/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: transparent
}

.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,
.topNav_upload_menu .tip_inner,
.nav-profile-tip .tip_outer,
.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,
.topNav_upload_menu .tip_inner,
.nav-login-info .tip_outer,
.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,
.topNav_upload_menu .tip_inner,
.nav-login-info .nav-login_arrow .tip_outer,
.topNav_upload_menu .nav-login_arrow .tip_outer {
    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(//www.iqiyipic.com/common/fix/site/nav-upload.png) no-repeat 0 -1px;
    _background: 0;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled="true", sizingmethod="scale", src="//www.iqiyipic.com/common/fix/site/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 .topNav_upload_title:hover,
.topNav_upload .arrow-selected,
.topNav_upload .arrow-selected:hover {
    color: #99e000
}

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

.topNav_upload .arrow-selected .nav_upload_icon {
    background: url(//www.iqiyipic.com/common/fix/site/nav-upload-green.png) no-repeat 0 -1px;
    _background: 0;
    _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled="true", sizingmethod="scale", src="//www.iqiyipic.com/common/fix/site/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
}

.topLogin .topNav_upload .frameLayer_upload {
    width: 100px;
    height: 195px;
    left: 0;
    top: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #e6e6e6
}

.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("//www.iqiyipic.com/common/fix/site/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;
}

.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("//www.iqiyipic.com/common/fix/site/site-icons-v10-20141106.png") no-repeat -200px -700px
}

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

.freeLogin_link {
    color: #699f00;
}

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

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

.topNavWrap-pindao .clearfix {
    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-vip .nav-login-top .userName_link .name,
.login-info-novip .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
}

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

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

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

.login-info-vip .nav-login-top .tip .vip_link,
.login-info-novip .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
}

.nav-login-top .title-accProt {
    padding-top: 8px
}

.nav-login-top .title-accProt .tip {
    line-height: 16px
}

.nav-login-top .accProt-tips {
    display: none
}

.nav-login-top .title-accProt .accProt-tips {
    display: block
}

.nav-login-top .accProt-tips a {
    color: #ff2400;
    line-height: 20px
}

.nav-login-top .accProt-tips a:hover,
.nav-login-top .accProt-tips a:active {
    color: #ff2400
}

.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-vip .nav-login-bottom .goCenterLink,
.login-info-novip .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
}

.userFunList li i.userFunImg,
.addFamilyIc {
    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 .familyItem img,
.addFamilyList .addFamilyIc {
    margin-right: 3px
}

.usrLogin-pop .loginIcon {
    background: url(//www.iqiyipic.com/common/fix/site/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;
}

.usrLogin-pop .tabs-regRorm th {
    width: 50px;
    font-size: 12px;
    font-weight: normal;
    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;
    color: #333
}

.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 .acountIn,
.usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .acountHide {
    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 .free-yzm-get,
.usrLogin-pop .emailReg {
    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("//www.iqiyipic.com/common/fix/site/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;
    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;
}

.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 .registered,
.usrLogin-pop .codeError {
    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 .strengthResult_1,
.usrLogin-pop .passwordStrength_level2 .strengthResult_2,
.usrLogin-pop .passwordStrength_level3 .strengthResult_3,
.usrLogin-pop .passwordStrength_level1 .passwordStrength_blocks,
.usrLogin-pop .passwordStrength_level2 .passwordStrength_blocks,
.usrLogin-pop .passwordStrength_level3 .passwordStrength_blocks {
    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:hover,
.usrLogin-pop .usrTxGeneral-box_v3 .login_submitV3 a.submit-gray:active {
    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(//www.iqiyipic.com/common/fix/site/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(//www.iqiyipic.com/common/fix/site/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(//www.iqiyipic.com/common/fix/site/login-pop-star.png) no-repeat;
    _background: url(//www.iqiyipic.com/common/fix/site/login-pop-star-IE6.jpg) no-repeat;
    width: 462px;
    height: 170px;
    position: relative
}

.usrLogin-pop-star .userLogin-title-star .closeBtnVip {
    background: url(//www.iqiyipic.com/common/fix/site/pop-star-close.png) no-repeat;
    _background: url(//www.iqiyipic.com/common/fix/site/pop-star-close.png) no-repeat 0 -28px;
    width: 13px;
    height: 13px;
    display: block;
    position: absolute;
    right: 17px;
    top: 70px;
    _right: 14px;
    _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(//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank1.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank1.png');
    _background: 0
}

.qyvr2 {
    background: url(//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank2.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank2.png');
    _background: 0
}

.qyvr3 {
    background: url(//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank3.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank3.png');
    _background: 0
}

.qyvr4 {
    background: url(//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank4.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank4.png');
    _background: 0
}

.qyvr5 {
    background: url(//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank5.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank5.png');
    _background: 0
}

.qyvr6 {
    background: url(//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank6.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank6.png');
    _background: 0
}

.qyvr7 {
    background: url(//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank7.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank7.png');
    _background: 0
}

.qyvr-gray {
    background: url(//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank.png');
    _background: 0
}

.qyvr-gray1 {
    background: url(//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank1.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank1.png');
    _background: 0
}

.qyvr-gray2 {
    background: url(//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank2.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank2.png');
    _background: 0
}

.qyvr-gray3 {
    background: url(//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank3.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank3.png');
    _background: 0
}

.qyvr-gray4 {
    background: url(//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank4.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank4.png');
    _background: 0
}

.qyvr-gray5 {
    background: url(//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank5.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank5.png');
    _background: 0
}

.qyvr-gray6 {
    background: url(//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank6.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank6.png');
    _background: 0
}

.qyvr-gray7 {
    background: url(//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank7.png) no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank7.png')
}

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

a {
    color: #333
}

a:hover {
    color: #7E7CFB;
    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
}

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

.orange {
    color: #ff811b !important
}

.green {
    color: #7E7CFB !important
}

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

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

    img {
        width: 100%;
    }

}

.mod-main {
    width: 680px;
    margin-right: 300px
}

.mod-side {
    width: 280px;
    padding-left: 20px;
    margin-left: -300px
}

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

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

.link-pps i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 8px 0 15px;
    background: url(//www.iqiyipic.com/common/fix/lit-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: 56px;
    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: 72px;
    /* #57b854 */
    background-color: #8484D0
}

.nav-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: .95
}

.lit-logo {
    display: block;
    width: 200px;
    height: 34px;
    margin-top: 19px;
    font-size: 30px;
    line-height: 34px;
    color: #fff;
}

.lit-logo:hover {
    color: #fff;
}

.nav-con {
    width: 530px;
    margin-top: 15px
}

.nav-list {
    margin-left: -39px
}

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

.nav-list li:nth-of-type(n+6){
    display: none;
}

.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: -14px;
    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: 228px;
    height: 30px;
    border: 1px solid #7E7CFB;
    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: 30px;
    padding: 0 34px 0 14px;
    background-color: #f7f7f7;
    line-height: 30px;
    font-size: 12px;
    color: #999;
    border: 0;
    outline: 0
}

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

.searchBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 30px;
    background: url(../images/icon-ser.png) no-repeat 6px center;
    padding: 6px 11px 7px 6px;
    cursor: pointer;
    outline: none;
    border: none;
}

.ser-list {
    position: absolute;
    top: 52px;
    left: 0;
    z-index: 10;
    width: 228px;
    border: 1px solid #e7e7e7
}

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

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

.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: #7E7CFB
}

.footerN1214 {
    width: 100%;
    margin: 50px auto 0;
    padding-bottom: 32px;
    padding-top: 32px;
    border-top: 1px solid #f0f0f0;
    overflow: hidden;
    line-height: 20px;
    text-align: center;
    font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53";
    color: #666;
    font-size: 12px
}

.footerN1214 a.link0 {
    color: #999
}

.footerN1214 a.link0:hover {
    color: #7E7CFB
}

.footerN1214 .footmenu {
    padding: 15px 0 3px
}

.footerN1214 .footmenu a {
    padding: 0 8px 0 10px;
    background: url(//www.iqiyipic.com/common/fix/public_images/footerline1214.png) no-repeat left 3px
}

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

.footerN1214 .fEn {
    color: #999
}

.coopLinkBg {
    background-color: #fcfcfc
}

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

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

.coopLink-list li {
    position: relative;
    float: left;
    width: 163px;
    height: 22px;
    padding-left: 7px;
    margin-bottom: 8px;
    line-height: 22px;
    text-align: left
}

.coopLink-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 2px;
    height: 2px;
    background-color: #8484D0
}

.coop-business li {
    float: left
}

.coop-ewm {
    width: 118px
}

.coop-ewm a {
    display: block;
    width: 88px;
    height: 88px;
    padding: 6px;
    background: url(//www.iqiyipic.com/common/fix/images/ewmBg.png) no-repeat
}

.coop-ewm p {
    margin-left: -8px;
    line-height: 32px;
    text-align: left
}

.coop-ewm p em {
    margin-left: 4px
}

.coop-contacts {
    height: 60px;
    margin-top: 22px;
    padding-left: 19px;
    border-left: 1px solid #e6e6e6
}

.coop-contacts p {
    text-align: left;
    line-height: 17px;
    font-size: 12px
}

.coop-contacts p+p {
    margin-top: 5px
}

.ad1 {
    width: 100%;
    height: 100px;
    background-color: #fafafa
}

.ad2 {
    width: 280px;
    height: 277px;
    background-color: #fafafa;

    img {
        width: 100%;
    }
}

.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(//www.iqiyipic.com/common/fix/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 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='#88000000', endColorstr='#88000000')
}

.vip_rec_img_title .vip_rec_img_left {
    display: inline-block;
    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 .smallWindow-icon,
.baseScrollBar0217_menus .reportBar-icon,
.baseScrollBar0217_menus .mySpace-icon {
    position: relative;
    display: block;
    margin: 0 auto;
    margin-bottom: 4px;
    width: 42px;
    height: 42px;
    background-image: url(//www.iqiyipic.com/common/fix/pop_images/baseScrollBarv4_20170217.png);
    cursor: pointer
}

.baseScrollBar0217_menus .baseToTop-icon {
    background-position: 0 -20px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="//www.iqiyipic.com/common/fix/pop_images/baseScrollBarv4_toTop.png");
    _background: 0
}

.baseScrollBar0217_menus .baseToTop:hover .baseToTop-icon {
    background-position: -60px -20px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="//www.iqiyipic.com/common/fix/pop_images/baseScrollBarv4_toTop-h.png");
    _background: 0
}

.baseScrollBar0217_menus .helpFeedback-icon {
    background-position: 0 -80px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="//www.iqiyipic.com/common/fix/pop_images/baseScrollBarv4_sug.png");
    _background: 0
}

.baseScrollBar0217_menus .helpFeedback:hover .helpFeedback-icon {
    background-position: -60px -80px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="//www.iqiyipic.com/common/fix/pop_images/baseScrollBarv4_sug-h.png");
    _background: 0
}

.baseScrollBar0217_menus .smallWindow-icon {
    background-position: 0 -140px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="//www.iqiyipic.com/common/fix/pop_images/baseScrollBarv4_smallWindow.png");
    _background: 0
}

.baseScrollBar0217_menus .smallWindow:hover .smallWindow-icon {
    background-position: -60px -140px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="//www.iqiyipic.com/common/fix/pop_images/baseScrollBarv4_smallWindow-h.png");
    _background: 0
}

.baseScrollBar0217_menus .reportBar-icon {
    background-position: 0 -200px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="//www.iqiyipic.com/common/fix/pop_images/baseScrollBarv4_reportBar.png");
    _background: 0
}

.baseScrollBar0217_menus .reportBar:hover .reportBar-icon {
    background-position: -60px -200px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="//www.iqiyipic.com/common/fix/pop_images/baseScrollBarv4_reportBar-h.png");
    _background: 0
}

.baseScrollBar0217_menus .mySpace-icon {
    background-position: 0 -260px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="//www.iqiyipic.com/common/fix/pop_images/baseScrollBarv4_mySpace.png");
    _background: 0
}

.baseScrollBar0217_menus .mySpace:hover .mySpace-icon {
    background-position: -60px -260px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="//www.iqiyipic.com/common/fix/pop_images/baseScrollBarv4_mySpace-h.png");
    _background: 0
}

.baseScrollBar0217_menus .smallWindow:hover .smallWindow-icon:after,
.baseScrollBar0217_menus .helpFeedback:hover .helpFeedback-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 .smallWindow:hover .smallWindow-icon:after,
.baseScrollBar0217_menus .helpFeedback:hover .helpFeedback-icon:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    animation: baseScrollBar-angel .1s ease-in-out both;
    background: url(//www.iqiyipic.com/common/fix/pop_images/baseScrollBarv4_angel135.png) no-repeat -20px -20px
}

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

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

.booklist-fine-wrapper {
    width: 100%;
    height: 240px;
    padding: 0 0 80px 200px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.booklist-fine-con {
    display: none
}

.booklist-fine-con.selected {
    display: block
}

.bookBigCover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 178px;
    height: 238px;
    border: 1px solid #eee
}

.bookBigCover img {
    width: 178px;
    height: 238px
}

.book-info label {
    color: #999
}

.book-tit {
    width: 100%;
    margin-bottom: 5px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.book-tit a {
    font-size: 16px
}

.book-briefing {
    width: 100%;
    height: 60px;
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    text-indent: 24px;
    color: #666
}

.book-readLink {
    margin-bottom: 6px;
    color: #7E7CFB;
    line-height: 20px
}

.writerName {
    display: inline-block;
    max-width: 131px;
    margin-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    color: #999
}

.booklist-fine {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 80px
}

.booklist-f-item {
    position: relative;
    float: left;
    width: 58px;
    height: 78px;
    border: 1px solid #eee;
    margin-left: 24px
}

.booklist-f-item img {
    width: 58px;
    height: 78px
}

.booklist-f-item a:hover .coverBorder,
.booklist-f-item.selected .coverBorder {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 56px;
    height: 76px;
    border: 2px solid #8484D0
}

.booklist-drawer {
    margin-top: -12px;
    overflow: hidden
}

.drawer-tit {
    display: block;
    width: 100%;
    height: 33px;
    font-size: 14px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    cursor: pointer
}

.drawer-tit label {
    margin-right: 8px;
    color: #999;
    cursor: pointer
}

.drawer-con {
    display: none;
    width: 100%;
    height: 120px;
    padding-left: 100px;
    margin: 12px 0 9px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bookDrawerCover {
    position: absolute;
    top: 0;
    left: 0;
    width: 88px;
    height: 118px;
    border: 1px solid #eee
}

.bookDrawerCover img {
    width: 88px;
    height: 118px
}

.drawer-info p {
    line-height: 20px
}

.drawer-info .bookDrawer-tit {
    width: 100%;
    margin-bottom: 6px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bookDrawer-tit a {
    font-size: 14px
}

.bookDrawer-details {
    width: 100%;
    height: 40px;
    margin-bottom: 9px;
    overflow: hidden;
    color: #666
}

.drawer-con .writerName {
    max-width: 144px;
    margin-right: 0
}

.drawer-info p label {
    color: #999
}

.drawer-item {
    overflow: hidden
}

.drawer-item.selected .drawer-tit {
    display: none
}

.drawer-item.selected .drawer-con {
    display: block
}

.drawer2-wrapper .list-tit-wrapper {
    margin-bottom: 0
}

.drawer2-box {
    width: 100%;
    padding: 3px 14px 0;
    border: 1px solid #eee;
    border-top: 0;
    background-color: #fcfcfc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.drawer2-box .writerName {
    max-width: 114px
}

.drawer2-tit {
    display: block;
    width: 100%;
    height: 41px;
    border-bottom: 1px dotted #e4e4e4;
    font-size: 14px;
    line-height: 41px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    cursor: pointer
}

.drawer2-box li:last-child .drawer2-tit {
    border-bottom: 0
}

.bbn {
    border-bottom: 0
}

.drawer-item.selected .drawer2-tit {
    display: none
}

.drawer2-tit label {
    margin-right: 8px;
    color: #999;
    cursor: pointer
}

.mod-Booklist-wrapper {
    width: auto;
    margin-left: -20px
}

.mod-Booklist {
    float: left;
    width: 330px;
    height: auto;
    margin-left: 20px
}

.list-tit-wrapper {
    width: 100%;
    height: 28px;
    border-bottom: 2px solid #c6c6c6;
    margin-bottom: 15px;
    position: relative
}

.list-tit {
    position: relative;
    bottom: -2px;
    padding-right: 4px;
    background: #fff
}

.list-txt {
    padding-bottom: 8px;
    border-bottom: 2px solid #8484D0;
    font-size: 18px;
    line-height: 18px;
    color: #7E7CFB
}

.list-txt:before {
    content: "";
    position: absolute;
    top: 26px;
    right: 4px;
    width: 2px;
    height: 2px;
    background: url(//www.iqiyipic.com/common/fix/lit-images/line-left.jpg) no-repeat
}

.list-txt:after {
    content: "";
    position: absolute;
    top: 26px;
    right: -2px;
    width: 2px;
    height: 2px;
    background: url(//www.iqiyipic.com/common/fix/lit-images/line-right.jpg) no-repeat
}

.list-more {
    line-height: 22px;
    position: absolute;
    top: 4px;
    right: 0
}

.mod-list-con {
    width: 100%;
    height: 120px;
    padding-left: 100px;
    margin-bottom: 9px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-list-tit {
    margin-bottom: 9px;
    line-height: 26px
}

.mod-list-tit a {
    font-size: 16px
}

.mod-list-details {
    width: 100%;
    height: 40px;
    overflow: hidden;
    line-height: 20px;
    font-size: 12px;
    color: #666
}

.list-writer {
    position: absolute;
    bottom: 0;
    left: 100px;
    line-height: 20px
}

.list-writer .writerName {
    max-width: 194px;
    margin-right: 0
}

.mod-list-Booktit {
    width: 100%;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333
}

.mod-list-Booktit a:first-child {
    margin-right: 8px;
    color: #999
}

.mod-list-Booktit a:hover {
    color: #7E7CFB
}

.rankTab-wrapper {
    width: 100%;
    height: 28px;
    border-bottom: 2px solid #c6c6c6
}

.rankTab {
    float: left;
    width: 33.33%;
    height: 28px;
    text-align: center
}

.rankTab.selected {
    position: relative;
    border-bottom: 2px solid #8484D0
}

.rankTab.selected:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    width: 0;
    height: 0;
    font-size: 0;
    border-width: 5px;
    border-color: transparent transparent #8484D0 transparent;
    border-style: dashed dashed solid dashed
}

.rankTab a {
    font-size: 18px;
    line-height: 18px
}

.rankTab a:hover,
.rankTab.selected a {
    color: #7E7CFB
}

.rankTab-con {
    display: none;
    width: 100%;
    padding: 15px 14px 0;
    border: 1px solid #eee;
    border-top: 0;
    background-color: #fcfcfc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rankTab-con.selected {
    display: block
}

.rankList li {
    width: 100%;
    height: 18px;
    padding: 11px 0 12px 0;
    border-bottom: 1px dotted #e4e4e4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.rankList li a,
.rankList li .first-info .first-tit a {
    font-size: 14px;
    line-height: 18px
}

.rankList li .first-info a {
    font-size: 12px
}

.rankList li i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #bbb;
    margin-right: 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #fff
}

.rankList .second i {
    background-color: #ff903b
}

.rankList .third i {
    background-color: #7fd6ff
}

.rankList li:last-child {
    border-bottom: 0
}

.seeMore {
    text-align: center
}

.rankList .first {
    height: 120px;
    padding: 0 0 5px 0;
    border-bottom: 0
}

.first-con {
    width: 100%;
    height: 100%;
    padding-left: 100px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.first-tit {
    width: 100%;
    margin-bottom: 6px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.first-tit a {
    font-size: 14px
}

.first-details {
    width: 100%;
    height: 40px;
    margin-bottom: 9px;
    overflow: hidden;
    color: #666;
    line-height: 20px;
    white-space: normal
}

.rankList .first i {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    background-color: #ff443f;
    line-height: 26px;
    font-size: 18px
}

.rankBox {
    width: 300px;
    margin-right: 40px
}

.rankBox:first-child {
    margin-right: 0
}

.rankBox .list-tit-wrapper {
    margin-bottom: 0
}

.rankBox .rankTab-con {
    display: block
}

h1#list_title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.breadCrumbNav li{
    display: inline;
}

@media (min-width:1024px) {
    .phoneCont{
        display: none !important;
    }
}

@media (max-width:1023px) {
    .mod-Booklist{
        width: 100%;
    }

    .pcCont{
        display: none !important;
    }
}