/*
* @Author: sison.luo
* @Date: 2016-05-17 15:40:37
* @Last Modified by: Administrator
* @Last Modified time: 2016-08-22 01:38:52
*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td,span,em,b,i{margin:0;padding:0;}
body,button,input,select,textarea{font:normal 12px/1 simsun, verdana,"\5FAE\8F6F\96C5\9ED1","微软雅黑","Microsoft YaHei";}
html {overflow-y: scroll;}
html.noscroll{ overflow: hidden;}
ul,ol{list-style:none}
.tl{ text-align: left}
.tc{ text-align: center}
.tr{ text-align: right}
.fl{float:left}
.fr{float:right}
.hiddeny{overflow-y:hidden;}
a{color:#000; text-decoration:none;}
.block{ display: block;}
dl.inline dt,dl.inline dd,.inline li{float:left}
a,button,input{ outline:none}
.bbthree{ background-color: #fff; border-bottom: 3px solid #eaeaea;margin-bottom: 30px;}
.bbthree.pagination-out{}
.spline{ border-width: 0; border-style: solid; border-color: #eee; clear: both;}
.spline.dotted{ border-style: dotted;}
.spline.top{ border-width: 1px 0 0;}
.spline.bottom{ border-width: 0 0 1px;}
.widthly{ width:auto; margin:0 160px;}
/*空白行*/
.sp00{clear:both; height:0px; display: block; overflow: hidden;}
.sp05{clear:both; height:5px; display: block; overflow: hidden;}
.sp10{clear:both; height:10px; display: block; overflow: hidden;}
.sp20{clear:both; height:20px; display: block; overflow: hidden;}
.sp30{clear:both; height:30px; display: block; overflow: hidden;}
.sp50{clear:both; height:50px; display: block; overflow: hidden;}
/*间距*/
.pd10{padding:10px}
.pd20{padding: 20px;}
.pd50{padding: 50px;}
.pd100{padding: 100px;}
.pdlr20{padding: 0 20px;}
.pdt10{padding-top:10px}
.pdl10{padding-left:10px}
.pdr10{padding-right:10px}
.pdb10{padding-bottom:10px}
.pdt05{padding-top:5px}
.pdl05{padding-left:5px}
.pdr05{padding-right:5px}
.pdb05{padding-bottom:5px}
.pdb0{padding-bottom: 0;}
.pdt0{padding-top: 0;}
.mgt10{margin-top:10px}
.mgr10{margin-right:10px}
.mgb10{margin-bottom:10px}
.mgl10{margin-left:10px}
/*清除浮动*/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{clear:both}
dl.inline,
ul.inline{clear:both}
dl.inline dt,
dl.inline dd,
.inline li{float:left}
.block li{float: none; clear: both}
/*文本框*/
.txt{line-height:34px; height: 34px; padding:0 10px; position: relative; border: 1px solid #dddddd; transition: all .2s ease-in-out; outline:none;}
.txt:focus,
textarea:focus{ border-color: #66afe9; box-shadow: 0 0 8px rgba(102,175,233,.6);}
.txt.errself,
textarea.errself{border-color: #D9544F; background-color: #ffdad9}
.txt.errself:focus,
textarea.errself:focus{border-color: #D9544F; box-shadow: 0 0 8px rgba(217,84,79,.5);}
textarea{border: 1px solid #dddddd; line-height: 24px; padding:5px 10px; resize: none; outline: none;}
textarea.default{ background: url(../images/placeholder.gif) no-repeat 0 0;}
input[disabled],
textarea[disabled],
input[readonly="readonly"],
textarea[readonly="readonly"]{background-color:#f6f6f6;border:1px solid #bbb;color:#bbb}
input[disabled],
textarea[disabled]{ border: 1px solid #e1e1e1; background-color: #eee; color: #7d7d7d}
/*常用*/
.hide{display:none}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:**px;}
.wordbreak { word-break: break-all; line-height:1.5; white-space:normal;}
.relative{ position: relative;}
.absolute{ position: absolute;}
.nowrap{ white-space: nowrap;}
.unline{text-decoration:underline}
/*动画*/
.ant{ transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;}
.radiuslist li:first-child,
.radiuslist li:first-child>a{ border-radius: 3px 0 0 3px;}
.radiuslist li:last-child,
.radiuslist li:last-child>a{ border-radius: 0 3px 3px 0;}
/* 栅格系统 */
.row{clear:both;line-height:32px}
.row:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.row.plr20{ padding-left: 20px; padding-right: 20px;}
.row.plr50{ padding-left: 50px; padding-right: 50px;}
.row .col-xs-1{width:8.33333333%}
.row .col-xs-2{width:16.66666667%}
.row .col-xs-3{width:25%}
.row .col-xs-4{width:33.33333333%}
.row .col-xs-5{width:41.66666667%}
.row .col-xs-6{width:50%}
.row .col-xs-7{width:58.33333333%}
.row .col-xs-8{width:66.66666667%}
.row .col-xs-9{width:75%}
.row .col-xs-10{width:83.33333333%}
.row .col-xs-11{width:91.66666667%}
.row .col-xs-12{width:100%}
.row .col-xs-w100{width: 100px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-w100{float:left;position:relative;padding-top:1px}
/*绝对定位左侧空50px*/
.pol50{ position: relative; padding: 0 0 0 50px;}
.pol50 .abs{ position: absolute; left: 0; top: 0; width: 50px;}
/*绝对定位左侧空100px*/
.pol100{ position: relative; padding: 0 0 0 100px;}
.pol100 .abs{ position: absolute; left: 0; top: 0; width: 100px;}
/*绝对定位左侧空200px*/
.pol200{ position: relative; padding: 0 0 0 200px;}
.pol200 .abs{ position: absolute; left: 0; top: 0; width: 200px;}
/*绝对定位右侧空100px*/
.por100{ position: relative; padding: 0 100px 0 0;}
.por100 .abs{ position: absolute; right: 0; top: 0; width: 100px;}
/*绝对定位右侧空200px*/
.por200{ position: relative; padding: 0 0 0 200px;}
.por200 .abs{ position: absolute; right: 0; top: 0; width: 200px;}
/*绝对居中*/
.absolutecenter{position:relative;float:left;left:50%}
.absolutecenter .acsub{position:relative;float:left;right:50%;display:block}
.absolutecenter .acsub + .acsub{ margin: 0 0 0 15px;}
/*按钮*/
.btn{ display: inline-block; height: 34px; line-height: 34px; padding: 0 15px; text-decoration: none; border-radius: 2px; outline: none; cursor: pointer; vertical-align: top;}
.btn i{ padding: 0 5px 0 0;}
.btn i:before{ font-size: 18px; color: #fff; float: left; line-height: 34px;}
.btn span{ color: #fff;}
input[type="button"],
button{ border: none; color: #fff;}
.btn.bb{ height: 45px; line-height: 45px; padding: 0 25px;}
.btn.bb i:before{ line-height: 45px;}
.btn.bs{ height: 28px; line-height: 28px;}
.btn.bs i:before{ line-height: 28px;}
.btn-common{ color: #333; background-color: #fff; border: 1px solid #ddd;}
.btn-common.bb{}
.btn-common i:before,
.btn-common span{ color: #333;}
.btn-common:hover{ background-color: #278ADD; border-color: #278ADD; color: #fff;}
.btn-common:hover i:before,
.btn-common:hover span{ color: #fff;}
a.btn-common{ height: 33px; line-height: 33px;}
/*圆角*/
.round{ border-radius: 50%; display: inline-block;}
.round50{ border-radius: 50px; width: 50px; height: 50px; line-height: 50px; display: inline-block;}
.round60{ border-radius: 60px; width: 60px; height: 60px; line-height: 60px; display: inline-block;}
/* 面包屑 */
.page-crumb p{ color:#888; height:45px; font:normal 12px/40px simsun;}
.page-crumb p b{ font-weight: normal;}
.page-crumb p a{ color: #888;}
.page-crumb p a:hover{ color: #888; color: #f00; text-decoration: none;}
.page-crumb p em{ padding: 0 3px; font-style: normal}
.page-crumb p span{ color:#0B93E1 }
/*上传*/
.upload-group .upfile{ height:32px; overflow:hidden; position:absolute; right:0; top:0; opacity:0; filter:alpha(opacity=0); cursor:pointer; z-index:2; font-size: 30px;}
/*置底加权重*/
/*颜色*/
.c-blue{color:#2296D7}
.c-orange{color:#FE6720}
.c-red{color:#FF5353}
.c-brown{color: #5a5350;}
.c-green{color: #6DBB56}
.c-gray1{ color: #000;}
.c-gray2{ color: #333;}
.c-gray3{ color: #666;}
.c-gray4{ color: #aaa;}
.c-gray5{ color: #ddd;}
.c-white{ color: #fff;}
.c-black { color: #000;}
.c-pink { color: #F54D80;}
.c-yellow{ color: #F0B23B;}
.c-primary{ color: #374FBB;}
.c-secondary{ color: #FF9F1A;}
/*背景色*/
.bgc-red{background-color:#FF5253}
.bgc-red-light{background-color:#F9B9B9}
.bgc-blue{background-color:#374fbb}
.bgc-blue-light{background-color: #98BAD6}
.bgc-orange{background-color:#FE6720}
.bgc-green{background-color:#6CBA55}
.bgc-gray1{background-color: #454545;}
.bgc-gray2{background-color: #666;}
.bgc-gray3{background-color: #888;}
.bgc-gray4{background-color: #aaa;}
.bgc-gray5{background-color: #ddd;}
.bgc-gray6{background-color: #eee;}
.bgc-gray7{background-color: #f6f6f6;}
.bgc-white{ background-color: #fff;}
.bgc-yellow{ background-color: #FFFFCD;}
.bgc-primary{ background-color: #374FBB;}
/*边框色*/
.bc-blue{border-color: #374fbb;}
.bc-red{border-color: #FF5253;}
.bc-primary {border-color: #374FBB;}
/*宽度*/
.wp100{ width: 100%; box-sizing: border-box;}
.w100{ width: 100px;}
.w200{ width: 200px;}
.w300{ width: 300px;}
.w400{ width: 400px;}
.w500{ width: 500px;}
/*字体大小，字体，行高，居左居右*/
.fb{font-size:16px}
.fm{font-size:14px}
.fs{font-size:12px}
.fs15{font-size: 15px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs21{font-size: 21px;}
.fs22{font-size: 24.3px;}
.fs27{font-size: 27px;}
.fs30{font-size: 30px;}
.fs36{font-size: 36px;}
.fs50{font-size: 50px;}
.fs60{font-size: 60px;}
.ffs{font-family: simsun;}
.ffv{font-family: verdana;}
.ffm{font-family: 'Microsoft YaHei';}
.fbold{font-weight: bold;}
.fnormal{font-weight: normal; font-style: normal;}
.lh{ line-height: 1.5em;}
.lhem{ line-height: 1em;}
.lh20{ line-height: 20px;}
.lh30{ line-height: 30px;}
.lh34{ line-height: 34px;}
.lh40{ line-height: 40px;}
.tu{text-decoration: underline;}
.txtsp{padding: 0 3px;}
.dc{ margin: 0 auto;}
.tl{ text-align: left;}
.tc{ text-align: center;}
.tr{ text-align: right;}
/*以下为插件UI*/
/*SWITCH*/
.switch-actor{ width: 71px; position: relative; background-color: #fff; height: 24px; padding: 2px; overflow: hidden; font-size: 12px; border-radius: 24px; cursor: pointer;}
.switch-actor .switch-mover{ position: absolute; left: 0; top: 2px; width: 1000px; height: 24px;}
.switch-actor.on{ background-color: #6DBB56;}
.switch-actor.off{ background-color: #ccc;}
.switch-actor.on .switch-mover{ left: 0;}
.switch-actor.off .switch-mover{ left: -47px;}
.switch-actor .switch-mover span{ display: inline-block; height: 24px; line-height: 24px; color: #fff; float: left;}
.switch-actor .switch-mover span.switch-left{ padding: 0 10px 0 15px;}
.switch-actor .switch-mover span.switch-right{ padding: 0 15px 0 10px;}
.switch-actor .switch-mover span.switch-dot{ width: 24px; background-color: #fff; border-radius: 50%; overflow: hidden; padding: 0;}
/*原生SELECT*/
.se-border{border:1px solid #ddd;padding:5px;float:left;background:#fff;position:relative;top:0px;top:-2px\9;line-height:22px}
.se-border .se-hidden{width:50px;*width:58px;height:20px;overflow:hidden}
.se-border .se-hidden select{width:50px;*margin:-2px;border:none;background:transparent;outline:none;font-size:12px;height:20px}
.select-group .se-border{top:0;top:0\9}
.select-group .se-border .se-hidden{width:100px;*width:98px;height:22px;height:23px\9}
.select-group .se-border .se-hidden select{width:100%;font-size:14px;border:none}
.se-border-width100percent{width:100%;border:1px solid #ccc;padding:6px;float:left;background:#fff;box-shadow:0 0 3px #eee inset;position:relative;line-height:22px;top:-1px;top:-2px\9}
.se-border-width100percent .se-hidden{width:60px;*width:58px;height:20px;overflow:hidden}
.se-border-width100percent .se-hidden select{width:60px;*margin:-2px;border:none;padding:1px;background:transparent;outline:none;font-size:12px}
.select-group.full .se-border .se-hidden{ width:100%;}
/*插件SELECT*/
.select{ position: absolute; left: -100px; right: 0; display: none;}
.selector{ position:relative; width:auto; display: inline-block;}
.selector + .selector{ margin-left: -1px;}
.selector dl{ line-height:30px;}
.selector .setitle{ border:1px solid #ddd; z-index:1000;}
.disabled .setitle{ border-color:#ddd;}
.selector .setitle i{ position: absolute; top: 50%; right: 10px; margin-top: -4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #aaa; cursor: pointer;}
.selector .setitle a{ display:block; line-height:32px; white-space:nowrap; padding:0 25px 0 10px; text-decoration:none; color:#333; background-color: #fff}
.disabled .setitle a{ color:#aaa;}
.disabled .setitle i,
.disabled .setitle a{ cursor:not-allowed;}
.selector .selist{ position:absolute; top:33px; left:0; opacity: 0; min-width:100%; z-index:99999; background-color:#fff; transition:opacity .3s ease-in-out; visibility: hidden; max-height: 360px; max-width: 480px; overflow: auto;}
.curse{ position: relative; z-index: 1;}
.curse .setitle{ border-color: #66afe9; box-shadow: 0 0 8px rgba(102,175,233,.6);}
.curse .selist{ z-index:999; opacity: 1; border:1px solid #bbb; border-top-color: #66afe9; overflow-y:auto; box-shadow: 0 4px 12px rgba(0,0,0,.125); box-sizing:border-box; visibility: visible;}
.curse .setitle i{ transform: rotate(180deg);}
.selector .selist ul li{ padding:4px 10px; line-height:20px; cursor:pointer; white-space: nowrap;}
.selector .selist ul li:first-child{ border-top:none;}
.selector .selist ul li:last-child{ border-bottom:none;}
.selector .selist ul li.curli{ background-color: #ddd; color: #000;}
.selector .selist ul li:hover{ background-color:#2689DC; color: #fff}
/*分页*/
.pagination-out{height:62px;}
.pagination{font-size:12px; text-align:center; height:32px; padding:15px 0; font-family: verdana,simsun; color: #666; overflow: hidden; background-color: #eee;}
.pagination .pagLi.pagNum a{padding:0 5px; color:#333; text-decoration: underline;}
.pagination .pagUl{position:relative;float:left;left:50%}
.pagination .pagLi{position:relative;float:left;right:50%; line-height: 32px; padding: 0 10px;}
.pagination .pagLi.pagNum{line-height:30px}
.pagination .pagLi.pagNum a{padding:9px 15px;color:#666; background-color: #fafafa; border: 1px solid #ddd;text-decoration: none; line-height: 1; display: inline-block; margin: 0 0 0 10px; border-radius: 2px;}
.pagination .pagLi.pagNum a:hover{color: #fff; background-color: #278ADD; border-color: #278ADD;}
.pagination .pagLi.pagNum a.disabled,
.pagination .pagLi.pagNum a.disabled:hover {color:#bbb; background-color: #fff; border-color: #ddd; text-decoration: none}
.pagination .pagLi.pagNum span.curpage{padding:0 0 0 10px;*padding:0 0 0 7px; font-weight: bold;}
.pagination .pagLi.pagNum span.totalpage { padding: 0 15px 0 0; font-weight: bold;}
.pagination .pagLi .form-group{clear:both;line-height:32px}
.pagination .pagLi label{float:left;font-weight:normal;padding:0 5px 0 0}
.pagination .pagLi label .results{padding:0 3px;}
.pagination .pagLi .sps{ font-size: 12px;}
.pagination .btn-group{float:left}
.pagination .btn-group.jump-txt{padding:0}
.pagination .btn-group .btn-default{padding:0 15px 0 0}
.pagination .btn-group #thePage{width:45px;height:30px;line-height:30px;text-align:center;padding:0;position:relative;vertical-align:top;top:0px;top:-2px\9; border-radius: 2px;}
.pagination .btn-group #btnJump{background-color:#fafafa;border:1px solid #ddd;color:#666;height:32px;line-height:30px;margin:0;padding:0 20px;cursor:pointer;vertical-align:top;position:relative;top:0px;top:-2px\9; border-radius: 2px;}
.pagination .btn-group #btnJump[disabled]{background-color:#fff;color:#bbb;border-color:#ddd;cursor:not-allowed}
.pagination select{line-height:28px;padding:0;border:1px solid #ccc;outline:none;width:52px; color: #666}
.pagination .se-border{ border-radius: 2px;}
/* 文本框 */
.input-group{ line-height: 30px;}
.input-group label{ display: table; border-collapse: separate; width: 100%;}
.input-group .txt{ border-radius: 2px 0 0 2px; font-size: 12px; box-sizing: border-box; display: table-cell; width: 100%;}
.input-group span,
.input-group button{ background-color: #f8f8f8; border: 1px solid #ddd; padding: 0 15px; white-space: nowrap; line-height: 32px; color: #888; font-size: 14px; text-align: center;}
.input-group span + .txt{ margin: 0 0 0 -1px; border-radius: 0 2px 2px 0;}
.input-group .txt + span,
.input-group .txt + span button{ border-left: none;}
.input-group span{ vertical-align: middle; display: table-cell; width: 1%;}
.input-group.button span{ padding: 0; border: none;}
.input-group.button button{ cursor: pointer;}
.input-group.button button:before{ color: #888; font-size: 14px;}
.input-group.inline{ float: left;}
.input-group.inline label{ width: 180px;}
.input-group.inline .txt{ width: 180px;}
.txt-group{ line-height: 34px; display: inline-block;}
/*RADIO-GROUP*/
.radio-group{ line-height: 20px; padding: 7px 0;}
.radione{ cursor: pointer; display: block; padding: 0 20px; position: relative;}
.radione.inline{ float: left;}
.radione input{ position: absolute; width: 16px; height: 16px; left: 0; top: 50%; margin-top: -8px;}
.radione.isrender{ padding: 0 20px 0 24px;}
.radione.isrender input{ display: none;}
.radio-group{ line-height: 20px;}
.radione i.radicon{ border: 1px solid #aaa; border-radius: 50%; width: 16px; height: 16px; background-color: #fff; position: relative; display: block; position: absolute; left: 0; top: 50%; margin-top: -9px;}
.radione i.radicon:after{ content: ''; border-radius: 50%; background-color: #aaa; height: 8px; width: 8px; position: absolute; left: 4px; top: 4px; display: block;}
.radione span{ display: inline-block;}
.radione.checked i{ border-color: #278ADD;}
.radione.checked i:after{ background-color: #278ADD;}
/*CHECKBOX-GROUP*/
.check-group{ line-height: 20px; padding: 7px 0;}
.checkone{ cursor: pointer; display: block; padding: 0 20px; position: relative;}
.checkone.inline{ float: left;}
.checkone input{ width: 16px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -8px;}
.checkone.isrender{ padding: 0 20px 0 24px;}
.checkone.isrender input{ display: none;}
.checkone i{ border: 1px solid #bbb; margin: 1px; border-radius: 2px; width: 16px; height: 16px; background-color: #f6f6f6; position: absolute; display: block; left: 0; top: 50%; margin-top: -9px;}
.checkone i:after{ content: ''; position: absolute; left: 0px; top: 0px; display: block; color: #ccc; font-weight: bold;}
.checkone.checked i{ border-color: #0669bb; background-color: #278ADD;}
.checkone.checked i:after{ content:'\e90c'; color: #fff; transform: scale(0.8); text-shadow: 0 2px 0px #18578c;}
/*气泡*/
.popop{ position: relative;}
.popop .popsub{ position: absolute; background-color: #FAF8E3; border: 1px solid #d8d4a8; box-shadow: 0 1px 5px rgba(145, 104, 25, 0.22); padding: 10px; line-height: 24px; opacity: 0; visibility: hidden; max-width: 450px; z-index: 99; width: 200px; left: -106px;}
.popop .popsub:after{ content: ""; position: absolute; display: block;}
.popop:hover .popsub{ opacity: 1; visibility: visible;}
.pop-top .popsub{}
.pop-top .popsub:after{ bottom: -6px; left: 50%; margin-left: -3px; border-width: 6px 6px 0; border-color: #d8d4a8 transparent transparent; border-style: dashed dashed solid;}
.pop-right .popsub{}
.pop-right .popsub:after{ border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #d8d4a8; border-style: dashed dashed dashed solid;}
.pop-bottom .popsub{}
.pop-bottom .popsub:after{ top: -6px; left: 50%; margin-left: -3px; border-width: 0 6px 6px; border-color: transparent transparent #d8d4a8; border-style: solid dashed dashed;}
.pop-left .popsub{}
.pop-left .popsub:after{ border-width: 6px 6px 6px 0; border-color: transparent #d8d4a8 transparent #d8d4a8; border-style: dashed solid dashed dashed;}
/*表单*/
.errtip{ position: absolute; bottom: -20px; background-color: #D9544F; z-index: 1; color: #fff; font-size: 12px; line-height: 25px; padding: 0 10px; border-radius: 3px; box-shadow: 1px 1px 3px rgba(217, 84, 79, 0.5)}
.errtip:after{ content: ''; position: absolute; border-left: 5px dashed transparent; border-right: 5px dashed transparent; border-bottom: 5px solid #D9544F; left: 20px; top: -5px;}
.txt + .errtip{ bottom: -30px;}
.col-val{ position: relative;}
.required .col-key span:before{ content: '*'; color: #f00; padding: 0 8px 0 0;}
/*弹出层*/
.ceng-ready{ display: none;}
.ceng-black, .ceng{ display: none;}
.ceng-black{ position: fixed; left: 0; top: 0; background-color: #000; height: 100%; width: 100%; _height: expression(document.body.offsetHeight+"px");}
.ceng{ left: 50%; top: 49%; position: fixed; box-shadow: 0 1px 30px rgba(0,0,0,0.1); border-radius: 4px;}
.ceng-title{ background-color: #278ADD; color: #fff; height: 45px; font: normal 14px/45px verdana; position: relative; padding: 0 0 0 15px; border-radius: 2px 2px 0 0;}
.ceng-title a{ width: 45px; display: block; height: 45px; position: absolute; right: 0; top: 0; border-radius: 0 2px 0 0;}
.ceng-title a:hover{ background-color: #1F7AC5;}
.ceng-title a i.icon-close{ display: block; height: 45px; line-height: 45px; font-size: 16px; text-align: center; color: #fff;}
.ceng-title a:hover i.icon-close{ transform: rotate(90deg);}
.ceng-content{ word-break: break-all; position: relative;}
.ceng-msg{ color: #fff; background-color: rgba(80,80,80,0.8); padding: 30px; min-width: 100px; max-width: 450px; border-radius: 3px; position: fixed; text-align: center; top: 50%;}
.ceng-msg .ceng-content i.icon.icon-state{ width: 40px; height: 40px; line-height: 40px; position: absolute; left: 0; top: 50%; margin-top: -20px; font-size: 24px;}
.ceng-msg.notice .ceng-content,
.ceng-msg.resolve .ceng-content{ padding-left: 36px; text-align: left;}
.ceng-msg.notice{ background-color: rgba(217,84,79,0.9);}
.ceng-msg.resolve{ background-color: rgba(108,186,85,0.9);}
.ceng-alert,
.ceng-comfirm,
.ceng-iframe{ background-color: #fff; min-width: 400px;}
.ceng-alert .ceng-content,
.ceng-comfirm .ceng-content{ padding: 30px; font-size: 14px; text-align: center;}
.ceng-alert .ceng-btn,
.ceng-comfirm .ceng-btn{ background-color: #f6f6f6; padding: 19px 0;}
.hello2,
.comfirm2{ border-radius: 5px; border-style: solid; border-width: 8px; border-color: rgba(0,0,0,0.8); padding: 0; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
/*.hello2 .ceng-content,
.comfirm2 .ceng-content{ padding: 0 0 45px;}*/
.hello2 .ceng-title,
.comfirm2 .ceng-title{ background-color: #fff;}
.hello2 .ceng-title a i.icon-close,
.comfirm2 .ceng-title a i.icon-close{ color: #278ADD;}
.hello2 .ceng-title a:hover,
.comfirm2 .ceng-title a:hover{ background-color: #eee}
.comfirm2 .ceng-content{ padding: 10px 100px 40px; font-size: 20px; line-height: 34px;}
.hello2 .ceng-btn,
.comfirm2 .ceng-btn{ background-color: transparent; border: none;}
.ceng-ant{ transition: top .3s ease-in-out; top: 50%;}
.ceng-iframe .ceng-content{ overflow: hidden;}
.ceng-iframe .ceng-content iframe{ width: 100%; height: 100%;}
.ceng-comfirm,
.ceng-hello{ background-color: #fff;}
.ceng-hello .ceng-content{ overflow: auto}
.ceng-btn{ border-radius: 0 0 2px 2px; border-top: 1px solid #eee; padding: 19px; background-color: #f6f6f6;}
.ceng-btn .btn{ background-color: #FAFAFA; border: 1px solid #ddd; color: #666; padding: 0 30px; margin: 0 5px; font-size: 14px; font-weight: bold; font-family: verdana, simsun;}
.ceng-btn .btn.btn0{ background-color: #278ADD; border-color: #278ADD; color: #fff;}
/*弹出层loading*/
@-webkit-keyframes ceng-loading {
0% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
80% {
-webkit-transform: scaley(0.3);
transform: scaley(0.3);
}
90% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
}
@keyframes ceng-loading {
0% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
80% {
-webkit-transform: scaley(0.3);
transform: scaley(0.3);
}
90% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
}
.ceng-loader{ border-radius: 5px; padding: 10px 20px; background-color: rgba(0,0,0,0.5)}
.ceng-loader > div {
background-color: rgba(255,255,255,0.75);
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px 3px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation: ceng-loading 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
animation: ceng-loading 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78); }
.ceng-loader > div:nth-child(2),
.ceng-loader > div:nth-child(4) {
-webkit-animation-delay: 0.25s !important;
animation-delay: 0.25s !important; }
.ceng-loader > div:nth-child(1),
.ceng-loader > div:nth-child(5) {
-webkit-animation-delay: 0.5s !important;
animation-delay: 0.5s !important; }
/**
* 忽略下面
*/
.pui-logo{ text-shadow: 2px 2px 1px #29303c; }
.pui-nav{ height: 80px; position: fixed; width: 100%; background-color: rgba(28, 34, 43, 0.9); z-index: 999;}
.pui-nav ul{ width: 700px;}
.pui-nav ul li{ width: 13%;}
.pui-nav ul li a{ display: block; line-height: 80px;}
.pui-nav ul li.cur a,
.pui-nav ul li a:hover { background-color: #272c33; text-shadow: 2px 1px 1px #000;}
.pui-body{ padding: 100px 0 0}
h1.pui-title{ line-height: 40px;}
h2.pui-category{ line-height: 50px; padding: 30px 0 0;}
h3.pui-subname{ font-size: 15px; line-height: 50px;}
.font-icon li{ width: 10%;}
.font-icon li div{ padding: 15px 10px; border-radius: 5px;}
.font-icon li:hover div{ cursor: pointer; background-color: #0B93DF; box-shadow: 0 0 12px #0378B9 inset;}
.font-icon li i{ font-size: 24px;}
.font-icon li:hover i{ color: #fff;}
.font-icon li p{ line-height: 30px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; padding: 0 5px;}