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{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:normal}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}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}#checkout_counter_popup{font-family:"PingFang SC","Avenir Next","Avenir","Helvetica Neue",sans-serif !important;box-sizing:border-box}#checkout_counter_popup div,#checkout_counter_popup h1,#checkout_counter_popup h2,#checkout_counter_popup ul,#checkout_counter_popup li,#checkout_counter_popup ol,#checkout_counter_popup span,#checkout_counter_popup a,#checkout_counter_popup table,#checkout_counter_popup p,#checkout_counter_popup input,#checkout_counter_popup button,#checkout_counter_popup tr,#checkout_counter_popup td,#checkout_counter_popup th,#checkout_counter_popup img{box-sizing:border-box}#checkout_counter_popup *:before,#checkout_counter_popup *:after{box-sizing:inherit}#checkout_counter_mask{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:9998}#checkout_counter_popup{position:fixed;top:50%;left:50%;width:820px;height:682px;background-color:#ffffff;z-index:9999;border-radius:3px;transform:translate(-50%, -50%) scale(1);-webkit-transform:translate(-50%, -50%) scale(1);-moz-transform:translate(-50%, -50%) scale(1);-o-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1)}[data-pay="w1"] #checkout_counter_popup{transform:translate(-50%, -50%) scale(0.9);-webkit-transform:translate(-50%, -50%) scale(0.9);-moz-transform:translate(-50%, -50%) scale(0.9);-o-transform:translate(-50%, -50%) scale(0.9);-ms-transform:translate(-50%, -50%) scale(0.9)}[data-pay="w2"] #checkout_counter_popup{transform:translate(-50%, -50%) scale(0.8);-webkit-transform:translate(-50%, -50%) scale(0.8);-moz-transform:translate(-50%, -50%) scale(0.8);-o-transform:translate(-50%, -50%) scale(0.8);-ms-transform:translate(-50%, -50%) scale(0.8)}[data-pay="w3"] #checkout_counter_popup{transform:translate(-50%, -50%) scale(0.75);-webkit-transform:translate(-50%, -50%) scale(0.75);-moz-transform:translate(-50%, -50%) scale(0.75);-o-transform:translate(-50%, -50%) scale(0.75);-ms-transform:translate(-50%, -50%) scale(0.75)}.cc_header{height:60px;background:rgba(32,33,35,0.9);border-top-left-radius:3px;border-top-right-radius:3px}#cch_member_info{display:inline-block;height:60px}.cch_send_gift{display:none;float:right;margin-top:17px;margin-right:35px;padding-left:31.5px;height:25px;line-height:25px;font-size:16px;color:#EDD797;background-position:0 0;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAABWWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGBSSSwoyGFhYGDIzSspCnJ3UoiIjFJgv8/AxcDHwMvAwWCZmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsisp7v5ZqTvdTvrvc8lb6906QxM9SiAKyW1OBlI/wHi1OSCohIGBsYUIFu5vKQAxO4AskWKgI4CsueA2OkQ9gYQOwnCPgJWExLkDGTfALIVkjMSgWYw/gCydZKQxNOR2FB7QYDbJbO4ICexUiHAmIBryQAlqRUlINo5v6CyKDM9o0TBERhKqQqeecl6OgpGBoamDAygMIeo/hwIDktGsTMIseb7DAy2+////78bIea1n4Fhozkw+HYixDQsGBgEuRkYTuwsSCxKBAsxAzFTWhoDwydgePEGMDAIb2Ng4PxTnGZsBJZn5HFiYGC99///ZzUGBvbJDAx/J/z//3vR//9/FwM132FgOJAHAEf/Z5tAjj9dAAADoElEQVRIDY1Va0gUURQ+d2bW1kc+QFMyEwMpoTLtIQhB9SMiwcQfPX8VkVEk9ICkX9HPXj+K/kQJFT0JEXoZPQh616ZYEJRSkUUimq9Wd3dm7u2cuzPj7O5s7YXZe++553zfPefcc5aBx3hzbXsjU9hxBuyjpvn2LWo889lDTYr6XpxMD439PAbANgODtzBndn15eXPYra+4N7QOXNmRzwW/IDgvE4LXmYb+qrtt56p4Pdr33j8wIzj64ykXYrcAkSeEWA1f+vbG6yaQ6Dy8DQmyOOcgP8HzdIN3dLU1rXMbE0FY15+g7mIEB/qig+9y69E6gYRz0RA1QCsVatGrZgCuCVPc6LrZtJaM3t9uyZuYDD1EggrBxSOWrhRguB7TGVqV9DxoqaK1PWJIeu7umYa3X0IeoPG3mvWtL2s2tp5Gwy1MUVlBaVn7+NfWzqLS4oDPn74A797uU3nd3JUnBgXwDmlHHgmz1iagWXNv+geG5gtgPiRAMZuwz5ZuOHd1pOfsQcaUSj2iVzFFgdyiYlPh5uHC6v0yyRiBCUZWDH8Fr7ZtaXZIxKbqhUOB72vGc/ydYPJMVTfFn/ry86TE5pRkC19apWEYMvb4IPAhgcp6v19HneekY9x6XRyZmf8JNDWogcgQWxYvYJfffZD2YteKLBgeu4bWdSTwGryiDMJbG8BEEtM0wdB1IELo+wWFlzq8TKIyxu5AXvZGDX6PHkVJUgLSFghIoARORDRzJAMdif416OKIr6HfjWC/viQGbDQIRiQSJUASm8g3Fkxi4RIjPuaEhfCuLqnHEh+CbnlhE9CcMTLuoRwvYiEFc3ExXhy/p7oxKQ/ojfyQQJJSyP43EF+BeTlHsCRPoW5Sd4iEQCkvcqbQybz8MydC4iI+PW05fi6fMa6pahYojsg+Au5Pg+FV9PSj96B6o9JOGxyG7ECPo+csMLyGaf4pfjownWRTdYJVHkniPr2k/lyfLDQqNgWLkebM8CT4QzEN1+GRRWntYtqKo+GxkM2S2g16YLcP7F0emokix5PEo1hJtGlSlOyQYeeNVUm6S5mEbm+HgMIlvUnRk5TD5fbACVeKrqRIEv1TmgK38pJiwKZIBDit3Su4RGB/5JX0zMqPlz7yO3hTJAwCnsqWkAhoELhNhv/t1qnH5MJzkSiHMLPej97CoDZPBP/1hHAY4lnDIZn1bKAbq2wZvqB72JmHbQWa6b5ucHud4AnaSXvEkXgWyF+spTF1ZurTYQAAAABJRU5ErkJggg==)}.cchmi_icon{float:left;display:inline-block;margin:11px 0 11px 29px;width:38px;height:38px;border-radius:50%}.cchmi_name{float:left;display:inline-block;margin-left:7px;height:60px;line-height:60px;font-size:18px;color:#FFFFFF}.cchmi_vip_level{display:inline-block;margin:17px 0 18px 10px;padding:0 10px;height:25px;line-height:25px;font-size:14px;color:#1C1C1C;background-image:linear-gradient(-234deg, #DAB873 0%, #D1AF6A 20%, #AD8B46 100%);border-radius:12px 0 12px 0}.cchmi_login{display:inline-block;margin:15px 0 15px 20px;padding:0 25px;height:30px;line-height:30px;font-size:15px;color:#292929;border-radius:25px;background-color:#e3b561;background-image:linear-gradient(180deg, #e8c98a, #e3b662);cursor:pointer;border:none}.cchmi_login:focus{outline:none}.cc_popup_close{float:right;margin-top:22px;margin-right:28px;width:15px;height:15px;cursor:pointer;background-position:0 0;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABWWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGBSSSwoyGFhYGDIzSspCnJ3UoiIjFJgv8/AxcDHwMvAwWCZmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsisp7v5ZqTvdTvrvc8lb6906QxM9SiAKyW1OBlI/wHi1OSCohIGBsYUIFu5vKQAxO4AskWKgI4CsueA2OkQ9gYQOwnCPgJWExLkDGTfALIVkjMSgWYw/gCydZKQxNOR2FB7QYDbJbO4ICexUiHAmIBryQAlqRUlINo5v6CyKDM9o0TBERhKqQqeecl6OgpGBoamDAygMIeo/hwIDktGsTMIseb7DAy2+////78bIea1n4Fhozkw+HYixDQsGBgEuRkYTuwsSCxKBAsxAzFTWhoDwydgePEGMDAIb2Ng4PxTnGZsBJZn5HFiYGC99///ZzUGBvbJDAx/J/z//3vR//9/FwM132FgOJAHAEf/Z5tAjj9dAAAA+ElEQVQoFaWRoRLCMAyGaWY2g8biZjkkah6J4Rmm9iCTewYMEg1PwB0Sh8VObWol/27ZtSMdgt51XZN8f5LGlGV5tdYukyTZ53n+XvxYVVWt2rY9c9iLAPLPlg03OObYAbwxs+O4NSGjMebJhnROwAFTxMdxfDDIpDgyt4WQv4fnBEIgmBHWBIjo2HXdCS0NpXoVebAiwJxlru/RAxFL+LgLvSIjbANocXffQOK/YPSIUiUAArjDLjY5PXj6OFEUbVAyC6hjHOEpyHPMiqJ44AwJ/DdnLaP2OFocNU1zQU+hccjjQNBtARx6rnnf4dAyCoxTBBDPu/4An/YSZaVURhcAAAAASUVORK5CYII=)}#cch_coin_count{float:right;margin-right:40px;height:60px;line-height:60px;font-size:18px;color:#828282}#cc_err_hint{display:none;position:fixed;top:60px;padding-left:13px;width:100%;height:32px;line-height:32px;font-size:14px;color:#5D4C15;background:#F3E4AB;transform:translate3d(0);-webkit-transform:translate3d(0);-moz-transform:translate3d(0);-o-transform:translate3d(0);-ms-transform:translate3d(0);background-position:797px 9px;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABWWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGBSSSwoyGFhYGDIzSspCnJ3UoiIjFJgv8/AxcDHwMvAwWCZmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsisp7v5ZqTvdTvrvc8lb6906QxM9SiAKyW1OBlI/wHi1OSCohIGBsYUIFu5vKQAxO4AskWKgI4CsueA2OkQ9gYQOwnCPgJWExLkDGTfALIVkjMSgWYw/gCydZKQxNOR2FB7QYDbJbO4ICexUiHAmIBryQAlqRUlINo5v6CyKDM9o0TBERhKqQqeecl6OgpGBoamDAygMIeo/hwIDktGsTMIseb7DAy2+////78bIea1n4Fhozkw+HYixDQsGBgEuRkYTuwsSCxKBAsxAzFTWhoDwydgePEGMDAIb2Ng4PxTnGZsBJZn5HFiYGC99///ZzUGBvbJDAx/J/z//3vR//9/FwM132FgOJAHAEf/Z5tAjj9dAAAA+ElEQVQoFaWRoRLCMAyGaWY2g8biZjkkah6J4Rmm9iCTewYMEg1PwB0Sh8VObWol/27ZtSMdgt51XZN8f5LGlGV5tdYukyTZ53n+XvxYVVWt2rY9c9iLAPLPlg03OObYAbwxs+O4NSGjMebJhnROwAFTxMdxfDDIpDgyt4WQv4fnBEIgmBHWBIjo2HXdCS0NpXoVebAiwJxlru/RAxFL+LgLvSIjbANocXffQOK/YPSIUiUAArjDLjY5PXj6OFEUbVAyC6hjHOEpyHPMiqJ44AwJ/DdnLaP2OFocNU1zQU+hccjjQNBtARx6rnnf4dAyCoxTBBDPu/4An/YSZaVURhcAAAAASUVORK5CYII=);background-size:14px 14px;cursor:pointer}#cc_mem_types{height:70px}#cc_body{height:552px;overflow:auto}.ccmt_item{float:left;overflow:hidden;height:70px;background:#EFEFEF;text-align:center;cursor:pointer}.ccmt_item.current{background:#fff}.ccmt_item.ccmt_single{box-shadow:0 0 4px #dcdcdc inset}.ccmt_item .ccmt_name{display:inline-block;margin:8px auto 0;padding:0 0 0 35px;height:33px;line-height:33px;font-size:20px;background-position:0 3px;background-size:26px 26px;background-repeat:no-repeat}.ccmt_item .ccmt_desc{margin-top:3px;font-size:12px}.ccmt_item_coin{padding:12px 0 13px 30px;width:820px;height:70px}.ccmt_item_coin .ccmt_name{height:25px;line-height:25px;font-size:18px}.ccmt_item_coin .ccmt_desc{height:20px;line-height:20px;font-size:14px}#cc_products{min-height:230px}@font-face{font-family:'AkrobatWeb';src:url("https://g.alicdn.com/youkuvip_fe/vip-h5-assets/0.0.159/font/Akrobat-ExtraBold.otf") format("opentype")}.ccp_top_desc{margin-top:10px;padding:0 30px;height:25px;overflow:hidden}.ccp_top_desc .ccptd_title{font-size:18px;line-height:25px;color:#000}.ccp_top_desc .ccp_activate{float:right;font-size:16px;line-height:25px;color:#000}.ccp_one_item_list,.ccp_two_item_list,.ccp_three_item_list,.ccp_four_item_list{margin-top:18px;height:138px}.ccp_one_item_list,.ccp_two_item_list{width:100%}.ccp_one_item_list .ccpoil_product,.ccp_two_item_list .ccpoil_product{position:relative;margin:auto;height:100%;border:1px solid #E0E0E0;cursor:pointer}.ccp_one_item_list .ccpoil_product .ccpoil_wrapper,.ccp_two_item_list .ccpoil_product .ccpoil_wrapper{position:absolute;display:inline-block;height:48px}.ccp_one_item_list .ccpoil_product .ccpoil_currency,.ccp_one_item_list .ccpoil_product .ccpoil_final_price,.ccp_one_item_list .ccpoil_product .ccpoil_origin_price,.ccp_two_item_list .ccpoil_product .ccpoil_currency,.ccp_two_item_list .ccpoil_product .ccpoil_final_price,.ccp_two_item_list .ccpoil_product .ccpoil_origin_price{vertical-align:bottom;margin-bottom:0;display:inline-block;font-weight:lighter}.ccp_one_item_list .ccpoil_product .ccpoil_currency,.ccp_two_item_list .ccpoil_product .ccpoil_currency{font-size:19px;line-height:26px;color:#896623}.ccp_one_item_list .ccpoil_product .ccpoil_final_price,.ccp_two_item_list .ccpoil_product .ccpoil_final_price{font-size:48px;line-height:48px;height:48px;color:#EBAF5B;font-family:"AkrobatWeb";letter-spacing:0}.ccp_one_item_list .ccpoil_product .ccpoil_origin_price,.ccp_two_item_list .ccpoil_product .ccpoil_origin_price{font-size:16px;line-height:23px;color:#626262;text-decoration:line-through}.ccp_one_item_list .ccpoil_product .ccpoil_ad,.ccp_two_item_list .ccpoil_product .ccpoil_ad{display:none;position:absolute;display:inline-block;top:-10px;width:46px;height:21px;background-size:cover}.ccp_one_item_list .ccpoil_product .ccpoil_ad_left_top,.ccp_two_item_list .ccpoil_product .ccpoil_ad_left_top{position:absolute;display:inline-block;padding:0 6px;top:-12px;left:0;height:22px;line-height:22px;color:#fff;background:#FF6F3B;border-radius:9px 0 9px 0}.ccp_one_item_list .ccpoil_product.current,.ccp_two_item_list .ccpoil_product.current{background:#FFF7EB;border:1px solid #E8C895}.ccp_one_item_list .ccpoil_product.current .ccpoil_product_name,.ccp_two_item_list .ccpoil_product.current .ccpoil_product_name{color:#5B3301}.ccp_one_item_list .ccpoil_product.current .ccpoil_currency,.ccp_two_item_list .ccpoil_product.current .ccpoil_currency{color:#896623}.ccp_one_item_list .ccpoil_product.current .ccpoil_origin_price,.ccp_two_item_list .ccpoil_product.current .ccpoil_origin_price{color:#626262}.ccp_one_item_list .ccpoil_product.current .ccpoil_marketing,.ccp_two_item_list .ccpoil_product.current .ccpoil_marketing{color:#6D4F17}.ccp_one_item_list .ccpoil_product{width:486px}.ccp_one_item_list .ccpoil_product_wrapper{position:absolute;top:50%;left:57px;width:225px;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%)}.ccp_one_item_list .ccpoil_product_name{font-size:20px;font-weight:bold;color:#6B6B6B;line-height:24px}.ccp_one_item_list .ccpoil_marketing{font-size:12px;line-height:16px;color:#000}.ccp_one_item_list .ccpoil_wrapper{height:48px;left:283px;top:42px;min-width:200px;max-width:281px;text-align:center}.ccp_one_item_list .ccpoil_ad{top:-9px;left:460px}.ccp_two_item_list{padding-left:30px}.ccp_two_item_list .ccpoil_product{display:inline-block;margin-right:17px;width:371px;vertical-align:top}.ccp_two_item_list .ccpoil_product_name{position:absolute;top:53px;left:25px;width:185px;font-size:20px;line-height:1;font-weight:bold;color:#6B6B6B;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ccp_two_item_list .ccpoil_marketing{position:absolute;font-size:12px;line-height:1;color:#000}.ccp_two_item_list .ccpoil_wrapper{height:48px;left:214px;top:42px;width:155px;text-align:center}.ccp_two_item_list .ccpoil_marketing{top:77px;left:25px}.ccp_two_item_list .ccpoil_ad{left:341px}.ccp_three_item_list .ccpoil_product{width:230px}.ccp_three_item_list .ccpoil_ad{left:200px}.ccp_three_item_list .ccpoil_color_marketing{left:0;bottom:0}.ccp_four_item_list .ccpoil_product{width:167px}.ccp_four_item_list .ccpoil_ad{left:143px}.ccp_four_item_list .ccpoil_color_marketing{left:0;bottom:0}.ccp_three_item_list,.ccp_four_item_list{width:100%}.ccp_three_item_list .ccpoil_product,.ccp_four_item_list .ccpoil_product{position:relative;float:left;margin-left:30px;height:138px;border:1px solid #E0E0E0;border-radius:2px;cursor:pointer}.ccp_three_item_list .ccpoil_product .ccpoil_product_name,.ccp_four_item_list .ccpoil_product .ccpoil_product_name{position:absolute;top:12px;left:0;padding:0 10px;width:100%;height:28px;line-height:28px;text-align:center;font-size:20px;font-weight:bold;color:#6B6B6B;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ccp_three_item_list .ccpoil_product .ccpoil_price,.ccp_four_item_list .ccpoil_product .ccpoil_price{position:absolute;top:46px;width:100%;height:40px;line-height:40px;text-align:center}.ccp_three_item_list .ccpoil_product .ccpoil_currency,.ccp_three_item_list .ccpoil_product .ccpoil_final_price,.ccp_three_item_list .ccpoil_product .ccpoil_origin_price,.ccp_four_item_list .ccpoil_product .ccpoil_currency,.ccp_four_item_list .ccpoil_product .ccpoil_final_price,.ccp_four_item_list .ccpoil_product .ccpoil_origin_price{display:inline-block;vertical-align:bottom;font-weight:lighter}.ccp_three_item_list .ccpoil_product .ccpoil_currency,.ccp_four_item_list .ccpoil_product .ccpoil_currency{margin-bottom:0;margin-left:-3px;font-size:16px;line-height:23px;color:#896623}.ccp_three_item_list .ccpoil_product .ccpoil_final_price,.ccp_four_item_list .ccpoil_product .ccpoil_final_price{margin-left:-3px;font-size:40px;line-height:40px;color:#EBAF5B;font-family:"AkrobatWeb";letter-spacing:0}.ccp_three_item_list .ccpoil_product .ccpoil_origin_price,.ccp_four_item_list .ccpoil_product .ccpoil_origin_price{font-size:16px;line-height:20px;color:#626262;text-decoration:line-through}.ccp_three_item_list .ccpoil_product .ccpoil_marketing,.ccp_four_item_list .ccpoil_product .ccpoil_marketing{position:absolute;display:block;width:100%;top:103px;margin:auto;font-size:14px;line-height:1;text-align:center;color:#000}.ccp_three_item_list .ccpoil_product .ccpoil_color_marketing,.ccp_four_item_list .ccpoil_product .ccpoil_color_marketing{position:absolute;display:block;padding:0 8px;width:100%;height:30px;line-height:30px;font-size:16px;color:#7F6746;text-align:center;background-color:#F9EEDA;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ccp_three_item_list .ccpoil_product .ccpoil_ad,.ccp_four_item_list .ccpoil_product .ccpoil_ad{display:none;position:absolute;display:inline-block;top:-10px;width:46px;height:21px;background-size:cover}.ccp_three_item_list .ccpoil_product .ccpoil_ad_left_top,.ccp_four_item_list .ccpoil_product .ccpoil_ad_left_top{position:absolute;display:inline-block;padding:0 6px;top:-11px;left:0;height:22px;line-height:22px;color:#fff;background:#FF6F3B;border-radius:9px 0 9px 0}.ccp_three_item_list .ccpoil_product.current,.ccp_four_item_list .ccpoil_product.current{background:#FFF7EB;border:1px solid #E8C895}.ccp_three_item_list .ccpoil_product.current .ccpoil_product_name,.ccp_four_item_list .ccpoil_product.current .ccpoil_product_name{color:#5B3301}.ccp_three_item_list .ccpoil_product.current .ccpoil_marketing,.ccp_four_item_list .ccpoil_product.current .ccpoil_marketing{color:#6D4F17}.ccp_three_item_list .ccpoil_product.current .ccpoil_color_marketing,.ccp_four_item_list .ccpoil_product.current .ccpoil_color_marketing{color:#5b3301;background-color:#E6B570;background-image:linear-gradient(to right, #F5D59A 100%, #E6B570 100%)}.ccp_one_product_info{margin-top:12px;padding:0 30px;height:20px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ccp_one_product_info .ccppi_desc_policy,.ccp_one_product_info .ccppi_extro{vertical-align:top;font-size:14px;line-height:20px}.ccp_one_product_info .ccppi_desc_policy{text-decoration:none;color:#4697cc}.ccp_one_product_info .ccppi_name{display:none;font-weight:bold}.ccp_one_product_info .ccppi_info{color:#896623}.ccp_mtone_product_info{margin-top:12px;padding:0 30px;height:20px}.ccp_mtone_product_info .ccppi_desc_policy{text-decoration:none;color:#4697cc}.ccp_mtone_product_info .ccppi_desc_policy,.ccp_mtone_product_info .ccppi_extro{vertical-align:top;font-size:14px;line-height:20px}.ccp_mtone_product_info .ccppi_extro_box{display:inline-block;width:675px;height:20px;vertical-align:top;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ccp_mtone_product_info .ccppi_name{display:none;font-weight:bold}.ccp_mtone_product_info .ccppi_info{vertical-align:top;color:#896623}.ccp_mtone_product_info .ccppi_more_item_icon,.ccp_mtone_product_info .ccppi_more_item_btn{float:right;display:inline-block;vertical-align:top}.ccp_mtone_product_info .ccppi_more_item_icon_up,.ccp_mtone_product_info .ccppi_more_item_icon_down{width:10px;height:10px;border-top:2px solid #858585;border-left:2px solid #858585;border-right:0;border-bottom:0}.ccp_mtone_product_info .ccppi_more_item_icon_up{margin-top:7px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);cursor:pointer}.ccp_mtone_product_info .ccppi_more_item_icon_down{margin-top:2px;transform:rotate(223deg);-webkit-transform:rotate(223deg);-moz-transform:rotate(223deg);-o-transform:rotate(223deg);-ms-transform:rotate(223deg);cursor:pointer}.ccp_mtone_product_info .ccppi_more_item_btn{margin-left:10px;cursor:pointer;line-height:20px}.cc_pay_title{margin-top:5px;padding-left:30px;height:20px;line-height:20px;font-size:18px;color:#000000}.cc_pay_ways{margin:7px auto 0;width:760px;height:235px;border:1px solid #E7E7E7;overflow:hidden}#ccpw_navs{float:left;width:133px;height:235px;background:#EEEFF3}#ccpw_navs .ccpw_nav_item{padding-left:57px;height:51px;line-height:51px;background-position:29px 15px;background-repeat:no-repeat;background-size:20px 20px;color:#555;font-size:12px;cursor:pointer}#ccpw_navs .ccpw_nav_item.current{background-color:#fff}#ccpw_form{position:relative;height:235px;overflow:hidden}.ccpwf_qrcode_bg{position:absolute;top:31px;left:122px;width:150px;height:150px;background:url("https://img.alicdn.com/tfs/TB1TIYpbsLJ8KJjy0FnXXcFDpXa-150-150.png") 50% no-repeat;cursor:pointer}.ccpwf_qrcode{position:absolute;top:11px;left:11px;width:128px;height:128px;background:#dcdcdc;cursor:pointer}.ccpwf_alipay_weixin{position:absolute;top:190px;left:122px;padding-left:56px;height:26px;line-height:26px;font-size:12px;color:#999;background-position:6px 3px;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAUCAYAAAD2rd/BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMTIxQjJERkE2OTAxMUU3OUFEQUEzMkRGMDNCMUQwMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMTIxQjJFMEE2OTAxMUU3OUFEQUEzMkRGMDNCMUQwMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMxMjFCMkREQTY5MDExRTc5QURBQTMyREYwM0IxRDAxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMxMjFCMkRFQTY5MDExRTc5QURBQTMyREYwM0IxRDAxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+cS4RgwAAB7BJREFUeNqcV2ts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)}.ccpwf_price{position:absolute;top:68px;left:280px;height:22px}.ccpwf_price .ccpwfp_label,.ccpwf_price .ccpwfp_final_prize,.ccpwf_price .ccpwfp_origin_price{display:inline-block;vertical-align:bottom;line-height:1}.ccpwf_price .ccpwfp_final_prize{font-size:36px;color:#FF6700}.ccpwf_price .ccpwfp_label{font-size:16px;color:#333333}.ccpwf_price .ccpwfp_origin_price{margin-left:10px;font-size:16px;color:#999}.ccpwf_discount{position:absolute;top:110px;left:280px;height:20px;width:75px;line-height:20px;font-size:14px;color:#9A7E2D;background-position:right 2px;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABWWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGBSSSwoyGFhYGDIzSspCnJ3UoiIjFJgv8/AxcDHwMvAwWCZmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsisp7v5ZqTvdTvrvc8lb6906QxM9SiAKyW1OBlI/wHi1OSCohIGBsYUIFu5vKQAxO4AskWKgI4CsueA2OkQ9gYQOwnCPgJWExLkDGTfALIVkjMSgWYw/gCydZKQxNOR2FB7QYDbJbO4ICexUiHAmIBryQAlqRUlINo5v6CyKDM9o0TBERhKqQqeecl6OgpGBoamDAygMIeo/hwIDktGsTMIseb7DAy2+////78bIea1n4Fhozkw+HYixDQsGBgEuRkYTuwsSCxKBAsxAzFTWhoDwydgePEGMDAIb2Ng4PxTnGZsBJZn5HFiYGC99///ZzUGBvbJDAx/J/z//3vR//9/FwM132FgOJAHAEf/Z5tAjj9dAAABZklEQVQoFZVTPUsDQRCdmTMICmoICVqJFhKwk5M0Vv4AbSR+9MHGX+A/0FoLTScYQUSr/AVFlCCIGG1ELMXEwi7ejjubzJG7HFG32Z3Z994Ms28RuhYzU/O5XAQ2G8zgI0CGAT4Q4RaQKumZ0ikiGqXY+/b6rJenDAdnDDynufiOgDVCb2UsX3qRO0d2RPi+ttWycUI8tl28EwwURICkVVfxD0QRkgJtPBM2ng7X2AQn8Qq/xUjeOslwFHj/+AbGhPPQdLjfPbyGZ+HZtsHXzPDQIOzsVRMFjs8vodH8Uqi075M8h2amJ3OwulzoERDiRG4UFhdmFSqTzpC8Y5ixBxXY3a9adYbKxVUPUfDCI2eAbnZHoLhUgK3tIxjPjkQqKlR4fafdagWQSnmKj+wybXSWrB/c9HNWhGUDcVo6vzlv20YjlhPnxEFJsXOYw1ueAJzVrOVEMYmgOeftjjUl57ytl//9VT8716DO/2QzEgAAAABJRU5ErkJggg==)}.ccpwf_discount_info{position:absolute;display:block;padding:5px 10px 5px;top:138px;left:280px;width:304px;max-height:80px;background:#EDD797;border-radius:3px;overflow:auto}.ccpwf_discount_info .ccpwfdi_line{display:block;height:30px;line-height:30px;font-size:14px;color:#000000}.ccpwf_discount_info .ccpwfdi_line .ccpwfdi_name,.ccpwf_discount_info .ccpwfdi_line .ccpwfdi_discount{width:152px}.ccpwf_discount_info .ccpwfdi_line .ccpwfdi_name{text-align:left}.ccpwf_discount_info .ccpwfdi_line .ccpwfdi_discount{text-align:right}.ccpwf_discount_info:before{content:"";position:absolute;top:-0.5em;left:5em;padding:0.6em;background-color:inherit;border:inherit;border-right:0;border-bottom:0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}.ccpwf_phone_left,.ccpwf_phone_right{display:inline-block;margin:0;height:233px;box-sizing:border-box;vertical-align:top}.ccpwf_phone_left{padding-left:50px;padding-top:42px;width:345px}.ccpwfpl_phone,.ccpwfpl_vcode{height:35px;line-height:33px;padding-left:20px;font-size:16px;border:1px solid #e2e2e2;box-sizing:border-box}.ccpwfpl_send_code,.ccpwfpl_submit,.ccpwfpl_phone:focus,.ccpwfpl_vcode:focus{outline:none !important}.ccpwfpl_phone{width:300px;border-radius:2px}.ccpwfpl_vcode_line{margin-top:16px;margin-bottom:16px;width:300px;height:35px}.ccpwfpl_vcode,.ccpwfpl_send_code{display:inline-block;margin:0;vertical-align:top;box-sizing:border-box}.ccpwfpl_vcode{width:180px;border-top-left-radius:2px;border-bottom-left-radius:2px}.ccpwfpl_send_code{margin-left:-5px;padding:0;width:119px;height:35px;line-height:33px;font-size:16px;color:#fff;text-align:center;background-color:#ff6600;border:1px solid #ff6600;border-top-right-radius:2px;border-bottom-right-radius:2px;cursor:pointer}.ccpwfpl_send_code_iku{width:117px !important}.ccpwfpl_submit:disabled,.ccpwfpl_send_code:disabled{background:#e2e2e2;color:#333333;border:1px solid #e2e2e2}.ccpwfpl_submit{width:300px;height:35px;line-height:35px;font-size:16px;color:#fff;text-align:center;background:linear-gradient(45deg, #ff9530, #f60);border-radius:2px;border:none;outline:none;cursor:pointer}.ccpwfpl_err_hint{margin-top:10px;color:#D94B42;font-size:14px;line-height:18px}.ccpwf_phone_right{padding-left:24px;padding-top:13px;width:272px}.ccpwf_phone_right p{width:240px;line-height:30px;font-size:14px}.ccpwf_iap_hint{position:absolute;top:120px;left:70px;width:200px;min-height:28px;line-height:28px;font-size:16px;color:red;text-align:center;background-position:6px 3px}.ccpwf_iap_btn{position:absolute;left:90px;top:73px;width:160px;height:40px;line-height:40px;border-radius:20px;background:#007aff;color:#fff;font-size:18px;text-align:center;cursor:pointer}.ccpwf_iap_loading{position:absolute;display:none;left:140px;top:50px;font-size:10px;width:60px;height:60px;border-radius:50%;background:#CCA558;background:-moz-linear-gradient(left, #CCA558 10%, rgba(255,255,255,0) 52%);background:-webkit-linear-gradient(left, #CCA558 10%, rgba(255,255,255,0) 52%);background:-o-linear-gradient(left, #CCA558 10%, rgba(255,255,255,0) 52%);background:-ms-linear-gradient(left, #CCA558 10%, rgba(255,255,255,0) 52%);background:linear-gradient(to right, #CCA558 10%, rgba(255,255,255,0) 52%);position:relative;-webkit-animation:load3 1.2s infinite linear;animation:load3 1.2s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ccpwf_iap_loading::before{width:50%;height:50%;background:#CCA558;border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:''}.ccpwf_iap_loading::after{background:#fff;width:65%;height:65%;border-radius:50%;content:'';margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}@-webkit-keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#cc_protocols{padding-right:30px;height:45px;text-align:right}#cc_protocols .ccp_item{display:inline-block;margin-top:14px;margin-left:10px;vertical-align:top;font-size:12px;color:#999}#ccp_success{width:820px;height:640px}.ccs_user_icon{display:block;margin:95px auto 0;width:110px;height:110px;border-radius:50%}.ccs_vip_type{margin-top:60px;text-align:center;font-size:24px;color:#333333}.ccs_exptime{margin-top:30px;text-align:center;font-size:18px;color:#999999}.ccs_btns{margin-top:60px;height:50px;text-align:center}.ccs_btns .ccs_libary,.ccs_btns .ccs_rights,.ccs_btns .ccs_back_watching{display:inline-block;margin-right:30px;padding:0 20px;height:50px;line-height:50px;border-radius:25px;font-size:20px;background-color:#ffffff;color:#c1a161;border:1px solid #c1a161}.ccs_btns .ccs_back_watching{margin-right:0;padding:0 40px;cursor:pointer} #ykPlayer_5mRsO { overflow: visible !important; overflow: initial !important; } .youku-player { overflow: visible !important; overflow: initial !important; } .control-danmaku-icon { display: none !important; } #youkubarrage_300MG { position: relative; } .youku-barrage_23TND { position: absolute; margin-top: 8px; bottom: 52px; overflow: hidden; top: 0; left: 0; right: 0; z-index: 999; pointer-events: none; height: calc(100% - 60px); width: 100%; cursor: pointer; } .youku-barrage_23TND img { display: inline-block; } .piccapsule { display: inline-block; } .small { bottom: 30px; height: calc(100% - 38px); } .small .barrage-word { font-size: 18px; } .small .barrage-word img { width: 22px; height: 22px; } @media screen and (max-width: 1329px) { .small .barrage-word img { width: 16px; height: 16px; } } @media screen and (max-width: 1329px) { .small .barrage-word { font-size: 12px; } .small .barrage-word .capsule { border-radius: 12px; padding: 0 6px; display: block; } .small .barrage-word .piccapsule { border-radius: 12px; padding-left: 3px; padding-right: 6px; } } .small .barrage-word .capsule { border-radius: 18px; padding: 0 9px; display: block; } .small .barrage-word .piccapsule { border-radius: 12px; padding-left: 3px; padding-right: 6px; } .normal .barrage-word { font-size: 24px; } .normal .barrage-word img { width: 30px; height: 30px; } @media screen and (max-width: 1329px) { .normal .barrage-word img { width: 22px; height: 22px; } } @media screen and (max-width: 1329px) { .normal .barrage-word { font-size: 18px; } .normal .barrage-word .capsule { border-radius: 18px; padding: 0 9px; display: block; } .normal .barrage-word .piccapsule { border-radius: 18px; padding-left: 3px; padding-right: 9px; } .normal .barrage-word img { top: -1px !important; } } .normal .barrage-word .capsule { border-radius: 24px; padding: 0 12px; display: block; } .normal .barrage-word .piccapsule { border-radius: 24px; padding-left: 3px; padding-right: 12px; } .normal .barrage-word .piccapsule img { top: -2px; } .big .barrage-word { font-size: 30px; } .big .barrage-word img { width: 36px; height: 36px; } @media screen and (max-width: 1329px) { .big .barrage-word img { width: 30px; height: 30px; } } @media screen and (max-width: 1329px) { .big .barrage-word { font-size: 24px; } .big .barrage-word .capsule { border-radius: 24px; padding: 0 12px; } .big .barrage-word .piccapsule { border-radius: 24px; padding-left: 9px; padding-right: 12px; } .big .barrage-word .piccapsule img { top: -2px !important; } } .big .barrage-word .capsule { border-radius: 30px; padding: 0 15px; display: block; } .big .barrage-word .piccapsule { border-radius: 30px; padding-left: 3px; padding-right: 15px; } .big .barrage-word .piccapsule img { top: -4px; } .large .barrage-word { font-size: 36px; } .large .barrage-word img { width: 42px; height: 42px; } @media screen and (max-width: 1329px) { .large .barrage-word img { width: 36px; height: 36px; } } @media screen and (max-width: 1329px) { .large .barrage-word { font-size: 30px; } .large .barrage-word .capsule { border-radius: 30px; padding: 0 15px; display: block; } .large .barrage-word .piccapsule { border-radius: 30px; padding-left: 3px; padding-right: 15px; } .large .barrage-word .piccapsule img { top: -4px; } } .large .barrage-word .capsule { border-radius: 36px; padding: 0 18px; display: block; } .large .barrage-word .piccapsule { border-radius: 36px; padding-left: 5px; padding-right: 18px; } .large .barrage-word .piccapsule img { top: -4px; } @media screen and (min-width: 1600px) { .fullscreen .barrage-config_3y9Jm { -webkit-transform: scale(1.5); transform: scale(1.5); right: auto !important; right: initial !important; left: -80px; top: -440px; } } .barrage-config_3y9Jm { width: 285px; height: 330px; opacity: 0.9; background-color: #1E1E1F; position: absolute; z-index: 2000; display: block; right: 188px; top: -330px; border-radius: 4px; text-align: left; } @media screen and (max-width: 1329px) { .barrage-config_3y9Jm { right: 60px; } } .barrage-config_3y9Jm .ant-tabs-nav .ant-tabs-tab-active { color: #fff; font-weight: 500; } .barrage-config_3y9Jm .ant-tabs-bar { margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .barrage-config_3y9Jm .ant-tabs-ink-bar { z-index: -1; background-color: #0D9BFF; width: 28px !important; left: 30px; } .barrage-config_3y9Jm.hide_3LyDB { display: none; } .controller__4ra4 { position: absolute; width: calc(60% - 170px); min-width: 523px; height: 50px; right: 0px; text-align: right; line-height: 50px; } @media screen and (max-width: 1239px) { .controller__4ra4 { min-width: 400px; } } @media screen and (min-width: 1240px) and (max-width: 1329px) { .controller__4ra4 { min-width: 600px; } } .controller__4ra4 img { display: inline-block; } .controller__4ra4.hide_2AACv { display: none; } .full-controller_1BXrV { position: absolute; z-index: 9999; width: 20%; min-width: 500px; height: 50px; text-align: right; line-height: 50px; left: 328px; bottom: 0px; border-radius: 32px; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transition: left 1s; transition: left 1s; } .full-controller_1BXrV img { display: inline-block; } .full-controller_1BXrV.hide_2AACv { display: none; } .switch-img_12hDa { width: 24px; height: 24px; vertical-align: middle; margin-right: 18px; cursor: pointer; display: inline-block; } @media screen and (max-width: 1239px) { .switch-img_12hDa { margin-right: 6px; } } @media screen and (min-width: 1240px) and (max-width: 1329px) { .switch-img_12hDa { margin-right: 12px; } } .turn-on_3h6RT { background-image: url("https://img.alicdn.com/tfs/TB1tPamcGL7gK0jSZFBXXXZZpXa-48-48.png"); background-size: 24px 24px; width: 24px; height: 24px; } .turn-on_3h6RT:hover { background-image: url("https://img.alicdn.com/tfs/TB1czeodxv1gK0jSZFFXXb0sXXa-52-52.png"); background-size: 24px 24px; -webkit-transform: scale(1.18); transform: scale(1.18); } .turn-off_17zAW { background-image: url("https://img.alicdn.com/tfs/TB1x85ucRv0gK0jSZKbXXbK2FXa-48-48.png"); background-size: 24px 24px; width: 24px; height: 24px; } .turn-off_17zAW:hover { background-image: url("https://img.alicdn.com/tfs/TB1djeodxv1gK0jSZFFXXb0sXXa-52-52.png"); background-size: 24px 24px; -webkit-transform: scale(1.18); transform: scale(1.18); } .setconfig_Ojkob { background-image: url("https://img.alicdn.com/tfs/TB180CtcKP2gK0jSZFoXXauIVXa-48-48.png"); background-size: 24px 24px; width: 24px; height: 24px; position: relative; top: 0px; } .setconfig_Ojkob:hover { background-image: url("https://img.alicdn.com/tfs/TB1Fk1ndxn1gK0jSZKPXXXvUXXa-52-52.png"); background-size: 24px 24px; -webkit-transform: scale(1.18); transform: scale(1.18); } .barrage-fullscreen .switch-img_12hDa { position: absolute; left: 0px; top: 13px; } .barrage-fullscreen .setconfig_Ojkob { left: 36px; } @media screen and (max-width: 1023px) { .barrage-fullscreen { display: none; } } @media screen and (min-width: 1336px) and (max-width: 1599px) { .barrage-fullscreen { -webkit-animation-fill-mode: both; animation-fill-mode: both; animation: left_3okmd 1s; -webkit-animation: left_3okmd 1s; -moz-animation: left_3okmd 1s; -o-animation: left_3okmd 1s; -moz-animation: left_3okmd 1s; } } @media screen and (min-width: 1600px) and (max-width: 1789px) { .barrage-fullscreen { height: 50px; line-height: 50px; left: 506px !important; -webkit-transform-origin: left; transform-origin: left; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation: left_3okmd 1s; -webkit-animation: left_3okmd 1s; -moz-animation: left_3okmd 1s; -o-animation: left_3okmd 1s; -moz-animation: left_3okmd 1s; } .barrage-fullscreen .switch-img_12hDa { top: 0px; -webkit-transform: scale(1.5); transform: scale(1.5); } .barrage-fullscreen .turn-on_3h6RT:hover, .barrage-fullscreen .turn-off_17zAW:hover, .barrage-fullscreen .setconfig_Ojkob:hover { -webkit-transform: scale(1.77); transform: scale(1.77); } .barrage-fullscreen .setconfig_Ojkob { left: 54px; } } @media screen and (min-width: 1790px) { .barrage-fullscreen { left: 506px !important; -webkit-transform-origin: left; transform-origin: left; visibility: visible; opacity: 1; } .barrage-fullscreen .switch-img_12hDa { top: 0px; -webkit-transform: scale(1.5); transform: scale(1.5); } .barrage-fullscreen .turn-on_3h6RT:hover, .barrage-fullscreen .turn-off_17zAW:hover, .barrage-fullscreen .setconfig_Ojkob:hover { -webkit-transform: scale(1.77); transform: scale(1.77); } .barrage-fullscreen .setconfig_Ojkob { left: 54px; } } .normal .danmu-input_C2xkm { display: inline-block; position: relative; height: 100%; width: 349px; /* Internet Explorer 10+ */ } @media screen and (max-width: 1239px) { .normal .danmu-input_C2xkm { width: 192px; } } @media screen and (min-width: 1240px) and (max-width: 1329px) { .normal .danmu-input_C2xkm { width: 360px; } } .normal .danmu-input_C2xkm .bind-mobile_2l5rm { padding-left: 70px !important; } .normal .danmu-input_C2xkm input { width: 100%; height: 32px; box-sizing: border-box; background-color: #303031; border-radius: 16px; border: none; caret-color: #e7e7e7; font-family: PingFangSC-Regular; font-size: 14px; color: inherit; letter-spacing: 0; vertical-align: middle; line-height: 16px; padding: 9px 60px 9px 36px; position: absolute; top: 50%; margin-top: -16px; left: 0; } .normal .danmu-input_C2xkm input[type='text'] { -webkit-appearance: none !important; } .normal .danmu-input_C2xkm input { box-shadow: none; -moz-appearance: textfield; } .normal .danmu-input_C2xkm input::-moz-placeholder { height: 32px; font-size: 14px; line-height: 12px; } .normal .danmu-input_C2xkm input::-webkit-input-placeholder { height: 32px; font-size: 14px; line-height: 20px; } .normal .danmu-input_C2xkm input::-ms-input-placeholder { height: 32px; font-size: 14px; line-height: 20px; } .normal .danmu-input_C2xkm .send_2pO5x { background: #464646; border-radius: 0 100px 100px 0; width: 60px; height: 32px; position: relative; right: 0; border: none; color: #FFFFFF; font-family: PingFangSC-Medium; top: -1px; font-weight: 400; cursor: pointer; vertical-align: middle; } .normal .danmu-input_C2xkm .send_2pO5x:hover { background: #0D9BFF; color: #fff; } .normal .danmu-input_C2xkm .gray_2NXYf { color: #303031 !important; } .normal .danmu-input_C2xkm .gray_2NXYf:hover { background: #464646; color: #fff; } .normal .perfix_3b_52 { left: 5px; height: 50px; position: absolute; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; line-height: 50px; margin-left: 3px; z-index: 2000; } .normal .perfix_3b_52 .tip_2v1Ba { font-family: PingFangSC-Regular; font-size: 14px; color: #0D9BFF; cursor: pointer; margin-left: 3px; line-height: normal; margin-top: 15px; display: inline-block; } .normal .perfix_3b_52 .face_oufjT { width: 20px; height: 20px; display: inline-block; cursor: pointer; position: absolute; top: 15px; } .normal .perfix_3b_52 .titile_2q2AW { caret-color: #e7e7e7; font-family: PingFangSC-Regular; font-size: 14px; margin-left: 25px; margin-top: 0px; color: inherit; display: inline-block; } .fullscreen .danmu-input_C2xkm { display: inline-block; position: absolute; left: 72px; height: 100%; width: calc(100% - 112px); opacity: 0.8; margin-right: 18px; } .fullscreen .danmu-input_C2xkm input { width: 100%; height: 32px; box-sizing: border-box; background-color: #303031; border-radius: 16px; border: none; caret-color: #e7e7e7; font-family: PingFangSC-Regular; font-size: 14px; color: inherit; line-height: 14px; padding: 9px 60px 9px 36px; } @media screen and (max-width: 1023px) { .fullscreen .danmu-input_C2xkm { display: none; width: 0px; } } @media screen and (min-width: 1024px) and (max-width: 1155px) { .fullscreen .danmu-input_C2xkm { width: 220px; } } @media screen and (min-width: 1156px) and (max-width: 1335px) { .fullscreen .danmu-input_C2xkm { width: 320px; } } @media screen and (min-width: 1336px) and (max-width: 1599px) { .fullscreen .danmu-input_C2xkm { width: 460px; } } .fullscreen .danmu-input_C2xkm input::-moz-placeholder { height: 32px; font-size: 14px; line-height: 11px; } .fullscreen .danmu-input_C2xkm input::-webkit-input-placeholder { height: 32px; font-size: 14px; line-height: 20px; } .fullscreen .danmu-input_C2xkm input::-ms-input-placeholder { height: 32px; font-size: 14px; line-height: 20px; } .fullscreen .danmu-input_C2xkm .send_2pO5x { background: #464646; border-radius: 0 100px 100px 0; width: 60px; height: 32px; position: absolute; right: 0px; border: none; color: #FFFFFF; opacity: 0.38; font-family: PingFangSC-Medium; top: 8px; font-weight: 400; cursor: pointer; } .fullscreen .danmu-input_C2xkm .send_2pO5x:hover { background-image: -webkit-linear-gradient(315deg, #4cccfe, #4df0ff); background-image: linear-gradient(135deg, #4cccfe, #4df0ff); color: #fff; opacity: 1; } .fullscreen .danmu-input_C2xkm .gray_2NXYf { color: #303031 !important; } .fullscreen .danmu-input_C2xkm .gray_2NXYf:hover { background: #464646; color: #fff; } .fullscreen .perfix_3b_52 { left: 5px; height: 50px; position: absolute; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; line-height: 50px; margin-left: 3px; z-index: 2000; } .fullscreen .perfix_3b_52 .tip_2v1Ba { font-family: PingFangSC-Regular; font-size: 14px; color: #0D9BFF; line-height: 14px; display: inline-block; cursor: pointer; line-height: normal; margin-top: 14px; display: inline-block; } .fullscreen .perfix_3b_52 .face_oufjT { width: 20px; height: 20px; display: inline-block; cursor: pointer; position: absolute; top: 14px; } .fullscreen .perfix_3b_52 .titile_2q2AW { caret-color: #e7e7e7; font-family: PingFangSC-Regular; font-size: 14px; margin-left: 25px; color: inherit; display: inline-block; height: 100%; margin-top: -1px; } @media screen and (min-width: 1600px) and (max-width: 1789px) { .fullscreen .danmu-input_C2xkm { width: 220px; -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; left: 108px; } .fullscreen .danmu-input_C2xkm .send_2pO5x { top: 50%; margin-top: -18px; } @-moz-document url-prefix() { .fullscreen .danmu-input_C2xkm .perfix_3b_52 .tip_2v1Ba { margin-top: 13px; } .fullscreen .danmu-input_C2xkm input { padding-top: 12px !important; } } } @media screen and (min-width: 1790px) { .fullscreen .danmu-input_C2xkm { width: 320px; -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; left: 108px; } .fullscreen .danmu-input_C2xkm .send_2pO5x { top: 50%; margin-top: -18px; } @-moz-document url-prefix() { .fullscreen .danmu-input_C2xkm .perfix_3b_52 .tip_2v1Ba { margin-top: 13px; } .fullscreen .danmu-input_C2xkm input { padding-top: 12px !important; } } } @-moz-document url-prefix() { .normal .danmu-input_C2xkm .perfix_3b_52 .titile_2q2AW { margin-top: 2px; } .normal .danmu-input_C2xkm .send_2pO5x { top: 0px; } .fullscreen .danmu-input_C2xkm .perfix_3b_52 .face_oufjT { top: 13px; } .fullscreen .danmu-input_C2xkm .perfix_3b_52 .titile_2q2AW { margin-top: 0px; } } .h5-ext-layer { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1200 !important; pointer-events: none; } .h5-ext-layer > * { pointer-events: auto; } @font-face { font-family: 'youkuplayerfont'; /* project id 1027320 */ src: url('//g.alicdn.com/player/playericons/1.0.9/iconfont.eot'); src: url('//g.alicdn.com/player/playericons/1.0.9/iconfont.eot?#iefix') format('embedded-opentype'), url('//g.alicdn.com/player/playericons/1.0.9/iconfont.woff2') format('woff2'), url('//g.alicdn.com/player/playericons/1.0.9/iconfont.woff') format('woff'), url('//g.alicdn.com/player/playericons/1.0.9/iconfont.ttf') format('truetype'), url('//g.alicdn.com/player/playericons/1.0.9/iconfont.svg') format('svg'); } .youku-player .iconfont { font-family: "youkuplayerfont"; font-size: 20px; width: 20px; height: 20px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-variant: normal; text-transform: none; position: relative; } .youku-player .iconfont:before { position: absolute; font-size: 20px; } .youku-player .icon-next:before { content: "\E623"; line-height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; font-size: 20px; } .youku-player .icon-pause:before { content: "\E624"; } .youku-player .icon-play:before { content: "\E626"; } .youku-player .icon-play:before, .youku-player .icon-pause:before { line-height: 50px; font-size: 28px; } .youku-player .icon-setting:before { content: "\E60E"; } .youku-player .icon-webfullscreen:before { content: "\E622"; } .youku-player .icon-exit-webfullscreen:before { content: "\E621"; } .youku-player .icon-volume:before { content: "\E60D"; } .youku-player .icon-mute:before { content: "\E612"; } .youku-player .icon-picture:before { content: "\E60B"; } .youku-player .icon-fullscreen:before { content: "\E60C"; } .youku-player .icon-exit-fullscreen:before { content: "\E609"; } .youku-player .icon-select:before { content: "\E616"; } .youku-player .icon-selected:before { content: "\E617"; } .youku-player .icon-favorite:before { content: "\E618"; } .youku-player .icon-favorited:before { content: "\E619"; } .youku-player .icon-subscibe:before { content: "\E61A"; } .youku-player .icon-history:before { content: "\E61B"; } .youku-player .icon-upload:before { content: "\E61C"; } .youku-player .icon-download-app:before { content: "\E61D"; } .youku-player .icon-close:before { content: "\E61E"; font-size: 12px; } .youku-player .icon-ykhd_bofang_hdr_jin_x:before { content: "\E629"; } .youku-player .icon-ykhd_bofang_hdr_bai_x:before { content: "\E629"; } .youku-player .icon-ykhd_bofang_hdr_jin_x:before, .youku-player .icon-ykhd_bofang_hdr_bai_x:before { font-size: 24px; } .youku-player .fullscreen-hdr .icon-ykhd_bofang_hdr_jin_x:before, .youku-player .fullscreen-hdr .icon-ykhd_bofang_hdr_bai_x:before { font-size: 30px; } .youku-player .icon-pingmu-:before { content: "\E604"; } .youku-player .icon-pingmu-1:before { content: "\E606"; } .youku-player .icon-pingmu-2:before { content: "\E607"; } .youku-player .percent-item-current:before { font-size: 30px; position: relative; } .youku-player .icon--shoujikan:before { content: "\E600"; font-size: 18px; } .big-mode .iconfont { font-size: 30px; width: 30px; height: 30px; } .big-mode .iconfont:before { font-size: 30px; } .big-mode .icon-next:before { line-height: 30px; margin-left: -15px; margin-top: -15px; font-size: 30px; } .big-mode .icon-play:before, .big-mode .icon-pause:before { line-height: 75px; font-size: 42px; } .big-mode .icon-ykhd_bofang_hdr_jin_x:before, .big-mode .icon-ykhd_bofang_hdr_bai_x:before { font-size: 36px; } .big-mode .fullscreen-hdr .icon-ykhd_bofang_hdr_jin_x:before, .big-mode .fullscreen-hdr .icon-ykhd_bofang_hdr_bai_x:before { font-size: 45px; } .big-mode .percent-item-current:before { font-size: 45px; } .big-mode .icon--shoujikan:before { font-size: 27px; } .big-mode .icon-close:before { font-size: 12px !important; } .h5-layer-conatiner { overflow: hidden; } .shareLayer { display: none; position: absolute; top: 50%; left: 50%; padding: 10px; background: rgba(0, 0, 0, 0.8); color: #fff; font-size: 12px; transform: translate(-50%, -50%); border-radius: 5px; z-index: 112; } .shareLayer .close { position: absolute; top: 10px; right: 10px; font-size: 20px; line-height: 17px; cursor: pointer; } .shareLayer .mc { padding: 5px 10px; } .shareLayer .mc .info { text-align: center; } .shareLayer .mc .share { margin: 8px 0; } .shareLayer .mc .share p { margin: 10px 0 0; } .shareLayer .mc .share a { display: inline-block; width: 25px; height: 25px; background-size: 25px 25px; background-position: center center; background-repeat: no-repeat; margin: 0 2px; cursor: pointer; } .shareLayer .mc .share .zoom { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjdweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjcgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ1LjIgKDQzNTE0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7nqbrpl7Q8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMDQtMDDmloflrZciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OTkuMDAwMDAwLCAtODAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLnqbrpl7QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5OS4wMDAwMDAsIDgwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGVsbGlwc2UgaWQ9Ik92YWwtQ29weSIgZmlsbD0iI0U4QjgyNSIgY3g9IjEzLjAzNjAxMTEiIGN5PSIxMyIgcng9IjEzLjAzNjAxMTEiIHJ5PSIxMyI+PC9lbGxpcHNlPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTkuNzc2NDIyODYsMTYuMjUxODUyMSBMMTQuMjg1Mjc4NCwxMi41ODcxNDQ4IEwxMC4wODc0NjI2LDExLjg2OTM5NTggTDE2LjQ2MjA2ODMsMTEuODY5Mzk1OCBMMTIuNTc0ODAzOSwxNS4zNzkyNTY0IEwxNi42MTc4MzIzLDE2LjI1MTg1MjEgTDkuNzc2NDIyODYsMTYuMjUxODUyMSBMOS43NzY0MjI4NiwxNi4yNTE4NTIxIFogTTIwLjAzODc4MTIsMTEuNDk0OTM5MyBDMjAuMDM4NzgxMiwxMS4zNDAwOTI1IDIwLjAzODc4MTIsMTEuMzgyNDU2MyAxOS44ODMwMTcxLDExLjM4MjQ1NjMgTDE4LjMyODMwNjcsMTEuMzgyNDU2MyBMMTUuNjg1MjAxNCwxMS4zODI0NTYzIEwxNS4wNjI2MzM2LDEwLjI3NzEwMzQgTDEzLjM1MjY0NzQsNyBMMTMuMDQxNjA3Nyw3IEwxMS40ODY4OTczLDEwLjI3NzEwMzQgTDEwLjg2NDgxNzgsMTEuMzgyNDU2MyBMOC4yMjA3MzU4NiwxMS4zODI0NTYzIEw2LDExLjM4MjQ1NjMgTDYsMTEuNDUzMDYyNSBMNi44NzY5NjYwNSwxMi4wNzM0MjM1IEw5LjMzNzkzOTgzLDE0LjI0NTE3NDEgTDguNzc5MzM3ODUsMTkuMjEwMDEwMSBDOC43NzkzMzc4NSwxOS4zNjQ4NTY5IDguODExMDc2NTksMTkuMzY0ODU2OSA5LjEyMjExNjM0LDE5LjM2NDg1NjkgTDEzLjE4MTI1ODIsMTYuODgyNDM4OSBMMTcuMjMxNjEwOSwxOS4zNjQ4NTY5IEMxNy4zODczNzQ5LDE5LjM2NDg1NjkgMTcuMzkxMjgxMiwxOS4zNjQ4NTY5IDE3LjU0NjU1NjksMTkuMjEwMDEwMSBMMTYuNzcxMTU0OSwxNC4yNDUxNzQxIEwxOS4xMDQ2ODU0LDEyLjI0OTIwODcgTDIwLjAzODc4MTIsMTEuNDk0OTM5MyBMMjAuMDM4NzgxMiwxMS40OTQ5MzkzIFoiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4='); } .shareLayer .mc .share .qq { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjdweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjcgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ1LjIgKDQzNTE0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5RUTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIwNC0wMOaWh+WtlyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5NC4wMDAwMDAsIC02MS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9InFxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1OTQuMDAwMDAwLCA2MS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxlbGxpcHNlIGlkPSJPdmFsLUNvcHkiIGZpbGw9IiM1QkE2RUEiIGN4PSIxMy4wMzYwMTExIiBjeT0iMTMiIHJ4PSIxMy4wMzYwMTExIiByeT0iMTMiPjwvZWxsaXBzZT4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjMyOTgxNzgzLDE2LjQ4NzY3OTggQzYuODkwNzk2NzEsMTYuMTYwNTE4NSA2LjkyOTgyODIyLDE1LjMyNzQzNzQgNy4yMTQzOTEzLDE0LjUyODA4NDQgQzcuNTAwOTU2LDEzLjcyMTk4NTcgOC4yMjMyMDU3OCwxMi45NDI4Njk1IDguMjMxNTQ1ODUsMTIuNzc0MjI5NiBDOC4yNjAyMzU2OCwxMi4xMzY3NzA4IDguMTY5MTYyMTUsMTIuMDI4ODQxMyA4LjIzMTU0NTg1LDExLjg2MzU3NDIgQzguMzY5OTkwOTYsMTEuNDg5MTkzNyA4LjUzODc5MzkxLDExLjYzMDg1MTIgOC41Mzg3OTM5MSwxMS40MzUyMjg5IEM4LjUzODc5MzkxLDguOTg2NTc3ODIgMTAuMzQwMjQ4Myw3IDEyLjU2MzA0Myw3IEMxNC43ODU1MDQsNyAxNi41ODc2MjU2LDguOTg2NTc3ODIgMTYuNTg3NjI1NiwxMS40MzUyMjg5IEMxNi41ODc2MjU2LDExLjUyOTY2NzMgMTYuODI4ODIwMywxMS40MzUyMjg5IDE2Ljk0NDU4MDUsMTEuODYzNTc0MiBDMTYuOTY4MjY2MywxMS45NTEyNjcgMTYuOTg0NjEyOCwxMi4yODg1NDY3IDE2Ljk1NjU5MDIsMTIuNzc0MjI5NiBDMTYuOTQyOTEyNSwxMy4wMDY5NTI2IDE3LjU2ODc1MTEsMTMuMjg2ODk0OCAxNy44OTIwMTIxLDE0LjUyODA4NDQgQzE4LjIxNTYwNjYsMTUuNzY1OTAxMSAxNy44OTIwMTIxLDE2LjM0OTM5NTEgMTcuNzMwMjE0OCwxNi40ODc2Nzk4IEMxNy41Mjk3MTk2LDE2LjY2MzA2NTMgMTcuMjk4MTk5MywxNi4zNjI4ODYzIDE3LjExMTA0ODIsMTYuMDU5MzM0NSBDMTYuOTM2NTc0LDE1Ljc3OTM5MjMgMTYuODAwNDY0MSwxNS40OTYwNzczIDE2Ljc2NTQzNTgsMTUuNjA0MDA2OCBDMTYuNTg4OTYsMTYuMTQzNjU0NSAxNi41MDYyMjY2LDE2LjUwNDU0MzggMTUuOTg1ODA2NCwxNy4wOTQ3ODM0IEMxNS45NTgxMTc0LDE3LjEyNTEzODYgMTYuNTg3NjI1NiwxNy4zNTQ0ODg4IDE2Ljc2NTQzNTgsMTcuODQ2OTE3MyBDMTYuOTM2MjQwNCwxOC4zMTU3MzYyIDE3LjI2ODE3NTEsMTkuMDYxMTI0NCAxNS4wOTU0MjA4LDE5LjI5Mzg0NzUgQzE0LjQxMTUzNTQsMTkuMzY4MDQ5IDEzLjgzMDA2NTksMTkuMTY1NjgxMiAxMy40MjM0MDQzLDE4Ljk2MzMxMzMgQzEzLjA3MTExOTgsMTguNzg3OTI3OCAxMi44NDk5NDEzLDE4LjYxMjU0MjQgMTIuODA3NTczNywxOC42MTU5MTUyIEMxMi42MzcxMDI4LDE4LjYyOTQwNjMgMTIuNzEyODMwNiwxOC42MTU5MTUyIDEyLjUzMDAxNjMsMTguNjE1OTE1MiBDMTIuMzgwNTYyMywxOC42MTU5MTUyIDEyLjM3MDU1NDIsMTguNjI2MDMzNSAxMi4yMjk3NzM5LDE4LjYxNTkxNTIgQzEyLjE5MTA3NiwxOC42MTI1NDI0IDExLjc2NzA2NywxOS4yOTM4NDc1IDkuODcyMjAzOCwxOS4yOTM4NDc1IEM4LjQwMzY4NDgzLDE5LjI5Mzg0NzUgOC4wMjMwNDQxOCwxOC4zNTk1ODI1IDguMzE4NjE2MTUsMTcuODQ2OTE3MyBDOC42MTM4NTQ1MSwxNy4zMzA4NzkyIDkuMTA2OTE5MjYsMTcuMTgyNDc2MSA5LjAzNzE5NjMxLDE3LjEwMTUyOSBDOC42OTUyNTM1NywxNi43MDAxNjYxIDguNDU5Mzk2NDgsMTYuMjcxODIwOCA4LjMxODYxNjE1LDE1Ljg4Mzk0OSBDOC4yODM1ODc4NywxNS43ODYxMzc5IDguMjU0MjMwODMsMTUuNjk1MDcyNCA4LjIzMTU0NTg1LDE1LjYwNDAwNjggQzguMjA1NTI0ODQsMTUuNTAyODIyOSA4LjA5NzQzNzU4LDE1Ljc4Mjc2NTEgNy45NDI2NDU5NCwxNi4wNTkzMzQ1IEM3LjgxMDIwNTY3LDE2LjI5ODgwMzIgNy42NDM0MDQzNCwxNi41MzgyNzE4IDcuNDY1OTI3NzIsMTYuNTM4MjcxOCBDNy40MjEyMjQ5NiwxNi41MzgyNzE4IDcuMzc1NTIxMzksMTYuNTI0NzgwNiA3LjMyOTgxNzgzLDE2LjQ4NzY3OTggTDcuMzI5ODE3ODMsMTYuNDg3Njc5OCBaIiBpZD0iU2hhcGUtQ29weS00IiBmaWxsPSIjRjJGMkYyIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg=='); } .shareLayer .mc .share .weibo { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjdweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjcgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ1LjIgKDQzNTE0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7lvq7ljZo8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMDQtMDDmloflrZciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NDguMDAwMDAwLCAtODYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLlvq7ljZoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU0OC4wMDAwMDAsIDg2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGVsbGlwc2UgaWQ9Ik92YWwtQ29weSIgZmlsbD0iI0RBNjQ0QSIgY3g9IjEzLjAzNjAxMTEiIGN5PSIxMyIgcng9IjEzLjAzNjAxMTEiIHJ5PSIxMyI+PC9lbGxpcHNlPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1LjYyMjY1ODYsNy4wMDkyNzgzNiBDMTUuNjIyNjU4Niw3LjAwOTI3ODM2IDE3LjU1MTQ2MjksNi44MjA1Mzg2IDE4Ljk4Nzk4MzIsOC4xNDU1Njg3IEMyMC40MjQ1MDM2LDkuNDY2NzQ2OTYgMTkuOTc0OTIzNywxMS42NjYxNDI5IDE5Ljk3NDkyMzcsMTEuNjY2MTQyOSBDMTkuOTQ0ODcyNiwxMS45ODU4NDQ5IDE5LjY1NjYxOTYsMTIuMjUxNjIxMyAxOS4zMjg0MzAyLDEyLjI4NjI4NzggQzE5LjM1MjE1NDgsMTIuMjkwMTM5NiAxOS4zNzY2NzAxLDEyLjI5MDEzOTYgMTkuNDAxNTgwOSwxMi4yOTAxMzk2IEwxOS4yNTM2OTgsMTIuMjkwMTM5NiBDMTkuMjc5MDA0MSwxMi4yOTAxMzk2IDE5LjMwMzUxOTUsMTIuMjkwMTM5NiAxOS4zMjg0MzAyLDEyLjI4NjI4NzggQzE5LjAwOTczMDcsMTIuMjUxNjIxMyAxOC43OTcwMDA4LDExLjk4NTg0NDkgMTguODQzMjYzNiwxMS42NjYxNDI5IEMxOC44NDMyNjM2LDExLjY2NjE0MjkgMTkuMTk2NzU5MSwxMC4zMzM0MDkxIDE4LjMzNTU1ODYsOS4xMjc3ODU3OCBDMTcuNDczMTcyLDcuOTIyMTYyNDYgMTUuNjIwNjgxNSw4LjEzMDE2MTM3IDE1LjYyMDY4MTUsOC4xMzAxNjEzNyBDMTUuMjkwOTEwNSw4LjEzMDE2MTM3IDE1LjAxMTM1NjUsNy44OTUxOTk2NCAxNC45NzY5NTU5LDcuNTc5MzQ5NDQgQzE0Ljk3NDU4MzUsNy42MDI0NjA0MyAxNC45NzMzOTcyLDcuNjIxNzE5NTkgMTQuOTczMzk3Miw3LjY0NDgzMDU4IEwxNC45NzMzOTcyLDcuNTEzODY4MyBDMTQuOTczMzk3Miw3LjUzNjk3OTI5IDE0Ljk3NDU4MzUsNy41NTYyMzg0NSAxNC45NzY5NTU5LDcuNTc5MzQ5NDQgQzE1LjAxMTM1NjUsNy4yNjM0OTkyNSAxNS4yODY5NTY1LDcuMDEzMTMwMTkgMTUuNjIyNjU4Niw3LjAwOTI3ODM2IEwxNS42MjI2NTg2LDcuMDA5Mjc4MzYgWiBNNSwxNC42MjA0OTc3IEM1LDEyLjI4NjI4NzggOS41MDY0NzQ1OCw4LjYwMDA4NDg0IDExLjIzMDg1MjUsOC42MDAwODQ4NCBDMTEuOTUzNjU5OSw4LjYwMDA4NDg0IDEzLjM3MjM4NjgsOS4xMjc3ODU3OCAxMi4zNzk5MTA2LDEwLjc5MTc3NzEgQzEyLjM1MjIzMiwxMC44Mzc5OTkgMTIuNzA1NzI3NSwxMC42OTE2Mjk0IDEzLjIyMDU0OTgsMTAuNTQ1MjU5OCBDMTMuOTkwODA2MywxMC4zMjU3MDU0IDE1LjEyMzI1NzIsMTAuMTEwMDAyOSAxNS44Nzk2NzQzLDEwLjUzMzcwNDMgQzE3LjE0MTQyMzksMTEuMjUwMTQ1IDE1Ljg3OTY3NDMsMTIuMzk0MTM5IDE1Ljg3OTY3NDMsMTIuNTIxMjQ5NSBDMTUuODc5Njc0MywxMi42NDgzNTk5IDE4LjQxMzQ1NDIsMTIuNjQ4MzU5OSAxOC40MTM0NTQyLDE0LjYyMDQ5NzcgQzE4LjQxMzQ1NDIsMTYuOTUwODU1OSAxNS40MzI4NjIzLDE4Ljg0MjEwNTMgMTEuNzIxMTU5NSwxOC44NDIxMDUzIEM4LjAwOTA2MTI5LDE4Ljg0MjEwNTMgNSwxNi45NTA4NTU5IDUsMTQuNjIwNDk3NyBMNSwxNC42MjA0OTc3IFogTTE1LjgzNjk3MDIsOS4wNzAwMDgzIEMxNS44MzY5NzAyLDkuMDcwMDA4MyAxNi43NDE2NjU2LDguODMxMTk0NzQgMTcuNTI1MzY1OSw5LjUxNjgyMDc4IEMxOC4zMDkwNjYyLDEwLjIwNjI5ODYgMTcuOTg4Mzg5NywxMS4zNDI1ODkgMTcuOTg4Mzg5NywxMS4zNDI1ODkgQzE3Ljk1NDc3OTksMTEuNTczNjk4OSAxNy43MjIyNzk1LDExLjc1ODU4NjggMTcuNDgxNDc1NSwxMS43NTg1ODY4IEwxNy40Mzg3NzE0LDExLjc1ODU4NjggQzE3LjE5NzE3NjYsMTEuNzU4NTg2OCAxNy4wNTY0MTEsMTEuNTc3NTUwNyAxNy4xMjI4Mzk3LDExLjM1NDE0NDUgQzE3LjEyMjgzOTcsMTEuMzU0MTQ0NSAxNy40MjA5NzgsMTAuNjg3Nzc3NiAxNy4wMDMwMzA4LDEwLjIwNjI5ODYgQzE2LjU4NTA4MzcsOS43MjA5Njc4NSAxNS44MzgxNTY0LDkuODMyNjcwOTcgMTUuODM4MTU2NCw5LjgzMjY3MDk3IEMxNS42MTg3MDQ1LDkuODM2NTIyODEgMTUuNDQwMzc1MSw5LjY5MDE1MzIgMTUuNDExMTE0OCw5LjQ4OTg1Nzk1IEMxNS40MDgzNDcsOS41MDkxMTcxMSAxNS40MDY3NjUzLDkuNTI4Mzc2MjcgMTUuNDA2NzY1Myw5LjU0NzYzNTQzIEwxNS40MDY3NjUzLDkuNDI4MjI4NjUgQzE1LjQwNjc2NTMsOS40NDc0ODc4MSAxNS40MDgzNDcsOS40NjY3NDY5NiAxNS40MTExMTQ4LDkuNDg5ODU3OTUgQzE1LjQ0MDM3NTEsOS4yODE4NTkwNCAxNS42MTk4OTA3LDkuMTAwODIyOTYgMTUuODM2OTcwMiw5LjA3MDAwODMgTDE1LjgzNjk3MDIsOS4wNzAwMDgzIFogTTExLjExMTgzNDUsMTIuMTA5MTAzNSBDOC43NDA1Njc2NSwxMi40MzY1MDkyIDYuOTk0MDQ2NzksMTMuOTE1NjEyNSA3LjIxMDMzNTQzLDE1LjQxNzgyNjkgQzcuNDI3MDE5NDgsMTYuOTIwMDQxMyA5LjUyNTA1ODgsMTcuODc1Mjk1NSAxMS44OTY3MjEsMTcuNTQ3ODg5OCBDMTQuMjY3OTg3OSwxNy4yMjQzMzYgMTYuMDE1Mjk5NSwxNS43NDUyMzI2IDE1Ljc5ODYxNTUsMTQuMjQzMDE4MiBDMTUuNjEwNDAwOSwxMi45MzcyNDczIDE0LjAwNDI1MDIsMTIuMDQ3NDc0MiAxMi4wMzIzNDYzLDEyLjA0NzQ3NDIgQzExLjczMjYyNjQsMTIuMDQ3NDc0MiAxMS40MjQ2MDI5LDEyLjA2NjczMzMgMTEuMTExODM0NSwxMi4xMDkxMDM1IEwxMS4xMTE4MzQ1LDEyLjEwOTEwMzUgWiBNOC40OTA2NjkyNywxNS41NDg3ODkyIEM4LjI2MTcyNzU1LDE0LjQwNDc5NTIgOS4yMjA1OTM5OSwxMy4yNjA4MDEyIDEwLjYzMTAxNzMsMTIuOTk1MDI0OCBDMTIuMDQxNDQwNywxMi43MjUzOTY2IDEzLjM3MDQwOTgsMTMuNDM3OTg1NCAxMy41OTg5NTYxLDE0LjU4MTk3OTQgQzEzLjgyNzEwNywxNS43MjU5NzM0IDEyLjg2OTAzMTQsMTYuODczODE5MyAxMS40NTgyMTI2LDE3LjEzOTU5NTcgQzExLjI1Nzc0MDMsMTcuMTc4MTE0IDExLjA1OTI0NTEsMTcuMTk3MzczMSAxMC44NjUwOTk0LDE3LjE5NzM3MzEgQzkuNjkyNzEyMTUsMTcuMTk3MzczMSA4LjY4Njc5MjA1LDE2LjUzMTAwNjMgOC40OTA2NjkyNywxNS41NDg3ODkyIEw4LjQ5MDY2OTI3LDE1LjU0ODc4OTIgWiBNMTEuMDcwNzEyLDE0LjYyMDQ5NzcgQzExLjA3MDcxMiwxNC44NTE2MDc2IDExLjI2NDg1NzcsMTUuMDQwMzQ3NCAxMS41MDQ0NzU1LDE1LjA0MDM0NzQgQzExLjc0MzY5NzgsMTUuMDQwMzQ3NCAxMS45Mzc4NDM2LDE0Ljg1MTYwNzYgMTEuOTM3ODQzNiwxNC42MjA0OTc3IEMxMS45Mzc4NDM2LDE0LjM4NTUzNiAxMS43NDM2OTc4LDE0LjE5Njc5NjMgMTEuNTA0NDc1NSwxNC4xOTY3OTYzIEMxMS4yNjQ4NTc3LDE0LjE5Njc5NjMgMTEuMDcwNzEyLDE0LjM4NTUzNiAxMS4wNzA3MTIsMTQuNjIwNDk3NyBMMTEuMDcwNzEyLDE0LjYyMDQ5NzcgWiBNOS45NTQ4NjgyMSwxNC44NTU0NTk1IEM5LjUyMDcwOTMsMTUuMDUxOTAyOSA5LjI5MTc2NzU4LDE1LjQ3MTc1MjUgOS40NDM2MDQ1OCwxNS43ODc2MDI3IEM5LjU5NTQ0MTU3LDE2LjEwMzQ1MjkgMTAuMDcwMzI3NiwxNi4xOTk3NDg3IDEwLjUwNDA5MTEsMTYuMDAzMzA1MyBDMTAuOTM4MjUsMTUuODA2ODYxOSAxMS4xNjc1ODcxLDE1LjM5MDg2NDEgMTEuMDE1MzU0NywxNS4wNzUwMTM5IEMxMC45MTY4OTc5LDE0Ljg2NzAxNSAxMC42ODIwMjUxLDE0Ljc1NTMxMTkgMTAuNDEwMzc5MiwxNC43NTUzMTE5IEMxMC4yNjQwNzc5LDE0Ljc1NTMxMTkgMTAuMTA2NzA1MiwxNC43ODYxMjY1IDkuOTU0ODY4MjEsMTQuODU1NDU5NSBMOS45NTQ4NjgyMSwxNC44NTU0NTk1IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0YyRjJGMiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4='); } .shareLayer .mc .watch p { margin: 10px 0; white-space: nowrap; } .shareLayer .mc .watch p img { width: 90px; height: 90px; margin-right: 10px; vertical-align: middle; } .shareLayer .mc .watch p span { line-height: 20px; display: inline-block; vertical-align: middle; } .single-preview { position: absolute; left: 0px; bottom: 60px; height: auto; width: 170px; border-radius: 4px; overflow: hidden; cursor: pointer; z-index: 20; } .single-preview .process-skip-line { width: 1px; height: 14px; background: #fff; position: absolute; bottom: 0; z-index: 10; opacity: 0; } .single-preview .preview-tips { display: none; position: relative; left: 50%; padding: 5px 8px; background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 0px 0px 4px; transform: translateX(-50%); font-size: 12px; letter-spacing: 0; line-height: 21px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .single-preview .youku-imgBg { width: 160px; height: 72px; background: url(//http://g1.ykimg.com/052500015C668026ADE19E1AC2024206); } .single-preview .dn { display: none; } .single-preview .cover { display: none; position: absolute; top: 0px; width: 128px; height: 71px; z-index: 101; } .single-preview .cover .videoInfo { position: absolute; bottom: -16px; width: 100%; height: 33px; line-height: 120%; overflow: hidden; font-size: 12px; color: #FFFFFF; letter-spacing: 0; line-height: 12px; text-align: center; } .single-preview .thumbPic { position: relative; height: 100%; width: auto; } .preview { display: none; position: absolute; left: 0px; bottom: 56px; height: 72px; width: 100%; cursor: pointer; z-index: 20; } .preview .gradient { position: absolute; left: 0px; top: -70px; width: 100%; height: 70px; background: -webkit-gradient(linear, center top, center bottom, from(rgba(0, 0, 0, 0)), to(#28262b)); background: -moz-gradient(linear, center top, center bottom, from(rgba(0, 0, 0, 0)), to(#28262b)); background: gradient(linear, center top, center bottom, from(rgba(0, 0, 0, 0)), to(#28262b)); background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0), #28262b); background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0), #28262b); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #28262b); } .preview .cover { display: none; position: absolute; top: 0px; width: 126px; height: 68px; border: 2px solid #02a8e3; z-index: 100; } .preview .cover .videoInfo { position: absolute; left: 8px; bottom: -14px; width: 100%; height: 33px; line-height: 120%; overflow: hidden; font-family: PingFangSC-Semibold; font-size: 14px; color: #FFFFFF; letter-spacing: 0; line-height: 12px; } .preview .cover .shareIcon { display: none; position: absolute; top: 2px; right: 5px; /*display: inline-block;*/ width: 30px; height: 12px; font-size: 12px; font-weight: bold; padding: 5px 5px 5px 15px; background: #000 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjFweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMjEgMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ1LjIgKDQzNTE0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5zaGFyZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIwNC0wMOaWh+WtlyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0Ni4wMDAwMDAsIC01NDUuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDYuMDAwMDAwLCA1NDMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0ic2hhcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMC43NzYyNzIyLDQuMzk3NzQ0OTkgQzIwLjY5OTQ1NTgsNC40NzQ5MyAyMC42MTAzNDg4LDQuNTMwNTAzMjIgMjAuNTE1NjA4Niw0LjU2ODA2NjU5IEMyMC40MTkzMzIxLDQuNjExODA0NzcgMjAuMzE0MzQ5Nyw0LjYzOTU5MTM3IDIwLjIwMTY4NTcsNC42Mzk1OTEzNyBMMTguODAwNTU0Nyw0LjYzOTU5MTM3IEMxOC44MDE1NzksNC42NDMxOTMzNCAxOC44MDI2MDMyLDQuNjQ3MzA5ODggMTguODA0MTM5NSw0LjY1MTQyNjQxIEwxNi40OTcwODczLDQuNjUxNDI2NDEgTDE2LjQ4MjIzNjIsNC42NzUwOTY0OCBDMTQuOTAzOTE1NSw0Ljc0NjYyMTI2IDEyLjc0NTM3NSw2LjMxODEwODIxIDExLjk2NjQ1NjgsOC41MDI0NDQxOSBMMTEuODkwMTUyNSw4LjUwMjQ0NDE5IEMxMS44OTAxNTI1LDguNTAzOTg3ODkgMTEuODkxMTc2OCw4LjUwNTUzMTU5IDExLjg5MTE3NjgsOC41MDcwNzUyOSBDMTEuODkxMTc2OCw4LjkzMTU5Mjg5IDExLjU0ODU3NTcsOS4yNzUzMjM1IDExLjEyNjU5NzcsOS4yNzUzMjM1IEMxMC43MDQ2MTk2LDkuMjc1MzIzNSAxMC4zNjI1MzA3LDguOTMxNTkyODkgMTAuMzYyNTMwNyw4LjUwNzA3NTI5IEMxMC4zNjI1MzA3LDguNTA1NTMxNTkgMTAuMzYzMDQyOCw4LjUwNDUwMjQ2IDEwLjM2MzA0MjgsOC41MDI5NTg3NiBMMTAuMzQ2MTQzMiw4LjUwMjk1ODc2IEMxMC4zNjE1MDY0LDguNDQwMTgxNjEgMTAuMzgzNTI3MSw4LjM3ODk0ODE2IDEwLjQwMDkzODgsOC4zMTY2ODU1OCBDMTAuNDEyNzE3NCw4LjI3MDg4OTE0IDEwLjQyMDM5OSw4LjIyNDU3ODEzIDEwLjQzOTg1OTEsOC4xODIzODM2NSBDMTEuMjk3MTMsNS4zMjgwODE3MyAxNC4xNzM2NDc3LDMuMTU0NTUxNjUgMTYuNTc1NDQwMSwzLjExOTU2MTEgQzE2LjYwMjA2OTcsMy4xMTY5ODgyNyAxNi42MjUxMTQ3LDMuMTA0MTI0MSAxNi42NTIyNTY0LDMuMTA0MTI0MSBMMTguNDA3NzY3LDMuMTA0MTI0MSBMMTYuNjIzMDY2MiwxLjMxMDM0NDMxIEMxNi4zMjUwMTg2LDEuMDEwODY2NDQgMTYuMzI1MDE4NiwwLjUyNDYwMDgzMiAxNi42MjMwNjYyLDAuMjI0NjA4NCBDMTYuOTIxNjI1OSwtMC4wNzQ4Njk0NjY1IDE3LjQwNTU2OTIsLTAuMDc0ODY5NDY2NSAxNy43MDM2MTY3LDAuMjI0NjA4NCBMMjAuNzc2MjcyMiwzLjMxMjAwOTA4IEMyMS4wNzQ4MzE5LDMuNjEyMDAxNTEgMjEuMDc0MzE5OCw0LjA5Nzc1MjU1IDIwLjc3NjI3MjIsNC4zOTc3NDQ5OSBaIE0xMC41MzQ1OTk0LDEuNTU2ODIxNzkgQzEwLjUwNzk2OTcsMS41NTY4MjE3OSAxMC40ODU0MzY5LDEuNTQzOTU3NjIgMTAuNDU5MzE5MywxLjU0MTM4NDc5IEwxMC40NTkzMTkzLDEuNTY0NTQwMyBMMy4wODA4NDkyNCwxLjU2NDU0MDMgQzIuMjMyMjg0MjIsMS41NjQ1NDAzIDEuNTQ0NTIxNDksMi4yNTU2MDM0OCAxLjU0NDUyMTQ5LDMuMTA4MjQwNjQgTDEuNTQ0NTIxNDksMTMuODk4MTkxNCBDMS41NDQ1MjE0OSwxNC43NTA4Mjg2IDIuMjMyMjg0MjIsMTUuNDQxODkxOCAzLjA4MDg0OTI0LDE1LjQ0MTg5MTggTDE3LjkzMjAxNzUsMTUuNDQxODkxOCBDMTguNzgwNTgyNSwxNS40NDE4OTE4IDE5LjQ2ODM0NTIsMTQuNzUwODI4NiAxOS40NjgzNDUyLDEzLjg5ODE5MTQgTDE5LjQ2ODM0NTIsOC41NTEzMjgwNCBMMTkuNDgwNjM1OCw4LjU1MTMyODA0IEMxOS40Nzg1ODc0LDguNTMwMjMwOCAxOS40NjgzNDUyLDguNTEyMjIwOTYgMTkuNDY4MzQ1Miw4LjQ5MTEyMzcyIEMxOS40NjgzNDUyLDguMDY3MTIwNyAxOS44MTA0MzQyLDcuNzIzMzkwMDkgMjAuMjMyNDEyMiw3LjcyMzM5MDA5IEMyMC42NTQ5MDIzLDcuNzIzMzkwMDkgMjAuOTk2OTkxMyw4LjA2NzEyMDcgMjAuOTk2OTkxMyw4LjQ5MTEyMzcyIEMyMC45OTY5OTEzLDguNTEyMjIwOTYgMjAuOTg2NzQ5MSw4LjUzMDIzMDggMjAuOTg0NzAwNyw4LjU1MTMyODA0IEwyMC45OTA4NDYsOC41NTEzMjgwNCBMMjAuOTkwODQ2LDEzLjkxMjU5OTMgQzIwLjk5MDg0NiwxNS42MTc4NzM2IDE5LjYxNDgwODUsMTcgMTcuOTE4MTkwNSwxNyBMMy4wNzI2NTU0OSwxNyBDMS4zNzU1MjU0NCwxNyAwLDE1LjYxNzg3MzYgMCwxMy45MTI1OTkzIEwwLDMuMTE1NDQ0NTcgQzAsMS40MTAxNzAyNiAxLjM3NTUyNTQ0LDAuMDI4MDQzODg5NSAzLjA3MjY1NTQ5LDAuMDI4MDQzODg5NSBMMTAuNDU5MzE5MywwLjAyODA0Mzg4OTUgTDEwLjQ1OTMxOTMsMC4wMzYyNzY5NTggQzEwLjQ4NTQzNjksMC4wMzMxODk1NTczIDEwLjUwNzk2OTcsMC4wMjA4Mzk5NTQ2IDEwLjUzNDU5OTQsMC4wMjA4Mzk5NTQ2IEMxMC45NTY1Nzc0LDAuMDIwODM5OTU0NiAxMS4yOTg2NjY0LDAuMzY0NTcwNTY0IDExLjI5ODY2NjQsMC43ODg1NzM1OTEgQzExLjI5ODY2NjQsMS4yMTMwOTExOCAxMC45NTY1Nzc0LDEuNTU2ODIxNzkgMTAuNTM0NTk5NCwxLjU1NjgyMTc5IFoiIGlkPSLlnIbop5Lnn6nlvaItMS3lia/mnKwiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+'); background-size: 12px 12px; background-repeat: no-repeat; background-position: 5px center; text-align: right; } .preview .case { position: absolute; top: 0px; width: 126px; height: 68px; border: 2px solid #02a8e3; z-index: 100; } .preview .thumbPic { position: absolute; height: 100%; width: auto; } .preview .thumbPic .item { display: inline-block; height: 100%; } .preloading-layer { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; text-align: center; align-items: center; justify-content: center; display: flex; z-index: 81; pointer-events: none; } .preloading-layer.blackbg { background-color: rgba(0, 0, 0, 0.2); color: #fff; } .preloading-layer.blackbg p { font-size: 14px; line-height: 2.5em; } .preloading-layer .preloading-container { position: absolute; top: 50%; left: 50%; width: 150px; height: 75px; margin-left: -75px; margin-top: -40px; } .preloading-layer .preloading-container img { width: 100%; } .preloading-layer .h5-layer-loading { position: relative; width: 150px; height: 60px; margin: 0 auto; } .preloading-layer .h5-layer-loading .spinner { margin: auto; width: 60px; height: 60px; position: relative; text-align: center; -webkit-animation: rotate 2.0s infinite linear; animation: rotate 2.0s infinite linear; } .preloading-layer .h5-layer-loading .dot1, .preloading-layer .h5-layer-loading .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #FE5280; border-radius: 100%; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; } .preloading-layer .h5-layer-loading .dot2 { background-color: #3EB0FF; } .preloading-layer .h5-layer-loading .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); } } @keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } .preloading-layer .h5-layer-loading .spinner1 { margin: 20px auto 0; width: 150px; text-align: center; } .preloading-layer .h5-layer-loading .spinner1 > div { width: 20px; height: 20px; background-color: #3EB0FF; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .preloading-layer .h5-layer-loading .spinner1 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .preloading-layer .h5-layer-loading .spinner1 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); -webkit-transform: scale(0); } 40% { transform: scale(1); -webkit-transform: scale(1); } } .top_area { pointer-events: none; position: absolute; top: 0; left: 0; right: 0; display: block; width: 100%; height: 100px; font-size: 14px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(255, 255, 255, 0)); z-index: 1000; } .top_area .top-header { padding: 25px 30px 28px 30px; z-index: 9; box-sizing: border-box; color: #fff; pointer-events: none; } .top_area .top-header .title { width: 33%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } .top_area .top-header .system-time { float: right; } .top_area .top-header .scale { pointer-events: none; z-index: 9999; position: absolute; right: 109px; top: 20px; opacity: 0.8; } .top_area .top-header .has-hdr-scale { right: 287px; } .top_area .top-header .scale:hover { opacity: 1; } .top_area .top-header .percent-item { pointer-events: auto; cursor: pointer; position: relative; display: none; width: 36px; height: 30px; font-size: 30px; line-height: 30px; text-align: center; } .top_area .top-header .percent-item-current { display: inline-block; } .hint-information { position: absolute; bottom: 61px; left: 16px; line-height: 14px; font-size: 14px; color: #fff; text-align: center; z-index: 9; } .hint-information-tip { width: auto; display: inline-block; padding: 11px 16px 11px 16px; background: rgba(0, 0, 0, 0.6); border-radius: 18px; } .hint-information-tip .oppinfo { display: inline-block; background: url('//img.alicdn.com/tfs/TB1YKLLaxrI8KJjy0FpXXb5hVXa-529-46.png'); background-size: 255px 23px; background-repeat: no-repeat; width: 255px; height: 23px; top: 7px; margin-right: 2px; position: relative; } .hint-information-quality .oppinfo { display: inline-block; } .information-tips { position: absolute; bottom: 61px; left: 16px; width: 100%; z-index: 90; box-sizing: border-box; color: #fff; font-size: 14px; height: 36px; border-radius: 18px; width: auto; display: inline-block; background: rgba(0, 0, 0, 0.6); } .information-tips .information-tip-link { display: inline-block; color: #0D9BFF; cursor: pointer; text-decoration: none; } .information-tips .login-720 { margin-left: 24px; display: inline-block; } .information-tips .information-tip-des { display: inline-block; color: #fff; text-shadow: 1px 1px 2px #000000; vertical-align: middle; line-height: 14px; padding: 11px 0px 11px 16px; } .information-tips .information-tip-close { cursor: pointer; display: inline-block; vertical-align: middle; margin-left: 12px; margin-right: 16px; width: 12px; height: 12px; line-height: 12px; } .information-tips .information-tip-close .iconfont { font-size: 12px; display: inline-block; } .information-window-tips { position: absolute; bottom: 61px; left: 16px; width: 100%; z-index: 90; box-sizing: border-box; color: #fff; font-size: 14px; height: 90px; border: 1px solid #000000; border-radius: 2px; background: #000000; width: 250px; text-align: center; } .information-window-tips .information-window-tip-des { display: inline-block; color: #fff; text-shadow: 1px 1px 2px #000000; vertical-align: middle; height: 40px; line-height: 40px; } .information-window-tips .information-window-tip-close { font-size: 20px; line-height: 20px; cursor: pointer; display: inline-block; vertical-align: middle; position: relative; top: -1px; } .information-window-tips .information-window-btn { color: #000000; background-color: white; width: 80px; height: 35px; border: 1px solid #000000; border-radius: 10px; text-align: center; padding: 0; margin: 0 auto; line-height: 35px; cursor: pointer; } .information-tips2 { bottom: 10px; } .information-tip-top { z-index: 9; bottom: 0; line-height: 2; padding: 0 10px; background: rgba(0, 0, 0, 0.6); } /** * 错误提示 */ .drm-error-layer, .note_error { position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: block; width: 100%; } .drm-error-layer .note_error_panel, .note_error .note_error_panel { padding: 10px; text-align: center; color: #fff; font-size: 14px; z-index: 19; } .drm-error-layer .note_error_icon, .note_error .note_error_icon { width: 42px; height: 40px; background-repeat: no-repeat; background-size: 100% 100%; margin: auto; cursor: pointer; } .drm-error-layer .icon_setting_cookie, .note_error .icon_setting_cookie { background-image: url('//img.alicdn.com/tfs/TB1YOJEi8DH8KJjSspnXXbNAVXa-40-40.svg'); } .drm-error-layer .icon_refrash, .note_error .icon_refrash { background-image: url('//img.alicdn.com/tfs/TB17WlKi3vD8KJjy0FlXXagBFXa-42-40.svg'); } .drm-error-layer .icon_private, .note_error .icon_private { width: 36px; background-image: url('//img.alicdn.com/tfs/TB1bl8Bi3nH8KJjSspcXXb3QFXa-40-40.svg'); } .drm-error-layer .icon_note_notice, .note_error .icon_note_notice { width: 60px; height: 60px; background-image: url('//img.alicdn.com/tfs/TB1t5F5cvBNTKJjSszbXXaFrFXa-128-128.svg'); } .drm-error-layer .note_error_sendlog_success, .note_error .note_error_sendlog_success { background-repeat: no-repeat; display: inline-block; background-image: url('//img.alicdn.com/tfs/TB1ofXrg5qAXuNjy1XdXXaYcVXa-24-24.png'); background-size: 12px 12px; padding-left: 15px; background-position: left center; } .drm-error-layer .note-error-code, .note_error .note-error-code { position: absolute; bottom: 20px; right: 20px; opacity: .6; } .drm-error-layer .note_notice_tit, .note_error .note_notice_tit, .drm-error-layer .note_error_tit, .note_error .note_error_tit, .drm-error-layer .note_normal_tit, .note_error .note_normal_tit { padding: 20px 0 10px; font-size: 20px; } .drm-error-layer .note_error_button_refrash, .note_error .note_error_button_refrash { margin: auto; margin-top: 20px; line-height: 32px; font-size: 16px; width: 100px; height: 32px; background-image: linear-gradient(-90deg, #008FFF 100%, #00C2FF 0%); border-radius: 100px; cursor: pointer; } .drm-error-layer .note_error_item_container, .note_error .note_error_item_container { margin: 20px 0; } .drm-error-layer .note_error_item_list, .note_error .note_error_item_list { width: 171px; display: inline-block; text-align: center; } .drm-error-layer .note_error_itembg, .note_error .note_error_itembg { width: 96px; border-radius: 20px; background-color: #ffffff; padding: 23px 0 23px 0; margin: auto; } .drm-error-layer .note_error_itemyouku, .note_error .note_error_itemyouku { padding: 13px 0; } .drm-error-layer .note_error_itemqrcode, .note_error .note_error_itemqrcode { padding: 7px 0 7px 0; } .drm-error-layer .note_error_item, .note_error .note_error_item { width: 50px; height: 50px; background-repeat: no-repeat; background-size: 100% 100%; margin: auto; } .drm-error-layer .qrcode-img, .note_error .qrcode-img { width: 82px; height: 82px; margin: 0 auto; display: block; margin: auto; } .drm-error-layer .chrome, .note_error .chrome { background-image: url('//img.alicdn.com/tfs/TB1.wxrgyqAXuNjy1XdXXaYcVXa-96-96.png'); } .drm-error-layer .youku_logo, .note_error .youku_logo { cursor: pointer; background-image: url('//img.alicdn.com/tfs/TB1b1JWXX67gK0jSZPfXXahhFXa-1024-1024.svg'); width: 70px; height: 70px; } .drm-error-layer .note_error_item_title, .note_error .note_error_item_title { font-size: 14px; color: #DDDDDD; padding: 10px 10px; overflow: hidden; white-space: nowrap; } .drm-error-layer .note_error_item_desc, .note_error .note_error_item_desc { font-size: 12px; color: #999999; } .drm-error-layer .note_error_item_ad, .note_error .note_error_item_ad { font-size: 12px; color: #000000; background: #ffffff; border-radius: 2px; padding: 1px 3px; width: 60px; margin: auto; } .drm-error-layer a.note_error_link, .note_error a.note_error_link { padding: 0 3px; color: #008FFF; cursor: pointer; text-decoration: none; } .drm-error-layer .note_error_code, .note_error .note_error_code { padding: 2px 0; color: #aaaaaa; font-size: 16px; } .drm-error-layer .note_error_code_ext, .note_error .note_error_code_ext { padding: 2px 0; color: #aaaaaa; font-size: 12px; } .note_info { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; z-index: 10; } .note_info .note_panel { position: relative; top: 25%; left: 0; padding: 10px; text-align: center; color: #fff; font-size: 14px; z-index: 19; } .note_info .note_panel .note_title { padding: 10px 0; font-size: 16px; line-height: 1.7; } .note_info .note_panel .note_desc { padding: 20px 0; line-height: 1.7; text-align: center; } .note_info .note_panel .note_span { display: inline-block; vertical-align: top; text-align: left; } .note_info .note_panel .note_type { margin: 0 5px; display: inline-block; color: #f60; } .note_info .note_panel .note_fans { display: inline-block; margin: 0 15px 0 15px; } .note_info .note_panel .note_subscribe { display: block; align-items: center; } .note_info .note_panel .note_uploader { border-radius: 50%; width: 68px; height: 68px; margin: auto; padding: 15px; display: block; } .note_info .note_panel .note_btnsubscribe { font-size: 18px; display: inline-block; background: #0D9BFF; padding: 5px 15px; border-radius: 25px; cursor: pointer; } .note_info .note_panel .note_option { padding: 10px 0; } .note_info .note_panel a.note_action { display: inline-block; background: #f60; padding: 5px 15px; border-radius: 3px; cursor: pointer; color: #fff; text-decoration: none; } .note_info .note_panel .note_submit { display: inline-block; background: #0D9BFF; padding: 5px 15px; border-radius: 3px; cursor: pointer; } .note_info .note_panel a.note_link { padding: 0 10px; color: #999; } .note_info .note_panel input.note_password { width: 100px; height: 28px; margin: 0; padding: 0; text-align: center; border: 1px solid #333; } .preplay-layer { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #101010; text-align: center; z-index: 110; } .preplay-layer .ykplayer-poster-logo { width: 100%; height: 100%; position: absolute; } .preplay-background { width: 100%; height: 100%; opacity: 0.3; filter: alpha(opacity=30); -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */ } .h5player-dashboard .h5-control-wrap { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); padding: 0px 16px; height: 50px; } .h5player-dashboard .h5-control-wrap .control-left-grid, .h5player-dashboard .h5-control-wrap .control-right-grid { line-height: 50px; padding: 0px; font-size: 0px; } .h5player-progress .progress-hover-container { height: 10px; } .h5player-progress .progress-container { height: 3px; } .h5player-progress .progress-played { transform: scaleX(-1); background-image: linear-gradient(270deg, #0D9BFF 0%, #00D3FF 100%); } .h5player-progress .progress-hover-container:hover .progress-container { height: 10px; } .h5player-dashboard .input-range-container .input-range-thumb { border: 8px solid #00D3FF; } .h5player-dashboard .input-range-container .input-range-thumb:after { top: -8px; left: -8px; border: 8px solid #00D3FF; } .h5player-dashboard .input-range-container .input-range-thumb:before { border-color: rgba(0, 211, 255, 0.5); } .youku_player_fullscreen { object-fit: contain; position: absolute !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; box-sizing: border-box !important; width: 100% !important; height: 100% !important; z-index: 9000; } .youku_player_prefullscreen { object-fit: contain; position: fixed !important; top: 0px !important; right: 0px !important; left: 0px !important; box-sizing: border-box !important; width: 100% !important; z-index: 9000; height: 100%; bottom: 0; } .youku_player_fullpage { object-fit: contain; position: fixed !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; box-sizing: border-box !important; width: 100% !important; height: 100% !important; transform: none !important; margin: 0px !important; z-index: 9000 !important; } @media screen and (max-width: 289px) { .youku_player_fullpage .h5-control-wrap .control-fullscreen-icon { display: none !important; } .youku_player_fullpage .h5-control-wrap .icon-exit-webfullscreen { display: none !important; } .youku_player_fullpage .h5-control-wrap .icon-picture { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-settings-icon { display: none !important; } .youku_player_fullpage .h5-control-wrap .icon-volume { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-quality-icon .js-quality-text { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-quality-icon .js-language-text { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-phonewatch { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-rate-btn { display: none !important; } } @media screen and (min-width: 290px) and (max-width: 324px) { .youku_player_fullpage .h5-control-wrap .icon-exit-webfullscreen { display: none !important; } .youku_player_fullpage .h5-control-wrap .icon-picture { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-settings-icon { display: none !important; } .youku_player_fullpage .h5-control-wrap .icon-volume { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-quality-icon .js-quality-text { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-quality-icon .js-language-text { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-phonewatch { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-rate-btn { display: none !important; } } @media screen and (min-width: 325px) and (max-width: 362px) { .youku_player_fullpage .h5-control-wrap .icon-picture { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-settings-icon { display: none !important; } .youku_player_fullpage .h5-control-wrap .icon-volume { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-quality-icon .js-quality-text { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-quality-icon .js-language-text { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-phonewatch { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-rate-btn { display: none !important; } } @media screen and (min-width: 363px) and (max-width: 398px) { .youku_player_fullpage .h5-control-wrap .control-settings-icon { display: none !important; } .youku_player_fullpage .h5-control-wrap .icon-volume { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-quality-icon .js-quality-text { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-quality-icon .js-language-text { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-phonewatch { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-rate-btn { display: none !important; } } @media screen and (min-width: 399px) and (max-width: 440px) { .youku_player_fullpage .h5-control-wrap .icon-volume { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-quality-icon .js-quality-text { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-quality-icon .js-language-text { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-phonewatch { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-rate-btn { display: none !important; } } @media screen and (min-width: 441px) and (max-width: 488px) { .youku_player_fullpage .h5-control-wrap .control-quality-icon .js-quality-text { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-quality-icon .js-language-text { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-phonewatch { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-rate-btn { display: none !important; } } @media screen and (min-width: 489px) and (max-width: 536px) { .youku_player_fullpage .h5-control-wrap .control-quality-icon .js-language-text { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-phonewatch { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-rate-btn { display: none !important; } } @media screen and (min-width: 537px) and (max-width: 584px) { .youku_player_fullpage .h5-control-wrap .control-quality-icon .js-language-text { display: none !important; } .youku_player_fullpage .h5-control-wrap .control-phonewatch { display: none !important; } } @media screen and (min-width: 585px) and (max-width: 1023px) { .youku_player_fullpage .h5-control-wrap .control-phonewatch { display: none !important; } } .youku_player_fullscreen_new { box-sizing: border-box !important; width: 100% !important; height: 100% !important; transform: none !important; margin: 0px !important; z-index: 9000; } .youku_player_fullscreen .danmuform { visibility: hidden; } .yk-dmform { z-index: 100 !important; } .youku-player { position: relative; overflow: hidden; text-align: left; white-space: normal; background: #000; color: #fff; font: 12px/1.5 PingFangSC-Regular, Helvetica, Arial, Microsoft Yahei, sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; outline: none; -webkit-touch-callout: none; } .youku-player :focus, .youku-player a:active { outline: 0 none; } .youku-player, .youku-player * { visibility: visible; font-family: PingFangSC-Regular, sans-serif; } .youku-film-player { position: relative; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: #000000; } .youku-inter-player { position: relative; width: 100%; height: 100%; display: none; background-color: #000000; } .ykplayer-dashboard-hidden .information-tips { bottom: 0; } .ykplayer-dashboard-hidden .top_area { display: none !important; } .fullscreen-75-percent video { position: absolute !important; width: 75% !important; height: 75% !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; background-color: #000000 !important; } .fullscreen-50-percent video { position: absolute !important; width: 50% !important; height: 50% !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; background-color: #000000 !important; } .h5player-dashboard .progress-container .input-range-container .yk-custom-thumb { width: 20px; height: 20px; top: -10px; border: 0px solid #fff; border-radius: 0; background: transparent; } .h5player-dashboard .progress-container .input-range-container .yk-custom-thumb:before { display: none; } /** * 进度条颜色重置 **/ /***小窗样式***/ .min-pattern { width: 426px; height: 240px; max-width: 426px; max-height: 240px; position: fixed; right: 0px; top: 73px; z-index: 1201; } .min-pattern .h5player-dashboard { display: block !important; } .min-pattern .h5player-dashboard .h5-control-wrap { display: none; } .min-pattern .h5player-dashboard .h5player-progress { padding-bottom: 0px; } .min-pattern .h5player-dashboard .h5player-progress .progress-hover-container { height: 0px; } .min-pattern .h5player-dashboard .h5player-progress .progress-container { height: 3px !important; } .min-pattern .h5player-dashboard .h5player-progress .progress-hightlights { display: none !important; } .min-pattern .h5player-dashboard .h5player-progress .input-range-thumb { display: none !important; } .min-pattern .h5-layer-conatiner .yk-trigger-layer, .min-pattern .h5-layer-conatiner .preview { display: none !important; } .min-pattern .h5-layer-conatiner .yk-trigger-layer, .min-pattern .h5-layer-conatiner .single-preview { display: none !important; } .min-pattern .h5-layer-conatiner .minisize-layer { display: block; } .min-pattern .h5-layer-conatiner .layer-recommend { display: none !important; } .min-pattern .h5-layer-conatiner .information-tips { bottom: 2px; font-size: 12px; height: 23px; line-height: 20px; } .min-pattern .h5-layer-conatiner .information-tips .information-tip-des { line-height: 12px; padding: 4px 0px 4px 9px; } .min-pattern .yk-player-danmu { z-index: 111; } .min-pattern .youku-film-player { z-index: 112; } .min-pattern .preplay-layer { z-index: 112; } .min-pattern .h5-ext-layer { z-index: 112; } .min-pattern .js-hdr { z-index: 110 !important; } .fast-forward-box { position: absolute; top: 50%; padding: 4px; border-radius: 20px; left: 50%; transform: translate(-50%, -50%); z-index: 121; } .fast-forward-box .ff-text { font-size: 14px; margin-top: 12px; vertical-align: middle; text-shadow: 0 0 8px rgba(0, 0, 0, 0.4); } .fast-forward-box .ff-icon-box { width: 32px; height: 32px; vertical-align: middle; position: relative; } .fast-forward-box .ff-circle { width: 32px; height: 32px; position: absolute; left: 0; top: 0; animation-name: rotate; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; } .fast-forward-box .ff-back { width: 40px; height: 40px; position: absolute; left: -4px; top: -4px; } .fast-forward-box .ff-arrow { position: absolute; left: 0; top: 0; width: 32px; height: 32px; } @keyframes rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes horizontal-shake { 0% { transform: translateX(0px); } 25% { transform: translateX(2px); } 75% { transform: translateX(-2px); } 100% { transform: translateX(0px); } } /*清除浮动*/ .clearfix:after { content: ""; clear: both; display: block; height: 0; visibility: hidden; } .clearfix { zoom: 1; } .layer-recommend { display: none; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: #111; overflow: hidden; } .layer-recommend .endReload { position: absolute; left: 50%; top: 50%; font-size: 20px; color: #fff; text-decoration: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .layer-recommend .recommend-wrap { position: absolute; left: 0px; top: 0px; /*bottom:35px;*/ height: 100%; } .layer-recommend .list { position: relative; float: left; width: 100%; height: 100%; } .layer-recommend .list .mc { position: absolute; left: 50%; top: 50%; width: 80%; /*max-width: 935px;*/ -webkit-transform: translate(-50%, -55%); transform: translate(-50%, -55%); } .layer-recommend .list .sp-rd { float: left; width: 417px; } .layer-recommend .list .recommend-img { width: 100%; height: 100%; transition: all .2s ease 0s; } .layer-recommend .list .recommend-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all .2s; } .layer-recommend .list .spv_private { float: left; position: relative; display: inline-block; width: 417px; height: 233px; margin: 1px 1px 0 0; overflow: hidden; } .layer-recommend .list .spv_private .recommend-bg { background: rgba(11, 11, 11, 0.6); } .layer-recommend .list .spv_private .recommend-replay { position: absolute; left: 50%; top: 50%; width: 41px; height: 72px; font-size: 20px; color: rgba(255, 255, 255, 0.4); background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAABICAMAAABcFiw7AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAFuUExURf///////////////////////////0xpcf///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////90C9KcAAAB6dFJOU7OdQxYtqJIAWocLryJPAXA4rbKnBGUCLDCuHW2aaqR8HBkSD2kDc4WpLkp6J3dEDI6YW3gIRXuKg36wFzNxSRpuK0Fya6MRqxsYpZGJBkaGbJkTNYB1JqBCiKyxUzQJTm8Of4I+FapZR5ZLSCVmj5spUnZUVip5FKYFeCs7QAAAAstJREFUSMftlldX4zAQha9t2ZIcO70SQu+9LCxt6bDA9t577739+5VsB2zixOad+xLl6Du6MxppZNCA9ua2B9tzlUyufXB7ojswBd94l7UjoHdvepyJqakA2duXAHLj9vC+SeljrfR+qwNI9D2TEPzkpo7s4kre71ccnl1C7mWQzD8FuEUb1PYCqBV9ZP45EnaShii5WkGnjxzAUJk2UUnHETmCxHA4dtbbBY9cy2CVtiQveuQ8Fmm0BNmWTazFI2s4R2OR/QcYi0eWoCTjkT+xTuORvzERk7yAX9HYpelboH/xJ5rsxQ5oBmY0eQbnIQ7fvzhR4iRrHmA/mtxFh8y9FE2O4TPoOD5Ekyq+g/5AKpqs4RvoBu5E1/0LvoIWO7ARBX7ETlKczz4MRJFVfHLP/FJXa3C5kt1z7tEoFlpHOoot98YtZ/CkFTiB16+O7vtKi13P4K2vh9x/1LSHDLk30utLnXjwMDzWkQxG875O278O3Lsd0usWgGox2JPvDiF780agfybL81nomw3du6cmerI+a5e7J4v9k91le1z25GpvWJ+/PnMt2OenZ3rCXwShrsvVK0ouURFvx9W5rqZvR2QHOyVPSUo155XXGGkkVV6XfvjuUgJGNUJsJiRmUJAkEV8LDqfzlJxgdVL1zrPOuWH73Tn3WUnSZHpacwaGoQmSoUHCTYqpUCxBmgZS4ikAYZ4UpT5SC9yAwlXhnxZkWkbpuIvIpQzD/dXq7kEfSR7zP8xIrJ6SCcGQPi5JfBnVyYKtUUsXaRQMdGquO0PKF6dLpsVihEGXcZrieymVdknD208pSaoieV0Rtha1RGJU1etxHnc3RHAsED7Xwte0VaeakPGAy8RY0ziJM8c9D+KRGjF97kf7SWXFuSiBqAPzTkhQpBlpkmCNHIcwdzWk7hYxQtbkTc6S5ZFSnnuIxPlKyxwL3n9n+/8D/W1v8N8ZaF4AAAAASUVORK5CYII=') no-repeat; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; cursor: pointer; } .layer-recommend .list .spv_private .recommend-dw { position: absolute; left: 0px; bottom: 0px; width: 417px; height: 56px; background: url("data:image/png;base64,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") no-repeat; cursor: pointer; } .layer-recommend .list .spv_private:hover img { transform: scale(1.2, 1.2); } .layer-recommend .list .spv_private:hover .recommend-replay { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAABICAMAAABcFiw7AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAG/UExURUxpcf///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////7Z6U2IAAACUdFJOUwAg4BDw0GCAwEAw+VCg7nCQAz74KpsBAgaX6vcoRCT+BKT9vdvxrmphsA/2EcuBGd8Wce+r+mIFr5XEuvshtEmhnCVoPUKjGOjzqjgi687DZL9FmgnaS7Yb2Nk2pwvkljfCXvUxwUqxdvxvDRWfQRqeXFm18hS5Hgxlf12pmdwn1R9rmGcmNHiRdajMOt16PB2s7Ae1N/YfAAACzElEQVRIx+2WVXvbMBSG5cS2bIeTpk2bMjO3a9euXbnr2jEzMzMzM3w/eJJhsRs79vPsdt9FIsuvDugcKSHEoeejT5ua45l8vLnpdXst8dISfQaHXjy6rr/o6XFwA+MRIP4ksbDaScjll+lXi1VAZPwuewXYwZsiGqemN9inUteGJxG/5SRzN4CzZ4oDKrsHVKZsZO42RgbL3WIvn8ugw0Y2oKXGK8+0iALZhsiCO7bR3AXzcTaPOVKS3G4+jmGKBFJZXWQ2GFmJzcHA+jWcCEam0V8ejPyGmWAg+Yn2gOQ2fPeH9hw6Qsgv/PAnB7BMSBc6/cmj2MKb73eAGHnpA9l8wG2uYdWfXEIVzz3tT27FZ0JW8MaflPGJkPe4GqSLPhIyj2MVvuRXfGFntQrzfuA7LHNrx9HgR2bxwej5yerS4KZM41t90IqJ0h3aikVzSR6XSoHtuHO/cN6nS+x6Fx7a7pDT5zxPT4v9RObO4+IF911ty6M1Zz+gM8DJwy53wQSQTTnnTrWgbv8+x/1ZUTPWiKHHRcv7KkeAoeHBmtruVH137a7ECr+Ts1fcQjrQu9d5zx/s7fPckeod2Z398UiG/XbsHq0m//Vf/yBB0z+p6nKNKZbEwu+uCkoEVU1QJvYGSWMSBicqMf6CWqRs9rOoKFLCbltRbA+cDFMxKugDSRLYHEWRmDcuKiOkMTIsIRbmq6mpUMgayUlFQkiRmf8oI6NGlDxPVZckGd+C5d3phxT7/5sRsx7jCUHifgxStWVkkcmEQDQRFEkJHYLhnSJmi9Mgo8yYSiHyOMPs/1IsapCSuZ9cnJRZ8mKIudWIxhIjsmjFud67xIKjjvAVwd1mQtarCR4PFJ4Y9YyTk0R3yQeqSQpq2Oa9sJ+EV1xhJWB1MJevk+pFhlVnjXQPbt5ll7prquRiU/HoJc0kuUzvLmL9xWuiWD2kb/8fLpv1qMZfH4UAAAAASUVORK5CYII='); } .layer-recommend .list .spv_private:hover .recommend-bg { display: none; } .layer-recommend .list .spv-interact { position: relative; float: left; width: 417px; height: 116px; background: rgba(80, 80, 80, 0.6); display: -webkit-box; display: -moz-box; display: -o-box; display: box; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; box-pack: justify; margin: 1px 1px 0 0; } .layer-recommend .list .spv-interact .line { position: absolute; left: 50%; top: 50%; width: 1px; height: 85px; background: rgba(0, 0, 0, 0.3); transform: translate(-50%, -50%); } .layer-recommend .list .spv-interact .spv-evaluate, .layer-recommend .list .spv-interact .spv-share { width: 50%; height: 100%; display: -webkit-box; display: -moz-box; display: -o-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; box-pack: center; text-align: center; } .layer-recommend .list .spv-interact .spv-evaluate span, .layer-recommend .list .spv-interact .spv-share span { font-size: 14px; color: #999; } .layer-recommend .list .spv-interact .spv-evaluate .grade, .layer-recommend .list .spv-interact .spv-share .grade { width: 165px; margin: 15px auto 0; font-size: 10px; } .layer-recommend .list .spv-interact .spv-evaluate .grade .support, .layer-recommend .list .spv-interact .spv-share .grade .support { float: left; height: 20px; line-height: 150%; padding-left: 20px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABXUExURf///////////////////////////0xpcf///////////////////////////////////////////////////////////////////////////////////+vJMeQAAAAddFJOU+blDnrKxCgAD9YXWhzLDBY/3skFXLK84jSwt7vjtgeWxAAAAFhJREFUGNOtz8kOgCAMRdGnIhUnnOf//06bgMHK1rtpcxZNCnJVJvMb/GzQS7EAWiETS/qWUrHUBTcS9LyCBjyZDgsPQkgh+YjrD4kvn5Ho4xKSuy/2ANsNuBYDwARpU3wAAAAASUVORK5CYII=') left top no-repeat; cursor: pointer; } .layer-recommend .list .spv-interact .spv-evaluate .grade .support:hover, .layer-recommend .list .spv-interact .spv-share .grade .support:hover, .layer-recommend .list .spv-interact .spv-evaluate .grade .support.click-support, .layer-recommend .list .spv-interact .spv-share .grade .support.click-support { color: #f13d0f; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABXUExURUxpcfE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9EPE9ECDy66oAAAAcdFJOUwBk34fZ/iwR4O0fBQ8ZZvYY4UYN0MX7OsPLz/zWVsEpAAAAVklEQVQY063PRw6AMAxE0aGFhN7r3P+cWIpQMGz5G8tvYcmAL3IJdD1bDR3JUUkjUj2htiJFLpWAmRci5p0bMMkAQxbZS/zyh3wvHx8x+6kk9V9sAdYLkFoToNMaFvYAAAAASUVORK5CYII=') left top no-repeat; } .layer-recommend .list .spv-interact .spv-evaluate .grade .stamp, .layer-recommend .list .spv-interact .spv-share .grade .stamp { float: right; height: 20px; line-height: 150%; padding-right: 20px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABgUExURf///////////////////////////0xpcf///////////////////////////////////////////////////////////////////////////////////////////////+Cbqo0AAAAgdFJOU+bM1hdc5A4AD8ocDBY/3nzJBdizJrbixDPD5bC3uuMpl8wzGwAAAF5JREFUGNOtz0cOgDAMBMAFAib03sv/f4khERByZQ/Weg6WDDozT9AZB+zrBsKTHgvPtwC+JfhJ7MvtRySaugMVN7gpri88yUsUckpSQoIlUFVLwhIbQg4yMkVUuW4H8V8EE/2ORwUAAAAASUVORK5CYII=') right center no-repeat; cursor: pointer; } .layer-recommend .list .spv-interact .spv-evaluate .grade .stamp:hover, .layer-recommend .list .spv-interact .spv-share .grade .stamp:hover, .layer-recommend .list .spv-interact .spv-evaluate .grade .stamp.click-stamp, .layer-recommend .list .spv-interact .spv-share .grade .stamp.click-stamp { color: #00a6e4; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABgUExURUxpcQCm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5ACm5JVkuIIAAAAfdFJOUwAF7Q/93x8RZuAZ4or2GEbwDcoq+8fZ2Dj+w8vOLvxi8QY5AAAAXElEQVQY063PyQ6AIAxF0ecMTjjP2v//S6shCrL1Lhp6Fk0ArpaZdOOEfTsI9DZg5WkKIXSEfhL3cvMRibbvCNEDvro/gVTyEiecB51gCWBWstSWIKPCBogq168TBGsVuarHU04AAAAASUVORK5CYII=') right center no-repeat; } .layer-recommend .list .spv-interact .spv-evaluate .plan, .layer-recommend .list .spv-interact .spv-share .plan { position: relative; width: 165px; height: 3px; background: #1a7da3; margin: 10px auto 0; border-radius: 2px; } .layer-recommend .list .spv-interact .spv-evaluate .plan .supNum, .layer-recommend .list .spv-interact .spv-share .plan .supNum { position: absolute; left: 0px; top: 0px; width: 20%; height: 3px; background: #aa3e23; border-radius: 2px; } .layer-recommend .list .spv-interact .spv-evaluate .share, .layer-recommend .list .spv-interact .spv-share .share { margin-top: 15px; } .layer-recommend .list .spv-interact .spv-evaluate .share a, .layer-recommend .list .spv-interact .spv-share .share a { display: inline-block; width: 32px; height: 32px; margin: 0 5px; background: url('data:image/png;base64,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') no-repeat; } .layer-recommend .list .spv-interact .spv-evaluate .share .wx, .layer-recommend .list .spv-interact .spv-share .share .wx { background-position: 0px 0px; } .layer-recommend .list .spv-interact .spv-evaluate .share .qzoom, .layer-recommend .list .spv-interact .spv-share .share .qzoom { background-position: -84px 0; } .layer-recommend .list .spv-interact .spv-evaluate .share .qq, .layer-recommend .list .spv-interact .spv-share .share .qq { background-position: -126px 0; } .layer-recommend .list .spv-interact .spv-evaluate .share .wb, .layer-recommend .list .spv-interact .spv-share .share .wb { background-position: -42px 0; } .layer-recommend .list .spv-interact .spv-evaluate.spv-support .plan .supNum, .layer-recommend .list .spv-interact .spv-share.spv-support .plan .supNum, .layer-recommend .list .spv-interact .spv-evaluate.spv-click-support .plan .supNum, .layer-recommend .list .spv-interact .spv-share.spv-click-support .plan .supNum { background: #f13d0f; } .layer-recommend .list .spv-interact .spv-evaluate.spv-stamp .plan, .layer-recommend .list .spv-interact .spv-share.spv-stamp .plan, .layer-recommend .list .spv-interact .spv-evaluate .cpv-click-stamp .plan, .layer-recommend .list .spv-interact .spv-share .cpv-click-stamp .plan { background: #00a6e4; } .layer-recommend .list .spv-interact .spv-share { width: 100%; height: 100%; } .layer-recommend .list .recommend-item { float: left; position: relative; display: inline-block; width: 208px; height: 116px; font-size: 12px; line-height: 150%; background: #fff; margin: 1px 1px 0 0; overflow: hidden; } .layer-recommend .list .recommend-item a, .layer-recommend .list .recommend-item a:hover { display: block; overflow: hidden; text-decoration: none; } .layer-recommend .list .recommend-item .recommend-bg { display: none; position: absolute; left: 0px; top: 0px; width: 198px; height: 106px; background: rgba(0, 0, 0, 0.5); border: 5px solid rgba(30, 116, 195, 0.85); transition: all .2s; } .layer-recommend .list .recommend-item .recommend-info { position: absolute; width: 90%; height: 90%; left: 0%; top: 80px; -webkit-box-flex: 1; box-flex: 1; display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-box-pack: justify; padding: 5%; text-align: left; transition: all .2s; } .layer-recommend .list .recommend-item .recommend-info .name { display: block; height: 20px; color: #fff; overflow: hidden; font-size: 14px; } .layer-recommend .list .recommend-item .recommend-info .msg { overflow: hidden; text-overflow: ellipsis; height: 18px; color: #afafaf; margin: 10px 0 0; } .layer-recommend .list .recommend-item .recommend-info .msg span { margin-right: 10px; font-weight: bold; } .layer-recommend .list .recommend-item .recommend-info .control { display: -webkit-box; display: box; -webkit-box-align: center; -webkit-box-pack: justify; color: #afafaf; margin-bottom: 10px; } .layer-recommend .list .recommend-item .recommend-info .control span { display: block; height: 24px; line-height: 24px; } .layer-recommend .list .recommend-item .recommend-info .control .play { width: 58px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAYCAYAAACr3+4VAAAEm0lEQVRYhe2XPWgbZxzGf/clW8Vn0KCCz0SDApJJoB5kUShdbDK0S7R0dJaoi7pkc5ZkSpZ4SpZqcpamU6frVih2hy5F8pCAi+xBg4tOAQ0HPhN93Ht3HU539kWy40A+iptnennfV/d/nv/nK+mqGXwLbAELXE50gap01QwsLq/ICF2Zyy8SYEH+2Aw+FD4JfR26GqCrwfvkciEY6SSHi/JSL2rgaWmINZC483xm6vmS7k8YbDkyi+kkEUdItJzQvy9uvKK6O4MjpMSdlYyf+E69rQFQzng8WR7x3V+zWH0JgLXPPWp5l2/+TJ/L/8JCNw80tkpDyhmPhq1MnG8URhjpICawpAfceZ6ilncTxJu2zO3d2cRvi7rPg2sjmrYcR8y0VNayHtu9E1sNW6HlSFQWxCnxPs0pfC4s9MWNV1P3t0rDib0vfv8sJhcReFoaxOf1tka9rVHLu5QzHhVDUFkQAGwUXLZ7CsdCwhrINGyJcsZjXg1YTAfs9BTKGS9hdyXjU8u7/HyocnNBYA2khD2zq2JaSWlnCq3uzqCrYU3sO9LEecXwaNhyHMFwT1DOeEAY0bPQsBWsvsRWaYjZVVnPuRwJWMt6HAmYV2FJD9cbhRH1tkZ1d4at0pDNg1TMp2KEtu7vpWKnNW15asadKbRhK6znBD/kXb76YzL/nyyPcFwwrVS817QVTEuJjZ4Fqy9h9ZV4vbkffuPh9RHzY0ZzasBPhxpNW6blyDgi6WxdhZvjrIjqfjE9YvNASTj/jUIBtnsKG4URFUMkUqFiiJDIP1rivjHrs5IJjeja+Z0wqsXHy0PqbY2KIeIMKeo+ZlfjwbUROz2FZ4dqHKWNwih00ECi3tYoZzyKus+RkJhTAzqD6YPkXKFWX2Knp7B+JSl0LevRfC1tI/JlPIx0EEdmGtZzIia801Oo5V2O46gEOELCmA3rs6j7iWhWd8OuX8u71Nsa84WAtayHrobip0UTLjBHTUulqPss6X4sZjXrYXYnlZiWyp3nMxizAY8OtIlamR+PkO2eEhN+dqhy/+8UR2LsrFmf4tiWrgaYlkrLOenGDVtJzNLtnsJq1mM95040oNN443iJOmJlQdByUty64mINpHM/2rRlHlwbsT+el2vZsGmcbmBRjUKYOfNqOCejbIjW2OGdyri7hs44EdqwFaxBmAHPDt9SqK4GcQQBfmxr7DvSeDSEZKPuCuHDQFfD2r2VE3TGKf94eYjjSjgiJL49rrdp6PSlca16FOf8eB3xuZUT8Uw9zS1qYMdC4uH1Eff2UhON60yhS7o/dV5GWM16rGZPhFZ3Z1hMB3T6Evf3wpTV1YCK4bGWFTRsJZ6vEI0hn2Mh0RnILM76LKYDank3jmi07vRVKobHnBrguCfz/deuyi9fDlhMB9wel8HT0pDfvh5wby+VeGgASFfN4J08YE+/ik7jbmFE61hOpLqRDqgsCHZ6Ci1HZkn3Wc+JeDRFWMn4WAOJfUdmJeNjWkocTUdI1PIujw5SsV1dDbhbdHm0r01E9Z0J/a/j09+0y4b/ldDuxybxAfBSBr4HXn5sJu8RHaD6L9ZhKXZ+nwzvAAAAAElFTkSuQmCC') no-repeat; } .layer-recommend .list .recommend-item:hover img { transform: scale(1.2, 1.2); } .layer-recommend .list .recommend-item:hover .recommend-bg { display: block; } .layer-recommend .list .recommend-item:hover .recommend-info { top: 0px; } .layer-recommend .list .recommend-item:hover .recommend-info .name { height: 37px; } .layer-recommend .recommend-control { position: absolute; left: 0px; bottom: 65px; width: 100%; text-align: center; } .layer-recommend .recommend-control .prev, .layer-recommend .recommend-control .next { display: inline-block; width: 12px; height: 20px; vertical-align: middle; cursor: pointer; margin: 0 10px; } .layer-recommend .recommend-control .prev { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAATCAMAAACeNWzcAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUxpcf///////////////////////////////////////////////////////////////////////////////////////4aDdakAAAAWdFJOUwCQ+yiRJvyXLCWUoxz+7nunoPdlL7QYPWQdAAAAQElEQVQI12NggAIBIRiLXUwQzmKEs1jwsmDquOAsbjF+mIFiYjwwJjMfLweMzcomRpDNyYSTLQJni4nBmAzCogAlHwL+YuXe7wAAAABJRU5ErkJggg==') center center no-repeat; } .layer-recommend .recommend-control .next { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATCAMAAABx9wfiAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABLUExURUxpcf///////////////////////////////////////////////////////////////////////////////////////////////1SsvH4AAAAYdFJOUwCQ+xuRJvyXLCWUozQoHO57/qeg92UvtICsvQ8AAABESURBVAjXYxARYoADYQl2BIcRmcNCHIcRlcOF4AhIcDPD2HwSEjxQJocgPy+MKcHGSoDJxInJFEMwGSQk4EwGcVE4EwBnUQNPyYEUNgAAAABJRU5ErkJggg==') center center no-repeat; } .layer-recommend .recommend-control p { display: inline-block; } .layer-recommend .recommend-control p a { display: inline-block; width: 5px; height: 5px; background: #414141; border-radius: 50%; margin: 0 5px; vertical-align: middle; cursor: pointer; } .layer-recommend .recommend-control p .active-control-btn { background: #fff; } .youku_player_fullscreen .recommend-control { bottom: 140px; } .youku-layer-wuliao .logo-new { position: absolute; top: 0; right: 0; background-repeat: no-repeat; } .youku-layer-wuliao .youku-layer-logo { pointer-events: none; } .youku-layer-wuliao .qualification { display: none; font-size: 16px; -webkit-text-shadow: 2px 2px 1px #000; -moz-text-shadow: 2px 2px 1px #000; text-shadow: 2px 2px 1px #000; } .youku-layer-wuliao .qualification .serial { position: absolute; top: 50px; right: 30px; } .youku-layer-wuliao .qualification .license { position: absolute; right: 30px; bottom: 78px; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(0px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(0px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(0px); } 100% { opacity: 1; transform: translateX(0); } } .seriesList { display: none; position: absolute; right: 100px; bottom: 46px; width: 300px; height: 275px; font-size: 12px; color: #aaa; background: rgba(0, 0, 0, 0.8); overflow-y: auto; -webkit-animation: fadeInRight .5s ease .2s both; -moz-animation: fadeInRight .5s ease .2s both; animation: fadeInRight .5s ease .2s both; z-index: 101; /*三角箭头的颜色*/ scrollbar-arrow-color: rgba(0, 0, 0, 0); /*滚动条滑块按钮的颜色*/ scrollbar-face-color: rgba(0, 0, 0, 0); /*滚动条整体颜色*/ scrollbar-highlight-color: rgba(0, 0, 0, 0); /*滚动条阴影*/ scrollbar-shadow-color: rgba(0, 0, 0, 0); /*滚动条轨道颜色*/ scrollbar-track-color: rgba(0, 0, 0, 0); scrollbar-3dlight-color: rgba(0, 0, 0, 0); scrollbar-darkshadow-color: rgba(0, 0, 0, 0); } .seriesList .list p { height: 34px; font-weight: bold; padding: 0 20px; line-height: 34px; border-top: 1px solid #1b1c21; cursor: pointer; overflow: hidden; } .seriesList .list p span { margin: 0 10px 0 0; } .seriesList .list p.cur { color: #00acfe; } .seriesList .list p:hover { background: #3f4042; } .h5-control-wrap .control-icon:after { font-size: 12px; border-radius: 4px; padding: 4px; color: rgba(255, 255, 255, 0.6); bottom: 53px; line-height: 12px; } .h5-control-wrap .control-icon { height: 50px; line-height: 50px; } .h5-control-wrap .control-icon .iconfont { position: relative; width: 20px; height: 50px; line-height: 50px; } .h5-control-wrap .control-play-icon, .h5-control-wrap .control-pause-icon { width: 28px; vertical-align: inherit; } .h5-control-wrap .control-play-icon .iconfont, .h5-control-wrap .control-pause-icon .iconfont { position: relative; width: 28px; } .control-next-video { width: 20px; vertical-align: inherit !important; /**下一集内容**/ } .control-next-video .iconfont { display: block; } .control-next-video .next-content { display: none; height: 102px; position: absolute; bottom: 60px; left: -60px; } .control-next-video .next-content img { position: absolute; width: 183px; height: 102px; border-radius: 4px 0px 0px 0px; } .control-next-video .next-content div { width: 154px; height: 102px; left: 181px; position: relative; box-sizing: inherit; display: inline-block; opacity: 0.8; background: #000000; border-radius: 0 4px 4px 0; font-size: 12px; } .control-next-video .next-content div span { font-size: 16px; font-weight: bold; color: #FFFFFF; letter-spacing: 0; line-height: 18px; position: absolute; top: 20px; left: 10px; } .control-next-video .next-content div p { margin: 0px; font-size: 12px; color: #FFFFFF; letter-spacing: 0; line-height: 14px; width: 134px; position: absolute; left: 10px; top: 54px; max-width: 280px; max-height: 28px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; /*! autoprefixer: off */ -webkit-box-orient: vertical; } .control-next-video .next-content .no-picture { left: 0; } .control-next-video:hover .next-content { display: block; } .h5-control-wrap .control-time { padding: 0px; font-family: 'PingFangSC-Regular, sans-serif'; font-size: 12px; line-height: 50px; height: 50px; vertical-align: top; } .h5-control-wrap .control-time .control-time-current, .h5-control-wrap .control-time .control-time-split, .h5-control-wrap .control-time .control-time-duration { vertical-align: middle; } .control-series { display: none; font-size: 14px; margin-left: 16px; cursor: pointer; text-align: center; vertical-align: middle; color: #fff; opacity: .8; } .control-series:hover { opacity: 1; } .control-scroll-info { z-index: 1501; display: none; font-size: 14px; margin-left: -47px; cursor: pointer; border-radius: 14px; width: 94px; height: 22px !important; text-align: center; line-height: 20px !important; color: #fff; opacity: .6; position: absolute !important; left: 50%; bottom: 10px; text-shadow: 2px 2px 1px #000; } .control-scroll-info:hover { opacity: 1; } .control-scroll-info .to-down-icon-white { background: url('https://img.alicdn.com/tfs/TB157RedKP2gK0jSZFoXXauIVXa-18-18.svg'); display: none; background-size: 14px 14px; background-size: cover; width: 14px !important; height: 14px !important; transform: translate(0, -50%); } .control-scroll-info .to-down-icon-gray { background: url('https://img.alicdn.com/tfs/TB1Wq0fdHH1gK0jSZFwXXc7aXXa-18-18.svg'); background-size: 14px 14px; display: inline-block; background-size: cover; width: 14px !important; height: 14px !important; transform: translate(0, -50%); } .control-scroll-info.active { color: #ffffff; } .control-scroll-info.active .to-down-icon-white { display: inline-block; } .control-scroll-info.active .to-down-icon-gray { display: none; } .control-playmode-icon, .control-next-video, .control-webfullscreen-icon, .exit-webfullscreen-icon, .control-rotate-screen-icon { margin-left: 16px; } .control-playmode-icon .iconfont, .control-next-video .iconfont, .control-webfullscreen-icon .iconfont, .exit-webfullscreen-icon .iconfont, .control-rotate-screen-icon .iconfont { color: #ffffff; opacity: 0.8; } .control-playmode-icon:hover .iconfont, .control-next-video:hover .iconfont, .control-webfullscreen-icon:hover .iconfont, .exit-webfullscreen-icon:hover .iconfont, .control-rotate-screen-icon:hover .iconfont { opacity: 1; } .control-webfullscreen-icon .icon-webfullscreen { display: block; } .control-webfullscreen-icon .icon-exit-webfullscreen { display: none; } .exit-webfullscreen-icon .icon-webfullscreen { display: none; } .exit-webfullscreen-icon .icon-exit-webfullscreen { display: block; } .control-quality-icon .js-language-text { max-width: 60px; width: auto !important; } .control-quality-icon .control-quality-btn, .control-quality-icon .control-rate-btn { overflow: hidden; width: auto; text-align: center; display: inline-block; color: #fff; } .control-quality-icon .js-quality-text { width: 29px; height: 50px; } .control-quality-btn.q1080p { width: 55px; } .control-quality-btn.q1080p_hdr { width: 55px; } .control-rate-note, .control-quality-note { display: none; position: absolute; bottom: 53px; left: 50%; padding: 5px 20px 5px 5px; height: 14px; line-height: 14px; background-color: rgba(0, 0, 0, 0.8); border-radius: 2px; transform: translateX(-50%); word-break: keep-all; width: 170px; color: #fff; word-wrap: break-word; } .control-rate-note:before, .control-quality-note:before { display: inline-block; content: ''; position: absolute; bottom: -13px; left: 50%; width: 0; height: 0; border-width: 7px; border-style: solid; transform: translateX(-50%); border-color: rgba(0, 0, 0, 0.8) transparent transparent; } .control-rate-note:after, .control-quality-note:after { display: inline-block; content: '\D7'; font-size: 20px; position: absolute; bottom: 9px; right: 5px; width: 12px; height: 12px; } .control-quality-icon { margin-left: 16px; color: #fff; opacity: 0.8; font-size: 14px; } .control-quality-icon.dashboard-show .quality-dashboard, .control-quality-icon.dashboard-show .rate-dashboard { display: block; } .control-quality-icon .quality-dashboard, .control-quality-icon .rate-dashboard { display: none; width: 80px; position: absolute; bottom: 40px; padding-bottom: 13px; left: 50%; transform: translateX(-50%); border-radius: 4px; opacity: 0.8; } .control-quality-icon .quality-dashboard:after, .control-quality-icon .rate-dashboard:after { content: ''; display: block; height: 0px !important; } .control-quality-icon .quality-dashboard:hover, .control-quality-icon .rate-dashboard:hover { opacity: 0.8; } .control-quality-icon .quality-dashboard a, .control-quality-icon .rate-dashboard a { text-decoration: none; } .control-quality-icon .quality-dashboard .settings-item, .control-quality-icon .rate-dashboard .settings-item { display: block; cursor: pointer; background-color: #000000; color: #fff; text-align: center; font-size: 14px; padding-top: 20px; line-height: 16px; } .control-quality-icon .quality-dashboard .settings-item .iconfont, .control-quality-icon .rate-dashboard .settings-item .iconfont { font-size: 16px; display: inline-block; position: absolute; right: 22px; } .control-quality-icon .quality-dashboard .settings-item .vip-label, .control-quality-icon .rate-dashboard .settings-item .vip-label { display: inline-block; text-align: center; background-color: #ebba73; border-radius: 2px; padding: 2px 3px; line-height: 12px; margin-left: 4px; margin-right: 3px; font-size: 12px; color: #ffffff; letter-spacing: 0; } .control-quality-icon .quality-dashboard .settings-item.active, .control-quality-icon .rate-dashboard .settings-item.active { color: #0D9BFF; } .control-quality-icon .quality-dashboard .settings-item.oppo-ads, .control-quality-icon .rate-dashboard .settings-item.oppo-ads { background: rgba(0, 0, 0, 0.8) url('//img.alicdn.com/tfs/TB16PHEaBfH8KJjy1XbXXbLdXXa-467-150.png') no-repeat 0px bottom; background-size: 110px 35px; cursor: not-allowed; } .control-quality-icon .quality-dashboard .settings-item:first-of-type, .control-quality-icon .rate-dashboard .settings-item:first-of-type { border-radius: 4px 4px 0 0; } .control-quality-icon .quality-dashboard .settings-item:last-of-type, .control-quality-icon .rate-dashboard .settings-item:last-of-type { padding-bottom: 20px; border-radius: 0px 0px 4px 4px; } .control-quality-icon .quality-dashboard .settings-item:hover, .control-quality-icon .rate-dashboard .settings-item:hover { color: #0D9BFF; } .control-quality-icon .quality-dashboard .login-canuse .vip-label, .control-quality-icon .rate-dashboard .login-canuse .vip-label { background-color: #FC4273; } .control-quality-icon .quality-dashboard .free-canuse .vip-label, .control-quality-icon .rate-dashboard .free-canuse .vip-label { background-color: #1db509; } .control-quality-icon .quality-dashboard.larger, .control-quality-icon .rate-dashboard.larger { width: 124px; } .control-quality-icon .quality-dashboard.largest, .control-quality-icon .rate-dashboard.largest { width: 161px; } .control-quality-icon .quality-dashboard .disable, .control-quality-icon .rate-dashboard .disable { color: rgba(255, 255, 255, 0.7); } .h5-control-wrap .control-volume-icon { margin-left: 16px; padding-top: 0px; } .h5-control-wrap .control-volume-box { bottom: 40px; padding-bottom: 13px!important; width: 60px; height: 200px; } .h5-control-wrap .control-volume-box .control-volume-slider { top: 48px; width: 4px; height: 136px; background: rgba(255, 255, 255, 0.2); border-radius: 4px; } .h5-control-wrap .control-volume-box .control-volume-current { background-image: linear-gradient(-180deg, #05E4FC 0%, #148AFF 100%); width: 4px; } .h5-control-wrap .control-volume-box:before { width: 60px; height: 200px; } .h5player-dashboard .input-range-container .input-range-thumb:before { top: -13px; left: -13px; border: 13px solid rgba(255, 255, 255, 0.2); border-radius: 13px; } .h5player-dashboard .input-range-container .input-range-thumb:after { display: none !important; } .h5-control-wrap .control-volume-box .control-volume-slider .input-range-container .input-range-thumb { margin-left: -3px; } .h5player-dashboard .h5-control-wrap .control-volume-box .control-volume-slider .input-range-container .input-range-thumb { border: 5px solid #ffffFF; } .h5-control-wrap .control-volume-icon.slide-show .volume-tip { top: -199px; width: 60px; margin-left: -20px; } .control-settings-icon .iconfont { display: inline-block; } .control-settings-icon .settings-dashboard { display: none; width: 166px; } .control-settings-icon .settings-dashboard .settings-item { position: relative; text-align: left; line-height: 18px; padding-top: 14px; padding: 14px 20px 0px; cursor: auto; } .control-settings-icon .settings-dashboard .settings-item .iconfont { right: 20px; cursor: pointer; } .control-settings-icon .settings-dashboard .settings-item .switch-open { background: url('https://img.alicdn.com/tfs/TB1ic8FnKT2gK0jSZFvXXXnFXXa-30-18.svg'); display: none; background-size: 30px 18px; width: 30px; height: 18px; } .control-settings-icon .settings-dashboard .settings-item .switch-close { background: url('https://img.alicdn.com/tfs/TB18Z0InQL0gK0jSZFxXXXWHVXa-30-18.svg'); background-size: 30px 18px; display: inline-block; width: 30px; height: 18px; } .control-settings-icon .settings-dashboard .settings-item.active { color: #ffffff; } .control-settings-icon .settings-dashboard .settings-item.active .switch-open { display: inline-block; } .control-settings-icon .settings-dashboard .settings-item.active .switch-close { display: none; } .control-settings-icon .settings-dashboard .settings-item.active .icon-select { display: none; } .control-settings-icon .settings-dashboard .settings-item.active .icon-selected { display: inline-block; } .control-settings-icon .settings-dashboard .settings-item:hover { color: #ffffff; } .control-settings-icon .settings-dashboard .settings-item:first-of-type { padding-top: 20px; } .control-settings-icon .settings-dashboard .settings-item:last-of-type { padding-bottom: 20px; } .js-top-icon { pointer-events: none; position: absolute; top: 0; left: 0; right: 0; display: block; width: 100%; height: 100px; font-size: 14px; z-index: 1000; } .js-top-icon .control-hdr-icon { padding: 24px; z-index: 9; box-sizing: border-box; pointer-events: none; } .js-top-icon .control-hdr-icon .js-hdr { pointer-events: auto; z-index: 1000; margin: 0 auto; background: rgba(0, 0, 0, 0.6); width: 147px; height: 40px; border-radius: 20px; cursor: pointer; } .js-top-icon .control-hdr-icon .js-hdr .hdr-close-text { opacity: 0.6; font-size: 14px; color: #FFFFFF; line-height: 40px; margin: 0px 16px 0px 7px; float: right; } .js-top-icon .control-hdr-icon .js-hdr .icon-ykhd_bofang_hdr_jin_x, .js-top-icon .control-hdr-icon .js-hdr .icon-ykhd_bofang_hdr_bai_x { width: 24px; height: 40px; font-size: 24px; line-height: 40px; margin: 0px 0 0px 16px; } .js-top-icon .control-hdr-icon .js-hdr .icon-ykhd_bofang_hdr_jin_x { display: none; color: #EBBA73; } .js-top-icon .control-hdr-icon .js-hdr .icon-ykhd_bofang_hdr_bai_x { display: inline-block; color: #ffffff; opacity: 0.6; } .js-top-icon .control-hdr-icon .js-hdr .hdr-open-text { font-size: 14px; color: #EBBA73; opacity: 1; line-height: 40px; height: 40px; display: none; margin: 0px 16px 0px 7px; float: right; } .js-top-icon .control-hdr-icon .js-hdr.active .icon-ykhd_bofang_hdr_jin_x { display: inline-block; } .js-top-icon .control-hdr-icon .js-hdr.active .hdr-open-text { display: inline-block; } .js-top-icon .control-hdr-icon .js-hdr.active .icon-ykhd_bofang_hdr_bai_x { display: none; } .js-top-icon .control-hdr-icon .js-hdr.active .hdr-close-text { display: none; } .js-top-icon .control-hdr-icon .js-hdr:hover .icon-ykhd_bofang_hdr_bai_x, .js-top-icon .control-hdr-icon .js-hdr:hover .hdr-close-text { opacity: 1; } .js-top-icon .control-hdr-icon .active:hover .icon-ykhd_bofang_hdr_jin_x { color: #FFD496; } .js-top-icon .control-hdr-icon .active:hover .hdr-open-text { color: #FFD496; } .js-top-icon .control-hdr-icon .fullscreen-hdr { position: absolute; top: 13px; right: 109px; margin: 0px; transform: none; width: 153px; height: 40px; line-height: 40px; } .js-top-icon .control-hdr-icon .fullscreen-hdr .iconfont { width: 30px; height: 40px; font-size: 30px; line-height: 40px; margin-top: 0px; margin-bottom: 0px; } .js-top-icon .control-hdr-icon .fullscreen-hdr .hdr-close-text, .js-top-icon .control-hdr-icon .fullscreen-hdr .hdr-open-text { line-height: 40px; height: 40px; margin-top: 0px; margin-bottom: 0px; } .control-danmaku-icon { height: 20px; line-height: 20px; transition: fill .25s ease; } .control-danmaku-icon.active text, .control-danmaku-icon.active rect { fill: #148AFF; } .current-level { display: inline-block; text-align: right; } .control-icon:hover { color: #ffffff; } .control-phonewatch { font-size: 14px; height: 32px !important; line-height: 32px !important; background-color: rgba(255, 255, 255, 0.15) !important; border-radius: 16px; padding: 0 12px; color: rgba(255, 255, 255, 0.6); margin-left: 16px; transform: translateY(-25px); } .control-phonewatch:hover { color: #0D9BFF; } .control-phonewatch .icon--shoujikan { width: 18px; font-size: 18px; line-height: 32px !important; height: 32px !important; position: relative; display: inline-block; float: left; vertical-align: middle; } .control-phonewatch .text { line-height: 32px; display: inline-block; height: 32px; margin-left: 2px; } .progress-container .input-range-container .input-range-thumb { border: 8px solid #00D3FF; top: -3px; } .progress-container .input-range-container .input-range-thumb:before { top: -15px; left: -15px; border: 15px solid rgba(0, 211, 255, 0.5); border-radius: 15px; } .progress-container .progress-hightlights { top: 2px; } .h5-control-wrap .control-fullscreen-icon .iconfont, .h5-control-wrap .control-halfscreen-icon .iconfont { display: inline-block; } .big-mode .single-preview { bottom: 90px; border-radius: 6px; } .big-mode .h5player-dashboard { font-size: 21px; } .big-mode .h5player-dashboard .h5-control-wrap { height: 75px; padding: 0px 24px 0px 24px; font-size: 21px; } .big-mode .h5player-dashboard .h5-control-wrap .control-left-grid, .big-mode .h5player-dashboard .h5-control-wrap .control-right-grid { line-height: 75px; } .big-mode .h5player-dashboard .h5-control-wrap .control-next-video, .big-mode .h5player-dashboard .h5-control-wrap .control-time, .big-mode .h5player-dashboard .h5-control-wrap .control-phonewatch { margin-left: 28px; } .big-mode .h5player-dashboard .h5-control-wrap .control-right-grid .control-icon { margin-left: 28px; } .big-mode .h5player-dashboard .h5-control-wrap .control-icon { height: 75px; line-height: 75px; } .big-mode .h5player-dashboard .h5-control-wrap .control-icon .iconfont { width: 30px; height: 75px; line-height: 75px; } .big-mode .h5player-dashboard .h5-control-wrap .control-icon:after { font-size: 18px; border-radius: 6px; padding: 6px; bottom: 79.5px; line-height: 18px; } .big-mode .h5player-dashboard .h5-control-wrap .h5-control-wrap .control-icon div { font-size: 21px; } .big-mode .h5player-dashboard .h5-control-wrap .control-play-icon, .big-mode .h5player-dashboard .h5-control-wrap .control-pause-icon { width: 42px; } .big-mode .h5player-dashboard .h5-control-wrap .control-play-icon .iconfont, .big-mode .h5player-dashboard .h5-control-wrap .control-pause-icon .iconfont { width: 42px; } .big-mode .h5player-dashboard .h5-control-wrap .control-next-video .next-content { height: 153px; bottom: 90px; left: -90.3px; } .big-mode .h5player-dashboard .h5-control-wrap .control-next-video .next-content img { width: 274.5px; height: 153px; border-radius: 6px 0px 0px 0px; } .big-mode .h5player-dashboard .h5-control-wrap .control-next-video .next-content div { width: 231px; height: 153px; left: 271.5px; border-radius: 0 6px 6px 0; font-size: 18px; } .big-mode .h5player-dashboard .h5-control-wrap .control-next-video .next-content div span { font-size: 24px; line-height: 27px; top: 30px; left: 15px; } .big-mode .h5player-dashboard .h5-control-wrap .control-next-video .next-content div p { font-size: 18px; line-height: 21px; width: 201px; left: 15px; top: 81px; max-width: 420px; max-height: 42px; } .big-mode .h5player-dashboard .h5-control-wrap .control-next-video, .big-mode .h5player-dashboard .h5-control-wrap .control-volume-icon, .big-mode .h5player-dashboard .h5-control-wrap .control-settings-icon, .big-mode .h5player-dashboard .h5-control-wrap .control-fullscreen-icon, .big-mode .h5player-dashboard .h5-control-wrap .control-halfscreen-icon, .big-mode .h5player-dashboard .h5-control-wrap .control-webfullscreen-icon, .big-mode .h5player-dashboard .h5-control-wrap .exit-webfullscreen-icon, .big-mode .h5player-dashboard .h5-control-wrap .control-rotate-screen-icon { width: 30px; } .big-mode .h5player-dashboard .h5-control-wrap .control-time { font-size: 18px; line-height: 75px; height: 75px; } .big-mode .h5player-dashboard .h5-control-wrap .control-scroll-info { bottom: 105px !important; font-size: 21px; margin-left: -70.5px; border-radius: 21px; width: 126px; height: 33px !important; line-height: 33px !important; text-shadow: 2px 2px 1px #000; margin-left: -63px !important; } .big-mode .h5player-dashboard .h5-control-wrap .control-scroll-info .iconfont { width: 21px !important; height: 21px !important; } .big-mode .h5player-dashboard .h5-control-wrap .control-phonewatch { font-size: 21px; height: 48px !important; line-height: 48px !important; transform: translateY(-37.5px); margin: 0px 0px 0 28px; border-radius: 24px; padding: 0 18px; } .big-mode .h5player-dashboard .h5-control-wrap .control-phonewatch .icon--shoujikan { width: 27px; font-size: 27px; line-height: 48px !important; height: 48px !important; } .big-mode .h5player-dashboard .h5-control-wrap .control-phonewatch .phone-watch-panel { width: 487.5px; height: 165px; bottom: 55.5px; padding: 30px; background: #323232; box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.22), 0 36px 36px 0 rgba(0, 0, 0, 0.3); border-radius: 6px; } .big-mode .h5player-dashboard .h5-control-wrap .control-phonewatch .phone-watch-panel .arrow { bottom: -18px; border: 9px solid; border-color: #323232 transparent transparent; } .big-mode .h5player-dashboard .h5-control-wrap .control-phonewatch .phone-watch-panel .left-wrap { width: 291px; } .big-mode .h5player-dashboard .h5-control-wrap .control-phonewatch .phone-watch-panel .left-wrap .title-wrap { padding-bottom: 18px; } .big-mode .h5player-dashboard .h5-control-wrap .control-phonewatch .phone-watch-panel .left-wrap .title-wrap .title { font-size: 24px; line-height: 33px; height: 33px; margin-bottom: 6px; } .big-mode .h5player-dashboard .h5-control-wrap .control-phonewatch .phone-watch-panel .left-wrap .title-wrap .subtitle { font-size: 18px; height: 25.5px; line-height: 25.5px; } .big-mode .h5player-dashboard .h5-control-wrap .control-phonewatch .phone-watch-panel .left-wrap .video-wrap { padding-top: 18px; } .big-mode .h5player-dashboard .h5-control-wrap .control-phonewatch .phone-watch-panel .left-wrap .video-wrap .video-title { font-size: 21px; height: 30px; line-height: 30px; } .big-mode .h5player-dashboard .h5-control-wrap .control-phonewatch .phone-watch-panel .left-wrap .video-wrap .time { margin-top: 6px; font-size: 18px; height: 25.5px; line-height: 25.5px; } .big-mode .h5player-dashboard .h5-control-wrap .control-phonewatch .phone-watch-panel .right-wrap img { width: 150px; height: 150px; border-radius: 6px; border: #fff solid 7.5px; } .big-mode .h5player-dashboard .h5-control-wrap .control-quality-icon { font-size: 21px; } .big-mode .h5player-dashboard .h5-control-wrap .control-quality-icon .js-language-text { max-width: 90px; width: auto !important; } .big-mode .h5player-dashboard .h5-control-wrap .control-quality-icon .js-quality-text { width: 43.5px; height: 75px; } .big-mode .h5player-dashboard .h5-control-wrap .control-quality-btn.q1080p { width: 82.5px; } .big-mode .h5player-dashboard .h5-control-wrap .control-quality-btn.q1080p_hdr { width: 82.5px; } .big-mode .h5player-dashboard .h5-control-wrap .control-rate-note, .big-mode .h5player-dashboard .h5-control-wrap .control-quality-note { bottom: 79.5px; padding: 7.5px 30px 7.5px 7.5px; border-radius: 3px; width: 255px; height: 21px; line-height: 21px; } .big-mode .h5player-dashboard .h5-control-wrap .control-rate-note:before, .big-mode .h5player-dashboard .h5-control-wrap .control-quality-note:before { bottom: -19.5px; border-width: 10.5px; } .big-mode .h5player-dashboard .h5-control-wrap .control-rate-note:after, .big-mode .h5player-dashboard .h5-control-wrap .control-quality-note:after { font-size: 30px; bottom: 13.5px; right: 7.5px; width: 18px; height: 18px; } .big-mode .h5player-dashboard .h5-control-wrap .control-quality-icon .quality-dashboard, .big-mode .h5player-dashboard .h5-control-wrap .control-quality-icon .rate-dashboard { width: 120px; bottom: 60px; padding-bottom: 19.5px; border-radius: 6px; } .big-mode .h5player-dashboard .h5-control-wrap .control-quality-icon .quality-dashboard .settings-item, .big-mode .h5player-dashboard .h5-control-wrap .control-quality-icon .rate-dashboard .settings-item { font-size: 21px; padding-top: 30px; line-height: 24px; } .big-mode .h5player-dashboard .h5-control-wrap .control-quality-icon .quality-dashboard.largest, .big-mode .h5player-dashboard .h5-control-wrap .control-quality-icon .rate-dashboard.largest { width: 241.5px; } .big-mode .h5player-dashboard .h5-control-wrap .control-quality-icon .quality-dashboard .settings-item:first-of-type, .big-mode .h5player-dashboard .h5-control-wrap .control-quality-icon .rate-dashboard .settings-item:first-of-type { border-radius: 6px 6px 0 0; } .big-mode .h5player-dashboard .h5-control-wrap .control-quality-icon .quality-dashboard .settings-item .vip-label, .big-mode .h5player-dashboard .h5-control-wrap .control-quality-icon .rate-dashboard .settings-item .vip-label { border-radius: 3px; padding: 3px 4.5px; line-height: 18px; margin-left: 6px; margin-right: 4.5px; font-size: 18px; } .big-mode .h5player-dashboard .h5-control-wrap .control-quality-icon .quality-dashboard .settings-item:last-of-type, .big-mode .h5player-dashboard .h5-control-wrap .control-quality-icon .rate-dashboard .settings-item:last-of-type { padding-bottom: 30px; border-radius: 0px 0px 6px 6px; } .big-mode .h5player-dashboard .h5-control-wrap .control-volume-box { bottom: 60px; padding-bottom: 19.5px!important; width: 90px; height: 300px; } .big-mode .h5player-dashboard .h5-control-wrap .control-volume-box .control-volume-slider { top: 72px; width: 6px; height: 204px; left: 42px; border-radius: 6px; } .big-mode .h5player-dashboard .h5-control-wrap .control-volume-box .control-volume-slider .input-range-container .input-range-thumb { margin-left: -4.5px; margin-bottom: -10.5px; border: 7.5px solid #ffffFF; border-radius: 15px; } .big-mode .h5player-dashboard .h5-control-wrap .control-volume-box .control-volume-slider .input-range-container .input-range-thumb:before { top: -19.5px; left: -19.5px; border: 19.5px solid rgba(255, 255, 255, 0.2); border-radius: 19.5px; } .big-mode .h5player-dashboard .h5-control-wrap .control-volume-box .control-volume-current { width: 6px; border-radius: 6px; } .big-mode .h5player-dashboard .h5-control-wrap .control-volume-box:before { width: 90px; height: 300px; border-radius: 6px; } .big-mode .h5player-dashboard .h5-control-wrap .control-volume-icon.slide-show .volume-tip { font-size: 21px; line-height: 36px; top: -298.5px; padding-top: 10.5px; width: 90px; margin-left: -30px; } .big-mode .h5player-dashboard .h5-control-wrap .control-settings-icon .settings-dashboard { width: 249px; } .big-mode .h5player-dashboard .h5-control-wrap .control-settings-icon .settings-dashboard .settings-item:first-of-type { padding-top: 30px; } .big-mode .h5player-dashboard .h5-control-wrap .control-settings-icon .settings-dashboard .settings-item { line-height: 29px; padding-top: 21px; padding: 21px 30px 0px; } .big-mode .h5player-dashboard .h5-control-wrap .control-settings-icon .settings-dashboard .settings-item .iconfont { right: 30px; width: 45px; height: 27px; background-size: 45px 27px; } .big-mode .h5player-dashboard .h5-control-wrap .control-settings-icon .settings-dashboard .settings-item:last-of-type { padding-bottom: 30px; } .big-mode .h5player-dashboard .h5-control-wrap .control-quality-icon .quality-dashboard .settings-item:first-of-type, .big-mode .h5player-dashboard .h5-control-wrap .control-quality-icon .rate-dashboard .settings-item:first-of-type { border-radius: 6px 6px 0 0; } .big-mode .js-top-icon .control-hdr-icon .js-hdr { top: 19.5px; right: 163.5px; width: 229.5px; height: 60px; line-height: 60px; border-radius: 30px; font-size: 21px; } .big-mode .js-top-icon .control-hdr-icon .js-hdr .iconfont { width: 36px; height: 60px; font-size: 36px; line-height: 60px; /* margin-top: 7.5px; */ /* margin-bottom: 7.5px; */ margin-left: 24px; margin-top: 0; margin-bottom: 0; } .big-mode .js-top-icon .control-hdr-icon .js-hdr .hdr-close-text, .big-mode .js-top-icon .control-hdr-icon .js-hdr .hdr-open-text { line-height: 60px; font-size: 21px; margin: 0px 24px 0px 10.5px; } .big-mode .js-top-icon .control-hdr-icon .fullscreen-hdr .iconfont { width: 45px; } .big-mode .js-top-icon .control-hdr-icon .fullscreen-hdr .hdr-close-text, .big-mode .js-top-icon .control-hdr-icon .fullscreen-hdr .hdr-open-text { line-height: 60px; font-size: 21px; margin: 0px 24px 0px 10.5px; } .big-mode .top_area { font-size: 21px; } .big-mode .top_area .top-header { padding: 33.5px 45px 42px 45px; } .big-mode .top_area .top-header .scale { top: 30px; right: 163.5px; } .big-mode .top_area .top-header .has-hdr-scale { right: 430.5px; } .big-mode .top_area .top-header .percent-item { width: 54px; height: 45px; font-size: 45px; line-height: 45px; } .big-mode .vip_limit_box { padding-bottom: 82px; } .big-mode .hint-information, .big-mode .information-tips { bottom: 90.5px; } .minisize-layer { background: none !important; display: none; cursor: move; pointer-events: auto; } .minisize-layer .btn-control { cursor: default; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 28px; padding-left: 15px; line-height: 28px; font-size: 14px; color: #fff; -webkit-user-select: none; text-align: left; z-index: 11; } .minisize-layer .btn-control:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(3, 0, 0, 0.85) 0, transparent 100%); } .minisize-layer .btn-control .min-closeicon { cursor: default; width: 28px; height: 28px; position: absolute; right: 15px; background: rgba(0, 0, 0, 0.5); display: inline-block; cursor: pointer; } .minisize-layer .btn-control .min-closeicon .iconfont { position: relative; left: 4px; font-size: 20px; } .minisize-layer .btn-control .min-closeicon:hover .iconfont { color: #0D9BFF; } .minisize-layer .btn-control:after { height: 28px; width: 28px; } .minisize-layer .icon-play:before, .minisize-layer .icon-pause::before { line-height: 30px; height: auto; position: static; font-size: 24px; } .minisize-layer .icon-close { display: inline-block; } .minisize-layer .icon-close:before { font-size: 20px; } .minisize-layer .h5-control-wrap { cursor: default; display: none; padding: 4px 10px 10px; line-height: 30px; height: 24px; width: 20px; position: absolute; bottom: 20px; left: 20px; background: rgba(0, 0, 0, 0.4); border: 0px solid #fff; border-radius: 20px; -webkit-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.3); box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.3); } .minisize-layer .h5-control-wrap .iconfont { font-size: 24px; left: -1px; position: relative; } .minisize-layer .h5-control-wrap .icon-pause { display: none; } .minisize-layer .h5-control-wrap .icon-play { display: block; } .minisize-layer .control-play-icon .icon-pause { display: block; } .minisize-layer .control-play-icon .icon-play { display: none; } .minisize-layer .h5-mininote-layer { width: 120px; height: 46px; display: none; position: absolute; top: 50%; left: 50%; margin: -23px 0 0 -60px; color: #fff; background-color: #000; opacity: 0.8; text-align: center; line-height: 46px; } .minisize-layer .h5-mininote-mask { display: none; width: 100%; height: 100%; } .minisize-layer:hover .btn-control, .minisize-layer:hover .h5-mininote-mask, .minisize-layer:hover .h5-control-wrap { display: block; } .yk-video-fixed { position: fixed; } .yk-video-fixed .youku-layer-logo { display: none; } .yk-video-fixed .h5player-dashboard { opacity: 0; } .yk-video-fixed .btn-control { display: block; } .note-show-miniplayer { background-color: #000000; display: block; } .note-show-miniplayer .h5-mininote-mask { display: block; } .note-show-miniplayer .h5-mininote-layer { display: block; } .note-show-miniplayer .btn-control { display: none; } .yk-video-fixed:hover .minisize-layer { display: block; } .not-support-layer { display: none; width: 100%; height: 70%; position: absolute; bottom: 15%; left: 0; background-color: #000; font-size: 14px; color: #fff; text-align: center; } .not-support-layer .left-info-layer { position: absolute; display: inline-block; width: 48%; height: 100%; left: 0; border-right: rgba(216, 216, 216, 0.15) solid 1px; color: #fff; font-size: 20px; line-height: 36px; } .not-support-layer .left-info-layer .warn-img { display: block; height: 58px; padding: 20px 0 32px 0; } .not-support-layer .left-info-layer .warn-img i { display: block; width: 58px; height: 58px; background: url('//img.alicdn.com/tfs/TB1hptSeMMPMeJjy1XcXXXpppXa-58-58.png') no-repeat; margin: 0 auto; } .not-support-layer .left-info-layer .warn-reason { display: block; padding-bottom: 16px; } .not-support-layer .left-info-layer .warn-txt { color: #666; } .not-support-layer .right-info-layer { width: 50%; height: 100%; float: right; left: 0; top: 0; box-sizing: border-box; } .not-support-layer .right-info-layer .right-info-content { text-align: left; display: inline-block; margin: 0 auto; } .not-support-layer .right-info-layer .note-txt { color: #666; margin-bottom: 30px; } .not-support-layer .right-info-layer li { position: relative; list-style: none; display: block; margin-bottom: 30px; } .not-support-layer .right-info-layer .type-txt i { display: block; left: 215px; position: absolute; top: 0; width: 61px; height: 21px; background: url('//img.alicdn.com/tfs/TB13i4zeMMPMeJjy1XdXXasrXXa-61-21.png') no-repeat; } .not-support-layer .right-info-layer .type-txt a { color: #3a72bf; display: inline-block; padding: 0 10px; cursor: pointer; } .not-support-layer .right-info-layer .type-txt img { border: #fff solid 3px; width: 100px; height: 100px; } .ykplayer-poster-logo { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; cursor: pointer; } .safari-player-layer { background-color: rgba(0, 0, 0, 0.7); z-index: 112; pointer-events: auto; } .safari-player-layer .play-btn { cursor: pointer; display: block; margin: 10px auto; line-height: 36px; background-color: transparent; width: 100px; border-radius: 18px; color: rgba(255, 255, 255, 0.8); border: 1px solid #fff; } .safari-player-layer .play-btn:hover { color: #fff; background-color: rgba(255, 255, 255, 0.1); } .safari-player-layer .play-area { text-align: center; } .safari-player-layer .play-area img { margin: 0 auto; } .safari-player-layer .tips { font-size: 13px; color: rgba(255, 255, 255, 0.8); } .safari-player-layer .tips a { color: #098fff; } .limit-show-layer { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #edf7fc; text-align: center; align-items: center; justify-content: center; } .limit-show-layer .limit-panel, .limit-show-layer .pretected-panel { position: absolute; top: 50%; left: 50%; margin-left: -201px; margin-top: -94px; } .limit-show-layer .limit-panel .tips, .limit-show-layer .pretected-panel .tips { font-size: 20px; opacity: .6; } .limit-show-layer .limit-panel .note-tit, .limit-show-layer .pretected-panel .note-tit { margin-bottom: 20px; line-height: 180%; font-size: 20px; } .limit-show-layer .note-error-code { position: absolute; bottom: 20px; right: 20px; opacity: .6; } .limit-show-layer .limit-panel .wait-time b { font-weight: bold; } .limit-show-layer .limit-panel .btn-reload { display: inline-block; line-height: 40px; height: 40px; width: 150px; font-size: 16px; text-align: center; color: #3b9eff; text-decoration: none; margin-top: 20px; margin-bottom: 20px; border-radius: 39px; border: 1px solid #3b9eff; } .limit-show-layer .pretected-panel .nc-container { font-size: 12px; -ms-touch-action: none; touch-action: none; } .limit-show-layer .pretected-panel #nocaptcha { margin-top: 20px; margin-right: 0; height: 64px; } .limit-show-layer .pretected-panel #nocaptcha #nc_1_wrapper, .limit-show-layer .pretected-panel .nc-container.tb-login #nc_1_wrapper { width: 100%; height: 100%; background-color: rgba(59, 158, 255, 0.3); border-radius: 38px; } .limit-show-layer .pretected-panel #nocaptcha .nc_scale { top: 6px; height: 54px; margin-left: 6px; margin-right: 6px; background-color: transparent; border-radius: 33px; } .limit-show-layer .pretected-panel #nocaptcha .nc_scale .btn_slide { width: 80px; height: 52px; border-radius: 32px; color: #3b9eff; font-size: 25px; font-weight: 400; border-color: transparent; border-bottom-color: rgba(0, 0, 0, 0.11); } .limit-show-layer .pretected-panel #nocaptcha .nc_scale span { line-height: 52px; } .limit-show-layer .pretected-panel #nocaptcha .nc_scale .nc_ok, .limit-show-layer .pretected-panel #nocaptcha .nc_scale .nc_bg { left: 40px; background-color: #3b9eff; border-radius: 33px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .limit-show-layer .pretected-panel #nocaptcha .nc_scale .nc_bg:after { content: ''; display: inline-block; position: absolute; left: -40px; top: 0; height: 100%; width: 41px; background-color: #3b9eff; border-top-left-radius: 33px; border-bottom-left-radius: 33px; } .limit-show-layer .pretected-panel #nocaptcha .nc_scale .imgCaptcha, .limit-show-layer .pretected-panel #nocaptcha .nc_scale .clickCaptcha, .limit-show-layer .pretected-panel #nocaptcha .imgCaptcha div { background: none; } .limit-show-layer .pretected-panel #nocaptcha .imgCaptcha, .limit-show-layer .pretected-panel #nocaptcha .clickCaptcha { margin-left: 33px; margin-right: 33px; border-color: none; } .limit-show-layer .pretected-panel #nocaptcha .imgCaptcha, .limit-show-layer .pretected-panel #nocaptcha .nc_scale .clickCaptcha { top: 70px; border-color: transparent; } .limit-show-layer .pretected-panel #nocaptcha .imgCaptcha .btn_refresh { background-color: transparent; color: #3b9eff; } .limit-show-layer .pretected-panel #nocaptcha .imgCaptcha .imgCaptcha_btn { background: #3b9eff; } .limit-show-layer .pretected-panel #nocaptcha .errloading { width: auto; margin-right: 40px; height: 76px; padding: 0 15px; border-color: #3b9eff; color: #3b9eff; border-radius: 38px; line-height: 76px; text-align: center; } .limit-show-layer .pretected-panel #nocaptcha .errloading .icon_warn { color: #3b9eff; display: inline-block; float: none; vertical-align: middle; margin-right: 12px; margin-top: -1px; } .yk-trigger-layer { display: block; position: absolute; width: 100%; top: 0; bottom: 60px; left: 0; font-size: 13px; cursor: pointer; } .ykplayer-dashboard-hidden .fullscreen .yk-trigger-layer { cursor: none !important; } .youku_player_fullpage.ykplayer-dashboard-hidden .yk-trigger-layer { cursor: none !important; } .yk-info-menu { display: none; background: rgba(30, 30, 32, 0.8); position: fixed; width: 200px; z-index: 9999; padding: 10px 0; color: #eee; overflow: hidden; } .yk-info-menu .yk-info-menuitem { padding-left: 20px; height: 34px; line-height: 34px; cursor: pointer; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .yk-info-menu .yk-info-nopoint { cursor: none; } .yk-detail-info { display: none; position: absolute; } .drm-error-layer { display: none; width: 100%; position: absolute; left: 0; font-size: 14px; color: #fff; text-align: center; /*.drm-error-note{ display: block; width:100%; font-size: 18px; margin-bottom: 10px; } .drm-error-note-mini{ display: block; width:100%; font-size: 14px; margin-bottom: 10px; } .drm-error-qrcode{ width:204px; height: 204px; padding: 22px; margin: auto; background-color: #fff; img{ width:100%; height: 100%; } .drm-error-btm-note{ position: absolute; z-index: 1; bottom: 0; left:0; color: #111; margin: auto; width: 100%; text-align: center; } }*/ } .sufei-note-layer { display: none; width: 100%; height: 100%; position: absolute; left: 0; font-size: 14px; color: #fff; text-align: center; } .ykplayer-broadcast-layer { display: none; position: absolute; z-index: 120; width: 334px; height: 170px; right: 16px; top: 16px; font-family: PingFangSC-Regular, sans-serif; font-size: 12px; color: #FFFFFF; text-align: center; line-height: 12px; } .ykplayer-broadcast-layer span { display: block; } .ykplayer-broadcast-layer .broadcast-top-banner { position: relative; top: 0; left: 0; width: 100%; height: 36px; background-color: rgba(0, 0, 0, 0.8); /*.mini-flag-left{ position: absolute; display: block; width: 16px; height: 16px; left: 108px; top: 50%; margin-top: -8px; } .mini-flag-right{ position: absolute; display: block; width: 16px; height: 16px; right: 47px; top: 50%; margin-top: -8px; } .mini-name-left{ position: absolute; height: 36px; line-height: 36px; text-align: center; left:130px; top:0; } .mini-name-right{ position: absolute; height: 36px; line-height: 36px; text-align: center; right: 66px; top:0; } .mini-vs-text{ position: absolute; right: -15px; height: 36px; width: 300px; line-height: 36px; }*/ } .ykplayer-broadcast-layer .broadcast-top-banner .blue-btn { display: block; position: absolute; left: 0; top: 0; width: 36px; height: 36px; background: #148AFF; background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QBMRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQqADAAQAAAABAAAAQAAAAAD/7QA4UGhvdG9zaG9wIDMuMAA4QklNBAQAAAAAAAA4QklNBCUAAAAAABDUHYzZjwCyBOmACZjs+EJ+/9sAhAAICAgICQgJCgoJDQ4MDg0TERAQERMcFBYUFhQcKxsfGxsfGysmLiUjJS4mRDUvLzVETkI+Qk5fVVVfd3F3nJzRAQgICAgJCAkKCgkNDgwODRMREBARExwUFhQWFBwrGx8bGx8bKyYuJSMlLiZENS8vNUROQj5CTl9VVV93cXecnNH/wgARCABAAEIDASIAAhEBAxEB/8QAGQABAAMBAQAAAAAAAAAAAAAAAAQFBwYB/9oACAEBAAAAALgAAAvaIBs1Fn8YGz1GeQgdRzHgAAA//8QAGAEBAAMBAAAAAAAAAAAAAAAAAAMEBQb/2gAIAQIQAAAA7YGfNaM6W4B//8QAGAEBAAMBAAAAAAAAAAAAAAAAAAMEBQf/2gAIAQMQAAAA5+DTgpmpFQA//8QALBAAAgIAAgcHBQAAAAAAAAAAAQQCAwAFBhETICExQRIjMDM0QLJRU3Jzwf/aAAgBAQABPwD2reQOUK0sw72udcZHsjjHWNfgo6ggqT9iv44zXRuhsSuXAqt+nSWGlGFLTVfWYyG+h6FP9FfxxmOdqoAjzLekB/cPZgw/btLpfjEchvs6TMSToVXGzEa4xlLrwGJSMiTIkk8yfb//xAAhEQACAQIGAwAAAAAAAAAAAAABBAIDEQAFEyAiQTBRUv/aAAgBAgEBPwDc+zUW0pRsbk3GFm6LA4m0u4nZmC1RjRjAdm59YVSpLi45T+vB/8QAIREAAQMDBAMAAAAAAAAAAAAAAQIDBAURQQATICIwQlL/2gAIAQMBAT8A5U2I1K3kruCEixGNSoL0U9hdGFDhTJTUbfU4fUWAzqZUHpRseqPkeD//2Q==') 0 0 no-repeat; background-size: 36px 36px; cursor: pointer; } .ykplayer-broadcast-layer .broadcast-top-banner .blue-btn:hover, .ykplayer-broadcast-layer .broadcast-top-banner .blue-btn:active { background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QBMRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQaADAAQAAAABAAAAQgAAAAD/7QA4UGhvdG9zaG9wIDMuMAA4QklNBAQAAAAAAAA4QklNBCUAAAAAABDUHYzZjwCyBOmACZjs+EJ+/9sAhAAICAgICQgJCgoJDQ4MDg0TERAQERMcFBYUFhQcKxsfGxsfGysmLiUjJS4mRDUvLzVETkI+Qk5fVVVfd3F3nJzRAQgICAgJCAkKCgkNDgwODRMREBARExwUFhQWFBwrGx8bGx8bKyYuJSMlLiZENS8vNUROQj5CTl9VVV93cXecnNH/wgARCABCAEEDASIAAhEBAxEB/8QAGgABAQADAQEAAAAAAAAAAAAAAAYEBwgBBf/aAAgBAQAAAADCAAAKmWAdCz2qMIHRU7qf54K2T8AAAAA//8QAGAEBAAMBAAAAAAAAAAAAAAAAAAMEBQf/2gAIAQIQAAAA6UDJnvmTPfAB/8QAFwEBAQEBAAAAAAAAAAAAAAAAAAUDB//aAAgBAxAAAADloK+E8r4zgAf/xAAwEAABBAACBgcJAAAAAAAAAAABAgMEBQAGERIgIkFREyEjMDE1QFBSZHFydIKhsv/aAAgBAQABPwD0svKk9mBGmsdu24yhxQSN5GsNPc1SkiorR8Iz1fgMXuU4dgVusaGJP6V9QxPrplc+WJTRQvhyI5jbp/KK37Rn+Bi5zVCq0qaaIele6PBHzxY2cyyfL0pzWVwHBI5DbmZumu18WFGHQobYQ2pYO8rVGjBJJJPsD//EACERAAEDBAEFAAAAAAAAAAAAAAECAwQABRFBIBIhIjAx/9oACAECAQE/AOV0muxAwtvByohQO6h3BiWPE4XtB+8LrDelhhDeOyjknVQrcxEGUjqXtZ9v/8QAIREAAQMDBQEBAAAAAAAAAAAAAgEDBAURQQASICIxITD/2gAIAQMBAT8A5UmCzNN8HLpYLiqYXU6myIRd03Bg084UiazDN9xy/wBCwomV1OqciaXddreATz9f/9k=') 0 0 no-repeat; background-size: 36px 36px; } .ykplayer-broadcast-layer .broadcast-top-banner .match-status { position: absolute; display: block; height: 100%; width: 70px; line-height: 36px; text-align: center; opacity: 0.8; left: 36px; cursor: pointer; } .ykplayer-broadcast-layer .broadcast-top-banner .mini-match-info { position: absolute; width: 170px; height: 100%; left: 116px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .ykplayer-broadcast-layer .broadcast-top-banner .mini-match-info img { display: block; width: 16px; height: 16px; } .ykplayer-broadcast-layer .broadcast-top-banner .mini-match-info .match-left { white-space: nowrap; padding: 11px 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .ykplayer-broadcast-layer .broadcast-top-banner .mini-match-info .match-left span { line-height: 16px; margin-left: 10px; } .ykplayer-broadcast-layer .broadcast-top-banner .mini-match-info .match-right { white-space: nowrap; padding: 11px 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .ykplayer-broadcast-layer .broadcast-top-banner .mini-match-info .match-right span { line-height: 16px; margin-right: 10px; } .ykplayer-broadcast-layer .broadcast-top-banner .mini-match-info .mini-vs-text { height: 36px; width: 80px; line-height: 36px; } .ykplayer-broadcast-layer .broadcast-top-banner .long { width: 200px; } .ykplayer-broadcast-layer .broadcast-top-banner .broadcast-close { position: absolute; height: 36px; line-height: 33px; text-align: center; right: 8px; font-size: 20px; cursor: pointer; } @keyframes myfirst { 0% { height: 26.8px; } 25% { height: 53.6px; } 50% { height: 80.4px; } 100% { height: 134px; } } .ykplayer-broadcast-layer .broadcast-ceneter { position: relative; float: right; width: 298px; height: 0px; background-color: rgba(0, 0, 0, 0.7); overflow: hidden; cursor: pointer; } .ykplayer-broadcast-layer .broadcast-ceneter .broadcast-logo { position: relative; width: 112px; height: 18px; left: 50%; top: 10px; margin-left: -56px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN4AAAAkCAMAAADRsHT6AAAAUVBMVEVHcEwOW///GTIPW/8PW/8OW///GTIUX/+9RYQOWv8QXf8OWv//GjMPW/8OWv8OWv//GjMPXP//GzT/Hjf/GTL/GTL/GTL/GjP/GjMOWv//GTJjLlMOAAAAGXRSTlMAtaJ4U5PoFAbvK8lYYqXedUIzGNG99keJpp+kRAAABk5JREFUWMPtWdmW3CoMxCt4t8Hb9P9/6AUkdtzTk5yc5OFWHpqxjYOkklRgQv4RUA2WG/xg8r8K+qUxkR4GNWEwqD6Z3elHm99ZwJ/1zQbGbGSCQW/snH7im1817bp3rgZrqXD790QZY2VcQcCd66P/Aa2ipIIBI7Wx8we++RWIsTxfr5dQ4+OlcMhReSishIyvGCXXP/eqf1bOPwh8oxfYEVLowUKMnfQnvvkOx67gRYevYNGr1X+2sH45OsEEGdDEvDW22JrXFDlUpB8ge76WBQadGXwtG+m7BIt8QEJm26T+hEfloOgXHxFdGa4PwyYIt0s8SHmeYNPrtKNRhjExb4wsbqMSEKMy7s+CGppmZ2LYDebwTRFduV004ff+ujzmlWR/pZAJmV7mkcWHeX2fX2QdrTFAZ2manYlktvZWkWsCoDX8KjULBbkd45COIWRC8gseWiFm93WxyOI7KgEx+miNAQZC5sebfUyIeo5cEwCtMRw0pUThEhnrWm+WAN9cJi9PyNO2bUfz+ocwMLI8mzcTMqjfYtu22qHBmWSaJnxtIy/TekJ6DvJGHZkXsmr3mSeujHmSdmLfwQ78afdbtAort0S35JwQaE6n/5CL6JGdlIL3O0or1xe6THtvsL7282zybZNDV0abSd6IzAtZVapSs8O1k622nujScmIJTfvCLXTb4xDUkXP7+iEbn4IY/i3mkcHrFKZpY22UUJYWGFlZdhb0RK1fwNB1VZEqnjC9VtnyBEZ09wpr0NXX3y6cjTW88ORVYexMM1ZxbsHHpGkz+qbSLzDJty3woNcWgvQ6VuFFtPQLK181RMpnXZjuV8zxQDvFmDzRiI8MTdOZzEu7hiQsMzOlNQ36Rg1devep4rHpdZajMDafLmJIRHF73TrtC+yIRIxNvUHCVJFlMNg80biljQ1o2hXq0c4UlN60NWnahL5RQ+uKrocHM0QrL5ZthRipFuvp7vhcCllXWnHA7TYSMVg2Gw1D0MaCpYI64KFJMzOUCYadnuqwY9dXVm62wwyQiZnC2eYiyp0kO+yvUjZggcrKdtXXD9aGuN4lHlQPqy+blIeQZotSb7N+Rycr5IAz6Zc1T7mI2g4zQyaGijMUGX5EmQvk6leYC7Mx08Szm5Zs344Ftd8Snyeq5W+ucMphxxyr53T/14a5EkcULeU+XyEd+Rhz8Sr3djfV6Y1iAdrZMtnMc6H+IeZnJQeFU5K5QN/I4eCerYdk/yeCXEkjeqClaIsiHUPFosCcbOGm4Jy3SeO+rk1oqtqH5R/m18Nu51FQY+Ec5HB24rvvngT19RBRYQrhavWmr9peYjWXR69/HiyRZLo3f3WueiD/mj6FDHtjE6pQlWiwvaPXYa+wcBZaUHfoQ/ooqMVDRFdjfZlsAEGhlihU+ZnbL1TPsrh/J6i9iZutnqryEwg7RqxSw7lAVbdsT4L6ZJnCeVlLWoat7nA65lBNfoTrTqgaIy9vO54V1G/41wT7BUoskeXqN+jutZVkX/1m9c8ErkmryP4Q0csWRlh3e9yGzwecwKAMhWs7J2x1fnjc1Czk3Yau8huKDgfzI9tDSTF9gTn902AqC9eg0OnugouoU1+cCK8F2Ip5usKpjTqF5YOczDzrlipATcib7d7mE3cIt8Ry+VtRNEgLNfQOzaqiqAMhlmK3pWO3defwZqxZQQ02gQS/sGdSb0PX9FavzLIP1B7fcompGwqUDx2OOhBsflPJHpqtz+aVvqAubSLZGVdWUGP0mH25Cj1VKQG8maZEUNNHaOJ2W+3sASJX7lhzsbuq3KFZ+Wze7W2BuAvo7Z1EZAQ1RreU9l2nzT1ayP0zOLZ5d9qTOSEcaN25I88ZsrA2+4HoMLuJTiGOZ/NGT1Af3iHTiFDUHiPIiDJI4vPYPXVDWMXA8bR4d9qToGjY5IoQVkZJxa1jue8LLPra0D6bx72zpZfpCh8g3MDvdg46fptArgy50570BNr2lM0pcy3WPjtff4a7TfxL38PP51aEZxEDg13eApu34YPXFR796OffVf4YmFNlh4i+48x9chLxHVTx6Cq/MtZ/+XuWWFXitcH3E3R8nWzHP/j+U/R+Zex68tfBBMt9x6mrZDv+Dfpu3rxc+me/UOqCQuXOqN7qDfHBaikl/yOP/wC5onxC+Rc0AQAAAABJRU5ErkJggg==') 0 0 no-repeat; background-size: 112px 18px; } .ykplayer-broadcast-layer .broadcast-ceneter .team-info { height: 102px; position: relative; top: -20px; left: 0; } .ykplayer-broadcast-layer .broadcast-ceneter .team-info .vs-text { position: absolute; left: 0; top: 0; bottom: 0; right: 0; height: 20px; font-size: 20px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 20px; margin: auto; } .ykplayer-broadcast-layer .broadcast-ceneter .team-info .live-icon { position: absolute; bottom: 10px; left: 50%; margin-left: -20px; width: 40px; height: 20px; line-height: 20px; background-color: #FF285D; } .ykplayer-broadcast-layer .broadcast-ceneter .team-info .left-side { position: absolute; width: 70px; height: 70px; top: 35px; left: 36px; } .ykplayer-broadcast-layer .broadcast-ceneter .team-info .left-side img { display: block; width: 32px; height: 32px; margin: 0 auto; } .ykplayer-broadcast-layer .broadcast-ceneter .team-info .left-side span { position: absolute; font-size: 14px; width: 100%; line-height: 20px; text-align: center; bottom: 10px; left: 0; } .ykplayer-broadcast-layer .broadcast-ceneter .team-info .right-side { position: absolute; width: 70px; height: 70px; top: 35px; right: 36px; } .ykplayer-broadcast-layer .broadcast-ceneter .team-info .right-side img { display: block; width: 32px; height: 32px; margin: 0 auto; } .ykplayer-broadcast-layer .broadcast-ceneter .team-info .right-side span { position: absolute; font-size: 14px; width: 100%; line-height: 20px; text-align: center; bottom: 10px; left: 0; } .ykplayer-broadcast-layer .broadcast-ceneter .match-info { position: relative; height: 22px; width: 100%; bottom: 0; left: 0; line-height: 22px; text-align: center; background-color: #000000; opacity: 0.6; } .ykplayer-broadcast-layer .ceneter-show { height: 134px; } .fullscreen .ykplayer-broadcast-layer { top: 110px; } .subtitle-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } .hdr-mask { width: 100%; height: 100%; position: absolute; overflow: hidden; pointer-events: none; } .hdr-mask .hdr-mask-cover { background: rgba(0, 0, 0, 0.3); height: 100%; width: 100%; transition: 1.5s; position: absolute; transform: translate3d(0, 0, 0); transition-property: transform; transition-timing-function: linear; } .hdr-loading { width: 20%; position: absolute; transform: translate3d(-50%, -50%, 0); left: 50%; top: 50%; opacity: 0; } .control-phonewatch .phone-watch-panel { position: absolute; width: 325px; height: 110px; z-index: 1000; bottom: 37px; padding: 20px; background: #323232; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.22), 0 24px 24px 0 rgba(0, 0, 0, 0.3); border-radius: 4px; display: none; } .control-phonewatch .phone-watch-panel .arrow { position: absolute; bottom: -12px; width: 0; height: 0; border: 6px solid; border-color: #323232 transparent transparent ; } .control-phonewatch .phone-watch-panel .left-wrap { width: 194px; float: left; text-align: left; } .control-phonewatch .phone-watch-panel .left-wrap .title-wrap { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 12px; } .control-phonewatch .phone-watch-panel .left-wrap .title-wrap .title { color: rgba(255, 255, 255, 0.87); font-size: 16px; line-height: 22px; height: 22px; margin-bottom: 4px; } .control-phonewatch .phone-watch-panel .left-wrap .title-wrap .subtitle { color: rgba(255, 255, 255, 0.6); font-size: 12px; height: 17px; line-height: 17px; } .control-phonewatch .phone-watch-panel .left-wrap .title-wrap .subtitle .notice { font-family: 'Microsoft YaHei'; color: #0D9BFF; } .control-phonewatch .phone-watch-panel .left-wrap .video-wrap { width: 100%; padding-top: 12px; } .control-phonewatch .phone-watch-panel .left-wrap .video-wrap .video-title { display: block; width: 100%; color: rgba(255, 255, 255, 0.87); font-size: 16px; line-height: 22px; height: 22px; font-size: 14px; height: 20px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .control-phonewatch .phone-watch-panel .left-wrap .video-wrap .time { margin-top: 4px; color: rgba(255, 255, 255, 0.6); font-size: 12px; height: 17px; line-height: 17px; } .control-phonewatch .phone-watch-panel .right-wrap { float: right; height: 100%; } .control-phonewatch .phone-watch-panel .right-wrap img { width: 100px; height: 100px; border-radius: 4px; border: #fff solid 5px; }