@charset "UTF-8";body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; }fieldset, img { border: 0; }abbr, acronym { border: 0; font-variant: normal; }:focus { outline: 0; }address, caption, cite, code, dfn, em, th, var, optgroup { font-style: inherit; font-weight: inherit; }h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }abbr, acronym { border: 0; font-variant: normal; }input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }input, button, select, textarea { outline: none; }textarea { resize: none; }input, button, textarea, select { *font-size: 100%; }ul, ol, li { list-style: none; }table { border-collapse: collapse; border-spacing: 0; }caption, th { text-align: left; }sup, sub { font-size: 100%; vertical-align: baseline; }del { text-decoration: line-through; }blockquote, q { quotes: none; }blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }:link, :visited, ins { text-decoration: none; }article, aside, canvas, dialog, figure, footer, header, hgroup, nav, section, video { display: block; }* html .clearfix { height: 1%; }.clearfix { zoom: 1; }.clearfix:after { content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; clear: both; }a { color: #000; text-decoration: none; }a:hover { text-decoration: underline; }body { font-size: 12px; line-height: 22px; font-family: \5FAE\8F6F\96C5\9ED1,arial,\5b8b\4f53; cursor: default; }cite, i { font-style: normal; }.YT-loginWrap .YT-form-btn.disabled { background-color: #e7e7e7 !important; }.YT-loginWrap .YT-frame-close, .YT-loginWrap .YT-form .YT-form-btn { color: #333 !important; }.C-fl { float: left; }.C-fr { float: right; }.C-rel { position: relative; }.C-abs { position: absolute; }.MR-passport-login-cc { position: relative; } .MR-passport-login-cc .close { position: absolute; top: 15px; right: 15px; width: 14px; height: 14px; cursor: pointer; z-index: 100; background: url(//static.youku.com/ddshow/img/usercenter/login.png) no-repeat; background-position: -50px 0; } .MR-passport-login-cc .close:hover { background-position: -70px 0; }.MR-passport-login-bg { position: absolute; left: 0; top: 0; right: 0; background: url(//static.youku.com/ddshow/img/usercenter/trans_black_50.png) repeat left top; }.MR-passport-login-cc .third-login { position: relative; margin-top: -15px; padding: 0 30px 30px; background: #FFF; z-index: 100; } .MR-passport-login-cc .third-login .text { float: left; height: 26px; line-height: 26px; word-break: keep-all; white-space: nowrap; color: #333; } .MR-passport-login-cc .third-login .links { float: left; margin-right: 10px; width: 26px; height: 26px; cursor: pointer; background: url(//static.youku.com/ddshow/img/icons_third_passport.png) no-repeat; } .MR-passport-login-cc .third-login .l-qq { background-position: 0 0; } .MR-passport-login-cc .third-login .l-weibo { background-position: -26px 0; } .MR-passport-login-cc .third-login .l-wechat { background-position: -52px 0; } .MR-passport-login-cc .third-login .l-alipay { background-position: -78px 0; } .MR-passport-login-cc .third-login .l-taobao { background-position: -104px 0; } .MR-passport-login-cc .third-login .l-qq:hover { background-position: 0 -26px; } .MR-passport-login-cc .third-login .l-weibo:hover { background-position: -26px -26px; } .MR-passport-login-cc .third-login .l-wechat:hover { background-position: -52px -26px; } .MR-passport-login-cc .third-login .l-alipay:hover { background-position: -78px -26px; } .MR-passport-login-cc .third-login .l-taobao:hover { background-position: -104px -26px; }.MR-passport-login-boxer { transition: all 0.1s ease-in-out 0s; }.M-bubble { position: absolute; background: url(//static.youku.com/ddshow/img/room/bubble_dot.png); border-radius: 3px; border: 1px solid #085e75; } .M-bubble .arrow-top { position: absolute; width: 9px; height: 6px; overflow: hidden; background: url(//static.youku.com/ddshow/img/room/icon_bg.png) no-repeat -231px -88px; left: 50%; top: -6px; margin-left: -4px; } .M-bubble .arrow-bottom { position: absolute; width: 9px; height: 6px; overflow: hidden; background: url(//static.youku.com/ddshow/img/room/icon_bg.png) no-repeat -211px -88px; left: 50%; bottom: -6px; margin-left: -4px; } .M-bubble .arrow-left { position: absolute; width: 6px; height: 9px; overflow: hidden; background: url(//static.youku.com/ddshow/img/room/icon_bg.png) no-repeat -256px -89px; top: 50%; left: -6px; margin-top: -4px; } .M-bubble .arrow-right { position: absolute; width: 6px; height: 9px; overflow: hidden; background: url(//static.youku.com/ddshow/img/room/icon_bg.png) no-repeat -272px -89px; top: 50%; right: -6px; margin-left: -4px; } .M-bubble .detail { padding: 8px 12px; white-space: nowrap; }.dds-im-notice-area { position: relative; height: 27px; z-index: 99; }.dds-im-notice-container { position: absolute; left: -136px; top: 27px; padding: 0 7px; width: 264px; background-color: #FFF; border: 1px solid #eee; } .dds-im-notice-container .dds-im-notice-top { padding: 0 5px; height: 31px; border-bottom: 1px dashed #eee; font-size: 12px; } .dds-im-notice-container .dds-im-notice-top a { color: #363636; } .dds-im-notice-container .dds-im-notice-top .my, .dds-im-notice-container .dds-im-notice-top .logout { height: 31px; line-height: 31px; } .dds-im-notice-container .dds-im-notice-top .my { float: left; color: #00aeef; } .dds-im-notice-container .dds-im-notice-top .logout { float: right; } .dds-im-notice-container .dds-im-notice-bottom { height: 31px; line-height: 31px; text-align: center; } .dds-im-notice-container .dds-im-notice-bottom a { color: #00aeef; font-size: 12px; }.dds-im-notice-list { background-color: #FFF; text-align: left; } .dds-im-notice-list li { position: relative; padding: 5px 0; padding-left: 37px; line-height: 18px; color: #000; border-bottom: 1px solid #eee; } .dds-im-notice-list li.no-msg { text-align: center; color: #999; padding-left: 0; } .dds-im-notice-list li span.title, .dds-im-notice-list li span.content, .dds-im-notice-list li span.icon { float: none; color: #555; margin: 0; } .dds-im-notice-list li span.content { padding-top: 5px; color: #909090; display: block; line-height: 18px; font-size: 12px; overflow: hidden; color: #666; } .dds-im-notice-list li span.title { display: block; line-height: 18px; font-size: 12px; overflow: hidden; color: #666; cursor: pointer; } .dds-im-notice-list li span.title .hl { font-size: 12px; color: #00c1c7; } .dds-im-notice-list li span.content a, .dds-im-notice-list li span.title a { color: #00c1c7; } .dds-im-notice-list li .icon { position: absolute; left: 13px; top: 6px; display: block; width: 16px; height: 16px; } .dds-im-notice-list li span.on { color: #2CC7CC; } .dds-im-notice-list li.un-read span.title { color: #2cc7cc; }.nav-panel .dds-im-notice-container { position: static; padding: 0; width: auto; border: 0 none; background: none transparent; }.nav-panel .dds-im-notice-list li span.on { color: #2CC7CC; }.dds-msg-box-area { float: left; position: relative; height: 27px; width: 1px; z-index: 99; }.dds-msg-box-list { position: absolute; left: 0; top: 40px; width: 298px; }.dds-im-msg-box { display: none; position: relative; padding: 10px; margin-top: 10px; border-radius: 5px; } .dds-im-msg-box .title { padding: 6px 20px 10px 10px; line-height: 24px; color: #555; font-size: 16px; background-color: #f5f5f5; } .dds-im-msg-box .content { line-height: 18px; color: #555; font-size: 12px; color: #FFF; } .dds-im-msg-box .content a { color: #00b7ee; } .dds-im-msg-box .content a:hover { color: #2cc7cc; } .dds-im-msg-box .close { position: absolute; right: -8px; top: -7px; height: 20px; width: 21px; text-indent: -999px; overflow: hidden; } .dds-im-msg-box .link { color: #00b7ee; } .dds-im-msg-box .link:hover { color: #2cc7cc; } .dds-im-msg-box .hl { color: #00b7ee; }.dds-pop { position: relative; }.dds-pop-co { display: block; position: absolute; left: 0; bottom: 0; padding: 0 5px; height: 15px; } .dds-pop-co .dds-pop-left, .dds-pop-co .dds-pop-right { background-image: url(//static.youku.com/ddshow/img/ui/ui-pop.png); background-repeat: no-repeat; } .dds-pop-co .dds-pop-left { display: block; position: absolute; top: 0; width: 5px; height: 15px; font-size: 0; }.dds-pop .dds-pop-right { display: block; position: absolute; top: 0; width: 5px; height: 15px; font-size: 0; }.dds-pop-co .dds-pop-left { left: 0; background-position: 0 0; }.dds-pop .dds-pop-right { right: 0; background-position: right 0; }.dds-pop .dds-pop-text { display: block; font-size: 10px; height: 15px; line-height: 15px; background: url(//static.youku.com/ddshow/img/ui/ui-pop-mid.jpg) repeat-x left top; color: #FFF; }.dds-im-msg-box { background: url(//static.youku.com/ddshow/img/imNotice/black_95_bg.png) left top; }.dds-im-notice-list li.un-read .icon, .dds-im-notice-list li.read .icon { background: url(//static.youku.com/ddshow/img/imNotice/ui_v2.png) no-repeat; }.dds-im-notice-open .icon, .dds-im-msg-box .close { background: url(//static.youku.com/ddshow/img/imNotice/ui_v2.png) no-repeat; }.dds-im-notice-list li.read .icon { background-position: -2px -2px; }.dds-im-notice-list li.un-read .icon { background-position: -26px -2px; }.dds-im-notice-open .icon { background-position: -2px -26px; }.dds-im-notice-list-open .dds-im-notice-open .icon { background-position: -26px -26px; }.dds-im-msg-box .close { background-position: -2px -37px; } .dds-im-msg-box .close:hover { background-position: -26px -37px; }.BTN { border-radius: 3px; text-align: center; display: block; cursor: pointer; } .BTN:hover { text-decoration: none; }.BTN-recharge { width: 45px; height: 28px; line-height: 28px; color: #FFF; border: 1px solid #ec0056; background: #d14179; } .BTN-recharge:hover { background: #e7578f; }.BTN-cancel { width: 45px; height: 28px; line-height: 28px; color: #FFF; border: 1px solid #828180; background: #828180; } .BTN-cancel:hover { background: #a39f9b; }.paike { overflow: hidden; position: absolute; left: -100px; display: none; width: 100px; height: 140px; margin: -60px 0 0; background: url(//static.youku.com/ddshow/img/laifeng/ma.png) no-repeat 0 0; line-height: 1000px; text-align: left; }.gongzhong { overflow: hidden; position: absolute; left: -100px; display: none; width: 100px; height: 140px; margin: -67px 0 0; background: url(//static.youku.com/ddshow/img/laifeng/weixin.png) no-repeat 0 0; line-height: 1000px; text-align: left; }.M-dialog-follow-container { padding: 0 20px; width: 520px; border-radius: 4px; background-color: #FFF; } .M-dialog-follow-container .title { position: relative; height: 36px; border-bottom: 2px solid #dcdada; } .M-dialog-follow-container .title span { position: absolute; left: 0; right: 0; top: 0; height: 36px; line-height: 36px; border-bottom: 2px solid #0babd1; color: #666; font-size: 14px; } .M-dialog-follow-container .list { padding: 10px 0; margin-left: -10px; margin-top: -10px; } .M-dialog-follow-container .list li { position: relative; margin: 10px 0 0 10px; padding-left: 87px; float: left; width: 168px; height: 80px; background-color: #f2f2f2; cursor: pointer; } .M-dialog-follow-container .list li .user-pic { position: absolute; left: 0; top: 0; width: 80px; height: 80px; } .M-dialog-follow-container .list li .user-pic img { position: absolute; left: 0; top: 0; width: 80px; height: 80px; } .M-dialog-follow-container .list li .user-pic .tag-live { position: absolute; right: 0; top: 0; width: 48px; height: 45px; background: url(//static.youku.com/ddshow/img/laifeng/index/index-bg.png) no-repeat 0 -230px; } .M-dialog-follow-container .list li .user-name { height: 30px; line-height: 30px; color: #333; font-size: 14px; } .M-dialog-follow-container .list li .user-icon { padding: 5px 0; height: 16px; line-height: 16px; } .M-dialog-follow-container .list li .inner-icon { vertical-align: top; margin-right: 10px; } .M-dialog-follow-container .list li .room-info { height: 24px; line-height: 24px; } .M-dialog-follow-container .list li .room-info .on-live { color: #333; padding-right: 10px; } .M-dialog-follow-container .list li .room-info .countdown { color: #999; } .M-dialog-follow-container .list li .checkbox { position: absolute; right: 0; top: 0; width: 18px; height: 18px; background: url(//static.youku.com/ddshow/img/usercenter/checkbox.png) no-repeat; overflow: hidden; background-position: -30px 0; } .M-dialog-follow-container .list li.checked .checkbox { background-position: 0 0; } .M-dialog-follow-container .btn-area { padding: 10px 0 10px; height: 40px; line-height: 40px; } .M-dialog-follow-container .btn-area .submit { margin-left: 153px; display: inline-block; width: 180px; height: 40px; line-height: 40px; font-size: 18px; border-radius: 3px; color: #FFF; background-color: #fb5470; cursor: pointer; text-align: center; } .M-dialog-follow-container .btn-area .submit:hover { background-color: #F33C5B; } .M-dialog-follow-container .btn-area .cancel { margin-left: 20px; color: #0099ff; cursor: pointer; } .M-dialog-follow-container .btn-area .cancel:hover { text-decoration: underline; }.M-error-dialog-tips { color: #FFF; padding: 2px 10px; } .M-error-dialog-tips a { color: #0095ce; }.M-io-tips { position: absolute; top: 3px; left: 50%; background: #FFEBD7; border: 1px solid #FFBD59; width: 300px; padding: 3px 10px; line-height: 22px; text-align: center; margin-left: -160px; color: #000; z-index: 1000; } .M-io-tips a { padding: 0 10px; color: #990000; }.M-ie6-alert { position: absolute; width: 600px; margin-left: -300px; background: #FFFFCC; border: 1px solid #FFCC99; padding: 10px; top: 10px; left: 50%; color: #444; z-index: 99999; } .M-ie6-alert a { color: #0066FF; text-decoration: underline; }.M-baidu-img { position: absolute; width: 121px; height: 75px; overflow: hidden; left: -150px; top: -100px; } .M-baidu-img img { width: 121px; height: 75px; }.M-top-user-card-container { position: absolute; top: 25px; border: 1px solid #ffd727; padding: 0; background: #fff; width: 286px; right: -113px; color: #000; }.M-top-user-card-tip { height: 34px; line-height: 34px; border-radius: 5px 5px 0 0; text-align: center; }.M-top-user-card .info-area .pic { width: 80px; height: 80px; display: block; margin: 0 auto; margin-top: 18px; border-radius: 50%; overflow: hidden; } .M-top-user-card .info-area .pic img { width: 80px; height: 80px; }.M-top-user-card .info-area .name-text, .M-top-user-card .info-area .name-edit { text-align: center; }.M-top-user-card .info-area .name-t { height: 24px; line-height: 24px; margin-top: 5px; }.M-top-user-card .info-area .name-text .text { font-size: 18px; height: 24px; vertical-align: middle; }.M-top-user-card .info-area .name-text .level { display: block; margin: 0 auto; margin-top: 5px; }.M-top-user-card .info-area .name-text .ICON-nl-0 { display: none; }.M-top-user-card .info-area .name-text .edit-btn { display: inline-block; width: 19px; height: 24px; vertical-align: middle; margin-left: 8px; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXJJREFUeNqMVLtKBEEQ7B7WH9DoAgO9LzBWMy+4UDAVBP0N8fwIIxEMjYwPNNP4zM1FMTgQBMO2el47Mztz3ELtvHqrq2tmluXeTInoDhjR6ucamBVze8AO8KgDsxYRN4iYntA+ACc2DMoEk9o9JJFX/7F7pEmvipRoy4+/gbGJy4EokKxDpEmZl3hP0f/tBgo4vKRGmCsSApFMEL7QWJN7w15VQsRxrSxNFU2ARYjtKBFSrU28IpFntJsJ0RHwloaa+EFQlarpS3NE1qM6UU9GvjQa7OI4EgWPxBPlCa8cGZfexIBt4A+Ye8+WQK9IMqKZ80xKNdHAS+DAEoj8ALe10iyRtUj8BmSGWyK9ImfABsY3aI/zPEVeb5FpHMxdZHtH8Gm4KhlRekO498VdpxDi5Q7OXrlBtcODSFOfr5ZeXn5qHw01W1YQcbXE/TS0w+InFvQX9DLILBXRUlX8pfGq7MINuPCo+W8rnw/gXDv/AgwA4up6hrrstr4AAAAASUVORK5CYII=) center center no-repeat; }.M-top-user-card .info-area .name-edit { margin-top: 5px; } .M-top-user-card .info-area .name-edit .edit-input { padding: 0 5px; width: 124px; height: 26px; line-height: 26px; border-radius: 5px; background: #f1f1f1; border: 1px solid #999; } .M-top-user-card .info-area .name-edit .edit-submit { display: inline-block; margin-left: 4px; height: 28px; width: 48px; text-align: center; cursor: pointer; border-radius: 5px; line-height: 28px; background: #ffd727; }.M-top-user-card .info-area .progress { position: relative; width: 257px; height: 6px; background: #f2f2f2; margin: 0 auto; margin-top: 8px; } .M-top-user-card .info-area .progress .progress-bar { height: 6px; } .M-top-user-card .info-area .progress .progress-bar-inner { height: 6px; background: #ffd727; }.M-top-user-card .info-area .count-tip { color: #999; font-size: 12px; padding-left: 15px; margin-top: 7px; } .M-top-user-card .info-area .count-tip i { color: #ffa000; }.M-top-user-card .hidden-area { position: relative; padding-bottom: 18px; height: 82px; } .M-top-user-card .hidden-area .tip { position: absolute; left: 0; top: 26px; padding: 0 5px; height: 26px; line-height: 26px; border-radius: 5px; } .M-top-user-card .hidden-area .tip .arrow { position: absolute; left: 15px; top: 26px; width: 9px; height: 6px; }.M-top-user-card .right-area .right-title { position: relative; height: 14px; line-height: 14px; } .M-top-user-card .right-area .right-title .line { position: absolute; left: 76px; right: 0; top: 7px; height: 1px; line-height: 1px; overflow: hidden; background-color: #818383; }.M-top-user-card .right-area .right-icons { line-height: 24px; padding: 5px 15px; } .M-top-user-card .right-area .right-icons .icon { float: left; margin-right: 12px; zoom: 1; }.M-top-user-card-bottom-area { width: 257px; margin: 0 auto; margin-top: 12px; height: 40px; border-top: 1px solid #e5e5e5; } .M-top-user-card-bottom-area .my, .M-top-user-card-bottom-area .logout { height: 40px; line-height: 40px; } .M-top-user-card-bottom-area .my { float: left; color: #ffa000; } .M-top-user-card-bottom-area .logout { float: right; color: #000; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMZJREFUeNpiYEAFTGj8/wTk4UAJiM8Q0HwGqg5D41MgziKgGST/BNkAkFNOA3EKFtf8xyKWAlUP9kIUEB/B4ZX/OMSPQPUxbAfiSBI1R0D1MbwGYnESNUsB8TN8CvDJsQHxT5Cn3+CxmRGHuAgQv2UGEk5A/BGIrzAQD7yBWAIW2ocZSAOHYaENi+dsIjVmI8czCChDU04WAY2wFKaMLqEMTbuHofEoBQ1VKSj/MFReGZfJTNAEswma1n9C43MT1I8ouQogwACJ1CykoTPvXQAAAABJRU5ErkJggg==") no-repeat left center; padding-left: 23px; }.M-top-user-card .ICON-coins { margin: 0 3px; line-height: 17px; }.M-top-user-card-room { right: auto; background: url(//static.youku.com/ddshow/img/channel/white_dot_02.png) 0 0; cursor: default; } .M-top-user-card-room .M-top-user-card, .M-top-user-card-room .M-top-user-card-tip { background: #221d20; color: #FFF; } .M-top-user-card-room .info-area .edit-btn { background: url(//static.youku.com/ddshow/img/topcard/edit.png) no-repeat; background-position: 0 0; } .M-top-user-card-room .info-area .edit-btn:hover { background-position: -25px 0; } .M-top-user-card-room .info-area .progress .progress-bar { background: url(//static.youku.com/ddshow/img/topcard/p_b.png) 0 0; } .M-top-user-card-room .info-area .progress .count { color: #FFF; } .M-top-user-card-room .info-area .level-msg { color: #999999; } .M-top-user-card-room .info-area .name-text .text { color: #f0eaf2; } .M-top-user-card-room .hidden-area { background: url(//static.youku.com/ddshow/img/topcard/level_v1.png) no-repeat 0 0; } .M-top-user-card-room .hidden-area .tip { color: #c59801; border: 1px solid #0a7593; background: url(//static.youku.com/ddshow/img/topcard/tip_b.png) 0 0; } .M-top-user-card-room .hidden-area .tip .arrow { background: url(//static.youku.com/ddshow/img/topcard/tip_bot.png) no-repeat 0 0; } .M-top-user-card-room .info-area .name-edit .edit-input { border: 1px solid #0a7593; color: #FFF; } .M-top-user-card-room .info-area .name-edit .edit-input:focus { border: 1px solid #0099cc; } .M-top-user-card-room .info-area .name-edit .edit-submit { color: #FFF; background-color: #0099cc; } .M-top-user-card-room .info-area .name-edit .edit-submit:hover { background-color: #00bfff; } .M-top-user-card-room .M-top-user-card-bottom-area { background: #2d292b; }.M-level-up-dialog .btn, .M-level-up-dialog-closed, .M-level-up-dialog-closed-over { background: url(//static.youku.com/ddshow/img/v5/level_dialog_close.png) no-repeat; }.M-level-up-dialog-bg { position: absolute; top: 0; left: 0; width: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); }.M-level-up-dialog-cc { background: url(//static.youku.com/ddshow/img/v5/level_dialog.png) no-repeat 0 0; }.M-level-up-dialog { padding-top: 120px; }.M-level-up-dialog-closed { position: absolute; top: 61px; right: -10px; width: 29px; height: 31px; background-position: 0 0; overflow: hidden; cursor: pointer; }.M-level-up-dialog-closed-over { background-position: -36px 0; }.M-level-up-dialog { color: #555; } .M-level-up-dialog .level-name { height: 52px; line-height: 52px; text-align: center; color: #bd1a14; font-size: 24px; } .M-level-up-dialog .level-name .level-icon { display: inline-block; margin-right: 10px; height: 52px; width: 48px; vertical-align: text-bottom; background: url(//static.youku.com/ddshow/img/v5/level_dialog_icon_v2.png) no-repeat; } .M-level-up-dialog .level-msg { padding: 13px 0 15px; height: 35px; line-height: 35px; text-align: center; font-size: 16px; } .M-level-up-dialog .level-msg .h { padding: 0 3px; color: #bd1a14; } .M-level-up-dialog .right { text-align: center; } .M-level-up-dialog .right .right-inner { display: inline-block; padding: 10px; height: 50px; line-height: 50px; text-align: center; font-size: 14px; background: url(//static.youku.com/ddshow/img/v5/level_dialog_w.png) 0 0; border-radius: 10px; } .M-level-up-dialog .right .icon-area { display: inline-block; margin-left: 10px; padding: 9px; width: 32px; height: 32px; background-color: #fbfdfb; border-radius: 25px; vertical-align: middle; } .M-level-up-dialog .right .icon-area .ICON-right { display: block; } .M-level-up-dialog .right-msg { line-height: 45px; text-align: center; } .M-level-up-dialog .btn { display: block; margin: 20px auto 0; width: 102px; height: 38px; background-position: 0 -40px; cursor: pointer; } .M-level-up-dialog .btn:hover { background-position: 0 -85px; } .M-level-up-dialog .level-name .level-icon-0 { display: none; } .M-level-up-dialog .level-name .level-icon-1, .M-level-up-dialog .level-name .level-icon-2, .M-level-up-dialog .level-name .level-icon-3, .M-level-up-dialog .level-name .level-icon-4, .M-level-up-dialog .level-name .level-icon-5, .M-level-up-dialog .level-name .level-icon-6, .M-level-up-dialog .level-name .level-icon-7, .M-level-up-dialog .level-name .level-icon-8, .M-level-up-dialog .level-name .level-icon-9 { background-position: 0 0; } .M-level-up-dialog .level-name .level-icon-10, .M-level-up-dialog .level-name .level-icon-11, .M-level-up-dialog .level-name .level-icon-12 { background-position: 0 -114px; } .M-level-up-dialog .level-name .level-icon-13, .M-level-up-dialog .level-name .level-icon-14, .M-level-up-dialog .level-name .level-icon-15, .M-level-up-dialog .level-name .level-icon-16, .M-level-up-dialog .level-name .level-icon-17, .M-level-up-dialog .level-name .level-icon-18, .M-level-up-dialog .level-name .level-icon-19, .M-level-up-dialog .level-name .level-icon-20, .M-level-up-dialog .level-name .level-icon-21 { background-position: -106px -114px; } .M-level-up-dialog .level-name .level-icon-22, .M-level-up-dialog .level-name .level-icon-23, .M-level-up-dialog .level-name .level-icon-24 { background-position: -53px -114px; } .M-level-up-dialog .level-name .level-icon-25 { background-position: 0 -57px; } .M-level-up-dialog .level-name .level-icon-26 { background-position: -53px -57px; } .M-level-up-dialog .level-name .level-icon-27 { background-position: -106px -57px; } .M-level-up-dialog .level-name .level-icon-28 { background-position: -106px 0; } .M-level-up-dialog .level-name .level-icon-29 { background-position: -53px 0; } .M-level-up-dialog .level-name .level-icon-30, .M-level-up-dialog .level-name .level-icon-31, .M-level-up-dialog .level-name .level-icon-32 { background-position: 0 -171px; } .M-level-up-dialog .level-name .level-icon-33, .M-level-up-dialog .level-name .level-icon-34, .M-level-up-dialog .level-name .level-icon-35 { background-position: -53px -171px; } .M-level-up-dialog .level-name .level-icon-36, .M-level-up-dialog .level-name .level-icon-37, .M-level-up-dialog .level-name .level-icon-38 { background-position: -106px -171px; } .M-level-up-dialog .level-name .level-icon-39, .M-level-up-dialog .level-name .level-icon-40, .M-level-up-dialog .level-name .level-icon-41, .M-level-up-dialog .level-name .level-icon-39, .M-level-up-dialog .level-name .level-icon-40, .M-level-up-dialog .level-name .level-icon-41 { background-position: -53px -285px; } .M-level-up-dialog .level-name .level-icon-42, .M-level-up-dialog .level-name .level-icon-43, .M-level-up-dialog .level-name .level-icon-44 { background-position: 0 -228px; } .M-level-up-dialog .level-name .level-icon-45, .M-level-up-dialog .level-name .level-icon-46, .M-level-up-dialog .level-name .level-icon-47 { background-position: -53px -228px; } .M-level-up-dialog .level-name .level-icon-48, .M-level-up-dialog .level-name .level-icon-49, .M-level-up-dialog .level-name .level-icon-50 { background-position: -106px -228px; } .M-level-up-dialog .level-name .level-icon-51, .M-level-up-dialog .level-name .level-icon-52, .M-level-up-dialog .level-name .level-icon-53, .M-level-up-dialog .level-name .level-icon-54, .M-level-up-dialog .level-name .level-icon-55, .M-level-up-dialog .level-name .level-icon-56, .M-level-up-dialog .level-name .level-icon-57, .M-level-up-dialog .level-name .level-icon-58, .M-level-up-dialog .level-name .level-icon-59, .M-level-up-dialog .level-name .level-icon-60, .M-level-up-dialog .level-name .level-icon-61, .M-level-up-dialog .level-name .level-icon-62, .M-level-up-dialog .level-name .level-icon-63, .M-level-up-dialog .level-name .level-icon-64, .M-level-up-dialog .level-name .level-icon-65, .M-level-up-dialog .level-name .level-icon-66, .M-level-up-dialog .level-name .level-icon-67, .M-level-up-dialog .level-name .level-icon-68, .M-level-up-dialog .level-name .level-icon-69, .M-level-up-dialog .level-name .level-icon-70 { background-position: 0 -285px; }.M-dialog-complete-info { position: relative; background-color: #FFF; width: 400px; height: 283px; border-radius: 5px; } .M-dialog-complete-info .inner { padding-left: 30px; } .M-dialog-complete-info .title { height: 52px; line-height: 62px; color: #555; font-size: 14px; overflow: hidden; } .M-dialog-complete-info .form-ctr { position: relative; padding-left: 60px; margin-bottom: 15px; } .M-dialog-complete-info .form-ctr .ctr { position: relative; line-height: 30px; } .M-dialog-complete-info .form-ctr .label { position: absolute; left: 0; top: 0; width: 52px; height: 30px; line-height: 30px; text-align: right; } .M-dialog-complete-info .input { padding: 0 5px; width: 180px; height: 28px; line-height: 28px; border: 1px solid #EEE; border-radius: 3px; } .M-dialog-complete-info .radio { margin-right: 10px; display: inline-block; height: 30px; line-height: 30px; cursor: pointer; } .M-dialog-complete-info .radio input { margin-right: 3px; } .M-dialog-complete-info .custom-select { margin-right: 5px; zoom: 1; padding: 4px 2px; line-height: 28px; width: 90px; border: 1px solid #eee; border-radius: 4px; vertical-align: middle; } .M-dialog-complete-info .submit-btn { display: block; width: 200px; height: 40px; cursor: pointer; border: 0 none; background-color: #fb5470; color: #FFF; border-radius: 5px; font-size: 14px; } .M-dialog-complete-info .submit-btn:hover { background-color: #f95f79; } .M-dialog-complete-info .UI-input-error { border: 1px solid #F00; box-shadow: 1px 1px 1px #f292a2 inset; } .M-dialog-complete-info .UI-input-focus { border: 1px solid #7cbcf4; box-shadow: 1px 1px 1px #bed4e7 inset; } .M-dialog-complete-info .input-error-text { position: absolute; left: 200px; top: 0; color: #F00; } .M-dialog-complete-info .line { line-height: 34px; } .M-dialog-complete-info .line a { color: #666; } .M-dialog-complete-info .error { position: absolute; top: 0; left: 0; right: 0; height: 24px; line-height: 24px; text-align: center; color: #FFF; background-color: #fb5470; border-radius: 5px 5px 0 0; }.M-dialog-safe-code-warp { width: 476px; }.M-dialog-safe-code { padding: 20px 30px; background: #fff; border-radius: 4px 4px 0 0; } .M-dialog-safe-code .title { line-height: 36px; font-size: 16px; color: #555; } .M-dialog-safe-code .alert-text { padding: 5px 0 20px 55px; line-height: 22px; color: #e83f3f; background: url(//static.youku.com/ddshow/img/alert_red.png) no-repeat 2px 9px; } .M-dialog-safe-code .submit-btn { display: block; margin: 15px 0 0; width: 140px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; background-color: #fb5470; color: #FFF; border-radius: 4px; color: #FFF; cursor: pointer; } .M-dialog-safe-code .submit-btn:hover { background-color: #F33C5B; } .M-dialog-safe-code .code-area { height: 40px; line-height: 40px; } .M-dialog-safe-code .code-area .input { float: left; padding: 0 5px; width: 106px; height: 38px; *line-height: 38px; line-height: 38px\0; font-size: 16px; border: 1px solid #CCC; border-radius: 5px; } .M-dialog-safe-code .code-area .code-img { float: left; margin-left: 5px; width: 120px; height: 40px; cursor: pointer; } .M-dialog-safe-code .code-area .code-btn { float: left; margin: 10px 0 0 5px; width: 19px; height: 19px; background: url(//static.youku.com/ddshow/img/usercenter/login.png) no-repeat; background-position: -25px 0; cursor: pointer; } .M-dialog-safe-code .code-area .code-btn:hover { background-position: 0 0; }.M-dialog-safe-code-warp .bottom-text { padding: 10px 30px; line-height: 20px; color: #666; background: #f3f3f3; border-radius: 0 0 4px 4px; } .M-dialog-safe-code-warp .bottom-text a { color: #0099ff; }.index-user-card .fan-background { margin: 0; padding: 0 14px; background: url(//static.youku.com/ddshow/img/event/index_back.jpg) no-repeat right 89px; }.M-MO-dialog-container { width: 450px; color: #555; } .M-MO-dialog-container .M-number-tip { position: absolute; left: 0; top: 32px; padding: 0 5px; height: 30px; line-height: 30px; background-color: #FFF; font-size: 18px; border: 1px solid #eee; border-radius: 4px; } .M-MO-dialog-container .M-number-tip .s { color: #ccc; font-size: 12px; }.M-MO-dialog { position: relative; padding: 15px; height: 258px; border-radius: 4px 4px 0 0; background: #fff; } .M-MO-dialog .skip { position: absolute; width: 45px; height: 19px; cursor: pointer; line-height: 19px; right: 20px; bottom: 40px; color: #999; } .M-MO-dialog .skip:hover { text-decoration: underline; } .M-MO-dialog .title { font-size: 18px; line-height: 24px; } .M-MO-dialog .sub-error { padding: 5px 0 15px; line-height: 14px; color: #e60101; }.M-MO-dialog-form .form-ctr { position: relative; padding-left: 80px; margin-bottom: 20px; } .M-MO-dialog-form .form-ctr .ctr { position: relative; line-height: 30px; } .M-MO-dialog-form .form-ctr .label { position: absolute; left: 0; top: 0; width: 70px; height: 30px; line-height: 30px; text-align: right; }.M-MO-dialog-form .input { padding: 0 5px; width: 180px; height: 28px; line-height: 28px; border: 1px solid #EEE; border-radius: 3px; }.M-MO-dialog-form .UI-input-error { border: 1px solid #F00; box-shadow: 1px 1px 1px #f292a2 inset; }.M-MO-dialog-form .UI-input-focus { border: 1px solid #7cbcf4; box-shadow: 1px 1px 1px #bed4e7 inset; }.M-MO-dialog-form .input-error-text { position: absolute; left: 200px; top: 0; color: #F00; }.M-MO-dialog-form .form-ctr .UI-placeholder-span { position: absolute; left: 1px; top: 1px; padding: 0 5px; width: 180px; height: 28px; line-height: 28px; color: #ccc; cursor: text; }.M-MO-dialog-form .small .input, .M-MO-dialog-form .small .UI-placeholder-span { width: 80px; }.M-MO-dialog-form .time-link { margin-left: 5px; color: #42a9ff; cursor: pointer; } .M-MO-dialog-form .time-link:hover { color: #00aeef; }.M-MO-dialog-form .submit-btn { display: block; width: 140px; height: 30px; cursor: pointer; background: #fb5470; color: #FFF; border: 0 none; border-radius: 4px; } .M-MO-dialog-form .submit-btn:hover { background: #f9657d; }.M-MO-dialog-bottom { padding: 15px; border-radius: 0 0 4px 4px; background: #f3f3f3; } .M-MO-dialog-bottom .phone, .M-MO-dialog-bottom .help { position: relative; } .M-MO-dialog-bottom .phone .open-b, .M-MO-dialog-bottom .help .close-b { position: absolute; right: 0; top: 0; cursor: pointer; } .M-MO-dialog-bottom .phone .open-b { height: 20px; width: 20px; cursor: pointer; background: url(//static.youku.com/ddshow/img/usercenter/q.png) no-repeat 0 0; } .M-MO-dialog-bottom .phone .open-b:hover { background: url(//static.youku.com/ddshow/img/usercenter/q_hover.png) no-repeat 0 0; } .M-MO-dialog-bottom .help .close-b { color: #42a9ff; } .M-MO-dialog-bottom .help .close-b:hover { color: #00aeef; } .M-MO-dialog-bottom .help .help-list li .dot { margin-right: 5px; color: #bbb; } .M-MO-dialog-bottom .help .help-list li a { color: #555; }.M-MO-dialog-form .UC-sim-select { position: relative; z-index: 6; } .M-MO-dialog-form .UC-sim-select .input { cursor: pointer; } .M-MO-dialog-form .UC-sim-select .UC-sim-option-list { position: absolute; top: 30px; left: 0; width: 190px; background: #FFF; border-style: solid; border-color: #eee; border-width: 0 1px; } .M-MO-dialog-form .UC-sim-select .UC-sim-option { display: block; padding: 0 5px; border-bottom: 1px solid #eee; cursor: pointer; } .M-MO-dialog-form .UC-sim-select .UC-sim-option:hover { background: #eee; } .M-MO-dialog-form .UC-sim-select .UC-sim-option-select { cursor: default; background: #ccc; } .M-MO-dialog-form .UC-sim-select .UC-sim-option-select:hover { cursor: default; background: #ccc; }.M-bubble-no-socket { position: absolute; z-index: 1000; top: -80px; left: 50%; width: 210px; background: url(//static.youku.com/ddshow/img/channel/white_dot_02.png); padding: 5px; } .M-bubble-no-socket .detail { background: #2f2c39; height: 30px; line-height: 30px; text-align: center; }.abs { position: absolute; }.rel { position: relative; }.db { display: block; }.di { display: inline; }.dn { display: none; }.dib { display: inline-block; }.l { float: left; }.r { float: right; }.tc { text-align: center; }.tr { text-align: right; }.tl { text-align: left; }.auto { margin-left: auto; margin-right: auto; }.fix:after { display: table; content: ''; clear: both; }.ovh { overflow: hidden; }.m0 { margin: 0; }.ml1 { margin-left: 1px; }.ml2 { margin-left: 2px; }.ml5 { margin-left: 5px; }.ml10 { margin-left: 10px; }.ml15 { margin-left: 15px; }.ml20 { margin-left: 20px; }.ml30 { margin-left: 30px; }.ml60 { margin-left: 60px; }.mr1 { margin-right: 1px; }.mr2 { margin-right: 2px; }.mr5 { margin-right: 5px; }.mr10 { margin-right: 10px; }.mr15 { margin-right: 15px; }.mr20 { margin-right: 20px; }.mr30 { margin-right: 30px; }.mr60 { margin-right: 60px; }.mt1 { margin-top: 1px; }.mt2 { margin-top: 2px; }.mt5 { margin-top: 5px; }.mt10 { margin-top: 10px; }.mt15 { margin-top: 15px; }.mt20 { margin-top: 20px; }.mt25 { margin-top: 25px; }.mt30 { margin-top: 30px; }.mt35 { margin-top: 35px; }.mt60 { margin-top: 60px; }.mt90 { margin-top: 90px; }.mb1 { margin-bottom: 1px; }.mb2 { margin-bottom: 2px; }.mb5 { margin-bottom: 5px; }.mb10 { margin-bottom: 10px; }.mb15 { margin-bottom: 15px; }.mb20 { margin-bottom: 20px; }.mb25 { margin-bottom: 25px; }.mb30 { margin-bottom: 30px; }.mb60 { margin-bottom: 60px; }.mb90 { margin-bottom: 90px; }.ICON-shortcut,.ICON-free-star,.ICON-fans-num,.ICON-coins { background: url(//static.youku.com/ddshow/img/v4/icon_bg_v4.png) no-repeat; }.ICON-shortcut { background-position: 0 -291px; color: #FFFFFF; float: left; padding-left: 13px; height: 22px; line-height: 22px; }.ICON-coins-big,.ICON-coins-medium { overflow: hidden; display: inline-block; background: url(//static.youku.com/ddshow/img/v5icons/icon-coins.png) 0 0; vertical-align: text-top; }.ICON-coins-big { width: 48px; height: 48px; background-position: 0 0; }.ICON-coins-medium { width: 25px; height: 25px; background-position: -55px 0; }.ICON-coins { display: inline-block; width: 16px; height: 16px; background-position: right -120px; }.ICON-free-star { display: block; background-position: 0 -40px; height: 16px; padding-left: 20px; }.ICON-fans-num { display: block; background-position: 0 -331px; height: 16px; padding-left: 20px; }.ICON-beans { overflow: hidden; display: inline-block; background: url(//static.youku.com/ddshow/img/v5icons/icon-beans.png) no-repeat; vertical-align: text-top; }.ICON-beans-0 { width: 252px; height: 233px; background-position: 0 0; }.ICON-beans-1 { width: 128px; height: 118px; background-position: -269px -115px; }.ICON-beans-2 { width: 64px; height: 59px; background-position: -269px 0; }.ICON-beans-3 { width: 32px; height: 30px; background-position: -350px 0; }.ICON-beans-4 { width: 16px; height: 15px; background-position: -351px -65px; }.ICON-noble-level,.ICON-anchor-level,.ICON-new-user { background: url(//static.youku.com/ddshow/img/channel/level_v9.png) no-repeat; }.ICON-new-user { margin-right: 5px; display: inline-block; *display: inline; *zoom: 1; width: 16px; height: 17px; vertical-align: middle; background-position: -105px -41px; }.ICON-noble-level { display: inline-block; *display: inline; *zoom: 1; width: 45px; height: 17px; vertical-align: middle; }.ICON-nl-0,.ICON-nl-71 { overflow: hidden; width: 0; }.ICON-nl-1 { background-position: 0 -40px; }.ICON-nl-2 { background-position: 0 -80px; }.ICON-nl-3 { background-position: 0 -120px; }.ICON-nl-4 { background-position: 0 -160px; }.ICON-nl-5 { background-position: 0 -200px; }.ICON-nl-6 { background-position: 0 -240px; }.ICON-nl-7 { background-position: 0 -280px; }.ICON-nl-8 { background-position: 0 -320px; }.ICON-nl-9 { background-position: 0 -360px; }.ICON-nl-10 { background-position: 0 -400px; }.ICON-nl-11 { background-position: 0 -440px; }.ICON-nl-12 { background-position: 0 -480px; }.ICON-nl-13 { background-position: 0 -520px; }.ICON-nl-14 { background-position: 0 -560px; }.ICON-nl-15 { background-position: 0 -601px; }.ICON-nl-16 { background-position: 0 -640px; }.ICON-nl-17 { background-position: 0 -680px; }.ICON-nl-18 { background-position: 0 -720px; }.ICON-nl-19 { background-position: 0 -760px; }.ICON-nl-20 { background-position: 0 -800px; }.ICON-nl-21 { background-position: 0 -840px; }.ICON-nl-22 { background-position: 0 -880px; }.ICON-nl-23 { background-position: 0 -920px; }.ICON-nl-24 { background-position: 0 -960px; }.ICON-nl-25 { background-position: 0 -1000px; }.ICON-nl-26 { background-position: 0 -1040px; }.ICON-nl-27 { background-position: 0 -1080px; }.ICON-nl-28 { background-position: 0 -1120px; }.ICON-nl-29 { background-position: 0 -1160px; }.ICON-nl-30 { background-position: 0 -1200px; }.ICON-nl-31 { background-position: 0 -1240px; }.ICON-nl-32 { background-position: 0 -1280px; }.ICON-nl-33 { background-position: 0 -1320px; }.ICON-nl-34 { background-position: 0 -1360px; }.ICON-nl-35 { background-position: 0 -1400px; }.ICON-nl-36 { background-position: 0 -1440px; }.ICON-nl-37 { background-position: 0 -1480px; }.ICON-nl-38 { background-position: 0 -1520px; }.ICON-nl-39 { background-position: 0 -1560px; }.ICON-nl-40 { background-position: 0 -1600px; }.ICON-nl-41 { background-position: 0 -1640px; }.ICON-nl-42 { background-position: 0 -1680px; }.ICON-nl-43 { background-position: 0 -1720px; }.ICON-nl-44 { background-position: 0 -1760px; }.ICON-nl-45 { background-position: 0 -1800px; }.ICON-nl-46 { background-position: 0 -1840px; }.ICON-nl-47 { background-position: 0 -1880px; }.ICON-nl-48 { background-position: 0 -1920px; }.ICON-nl-49 { background-position: 0 -1960px; }.ICON-nl-50 { background-position: 0 -2000px; }.ICON-nl-51 { background-position: 0 -2040px; }.ICON-nl-52 { background-position: 0 -2080px; }.ICON-nl-53 { background-position: 0 -2120px; }.ICON-nl-54 { background-position: 0 -2160px; }.ICON-nl-55 { background-position: 0 -2200px; }.ICON-nl-56 { background-position: 0 -2240px; }.ICON-nl-57 { background-position: 0 -2280px; width: 66px; }.ICON-nl-58 { background-position: 0 -2320px; width: 66px; }.ICON-nl-59 { background-position: 0 -2360px; width: 66px; }.ICON-nl-60 { background-position: 0 -2400px; width: 66px; }.ICON-nl-61 { background-position: 0 -2440px; width: 66px; }.ICON-nl-62 { background-position: 0 -2480px; width: 66px; }.ICON-nl-63 { background-position: 0 -2516px; width: 66px; }.ICON-nl-64 { background-position: 0 -2552px; width: 66px; }.ICON-nl-65 { background-position: 0 -2588px; width: 66px; }.ICON-nl-66 { background-position: 0 -2624px; width: 66px; }.ICON-nl-67 { background-position: 0 -2660px; width: 66px; }.ICON-nl-68 { background-position: 0 -2696px; width: 66px; }.ICON-nl-69 { background-position: 0 -2732px; width: 66px; }.ICON-nl-70 { background-position: 0 -2768px; width: 66px; }.ICON-nl-no { background: none; overflow: hidden; width: 0; }.ICON-anchor-level { background: url(//static.youku.com/ddshow/img/channel/level_v8.png) no-repeat; }.ICON-anchor-level-no .ICON-anchor-level { display: inline-block; *display: inline; *zoom: 1; width: 22px; height: 17px; vertical-align: text-top; background: url(//static.youku.com/ddshow/img/laifeng/icons/level-gray.v1.png) no-repeat; }.ICON-anchor-level { display: inline-block; *display: inline; *zoom: 1; width: 22px; height: 17px; vertical-align: text-top; }.ICON-al-0, .ICON-al-51 { overflow: hidden; width: 0; }.ICON-al-1 { background-position: -62px 0px; width: 18px; }.ICON-al-2 { background-position: -62px -40px; width: 18px; }.ICON-al-3 { background-position: -62px -80px; width: 18px; }.ICON-al-4 { background-position: -62px -120px; width: 18px; }.ICON-al-5 { background-position: -62px -160px; width: 18px; }.ICON-al-6 { background-position: -62px -200px; width: 18px; }.ICON-al-7 { background-position: -62px -240px; width: 18px; }.ICON-al-8 { background-position: -62px -280px; width: 18px; }.ICON-al-9 { background-position: -62px -320px; width: 18px; }.ICON-al-10 { background-position: -62px -360px; }.ICON-al-11 { background-position: -62px -400px; }.ICON-al-12 { background-position: -62px -440px; }.ICON-al-13 { background-position: -62px -480px; }.ICON-al-14 { background-position: -62px -520px; }.ICON-al-15 { background-position: -62px -560px; }.ICON-al-16 { background-position: -62px -600px; }.ICON-al-17 { background-position: -62px -640px; }.ICON-al-18 { background-position: -62px -680px; }.ICON-al-19 { background-position: -62px -720px; }.ICON-al-20 { background-position: -62px -760px; }.ICON-al-21 { background-position: -62px -800px; }.ICON-al-22 { background-position: -62px -840px; }.ICON-al-23 { background-position: -62px -880px; }.ICON-al-24 { background-position: -62px -920px; }.ICON-al-25 { background-position: -62px -960px; }.ICON-al-26 { background-position: -62px -1000px; }.ICON-al-27 { background-position: -62px -1040px; }.ICON-al-28 { background-position: -62px -1080px; }.ICON-al-29 { background-position: -62px -1120px; }.ICON-al-30 { background-position: -62px -1160px; }.ICON-al-31 { background-position: -62px -1200px; }.ICON-al-32 { background-position: -62px -1240px; }.ICON-al-33 { background-position: -62px -1280px; }.ICON-al-34 { background-position: -62px -1320px; }.ICON-al-35 { background-position: -62px -1360px; }.ICON-al-36 { background-position: -62px -1400px; }.ICON-al-37 { background-position: -62px -1441px; }.ICON-al-38 { background-position: -62px -1481px; }.ICON-al-39 { background-position: -62px -1521px; }.ICON-al-40 { background-position: -62px -1561px; }.ICON-al-41 { background-position: -62px -1601px; }.ICON-al-42 { background-position: -62px -1641px; }.ICON-al-43 { background-position: -62px -1681px; }.ICON-al-44 { background-position: -62px -1721px; }.ICON-al-45 { background-position: -62px -1761px; }.ICON-al-46 { background-position: -62px -1801px; }.ICON-al-47 { background-position: -62px -1841px; }.ICON-al-48 { background-position: -62px -1882px; }.ICON-al-49 { background-position: -62px -1920px; }.ICON-al-50 { background-position: -62px -1960px; }.ICON-fans-mark,.ICON-guard-mark { background: url("//static.youku.com/ddshow/img/room/mark_bg_v2.png") no-repeat; }.ICON-fans-mark { width: 58px; height: 16px; display: inline-block; }.ICON-fm-y-0 { display: none; }.ICON-fm-0, .ICON-fm-y-0 { background-position: -999px -999px; }.ICON-fm-1 { background-position: -75px -34px; }.ICON-fm-2 { background-position: -75px -57px; }.ICON-fm-3 { background-position: -75px -77px; }.ICON-fm-4 { background-position: -75px -199px; }.ICON-fm-5 { background-position: -75px -229px; }.ICON-fm-6 { background-position: -75px -104px; }.ICON-fm-7 { background-position: -75px -257px; }.ICON-fm-8 { background-position: -75px -287px; }.ICON-fm-9 { background-position: -75px -316px; }.ICON-fm-10 { background-position: -75px -168px; }.ICON-fm-y-1 { background-position: -6px -34px; }.ICON-fm-y-2 { background-position: -6px -57px; }.ICON-fm-y-3 { background-position: -6px -77px; }.ICON-fm-y-4 { background-position: -6px -199px; }.ICON-fm-y-5 { background-position: -6px -229px; }.ICON-fm-y-6 { background-position: -6px -104px; }.ICON-fm-y-7 { background-position: -6px -257px; }.ICON-fm-y-8 { background-position: -6px -287px; }.ICON-fm-y-9 { background-position: -6px -316px; }.ICON-fm-y-10 { background-position: -6px -168px; }.ICON-guard-mark { width: 24px; height: 24px; display: inline-block; }.ICON-gm-0 { background-position: -999px -999px; width: 0; }.ICON-gm-1 { background-position: -0 0; }.ICON-gm-2 { background-position: -40px 0; }.ICON-gm-3 { background-position: -80px 0; }.ICON-gm-4 { background-position: -120px 0; }.ICON-room-rank { width: 20px; height: 20px; line-height: 18px; color: #552309; text-align: center; background: url("//static.youku.com/ddshow/img/v5/icon_rank_mark.png") no-repeat 0 -137px; }.ICON-rr-1 { background-position: 0 0; }.ICON-rr-2 { background-position: 0 -49px; }.ICON-rr-3 { background-position: 0 -89px; }.ICON-change-anchor,.ICON-change-anchor cite { background: url("//static.youku.com/ddshow/img/v5/hyh_bg.png") no-repeat; }.ICON-change-anchor { display: block; width: 78px; height: 22px; background-position: -12px -26px; padding: 5px 0 0 10px; }.ICON-change-anchor cite { display: block; width: 16px; height: 16px; background-position: -12px -4px; -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: -moz-transform 0.4s ease-in-out 0s; -moz-transition: transform 0.4s ease-in-out 0s; -webkit-transition: -webkit-transform 0.4s ease-in-out 0s; -o-transition: -o-transform 0.4s ease-in-out 0s; }.ICON-change-anchor:hover { background-position: -12px -56px; }.ICON-change-anchor:hover cite { transition: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); }.ICON-online,.ICON-gift,.ICON-share,.ICON-weibo,.ICON-qq,.ICON-zone,.ICON-change,.ICON-edit,.ICON-copy,.ICON-lock-screen,.ICON-scroll-screen { background: url("//static.youku.com/ddshow/img/room/icon_bg.png") no-repeat; display: block; }.ICON-online { width: 19px; height: 19px; background-position: 0 0; }.ICON-gift { width: 21px; height: 19px; background-position: -51px 0; }.ICON-share { width: 21px; height: 19px; background-position: -103px 0; }.ICON-weibo { width: 26px; height: 20px; background-position: -286px -6px; }.ICON-qq { width: 26px; height: 20px; background-position: -334px -6px; }.ICON-zone { width: 26px; height: 20px; background-position: -391px -6px; }.ICON-change { position: absolute; bottom: 13px; left: 15px; width: 74px; height: 30px; background-position: -220px -235px; }.ICON-change:hover { background-position: -305px -235px; }.ICON-edit,.ICON-copy { width: 21px; height: 21px; cursor: pointer; }.ICON-edit { background-position: -296px -100px; }.ICON-copy { background-position: -328px -100px; }.ICON-huili { z-index: 100; width: 42px; height: 22px; line-height: 22px; border-radius: 3px; color: #FFF; text-align: center; background: #33aedf; position: absolute; display: block; cursor: pointer; }.ICON-horn { background: url("//static.youku.com/ddshow/img/channel/room_bg.png") no-repeat -580px -281px; display: inline-block; width: 22px; height: 22px; }.ICON-lock-screen { width: 27px; height: 23px; position: absolute; background-position: -87px -286px; right: 5px; top: 5px; padding-left: 20px; cursor: pointer; }.ICON-scroll-screen { width: 27px; height: 23px; position: absolute; background-position: -149px -286px; right: 5px; top: 5px; padding-left: 20px; cursor: pointer; }.ICON-guan { width: 20px; height: 19px; display: inline-block; vertical-align: middle; margin-right: 2px; background: url("//static.youku.com/ddshow/img/v5icons/guan_v2.png") no-repeat center center; }.ICON-angel { display: inline-block; height: 16px; width: 16px; margin-right: 5px; vertical-align: middle; background: url("//static.youku.com/ddshow/img/medal/guard_v2.png") no-repeat center center; }.ICON-angel-year { background: url("//static.youku.com/ddshow/img/medal/year_guard_v2.png") no-repeat center center; }.ICON-package-ka { display: inline-block; height: 19px; width: 17px; margin-right: 5px; vertical-align: middle; background: url("//static.youku.com/ddshow/img/v5icons/xuan_new.png") no-repeat center center; }.ICON-zhou { display: inline-block; height: 17px; width: 17px; margin-right: 3px; vertical-align: middle; }.ICON-shadow { display: inline-block; height: 17px; width: 17px; margin-right: 3px; vertical-align: middle; background: url("//static.youku.com/ddshow/img/room/icon_ying_new.png") no-repeat; }.ICON-gender { display: block; height: 16px; width: 16px; }.ICON-gender-0 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGlSURBVDhPpZM7TwJBEMe3MvGroB2HWhgTE2NhZ2GppY9CK0sTWwEVfBBJiI0NPgoLOHyAoglBYiQ2BgwmFCQaIZiAp4I8HGcWPPa408ZJ/rm9ufnN7szNsnbrsQdMkk1elaxyUrL6y1w2OUE++tYM05tpcb/DbPVvYmAdBb+ojondfSt7nU2sYQ1YDhoAhjLb/CFimjhjZpvsMgr8S3RaDluWjrpw95pR0I8WfLcgGvmIIZbhwtEOGGl8JwLZ1xJU61+qj1jGuy0EkmZ2Y3CTyXOAno7zBOSUEkx6r0ApV1uxyDJcfKoO1OzBNTwjOH8Yh2FXCObw/anwAe5Iin+f8sZaCZDVJUhlizCNJxB9E3j8x8K7xteQX9GVUMMae5cDQlBDpUoNBpwnGh/+zjtdE6nuse1LTeDI1hkUSxWwCD4SJnAyye7rFn+jM5yEeOYFhjaC/H1w7RSi6Rx4og9amBhk+SyIg0S7rF8kebfTeYXvTA3Ee6BNgAyHyYxGud9xDKOeMNZ9rAFJulEm+9dlEo2PNjYHdY9XuYJ6o26TT61ZNca+AVUbNFx4OCeVAAAAAElFTkSuQmCC) no-repeat; }.ICON-gender-1 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAG2SURBVDhPpZPLSwJRFMbvKuhfsZY1WrRoU1tp0aZdMdN7YS16bCSMcmEvIiMoKggCc7QQsShMhBJ8RIGiQhJWQiRRWEEaxemem4zzsFUHPu7lu+d3H2fOEHU4uD6dqOcXnByfoir+Skiih2vlNG3s6TprRL2wQhO/6QjVhWv8msMwUlvGfgNhetJJdUgrp17wI1PGCRE53q5OOu2ZhWuHH7Lec4hNb4OruU+xTrXCYGcjXydywpd88cK6A++5PFzadiFi3oB8NAUPoTi4mmSbUAZZQq+zKIc97SYoPr+CzzhRSTb0wmMkBVHLZsWjQpZgteXm2egy5AIXikQUwllvSOEhS+ikJDeD/TZ2ZbmHulp0QEYMqP2SZgN3ywC83T9CaMwueT7jOKtJgLdKHhPHv2megDrummKb5GNp9hysSdSypcgpK6EpIsrTZgJ/9wzc7AfhJX0LwcE5OOyYVOSg6OFLxNXQU6/+jMGheVr1JBQyOfh4KrB5fNWtgJFBlvVCtUZChc3rcHcU1vhMlGEwxl+tjAU9aB1WeChNK2P862eSB7YnFocCaZr8Scd3qgR60pulIOQHDxUPrGYmSMUAAAAASUVORK5CYII=) no-repeat; }.ICON-right,.ICON-right-grey { display: inline-block; vertical-align: middle; }.ICON-right { background: url("//static.youku.com/ddshow/img/v5icons/icon-rights-3.png") no-repeat; }.ICON-right-grey { background: url("//static.youku.com/ddshow/img/v5icons/icon-rights-grey-3.png") no-repeat; }.ICON-right-48-13 { width: 48px; height: 48px; background-position: 0 0; }.ICON-right-48-12 { width: 48px; height: 48px; background-position: -53px 0; }.ICON-right-48-11 { width: 48px; height: 48px; background-position: -106px 0; }.ICON-right-48-34 { width: 48px; height: 48px; background-position: -159px 0; }.ICON-right-48-22 { width: 48px; height: 48px; background-position: -212px 0; }.ICON-right-48-21 { width: 48px; height: 48px; background-position: -265px 0; }.ICON-right-48-20 { width: 48px; height: 48px; background-position: -318px 0; }.ICON-right-48-19 { width: 48px; height: 48px; background-position: -371px 0; }.ICON-right-48-33 { width: 48px; height: 48px; background-position: -424px 0; }.ICON-right-48-27 { width: 48px; height: 48px; background-position: -477px 0; }.ICON-right-48-26 { width: 48px; height: 48px; background-position: -530px 0; }.ICON-right-48-25 { width: 48px; height: 48px; background-position: -583px 0; }.ICON-right-48-24 { width: 48px; height: 48px; background-position: -636px 0; }.ICON-right-48-23 { width: 48px; height: 48px; background-position: -689px 0; }.ICON-right-48-14 { width: 48px; height: 48px; background-position: -741px 0; }.ICON-right-48-15 { width: 48px; height: 48px; background-position: -794px 0; }.ICON-right-48-16 { width: 48px; height: 48px; background-position: -847px 0; }.ICON-right-48-17 { width: 48px; height: 48px; background-position: -900px 0; }.ICON-right-48-18 { width: 48px; height: 48px; background-position: -953px 0; }.ICON-right-32-13 { width: 32px; height: 32px; background-position: 0 -53px; }.ICON-right-32-12 { width: 32px; height: 32px; background-position: -53px -53px; }.ICON-right-32-11 { width: 32px; height: 32px; background-position: -106px -53px; }.ICON-right-32-34 { width: 32px; height: 32px; background-position: -159px -53px; }.ICON-right-32-22 { width: 32px; height: 32px; background-position: -212px -53px; }.ICON-right-32-21 { width: 32px; height: 32px; background-position: -265px -53px; }.ICON-right-32-20 { width: 32px; height: 32px; background-position: -318px -53px; }.ICON-right-32-19 { width: 32px; height: 32px; background-position: -371px -53px; }.ICON-right-32-33 { width: 32px; height: 32px; background-position: -424px -53px; }.ICON-right-32-27 { width: 32px; height: 32px; background-position: -477px -53px; }.ICON-right-32-26 { width: 32px; height: 32px; background-position: -530px -53px; }.ICON-right-32-25 { width: 32px; height: 32px; background-position: -583px -53px; }.ICON-right-32-24 { width: 32px; height: 32px; background-position: -636px -53px; }.ICON-right-32-23 { width: 32px; height: 32px; background-position: -689px -53px; }.ICON-right-32-14 { width: 32px; height: 32px; background-position: -741px -53px; }.ICON-right-32-15 { width: 32px; height: 32px; background-position: -794px -53px; }.ICON-right-32-16 { width: 32px; height: 32px; background-position: -847px -53px; }.ICON-right-32-17 { width: 32px; height: 32px; background-position: -900px -53px; }.ICON-right-32-18 { width: 32px; height: 32px; background-position: -953px -53px; }.ICON-right-24-13 { width: 24px; height: 24px; background-position: 0 -90px; }.ICON-right-24-12 { width: 24px; height: 24px; background-position: -53px -90px; }.ICON-right-24-11 { width: 24px; height: 24px; background-position: -106px -90px; }.ICON-right-24-34 { width: 24px; height: 24px; background-position: -159px -90px; }.ICON-right-24-22 { width: 24px; height: 24px; background-position: -212px -90px; }.ICON-right-24-21 { width: 24px; height: 24px; background-position: -265px -90px; }.ICON-right-24-20 { width: 24px; height: 24px; background-position: -318px -90px; }.ICON-right-24-19 { width: 24px; height: 24px; background-position: -371px -90px; }.ICON-right-24-33 { width: 24px; height: 24px; background-position: -424px -90px; }.ICON-right-24-27 { width: 24px; height: 24px; background-position: -477px -90px; }.ICON-right-24-26 { width: 24px; height: 24px; background-position: -530px -90px; }.ICON-right-24-25 { width: 24px; height: 24px; background-position: -583px -90px; }.ICON-right-24-24 { width: 24px; height: 24px; background-position: -636px -90px; }.ICON-right-24-23 { width: 24px; height: 24px; background-position: -689px -90px; }.ICON-right-24-14 { width: 24px; height: 24px; background-position: -741px -90px; }.ICON-right-24-15 { width: 24px; height: 24px; background-position: -794px -90px; }.ICON-right-24-16 { width: 24px; height: 24px; background-position: -847px -90px; }.ICON-right-24-17 { width: 24px; height: 24px; background-position: -900px -90px; }.ICON-right-24-18 { width: 24px; height: 24px; background-position: -953px -90px; }.ICON-right-16-13 { width: 16px; height: 16px; background-position: 0 -119px; }.ICON-right-16-12 { width: 16px; height: 16px; background-position: -53px -119px; }.ICON-right-16-11 { width: 16px; height: 16px; background-position: -106px -119px; }.ICON-right-16-34 { width: 16px; height: 16px; background-position: -159px -119px; }.ICON-right-16-22 { width: 16px; height: 16px; background-position: -212px -119px; }.ICON-right-16-21 { width: 16px; height: 16px; background-position: -265px -119px; }.ICON-right-16-20 { width: 16px; height: 16px; background-position: -318px -119px; }.ICON-right-16-19 { width: 16px; height: 16px; background-position: -371px -119px; }.ICON-right-16-33 { width: 16px; height: 16px; background-position: -424px -119px; }.ICON-right-16-27 { width: 16px; height: 16px; background-position: -477px -119px; }.ICON-right-16-26 { width: 16px; height: 16px; background-position: -530px -119px; }.ICON-right-16-25 { width: 16px; height: 16px; background-position: -583px -119px; }.ICON-right-16-24 { width: 16px; height: 16px; background-position: -636px -119px; }.ICON-right-16-23 { width: 16px; height: 16px; background-position: -689px -119px; }.ICON-right-16-14 { width: 16px; height: 16px; background-position: -741px -119px; }.ICON-right-16-15 { width: 16px; height: 16px; background-position: -794px -119px; }.ICON-right-16-16 { width: 16px; height: 16px; background-position: -847px -119px; }.ICON-right-16-17 { width: 16px; height: 16px; background-position: -900px -119px; }.ICON-right-16-18 { width: 16px; height: 16px; background-position: -953px -119px; }.ICON-right-16-32 { width: 12px; height: 16px; background-position: -1007px -119px; }.ICON-right-24-32 { width: 24px; height: 24px; background-position: -1007px -90px; }.ICON-right-32-32 { width: 32px; height: 32px; background-position: -1007px -52px; }.ICON-right-48-32 { width: 48px; height: 48px; background-position: -1007px 0; }.ICON-medal { display: inline-block; margin-right: 3px; height: 20px; vertical-align: middle; }.ICON-medal img.medal-img { margin: 0; width: auto; height: 16px; vertical-align: top; }.ICON-master-level,.ICON-active-level { background: url("//static.youku.com/ddshow/img/channel/community_level_v1.png") no-repeat; }.ICON-master-level { display: inline-block; *display: inline; *zoom: 1; width: 22px; height: 16px; vertical-align: middle; }.ICON-active-level,.ICON-ml-33,.ICON-ml-no { background-position: 0 0; }.ICON-ml-1 { background-position: 0 -40px; }.ICON-ml-2 { background-position: 0 -80px; }.ICON-ml-3 { background-position: 0 -120px; }.ICON-ml-4 { background-position: 0 -160px; }.ICON-ml-5 { background-position: 0 -200px; }.ICON-ml-6 { background-position: 0 -240px; }.ICON-ml-7 { background-position: 0 -280px; }.ICON-ml-8 { background-position: 0 -320px; }.ICON-ml-9 { background-position: 0 -360px; }.ICON-ml-10 { background-position: 0 -400px; }.ICON-ml-11 { background-position: 0 -440px; }.ICON-ml-12 { background-position: 0 -480px; }.ICON-ml-13 { background-position: 0 -520px; }.ICON-ml-14 { background-position: 0 -560px; }.ICON-ml-15 { background-position: 0 -600px; }.ICON-ml-16 { background-position: 0 -640px; }.ICON-ml-17 { background-position: 0 -680px; }.ICON-ml-18 { background-position: 0 -720px; }.ICON-ml-19 { background-position: 0 -760px; }.ICON-ml-20 { background-position: 0 -800px; }.ICON-ml-21 { background-position: 0 -840px; }.ICON-ml-22 { background-position: 0 -880px; }.ICON-ml-23 { background-position: 0 -920px; }.ICON-ml-24 { background-position: 0 -960px; }.ICON-ml-25 { background-position: 0 -1000px; }.ICON-ml-26 { background-position: 0 -1040px; }.ICON-ml-27 { background-position: 0 -1080px; }.ICON-ml-28 { background-position: 0 -1120px; }.ICON-ml-29 { background-position: 0 -1160px; }.ICON-ml-30 { background-position: 0 -1200px; }.ICON-ml-31 { background-position: 0 -1240px; }.ICON-ml-32 { background-position: 0 -1280px; }.ICON-active-level { display: inline-block; *display: inline; *zoom: 1; width: 23px; height: 16px; vertical-align: middle; }.ICON-acl-0,.ICON-acl-41,.ICON-acl-no { background-position: -27px 0; }.ICON-acl-1 { background-position: -27px -41px; }.ICON-acl-2 { background-position: -27px -81px; }.ICON-acl-3 { background-position: -27px -121px; }.ICON-acl-4 { background-position: -27px -161px; }.ICON-acl-5 { background-position: -27px -201px; }.ICON-acl-6 { background-position: -27px -241px; }.ICON-acl-7 { background-position: -27px -281px; }.ICON-acl-8 { background-position: -27px -321px; }.ICON-acl-9 { background-position: -27px -361px; }.ICON-acl-10 { background-position: -27px -401px; }.ICON-acl-11 { background-position: -27px -441px; }.ICON-acl-12 { background-position: -27px -481px; }.ICON-acl-13 { background-position: -27px -521px; }.ICON-acl-14 { background-position: -27px -561px; }.ICON-acl-15 { background-position: -27px -601px; }.ICON-acl-16 { background-position: -27px -641px; }.ICON-acl-17 { background-position: -27px -681px; }.ICON-acl-18 { background-position: -27px -721px; }.ICON-acl-19 { background-position: -27px -761px; }.ICON-acl-20 { background-position: -27px -801px; }.ICON-acl-21 { background-position: -27px -841px; }.ICON-acl-22 { background-position: -27px -881px; }.ICON-acl-23 { background-position: -27px -921px; }.ICON-acl-24 { background-position: -27px -961px; }.ICON-acl-25 { background-position: -27px -1001px; }.ICON-acl-26 { background-position: -27px -1041px; }.ICON-acl-27 { background-position: -27px -1081px; }.ICON-acl-28 { background-position: -27px -1121px; }.ICON-acl-29 { background-position: -27px -1161px; }.ICON-acl-30 { background-position: -27px -1201px; }.ICON-acl-31 { background-position: -27px -1241px; }.ICON-acl-32 { background-position: -27px -1281px; }.ICON-acl-33 { background-position: -27px -1321px; }.ICON-acl-34 { background-position: -27px -1361px; }.ICON-acl-35 { background-position: -27px -1401px; }.ICON-acl-36 { background-position: -27px -1441px; }.ICON-acl-37 { background-position: -27px -1481px; }.ICON-acl-38 { background-position: -27px -1521px; }.ICON-acl-39 { background-position: -27px -1561px; }.ICON-acl-40 { background-position: -27px -1601px; }.ICON-active-level-bg { background: url("//static.youku.com/ddshow/img/channel/active_bg_v3.png") no-repeat 8px -120px; display: inline-block; *display: inline; *zoom: 1; width: 50px; color: #FFF; height: 16px; font-size: 12px; line-height: 16px; vertical-align: middle; }.ICON-active-level-bg img { vertical-align: top; min-width: 16px; height: 16px; overflow: hidden; }.ICON-active-level-bg-no { background-position: 8px -150px; }.dds-dialog-bg { position: absolute; top: 0; left: 0; width: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); }.dds-dialog-boxer { position: absolute; color: #000; top: 0; left: 0; } .dds-dialog-boxer .dds-dialog-tl, .dds-dialog-boxer .dds-dialog-tr, .dds-dialog-boxer .dds-dialog-bl, .dds-dialog-boxer .dds-dialog-br, .dds-dialog-boxer .dds-dialog-tc .dds-dialog-closed { background: url(//static.youku.com/ddshow/img/dialog_bg_icon.png) no-repeat; overflow: hidden; width: 5px; } .dds-dialog-boxer .dds-dialog-tl { height: 30px; background-position: -88px 0; } .dds-dialog-boxer .dds-dialog-tc { height: 30px; background: #F9F7FB url(//static.youku.com/ddshow/img/dialog_bg_x.png) repeat-x; position: relative; } .dds-dialog-boxer .dds-dialog-tr { height: 30px; background-position: -110px 0; } .dds-dialog-boxer .dds-dialog-cl { width: 5px; background: url(//static.youku.com/ddshow/img/dialog_bg_y.png) repeat-y; } .dds-dialog-boxer .dds-dialog-cc { background: #F9F7FB; } .dds-dialog-boxer .dds-dialog-cr { width: 5px; background: url(//static.youku.com/ddshow/img/dialog_bg_y.png) repeat-y -6px 0; } .dds-dialog-boxer .dds-dialog-bl { height: 9px; background-position: 0 -9px; } .dds-dialog-boxer .dds-dialog-bc { height: 9px; background: url(//static.youku.com/ddshow/img/dialog_bg_x.png) repeat-x 0 -56px; } .dds-dialog-boxer .dds-dialog-br { height: 9px; background-position: -22px -9px; } .dds-dialog-boxer .dds-dialog-tc .dds-dialog-closed { width: 12px; height: 12px; overflow: hidden; position: absolute; cursor: pointer; right: 8px; top: 8px; background-position: -48px -4px; } .dds-dialog-boxer .dds-dialog-tc .dds-dialog-closed-over { background-position: -70px -4px; } .dds-dialog-boxer .dds-dialog-tc .dds-dialog-title { float: left; color: #666; line-height: 30px; padding-left: 10px; } .dds-dialog-boxer .dds-dialog-alert { width: 300px; } .dds-dialog-boxer .dds-dialog-alert .dds-dialog-txt { text-align: center; padding: 30px 20px; } .dds-dialog-boxer .dds-dialog-alert .dds-dialog-btnc { text-align: right; background: #F7F7F7; border-top: 1px solid #DEDCDC; padding: 10px; } .dds-dialog-boxer .dds-dialog-alert .dds-dialog-btn { width: 55px; height: 28px; background: url(//static.youku.com/ddshow/img/dialog_btn_bg.png) no-repeat 0 0; border: none; cursor: pointer; } .dds-dialog-boxer .dds-dialog-confirm { width: 300px; } .dds-dialog-boxer .dds-dialog-confirm .dds-dialog-txt { text-align: center; padding: 30px 20px; } .dds-dialog-boxer .dds-dialog-confirm .dds-dialog-btn { text-align: right; background: #F7F7F7; border-top: 1px solid #DEDCDC; padding: 10px; } .dds-dialog-boxer .dds-dialog-confirm .dds-dialog-sure { width: 55px; height: 28px; background: url(//static.youku.com/ddshow/img/dialog_btn_bg.png) no-repeat 0 0; border: none; cursor: pointer; margin-right: 10px; } .dds-dialog-boxer .dds-dialog-confirm .dds-dialog-cancel { width: 55px; height: 28px; background: url(//static.youku.com/ddshow/img/dialog_btn_bg.png) no-repeat 0 -29px; border: none; cursor: pointer; }.dds-dialog-tip .dds-dialog-tl, .dds-dialog-tip .dds-dialog-tr, .dds-dialog-tip .dds-dialog-cl, .dds-dialog-tip .dds-dialog-cr, .dds-dialog-tip .dds-dialog-bl, .dds-dialog-tip .dds-dialog-bc, .dds-dialog-tip .dds-dialog-br { width: auto; height: 1px; font-size: 0; line-height: 1px; overflow: hidden; margin-top: -1px; background: none; }.dds-dialog-tip .dds-dialog-arrows { background: url(//static.youku.com/ddshow/img/dialog_bg_icon.png) no-repeat; overflow: hidden; width: 5px; }.dds-dialog-tip .dds-dialog-tc { width: auto; height: 1px; font-size: 0; line-height: 1px; margin-top: -1px; background: none; } .dds-dialog-tip .dds-dialog-tc .dds-dialog-closed { display: none; } .dds-dialog-tip .dds-dialog-tc .dds-dialog-closed-on { display: block; cursor: pointer; }.dds-dialog-tip .dds-dialog-cc { min-width: 50px; background: url(//static.youku.com/ddshow/img/room/bubble_dot.png); border: 1px solid #085e75; padding: 4px; border-radius: 3px; } .dds-dialog-tip .dds-dialog-cc .dds-dialog-con { padding: 3px; color: #FFF; }.dds-dialog-tip .dds-dialog-arrows { position: absolute; overflow: hidden; background: url(//static.youku.com/ddshow/img/room/icon_bg.png) no-repeat; }.dds-dialog-tip .dds-dialog-bottom { background-position: -211px -88px; width: 9px; height: 6px; }.dds-dialog-tip .dds-dialog-left { background-position: -256px -89px; width: 6px; height: 9px; }.dds-dialog-tip .dds-dialog-top { background-position: -231px -88px; width: 9px; height: 6px; }.dds-dialog-tip .dds-dialog-right { background-position: -272px -89px; width: 6px; height: 9px; }.dds-dialog-tip .tipClose { color: #FF6907; } .dds-dialog-tip .tipClose:hover { color: #FF823F; }.dds-dialog-none-bg { position: absolute; top: 0; left: 0; width: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); }.dds-dialog-none-boxer { position: absolute; color: #000; }.S-header { position: fixed; top: 0; left: 0; right: 0; z-index: 10; background-color: #FFF; height: 70px; border-bottom: 1px solid #EEE; min-width: 1252px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.01); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.01); }.S-header-empty { height: 71px; }.S-header .lf-container { margin: 0 auto; width: 1252px; height: 70px; }.S-header .logo { float: left; height: 54px; margin-top: 14px; width: 160px; }.S-header .logo a { display: block; }.S-header .logo a:hover { text-decoration: none; }.S-header .logo a img { float: left; height: 42px; }.S-header .logo a span { color: #666; float: left; line-height: normal; padding-top: 6px; display: none; }.S-header .nav { float: left; position: relative; margin-right: 20px; }.S-header .nav li { float: left; position: relative; }.S-header .nav li > a { display: block; height: 70px; padding: 0 18px; line-height: 70px; color: #000; font-size: 16px; }.S-header .nav li .line { display: none; position: absolute; left: 50%; margin-left: -10px; bottom: -3px; width: 20px; height: 2px; background: #FFD013; }.S-header .nav li .line3 { width: 30px; margin-left: -15px; }.S-header .nav li.current a { text-decoration: none; font-weight: bold; color: #FFD013; }.S-header .nav li.current .line { display: inline-block; bottom: 10px; }.S-header .nav li:hover a { text-decoration: none; color: #FFD013; }.S-header .search { float: left; background: #f2f2f2; height: 34px; width: 246px; border-radius: 17px; margin-top: 20px; }.S-header .search .txt { float: left; padding-left: 18px; width: 190px; background: none; border: none; height: 34px; line-height: 34px; font-size: 12px; color: #000; }.S-header .nav li .arrow { vertical-align: middle; display: inline-block; margin-left: 4px; width: 0; height: 0; border-style: solid; border-width: 7px 5px 0 5px; border-color: #000 transparent transparent transparent; }.S-header .nav li.current .arrow { border-style: solid; border-width: 7px 5px 0 5px; border-color: #ffd013 transparent transparent transparent; }.S-header .nav li:hover .arrow { vertical-align: middle; border-width: 0 5px 7px 5px; border-color: transparent transparent #ffd013 transparent; }.S-header .nav li .category-panel { display: none; position: absolute; z-index: 99; width: 286px; min-height: 50px; padding-bottom: 15px; top: 52px; left: 50%; margin-left: -143px; background: #FFFFFF; border: 1px solid #FFD013; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.14); border-radius: 6px; }.S-header .nav li:hover .category-panel { display: block; }.S-header .nav li .category-panel .panel-jiao-yellow { position: absolute; top: -6px; left: 50%; margin-left: -5px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #ffd013 transparent; }.S-header .nav li .category-panel .panel-jiao-white { position: absolute; top: -4px; left: 50%; margin-left: -5px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #fff transparent; }.S-header .nav .category-panel .category-list { padding-top: 15px; padding-left: 15px; }.S-header .nav .category-panel .category-list span { display: block; float: left; margin-right: 8px; margin-bottom: 10px; width: 80px; height: 28px; background: #F5F5F5; border-radius: 16px; font-size: 12px; color: #666666; text-align: center; cursor: pointer; }.S-header .nav .category-panel .category-list span a { display: block; height: 100%; width: 100%; padding: 0; font-size: 12px; color: #666666; line-height: 28px; }.S-header .nav .category-panel .category-list span:hover { background: #FFD013; }.S-header .nav .category-panel .category-list span:hover a { color: #000000; }.S-header .nav .category-panel .category-more { display: block; margin: 5px auto 0; width: 256px; height: 32px; line-height: 32px; font-size: 14px; color: #000000; text-align: center; background: #FFD013; border-radius: 100px; }.S-header .nav .category-panel .category-more:hover { color: #000000; background: #E5BA10; }::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); font-family: '微软雅黑'; }.S-header .search .btn { width: 20px; height: 20px; border: none; opacity: 0.6; background: url(https://gw.alicdn.com/tfs/TB1XjBbalKw3KVjSZTEXXcuRpXa-40-40.png) no-repeat; background-size: 20px 20px; float: right; cursor: pointer; margin-right: 14px; margin-top: 7px; transition: 300ms opacity ease; }.S-header .search .btn:hover { opacity: 0.6; }.S-header .user { float: right; height: 70px; margin-right: 22px; }.user-info-wrap_search { float: right; padding: 21px 0 0; color: #FFF; font-size: 14px; line-height: 27px; }.user-info-wrap_search .user-name-link { color: #000; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGBJREFUeNpiZmBgmA/ETEB8gwE7CADichAjEYh/ALEXFkWeULkkmEA6EH8DYlckRS5A/BWIM9F150Ml7IHYDsouwOEchlIg/gzEn2DuggFmNIXHgJgViI8DcSuyBECAAQBFtBD/HmR0zAAAAABJRU5ErkJggg==) no-repeat right center; padding-right: 15px; }.user-info-wrap_search .buy { float: right; width: 41px; height: 24px; background: #D14179; border: 1px solid #EC0053; border-radius: 3px; line-height: 24px; text-align: center; }.user-info-wrap_search .buy:hover { text-decoration: none; }.user-info-wrap_search .name { float: left; height: 27px; margin-left: 10px; margin-right: 17px; }.user-info-wrap_search .name .ICON-noble-level { margin-right: 10px; vertical-align: middle; }.user-info-wrap_search .count { float: left; }.user-info-wrap_search .count .ICON-coins { margin-left: 5px; vertical-align: middle; }.user-info-wrap_search .msg { margin: 1px 0 0 0; float: left; width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA21JREFUaAXtmDloFkEUx+NtvC+8NUVUvIIYLBQrjSLaCGIjKDaKnWKhjZXYqUGxsBFBLAQLwULUQhGPQjRGDWgRNAFPJN54378/7Asvybffbr5vN1lwH/yYN7sz75jZnZ2diopc8hH4v0egT8Lpj8beGlgJ02AS6FobvIBWOA+X4CtkRmqJ5Bz8hL8x+EybE1AFvSoT8H4K/kCcwDu3+Ua/eqiEHheN+lPwQf2mfgN2wXKYDROhBlbBPmgC30d6A0yFHpPVePoCFohm4DTMgDiymEZXwfqrfAlzIXWZh4ePYM7foNeV6HUL/b47W4/Rx5ZoK1a3UbRqAQteDqtj9QxvtJRbH8BsXkHvG968vDsHnaP36HPKM9feW0uv3h9LYnP7nQSVKmxp1TAn6xO0LVN7ne0n6IN1MUk5gjEL/lqShgNbQyifOx9bk/bhl8xlSRsP7G13CVxI0sciZ/gVelov2WRs20dRq9NwKCpxA9G6baK9jJykIdovNQaGB1LqY1lU4iagkTFpNiWl0tv3fgu6KyUBjVKa4u0nloA+YCZa/9MUfdRMRpoSVsadgbD+aVzXUm0S+b+SxQQig7bsVGYxAR9fpJ4nEDlEKTfI4gz4lzgy/SwmkL/EhabNz1S3priQsYhr+rEx6WdKOaW+wm/B/gX0T5ym6EfJfD1ALzuJo87gvTQjD2wPpXztfO4ox+cKOtv+XKOythxj3ei7m7Y2CzrFi3tc08HFeGraGZqhMx3uplvpj/n7zvdtdP0fdJFiz5cOqvwPxS3q2h3KkM6FfkDSMgyDC0GHw1NgFki0rR4Al1XxErbm6kSg2OmxZkX/yA+hFZSQ0FbYdCv1CFTCiAANgukqVa+C+TAdwmJ6xL2ZEFvqaRn3tNkes7TKT8SyrVDkYdla20EoNaBprYUFoFEYB2lJG4abQSvenQDN9C/oIlEJdOkQXNDUVweso9wQXNcj1AhK3NA7o5nUKYNQIEtAL6rkENwEPSI6qpSNHhWtVnpf7PHZGeH9uGvbgu6/8hFd07u93wWlrcAe0Ax4GUPlGFiiKjf5Br2p63G4CD64Z9S1FB+As/AO/P3D1DMlei+ugw8yTD9Ju0w8Op1HUIvCRtDoFwq+iet1kJiUugpFBaCvplYaLcH6UGlz1gB3QYnlko9APgIJjcA///AOMXa9hH8AAAAASUVORK5CYII=) no-repeat 0 0; cursor: pointer; z-index: 100; background-size: 24px 24px; }.S-header .user .no-login { line-height: 70px; height: 70px; width: 80px; color: #000; text-align: center; font-size: 14px; position: relative; }.S-header .user .no-login a { color: #000; width: 40px; text-align: center; float: left; }.S-header .user .no-login a:hover { text-decoration: none; color: #ffd013; }.S-header .user .no-login cite { position: absolute; top: 28px; left: 39px; width: 1px; height: 15px; background: #000; overflow: hidden; text-indent: 9999px; }.user-info-wrap_search .msg { padding-bottom: 10px; }.dds-pop-co { margin-top: 1px; margin-left: -4px; }.S-header .hot-icon { position: absolute; width: 22px; height: 12px; top: 9px; left: 35px; background: url(//static.youku.com/ddshow/img/home/header_nav_hot.gif) no-repeat 0 0; }@media screen and (min-width: 1550px) { .S-header .S-header-box { background: none; } .S-header .lf-container { width: 1487px; } .S-header .logo { margin-left: 0; } .S-header .user { margin-right: 0; } }.ie-width-1600 .S-header,.ie-width-1474 .S-header { background: url(http://static.youku.com/ddshow/img/laifeng/header/header_bg_v2.jpg) no-repeat center center; }.ie-width-1600 .S-header .S-header-box,.ie-width-1474 .S-header .S-header-box { background: none; }.ie-width-1600 .S-header .lf-container { width: 1487px; }.ie-width-1600 .logo { margin-left: 0; }.ie-width-1600 .user { margin-right: 0; }.dds-im-notice-container { border: 1px solid #ffd727; border-radius: 4px; top: 18px; }.dds-im-notice-list li { padding: 10px 0; padding-left: 37px; color: #202020; }.dds-im-notice-list li span.title .hl { color: #ffa000; }.dds-im-notice-list li .icon,.dds-im-notice-list li.un-read .icon { width: 18px; height: 18px; left: 13px; top: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgFJREFUeNpslL9KXUEQxndPLERNtJEkKNyEVIKghWiTwuLeLrESkhfQoJgiPoAg1mKlIIiCEGJnEQJBsFFS+AJWgWAEUwTFiKAQ4+Q3Z/8erwvfmdnZnW9mZ2eP/VMfNneHBeLUV2DVm96Bz+W63yC5z31EcdGaYxEzpW7W2mUReaYkIvkey1xMUXW0ii7UBXCMpZf5R/Qt3GvIH/jMwdWevByrvWgMxwjw9PP9SoTfTNfAAU7fWf6L/gQMAc2wG3sD+0lM4qIx4nhFWol+iPzC9ANoA0vYRpEv/B4VBQE3UZW4HogKTcdveAvOwaxxqe+DKzDg1iVkfct3AvU5QV4mojRe47Bk3DFWwA4bZ7BduoL625QyMw2wghwLt1hIuE5j+sAeTg+QGmlevfxa7AubDLtog8aTt6QF6eFz5I9Zi72UPiark44TtFo8mqQaSWiBqqtvi9iqcc8ZeBzyKLL+qUTMj1QGy7Mpj2xv2HIbyIvQmaDDVgoSeysGKXWfrbjqF4FclYfIDbAuLlIIGiuc1aVyZMw7iEXQqRmtgp9MJvMs8neU9OrDZrzB/k+T0Ed7iqI3dn23Ts1kzRkyHrHnF9dvvmG/CgSxHnktKoTS9MvBtl15tPnRylpae4rzONIi9S/w1Gb/EYmtIKalmSSljpxGfPLz9ynrECjl9V+AAQBzqPT0r6xDvgAAAABJRU5ErkJggg==) no-repeat; }.dds-im-notice-list li.read { color: #999; }.dds-im-notice-list li.read .icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATlJREFUeNqk1C9IA2EYx/HbbUHQ4Zp/JgxhZSBosZksFrXJzIKK4sqSaSAuWMSkckVBUTQNXBtYFIsgFquICpo2FpQFN+f3hScc+t57+vrAB17Gw+/evc97F/E8zzHUJFRDBIsoBzXGHHPtSkAb26YgV/NbAut4xgCOcIIUHlBAZ1jQEO7kL21gVAJ6kcYqxnGN/qCgDpyhJAGHWMIN3nGPUwm6xUFQ0CzqyMvWL9HA8Lddf2IegxjTBU1hCx/YQQUreNOcY0N6pnVBGVwgKk9aC5noOUZ040/iUdYpJ7xe/H3+HbWdv1UNPaZ79NtqysH/COqyCHP9izj2sWcRpCa7iW5XXsonLFgEZdFSm1BTm8Cc5TmpARXxqoKu5IL9p0ox/+3UVBUzslZfgT7b79EyjmWdMzV+CTAAIcA7newypyoAAAAASUVORK5CYII=) no-repeat; }.dds-im-notice-list li span.on { color: #ffa000; }.dds-im-notice-list li span.content a,.dds-im-notice-list li span.title a { color: #ffa000; }.dds-im-notice-container .dds-im-notice-bottom { height: 48px; line-height: 48px; }.dds-im-notice-container .dds-im-notice-bottom a { color: #202020; font-size: 14px; }.dds-im-notice-nomsg .dds-im-notice-bottom { display: none; }.dds-im-notice-list li.un-read span.title { color: #202020; }.dds-pop-co .dds-pop-left,.dds-pop-co .dds-pop-right { background-color: none; }.dds-pop-co .dds-pop-left,.dds-pop .dds-pop-right { display: inline; position: relative; }.dds-pop .dds-pop-text { display: block; font-size: 12px; height: 14px; line-height: 14px; background: #ff2b2b; color: #FFF; border: 1px solid #FFF; border-radius: 8px; min-width: 14px; text-align: center; }.S-footer { clear: both; background: #000; color: #999; } .S-footer a { color: #999; } .S-footer span.line { font-family: arial; padding: 0 12px; } .S-footer .lf-container { margin: 0 auto; width: 1190px; } .S-footer .footer-inner { padding: 30px 0; font-size: 14px; line-height: 24px; text-align: center; background: #000; }.dds-pager { float: right; }.dds-pager i { width: 12px; float: left; height: 26px; line-height: 26px; }.dds-pager .dds-pager-page { color: #FFF; float: left; height: 26px; line-height: 26px; margin-right: 3px; padding: 0 3px; white-space: nowrap; cursor: pointer; }.dds-pager .dds-pager-previous { display: none; background: url("//static.youku.com/ddshow/img/fans_page_bg.png") no-repeat 0 -130px; height: 26px; width: 66px; cursor: pointer; text-indent: -999px; overflow: hidden; padding: 0; }.dds-pager .dds-pager-next { background: url("//static.youku.com/ddshow/img/fans_page_bg.png") no-repeat -69px -130px; height: 26px; width: 66px; cursor: pointer; text-indent: -999px; overflow: hidden; padding: 0; }.dds-pager .dds-pager-current { background: #51565B; border: 1px solid #28282B; height: 24px; line-height: 24px; border-radius: 3px; cursor: default; }body { min-width: 1252px; }.style { background-color: #FFF; }body { background-color: #FFFFFF; font-family: MicrosoftYaHei; }.footer { margin-top: 40px; }.perform-wrapper { width: 1200px; margin: 0 auto; padding: 60px 0; padding-top: 25px; border-bottom: 1px solid #EBEBEB; }.perform-wrapper .perform-title { padding-bottom: 13px; font-size: 28px; color: #333333; border-bottom: 1px solid #EBEBEB; margin-bottom: 40px; }.perform-wrapper .perform-title .perform-title-text { position: relative; line-height: 37px; }.perform-wrapper .perform-title .perform-title-text:after { background-color: #FFD013; width: 100%; height: 6px; display: block; content: ''; position: absolute; bottom: -14px; }.perform-wrapper .perform-con { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }.perform-wrapper .perform-con .perform-li { display: block; width: 380px; margin-right: 30px; margin-bottom: 60px; position: relative; }.perform-wrapper .perform-con .perform-li:nth-child(3n) { margin-right: 0; }.perform-wrapper .perform-con .perform-li:nth-last-child(-n+3) { margin-bottom: 0; }.perform-wrapper .perform-con .perform-li .img { width: 380px; height: 214px; display: block; -o-object-fit: cover; object-fit: cover; margin-bottom: 16px; }.perform-wrapper .perform-con .perform-li .video { width: 380px; height: 214px; display: block; -o-object-fit: cover; object-fit: cover; margin-bottom: 16px; }.perform-wrapper .perform-con .perform-li .desc { font-size: 18px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; margin-bottom: 8px; }.perform-wrapper .perform-con .perform-li .type { font-size: 14px; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 19px; }.perform-wrapper .perform-con .perform-li .tic { position: absolute; width: 44px; line-height: 26px; height: 26px; text-align: center; background-image: -webkit-gradient(linear, right top, left top, from(#f60), to(#FF9700)); background-image: linear-gradient(-90deg, #f60 0%, #FF9700 100%); font-size: 14px; color: #FFFFFF; right: 0; top: 0; }.perform-wrapper .perform-tap { font-size: 14px; color: #333333; line-height: 19px; padding-bottom: 15px; border-bottom: 1px solid #ebebeb; margin-bottom: 30px; }.perform-wrapper .perform-tap .last { margin-right: 3px; }.perform-wrapper .perform-tap .cur { margin-left: 3px; color: #999999; }.perform-wrapper .perform-main-title { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 32px; margin-bottom: 12px; }.perform-wrapper .perform-main-title .tic { width: 60px; height: 32px; text-align: center; background-image: -webkit-gradient(linear, right top, left top, from(#f60), to(#FF9700)); background-image: linear-gradient(-90deg, #f60 0%, #FF9700 100%); font-size: 18px; color: #FFFFFF; margin-right: 16px; }.perform-wrapper .perform-main-title .text { font-weight: bold; font-size: 28px; color: #333333; }.perform-wrapper .perform-main-type { font-size: 14px; color: #999999; margin-bottom: 20px; }.perform-wrapper .perform-main-con { display: -webkit-box; display: -ms-flexbox; display: flex; }.perform-wrapper .perform-main-con .perform-main-video { width: 940px; height: 540px; background: #000000; }.perform-wrapper .perform-main-con .perform-main-desc { background-color: #F0F0F0; width: 200px; padding: 20px; }.perform-wrapper .perform-main-con .perform-main-desc .title { font-size: 18px; color: #333333; line-height: 24px; margin-bottom: 10px; }.perform-wrapper .perform-main-con .perform-main-desc .desc { font-size: 14px; color: #666666; line-height: 28px; }.perform-pager { margin: 40px auto 40px; width: 200px; float: none; }.dds-pager .dds-pager-page { color: #787878; height: 32px; line-height: 32px; padding: 0 12px; margin-right: 10px; }.dds-pager .dds-pager-current { color: #000; background: #ffd727; border-radius: 2px; font-weight: bold; border-color: #ffd727; }.dds-pager .dds-pager-next,.dds-pager .dds-pager-previous { text-align: center; padding: 0 16px; color: #000; text-indent: 0; width: auto; }.dds-pager .dds-pager-next { background: url(//static.youku.com/ddshow/img/home/page-arrow-right.png) no-repeat right center; }.dds-pager .dds-pager-previous { background: url(//static.youku.com/ddshow/img/home/page-arrow-left.png) no-repeat left center; }