@charset "utf-8";
/*淡入动画*/
@keyframes fade-in {
    0% {opacity: 0;}/*初始状态 透明度为0*/
    40% {opacity: 0;}/*过渡状态 透明度为0*/
    100% {opacity: 1;}/*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in {/*针对webkit内核*/
    0% {opacity: 0;}
    40% {opacity: 0;}
    100% {opacity: 1;}
}
@font-face {font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_0zlpwud1e4ivbo6r.eot?t=1493979065163'); /* IE9*/
  src: url('//at.alicdn.com/t/font_0zlpwud1e4ivbo6r.eot?t=1493979065163#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_0zlpwud1e4ivbo6r.woff?t=1493979065163') format('woff'), /* chrome, firefox */
  url('//at.alicdn.com/t/font_0zlpwud1e4ivbo6r.ttf?t=1493979065163') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_0zlpwud1e4ivbo6r.svg?t=1493979065163#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon_arrowRight:before { content: "\e608"; }
.icon_arrowDown:before { content: "\e662"; }
.icon_arrowLeft:before { content: "\e617"; }
.icon_arrowUp:before { content: "\e605"; }

* {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    text-decoration: none;
    outline: none;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
}
html,body {
	animation: fade-in;
    animation-duration:.5s;
    -webkit-animation:fade-in .5s;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-moz-tap-highlight-color:rgba(0, 0, 0, 0);
	-ms-tap-highlight-color:rgba(0, 0, 0, 0);
	-o-tap-highlight-color:rgba(0, 0, 0, 0);
	tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-overflow-scrolling:touch;
	font: -apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size: 3vh;
	color:#333333;

}
@media screen and (max-width:100vh) { /*当屏幕宽度小于屏幕高度*/
  html,body {
    font-size: 2vw;
  }
}
table{border-collapse:collapse;}
a { text-decoration:none; color:inherit; cursor:pointer;}
a:hover, a:visited, a:link, a:active, a:focus {
    text-decoration:none;
	outline:none;
}
ul,li { list-style:none; padding:0; margin:0;}
img { max-width:100%; border:0;}



.clear { clear:both; height:0;}

.ellips {	/*多行省略*/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

.flexbox {
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box; /* Firefox 17- */
  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex; /* Firefox 18+ */
  display: -ms-flexbox; /* IE 10 */
  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}

.flex-x {
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.flex-y {
  /* 09版 */
  -webkit-box-orient: vertical;
  /* 12版 */
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.flex1 {
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex2 {
  -webkit-box-flex: 2;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 2;         /* OLD - Firefox 19- */
  -webkit-flex: 2;          /* Chrome */
  -ms-flex: 2;              /* IE 10 */
  flex: 2;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex3 {
  -webkit-box-flex: 3;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 3;         /* OLD - Firefox 19- */
  -webkit-flex: 3;          /* Chrome */
  -ms-flex: 3;              /* IE 10 */
  flex: 3;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.container {
	overflow: hidden;
	position: relative;
	width: 100vw;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.container.conbg {
	background-color: #0079f4;
	background: -webkit-linear-gradient( top, rgba(2, 53, 119, 1),rgba(0, 122, 246, 1) ); /* Safari 5.1 - 6 */
  background: -o-linear-gradient(bottom,rgba(2, 53, 119, 1),rgba(0, 122, 246, 1)); /* Opera 11.1 - 12*/
  background: -moz-linear-gradient( bottom, rgba(2, 53, 119, 1), rgba(0, 122, 246, 1)); /* Firefox 3.6 - 15*/
  background: linear-gradient(to bottom,rgba(2, 53, 119, 1), rgba(0, 122, 246, 1)); /* 标准的语法 */
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.container.conbg::before {
	content: " ";
	display: block;
	background-color: rgba(255,255,255,0.05);
	position: absolute;
	top: -80vw;
	right: -125vw;
	width: 180vw;
	height: 180vw;
	border-radius: 50%;
	transform:rotate(-0deg);
  -webkit-transform:rotate(-0deg);
  -moz-transform:rotate(-0deg);
}
.header {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  align-items:center;
  justify-content: space-between;
  color: #ffffff;
  margin: 1em
}
.header .title {
	width: 35%;
  color: #3f60af;
}
.header .toolsbar {

}

.main {
  position: relative;
  overflow: hidden;
}
.main .main_bd {
 margin: 0 3em;
}
.main .main_bd .navs {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.main .main_bd .navs .nav{
	position: relative;
	overflow: hidden;
	width: 25%;
	margin: 0;
	padding: 0;
	display: block;
}
.main .main_bd .navs .nav .bd {
	border-radius: 5px;
	cursor: pointer;
	display: block;
	text-align: center;
	margin: 0 1.5em 1.5em 1em;
}
.main .main_bd .navs .nav .bd .icoButton{
	background-position:center;
	background-repeat: no-repeat;
	background-size: 75% auto;
	width: 100%;
	height: 0;
  padding-bottom: 150%;
  border-radius: 0.3em;
  box-shadow: 0 5px 12px 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 5px 12px 2px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 5px 12px 2px rgba(0,0,0,0.5);
  position: relative;
}
.main .main_bd .navs .nav .bd .icoButton:active,.main .main_bd .navs .nav .bd .icoButton:hover {
  box-shadow: inset 0 0 12px 6px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0 0 12px 6px rgba(0,0,0,0.5);
  -webkit-box-shadow: inset 0 0 12px 6px rgba(0,0,0,0.5);
}
.main .main_bd .navs .nav .bd .icoButton:active::after,.main .main_bd .navs .nav .bd .icoButton:hover::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.15);
  border-radius: 0.3em;
}

.main .main_bd .navs .nav .bd .txt{
	color: #FFFFFF;
  padding: 0.6em 0;
}

.bottom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;

}
.bottombg {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
}
.footer {
  position: relative;
  font-size: 0.8em;
  color: #888888;
  margin: 1em 1em 0 1em;
}
.footer .bd {
}
.footer .bd .copy {
}
.footer .bd .copy .c {
  display: inline-block;
  margin: 0.5em;
  color: #ffffff;
}

.footer .bd .back{
  color: #ffffff;
  position: absolute;
  right: 1em;
  top: -1em;
}
.footer .bd .back span {
 padding: 0 1.5em;
}
.footer .bd .back a {
  display: inline-block;
  cursor: pointer;
  width: 1.8em;
  height: 1.8em;
  text-indent: -200%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.footer .bd .back a.goback {
  background-image: url(../images/icons/goback.png);
}
.footer .bd .back a.forward {
  background-image: url(../images/icons/forward.png);
}

.main.content {
	position: relative;
	margin-bottom: 1em;
  padding-bottom: 15px;
}
.main.content .main_bd {
	background-color: #ffffff;
	overflow-y: scroll;
	padding: 1em;
	border-radius: 0.2em;
	box-shadow: 0 5px 12px 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 5px 12px 2px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 5px 12px 2px rgba(0,0,0,0.5);
	line-height: 1.8;
	font-size: 1em;
}
.main.content .main_bd.intro {
	text-indent: 2em;
}
.main.content .main_hd {
	text-align: center;
	color: #ffffff;
	font-size: 1.2em;
	padding: 0 0 0.8em 0;
	letter-spacing:0.6em;
}