@charset "utf-8";
/************************************************************************
 * 公司	: suyee inc.
 * 网址	: www.suyee.net.cn
 * 作者QQ: 新月(46780956)
 * 日期	: 202105
************************************************************************/

 
/*---------------------------------//右侧内容区域-----------------------------------*/

.Rightbox:after{ content:"";display: block;clear:both;}
.Rightbox{width: 100%; min-height: 100%; background: #FFF; }


.suyee-label {
    display:  inline-block;
    padding: 0 0 5px 15px;
}
.suyee-col{display:  inline-block;padding-right:3px;
    width: 100%;
    box-sizing: border-box;}

.qq-minus{ /*margin-left:2px;*/line-height:38px; font-size:22px; color: #F90; cursor:pointer; max-width: 30px;}
.qq-plus{  /*margin-left:2px;*/line-height:38px; font-size:22px;  color: #090; cursor:pointer; max-width: 30px;}


/*---------------------------------//right-----------------------------------*/
ul.ul_print{ float:left; width:100%; margin:5px 0;}
ul.ul_print li:hover{ background-color:#F2F2F2;}
ul.ul_print li{ 
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: -1px;
    border: 1px solid #e2e2e2;
    font-size: 14px;
    text-align: center;
    color: #666;
    transition: all .3s;
    -webkit-transition: all .3s;
}
ul.ul_print li a{display: block;
    width: 150px;
    height: 150px; padding-top:15px; box-sizing:border-box;
    margin: 0 auto 10px;
    text-align: center;
    background-color: #009688;
    cursor: pointer;
    color: #fff;
    border-radius: 50%;
}
ul.ul_print li p{    line-height: 30px; font-size:16px;}
ul.ul_print li i {
        font-size: 4em;
    line-height: 1.3em;
}


#right01:after,#right02:after,#right03:after{ content:"";display: block;clear:both;}
#right01,#right02,#right03{ width:100%; margin:0 0 12px 0;position:relative; }
#right01 h2{ display:block; float:left;width:100%; font:normal 24px/35px "微软雅黑","宋体",Arial; color:#222; }
#zhusi{ width: 100%; box-sizing:border-box; margin-bottom:11px; background:url(../images/i_tips.png) left top no-repeat;  border:#F2F2F2 1px solid; padding-left:30px; color: #666;font: normal 14px/30px "微软雅黑","宋体",Arial;}
#zhusi h2{ color:#F90; font-size:16px;}
.contect{ width:100%; clear:both;  }




/*---------------------------------//foot-----------------------------------*/
#foot{	float:left; width: 100%; padding:15px 0; border-top:#FFF 2px solid;text-align:center; font:normal 12px/22px "Arial","宋体"; color:#999999;}


/*---------------------------------//table-----------------------------------*/

.tabelMain{  width:100%; font-size:14px; line-height:20px; box-sizing: border-box;border-top: #E6E6E6 1px solid; border-left: #E6E6E6 1px solid; }
.tabelMain tr{  background:#FFF; }
.tabelMain tr:nth-child(2n){  background:; }
.tabelMain td,.tabelMain th{  padding:8px;	border-bottom: #E6E6E6 1px solid; border-right: #E6E6E6 1px solid; text-align: left;}
.tabelMain th{  background:#F2F2F2;text-align: right;}
.tabelMain .hh{  background:#F2F2F2;text-align: left;font-size:16px; line-height:26px; color: #444;}
.tabelMain tr:hover{  background:#F2F2F2; }

.tabelMain tr:first-child{ border-top:none;}
.h2_title {
    font-size:16px; line-height:26px;
    color: #444;
    display: inline-block;
    padding-right: 25px;
}






.h2_title{font-size:18px; line-height:35px;color: #444;display: inline-block;    padding-right: 25px;}
.red{ color:#F00!important;}
.orange{ color: #F60!important;}
.yellow{ color: #FFB800!important;}
.green{color: #5FB878!important;}
.grey{color: #aaa!important;}
.teal{color: #008080!important;}
.bg_readonly {    background: #F5F5F5 !important;}
.bg_warning{    background: #ffffcc;}

.maxwd150{ max-width:150px !important; height:auto;}
.wd100{   width: 100px!important; }
.wd220{   width: 220px!important; }
.wd330{   width: 330px!important; }
.suyee-wd5 {    width: 20%!important;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:0.5;}

.content-table{ width:100%;float:left; box-sizing:border-box; padding:0 10px;}
.content-r{ width:100%; float:left; border:#e6e6e6 1px solid; box-sizing:border-box;}
.content-r:after{ content: ''; clear: both; display: block; font-size: 0;}

.table-h2 { background:#F2F2F2; 
    width: 100%; box-sizing:border-box;
	font-size:18px; line-height:35px;color: #444;display: inline-block;
    padding: 10px 25px 10px 15px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #e6e6e6;
}
.data-box{ width:100%; max-width:1000px; float:left;box-sizing: border-box; border:#F2F2F2 1px solid; border-top:#F2F2F2 4px solid;margin-bottom:22px;}
.data-box h2{ width:100%;box-sizing: border-box; position: relative; /*background:#EEE;border-bottom: 1px solid #eee;*/
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    
    color: #333;
    font-size: 18px;}
.data-box:after,
ul.four_li:after{ content: ''; clear: both; display: block; font-size: 0;}
ul.four_li {width:100%; float:left;box-sizing: border-box; padding:0.5%; /*box-shadow: 0px 9px 25px 0px rgba(0,0,0,0.15);*/}
/*ul.four_li li:last-child{margin-right:0;}*/
ul.four_li li{display:block; float:left;width:24%;  margin:0.5%; min-height:100px;box-sizing: border-box; position:relative;transition: all 0.6s ease; background:#F2F2F2; padding:20px;}
ul.four_li li h3 {    font-style: normal;    font-size: 18px; line-height:2; color:#333; text-align:center;}
ul.four_li li p {    text-align:center;}
ul.four_li li cite {    font-style: normal;    font-size: 30px;    font-weight: 300;line-height:1.6;color: #009688;}
 .cicle i{ font-size:50px;  color: #20a53a;line-height:88px;} 

.cicle { text-align:center;
    position: relative;
    width: 88px;
    height: 88px; line-height:88px;
    margin: 0 auto;
    border-width: 6px;
    border-color: #ccc;
    border-style: solid;
    border-radius: 50%;
	 box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}
.cicle .bar-left {
    top: -6px;
    left: -6px;
}
.cicle .bar {
    position: absolute;
    width: 50px;
    height: 100px;
    overflow: hidden;
}
.cicle .bar-right {
    top: -6px;
    left: 44px;
}
.cicle .bar {
    position: absolute;
    width: 50px;
    height: 100px;
    overflow: hidden;
}

.cicle .bar-right .bar-right-an {
    left: -50px;
    z-index: 20;
    border-color: #20a53a #20a53a transparent transparent;
	 border-color: rgb(32, 165, 58) rgb(32, 165, 58) transparent transparent;
    transform: rotate(34.92deg);
    transition: transform 750ms linear;
}

.cicle .bar-an {
    position: absolute;
    width: 88px;
    height: 88px;
    border-width: 6px;
    border-style: solid;
    border-radius: 50%;
    transform: rotate(-135deg);
}
.cicle .occupy {
    position: absolute;
    width: 88px;
    height: 88px;
    line-height: 88px;
    text-align: center;
    font-size: 18px;
    color: #20a53a;
}

/*2020-07-29 -----------------------------------*/
.w320{ width:100%; max-width: 320px; float: left;}
.w400{ width:100%; max-width: 400px; float: left;}
.first-title{ font-size: 24px; line-height: 50px; color: #333;}
.txt-table-right{font-size:14px; font-weight: normal; float: right; padding-right: 5%;}

.tableclass{  width:99%; font-size:15px; line-height:24px;text-align: center; color:#000; }
.tableclass tr{  background:#FFF;  }
.tableclass td{  padding:7px;}
.tableclass th{  padding:7px; }
.tableclass tr:hover{  background:#eee; }

.tableprint  {width:99%; font-size:15px; line-height:24px; text-align: center;color:#000; }
.tableprint tr{  background:#FFF;  }
.tableprint td{  padding:7px; }
.tableprint th{  padding:7px; }
.tableprint tr:hover{  background:#eee; }

.layui-table-main::-webkit-scrollbar {/*滚动条整体样式*/
        width: 1px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 10px;
    }
.layui-table-main::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 1px;
        /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
        background: #5FB878;
    }
.layui-table-main::-webkit-scrollbar-track {/*滚动条里面轨道*/
       /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
        border-radius: 1px;
        background: #E2E2E2;
    }
#print-table{ width:100%; max-width:1366px; margin:0 auto;}
/*2020-08-10 弹窗 iframe-----------------------------------*/
.iframe_div:after{ content: ''; clear: both; display: block; font-size: 0;}
.iframe_div{width:100%; box-sizing: border-box; padding: 15px; }


.suyee_check .layui-form-checkbox {margin-top:0!important;margin-right:0!important;float: right;}
.suyee_check .layui-inline {     margin-bottom: 0!important;     margin-right: 0!important; }
.suyee_check .layui-input{ height: 32px; }
.suyee_check {margin-bottom:5px!important;}




/*2021-01-20 相册 多图上传 组件-----------------------------------*/
.img-box{
	/*margin-top: 40px;*/
    float: left;
}
.img-box .up-p{
	/*margin-bottom: 20px;*/
	font-size: 14px;
	color: #999;
}
.z_photo{
	padding: 6px;
	border:2px dashed #E7E6E6;
	/*padding: 18px;*/
}
.z_photo .z_file{
	position: relative;
}
.z_file  .file{
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	cursor: pointer;
}
.z_photo .up-section{
	position: relative;
	margin-right: 20px;
	margin-bottom: 20px;
}
.up-section .close-upimg{
	position: absolute;
	top: 6px;
	right: 8px;
	display: none;
	z-index: 10;
}
.up-section .up-span{
	display: block;
	width: 100%;
	height: 100%;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9;
	background: rgba(0,0,0,.5);
}
.up-section:hover{
	/*border: 2px solid #f15134;*/
}
.up-section:hover .close-upimg{
	display: block;
}
.up-section:hover .up-span{
	visibility: visible;
}
.z_photo .up-img{
	display: block;
	width: 100%;
	height: 100%;
}
.loading{
    border: 1px solid #D1D1D1;
	background:url(../img/loading.gif) no-repeat center;
}
.up-opcity{
	opacity: 0;
}
.img-name-p{
	display: none;
}
.upimg-div .up-section {
    width: 100px;
    /*height: 180px;*/
}
.img-box .upimg-div .z_file {
    width: 100px;
    /*height: 180px;*/
}
.z_file .add-img {
    display: block;
    width: 100px;
    height: 100px;
    background: #eee;
    text-align: center;
    padding-top: 30%;
    box-sizing: border-box
}
/*遮罩层样式*/
.mask{
	z-index: 1000;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
}
.mask .mask-content{
	 width: 500px;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 margin-left: -250px;
	 margin-top: -80px;
	 background: white;
	 height: 160px;
	 text-align: center;
}
.mask .mask-content .del-p{
	color: #555;
	height: 94px;
	line-height: 94px;
	font-size: 18px;
	border-bottom: 1px solid #D1D1D1;
}
.mask-content .check-p{
	height: 66px;
	line-height: 66px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}
.mask-content .check-p span{
	width: 49%;
	display:inline-block;
	text-align: center;
	color:#d4361d ;
	font-size: 18px;
}
.check-p .del-com{
	border-right: 1px solid #D1D1D1;
}


.thumb{
    border:2px solid #F00;
}
/** {*/
/*	box-sizing: border-box;*/
/*	-moz-box-sizing: border-box;*/
/*	!* Firefox *!*/
/*	-webkit-box-sizing: border-box;*/
/*	!* Safari *!*/
/*}*/
.up-section .type-upimg{
	display: none;
}
::-ms-clear,::-ms-reveal{display:none;}
textarea{
	outline: none;
	line-height: 14px;
	padding-left: 4px;
	padding-top: 4px;
	border: 1px solid #ccc;
	color: #444;
	font-size: 14px;
	outline: none;
	text-align: left;
}
.overflow{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.clear {
	clear: both;
}
.full{
	width:100%;
	min-width:400px;max-width:1200px;
	margin: 0 auto;

}
.full-big{
	width: 1340px;
	min-width: 1340px;
	margin: 0 auto;
}
.img-full{
	display: block;
	width: 100%;
}
::-webkit-input-placeholder {
	color: #777;
	font-size: 14px;
}
:-moz-placeholder {
	/* Firefox 18- */
	color: #777;
	font-size: 14px;
}
::-moz-placeholder {
	/* Firefox 19+ */
	color: #777;
	font-size: 14px;
}
:-ms-input-placeholder {
	color:#777;
	font-size: 14px;
}
/* ====clear float====== */
/*nav a:visited{color: rgb(65,65,65);}
aside a:visited{color: rgb(65,65,65);}*/
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear:after {
	content: '';
	display: block;
	clear: both;
}
/* reset */
.pic img{display: none;}
dl.checking_part {	width: 100%;  float: left; font-size: 14px; line-height: 1.2; border-bottom: 1px solid #EEE; padding: 15px 0; margin-bottom: 10px;}
dl.checking_part dt{float:left; display: inline-block; font-weight: bold; }
dl.checking_part dd{float:left; display: inline-block; border-right: 1px solid #EEE; padding-right: 5px; margin-right: 5px;}
dl.checking_part dd:last-child{ border-right:none; }

ul.check_info_list {	width: 100%;  float: left; font-size: 14px; line-height: 1.6;}
ul.check_info_list li{float:left; width:100%;  box-sizing:border-box; overflow: hidden;transition: all 0.3s ease 0s; position: relative; padding: 10px 0 10px 35px; border-bottom: 1px solid #EEE; }
ul.check_info_list li time{    width: 100%;  box-sizing: border-box;    color: #666;}
ul.check_info_list li h2{    width: 100%;  box-sizing: border-box;    color: #333; font-weight: normal;font-size: 16px;}
ul.check_info_list li:before {
	content: ''; display: block;
	width: 10px; height: 10px; background:rgba(62, 179, 193, 0.51); border-radius: 100%; overflow: hidden;
	position: absolute;
    left: 10px;
    top: 17px; 
}
ul.check_info_list li a{
	position: absolute;
    right: 10px;
    top: 10px; 
}



/*2022-08-24 layui-col-md1里的label、input自适应 -----------------------------------*/
.suyee-label{
    position: relative; display:inline-block;  width: 100%; box-sizing: border-box;
    padding: 9px 5px; font-weight: 400; line-height: 20px;
}
.suyee-inline{width: 100% !important;}
.layui-col-md05{float: left; width: 5%; position: relative; display: block; box-sizing: border-box;}


/*2024-03-14 ECN 新增的 -----------------------------------*/
.road_box{width: 100%; float: left; box-sizing: border-box; border: #000 1px solid; padding: 10px; margin-bottom: 15px; position: relative;}
.road_box .road_btn{position: absolute; right:10px; top: 10px;}
.road_box h3{padding-bottom: 10px;}
.road_list{width: 100%; float: left; display: flex; align-items: center; }
.road_list li{ display: flex; flex-direction: column; justify-content: center; margin-right: 40px; position: relative;}
.road_list li span{ padding:5px 20px; border: #666 1px solid; }
.road_list li:before {
    content: "\f178";
    position: absolute;
    left:105%;
    top: 50%;
    display: block;
    font-family: 'FontAwesome';
    font-size: 30px;
    color: #999;
    line-height: 1;
    margin-top: -14px;
}
.road_list li:last-child:before {display: none;}

@media screen and (max-width:800px){

    /*---------------------------------//右侧内容区域-----------------------------------*/
   
   .paddingLeft25 {	padding-left: 0;}
   .suyee-label {    width: 90px; padding: 0 10px 5px 10px;max-width: 110px;float: left; text-align: right;}
   .suyee-col {    padding-bottom: 10px; width:135px;}
   /* .layui-table-fixed-r {display: none!important;}

    .layui-col-md05{width: 100%;} */

    .suyee-item-left{width: 110px;float: left; display: inline-block; text-align: right; overflow: hidden; line-height: 38px; clear: none !important;}
    .suyee-item-left label{ line-height: 38px;  height: 38px; overflow: hidden; width: 100%; padding-right: 10px; box-sizing: border-box; }
    .suyee-item-right{width: calc(100% - 110px) ;float: left; display: inline-block; overflow: hidden;clear: none !important;}

}