@charset "utf-8";
.trend_select{
	width:50% ;
	margin: 0 auto;
	padding-top: 8px;
}
.nav_right_copy img{
	width: 16px;
}
.trend_select .layui-select-title input{
	border: 1px solid #ffe484;
	border-radius: 50px;
	background: #f1a900;
	color: #fff;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	text-align: center;
}
.layui-form-select .layui-edge{
	border-top-color:#fff ;
	right: 15px;
	border-radius: 4px;
	border-width: 8px;
}
.layui-form-selected .layui-edge{
	margin-top: -12px;
}
.layui-input:focus, .layui-textarea:focus,.layui-input:hover, .layui-textarea:hover{
	border-color: #fff !important;
}
.layui-form-select dl dd.layui-this{
	background-color: #ff9800;
}
.layui-form-select dl dd{
	font-size: 15px;
}
html{
	height: 100%;
}
body{
	height: calc(100% - 48px);
}
.wap_body{
	margin-bottom: 0;
	height: 100%;
}
.chart_box{
	height: 100%;
	margin-bottom: 0;
}
.chart_box .chart_tit{
	width: 100%;
	background: #f6f6f6;
	/*padding: 12px 0;*/
	padding-bottom: 10px;
	text-align: center;
}
.chart_tit ul{
	/*border-radius: 5px;*/
	display: block;
	text-align: center;
	background: #fff;
	width: 100%;
	margin: 0 auto;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y:hidden; 
	&::-webkit-scrollbar:{
		display: none;
	}
	border-radius: 50px;
	height: 36px;
	justify-content: space-around;
}
.chart_tit ul li{
	/*width: 8.3%;*/
	line-height: 36px;
	min-width: auto;
	/*float: left;*/
	display: inline-block;
	color: #999;
	font-size: 14px;
	/*border-radius:50px ;*/
}
.chart_tit ul li.layui-this{
	background: #ff680f;
	color: #fff;
	/*border-radius: 5px;*/
}
.chart_tit ul li.layui-this:after{
	display: none;
}
.chart_tit ul:after{
	clear: both;
	display: block;
	content: '';
}
.chart_cnt{
	height: calc(100% - 47px);
	padding: 0;
}
.layui-tab-item{
	height: 100%;
}
.table_box{
	width: 100%;
	height: calc(100% - 84px);
}
#oDivH_tab_Test5,#oDivF_tab_Test5{
	width: 100% !important;
	
}
.trend_table{
	overflow: auto;
	width: 100%;
	height: 100%;
}
.tablebox{
	height: calc(100% - 90px);
	empty-cells: show;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
}
.tablebox td {
	/*width: px;*/
	width: 30px;
	height: 30px !important;
	overflow: hidden;
	/*padding: 5px 0;*/
	text-align: center;
	background: #fffdf6;
	font-size: 12px;
	color: #999;
	border: 0;
	border-right: 1px solid #ddd;
	/*position: relative;*/
	padding: 0 !important;
	border-bottom: 1px solid #ddd;
}
.tablebox td:first-child{
	width: 50px;
}
.tablebox td:first-child+td{
	
}
 tr td:before,tr td:after{
	/*display: block;*/
	/*content: '';*/
	/*background: #ddd;*/
}
 tr td:before{
	/*position: absolute;*/
	/*width: 1px;*/
	/*height: 100%;*/
	/*left:0;*/
	/*top: 0;*/
}
 /*tr td:after{
	width: 100%;
	height: 1px;
	bottom:0;
	left: 0;
}*/
.tablebox .tabTh td{
	color: #fff;
	background: #fdbf00;
}
.tabTh td:first-child,.tabft td:first-child{
	color: #111;
}
.tabTh td:before{
	background: #ca9800;
}
.tabTh td{
	border-bottom: 1px solid #ca9800;
}
.color_red{
	color: #FD482C !important;
}
.tabbox tr:nth-child(2n) td{
	background: #f5f5f5;
}
.tablebox tr td:first-child:before{
	display: none;
}
#oTableLF_tab_Test5,#oDivF_tab_Test5{
	top: inherit !important; 
	bottom: 0 !important;
}
#oDivF_tab_Test5 {
}
#oTableLF_tab_Test5 tr:nth-child(2n) td,#oDivF_tab_Test5 tr:nth-child(2n) td{
	background: #f6f6f6;
}
#oTableLF_tab_Test5 tr:first-child td,#oDivF_tab_Test5 tr:first-child td{
	border-top: 1px solid #ca9800;
}
#oTableLH_tab_Test5 tr td:last-child,#oDivL_tab_Test5 tr td:last-child{
	border-right: 1px solid #e8c75e;
}
/*#oTableLH_tab_Test5 tr td:before,#oDivL_tab_Test5 tr td:before{*/
/*	background: #e8c75e;*/
/*}*/
#oTableLH_tab_Test5 tr td,#oDivL_tab_Test5 tr td{
	border-right:1px solid #afb5da;
}
#oDivL_tab_Test5 tr td:first-child,#oTableLF_tab_Test5 tr td:first-child{
	color: #111;
}
#oDivL_tab_Test5 tr td,#oTableLF_tab_Test5 tr td{
	background: #fff;
	border-bottom: 1px solid #e8c75e;
}
#oTableLF_tab_Test5 tr td:first-child{
	border-right: 1px solid #e8c75e;
}
#oTableLH_tab_Test5 tr td:last-child{
	border-right: 1px solid #ca9800;
}
#oTableLH_tab_Test5 .tabTh td:first-child{
	color: #fff;
}
#oTableLH_tab_Test5 tr td:before{
	background: #ca9800;
}
#oDivF_tab_Test5 td{
	background: #fff;
}
/*.tablebox .tabft{
	
}*/
/*出现次数颜色球体*/
.qiu_i i{
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	border-radius: 50px;
	text-align: center;
	font-size: 12px;
	font-style: normal;
}
.qiu_0 i{
	background: #ff5616;
	color: #fff;
}
/*遗漏次数*/
.table_ft .body_tr .tr_td:first-child{
	width: 31%;
}
/*单选按钮*/
.set_tit{
	text-align: center;
	color: #111;
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	
}
.set_raios input{
	display: inline-block;
}
.set_box .set_bd{
	text-align: center;
}
.set_box .layui-form-radio{
	background: #fffbef;
    border: 1px solid #fdc000;
    color: #a6720d;
    border-radius: 4px;
    text-align: center;
    padding: 1px 28px;
    margin-right: 14px;
}
.set_box .layui-form-radio:nth-last-child(1){
	margin-right: 0;
}
.set_box .layui-form-radio div{
	display: inline-block;
}
.set_box .layui-form-radio>i{
	display: none;
}
.set_box .layui-form-radio.layui-form-radioed{
	background: #fdc000;
	color: #fff;
}
.layui-layer-title{
	background:#fdbf00;
	text-align: center;
	color: #fff;
	padding: 0;
	font-size: 16px;
	border-radius: 10px 10px 0 0;
}
.layui-layer-btn a{
	width: 50%;
	height: 46px;
	line-height: 46px;
	border-radius: 4px;
	text-align: center;
	margin: 0;
	background: none;
	border: none;
	padding: 0;
}
.trendSet{
	border-radius:10px;
}
.layui-layer-btn{
	padding: 0 !important;
	border-top: 1px solid #ddd;
	border-radius: 0 0 10px 10px;
}
.layui-layer-btn .layui-layer-btn0{
	background: none;
	border:none;
	color: #5a5a5a;
	position: relative;
}
.layui-layer-btn .layui-layer-btn0:before{
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	width: 1px ;
	height: 100%;
	background: #ddd;
}
.layui-layer-btn .layui-layer-btn1{
	color: #F22222;
	font-weight: bold;
	
}
::-webkit-scrollbar{
	display: none !important;
    width: 0 !important;
    height: 0 !important;
}
/*走势分选选择弹层*/
.sort_list{
	border-radius: 12px;
}
.trend_sort{
	/*width: 95%;
	background: #fff;
	border-radius: 8px;*/
	margin: 0 auto;
	box-sizing: border-box;
	padding: 10px 0;
}
.sort_input{
	width: 180px;
	border: 1px solid #ffe484;
    border-radius: 50px;
    background: #f1a900;
    color: #fff;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    text-align: center;
    position: relative;
}
.sort_input i {
	display: block;
	position: absolute;
    border-top-color: #fff;
    top: 10px;
    right: 15px;
    width: 18px;
    height: 14px;
    background-image:url(../images/store_down.png) ;
    background-size:contain ;
    background-repeat:no-repeat;
}
.sort_box{
	padding: 0 10px;
}
.sort_box .box_tit{
	margin-top: 10px;
}
.box_tit p{
	font-size: 15px;
	color: #111;
	font-weight: bold;
}
.box_ul{
	margin-top: 10px;
}
.box_ul ul{
	font-size: 0;
}
.box_ul ul li{
	width: 25%;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: middle;
}
.box_ul ul li a{
	display: block;
	font-size: 11px;
	color: #888;
	position: relative;
	text-align: center;
}
.box_ul ul li a:after{
	/*display: block;*/
	/*content: '';*/
	/*width: 1px;*/
	/*height: 100%;*/
	/*background: #ddd;*/
	/*position: absolute;*/
	/*right: 0;*/
	/*top: 0;*/
}
.box_ul ul li:nth-child(4n) a:after,.box_ul ul li:last-child a:after{
	display: none;
}
.sort_list .layui-layer-btn{
	text-align: center;
}
.sort_list .layui-layer-btn .layui-layer-btn0{
	width: 100%;
}
/*弹出层的设置*/

/*0917-color*/
.bg_orange{
	background: #ff722f !important;
	color: #fff !important;
}
.qiu_1 i{
	background: #22a69f;
	color: #fff;
}
.qiu_2 i{
	background: #c98e35;
	color:#fff;
}
.bg_orange i{
	width: 32px;
}
@media only screen and (min-width: 100px) and (max-width: 350px) {
	.set_box .layui-form-radio{
	    margin-right: 10px;
	}
}