@charset "utf-8";



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

.Rightbox:after{ content:"";display: block;clear:both;}
.Rightbox{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 15px;
}
.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{;}
.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; 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;  }


#zhusi12{ width: 100%; box-sizing:border-box; margin-bottom:20px; background:url(../images/i_tip.png) 20px 10px no-repeat #fff;  color: #666;font: normal 14px/30px "微软雅黑","宋体",Arial;padding: 10px 0 10px 55px}
#zhusi12 h2{ color:#333; font-size:16px;}
#zhusi12 span{ color:#4694ff; font-size:16px;margin: 0 5px}





/*---------------------------------//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){ ; }
.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: #fff!important;color: #666!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;
}

.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;}
i,
p,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
br,
em,
dl,
dd,
li,
ul,
ol,
td,
th,
pre,
form,
body,
input,
strong,
textarea,
select,figcaption,figure{
    margin: 0;
    padding: 0;
}
em {
    font-style: normal
}
li {
    list-style: none
}
a {
    text-decoration: none;
}
img {
    border: none;

}
table {
    border-collapse: collapse;
}
textarea {
    resize: none;
    overflow: auto;
}
a,button{cursor:pointer;}



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;
}



.sm_1_on{color: #409eff;padding: 3px 15px;border-radius: 2px;}
.sm_1{color: #409eff;padding: 3px 15px;border-radius: 2px;}
.sm_2 {
    padding: 3px 15px;
    border-radius: 2px;
}
.shenhe_2{color: #409eff;padding: 3px 15px;border-radius: 2px;}
.shenhe_1{color: #409eff;padding: 3px 15px;border-radius: 2px;}


.layui-form-label span{color: red}
.add_dali_li{width: 45%;float: left;clear: none!important;}
.layui-layer-title{font-weight: bold}

.layui-table-cell{height: auto!important}
.layui-textarea{width: 90%!important;background: #fff!important;border: 1px solid #ddd!important}




.dd_1{color: #409eff;padding: 3px 15px;border-radius: 2px;}
.dd_2{color: #409eff;padding: 3px 15px;border-radius: 2px;}
.dd_3{color: #409eff;padding: 3px 15px;border-radius: 2px;}



.order_list_left{float: left;width: 47%;margin-left: 20px}
.order_list_left li{font-size: 14px;padding-bottom: 10px;}
.order_list_left h1{font-size: 14px!important;margin-bottom: 15px!important;font-weight: bold!important;background: #409eff;color: #fff;padding: 5px 15px;border-radius: 2px;width: 70px;}
.order_list_left h2{font-size: 14px!important;margin-bottom: 15px!important;margin-top: 25px;font-weight: bold!important;background: #409eff;color: #fff;padding: 5px 15px;border-radius: 2px;width: 70px;}




.order_view span{margin-right: 8px}

.order_view .hs{color: #409eff}
.canghai_cen{background: #f7f7f7;border: 1px solid #ddd;margin-left: 10px;padding: 0px 0 20px}

.chaxun_kong{text-align: center;font-size: 16px;height: 200px;padding-top: 145px;color: #666}


@media screen and (max-width: 1024px){
    .add_dali_li{width: 96%}
    .layui-layer-iframe{width: 90%!important;left: 5%!important;top: 13%!important;height: 74%!important}
    .order_list_left{width: 100%;margin-left: 0}
    .canghai_cen{margin-left: 0;margin-bottom: 20px}
    .chaxun_centent{padding: 3%}
    .SidebarLogo img{width: 40%!important}

}


/*滚动条样式*/

::-webkit-scrollbar {
    width: 10px;
    height: 6px;
}
::-webkit-scrollbar-button,
::-webkit-scrollbar-button:vertical {
    display: none;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-track:vertical {
    background-color: black;
}
::-webkit-scrollbar-track-piece {
    background-color: #eee!important;
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:vertical {
    margin-right: 10px;
    background-color: #ddd!important;
}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #ddd!important;
}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-corner:vertical {
    background-color: #eee!important;
}
::-webkit-scrollbar-resizer,
::-webkit-scrollbar-resizer:vertical {
    background-color: #eee!important;
}


.info_ul_1 i {
    font-size: 34px;
    display: block;margin: 0 auto
}

.info_ul{display: flex;justify-content:space-between;padding: 0 10px}
.info_ul_1{text-align: center;background: #fff;width: 23%;transition: all 0.3s}


.info_ul>div>a{display: block;padding: 35px 0}
.info_ul>div>a>span{font-size: 16px;margin-top: 8px;color: #333;display: block}


.my_info{padding: 0!important;background: #f7f7f7}
.my_right01{padding: 15px!important}

.info_ul_1:hover{box-shadow: 3px 0px 11px #ddd;width: 24%;}



.info_line_one{padding: 20px 20px 0;overflow: hidden;display: flex;justify-content:space-between;}
.info_line_1{background: #fff;width: 17%;border-radius: 5px;padding: 30px 1%;margin: 7px 0;}
.info_line_2{background: #fff;width: 40%;border-radius: 5px;padding: 30px 1%;margin: 7px 0;}
.info_line_3{background: #fff;width: 15%;border-radius: 5px;padding: 30px 1%;margin: 7px 0;}
.info_line_4{background: #fff;width: 17%;border-radius: 5px;padding: 30px 1%;margin: 7px 0;}

.info_line_1_1{overflow: hidden;display: flex;align-items: center;transition: all 0.3s}
.info_line_1_1 i{display: block;float: left;width: 4px;height: 20px;background: #409eff;}
.info_line_1_1 span{display: block;float: left;font-size: 16px;margin-left: 5px;font-weight: bold}

.info_line_1_2{text-align: center;font-size: 30px;font-family: "arial";font-weight: bold;padding: 20px 0;transition: all 0.3s}
.info_line_1_3{overflow: hidden;display: flex;justify-content: space-between;transition: all 0.3s}
.info_line_1_4{overflow: hidden;display: flex;justify-content: space-between;transition: all 0.3s}
.info_line_1_4 li{width: 25%;text-align: center;transition: all 0.3s}

.info_line_1_4 li i{display: block;text-align: center;font-size: 27px;font-family: "arial";font-style:normal;margin: 30px 0 10px;font-weight: bold}
.info_line_1_4 li span{display: block;text-align: center;margin-top: 8px;}


.info_line_1_5{overflow: hidden;margin-top: 30px}
.info_line_1_5 h1{font-size: 15px;color: #666;}
.info_line_1_5 h1 span{font-size: 20px;font-family: "arial";color: #333}
.info_line_1_5 h2{font-size: 15px;margin-top: 9px;color: #666;}


.info_line_1:hover{box-shadow: 3px 0px 11px #ddd;}
.info_line_2:hover{box-shadow: 3px 0px 11px #ddd;}
.info_line_3:hover{box-shadow: 3px 0px 11px #ddd;}
.info_line_4:hover{box-shadow: 3px 0px 11px #ddd;}



.info_line_two{overflow: hidden;padding: 0 20px;margin-top: 0.5%}
.info_line_5{float: left;width: 78%;background: #fff;padding: 25px 1%}

.info_line_6{float: right;width: 19%;}


.bfrsd{overflow: hidden;position: relative;height: 240px;margin-bottom: 5%;background: #fff;padding: 25px 5%}
.bgtre{background: #fff;padding: 25px 5%;height: 221px}
.info_line_1_6{text-align: center;padding-top: 10px;}
.chart {
    position: absolute;
    width: 170px;
    height: 170px;
    top: 50%;
    left: 50%;
    margin: -85px 0 0 -85px;
}
.doughnutTip {
    position: absolute;
    min-width: 30px;
    max-width: 300px;
    padding: 5px 15px;
    border-radius: 1px;
    background: rgba(0,0,0,.6);
    color: #ddd;
    font-size: 17px;

    text-transform: uppercase;
    text-align: center;
    line-height: 1.3;
    letter-spacing: .06em;
    pointer-events: none;
&::after {
     position: absolute;
     left: 50%;
     bottom: -6px;
     content: "";
     height: 0;
     margin: 0 0 0 -6px;

     line-height: 0;
 }
}
.doughnutSummary {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #409eff;
    text-align: center;
    cursor: default;
}
.doughnutSummaryTitle {
    position: absolute;
    top: 12%;
    width: 100%;
    font-size: 16px;
    letter-spacing: .06em;
}
.doughnutSummaryNumber {
    position: absolute;
    top: 52%;
    width: 100%;
    margin-top: -15%;
    font-size: 25px;
}
.chart path:hover { opacity: 0.65; }


.jks{overflow: hidden;padding-left: 30px;padding-bottom: 10px;}
.jks span{font-size: 15px;}
.bjfsa{overflow: hidden;padding-left: 30px;padding-top: 15px;}
.bjfsa button{padding: 0 22px!important}
.lse{background: #2d91ef!important}
.txicon img{border-radius: 100px;}
.wsji{color: #409eff   }

.vfda{width: 95%!important}

.mjoi{position: absolute;top: 0;right: 0;border: 0;background: #409eff;color: #fff;height: 37px;padding: 0 20px;}
.vcdsa{margin-top: 22px;}
.jsdwa{border-radius: 3px;width: 92%!important;display: block!important;border:1px solid #ccc!important;height: 30px!important;padding-left: 3%!important}

.nynav{font-size: 14px!important;color: #999!important}
.nynav a{font-size: 14px;color: #333;}
.nynav span{color: #999;font-size: 14px;}

.nynav i{margin-right: 7px;margin-left: 7px;}

@media screen and (max-width:1730px){
    .bgtre{height:226px }
}
@media screen and (max-width:1400px){
    .bgtre{height:228px }
}

@media screen and (max-width:1100px){
    .info_line_1{width: 28%}
    .info_line_2{width: 66%}
    .info_line_3{width: 28%}
    .info_line_4{width: 66%}
    .info_line_5{width: 98%}
    .info_line_6{width: 100%;margin-top: 2%}
    .bfrsd{padding: 25px 1%;margin-bottom: 2%}
    .bgtre{padding: 25px 1%;}
}


@media screen and (max-width: 1024px){
    .add_dali_li{width: 96%}
    .layui-layer-iframe{width: 90%!important;left: 5%!important;top: 13%!important;min-height: 50%!important;overflow: hidden!important}
    .order_list_left{width: 100%;margin-left: 0}
    .canghai_cen{margin-left: 0;margin-bottom: 20px}
    .chaxun_centent{padding: 3%}
    .SidebarLogo img{width: 40%!important;height: auto}
    .bfrsd{height: 200px}
    .bgtre{height: auto}
    .info_line_1_6{padding: 5% 0 2%}

}



@media screen and (max-width:640px){
    .info_line_one{padding: 3% 3% 0;flex-wrap: wrap}
    .info_line_two{padding: 3% 3% 0}
    .info_line_1{width: 94%;padding: 25px 3%}
    .info_line_2{width: 94%;padding: 25px 3%}
    .info_line_3{width: 94%;padding: 25px 3%}
    .info_line_4{width: 94%;padding: 25px 3%}
    .info_line_5{width: 94%;padding: 25px 3%}
    .bfrsd{padding: 25px 3%;}
    .bgtre{padding: 25px 3%;}


}