@charset "utf-8";
.liuyan-form .item.btns button,
.liuyan-form .item.fj .file{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;}

/* 列表 */
.dczjlist li{padding: 25px 160px 25px 20px;position: relative;}
.dczjlist li:nth-of-type(2n){background: #f0f9f2;}
.dczjlist li h4{padding:0 310px 0 18px;position: relative; font-size: 15px; overflow: hidden;}
.dczjlist li h4:before{content:"";width: 5px;height: 5px; background: #666; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -2px;}
.dczjlist li h4 a{float:left; max-width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.dczjlist li h4 a:hover{color: #40a9ff;}
.dczjlist li h4 .time{font-weight: normal;position: absolute;right: 0;top:0; font-size: 14px;}
.dczjlist li .mes{margin: 15px 0 0;position: relative; line-height: 1.6; color: #666;}
.dczjlist li .mes p{display: inline;}
.dczjlist li .mes .more{color: #40a9ff;}
.dczjlist li .btn{position: absolute;right:20px;top:50%;margin-top: -16px;width: 100px;height: 32px;line-height: 33px;border-radius: 50px;text-align: center;color:#40a9ff; background: #eaf7ec;}
.dczjlist li .btn.ing{color:#40a9ff; background: #eaf7ec;}
.dczjlist li .btn.end{color:#666; background: #eee;}

/* 表单提交 */
.liuyan-top,.liuyan-form{background: #f9f9f9;padding: 20px;}
.liuyan-top .title,.liuyan-top .attr{text-align: center;font-size: 1.75em; line-height: 1.4; margin-bottom: 20px;}
.liuyan-top .attr{font-size: 14px;text-align: center; margin-bottom: 20px; padding-bottom: 10px;border-bottom: 1px solid #dfdfdf; line-height: 1.8;}
.liuyan-top .attr span{display: inline-block;margin: 0 8px;}
.liuyan-top .attr span b{font-weight: normal;}
.liuyan-top .attr .state b{display: inline-block;font-size: 12px; background: #40a9ff;color: #FFF;height: 26px;line-height: 26px;padding: 0 10px;border-radius: 30px;}
.liuyan-top .mes{font-size: 16px; line-height: 2em;}
.liuyan-top .xgfj-list{display: none;}
.liuyan-top .xgfj-list h3{font-weight: normal;color: #40a9ff;font-size: 1.125em;}
.liuyan-top .fjlist{margin-top: 5px;}
.liuyan-top .fjlist li{padding-top: 5px;padding-bottom: 5px;}

.liuyan-form .item{clear: both;margin-bottom: 20px;}
.liuyan-form label{display: block;width: 100px;float: left;height: 38px;line-height: 38px;text-align: right;}
.liuyan-form label font{color:#D20808}
.liuyan-form .input,
.liuyan-form .item.yzm input{margin-left: 110px;border-radius: 5px;background:#fff;padding: 0 20px;}
.liuyan-form .input input,
.liuyan-form .input textarea{width: 100%;height: 38px;line-height: 38px;border:none;background: none;font-size: .9375em;}
.liuyan-form .input textarea{height: 150px;margin: 15px 0;line-height: 1.5;}

.liuyan-form .item.fj .input,.liuyan-form .item.yzm .input{background: none;padding: 0;}
.liuyan-form .item.fj .file{position: relative;float: left;width: 208px;height: 36px;line-height: 36px;border:1px solid #fff;text-align: center;cursor: pointer; background: #fff;border-radius: 20px;}
.liuyan-form .item.fj .file+.file{margin-left: 10px;}
.liuyan-form .item.fj .file:hover{border-color: #40a9ff;color:#40a9ff;}
.liuyan-form .item.fj .file input{position: absolute;left:0;top:0;right:0;bottom:0;opacity: 0;cursor: pointer;}
.liuyan-form .item.fj .imglist{clear: both;}
.liuyan-form .item.fj .imglist {width: 100%;}
.liuyan-form .item.fj .imglist li { width: 150px; padding-top: 15px; margin-bottom: 15px; float: left;position: relative;}
.liuyan-form .item.fj .imglist li img { width: 150px; height: 150px; margin: 0 1%;}
.liuyan-form .item.fj .imglist li video { width: 150px;height: 150px;}
.liuyan-form .item.fj .imglist li .removeimg {position: absolute; width: 100%; text-align: center;top: 45%; left: 0%; color: blue; display: none;}
.liuyan-form .item.fj .imglist li .removeimg:hover { cursor: pointer;}
.liuyan-form .item.fj .imglist li:hover .removeimg { display: block;}
.liuyan-form .item.fj .filep{color: #666;line-height: 1.3; float: left; padding-left: 10px; line-height: 38px; color: #999;}

.liuyan-form .item.yzm input{width: 200px;margin-left: 0;}
.liuyan-form .item.btns{background: #fff;padding: 20px 20px;margin: 0 -20px -20px;text-align: center;}
.liuyan-form .item.btns button{cursor: pointer; display: inline-block;width: 90%;max-width:200px; font-size: 1.125em; border:none;background: #40a9ff;color:#fff;height: 42px;line-height: 42px;border-radius: 50px;}
.liuyan-form .item.btns button:hover{opacity: .85;}
.liuyan-form .easysite-imgcode{vertical-align: middle;}
.liuyan-form .col2{margin-left: -10px; margin-right: -10px;}
.liuyan-form .col2 .item{float: left; width: 50%; padding-left: 10px; padding-right: 10px; box-sizing: border-box; clear: none;}

