body, div, address, blockquote, iframe, ul, ol, li, dl, dt, dd, td, tr, th, thead, tbody, h1, h2, h3, h4, h5, h6, p, pre, caption, form, legend, fieldset, input, button, select, textarea {margin:0px;padding:0px;}
body {font-family:"宋体", Arial, Helvetica, sans-serif;font-size:12px;}
ol, ul {list-style: none;}
a img,img {border:0;}
button {cursor:pointer;}
input[type="button"],input[type="submit"],input[type="image"],input[type="reset"] {-webkit-appearance:none;cursor:pointer;}


body {font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial;color:#000;font-size:var(--px12);background: url(../images/bg.jpg) no-repeat fixed;background-size: 100% 100%;overflow-x:hidden;}
input,select,button,textarea {font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial;font-size:var(--px14);color:#000;resize:none;box-sizing:border-box;}
:-moz-placeholder {color:#aaa;}
::-moz-placeholder {color:#aaa;}
:-ms-input-placeholder {color:#aaa;}
::-webkit-input-placeholder {color:#aaa;}
a:link,a:visited,a:active {color:#000;text-decoration:none;}
a:hover {color:#ff0000;text-decoration:none;}
a {outline:none;-moz-outline:none;blr:expression(this.onFocus=this.blur());}
.al:hover {text-decoration:underline;}
.als a:hover {text-decoration:underline;}
.flex-center {display:flex;align-items:center;justify-content:center;}
.flex-column {display:flex;flex-direction:column;justify-content:center;}
.no-select {-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.gots {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.gotms {display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/*===================================================================================*/

.wrapper {min-width: var(--wrap-width);}
.wrap {margin-left:auto; margin-right:auto; padding-left: var(--px20); padding-right: var(--px20); width: var(--wrap-width); box-sizing:border-box;}

.title {padding: var(--px35) 0; color:#fff; font-size: var(--gfs32); font-weight: bold; text-align: center;}

.pycx {padding: var(--px10) var(--px30); display: flex; align-items: center; justify-content: space-between; font-size: var(--px17); background-color:#ffffff6b;}
.pycx input {padding: 0 var(--px8); width: var(--px160); height: var(--px28); font-size: var(--px16);}
.pycx .type {min-width: var(--px80); color: red;}
.pycx .feiyong {min-width: var(--px80); color: red;}
.pycx .btn {width: var(--px100); height: var(--px24); font-size: var(--px17); font-weight: bold; color:#fff; background-color:#2a578591; cursor: pointer;}
.pycx .btn:hover {background-color:#003a8b;}

.query {margin-top: var(--px20); padding: 0 var(--px35) var(--px25) var(--px35); background-color:#ffffff6b;}
.query .tips {display: flex; align-items: center; height: var(--px50); font-size: var(--px17);}
.query .tips span {margin: 0 var(--px5); color: red;}
.query .tips a {margin-left: auto; width: var(--px100); height: var(--px35); color:#111; font-size: var(--gfs20); border-radius: var(--px20); border: 1px solid #333; background-color:#fff;}
.query .form {display: flex; column-gap: var(--px20);}
.query .form textarea {flex-grow: 1; padding: var(--px8) var(--px10); height: var(--px130); font-size: var(--gfs16); line-height: 1.6; text-shadow: rgba(80, 80, 80, 0.08) 1px 1px, rgba(80, 80, 80, 0.07) 2px 2px, rgba(80, 80, 80, 0.09) 3px 3px, rgba(80, 80, 80, 0.04) 4px 4px, rgba(80, 80, 80, 0.06) 5px 5px; border: 1px solid #E8F1FF; background-color: #ffffff00; border-radius: 5px 5px 5px 5px;}
.query .form textarea:-moz-placeholder {color:#666;}
.query .form textarea::-moz-placeholder {color:#666;}
.query .form textarea:-ms-input-placeholder {color:#666;}
.query .form textarea::-webkit-input-placeholder {color:#666;}
.query .form .btns {flex-shrink: 0; display: flex; flex-direction: column; row-gap: var(--px8); width: var(--px135); font-size: 0;}
.query .form .btns button {flex-grow: 1; font-size: var(--px17); font-weight: bold; color:#fff; border: none; background-color:#2a578591; cursor: pointer;}
.query .form .btns button:hover {background-color:#003a8b;}

.result dl {display: flex;}
.result .errmsg {padding: var(--px50); color:red; font-size: var(--gfs16); line-height: 1.8; text-align: center; background-color:#fff;}
.result .list .info .thead {border-top: 1px #89abd07d solid; background-color:#d8e9f4b3;}
.result .list .info .thead dd {display: flex; align-items: center; justify-content: center; height: var(--px40); font-weight: bold; text-align: center; box-sizing: border-box; border-right: 1px #89abd07d solid; border-bottom: 1px #89abd07d solid;}
.result .list .info .tbody {background-color:#f5f3f3;}
.result .list .info .tbody:hover {background-color:#fff2cf;}
.result .list .info .tbody dd {display: flex; align-items: center; justify-content: center; padding: var(--px8) var(--px10); line-height: 1.5; text-align: center; box-sizing: border-box; border-right: 1px #e6e1e1 solid; border-bottom: 1px #e6e1e1 solid;}
.result .list .info .w1 {width: 20%;}
.result .list .info .w2 {width: 20%;}
.result .list .info .w3 {width: 12%;}
.result .list .info .w4 {width: 14%;}
.result .list .info .w5 {width: 34%;}

.result .list .track::after {display: block; height: var(--px40); background-color:#f5f3f3; content: '';}
.result .list .track .thead {border-top: 1px #89abd07d solid; background-color:#d8e9f4b3;}
.result .list .track .thead dd {display: flex; align-items: center; justify-content: center; height: var(--px40); font-weight: bold; text-align: center; box-sizing: border-box; border-right: 1px #89abd07d solid; border-bottom: 1px #89abd07d solid;}
.result .list .track .tbody {background-color:#f5f3f3;}
.result .list .track .tbody:hover {background-color:#fff2cf;}
.result .list .track .tbody dd {display: flex; align-items: center; padding: var(--px7) var(--px10); line-height: 1.5; box-sizing: border-box; border-right: 1px #e6e1e1 solid; border-bottom: 1px #e6e1e1 solid;}
.result .list .track .tbody .w1 {justify-content: center;}
.result .list .track .tbody .w2 {justify-content: center;}
.result .list .track .w1 {width: 18%;}
.result .list .track .w2 {width: 30%;}
.result .list .track .w3 {width: 52%;}

.footer {margin-top: var(--px50); line-height: 1.8;}

/*===================================================================================*/

#win-ts {position:fixed;top:20%;left:50%;z-index:9999;margin-left:-170px;padding:32px 20px;width:300px;color:#fff;font-size:22px;line-height:1.4;text-align:center;opacity:0;transition:all 0.5s;border-radius:8px;background-color:rgba(0,0,0,0.7);overflow:hidden;}
#win-loading {position:fixed;top:0%;left:0%;z-index:9999;width:100%;height:100%;background:url(../images/loading2.gif) no-repeat center center;}
#win-loading-bg {position:fixed;top:0px;left:0px;z-index:9998;width:100%;height:100%;background-color:rgba(255,255,255,0);}

#win-fybox-overlay {position: fixed; inset: 0; z-index: 9998; background-color:#000; opacity: 0.8; cursor: pointer;}
#win-fybox {position: fixed; inset: 0; z-index: 9999; margin: auto; display: flex; align-items: center; justify-content: center; cursor: pointer;}
#win-fybox .fybox-loading {width: 100%; height: 100%; min-width: 37px; min-height: 37px; background: url(../images/loading2.gif) no-repeat center center;}
#win-fybox .fybox-wrap {position: relative; cursor: default;}
#win-fybox .fybox-error {padding: 15px; color:#333; font-size: 14px; line-height: 1.8; background-color:#fff;}
#win-fybox .fybox-close {position: absolute; top: -13px; right: -13px; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; visibility: hidden; border-radius: 50%; border: 2px solid #fff; box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,0.5); background-color:#000; overflow: hidden; cursor: pointer;}
#win-fybox .fybox-close:hover {background-color:#ff0000;}
#win-fybox .fybox-close:hover svg {transform: rotate(180deg);}
#win-fybox .fybox-close svg {width: 10px; height: 10px; transition: transform 500ms;}
#win-fybox .fybox-close svg line {stroke:#fff; stroke-width: 2;}