body {margin:0; padding:0; font:12px/1.5 helvetica,arial,"微软雅黑",\5b8b\4f53;}
body{
    background:#f5f5f5;cursor:default
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;max-width: 100%; height:auto;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
/* ::-webkit-scrollbar{ */
/*     width: 5px; */
/*     height: 5px; */
/*     background-color: #f5f5f5; */
/* } */
/*定义滚动条的轨道，内阴影及圆角*/
/* ::-webkit-scrollbar-track{ */
/*     -webkit-box-shadow: inset 0 0 6px rgba(51, 122, 183,.3); */
/*     border-radius: 10px; */
/*     background-color: #f5f5f5; */
/* } */
/*定义滑块，内阴影及圆角*/
/* ::-webkit-scrollbar-thumb{ */
/*     width: 10px; */
/*     height: 20px; */
/*     border-radius: 10px; */
/*     -webkit-box-shadow: inset 0 0 6px rgba(51, 122, 183,.3); */
/*     background-color: #04559a; */
/* } */
.f-fl{
    float: left;
}
.f-fr{
    float: right;
}
.clearFloat{zoom:1 }
.clearFloat:after{content:""; display:block; height:0; clear:both; visibility:hidden }

.mt5{
    margin-top: 5px !important;
}
.mt10{
    margin-top: 10px !important;
}
.mt15{
    margin-top: 15px !important;
}
.mt20{
    margin-top: 20px !important;
}
.mb5{
    margin-bottom: 5px !important;
}
.mb10{
    margin-bottom: 10px !important;
}
.mb15{
    margin-bottom: 15px !important;
}
.mb20{
    margin-bottom: 20px !important;
}
.mL5{
   margin-left: 5px !important;
}
.mL10{
    margin-left: 10px !important;
}
.mL15{
    margin-left: 15px !important;
}
.mL20{
    margin-left: 20px !important;
}
.mr5{
    margin-right: 5px !important;
}
.mr10{
    margin-right: 10px !important;
}
.mr15{
    margin-right: 15px !important;
}
.mr20{
    margin-right: 20px !important;
}

.pL20{
    padding-left: 20px !important;
}

.mwidth{
    width: 100%;
}

.bg-blue{
    background: #337ab7;
}
.bg-black{
    background:#2BAAB1;
}
.bg-graydrak{
    background: #eeeeee;
}
.bg-white{
    background: #fff;
}
.fc-white{
    color: #fff;
}

@media (max-width: 768px) {
    .m-mt5{
        margin-top: 5px !important;
    }
    .m-mt10{
        margin-top: 10px !important;
    }
    .m-mt15{
        margin-top: 15px !important;
    }
    .m-mt20{
        margin-top: 20px !important;
    }
    .m-mb5{
        margin-bottom: 5px !important;
    }
    .m-mb10{
        margin-bottom: 10px !important;
    }
    .m-mb15{
        margin-bottom: 15px !important;
    }
    .m-mb20{
        margin-bottom: 20px !important;
    }
    .m-mL5{
        margin-left: 5px !important;
    }
    .m-mL10{
        margin-left: 10px !important;
    }
    .m-mL15{
        margin-left: 15px !important;
    }
    .m-mL20{
        margin-left: 20px !important;
    }
    .m-mr5{
        margin-right: 5px !important;
    }
    .m-mr10{
        margin-right: 10px !important;
    }
    .m-mr15{
        margin-right: 15px !important;
    }
    .m-mr20{
        margin-right: 20px !important;
    }
    .m-ml50{
        margin-left: 49px !important;
    }
    .m-with{
        width: 100%;
    }
}

/* 页面通用 */
.page{
    height: 100%;
    width: 100%;
    position: fixed;
    padding-left: 180px;
    top: 0;
    padding-top: 57px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.page-container{
    width:100%;
    height: 100%;
    position: relative;
}
.page-content{
    overflow: auto;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.nav-side{
    position: fixed;
    height: 100%;
}
.page-head{
    border-bottom: 1px solid #eee;
    position: relative;
    z-index:4;
}
@media (max-width: 768px) {
    .page{
        padding-left: 0;
        padding-top: 0;
    }
    .page-content{
        padding-top: 44px;
    }
}
/*** nav pc ***/
.nav-side{
    position: absolute;
    height: 100%;
    padding-bottom: 100px;
    width: 180px;
    left: 0;
    overflow: auto;
}
.nav-side-btn{
    width: 80%;
    margin: 15px auto 15px;
}
.nav-side-btn > a{
    color: #fff;
    display: block;
}
.nav-side-btn > a:hover{
    opacity: 0.9;
}
.nav-side-btn > a:active{
    opacity: 0.5;
}
.nav-side-btn .glyphicon-plus{
    font-size: 20px;
}
.nav-side-list{
    width:100%;
    line-height: 40px;
    text-align: left;
    border-top:1px solid rgba(255,255,255,0.3);
}
.nav-side-list > a{
    display: block;
    color: #fff;
}
.nav-side-list > a:hover{
    background: rgba(255,255,255, 0.1);
}
.nav-side-list > a:active,.nav-side-list.active > a{
    background: rgba(255,255,255, 0.3);
}
.has-next-list{
    position: relative;
}
.has-next-list .list-icon{
    position: absolute;
    right: 10px;
    font-size: 14px;
    line-height: 1em;
    top: 50%;
    margin-top: -7px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;	/* Firefox 4 */
    -webkit-transition: all 0.3s;	/* Safari 和 Chrome */
    -o-transition: all 0.3s;	/* Opera */
}
.has-next-list .list-icon.active{
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);		/* IE 9 */
    -webkit-transform: rotate(90deg);	/* Safari and Chrome */
    -o-transform: rotate(90deg);		/* Opera */
    -moz-transform: rotate(90deg);		/* Firefox */
}
.nav-item-list{
    display: none;
}
.nav-item-list li{
    background: rgba(0,125,125,0.5);
}
/*** nav ***/

/*** nav mobile ***/
.nav-head{
    padding: 5px;
    position: relative;
    z-index:9;
}
.nav-title{
    font-size: 18px;
    line-height: 34px;
}
.nav-mobile-list{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    padding-top: 44px;
    z-index: 8;
    left: 0;
    top: 0;
    overflow: auto;
}
.nav-mobile-list ul{
    background: #337ab7;
}
.clearfix:before,.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix {
    *zoom: 1;
}
/*IE/7/6*/
/*** nav mobile ***/

body {font-family: "微软雅黑";}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,a,span,i,em {margin: 0px; padding: 0px; box-sizing:border-box;}

fieldset {border: 0px currentColor; border-image: none;}

img {border: 0px currentColor; border-image: none;}

ul {list-style: none;}
ol {list-style: none;}
ul {list-style: none;}

h1 {font-size: 100%; font-weight: normal;}
h2 {font-size: 100%; font-weight: normal;}
h3 {font-size: 100%; font-weight: normal;}
h4 {font-size: 100%; font-weight: normal;}
h5 {font-size: 100%; font-weight: normal;}
h6 {font-size: 100%; font-weight: normal;}

textarea {font-family: "Microsoft YaHei", "SimSun";}
select {font-family: "Microsoft YaHei", "SimSun";}
input {font-family: "Microsoft YaHei", "SimSun";}

.clearfix::after {height: 0px; clear: both; display: block; visibility: hidden; content: ".";}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

table {border-collapse: collapse; border-spacing: 0px;}

html {width: 100%; height: 100%;}
body {width: 100%; height: 100%;}

a {text-decoration: none;}
u {text-decoration: none;}
a { cursor: pointer;}
a:hover, a:visited, a:link, a:active {}

i {font-style: normal;}
input[type=radio] {border: currentColor; border-image: none;}
img {display: block;}

.mt8 {margin-top: 8px;}
.mt16 {margin-top: 16px;}
.mt24 {margin-top: 24px;}
.mt32 {margin-top: 32px;}
.mt40 {margin-top: 40px;}

.mb8 {margin-bottom: 8px;}
.mb16 {margin-bottom: 16px;}
.mb24 {margin-bottom: 24px;}
.mb32 {margin-bottom: 32px;}
.mb40 {margin-bottom: 40px;}

.ml8 {margin-left: 8px;}
.ml16 {margin-left: 16px;}
.ml24 {margin-left: 24px;}
.ml32 {margin-left: 32px;}
.ml40 {margin-left: 40px;}

.mr8 {margin-right: 8px;}
.mr16 {margin-right: 16px;}
.mr24 {margin-right: 24px;}
.mr32 {margin-right: 32px;}
.mr40 {margin-right: 40px;}

.mag-auto {margin: 0px auto;}

.mlr8 {margin: 0px 8px;}
.mlr16 {margin: 0px 16px;}
.mlr24 {margin: 0px 24px;}
.mlr32 {margin: 0px 32px;}
.mlr40 {margin: 0px 40px;}

.p8 {padding: 8px;}
.p16 {padding: 16px;}
.p24 {padding: 24px;}
.p32 {padding: 32px;}
.p40 {padding: 40px;}

.pt8 {padding-top: 8px;}
.pt16 {padding-top: 16px;}
.pt24 {padding-top: 24px;}
.pt32 {padding-top: 32px;}
.pt40 {padding-top: 40px;}

.pb8 {padding-bottom: 8px;}
.pb16 {padding-bottom: 16px;}
.pb24 {padding-bottom: 24px;}
.pb32 {padding-bottom: 32px;}
.pb40 {padding-bottom: 40px;}

.pl8 {padding-left: 8px;}
.pl16 {padding-left: 16px;}
.pl24 {padding-left: 24px;}
.pl32 {padding-left: 32px;}
.pl40 {padding-left: 40px;}

.pr8 {padding-right: 8px;}
.pr16 {padding-right: 16px;}
.pr24 {padding-right: 24px;}
.pr32 {padding-right: 32px;}
.pr40 {padding-right: 40px;}

.hide {display: none;}
.show {display: block;}

.overflow {overflow: hidden;}

.align-center {text-align: center;}

.width1200{width:1200px; margin:0 auto;}
.con{display:block; overflow:hidden;}

.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}
.fs32{font-size:32px;}
.fs34{font-size:34px;}
.fs36{font-size:36px;}
.fs38{font-size:38px;}
.fs40{font-size:40px;}

.fc-blue100{color:#3271f8;}
.fc-blue30{color:#c1d4fd;}
.fc-blue20{color:#d6e3fe;}
.fc-blue10{color:#eaf1fe;}
.fc-red{color:#ff6666;}
.fc-orange{color:#ff7700;}
.fc-black100{color:#222233;}
.fc-black50{color:#909099;}
.fc-black30{color:#bcbcc1;}
.fc-black20{color:#d3d3d6;}
.fc-black10{color:#e8e8ea;}
.fc-black5{color:#f4f4f5;}
.fc-white{color:#fff;}

.bg-blue100{background-color:#3271f8;}
.bg-blue30{background-color:#c1d4fd;}
.bg-blue25{background-color:#ccdbfd;}
.bg-blue20{background-color:#d6e3fe;}
.bg-blue10{background-color:#eaf1fe;}
.bg-blue5{background-color:#f5f8ff;}
.bg-blue-10{background-color:rgba(50,113,248,0.1);}
.bg-black100{background-color:#222233;}
.bg-black50{background-color:#909099;}
.bg-black30{background-color:#bcbcc1;}
.bg-black20{background-color:#d3d3d6;}
.bg-black10{background-color:#e8e8ea;}
.bg-black-10{background-color:rgba(0,0,0,0.1);}
.bg-black-70{background-color:rgba(0,0,0,0.7);}
.bg-black5{background-color:#f4f4f5;}
.bg-white{background-color:#ffffff;}
.bg-red{background-color:#ff6666;}
.bg-orange{background-color:#ff7700;}

/*.bg-blue-30{background-color:rgba(50,113,248,0.3);}
.bg-blue-20{background-color:rgba(50,113,248,0.2);}
.bg-blue-10{background-color:rgba(50,113,248,0.1);}*/

.fwb{font-weight:bold;}
.fwl{font-weight:lighter;}
.fwn{font-weight:normal;}

.opacity50{opacity:0.5;}

/*滚动条*/
/*::-webkit-scrollbar{width:1px;height: 0px; background:#223;}
::-webkit-scrollbar-thumb{background-color: #3271f8;}*/

:-moz-placeholder {color:#909099;}
::-moz-placeholder {color:#909099;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#909099;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#909099;}

.flipy/*垂直翻转箭头*/ {-moz-transform:scaleY(-1); -webkit-transform:scaleY(-1); -o-transform:scaleY(-1); transform:scaleY(-1); /*IE*/filter:FlipV;}
.flipx/*水平翻转箭头*/ {-moz-transform:scaleY(-1); -webkit-transform:scaleY(-1); -o-transform:scaleY(-1); transform:scaleY(-1); /*IE*/filter:FlipH;}


img{width:100%; height:auto; display:block;}

.hide_scrollbar::-webkit-scrollbar {display:none;}

.activityBorderTop{
	border-top:3px #00ab6d solid !important;
}

.activityBorderBottom{
	border-bottom:3px #00ab6d solid !important;
}

.moveTrActivity{
	color:#ccc;
}

.add-message-pic {
    width: 100px;
    height: 100px;
    display: block;
    float: left;
    position: relative;
    margin: 0 5px 5px 0;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    outline: none;
    
}

.add-message-pic>i:nth-of-type(2) {
    width: 1px;
    height: 90%;
    display: block;
    position: absolute;
    left: 50%;
    top: 5%;
    opacity: 0.8;
    background: #e5e5e5;
}

.add-message-pic>i:nth-of-type(1) {
    width: 90%;
    height: 1px;
    display: block;
    position: absolute;
    left: 5%;
    top: 50%;
    opacity: 0.8;
    background: #e5e5e5;
}

/* 页面弹框，底部确认按钮容器样式**/
.alertPageBtnContainer{
	text-align: center;
	width:100%;
	margin:0px auto;
	padding-top:10px;
	margin-top:10px;
	border-top:1px #ccc dashed;
	float:left;
}

/*.页面内容禁止选择 */
.prohibitionChoice{
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

/*<!-- 手机进度条 -->*/
.warningProcess {
    position: relative;
    background-color: #6DA807;
    border: 1px solid #6DA807;
    border-radius: 10px;
    box-shadow: 1vw 3vh 10vh rgba(109, 168, 7, 0.8);
    background-size: 3em 3em;
    background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #96D923 0.9em, #96D923 2.1em, transparent 2.1em, transparent 2.9em, #96D923 3.1em);
    -webkit-animation: warning-animation 750ms infinite linear;
    -moz-animation: warning-animation 750ms infinite linear;
    animation: warning-animation 750ms infinite linear;
}

/*. 表格的行选择图片样式 */
.tableTrSelectCheckBox{
	margin-top:3px;
	display: block;
	float:left;
	margin-right:5px;
	display: block;
	float:left;
	border:0px red solid;
	height:15px;width:15px;
	background: url("/themes/images/project/checkboxselect.png?v=20190403085627");
}

.tableTrSelectCheckBoxNo{
	margin-top:3px;
	display: block;
	float:left;
	margin-right:5px;
	display: block;
	float:left;
	border:0px red solid;
	height:15px;width:15px;
	background: url("/themes/images/project/checkbox.png?v=20190403085627");
}


.preReset{
    font:12px/1.5 helvetica,arial,'微软雅黑',\5b8b\4f53;
    font-size: 14px;
    background: white;
    border:none;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}