/* CSS Document */

*{ padding:0; margin:0; font-family: "microsoft yahei",Arial,Helvetica,sans-serif; font-weight: normal; font-style: normal;}
ul,li,dl,dd,dt{ list-style: none;}
img{ border:none;}

.clear:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clear{ height:1%;}

.header{ background: url(../images/wota_1.jpg) center top no-repeat;}
.h_con{ height: 354px; width: 1000px; margin:0 auto; position: relative;}
.logo{ padding:20px 0 0 30px; width: 192px; height: 68px; overflow: hidden;}
.h_pic{ position: absolute; left: -60px; bottom: -65px;}
.r_pic{ position: absolute; right: 60px; bottom: -80px;}
.h_btn{ width: 124px; position: absolute; right: 50px; top: 30px;}
.home,.team,.game,.home_current,.team_current,.game_current{ background-image:url(../images/wota_6.png); background-repeat: no-repeat; display: block; width: 124px; height: 43px; overflow: hidden; margin-bottom:15px; cursor: pointer;}
.home:hover,.home_current{ background-position: 0 0;}
.team:hover,.team_current{background-position: 0 -55px;}
.game:hover,.game_current{ background-position: 0 -109px;}

.team{ background-position:-130px -55px;}
.game{ background-position: -130px -109px;}
.home{ background-position: -130px 0;}

.reward{ background: #4d42f7;}
.reward_con{ width: 932px; margin:0 auto; background: url(../images/wota_2.jpg) left top no-repeat; height: 152px; overflow: hidden; padding: 53px 0 0 68px;}
.rw_txt{ color: #fff; font-size: 18px; margin-top: 20px;}
.rw_txt span{ margin-right: 20px; font-weight: 600;}
.rw_txt strong{ font-size: 30px; font-weight: bold; font-style: italic; color: #fee300;}

.intro{ background: #3a41bb;}
.intro_con{ background: url(../images/wota_3.jpg) left top no-repeat; width: 960px; margin:0 auto; padding: 60px 20px 40px 20px;}
.tab_menu{ width: 800px; margin:0 auto 50px;}
.tab_menu a{ display: inline-block; width: 201px; height: 63px; line-height: 63px; text-align: center; font-size: 30px; background: url(../images/wota_9.png) 0 -70px no-repeat; text-decoration: none; color: #9b9ba4; margin-right:60px;}
.tab_menu a:hover,.tab_menu .tab_on{ background: url(../images/wota_9.png) 0 0 no-repeat; color: #fff;}
.tab_txt{ width: 800px; margin:0 auto;}
.tabs01,.tabs02,.tabs03{ margin-bottom: 20px;}
.tabs01 li,.tabs02 li,.tabs03 li{ color: #fff; font-size: 14px; line-height: 30px;}
.tabs02 div{ padding-left: 10px;}

.item{ float: left; margin: 0 0 20px 20px; width: 450px;}
.avatar{ float: left; border:5px solid #232775; width: 145; height:205px; margin-right:15px; overflow: hidden;}
.avatar img{ width: 145px; height: 205px;}
.avatar_con{ width: 280px; float: left;}
.avatar_title{ font-size: 14px; font-weight: 600; color: #fff; margin:5px 0;}
.avatar_title i{ font-size: 12px; font-weight: normal; color: #999;}
.avatar_txt{ font-size: 12px; line-height: 20px; color: #e0e0e0;}

.footer{ background: url(../images/wota_4.jpg) center top no-repeat;}
.footer div{ text-align: center; height: 67px; line-height: 67px; color: #000; margin:0 auto; width: 1000px;}

.video li{ width: 192px; float: left;}
.video_item{ width: 170px; height: 140px; position: relative; margin: 20px auto 0; border:2px solid #fff; background: #fff;}
.video_txt{ text-align: center; margin-bottom: 5px;}
.video_txt a{ font-size: 12px; color: #000; text-decoration: none; display: block;}
.video_txt a:hover{ text-decoration: underline;}
.video_star{ position: absolute; left: 0; top: 0; display: block; width: 170px; height: 90px; text-align: center; vertical-align: middle; background: url(../images/pic_bg.png) left top repeat;}
.video_star img{ margin-top:30px;}
.dialog{ position: absolute; z-index: 999;}
.dialog_title{ background: #000; color: #fff; position: relative; height: 30px; line-height: 30px; width: 480px;}
.dialog_title h4{ padding:0 10px; font-size: 16px;}
.close{ text-decoration: none; background: #333; color: #fff; cursor: pointer; font-family: tahoma; font-size: 14px; height: 20px; line-height: 20px; position: absolute; right: 5px; text-align: center; top: 5px; width: 22px;}