.download {

	background-repeat:no-repeat;

	background-size:cover;

	padding:80px 0 80px 0;

	width:100%;

}

.download .titleBig {

	border-bottom:1px #e3e3e3 solid;

	padding-bottom:40px;

	margin-bottom:40px;

	font-weight:700;

	color:#004070;

	font-size:40px;

	line-height:46px

}

.download .titleBig span {

	line-height:1;

	position:relative;

	z-index:1

}

.download .titleBig span:after {

	content:"";

	display:inline-block;

	width:140px;

	height:18px;

	background:#ebebeb;

	position:absolute;

	z-index:-1;

	bottom:-8px;

	left:0

}

.download .nr {

	display:-webkit-box;

	display:-ms-flexbox;

	display:flex

}

.download .left {

	width:30%;

	float:left

}

.download .left img {

	width:260px

}

.download .right {

	-webkit-box-flex:1;

	-ms-flex:1;

	flex:1

}

.download .version-date {

	border-bottom:1px #e3e3e3 solid;

	padding-bottom:10px;

	line-height:40px;

	margin-bottom:20px;

	overflow:hidden

}

.download .version-date2 {

	border-bottom:none;

	margin-bottom:0;

	margin-top:30px;

}

.download .version-date2 .version {

	font-size:26px;

}

.download .version {

	color:#004070;

	font-size:30px

}

.download .list li {

	width:33.33%;

	float:left

}

.download .list .title {

	color:#333;

	font-size:24px;

	font-weight:700

}

.download .list2 .title {

	color:#333;

	font-size:22px;

	font-weight:700

}

.download .list .info {

	font-size:16px;

	margin-bottom:20px;

	height:96px;

}

.download .list .info2 {

	font-size:16px;

}

.download .list .info2 a {

	color:#000;

}

.download .list .btn {

	margin-bottom:20px

}

.download .list .btn a {

	display:inline-block;

	background:#004070;

	color:#fff;

	line-height:40px;

	min-width:120px;

	padding:0 10px;

	text-align:center;

	border-radius:40px;

	margin-right:10px;

}

.download .list .btn a:hover {

	background:#0371c4

}

.use {

	width:100%

}

.use iframe {

	height:1100px;

	border:none;

	width:100%

}

.manual {

	padding:70px 0;

	width:100%;

}

.manual .titleBig {

	font-weight:700;

	font-size:22px;

	color:#004070;

	margin-bottom:10px

}

.manual .jsh {

	border-bottom:1px #eee solid;

	padding-bottom:40px;

	margin-bottom:40px

}

.manual .list {

	padding-top:20px;

	width:100%;

}

.manual .list li {

	border-bottom:1px #e7e8f0 solid

}

.manual .list li:last-child {

	border:none

}

.manual .list .box {

	display:block;

	background:#f7f7f7;

	color:#6a6a6a;

	padding:20px 80px 20px 50px;

	position:relative

}

.manual .list .title-1 {

	font-size:18px;

	margin-bottom:10px

}

.manual .list .title-2 {

	font-weight:18px;

	font-weight:700;

	color:#3e3a39

}

.manual .list .date {

	font-size:14px;

	color:#3e3a39

}

.manual .list .btn {

	position:absolute;

	top:50%;

	right:60px;

	-webkit-transform:translateY(-50%);

	transform:translateY(-50%)

}

.manual .list .btn a {

	display:block;

	border:1px #c3c3c3 solid;

	min-width:145px;

	height:46px;

	line-height:44px;

	border-radius:44px;

	background:#fff;

	color:#3e3a39;

	text-align:center

}

.manual .list .btn a:hover {

	border-color:#0371c4;

	background:#0371c4;

	color:#fff

}

.manual .list .new .box {

	background:#2470a9;

	color:#fff

}

.manual .list .new .date {

	color:#fff

}

.manual .list .new .title-2 {

	color:#fff

}

.manual .list .new .btn a {

	border-color:#fff

}

.manual .list .new .btn a:hover {

	border-color:#004070;

	background:#004070;

	color:#fff

}

.manual .list .box .text{

	position: relative;

}



.manual .list .box .text .img{

	position: absolute;

    left: 80px;

    max-width: 20px;

    top: 50px;

}

.manual .list .box .text .img a{

	display:block;

}

.manual .list .box .text .img a img{

	width:100%;

}

.download .version img{

	max-width: 25px;

    margin-left: 10px;

}

.inside-banner {

	position:relative;

	width:100%;

}

.inside-banner img {

	width:100%

}

.inside-banner .text {

	width:100%;

	max-width:1440px;

	height:100%;

	color:#fff;

	padding-left:70px;

	padding-right:50px;

	margin:auto;

	position:absolute;

	z-index:9;

	top:0;

	left:0;

	right:0;

	box-sizing: border-box;

}

.inside-banner .pic {

	position:relative

}

.inside-banner .pic:after {

	content:"";

	display:block;

	padding-top:20.57291667%

}

.inside-banner .titleBig {

	max-width:100%;

	position:absolute;

	z-index:9;

	top:50%;

	-webkit-transform:translateY(-50%);

	transform:translateY(-50%)

}

.inside-banner .title {

	text-align:left;

	font-size:40px;

	font-weight:700;

	height:50px;

	line-height:50px;

	overflow:hidden;

	/*text-overflow:ellipsis;

	white-space:nowrap;

	*/

        position:relative;

	z-index:2;

	margin-bottom:10px

}

.inside-banner .info {

	font-size:16px;

	line-height:2;

	height:64px;

	overflow:hidden;

	display:-webkit-box;

	-webkit-box-orient:vertical;

	text-overflow:ellipsis;

	-webkit-line-clamp:2

}

.inside-banner .moreBtn {

	padding-top:20px

}

.inside-banner .moreBtn a,.inside-banner .moreBtn span {

	background:#0371c4

}

.inside-banner .bread {

	color:#fff;

	text-align:right;

	padding-bottom:20px;

	position:absolute;

	right:0;

	bottom:0

}

.inside-banner .bread a {

	color:#fff

}

.inside-banner .bread a:hover {

	color:#fff

}

.inside-banner .bread span {

	color:#fff

}

.inside-banner .bread .iconfont {

	color:#fff

}

.inside-banner .text-2 .title {

	font-weight:400

}

.bread {

	font-weight:400;

	font-size:14px

}

.bread a,.bread .item1 {

	margin:0 5px

}

.bread a:hover {

	text-decoration:underline

}

.bread .iconfont {

	color:#666;

	width:16px;

	margin-right:5px

}

.bread span {

	margin:0 5px;

	color:#004070

}

.inside{
	width:100%;
}

.inside-title {

	text-align:center;

	border-bottom:1px #e7e7e7 solid;

	padding-top:60px;

	padding-bottom:60px;

	position:relative

}

.inside-title:before {

	content:"";

	display:block;

	border-right:1px #e7e7e7 solid;

	border-bottom:1px #e7e7e7 solid;

	width:10px;

	height:10px;

	background:#fff;

	position:absolute;

	bottom:-9px;

	left:50%;

	-webkit-transform:rotate(45deg) translateX(-50%);

	transform:rotate(45deg) translateX(-50%)

}

.inside-title .cn {

	color:#333;

	font-size:40px;

	font-weight:700;

	position:relative;

	z-index:1

}

.inside-title .en {

	font-family:"Oswald-Bold";

	font-size:108px;

	color:rgba(51,51,51,0.05);

	position:absolute;

	z-index:0;

	top:50%;

	left:50%;

	-webkit-transform:translate(-50%,-50%);

	transform:translate(-50%,-50%)

}

.inside-title:hover .span-1 {

	color:#004070

}

.subMenu {

	text-align:center;

	position:relative;

	z-index:1;

	margin-top:50px;

	width:100%;

}

.subMenu .list {

	text-align:center;

	font-size:0;

	display:inline-block;

	position:relative;

	width:100%;

}

.subMenu .box {

	display:block;

	position:relative;

	z-index:1

}

.subMenu li {

	display:inline-block;

	position:relative;

	padding:0 10px

}

.subMenu a {

	min-width:140px;

	padding:0 10px;

	display:block;

	line-height:44px;

	color:#333;

	font-size:18px;

	text-align:center

}

.subMenu a:hover {

	border-color:#004070;

	background:#004070;

	color:#fff

}

.subMenu .active a {

	background:#004070;

	color:#fff

}

.team {

	padding-top:80px;

	padding-bottom:80px

}

.team .list {

	margin-left:-18px;

	margin-right:-18px

}

.team .list li {

	width:25%;

	float:left;

	padding:0 18px 36px 18px;

	box-sizing: border-box;

}

.team .list .pic {

	overflow:hidden;

	position:relative

}

.team .list .pic:after {

	content:"";

	display:block;

	padding-top:103.03030303%

}

.team .list .pic img {

	-webkit-transition:all .5s;

	transition:all .5s

}

.team .list .text {

	padding:20px 0

}

.team .list .title {

	color:#333;

	font-size:18px;

	font-weight:700;

	height:30px;

	line-height:30px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap

}

.team .list .info {

	color:#666;

	font-size:16px;

	height:30px;

	line-height:30px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap

}

.team .list .box:hover img {

	-webkit-transform:scale(1.1);

	transform:scale(1.1)

}

.team-show {

	padding:60px 70px 100px 70px

}

.team-show img {

	vertical-align:top

}

.team-show .hd {

	display:-webkit-box;

	display:-ms-flexbox;

	display:flex;

	padding-bottom:60px

}

.team-show .hd .pic {

	width:330px;

	float:left

}
.team-show .hd .pic img{
	display:block;
	width:100%;
}

.team-show .hd .text {

	float:left;

	-webkit-box-flex:1;

	-ms-flex:1;

	flex:1;

	padding-left:40px

}

.team-show .hd .title {

	color:#004070;

	font-size:32px;

	font-weight:700

}

.team-show .hd .info {

	color:#666;

	line-height:1.875

}

.team-show .hd .info a {

	color:#666

}

.team-show .hd .info a:hover {

	color:#004070;

	text-decoration:underline

}

.team-show .bd .title {

	color:#004070;

	font-size:22px;

	font-weight:700;

	margin-bottom:10px

}

.team-show .bd .info-2,.team-show .bd .info-2 p{

	line-height:3.5

}

.team-show .line {

	border-bottom:1px #d2d2d2 solid;

	padding-top:40px;

	margin-bottom:40px

}

.devTeam {

	padding-top:60px;

	padding-bottom:100px

}

.devTeam .container {

	max-width:1280px

}

.devTeam .p-1 {

	font-weight:700;

	color:#004070;

	font-size:22px

}

.news {

	padding-top:80px;

	padding-bottom:80px

}

.news .list li {

	border-bottom:1px #f4f4f4 solid;

	padding-bottom:60px;

	margin-bottom:60px

}

.news .list li:last-child {

	border-bottom:none;

	margin-bottom:0

}

.news .list .box {

	display:-webkit-box;

	display:-ms-flexbox;

	display:flex;

	position:relative

}

.news .list .pic {

	width:344px;

	float:left;

	position:relative

}

.news .list .pic span {

	border-radius:10px;

	display:block;

	overflow:hidden;

	position:relative;

	z-index:1

}

.news .list .pic span:after {

	content:"";

	display:block;

	padding-top:58.19672131%

}

.news .list .pic span img {

	/*width:100%;

	*/

                -webkit-transition:-webkit-transform .5s;

	transition:-webkit-transform .5s;

	transition:transform .5s;

	transition:transform .5s,-webkit-transform .5s

}

.news .list .text {

	-webkit-box-flex:1;

	-ms-flex:1;

	flex:1;

	padding-left:70px;

	float:right

}

.news .list .date {

	font-family:arial;

	margin-bottom:10px;

	position:relative

}

.news .list .date span {

	display:inline-block;

	line-height:24px;

	border-radius:3px;

	background:#e1f2fd;

	padding:0 10px;

	font-size:12px;

	color:#000

}

.news .list .date .iconfont {

	color:#0383d7;

	display:inline-block;

	vertical-align:middle;

	margin-top:-3px;

	margin-right:5px

}

.news .list .title {

	color:#333;

	font-size:20px;

	font-weight:700;

	height:30px;

	line-height:30px;

	overflow:hidden;

	display:-webkit-box;

	-webkit-box-orient:vertical;

	text-overflow:ellipsis;

	-webkit-line-clamp:1;

	margin-bottom:20px

}

.news .list .info {

	color:#666;

	font-size:14px;

	height:48px;

	line-height:24px;

	overflow:hidden;

	display:-webkit-box;

	-webkit-box-orient:vertical;

	text-overflow:ellipsis;

	-webkit-line-clamp:2;

	margin-bottom:20px

}

.news .list .moreBtn a,.news .list .moreBtn span {

	min-width:120px;

	height:30px;

	line-height:30px;

	font-size:12px

}

.news .list .moreBtn .iconfont {

	font-size:18px

}

.news .list .box:hover .pic img {

	-webkit-transform:scale(1.1);

	transform:scale(1.1)

}

.news .list .box:hover .title {

	color:#004070

}

.news .list .box:hover .date:after {

	width:100%

}

.news .list .box:hover .moreBtn a,.news .list .box:hover .moreBtn span {

	background:#0371c4

}

.news .page {

	padding-top:20px

}

.page {

    clear: both;

    text-align: center;

    font-size: 0;

    font-family: arial;

    line-height: 16px;

	width:100%;

}



.page em {

	font-style: normal;

	font-size: 14px;

	line-height: 38px;

	vertical-align: middle

}



.page a, .page span {

	color: #666;

	display: inline-block;

	text-align: center;

	font-size: 12px;

	min-width: 40px;

	line-height: 40px;

	height: 40px;

	border-radius: 40px;

	-webkit-box-shadow: 0 0 0 1px #cdcdcd;

	box-shadow: 0 0 0 1px #cdcdcd;

	margin: 0 5px;

	padding: 0 0;

	vertical-align: middle

}



.page a svg, .page span svg {

	fill: #858585;

	vertical-align: middle;

	margin-top: -3px;

	margin-left: 5px;

	margin-right: 5px

}



.page a.cur, .page span.cur, .page a.active, .page span.active, .page a:hover, .page span:hover {

	-webkit-box-shadow: 0 0 0 1px #fff;

	box-shadow: 0 0 0 1px #fff;

	background-color: #004070;

	color: #fff

}



	.page a.cur svg, .page span.cur svg, .page a.active svg, .page span.active svg, .page a:hover svg, .page span:hover svg {

		fill: #fff

	}



.page a.prev, .page span.prev, .page a.next, .page span.next {

	padding-left: 20px;

	padding-right: 20px

}





.news-show {

	margin:auto;

	color:#333;

	text-align:justify;

	padding:80px 0 80px 0;

	position:relative;

	width:100%;

}

.news-show .container {

	position:relative;

	padding-right:90px;

}

.news-show .share-nr {

	position:relative;

	width:100%;

	box-sizing: border-box;

}

.news-show .view-share {

	text-align:center;

	width:90px;

	float:left;

	margin-top:40px;

	position:absolute;

	top:0;

	left:0

}

.news-show .view-share .view {

	border-bottom:1px #f0f0f0 solid

}

.news-show .view-share .view .icon {

	display:block;

	width:64px;

	height:64px;

	line-height:62px;

	background:#fff;

	border-radius:50%;

	border:1px #f0f0f0 solid;

	margin:auto;

	position:relative

}

.news-show .view-share .view .icon .iconfont {

	color:#555;

	font-size:30px

}

.news-show .view-share .view .num {

	color:#1383ce;

	font-size:24px;

	padding:10px 0

}

.news-show .view-share .share .title {

	color:#999;

	font-size:14px;

	line-height:30px;

	padding:10px 0

}

.news-show .view-share .share a {

	display:block;

	width:48px;

	height:48px;

	line-height:46px;

	background:#fff;

	border-radius:50%;

	border:1px #f0f0f0 solid;

	margin:0 auto 10px auto;

	position:relative

}

.news-show .view-share .share a:last-child {

	margin-bottom:0

}

.news-show .view-share .share a .iconfont {

	color:#999;

	font-size:20px

}

.news-show .view-share .share a:hover {

	border-color:#004070;

	background:#004070

}

.news-show .view-share .share a:hover .iconfont {

	color:#fff

}

.news-show .nr {

	float:left;

	padding:40px 0 40px 150px;

	color:#404040;

	font-size:16px;

	line-height:2.25;

	box-sizing: border-box;

	width:100%;

}

.news-show .nr img{

	width:100%;

}

.news-show .p-1 {

	font-weight:700;

	color:#004070;

	font-size:22px

}

.newsRelated {

	background:#f7f7f7;

	padding-top:80px;

	padding-bottom:80px;
	
	width:100%;

}

.newsRelated .titleBig {

	border-bottom:1px #e3e3e3 solid;

	padding-bottom:40px;

	margin-bottom:40px;

	font-weight:700;

	color:#004070;

	font-size:40px;

	line-height:46px

}

.newsRelated .titleBig span {

	line-height:1;

	position:relative;

	z-index:1

}

.newsRelated .titleBig span:after {

	content:"";

	display:inline-block;

	width:140px;

	height:18px;

	background:#ebebeb;

	position:absolute;

	z-index:-1;

	bottom:-8px;

	left:0

}

.newsRelated .list {

	margin-left:-18px;

	margin-right:-18px

}

.newsRelated .list li {

	width:25%;

	float:left;

	padding-left:18px;

	padding-right:18px;

	box-sizing: border-box;

}

.newsRelated .list .box {

	position:relative

}

.newsRelated .list .pic {

	position:relative

}

.newsRelated .list .pic span {

	border-radius:10px;

	display:block;

	overflow:hidden;

	position:relative;

	z-index:1

}

.newsRelated .list .pic span:after {

	content:"";

	display:block;

	padding-top:58.19672131%

}

.newsRelated .list .pic span img {

	/*width:100%;

	*/

                    -webkit-transition:-webkit-transform .5s;

	transition:-webkit-transform .5s;

	transition:transform .5s;

	transition:transform .5s,-webkit-transform .5s

}

.newsRelated .list .text {

	padding:20px 0 0 0

}

.newsRelated .list .date {

	font-family:arial;

	margin-bottom:10px;

	position:relative

}

.newsRelated .list .date span {

	display:inline-block;

	line-height:22px;

	border:1px #fff solid;

	border-radius:3px;

	background:#e1f2fd;

	padding:0 10px;

	font-size:12px;

	color:#000

}

.newsRelated .list .date .iconfont {

	color:#0383d7;

	display:inline-block;

	vertical-align:middle;

	margin-top:-3px;

	margin-right:5px

}

.newsRelated .list .title {

	color:#333;

	font-size:20px;

	font-weight:700;

	height:30px;

	line-height:30px;

	overflow:hidden;

	display:-webkit-box;

	-webkit-box-orient:vertical;

	text-overflow:ellipsis;

	-webkit-line-clamp:1;

	margin-bottom:20px

}

.newsRelated .list .info {

	color:#666;

	font-size:14px;

	height:48px;

	line-height:24px;

	overflow:hidden;

	display:-webkit-box;

	-webkit-box-orient:vertical;

	text-overflow:ellipsis;

	-webkit-line-clamp:2;

	margin-bottom:30px

}

.newsRelated .list .moreBtn a,.newsRelated .list .moreBtn span {

	min-width:120px;

	height:30px;

	line-height:30px;

	font-size:12px

}

.newsRelated .list .moreBtn .iconfont {

	font-size:18px

}

.newsRelated .list .box:hover .pic img {

	-webkit-transform:scale(1.1);

	transform:scale(1.1)

}

.newsRelated .list .box:hover .title {

	color:#004070

}

.newsRelated .list .box:hover .date:after {

	width:100%

}

.newsRelated .list .box:hover .moreBtn a,.newsRelated .list .box:hover .moreBtn span {

	background:#0371c4

}

.community {

	padding-top:80px;

	padding-bottom:80px;

	background:#f8f9ff;

	width:100%;

}

.community .title-date-btn {

	padding-bottom:50px;

	border-bottom:1px #9a9a9a solid;

	overflow:hidden;

	position:relative

}

.community .title-date-btn:after {

	content:"";

	display:block;

	width:100%;

	height:3px;

	background:#9a9a9a;

	position:absolute;

	bottom:7px;

	left:0

}

.community .title-date-btn .btn {

	display:inline-block;

	min-width:140px;

	height:46px;

	line-height:46px;

	background:#004070;

	color:#fff;

	padding:0 10px;

	text-align:center;

	font-size:14px;

	float:right

}

.community .title-date-btn .btn .iconfont {

	vertical-align:middle;

	margin-top:-3px;

	margin-right:10px;

	font-size:20px

}

.community .title-date-btn .btn:hover {

	background:#0371c4

}

.community .titleBig {

	font-weight:700;

	color:#004070;

	font-size:40px;

	float:left;

	line-height:46px

}

.community .titleBig span {

	line-height:1;

	position:relative;

	z-index:1

}

.community .titleBig span:after {

	content:"";

	display:inline-block;

	width:140px;

	height:18px;

	background:#ebebeb;

	position:absolute;

	z-index:-1;

	bottom:-8px;

	left:0

}

.community .right {

	float:right

}

.community .dateChoice {

	width:300px;

	float:left;

	margin-right:10px;

	position:relative

}

.community .dateChoice:after {

	content:"";

	width:10px;

	height:10px;

	border-right:1px #949494 solid;

	border-bottom:1px #949494 solid;

	position:absolute;

	right:12px;

	top:15px;

	pointer-events:none

}

.community .dateChoice:after {

	-webkit-transform:rotate(45deg);

	transform:rotate(45deg);

	top:auto;

	bottom:18px

}

.community .dateChoice .input-form {

	width:100%;

	height:46px;

	line-height:44px;

	padding:0 28px 0 15px;

	background-image:none;

	background-color:#fff;

	-webkit-appearance:none;

	-moz-appearance:none;

	appearance:none;

	border:1px #e1e1e1 solid;

	cursor:pointer;

	font-size:14px;

	vertical-align:top;

	color:#858585

}

.community .dateChoice .input-form:focus {

	border-color:#004070

}

.community .shm {

	color:#333;

	font-size:16px;

	padding:40px 0

}

.community .nr {

	background:#fff;

	padding:20px 50px 20px 50px;

	width:100%;

	box-sizing: border-box;
	
	font-size:16px;

}

.community .nr p{
	
	font-size:16px;
	
	line-height:26px;
	
}

.community .listCommunity{

	width:100%;

	box-sizing: border-box;

}

.community .listCommunity li {

	border-bottom:1px #e1e1e1 dashed;

	padding-bottom:30px;

	margin-bottom:30px;

	width:100%;

	box-sizing: border-box;

}

.community .listCommunity .box {

	display:block

}

.community .listCommunity .name-date-like {

	overflow:hidden;

	line-height:30px;

	font-size:14px;

	padding-bottom:20px;

	color:#666

}

.community .listCommunity .name {

	color:#0371c4;

	float:left;

	font-size:16px

}

.community .listCommunity .date {

	float:right;

	margin-right:30px

}

.community .listCommunity .like {

	cursor:pointer;

	float:right

}

.community .listCommunity .like:before {

	content:"\e753";

	font-family:"iconfont" !important;

	font-size:16px;

	font-style:normal;

	-webkit-font-smoothing:antialiased;

	-moz-osx-font-smoothing:grayscale;

	font-size:22px;

	line-height:30px;

	float:left;

	margin-right:5px

}

.community .listCommunity .like:hover {

	color:#004070

}

.community .listCommunity .like:hover:before {

	content:"\e780"

}

.community .listCommunity .like.visited {

	cursor:auto;

	color:#004070

}

.community .listCommunity .like.visited:before {

	content:"\e780"

}

.community .listCommunity .title {

	font-size:16px

}

.community .listCommunity .tag {

	display:inline-block;

	background:#4ca9a3;

	color:#fff;

	line-height:24px;

	min-width:24px;

	padding:0 5px;

	font-size:14px;

	margin-right:10px

}

.community .listCommunity .tag-2 {

	background:#4784a3

}

.community .page {

	padding-top:50px

}

.select-form {

	position:relative

}

.select-form:after {

	content:"";

	width:10px;

	height:10px;

	border-right:1px #949494 solid;

	border-bottom:1px #949494 solid;

	position:absolute;

	right:12px;

	top:15px;

	pointer-events:none

}

.select-form:after {

	-webkit-transform:rotate(45deg);

	transform:rotate(45deg);

	top:auto;

	bottom:18px

}

.select-form select {

	width:100%;

	height:46px;

	line-height:44px;

	padding:0 28px 0 15px;

	background-image:none;

	background-color:#fff;

	-webkit-appearance:none;

	-moz-appearance:none;

	appearance:none;

	border:1px #e1e1e1 solid;

	cursor:pointer;

	font-size:14px;

	vertical-align:top;

	color:#666

}

.select-form option {

	background-color:#fff

}

.subscribe {

	background:#0e224b;

	color:#fff;

	text-align:center;

	padding:80px 0;

	position:relative;

	z-index:1

}

.subscribe .waves {

	position:absolute;

	left:0;

	top:0;

	right:0;

	bottom:0;

	z-index:-1

}

.subscribe .text {

	margin-bottom:35px

}

.subscribe .title {

	font-weight:700;

	font-size:40px

}

.subscribe .info {

	font-size:16px

}

.subscribe .form {

	max-width:680px;

	margin-left:auto;

	margin-right:auto;

	position:relative

}

.subscribe input {

	background:#fff;

	line-height:50px;

	width:100%;

	font-size:16px;

	padding:0 135px 0 25px

}

.subscribe input:focus {

	color:#333

}

.subscribe .btn {

	display:block;

	line-height:50px;

	text-align:center;

	background:#0371c4;

	color:#fff;

	width:100px;

	position:absolute;

	top:0;

	right:0

}

.subscribe .btn:hover {

	background:#004070

}

.subscribe .btn .iconfont {

	font-size:30px;

	line-height:50px;

	height:50px;

	display:inline-block;

	vertical-align:top

}

.message {

	padding-top:40px

}

.message .titleBig {

	font-weight:700;

	color:#333;

	font-size:20px;

	line-height:30px;

	margin-bottom:20px

}

.message .titleBig .iconfont {

	color:#004070;

	font-weight:400;

	font-size:26px;

	margin-right:10px;

	vertical-align:top;

	display:inline-block

}

.message .titleBig .tips {

	font-size:14px;

	color:#999;

	font-weight:400;

	margin-left:20px

}

.message .touxiang {

	width:60px;

	height:60px;

	border-radius:50%;

	overflow:hidden

}

.message .noSignIn {

	border:1px #bec6d2 solid;

	background:#f5f7fa;

	width:100%;

	height:150px;

	text-align:center;

	display:-webkit-box;

	display:-ms-flexbox;

	display:flex;

	-webkit-box-align:center;

	-ms-flex-align:center;

	align-items:center;

	-webkit-box-pack:center;

	-ms-flex-pack:center;

	justify-content:center;

	padding:20px

}

.message .noSignIn .a-1 {

	font-size:18px;

	font-weight:700;

	color:#0371c4;

	margin-right:10px

}

.message .noSignIn .a-1:hover {

	text-decoration:underline

}

.message .textarea-form {

	border:1px #bec6d2 solid;

	background:#f5f7fa;

	width:100%;

	height:150px;

	padding:20px

}

.message .btn {

	text-align:right;

	padding-top:30px

}

.message .btn .submit {

	background:#004070;

	color:#fff;

	display:inline-block;

	min-width:140px;

	height:44px;

	line-height:44px;

	text-align:center

}

.message .btn .submit:hover {

	background:#0371c4

}

.messageAll {

	padding-top:30px

}

.messageAll .titleBig {

	color:#333;

	font-size:18px;

	border-bottom:1px #eff0f0 solid;

	padding-bottom:5px;

	margin-bottom:30px

}

.messageAll .list li {

	clear:both;

	border-bottom:1px #eff0f0 solid;

	padding-bottom:20px;

	margin-bottom:20px

}

.messageAll .list .box {

	display:block

}

.messageAll .list .name {

	height:26px;

	color:#999;

	font-size:16px;

	padding-left:35px;

	position:relative;

	margin-bottom:10px

}

.messageAll .list .touxiang {

	display:block;

	width:26px;

	height:26px;

	border-radius:50%;

	overflow:hidden;

	position:absolute;

	left:0;

	top:0

}

.messageAll .list .date {

	float:right

}

.messageAll .list .info {

	padding-left:35px

}

.messageAll .list .hf {

	padding-top:15px;

	padding-left:35px

}

.messageAll .page {

	padding-top:60px

}

.messagePopup {

	display:none

}

.messagePopup .transparent {

	background:rgba(0,0,0,0.57);

	width:100%;

	height:100%;

	position:fixed;

	z-index:999;

	top:0;

	left:0

}

.messagePopup.show {

	display:block

}

.messagePopup.show .transparent {

	display:block

}

.messagePopup .con {

	width:510px;

	padding:30px 0;

	margin:auto;

	background:#fff;

	position:fixed;

	z-index:999;

	top:50%;

	left:50%;

	-webkit-transform:translate(-50%,-50%);

	transform:translate(-50%,-50%);

	-webkit-transition:all .5s;

	transition:all .5s

}

.messagePopup .tilteBig {

	color:#333;

	font-size:30px;

	line-height:40px;

	padding:0 0 20px 0;

	text-align:center;

	position:relative

}

.messagePopup .closeBtn {

	width:40px;

	height:40px;

	text-align:center;

	line-height:40px;

	color:#666;

	position:absolute;

	z-index:9;

	right:20px;

	top:10px;

	cursor:pointer

}

.messagePopup .closeBtn:before,.messagePopup .closeBtn:after {

	content:"";

	display:block;

	background:#ccc;

	margin:auto;

	position:absolute;

	top:0;

	right:0;

	bottom:0;

	left:0;

	-webkit-transform:rotate(45deg);

	transform:rotate(45deg)

}

.messagePopup .closeBtn:before {

	width:19px;

	height:1px

}

.messagePopup .closeBtn:after {

	width:1px;

	height:19px

}

.messagePopup .closeBtn:hover:before,.messagePopup .closeBtn:hover:after {

	background:#f00

}

.messagePopup .nr {

	padding:0 30px

}

.messagePopup .textarea-form {

	width:100%;

	border:1px #e1e1e1 solid;

	height:260px;

	padding:10px 15px;

	vertical-align:top;

	line-height:2

}

.messagePopup .list li {

	padding-bottom:20px

}

.messagePopup .list li:last-child {

	padding-bottom:0

}

.messagePopup .list .submit {

	width:100%;

	border:none;

	-webkit-appearance:none;

	-moz-appearance:none;

	appearance:none;

	text-align:center;

	display:block;

	background:#004070;

	color:#fff;

	font-size:16px;

	line-height:56px

}

.messagePopup .list .submit:hover {

	background:#0371c4

}

.loginPopup {

	display:none

}

.loginPopup .transparent {

	background:rgba(0,0,0,0.57);

	width:100%;

	height:100%;

	position:fixed;

	z-index:999;

	top:0;

	left:0

}

.loginPopup.show {

	display:block

}

.loginPopup.show .transparent {

	display:block

}

.loginPopup .con {

	width:460px;

	padding:30px 0;

	margin:auto;

	background:#fff;

	position:fixed;

	z-index:999;

	top:50%;

	left:50%;

	-webkit-transform:translate(-50%,-50%);

	transform:translate(-50%,-50%);

	-webkit-transition:all .5s;

	transition:all .5s

}

.loginPopup .tilteBig {

	color:#333;

	font-size:30px;

	line-height:40px;

	padding:0 0 20px 0;

	text-align:center;

	position:relative

}

.loginPopup .closeBtn {

	width:40px;

	height:40px;

	text-align:center;

	line-height:40px;

	color:#666;

	position:absolute;

	z-index:9;

	right:20px;

	top:10px;

	cursor:pointer

}

.loginPopup .closeBtn:before,.loginPopup .closeBtn:after {

	content:"";

	display:block;

	background:#ccc;

	margin:auto;

	position:absolute;

	top:0;

	right:0;

	bottom:0;

	left:0;

	-webkit-transform:rotate(45deg);

	transform:rotate(45deg)

}

.loginPopup .closeBtn:before {

	width:19px;

	height:1px

}

.loginPopup .closeBtn:after {

	width:1px;

	height:19px

}

.loginPopup .closeBtn:hover:before,.loginPopup .closeBtn:hover:after {

	background:#f00

}

.loginPopup .nr {

	padding:0 30px

}

.loginPopup .textarea-form {

	width:100%;

	border:1px #e1e1e1 solid;

	height:260px;

	padding:10px 15px;

	vertical-align:top;

	line-height:2

}

.loginPopup .input-form {

	width:100%;

	border:1px #e1e1e1 solid;

	height:56px;

	padding:10px 15px;

	vertical-align:top;

	line-height:54px;

	font-size:16px

}

.loginPopup .input-form:focus {

	border-color:#004070

}

.loginPopup .list li {

	padding-bottom:20px

}

.loginPopup .list li:last-child {

	padding-bottom:0

}

.loginPopup .list .submit {

	width:100%;

	border:none;

	-webkit-appearance:none;

	-moz-appearance:none;

	appearance:none;

	text-align:center;

	display:block;

	background:#004070;

	color:#fff;

	font-size:16px;

	line-height:56px

}

.loginPopup .list .submit:hover {

	background:#0371c4

}

.loginPopup .list .a-1 {

	margin-right:10px

}

.loginPopup .list .a-1,.loginPopup .list .a-2 {

	color:#0371c4;

	font-size:14px

}

.loginPopup .list .a-1:hover,.loginPopup .list .a-2:hover {

	text-decoration:underline

}

.loginPopup .list .a-2 {

	float:right

}

.forgot {

	padding:40px 0 100px 0

}

.forgot .con {

	width:480px;

	background:#fff;

	margin:auto;

	border-radius:10px;

	padding:50px 40px

}

.forgot .con ul,.forgot .con ul li{

	width:100%;

	box-sizing: border-box;

}

.login,.register {

	padding-top:75px;

	box-sizing: border-box;

}

.login .wrap,.register .wrap {

	width:52%;

	padding-top:100px

}

.login .container,.register .container {

	background-color:#fff;

	background-repeat:no-repeat;

	background-size:cover;

	-webkit-box-shadow:0 0 13px 0 #eee;

	box-shadow:0 0 13px 0 #eee;

	min-height:935px;

	padding:40px 0

}

.login .con,.register .con {

	width:460px;

	margin:auto;

	background:#fff

}

.login .logo,.register .logo {

	padding-left:30px

}

.login .nr,.register .nr {

	padding:0 30px

}

.login .nr ul,.login .nr ul li{

	width:100%;

}

.login .tilteBig,.register .tilteBig,.forgot .tilteBig {

	color:#333;

	font-size:30px;

	line-height:40px;

	padding:0 0 20px 0;

	text-align:center;

	position:relative

}

.login .textarea-form,.register .textarea-form,.forgot .textarea-form {

	width:100%;

	border:1px #e1e1e1 solid;

	height:260px;

	padding:10px 15px;

	vertical-align:top;

	line-height:2

}

.login .input-form,.register .input-form,.forgot .input-form {

	width:100%;

	border:1px #e1e1e1 solid;

	height:56px;

	padding:10px 15px;

	vertical-align:top;

	line-height:54px;

	font-size:16px;

	box-sizing: border-box;

}

.login .input-form:focus,.register .input-form:focus,.forgot .input-form:focus {

	border-color:#004070

}

.login .list li,.register .list li,.forgot .list li {

	padding-bottom:20px

}

.login .list li:last-child,.register .list li:last-child,.forgot .list li:last-child {

	padding-bottom:0

}

.login .list .submit,.register .list .submit,.forgot .list .submit {

	width:100%;

	border:none;

	-webkit-appearance:none;

	-moz-appearance:none;

	appearance:none;

	text-align:center;

	display:block;

	background:#004070;

	color:#fff;

	font-size:16px;

	line-height:56px

}

.login .list .submit:hover,.register .list .submit:hover,.forgot .list .submit:hover {

	background:#0371c4

}

.login .list .a-1,.register .list .a-1,.forgot .list .a-1 {

	margin-right:10px

}

.login .list .a-1,.register .list .a-1,.forgot .list .a-1,.login .list .a-2,.register .list .a-2,.forgot .list .a-2 {

	color:#0371c4;

	font-size:14px

}

.login .list .a-1:hover,.register .list .a-1:hover,.forgot .list .a-1:hover,.login .list .a-2:hover,.register .list .a-2:hover,.forgot .list .a-2:hover {

	text-decoration:underline

}

.login .list .a-2,.register .list .a-2,.forgot .list .a-2 {

	float:right

}

.login .list .a-3,.register .list .a-3,.forgot .list .a-3 {

	color:#0371c4;

	font-size:14px

}

.login .list .a-3:hover,.register .list .a-3:hover,.forgot .list .a-3:hover {

	text-decoration:underline

}

.login .list .getCode .box,.register .list .getCode .box,.forgot .list .getCode .box {

	position:relative

}

.login .list .getCode .input-form,.register .list .getCode .input-form,.forgot .list .getCode .input-form {

	padding-right:130px

}

.login .list .getCodeBtn,.register .list .getCodeBtn,.forgot .list .getCodeBtn {

	width:105px;

	height:56px;

	line-height:56px;

	background:#dceafb;

	text-align:center;

	color:#004070;

	position:absolute;

	top:0;

	right:0

}

.login .list .getCodeBtn:hover,.register .list .getCodeBtn:hover,.forgot .list .getCodeBtn:hover {

	background:#0371c4;

	color:#fff

}

.login .list .agreemen,.register .list .agreemen,.forgot .list .agreemen {

	font-size:14px

}

.login .list .other,.register .list .other,.forgot .list .other {

	color:#666;

	font-size:14px

}

.login .verify,.register .verify,.forgot .verify {

	height:50px;

	background-color:#e5e5e5;

	position:relative;

	box-sizing: border-box;

}

.login .verify .drag-btn,.register .verify .drag-btn,.forgot .verify .drag-btn {

	position:absolute;

	left:0;

	top:0;

	width:50px;

	height:50px;

	border:1px #e5e5e5 solid;

	background:#fff url(../images/page/drag-arrow.svg) no-repeat center center;

	background-size:20px 20px;

	z-index:2;

	cursor:move

}

.login .verify .suc-drag-btn,.register .verify .suc-drag-btn,.forgot .verify .suc-drag-btn {

	background:#fff url(../images/page/drag-success.svg) no-repeat center center;

	background-size:20px 20px

}

.login .verify .drag-progress,.register .verify .drag-progress,.forgot .verify .drag-progress {

	position:absolute;

	left:0;

	top:0;

	height:50px;

	line-height:48px;

	width:0;

	background-color:#7ac23c;

	color:#fff;

	font-size:16px;

	text-align:center

}

.login .verify .fix-tips,.register .verify .fix-tips,.forgot .verify .fix-tips,.login .verify .verify-msg,.register .verify .verify-msg,.forgot .verify .verify-msg {

	width:100%;

	position:absolute;

	right:0;

	left:0;

	height:100%;

	color:#333;

	z-index:1;

	line-height:50px;

	padding-left:50px;

	text-align:center;

	box-sizing: border-box;

}

.login .verify .verify-msg,.register .verify .verify-msg,.forgot .verify .verify-msg {

	padding-left:0;

	padding-right:50px

}

.login .verify .verify-msg,.register .verify .verify-msg,.forgot .verify .verify-msg {

	background-color:#7ac23c;

	color:#fff;

	display:none

}

.login .verifyDiv,.register .verifyDiv,.forgot .verifyDiv {

	width:100%;

	vertical-align:middle;

	box-sizing: border-box;

}

.register .wrap {

	padding-top:10px

}

.account {

	background:#f7f9fa;

	padding:40px 0;

	font-size:14px;

	width:100%;

}

.account .bread {

	padding-bottom:30px;

	width:100%;

}

.account .sidebarBtnM {

	display:none;

	height:40px;

	line-height:40px;

	margin-bottom:40px

}

.account .sidebarBtnM .txt {

	float:left

}

.account .sidebarBtnM .iconfont {

	font-size:40px;

	float:left

}

.account .leftAside {

	background:#fff;

	min-height:500px;

	width:20%;

	float:left

}

.account .leftAside .titleBig {

	color:#333;

	font-size:16px;

	line-height:30px;

	padding:20px 15px;

	border-bottom:1px #f3f3f3 solid

}

.account .leftAside .list,.account .leftAside .list li{

	width:100%;

}

.account .leftAside .list .box {

	display:block;

	line-height:24px;

	padding:15px 15px;

	font-size:16px;

	border-left:2px #fff solid

}

.account .leftAside .list .box:hover {

	border-left-color:#004070;

	background:#f3f3f3

}

.account .leftAside .list .box:hover .iconfont {

	color:#004070

}

.account .leftAside .list .active .box {

	border-left-color:#004070;

	background:#f3f3f3;

	font-weight:700;

	color:#004070

}

.account .leftAside .list .active .iconfont {

	color:#004070

}

.account .leftAside .list .iconfont {

	font-size:20px;

	margin-right:10px;

	position:relative;

	top:2px

}

.account .leftAside .list .icon-pinglun {

	font-size:19px

}

.account .conRight {

	width:80%;

	float:left;

	padding-left:30px;

	box-sizing: border-box;

}

.account .conRight .con {

	background:#fff;

	min-height:500px;

	padding:0 30px 30px 30px

}

.account .conRight .nr {

	padding-top:30px;

	padding-bottom:30px

}

.account .conRight .titleBig {

	border-bottom:1px #f3f3f3 solid;

	font-size:25px;

	color:#333;

	padding:10px 0 10px 0

}

.account .input-form {

	border:1px #dedede solid;

	line-height:34px;

	height:36px;

	padding:0 15px;

	vertical-align:top

}

.account .input-form:focus {

	border-color:#004070

}

.account .btn-form {

	background:#004070;

	color:#fff;

	min-width:100px;

	line-height:36px;

	text-align:center;

	padding:0 10px;

	border:none;

	font-size:14px;

	-webkit-appearance:none;

	-moz-appearance:none;

	appearance:none

}

.account .btn-form:hover {

	background:#0371c4

}

.settings .list,.account-password .list {

	margin-left:-15px;

	margin-right:-15px;

	padding-bottom:50px;

	margin-bottom:50px;

	position:relative;

	width:100%;

}

.settings .list:last-child,.account-password .list:last-child {

	padding-bottom:0;

	margin-bottom:0

}

.settings .list:last-child:before,.account-password .list:last-child:before {

	display:none

}

.settings .list li,.account-password .list li {

	padding:0 15px;

	margin-bottom:30px

}

.settings .list li:last-child,.account-password .list li:last-child {

	margin-bottom:0

}

.settings .list .box,.account-password .list .box {

	display:-webkit-box;

	display:-ms-flexbox;

	display:flex

}

.settings .list .title,.account-password .list .title {

	width:100px;

	text-align:right;

	line-height:36px;

	font-size:18px

}

.settings .list .info,.account-password .list .info {

	-webkit-box-flex:1;

	-ms-flex:1;

	flex:1;

	line-height:36px;

	position:relative

}

.settings .list .btn,.account-password .list .btn {

	clear:both

}

.settings .list .left,.account-password .list .left {

	width:40%;

	float:left

}

.settings .input-form,.account-password .input-form {

	width:100%

}

.settings .xgtx,.account-password .xgtx {

	width:50%;

	float:right;

	margin-bottom:0 !important

}

.settings .xgtx .fileBox,.account-password .xgtx .fileBox {

	float:left;

	margin-right:30px;

	position:relative;

	text-align:center

}

.settings .xgtx .fileBox label,.account-password .xgtx .fileBox label {

	font-size:14px;

	background:#f7f7f7;

	display:inline-block;

	min-width:70px;

	line-height:32px;

	text-align:center;

	padding:0 10px;

	cursor:pointer

}

.settings .xgtx .fileBox label:hover,.account-password .xgtx .fileBox label:hover {

	background:#004070;

	color:#fff

}

.settings .xgtx .fileBox img,.account-password .xgtx .fileBox img {

	vertical-align:top

}

.settings .xgtx .file-form,.account-password .xgtx .file-form {

	width:202px;

	height:202px;

	overflow:hidden;

	border:1px #d5d5d4 solid;

	cursor:pointer;

	margin-bottom:30px;

	position:relative;

	box-sizing: border-box;

}

.settings .xgtx .file-form input[type="file"],.account-password .xgtx .file-form input[type="file"] {

	width:100%;

	height:100%;

	opacity:0;

	cursor:pointer;

	position:absolute;

	z-index:9;

	top:0;

	left:0

}

.settings .xgtx .file-pic,.account-password .xgtx .file-pic {

	width:200px;

	height:200px;

	position:absolute;

	z-index:1;

	top:1px;

	left:1px

}

.settings .xgtx .tips,.account-password .xgtx .tips {

	color:#999;

	padding-top:70px

}

.account-password .list {

	max-width:500px

}

.account-password .list .input-form {

	padding-right:56px;

	box-sizing: border-box;

}

.account-password .list .eyeBtn {

	width:36px;

	height:36px;

	text-align:center;

	cursor:pointer;

	position:absolute;

	top:0;

	right:0

}

.account-password .list .eyeBtn:before {

	content:"\eb45";

	font-family:"iconfont" !important;

	font-size:16px;

	font-style:normal;

	-webkit-font-smoothing:antialiased;

	-moz-osx-font-smoothing:grayscale;

	font-size:18px

}

.account-password .list .eyeBtn.show:before {

	content:"\eb46"

}

.account-comment .list li {

	padding-bottom:30px

}

.account-comment .list li:last-child {

	padding-bottom:0

}

.account-comment .list .box {

	background:#f7f8f9;

	padding:30px 30px

}

.account-comment .list .title-date {

	overflow:hidden;

	line-height:30px;

	font-size:14px;

	padding-bottom:10px;

	color:#666;

	border-bottom:1px #e6e7e7 solid

}

.account-comment .list .title {

	color:#333;

	float:left;

	font-size:18px;

	font-weight:700

}

.account-comment .list .date {

	float:right;

	margin-right:30px

}

.account-comment .list .info {

	padding:20px 0 0 0;

	color:#666

}

.account-comment .page {

	padding-top:60px

}