/* @charset "utf-8"; */
/* CSS Document */
/* 重置 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; font-family: "微软雅黑"; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none outside none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
input { font-family: "微软雅黑"; padding-bottom: 0; padding-top: 0; }
input::-moz-focus-inner {border: medium none;padding: 0;}
select, input { vertical-align: middle; }
select, input, textarea { font-size: 12px; margin: 0; }
input[type="text"], input[type="password"], textarea { outline-style: none; }
textarea { resize: none; }

/* 基本 */
a { text-decoration: none; }
a:hover { color: #ffffff; }
a:focus { outline: none; }
.heiti { font-family: "微软雅黑"; }
.font_s12 { font-size: 12px; }
.font_s14 { font-size: 14px; }
.font_s16 { font-size: 16px; }
.font_s18 { font-size: 18px; }
.font_s20 { font-size: 20px; }
.font_s24 { font-size: 24px; }
.font_s30 { font-size: 30px; }
.lh20 { line-height: 20px; }
.lh24 { line-height: 24px; }
.lh28 { line-height: 28px; }
.lh30 { line-height: 30px; }
.lh35 { line-height: 35px; }
.lh40 { line-height: 40px; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.txt_left { text-align: left; }
.txt_right { text-align: right; }
.txt_center { text-align: center; }
.txt_2em { text-indent: 2em; }
.show { display: block; }
.hidden { display: none; }
.b { font-weight: bold; }
.of { overflow: hidden; }


.blue { color: #004ea2; }
.blue a { color: #004ea2; }
.blue p { color: #004ea2; }
.blue:hover { color: #ff9900; }
.lblue { color: #1ba6e7; }
.lblue a { color: #1ba6e7; }
.lblue p { color: #1ba6e7; }
.white { color: #FFF }
.white a { color: #FFF }
.white p { color: #FFF }
.white a:hover { color: #ffcc00 }
.lgray { color: #999999; }
.lgray a { color: #999999; }
.red { color: #aa0000; }
.red p { color: #aa0000 }
.red a { color: #aa0000; }
.red a:hover { color: #0e4ac3; }
.green { color: #078741; }
.green a { color: #078741; }
.orange { color: #ff6600; }
.orange a { color: #ff6600; }
.kong5 { width: 100%; height: 5px; }
.kong10 { width: 100%; height: 10px; }
.kong15 { width: 100%; height: 15px; }
.kong20 { width: 100%; height: 20px; }
.kong30 { width: 100%; height: 30px; }
.kong40 { width: 100%; height: 40px; }
.kong50 { width: 100%; height: 40px; }
.titT1 { overflow: hidden; white-space: nowrap; }
.titT2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }



.bigImg { overflow: hidden;}
.bigImg  img {opacity: 0.8;-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.bigImg:hover img {opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
 
.feiyiRs li img {-webkit-transition: -webkit-transform 0.3s ease-out;-moz-transition: -moz-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;-ms-transition: -ms-transform 0.3s ease-out;}
.feiyiRs li img:hover {-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

.redBg{background: linear-gradient(0deg, #ffff,#ffe6e6); position: relative;}
.listP li:nth-of-type(even) .redBg{background: linear-gradient(0deg, #ffff,#e6ebff); position: relative;}


.bg{ background-image: url(bg.png); background-position: center top; background-repeat: no-repeat;background-size: 100% auto; box-sizing: border-box;  min-height: 100vh; position: relative;}

.logo{ text-align: center; padding: 12% 0 20% 0;}
.logo img{ max-width:600px ;}
.navBg{ width: calc(100% - 60px ); margin: 0 auto; border: 5px solid #fff; overflow: hidden;border-radius: 10px; background-color: #fff; box-shadow:#5b8ce6 5px 5px 0px; }
.navBgSub{background-color: #e3f6fc; }
.navBg ul.list{ background-image: url(navBg.png); background-position: top center; background-repeat: no-repeat; background-size: 100%; padding: 30px 0; min-height:calc( 100vh - 500px);}
.navBg ul.list li{ text-align: center;  width: 25%; float: left; margin-top: 15px;}
.navBg ul.list li a{ color: #000;}
.appIcon img{ box-shadow:rgba(0,0,0,0.4) 3px 3px 3px; border-radius: 20px; overflow: hidden;}
.appT{ margin-top: 5px; font-size: 16px;}

.listT{ margin: 0; padding: 15px; min-height:calc( 100vh - 500px);}
.listT li{ margin: 0; padding: 0;background-image: url(dot.png); background-position: left center; background-repeat: no-repeat;background-size: 5px; padding:0 0 0 10px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; width: 100%; height: 40px; line-height: 40px;  }
.listT li a{ color: #000; font-size: 18px;}
.floor { text-align: center; position: absolute; bottom:20px; width: 100%; margin-top: 15px; height: 50px;}
.floor p{ font-size: 14px; color: #24385a; margin: 5px 0 0 0; padding: 0;}
.h100{ height: 100px;}

.titTop{ width: calc(100% - 60px); height: 30px; line-height: 30px; color:#4b4b4b; text-align: center; font-size: 20px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
.topBar{ padding: 15px; background-color: #fff;box-shadow:rgba(0,0,0,0.1) 0 3px 3px; position: fixed; top:0; width: 100%; max-width: 750px; box-sizing: border-box;}
.back1 { width: 20px; position: relative; top: 5px;}

.text{ margin:70px 15px;}
.text h1{ font-size: 20px; text-align: center; border-bottom: 1px solid #e5e5e5; padding: 10px 0; margin: 15px 0;}
.textP p{ font-size: 16px; margin: 5px 0 0 0; padding: 0; line-height: 180%; }
.textP p img{ max-width: 100%;}
.bottomBtn{ text-align: center; background-color: #fff; padding: 15px 0; position: fixed; bottom: 0; width: 100%; max-width: 750px; height: 70px; box-sizing: border-box;}
.btnBlue{ color: #fff;  text-align: center;background: linear-gradient(90deg, #5db9ff, #289aff, #0d8aff); box-shadow:rgba(33, 150, 243, 0.3) 0 5px 5px; border-radius: 10px; margin-top: 18px; font-size: 1.3em; padding: 7px 20px;margin: 0 15px; }

#myPh {position: fixed;  background-color: rgba(0, 0, 0, 0.8); height: 100vh; width: 100vw; display: none; z-index: 50; top: 0; left: 0; pointer-events:none;}
#sign{ background-color: #f8f8f8; position: fixed; bottom: -70%; width: 100%;z-index: 99; height: 70vh;}
#cons{ background-color: #f8f8f8; position: fixed; bottom: -70%; width: 100%;z-index: 99; height: 70vh;}
.p15{ padding: 15px;}
.p10{ padding: 10px;}
.botBar{ padding:10px; width:calc( 100% - 20px );border-bottom: 1px solid #e5e5e5;background-color: #fff;  }
.titBot{ width: calc(100% - 60px); height: 20px; line-height: 20px; color:#4b4b4b; text-align: center; font-size: 18px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.listIn{ margin: 0; padding:0;height: calc(70vh - 130px );overflow-y: auto;}
.listIn li{ width: calc( 100% - 22px ); padding:10px; margin-bottom: 10px; background-color: #fff; border-radius: 10px;font-size: 16px; box-shadow:rgba(0,0,0,0.1) 1px 1px 1px;  }
.inputT{ color: #000;}
.inputT .red{ color: #ff0000;margin-right: 5px;font-size: 20px;position: relative;top: 5px;}
.inputW{ padding: 0 0 0 15px;}
.inputW .inputM{color: #535353; border: 0; outline: 0; height: 30px; width: 100%;font-size: 14px;}
.inputW .inputN{color: #535353; width: 100%; height: 100px;border: 0; outline: 0; margin-top: 5px; line-height: 150%; font-size: 14px;}

.inputW .inputY{color: #535353; border: 0; outline: 0; height: 30px; width: calc(100% - 130px );font-size: 14px;}

.btnBta{ padding: 15px;}
.btnBta .btnBlue{ color: #fff;  text-align: center;background: linear-gradient(90deg, #5db9ff, #289aff, #0d8aff); box-shadow:rgba(33, 150, 243, 0.3) 0 5px 5px; border-radius: 10px; margin-top: 18px; font-size: 1.3em; padding: 10px 0px;margin: 0 20px;  width: 70%; margin: 0 15%; display: block; }
.tuan{ margin: 0 5px 0 25px;}
.yzImg{border: 1px solid #e5e5e5; position: relative; right: -10px; top:10px; width: 120px; height: 28px; background-color: #0d8aff;}

body.bule{ background-color: #93d7f5;max-width:750px;}
html{max-width:750px;}
.w750 { width:750px; margin: 0 auto;}

@media screen and (min-width:751px) and (max-width:4750px) {
    body.bule{ background-color: #93d7f5;width:750px;margin: 0 auto; overflow: hidden;}
    html{ width:750px; margin: 0 auto;overflow: hidden;}
    .w750{ width:750px; margin: 0 auto; overflow: hidden;}
}
@media screen and (min-width:150px) and (max-width:750px) {
    body.bule{ background-color: #93d7f5;width:100%;}
    html{ width:100%;}
    .w750{ width: 100%; margin: 0 auto;}
}