body{
    background: #273f59;
}
.head-menu .nav{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    line-height: 60px;
    z-index: 9999;
}
.head-menu .nav .left {
    display: inline-block;
    font-size: 24px;
    color: #01d2a8;
    float: left;
    padding-left: 80px;
    margin-right: 60px;
}
.head-menu .nav .left a{
    display: inline-block;
    width: 32px;
    height: 32px;
    padding-right: 10px;
}
.head-menu .nav .left b{
    font-weight: normal;
    display: inline-block;
}
.head-menu .nav .left b img{
    padding-top: 22px;
}
.head-menu .nav .navList{
    font-size: 16px;
    color: #fff;
    display: inline-block;
    /*opacity: .7;*/
    padding-top: 2px;
}
.head-menu .nav .navList li{
    float: left;
    margin-right: 40px;
}
.nav .navList li a{
    position: relative;
}
.nav .navList li a:hover,.navList li .nav-select{
    color: #fff;
    opacity: 1;

}
.nav .navList li a:after{
    content: "";
    width: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 10px;
    transition: all .3s;
}
.nav .navList li a:hover:after{
    left: 0%;
    width: 100%;
}
.navList li a.nav-select:after{
    content: "";
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0%;
    margin-top: 10px;
    transition: all .3s;
}
.head-menu .nav .right{
    float: right;
    padding-right: 80px;
}
.head-menu .nav .right .login{
    font-size: 16px;
    color: #fff;
    margin-left: 20px;
}
.head-menu .nav .right .register{
    font-size: 16px;
    color: #fff;
    padding-left: 20px;
}
.head-menu .nav .right select{
    background: none;
    color: #fff;
    height: 22px;
    line-height: 20px;
    border: 1px solid #fff;
    border-radius: 10px;
    font-size: 14px;
    text-align: center;
    padding: 0 8px;
}
.head-menu .nav .right option{
    background: #151332;
    color: #fff;
    border: 1px solid #fff;
    font-size: 14px;
    margin-top: 10px;
}
.navList li a{
    color: #fff;
    opacity: .7;
}
/*other-head 公共样式*/
.other-head-menu .nav{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    line-height: 60px;
    z-index: 9999;
    background: rgb(27, 54, 77);
}
.other-head-menu .left {
    font-size: 24px;
    color: #01d2a8;
    padding-left: 80px;
    margin-right: 60px;
    float: left;
}
.logo1{
    width: 32px;
    height: 32px;
    vertical-align: middle;
}
.other-head-menu .nav .left a{
    /**display: inline-block;***/
    width: 32px;
    height: 32px;
    padding-right: 10px;
}
.other-head-menu .nav .left b{
    font-weight: normal;
    display: inline-block;
}
.other-head-menu .nav .left b img{
    padding-top: 22px;
}
.other-head-menu .navList{
    font-size: 16px;
    color: #fff;
    display: inline-block;
    padding-top: 2px;
}
.other-head-menu .navList li{
    float: left;
    margin-right: 40px;
}
.banner .navList li a:hover{
    color: #fff;
    opacity: 1;
    /* border-bottom:2px solid #fff;  */
}

.other-head-menu .right{
    float: right;
    padding-right: 80px;
}
.other-head-menu .right .login{
    font-size: 16px;
    color: #fff;
    margin-left: 20px;
}
.other-head-menu .right .register{
    font-size: 16px;
    color: #fff;
    padding-left: 20px;
}
.other-head-menu .right select{
    background: none;
    color: #fff;
    /* width: 80px; */
    height: 20px;
    line-height: 20px;
    border: 1px solid #fff;
    border-radius: 10px;
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
}
.other-head-menu .right option{
    background: #151332;
    color: #fff;
    border: 1px solid #fff;
    font-size: 14px;
    margin-top: 10px;
}

.userBox{
    font-size: 14px;
    color: #fff;
    margin-left: 20px;
    vertical-align: top;
}
.userBox:hover{
    text-decoration: underline;
}
/* .userBox:after{
    content: '';
    height: 16px;
    border-right: 1px solid #fff;
    padding-right: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px !important;
    opacity: .6;
} */
.userBox .user_icon{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    vertical-align: middle;
}
/*尾部样式*/
footer{
    height: 150px;
}
.footerBox .icon-content{
    /* width: 1520px; */
    margin: 0 auto;
    max-width: 1920px;
    padding-left: 0.52083333333333%;
    padding-right: 0.52083333333333%;
}
.footerBox .footersolid{
    width: 100%;
    height: 1px;
    background: #5c5a71;
}
.footerBox .navList{
    height: 100px;
    line-height: 100px;
    /*opacity: .7;
    color: #fff;*/
    font-size: 14px;
    display: inline-block;
}
.footerBox .navList li{
    float: left;
    margin-right: 40px;
}
.footerBox .navList li a:hover{
    color: #fff;
    opacity:1;
    text-decoration:underline;
}
.footerBox .iconList{
    float: right;
}
.footerBox .iconList .twitter{
    width: 30px !important;
}
.footerBox .iconList .icon{
    width: 24px;
    height: 24px;
    vertical-align: middle;
    padding-top: 36px;
}
.footerBox .iconList li{
    float: left;
    margin-left: 10px;
}
.remarks{
    /**height: 50px;**/
    margin: 0 auto;
    /***line-height: 50px;***/
    background: rgb(27, 54, 77);;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 60px;
}

.clearfix:after{
    content:"";
    height:0;
    line-height:0;
    display:block;
    visibility:hidden;
    clear:both;
}
.clearfix{
    zoom:1;
}
.right .lang{
    cursor: pointer;
    display: inline-block;
    position: relative;
    height: 60px;
    line-height: 60px;
    color: #ffffff;
}
.right .lang a{
    color: #ffffff;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    font-size: 14px;
}
.right .lang a>i{
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 6px;
    background: url("../images/icon.png") no-repeat -88px -120px;
}
.right .lang a>span{
    width: 10px;
    height: 10px;
    margin-right: 10px;
    background: #888888;
    display: inline-block;
    background: url("../images/language_icon.png");
}
.language{
    padding: 3px;
    background: #284f6f;
    margin-top: -10px;
    height: 132px;
    display: none;
    font-size: 14px;
}
.right .lang .lang_ul{
    position: absolute;
    width: 105px;
    height: 132px;
    overflow-y: auto;
}
.right .lang .lang_ul::-webkit-scrollbar {width:2px;background-color:#999eee; !important }
.right .lang .lang_ul::-webkit-scrollbar-track{background-color:#000662}
.right .lang .lang_ul::-webkit-scrollbar{width:2px;background-color:#000662}
.right .lang .lang_ul::-webkit-scrollbar-thumb{background-color:#999eee}

.right .lang .lang_ul::-moz-scrollbar {width:2px;background-color:#999eee; !important }
.right .lang .lang_ul::-moz-scrollbar-track{background-color:#000662}
.right .lang .lang_ul::-moz-scrollbar{width:2px;background-color:#000662}
.right .lang .lang_ul::-moz-scrollbar-thumb{background-color:#999eee}

.right .lang ul li{
    margin:0;
    padding:0;
    height: 26px;
    line-height: 26px;
    text-align: left;
    margin-top: 5px;
}
.right .lang ul li:last-child{
    margin-bottom: 5px;
}
.right .lang ul li span:hover{
    text-decoration: underline;
}
.right .lang ul li>i ,.right .lang .cn{
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 6px;
    background: url("../images/icon.png") no-repeat -88px -120px;
}
.right .lang ul li:first-child>i,.right .lang .en{
    background: url("../images/icon.png") no-repeat -88px -140px;
}
.right .lang ul li:nth-child(2)>i,.right .lang .KR{
    background: url("../images/icon.png") no-repeat -88px -309px;
}
.right .lang ul li:nth-child(3)>i,.right .lang .ja-jp{
    background: url("../images/icon.png") no-repeat -88px -164px;
}
.right .lang ul li:nth-child(4)>i,.right .lang .ca-es{
    background: url("../images/icon.png") no-repeat -88px -120px;
}
.right .lang ul li:nth-child(5)>i,.right .lang .fr-fr{
    background: url("../images/icon.png") no-repeat -88px -368px;
}
.right .lang ul li:nth-child(6)>i,.right .lang .tr{
    background: url("../images/icon.png") no-repeat -88px -394px;
}
.right .lang ul li:nth-child(7)>i,.right .lang .in{
    background: url("../images/icon.png") no-repeat -88px -445px;
}
.right .lang ul li:nth-child(8)>i,.right .lang .pt{
    background: url("../images/icon.png") no-repeat -88px -417px;
}
.right .lang ul li:nth-child(9)>i,.right .lang .cn{
    background: url("../images/icon.png") no-repeat -88px -120px;
}
.right .lang ul li:nth-child(10)>i,.right .lang .hk{
    background: url("../images/icon.png") no-repeat -88px -251px;
}
.right .lang ul li:nth-child(11)>i,.right .lang .jp{
    background: url("../images/icon.png") no-repeat -88px -164px;
}
.right .lang ul li:nth-child(12)>i,.right .lang .vi{
    background: url("../images/icon.png") no-repeat -88px -475px;
}

.right .lang ul li:nth-child(13)>i,.right .lang .nl{
    background: url("../images/icon.png") no-repeat -88px -505px;
}
.right .lang ul li:nth-child(14)>i,.right .lang .ar{
    background: url("../images/icon.png") no-repeat -88px -531px;
}
.right .lang ul li:nth-child(15)>i,.right .lang .bd{
    background: url("../images/icon.png") no-repeat -88px -756px;
}
.right .lang ul li:nth-child(16)>i,.right .lang .cs{
    background: url("../images/icon.png") no-repeat -88px -559px;
}
.right .lang ul li:nth-child(17)>i,.right .lang .de{
    background: url("../images/icon.png") no-repeat -88px -588px;
}
.right .lang ul li:nth-child(18)>i,.right .lang .it{
    background: url("../images/icon.png") no-repeat -88px -618px;
}
.right .lang ul li:nth-child(19)>i,.right .lang .ms{
    background: url("../images/icon.png") no-repeat -88px -645px;
}
.right .lang ul li:nth-child(20)>i,.right .lang .pl{
    background: url("../images/icon.png") no-repeat -88px -670px;
}
.right .lang ul li:nth-child(21)>i,.right .lang .th{
    background: url("../images/icon.png") no-repeat -88px -699px;
}
.right .lang ul li:nth-child(22)>i,.right .lang .uk{
    background: url("../images/icon.png") no-repeat -88px -729px;
}

.right .lang ul li:nth-child(23)>i,.right .lang .be-by{
    background: url("../images/icon.png") no-repeat -88px -783px;
}
.right .lang ul li:nth-child(24)>i,.right .lang .dm{
    background: url("../images/icon.png") no-repeat -88px -810px;
}
.right .lang ul li:nth-child(25)>i,.right .lang .el{
    background: url("../images/icon.png") no-repeat -88px -837px;
}
.right .lang ul li:nth-child(26)>i,.right .lang .fi{
    background: url("../images/icon.png") no-repeat -88px -864px;
}
.right .lang ul li:nth-child(27)>i,.right .lang .hi{
    background: url("../images/icon.png") no-repeat -88px -891px;
}
.right .lang ul li:nth-child(28)>i,.right .lang .lw{
    background: url("../images/icon.png") no-repeat -88px -918px;
}
.right .lang ul li:nth-child(29)>i,.right .lang .mg{
    background: url("../images/icon.png") no-repeat -88px -944px;
}
.right .lang ul li:nth-child(30)>i,.right .lang .rd{
    background: url("../images/icon.png") no-repeat -88px -970px;
}
.right .lang ul li:nth-child(31)>i,.right .lang .ro{
    background: url("../images/icon.png") no-repeat -88px -996px;
}
.right .lang ul li:nth-child(32)>i,.right .lang .sk{
    background: url("../images/icon.png") no-repeat -88px -1022px;
}
.right .lang ul li:nth-child(33)>i,.right .lang .wd{
    background: url("../images/icon.png") no-repeat -88px -1049px;
}
.right .lang ul li:nth-child(34)>i,.right .lang .mt{
    background: url("../images/icon.png") no-repeat -88px -1077px;
}



.landing-wrapper .block-features {
    background: #273f59 !important;
}
.landing-wrapper .block-api {
    background: #273f59 !important;
}
.landing-wrapper .block-features .title {
    color: #e4e4e4 !important;
}
.landing-wrapper .block-features .desc {
    color: #c1c1c1 !important;
}

@media only screen and (max-width: 768px){
    .other-head-menu .left{
		padding-left: 20px;
		margin-right: 0;
    }
    .other-head-menu .right {
        padding-right: 20px;
    }
}