ifm/WebRoot/views/htclient/css/common.css

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
* {
    box-sizing: border-box;
}
a {
    text-decoration: unset;
}

/*自定义*/
body{
	background-color:#021429 !important;
	background-size:cover;
    width: 3840px;
    height: 1080px;
	/*transform:scale(0.5); 
	-moz-transform:scale(0.5); 
	-webkit-transform:scale(0.5); 
	-o-transform:scale(0.5);*/
	transform-origin:left top;
	font-family:"微软雅黑"
}
.header-wrapper {
    display: flex;
    justify-content: space-around;
    position: relative;
}
.header-wrapper svg {
    position: absolute;
    left: 50%;
    top: 40px;
	margin-left:-1920px;
	z-index:10
}
.header-wrapper .title {
    line-height: 80px;
    font-size: 2.1em;
    color:#70e6ea;
    position: relative;
	z-index:10;
	padding:0 10px;
	letter-spacing:0.1em;
}
.header-wrapper .lefttitle{
	display:block;
	line-height: 60px;
    font-size: 1.5em;
    color:#70e6ea;
	position:absolute;
	left:25%;
	top:20px;
	width:400px;
	margin-left:-200px;
	text-align:center;
	z-index:11;
	cursor:pointer;
}

.header-wrapper .righttitle{
	line-height: 60px;
    font-size: 1.5em;
    color:#70e6ea;
	position:absolute;
	right:25%;
	top:20px;
	width:400px;
	margin-right:-200px;
	text-align:center;
}



.header-wrapper1 {
	width: 1920px;
    display: flex;
    justify-content: space-around;
    position: relative;
}
.header-wrapper1 svg {
    position: absolute;
    left: 0%;
    top: 40px;
	z-index:10
}
.header-wrapper1 .title {
    line-height: 80px;
    font-size: 2.1em;
    color:#70e6ea;
    position: relative;
	z-index:10;
	padding:0 10px;
	letter-spacing:0.1em;
}
.header-wrapper1 .lefttitle{
	display:block;
	line-height: 60px;
    font-size: 1.5em;
    color:#70e6ea;
	position:absolute;
	left:25%;
	top:20px;
	width:400px;
	margin-left:-200px;
	text-align:center;
	z-index:11;
	cursor:pointer;
}

.header-wrapper1 .righttitle{
	line-height: 60px;
    font-size: 1.5em;
    color:#70e6ea;
	position:absolute;
	right:25%;
	top:20px;
	width:400px;
	margin-right:-200px;
	text-align:center;
}
#nowtime{
	position:absolute;
	left:20px;
	top:47px;
	color:#fff;
	font-size:12px
}
.grid-wrapper{
	color: #ffffff;
    padding: 10px 8px 8px;
    height: calc(100% - 80px);
    display: grid;
    display: -ms-grid;
    grid-gap: 8px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
}
.grid-common{
	height:100%;
	display: grid;
    display: -ms-grid;
    grid-gap: 4px;
}
.left-grid{
	grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
}

.left-grid .left-gride-l1{
	grid-template-columns: 1fr;
    grid-template-rows: 302px 242px 430px;
}
.left-gride-l1-top{
	grid-template-columns: 572px auto;
	grid-template-rows: 1fr;
    
}
.left-gride-l1-mid{
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
}
.left-gride-l1-bottom{
	grid-template-columns: 316px auto;
	grid-template-rows: 1fr;
}
.left-grid .left-gride-l2{
	grid-template-columns: auto 364px;
    grid-template-rows: 1fr;
}
.left-gride-l2-left{
	grid-template-columns: 1fr;
	grid-template-rows: 120px 488px 366px;
}
.left-gride-l2-right{
	grid-template-columns: 1fr;
	grid-template-rows: 374px 234px 366px;
}
.left-gride-l1-bottom-pice{
	grid-template-columns: 1fr;
	grid-template-rows: repeat(2, 1fr);
}

.grid-wrapper .wrapper {
    overflow: hidden;
    height: 100%;
	
}
.grid-wrapper .wrapper>.tab{
	width:100%;
	height:2em;
}
.tab>.tab-bid{
	height:100%;
	width:147px;
	font-size:1em;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	background: -webkit-linear-gradient(#01417f,#021e46);
    background: -o-linear-gradient(#01417f,#021e46);
    background: -moz-linear-gradient(#01417f,#021e46);
    background: linear-gradient(#01417f,#021e46);
}
.tab>.tab-bid:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width: 0;
    height: 0;
    border-top: 5px solid #010a19;
    border-right: 5px solid transparent;
}
.tab>.tab-bid:after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	width: 0;
    height: 0;
    border-top: 5px solid #010a19;
    border-left: 5px solid transparent;
}
.wrapper-content{
	height: calc(100% - 2em);
	border:0.5px solid #3e68c0;
	box-shadow: 0px 0px 4px rgba(65,110,204,1) inset;
	padding:14px 8px 8px;
	overflow:hidden;
}
.wrapper-content>.content-container{
	border:0.5px solid #6076ae;
	border-top:2px solid #6076ae;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	background-color:rgba(113,138,149,0.1)
}
.zhejiao{
	position:absolute;
	width:10px;
	height:10px;
	
}
.zhejiao-1{
	left:-2px;
	top:-2px;
	border-left:2px solid #0efcfe;
	border-top:2px solid #0efcfe;
}
.zhejiao-2{
	right:-2px;
	top:-2px;
	border-right:2px solid #0efcfe;
	border-top:2px solid #0efcfe;
}
.zhejiao-3{
	right:-2px;
	bottom:-2px;
	border-right:2px solid #0efcfe;
	border-bottom:2px solid #0efcfe;
}
.zhejiao-4{
	left:-2px;
	bottom:-2px;
	border-left:2px solid #0efcfe;
	border-bottom:2px solid #0efcfe;
}
.mr-10{
	margin-right:10px;
}
.wrapper-clzb{
	display:flex;
	justify-content:flex-end;
	flex-direction:column;
}
.wrapper-clzb>.wrapper-clzb-content{
	height:178px;
	overflow:hidden;
}
.flex-bottom{
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}
.flex-zztt{
	flex-direction:column;
	justify-content:space-between !important;
}
.position-block{
	position:relative;
}
.header-data-list{
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:space-around;
	width:964px;
	height:calc(120px - 2em);
	right:0;
	bottom:0;
	border: 0.5px solid #3e68c0;
    box-shadow: 0px 0px 4px rgba(65,110,204,1) inset;
    overflow: hidden;
}
.header-data-item{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.header-data-item>.item-name{
	font-size:1.6em;
	margin-bottom:6px;
	color:#ccf5f9;
}
.header-data-item>.item-value{
	font-size:1.8em;
	max-width:120px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	cursor:pointer;
}
.item-color1{
	color:#e29494
}
.item-color2{
	color:#d3406c
}
.item-color3{
	color:#9a2aac
}
.item-color4{
	color:#42c3c9
}
.item-color5{
	color:#fea569
}
.map-area{
	height:100%;
}
#map-container{
	width:100%;
	height:100%;

}
.data-box{
	position:relative;
	height:40%;
	width:100%;
}
.warning-box{
	display:flex;
	flex-direction:column;
	width:100%;
	height:78px;
}

.msg-box{
	display:flex;
	flex-direction:column;
	width:100%;
	height:78px;
}
.pding-10{
	padding:10px;
}
.flex_wrap{
	flex-wrap:wrap;
}
.wrapper-content>.content-container.justify_around{
	justify-content:space-around;
}
/*左侧样式*/
.wrapper>.wrapper-content>.content-container>.left-bar-data{
	height:70%;
	display:flex;
	align-items:flex-start;
	flex-direction:column;
	justify-content:space-between;
}
.left-bar-data .left-bar-data-list1{
	font-size:0.6em;
	line-height:1.5em;
	color:#c1e7ec;
	display:flex;
}
.left-bar-data-list1>.fontsize8{
	font-size:.8em;
	margin-left:10px;
}
.data-list{
	margin-left:10px;
}
.data-list:first-child{
	margin-left:0;
}
.fontsize7{
	font-size:0.7em;
}
.fontsize6{
	font-size:0.6em;
}
.colorred{
	color:#e55b5c
}
.colorgreen{
	color:#17b45e
}
.wrapper>.wrapper-content>.content-container>.center-bar-data{
	height:100%;
	width:45%;
}
.wrapper>.wrapper-content>.content-container>.right-bar-data{
	height:70%;
	display:flex;
	align-items:flex-start;
	flex-direction:column;
	justify-content:space-between;
}
.right-bar-data .right-bar-data-list1{
	font-size:0.6em;
	line-height:2.4em;
	color:#c1e7ec;
	display:flex;
}
.right-bar-data .right-bar-data-list2{
	font-size:0.6em;
	line-height:2em;
	color:#c1e7ec;
	display:flex;
}
#chart-clzb,#chart-fztj1,#chart-fztj2,#chart-yfgl,#table-whhcl,#chart-wscl,#chart-mrzj{
	height:100%;
	width:100%;
}
#table-whhcl{
	padding:10px;
	position:relative;
}
#table-whhcl .table-area-head {
    color: #fff;
    background-color: #335bcc;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #6584d7;
	border-bottom:0;
}
#table-whhcl .table-area-head .table-area-head-tab {
    text-align: center;
    height: 32px;
    vertical-align: middle;
    width: 16.66%;
    display: flex;
    align-items: center;
    justify-content: center;
	border-right: 1px solid #6584d7;
	font-size:1em;
}
#table-whhcl .table-area-head .table-area-head-tab:last-child{
	border-right:0px;
}
#table-whhcl .table-content{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
#table-whhcl .table-area{
	height:calc(100% - 34px);
	width:100%;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0px;
}
#table-whhcl .table-area table,#table-whhcl .table-area table tbody{
	width:100%;
	display:table;
}
#table-whhcl .table-area table tr td{
	width:16.66%;
	text-align:center;
	border:1px solid #6584d7;
	word-wrap:break-word;
	word-break:break-all;
	height:33px;
	vertical-align:middle;
	font-size:0.8em;
	padding:3px;
}
#chart-ttfbt,#chart-ydtts,#chart-sbtj{
	height:50%;
	width:100%;
}
.amap-icon img,.amap-marker-content img{
    width: 36px;
}
.amap-marker-label {
    border: 0;
    background-color: transparent;
}
.amap-marker-label .info {
	position: relative;
    top: 0;
    right: 0;
    padding: .5em 1em;
    width: auto;
    border:1px solid #7693e9;
    box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
}
.content-container>.text-ndxsje{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	padding:20px 30px;
}
.content-container>.text-ndxsje>.left-stat{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-around;
}
.content-container>.text-ndxsje>.right-stat{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.all-money{
	font-size:1.2em;
	color:#ccf5f9;
	margin-bottom:3px;
}
.all-money>.money-num{
	font-size:2.4em;
	color:#c83428;
	margin-right:8px;
}
.compare-money{
	color:#3996dc;
	font-size:1.2em;
	
}
.compare-money>.increase-num{
	margin-left:8px;
	color:#c83428;
	font-size:1.6em;
}
.compare-money>img{
	width:34px;
}
.right-stat>.sell-log-items{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-end;
	color:#ccf5f9;
	font-size:1em;
}
.right-stat>.sell-log-items:first-child{
	margin-right:30px;
}
.right-stat>.sell-log-items>.sell-log-items-name{
	margin-top:13px;
}
.right-stat>.sell-log-items>.sell-log-items-value{
	color:#3996dc;
	font-size:1.4em;
	margin-top:7px;
}
#table-bndxsje{
	padding:10px;
	position:relative;
	flex:1;
	width:100%;
}
#table-bndxsje .table-area-head {
    color: #fff;
    background-color: #335bcc;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #6584d7;
	border-bottom:0;
}
#table-bndxsje .table-area-head .table-area-head-tab {
    text-align: center;
    height: 32px;
    vertical-align: middle;
    width: 14.28%;
    display: flex;
    align-items: center;
    justify-content: center;
	border-right: 1px solid #6584d7;
	font-size:1em;
}
#table-bndxsje .table-area-head .table-area-head-tab:last-child{
	border-right:0px;
}
#table-bndxsje .table-content{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
#table-bndxsje .table-area{
	height:calc(100% - 34px);
	width:100%;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0px;
}
#table-bndxsje .table-area table,#table-bndxsje .table-area table tbody{
	width:100%;
	display:table;
}
#table-bndxsje .table-area table tr td{
	width:14.28%;
	text-align:center;
	border:1px solid #6584d7;
	word-wrap:break-word;
	word-break:break-all;
	height:33px;
	vertical-align:middle;
	font-size:0.8em;
	padding:3px;
}
.data-box>.data-bubble{
	position:absolute;
	width:86px;
	height:86px;
	border-radius:50%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	
}
.data-bubble>.bubble-value{
	color:#3996dc;
	font-size:1.2em;
}
.data-bubble>.bubble-line{
	width:80%;
	height:1px;
	background-color:#ccf5f9;
	margin:10px 0 5px;
	
}
.data-bubble>.bubble-name{
	color:#ccf5f9;
	font-size:0.6em;
}
.bubble1{
	left:34px;
	bottom:0;
	border:1px solid #d84647;
}
.bubble2{
	right:34px;
	bottom:0;
	border:1px solid #4c63d7;
}
.bubble3{
	left:50%;
	margin-left:-43px;
	top:10px;
	border:1px solid #248d40;
}
.warning-box>.warning-item{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	color:#ccf5f9;
	margin-top:6px;
	width:100%;
	font-size:0.8em;
}
.warning-box>.warning-item>img{
	width:20px;
	margin-right:15px;
}
.warning-box>.warning-item span{
	width:calc(100% - 35px);
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.msg-box>.msg-item{
	width:100%;
	font-size:0.8em;
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#ccf5f9;
	margin-top:6px;
}
.msg-box>.msg-item>span.msg-words{
	width:calc(100% - 109px);
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.msg-box>.msg-item>span.msg-datetime{
	margin-left:5px;
}
.sbtj-data{
	height:50%;
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.word-desc{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-around;
}
.word-desc>.left-word{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.word-desc>.left-word>.word-item{
	color:#1ea3ac;
	font-size:1.4em;
	margin-bottom:10px;
}
.word-desc>.left-word>.word-name{
	color:#1ea3ac;
	font-size:0.8em;
	margin-bottom:10px;
}
.word-desc>.left-word>.word-value{
	color:#c83428;
	font-size:1.6em;
}
.word-num-incre{
	display:flex;
	align-items:center;
	justify-content:center;
}
.word-num-incre>.increase-value{
	font-size:1.8em;
	color:#c83428;
}
.word-num-incre img{
	width:34px;
}
.chart-titles{
	display:flex;
	align-items:center;
	justify-content:space-around;
	height:2em;
	width:100%;
}
.chart-titles>.title-name{
	color:#ccf5f9;
	width:30%;
	text-align:center;
}
.chart-area{
	height:100%;
}
.single ul>li.select{
 border:2px solid #0efcfe;
}
.single1 ul>li.select{
 border:2px solid #0efcfe;
}
.step-warn-btns{
	width:100%;
	display:flex;
	align-items:center;
	height:4em;
	justify-content:center;
}
.step-warn-btns .btnstep{
	cursor:pointer;
	color:#ccf5f9;
	padding:10px 20px;
	border-radius:5px;
}
.step-warn-btns .savebtn{
	background-color:#3996dc;
	margin-right:3em;
}
.step-warn-btns .cancelbtn{
	border:1px solid #ccf5f9;
	margin-right:3em;
}
#step-warn-set{
	position:fixed;
	left:50%;
	top:50%;
	width:900px;
	padding:15px;
	max-height:1080px;
	transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
	border: 0.5px solid #6076ae;
    border-top: 2px solid #6076ae;
    background-color: #021429;
	z-index:99;
	display:none;
}
#step-warn-set>.step-warn-title{
	display:flex;
	width:100%;
	height:2em;
	font-size:1.4em;
	color:#ccf5f9;
	align-items:center;
	justify-content:center;
}
#step-warn-set .step-warn-controlarea{
	display:flex;
	width:100%;
	justify-content:center;
}
#step-warn-set .step-set-area{
	width:50%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	color:#ccf5f9;
}
#step-warn-set .step-set-area:first-child{
	border-right:1xp solid #ccf5f9;
}
#step-warn-set .step-set-area .step-set-area-title{
	height:1.6em;
	font-size:1em;
}
#step-warn-set .step-set-area .step-set-container{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	width:100%;
	position:relative;
}
#step-warn-set .step-set-area .step-set-container:before{
	content:'';
	position:absolute;
	right:0;
	top:0;
	height:100%;
	width:1px;
	background-color:#ccf5f9
}
#step-warn-set .step-set-area .step-set-container .step-set-tabs{
	display:flex;
	align-items:center;
	justify-content:space-around;
	width:100%;
	height:2.4em;
}
#step-warn-set .step-set-area .step-set-container .step-set-tabs .step-set-tatitle{
	font-size:1.1em;
	cursor:pointer;
	padding:5px 10px;
	border:1px solid transparent;
}
#step-warn-set .step-set-area .step-set-container .step-set-tabs .step-set-tatitle:hover{
	color:#ff6e12;
	border:1px solid #ff6e12;
	padding:5px 10px;
	border-radius:5px;
}
#step-warn-set .step-set-area .step-set-container .step-set-tabs .step-set-tatitle.selected{
	color:#ff6e12;
	border:1px solid #ff6e12;
	padding:5px 10px;
	border-radius:5px;
}
#step-warn-set .step-set-area .step-set-container .tempcontrol-area{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
}
#step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-area-tab{
	width:50%;
	display:flex;
	align-items:center;
	justify-content:center;
}
#step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-area-tab .min{
	margin-right:10px;

}
#step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-area-tab .max{
	margin-left:10px;
}
#step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-area-tab .tempcontrol-box{
	width:7em;
	height:7em;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}
.dangwei-container{
	width:100%;
}
.dangwei-box{
	display:none;
	width:100%;
}
.dangwei-box.selected{
	display:block;
}
.tempcontrol-box .addtemp{
	position:absolute;
	right:0;
	top:50%;
	transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
	font-size:1.6em;
	padding:5px;
	padding-right:2px;
	font-weight:bold;
	cursor:pointer;
	display:flex;
	align-items:center;
}
.tempcontrol-box .cuttemp{
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
	font-size:2.2em;
	padding:5px;
	padding-left:2px;
	font-weight:bold;
	cursor:pointer;
	display:flex;
	align-items:center;
}
.cuttemp.disabled,.addtemp.disabled{
	pointer-events:none;
    cursor: not-allowed;
    color:#ccc;
}
#step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-area-tab .tempcontrol-box .tempcontrol-value{
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}
#step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-area-tab .tempcontrol-box:last-child{
	border:1px solid #3996dc;
	color:#3996dc;
}
#step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-area-tab .tempcontrol-box:last-child input{
	color:#3996dc;
}
#step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-box:first-child{
	border:1px solid #ff6e12;
	color:#ff6e12;
}
#step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-box:first-child input{
	color:#ff6e12;
} 

#step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-box input{
	width:100%;
	background-color:#021429;
	position:absolute;
	left:0;
	display:none;
	top:0;
	font-size:1em;
}
.mintempvalue,.maxtempvalue{
	font-size:1em;
}
#step-warn-set .step-set-area .step-set-container .fengji-control{
	width:100%;
	padding-top:10px;
}
#step-warn-set .step-set-area .step-set-container .fengji-control #fengji-table{
	width:100%;
}
#step-warn-set .step-set-area .step-set-container .fengji-control #fengji-table tr td{
	height:40px;
	vertical-align:middle;
	font-size:0.8em;
	
}
.fengji-control-head{
	text-align:center;
	border:1px solid #3996dc;
	border-radius:5px;
	padding:5px;
	color:#3996dc;
	width:6em;
	font-size:0.8em;
}
.fengji-control-input{
	text-align:center;
	border:1px solid #3996dc;
	border-radius:5px;
	padding:5px;
	color:#3996dc;
	font-size:0.8em;
	width:6em;
}
.fengji-control-input:focus{   
    border:1px solid #3996dc;
}
 .checke{
    position: relative;
    -webkit-appearance: none;
    width:40px;
    height: 20px;
    line-height: 20px;
    background: #eee;
    border-radius: 10px;
    outline: none;
	margin:0px;
	padding:0;
}
.checke:before{
    position: absolute;
    left: 0;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #eee;
    box-shadow: 0px 0px 2px #ddd;
    transition: all 0.2s linear;
}
 
.checke:checked{
	
    background: #37b13d;
}
.checke:checked:before{
    left: 20px;
    transition: all 0.2s linear;
}
input{  
    background:none;  
    outline:none;  
    border:none;
}
input:focus{   
    border:none;
}
.warn-set-page{
	width:100%;
}
.warn-set-page #warnset-table{
	width:100%;
	text-align:center;
	
}
.warn-set-page #warnset-table tr:first-child td{
	font-size:1.1em;
	height:2.4em;
	vertical-align:middle !important;
}
.warn-set-page #warnset-table tr td{
	font-size:0.8em;
	vertical-align:middle;
	height:50px;
	text-align:center;
}
.warn-set-page #warnset-table tr td:first-child{
	
}
.warn-set-page #warnset-table tr td img{
	width:30px;
	margin:0 auto;
}
.warnaction{
	padding:3px 5px;
	cursor:pointer;
}
.warnaction.checked{
	color:#17b45e
}
.warn-openorc{
	width:30px;
	height:30px;
	background-size:100% !important;
	display:table;
	margin:0 auto;
	cursor:pointer;
}
.warn-openorc.open{
	background-image:url(../images/warn_o.png);
}
.warn-openorc.close{
	background-image:url(../images/aq.png);
}