body{background-color: #f1f1f1}
.videoBox {background: url(bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;overflow: hidden;}
.name {margin: 40px 0 20px;}
.bigfont{font-size: 30px;display: block;color: #fff;}
.span {color: #829eb3;font-size: 16px;margin-bottom: 30px;}
.live {padding: 40px;max-width: 1200px;background-color: #fff;}
.synopsis {width: 900px;}
.title {font-size: 30px;font-weight: bold;color: #2e5473;margin-bottom: 30px;}
.text {font-size: 16px;color: #6a6a6f;line-height: 30px;}
.tbox {margin-bottom: 20px;}

.instrument {padding:10px 20px;width: 50%;margin: 20px;border-radius: 5px;}
.instrument:hover {background-color: #f1f1f1}
.instrument .iconfont {font-size: 40px;margin-right: 20px;color: #86cbea;}
.stitle {font-size: 20px;font-weight: 600;color: #6a6a6f;margin-bottom: 10px;}
.instrument .w100 {font-size: 14px;width: 100%;}

.down {margin-bottom: 40px;}
.down img {width:70px;padding: 10px;background-color: #fff;border-radius: 100px;}
.down a {width: 120px;margin: 0 30px; display: inline-block;color: #fff;font-size: 14px;}

.webapp video {width: 100%;padding: 0;}
.webapp .down a{width: 70px;margin: 20px;font-size: 12px;}
.webapp .down img {width: 40px;}
.webapp .synopsis {width: auto;}
.webapp header {min-width: auto;padding: 0 10px;}
.webapp .logo {height: 20px;}
.webapp .navList {padding: 0 10px;}
.webapp .flexbox {display: block;}
.webapp .instrument {margin: 0px;padding: 20px;width: 100%;}
.webapp .instrument .iconfont {float: left;}
.webapp .instrument .tl {margin-left: 60px;}