/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/

html {
  font-size: 22px;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    'Microsoft Yahei', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100vw;
  height: 100vh;
}

body * {
  box-sizing: border-box;
  flex-shrink: 0;
}


.tj-1200 {
  width: 1200px !important;
  margin: 0px auto;
}
.tj-backg-none {
  background: none !important;
}
.tj-border-none {
  border: none !important;
}

/* Sub Menu */ 
.menu ul {
	position: absolute;
	top: 53px;
	left: 0;

	opacity: 0;
	
	background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:3px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box;

	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;

	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
}

.menu li:hover > ul { opacity: 1; }

.menu ul li {
	height: 0;
	overflow: hidden;
	padding: 0;

	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}

.menu li:hover > ul li {
	height: 46px;
	overflow: visible;
	padding: 0;
}

.menu ul li a {
	font-weight: 400;
    color: #444;
    height:46px;
    line-height:50px;
    /*padding: 5px 0px;*/
    /*padding-bottom: 10px*/
}

.menu ul li a:hover {
    text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.menu ul li:last-child a { border: none; }

.tj-h-32 {
  height: 32px;
  line-height: 32px;
}
.tj-m-t-10 {
  margin-top: 10px !important;
}
.tj-m-t-15 {
  margin-top: 15px !important;
}
.tj-m-b-10 {
  margin-bottom: 10px !important;
}
.tj-m-b-15 {
  margin-bottom: 15px !important;
}
.tj-p-t-10 {
  padding-top: 10px !important;
}
.tj-p-b-10 {
  padding-bottom: 10px !important;
}
.tj-p-b-70 {
  padding-bottom: 70px !important;
}

.tj-flex-row {
  display: flex;
  flex-direction: row;
}

.tj-flex-col {
  display: flex;
  flex-direction: column;
}

.tj-justify-start {
  justify-content: flex-start;
}

.tj-justify-center {
  justify-content: center;
}

.tj-justify-end {
  justify-content: flex-end;
}

.tj-justify-evenly {
  justify-content: space-evenly;
}

.tj-justify-around {
  justify-content: space-around;
}

.tj-justify-between {
  justify-content: space-between;
}

.tj-items-start {
  align-items: flex-start;
}

.tj-items-center {
  align-items: center;
}

.tj-items-end {
  align-items: flex-end;
}