html,body{font-family:'PingFangSC-Light','Microsoft Yahei',Arial,Helvetica,sans-serif;
	color: #383838; width: 100%; height: 100%; overflow-x: hidden; background: #fff;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
ul,li{list-style: none; margin: 0; padding: 0px;}
p{padding: 0; margin: 0;}
div,img,dl{vertical-align: top; outline:none;}
a:link,a:visited,a:hover,a:active,input,button,select,textarea{ outline:none;}
a:link,a:visited{color: #333; text-decoration: none;}
a:hover,a:active{color: #3ECE78; transition: color .2s,background .2s;}
input{margin: 0;}
button:hover,button:focus,button:active{outline: none; transition: background .2s,border .2s;}
em,i{font-style: normal; }
.clear{ clear:both; height:0; font-size:0; overflow:hidden; width:100%;}



#header-top{
	height: 70px;
	position: relative;
	z-index: 100;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    background:#3ECE78;
}
#header-top .logo{
	float: left;
	width: 240px;
	position: relative;
	font-size: 22px;
	background: url(../images/logo.png) no-repeat 10px center;
	padding-left: 44px;
	line-height: 70px;
}
#header-top .logo a{
	color: #fff;
}

#header-top  .logo span{
	font-size: 13px;
	position: absolute;
	top: -15px;
	right: 14px;
}
#header-top .menu-nav{
	float: left;
	margin-left: 20px;
}
#header-top .menu-nav ul li{
	float: left;
}
#header-top .menu-nav ul li a{
	line-height: 70px;
	color: #fff;
	padding: 0 30px;
	display: block;
}
#header-top .menu-nav ul li a:hover{
	background: #b21616;
}
#header-top .menu-nav ul li.active a{
	background: #3ECE78;
}

#header-top .topbat-right{
	float: right;
}
#header-top .topbat-right ul li{
	border-left: 1px solid #ffffff;
	float: left;
	line-height: 70px;
	font-size: 16px;
	color: #fff;
}
#header-top .topbat-right ul li i{
	font-size: 16px;
}
#header-top .topbat-right ul li.p20{
	padding: 0 20px;
	cursor: pointer;
}

#header-top .topbat-right ul li a{
	display: block;
	padding: 0 20px;
	color: #fff;
	position: relative;
}
#header-top .topbat-right ul li a:hover{
	background: #3ECE78;
}
#header-top .topbat-right ul li a .number{
	width: 17px;
	height: 17px;
	border-radius: 50%;
	position: absolute;
	background: #fff;
	color: #3ECE78;
	top: 10px;
	right: 10px;
	font-size: 10px;
	line-height: 17px;
	text-align: center;
}


#nav-block{
	width: 240px;
	background: #fff;
	position: absolute;
	top: 70px;
	bottom: 0;
	box-shadow: 1px 0 5px rgba(0, 0, 0, .1);
	z-index: 100;
}
.overflow-scroll{
	overflow-y: auto;
	overflow-x: hidden;
}
.overflow-scroll .bars{
	height: 42px;
	text-align: center;
	background: #877272;
	font-size: 20px;
	color: #fff;
	line-height: 42px;
	cursor: pointer;
}
.overflow-scroll .bars:hover{
	background: #8b7676;
}
.user-info{
	border-bottom: 1px solid #ddd;
	padding: 18px 5px 19px 12px;
}
.user-info dl{
	display: inline-block;
}
.user-info dl dt{
	float: left;
}
.user-info dl dt img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
}
.user-info dl dd{
	float: left;
	padding-left: 10px;
	line-height: 2;
}
#nav-left ul{
	padding: 10px 0;
}
#nav-left ul li a{
	display: block;
	color: #333;
	padding: 10px 15px 10px 42px;
	margin-top: 1px;
}
#nav-left ul li a:hover{
	background: #f0f0f0;
	color: #009d66;
}
#nav-left ul li.active a{
	background: #f0f0f0;
	color: #009d66;
}
#nav-left ul li a i{
	margin-right: 10px;
	font-size: 15px;
}
.left-nav{
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
}
.left-nav ul li a{
	line-height: 42px;
	padding-left: 20px;
	display: block;
}
.left-nav ul li i{
	width: 22px;
	margin-right: 5px;
	display: inline-block;
	text-align: center;
}
.left-nav ul li.active a{
	background: #E6E6E6;
	color: #3ECE78;
}


#box-all{
	position: absolute;
	top: 70px;
	left: 240px;
	right: 0;
	bottom: 0;
	padding: 15px 20px;
	background: #f0f0f0;
	overflow-y: auto;
	overflow-x: hidden;
}
.navigation{
	width: 100%;
}
.navigation ul{
	font-size: 0;
}
.navigation ul li{
	display: inline-block;
	font-size: 14px;
}
.navigation ul li a{
	background: #fff;
	border-radius: 3px;
	display: block;
	padding: 5px 30px 5px 15px;
	margin-right: 10px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.06);
	color: #666;
	position: relative;
}
.navigation ul li a:hover{
	background: #f6f6f6;
}
.navigation ul li:nth-child(1) a{
	padding: 5px 15px;
}
.navigation ul li a .close-l{
	font-size: 22px;
	line-height: 1;
	position: absolute;
	right: 10px;
	top: 3px;
}
.navigation ul li a .close-l{
	color: #999;
}
.navigation ul li.active a{
	background: #C0E0FB;
	box-shadow: 1px 1px 3px rgba(221,57,44,0.1);
	color: #3ECE78;
}
.navigation ul li.active a .close-l{
	color: #666;
}
.navigation ul li a .close-l:hover{
	color: #3ECE78;
}
.roll,.section-i{
	margin-top: 15px;
	background: #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,.06);
}
.roll ul{
	padding: 7px 10px;
}
.roll ul li{
	font-size: 12px;
	line-height: 2;
}
.roll ul li i{
	font-size: 14px;
}

.section-i .title-btn{
	height: 58px;
	border-bottom: 1px solid #f0f0f0;
}
.section-i .title-btn h3{
	font-size: 16px;
	float: left;
	border-left: 2px solid #3ECE78;
	padding-left: 10px;
	margin: 20px 0 0 20px;
}
.section-i .title-btn .btn-list{
	float: right;
	margin-top: 12px;
	font-size: 0;
}
.section-i .title-btn .btn-list button{
	display: inline-block;
	height: 32px;
	font-size: 14px;
	margin-right: 14px;
	border: 0;
	background: #ddd;
	padding: 0 12px;
	border-radius: 2px;
	color: #fff;
}
.section-i .title-btn .btn-list button.btn-sx{
	background: #3ECE78;
}
.section-i .title-btn .btn-list button.btn-sx:hover{
	background: #3ECE78;
}
.section-i .title-btn .btn-list button.btn-dr{
	background: #3ECE78;
}
.section-i .title-btn .btn-list button.btn-dr:hover{
	background: #f29c4f;
}
.section-i .title-btn .btn-list button.btn-dc{
	background: #3ECE78;
}
.section-i .title-btn .btn-list button.btn-dc:hover{
	background: #f15288;
}
.section-i .title-btn .btn-list button.btn-fp{
	background: #8763c6;
}
.section-i .title-btn .btn-list button.btn-fp:hover{
	background: #8c68cb;
}
.section-i .title-btn .btn-list button.btn-tj{
	background: #3ECE78;
}
.section-i .title-btn .btn-list button.btn-tj:hover{
	background: #3ea5d1;
}
.section-i .title-btn .btn-list button.btn-sc{
	background: #685f5f;
}
.section-i .title-btn .btn-list button.btn-sc:hover{
	background: #6c6464;
}

.form-list{
	width: 100%;
	display: inline-block;
	clear: both;
	padding: 8px 0;
}
.form-list .info-inline{
	width: 24%;
	height: 40px;
	float: left;

	margin: 7px .5%;
}
.form-list .bor-al,.form-list .bor-at{
	border: 1px solid #ddd;
	border-radius: 4px;
	width: 49%;
	float: left;
}
.form-list .bor-at{
	width: 100%;
}
.form-list .mar-let{
	margin-left: 2%;
}
.form-list .reach{
	width: 10%;
	float: left;
	text-align: center;
	line-height: 40px;
	color: #666;
}
.form-list .info-inline .name{
	float: left;
	line-height: 38px;
	background: #f0f0f0;
	border-right: 1px solid #ddd;
	padding: 0 18px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.form-list .info-inline .right{
	overflow: auto;
	position: relative;
}
.form-list .info-inline .right .day{
	position: absolute;
	right: 10px;
	top: 10px;
	color: #666;
}
.form-list .info-inline .right label {
	width: auto;
	margin-bottom: 0;
	font-weight: normal;
	float: left;
	margin: 0 2px 0 12px;
	height: 38px;
	line-height: 38px;
}
.form-list .info-inline .right label input {
	width: 18px;
	float: left;
	padding: 0;
	height: 18px;
	margin: 10px 4px 0 0;
	border: 1px solid #dcdcdc;
}
.form-list .info-inline .right input{
	padding: 0 10px;
}
.form-list .info-inline .right input,.form-list .info-inline .right select{
	width: 100%;
	height: 38px;
	border: 0;
	background: none;
}
.form-list .info-inline .right select{
	padding: 0 5px;
}
.form-list .search-btn{
	margin: 7px 0 0 .5%;
	float: left;
}

.form-list .search-btn button{
	display: inline-block;
	height: 40px;
	font-size: 16px;
	margin-right: 14px;
	border: 0;
	background: #3ECE78;
	padding: 0 18px;
	border-radius: 3px;
	color: #fff;
}
.form-list .search-btn button:hover{
	background: #3ECE78;
}


.table-block{
	margin-top: 15px;
	background: #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,.06);
	padding: 15px;
}
.table-scroll{
	width: 100%;
	overflow-x: auto;
}
.activ-table{
	margin-bottom: 0;
}
.activ-table thead{
    color: #383838;
    border-top: 1px solid #ddd;
    /*border-bottom: 0;*/
    background: #f2f2f2;
}
.activ-table thead th{
	font-weight: normal;
	padding: 8px !important;
	vertical-align: middle !important;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
}
.activ-table tbody td{
	border-bottom: 1px solid #ECF0F1 !important;
	padding: 8px !important;
	line-height: 1.7 !important;
	text-align: center;
	font-size: 13px;
	/*word-wrap:break-word;
	white-space: nowrap;*/
	vertical-align: middle !important;
}
.activ-table tbody td.text-left{
	text-align: left;
}
.activ-table tbody td.red{
	color: #3ECE78;
}

.activ-table tbody td a{
	text-decoration: none;
	margin: 0;
	color: #207dda;
}
.activ-table tbody td a:hover{
	text-decoration: underline;
}

.paging-block{
	clear: both;
	height: 60px;
}
.strip{
	float: left;
	margin-top: 23px;
	font-size: 13px;
}
.strip a{
	margin: 0 5px;
	color: #207dda;
}
.dataTables_paginate{float: right; margin-top: 20px!important; padding: 0;}
.pagination{margin: 0; }
.pagination>li>a, .pagination>li>span, .pagination>li:first-child {
    margin-left: 0;
    border-radius: 4px;
    transition: color .2s, background .2s;
}
.pagination > li > a, .pagination > li > span{background: #fff; border: 1px solid #E2E3EA; margin-left: 6px; padding: 4px 10px; color: #333;}
.pagination > li > a:hover, .pagination > li > a:focus{
	background-color: #3ECE78;
    color: #fff;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{    
    background-color: #3ECE78;
    border-color: #E2E3EA;
}
.pagination>li>i{
	float: left;
	margin-left: 6px;
}
.jump{
	display: inline-block;
	margin-left: 10px;
	font-size: 13px;
}
.jump input{
	margin: 0 5px;
	border: 1px solid #ddd;
	border-radius: 4px;
	height: 30px;
	width: 30px;
	text-align: center;
}
.jump input:focus{
	border: 1px solid #ccc;
}
.jump button{
	height: 30px;
	border: 1px solid #ddd;
	background: #f0f0f0;
	border-radius: 4px;
	margin-left: 5px;
	width: 46px;
	transition: border .2s, background .2s;
}
.jump button:hover,.jump button:focus{
	border: 1px solid #ccc;
	background: #eee;
}



.login-block{
	width: 100%;
	height: 100%;
	background: url(../images/login_bg.jpg) no-repeat center;
	background-size: cover;
	position: relative;
}
.login-block .welcome{
	position: absolute;
	top: 10px;
	left: 10px;
}
.login-block .google{
	position: absolute;
	top: 10px;
	right: 10px;
}
.login-block .google a{
	color: #fff;
}
.login-block .google a:hover{
	text-decoration: underline;
}
.login-block .copyright-pj{
	position: absolute;
	bottom: 20px;
	right: 0;
	left: 0;
	text-align: center;
	color: #666;
}

.login{
	width: 520px;
	margin: 0 auto;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-62%);
	-moz-transform: translate(-50%,-62%);
	transform: translate(-50%,-62%);
}
.logo-pj{
	/*padding-top: 100px;*/
	text-align: center;
}
.login-from{
	border-radius: 8px;
	background: rgba(255,255,255,.5);
	margin-top: 30px;
	padding: 30px 50px 40px;
}
.login-from h3{
	text-align: center;
	color: #3ECE78;
	font-size:28px;
}
.login-from h3 span{
	color: #bbb;
	font-size: 18px;
	padding-left: 5px;
}
.user-text,.pass-text{
	width: 100%;
	background: rgba(255,255,255,.8);
	box-shadow: 0 0 5px rgba(126,111,104,.15);
	border-radius: 2px;
	margin-top: 30px;
	height: 46px;
}
.user-text .icon,.pass-text .icon{
	color: #666;
	float: left;
	border-right: 1px solid #ccc;
	width: 46px;
	text-align: center;
	margin-top: 10px;
}
.user-text .icon i,.pass-text .icon i{
	font-size: 24px;
}
.user-text .input-inline{
	float: right;
	width: 362px;
}
.user-text .input-inline input,.pass-text .input-inline input{
	width: 50%;
	border: 0;
	background: none;
	height: 46px;
}
.pass-text{
	margin-top: 22px;
}
.pass-text .input-inline{
	float: left;
	width: 264px;
	margin-left: 12px;
}
.pass-text .yzm{
	float: left;
	width: 98px;
	text-align: center;
	color: #3ECE78;
	line-height: 46px;
}
.pass-text .yzm a{
	color: #3ECE78;
}
.login-btn{
	width: 100%;
	margin-top: 30px;
}
.login-btn button{
	width: 100%;
	background: #3ECE78;
	border: 0;
	height: 46px;
	border-radius: 2px;
	color: #fff;
	font-size: 16px;
/*	box-shadow: 0 0 5px rgba(217,35,42,.4);*/
}
.login-btn button:hover{
	background: #3ECE78;
}



.pk-title{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	border-bottom: 1px solid #f0f0f0;
	padding: 20px 0;
}
.pk-info{
	padding: 20px 30px;
	line-height: 2;
}
.pk-time{
	font-weight: bold;
	padding: 0 30px;
}
.pk-content{
	padding: 25px 30px;
	width: 100%;
	display: inline-block;
}
.pk-content .pk-left{
	width: 78%;
	float: left;
	background: url(../images/pk.png) no-repeat right 15px;
	padding-right: 300px;
	min-height: 212px;
}
.pk-content .pk-left .name{
	width: 70px;
	float: left;
	font-weight: bold;
	text-align: right;
	padding-top: 20px;
}
.pk-content .pk-left .task-list{
	width: 85%;
	float: left;
}
@media screen and (min-width:1918px){
	.pk-content .pk-left .task-list{
		width: 90%;
	}
}
.pk-content .pk-left .task-list dl{
	float: left;
	padding: 10px 15px;
}
.pk-content .pk-left .task-list dl dt img{
	border-radius: 50%;
	height: 72px;
	width: 72px;
}
.pk-content .pk-left .task-list dl dd{
	text-align: center;
	margin-top: 8px;
}
.pk-content .pk-right{
	width: 18%;
	float: right;
}
.pk-content .pk-right .a-challenger,.pk-content .pk-right .winner{
	width: 100%;
	float: left;
	margin-top: 10px;
}
.pk-content .pk-right .a-challenger span,.pk-content .pk-right .winner span{
	width: 70px;
	float: left;
	font-weight: bold;
	text-align: right;
	padding-top: 20px;
}
.pk-content .pk-right .a-challenger dl,.pk-content .pk-right .winner dl{
	width: 72px;
	float: left;
	margin: 0 10px;
}
.pk-content .pk-right .a-challenger dl dt img,.pk-content .pk-right .winner dl dt img{
	width: 72px;
	height: 72px;
	border-radius: 50%;
}
.pk-content .pk-right .a-challenger dl dd,.pk-content .pk-right .winner dl dd{
	text-align: center;
	margin-top: 8px;
}
.pk-content .pk-right .winner{
	margin-top: 25px;
}


/*----个人成就----*/
.personal-info{
	padding: 20px 0;
	width: 100%;
	display: inline-block;
}
.personal-info dl{
	float: left;
	margin-left: 20px;
	width: 250px;
	position: relative;
}
.personal-info dl dt{
	width: 78px;
	height: 78px;
	float: left;
}
.personal-info dl dt img{
	border-radius:50%;
}
.personal-info dl dd{
	float: left;
	width: 90px;
	margin-left: 18px;
}
.personal-info dl dd.name{
	margin-top: 10px;
}
.personal-info dl dd.grade{
	margin-top: 10px;
	border-radius: 3px;
	padding: 3px 8px;
	height: 26px;
	color: #fff;
	background:#ea6655;
	cursor: pointer;
	box-shadow: 0 0 4px rgba(234,102,85,.5);
}
.personal-info .select p{
	margin-top: 9px;
	border-radius: 3px;
	padding: 3px 8px;
	height: 26px;
	color: #666;
	background:#eee;
	cursor: pointer;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	transition: color .2s,background .2s;
	
}
.personal-info .select p:hover{
	color: #fff;
	background:#ea6655;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.personal-info dl dd.grade i{
	float: right;
	margin-top: 4px;
}

.personal-info .select{
	display: none;
	position: absolute;
	z-index: 12;
	width: 90px;
	top: 67px;
	left: 96px;
}
.personal-info .select p{
	margin: 5px 0 0 0;
	cursor: pointer;
}

.personal-info ul{
	float: left;
	font-size: 0;
}
.personal-info ul li{
	display: inline-block;
	font-size: 14px;
	text-align: center;
	border-left: 1px solid #f0f0f0;
	padding: 8px 25px;
	margin-top: 8px;
	line-height: 1.6;
}
.personal-info ul li span{
	font-size: 15px;
}

.grade-all{
	margin: 0 20px;
	border-radius: 10px;
	box-shadow: 0 0 8px rgba(0,0,0,.15);
	overflow: hidden;
	position: relative;
	background: url(../images/game.jpg) no-repeat left top;
	background-size: cover;
	padding-bottom: 10px;
}
.h20{
	height: 20px;
}
.grade-all .grade-list{
	padding: 10px 5px 15px 20px;
	font-size: 0;
}
.grade-all .grade-list .title{
	margin: 26px 0 0 12px;
	padding-bottom: 15px;
}
.grade-all .grade-list .title h3{
	font-size: 18px;
	display: inline-block;
}
.grade-all .grade-list dl{
	background: rgba(0,0,0,.55);
	border-radius: 6px;
	display: inline-block;
	font-size: 14px;
	padding: 15px 14px 10px;
	box-shadow: 0 0 8px rgba(255,230,2,.9);
	margin: 10px 12px;
}
@media screen and (min-width:1918px){
	.grade-all .grade-list dl{
		padding: 15px 15px 10px;
	}
}
.grade-all .grade-list dl dt{
	width: 100px;
	height: 100px;
	overflow: hidden;
}
.grade-all .grade-list dl dd{
	text-align: center;
	color: #ddd;
	font-size: 13px;
	line-height: 1.5;
}
.grade-all .grade-list dl dd.name{
	color: #3ECE78;
	font-size: 14px;
	margin-top: 8px;
}
.grade-all .grade-list dl.ash{
	opacity: .85;
	filter:Alpha(opacity=85);
	-webkit-filter: grayscale(100%);     
 	-moz-filter: grayscale(100%);    
    -ms-filter: grayscale(100%);     
  	-o-filter: grayscale(100%);       
    filter: grayscale(100%);             
	filter: gray;
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
}
.grade-all .grade-list dl.ash dt img{
	opacity: .7;
	filter:Alpha(opacity=70);
}
.grade-all .grade-list dl.ash dd{
	color: #999;
}

/*.grade-all .grade-list.tpl dl dd.name{
	color: #5db961;
}

.grade-all .grade-list.fkl dl dd.name{
	color: #ea6655;
}*/

.loading{
	position: absolute;
	background: #fff url(../images/loading-bg.jpg) no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.loading .swk{
	position: absolute;
	top: 60px;
	right: -200px;
	animation:swk 8s linear infinite;
	-webkit-animation:swk 8s linear infinite; /*Safari and Chrome*/
}
.progress-jd{
	background: url(../images/progress-bg.png) no-repeat;
	width: 448px;
	height: 46px;
	margin: 355px auto 0;
	position: relative;
	padding: 0 7px 0 9px;
}
.progress-jd .number-p{
	position: absolute;
	width: 100%;
	text-align: center;
	line-height: 46px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 0 3px rgba(0,0,0,.9);
}
.progress-jd .show-jz{
	background: url(../images/progress.png) no-repeat;
	height: 32px;
	margin-top: 5.5px;
	display: inline-block;
}

@keyframes swk
{
from {left:100%;}
to {left:-200px;}
}

@-webkit-keyframes swk /*Safari and Chrome*/
{
from {left:100%;}
to {left:-200px;}
}



/*----竞猜投注----*/
.betting-nba{
	background: url(../images/NBA.jpg) no-repeat;
	background-size: cover;
	padding: 10px 15px;
	min-height: 535px;
}
@media screen and (min-width:1900px) and (min-width:1918px){
	.betting-nba{
		min-height: 712px;
	}
}
@media screen and (min-width: 1300px) and (max-width: 1364px){
	.betting-nba{
		min-height: 400px;
	}
}
.nba-list{
	background: rgba(0,0,0,.5);
	box-shadow: 0 0 5px rgba(255,255,255,.5);
	padding: 10px 0;
	height: 130px;
	margin: 8px 0;
	color: #fff;
	display: inline-block;
	width: 100%;
}
.nba-list .nablogo{
	width: 7%;
	text-align: center;
	padding-top: 20px;
	float: left;
}
.nba-list .time{
	float: left;
	width: 93%;
	padding-top: 3px;
}
.nba-list .time span{
	padding-right: 50px;
}
.nba-list .vs-duel{
	float: left;
	width: 93%;
	padding-top: 18px;
}
.nba-list .vs-duel .team-lq{
	width: 175px;
	float: left;
}
.nba-list .vs-duel .team-lq .icon{
	float: left;
	width: 70px;
	height: 60px;
}
.nba-list .vs-duel .team-lq .info{
	float: left;
	width: 105px;
	text-align: right;
}
.nba-list .vs-duel .team-lq .info p{
	line-height: 1.8;
}
.nba-list .vs-duel .team-lq .info p.name{
	font-size: 18px;
}
.nba-list .vs-duel .vs{
	width: 140px;
	float: left;
	text-align: center;
	font-size: 20px;
	line-height: 60px;
}
.nba-list .vs-duel .team-lq .left{
	text-align: left;
}
.nba-list .vs-duel .tz-btn{
	float: left;
	padding: 15px 0 0 106px;
}
.nba-list .vs-duel .tz-btn button{
	color: #fff;
	background: #f94643;
	border: 0;
	width: 66px;
	height: 32px;
}
.nba-list .vs-duel .tz-btn button:hover{
	background: #fa3431;
}

/*----竞猜投注弹层----*/
#betting{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.5);
	z-index: 100;
	display: none;
}
.betting-block{
	width: 600px;
	background: #fff;
	margin: 100px auto 0;
}
.betting-block .title{
	height: 34px;
	background: #f8f8f8;
	border-bottom: 1px solid #e8e8e8;
}
.betting-block .title h3{
	float: left;
	font-size: 16px;
	line-height: 34px;
	padding-left: 12px;
}
.betting-block .title .close-g{
	float: right;
	font-size: 22px;
	line-height: 34px;
	padding: 0 10px;
	
}
.betting-block .title .close-g a{
	color: #999;
}
.betting-block .title .close-g a:hover{
	color: #3ECE78;
}
.all-padd{
	padding: 30px;
}
.all-padd .time{
	width: 100%;
	height: 40px;
}
.betting-block .vs-duel{
	height: 74px;
	padding-left: 10px;
}
.betting-block .vs-duel .team-lq{
	width: 200px;
	float: left;
	border: 2px solid #e2e2e2;
	border-radius: 2px;
	height: 74px;
	cursor: pointer;
}
.betting-block .vs-duel .team-lq.active{
	border: 2px solid #f94643;
	background: url(../images/check.png) no-repeat right bottom;
}
.betting-block .vs-duel .team-lq .icon{
	float: left;
	width: 70px;
	height: 60px;
	margin: 5px 0 0 8px;
}
.betting-block .vs-duel .team-lq .info{
	float: left;
	width: 118px;
	text-align: right;
	padding-top: 5px;
}
.betting-block .vs-duel .team-lq .info p{
	line-height: 1.8;
	color: #999;
	padding-right: 15px;
}
.betting-block .vs-duel .team-lq .info p.name{
	font-size: 18px;
	color: #333;
}
.betting-block .vs-duel .vs{
	width: 120px;
	float: left;
	text-align: center;
	font-size: 20px;
	line-height: 74px;
}
.betting-block .vs-duel .team-lq .left{
	text-align: left;
	padding-left: 15px;
}
.betting-block .vs-duel .team-lq .left p{
	padding-right: 0;
}
.integral{
	color: #4e91ea;
	margin-top: 25px;
}
.investment{
	margin-top: 10px;
	height: 30px;
	font-size: 0;
}
.investment span{
	font-size: 14px;
	display: inline-block;
	margin-right: 10px;
}
.investment span em{
	color: #f94643;
}
.investment input{
	font-size: 14px;
	display: inline-block;
	border: 1px solid #e2e2e2;
	height: 30px;
	border-radius: 2px;
	width: 452px;
	padding: 5px;
}
.investment input:focus{
	border: 1px solid #ccc;
}
.betting-block .tz-btn{
	padding: 25px 0 5px;
	text-align: center;
}
.betting-block .tz-btn button{
	color: #fff;
	background: #f94643;
	border: 0;
	width: 66px;
	height: 32px;
}
.betting-block .tz-btn button:hover{
	background: #fa3431;
}



/*----积分商城----*/
.exchange{
	padding: 20px;
	overflow: hidden;
}
.exchange-block{
	border: 1px solid #ebebeb;
	padding: 25px;
	float: left;
	width: 480px;
	margin-right: 20px;
}
.exchange-block .ex-icon{
	float: left;
	padding: 0 20px;
}
.exchange-block .ex-info{
	float: left;
	padding-left: 30px;
}
.exchange-block .ex-info ul{
	margin-top: 20px;
}
.exchange-block .ex-info ul li{
	line-height: 2;
}
.exchange-block .ex-info ul li.bold{
	font-size: 16px;
	font-weight: bold;
}
.exchange-block .ex-info ul li span{
	color: #d01c1c;
}
.exchange-block .ex-info ul li.tips{
	color: #999;
}
.exchange-block .ex-btn{
	margin-top: 25px;
}
.exchange-block .ex-btn button{
	width: 88px;
    height: 38px;
    border: 0;
    background: #3ECE78;
    padding: 0 12px;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
}
.exchange-block .ex-btn button:hover {
    background: #3ECE78;
}

.mt20{
	margin-top: 20px;
}
.product-list{
	padding: 10px;
	overflow: hidden;
}
.product-list .pl-wrap{
	margin: 10px 12px 10px 10px;
	border: 1px solid #ededed;
	width: 245px;
	float: left;
	padding: 10px;
	transition: border .2s;
}
.product-list .pl-wrap:hover{
	border: 1px solid #3ECE78;
}
.product-list .pl-wrap .p-img{
	height: 180px;
	position: relative;
	text-align: center;
}
.product-list .pl-wrap .p-name{
	text-align: center;
	margin-top: 12px;
}
.product-list .pl-wrap .p-price{
	margin-top: 10px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #3ECE78;
}
.product-list .pl-wrap .p-btn{
	margin-top: 18px;
}
.product-list .pl-wrap .p-btn a{
	width: 100%;
    height: 38px;
    background: #3ECE78;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    line-height: 38px;
}
.product-list .pl-wrap .p-btn a:hover {
    background: #3ECE78;
}
.h-warp{
	height: 84px;
}
.p-warp{
	width: 100%;
	text-align: center;
}

.m-warp{
	margin: 0;
	padding: 18px;
}
.table-record thead th{
	padding: 12px 8px !important;
	font-weight: normal;
}
.table-record tbody td{
	padding: 12px 8px !important;
}

.table-record dl{
	overflow: hidden;
	margin: 8px 0 8px 8px;
}
.table-record dl dt{
	float: left;
	border: 1px solid #e8e8e8;
	width: 93px;
	height: 93px;
	border-radius: 2px;
	background: #fff;
	padding: 3px;
}
.table-record dl dd{
	overflow: hidden;
	text-align: left;
	padding-left: 12px;
	line-height: 2;
	color: #999;
}
.table-record dl dd.r-name{
	margin-top: 8px;
	color: #333;
}
.table-record p{
	color: #999;
}


.goods-block{
	overflow: hidden;
	padding: 20px;
}
.goods-pic{
	width: 422px;
	height: 422px;
	float: left;
	border: 1px solid #ededed;
	padding: 10px;
}
.goods-right{
	float: left;
	margin-left: 40px;
}
.goods-right .gd-title{
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
	padding-bottom: 5px;
}
.goods-right .gd-title p{
	font-size: 14px;
	font-weight: normal;
	color: #3ECE78;
	margin-top: 5px;
}
.goods-right .gd-info{
	margin-top: 16px;
	overflow: hidden;
}
.goods-right .gd-info .let{
	width: 55px;
	float: left;
}
.goods-right .gd-info .let.line-h{
	padding-top: 12px;
}
.goods-right .gd-info .let.line-t{
	padding-top: 5px;
}
.goods-right .gd-info .rit{
	float: left;
}
.goods-right .gd-info .rit.red{
	color: #3ECE78;
}
.goods-right .gd-info .rit.red b{
	font-size: 30px;
}
.goods-right .gd-info ul{
	float: left;
}
.goods-right .gd-info ul li{
	float: left;
	border: 1px solid #ddd;
	padding: 4px 12px;
	margin-right: 10px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.goods-right .gd-info ul li .red-bg{
	display: none;
}
.goods-right .gd-info ul li.active{
	border: 1px solid #3ECE78;
}
.goods-right .gd-info ul li.active .red-bg{
	width: 22px;
	height: 22px;
	background: #3ECE78;
	position: absolute;
	right: -11px;
	bottom: -11px;
	transform:rotate(45deg);
	display: block;
}
.goods-right .gd-info ul li .red-bg i{
	font-size: 13px;
	color: #fff;
	transform:rotate(-45deg);
	position: absolute;
	top: 4px;
	left: 1px;
}
.number-add{
	float: left;
}
.number-add .jian,.number-add .jia{
	background: #f0f4f7;
	width: 30px;
	height: 30px;
	line-height: 30px;
	float: left;
	text-align: center;
	color: #666;
	font-size: 20px;
	border-radius: 3px 0 0 3px;
	cursor: pointer;
}
.number-add .gd-input{
	width: 68px;
	height: 30px;
	float: left;
	margin: 0 1px;
}
.number-add .gd-input input{
	width: 100%;
	height: 100%;
	border: 0;
	background: #f0f4f7;
	text-align: center;
}
.number-add .jia{
	border-radius: 0 3px 3px 0;
}
.gd-btn{
	margin-top: 36px;
}
.gd-btn button{
	width: 180px;
	height: 40px;
	border: 0;
	background: #3ECE78;
	color: #fff;
	font-size: 16px;
	border-radius: 3px;
}
.gd-btn button:hover,.gd-btn button:active{
	background: #ea5855;
}

.goods-details{
	padding: 20px;
}
.goods-details .det-title{
	padding: 12px 15px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #f6f6f6;
	font-size: 16px;
}
.goods-details .det-cont{
	padding: 15px;
}

/*--兑换--*/
.exchange-ball{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: rgba(0,0,0,.4);
}
.exchange-dag{
	width: 860px;
	background: #fff;
	margin: 60px auto 0;
	overflow: hidden;
}
.ex-title{
	height: 50px;
	line-height: 50px;
	position: relative;
	text-align: center;
	background: #f6f6f6;
	font-size: 18px;
	border-bottom: 1px solid #ddd;
}
.ex-title .ex-close{
	position: absolute;
	right: 10px;
	top: 6px;
	font-size: 32px;
	line-height: 1;
	cursor: pointer;
	color: #666;
}
.ex-title .ex-close:hover{
	color: #333;
}

.exchange-all{
	overflow: hidden;
	padding: 30px 20px;
}
.exchange-pic{
	width: 282px;
	height: 282px;
	float: left;
	border: 1px solid #ededed;
	padding: 10px;
	margin-left: 10px;
}
.exchange-set{
	float: left;
	margin-left: 25px;
}
.exchange-set .eb-title{
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 2px;
}

.exchange-set .eb-info{
	margin-top: 14px;
	overflow: hidden;
}
.exchange-set .eb-info .let{
	width: 55px;
	float: left;
}
.exchange-set .eb-info .let.line-h{
	padding-top: 5px;
}
.exchange-set .eb-info .rit{
	float: left;
}
.exchange-set .eb-info .rit.red{
	color: #3ECE78;
	line-height: 1;
}
.exchange-set .eb-info .rit.red b{
	font-size: 30px;
}
.exchange-set .eb-info ul{
	float: left;
}
.exchange-set .eb-info ul li{
	float: left;
}

.exchange-set .eb-info .number-add{
	float: left;
}
.exchange-set .eb-info .number-add .jian,.exchange-set .eb-info .number-add .jia{
	background: #f0f4f7;
	width: 30px;
	height: 30px;
	line-height: 30px;
	float: left;
	text-align: center;
	color: #666;
	font-size: 20px;
	border-radius: 3px 0 0 3px;
	cursor: pointer;
}
.exchange-set .eb-info .number-add .eb-input{
	width: 68px;
	height: 30px;
	float: left;
	margin: 0 1px;
}
.exchange-set .eb-info .number-add .eb-input input{
	width: 100%;
	height: 100%;
	border: 0;
	background: #f0f4f7;
	text-align: center;
}
.exchange-set .eb-info .number-add .jia{
	border-radius: 0 3px 3px 0;
}
.eb-btn{
	margin-top: 20px;
}
.eb-btn button{
	width: 180px;
	height: 40px;
	border: 0;
	background: #3ECE78;
	color: #fff;
	font-size: 16px;
	border-radius: 3px;
}
.eb-btn button:hover,.eb-btn button:active{
	background: #ea5855;
}


.ex-prompt{
	padding: 58px 0 70px 220px;
}
.ex-prompt .se-title{
	background: url(../images/gou.png) no-repeat left center;
	font-size: 24px;
	padding-left: 35px;
	margin-top: 10px;
}
.ex-prompt .se-tips{
	margin-top: 20px;
}
.ex-prompt .se-btn{
	margin-top: 30px;
}
.ex-prompt .se-btn a{
	display: inline-block;
	background: #3ECE78;
	border-radius: 3px;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	width: 180px;
	text-align: center;
	margin-right: 20px;
}
.ex-prompt .se-btn a:hover{
	background: #ea5855;
}
.ex-prompt .se-ku{
	background: url(../images/ku.png) no-repeat left center;
}



.message-all{
	margin-top: 20px;
	padding-left: 240px;
	overflow: hidden;
	position: relative;
	font-size: 14px;
}
.message-all .menu{
	width: 240px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	border: 1px solid #e5e5e5;
	border-right: 2px solid #e5e5e5;
	background: #fcfcfc;
}
.message-all .menu ul li{
	text-align: center;
	padding: 6px 0;
	border-bottom: 1px solid #e5e5e5;
	color: #666;
	cursor: pointer;
}
.message-all .menu ul li.active{
	background: #3ECE78;
	color: #fff;
}
.message-info{
	overflow: auto;
	height: 334px;
}
.message-at{
	padding-bottom: 15px;
	font-size: 0;
}
.message-info .title{
	height: 30px;
	background: #e5e5e5;
	padding-left: 30px;
	line-height: 30px;
	margin-bottom: 15px;
	font-size: 14px;
}
.message-info .title span{
	margin-left: 20px;
	color: #bbb;
}
.message-info .layui-form-item{
	padding: 10px 0;
}


.message-at .layui-inline{
	font-size: 14px;
	width: 33%;
	margin: 5px 0;
}
.message-at .layui-form-label{
	width: 120px;
}
.message-at .layui-input-block{
	margin-left: 150px;
}


.field-info{
	width: 50%;
	float: left;
	height: 32px;
	margin: 7px 0;
}
.field-info .name,.field-remarks .name{
	width: 40%;
	float: left;
	line-height: 32px;
	text-align: right;
}
.field-info .rit-input{
	width: 60%;
	float: left;
	height: 32px;
	padding-left: 10px;
}
.field-info .rit-input input,.field-info .rit-input select,.field-remarks .rit-input textarea{
	border: 1px solid #bbb;
	border-radius: 2px;
	height: 100%;
	width: 75%;
	padding: 0 6px;
}
.field-info .rit-input span{
	padding-left: 6px;
}
.field-info .rit-input input:focus,.field-info .rit-input select:focus,.field-remarks .rit-input textarea:focus{
	border: 1px solid #999;
}
.field-info .rit-input .radio-al{
	float: left;
	margin: 6px 20px 0 0;
}
.field-info .rit-input .radio-al input{
	width: auto;
	height: auto;
}
.field-info .rit-input .radio-al label{
	font-weight: normal;
}
.field-remarks{
	width: 100%;
	float: left;
	margin: 7px 0;
}
.field-remarks .name{
	width: 20%;
}
.field-remarks .rit-input{
	width: 72.7%;
	float: left;
	padding-left: 10px;
}
.field-remarks .rit-input textarea{
	width: 100%;
	padding: 6px;
	float: left;

}
.preserved-btn{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 10px 0 30px;
}
.preserved-btn button{
	width: 98px;
	height: 40px;
	margin: 0 10px;
	border: 0;
	background: #ddd;
	color: #fff;
	border-radius: 2px;
}
.preserved-btn button.bc-btn{
	background: #3ECE78;
}
.preserved-btn button.qx-btn{
	background: #FF5722;
}
.preserved-btn button.bc-btn:hover,.preserved-btn button.qx-btn:hover{
	opacity: .85;
	filter: alpha(opacity=85);
}



.tracking{
	width: 100%;
}
.tracking .title{
	background: #bebebe;
	height: 36px;
}
.tracking .title ul{
	font-size: 0;
	padding-top: 5px;
}
.tracking .title ul li{
	font-size: 14px;
	display: inline-block;
	line-height: 31px;
	background: #f5f5f5;
	padding: 0 45px;
	margin-right: 1px;
	cursor: pointer;
}
.tracking .title ul li.active{
	background: #fff;
}
.track{
	margin-top: 20px;
}
.track-info{
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}
.track-info ul{
	width: 100%;
	display: inline-block;
}
.track-info ul li{
	float: left;
	height: 38px;
	padding: 7px 10px;
	font-size: 14px;
}
.track-info ul li .layui-form-label{
	padding: 9px 5px;
}
.track-info ul li .layui-input-block{
	margin-left: 100px;
}
.track-info ul li.id-left{
	line-height: 38px;
	padding-left: 30px;
}
.track-info ul li .name,.track-info ul li .rit-name{
	float: left;
	line-height: 38px;
}
.track-info ul li .rit-select{
	width: 150px;
	float: left;
}
.track-info ul li .rit-select select,.track-info ul li .rit-added select{
	border: 1px solid #bbb;
	border-radius: 2px;
	width: 100%;
	height: 100%;
	padding: 0 4px;
}
.track-info ul li .rit-select select:focus,.track-info ul li .rit-added select:focus{
	border: 1px solid #999;
}
.track-info ul li .rit-added{
	width: 115px;
	float: left;
	margin-left: 10px;
}
.track-info ul li .rit-join{
	float: left;
	margin-left: 12px;
	width: 106px;
	height: 36px;
}
.track-info ul li .rit-join button{
	width: 100%;
	height: 100%;
	line-height: 1;
	border: 1px solid #d4d4d4;
	background: #f4f4f4;
	border-radius: 2px;
}
.track-info ul li .rit-join button:hover{
	border: 1px solid #c1c1c1;
	background: #eee;
}
.track-info ul li .rit-radio,.track-info ul li .rit-radio .radio-al{
	float: left;
}
.track-info ul li .rit-radio .radio-al{
	margin: 0 5px;
}
.track-info ul li .rit-radio .radio-al label{
	margin: 0;
	font-weight: normal;
}
.track-info ul li .qd-btn{
	float: left;
	width: 120px;
	height: 38px;
}
.track-info ul li .qd-btn button,.track-record .evaluated .rit-btn button{
	width: 100%;
	height: 100%;
	line-height: 1;
	background: #3ECE78;
	border: 0;
	color: #fff;
	border-radius: 2px;
	font-size: 15px;
}
.track-info ul li .qd-btn button:hover,.track-record .evaluated .rit-btn button:hover{
	opacity: .85;
	filter: alpha(opacity=85);
}
.track-record{
	padding: 5px 30px 30px;
}
.track-record .evaluated{
	overflow: hidden;
	margin-top: 10px;
	position: relative;
}
.track-record .evaluated .name,.track-record .record-block .name{
	float: left;
	width: 80px;
	line-height: 30px;
}
.track-record .evaluated .rit-input{
	overflow: hidden;
	height: 30px;
	margin-right: 142px;
}
.track-record .evaluated .rit-btn{
	position: absolute;
	right: 0;
	top: 0;
	width: 132px;
	height: 30px;
}
.track-record .evaluated .rit-input input,.track-record .record-block .rit-textarea textarea{
	border: 1px solid #bbb;
	border-radius: 2px;
	height: 100%;
	width: 100%;
	padding: 0 6px;
}

.track-record .evaluated .rit-input input:focus,.track-record .record-block .rit-textarea textarea:focus{
	border: 1px solid #999;
}
.track-record .record-block{
	overflow: hidden;
	margin-top: 10px;
}
.track-record .record-block .rit-textarea{
	overflow: hidden;
}
.track-record .record-block .rit-textarea textarea{
	padding: 6px;
	resize: none;
	float: left;
	background: #fff;
}

.layui-maot{
	margin-top: 20px;
	font-size: 14px;
}
.layui-form-text{
	font-size: 14px;
}
.layui-record{
	border: 1px solid #e6e6e6;
	padding: 6px 10px;
	line-height: 1.6;
	min-height: 86px;
}
.layui-record:hover{
	border: 1px solid #d2d2d2;
}




.data-result{
	padding: 10px 0;
	overflow: hidden;
}
.data-tips{
	line-height: 1.6;
	padding: 0 10px;
}
.data-tips a{
	color: #3549dd;
	text-decoration: underline;
	margin: 0 2px;
}
.data-tips span{
	color: #3ECE78;
}
.data-allot{
	border-radius: 2px;
	background: #eee;
	padding: 10px;
	margin-top: 2px;
}
.data-allot .data-sx{
	overflow: hidden;
}
.data-allot .data-sx .data-info{
	float: left;
	margin-right: 10px;
}
.data-allot .data-sx .data-info div{
	float: left;
	height: 30px;
}
.data-allot .data-sx .data-info div.name{
	line-height: 30px;
	font-weight: bold;
	color: #a75f11;
}
.data-allot .data-sx .data-info div.rit-select{
	width: 132px;
	margin-right: 6px;
}
.data-allot .data-sx .data-info div.rit-select select,.data-allot .data-sx .data-info div.rit-input input{
	width: 100%;
	height: 100%;
	border-radius: 2px;
	border: 1px solid #bbb;
	padding: 0 2px;
}
.data-allot .data-sx .data-info div.rit-select select:focus,.data-allot .data-sx .data-info div.rit-input input:focus{
	border: 1px solid #999;
}
.data-allot .data-sx .data-info div.rit-input{
	width: 160px;
	margin-right: 6px;
}
.data-allot .data-sx .data-info div.rit-input input{
	padding: 0 5px;
}
.data-allot .data-sx .data-info div.rit-btn{
	width: 60px;
}
.data-allot .data-sx .data-info div.rit-btn button,.data-allot .data-fp div.fp-btn button,.mix-btn button{
	width: 100%;
	height: 100%;
	background: #3ECE78;
	border: 0;
	color: #fff;
	border-radius: 2px;
}
.data-allot .data-sx .data-info div.rit-btn button:hover,.data-allot .data-fp div.fp-btn button:hover,.mix-btn button:hover{
	opacity: .85;
	filter: alpha(opacity=85);
}
.data-allot .data-sx .data-info div.rit-remark{
	line-height: 30px;
	color: #666;
	margin-left: 12px;
}
.data-allot .data-fp{
	overflow: hidden;
	background: #fff;
	border-radius: 2px;
	margin-top: 10px;
	padding: 4px 0;
	position: relative;
}
.data-allot .data-fp div.name{
	line-height: 30px;
	padding-left: 8px;
	float: left;
}
.data-allot .data-fp div.data-right{
	overflow: hidden;
	padding-right: 5px;
}
.data-allot .data-fp span.checkbox-list{
	display: inline;
}
.data-allot .data-fp span.checkbox-list label{
	margin: 0;
	font-weight: normal;
	line-height: 30px;
	margin: 0 7px;
}
.data-allot .data-fp span.checkbox-list label input{
	float: left;
	margin: 8px 2px 0 0;
}
.data-allot .data-fp div.fp-btn{
	width: 80px;
	height: 28px;
	margin-top: 1px;
	display: inline-block;
}
.mix-btn{
	margin-top: 10px;
	height: 33px;
}
.mix-btn button{
	width: 150px;
}