html{
    height: 100%;
    width: 100%;
}
body {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    background-color: #333333;
}
#main{background: #333; color: #FFF; border-radius: 2px}
.well{color: #333}
.icon>svg, svg.icon {
    fill: currentColor;
}
.navbar-brand{padding: 10px; line-height: 28px}
.navbar-brand span{vertical-align:middle;}
.navbar-brand svg{vertical-align:middle;}
.navbar-brand span{color: #FFFFFF}
.icon{ color: #777777}
.icon-video{width: 40px; height: 30px; color: #FFFFFF;}
.m-t-20{margin-top: 20px}
.m-b-20{margin-bottom: 20px}
.m-b-50{margin-bottom: 50px}
.a-c{text-align: center}
.navbar {  border-radius:0  }
.faq .head{margin-bottom: 20px}
.faq dd{ margin-bottom: 10px; text-indent: 1em}
.step {margin: 0; padding-left: 15px}
.h2-title, .h2-title span{vertical-align: middle}

#result-box{margin-top: 20px}
#result{ text-align: center}
.icon-douyin{width: 24px; height: 24px}
#type-icon{line-height: 0}
.title{text-align: center; margin-bottom: 20px}
.form{margin: 0 auto}
.thumbnail{
    padding: 4px;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
}
.thumbnail p {margin-bottom: 5px}
.input-group {
    margin-top:2%;
}
.hidemod {
    display: none;
}