﻿
/* 重置样式 */
html,body,div,ul,li,input,textarea,p,dl,dt,dd{margin:0;padding:0}
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.4rem; background:#fafafa;min-width:320px;width:expression(document.body.clientWidth <640 ? "640px" : "100%" ); margin:0 auto}
.wrap{width:100%;}
.cRed{color:red;}


@import url(http://fonts.useso.com/css?family=Raleway:200,500,700,800);
@font-face {
	font-family: 'icomoon';
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



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:'.'; :}
.clearfix{zoom:1;}
.clear{clear:both;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
em,span,i,b{ display:inline-block; font-style:normal;font: 1.4rem "Microsoft YaHei";}
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%}
.show{ display:block;}
.hide{ display:none;}


/*字体颜色*/
.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;line-height:30px;}
.f-mt20{ margin-top:20px;}
.f-mt40{ margin-top:40px;}
.f-mt50{ margin-top:50px;}
.f-mt55{ margin-top:55px;}
.f-mt60{ margin-top:60px;}
.f-mt92{ margin-top:92px;}
.f-mt100{ margin-top:100px;}
.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-ml6{ margin-left:0.6rem;}
.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; } 
.q-bg{width:100%;height:100%; background-size:100%;position:fixed;}
.bg{width:100%;height:100%; background:rgba(0,0,0,0.3); position:fixed; z-index:99;top:0;left:0;}


/*描边*/
.br-t{border-top:1px solid #eaeaea;}

/* 头部 */

.header{width:100%; background:#379be7;height:44px;font-size:2.0rem;color:#333;box-sizing:border-box;position:fixed;z-index:30;top:0px;left:0px;line-height:44px;color:#fff;}
.header a{height:44px;background:url(icons.png) no-repeat;width:38px; background-size:625px auto;}
.header a.back{background-position:12px 10px;}
.header a.more{background-position:-22px 10px;}
.header a.search{background-position:-60px 10px;}
.header span{font-size:1.7rem;line-height:44px;float:left;width:210px; overflow:hidden; white-space:nowrap;}
.header span i{line-height:44px;}



/* 底部 */
.footer{ padding:0px 8px 20px; border-top:1px 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;}



.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;}