
.vfm--fixed {
  position: fixed;
}
.vfm--absolute {
  position: absolute;
}
.vfm--inset {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vfm--overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.vfm--prevent-none {
  pointer-events: none;
}
.vfm--prevent-auto {
  pointer-events: auto;
}
.vfm--outline-none:focus {
  outline: none;
}
.vfm-enter-active,
.vfm-leave-active {
  transition: opacity 0.2s;
}
.vfm-enter-from,
.vfm-leave-to {
  opacity: 0;
}
.vfm--touch-none {
  touch-action: none;
}
.vfm--select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.vfm--resize-tr,
.vfm--resize-br,
.vfm--resize-bl,
.vfm--resize-tl {
  width: 12px;
  height: 12px;
  z-index: 10;
}
.vfm--resize-t {
  top: -6px;
  left: 0;
  width: 100%;
  height: 12px;
  cursor: ns-resize;
}
.vfm--resize-tr {
  top: -6px;
  right: -6px;
  cursor: nesw-resize;
}
.vfm--resize-r {
  top: 0;
  right: -6px;
  width: 12px;
  height: 100%;
  cursor: ew-resize;
}
.vfm--resize-br {
  bottom: -6px;
  right: -6px;
  cursor: nwse-resize;
}
.vfm--resize-b {
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 12px;
  cursor: ns-resize;
}
.vfm--resize-bl {
  bottom: -6px;
  left: -6px;
  cursor: nesw-resize;
}
.vfm--resize-l {
  top: 0;
  left: -6px;
  width: 12px;
  height: 100%;
  cursor: ew-resize;
}
.vfm--resize-tl {
  top: -6px;
  left: -6px;
  cursor: nwse-resize;
}

.vfm__container{
  top: 20%;
  left:50%;
  margin-left:-346px;
  position:fixed;
  z-index:1000;
}

.pay-wrapper{text-align:center;width:692px;   background:#ffffff;border-radius:5px;}
.pay-wrapper .dingbu{text-align:left;width:100%; height:45px; line-height:45px; text-indent:15px;   background:#ff0000; border-radius:5px 5px 0 0; color:#ffffff; position:relative; font-size:16px;}

.pay-wrapper .dingclose{  position:absolute; right:15px; top:12px; z-index:9999; cursor:pointer;}

.pay-wrapper .content{overflow:hidden;  }
.pay-wrapper .content .left-side{float:left;width:350px;margin-left:30px}
.pay-wrapper .tit{color:#000;font-size:24px;line-height:40px; padding-top:15px;}
.pay-wrapper .tits{color:#666666;font-size:16px;line-height:30px; padding-top:7px; text-align:left;}


.pay-wrapper .price{font-size:26px;color:#ff0000}
.pay-wrapper .content .pic{border:1px solid #d5d5d5;height:190px;line-height:40px;color:#e67726;font-size:20px;position:relative}

.pay-wrapper .content .pic .qr-code{background:#efefef;height:200px;width:200px}
.pay-wrapper .content .msg { padding-top:8px;}
.pay-wrapper .content .msg img{ width:100%;}

.pay-wrapper .content .msgvip {font-size:14px;color:#ff0000;text-align:left;line-height:30px; width:100%; padding-top:6px; }



.pay-wrapper .content .msg .time{color:#fff;background-color:#ff6d6d;padding:3px 5px}
.pay-wrapper .content .msg .pay-success{position:relative;top:16px}
.pay-wrapper .content .msg-desc{font-size:14px;color:#767676;text-align:center;line-height:30px; width:100%; }
.pay-wrapper .content .paytype-pic{float:right;width:300px;position:relative;top:15px}
.pay-wrapper .content .paytype-pic img{width:245px; padding-bottom:55px;} 
.pay-wrapper .content .pay-tips{display:block;text-align:center;font-size:12px;font-family:宋体;color:#ff7800;margin-top:-4px}
.pay-wrapper .content .pay-tips .icon-question{text-decoration:underline}
.paytype-alishaoma-wrapper{position:relative}
.download-alipay{color:#0060d7;font-size:16px;margin:15px auto}
.paytype-alishaoma-wrapper .content .paytype-pic{width:210px;float:left}
.paytype-alishaoma-wrapper .content .alipay-pic-2{position:absolute;top:-20px;right:-20px;background:#f5f5f5;height:100%;padding-top:20px;padding-bottom:20px}
.alipay-pic-2{height:100%;text-align:center;width:200px;border-left:1px solid #dedede}
.alipay-pic-2 img{display:block;margin:130px auto 12px auto}
.alipay-pic-2 a.alipay-account{height:38px;line-height:38px;padding:0 14px;color:#fff;background-color:#2086ee;border-radius:0;font-size:14px;display:inline-block}
.pay-wrapper .content a.important-tips-link{background-color:#ffff9d;color:red;line-height:20px;padding:5px 0;text-decoration:none}
.pay-wrapper .content a.important-tips-link:hover{text-decoration:underline}
.alink{display:inline-block;cursor:point;color:#06c}
.sjshfx{font-size:24px;margin-bottom: 20px;text-align:center;display:block;color: #E60012; padding-left:50px; }
.wjiandown a{ display:block; height:35px; line-height:35px; text-align:center; color:#E60012; background-color:#FFE5DA; border-radius:8px;}
.wjianfile a{ display:block; height:35px; line-height:35px; text-align:center; color:#45A93A; background-color:#DAFFDC; border-radius:8px; margin-bottom:6px;}
.wzhifu{  height:35px; line-height:35px; text-align:center; color:#359B47; background-color:#D8F4D7; border-radius:8px; width:135px; margin-top:5px; margin-bottom:6px; cursor:pointer; float:left; margin-right:10px;}
.wquxiao{  height:35px; line-height:35px; text-align:center; color:#E60012; background-color:#FFE5DA; border-radius:8px; width:135px; margin-top:5px; margin-bottom:6px; cursor:pointer; float:left;}
.syxin{position:absolute; right:-18px; top:-3px; z-index:100; background:#e60012; width:18px; height:18px; line-height:18px; border-radius:18px; color:#ffffff; font-size:13px; text-align:center;}

.disabled_code {
  color: rgba(51,51,51,.3);
  cursor: not-allowed;
}



 
.tanoverlay {
  background-color: rgba(0, 0, 0, 0.5);
  position:fixed; width:100%; height:100%; display:none;
   top: 0;
  right: 0;
  bottom: 0;
  left: 0; z-index:9996; 
}

.tanvipinfo {
  background-color:#ffffff;
  position:fixed; width:680px; height:320px; display:none;
  top:20%; border-radius:15px;
  left:50%; margin-left:-340px; z-index:9998;  
}

 
.tanvipuq {
  background-color:#ffffff;
  position:fixed; width:680px; height:320px; display:none;
  top:20%; border-radius:15px;
  left:50%; margin-left:-340px; z-index:9998;  
}

.tanpan {
  background-color:#ffffff;
  position:fixed; width:680px; height:240px; display:none;
  top:30%; border-radius:15px;
  left:50%; margin-left:-340px; z-index:9998;  
}

.tanti {
 border-bottom:1px solid #eeeeee;height:70px;line-height:70px;color:#222222;font-size:16px; text-align:left; text-indent:20px; position:relative;
}

.tanti .tanclose{
 position:absolute; right:15px; top:15px; z-index:998; cursor:pointer;
}

.tanleft {
 height:90px;line-height:90px;color:#222222;font-size:16px; text-align:left; float:left; width:300px; margin-left:25px; 
}
.tanleft span{
  color:#ff0000;font-size:18px; font-weight:bold; 
}
.tanright {
 height:90px;line-height:90px;color:#666666;font-size:16px; text-align:left; float:left; width:300px; 
}
.tanright b{
  color:#ff0000;font-size:16px;  
}
.tandown {
 height:50px;line-height:50px;color:#ffffff;font-size:18px; background-color:#CB0014; text-align:center; width:200px; margin:0 auto; border-radius:10px; cursor:pointer;   
}

.tantip {
  line-height:25px;color:#888888;font-size:14px;   text-align:center; padding-top:30px;  
}

.tantip a{
   color:#ff0000;font-size:14px;  
}

.tanlinks {
 height:30px;line-height:30px;color:#222222;font-size:16px; text-align:left; margin-left:25px; padding-top:25px; 
}
.tanlinks b{
 display:inline-block;    
}
.tanlinks span{
  color:#5396E9;font-size:16px;display:inline-block;    
}
.tanlinks .plink a{
  color:#5396E9;font-size:16px; 
}

.tanlinks .zwen{
   display:inline-block;cursor:pointer;     
}
.tanmimas {
 height:40px;line-height:40px;color:#222222;font-size:16px; text-align:left; margin-left:25px;  padding-top:45px; width:145px; float:left; 
}
.tanmimas .plink{
  color:#666666;font-size:16px; 
}



.yidown{ display:none;}

.tanfuzhi {
 height:40px;line-height:40px;color:#ffffff;font-size:16px; text-align:center;  width:105px; float:left; background-color:#5096E9;border-radius:25px; margin-top:45px;cursor:pointer;   
}



.tanwlinks {
 height:30px;line-height:30px;color:#222222;font-size:14px; text-align:left; margin-left:15px; padding-top:15px; 
}
.tanwlinks b{
 display:inline-block;    
}
.tanwlinks span{
  color:#eeeeee;font-size:12px;display:inline-block;    
}
.tanwlinks .plink a{
  color:#eeeeee;font-size:12px; 
}

.tanwlinks .zwen{
   display:inline-block;cursor:pointer;     
}
.tanwmimas {
 height:30px;line-height:30px;color:#222222;font-size:14px; text-align:left; margin-left:15px;  padding-top:45px; width:145px; float:left; padding-bottom:45px; 
}
.tanwmimas .pmima{
  color:#eeeeee;font-size:14px; 
}
 
.tanwfuzhi {
 height:30px;line-height:30px;color:#333333;font-size:14px; text-align:center;  width:105px; float:left; background-color:#A8BFD7;border-radius:25px; margin-top:45px;cursor:pointer;   
}



 
.image-view-container {
	border-radius:15px;
	background-color:#fff;
	position:relative;
	height:100%
}
 
.image-view-contain {
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	overflow:hidden
}
.image-view-contain img {
	position:absolute;
	max-width:100%;
	height:100%;
	width:auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	cursor:pointer
}
