.popover-fade-enter-active,
.popover-fade-leave-active {
	transform-origin: top center;
	transition: transform .2s ease
}

.popover-fade-enter,
.popover-fade-leave-to {
	transform: scaleY(0)
}

.wk-popover-wrap {
	position: absolute;
	z-index: 1000;
	min-width: 100px;
	height: auto;
	font-size: 12px;
	color: #333
}

.wk-popover-wrap .popover-gap {
	padding-top: 5px
}

.wk-popover-wrap>.popover-triangle {
	position: absolute;
	z-index: 1002;
	margin-left: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent
}

.wk-popover-wrap>.popover-triangle-border {
	position: absolute;
	z-index: 1001;
	margin-left: -8px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent
}

.wk-popover-wrap>.popover-triangle-top {
	border-top: 6px solid #fff
}

.wk-popover-wrap>.popover-triangle-bottom {
	border-bottom: 6px solid #fff
}

.wk-popover-wrap>.popover-content {
	background: #fff;
	padding: 12px;
	border-radius: 6px;
	box-shadow: 0 2px 15px 0 rgba(0, 7, 24, .08)
}

.header-wraper  {
	height: 46px;
	border-bottom: 1px solid #e5e5e5;
	background-color: #252525
}

.header-wraper .header-content  {
	margin: 0 auto;
	padding: 0 10px;
	width: 1215px;
	height: 100%;
	line-height: 46px;
	background-color: #252525
}

.header-wraper .header-content .right-part  {
	float: right;
	margin-right: -10px
}

.header-wraper .header-content .right-part .link  {
	display: inline-block;
	padding: 0 10px;
	height: 36px;
	line-height: 36px;
	color: #dcdcdc
}

.header-wraper .header-content .right-part .link .link-text  {
	cursor: pointer
}

.header-wraper .header-content .right-part .link .arrow  {
	display: inline-block;
	vertical-align: 2px;
	padding: 3px;
	margin-left: 2px;
	border: solid #dcdcdc;
	border-width: 0 1px 1px 0;
	transform: rotate(45deg)
}

.header-wraper .header-content .right-part .link .arrow :hover {
	cursor: pointer
}

.header-wraper .header-content .right-part .link .user-icon  {
	display: inline-block;
	width: 16px;
	height: 15px;
	vertical-align: -2px
}

.header-wraper .header-content .right-part .link .vip-icon  {
	background: url(//wkstatic.bdimg.com/static/wkfufei/static/ndbusiness/img/wenku-vip.db301808e9fa37099573355be7ffad1c.png) no-repeat;
	background-size: 100%
}

.header-wraper .header-content .right-part .link .not-vip-icon  {
	background: url(//wkstatic.bdimg.com/static/wkfufei/static/ndbusiness/img/not-vip.acb1d73ebd3b08819596816660e91d72.png) no-repeat;
	background-size: 100%
}

.header-wraper .header-content .right-part .link .popover-list  {
	font-size: 12px;
	line-height: 12px
}

.header-wraper .header-content .right-part .link .popover-list li+li  {
	padding-top: 15px;
	white-space: nowrap
}

.header-wraper .header-content .right-part .link .popover-list .can-hover:hover {
	color: #22ab82;
	cursor: pointer
}

.header-wraper .header-content .right-part .link .common-problem-popover  {
	width: 140px
}

.header-wraper .header-content.vip-content  {
	width: 1200px;
	background-color: #f5f5f5;
	border-bottom: 0;
	height: 70px;
	line-height: 70px
}

.header-wraper .header-content.vip-content .right-part  {
	margin-right: -6px
}

.header-wraper .header-content.vip-content .right-part>.link  {
	color: #222
}

.header-wraper .header-content.vip-content .right-part>.link .arrow  {
	display: inline-block;
	vertical-align: 4px;
	padding: 3px;
	margin-left: 2px;
	border: solid #666;
	border-width: 0 1px 1px 0;
	transform: rotate(45deg)
}

.header-wraper.vip-wraper  {
	border-bottom: 0;
	line-height: 0;
	background-color: #f5f5f5
}

.header-wraper .hover-hand :hover {
	cursor: pointer
}

.header-wraper.new-header-wraper  {
	background-color: #f5f5f5;
	border: none;
	height: 70px
}

.header-wraper.new-header-wraper .header-content {  
	width: 100%;  
	max-width: 1200px;
	position: relative;  
	background-color: #f5f5f5;  
	padding: 0; 
	line-height: 70px; 
	height: 70px; 
	box-sizing: border-box; 
	margin: 0 auto;
}  

.header-wraper.new-header-wraper .header-content .wk-logo  {
	position: absolute;
	z-index: 1;
	margin-left: 0;
	top: 17px;
	left: 0;
	cursor: pointer;
	width: 200px;
	height: 100px;
	background: url() no-repeat 50% 50%;
	background-size: auto 100%
}

.header-content .wk-logo {
    position: absolute;
    z-index: 1;
    margin-left: 0;
    top: 17px;
    left: 0;
    cursor: pointer;
    width: 110px;
    height: 32px;
    display: flex; /* 确保内容居中对齐 */
    align-items: center;
    justify-content: center;
}

.header-content .wk-logo img {
    width: 100%; /* 图片宽度适应父级容器 */
    height: 100%; /* 图片高度适应父级容器 */
    object-fit: contain; /* 确保图片不拉伸变形 */
}


.header-wraper.new-header-wraper .header-content .wkcoin-title  {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 16px;
	padding-left: 126px;
	padding-top: 32px
}

.header-wraper.new-header-wraper .header-content .wkcoin-title :before {
	content: "";
	margin-right: 12px;
	width: 1px;
	height: 17px;
	border-left: 1px solid #ccc
}

.header-wraper.new-header-wraper .header-content .right-part  {
	margin-right: 0
}

.header-wraper.new-header-wraper .header-content .right-part .link  {
	display: inline-block;
	padding: 0 10px;
	height: 28px;
	line-height: 16px;
	color: #222
}

.header-wraper.new-header-wraper .header-content .right-part .link .arrow  {
	border: solid #666;
	border-width: 0 1px 1px 0;
	vertical-align: 3px
}

.header-wraper.new-header-wraper .vip-content .wk-logo  {
	top: 22px;
	width: 133px;
	height: 30px;
	background: url(//wkstatic.bdimg.com/static/wkfufei/static/ndbusiness/img/wenku-vip-logo.8baa8f64d464d1d16ec062a4d2f4ddbd.png) no-repeat 50% 50%;
	background-size: auto 100%
}

.header-wraper.wkcoin-header-wraper .wk-logo  {
	margin-right: 16px
}

.header-wraper.mini  {
	height: 60px
}

.header-wraper.mini .header-content  {
	height: 60px;
	line-height: 60px
}

.header-wraper.mini .header-content .wk-logo  {
	top: 17px
}

.mini-footer  {
	padding: 30px 0 36px;
	font-size: 0;
	text-align: center
}

.mini-footer .title  {
	font-size: 12px;
	color: #666;
	margin-bottom: 14px
}

.mini-footer .detail  {
	font-size: 0
}

.mini-footer .detail a ,
.mini-footer .detail div  {
	display: inline-block;
	font-size: 12px;
	color: #666
}

.mini-footer .detail a  {
	text-decoration: none
}

.mini-footer .detail a :hover {
	text-decoration: none;
	color: #22ab8d
}

.mini-footer .detail .line  {
	font-size: 12px;
	margin: 0 10px;
	color: #d0d0d0;
	width: 1px
}

.footer-wrapper .box  {
	width: 1200px;
	margin: 0 auto;
	border-bottom: 1px solid #e4e4e4;
	white-space: nowrap
}

.footer-wrapper .box .item  {
	display: inline-block;
	margin-right: 0;
	margin-top: 44px;
	margin-bottom: 20px;
	vertical-align: top;
	width: 240px
}

.footer-wrapper .box .item .title  {
	color: #222;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 30px
}

.footer-wrapper .box .item .des  {
	cursor: pointer;
	color: #666;
	font-size: 14px;
	margin-bottom: 20px
}

.footer-wrapper .box .item .des :hover {
	color: #22ab82
}

.footer-wrapper .box .about  {
	display: inline-block;
	margin-top: 44px
}

.footer-wrapper .box .about .title  {
	color: #222;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 30px
}

.footer-wrapper .box .about .des  {
	color: #666;
	font-size: 14px;
	margin-bottom: 20px;
	text-align: center
}

.footer-wrapper .box .about .info .qrcode  {
	display: inline-block;
	margin-right: 30px
}

.footer-wrapper .box .about .info .qrcode .icon  {
	width: 90px;
	height: 90px;
	margin: 0 auto 13px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 90% 90%;
	border: 1px solid #eee;
	border-radius: 6px
}

.footer-wrapper .box .about .info .qrcode .des  {
	color: #666;
	font-size: 14px;
	margin-bottom: 20px
}

.footer-wrapper .box .about .info .qrcode .weixin-icon  {
	background-image: url(https://edu-tob.bdimg.com/v1/ad/%E9%98%85%E8%AF%BB%E9%A1%B5/%E6%96%B0%E7%89%88%E9%98%85%E8%AF%BB%E9%A1%B5%E5%BE%AE%E4%BF%A1%E4%BA%8C%E7%BB%B4%E7%A0%81.png)
}

.footer-wrapper .box .about .info .qrcode .weibo-icon  {
	background-image: url(//wkstatic.bdimg.com/static/wkfufei/static/ndbusiness/img/wk-vip.9c72a9326db610b774ff69c536643b25.jpg);
	background-size: contain
}

.footer-wrapper .box .about .contract  {
	display: inline-block;
	vertical-align: top
}

.footer-wrapper .box .about .contract .tel  {
	color: #666;
	font-size: 14px;
	margin-bottom: 12px;
	text-decoration: none;
	display: block
}

.footer-wrapper .box .about .contract .tel :before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	margin-right: 20px;
	width: 20px;
	height: 20px;
	background-image: url(//wkstatic.bdimg.com/static/wkfufei/static/ndbusiness/img/tel.780f0e994cd9f5081ad0859d3d9c1c6d.png)
}

.footer-wrapper .box .about .contract .qq  {
	color: #666;
	font-size: 14px;
	margin-bottom: 12px;
	text-decoration: none;
	display: block;
	cursor: pointer
}

.footer-wrapper .box .about .contract .qq :hover {
	color: #22ab82
}

.footer-wrapper .box .about .contract .qq :before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	margin-right: 20px;
	width: 20px;
	height: 20px;
	background-image: url(//wkstatic.bdimg.com/static/wkfufei/static/ndbusiness/img/qq.f4f2628fdf0fb0633c1fafedd2753ae4.png)
}

.footer-wrapper .box .about .contract .feedback  {
	color: #666;
	font-size: 14px;
	margin-bottom: 12px;
	text-decoration: none;
	display: block;
	cursor: pointer
}

.footer-wrapper .box .about .contract .feedback :hover {
	color: #22ab82
}

.footer-wrapper .box .about .contract .feedback :before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	margin-right: 20px;
	width: 20px;
	height: 20px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAmCAYAAAHFBjm2AAAAAXNSR0IArs4c6QAAA1tJREFUWAntWL+LE0EUzobVEzwU7Dzu/gLtEhNEq2jjyTXWYqPG1sLGTjsr/4BTK8XWRoOFBiwENz8q9S+4AwtBEIOcELJ+b82bvJ2dzcxkl6iQhWVm3nzve29m3ryZ3aCCp1arxVTyMxwOg4yQOglYZZRe5nYo4Bk80laAxgf0NhWiUhmJ+qwaUJVVgyDYHwwGW7NuU43R1JcYgto3qG2bwCRrNpub4/F4T9nJA7KcLNgHzWiUYbVabUu/IPuJyT5KGE1OouyDCdzJSjHAOI6Der0+MXWyjKw7mfEamPMMKCD83GOfuJ4afarBSK308pHWPxXhiIXLiIUOzL/C1KmYSOJMWiJFgA8AWsNKqTFIjKoDfKAa04rTyuhKlnZXjSfZqRa0rZvnZv7YbCw5/UZSzPolXnjWozbJRTuD4b7/a/hJRqPkwu4XLTkZvgVRy0J2FxHyACv8C7jDc7Abmcg3gZF+LkwmkzfcZwu/hBRKN6H0EErrrLhAGWG/nsVWjGn1XYbubAPEVRVSYRhuRVG076ytARHDHSQLiuNIkdrmSeMwNpe/TY1ueAiNe99D3wg1krokDx0j2Y2kWEXasrsCuDuVKZEBo/pWq6+morSKcaEWYRf5eKQWKo8IWec9ksR57kconUb9HVb/BMtkSRct8nRDCvU6lM/xngbhNtof8wih2+33+4+sSRpE30FyTBqD99fg/VMpk3XrnEL5ON2BWAnDuz2PkHFOJabgK06IOy5gPvhOAvwMb8tFaYmYLmxdRa7/EkzPPJk7luiHmymKUgr9H4Crg7no8edmej5KfYjNYCMKUuUkyYuc0TPeYjWDD+vW3VTMZHnaK0fLm8s/TKErIV1FkKWTDwIkVuPPjLIwJp98lr5NDtILoraJjOQlYTL0mZO5jIt0xsoCAj64WdVnRlnnr5QrR8uedprRSJJi53bE9VJ2LaVOtskHzVjEf6Lo672ldXo3sePv4Q54Xyri0nMFH/rPIVuTco96F5wX1S0XOTJoNBo3QHodJKfwpu4AHsQVurQC/wmcL/Ee8dEFln7ifAbHk16v9xiDT/4mKkc9yVJwpBL6sHiNN/kPnOqcNmD4Fu7/C18nS3GUHUNs0cfKC7TlH6XkTxNj/qmSwgizfKhMp34D2NpSe8OlV8YAAAAASUVORK5CYII=)
}

.footer-wrapper .footer  {
	background-color: #f4f4f4
}

.channel-list-wraper {  
  /*display: flex;  启用Flexbox布局 */  
  flex-direction: column; /* 默认为列方向，可以根据需要改为row */  
  align-items: stretch; /* 跨轴对齐方式，stretch表示元素会填充整个容器的高度 */  
  justify-content: flex-start; /* 主轴对齐方式，flex-start表示元素从主轴起点开始排列 */  
}  
  
.channel-wraper {  
  margin-bottom: 10px; /* 添加一些间距，以便区分每个支付方式的按钮 */  
  cursor: pointer; /* 鼠标悬停时显示手形图标，表示可点击 */  
}  
  
.channel-wraper.active {  
  background-color: #f0f0f0; /* 为当前激活的支付方式添加背景色 */  
}  
  
.name {  
  display: flex; /* 启用Flexbox布局，以便内部元素可以水平对齐 */  
  align-items: center; /* 跨轴对齐方式，center表示元素在容器中垂直居中 */  
  justify-content: flex-start; /* 主轴对齐方式，flex-start表示元素从主轴起点开始排列 */  
}  
  
.pay-methods {  
  margin-bottom: 10px; /* 为标签添加一些底部间距 */  
}

.channel-list-wraper .pay-methods  {
	display: inline-block;
	vertical-align: middle
}

.channel-list-wraper .channel-wraper  {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	width: 160px;
	height: 50px;
	border: 1px solid #ddd;
	border-radius: 6px;
	cursor: pointer
}

.channel-list-wraper .channel-wraper.active  {
	border: 1px solid #d8b879
}

.channel-list-wraper .channel-wraper.active :after {
	content: "";
	position: absolute;
	width: 23px;
	height: 20px;
	right: 0;
	bottom: 0;
	background-image: url('../img/icon-selected.svg'), none;
	background-repeat: no-repeat;
	background-position: 1px 1px;
	background-size: contain;
	border-bottom-right-radius: 5px
}

.channel-list-wraper .channel-wraper .name  {
	margin-top: 14px;
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #333;
	text-align: center
}

.channel-list-wraper .channel-wraper .name i  {
	display: inline-block;
	margin-right: 7px;
	width: 20px;
	height: 20px;
	vertical-align: -4px;
	background-size: 20px 20px;
	background-repeat: no-repeat
}

.channel-list-wraper .channel-wraper .name .duxiaoman  {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAAAvNJREFUeAHtm81KHEEQx6t6ZmdBcxBvggTEg0IgiAcRvC0YiHfRgyBCLgsexHfwJOQWc9kHEHyAgEJuXjwoBPMC4iMEwsRxOlUdp10HezMf7q7b3XPZ2prqnv79u2paxULIXfHKyjuZpp9Ayg+A+FZK+SYXMlJfEfEXsdwQyykK0Wmen//sBsDsi1xfj+Lb288U3JYAIvPb9EmwKQnxtTk9vY8nJ3+YTQnwAP+NdrtlE7CJhbLiO4nwkUVQO8077wo8i8KsKtvJRlXz9/c/bE17YxZQOWAQvA/5hecavMoCfs8Ru1Bve5NMtvvppBN81NnOaeQjdjHq57wRrsANZrfyvC/ArkO8AFoKRw2fAY5uvMb2GaClcNTwGeDoxmtsnwFailEyogiCjQ0Qq6u1Vx3WnmHAE4hWC8LdXRBTUyDjGOKzs1orGBkBcG4OGnt7IBYWNDA2m9quarx+ASYnIWy3IVhbA/qrblVO47jXKwDX+eYmhNvbgGNjRoC6N2oLgDMzAOPjIK+v665Fj++uc+3sk1FbgOjoCHBiAtLLS0g6HUivriov9bk6rzxZwYG1BWB4vsTiIrAYlYToc5330qK2APnJSwkxoDrPr7H7+4sLkE3+PyEGWefZmp77fPlzJfeUTIhga0vfCXZ2IDo4UD/MaOeQjL4LkHGJ+fnMBDE7q+1hGwMTYNigpud7AUzKuOL3GeDKTps4fQaYlHHF7zPAlZ02cfoMMClT1C+TpFjo3d1jXLf96C1tFX52j5lr/zaYHB6CWFrq8Qi6RcDJ8bGO0XajoX1VjPTiosqwJ2Pw9/Iy/ZOYu5d/B7i79//IfQb4DHBcAV8CjieAnZ0hZTbVl0AZtWyM9Rlg466WYRKqr67MCItimZ1bZm4sYiqHQuzcMnNabpRF0cQuuJ1UdVRaxFUEhZmZXaheWmonLTLIqhhuoaU+YnUMql5aaie1CrAHzEPr7D6HKAG4h1b10iJ+sbkcVNoTY9Y3zAKQ7+nlWvv8X01728yBuQRiAAAAAElFTkSuQmCC);
	background-image: url(//wkstatic.bdimg.com/static/wkfufei/static/ndbusiness/img/duxiaoman.b72bf5bf969441eeb5326001cbea65f7.svg), none
}

.channel-list-wraper .channel-wraper .name .alipay  {
	background-image: url(../img/alipay.svg);
}

.channel-list-wraper .channel-wraper .name .wechat  {
	background-image: url(../img/wechat.svg);
}

.channel-list-wraper .channel-wraper .name .wkcoin  {
	padding-right: 2px;
	background-image: url(../img/card.svg)
}

.channel-list-wraper .channel-activity-wraper  {
	text-align: center
}

.channel-list-wraper .channel-activity-wraper .name  {
	margin-top: 5px
}

.channel-list-wraper .channel-activity-wraper .sub-title  {
	margin-top: 3px;
	font-size: 12px;
	color: #999
}

.channel-list-wraper.wkcoin-list-wraper .pay-methods  {
	font-family: PingFangSC-Medium;
	font-size: 14px;
	color: #222;
	line-height: 14px
}

.channel-list-wraper.wkcoin-list-wraper .channel-wraper  {
	position: relative;
	text-align: center;
	width: 186px;
	height: 60px;
	margin-left: 0;
	margin-right: 16px
}

.channel-list-wraper.wkcoin-list-wraper .channel-wraper.first-channel  {
	margin-left: 10px
}

.channel-list-wraper.wkcoin-list-wraper .channel-wkcoin-flag  {
	position: absolute;
	padding: 4px 6px;
	left: -1px;
	top: -10px;
	border-radius: 4px;
	border-bottom-left-radius: 0;
	background: #f7603e;
	background-image: linear-gradient(270deg, #f98064, #f7603e);
	font-family: PingFangSC-Medium;
	font-size: 12px;
	color: #fff;
	letter-spacing: 0;
	line-height: 12px
}

.channel-list-wraper.wkcoin-list-wraper .name  {
	display: inline-block;
	margin-top: 0;
	line-height: 60px
}

.channel-list-wraper.wkcoin-list-wraper .wkcoin-name  {
	margin-top: 0;
	line-height: 60px;
	vertical-align: top
}

.channel-list-wraper.wkcoin-list-wraper .wkcoin-desc  {
	display: inline-block
}

.channel-list-wraper.wkcoin-list-wraper .wkcoin-title  {
	margin-top: 14px;
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #333;
	letter-spacing: 0;
	line-height: 16px;
	text-align: left
}

.channel-list-wraper.wkcoin-list-wraper .wkcoin-balance  {
	margin-top: 5px;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #222;
	line-height: 12px;
	text-align: left
}

.channel-list-wraper.mini  {
	margin-bottom: 18px
}

.channel-list-wraper.mini .channel-wraper  {
	width: 150px;
	height: 42px
}

.channel-list-wraper.mini .channel-wraper .name  {
	margin-top: 10px
}

.channel-list-wraper.mini.wkcoin-list-wraper .channel-wraper  {
	width: 170px;
	height: 50px;
	margin-right: 13px
}

.channel-list-wraper.mini.wkcoin-list-wraper .channel-wraper.first-channel  {
	margin-left: 20px
}

.channel-list-wraper.mini.wkcoin-list-wraper .name  {
	line-height: 30px
}

.channel-list-wraper.mini.wkcoin-list-wraper .wkcoin-title  {
	margin-top: 9px
}

.wkcoin-pay-area  {
	height: 180px;
	padding-left: 80px;
	padding-top: 40px;
	box-sizing: border-box;
	background: #f8f8f8;
	border-radius: 6px
}

.wkcoin-pay-area .title  {
	font-family: PingFangSC-Medium;
	font-size: 18px;
	color: #200;
	line-height: 18px;
	margin-top: 15px
}

.wkcoin-pay-area .pay-money  {
	font-family: Impact;
	font-size: 36px;
	color: #f7603e;
	line-height: 36px;
	vertical-align: -2px
}

.wkcoin-pay-area .pay-money :after {
	content: "文库币";
	display: inline-block;
	margin-left: 2px;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	color: #f7603e;
	line-height: 14px;
	vertical-align: 2px
}

.wkcoin-pay-area .tips-wrap  {
	font-family: PingFangSC-Medium;
	font-size: 0;
	color: #f7603e;
	display: inline-block;
	margin-left: 15px
}

.wkcoin-pay-area .tips-wrap .tips  {
	font-size: 14px;
	line-height: 14px
}

.wkcoin-pay-area .tips-wrap  span {
	display: inline-block;
	font-size: 14px;
	line-height: 14px
}

.wkcoin-pay-area .tips-wrap  .icon-wkcoin-price {
	width: 13px;
	height: 13px;
	background: url(//wkstatic.bdimg.com/static/wkfufei/static/ndbusiness/img/icon-wkcoin-price.58807c186e8fc0fd7fc6acff68586da2.png) no-repeat 0 0;
	background-size: 100% auto;
	margin-left: 7px;
	margin-right: 2px;
	vertical-align: -2px
}

.wkcoin-pay-area .btn-wkcoin  {
	margin-top: 24px;
	width: 64px;
	height: 16px;
	padding: 13px 40px;
	font-family: PingFangSC-Medium;
	border-radius: 6px;
	font-size: 16px;
	color: #fff;
	line-height: 16px;
	background: #f7603e;
	cursor: pointer
}

.wkcoin-pay-area .btn-wkcoin :hover {
	cursor: pointer;
	background-color: #eb5b3b
}

.wkcoin-pay-area .unsuppoted-content  {
	margin-top: 24px;
	line-height: 26px;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #666
}

.channel-desc-wrap  {
	position: relative
}

.channel-desc-wrap .title  {
	display: inline-block;
	margin: 18px 0 0 82px;
	font-family: PingFangSC-Medium;
	font-size: 21px;
	color: #333;
	line-height: 21px
}

.channel-desc-wrap .desc  {
	display: inline-block;
	margin: 22px 0 0 15px;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #999;
	line-height: 14px
}

.count-time {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 2px 0 18px -9px;
	padding: 7px 0 7px 18px;
	width: 214px;
	height: 17px;
	line-height: 17px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAAAcCAYAAAAdkEH8AAAAAXNSR0IArs4c6QAAAn5JREFUeAHt3Muq00Acx/Ek9PQKhbb0hhTFrU9QXPgCrrp1J658DV/BdbfuXPkEInTpwp2u7YVi2lJLLynW//+YU+ZwkjGnObt8B4aGZDKQD/0xSacZ1/lPmUwmTWkylNqXWpfqSqUggMA/gZN8+FJHUl93u9257raGZDqdvpQ2HyuVylWxWHRyuZyeQ0EAAUPgeDw6u93O2Ww2gewedDqdT7HB0pHKdd2ftVrtKp/PG92wiQACUQKHw8FZLBbB6XR65EU1CPcNdaQiVBYhDiFgCGhWNDOya2gLVl9v/ygIIJBcIMxM3xasOs9UyUFpiYAKhJmp24IV+/wFIQIIWAVcW7CsZ3IQAQTiBSKDJb9qRO6P74YjCCBgCtwJkMxdVWaz2bdCoWC2YxsBBO4hcGvGdzweP5bR6mu5XK5Vq9V7dENTBBAwBc4jloxSz2VC+LsEilCZQmwjcIHAdbDm8/kbGak+y78s8jJaXdANpyCAgCmQk5HqvYTqbaPRcJm3MmnYRuByAR2xZhIsRysFAQQeRsBrt9vvPM975fv+n/1+/zC90gsCGRe4fsZqNpsfJFwvlstlsN1uM07C5SOQXuD8q2Cr1foSBMGz9Xr9W0r6nukBgQwLnIOlBr1e70epVHoiL2xNVqtVhlm4dATSCdwKlnYl81i/5LnrKbeE6WA5O9sCd4KlHDJRvMs2C1ePQDqByGCl65KzEUDAFiwmtvh+IHCZgPX1EF9Xn6EggEBygTAzvm3EGumSThQEEEguEGZmFPv6PcufJcekJQIqkGj5s3BFz4Guk6YTxtwW8uVBIFpAs6EZ0axIi4FmJ3bEuumCJaZvJPhEIFIgconpv39Wtku4KqHHAAAAAElFTkSuQmCC) no-repeat 0 0;
	background-size: 100% 100%
}

.count-time:before {
	content: "";
	float: left;
	width: 17px;
	height: 17px;
	margin-right: 7px;
	background: url(//wkstatic.bdimg.com/static/wkfufei/static/ndbusiness/img/icon-count-time.9b46512c0b1df5a9bb850c773588c264.png) no-repeat 50% 50%;
	background-size: 17px 17px;
	vertical-align: top
}

.count-time span {
	font-family: PingFangSC-Semibold;
	font-size: 14px;
	color: #f7603e;
	letter-spacing: 0
}

.pay-tip-wrap  {
	margin-top: 34px
}

.pay-tip-wrap .scan-pay-tip  {
	font-family: PingFangSC-Medium;
	font-size: 14px;
	line-height: 14px;
	color: #222;
	opacity: .9;
	margin-left: 12px
}

.pay-tip-wrap .price-wrap  {
	margin-top: 17px;
	margin-left: 9px;
	height: 33px;
	line-height: 33px;
	font-size: 14px;
	color: #222
}

.pay-tip-wrap .price-unit  {
	font-family: PingFangSC-Regular;
	font-size: 22px;
	color: #f7603e;
	vertical-align: 1px
}

.pay-tip-wrap .price  {
	font-family: Impact;
	color: #f7603e;
	font-size: 36px
}

.pay-tip-wrap .sale-price-text  {
	margin-left: 12px;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #f7603e;
	vertical-align: 5px
}

.pay-tip-wrap.wkcoin-tip-wrap  {
	margin-top: 0
}

.pay-tip-wrap.alpha-tip-wrap .price-wrap  {
	margin-top: 15px;
	height: auto
}

.pay-tip-wrap.alpha-tip-wrap .price-wrap .alpha-discount-wrap  {
	position: relative;
	margin-left: 5px
}

.pay-tip-wrap.alpha-tip-wrap .price-wrap .alpha-discount-wrap .discount-text  {
	position: absolute;
	top: -25px;
	height: 19px;
	line-height: 19px;
	padding: 0 5px 0 3px;
	background: #fd503e;
	background-image: linear-gradient(270deg, #f7603e, #fd503e);
	border-radius: 6px 6px 6px 0;
	font-family: PingFangSC-Semibold;
	font-size: 13px;
	color: #fff;
	text-align: center;
	white-space: nowrap
}

.pay-tip-wrap.alpha-tip-wrap .price-wrap .alpha-discount-wrap .original-text  {
	margin-left: 3px;
	font-family: PingFangSC-Regular;
	font-size: 15px;
	color: #999;
	text-decoration: line-through
}

.pay-tip-wrap.alpha-tip-wrap .price  {
	font-family: PingFangSC-Semibold;
	font-size: 44px;
	color: #fd503e;
	letter-spacing: 1px
}

.pay-tip-wrap.alpha-tip-wrap .price-unit  {
	font-family: PingFangSC-Semibold;
	color: #fd503e
}

.scan-wrap  {
	float: left;
	position: relative;
	overflow: hidden;
	margin: 18px 0 0 82px
}

.scan-wrap .qr-code-wrap  {
	position: relative;
	float: left;
	width: 136px;
	height: 136px
}

.scan-wrap .qr-code-wrap.no-login ,
.scan-wrap .qr-code-wrap.refresh-qr-code  {
	cursor: pointer;
	background-size: 100%
}

.scan-wrap .qr-code-wrap.no-login  {
	background-image: url(//wkstatic.bdimg.com/static/wkfufei/static/ndbusiness/img/no-login.07904266083be0294d4b41c6c13ba16e.png)
}

.scan-wrap .qr-code-wrap.refresh-qr-code  {
	background-image: url(//wkstatic.bdimg.com/static/wkfufei/static/ndbusiness/img/refresh-code.49b0b3249932bbd5d9174a119bcf1b03.png)
}

.pay-area-wraper  {
	height: 211px;
	margin-top: 10px;
	background: #f8f8f8;
	border-radius: 6px
}

.pay-area-wraper .right-tip-box  {
	overflow: hidden;
	position: relative;
	margin-top: 18px;
	padding-left: 28px
}

.toast-wraper  {
	position: fixed;
	z-index: 100;
	top: 50%;
	left: 50%;
	background-color: #000;
	opacity: .6;
	border-radius: 6px;
	transform: translate(-50%, -50%)
}

.toast-wraper p  {
	padding: 8px 11px;
	color: #fff;
	font-size: 14px
}

.dialog-wraper .mask  {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	background: #000;
	z-index: 2000
}

.dialog-wraper .dialog-container  {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 500px;
	transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 8px;
	z-index: 2001
}