/*
 * Overview: PMD5 Style
 * Author: mittya
 */
/** Base **/
body, ul, dl, dd, p, h1 { margin: 0; padding: 0; }
html { color: #222; font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
audio, canvas, img { vertical-align: middle; }
textarea { resize: vertical; }
ul { list-style: none; }
a { color: #333; text-decoration: none; cursor: pointer; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
a:active { color: #333; text-decoration: none; }

/** Helper **/
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/** Iconfont **/
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#uxiconfont') format('svg');
}
.iconfont{
  font-family: "iconfont" !important;
  font-size: 20px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}


/** Custom **/
html { height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color: #f6f6f6; }
body {
  height: 100%; font: 12px/1.5 Tahoma, Arial, 'Hiragino Sans GB', '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', sans-serif;
}
.wrap { position: relative; min-height: 100%; }
.left{float: left;}
.right{float: right;}
.content{ padding-bottom: 140px; }
.w440{width: 440px;margin: 0 auto;box-sizing: border-box;}
input{ height:40px; line-height: 40px; text-indent: 5px; }

/* 顶部条 */
.topbar { height: 30px; background-color: #585858; }
.topbar .inner { padding: 0 10px; line-height: 30px; }
.topbar .collect { float: left; }
.topbar .user-info { float: right; }
.topbar .user-info li { float: left; padding-left: 8px; color:#FFF;}
.topbar .inner a { color: #d5d5d5; }
.topbar .inner a:hover { color: #fff; text-decoration: none; }
.topbar .nav{float: left;}
.nav li{ float: left; margin-right: 10px; }

/*index form*/
.form .captch input{width:224px;}
.form .captch img{float: right;
    height: 45px;
    width: 98px;}
.form{margin-top: 10px; margin-bottom: 20px;}
.form .key{width:324px;}
.form .submit{height: 92px;width: 100px;float: right;}
.form .input{width: 330px;float: left;}
.form .submit button{
  width: 100px;
  padding: 0 30px;
  height: 100%;
  outline: none;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  border: 0;
  border-bottom: 3px solid #008e7b;
  background-color: #00b699;
  font-family: tahoma;
  transition: background-color ease .3s;
  }
.form .right{height: 92px;}
.logo{ position: relative;
    width: 220px;
    margin: 20px auto; }
.logo a{display: block;text-align: center; }
#piliangmd5 { background-color: #069; color:#FFF;}
.tip2 a{color:#069;}
a.reward{
  display: block;
    position: absolute;
    right: -30px;
    top: 10px;
    background-color: #f00;
    color: #fff;
    padding: 5px 10px;
    border-radius: 10px;}
/* tip */
.tip {
  position: relative;
  margin-bottom: 10px;
  padding: 20px 50px;
  font-size: 14px;
  color: #958571;
  border: 1px solid #9c8d7b;
  min-height: 84px;
  background-color: #f5f5e9;
}
.tip.error { color: #d45354; border-color: #c91212; }
.tip .iconfont { position: absolute; left: 25px; top: 14px; font-size: 22px; }
.tip em { font-style: normal; font-weight: 700; }
/* index update */
.update {
  width: 90%;
  margin: 0 auto;
}
.update h3{ margin: 20px 0 10px 0; }
.update a{ display:  inline-block; margin-right: 20px; }

/* 底部 */
.footer {
  position: absolute; bottom: 0; padding: 20px 0; width: 100%; color: #acacac; text-align: center;
  background-color: #585858;
}
.footer .links { margin-bottom: 15px; font-size: 0; }
.footer .links li { padding: 0 5px; display: inline-block; *display: inline; *zoom: 1; font-size: 12px; }
.footer .links a { color: #acacac; }
.footer .links a:hover { color: #fff; text-decoration: none; }
.footer em { font-style: normal; font-weight: 700; color: #eee; }


/* 遮盖层 */
.overlay {
  position: fixed; _position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; width: 100%; height: 100%;
  display:none;
  opacity: 0;
  background-color: rgba(0,0,0,.8);
  background: url(../images/overlay.png) repeat;
  -webkit-transition: all ease .3s;
}
.overlay.on { display:block; opacity: 1; }
.J_login .Jc_reg{display:none;}
.J_reg .Jc_login{display:none;}

.overlay .box { margin: 100px auto 0; width: 360px; background-color: #fff; }
.overlay .box .title {
  padding: 8px 20px;
  text-align: center;
  font-weight: 700;
  position: relative;
  color: #fff;
  font-size: 16px;
  background-color: #00b699;
}
.overlay .box .title .close {/* float: right; */display: block;width: 36px;height: 36px;top: 0;line-height: 35px;position: absolute;right: 10px;color: #fff;transition: all 2s;}
.overlay .box .title .close:hover { text-decoration: none; transform: rotate(360deg); }
.overlay .box .main { padding: 20px 20px 30px; }
.overlay .box .txt {display: block; margin-bottom: 5px; padding: 4px 15px 5px; width: 290px; height: 30px; line-height: 30px;outline: none; font-size: 14px; color: #7a7368; border: 1px solid #ccc; background-color: #fff;}
.overlay .box .yzm input{margin-bottom: 5px; padding: 4px 15px 5px; width: 160px; height: 30px; line-height: 30px;outline: none; font-size: 14px; color: #7a7368; border: 1px solid #ccc; background-color: #fff; float:left}
.overlay .box .yzm img{ float:left; clear:right; width:120px; height:41px; margin-left:5px;}
.overlay .box .yzm:after{ content:" "; display:table; clear:both;}
.overlay .box .txt[type="email"]{ background:url(../images/form_login.png) 5px 10px no-repeat; width:265px; padding-left:40px;}
.overlay .box .txt[type="password"]{ background:url(../images/form_login.png) 5px -50px no-repeat; width:265px; padding-left:40px;}
.overlay .box .txt:focus { border-color: #6ac3af; }
.overlay .box .txt.error { border-color: #e87c5f; background-color: #ffe; }
.overlay .box .btn {
  margin-top: 10px; margin-right: 5px; width: 60px; height: 40px; outline: none; font-size: 14px; color: #fff;
  cursor: pointer; border: none; border-bottom: 2px solid #008e7b; background-color: #00b699;
  font-family: tahoma;
  transition: background-color ease .3s;
}
.overlay .box .btn:hover { background: #008c7b; }
.overlay .box .btn:active { position: relative; top: 1px; }

@media only screen and (max-width: 640px) {
  /*.tab-body .key,
  .tab-body .btn,
  .tip { -moz-box-sizing: border-box; box-sizing: border-box; }
  .content { padding: 30px 10px 30px; }
  .content .inner { width: 100%; }
  .tab-body .key,
  .tab-body .btn { float: none; display: block; width: 100%; }
  .tab-body .btn { margin-top: 5px; }
  .tip { width: 100%; }
  .ad dd { width: 40%; height: 100px; }
  .nav a[target=_blank]{display:none;}*/
  /*.footer .links { display: none; }*/
}


/* IE 提醒 */
.ie-notice { padding: 5px 0; width: 100%; color: #b22b15; text-align: center; background-color: #ffe1dc; }
.ie-notice a { font-weight: 700; color: #b22b15; text-decoration: none; }
.ie-notice a:hover { color: #c23c26; text-decoration: none; }


/* 历史 */
.history { word-break: break-all; width: 100%; text-align: left; font-size: 14px; background: #fff;  padding-bottom: 20px;}
.history dt {
  height: 50px; line-height: 50px; padding: 0 15px; background-color: #dbd7ba; font-size: 16px; color: #908a80;
}
.history dd { padding: 15px; vertical-align: top; font-weight: normal; border-bottom: 1px solid #e5e2dd; }
.history p{display: inline-block;}
.history a { margin-right: 20px; font-size: 12px; color: #2d93b4; }
.history a:hover { color: #3ddef5; text-decoration: none; }


/* 关于 */
.about { font-size: 14px; color: #666; border-top: 1px solid #ccc; }
.about dt { margin-top: 30px; font-size: 20px; font-family: 'Monaco'; color: #00b699; }
.about dd { font-size: 14px; }
.about a { color: #666; }
.about a:hover { text-decoration: none; color: #268bd2; }

.textinput{ background-color: #fff; border:1px solid #CCC; padding:10px;min-height: 400px; width: 650px; }
.plpmd5{ line-height: 26px;}
.mark{background-color: #eee;}
.mark:after{ content: " "; height:0px; display:block; clear:both; }

.inner{max-width: 1100px; margin:0 auto;}
/* 批量解密 */
.plpmd5 .btn { 
  padding: 15px;
  border: 1px solid #ccc; position: relative;}
.plpmd5 .btn .inner1{ position: relative; z-index: 11; }
.plpmd5 .btn .mark { background-color: #0b9; position: absolute; width:0px;left:0;top:0; height:100%;  z-index: 1;}

/* 打赏弹窗 */
.rewardbox li{float: left; margin:0 10px; font-size: 14px; width: 60px; height: 20px; padding-top: 50px;  border-radius: 6px; border:2px solid #ccc; text-align: center}
.rewardbox ul{margin: 20px 0; height: 90px;}
.relogin{font-weight: bold;color:#FFF;line-height: 40px;font-size: 14px;}
body .box.rewardbox{height: 400px; width: 500px;}
.wechat h2{ color:#FFF;line-height: 50px; text-align: center; padding-bottom: 20px; }
.wechat{width: 210px; float: left; padding-bottom: 185px;background:#22aa3b url(./../images/wechat_1.png) center 70px no-repeat;}
.alipay{background: #029ee8 url(./../images/alipay_1.png) center 70px no-repeat; margin-left: 35px;}
.qr_code_pay{text-align: center;}
.qr_code_pay h2{line-height: 30px; color:#FFF;}
.qr_code_pay img{padding: 10px;background-color: #fff;}
.qr_wechat{padding: 30px; background-color: #22aa3b;}
.qr_alipay{padding: 30px; background-color: #029ee8;}
.tabl1 a{color: #069}
.important {font-weight: bold;color:#f00;}

.beiangov{padding-left:20px; background:url(./../images/ghs.png) left center no-repeat;background-size:14px auto;}
#J_paystatus{padding: 5px 10px; background-color: #069; border:1px solid #FFF;}