body,html{margin: 0px;}
.active{color: #09f !important;font-weight: bold}
.header{height: 80px}
.main{width: 1200px;margin: 0 auto;}
.logo{height: 50px;margin: 15px 0;}
.menu{float: right;height: 80px;line-height: 80px}
.menu a{font-size: 18px;margin-right: 27px;color: #333;text-decoration: none}
.menu a:hover{color: #09f}
.menu button{background: #4587FF;color: #fff;border-radius: 30px;padding: 10px 20px;border:none;font-size: 17px;border:solid 1px #4587FF}
.menu button:hover{background: #fff;color: #4587FF;}
.banner{background: url("../img/index_banner.jpg");height: 500px;text-align: center;}
.banner .banner_img{margin-top: 100px}
.input{margin-top: 50px}
.input .url{width: 730px;
    height: 60px;
    line-height: 60px;
    background: white;
    padding: 0 20px;
    font-size: 20px;
    color: #333;
    border:none;
    vertical-align: text-top;
    outline:none;
    border-radius: 10px 0px 0px 10px;
}


.input .url2{width: 800px;
    height: 60px;
    line-height: 60px;
    background: white;
    padding: 0 20px;
    font-size: 20px;
    color: #333;
    border:none;
    vertical-align: text-top;
    outline:none;
    border-radius: 10px;
}

.input .url3{width: 318px;
    height: 60px;
    line-height: 60px;
    background: white;
    padding: 0 20px;
    font-size: 20px;
    color: #333;
    border:none;
    vertical-align: text-top;
    outline:none;
    display: inline-block;
}
.input .search-btn{width: 150px;
    height: 100%;
    background: linear-gradient(-90deg,rgba(84,124,255,1) 0%,rgba(92,197,253,1) 100%);
    color: white;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    vertical-align: text-top;
    height: 60px;
    line-height: 60px;
    border-radius: 0px 10px 10px 0px;
}
.input label{font-size: 20px}
.title{text-align: center;font-size: 40px;font-weight: bold;padding-top: 100px}
.intro{font-size: 18px;text-align: center;margin-top: 20px}
.bboxs{margin-top: 50px}
.box{width: 25%;display: inline-block;text-align: center;margin-top: 50px}
.box .btitle{margin-top: 15px;font-weight: bold;}
.box .bintro{color:#62717F;font-size: 14px;margin-top: 15px}
.bbox{width: 50%;display: inline-block;vertical-align: top;margin-top: 20px;}
.bbox img{max-width: 100%}
.bbox .xtitle{font-size: 40px;font-weight: bold;margin-top: 100px;color: #12263C}
.bbox .xtitle2{font-size: 20px;font-weight: bold;margin-top: 45px;color: #4587FF}
.bbox .xintro{font-size: 18px;margin-top: 25px;color: #00133B;line-height: 25px}
.banner2{height: 284px;background: url("../img/index_banner2.jpg");text-align: center;}
.ntitle{font-weight: bold;color: #fff;font-size: 50px;padding-top: 70px}
.bbutton{background: #fff;border: solid 1px #fff;color: #09f;font-size: 18px;padding: 10px 50px;border-radius: 30px;display: inline-block;margin-top: 30px;cursor: pointer;}
.bbutton:hover{color: #fff;background: rgb(69,154,245);}
.footer{background: #040B22;height: 400px;color: #999;padding-top: 100px}
.l1{width: 20%;display: inline-block;vertical-align: top;}
.l2{width: 50%;display: inline-block;vertical-align: top;}
.l3{width: 30%;display: inline-block;vertical-align: top;}
.logos{margin-top: 20px}
.logos img{width: 120px;margin-right: 25px}
.copyright{font-size: 15px;margin-top: 30px}
.copyright a{color: #999}
.short_box{width:880px;border-radius: 15px;background: #fff;color: #333;display: inline-block;box-shadow: 0 0 5px 0 rgba(229,232,240,1);padding: 20px;text-align: left;display: none}
.short_box .urlinfo{display:inline-block;vertical-align: top;margin-left: 20px;width: calc(100% - 150px);padding-top: 15px}
.short_box img{width: 90px;}
.short_box .creat_time{float: right;margin-top: 0px;}
.short_box .long_url{color:#999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.login_btn{background: #fff;border: solid 1px #4587FF;border-radius: 10px;display: inline-block;float: right;color:#4587FF;padding:10px 20px;margin-top:-50px;cursor:pointer}
.login_btn:hover{background:#4587FF;color:#fff;}
.copy-button{font-size: 12px;padding: 0 5px;border-radius: 5px;border:solid 1px #4587FF;background:#4587FF;color:#fff;display: inline-block;cursor:pointer}
.copy-button:hover{background: #fff;color: #4587FF}
table{background: #f7f7f7;margin-bottom: 10px;width: 100%}
th{text-align: left;border-bottom: solid 1px #DDD;padding: 10px}
td{border-bottom: solid 1px #EEE;padding: 10px}