﻿/*********************************

* Magic. Do not touch！
* When I wrote this, only God and I understood what I was doing.
* Now, God only knows.
*
*project: Public Library
* Author: jiyongfeng
*     QQ: 601705645
*   Date: The Feb. 27th, 2017
*     By:  山东分公司 @xinwang
* Copyright © 2005 - 2017JYF.All Rights Reserved.

**********************************/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
body,html{position:relative;display:-webkit-box;margin:0 auto;-webkit-overflow-scrolling : touch;overflow:auto;height:100%;min-width:320px;background:#fff;font-family:UKIJTor,"微软雅黑","Microsoft YaHei UI",Helvetica,Arial,sans-serif;-webkit-touch-callout:none;-webkit-box-orient:vertical;-webkit-box-align:stretch;}
a{outline:0 none;text-decoration:none;white-space:nowrap;}
img{border:none;width:100%;width:auto\9;height:auto;max-width:100%;}
input,textarea{outline:0 none;-webkit-appearance:none;border:0;font-size:.4rem}
ul li{list-style:none}
button{outline:0 none;border:0 none;background:0 0;}
.fl{float:left}.fr{float:right}.wrap{width:10rem;margin:auto}
em,i{font-style:inherit}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
section,a,button,div,img{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}
.clear:after{clear:both;display:block;height:0;content:"";}
/* base end */
section{margin:0 auto;width:10rem;height:100%;-webkit-overflow-scrolling:touch;}
.btn_box{height:1.2rem;border-radius:.1rem;}
.btn_box a{display:block;text-align:center;line-height:1.2rem;font-size:.42rem}
.bg_gray{background:#f1f1f1;}
.bg_pink{background:#f5396b;}
.white{color:#fff;}
.gray{color:#666;}
.pink{color:#f5396b;}
.font48{font-size:.48rem;}
/* 活动说明 */
.active_info{width:9.36rem;margin:.5rem auto;color:#666;font-size:.32rem;}
.active_info dt{width:3.5rem;line-height:.8rem;color:#ff6a2f;font-size:.42rem;}
.active_info dd{margin-left:.6rem;line-height:.65rem;padding:.2rem 0;}
.active_info dd li{padding-bottom:.3rem;line-height:.54rem;}
/*popup*/
.popup_warp{position:fixed;top:0;left:0;z-index:99999;width:100%;height:100%;background:rgba(0,0,0,.7);}
.popup_cont{position:relative;top:50%;margin:0 auto;background:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#333;text-align:center;width:7rem;font-size:.32rem;color:#666;border-radius:.1rem;padding:.48rem;}
.popup_notice{position:relative;top:50%;margin:0 auto;background:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-align:center;width:7.74rem;line-height:.6rem;font-size:.34rem;color:#666;border-radius:.1rem;padding:.5rem 0 0 0;overflow:auto;}
.pop_tip{line-height:.6rem;padding:.4rem;}
.pop_img{margin:.2rem auto;}
/*.close{position:absolute;right:.2rem;top:.2rem;display:inline-block;width:.5rem;height:.5rem;overflow:hidden;}*/
/*.close::before,.close::after{content: '';position:absolute;height:1px;width:100%;top:50%;left:0;background:#bbb;}*/
/*.close::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}*/
/*.close::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}*/
.pop_btn{display:block;margin:.2rem auto 0 auto;background:#f1f1f1;line-height:1.2rem;color:#666}
.btn_pop{background:#e94470;color:#fff;display:block;font-size:.42rem;padding:.2rem;line-height:.6rem}
.pop_close{display:block;position:absolute;right:-.2rem;top:-.2rem;width:.8rem;height:.8rem;background:#ed4571 url(../images/close.png) no-repeat center center;border-radius:50%;background-size:.36rem;}

/*中奖填写地址*/
.address{padding:.3rem;background:#fff;font-size:.4rem;color:#555}
.inp_box{margin:.1rem auto;border-bottom:solid 1px #e5e5e5;padding:.4rem 0;}
.label{display:inline-block;width:2.3rem;padding-left:.1rem;line-height:.8rem;}
.inp_box input{width:6.7rem;line-height:.8rem;color:#555}
.area_box{margin:.1rem auto;padding:.4rem 0;}
.textarea{line-height:.6rem;width:9.4rem;margin-top:.2rem;color:#555;border:solid 1px #e5e5e5;border-radius:.08rem;padding:.1rem .2rem}
.tips{color:#b4b3b3;padding:.4rem 0;font-size:.32rem}
.tips p{margin-bottom:.1rem;}
/*loading*/
.loading_box{position:fixed;top:0;left:0;z-index:99999;display:none;width:100%;height:100%;background:rgba(0,0,0,.8);text-align:center;}
.loading{position:relative;top:50%;margin:0 auto;width:40%;max-width:400px;color:#ccc;font-size:1em;line-height:1rem;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);}
.loading img{width:.8rem;}
.loading span{display:block;}

