* { margin: 0; padding: 0;}
html{ font-size: 62.5%;}
body { font-family: "Microsoft YaHei"; font-size: 1.2rem; color: #333;}
ul li,
ol li { list-style: none;}
a { text-decoration: none; color: #333333;}
em,b,i{ font-weight: normal; font-style: normal;}
img,button,input,select{ border: 0;}
img{ display: block;}
button,input,textarea{ font-family: "Microsoft YaHei";}
a,button,input,select,textarea{ outline: none;}
h1,h2,h3,h4,h5,h6{ font-size: 1.2rem; font-weight: normal;}
p{ font-family: "Microsoft YaHei"; line-height: 1.6rem;margin: 12px;letter-spacing: 2px;}
table{ width: 100%; border-collapse: collapse;}
option{ text-align: center;}

/********公用********/

.wrapper{ padding: 0 1rem; box-sizing: border-box;}
.clear-select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; background-color: rgba(255,255,255,0);}
.clear-select::-ms-expand{ display: none;}
.ellipsis{ overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.no-choose{ -moz-user-select: none;}
.hide{ display: none;}

/*浮动*/
.clear-both{ overflow: hidden;}
.fl{ float: left;}
.fr{ float: right;}

/*文字*/
.t-center{ text-align: center;}
.t-left{ text-align: left;}
.t-right{ text-align: right;}
.blue{ color: #198aff;}

/*placeholder颜色修改*/
::-webkit-input-placeholder { /* WebKit browsers */
    color: #939393;
}
/*渐进动效*/
.animate{ transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;}

body{ background-color: #efefef; overflow: hidden;}

/*头部*/
#body-box{ position: relative;}
#opac{ display: none; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(0,0,0,.7);}
#header{ position: relative; height: 6rem; background-color: #fff;}
#header h1{ width: 7.8rem; height: 5.1rem; margin: .4rem 0 0 .1rem; text-indent: -9999px; background: url("../images/common-ico.png") no-repeat -2rem -2.4rem; background-size: 15rem;}
#header h1 a{ display: block; height: 100%;}
#header h2{ position: absolute; top: 2.5rem; left: 10.5rem; display: inline; font-size: 1.2rem; color: #666;}
#header .nav-ico,
#header .nav-close{ display: block; width: 3.3rem; height: 3.3rem; margin-top: 1.4rem; background: url("../images/common-ico.png") no-repeat right -2.4rem; background-size: 15rem;}
#header .nav-close{ display: none; background-position: -10rem -6.5rem;}
#nav{ position: fixed; top: 0; right: -23.5rem; z-index: 100; width: 23.5rem; height: 100%; background-color: #434449; transition: all .3s; -webkit-transition: all .3s;}
#nav.cur{ right: 0;}
#nav-top{ height: 8.5rem; text-align: center; line-height: 8.7rem;}
#nav-top i{ display: inline-block; width: 6.6rem; height: 4.3rem; background: url("../images/common-ico.png") no-repeat 0 -7.5rem; background-size: 15rem; vertical-align: middle;}
#nav-list{ width: 100%; height: 100%; overflow: hidden;}
#nav-list #wrapper{ position: relative;}
#nav-list ul{ width: 100%;}
#nav ul li span{ display: block; position: relative; height: 4rem; border-top: 1px solid #57575c;}
#nav ul li.cur span{ background-color: #34353a;}
#nav ul li span a{ display: block; padding: 0 1.9rem; border-left: .4rem solid #000; font-size: 1.6rem; color: #b5b5b5; line-height: 4rem;}
#nav ul li.cur span a{ border-left: .4rem solid #2881dd;}
#nav ul li span i{ position: absolute; top: 1.4rem; right: 1.8rem; display: block; width: 1.2rem; height: 1.2rem; background: url("../images/common-ico.png") no-repeat -7rem -7.5rem; background-size: 15rem;}
#nav ul li.cur span i{ background-position: -9rem -7.5rem; background-size: 15rem;}
#nav ol{ display: none; background-color: #2b2c2f;}
#nav ol{ padding: 1.1rem 0;}
#nav ol li{ height: 3.2rem;}
#nav ol li a{ display: block; padding-left: 2.3rem; color: #a7a7a8; line-height: 3.2rem;}

/*主体*/
article{ padding-bottom: 5.5rem;}
#body-box{ position: absolute; top: 0; left: 0; width: 100%; transition: all .3s; -webkit-transition: all .3s;}
#body-box.cur{ left: -23.5rem;}

/*尾部*/
#footer{ position: fixed; bottom: 0; left: 0; z-index: 100; width: 100%; height: 5.5rem; background-color: #2781dc; transition: all .3s; -webkit-transition: all .3s;}
#footer.cur{ transform: translateY(5.5rem); -webkit-transform: translateY(5.5rem);}
#footer ul li{ float: left; width: 33.333%; height: 5.5rem; box-sizing: border-box; padding-top: 1.1rem; text-align: center; background: url("../images/common-ico.png") no-repeat 11.9rem -1.3rem; background-size: 15rem;}
#footer ul li a{ display: inline-block;}
#footer ul li dl dt{ width: 5rem; height: 2rem; background: url("../images/common-ico.png") no-repeat; background-size: 15rem;}
#footer ul li:nth-child(1) dl dt{ background-position: 0 0;}
#footer ul li:nth-child(2) dl dt{ background-position: -5rem 0;}
#footer ul li:nth-child(3) dl dt{ background-position: -10rem 0;}
#footer ul li dl dd{ padding-top: .2rem; color: #fff;}