@charset "utf-8";

/* CSS Document */


/*清除格式*/

* {
    font-family: "微软雅黑";
}

body,
html,
li {
    margin: 0;
    padding: 0;
    background-color: #f5f5f5;
}

ul,
dl,
dt,
dd,
h6,
h5,
h4,
h3,
h2,
h1 {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    display: block;
}

.clearfix {
    clear: both;
}


/*盒子*/

.web_box {
    overflow: hidden;
    margin: 0 auto
}


/*头部*/

.header {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.header .logo {
    margin: 0 auto;
}

.compe-banner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    min-height: 30px;
}

.compe-banner>img {
    width: 100%
}

.compe-banner>.countdown {
    width: 100%;
    height: 26px;
    background: #a82626;
    position: absolute;
    bottom: 0;
    margin: 0
}

.compe-banner>.countdown>div {
    width: 1160px;
    height: 26px;
    background: #a82626;
    position: absolute;
    bottom: 0;
    margin: auto;
    left:0;
    right:0;
}

.compe-banner>.countdown>div>img {
    position: absolute;
    bottom: 0;
    left: 20px
}

.compe-banner>.countdown>div>.count {
    position: absolute;
    top: 0;
    left: 80px;
    color: #fff;
    font-size: 14px;
}

.compe-banner>.countdown>div>.count>span {
    display: block;
    float: left;
    line-height: 26px
}

.compe-banner>.countdown>div>.count>b {
    display: block;
    float: left;
    width: 44px;
    height: 20px;
    background: #fff;
    margin: 3px 4px;
    color: #000;
    text-align: center
}


/*二维码*/

.ma_box {
    width: 160px;
    height: 190px;
    border: 0px solid #CCC;
    position: fixed;
    top: 230px;
    right: 30px;
}

.ma_box>h6 {
    text-align: center;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    color: #000;
}


/*导航*/

.nav_sub {
    background-color: #ee4548;
    height: 40px;
    margin-bottom: 5px;
}

.nav_sub li {
    display: inline-block;
    font-size: 20px;
    width: 90px;
    text-align: center;
    background-color: #ee4548;
    padding: 9px 10px;
}

.nav_sub ul {
    margin: 0 auto;
    width: 900px;
    height: 50px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.nav_sub li:hover {
    background-color: #ca3538
}

.nav_sub ul li a {
    color: #fff;
    font-size: 16px
}

.dz {
    width: 80px;
    float: right;
    margin-top: -70px;
    margin-right: 30px;
}

.dz h5 a {
    color: #888888
}

.dz .dz_box {
    float: left;
    padding: 5px 5px;
}

.dz .dz_box h5 {
    line-height: 24px;
}

.dz h5 a:hover {
    color: #f84540
}


/*新版导航*/

.comp-nav {
    width: 100%;
    height: 40px;
    background: url(../../img/competition_img/index/渐变.png) repeat-x;
    margin: 0 auto;
}

.comp-nav>ul {
    width: 1160px;
    height: 100%;
    margin: 0 auto;
}

.comp-nav>ul>li {
    width: 12.5%;
    height: 100%;
    background: none;
    float: left;
    text-align: center;
    line-height: 40px;
    position: relative
}

.comp-nav>ul>li:last-child:after {
    width: 0
}

.comp-nav>ul>li:after {
    display: block;
    content: "";
    width: 2px;
    height: 100%;
    background: url(../../img/competition_img/index/分割线.png) no-repeat top;
    position: absolute;
    right: 0;
    top: 0;
}

.comp-nav>ul>li>a {
    color: #fff;
    font-size: 16px
}

.comp-nav-second {
    display: none;
    background: #da3636;
    color: #fff;
    box-shadow: 0px 3px 3px #333;
    position: relative;
    z-index: 999
}

.comp-nav-second>li {
    background: #da3636;
    color: #fff;
    width: 100%
}

.comp-nav-second>li>a {
    color: #fff
}

.comp-nav>ul>li:first-child:hover .comp-nav-second {
    display: block
}

.comp-nav-second>li>a:hover {
    background: #fff;
    color: #da3636
}


/*子导航*/


/*.banner img{ position:relative;left:50%; margin-left:-960px}*/

.btns {
    width: 500px;
    position: absolute;
    top: 530px;
    left: 50%;
    margin-left: -240px;
}


/*.btns li{ float:left; display:inline-block; padding:5px 5px; font-size:20px; border-radius:30px; border:4px solid #ffff00; margin:10px 10px;}*/

.btns a {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0);
    padding: 5px 5px;
    font-size: 20px;
    border-radius: 30px;
    border: 4px solid #ffff00;
    margin: 10px 10px;
    color: #ffff00
}

.btns a:hover {
    background-color: #ffff00;
    color: #000;
}


/*名单*/

.mingdan img {
    margin: 0 auto
}


/*间隙*/

.jianxi {
    height: 10px;
}


/*目的*/

.mudi {
    width: 1000px;
    height: 300px;
    background: #FFF;
    border-radius: 8px;
    margin: 0 auto;
}

.mudi img {
    margin: 0 auto;
    padding-top: 40px;
}

.mudi h1 {
    text-align: center;
    color: #b91d28;
    padding-top: 40px;
}

.mudi h4 {
    text-align: center;
    color: #b91d28;
    padding-top: 20px;
}


/*攻略*/

.gonglue {
    background-color: #d9f3ff;
}

.gonglue img {
    margin: 0 auto;
    padding: 40px 0px;
}

.gonglue h1 {
    color: #f84540;
    text-align: center;
    padding: 30px 0px;
}

.gonglue h2 {
    color: #f84540;
    text-align: center;
    padding: 30px 0px;
}


/*奖项*/

.jiangxiang>h1 {
    text-align: center;
    padding: 40px 0px;
    color: #f84540;
}

.jiang_box .b_tu {
    margin: 0 auto;
    padding: 40px 0px;
}

.jiang_box {
    width: 1000px;
    height: 1150px;
    background: #FFF;
    border-radius: 8px;
    margin: 0 auto;
}

.geren {
    margin: 0 auto;
    width: 700px;
    padding: 20px 0px;
}

.geren img {
    float: left
}

.geren .geren_text {
    float: right;
    color: #f84540
}


/*问答*/

.wenda {}

.wenda>h1 {
    text-align: center;
    color: #f84540;
    padding: 20px 0px
}

.wenda>img {
    margin: 0 auto
}

.wenda_box {
    width: 1000px;
    border-radius: 8px;
    height: 400px;
    background-color: #FFF;
    margin: 0 auto;
}

.wen>h1 {
    float: left
}

.wen_box .wen_touxiang {
    float: left;
}

.wen_box h3 {
    line-height: 40px;
    padding-left: 60px;
}

.wen_box {
    margin-left: 60px;
}

.wen {
    float: left
}

.wen>h1 {
    color: #f84540;
}

.wen>img {
    margin-left: 40px;
}

.w_box {
    width: 926px;
    margin: 0 auto;
    padding-top: 30px;
}

.wen_quyu {
    padding-top: 10px;
}


/*提问*/

.tiwen img {
    margin: 0 auto
}

.tiwen_box {
    width: 1000px;
    border-radius: 8px;
    margin: 0 auto;
    background-color: #FFF;
    height: 340px;
}

.tiwen_box h5 {
    color: #f84540;
    font-size: 14px;
    float: right;
    padding-right: 50px;
    padding-top: 40px;
}

.tiwen_box h4 {
    text-align: center
}

.tiwen_box h4 a {
    text-align: center;
    padding: 5px 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 6px;
    text-align: center;
    border: 2px solid #f84540;
    color: #f84540
}

.tiwen_box h4 a:hover {
    background-color: #f84540;
    color: #FFF
}


/*尾部*/

.footer {
    background-color: #444547;
    color: #cccccc;
}

.footer a:hover {
    color: #E64346;
}

.copyright {
    text-align: right;
}

.copyright a {
    display: inline-block;
    color: #CCCCCC;
}

.foo-cop {
    font-size: 12px;
}

.foo-cop a {
    display: inline-block;
    color: #CCCCCC;
}

.keep {
    width: 521px;
    margin: 0 auto;
}

.foo-mar {
    margin-left: 120px;
}

.dd-mar {
    margin-top: 20px;
}

.footer dt {
    font-weight: bold;
}

.footer dd {
    line-height: 26px;
}

.footer dd a {
    color: #CCCCCC;
    font-size: 12px;
}

.left {
    float: left;
}

.normal {
    width: 100%;
}

.comm-padd {
    padding-top: 38px;
    padding-bottom: 15px;
}

#content-container {
    width: 1160px;
    margin: 0 auto;
    padding: 0;
}


/*公众号开始*/

.gongzhong {
    display: none;
}

.gz-tr {
    width: 38px;
    background-color: #fae56f;
    position: fixed;
    top: 50%;
    margin-top: -118px;
    left: 50%;
    margin-left: 610px;
    text-align: center;
    font-size: 12px;
    border-radius: 10px;
    padding-top: 14px;
    padding-bottom: 14px;
}

.gz-tr img {
    display: block;
    cursor: pointer;
}

/* .top {
    width: 38px;
    height: 86px;
    background-color: #ff515d;
    border-radius: 10px;
    position: fixed;
    top: 50%;
    margin-top: 178px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding-top: 10px;
    left: 50%;
    margin-left: 610px;
} */

#wechattr {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: 480px;
}


/*竞赛范围开始*/

.left-hun {
    margin-left: 100px;
}

.left-thfour {
    margin-left: 240px;
}

.top-ffive {
    margin-top: 45px;
}

.top-sixty {
    margin-top: 60px;
}

.ran-tit {
    width: 276px;
    margin: 0 auto;
    font-size: 40px;
    color: #b91d28;
    font-weight: bold;
    letter-spacing: 6px
}

.range {
    background-color: #fbfbfb;
    padding-top: 20px;
}

.ran-des {
    width: 878px;
    height: 70px;
    margin: 0 auto;
    background-color: #d8271c;
    border-radius: 30px;
    margin-top: 25px;
}

.ran-des p {
    width: 760px;
    margin: 0 auto;
    text-align: center;
    color: #feef70;
    padding-top: 8px;
    line-height: 30px;
}

.range-ad {
    width: 423px;
    height: 334px;
    border: 10px solid #e6e6e6
}

.range-ad-a {
    width: 90px;
    height: 30px;
    border: 2px solid #ff0000;
    border-radius: 16px;
    display: block;
    margin: 0 auto;
    color: #FF0000;
    text-align: center;
    line-height: 30px;
    margin-top: 16px;
}

.ref-info {
    margin-left: 21px;
}

.ref-info-p {
    padding-top: 12px;
    padding-left: 30px;
}

.ref-info>div {
    margin-top: 23px;
}

.range-ad>img {
    margin-top: 16px;
}

.top-thirty {
    margin-top: 30px;
}


/*登峰榜攻略开始*/

.expe-h1 {
    width: 280px;
    margin: 0 auto;
    font-size: 40px;
    padding-top: 42px;
    font-weight: bold;
}

.expe-h2 {
    width: 192px;
    margin: 0 auto;
    font-size: 32px;
    padding-top: 20px;
    font-weight: bold;
}


/*奖项设置开始*/

.bac-pri {
    width: 1200px;
    height: 1267px;
    background: url(../../img/competition_img/index/pri-bac.png) no-repeat;
    margin: 0 auto;
    padding-top: 58px;
}

.money {
    padding-left: 116px;
}


/*参赛须知开始*/

.know {
    width: 580px;
    margin: 0 auto;
    font-size: 37px;
    margin-top: 56px;
}

.know-cen {
    width: 1050px;
    margin: 0 auto;
    padding-bottom: 20px;
}


/*公告*/

.announce {
    width: 1160px;
    margin: 0 auto;
    height: 40px;
    background: #f5f5f5 url(../../img/competition_img/index/alarm.png) no-repeat 10px center;
    padding-left: 10px;
    box-sizing: border-box;
    line-height: 40px;
    overflow: hidden;
}

.announce>span {
    display: block;
    float: left;
    color: #999;
    font-size: 15px;
    margin-left: 40px;
}

.announce>.scrollDiv {
    float: left;
    width: 840px;
    overflow: hidden;
}

.announce>.scrollDiv ul {
    display: block;
    float: left;
    color: #ff5252;
    height: 25px;
    overflow: hidden;
    margin: 7.5px 0;
}

.announce>.scrollDiv ul>li {
    height: 100%;
    line-height: 25px;
    display: inline;
    float: left;
    padding-right: 50px;
}


/*竞赛动态*/

.compe-content {
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.dynamic {
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ededed;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden
}

.dynamic-top {
    width: 100%;
    height: 40px;
    background: url(../../img/competition_img/index/渐变.png) repeat-x;
    padding: 0 20px;
    box-sizing: border-box;
}

.dynamic-title {
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: 40px
}

.dynamic-more {
    float: right;
    color: #fff;
    font-size: 12px;
    line-height: 16px
}

.dynamic-more>a {
    color: #fff;
    line-height: 40px;
}

.dynamic-more>a:hover,
.dynamic-more>a:focus {
    color: #fff;
}

.dynamic-more>a>span {
    display: inline-block;
    width: 18px;
    height: 14px;
    background: url("../../img/competition_img/index/arrow.png") no-repeat 0 3px;
}

.dynamic-content {
    padding: 10px 20px;
    box-sizing: border-box;
    overflow: hidden
}

.dynamic-content>.dynamic-list-wrap {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    float: left;
    overflow: hidden;
    position: relative;
    overflow: hidden
}

.dynamic-content>.dynamic-list-wrap>li:nth-child(1)>span {
    background: url(../../img/competition_img/index/1.png) no-repeat center;
}

.dynamic-content>.dynamic-list-wrap>li:nth-child(2)>span {
    background: url(../../img/competition_img/index/2.png) no-repeat center
}

.dynamic-content>.dynamic-list-wrap>li:nth-child(3)>span {
    background: url(../../img/competition_img/index/3.png) no-repeat center
}

.dynamic-content>.dynamic-list-wrap>li:nth-child(4)>span {
    background: url(../../img/competition_img/index/4.png) no-repeat center
}

.dynamic-content>.dynamic-list-wrap>li:nth-child(5)>span {
    background: url(../../img/competition_img/index/5.png) no-repeat center
}

.dynamic-content>.dynamic-list-wrap>li:nth-child(6)>span {
    background: url(../../img/competition_img/index/6.png) no-repeat center
}

.dynamic-content>.dynamic-list-wrap>li:nth-child(7)>span {
    background: url(../../img/competition_img/index/7.png) no-repeat center
}

.dynamic-content>.dynamic-list-wrap>li:nth-child(8)>span {
    background: url(../../img/competition_img/index/8.png) no-repeat center
}

.dynamic-content>.dynamic-list-wrap>li:nth-child(9)>span {
    background: url(../../img/competition_img/index/9.png) no-repeat center
}

.dynamic-content>.dynamic-list-wrap>li:nth-child(10)>span {
    background: url(../../img/competition_img/index/10.png) no-repeat center
}

.dynamic-content>.dynamic-list-wrap>li:nth-child(11)>span {
    background: url(../../img/competition_img/index/11.png) no-repeat center
}

.dynamic-content>.dynamic-list-wrap>li:nth-child(12)>span {
    background: url(../../img/competition_img/index/12.png) no-repeat center
}

.dynamic-content>.dynamic-list-wrap>li:nth-child(13)>span {
    background: url(../../img/competition_img/index/13.png) no-repeat center
}

.dynamic-content>.dynamic-list-wrap>li:nth-child(14)>span {
    background: url(../../img/competition_img/index/14.png) no-repeat center
}

.dynamic-content>.dynamic-list-wrap>li {
    border-bottom: 1px dashed #ededed;
    background: #fff;
    overflow: hidden;
    width: 50%;
    position: absolute;
}

.dynamic-content>.dynamic-list-wrap>li:last-child {
    border-bottom: none;
}

.dynamic-content>.dynamic-list-wrap>li:nth-child(14) {
    top: 282px;
    right: 0px;
    padding: 0 0 0 20px;
    border-bottom: none;
}

.dynamic-content>.dynamic-list-wrap>li>a {
    width: 80%;
    color: #535353;
    display: block;
    float: left;
    line-height: 46px;
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dynamic-content>.dynamic-list-wrap>li>a:hover {
    color: #e64346;
}

.dynamic-content>.dynamic-list-wrap>li>span {
    color: #fff;
    background: #a7a7a7;
    display: block;
    float: left;
    width: 26px;
    height: 26px;
    margin: 10px 10px 9px 0;
    line-height: 26px;
    text-align: center;
    font-size: 20px
}

.comp-jianxi {
    height: 20px;
    clear: both
}


/*排行榜*/

.bangdan {
    width: 49%;
    float: left
}

.team-list {
    float: right
}

.bangdan>.reward-content>h1 {
    text-align: right;
    color: #535353;
    font-size: 16px;
    margin: 10px 0;
}

.bangdan>.reward-content>.bandang-tab {
    height: auto;
    max-height: 461px;
    overflow-y: auto;
}

.bangdan>.reward-content>.tab-header {
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb
}

.bangdan>.reward-content>.bandang-tab>table>thead>tr>th {
    border: none;
    color: #535353;
    font-size: 16px
}

.bangdan>.reward-content>.bandang-tab>table>thead>tr>th,
.bangdan>.reward-content>.bandang-tab>table>tbody>tr>td {
    text-align: center;
    line-height: 30px;
    font-weight: normal
}

.bangdan>.reward-content>.bandang-tab>table>tbody>tr>td:last-child {
    width: 33%
}

.bangdan>.reward-content>.tab-header {
    margin: 0
}

.bangdan>.reward-content>.tab-header>li {
    border: none;
    line-height: 46px;
    padding: 0;
    float: left
}

.bangdan>.reward-content>.tab-header>.nth1 {
    text-align: center;
    width: 15%;
}

.bangdan>.reward-content>.tab-header>.nth2 {
    width: 24%;
}

.bangdan>.reward-content>.tab-header>.nth3 {
    width: 17%;
}

.bangdan>.reward-content>.tab-header>.nth4 {
    width: 18%;
    text-indent: -5.5em;
}

.bangdan>.reward-content>.bandang-tab>table>tbody>tr>td {
    border: none
}

.bangdan>.reward-content>h1>b {
    color: #da3636;
    font-size: 20px
}

.bangdan>.reward-content>.bandang-tab>table>tbody>tr>td:nth-child(1) {
    width: 20%
}

.bangdan>.reward-content>.bandang-tab>table>tbody>tr>td:nth-child(2) {
    width: 55%
}

.bangdan>.reward-content>.bandang-tab>table>tbody>tr>td:nth-child(3) {
    width: 24%
}

.bangdan>.reward-content>.bandang-tab>table>tbody>tr:nth-child(1)>td:nth-child(1) {
    background: url("../../img/competition_img/index/gold.png") no-repeat center
}

.bangdan>.reward-content>.bandang-tab>table>tbody>tr:nth-child(2)>td:nth-child(1) {
    background: url("../../img/competition_img/index/silver.png") no-repeat center
}

.bangdan>.reward-content>.bandang-tab>table>tbody>tr:nth-child(3)>td:nth-child(1) {
    background: url("../../img/competition_img/index/bronze.png") no-repeat center
}

.personjuesai>.reward-content>.bandang-tab>table>tbody>tr:nth-child(1)>td:nth-child(1) {
    background: none
}

.personjuesai>.reward-content>.bandang-tab>table>tbody>tr:nth-child(2)>td:nth-child(1) {
    background: none
}

.personjuesai>.reward-content>.bandang-tab>table>tbody>tr:nth-child(3)>td:nth-child(1) {
    background: none
}

.teamjuesai>.reward-content>.bandang-tab>table>tbody>tr:nth-child(1)>td:nth-child(1) {
    background: none
}

.teamjuesai>.reward-content>.bandang-tab>table>tbody>tr:nth-child(2)>td:nth-child(1) {
    background: none
}

.teamjuesai>.reward-content>.bandang-tab>table>tbody>tr:nth-child(3)>td:nth-child(1) {
    background: none
}

.scrollbar::-webkit-scrollbar {
    width: 5px;
    /*height: 16px;*/
    background-color: #f5f5f5;
}

.tabimg,
.tabimg img {
    width: 448px;
}


/*定义滚动条的轨道，内阴影及圆角*/

.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5;
}


/*定义滑块，内阴影及圆角*/

.scrollbar::-webkit-scrollbar-thumb {
    /*width: 10px;*/
    height: 20px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #fe6262;
}


/*竞赛奖励*/

.reward-content {
    padding: 20px
}

.reward-content>ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#reword>li {
    margin-right: 2.75%\9;
    height: 298px\9;
}

.reward-content>ul>li {
    text-align: center;
    width: 31.5%;
    border: 2px solid #f4f4f4;
    padding-bottom: 15px;
    background: #fff;
    float: left;
}

.reward-content>ul>#rew-last>h2 {
    width: 80%;
    margin: auto;
    line-height: 24px
}

.reward-content>ul>li>.reward-img {
    width: 100px;
    height: 100px;
    margin: 30px auto 0;
    border-radius: 50%;
    overflow: hidden
}

.reward-content>ul>li>.reward-img>img {
    height: 100px;
}

.reward-content>ul>li>h1 {
    font-size: 18px;
    color: #666;
    margin: 15px 0 30px 0;
    line-height: 20px;
    font-weight: normal
}

.reward-content>ul>li>h2 {
    font-size: 14px;
    color: #666;
    margin: 0 0 10px 0;
    font-weight: normal
}

.reward-content>ul>li>h1>span {
    font-size: 20px;
    color: #da3636;
}

.reward-content>ul>li>h2>span:first-child {
    margin-right: 15px
}


/*广告2*/

.cj-img,
.cj-img img {
    width: 100%
}

.tongdaobox {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.tongdao {
    width: 219px;
    float: left;
    margin-right: 14px;
}

.tongdao img {
    width: 100%;
}

.tongdao:nth-child(3) {
    margin: 0;
}

.tongdaobox .login {
    width: 395px;
    background: #FEFEFE;
    float: right;
    border-radius: 5px;
    border: 1px solid #F0F0F0;
    position: absolute;
    height: 100%;
    right: 0;
    overflow: hidden;
}

.tongdaobox .login .title {
    width: 100%;
    height: 41px;
    background: url(../../img/competition_img/index/渐变.png) repeat-x;
    margin: 0 auto;
    padding: 0 20px;
}

.tongdaobox .loginbutton {
    margin: 20px 0 24px 0;
    overflow: hidden;
}

.tongdaobox .login .title span {
    font-size: 16px;
    color: #fff;
    /*font-weight:bold;*/
    float: left;
    line-height: 41px;
}

.tongdaobox .login .title .more {
    float: right;
}

.tongdaobox .login .title .more>a {
    color: #fff;
    font-size: 12px;
    display: block;
    background: url(../../img/competition_img/index/arrow.png) no-repeat right center;
    padding-right: 18px;
}

.tongdaobox .login .con {
    width: 100%;
    background: #FEFEFE;
    box-sizing: border-box;
    padding: 0 15px;
    overflow: hidden;
}

.conneirong {
    background: s#fff;
    width: 100%;
}

.tongdaobox .login .con .conneirong {
    line-height: 34px;
    width: 100%;
    border-bottom: 2px dashed #F4F4F4;
    font-size: 14px;
    color: #656565;
}

.tongdaobox .login .con li:first-child {
    margin-top: 10px;
    margin-bottom: 0;
}

.tongdaobox .login .con li:last-child {
    border: 0;
    display: table-cell;
    vertical-align: bottom
}

.tongdaobox .login .con li:nth-child(2) {
    line-height: 34px;
    margin-bottom: 0;
}

.tongdaobox .login .con span {
    font-size: 14px;
    color: #979797;
}

.jianxi {
    width: 100%;
    height: 20px;
}

.advone {
    width: 100%;
}

.advone img {
    width: 100%;
}

.login .forgetpass {
    float: left;
    margin-left: 11px;
    margin-top: 5px;
}

.login .reg {
    float: right;
    margin-right: 80px;
    margin-top: 5px;
    margin-bottom: 40px;
}

.login form div {
    padding-left: 75px;
    box-sizing: border-box;
    margin-top: 15px;
    overflow: hidden;
}

.login .logout {
    font-weight: normal;
    font-size: 14px;
    float: right;
    color: #2982cc;
}

.login form div:last-child {
    margin-bottom: 20px;
    overflow: hidden;
}

.login #submit {
    display: block;
    width: 94px;
    height: 36px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    float: left;
}

.dy-lginput {
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 180px;
    height: 30px;
    padding: 0 5px;
    box-sizing: border-box;
}

.login a:first-child {
    margin-left: 27px;
}

.login form div:first-child {
    margin-top: 20px;
}

.login #user,
.login #pass {
    width: 180px;
    height: 32px;
    border-radius: 3px;
    border: 2px solid #E6E6E6;
    box-sizing: border-box;
}

.login label {
    color: #999;
}


/*竞赛公告开始*/

.competition {
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ededed;
    box-sizing: border-box;
    background: #fff;
}

.head {
    width: 100%;
    height: 40px;
    background: linear-gradient(#ff5252, #da3636, #da3636);
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 20px;
}

.head span:first-child {
    float: left;
}

.head span:last-child {
    float: right;
}

.head span:last-child>a {
    color: #fff;
    font-size: 12px;
    display: block;
    background: url(../../img/competition_img/index/arrow.png) no-repeat right center;
    padding-right: 18px;
}

.com_con {
    width: 100%;
    background: #fff;
}

.com_con>div {
    width: 50%;
    height: 100%;
    float: left;
}

.left_com_con h3 {
    font-size: 20px;
    color: #BD262C;
    text-align: center;
    margin: 22px 0 12px 0;
    background: #fff;
}

.left_com_con>.scrollbar {
    width: 446px;
    height: 176px;
    margin-left: 20px;
    font-size: 14px;
    line-height: 23px;
    font-weight: bold;
    color: #262727;
    position: relative;
    background: #fff;
    overflow-y: scroll;
    padding-right: 10px;
}

.left_com_con>.scrollbar>p {
    text-indent: 30px;
}

.scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 16px;
    background-color: #f5f5f5;
}


/*定义滚动条的轨道，内阴影及圆角*/

.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #ebebeb;
}


/*定义滑块，内阴影及圆角*/

.scrollbar::-webkit-scrollbar-thumb {
    /*width: 10px;*/
    height: 20px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #fe6262;
}

.left_com_con .progress {
    width: 4px;
    height: 176px;
    background: #E9E9E9;
    position: absolute;
    right: -20px;
    top: 0;
    border-radius: 5px;
}

.left_com_con .progress div {
    width: 100%;
    height: 115px;
    background: #FD6362;
    border-radius: 5px;
}

.right_com_con {
    /*border-left:1px solid #E8E8E8;*/
    box-sizing: border-box;
    background: #fff;
}

.list_con {
    width: auto;
    height: 240px;
    margin-top: 22px;
    border-left: 1px solid #E8E8E8;
    padding: 0 30px 0 20px;
}

.list_con li {
    height: 38px;
    border-bottom: 1px solid #EBEBEB;
    line-height: 38px;
    font-size: 14px;
    font-weight: bold;
    color: #262727;
    background: #fff;
}

.list_con div {
    width: 10px;
    height: 10px;
    border: 3px solid #444;
    border-radius: 50%;
    float: left;
    margin-top: 15px;
    margin-right: 10px;
    box-sizing: border-box;
}

.list_con a {
    color: #474747;
}

.list_con a span {
    color: #999A9A;
    /*float:left;*/
    /*display:block;*/
    margin: 0 7px;
}

.list_con a i {
    color: #999A9A;
    font-style: normal;
}


/*竞赛公告结束*/


/*参考资料开始*/

.cankaodata {
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px solid #ededed;
    overflow: hidden;
}

.cankao_con {
    width: 100%;
    background: #FEFEFE;
}

.cankao_con li {
    width: 308px;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-top: 15px;
    position: relative;
    background: #F3F3F3;
}

.cankao_con li a {
    display: block;
    width: 100%;
    height: auto;
    border: 2px solid #EDEDED;
    box-sizing: border-box;
    background: #F3F3F3;
}

.cankao_con .labelcankao {
    position: absolute;
    left: 2px;
    top: 1px;
    width: 144px;
    height: 51px;
    background: url(../../img/competition_img/index/biaoqian.png);
}

.cankao_con img {
    /*margin-left:2px;*/
    margin-top: 1px;
    /*height:241px;*/
    width: 100%;
}

.cankao_con .down {
    margin-top: 20px;
}

.cankao_con .down i {
    padding-right: 15px;
}

.cankao_con .down span {
    margin-top: 15px;
    padding-right: 8px;
}

.cankao_con span {
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    display: block;
    color: #696969;
}

.up span {
    text-align: center;
    margin-top: 15px;
}

.up>a:hover {
    border: 2px solid #D4D4D4;
}

.up>a:hover i {
    padding-right: 15px;
}

.down>a:hover {
    border: 2px solid #D4D4D4;
}

.down>a:hover i {
    padding-right: 15px;
}

.cankao_con i {
    font-size: 12px;
    font-style: normal;
    display: block;
    text-align: right;
    color: #656565;
    margin: 10px 0;
}


/*参考资料结束*/


/*页脚部分开始*/

.newfoot {
    width: 1160px;
    height: 182px;
    background: #2D2F34;
    margin: 0 auto;
    position: relative;
    padding: 32px 38px 0 45px;
    box-sizing: border-box;
}

.newfoot>div {
    float: left;
    position: relative;
    box-sizing: border-box;
}

.newfoot>div span {
    font-size: 12px;
    font-weight: bold;
    color: #D5D4D3;
}

.newfoot ul {
    margin-top: 26px;
}

.newfoot ul>li {
    background: none;
}

.newfoot>div a {
    font-size: 12px;
    text-decoration: none;
    color: #7E7B78;
}

.newfootbox a:hover {
    color: #D14446;
}

.newfootbox a {
    display: inline;
    text-decoration: none;
    color: #7E7B78;
}

.footlogo {
    width: 232px;
    height: 46px;
    background: url(../../img/competition_img/index/header_logo.png);
    position: absolute;
    right: 0;
}

.newfoot p {
    position: absolute;
    top: 67px;
    width: 266px;
    font-size: 12px;
    color: #58585B;
    font-weight: bold;
    transform: scale(0.9);
    transform-origin: right;
}

.newfootbox {
    width: 100%;
    height: 170px;
    background: #2D2F34;
    margin: 0 auto;
    position: relative;
}

.newfootbox>span {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 25px;
    color: #7E7B78;
    font-size: 12px;
}


/*页脚部分结束*/


/*小导航*/

.small-nav {
    width: 100%;
    display: none;
    background: url(../../img/competition_img/index/渐变.png) repeat-x;
    background-size: cover;
    position: absolute;
    z-index: 99;
    background: #da3636;
}

.small-nav>li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: none;
}

.small-login {
    width: 100%;
    display: none;
    background: url(../../img/competition_img/index/渐变.png) repeat-x;
    background-size: cover;
    position: absolute;
    z-index: 99;
    background: #da3636;
}

.small-login>li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: none;
}

.small-nav>li a {
    margin-left: 20px;
    color: #fff;
}

.small-login>li a {
    margin-left: 20px;
    color: #fff;
}

.small-login>li a span {
    margin-right: 10px;
}

.comp-nav>span {
    float: left;
    color: #FFF;
    font-size: 26px;
    margin-left: 15px;
    display: none;
}

.comp-nav>.icon-nanrentouxiang {
    float: right;
    margin-right: 15px;
}


/*响应式小于1000*/

@media screen and (max-width:1000px) {
    .compe-banner {
        width: 100%;
    }
    .comp-nav {
        width: 100%;
    }
    .adv one {
        width: 100%;
    }
    #content-container {
        width: 100%;
    }
    .newfootbox {
        display: none;
    }
    .cankao_con li {
        width: 50%;
        margin-left: 0;
        padding: 0 20px;
    }
    .tongdao {
        width: 20%;
        margin-right: 0px;
    }
    .tongdaobox .login {
        width: 40%;
    }
    .login form div {
        width: 100%;
        text-align: center;
        padding: 0
    }
    .dynamic-content>.dynamic-list-wrap {
        width: 100%;
        border-right: 0;
        margin-bottom: 0;
    }
    .bangdan {
        width: 100%;
    }
    .login form div:last-child {
        padding-left: 70px;
    }
    .com_con>div {
        width: 100%;
    }
    .left_com_con>.scrollbar {
        width: 100%;
        padding: 0 20px;
        margin: 0;
    }
    .cankao_con .labelcankao {
        left: 20px;
    }
}

.logout:hover {
    text-decoration: underline;
}

@media screen and (max-width:768px) {
    .cankao_con li {
        width: 100%;
    }
    .reward-content>ul>li {
        width: 100%;
        margin-bottom: 20px;
        margin: 0;
    }
    .tongdaobox .login {
        display: none;
    }
    .tongdao {
        width: 33.3333%;
    }
}

@media screen and (max-width:500px) {
    .list_con li {
        font-size: 12px;
    }
    .list_con li span,
    .list_con li i {
        display: none;
    }
    .compe-banner>.countdown>img {
        display: none;
    }
    .compe-banner>.countdown>.count>b {
        width: 25px;
    }
    .compe-banner>.countdown>.count {
        left: 10px;
        font-size: 12px;
    }
    .bangdan>.reward-content>.bandang-tab>table>tbody>tr>td:nth-child(2) {
        /* overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap; */
    }
    .ma_box {
        display: none;
    }
    .dynamic-content>.dynamic-list-wrap>li>a {
        width: 68%;
    }
    .announce {
        width: 100%;
    }
    .announce>.scrollDiv {
        width: 50%;
    }
    .comp-nav>ul {
        display: none;
    }
    .comp-nav>span {
        display: block;
    }
}


/*考试时段剩余人数*/

.Examination_period {
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
    font-size: 16px;
}

.Examination_period_con {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    border-top: 0;
    border: 1px solid #ededed;
}

.Examination_period_lt {
    margin: 20px 0;
    width: 50%;
    float: left;
    box-sizing: border-box;
    /*background: #fff;*/
    overflow: hidden;
    padding: 0 20px;
    box-sizing: border-box;
}

.Examination_period_rt {
    margin: 20px 0;
    width: 50%;
    float: right;
    box-sizing: border-box;
    /*background: #fff;*/
    overflow: hidden;
    padding: 0 20px;
    box-sizing: border-box;
}

.Examination_period_lt tr,
.Examination_period_rt tr {
    width: 100%;
}

.Examination_period_lt td,
.Examination_period_lt th {
    padding: 8px;
    line-height: 30px;
    width: 1%;
    text-align: center;
}

.Examination_period_rt td,
.Examination_period_rt th {
    padding: 8px;
    width: 1%;
    text-align: center;
    line-height: 30px;
}

.Surplusperson {
    padding: 0 20px;
    border: 1px solid #ededed;
}


/*个人成绩排行榜*/

.persongrade {
    width: 100%;
}

.teamgrade {
    width: 100%;
}

.persongrade>.reward-content>.tab-header>.nth1 {
    text-align: center;
    width: 10%;
    width: 13%\9;
}

.persongrade>.reward-content>.tab-header>.nth2 {
    text-align: center;
    width: 25%;
    width: 13%\9;
}

.persongrade>.reward-content>.tab-header>.nth3 {
    text-align: center;
    width: 27%;
    width: 13%\9;
}

.persongrade>.reward-content>.tab-header>.nth4 {
    text-align: center;
    width: 8%;
    width: 13%\9;
}

.persongrade>.reward-content>.tab-header>.nth5 {
    text-align: center;
    width: 20%;
    width: 13%\9;
}

.persongrade>.reward-content>.tab-header>.nth6 {
    text-align: center;
    width: 10%;
    width: 13%\9;
}

.persongrade>.reward-content>.bandang-tab>table>tbody>tr>td:nth-child(1) {
    width: 10%
}

.persongrade>.reward-content>.bandang-tab>table>tbody>tr>td:nth-child(2) {
    width: 25%
}

.persongrade>.reward-content>.bandang-tab>table>tbody>tr>td:nth-child(3) {
    width: 27%
}

.persongrade>.reward-content>.bandang-tab>table>tbody>tr>td:nth-child(4) {
    width: 8%
}

.persongrade>.reward-content>.bandang-tab>table>tbody>tr>td:nth-child(5) {
    width: 20%
}

.persongrade>.reward-content>.bandang-tab>table>tbody>tr>td:nth-child(6) {
    width: 9%
}

.teamgrade>.reward-content>.tab-header>.nth1 {
    text-align: center;
    width: 10%;
    width: 13%\9;
}

.teamgrade>.reward-content>.tab-header>.nth2 {
    text-align: center;
    width: 28%;
    width: 13%\9;
}

.teamgrade>.reward-content>.tab-header>.nth3 {
    text-align: center;
    width: 28%;
    width: 13%\9;
}

.teamgrade>.reward-content>.tab-header>.nth4 {
    text-align: center;
    width: 24%;
    width: 13%\9;
}

.teamgrade>.reward-content>.tab-header>.nth5 {
    text-align: center;
    width: 10%;
    width: 13%\9;
}

.teamgrade>.reward-content>.bandang-tab>table>tbody>tr>td:nth-child(1) {
    width: 10%
}

.teamgrade>.reward-content>.bandang-tab>table>tbody>tr>td:nth-child(2) {
    width: 28%
}

.teamgrade>.reward-content>.bandang-tab>table>tbody>tr>td:nth-child(3) {
    width: 28%
}

.teamgrade>.reward-content>.bandang-tab>table>tbody>tr>td:nth-child(4) {
    width: 24%
}

.teamgrade>.reward-content>.bandang-tab>table>tbody>tr>td:nth-child(5) {
    width: 9%
}

.bangdan>.reward-content>.bandang-tab>table>tbody>tr>td {
    vertical-align: middle;
}

.alert-warning .alert-link {
    display: inline;
}