.popup{display:none;position:absolute;z-index:10000;width:500px;height:auto;padding:15px;background:#fff; margin-left:-10px;box-shadow:0 2px 5px #bbb; box-sizing: border-box;}
.popup .putitle{text-align:center;font-size:24px;padding:0 5px;line-height:40px;font-weight:700;color:#333;margin-bottom:10px;}
.popup .pucenter{overflow:auto;max-height:500px;}
.popup .pucenter p{text-indent:28px;padding:0 5px;line-height:24px;font-size:14px;margin-bottom:15px;color:#333}
.popup .pucenter a{color:#333;border:1px solid #333;padding:0 3px;}
.popup span{float:right;line-height:18px;text-align:center;font-size:12px;cursor:pointer;color:#888}
@font-face{font-family:iconfont;src:url(iconfont.eot);src:url(iconfont.eot?#iefix) format('embedded-opentype'),url(iconfont.woff2) format('woff2'),url(iconfont.woff) format('woff'),url(iconfont.ttf) format('truetype'),url(iconfont.svg#iconfont) format('svg')}
.iconfont{font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@media screen and (max-width:501px){
.popup{width:300px;}   
}