﻿html{
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
html,body,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,form,p,table,td,th,button,input,select,textarea{
  margin:0;
  padding:0;
}
ul,li{
  list-style:none;
}
a {
  background-color: transparent;
  -webkit-tap-highlight-color:transparent;
  -webkit-text-decoration-skip: objects;
}
img{
  border:0;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  border: none;
  cursor: pointer;
}
button,input,textarea{
  font-family: inherit;
  font-size:100%;
}
*{
  box-sizing:border-box;
}
a,button,input{
  outline:none;
  text-decoration: none;
}
input::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
  letter-spacing: 1px;
}
input:-moz-placeholder {
  color: #999;
  font-size: 14px;
  letter-spacing: 1px;
}
html{
  height: 100%;
}
body{
  font-family: "Roboto, Microsoft YaHei";
  -webkit-overflow-scrolling:touch;
  -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;tap-highlight-color: rgba(0,0,0,0);tap-highlight-color: transparent;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div{box-sizing:border-box;}

.left {
  float: left;
}

.right {
  float: right;
}


/*强制横向排列*/
.disp_r{display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;}
/*强制纵向排列*/
.disp_c{display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;}
/*设置的节点自动占满剩余的空间*/
.flex1{flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;}
.flex2{flex:2;-webkit-flex:2;-moz-flex:2;-ms-flex:2;}
.flex3{flex:3;-webkit-flex:3;-moz-flex:3;-ms-flex:3;}

/*子节点居住*/
.jus_center{justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;}
/*子节点两边置顶 中间平均分配*/
.jus_between{justify-content:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;}
/*子节点剩余空间平均分配*/
.jus_around{justify-content:space-around;-webkit-justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;-o-justify-content:space-around;}
/*横---反向排列*/
.flex_r{flex-direction:row-reverse;-webkit-flex-direction:row-reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;-o-flex-direction:row-reverse;}
/*纵---反向排列*/
.flex_c{flex-direction:column-reverse;-webkit-flex-direction:column-reverse;-moz-flex-direction:column-reverse;-ms-flex-direction:column-reverse;-o-flex-direction:column-reverse;}
/*换行*/
.flex_w{flex-wrap:wrap;-webkit-flex-wrap:wrap;  -moz-flex-wrap:wrap;-ms-flex-wrap:wrap;}
.flex1{flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;}

/********* 自定义样式 *********/

/** header **/
.m-adadana {
  padding-top: 80px;
  width:100%;
  min-width:1110px;
}

.wrap {
  width: 1110px;
  margin: 0 auto;
  overflow: hidden;
}

.hd {
  width: 100%;
  height: 80px;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 5;
  border-bottom:1px solid rgba(0,0,0,0.03)
}

.hd .logo {
  float: left;
  /*margin-top: 14px;*/
}

.hd .logo img{
  /*height: 54px;*/
  vertical-align: middle;
}

.hd img.logo_2{
  width: 50px;
  height: 50px;
  margin-left: 20px;
}

.hd .logo span{
  font-size: 26px;
  color: #333;
  vertical-align: middle;
  margin-left: 10px;
}

.hd .nav {
  float: right;
}

.hd .nav .item {
  float: left;
  font-size: 18px;
  /*color: #333;*/
  /*margin: 38px 0 24px 50px;*/
  /*line-height: 20px;*/
}

.hd .nav .item.active {
  /*color: #FF8339;*/
  color:#2873FF ;
  font-weight: bold;
}

.protocol-hd .nav .item:hover {
  color: #FF8339;
}
.bd{min-width:1110px;width:100%;}
.bd .banner {
  width: 100%;
  position: relative;
}

.bd .banner img{
  width: 100%;
}

.bd .product {
  display: block;
  padding-top: 70px;
  text-align: center;
}

.bd .product h2{
  display: inline-block;
  font-size: 44px;
  color: #333;
  position: relative;
}

.bd .product .list{
  display: block;
  overflow: hidden;
  padding: 56px 0 80px;
}

.bd .product .list .item{
  float: left;
  width: 33.333%;
  text-align: center;
}

.bd .product .list .item img{
  /*height: 103px;*/
}

.bd .product .list .item .title{
  font-size: 20px;
  color: #333;
  margin-top: 36px;
}

.bd .product .list .item .subtitle{
  font-size: 14px;
  color: #666;
  line-height: 24px;
  margin-top: 10px;
}

.bd .terms {
  display: block;
  /*padding-top: 70px;*/
  text-align: center;
}

.bd .terms h2{
  display: inline-block;
  font-size: 44px;
  color: #333;
  position: relative;
}

.bd .card-box{
  display: flex;
  flex-wrap: wrap;
  padding: 60px 0 100px;
}

.bd .card{
  background: #fff;
  border-radius: 2px;
  box-shadow: 2px 2px 15px 0 rgba(62,57,107,0.12);
  width: 474px;
  height: 120px;
  display: flex;
  margin: 16px;
  align-items: center;
  justify-content: flex-start;
}
.bd .card .img-box{
  width: 132px;
  height: 120px;
  display: flex;
  align-items: center;
}
.bd .card img{
  margin-left: 52px;
}
.bd .card .person{
  width: 52px;
  margin-left: 50px;
}
.bd .card .idcard{
  width: 50px;
}
.bd .card .income{
  width: 50px;
}
.bd .card .bank{
  width: 56px;
}
.bd .card .desc{
  width: 320px;
  font-size: 20px;
  color: #333333;
  font-weight: 500;
  text-align: left;
}

.bd .about {
  /*background: #F8FAFF;*/
  padding: 70px 0 0;
  overflow: hidden;
}

.bd .about h2{
  font-size: 1.6em;
  color: #fff;
  margin-bottom: 2em;
  text-align: center;
  font-weight: bold;
}

.bd .about .download-phone {
  width: 340px;
  float: left;
}

.bd .about .content{
  float: right;
  padding:0 2em;
}

.bd .about .content span{
  font-size: 1.5em;
  color: #fff;
  padding:1em 0 0.5em 0;
  display:inline-block;
  text-align:left;
  width:100%;
}
.bd .about .content p{
  text-align: left;
  font-size: 1em;
  color: #eee;
}

.bd .about .google-play{
  margin-top: 70px;
  width: 268px;
  float: right;
}

.bd .service {
  padding: 40px 0 40px;
  background: rgba(33, 33, 33, 1);
  /*margin-top: -46px;*/
  position: relative;
  overflow: hidden;
}

.bd .service .phone-box{
  float: left;
  color: #fff;
  position: relative;
  z-index: 9;
}
.bd .service .phone-box a{
  color:#fff;
}

.bd .phone-box .title{
  font-size: 26px;
  color: #fff;
  margin-bottom: 30px;
}

.bd .phone-box .phone{
  font-size: 18px;
  display: flex;
  align-items: center;
}

.bd .phone-box img{
  width: 20px;
  margin-right: 10px;
}

.bd .phone-box .address img{
  float: left;
  width: 18px;
}

.bd .phone-box .email{
  font-size: 18px;
  margin-top: 12px;
  display: flex;
  align-items: center;
}

.bd .phone-box .address{
  font-size: 18px;
  margin-top: 12px;
  width: 700px;
}
.bd .phone-box .address span{
  text-align: left;
  display: inline-block;
  width: 500px;
}
.bd .right-box{
  float: right;
  text-align: right;
}
.bd .footer-logo{
  width: 70px;
  margin-top: 15px;
  /*margin-right: 18px;*/
}
.bd .right-box .mark {
  color: #fff;
  font-size: 22px;
  margin-top: 10px;
}
.bd .footer-logo-big{
  position: absolute;
  bottom: -10px;
  left: 350px;
  width: 247px;
  height: 156px;
  background: url('../images/footer_logo_big.png');
}

.bd .service .privacy{
  font-size: 16px;
  color: #1877F2;
  margin-top: 37px;
  text-decoration: underline;
  display: block;
}

.iframe{
  width: 100%;
}
.iframe.privacy{
  height: 5200px;
}


.text_box{border:2px solid rgba(107, 107, 107, 1);margin:0.8em 0.5em;line-height:5em;text-align:center;color:rgba(107, 107, 107, 1);}
.text_box:nth-of-type(1){
  margin-left:0px;
}
.text_box:last-child{
  margin-right:0px;
}
.wrap_box{line-height:1.4em;min-width:14em;padding-right:5em;}
.wrap_box:last-child{
  padding-right:0em;
}
.wrap_box h3{font-size:0.8em;color:#fff;font-weight:500;}
.wrap_box p{font-size:0.7em;color:#fff;}
.foot_text{text-align:center;color:#a5a5a5;padding:1em 0;font-size:0.6em;}
article{width:100%;min-width:1110px;}
