.black-wrp{width:100%;height:100%;position:fixed;z-index:10055;background-color:rgba(0,0,0,.5);left:0;top:0;display:table;opacity:0}.black-wrp .float-box-wrp{display:table-cell;position:relative;text-align:center;vertical-align:middle}.black-wrp .float-box-wrp .float-box{margin:0 auto;background:#fff;padding:24px 20px;width:40%;box-sizing:border-box;border-radius:5px}.black-wrp .float-box-wrp .float-box .float-notice-title{font-size:1em;line-height:1.875em}.black-wrp .float-box-wrp .float-box .float-notice-content{font-size:.8em;color:#999;margin-bottom:20px}.black-wrp .float-box-wrp .float-box .float-notice-options{padding:0 1%}.black-wrp .float-box-wrp .float-box .float-notice-options .options-btn{box-sizing:border-box;width:40%;color:#333;line-height:2.25em;font-size:.8em;border-radius:6px;display:inline-block;margin:0 3%;border:1px solid #ddd}.black-wrp .float-box-wrp .float-box .float-notice-options .options-btn.float-notice-download{color:#fff;border-color:#de698c;background-color:#de698c}.black-wrp .share-box{position:absolute;bottom:-100%;background:#fff;box-sizing:border-box;width:100%;padding:20px 10px}.black-wrp .share-box .share-box-list{text-align:center}.black-wrp .share-box .share-box-item{width:40%;display:inline-block;text-align:center;margin-bottom:1px;text-decoration:none;outline:none;float:none}.black-wrp .share-box .share-box-item div{color:#333;font-size:.8em;line-height:1.875em}.black-wrp .share-box .share-box-title{display:none;font-size:1em;line-height:40px;text-align:center}.black-wrp .share-box .share-box-cancel,.black-wrp .share-box .share-box-content{font-size:.8em;color:#999;text-align:center}.black-wrp .share-box .share-box-cancel{border:1px solid #ddd;border-radius:5px;width:100%;display:block;line-height:2.5em;margin-top:10px}.black-wrp .share-box.wx{background:rgba(0,0,0,.5) url(http://static.hdslb.com/mobile/img/wx_guide.png) top no-repeat;background-size:100% 100%}.black-wrp .share-box.weibo{background:rgba(0,0,0,.5) url(http://static.hdslb.com/mobile/img/weibo_guide.png) top no-repeat;background-size:100% 100%}.black-wrp .share-box.appl{background:rgba(0,0,0,.5) url(http://static.hdslb.com/mobile/img/app_guide.png) top no-repeat;background-size:100% 100%}.black-wrp.wx{background:rgba(0,0,0,.5) url(http://static.hdslb.com/mobile/img/wx_guide.png) top no-repeat;background-size:contain}.icons{display:inline-block;vertical-align:top;background:url(../img/share-ico-m.png) 50% no-repeat;background-size:400px}.icons.icons-safari{width:40px;height:40px;background-position:-5px -473px;margin:0 5px}.icons.icons-weibo{background-position:0 0}.icons.icons-weibo,.icons.icons-wx{width:60px;height:60px;background-size:120px}.icons.icons-wx{background-position:0 -60px}.icons.icons-pyq{background-position:0 -120px}.icons.icons-pyq,.icons.icons-qq{width:60px;height:60px;background-size:120px}.icons.icons-qq{background-position:0 -180px}.icons.icons-qzone{background-position:0 -240px}.icons.icons-qzone,.icons.icons-tieba{width:60px;height:60px;background-size:120px}.icons.icons-tieba{background-position:0 -300px}.icons.icons-other{width:60px;height:60px;background-position:0 -360px;background-size:120px}.clearfix{_zoom:1}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}@media screen and (orientation:landscape){.black-wrp.wx{background-position:100% 0;background-size:contain}}html{font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent;text-decoration:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}#bili-share-wrap{font-size:12px!important}.share-card{position:relative;width:100%;height:8.5rem;background-size:100% auto;border:0;border-radius:6px;margin:0 auto;text-align:center}.share-card p{margin:0;font-size:.32rem}.share-card .card-hd{position:relative;width:100%;height:5.22rem;top:0;left:0;border:0;background:url(../img/bg_card_h5_1.jpg) top no-repeat;background-size:100% auto;border-radius:6px;border-bottom-left-radius:0;border-bottom-right-radius:0}.share-card .card-hd .hd-box{position:absolute;display:none;width:5.81rem;left:0;right:0;bottom:.1rem;margin:0 auto;background:url(../img/bg_cp_wait.png) center 2px no-repeat;background-size:4.875rem auto}.share-card .card-hd .hd-box .user-icon{width:1.38rem;height:1.38rem;margin:0 auto;border-radius:50%;background-size:100% auto}.share-card .card-hd .hd-box .user-name{text-align:center;color:#fff;font-size:.3rem;margin:.26rem auto .2rem}.share-card .card-hd .hd-box .icon-around{position:absolute;width:1.776rem;height:1.776rem;margin:auto;top:-.18rem;left:0;right:0;border-radius:50%;background-size:100% auto;-webkit-animation:roundrotate 2s infinite linear;animation:roundrotate 2s infinite linear}.share-card .card-hd .hd-box .hd-user{position:relative;width:2.24rem;float:left}.share-card .card-hd .hd-box .hd-other{position:relative;width:2.24rem;float:right}.share-card .card-hd .hd-box .hd-link{display:none}.share-card .card-ft{position:relative;width:100%;height:8.2rem;bottom:0;left:0;color:#6b7c91;background:url(../img/img_tv.png) bottom no-repeat;background-size:3rem auto;border:0;border-radius:6px;border-top-left-radius:0;border-top-right-radius:0}.share-card .card-ft .ft-get-invite{position:relative;display:none}.share-card .card-ft .ft-get-invite .ft-text p{margin:0;font-size:.32rem}.share-card .card-ft .b-btn{position:relative;display:block;margin:.2rem auto;width:5rem;height:1rem;line-height:1rem;text-align:center;color:#fff;font-size:.35rem;background:#0062ae;border-radius:4px}.share-card .card-ft .ft-no-access{position:relative;display:none}.share-card .card-ft .ft-text{position:relative;width:80%;font-size:.32rem;line-height:.42rem;margin:0 auto;color:#6b7c91}.share-card .card-ft .ft-text p.b{font-size:.336rem;letter-spacing:4px;margin:0 auto}.share-card .card-ft .ft-share-btn{position:relative;margin:.2rem auto;width:5rem;height:1rem;line-height:1rem;text-align:center;color:#6b7c91;font-size:.35rem;background:#fff;border:1px solid #e1e1e1;border-radius:4px}.share-card .card-ft .ft-end,.share-card .card-ft .ft-error,.share-card .card-ft .ft-slow{position:relative;display:none}.share-card .card-ft .ft-success{position:relative;display:none;width:100%;height:100%;text-align:center}.share-card .card-ft .ft-success .ft-share-test{margin:.5rem auto 0;font-size:.196rem;color:#0b3e7f}.share-card .card-ft .ft-success .ft-share-arrow{position:relative;width:.64rem;height:.28rem;margin:.28rem auto}.share-card .card-ft .ft-no-access{display:none}.share-card.t1 .card-ft .ft-get-invite{display:block}.share-card.t1 .card-ft .ft-get-invite .ft-text{position:relative;line-height:2;top:1.2rem}.share-card.t1 .card-ft .ft-get-invite .b-btn{top:2rem}.share-card.t1 .card-hd .hd-box{display:table}.share-card.t2 .card-ft .ft-success{display:block}.share-card.t2 .card-ft .ft-success .ft-text{position:relative;line-height:2;top:1.2rem}.share-card.t2 .card-ft .ft-success .b-btn,.share-card.t2 .card-ft .ft-success .ft-share-btn{top:2rem}.share-card.t2 .card-hd .hd-box{display:table;background-image:url(../img/bg_cp_success.png)}.share-card.t2 .card-hd .hd-box .hd-user .icon-around{background:url(../img/head_1.png) 50% no-repeat;background-size:100% auto}.share-card.t2 .card-hd .hd-box .hd-other .icon-around{background:url(../img/head_2.png) 50% no-repeat;background-size:100% auto}.share-card.t3 .card-ft .ft-no-access{display:block}.share-card.t3 .card-ft .ft-no-access .ft-text{position:relative;line-height:2;top:1.2rem}.share-card.t3 .card-ft .ft-no-access .b-btn{top:2rem}.share-card.t3 .card-hd .hd-box{display:table;background-image:url(../img/bg_cp_fail.png)}.share-card.t4 .card-ft .ft-slow{display:block}.share-card.t4 .card-ft .ft-slow .ft-text{position:relative;line-height:2;top:1.2rem}.share-card.t4 .card-ft .ft-slow .b-btn{top:2rem}.share-card.t4 .card-hd .hd-box{display:table}.share-card.t5 .card-ft .ft-end{display:block}.share-card.t5 .card-ft .ft-end .ft-text{position:relative;line-height:2;top:1.2rem}.share-card.t5 .card-ft .ft-end .b-btn{top:2rem}.share-card.t5 .card-hd .hd-box{display:table}.share-card.t-error .card-ft .ft-error{display:block}.share-card.t-error .card-ft .ft-error .ft-text{position:relative;line-height:2;top:1.2rem}.share-card.t-error .card-ft .ft-error .b-btn{top:2rem}.share-card.t-error .card-hd .hd-box{display:table;background-image:url(../img/bg_cp_fail.png)}@-webkit-keyframes roundrotate{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(-180deg)}to{-webkit-transform:rotate(-1turn)}}@keyframes roundrotate{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(-180deg)}to{-webkit-transform:rotate(-1turn)}}@media all and (min-width:768px){.share-card{width:60%}}@media all and (min-width:1024px){.share-card{width:30%}}