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

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

.RightMain:after{ content:"";display: block;clear:both;}
.RightMain{width: 100%;min-height: 100%; background: #FFF; box-sizing: border-box; padding: 15px;}


.layui-form .layui-input-inline {
    float: left;
    width: 190px;
    margin-right: 10px;
}
.suyee-label {
    display:  inline-block;
    padding: 0 0 5px 5px;
}
.suyee-col{display:  inline-block;padding-right:3px;
    width: 100%;
    box-sizing: border-box;}

.layui-table-page { width: auto !important;     float: right;}
a.layui-btn{ color:#FFF;}
a.layui-btn-primary{ color:#555;}
.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;
}

.layui-content{ float: ;}
.layui-content:after,
#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;
}


.process_value:after{ content: ''; clear: both; display: block; font-size: 0;}
.process_value{ display: block; float:left;/*max-width: 400px; */   width: 50%;box-sizing: border-box; border: 1px solid #e6e6e6;background:#EEE; position: relative;}
.process_value dt{display: block; float:left;width: 25%;box-sizing: border-box; }
.process_value dt h2{ position: absolute; left: 0;
	top: 50%;
    width: 25%;
    text-align: center;
    transform: translate(0,-50%);
	font-size: 16px; color: #222; }
.process_value dd{display: block;float:left;width: 75%;box-sizing: border-box; border-left: 1px solid #e6e6e6;	background-color:#FFF; }
.process_value dd p{ width: 100%; box-sizing: border-box; border-bottom: 1px solid #e6e6e6;padding: 3px;}
.process_value dd p:last-child{border-bottom:none;}
.process_value dd p span{min-width: 100px;    display: inline-block;    text-align: right;    padding-right: 5px;background-color:#F5F5F5;line-height: 32px; }
.process_value dd p font{min-width: 50px;display: inline-block;    padding-left: 5px;}

.table_process { width:auto;  background-color:#F5F5F5; text-align:left;border: 1px solid #e6e6e6;border-collapse:collapse;}
.table_process th ,.table_process td{border: 1px solid #e6e6e6;border-collapse:collapse; padding: 5px;}
.table_process th{  background-color:#F5F5F5; text-align:right; font-weight:normal;min-width: 80px;}
.table_process td{  background-color:#FFF;  min-width: 100px; padding-right: 10px;}
.inport_cert { 
    padding: 0 5px;
    color: #666;
    border: #e6e6e6 1px solid; background: #FFF;
    height: 30px; line-height: 30px; width: 50px;
}




.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;}
.grey{color: #aaa;}
.bg_readonly {    background: #fcfcfc  !important; color: #666;}
.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;}

/*2020-12-19 -----------------------------------*/
.layui-col-md05 {
    width: 4.1666666%;
    float: left;
    position: relative;
    display: block;
    box-sizing: border-box;
}
.paddingLeft25 .layui-input, .paddingLeft25 .layui-textarea{	padding-left: 5px !important;}

/*2022-09-01 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;}

@media screen and (max-width:800px){
    .suyee-label{max-width: 110px;float: left; text-align: right;}
    .layui-col-md05{float: unset; 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: right; display: inline-block; overflow: hidden;clear: none !important;}
}