html, body, input, textarea, button, select {font: 12px/1.5 "微软雅黑","Microsoft Yahei","Hiragino Sans GB",Helvetica;}
html, body {color:#b7bcbe;background-color:#32353a;}
input[type=password]{border: 1px solid #ccc;padding: 5px 10px;border-radius: 3px;}
input[type=button] {padding: 5px 12px;border: 1px solid #434346;background-color: #434346;color: #FFF;border-radius: 3px;cursor:pointer; }
.layui-layer-shade{background-color:#fff !important;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:before,:after {/*! -webkit-box-sizing:border-box; *//*! -moz-box-sizing:border-box; *//*! box-sizing:border-box */}
.header{text-align: center;font-size: 28px;margin: 0px;cursor:pointer;}
p,ul,li,dl,dd,dt,form,h1,h2,h3,h4,h5,h6{list-style:none;}
img{max-width:100%;border:0px;}
a{outline:none;text-decoration:none;}
.dshow:before,.dshow:after,.picindex:before,.picindex:after,picshowtxt:before,.picshowtxt:after,.dchktitle:before,.dchktitle:after,.picmidmid:before,.picmidmid:after,.picleft:before,.picleft:after{content:"";display:block;clear:both;}

.clearborderright{border-right:none !important;}
.none{display:none;}

.picshow{overflow:hidden;margin:0px;}
.picshowtop{text-align:center;position:relative;z-index:1;overflow:hidden;}
.picshowtop img{max-height:100%;}

#prev{left:0px;}
#next{right:0px;}
#prev,#next{cursor:pointer;height:100%;width:50%;position:absolute;top:0px;z-index:5;}
#prev span,#next span{position:absolute;top:40%;width:30px;height:50px;margin:0px 10px;}
#prev span{left:0px;background:url('/Imges/left.png') 0px 0px no-repeat;}
#next span{right:0px;background:url('/Imges/right.png') 0px 0px no-repeat;}
.picshowtop.pic-tm #prev span,#next span{margin:0px;}
.picshowtop.pic-tm #prev span{background:url('/Imges/angle.png') 0px 0px no-repeat; }
.picshowtop.pic-tm #next span{background:url('/Imges/angle.png') -30px 0px no-repeat; }
.picleft{float:left;width:80%;}
.picshowtxt{line-height:40px;text-align:center;cursor:pointer;font-size:13px;}
.picindex{float:right;margin-right:10px;}
.picindex i{font-style:normal;}
.picshowlist{margin-top:8px; padding-top: 5px;overflow: hidden;text-align: center;border: 1px solid #46494f;position: relative;padding-bottom: 5px;border-radius: 2px;height:60px}
.piclist {position:absolute;top:0;right:0;min-height:100%;background-color:#fff;color:#333;width:20%;text-align:left;}
.piclist a{color:#333;}
.dheader {padding: 25px 0px 20px 20px;border-bottom:1px solid #eee;}
.dheader label {display: block;font-size: 28px;color: #d7004b;}
#listpic{overflow:auto;padding:10px 20px;}
#listpic img{height:75px; margin-right:5px;cursor:pointer;vertical-align:middle;margin-bottom:5px;}
.dchktitle{padding:10px 20px 0px;}
.dchktitle span{float:right;margin-right:10px;color:#08b108;}

.picmidleft{left:-1px;border-radius:2px 0px 0px 2px;}
.picmidleft,.picmidright{width: 20px;display: inline-block;vertical-align: top;position: absolute;z-index: 3;top: 0px;border: inherit;padding: 15px 0px;background-color: #46494f;height:inherit;cursor:pointer;}
.picmidleft:hover,.picmidright:hover{background-color:#f1f1f1 !important;}
.picmidright{right:-1px;border-radius:0px 2px 2px 0px;}
.picmidmid{overflow:hidden;display:inline-block;text-align:left;position: relative;width:calc(100% - 40px);padding-left: 5px;}
.picmidmid ul{overflow:hidden;padding:0px;height:50px;margin:0px;}
.picmidmid ul li{float:left;text-align:center;overflow:hidden;padding-right:5px;}
.picmidmid ul li:last-child{padding-right:0px;}
.picmidmid ul li img{height:50px;filter:alpha(opacity=35);-moz-opacity:.35;-khtml-opacity: 0.35; opacity: 0.35;}
.picmidmid ul li img:hover,.picmidmid ul li img.selectpic{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1;}

.picshowlist.pic-lg{height:70px;} 
.picshowlist.pic-lg .picmidmid ul{height:60px;}
.picshowlist.pic-lg .picmidmid ul li img{height:60px;}

.picshowlist.bg-tm{border-color:rgba(255,255,255,.05);border-left:0px;border-right:0px;}
.picshowlist.bg-tm .picmidleft,.picshowlist.bg-tm .picmidright{background-color:rgba(65,68,75,.5);border:0px;}
.picshowlist.bg-tm ul li img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1;}
.picshowlist.bg-tm ul li img.selectpic{border:2px solid #f90;box-sizing:border-box;}

.dremark{padding-top:5px;font-size:13px;padding-left:10px;border-top:1px solid #eee;}
.picbottom{padding:20px;border-top:1px solid #dcdcdc;margin-top:20px;}
.picbottom textarea {border:1px solid #ddd;width:100%;height:90px;background-color:inherit;}
.d_desc{text-align:center;font-size:13px;color:#f80;}

.fa-checkbox {font-size: 18px;margin-right: 8px;font-weight:lighter;cursor:pointer;}
.fa-checkbox:before{content: "\f096";}
.fa-checkbox.active:before{content: "\f14a";color: #98ce32;}
.showbig .picleft{width:100%;float:none;}
.showbig .picshowtop{height:auto;}
.plus{position:absolute;z-index:10;top:0px;right:0px;cursor:pointer;padding:6px 12px;background-color:#32353a;}
.plus i{color:#fff;font-size:16px;}
.showbig .piclist{position:static;margin-top:20px;width:100%;background-color:#46494f;color:#f1f1f1;padding-bottom:20px;}
.showbig .piclist a{color:#f1f1f1;}
.showbig .dheader{border-bottom:1px solid rgba(255,255,255,.1);}
.showbig .dremark {border-top:1px solid rgba(255,255,255,.1);}
.showbig #listpic{height:180px !important;}
.showbig .dheader label{display:inline-block; margin-right:5px;color:#3CF;}
.showbig .dchktitle span{color:#0f0;font-size:13px;}
.showbig input[type="button"]{background-color:#4e91c9;color:#fff;border:1px solid #4e91c9;}
.showbig .picbottom{border-top:1px solid rgba(255,255,255,.1);}
.showbig .picbottom textarea {border:1px solid rgba(255,255,255,.1);}
.showbig .dremark span,.showbig .d_desc{color:#fc0 !important;}

/*动画部分*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}