@charset "UTF-8";
html { font-family: "Hiragino Sans GB", "Hiragino Sans GB W3", "微软雅黑", "宋体", Arial, Helvetica, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

article, aside, details, figcacption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; text-decoration: none; color: #666; }

a:active, a:hover, a:focus { outline: 0; text-decoration: none; color: #2069bc; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; }

ton { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: p; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, a, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea, article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, nav, section, source, video, time { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; box-sizing: border-box; text-align: justify; }

body { color: #666; background: #f7f7f7; font: 8px; overflow-x: hidden; padding-top: 1px; }

ul, li, ol { list-style: none; line-height: normal; }

i, address, cite, dfn, em, var { font-style: normal; }

header .main-hd, footer ul, .main, .side-user-guide .con .btm, .middle-activity .con, .middle-game-competition, .middle-game .con, .side-seniority .hd, .cf { *zoom: 1; }
header .main-hd:before, footer ul:before, .main:before, .side-user-guide .con .btm:before, .middle-activity .con:before, .middle-game-competition:before, .middle-game .con:before, .side-seniority .hd:before, header .main-hd:after, footer ul:after, .main:after, .side-user-guide .con .btm:after, .middle-activity .con:after, .middle-game-competition:after, .middle-game .con:after, .side-seniority .hd:after, .cf:before, .cf:after { content: ""; display: table; }
header .main-hd:after, footer ul:after, .main:after, .side-user-guide .con .btm:after, .middle-activity .con:after, .middle-game-competition:after, .middle-game .con:after, .side-seniority .hd:after, .cf:after { clear: both; }

.left, .right { float: left; }

.show { display: block !important; }

.h50 { width: 100%; height: 0.98rem; }

.content, header .main-hd, .main { width: 1180px; margin-left: auto; margin-right: auto; }

input[type=text], input[type=password] { border: #dcdcdc 1px solid; height: 30px; padding: 0 5px; }

textarea { height: auto; min-height: 120px; border: #dcdcdc 1px solid; border-radius: 5px; padding: 5px; }

.banner { width: 1920px; height: 606px; position: absolute; left: 50%; margin-left: -960px; }
.banner .hd { height: 15px; overflow: hidden; position: absolute; left: 50%; margin-left: -30px; bottom: 30px; z-index: 1; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd li { float: left; margin-right: 10px; width: 14px; height: 14px; border-radius: 8px; line-height: 14px; text-align: center; background: rgba(0, 0, 0, 0.2); cursor: pointer; }
.banner .hd li.on { width: 57px; border-radius: 7px 6px 6px 7px/6px 6px 7px 7px; background-color: #ffb137; box-shadow: inset 0 0 18px rgba(243, 243, 175, 0.96); background-image: -webkit-linear-gradient(bottom, rgba(230, 115, 49, 0.23), rgba(250, 221, 10, 0.23)); background-image: linear-gradient(to top, rgba(230, 115, 49, 0.23), rgba(250, 221, 10, 0.23)); }
.banner .bd { position: relative; height: 100%; z-index: 0; }
.banner .bd li { zoom: 1; vertical-align: middle; }
.banner .bd img { width: 1920px; height: 606px; display: block; }
.banner .banner-bg { width: 1920px; height: 40px; background: url("../images/banner-bg.png") center top no-repeat; background-size: 100% 100%; position: absolute; left: 0; bottom: -40px; }

.slideTxtBox { text-align: left; width: 100%; margin-top: 5px; }
.slideTxtBox .hd { height: 48px; line-height: 48px; position: relative; }
.slideTxtBox .hd ul { float: left; position: absolute; left: 0px; top: -1px; }
.slideTxtBox .hd li { float: left; cursor: pointer; width: 100px; line-height: 46px; font-size: 20px; }
.slideTxtBox .hd li.on { color: #4b82cf; border-bottom: #4b82cf 3px solid; }
.slideTxtBox .bd { width: 100%; background-color: #fff; border: #dcdcdc 1px solid; overflow: hidden; }
.slideTxtBox .bd li { width: 100%; height: 41px; line-height: 41px; padding: 0 30px; list-style-type: disc; list-style-position: inside; font-size: 12px; }
.slideTxtBox .bd li a { font-size: 14px; }
.slideTxtBox .bd li:nth-child(even) { background-color: #f5fbff; }
.slideTxtBox .bd time { float: right; }
.slideTxtBox .bd .icon { width: 32px; height: 22px; display: inline-block; background: url("../images/news.png") center center no-repeat; background-size: 100% 100%; line-height: 16px; text-align: center; color: #fff; font-size: 12px; margin-left: 5px; position: relative; top: -5px; }

header { width: 100%; height: 150px; position: absolute; left: 0; top: 0; z-index: 9; }
header .hd-top { width: 100%; height: 34px; background-color: #eeeeee; box-shadow: -3px 2px 8px rgba(10, 140, 210, 0.51); font-size: 12px; }
header .hd-top .content { text-align: right; }
header .hd-top span { font-size: 12px; line-height: 34px; color: #999999; margin-right: 10px; }
header .hd-top a { color: #333333; }
header .hd-top a:hover { color: #2069bc; }
header .main-hd { height: 116px; }
header .main-hd .logo { float: left; margin-top: 25px; }
header .main-hd nav { float: right; }
header .main-hd ul { text-align: right; padding-top: 50px; font-size: 18px; }
header .main-hd li { display: inline-block; }
header .main-hd a { color: #fff; margin-left: 20px; }
header .main-hd a img { position: relative; top: 5px; margin-left: 5px; }

footer { width: 100%; background-color: #fff; border-top: #dcdcdc 1px solid; height: 220px; padding-top: 32px; margin-top: 70px; }
footer ul { width: 100%; padding-left: 70px; }
footer li { float: left; width: 82px; font-size: 12px; }
footer .last { width: 470px; }
footer .last p { line-height: 18px; width: 100%; text-align: left; }
footer .last img { margin-top: 10px; }
footer h3 { color: #4c4c4c; margin-bottom: 10px; }
footer a { color: #808080; }
footer a:hover { color: #2069bc; }
footer p { color: #b2b2b2; line-height: 24px; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.main.mt65 { margin-top: 630px; }
.main .main-left { width: 203px; float: left; }
.main .main-middle { width: 650px; float: left; margin-left: 17px; }
.main .main-right { width: 297px; float: right; }
.main .title { width: 100%; margin-bottom: 10px; margin-top: 10px; font-size: 20px; color: #444444; }
.main .title .icon { width: 28px; height: 28px; position: relative; top: 5px; margin-right: 5px; }
.main .title .more { font-size: 12px; float: right; text-decoration: underline; color: #fc9f24; margin-top: 15px; }

.side-login { width: 100%; }
.side-login .con { background: url("../images/login.png") center top no-repeat; background-size: 100% 100%; height: 286px; padding: 36px 15px 10px 15px; font-size: 12px; }
.side-login .con li { width: 100%; margin-bottom: 20px; }
.side-login .con span { color: #fff; width: 4em; display: inline-block; line-height: 30px; }
.side-login .con input[type=text] { width: 124px; box-shadow: 2px 2px 2px 0 #333 inside; }
.side-login .con .li3 input[type=text] { width: 60px; }
.side-login .con .yzm { float: right; margin-top: 1px; }
.side-login .con input[type=submit] { width: 100%; margin-top: 5px; height: 40px; border-radius: 3px; background-color: #4755c0; box-shadow: 0 0 8px rgba(18, 108, 98, 0.29), inset 0 2px rgba(255, 191, 38, 0.17); background-image: -webkit-linear-gradient(bottom, #fc981e 3%, #ffd254); background-image: linear-gradient(to top, #fc981e 3%, #ffd254); text-align: center; font-size: 18px; color: #724808; font-weight: bold; }
.side-login .con .li5 { margin-top: -8px; }
.side-login .con .li5 a { text-decoration: underline; color: #fff; }
.side-login .con .a2 { float: right; }

.side-user-guide { width: 100%; margin-top: 20px; }
.side-user-guide .con { width: 100%; background-color: #588bde; padding: 20px 15px; }
.side-user-guide .con p { width: 100%; height: 48px; line-height: 48px; position: relative; margin-bottom: 24px; }
.side-user-guide .con p a { display: block; width: 100%; height: 100%; border-radius: 5px; border: #fff 1px solid; background: url("../images/arrow.png") 120px center no-repeat; background-size: 20px 20px; padding-right: 20px; text-align: center; color: #fff; font-size: 20px; line-height: 44px; }
.side-user-guide .con p a:hover { opacity: .9; }
.side-user-guide .con p i { position: absolute; width: 31px; height: 11px; display: block; background: url("../images/arrow-d.png") center center no-repeat; bottom: -18px; left: 50%; margin-left: -15px; }
.side-user-guide .con .btm { width: 100%; margin-top: -10px; }
.side-user-guide .con .btm a { color: #fff; font-size: 12px; text-decoration: underline; color: #fff; }
.side-user-guide .con .btm .a1 { float: left; }
.side-user-guide .con .btm .a2 { float: right; }

.side-fast { width: 100%; margin-top: 20px; }
.side-fast a { display: block; width: 100px; height: 46px; border: #fff 1px solid; box-sizing: border-box; float: left; background-color: #fc9f24; line-height: 46px; text-align: center; color: #fff; font-size: 12px; }
.side-fast a:hover { opacity: .9; }

.middle-activity { width: 100%; margin-top: 20px; }
.middle-activity .con { width: 100%; border: #dcdcdc 1px solid; background-color: #fff; padding: 22px; }
.middle-activity .con img { width: 140px; height: 85px; display: block; float: left; margin: 5px; }

.middle-game-competition { width: 100%; margin-top: 20px; }
.middle-game-competition > div { position: relative; }
.middle-game-competition > div .con { background-color: #fff; border: #dcdcdc 1px solid; height: 317px; padding: 15px; }
.middle-game-competition > div .btm { position: absolute; bottom: 15px; right: 20px; text-align: right; }
.middle-game-competition > div .more { font-size: 12px; float: right; text-decoration: underline; color: #fc9f24; margin-top: 15px; }

.middle-game { width: 427px; float: left; }
.middle-game .con a { display: block; float: left; margin: 10px 20px; text-align: center; font-size: 12px; }
.middle-game .con a img { display: block; margin: 5px auto; width: 88px; height: 88px; }

.middle-competition { width: 216px; float: right; }
.middle-competition .con img { display: block; margin-bottom: 5px; width: 184px; height: 230px; overflow: hidden; }
.middle-competition .con h3 { font-size: 12px; line-height: 20px; }
.middle-competition .con time { float: right; color: #999999; }

.side-service { width: 100%; margin-top: 20px; }
.side-service .con { border: #dcdcdc 1px solid; width: 100%; padding: 30px 25px; }
.side-service .con > p { width: 100%; padding: 0 20px; margin-bottom: 20px; }
.side-service .qq { width: 100%; height: 44px; line-height: 44px; text-align: center; color: #fff; display: block; position: relative; border-radius: 5px; background-color: #fc9f24; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.18); background-image: -webkit-linear-gradient(bottom, #fd8300 3%, #fc9f24); background-image: linear-gradient(to top, #fd8300 3%, #fc9f24); }
.side-service .qq i { display: block; width: 48px; height: 51px; background: url("../images/qq.png") center center no-repeat; background-size: 100% 100%; position: absolute; left: -20px; top: -5px; }
.side-service .tips { font-size: 12px; color: #b2b2b2; line-height: 18px; }

.side-seniority { width: 100%; position: relative; padding-top: 80px; font-size: 12px; }
.side-seniority .title { position: absolute; top: -35px; line-height: 44px; }
.side-seniority .title .icon2 { position: relative; top: 15px; margin-right: 5px; }
.side-seniority .title span { font-weight: bold; color: #dbdbdb; float: right; margin-top: 35px; }
.side-seniority .hd { width: 100%; height: 34px; background-color: #6994e5; line-height: 34px; color: #fff; padding: 0px 15px; }
.side-seniority .hd span { display: block; width: 33%; float: left; text-align: center; }
.side-seniority .hd span:nth-child(1) { width: 20%; }
.side-seniority .hd span:nth-child(2) { width: 40%; }
.side-seniority .hd span:nth-child(3) { width: 40%; }
.side-seniority .con { width: 100%; padding: 5px 15px; background-color: #fff; }
.side-seniority table { width: 100%; }
.side-seniority table td { width: 33.33%; text-align: center; line-height: 30px; }
.side-seniority table td:nth-child(1) { width: 20%; }
.side-seniority table td:nth-child(2) { width: 40%; }
.side-seniority table td:nth-child(3) { width: 40%; color: #fc9f24; }
.side-seniority table i { display: inline-block; width: 16px; height: 16px; border-radius: 3px; color: #fff; line-height: 16px; font-size: 12px; }
.side-seniority table .c1 { background-color: #f35c19; }
.side-seniority table .c2 { background-color: #ff7a3f; }
.side-seniority table .c3 { background-color: #fc9d21; }
.side-seniority .hd2 { margin-top: 20px; border-top: #dcdcdc 1px dashed; padding-bottom: 20px; }
.side-seniority .hd2 h3 { width: 100%; position: relative; padding-top: 25px; padding-left: 40px; }
.side-seniority .hd2 h3 img { display: block; position: absolute; left: 0; top: 10px; }
.side-seniority .hd2 h3 span { width: 134px; height: 29px; border-radius: 29px; background-color: #ff7a3f; display: block; color: #fff; text-align: center; line-height: 29px; }
.side-seniority .hd2 > div { margin-top: 20px; }
.side-seniority .hd2 > div img { position: relative; top: 4px; margin-left: 10px; }
.side-seniority .hd2 > div a { text-decoration: underline; }
.side-seniority .seniority-bg { width: 100%; height: 18px; background: url("../images/bg2.png") center top no-repeat; background-size: 100% 100%; position: absolute; bottom: -18px; left: 0; }