body{font-family:Microsoft YaHei; font-size: 24px;max-width:740px;margin:0 auto;background:url(../img/appbg.jpg) #F1F7FA  no-repeat  center top;background-size: 740px}
*{margin:0;padding:0}
li{list-style:none}
img{border:0}
a{text-decoration:none;color:#333}
a:hover{}
i,em{font-style:normal}
u{text-decoration:none}
.clear{clear:both}
 .head{height: 96px;background: url(../img/top.jpg)  center  bottom  no-repeat; display: flex;align-items: center;justify-content: space-between;      position: relative;    box-sizing: border-box;  padding: 0 20px;max-width:740px;    width: 100%;background-size: 100%;}
.head .logo{width: 80%}
.head h3{width: 100%;text-align: center;color:#fff;}
.eakf  .head{    position: absolute;background: none;padding: 20px; height: 60px;}
.head .ReturnPage {     position: absolute;
    left: 30px;
    background: rgb(0 0 0 / 21%);
    height: 30px;
    width: 90px;
    border-radius: 30px;   
    padding: 5px 0;
    box-sizing: border-box;    display: flex;}


.head .fh {
   
 background: url(../img/fh2.png) center no-repeat;
    height: 20px;
    width: 44px;
    display: block;
    background-size: 8px;
    border-right: 1px #fff solid;
}
.head .home {
   
 background: url(../img/home.png) center no-repeat;
    height: 20px;
    width: 45px;
    display: block;
    background-size: 18px;
 
}
.applogo {
    position: relative;
}
.applogo img {
    display: block;
    width: 100%;
}
.applogo img.logozs {
    width: 300px;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -150px;
}
.appxz>img{width:100%;display: block;}
.appxz ul{padding: 30px  20%;background:#0E64EF;}
.appxz ul li{margin-bottom: 30px;}
.appxz ul li a{    background-color: rgba(0, 65, 250, 1);
       display: flex;color:#fff;
    align-items: center;
  position: relative;    justify-content: center;
    height: 96px;
    border: 4px solid rgba(124, 162, 255, 1);}

.appxz ul li a:hover{background-color:#333; border: 4px solid #333;}

.appxz ul li a i{position: absolute;    background-color: rgba(64, 202, 0, 1);
    border-radius: 0px 16px 0px 16px;
    height: 32px;
    width: 80px;
text-align: center;color:#fff;
    left: -30px;
    top: -10px;}
.appxz ul li a img{margin-right: 10px;}
 .htdz{background:#0E64EF;}
.htdz ul h3{text-align: center;color:#fff;margin-bottom: 30px;}
 .htdz ul {margin:0 30px;padding:30px 30px 50px 30px;border-radius: 20px;background:#3a81f3;}
  .htdz ul  li{margin-bottom: 30px;padding-bottom: 30px;border-bottom:1px #84b3ff solid;}
.htdz ul  li:last-child{margin-bottom: 0px;padding-bottom: 0px;border-bottom:0px #84b3ff solid;}
 .htdz ul  li a{color:#fff;display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;    align-items: center;
    justify-content: space-between;}




 .htdz ul  li a span b{display: block;}
 .htdz ul  li a u{border-radius: 30px;text-align: center;border:1px #fff solid;    padding: 0 20px;
    line-height: 40px;}
 .htdz ul  li a  span  b  i {background: #2810FF;border-radius: 16px;    font-size: 16px;
    padding: 5px 20px;
  
    margin-left: 10px;}


.mt4xz{    background: #0E64EF;}
.mt4xz h3{    margin:0px 30px;padding:20px 0;color:#fff;}
.mt4xz ul {    margin: 0 30px;
    padding:30px;
    border-radius: 20px;
    background: #3a81f3;}

.mt4xz ul li{    margin-bottom: 30px;
    padding-bottom: 30px;border-bottom:1px #84b3ff solid;}
.mt4xz ul li:last-child{ margin-bottom: 0px;
    padding-bottom: 0px;border-bottom:0}

.mt4xz ul li a{color:#fff;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;
    align-items: center;}   
.mt4xz ul li a i{    background: url(../img/download.png) center no-repeat #ffffff91;
    border-radius: 30px;
    display: block;
    width: 60px;
    height: 30px;
    background-size: 20px;}
.foot {text-align: center;color: #fff;line-height: 1.5;    background: #0e64ef;padding:30px 0;}



.enterprise{background: url(../img/vipbg.png) no-repeat  top center #b8eaff;background-size: 740px;}
 
.enterprise .head h3{  color:#333;font-size: 18px;}

.enterprise  h3.title{font-family: MiSans, MiSans;
font-weight: bold;
font-size:55px;
color: #000000;
line-height: 125px;

text-align: center;
font-style: normal;
background: linear-gradient(43.40629964528183deg, #024EFF 0%, #A73BD5 100%);
text-stroke: 1px rgba(255,255,255);
-webkit-text-stroke: 1px rgba(255,255,255);
 
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent; 
 

}

.enterlist {    margin: 300px 0   50px;padding:20px;}

.enterlist dl{background: #DBF2FF;
border-radius: 24px;margin-bottom:70px;position: relative;padding:40px 20px  20px;}
.enterlist dl:last-child{margin-bottom:0;}
.enterlist dl>i{position:absolute;display: block;width:150px;height: 65px;line-height: 40px;text-align: center;left:0;top:-18px;color:#fff;font-size: 24px;font-weight: bold;}

.enterlist dl>i.ico1{background: url(../img/vipbt1.png) no-repeat   center;background-size: 100%;}
.enterlist dl>i.ico2{background: url(../img/vipbt2.png) no-repeat   center;background-size: 100%;}
.enterlist dl>i.ico3{background: url(../img/vipbt3.png) no-repeat   center;background-size: 100%;}
.enterlist dl>i.ico4{background: url(../img/vipbt4.png) no-repeat   center;background-size: 100%;}



.enterlist dl dt{margin-bottom:20px;background: #FFFFFF;
border-radius:24px;
opacity: 0.8;padding:20px;text-align: center;}

.enterlist dl dt span{display: block;
    margin-bottom: 10px;}
.enterlist dl dt p{line-height: 2;
    font-weight: bold;
    font-size: 16px;}
.enterlist dl dt p b{font-size:30px;margin-left:5px}
.enterlist dl dt a{height: 56px;    font-weight: bold;
background: linear-gradient( 124deg, #FFCF8C 0%, #EDAB52 100%);
border-radius: 28px;display: inline-block;    height: 30px;
    width: 130px;
    line-height: 30px;}


.enterlist dl dd{background: #FFFFFF;
border-radius:24px;
opacity: 0.8;padding:20px;}
.enterlist dl dd span{ background: url(../img/jx.png) no-repeat  left center;     background-size: auto 18px;
    line-height: 26px;
    padding-left:10px;font-weight: bold;    font-size: 20px;display: block;margin-bottom: 15px;}
.enterlist dl dd span em{color:#7B7B7B;font-size: 14px;    margin-left: 10px;}
.enterlist dl dd ul li:first-child{border-bottom: 1px #ddd solid;margin-bottom:10px;padding-bottom: 10px;}

.enterlist dl dd ul p{
    background: url(../img/gx.png) no-repeat  left center;
    background-size: 15px;
    padding-left:20px;
    line-height: 2;font-size: 16px;
}


.xzwm{    background: #DBF2FF;
    border-radius: 24px;
    margin-bottom: 70px;
    position: relative;
    padding: 40px 20px 20px;margin:0 20px;}
    .btb{text-align: center;font-size: 34px;    position: relative;}
    .btb h3{    display: flex;
    align-items: center;
    justify-content: center;position: relative;z-index: 1;margin-bottom: 55px;}
    .btb h3 span{position: relative;margin: 0 10px;}
    .btb h3:after{ content: "";
    display: inline-block;
    background-color: #0675FC;
    border-radius: 7px;
    width: 6px;
    height: 32px;
}
    .btb h3:before{ content: "";
    display: inline-block;
    background-color: #0675FC;
    border-radius: 7px;
    width: 6px;
    height: 32px;
}
    .btb p{  position: absolute;    width: 100%;
    top: 20px;  color: #e9e9e9;}
    .xzwm ul{display: flex;    flex-wrap: wrap;}
    .xzwm ul li{text-align: center;width: 50%;margin-bottom: 40px;}
    .xzwm ul li:nth-child(3),.xzwm ul li:nth-child(4){margin-bottom: 0}
    .xzwm ul li img{display: block;    margin: 0 auto;}
    .xzwm ul li span{font-size: 30px;font-weight: 600;display: block;margin:  10px 0}
    .xzwm ul li p{    color: #909090;
    font-size: 22px;padding: 0 35px;}

.ffbox{margin:50px 20px;}
.ffbox h3{text-align: center;    font-size: 34px;}
.ffbox p{text-align: center;    font-size:18px;color:#1A1A1A;margin:20px 0;}

.ffbox ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
    flex-wrap: wrap;
display: flex;justify-content: space-between;}

.ffbox ul li{width:49%;background: #DBF2FF;
border-radius: 14px;padding: 20px;
    box-sizing: border-box;    margin-bottom: 15px;}
.ffbox ul li span{display: block;    background: url(../img/e.png) no-repeat  left center;
    background-size: 20px;
    padding-left:30px;margin-bottom:10px;overflow:hidden; 
text-overflow:ellipsis; 
white-space:nowrap; }

 .ffbox ul li img{width:100%;}  
 .h120{height: 120px;} 
.gmdb{position: fixed;bottom:0;width:100%;    width: 100%;
    max-width: 740px;background:#fff;z-index: 9}
.gmdb ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
    padding: 20px;
display: flex;justify-content: space-between;}
.gmdb ul li{width:49%;}
.gmdb ul li a{display: block;background: rgba(15,109,248,0.17);
border-radius: 8px;
border: 1px solid #1D60F1;line-height:80px;text-align: center;color:#1D60F1;}

.gmdb ul li:last-child a{background: linear-gradient( 180deg, #0477FD 0%, #3C42E0 100%);color:#fff;}

/*外汇EA开发*/

.eakf {position: relative;}
.eakf img{width:100%}
#ealy{margin-top:-150px;}
.eabox{padding:10px;border:10px #6a56e5 solid;border-radius:30px;margin:30px;background:url(../img/eabg2.png)  repeat-x top center #fff; position: relative;margin-bottom:60px;}
.eabox:after{content: "";display: block;position:absolute;width: 20px;
height: 20px;
background: #C7BEFF;
border-radius:100%;    right: 20px;
    top: 20px;}
.eabox:before{content: "";display: block;position:absolute;width: 20px;
height: 20px;
background: #C7BEFF;
border-radius:100%;    left: 20px;
    top: 20px;}
.eabox ul{padding:30px;}
.eabox ul li{margin-bottom:20px;}
.eabox ul li span{display: block;margin-bottom:15px;}
.eabox ul li em{}
.eabox ul li span i{color:#999;}
.eabox ul li input{background: #F5F8FA;border:0;width:100%;border-radius:10px;line-height: 65px;font-size: 24px;
color: #999999;padding:0 20px;    box-sizing: border-box;}
.eabox ul li textarea{background: #F5F8FA;border:0;width:100%;border-radius:10px;line-height: 30px;font-size: 24px;
color: #999999;padding:10px 20px;      color: #3E27CD;   font-family: Microsoft YaHei;   box-sizing: border-box;}
.eabox ul li input.earca{color: #3E27CD;}
.eabox ul li input.earcb{color: #3E27CD;width: 40%;}
.eabox button{height: 70px;text-align: center;color:#fff;border:0;width: 100%;cursor: pointer;
background: #3E27CD;font-size: 24px;
border-radius: 49px;    margin-top: 30px;}
.eaupload label{height: 200px;line-height: 200px;text-align: center;    display: block;
background: #F5F8FA;
border-radius: 20px 20px 20px 20px;    cursor: pointer;    display: flex;
    justify-content: center;
    align-items: center;}

.eaupbtn,.eauptext{display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;}
.eauptext{display: none;}
.eabox .layui-upload-file,#eaupfile,#eauppic{display: none;}    
.eaupload i.eaupfile{background:url(../img/eafile.png) no-repeat center;display: inline-block;width:50px;height: 60px;} 
.eaupload i.eaupimg{background:url(../img/eapic.png) no-repeat center;display: inline-block;width:70px;height: 60px;}
.eaupload span{color:#3E27CD;    margin: 0 20px;    line-height: 1.5;}
.eaupload em{color:#999999;display: block;}
.eabt{background:url(../img/eabt.png) no-repeat center;height: 83px;width:100%;text-align: center;color:#fff;    margin-top: -53px;
    line-height: 80px;
    font-size: 34px;}
.cjwt ul li{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;   
    align-items: center;}
.cjwt ul li span{display: block;width: 43px;    margin-bottom: 0;
height: 43px;
background: #6F6CEA;
border-radius: 14px;text-align: center;line-height: 43px;color:#fff;}
.cjwt ul li i{line-height:  73px;padding:0 20px;
background: #F5F8FA;
border-radius: 16px;}
.cjwt ul li.edtw{ justify-content: flex-end;}
.cjwt ul li.edtw span{margin-left: 15px;}
.cjwt ul li.edhd{    justify-content: flex-start;}
.cjwt ul li.edhd span{margin-right: 15px;background: #FF9C40;}
@media screen and (max-width:800px){
body{font-size: 14px;  background-size: 100%;}
body.enterprise{background-size:100%;}
.btb{font-size: 20px;}
.applogo img.logozs {
        width: 200px;
        margin-left: -100px;
    }
.xzwm ul li span{font-size: 16px;}
.xzwm ul li p{font-size: 14px;    padding: 0 10px;}
    .xzwm ul li img {
        width: 100px;
    }.h120 {
    height: 72px;
}.gmdb ul{padding:10px 20px}
    .gmdb ul li a{line-height: 50px}
.appxz ul li a{height: 50px;}
 .appxz ul li a i {

    border-radius: 0px 12px 0px 12px;
    height: 22px;
    width: 50px;
    line-height: 22px;
    left: -20px;
    top: -10px;
}
 
.htdz ul{padding:30px 15px;}

.htdz ul li{margin-bottom: 20px;padding-bottom: 20px;}
.htdz ul li a u {
  
    padding: 0 10px;
    line-height: 30px;
}

.htdz ul li a span b i {

    font-size: 12px;
    padding: 2px 10px;
    margin-left: 10px;
}
.mt4xz ul {
   
    padding:30px  15px;

}
.mt4xz ul li{        margin-bottom: 20px;
        padding-bottom: 20px;}
.mt4xz ul li a i {
    background: url(../img/download.png) center no-repeat #ffffff91;
    border-radius: 20px;
    display: block;
    width: 40px;
    height: 20px;
    background-size: 15px;
}


.enterprise  h3.title{font-size: 48px;}

.eabt {
    height: 50px;
    margin-top: -46px;
    line-height: 50px;
    font-size: 22px;
    background-size: auto 100%;
}
.eaupload label{height: 150px;line-height: 150px;}
.eabox ul{padding:30px 10px 0;}
.eabox ul li input{line-height: 40px;font-size: 14px;}
.eabox ul li textarea{font-size: 14px;overflow: hidden;}
.cjwt ul li i{line-height: 50px;}
.eabox button {
    height: 50px;
    font-size: 18px;
    border-radius: 50px;
    margin-top: 20px;
}
}