/*初始化类*/


/*@font-face {*/
/*  font-family: siyuan;*/
/*  src: url("//www.tunkia.com/fonts/SourceHanSansCN-Regular-2.otf");*/
/*}*/

/*@font-face {*/
/*  font-family: siyuanbold;*/
/*  src: url("//www.tunkia.com/fonts/SourceHanSerifCN-Bold-2.otf");*/
/*}*/
/*@font-face {*/
/*  font-family: siyuanlight;*/
/*  src: url("//www.tunkia.com/fonts/SourceHanSansCN-Light-2.otf");*/
/*}*/

html {
	font-size: 100px;
	font-family: 'siyuan';
}


/*@font-face {*/
/*	font-family: 'SourceHanSans-Bold';*/
/*	src: url('/assets/pc/thck/font/SourceHanSans-Light.otf');*/
/*}*/
html,
body {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background: #fff;
	-webkit-font-smoothing: antialiased !important;
}




body,
h1,
h2,
h3,
h4,
h5,
h6 {
	/*font-family: "Microsoft YaHei", sans-serif !important;*/
	/*font-family: "Helvetica Neue",*/
	/*	Helvetica,*/
	/*	Arial,*/
	/*	sans-serif;*/
	-webkit-font-smoothing: antialiased !important;
	font-family: Microsoft YaHei;
}

html,
body,
header,
section,
footer,
div,
ul,
ol,
li,
img,
a,
span,
em,
del,
legend,
center,
strong,
var,
fieldset,
form,
label,
dl,
dt,
dd,
cite,
input,
hr,
time,
mark,
code,
figcaption,
figure,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	border: 0;
	padding: 0;
	font-style: normal;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* -webkit-user-select: none; */
	-webkit-tap-highlight-color: transparent;
	outline: none;
	font-size: 0.15rem;
	
}

strong{
    font-size: inherit;
}

ul,
li {
	list-style: none;
}

a {
	color: #0062cc;
	text-decoration: none;
	background-color: transparent;
 /*	display: block;  */
	cursor: pointer;
}


textarea {
	overflow: hidden;
	resize: none;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
input,
select,
textarea {
	font: inherit;
	color: inherit;
}

img {
	vertical-align: middle;
	border: 0;
	max-width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

/*自动隐藏文字*/
.ellipsis-1 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ellipsis {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.ellipsis-4 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}


.ellipsis-5 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

/* // 清除浮动 */
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.w1200 {
	width: 12rem;
}

.w1400 {
	width: 14rem;
	margin: 0 auto;
}

.flex {
	display: flex;
}

.flex-sb {
	display: flex;
	justify-content: space-between;
}

/* 分页 */
.page-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0 .7rem;
}

.page-prev,
.page-next{
	width: 0.77rem;
	height: 0.42rem;
	border: 1px solid #C2C2C2;
	display: flex !important;
	justify-content: center;
	align-items: center;
	font-size: 0.16rem !important;
	color: #6E6E6E !important;
	margin-left: .16rem;
}

.page-prev img {
	width: 100%;
	height: 100%;
}

.nopage {
	cursor: no-drop;
}

.page-wrap .page-skip-p {
	font-size: 0.14rem;
	color: #7D7D7D;
}

.page {
	width: .32rem;
	height: .32rem;
	display: flex !important;
	align-items: center;
	justify-content: center;
	border: 1px #dedede solid;
	background: #fff;
	border-radius: 0.02rem;
	margin-right: .08rem;

	font-size: 0.14rem !important;
	color: #7D7D7D;
}
.page-wrap .page:nth-last-of-type(1),
.page-wrap .page:nth-of-type(1){
	border: none;
}
.page-wrap .page:nth-of-type(1){
	margin-left: .23rem;
}
.dot {
	display: block;
	font-size: 0.14rem;
	color: #7D7D7D;
	margin-right: .08rem;
}

.page-wrap .active {
	color: #FFFFFF;
	background-color: #02928E;
	border: 1px #02928E solid;
}

.page-skip {
	display: flex;
	align-items: center;
}

.page-skip-num {
	display: flex;
	align-items: center;
	width: 0.6rem;
	height: .32rem;
	border: 1px #dedede solid;
	border-radius: 0.02rem;
	margin: 0 .08rem;
	padding: 0 .08rem;
}

.page-skip-num img {
	width: 0.16rem;
	height: 0.16rem;
}

.page-skip-input {
	width: calc(100% - 0.16rem);
	text-align: center;
}

.page-btn {
	width: 0.72rem;
	height: 0.32rem;
	background: #02928E;
	opacity: 1;
	border-radius: 0.02rem;
	font-size: 0.14rem;
	color: #FFFFFF;
	text-align: center;
	line-height: 0.32rem;
	margin-left: .2rem;
}


.public_nav{
	margin: 0 auto;
	padding-top: .25rem;
	display: flex;
	align-items: center;
}
.public_nav a{
	font-size: 0.16rem;
	color: #666666;
}
.public_nav img{
	width: 0.09rem;
	display: block;
	margin: 0 .11rem;
}

.pub_tit{
	width: 100%;
	margin-top: .5rem;
	padding-bottom: .29rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.pub_tit span{
	font-size: 0.36rem;
	color: #333333;
}
.pub_tit::after{
	content: '';
	width: 0.72rem;
	height: 0.02rem;
	background: #00A19C;
	position: absolute;
	bottom: 0;
	left: 0;
}
.pub_tit .rig{
	position: relative;
}
.pub_tit  .rig input{
	width: 2.8rem;
	height: 0.36rem;
	line-height: .36rem;
	border: 1px solid #EEEEEE;
	padding: 0 .38rem 0 .21rem;
	font-size: 0.16rem;
	color: #959595;
}
.pub_tit .rig img{
	width: 0.17rem;
	height: 0.17rem;
	position: absolute;
	right: .21rem;
	top: .1rem;
}

.result{
	font-size: 0.18rem;
	color: #333333;
	margin-top: .3rem;
}
.result b{
	font-size: 0.18rem;
	color: #00A19C;
	font-weight: 400;
}
/*图片放大*/
.tran_scale {
    overflow: hidden;
    display: block;
}

/*img{transition: All 0.7s ease-in-out;}*/
.tran_scale img {
    -webkit-transition: opacity .4s ease-in, -webkit-transform .6s linear;
    transition: opacity .4s ease-in, transform .6s linear;
}

.tran_scale:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}


@media only screen and (max-width: 1024px) {
    * {
        font-size: 12px;
    }
	.w1200 {
		width: auto;
	}
    
    body {
        padding-top: 50px;
    }
    
    body.lock {
        overflow: hidden;
    }
    
    
    .public_nav {
        display: none;
    }
    
    
    
    /*分页*/
    .page-wrap .page-skip-p {
        display: none;
    }
    .page-skip {
        display: none;
    }
    
    .page-wrap .page {
      width: 25px;        
      height: 25px;        
      font-size: 12px !important;
    }
}











