*{
    margin: 0;
    padding: 0;
}
.fc{
	color:#ae9459
}
.fl_rec{
    float: left;
    font-size:18px;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
ul li{
    list-style: none;
}
.cb{
    clear:both;
}
html,body{
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-family: STHeitiSC Light, Helvetica, Arial, Verdana, Tahoma, sans-serif;
}

header{
    height: 3rem;
    line-height: 3rem;
}
header ul li{
    float: left;
}
header ul li:nth-of-type(1){
    margin-left: 2%;
    font-weight: 900;
}
header ul li:nth-of-type(2){
    margin-left: 30%;
    font-weight: 900;
}
header ul li:nth-of-type(3){
    margin-left: 30%;
    font-weight: 900;
}
.recordQuery{
    width: 100%;
    height: 3.875rem;
    line-height: 3.875rem;
    background: url(../images/rank.png) no-repeat;
    background-size: 1.375rem 1.375rem;
    background-position: 38% 48%;
    background-color: #ffffff;
}
.recordQuery p{
    margin-left: 44.8%;
    font-weight: 900;
    color: rgb(174, 148, 89);
}
.formCon{
    background-color: #ffffff;
    border-bottom: 1px solid #dedede;
}
.formCon>div{
    margin-left: 3.75%;
    margin-right: 3.75%;
    padding-left: 2.9%;
    height: 2.75rem;
}
.formCon b{
    color: #ae9459;
    margin-left: 2.4%;
}
.formCon button{
    width: 13.3%;
    height: 1.8125rem;
    line-height: 1.8125rem;
    margin-left:  7.8%;
    background: #ae9459;
    color: #ffffff;
    border: none;
    border-radius: 0.3rem;
}
.inputBg{
    width: 50.6%;
    height: 1.8125rem;
    background-size: 100% 1.8125rem;
    margin-left: 6%;
}
.areaInputLeft,
.teamInputLeft{
    font-size: 0.8rem;
    float: left;
    width: 80%;
}
.areaInputRight,
.teamInputRight{
    float: left;
    width: 20%;
    position: relative;
}
.areaUp{
    width: 0.5rem;
    height: 0.4375rem;
    position: absolute;
    left: 0.6875rem;
    top: 0.3125rem;
}
.areaDown{
    width: 0.5rem;
    height: 0.4375rem;
    position: absolute;
    left: 0.6875rem;
    top: 0.875rem;
}
.teamUp{
    width: 0.5rem;
    height: 0.4375rem;
    position: absolute;
    left: 0.6875rem;
    top: 0.3125rem;
}
.teamDown{
    width: 0.5rem;
    height: 0.4375rem;
    position: absolute;
    left: 0.6875rem;
    top: 0.875rem;
}
.perQuery {
    height: 2.75rem;
    line-height: 2.75rem;
    border-bottom: 1px solid #dedede;
}
.perQuery span{
    width: 1.375rem;
    height: 2.75rem;
    display: block;
    background: url(../images/person.png) no-repeat;
    background-size: 1.375rem 1.375rem;
    background-position-y: 0.75rem;
}
.perQuery input{
    width: 97.5%;
    height: 1.6875rem;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-left: 5px;
    border: 1px solid #d5d5d5;
    background:none;
    appearance:button;
    -moz-appearance:button; /* Firefox */
    -webkit-appearance:button; /* Safari 和 Chrome */
}
.areaQuery{
    height: 1.5625rem;
    line-height: 1.5625rem;
    clear: both;
}
.areaQuery span{
    width: 1.875rem;
    height: 2.25rem;
    display: block;
    background: url(../images/area.png) no-repeat;
    background-size: 0.9375rem 1.25rem;
    background-position: 0.25rem 0;
}
.teamQuery{
    line-height: 2.75rem;
    border-bottom: 1px solid #dedede;
    clear: both;
}
.teamQuery span{
    width: 1.375rem;
    height: 2.75rem;
    display: block;
    background: url(../images/area.png) no-repeat;
    background-size: 1.375rem 1.375rem;
    background-position-y: 0.75rem;
}
.branchQuery{
    line-height: 2.75rem;
    clear: both;
}
.branchQuery span{
    background: url(../images/people.png) no-repeat;
    width: 1.375rem;
    height: 2.75rem;
    display: block;
    background-size: 1.375rem 1.375rem;
    background-position-y: 0.75rem;
}
.tishi{
    color: rgb(153,153,153);
    font-size: 0.75rem;

}
.tishi p:nth-of-type(1) {
    padding-left: 6.67%;
    padding-top: 10px
}
.tishi p:nth-of-type(2) {
    padding-top: 6px;
    padding-left: 6.67%;
}
.tishi p:nth-of-type(3) {
    padding-top: 6px;
    padding-left: 6.67%;
    padding-bottom: 10px;
}
.rankTitle{
    height: 2.875rem;
    line-height: 2.875rem;
    background-color: #ffffff;
    border-bottom: 2px solid #dedede;
    position: relative;
}
.rankTitle p:nth-of-type(1){
    border-right: 1px solid #dedede;
    width: 33%;
    height: 1.875rem;
    line-height: 1.875rem;
    margin-top: 0.5rem;
    text-align: center;
    /*color: #ae9459;*/
}
.rankTitle p:nth-of-type(2){
    border-right: 1px solid #dedede;
    width: 33%;
    height: 1.875rem;
    line-height: 1.875rem;
    margin-top: 0.5rem;
    text-align: center;
}
.rankTitle p:nth-of-type(3){
    width: 33%;
    height: 1.875rem;
    line-height: 1.875rem;
    margin-top: 0.5rem;
    text-align: center;
}

.rankTitle_rec{
    height: 2.875rem;
    line-height: 2.875rem;
    border-bottom: 2px solid #dedede;
    position: relative;
}
.rankTitle_rec p:nth-of-type(1){
 /*    border-right: 1px solid #dedede; */
    width: 33%;
    height: 1.875rem;
    line-height: 1.875rem;
    margin-top: 0.5rem;
    text-align: center;
    /*color: #ae9459;*/
}
.rankTitle_rec p:nth-of-type(2){
   /*  border-right: 1px solid #dedede; */
    width: 33%;
    height: 1.875rem;
    line-height: 1.875rem;
    margin-top: 0.5rem;
    text-align: center;
}
.rankTitle_rec p:nth-of-type(3){
    width: 33%;
    height: 1.875rem;
    line-height: 1.875rem;
    margin-top: 0.5rem;
    text-align: center;
}
.tabOne{
    width: 33%;
    height: auto;
    position: absolute;
    left: 0;
    top: 2.875rem;
}
.tabTwo{
    width: 33%;
    height: auto;
    position: absolute;
    left: 33%;
    top: 2.875rem;
}
.tabThree{
    width: 33%;
    height: auto;
    position: absolute;
    left: 66%;
    top: 2.875rem;
}

.tabOne_rec{
    width: 33%;
    height: auto;
    position: absolute;
    left: 0;
    /* top: 2.875rem; */
}
.tabTwo_rec{
    width: 33%;
    height: auto;
    position: absolute;
    left: 33%;
    /* top: 2.875rem; */
}
.tabThree_rec{
    width: 33%;
    height: auto;
    position: absolute;
    left: 66%;
    /* top: 2.875rem; */
}
.perRankTitle{
    height: 45px;
    background-color: #ffffff;
    font-size: 14px;
    color: rgb(102,102,102);
    margin-top: 0.75rem;
}
.perRankTitle ul {
    padding: 12.5px 0px;
}
.perRankTitle ul li {
    height: 20px;
    line-height: 20px;
    float: left;
    text-align: center;
    border-right:1px solid #dedede;
}
.perRankTitle ul li:nth-of-type(1){
    width: 15%;
}
.perRankTitle ul li:nth-of-type(2){
    width: 25%;
}
.perRankTitle ul li:nth-of-type(3){
    width: 30%;
}
.perRankTitle ul li:nth-of-type(4){
    width: 30%;
    border-right:none;
}
.perRankTitle ul li:nth-of-type(5){
    width: 22%;
    border-right:none;
}

.perResult{
    background-color: #ffffff;
    font-size: 0.8rem;
}

.perResult ul:nth-child(odd) {
    background-color: #fbfbfb;
}

.divisionResult ul:nth-child(even) {
    background-color: #ffffff;
}
.perResult ul li {
    height: 3rem;
    float: left;
    line-height: 3rem;
    text-align: center;
    border-top: 1px solid #dedede;
}
.perResult ul li:nth-of-type(1){
    width: 15%;
}
.perResult ul li:nth-of-type(2){
    width: 25%;
}
.perResult ul li:nth-of-type(3){
    width: 30%;
}
.perResult ul li:nth-of-type(4){
    width: 30%;
}
.perResult ul li:nth-of-type(5){
    width: 22%;
}

.teamResult{
    background-color: #ffffff;
    font-size: 0.8rem;
}

.teamResult ul:nth-child(odd) {
    background-color: #fbfbfb;
}

.teamResult ul:nth-child(even) {
    background-color: #ffffff;
}
.teamResult ul li {
    height: 3rem;
    float: left;
    line-height: 3rem;
    text-align: center;
    border-top: 1px solid #dedede;
}
.teamResult ul li:nth-of-type(1){
    width: 20%;
}
.teamResult ul li:nth-of-type(2){
    width: 40%;
}
.teamResult ul li:nth-of-type(3){
    width: 40%;
}
.teamResult ul li:nth-of-type(4){
    width: 30%;
}


.branchCon {
    display: none;
}
.branchTitle{
    height: 45px;
    background-color: #ffffff;
    font-size: 14px;
    color: rgb(102,102,102);
    margin-top: 0.75rem;
}

.branchTitle ul {
    padding: 12.5px 0px;
}
.branchTitle ul li {
    height: 20px;
    line-height: 20px;
    float: left;
    text-align: center;
    border-right:1px solid #dedede;
}
.branchTitle ul li:nth-of-type(1){
    width: 15%;
}
.branchTitle ul li:nth-of-type(2){
    width: 35%;
}
.branchTitle ul li:nth-of-type(3){
    width: 25%;
}
.branchTitle ul li:nth-of-type(4){
    width: 25%;
   	border-right:none;
}
.branchTitle ul li:nth-of-type(5){
    width: 22%;
    border-right:none;
}

.branchResult{
    background-color: #ffffff;
    font-size: 0.8rem;
}

.branchResult ul:nth-child(odd) {
    background-color: #fbfbfb;
}

.branchResult ul:nth-child(even) {
    background-color: #ffffff;
}
.branchResult ul li {
    height: 3rem;
    float: left;
    line-height: 3rem;
    text-align: center;
    border-top: 1px solid #dedede;
}
.branchResult ul li:nth-of-type(1){
    width: 15%;
}
.branchResult ul li:nth-of-type(2){
    width: 35%;
}
.branchResult ul li:nth-of-type(3){
    width: 25%;
}
.branchResult ul li:nth-of-type(4){
    width: 25%;
}
.branchResult ul li:nth-of-type(5){
    width: 23%;
}

/*团队战绩排行榜结果*/
.teamRankTitle{
    margin-top: 0.75rem;
    height: 45px;
    background-color: #ffffff;
    font-size: 14px;
    color: rgb(102,102,102);
}
.teamRankTitle ul {
    padding: 12.5px 0px;
}
.teamRankTitle ul li {
    height: 20px;
    line-height: 20px;
    float: left;
    text-align: center;
    border-right:1px solid #dedede;
}
.teamRankTitle ul li:nth-of-type(1){
    width: 20%;
}
.teamRankTitle ul li:nth-of-type(2){
    width: 40%;
}
.teamRankTitle ul li:nth-of-type(3){
    width: 40%;
    border-right:none;
}
.teamRankTitle ul li:nth-of-type(4){
    width: 30%;
}
.teamRankTitle ul li:nth-of-type(5){
    width: 22%;
    border-right:none;
}

footer{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    height: 30px;
    line-height: 30px;
    background-color:#f3f3f3;
}
footer p{
    text-align: center;
    color: #999999;
}
/*团队,战队下拉菜单样式*/
.teamNo,
.branchNo {
    width: 100%;
    height: 1.875rem;
    font-size: 0.875rem;
    margin-left: 0.1rem;
    background-image:url(../images/icon.png);
    background-size:12px 7px;
    background-repeat: no-repeat;
    background-position: 93% center;
    -webkit-appearance: none;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    color: #999999;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-left: 5px;
    border:solid 1px #d5d5d5;
}
/*input,textarea,select{-webkit-tap-highlight-color:rgba(255,255,255,0) ;}*/