.wrapper {padding: 0;width: 100%;margin: 0 auto;display: flex;flex-wrap: nowrap;justify-content: space-around;overflow: hidden;}
.tagcloud {position: relative;margin: 150px auto;width: 100%;display: flex;}
.tagcloud a {display: block;border-radius: 50%;color: #fff;font-weight: bold;font-size: 16px;text-decoration: none;text-align: center;max-width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.b1{width: 160px;height: 160px;line-height: 160px;}
.b2{width: 130px;height: 130px;line-height: 130px;}
.b3{width: 100px;height: 100px;line-height: 100px;}
.b4{width: 80px;height: 80px;line-height: 80px;}
.c1{background: -moz-linear-gradient(top, #d1e5fd 0%, #3d86f4 100%);background: -webkit-linear-gradient(top, #d1e5fd 0%,#3d86f4 100%);background: -o-linear-gradient(top, #d1e5fd 0%,#3d86f4 100%);background: -ms-linear-gradient(top, #d1e5fd 0%,#3d86f4 100%);background: linear-gradient(to bottom, #d1e5fd 0%,#3d86f4 100%);}
.c2{background: -moz-linear-gradient(top, #b9f8ff 0%, #1de7ff 100%);background: -webkit-linear-gradient(top, #b9f8ff 0%,#1de7ff 100%);background: -o-linear-gradient(top, #b9f8ff 0%,#1de7ff 100%);background: -ms-linear-gradient(top, #b9f8ff 0%,#1de7ff 100%);background: linear-gradient(to bottom, #b9f8ff 0%,#1de7ff 100%);}
.c3{background: -moz-linear-gradient(top, #fff4e2 0%, #ffd79c 100%);background: -webkit-linear-gradient(top, #fff4e2 0%,#ffd79c 100%);background: -o-linear-gradient(top, #fff4e2 0%,#ffd79c 100%);background: -ms-linear-gradient(top, #fff4e2 0%,#ffd79c 100%);background: linear-gradient(to bottom, #fff4e2 0%,#ffd79c 100%);}
.c4{background: -moz-linear-gradient(top, #fef4fa 0%, #fbbae0 100%);background: -webkit-linear-gradient(top, #fef4fa 0%,#fbbae0 100%);background: -o-linear-gradient(top, #fef4fa 0%,#fbbae0 100%);background: -ms-linear-gradient(top, #fef4fa 0%,#fbbae0 100%);background: linear-gradient(to bottom, #fef4fa 0%,#fbbae0 100%);}
.c5{background: -moz-linear-gradient(top, #fedc90 0%, #ffb515 100%);background: -webkit-linear-gradient(top, #fedc90 0%,#ffb515 100%);background: -o-linear-gradient(top, #fedc90 0%,#ffb515 100%);background: -ms-linear-gradient(top, #fedc90 0%,#ffb515 100%);background: linear-gradient(to bottom, #fedc90 0%,#ffb515 100%);}
.c6{background: -moz-linear-gradient(top, #bcf7ca 0%, #1fda4b 100%);background: -webkit-linear-gradient(top, #bcf7ca 0%,#1fda4b 100%);background: -o-linear-gradient(top, #bcf7ca 0%,#1fda4b 100%);background: -ms-linear-gradient(top, #bcf7ca 0%,#1fda4b 100%);background: linear-gradient(to bottom, #bcf7ca 0%,#1fda4b 100%);}
.c7{background: -moz-linear-gradient(top, #f7cdf8 0%, #db43e7 100%);background: -webkit-linear-gradient(top, #f7cdf8 0%,#db43e7 100%);background: -o-linear-gradient(top, #f7cdf8 0%,#db43e7 100%);background: -ms-linear-gradient(top, #f7cdf8 0%,#db43e7 100%);background: linear-gradient(to bottom, #f7cdf8 0%,#db43e7 100%);}

@media (max-width: 768px) {
.b1{width: 100px;height: 100px;line-height: 100px;}
.b2{width: 85px;height: 85px;line-height: 85px;}
.b3{width: 70px;height: 70px;line-height: 70px;}
.b4{width: 60px;height: 60px;line-height: 60px;}
}