html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1rem dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40rem}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1rem solid silver;margin:0 2rem;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
body {-webkit-tap-highlight-color: transparent;}ul{ margin: 0; padding: 0; list-style: none;}
input { outline: none;}
a { text-decoration: none;}
/* a:hover { text-decoration: underline;} */
.btn { background-color: rgba(28, 180, 231, 1); color: #fff;}
.btn:hover { background-color: rgba(40, 190, 245, 1); }

.icon { width: 24px; height: 24px; background-repeat: no-repeat; display: inline-block; vertical-align: middle;}
.icon.location{ background-image: url(../images/ico-location.png);}
.icon.mail{ background-image: url(../images/ico-mail.png);}
.pg-loc { height: 20px; line-height: 20px; margin-bottom: 60px; padding-left: 40px; background: 0 50% url(../images/ico-0.png?v=1.0) no-repeat; color: #888;}
.wrap { width: 80%; max-width: 1200px; margin: auto; box-sizing: border-box;}

header {position: absolute; top: 0; width: 100%; background-color: rgba(0,0,0,.35);}
header .wrap{ height: 80px; display: flex; align-items: center;}
header .wrap .logo { width: 150px; height:74px; background: 50% / 100% auto url(../images/logo.png?v=1.0) no-repeat;}
header ul{ display: flex; flex: 1; justify-content: center;}
header ul li{ margin: 0 50px; text-align: center;}
header ul li a { color: #fff;}
header ul li a:hover { color: rgba(28, 180, 231, 1);}
header ul li span { font-size: 14px; display: block;}
header .btn-login { width: 170px; height: 48px; line-height: 48px; border-radius: 50px; text-align: center; display: block;}
header .ext .username{ color: #fff;}
header .ext .username span { margin-right: 10px; cursor: pointer;}
header .ext .username a { color: #999; font-size: 14px; cursor: pointer;}
header .ext .username a:hover { color: rgba(28, 180, 231, 1);}


footer { background-color: #2C2E2D; font-size: 14px; color: #fff;}
footer .ft-main { padding: 60px 0 100px; display: flex; align-items: center; justify-content: space-between;}
footer .ft-contact { margin-left: 140px;}
footer .ft-contact>div { margin: 20px 0;}
footer .ft-contact .icon { margin-right: 10px;;}
footer .join-in {display: flex; align-items: center;}
footer .join-in .txt { margin-right: 50px; color:#1CB4E7; font-size: 44px;}
footer .join-in-box { width: 260px; height: 48px; line-height: 48px; border-radius: 50px; background-color: #fff; display: flex; overflow: hidden;}
footer .join-in-box input { width: 120px; margin: 0 20px; border: none; box-sizing: border-box; color: #333; font-size: 16px; flex: 1;}
footer .join-in-box .btn-join { width: 100px; border-radius: 50px; background-color: #1CB4E7; color: #fff; text-align: center; cursor: pointer;}

footer .copyright { padding: 20px 0; border-top: 1px solid #555;}
footer .copyright .wrap{ padding: 0 140px; font-size: 12px; display: flex; justify-content: space-between;}
footer .copyright a { color: #fff;}
footer .copyright a:hover { text-decoration: underline;}

.page-home header .wrap { height: 140px;}
.page-home header .wrap .logo { width: 232px;}
.page-home .banner{ height: 1190px;  background: 50% url(../images/banner1.jpg?v=1.0) no-repeat;;}
.page-home .banner { overflow: hidden;}
.page-home .banner .bt{ margin-top: 300px; padding: 40px 0 20px; background-color: rgba(28, 180, 231, .8);}
.page-home .banner .wrap{ color: #fff; font-size: 75px;}
.page-home .banner .wrap>div:first-child{ font-size: 110px;}

.page-home .intro { margin: -120px auto 100px;}
.page-home .intro .wrap { padding: 40px 40px; border-radius: 30px; box-shadow: 0 10px 6px rgba(100,100,100,.06); background-color: #fff;}
.page-home .intro .i-title { margin-bottom: 20px; color: #1CB4E7; font-size: 48px;}

.page-home .feature { margin-bottom: 60px; background-color: rgba(28, 180, 231, .06);}
.page-home .feature .wrap{ position: relative; top: -50px; display: flex; justify-content: space-between;}
.page-home .feature .wrap>div{ width: 30%; padding: 40px 30px 80px; box-sizing: border-box; box-shadow: 0 5px 10px 10px rgba(100,100,100,.03); background-color: #fff; text-align: center;}
.page-home .feature .wrap>div.active { background: linear-gradient(#32C2E8,#67E4EB); color: #fff}
.page-home .feature .f-title { margin: 20px 0; font-size: 18px;}
.page-home .feature .ico { width: 72px; height: 72px; margin: auto; background-position: 50%; background-repeat: no-repeat;}
.page-home .feature .f1 .ico { background-image: url(../images/ico-1.png?v=1.0);}
.page-home .feature .f2 .ico { background-image: url(../images/ico-2.png?v=1.0);}
.page-home .feature .f3 .ico { background-image: url(../images/ico-3.png?v=1.0);}

.page-home .news .news-title { margin-bottom: 50px; text-align: center;}
.page-home .news .news-title .t-main { position: relative; font-size: 50px;}
.page-home .news .news-title .t-main:after { position: absolute; top: -10px; left: 50%; width: 20px; height: 4px; background-color: #000; content: ''; transform: translate3d(-50%, 0, 0);}
.page-home .news .news-title .t-sub { font-size: 18px;}
.page-home .news .item { margin-bottom: 40px; padding: 30px 80px; border-radius: 30px; box-shadow: 0 5px 10px 2px rgba(50,50,50,.04); background-color: #fff;}
.page-home .news .item .i-main { flex: 1;}
.page-home .news .item .i-title { margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;}
.page-home .news .item .i-title a{ color: rgba(28, 180, 231, 1); font-size: 24px;}
.page-home .news .item .i-title a:hover {color: rgba(40, 190, 245, 1);}
.page-home .news .item .i-title .date { font-size: 14px;}
.page-home .news .item .i-sub { color: #333; font-size: 18px; display: flex; justify-content: space-between; align-items: flex-start;}
.page-home .news .item .i-sub>div:first-child { margin-right: 50px; flex: 1;}
.page-home .news .item .i-sub a { color: #333;}
.page-home .news .item .i-sub a:hover { color: rgba(40, 190, 245, 1);;}

.page-newslist .banner{ height: 340px; margin-bottom: 50px; background: 50% url(../images/banner2.jpg?v=1.0) no-repeat;}

.news-cate { margin-bottom: 30px; display: flex;}
.news-cate>div{ margin-right: 20px; padding: 8px 20px; background-color: #f8f8f8; text-align: center; cursor: pointer;}
.news-cate>div:hover, .news-cate>div.active { background-color: rgba(40, 190, 245, 1); color: #fff}

.news-list { margin-bottom: 80px;}
.news-list .item { margin-bottom: 40px; padding: 30px 50px; border-radius: 30px; box-shadow: 0 5px 10px 2px rgba(50,50,50,.04); background-color: #fff; display: flex;}
.news-list .item .n-main { position: relative; width: 200px; flex: 1;}
.news-list .item .priview{ width: 150px; height: 150px; margin-right: 40px;}
.news-list .priview img{ width: 100%; height: 100%; display: block;}
.news-list .n-title {margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news-list .n-title a{ width: 90%; height: 1.2em; color: rgba(28, 180, 231, 1); font-size: 24px;}
.news-list .n-title a:hover {color: rgba(40, 190, 245, 1); text-decoration: underline;}
.news-list .intro { margin-bottom: 10px;}
.news-list .intro .more { color: #000; font-weight: 700;}
.news-list .intro .more:hover { text-decoration: underline;}
.news-list .i-ext { position: absolute; bottom: 0; left: 0; color: #555; font-size: 14px; display: flex;}
.news-list .i-ext>div { display: flex; align-items: center;}
.news-list .i-ext svg { margin-right: 10px;}
.page-newslist .news-list .i-ext .date { width: 200px;}

.pagination { margin-bottom: 50px; display: flex; align-items: center;}
.pagination ul { display: flex;}
.pagination li a{ min-width: 30px; margin: 0 5px; padding: 5px; border: 1px solid #f2f2f2; box-sizing: border-box; color: #333; text-align: center; cursor: pointer; display: block;}
.pagination li:hover a, .pagination li.active a{ background-color: rgba(40, 190, 245, 1); color: #fff;}
.pagination li.active a{ cursor: default;}
.pagination li.disabled a{ border: none; background-color: transparent; color: #333; cursor: default;}
.pagination .total { margin-left: 20px; color: #999}

.page-news .banner{ height: 340px; margin-bottom: 50px; background: 50% url(../images/banner2.jpg?v=1.0) no-repeat;}
.page-news .news {}
.page-news .news .n-title{ margin-bottom: 20px; font-size: 32px; text-align: center;}
.page-news .news .n-date{ margin-bottom: 50px; font-size: 14px; text-align: center;}
.page-news .news .n-content{ margin-bottom: 100px; padding: 40px 80px 60px; border-radius: 30px; box-shadow: 0 5px 10px 5px rgba(50,50,50,.04); background-color: #fff;}
/* .page-news .news .n-content p { line-height: 1.8; text-indent: 2em;} */
.page-news .news .n-content img { max-width: 100%;}

.to-member { width: 400px; margin: 0 auto 100px; border: 1px dashed #1CB4E7; text-align: center;}
.to-member a{ width: 100%; height: 100%; padding: 10px; color: #1CB4E7; display: block;}

.step-wrap { margin-bottom: 100px; padding: 50px 100px; box-shadow: 0 5px 10px 5px rgb(50 50 50 / 4%); display: none;}
.step-wrap.active { display: flex;}
.step-wrap>div:nth-child(1) { margin-right: 120px;}
.step-wrap>div:nth-child(2) { flex: 1;}
.step-wrap .st{ margin-bottom: 20px; font-size: 22px;}
.step-wrap .bank-wrap { margin: 30px 0 60px;;}
.step-wrap .bank-wrap .bank-no{ height: 30px; line-height: 30px; padding-left: 50px; background: 0 / auto 100% url(../images/ico-card.png?v=1.0) no-repeat;}
.step-wrap .bank-wrap .action{ margin-left: 30px; color: #1CB4E7; cursor: pointer;}
.step-wrap table th, .step-wrap table td{ padding: 10px 20px; border: 1px solid #999; }
.step-wrap table { width: 100%; }


.page-contact main { margin-bottom: 150px;}
.page-contact .banner{ height: 340px; margin-bottom: 50px; background: 50% url(../images/banner3.jpg?v=1.0) no-repeat;}
.page-contact .contact { margin-bottom: 80px;}
.page-contact .contact .c-title{ height: 65px; line-height: 65px; margin-bottom: 30px; padding-left: 80px; font-size: 24px;}
.page-contact .contact .c-content{}
.page-contact .contact.c1 .c-title{ background: url(../images/ico-contact.png?v=1.0) no-repeat;}
.page-contact .contact.c1 .c-content { padding: 20px 100px; background-color: #1CB4E7; color: #fff; display: inline-block;}
.page-contact .contact.c1 .c-content>div { margin: 20px 0;}
.page-contact .contact.c2 .c-title{ background: url(../images/ico-map.png?v=1.0) no-repeat;}
.page-contact .contact.c2 img { width: 100%; display: block;}


.page-login .banner{ height: 340px; margin-bottom: 50px; background: 50% url(../images/banner4.jpg?v=1.0) no-repeat;}
.page-login .login-wrap { margin-bottom: 80px; padding: 50px 0; border-radius: 30px; box-shadow: 0 5px 10px 5px rgba(50,50,50,.04); background-color: #fff;}
.page-login .login-wrap input{ width: 100%; height: 58px; padding: 0 20px; border: none; box-sizing: border-box; background-color: #EEF0F3;}
.page-login .login-wrap button { width: 100%; height: 58px; border:none;}
.page-login .login-wrap .item { width: 480px; margin: 0 auto 20px; display: flex;}
.page-login .login-wrap .l-title{ margin-bottom: 40px; font-size: 24px; text-align: center;}
.page-login .login-wrap .get-code { width: 160px; height: 58px; line-height: 58px; background-color: #EEF0F3; color: #1CB4E7;; text-align: center;}
.page-login .login-wrap .get-code .get{ cursor: pointer;}
.page-login .login-wrap .txt { padding: 20px 0 0 20px;}
.page-login .login-wrap .txt a{ color:rgba(28, 180, 231, 1); cursor: pointer;}
.page-login .login-wrap .txt a:hover{ color:rgba(40, 190, 245, 1);}

.page-member .banner{ height: 340px; margin-bottom: 50px; background: 50% url(../images/banner4.jpg?v=1.0) no-repeat;}
.page-member .pg-loc { height: 30px; line-height: 30px; margin-bottom: 40px; padding-left: 46px; background: url(../images/icon-member.png?v=1.0) no-repeat; font-size: 20px;}


@media screen and (max-width: 1380px) {
	footer .ft-contact { margin: 0;}
	footer .copyright .wrap { padding: 0;}
}

@media screen and (max-width: 1000px) {
	footer .ft-main { display: block;}	
	footer .ft-contact { width: 200px; margin: auto;}
	footer .join-in { display: block; text-align: center;}
	footer .join-in .txt { margin-bottom: 30px;}
	footer .join-in-box { margin: auto;}
}