@charset "utf-8";
/* body,html{height: 100%;overflow-x: hidden;} */
body{background: #f8f8f8; overflow-y: auto;overflow-x: hidden;}

/* img */
img{border-radius: 2px;}

/* 面包屑 */
.ap-bread { padding: 10px 20px;}
.ap-bread a { color:#999; }
.ap-bread a::after { content: '/'; margin: 0 5px;}
.ap-bread span { color:#666;}
.ap-bread .u-button { margin:0 10px 0 0;}
.ap-bread .u-button::after {display: none;}

.f-layer-breadcrumb i{padding:0 5px;}
/* 表格 */
.ap-table { width: 100%; border-radius: 4px; border: 1px solid #e8e8e8;}
/*form tablelist*/
.ap-table {width: 100%;}
.ap-table th,.ap-table td { text-align:center; vertical-align:middle; }
.ap-table th {color: #6c6c6c;line-height: 1.5;background: #eaeaea;padding: 10px 5px;font-weight: bold; white-space: nowrap;}
.ap-table th.check {width: 46px;cursor: pointer;}
.ap-table td { color: #666; padding: 10px 15px; height: 24px;border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
.ap-table td span.cursor{height:33px;line-height:33px;}
.ap-table .f-tac { text-align:center; }
.ap-table .f-tal { text-align:left; }
.ap-table .f-tar { text-align:right; }
.ap-table a, .ap-table a:hover {color: #1890ff; text-decoration: underline;}
.ap-table td:last-child a ~ a {margin-left: 5px;}
.ap-table tbody tr:nth-child(2n+2) {background:rgba(0, 0, 0, .01);}
.ap-table tbody tr:hover { background: #e6f7ff;}
/* 表格上方结果 */
.top-table{padding: 10px 0;}
.top-table > div { color:#999;}
.top-table .m-tip { color:#999;}
.top-table .m-tip span,.top-table > div span {color: #1890ff;}
.top-table-tabs { font-size: 0;}
.top-table-tabs a { font-size: 14px; color:#666;position: relative; padding: 0 8px;}
.top-table-tabs a.cur{color:#1890ff;}
.top-table-tabs a::after { content: ""; position: absolute; width: 1px; height: 12px; right: 0; top: 50%; margin-top: -6px; border-right: 1px solid #dedede;}
.top-table-tabs a:last-child::after { display: none;}
.top-table-tabs a:first-child { padding-left: 0;}

.chargeclass {display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 200px;}
/*form tablelist*/

/*form  tableform*/
.ap-tableform {width: 100%;}
.ap-tableform td,.ap-tableform th { color:#666; padding:7px 5px; line-height:1.8; }
.ap-tableform th { text-align:right; white-space:nowrap; padding-top:7px; vertical-align: middle;}
.ap-tableform th.vtop {vertical-align: top;}
.ap-tableform td { word-wrap: break-word; word-break: break-all; }
.ap-tableform input[type=text] { width: 236px; }
.ap-tableform input[type=text].u-timeinput { width:236px; }
.ap-tableform input[type=password] { width: 236px; }
.ap-tableform input.small { width: 100px; }
.ap-tableform input.middle{ width: 154px;} 
.ap-tableform .ap-table th { text-align:center!important;}
/*form  tableform*/

/*分页样式*/
.ap-pages  { padding: 10px 0; margin:15px auto 0 auto; clear:both; text-align:center; zoom:1; overflow:hidden; color:#999999; }
.ap-pages  span { cursor:pointer}
.ap-pages  a { display: inline-block; background: transparent; color:#666; font-size: 14px; border: 1px solid transparent; height:24px; line-height: 24px; margin:0 5px; min-width: 24px; padding: 0 3px; text-align:center; -webkit-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out; transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;  }
.ap-pages  a:hover, .ap-pages  a.cur { text-decoration:none; background:rgba(4,110,209,.1); border-color: #1890ff; color: #1890ff;}
.ap-pages  a.cur { background:rgba(4,110,209,.1); color: #1890ff; }	
.ap-pages  a i { width: 24px; height:24px; display:inline-block; color: #1890ff; }
.ap-pages  a i:before { display: inline-block; content: "\003c"; font-style: normal; font-size: 20px; vertical-align: -1px; }
.ap-pages  a.last i:before { content: "\003e"; }
.ap-pages  a.first:hover, .ap-pages  a.last:hover { background: transparent; border-color: transparent; }
.ap-pages  a.first.dis i, .ap-pages  a.last.dis i { color: #999; }

/**按钮*/
.u-button, a.u-button { display: inline-block; color: #fff; background: #fff; border:1px solid #1890ff; min-width:80px; padding:0px 10px; height:32px; line-height: 32px; text-align: center; border-radius:5px; margin: 0 5px; }
.u-button:hover, a.u-button:hover { border:1px solid #1890ff; color:#1890ff;}
.u-button.default { color: #646566; border:1px solid #969799; background: #fff;}
.u-button.primary { border:1px solid #1890ff; background: #046ED1;}
.u-button.primary:hover { background:#1890ff; color: #fff;}
.u-button.other { background: #fff; height: 29px; line-height: 29px; color:#808080; border: 1px solid #b1b2b2;}
.u-button.small { min-width:60px; padding:0px 5px; height:28px; line-height: 28px;}
.u-button.border { border:1px solid #1890ff; color: #1890ff;}
.filebtn,a.filebtn,.linebtn,a.linebtn { border: 1px solid #1890ff; background: #fff; color: #1890ff; height:30px; line-height:30px; padding:0 10px; border-radius: 4px; min-width: 70px;}
.m-btns { padding:10px 0; text-align: center; }
.g-wrap .m-btns { padding-bottom: 50px;}
/*input类*/
input[type=text],input[type=password],input[type="datetime"] { border:1px solid #c3c3c3; width: 190px; height:32px; line-height:32px; display:inline-block; padding:5px 10px; background:#fff; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear; font-size:14px; border-radius:2px;margin-right:10px;}
textarea { border:1px solid #c3c3c3; line-height:1.5; display:inline-block; padding:2px; background:#f7f7f7; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear; font-size:14px; border-radius:2px;}
textarea:hover, input[type=text]:hover,input[type=password]:hover {border: 1px solid #999;}
textarea:focus, input[type=text]:focus,input[type=password]:focus { border:1px solid #a0a0a0; background:#fff; color:#666; outline: 0; }
/*form radio checkbox*/
.radiolabel {display: inline-block; margin-right: 10px;}
.u-radio, .u-checkbox { display: inline-block;  background: url(../../images/common/icons.png) -9999px -9999px no-repeat; cursor: pointer;}
.u-radio { width: 16px; height: 16px; background-position: 0 0; vertical-align: -2px; }
.u-radio.icon-radiosel { background-position:0 -25px; }
.u-radio.dis { background-position: 0 -50px; cursor: default; }
.u-radio.unseldis { background-position: 0 -75px; cursor: default; }
.u-checkbox {  width: 16px; height: 16px; background-position: right 0; }
.u-checkbox.icon-checkboxsel { background-position:right -25px; }
.u-checkbox.dis { background-position:right -50px; cursor: default; }
.u-checkbox.unseldis { background-position:right -75px; cursor: default; }
.radiocheck {margin-right: 20px; display: inline-block;}
.radiocheck .u-radio,.radiocheck .u-checkbox {margin-right: 5px; vertical-align: -2px;}
/*form radio checkbox*/


/*点击放大图片*/
.enlargepic{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999;}
.enlargepic img{position:absolute;top:50%;;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);background:rgba(185,185,185,0.2);padding:5px;border-radius:3px;-webkit-border-radius:3px;z-index:10000;}
.f-mask{ position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5);z-index:9999;}
.u-closemask { position: absolute; top: 10px; right: 10px; z-index:99999; width: 40px; height: 40px; display: block; border-radius: 50%; background: rgba(255,255,255,.4) url(../../images/stu/closebtn.png) center center no-repeat; }

/*搜索*/
.m-searchbox { padding:0 0 15px;position: relative;z-index:99;}
.m-search .searchtxt[type=text] {width:200px; padding: 5px; margin-right: 5px;}
.m-search .icon-sousuo {color: #fff; background:#1890ff; padding:6px 6px; border-radius: 3px; cursor: pointer;}
.m-search .icon-sousuo:hover {background:#046ED1;}
.m-search span { vertical-align:10px;}
.m-searchbox .m-tip { margin-left:10px; color:#ff9f6b; margin-top:5px;}
.m-searchbox .m-search + .m-select { margin-left:10px;}
/*搜索*/

/*下拉选择*/
.m-select { display: inline-block; text-align: left; height:33px; margin-right: 10px; }
.m-select .dropdown { position: relative; display: inline-block; }
.m-select .dropdown-toggle { height:33px; padding: 0 0 0 6px; border-radius:3px; cursor: pointer; outline: 0; background: #F8F8F8; border: 1px solid #DCDCDC; position: relative; }
.m-select .dropdown-toggle label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; cursor: pointer; min-width: 40px; line-height: 30px; padding-right: 34px; color: #999;font-weight:normal; }
.m-select .dropdown-toggle .arrow { display: inline-block; width: 32px; height:30px; position: absolute; right: 0px; top: 0px; cursor: pointer; background: none; }
.m-select .dropdown-toggle .arrow i { display: block; width: 0; height: 0; border-top: 6px solid #999; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 0; margin:12px auto 0; }
.m-select .dropdown > .scroll-list-wrap { overflow: hidden; position: absolute; left: 0; right: 0; /*top: 100%;*/top:28px; border: 1px solid #DCDCDC; background: #fff; margin-top: -1px; max-height: 160px; z-index: 1; }    
.m-select .option { list-style: none; display: block; }
.m-select .option li { display: block; }
.m-select .option li a { display: block; color: #999; text-overflow: ellipsis; white-space: nowrap; height: 24px; line-height: 24px; padding:0 6px; text-align: left; overflow: hidden; text-decoration: none; margin:0;}
.m-select .option li a:hover { background: #eee; color: #fff; /*box-shadow: 0 0 0 1px #FF9630 inset;*/ color: #666;}
.m-select.active .dropdown-toggle{ border: 1px solid #58d6ed; box-shadow: 0 0 4px #58d6ed; }
.m-select .dropdown > .dropdownContent{overflow: hidden; position: absolute; left: 0; right: 0; top: 100%; border: 1px solid #DCDCDC; background: #fff; margin-top: -1px; max-height: 160px; z-index: 1;}
.m-select .dropdownContent{position: absolute; margin-top:-1px; top: 100%; left:0; right:0; z-index:999; display:none;}
.scroll-bg { position: absolute; right: 2px; top: 0; border-radius: 4px; width: 4px; background: transparent; bottom: 0;z-index:9; }
.scroll-block { border-radius: 4px; width: 4px; position: absolute; left: 0; opacity: .4; background: #cdcdcd; top: 0; }


/* 时间控件 */
.u-timeinput.Wdate {background: #fff url(../../images/common/date.png) right no-repeat;}
.m-dateset{display: inline-block;}
/* 输入框内部图标 */
.input-icon-inner{color: #999;cursor: pointer;}
.input-icon-inner:hover{color:#1890ff;}
/* cursor */
.cursor{cursor: pointer;display: inline-block;}
.cursor:hover{color:#1890ff;}

/* 弹出层 */
.bodyScroll{ background-color: #fff;}
.bodyScroll form {display: flex; display: -webkit-flex; /* Safari */ min-height: 100vh; flex-direction: column;}
.f-layerpd { padding: 20px; flex: 1; overflow: auto;}
.m-formbox { min-height:50px; padding: 0 15px; }
.m-tableform { width:100%;}
.m-tableform td,.m-tableform th { color:#666; padding:9px 5px; line-height:1.8; vertical-align:top;}
.m-tableform th { text-align:right; white-space:nowrap;}
.m-tableform th.f-tal,.m-tableform td.f-tal {text-align: left;}
.m-tableform th.f-tac,.m-tableform td.f-tac {text-align: center;}
.m-tableform th.f-tar,.m-tableform td.f-tar { text-align: right;}
.m-tableform th.f-vam{ vertical-align:middle}
.m-tableform td.f-vam{ vertical-align:middle}
.m-tableform td.f-vat{ vertical-align:top}
.m-formbox small{color:#999;font-size: 12px;}

/* 弹框底部 */
.m-popbox { padding: 20px;}
/* .m-bottom{position: absolute;left:0;bottom:0;right:0;padding:10px 0;background-color: #f8f8f8;} */

.m-bottom { height:52px;background:#eee; /*margin-top:-52px;*/}

/* 标签 */
.u-tag { border: 1px solid #dedede; border-radius:2px;padding:5px 10px;color:#666; position: relative;}
.u-tag span { display: inline-block; max-width:300px; vertical-align:-2px; line-height:1.2;}
.u-tag span,.u-tag i{vertical-align: middle;}
.u-tag i { margin-left:10px;}
.u-tag i + i { margin-left: 5px;}
.tag-list a {float: left; margin:0 15px 15px 0; position: relative;}
.tag-list a:hover { border-color:#7FB6F7 ;}
/* .m-tableform td .u-tag span { vertical-align: 1px;} */

.w1243{ width: 1243px;}
.w1200{ width: 1200px;}
.w1155{ width: 1155px;}
.w1100{ width: 1100px;}
.w1050{ width: 1050px;}
.w1000 { width:1000px;}
.w950 { width:950px;}
.w800 { width:  800px;}
.w700 { width:  700px;}
.w500 { width: 500px;}
.w250 { width: 250px;}
.w400 { width: 400px;}
.w300 { width: 300px;}
.w200 { width: 200px;}
.w180 { width: 180px;}
.w150 { width: 150px;}
.w120 { width: 120px;}
.w100 { width: 100px;}
.w80 {width: 80px;}
.w50 {width: 50px;}
.perc100 {width: 100%;}
.maxheight500 { max-height:500px;overflow-y: auto;}
.h760{ height: 760px;}
.h660{ height: 660px;}
.h500{ height: 500px;}
.h550{ height: 550px;}
.h380{ height: 380px;}

/*暂无数据*/
/* .m-nodata {padding: 50px 0; text-align: center;}
.m-nodata .m-nodataimg { position: relative; display:block; width:150px; height:150px; margin: 0 auto 0; background: url(../../images/common/nodata.png) no-repeat center center; background-size: 100% 100%; }
.m-nodata .m-nodataimg::after { content: '暂无数据'; position: absolute; bottom:-20px; left: 0; right: 0; display: block; font-size: 16px; text-align: center;} */
/* .m-nodata .m-nodataname { display: block; font-size: 16px; text-align: center;} */

.nodata { position: relative; text-align: center; width:200px; height:220px; margin: 0 auto 0;}
.nodata::before { position: absolute; content: ""; display:block; width:200px; height:200px; left:50%; margin-left:-100px; top: 0; background: url(../../images/common/nodata.png) no-repeat center center; background-size: 100% 100%; }
.nodata::after { content: '暂无数据'; position: absolute; bottom:0; left: 0; right: 0; display: block; font-size: 16px; text-align: center;}
.nodata img { display: none;}


/*上下排序*/
.sortbtn { display:inline-block; position:relative; line-height:1; width:12px; height:15px; vertical-align:-3px; margin-left: 5px;z-index: 99;}
.sortbtn a{ display:inline-block; width:0; height:0; border:6px solid transparent; position:absolute; left:0;}
.sortbtn a.up{ border-top:0; border-bottom:6px solid #ccc; top:0;}
.sortbtn a.down{ border-bottom:0; border-top:6px solid #ccc; bottom:0;}
.sortbtn a.up.cur,.sortbtn a.up:hover{border-bottom:6px solid #1890ff;}
.sortbtn a.down.cur,.sortbtn a.down:hover{border-top:6px solid #1890ff;}
/*左右排序*/
.sortbtn.pages{margin-right: 5px;}
.sortbtn.pages a { top: 5px;}
.sortbtn.pages a.left{ border-left:0; border-right:6px solid #ccc; left:0;}
.sortbtn.pages a.right{ border-right:0; border-left:6px solid #ccc; left:10px;}
.sortbtn.pages a.down{ border-right:0; border-left:6px solid #ccc; right:0;}
.sortbtn.pages a.left.cur,.sortbtn.pages a.left:hover{border-right:6px solid #1890ff;}
.sortbtn.pages a.right.cur,.sortbtn a.right:hover{border-left:6px solid #1890ff;}


/* animate.css 动画 */
@keyframes fadeInUp{
    from { opacity: .5; -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
    to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes fadeInUp{
    from {opacity: .5; -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
    to {opacity: 1;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
  }
}


@keyframes fadeOutDown {
   from {opacity: .5;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
   to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes fadeOutDown {
    from {opacity: .5;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
    to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}


/* tabs */
.m-tabswitch{font-size: 0;}
.m-tabswitch strong,.m-tabswitch span,.m-tabswitch a{font-size:14px;}
.m-tabswitch a { display: inline-block; color: #998; border: 1px solid #ccc; padding: 5px 10px; min-width: 80px; text-align: center;margin-right: 5px;}
.m-tabswitch a:hover,.m-tabswitch a.cur { border: 1px solid #1890ff; color: #1890ff;}
.m-tabswitch + .m-searchbox { margin-top: 10px;}
.m-tabswitch + .m-tabswitch { margin-top: 10px;}

.m-rect-tabs{display: flex;display: -webkit-flex;}
.m-rect-tabs a{border:1px solid #1890ff;padding:4px 0;flex:1;-webkit-flex:1;margin-left:-1px;}
.m-rect-tabs a:first-child{border-radius: 2px 0 0 2px;-webkit-border-radius: 2px 0 0 2px;margin-left:0;}
.m-rect-tabs a:last-child{border-radius: 0 2px 2px 0;-webkit-border-radius: 0 2px 2px 0}
.m-rect-tabs a.cur,.m-rect-tabs a:hover{background-color: #1890ff;color:#fff;}

/* 上传图片列表 */
.m-uploadlist { display : -webkit-box; display : -ms-flexbox; display : flex; -webkit-box-orient : horizontal; -webkit-box-direction: normal; -ms-flex-direction : row; flex-direction : row; -ms-flex-wrap : wrap; flex-wrap : wrap; -ms-flex-line-pack : start; justify-content: flex-start;}
.m-uploadlist .uploaditem { margin: 0 20px 20px 0;}

/* 上传 */
.m-uploadbox { width: 120px; height: 160px; position: relative; border:1px solid #ddd; background-color: #eee;}
.m-uploadbox.transverse { width: 160px; height: 120px;}
.uploadimg { width: 100%; height:100%; position: relative; overflow: hidden;}
.uploadimg img { display: block; min-height:100%; min-width:100%; position: absolute; z-index: 10; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.uploadimg .reuploadbox { display: none; cursor: pointer; position: absolute; z-index:12; left:0; right:0; top:0; bottom: 0; color: #fff; text-align: center;}
.uploadimg .reuploadbox::after { content: ""; display: block; background: rgba(0,0,0,.6); position:absolute; z-index: 12; left:0; right:0; top:0; bottom: 0;}
.uploadimg .reuploadbox .reupload { position: absolute; z-index:13; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.uploadimg .reuploadbox .reupload .icon-upload {  display: block; font-size: 32px;}
.uploadimg .reuploadbox .reupload span { display: block;width:100px;}
.uploadimg:hover .reuploadbox { display: block;}
.uploadimg .icon-delete { position: absolute; top:5px; right:5px; z-index:12; line-height: 1.5; background: #000; color: #fff; width: 24px; height: 24px; border-radius: 100%; text-align: center; cursor: pointer;}
.m-uploadbox .uploadbox { cursor: pointer; position: absolute; z-index:12; left:0; right:0; top:0; bottom: 0; color: #999; text-align: center; background: #eee;}
.m-uploadbox .uploadbox .upload { position: absolute; z-index:13; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.m-uploadbox .uploadbox .upload .icon-add2 {  display: block; font-size: 32px;}
.m-uploadbox.auto { margin: 0 auto;}

.u-button + .m-uploadbox { margin-top: 10px;}

/* 上传文件 */
.m-filelist li { padding:5px 5px 0 5px;position: relative; border-bottom: 1px solid #eee; margin-top: 5px;}
.m-filelist li:last-child { border-bottom: 0;}
.m-filelist li .m-fileinfos { flex: 1;}
.m-filelist li .m-fileinfos > p {line-height: 2; overflow: hidden; white-space: nowrap; width: 100%; text-overflow: ellipsis; font-size:16px;margin-top: 15px;}
.m-filelist li .m-fileinfos > p a {color: #4c95f9;}
.m-filelist li .m-fileinfos .filesize {color: #999; display:none;}
.fileimg { width: 62px; height: 68px; background: url(../../images/common/file.png) no-repeat 0 0; position: relative;}
.fileimg.pic{ background-position:0 -70px;}
.fileimg.link { background-position:0 -140px;}
.fileimg em {position: absolute; top: 10px; left: 5px; display: block; font-size: 12px; line-height: 1; text-align: center; width: 28px; height: 13px; color: #fff; font-style: normal;}
.fileimg em.u-filepdf {background: -webkit-linear-gradient(#e10000, #be0000); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#e10000, #be0000); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#e10000, #be0000); /* Firefox 3.6 - 15 */
  background: linear-gradient(#e10000, #be0000); /* 标准的语法 */}
.fileimg em.u-filedoc {background: -webkit-linear-gradient(#007de7, #006ecc); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#007de7, #006ecc); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#007de7, #006ecc); /* Firefox 3.6 - 15 */
  background: linear-gradient(#007de7, #006ecc); /* 标准的语法 */}
.fileimg em.u-fileppt {background: -webkit-linear-gradient(#f85e21, #de5019); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#f85e21, #de5019); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#f85e21, #de5019); /* Firefox 3.6 - 15 */
  background: linear-gradient(#f85e21, #de5019); /* 标准的语法 */}
.fileimg em.u-fileexl {background: -webkit-linear-gradient(#43c7b6, #3ec354); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#43c7b6, #3ec354); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#43c7b6, #3ec354); /* Firefox 3.6 - 15 */
  background: linear-gradient(#43c7b6, #3ec354); /* 标准的语法 */}
.fileimg em.u-filepic {background: -webkit-linear-gradient(#1CC818, #20CC1C); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#1CC818, #20CC1C); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#1CC818, #20CC1C); /* Firefox 3.6 - 15 */
  background: linear-gradient(#1CC818, #20CC1C); /* 标准的语法 */}
  .m-filelist li .m-opera { margin-top: 15px; margin-right: 5px;}
  .m-filelist li .m-opera a {margin-left: 15px; color: #666;}
  .m-filelist li .m-opera a:hover {color: #046ED1;}


/* 帮助标签 */
.icon-help { position: relative;}
.icon-help::after{ display: none;white-space:break-spaces;  content: attr(data-title); position: absolute; z-index: 100; right:-20px; top:20px; width:200px; background:#e2e2e2; border: 1px solid #4A90E2; padding:5px; color: #666; border-radius: 5px; text-align: left; font-size: 12px;}
.icon-help:hover::after { display: block;}
.f-help { color:#666; cursor: pointer; margin-left: 5px;}

/* selectlist */
.m-selectlist { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction: normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.m-selectlist li { margin-right: 10px; min-width: 100px;}
.m-selectlist li span { vertical-align:3px;}
.m-selectlist li .u-radio,.m-selectlist li .u-checkbox { margin-right: 5px;}

/* title */
.m-title {color:#595959; font-size: 16px; font-weight: bold;}
.m-title span { font-size: 14px; color: #999;}
.m-subtitle { color:#666; font-size: 15px; font-weight: bold; border-bottom: 1px solid #eee; padding: 10px;} 

/* 标签体系 */
.g-sidecont  { margin-left: 20px; width:200px;}
.g-sidecont + .g-maincont { flex: 1; }
.g-maincont .ap-contentbox { min-height: calc(100vh - 160px);}
.g-maincont .m-title { margin-left: 20px;}
.g-maincont .m-title + .ap-contentbox { margin-top:10px;}

.f-red{color:red;}
.f-green{color:green;}
/* 垂直居中 */
.g-vcenter-hcenter{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;}
.p-vcenter-hcenter{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

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

@media screen and (min-width:1800px){
    .w500 { width:auto!important;} 
}


@media screen and (max-width:1400px){
  .w500 { width:300px!important;display: inline-block;} 
} 

/* fixed-sidebar */
.fixed-sidebar{position: fixed;top:50%;transform: translateY(-50%);right:10px;display: flex;flex-direction: column;background-color: #296df1;border-radius: 4px;z-index:999;box-shadow: 0px 3px 20px 0px rgb(41 109 241 / 10%);}
.fixed-sidebar a{padding:0 19px;color:#fff;}
.fixed-sidebar a em{font-style: normal;font-size:14px;display: block;width:22px;text-align: center;}
.fixed-sidebar a:last-child i{border-bottom: none;}
.fixed-sidebar a i{font-size:22px;border-bottom: 1px solid rgba(255,255,255,.6);padding: 10px 0;display: block;}

.fixed-sidebar .contactBox{position: absolute;top:0;left:-332px;width:320px;height:300px;background-color: #fff;border-radius: 2px;box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 11%);color:#333;padding-left: 18px;display: none;}
.fixed-sidebar .contactBox::before{content: '';position: absolute;right: -16px;top: 0px;opacity: 0;width: 20px;height: 137px;background-color: #fff;}
.fixed-sidebar .contactBox::after{content: '';border: 9px solid transparent;border-left: 14px solid #fff;position: absolute;right: -20px;top: 26px;}
.fixed-sidebar .contactBox li{display: flex;flex-direction: row;padding:10px 0;}
.fixed-sidebar .contactBox li > span{font-size:25px;color:#333;margin-right: 16px;}
.fixed-sidebar .contactBox li > div h6{font-size:14px;line-height:30px;}
.fixed-sidebar .contactBox li > div p{font-size: 12px;line-height: 20px;}
.fixed-sidebar .contactBox li > div p.red{font-size:18px;}

.fixed-sidebar .codeShow{ width: 139px;height: 160px;background: #fff;border-radius: 2px;position: absolute;left: -151px;bottom:0 ;padding: 9px 8px;text-align: center;display: none;box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 11%);}
.fixed-sidebar .codeShow img{width:120px;height:120px;}
.fixed-sidebar .codeShow p {font-size: 12px;color: #999999;}

.contact-code{transition: block .5s;}
.fixed-sidebar a:hover .contact-code{display: block;}
.fixed-sidebar a:hover{color:rgba(255,255,255,.8)!important;}