.yuntucao-link {
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 9999;
        }

        .logo-wrap {
            cursor: pointer;

            opacity: .9;
            padding: 15px 10px 10px;
            border-radius: 20px;
            background: linear-gradient(-180deg, #dadfea, #ebedf5);
        }

        .logo {
            width: 32px;
            height: 28px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAYAAAAAwr0iAAAABGdBTUEAALGPC/xhBQAAAqxJREFUSA21Vs9r1EAUfi/Z7bog1FU8KdWLv26ia1W0rApCD0qhdhdE8CdtL9WbBwX/gB48eShdqeJ1rb21KipbpSC9FARBoVIpiheVqkUQu+b5JWtKEjPJbNqdQ2bmvW++92XeZF6Y/rVypXoewwFi3iMi7NpXu2fiT8Q0njGz18517//qBCpXnt8SsgZWO1g0H3/IptJ58/bo5Gm88WA0uCne1pplbTLEoitNodcgxfZ3GkSyTwMLCC/h8YqZRQ+PFcTv8FxQ4YVkvQE2UwXw2Zkv95eO7gbhTZ9dOeGZdVTYmTbNfJRo7IBeMwxr3EYy1fu4Vcz0uFTiPxdPdcyR0FsVXluAZfFBm0So3qsIPXYHf29segM+6m0eu2/Iw5WqZk55AYfmmbCchIqMj0UxwRl4gjy3wb1DAaGUyvG/XXJQ2oPg2g3Bj8eBtVMQR5TU38AOBEIw4Ro1hljkh9djMe0ikQteW9Q4sQDkd6SvWLgRRl6+Xz0mQlvCfEFb4hTgQCo/LdSyN8FAqnliASLGnIoU9vcRPp8ruQAylEFAqvT5omOSUAAv9RUPfQySuXMxInfHhTl9IgHI/zzud8vH5Jng5mv2DkQHWJthfQF4k28e8VpDicnxmRMddgn+HkeGgjVvp+BhHDDoxx3wO2jzzicmZjMomzWvLXzMY3yn8mJjja0Z/JZtDgeFWZ2fk5cI8ivMi3qxHXVza6hv2civs625AzhPRMOVqTYIHsLWdmJhooO5zBs74C/4qXpgtqSvXuo6vOgIcNfcrVbXLH2mKQjZ69pwRhZRgs/mLHrq2lbSF4tHfoITIerNJ8A2lSuT0yij7Y6bedYwuau3u6B9tdZp9Z8R282PWlLS3szgtszQaojPY7C3p3A96rLRf8cGkSOj1XyDS1YE/wsT+LIWtt/NgQAAAABJRU5ErkJggg==) no-repeat 0;
        }

        .logo-wrap:hover {
            background: #418dff;
        }

        .logo-wrap:hover .logo {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAYAAAAAwr0iAAAABGdBTUEAALGPC/xhBQAAAe1JREFUSA29ls8uA1EUxjsqYSOIsCGNjX8bkbDgITyAjfAA3oOFlQXxEHZNI9hJRCJWgoigwkr8j0TQjt9hppk77ZmZzmTmJF/vPd85Pefr3Om9N5dzzLbtBXAEqiBNu6f4Juhxe+dw1tLsqNS+he/L8zGHkpWamuwmnbTqtxBwwGQ6u75GpycR8AOVN+jGzjf0KRgHVuOUOvYSRta6uy7iEC2MUZpL+pJlWROMq+JEsGNyRsEUsLV8ERDVik6iO4Z9bxvBFXBF4rmW3IyAGaeIO2o1Xf4vjyWWJRhySf8o74D6eHzJz/h7YBa0+WKau0OgAEa0hGYEaDUS8c0sQaJG2pdbtUAE/pGcdfDmyx3DX/RxuivvQExTd0/q3UStmWQJ1L8WP/dM/8lmJIkA+X9rdq0F/HwSAUFNgmKGhrgC5Fy4MyqZTtDTMTLjCiizxVaNSqaT+hMIaxAWr8mVJ/BS86JPAhvwdGTbfo1QriwCShES/SlffsLrswfIWSH3jDDbkrOglyw5uwfCsj1xeQnlJvXp4bzTYZxBL9FgfgL3fxNDRAEUQQWkbQ802AAdIsq4WkG2w+2DSQk69s44D3ZdIuH4wTtiqzUQcQhcu2Aih0t2RkNXQIl5V3adnU6OgGXGuJtUMs00lltsZvYLUPxHqiXJxFUAAAAASUVORK5CYII=) no-repeat 0;
        }

        .yuntucao-link:hover .tips-wrap {
            display: block;
            background: #418dff;
        }

        .tips-wrap {
            position: relative;
            display: none;
        }

        .tips {
            width: 86px;
            height: 32px;
            background: #4e4e4e;
            border-radius: 4px;
            position: absolute;
            left: -98px;
            top: -44px;

            color:#fff;
            text-align: center;
            line-height: 32px;
            font-size: 14px;
        }
        
        .tips:after {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            border-top: 6px solid transparent;
            border-bottom: 6px solid transparent;
            border-left: 6px solid #4e4e4e;
            position: absolute;
            right: -6px;
            top: 10px;
        }
		
		.logo-d{	text-align: center;	margin-top: 220px;}.logo-d img{	width: 40%;	height: 40%;}.line{	margin: 0 auto;	width: 45%;	height: 5px;	background: #fff;	border-radius: 20px 60px 20px 50px;}#container #dock{	width: 100%;	text-align: center;	margin: 0 auto;}#container {  position: fixed;  bottom: 0;  text-align: center;  right: 30%;  left: 30%;  width: 40%;  background: rgba(255, 255, 255, 0.2);  border-radius: 10px 10px 0 0;}#container li {  list-style-type: none;  display: inline-block;  position: relative;}#container li img {  width: 50px;  height: 50px;  -webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255, 255, 255, .5)));  -webkit-transition: all 0.3s;  -webkit-transform-origin: 40% 70%;}#container li:hover img {  -webkit-transform: scale(2);  margin: 0 2em;}#container li:hover+li img,#container li.prev img {  -webkit-transform: scale(1.5);  margin: 0 1.5em;}#container li span {  display: none;  position: absolute;  bottom: 100px;  left: 0;  width: 100%;  background-color: #666666;  padding: 4px 0;  border-radius: 7px;}#container li:hover span {  display: block;  color: #fff;}