a,article,body,canvas,div,em,figcaption,figure,footer,h1,h2,html,input,li,p,section,small,span,ul{margin:0;padding:0}
html{font-size:10px}
body{font-family:OPPOSANS,sans-serif;margin:0 auto;position:relative;color:#333;}
blockquote,code,dd,div,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,legend,li,ol,p,pre,td,ul{list-style:none;margin:0;padding:0}
input,textarea{padding:0;margin:0;resize:none;outline:0;-webkit-user-select:auto}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}
select{appearance:none;-webkit-appearance:none;border-radius:0}
img{vertical-align:middle}
a img{border:0}
img{transform:scale(1) rotate(0) translate3d(0,0,0);-webkit-transform:scale(1) rotate(0) translate3d(0,0,0)}
a{color:#535353;text-decoration:none;outline:0;-webkit-tap-highlight-color:transparent;-webkit-appearance:none}
a:hover{text-decoration:none}
table td{word-break: break-all;}
.clear:after{content:"";display:block;clear:both}
.container{margin:0 auto;width: 1200px}
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.img{background-position:center;background-repeat:no-repeat;background-size:cover}
:root{--color-primary:#253559;}
.layui-layer-btn .layui-layer-btn0{border-color: var(--color-primary);background-color:var(--color-primary);font-size: 12px}

#header{height: 95px;}
#header .container{display: flex;align-items: center;height: 100%;}
#header .container span:nth-of-type(1){color: var(--color-primary);font-size: 2rem;position: relative;padding-right: 37px}
#header .container span:nth-of-type(1):after{content: '';width: 1px;height: 40%;position: absolute;right: 0;top: 30%;background:#E0E0E0}
#header .container span:nth-of-type(2){font-size: 1.8rem;color: #666666;padding-left: 37px}
#footer{height: 102px;;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 1.4rem;color: #666666;line-height: 1.5}
#main{height: calc(100vh - 197px);background: url("../image/bg.jpg") no-repeat center;background-size: cover;}
#main .container{display: flex;align-items: center;justify-content: center;height: 100%}

.form{width: 454px;}
.form .item{margin: 30px}
.form .item .label{font-size: 1.8rem;color: #4C4C4C;line-height: 35px}
.form .item .input{width: 100%;height: 45px;line-height: 45px;background: #fff;border-radius: 5px;display: flex;align-items: center;box-sizing: border-box;position: relative;overflow: hidden}
.form .item .input img{margin-right: 15px}
.form .item .input input{width: 100%;height: 100%;border: none;padding: 0 24px;}
.form .item:nth-of-type(2) .input img{position: absolute;left: 24px}
.form .item:nth-of-type(2) .input input{padding: 0 24px 0 59px}
.form .item .btn-search{width: 100%;height: 45px;border-radius: 5px;background: var(--color-primary);color: #fff;font-size: 1.6rem;cursor: pointer;display: flex;justify-content: center;align-items: center;transition: background-color 0.5s}
.form .item .btn-search img{margin-right: 16px;display: inline-block}
.form .item .btn-search:hover{background: #374971}

#main.search{background:#F8F8F8;padding: 60px 0;box-sizing: border-box;min-height: calc(100vh - 197px);height: auto }
#main.search .container{display: block}
#main.search .form{display: flex;align-items: flex-end;width: 100%}
#main.search .form .item{margin: 0 25px 0 0;width: 280px;}
#main.search .form .btn-search{width: 139px;background: #B3071D}
#main .content{padding-top: 50px;display: none}
#main .content .tip{width: 100%;height:45px;line-height: 45px;font-size:1.8rem;color: #fff;padding-left: 16px;box-sizing: border-box;background: var(--color-primary);margin-bottom: 14px}
#main .content table{width: 100%;border-collapse: collapse;text-align: center;color: #666666}
#main .content table tr{background:#F0F0F0;height: 40px;}
#main .content table tr th{border: 1px solid #E3E3E4;font-size: 1.6rem;}
#main .content table tr td{border: 1px solid #E3E3E4;font-size: 1.4rem}
#main .content table.info th{width: 25%}
#main .content .title{height: 45px;line-height: 45px;text-align: center;background:#E1E1E1;color:#666666;font-size: 1.6rem  }
#main .content .box{margin-top: 20px}
#main .content .box:nth-of-type(3) .title{margin-bottom: 20px;}