@font-face { font-family: "bb"; src: url("bb.ttf") format("truetype");}
body{padding:0;margin:0;background-color:#f1f1f1;font-family:bb;background-image:url('');}
.tvtitle{background-color:#6E807A;border-top:1px solid #aaa;color:#fff;font-family:bb;font-size:17px}.notsupportedbrowser{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999999999999}.notsupportedbrowser .bg{background-color:#eb3d6e;opacity:.8;z-index:9999999999999999;width:100%;position:absolute;left:0;top:0;height:100%}.notsupportedbrowser .content{z-index:99999999999999999;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);font-size:20px;background-color:#fff;padding:5px;border-radius:3px;color:#111}.header{position:relative;background-color:#6E807A;width:100%;height:170px}.header .bg{background-image:url(bg.png);background-repeat:repeat;background-position:center;width:100%;height:100%;position:absolute;left:0;right:0;z-index:1;pointer-events:none;opacity:.2}.header .headerimage{background-image:url(logo.png);background-repeat:no-repeat;background-position:center 105%;background-size:cover;width:200px;height:100%;position:absolute;top:0;left:0;z-index:2;pointer-events:none;opacity:.7}.header .logo{background-image:url(title.png);background-position:center;background-size:contain;background-repeat:no-repeat;width:238px;height:100%;max-height:100%;position:absolute;right:0;z-index:2;pointer-events:none;background-color:rgba(110,128,122,.69);opacity:.9}.content .nav{z-index:2;width:402px;background-color:#fff;padding-top:12px;padding-bottom:27px;margin-top:-5px;-webkit-box-shadow:1px 2px 1px #ccc,-1px 2px 2px #ccc;box-shadow:1px 2px 1px #ccc,-1px 2px 2px #ccc}.content .nav ul{list-style:none;padding:0;margin:0}.content .nav ul li{display:inline-block}.content .nav ul li a{position:relative;font-size:17px;background-color:#fff;padding:5px 8px 5px 8px;border-radius:2px;color:#424242;text-decoration:none;border:1px solid #6E807A;border-radius:200px}.content .nav ul li a i{margin-left:5px;color:#666}.content .maintopten{width:400px;border:2px solid #eb3d6e;margin-top:5px;margin-bottom:10px;position:relative;overflow:hidden;height:calc(130px + 14px + 25px)}.content .maintopten .title{background-color:#6E807A;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;left:-78px;top:67px;padding:4px 18px;color:#fff;width:150px;text-align:center;display:none}.content .maintopten .toptencon{width:calc(100% - 45px);height:calc(100% - 10px);text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box;padding:1px 8px;margin-top:5px;margin-right:-40px;margin-bottom:5px}.content .maintopten .toptencon .firsttopten{font-size:24px;color:#aaa;position:relative}.content .maintopten .toptencon .firsttopten .countment{display:inline-block;font-size:25px;width:18px}.content .maintopten .toptencon .firsttopten .image{display:inline-block;width:32px;height:32px;border-radius:200px 200px 200px 5px;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-box-shadow:2px 2px 5px #ffba3a,2px -2px 5px #ff3a3a,-2px -2px 5px #3aff81,-2px 2px 5px #ff3a3a;box-shadow:2px 2px 5px #ffba3a,2px -2px 5px #ff3a3a,-2px -2px 5px #3aff81,-2px 2px 5px #ff3a3a;margin-left:5px;margin-right:5px}.content .maintopten .toptencon .firsttopten .name{display:inline-block;max-width:calc(100% - 30px - 70px);padding:1px 6px 6px 3px;border-radius:5px;font-size:20px;font-family:cc;margin-right:2px}.content .maintopten .toptencon .firsttopten .toptengif{max-width:70%;pointer-events:none;max-width:90%;margin-bottom:-15px}.content .maintopten .toptencon .secondtopten{font-size:18px;color:#aaa;position:relative}.content .maintopten .toptencon .secondtopten .countment{display:inline-block;font-size:25px;width:18px}.content .maintopten .toptencon .secondtopten .image{display:inline-block;width:32px;height:32px;border-radius:200px 200px 200px 5px;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-box-shadow:2px 2px 5px #ffba3a,2px -2px 5px #ff3a3a,-2px -2px 5px #3aff81,-2px 2px 5px #ff3a3a;box-shadow:2px 2px 5px #ffba3a,2px -2px 5px #ff3a3a,-2px -2px 5px #3aff81,-2px 2px 5px #ff3a3a;margin-right:5px;margin-left:5px}.content .maintopten .toptencon .secondtopten .name{display:inline-block;max-width:calc(100% - 30px - 50px);padding:1px 6px 6px 3px;border-radius:5px;font-size:18px;font-family:cc;margin-right:2px}.content .maintopten .toptencon .secondtopten .toptengif{max-width:70%;pointer-events:none;max-width:90%;margin-bottom:-15px}.content .maintopten .toptencon .thirdtopten{font-size:18px;color:#aaa;position:relative}.content .maintopten .toptencon .thirdtopten .countment{display:inline-block;font-size:25px;width:18px}.content .maintopten .toptencon .thirdtopten .image{display:inline-block;width:32px;height:32px;border-radius:200px 200px 200px 5px;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-box-shadow:2px 2px 5px #ffba3a,2px -2px 5px #ff3a3a,-2px -2px 5px #3aff81,-2px 2px 5px #ff3a3a;box-shadow:2px 2px 5px #ffba3a,2px -2px 5px #ff3a3a,-2px -2px 5px #3aff81,-2px 2px 5px #ff3a3a;margin-right:5px;margin-left:5px}.content .maintopten .toptencon .thirdtopten .name{display:inline-block;max-width:calc(100% - 30px - 50px);padding:1px 6px 6px 3px;border-radius:5px;font-size:20px;font-family:bb;margin-right:2px;}.mahdi{position:relative;font-family:'bb';font-size:17px;background-color:#fff;padding:5px 8px 5px 8px;border-radius:2px;color:#424242;text-decoration:none;border:1px solid #6E807A;border-radius:200px}