/* ====== Reset ====== */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, small, strong, dl, dt, dd, ol, ul, li{margin: 0; padding: 0; font-size: 100%;}
em, strong, i{font-style: normal;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
body{line-height: 1; font-size: 14px; font-family: "Microsoft Yahei",Helvetica,Arial,"宋体"; color: #666; background-color: #fff;overflow-x:hidden;}
ul, ol{list-style: none;}
a{color: #666; text-decoration: none;}
a:hover{color: #F05A28; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s;}
input, button{padding: 0; border: none; outline: none; background: none;}
img{vertical-align: top;}
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, picture {display: block;}/*html5 fix*/

/* ====== General ====== */
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{zoom:1;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.tl{text-align: left}
.tr{text-align: right}
.tc{text-align: center}
.tj{text-align: justify}
.text-hide{font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hide{display: none;}
.show{display: block;}
.img-middle{display: inline-block; max-width: 100%;vertical-align: middle;}
.com-table{display: table;width: 100%; height: 100%;}
.com-cell{display: table-cell;vertical-align: middle;}
.com-width{margin-right: auto; margin-left: auto; width: 1200px;}
.box{display: block; width: 100%; height: 100%;}
.fw600{font-weight: 600;}
.w100{width: 100%;}

/*图片放大*/
.img-plus{vertical-align: top; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.img-plus:hover{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}

/*图片内阴影*/
.img-cover:before{content:"";position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; box-shadow: 0 0 30px rgba(0,0,0,0.2) inset; opacity: 0; filter: alpha(opacity=0); content: ""; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.img-cover:hover:before{opacity: 1; filter: alpha(opacity=100);}

/*图片透明*/
.img-opacity{-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.img-opacity:hover{opacity: .9; filter: alpha(opacity=90);}

/*图片去色*/
.img-gray{filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

/*浏览器更新提示*/
.browserupgrade{margin: 0; padding: 50px 0; background: #ccc; text-align: center; font-size: 18px;}
.browserupgrade a{font-weight: 600; color: red; text-decoration: underline;}

/*返回顶部*/
#to-top{display: inline-block; width: 45px; height: 45px;border-radius: 3px; background: #ccc url(../style/top_icon.png) no-repeat center;text-align: center; text-decoration: none; line-height: 30px; z-index: 999; right: 20px;opacity: 0.5; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
#to-top:hover{opacity: 1;}

/* 滚动条 */
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  background-color:#fff;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius:2em;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ccc;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius:2em;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #666;
}