@import url("style.css");

/* CSS Document */

html, body {

    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;

    color: #000;

    font-size: 14px;

}

html{

    background: #F4F4F4;

    

}

body{

    max-width: 720px;

    margin:0 auto;

/*    overflow-x: hidden;*/

}



* {

    padding: 0;

    border: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box; 

}



ol, ul {

    list-style: none;

}



h1, h2, h3, h4, h5, h6 {

    font-size: 100%;

}



a:link {

    text-decoration: none;

}



.biaoyu{background:#fff;font-size:1.1rem;}

.biaoyu .by1{color:#f00;font-weight:bold}

.biaoyu .by2{color:#e6bc04;text-align: left;}

.biaoyu .by3{color:#03f;text-align: left;}

.biaoyu .by4{color:#909;text-align: left;}



a:visited {

    text-decoration: none;

}



a:hover {

    text-decoration: underline;

    color: #FF0000;

}



a:active {

    text-decoration: none;

}



a:focus {

    outline: none;

}



a.hidefocus {

    outline: none

}







input[type=text], input[type=button], input[type=submit] {

    -webkit-appearance: none;

    outline: none;

}









button {

    border: 0;

    outline: none;

    cursor: pointer;

}

input{outline:none}



.clearfix:before, .clearfix:after {

    content: "";

    display: table;

}

.clearfix:after {

    clear: both;

}

table{

    table-layout: fixed;

    width: 100%;

}

.grid2 {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	grid-gap: 5px;

	margin: 0 auto; /*   ????  ????    ???*/

	text-align: center;

	background-color:#f7f2f2;

	padding: 10px 0px;

}



.grid-g2{

	height: 250px;

	overflow: hidden;

	position: relative;

	padding: 0px 10px 30px 10px;

}



.grid-g2 p{

	color: #000;

	font-size: 18px;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	background-color: rgba(247, 241, 241, 0.7);

	margin: 0;

	padding: 5px;

	box-sizing: border-box;

}



.grid2 img {

	width: 100%;

	height: 100%;

	object-fit: fill;

	box-shadow: 1px 1px 5px rgb(65, 63, 63);

}



.grid2 img.active2 {

	position: fixed;

   top:50%;

	left: 50%;

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

	z-index: 9999;

	width: auto;

	height: auto;

	max-width: 90%;

	max-height: 90%;

}

.overlay2 {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.5);

	z-index: 9998;

	display: none; 

  }



  .grid{

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	grid-gap: 5px;

	margin: 0 auto; /* ?  ?a???? 먦???  ???3???*/

	text-align: center;

	background-color:#f7f2f2;

	padding: 8px 0px;

}



.grid-g{

	height: 250px;

	overflow: hidden;

	position: relative;

	padding: 0px 10px 30px 10px;

}



.grid-g p{

	color: #000;

	font-size: 18px;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	background-color: rgba(247, 241, 241, 0.7);

	margin: 0;

	padding: 5px;

	box-sizing: border-box;

}



.grid img {

	width: 100%;

	height: 100%;

	object-fit: fill;

	box-shadow: 1px 1px 5px rgb(65, 63, 63);

}



.grid img.active {

	position: fixed;

	left: 50%;

	top:50%;

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

	z-index: 9999;

	width: auto;

	height: auto;

	max-width: 90%;

	max-height: 90%;

}

.overlay {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.5);

	z-index: 9998;

	display: none; 

  }



  

/* .grid {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	grid-gap: 5px;

	margin: 0 auto; 

	text-align: center;

	background-color:white;

	padding: 10px 0px;

  }



	.grid-g{height: 250px;}

	.grid-g p{

		color: #000;

		font-size: 18px;

	}



  .grid img {

	width: 180px;

	height:200px;

	object-fit: fill;

    box-shadow: 1px 1px 5px rgb(65, 63, 63);

  }



 

  .grid img.active {

	position: fixed;

	top: 50%;

	left: 50%;

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

	z-index: 9999;

	

  } */



  

	#lingbo1 {

		cursor: pointer; /*   ????????????  ?????  o?  ???  ?    ???*/

		height: 700px;

	}

	#overlay3 {

		position: fixed; /* ??o?????  ?a  ?? ꨦ??  ?  ?  |???    ?*/

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		background-color: rgba(0, 0, 0, 0.7); /* ???   ????  ?      2  ?????*/

		display: none; /* ????  ????? ???????????  ?*/

	}

	#lingbo2 {

		position: fixed;

		left: 50%;

		z-index: 9999;

		width: auto;

		height: auto;

		max-width: 100%;

		max-height: 100%;

		transform: translate(-50%, -50%) translateY(-320px); /*   ??????  ??    ??-????  ?*/

		display: none; /* ????  ????? ???????????  ?*/

	}



	#lingbo11 {

		cursor: pointer; /*   ????????????  ?????  o?  ???  ?    ???*/

		height: 700px;

	}

	#overlay33 {

		position: fixed; /* ??o?????  ?a  ?? ꨦ??  ?  ?  |???    ?*/

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		background-color: rgba(0, 0, 0, 0.7); /* ???   ????  ?      2  ?????*/

		display: none; /* ????  ????? ???????????  ?*/

	}

	#lingbo22 {

		position: fixed;

		left: 50%;

		z-index: 9999;

		width: auto;

		height: auto;

		max-width: 100%;

		max-height: 100%;

		transform: translate(-50%, -50%) translateY(-320px); /*   ??????  ??    ??-????  ?*/

		display: none; /* ????  ????? ???????????  ?*/

	}





	.lingbwb{

		text-align: center;

		background-color: red;

		color: yellow;

		font-size: 25px;

		line-height: 180%;

	}

	.lingbwb img{

	    width: 40px;

	    height: 40px;

	    position: relative;

	    top: 118px;

	    right: -440px;

	}



	.dingbu{

		position: fixed;

		height: 50px;

		background: rgba(95, 82, 82, 0.178);

		width: 50px;

		right: 50px;

		bottom: 50px;

		border-radius: 50%;

	}

	.dingbu p{

		font-size: 14px;

		color: rgb(241, 234, 234);

		padding: 5px 10px;

		font-weight: bold;

	}

	.dingbu:hover{background:rgb(90, 76, 76);}

    .dingbu a:hover{

		text-decoration: none;

	}



    .box .leftrb li{

        text-align: left;

	}

	.leftrb li i{color: red;}

	.leftrb li u{color: blue;}



    .centerrg li i{color: red;}

	.centerrg li u{color: green;}



    .centerbc li i{color: blue;}

	.centerbc li u{color: chocolate;}



	.centerrb li i{color: red;}

	.centerrb li u{color: blue;}



    .duan7 {

		background-color: white;

		color: #000;

		font-size: 18px;

		text-align: center;

		padding: 10px 0 5px ;

	}



	.jmsht{

		background-color: white;

		color: #000;

		font-size: 18px;

		text-align: center;

		padding: 10px 0 5px ;

	}

	

	.sanhe {

		background-color: white;

		color: #000;

		font-size: 18px;

		text-align: left;

		padding: 10px 0 5px 10px;

	}



	.boshe {

		background-color: white;

		color: #000;

		font-size: 18px;

		text-align: left;

		padding: 10px 0 5px 0px;

	}





.grid-container{

	display: grid;

	grid-template-columns: 10% auto auto auto 10%;

	color:#008000;

    grid-gap: 1px;

	background-image: url(https://riffol.779999a.app:2026/yjjy/images/ds.gif);

	background-repeat: repeat;

	background-color: #ffffff;

	font-weight: bold;

	

}

.grid-container > div {

	text-align: center;

	padding: 10px 0;

    vertical-align: middle;

	font-size: 20px;

	border: 1px double #008000;

  }

  



  .grid-container .item1 {

	grid-row: 1/4;

	padding: 60px 0;

  }

  .grid-container .item5{

	grid-area: 2/2/3/5;

	padding: 10px 0;

	color: blue;

	font-size: 23px;

  }



  .item6{

	grid-area: 3/2/4/5;

  }

  .grid-container .item7 {

	grid-area: 1/5/4/6;

	padding: 50px 0;

	color: red;

  }

  .item8{

	grid-column: 1/6;

	background-color:#E6FF97 ;

	color: #000;

  }



.item7 img{height: 37px; width: 40px;}



.xjct{

	table-layout: auto;

	color: #FF0000;

	border-radius: 5px;

	overflow: hidden;

	text-align: center;

	background: #fff;

}

.xjct tr{

	height: 30px;

}

.xjct td{

	font-weight: bold;

	border:1px solid #C0C0C0;

	font-size: 14pt;

}

.xjct th{

	font-weight: bold;

	border:1px solid #C0C0C0;

	font-size: 18pt;

}



/*div, span, iframe, map, font, input, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th {







    font-weight: normal;



    -webkit-font-smoothing: antialiased;



    -moz-osx-font-smoothing: grayscale;



}*/







* {



    padding: 0;



    margin: 0;



    border: 0;







    -webkit-box-sizing: border-box;



    -moz-box-sizing: border-box;



    box-sizing: border-box; 



}