ul.add-resources li{margin:10px 0}.apiform input[type="submit"]{padding:15px 10px}.play-icon img{position:absolute;transition:all .5s;z-index:4;left:0;height:100%}.play-icon img:hover{filter:gray;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/>#grayscale");-webkit-filter:grayscale(100%)}.play-icon{height:330px;width:550px;cursor:pointer;position:relative;border:3px solid #ddd;margin:auto}.play-icon iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width:768px){.play-icon{width:100%;height:270px}}.promotion-bg{background:#1f1f1f;text-align:center;padding:14px 0;position:fixed;box-sizing:border-box;z-index:999 !important;margin-top:-4px;width:100%}.promotion p{margin:0;color:#fff;font-size:16px;line-height:1.5}.promotion a{color:#ff9f1e;border-bottom:1px dotted #ff9f1e;margin-left:5px;text-decoration:none !important;font-size:16px}span.tooltip-close{position:absolute;top:15px;color:#fff;right:20px;cursor:pointer;font-size:16px}@media only screen and (max-width:1024px){.stickyfixed-header{top:64px}.promotion-bg{margin-top:20px}}@media only screen and (max-width:600px){.promotion-bg{text-align:left;padding:13px 20px}.promotion p{font-size:14px !important;padding:0 10px}.promotion a{display:inline-block;font-size:14px;margin:0}span.tooltip-close{top:13px}}