body{ background-color: #f1f2f3}
.error-div .error-img{ width: 660px; height: 360px; margin:0 auto 0; background:url(//js.wotucdn.com/images/error.jpg) no-repeat;}
.error-div  p{ color:#eaab12; font-size: 24px;  text-align: center; padding-top: 30px; padding-bottom: 60px;}
.error-div .link-btn { text-align: center; margin-bottom: 60px;}
.error-div .link-btn a{ display: inline-block; width: 150px; height: 44px; text-align: center; font-size: 18px;line-height: 44px; border-radius: 2px; color: #fff; margin: 0 10px;}
.error-div .link-btn a.back-index{ background-color: #0ec5a1;}
.error-div .link-btn a.back-prev{ background-color: #ffba00;}
.error-div .link-btn a:hover{ opacity: 0.9}

.more-title{position: relative;font-size: 14px;color: #7f7f7f;text-align: center;margin-bottom: 30px; color: #666; font-size: 16px;}
.more-title:before,.more-title:after{  content: '';  height: 1px;  width:515px;  background: #e2e2e2;  position: absolute;  top:50%;  }
.more-title:before{left: 0;}
.more-title:after{right: 0;}

.work-list-m{ width:1220px; margin-top: 10px; margin-bottom:30px;}
.work-list{ width:228px; border: #f1f1f1 1px solid; border-radius: 2px;overflow: hidden;background-color:#fff;margin: 0 12px 30px 0; position: relative;}
.work-list .pic-div{ width: 238px; overflow: hidden; max-height:400px;height: 200px;overflow: hidden; display:table-cell;vertical-align: middle; background-color: #fafafa}
.work-list .pic-div img{ display: block;}
.work-list h3{ color:#666; font-size: 14px; height:48px; line-height:48px; width:210px; margin: 0 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align: center;}
.work-list:hover{ -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15); box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);}
.btn-box{ height:36px; padding:6px 0;bottom:-50px;}
.btn-box .collect-btn{ height: 36px; width:72px;  line-height: 36px;font-size:14px; margin-left:5px;}
.btn-box .download-btn{ margin-right:5px}
.btn-box .collect-btn:hover{background-color: #ffc236}
.btn-box .download-btn a{ height:36px;width: 140px; text-align: center;font-size:14px; line-height:36px; }
.btn-box .download-btn a:hover{ background-color:#5bdcc3 }
.work-list:hover .btn-box{ bottom:0; width: 228px}


#public-mask-login{position: fixed;left: 0;top: 0; width: 100%; height:100%; z-index:99;}
#public-box-login{ width:526px;height:580px;  background-color:#fff; border-radius: 2px; overflow: hidden; position:fixed; top: 50%; left: 50%; margin-top:-290px; margin-left: -263px;box-shadow: 0px 0px 15px rgba(44,153,255,0.15) inset,0 0 15px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 15px rgba(44,153,255,0.15) inset,0 0 15px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 15px rgba(44,153,255,0.15) inset,0 0 15px rgba(0,0,0,0.2);
    -webkit-animation: login-win .4s forwards; animation: login-win .4s forwards;-moz-animation: login-win .4s forwards;  }
#public-mask-login .mask{ background:#000;filter:alpha(opacity=40);opacity: .4;height: 100% ;}
.notice-span{ position: absolute;top: 22px; right: 40px;}
.notice-span a{ color: #00b369;}
.notice-span a:hover{ color: #1ABB78;}