@charset "utf-8";

/**********************************重置样式*************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { background:transparent none repeat scroll 0% 0%;border: 0; margin: 0; padding: 0; font: inherit; -webkit-text-size-adjust: none; }
*html,*html body{background-image:url(about:blank);/*修正IE6滚动抖动的bug*/background-attachment: fixed;/*根据自己实际，非必需*/ color:#333;}
table { border-collapse:collapse; border-spacing:0; }
ol,ul,li { list-style: none; }
fieldset,img{ border: none; outline: none;-moz-outline:none;}
hr { height: 1px; }
iframe{display: block;} /* ie6 7 8(q) bug 显示为行内表现 */
object, :focus { outline:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote,q{ quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
audio,canvas,video{ display: inline-block; *display: inline;*zoom: 1;}/* HTML5 媒体文件跟 img 保持一致 */
address,caption,cite,code,dfn,em,th{font-style: normal;font-weight: normal;}
.box-sizing{ -moz-box-sizing: border-box;-webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;box-sizing: border-box;}  /*解决盒模型问题css3属性也可用来统一FORM元素风格*/
input,button,textarea,select,optgroup,option{ font: inherit;}
a{ color:#2158ae}
a:hover{ color:#e15858}
html{ overflow-x:hidden;}
/**字体**/
@font-face {font-family: "PINGFANG REGULAR_0";
  src:url('../fonts/PINGFANG REGULAR_0.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
}
.iconfont2 {font-family:"PINGFANG REGULAR_0" !important;}
body { font-family:"PINGFANG REGULAR_0", "微软雅黑","Microsoft YaHei","\5b8b\4f53","Tahoma","Arial";overflow-x:hidden;}

/**文本居中**/
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

/**浮动**/
.mg { margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.cl {clear:both; height:1px; margin-top:-1px; overflow:hidden; }

/**定位**/
.rel { position: relative; }
.abs { position: absolute; }
.fix { position: fixed; }

/**字体颜色**/
.clofff{ color:#FFF;}
.clo333{ color:#333;}
.clo666{ color:#666;}
.clo999{ color:#999;}
.clo215{ color:#5c8ef7}  /***蓝色**/
.cloe15{ color:#e15858}  /***红色**/

/**边距**/
.mgt5{ margin-top:0.35714rem;}
.mgt10{ margin-top:0.7143rem;}
.mgt15{ margin-top:1.07143rem;}
.mgt20{ margin-top:1.42857rem;}
.mgt30{ margin-top:2.14286rem;}
.mgt40{ margin-top:2.85714rem;}
.mgt60{ margin-top:4.28571rem;}
.mgl5{ margin-left:0.35714rem;}
.mgl10{ margin-left:0.7143rem;}
.mgl15{ margin-left:1.07143rem;}
.mgl20{ margin-left:1.42857rem;}
.mgl25{ margin-left:1.775rem;}
.mgr5{ margin-right:0.35714rem;}
.mgr10{ margin-right:0.7143rem;}
.mgr15{ margin-right:1.07143rem;}
.mgr20{ margin-right:1.42857rem;}
.mb5{margin-bottom:0.35714rem; }
.mb10{margin-bottom:0.7143rem; }
.mb15{margin-bottom:1.07143rem;}



.mgla1{ margin-left:0.5rem}
.pd6{ padding-bottom:6rem;}

/**圆角**/
.rad5{ border-radius:5px;}
.rad10{ border-radius:10px;}
.rad15{ border-radius:15px;}
.rad20{ border-radius:20px;}
.rad25{ border-radius:25px;}
.rad30{ border-radius:30px;}

/**字体大小**/
.fs10{ font-size:0.71rem;}
.fs12{ font-size:0.86rem;}
.fs14{ font-size:1rem;}
.fs16{ font-size:1.14rem;}
.fs18{ font-size:1.28rem;}
.fs20{ font-size:1.42rem;}
.fs22{ font-size:1.57rem;}
.fs24{ font-size:1.71rem;}
.fs26{ font-size:1.85rem;}
.fs28{ font-size:2rem;}
.fs30{ font-size:2.14rem;}
.fs32{ font-size:2.28rem;}
.fs34{ font-size:2.42rem;}
.fs36{ font-size:2.57rem;}
.fs38{ font-size:2.71rem;}
.fs40{ font-size:2.85rem;}

/******鼠标手******/
.po{ cursor:pointer;}

/****屏幕自适应****/
@media only screen and (min-width:376px){
   html{font-size: 15px !important;}
}
@media only screen and (min-width:361px) and (max-width:375px) {
   html{font-size: 14px !important;}
}
@media only screen and (min-width:321px) and (max-width:360px) {
   html{font-size: 13px !important;}
}
@media only screen and (max-width:320px) {
   html{font-size:12px !important;}
}