a{ cursor:pointer;}
.main-box{padding-bottom:30px;}
.navigation-line{ width:990px; margin:10px auto 0 auto; line-height:16px;}
.navigation-line span{ float:left; margin-right:8px;}
.navigation-line .sp01{ color:#0054af;}
.navigation-line a{ float:left; margin-right:8px;}
.navigation-line h1{ float:left; margin-right:8px;}

.search-box{ width:968px; height:58px; border:1px solid #ebebeb; background:#f8f8f8; padding-top:18px; padding-left:20px;}
.search-box .input-01{ float:left; width:289px; height:28px; border:1px solid #c8c1bb; line-height:28px; padding:0 10px; border-right:none; margin-top:8px;}
.search-box .submit-01{ float:left; width:91px; height:30px; line-height:30px; color:#fff; text-align:center; background:url(../img/events-list/events-submit-01.gif) 0 0 repeat-x; font-size:14px; font-weight:bold; cursor:pointer;margin-top:8px;}
.search-box dl{ float:left; line-height:28px; padding-left:12px; padding-top:8px; width:350px; overflow:hidden;}
.search-box dl dt{ float:left; color:#333; width:60px;}
.search-box dl dd{ float:left; white-space:nowrap; width:290px; overflow:hidden;}
.search-box dl dd a{ float:left; margin-right:12px;}
.search-box .launch-a{ float:right; width:179px; height:40px; background:url(../img/events-list/events-submit-02.gif) 0 0 no-repeat; text-align:center; line-height:40px; color:#504425; font-size:16px; font-weight:bold; margin-right:20px;}
.search-box .launch-a:hover{ text-decoration:none;color:#504425;}
.search-box .launch-b {background:url(../img/events-list/events-submit-021.gif) 0 0 no-repeat;}

.main-left{ float:left; width:750px;}
.filter-box{ float:left; width:750px;}
.filter-box .filter-part{ float:left; width:750px; line-height:20px; padding:10px 0;}
.filter-box .filter-part .bt{ float:left; color:#4d4d4d; font-size:14px; font-weight:bold; text-align:left; padding-left:20px;}
.filter-box .filter-part .place{ float:left; padding-left:12px;}
.filter-box .filter-part .place em{ font-weight:bold; color:#003D99; font-size:14px;}
.filter-box .filter-part .switch{ background:url(../img/events-list/events-bg-01.gif) right 8px no-repeat; padding-right:10px; color:#999; cursor:pointer; padding-left:8px; float:left; position:relative; color:#000;}

.filter-box .filter-part .switch .switch-in-box{ float:left; border:1px solid #cecece; padding:10px; position:absolute; top:20px; left:0px; background:#fff;}
.filter-box .filter-part .switch .switch-in-box dl{ float:left; width:240px; line-height:24px;}
.filter-box .filter-part .switch .switch-in-box dl dt{float:left; width:240px; color:#333;}
.filter-box .filter-part .switch .switch-in-box dl dd{float:left; width:252px;}
.filter-box .filter-part .switch .switch-in-box dl dd a{ float:left; margin-right:12px; white-space:nowrap;}
.filter-box .filter-part .switch label{cursor:pointer;}
.filter-box .filter-part .city{ float:left; padding:0 10px;}
.filter-box .filter-part .select-01{ float:left; width:86px; height:22px; margin-right:10px;}


.filter-box .filter-part .input-01{ float:left; width:86px; height:20px; line-height:20px; border:1px solid #999; padding:0 3px;}
.filter-box .filter-part .submit-01{ float:left; width:41px; height:20px; background:url(../img/events-list/events-bg-02.gif) 0 0 no-repeat; cursor:pointer; margin:1px 0 0 10px;}
.filter-box .filter-part ul{ float:left; padding-left:12px;}
.filter-box .filter-part ul li{ float:left; padding-right:25px;}
.filter-box .filter-part ul li a{ color:#666;}
.filter-box .filter-part ul li a:hover{ color:#c80000; text-decoration:underline;}
.filter-box .filter-part ul .on a{  background:#065ebd; color:#fff; padding:2px;}
.filter-box .filter-part ul .on a:hover{ color:#fff; text-decoration:none;}


.main-right{ float:right; width:230px;}
.banner-right-box{ float:left; width:230px;}
.hot-events{ float:left; width:228px; border:1px solid #d3d3d3;}
.hot-events ul{ float:left; width:228px; padding:3px 0 0 0;}
.hot-events ul li{ float:left; width:228px; padding:5px 0;}
.hot-events ul li p{ float:left; width:208px; padding-left:10px;line-height:22px; color:#333;}
.hot-events ul li p .time{ float:left;color:#b5b5b5;}
.hot-events ul li p .attention{ float:right;color:#b5b5b5;}
.hot-events ul li p .attention em{ font-size:14px;}

.right-head-box{ float:left; width:100%; height:32px; line-height:32px;  background:url(../img/events-list/events-head-bg.jpg) 0 0 repeat-x; border-bottom:1px solid #d3d3d3;}
.right-head-box h3{ float:left; font-size:14px; color:#333; padding-left:10px; font-weight:bold;}
.right-head-box .more{ float:right; margin-right:10px;}

.sequence-box{ float:left; width:748px; border:1px solid #d5d5d5; height:30px; background:#fbfbfb; line-height:30px;}
.sequence-box a{ float:left;}
.sequence-box .default-a{ padding:0 30px; color:#999; border-right:1px solid #D5D5D5;}
.sequence-box .default-a:hover{ color:#fff; text-decoration:none; background:#1371dd;}
.sequence-box .default-a.on{ color:#fff; text-decoration:none; background:#1371dd;}


.sequence-box .popularity-a{ padding:0 40px 0 20px; background:url(../img/events-list/events-bg-03.gif) 56px 10px no-repeat; color:#333; border-right:1px solid #D5D5D5;}
.sequence-box .popularity-a:hover{color:#fff;background:url(../img/events-list/events-bg-04.gif) 56px 10px no-repeat #1371dd; text-decoration:none;}
.sequence-box .popularity-a.on{color:#fff;background:url(../img/events-list/events-bg-04.gif) 56px 10px no-repeat #1371dd; text-decoration:none;}


.sequence-box .schedule_data_a{ padding:0 40px 0 20px; background:url(../img/events-list/events-bg-05.png) 104px 10px no-repeat; color:#333; border-right:1px solid #D5D5D5;}
.sequence-box .schedule_data_a:hover{color:#fff;background:url(../img/events-list/events-bg-06.png) 104px 10px no-repeat #1371dd; text-decoration:none;}
.sequence-box .schedule_data_a.on{color:#fff;background:url(../img/events-list/events-bg-06.png) 104px 10px no-repeat #1371dd; text-decoration:none;}

.list-box{ float:left; width:750px; padding-bottom:10px; padding-top:10px;}
.list-box .left-img{ float:left; width:80px; height:80px; margin-top:2px;}
.list-box .mid-p{ float:left; width:305px; padding-left:10px;}
.list-box .mid-p span{ font-size:14px; float:left; width:305px; line-height:20px; padding-bottom:5px; font-weight:bold; height:38px; overflow:hidden;}
.list-box .mid-p span em{height:16px; display:inline-block; text-align:center; background:#c81010; line-height:16px; color:#fff; margin-right:5px; padding:0 5px;}
.list-box .mid-p p{ float:left; width:305px; color:#666;line-height:20px; height:20px; overflow:hidden;}
.list-box .city{ float:left; width:90px; padding-left:35px; text-align:center; color:#666; padding-top:28px; padding-right:40px;}
.list-box .right-status{ float:left; width:180px;}
.list-box .right-status p{ float:left; line-height:22px; text-align:right; width:180px;}
.list-box .right-status p em{ color:#333;}
.list-box .right-status .part{ float:right; padding-top:8px;}
.list-box .right-status .sign-up{ float:left; width:78px; height:26px; background: url(../img/events-list/events-bg-06.gif) 0 0 no-repeat;}
.list-box .right-status .competition{ float:left; width:94px; height:26px; background:url(../img/events-list/events-bg-07.gif) 0 0 no-repeat;}
.list-box .right-status .end-sign-up{ float:left; width:78px; height:26px; background: url(../img/events-list/events-bg-08.gif) 0 0 no-repeat;}
.list-box .right-status .now{ float:left; width:78px; height:26px; background: url(../img/events-list/events-bg-09.gif) 0 0 no-repeat;}
.list-box .right-status .view{ float:left; width:94px; height:26px; background:url(../img/events-list/events-bg-10.gif) 0 0 no-repeat;}
.list-box .right-status .view:hover{ float:left; width:94px; height:26px; background:url(../img/events-list/events-bg-13.gif) 0 0 no-repeat;}

.list-box .right-status .end-game{ float:left; width:78px; height:26px; background: url(../img/events-list/events-bg-11.gif) 0 0 no-repeat;}
.list-box .right-status .guess-a{ float:right; width:94px; height:26px; background:url(../img/events-list/events-bg-14.gif) 0 0 no-repeat; margin-top:10px;}


.no-info-box{ float:left;  padding:32px 0 0 150px;}
.no-info-box .left-img{ float:left; width:98px; height:61px; background:url(../img/events-list/liaoba-ico-79.jpg) 0 0 no-repeat;}
.no-info-box .right-p{ float:left; padding-left:20px; font-size:14px; width:200px; padding-top:15px;}
.no-info-box .right-p p{ float:left; width:200px;}
.no-info-box .sorry{ float:left; width:200px; height:22px; background:url(../img/events-list/events-bg-12.gif) 0 0 no-repeat;}

.guess-right{ float:right; padding-right:10px;}
.guess-right input{ float:left; margin:5px; *margin:0px;}
.guess-right span{float:left;margin-top:1px ;*margin-top:2px}