/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;color:#666; background: url(../images/bg.png) center no-repeat;background-size: cover;height: 100%;overflow: auto;}
body.head_on{overflow:hidden}
a{color:#666;transition: 0.3s;}
a:hover{ color:#f60; text-decoration:none;cursor: pointer;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}

*,
*::before,
*::after{-webkit-box-sizing: border-box;box-sizing: border-box;}

:root {
	--main-color: #185fad;
	--main-color2: #109B04;
	--main-color-white: #fff;
	--main-color-000: #000;
	--main-color-333: #333333;
	--main-color-888: #888888;
	--main-transition: all ease 0.4s;
	--main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.mainFull{width: 100%;height: 100%;}
.mainWarp{width: 100%;max-width: 780px;margin: 0 auto;padding: 0 20px;min-height: 100vh;}
.mainLogo{text-align: center;padding-top: 10vw;}
.mainLogo img{width: auto;max-width: 100%;max-height: 200px;}
.mainTxt{margin: 3vw 0;text-align: center;}
.mainTxt img{width: auto;max-width: 100%;max-height: 100px;}

.mainSearch{width: 100%;}
.mainSearch .box{position: relative;background: #fff;border-radius: 20px;padding: 10px;display: flex;justify-content: space-between;align-items: center;}
.mainSearch .box input{width: 100%;flex: 1;height: 100%;background: transparent;padding: 0 20px;font-size: 18px;color: #333;outline: none;}
.mainSearch .box button{width: 120px;height: 100%;background: transparent;border: none;}
.mainSearch .box button img{width: 100%;}
.mainSearch .tips{margin-top: 20px;font-size: 16px;color: greenyellow;padding: 10px;background: rgba(255,255,255,0.1);width: 100%;text-align: center;border-radius: 20px;}




@media only screen and (max-width: 980px) {
.mainLogo{padding-top: 20%;}
.mainTxt{margin: 5% 0;}

}

@media only screen and (max-width: 680px) {
.mainLogo{padding-top: 150px;}
.mainTxt{margin: 35px 0;}
.mainSearch .box{border-radius: 10px;}
.mainSearch .box button{width: 100px;}
.mainSearch .tips{border-radius: 10px;}
}