.pull-right{float:right!important}
.pull-left{float:left!important;}
body,html{height:100%;font-size:12px}
body{font-size:1.2rem;line-height:1.5;background:#f2f2f2;color:#666}
.lay-dwz .header{position:relative}
.lay-dwz .header-wrap{padding:0 70px 0 40px}
.logo.pull-left{line-height:60px;}
.logo.pull-left a{color:#fff;font-size:16px}
.lay-dwz .header{height:70px;margin-bottom:-100px;line-height:70px;background:#139dfd;background:-webkit-linear-gradient(left,#1178f5,#00b4aa);background:-o-linear-gradient(left,#1178f5,#00b4aa);background:-moz-linear-gradient(left,#1178f5,#00b4aa);background:-mos-linear-gradient(left,#1178f5,#00b4aa);background:linear-gradient(left,#1178f5,#00b4aa)}
.lay-dwz .logo-img{height:35px;padding-right:0}
.lay-dwz .blog-sewrap{margin-bottom:0}
.lay-dwz .blog-sebox{position:relative;margin-left:0;min-height:auto}
.lay-dwz .dwz-nav ul{background:0 0;padding-left:0;padding-right:20px}
.lay-dwz .dwz-nav ul li{line-height:70px}
.lay-dwz .dwz-nav ul li a{font-size:16px;padding:0 20px}
.lay-dwz .dwz-nav ul li.layui-this:after,.lay-dwz .layui-nav-bar{background:#c1e4ff}
.lay-dwz .dwz-nav .personal{height:70px}
.lay-dwz .dwz-nav .personal i{color:#fff;font-size:20px}
.lay-dwz .dwz-nav .personal:hover{color:#fff}
.lay-dwz .mobile-nav{display:none;padding:0 20px}
.lay-dwz .mobile-nav i{font-size:40px;color:#fff}
.lay-dwz ul.pop-nav{width:100%;line-height:60px;position:absolute;left:0;top:70px;text-align:center;background:-webkit-linear-gradient(left,#1178F5,#00B4AA);
background: -o-linear-gradient(left,#1178F5,#00B4AA);
background: -moz-linear-gradient(left,#1178F5,#00B4AA);
background: -mos-linear-gradient(left,#1178F5,#00B4AA);
background: linear-gradient(left,#1178F5,#00B4AA);display:none;z-index:2;background:-webkit-linear-gradient(left,#1178f5,#00b4aa);background:-o-linear-gradient(left,#1178f5,#00b4aa);background:-moz-linear-gradient(left,#1178f5,#00b4aa);background:-mos-linear-gradient(left,#1178f5,#00b4aa);background:linear-gradient(left,#1178f5,#00b4aa)}
.lay-dwz ul.pop-nav li{border-top:2px solid rgba(255,255,255,.08)}
.lay-dwz ul.pop-nav li a{display:block;height:100%;width:100%;font-size:20px;color:#fff}
@media only screen and (max-width:990px){.lay-dwz .dwz-nav{display:none}
.lay-dwz .mobile-nav{display:block}
.lay-dwz .header-wrap{padding:0 0 0 20px}
.lay-dwz ul#pop-nav{display:none}
}
@media only screen and (min-width:990px){.lay-dwz ul#pop-nav{display:none!important}
}
.lay-dwz .dwz-nav .personal{height:20px;line-height:20px}
.login{border:1px solid #fff;border-radius:5px;height:20px;line-height:20px;color:#fff;font-size:14px;padding:5px 8px;margin-top:18px}
.lay-dwz .dwz-nav ul li>a{color:#fff}
.lay-dwz .container .count .layblog-this{color:#ff5722!important}
.lay-dwz .container-wrap{margin:0 auto 0;min-height:100%;padding:120px 0 0 0;box-sizing:border-box}
.lay-dwz .container{width:950px;margin:0 auto;font-size:14px}
.lay-dwz .container.user{width:1200px;margin:0 auto;font-size:14px}
.lay-dwz .container h4{margin-bottom:15px;line-height:50px;background:#fff;font-size:16px}
.lay-dwz .container h4 p{padding-left:20px;color:#666}
.lay-dwz .container h4 p i{font-size:26px;padding-right:10px;position:relative;top:3px}
.lay-dwz .container .item{margin-bottom:15px;background:#fff;padding-top:20px}
.lay-dwz .container .item .item-box{padding:0 35px 24px;font-size:14px}
.lay-dwz .container .item h3{line-height:36px;font-size:20px}
.lay-dwz .container .item h5{line-height:38px;color:#a5a5a5}
.lay-dwz .container .item p{line-height:30px;padding-bottom:10px}
.lay-dwz .container .item .comment{width:100%;line-height:56px;background:#f9f9f9;font-size:14px;overflow:hidden}
.lay-dwz .container .item .comment a{display:inline-block;width:50%;text-align:center;float:left}
.lay-dwz .container .item .comment a+a{border-left:1px solid #efefef;margin-left:-1px}
.lay-dwz .container .item-btn{text-align:center;margin-top:20px}
.reslut span.l3{word-break:break-all;text-overflow:ellipsis;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.reslut span.no{word-break:break-all;text-overflow:ellipsis;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical}
.reslut a{cursor:pointer;font-size:16px}
.reslut a.copy{color:#ff5722}
.reslut a i{font-size:20px}
.reslut a.copy:hover{color:#fa784f}
.layadmin-shortcut{text-align:center}
.layadmin-shortcut li .iconfont{display:inline-block;width:100%;height:40px;line-height:40px;padding:10px 0;text-align:center;border-radius:2px;font-size:30px;background-color:#f8f8f8;color:#333;transition:all .3s;-webkit-transition:all .3s}
.layadmin-shortcut li cite{position:relative;top:2px;display:block;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px}
.layadmin-shortcut li .iconfont:hover{background:#eaeaea}
.layadmin-backlog-body h3{padding-bottom:10px;font-size:12px}
.layadmin-shortcut li:hover cite{color:#009688}
.layadmin-shortcut li:hover{cursor:pointer}
.layadmin-backlog .layadmin-backlog-body{display:block;padding:10px 15px;background-color:#f8f8f8;color:#999;border-radius:2px;transition:all .3s;-webkit-transition:all .3s}
.layadmin-backlog .layadmin-backlog-body:hover{background:#eaeaea}
.layadmin-backlog-body p cite{font-style:normal;font-size:30px;font-weight:300;color:#009688}
.totalbox{padding:20px;font-size:12px;background:#fff;margin-bottom:10px;position:relative}
.totalbox span{padding-right:20px}
.total em{color:#ff8546;font-style:normal;font-size:15px}
@media only screen and (max-width:990px){.lay-dwz .container{width:100%;margin:0 auto 0}
.lay-dwz .container .contar-wrap{padding:0 10px 10px}
.lay-dwz .container-wrap{padding-top:110px}
.layui-card-body.home{padding:0px}
.layui-card-header.home{border-bottom:0px;padding-left:0px}
}
.lay-dwz .footer{width:100%;padding:30px 0;line-height:30px;background:#23262e;color:#fff;color:rgba(255,255,255,.5);font-size:14px;text-align:center;margin-top:20px}
.lay-dwz .footer span{padding:0 5px}
.lay-dwz .footer a{color:#fff;color:rgba(255,255,255,.5)}
.stitle{color:#666;padding:10px 5px;font-size:16px}
.layui-textarea{height:200px}
.layui-textarea::-webkit-input-placeholder{font-size:14px;text-align:center;padding-top:5em;color:#cacaca}
@media only screen and (max-width:990px){.stitle{font-size:14px}
}
.container-message textarea{font-size:18px;color:#666;padding:15px}
.lay-dwz .container-message .item-btn{text-align:center}
.lay-dwz .container-message .item-btn{margin-bottom:50px}
.lay-dwz .container-message .info-item{font-size:14px;margin-bottom:66px}
.lay-dwz .container-message .info-img{cursor:pointer;float:left;padding-right:20px}
.lay-dwz .container-message .info-text{padding-left:88px}
.lay-dwz .container-message .title{overflow:hidden;margin-bottom:10px}
.lay-dwz .container-message .title .name{float:left;display:block;line-height:38px;color:#787878}
.info-intr{line-height:24px}
.lay-dwz .container-message .title .info-img{float:right}
.lay-dwz .container-message .title .info-img i{font-size:24px;padding-right:5px;position:relative;top:4px}
.lay-dwz .container-message .paging{text-align:center;padding-top:30px}
.lay-dwz .container-details .item{margin-bottom:30px}
.lay-dwz .container-details .comt{padding:0 20px;font-size:18px;margin-bottom:90px}
.lay-dwz .container-details .count{margin-top:35px;color:#999;cursor:pointer}
.lay-dwz .container-details .count i{margin-right:5px;position:relative;top:2px;cursor:pointer}
.container-about .item .item-box h3{margin-bottom:10px}
.container-about .item .item-box p{color:#6a6a6a;margin-bottom:20px}
.container-comment .btnbox{text-align:right;padding-top:20px}
.container-comment .btnbox a{display:inline-block;height:38px;line-height:38px;padding:0 18px;background-color:#009688;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:2px;cursor:pointer}
.haibao{position:fixed;text-align:center;z-index:1000;height:280px;width:260px;left:50%;margin-left:-140px;margin-top:-140px;top:50%;border-radius:10px;background:#fff;color:#009688}
.haibao .close{position:absolute;bottom:-50px;left:50%;margin-left:-15px}
.haibao .layui-carousel,.haibao .layui-carousel>[carousel-item]>*{background:0 0}
.haibao img{height:100%}
.haibao{padding:10px}
.haibao .layui-carousel{margin:0 auto}
.haibaomask{background:rgba(0,0,0,.5);position:absolute;z-index:999;top:0;left:0;width:100%;height:100%}
.haibaoimg{width:50%}

.safe .layui-form-label em{color:#ff5722;font-style:normal;padding:0px 2px}
.safe .layui-form-label{float:right}
.safe input{width:50%;}
.safe input::-webkit-input-placeholder{color:#a7a7a7}
@media only screen and (max-width:600px) {
    .safe input{width:100%;}
}

@media  screen and (max-width:640px){
 .lay-dwz .container.w{width:100%;margin:0 auto 0}
.lay-dwz .container.w .contar-wrap{padding:0 10px 10px}
.lay-dwz .container-wrap{padding-top:110px}
}		
        @media screen and (min-width:640px){
			.lay-dwz .container.w{width:96%;margin:0 auto 0}
		}
		@media screen and (min-width:768px){
			.lay-dwz .container.w{width:95%;margin:0 auto 0}
		}
		@media screen and (min-width:1024px){
			.lay-dwz .container.w{width:90%;margin:0 auto 0}
		}	
		@media screen and (min-width:1300px){
			.lay-dwz .container.w{width:1250px;margin:0 auto 0}
		}

.s404{padding: 20px; background: #fff; min-height: 500px}
.s404 .box{padding: 50px 0; text-align: center;}
.s404 .box img{max-width:200px; width:50%;padding-bottom:30px}
.s404 .iconfont,.s404 .layui-icon{font-size:200px; color: #393D50;}
.s404 .tips{font-size: 20px; font-weight: 300; color: #999;margin-bottom:20px}

/*首页*/
.home .qihuanBox{position:relative}
.home a.qihuan{ position: absolute;bottom: 1px;right: 5px;background: #f7f7f7;color: #777;padding: 5px 10px; cursor: pointer; font-size: 12px;  border-bottom: 1px; }
.home a.qihuan.curr{ background: #c2c2c2;color: #fff;}
.home a.qihuan.left{right: 65px;}
.layui-textarea.longurl:hover{border:1px solid #ff5722}
.layui-textarea.longurl:focus{border:1px solid #ff5722}
.layui-textarea.longurl:hover{border:1px solid #ff5722} 
.layui-input:hover, .layui-textarea.longurl:hover { }
.home .layui-input-block{margin-left:80px}
@media only screen and (max-width:600px){
.layui-carousel-ind{top:-15px}
.layui-carousel-ind li{width:5px; height:5px;margin: 0 1px;}
.layui-carousel-ind ul{padding:2px}
}
/*编辑页面*/
.userMain.edit{padding: 20px; background: #fff; min-height: 500px}
.edit .msg{padding: 10px; background: #ffe3e3;color: red;}
.edit .layui-tab{text-align: left; margin-top: 30px;}
.edit .layui-input-inline .ml{padding: 9px 15px; padding-left: 0px;}
.edit .layui-form-label.hot{color:#ff5722}
.edit .layui-form-item i.layui-icon-about{float:right}
.edit .w80{ width:80px}


/*资讯列表*/
.news .item-box{padding:20px;background:#fff; margin-bottom:20px}
.news .layui-nav-tree{ width:100%}
.news .item-box h3{line-height:60px;font-size:18px}
.news .item-box h5{line-height:30px;color:#999;}


 
.news .contentBox .text img{max-width:600px; display:block; margin:10px auto}
/*.news .contentBox .text.detail{margin-bottom:20px; line-height:150%; padding:20px;font-size:14px}*/
.news .contentBox .title{text-align:center;margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,0.05);padding-bottom:10px;}
.news .contentBox .title h2{font-size:24px}
.news .content .img{ height:150px;transition: all 0.6s;}
.news .content:hover .img{transform: scale(1.1);}
.news .content{border-radius:0px;border:1px solid #F6F7F8;overflow:hidden}
.news .content:hover{box-shadow: 0 4px 20px rgba(0,0,0,0.07);}
.news .content .box{ padding:15px}
.news .content .box p{border-bottom:1px solid #f6f7f8;margin-bottom:10px;padding-bottom:5px;word-break:break-all;text-overflow:ellipsis;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news .content .box p span.des{line-height:120%;overflow:hidden;display:block;margin-top:10px;margin-bottom:10px;font-size:14px}
.news .content .box p span.des a{font-size:14px; font-weight:normal}
.news .content .box p a{font-size:16px; display:block;color:#666;overflow:hidden;min-height: 48px;font-weight: bold;}
.fo{position:absolute;bottom:10px;width:100%;right:0px;}
.news .content .box p span.des{ font-size:14px; display:block; color:#CCCCCC}
.news .content .box span.rightTxt{float:right; vertical-align:middle;line-height:100%; cursor:pointer}
.news .content .box i{color:#999;font-size:14px}
.news .content .box span.rightTxt i:before{color:#999;font-size:16px;padding-right:2px}
.news .content .box span.rightTxt{color:#A2A2A2}
.news .content .box span.rightTxt i{color:#999;font-size:12px;vertical-align: middle;}
.news .content .box span.rightTxt:hover i,.newsList .box span.rightTxt:hover,.newsList .content .box span.rightTxt:hover i:before{ color:#FF5722}
.news .layui-col-md4:hover .img i.iconfont {font-size:48px}
.news .layui-laypage{margin: 30px auto;display: block; text-align: center;}
.news .detail .copyright{background:#F6F7F8;padding:10px;font-size:10px;margin-top:10px; line-height:120%}



.chart .layui-carousel{background:#fff}
.chart a.layadmin-backlog-body {
    display: block;
    padding: 10px 15px;
    background-color: #f8f8f8;
    color: #999;
    border-radius: 2px;
    text-align:center;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.chart span.h2{font-size:12px;color:#999}
.chart .log span{padding-right: 10px;}
.chart .log span i{font-size:14px;padding-right:2px}
.chart .soso-title .layui-input-inline{margin-bottom:5px}
.chart span.dwz{background:#f3f3f3;padding:3px 5px}
.chart .tr{text-align:right}