@charset "UTF-8";

/* CSS Document */
body {
	font-family: '微软雅黑', 'verdana';
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
	font-weight: 400;
	font-size: 14px;
	background: #fff;
}

body,
ul,
li,
p,
dd,
dt {
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	vertical-align: top;
}

li,
dl {
	list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
}

div,
form,
img,
ul,
ol,
li,
dl,
dt,
dd {
	margin: 0;
	padding: 0;
	border: 0;
}

.clear {
	height: 0px;
	line-height: 0px;
	clear: both;
}

ul,
li,
dl,
dd,
dt {
	list-style: none;
}

html,
body {
	min-height: 100%;
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0;
}

a {
	background-color: transparent;
	cursor: pointer
}

a:focus {
	outline: thin dotted
}

a:active,
a:hover {
	outline: 0;
	cursor: pointer
}

a {
	color: #444;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #df864f;
	cursor: pointer
}

.text-cut2{
	-webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
	display: -webkit-box;
}
.solid-red{
	border: 1px #df864f solid;
}
/******今日足球******/

.zebra ul:nth-child(even) {
	background-color: #fffef6;
}
.zebra2 ul{
	background: #fff;
}
.zebra2 ul:nth-child(even) {
	background-color: #fffef6;
}
.zebra2 ul:first-child {
    background: #f8f9fa;

}
.margin-top-x{
	margin-top: 5px;
}
.projection {
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090, direction=120, strength=3);
    /*ie*/
    -moz-box-shadow: 2px 2px 7px #909090;
    /*firefox*/
    -webkit-box-shadow: 2px 2px 7px #909090;
    /*safari或chrome*/
    box-shadow: 2px 2px 7px #909090;
    /*opera或ie9*/
}

.bg-royalblue{
	background: #39485b;
}

.box100 {
	width: 100%;
	float: left;
}
.box1160 {
	width: 1160px;
	float: left;
}
.boxleft{
	float: left;
	width: 1200px;
}
.box1220 {
	width: 1220px;
	float: left;
}

.box1200 {
	width: 1200px;
	margin: 0 auto;
}
.box1000 {
	width: 1000px;
	margin: 0 auto;
}
.box1020 {
	width: 1020px;
	float: left;
}

.box840{
	width: 840px;
	float:left;
}
.box940{
	width: 940px;
	float:left;
}
.box820{
	width: 820px;
	float:left;
}
.box860{
	width: 860px;
	float:left;
}
.box800{
	width: 800px;
	float:left;
}
.box400{
	width: 400px;
	float:left;
}
.box340{
	width: 340px;
	float:left;
}
.box240{
	width: 240px;
	float:left;
}

.menu {
	width: 100%;
	float: left;
}
.menu ul{
	float:left;
}
.menu li {

	float: left;
	height: 60px;
	font-size: 16px;
	line-height: 60px;
	padding: 0px 15px;
	position: relative;
	color: #fff;
}

.menu li a {
	height: 60px;
	font-size: 16px;
	line-height: 60px;
	float: left;
	color: #fff;
}
.menu li:hover{
	color: #df864f;
}
.menu li a:hover {
	color: #df864f;
}

.menu li .navLink {
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #333;
	position: relative;
	display: block;
}
.menu li i{
	float: right;
	-moz-transition: .30s ease-in-out;
	transition: .30s ease-in-out;

}
.menu li:hover i{
	float: right;
	-moz-transition: .30s ease-in-out;
	transition: .30s ease-in-out;
	transform: rotate(180deg);
}
.menu li .menu-honer {
	float: left;
	border-bottom: 3px #fff solid;
	height: 57px;
	color: #fff;
	line-height: 57px;
}

.menu li .navLink:after {
	content: "";
	position: absolute;
	width: 3px;
	height: 3px;
	left: 0;
	bottom: -3px;
	z-index: 8888;
	transition: all 1s ease;
	background-color: #fff;
	color: #df864f;
	background-color: transparent;
}

.menu li .navLink:hover:after {
	width: 100%;
	background: #df864f;
	color: #fff;
	transition: all 1s ease;
}

.menu li.hover ul li a:hover {
	text-decoration: underline;
	color: #df864f;
}

.menu li ul {
	background: #000;
	border-top: none;
	position: absolute;
	top: -999em;
	z-index: 99999;
	display: none;

}

.menu li:hover ul {
	background: rgba(0,0,0,.7);
	width: 115px;
	padding:5px 10px;
	top: 60px;
	left: 0px;
	display: block;

}

.menu li:hover ul li {
	width: 100%;
	float: left;
	line-height: 35px;
	height: 35px;
	color: #333;
	padding: 0px;
	font-family: "微软雅黑";
	font-size: 16px;
	background: none;
	left: 0px;
}

.menu li:hover ul li a {
	width: 100%;
	color: #fff;
	text-decoration: none;
	padding: 0;
	line-height: 35px;
	height: 35px;
	display: block;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 16px;
	left: 0px;
}

.menu li:hover ul li a:hover {
	width: 100%;
	color: #df864f;
	text-decoration: none;
	line-height: 35px;
	height: 35px;
	display: block;
	text-align: center;

	font-family: "微软雅黑";
	font-size: 16px;
	left: 0px;
}





.logo{
	float: left;
	position: relative;
}
.head-bg{
	height: 50px;
	background: #000;
	float: left;
}
.head-login{
	float: right;
	height: 60px;
	line-height: 60px;
	color: #fff;
}
.head-login a{
	color: #fff;
}
.head-login a:hover{
	color: #fff;
}
.head-login .login-button{
	background: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	color: #000;
}
.head-login .login-button:hover{
	background: #f6f6f6;
	padding: 5px 10px;
	border-radius: 5px;
	color: #000;
}

.h-login{
	padding: 10px 30px;
	border-radius: 5px;
	background: #df864f;
	color: #fff;
	display: inline-block;
}
.h-login:hover{
	background: #ce7741;
	color: #fff;
}
.banner{
	width: 600px;
	margin: 0 auto;
}
.banner-logo{
	width: 100%;
	font-size: 60px;
	letter-spacing : 15px;
}
.banner-logo h1{
	font-size: 60px;
}
.search{
	width: 100%;
	float:left;

}
.search_input{
	width: 100%;
    float: left;
    height: 48px;
    line-height: 48px;
    border: solid #df864f 2px;
    padding: 0px 10px;
    font-size: 14px;
    outline: none;
    border-radius: 6px 0 0 6px;
	
}

/* .menu li ul {
	background: #000;
	border-top: none;
	position: absolute;
	top: -999em;
	z-index: 99999;
	display: none;

}

.menu li:hover ul {
	background: rgba(0,0,0,.7);
	width: 115px;
	padding:5px 10px;
	top: 60px;
	left: 0px;
	display: block;

} */
.search-relative{
	width: 100%;
    float: left;
    height: 48px;
	position: relative;
}

.search-relative .search-down{
	background: #fff;
	border-top: none;
	position: absolute;
	top: 43px;
	width: 515px;
	float: left;
	z-index: 99999;
	color: #000;
	border-radius: 0px 0px 6px 6px;
	border-left: solid #df864f 2px;
	border-right: solid #df864f 2px;
	border-bottom: solid #df864f 2px;
}

.search-relative .search-down ul{
	width: 100%;
	float: left;
}
.search-relative .search-down ul li{
	width: 100%;
	float: left;
	line-height: 35px;
	font-size: 14px;
	padding: 0px 10px;
	height: 35px;
} 
.search_button{
	background: #df864f;
	border: none;
	outline: none;
	color: #fff;
	padding: 0px 20px;
	height: 48px;
    line-height: 48px;
	border-radius: 0px 6px 6px 0;
	cursor: pointer;
	font-size: 18px;
	float: left;
}
.search_button:hover{
	background: #ce7741;
}
.h-title{
	width: 100%;
	float:left;
	border-bottom: 2px #eee solid;
}
.h-title ul{
	margin-bottom: -2px;
}
.h-title li{
	float: left;
}
.h-title li a {
	display: block;
	text-align: center;
	float: left;
	cursor: pointer;
	text-decoration: none;
	border-bottom: 2px #eee solid;
	text-decoration: none;
	height: 50px;
	line-height: 50px;
	padding: 0px 20px;
}

.h-title li a.current {
	height: 50px;
	line-height: 50px;
	color: #000;
	display: block;
	float: left;
	cursor: pointer;
	text-decoration: none;
	border-bottom: 2px solid #df864f;
}

.h-news{
	flex: 1;
}
.h-news dl{
	margin-right: 20px;
	display: flex;
	margin-top: 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 20px;
}
.h-news dl:nth-of-type(1){
	border-top: none;
	padding-top: 0px;
	margin-top: 0px;
}
.h-news dl dd{
	width: 180px;
	/* height: 120px; */
	float: left;
}
.h-news dl dd img{
	width: 180px;
	height: 101px;
	float: left;
}
.h-news dl dt{
	flex: 1;
	margin-left: 20px;
}
.h-news dl dt h3{
	width: 100%;
	float: left;
	line-height: 30px;
	height: 70px;
}
.h-news dl dt span{
	height: 30px;
	line-height: 30px;
	width: 100%;
	float: left;
}
.h-follow{
	width: 100%;
	float:left;
}
.h-follow ul{
	width: 100%;
	float: left;
}
.h-follow ul li{
	width: 171px;
	margin-right: 15px;
	margin-bottom: 15px;
	float:left;
	border: 1px solid #eee;
	border-radius: 6px;
	padding: 10px;
}

.h_today {
	width: 100%;
	float: left;
	text-align: center;
}

.h_today ul {
	width: 100%;
	float: left;
	display: flex;

	line-height: 30px;
	padding: 5px 0;
}

.h_today ul li {
	float: left;
}

.h_today_vs {
	width: 50px;
	float: left
}

.h_today_team {
	width: 30px;
	float: left;
	margin: 0px 5px;
}

.h_today_a {
	border: #df864f 1px solid;
	padding: 3px 10px;
	color: #df864f;
}

.h_today_a:hover {
	border: #df864f 1px solid;
	padding: 3px 10px;
	background: #df864f;
	color: #fff;
}
.h-promotion{
	width: 100%;
	float:left;
}
.h-promotion dl{
	width: 180px;
	float:left;
	margin-right: 30px;
	margin-bottom: 20px;
}
.h-promotion dl dd{
	width: 100%;
	float:left;
}
.h-promotion dl dd img{
	width: 100%;
}
.h-promotion dl dt{
	width: 100%;
	float:left;
	line-height: 35px;
	overflow: hidden;
	height: 35px;
}

.h_schedule {
	width: 360px;
	float: left;
	border: solid #edeced 1px;

	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

.h_schedule:hover {
	border: solid #edeced 1px;
	/*
        transform: translate(0, -5px);
        -webkit-transform: translate(0, -5px);
        -moz-transform: translate(0, -5px);
        -o-transform: translate(0, -5px);
        -ms-transform: translate(0, -5px);
    */
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090, direction=120, strength=3);
	/*ie*/
	-moz-box-shadow: 2px 2px 10px #909090;
	/*firefox*/
	-webkit-box-shadow: 2px 2px 10px #909090;
	/*safari或chrome*/
	box-shadow: 2px 2px 10px #909090;
	/*opera或ie9*/
}

.h_schedule h4 {
	width: 100%;
	float: left;
	height: 35px;
	line-height: 35px;
	text-align: center;
	overflow: hidden;
	font-size: 14px;
}

.h_schedule dl {
	width: 100%;
	float: left;
}

.h_schedule dl dd {
	width: 45%;
	float: left;
	text-align: center;
}

.h_schedule dl dd img {
	width: 30px;
	height: 30px;
}

.h_schedule dl dd span {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 9px;
	height: 20px;
	overflow: hidden;
}

.h_schedule dl dt {
	width: 10%;
	float: left;
	margin-top: 20px;
	text-align: center;
}

.h_schedule ul {
	float: left;
	width: 100%;
	height: 40px;
	padding: 5px 0;
	text-align: center;
}

.h_schedule ul li {
	margin: 0 auto;
	width: 70px;
}

.h_schedule ul a {
	border: #df864f solid 1px;
	padding: 2px 10px;
	float: left;
	color: #df864f;
	width: 70px;
	border-radius: 3px;
	margin-top: 2px;
	font-size: 14px;
}

.db-team-about {
    width: 1140px;
    padding:0 20px;
    line-height: 30px;
    float: left;
}

.db-team-about dl {
    width: 100%;
    display: flex;
    float: left;
}

.db-team-about dl dd {
    width: 150px;
    float: left;
    margin-left: 20px;
	text-align: center;
}

.db-team-about dl dd img {
    width: 120px;
	margin-bottom: 10px;
}
.db-team-about dl dd span{
	background: #df864f;
	padding: 0px 20px;
	border-radius: 30px;
	text-align: center;
	color: #fff;
	display: inline-block;
}
.db-team-about dl dd span a{
	color: #fff;
}
.db-team-about dl dd span a:hover{
	color: #fff;
	background: #ce7741;
	display: inline-block;
}


.db-team-about dl dt {
    flex: 1;
    float: left;

    padding-left: 20px;
}

.db-team-about dl dt h3 {
    font-size: 18px;
    float: left;
    width: 100%;
    font-weight: bold;
    margin-bottom: 10px;
}
.db-team-about dl dt h3 span{
	background: #df864f;
	padding: 5px 15px;
	border-radius: 15px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #fff;
	margin-left: 10px;
}
.db-team-about dl dt h3 span a{
	color: #fff;
}
.db-team-about dl dt h3 span a:hover{
	color: #fff;
	background: #ce7741;
}

.db-team-about dl dt p {
    font-size: 14px;
    float: left;
    width: 100%;
    line-height: 25px;
}
.title{
	width: 100%;
	float: left;
	display: flex;
}
.title dl{
	display: flex;
	flex: 1;

}
.title dl dd{
	border-bottom: 4px #df864f solid;
	color: #000;
	padding: 0px 15px;
	line-height: 44px;
	height: 44px;
	font-size: 16px;
}
.title dl span{
	line-height: 40px;
	height: 44px;
	float: left;
}
.title dl dt{
	text-align: right;
	border-bottom: 4px #f8f9fa solid;
	flex: 1;
	line-height: 44px;
	height: 44px;
	padding-right: 10px;

}

.title-tab{
	width: 100%;
	float: left;
	display: flex;
}
.title-tab ul{
	float: left;
	color: #000;
	width: 100%;
	line-height: 44px;
	height: 44px;
	font-size: 16px;
	border-bottom: 4px #f8f9fa solid;
}
.title-tab ul li{
	float: left;
	line-height: 40px;
	height: 40px;
}
.title-tab ul li a{
	float: left;
	padding: 0px 15px;
	line-height: 40px;
	height: 40px;
}
.title-tab ul li .title-tab-a{
	line-height: 40px;
	height: 40px;
	padding: 0px 15px;
	color: #df864f;
	border-bottom: 4px #df864f solid;
}
.title-tab ul span{
	float: right;
	line-height: 40px;
	height: 40px;
}
.title-tab ul #league_choice{
	background: #df864f;
    float: right;
    font-size: 14px;
    padding: 0px 10px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    border-radius: 5px;
    margin-top: 5px;
}

.r-news{
	width: 100%;
	float: left;
}
.r-news ul {
	width: 100%;
	float: left;;
}
.r-news ul li{
	width: 100%;
	height: 32px; 
	line-height: 32px;
	overflow: hidden;
	float: left;

}
.r-news ul li span{
	float: right;
	padding-right: 20px;
}
.r-news-schedule{
	width: 100%;
	float: left;
}
.r-news-schedule ul{
	width: 100%;
	float: left;
	display: flex;
	text-align: center;
	padding: 10px 0;
}
.r-news-schedule ul li{
	height: 32px;
	line-height: 32px;
	float: left;
	text-align: center;
}



.jingcai{
	width: 340px;
    height: 320px;
    float: left;
}
.jingcai_con{
	width: 340px;
	height: 168px;
	float: left;
	margin-top: 20px;
}
.jc_con_up{
	background: url(../images/jincai_bg.jpg) no-repeat center;
	width: 340px;
	height: 121px;
	position: relative;
	z-index:1;

}
.jc_l_lg,.jc_r_lg{
	opacity: 0.1;
    position: absolute;
    width: 110px;
    height: 110px;
	background-size: contain;

}
.jc_l_lg{
    background: url(../images/qiuduilogo_mr.png) no-repeat center;
    margin-top: 5px;
    margin-left: 15px;
}
.jc_r_lg{
	background: url(../images/qiuduilogo.png) no-repeat center;
	left: 200px;
    top: 15px;
    background-size: contain;
}
.jcc_l,.jcc_r{
    float: left;
    margin-top: 10px;
    margin-left: 22px;
    color: white;
    width: 135px;
    height: 100px;
	z-index:999;
	position: relative;

}
.jcc_r{
	padding: 15px 0 0 0;
}
.jcc_l h1,.jcc_r h1{
	font-size: 20px;
	text-shadow: 1px 1px 1px #666;
	
}
.jcc_l p,.jcc_r p{
	font-size: 12px;
	text-shadow: 1px 1px 1px #666;
	margin-bottom: 10px;
}
.jcc_l input,.jcc_r input{
	width: 84px;
	height: 26px;
	background: #fff;
	border: none;
	border-radius: 42px;
	cursor:pointer;
	font-size: 16px;
	color: #4d619e;
}
.jcc_l input:hover,.jcc_r input:hover{
	box-shadow: 2px 2px 6px #333;
}
.jcc_r input{
	color: #d3575f;
	float: right;
}
.jcc_r h1,.jcc_r p{float: right;}
.jingcai_con ul{
	margin: 10px 20px;
}
.jingcai_con ul li{
	margin-top: 10px;
}

.h-baby{ width:100%; float:left;}
.h-baby ul{margin: 20px;float:left;}
.h-baby ul li{
	overflow: hidden;
    float: left;
    margin-right: 4px;
    width: 190px;
    height: 150px;
    margin-top: 4px;
}
.h-baby ul li:nth-of-type(1){
	width: 380px;
    height: 304px;
}
.h-baby ul li:nth-of-type(1) img{
	width: 380px;
    height: 304px;
}
/* .zqzx_box ul li:nth-of-type(4){
	width: 380px;
} */
.h-baby{
	width:100%; float:left;
}

.h-navigation{ width:100%; float:left;}
.h-navigation ul{ width:100%; float:left; margin-top: 20px;}
.h-navigation ul li{
	float: left;
    /* height: 130px; */
    width: 100px;
    line-height: 14px;
    text-align: center;
	line-height: 28px;
    margin:0px 10px 10px 10px;
    background-size: contain;

}
.h-navigation ul li img{
	height: 90px;
    max-width: 90px;
	margin: auto;
}
/* .h-navigation ul li:nth-of-type(1){
	margin-left: 20px;
} */
.h-navigation ul li span{
	width: 100%;
	float: left;
	text-align: center;
}

.h-schedule-focus {
	width: 100%;
	float: left;
	height: 175px;
}

.h-schedule-focus .focus {
	position: relative;
	width: 820px;
	height: 175px;
	float: left;
}


.h-schedule-focus .focus .btn {
	position: absolute;
	bottom: 34px;
	left: 510px;
	overflow: hidden;
	zoom: 1;
}

.h-schedule-focus .focus .btn a {
	position: relative;
	display: inline;
	width: 13px;
	height: 13px;
	border-radius: 7px;
	margin: 0 5px;
	color: #B0B0B0;
	font: 12px/15px "\5B8B\4F53";
	text-decoration: none;
	text-align: center;
	outline: 0;
	float: left;
	background: #eee;
}

.h-schedule-focus .focus .btn a:hover,
.h-schedule-focus .focus .btn a.current {
	cursor: pointer;
	background: #df864f;
}

.h-schedule-focus .focus .fPic {
	position: absolute;
	left: 0px;
	top: 0px;
}

.h-schedule-focus .focus .D1fBt {
	overflow: hidden;
	zoom: 1;
	height: 16px;
	z-index: 10;
}

.h-schedule-focus .focus .shadow {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0px;
	z-index: 10;
	height: 30px;
	line-height: 30px;
	background: rgba(0, 0, 0, 0.6);
	display: block;
	text-align: left;
}

.h-schedule-focus .focus .shadow a {
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	overflow: hidden;
	margin-left: 10px;
	font-family: "\5FAE\8F6F\96C5\9ED1";
}

.h-schedule-focus .focus .fcon {
	position: relative;
	width: 820px;
	float: left;
	display: none;

}


.h-schedule-focus .focus .fbg {
	bottom: 5px;
	right: 10px;
	position: absolute;
	height: 21px;
	text-align: center;
	z-index: 10;
}

.h-schedule-focus .focus .fbg div {
	margin: 4px auto 0;
	overflow: hidden;
	zoom: 1;
	height: 14px
}

.h-schedule-focus .focus .D1fBt a {
	position: relative;
	display: inline;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 0 5px;
	color: #B0B0B0;
	font: 12px/15px "\5B8B\4F53";
	text-decoration: none;
	text-align: center;
	outline: 0;
	float: left;
	background: #eee;
}

.h-schedule-focus .focus .D1fBt .current,
.h-schedule-focus .focus .D1fBt a:hover {
	background: #df864f;
}

.h-schedule-focus .focus .D1fBt img {
	display: none
}

.h-schedule-focus .focus .D1fBt i {
	display: none;
	font-style: normal;
}

.h-schedule-focus .focus .prev,
.h-schedule-focus .focus .next {
	position: absolute;
	width: 30px;
	height: 30px;
	/* background: url(../images/focus_btn.png) no-repeat; */
}

.h-schedule-focus .focus .prev {
	top: 50%;
	margin-top: -15px;
	left: 5px;
	background-position: 0 0;
	cursor: pointer;
}

.h-schedule-focus .focus .next {
	top: 50%;
	margin-top: -15px;
	right: 5px;
	background-position: -30px 0;
	cursor: pointer;
}

.h-schedule-focus .focus .prev:hover {
	background-position: 0 -30px;
}

.h-schedule-focus .focus .next:hover {
	background-position: -30px -30px;
}



.h-live{ width:1160px; float:left;height:40px; line-height: 40px;border-radius: 40px;background: #fffae9;}
.h-live li{ float:left; margin-left: 20px;font-size: 12px;}
.h-live li a{color: #df864f;}
.h-live li a:hover{color: #ce7741;}
.h-live li:nth-of-type(1) img{margin-top: 12px;}
.h-live li:nth-of-type(2){margin-left: 4px;font-size: 16px;}
.h-live li:nth-of-type(6){margin-left: 40px;}

.h-link{float: left;padding: 10px 20px 0px 20px;}
.h-link li{
	/* width: 116px; */
    height: 20px;
    float: left;
    text-align: left;
	margin-right: 30px;
}
.foot{ width:100%; float:left; padding: 15px 0px; color: #d7e3f1;}
.foot-menu{
	width: 150px;
	float: left;
}
.foot-menu ul{
	width: 100%;
	float: left;
}
.foot-menu ul li{
	width: 100%;
	float: left;
	height: 30px;
	line-height: 30px;
	color: #d7e3f1;
}
.foot-menu ul li a{
	color: #d7e3f1;
}
.foot-menu ul li a:hover{
	color: #d7e3f1;
}
.foot-code{
	width: 400px;
	float: left;
}
.foot-code dl{
	width: 200px;
	float: left;
}
.foot-code dl dd{
	width: 200px;
	float: left;
	text-align: center;
} 
.foot-code dl dd img{
	width: 130px;
}
.foot-code dl dt{
	width: 200px;
	float: left;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.foot-text{
	width: 650px;
	float: left;
	line-height: 30px;
	color: #d7e3f1;
}
.foot-text h3{
	width: 100%;
	float: left;
	height: 40px;
	line-height: 40px;
}
.foot-text h3 a{
	color: #d7e3f1;
}
.foot-text h3 a:hover{
	color: #d7e3f1;
}
.foot-bottom{
	color: #d7e3f1;
}
.foot-bottom img{
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
.foot-bottom a{
	color: #d7e3f1;
}
.foot-bottom a:hover{
	color: #d7e3f1;
}

.submenu{
	width: 100%;
    float: left;
    padding: 10px 0 20px 0;
    height: 210px;
}

.submenu ul{
	width:100%;
	float:left;
}
.submenu ul li{
	float: left;
    width: 230px;
    height: 210px;
    line-height: 25px;
    margin-left: 12px;
    background: #fff;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}
.submenu ul li:nth-of-type(1){
	margin: 0;
}
.submenu ul li:hover{
	box-shadow: 1px 1px 16px #ccc;
    margin-top: 2px;
}
.submenu li div:first-child {width: 230px;height: 140px;}
.submenu ul li div:nth-of-type(2) {width: 210px;padding: 10px}

.submenu ul li .gg_cio{
	background: url(../images/ggbiaoqian.png) no-repeat center;
	float: right;
    margin-right: 18px;
    margin-top: 14px;
	width: 44px;
	height: 20px;
}
.news-title {
	width: 100%;
	float: left;
}

.news-title h1 {
	width: 100%;
	float: left;
	line-height: 45px;
}

.news-title span {
	width: 100%;
	float: left;
	height: 30px;
	line-height: 30px;
}
.news-con-text {
	float: left;

	line-height: 36px;
}

.news-con-text img {
	max-width: 738px;
	overflow: hidden;
}

.news-team-about {
    width: 800px;
    padding:0 20px;
    line-height: 30px;
    float: left;
}

.news-team-about dl {
    width: 100%;
    display: flex;
    float: left;
}

.news-team-about dl dd {
    width: 130px;
    float: left;

	text-align: center;
}

.news-team-about dl dd img {
    width: 100px;
	margin-bottom: 10px;
}
.news-team-about dl dd span{
	background: #df864f;
	padding: 5px 15px;
	border-radius: 15px;
	text-align: center;
	color: #fff;
}
.news-team-about dl dd span a:hover{
	color: #fff;
	background: #ce7741;
}


.news-team-about dl dt {
    flex: 1;
    float: left;
    padding-left: 20px;
	line-height: 25px;
}

.news-team-about dl dt h3 {
    font-size: 18px;
    float: left;
    width: 100%;
    font-weight: bold;
    margin-bottom: 10px;
}
.news-team-about dl dt h3 span{

	font-size: 14px;
	font-weight: 400;
	text-align: center;
	margin-left: 10px;
}
.news-team-about dl dt h3 span a{
	color: #fff;
	background: #df864f;
	padding: 5px 15px;
	border-radius: 15px;
}
.news-team-about dl dt h3 span a:hover{
	color: #fff;
	padding: 5px 15px;
	background: #ce7741;
}

.news-team-about dl dt p {
    font-size: 14px;
    float: left;
    width: 100%;
    line-height: 25px;
}
.article-tags{
	float: left;
	width: 100%;
}
/* .article-tags a{
	margin-right: 10px;
} */
.news-parttwo{
	width: 100%;
	float: left;
}
.news-parttwo dd{
	width: 100%;
	float: left;
	line-height: 30px;
}
.news-parttwo dt{
	width: 100%;
	float: left;
	line-height: 30px;
}


.right_database{ width:100%; float:left; padding-bottom: 15px;}
.right_database dl{ width:100px; float:left; margin-left: 10px; margin-top: 15px;}
.right_database dl dd{float: left; width: 100px; height: 85px; text-align: center;}
.right_database dl dd img{max-width: 80px; height: 80px; margin: auto;}
.right_database dl dt{ width:100%; float:left; text-align: center; height: 25px; line-height: 25px;}


.h_database{ width:100%; float:left; padding-top: 15px;}
.h_database dl{ width:100px; float:left; margin-left: 20px; margin-top: 15px;}
.h_database dl dd{ float: left; width: 100px; height: 85px; text-align: center;}
.h_database dl dd img{max-width: 80px; height: 80px; margin: auto;}
.h_database dl dt{ width:100%; float:left; text-align: center; height: 25px; line-height: 25px;}

.integral-tab {
	width: 100%;
	float: left;
	;
}

.integral-tab ul {
	display: flex;
}

.integral-tab ul li {
	height: 40px;
	line-height: 40px;
	text-align: center;
	flex: 1;
}

.integral-tab ul li a {
	padding: 3px 8px;
	text-align: center;
	font-size: 14px;
	color: #4f4f4f;
	cursor: pointer;
	text-decoration: none;
	background: #fff;
	text-decoration: none;

}

.integral-tab ul li a.current {
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	background: #df864f;
}

.integral-box {
	width: 100%;
	float: left;

}

.integral-box ul:hover {
	background: #f5f5f5;
}

.integral-box ul:nth-of-type(1) {
	background: #f5f5f5;
}

.integral-box li img {
	height: 20px;
	width: 20px;
}

.user-info-data {
	width: 100%;
	float: left;
	margin-top: 20px;
}

.user-info-data dl {
	width: 100%;
	float: left;
}

.user-info-data dl dd {
	width: 100%;
	height: 100px;
	border-radius: 50%;
	float: left;
	text-align: center;
}

.user-info-data dl dd img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin: 0 auto;
}

.user-info-data dl dt {
	width: 100%;
	float: left;
}

.user-info-data dl dt h3 {
	float: left;
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: center;

}
.user-info-data dl dt span{
	float: left;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.user-info-data dl dt li {
	width: 100%;
	float: left;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.user-follow {
	float: left;
	width: 100%;
	margin-top: 10px;
	text-align: center;
}



.user-follow .an-follow {
	padding: 3px 10px;
	background: #df864f;
	display: inline-block;
	border: 1px #df864f solid;
	border-radius: 3px;

	color: #fff;
}


.user-info-about {
	float: left;
	width: 100%;
	padding-bottom: 15px;
}

.r_news {
	width: 100%;
	float: left;

}

.r_news dl {
	margin-top: 20px;
	width: 100%;
	float: left;
}

.r_news dl dd {
	width: 100px;
	float: left;
}

.r_news dl dd img {
	width: 100px;
	height: 60px;
	float: left;
}

.r_news dl dt {
	width: 220px;
	font-size: 14px;
	float: left;
	margin-left: 20px;
	height: 50px;
	line-height: 25px;
	overflow: hidden;
	margin-top: 5px;
}

.tj-list:nth-child(even) {
	background-color: #fffef9;
}

.tj-list{
	width: 373px;
	margin-bottom: 20px;
	float: left;
	/* margin-right: 10px; */
	margin-left: 20px;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
	float: left;

}
.tj-list:hover {

	/*
        transform: translate(0, -5px);
        -webkit-transform: translate(0, -5px);
        -moz-transform: translate(0, -5px);
        -o-transform: translate(0, -5px);
        -ms-transform: translate(0, -5px);
    */
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090, direction=120, strength=3);/*ie*/
	-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
	-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
	box-shadow: 2px 2px 10px #909090;/*opera或ie9*/
}

.tj-list
.tj-view{
	background: #df864f;
	color: #fff;
	border-radius: 3px;
	padding: 3px 10px;
}
.news-bg_{
	height: 96px;
	float: left;
	background:#380c3d url(../images/news-bg_3.png) no-repeat center;
}
.news-bg_3{
	height: 96px;
	float: left;
	background:#380c3d url(../images/news-bg_3.png) no-repeat center;
}
.news-bg_4{
	height: 96px;
	float: left;
	background:#0f2c3a url(../images/news-bg_4.png) no-repeat center;
}
.news-bg_5{
	height: 96px;
	float: left;
	background:#26363e url(../images/news-bg_5.png) no-repeat center;
}
.news-bg_6{

	height: 96px;
	float: left;
	background:#0a2247 url(../images/news-bg_6.png) no-repeat center;
}
.news-bg_8{
	height: 96px;
	float: left;
	background:#1e1e1f url(../images/news-bg_8.png) no-repeat center;
}
.news-bg_9{
	height: 96px;
	float: left;
	background:#0a1a4b url(../images/news-bg_9.png) no-repeat center;
}

.news-menu_{
	background-color: rgb(227, 34, 115);
}
.news-menu_3{
	background-color: rgb(227, 34, 115);
}
.news-menu_4{
	background-color: rgb(82, 153, 179);
}
.news-menu_5{
	background-color: rgb(200, 54, 48);
}
.news-menu_6{
	background-color: rgb(242, 121, 0);
}
.news-menu_8{
	background-color:rgb(13, 148, 181);
}
.news-menu_9{
	background-color:rgb(20, 92, 201);
}




.news-logo{
	height: 96px;
	float: left;
	line-height: 96px;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
}
.news-logo span{
	float: left;
}
.news-logo h1{
	font-size: 36px;
	font-weight: bold;
	float: left;
}
.news-logo img{
	float: left;
	margin-top: 27px;
}
.news-search{
	width: 300px;
	float:right;

}
.news-search_input{
	width: 100%;
    float: left;
    height: 30px;
    line-height: 30px;
    background: rgba(255, 255, 255, 1);
	border: none;
	color: #000;
    padding: 0px 5px;
    font-size: 14px;
    outline: none;
    border-radius: 3px 0 0 3px;
}
.news-search_button{
	background: rgba(0,0,0,.2);
	border: none;
	outline: none;
	color: #fff;
	padding: 0px 10px;
	font-size: 14px;
	height: 30px;
    line-height: 30px;
	border-radius: 0px 3px 3px 0;
	cursor: pointer;
}


.news-menu{
	width: 100%;
	float: left;
}
.news-menu ul{
	width: 100%;
	float: left;
}
.news-menu ul li{
	float: left;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
}
.news-menu ul li a{
	 color: #fff;
	 padding: 5px 10px;
}
.news-menu ul li a:hover{ background: rgba(0,0,0,.1)}
.news-box-li{
	width: 100%;
	float: left;
}
.news-box-li ul{
	width: 100%;
	float: left;

}
.news-box-li li{
	width: 100%;
	float: left;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
}
.news-box-li li:nth-of-type(1){
	width: 100%;
	float: left;
	font-size: 18px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	font-weight: bold;
}
.news-box-li li:nth-of-type(4),.news-box-li li:nth-of-type(7),.news-box-li li:nth-of-type(10),.news-box-li li:nth-of-type(13),.news-box-li li:nth-of-type(16){
	width: 100%;
	float: left;
	font-size: 18px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	font-weight: bold;
	margin-top: 10px;

}


.news-list{
	width: 100%;
	float: left;
}
.news-list ul{
	width: 100%;
	float: left;

}
.news-list li{
	width: 100%;
	float: left;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
}
.news-list li span{
	float: right;
}

.news-focus {
	width: 100%;
	float: left;
	height: 320px;
}

.news-focus .focus {
	position: relative;
	width: 410px;
	height: 320px;
	background-color: #eee;
	float: left;
}

.news-focus .focus img {
	width: 410px;
	height: 320px;
	float: left;
	overflow: hidden;
}

.news-focus .focus .btn {
	position: absolute;
	bottom: 34px;
	left: 510px;
	overflow: hidden;
	zoom: 1;
}

.news-focus .focus .btn a {
	position: relative;
	display: inline;
	width: 13px;
	height: 13px;
	border-radius: 7px;
	margin: 0 5px;
	color: #B0B0B0;
	font: 12px/15px "\5B8B\4F53";
	text-decoration: none;
	text-align: center;
	outline: 0;
	float: left;
	background: #D9D9D9;
}

.news-focus .focus .btn a:hover,
.news-focus .focus .btn a.current {
	cursor: pointer;
	background: #fc114a;
}

.news-focus .focus .fPic {
	position: absolute;
	left: 0px;
	top: 0px;
}

.news-focus .focus .D1fBt {
	overflow: hidden;
	zoom: 1;
	height: 16px;
	z-index: 10;
}

.news-focus .focus .shadow {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0px;
	z-index: 10;
	height: 30px;
	line-height: 30px;
	background: rgba(0, 0, 0, 0.6);
	display: block;
	text-align: left;
}

.news-focus .focus .shadow a {
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	overflow: hidden;
	margin-left: 10px;
	font-family: "\5FAE\8F6F\96C5\9ED1";
}

.news-focus .focus .fcon {
	position: relative;
	width: 100%;
	float: left;
	display: none;
	background: #000
}

.news-focus .focus .fcon img {
	display: block;
}

.news-focus .focus .fbg {
	bottom: 35px;
	right: 10px;
	position: absolute;
	height: 21px;
	text-align: center;
	z-index: 10;
}

.news-focus .focus .fbg div {
	margin: 4px auto 0;
	overflow: hidden;
	zoom: 1;
	height: 14px
}

.news-focus .focus .D1fBt a {
	position: relative;
	display: inline;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 0 5px;
	color: #B0B0B0;
	font: 12px/15px "\5B8B\4F53";
	text-decoration: none;
	text-align: center;
	outline: 0;
	float: left;
	background: #fff;
}

.news-focus .focus .D1fBt .current,
.news-focus .focus .D1fBt a:hover {
	background: #b90d0d;
}

.news-focus .focus .D1fBt img {
	display: none
}

.news-focus .focus .D1fBt i {
	display: none;
	font-style: normal;
}

.news-focus .focus .prev,
.news-focus .focus .next {
	position: absolute;
	width: 30px;
	height: 30px;
	/* background: url(../images/focus_btn.png) no-repeat; */
}

.news-focus .focus .prev {
	top: 50%;
	margin-top: -15px;
	left: 5px;
	background-position: 0 0;
	cursor: pointer;
}

.news-focus .focus .next {
	top: 50%;
	margin-top: -15px;
	right: 5px;
	background-position: -30px 0;
	cursor: pointer;
}

.news-focus .focus .prev:hover {
	background-position: 0 -30px;
}

.news-focus .focus .next:hover {
	background-position: -30px -30px;
}

.news-left-box {
	width: 410px;
	float: left;
	padding-bottom: 10px;
}

.news-left-box dl {
	width: 195px;
	float: left;
	margin-top: 15px;
}
.news-left-box dl:nth-of-type(2),.news-left-box dl:nth-of-type(4) {
	margin-left:20px;
}

.news-left-box dd {
	position: relative;
	float: left;
	width: 195px;
	height: 120px;
	overflow: hidden;
}



.news-left-box dl dd img {
	width: 195px;
	height: 120px;
	overflow: hidden;
	float: left;
}

.news-left-box dl dt {
	background: #fbfbfb;
	height: 30px;
	line-height: 30px;
	float: left;
	width: 100%;
	text-indent: 5px;
	overflow: hidden;
}

.news-left-label{
	width: 150px;
	float: left;
}
.news-left-label ul{
	width: 100%;
	float: left;
}
.news-left-label ul li{
	width: 100%;
	float: left;
	background: #f5f5f5;
	height: 40px;
	line-height: 40px;
	margin-bottom: 2px;
}
.news-left-label ul li a{
	width: 100%;
	float: left;
	background: #f5f5f5;
	height:40px;
}
.news-left-label ul li a:hover{
	width: 100%;
	float: left;
	background: #f5f5f5;
}

.schedule-list {
    width: 215px;
    float: left;
    border: solid #e9e9e9 1px;
    /* cursor:pointer; */
	background: #fff;
}
.schedule-list:hover {
    border: solid #ce7741 1px;
    /* cursor:pointer; */
}

.schedule-list dl {
    width: 100%;
    float: left;
    font-size: 14px;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
}

.schedule-left{
	width: 200px;
	float: left;
	min-height: 500px;
}
.schedule-left ul{
	width: 100%;
	float: left;
}
.schedule-left h3{
	width: 100%;
	float: left;
	text-align: center;
	height: 60px;
	line-height: 60px;
}
.schedule-left ul li{
	width: 50%;
	float: left;
	height: 50px;
	line-height: 50px;
	text-indent: 20px;
	color: #000;
	border-bottom: solid #ebebeb 1px;
}
.schedule-left ul li:nth-child(even) {
	border-right: solid #ebebeb 1px;
}
.schedule-left ul  li:nth-of-type(1){
	width: 100%;
}


.schedule-left ul li a{
	width: 100%;
	height: 50px;
	line-height: 50px;
	float: left;
	overflow: hidden;
}
.schedule-left ul li a:hover,.schedule-left ul li a.schedule-left-hover{
	background: #df864f;
	color: #fff;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
	float: left;
}

.schedule-tab {
    width: 100%;
    float: left;
}
.schedule-tab ul {
    /* width: 100%; */
    /* float: left; */
	display: flex;
	padding: 10px;
}
.schedule-tab ul li {
    flex: 1;
    /* float: left;
    margin-right: 11px; */
	text-align: center;
	margin: 0 20px;
}
.schedule-tab ul li span {
    float: left;
    width: 100%;
    text-align: center;
    height: 22px;
    line-height: 22px;
}
.schedule-tab ul li a {
    float: left;
    padding: 5px 0;
}
.schedule-tab ul li a:hover, .sch-tab-hover {
    background: #df864f;
    float: left;
	width: 100%;
    color: #fff;
}
.schedule-title {
    width: 670px;
    float: left;
    padding: 15px 0;
}
.schedule-title ul {
    width: 120px;
    float: left;
    text-align: center;
}
.schedule-title ul li {
    width: 100%;
    float: left;
    height: 20px;
    line-height: 20px;
}
.schedule-title dl {
    width: 330px;
    float: left;
    margin-left: 20px;
}
.schedule-title dl dd {
    float: left;
}
.schedule-title dl dt {
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 35px;
}
.schedule-title .vs-dl-left {
    text-align: right;
}
.schedule-title .vs-dl-left img {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 5px;
}
.schedule-title .vs-dl-left span {
    float: right;
    height: 40px;
    line-height: 40px;
}
.schedule-title .vs-dl-right {
    text-align: left;
}
.schedule-title .vs-dl-right img {
    float: left;
    width: 40px;
    height: 40px;
    float: left;
    border-radius: 50%;
    margin-right: 5px;
}
.schedule-title .vs-dl-right span {
    float: left;
    height: 40px;
    line-height: 40px;
}
.schedule-title-right {
    margin-right: 10px;
    margin-top: 10px;
    float: right;
    height: 22px;
    line-height: 22px;
    padding: 0px 10px;
    border-radius: 10px;
    font-size: 14px;
    color: #fff;
}

.schedule {
	width: 100%;
	float: left;
	/* max-height:500px; */
	overflow:hidden;
}

.schedule ul {
	width: 100%;
	float: left;
	/* height: 50px; */
}
.schedule ul:hover{
	background: #f5f5f5;
}
.schedule ul li {
	width: 100%;
	float: left;
}

.schedule ul li img {
	width: 30px;
	max-height: 30px;
}

.schedule ul li i {
	display: block;
	transition: all 0.3s ease-in-out;
}

.schedule ul li:hover i {
	transform: rotate(360deg);
}
.schedule-view{
	width: 80px;
	float: left;
	padding:5px 0;
	text-align: center;
	font-size: 14px;
	border-radius: 5px;
	background: #fff;
	border: 1px #df864f solid; 
	color: #df864f;
}
.schedule-view:hover{
	background: #df864f;
	color: #fff;
}

.my-follow{
	width: 100%;
	float: left;
}
.my-follow dl{
	width: 170px;
	float: left;
	margin-top: 20px;
}
.my-follow dl dd{
	width: 60px;
	float: left;
}
.my-follow dl dd img{
	width: 48px;
	float: left;
	height: 48px;
}
.my-follow dl dt{
	width: 110px;
	float: left;
}
.my-follow dl dt h3{
	width: 100%;
	float: left;
	height: 24px;
	line-height: 24px;
}
.my-follow dl dt span{
	width: 100%;
	float: left;
	height: 24px;
	line-height: 24px;
}


.against-bg{
	background: url(../images/against-bg.png) no-repeat center top;
	width: 100%;
	float: left;
	height: 120px;
}
.against-menu{
	width: 100%;
	float: left;
}
.against-menu ul{
	width: 100%;
	float: left;
}
.against-menu ul li{
	float: left;
	padding: 0px 20px;
	line-height: 40px;
	height: 40px;
}
.against-menu ul li a{
	color: #fff;
}
.against-menu ul li a:hover{
	color: #fff;
}
.against-div{
	width: 100%;
	float: left;
}
.against-div h3{
	width: 100%;
	float: left;
	height: 40px;
	line-height: 40px;
}
.against-div ul{
	float: left;
	width: 100%;
}

.club-data {
	width: 100%;
	float: left;
	margin-top: 20px;
}

.club-data dl {
	width: 100%;
	float: left;
}

.club-data dl dd {
	width: 100%;
	height: 100px;
	float: left;
	text-align: center;
}

.club-data dl dd img {
	width: 100px;
	height: 100px;

	margin: 0 auto;
}

.club-data dl dt {
	width: 100%;
	float: left;
	height: 35px;
	line-height: 35px;
}

.club-data dl dt h3 {
	float: left;
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: center;

}
.club-data dl dt h1 {
	float: left;
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: center;

}

.club-data dl dt li {
	width: 100%;
	float: left;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.tips-list{
	width: 410px;
	float: left;
	margin-right: 20px;
}
.match-list{
	width: 390px;
	float: left;
	margin-right: 15px;
}
.view-bottom{
	float: left;
	background: #df864f;
	color: #fff;
	border-radius: 5px;
	padding: 1px 10px;
}
.view-bottom:hover{
	float: left;
	background: #ce7741;
	color: #fff;
	padding: 1px 10px;
	border-radius: 5px;
}

.tips-win-bg{
	border-radius: 50px 0 0 50px;
	width: 100px;
	padding:2px 0;
	text-align: center;
	float: right;
}



/* 注册登录 */
.fade {
	display: none;

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 999;
}

#fade {
	display: none;

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 999;
}

#fade a {
	float: left;
	width: 100%;
	height: 100%;
	display: block;
}

.pop_ups {
	width: 500px;
	background: #fff;
	border-radius: 10px;
	position: fixed;
	left: 50%;
	margin-left: -250px;
	
	padding-bottom: 30px;
	z-index: 9999;
/* 	height: 440px; */
	top: 50%;
	margin-top: -300px;
}

.pop_ups_close {
	position: absolute;
	cursor: pointer;
	top: -25px;
	right: -15px;
	width: 40px;
	height: 40px;
	font-size: 20px;
	color: #df864f;
}

.pop_ups_title {
	width: 100%;
	margin-top: 10px;
	float: left;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
}

.login_con {
	width: 350px;
	margin-left: 75px;
	float: left;
	/*margin-top: 46px;*/
}

.login_con ul {
	width: 100%;
	float: left;
}

.login_con ul li {
	width: 100%;
	float: left;
	/*margin-top: 20px;*/
}

.login_con ul li span {
	float: left;
	height: 25px;
	line-height: 25px;
}

.login_con ul li .dt_input {
	height: 40px;
	line-height: 40px;
	background: #f5f5f5;
	border-radius: 20px;
	border: none;
	outline: none;
	width: 350px;
	float: left;
	padding-left: 10px;
	font-size: 14px;
}

.login_con ul li .dt_button {
	background: #df864f;
	float: left;
	text-align: center;
	width: 100%;
	height: 40px;
	padding-top: 0px;
	line-height: 40px;
	border-radius: 6px;
	border: none;
	outline: none;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	/*
        font: 100 20px/50px 'Microsoft YaHei', 'simsun', sans-serif, Arial;
        _font-family: 'simsun', Arial;
    */
}

.login_con ul li .dt_button:hover {
	background: #ce7741;
	width: 100%;
	float: left;
	text-align: center;
	height: 40px;
	padding-top: 0px;
	line-height: 40px;
	border-radius: 6px;
	border: none;
	outline: none;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
}

.login_con dl {
	width: 100%;
	float: left;
}

.login_con dl dd {
	float: left;
}

.login_con dl dt {
	float: right;
}

.login_bot {
	width: 350px;
	float: left;
	margin-left: 50px;
}

.login_bot h3 {
	border-bottom: solid 1px #eee;
	float: left;
	width: 100%;
	margin-bottom: 25px;
	margin-top: 10px;
}

.login_bot h3 span {
	top: 10px;
	background: #fff;
	position: relative;
	display: inline-block;
	width: 150px;
	margin-left: 100px;
	text-align: center;
}

.login_bot dl dd {
	width: 175px;
	float: left;
	text-align: center;
}

.login_bot .login_qq {
	width: 82px;
	height: 82px;
	display: inline-block;
	background: url(../images/login_qv.png) no-repeat;
}

.login_bot .login_qq:hover {
	width: 82px;
	height: 82px;
	display: inline-block;
	background: url(../images/login_qv.png) 0px -84px no-repeat;
}

.login_bot dl dt {
	width: 175px;
	float: left;
	text-align: center;
}

.login_bot .login_wx {
	width: 82px;
	height: 82px;
	display: inline-block;
	background: url(../images/login_qv.png) -168px 0px no-repeat;
}

.login_bot .login_wx:hover {
	width: 82px;
	height: 82px;
	display: inline-block;
	background: url(../images/login_qv.png) -168px -84px no-repeat;
}

.register {
	width: 1000px;
	margin-left: 200px;
	float: left;
}

.register_title {
	width: 100%;
	float: left;
}

.register_title dl {
	width: 100%;
	float: left;
}

.register_title dd {
	width: 100%;
	float: left;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
}

.register_title dt {
	width: 100%;
	float: left;
	line-height: 30px;
}

.register_list {
	width: 100%;
	float: left;
}

.register_li {
	width: 100%;
	float: left;
	margin-top: 20px;
}

.register_li dl {
	width: 480px;
	float: left;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
}

.register_li dl dd {
	width: 100px;
	float: left;
	font-size: 16px;
	margin-left: 20px;
}

.register_li dl dd span {
	height: 40px;
	line-height: 40px;
	margin-right: 5px;
	float: left;
}

.register_li dl dt {
	width: 330px;
	float: left;
}

.register_li dl dt input {
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: none;
	background: none;
	outline: none;
	font-size: 16px;
}

.register_li .tips_span {
	width: 400px;
	float: left;
	height: 40px;
	line-height: 40px;
	margin-left: 10px;
	color: #ff5555;
}

.register_li2 {
	width: 100%;
	float: left;
	margin-top: 20px;
}

.register_li2 dl {
	width: 400px;
	float: left;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
}

.register_li2 dl dd {
	width: 80px;
	float: left;
	font-size: 16px;
	margin-left: 32px;
}

.register_li2 dl dt {
	width: 260px;
	float: left;
	margin-left: 10px;
}

.register_li2 dl dt input {
	float: left;
	width: 100%;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	border: none;
	background: none;
	outline: none;
}

.register_submit {
	width: 100%;
	float: left;
}

.register_submit dl {
	width: 100%;
	float: left;
}

.register_submit dl dd {
	width: 100%;
	float: left;
	height: 30px;
	line-height: 30px;
}

.register_submit dl dt {
	width: 100%;
	float: left;
	height: 40px;
	line-height: 40px;
	margin-top: 10px;
}

.register_submit dl dt button {
	width: 180px;
	outline: none;
	cursor: pointer;
	border: none;
	height: 40px;
	color: #fff;
	float: left;
	border-radius: 6px;
	background: #df864f;
	font-size: 16px;
}

.register_submit dl dt button:hover {
	background: #ce7741;
}

.register_bot {
	width: 100%;
	float: left;
}

.register_bot dl {
	width: 100%;
	float: left;
}

.register_bot dl dd {
	width: 100%;
	float: left;
	height: 30px;
	line-height: 30px;
}

.register_bot dl dt {
	width: 100%;
	float: left;
	height: 24px;
	line-height: 24px;
}

.register_bot dl dt span {
	float: left;
}

.register_bot dl dt .login2_qq {
	background: url(../images/login_qv2.png) no-repeat;
	width: 90px;
	height: 24px;
	float: left;
}

.register_bot dl dt .login2_wx {
	margin-left: 10px;
	background: url(../images/login_qv2.png) -93px 0px no-repeat;
	width: 90px;
	height: 24px;
	float: left;
}

/***用户协议***/
.term_tips {
	width: 800px;
	background: #fff;
	border-radius: 10px;
	position: fixed;
	left: 50%;
	margin-left: -400px;
	padding-bottom: 20px;
	z-index: 9999;
	height: 500px;
	top: 50%;
	margin-top: -250px;
}

.term_tips_box {
	width: 760px;
	line-height: 30px;
	height: 350px;
	overflow: auto;
	margin-left: 20px;
	float: left;
}

.term_tips_bot {
	width: 760px;
	float: left;
	margin-left: 20px;
	text-align: center;
	margin-top: 20px;
}

.term_tips_button {
	width: 200px;
	margin: 0px auto;
	height: 40px;
	background: #df864f;
	border-radius: 20px;
	border: none;
	outline: none;
	color: #fff;
	font-size: 16px;
}
.left_menu {
	width: 300px;
	float: left;
	min-height:580px;
	/* height: 580px; */
}

.left_menu ul {
	width: 100%;
	float: left;
}

.left_menu ul li {
	width: 100%;
	float: left;
	height: 60px;
	line-height: 60px;
	border-bottom: solid #edeced 1px;
	text-indent: 50px;
}

.left_menu ul li i {
	margin-right: 10px;
	text-align: center;
	width: 30px;
	float: left;
	margin-left: 50px;
	font-size: 20px;
}

.left_menu ul li a {
	width: 100%;
	float: left;
	font-size: 16px;

}

.left_menu ul li a:hover {
	color: #fff;
	background: #df864f;
}

.left_menu ul .current_page {
	width: 100%;
	float: left;
	background: #df864f;
	color: #fff;
	height: 60px;
}

.left_menu ul li span {
	width: 20px;
	height: 20px;
	float: left;
	margin: 20px 0 0 90px;
}

.left_menu ul .current_page a {
	color: #fff;
}
.left_menu ul .current_page a:hover,.left_menu ul li a:hover{
	color: #fff;
	background: #df864f;
}

.right_box {
	width: 900px;
	float: left;
	min-height: 720px;
}

.right_box_up {
	height: 130px;
	border-bottom: solid #edeced 1px;
}


.rbu_data {
	color: #444;
	float: left;
	width: 600px;
	font-size: 14px;
}

.rbu_data h3 span {
	float: left;
}

.rbu_data h3 img {
	float: left;
	height: 20px;
	float: left;
	margin-left: 10px;
	margin-top: 8px;
}

.right_box_up img {
	float: left;
}

.right_box_up .rbu_data {
	float: left;
	margin-left: 18px;
}

.right_box_up .rbu_data h3 {
	font-size: 20px;
	height: 35px;
	line-height: 35px;
	width: 100%;
	float: left;
}
.content {
	width: 899px;
	margin: 0 auto;
	height: auto;
}

h2.title {
	text-align: center;
	font-size: 24px;
	color: #333;
	line-height: 24px;
	padding-bottom: 24px;
	position: relative;
}

h2.title:after {
	position: absolute;
	left: 50%;
	width: 46px;
	height: 1px;
	margin-left: -23px;
	background-color: #0c9;
	bottom: 0;
	content: '';
}

p.subtitle {
	margin-top: 18px;
	text-align: center;
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.tab-block {
	width: 840px;
	height: 580px;
	background-color: #FFF;
}

.tab-block.information-tab {
	height: 430px
}

.tab-block.information-tab .tabs {
	height: 380px
}

.tab-block .tab-buttons {
	height: 50px;
	margin-left: 12px;
}

.tab-block .tab-buttons .tab-button {
	width: 110px;
	float: left;
	height: 50px;
	text-align: left;
	font-size: 16px;
	color: #444;
	line-height: 50px;
	position: relative;
	cursor: pointer;
	background: #fff;
}

.tab-block .tab-buttons .tab-button.cur {
	background-color: #fff;
	color: #df864f
}

.tab-block .tab-buttons .tab-button.cur:after {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 2px;
}

.tab-block .tabs {
	width: 100%;
	height: 528px
}

.tab-block .tabs .tab-item {
	display: none
}

.tabs .tab-item.active {
	display: block;
	padding: 30px 30px 0 0;
}

.tad_con {
	width: 600px;
	height: 120px;
	float: left;
	margin-bottom: 20px;
}

.tad_con div:nth-of-type(1) {
	width: 122px;
	height: 105px;
	float: left;
	margin-right: 18px;
}

.tab-block .tabs div:nth-of-type(2) {
	padding-top: 0px;
}

.tab-item li:nth-of-type(1) div:nth-of-type(1) {
	background: url(../images/zhiliao_icon.jpg)no-repeat
}

.tab-item li:nth-of-type(2) div:nth-of-type(1) {
	background: url(../images/zhiliao_icon.jpg) -122px 0 no-repeat
}

.tab-item li:nth-of-type(3) div:nth-of-type(1) {
	background: url(../images/zhiliao_icon.jpg) -244px 1px no-repeat
}

.tad_con div p {
	line-height: 30px;
	font-size: 12px;
	color: #747474
}

.tad_con .tad_num {
	font-size: 14px;
}

.tad_now {
	display: none;
}

.tad_con a {
	color: #ff5555;
}

.tad_con a:hover {
	color: #ff2222;
}

.tad_con div:nth-of-type(2) {
	width: 320px;
	height: 100px;
	float: left;
	padding-top: 18px;
}

.upload_up {
	width: 840px;
	height: 176px;
	border-bottom: solid #edeced 1px;
}

.upload_up h1,
.upload_down h1 {
	font-size: 16px;
	line-height: 40px;
	margin-top: 10px;
}

.upload_up p {
	line-height: 28px;
}

.upload_down {
	width: 840px;
	height: 180px;
}

.upload_down p:nth-of-type(1) {
	display: inline-block;
	margin: 20px;
}

.upload_down p {
	font-size: 12px;
}

.upload_down button {
	width: 100px;
	height: 35px;
	line-height: 35px;
	background: #df864f;
	border-radius: 20px;
	border: none;
	color: #fff;
	outline: none;
	cursor: pointer;
}

.upload_down button:hover {
	background: #ce7741;

}

.upload_down button:nth-of-type(2) {
	margin-top: 20px;
}

.account_number h1 {
	font-size: 16px;
	color: #444;
}

.a_number_txt {
	width: 400px;
	margin-top: 10px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	background: #f5f5f5;
}

.a_number_txt p {
	display: inline-block;
	margin-left: 26px;
}

.a_number_txt input {
	line-height: 40px;
	border: none;
	background: none;
	outline: none;
	font-size: 16px;
}

.account_number button {
	width: 100px;
	outline: none;
	cursor: pointer;
	border: none;
	height: 35px;
	color: #fff;
	border-radius: 20px;
	background: #df864f;
	font-size: 14px;
	margin-top: 10px;
}

.account_number button:hover {
	background: #ce7741;
}

.account_number .a_password {
	width: 100px;
	outline: none;
	display: block;
	text-align: center;
	cursor: pointer;
	border: none;
	height: 35px;
	line-height: 35px;
	color: #fff;
	border-radius: 20px;
	background: #df864f;
	font-size: 14px;
	margin-top: 10px;
}

.account_number .a_password:hover {
	background: #df864f;
}

.account_number p {
	margin-top: 10px;
}

.account_number .a_number_txt p {
	margin-top: 0;
}

.password_error {
	color: #ff5555;
}

.password-box {
	width: 100%;
	float: left;
	min-height: 600px
}

.error_ico {
	background: url(../images/error.jpg) no-repeat;
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 0 5px 0 25px;
}
.info_data {
	width: 100%;
	float: left;
}

.info_data dl {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

.info_data dl dt {
	width: 650px;
	float: left
}

.info_data .dd_bg {
	background: url(../images/zhiliao_icon.jpg)no-repeat;
	width: 122px;
	height: 105px;
	float: left;
	margin-right: 25px;
}

.info_data .dd_bg2 {
	background: url(../images/zhiliao_icon.jpg) -122px 0 no-repeat;
	width: 122px;
	height: 105px;
	float: left;
	margin-right: 25px;
}

.info_data .dd_bg3 {
	background: url(../images/zhiliao_icon.jpg) -244px 1px no-repeat;
	width: 122px;
	height: 105px;
	float: left;
	margin-right: 25px;
}

.info_data .data_dd {
	width: 650px;
	float: left;
	height: 30px;
	line-height: 30px;
}

.info_data .data_dd2 {
	width: 650px;
	float: left;
	margin-top: 5px;
}

.info_data .data_dd2_input2 {
	width: 100px;
	font-size: 14px;
	margin-right: 10px;
	float: left;
	padding: 0px 10px;
	border-radius: 17px;
	background: #f5f5f5;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	border: none;
	outline: none;
}

.info_data .data_dd2_input {
	width: 200px;
	font-size: 14px;
	float: left;
	padding: 0px 10px;
	border-radius: 17px;
	background: #f5f5f5;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	border: none;
	outline: none;
}

.info_data .data_dd2_button {
	width: 100px;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	float: left;
	height: 35px;
	border-radius: 17px;
	margin-left: 10px;
	background: #df864f;
	border: none;
	outline: none;
	color: #fff;
}

.info_data .data_dd2_button:hover {
	width: 100px;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	float: left;
	height: 35px;
	border-radius: 17px;
	margin-left: 10px;
	background: #ce7741;
	border: none;
	outline: none;
	cursor: pointer;
	color: #fff;
}

.info_data dl dt .li_span {
	width: 650px;
	float: left;
	line-height: 30px;
}

/****公司简介***/

.box_title {
	width: 1198px;
	float: left;
}

.box_title ul {
	float: left;
	margin-left: 10px;
}

.box_title ul li {
	float: left;
	padding: 0px 10px;
	font-size: 16px;
}

.box_title ul li a {
	float: left;
	height: 48px;
	line-height: 48px;
	padding: 0px 5px;
}

.box_title ul li a:hover,
.box_title .l_title_hover {
	float: left;
	border-bottom: solid 2px #df864f;
	height: 48px;
	line-height: 48px;
}

.about_box {
	float: left;
	width: 1158px;
	padding: 20px;
}

.about {
	width: 100%;
	float: left;
	line-height: 30px;
	font-size: 14px;
	min-height: 550px;
}

.jump_box {
	width: 100%;
	min-height: 450px;
	line-height: 200px;
	padding-top: 20px;
	text-align: center;
	float: left;
}

.contact {
	width: 840px;
	min-height: 550px;
	padding-top: 20px;
	float: left;
	margin-left: 10px;
	display: inline;
	padding-bottom: 20px;
}

.contact h3 {
	width: 90%;
	float: left;
	margin-left: 10%;
	display: inline;
	height: 35px;
	line-height: 35px;
}

.contact ul {
	width: 90%;
	float: left;
	margin-top: 5px;
	margin-left: 10%;
	display: inline;
}

.contact ul li {
	float: left;
	width: 100%;
	line-height: 30px;
}

.contact ul li span {
	float: left;
}

.contact ul li em {
	float: left;
	margin-top: 4px;
}

/*******网站地图********/
.map {
	width: 100%;
	min-height: 550px;
	float: left;
	padding-top: 10px;
	padding-bottom: 20px;
}

.map dl {
	width: 94%;
	float: left;
	margin-top: 10px;
	margin-left: 3%;
}

.map dl dd {
	width: 100%;
	float: left;
	height: 35px;
	line-height: 35px;
}

.map dl dt {
	width: 100%;
	float: left;
	height: 30px;
	line-height: 30px;
}

.map dl dt a {
	float: left;
	margin-right: 10px;
}

/**********帮助中心******/
.help_menu {
	width: 100%;
	float: left;
}

.help_menu ul {
	float: left;
	padding: 0 10px;
}

.help_menu li {
	border-top: solid 1px #EAEAEA;
	margin-top: -1px;
	width: 100%;
	float: left;
	text-indent: 20px;
	line-height: 50px;
	height: 50px;
}

.help {
	width: 100%;
	float: left;
}

.help dl {
	width: 96%;
	padding: 2%;
	float: left;
	color: #242424;
}

.help dd {
	float: left;
	width: 100%;
	height: 35px;
	line-height: 35px;
}

.help dt {
	float: left;
	width: 99%;
	line-height: 24px;
	font-size: 12px;
	padding-left: 1%;
}

.help dt ul {
	float: left;
	width: 100%;
	margin-top: 20px;
}

.help dt ul h3 {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 10px;
	line-height: 25px;
}

.help dt ul li {
	width: 50%;
	float: left;
	text-indent: 30px;
}

/* 找回密码 */
.l_titl {
	width: 736px;
	float: left;
	font-family: "微软雅黑";
	color: #484848;
	font-size: 30px;
	height: 40px;
	line-height: 40px;
	margin: 80px 0 15px 100px;
	display: inline;
}

.l_zhmm_ti {
	width: 642px;
	float: left;
	margin-left: 100px;
	display: inline;
	background: url(../images/retrieve_03.png) no-repeat;
	height: 39px;
	margin-top: 15px;
}

.l_zhmm_con {
	width: 642px;
	float: left;
	margin-left: 100px;
	display: inline;
	margin-top: 30px;
	padding-bottom: 50px;
}

.l_zhmm_con dl {
	width: 600px;
	float: left;
	margin-top: 35px;
	border-radius: 20px;
}

.l_zhmm_con dl dt input {
	height: 40px;
	line-height: 40px;
	width: 470px;
	border: none;
	background: none;
	outline: none;
	font-size: 16px;
	color: #000;
}

.l_zhmm_con dl dt .next {
	width: 120px;
	background: #df864f;
	border-radius: 6px;
	height: 40px;
	border: none;
	font-size: 16px;
	color: #fff;
	outline: none;
	cursor: pointer;
}

.l_zhmm_con dl dt .next:hover {
	background: #ce7741;
	color: #fff;
}

.l_zhmm_con dl dd {
	width: 100px;
	float: left;
	height: 40px;
	line-height: 40px;
	text-align: right;
	font-size: 16px;
}

.l_zhmm_con .l_zhmm_con_nodd {
	width: 0;
}

.l_zhmm_con dl dt {
	width: 400px;
	float: left;
	height: 38px;
	line-height: 38px;
}

.l_zhmm_ti2 {
	width: 642px;
	float: left;
	margin-left: 100px;
	display: inline;
	background: url(../images/retrieve_03.png) -0px -39px no-repeat;
	height: 39px;
	margin-top: 15px;
}

.l_zhmm_ti3 {
	width: 642px;
	float: left;
	margin-left: 100px;
	display: inline;
	background: url(../images/retrieve_03.png) -0px -78px no-repeat;
	height: 39px;
	margin-top: 15px;
}

.l_zhmm_ti4 {
	width: 642px;
	float: left;
	margin-left: 100px;
	display: inline;
	background: url(../images/retrieve_03.png) -0px -117px no-repeat;
	height: 39px;
	margin-top: 15px;
}

.l_zhmm_bot {
	width: 642px;
	float: left;
	margin-left: 100px;
	display: inline;
	text-align: center;
	height: 30px;
	line-height: 30px;
	margin-top: 50px;
	padding-bottom: 50px;
}

.l_zhmm_yzm {
	width: 642px;
	float: left;
	margin-left: 100px;
	display: inline;
	margin-top: 30px;
	padding-bottom: 50px;
}

.l_zhmm_yzm dl {
	width: 600px;
	float: left;
	margin-top: 35px;
}

.l_zhmm_yzm dl dd {
	width: 600px;
	float: left;
	line-height: 25px;
	font-size: 14px;
}

.l_zhmm_yzm dl dt {
	width: 600px;
	float: left;
	line-height: 25px;
	margin-top: 35px;
	color: #999999;
}

.l_zhmm_yzm ul {
	width: 600px;
	float: left;
	margin-top: 35px;
	text-align: center;
}

.l_zhmm_yzm a:hover {
	text-decoration: underline;
}

.right_box_up {
	height: 130px;
	border-bottom: solid #edeced 1px;
}

/* 购买推介 */

.agency-follow {
	display: inline-block;
	width: 100%;
	background: #df864f;

	padding: 10px 0;
	color: #fff;
	text-align: center;
}
.agency-follow:hover{
	background: #ce7741;
	color: #fff;
}
.agency-follow-no {
	display: inline-block;
	width: 100%;
	background: #999;
	padding: 10px 0;
	color: #fff;
	text-align: center;
}
.agency-follow-no:hover{
	background: #858585;
	color: #f9f9f9;
}


.view-buy {
	width: 300px;
	display: inline-block;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
	border-radius: 6px;
	background: #df864f;
	color: #fff;
	font-size: 18px;
}
.view-buy:hover{
	width: 300px;
	display: inline-block;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	background: #ce7741;
	color: #fff;
	font-size: 18px;
}





.view_handicap {
	width: 120px;
	float: left;
	text-align: center;
}

.view_handicap dd {
	float: left;
	height: 26px;
	line-height: 26px;
	width: 100%;
}

.view_handicap dt {
	float: left;
	height: 26px;
	line-height: 26px;
	width: 100%;
	margin-top: 10px;
}

.view_buy ul {
	width: 100%;
	float: left;
	margin-top: 20px;
	text-align: center;
	height: 30px;
	line-height: 30px;
}

/*.view_buy ul li{ float:left; margin-right:30px; height: 30px; line-height: 30px;}*/
.view_buy dl {
	width: 100%;
	float: left;
	margin-top: 20px;
}

.view_buy dd {
	width: 100%;
	float: left;
	text-align: center;
}

.view_buy dd a {
	width: 240px;
	height: 48px;
	line-height: 48px;
	background: #df864f;
	border-radius: 5px;
	border: none;
	outline: none;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	cursor: pointer;
}

.view_buy dd a:hover {
	background: #ce7741;
}

.view_buy dt {
	width: 100%;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	text-align: center;
}

.view_pup-title {
	width: 350px;
	margin-left: 50px;
	padding-top: 10px;
	/*height: 50px;*/
	line-height: 50px;
	float: left;

}

.view_pup-title span {
	width: 100%;
	height: 25px;
	line-height: 25px;
	float: left;

}

.view_pup-title h3 {
	width: 100%;
	height: 40px;
	line-height: 40px;
	float: left;

}

.view_pup-select {
	width: 350px;
	margin-left: 50px;
	padding-top: 20px;
	min-height: 150px;
	float: left;
}

.view_pup-select dl {
	width: 100%;
	float: left;
}

.view_pup-select dl dd {
	float: left;
	width: 100%;
	line-height: 30px;
}

.view_pup-select dl dt {
	float: left;
	width: 100%;
}

.view_pup-select dl li {
	width: 100%;
	float: left;
	height: 30px;
	line-height: 30px;
}

.view_pup-balance {
	width: 100%;
	text-align: center;
	float: left;
	height: 30px;
	line-height: 30px;
}

.match_list_box {
	width: 900px;
	float: left;
}

.match_list {
	width: 420px;
	margin-left:20px;
	margin-top: 20px;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
	float: left;
}

.match_list:hover {
	cursor: pointer;
	/*
        transform: translate(0, -5px);
        -webkit-transform: translate(0, -5px);
        -moz-transform: translate(0, -5px);
        -o-transform: translate(0, -5px);
        -ms-transform: translate(0, -5px);
    */
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090, direction=120, strength=3);
	/*ie*/
	-moz-box-shadow: 2px 2px 10px #909090;
	/*firefox*/
	-webkit-box-shadow: 2px 2px 10px #909090;
	/*safari或chrome*/
	box-shadow: 2px 2px 10px #909090;
	/*opera或ie9*/
}

.match_list_vs {
	width: 100%;
	float: left;
}

.match_list_vs dd {
	width: 110px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	align-items: center;
}

.match_list_vs dd span {
	float: left;
	width: 100%;
	height: 26px;
	line-height: 26px;
	align-items: center;

}
.match_list_vs dd span:nth-of-type(2){
	margin-top: 5px;
}
.match_list_vs dd p {
	float: left;
	width: 100px;
	height: 20px;
	line-height: 20px;
}

.match_list_vs dt {
	width: 268px;
	float: left;
	margin-top: 10px;
	padding-left: 20px;
	align-items: center;
}

.match_list_vs dt p {
	float: left;
	height: 26px;
	line-height: 26px;
	align-items: center;
	width: 100%;
}
.match_list_vs dt p:nth-of-type(2){
	margin-top: 5px;
}

.match_list_vs dt p img {
	width: 26px;
	height: 26px;
	float: left;
	margin-right: 10px;
}

.publish_bot {
	width: 100%;
	float: left;

}

.publish_bot dl {
	width: 210px;
	float: left;
	height: 75px;
	padding-top: 5px;
}



.publish_bot dl dd {
	width: 100%;
	float: left;
	text-align: center;
	height: 30px;
	line-height: 30px;
}

.publish_bot dl dt {
	width: 105px;
	float: left;
	text-align: center;
	margin-top: 5px;
}

.publish_bot dl dt .publish_but {
	padding: 5px 0px;
	width: 85px;
	margin-left: 10px;
	float: left;
	background: #fff;
	border-bottom: solid #df864f 1px;
	border-right: solid #edeced 1px;
	border-left: solid #edeced 1px;
	border-top: solid #edeced 1px;
}

.publish_bot dl dt .publish_but:hover {
	outline: none;
	cursor: pointer;
	padding: 5px 0px;
	width: 85px;
	margin-left: 10px;
	float: left;
	background: #df864f;
	border-bottom: solid #df864f 1px;
	border-right: solid #df864f 1px;
	border-left: solid #df864f 1px;
	border-top: solid #df864f 1px;
	color: #fff;
}

.publish_bot_no {
	width: 100%;
	float: left;
	/* 	padding-top: 10px; */
	text-align: center;
	height: 80px;
	line-height: 80px;
}

.publish_tips {
	width: 350px;
	margin-left: 50px;
	float: left;
}
.publish_tips .input-title{
	width: 350px;
	float: left;
	padding:10px 20px;
	border-radius: 30px;
	border: 1px #eee solid;
}

.publish_tips h3 {
	width: 100%;
	float: left;
	text-align: center;
	height: 40px;
	line-height: 40px;
}

.publish_tips dl {
	width: 100%;
	float: left;
	height: 30px;
	line-height: 30px;
}

.publish_tips dl dd {
	width: 80px;
	float: left;
}

.publish_tips dl dt {
	float: left;
}

/*.publish_tips dl dt span{float:left;}*/
.publish_tips dl .tips_input {
	float: left;
	margin-right: 5px;
	outline: none;
	height: 24px;
	padding: 0px 10px;
	line-height: 24px;
	margin-top: 3px;
	border: solid 1px #edeced;
	border-radius: 12px;
	width: 80px;
}

.pu_tips_setting {
	width: 350px;
	margin-left: 50px;
	float: left;
}

.pu_tips_setting dd {
	float: left;
	margin-right: 10px;
	display: inline;
}

.pu_tips_setting dd input {
	float: left;
	margin-top: 7px;
}

.pu_tips_setting dd label {
	float: left;
}

.pu_tips_setting dt {
	float: left;
	width: 350px;
	display: inline;
}

.pu_tips_setting dt textarea {
	width: 338px;
	float: left;
	outline: none;
	border: solid 1px #edeced;
	padding: 5px;
	line-height: 22px;
	height: 44px;
}

.publish_success {
	width: 350px;
	float: left;
	margin-left: 50px;
}

.publish_success dd {
	width: 100%;
	float: left;
	text-align: center;
	height: 50px;
	line-height: 50px;
	margin-top: 50px;
}

.publish_success dt {
	width: 100%;
	float: left;
	text-align: center;
	height: 30px;
	line-height: 30px;
	margin-top: 50px;
	padding-bottom: 50px;
}

.publish_filter {
	width: 720px;
	float: right;
	position: absolute;
	background: #fff;
	border: solid 1px #edeced;
	top: 50px;
	border-radius: 3px;
	padding-bottom: 20px;
	right: 0px;
	z-index: 9;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090, direction=120, strength=3);
	/*ie*/
	-moz-box-shadow: 2px 2px 10px #909090;
	/*firefox*/
	-webkit-box-shadow: 2px 2px 10px #909090;
	/*safari或chrome*/
	box-shadow: 2px 2px 10px #909090;
}

.match_tips_close {
	width: 100%;
	float: left;
	height: 32px;
	line-height: 32px;
	background: #f5f5f5;
}

.match_tips_left {
	font-size: 16px;
	float: left;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	margin-left: 10px;
	display: inline;
}

.match_tips_right {
	float: right;
	display: block;
	width: 32px;
	height: 32px;
}

.match_tips_right a {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/close1.png) no-repeat;
	transition: all 0.2s linear 0s;
	cursor: pointer;
}

.match_tips_right a:hover {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/close1.png) no-repeat;
}

.match_ssxz_con {
	width: 700px;
	float: left;
	padding: 10px;
}

.match_ssxz_con ul {
	float: left;
	width: 100%;
}

.match_ssxz_con li {
	float: left;
	width: 94px;
	height: 25px;
	line-height: 25px;
	margin-left: 5px;
	display: inline;
}

.match_ssxz_bot {
	float: left;
	width: 300px;
	margin-left: 256px;
}

.match_ssxz_bot ul li {
	float: left;
}

.match_ssxz_bot ul li {
	float: left;
	margin: 0 10px;
}

.match_ssxz_bot ul li button {
	padding: 3px 10px;
	background: #f5f5f5;
	border: solid 1px #ccc;
}

.match_ssxz_bot ul li button:hover {
	padding: 3px 10px;
	background: #ce7741;
	border: solid 1px #ce7741;
	color: #fff;
}


.scroll_horizontal {
	position: relative;
	width: 1200px;

	float: left;
}

.scroll_horizontal .box_list {
	overflow: hidden;
	position: relative;
	width: 1140px;
	float: left;
	margin-left: 30px;
}

.scroll_horizontal .list {
	overflow: hidden;
	width: 9999px;
}

.scroll_horizontal .list .box-schedule  {
	float: left;
	width: 230px;
}

.scroll_horizontal .plus,
.scroll_horizontal .minus {
	position: absolute;
	top: 0px;
	width: 30px;
	height: 117px;
	background: #f90;
	cursor: pointer;
}

.scroll_horizontal .plus,
.scroll_horizontal .minus {
	position: absolute;
	top: 0px;
	width: 30px;
	height: 117px;
	cursor: pointer;
}

.scroll_horizontal .plus {
	left: 0px;
	background: url(../images/sprite.png) no-repeat;
	width: 30px;
	height: 117px;
	cursor: pointer;
}

.scroll_horizontal .plus:hover {
	left: 0px;
	background: url(../images/sprite1.png) no-repeat;
	width: 30px;
	height:117px;
	cursor: pointer;
}

.scroll_horizontal .minus {
	right: 0px;
	background: url(../images/sprite.png) -30px 0 no-repeat;
	width: 30px;
	height: 117px;
	cursor: pointer;
}

.scroll_horizontal .minus:hover {
	right: 0px;
	background: url(../images/sprite1.png) -30px 0 no-repeat;
	width: 30px;
	height: 117px;
	cursor: pointer;
}


/* .scroll_horizontal .plus {
	left: 0px;
	background: url(../images/sprite.png) no-repeat;
	width: 30px;
	height: 117px;
	cursor: pointer;
} */

/* .scroll_horizontal .plus:hover {
	left: 0px;
	background: url(../images/sprite.png) no-repeat;
	width: 30px;
	height: 117px;
	cursor: pointer;
}

.scroll_horizontal .minus {
	right: 0px;
	background: url(../images/sprite.png) -30px 0 no-repeat;
	width: 30px;
	height: 117px;
	cursor: pointer;
}

.scroll_horizontal .minus:hover {
	right: 0px;
	background: url(../images/sprite.png) -30px 0 no-repeat;
	width: 30px;
	height: 117px;
	cursor: pointer;
} */

.scroll_horizontal .plus:hover,
.scroll_horizontal .minus:hover {
	cursor: pointer;
}

.paging_border .border {
	border: none;
}

.paging {
	width: 100%;
	float: left;
}

.tj-pagination {
	padding-left: 0;
	margin: 1.5rem 0;
	list-style: none;
	color: #999;
	text-align: center;
}

.tj-pagination:before,
.tj-pagination:after {
	content: " ";
	display: table
}

.tj-pagination:after {
	clear: both
}

.tj-pagination>li {
	display: inline-block
}

.tj-pagination>li>a {
	position: relative;
	display: block;
	padding: .5em 1em;
	text-decoration: none;
	line-height: 1.2;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
	margin-right: 5px
}

.tj-pagination>li:last-child>a,
.tj-pagination>li:last-child>span {
	margin-right: 0
}

.tj-pagination>li>a:hover,
.tj-pagination>li>a:focus {
	background-color: #eee
}

.tj-pagination>.tj-active>a,
.tj-pagination>.tj-active>a:hover,
.tj-pagination>.tj-active>a:focus {
	z-index: 2;
	color: #fff;
	background-color: #df864f;
	border-color: #df864f;
	cursor: default
}

.tj-pagination>.tj-disabled>a,
.tj-pagination>.tj-disabled>a:hover,
.tj-pagination>.tj-disabled>a:focus {
	color: #999;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed;
	pointer-events: none;
}

.tj-pagination .tj-pagination-prev {
	float: left;
}

.tj-pagination .tj-pagination-prev a {
	border-radius: 0
}

.tj-pagination .tj-pagination-next {
	float: right
}

.tj-pagination .tj-pagination-next a {
	border-radius: 0
}

.tj-pagination-centered {
	text-align: center
}

.tj-pagination-right {
	text-align: right
}

.rule_box {
	width: 738px;
	float: left;
	padding: 20px;
}

.rule_box h3 {
	float: left;
	width: 100%;
	height: 30px;
	line-height: 30px;
}

.rule_box ul {
	float: left;
	width: 100%;
}

.rule_box ul li {
	float: left;
	width: 100%;
	line-height: 20px;
	padding: 2px 0;
}

.rule_box ul li .red_bg {
	border-radius: 13px;
	float: left;
	padding: 3px 20px;
	width: 300px;
}

/***会员***/

.space_member_list {
	width: 900px;
	margin-right: 30px;
	float: left;
}

.space_member_list .space_member_li:nth-of-type(5) {
	margin-left: 120px;
}

.space_member_list_l {
	float: left;
	height: 50px;
	line-height: 50px;
	width: 120px;
}

.space_member_li {
	position: relative;
	float: left;
	width: 270px;
	height: 240px;
	margin-bottom: 20px;
	z-index: 1;
	margin-right: 20px;
}

.space_member_li label {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 260px;
	height: 240px;
	z-index: 3;
	opacity: 0;
	margin: auto;
	display: inline-block;
	cursor: pointer;
}

.space_member_li span.btn {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 250px;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 2;
	margin: auto;
	display: inline-block;
	border: 1px solid #edeced;
	border-radius: 5px;

}
.space_member_li span.active {
	border: 1px solid #df864f;
	background: url(../images/on.png) no-repeat right bottom;
	/*    color: #fff;*/
}



/***充值***/

.space_pay_list {
	width: 800px;
	margin-left: 30px;
	float: left;
}

.space_pay_list .space_pay_li:nth-of-type(5) {
	margin-left: 120px;
}

.space_pay_list_l {
	float: left;
	height: 50px;
	line-height: 50px;
	width: 120px;
}

.space_pay_li {
	position: relative;
	float: left;
	width: 200px;
	height: 50px;
	margin-bottom: 20px;
	z-index: 1;
	margin-right: 20px;
}

.space_pay_li label {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 200px;
	height: 50px;
	z-index: 3;
	opacity: 0;
	margin: auto;
	display: inline-block;
	cursor: pointer;
}

.space_pay_li span.btn {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 180px;
	padding-left: 10px;
	z-index: 2;
	margin: auto;
	display: inline-block;
	border: 1px solid #edeced;
	border-radius: 5px;

}

.btn .btn_title {
	float: left;
	height: 50px;
	width: 100%;
	line-height: 50px;
}
.btn .btn_time{
	float: left;
	height: 30px;
	width: 100%;
	line-height: 30px;

} 
.btn .btn_con {
	float: left;
	width: 100%;
	/* height: 50px; */
	line-height: 22px;
}

.space_pay_li span.active {
	border: 1px solid #df864f;
	background: url(../images/on.png) no-repeat right bottom;
	/*    color: #fff;*/
}

.space_pay_li .gift {
	width: 400px;
	position: absolute;
	height: 50px;
	line-height: 50px;
	left: 220px;
	float: left;
}

.pay-other {
	width: 800px;
	float: left;
}

.pay-other dl dd {
	width: 120px;
	float: left;
	height: 50px;
	line-height: 50px;
}

.pay-other dl dt {
	width: 600px;
	float: left;
	height: 50px;
	line-height: 50px;
}

.pay-other dl dt span {
	float: left;
	height: 50px;
	line-height: 50px;
}

.pay-discount {
	width: 800px;
	float: left;
}

.pay-discount dl dd {
	width: 100px;
	float: left;
	height: 25px;
	line-height: 25px;
}

.pay-discount dl dt {
	width: 600px;
	float: left;
	line-height: 25px;
}

.pay-discount dl dt label {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.pay-discount dl dt input {
	float: left;
	margin-top: 6px;
}

.pay-discount dl dt span {
	float: left;
	width: 500px;
}


.pay-other .pay-input {
	float: left;
	height: 46px;
	line-height: 46px;
	padding: 0px 10px;
	width: 150px;
	background: #fff;
	font-size: 16px;
	outline: none;
	border: 1px solid #edeced;
	border-radius: 5px;
}

.gift-activity {
	line-height: 30px;
	margin-top: 50px;
	width: 800px;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 5px;
	background: #eee;
	float: left;
}

.payment_method {
	width: 100%;
	float: left;
	height: 50px;
	margin-top: 20px;
}

.payment_method dl {
	width: 120px;
	float: left;
	height: 50px;
	line-height: 50px;
	margin-left: 30px;
}

.payment_method .pay_con li {
	width: 172px;
	height: 50px;
	float: left;
	border: solid #edeced 1px;
	margin-right: 20px;
	border-radius: 6px;
}
.payment_method .pay_con li label{
	width: 100%;
	float: left;
	height: 50px;
	line-height: 50px;
}

.payment_method .pay_con li label span {
	width: 38px;
	height: 24px;
	background: url(../images/payment_ico.jpg) 0px 0 no-repeat;
	float: right;
	margin-left: 10px;
	margin-top: 11px;
}

.payment_method .pay_con li label input {
	float: left;
	margin-top: 18px;
}

.pay_con li p {
	margin-top: 0;
	width: 80px;
	float: left;
}

.pay_con li:nth-of-type(2) label span {
	background: url(../images/payment_ico.jpg) -38px 0 no-repeat;
}

.pay_con li:nth-of-type(3) label span {
	background: url(../images/payment_ico.jpg) -76px 0 no-repeat;
}

.qr_mn_bt {
	width: 200px;
	height: 40px;
	background: #df864f;
	border-radius: 20px;
	border: none;
	outline: none;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
}
.red{
	color: #c90101;
}
.blue{color: #1e7ddf;}

/*******优惠活动******/
.activity_list {
	width: 800px;
	float: left;
}

.activity_list dl {
	width: 348px;
	margin-right: 10px;
	display: inline;
	float: left;
	padding: 20px;
	border: solid #edeced 1px;
/* 	height: 330px; */
}

.activity_list dl:hover {
	border: solid #edeced 1px;
	cursor: pointer;
	/*
        transform: translate(0, -5px);
        -webkit-transform: translate(0, -5px);
        -moz-transform: translate(0, -5px);
        -o-transform: translate(0, -5px);
        -ms-transform: translate(0, -5px);
    */
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090, direction=120, strength=3);
	/*ie*/
	-moz-box-shadow: 2px 2px 10px #909090;
	/*firefox*/
	-webkit-box-shadow: 2px 2px 10px #909090;
	/*safari或chrome*/
	box-shadow: 2px 2px 10px #909090;
	/*opera或ie9*/
}


.activity_list dl dd {
	width: 100%;
	float: left;
}

.activity_list dl dd img {
	width: 100%;
	border-radius: 5px;
	float: left;
}

.activity_list dl dt {
	width: 100%;
	float: left;
	font-size: 14px;
	margin-top: 5px;
}

.activity_list dl dt h3 {
	height: 30px;
	line-height: 30px;
	float: left;
	width: 100%;
	font-size: 16px;
}

.activity_list dl .dt_span {
	width: 100%;
	float: left;
	height: 75px;
	line-height: 25px;
	overflow: hidden;
}

.payment_title {
	width: 100%;
	float: left;
	text-align: center;
}

.payment_title dl dd {
	float: left;
	line-height: 40px;
	height: 40px;
	font-size: 30px;
	text-align: center;
	width: 100%;
}

.payment_title dl dt {
	float: left;
	width: 100%;
	line-height: 40px;
	margin-top: 30px;
	height: 40px;
	font-size: 30px;
	text-align: center;
}

.charge_success {
	width: 100%;
	float: left;
}

.charge_success dd {
	width: 100%;
	float: left;
	text-align: center;
	margin: 20px 0;
}

.charge_success dt {
	width: 100%;
	float: left;
	text-align: center;
	line-height: 25px;
	height: 25px;
	font-size: 16px;
}

.login-bg {
	width: 100%;
	float: left;
	background: url(../images/login-bg.png) no-repeat center bottom;
}

.search-box {
	position: relative;
	}
	.dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 999;
	background-color: white;
	border: 1px solid #ccc;
	}
	.dropdown-item {
	cursor: pointer;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	}
	.dropdown-item:last-child {
	border-bottom: none;
	}
.min-height400{
	min-height:400px;
}

.match-textarea{
	width: 350px;
	float: left;
	margin-left: 50px;
}
.match-textarea textarea{
	width: 100%;
	float: left;
    line-height: 20px;
    height: 60px;
    border: solid 1px #ccc;
}

.text-lightgrey{
	color: #ccc;
}
.view-result{
	width: 440px;
	float: left;
	margin-left: 200px;
}


.charge_pop {
	width: 100%;
	float: left;
}

.charge_pop dd {
	width: 90%;
	float: left;
	line-height: 25px;
	padding: 5% 5%;
}


.charge_pop .dt_button {
	width: 250px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: block;
	margin: 0 auto;
	font-size: 24px;
	background: #df864f;
	border-radius: 3px;
	cursor: pointer;
	color: #fff;
	padding-top: 0px;
}

.charge_pop .dt_button:hover {
	width: 250px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	border-radius: 3px;
	background: #ce7741;
	cursor: pointer;
	padding-top: 0px;
}

.charge_pop dt {
	width: 100%;
	float: left;
	text-align: center;
}

.charge_pop ul {
	width: 90%;
	float: left;
	line-height: 25px;
	padding: 5% 5%;
}

.charge_pop ul span {
	float: left;
}

.payment_new2 {
	width: 100%;
	padding: 50px 0;
	float: left;
	min-height: 500px;
}

.payment_new2 dl {
	width: 100%;
	float: left;
}

.payment_new2 dl dd {
	width: 100%;
	float: left;
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
}

.payment_new2 dl dt {
	width: 100%;
	text-align: center;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-top: 50px;
}

.payment_new2 ul {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 50px;
}

.payment_new2 .payment_ul {
	padding: 10px 20px;
	font-size: 18px;
	background: #df864f;
	color: #fff;
	display: inline-block;
	border: none;
    outline: none;
    cursor: pointer;
}

.payment_new2 .payment_ul:hover {
	padding: 10px 20px;
	font-size: 18px;
	background: #ce7741;
	color: #fff;
	display: inline-block;
	border: none;
    outline: none;
    cursor: pointer;
}

.news-left-menu{
	width: 150px;
	float: left;
}
.news-left-menu ul{
	width: 100%;
	float: left;
}
.news-left-menu ul li{
	width: 100%;
	float: left;
	background: #f5f5f5;
	height: 40px;
	line-height: 40px;
	margin-bottom: 2px;
	text-align: center;
}
.news-left-menu ul li a{
	width: 100%;
	float: left;
	height:40px;
}
.news-left-menu ul li a:hover,a.left-menu-hover{
	width: 100%;
	float: left;
	color: #fff;
	background: #df864f;
}

.navigation-left{
	width: 220px;
	float: left;
	background: #2c2e2f;
	position: fixed;
	height: 100% !important;
	border-top: 1px solid #5c5e5f;
}
.navigation-left-menu{
	width: 100%;
	float: left;
}
.navigation-left-menu a{
	margin: 5px 10px;
	width: 200px;
	float: left;
	height: 40px;
	align-items: center;
	line-height: 40px;
	color: #c6c9cf;
	border-radius: 5px;
	display: flex;
}
.navigation-left-menu a i{
	font-size: 22px;
	margin-left: 20px;
	width: 30px;
	float: left;
}
.navigation-left-menu a span{
	font-size: 16px;
	margin-left: 10px;
}
.navigation-left-menu a:hover{
	color: #c6c9cf;
	background: #161717;
}
.navigation-right{
	float: left;
	margin-left: 220px;
	background: #1c1d20;
}
.navigation-col-bg{
	background: #2c2e2f;
	margin-top: 20px;
	border-radius: 5px;
	padding: 10px;
	margin-right: 20px;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}

.navigation-col-bg:hover{
	transform:translate(0,-5px);
	-webkit-transform:translate(0,-5px);
	-moz-transform:translate(0,-5px);
	-o-transform:translate(0,-5px);
	-ms-transform:translate(0,-5px);
}

.navigation-top{
	margin-top: 60px;
	float: left;
}
.navigation-menu{
	width: 100%;

	float: left;
	position: fixed;
	background: #2c2e2f;
	z-index: 9999;
}
.navigation-logo{
	width: 220px;
	float: left;
	text-align: center;

}

.navigation-bg{
	background: #2c2e2f;
}

.navigation-title{
	width: 100%;
	float: left;
	display: flex;
}
.navigation-title dl{
	display: flex;
	flex: 1;

}
.navigation-title dl dd{
	color: #c6c9cf;
	line-height:30px;
	height: 30px;
	font-size: 16px;
}
.navigation-title dl span{
	line-height:30px;
	height: 30px;
	float: left;
}
.navigation-title dl dt{
	text-align: right;
	flex: 1;
	line-height:30px;
	height: 30px;
}
.navigation-news{
	width: 100%;
	float: left;
}
.navigation-news ul{
	width: 100%;
	float: left;
}
.navigation-news li{
	width: 100%;
	float: left;
	color: #c6c9cf;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
}
.navigation-news li a{
	width: 100%;
	float: left;
	color: #c6c9cf;
}
.navigation-news li a:hover{
	width: 100%;
	float: left;
	color: #fff;
}
.navigation-pop-t{
	width: 100%;
	float: left;
	font-size: 20px;
	text-align: center;
	margin-top: 50px;
}
.navigation-pop-text{
	width: 100%;
	float: left;
	margin-top: 50px;
}
.navigation-pop-text dl {
	width: 80%;
	float: left;
	margin-left: 10%;
}
.navigation-pop-text dl dd{
	width: 100%;
	float: left;
	font-size: 14px;
	color: #666;
	text-align: center;
}
.navigation-pop-text dl dt{
	width: 100%;
	background: #eee;
	text-indent: 10px;
	float: left;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	font-size: 16px;
	color: #000;
	margin-top: 30px;
	-webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.navigation-pop-bot{
	width: 100%;
	float: left;
	margin-top: 50px;
}
.navigation-pop-bot dl {
	width: 70%;
	float: left;
	margin-left: 15%;
}
.navigation-pop-bot dl dd{
	width: 50%;
	float: left;
	font-size: 14px;
	color: #666;
	text-align: center;
}
.navigation-pop-bot dl dd a {
	background: #fff;
	border: 1px solid #df864f;
	padding:0px 30px;
	display: inline-block;
	text-align: center;
	height: 40px;
	padding-top: 0px;
	line-height: 40px;
	border-radius: 6px;
	outline: none;
	cursor: pointer;
	color: #df864f;
	font-size: 18px;
}

.navigation-pop-bot dl dd a:hover {
	background: #fff;
	padding:0px 30px;
	border: 1px solid #ce7741;
	display: inline-block;
	text-align: center;
	height: 40px;
	padding-top: 0px;
	line-height: 40px;
	border-radius: 6px;
	outline: none;
	cursor: pointer;
	color: #ce7741;
	font-size: 18px;
}


.navigation-pop-bot dl dt{
	width: 50%;
	float: left;
	font-size: 14px;
	color: #666;
	text-align: center;
}
.navigation-pop-bot dl dt a {
	background: #df864f;
	border: 1px solid #df864f;
	padding:0px 30px;
	display: inline-block;
	text-align: center;
	height: 40px;
	padding-top: 0px;
	line-height: 40px;
	border-radius: 6px;
	outline: none;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
}

.navigation-pop-bot dl dt a:hover {
	background: #ce7741;
	border: 1px solid #ce7741;
	padding:0px 30px;
	display: inline-block;
	text-align: center;
	height: 40px;
	padding-top: 0px;
	line-height: 40px;
	border-radius: 6px;
	outline: none;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
}


.navigation-pop {
	width: 600px;
	background: #fff;
	border-radius: 10px;
	position: fixed;
	left: 50%;
	margin-left: -300px;
	padding-bottom: 30px;
	z-index: 9999;
/* 	height: 440px; */
	top: 50%;
	margin-top: -300px;
}

.navigation-foot {
	width: 1200px;
	float: left;
}

.bg-navigation-foot{
	background: #1c1d20;
	border-top: 1px solid #555;
}

.ai-box{
	width: 860px;
	float: left;
}
.ai-list{
	width: 490px;
	float: left;
	margin-right: 20px;
}


.ai-tab{
	width: 100%;
	float: left;
	display: flex;
}
.ai-tab ul{
	float: left;
	color: #000;
	width: 100%;
	line-height: 44px;
	height: 44px;
	font-size: 16px;
	border-bottom: 4px #f8f9fa solid;
}
.ai-tab ul li{
	float: left;
	line-height: 40px;
	height: 40px;
}
.ai-tab ul li a {
	float: left;
	padding: 0px 15px;
	line-height: 40px;
	height: 40px;
	text-align: center;
	font-size: 14px;
	color: #4f4f4f;
	cursor: pointer;
	text-decoration: none;
}

.ai-tab ul li a.current {
	font-size: 14px;
	cursor: pointer;
	text-decoration: none;
	line-height: 40px;
	height: 40px;
	padding: 0px 15px;
	color: #df864f;
	border-bottom: 4px #df864f solid;

}
.ai-tab-box{
	width: 100%;
	float: left;

}
.ai-tab-box a{
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 63px;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	border: 1px #f8f9fa solid;
}

.ai-result{
	width: 350px;
	margin-left: 75px;
	float: left;
}

.ai-rule{
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.ai-rule-title{
	position: absolute;
	top: -12px;
	background: #fff;
	width: 200px;
	left: 400px;

}

.ai-view{
	display: inline-block;
	background: #df864f;
	color: #fff;
	border-radius: 5px;
	padding: 1px 10px;
}
.ai-view:hover{
	display: inline-block;
	background: #ce7741;
	color: #fff;
	padding: 1px 10px;
	border-radius: 5px;
}
.ai-line-height{
	line-height: 30px;
}

.ai-list-bg{
	background: #f5f5f5;
}
.ai-list-bg:nth-of-type(2),
.ai-list-bg:nth-of-type(4),
.ai-list-bg:nth-of-type(6),
.ai-list-bg:nth-of-type(8),
.ai-list-bg:nth-of-type(10),
.ai-list-bg:nth-of-type(12),
.ai-list-bg:nth-of-type(14),
.ai-list-bg:nth-of-type(16),
.ai-list-bg:nth-of-type(18){
	background: #fff;
}


.ai-close-bg{
	width: 100%;
	float: left;
}
.ai-close-bg a{
	background: #df864f;
	display: inline-block;
	text-align: center;
	padding: 0px 50px;
	height: 40px;
	padding-top: 0px;
	line-height: 40px;
	border-radius: 6px;
	border: none;
	outline: none;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
}
.clubs-about{
	width: 940px;
	float: left;
	line-height: 30px;
}
.clubs-about ul{
	width: 100%;
	float: left;
}
.clubs-about ul li{
	width: 460px;
	margin-left: 10px;
	float: left;
}
.clubs-about ul li:nth-child(9){
	width: 920px;
	margin-left: 10px;
	float: left;
}

.clubs-about dl{
	width: 920px;
	float: left;
	margin-left: 10px;
	line-height: 30px;
	margin-top: 10px;
}
.clubs-img{
	width: 100%;
	float: left;
	margin-top: 20px;
}
.clubs-img li{
	width: 440px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	margin-bottom: 20px;
	background: #eee;
	height: 300px;
}


/* .clubs-focus {
	width: 840px;
	float: left;
	margin-top: 15px;
	height: 320px;
}

.clubs-focus .focus {
	position: relative;
	width: 840px;
	height: 320px;
	background-color: #eee;
	float: left;
}

.clubs-focus .focus img {
	width: 840px;
	height: 320px;
	float: left;
	overflow: hidden;
}

.clubs-focus .focus .btn {
	position: absolute;
	bottom: 34px;
	left: 510px;
	overflow: hidden;
	zoom: 1;
}

.clubs-focus .focus .btn a {
	position: relative;
	display: inline;
	width: 13px;
	height: 13px;
	border-radius: 7px;
	margin: 0 5px;
	color: #B0B0B0;
	font: 12px/15px "\5B8B\4F53";
	text-decoration: none;
	text-align: center;
	outline: 0;
	float: left;
	background: #D9D9D9;
}

.clubs-focus .focus .btn a:hover,
.clubs-focus .focus .btn a.current {
	cursor: pointer;
	background: #fc114a;
}

.clubs-focus .focus .fPic {
	position: absolute;
	left: 0px;
	top: 0px;
}

.clubs-focus .focus .D2fBt {
	overflow: hidden;
	zoom: 1;
	height: 16px;
	z-index: 10;
}

.clubs-focus .focus .shadow {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0px;
	z-index: 10;
	height: 30px;
	line-height: 30px;
	background: rgba(0, 0, 0, 0.6);
	display: block;
	text-align: left;
}

.clubs-focus .focus .shadow a {
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	overflow: hidden;
	margin-left: 10px;
	font-family: "\5FAE\8F6F\96C5\9ED1";
}

.clubs-focus .focus .fcon {
	position: relative;
	width: 100%;
	float: left;
	display: none;
	background: #000
}

.clubs-focus .focus .fcon img {
	display: block;
}

.clubs-focus .focus .fbg {
	bottom: 10px;
	right: 10px;
	position: absolute;
	height: 21px;
	text-align: center;
	z-index: 10;
}

.clubs-focus .focus .fbg div {
	margin: 4px auto 0;
	overflow: hidden;
	zoom: 1;
	height: 14px
}

.clubs-focus .focus .D2fBt a {
	position: relative;
	display: inline;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 0 5px;
	color: #B0B0B0;
	font: 12px/15px "\5B8B\4F53";
	text-decoration: none;
	text-align: center;
	outline: 0;
	float: left;
	background: #fff;
}

.clubs-focus .focus .D2fBt .current,
.clubs-focus .focus .D2fBt a:hover {
	background: #b90d0d;
}

.clubs-focus .focus .D2fBt img {
	display: none
}

.clubs-focus .focus .D2fBt i {
	display: none;
	font-style: normal;
}

.clubs-focus .focus .prev,
.clubs-focus .focus .next {
	position: absolute;
	width: 30px;
	height: 60px;
	background: url(../images/clubs-focus_btn.png) no-repeat;
}

.clubs-focus .focus .prev {
	top: 50%;
	margin-top: -15px;
	left: 0px;
	background-position: 0 0;
	cursor: pointer;
}

.clubs-focus .focus .next {
	top: 50%;
	margin-top: -15px;
	right: 0px;
	background-position: -30px 0;
	cursor: pointer;
}

.clubs-focus .focus .prev:hover {
	background-position: 0 -60px;
}

.clubs-focus .focus .next:hover {
	background-position: -30px -60px;
} */
.db-schedule{
	width: 100%;
	float: left;
}
.db-schedule ul{
	width: 100%;
	text-align: center;
	padding: 10px 0;
	float: left;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.db-schedule ul li{
	height: 30px;
	line-height: 30px;
	text-align: center;
	float: left;
}
.db-schedule ul li:nth-child(1),.db-schedule ul li:nth-child(3){
	width: 40%;
	float: left;
}
.db-schedule ul li:nth-child(2){
	width: 20%;
	float: left;
}
.view-left{
	margin-left: -8px;
}

.tips-follow{
    background: #df864f;
    padding: 6px 20px;
	border-radius: 5px;
    color: #fff;
    text-align: center;
}
.tips-follow:hover{
    background: #df864f;
	border-radius: 5px;
    padding: 6px 20px;
    color: #fff;
    text-align: center;
}

.users-pay {
	display: inline-block;
	width: 100%;
	background: #df864f;
	border: 1px solid #df864f;
	padding: 5px 0;
	color: #fff;
	text-align: center;
	border: 1px solid #df864f;
}
.users-pay:hover{
	background: #ce7741;
	color: #fff;
}
.users-withdraw {
	display: inline-block;
	border: 1px solid #df864f;
	width: 100%;
	background: #fff;
	padding: 5px 0;
	color: #df864f;
	text-align: center;
}
.users-withdraw:hover{
	border: 1px solid #ce7741;
	background: #fff;
	color: #ce7741;
}


.withdraw {
	width: 100%;
	float: left;
}

.withdraw dl {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

.withdraw dl dt {
	width: 650px;
	float: left
}

.withdraw .dd_bg {
	background: url(../images/zhiliao_icon.jpg)no-repeat;
	width: 122px;
	height: 105px;
	float: left;
	margin-right: 25px;
}

.withdraw .dd_bg2 {
	background: url(../images/zhiliao_icon.jpg) -122px 0 no-repeat;
	width: 122px;
	height: 105px;
	float: left;
	margin-right: 25px;
}

.withdraw .dd_bg3 {
	background: url(../images/zhiliao_icon.jpg) -244px 1px no-repeat;
	width: 122px;
	height: 105px;
	float: left;
	margin-right: 25px;
}

.withdraw .data_dd {
	width: 650px;
	float: left;
	height: 30px;
	line-height: 30px;
}

.withdraw .data_dd2 {
	width: 650px;
	float: left;
	margin-top: 5px;
}

.withdraw .data_dd2_input2 {
	width: 100px;
	font-size: 14px;
	margin-right: 10px;
	float: left;
	padding: 0px 10px;
	border-radius: 17px;
	background: #f5f5f5;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	border: none;
	outline: none;
}

.withdraw .data_dd2_input {
	width: 200px;
	font-size: 14px;
	float: left;
	padding: 0px 10px;
	border-radius: 17px;
	background: #f5f5f5;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	border: none;
	outline: none;
}

.withdraw .data_dd2_button {
	width: 100px;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	float: left;
	height: 35px;
	border-radius: 17px;
	margin-left: 10px;
	background: #df864f;
	border: none;
	outline: none;
	color: #fff;
}

.withdraw .data_dd2_button:hover {
	width: 100px;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	float: left;
	height: 35px;
	border-radius: 17px;
	margin-left: 10px;
	background: #ce7741;
	border: none;
	outline: none;
	cursor: pointer;
	color: #fff;
}

.withdraw dl dt .li_span {
	width: 650px;
	float: left;
	line-height: 30px;
}

.promotion {
    width: 100%;
    float: left
}

.promotion dl {
    width: 388px;
    float: left;
    padding: 15px;
    border: solid 1px #e9e9e9;
    margin-bottom: 20px;
    /* -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px */
}
.promotion dl:nth-child(even) {
	margin-left: 20px;
}

.promotion dl dd {
    width: 100%;
    float: left;

}

.promotion dl dd img {
    width: 100%;
    overflow: hidden
}

.promotion dl dt {
    width: 100%;
    float: left;
	margin-top: 10px;
}

.promotion dl dt h3 {
    width: 100%;
    float: left;
    height: 35px;
    line-height: 35px
}

.promotion dl .dt_div {
    width: 100%;
    float: left;
    line-height: 22px;
    height: 110px;
    overflow: hidden;
	margin-top: 5px;
}
