@charset "utf-8";
/*aninamtion*/
.moveInFromLeft {
	-webkit-animation: moveInFromLeft .6s ease both;
	animation: moveInFromLeft .6s ease both;
}
@-webkit-keyframes moveInFromLeft {
	from { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; }
    to { opacity: 1; }
}
@keyframes moveInFromLeft {
	from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; }
    to { opacity: 1; }
}

.moveInToLeft {
	-webkit-animation: moveInToLeft .6s ease both;
	animation: moveInToLeft .6s ease both;
}
@-webkit-keyframes moveInToLeft {
	from { opacity: 1; }
    to { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; }
}
@keyframes moveInToLeft {
	from { opacity: 1; }
    to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; }
}

.moveInFromRight {
	-webkit-animation: moveInFromRight .6s ease both;
	animation: moveInFromRight .6s ease both;
}
@-webkit-keyframes moveInFromRight {
	from { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; }
    to { opacity: 1; }
}
@keyframes moveInFromRight {
	from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; }
    to { opacity: 1; }
}

.moveInToRight {
	-webkit-animation: moveInToRight .6s ease both;
	animation: moveInToRight .6s ease both;
}
@-webkit-keyframes moveInToRight {
	from { opacity: 1; }
    to { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; }
}
@keyframes moveInToRight {
	from { opacity: 1; }
    to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; }
}

/*loading*/
.loadingmask{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: #fff;opacity: 0.5;z-index: 999998;width: 100%;height: 100%;}
.loading-circle {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px; 
  z-index: 999999;
}
.loading-circle .ld-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }
.loading-circle .ld-circle span {
  display: block;
  margin: 0 auto;
  width: 20%;
  height: 20%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: ld-circleBounceDelay 1.2s infinite ease-in-out;
          animation: ld-circleBounceDelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
.loading-circle .ld-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.loading-circle .ld-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.loading-circle .ld-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.loading-circle .ld-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.loading-circle .ld-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.loading-circle .ld-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.loading-circle .ld-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.loading-circle .ld-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.loading-circle .ld-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.loading-circle .ld-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.loading-circle .ld-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.loading-circle .ld-circle2 span {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.loading-circle .ld-circle3 span {
  -webkit-animation-delay: -1s;


          animation-delay: -1s; }
.loading-circle .ld-circle4 span {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.loading-circle .ld-circle5 span {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.loading-circle .ld-circle6 span {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.loading-circle .ld-circle7 span {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.loading-circle .ld-circle8 span {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.loading-circle .ld-circle9 span {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.loading-circle .ld-circle10 span {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.loading-circle .ld-circle11 span {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.loading-circle .ld-circle12 span {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes ld-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ld-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }


.popBox span{ background:url(../images/bbs_spri.png) no-repeat; background-size:25px auto;}
.popBox{background: rgba(0,0,0,0.9);width:150px;height: 90px; padding-top:10px;position: fixed;left: 50%;top:30%; color:#fff; text-align:center; border-radius:15px; font-size:1.1rem;margin-left:-85px;}
.popBox span{display:inline-block;width:26px; height:33px;}
.popBox span.faveS{background-position:0 -750px;}
.popBox span.faveE{background-position:0 -700px;}

#zan { position: relative; }
.footBar .addzan{ font-weight: bold;font-style: normal; font-size: 20px; line-height: 35px; font-family: Arial; color: rgb(242, 85, 45); position: absolute; top: 0px; left: 50%;}

/*msgbox*/
.msg{filter: alpha(opacity=0);opacity:0;position: fixed;width: 310px;border-radius: 8px; border:1px solid #7A8593;overflow: hidden;z-index: 10001;font-size: 14px;background-color:#13181F;background-color: rgba(19,24,31,0.9);}
.msg-info{padding: 15px 5px 0; text-align:center;display:none;}
.msg-info img{background-size:91px; width:25px; height:25px;}
.msg-info .alert img{background-position:0 0;}
.msg-title{line-height: 200%;font-size: 14px;font-weight: bold;overflow: hidden;background-size: contain;color: white;padding-left: 2%;display:none;}
.msg li{list-style: none;}
.msg-content{line-height: 1.9;padding: 5px 0 10px;text-align:center;color:#fff;}
.msg-foot{margin-top: 15px;display:none;}
.msg-foot .button{line-height: 38px;height: 40px;font-size: 15px;width: 90%;border-radius: 8px;letter-spacing: 4px;background: #3B9AD9;background: -webkit-linear-gradient(top,#3B9AD9, #3183C8);background: -moz-linear-gradient(top,#3B9AD9, #3183C8);background: linear-gradient(top,#3B9AD9, #3183C8);color: #FFF;display:block;text-align:center;margin:auto;}
.show{filter: alpha(opacity=100);opacity:1;-webkit-transition:opacity 0s;-moz-transition:opacity 0s;-o-transition:opacity 0s;transition:opacity 0s;}
.hide{filter: alpha(opacity=0);opacity:0;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;}
.overlay{display: block;position: fixed;z-index: 10000;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.3);}
.msgloadingmask{z-index: 10002;border: none;margin: 0px;padding: 0px;width: 100%; height: 100%; top: 0px;left: 0px; opacity: 0.6; cursor: wait; position: fixed; background-color: rgb(0, 0, 0);}
.msgloading,.msgcontainer{z-index: 10005;border: none;margin: 0px;padding: 0px;width: 100%; height: 100%; top: 0px;left: 0px; position: fixed; }
.msgloading span{display: block; position: absolute;  top:50%; left: 50%; margin-left:-16px; margin-top:-16px;  height: 32px; width:32px; background: url(/Content/images/loading2.gif) top center no-repeat;}
.msgpopwraper{ width:100%; }
.msgpopwraper .but{ margin:0; border:0; border-top:1px solid #f12e16; padding:15px 0; font-size:1.1rem; text-align:center; color:#246beb; width: 50%; float: left; background:#fff;}
.msgpopwraper .popbox{ margin: 0 10px; width:auto;}
.popBox{background: rgba(0,0,0,0.9);width:150px;height: 90px; padding-top:10px;position: fixed;left: 50%;top:30%; color:#fff; text-align:center; border-radius:15px; font-size:1.1rem;margin-left:-85px;}
.popBox span{display:inline-block;width:26px; height:33px;}
.popBox span.faveS{background-position:0 -750px;}
.popBox span.faveE{background-position:0 -700px;}

/*pop*/
.mask{ position:fixed; width:100%; height:100%; top:0;left:0; background:#000; opacity:0.6; }
.popbox{ width:90%; background:#fff;border-radius:8px; overflow:hidden;}
.popbox h1{ font-size:1.3rem; margin:20px 0; text-align:center; color:#000;}
.popbox a{ display:block; float:left; width:33.3%; text-align:center; font-size:.9rem; color:#555; margin-bottom:25px;}
.popbox a span{ display: inline-block; width:40px; height:40px; background:url(../images/share_spri.png) no-repeat; background-size:40px auto;}
.popbox a:nth-child(2) span{background-position:0 0;}
.popbox a:nth-child(3) span{background-position:0 -45px;}
.popbox a:nth-child(4) span{background-position:0 -88px;}
.popbox a:nth-child(5) span{background-position:0 -139px;}
.popbox a:nth-child(6) span{background-position:0 -185px;}
.popbox a:nth-child(7) span{background-position:0 -238px;}
.popbox .escBut{ margin:0 10px; border:0; border-top:1px solid #f12e16; padding:15px 0; font-size:1.1rem; text-align:center; color:#246beb; width:100%; background:#fff;}

/*share*/
.popbox a.weixin span{background-position: 0 -45px;}
.popbox a.sina span{background-position: 0 -88px;}
.popbox a.tengxun span{background-position: 0 -139px;}
.popbox a.kongjian span{background-position: 0 -185px;}
#wxShare{width: 220px;padding: 0 20px 20px;border: 2px solid #cdcdcd;background: #fff;position: relative;margin: auto;}
#wxShare .wxCloseBtn, #deleteApplication .popUpCloseBtn{width: 18px;border: 1px solid #ccc;position: absolute;right: 5px;top: 5px;font: 14px "\5FAE\8F6F\96C5\9ED1";text-align: center;cursor: pointer;}
#wxShare h2, #deleteApplication h2{height: 30px;width: 220px;padding-top: 10px;font: 16px "\5FAE\8F6F\96C5\9ED1";border-bottom: 1px solid #dcdcdc;}
#wxShare .codeBox{width: 220px;height: 220px;overflow: hidden;}
#wxShare p{padding-top: 5px;}
a.btn_active{display: block;color: #fff;background: #f12e16;border-radius: 20px;line-height: 30px;margin: 0 50px;text-align: center;}
a.btn_active:visited{color: #fff;}

.bdsharebuttonbox a:before { content: "."; display: block; width:40px; height:40px; background:url(../images/share_spri.png) no-repeat; background-size:40px auto; margin:auto;}
.bdsharebuttonbox a.weixin:before { background-position: 0 -45px;}
.bdsharebuttonbox a.sina:before { background-position: 0 -88px;}
.bdsharebuttonbox a.tengxun:before { background-position: 0 -139px;}
.bdsharebuttonbox a.kongjian:before { background-position: 0 -185px;}