@charset "UTF-8";
a { display: inline-block; *zoom: 1; *display: inline; }
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body { margin: 0; font-size: 14px; font-family: "微软雅黑"; color: #333333; background: #fff;}
p, h4 { margin: 0; }
ul { list-style: none; margin: 0; padding: 0; }
a { cursor: pointer; text-decoration: none; font-size: 14px; color: #333333; }
a:hover { text-decoration: none; }
.wrap { width: 960px; margin: 0 auto; }
.wrap:after { content: ""; display: block; clear: both; }
img { max-width: 100%; height: auto; vertical-align: bottom; border: none; }
i, em { font-style: normal; }
.fr { float: right; }
.fl { float: left; }
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { zoom: 1; }

.h { background: url(../images/1.png) no-repeat center; width: 960px; height: 100px; }
.h .fr p { color: #fff; font-size: 16px; padding-top: 44px; display: inline-block; }
.h .fr p i { width: 21px; height: 26px; line-height: 26px; text-align: center; border-radius: 4px; background: #fff; color: #ff7253; font-weight: bold; display: inline-block; margin: 0 4px; }
.h .fr .zx { display: inline-block; margin-right: 30px; margin-left: 20px; width: 106px; height: 34px; line-height: 34px; color: #ff5f37; font-size: 16px; font-weight: bold; border-radius: 34px; text-align: center; background: #fff600; margin-top: 33px}

.box { margin-top: 30px; background: #fff;}
.box .nr { border: 1px solid #fd7b5a; }
.box .nr > .title { width: 470px; margin: 0 auto; font-size: 30px; text-align: center; background-image: url(../images/bh.png); background-color: #fff; background-repeat: no-repeat; background-position: center; margin-top: -20px; }
.box .nr > .title i { color: #fd7b5a; font-weight: bold; }
.box .nr .sign-in { padding: 0 24px; }
.box .nr .sign-in .t h4 { color: #444; font-size: 18px; float: left; background: url(../images/xt.png) no-repeat left center; padding-left: 20px; }
.box .nr .sign-in .t .wypc_pcxt2_1 { position: relative; float: right; height: 32px; }
.box .nr .sign-in .t .wypc_pcxt2_1 .jtip { float: right; background: #f2f2f2; width: 59px; height: 27px; text-align: center; line-height: 25px; border: 1px solid #c1c1c1; cursor: pointer; }
.box .nr .sign-in .t .wypc_pcxt2_1 .sm { z-index: 2; display: none; position: absolute; left: -176px; top: 100%; padding: 20px; width: 238px; color: #816c66; font-size: 14px; background: #ffefeb; border-radius: 16px; }
.box .nr .sign-in .t .wypc_pcxt2_1 .sm:after { content: ""; position: absolute; top: -5px; right: 19px; width: 11px; height: 5px; background: url(../images/sjx.png) no-repeat center; }
.box .nr .sign-in .t .wypc_pcxt2_1:hover .sm { display: block; }
.box .nr .sign-in .pcym { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #aaaaaa; }
.box .nr .sign-in .pcym p { display: inline-block; margin: 0 15px; }
.box .nr .sign-in .pcym p label { color: #555; font-size: 16px; margin-right: 10px; }
.box .nr .sign-in .pcym p input { width: 76px; height: 30px; border-radius: 5px; border: 1px solid #a7a7a7; }
.box .nr .sign-in .pcym p span { font-size: 16px; color: #555; border: 1px dashed #a7a7a7; border-radius: 5px; padding: 2px 14px; cursor: pointer; margin: 0 4px; display: inline-block; margin-top: 14px; }
.box .nr .sign-in .pcym p span.active { background: #ff8364; border: 1px solid #ff8364; color: #fff; }
.box .nr .sign-in .pcym .dj .title{display: block;opacity: 0; width: 0; height: 0}
.box .nr .sign-in .pcym .ts .title{display: inline-block;opacity: 0; width: 0; height: 0; vertical-align: top}

.box .nr .sign-in .pcym .dj .title.show{opacity: 1; display:inline;}
.box .nr .sign-in .pcym .ts span { color: #555; font-size: 16px; margin-top: 14px; display: inline-block; }
.box .nr .sign-in .pcym .ts input { width: 46px; height: 30px; border-radius: 5px; text-align: center; border: 1px solid #a7a7a7; font-size: 16px; margin: 0 12px; }
.box .nr .sign-in .pcym .s { color: #ff7957; font-size: 16px; }
.box .nr .sign-in .in { margin-right: -20px; border: none; }
.box .nr .sign-in .in h4 { color: #444; font-size: 18px; background: url(../images/xt.png) no-repeat left center; padding-left: 20px; }
.box .nr .sign-in .in input { width: 443px; height: 50px; padding-left: 20px; background: #f6f6f6; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 16px; margin-right: 19px; margin-top: 20px; }
.box .nr .sign-in .in .btn {border: 0; width: 443px; height: 50px; line-height: 50px; background: #ff7553; color: #fff; font-weight: bold; border-radius: 4px; font-size: 16px; cursor: pointer;}
.box .gg {position: relative; background: url(../images/hhd.png) no-repeat center; width: 100%; height: 214px; margin: 20px 0; }
.box .gg .r { position: absolute; right: 30px; bottom: 30px}
.box .gg .r .a { width: 400px; }
.box .gg .r .a a { width: 177px; float: right; height: 32px; margin: 0 5px; margin-bottom: 10px; line-height: 32px; border-radius: 32px; text-align: center; color: #333; font-size: 14px; border: 1px dashed #333; }
.box .gg .r .a a:hover { background: #333; color: #fff; }
.box .gg .r .a p { font-size: 14px; color: #444444; font-weight: bold; }
.box .gg .img { float: right; margin: 15px; }

/*# sourceMappingURL=style.css.map */

.mask{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.8);
  display: none;
}

.img-list{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  overflow-y: scroll !important;
  display: none;
}

.img-list::-webkit-scrollbar{
  width: 10px;
  height: 1px;
}

.img-list::-webkit-scrollbar-thumb{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #535353;
}

.img-list::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #EDEDED;
}

.img-list > .close{
  position: fixed;
  left: calc(50% + 420px);
  top: 20px;
  width: 50px;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #fff;
  transition: all 0.3s;
  padding: 4px;
}
.img-list > .close:hover{
  transform: rotate(90deg);
}