/*
* @Author: Administrator
* @Date:   2017-03-16 09:40:40
* @Last Modified by:   Administrator
* @Last Modified time: 2017-03-23 10:29:02
*/
body{
	color: rgba(49, 69, 103, 0.6);
	background-color: #FFF;
}
.box{
	width:7.5rem;
	height: auto;
    padding-bottom: 1.1rem;
    position: relative;
    overflow: hidden;
}
.title{
 	height: 2rem;
 	width: 100%;
 	width: 7.5rem;
 	overflow: hidden;
 	display: flex;
 	flex-direction: row;
 	align-items: center;
}
.logo{
	height: 1.16rem;
	width: 1.16rem;
	overflow: hidden;
	font-size: 0;
	/* margin-top: 0.44rem; */
	margin-left: 0.35rem;
	float: left;
}
.logo img{
	height:100%;
	width: auto;
}
.name{
	float: left;
	margin-left: 0.5rem;
	font-size: 0;
	/* margin-top: 0.4rem; */
}
.name p:nth-child(1){
	color:#314567;
	width: 5rem;
	font-size: 0.34rem;
	line-height: 0.5rem;
}
.name p:nth-child(2){
	 margin-top: 0.03rem!important;
}
.name p:nth-child(2),.name p:nth-child(3){
    height: 0.4rem;
    line-height: .4rem !important;
}
.home_page{
	float: right;
	font-size: 0;
	margin-right: 0.3rem;
	margin-top: 0.14rem;
}
.edit,.praise{
	float: right;
	font-size: 0;
	margin-right: 0.3rem;
	margin-top: 0.1rem;
	color: #B5B5B5;
}
.home_page img{
	width: 0.36rem;
	height: 0.37rem;
	margin-bottom: 0.05rem;
}
.edit i,.praise i{
	font-size: 0.4rem;
	color: #B5B5B5;
}
.edit p,.home_page p{
	color: #B5B5B5;
	height: 0.28rem;
	line-height: 0.28rem;
}
.clothes{
	height: 0.88rem;
	width: 100%;
	background-color:#062A5C;
	position: relative;
}
.player table td:nth-child(1) {
    padding-left: 0.3rem;
}
.clothes ul li{
	height: 0.88rem;
	float: left;
}
.clothes ul li:nth-child(1){
	margin-left: 0.5rem;
}
.clothes ul li>i{
	width: 0.08rem;
	height: 1.06rem;
	background-color:#333;
	float: left;
	position: relative;
}
.clothes ul li>i>i{
	width: 0.08rem;
	height: 0.5rem;
	position:absolute;
	bottom: 0;
}
.clothes ul li div p{
	color: rgba(255, 255, 255, 0.6);
}
.clothes ul li .details{
	float: left;
	width: 2.24rem;
	font-weight: 700;
}
.clothes ul li .details p{
	padding-left: 0.3rem;
	height: 0.53rem;
	line-height: 0.9rem;
}
.clothes ul li .details p:nth-child(1) span:nth-child(2){
	margin:0 0.12rem 0 0.06rem;
}
.clothes ul li .details p:nth-child(1) span:nth-child(3){
	margin:0 0.12rem 0 0;
}
.clothes_line{
	height: 1.28rem;
	margin-top: 0.2rem;
	float: left;
	width: 1px;
	background-color:#666563;
}
.menu{
	height: 0.87rem;
	width: 100%;
}
.menu a{
	float: left;
	width: 33.3%;
}
/*.current{
	box-shadow: 0 0 10px 2px rgba(0,0,0,0.12) inset;
	-webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.12) inset;
	-o-box-shadow: 0 0 10px 2px rgba(0,0,0,0.12) inset;
	-moz-box-shadow: 0 0 10px 2px rgba(0,0,0,0.12) inset;
	-ms-box-shadow: 0 0 10px 2px rgba(0,0,0,0.12) inset;
	border-bottom: 2px solid #A3A3A3;
	background-color: transparent !important;
	color: #B4B4B4 !important;
}*/
.btn{
	width: 2.65rem;
	height: 0.46rem;
	border-radius: 0.23rem;
	-webkit-border-radius: 0.23rem;
	-o-border-radius: 0.23rem;
	-ms-border-radius: 0.23rem;
	margin:0 auto;
	margin-top: 0.3rem;
	background-color: rgba(0,0,0,0.3);
	font-weight: 700;
	border:1px solid rgba(0,0,0,0.3);
}
.btn i:nth-child(1){
	float: left;
	width: 1.4rem;
	height: 0.46rem;
	background-color: #062A5C;
	border-radius: 0.23rem;
	-webkit-border-radius: 0.23rem;
	-o-border-radius: 0.23rem;
	-ms-border-radius: 0.23rem;
	line-height: 0.46rem;
	text-align: center;
}
.btn i:nth-child(2){
	float: right;
	width: 1.25rem;
	height: 0.46rem;
	line-height: 0.46rem;
	text-align: center;
	color: rgba(255,255,255,0.25);
}
.legend_data{
	height: 0.4rem;
	width: 5rem;
	margin-left: 1.8rem;
    margin-top: 0.4rem
}
@media screen and (max-width: 320px){
.legend_data{
	margin-left: 1.4rem;
}
}
.legend_data i{
	float: left;
	color:#fff;
}
.legend_data i:nth-child(1){
	height: 0.2rem;
	width: 0.2rem;
	background-color: #FE9C3C;
}
.legend_data i:nth-child(2){
	margin-left: 0.1rem;
}
.legend_data i:nth-child(3){
	height: 0.2rem;
	width: 0.2rem;
	background-color:#fff;
	margin-left: 0.26rem;
}
.legend_data i:nth-child(4){
	margin-left: 0.1rem;
}
.legend_data i:nth-child(5){
	height: 0.18rem;
	width: 0.18rem;
	border: 1px solid #fff;
	margin-left: 0.26rem;
}
.legend_data i:nth-child(6){
	margin-left: 0.1rem;
}
.com{
	width: 1.02rem;
	height: 1.83rem;
	position: relative;
	margin-top: 0.5rem;
	margin-left: 0.5rem;
	float: left;
}
.personal{
	width: 0.4rem;
	height: 0.6rem;
	background-color: #FE9C3C;
	position: absolute;
	bottom: 0.6rem;
}
.personal p,.hight>p{
	width: 0.4rem;
	text-align: center;
	color:#fff;
	margin-top: -0.3rem;
}
.personal p{
	color: #fff;
}
.hight{
	width: 0.36rem;
	height: 1.18rem;
	border: 2px solid #fff;
	position: absolute;
	right: 0;
	bottom: 0.6rem;
}
.union{
	width: 0.43rem;
	height: 0.7rem;
	background-color: #fff;
	position: absolute;
	bottom: -2px;
	left: -2px;
	line-height: 0.7rem;
	text-align: center;
	color:#324f8e;
}
.com>p{
	width: 1.02rem;
	height: 0.6rem;
	line-height: 0.6rem;
	text-align: center;
	position: absolute;
	bottom: 0px;
	color: #fff;
}
.com2,.com3{
	margin-left: 0.35rem;
}
.specific{
	width: 6.62rem;
	height: auto;
	border-top: 1px solid hsla(0,0%,100%,.09);
	margin:0 auto;
	margin-top: 2.8rem;
}
.specific table{
	width: 100%;
	height: auto;
}
.specific table td{
	width: 50%;
	height: 1.67rem;
	border:none;
}
.specific .photo{
	height: 0.88rem;
	width: 0.88rem;
	border: 1px solid #fff;
	/* background-color: #858482; */
	overflow: hidden;
	font-size: 0;
	float: left;
	margin-left:-0.1rem;	
}
.specific table tr td:nth-child(2) .photo{
		margin-left: 0.3rem; 
}
.specific .photo img{
    height: auto;
    width: 100%;
}
.specific table td div:nth-child(2){
	font-size: 0.3rem;
	text-align: center;
	width: 2rem;
	float: left;
	color: #99b1c6;
}
.specific table td div:nth-child(2) p{
	line-height: 0.4rem;
}
.specific table td div:nth-child(2) p:nth-child(1){
	color: #fff;
}
.batt{
	margin: 0 auto;
}
table thead td{
	height: 0.5rem;
	background-color: #ccc;
}
table tbody td{
	height: 0.58rem;
}
.player table td:nth-child(1){
	padding-left: 0.2rem;
}
@media screen and (max-width:359px){
	table{
		font-size: 12px !important;
	}
}
.fl{
	float: left !important;
}
.fr{
	float: right !important;
}
#battal{
	display: none;
	width: 7.5rem;
	overflow: auto;
}
/* #battal div{
	width: auto;
} */
.match ul a li{
	height: 1.8rem;
	width: 6.4rem;
	border-bottom: 1px solid #26487A;
	margin: 0 auto;
}
.match ul a{
	color:rgba(255,255,255,0.6);
}
.match ul a:last-child li{
	border-bottom: none;
}
.match ul li>div{
	float: left;
}
.match ul li div:nth-child(1){
	width: 2.5rem;
	height: 1.8rem;
	text-align: center;
}
.match ul li div:nth-child(1) p:nth-child(1){
	height: 0.47rem;
	margin-top: 0.36rem;
	line-height: 0.47rem;
}
.match ul li div:nth-child(1) p:nth-child(2){
	height: 0.47rem;
	margin-top: -0.1rem;
	line-height: 0.47rem;
}
.match ul li div:nth-child(1) p:nth-child(3){
	height: 0.47rem;
	margin-top: -0.1rem;
	line-height: 0.47rem;
}
.match ul li div:nth-child(2){
	width: 2.5rem;
	height: 1.8rem;
	text-align: center;
}
.match ul li div:nth-child(2) p:nth-child(1){
    height: 0.45rem;
    margin-top: 0.6rem;
    line-height: 0.4rem;
}
.match ul li div:nth-child(3){
	width: 1.3rem;
	height: 1.8rem;
	text-align: center;
	overflow: hidden;
	margin-left: 0.1rem;
	line-height: 1.8rem;
}
.match ul li div:nth-child(3) div{
	width: 1.2rem;
	height: 0.5rem;
	border:1px solid #5F5F5F;
	border-radius: 0.08rem;
	-webkit-border-radius: 0.08rem;
	-o-border-radius: 0.08rem;
	-ms-border-radius: 0.08rem;
	background-image: -webkit-linear-gradient(#C9C9C9,#8C8C8C); /* Safari 5.1 - 6.0 */
    background-image: -o-linear-gradient(#C9C9C9,#8C8C8C); /* Opera 11.1 - 12.0 */
    background-image: -moz-linear-gradient(#C9C9C9,#8C8C8C); /* Firefox 3.6 - 15 */
    background-image: linear-gradient(#C9C9C9,#8C8C8C); /* 閺嶅洤鍣惃鍕嚔濞夛拷 */
    margin:0 auto;
    margin-top: 0.62rem;
    color: #666666;
    line-height: 0.5rem;
}
.race_track_data{
	width: 6.62rem;
	height: 2.8rem;
/* 	border-bottom:1px solid #7B7A7A;
	border-top: 1px solid #7B7A7A; */
	border-bottom:1px solid #555452;
	border-top: 1px solid #555452;
	margin:0 auto;
}
.race_track_data ul{
	margin-top: 0.3rem;
}
.race_track_data ul li{
	float: left;
	width: 1.62rem;
	height: 2.8rem;
	position: relative;
}
.race_track_data ul li p{
	width: 100%;
	text-align: center;
}
.race_track_data ul li p:nth-child(1){
	font-size: 0.42rem;
	color:#B4B4B4;
	line-height: 0.7rem;
}
.race_track_data ul li p:nth-child(2){
	font-size: 0.5rem;
	color: #fff;
	line-height: 0.9rem;
}
.race_track_data ul li p:nth-child(3){
	font-size: 0.3rem;
	color: #B4B4B4;
	line-height: 0.7rem;
}
.race_track_data ul li i{
	position: absolute;
	height: 2rem;
	width: 1px;
	/* background-color: #B4B4B4; */
	background-color: #555452;
	right: 0px;
	top: 0.2rem;
}
.coord{
	height: 3.74rem;
	width: 6rem;
	margin:0 auto;
	position: relative;
	overflow:hidden;
	 overflow: auto; 
	padding-left: 0.1rem; 
}
.line{
	/*  width: 5.78rem; */
	height: 0.04rem;
	background-color: #828282;
	margin: 0 auto;
	margin-top: 1.83rem;
	position: relative;
}
.right_btn{
	height: 0.19rem;
	width: 0.17rem;
	float: right;
	margin-top: -0.08rem;
	margin-right: -0.1rem;
}
.line>i{
	/* position: absolute; */
	width: 0.2rem;
	height: 0.2rem;
	margin-top: -0.1rem;
	float:left;
	margin-left:0.8rem;
	position:relative;
}
 .line>i:nth-child(1){
	margin-left: -0.1rem;
}
@media screen and (max-width:320px) {
	.line>i{
		margin-left:0.82rem;
	}
}
@media screen and (min-width:376px) {
	.line>i{
		margin-left:0.784rem;
	}
}
/* .line>i:nth-child(2){
	left: 0.88rem;
}
.line>i:nth-child(3){
	left: 1.89rem;
}
.line>i:nth-child(4){
	left:2.88rem;
}
.line>i:nth-child(5){
	left:3.84rem;
}
.line>i:nth-child(6){
	left:4.85rem;
}  */
.add_red{
	background-color: #FF4848;
}
.add_gary{
	background-color:#808080;
}
.line>span{
	height:0.3rem;
	position: absolute;
	left:0.2rem;
	top:0px;
	color:#c0c0c0;
}
.line .yes{
	top:-0.4rem;
}
.line .no{
	top:0.2rem;
}
.pic_d{
	position: absolute;
	height: 0.9rem;
	width: 0.74rem;
	background-image: url(../images/didi_03.png);
	background-size: 100% 100%;
	left: -0.28rem;
	top: -0.9rem;
	color: #fff;
	text-align: center;
	line-height: 0.8rem;
}
.pic_d2{
	position: absolute;
	height: 0.9rem;
	width: 0.74rem;
	background-image: url(../images/didi_10.png);
	background-size: 100% 100%;
	left: -0.27rem;
	top: 0.2rem;
	color: #fff;
	text-align: center;
	line-height: 1rem;
}
.tip{
	position: absolute;
	width: 1.6rem;
	height: 0.84rem;
	background-size: 100% 100%;
	left: -0.7rem;
	display: none;
}
.add_up{
	top: -1.48rem;
	background-image: url(../images/home_tip_03.png);
}
.add_down{
	top: 0.84rem;
	background-image: url(../images/tip_2_03.png);
}
.add_down p:nth-child(1){
	margin-top: 0.3rem !important;
}
.tip p{
	text-align: center;
	color: #000;
}
.tip p:nth-child(1){
	margin-top: 0.1rem;
}
#analysis{
	margin-top:0.2rem;
}
.pic{
	margin-top:0.1rem;
}
.address{
	float: left;
	color: #fff;
	height: 1.69rem;
	line-height: 1.69rem;
	margin-left: 0.1rem;
}
.home_table{
	width: 7.5rem;
	overflow: auto;
}
.guest_table{
	width: 7.5rem;
	overflow: hidden;
	position: relative;
}
.all{
	float: left;
	width: 4.6rem;
	overflow: auto;
}
.guest_table .player{
	width: auto;
	height: auto;
	float: left;
}
.home_table .player{
	width: auto;
	height: auto;
	float: left;
}
table{
	width:19rem;
	height: auto;
	text-align: center;
	margin-top: 0.28rem;
}
.guest_table .player table{
	width: 2.9rem;
}
.home_table .player table{
	width: 2.9rem;
}
#battal .player table{
	width: 2.9rem;
	color: #fff;
	float: left;
}

#球员列表
.home_table .player2{
	width: auto;
	height: auto;
	float: left;
}
#battal .player2 table{
    width: 6.62rem;
    margin: 0 auto;
}
.player2>table tbody td {
    height: 1.05rem;
    border-bottom: 1px solid #EFF0F3;
    text-align: center;
}
.player2>table tbody tr:last-child td{
    border-bottom: none!important;
 }
.player2 .photo{
	height: 0.88rem;
	width: 0.88rem;
	border: 1px solid #0F3D7E;
	overflow: hidden;
	font-size: 0;
	float: left;
}
.player2 .photo img{
    height: auto;
    width: 100%;
}
.detaile,#analysis,#battal{
    margin-top: -0.82rem;
}
#analysis_ {
	width: 7rem;
	height: 7rem;
	margin: 0 auto;
	    background-image: url(../images/analysis_bgc_2.png);
    background-size: 4.28rem 4.5rem;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 1.3rem;
}
.detaile table thead td{
   color:rgba(49, 69, 103, 0.6);
}
.detaile table thead td, .detaile table tbody tr:nth-child(2n) td {
    background-color: #CCC;
}