@charset "utf-8";

/* ====================================================================================================
 * Page name : lol live Styles 英雄联盟APP四周年直播样弄171177117117771171177117117777117117711711777117117711711777771171177117117771171177117117777117117711711777117117711711777777
 * Author : Smallni
 * Date : 2015-09-02
 * update :
 * ==================================================================================================== */

/*html,body{ height: 100%; overflow: hidden}*/
body{width: 100%;font-size: 12px;color: #6e6d6d;}
ul,ol{list-style-type: none;}
body,ul,ol,h1,h2,h3,h4,h5,h6,dl,dd,form,p{margin: 0px; padding: 0px;font-family: "Microsoft YaHei";}
h1{display: none;}
img{display: block;width: 100%; }
#wrap{width: 320px;}
strong{font-size: inherit;  }

.hidden{display: none;}
.fl{float: left;}
.fr{float: right;}
.wrap_1,.wrap_2{width: 320px;overflow: hidden;}
.wrap_1{background-image: url("http://ossweb-img.qq.com/images/lol/m/act/a20151113live/bg2.jpg");background-size: 320px 256px;height: 256px;}
.wrap_2{/*background-image: url("http://ossweb-img.qq.com/images/lol/m/act/a20150831sszb/bg_2.jpg");background-size: 320px 245px;background-repeat: repeat-y;*/}

.sp{background-image: url("http://ossweb-img.qq.com/images/lol/m/act/a20150831sszb/1.png");background-repeat: no-repeat;background-size: 219px 215.5px;}
.video{ display:block; width:100%;height:256px;background:none;overflow:hidden;}
.video:after{background-image: url("http://ossweb-img.qq.com/images/lol/m/act/a20150831sszb/1.png");background-repeat: no-repeat;background-size: 219px 215.5px;display: block;width: 49.5px;height: 43px;background-position: -161px -22px;text-indent: -999em;margin: 103px auto 0;content:"";}
.btns{height: 38px;margin-top: 38px;}
.btns a{display: block;width: 160px;height: 38px;background-position: 0 -124.5px;float: left;font-size: 12px;color: #6e0d0d;font-weight: bold;text-decoration: none;text-align: center;line-height: 38px;text-shadow: 3px 3px 20px black;}
.btns a.on{background-position: 0 -39px;color: #6e380d;}

.program_list_btn{display: block;width: 57px;height: 21px;background-position: -161px 0;font-size: 9px;color: #ffffff;line-height: 21px;text-align: center;text-decoration: none;margin-top: 12px;margin-right: 6.5px;z-index:10;position:absolute;right:0;top:210px;}

.cont1,.cont2{ min-height: 100%; padding-bottom: 20px; padding-top: 0;/*background-image: url("http://ossweb-img.qq.com/images/lol/m/act/a20150831sszb/line.png");*//*background-size: 24px 5px;background-repeat: repeat-y;background-position: 0 10px;*/}
/*.cont2{height: 500px;}*/
.programs{width: 308px;}
.program_detail{margin-bottom: 18px;}
.time{margin-bottom: 5px;font-size: 20px;color: #ffd99a;font-weight: bold;line-height: 20px;}
.point{display: inline;margin-right: 5px;width: 20.5px;height: 14px;}
.details{font-size: 14px;color: #ffe2b2;line-height: 1.5; margin-bottom:10px;}
.main_p{padding: 13px;background-color: #6a0e20;border: 1px solid #810324;border-radius: 5px;margin-left: 24px;}
.main_p img{ max-width: 100%; height: auto; margin-top: 5px; }
.local_pic{ max-width: 100%; height: auto; margin-top: 5px;}

.go_now{display: block;width: 111.5px;height: 28.5px;background-position: 0 -78px;font-size: 8px;color: #6e380d;text-align: center;line-height: 28.5px;text-decoration: none;margin: 25px auto 0;}
.clear{clear: both;}

.tc_dialog{width: 289px;height: 470px;background-color: #6e0f22;border-radius: 5px;padding-top: 15px;position: relative;padding-bottom: 10px;position: absolute;top: 20px;left: 50%;margin-left: -144.5px;z-index: 100;}
.tc_dialog h2{width: 280px;height: 47px;background-image: url("http://ossweb-img.qq.com/images/lol/m/act/a20150831sszb/fly.png");background-size: 280px 47px;margin: 0 auto;text-align: center;font-size: 18px;font-weight: bold;color: #ffffff;line-height: 47px;}
.time_toggle{width: 145px;height: 20px;margin: 11px auto 0;}
.time_toggle a{display: block;width: 68px;height: 20px;font-size: 13px;color: #90151e;line-height: 20px;text-align: center;text-decoration: none;background-color: #5f0e1e;}
.time_toggle a.on{color: #ffffff;background-color: #520918;}

.time_list{border-collapse: collapse;margin:  12px auto 0;text-align: left;}
.time_list th{font-size: 12px;color: #ffdaa5;font-weight: normal;line-height: 32px;}
.time_list tr{border-bottom: 1px solid #4e0a17;border-collapse: collapse;}
.time_list td{line-height: 28px;font-size: 10px;color: #f4855e;}
.tc_close{display: block;width: 36px;height: 32px;position: absolute;right: 3px;top: 7px;background-position: 0 -163.5px;}
.img_dialog{position: fixed;top: 50%;left: 50%;-webkit-transform: translate3D(-50%,-50%,0); transform: translate3D(-50%,-50%,0); /* margin-top: -70px;margin-left: -160px;*/z-index: 100;}
.img_close{display: block;width: 26px;height: 21px;position: absolute;top: 5px;right: 5px;background-position: 0 -195.5px;}
.shelter{width: 320px;height: 809px;background-color: black;opacity: 0.4;display: none;position: fixed;top: 0px;z-index: 99;}

.cont1{padding:5px;}

/*  |xGv00|04863755658dd0567db14d4c46ef3f73 */