﻿@charset "utf-8";
/* CSS Document */
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
html{color:#000;font-size:14px;overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0 auto; padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
img {border:none;vertical-align: middle;}
li,ol,ul{list-style:none}
a {text-decoration:none; color:#000}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
table{border-collapse: collapse;}
input,textarea,select {outline:none}
input[type="file"]{cursor: pointer;transition: all 0.3s;}
/*input#error_input{background-color:#fbe2e2;border-color:#c66161;color:#c00;transition: all 0.5s;}*/
body{min-width: 1240px;background-color: #fff}
body,input,select,option {font-family:'microsoft yahei';}
::-webkit-input-placeholder{color: #b2b2b2;}

/* 公共样式 */
.inner{width: 1240px;min-width: 1240px;max-width: 1240px;margin: 0 auto;}
.clear{clear: both;}
.left{float: left;}
.right{float: right;}

.head .inner,
.introduction .inner,
.a_list .inner,
.rankMode .inner{overflow: hidden;}
/* 导航 */
.head{height: 80px; z-index: 9; background-color: #fff; display: block; width: 100%;}
.head .inner{line-height: 80px;}
.head .logo{float: left;}
.head .logo img{margin-right: 30px;}
.head .nav{float: right;}
.head .nav a{display: inline-block;margin-left: 45px;font-weight: bold;font-size: 16px;}
.head .nav a:hover{text-decoration: underline;}
.banner{background: url(../images/banner.jpg) no-repeat center center;min-width: 1240px;position: relative;display: block; width: 100%; height: 646px;}
.banner a{position: absolute;left: 50%;bottom: -49px;margin-left: -180px;width: 360px;height: 98px;background-color: #db351f;font-size: 36px;color: #fff;border-radius: 10px;
display: inline-block; text-align: center; line-height: 94px;transition: all 0.3s;}
.banner a:hover{background-color: #e83e28;}
.introduction{padding-top: 130px;padding-bottom: 50px; border-bottom: 1px solid #e0dfde;}
.introduction img{margin-top: 70px;}
.introduction .right{width: 60%;}
.introduction span,
.award .a_des span,
.rules .title span,
.rankMode .title span,
.rank .title span{display: block;color: #0e1623;}
.introduction span.t1,
.award .a_des span.t1,
.rules .title span.t1,
.rankMode .title span.t1,
.rank .title span.t1{font-size: 36px;}
.introduction span.t2,
.award .a_des span.t2,
.rules .title span.t2,
.rankMode .title span.t2,
.rank .title span.t2{font-size: 48px;}
.introduction p,
.award .a_des p{line-height: 36px;}
.introduction p.des,
.award .a_des p.des{font-size: 16px;margin: 10px 0;font-size: 16px;color: #0e1623;}
.introduction p.time{color: #db351f;font-size: 18px;font-weight: bold;}
.award .a_des{padding: 80px 0;}
.award .a_des .ps{font-size: 16px;color: #302523;margin: 20px 0 60px;}
.award .bgRed{overflow: hidden;}
.award .bgRed .leftRedBg{float: left; background-color: #c43835;width: 50%;height: 400px;}
.award .a_list{margin-top: -400px;height: 400px;}
.award .a_list .left{background-color: #c43835;color: #fff;display: block; height: 400px; width: 55%;}
.award .a_list .t{display: block;font-size: 24px;margin: 50px 0 10px;}
.award .a_list .bonus span{display: inline-block;font-size: 16px;line-height: 36px; width: 220px;}
.award .a_list .right{position: relative; width: 45%;height: 400px;}
.award .a_list .right .pinjie{position: absolute;display: block;background: url(../images/jia.png) no-repeat center center; width: 68px;height: 68px;left: -39px;top: 50%;
margin-top: -9px;}
.award .a_list .block{background: rgba(210,210,209,0.6);width: 47%;float: left;height: 400px;}
.award .a_list .block2{margin-left: 6%;}
.award .a_list .block img{display: block;margin: 55px 0 40px -20px;}
.award .a_list .block p{display: block;margin: 0 32px;}
.award .a_list .block span{display: block;text-align: center;}
.award .a_list .block .mc{font-size: 22px; color: #db351f;}
.award .a_list .block .prize{font-size: 16px;color: #0c1f3d;line-height: 30px;margin: 7px 0 15px;}
.award .a_list .block .bz{font-size: 12px;color: #0c1f3d;}
.award .ps{margin-top: 45px;}
.award .ps span{display: block;font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.rules{padding-top: 100px;}
.rules .rules_in{background: url(../images/rules_bg.jpg) no-repeat center center;width: 100%;height: 547px;}
.rules .title{padding: 60px 0 25px;}
.rules .title span{color: #fff;}
.rules .rule_list{overflow: hidden;}
.rules .block{line-height: 30px;color: #fff;font-size: 16px;float: left;padding-top: 10px;padding-bottom: 10px;width: 33%;}
.rules .block1{padding-right: 20px;}
.rules .block2{padding-left: 20px;padding-right: 20px;border-left: 1px solid;border-right: 1px solid;border-color: rgba(255,255,255,0.8);}
.rules .block3{padding-left: 20px;}
.rules .block span{display: block;margin-bottom: 36px;font-size: 20px; font-weight: bold;}
.rules .block1 a{display: inline-block;font-size: 16px;color: #5151f3;}
.rules .block1 a:hover{text-decoration: underline;}
.rankMode .inner{background: url(../images/rankMode.jpg) no-repeat right center;padding: 115px 0 30px; background-size: 52%;}
.rankMode .des .zy{color: #c43835;font-size: 24px;display: block;margin: 48px 0; font-weight: bold;}
.rankMode .des p{font-size: 16px;color: #0e1623;line-height: 48px;font-weight: bold;}
.rankMode .des p.last{line-height: 30px;margin-top: 20px;font-weight: normal;}
.rank .title span.t2{font-size: 60px;}
.date{display: block; font-size: 16px;color: #0e1623;margin: 50px 0 20px;}
.rank{padding-top: 100px;}
.rank .list table{display: block;width: 100%;}
.rank .list thead tr{background-color: #ce1d20; }
.rank .list thead tr td{color: #fff;font-size: 22px;text-align: center;font-weight: bold;}
.rank .list tbody tr.grayBg{background-color: #f8f8f8;}
.rank .list td{width: 248px;height: 90px;text-align: center;color: #000;font-size: 22px;}
.rank .list td.grade{}
.rank .list td.grade1{background: url(../images/grade1.png) no-repeat center center;}
.rank .list td.grade2{background: url(../images/grade2.png) no-repeat center center;}
.rank .list td.grade3{background: url(../images/grade3.png) no-repeat center center;}
.rank .list .ts{text-align: right;font-size: 16px; color: #0e1623;line-height: 48px;}
.notice{overflow: hidden;height: 600px;padding-top: 100px;}
.notice div{height: 100%;}
.notice .left{width: 45%;background: url(../images/notice.jpg) no-repeat center center;}
.notice .right{width: 55%;background-color: #c43835;padding: 40px 0 0 80px;color: #fff;}
.notice .right .title{font-size: 22px;display: block;}
.notice .right p{width: 710px;display: inline-block;}
.notice .right .li{font-size: 16px;line-height: 26px; margin: 10px 0 20px;}
.notice .right .li span{font-size: 24px;}
.notice .right .ts{font-size: 16px;line-height: 30px;}
.copyright{width: 100%;font-size: 16px;color: #fff;height: 90px;background-color: #4b4949;text-align: center;line-height: 90px;margin-top: 110px;}
/* 我要参赛 */
.signUp_content{display: none;}
.layui-layer.signUp_content{background-color: #c43835;border-radius: 8px;display: block;}
.signUp_content .layui-layer-title{height: 64px;border: none;line-height: 64px; font-size: 36px; color: #fff;overflow: hidden;background-color: #c43835;
border-radius: 8px; text-align: center; padding: 0;font-weight: bold;}
.signUp_content .title h2{height: 60px;background-color: #c43835;font-size: 36px;color: #fff;font-weight: bold;display: block;width: 100%;text-align: center;
line-height: 60px;display: none;}
.signUp_content .con{background-color: #fff;border-radius: 10px;display: block;width: 100%;padding: 35px 20px 15px 40px;    border-radius: 8px;}
.signUp_content .con li{overflow: hidden;}
.signUp_content .con span.t,
.signUp_content .con input,
.signUp_content .con i,
.signUp_content .con .ts{display: inline-block;float: left;line-height: 36px;}
.signUp_content .con span.t{font-size: 18px;font-weight: bold;color: #1a1919;width: 100px;margin-bottom: 20px;}
.signUp_content .con input{width: 340px;height: 36px;border-radius: 8px;border:1px solid #c9c6c6;}
.signUp_content .con i{font-size: 12px;color: #c43835;font-style: normal;font-weight: bold;margin: 0 10px;}
.signUp_content .con .ts{font-size: 12px;color: #1a1919;font-weight: bold;}
.signUp_content .con .ts .red{color: #c43835;}
.signUp_content .con .ts .red:hover{text-decoration: underline;}
.signUp_content .con li.yzm input{width: 140px;}
.signUp_content .con li.yzm .send{display: inline-block;width: 196px;height: 36px;text-align: center;line-height: 36px;background-color: #f6625f;color: #fff;
border: 1px solid #c9c6c6; border-radius: 8px; margin-left: 4px;transition: all 0.3s;}
.signUp_content .con li.yzm .send:hover{background-color: #e74946;}
.signUp_content .con li.zb input{width: 18px; height: 18px;line-height: 36px;margin: 9px 5px;}
.signUp_content .con li.zb label{float: left;line-height: 36px;margin-right: 10px;}
.signUp_content .con li.last{padding-top: 15px;border-top: 1px solid #edd8d8;}
.signUp_content .con li.last a{display: inline-block;width: 150px;height: 38px;background-color: #c43835;color: #fff;font-size: 18px;margin-left: 100px;
border-radius: 8px;text-align: center; line-height: 38px;transition: all 0.3s;}
.signUp_content .con li.last a:hover{background-color: #e55956;}
.signUp_content .layui-layer-setwin .layui-layer-close1{background-position: 0;}
.signUp_content .layui-layer-ico{background: url(../images/close.png) no-repeat center center;background-size: 16px;}



