:root{
	--yiq-color-main:#00a44e;
	--yiq-color-active:#e3bd35;
}

*{padding:0px; margin:0px; box-sizing: border-box;}
.buttom_style {border:none; width:94px; height: 33px; background-color:var(--yiq-color-active); line-height:28px; cursor:hand; margin:0 auto; font-size:15px; color:#FFFFFF; border-radius:5px; -moz-border-radius:5px; cursor:pointer;}
table {font-size:13px; line-height:22px;}
input,textarea {color:#11121E; font-size:12px;outline:none;}

img {border:none;}
ul,li {padding:0px; margin:0px; list-style-type:none;}
h1,h2,h3,h4,h5,h6,h7,h8,dd {font-weight:normal; padding:0px; margin:0px;}

p {margin: 0px 0px 10px 0px;}

.table thead {
background-image:-webkit-linear-gradient(to bottom,#FFF,#F8F8F8);
background-image:linear-gradient(to bottom,#FFF,#F8F8F8);
}
.table th {text-align:center;}
.table tbody {background-color:#FFF;}

/*滚动条*/
.YIQ_Scroll {padding-right:10px;}
.YIQ_Scroll::-webkit-scrollbar-track {background-color: rgba(255,255,255,0.2);}
.YIQ_Scroll::-webkit-scrollbar {width:3px; height:3px;}
.YIQ_Scroll::-webkit-scrollbar-thumb {background-color: rgba(255,255,255,0.4);}

A {font-size: 16px;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}
A:link,A:visited,A:active {COLOR: #11121E; font-family:"PingFang SC",'arial', sans-serif; TEXT-DECORATION: none; text-align:left;outline:none;}
A:hover {COLOR: var(--yiq-color-active);TEXT-DECORATION: underline; star:expression(this.onFocus=this.blur());}

::-webkit-input-placeholder { /* WebKit browsers */color: #999; font-size: 15px;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #999; font-size: 15px;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color: #999; font-size: 15px;}

html,body {width: 100%; height: 100%; float: left; overflow: hidden;}

body{text-align:center; margin:0px; font-size:16px; line-height:22px; background-color:#F5F5F5; font-family:"PingFang SC",'arial', 'PingFang SC', sans-serif; color:#000;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}

/*基础样式设置*/
.Font_Size_Text_Small {font-size: 12px; line-height: 20px;}
.Font_Size_Text0 {font-size: 14px; line-height: 20px;}
.Font_Size_Text {font-size: 16px; line-height: 25px;}
.Font_Size_Text1 {font-size: 18px; line-height: 30px;}
.Font_Size_Title {font-size: 22px; line-height: 30px;}
.Font_Size_Title1 {font-size: 32px; line-height: 40px;}
.Font_Size_Title2 {font-size: 38px; line-height: 40px;}
.Font_Size_Title3 {font-size: 48px; line-height: 50px;}
.Font_Size_Title_N {font-size: 28px; line-height: 4rem;}

.Btn {width: 100%; height: auto; float: left;}
.Btn a {width: auto; height: 33px; line-height: 33px; float: left; overflow: hidden; background-color: var(--yiq-color-active); color: #FFF; padding: 0px 15px; border-radius: 5px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.Btn a:hover {background-color: var(--yiq-color-active-hover); text-decoration: none; padding: 0px 25px;}
.Btn_Big a {height: 40px; line-height: 40px;}
.Btn_Big a:hover {padding: 0px 35px;}

/*网页整体框架*/
.CSS_Body {width:100%; height:auto; float: left; padding: 0px; margin: 0px;}
.CSS_C {width: 100%; max-width: 1500px; height: auto; margin: 0px auto; display:inline-block;}

/*查询框*/
.so_bg {width: 100%; height: 100%; float: left; display: flex; align-items: center; justify-content: center;}
.so_bg::before {content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-image: url("images/bg.webp"); background-size: 100% auto; background-position: center bottom; transition: all .2s ease-in-out;}
.soBox {width: 700px; max-width: 80%; background-color: rgba(255,255,255,0.5); border-radius: 20px; padding: 5%; position: relative;}
.soBoxTitle {width: 100%; position: absolute; left: 0px; bottom: 110%; color: #000; font-weight: bolder; font-size: 2em; line-height: 1.5em; font-family: "kaiti";}
.soBoxTitle font {font-size: 14px;}
.soBoxLogo {width: 100%; float: left;}
.soBoxLogo img {width: 70%; height: auto; float: left;}
.soBox ul {width: 100%; float: left; margin-top: 5%;}
.soBox ul li {width: 100%; float: left; overflow: hidden; border-radius: 8px; background-color: #FFF; margin: 2% 0px;}
.soBox ul li i {width: 45px; height: 45px; line-height: 45px; float: left; padding: 0px; margin: 0px; font-weight: bold; font-size: 20px;}
.soBox ul li span {width: calc(100% - 45px); height: 45px; line-height: 45px; float: left;}
.soBox ul li span input[type='text'] {width: 100%; height: 100%; border: none; float: left; font-size: 16px;}
.soBox ul li input[type='button'] {width: auto; height: 35px; line-height: 35px; margin: 0px auto; display: inline-block; padding: 0px 20px; font-size: 16px; background-color: var(--yiq-color-main); border: none; cursor: pointer; color: #FFF; border-radius: 5px;}
.soBox ul li:last-child {background-color: transparent;}
.soBoxJG {width: 100%; float: left; text-align: left; position: relative; display: none; font-size: 1.2em;}
.soBoxJG span {width: 100%; line-height: 2em; float: left;}
.soBoxJG p {width: 30%; position: absolute; right: 0px; top: 0px; padding: 0px; margin: 0px;}
.soBoxJG p img {width: 100%; height: auto;}
.soBoxJG font {width: 100%; float: left; text-align: center; font-size: 1.5em;}

@media(min-width:1200px) and (max-width:1500px){
}

@media(min-width:1004px) and (max-width:1199px){
}

@media(min-width:750px) and (max-width:1003px){
}

@media(min-width:480px) and (max-width:749px){
}

@media(max-width:1600px){
	.so_bg::before {background-size: auto 100%; background-position: center bottom;}
}

@media(max-width:1500px){
}

@media(max-width:1199px){

}

@media(max-width:1003px){

}

@media(max-width:749px){
	.so_bg::before {background-image: url("images/bg_m.webp");}
}

@media(max-width:479px){
	.soBox {padding: 6%;}
	.soBoxTitle {font-size: 1.3em;}
	.soBoxJG {font-size: 1em;}
	.soBoxJG p {bottom: auto; top: -20px;}
	
	::-webkit-input-placeholder { /* WebKit browsers */font-size: 14px;}
	::-moz-placeholder { /* Mozilla Firefox 19+ */font-size: 14px;}
	:-ms-input-placeholder { /* Internet Explorer 10+ */font-size: 14px;}
}

@media(max-width:400px){
	
}
