@font-face {
    font-family: 'webfont';
    src: url('../font/font_fhd0f0srau4n29.eot');
    src: url('../font/font_fhd0f0srau4n29.eot?#iefix') format('embedded-opentype'),
    url('../font/font_fhd0f0srau4n29.woff') format('woff'),
    url('../font/font_fhd0f0srau4n29.ttf') format('truetype'), 
    url('../font/font_fhd0f0srau4n29.svg#iconfont') format('svg'); 
}
[class^="icon-"]{display:inline-block;font-family:'webfont';}

.icon-cancel:before{content:"\e7aa";} 
.icon-qqpay:before{content:"\e777";}
.icon-alipay:before{content:"\e601";}
.icon-wxpay:before{content:"\e639";}


#flash {width: 100%;height: 100%;background: url(https://resource.candlefire.cn/loading/mengdiaoc.jpg) 0 0/100% 100% no-repeat;text-align: center;position: absolute;display: none;top: 0;left: 0;z-index: 999;}
#flash img {height: 100%;padding-top: 0;} 
 


/*支付*/
.pay-box>div{color:#333;-webkit-animation:fadeInDown .5s linear;animation:fadeInDown .5s linear;}
.pay-head{position:relative;padding:.7rem 0;font-size:.9rem;text-align:center;}
.pay-head i{position:absolute;right:.2rem;top:.2rem;line-height:1;font-size:1.4rem;cursor:pointer;}
.pay-info{background:#f5f5f5;border-top:.05rem solid #e5e5e7;padding:.45rem 0;text-align:center;font-size:.7rem;}
.pay-info p:last-child{font-size:1rem;line-height:1;}
.pay-mode{border-top:.05rem solid #e5e5e7;border-bottom:.05rem solid #e5e5e7;}
.pay-mode li{padding:.25rem 0 .2rem .1rem;border-top:.05rem solid #e5e5e7;margin-left:6%;position:relative;cursor:pointer;}
.pay-mode li:first-child{border-top:.05rem solid #fff;}
.pay-mode li i,.pay-mode li span{margin:auto 0;}
.pay-mode li span{font-size:.8rem;padding-left:.5rem;}
.pay-mode li i.icon-wxpay{color:#00c901;}
.pay-mode li i.icon-alipay{color:#00a1e9;}
.pay-mode li:after,.pay-tip>p:after{font-family:"webfont";position:absolute;color:#e5e5e7;content:"\e602";}
.pay-mode li:after{right:.5rem;}
.pay-mode li.active:after,.pay-tip>p.active:after{content:"\e61f";color:#00a1e9;}
.pay-box>div>.btn{display:block;width:80%;margin:.7rem auto;text-align:center;background:#d70c19;color:#fff;}
.pay-tip{font-size:.7rem;padding:0 .5rem .5rem;}
.pay-tip>p a{color:#00a1e9;padding-left:.15rem;}
.pay-tip>p{position:relative;}
.pay-tip>p:after{left:-.75rem;}
 

/*以下是侧边栏主要css*/
/*浮动icon*/
.shortcut{position:absolute;top:20%;left:0rem;font-size:.7rem;}
.shortcut>div>div{text-align:center;color:#666;}
.shortcut>div>div.flex-list{margin:auto 0;}
.shortcut>div>div.flex-list i{line-height:1;}
.shortcut>div>div>span{display:block;line-height:1;font-size:.6rem;padding-top:.1rem;}
 
.shortcut div#ic-menu span{width:1.7rem;height:1.7rem;background-size:cover;}
.shortcut>i{position:absolute;width:1.6rem;height:.75rem;line-height:.78rem;left:0;top:0;font-size:.6rem;background:#F50873;color:#fff;text-align:center;-webkit-transition:all .2s;transition:all .2s;}
.shortcut>i.active{-webkit-transform:rotate(-50deg);transform:rotate(-50deg);left:-.6rem;}