/* 重置样式 */
html,body,div,ul,li,input,textarea,p,dl,dt,dd{margin:0;padding:0;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
img{border:0}ul{list-style-type:none}
input:focus,textarea:focus{outline:none}
header,nav,section,article,footer{padding:0;margin:0;display:block; }
input,textarea,select{font-family:inherit;font-weight:inherit;}
table{ border-collapse:collapse}
html{font-size:62.5%;}
body{font-family:'Microsoft Yahei';font-size:62.5%;font-size:1.2rem; background:#fafafa;min-width:320px;width:expression(document.body.clientWidth <640 ? "640px" : "100%" ); margin:0 auto}
.wrap{width:100%;}
.cRed{color:red;}


a:link,a:visited,a:active{text-decoration:none;color:#494949}
a{ -webkit-tap-highlight-color: rgba(0,0,0,0.1);}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:'.'; :}
em,span,i,b{ display:inline-block; font-style:normal;font: 1.4rem "Microsoft YaHei";}
.clearfix{zoom:1;}
.clear{clear:both;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

textarea {  -webkit-appearance: none;}  
.button{ border-radius: 0; } 

/*通用文字功能样式*/
.f-fb{ font-weight:bold;}
.f-lh23{ line-height:23px;}

/*通用布局功能样式*/
.f-fl{ float:left}
.f-fr{ float:right}
.f-pr{ position:relative;}
.f-dn{ display:none;}
.f-db{ display:block;}
.bw{ background:#fff;}
.w89{width:89%}


/*字体颜色*/
.greyTxt{color:#999}
.greenTxt{ color:#53ab4f}
.whiteTxt{ color:#fff}
.orgTxt{color:#f06000}
.grnTxt{color:#16a96c}
.blackTxt{color:#333}

/*内外边距*/
.f-mt5{ margin-top:5px;}
.f-mt8{ margin-top:8px;}
.f-mt16{ margin-top:16px;}
.f-mt10{ margin-top:10px;}
.f-mt20{ margin-top:20px;}
.f-mt40{ margin-top:40px;}
.f-mt50{ margin-top:50px;}
.f-mt60{ margin-top:60px;}
.f-mt92{ margin-top:92px;}
.f-mt118{ margin-top:118px;}
.f-mb10{ margin-bottom:10px;}
.f-mb20{ margin-bottom:20px;}
.f-mb40{ margin-bottom:40px;}
.f-ml10{ margin-left:10px;}
.fml2{ margin-left:-2px;}
.f-ml15{ margin-left:15px;}
.f-ml20{ margin-left:20px;}
.f-mr20{ margin-right:20px;}
.f-mr40{ margin-right:40px;}
.f-mb8{margin-bottom:8px;}

.f-mt44{ margin-top:44px;}

.f-pt5{padding-top:5px;}
.f-pt8{padding-top:8px;}

.f-pt16{padding-top:16px;}
.f-pt15{ padding-top:15px;}
.f-pt20{ padding-top:20px;}
.f-pb5{ padding-bottom:5px;}
.f-pb10{ padding-bottom:10px;}
.f-pb20{ padding-bottom:20px;}
.f-pb30{ padding-bottom:30px;}
.f-pl20{ padding-left:20px;}
.h100{height:100%;}
/* 光标 */
.f-csp { cursor:pointer; } 
.f-csd { cursor:default; } 
header.top.nofixed {position:initial;}
.q-bg{width:100%;height:100%; background-size:100%;position:fixed;}

/* 描边 */
.br-r{border-right:1px solid #eaeaea;}
.br-l{border-left:1px solid #eaeaea;}
.br-t{border-top:1px solid #eaeaea;}
.br-b{border-bottom:1px solid #eaeaea;}
/* 灰色字 */
.hui{color:#989898;}

/* 头部 */

.header{ width:100%; background:#379be7;height:45px; font-size:1.2rem; color:#333; box-sizing: border-box; position:fixed; z-index:30; top:0px; left:0px;}
.header a{ float:right; width:46px; height:40px; padding-top:4px; }
.header b{font:1.8rem normal;height:44px;width:80px; display:block;text-align:center;color:#fff; line-height:44px;position:absolute;left:40%;top:0px;}
.header a i{ display:block; width:22px; height:22px; margin:1px auto;background: url(spicon.png) no-repeat; background-size:370px auto;}
.header a:before,.header a.arrowLeft:after{ content:"";  height:40px; padding-top:4px; border-right:1px solid #fff; background-size:320px auto; float:left; margin-top:-4px;}
.header a span{ display:block; width:100%; height:; text-align:center; color:#fff;line-height:12px;}
.header .logon{height:40px;line-height:40px}
.header .zhuye i{background-position:-70px -115px;background-size:337px auto;}
.header .tiku i{background-position:-68px -56px;background-size:337px auto;}
.header .login i{background-position:-243px -85px;}
.header .register{height:40px;line-height:40px}
.header .search_tit i{ background-position:-153px -61px;}
.header .classes i{ background-position:-1px -1px}
.header a.icon_logo{ float:left; border-left:none; border-right:none; padding-top:5px; padding-left:10px;}
.header a.icon_logo em{ float:left;background: url(ppkaologo.png) no-repeat 1px 3px; width:135px; height:40px; margin-top:-2px; background-size:110px auto;  }
.header a.icon_logo:before{ border:none;}
.header a.icon_logo em.m-logo{ float:left; margin:0px; padding:0px; width:58px; height:40px; z-index:2;background: url(ppkaologo1.png) no-repeat 0px 0px scroll;background-size:50px auto;margin-top:0px}
.header a.icon_logo em img{ display:block}
.header a.icon_logo span{width:100%; height:18px; white-space:nowrap;font-size:1.7rem; color:#fff;  white-space:nowrap; margin:0px; padding:0px; line-height:38px;}
.header a.icon_logo img{ display:block}
.header a.arrowLeft{ float:left; border-left:none; border-right:none; width:40px; padding:8px 0px 6px 0px; height:29px; background:url(spicon.png) -234px -98px no-repeat; background-size:500px auto;}
.header a.arrowLeft:before{ border:none}
.header a.arrowLeft:after{ float:right; margin-top:-8px; position:relative;}
.header .num{width:60px;height:30px; display:inline-block; background:#96cdf7; border-radius:3px; font-style:normal; text-align:center; font:2.0rem Arial, Helvetica, sans-serif;position:absolute; right:20px;line-height:30px;}



/* 底部 */
.footer{ padding:0px 8px 20px; border-top:0px solid #dadada; }
.footer .version{ text-align:center; width:100%; margin:30px auto; border:1px solid #e0e0e0;background:#fff;}
.footer .version a{ display:inline-block;width:49%; font-weight:normal;font-size:1.2rem; border-right:0;box-sizing:border-box;line-height:34px;background:#fff}
.footer .version a.rLine{ border-right:1px solid #e0e0e0;}
.footer .version a.on{color:#379be7; font-weight:bold;border-right:1px solid #e0e0e0;}
.footer .version a:hover{ color:#379be7; font-weight:bold;}
.footer .copyRight{text-align:center; font-size:1.2rem; color:#999;}

.foot{width:100%; position:relative; top:100px;text-align:center;color:#999;padding-bottom:15px;}
.foot p{width:100%; text-align:center;color:#999;}

/*jumphelper*/
.jumphelper{ display:block; position:fixed; bottom:80px;right:8px; width:40px; height:120px; z-index:10000;}
.jumphelper a{ display:block; width:40px; height:40px; background: url(spicon.png) no-repeat rgba(0,0,0,0.3); background-size:625px auto;border-radius:5px; margin:5px;}
.jumphelper .share_QQ{background-position:-460px -183px;}
.jumphelper .share_wx{ background-position:-555px -180px;}
.jumphelper .share_sina{ background-position:-555px -180px;}
.jumphelper .share_qqzone{ background:rgba(0,0,0,0.3) url(qqzone.png) no-repeat 6px 5px; background-size:30px auto;}
.jumphelper .share_top{ background-position:-370px -138px;}

.black{ background:#000;}
.opci{ background:rgba(225,225,225,0.4);}
.opci1{ background:rgba(68,157,232,0.2);}
.choicet{background-color: #09b800;}

.mytj{ display:none;}