@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}

@-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:#353a55;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:#353a55;width:100%;height:100%;position:fixed;top:0;left:0; z-index: 10001;}
#loading{ background:#353a55; 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-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:#fff; text-align: center;}

/*********start*******/
img{ display:block; margin:0 auto; max-width:100%;}
.main{width:100%;margin:0 auto; position:relative; max-width:640px;}
#moudle2, #moudle5{width:98%; height:35%;}
#moudle5{width:98%; height:28%;}
#moudle3, #moudle4{ height:60%; }
.page{ overflow-y:auto;-webkit-overflow-scrolling: touch;}
.p3_select_1:after,.p3_select_2:after,.p3_select_3:after, .select_wrapper:after{position: absolute;top: 50%;right:7%;margin-top:-7%;width:9%;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:10%; width:30%;line-height: 1;font-size: 100%;vertical-align: middle;white-space: nowrap; text-align: center;cursor: pointer;}
.p3_button span{display:inline-block;width:100%;padding:9px 0;border-radius:18px;font-size:14px;border:1px solid #fff;float: left;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;color:#fff;}
.select_wrapper .select_inner { background:#353a55; 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;-webkit-overflow-scrolling: touch;}
.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%;}
#dis_submit, #submit{border:0;color:#fff; font-weight:bold;}
.but1, .but2, .but3{background: #017f7f;border-radius: 5px;width: 30%;line-height: 35px; margin-left:3%; float:left;}
.btns{overflow:hidden;width:100%; margin:0 auto;position: absolute;bottom:0px;height:12vh;background: #353a55 url(../images/bg.png?v.0) repeat;padding-top:4vh;box-sizing: border-box;}
.btns .btn1{margin:0 auto;font-size:16px;padding:0;line-height:38px;margin-top:0;}
.btns .p2_button2, .p3_button2, .p3_button1, .p4_button1, .p4_button2, .button1{margin:0 auto;margin-top:0;width:35%;display:block;}
.p2_button1{margin:0 auto;}
.btns .blu,.btns .res{display: inline-block;margin:0 auto;font-size:15px;padding:0;line-height:38px;margin-top:0;width:28%;color:#fff; background:url(../images/btn.png) no-repeat center; background-size:100% 100%;border-radius: 10px;}
.btn1{margin:0 auto;margin-top:0;width:40%;}
.copyright{ padding:0;font-size: 12px;color:#696969;width: 95%;margin: 0 auto;position: absolute;bottom:50px;left: 0;right: 0;text-align: left;}
.img6{width:80%;margin-top: 30px;}
.alls{text-align:center;border: 1px solid #ccc;width:50%;margin:0 auto;border-radius:10px;font-size: 16px;padding: 10px 0;}

.citys{position:relative;width:80%;margin:0 auto;height:40px;}
.p3_bk {position:relative;margin:0 auto;padding:0;width:100%;height: auto; min-height:150px;border-radius: 1px;background: #fff;height:60%;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:10px;line-height:20px; font-size:12px; text-align:left;height: 100%;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.table{width:100%;font-size: 12px;}
.table thead tr td{background: #ffcf65;color: #353a55;font-family:'微软雅黑';font-size:12px;font-weight:bold;height:40px;}
.table td{ padding:3px 0; text-align:center;width:15%;}
.table td:nth-child(3){width:29%;}
.table td:nth-child(5){width:20%;}
.c2 td{width:15%;}
.c2 td:nth-child(3){width:34%;}
.c2 td:nth-child(5){width:17%;}
.table td.r{color:#f00;}
.table td.b{color:#177eef;}
.table tr{background:rgba(153,58,85, 0.10);}
.table tr:nth-child(even){background:rgba(255,207,101,0.10);}
.li_icon{display:inline-block;width:12px;}
.p3_inputs{width:50%;margin:0 auto;margin-left:0;height:40px;background:url(../images/guo.png) no-repeat center;background-size:100%;}
.p3_inputs1{position:absolute;top:0;right:0;background-image:url(../images/cheng.png);}
.p3_inputs.hover{background-image:url(../images/guo_h.png);}
.p3_inputs1.hover{background-image:url(../images/cheng_h.png);}

.result span{display:none;font-size:0.8rem;color:#f00;}
.result span.b{display:block;}
.page{background:#ffcf65;overflow: hidden;}
.page1{background:#353a55 url(../images/bg.png?v.0) repeat;overflow: hidden;}
.img3-1{transform:rotateX(180deg);-webkit-transform:rotateX(180deg);padding-bottom: 3vh;width: 70%;}
.img3{padding-top: 10vh;width: 70%;}
.tus{width: 94vw;height: 91vh;background: url(../images/bg.jpg) no-repeat;margin: 0 auto;background-size: 100%;position: absolute;left: 3vw;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.banner{width:68%;padding-top: 3vh}
.img2{width:44%;padding-top: 9vh;animation: tada 1s linear infinite;-webkit-animation: tada 1s linear infinite;}
.img4{width:34%;padding-top: 6vh;}
.img1{width:70%;padding-top: 6vh;}
.zi{width: 65%;padding-top: 10vh;}

.banner3{background: #353a55;padding-top: 4vh;padding-bottom: 5px;}


.page2 .img3{padding-top: 4vh;width: 64%;}
.page2 .img3-1{width: 64%;}
.b1{width: 65%;padding-top: 3vh;}
.b2{width: 65%;padding-top: 3vh;}
.img5{width: 90%;position: absolute;bottom:11vh;left: 5%;}


#search, #search1, #search2{width: 100%;line-height:33px;border-radius: 18px; padding:0 3px;background: url(../images/6.png) no-repeat;background-size: 100% 100%;color: #353a55;}
.phb{height:66%;overflow:hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch;width:100%;margin: 0 auto;background: #fff;}
#search_data{background:rgba(0, 0, 0, 0.8);color:#fff;height:400px;overflow-y:scroll;-webkit-overflow-scrolling: touch;position:absolute;left:0;right:0;top:50px;display: none;z-index: 100;}
#search_data ul li{line-height: 22px;padding: 5px 0;font-size: 14px;font-family: 微软雅黑;}
#c2{ width:100%; margin:10px 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;} 
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9);transform:scale(0.9)}30%,50%,70%,90%{-webkit-transform:scale(1.1);transform:scale(1.1) }40%,60%,80%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}30%,50%,70%,90%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1))}40%,60%,80%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}

.p3_button span.cun{ visibility:hidden; width:0px; height:0px;padding: 0;margin: 0;}
#c1, .c2, #c3, #c4, #c5{ margin-top:40px;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.chax{width: 100%;position: relative;height: 100%;}
#c1 td:first-child,#c3 td:first-child,.c2 td:first-child{color:#ce971e;font-weight: bold;}
#c1 td:last-child,#c3 td:last-child,.c2 td:last-child{color:#f75f23;}
#c1 td:nth-child(2),#c3 td:nth-child(2),.c2 td:nth-child(2){font-weight:bold;}
.pop{top:0;position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.77);z-index:1000;display:none;}

.rights{margin-top:18%;line-height: 20px;}
.code{width: 60px; margin-top: 10px;z-index: 10;}


.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;
}