/*
 * CSS代码结构优化说明 2019年10月
 * 1 初始化、默认设置、字体库
 * 2 框架结构
 * 3 重定义Layui
 * 4 自定义
 * 5 插件
 * 9 响应式
     9.1 对应1
	 9.2 对应2
	 9.3 对应3
	 9.4 对应4
	 9.5 对应5
 */

/*
 * 1 初始化、默认设置
 */
html{ }
html,body{ /*background:#fff;*/}
html body{}
body{}
i{font-style: normal;}
.main{width: 1079px; min-height: 400px; margin: 0 auto 15px;}
.fly-lf{ float:left!important;}
.fly-lr{ float:right!important;}
.status0{ color:#C00!important;}
.status1{ color:#049ad9!important;}
.blue{ color:#4f99cf!important;}
/* 引导图标样式 */
.iconNav {font-family:"iconfont" !important;font-size:20px;padding-right:10px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color:#999;}
.red{ color:#C00!important; }
.green{ color:#390!important; }
.span1{ width:10%;}
	.span2{ width:20%;}
	.span3{ width:30%;}
	.span4{ width:40%;}
	.span5{ width:50%;}
	.span6{ width:60%;}
	.span7{ width:70%;}
	.span8{ width:80%;}
	.span9{ width:90%;}
	.span10{ width:100%;}
.spanH1{ height:1rem;}
	.spanH2{ height:2rem;}
	.spanH3{ height:3rem;}
	.spanH4{ height:4rem;}
	.spanH5{ height:5rem;}
	.spanH6{ height:6rem;}
	.spanH7{ height:7rem;}
	.spanH8{ height:8rem;}
	.spanH9{ height:9rem;}
	.spanH10{ height:10rem;}
.redBg{ background:#fcebeb!important; }
.greenBg{ background:#ecfceb!important; }
/*
 * 2 框架结构
 */
 
/* 通用模块 */
.autoBox{ margin:0px auto; margin:0px 0px 0px 0px; padding:10px 0px 0px 10px; background:#f2f2f2;/*line-height:24px;*/}
.autoBox .main{ width:auto; margin-top:0px;}
.autoBox .fly-user-main > .fly-panel{ width:auto; margin: 0 0 0px 160px; background:#fff; padding:0px 10px 10px 10px; border-radius:5px; }
.autoBox .fly-user-main > .layui-nav{ padding-top:0px; position:fixed; background:#fff;}
.autoBox .fly-user-main > .layui-nav li .logo{ text-align:center; padding:15px 0px 0px 0px; margin-bottom:10px; }
.autoBox .fly-user-main > .layui-nav li .logo img{ height:auto; max-width: 90%;}
.autoBox .layui-nav-tree .layui-nav-child dd.layui-this, 
.autoBox .layui-nav-tree .layui-nav-child dd.layui-this a, 
.autoBox .layui-nav-tree .layui-this, 
.autoBox .layui-nav-tree .layui-this > a, 
.autoBox .layui-nav-tree .layui-this > a i, 
.autoBox .layui-nav-tree .layui-this > a:hover{ background:#eaf5f9; color: #333;}
.autoBox .layui-nav-tree .layui-nav-bar{background:#049ad9;}
.autoBox .fly-panel{ background:none; box-shadow:none;/* padding:10px;*/}
.autoBox .fly-panel[pad20]{ padding:10px;}
.autoBox .userInfo{ margin:0px auto; overflow:hidden; padding: 6px 0px;/* background:#f1f1f1;*/ border-radius:5px;}
.autoBox .userInfo .info{ width:auto; float:right; line-height:28px; }
.autoBox .userInfo .info a{ padding:0px 6px; color:#999; font-size:12px; }
.autoBox .userInfo .info a i{ font-size:12px; color:#999; }
.autoBox .website{ width:auto; float:left; color:#999; font-size:12px; line-height:28px; }
.autoBox .website a{ color:#999;}
.autoBox .website span{}
.autoBox .website i{ font-family:"宋体";}
.autoBox .layui-tab{ background:#fff; padding:0px 0px; border-radius:3px; margin:0px auto; }
.autoBox .layui-tab-title li{ padding:0px; margin:0px 20px 0px 0px; min-width:20px; }

.autoBox .layui-tab-sub{ margin-top:10px; line-height:28px; height:28px; background:#fef; border-radius:5px;}
.autoBox .layui-tab-sub li{ line-height:28px; height:28px; font-size:12px;}
.autoBox .layui-tab-sub li:first-child{ padding:0px 6px; border-radius:5px; font-weight:bold; color:#049ad9; margin-right:10px; }
.autoBox .layui-tab-sub li.layui-this{line-height:28px; height:28px;}
.autoBox .layui-tab-sub li.layui-this:after { height:29px;}
.autoBox .layui-subtab{ line-height:24px; height:24px; margin-top:15px; }
.autoBox .layui-subtab li,
.autoBox .layui-subtab li.layui-this{line-height:24px; height:24px; }
.autoBox .layui-subtab li.layui-this:after { height:25px;}
.autoBox .layui-subtab li a{ font-size:12px;}
.autoBox .fly-rbar{ bottom:12px; right:12px; }

.commonBox{ margin:0px auto; margin:0px 0px 0px 0px; padding:10px; margin-bottom:60px; }

/* 头部 */
.header{position:fixed; z-index: 888; left:0; top:0; width:100%; height:54px; background:#fff; box-shadow:0 1px 3px 0 rgba(0,34,77,.05);}
.header .main{position:relative; margin:0 auto; min-height: 0;}
.header .logo{position:absolute; top: 6px; left:0; height: 37px; text-indent:0px; text-align:left; font-size:10px;}
.header .logo .w-logo{ display:none;}

.nav{position:absolute; left: 220px; top: 12px;}
.nav ul li{padding: 0 20px; font-size:14px; color:#999; float:left;}
.nav ul li.newMsg .nav-msg{ display:none;}
.nav a{ font-size:14px; color:#999; font-size:16px;}
.nav a i{position:relative; top: 2px; padding-right:8px; font-size:18px; font-size: 18px;}
.nav a .icon-shouye, .nav a .icon-shezhi{top: 2px;}
.nav a:hover{transition: all .4s;}
.nav a:hover, .nav .nav-this{ color:#049ad9;}
.logined .nav a{ font-size:14px;}
.logined .nav a i{font-size:14px; top:0px; padding-right:4px;}

.nav-user{position:absolute; right:0; margin-top:6px;}
.logined{}
.unlogin{ margin-top:14px;}
.nav-user span, 
.nav-user .unlogin, 
.out-login,
.avatar,
.avatar *,
.nav-user .nav{display:inline-block; vertical-align: middle; *display: inline; *zoom:1;}
.nav-user .unlogin{margin-right: 10px; margin-top: 8px;}
.nav-user span{position: relative;}
.nav-user span a{padding:0 10px; color:#A9B7B7}
.nav-user span a:hover{color:#049ad9;}
.nav-user .nav{position:relative; top: -2px; left: auto; right: 0; margin-left: 10px;}
.nav-user .nav a{padding: 0 10px;}
.nav-user .unlogin i{margin-bottom: 12px;}

.avatar{ color:#A9B7B7; font-size:14px;}
.avatar img{ width: 42px; height: 42px; border-radius:100%;}
.avatar cite, .avatar i{margin-left: 10px}
.avatar i{line-height: 20px; color: #FF7200;}

/* 底部 */
.footer {margin: 0px 0 0; padding: 0px 0px 10px 0px; line-height: 30px; text-align: center; color: #737573;}
.footer a{padding:0 6px; font-weight: 300; color: #333;}
.footer a:hover{color: #777;}

/*
 * 3 重定义Layui
 */

.layui-list{padding:0px 0; overflow-x: auto; }
/* table */
.layui-table{ font-size:12px; min-width:900px;}
.layui-table tr th a,
.layui-table tr td a{ color:#049ad9;}
.layui-table tr:first-child{ background:#fafafa;}
.layui-table .itemCate0{ background:#ffffff; position: inherit;}
.layui-table .itemCate1{ background:#faf9a7; position: inherit;}
.layui-table .itemCate2{ background:#c2faa7; position: inherit;}
.layui-table .itemCate3{ background:#a7fae9; position: inherit;}
.layui-table .itemCate4{ background:#a7c0fa; position: inherit;}
.layui-table .itemCate5{ background:#eba7fa; position: inherit;}
.layui-table .itemCate6{ background:#faa7b6; position: inherit;}
.layui-table .itemCate7{ background:#fac0a7; position: inherit;}
.layui-table .itemCate8{ background:#d8d8d8; position: inherit;}
.layui-table .itemCate9{ background:#c5e7c4; position: inherit;}
.layui-table tr th{ font-weight:bold;}
.layui-table tr th{}
.layui-table tr td{ font-size:12px;}
.layui-table tr td .thumbImg{ border-radius:2px; max-width:60px; }
.layui-table tr td .imgtip{ border-radius:2px; max-width:500px; }
.layui-table tr td .percent{ width:50%; height:4px; background:#ddd; border-radius:3px; display:inline-block; margin-right:10px; }
.layui-table tr td .percent span{ background:#049ad9; height:4px; display: block; float: left; border-radius:3px; }
.layui-table tr td, 
.layui-table tr th{ /*text-align:inherit;*/ padding:6px 4px; font-size:12px;}
.layui-table tr th.center,
.layui-table tr td.center{ text-align:center;}
.layui-table tr th.left,
.layui-table tr td.left{ text-align:left;}
.layui-table tr th.right,
.layui-table tr td.right{ text-align:right;}
.layui-table tr td .layui-input{ height:28px; line-height:28px; text-align:center; padding-left:0; }
.layui-table tr td.autoNextLine{ white-space: pre-wrap; word-break:break-all; }
.layui-table .onSelected{ background:#fcfce3;}

.layui-table .on{ border:2px solid #1E9FFF; background:#f3f3f3;}

/* btn */
.layui-btn{ }
.layui-btn:hover{ }
.layui-btn-primary{ background:#ededed; color:#333; border:none;}
.layui-btn-primary{}
.layui-btn-primary:hover{ background:#e9e9e9;}
.layui-btn-default{ background:#14253a; }
.layui-btn-sm{ height:22px; line-height:22px; padding:0px 4px; }
/* tab */
.layui-tab-brief > .layui-tab-title .layui-this{ color:#14253a; }
.layui-tab-brief > .layui-tab-more li.layui-this::after, 
.layui-tab-brief > .layui-tab-title .layui-this::after {border-bottom: 2px solid #14253a;}
.layui-tab-brief > .layui-tab-title li.on a{ color:#049ad9; }
.layui-tab-brief > .layui-tab-title .title{ border-right:1px solid #ddd; padding:0px 10px 0px 0px;}
.layui-tab-brief > .layui-tab-title .title a{ color:#049ad9; font-weight:600; display:inline-block; }
/* select */
.layui-form-select dl dd.layui-this{ background:#049ad9;}
.layui-select-sm{ width:120px; }
.layui-select-sm .layui-input{ font-size:12px; height:32px;}
.layui-select-sm .layui-form-select dl dd, 
.layui-select-sm .layui-form-select dl dt{ line-height:32px;}
/* input */
.layui-input-sm{ }
.layui-input-sm .layui-input-inline{width:90px!important; font-size:12px; height:32px;}
.layui-input-sm .layui-input-inline .layui-input{ font-size:12px; height:32px;}
.layui-input-sm .layui-btn{ font-size:12px; height:32px; line-height:32px; }
/* item */
.layui-form-order .layui-form-order-item{ padding:4px 0px; width:100%; float: left;}
.layui-form-order .layui-form-order-item .imgFace{}
.layui-form-order .layui-form-order-item .headimg img,
.layui-form-order .layui-form-order-item .imgFace img{ max-width:300px; max-height: 150px;}
.layui-form-order .layui-form-text-center{ text-align:center; }
.layui-form-text .layui-input-inline{}
.layui-form-text .layui-input-inline input,
.layui-form-text .layui-input-auto input{ height:30px; line-height:130%;}
/*.layui-input, 
.layui-select, 
.layui-textarea{ height:auto; line-height:inherit;}*/
/* nav */
/*.layui-nav-tulian{box-shadow: 2px 2px 4px #ddd;}*/
.layui-nav .layui-nav-item{}
.layui-nav .layui-nav-item span{ text-indent:20px; display:block; color:#333; }
.layui-nav .layui-nav-item ul{}
.layui-nav .layui-nav-item ul li{ text-indent:30px;}
.layui-nav .layui-nav-item .on layui-this{}
.layui-nav .layui-nav-item .on layui-this a{ color:#209fc8;}
.layui-nav .layui-nav-itemed > a{ color:#333!important; }
.layui-nav .layui-nav-itemed .layui-nav-child{ background-color:#fff!important;}
.layui-nav .layui-nav-itemed .layui-nav-child dd{ text-indent:20px;}
.layui-nav .layui-nav-itemed .layui-nav-child dd:hover{ background-color:#fcfcfc;}
.layui-nav .layui-nav-more{ border-color:#ddd transparent transparent;}
.layui-nav .layui-nav-mored, 
.layui-nav .layui-nav-itemed .layui-nav-more{ border-color:transparent transparent #999;}
/* 时间线 */
.layui-timeline-content{}
.layui-timeline-content h5{ font-size:12px;}
.layui-timeline-content .content{ color:#000; padding:10px 10px; background:#fafafa; border-radius:5px; }
.layui-timeline-content .content p{ text-indent: 2em; padding: 2px 0px; line-height: 150%; }
.layui-timeline-content .content img{ width:auto; max-width:90%; }
.layui-timeline-content span,
.layui-timeline-content em{}
/* 树状图 */
.layui-tree-line{ padding-top:0px!important;}
.layui-tree-iconClick{ margin:0px 10px 0px 0px;}

.layui-layer-title{ padding:0px 0px 0px 10px!important;}
/*
 * 4 自定义
 */
/* 自定义form表单样式 */
.hideTr{ display:none;}

/* tu 表单 */
.tulian-form{ margin-top:10px; }
.tu-rows{ width:100%; float:left; font-size:14px;}
.tu-rows .tu-item{ width:100%; float:left; padding:8px 0px; min-height:30px;}
.tu-rows .tu-ite2{ width:50%;}
.tu-rows .tu-ite3{ width:33.3%;}
.tu-rows .tu-ite4{ width:25%;}
.tu-rows .tu-item .tu-label-title{ width:110px; position:absolute; color:#666;  }
.tu-rows .tu-item .tu-input-auto{ margin-left:120px; }
.tu-rows .tu-item .tu-input-auto input,
.tu-rows .tu-item .tu-input-auto select,
.tu-rows .tu-item .tu-input-auto textarea{ border:none; border-bottom:1px solid #ddd; padding:4px 0px; border-radius:3px;}
.tu-rows .tu-item .tu-input-auto textarea{ border:1px solid #ddd;}
.tu-rows .tu-item .tu-input-auto span{ color:#aaa;}
.tu-rows .tu-item .tu-input-auto .tu-label-input{ display:inline-block; width:auto; margin-right:20px; font-size:12px;}
.tu-rows .tu-item .tu-input-auto.content{ background:#fafafa; border-radius:5px; padding:10px; width:auto; line-height:180%; }
.tu-rows .tu-item .tu-input-auto.content img{ width:auto; max-width:100%; }
.tu-rows .tu-item .tu-input-auto.content span{ color:inherit;}
.tu-rows .tu-item-last{}

.tu-rows .on{ border-bottom:2px solid #1E9FFF; background:linear-gradient(to top,#f3f3f3,#ffffff); }

/* tu 列表 */
.tu-list{padding:0px 0; overflow-x: auto; }
.tu-list table{font-size: 12px; min-width: 900px;}
/* tu 按钮 */
.tu-btn{ display: inline-block; height: 28px; line-height: 28px; padding: 0 12px; background-color: #049ad9; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer;}
.tu-btn:hover{ background:#36f; color:#fff;}
.tu-btn-sm{ height: 24px; line-height:24px; font-size:12px; padding:0px 6px; }
.tu-btn-submit{ background:#049ad9;}
.tu-btn-back{ background:#aaa;}
.tu-btn-danger{ background:#FF5722;}
.tu-btn-warm{ background:#FFB800;}
.tu-btn-normal{ background:#1E9FFF;}
.tu-thumb-small{ padding-top:10px; max-height:60px; max-width:100%;}
.tu-thumb{ padding-top:10px; max-height:150px; max-width:100%;}
.tu-thumb-big{ padding-top:10px; max-height:300px; max-width:100%;}

@media screen and (max-width:768px){
	/* tu 表单 */
	.tu-rows .tu-ite2{ width:100%;}
	.tu-rows .tu-ite3{ width:100%;}
	.tu-rows .tu-ite4{ width:100%;}
	.tu-rows .tu-item .tu-label-title{ width:100%; position:inherit;}
	.tu-rows .tu-item .tu-input-auto{ margin-left:0px; width:100%; margin-top: 10px;}
	.tu-rows .tu-item .tu-input-auto input,
	.tu-rows .tu-item .tu-input-auto select,
	.tu-rows .tu-item .tu-input-auto textarea{ width:100%;}
	.tu-rows .tu-item .tu-input-auto input[type=checkbox]{ width:auto;}
	.tu-rows .tu-item .tu-input-btn{ text-align:right;}

}

/* 视频 Start */
@font-face{font-family:'ckin';src:url("../fonts/ckin.eot?g02cfx");src:url("../fonts/ckin.eot?g02cfx#iefix") format("embedded-opentype"),url("../fonts/ckin.ttf?g02cfx") format("truetype"),url("../fonts/ckin.woff?g02cfx") format("woff"),url("../fonts/ckin.svg?g02cfx#ckin") format("svg");font-weight:normal;font-style:normal}
[class^="ckin-"],[class*=" ckin-"]{font-family:'ckin' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ckin-compress:before{content:"\e901"}
.ckin-expand:before{content:"\e900"}
.ckin-play:before{content:"\ea1c"}
.ckin-pause:before{content:"\ea1d"}
.ckin-stop:before{content:"\ea1e"}
.ckin-backward:before{content:"\ea1f"}
.ckin-forward:before{content:"\ea20"}
.ckin-volume-high:before{content:"\ea26"}
.ckin-volume-medium:before{content:"\ea27"}
.ckin-volume-low:before{content:"\ea28"}
.ckin-volume-mute:before{content:"\ea2a"}
/*body{font-family:"Helvetica Neue","Calibri Light",Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0.02em}*/
video{width:100%;height:auto;cursor:pointer; max-width:600px; max-height:600px;}
.videoBox{/*width: 100%; height:100%; */background:rgba(0,0,0,0.9); z-index: 9999999; /*position: fixed; display:none; position: fixed !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;*/}
.videoBox .container{ display:table-cell; vertical-align:middle; }
.container button,
.container input,
.container select,
.container textarea{font-family:inherit;margin:0}
.container .showTime{ /*max-width:100px;*/ max-width:4em; /*color:#00CF7D;*/ color:#fff; font-size:50%; text-align:center; }
.ckin__player{ font-family:"Helvetica Neue","Calibri Light",Roboto,sans-serif;letter-spacing:0.02em}
.ckin__player.ckin__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000;border-radius:0 !important;display:-ms-flexbox;display:flex}
.ckin__overlay{position:relative}
.ckin__overlay:before{background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,0.95) 100%)}
.ckin__overlay--2:before{background:rgba(24,24,24,0.8)}
.default{border:0 solid rgba(0,0,0,0.2);box-shadow:0 0 20px rgba(0,0,0,0.2);position:relative;font-size:0;overflow:hidden;border-radius:5px;cursor:pointer}
.default:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:5px;transition:opacity .2s;opacity:1;visibility:visible}
.default__title{position:absolute;left:20px;top:20px;z-index:1;font-size:24px;color:rgba(255,255,255,0.8);font-style:italic}
.default__button{background:none;border:0;line-height:1;/*color:#00CF7D;*/ color:#fff;outline:0;padding:0;cursor:pointer;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex;/*max-width:30px;*/ max-width:1.5em; font-size:70%;}
.default__button i{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}
.default__button--big{background:none;border:0;line-height:1;/*color:#00CF7D;*/ color:#fff;text-align:center;outline:0;padding:0;cursor:pointer;position:absolute;opacity:1;visibility:visible;top:50%;left:50%;-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);font-size:64px;transition:all .2s;-ms-touch-action:manipulation;touch-action:manipulation; }
.default__slider{width:10px;height:30px}
.default__controls{display:-ms-flexbox;display:flex;position:absolute;bottom:0;right:0;left:0;transition:all .3s;-ms-flex-wrap:wrap;flex-wrap:wrap;background:linear-gradient(to top,rgba(0,0,0,0.65) 0%,transparent 100%);font-size:32px;-ms-flex-align:center;align-items:center;padding:10px;-ms-transform:translateY(0);transform:translateY(0);-ms-flex-pack:justify;justify-content:space-between;border-radius:0 0 5px 5px}
.default.is-playing:before{/*opacity:0;visibility:hidden;-ms-transform:translate(-50%,-50%) scale(1.3);transform:translate(-50%,-50%) scale(1.3)*/}
.default.is-playing .default__button--big{opacity:0;visibility:hidden}
.default.is-playing .default__controls{-ms-transform:translateY(52px);transform:translateY(52px);}
.default.is-playing .controls_hide{-ms-transform:translateY(0);transform:translateY(0)}
.default__controls > *{-ms-flex:1;flex:1}
.default .progress{position:relative;display:-ms-flexbox;display:flex;height:10px;transition:height 0.3s;background:rgba(0,0,0,0.5);cursor:pointer;border-radius:4px}
.default .progress__filled{width:0%;/*background:#00CF7D;*/ background:#007fd1;background:-webkit-gradient( linear,left top,right top,from( #007fd1 ),to( #c600ff ) );background:-webkit-linear-gradient( left,#007fd1,#c600ff );background:-moz-linear-gradient( left,#007fd1,#c600ff );background:-ms-radial-gradient( left,#007fd1,#c600ff );background:-o-linear-gradient( left,#007fd1,#c600ff );background:linear-gradient( left,#007fd1,#c600ff ); -ms-flex:0;flex:0;-ms-flex-preferred-size:0%;flex-basis:0%;border-radius:4px}
@media (max-width:480px){
	.ckin__player button{font-size:18px}
}
video::-webkit-media-controls-enclosure{display:none !important}
/* End 视频 */

/* 音频播放器 */
.audioBox{ width:100%; z-index:99999!important;/* bottom:0px; position:fixed; */height:2.5em; display:none; -ms-transform:translateY(0px); transform: translateY(0px);transition-delay:0s; background:linear-gradient(to top,rgba(0,0,0,0.65) 0%,transparent 100%);}
/*.audioBoxTrans{ -ms-transform:translateY(52px); transform:translateY(52px); transition-delay:0s; }*/
.audioplayer{ width:100%; z-index:99999!important; bottom:0px; position:absolute; text-shadow:1px 1px 0 #000;border:1px solid #222;position:relative;z-index:1;background:#333;background:-webkit-gradient( linear,left top,left bottom,from( #444 ),to( #222 ) );background:-webkit-linear-gradient( top,#444,#222 );background:-moz-linear-gradient( top,#444,#222 );background:-ms-radial-gradient( top,#444,#222 );background:-o-linear-gradient( top,#444,#222 );background:linear-gradient( top,#444,#222 );-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
/* 音频播放 Start */
.audioplayer{height:2.5em;color:#fff; display:flex;}
.audioplayer > div{ flex:1;}
.audioplayer > div i{ width:20px; height:20px; font-size:20px; color:#fff; padding:10px 0px 0px 10px;}
/* 暂停按钮 */
.audioplayer-playpause{width:2.5em; max-width:2.5em; height:100%; text-align:left;/*text-indent:-9999px;*/cursor:pointer;z-index:2;top:0;left:0; display:flex;}
/* 时间 */
.audioplayer-time{width:4.5em; max-width:4.5em; height:100%;line-height:2.375em;text-align:center;z-index:2;top:0;display:block;}
/* 进度条 */
.audioplayer-bar{ position:relative;display:flex; height:15px; margin-top:10px; background:rgba(0,0,0,0.5);}
.audioplayer-bar div{width:0;height:100%;position:absolute;left:0;top:0}
.audioplayer-bar-loaded{background-color:#333;z-index:1}
.audioplayer-bar-played{background:#007fd1;background:-webkit-gradient( linear,left top,right top,from( #007fd1 ),to( #c600ff ) );background:-webkit-linear-gradient( left,#007fd1,#c600ff );background:-moz-linear-gradient( left,#007fd1,#c600ff );background:-ms-radial-gradient( left,#007fd1,#c600ff );background:-o-linear-gradient( left,#007fd1,#c600ff );background:linear-gradient( left,#007fd1,#c600ff );z-index:2}
/* 停止按钮 */
.audioplayer-bar-stop{width:2.5em; max-width:2.5em; height:100%; border-left-color:rgba( 0,0,0,.25 );text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;right:0;display:flex;}
.audioplayer-bar-stop:before{content:'';position:absolute; width: 20px; height: 12px; border: 12px solid; border-left: none; border-right-color: #fff; z-index: 2; top: 50%; right: 1em; margin-top: -0.5em; border-top: none; border-bottom: none;}
.audioplayer-play,
.audioplayer-pause,
.audioplayer-bar,
.audioplayer-bar div{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.audioplayer-bar{-webkit-box-shadow:-1px -1px 0 rgba( 0,0,0,.5 ),1px 1px 0 rgba( 255,255,255,.1 );-moz-box-shadow:-1px -1px 0 rgba( 0,0,0,.5 ),1px 1px 0 rgba( 255,255,255,.1 );box-shadow:-1px -1px 0 rgba( 0,0,0,.5 ),1px 1px 0 rgba( 255,255,255,.1 )}
.audioplayer-bar-played{-webkit-box-shadow:inset 0 0 5px rgba( 255,255,255,.5 );-moz-box-shadow:inset 0 0 5px rgba( 255,255,255,.5 );box-shadow:inset 0 0 5px rgba( 255,255,255,.5 )}
/* End 音频播放 */

/* 人脉关系 */ 
.contact{width:240px; float:left;}
.contact .contactTool{ width:auto; margin:auto; display:block; background:#f6f6f6; padding:6px; border:1px solid #ddd; border-top:none;}
.contact .contactTool ul{ overflow:hidden}
.contact .contactTool ul li{ padding:0px 10px; float:right; text-align:right; }
.contact .contactTool ul li.searchBox{ border:1px solid #ddd; border-radius:3px; background:#fff;}
.contact .contactTool ul li.searchBox .search{ width:68px; height:20px; border:none; outline:none; }
.contact .layui-nav{ background:#f2f2f2; }
.contact .layui-nav-tree .layui-nav-bar{ background:none;}
.contact .layui-nav-tree .layui-nav-item a:hover{ background:#eee;}
.contact .lists{width:100%; border:1px solid #ddd; border-radius:3px; max-height:520px; overflow-y:auto;}
.contact .lists li{ border-bottom: 1px solid #ddd;}
.contact .lists a{}
.contact .lists li dl{}
.contact .lists li dl dd{ color:#333; font-size:12px; padding:4px 0px; cursor:pointer; }
.contact .lists li dl dd{ text-indent:10px!important; overflow:hidden;}
.contact .lists li dl dd .img{ width:40px; float:left; position:absolute; }
.contact .lists li dl dd .img img{ height:30px; width:30px; border-radius:50%;}
.contact .lists li dl dd .name{ padding-top:4px; margin-left:40px; overflow:hidden; }
.contact .lists li dl dd .name b{ width:100%; float:left; line-height:18px; height:18px; font-weight:300; font-size:12px; }
.contact .lists li dl dd .name em{ width:100%; float:left; line-height:12px; height:12px; color:#ccc; font-size:12px; font-style:normal; }
.contact .lists .dynamic{ width:auto; float:left;}
.contact .layui-nav .layui-nav-item .layui-this{ background:#edf7fb;}

.dynamic{ margin-left: 270px; /*border:1px solid #ddd;*/ padding:8px;}
.dynamicAuto{ width:auto; float:none;}
.dynamic .dynamicItem{}
.dynamic .dynamicItem h2{ }
.dynamic .dynamicItem h2 i{margin-left:-11px; font-size:16px; color:#fff; padding:4px; background:#049ad9; border-radius:50%;}
.dynamic .dynamicItem h2 span{padding-left:8px; font-size:18px; color:#049ad9;}
.dynamic .dynamicItem ul{}
.dynamic .dynamicItem ul li{ padding-top:10px; border-left:1px solid #ddd; padding-left:20px;}
.dynamic .dynamicItem ul li h3{ font-size:14px; }
.dynamic .dynamicItem ul li h3 i{ color:#fff; margin-left:-33px; padding:4px; background:#f67065; border-radius:50%; }
.dynamic .dynamicItem ul li h3 em{ float:right; padding-left:12px; display:none; }
.dynamic .dynamicItem ul li h3 em i{ margin:auto; padding:0; color:#049ad9; background:none;}
.dynamic .dynamicItem ul li h3 span{ padding-left:10px; font-size:14px; color:#f67065;}
.dynamic .dynamicItem ul li .text{ color:#999; font-size:12px; }
.dynamic .dynamicItem ul li .text span{ padding-right:10px;}
.dynamic .dynamicItem ul li .text span i{}
.dynamic .dynamicItem ul li .descript{ padding-bottom:10px; padding:12px; background:#f6f6f6; border-radius:5px; }
.dynamic .dynamicItem ul li .info{ padding-bottom:10px; padding:12px; background:#f6f6f6; border-radius:5px; }
.dynamic .dynamicItem ul li .info img{ max-width:100%;}
@media screen and (max-width:768px){
/*.contact{ width:100%;}*/		
.dynamic{}		
}
@media screen and (max-width:480px){
.dynamic{ margin-left: 0px;  margin-top:20px; float:left; }
}

.main-diary{}
.main-diary{ width: 100%; min-height: 300px; }
.main-diary .content{ width:380px; float:left; }
.main-diary .ajaxElement{ padding:10px; margin-left: 410px;width:0px auto;}
	#content{ }
	.caleCont{ }
	.caleBox{ padding:10px;}
/*日历顶部*/
.main-diary .top{ width:auto; margin:0px auto; height:30px; padding:2px 0px;}
.main-diary .top .topDate{ width:auto; float:left;}
.main-diary .top .topDate .monthDay{ width:auto; float:left;  font-size:24px; line-height:24px; font-family:"黑体"; }
.main-diary .top .topDate .monthDay .data-m{ font-size:24px; font-family:"黑体";}
.main-diary .top .topDate .monthDay .data-d{ font-size:24px; font-family:"黑体";}
.main-diary .top .topDate .monthDay .data-week{ }
.main-diary .top .topDate .year{ width:auto; float:left; line-height:12px;}
.main-diary .top .topDate .year .data-y{ display:block; font-size:10px; font-weight:bold; text-indent:4px;}
.main-diary .top .topDate .year .data-nong{ float:left; font-size:10px; text-indent:4px;}
.main-diary .top .topDate .year .data-fes{ display:none; width:auto; float:left; font-size:10px;}
.main-diary .top .topDate .year .data-tiangan{ display:none; font-size:10px;}
.main-diary .top .topDate .year .data-shengxiao{ display:none; font-size:10px;}
.main-diary .top .topDo{ width:auto; float:right;}
/*日历头部*/
.main-diary .tableHead{ text-align: center; /*background:#efefef;*/ padding:8px 0px; border-radius:5px; border-collapse:inherit;}
.main-diary .tableHead tr{}
.main-diary .tableHead tr td{ vertical-align:middle; }
.main-diary .tableHead select { appearance: none;-moz-appearance: none;-webkit-appearance: none;border: 0; border-radius: 2px; color: #000000; background-color: white; background:#eee; vertical-align:middle; text-align:center; padding:2px 2px; cursor:pointer;}
.main-diary .tableHead select:hover{ background:#fff; color:#ec5252; }
.main-diary .tableHead .year_select{display:inline-block; float:left; }
.main-diary .tableHead .home_select{display:inline-block; float:left; padding:0px 15px;}
.main-diary .tableHead .btnMonth{ background:#b3b3b2; border-radius:3px; width:30px; height:24px; line-height:24px; cursor:pointer; font-size:12px; color:#fff; display:inline-block; text-align:center; }
.main-diary .tableHead .btnMonth:hover{background:#ec5252;}
.main-diary .tableHead .btnToday{ width:40px; border-radius:3px; background:#ec5252;}

.main-diary .tableWeekend{ border-bottom:2px solid #eee; color:#bebebe; padding:0px 0px; }
.main-diary .tableWeekend tr{}
.main-diary .tableWeekend tr td{ text-align:center; font-size:14px; }

.main-diary .tableCale{ width: 100%; table-layout: fixed; text-align:center; border-spacing:4px; border-collapse:separate; }
.main-diary .tableCale .aorange { color: #ff5f07; }
.main-diary .tableCale .day {font-size: 18px; color: #000000; }
.main-diary .tableCale .day td{color:#9F9E9E;}
.main-diary .tableCale .one {font-weight: normal; font-size: 20px; color: #000000; }
.main-diary .tableCale .everyday{ width:auto; cursor:pointer; padding:4px 0px; border-radius:4px;}
.main-diary .tableCale .everyday:hover{ background:#eee; color:#f12528; }
.main-diary .tableCale .selected{ background:#eee; color:#f12528; }
.main-diary .tableCale .everyday:active{ background:#eee;}
.main-diary .tableCale .everyday em{ width:100%; display:block; font-style:normal; font-size:14px; line-height:20px; }
.main-diary .tableCale .everyday b{ font-weight:normal; width:100%; display:block; font-size:10px; line-height:12px;}
.main-diary .tableCale .today{ color:#f12528; background:#dddddd; }
.main-diary .tableCale .festival{ color:#f12528; }
.main-diary .tableCale .solarTerms{ color:#52a253; }
.main-diary .tableCale td{ position:relative;}
.main-diary .tableCale td .tips{ width:1px; height:0px; position:absolute; border-left:8px solid #fff; border-top:8px solid #f12528; top:0px; right:0px;}
.main-diary .tableCale td:hover .tips{ border-left:8px solid #f12528; border-top:8px solid #fff; }

.main-diary .ajaxList{ width:auto; margin:0px auto;}
.main-diary .ajaxList .login{ text-align:center; padding:40px 0px 60px 0px;}
.main-diary .ajaxList h3{ font-size:16px; line-height:26px; padding-bottom:10px; font-weight:100; border-bottom:2px solid #eee;}
.main-diary .ajaxList .ajaxContent{ display:none; margin-top:10px; padding:0px 0px 10px 0px; border-bottom:2px solid #ec5252;}

.main-diary .ajaxElement h3{ font-size:16px; line-height:26px; padding-bottom:10px; font-weight:100; border-bottom:2px solid #eee;}
.main-diary .ajaxElement .ajaxContent{ display:none; margin-top:10px; padding:0px 0px 10px 0px; border-bottom:2px solid #ec5252;}
.main-diary .ajaxElement ul{ width:auto; background:#fff; border-radius:5px; margin:0px auto; padding:6px 0px;}
.main-diary .ajaxElement ul li{ list-style:decimal; list-style-position:inside; font-size:14px; border-bottom:1px solid #eee; padding:10px 0px; }
.main-diary .ajaxElement ul li h4{ /*font-size:12px; font-weight:300;*/ color:#ec5252;}
.main-diary .ajaxElement ul li .cont{ /*font-size:12px; color:#666; line-height:22px;*/}
.main-diary .ajaxElement ul li .cont p{ text-indent:2em; padding:2px 0px; min-height:20px;}
.main-diary .ajaxElement ul li b{ font-weight:normal; }
.main-diary .ajaxElement ul li b em{ font-style:normal; padding:0px 4px; color:#ec5252;}
.main-diary .ajaxElement ul li span{ color:#999; font-size:12px; }
.main-diary .ajaxElement ul li i{ color:#fff; font-size:12px; padding:1px 4px; border-radius:3px; margin-left:10px; float:right; cursor:pointer;}
.main-diary .ajaxElement ul li i.delete{ background:#b3b3b2;}
.main-diary .ajaxElement ul li i.edit{ background:#ec5252; }
.main-diary .ajaxElement ul li p.title{ color:#ec5252;}
.main-diary .ajaxElement ul li img{ max-width:100%; max-height:100%;}
.main-diary .layui-form-item{ margin-bottom:5px!important;}
.main-diary .layui-inline{ margin-bottom:0px!important;}
.main-diary .layui-form-select{ float:left; }
.main-diary .layui-btn-normal{ background:#ec5252;}
.main-diary .layui-form-item .layui-input, 
.main-diary .layui-form-item .layui-select, 
.main-diary .layui-form-item .layui-textarea{ height:32px; font-size:12px;}

.main-diary .layui-form-item{ margin-bottom:5px!important;}
.main-diary .layui-inline{ margin-bottom:0px!important;}
.main-diary .layui-form-select{ float:left; }
.main-diary .layui-btn-normal{ background:#ec5252;}
.main-diary .layui-form-item .layui-input, 
.main-diary .layui-form-item .layui-select, 
.main-diary .layui-form-item .layui-textarea{ height:32px; font-size:12px;}

.main-diary .viewSwitch{ background:#aaa; margin-left:10px; }
.main-diary .viewSwitchOn{ background:#ec5252;}
@media screen and (max-width:768px){
	.main-diary .content{ width:100%;}
	.main-diary .ajaxElement{ margin:0px auto;}
}

/*
 * 5 插件
 */
 
body input, body textarea{box-shadow:none;}
body .layui-layer-prompt textarea.layui-layer-input{resize: both;}
body .iconfont{-webkit-text-stroke-width: 0;}

/* 辅助 */
pre{white-space: pre-wrap!important; word-wrap: break-word!important; *white-space:normal!important; background:#f8f8f8; border:1px solid #ddd; padding:5px;border-radius:3px; white-space:pre-wrap; word-wrap:break-word; letter-spacing:0; margin:10px 0px; font-size:12px;display: block; white-space: pre;line-height:150%;}

/* 用户中心 */
.fly-user-main2{ margin-top:66px; }
.fly-user-main{position: relative; width: 1085px; min-height: 600px; margin-top:60px;}
.fly-user-main>.layui-nav{position: absolute; left: 0; top: 0; z-index: 1000; height: 100%; padding: 10px 0;}
.fly-user-main>.layui-nav .layui-icon{position: relative; top: 2px; font-size: 20px; margin-right: 10px;}
.fly-user-main>.fly-panel{ min-height: 575px; margin: 0 0 10px 170px; overflow:hidden;}
.fly-user-main .fly-none{min-height: 0;}
.fly-user-main>.fly-user-content{ padding:0px 10px;}
.fly-panel-user[pad20]{padding-top: 5px;}
.layui-nav .layui-nav-item a{ color:#000; padding:0px 10px; }
.layui-nav-tree .layui-nav-child a{ height:36px; line-height:36px; font-size:12px; }

/* 当前选中状态下 */
.layui-nav-tree .layui-nav-child dd.layui-this, 
.layui-nav-tree .layui-nav-child dd.layui-this a, 
.layui-nav-tree .layui-this, 
.layui-nav-tree .layui-this>a, 
.layui-nav-tree .layui-this>a:hover{ background: #fff; color: #209fc8;}
.layui-nav-tree .layui-this a:hover i{ color:#209fc8; }
.layui-nav-tree .layui-nav-item a:hover{ background: #e9f9e9; color: #333;}
.layui-nav-tree .layui-nav-item a:hover i{ color: #333;}
.layui-nav-tree .layui-this:after{border-bottom: 2px solid #049ad9;}
.layui-nav-tree .layui-nav-item a:hover{}
.layui-nav-tree .layui-nav-bar{background-color: #049ad9;}

.layui-tab-brief> .layui-tab-title .layui-this{ color:#049ad9; }
.layui-tab-brief> .layui-tab-more li.layui-this:after, 
.layui-tab-brief> .layui-tab-title .layui-this:after{border-bottom: 2px solid #049ad9;}
.layui-btn-normal{background-color: #049ad9;}
.layui-form-radio i:hover, 
.layui-form-radioed i{ color:#049ad9; }
.layui-laypage .layui-laypage-curr .layui-laypage-em{background:#049ad9;}

/* 分页 */
.btnBottom { width:100%; padding:6px 0px; line-height:26px;  overflow:hidden; background:#fafafa; border-bottom:1px solid  #D8D8D8; }
.btnBottom .btn{ width:auto; height:auto; float:left; padding-right:10px;}
.btnBottom .btn .btnSub{ padding-left:180px;}
.btnBottom .btn .btnSub{ width:auto; height:26px; text-align:center; color:#fff; background:#049ad9; border:none; cursor:pointer; border-radius:5px; margin-right:6px; padding:0px 8px;outline:none; font-size:12px; }
.btnBottom .btn .btnSub{background:#049ad9;}
.btnBottom .btn .btnSub:active {background:#f88e8b;}
.btnBottom .btn span.btnSub{ max-width:120px; display:block; float:left;} 
.btnBottom .btn select{border:1px solid #049ad9; border-radius:3px; width:auto; height:26px; line-height:26px; font-size:12px; }
.btnBottom .btn input{border:1px solid #049ad9; border-radius:3px; width:auto; height:22px; line-height:22px; font-size:12px; text-indent:2px; }
.btnBottom .checkDelete .btnDelete{ display:none;} 
.btnBottom .checkDelete .btnRadio {  vertical-align: middle;}

.pages{ width:auto%; height:auto; float:right; text-align:right; padding-right:10px;} 
.pages div{ width:auto; float:right;}
.pages div a{ padding:2px 5px; background:#049ad9; color:#fff; border-radius:3px; margin:0px 2px; }
.pages div span{padding:2px 5px; background:#999; color:#fff; border-radius:3px; margin:0px 2px;}
.pagesCenter{ margin:0px auto; text-align:center; padding-top:20px; float:none; padding-right:0; }
.pagesCenter div{ float:none;}

/* 分页 */
.page{ width:auto; display:block;clear:both; height:auto; text-align:center;line-height:40px; color:#333; font-size:12px; padding:0px 0px; }	
.page a{ color:#333; padding:4px 8px; margin:0px 4px; border-radius:3px;background:#eee; color:#049ad9;}
.page a:hover{  text-decoration:none;background:#049ad9; color:#fff;}
.page .current{background:#049ad9; color:#fff; padding:4px 8px; margin:0px 4px; cursor:pointer; border-radius:3px;}

.mobile-history{ display:none;}

.layui-form-item .layui-input-inline{ margin-right:10px;}

.layui-form{padding-top: 10px;}

.layui-alert{ margin: 10px 0 20px; padding: 30px 20px; text-align: center; color: #999!important;}
.layui-form-checked[lay-skin="primary"] i{ background:#049ad9; border-color:#049ad9; }

/* 右下角bar */
.fly-rbar{position: fixed; z-index:9999; right: 20px; bottom: 55px; width:32px;}
.fly-rbar li{height: 32px; line-height: 32px; margin-bottom: 1px; text-align:center; cursor: pointer; font-size:18px; background-color: #049ad9; color:#fff; border-radius: 2px;}
.fly-rbar li{ background:#14253a; }
.fly-rbar li:hover{opacity: 0.8;}
.fly-rbar li.icon-top{display:none; }
.layui-nav{ background:#f1f1f1 /*linear-gradient(#393D49, #030818)*/; width:160px; }
.fly-user-main > .fly-panel{ margin:0 0 10px 170px}
.fly-user-main > .fly-panel-user{ margin-left:170px;}

/* 登录/注册 模块 */
.login{ margin:0px auto; padding-top:40px; min-height:600px; }
.login .login-logo{ width:auto; margin:0px auto; text-align:center; padding:30px 0px; overflow:hidden; }
.login .login-logo img{ width:300px;}
.login .main{ max-width:450px; margin:0px auto; }
.login .layui-tab-title li{ font-size:18px; padding:0px;}
.login .layui-input-auto{ width:auto; }
.login .layui-input-s{ width:106px;}
.login .layui-input-m{ width:140px;}
.login .footer{ color:#999;}
.login .footer a{ color:#999; }
.login .footer a:hover{ color:#333;}

/* 添加订单 */
.layui-form-order-height{ height:180px;}
.layui-form-order{ width:33%; float:left; }
.layui-form-order2{ width:66%;}
.layui-form-order3{ width:100%; height:auto;}
.layui-form-order h3{}
.layui-form-order h4{ border-left:3px solid #22364f; text-indent:6px; font-weight:bold; color:#22364f; line-height:14px; font-size:14px; margin:10px 0px; clear:both; display:block;  }
.layui-form-order h4 em.mylayer{ padding-left:20px; font-style:normal; font-size:12px; font-weight:300; color:#ff5722;}

.layui-submit{ margin-top:20px; float:left; }
.layui-submit .layui-input-inline{ padding-left:102px;}
/*.layui-form-order .layui-form-order-item{ width:auto; margin:0px auto; display:block; clear:both;  }*/
.layui-form-order .layui-form-order-item .layui-input-full{padding-right:20px;}
.layui-form-order .layui-form-order-item .layui-input-auto{ position:relative; padding-left:122px; padding-right:50px;}
.layui-form-order .layui-form-order-item .layui-input-auto-inline{ float:left; padding-right:20px; width:200px;}
.layui-form-order .layui-form-order-item .layui-input-text {line-height: 20px; padding: 6px 0px; }
.layui-form-order .layui-form-order-item .layui-btn-small{ padding:0px 2px; font-size:12px; line-height:26px; height:26px; margin-left:20px; }
.layui-form-order .layui-form-order-item .layui-form-label{ float:left; width:110px; text-align:left; padding:6px 6px; color:#999; }
.layui-form-order .layui-form-order-item .layui-form-mid{ padding:6px 0px!important; color:#555 !important }
.layui-form-order .layui-form-order-item textarea{border:1px solid #22364f; margin-top:12px; height:74px; min-height:74px; display:inline-block; }
.layui-form-order .layui-form-order-item input,
.layui-form-order .layui-form-order-item select{ border:none; border-bottom:1px solid #22364f; padding-left:0px; }
.layui-form-order .layui-form-order-item-auto{ clear:none;}

/* 项目管理 */
.itemSubject{ width:100%; display:block; overflow:hidden; }
.itemSubject ul{ width:auto;}
.itemSubject ul li{ padding:6px 4px; margin-right:20px; float:left; border-bottom:3px solid #ddd; }
.itemSubject ul li.on{ border-bottom:3px solid #369;}
.itemSubject h4{ float:right; text-align:right; margin-top:6px;}
.itemList{ width:100%; display:block; overflow:hidden; }
.itemList .item{ width:240px; height:320px; float:left; border:1px solid #ddd; border-radius:5px; margin:20px 10px 10px 0px; }
.itemList .item .img{ position:relative; width:100%; height:160px; text-align:center; display:table; }
.itemList .item .img a{ width:100%; height:100%; max-height:160px; display:table-cell; vertical-align:middle;}
.itemList .item .img img{ height:auto; max-width:100%; max-height:160px; margin:0px auto; }
.itemList .item .img .level{ position:absolute; top:5px; left:5px; background:#ddd; border-radius:3px; padding:0px 4px; font-size:12px; }
.itemList .item .img .level input{vertical-align: text-top;}
.itemList .item .title{ padding:10px; font-weight:600; }
.itemList .item .info{ padding:0px 10px; color:#aaa; font-size:12px; overflow:hidden; }
.itemList .item .info p.block{width:100%; }
.itemList .item .info p.description{ width:100%; float:left; line-height:18px; padding-bottom:4px; }
.itemList .item .info p.time{ float:left; color:#090; padding-right:12px;  }
.itemList .item .info p.status{ float:left; }
.itemList .item .team{ padding:0px 10px 0px 10px; overflow:hidden;  }
.itemList .item .team p.text{ font-size:12px; font-weight:600; float:left; padding-right:12px;  }
.itemList .item .team p.member{ font-size:12px; float:left;}
.itemList .item .team p.compony{ font-size:12px; color:#ccc; }

.layui-timeline-content .content img{ max-width:200px; cursor:pointer; }
.layui-timeline-content .content .img{ width:auto; max-width:95%;}


.itemSubjectMoney{ background:#f6f6f6; }
.itemSubjectMoney ul{ border-bottom:none;}
.itemSubjectMoney ul li{ border-bottom:none; border:0px solid #ddd; border-radius:10px; padding:4px 8px; background:#fff; margin-right:10px; }
.itemSubjectMoney ul li.on{ border-bottom:3px solid #e55521; }
.itemSubjectMoney ul li a{  color:#1c78ff;}
.btnDetail{ background:#e55521; border-radius:5px; color:#fff!important; text-align:center; padding:4px 6px; }
.btnDetail:hover{ background:#1e9fff;}
.hide{ display:none;}

.btn-relay{ width:50px; height:24px; display:inline-block; overflow:hidden; border-radius:20px; background:#CCC; border:1px solid #aaa; cursor:pointer; }
.btn-open{ background:#3473f4; border:1px solid #03C;  }


.syncMulti{  color:#F60!important; float:right; }



/*
 * 9 响应式
 */

/* 适配多设备 */
@media screen and (max-width: 1100px) {
	body .fly-user-main{ width:auto;}
	.fly-user-main > .fly-panel{ width:auto;}
}
@media screen and (max-width:1024px){
	.logo{left: 10px;}
	.main, .footer{width: auto; }
	.content{margin: 0;}
	img{max-width: 100%;}
}

@media screen and (min-width:992px){}
@media screen and (min-width:768px){}
@media screen and (max-width:768px){
	.nav,
	/*.fly-tab,*/
	.fly-search,
	.nav-user .unlogin,
	.nav-user .avatar,
	.nav-user>span,
	.fly-list-li h2 span,
	.fly-list-hint{display:none;}
	
	.autoBox .fly-user-main > .fly-panel{ margin:0px;}
	
	.nav-user{top: 18px;}
	.nav-user .out-login{display: block; margin-right: 15px;}
	.nav-msg{left: 0;}
	.fly-list-li h2 a{max-width: 94%;}
	.fly-list-one li{margin: 0 10px;}
	
	.jie-admin-box{display: block; margin: 5px 0 0;}
	.detail-hits{}
	.fly-detail-hint .fly-list-hint{display: block;}
	.fly-edit span{padding: 0 6px;}

	.footer{margin-top: 25px;}
	.commonBox{ padding:0px 0px;}
	.layui-tab{ margin:0px;}
	body .fly-user-main{width: auto; margin-top:0px;}
	.fly-user-main>.layui-nav{left: -300px; transition: all .3s; -webkit-transition: all .3s;}
	.fly-user-main>.fly-panel-user{width: auto; margin-left: 0; transition: all .3s; -webkit-transition: all .3s;}
	.site-tree-mobile{display: block!important; position: fixed; z-index: 100000; bottom: 20px; left: 10px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
	.site-mobile .site-tree-mobile{display: none !important;}
	.site-mobile .fly-user-main>.layui-nav{left: 0;}
	.site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.9); z-index: 999;}
	
	html body{margin-top:0px; margin-bottom:60px;}
	.site-tree-mobile{display: block!important; position: fixed; z-index: 10001; bottom: 20px; left: 10px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
	
	/* 导航 */
	.header{ left:0px; height:60px; width:100%; bottom:0px; border-top:none; position:fixed; top:inherit; /*background:#009e94;*/box-shadow:none; border-top:1px solid #ddd;}
	.header .main{}
	.header .main .logo{ display:none;}
	.header .main .nav{ position:relative; display:block; top:inherit; border-top:none; padding-top:6px; left:0px;}
	.header .main .nav ul{}
	.header .main .nav ul li{ width:25%; float:left; padding:0px; text-align:center;}
	.nav ul li.newMsg .nav-msg{ display:block;}
	.header .main .nav a{ line-height:200%; text-align:center; font-size:12px;/* color:#fff;*/ border-top:none; padding:0px;}
	.header .main .nav a i{ display:block; padding-right:0px; font-size:20px;}
	.header .main .nav a.layui-hide{ display:block!important;}
	.header .main .nav-user{ display:none;}
	.header .main .nav ul li.newMsg{ position:relative;}
	.header .main .nav ul li.newMsg .nav-msg{ position:absolute; top:-16px; right:0; left:0; color:#fff; border-radius:50%; width:22px; height:22px; line-height:22px; font-size:12px; margin:0px auto;}
	
	.main{ border-bottom:0px;}
	.main .edge{ margin:10px 0px;}
	
	.footer{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-top:none;}
	
	.mobile-history{ display:none; width:36px; height:36px; top:10px; left:10px; position:fixed; background-color:#000; opacity:0.5;filter:alpha(opacity=50); border-radius:50%; text-align:center; z-index:99999;}
	.mobile-history a{ color:#fff; width:100%; height:100%; display:block;}
	.mobile-history a i{ font-size:24px; line-height:36px;}
	
	.site-mobile .fly-user-main>.layui-nav{ /*left:-15px; top:-15px;*/}
	
	.site-tree-mobile{ bottom:28px; width:28px; height:28px; line-height:28px;}
	
	.fly-rbar { bottom:70px; width:36px; right:10px;}
	.fly-rbar li { height:36px; width:36px; line-height:36px;  }
	.fly-rbar .icon-menuLeft { display:none;}
	.fly-rbar .icon-menuTop { display:none;}
	.fly-rbar li.icon-top {font-size:36px;}
	
	.layui-tab-title{}
	.layui-tab-title li{ min-width:50px; padding:0px 10px;}
	
	.layui-form-item .layui-inline{ clear:none; }
	.layui-form-item .layui-input-inline{ width:auto; float:left; clear:none; margin:0px;}
	
	.layui-laypage-limits,
	.layui-laypage-skip{ display:none!important;}
	
	.fly-wailaa-adver{ text-align: center; }
	
	#message_list{}
	#message_list a span{ display:inherit; color:#049ad9;}
	
	
	
	.registerEdit .layui-form-order-item{ width:100%;}
	
	.fly-panel-user[pad20]{ padding-top:0px;}

	body .fly-user-main{ width:auto; }
	.fly-user-main > .fly-panel{ width:auto; margin: 0 0 10px 0px;/* padding:0px 10px;*/}

	/* 添加订单 */
	.layui-form-order{ width:auto; margin:0px auto; float:none; display: flow-root; height:auto;/* margin-bottom:20px;*/ }
	.layui-form-order2{  width:auto; margin:0px auto; float:none; display: flow-root; margin-bottom:20px; }
	.layui-form-order .layui-form-order-item-auto{ clear:both;}
	.layui-form-order .layui-form-order-item .layui-form-label{ float:none; width:auto; padding:inherit; color:#999; }
	.layui-form-order .layui-form-order-item .layui-input-auto{ position:static; padding:inherit; }
	.layui-form-order .layui-form-order-item .layui-input-auto-inline{ width:inherit;}
	.layui-form-order .layui-form-order-item input, 
	.layui-form-order .layui-form-order-item select{ width:100%;}
	.layui-clicked-show { display: none;}
	.layui-form-text .layui-input-inline{ display:block;}
	
	.layui-form-order .layui-form-order-item{ border-bottom:3px solid #eee;}
	
		
	.layui-table{ min-width:1680px; }
	
	.tu-rows .tu-item{ margin-bottom:20px; border-left:2px solid #ddd; padding-left:10px; width:calc(100% - 20px); border-radius:10px;   }
	.tu-rows .tu-item:nth-child(odd){ border-left:4px solid #418dff; border-bottom:1px solid #418dff; border-top:1px solid #418dff;}
	.tu-rows .tu-item:nth-child(even){ border-left:4px solid #ddd; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
	.tu-rows .tu-item .tu-input-auto{ line-height:160%; font-size:14px; word-break: break-all; }
	.selectMulti{ padding:4px 6px; margin:4px 0px; display: inline-block; background:#049ad9; color:#fff!important;  border-radius:5px; cursor:pointer; font-size:14px; }
	.selectMulti:hover{ background:#4f99cf; color:#fff; }
	.syncMulti{ line-height:160%; font-size:14px;}
	
	.imageList li{ font-size:12px;}
	
	.timesList{}
	.timesList .selectSwitch {}
	.timesList .selectSwitch span{display: inline-block; background:#049ad9; color:#fff!important; padding:2px 4px;   border-radius:5px; margin-top:4px; }
	.timesList .selectSwitch input{ line-height:20px; margin-top:4px; }
}
@media screen and (max-width:450px){
	/* 导航 */
	.header{ left:0px; height:52px; width:100%; bottom:0px; border-top:none; position:fixed; top:inherit; border-top:1px solid #ddd;}
	.header .main{}
	.header .main .logo{ display:none;}
	.header .main .nav{ position:relative; display:block; top:inherit; border-top:none; padding-top:2px; left:0px;}
	.header .main .nav a{line-height:200%; text-align:center; font-size:12px;/* color:#fff;*/ border-top:none; padding:0px;}
	.header .main .nav a i{ display:block; padding-right:0px; font-size:20px;}
	.header .main .nav a.layui-hide{ display:block!important;}
	.header .main .nav-user{ display:none;}
	.autoBox{ padding:10px;}
	.main{ border-bottom:0px; margin-bottom:0px; margin:0px auto;}
	.main .edge{ margin:0px 0px 0px 0px;}
	.main .edge-adily{ margin:10px 0px 0px 0px;}
	.footer{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:12px;}
	
	.desktop{ display:none;}
	
	.mobile-history{ display:none; width:28px; height:28px; top:7px; left:7px; position:fixed; background-color:#000; opacity:0.5;filter:alpha(opacity=50); border-radius:50%; text-align:center; z-index:99999;}
	.mobile-history a{ color:#fff;}
	.mobile-history a i{ font-size:18px; line-height:28px;}
	
	.site-tree-mobile{ bottom:28px; width:28px; height:28px; line-height:28px; left:10px;}
	
	.fly-rbar { width:28px; bottom:16px!important; right:10px!important;}
	.fly-rbar li { height:28px; width:28px; line-height:28px;  }
	.fly-rbar .icon-charushuipingxian { display:none;}
	.fly-rbar .icon-huizongzuoyoutuodong { display:none;}
	.fly-rbar li.icon-top {font-size:28px;}

	.layui-tab{ margin:0px 0px;}
	.fly-art{ padding:8px 10px 20px 10px; }
	.detail-box{padding:8px 10px 20px 10px;}
	.fly-website span{ padding-left:30px;}
	.fly-panel-title span{ width:200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:left; float:left; font-style:normal!important;}
	
	.login{ min-height:680px;}
	.login .main .fly-panel[pad20]{ padding:12px;}
	.login .main{ width:auto; margin:0px 10px;}
	.login .main .layui-form-item{ margin:10px 0px;}
	.login .main .layui-form-item .layui-input-m{ width:100px;}
	.login .main .layui-form-item .check-code{ width:90px; height:38px;}
	.login .main .layui-form-item .check-code img{ height:38px; border-radius:5px;}
	
	.login .layui-tab-title{}
	.login .layui-tab-title li{ font-size:14px;}
	
	.layui-tab-title{ }
	.layui-tab-title li{ min-width:50px; padding:0px 10px;}
	.layui-form-item{ margin-bottom:10px;}
	.layui-form-item .layui-inline{ clear:none; }
	.layui-form-item .layui-input-inline{ width:auto; float:left; clear:none; margin:0px;}
	.layui-form-item .layui-input-inline+.layui-form-mid{ font-size:12px;}
	.layui-form-item .layui-inline{ margin-bottom:10px;}
	
	.layui-form-item .layui-form-label{ padding:8px 8px;}
	.layui-form-label{ padding:9px 0px;}
	
	.layui-laypage-limits,
	.layui-laypage-skip{ display:none!important;}

	.commentEditor{ padding-top:0px;}
	
	.display{ display:none;}
	/*.layui-table img,
	.listImg img{ max-width:200px;}*/
	
	.fly-list-hint i{ padding: 0 0px 0 4px;}
	
	.check-code{}
	
	.fly-user-main>.layui-nav{ position:fixed;}
	
	.detail-about .jie-user cite i{width:95px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float:left;}
	.replayList .replyDetail .detail-about .jie-user cite i{ width:66px;}

	.fly-panel[pad20]{ padding:6px;}

	.layui-form-text{}
	.layui-form-text .layui-form-label{ width:100%; float:none; text-align:left; width:auto;}
	.layui-form-text .layui-form-mid,
	.layui-form-text .layui-input-block{ margin:0px auto; /*padding:9px 15px!important;*/ float:none;}
	.layui-form-item{ margin-bottom:0px;padding: 4px 0px;}
	.layui-form-item .layui-inline{ margin-bottom:0px;}
	.layui-input, .layui-select, .layui-textarea{}
	.layui-input-date{ width:100px;}
	.layui-btn{}
	.layui-form-order .layui-form-order-item .layui-input-auto-inline{ padding-right:0px;}
	
	.layui-fastlink ul li{ width:25%;  float:left;}
	.layui-count ul li{ width:25%; float:left;}
	
	.layui-submit{ margin-bottom:46px;}
	
	/* 项目管理 */
	.itemList .item{ width:auto; min-width:99.5%; height:auto; margin:15px auto 0px auto; }
	.itemList .item .img{ height:auto;}
	.itemList .item .img a{ max-height:none;}
	.itemList .item .img img{ height:auto; max-height:none;}
	.itemList .item .info p.description{ height:auto;}
	/* 时间范围选择 */
	.layui-laydate-range{ width:100%!important;}
	/*.layui-laydate-main{ width:50%!important;}*/
}

@media screen and (max-width:380px){
	.fly-list-li p span.name{ max-width:75px;}
}

@media screen and (max-width:320px){
	html body{margin-top:0px; margin-bottom:45px;}
	.header{ left:0px; height:44px; width:100%; bottom:0px; border-top:none; position:fixed; top:inherit; border-top:1px solid #ddd;}
	.header .main{}
	.header .main .logo{ display:none;}
	.header .main .nav{ position:relative; display:block; top:inherit; border-top:none; padding-top:2px; left:0px;}
	.header .main .nav a{ line-height:200%; text-align:center; font-size:10px;/* color:#fff;*/ border-top:none; padding:0px;}
	.header .main .nav a i{ display:block; padding-right:0px; font-size:18px;}
	.header .main .nav a.layui-hide{ display:block!important;}
	.header .main .nav-user{ display:none;}
	
	.main {}
	.main .edge {margin: 10px 0px 0px 0px;}
	
	.layui-form-pane .layui-form-label{ width:80px; font-size:12px;}
	.layui-form-pane .layui-input-block{margin-left:80px;}
	.layui-form-item .layui-input-inline+.layui-form-mid{ margin-left:80px;}
	.layui-form-item .layui-input-inline{ width:200px;}
	.app-bind li{ font-size:12px;}
	.fly-msg, .fly-error{ padding:10px;}
	.fly-panel-user[pad20]{ padding:10px 10px 0px 10px;}
	
	.fly-panel-title span{ font-size:12px;}
	.layui-tab-title{}
	.layui-tab-title li{ min-width:40px; padding:0px 8px; font-size:12px;}
	.fly-title-btn{ font-size:12px; padding:0px 10px; height:30px; line-height:30px; margin-top:10px;}

	.layui-nav-tree .layui-nav-item{ line-height:44px;}
	.layui-nav-tree .layui-nav-item a{ line-height:44px; height:44px;}

	.footer a{ font-size:12px;}
}
/* 当前高度主要针对手机输入法在编辑框输入内容时候遮挡的问题 */
@media screen and (max-height:700px){
	.tu-rows .tu-item-last{ padding-bottom:400px; }
}
@media screen and (max-height:360px){
	.header{ display:none;}
}