@charset "utf-8";
/* CSS Document */
body{ background:#fff;}
.top{ background:#fff; height:96px; border-bottom:1px solid #ddd;}
.top .head{width: 1200px; margin: 0 auto; }
.top .head .nav{ margin-top:26px;}
.top .head .nav li{ padding-right: 45px; text-align:center; height:40px; line-height:40px; font-size:20px; font-weight:bold; float:left;}
.top .head .nav li a{ color:#5567d0; display:inline-block;}
.top .head .nav li a.hover{ color:#5567d0; border-bottom:4px solid #5567d0; line-height:40px}
.top .head .login .btn{ background:url(/topic/contest/css/images/index_login_btn.png) no-repeat;width:130px; height:43px; display:inline-block; margin-top:26px;}
.top .head .login .login-txt{ color:#ea5404; font-size:18px; line-height:96px;}
.top .head .login .login-txt a{color:#ea5404;}
.banner{ background:#451dbe url(/topic/contest/css/images/banner.jpg) no-repeat center center;  height:650px; width:100%; }
.main{ background:#fff;}
.page1{height:100%; width:100%; display:block;}
/*.bg1{ background:url(/topic/contest/css/images/b1.jpg) no-repeat center top; height:314px; width:100%; display:block;}*/
/*.bg2{ background:url(/topic/contest/css/images/b2.jpg) no-repeat center top; height:317px; width:100%; display:block;}*/
/*.bg3{ background:url(/topic/contest/css/images/b3.jpg) no-repeat center top; height:353px; width:100%; display:block;}*/
.page2{ background:url(/topic/contest/css/images/banner2.jpg) no-repeat center top; height:100%; width:100%; display:block;}
.page3{ background:url(/topic/contest/css/images/banner3.jpg) no-repeat center top;height:100%; width:100%; display:block;}
.page4{ background:url(/topic/contest/css/images/banner4.jpg) no-repeat center top;height:100%; width:100%; display:block;}
.next-btn{ background:url(/topic/contest/css/images/next.png) no-repeat; width:58px; height:580px; position:relative; top:70%; display:inline-block; left:49%;cursor: pointer}
.w1430{ width:1430px;}
.w1206{ width:1206px;}.w890{ width:890px;}

.game-box{width:880px; margin-top:-20px}
.game-box ul li{ float:left; text-align:center;}
.game-box ul li.game1{ background:url(/topic/contest/css/images/game_1.png) no-repeat; width:256px;height:224px; margin-right:50px;}
.game-box ul li.game1 h1{ font-size:27px; color:#6390ff; line-height:50px; margin-top:100px; font-weight:bold; }
.game-box ul li.game1 p{ font-size:18px; line-height:30px;}
.game-box ul li.game2{ background:url(/topic/contest/css/images/game_2.png) no-repeat; width:256px;height:224px; margin-right:50px;}
.game-box ul li.game2 h1{ font-size:27px; color:#ffb539; line-height:50px; margin-top:100px; font-weight:bold; }
.game-box ul li.game2 p{ font-size:18px; line-height:30px;}
.game-box ul li.game3{ background:url(/topic/contest/css/images/game_3.png) no-repeat; width:256px;height:224px;}
.game-box ul li.game3 h1{ font-size:27px; color:#f36279; line-height:50px; margin-top:100px; font-weight:bold; }
.game-box ul li.game3 p{ font-size:18px; line-height:30px;}
.footer{ background:#000000; height:92px; line-height:92px; font-size:16px; text-align:center; color:#fff;}
.footerBottom{  width: 100%; }
.mt60{ margin-top:60px;}
.cbg{background:#f3f7fa;}
.standard-half-bg{ background:url(/topic/contest/css/images/stardand-1-bg.png) no-repeat; width:406px; height:369px;}
.down-btn{ background:url(/topic/contest/css/images/down-btn.png) no-repeat; width:130px; height:43px; display:block; text-indent:-9999px;}

/* 弹窗样式 */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Overlays */
.ui-widget-overlay {
    background: #000;
    opacity: .6;
    filter: Alpha(Opacity=60); /* support: IE8 */
}
.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}

.ui-front {
    z-index: 200;
}
.ui-second {
    z-index: 100;
}
.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    outline: 0;
    background:#618af0;
	
	background-size:18rem;
	
}
.ui-dialog_1{
    position: absolute;
    top: 0;
    left: 0;
    outline: 0;
    background:#fff;
	
}

.u-btn-close{ background:url(/topic/contest/css/images/x.png) no-repeat;cursor: pointer; width:14px; height:14px; position:absolute; right:16px; top:16px; background-size:14px; border:0; outline:none;}

.login-box-tit{height:52px; text-align:center; font-size:22px; line-height:52px; color:#fff;}
.login-box{ background:#fff;height:220px;border:2px solid #b8caf8; border-top:0;}
.login-table td{ padding:8px;}
.login-table td .login-input{ border:0px; border-bottom:1px solid #ccc;}
.login-table td  .login-mask{ display:inline-block; height:30px; line-height:30px; background:#a2c0e4;width:90%; text-align:center; color:#333;} 
.login-box .login-btn{ background:#f39800; width:100%; height:40px; line-height:40px; font-size:16px; font-weight:bold; text-align: center; display:inline-block; border-radius:8px; color:#fff;}
a.enroll-box-btn{ border:1px solid #4167c6; border-radius:6px; text-align:center; width:100%; text-align:center; color:#fff; display:inline-block; height:40px; line-height:40px; }
/* 弹窗样式结束 */
.account-table td{padding:10px; height:40px;}
.account-table td input{ border:1px solid #ccc;height:30px; line-height:30px;}
.account-table td input.date{ background:url(/topic/contest/css/images/icon_date.png) 162px 4px no-repeat; border:1px solid #ccc;}
a.org-btn{ background:#f39800; width:100%; height:40px; line-height:40px; font-size:16px; font-weight:bold; text-align: center; display:inline-block; border-radius:8px; color:#fff;}
.upfile-input{opacity:0;filter: alpha(opacity=0);position: absolute;right: 0;top:0px; width:60px; height:40px;}
.peo-box{border:1px solid #618af0;}
.peo-box .peo-tit{background:#618af0; color:#fff; font-size:20px; height:50px; line-height:50px; text-align:center; font-size:18px;}
.login-people {
    width: 120px;
    padding-bottom: 8px;
    background: #fff;
    border: 1px solid #e6e8ec;
    -webkit-box-shadow: 2px 2px 4px 0 rgba(166,172,184,.2);
    box-shadow: 2px 2px 4px 0 rgba(166,172,184,.2);
    border-radius: 2px;
    position: absolute;
    top: 74px;
    right: 4px;
    z-index: 9;
    *top:68px;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.login-people:before {
    top: -14px;
    border-bottom: 7px solid #e6e8ec;
}
.login-people:after, .login-people:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 52px;
    border-top: 7px solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.login-people-li {
    padding: 0 32px;
}
.login-people-li a {padding-top: 7px;color: #333;display: inline-block;}
.login-people-li a:hover{ color:#198dff}
#loginDiv{position: fixed; height: 262px; width: 476px; top:50%; margin-top:-150px; left:50%; margin-left:-238px ; display: none;}
.ban1{ background:url(../images/ban1.jpg) no-repeat center top; height:100%; width:100%; display:block;}
.ba1{ background:url(../images/ba1.jpg) no-repeat center top; height:338px; width:100%; display:block;}
.ba2{ background:url(../images/ba2.jpg) no-repeat center top; height:389px; width:100%; display:block;}
.cindnt p.c {
    text-indent: 2em;
}
.bg1,.bg2,.bg3 {font-size: 0;}
.bg1 img,.bg2 img,.bg3 img {width: 100%}
@media (max-width: 1000px) {
    .top .head{width: 100%; margin: 0 auto; }
    .bg1 {width: 100%;height: auto;}
    .bg2 {width: 100%;height: auto;}
    .bg3 {width: 100%;height: auto;}
}