/* Usage: weiyun h5;
   Date: 2014-12-17;
   Author: Kidd He; */
section,article,aside,header,footer,nav,figure{display:block}
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{margin:0;padding:0}
/*body,button,input,select,textarea{font:12px/1.5 arial}*/
/*h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%}*/
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol{list-style:none}
a{text-decoration:none}
a:hover{text-decoration:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
table{border-collapse:collapse;border-spacing:0}
input::-moz-focus-inner,button::-moz-focus-inner{border:0;padding:0;outline:0}
input[type='text']:focus,input[type='password']:focus{outline:0}
::-webkit-file-upload-button{cursor:pointer}
.clear{*zoom:1}
.clear:after{content:'\20';display:block;clear:both;height:0}
body .hide{display:none !important;}
body{font-family:Arial,Helvetica,"\5FAE\8F6F\96C5\9ED1";}
a{color:#4a8ce3;-webkit-tap-highlight-color:transparent;}


/* 1.5x 2x 3x 边框问题*/
.tBor:before,
.bBor:after{
  position:absolute;
  content: "";
  height:1px;
  background:#cacccd;
  left:0;
  right:0;
}
.tBor:before{
  top:0;
}
.bBor:after{
  bottom:0;
}

/*左，右边框*/
.lBor:before,
.rBor:after{
  position:absolute;
  content: "";
  width:1px;
  background:#cacccd;
  top:0;
  bottom:0;
}
.lBor:before{
  left:0;
}
.rBor:after{
  right:0;
}

.trblBor:after{
  position:absolute;
  content:"";
  top:0;
  left:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  height:100%;
  border:1px solid #cacccd;
  point-events:none;
}

/* 最后两个是为了检测Mobile ie9, 是因为Mobile IE9检测出的dpi为96dpi，与实际不符合 */
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx), (-ms-high-contrast:active), (-ms-high-contrast:none) {
  /*上，下边框*/
  .tBor:before,
  .bBor:after{
    -webkit-transform:scaleY(.5);
    -ms-transform:scaleY(.5);
    -o-transform:scaleY(.5);
    transform:scaleY(.5);
  }

  /*左，右边框*/
  .lBor:before,
  .rBor:after{
    -webkit-transform:scaleX(.5);
    -ms-transform:scaleX(.5);
    -o-transform:scaleX(.5);
    transform:scaleX(.5);
  }

  /*四边边框*/
  .trblBor:after{
    width:200%;
    height:200%;
    border-radius: 8px;
    -webkit-transform:scale(.5);
    -ms-transform:scale(.5);
    -o-transform:scale(.5);
    transform:scale(.5);
  }

  /*上，左边框, 四边边框*/
  .tBor:before,
  .lBor:before,
  .trblBor:after{
    -webkit-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
    -o-transform-origin:0 0;
    transform-origin:0 0;
  }

  /*下，右边框*/
  .bBor:after,
  .rBor:after{
    -webkit-transform-origin:100% 100%;
    -moz-transform-origin:100% 100%;
    -ms-transform-origin:100% 100%;
    -o-transform-origin:100% 100%;
    transform-origin:100% 100%;
  }
}

/* 解决1.5屏幕下某些边框不显式问题 */
@media (-webkit-device-pixel-ratio: 1.5){
  /*上，下边框*/
  .tBor:before,
  .bBor:after{
    -webkit-transform:scaleY(.666666);
    -ms-transform:scaleY(.666666);
    -o-transform:scaleY(.666666);
    transform:scaleY(.666666);
  }

  /*左，右边框*/
  .lBor:before,
  .rBor:after{
    -webkit-transform:scaleX(.666666);
    -ms-transform:scaleX(.666666);
    -o-transform:scaleX(.666666);
    transform:scaleX(.666666);
  }

  /*四边框*/
  .trblBor:after{
          width:150%;
          height:150%;
    -webkit-transform:scale(.666666);
    -ms-transform:scale(.666666);
    -o-transform:scale(.666666);
    transform:scale(.666666);
  }
}

@media (-webkit-device-pixel-ratio: 3){
  /*上，下边框*/
  .tBor:before,
  .bBor:after{
    -webkit-transform:scaleY(.3333);
    -ms-transform:scaleY(.3333);
    -o-transform:scaleY(.3333);
    transform:scaleY(.3333);
  }

  /*左，右边框*/
  .lBor:before,
  .rBor:after{
    -webkit-transform:scaleX(.3333);
    -ms-transform:scaleX(.3333);
    -o-transform:scaleX(.3333);
    transform:scaleX(.3333);
  }
  /*四边框*/
  .trblBor:after{
          width:300%;
          height:300%;
          border-radius: 16px;
    -webkit-transform:scale(.3333);
    -ms-transform:scale(.3333);
    -o-transform:scale(.3333);
    transform:scale(.3333);
  }
}
/* end 1.5x 2x 3x 边框问题 */

/* button样式 */
.btn-item{
  display: inline-block;
  text-align: center;
  border: none;
  border-radius: 5px;
  position: relative;
  color: #1985f3;
  font-size: 14px;
  padding: 0 5px;
  height: 32px;
  line-height: 32px;
  background: #fff;
}
.btn-positive{
  color: #fff;
  background: #1985f3;
  text-align: center;
  width: 150px;
  height: 44px;
  line-height: 44px;
}
/* end button 样式 */


/* icons */
/* 通用 icon */
.icon-bullet{
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 1000px;
  background: #000;
}
.icon,
.icons{
  display: inline-block;
  background-repeat: no-repeat;
}
.icon-link-out,
.icon-link-count,
.icon-link-err{
  width: 110px;
  height: 80px;
  margin-bottom: 10px;
  background-size: contain;
  background-position: center center;
  background-image: url(/vipstyle/nr/box/img/link-out/time.png?t=0);
}
.icon-link-count{
  background-image: url(/vipstyle/nr/box/img/link-out/count.png?t=0);
}
.icon-link-err{
  background-image: url(/vipstyle/nr/box/img/link-out/err.png?t=0);
}

.icon-white-check,
.icon-light-grey-check,
.icon-grey-check{width: 24px;height: 24px;border-radius: 100%;border: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.icon-light-grey-check{ border-color: rgba(183, 191, 203, 0.5);}
.icon-grey-check{ border-color: #b7bfcb;}

.icon-blue-checked{width:24px;height:24px;background-repeat:no-repeat;background-image:url(/vipstyle/nr/box/web/images/wy-icons-kie150205203620.png);background-position:0 0}.icon-grey-rarr{width:7px;height:12px;background-image:url(/vipstyle/nr/box/web/images/wy-icons-kie150205203620.png);background-position:-25px 0}
.icon-load{ width: 16px;height: 16px;background-image: url(/vipstyle/nr/box/web/images/wy-file-loading.png);vertical-align: -3px;margin-right: 2px;-webkit-animation: rotation 1s linear infinite both;-o-animation: rotation 1s linear infinite both;animation: rotation 1s linear infinite both;}
@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:120dpi),only screen and (min-resolution:1.25dppx){.icon-blue-checked{background-image:url(/vipstyle/nr/box/web/images/wy-icons-kie150205203620@2x.png);background-size:41px 24px;background-position:0 0}.icon-grey-rarr{background-image:url(/vipstyle/nr/box/web/images/wy-icons-kie150205203620@2x.png);background-size:41px 24px;background-position:-25px 0} .icon-load {background-image: url(/vipstyle/nr/box/web/images/wy-file-loading@2x.png?); background-size: 16px 16px;}}
/* End 通用 icon */

.icons-filetype {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.icon-wy-logo{
  position: relative;
  font-size: 18px;
  line-height: 27px;
  color: #000;

  font-style: normal;
}
.icon-wy-logo:before{
  content: "";
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;

  width: 27px;
  height: 27px;
  background-image: url(/vipstyle/nr/box/web/images/wy-icon-logo.png);
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:120dpi),only screen and (min-resolution:1.25dppx){
  .icon-wy-logo:before{
    background-image: url(/vipstyle/nr/box/web/images/wy-icon-logo@2x.png);
    background-size: 27px 27px;
  }
}

/* animation keyframes */
@-webkit-keyframes rotation {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@-ms-keyframes rotation {
    0% { -ms-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -ms-transform: rotate(360deg); transform: rotate(360deg);}
}
@-o-keyframes rotation {
    0% { -o-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -o-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes rotation {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}/*  |xGv00|5cb193a369c9ca919e3275a12b09b7a6 */