*{
	padding:0px;
	margin:0px;
	box-sizing: border-box;
}
.tradingMain{
	width: 1150px;
	margin: 0 auto;
	color: #535353;
	
}
.tradingMain a{
	text-decoration: none;
}
.plr75{
	padding: 0 0.75rem;
}
.tradingTitle{

	height: 45px;
	line-height: 45px;
	background: #f9f9f9;
	border-bottom: 1px solid #d3d3d3;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tradingTitle_left > a{
	color: #939393;
	font-size: 11px;
	margin-right: 10px;
}
.tradingTitle_right{
	position: relative;
	width: 220px;
	display: flex;
	align-items: center;
}
.tradingTitle_right  .icon-search{
	position: absolute;
	right: 0.3rem;
	font-size: 1.5rem;

}
.tradingTitle_right > input{
	width: 100%;
	background-color: #fff;
	color: #535353;
	border: 1px solid #d8dde6;
	border-radius: 0.25rem;
	display: inline-block;
	padding: 0 2rem 0 0.75rem;
	line-height: 1.875rem;
	box-sizing: border-box;
}
.tradingTop{
	display: flex;
}
.tradingTopLeft_top{
	margin-top: 15px;
}
.icon-youjiantou , .icon-zuojiantou{
	font-size: 14px !important;
	color: #535353;
	margin-right: 10px;
}
.tradingTopLeft{
	width: 18%;
}
.tradingTopLeft_avatar{
	position: relative;
	width: 90px;
	height: 90px;
	margin-top: 15px;
}
.tradingTopLeft_avatar > span{
	position: absolute;
	right: 0;
	bottom: 0;
	background: #41c054;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 2px solid #fff;
}
.avatar_guoqi{
	width: 25px;
	position: absolute;
	top: 10px;
	left: 7px;
}
.avatar_photo{
	width: 90px;
	height: 90px;
	border-radius: 50%;
}

.tradingTopRight{
	width: 79%;
	margin-left: 7px;
	margin-top: 15px;
}
.tradingTopLeft h1{
	margin-top: 15px;
	font-size: 1em;

}
.tradingTopLeft .stars > img{
	margin-top: 15px;
	width: 21px; 
}

.tradingTopRight_t{
	display: flex;
	align-items: center;
}
.tradingTopRight_t .ligth{
	margin-right: 3px;
	width: 25px;
}
.tradingTopRight_t strong{
	margin-right: 10px;
	font-size: 18px;
}
.tradingTopRight_t .fanyi{
	width: 21px;
}
.tradingTopRight_t span{
	font-size: 13px;
	color: #939393;
}
.tradingTopRight_b{

	display: flex;
	padding-top: 10px;
}
.tradingTopRight_bl{
	width: 100%;
}
.bl_content{
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	font-family: Open Sans,Lucida Grande,Lucida Sans,Arial,Verdana,sans-serif;
	color: #535353;
	line-height: 1.4rem;
	word-wrap: break-word;
	white-space: pre-wrap;
	word-break: break-word;
	padding-right: 20px;

}
.tradingTopRight_br button{
	cursor: pointer;
	border-radius: 15rem;
	border: none;
	line-height: 2rem;
	font-size: 14px;
	padding-left: 1.2rem;
	padding-right: 1.2rem;
	text-align: center;
	vertical-align: middle;
	background-color: #ff7200;
	color: #fff;
	white-space: nowrap;
}
.bl_info{
	display: flex;
	align-items: center;
}
.bl_info img{
	height: 25px;
	margin-right: 10px;
}
.bl_info span{
	font-size: 12px;
	color: #535353;
}
.bl_info b{
	font-size: 12px;
	color: #535353;
	margin-right: 10px;
}
.tradingCenter{
	margin-top: 1rem;
	display: flex;
	background: #f9f9f9;
	border-top: 1px solid #d3d3d3;
	padding-left: 32px;
	padding-right: 32px;
}
.tradingCenterLeft{
	width: 18%;
	margin-top: 30px;
}
.tradingCenterLeft h4{
	font-weight: 600;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 15px;
	font-size: 14px;
}
.tradingCenterLeft h5{
	font-weight: 400;
    color: #939393;
    margin-bottom: 0.25rem;
    font-size: 12px
}
.hasLrList{
	list-style: none;
}
.hasLrItem{
	display: flex;
	margin-top: 10px;
}

.hasLrItemLeft{
	position: relative;
	width: 42px;
	height: 42px;
}
.hasLrItemLeftGuoqi{
	width: 12px;
	position: absolute;
	top: 5px;
}
.hasLrItemLeftPhoto{
	width: 42px;
	height: 42px;
	border-radius: 50%;
}
.hasLrItemYpimg{
	width: 42px !important;
	height: 42px;
	border-radius: 5px !important;
}
.hasLrItemYpname{
	font-size: 14px;
	font-weight: 600;
	color: #535353 !important;
	overflow-wrap: anywhere;
}
.hasLrItemYptime{
	font-size: 11px !important;
	font-weight: 400 !important;
	color: #939393 !important;
}
.hasLrItemRight{
	display: flex;
	flex-direction: column;
	margin-left: 3px;
}
.hasLrItemRight > span:nth-child(1) > a{
	color: #ff7200;
	font-size: 14px;
	overflow-wrap: anywhere;
}
.mt3rem{
	margin-top: 3rem;
}
.hasLrItemRight > span:nth-child(2){
	font-weight: 600;
	overflow-wrap: anywhere;
	font-size: 14px;
}
.hasLrItemRight > img{
	max-width: 90px;
}
.tradingCenterLeft .pred{
	font-size: 20px;
	color: #ff7200;
	line-height: 1.25rem;
	font-weight: 600;
	margin-bottom: 15px;
}
.tradingCenterLeft .pblank{
	font-size: 18px;
	color: #535353;
	line-height: 1.25rem;
	font-weight: 600;
	margin-bottom: 15px;
}
.pblank12{
	font-size: 12px;
	color: #535353;
	line-height: 1.25rem;
	font-weight: 400;
	margin-bottom: 15px;
}
.tradingCenterRight{
	width: 79%;
	margin-left: 7px;
}
.tradingCenterRight_header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
}
.h_left a{
	display: inline-block;
	font-weight: 300;
	color: #939393;
	padding: 10px 10px;
}
.h_left a.active{
	border-bottom:2px solid #ff7200;
}
.h_right select,.tabTop select{
	border: 1px solid #ebebeb!important;
	border-radius: 0!important;
	height: 40px;
	color: #939393!important;
	padding: 0 10px;
}
.h_right select:focus-visible,.tabTop select:focus-visible{
	outline: #ebebeb auto 0px;
}
.tradingCenterRight_content{
	background: #fff;
	border: 1px solid #efefef;
	padding: 0.75rem;
}
.contentNav{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.contentNav_left{
	border-bottom: 1px solid #d8dde6;
}
.contentNav_left > a{
	display: inline-block;
	font-weight: 300;
	font-size: 14px;
	color: #939393;
	padding: 10px 10px;
}
.contentNav_left > a.active{
	border-bottom:2px solid #ff7200;
	color: #131313;
	font-weight: 600;
}
.contentNav_right > span{
	background-color: #f9f9f9;
	padding: 5px 15px;
	margin-left: 2px;
	cursor: pointer;
	color: #939393;
	font-size: 14px;
	font-weight: 400;
}
.contentNav_right > span.active{
	background-color: #ffe3cc!important;
	color: #ff7200!important;
	font-weight: 700!important;
}
.tabTop{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}
.tabTop_left{
	font-size: 14px;
	font-weight: 400;
	font-family: Open Sans,Lucida Grande,Lucida Sans,Arial,Verdana,sans-serif;
	color: #535353;
}
.tabBottom{
	display: flex;
	border-bottom: 1px solid #d8dde6;
	padding-bottom: 20px;
}
.tabBottomItem{
	width: 25%;
	border-right: 1px solid #efefef;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.tabBottomItem > div{
	    padding: 1rem;
}
.tabBottomItem > div > p:nth-child(1),.tabBottomItem > div > p:nth-child(2){
	color: #939393;
	text-transform: uppercase;
	letter-spacing: .0625rem;
	font-size: 12px;
	line-height: 1.25rem;
	text-align: center;
}
.tabBottomItem > div > p:nth-child(2){
	font-size: 14px;
	color: #535353;
	font-family: Open Sans,Lucida Grande,Lucida Sans,Arial,Verdana,sans-serif;
}
.fontlg{
	font-weight: 300;
	font-size: 22px !important;
	line-height: 1.25rem;
}
.fontSuccess{
	color: #008f41 !important;
}
.tabTable{
	margin-top: 20px;
}
.tabItem,.tradingTable{
	display: none;
}
.highcharts-credits{
	display: none !important;
}
.live_top{
	background: #fff;
	border: 1px solid #e7e7e7;

	font-size: 12px;
	padding:1.5rem
}

.live_top > p{
	font-weight: 700;
	    text-transform: uppercase;
}
.live_topList{
	display: flex;
	flex-wrap: wrap;
}
.live_topList > div{
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	margin-top: 0.75rem;
}
.live_topList > div:nth-child(1){
	border-right: 1px solid #e7e7e7;
}
.live_topList > div > p:nth-child(1){
	    color: #939393;
}
.live_topList > div > p:nth-child(2){
	    font-weight: 300;
	    font-size: 22px;
	    line-height: 1.25rem;
}
.live_topList > div:nth-child(1){
	padding-left: 0rem !important;
}
.live_main{
	display: flex;
	border: 1px solid #e7e7e7;
	margin-top: 20px;
}
.live_mainLeft{
	flex: 1 1 auto;
	display: block;
}
.live_mainLeftItem{
	display: flex;
	padding: 0.75rem 1.5rem;
	border-bottom: 1px solid #E7E7E7;
	cursor: pointer;
	
}
.live_mainLeftItem.active{
	background: #fff;
	box-shadow: 0 4px 5px -2px rgba(0,0,0,.2), 0 7px 10px 1px rgba(0,0,0,.14), 0 2px 16px 1px rgba(0,0,0,.12);
	cursor: default;
	z-index: 1;
	position: relative;
    border-bottom: 1px solid #E7E7E7;
	left: -4%;
}
.live_mainLeftItem.active:before{
	width: 1rem;
	height: 1rem;
	position: absolute;
	transform: rotate(45deg);
	content: "";
	background-color: inherit;
	top: 50%;
	right: -0.5rem;
	margin-top: -0.5rem;
	box-sizing: border-box;
	
}
.live_mainLeftItemLeft{
	position: relative;
	margin-right: 5px;
}
.live_mainLeftItemLeft > img:nth-child(1){
	width: 12px;
	position: absolute;
	top: 5px;
}
.live_mainLeftItemLeft > img:nth-child(2){
	width: 42px;
	height: 42px;
	border-radius: 50%;

}
.live_mainLeftItemRight{
	display: flex;
	flex-direction: column;
}
.live_mainLeftItemRight > span:nth-child(1) > a{
	color: #939393;
	font-size: 14px;
	overflow-wrap: anywhere;
}

.live_mainLeftItemRight > span:nth-child(2){
	font-weight: 600;
	overflow-wrap: anywhere;
	font-size: 13px;
}
.live_mainLeftItemRight > img{
	max-width: 90px;
}
.live_mainRight{
	background: #FFFFFF;
	width: 65%;
	padding: 1.5rem;
}
.live_mainRightNum{
	font-size: 16px;
	border: 1px solid #e7e7e7;
	border-left: 0;
	border-right: 0;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	margin-top: 1.5rem;
}
.pointChartsTop{
	margin: 20px 0px;
	display: flex;
	align-items: center;
}
.pointChartsTop span{
	display: block;
	width: 10px;
	height: 10px;
	margin-right: 4px;
}
.pointChartsTop i{
	color: #535353;
}
.pointChartsTop span:nth-child(1){
	background: #4572a7;
}
.pointChartsTop span:nth-child(3){
	background: #ff7200;
}
.userList{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	background-color: white;
}
.userList > div{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 20%;
	padding: 1rem 0;
	align-items: center;
}
.userList img{
	width: 42px;
	height: 42px;
	border-radius: 50%;
}
.userList p{
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}
.userList a{
	color: #ff7200;
}
.livePages{
	margin-top: 20px;
}
.livePages a{
	line-height: 2rem;
	font-size: 14px;
	background: #efefef;
	padding:0.5rem;
}
@media screen and (max-width: 999.99px){
	.tradingMain {
	    width: 100%;
	}
	.tradingTitle_left{
		display: none;
	}
	.tradingTitle_right{
		margin: 0 auto;
	}
	.tradingTop{
		display: flex;
		flex-direction: column;
	}
	.tradingTopLeft{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.tradingTopRight{
		width: 100%;

	}
	.tradingTopRight_b{
		display: flex;
		flex-direction: column;
	}
	.tradingTopRight_br {
		display: flex;
		justify-content: center;
	}
	.tradingCenter {
		flex-direction: column;
	}
	.tradingCenterLeft{
		width: 100%;
	}
	.tradingCenterLeft h4{
		text-align: center;
	}
	.centerLeftInfoBox{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.centerLeftInfoBox{
		width: 100%;
	}
	.centerLeftInfoBox > div{
		width: 50%;
	}
	.centerLeftInfoBox h5 ,.centerLeftInfoBox p{
		text-align: center;
	}
	.hasLrList{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.hasLrList li{
		width: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.mt3rem {
	    margin-top: 1.5rem;
	}
	
	.tradingCenterRight{
		width: 100%;
	}
	.tradingCenterRight_header{
		flex-direction: column;
	}
	.h_left{
		width: 100%;
		border-bottom: 1px solid #d8dde6;
	}
	.h_right{
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}
	.contentNav{
		flex-direction: column;
	}
	.contentNav_left > a{
		width: 100%;
		text-align: center;
	}
	.contentNav_right{
		margin-top: 5px;
		width: 100%;
		text-align: right;
	}
	.highcharts-container {
		width: 100% !important;
	}
	.tabBottom{
		width: 100%;
		flex-wrap: wrap;
	}
	.tabBottomItem{
		width: 50%;
	}
	.live_mainLeft{
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.live_topList > div{
		width: 50%;
	}
	.live_main{
		flex-direction: column;
	}

	.live_mainLeftItem{
		width: 33%;
		flex-direction: column;
		padding: 0.75rem 0.2rem;
		align-items: center;
	}
	.live_mainLeftItemRight{
		align-items: center;
	}
	.live_mainLeftItemRight > span{
		text-align: center;
	}
	.live_mainLeftItemRight > span:nth-child(1) > a {
		font-size: 12px;
		text-align: center;
	}
	.live_mainLeftItem.active{
		box-shadow:none;
		width: 100%;
	}
	.live_mainLeftItem.active:before{
		width: 0px;
		height: 0px;
	}
	.live_mainRight{
		width: 100%;
	}

	.userList{
		width: 100%;
	}
	.userList > div{
		width: 50%;
	}
}