@charset "UTF-8";

.wp-new-password-page{ padding-top:50px;width:791px; margin:0 auto; position:relative;}
.wp-new-password-page #password_result {text-align:center;}
.wp-new-password-page .err_span{color:#BB0303;}
.wp-new-password-page .success_span{color:#999999;}
.wp-new-password-page-top{ background:url(../images/wp-new-password-background.png) no-repeat 0 -30px; height:33px; overflow:hidden; }
.wp-new-password-page-content{ background:url(../images/wp-new-password-content.png) repeat-y; }
.wp-new-password-page-bottom{ height:42px;  background:url(../images/wp-new-password-background.png) no-repeat 0 -64px; overflow:hidden;}

.wp-new-password-page-tops{ background:url(../images/wp-new-password-backgrounds.png) no-repeat 0 0px; height:33px; overflow:hidden; }
.wp-new-password-page-contents{ background:url(../images/wp-new-password-contents.png) repeat-y; }
.wp-new-password-page-bottoms{ height:42px;  background:url(../images/wp-new-password-backgrounds.png) no-repeat 0 -38px; overflow:hidden;}

.wp-new-password-page-content-m{ width:717px; margin-left:34px;}
.wp-new-password-page h2.password_page_h2{ font-size:24px;line-height:140%;}

.wp-new-password-page-check-sub{ height:38px; cursor:pointer;}
.wp-new-password-page-check-sub .wp-new-password-page-check-sub-l{ width:4px; background:url(../images/wp-new-password-background.png) no-repeat -12px -264px;  float:left; height:38px;}
.wp-new-password-page-check-sub .wp-new-password-page-check-sub-c{ float:left; background:url(../images/wp-new-password-background.png) no-repeat -16px -264px; padding:0 4px; height:38px; line-height:36px;}
.wp-new-password-page-check-sub .wp-new-password-page-check-sub-r{ width:4px; background:url(../images/wp-new-password-background.png) no-repeat -509px -264px; height:38px; float:left;}
.wp-new-password-page-check-sub .wp-new-password-page-check-sub-c a{ display:block; height:38px; line-height:36px; color:#FFF; font-size:16px; font-weight:bold; font-family:Helvetica; padding:0px 12px;min-width:60px;text-align:center;}
.wp-new-password-page-check-sub .wp-new-password-page-check-sub-c.mobile a{min-width:50px;}
.wp-new-password-page-check-sub:hover .wp-new-password-page-check-sub-l{ width:4px; background:url(../images/wp-new-password-background.png) no-repeat -12px -303px;  float:left; height:38px;}
.wp-new-password-page-check-sub:hover .wp-new-password-page-check-sub-c{ float:left; background:url(../images/wp-new-password-background.png) no-repeat -16px -303px; padding:0 4px; height:38px; line-height:36px;}
.wp-new-password-page-check-sub:hover .wp-new-password-page-check-sub-r{ width:4px; background:url(../images/wp-new-password-background.png) no-repeat -509px -303px; height:38px; float:left;}
.wp-new-password-page-check-sub:hover .wp-new-password-page-check-sub-c a{ display:block;  height:36px; line-height:36px; color:#FFF; }
.wp-new-password-page-button2{ height:38px; cursor:pointer;float:right;margin-right:49px;}
.wp-new-password-page-button2 .wp-new-password-page-button2-l{ width:4px; background:url(../images/wp-new-password-background.png) no-repeat -12px -392px;  float:left; height:38px;}
.wp-new-password-page-button2 .wp-new-password-page-button2-c{ float:left; background:url(../images/wp-new-password-background.png) no-repeat -16px -392px; padding:-1px 4px; height:38px; line-height:36px;}
.wp-new-password-page-button2 .wp-new-password-page-button2-r{ width:4px; background:url(../images/wp-new-password-background.png) no-repeat -509px -392px; height:38px; float:left;}
.wp-new-password-page-button2 .wp-new-password-page-button2-c a{ display:block; height:36px; line-height:36px; font-weight:bold;padding:0px 10px 0 12px;min-width:60px;text-align:center;}
.wp-new-password-page-button2 .wp-new-password-page-button2-c.mobile a{min-width:50px;}
.wp-new-password-page-button2:hover .wp-new-password-page-button2-l{ width:4px; background:url(../images/wp-new-password-background.png) no-repeat -12px -435px;  float:left; height:38px;}
.wp-new-password-page-button2:hover .wp-new-password-page-button2-c{ float:left; background:url(../images/wp-new-password-background.png) no-repeat -16px -435px; height:38px; line-height:19px;}
.wp-new-password-page-button2:hover .wp-new-password-page-button2-r{ width:4px; background:url(../images/wp-new-password-background.png) no-repeat -509px -435px; height:38px; float:left;}
.wp-new-password-page-button2:hover .wp-new-password-page-button2-c a{ display:block;  height:36px; line-height:36px; color:#2f2f2f;text-align:center; }
.wp-new-password-page-loginform td input.input_txt{  width:202px; height:32px; border:1px solid #b5b5b5; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; line-height:32px; font-size:14px; padding:0 5px; }
.wp-new-password-page-loginform td input.input_txt:focus{transition:border linear .2s,box-shadow linear .2s; -moz-transition:border linear .2s,-moz-box-shadow linear .2s; -webkit-transition:border linear .2s,-webkit-box-shadow linear .2s; outline:none;border-color:rgba(30,117,16,.75); box-shadow:0 0 8px rgba(30,117,16,.5); -moz-box-shadow:0 0 8px rgba(30,117,16,.5); -webkit-box-shadow:0 0 8px rgba(30,117,16,3); background:#FFF; }


@font-face {
  font-family: 'iconfont-wpassword';  /* Project id 610899 */
  src: url('wpassword/iconfont.woff2?t=1481593106040'); /* IE9*/
  src: url('wpassword/iconfont.woff2?t=1481593106040#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('wpassword/iconfont.woff2?t=1657244301587') format('woff2'),
       url('wpassword/iconfont.woff?t=1657244301587') format('woff'),
       url('wpassword/iconfont.ttf?t=1657244301587') format('truetype');
}
.iconfont-wpassword {
  font-family: "iconfont-wpassword" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-password:before {
  content: "\e7bd";
}
.icon-huiyuan:before {
  content: "\e7c6";
}
.icon-mima2:before {
  content: "\e7ce";
}
.bodybg{background: #ffffff;position: fixed;top: 0;bottom:0;left:0;right:0;display: flex;align-items: center;justify-content: center;}
.content{box-shadow:0 2px 50px  rgba(0,0,0,0.1);border-radius: 16px;width:676px;background: #ffffff;display: flex;flex-direction: column;align-items: center;}
.message{font-size: 32px;color: #333333;margin: 68px 0px 59px 0px;text-align: center;}
.input{border: 2px solid #E5E5E5;border-radius: 8px;position: relative;width: 480px;height: 66px;display: flex;margin-bottom: 60px;align-items: center;}
.newstyleicons{font-size: 30px;color:#999999;margin: 0 32px;}
.inputstyle{height: 80%;position: absolute;right: 3px;font-size: 20px;color: #333333;left: 90px;border: none;  outline: none;}
.col1{background: #333333;}
.col2{background: #999999;}
.col1,.col2{height: 60px;border-radius: 40px;color: #ffffff;width: 170px;border: none;font-size: 20px;cursor: pointer;}
.btns{display: flex;align-items: center;width: 90%;margin-bottom: 70px;justify-content: center;}
.col2{margin-left:56px;}
.bodybg .pos1{position: absolute;top: 20px;left: 20px;}
.bodybg .pos2{position: absolute;top: 0;right: 0;}
.bodybg .pos3{position: absolute;left: 0px;bottom: 0;}
.bodybg .pos4{position: absolute;right: 100px;bottom: 0;}
@media screen and (max-width: 920px) {
    .content{width: 90%;}
    .newstyleicons{font-size: 21px;}
    .newstyleicons {margin: 0 10px;}
	.col2{margin-left:0}
    .inputstyle {font-size: 15px;left: 40px;}
    .col1, .col2{height:40px;width: 90%;font-size: 15px;}
    .btns{flex-direction: column;margin-bottom: 10%;}
    .message{font-size: 25px;margin: 10% 0px 8% 0px;}
    .col1{margin-bottom:10%;}
    .input{width: 90%;height:40px;margin-bottom:10%;overflow: hidden;}
    .bodybg .pos1 {height:10%;}
    .bodybg .pos2,.bodybg .pos3{width:30%;}
    .bodybg .pos4{width: 10%;right: 20%;}
}
@media screen and (max-width: 455px) {
    .message{font-size: 16px;}
}