html,body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'Microsoft YaHei',Arial,'Simsun',sans-serif;
	text-align: center;
	min-width: 1200px;
	background: #fff;
}

table,td {
	font-family: 'Microsoft YaHei',Arial,'Simsun',sans-serif;
}

em {
	font-style: normal;
}

a {
	outline: none;
}

input,textarea {
	resize: none;
	outline: none;
}

#header {
	width: 100%;
	height: 82px;
	background: url(../img/headbanner.png) repeat-x left center;
	border-bottom: 1px solid #fc572a;
}

#subheader,.subheader {
	width: 100%;
	height: 36px;
	background: #daeef4;
	border-bottom: 1px solid #d1d1d5;
}

.mygame span {
	font-size: 16px;
	color: #576873;
	text-align: left;
	text-indent: 2em;
	line-height: 36px;
	font-weight: 600;
	float: left;
}

.mygame span em {
	text-decoration: underline;
}

#mygamemeau {
	float: left;
	text-align: left;
	font-size: 16px;
	display: block;
	position: absolute;
	text-decoration: none;
	color: #fc572a;
	line-height: 34px;
	padding-right: 12px;
	padding-left: 10px;
	top: 0px;
	left: 140px;
	z-index: 10;
}

#mygame .mygamelist {
	background: #d2eaef;
	border: 1px solid #94aebe;
	border-bottom: none;
	line-height: 35px;
}

.caretGame {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: top;
	border-top: 4px solid #576873;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	margin-top: 15px;
	margin-left: 2px;
}

#gameDiv {
	position: absolute;
	z-index: 9;
	display: none;
	left: 140px;
	top: 35px;
	width: 300px;
	border: 1px solid #94aebe;
	box-shadow: 1px 1px 6px #b7ced4;
	min-width: 140px;
}

.mygameul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #d2eaef;
	font-size: 14px;
	list-style-type: none;
}

.mygameul li a {
	color: #576873;
	text-decoration: none;
	display: block;
	text-align: left;
	padding-right: 15px;
	line-height: 30px;
	font-weight: normal;
	height: 30px;
	padding-left: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

.androidFFF {
	background: url(../img/Android_2_new.png) no-repeat 15px center;
}

.appleFFF {
	background: url(../img/apple_2.png) no-repeat 15px center;
}

.webFFF {
	background: url(../img/web_2.png) no-repeat 15px center;
}

.arrow {
	background: url(../img/game_nav.png) no-repeat center top;
	width: 17px;
	height: 9px;
	margin: 0 auto;
}

.mygameul li:hover {
	color: #fc572a;
}

.mygameul li a:hover {
	color: #fc572a;
}

.showcont {
	height: 100%;
	margin: 0 auto;
	margin-left: 20px;
	margin-right: 20px;
}

#content .showcont {
	margin-right: 0px;
	min-height: 800px;
	_height: 800px;
}

.logo {
	background: url(../img/contlogo.png) no-repeat left center;
	height: 56px;
	position: absolute;
	left: 15px;
	top: 25px;
	padding-left: 60px;
	font-size: 24px;
	color: #fff;
	line-height: 56px;
	letter-spacing: 3px;
	text-shadow: 0px 1px 5px #325a69;
}

.headerinfo {
	height: 40px;
	vertical-align: bottom;
	overflow: hidden;
	margin-top: 40px;
	margin-right: 30px;
}

.languageInfo {
	height: 20px;
	margin-top: 50px;
	margin-right: 7px;
}

.languageInfo a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	float: left;
	padding: 0px;
	color: #b1cedb;
	margin: 0;
}

.languageInfo .ahover {
	color: #ececec;
}

.headerinfo>ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.headerinfo>ul>li {
	float: left;
}

.headerinfo>ul>li>a {
	display: block;
	font-size: 16px;
	color: #ececec;
	width: 99px;
	height: 39px;
	line-height: 39px;
	text-decoration: none;
	text-align: center;
	letter-spacing: 1px;
	position: relative;
}

.headerinfo>ul>li .active,.headerinfo>ul>li>a:hover {
	color: #fff;
	background: url(../img/nav_top.png) no-repeat;
	font-weight: 600;
	text-shadow: 0px 1px 0px #000;
}

#manage {
	position: relative;
}

#manageUL {
	position: absolute;
	left: 0px;
	top: 38px;
	z-index: 10;
	border: 1px solid #b8bfc2;
	overflow: hidden;
	background: url(../img/manageUL.png) repeat-y;
	list-style-type: none;
	maring: 0px;
	padding: 0px;
	width: 99px;
	display: none;
}

#manageUL li a {
	display: block;
	padding-left: 0px;
	line-height: 25px;
	text-decoration: none;
	font-size: 15px;
	color: #0f485f;
}

.loginuser {
	height: 82px;
	vertical-align: bottom;
	font-size: 14px;
	color: #b1e6fc;
	height: 30px;
	line-height: 30px;
	width: 150px;
	position: absolute;
	right: 0px;
	top: 45px;
}

.loginuser ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.loginuser ul li {
	float: left;
	padding: 0px 5px;
	width: auto;
	text-align: center;
}

#warning {
	background: url(../img/warning.png) no-repeat;
	width: 28px;
	height: 17px;
	line-height: 17px;
	font-size: 10px;
	color: #fff;
	margin: 10px 3px 0px 3px;
}

#loginout , .subMeauBtn{
	font-size: 14px;
	color: #466c79;
	display: block;
	text-decoration: none;
	cursor: pointer;
	line-height: 36px;
}

#content {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #d1d1d5 url(../img/leftmeau.png) repeat-y left 100%;
	margin: 0px;
	padding: 0px;
}

#bodydiv .contfff {
	background: #fff url(../img/leftmeau.png) repeat-y left 100%;
}

#content1 {
	width: 100%;
	height: auto;
	background: #fff;
	margin: 0px;
	padding: 0px;
}

.sidebar {
	margin-top: 20px;
	padding: 0px;
	overflow: hidden;
	letter-spacing: 1px;
	width: 200px;
	color: #46565c;
	float: left;
	position: absolute;
	left: 0px;
}

#firstMeau {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.firstNav {
	background: #dededf;
	width: 100%;
	line-height: 40px;
	border-top: 1px solid #d1e6ea;
	border-bottom: 1px solid #f7f7f7;
	padding-right: 10px;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: left;
	text-indent: 3em;
	overflow: hidden;
}

#firstMeau .firs {
	border-top: none;
}

#firstMeau .last {
	border-bottom: 1px solid #d1e6ea;
}

.firstNav>span {
	float: left;
}

#firstMeau>li>a {
	text-shadow: 0px 1px 0px #fff;
	font-size: 16px;
	text-decoration: none;
	text-align: left;
	text-indent: 3em;
	color: #46565c;
}

.a1 {
	background: url(../img/nav_icon_1.png) no-repeat 12% 50%;
}

.firstNav:hover,.firstNavActive {
	font-weight: 600;
	color: #343333;
}

.a1:hover,.a1active {
	background: url(../img/nav_icon_1ahover.png) no-repeat 12% 50%;
	font-weight: 600;
	color: #343333;
	border-bottom: none;
}

.a2 {
	background: url(../img/nav_icon_2.png) no-repeat 12% 50%;
}

.a6active .meauliArrow,.a2active .meauliArrow,.a3active .meauliArrow,.a4active .meauliArrow,.a5active .meauliArrow,.a7active .meauliArrow,.a10active .meauliArrow
	{
	border-left: 4px solid #98aaae;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

.meauliArrow {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: top;
	border-top: 4px solid #98aaae;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	margin-top: 20px;
	margin-right: 5px;
	padding-top: 0px;
	float: right;
}

.a2:hover {
	background: url(../img/nav_icon_2ahover.png) no-repeat 12% 50%;
	font-weight: 600;
	color: #343333;
}

.a2active {
	background: url(../img/nav_icon_2ahover.png) no-repeat 12% 50%;
	font-weight: 600;
	border-bottom: none;
}

.firstNavActive span {
	background: url(../img/menu-1.png) no-repeat left center;
	height: 17px;
	width: 24px;
	margin-left: 20px;
}

.a3 {
	background: url(../img/nav_icon_3.png) no-repeat 12% 50%;
}

.a3:hover {
	background: url(../img/nav_icon_3ahover.png) no-repeat 12% 50%;
	font-weight: 600;
}

.a3active {
	background: url(../img/nav_icon_3ahover.png) no-repeat 12% 50%;
	font-weight: 600;
	border-bottom: none;
}

.a4 {
	background: url(../img/nav_icon_4.png) no-repeat 12% 50%;
}

.a4:hover {
	background: url(../img/nav_icon_4ahover.png) no-repeat 12% 50%;
	font-weight: 600;
}

.a4active {
	background: url(../img/nav_icon_4ahover.png) no-repeat 12% 50%;
	font-weight: 600;
	border-bottom: none;
}

.a5 {
	background: url(../img/nav_icon_5.png) no-repeat 12% 50%;
}

.a5:hover {
	background: url(../img/nav_icon_5ahover.png) no-repeat 12% 50%;
	font-weight: 600;
}

.a5active {
	background: url(../img/nav_icon_5ahover.png) no-repeat 12% 50%;
	font-weight: 600;
	border-bottom: none;
}

.a6 {
	background: url(../img/nav_icon_6.png) no-repeat 12% 50%;
}

.a6:hover {
	background: url(../img/nav_icon_6ahover.png) no-repeat 12% 50%;
	font-weight: 600;
}

.a6active {
	background: url(../img/nav_icon_6ahover.png) no-repeat 12% 50%;
	font-weight: 600;
	border-bottom: none;
}

.a7 {
	background: url(../img/nav_icon_7.png) no-repeat 12% 50%;
}

.a7:hover {
	background: url(../img/nav_icon_7ahover.png) no-repeat 12% 50%;
	font-weight: 600;
}

.a7active {
	background: url(../img/nav_icon_7ahover.png) no-repeat 12% 50%;
	font-weight: 600;
	border-bottom: none;
}

.a10 {
	background: url(../img/nav_icon_10.png) no-repeat 12% 50%;
}

.a10:hover {
	background: url(../img/nav_icon_10ahover.png) no-repeat 12% 50%;
	font-weight: 600;
}

.a10active {
	background: url(../img/nav_icon_10ahover.png) no-repeat 12% 50%;
	font-weight: 600;
	border-bottom: none;
}

.a8 {
	background: url(../img/nav_icon_8.png) no-repeat 12% 50%;
}

.a8:hover,.a8active {
	background: url(../img/nav_icon_8ahover.png) no-repeat 12% 50%;
	font-weight: 600;
}

.a9 {
	background: url(../img/nav_icon_9.png) no-repeat 12% 50%;
}

.a9:hover,.a9active {
	background: url(../img/nav_icon_9ahover.png) no-repeat 12% 50%;
	font-weight: 600;
}

.divTable {
	width: 100%;
	border: none;
	vertical-align: top;
	margin-top: -2px;
}

.divTableL {
	width: 200px;
	vertical-align: top;
}

.divTableR {
	vertical-align: top;
	text-align: right;
}

.sencondMeau {
	margin: 0px;
	padding: 0px;
	width: 100%;
	list-style-type: none;
	margin-top: -1px;
	font-size: 16px;
	display: none;
	margin-bottom: 3px;
	margin-top: -1px;
}

.sencondMeau>li {
	display: inline;
}

.sencondMeauA {
	display: block;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-align: left;
	text-indent: 3em;
	color: #46565c;
	font-size:14px;
}

.sencondMeauA:hover,.sencondMeauAactive {
	background: #c1e2e9;
	width: 100%;
	height: 30px;
	margin-top: -1px;
	font-weight: 600;
}

.thirdMeau {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: none;
	margin-bottom: -1px;
}

.thirdMeau li {
	display: inline;
	width: 184px;
}

.thirdMeauA {
	display: block;
	color: #585858;
	width: 160px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-align: left;
	text-indent: 3em;
	margin: 0 auto;
	font-size:14px;
}

.thirdMeauA:hover,.thirdMeauAactive {
	font-weight: bold;
}

.maincontparent {
	height: auto;
	margin-top: 0px;
	z-index: 1;
	float: right;
	width: 100%;
}

.maincont {
	height: auto;
	margin-left: 215px;
	margin-right: 1px;
}

.content-m {
	background: #fff;
	box-shadow: 0px -1px 0px #a4c1c8, 1px 0px 4px #a4c1c8, -1px 0px 4px
		#a4c1c8, 0px 1px 7px #a4c1c8;
	padding: 0 20px;
}

.content-ml {
	width: 49%;
	height: auto;
	overflow: hidden;
	float: left;
	background: #fff;
	box-shadow: 0px -1px 0px #a4c1c8, 1px 0px 4px #a4c1c8, -1px 0px 4px
		#a4c1c8, 0px 1px 7px #a4c1c8;
}

.content-mr {
	width: 49%;
	height: auto;
	overflow: hidden;
	float: right;
	background: #fff;
	box-shadow: 0px -1px 0px #a4c1c8, 1px 0px 4px #a4c1c8, -1px 0px 4px
		#a4c1c8, 0px 1px 7px #a4c1c8;
}

.content-m_sex {
	width: 45%;
	height: auto;
	overflow: hidden;
	float: left;
	background: #fff;
	box-shadow: 0px -1px 0px #a4c1c8, 1px 0px 4px #a4c1c8, -1px 0px 4px
		#a4c1c8, 0px 1px 7px #a4c1c8;
}

.content-m_gender {
	width: 53%;
	height: auto;
	overflow: hidden;
	float: right;
	background: #fff;
	box-shadow: 0px -1px 0px #a4c1c8, 1px 0px 4px #a4c1c8, -1px 0px 4px
		#a4c1c8, 0px 1px 7px #a4c1c8;
}

.content-ml .drawInfoTitle,.content-ml .drawInfoContent,.content-mr .drawInfoTitle,.content-mr .drawInfoContent,.content-m_sex .drawInfoTitle,.content-m_sex .drawInfoContent,.content-m_gender .drawInfoTitle,.content-m_gender .drawInfoContent
	{
	padding: 0 20px;
	padding-top: 10px;
}

.m {
	margin-top: 10px;
}

.mb {
	margin-bottom: 5px;
}

.ml {
	margin-left: 15px;
}

.mr {
	margin-right: 10px;
}

.cont_date {
	height: 25px;
	float: left;
	padding-right: 10px;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}

.datebr {
	background: #edf5f6;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	height: 40px;
	padding-top: 0px;
	padding-bottom:3px;
}

.cont_date input,.calDiv input {
	border: 1px solid #dcdcdc;
	background: #ffffff;
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
}

.cont_date ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	font-size: 15px;
	color: #595858;
}

.cont_date ul li {
	float: left;
}

.cont_datespan {
	padding: 0px 5px;
	color: #0884e3;
	font-size: 17px;
}

.dateTo a {
	display: block;
	cursor: pointer;
	text-decoration: none;
	color: #345965;
	border-right: 1px solid #ccc;
	line-height: 23px;
	text-align: center;
}

.w32 {
	width: 32%;
}

.w34 {
	width: 34%;
}

.w36 {
	width: 36%;
}

.dateTo {
	background: url(../img/changeBtnX.png) repeat-x center center;
	height: 23px;
	width: 192px;
	border: 1px solid #ccc;
}

#calimg {
	background: url(../img/calendar.png) no-repeat 0px 8px;
	height: 47px;
	width: 23px;
	margin-left: 30px;
	margin-right: 5px;
}

.cont_date .dateipt,.dateipt {
	background: #fff url(../img/date.png) no-repeat 3px center;
	height: 20px;
	line-height: 20px;
	padding-left: 25px;
	margin-left: 20px;
	position: relative;
	border: 1px solid #dcdcdc;
}

.condatediv {
	position: absolute;
	border: 1px solid #ccc;
	background: #fff;
	z-index: 30;
	padding: 10px;
	padding-top: 0px;
	display: none;
	font: 8px "Trebuchet MS", sans-serif;
	font-weight: normal;
	width: 405px;
}

.condatediv #bdate,.condatediv #edate {
	width: 180px;
	text-align: center;
	background: #fff;
	margin-bottom: 3px;
	margin-left: 0;
}

.condatediv .btnnow {
	margin: 0 auto;
	margin-top: 7px;
	font-size: 12px;
}

.calDiv {
	overflow: hidden;
}

.condatediv .span {
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 7px;
	font-size: 12px;
}

.dateTo a:hover,.dateTo .dateBtnActive {
	color: #46565c;
	background: url(../img/changeBtnX1.png) repeat-x center center;
}

.dateBtn {
	
}

.r {
	float: right;
}

.clear {
	clear: both;
}

.l {
	float: left;
}

.p {
	position: relative;
}

.b {
	font-weight: 600;
}

.m3 {
	margin-right: -3px;
}

.ml {
	margin-left: 10px;
}

.bor {
	border-top: none;
}

.bo {
	border: none;
}

.bl {
	border-left: 1px solid #ccc;
}

.chanapp {
	position: absolute;
	width: 500px;
	height: auto;
	border: 1px solid #bebdbd;
	display: none;
	z-index: 20;
	background: #fff;
	padding: 10px;
	font-size: 12px;
}

.chanappTip {
	height: 31px;
	text-indent: 1em;
	background: #edf5f6;
	border: 1px solid #cfcfcf;
	border-bottom: none;
}

.drawInfoTitle .chanappTip {
	height: 30px;
	line-height: 30px;
}

.chanappTip span {
	line-height: 31px;
	color: #46565c;
	text-shadow: 0px 1px 0px #fff;
	font-size: 14px;
	font-weight: normal;
}

.chanappTip input {
	background: #fff url(../img/selchannel.png) no-repeat 2px center;
	height: 20px;
	width: 120px;
	border: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-right: 15px;
	padding-left: 16px;
	margin-top: 5px;
	position: relative;
}

.chanappckxtitle {
	text-align: left;
	height: 30px;
	line-height: 30px;
	color: #345965;
	background: #c1dfe9;
	font-size: 12px;
}

.chanappckxtitle input {
	vertical-align: middle;
}

.chanappCont {
	width: 100%;
	height: auto;
	overflow: none;
	background: #fff;
}

.chanappInfo {
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	border: 1px solid #cfcfcf;
	border-top: none;
}

.chanappInfo ul {
	margin: 0px;
	padding: 0;
	list-style-type: none;
	width: 99%;
	overflow: auto;
	font-size: 12px;
	height: 180px;
	padding-left: 5px;
	padding-top: 5px;
}

.chanappInfo ul li {
	float: left;
	height: 20px;
	line-height: 20px;
	margin: 5px 5px;
	white-space: nowrap;
	margin-right: 0px;
}

.chanappInfo ul li a {
	text-align: center;
	background: #efefef;
	display: block;
	color: #00a3e7;
	text-decoration: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	min-width: 85px;
}

.chanappInfo .itemhover {
	background: #00a3e7;
	color: #fff;
}

.chappBtn {
	background: url(../img/chappbtn.png) no-repeat;
	width: 82px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	cursor: pointer;
	color: #fff;
}

.btnm {
	margin-right: 10px;
	margin-bottom: 10px;
	width: 70px;
}

.chanappFoot {
	width: 170px;
	text-align: center;
	margin: 0 auto;
}

#searchDiv {
	border: 1px solid #bebdbd;
	background: #fff;
	position: absolute;
	display: none;
	z-index: 100;
}

#searchDiv ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#searchDiv ul li {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: left;
	padding-left: 3px;
	white-space: nowrap;
	min-width: 150px;
	cursor: pointer;
}

#searchDiv .lihover {
	background: #ddd;
}

#dauTotalInfo {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	background: #e9eef5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 105px;
	line-height: 30px;
	border: 1px solid #dcdcdc;
}

#dauTotalInfo  .li33 {
	width: 33%;
	text-align: center;
	float: left;
}

#dauTotalInfo li p {
	margin: 0 auto;
	display: block;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #fcfcfc;
	border-right: 1px solid #d1dae7;
	color: #2f2f2f;
	margin-top: 25px;
	font-size: 17px;
}

#dauTotalInfo li .first {
	border-left: none;
}

#dauTotalInfo li .last {
	border-right: none;
}

#dauTotalInfo li span {
	font-size: 25px;
	font-weight: 600;
	color: #464444;
}

#dauTotalInfo li .borderno {
	border-right: 0px;
}

.drawInfoTitle {
	height: 50px;
	line-height: 50px;
	background: #fff url(../img/block_top.png) repeat-x left bottom;
	text-align: left;
	padding-top: 10px;
}

.drawInfoContent {
	text-align: center;
	background: #fff;
}

.drawInfoSubTitle {
	margin: 0;
	padding: 0;
	height: 50px;
	line-height: 50px;
}

.drawInfoBtn {
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 5px;
}

.drawInfoBtn a {
	width: 73px;
	display: block;
	height: 23px;
	line-height: 23px;
	text-align: center;
	cursor: pointer;
	margin-top: 10px;
	margin-right: 10px;
	color: #595858;
	text-decoration: none;
}

.drawInfoBtn .long {
	width: 120px;
}

.drawInfoBtn a:hover,.btn {
	height: 23px;
	line-height: 23px;
	border-bottom: 2px solid #46a5ff;
	text-align: center;
	cursor: pointer;
	margin-top: 10px;
	margin-right: 10px;
	color: #595858;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
}

.btnCom {
	height: 23px;
	line-height: 23px;
	background: url(../img/time_but_2.png) repeat-x;
	border: 1px solid #ccc;
	text-align: center;
	cursor: pointer;
	min-width: 73px;
	width: 73px;
	margin-top: 10px;
	margin-right: 10px;
	color: #595858;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.btnletter {
	color: #46565c;
	text-shadow: 0px 1px 0px #fff;
}

.btnComlong {
	height: 23px;
	line-height: 23px;
	background: url(../img/time_but_2.png) repeat-x;
	border: 1px solid #ccc;
	text-align: center;
	cursor: pointer;
	min-width: 150px;
	width: 150px;
	margin-top: 10px;
	margin-right: 10px;
	color: #595858;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.btn1 {
	height: 31px;
	line-height: 31px;
	background: url(../img/time_but_3.png) repeat-x;
	border: 1px solid #ccc;
	text-align: center;
	max-width: 137px;
	width: 137px;
	margin-top: 4px;
	cursor: pointer;
	color: #595858;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.drawInfo {
	margin: 0 auto;
	min-height: 360px;
	height: 360px;
	text-align: center;
	z-index: 2;
	position: static;
	clear: both;
}

.drawInfoTable {
	margin: 0 auto;
	min-height: 320px;
	text-align: center;
	display: none;
	padding-top: 10px;
	overflow-x: auto;
	overflow-y: hidden;
	width: 99%;
}

.listInfoTable {
	margin: 0 auto;
	text-align: center;
	padding: 10px 0px;
	overflow: hidden;
}

.drawInfoMinTable {
	margin: 0 auto;
	min-height: 300px;
	height: 300px;
	text-align: center;
}

.content-m_sex .drawInfo,.content-m_gender .drawInfo {
	margin: 0 auto;
	min-height: 320px;
	height: 320px;
	text-align: center;
}

.content-m_sex .drawInfoTable,.content-m_gender .drawInfoTable {
	margin: 0 auto;
	min-height: 310px;
	height: 310px;
	text-align: center;
	display: none;
	padding-top: 10px;
	overflow-x: auto;
}

.hydataleft {
	background: url(../img/huoyue_left.png) no-repeat left;
	height: 105px;
	width: 12px;
}

.chartbtn_pic {
	display: block;
	background: url(../img/aa.png) no-repeat left;
	width: 39px;
	height: 27px;
	margin-top: 10px;
	margin-left: 5px;
}

.chartbtn_pic:hover,.chartbtn_active_pic {
	display: block;
	background: url(../img/a.png) no-repeat left;
	width: 39px;
	height: 27px;
	margin-top: 10px;
	margin-left: 5px;
}

.chartbtn_table {
	display: block;
	background: url(../img/bb.png) no-repeat left;
	width: 39px;
	height: 27px;
	text-decoration: none;
	margin-top: 10px;
}

.chartbtn_table:hover,.chartbtn_active_table {
	display: block;
	background: url(../img/b.png) no-repeat left;
	width: 39px;
	height: 27px;
	text-decoration: none;
	margin-top: 10px;
}

.drawInfoTitle>span,.drawInfoTitle_span {
	display: block;
	float: left;
	font-size: 17px;
	color: #0884e3;
	background: #edf5f6;
	height: 25px;
	line-height: 25px;
	margin-top: 10px;
	padding: 0px 5px;
}

.chartbtn_down {
	display: block;
	background: url(../img/c.png) no-repeat center center;
	width: 38px;
	height: 27px;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 10px;
}

.chartbtn_down:hover,.chartbtn_active_down {
	display: block;
	background: url(../img/cc.png) no-repeat center center;
	width: 38px;
	height: 27px;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 10px;
}

.chartbtn_help {
	display: block;
	background: url(../img/d.png) no-repeat center center;
	width: 38px;
	height: 27px;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 10px;
	position: relative;
}

.chartbtn_back {
	display: block;
	background: url(../img/back.png) no-repeat center center;
	width: 38px;
	height: 27px;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 10px;
}

.chartbtn_transfer {
	display: block;
	background: url(../img/transfer.png) no-repeat center center;
	width: 38px;
	height: 27px;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 10px;
}

.chartbtn_line {
	display: block;
	background: url(../img/linebtn.png) no-repeat center center;
	width: 37px;
	height: 30px;
	text-decoration: none;
}

.chartbtn_line:hover {
	display: block;
	background: url(../img/linebtn_1.png) no-repeat center center;
	width: 37px;
	height: 30px;
	text-decoration: none;
}

.helpInfo {
	position: absolute;
	font-size: 12px;
	border: 1px solid #dededf;
	color: #585858;
	z-index: 99999;
	top: 27px;
	right: 0px;
	line-height: 25px;
	display: none;
}

.chartbtn_help:hover,.chartbtn_active_help {
	display: block;
	background: url(../img/dd.png) no-repeat center center;
	width: 38px;
	height: 27px;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 10px;
}

.sexInfo {
	width: 95%;
	margin: 0 auto;
	height: 150px;
	font-size: 13pt;
	color: #5e5e5e;
	line-height: 30px;
	text-shadow: 0px 1px 0px #fff;
}

#boy .tu {
	background: url(../img/boy.png) no-repeat 0px 45px;
	height: 150px;
	width: 26px;
	margin-left: 20px;
	margin-right: 20px;
	float: left;
}

#girl .tu {
	background: url(../img/girl.png) no-repeat 0px 18px;
	height: 150px;
	width: 26px;
	margin-left: 20px;
	margin-right: 20px;
	float: left;
}

#boy .percentInfo {
	background: #c0e1ee;
	width: 70%;
	float: left;
	height: 30px;
	margin-top: 60px;
	text-align: left;
}

#boy .percentNow {
	background: #75c5e2;
	width: 40%;
	height: 30px;
	margin-left: 0px;
	text-align: center;
}

#girl .percentInfo {
	background: #e7d6e7;
	width: 70%;
	float: left;
	height: 30px;
	margin-top: 30px;
	text-align: left;
}

#girl .percentNow {
	background: #d3aad3;
	width: 60%;
	height: 30px;
	text-align: center;
}

#girl .sexInfo {
	height: 100px;
}

.drawInfoTable table,.listInfoTable table {
	border-collapse: collapse;
	text-align: center;
	margin: 0 auto;
	width: 99%;
}

#wp .listInfoTable table {
	width: 100%;
}

.scrollDiv {
	width: 100%;
	margin: 0 auto;
	overflow-x: auto;
}

.listInfoTable .scrollDiv table {
	width: auto;
}

.listInfoTable .scrollDiv table th {
	width: 120px;
}

.drawInfoTable table td,.listInfoTable table td {
	height: 25px;
	line-height: 25px;
	border-right: 1px solid #fff;
	font-size: 14px;
	color: #46565c;
	border-bottom: 1px solid #eceee9;
}

.tdpad td {
	padding-left: 15px;
	padding-right: 15px;
}

.listInfoTable ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: left;
	border: 1px solid #dededf;
	overflow: hidden;
}

.listInfoTable ul li {
	float: left;
	background: #dededf;
	padding: 2px 2px;
	margin: 3px 10px 3px 5px;
}

.listInfoTable ul .lititle {
	padding: 0 10px;
	font-weight: bold;
	background: #fff;
}

.tableDatared th {
	background: #cc99cc;
	height: 30px;
	line-height: 30px;
	border-right: #fff;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
}

.listInfoTable .thborder th {
	border-right: 1px solid #fff;
}

.tableDatared .tdodd {
	background: #f6e9f6;
}

.tableDatablue th {
	background: #c1e2e9;
	height: 30px;
	line-height: 30px;
	border-right: #fff;
	font-size: 16px;
	color: #345965;
	font-weight: normal;
	border-bottom: 1px solid #89c3d4;
	white-space: nowrap;
	min-width:60px;
}

.tableDatablue td {
	
}

.tableDatablue .tdodd {
	background: #edf5f6;
}

.tdBgColor {
	background: #fff;
}

.tablePage {
	width: 200px;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	display: none;
}

.tablePage span {
	font-size: 14px;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	color: #3f3f3f;
}

.tablePage span em {
	font-weight: 600;
}

.pre {
	background: url(../img/jiantou.png) no-repeat center center;
	width: 40px;
	height: 40px;
	float: left;
}

.next {
	background: url(../img/jiantou_r.png) no-repeat center center;
	width: 40px;
	height: 40px;
	float: left;
}

.divData {
	width: 1px;
	height: 1px;
	display: none;
}

.pageTip {
	width: 100%;
	border-bottom: 1px solid #63a1ba;
	font-size: 17px;
	text-align: left;
	color: #3a6d89;
	height: 50px;
	line-height: 50px;
	padding-left: 20px;
	background: #edf5f6;
}

.pagetippad {
	padding: 0px;
	padding-right: 20px;
}

.pageTip div {
	background: #edf5f6 url(../img/intro.png) no-repeat left center;
	padding-left: 24px;
}

.mlr {
	margin-left: 10px;
	margin-right: 10px;
}

.totalNum {
	width: 32%;
	height: 100px;
	margin-top: 20px;
}

.mrp {
	margin-right: 2%;
}

#compre .totalNum {
	width: 19%;
	height: 100px;
	margin-top:10px;
}

#compre .mrp {
	margin-right: 1.1%;
}

#rollsvr .totalNum {
	width: 24%;
	height: 100px;
}

#rollsvr .mrp {
	margin-right: 1.2%;
}

.totalNum a {
	background: #edf5f6;
	border: 1px solid #c6ced9;
	text-align: center;
	color: #345965;
	font-size: 16px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	height: 70px;
	padding-top: 20px;
}

.totalNum a:hover,.totalNum .active {
	background: #c1dfe9;
	color: #254f65;
	border: 1px solid #94aebe;
}

.totalNum span {
	font-size: 25px;
	font-weight: 600;
}

.totalNum em {
	font-style: normal;
}

.totalArrow {
	background: url(../img/arrowN.png) no-repeat center center;
	width: 13px;
	height: 6px;
	margin: 0 auto;
	margin-top: -1px;
	display: none;
}

.selectDivTitle {
	padding: 20px 0px;
	height: 30px;
	color: #5c5b5b;
	font-size: 15px;
	line-height: 25px;
}

.selectDiv {
	border: 1px solid #dcdcdc;
	height: 25px;
	line-height: 25px;
	background: #fff url(../img/select.png) no-repeat right center;
	padding-right: 20px;
	padding-left: 5px;
	position: relative;
	text-align: left;
	cursor: pointer;
}

.selectDiv span {
	color: #454545;
	font-size: 15px;
}

.selectDiv ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #dededf;
	border: 1px solid #dededf;
	border-bottom: none;
	position: absolute;
	z-index: 10001;
	top: 25px;
	left: -1px;
	display: none;
	width: 100%;
	overflow-x: hidden;
	max-height: 210px;
}

.selectDiv ul li {
	width: 100%;
	border-bottom: 1px solid #dededf;
	background: #fff;
	text-align: left;
	padding-left: 3px;
	border-top: none;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
	font-size: 15px;
}

.selectDiv ul .lihover {
	background: #f17f10;
	color: #fff;
}

.bigDiv {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.3;
	filter: Alpha(opacity = 30);
	display: none;
	z-index: 999;
}

.bigDivdark {
	opacity: 0.7;
	filter: Alpha(opacity = 70);
}

.editDiv {
	width: 600px;
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -250px;
	display: none;
	z-index: 1000;
	background: #fff;
}

.selectList {
	position: absolute;
	display: none;
	z-index: 2000;
}

.w180 {
	width: 180px;
}

.w230 {
	width: 230px;
}

.selectList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #dededf;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #dededf;
	border-bottom: none;
	max-height: 210px;
}

.selectList ul li {
	width: 100%;
	border-bottom: 1px solid #dededf;
	background: #fff;
	text-align: left;
	padding-left: 3px;
	border-top: none;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
	color: #454545;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

.selectList ul .lihover,.selectList ul li:hover {
	background: #fc572a;
	color: #fff;
}

.gchM {
	margin-left: 10px;
	margin-top: 10px;
}

.groupKey em {
	font-style: normal;
}

.selectIpt {
	background: url(../img/select.png) no-repeat right center;
	cursor: pointer;
}

#eventInfo .w {
	color: #454545;
	font-size: 14px;
	width: 180px;
}

.selectIptCom {
	background: #fff url(../img/select.png) no-repeat right center;
	color: #454545;
	font-size: 14px;
	border: 1px solid #ccc;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
}

.w150 {
	width: 150px;
}

.hopEventNum {
	width: 48%;
	height: 80px;
	font-size: 18px;
	color: #656565;
	float: left;
	line-height: 30px;
}

.hopEventNum p {
	text-align: center;
}

.hopDataShow {
	height: 70px;
	line-height: 70px;
	border-bottom: 1px solid #e3e3e4;
	font-size: 14px;
	color: #656565;
	background: #fff;
}

.hopDataName {
	width: 20%;
	text-align: center;
	float: left;
}

.hopDataChart {
	width: 60%;
	float: left;
	position: relative;
}

.mt30 {
	margin-top: 25px;
}

.hopDataChart .posi {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}

.hopDataChartl_1 {
	height: 23px;
	width: 11px;
	background: url(../img/eventl1.png) no-repeat center top;
	float: left;
}

.hopDataChartl {
	height: 23px;
	width: 11px;
	background: url(../img/eventl.png) no-repeat center top;
	float: left;
}

.hopDataChartr_1 {
	height: 23px;
	width: 11px;
	background: url(../img/eventr1.png) no-repeat center top;
	float: left;
}

.hopDataChartr {
	height: 23px;
	width: 11px;
	background: url(../img/eventr.png) no-repeat center top;
	float: left;
}

.hopDataChartm_1 {
	height: 21px;
	background: url(../img/eventm1.png) repeat-x center top;
	width: 100%;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}

.hopDataChartm {
	height: 21px;
	background: url(../img/eventm.png) repeat-x center top;
	-moz-border-radius: 30px;
	-webkit-border-radius: 300px;
	border-radius: 30px;
}

.hopDatapeo {
	float: left;
	width: 18%;
	text-align: left;
	text-indent: 30px;
}

.eventDatapic {
	width: 43px;
	height: 28px;
	background: url(../img/eventdata.png) no-repeat;
	position: absolute;
	color: #656565;
	text-align: center;
	line-height: 28px;
	left: 50%;
	margin-left: -22px;
	top: -12px;
	z-index: 2;
	font-size: 12px;
}

.eventDataNow {
	background: url(../img/hopNow.png) no-repeat;
	width: 13px;
	height: 26px;
	position: absolute;
	z-index: 2;
	top: 50%;
	margin-top: -13px;
	right: -1px;
	display: none;
}

.eventPicNow {
	color: #212127;
	background: url(../img/eventdataover.png) no-repeat;
}

.hopperDetail {
	background: url(../img/open.png) no-repeat right center;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.hopperDetailfirst {
	width: 100%;
	height: 100%;
}

.hoDeM {
	margin-top: 30px;
	margin-right: 20px;
}

.spanColr {
	font-size: 15px;
	color: #0884e3;
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
}

.lookTitle {
	text-indent: 1em;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #cecece;
	border-left: 1px solid #cecece;
	background: #e5e5e5;
}

#lookTu {
	border-top: 1px solid #cecece;
	overflow: hidden;
}

.smallDataShow {
	height: 70px;
	border-bottom: 1px solid #e3e3e4;
	font-size: 14px;
	color: #656565;
	background: #fff;
	padding-left: 20px;
	text-align: left;
	padding-top: 10px;
}

.mall {
	margin: 10px;
}

#lookTu .drawInfo {
	height: auto;
}

.tdm {
	width: 100%;
	margin: 0 auto;
	float: left;
	text-align: center;
}

.btnpicB {
	background: url(../img/changeBtnX.png) repeat-x center center;
	height: 23px;
	line-height: 23px;
	text-align: center;
	border: 1px solid #ccc;
	color: #345965;
	display: block;
	text-decoration: none;
	border-left: none;
}

.btnpicBw100 {
	width: 70px;
	margin-top: 10px;
}

.btnpicBfocus {
	background: url(../img/changeBtnX1.png) repeat-x center center;
	color: #46565c;
	border: 1px solid #bbbbbd;
	border-left: none;
}

.mlborder {
	border-left: 1px solid #93a4bb;
}

.tableTitleTask {
	height: 28px;
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 20px;
}

.tableTitleTask .left {
	text-align: right;
	padding-right: 10px;
	font-size: 14px;
	color: #505050;
	position: absolute;
	top: 0;
	left: 0;
}

.tableTitleTask .right {
	float: left;
	width: 75%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 110px;
}

.right1 {
	background: #e2eaf1;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

#dataTask {
	background: #8ed4d7;
	text-align: center;
	color: #345965;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	height: 100%;
	line-height: 25px;
	float: left;
}

.infoChange {
	background: url(../img/allchangeBtn.png) repeat-x center center;
	height: 48px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.threeMeauA {
	display: block;
	border-right: 1px solid #ccc;
	width: 100%;
	line-height: 48px;
	text-decoration: none;
	font-size: 16px;
	color: #345965;
}

.threeMeauA:hover,.threeMeauAactive {
	color: #345965;
	background: url(../img/changeBtnX2.png) repeat-x center center;
}

.listInfoChange {
	background: url(../img/changeBtnX.png) repeat-x center center;
	height: 23px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
	border: 1px solid #ccc;
}

.listInfoChangeposi {
	position: absolute;
	top: 0;
	left: 110px;
}

.fiveMeauA {
	display: block;
	border-right: 1px solid #ccc;
	text-decoration: none;
	font-size: 14px;
	line-height: 23px;
	color: #345965;
	text-align: center;
}

.w20 {
	width: 20%;
}

.w25 {
	width: 25%;
}

.w19 {
	width: 19%;
}

.w23 {
	width: 23%;
}

.w33 {
	width: 33%;
}

.wd50 {
	width: 50px;
}

.wd120 {
	width: 120px;
}

.fiveMeauA:hover,.fiveMeauAactive {
	color: #46565c;
	background: url(../img/changeBtnX1.png) repeat-x center top;
}

.topUser {
	background: url(../img/top500.png) no-repeat left bottom;
	font-size: 20px;
	color: #064d82;
	text-align: left;
	padding-left: 40px;
	height: 20px;
	padding-top: 20px;
}

.marqueeMeau {
	height: 40px;
	line-height: 40px;
}

.maqueebox {
	margin: 0 auto;
	overflow: hidden;
}

#marqueeMeauUl {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: none;
	width: 100%;
}

#marqueeMeauUl li {
	float: left;
	padding: 0;
	margin: 0;
}

#marqueeMeauUl li a {
	display: block;
	border-right: 1px solid #fff;
	background: #e2eaf1;
	text-align: center;
	color: #262626;
	text-decoration: none;
	font-size: 16px;
	height: 39px;
}

#marqueeMeauUl li a:hover,#marqueeMeauUl .lihover {
	background: #c1e2e9;
	color: #345965;
	text-shadow: 0px 1px 0px #fff;
	height: 40px;
}

.leftBtn {
	background: #e2eaf1 url(../img/leftBtn.png) no-repeat center center;
	border-right: 1px solid #fff;
	left: 0px;
	top: 0px;
}

.rightBtn {
	background: #e2eaf1 url(../img/rightBtn.png) no-repeat center center;
	right: 0px;
	top: 0px;
	border-left: 1px solid #fff;
}

.maqueeBtn {
	width: 30px;
	height: 39px;
	float: left;
	cursor: pointer;
	z-index: 3;
	position: absolute;
}

.operA {
	display: block;
	text-decoration: none;
	color: #3fbeed;
	width: 80px;
	text-align: center;
	margin: 0 auto;
	line-height: 25px;
}

.operA:hover {
	font-weight: bold;
}

.tableDatablue .trhoverBg {
	background: #d6d6d7;
}

.tableDatablue .trhoverBg1 {
	background: #d6d6d7;
}

.channelmag .listInfoTable {
	padding-top: 0px;
	padding-right: 1px;
}

.channelmag .listInfoTable table {
	width: 100%;
}

.delOper {
	background: url(../img/delhover.png) no-repeat center center;
	width: 17px;
	display: block;
	height: 25px;
	margin: 0 auto;
}

.delOperM {
	background: url(../img/delhover.png) no-repeat center center;
	width: 17px;
	display: block;
	height: 25px;
}

#addChannelInfo .groupNameDiv {
	height: 35px;
	line-height: 20px;
	padding-left: 20px;
}

#addChannelInfo .editcont {
	color: #656565;
}

.editDivlong {
	width: 800px;
	position: absolute;
	left: 50%;
	margin-left: -400px;
	display: none;
	z-index: 1000;
}

#addChannelInfo .groupLong {
	height: 50px;
}

#addChannelInfo  .note {
	width: 684px;
}

#addChannelInfo .groupLongs,#addChannelInfo .groupLongs .note {
	height: 292px;
}

#createChanUser {
	width: 400px;
}

.groupNameLook {
	height: 35px;
	line-height: 35px;
	width: 50%;
	margin: 0 auto;
	color: #656565;
	text-align: left;
}

.groupNameLook span {
	width: 80px;
	text-align: right;
}

.notetip {
	width: 90%;
	margin: 0 auto;
	text-align: left;
	color: #656565;
}

.ml30 {
	margin-left: 30px;
}

.divline {
	margin: 10px 20px;
	height: 1px;
	background: url(../img/dashed.png) repeat-x center center;
}

.onbtn {
	background: url(../img/on.png) no-repeat center center;
	width: 54px;
	height: 18px;
	margin: 0 auto;
}

.offbtn {
	background: url(../img/off.png) no-repeat center center;
	width: 54px;
	height: 18px;
	margin: 0 auto;
}

.onoroffbtn {
	background: url(../img/onoroff.png) no-repeat center center;
	width: 22px;
	height: 18px;
	cursor: pointer;
}

.urlgo {
	display: block;
	text-decoration: none;
	width: 70px;
	text-align: left;
	height: 25px;
	line-height: 25px;
	color: #3f3f3f;
	font-weight: bold;
	margin-left: 20px;
}

.copybtn {
	background: url(../img/copy.png) no-repeat center center;
	width: 14px;
	height: 25px;
	cursor: pointer;
}

.iptinfo {
	margin: 0 auto;
	text-align: center;
	width: 90%;
	cursor: pointer;
}

.groupNameTipName {
	height: 20px;
	text-align: left;
	padding-left: 50px;
	color: #656565;
}

.groupNameDiv .selectDiv {
	margin-top: 13px;
}

.groupNameDiv div {
	color: #656565;
}

.hoverColor {
	color: #999;
}

.mr5 {
	margin-right: 5px;
}

.groupNameauto {
	color: #656565;
	text-align: left;
	padding-left: 100px;
	margin-top: 10px;
}

.delIpt {
	background: url(../img/cha.png) no-repeat right center;
	width: 13px;
	height: 25px;
	position: absolute;
	z-index: 1001;
	top: 5px;
	right: 5px;
	cursor: pointer;
}

.tablewrap {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
	border: 1px solid #ccc;
}

.tableapp {
	width: 100%;
	border-collapse: collapse;
}

.tableapp em {
	color: #5594ce;
	cursor: pointer;
}

.tableapp .thr {
	background: #c1e2e9;
	color: #234d5b;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
}

.tableapp .treven {
	background: #fff;
	border: none;
}

.tableapp .trodd {
	background: #f0f7f8;
	border: none;
}

.tableapp td {
	height: 38px;
	line-height: 38px;
	color: #46565c;
	font-size: 14px;
	border-bottom: 1px solid #eceee9;
}

.appbtn {
	background: url(../img/appbtn.png) repeat-x center center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	color: #234d5b;
	width: 150px;
	cursor: pointer;
	text-shadow: none;
	display: block;
	text-decoration: none;
}

.appcont {
	width: 80%;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 20px;
	min-height: 400px;
}

.apptip {
	width: 50%;
	text-align: center;
	float: left;
	line-height: 30px;
	margin-bottom: 5px;
}

.colr {
	color: #656565;
}

.appstep1 {
	background: url(../img/appstep1.png) no-repeat center center;
	width: 393px;
	height: 38px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.appstep2 {
	background: url(../img/appstep2.png) no-repeat center center;
	width: 393px;
	height: 38px;
	margin: 0 auto;
}

#addGameInfo .groupNameDiv>span {
	padding-left: 80px;
}

#stepGameInfo .groupNameDiv>span {
	padding-left: 60px;
}

#addGameInfo .groupNameDiv input[type='text'],#addGameInfo textarea {
	width: 250px;
}

.android {
	background: url(../img/android_new.png) no-repeat center center;
	width: 18px;
	height: 20px;
}

.apple {
	background: url(../img/apple_new.png) no-repeat center center;
	width: 18px;
	height: 20px;
}

.web {
	background: url(../img/web.png) no-repeat center center;
	width: 18px;
	height: 20px;
}

#stepGameInfo .editcont .disableipt {
	background: #dededf;
	width: 250px;
}

#foot {
	width: 100%;
	height: 60px;
	background: #51717d;
	overflow: hidden;
	position: relative;
	min-width: 1200px;
}

.footinfo {
	width: 280px;
	margin: 0 auto;
}

.footinfo ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-top: 22px;
}

.footinfo ul li {
	float: left;
}

.footinfo ul li a {
	display: block;
	text-decoration: none;
	color: #edf5f6;
	font-size: 14px;
	padding: 0px 10px;
	border-right: 1px solid #edf5f6;
}

.loading {
	background: url(../img/newloading.gif) no-repeat center center;
	width: 100%;
	height: 100%;
}

.listInfoTable .tablelong {
	table-layout: fixed;
}

.listInfoTable .tablelong .tdlong {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-align: left;
	padding-left: 5px;
}

.groupTip {
	width: 250px;
	line-height: 20px;
	margin: 0 auto;
	text-align: left;
}

.helpinfoTip {
	width: 299px;
	position: absolute;
	top: 25px;
	right: 0px;
	display: none;
	z-index: 10;
}

.helpinfoTitle {
	background: url(../img/help_1.png) no-repeat left center;
	height: 12px;
}

.helpinfobg {
	background: url(../img/help_2.png) repeat-y left center;
	font-size: 12px;
	color: #345965;
	text-align: left;
	padding: 2px;
	max-height: 290px;
	overflow-x: hidden;
	overflow-y: auto;
}

.helpinfobg ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.helpinfobg ul li {
	padding: 5px;
	padding-left: 15px;
	line-height: 20px;
	border-top: 1px solid #d4d4d4;
}

.helpinfobm {
	background: url(../img/help_3.png) no-repeat left center;
	height: 2px;
}

.docMeau {
	background: #fff;
	height: 70px;
	padding-left: 50px;
	padding-right: 50px;
	text-shadow: 0px 1px 0px #fff;
	border-bottom: 1px solid #91bed2;
}

#docCont #content {
	background: #fff;
}

.docMeau1 {
	background: url(../img/docMeau1.png) no-repeat center bottom;
	width: 171px;
	height: 43px;
	float: left;
	font-size: 14px;
	margin-top: 30px;
	margin-bottom: -3px;
}

.docMeau a {
	display: block;
	text-decoration: none;
}

.docMeau2 {
	background: url(../img/docMeau2.png) no-repeat center bottom;
	width: 161px;
	height: 37px;
	float: left;
	font-size: 14px;
	margin-top: 33px;
	margin-left: -1px;
}

.iosA1 {
	background: url(../img/apple_2.png) no-repeat 17px center;
	height: 43px;
	width: 100%;
	line-height: 43px;
	color: #3e3d3d;
	cursor: default;
}

.iosA2 {
	background: url(../img/iOS_1.png) no-repeat 17px center;
	height: 37px;
	width: 100%;
	line-height: 37px;
	color: #898989;
}

.ardA1 {
	background: url(../img/Android_2_new.png) no-repeat 12px center;
	height: 43px;
	width: 100%;
	line-height: 43px;
	color: #3e3d3d;
	cursor: default;
}

.ardA2 {
	background: url(../img/Android_1.png) no-repeat 12px center;
	height: 37px;
	width: 100%;
	line-height: 37px;
	color: #898989;
}

.docnotice {
	background: #c1e2e9;
	font-weight: bold;
}

.docNav {
	line-height: 38px;
	border-bottom: 1px solid #d1e6ea;
	display: block;
	color: #46565c;
	text-decoration: none;
	text-align: left;
	padding-left: 3px;
}

.maincontdocpad {
	padding-left: 10px;
}

#comUL .first {
	border-top: 1px solid #d1e6ea;
}

.docNavA {
	color: #46565c;
	text-shadow: 0px 1px 0px #fff;
}

.comUL {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.comUL>li>ul>li {
	text-indent: 1em;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: top;
	border-top: 4px solid #585858;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
}

.caretUp {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: top;
	border-bottom: 4px solid #585858;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
}

.docTxt {
	width: 200px;
	height: 47px;
	line-height: 47px;
	background: url(../img/txt.png) no-repeat left center;
	font-size: 16px;
	color: #017abf;
	margin: 0 auto;
	text-align: left;
	padding-left: 40px;
	font-weight: bold;
}

.docPoint {
	width: 200px;
	height: 47px;
	line-height: 47px;
	background: url(../img/point.png) no-repeat left center;
	font-size: 16px;
	color: #017abf;
	margin: 0 auto;
	text-align: left;
	padding-left: 40px;
	font-weight: bold;
}

.docSDK {
	width: 200px;
	height: 47px;
	line-height: 47px;
	background: url(../img/docSDK.png) no-repeat left center;
	font-size: 16px;
	color: #017abf;
	margin: 0 auto;
	text-align: left;
	padding-left: 40px;
	font-weight: bold;
}

.textLeft {
	width: 100%;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
}

.textRight {
	width: 30%;
	float: right;
	margin-top: 30px;
}

.txtDesc {
	color: #656565;
	font-size: 13px;
	text-align: left;
}

.txtCont {
	padding: 0;
	margin: 0;
	margin-top: 20px;
	padding-left: 22px;
	list-style-type: decimal;
}

.txtCont li {
	font-size: 12px;
	color: #656565;
	text-align: left;
	line-height: 20px;
}

.iosDown {
	background: url(../img/apple_2.png) no-repeat 13px center;
	height: 38px;
	width: 100%;
	cursor: pointer;
	line-height: 38px;
	padding-left: 15px;
	text-align: center;
}

.ardDown {
	background: url(../img/Android_2_new.png) no-repeat 13px center;
	height: 38px;
	width: 100%;
	cursor: pointer;
	line-height: 38px;
	padding-left: 15px;
	text-align: center;
}

.acrA {
	font-size: 14px;
	color: #46565c;
	text-align: left;
	text-decoration: none;
	margin-top: 20px;
	display: block;
	font-weight: bold;
}

.acrP {
	font-size: 14px;
	color: #656565;
	text-align: left;
}

.acrP em,.emred {
	color: #d14;
}

.acrP img {
	width: 100%;
}

#notice {
	background: url(../img/notice.png) no-repeat left center;
	height: 36px;
	padding-left: 20px;
	line-height: 25px;
	font-size: 12px;
	cursor: pointer;
}

.noticeMeau {
	width: 132px;
	height: 55px;
	position: absolute;
	top: 37px;
	right: 10px;
	z-index: 3;
	display: none;
}

.noticeMeau ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
}

.noticeMeau ul li {
	background: #ebeef1;
	height: 27px;
	width: 100%;
	color: #656565;
	font-size: 12px;
	border-top: 1px solid #fff;
}

.noticeMeau ul li span {
	color: #30a3d5;
	padding-left: 5px;
	font-size: 9px;
}

#userInfos {
	color: #466c79;
	font-size: 14px;
	margin-right: 5px;
}

.mu {
	margin-right: 20px;
}

#uname {
	line-height: 36px;
}

.newsTitle {
	border-bottom: 1px solid #0074be;
	height: 30px;
	padding-bottom: 10px;
	overflow: hidden;
}

.letter {
	background: url(../img/letter.png) no-repeat right 8px;
	width: 150px;
	font-size: 21px;
	color: #656565;
	height: 100%;
}

.newsTab {
	width: 100%;
	margin-top: 31px;
	border-collapse: collapse;
}

.newsTab tr {
	cursor: pointer;
}

.newsTab .tdTitle {
	font-size: 16px;
	color: #7b7b7b;
	line-height: 45px;
	width: 200px;
	padding-left: 5px;
	font-weight: bold;
}

.newsTab .tdout {
	color: #0074be;
}

.newsTab td {
	font-size: 14px;
	color: #656565;
	border: none;
	padding: 0px;
	border-bottom: 1px solid #abb9c9;
}

.newsTab .contTr {
	border-left: 1px solid #abb9c9;
	border-right: 1px solid #abb9c9;
	display: none;
	cursor: default;
}

.contNews {
	height: 350px;
	overflow: auto;
	text-align: left;
	padding: 5px;
	line-height: 20px;
	font-size: 14px;
}

.doctable {
	border-collapse: collapse;
	width: 100%;
	color: #656565;
	font-size: 14px;
}

.doctable th {
	border: 1px solid #bfc4c6;
	text-align: center;
	line-height: 25px;
	font-weight: normal;
	background: #f7f7f9;
}

.doctable td {
	border: 1px solid #bfc4c6;
	text-align: left;
	padding-left: 15px;
	line-height: 25px;
	padding-right: 10px;
}

pre {
	     white-space: pre-wrap;
	     white-space: -moz-pre-wrap;
	     white-space: -pre-wrap;
	     white-space: -o-pre-wrap;
	     word-wrap: break-word;
}

.listInfoTable table .tdclk {
	color: #3fbeed;
}

.graybg {
	width: 100%;
	background: #efefef;
	padding-top: 20px;
	padding-bottom: 20px;
}

.graycont {
	width: 900px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0px 5px 5px #b8b8b8;
	padding: 20px 30px;
	overflow: hidden;
	text-align: left;
}

.aboutTitle {
	height: 50px;
	padding-top: 20px;
}

.aboutdot {
	background: url(../img/dotus.png) repeat-x right bottom;
	height: 50px;
}

.aboutTitle span {
	color: #313131;
	font-size: 26px;
	font-weight: bold;
}

.aboutTitle em {
	font-size: 20px;
	color: #313131;
	padding-left: 10px;
}

.aboutusinfo {
	font-size: 14px;
	color: #656565;
	text-align: left;
	padding-top: 20px;
}

.aboutusinfo h5 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	color: #313131;
}

.abouticon {
	background: url(../img/aboutusicon.png) no-repeat -50px top;
	width: 450px;
	height: 191px;
}

.aboutphone p {
	color: #313131;
}

.feedbacktitle {
	color: #494949;
	font-size: 18px;
	padding-top: 30px;
}

.feediput {
	width: 100%;
	height: 200px;
	border: 1px solid #c3c3c3;
	margin-top: 20px;
	font-size: 14px;
	color: #313131;
}

.feediputdis {
	color: #a4a3a3;
}

.feedbtn {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	width: 100px;
}

#warnTotal {
	color: #fc572a;
	font-size: 16px;
}

.starsmain {
	height: 100%;
	background: url(../img/open.png) no-repeat center right;
	cursor: pointer;
	margin-right: 20px;
}

.stars {
	width: 14px;
	height: 100%;
	background: url(../img/stars.png) no-repeat center center;
}

.nostars {
	width: 14px;
	height: 100%;
	background: url(../img/nostars.png) no-repeat center center;
}

.halfstars {
	width: 14px;
	height: 100%;
	background: url(../img/halfstars.png) no-repeat center center;
}

.starsnow {
	width: 75px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.cont_date #li_pre,.cont_date #li_next {
	color: #0884e3;
}

.segtitle {
	padding: 0px;
	text-align: left;
	min-height: 60px;
}

.segtitletop {
	background: #edf5f6 url(../img/block_top.png) repeat-x left bottom;
}

.segtitlebottom {
	background: #edf5f6 url(../img/block_top.png) repeat-x left top;
}

.segdateinput {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding-right: 16px;
	color: #345965;
	border: 1px solid #bcc8d1;
	height: 28px;
	line-height: 28px;
	min-width: 160px;
	margin-top:10px;
	margin-left:10px;
}

.segtitlebottom>span {
	padding-right: 10px;
}

.segpd {
	padding: 0px 10px;
}

.segtitle>span {
	font-size: 17px;
	color: #0884e3;
	line-height: 60px;
}

.segdiv {
	position: relative;
}

.segselect {
	background: url(../img/segselect.png) repeat-x center center;
	height: 30px;
	line-height: 30px;
	position: relative;
	cursor: pointer;
	border: 1px solid #bcc8d1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 5px;
	width: 100px;
	color: #345965;
	padding-left: 10px;
	padding-right: 20px;
}

.segselectinput {
	background: #fff;
	padding: 0px;
}

.segitem .segselectinput input {
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-right: 16px;
	color: #345965;
	height: 25px;
}

.segitem .segselectinput .inputmore {
	background: url(../img/segselect.png) repeat-x center center;
	cursor: pointer;
}

#groupCond .segselect {
	margin-top:13px;
}

.segselect span {
	float: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	width: 100%;
	overflow-x: hidden;
	text-align: left;
}

.segselect .arrow {
	background: url(../img/segselectarrow.png) no-repeat center center;
	height: 8px;
	width: 18px;
	position: absolute;
	top: 10px;
	right: 5px;
}

.segselect ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 1px solid #bcc8d1;
	position: absolute;
	z-index: 10001;
	top: 30px;
	left: -1px;
	display: none;
	width: 100%;
	max-height: 256px;
	overflow-y: auto;
	overflow-x: hidden;
	background: #e9f2f3;
}

.segselect ul li {
	width: 100%;
	border-bottom: 1px solid #d1e6ea;
	border-top: 1px solid #f7f7f7;
	text-align: left;
	padding-left: 5px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	font-size: 16px;
	padding-right: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.segselect .liseleced {
	color: #fc572a;
}

.seginfo {
	padding-top:15px;
}
.seginfo em{
	color:#fc572a;
}
.seginfocont {
	float: left;
	width: 90%;
}

.labeloper {
	width: 100px;
	float: left;
	position: relative;
	height: 100%;
	overflow: hidden;
}

.labeloper .line {
	position: absolute;
	top: 0px;
	left: 50px;
	width: 1px;
	background: #bcc8d1;
	height: 100%;
}

.labeloper .hline {
	position: absolute;
	top: 0px;
	left: 50px;
	width: 65px;
	height: 25px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #bcc8d1;
}

.seg_label {
	display: block;
	width: 80px;
	padding: 7px 0;
	background: #dfe2ec;
	border: 1px solid #ccd1dd;
	margin-bottom: 36px;
	color: #747d94;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	position: relative;
	visibility: hidden;
}

.segitemcont {
	margin-left:-10px;
}

.vline {
	position: absolute;
	top: 43px;
	left: 45px;
	width: 1px;
	background: #bcc8d1;
	min-height: 46px;
}

.seginfo .vline {
	top: 60px;
	min-height: 30px;
	height: 100%;
}

.segitem {
	text-align: left;
	height: 40px;
	padding-top: 10px;
}

.rule>*,.disinline {
	vertical-align: top;
	float: left;
}

.labeloper .toggle {
	width: 74px;
	margin: 0 auto;
	height: 34px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	padding-top: 8px;
}

.labeloper .toggle.ornow .and {
	background: url(../img/segand_2.png) no-repeat center center;
	width: 37px;
	height: 100%;
}

.labeloper .toggle.ornow .or {
	background: url(../img/segor_1.png) no-repeat center center;
	width: 37px;
	height: 100%;
}

.labeloper .toggle .and {
	background: url(../img/segand_1.png) no-repeat center center;
	width: 37px;
	height: 100%;
}

.labeloper .operbtn {
	background: url(../img/by.png) no-repeat center center;
	width: 100%;
	height: 34px;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
	color: #747d94;
	text-align: center;
	line-height: 34px;
	position: relative;
	margin-top: 16px;
}

.labeloper .toggle .or {
	background: url(../img/segor_2.png) no-repeat center center;
	width: 37px;
	height: 100%;
}

.segbluebtn {
	background: url(../img/segbluebtn.png) repeat-x center center;
	height: 32px;
	width: 80px;
	color: #fff;
	box-shadow: 0px 1px 2px #aab0b1;
	line-height: 32px;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 17px;
	cursor: pointer;
}

.showsegsel {
	height: 30px;
	line-height:30px;
	color:#345965;
	cursor: pointer;
	float: left;
	margin-top: 15px;
}

.shwosegseldis {
	background: url(../img/addsegbtn2.png) no-repeat center center;
	cursor: default;
}

.removeSeg {
	display: block;
	background: url(../img/del_seg.png) no-repeat center center;
	height: 32px;
	width: 30px;
	float: right;
}

.removeSeg:hover {
	background: url(../img/delhover_seg.png) no-repeat center center;
}

.addSeg {
	display: block;
	background: url(../img/segAdd.png) no-repeat center center;
	height: 32px;
	width: 30px;
	float: right;
}

.addSeg:hover {
	background: url(../img/segAddnow.png) no-repeat center center;
}

.tiptxt {
	padding: 0px 10px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: #e1eced;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: left;
	vertical-align: top;
	text-align: center;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
	margin-right: 5px;
}

.segitem input {
	vertical-align: top;
	height: 28px;
	line-height: 28px;
	border: 1px solid #bcc8d1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 80px;
	padding-left: 3px;
	outline: none;
	box-shadow: none;
}

.seltitlename {
	width: 100px;
	height: 100%;
	font-size: 17px;
	color: #0884e3;
	text-align: left;
	line-height: 60px;
}

.selspanw {
	text-align: center;
	float: left;
}

.showchart {
	background: #f5f9f9;
	border: 1px solid #45a0ec;
	box-shadow: 0px 3px 5px #e6e6e6;
	font-size: 14px;
	color: #345965;
	position: absolute;
	left: 80px;
	top: 0px;
	width: 600px;
	display: none;
	z-index: 100;
}

.showchart ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	max-height: 192px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 5px;
}

.showchart ul li {
	float: left;
	width: 25%;
	text-align: left;
	vertical-align: top;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.showchart ul li input {
	float: left;
	margin-top: 12px;
}

.showchart ul li div {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.showchart .checked {
	color: #fc572a;
}

.showchart #chartselipt {
	height: 20px;
	width: 150px;
	line-height: 20px;
	border: 1px solid #bcc8d1;
}

#selgroupstitle {
	margin: 12px 0px;
	line-height: 30px;
	width: 55%;
}

#selgroupstitle ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	overflow: hidden;
}

#selgroupstitle ul li {
	float: left;
}

#selgroupstitle ul span {
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 120px;
	float: left;
	padding-left: 10px;
	overflow: hidden;
	display: inline-block;
	color: #345965;
}

#selgroupstitle ul a {
	background: url(../img/del_seg.png) no-repeat center bottom;
	height: 20px;
	width: 20px;
	display: inline-block;
}

#selgroupstitle ul a:hover {
	background: url(../img/delhover_seg.png) no-repeat center bottom;
}

@media screen and (max-width:1250px) {
	#selgroupstitle {
		margin: 12px 0px;
		line-height: 30px;
		width: 45%;
	}
	#selgroupstitle ul span {
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 100px;
		float: left;
		padding-left: 10px;
		overflow: hidden;
		display: inline-block;
		color: #345965;
	}
}

.favorBtn {
	width: 150px;
	border: 1px solid #bcc8d1;
	font-size: 14px;
	color: #46565c;
	margin-top: 10px;
}

.favorBtn a,.favorBtn a:hover,.favorBtn .dateBtnActive {
	border: none;
}

.favoriteInfo {
	width: 405px;
	position: absolute;
	top: 25px;
	right: 0px;
	display: none;
	z-index: 5;
}

.favoriteTop {
	width: 100%;
	height: 11px;
	background: url(../img/targettop.png) no-repeat center center;
}

.favoriteTop1 {
	background: url(../img/targettop1.png) no-repeat center center;
}

.favoriteMid {
	width: 100%;
	min-height: 50px;
	background: url(../img/targetmid.png) repeat-y center center;
	overflow: hidden;
}

#favList .favoriteMid {
	min-height: 32px;
}

.favoriteMid .favlist {
	background: #edf5f6;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0px 4px;
}

.favlist ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	overflow: hidden;
	border-top: 1px solid #d1e6ea;
	border-bottom: 1px solid #f7f7f7;
}

.favlist ul li {
	float: left;
	height: 30px;
	line-height: 30px;
}

.favlist  .first {
	border-top: none;
}

.favlist ul .li1 {
	padding-left: 10px;
	width: 250px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.favlist ul .linow {
	color: #fc572a;
}

.favlist ul .li2 {
	width: 80px;
	text-align: center;
}

.favlist ul .li3 {
	width: 30px;
	padding-right: 10px;
	float: right;
}

.favoriteBottom {
	width: 100%;
	height: 9px;
	background: url(../img/targetbtm.png) no-repeat center center;
}

.favoriteMid input {
	height: 30px;
	line-height: 30px;
	width: 250px;
	float: left;
	margin: 5px 10px;
	font-size: 14px;
	color: #46565c;
	border: none;
	background: transparent;
}

.favoriteMid .noinput {
	color: #adbabc;
}

#favList .removeSeg:hover {
	background: url(../img/delhover_seg.png) no-repeat center center;
}

.segerror {
	color: #fc572a;
	line-height: 60px;
	padding-left: 10px;
	display: none;
}

.labeltip {
	color: #fc572a;
	font-size: 22px;
	line-height: 40px;
	font-weight: bold;
	visibility: hidden;
}

.favstarbtn {
	background: url(../img/favstar.png) no-repeat center center;
	width: 49px;
	height: 23px;
}

.docContent {
	background: #c9d8dd;
	width: 100%;
	overflow: hidden;
}

.docpadding {
	padding-top: 30px;
}

.docmeau {
	background: url(../img/docmeau.png) repeat-y center center;
	width: 225px;
	height: 100%;
	float: left;
	text-align: left;
	position: fixed;
}

.docmeau ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.docmeau ul .first {
	border-top: 1px solid #d1e6ea;
}

.docmeau ul li {
	border-bottom: 1px solid #d1e6ea;
	border-top: 1px solid #f7f7f7;
}

.docmeau ul a {
	height: 40px;
	line-height: 40px;
	color: #46565c;
	font-size: 14px;
	padding-left: 50px;
	text-decoration: none;
}

.docmeau ul li:hover,.docmeau ul .active,.infaceActive {
	background: url(../img/docmeauactive.png) repeat-y center center;
	text-shadow: 0px 1px 0px #fff;
}

.docmain {
	width: 1100px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
	min-height: 900px;
}

.docmeautitle {
	background: url(../img/docicon.png) no-repeat left center;
	height: 35px;
	line-height: 35px;
	margin-left: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #46565c;
	padding-left: 30px;
	text-shadow: 0px 1px 0px #fff;
}

.docConInfo {
	width: 594px;
	padding-right: 38px;
	padding-left: 38px;
	float: left;
	border-right: 1px solid #e3e2e2;
	line-height: 25px;
	margin-left: 225px;
	position: relative;
}

.docMeauAcor {
	padding-left: 20px;
	float: left;
	position: fixed;
	margin-left: 905px;
}

.docMeauAcor ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}

.docMeauAcor ul a {
	text-decoration: none;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	color: #2c9ae3;
}

.docMeauAcor ul a:hover,.docMeauAcor ul .active {
	text-decoration: underline;
}

.docnoticetitle {
	font-size: 20px;
	font-weight: bold;
	color: #2c9ae3;
	width: 100%;
	text-align: center;
}

.docbluebtn {
	height: 32px;
	background: url(../img/docbluebtn.png) repeat-x center center;
	line-height: 32px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	cursor: pointer;
	width: 100px;
}

.targetInfo {
	background: #ddecf0;
	font-size: 16px;
	color: #46565c;
	padding: 0px 10px 10px 10px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.targetInfo .targetInfotitle {
	height: 50px;
	line-height: 50px;
}

.targetInfo .targetInfotitle span {
	font-weight: bold;
	float: left;
}

.targetInfo .combtn {
	width: 70px;
	font-size: 14px;
	color: #46565c;
	padding: 0px;
	margin-top: 10px;
}

.targetInfoContent {
	height: 100px;
}

.targetInfo .targetUser {
	background: #eff6f7;
	margin-bottom: 10px;
	height: 130px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d3e1e5;
}

.targetInfo .targetUser>p {
	height: 30px;
	line-height: 30px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	padding-left: 10px;
}

.targetInfoContent .item {
	width: 24.5%;
	height: 100%;
	background: #fff;
	float: left;
	margin-right: 0.6%;
	overflow: hidden;
}

.targetInfo .targetUser .item {
	height: 100px;
}

.targetInfo .targetUser .removeSeg {
	width: 13px;
	height: 13px;
}

.targetInfo .targetUser .item .dateipt {
	margin-left: 0px;
}

.targetInfoContent .last {
	margin-right: 0px;
}

.targetInfoContent .additem {
	width: 24.5%;
	height: 100px;
	float: left;
}

.targetInfoContent .additembtn {
	width: 100%;
	height: 100%;
	background: url(../img/addtarget.png) no-repeat center center;
	cursor: pointer;
}

.targetInfoContent .item>p {
	padding: 0px;
	margin: 0px;
	padding-top: 15px;
	text-align: left;
	padding-left: 10px;
}

.targetInfoContent .item .inputinfo {
	padding-left: 10px;
	text-align: left;
	margin-top: 20px;
}

.targetInfoContent .item .retioninfo {
	text-indent: 0;
	text-align: center;
	margin-top: 0px;
}

.targetInfoContent .item .retioninfo p {
	margin: 0px;
	margin-bottom: 7px;
	padding: 0px;
}

.targetInfoContent .item .retioninfo .combtn {
	margin: 0 auto;
	height: 20px;
	line-height: 20px;
}

.targetInfoContent .inputval {
	width: 110px;
	border: none;
	border-bottom: 1px solid #46565c;
	height: 20px;
	outline: none;
	color: #46565c;
	font-size: 14px;
	text-align: center;
}

.targetInfoContent .inputno {
	font-size: 14px;
	color: #99a5a7;
	text-align: left;
}

.targetRetationInfo {
	width: 600px;
	color: #46565c;
	display: none;
	position: absolute;
	top: 110px;
	left: 50%;
	margin-left: -300px;
	z-index: 1000;
}

.targetRetationInfo .reTitle {
	height: 50px;
	background: #edf5f6;
	line-height: 50px;
	border-bottom: 1px solid #bed4da;
}

.targetRetationInfo .reContent {
	background: #fff;
	min-height: 260px;
}

.targetRetationInfo .reContent .reInfo {
	padding-top: 20px;
}

.reContent .reInfo p {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 14px;
	padding-left: 30px;
}

.reContent .reInfo .pad {
	margin-left: 50px;
	margin-top: 15px;
}

.targetRetationInfo .reTitle span {
	font-size: 17px;
	float: left;
	padding-left: 20px;
}

.targetRetationInfo .reTitle .removeSeg {
	width: 50px;
	height: 50px;
}

.targetRetationInfo .reFoot {
	height: 70px;
	background: #edf5f6;
	line-height: 70px;
}

.targetRetationInfo .reFoot .combtn {
	width: 60px;
	margin-top: 20px;
	font-size: 14px;
}

.reinfoTable {
	border-collapse: collapse;
	width: 90%;
	margin: 0 auto;
	margin-top: 10px;
}

.reinfoTable th {
	background: #c1e2e9;
	border: 1px solid #dfeaec;
	width: 50px;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
}

.reinfoTable td {
	background: #fff;
	border: 1px solid #dfeaec;
	height: 30px;
	line-height: 30px;
}

.reinfoTable td input {
	width: 40px;
	border: none;
	border-bottom: 1px solid #46565c;
	outline: none;
	color: #46565c;
	text-align: center;
}

.reInfo .inputNum,.selretionInfo .loolreData .inputNum {
	margin-left: 5px;
	height: 25px;
	line-height: 25px;
	border: none;
	border-bottom: 1px solid #46565c;
	color: #46565c;
	width: 60px;
	outline: none;
	text-align: center;
}

.selretionInfo {
	position: relative;
}

.selretionInfo .loolreData {
	position: absolute;
	top: 38px;
	right: 0px;
	z-index: 5;
	width: 520px;
	background: #fff;
	border: 2px solid #c1e2e9;
	padding-bottom: 10px;
	display: none;
}

.selretionInfo .loolreData .reinfoTable {
	margin-top: 0px;
	width: 100%;
}

.selretionInfo .targetArrow {
	background: url(../img/targetArrow.png) no-repeat center center;
	width: 12px;
	height: 10px;
	float: right;
	margin-top: -12px;
	margin-right: 20px;
}

.targetInfoTipInfo {
	color: #fc572a;
	font-size: 16px;
	margin-left: 20px;
}

.chartSelInfo {
	width: 213px;
	border: 1px solid #bcc8d1;
	font-size: 14px;
	color: #46565c;
	border-right: none;
	margin-top: 11px;
	margin-right: 11px;
}

.chartSelInfo a {
	width: 70px;
}

.realtime {
	width: 60px;
	height: 35px;
	background: #daeef4 url(../img/realtime_1.png) no-repeat center 10px;
	font-size: 10px;
	font-weight: bold;
	color: #0884e3;
	float: left;
	padding-top: 25px;
	padding-left: 2px;
	letter-spacing: 3px;
	border-right: 1px solid #dadee4;
	border-bottom: 1px solid #dadee4;
	text-align: center;
	margin-left: -20px;
	margin-top: -10px;
	margin-right: 10px;
}

.drawInfoBtn .realtimewidth {
	width: 95px;
}

.realtimebtn {
	background: url(../img/realtime_2.png) no-repeat 3px center;
	height: 23px;
	padding-left: 25px;
}

.btnbgstyle {
	overflow: hidden;
	background: #edf5f6;
}

.selectChart {
	width: 300px;
	min-width: 200px;
	margin: 10px 0px;
}

.loolreDataDrawInfo {
	width: 634px;
	height: 342px;
	position: absolute;
	z-index: 100000;
	top: 110px;
	left: 50%;
	display: none;
	background: #fff;
	margin-left: -330px;
}

.loolreDataDrawInfo .dataDraw {
	
}

.guidebtn {
	background: url(../img/guide.png) repeat-x center center;
	border: 1px solid #bcc8d2;
	font-size: 14px;
	color: #46565c;
	height: 25px;
	line-height: 25px;
	width: 80px;
	text-align: center;
	border-radius: 3px;
	margin-top: 19px;
	margin-right: 15px;
	cursor: pointer;
}

.guidewin {
	width: 932px;
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -470px;
	z-index: 1000;
	display: none;
}

.guidewin .guidetitle {
	background: #d1d7dd;
	height: 70px;
	border-bottom: 1px solid #fff;
	padding-top: 20px;
	padding-right: 80px;
	overflow: hidden;
}

.guidewin .guidetitle .name {
	font-size: 22px;
	color: #404040;
	float: left;
	width: 150px;
	text-align: center;
}

.guidewin .guidetitle .cont {
	font-size: 14px;
	font-weight: bold;
	color: #7e7d7d;
	float: left;
	width: 700px;
	text-align: left;
	padding-top: 5px;
}

.guidecont {
	max-height: 470px;
	overflow-y: auto;
	overflow-x: hidden;
}

.guidestudy {
	background: url(../img/segmentAll.png) no-repeat;
	height: 758px;
}

.guidevideobtn {
	font-size: 15px;
	width: 100px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	margin-top: -10px;
}

.removeGuide {
	display: block;
	height: 15px;
	width: 14px;
	position: absolute;
	top: 7px;
	right: 10px;
	background: url(../img/guideclose.png) no-repeat;
}

.drawTableline {
	position: relative;
	overflow: hidden;
	margin-top: 15px;
}

.drawTableline .drawInfo {
	position: absolute;
	top: 30px;
	right: 9px;
	min-height: 0px;
}

.chartable {
	border-collapse: collapse;
	line-height: 30px;
	margin-bottom: 50px;
	color: #46565c;
	font-size: 12px;
	border-top: 1px solid #ccc;
}

.chartable th {
	border: 1px solid #dfeaec;
	font-weight: normal;
	white-space: nowrap;
	background: #c1e2e9;
	padding: 0 5px;
	height: 44px;
	line-height: 44px;
	font-family: Arial
}

.chartable td {
	border: 1px solid #dfeaec;
	white-space: nowrap;
}

#chartabletitle {
	max-width: 100px;
	width: 100px\9;
	table-layout: fixed;
}

#chartabletitle td {
	background: #edf5f6;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100px;
	-o-text-overflow: ellipsis;
}

#chartabletitle th {
	font-family: 微软雅黑;
}

.chartable .tdyes {
	background: #fff498;
}

.charttableTitle {
	float: left;
	margin-top: 15px;
}

.charttableTitle td {
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	border-right: none;
}

.charttableTitle th {
	border-right: none;
}

.dayreportTable .listInfoTable table th {
	border-top: 1px solid #89c3d4;
	border-bottom: 1px solid #89c3d4;
	height: 50px;
	line-height: 50px;
	font-size: 12px;
	color: #46565c;
	background: #daeef4;
	font-weight: bold;
}

.dayreportTable .listInfoTable table .thdarkbg {
	background: #c1e2e9;
	color: #046d96;
}

.dayreportTable .listInfoTable table .thdarkborder {
	border-right: 1px solid #89c3d4;
}

.dayreportTable .listInfoTable table td {
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	height: 38px;
	line-height: 38px;
}

.dayreportTable .listInfoTable table .tdfir {
	color: #59a5bd;
	font-family: "微软雅黑";
}

.dayreportTable .listInfoTable table .titletr {
	background: #dce3e7;
	font-weight: bold;
	font-size: 12px;
	color: #6b787d;
	height: 21px;
	line-height: 21px;
	text-align: left;
	padding-left: 30px;
	font-family: "微软雅黑";
}

.dayreportTable .listInfoTable .tdodd {
	background: #f8fbfb;
}

.dayreportTable .listInfoTable .tdBgColor {
	background: #fff;
	border-bottom: 1px solid #e5e8e1;
}

.activemodeltitle {
	background: #edf5f6;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	height: 60px;
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 47px;
	padding-right: 0px;
}

.activespantitle {
	font-size: 17px;
	color: #46565c;
}

.activespantitle1 {
	font-size: 17px;
	cursor: pointer;
	color: #0884e3;
}

.activespanborder1 {
	border-left: 1px dotted #a0aa96;
	border-bottom: 1px dotted #a0aa96;
	margin-left: 100px;
	text-align: left;
	padding-left: 20px;
	background: #edf5f6;
}

.activespanborder2 {
	border-right: 1px dotted #a0aa96;
	border-bottom: 1px dotted #a0aa96;
	text-align: center;
	background: #edf5f6;
	width: 100px;
}

.activespanborder3 {
	width: 100px;
	background: #fff;
	text-align: center;
}

.activespanborder4 {
	border-left: 1px dotted #a0aa96;
	border-bottom: 1px dotted #a0aa96;
	margin-left: 201px;
	text-align: left;
	padding-left: 20px;
	background: #edf5f6;
}

.activemodeltable {
	border-collapse: collapse;
	width: 100%;
	margin: 0 auto;
}

.activemodeltable th {
	background: #c0e2e9;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #8fc7d8;
	padding-left: 10px;
}

.activemodeltable td {
	height: 45px;
	line-height: 45px;
	text-align: left;
	padding-left: 20px;
	font-size: 14px;
	color: #46565c;
}

.activemodeltable .tdbackground {
	background: #edf5f6;
}

.activemodelbtn {
	background: url(../img/guide.png) repeat-x center center;
	border: 1px solid #bcc8d2;
	font-size: 12px;
	color: #46565c;
	height: 25px;
	line-height: 25px;
	width: 80px;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
	font-weight: normal;
}

.activemodeltable .activemodelbtn {
	float: left;
	margin-right: 10px;
}

.activemodeltable th .activemodelbtn {
	float: right;
}

.activemodeltable .activemodelbtn span {
	width: 50%;
	text-align: center;
	display: block;
	float: left;
}

.activemodeltable .activemodelbtn .spanhover {
	background: url(../img/onoffbtn.png) repeat-x center center;
	color: #449ee9;
	cursor: default;
}

.activemodelAddbtn {
	background: url(../img/model.png) repeat-x center center;
	font-size: 14px;
	color: #fff;
	height: 27px;
	line-height: 27px;
	width: 120px;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
	font-weight: bold;
}

.activeinfotitle {
	height: 50px;
	line-height: 50px;
	text-align: left;
}

.activeinfotitle span {
	padding-left: 5px;
}

.activeinfoitem {
	border: 1px solid #d1e2e3;
	background: #edf5f6;
	margin-bottom: 20px;
}

.activemoreinfo {
	background: #ddecf0;
}

.activemoreinfoitem {
	margin: 0px 10px 15px;
}

.activemoreinfo .activemoreinfoitem .iteminfo {
	background: #edf5f6;
	border-bottom: 1px dotted #dcdcdc;
	width: 100%;
	padding: 25px 10px;
	line-height: 25px;
}

.activeinfoitem>span {
	font-size: 16px;
	color: #46565c;
	text-align: left;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: #ddecf0;
	display: block;
	text-indent: 1em;
	font-weight: bold;
}

.activeinfodetail {
	background: #edf5f6;
	overflow: hidden;
}

.activeinfodetail .iteminfo {
	width: 70%;
	margin: 0 auto;
	overflow: hidden;
	color: #46565c;
	line-height: 30px;
	padding-bottom: 20px;
	margin-top: 15px;
}

.activeinfodetail .iteminfo1 {
	width: 80%;
	overflow: hidden;
	color: #46565c;
	line-height: 30px;
	padding-bottom: 20px;
	margin-top: 15px;
	margin-left: 110px;
}

.activeinfodetail .iteminfo>span {
	display: block;
	float: left;
	padding-right: 50px;
}

.activeinfodetail .iteminfo .itemipt {
	border: 1px solid #dcdcdc;
	width: 280px;
	height: 20px;
}

.activeinfodetail .iteminfo .itemipt1 {
	border: 1px solid #dcdcdc;
	width: 186px;
	height: 20px;
}

.activeinfodetail .iteminfo .itemarea {
	border: 1px solid #dcdcdc;
	width: 280px;
}

.activeinfodetail .iteminfo .itemarea1 {
	border: 1px solid #dcdcdc;
	width: 186px;
}

.activeinfodetail .iteminfo .ckxinfo {
	line-height: 30px;
	width: 60%;
	float: left;
	padding-right: 0px;
}

.activeinfodetail .iteminfo .ckxinfo .dateoper {
	width: 100px;
	float: left;
}

.ckxinfo .dateoper .showsegsel {
	margin-top: 0px;
}

.ckxinfo .dateoper .removeSeg {
	height: 22px;
}

.activeinfodetail .iteminfo .ckxinfomore {
	width: 80%;
}

.activeinfodetail .iteminfo .ckxinfo .dateitem {
	width: 470px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 5px;
	height: 30px;
}

.activeinfodetail .iteminfo .activemodeldel {
	margin-right: 30px;
}

.activeinfodetail .iteminfo .activemodeledit {
	margin-right: 20px;
}

.activeinfodetail .iteminfo ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	overflow: hidden;
	width: 100%;
}

.activeinfodetail .iteminfo ul li {
	width: 49%;
	float: left;
	text-align: left;
}

.activeinfodetail .iteminfo .serverul li {
	width: 24%;
}

.activeinfodetail .bottombtn {
	height: 45px;
	width: 90px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 20px;
}

.activeinfodetail .bottombtn .activemodelAddbtn {
	width: 80px;
}

.activeinfoitem .btnstyle {
	width: 100px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.activeError {
	font-size: 14px;
	color: #fc572a;
}

#addModelDetailInfo .saveInfoBtn {
	width: 300px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 20px;
}

.upbtn {
	background: url(../img/down.png) no-repeat center center;
	height: 20px;
	width: 20px;
	cursor: pointer;
	margin: 0px 5px;
}

.downbtn {
	background: url(../img/up.png) no-repeat center center;
	height: 20px;
	width: 20px;
	cursor: pointer;
}

.interfacepage {
	float: right;
	margin-left: 225px;
	background: #fff;
	min-height: 100%;
	position: absolute;
	overflow: hidden;
	left: 0px;
	right: 0px;
}

#docmainover {
	width: 100%;
}

.interfacepage .listTable {
	min-height: 900px;
	padding: 20px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}

.interfacepage .interTable {
	border: 1px solid #89c3d4;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border-padding: 0px;
}

.interfacepage .interTable th {
	height: 50px;
	line-height: 50px;
	color: #0f6088;
	font-size: 16px;
	font-weight: bold;
	background: #c1e2e9;
	border-right: 1px solid #b3d7e1;
}

.interfacepage .interTable td {
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #46565c;
	border: 1px solid #eceee9;
	border-top: none;
	border-left: none;
	text-align: left;
	padding-left: 10px;
}

.interfacepage .interTable td .posDiv {
	position: relative;
	width: 100%;
}

.interfacepage .interTable td.moreinfo {
	line-height: 23px;
}

.interfacepage .interTable tr.odd {
	background: #f1f7f7;
}

.interfacepage .interTable .normaltr {
	display: none;
}

.interfacepage .interTable tr.trtitle {
	background: #dce3e7;
}

.interfacepage .interTable tr.trtitle td {
	padding-left: 20px;
	text-align: left;
	border: 1px solid #b3d7e1;
	color: #6b787d;
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
}

.interfacepage .interTable tr.even {
	background: #f8fbfb;
}

#docmainover .interfacepage .interTable tr.smeautr .posDiv {
	padding-left: 10px;
}

.interfacepage .interTable tr.meautr td,.interfacepage .interTable tr.nomeautr td
	{
	background: #e7f1f2;
	border: 1px solid #b3d7e1;
	padding-left: 20px;
	cursor: pointer;
}

.interfacepage .interTable td.firstTitle {
	background: #e7f1f2;
	border: 1px solid #b3d7e1;
	padding-left: 20px;
	line-height: 30px;
	vertical-align: top;
	position: relative;
	cursor: pointer;
}

.interfacepage .interTable th:first-child {
	min-width: 150px;
	width: 150px\9;
}

.interfacepage .interTable .odd td:last-child,.interfacepage .interTable .even td:last-child
	{
	border-right: 1px solid #b3d7e1;
}

.interfacepage .interTable tr:last-child td,.interfacepage .interTable td.lasttd
	{
	border-bottom: 1px solid #b3d7e1;
}

.interfacepage .interTable td a {
	display: block;
	color: #59a5bd;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	margin-left: -10px;
	height: 100%;
	vertical-align: middle;
}

.interTable td .arrowb {
	background: url(../img/i_l.png) no-repeat center center;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 10px;
	left: 110px;
}

.interTable td .arrowl {
	background: url(../img/i_b.png) no-repeat center center;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 13px;
	left: 110px;
}

.interfacepage .interTable td.secondTitle {
	color: #85949a;
	padding-left: 30px;
}

.interTable .imgtr {
	height: auto;
}

.interTable .imgtr td {
	padding: 0px;
}

.interTable td .arrow {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #c5c5c5;
	position: absolute;
	bottom: -2px;
	left: 50%;
	margin-left: -15px;
	display: none;
	z-index: 2;
}

.interTable .imgtr div {
	background: #dee1e3;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 2px solid #c5c5c5;
}

.interTable .imgtr div img {
	margin: 0 auto;
}

.interfaceDiv {
	padding-left: 20px;
	border-bottom: 1px solid #d1e6ea;
}

.interfaceTitle {
	background: url(../img/interface.png) no-repeat left center;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
	color: #46565c;
	padding-left: 30px;
	text-shadow: 0px 1px 0px #fff;
	cursor: pointer;
	display: block;
	text-decoration: none;
}

.testinfo {
	min-height: 300px;
	background: #fff;
	padding: 30px;
	border-top: 2px solid #c5c5c5;
	padding-left: 20%;
	padding-top: 0px;
}

.testinfo ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.testinfo ul li {
	height: 30px;
	line-height: 30px;
	padding-top: 15px;
}

.testinfo ul li input {
	width: 300px;
	height: 35px;
	border: none;
	border-bottom: 1px solid #dedede;
	outline: none;
	font-size: 14px;
	color: #46565c;
}

.testinfo ul li input.noipt {
	color: #dedede;
	font-style: italic;
}

.testinfo ul li span {
	width: 100px;
	text-align: right;
	height: 100%;
	display: block;
	float: left;
	padding-right: 20px;
}

.interfacepage .interTable .testinfoTr td {
	padding: 0px;
}

.testinfo .docbluebtn {
	margin-left: 40px;
	margin-top: 30px;
}

.testinfo fieldset {
	border: 1px solid #dedede;
	border-radius: 5px;
	min-height: 200px;
	margin-left: 40px;
	margin-bottom: 20px;
	margin-top: 15px;
}

.testinfo fieldset legend {
	font-weight: bold;
	padding: 0px 10px;
	font-size: 16px;
}

.testinfo fieldset .resultinfo {
	padding-left: 15px;
	line-height: 25px;
}

.copyright {
	text-align: center;
	width: 100%;
	color: #313131;
	font-size: 14px;
	height: 70px;
	line-height: 70px;
}

.copyright a {
	color: #313131;
	text-decoration: none;
}

.copyright a:hover {
	text-decoration: underline;
}

.smallDrawInfo {
	float: left;
	width: 16.5%;
	padding-bottom: 10px;
}

.smallDrawInfo .title {
	height: 30px;
	line-height: 30px;
	background: #daedf2;
	color: #345965;
	border: 1px solid #dedede;
	border-bottom: none;
	margin-right: 10px;
}

.smallDrawInfo .drawInfo {
	border: 1px solid #dedede;
	clear: none;
	min-height: 150px;
	height: 150px;
	margin-right: 10px;
}

.hot {
	background: url(../img/hot.png) no-repeat center center;
	width: 30px;
	height: 14px;
	display: inline-block;
	margin-left: 3px;
}

.new {
	background: url(../img/new.png) no-repeat center center;
	width: 30px;
	height: 14px;
	display: inline-block;
	margin-left: 3px;
}

.spliderChart {
	width: 500px;
	height: 250px;
	position: absolute;
	z-index: 99;
	background: #fff;
	border: 1px solid #d1d1d5;
	display: none;
}

.spliderChart .caretArrow {
	background: url(../img/hopNow.png) no-repeat;
	width: 13px;
	height: 26px;
	position: absolute;
	z-index: 2;
	top: 50%;
	margin-top: -13px;
	left: -13px;
}

.progressBox {
	height: 10px;
	margin: 5px auto;
	border: 1px solid #1aa0ed;
	font-size: 10px;
}

.progressBox .progress {
	background: #1aa0ed;
	height: 100%;
}

.tipDialog {
	position: absolute;
	background: #0099ff;
	width: 200px;
	line-height: 30px;
	height: 30px;
	margin-top: 20px;
	border-radius: 5px;
	text-align: center;
	top: 15px;
	left: 3px;
	color: #fff;
	display: none;
}

.tipDialog .tipDialogArrow {
	height: 0px;
	width: 0px;
	border-bottom: 16px solid #0099ff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position: absolute;
	top: -16px;
	left: 20%;
}

.dauserverTitle {
	height: 35px;
	line-height: 35px;
	width: 250px;
	margin: 0 auto;
	color: #345965
}

.dauserverTitle span em {
	padding: 0 5px;
}

.dauserverTitle .embtn {
	padding: 0 10px;
	cursor: pointer;
	color: #0884e3;
}

.daucase {
	background: #eff6f7;
	border: 1px solid #bfd4da;
	margin: 0px 15px;
	min-height: 600px;
	padding-top: 150px;
}

.daucase .halpitem {
	background: #ddecf0;
	border: 1px solid #bfd4da;
	width: 230px;
}

.daucase .halpitem:hover {
	background: #cbe9f1;
}

.daucase .halpitem .gamecase {
	background: url(../img/daucaseadd.png) no-repeat center center;
	width: 100%;
	height: 200px;
	cursor: pointer;
}

.daucase .halpitem  p {
	margin-top: 5px;
	font-size: 20px;
	color: #46565c;
	text-align: center;
}

.daucase .halpitem .hascase {
	background: url(../img/daucasefav.png) no-repeat center center;
	width: 100%;
	height: 200px;
	cursor: pointer;
}

.drawInfoTitle>span.normal,.drawTabspan {
	height: 100%;
	color: #345965;
	margin: 0px;
	height: 51px;
	line-height: 51px;
	background: #fff;
	cursor: pointer;
	padding: 0px 12px;
	margin-top: -2px;
}

.drawInfoTitle>span.hovertitle {
	border-top: 8px solid #a8dae4;
	margin-top: -10px;
	color: #0884e3;
	background: #edf5f6;
}
.drawTabMeau{
	height:50px;
	text-align:left;
	margin-left:7px;
	margin-top:15px;
	overflow:hidden;
}
.drawTabMeau .drawTabspan{
	border:1px solid #dedede;
	display:block;
	float:left;
	margin-top:0px;
	padding-top:8px;
	line-height:35px;
}
.drawTabMeau .drawTabspanHover {
	border-top: 8px solid #a8dae4;
	color: #0884e3;
	background: #edf5f6;
	padding-top:0px;
}
.myhopmain{
	height:400px;margin:0 auto;margin-top:30px;padding:30px 0px;text-align:center;overflow-x:auto;
}
.myhopcont {
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.myhopcont .hopitem {
	margin-right: 10px;
	width: 25px;
	background-color: #1aa0ed;
	position: absolute;
	bottom: 0px;
}

.myhopcont .hoparrow {
	background: url(../img/chartarrow.png) no-repeat center center;
	width: 38px;
	height: 30px;
	position: absolute;
	bottom: 15%;
	color: #656565;
	line-height: 30px;
	font-size:10px;
}

.myhopcont .hopitem em {
	font-style: normal;
	position: absolute;
	top: -20px;
	white-space: nowrap;
	color: #656565;
	left: 0px;
	font-size:12px;
}
.chanelAbtn{
	font-size:12px;
	color:#0884e3;
	text-decoration:none;
	cursor:pointer;
	padding-right:10px;
	padding-left:3px;
}
.chanelAbtn:hover{
	text-decoration:underline;
}
.trchildren{background:#e4e4e4;}
.contTip{color:#fc572a;font-size:14px;line-height:50px;text-align:left;display:none;}
.tempsmallBtn{width:70px;min-width:70px;margin-right:0px;margin-left:5px;font-size:14px;}
.moveInfoSel{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

.moveInfoSel li{width:50%;float:left;line-height:25px;}
#selectTempServer .moveInfoSel li{
	width:33%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.span_serv{cursor:pointer;}
.span_serv:hover{color:#0884e3;}
#smLine .drawInfo{height:200px;min-height:200px;border-bottom:1px solid #dedede;margin-top:15px;}
.smLineColumn{width:50px;margin:0 auto;background:#01a3e7;height:90%;position:absolute;bottom:0px;left:50%;}
.smLineColumn em{position:absolute;top:-20px;left:0px;color:#656565;}
.smallDrawInfo .title em{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display:block;
	width:100px;
	float:left;
}
.eventselUL{
	float:left;
	height:auto;
	width:85%;
}
.eventselUL ul{
	margin: 0px;
	padding: 0;
	list-style-type: none;
	min-height:30px;
	overflow: auto;
	font-size: 14px;
	padding-top: 5px;
}
.eventselUL ul li {
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 5px 5px;
	white-space: nowrap;
	margin-right: 0px;
}
.eventselUL ul li a {
	text-align: center;
	background: #efefef;
	display: block;
	color: #345965;
	text-decoration: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding:0px 3px;
	min-width: 85px;
}
.eventselUL ul li a:hover,.eventselUL ul li a.hover{
	background:#0884e3;
	color:#fff;
}
.stepnow{
	color:#0884e3;
}
.segcommon{
	height: 30px;
	line-height: 30px;
	color: #345965;
	margin-left: 5px;
	margin-top:10px;
	margin-bottom:-10px;
	font-size:14px;
}
#feedcontent textarea{
	height:300px;
	width:500px;
	border: 1px solid #ccc;
	margin-left: 15px;
	margin-top:30px;
}
#feedcontent .groupname{
	min-height:80px;
	height:auto;
	margin-bottom:0px;
	overflow:hidden;
}
#feedcontent .groupname.fileinput{
	line-height:25px;
	padding-top:10px;
}
#feedcontent .groupname.fileinput input{
	border:none;
	width:200px;
}
.feeditem{
	background: #fff;
	box-shadow: 0px -1px 0px #a4c1c8, 1px 0px 4px #a4c1c8, -1px 0px 4px
	 #a4c1c8, 0px 1px 7px #a4c1c8;
	margin-bottom:20px;
}
.feeditem .title{
	font-size: 17px;
	color: #0884e3;
	background: #edf5f6;
	height: 35px;
	line-height: 35px;
	padding-left:15px;
	text-align:left;
}
.feeditem .title span{
	float:right;
	margin-right:15px;
	line-height:35px;
}
.feeditem .content{
	padding:15px;
	position:relative;
}
.feeditem .content em{
	position:absolute;
	right:15px;
	top:10px;
	font-style:italic;
}
.feeditem .content p{
	margin:10px 0px;
	text-align:left;
	line-height:25px;
	color:#46565c;
}
.feeditem .content .imginfo{
	overflow:hidden;
	min-height:50px;
	text-align:left;
}
.feeditem .content .imginfo .showimg{
	height:50px;
	width:100px;
	text-align:center;
}
.feeditem .imginfo img{
	height:50px;
	width:100px;
	max-width:100%;
	cursor:pointer;
	border:none;
}
.feeditem .content .imginfo .filterspan{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:20;opacity:0;filter:alpha(opacity=0);}
.feeditem .imginfo .showimg.imgfocus{position:fixed;content:"";z-index:10;left:0;top:0;width:100%;height:100%;background-color:#000;outline:none;opacity:0.9;filter:alpha(opacity=90);}
.feeditem .imginfo .showimg.imgfocus img{position:absolute;z-index:11;left:0;top:0;right:0;bottom:0;width:auto;height:auto;margin:auto;}


#change-rate-c{
	margin: 30px 0;
	margin-left: 150px;
	position: relative;
}
#change-rate{
	position: relative;
}
#legend{
	position: absolute;
	top: 0px;
	left: -150px;
}
#legend .legend-item{
	height: 30px;
	line-height:30px;
	margin-top: 1px;
	opacity: 1;
	background-color: rgb(175, 230, 227);
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:150px;
	width:150px;
	text-align:right;
}
#change-rate-c .date-indicator{
	position: absolute;
	background-repeat: no-repeat;
	min-width: 80px;
	display:none;
	white-space:nowrap;
}
#change-rate-c #top-date-indicator{
	top: -30px;
	background-position: 50% 100%;
	background-image: url(../img/arrow-down-0.png);
	padding-bottom: 10px;
}
#change-rate-c #bottom-date-indicator{
	background-image: url(../img/arrow-up-0.png);
	bottom: -30px;
	background-position: 50% 0%;
	padding-top: 10px;
}
#change-rate-c .horizon {
	overflow: hidden;
	position: relative;
	border-top: solid 1px #f5f5f5;
	border-bottom: solid 1px #f5f5f5;
	opacity: 1;
	background:#F5F5F5;
	height:30px;
}
#change-rate-c .horizon .horizonDrawinfo{
	height:100%;
}
#change-rate-c .horizon+.horizon {
	border-top: none;
}
#change-rate-c .horizon .title, #change-rate-c .horizon .value {
	bottom: 0;
	top:0;
	line-height: 30px;
	position: absolute;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	white-space: nowrap;
}
#change-rate-c .horizon .title {
	margin: 0 6px;
	left: 0;
}
#change-rate-c .horizon .value {
	background-color: #fff;
	opacity:0.8;
	filter : alpha(opacity=80);
	right: 0;
	width: 80px;
	padding: 0 2px 0 8px;
	height: 100%;
	pointer-events: none;
	border-color: #333;
	text-align:left;
}
#change-rate-c .icon-goDown{
	display: inline-block;
}
.myhalfwd{
	width:46%;
}
@media screen and (max-width:1200px) {
	.myhalfwd{
		width:45%;
	}
}
.lookAllA{
	text-decoration:none;
	color:#428bca;
	float:right;
	cursor:pointer;
}
.chanSelBtn{
  height: 30px;
  background: #edf5f6;
  border: 1px solid #cfcfcf;
  text-align:left;
}
.chselA{
	display:block;
	float:left;
	border-right:1px solid #cfcfcf;
	padding:0px 15px;
	line-height:30px;
	cursor:pointer;
}
.chselA.hover{
	height:31px;
	background:#428bca;
	color:#fff;
}
.datecmpA{
	height:30px;
	line-height:30px;
}
.datecmpA a{
	text-decoration:none;
	display:block;
	float:left;
	color:#333;
	cursor:pointer;
	width:75px;
	border:1px solid #ccc;
}
.datecmpA a.hover{
	color:#fff;
	background:#428bca;
	border:1px solid #46b8da;
}
.drawinfoLeft{
	width:30%;
	float:left;
	clear:left;
}
.drawinfoRight{
	width:65%;
	float:right;
	display:none;
	clear:right;
}
.drawinfoRight .drawClose{
	background: url(../img/del_seg.png) no-repeat center bottom;
	width:20px;
	height:20px;
	float:right;
	cursor:pointer;
}
.drawinfoRight .drawClose:hover{
	background: url(../img/delhover_seg.png) no-repeat center bottom;
}
.help-tips {
  background: #FFF;
  line-height: 22px;
  font-size: 14px;
  padding: 20px;
  position: relative;
  margin-bottom:5px;
  color:#333;
}
.help-tips ol{
  margin: 0;
  padding: 0;
}
.help-tips li {
  list-style: disc;
  margin: 8px 30px;
  padding: 0;
  text-align:left;
}