@charset "utf-8"; html { -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } article, aside, blockquote, body, button, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul { margin: 0; padding: 0; vertical-align: baseline; outline: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1 } body, button, input, select, textarea { font: 12px/1.5 Tahoma, Helvetica, Arial, \5fae\8f6f\96c5\9ed1, sans-serif } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400 } address, cite, dfn, em, i, var { font-style: normal } code, kbd, pre, samp, tt { font-family: Courier New, monospace, serif } small { font-size: 80% } ol, ul { list-style: none outside none } a:active { text-decoration: none; outline: 0 } a:focus { outline: 0 } abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help } mark { background: #ff0; color: #000 } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px } fieldset, iframe { border: 0 none } img { border: 0 none; border-radius: 8px; vertical-align: middle; -ms-interpolation-mode: bicubic } button, input, select, textarea { font-family: inherit; font-size: 100%; vertical-align: baseline } button[disabled], input[disabled] { cursor: default } button::-moz-focus-inner, button::-moz-focus-outer, input::-moz-focus-inner, input::-moz-focus-outer { border: 0 none; padding: 0; margin: 0 } textarea { overflow: auto; vertical-align: top; resize: vertical } table { border-collapse: collapse; border-spacing: 0 } strong { font-weight: 400 } .txjifen { display: block; position: absolute; z-index: 25; top: 24px; left: 10px; height: 20px; line-height: 20px } .txjifen em, .txjifen em a { color: #e28031; font-style: normal; text-decoration: none } .txjifen em a:hover { color: #e28031; text-decoration: none } .acountBg, .acountIn { position: relative; z-index: 4; width: 203px; height: 29px; padding: 1px; padding: 0 \9; _padding: 0; overflow: hidden; border: 1px solid #ccc \9; _border: 1px solid #ccc; background: #fff \9; _background: 0; background-position: 0 -91px } .tabs-regRorm .acountIn { background-position: 0 -125px } .acountIn .in-txt { color: #000 } .acountIn { border: 1px solid #7fb00d \9; _border: 1px solid #7fb00d } .in-txt { display: block; width: 138px; height: 29px; padding: 0 60px 0 5px; line-height: 29px; vertical-align: middle; background: 0 0; border: 0; color: #ccc; zoom: 1 } .acountCode .in-txt { width: 93px; padding: 0 105px 0 5px } .in-pwd, .in-tips, .in-userMsg, .in-xline, .yzimg { position: absolute; z-index: 10; top: 2px; display: block; height: 24px; line-height: 24px; color: #ccc; background-color: #fff } .in-tips { right: 8px } .acountCode .in-tips { right: 108px } .in-xline { right: 103px; top: 1px; width: 2px; height: 28px; overflow: hidden; background-position: -130px -46px } .in-pwd, .in-userMsg { left: 6px; background-color: #fff } .itemregLast a.ac666 { cursor: pointer } .itemregLast { height: 20px; text-align: right; line-height: 20px } .logAuto { float: left; position: relative; height: 20px } .logAuto span { display: block; float: left; height: 20px; padding-left: 23px; line-height: 20px; background: url(../images/navloginv3_2.png) no-repeat -116px -104px; cursor: pointer } .logAuto span.selected { background-position: 0 -126px } .in-pwd, .in-tips, .in-xline, .yzimg { background-color: #fff \9; _background-color: #fff } .logThird-box { position: relative; z-index: 5; width: 244px; height: 40px; margin: 0 auto; font-family: \5fae\8f6f\96c5\9ed1; background-position: 0 -860px } .log3List { position: absolute; z-index: 10; bottom: 0; right: 0; width: 250px; height: 40px; font-size: 14px } .iconlogbg { display: block; width: 100%; height: 100%; line-height: 40px; text-decoration: none; color: #fff; background-position: right -203px } a.iconlogbg:hover { background-position: right -160px; color: #fff; text-decoration: none } .iconlogbg span, .iconlogbg:hover span { color: #fff; text-decoration: none } .reg-item2 .iconlogbg { background-position: -10px -203px; position: relative; left: 2px } .reg-item3 .iconlogbg { background-position: left -203px; color: #fff; text-decoration: none } .reg-item2 .iconlogbg:hover { background-position: -10px -160px; text-decoration: none } .reg-item3 .iconlogbg:hover { background-position: left -160px; color: #fff; text-decoration: none } .iconlog-reg { position: relative } .iconlog-reg span { position: absolute; bottom: 0; left: 50%; display: block; width: 40px; height: 40px; margin-left: -23px; text-align: center; line-height: 40px; color: #000; opacity: .4; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); cursor: pointer } .iconlog-reg:hover span { color: #000; text-decoration: none } .thirdbgTop a { display: block; width: 100%; height: 40px; padding-top: 1px; overflow: hidden } .iconlog { display: block; height: 40px; padding-left: 30px; line-height: 40px; color: #1a1a1a; text-decoration: none; cursor: pointer } ul.inboxList { height: 0; overflow: hidden } ul.inboxList li { float: none; height: 30px; padding: 0 10px 2px; line-height: 30px; text-align: right; clear: both; background-position: center -281px } .inboxList li span { display: inline-block; float: left; max-width: 164px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left } .logout { height: 30px; padding: 0 10px; text-align: right; line-height: 30px; font-family: \5b8b\4f53; clear: both; background-position: center -345px } .icon-safe { float: left; height: 30px; padding-left: 22px; line-height: 30px; background-position: -85px -345px } .usrTxGeneral-box_v3 .errorArea { color: #e60012; margin: 0 0 0 35px; height: 30px; _position: relative } .usrTx-inner-box .usrTx-inner-box_userInfo .usrTx-name { width: 115px; line-height: 17px } .usrTx-inner-box .usrTx-inner-box_userInfo .usrTx-name a { max-width: 96px; color: #333; margin-top: 0; *line-height: 17px; *display: inline; zoom: 1 } .topNav_user .usrTxGeneral-box a:hover { color: #518900; text-decoration: underline } .usrTxGeneral-box_hover { width: 432px; padding: 13px 0 30px; position: absolute; top: 22px; left: -106px; -webkit-transition: opacity .5s linear; -moz-transition: opacity .5s linear; -ms-transition: opacity .5s linear; transition: opacity .5s linear } .usrTx-register .usrTxGeneral-box_hover { left: -147px } .usrTx-register .usrTxGeneral-box_hover .nav_arrow { left: 157px } .usrTxGeneral-box { width: 430px; position: relative; z-index: 111 } .usrTxGeneral-box .mailType-box-bind, .usrTxGeneral-box .mailType-box-login, .usrTxGeneral-box .mailType-box-reg { position: absolute; z-index: 50; top: 85px; left: 53px; width: 205px } .usrTxGeneral-box h2 { font-size: 14px; background: #f5f5f5 url(../images/login-box_title_2.jpg) center bottom no-repeat; line-height: 40px; text-align: center; color: #333 } .usrTxGeneral-box .all520Btn, .usrTxGeneral-box .lt520Btn { background: url(../images/con520_2.png) no-repeat; height: 40px; color: #fff; line-height: 38px; display: inline-block; text-align: center; font-size: 14px } .usrTxGeneral-box .all520Btn { cursor: pointer } .usrTxGeneral-box .all520Btn_green { padding-right: 33px; background-position: right 0 } .usrTxGeneral-box .all520Btn .lt520Btn { background-position: 0 -40px; padding-left: 30px } .usrTxGeneral-box .all520Btn_green:hover { background-position: right -80px; text-decoration: none } .usrTxGeneral-box .all520Btn_green:hover .lt520Btn { background-position: 0 -120px } .usrTxGeneral-box .tabs-regRorm .pb0 { padding-bottom: 0 } .usrTxGeneral-box .bindOther-box_ico a { background: url(../images/nav_pop_icons_2.png) no-repeat; float: left; width: 24px; height: 24px; margin: 0 17px 10px 0 } .usrTxGeneral-box .bindOther-box_ico a.qq, .usrTxGeneral-box .bindOther-box_ico a.sinaweibo, .usrTxGeneral-box .bindOther-box_ico a.weixin { width: 132px; height: 24px; margin: 0 0 10px } .usrTxGeneral-box .bindOther-box_ico a.sinaweibo { background-position: 0 0 } .usrTxGeneral-box .bindOther-box_ico a.qq { background-position: 0 -58px } .usrTxGeneral-box .bindOther-box_ico a.baidu { background-position: 0 -116px; padding: 0 } .usrTxGeneral-box .bindOther-box_ico a.renren { background-position: -36px -116px } .usrTxGeneral-box .bindOther-box_ico a.kaixin { background-position: -72px -116px } .usrTxGeneral-box .bindOther-box_ico a.zhifubao { background-position: -108px -116px; margin-right: 0 } .usrTxGeneral-box .bindOther-box_ico a.sinaweibo:hover { background-position: 0 -29px } .usrTxGeneral-box .bindOther-box_ico a.qq:hover { background-position: 0 -87px } .usrTxGeneral-box .bindOther-box_ico a.baidu:hover { background-position: 0 -145px } .usrTxGeneral-box .bindOther-box_ico a.renren:hover { background-position: -36px -145px } .usrTxGeneral-box .bindOther-box_ico a.kaixin:hover { background-position: -72px -145px } .usrTxGeneral-box .bindOther-box_ico a.zhifubao:hover { background-position: -108px -145px } .usrTxGeneral-box .bindOther-box_ico a.weixin { background-position: 0 -181px } .usrTxGeneral-box .bindOther-box_ico a.weixin:hover { background-position: 0 -210px } .usrTx-bind { position: absolute; width: 0; height: 0; left: 25px } .usrTx-bind .usrTx-bind-box_hover { left: -152px } .usrTx-bind .usrTxGeneral-box .nav_arrow { left: 153px } .usrTx-bind .usrTxGeneral_btnBox .con0520Btn { display: inline-block; *display: inline; *zoom: 1; margin: 0 10px } .usrTx-bindOperate-box { color: #333 } .usrTx-bindOperate-box .usrTxGeneral-box_bd { text-align: left } .usrTx-bindOperate-box .usrTxGeneral_btnBox { margin: 30px 0 20px; text-align: center } .usrTx-bindOperate-box .p2040040 .usrTxGeneral_btnBox { margin-top: 10px } .usrTx-bindOperate-box .p25100 { padding: 25px 100px } .usrTx-bindOperate-box .p2590 { padding: 25px 90px } .usrTx-bindOperate-box .p2040040 { padding: 20px 40px 0 } .usrTx-bind .usrTxGeneral-box .bindOther-box_ico a { margin: 0 17px 10px 0; width: 24px; height: 24px } .usrTx-bind .usrTxGeneral-box .bindOther-box_ico a.sinaweibo { background-position: 0 -174px } .usrTx-bind .usrTxGeneral-box .bindOther-box_ico a.qq { background-position: 0 -203px } .mailType-list { font: 12px/23px Tahoma; border: 1px solid #d6d6d6; border-radius: 0 0 3px 3px; background-color: #fff } .mailType-list li { display: block; height: 23px; padding: 0 10px; color: #7d7d7d; line-height: 23px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; overflow: hidden } .mailType-list li.focus, .mailType-list li.selected { background-color: #f1f1f1; color: #000; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; cursor: pointer } .usrTxGeneral-box .nav_arrow { left: 114px; border-bottom: 6px solid #f5f5f5 } .usrTxGeneral-box .green { color: #518900 } .usrTxGeneral-box .tabs-regRorm div { position: relative } .usrTxGeneral-box .tabs-regRorm .acountBorder { width: 203px; border: 1px solid #ccc; background: #fff; text-align: left; height: 29px } .usrTxGeneral-box .tabs-regRorm .acountIn { background: #fff; padding: 0; border: 1px solid #7fb00d; overflow: visible } .usrTxGeneral-box .tabs-regRorm .acountIn .in-txt { box-shadow: 0 1px 3px rgba(127, 176, 13, .5) inset } .usrTxGeneral-box .tabs-regRorm .logAuto { width: auto } .usrTxGeneral-box .tabs-regRorm .con0520Btn { float: left; padding-left: 36px; width: auto } .usrTxGeneral-box .tabs-regRorm .userPact div { width: auto } .usrTxGeneral-box .tabs-regRorm .pb10 { padding-bottom: 10px } .usrTxGeneral-box .tabs-regRorm .pt18 td, .usrTxGeneral-box .tabs-regRorm .pt18 th { padding-top: 18px } .usrTxGeneral-box .tabs-regRorm .in-txt { background-color: #fff; transition: box-shadow linear .2s; *height: 28px; *line-height: 28px } .usrTxGeneral-box .tabs-regRorm .acountCode .in-txt { padding: 0 105px 0 5 px\9 \0 } .usrTxGeneral-box .tabs-regRorm .acountCode .yzimg { top: 0 } .usrTxGeneral-box .tabs-regRorm .acountIn .in-txt:focus, .usrTxGeneral-box .tabs-regRorm .in-txt:focus { outline: 0 none; box-shadow: inset 0 1px 3px rgba(127, 176, 13, .5), 0 0 6px rgba(127, 176, 13, .5) } .usrTxGeneral-box .bindOther-box p { margin-bottom: 10px; color: #333; line-height: 1 } .usrTxGeneral-box .noUser { position: absolute; left: 285px; bottom: 24px; width: 130px; text-align: left } .usrTxGeneral-box .noUser a { color: #518900 } .usrTx-box_popup { background-color: #fff; box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 2px 5px rgba(0, 0, 0, .2); border: 1px solid #e1e1e1 } .frameLayer { position: absolute; border: 0; background-color: #fff } .topLogin .usrTx-inner-box_hover .frameLayer, .topLogin .usrTxGeneral-box_hover .frameLayer { top: 12px; left: 15px; background: 0 0 } .topLogin .usrTx-inner-box_hover .frameLayer { height: 440px; width: 182px } .topLogin .usrTx-login .usrTxGeneral-box_hover .frameLayer { height: 243px; width: 432px; left: 0; top: 15px } .topLogin .usrTx-register .usrTxGeneral-box_hover .frameLayer { height: 311px; width: 432px; left: 0; top: 15px } .topLogin .usrTx-bind .usrTxGeneral-box_hover .frameLayer { height: 225px; width: 432px; left: 15px; top: 15px } .forpad .usrTxGeneral-box_hover { left: -193px; padding: 5px 0 30px 15px } .forpad .usrTxGeneral-box .nav_arrow { left: 184px } .forpad .usrTx-register .usrTxGeneral-box_hover { left: -224px } .forpad .usrTx-register .usrTxGeneral-box_hover .nav_arrow { left: 214px } .forpad .usrTx-bind .usrTx-bind-box_hover { left: -185px } .forpad .usrTx-bind .usrTxGeneral-box .nav_arrow { left: 184px } .usrTxGeneral-box .tabs-regRorm .acount-getSms { width: 105px } .usrTxGeneral-box .tabs-regRorm .acount-getSms .in-xline, .usrTxGeneral-box .tabs-regRorm .acount-getSms .yzimg { display: none } .usrTxGeneral-box .tabs-regRorm .acount-getSms .in-txt { padding: 0 5px; width: 95px } .usrTxGeneral-box .tabs-regRorm .acount-getSms .getSms { display: block; position: absolute; left: 115px; top: 0; white-space: nowrap } .acount-getSms .in-tips { right: 2px } .getSms { display: none } .getSms_normal, .getSms_normal:hover { color: #518900; text-decoration: underline } .getSms_again { color: #666 } .getSms_already { color: #999 } .refreshPiccode { position: absolute; left: 165px; top: 30px; white-space: nowrap; cursor: pointer } .acount-getSms .refreshPiccode { display: none } .usrTxGeneral-box .usrTxGeneral-box_bd { height: auto; padding: 15px 15px 30px; overflow: hidden; zoom: 1 } .usrTxGeneral-box .notest-tabs { position: static; margin: 0 } .usrTxGeneral-box .logReg-form { position: relative; float: left; width: 253px; border-right: 1px solid #e2e2e2; height: 100%; margin-right: 10px; color: #ccc } .usrTxGeneral-box .toforget { color: #ccc; text-decoration: underline } .tabs-regRorm { position: absolute; top: 50%; left: 0; margin-top: -70px; line-height: 28px; table-layout: fixed; color: #333 } .usrTxGeneral-box .usrTxGeneral-box_v3 { height: 226px; overflow: hidden; zoom: 1; padding: 14px 0 14px 15px; text-align: left } .usrTxGeneral-box_v3 .tabs-regRorm .in-txt { color: #333; width: 205px; height: 20px; line-height: 20px; padding: 4px 0 4px 5px; font-family: \5fae\8f6f\96c5\9ed1 !important } .usrTxGeneral-box_v3 .tabs-regRorm .acountBorder { width: 210px; height: 28px; background: #fff; border: 1px solid #dadada; text-align: left } .usrTxGeneral-box_v3 .tabs-regRorm td { padding-bottom: 21px } .usrTxGeneral-box_v3 .tabs-regRorm th { width: 34px; font-weight: 400; vertical-align: top } .usrTxGeneral-box_v3 .in-pwd { color: #999 } .usrTxGeneral-box_v3 .logReg-form { width: 260px } .usrTxGeneral-box_v3 .pwd-link { float: right; *padding-right: 14px } .usrTxGeneral-box_v3 .in-userMsg { color: #333 } .usrTxGeneral-box_v3 .acountIn .in-userMsg { color: #999 } .usrTxGeneral-box_v3 .acountHide .in-userMsg { opacity: 0; visibility: hidden } .usrTxGeneral-box_v3 .tabs-regRorm .acountHide, .usrTxGeneral-box_v3 .tabs-regRorm .acountIn { border: 1px solid #699f00 } .usrTxGeneral-box_v3 .tabs-regRorm .acountIn .in-txt, .usrTxGeneral-box_v3 .tabs-regRorm .acountIn .in-txt:focus, .usrTxGeneral-box_v3 .tabs-regRorm .in-txt:focus { box-shadow: none } [placeholder] { font-family: \5fae\8f6f\96c5\9ed1 } .acountBorder ::-moz-placeholder { color: #333; opacity: 1 !important } .acountIn .in-txt::-moz-placeholder { color: #999; opacity: 1 !important } .acountBorder :-ms-input-placeholder { color: #333 } .acountIn .in-txt:-ms-input-placeholder { color: #999 } .acountBorder ::-webkit-input-placeholder { color: #333 } .acountIn .in-txt::-webkit-input-placeholder { color: #999 } .usrTxGeneral-box_v3 .errorArea .mod-passwordStrength { padding-top: 5px } .usrTxGeneral-box_v3 .login_submitV3 a.submitV3Btn { display: block; width: 212px; height: 31px; line-height: 31px; border-radius: 3px; text-align: center; color: #fff; font-size: 14px; background: #699f00; margin-top: -5px } .usrTxGeneral-box_v3 .login_submitV3 a.submitV3Btn:hover { color: #fff; text-decoration: none; background: #7fb52b } .usrTxGeneral-box_v3 .login_submitV3 a.submitV3Btn:active { background: #5c8c13 } .usrTxGeneral-box_v3 .login_submitV3 a.submit-gray, .usrTxGeneral-box_v3 .login_submitV3 a.submit-gray:active, .usrTxGeneral-box_v3 .login_submitV3 a.submit-gray:hover { background: #b1b1b1; cursor: default } .usrTxGeneral-box_v3 .tabs-regRorm .pb10 { padding-bottom: 15px } .usrTxGeneral-box_v3 .yzimg { height: 30px; right: 1px; top: 1px; width: 103px } .usrTxGeneral-box_v3 .yzimg img { height: 30px; width: 103px; cursor: pointer; vertical-align: top } .box_v3AddCode .tabs-regRorm .pb10, .box_v3AddCode .tabs-regRorm td { padding-bottom: 12px } .box_v3AddCode .tabs-regRorm .pt18 td, .box_v3AddCode .tabs-regRorm .pt18 th { padding-top: 0 } .box_v3AddCode .tabs-regRorm .acountCode .in-txt { font-family: \5fae\8f6f\96c5\9ed1; padding: 4px 0 4px 5px; line-height: 20px; *line-height: 18px } .box_v3AddCode .tabs-regRorm .changeArea { padding-bottom: 0 } .box_v3AddCode .changeImgCode { text-align: right; *padding-right: 14px } .usrTxGeneral-box .bindOther-box_icoV3 a { margin: 0 8px 10px 0 } .usrTxGeneral-box .bindOther-box_icoV3 .hezuoTextKey { margin-bottom: 15px } .usrTxGeneral-box .usrTxGeneral-box_v3 .noUser { bottom: 40px; *padding-top: 5px } .usrTxGeneral-box_hover_reg .tabs-regRorm .changeArea { padding-top: 10px; clear: both; line-height: 20px; padding-bottom: 20px } .usrTxGeneral-box_hover_reg .readTxt { float: left; width: 185px; color: #999 } .usrTxGeneral-box_hover_reg .box_v3AddCode .changeImgCode { width: 50px; float: right } .sEmail-closeBtn { position: absolute; right: 10px; line-height: 23px; color: #999; font-size: 14px; visibility: hidden } .usrTxGeneral-box_v3 .mailType-list { overflow: hidden; width: 210px } .usrTxGeneral-box_v3 .mailType-list li .userLong { display: inline-block; width: 175px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .usrTxGeneral-box_v3 .mailType-list li.focus .sEmail-closeBtn, .usrTxGeneral-box_v3 .mailType-list li.selected .sEmail-closeBtn { visibility: visible } .usrTx-outer .usrTxGeneral-box_v3 .sEmail-closeBtn:hover { color: #333; text-decoration: none } .usrTxGeneral-box_v3 .mailType-box-bind, .usrTxGeneral-box_v3 .mailType-box-login, .usrTxGeneral-box_v3 .mailType-box-reg { top: 113px } .iqyCode-con { position: relative; width: 262px } .iqyCode-mini { background: url(../images/iqycode-ico_2.png) no-repeat; width: 16px; height: 16px; display: block; position: absolute; right: 4px; top: 8px } .iqyCode-lt { float: left; width: 160px; margin-right: 25px } .iqyCode-rt { float: left; width: 156px; margin-left: 9px; display: inline } .iqyCode-lt .p-txt1 { font-size: 14px; margin-bottom: 12px } .iqyCode-lt .p-txt2 { color: #999; line-height: 20px } .iqyCode-lt .p-tipPic { margin-top: 10px } .iqyCode-lt .p-tipPic img { display: block; width: 119px; height: 108px } .return-web { text-align: right; margin-bottom: 12px } .againGet a:hover, .return-web a:hover { color: #699f00; text-decoration: none } .green { color: #699f00 } .iqyCode-pic { border: 3px solid #bbdb80; padding: 7px; width: 135px } .iqyCode-pic img { display: block; width: 135px; height: 135px } .updateCode { margin-top: 14px; text-align: center; color: #666 } .codeBorder { border: 1px dashed #d2d2d2; width: 150px; height: 150px; text-align: center } .suc-login-tip { line-height: 150px; font-size: 16px } .getcodePic { font-size: 14px } .getCode-bd { margin-top: 40px } .getIngTxt { color: #999; margin-top: 15px; display: block } .getCode-error i { background: url(../images/iqycode-errorico_2.png) no-repeat; width: 35px; height: 35px; display: block; margin: 25px 0 10px 60px; *margin: 25px 0 10px } .againGet { font-size: 14px; color: #999 } .iqyNav-code-pop .iqyCode-lt { margin-right: 100px } .usrTx-inner-addCode, .usrTx-inner-addCode .usrTx-inner-box { width: 363px } .usrTx-inner-addCode .usrTx-inner-addCode-lt { width: 130px; border-right: 1px solid #ccc } .usrTx-inner-addCode .usrTx-inner-box .usrTx-inner-box_userInfo { padding: 10px 0 0 10px; height: 25px; width: 120px; overflow: hidden } .usrTx-inner-addCode .user-img-70 { margin-top: 0 } .usrTx-inner-addCode .user-img-70 img { display: block; width: 70px; height: 70px; border: 1px solid #cdcdcd } .usrTx-inner-addCode .usrTx-inner-box li { float: left; width: 130px } .usrTx-inner-addCode .usrTx-inner-box li.hoverNoBg { border-bottom: 1px solid #e2e2e2; padding-bottom: 15px; line-height: 0 } .usrTx-inner-addCode .usrTx-inner-box li.hoverNoBg a:hover { background: 0 } .topNavWrap-index .topNav_user .usrTx-inner-addCode .usrTx-name { width: 120px } .topNavWrap-index .topNav_user .usrTx-inner-addCode .usrTx-inner-box_bd .usrTx-name a { max-width: 76px; width: auto; font-size: 12px } body.qypage-980 .topNavWrap-index .topNav_user .usrTx-inner-addCode .usrTx-inner-box_bd .usrTx-name a { max-width: 76px; width: auto } .usrTx-inner-addCode .usrTx-inner-addCode-rt { width: 232px; margin: 0 auto; text-align: center } .usrTx-inner-addCode .p-code-tit { margin-top: 22px } .usrTx-inner-addCode .usrTx-inner-box_userInfo .kthy0201 { margin: 0 0 0 5px } .usrTx-inner-addCode .codeBorder, .usrTx-inner-addCode .iqyCode-pic { margin: 16px auto 0 } .topNav_user .usrTx-inner-addCode-bd .kthy0201, .topNav_user .usrTx-inner-addCode-bd .no-kthy0201, .topNav_user .usrTx-inner-addCode-bd .usrTx-name .myName { float: none; display: inline-block; vertical-align: middle } .topNavWrap-index .topNav_user .usrTx-inner-addCode-bd .usrTx-name, .topNavWrap-pindao .topNav_user .usrTx-inner-addCode-bd .usrTx-name, .topNavWrap-player .topNav_user .usrTx-inner-addCode-bd .usrTx-name { text-align: center } .topNav_user .usrTx-name a { max-width: 92px } .usrTx-new_hover { z-index: 15 } .dropDown_wrap .usrTx-new_hover, .qypage-980 .dropDown_wrap .usrTx-new_hover, .qypage-980 .usrTx-new_hover { left: inherit } .topNavWrap-index .topNav_user .usrTx-inner-box_hover, .usrTx-new_hover { left: inherit; z-index: 15; padding: 0; width: auto; top: 0 } .add-family .add-family_sicon, .add-family-list .add-family_bicon, .back-login-info, .login-perCenLnk-arr, .nav-login-list .nav-icon, .nav-login-top { background: url(../images/nav-login-info-black_2.png) no-repeat } .add-family-list { padding-left: 10px } .add-family-list li { width: 56px; float: left } .add-family-list li .img { position: relative; width: 56px; height: 56px } .add-family-list li .img img { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; border: 3px solid #fff } .add-family-list .selected .img img { border: 3px solid #82c024 } .add-family-list li .img .profile-selected { width: 16px; height: 16px; display: none; vertical-align: middle; overflow: hidden; position: absolute; right: 0; bottom: 0; background: url(../images/profile-selected_2.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: 0 0; background-color: #e6e6e6 } .nav-profile-tip .profile-colse { position: absolute; right: 6px; top: 5px; z-index: 112; color: #979797; display: block; width: 20px; height: 20px; line-height: 16px; font-size: 22px; text-align: center } .nav-profile-tip .profile-colse:hover { color: #699f00 } .nav-profile-tip .tip_inner, .topNav_upload_menu .tip_inner { border-left: 9px solid #fff; z-index: 1 } .nav-profile-tip .tip_inner, .nav-profile-tip .tip_outer, .topNav_upload_menu .tip_inner, .topNav_upload_menu .tip_outer { position: absolute; overflow: hidden; width: 0; height: 0; font-size: 0 } .nav-profile-tip .nav-login_arrow { overflow: hidden; left: 27px; top: -17px; text-align: left; display: inline-block; width: 16px; z-index: 4; height: 17px; position: absolute } .nav-profile-tip .nav-login_arrow .tip_inner, .nav-profile-tip .nav-login_arrow .tip_outer { border: 9px dashed transparent } .nav-profile-tip .nav-login_arrow .tip_inner { border-bottom: 8px solid #8cd32a; bottom: -1px } .nav-profile-tip .nav-login_arrow .tip_outer { border-bottom: 8px solid #8cd32a } .nav-login-info .tip_inner, .topNav_upload_menu .tip_inner { border-left: 8px solid #54a040; z-index: 1 } .nav-login-info .tip_inner, .nav-login-info .tip_outer, .topNav_upload_menu .tip_inner, .topNav_upload_menu .tip_outer { position: absolute; overflow: hidden; width: 0; height: 0; font-size: 0 } .nav-login-info .nav-login_arrow, .topNav_upload_menu .nav-login_arrow { display: inline-block; width: 16px; z-index: 4; height: 16px; position: absolute } .nav-login-info .nav-login_arrow .tip_inner, .nav-login-info .nav-login_arrow .tip_outer, .topNav_upload_menu .nav-login_arrow .tip_outer, .topNav_upload_menu .tip_inner { border: 8px dashed transparent } .nav-login-info .nav-login_arrow .tip_inner { border-bottom: 8px solid #302d2c; bottom: -1px } .nav-login-info .nav-login_arrow .tip_outer { border-bottom: 8px solid #302d2c } .nav_upload_icon { display: inline-block; vertical-align: middle; margin-right: 2px; overflow: hidden; width: 14px; height: 12px; background: url(../images/nav-upload_2.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 .arrow-selected, .topNav_upload .arrow-selected:hover, .topNav_upload .topNav_upload_title:hover { color: #99e000 } .topNav_upload .topNav_upload_title:hover .nav_upload_icon { background: url(../images/nav-upload-green_2.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(../images/nav-upload-green_2.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 } .topNav_upload .topNav_upload-bd { width: 98px; height: 192px; position: relative; z-index: 111; background-color: #fff; border-radius: 3px; border: 1px solid #dbdbdb } .topNav_upload .topNav_upload-bd li { line-height: 20px } .topNav_upload .topNav_upload-bd li a { display: block; text-align: center; padding: 6px 0; _height: 20px; _overflow: hidden; position: relative } .topNav_upload .topNav_upload-bd li a:hover { background: #f2f2f2 } .topNav_upload .topNav_upload-bd li a .nav_mag_dot { position: absolute; top: 2px; right: 17px } .topNav_upload_menu .nav-login_arrow { left: 40px; top: -16px; z-index: 112 } .topNav_upload_menu .nav-login_arrow .tip_inner { border-bottom: 8px solid #fff; bottom: -1px; z-index: 1 } .topNav_upload_menu .nav-login_arrow .tip_outer { border-bottom: 8px solid #dbdbdb } .topNav_upload-nologin .no-login { display: none } .topNav_upload-nologin .topNav_upload-bd { height: 160px; padding-top: 3px } .topNav_upload-nologin .profile { display: none } .topNav_upload-nologin .userPic .profile { display: block } .topLogin .topNav_upload .topNav_upload-bd { height: 224px } .topLogin .topNav_upload .frameLayer_upload { height: 227px } .topLogin .topNav_upload-nologin .topNav_upload-bd { height: 192px } .topLogin .topNav_upload-nologin .frameLayer_upload { height: 198px } .topNav_upload .userPic .topNav_upload-bd { height: 256px } .topNav_upload .userPic .frameLayer_upload { height: 259px } .topNav_upload-nologin .userPic .topNav_upload-bd { height: 224px } .topNav_upload-nologin .userPic .frameLayer_upload { height: 227px } .emailActivation, .emailActivation_q { color: #333; font-size: 12px; line-height: 20px } .emailActivation .eA_links, .emailActivation_q .eA_links { color: #699f00 } .emailActivation .eA_title, .emailActivation_q .eA_title { height: 50px; line-height: 49px } .emailActivation { padding: 5px 15px 0 0 } .emailActivation .eA_title { font-size: 14px; text-align: center; margin-bottom: 10px } .emailActivation .eA_title .icon-submitSuccessful { display: inline-block; height: 50px; width: 50px; margin-right: 15px; margin-bottom: 5px; background: url(../images/site-icons-v10-20141106_2.png) no-repeat -60px -1340px } .emailActivation .eA_operation { padding-bottom: 10px; padding-right: 5px; text-align: right } .emailActivation .eA_desc { text-align: center; color: #999; padding-top: 5px } .emailActivation .submitV3Btn { margin: 0 auto } .emailActivation_q { padding-top: 5px; padding-right: 10px; overflow: hidden; *zoom: 1 } .emailActivation_q .eA_content { padding-left: 10px } .emailActivation_q .eA_content .square-icon { margin-left: -10px; display: inline-block; height: 6px; width: 6px; background: url(../images/site-icons-v10-20141106_2.png) no-repeat -200px -700px } .emailActivation_q .eA_content p { line-height: 20px } .freeLogin_link { color: #699f00; *margin-right: 0 !important; *margin-right: 10px } .topNavWrap-pindao div, .topNavWrap-pindao dl, .topNavWrap-pindao ul { zoom: normal } .topNavWrap-pindao div:after, .topNavWrap-pindao dl:after, .topNavWrap-pindao ul:after { content: ""; display: inline; clear: both; height: 0; visibility: hidden } .topNavWrap-pindao .clearfix { *zoom: 1; clear: none } .topNavWrap-pindao .clearfix:after { content: ""; display: table; font: 0/0 a; clear: both; height: 0; visibility: hidden } .nav-login-info { width: 420px; position: absolute; top: 35px; left: -62px; -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -ms-transition: opacity .2s linear; transition: opacity .2s linear } .topLogin .nav-login-info .frameLayer { width: 420px; height: 227px; left: 0; top: 0; background-color: #e6e6e6 } .topLogin .nav-login-info .frameLayer-vip_1 { height: 300px } .topLogin .nav-login-info .frameLayer-vip_2 { height: 367px } .topLogin .nav-login-info .frameLayer-vip_code { height: 250px } .nav-login-info .nav-login-bd-code { width: 418px } .back-login-info { position: absolute; top: 0; right: -1px; display: inline-block; vertical-align: middle; overflow: hidden; width: 54px; height: 50px; background-position: -366px -87px } .nav-login-info .iqyCode-pic { padding: 6px } .nav-login-info .updateCode { margin-top: 8px } .topLogin .login-info-vip .frameLayer { height: 273px } .nav-login-info .nav-login_arrow { overflow: hidden; left: 112px; top: -16px; text-align: left; display: inline-block; width: 16px; z-index: 4; height: 16px; position: absolute } .nav-login-info .nav-login_arrow .tip_inner, .nav-login-info .nav-login_arrow .tip_outer { position: absolute; overflow: hidden; width: 0; height: 0; font-size: 0; border: 8px dashed transparent } .login-info-vip .nav-login_arrow .tip_outer { border-bottom: 8px solid #f6e3c0 } .login-info-vip .nav-login_arrow .tip_inner { border-bottom: 8px solid #f6e3c0; bottom: -1px; z-index: 1 } .login-info-novip .nav-login_arrow .tip_outer { border-bottom: 8px solid #dbf0c0 } .login-info-novip .nav-login_arrow .tip_inner { border-bottom: 8px solid #dbf0c0 } .topNavWrap-index .nav-login-info { left: -62px } .dropDown_wrap .nav-login-info { left: -124px } .dropDown_wrap .nav-login-info .nav-login_arrow { left: 178px } .topNavWrap-player .nav-login-info { left: -71px } .nav-login-bd { width: 420px; position: relative; z-index: 111; background-color: #fff } .nav-login-top { width: 420px; height: 80px; overflow: hidden; position: relative; background-color: #fff } .nav-login-top .img { float: left; padding: 12px 14px 0 20px } .nav-login-top .homeLink img { border: 3px solid #616165; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px } .nav-login-top .title { float: left; width: 280px; padding-top: 16px; background-image: none; border: 0; text-align: left; clear: inherit; padding-right: 0 } .login-info-novip .nav-login-top .userName_link .name, .login-info-vip .nav-login-top .userName_link .name { float: left; max-width: 112px; margin-right: 4px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; font-size: 14px } .login-info-vip .nav-login-top .userName_link:hover .name { color: #c5955d } .login-info-novip .nav-login-top .userName_link:hover .name { color: #5aa700 } .addFamilyIc, .login-info-novip .nav-login-top, .login-info-vip .nav-login-top, .userFunList li i.userFunImg { background: url(../images/personcenterminipop_2.png) no-repeat 0 -8px } .login-info-novip .nav-login-top { background-position: 0 -108px } .login-info-novip .nav-login-top .tip, .login-info-vip .nav-login-top .tip { clear: both; color: #333; display: block; text-align: left } .login-info-novip .nav-login-top .tip .vip_link, .login-info-vip .nav-login-top .tip .vip_link { color: #333 } .login-info-vip .nav-login-top .tip .vip_link:hover { color: #c5955d; text-decoration: none } .login-info-novip .nav-login-top .tip .vip_link:hover { color: #5aa700; text-decoration: none } .login-info-vip .nav-login-top .homeLink img { border: 3px solid #faf3e4 } .login-info-novip .nav-login-top .homeLink img { border: 3px solid #f0f9e5 } .nav-login-top .code-login { display: inline-block; width: 54px; height: 50px; position: absolute; right: 0; top: 0 } .nav-login-info .nav-login-bottom { box-shadow: 0 2px 0 #e6e6e6; border: 1px solid #dbdbdb; border-top: 0; background-color: #fff; text-align: left } .login-info-vip .nav-login-bottom { padding-bottom: 9px; border-bottom: 1px solid #eee; box-shadow: none } .login-info-novip .nav-login-bottom { padding-bottom: 14px } .goCenter { padding: 9px 29px } .login-info-novip .nav-login-bottom .goCenterLink, .login-info-vip .nav-login-bottom .goCenterLink { color: #c5955d; font-size: 12px; line-height: 24px } .login-info-novip .nav-login-bottom .goCenterLink { color: #5aa700 } .userFunWrap { padding: 0 29px } .userFunList { margin-left: -40px } .userFunList li { float: left; padding-left: 40px } .userFunList li a { display: block; text-align: center } .login-info-vip .userFunList li a:hover { color: #c5955d } .userFunList li a:hover .imgHover20 { display: block } .addFamilyIc, .userFunList li i.userFunImg { display: block; width: 60px; height: 60px; position: relative; background-position: 0 -200px } .imgHover20 { display: none; width: 60px; height: 60px; background: #fff; opacity: .2; filter: alpha(opacity=20); position: absolute; top: 0; left: 0; cursor: pointer } .mySubscribeNum { background: #ff6000; border: 2px solid #fff; border-radius: 13px; color: #fff; font-size: 12px; text-align: center; position: absolute; top: -2px; left: 45px; padding: 3px; line-height: 13px; display: inline-block; height: 13px; min-width: 13px } .userFunList li i.img-mySubscribe { background-position: 0 -200px } .userFunList li i.img-VIPClub { background-position: -80px -200px } .userFunList li i.img-security { background-position: -160px -200px } .userFunList li i.img-online { background-position: -240px -200px } .userFunList li i.img-myMllection { background-position: -320px -200px } .userFunTxt { margin-top: 4px } .login-info-vip .nav-login-profile { background-color: #fff; box-shadow: 0 2px 0 #e6e6e6; border: 1px solid #dbdbdb; border-top: 0; text-align: left } .login-info-vip .addFamilyLink { display: block; text-align: center; height: 30px; padding: 10px 0 } .addFamilySpan { color: #333; vertical-align: middle } .addFamilyLink:hover .addFamilySpan { color: #c5955d } .addFamilyIc { display: inline-block; width: 30px; height: 30px; background-position: -400px -200px; margin-right: 5px; vertical-align: middle } .viewFamily { padding: 9px 29px } .viewFamilyLink { color: #c5955d } .viewFamilyLink:hover { color: #c5955d } .familyItem img { width: 30px; height: 30px; border-radius: 50% } .addFamilyWrap { padding: 0 9px } .addFamilyList li { float: left; padding-left: 20px; width: 180px; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 15px } .addFamilyList li a:hover { color: #c5955d } .addFamilyList .addFamilyLink { display: inline; text-align: left; padding: 0 } .addFamilyList .addFamilyIc, .addFamilyList .familyItem img { margin-right: 3px } .usrLogin-pop .loginIcon { background: url(../images/thirdloginicon_2.png) no-repeat; display: inline-block; vertical-align: middle } .usrLogin-pop { width: 462px; height: 327px; font-size: 12px; margin: 0 auto } .usrLogin-pop .btn-close-loginPop { display: inline-block; width: 30px; height: 30px; overflow: hidden; color: #489a98; position: absolute; right: 5px; top: 5px; border-radius: 15px; font-family: arial; font-size: 30px; text-align: center; line-height: 31px } .usrLogin-pop .btn-close-loginPop:hover { color: #dce7ec; background: #60c9c7; text-decoration: none } .usrLogin-pop .usrTx-box_popup { border: 0; width: 462px; height: 327px; box-shadow: none; background: 0; cursor: default; font: 12px/1.5 Tahoma, Helvetica, Arial, \5fae\8f6f\96c5\9ed1, sans-serif } .usrLogin-pop .frameLayer { width: 462px; height: 327px; position: absolute; top: 10px; left: 0; border-radius: 5px } .usrLogin-pop .usrTxGeneral-box_v3 { width: 460px; height: 272px; border: 1px solid #d6d6d6; border-top: 0; padding: 0; background: #fff; border-radius: 0 0 5px 5px; text-align: left } .usrLogin-pop .usrTxGeneral-box_v3 .mailType-box-login { width: 266px; top: 120px; left: 98px } .usrLogin-pop .usrTxGeneral-box_v3 .logReg-form { width: 380px; padding-left: 47px; border-right: 0; margin-right: 0; position: relative; height: 100%; float: left; color: #ccc } .usrLogin-pop .usrTxGeneral-box_v3 .bindOther-box { overflow: hidden; *zoom: 1 } .usrLogin-pop .tabs-regRorm th { width: 50px; font-size: 12px; font-weight: 400; vertical-align: top } .usrLogin-pop .usrTxGeneral-box_v3 .errorArea { margin: 4px 0 0 51px; line-height: 30px; color: #e60012; height: 30px; _position: relative } .usrLogin-pop .usrTxGeneral-box_v3 .errorArea .mobile-tips { margin-top: 6px } .usrLogin-pop .usrTxGeneral-box_v3 .errorArea span a { color: #699f00; text-decoration: underline } .usrLogin-pop .bindOther-box_icoV3 .iconBox { width: 290px } .usrLogin-pop .usrTxGeneral-box .usrTxGeneral-box_v3 .noUser { left: 348px; bottom: 28px } .usrLogin-pop .usrTxGeneral-box .bindOther-box p { line-height: 13px; color: #999 } .usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .login_submitV3 { width: 266px; text-align: center } .usrLogin-pop .usrTxGeneral-box_v3 .login_submitV3 { text-align: center } .usrLogin-pop .usrTxGeneral-box_v3 .login_submitV3 a.submitV3Btn { width: 266px; height: 32px; line-height: 32px; margin-top: 0; background: #69a200 } .usrLogin-pop .usrTxGeneral-box_v3 .login_submitV3 a.w266 { width: 266px } .usrLogin-pop .usrTxGeneral-box_v3 .login_submitV3 a.submitV3Btn:hover { background: #7fb52b } .usrLogin-pop .subWays { float: left; margin-left: 10px; display: inline; color: #699f00 } .usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm { line-height: 30px; position: static; margin: 0; color: #333; left: 0; top: 50%; table-layout: fixed } .usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .in-txt { width: 230px; height: 22px; line-height: 22px; font-size: 12px; padding: 4px 0 0 5px; font-family: 微软雅黑 !important; color: #333 } .usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .acountBorder { width: 264px; height: 30px; border: 1px solid #d6d6d6; position: relative; background: #fff; text-align: left } .usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .acountHide, .usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .acountIn { border: 1px solid #699f00 } .usrLogin-pop .usrTxGeneral-box_v3 .mailType-list { width: 264px } .usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .pb10 { padding-bottom: 10px } .usrLogin-pop .hezuoTextKey a { color: #699f00 } .usrLogin-pop .usrTxGeneral-box .nav_arrow { display: block; width: 0; height: 0; font-size: 0; position: absolute; border: 6px dashed transparent; border-bottom: 6px solid #6dc009; top: -12px; overflow: hidden; z-index: 100 } .usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm td { padding-bottom: 25px } .usrLogin-pop .box_v3AddCode .tabs-regRorm td { padding-bottom: 8px } .usrLogin-pop .emailReg, .usrLogin-pop .free-yzm-get { position: absolute; right: 10px; top: 0 } .usrLogin-pop .emailReg a { color: #333 } .usrLogin-pop .emailReg a:hover, .usrLogin-pop .free-yzm-get a, .usrLogin-pop .free-yzm-get a:hover { color: #699f00 } .usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .acountYzm { width: 240px; float: left } .usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .acountYzm .in-txt { width: 235px } .usrLogin-pop .refreshIcon { width: 15px; height: 15px; background-position: -80px -40px; margin: 8px 0 0 9px; float: left; display: inline } .usrLogin-pop .logAutoRightCon { height: 16px; line-height: 16px; float: right } .usrLogin-pop .logAutoRightCon a { height: 20px; line-height: 20px; display: inline-block; vertical-align: middle; color: #699f00 } .usrLogin-pop .RegNowLine { width: 1px; height: 12px; background: #d6d6d6; margin: 0 9px; display: inline-block; vertical-align: middle } .usrLogin-pop .arrowUp { width: 10px; height: 6px; background-position: 0 -40px } .usrLogin-pop a:hover .arrowUp { width: 10px; height: 6px; background-position: -20px -40px; cursor: pointer } .usrLogin-pop .arrowDown { width: 10px; height: 6px; background-position: -40px -40px } .usrLogin-pop a:hover .arrowDown { width: 10px; height: 6px; background-position: -60px -40px; cursor: pointer } .usrLogin-pop .userLogin-title { width: 462px; height: 55px; background: url(../images/login_bg_2.png) no-repeat; border-radius: 5px 5px 0 0 } .usrLogin-pop .usrTxGeneral-box h2 { margin-left: 20px; background: 0; text-align: left; color: #fff; line-height: 55px; height: 55px; font-size: 16px } .usrLogin-pop .userLogin-title h2 { position: relative } .usrLogin-pop .userLogin-title .closeBtn { position: absolute; width: 13px; height: 13px; right: 10px; top: 10px; background-position: -220px -40px } .usrLogin-pop .userLogin-title a:hover.closeBtn { background-position: -240px -40px } .usrLogin-pop .itemregLast { width: 266px; height: 16px; line-height: 16px; margin-top: -11px } .usrLogin-pop .box_v3AddCode .itemregLast { margin-top: -4px } .usrLogin-pop .usrTxGeneral-box .tabs-regRorm .logAuto { height: 16px } .usrLogin-pop .usrTxGeneral-box .tabs-regRorm .logAuto a { color: #699f00 } .usrLogin-pop .divide-line-ico { color: #999; width: 266px; margin-top: 11px; position: relative; text-align: center } .usrLogin-pop .box_v3AddCode .divide-line-ico { margin-top: 9px } .usrLogin-pop .divide-line-ico a { color: #999 } .usrLogin-pop .divide-line-ico a:hover { color: #699f00 } .usrLogin-pop .divide-line-con { position: absolute; width: 266px; height: 14px; line-height: 14px; background: #fff; text-align: center; top: -6px; _top: -2px } .usrLogin-pop .arrowUpCon { _top: -5px } .usrLogin-pop .arrowUpCon .divide-line-con { top: 0; _top: 4px } .usrLogin-pop .otherBind-big { margin-top: 10px; *margin-top: 4px; padding-left: 0 } .usrLogin-pop .otherBind-big a { width: 26px; height: 26px; float: left; margin-right: 8px } .usrLogin-pop .otherBind-big .weibo { background-position: 0 0 } .usrLogin-pop .otherBind-big .qq { background-position: -40px 0 } .usrLogin-pop .otherBind-big .weixin { background-position: -80px 0 } .usrLogin-pop .otherBind-big .baidu { background-position: -120px 0 } .usrLogin-pop .otherBind-big .zhifubao { background-position: -160px 0 } .usrLogin-pop .otherBind-big .renren { background-position: -200px 0 } .usrLogin-pop .otherBind-big .xiaomi { background-position: -240px 0 } .usrLogin-pop .otherBind-big .jd { background-position: -280px 0; margin-right: 0 } .usrLogin-pop .usrTxGeneral-box .tabs-regRorm .pb0 { padding-bottom: 0 } .usrLogin-pop .usrTxGeneral-box_v3 .pwd-link { margin-top: 2px; text-align: right; display: inline } .usrLogin-pop .usrTxGeneral-box_v3 .pwd-link a { float: right; *margin-right: -14px } .usrLogin-pop .mr0 { margin-right: 0 } .usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm td.pb25 { padding-bottom: 25px } .usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm td.pb20 { padding-bottom: 20px } .usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm td.pb16 { padding-bottom: 16px } .usrLogin-pop .box_v3AddCode .tabs-regRorm td.pb16 { padding-bottom: 10px } .usrLogin-pop .pwd-link a { color: #699f00 } .usrLogin-pop .codeError, .usrLogin-pop .registered { float: left; color: #dd1006; margin-left: 6px } .usrLogin-pop .mod-passwordStrength { width: 50px; height: 32px; line-height: 14px; float: left; margin-left: 6px; _margin-top: -3px; display: inline } .usrLogin-pop .passwordStrength_blocks { width: 47px; float: left; height: 8px; padding: 2px 0; margin: 4px 0 0; overflow: hidden; border: 1px solid #ddd; display: none } .usrLogin-pop .mod-passwordStrength .strengthResult_1, .usrLogin-pop .mod-passwordStrength .strengthResult_2, .usrLogin-pop .mod-passwordStrength .strengthResult_3 { display: none } .usrLogin-pop .passwordStrength_level1 .passwordStrength_blocks, .usrLogin-pop .passwordStrength_level1 .strengthResult_1, .usrLogin-pop .passwordStrength_level2 .passwordStrength_blocks, .usrLogin-pop .passwordStrength_level2 .strengthResult_2, .usrLogin-pop .passwordStrength_level3 .passwordStrength_blocks, .usrLogin-pop .passwordStrength_level3 .strengthResult_3 { display: block } .usrLogin-pop .strengthBlock_1, .usrLogin-pop .strengthBlock_2, .usrLogin-pop .strengthBlock_3 { display: none; width: 13px; height: 8px; margin: 0 0 0 2px; float: left } .usrLogin-pop .passwordStrength_level1 .strengthBlock_1, .usrLogin-pop .passwordStrength_level2 .strengthBlock_1, .usrLogin-pop .passwordStrength_level2 .strengthBlock_2, .usrLogin-pop .passwordStrength_level3 .strengthBlock_1, .usrLogin-pop .passwordStrength_level3 .strengthBlock_2, .usrLogin-pop .passwordStrength_level3 .strengthBlock_3 { display: block } .usrLogin-pop .box_active .logReg-form { width: 266px; border-right: 1px solid #e2e2e2; padding-left: 10px; margin-right: 10px } .usrLogin-pop .box_active .login_submitV3 a.submitV3Btn { width: 200px } .usrLogin-pop .iqyNav-code { padding: 23px 55px; background: #fff; border-radius: 0 0 5px 5px; height: 226px; text-align: left; overflow: hidden } .usrLogin-pop .emailActivation { padding: 30px 15px 0 0 } .usrLogin-pop .emailActivation_q { padding-top: 30px } .usrLogin-pop .regSuccessBox .logReg-form { padding-left: 0; width: 100% } .usrLogin-pop .regSuccessBox .emailActivation { padding: 60px 0 0 } .usrLogin-pop .regSuccessBox .emailActivation .eA_title { margin-bottom: 0 } .usrLogin-pop .regSuccessBox .emailActivation .eA_title .fs24 { font-size: 24px } .usrLogin-pop .regSuccessBox .emailActivation .eA_content { position: relative; height: 30px; text-align: center } .usrLogin-pop .regSuccessBox .emailActivation .eA_content p { position: absolute; top: -5px; left: 195px } .usrLogin-pop .regSuccessBox .emailActivation .eA_content p span { color: #699f00 } .usrLogin-pop .usrTxGeneral-box a:hover { text-decoration: none } .usrLogin-pop .usrTxGeneral-box_v3 .login_submitV3 a.submit-gray, .usrLogin-pop .usrTxGeneral-box_v3 .login_submitV3 a.submit-gray:active, .usrLogin-pop .usrTxGeneral-box_v3 .login_submitV3 a.submit-gray:hover { background: #b1b1b1; cursor: default } .usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .txt190 { width: 190px } .usrLogin-pop .usrTxGeneral-box_v3 .tabs-regRorm .txt170 { width: 170px } .usrLogin-pop .usrTxGeneral-box .usrTxGeneral-box_v3 { padding: 0; height: 272px; overflow: inherit } .usrLogin-pop .topNav_user .usrTxGeneral-box a:hover { text-decoration: none } .usrLogin-pop .otherBind-big .weibo:hover { background-position: 0 0 } .usrLogin-pop .otherBind-big .qq:hover { background-position: -40px 0 } .usrLogin-pop .otherBind-big .weixin:hover { background-position: -80px 0 } .usrLogin-pop .otherBind-big .baidu:hover { background-position: -120px 0 } .usrLogin-pop .otherBind-big .zhifubao:hover { background-position: -160px 0 } .usrLogin-pop .otherBind-big .renren:hover { background-position: -200px 0 } .usrLogin-pop .otherBind-big .xiaomi:hover { background-position: -240px 0 } .usrLogin-pop .otherBind-big .jd:hover { background-position: -280px 0; margin-right: 0 } .usrLogin-pop .mobileLoginBox { height: 368px } .usrLogin-pop .mobileLoginBox .usrTxGeneral-box_v3 { height: 313px; border-radius: 0 0 5px 5px } .usrLogin-pop .mobileLoginBox .tabs-regRorm .acountYzm { width: 107px } .usrLogin-pop .mobileLoginBox .tabs-regRorm .acountYzm .in-txt { width: 102px } .usrLogin-pop .mobileLoginBox .yzmPicBox { width: 103px; height: 30px; border: 1px solid #d6d6d6; margin: 0 10px } .usrLogin-pop .mobileLoginBox .yzimg { position: static } .usrLogin-pop .mobileLoginBox .yzimg img { height: 30px } .usrLogin-pop .mobileLoginBox .refreshContent { width: 30px; height: 30px; border: 1px solid #d6d6d6; float: left } .usrLogin-pop .mobileLoginBox a:hover.refreshContent { border: 1px solid #68bf0d; background: #68bf0d } .usrLogin-pop .mobileLoginBox .refreshIcon { margin: 8px 0 0 7px } .usrLogin-pop .mobileLoginBox a:hover .refreshIcon { background-position: -200px -40px } .usrLogin-pop .mobileLoginBox .in-xline { width: 0 } .freeYzmGetBox { width: 264px; height: 30px; border: 1px solid #d6d6d6; position: relative; background: #fff; text-align: left } .pop-login-txt .loginIcon { background: url(../images/thirdloginicon_2.png) no-repeat; display: inline-block; vertical-align: middle } .pop-login-txt .acountYzm { width: 130px; height: 34px; float: left } .freeYzmGetBox .in-txt, .pop-login-txt .freeYzmGetBox .in-txt { width: 114px; height: 16px; line-height: 16px; color: #333; padding: 7px; font-size: 14px; outline: 0 } .pop-login-txt .acountYzm .in-txt { width: 114px; height: 18px; line-height: 18px; color: #333; padding: 7px; border: 1px solid #d6d6d6; font-size: 14px; outline: 0 } .pop-login-txt .yzmPicBox { width: 103px; height: 32px; border: 1px solid #d6d6d6; margin: 0 14px 0 13px; float: left; display: inline-block } .pop-login-txt .yzimg { position: static } .pop-login-txt .yzimg img { width: 103px; height: 32px; display: inline-block } .pop-login-txt .refreshContent { width: 32px; height: 32px; border: 1px solid #d6d6d6; display: inline-block; vertical-align: middle } .pop-login-txt .refreshIcon { width: 15px; height: 15px; background-position: -80px -40px; margin: 9px 0 0 8px; float: left; display: inline } .pop-login-txt a:hover.refreshContent { border: 1px solid #68bf0d; background: #68bf0d } .pop-login-txt a:hover .refreshIcon { background-position: -200px -40px } .pop-login-txt .freeYzmGetBox { width: 294px; height: 32px; position: relative; background: #fff; text-align: left } .pop-login-txt .freeYzmGetBox .in-txt { width: 279px; height: 18px; line-height: 18px } .pop-login-txt .free-yzm-get { position: absolute; right: 10px; top: 7px } .pop-login-txt .free-yzm-get a, .pop-login-txt .free-yzm-get a:hover { color: #699f00; text-decoration: none } .pop-login-from-box { height: 494px } .negmt5 { margin-top: -8px } .pop-login-txt .pop-login-wh1 { height: 18px; line-height: 18px; padding: 7px; width: 280px; border: 0; float: left; outline: 0 } .phone-pop-playPage { width: 512px; height: 446px; background: #fff; padding-bottom: 20px; border-radius: 4px } .phone-pop-playPage .bd { margin-top: -10px } .phone-pop-playPage .hd { background: url(../images/phone-pop-hypicbg-5_2.png) no-repeat; width: 512px; height: 173px } .phone-pop-playPage .pop-closeBtn { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0; color: #fff; font-family: tahoma, Helvetica, Arial, sans-serif; font-size: 26px; line-height: 20px; float: right; padding: 5px 7px 0 0 } .phone-pop-playPage .pop-closeBtn:hover { color: #539a8b; text-decoration: none } .phone-pop-playPage .usrTx-box_popup { width: 512px } .phone-pop-playPage .usrTxGeneral-box_v3 { width: 512px; border: 0 } .phone-pop-playPage .usrTxGeneral-box_v3 .tabs-regRorm { width: 316px } .phone-pop-playPage .usrTxGeneral-box_v3 .logReg-form { padding-left: 73px; margin-top: -10px } .phone-pop-playPage .usrTxGeneral-box_v3 .mailType-box-login { top: 228px; left: 123px } .usrLogin-pop-star .usrTx-box_popup { height: 443px } .usrLogin-pop-star .userLogin-title-star { background: url(../images/login-pop-star_2.png) no-repeat; _background: url(../images/login-pop-star-ie6_2.jpg) no-repeat; width: 462px; height: 170px; position: relative } .usrLogin-pop-star .userLogin-title-star .closeBtnVip { background: url(../images/pop-star-close_2.png) no-repeat; _background: url(../images/pop-star-close_2.png) no-repeat 0 -28px; width: 13px; height: 13px; display: block; position: absolute; right: 17px; _right: 14px; top: 70px; _top: 15px } .usrLogin-pop-star .userLogin-title-star .closeBtnVip:hover { background-position: 0 -14px; _background-position: 0 -42px } .usrLogin-pop-star .mobileLoginBox { height: 484px } .usrLogin-pop-check-mobile .usrTxGeneral-box_v3 .tabs-regRorm td { padding-bottom: 15px } .usrLogin-pop-check-mobile .usrTxGeneral-box_v3 .errorArea { margin-top: 24px } .usrLogin-pop-check-mobile .usrTxGeneral-box_v3 .yzimg { right: 0 } .usrLogin-pop-check-mobile .check-successed { width: 46px; height: 46px; margin-top: 40px; background-position: -268px -100px } .usrLogin-pop-check-mobile .check-failed { width: 46px; height: 46px; margin-top: 40px; background-position: -220px -100px } .usrLogin-pop-check-mobile .check-successed-txt { font-size: 12px; color: #000; text-align: center; margin-bottom: 15px } .usrLogin-pop-check-mobile .check-failed-txt { font-size: 12px; color: #e60012; text-align: center; margin: -10px 0 10px 0; line-height: 22px } .usrLogin-pop-check-mobile .check-txt-note { font-size: 10px; text-align: center; color: #999; margin-top: -10px } .qyvr1 { background: url(../images/vip-grow-rank1_2.png) no-repeat; _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank1.png') } .qyvr2 { background: url(../images/vip-grow-rank2_2.png) no-repeat; _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank2.png') } .qyvr3 { background: url(../images/vip-grow-rank3_2.png) no-repeat; _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank3.png') } .qyvr4 { background: url(../images/vip-grow-rank4_2.png) no-repeat; _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank4.png') } .qyvr5 { background: url(../images/vip-grow-rank5_2.png) no-repeat; _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank5.png') } .qyvr6 { background: url(../images/vip-grow-rank6_2.png) no-repeat; _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank6.png') } .qyvr7 { background: url(../images/vip-grow-rank7_2.png) no-repeat; _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vip-grow-rank7.png') } .qyvr-gray { background: url(../images/vg-gray-rank_2.png) no-repeat; _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank.png') } .qyvr-gray1 { background: url(../images/vg-gray-rank1_2.png) no-repeat; _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank1.png') } .qyvr-gray2 { background: url(../images/vg-gray-rank2_2.png) no-repeat; _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank2.png') } .qyvr-gray3 { background: url(../images/vg-gray-rank3_2.png) no-repeat; _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank3.png') } .qyvr-gray4 { background: url(../images/vg-gray-rank4_2.png) no-repeat; _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank4.png') } .qyvr-gray5 { background: url(../images/vg-gray-rank5_2.png) no-repeat; _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank5.png') } .qyvr-gray6 { background: url(../images/vg-gray-rank6_2.png) no-repeat; _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src='//www.iqiyipic.com/common/fix/vip-grow/vg-gray-rank6.png') } .qyvr-gray7 { background: url(../images/vg-gray-rank7_2.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; text-decoration: none } a:hover { color: #1cdd74; text-decoration: none } a.disabled, a.disabled:hover { text-decoration: none; color: #999; cursor: default } .dn { display: none !important } .db { display: block } .pr { position: relative } .fl { float: left } .fr { float: right } .clear { clear: both } .clearfix:after { content: \0020; display: block; height: 0; clear: both; font-size: 0; visibility: hidden } .clearfix { *zoom: 1; overflow: hidden } .mt20 { margin-top: 20px !important } .mb15 { margin-bottom: 15px !important } .mb20 { margin-bottom: 20px !important } .mb30 { margin-bottom: 30px !important } .mt30 { margin-top: 30px !important } .mt40 { margin-top: 40px !important } .mb40 { margin-bottom: 40px !important } .blue { color: #3e8acb !important } .mod-wrapper { width: 100%; min-width: 980px } .mod-con { width: 1180px; margin: 0 auto } .top { width: 100%; height: 16px; padding: 6px 0; overflow: hidden } .link-iqiyi i { display: inline-block; width: 20px; height: 16px; margin-right: 8px; background: url(../images/iqiyi-logo_2.png) no-repeat } .link-pps i { display: inline-block; width: 16px; height: 16px; margin: 0 8px 0 15px; background: url(../images/pps-logo_2.png) no-repeat } .link-iqiyi em, .link-pps em { display: inline-block; padding-right: 15px; line-height: 14px; vertical-align: 3px } .top .fr a { display: inline-block; padding-left: 10px; margin-left: 10px; border-left: 1px solid #e1e1e1; line-height: 14px; vertical-align: 3px } .top .fr a:first-child { border-left: none } .userName em { display: inline-block; max-width: 58px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top } .top .fr .signOut { vertical-align: top } .qyv-rank { display: inline-block; width: 22px; height: 16px; margin-left: 2px; position: relative; top: -1px } .lit-nav { height: 68px; background-color: #1cdd74; box-shadow: 0 2px 12px #1cdd74 } .nav-fixed { position: fixed; top: 0; left: 0; z-index: 10; background: #1cdd74; transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0) } .lit-logo { display: inline-block; width: 40px; height: 39px; background: url(../images/img-cartoon_2.png) no-repeat 0 0; margin-top: 18px } .lit-logo-meta { display: inline-block; width: 109px; height: 23px; background: url(../images/img-cartoon_2.png) no-repeat -40px 0; margin-bottom: 8px; margin-right: 70px } .nav-con { width: 530px; margin-top: 13px; position: relative } .nav-list { margin-left: -26px; font-family: Microsoft Yahei } .nav-list li { float: left; margin-left: 39px } .nav-list li a { position: relative; font-size: 18px; line-height: 42px; color: #fff } .nav-list li.selected a:after, .nav-list li:hover a:after { content: ""; position: absolute; left: 50%; bottom: -7px; margin-left: -9px; width: 18px; height: 4px; background-color: #1cdd74; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .nav-list li .app-download-icon { display: inline-flex; height: 24px; padding: 4px 12px 4px 24px; justify-content: center; align-items: center; border-radius: 8px; background: #000; cursor: pointer; color: #FFF; font-size: 16px; font-weight: 900; line-height: 20px; text-align: center; position: relative; margin-left: 24px; margin-top: 5px; } .nav-list li .app-download-icon img { position: absolute; top: -4px; left: -20px; } .searchBox { position: relative; width: 220px; height: 27px; margin-top: 20px; -moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px; overflow: hidden } .searchInput { position: absolute; top: 0; left: 0; width: 180px; height: 27px; padding: 0 34px 0 14px; background-color: #f7f7f7; line-height: 27px; font-size: 12px; color: #999; border: 0; outline: 0; box-sizing: initial } .searchInput:focus { background-color: #fff } .searchBtn { position: absolute; top: 0; right: 0; width: 16px; height: 14px; background: url(../images/search_2.png) no-repeat center center; padding: 6px 11px 7px 6px; cursor: pointer } .ser-list { position: absolute; top: 57px; left: 4px; z-index: 10; width: 210px; border-radius: 4px; box-shadow: 0 1px 12px 0 rgba(221, 221, 221, .4); overflow: hidden } .ser-list li a { display: block; width: 100%; height: 30px; padding: 0 13px; background-color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 30px; color: #333; font-size: 14px } .ser-list li a:hover, .ser-list li.selected a { color: #151515; background-color: #daf5e5 } .ser-list .ser-num { font-style: italic; color: #aaa; display: inline-block; margin-right: 15px; width: 16px; text-align: center } .ser-list .top-three { color: #1cdd74 } .breadCrumbNav { margin-left: -5px } .breadCrumbNav a { margin: 0 5px } .breadCrumbNav a:last-child { cursor: default; color: #333 } .reader-main .breadCrumbNav a { color: #999; cursor: pointer } .reader-main .breadCrumbNav a:hover { color: #53b54f } .header-wrapper { width: 100%; min-width: 1180px; height: 68px; position: relative; overflow: hidden; } .phone-see-con:after { content: ""; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #fff; position: absolute; top: -9px; left: 200px } .phone-see-ercode { width: 422px; height: 329px } .footerN1214 { width: 100%; margin: 50px auto 0; padding-bottom: 32px; border-top: 1px solid #f0f0f0; overflow: hidden; line-height: 20px; text-align: center; font-family: "微软雅黑"; color: #666; font-size: 12px; background-color: #f8f8f8 } .footerN1214 a.link0 { color: #999 } .footerN1214 a.link0:hover { color: #53b54f } .footerN1214 .footmenu { padding: 36px 0 6px; clear: both; margin-bottom: 10px; } .footerN1214 .footmenu a { padding: 0 8px 0 10px; background: url(../images/footerline1214_2.png) no-repeat left 3px } .footerN1214 .footmenu a.s1 { background: 0 } .footerN1214 .fEn { color: #999 } .fEn .author-email { font-size: 16px; margin-left: 10px; } .coopLinkBg { background-color: #fcfcfc } .coopLink { padding-bottom: 28px; border-bottom: 1px solid #e6e6e6 } .coopLink-tit { padding: 50px 0 18px; text-align: left; font-size: 20px; line-height: 22px; color: #333 } .coopLink-list { width: 755px; border-bottom: 1px solid #efefef; border-right: 1px solid #efefef } .coopLink-list li { position: relative; float: left; width: 150px; height: 48px; line-height: 48px; border-top: 1px solid #efefef; border-left: 1px solid #efefef; background-color: #fff } .coop-business li { float: left } .coop-ewm { width: 148px } .coop-ewm .coop-ewcode { display: block; width: 106px; height: 106px; padding: 10px; background: #fff url(../images/cartoon-top_2.png) no-repeat 9px 10px; border: 1px solid #efefef } .coop-ewm p { line-height: 32px; text-align: left; font-size: 14px; color: #999 } .coop-ewm p em { margin-left: 4px; color: #333 } .coop-contacts { height: 60px; margin-top: 36px } .coop-contacts p { text-align: left; line-height: 24px; font-size: 16px; color: #666 } .coop-contacts p + p { margin-top: 5px; color: #999; font-size: 14px } .vip_rec_pop a:hover { text-decoration: none } .vip_rec_pop { border-bottom: 1px solid #eee; border-top: 2px solid #7ab700; width: 288px; background: #eee; padding: 0 1px } .vip_rec_main { padding: 0 14px; overflow: hidden; _zoom: 1; background: #fff } .vip_rec_main_inner_closeBtn { position: absolute; right: 14px; top: 10px } .vip_rec_close { background: url(../images/vipclobtn_2.png) no-repeat; width: 14px; height: 14px; display: block; text-indent: -999em; overflow: hidden } .vip_rec_close:hover { background-position: 0 -15px } .vip_rec_hd { border-bottom: 1px solid #eee; height: 35px } .vip_rec_hd h2 { color: #7ab700; font-size: 18px; line-height: 35px; width: 95%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .vip_rec_bd { padding-bottom: 24px } .vip_rec_lt { float: left; margin-right: 18px; width: 112px; height: 149px } .vip_rec_lt img { display: block; width: 100%; height: 100% } .vip_rec_rt { overflow: hidden; height: 149px; font-size: 12px } .vip_rec_rt p { line-height: 20px; padding: 8px 0 0 } .look_xq { position: absolute; bottom: 25px; left: 145px } .look_xq a, .vip_pop_btn1 a, .vip_pop_btn2 a { background: #93c52e; border-bottom: 2px solid #7ab700; height: 28px; line-height: 28px; display: block; text-align: center; color: #fff; font-size: 14px } .look_xq a:hover, .vip_pop_btn1 a:hover, .vip_pop_btn2 a:hover { background: #7ab700; color: #fff } .look_xq a { width: 120px } .vip_pop_btn1 a { width: 115px; float: left } .vip_pop_btn2 a { width: 150px; float: left; display: inline; margin-left: 55px } .vip_rec_bd_more { margin-bottom: 7px } .vip_rec_bd_more .vip_rec_lt { float: left; margin-right: 10px; width: 145px; height: 90px } .vip_rec_bd_more .vip_rec_rt { height: 90px } .vip_rec_bd_more .vip_rec_rt p { padding: 0; line-height: 22px; margin-top: -2px } .vip_rec_bd_more .vip_rec_rt p a { font-size: 14px } .vip_rec_more_dec01, .vip_rec_more_dec02 { line-height: 24px } .vip_rec_item { margin-top: 14px; padding-bottom: 5px; border-bottom: 1px solid #eee; font-size: 12px } .vip_rec_item span { margin-right: 5px; display: inline-block; vertical-align: middle } .vip_rec_item li { padding: 3px 0 } .vip_rec_item a { width: 207px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle } .vip_rec_fd { padding: 8px 0 } .vip_rec_fd .green { color: #6a9e1b } .vip_rec_fd .more_rec_lt { float: left; width: 120px } .vip_rec_fd .rec_set { float: right } .icon-recset { background-position: -160px -500px; width: 12px; height: 13px; vertical-align: middle } .vip_rec_pop .vip_rec_b { position: absolute; bottom: -3px; left: 0; background: #dbdbdb; height: 2px; width: 290px; overflow: hidden } .vip_rec_img { width: 260px; height: 90px; overflow: hidden; position: relative } .vip_rec_img_title { position: absolute; top: 66px; left: 0; width: 250px; height: 20px; line-height: 20px; padding: 2px 5px; cursor: pointer; color: #fff; background: rgba(0, 0, 0, .6); _filter: progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#8000, endcolorstr=#8000) } .vip_rec_img_title .vip_rec_img_left { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 200px } .vip_rec_pop_wrapper .mt15 { margin-top: 20px } .vip_rec_pop_wrapper .vip_rec_hd h2 { color: #fd7822 } .vip_rec_pop_wrapper .vip_rec_bd { line-height: 24px } .vip_rec_pop_wrapper .vip_pop_btn1 a { width: 150px } .vip_rec_pop_wrapper a.ml30 { width: 90px; margin-left: 20px } .vip_rec_pop_wrapper .vip_rec_bd .f14 a { color: #7ab700 } .qypage-1380 .yijiandyTopWrap { width: 1180px } .baseScrollBar0217 { position: fixed; _position: absolute; right: 30px; bottom: 110px; width: 48px; z-index: 1000 } .baseScrollBar0217_menus li { margin-top: 10px } .baseScrollBar0217_menus li a { display: inline-block; width: 48px; font-size: 12px; color: #666; text-align: center; text-decoration: none } .baseScrollBar0217_menus li a span { color: #666 } .baseScrollBar0217_menus li a:visited { color: #666; text-decoration: none } .baseScrollBar0217_menus li a:hover { color: #6cc900; text-decoration: none } .baseScrollBar0217_menus li a:hover span { color: #6cc900 } .baseScrollBar0217_menus .baseToTop-icon, .baseScrollBar0217_menus .helpFeedback-icon, .baseScrollBar0217_menus .mySpace-icon, .baseScrollBar0217_menus .reportBar-icon, .baseScrollBar0217_menus .smallWindow-icon { position: relative; display: block; margin: 0 auto; margin-bottom: 4px; width: 42px; height: 42px; background-image: url(../images/basescrollbarv4_20170217_2.png); cursor: pointer } .baseScrollBar0217_menus .baseToTop-icon { _background: 0; background-position: 0 -20px } .baseScrollBar0217_menus .baseToTop:hover .baseToTop-icon { _background: 0; background-position: -60px -20px } .baseScrollBar0217_menus .helpFeedback-icon { _background: 0; background-position: 0 -80px } .baseScrollBar0217_menus .helpFeedback:hover .helpFeedback-icon { _background: 0; background-position: -60px -80px } .baseScrollBar0217_menus .smallWindow-icon { _background: 0; background-position: 0 -140px } .baseScrollBar0217_menus .smallWindow:hover .smallWindow-icon { _background: 0; background-position: -60px -140px } .baseScrollBar0217_menus .reportBar-icon { _background: 0; background-position: 0 -200px } .baseScrollBar0217_menus .reportBar:hover .reportBar-icon { _background: 0; background-position: -60px -200px } .baseScrollBar0217_menus .mySpace-icon { _background: 0; background-position: 0 -260px } .baseScrollBar0217_menus .mySpace:hover .mySpace-icon { _background: 0; background-position: -60px -260px } .baseScrollBar0217_menus .helpFeedback:hover .helpFeedback-icon:after, .baseScrollBar0217_menus .smallWindow:hover .smallWindow-icon:after { right: 0; top: 20px } .baseScrollBar0217_menus .baseToTop:hover .baseToTop-icon:after { left: 10px; bottom: 24px; transform: rotate(-135deg) } .baseScrollBar0217_menus .baseToTop:hover .baseToTop-icon:after, .baseScrollBar0217_menus .helpFeedback:hover .helpFeedback-icon:after, .baseScrollBar0217_menus .smallWindow:hover .smallWindow-icon:after { content: ""; position: absolute; display: inline-block; width: 0; height: 0; animation: baseScrollBar-angel .1s ease-in-out both; background: url(../images/basescrollbarv4_angel135_2.png) no-repeat -20px -20px } @keyframes baseScrollBar-angel { from { height: 0; width: 0 } to { height: 22px; width: 22px } } .banner { width: 1180px; height: 384px; margin: 20px auto; position: relative } .banner-cartoon1-left { width: 460px; height: 380px; float: left; overflow: hidden } .banner-cartoon1-right { width: 720px; float: left; overflow: hidden } .link-banner { display: inline-block; width: 100%; height: 100%; position: relative; float: left; background-color: #ccc; overflow: hidden } .link-banner img { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s } .link-banner:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1) } .banner-metas { position: absolute; bottom: 8px; left: 2px; color: #fff; font-size: 16px } .banner-cartoon1-rb, .banner-cartoon1-rt, .banner-cartoon2-rb, .banner-cartoon2-rt { height: 188px } .banner-cartoon1-rt, .banner-cartoon2-rt { margin-bottom: 4px } .banner-cartoon1-rb .link-banner, .banner-cartoon1-rt .link-banner { margin-left: 4px } .banner-cartoon2-rb .link-banner, .banner-cartoon2-rt .link-banner { margin-right: 4px } .link-banner-rbr, .link-banner-rtl { width: 296px } .link-banner-rbl, .link-banner-rtr { width: 416px } .banner-cartoon3-left { width: 100%; height: 380px; float: left; overflow: hidden } .banner-cartoon3-left .link-banner { width: 292px } .banner-cartoon3-left .link-banner-rt { margin-left: 4px } .j-control-b, .j-control-r, .j-control-y { width: 393.333333333px; height: 4px; float: left } .j-control-y { background-color: #ffe534 } .j-control-b { background-color: #448f90 } .j-control-r { background-color: #99446a } .banner-static { height: 88px; border-radius: 8px; overflow: hidden; margin-bottom: 36px } .banner-next, .banner-prev { width: 30px; height: 80px; line-height: 80px; text-align: center; color: #666; position: absolute; top: 50%; margin-top: -40px; -webkit-transition: all .3s; transition: all .3s; background-color: #fff; opacity: .7; filter: alpha(opacity=70) } .banner-prev { left: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .banner-next { right: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .link-banner:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 84%, rgba(0, 0, 0, .35) 100%); background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 84%, rgba(0, 0, 0, .35) 100%) } .not-support-css3 .link-banner:hover img { width: 110%; margin-left: -5%; margin-top: -5% } .slider { width: 380px; height: 248px; margin-top: 24px; position: relative } .j-slider { width: 100%; height: 100%; position: relative } .slider-item { width: 100%; height: 100%; position: relative; border-radius: 14px; overflow: hidden } .silder-meta { position: absolute; left: 6px; bottom: 6px; font-size: 16px; color: #fff } .slider-control { position: absolute; right: 16px; bottom: 12px } .control-item { width: 8px; height: 8px; border-radius: 50%; background-color: #fff; float: left; cursor: pointer; margin: 0 4px } .control-item.selected { background-color: #1cdd74 } .slider-next, .slider-prev { width: 25px; height: 60px; line-height: 60px; text-align: center; color: #666; position: absolute; top: 50%; margin-top: -30px; -webkit-transition: all .3s; transition: all .3s; background-color: #fff; opacity: .7; filter: alpha(opacity=70) } .slider-prev { left: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .slider-next { right: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .arrow-next, .arrow-prev { width: 10px; height: 16px; background: url(../images/img-cartoon_2.png); display: inline-block; vertical-align: middle } .arrow-prev { background-position: -305px 0 } .arrow-next { background-position: -324px 0 } .slider-b { width: 380px; height: 144px; margin-top: 20px; border-radius: 14px; overflow: hidden; position: relative; background-color: #ccc } .slider-b a:after, .slider-item a:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 80%, rgba(0, 0, 0, .35) 100%); background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 80%, rgba(0, 0, 0, .35) 100%); border-radius: 14px; overflow: hidden } .category { height: 48px; line-height: 48px; border: 1px solid #f9f9f9; color: #333; font-size: 16px; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 5px; margin-bottom: 5px; box-shadow: 1px 1px 2px #f9f9f9 } .category .category-item { margin-left: 22px; float: left } .category .category-item:hover { color: #1cdd74 } .category .active, .category .last-all { color: #1cdd74 } .category .active:hover, .category .last-all:hover { text-decoration: underline } .category .last-all { float: right; margin-right: 22px } .category .icon-last-all { display: inline-block; width: 22px; height: 22px; margin-left: 10px; vertical-align: middle; background: url(../images/img-cartoon_2.png) no-repeat -340px 0 } .hot-recomm { overflow: hidden } .mod-main { width: 100%; margin-right: 400px } .mod-side { width: 360px; margin-left: -400px; padding-left: 20px } .mod-side-p { padding-left: 40px } .cartoon-title { height: 34px; margin-bottom: -6px; overflow: hidden } .cartoon-title .title-icon { float: left } .cartoon-title .icon-ti { width: 43px; height: 34px; display: inline-block; float: left; background: url(../images/img-cartoon_2.png) no-repeat; cursor: default } .cartoon-title .icon-ti-hotre { background-position: 0 -160px } .cartoon-title .icon-ti-update { background-position: -45px -160px } .cartoon-title .icon-ti-only { background-position: -90px -160px } .cartoon-title .icon-ti-special { background-position: -135px -160px } .cartoon-title .icon-ti-vip { background-position: -180px -170px } .cartoon-title .icon-ti-new { background-position: -225px -170px } .cartoon-title .icon-ti-original { background-position: -270px -170px } .cartoon-title .icon-ti-boy { background-position: -325px -160px } .cartoon-title .icon-ti-girl { background-position: -405px -160px } .cartoon-main-title { font-size: 24px; color: #333; margin-right: 10px; cursor: default } .cartoon-sub-title { font-size: 16px; color: #999; cursor: default } .cartoon-title .link-more { float: right; color: #666; font-size: 16px; margin-top: 10px } .cartoon-title .link-more:hover { color: #1cdd74 } .cartoon-title .link-more .icon-more-a { width: 8px; height: 13px; display: inline-block; background: url(../images/img-cartoon_2.png) no-repeat -390px 0; margin-left: 4px } .cartoon-title .link-more:hover .icon-more-a { background: url(../images/morear_hover_2.png) no-repeat 0 0 } .cartoon-hot-ul { margin-left: -20px; margin-bottom: 36px; overflow: hidden; clear: both } .cartoon-hot-list { width: 180px; margin: 24px 0 0 20px; float: left; position: relative } .cartoon-classify-ul .cartoon-hot-list { height: 334px } .cartoon-cover { width: 180px; height: 248px; display: inline-block; border-radius: 10px; overflow: hidden; background: #ccc } .cartoon-cover img, .slider-b img, .slider-item img { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s } .cartoon-cover:hover img, .slider-b:hover img, .slider-item:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1) } .cartoon-item-tit { color: #333; font-size: 16px; display: block; margin-top: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .cartoon-item-about { width: 180px; color: #aaa; font-size: 14px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .cartoon-classify-ul .cartoon-item-tit { color: #4a4a4a; font-weight: 700 } .cartoon-classify-ul .cartoon-item-tit:hover { color: #1cdd74 } .cartoon-classify-ul .cartoon-item-about { color: #9b9b9b; height: 24px; line-height: 24px } .cartoon-classify-ul .cartoon-item-pop { color: #aaa; font-size: 14px } .cartoon-item-pop .pop-num { display: inline-block; margin-left: 4px } .cartoon-item-about:hover { color: #aaa } .date-update-con { margin-left: 110px; padding-top: 8px } .date-update { font-size: 14px; color: #666; margin-left: 13px; float: left; padding: 0 6px; border-radius: 12px } .date-update.selected, .date-update:hover { color: #fff; background-color: #1cdd74 } .cartoon-title-update .link-more { margin-top: 2px } .cartoon-discount, .cartoon-first, .cartoon-vip { position: absolute; top: 0; right: 0; width: 45px; height: 24px; line-height: 24px; background: url(../images/img-cartoon_2.png); color: #fff; font-size: 16px; text-align: center } .cartoon-vip { background-position: -50px -80px } .cartoon-discount { background-position: -105px -80px } .cartoon-first { background-position: 0 -80px } .cartoon-discount:hover, .cartoon-first:hover, .cartoon-update-h:hover, .cartoon-vip:hover { color: #fff } .cartoon-update-h { position: absolute; top: 222px; left: 6px; padding: 0 4px; height: 20px; line-height: 20px; background-color: rgba(0, 0, 0, .6); color: #fff; font-size: 14px; text-align: center; border-radius: 4px } .cartoon-top { width: 70px; height: 71px; display: none; position: fixed; right: 100px; bottom: 180px; background: url(../images/cartoon-top_2.png) -120px 0; transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0) } .not-support-css3 .cartoon-cover:hover img, .not-support-css3 .slider-b:hover img, .not-support-css3 .slider-item:hover img { width: 110%; margin-left: -5%; margin-top: -5% } .cartoon-title-p { overflow: visible } .nav-billborad { float: right; margin-top: 6px } .nav-billborad li { font-size: 16px; float: left; margin-left: 16px } .nav-billborad li a { position: relative } .nav-billborad li a:hover, .nav-billborad li.selected a { color: #1cdd74 } .nav-billborad li.selected a:after, .nav-billborad li:hover a:after { content: ""; position: absolute; left: 50%; bottom: -7px; margin-left: -9px; width: 18px; height: 4px; background-color: #1cdd74; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px } .rank-container { clear: both } .rank-cover { display: inline-block; width: 144px; height: 200px; border-radius: 10px; overflow: hidden } .spread-con { position: relative } .spread-info { width: 178px; height: 200px; display: inline-block; vertical-align: top; margin-left: 5px } .rank-item-logo { width: 20px; height: 20px; line-height: 20px; display: inline-block; background-color: #c3c8cc; color: #fff; border-radius: 4px; text-align: center; vertical-align: top } .first .rank-item-logo, .second .rank-item-logo, .third .rank-item-logo { width: 22px; height: 27px; line-height: 27px; vertical-align: top; background: url(../images/img-cartoon_2.png) no-repeat } .first .rank-item-logo { background-position: 0 -120px } .second .rank-item-logo { background-position: -30px -120px } .third .rank-item-logo { background-position: -60px -120px } .popular-tit { display: inline-block; margin-left: 8px } .rank-list { font-size: 16px; color: #333; padding-top: 16px } .spread-tit { margin-top: 10px; margin-bottom: 2px } .spread-details { font-size: 14px; color: #999; line-height: 32px; overflow: hidden; text-overflow: ellipsis; } .spread-update { margin-left: 4px; color: #1cdd74 } .spread-update:hover { text-decoration: underline } .icon-popular { margin-top: 3px; width: 15px; height: 17px; display: inline-block; background: url(../images/img-cartoon_2.png) no-repeat -89px -120px; float: left } .spread-popular { margin-top: 1px } .popular-val { color: #ccc; font-size: 14px } .spread-popular .popular-val { color: #999 } .rank-list li { margin-bottom: 21px; width: 100% } .rank-list .spread-item { height: 200px; margin-bottom: 24px } .rank .min-con { display: block } .rank .spread-item .min-con { display: none } .rank .spread-con { display: none } .rank .spread-item .spread-con { display: block } .hot-see { border: 1px solid #1cdd74; border-radius: 8px; clear: both; overflow: hidden; margin: 0 auto 36px } .hot-see-l { background: #ff7070; width: 78px; padding: 16px 0; float: left; position: relative } .hot-see-r { background: #fffdfd url(../images/hot-see-bg_2.png) no-repeat left bottom; width: 1100px; padding: 12px 0; float: left } .hot-see-item { width: 210px; height: 26px; line-height: 26px; font-size: 14px; color: #333; margin-left: 6px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .icon-rabbit { width: 22px; height: 24px; position: absolute; left: 0; bottom: 0; background: url(../images/img-cartoon_2.png) -270px 0 } .hot-see-con1 { background: url(../images/img-cartoon_2.png) -220px 0; width: 38px; height: 19px; margin: 0 auto } .hot-see-con2 { background: url(../images/img-cartoon_2.png) 0 0; width: 44px; height: 46px; margin: 0 auto } .time-container { font-size: 16px; margin-top: 6px } .time-con { color: #1cdd74; font-size: 0; margin-left: 4px } .icon-time { color: #fff; font-size: 16px; text-align: center; width: 25px; height: 28px; display: inline-block; background: url(../images/img-cartoon_2.png) no-repeat -155px -80px } .time-colon { font-size: 16px; text-align: center; width: 12px; height: 24px; display: inline-block }