﻿@charset "utf-8";
/* 你自己的样式 */
html, body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
    background-color:#f2f2f2;
    overflow:hidden;
}
/*****************************************************正在加载、加载失败**************************************************************/
/******大********/
.hc_jiazai_da{max-width:300px; height:auto; text-align:center; margin:0 auto;}
.hc_jiazai_da .hc_jiazaiye img{width:70px; margin-left:-95px;}
.hc_jiazai_da .hc_jiazaiye{position:relative;}
.hc_jiazai_da .hc_jiazai p{font-size:16px; line-height:22px;}
.hc_jiazai_da .hc_shibaiye{position:relative;}
.hc_jiazai_da .hc_shibaiye img{ height:50px; margin-left:-135px;}
.hc_jiazai_da .hc_jiazaiyu{position:absolute; top:27px; left:140px; text-align:left;}
.hc_jiazai_da .hc_shibaiyu{position:absolute; top:15px; left:110px; text-align:left;}
.hc_jiazai_da .hc_jiazaiyu .hc_baoqian,.hc_jiazai_da .hc_shibaiyu .hc_baoqian{font-size:12px;}

/******中********/
.hc_jiazai_zhong{max-width:300px; height:100px; text-align:center; margin:0 auto;}
.hc_jiazai_zhong .hc_jiazaiye img{width:50px; margin-left:-80px;}
.hc_jiazai_zhong .hc_jiazaiye{position:relative;}
.hc_jiazai_zhong .hc_jiazai p{font-size:16px; line-height:22px;}
.hc_jiazai_zhong .hc_shibaiye{position:relative;}
.hc_jiazai_zhong .hc_shibaiye img{ height:40px; margin-left:-125px; margin-top:5px;}
.hc_jiazai_zhong .hc_jiazaiyu{position:absolute; top:18px; left:140px; text-align:left;}
.hc_jiazai_zhong .hc_shibaiyu{position:absolute; top:15px; left:110px; text-align:left;}
.hc_jiazai_zhong .hc_jiazaiyu .hc_baoqian,.hc_jiazai_zhong .hc_shibaiyu .hc_baoqian{font-size:12px;}

/******小********/
.hc_jiazai_xiao{max-width:300px; height:100px; text-align:center; margin:0 auto;}
.hc_jiazai_xiao .hc_jiazaiye img{width:40px;}
.hc_jiazai_xiao .hc_jiazaiye{position:relative;}
.hc_jiazai_xiao .hc_jiazai p{font-size:16px; line-height:22px;}
.hc_jiazai_xiao .hc_shibaiye{position:relative;}
.hc_jiazai_xiao .hc_shibaiye img{ height:30px;}
.hc_jiazai_xiao .hc_jiazaiyu .hc_baoqian,.hc_jiazai_xiao .hc_shibaiyu .hc_baoqian{font-size:12px;}


/*****************************树形结构*********************************/
/*.ztree li span.button.add { margin-left: 2px; margin-right: -1px; background-position: -144px 0; vertical-align: top;*vertical-align: middle;}*/
.ztree li a.copy { padding-top: 0; background-color: #316AC5; color: white; border: 1px #316AC5 solid; }
.ztree li a.cut { padding-top: 0; background-color: silver; color: #111; border: 1px #316AC5 dotted;}

.ztree li span.button.add{background-image: url(../My-IMG/TreeImage/add_16x16.png)!important; vertical-align:middle; *vertical-align:middle;background-size: 16px;margin-left:3px;margin-top:1px;}
.ztree li span.button.addItem{background-image: url(../My-IMG/TreeImage/addItem_16x16.png)!important; vertical-align:middle; *vertical-align:middle;background-size: 16px;margin-left:3px;margin-top:1px;}
.ztree li span.button.remove{background-image: url(../My-IMG/TreeImage/delete_16x16.png)!important; vertical-align:middle; *vertical-align:middle;background-size: 16px}
.ztree li span.button.sequence{background-image: url(../My-IMG/TreeImage/sequence_16x16.png)!important; vertical-align:middle; *vertical-align:middle;background-size: 16px;margin-left:3px;margin-top:1px;}
.ztree li span.button.edit {margin-right:2px; vertical-align:middle; *vertical-align:middle;background-image: url(../My-IMG/TreeImage/edit_16x16.png)!important;}

.ztree li span.button.ico_open{margin-right:2px; margin-left:2px;vertical-align:top; *vertical-align:middle;background-image: url("../My-IMG/TreeImage/floder_open_16x16.png")!important;}
.ztree li span.button.ico_close{margin-right:2px; vertical-align:top; *vertical-align:middle;background-image: url("../My-IMG/TreeImage/floder_close_16x16.png")!important;}
/*.ztree li span.button.ico_docu{margin-right:2px;  vertical-align:top; *vertical-align:middle;background-image: url("../My-IMG/TreeImage/document_16x16.png")!important;background-size: 16px}*/
.ztree li span.button.ico_docu{margin-right:2px;  vertical-align:top; *vertical-align:middle;background-image: url("../My-IMG/TreeImage/floder_close_16x16.png")!important;background-size: 16px}
.ztree li span.button.icon_ico_docu{margin-right:2px;  margin-left:3px;margin-top:2px;vertical-align:middle; *vertical-align:middle;background-image: url("../My-IMG/TreeImage/floder_close_16x16.png");background-size: 16px}
.ztree li span.button.icon_ico_open{margin-right:2px; margin-left:3px;margin-top:2px;vertical-align:middle; *vertical-align:middle;background-image: url("../My-IMG/TreeImage/floder_open_16x16.png")}
.ztree li span.button.icon_ico_close{margin-right:2px;margin-left:3px; margin-top:2px;vertical-align:middle; *vertical-align:middle;background-image: url("../My-IMG/TreeImage/floder_close_16x16.png")}

/*.ztree li span.button.add{margin-right:2px!important; background:url(../My-IMG/TreeImage/add.png) no-repeat scroll 0 0 transparent!important; vertical-align:top!important; *vertical-align:middle!important}
.ztree li span.button.remove{margin-right:2px!important; background:url(../My-IMG/TreeImage/delete.png) no-repeat scroll 0 0 transparent!important; vertical-align:top!important; *vertical-align:middle!important}
.ztree li span.button.sequence{margin-right:2px; background:url(../My-IMG/TreeImage/sequence.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}*/

.ztree li span.button.addscene{margin-right:2px!important; background:url(../My-IMG/TreeImage/addscene.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.addversion{margin-right:2px!important; background:url(../My-IMG/TreeImage/addversion_16x16.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}

.ztree li span.button.binding{margin-right:2px; background:url(../My-IMG/TreeImage/binding_16x16.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.OnLoad{margin-right:2px; background:url(../My-IMG/TreeImage/onload_16x16.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.RowDataBound{margin-right:2px; background:url(../My-IMG/TreeImage/rowdatabound_16x16.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.OnUnload{margin-right:2px; background:url(../My-IMG/TreeImage/onunload_16x16.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}



/***************************** CornflowerTabNav *********************************/
/* CornflowerTabBar */
.CornflowerTabBar { height:30px; background:url(../My-IMG/tabbg.gif) repeat-x; border-left:solid 1px #ddd; border-right:solid 1px #ddd;}
.CornflowerTabBar li { float:left; position:relative; margin:0 0 0 -1px;}
.CornflowerTabBar li a { display:block; float:left; height:30px; line-height:30px; overflow:hidden; width:108px; text-align:center; cursor:pointer;}
.CornflowerTabBar li.current { border-left:solid 1px #d5d5d5; border-right:solid 1px #d5d5d5; border-top:solid 1px #c5c5c5;}
.CornflowerTabBar li.current a { border-top:solid 2px #ff6600; height:27px; line-height:27px; background:#fff; color:#3366cc; font-weight:800; }
/* CornflowerTabCon */
.CornflowerTabCon { border-width:0 1px 1px 1px; border-color:#ddd; border-style:solid; position:relative;/*必要元素*/ min-height:180px; overflow:hidden; }
.CornflowerTabCon .subbox { position:absolute;/*必要元素*/ left:0; top:0; }

/* leftcon */
.TabCon_Left .subbox { width:400% }
.TabCon_Left .subbox .TabCon { float:left; width:25%; }

/* 图片样式 */
.Image {width:680px;height:406px;margin:20px auto;position:relative;background:#f7f7f7;}
.Image .btn{position:absolute;width:15px;height:70px;top:336px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.Image .prev{left:0;background:url(../My-IMG/images/prevBtn.png) no-repeat;}
.Image #prevTop,.Image #nextTop{top:213px;width:46px;height:48px;}
.Image #prevTop{background:url(../My-IMG/images/prevBtnTop.png) 0 0 no-repeat;}
.Image #nextTop{background:url(../My-IMG/images/nextBtnTop.png) 0 0 no-repeat;}
.Image .next{right:0;background:url(../My-IMG/images/nextBtn.png) no-repeat;}
.Image li{float:left;}
.Image .cf li{position:relative;color:#fff;}
.Image .cf a{display:block;width:680px;height:330px;position:absolute;color:#fff;}
.Image .cf li span{display:block;width:640px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.Image .picBox{height:330px;position:relative;overflow:hidden;}
.Image .picBox ul{height:330px;position:absolute;}
.Image .picBox li{width:680px;height:330px;}
.Image .listBox{width:642px;height:100px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.Image .listBox ul{height:100px;position:absolute;}
.Image .listBox li{width:129px;height:70px;cursor:pointer;position:relative;}
.Image .listBox li i{display:none;}
.Image .listBox li a{display:block;width:124px;height:70px;}
.Image .listBox li img{width:124px;height:70px;}
.Image .listBox .on img{width:118px;height:64px;border:3px solid #ff6600;}
.Image .listBox .on i{display:block;}


/*树形页面 清除浮动*/
/*.text-c:after{content: "";clear: both;display:block;width: 0;height: 0;}*/

/* 属性页面样式 */
.tabBar{border-bottom:1px solid #ddd;width: 100%;float: left;line-height: 14px;margin-bottom: 10px;}
.HuiTab:after{clear: both;content: '';display: block}
.tabBar .first{border-bottom:1px solid #fff;font-weight: normal;float: left;padding: 0.7em;border-top: 2px solid skyblue;border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
.tabBar .second{font-weight: normal;float: left;padding: 0.7em;border-top: 1px solid #ddd;background: #fbfaf8;border-right:  1px solid #ddd }
.tabBar .third{font-weight: normal;float: left;padding: 0.7em;border-top: 1px solid #ddd;background: #fbfaf8;border-right:  1px solid #ddd }
.tabBar .forth{font-weight: normal;float: left;padding: 0.7em;border-top: 1px solid #ddd;background: #fbfaf8;border-right:  1px solid #ddd }
.tabBar>li{margin-bottom: -1px}
.tabBar li a{text-decoration: none;color: black;font-size: 12px;padding: 1em}
.tabBar li:first-child:hover a{color: black !important;}
.tabBar li:hover {background: white}
.tabBar li:hover a{color: skyblue}
.tabBar li:active{border-top: 2px solid skyblue;}
.form-horizontal .form-label{text-align: left;padding-left: 20px;padding-right:0px;}
/*.btn-primary{padding: 1em;}*/


/*栅格修改*/
.label-title{width: 90px;float:left;margin-top: 5px!important;}
.input-text-min{width: calc((100% - 240px) / 2);float:left;padding-right:0!important;}
.input-text-max{width: calc(100% - 130px);float: left;padding-right: 0!important;}
.input-text-mid{width: 60%;float: left}
.input-text-number{width: 60px;float: left}
.input-checkbox{width: 60px;display: inline-block}

.label-title-contip{width: 90px;float:left;margin-top: 5px!important;}

.tabBar .first a{cursor:default;}
.skin-minimal{margin-top: 3px;}
.skin-minimal span{margin-left: 22px;}
.radio-box .iradio-blue input{position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;}
.radio-box .iradio-blue ins{position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;}
.skin-minimal .icheckbox-blue input{position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;}
.skin-minimal .icheckbox-blue ins{position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;}


.tabBar{border-bottom:1px solid #ddd;width: 100%;float: left;line-height: 14px}
.HuiTab:after{clear: both;content: '';display: block}
.tabBar span{background: white!important;color: black!important;font-size: 13px!important;font-weight: normal;height: 35px;line-height:35px;position:relative;}
.tabBar .current{background: white!important;color: black!important;font-size: 13px!important;font-weight: normal;}
.tabBar .current:after{position: absolute;left: 0;top: 0;content: '';width: 100%;height: 36px;border: 1px solid #ddd;border-top:2px solid skyblue;border-bottom-color: #fff;box-sizing: border-box;pointer-events: none;}
.tabBar .th-last{border-right: 1px solid #ddd;}
.row button{font-size: 12px;}

/*属性页面保存按钮样式*/
.btn-submit{font-size:12px!important;font-weight:normal;border:none;}
.btn-submit:hover{transition:.2s linear;border:none;background-color: skyblue!important;}
.btn-submit:active{box-shadow:none;}
.btn-cancel{font-size:14px!important;font-weight:normal;margin-left:10px;}
.btn-reset{padding-left:1.5em;padding-right:1.5em;font-size:14px!important;font-weight:normal;}

/*list-css修改*/
.dataTables_length{margin-left:15px;margin-top:9px;}
.list_handle{background:inherit;border:none;padding-left:0;padding-right:0px;margin-top:0px;margin-bottom:-10px;}

/*刷新css*/
.btn-refresh{color:#333;background:#f7f7f7;border-color:#ddd;font-size: 12px;margin:0;}
.btn-refresh:hover{color:#333;background:#fff;border-color:#ddd;}
.btn-refresh:active {color:#333;}
.btn-refresh:link{color:#333;}

/*新增*/
.btn-addData {margin-right:10px;}

/*其他功能按钮css*/
.btn-other{color:#000;background:#f7f7f7;border-color:#ddd;margin-left:10px;}
.btn-other:hover{color:#000;background:#fff;border-color:#ddd;}

.btn-primary{background-color:cornflowerblue;border-color:cornflowerblue;}
.btn-primary:hover{background-color:skyblue;border-color:skyblue;}

/*icon位置修改通用10.27*/
.add{vertical-align:top;display:inline-block;margin-right: 3px;}
.delete{vertical-align:top;line-height:16px;margin-right: 3px;}

/*全局字体修改*/
*{font-family:'Microsoft YaHei','pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui',simsun,sans-serif;}

/*树形文字功能按钮样式修改11.2*/
.btn-select{padding: .6em 0;margin-left:13px;}

/*属性页面注释样式*/
.span_remark{color:red;display: block;margin-left: 110px;font-size:13px; font-weight:bold;}
.span_remark_left{color:red;display: block;font-size:13px;font-weight:bold;}
.span_remark_right{color:red;display: block;font-size:13px;font-weight:bold;}


/*提示信息页面样式*/
.ex-title h3 {padding-left: 10px;border-left: 12px solid cornflowerblue;}
.ex-main h4 {font-size: 14px;font-weight: normal;color: #474849;padding-left: 13px;border-left: 1px solid #999}
.ex-main p {font-size: 14px;text-indent: 25px;color: #333;line-height: 25px;}
 .ex-main img {width: 150px;height: 150px;}
 .ex-main p span {color: #136ec2;}
 .ex-main div {border-bottom: 1px dashed #ddd;}
 .container {padding: 12px 50px 50px 50px;}

 /*tabBar icon添加11.4*/
 .tabBar_icon{vertical-align:top!important;margin-top:10px!important;margin-right:5px!important;}

 /*标题加下滑线*/
.span_title {text-decoration: underline; cursor: pointer;}

/*属性页面按钮操作浮动*/
.div_button {float:right;}

/*保存类型*/
.appt_main h2{padding-left: 15px;border-left: 12px solid cornflowerblue;}
.appt_main h3{padding-left: 15px;border-left: 12px solid cornflowerblue; font-size: 18px; width: calc(100% - 28px); padding-top: 10px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.appt_main{padding: 30px 30px 30px 30px;}
.app_time:after{clear: both;content: "";display: block;}
.app_time{border-bottom: 1px dashed #ddd}
.radio{float: left;margin-top:9px;}
.appt_text{float: left;width: calc(100% - 61px);margin-left: 20px;}
.appt_text p{margin-top: 0px;font-size: 18px;}
.appt_text span{word-break: normal;word-wrap: break-word;margin-bottom: 20px;}
.date_input{float: left;margin-left: 20px;}
.date_input input{outline: none;border: 1px solid cornflowerblue;}
.appt_submit button{width: 10%;height: 35px;float: right;background: cornflowerblue;color: white;border: 1px;cursor: pointer;}
.appt_btn:hover{background: green;transition:background-color 0.3s linear;}

/*资料提供设置界面样式*/ 
.multi-line .audio-add {margin-bottom: 10px;}
.multi-line .pic-add {margin-bottom: 10px;}
.single-line .pic-add {display: inline-block;}
.single-line .audio-add {display: inline-block;margin-left: 15px;}
.single-line .video-add {display: inline-block;margin-left: 15px;}


.form-horizontal .show-mobile{padding-left:0px;width:89px;}
.form-horizontal .expand{padding-left:10px;margin-top:0!important;}


/*checkbox label*/
.checkbox-label{margin-left: 25px; cursor: pointer;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media screen and (max-width: 1366px) {
    .checkbox-label-overflow {
        max-width: 75px;
    }
}

.least-choice{width:106px;margin-top:0!important;line-height:31px;}
.most-choice{width:64px;margin-top:0!important;line-height:31px;}
.choice-span{float:left;line-height:31px;}
.spinner-change{margin-top:4px;}

/*17.01.05*/
/*滚动条默认样式修改chorme*/
::-webkit-scrollbar/*整体部分*/
{width: 3px;height:3px;}

::-webkit-scrollbar-track/*滑动轨道*/
{-webkit-box-shadow: inset 0 0 5px rgba(228, 228, 228, 0.02);border-radius: 0px;background: rgba(238, 238, 238, 0.07);}

::-webkit-scrollbar-thumb/*滑块*/
{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(81, 81, 81, 0.2);background: rgba(197, 197, 197, 0.2);}

::-webkit-scrollbar-thumb:hover/*滑块效果*/
{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(179, 179, 179, 0.2);background: rgba(160, 160, 160, 0.3);}

/*滚动条默认样式修改IE*/
body {
    SCROLLBAR-FACE-COLOR: #ddd;        /*滚动条凸出部分的颜色*/
    /*SCROLLBAR-HIGHLIGHT-COLOR: #f256c6;    /!*滚动条空白部分的颜色*!/*/
    SCROLLBAR-SHADOW-COLOR: #fff;     /*立体滚动条阴影的颜色*/
    SCROLLBAR-3DLIGHT-COLOR: #fff;     /*滚动条亮边的颜色*/
    SCROLLBAR-ARROW-COLOR: #fff;     /*上下按钮上三角箭头的颜色*/
    SCROLLBAR-TRACK-COLOR: #fff;     /*滚动条的背景颜色*/
    /*SCROLLBAR-DARKSHADOW-COLOR: #f629b9;     /!*滚动条强阴影的颜色*!/*/
    SCROLLBAR-BASE-COLOR: #e9cfe0;     /*滚动条的基本颜色*/
}

.routing-select{width: calc(100% - 525px);display: inline-block;vertical-align: top;}
.paper-choose{border: none; background: cornflowerblue;color: white;height: 30px;border-radius: 5px;outline: none;}
.pic-hold{border:1px solid #ddd;width: calc(66.5% - 95px);display: inline-block;overflow: scroll;}
.pic-hold img{margin: 0px;}



/*属性页面form样式*/
.mycss-answeritem{border:none;}
.mycss-answeritem th{border:none;border-bottom:1px solid #ddd}
.mycss-answeritem td{border:none;}
/*input位置小调整*/
input[type="radio"], input[type="checkbox"]{margin-top:3px;}

/*属性页面段标题样式*/
.mycss-label-paragraphHeading{display: inline-block;width: 110px;font-size: 20px;margin-bottom: 20px;}
.mycss-div-paragraphHeading{border: 1px dashed #ddd;display: inline-block;width: calc(100% - 153px);margin-left: 10px;vertical-align: middle;margin-top: -2px;}


/*属性页面扩展内容icon-css*/
.mycss-span-info-expand{background: url('../My-IMG/show_24x24.png'); width: 24px; height: 24px;display:inline-block; vertical-align: middle;cursor: pointer;margin-top:-2px;margin-right: 5px; }
.mycss-span-info-unexpand{background: url('../My-IMG/hide_24x24.png'); width: 24px; height: 24px;display:inline-block;  vertical-align: middle;cursor: pointer;margin-top:-2px;margin-right: 5px;}

.mycss-span-expand{background: url('../My-IMG/show_20x20.png'); width: 20px; height: 20px;display:inline-block; vertical-align: middle;cursor: pointer;margin-top:-2px; }
.mycss-span-unexpand{background: url('../My-IMG/hide_20x20.png'); width: 20px; height: 20px;display:inline-block;  vertical-align: middle;cursor: pointer;margin-top:-2px;}

/* 虚线*/
.mycss-hr-dashed {height:1px;border:none;border-top:1px dashed #ddd;margin-top:11px;}

/*手机icon*/
.mycssImg-mobile{float:left;margin-top:10px;margin-left: 7px;}
.mycssDiv-Mobile{clear: both;content: '';display: inline-block;float: left;width: 21px;}

/*17.02.09后台美化*/
/*右侧内容按钮*/
.mycssBtn-search{background:#a8bc7b;border-color:#a8bc7b;margin-right:10px;}
.mycssBtn-search:hover{background:#b5bc7b;border-color:#b5bc7b;}
.btn-success:active{background:#a8bc7b;border-color:#a8bc7b;}
.btn-success:focus{background:#a8bc7b;border-color:#a8bc7b;}
.mycssBtn-copy{margin-right: 10px;line-height: 17px!important;padding: 6px 12px!important;background:#f0ad4e;border-color:#f0ad4e;color:#fff;  }
.mycssBtn-copy:hover{background:#f0cd4e;border-color:#f0cd4e;color:#fff;}
.mycssBtn-copy:active{background:#f0cd4e;border-color:#f0cd4e;color:#fff;}
.mycssBtn-copy:focus{background:#f0cd4e;border-color:#f0cd4e;color:#fff;}
.mycssBtn-delete{margin-right: 10px;line-height: 17px!important;padding: 6px 12px!important;background:#dd514c;border-color:#dd514c;color:#fff;}
.mycssBtn-delete:hover{color: #fff;background-color: #c62b26;border-color: #c62b26;}
.mycssBtn-delete:active{color: #fff;background-color: #c62b26;border-color: #c62b26;}
.mycssBtn-delete:focus{color: #fff;background-color: #c62b26;border-color: #c62b26;}
.mycssBtn-submit{margin-right: 10px;line-height: 17px!important;padding: 6px 12px!important;background:cornflowerblue;border-color:cornflowerblue;color:#fff;}
.mycssBtn-submit:hover{color: #fff;background-color: skyblue;border-color: skyblue;}
.mycssBtn-submit:active{color: #fff;background-color: skyblue;border-color: skyblue;}
.mycssBtn-submit:focus{color: #fff;background-color: skyblue;border-color: skyblue;}
.mycssBtn-cancel{margin-right: 10px;line-height: 17px!important;padding: 6px 12px!important;background:#fff;border-color:#ddd;color:#000;}
.mycssBtn-cancel:hover{color: #000;background-color: #f7f7f7;border-color: #ddd;}
.mycssBtn-cancel:active{color: #000;background-color: #f7f7f7;border-color: #ddd;}
.mycssBtn-cancel:focus{color: #000;background-color: #f7f7f7;border-color: #ddd;}

/*list页面*/
/*layer.css 7行*/
/*.layui-layer{border:1px solid #5e87b0; }
/*layer.css 7行  加图标 关闭前+刷新*/
.layui-layer-title{background-color: #414850!important;color:#fff!important; }


/*btn,input统一圆角2px*/
.btn{border-radius:2px;}
input[type="text"]{border-radius:2px;}
.mycssTextarea{border-radius:2px;}
.paginate_button{border-radius:2px;}
.select-box {border:1px solid #a8a5a5;border-radius:2px;}
.textarea {border-radius:2px;}


.menu_dropdown img{margin-top: -3px;width: 16px;height: 16px;}


/*content-scroll标签页*/
.mycssContent-scroll{overflow-y: auto; width: 100%; padding-top: 0;padding-bottom:5px; height:493px; }

/*通用保存按钮样式*/
.mycssButton-common-submit{font-size:14px!important;font-weight:normal;background-color: cornflowerblue;border-color:cornflowerblue;color: #fff;}
.mycssButton-common-submit:hover{background-color: skyblue;border-color: skyblue;}

.mycssButton-image {margin-right:5px;}

/*通用查询checkbox宽度样式*/
.mycssSearch-Checkbox {margin-top: 5px; float: right; margin-left: 15px;}

/*权限对象选择css*/
.user-selectLable{font-size: 18px; margin-left: 0; margin-top: -2px; display: inline-block;}
.user-select{font-size: 18px!important; margin-left: 25px; display: inline-block; margin-top: -2px;}


/*卡片式样式 2017.5.31 */
.card-layout{width: 100%;/*height: 345px;*/border-radius: 3px;font-family: 'Microsoft YaHei';display: inline-block;}
/*.card-layout:hover{-webkit-transform: scale(1.01);-moz-transform: scale(1.01);-ms-transform: scale(1.01);-o-transform: scale(1.01);transform: scale(1.01);}*/
.card-layout-title{height: 40px;-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;background-color: cornflowerblue;color: #fff;}
.card-layout-title span{height: 40px;line-height: 40px;font-size: 18px;display:inline-block;overflow: hidden;text-overflow: ellipsis;padding: 0 20px 0 0;width: calc(100% - 130px);white-space:nowrap;}
.card-layout hr{margin-top: 0;}
.card-layout-content{position: relative;/*height: 295px;*/border: 1px solid #ddd;border-top: 0;border-radius: 0 0 3px 3px;}
/*.card-layout-main{padding: 10px;}*/
/*.card-layout-main:nth-child(2){background-color: #F0f0f0;}
.card-layout-main:nth-child(4){background-color: #F0f0f0;}*/
.card-layout-footer{position: absolute;left: 50%;margin-left: -120px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;}
.card-layout-footer span{margin-right: 10px;}
.card-layout-circle-l{border: 1px solid cornflowerblue;background-color: #fff;border-radius: 0 10px 10px 0; width: 5px;height: 10px;position: absolute;top: -7px;left: 0px;border-left: none;}
.card-layout-circle-r{border: 1px solid cornflowerblue;background-color: #fff;border-radius: 10px 0 0 10px; width: 5px;height: 10px;position: absolute;top: -7px;right: 0px;border-right: none;}
.card-layout-main-right{display: inline-block;vertical-align: top;margin-top:4px;}
.card-layout-main-right span:nth-child(2){font-size: 13px;overflow: hidden;text-overflow: ellipsis;width: 145px;display: inline-block;vertical-align: middle;height: 17px;white-space:nowrap;}
.card-layout-title .icon-title{margin-right: 5px;line-height: 40px; vertical-align: text-bottom; margin-left: 10px;}
.card-layout-title .icon-jihua{float: right;font-size: 16px;display: inline-block;height: 40px;line-height: 40px;padding: 2px 0 0 10px;cursor: pointer;}
.card-layout-title .delete{float: right;font-size: 18px;display: inline-block;height: 40px;line-height: 40px;padding: 0 10px;cursor: pointer;}
.card-layout-main .iconfont{margin-right: 5px;margin-top: 3px;}
.card-layout-main span:nth-child(1){display: inline-block;font-size: 15px;}
.card-layout-main-right span:nth-child(1){font-size: 13px;margin-top: 0px;}
.card-layout-footer span{font-size: 12px!important;}
.card-layout-footer span:nth-child(1){vertical-align: baseline;}

/*输入框内存放icon */
.mycssInput-Icon-R{position: absolute;top: 6px;right: 6px;}
.mycssTextarea-Icon-R{position: absolute;top: 26px;right: 6px;}
.mycssInput-Icon-L{position: absolute;top: 6px;left: 4px;}
.mycssTextarea-Icon-L{position: absolute;top: 26px;left: 4px;}
.mycss-PDR-20{padding-right:20px; }
.mycss-PDR-30{padding-right:30px; }
.mycss-PDL-20{padding-left:20px; }
.mycss-PDL-30{padding-left:30px; }

.input-text-ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

/*表格列表样式*/
table.table-bg{background-color: #FFFFFF;}
table.DTFC_Cloned thead, table.DTFC_Cloned tfoot {background-color: #FFFFFF;}
div.DTFC_Blocker { background-color: #FFFFFF; display:block!important;}
div.DTFC_LeftWrapper table.dataTable, div.DTFC_RightWrapper table.dataTable {margin-bottom: 0;z-index: 2;}
div.DTFC_LeftWrapper table.dataTable.no-footer, div.DTFC_RightWrapper table.dataTable.no-footer { border-bottom: none; }
div.DTFC_LeftWrapper .DTFC_LeftBodyWrapper .table-border{border-top:0;}

.dataTables_wrapper .dataTables_scrollBody .table-border{border-top:0;}
.dataTables_wrapper .dataTables_scrollBody table{width:calc(100% - 2px)!important;}
.dataTables_wrapper .dataTables_paginate{padding-top:7px}
.dataTables_wrapper .table-bordered th,.dataTables_wrapper .table-bordered td{border-left: 0; }
.dataTables_wrapper .table-bordered{border-right:0;}

.dataTables_wrapper .table .text-c th, .dataTables_wrapper .table .text-c td {text-align : left!important;}
.dataTables_wrapper .table .text-r th, .dataTables_wrapper .table .text-r td {text-align : left!important;}
/*防止table自动生成横线滚动条*/
/*.dataTables_wrapper .dataTables_scrollBody{overflow-x:hidden!important;}*/

/* 适用于Safari浏览器  开始*/

/*全部指标过长 safari下溢出隐藏 div 给title*/
@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) 
{ @media {
     .mycssSearch-Checkbox {
            overflow: hidden!important;
            text-overflow: ellipsis!important;
            white-space: nowrap;
        }

        .checkbox-label {
            line-height: 27px;
            margin-left:25px;
        }

        .mui-table-view-cell.mui-active {
            margin-left: 0px;
        }
}}  

/* 适用于Safari浏览器  结束*/

/* 适用于 IE 浏览器 开始*/

_:-ms-lang(x),.icon-close{position:static!important;}
_:-ms-lang(x),.layui-layer-page .layui-layer-content{overflow:hidden;}
_:-ms-lang(x),.mui-bar-tab{margin-left:195px;}
_:-ms-lang(x), 
_::-webkit-meter-bar, 
.mycss-ickCard{ height:calc(-33px + 100%);}

/* 适用于 IE 浏览器 结束*/

/* 列表查询条件样式 */
@media (min-width: 1024px){
    .toggle-condition{width:100%;}
} /*>=1024的设备*/

@media (min-width: 1100px) {
.toggle-condition{width:auto;}
} /*>=1100的设备*/
@media (min-width: 1280px) {
.toggle-condition{width:auto;}
} /*>=1280的设备*/

@media (min-width: 1366px) {

.toggle-condition{width:auto;}
}  

@media (min-width: 1440px) {
.toggle-condition{width:auto;}
} 

@media (min-width: 1680px) {
.toggle-condition{width:auto;}
} 
@media (min-width: 1920px) {
.toggle-condition{width:auto;}
} 


.toggle-condition-btn{outline:none;background:transparent;border:none;cursor:pointer;}
.Hui-iconfont-arrow2-bottom{font-size:20px;}
.Hui-iconfont-arrow2-top{font-size:20px;}
/* 查询条件通用 */
/*隐藏条件 query-text为文本  query-select为选择  query-date为日期*/
.toggle-condition{display:none; margin-left:24px;}
.query-condition{display:inline-block;margin-right:20px;}
.toggle-condition .query-condition{margin-top:10px;}
.query-text .label-title{width: auto;padding-left: 0;margin-right:10px;float:none;display:inline-block;vertical-align:middle;margin-top:0px!important;}
.query-text .input-text-min{width:110px;float:none;display:inline-block;}
.query-select .label-title{width: auto;padding-left: 0;margin-right:10px;float:none;display:inline-block;vertical-align:middle;margin-top:0px!important;}
.query-select .input-text-min{width:70px;float:none;display:inline-block;}
.query-date .label-title{width: auto;padding-left: 0;margin-right:10px;float:none;display:inline-block;vertical-align:middle;margin-top:0px!important;}
.query-date .input-text-min{width:108px;float:none;display:inline-block;}
/*固定条件*/
.rigid-condition .rigid-search{display:inline-block;float:left;}
.rigid-search .input-text{width:125px;}
.rigid-condition .rigid-btn{display:inline-block;float:right;}
.rigid-btn .l, .rigid-btn .r{float:none!important;}
/*清除浮动*/
.clearfix{display:block;visibility:visible;content:'';}


/*用div制作table*/
.mycssDivTable{ width:calc(100% - 1px); padding: 0;font-size: 14px;font-family: "Microsoft Yahei", sans-serif;display: table; border-collapse: collapse;table-layout:fixed;}
.mycssDivTable .table-tr {display: table-row;}
.mycssDivTable .table-tr:hover{background-color:#f5f5f5;}
.mycssDivTable .table-th {display: table-cell;font-weight: bold;border: 1px solid #ddd;border-top:0px; vertical-align: middle;padding: 8px;line-height: 20px;background-color: #f5fafe;font-size: 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mycssDivTable .table-td {display: table-cell; height: 100%;border: 1px solid #ddd;border-top:0px; vertical-align: middle;padding: 8px;line-height: 20px;font-size: 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mycssDivTable .table-tr .table-th {border-top:1px solid #ddd;}
.mycssDivTable .table-tr .table-td {border-top:1px solid #ddd;}

/*.pd-20{padding:12px 18px 20px 20px;}*/
.table-nest tr:hover td{background-color:#dff0db;}

/*确定icon更换*/
.btn .icon-dui{vertical-align: middle;}
.btn .icon-dui:before{margin-right: 5px;}

/*属性菜单功能按钮*/
.table .btn-select a{
    font-size: 12px;
    border-radius: 3px!important;
    margin-right: 5px;
    border-radius: 2px!important;
    background: #e9e9e9;
    border: none;
    color: #333;
    transition: .15s linear;
    padding: 6px;
    height: 25px;
    line-height: 13px;
}
.table .btn-select a:hover{
    color: #fff;
    background: cornflowerblue;
}
.table .btn-select .icon-fuzhi-shuxing, .table .btn-select .icon-jianqie-shuxing, .table .btn-select .icon-niantie-shuxing, .table .btn-select .icon-shuaxin-shuxing{
    font-size: 13px;
    margin-right: 3px;
}

.div_button .icon-shuaxin-shuxing{
    font-size: 12px;
    margin-right:5px;
}
.div_button .icon-tijiao{
    font-size: 12px;
    margin-right:5px;
}
.div_button .icon-yulan{
    font-size: 12px;
    margin-right:5px;
}

/*登录人隐藏层*/
.dropDown.open .dropDown-menu{
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 100%;
    line-height: 36px;
    padding: 5px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    border: 1px solid #d2d2d2;
    background-color: #fff;
    border-radius: 2px;
    white-space: nowrap;
}
.dropDown.open .dropDown-menu.animated{
    animation-duration: .3s;
}
.dropDown-menu li a{
    transition:all .3s linear;
    color: #333;
}
.dropDown-menu li a:hover{
    color: #333;
}
/* 树形页面框架背景样式 */
.mycss-ickCard{
    height: calc(100% - 32px);
    border-radius: 2px;
    padding: 8px;
    margin: 8px;
    background: #fff;
}


/* 列表查询条件样式 */
.mycssSearchCondition-label{
    float:right;
    line-height:31px;
}
.mycssSearchCondition-label-active {
    border-bottom: 2px solid #229bff;
    color: #229bff;
    transition: .2s linear;
    -moz-transtition: .2s linear;
    -webkit-transition: .2s linear;
}

.mycss-div-contenteditable:hover {
    border: 1px solid skyblue;
    background-color: #fff;
}

/* pre是展示代码的所以可以复制 */
pre{
    border: 0px;
    overflow-y: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}

/* 列表checkbox样式 */
.dataTables_wrapper  input[type="checkbox"] {
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    position: relative;
}

.dataTables_wrapper input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    width: 100%;
    height: 100%;
    border: 1px solid #d9d9d9;
}
.dataTables_wrapper input[type="checkbox"]:hover::before {
    border: 1px solid #0E76A8;
    cursor: pointer;
}

.dataTables_wrapper input[type="checkbox"]:checked::before {
    content: "\2714";
    background-color: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #0E76A8;
    color: #0E76A8;
    font-size: 16px;
    font-weight: bold;
}
.text-c, .text-l {
      /*文本强制不换行*/
    white-space: nowrap;
    /*文本溢出显示省略号*/
    text-overflow: ellipsis;
    /*溢出的部分隐藏*/
    overflow: hidden;
}
@media print {
    body {
      //color:black;
      //transform: scale(0.75);  /* 设置缩放比例为0.8（80%），可根据需求调整 */
        color: black;
        width: 100%; /* 设置打印内容的宽度为页面宽度的100% */
        height: auto;  /* 高度自动 */
        zoom: 0.75; /* 设置缩放比例为0.8（80%），可根据需求调整 */
        transform-origin: top left; /* 设置变换的原点为左上角 */
        margin: 0;
        padding: 0;

    }
  }