@charset "utf-8";
*{ margin: 0; padding: 0; background-repeat: no-repeat;background-size: cover; border: none;}
a{ cursor: default;}
body{-moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    -khtml-user-select:none;
    user-select:none;
}
body{ width:100%; margin:0 auto; font-size:12px; line-height:16px;color:#333;}

#loading{ background:#000; width:100%;height:100%;position:absolute;top:0;left:0;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;z-index:9999}
#loading .icon{position:absolute;width:100px; height:100px;left:50%;top:30%; margin-left:-50px; margin-top:-50px;-webkit-animation:shun360 2s linear infinite;-moz-animation:shun360 2s linear infinite;-o-animation:shun360 2s linear infinite;animation:shun360 2s linear infinite}
@-webkit-keyframes shun360{100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes shun360{100%{-moz-transform:rotate(360deg)}}@-o-keyframes shun360{100%{-o-transform:rotate(360deg)}}@keyframes shun360{100%{-webkit-transform:rotate(360deg)}}
#loading p{position:absolute;left:0;top:30%; width: 100%; margin-top: 70px; color:#e83637; text-align: center;}
html,body,#mainbox {background:#abd1e6; width: 100%;height: 100%; overflow: hidden;position: relative;-webkit-text-size-adjust:none}

.page {position: absolute;width: 100%;min-height: 100%;text-align: center;overflow: hidden;left: 500%;top: 500%;background:none;}
.page_active{ left: 0 !important; top:0 !important; z-index: 15;}
.page_fade{-webkit-animation:page_fade 1s ease both;-moz-animation:page_fade 1s ease both;-o-animation:page_fade 1s ease both;animation:page_fade 1s ease both}
@-webkit-keyframes page_fade{from{opacity: 1}to{opacity: 0}}
@-moz-keyframes page_fade{from{opacity: 1}to{opacity: 0}}
@-o-keyframes page_fade{from{opacity: 1}to{opacity: 0}}
@keyframes page_fade{from{opacity: 1}to{opacity: 0}}
.page_show{-webkit-animation:page_show 1s ease both;-moz-animation:page_show 1s ease both;-o-animation:page_show 1s ease both;animation:page_show 1s ease both}
@-webkit-keyframes page_show{from{opacity: 0}to{opacity: 1}}
@-moz-keyframes page_show{from{opacity: 0}to{opacity: 1}}
@-o-keyframes page_show{from{opacity: 0}to{opacity: 1}}
@keyframes page_show{from{opacity: 0}to{opacity: 1}}
.moveFromDown{-webkit-animation:moveFromDown .6s ease both;-moz-animation:moveFromDown .6s ease both;-o-animation:moveFromDown .6s ease both;animation:moveFromDown .6s ease both}
.moveToDown{-webkit-animation:moveToDown .6s ease both;-moz-animation:moveToDown .6s ease both;-o-animation:moveToDown .6s ease both;animation:moveToDown .6s ease both}
@-webkit-keyframes moveFromDown{from{-webkit-transform:translateY(100%)}}
@-moz-keyframes moveFromDown{from{-moz-transform:translateY(100%)}}
@-o-keyframes moveFromDown{from{-o-transform:translateY(100%)}}
@keyframes moveFromDown{from{transform:translateY(100%)}}
@-webkit-keyframes moveToDown{to{-webkit-transform:translateY(100%)}}
@-moz-keyframes moveToDown{to{-moz-transform:translateY(100%)}}
@-o-keyframes moveToDown{to{-o-transform:translateY(100%)}}
@keyframes moveToDown{to{transform:translateY(100%)}}
.moveFromUp{-webkit-animation:moveFromUp .6s ease both;-moz-animation:moveFromUp .6s ease both;-o-animation:moveFromUp .6s ease both;animation:moveFromUp .6s ease both}
.moveToUp{-webkit-animation:moveToUp .6s ease both;-moz-animation:moveToUp .6s ease both;-o-animation:moveToUp .6s ease both;animation:moveToUp .6s ease both}
@-webkit-keyframes moveFromUp{from{-webkit-transform:translateY(-100%)}}
@-moz-keyframes moveFromUp{from{-moz-transform:translateY(-100%)}}
@-o-keyframes moveFromUp{from{-o-transform:translateY(-100%)}}
@keyframes moveFromUp{from{transform:translateY(-100%)}}
@-webkit-keyframes moveToUp{to{-webkit-transform:translateY(-100%)}}
@-moz-keyframes moveToUp{to{-moz-transform:translateY(-100%)}}
@-o-keyframes moveToUp{to{-o-transform:translateY(-100%)}}
@keyframes moveToUp{to{transform:translateY(-100%)}}

.loadmask{ background:#548FAB;width:100%;height:100%;position:fixed;top:0;left:0; z-index: 10001;}
#loading{ background:#548FAB; width:100%;height:100%;position:absolute;top:0;left:0;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;z-index:9999}
#loading .icon{position:absolute;width:100px; height:100px;left:50%;top:30%; margin-left:-50px; margin-top:-50px;-webkit-animation:shun360 2s linear infinite;-moz-animation:shun360 2s linear infinite;-o-animation:shun360 2s linear infinite;animation:shun360 2s linear infinite}
@-webkit-keyframes shun360{100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes shun360{100%{-moz-transform:rotate(360deg)}}@-o-keyframes shun360{100%{-o-transform:rotate(360deg)}}@keyframes shun360{100%{-webkit-transform:rotate(360deg)}}
#loading p{position:absolute;left:0;top:30%; width: 100%; margin-top: 70px; color:#30394E; text-align: center;}

/*********start*******/
img{ display:block; margin:0 auto; max-width:100%;}
.main{width:100%;margin:0 auto; position:relative; max-width:640px;}
.img3{ height:55px;display:block; margin:0 auto; margin-left:0;padding-top: 15px;}
#moudle2, #moudle5{width:98%; height:35%;}
#moudle5{width:98%; height:28%;}
#moudle3, #moudle4{ height:60%; }
.page{ overflow-y:auto;}
.p3_select_1:after{position: absolute;top: 50%;right:13%;margin-top: -6%; width: 14%;height: 45%;background: url(../images/li_icon.png) no-repeat;background-size: 100% 100%;content: " ";pointer-events: none;}
.p3_select_1 {left: 5.5%;}  
.p3_button {position: absolute; z-index: 111;color: #fff;top: 20%; width:36%;line-height: 1;font-size: 100%;vertical-align: middle;white-space: nowrap; text-align: center;cursor: pointer;left:75px;}
.p3_button span{display: inline-block; width: 90%;padding:9px 8% 9px 0;border-radius:18px;font-size: 1rem;border:1px solid #fff;float: left;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;color:#fff;}
.select_wrapper .select_inner { background:#334D6E; border-radius: 0 0 5px 5px;color: #3f4341;position: absolute; left: 0; top: 98%;width: 100%;max-height: 700%; padding-top: 3%;z-index: -1;display: none;overflow-x: hidden;overflow-y: scroll;}
.select_wrapper .select_inner li {list-style: none;margin: 2px;font-size: 12px; padding: 5%; background: #fbf3f1;border-radius: 5px;}
.p3_select_2 {left: 37%;}
.p3_input {left:62%;}

.but1, .but2, .but3{background: #017f7f;border-radius: 5px;width: 30%;line-height: 35px; margin-left:3%; float:left;}
.btns{overflow:hidden; height:38px; width:100%; margin:0 auto; font-size:14px;position: absolute;bottom: 10px;}
.btns .btn1{margin-left:5.5%; float:left;font-size:16px;padding:0;line-height:38px;margin-top:0;}
.btns .p2_button2{margin-right:5.5%;float:right;font-size:16px;padding:0;line-height:38px;margin-top:0;width:35%;color:#fff; background:url(../images/btn.png) no-repeat center; background-size:100% 100%;border-radius: 10px;}
.btn1{width:35%;line-height: 35px; margin:0 auto;background:url(../images/btn.png) no-repeat center; background-size:100% 100%;color:#fff;font-weight:bold;border-radius: 10px;}
.p2_button2{width:38%;line-height: 35px;margin:0 auto; margin-top:10px;color:#80AEC7;text-align:center;font-size: 20px;font-weight: bold;padding: 5px 0;}
.copyright{ padding:0;font-size: 12px;width: 95%;margin: 0 auto;position: absolute;bottom:50px;left: 0;right: 0;text-align: left;}
.img6{width:80%;margin-top: 30px;}

.citys{position: relative;height:55px;padding-bottom: 20px;background:#334d6e url(../images/b2.png) no-repeat center; background-size:100% 100%;}
.p3_bk {position: relative;margin:0 auto;padding:0;width:94%;height: auto; min-height: 200px;border-radius: 1px;background: #fff;margin-top:25px;height:66%;overflow:hidden; }
/**.p3_bk:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0;content: "";}**/
.control, .text{overflow: hidden;width: 100%;}
.text_name, .text_num {float: left;width: 40%;height: 2rem; border-radius: 10px;color: #fff;text-align: center;line-height: 2rem;margin-left:10px;}
.text_num{float:right;width: 50px;margin-left:0; margin-right: 10px;}
.p3_text{width:100%; margin:0 auto;padding:0;padding-bottom:20px;line-height:20px; font-size:12px; text-align:left;height: 100%;overflow-y: scroll;}
.table{width:100%;font-size: 12px;}
.table thead tr td{ background:#ccc; font-family:'微软雅黑';font-size:12px;font-weight:bold;height:40px;}
.table td{ padding:3px; text-align:center;width: 20%;}

.page1, .page{ background:url(../images/b.png) no-repeat center; background-size:100% 100%;overflow: hidden;}

#search{width: 100%;line-height: 35px;border-radius: 10px; padding:0 3px;}
.phb{height:66%; overflow:hidden;overflow-y: scroll;width: 94%;margin: 0 auto;margin-top: 10px;background: #fff;}
#search_data{background:rgba(0, 0, 0, 0.8);color:#fff;height:66%;overflow-y:scroll;position:absolute;left:0;right:0;top:50px;display: none;z-index: 10;}
#search_data ul li{line-height: 22px;padding: 5px 0;font-size: 14px;font-family: 微软雅黑;}
#c2{ width:100%; margin:20px auto;font-size:16px;}
#c2 tr td:first-child{width:50%;line-height:25px;text-align:right;font-weight:bold;}
#c2 td{text-align:left;width:50%;}
.result{line-height:30px;font-size:16px;font-weight: bold;margin-top:30px;color:#E74E2F;}
.img2{width: 100px;position: absolute;bottom:40px;}
.img1{position: absolute;bottom:-15px;width: 94%;left: 3%;}
.p3_button span.cun{ visibility:hidden; width:0px; height:0px;padding: 0;margin: 0;}
#c1, .c2{ margin-top:40px;overflow-y: scroll;}
.chax{width: 100%;position: relative;height: 100%;}

.rights{margin-top:18%;line-height: 20px;}
.code{width: 60px; margin-top: 10px;z-index: 10;}
.img4{position: absolute;bottom: 20px;width: 50%;left: 25%;}
.img5{width: 60%;position: absolute;bottom:60px;left: 20%;}
.ding{display: block;float: right;margin-right: 10px;background: rgba(0, 0, 0, 0.45);padding: 3px;border-radius: 3px;}

.gdt::-webkit-scrollbar {
 width:3px;
}
.gdt::-webkit-scrollbar-track {
 background-color:rgba(0,0,0,0.5);
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}
.gdt::-webkit-scrollbar-thumb {
 background-color:rgba(225,225,225,0.5);
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}
.gdt::-webkit-scrollbar {
 width:3px;
}