html {position: relative;min-height: 100%;}
ul,li {list-style-type: none;padding: 0;margin: 0;}
.width100 { width: 100%!important;}
body {}
a:hover{ text-decoration: none;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}
select {
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background-image: url("/resource/images/select_down.png")!important;
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 30px!important;
}
.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}
.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}
.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}
.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}
.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}
.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}
.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-25{padding:25px}.pd-30{padding:30px}.pd-40{padding:40px}
label { font-weight: normal;}
.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}
.clear {clear: both;}
.flex-box { display: flex; flex-direction:row;}
[v-cloak] { display: none }
.c-red { color:#ff0000}

.header{display: flex; flex-direction:row; margin-top: 10px; margin-bottom: 10px;}
.header .right{ line-height: 30px;padding-left: 10px;}
.footer { background: #6abfdb; padding-top: 30px; padding-left: 30px; color: #fff; line-height: 30px;padding-bottom: 30px; }
#index .top{background: #d9e9fb; }
#index .c1{ background: #d9e9fb; padding-top: 30px; padding-bottom: 30px;}
#index .c1 .title { text-align: center;font-size: 20px; font-weight: bold; color: #666666;}
#index .c1 .item { background: #FFFFFF;width: 90%; margin-left: auto;margin-right: auto; padding-left: 20px; padding-top: 18px;padding-bottom: 18px;font-size: 18px;margin-top: 15px;}
#index .c1 .item .t {border-left: 6px solid #589de9;color: #589de9;padding-left: 10px; height: 15px; line-height: 15px;}
#index .c1 .item .text {color: #666666;padding-left: 16px;padding-top: 10px;}
#index .c2{padding-top: 30px; padding-bottom: 30px;}
#index .c2 .title { text-align: center;font-size: 20px; font-weight: bold; color: #666666;}
#index .c2 .item { display: flex; flex-direction:row;width: 85%; margin-left: auto;margin-right: auto;margin-top: 20px;}
#index .c2 .item .left,#index .c2 .item .right{ width: 45%;text-align: center;padding-top: 10px; padding-bottom: 10px;color: #fff; font-size: 18px;}
#index .c2 .item .right {margin-left: 10%;}
#index .c3{background: #6abfdb;padding-bottom: 30px;}
#index .c3 .title { text-align: center;font-size: 20px; font-weight: bold; color: #fff;padding-top: 30px;}
#index .c3 .item { background: #fff; width: 90%; margin-left: auto;margin-right: auto;display: flex; flex-direction:row;padding-top: 30px;padding-left: 20px;padding-bottom: 30px;}
#index .c3 .item .left img{ width: 40px;}
#index .c3 .item .right { padding-left: 10px;padding-right: 10px;}
#index .c3 .item .right .t{font-size: 17px; font-weight: bold;color: #589de9;}
#index .c3 .item .right .text{color: #666;padding-top: 5px;}
#index .c4{background: #fff;padding-top: 30px;padding-bottom: 30px;}
#index .c4 .title{font-size: 20px; font-weight: bold;text-align: center; color: #666;}
#index .c4 .item { background: #fff; width: 90%; margin-left: auto;margin-right: auto;display: flex; flex-direction:row;padding-top: 30px;padding-left: 20px;padding-bottom: 30px;border: 1px solid #999;}
#index .c4 .item .left img{ width: 40px;}
#index .c4 .item .right { padding-left: 10px;padding-right: 10px;}
#index .c4 .item .right .t{color: #666;}
#index .c4 .item .right .text{font-size: 17px; font-weight: bold;color: #589de9;padding-top: 5px;}
#index .c4 .item span{font-size: 17px; font-weight: bold;color: #589de9;}

#case-mp .item,#case-miniapp .item,#case-web .item{text-align: center; font-size: 20px; margin-bottom: 20px;}
#case-web .item .text{ padding-top: 10px;}

#contact .content { padding-left: 20px; font-size: 20px; line-height: 40px;}