body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

fieldset,
img {
	border: 0;
}

ol,
ul {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea {
	font-size: 100%;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

i,
cite,
em,
var,
dfn,
address {
	font-style: normal;
}

body {
	font: 12px "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
}

a {
	color: #808080;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active,
a:focus {
	outline: none
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.clearfix {
	zoom: 1;
	clear: both;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.none {
	display: none;
}

* {
	font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

a[href^="http://www.cnzz.com"] {
	display: none;
}

html {
	height: 100%;
}

body {
	height: 100%;
}

/* 首页 */
body.home-page {
	background: #fff;
}

body.grey {
	background: #f0f1f5;
}

.container {
	min-height: 100%;
	padding: 115px 0 70px;
	margin-bottom: -50px;
	box-sizing: border-box;
}

.home-page .container {
	padding-top: 0;
}

.real-container {
	padding-bottom: 40px;
}

header {
	width: 100%;
	height: 80px;
	line-height: 80px;
	background: #fff;
	top: 0;
	z-index: 99;
	transition: 0.3s;
	position: fixed;
	background: #fff;
	border-bottom: 1px solid #e8e7e8;
	box-shadow: 0 0 5px rgba(232, 232, 232, 0.7), 0 0 5px rgba(232, 232, 232, 0.7);
}

.header-content {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.home-page .header-content {
	width: 1200px;
}

.logo-amap {
	width: 180px;
	height: 80px;
	display: block;
	float: left;
	text-indent: -99999px;
	background: url(./public/images/logo.png) no-repeat 0 center;
	background-size: 174px 46px;
}

.header-right {
	float: right;
}

.header-right a {
	font-size: 16px;
	color: #4c4c4c;
	display: inline-block;
	padding: 0 10px 0;
}

.header-right a span {
	line-height: 36px;
	padding: 0 30px;
	transition: 0.3s;
	border-radius: 18px;
	display: inline-block;
}

.header-right a.current span,
.header-right a:hover span,
.header-right a:active span {
	color: #ffa312;
	background: #fef5e4;
}

footer {
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #767b87;
	font-size: 12px;
	display: block;
	margin-top: -50px;
	background: #2b354e;
}

.main {
	width: 1080px;
	margin: 0 auto;
	overflow: hidden;
}

.crumbs {
	color: #808080;
	font-size: 14px;
}

.crumbs span {
	color: #333333;
}

.list {
	margin-bottom: 30px;
	border-top: 1px solid #ebedf0;
}

.list a {
	display: block;
	color: #808080;
	font-size: 14px;
	padding: 28px 20px;
	text-decoration: none;
	transition: 0.3s;
	border-bottom: 1px solid #ebedf0;
}

.list a:hover,
.list a.current {
	background: #f7f7f7;
}

.list a span.list-time {
	width: 66px;
	height: 64px;
	float: left;
	color: #666666;
	font-size: 12px;
	text-align: center;
}

.list-time strong {
	line-height: 39px;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	background: #faac25;
	display: block;
	border-radius: 2px 2px 0 0;
}

.list-time small {
	line-height: 24px;
	color: #666666;
	display: block;
	border: 1px solid #dfe1e6;
	border-top: none;
	border-radius: 0 0 2px 2px;
}

.list .list-a-right {
	line-height: 30px;
	display: block;
	margin-left: 80px;
}

.list-a-right strong {
	line-height: 30px;
	font-size: 18px;
	color: #333333;
	font-weight: normal;
	display: block;
}

article {
	margin: 0 243px 0 0;
}

h1 {
	font-size: 32px;
	color: #3b3b3b;
	font-weight: normal;
	text-align: left;
	padding: 20px 0;
}

.time {
	display: block;
	color: #999999;
	font-size: 14px;
	padding: 0 0 20px;
	border-bottom: 1px solid #ebecf0;
}

.content {
	line-height: 30px;
	color: #4c4c4c;
	font-size: 18px;
	overflow: hidden;
	padding: 25px 0;
}

.content p {
	overflow: hidden;
	margin: 10px 0;
}

.list_contact {
	color: #999999;
	font-size: 18px;
}

.list_contact a {
	color: #196eab;
}

.list_contact li {
	padding-left: 66px;
	margin-top: 30px;
	overflow: hidden;
	background: url(../img/contact_icons.jpg) no-repeat 0 0;
}

#contact_wb {
	background-position: -70px 0;
}

#contact_qq {
	background-position: -140px 0;
}

#contact_email {
	background-position: -210px 4px;
}

.list_contact h3 {
	min-height: 46px;
	color: #666666;
	font-size: 22px;
	font-weight: normal;
	padding: 3px 0 0;
	background: #fff;
}

img.qr_contact {
	width: 97px;
	height: 97px;
	padding: 3px;
	float: right;
	margin: -49px 20px 0 -66px;
	background: #fff;
	border: 1px solid #cfcfcf;
}

.list_contact p {}

.list_contact p span {
	color: #000;
}

.png {
	float: right;
	font-size: 14px;
	margin: 0 30px 20px 0;
}

.png>* {
	height: 28px;
	line-height: 28px;
	color: #808080;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 0 10px;
	border-radius: 15px;
}

.png>strong {
	color: #fff;
	font-weight: normal;
	background: #faac25;
	border-color: #faac25;
}

.png>a:hover {
	text-decoration: none;
	background: #ddd;
}

.right {
	width: 202px;
	float: right;
	border-radius: 2px;
}

.right_top {
	width: 100%;
	height: 193px;
	background: #fafafa url(../img/right_top.gif) no-repeat center center;
	background-size: cover;
}

.right_bottom {
	overflow: hidden;
	padding: 14px;
	text-align: center;
	border: 1px solid #dcdfe0;
}

.right_bottom span {
	line-height: 24px;
	display: block;
	color: #333333;
	font-size: 16px;
	text-align: center;
	padding: 10px 0 0;
}

.right_bottom span small {
	font-size: 14px;
}

.right_qrcode {
	width: 94px;
	height: 94px;
	padding: 9px;
	border-radius: 3px;
	background: #fff;
	border: 9px solid #ececec;
}

body.home-page {}

header.header-opacity {
	background: none;
	margin: 0;
	box-shadow: none;
	border: none;
}

header.header-grey {
	background: rgba(0, 0, 0, 0.4);
	box-shadow: none;
	border: none;
}

header.header-grey a span,
header.header-opacity a span {
	color: #fff;
}

header.header-grey .header-right a.current span,
header.header-grey .header-right a:hover span,
header.header-grey .header-right a:active span,
header.header-opacity .header-right a.current span,
header.header-opacity .header-right a:hover span,
header.header-opacity .header-right a:active span {
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
}

header.header-grey .logo-amap,
header.header-opacity .logo-amap {
	background-image: url(./public/images/logo_white.png);
	background-size: 174px 46px;
}

.main-block {
	width: 980px;
	margin: 0 auto;
	display: block;
	position: relative;
}

.home_china_map {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}

.home-main {
	min-width: 1200px;
	background: #2d3b5c url(./public/images/home_bg_0.jpg) no-repeat center center;
}

.home-main .main-block {
	width: 1200px;
	height: 580px;
}

.main-left {
	width: 511px;
	height: 210px;
	line-height: 30px;
	padding-top: 165px;
	font-size: 15px;
	color: #bac4cf;
	position: relative;
	background: url(./public/images/taojin_info.png) no-repeat 0 0;

  justify-content: flex-start;
  display: flex;
  flex-direction: column;
  align-items: start;
  top: 140px;
}

.main-qr {
	width: 112px;
	height: 112px;
  margin-bottom: 18px;
	padding: 6px;
	background: #fff;
	border-radius: 4px;
  box-shadow: rgba(255,255,255,0.3) 0px 0px 12px;
}

.download-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  margin-left: 32px;
}

a.download {
	width: 124px;
	height: 28px;
	line-height: 28px;
  font-size: 12px;
	display: block;
	color: #fff;
	text-align: center;
	border-radius: 22px;
	text-decoration: none;
  background-color: #669AFF;
}

a.download:hover,
a.download:active {
  opacity: 0.8;
}

a.download.dl-ios {
	margin-bottom: 9px;
	background-position: 118px -63px;
	background-color: #2895fa;
}

a.download.dl-ios:hover,
a.download.dl-ios:active {
	background-color: #2077c8;
}

.gallery {
	width: 172px;
	height: 305px;
	margin: 22px 0 0 529px;
	overflow: hidden;
}

.gallery>* {
	display: block;
}

.home-list {
	min-width: 1220px;
	background: #fff;
}

.list-ul {
	width: 1220px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
}

.list-ul li {
	width: 25%;
	height: 474px;
	box-sizing: border-box;
	display: block;
	float: left;
	overflow: hidden;
	text-align: center;
	position: relative;
}

.list-ul li>* {
	transition: 0.3s;
	position: relative;
	z-index: 2;
}

.list-ul li small {
	width: 146px;
	height: 146px;
	display: block;
	border-radius: 50%;
	z-index: 1;
	top: 0;
	left: 50%;
	margin: 96px 0 0 -73px;
	position: absolute;
	background: #fcf2d7;
}

.list-ul li.list-2 small {
	background-color: #e0f3f1;
}

.list-ul li.list-3 small {
	background-color: #dfe9f1;
}

.list-ul li.list-4 small {
	background-color: #fceeef;
}

.list-ul li:hover small {
	width: 800px;
	height: 800px;
	margin: -200px 0 0 -400px;
}

.list-ul li strong {
	display: block;
	color: #373737;
	font-size: 22px;
	font-weight: normal;
	padding: 275px 0 20px 0;
	background: url(./public/images/home_feature_icons.png) no-repeat 0 126px;
}

.list-ul li.list-2 strong {
	background-position: 32.6% 126px;
}

.list-ul li.list-3 strong {
	background-position: 66.5% 126px;
}

.list-ul li.list-4 strong {
	background-position: right 126px;
}

.list-ul li:hover strong {
	padding: 200px 0 15px 0;
	background-position: 0 70px;
}

.list-ul li.list-2:hover strong {
	background-position: 32.6% 70px;
}

.list-ul li.list-3:hover strong {
	background-position: 66.5% 70px;
}

.list-ul li.list-4:hover strong {
	background-position: right 70px;
}

.list-ul li span {
	display: block;
	color: #717171;
	font-size: 16px;
	opacity: 1;
}

.list-ul li:hover span {
	height: 0;
	opacity: 0;
}

.list-ul li p {
	line-height: 27px;
	color: #4c4c4c;
	font-size: 14px;
	padding: 0 25px;
	margin: 0;
	text-align: left;
	opacity: 0;
}

.list-ul li:hover p {
	opacity: 1;
}

.home-hero {
	min-width: 1202px;
	text-align: center;
	overflow: hidden;
	color: #fff;
	background: #2f3a51 url(./public/images/home_heros_bg.jpg) no-repeat center center;
	background-size: cover;
}

.home-hero h1 {
	line-height: 70px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	padding: 20px 0 0;
}

.home-hero p {
	line-height: 30px;
	font-size: 16px;
	color: #b9bdc2;
}

.home-hero p strong {
	color: #ffaa00;
	font-size: 22px;
	font-weight: normal;
}

.hero-ul {
	width: 1202px;
	height: 487px;
	margin: 60px auto;
}

.hero-ul li {
	width: 163px;
	height: 463px;
	display: block;
	float: left;
	margin-left: 10px;
	position: relative;
}

.hero-ul li:first-child {
	margin-left: 0;
}

.hero-ul li.hero-1 {
	width: 163px;
}

.hero-ul li.hero-2 {
	width: 184px;
}

.hero-ul li.hero-3 {
	width: 297px;
}

.hero-ul li.hero-4 {
	width: 160px;
}

.hero-ul li.hero-5 {
	width: 184px;
}

.hero-ul li.hero-6 {
	width: 163px;
}

.hero-ul .hero {
	overflow: hidden;
	position: relative;
}

.hero-ul .hero+.hero {
	width: 100%;
	position: absolute;
	bottom: 0;
}

.img-wrapper {
	margin-bottom: -12px;
}

.hero-ul .hero img {
	width: 100%;
	transition: 0.3s;
	display: block;
}

.hero:hover .img-wrapper img {
	margin: -12px 0 12px;
}

.hero-ul .hero .hero-info {
	width: 100%;
	height: 0;
	position: absolute;
	bottom: 0;
}

.hero-info div {
	width: 100%;
	height: 60px;
	position: absolute;
	/* // top: 0; */
	bottom: 0;
	font-size: 12px;
	color: #fff;
	text-align: left;
	padding: 10px 16px;
	margin-bottom: -60px;
	box-sizing: border-box;
	transition: 0.3s;
	background: url(./public/images/hero_info_bg.png) repeat 0 0;
}

.hero-info.hero-info-2lines div {
	height: 80px;
	margin-bottom: -80px;
}

.hero-info.hero-info-3lines div {
	height: 100px;
	margin-bottom: -100px;
}

.hero:hover .hero-info div {
	// top: auto;
	// bottom: 0;
	// opacity: 1;
	margin: 0;
}

.hero-info div strong {
	line-height: 20px;
	font-size: 14px;
	display: block;
	font-weight: normal;
	margin: 30px 0 30px;
	padding: 0;
	transition: 0.3s;
}

.hero:hover .hero-info div strong {
	margin: 0;
}

.hero-info div p {
	line-height: 20px;
	font-size: 12px;
}

.home-info {
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0 0;
	overflow: hidden;
}

.home-info-left {
	width: 580px;
	float: left;
	margin-bottom: 30px;
}

.home-info-left>h1,
.home-info-right>h1 {
	line-height: 24px;
	font-size: 24px;
	color: #383838;
	padding: 0 0 30px;
	font-weight: normal;
}

.home-info-right>h1 a.more {
	float: right;
	color: #ffaa00;
	font-size: 14px;
	position: relative;
}

.home-event {
	margin: 0;
	display: block;
	border: 1px solid #dadce0;
	border-radius: 3px;
	transition: 0.3s;
}

.home-event:hover {
	text-decoration: none;
	background: #f7f7f7;
}

.home-event img {
	width: 100%;
	height: 322px;
	display: block;
	border-radius: 3px 3px 0 0;
}

.home-event img~* {
	margin: 0 15px;
}

.home-event h2 {
	font-size: 22px;
	color: #383838;
	padding: 20px 0 10px;
	font-weight: normal;
}

.home-event span.home-info-time {
	display: block;
	font-size: 12px;
	color: #999999;
	padding-bottom: 10px;
}

.home-event p {
	height: 48px;
	line-height: 24px;
	font-size: 14px;
	color: #808080;
	padding-bottom: 10px;
}

.home-info-right {
	margin-left: 620px;
}

.home-info-right .list {
	padding: 0 20px;
	border-radius: 3px;
	border: 1px solid #dee0e4;
}

.home-info-right .list a:last-child {
	border: none;
}

.home-rank {
	min-width: 1200px;
	background: #31384e url(./public/images/home_top10_bg.jpg) no-repeat center center;
	background-size: cover;
}

.rank-top10 {
	width: 1200px;
	height: 563px;
	padding: 0 0 0 444px;
	margin: 0 auto;
	box-sizing: border-box;
	background: url(./public/images/home_top10_cup.png) no-repeat 0 center;
}

.rank-data {
	height: 444px;
	margin-top: 12px;
	overflow: hidden;
}

.rank-tb {
	width: 100%;
	color: #ffffff;
}

.rank-tb th {
	font-size: 18px;
	color: #d89219;
	font-weight: normal;
	padding: 40px 0 30px;
	border-bottom: 1px solid #4d566c;
}

.rank-tb td {
	font-size: 14px;
	padding: 12px 0;
	text-align: center;
	vertical-align: middle;
}

.rank-tb tr>*.tb-th1 {
	width: 91px;
}

.rank-tb tr>*.tb-th2 {
	width: 315px;
}

.rank-tb tr>*.tb-th3 {
	width: 144px;
}

.rank-tb tr>*.tb-th4 {}

/* // .top10_tb tr:first-child td{padding-top: 24px;} */
.rank-tb tr.top10_tr_0 td {
	color: #ff7a21;
}

.rank-tb tr.top10_tr_1 td {
	color: #ffb521;
}

.rank-tb tr.top10_tr_2 td {
	color: #d29928;
}

.rank-tb tr.top10_tr_3 td {
	color: #fff;
}

.rank-tb tr.top10_tr_4 td {
	color: #cecfd2;
}

.rank-tb tr.top10_tr_5 td {
	color: #a8aab0;
}

.rank-tb tr.top10_tr_6 td {
	color: #93959e;
}

.rank-tb tr.top10_tr_7 td {
	color: #7c808a;
}

.rank-tb td span {
	width: 30px;
	height: 30px;
	color: #fff;
	line-height: 30px;
	font-style: italic;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	background: #485165;
}

.rank-tb tr.top10_tr_0 td span {
	background: #ff7a21;
}

.rank-tb tr.top10_tr_1 td span {
	background: #ffb521;
}

.rank-tb tr.top10_tr_2 td span {
	background: #d29928;
}

.rank-tb tr.top10_tr_3 td span {
	background: #485165;
}

.rank-tb tr.top10_tr_4 td span {
	background: #313c53;
	color: #cecfd2;
}

.rank-tb tr.top10_tr_5 td span {
	background: #333d55;
	color: #a8aab0;
}

.rank-tb tr.top10_tr_6 td span {
	background: #323b53;
	color: #93959e;
}

.rank-tb tr.top10_tr_7 td span {
	background: #333b52;
	color: #7c808a;
}

.home-bottom {
	width: 1180px;
	margin: 0 auto;
	padding-top: 46px;
	text-align: center;
}

.home-bottom li {
	width: 33%;
	line-height: 24px;
	color: #808080;
	font-size: 14px;
	padding-left: 56px;
	box-sizing: border-box;
	vertical-align: top;
	text-align: left;
	display: inline-block;
}

.home-bottom li:last-child {
	width: 21%;
}

.home-bottom li strong {
	line-height: 45px;
	display: block;
	font-size: 22px;
	color: #666666;
	text-align: left;
	margin: 0 0 10px -56px;
	padding-left: 56px;
	font-weight: normal;
	background: url(./public/images/home_bottom_icons.png) no-repeat 0 center;
}

.home-bottom li.bottom-1 strong {
	background-position: -430px center;
}

.home-bottom li.bottom-2 strong {
	background-position: -845px 5px;
}

.home-bottom li a[href^="mailto"] {
	font-size: 16px;
}

.block_steps {
	background: #fafafa;
}

.block_steps h2 {
	height: 80px;
	line-height: 80px;
	text-indent: 38px;
	padding-bottom: 0;
}

.steps {
	text-align: center;
}

.steps li {
	width: 200px;
	color: #a4a4a4;
	font-size: 18px;
	line-height: 65px;
	padding-top: 200px;
	text-align: center;
	margin: 0 20px;
	display: inline-block;
	background: url(../img/steps.png) no-repeat 0 0;
}

.steps li.step_2 {
	background-position: -200px 0;
}

.steps li.step_3 {
	background-position: -400px 0;
}

.steps li.step_4 {
	background-position: right 0;
}

.block_list {
	margin: 30px auto;
}

.box {
	width: 412px;
	height: 265px;
	float: left;
	padding: 20px 30px;
	position: relative;
	border: 1px solid #f1f1f0;
}

.box h2 {
	padding-bottom: 20px;
	text-indent: 10px;
}

.box h2 span {
	color: #ff9c00;
	font-size: 16px;
	float: right;
	padding-right: 18px;
	font-style: italic;
}

.box .list {
	line-height: 30px;
	margin-bottom: 0;
}

a.more {
	color: #ffb92e;
	font-size: 16px;
	position: absolute;
	bottom: 0;
	margin-bottom: 28px;
}

.box.rank-top10 {
	margin-left: 507px;
	float: none;
}

.rank-top10 h2 span {
	font-style: normal;
}

.rank-top10 .list {
	line-height: 28px;
	height: 196px;
	overflow: hidden;
}

.rank-top10 .list a {
	height: 28px;
	color: #ffb92e;
	font-size: 14px;
}

.rank-top10 .list a:hover,
.rank-top10 .list a:hover span {
	text-decoration: none;
}

.block.event {
	margin-bottom: 30px;
}

.event img {
	display: block;
}


.right-card {
	margin: -8px 0 0 283px;
}

.menu.card {
	width: 222px;
	min-height: 0;
	margin: 0;
	float: left;
	font-size: 15px;
	color: #333333;
	line-height: 40px;
	border-radius: 2px;
	border: 1px solid #d4d5d8;
}

.menu.card a {
	line-height: 60px;
	color: #333333;
}

.menu.card a:hover {
	color: #ffaa00;
	text-decoration: none;
}

.menu>li>a {
	/*padding-left: 10px;*/
	display: block;
}

.menu>li.has-child>a {
	background: url(./public/images/menu_arrow.png) no-repeat right -180px;
}

.menu>li.has-child.current>a {
	background-position: right 26px;
	position: relative;
}

.menu>li::after,
.menu>li.has-child.current>a::before {
	content: '';
	width: 9px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0 0 -1px -18px;
}

.menu>li::after {
	margin-left: 0;
}

.menu>li:last-child::after {
	display: none;
}

.menu>li {
	cursor: pointer;
	padding: 0 18px;
	border-bottom: 1px solid #ebedf0;
	position: relative;
}

.menu>li:last-child {
	border-bottom: none;
}

.menu .father {
	display: none;
	color: #666666;
	font-size: 14px;
	padding-left: 30px;
	background: #fafafa;
	margin: 0 -18px;
	border-top: 1px solid #ebedf0;
}

.menu .current .father {
	display: block;
}

.menu .father li {
	padding-left: 10px;
}

.menu .father>li {
	padding-left: 0;
}

.menu .current>a,
.menu .father>li.current>a {
	color: #ffaa00;
}

.menu .son {
	display: none;
}

.menu .father li.current .son {
	display: block;
}

.menu .son>li.current {
	background: url(./public/images/arrow_right.png) no-repeat 0 center;
}

.menu .son>li.current a {
	color: #333;
}

.menu .son a {
	color: #999999;
	font-size: 12px;
}

.menu .father a {
	height: 100%;
	display: block;
}

.right-card h1 {
	font-size: 18px;
	color: #333333;
	text-align: left;
	padding: 8px 0 20px;
	border-bottom: 1px solid #f5f5f5;
}

.right-card h1 span {
	color: #666666;
}

.raider-tb {
	width: 100%;
}

.raider-tb img {
	max-width: 100%;
	display: block;
	margin: 10px 0;
}

.raider-tb td {
	width: 50%;
	vertical-align: top;
	font-size: 16px;
	color: #666666;
	line-height: 26px;
}

.raider-tb td:first-child {
	padding-right: 30px;
}

.raider-tb td:first-child+td {
	padding-left: 30px;
}

.raider-tb td.block-title {
	width: 50%;
	font-size: 18px;
	color: #333;
	line-height: 40px;
	/*padding-top: 10px;*/
	word-break: break-all;
}

.raider-content {
	padding-top: 10px;
	line-height: 36px;
	font-size: 16px;
}

.logs-main {}

.logs-main>h1 {
	line-height: 70px;
	font-size: 24px;
	color: #333333;
	text-align: center;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

.logs-main>h2 {
	line-height: 60px;
	text-align: center;
	background: url(./public/images/logs_clock.png) no-repeat center center;
}

.logs-main>h2 span {
	display: inline-block;
	color: #666666;
	font-weight: normal;
	font-size: 20px;
	padding: 0 150px 0 0;
	margin: 0 auto;
}

.logs-ul {
	line-height: 26px;
	color: #666666;
	font-size: 14px;
	overflow: hidden;
	padding: 65px 0 0;
	background: url(./public/images/logs_ul_bg.jpg) repeat-y center 0;
}

.logs-ul>li {
	width: 450px;
	padding: 20px;
	float: left;
	border-radius: 4px 0 4px 4px;
	margin: 0 0 140px 50px;
	box-sizing: border-box;
	background: #fff;
	position: relative;
}

.logs-ul>li::before {
	content: '';
	width: 0;
	height: 0;
	top: 0;
	right: 0;
	margin: 0 -20px 0 0;
	position: absolute;
	border-width: 20px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}

.logs-ul>li::after {
	content: '';
	width: 22px;
	height: 36px;
	top: 0;
	right: 0;
	margin: -17px -51px 0 0;
	position: absolute;
	background: #f0f1f5 url(./public/images/logs_dot_yellow.png) no-repeat center center;
}

.logs-ul>li.logs-right {
	float: right;
	border-radius: 0 4px 4px 4px;
	margin: 0 50px 140px 0;
}

.logs-ul>li.logs-right::before {
	left: 0;
	right: auto;
	margin: 0 0 0 -20px;
}

.logs-ul>li.logs-right::after {
	left: 0;
	right: auto;
	margin: -17px 0 0 -51px;
}

.logs-ul>li.logs-ios::after {
	background-image: url(./public/images/logs_dot_blue.png);
}

.logs-ul>li:first-child+li {
	margin-top: 120px;
}

.logs-ul>li:last-child {
	margin-bottom: 50px;
}

.logs-ul h3 {
	line-height: 60px;
	color: #faac25;
	font-size: 26px;
	font-weight: normal;
}

.logs-ul h3 a {
	color: #faac25;
	display: inline-block;
	padding-right: 60px;
	background: url(./public/images/logs_download_icons.png) no-repeat right 15px;
}

.logs-ul .logs-ios h3,
.logs-ul .logs-ios h3 a {
	color: #2895fa;
}

.logs-ul .logs-ios h3 a {
	background-position: right -85px;
}

.logs-ul h4 {
	font-size: 14px;
	color: #808080;
	padding-bottom: 10px;
	font-weight: normal;
}

.logs-dot-bottom {
	display: block;
	margin: 0 auto;
	padding: 24px 30px 0;
	background: #f0f1f5;
	cursor: pointer;
}

.logs-main>.logs-hidden {
	display: none;
}