@charset "utf-8"; 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: rgba(107, 107, 107, 0.06);
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(107, 107, 107, 0.06);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}

::-webkit-scrollbar-track:hover {
    background-color: rgba(107, 107, 107, 0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(0,153,153,.4);
}

::-webkit-scrollbar-track:active {
    background-color: rgba(107, 107, 107, 0.2);
    -webkit-box-shadow: inset 0 0 6px rgba(0,153,153,.1);
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgb(186 186 186 / 80%);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(107, 107, 107, 0.8);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
}

::-webkit-scrollbar-thumb:active {
    background: rgba(21, 14, 0, 0.5);
}

li {
    list-style-type: none;
}

input,textarea {
    outline: none;
}
a{
    text-decoration: none;
}

body{display:block;min-height:500px;padding:0;margin:0;font-family: "Montserrat", "sans-serif";background: #091459 url(../image/background-top.png) no-repeat top center;background-size: 100% auto;background-attachment: fixed;}

header{overflow:hidden;width:100%;position:relative;padding: 20px 0;}
header .header-logo{float: left;width: 200px;height: 41px;}
header .header-logo a{display: block;float: left;width: 100%;margin-left: 20px;}
header .header-logo a img{width: 100%;}

footer{background: #091459;float: left;width: 100%;}
footer .foot-nav{margin: 60px auto 0;width: 64%;}
footer .foot-nav .foot-nav-box{overflow: hidden;padding: 60px 0;}
footer .foot-navlist{width: calc(100% / 6);float: left;}
footer .foot-navlist .title-box{color: #fff;font-size: 20px;}
footer .foot-navlist ul{margin-top: 10px;}
footer .foot-navlist ul li{display: block;}
footer .foot-navlist ul li a{color: #9d9d9d;font-size: 14px;line-height: 30px;text-decoration: none;}
footer .foot-copyright{padding:40px}
footer .foot-copyright p{font-size: 16px; line-height: 24px; color: #fff; text-align:center;}

.main{overflow: hidden;}
.slogan{overflow: hidden;padding: 40px 0;}
.slogan h1{font-size: 40px;font-weight: bold;line-height: 46px;color: #fff;text-align: center;margin-bottom: 16px;}
.slogan p{font-size: 24px;line-height: 30px;text-align: center;color: #fff;}

.entrance{width: 600px;margin:0 auto;overflow:hidden;margin-bottom: 60px;}
.entrance span{float:left;font-size:16px;line-height:60px;height:60px;overflow:hidden;color: #888888;background:#e6e6e6;border-radius:4px 0 0 4px;padding:0 14px;width: 102px;text-align:center}
.entrance input{font-size:16px;height:60px;line-height:60px;padding:0 14px;border:none;border-radius:0 4px 4px 0;float:left;text-align:center;width:300px}
.entrance .botton{float:left;background: #fff04d;color: #000;border:none;height:60px;line-height:60px;margin-left:20px;padding:0 14px;border-radius:4px;width:122px;text-align:center;cursor:pointer}
.entrance .country-list {display:none;width: 600px;background: #ffffff;position:absolute;z-index:99999;border: 1px solid #ddd;border-radius: 0 0 5px 5px;left: calc(50% - 300px);top: 340px;}
.entrance .country-list ul {padding: 10px 0;float: left;}
.entrance .country-list ul li {width: 50%;line-height:45px;height:45px;padding-left: 20px;color: #000;box-sizing: border-box;float: left;cursor: pointer;}
.entrance .country-list ul li:hover {color: #1b8741;}

.guide{overflow: hidden;width: 64%;margin: 0 auto;padding-bottom: 60px;background: url(../image/binance-app.png) no-repeat top 100px right 0;background-size: 440px auto;}
.guide h3{font-size: 40px;font-weight: bold;line-height: 46px;color: #fff;text-align: center;margin-bottom: 60px;}
.guide .step{float: left;width: 100%;margin-top: 40px;}
.guide .step .item{margin-bottom: 40px;overflow: hidden;}
.guide .step .item .icon{float: left;width: 64px;margin-right: 10px;}
.guide .step .item h4{font-size: 24px;line-height: 30px;color: #fff;font-weight: normal;margin-bottom: 10px;}
.guide .step .item p{font-size: 16px;line-height: 20px;color: #888;}

.main-coins{overflow: hidden;background: #ffffff;float: left;width: 100%;padding: 60px 0;}
.main-coins .main-coins-box{width: 64%;margin: 0 auto;overflow: hidden;}
.main-coins h3{text-align: center;color: #1e1f25;font-size: 40px;line-height: 46px;margin-bottom: 40px;}
.main-coins ul{overflow: hidden;}
.main-coins ul li{overflow: hidden;padding: 20px;width: calc(25% - 11px);float: left;margin-right: 14px;background: #f9f9f9;box-sizing: border-box;border-radius: 5px;margin-bottom: 14px;}
.main-coins ul li:nth-child(4n){margin-right: 0;}
.main-coins ul li:hover{background: #eee;}
.main-coins ul li span{line-height: 40px;color: #888;text-align: center;display: block;}
.main-coins ul li span.coin{width: 40px;margin: 0 auto;display: block;}
.main-coins ul li span.coin img{width: 100%;display: block;}
.main-coins ul li span.name{color: #333;font-weight: bold;}
.main-coins ul li span.price{color: #1e1f25;}
.main-coins ul li span.change{color: #ca1717;}

@media screen and (max-width: 1200px) { 

    .guide{background: none;}
    .entrance {width: calc(100% - 80px);}
    .entrance input{width: 252px;float: left;}
    .entrance .botton{display: block;width: 100%;margin-left: 0;margin-top: 20px;}
    .entrance .country-list{width: calc(100% - 180px);left: 24px;}
    .entrance .country-list ul{overflow-y: scroll;max-height: 400px;}
    .entrance .country-list ul li{width: 100%;}

    .main-coins .main-coins-box{width: 100%;border: none;border-radius: 0;}
    .main-coins h3{font-size: 30px; line-height: 40px;}
    .main-coins ul{width: 94%; margin: 0 auto;}
    .main-coins ul li{padding: 20px;width: calc(50% - 7px);}
    .main-coins ul li:nth-child(2n){margin-right: 0;}


    footer .foot-nav{width: 100%;padding: 20px;margin: 0;background: none;}
    footer .foot-nav .foot-nav-box{padding: 20px 0;width: 100%;}
    footer .foot-navlist{width: 50%;margin-bottom: 20px;}
}