body{min-width: 1000px; font-family: "Microsoft Yahei","Simsun"; font-size: 14px;}
a:hover{text-decoration: none;}
.global-footer {background-color: #161826; padding: 30px 0; color: #575a70;}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#575a70;}
.mask{z-index: -1; background:#000; filter:alpha(opacity:50); opacity:.5; width: 100%; height: 100%; *height: 500px;}
:root .mask{ filter:none \0}
.oz{overflow: hidden; *zoom:1;}
.font12{font-size: 12px;}
.yellow{color:#f3ca71;}
.blue{color:#06a4f3;}

.ico{display: inline-block; vertical-align:middle; background: url(http://img.18183.duoku.com/uploads/allimg/151013/36-151013204541.png); overflow: hidden;}
.ico-sup{background-position:-306px -82px; left:-68px}
.ico-opp{background-position:-324px -116px; right:-68px}
.ico-cir,.ico-cir4{width:24px; height: 24px; position: absolute; top:50%; margin-top: -10px; *margin-top:-13px; left: 0}
.ico-cir1{width:5px; height: 5px; background:#1d2030; border: 2px solid  #333855; position: absolute; top: 50%; left: 8px; border-radius: 50%; margin-top: -4px; overflow: hidden;}
.ico-cir2{width:5px; height:5px; overflow: hidden; background:#333855; position: absolute; top: 50%; left:10px; border-radius: 50%; margin-top: -2px;}
.ico-cir3{width:30px; height:30px; background-position: -377px 0; position: absolute; bottom: 0; left:50%; margin-left: -15px;}
.ico-cir4{background-position: -456px 0;}

.ico-dot{width:30px; height: 30px;  background: url(http://img.18183.duoku.com/uploads/allimg/151013/36-151013204541.png) -254px 0;  position: absolute; right:0px; top:50%; margin-top: -16px;}
.ico-live{width: 34px; height: 15px; background: #1d2030; border: 1px solid #333855; font-size: 12px; color: #f3ca71; overflow: hidden; line-height: 14px; position: absolute; right: 0; top: 50%; margin-top: -8px; font-style: normal; text-align: center;}
.ico-play{width:16px; height: 16px; background-position: -34px -4px; position: absolute; right: 10px; top: 50%; margin-top: -8px;}
.ico-play1{width:14px; height: 14px; background-position: -84px -4px; position: absolute; left: 0px; *left: -20px; _left: -0px; top: 50%; margin-top: -7px;}
.ico-play2{width:45px; height:45px; background: url(http://img.18183.duoku.com/uploads/allimg/151013/36-151013204T1.png); _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/ico-play.png",sizingMethod="crop"); position: absolute; left:50%; top: 50%; margin-top: -22px; margin-left: -22px;}
.ico-play3{width:18px; height:18px; background-position: -176px -3px; margin: 0 5px 3px 0}
.ico-win{width: 50px; height: 41px; background-position: -164px -58px; display: block; margin: 0 auto 15px;}
.ico-vs{width:116px; height:74px; background-position:0 -252px; position: absolute; left:50%; top:345px; margin-left: -58px;}
.ico-up,.ico-down{width:12px; height: 14px; background-position: -214px 0; padding-left: 12px; color: #272a3a; font-size: 12px; line-height: 14px; margin:0 0 2px 5px}
.ico-down{background-position: -214px -16px;}
.ico-top{width:28px; height:19px; background-position:-234px -53px;}
.ico-gold{width:16px; height:14px; background-position:-342px -56px;}
.ico-silver{width:16px; height:14px; background-position:-315px -56px;}
.ico-bronze{width:16px; height:14px; background-position:-368px -56px;}
.ico-num{width:27px; height:30px; background-position:-397px -53px; position: absolute; left: 0; _left:-40px; top:0; *top:-5px; font-size:16px; color:#06a4f3; text-align: center; line-height: 30px;}
.ico-arrow{width:6px; height:10px; background-position: -442px -53px; margin-left: 5px;}
.ico-clock{width:25px; height:25px; background-position: -456px -53px; position: absolute; left: 0; top:9px;}
.ico-money{width:42px; height:26px; background-position: -457px -100px; margin: 0 8px 3px 0}



.pic{overflow: hidden; display: table-cell; vertical-align:middle; text-align: center; *display: block;*font-family:Arial;}
.sep{width: 12px; overflow: hidden; position: absolute; top: 50%; right: 0;}
.arrow{width:0; height:0; line-height:0; border-width:7px; border-left-width:12px; border-right-width:12px; border-style:solid; border-color: transparent transparent transparent #333855 ; border-style:dashed dashed dashed solid; display: inline-block; vertical-align: middle; margin-bottom: 3px; margin-right: -6px;}

.btn1{text-align: center; font-size: 0;}
.btn1 a{display: inline-block; margin: 0 3px; border: 1px solid #333855; padding: 2px 10px; border-radius: 3px; color: #515779; font-size: 14px;}
.btn1 a:hover{background: #333855; color: #fff}

.btn-wager{width:70px; height: 26px; padding: 0 5px; border-bottom: 4px solid #c38900;  color: #333; font-size:14px; text-align: center; display: block; border-radius:3px; line-height: 26px; background: #ffba00; word-wrap: break-word; word-break: break-all; overflow: hidden;}
.btn-wager:hover{background:#ffc835; border-color:#c3901a;}


.pn{margin:30px auto 0; width: 1000px; overflow: hidden; *zoom:1; position: relative;}
.pn1{width: 100%; background:url(http://img.18183.duoku.com/uploads/allimg/151013/36-151013204932.jpg) no-repeat center top; height:600px; overflow: hidden;}
.pn2{margin:30px auto 0; width: 1000px;}
.pn-sc{height: 330px; overflow: hidden; padding-bottom: 20px;}

.hd{position: relative;  *zoom:1;}
.hd .tit{color: #f3ca71; font-size:30px; font-weight: bold; line-height: 72px; height: 72px; position: relative; padding-left:35px;}
.hd .more{color: #fff; display: block; border: 1px solid #333855; width:70px; height: 28px; position: absolute; right: 0; top:25px; text-align: center; line-height: 28px;}
.hd .more span{color:#333855; font-family: "Simsun"; padding-left: 5px}
.hd .more:hover{background:#333855}
.hd .more:hover span{color: #fff}
.hd .more1{position: absolute; right: 0; top:12px; color: #999; font-size: 12px;}
.hd .more1:hover{color: #666; text-decoration: underline;}
.hd .more1 span{font-family: "Simsun";}

.pn3 .hd{margin:30px auto 0; width: 1000px;}
.pn-dj .hd .tit{height: 64px; overflow: hidden;}

.wrapper{width: 100%; background:#1d2030 url(http://img.18183.duoku.com/uploads/allimg/151013/36-1510131PF2.jpg) no-repeat center top;}
.comm-mod .hd{ border-bottom:1px solid #514d4f; height:72px;}
.checkin-box{position: absolute; right:0; top: 20px }

.mod-l{width:640px; float: left; overflow: hidden;}
.mod-r{width: 320px; float: right; overflow: hidden;}


.comm-list1{margin-top:12px}
.comm-list1 .item{overflow: hidden; *zoom:1; margin-bottom: 10px;}
.comm-list1 .item .c1{width:180px; height: 180px; float: left; text-align: center; background: #12151f; color:#515779; font-size:20px;}
.comm-list1 .item .c1 .pic{width:180px; height: 130px; padding-top: 10px; display: table-cell; vertical-align:middle; text-align: center;*display: block; *font-size:98px; _font-size: 114px; *font-family:Arial; overflow: hidden;}
.comm-list1 .item .c2{background:#171a26; width:640px; height: 180px; float: left;}
.comm-list1 .item .c2 .date{color: #fff; font-size: 20px; text-align: center; padding-top:20px;}
.comm-list1 .item .c2 .con{position: relative; height:80px; margin:0 140px;}
.comm-list1 .item .c2 .con:after{content: ' '; display: table; clear: both;}
.comm-list1 .item .c2 .con-in-l,.comm-list1 .item .c2 .con-in-r{position: relative; height:80px;}
.comm-list1 .item .c2 .ico{position: absolute; width:70px;  height: 25px; top: 50%; margin-top:-12px; display: none;}
.comm-list1 .item .c2 .con-in-l .bar{background:#06a4f3;}
.comm-list1 .item .c2 .con-in-r .bar{background:#e35c4a;}
.comm-list1 .item .c2 .con-in-l .bar{left:0px;}
.comm-list1 .item .c2 .con-in-r .bar{right:0px;}
.comm-list1 .item .c2 .bar{width:100%; height:10px; position: absolute; top:50%; margin-top: -5px; overflow: hidden;}
.comm-list1 .item .c2 .btn{background: url(http://img.18183.duoku.com/uploads/allimg/151013/36-151013205011.png) no-repeat; width:70px; height:70px; position: absolute; top:50%; margin-top: -35px;  cursor: pointer; }
.comm-list1 .item .c2 .btn .txt{padding-top: 40px; text-align: center; color: #fff; font-size: 14px; font-family: "Microsoft Yahei"; font-weight: normal; line-height: 1.5}
.comm-list1 .item .c2 .support{background-position:1px -1px; left: -70px}
.comm-list1 .item .c2 .support:hover{background-position:-71px -1px;}
.comm-list1 .item .c2 .oppose{background-position:-1px -72px; right:-70px}
.comm-list1 .item .c2 .oppose:hover{background-position:-74px -73px;}
.comm-list1 .item .c2 .per{position: absolute; top:0px; font-size:18px;display: none;}
.comm-list1 .item .c2 .per-sup{color:#06a4f3; left: -70px;}
.comm-list1 .item .c2 .per-opp{color:#e35c4a; right:-70px;}
.comm-list1 .item .c2 .btn1 a{font-size: 16px; margin: 0 15px; padding:3px 0; text-align: center; width:78px;}
.comm-list1 .item .c2 .btn1 a:hover .arrow{ border-color: transparent transparent transparent #fff;}

.comm-list1 .item-ex .c2 .btn{display: none;}
.comm-list1 .item-ex .c2 .per, .comm-list1 .item-ex .c2 .ico{display: block;}

.comm-list2{}
.comm-list2 .item{height: 90px; overflow: hidden; *zoom:1; padding:20px 0; border-bottom: 1px dashed #333855}
.comm-list2 .c1{width: 120px; float: left;}
.comm-list2 .c2{overflow: hidden; *zoom:1; padding-left: 20px; display: block;}
.comm-list2 .c2 .tit{color: #fff; font-size:18px; display: block;}
.comm-list2 .c2 .txt{color: #515779;display: block; line-height: 1.7; padding-top:8px;}
.comm-list2 .tit a{color: #fff;}
.comm-list2 .tit a:hover{color:#06a4f3; text-decoration: underline;}
.comm-list2 .hover{background:#24273b}

.comm-list3{padding: 15px 10px;}
.comm-list3 .item{overflow: hidden; *zoom:1;}
.comm-list3 .item .c1{float: left; width:130px; font-size: 18px; color: #fff;}
.comm-list3 .item .pic{display: inline-block; vertical-align: middle; padding: 0 3px}

.comm-list4 .item{overflow: hidden; *zoom:1; padding:8px 0 0}
.comm-list4 .item div{float: left; color:#f3ca71}
.comm-list4 .item .c1{color:#515779; position: relative; text-indent: 12px;}
.comm-list4 .item .c1 .ico-cir2{left: 0}
.comm-list4 .item .c2{color:#00abff; text-indent: 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.comm-list4 .item .c2 a{color:#00abff;}
.comm-list4 .item .c2 a:hover{text-decoration: underline;}

.comm-plist{margin-right: -20px; overflow: hidden; *zoom:1;}
.comm-plist .item{float: left; margin:10px 20px 5px 0; }
.comm-plist .item .con{display: block; width: 150px; position: relative; text-align: center; color: #fff}
.comm-plist .item .con img{display: block;}
.comm-plist .item .con .txt{display: block; line-height: 2.2; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.comm-plist .item .c2{width: 100%; height: 90px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 3}
.comm-plist .item .mask{position: absolute; top:0; left: 0; }
.comm-plist .hover .c2{display:none;}
.comm-plist .hover .txt{color:#06a4f3; text-decoration: underline;}


.comm-plist1 .item .con{width: 235px;}
.comm-plist1 .item .con .txt{width: 100%; height:30px; line-height: 30px; line-height: 30px; text-align: center; position: absolute; left: 0; top:100px; color: #fff; z-index: 3}
.comm-plist1 .item .con .txt1{color:#b9b9b9; height:30px; top:87px; padding-top: 13px;}
.comm-plist1 .item .con .txt1 .mask1{background: url(http://img.18183.duoku.com/uploads/allimg/151013/36-151013205058.png); _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/bg-mask.png",sizingMethod="crop");  width: 150px; width: 100%; height: 43px; left: 0; bottom: 0; position: absolute; z-index: -1}
.comm-plist1 .item .con .txt1 .num{float: left; padding-left:5px;}
.comm-plist1 .item .con .txt1 .date{float: right; padding-right:5px;}

.comm-plist1 .item .con .tit{display: block; line-height:30px; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; height: 30px;} 
.comm-plist1 .item .con:hover .tit,.comm-plist1 .item .con:hover .tit1{color:#06a4f3; text-decoration: underline;}
.comm-plist1 .item .con .tit1{display: block; width: 100%;  height:50px; text-align: left; line-height: 1.6; padding-top: 5px;}
.comm-plist1 .item .c2{height:130px; }

.mod-journal .comm-plist1 .item .con:hover .txt{color:#06a4f3; text-decoration: none;}

.comm-plist2{position: relative; height:670px; }
.comm-plist2 .item{position: absolute;}
.comm-plist2 .item1{top:0; left:0;}
.comm-plist2 .item2{top:0; left:251px;}
.comm-plist2 .item3{top:0; left:502px;}
.comm-plist2 .item4{top:0; left:753px;}
.comm-plist2 .item5{top:134px; left:0;}
.comm-plist2 .item6{top:134px; left:502px;}
.comm-plist2 .item7{top:268px; left:0;}
.comm-plist2 .item8{top:268px; left:251px;}
.comm-plist2 .item9{top:268px; left:502px;}
.comm-plist2 .item10{top:402px; left:251px;}
.comm-plist2 .item11{top:402px; left:502px;}
.comm-plist2 .item12{top:402px; left:753px;}
.comm-plist2 .item13{top:536px; left:0;}
.comm-plist2 .item14{top:536px; left:251px;}
.comm-plist2 .item15{top:536px; left:502px;}
.comm-plist2 .item16{top:536px; left:753px;}

.comm-plist2 .item .con{display: block; padding-bottom: 4px; color: #fff; text-align: center; overflow: hidden;}
.comm-plist2 .item{*width: 247px; overflow: hidden;}
.comm-plist2 .item-ex2{*width:498px;}
.comm-plist2 .item .tit1{position: absolute; top:-150px; left: 0; z-index: 3; width: 100%; height:130px; line-height: 130px;  font-size: 16px; overflow: hidden; *zoom:1; transition:top 0.2s ease;}
.comm-plist2 .item-ex1 .tit1{line-height:264px; height: 264px;}
.comm-plist2 .item .mask{filter:none;}
.comm-plist2 .con:hover .mask{position: absolute; top: 0; left: 0; filter:alpha(opacity:50);}
.comm-plist2 .con:hover .tit1{ top: 0;}
.comm-plist2 .item-ex .con{width: 247px; height: 130px; margin-right:4px;}
.comm-plist2 .item-ex .tit{font-size:26px; display: block; padding-top:32px;}
.comm-plist2 .item-ex .txt{font-size:20px; display: block; text-transform: uppercase;}
.comm-plist2 .item-blue{background: url(http://img.18183.duoku.com/uploads/allimg/151013/36-151013205149.jpg) no-repeat;}
.comm-plist2 .item-yellow{background: url(http://img.18183.duoku.com/uploads/allimg/151013/36-151013205437.jpg) no-repeat;}
.comm-plist2 .item-red{background: url(http://img.18183.duoku.com/uploads/allimg/151013/36-151013205506.jpg) no-repeat;}

.comm-plist3{margin-right: -20px;}
.comm-plist3 .item{width: 320px; float: left; margin-right: 20px;}
.comm-plist3 .c2{border: 1px solid #333855; border-top: 0; padding: 20px 20px 10px; position: relative;}
.comm-plist3 .c2 .tit{font-size:18px; font-weight: bold; color:#00abff; padding-bottom:18px; border-bottom: 1px dashed #333855;}
.comm-plist3 .c2 .tit a{ color:#00abff;}
.comm-plist3 .c2 .tit a:hover{text-decoration: underline;}
.comm-plist3 .c2 .txt{color:#ff0000; padding-top: 10px;}
.comm-plist3 .c2 .txt .num{font-size: 30px;}
.comm-plist3 .btn-change{position:absolute; width:90px; height: 26px; border-bottom: 4px solid #b22d00; color: #fff; font-size:18px; text-align: center; border-radius: 4px; right: 20px; top:85px; background: #de0000;}
.comm-plist3 .btn-change:hover{background: #ff0000; border-color:#c32d00;}
.comm-plist3 .item .tit-ex{color:#00abff; font-size: 16px; border-left: 5px solid #00abff; height:18px; line-height: 18px; padding-left: 10px; margin-bottom: 15px;}
.comm-plist3 .item .txt-ex{color:#515779; line-height: 2;}
.comm-plist3 .item .txt-ex img{display: block; margin-top: 10px;}


.tab:after,.pn:after,.hd:after{ content: ' '; display: table; clear: both;}
.tab li{ float: left;}
.tab .con{ display: block;}
.tab-ex{position: absolute;}
.tab-ex .item{display: inline-block; margin: 0 3px; border: 1px solid #333855; padding: 2px 10px;color: #515779; font-size: 16px; border-radius: 3px; margin: 0 0 0 16px;}
.tab-ex .item:hover,.tab-ex .current{background: #333855; color: #fff}

.tab-preview{ position: absolute; left:220px; top:2px;}
.tab-preview li{ width:124px; height:72px; text-align: center;}
.tab-preview .con{color:#515779; display: block; height: 72px;}
.tab-preview .c1{ display: block; font-size: 20px; padding-top:10px;}
.tab-preview .con:hover{color:#06a4f3}
.tab-preview .current{width:144px; background:#1c1e2f url(http://img.18183.duoku.com/uploads/allimg/151013/36-151013204541.png) no-repeat 0 -54px; }
.tab-preview .current .con{color:#06a4f3}
.tab-preview-ex .c1{padding-top: 20px}

.tab-date{padding:25px 0 0; text-align: center;}
.tab-date .item{display: inline-block; *display: inline; *zoom:1; float: none;}
.tab-date .item .con{display: inline-block; border: 1px solid #333855; padding: 2px 10px; margin: 0 15px; border-radius: 3px; color: #515779; font-size: 16px;}
.tab-date .item .con:hover,.tab-date .current .con{background: #333855; color: #fff}

.fs-t4{padding:15px 0; position: relative;}
.fs-t4 .btn{font-size: 40px; line-height: 55px; margin-top:-27px; width:55px; height:55px; font: bolder 40px/55px "SimSun"; color: #454b4e; text-align: center; border-radius: 100%; background:#0e1018;  position: absolute; top: 50%}
.fs-t4 .disabled{display: none}
.fs-t4 .left-btn{left: -75px;}
.fs-t4 .right-btn{right: -75px;}
.fs-t4 .btn:hover{color:#fff; background:#06a4f3;}
.scroll-box{ overflow:hidden; position:relative; float:left; width:1000px; height: 180px;}
.scroll-con{ position:absolute; clear:both; width:200000px}
.scroll-item{float: left;}

.js-carousel .slide-list{margin-top: 30px; width: 1022px}
.slide-list .item{ width:235px; height:130px; margin:0 22px 0 0; padding:10px 0; text-align: center; background: #171a26; overflow: hidden; *zoom:1; float: left; position: relative;}
.slide-list .item:hover{background:#0e1018}
.slide-list .tit{font-size:16px; color: #fff;}
.slide-list .con{ color: #515779; padding:5px 0 0; overflow: hidden; *zoom:1;}
.slide-list .con img{ display: block; margin:0 auto 5px;}
.slide-list .team{overflow: hidden; float: left; width:85px; padding-top:10px; font-size: 14px; text-align: center; display: block; color: #515779; }
.slide-list .team:hover{color:#06a4f3;}
.slide-list .name{display: block;}
.slide-list .pic{width:85px; height: 65px;}

.slide-list .score{ overflow: hidden; float: left; width:60px; margin-left:5px; font-family: Arial; font-size:30px; letter-spacing: .2em; white-space: nowrap; color: #fff; line-height: 80px;}
.slide-list .btn1{position: absolute; width:96px; height: 30px; bottom:8px; left:50%; margin-left: -48px}
.slide-list .btn1 a{margin: 0 3px; font-size: 14px; padding:1px 5px}


/*header*/
.header{height:610px; position: relative; width: 1000px; margin: 0 auto}
.nav-list{height:100px; width:1100px; position: absolute; left:-25px; bottom: 0;}
.nav-list .item{float: left; height:100px; position: relative;}
.nav-list .item .con{color: #fff; display: inline-block; padding:20px 25px 0;}
.nav-list .item .txt{font-weight: bold; color: #bd341b; font-size:35px; display: block; padding-bottom: 5px;}
.nav-list .item .txt-en{font-size:12px; color:#676574; display: block; text-transform: uppercase;}
.nav-list .item .sep{ height:52px; background: url(http://img.18183.duoku.com/uploads/allimg/151013/36-151013205556.jpg) no-repeat right center; margin-top: -26px;}
.nav-list .item .con:hover .txt{color:#ff4e00;}
.sub-nav{width: 1000px; height:50px; position: relative; z-index: 3; overflow: hidden;}
.sub-nav .mask{position: absolute; left: 0; top: 0; width: 996px;}
.sub-nav-list .item{float: left; text-align: center; position: relative;}
.sub-nav-list .item .con{display: inline-block; line-height: 50px; color: #fff; font-size:16px; padding: 0 66px;}
.sub-nav-list .item .sep{height:14px; border-right: 1px solid #593850; margin-top: -7px;}
.sub-nav-list .item .con:hover{background:#2a98fe}
.sub-nav-list .item .con:hover .sep{display: none;}


/*group*/
.mod-sk{margin:0 0 40px;}
.mod-group{margin: 20px auto; width: 1000px;}
.sub-group-tab{width:100px; float: left; overflow: hidden;}
.sub-group-tab a{display: block; width:100px; height:124px; color: #515779; font-size:22px; text-align: center; line-height:122px; border-bottom:1px solid #282c43;}
.sub-group-tab a .con{display: block;height:124px; border:1px solid #282c43; border-bottom: none; border-right:1px solid #35406d; border-top: 0;}
.sub-group-tab a:hover{color: #f3ca71;}
.sub-group-tab .top .con{border-top:1px solid #282c43;}
.sub-group-tab .current{ border-right:1px solid #35406d;}
.sub-group-tab .current .con{background:#2c324d; border-color:#35406d; color: #f3ca71; font-weight: bold; border-bottom:1px solid #35406d; height:122px; border-right:1px solid #2c324d;border-top: 0; font-size: 30px}
.group-tab-pn{width:250px; height:497px; border-bottom:1px solid #35406d;  border-top:1px solid #35406d; background:#2c324d; float: left;}
.group-con{padding:11px 15px}
.team-box{width: 650px; float: right;}
.team-box-in{border-bottom: 1px solid #282c43;}
.group-box{border: 1px solid #282c43; border-left: 1px solid #35406d; border-bottom: none; border-top: 0; padding:22px 0 21px; height: 80px; overflow: hidden;}
.team-box .top .group-box{border-top: 1px solid #282c43;}
.team-box .current .group-box{border-top: 0;}
.list-group{overflow: hidden; *zoom:1;}
.list-group .item{width:24.8%;  float: left; }
.list-group .item .c1{float: left; width:80px; margin:0 10px; *display: inline;}
.list-group .item .c1 .pic{width:80px; height: 80px; border-radius: 5px; *font-size:56px; _font-size:72px;  background: #12151f;}
.list-group .item .c2{color: #fff; overflow: hidden; *zoom:1;}
.list-group .item .c2 .tit{font-size:16px;}
.list-group .item .c2 .tit a{color: #fff; }
.list-group .item .c2 .tit a:hover{text-decoration: underline; color:#06a4f3}
.list-group .item .c2 .txt{font-size:12px;}
.list-group .item .c2 .txt span{color:#a59895}
.js-group .current{border-bottom: none; border-top: 1px solid #35406d;}
.js-group .current .group-box{background:#2c324d; border-color:#35406d; border-bottom: 1px solid #35406d; border-left:0; padding-left: 1px; height: 81px;}


.table-group{color: #fff}
.table-group .team-logo{vertical-align: middle; display: inline-block; padding-right: 3px}
.table-group tr{line-height:39px; height: 39px;}
.table-group .tr-ex{line-height:34px; height: 34px;}
.table-group tr img{height:25px; width: auto;}
.table-group .tr-ex img{height:20px; width: auto;}

.table-group .c1{font-size: 18px; letter-spacing: 3px;}
.table-group .c2{text-align: right;}
.table-group .c2 a{color: #fff; padding: 0 5px;}
.table-group .c2 a:hover{text-decoration: underline; color:#06a4f3}



/*live*/
.pn-live{height: 0; margin: 0 auto}
.mod-live-video .tab{right: 0; top: 25px;}
.video-box{height:390px;}
/*
.video-box embed, .video-box object{ }
*/
/* width: 100%; */ /* height: 100%; */

.mod-schedules .bd{padding-top: 0; position: relative;}
.mod-schedules .line{width: 12px; height: 410px; border-right: 1px solid #333855; position: absolute; left: 0; top:0;}
.box-xzs{ padding:0 15px 5px 0; margin-top: -5px;}
.box-xzs .tit{font-weight: bold; line-height: 2; position:relative; padding-left:35px; color: #515779; font-size: 16px; *zoom:1;}
.list-match{overflow: hidden;}
.list-match .item{position: relative; *zoom:1; padding:3px 40px 3px 35px; font-size: 16px;}
.list-match .item a .txt{overflow: hidden; color: #515779; white-space: nowrap; text-overflow:ellipsis; width: 100%;}
.list-match .item a:hover .txt{text-decoration: underline; color:#06a4f3}

.mod-schedules .current .tit{color:#f3ca71}
.mod-schedules .current .list-match .item a .txt{color: #fff;}
.mod-schedules .current .list-match .item a:hover .txt{text-decoration: underline; color:#06a4f3}
.mod-schedules .current .ico-play{background-position:-60px -4px;}
.mod-schedules .current .list-match .active a .txt{color:#06a4f3}


.guess-con .pn-live{height: 465px;}


/*scroll-pane*/
.scroll-pane{height:385px; width: 100%; overflow-y:auto;}
.jspContainer{ overflow:hidden;	position:relative;}
.jspPane{ position:absolute}
.jspVerticalBar{ position:absolute; top:0; right:0;	width:7px; height:100%; }
.jspHorizontalBar{ position:absolute; bottom:0;	left:0;	width:100%;	height:16px}
.jspVerticalBar *, .jspHorizontalBar *{	margin:0; padding:0}
.jspCap{ display:none}
.jspHorizontalBar .jspCap{ float:left}
.jspTrack{ background:url(http://ue1.17173cdn.com/a/lol/zt/2015/s5/img/bg-scroll.gif) repeat-y; position:relative}
.jspDrag{ background:#333855; position:relative; top:0; left:0; cursor:pointer}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{ float:left; height:100%}
.jspArrow{ background:#50506d; text-indent:-20000px; display:block;	cursor:pointer}
.jspArrow.jspDisabled{ cursor:default; background:#80808d}
.jspVerticalBar .jspArrow{ height:16px}
.jspHorizontalBar .jspArrow{ width:16px; float:left; height:100%}
.jspVerticalBar .jspArrow:focus{ outline:none}
.jspCorner{ background:#eeeef4;	float:left;	height:100%}
* html .jspCorner{ margin: 0 -3px 0 0}

/*focus*/
.mod-focus { overflow: hidden; position: relative; margin-bottom: 15px; height: 390px; }
.mod-focus a { display: block; }
.mod-focus a:hover { text-decoration: none; }
.focus-con { position: relative; }
.focus-item { position: absolute; width: 100%;}
.focus-item img { width: 100%; height: 390px;}
.focus-item .txt { position: absolute; z-index: 4; left: 0; bottom:0px; width: 100%; height:70px; color: #fff; font-size:18px; line-height: 70px; text-indent:12px; overflow: hidden;}
.focus-item a:hover .txt{color: #f3ca71}
.focus-item .txt .mask{position: absolute; left: 0; top: 0}
.focus-item .tit, .focus-item .detail { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; line-height:1.3; margin-top:8px; font-size: 26px; font-weight: bold; color:#ffd500 }
.focus-item .detail{ font: normal 14px/1.75 'MicroSoft YaHei'; margin-top: 0; color: #fff}
.focus-nav { position: absolute; z-index: 5; right: 15px; bottom:25px; }
.focus-nav a { float: left; width:16px; height:16px; margin-right:5px;background: #5a5a5a; padding: 2px; border-radius: 50%; font-size: 0;} 
.focus-nav .current {background:none; border: 2px solid #06a4f3; padding: 0}


.mod-news{margin-right: 30px;}
.news-list{}
.news-list .item{overflow: hidden; *zoom:1; margin-bottom:10px; *display: inline; position: relative;}
.news-list .item .con{display:block; padding:0 50px 0 0; position: relative;}
.news-list .item .tit{color: #fff; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 100%; text-indent: 20px;}
.news-list .top .tit{font-weight: bold; color:#f3ca71;}
.news-list .item .ico-cir2{left:5px;}
.news-list .item .ico-play1{*left:0px;}

.news-list .item .con:hover .tit{color:#06a4f3; text-decoration: underline;}
.news-list .item .date{position:absolute; top: 2px; right: 0; color:#515779; font-size: 12px;}
.news-list .sep1{border-bottom: 1px dotted #333855; padding-bottom: 17px; margin-bottom: 17px;}
.btn-more{display: block;  height: 24px; line-height: 24px; text-align: center; color: #fff; background:#282c43; }
.btn-more:hover{background:#3a405f}


.mod-journal{position: relative; z-index: 3}
.mod-journal .line{width: 1000px; height: 25px; border-top: 1px dashed #333855; position: absolute; bottom: 0; left: 0; z-index: -1; overflow: hidden;}
.tab-journal{position: absolute; top: -50px; width: 1000px; height:90px; text-align: right;}
.tab-journal .item{display: inline-block; text-align: center; padding: 0 20px; color:#6a7092; position: relative; height:80px; }
.tab-journal .item:hover .tit{color:#06a4f3; text-decoration: underline;}
.tab-journal .current .tit{color:#06a4f3;}
.tab-journal .item:hover .ico-cir3,.tab-journal .current .ico-cir3{background-position:-415px 0 }
.mod-journal .tab-pn{padding-top:50px;}

.mod-guess-video .tab{left:200px; top: 25px;}

.schedule-wrap{position: relative; padding-top: 20px;}
.schedule-box{position: relative; width:1000px; margin:0 auto;}
.schedule-box .cell{ position: relative; *zoom:1; width:200px;}
.schedule-box .shape{ overflow: hidden; position: absolute; top:43px;}
.schedule-box .shape1{ overflow: hidden; position: absolute; top:45%; *margin-top:-8px; width:60px; height: 1px; background-color: #43496d;}
.schedule-box .item{ overflow: hidden; *zoom:1; margin-bottom: 16px;}
.schedule-box .item .c1{ width:80px; text-align: center; position: relative;}
.schedule-box .item .c1 .pic{ width:78px; height: 78px; overflow: hidden; *font-size:56px; _font-size:72px; border: 1px solid #43496d; border-radius:5px}
.schedule-box .item .c1 p{line-height: 2}
.schedule-box .item .c1 a{color: #fff;}
.schedule-box .item .c1 a:hover{color:#06a4f3; text-decoration: underline;}
.schedule-box .item .num{position: absolute; right: -35px; color: #fff; font-size: 18px;}
.schedule-box .item .num1{ top:48px;}
.schedule-box .item .num2{ top:10px;}

.schedule-box .item .c2{ overflow: hidden; float: left; width:91px; height: 30px; padding-top:8px; line-height: 30px; white-space: nowrap;}
.schedule-box .item .c2 .name{ padding:0 8px; color: #c1cad0; background:#363b3e;}
.schedule-box .btn{display: inline-block; margin: 0 3px; border: 1px solid #333855; padding:0 3px; border-radius: 3px; color: #515779; position: absolute; right:8px; z-index: 99}
.schedule-box .btn:hover{background: #333855; color: #fff}
.schedule-box .btn-zb{top:75px;}
.schedule-box .btn-video{top:111px;}


.group .round-one{ width:200px;}
.group .round-one .cell{ margin-bottom:60px; *margin-bottom:44px;}
.group .round-one .shape{ width:60px; height:120px;}
.group .round-one .item{ margin-bottom:16px;}
.group .round-two{ width:200px; margin-top:57px; overflow: hidden;}
.group .round-two .shape{ width:60px; height:294px;}
.group .round-two .shape1{right: 80px; width: 45px;}
.group .round-two .num1{ top:50px;}
.group .round-two .num2{ top:15px;}
.group .round-two .btn{right: 82px;}
.group .round-two .btn-zb{top:150px;}
.group .round-two .btn-video{top:187px;}

.group .mt-round-two1{ margin-top:185px;}
.group .round-three{ width: 138px; margin-top:195px}

.group-a .round{ float: left;}
.group-a .shape{ border:1px solid #43496d; border-left:0;}
.group-a .shape1{ right:0;}
.group-a .round-one .cell{padding-right:0;}
.group-a .round-one .shape{ right:60px;}
.group-a .round-two .cell{ padding-right:65px;}
.group-a .round-two .shape{ right:125px;}
.group-a .round-three{ margin-left:-16px;}

.group-b .round{ float: right;}
.group-b .shape{ border:1px solid #43496d; border-right:0;}
.group-b .shape1{ left:0;}
.group-b .round-one .cell{/*padding-left:120px;*/}
.group-b .round-one .item .c1{float: right;}
.group-b .round-one .shape{ left:60px;}
.group-b .round-two .cell{/* padding-left:120px;*/}
.group-b .round-two .item .c1{float: right;}
.group-b .round-two .shape{ left:60px;}
.group-b .round-three{ margin-right:-73px; _position: absolute; _top:0px; _right:338px} 
.group-b .round-two .shape1{left: 15px;}
.group-a .round-three{ margin-left:-16px;}
.group-b .round-one .btn{right:149px;}
.group-b .round-two .btn{right: 141px;}
.group-b .round-two .btn-zb{top:150px;}
.group-b .round-two .btn-video{top:187px;}
.group-b .round-one .num{right:102px}
.group-b .round-two .num{right:102px}
.group-b .round-three .btn{right:77px;}
.group-b .round-three .btn-zb{top:13px;}
.group-b .round-three .btn-video{top:50px;}
.group-b .round-three .shape{width:76px; height: 38px; border-right: 1px solid #43496d; border-top: 1px solid #43496d; border-left: 0; border-bottom: 0; top:-40px; left:-40px;}

.group-final{left: 50%; margin-left: -100px; top:-20px; width:200px; position:absolute;}
.group-final .item{height:230px;}
.group-final .c1{margin: 0 auto}
.group-final .shape2{width: 1px; background:#333855;  overflow: hidden; left:100px; height:40px; position:absolute; top:135px;}
.group-final .shape3{width:152px; height: 38px; border: 1px solid #43496d; border-bottom: 0; left:25px; position:absolute; top:175px;}
.group-final .item .num1{left:-150px; _left:-22px; top:126px;}
.group-final .item .num2{left:90px; top: 126px;}
.group-final .btn-zb{top:143px; right: 103px}
.group-final .btn-video{top:143px; right:55px}

.mod-comm1{background:#252838; float: left; margin-right:35px; padding:15px 20px 0; height: 630px; overflow: hidden; margin-bottom: 20px;}
.mod-team{width:270px;}
.mod-player{width:320px}
.mod-hero{width:220px; margin: 0}
.mod-comm1 .tit{color: #fff; font-weight: bold; font-size: 20px}
.mod-comm1 tbody .c2, .mod-comm1 tbody .c2 a{color:#f3ca71;}
.mod-comm1 .c2 a:hover{color:#06a4f3;}
.table-data{}
.table-data th,.table-data td{border-bottom: 1px solid #313445; line-height:3; color:#515779; text-align: center;}
.table-data td{color: #fff; line-height:2.4;}
.table-data .last{border-bottom: 0}
.table-data img{vertical-align: middle; padding-right: 3px;}
.mod-comm1 .table-data .c1{text-align:left;}
.mod-comm1 .table-data .c2{width:32%;text-align:left;}
.mod-team .table-data .c3{width:16% }
.mod-team .table-data .c4{width:16% }
.mod-team .table-data .c5{width:16% }

.mod-player .table-data .c2{width:28%;}
.mod-player .table-data .c3{width:15% }
.mod-player .table-data .c4{width:15% }
.mod-player .table-data .c5{width:15% }
.mod-player .table-data .c6{width:15% }

.mod-hero .table-data .c1{}
.mod-hero .table-data .c2{width:26%;}
.mod-hero .table-data .c3{width:26% }
.mod-hero .table-data .c4{width:30% }
.mod-hero .table-data thead .c2{text-align: center;}
.mod-hero .table-data .bar{width: 50px; height: 5px; overflow: hidden; background:#313445; position: relative; margin: 15px 0 0 9px; }
.mod-hero .table-data .bar-in{position: absolute; top: 0; left: 0; width: 20%; height: 5px; background:#00abff; overflow: hidden;}
.mod-hero .table-data .per-num{font-size: 12px; color: #fff ; padding-left: 9px; text-align: center;}
.mod-hero .table-data td{padding:6px 0; height:40px;}

.mod-dev{padding-bottom: 30px; border-bottom:1px dashed #333855;}
.mod-dev .c1{width:300px; float: left; margin:5px 50px 0 0; }
.mod-dev .c2{overflow: hidden; *zoom:1;}
.mod-dev .tit,.mod-recomment .tit{font-size:30px; padding-bottom: 10px; color: #fff;}
.mod-dev .c2 .txt{line-height: 1.9; color: #fff;}

.mod-recomment{padding:20px 0}
.mod-recomment .txt{line-height: 1.9; color:#515779}
.tab-recomment{text-align: center; font-size: 0; position: relative; height: 138px; margin:30px 0; z-index: 1}
.tab-recomment .item{display: inline-block; width: 126px; height: 140px; background: url(http://img.18183.duoku.com/uploads/allimg/151013/36-151013204541.png) no-repeat -286px -236px; _background: url(http://ue1.17173cdn.com/a/lol/zt/2015/s5/img/sprite.gif) no-repeat -286px -236px; color:#fff; margin: 0 30px;}
.tab-recomment .current{background-position:-143px -236px; color: #333}
.tab-recomment .item span{display: block;font-size: 24px;}
.tab-recomment .item .year{padding-top:40px;}
.tab-recomment .item .num{font-weight: bold;}
.tab-recomment .line{position: absolute; width:1000px; height:1px; background: url(http://ue1.17173cdn.com/a/lol/zt/2015/s5/img/bg-line.gif) no-repeat center 0; left: 0; top: 50%; z-index: -1}

.list-team{margin:0 -11px 0 -10px;}
.list-team .item{float: left; margin:7px 11px 10px 10px; *display: inline;}
.list-team .item .con{width:100px; height: 100px; padding:3px; display: block;}
.list-team .item .pic{ *font-size:90px; _font-size:84px; width: 100px; height: 100px; background: #0e1018; }
.list-team .item .con:hover,.list-team .current .con{padding: 0; border: 3px solid #06a4f3;}

.mod-team-prize{margin-top: 20px;}
.mod-team-prize .team{background: url(http://ue1.17173cdn.com/a/lol/zt/2015/s5/img/bg-team.jpg); width:940px; height:159px; overflow: hidden; *zoom:1; padding: 35px 30px; margin: 0 auto}
.mod-team-prize .team .c1{float: left; width:150px;  margin-right: 25px;}
.mod-team-prize .team .pic{background: #0e1018; *font-size:102px; _font-size:122px; width:150px; height: 150px;}
.mod-team-prize .team .c2{width:250px; float: left; padding-right: 30px; color: #f3ca71}
.mod-team-prize .team .c2 .tit{font-weight: bold; font-size: 18px; padding-bottom:15px; line-height:1.8}
.mod-team-prize .team .c2 .txt{padding-bottom: 12px;}
.mod-team-prize .team .c2 .ico{margin:0 5px 3px 0;}
.mod-team-prize .team .c3{color: #fff; float: left; width:480px; }
.mod-team-prize .team .c3 p{line-height:2}

.list-sub-team .item{padding:30px 0 40px; width: 1000px;  border-bottom: 1px dashed #303551; overflow: hidden; *zoom:1;}
.list-sub-team .c1{width: 150px; height: 150px; float: left; position: relative; margin-top: 10px; overflow: hidden;}
.list-sub-team .c1 .name{position: absolute; width: 100%; height: 30px; line-height: 30px; bottom: 0; left: 0; color: #fff; z-index: 3; text-align: center;}
.list-sub-team .c1 .mask{position: absolute; left: 0; top: 0; filter:alpha(opacity:80); opacity:.8; }
.list-sub-team .c2{float: left; width:234px; padding: 0 30px; border-right: 1px dashed #303551 }
.list-sub-team .c2 p{color: #fff;line-height: 40px;}
.list-sub-team .c2 img{vertical-align: middle; margin-right:10px; border: 2px solid #333855}
.list-sub-team .c3{width:520px; padding:10px 0 0 35px; float: left;}
.list-sub-team .c3 p{color:#9ca0b9; line-height: 2;}

.mod-video{background: #181a2b; padding:20px 20px 10px; overflow: hidden; *zoom:1; margin-bottom: 30px;}
.mod-video .in{padding-bottom: 10px;}
.mod-video .in .tit{font-size:18px; color: #fff; display: inline-block; width:60px; float: left;}
.mod-video .in .btn1{text-align: left; overflow: hidden; *zoom:1;}
.mod-video a{font-size: 16px; margin:0 20px 20px 0; width: 86px; height: 30px; display:inline-block; padding: 0; text-align: center; line-height: 30px;}

.pn-pics .tab{right: 0; top:25px}

.pn-column{background: #fff; padding-bottom: 50px;}
.comm-mod-l{width:660px; float: left;}
.comm-mod-l .hd .tit{color: #00a383;}
.mod-column .hd .tab{right: 0; top: 25px}
.mod-column .hd .tab a{border-color:#c7c7c7; color:#666}
.mod-column .hd .tab a:hover{border-color:#00a383; background: #00a383; color: #fff}
.mod-column .comm-list2{margin: 0 0 30px 0}
.mod-column .comm-list2 .item{position: relative; border-color: #e4e4e4} 
.mod-column .comm-list2 .c2 .tit a{color:#333333}
.mod-column .comm-list2 .c2 .tit a:hover{color:#ff4800; text-decoration: underline;}
.mod-column .comm-list2 .hover{background:#f5f5f5;}
.mod-column .comm-list2 .c2 .txt{color:#999; padding-top: 0 }
.mod-column .comm-list2 .c2 .date{position: absolute; right:8px; bottom: 20px; color: #999}

.mod-side{width: 300px; float: right; overflow: hidden;}
.mod-side .mod-focus{height: 236px; padding-bottom:15px; margin-top:30px;}
.mod-side .focus-nav {bottom:0; left: 0; width: 100%; text-align: center; font-size: 0}
.mod-side .focus-nav a { float: none; width:30px; height:4px; margin: 0 2px 0 3px; background: #dcdcdc; padding: 0; border-radius: 0; display: inline-block; border: 5px solid #fff; border-left: 0; border-right: 0} 
.mod-side .focus-nav .current {background:#00a383;}
.mod-side .focus-item img { width: 100%; height: 233px;}
.mod-side .focus-item a:hover .txt{text-decoration: none;}

.mod-comm2{margin-top: 20px;}
.mod-comm2 .hd .tit{color:#00a383; font-weight: bold; font-size:16px; padding-left: 0; line-height: 40px; height: 40px;}
.mod-comm2 .news-list .item .tit{color: #333; text-indent: 15px;}
.mod-comm2 .news-list .item .ico-cir2{background:#d1d1d1; left: 0}
.mod-comm2 .news-list .item .con:hover .tit{color:#ff4800; text-decoration: underline;}

.mod-comm2 .comm-list2 .item{padding:6px 0; border: none;}
.mod-comm2 .comm-list2 .c2 .tit{color:#333;font-size: 16px;}
.mod-comm2 .comm-list2 .c2 .tit a{color:#333;}
.mod-comm2 .comm-list2 .c2 .tit a:hover{color:#ff4800; text-decoration: underline;}
.mod-comm2 .comm-list2 .c2 .txt{color: #999; padding-top: 5px;}
.mod-comm2 .comm-list2 .c2{padding-left: 10px;}

.mod-comm2 .comm-plist .item .con{width: 140px;}
.mod-comm2 .comm-plist .item .c2{height: 80px;}
.mod-comm2 .comm-plist .item .con .txt{color:#333}
.mod-comm2 .comm-plist .item .con:hover .txt{color:#ff4800; text-decoration: underline;}
.mod-comm2 .comm-plist3 .item .con{width: 300px;}

.mod-comm2 .table-data th,.mod-comm2 .table-data td{border: none; color:#999; line-height: 2}
.mod-comm2 .table-data td{color: #333}
.mod-comm2 .table-data td a{color: #333}
.mod-comm2 .table-data td a:hover{color:#ff4800; text-decoration: underline;}
.mod-comm2 .table-data .c1 .num{display:inline-block; width: 21px; height: 15px; background: url(http://img.18183.duoku.com/uploads/allimg/151013/36-151013204541.png) -234px -82px; vertical-align: middle; line-height: 15px; font-size: 12px; color: #fff; text-indent: 3px; overflow: hidden; margin-right: 10px;}
.mod-comm2 .table-data .top .num{background-position:-263px -82px;} 
.mod-comm2 .table-data .c1 .up,.mod-comm2 .table-data .c1 .down{ font-size: 11px; color:#cc1b1b; letter-spacing: 3px;}
.mod-comm2 .table-data .c1 .down{color:#000}
.mod-comm2 .table-data .c1,.mod-comm2 .table-data .c2{text-align: left;}

.mod-comm2 .ico-up{background-position:-338px 2px; color: #cc1b1b}
.mod-comm2 .ico-down{background-position:-338px -18px; color: }


.mod-article{padding-top:25px;}

.pn-guess .btn-get{position: absolute; left:175px; top:12px; background:#1d2030 url(../img/sprite.png) no-repeat -452px -141px; padding:7px 10px 7px 50px; font-size:16px; color:#515779; border: 2px solid #333855}
.pn-guess .btn-get:hover{background-position:-452px -95px; background-color:#333855; border-color: #333855 ; color: #fff}
.pn-guess .mod-my-guess{background: none; height:40px; position: absolute; right: 0; top:25px }
.pn-guess .mod-my-guess .hd{padding: 0; border: none;}
.pn-guess .mod-my-guess .hd .c2{padding-right: 0}


.mod-guess{margin-right: -20px;}
.mod-guess .guess-item{float: left; width:320px; height: 400px; background:#252838; margin-right:20px; overflow:hidden;margin-bottom:20px;}
.mod-guess .c1{height: 160px; background:#2d3249; padding: 20px 20px 0; overflow: hidden;}
.mod-guess .c1 .tit{color:#06a4f3; font-size: 18px; padding-left:40px; line-height:30px; position: relative; width: 90%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.mod-guess .c1 .tit a{color:#06a4f3;}
.mod-guess .box-vs{margin: 20px 0; position: relative;}
.mod-guess .c1-t{position: absolute; left:-2px; top: -7px; text-align: center; font-size: 22px; font-style:italic; color: #fff; width: 100%;}
.mod-guess .vs{width:120px; height: 22px; position:relative; color: #fff;}
.mod-guess .vs .bar{width: 100%; height: 22px; border-radius: 5px; background:#161a2e;  position: absolute; left: 0; top: 0px;}
.mod-guess .vs .s1,.mod-guess .vs .s2{font-size:12px; position: absolute; top:2px; z-index: 5}
.mod-guess .vs .s1{left: 5px;}
.mod-guess .vs .s2{right: 5px;}
.mod-guess .vs .per{position: absolute; top: 0; background:#06a4f3; border-radius: 5px; height: 22px; z-index: 1}
.mod-guess .vs-l{float: left;}
.mod-guess .vs-l .per{right: 0;}
.mod-guess .vs-r{float: right;}
.mod-guess .vs-r .per{left: 0;}
.mod-guess .box-wager .fl,.mod-guess .box-wager .fr{width: 100px;}
.mod-guess .box-wager{position: relative;z-index: 5}
.mod-guess .box-wager .disabled,.mod-guess .box-wager .disabled:hover{background:#999; border-color:#4c4c4c;}
/*.mod-guess .box-wager .end,.mod-guess .box-wager .end:hover{background:none; border:2px solid #ffba00; color: #ffba00; border-radius:6px; width: 66px;}
*/.mod-guess .box-wager .txt{color:#00abff; line-height: 2}
.mod-guess .box-wager .fr{text-align: right;}
.mod-guess .box-wager .fr .btn-wager{margin-left: 20px;}


.mod-guess .time{color: red;  font-size: 16px; top: 0; left: 0; line-height:30px; z-index:-1;position: absolute;  width: 100%; text-align: center;}
.mod-guess .c2{padding:15px 10px;}
.mod-guess .c2 .c2-t{color: #515779; padding-bottom: 15px; border-bottom: 1px dashed #333855; margin: 0 5px;}
.mod-guess .news-list .item .tit{color: #515779;}
.mod-guess .news-list .item .tit .white{padding: 0 10px 0 0;}
.mod-guess .news-list{padding-top: 10px;}
.mod-guess .news-list .ico-cir2, .mod-guess-list .ico-cir2{background:#676974; _left:5px;}

.mod-my-guess{height:220px; background:#27293b; overflow: hidden;}
.mod-my-guess .box-login{height:220px; background: url(http://ue1.17173cdn.com/a/lol/zt/2015/s5/img/bg-guess.jpg) no-repeat;}
.mod-my-guess .btn-login{width:100px; height: 35px; border-radius: 3px; background:#ffba00; line-height: 34px; color:#d81010; font-size: 18px; text-align: center; display: inline-block; margin-left: 8px; font-weight: normal; text-indent:10px;}
.mod-my-guess .btn-login:hover{background:#ffc835}
.mod-my-guess .btn-login:hover .ico{opacity: 0}
.mod-my-guess .box-login p{padding-top:90px; text-align: center; color: #fff; font-size:16px; font-weight: bold; }
.mod-my-guess .hd{color: #515779; padding:20px 20px 10px; border-bottom:1px solid #333855; font-size:16px}
.mod-my-guess .hd .c1{color: #fff;}
.mod-my-guess .hd img{vertical-align: middle; border-radius: 50%; border: 2px solid #fff; margin:0 10px 3px 0; }
.mod-my-guess .hd .c2{padding: 0 50px;}
.mod-my-guess .hd .c4{padding-left:50px;}

.mod-guess-list{padding: 10px 20px;}
.mod-guess-list .hd{padding: 0; border: none; font-size:14px; overflow: hidden; *zoom:1; padding-right: 10px}
.mod-guess-list .hd .con{ float: left; padding: 0; color: #515779; }
.mod-guess-list .scroll-pane{height:116px;}
.mod-guess-list .c1{width: 25%; text-indent:60px;}
.mod-guess-list .c2{width: 25%; text-indent:60px;}
.mod-guess-list .c3{width: 20%; text-align: center;}
.mod-guess-list .c4{width: 15%; text-align: center;}
.mod-guess-list .c5{width: 15%; text-align: center;}

.list-caption .item{height:304px; border-bottom: 1px dashed #333855; margin-bottom:35px; margin-top: 5px;}
.list-caption .item-ex{height: auto; border-bottom: 0}

/*pagination*/
.pagination { text-align: center; padding:20px 0 60px; }
.pagination ul { font-size: 0; }
.pagination li { display: inline-block; *display: inline; *zoom: 1; margin: 0 2px; font-size: 14.004px; line-height: 24px; vertical-align: top; }
.pagination a { display: block; padding: 0 .6em; border: 1px solid #d6d6d6; color: #333; background-color: #fff}
.pagination a.current, .pagination a:hover { color: white; text-decoration: none; border-color: #06a4f3; background-color: #06a4f3; }

/*the pn-float*/
.pn-float{ position:fixed; _position:absolute; width:117px; bottom:40%; left:50%; margin-left:650px; margin-bottom:-200px; z-index:200; }
.pn-float .sep{width: 1px; height: 11px; overflow: hidden; background:#4a4d59; position: absolute; left:50%; top:41px;}
.pn-float-bd{ width:117px; margin:0 auto; }
.list-subnav-item{overflow: hidden; width:117px; height: 51px; position: relative; float: left;}
.list-subnav-c{display: block; width:113px; height:37px; line-height: 36px;  text-align: center; color: #fff; background-color:#1d2030; border-radius: 30px; border: 2px solid #4a4d59;}
.list-subnav .current .list-subnav-c{border-color:#deb96b;}
.list-subnav-c:hover{color:#06a4f3}

.bt-to-top{display: none; width:117px; height:37px; text-align:center; position: relative;}
.bt-to-top:hover .ico,.bt-to-top1:hover .ico{background-position:-270px -53px;}
.bt-to-top .sep{top: -10px;}

.bt-to-top1{display: none; width:46px; height:34px; border: 2px solid #4a4d59; line-height: 46px; text-align: center; padding-top:12px;}
.bt-to-top1:hover{border-color:#deb96b;}



/*pop*/
.pn-pop{ z-index: 9999; position: fixed; left: 0; top: 0; display: none;}
.pop-mask{position: fixed; left: 0; top: 0; z-index: 2}
.comm-pop{width:500px; height: 270px; position: fixed; _position: absolute; left: 50%; top: 50%; margin: -135px 0 0 -250px; background:#292e4a; border-radius: 5px; z-index: 9999; }
.comm-pop .pop-con{padding:20px 30px; position: relative;}
.comm-pop .pop-con .tit{color:#06a4f3; font-size: 18px; line-height:30px; position: relative; text-align: center; white-space: nowrap; width: 90%; text-overflow:ellipsis; overflow: hidden;}
.comm-pop .pop-con .tit .ico{position: relative; margin: 0 8px 3px 0}
.table-form{color:#515779; font-size: 16px; margin-top: 20px;}
.table-form td{padding:6px 5px 8px; }
.table-form .blue{width: 310px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; display: block}
.comm-text-in{border: 1px solid #333855; background:#171a2c; padding: 0 5px; height:28px; line-height: 28px; width: 154px; color: #fff; margin-right: 20px;}
.table-form .btn1{text-align: left;}
.table-form .btn1 a{font-size: 16px; margin:0 12px 0 0}
.table-form .btn1 a:hover,.table-form .active{background:#06a4f3; color: #fff}
.table-form .btn-wager{width:120px; display: inline-block; margin-right: 10px;}
.table-form .white{text-decoration: underline; vertical-align: top;}
.table-form .white:hover{color:#f3ca71}
.comm-pop .btn-close{position: absolute; right: 10px; top:5px; color: #fffcdf; font-family: "Simsun"; font-size:32px; cursor: pointer; z-index: 99}
.comm-pop .btn-close:hover{color: #fff}

.pop-money .comm-pop{height:120px; color: #fff; margin-top: -60px;}
.pop-money .comm-pop .pop-con{padding-top:45px; font-size:16px; text-align: center;}
.pop-money .comm-pop strong{font-weight: bold;}


/*check-box*/
.checkin-diary{width:586px; height: 380px; position: fixed; border-radius: 5px; left: 50%; top:50%; margin: -190px 0 0 -298px; background:#292e4a url(http://ue1.17173cdn.com/a/lol/zt/2015/s5/img/bg-check.jpg) no-repeat center top; display: none; z-index: 2; position: relative; z-index: 99}
.checkin-diary .c1{padding: 20px 40px;}
.checkin-diary .btn-close{position: absolute; right: 5px; top:0px; color: #fffcdf; font-family: "Simsun"; font-size:32px; cursor: pointer;}
.checkin-diary .btn-close:hover{color: #fff}
.checkin-diary .diary-title{ line-height:60px; }
.checkin-diary .diary-title h3{display: inline-block; font-size:40px; font-weight: bold; color: #f3ca71;vertical-align: middle;}
.checkin-diary .diary-title .checkin-info{color:#fff; font-size: 18px; display: inline-block; padding-left: 10px}
.checkin-diary .diary-title .orange{color:#e35c4a; font-weight: bold;}
.checkin-diary .checkin-share{color: #fff; text-align: right; padding-right:10px; position: relative;}
.checkin-diary .share-box{display: inline-block;vertical-align: middle;}
.checkin-diary .c2{padding: 20px 40px; overflow: hidden;*zoom:1;}
.checkin-diary .diary{width:200px; height:225px; float: left; }
.checkin-diary .rank{width:280px; float: right;}
.checkin-diary .mask{position: fixed; left: 0; left: 0;}


/*pn-timer*/
.pn-timer{height:100px; background: url(http://img.18183.duoku.com/uploads/allimg/151014/36-1510141Z401.jpg) no-repeat; position: relative;}
.pn-timer .txt{position: absolute; top: 30px; left: 150px; color: #fff; font-size:20px; line-height: 2; padding-left: 35px; }
.pn-timer .btn-play{width:124px; height: 36px; border-radius: 50px; color:#06a4f3; position: absolute; top: 30px; right:150px; text-align: center; line-height: 36px; border: 3px solid #076396; font-size:18px;}
.pn-timer .btn-play:hover{border-color:#00aaff}
.pn-timer .fliptime{position: absolute; left:350px; top:20px; width: 400px}
.pn-timer .fliptime p{letter-spacing:3px; color: #fff; }
.pn-timer .flipinfo{position: absolute; left:350px; top:70px; color:#999; font-size: 12px;}

.pn-timer .item{float: left; width:80px; text-align: center; margin-right: 10px;}




/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.owl-buttons div{font-size: 40px; line-height: 55px; margin-top:-27px; width:55px; height:55px; font: bolder 40px/55px "SimSun"; color: #454b4e; text-align: center; border-radius: 100%; background:#0e1018;  position: absolute; top: 50%}
.owl-buttons .disabled{display: none}
.owl-buttons .owl-prev{left: -75px;}
.owl-buttons .owl-next{right: -53px;}
.owl-buttons div:hover{color:#fff; background:#06a4f3;}

.js-carousel1 .owl-buttons .owl-next{right: -75px;}