@keyframes upgradeshow{0%{top:58%;filter:alpha(opacity=10);-khtml-opacity:.1;-moz-opacity:.1;opacity:.1}100%{top:50%;filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1}}@keyframes arrowtotop{0%{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;background-position:center 30px}29%{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;background-position:center -18px}30%{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;opacity:0;background-position:center -18px}31%{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;opacity:0;background-position:center 30px}32%{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;background-position:center 30px}59%{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;background-position:center -18px}60%{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;opacity:0;background-position:center -18px}61%{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;opacity:0;background-position:center 30px}62%{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;background-position:center 30px}89%{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;background-position:center -18px}90%{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;opacity:0;background-position:center -18px}91%{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;opacity:0;background-position:center 30px}92%{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;background-position:center 30px}100%{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;background-position:center 8px}}@keyframes leveltotop{0%{top:-4px}100%{top:-37px}}@keyframes circleleft{0%{transform:rotate(225deg)}100%{transform:rotate(45deg)}}@keyframes circleright{0%{transform:rotate(224deg)}100%{transform:rotate(43deg)}}.upgrade-dialog{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:9999}.upgrade-container{position:absolute;left:50%;top:50%;width:480px;height:430px;margin:-215px 0 0 -240px;background-color:#fff;box-shadow:1px 1px 10px 2px rgba(21,75,86,.15);border-radius:4px;animation:upgradeshow 1s ease;animation-fill-mode:both;-webkit-animation:upgradeshow 1s ease;-webkit-animation-fill-mode:both}.upgrade-header{position:relative;left:0;top:0;width:100%;height:107px}.upgrade-avatar{position:absolute;left:180px;top:-60px;z-index:5;width:110px;height:112px;border:3px solid #E8ECEE;border-radius:60px;background-color:#fff}.upgrade-avatar img{width:92px;height:94px;margin:10px 0 0 10px;border-radius:46px}.upgrade-light{position:absolute;left:83px;top:-109px;width:335px;z-index:1;height:207px;background:url(https://iknow-zhidao.bdimg.com/static/common-new/widget/upgrade-tips/img/star.db2ca19.gif) no-repeat center center}.upgrade-level{position:absolute;left:124px;top:29px;width:235px;z-index:10;height:57px;background:url(https://iknow-zhidao.bdimg.com/static/common-new/widget/upgrade-tips/img/level.f86619b.png) no-repeat center center}.upgrade-level-number{position:absolute;left:79px;top:12px;width:69px;height:26px;overflow:hidden}.upgrade-level-number p{position:relative;left:0;top:-3px;width:69px;color:#FB7E32;font-size:22px;text-align:center;line-height:34px;animation:leveltotop 1s linear 3s;-webkit-animation:leveltotop 1s linear 3s;animation-fill-mode:both;-webkit-animation-fill-mode:both}.upgrade-level-number span{color:#7A8F9A}.upgrade-level-icon{position:absolute;left:135px;top:11px;width:28px;height:28px;background:url(https://iknow-zhidao.bdimg.com/static/common-new/widget/upgrade-tips/img/arrow.b2e2483.png) no-repeat center 8px;animation:arrowtotop 3s ease-out 1s;-webkit-animation:arrowtotop 3s ease-out 1s;animation-fill-mode:both;-webkit-animation-fill-mode:both}.upgrade-circle-container{position:absolute;left:179px;top:-61px;z-index:6;width:118px;height:120px}.upgrade-circle{width:59px;height:120px;position:absolute;top:0;overflow:hidden}.circle-inner{top:0;width:114px;height:114px;border:3px solid transparent;border-radius:50%;position:absolute}.upgrade-circle-left{left:0}.upgrade-circle-left .circle-inner{left:1px;border-bottom:3px solid #4ACA6D;border-left:3px solid #4ACA6D;animation:circleleft 1s linear 1s;animation-fill-mode:both;-webkit-animation:circleleft 1s linear 1s;-webkit-animation-fill-mode:both}.upgrade-circle-right{right:0}.upgrade-circle-right .circle-inner{right:0;border-top:3px solid #4ACA6D;border-right:3px solid #4ACA6D;animation:circleright 1s linear 1.8s;animation-fill-mode:both;-webkit-animation:circleright 1s linear 1.8s;-webkit-animation-fill-mode:both}.upgrade-body{height:248px}.upgrade-body .upgrade-body-h2{font-size:22px;color:#323232;text-align:center}.upgrade-body .upgrade-body-props{margin:20px auto 4px;height:124px;width:90%;display:table}.upgrade-body .upgrade-body-props li{display:table-cell;text-align:center}.upgrade-body .upgrade-body-props li .upgrade-body-img{width:70px;height:60px;vertical-align:top}.upgrade-body .upgrade-body-props li .upgrade-body-p{font-size:12px;color:#323232;line-height:16px;margin-top:5px}.upgrade-body .upgrade-body-props li .upgrade-body-p span{color:#e47266}.upgrade-body .upgrade-body-props li .upgrade-body-btn{display:block;font-size:12px;color:#3E88BF;text-align:center}.upgrade-body .upgrade-props-four{width:76%}.upgrade-body .upgrade-body-p{font-size:14px;color:#323232;text-align:center;clear:both}.upgrade-body .upgrade-body-ul{height:45px;text-align:center}.upgrade-body .upgrade-body-ul li{display:inline;font-size:12px;margin:0 12px;color:#7A8F9A}.upgrade-footer{height:76px;position:relative;left:0;top:0;border-top:1px solid #E8ECEE}.upgrade-footer a{display:block;width:76px;line-height:28px;height:28px;text-align:center;font-size:12px;border-radius:4px;position:absolute;top:22px;left:0}.upgrade-footer .myitem-btn{left:155px;color:#323232;border:1px solid #DAE0E4;background-color:#fff}.upgrade-footer .myitem-btn:hover{color:#34b458;border-color:#4aca6d;text-decoration:none}.upgrade-footer .mygift-btn{left:251px;color:#fff;border:1px solid #4ACA6D;background-color:#4ACA6D}.upgrade-footer .mygift-btn:hover{border-color:#34b458;text-decoration:none;background-color:#34b458}.upgrade-footer .nomyitem-btn{left:203px}.toast-container{position:absolute;left:50%;top:50%;margin-left:-83px;margin-top:-25px;width:167px;height:50px;line-height:50px;font-size:16px;text-align:center;color:#fff;z-index:2000;background:rgba(51,51,51,.7);border-radius:5px}