@charset 'utf-8';
/*remove the gray background color from tap, default value is inherit*/
html{height:100%;-webkit-tap-highlight-color: transparent;}
body{min-height:100%;position:relative;overflow-x:hidden;color:#636363;
	font-family:'Microsoft Yahei', 'Arial';font-size:12px; -webkit-overflow-scrolling: touch;
}
body .bg{background: #fff url(../images/top-bg.jpg) no-repeat top center; min-height: 451px;}
/*dt,li没有margin和padding*/
body,h1,h2,h3,h4,h5,h6,dl,dd,p,th,td,form,figure{ margin:0; }
ul,ol,menu,li{ margin:0;padding:0; list-style-type: none;}
img{ vertical-align: middle; border:0; }
table{ border-collapse: collapse; border-spacing: 0; }
a  { background: transparent; transition:all 300ms ease 0; text-decoration: none; -webkit-tap-highlight-color: transparent; color:#333333 ;}
a:hover{color: #008080;}
i,em{ font-style:normal; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h1,h2,h3,h4,h5,h6{ font-weight: normal; }
h4,h5,h6{ font-size: 14px; }

button,input,optgroup,select,textarea{border:0;font-family: 'Microsoft Yahei';}
button,input{border-radius:0;padding:0;}/*-webkit-appearance:none;*/
textarea,input{-webkit-user-modify: read-write-plaintext-only;}/*Android 下 input focus 消除高亮外框*/

/**********常用类简写***********/
.mauto{width:1200px; margin:0 auto;}
.w100{ width:100%;}
.w50{ width:50%;}
.rel{ position: relative;}
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */
.ofhidden{
	overflow:hidden;
}
/*float*/
.fl{ float:left;}
.fr{ float:right;}
/*text-align*/
.tar{ text-align: right;}
.tal{ text-align: left;}
.tac{ text-align:center;}
/*font-weight*/
.fb{ font-weight:bold;}
/*display*/
.db{ display:block;}
.dn{ display:none;}
/*color*/
.text-assertive { color:#ff3333; }
.text-energized { color:#f47a45; }
.text-energized2{ color:#d1b26e; }
.text-balanced  { color:#64b44b; }
.text-positive  { color:#1497f1; }
.c666 { color:#666; }
.text-dark   { color:#afafaf; }
.top-dotted{border-top: #ededed dotted 1px;}
.bottom-solid{border-bottom: #ededed solid 1px;}
.bottom-dotted{border-bottom: #d4d3d3 dotted 1px;}
.border{ border:#ededed solid 1px; box-sizing: border-box;}
.bgfff{ background:#fff;}
/*white-space*/
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;word-wrap:break-word;}
.vam{vertical-align:middle;}

/*font-size*/
.fs12{ font-size:12px;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.fs20{ font-size:20px;}
.fs22{ font-size:22px;}
.fs24{ font-size:24px;}
.fs26{ font-size:26px;}
.fs28{ font-size:28px;}
.fs30{ font-size:30px;}
.fs32{ font-size:32px;}
.fs36{ font-size:36px;}
.fs40{ font-size:40px;}
/*line-height*/
.li22{ line-height:22px;}
.li24{ line-height:24px;}
.li26{ line-height:26px;}
.li28{ line-height:28px;}
.li30{ line-height:30px;}
.li35{ line-height:35px;}
.li40{ line-height:40px;}
.li50{ line-height:50px;}
/*margin-top*/
.mt5 { margin-top:5px;  }
.mt10{ margin-top:10px; }
.mt12{ margin-top:12px; }
.mt15{ margin-top:15px; }
.mt18{ margin-top:18px; }
.mt20{ margin-top:20px; }
.mt22{ margin-top:22px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt35{ margin-top:35px; }
.mt40{ margin-top:40px; }
.mt45{ margin-top:45px; }
.mt50{ margin-top:50px; }
.mt55{ margin-top:55px; }
.mt60{ margin-top:60px; }

/*margin-right*/
.mr5 { margin-right:5px;  }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }
.mr35{ margin-right:35px; }
.mr40{ margin-right:40px; }
.mr45{ margin-right:45px; }
.mr50{ margin-right:50px; }
.mr55{ margin-right:55px; }
.mr60{ margin-right:60px; }

/*margin-bottom*/
.mb5 { margin-bottom:5px;  }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb35{ margin-bottom:35px; }
.mb40{ margin-bottom:40px; }
.mb43{ margin-bottom:43px; }
.mb45{ margin-bottom:45px; }
.mb50{ margin-bottom:50px; }
.mb55{ margin-bottom:55px; }
.mb60{ margin-bottom:60px; }

/*margin-left*/
.ml5 { margin-left:5px;  }
.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml25{ margin-left:25px; }
.ml30{ margin-left:30px; }
.ml35{ margin-left:35px; }
.ml40{ margin-left:40px; }
.ml45{ margin-left:45px; }
.ml50{ margin-left:50px; }
.ml55{ margin-left:55px; }
.ml60{ margin-left:60px; }

/******padding-top******/
.pt5 { padding-top:5px;  }
.pt10{ padding-top:10px; }
.pt15{ padding-top:15px; }
.pt20{ padding-top:20px; }
.pt25{ padding-top:25px; }
.pt30{ padding-top:30px; }
.pt35{ padding-top:35px; }
.pt40{ padding-top:40px; }
.pt45{ padding-top:45px; }
.pt50{ padding-top:50px; }
.pt55{ padding-top:55px; }
.pt60{ padding-top:60px; }

/******padding-right******/
.pr5 { padding-right:5px;  }
.pr10{ padding-right:10px; }
.pr15{ padding-right:15px; }
.pr20{ padding-right:20px; }
.pr25{ padding-right:25px; }
.pr30{ padding-right:30px; }
.pr35{ padding-right:35px; }
.pr40{ padding-right:40px; }
.pr45{ padding-right:45px; }
.pr50{ padding-right:50px; }
.pr55{ padding-right:55px; }
.pr60{ padding-right:60px; }

/******padding-bottom******/
.pb5 { padding-bottom:5px;  }
.pb10{ padding-bottom:10px; }
.pb15{ padding-bottom:15px; }
.pb20{ padding-bottom:20px; }
.pb25{ padding-bottom:25px; }
.pb30{ padding-bottom:30px; }
.pb35{ padding-bottom:35px; }
.pb40{ padding-bottom:40px; }
.pb45{ padding-bottom:45px; }
.pb50{ padding-bottom:50px; }
.pb55{ padding-bottom:55px; }
.pb60{ padding-bottom:60px; }

/******padding-left******/
.pl5 { padding-left:5px;  }
.pl10{ padding-left:10px; }
.pl15{ padding-left:15px; }
.pl20{ padding-left:20px; }
.pl25{ padding-left:25px; }
.pl30{ padding-left:30px; }
.pl35{ padding-left:35px; }
.pl40{ padding-left:40px; }
.pl45{ padding-left:45px; }
.pl50{ padding-left:50px; }
.pl55{ padding-left:55px; }
.pl60{ padding-left:60px; }