.pub-hotwords-main span {
    font-size: 14px!important;
}
.subMenu-enter-active,.subMenu-leave-active {
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}
.subMenu-enter, .subMenu-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
}
.pub-header .user-fun{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 61px;
}
.pub-header .user-fun .userlogin {
    line-height: 61px;
    height: 49px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    font-size: 18px;
    color:rgb(153, 153, 153);
}
.pub-header .user-fun .upload {
    line-height: 61px;
    height: 49px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    font-size: 18px;
}
.pub-header .user-fun .upload a{
    text-decoration: none;
    color:rgb(153, 153, 153);
}
.pub-header .user-fun .history {
    line-height: 61px;
    height: 49px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    font-size: 18px;
    color:rgb(153, 153, 153);
}
.login_box{
    z-index: 666;
    position:fixed;
    background-color: #ffffff;
    top: 50%;
    left: 50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    display: none;
}
.login_box::-webkit-scrollbar {
    display: none;
}
.login_box .fontposition{
    position: absolute;
    right: 6px;
    top: 6px;
    display: block;
    width: 34px;
    height: 34px;
    font-size: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    background-color: #ff8700;
    border-radius: 50%;
    cursor: pointer;
}
.minwith{
    width: 1120px;
}

/*热门关键词*/
.pub-hotwords-main{
    z-index: 1;
    color: #ffffff;
    max-width: 1340px;
    margin: 50px auto 22px;
    display: flex;
    justify-content: space-between;
}
.pub-hotwords-main a{
    text-decoration: none;
    color: #ffffff;
    white-space: nowrap;
}


.pub-item-first{
    width: 222px;
    height: 90px;
    background-color: #fc587d;
    border-radius: 6px;
    position: relative;
}
.pub-item-first .item-one{
    position: absolute;
    bottom: 0;
    right: 0;
}
.pub-item-second{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAR4AAABaCAMAAABZqckqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyQjdGMkVFMDNFRjQxMUU5QUFFOUMxM0I3N0ZBNzE0OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQjdGMkVFMTNFRjQxMUU5QUFFOUMxM0I3N0ZBNzE0OSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJCN0YyRURFM0VGNDExRTlBQUU5QzEzQjc3RkE3MTQ5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJCN0YyRURGM0VGNDExRTlBQUU5QzEzQjc3RkE3MTQ5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+kwPZcgAAAnlQTFRF91NA+oyA+YFz+XVm+GpZ+pKG//X0/vTy/uvp+F5N/Ma/+p2S/ujm+pWJ91hG/uTh+G5e+piM/uPg/d3Z/LWt+6+m+XZn91VC91ZD+GBO/uLf+GFQ+GBP91ZE/Lqz+6OZ/MG6+ox//uHd91tJ+6ie//b1+GVT/dHM91RB//j3+G9f+Gtb/MjC//39/MK7+GZV+Xdo+6ui/MO8/dvX91xK+YV3+pmO//f2+6GX+6uh+Xtt/dLN+p6T//v7+pSJ+Gta/dzY/dXR+Yd6+YBy/vPy+op9/crF/Lau/dDL+HFh/vLx+Gxc/vTz+pCE/uDd+paK91lH+7Gp+o6B/d3a/Liw+Xlq+X1u/Ly0+6Wb/Ly1/uzq+YJ0+HFi//7+/unn+GNR+5+U+ot+/L22/dbR+F9N+piN+Yh7+XRl/dPO/uHe/uXi/dTP+HNj/c7I/dfT+X5w91pH+5+V+o2A91pI+Xpr+ol8+GlY+6+n/u/t+7Oq/MS9+6yj/d7a/L+4911L+Xxu/d/b+YN1+HBg+6Sa+6ee+G1d/Lmx/c3I91dE/MS++GRT+pOH+GJQ/czG/L62/MC5+6ed+o6C//j4+XVl//r6/u3s/vDv+XNk/MK8/u/u+GVU+X1v+peM/ufl/MnD//z8+pqP+62k+6OY+Xhp+pGF/MbA+Xlr+YBx/czH+HJi/u3r+o+D/cvF/Lqy/L63+6mg/c/K/uro/djU+puQ+6GW+GhX/ubj//z7/vLw/t/c+66l+GlZ+GdW/dfS+6mf+pyR+YR2/dXQ+G1c//n4+YZ4+Xts+X9x/MfB/MW/+7Cn/dnU91hF+F5M/u7s+6qh/dnV+YZ5//r5////45IWLgAAANN0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AHFvZbwAAASwSURBVHja7N3lW9tqGMDht03bVCmlQqkXSos7DBvuOtwZMhgydz1zd3c9sh13d3fLX3RCyFYOe98whsye36dyJV+4ryZN0uYJYu4ni9OYrAdTAptPZX+2fXnNpi7mOYnW5itLPWnr10WH2a0mTZzMvwjde6GVLkL/L+Lo7pX1X//VGNOvrXjWRL6Xb3vnomHvTdHK8sP2Sf83WiTVTuI5nW1GQpkXR2UO5qQbW2Lyh/9c+DSChHc3ZP2y/1a6pvhKZ/wqJJxZtWAiT/sZNJ1SPjxT2Fv7QaLhxBv9ofLwJ1HjRpG6Yej6dkNi+lVRR8I+azCaXoFBfp68xWgmBYfkUmJ3bc/JjY6kY6N69fn5BvuYlgfl+a7HvWk8uVon6miK8q5FM21J8j0eixXNdilHJRdeEfe+pFvtvLXR0acs8b2nD1Wri+h/H5XgLE2/qx7R67PKlFscjcYMZ7au2i3+kcq9rIhAc5HVMs4TGYjmswiFIl4ikSylqASxWJwqut8RndT/x3p22Q6Konazqx5WzJHAFNvXAo5HhSBsqjGeoGCAIOxTg1geKTiQkjJIFgAMpAKqkAsUyLmQBhDI5SATIJAzoRBAIBeC7IBAzo6+AwRy0SgNEMgNoEOAQC4JtQMCuW7EbAAFUpfZc641wECqmOWpAwZSW1meUWAgVcbyhEeAA6FPxq4Wfg4O+LzcxdQCgMDXwfHsAQh8PRzPRYDA18bx5AEEvi85niKAwHdu/FvSP0ACVwD/JfJSoMAVxfP0AgWuH3ge+BYZm47nyQAKXB6epwUocBl4nhKgwKXkeZKBAtcQz6MFClyhPI8cKHB9xPPIgAKXHHiEquB5FgIFLhnwCNUFG9fDvHsuAQUuGj7YH+aTawQocKl5nhqgEDpqHgIKXL/xPEqgwBXD8xiAAlcLz+MBClyJPA/8+hJbNs8zCBS41vA8y4ACVxPP8wJQ4LKO89AggS+S49kGEPgsHA8cFRI6xvG8DRD4jBzPKYDAJ+V4XgUIfAljPLFwKzKhMO42f3AgdY3liQMGUkqWJx0YSLWyPIXAQGoXg7rgjIvYEgZZQIHcCOoDBHJvoRxAIKdBuYBALheGRAhlhxEjQoXAgBqhKBhvJFQODMcSyoWq4HoGsYAqGMwnkBTGOgrEjXWE27lIqR7HSFn0u0IhkUiiKYp6USwW7/KPka0/4n/tZheJE9h1Ktl1bYqwx6DDj5RlLLbZf18q4iupK9+INLrbrcbNjhPK5b5kvVYtp+nYRx7XTZ9Xq3fqV/hKlMcddcZWp65WlFpIRUkUq+ZEx2aZpXHWKCW+PPOf6gHnVkOfsuzv4W56vselyy6p9fkHlI7NGU5ddUHzsg2KGev4x1kzjHx6NyMHeDubC6SqvXVtP2fpr1XEPonT0GXy0BUHkvYbnWmvp2aWe6d7+DJxGDq7/1GZpzj7qGxKlfZkNB7y7ZRHPo2j9E+313wb0/brnqvuOxe+mGpXNmmUPvZBDMgWuKP4psewZXR4UyzzbHX2tU+zkkq/er/+p07vwQc2jgcexMC9HV0ak80cti/TrUo8frfh3I3n5zEe/S+XegYG10WvNdtMGteEx3j8J8AAkj71vVPwxt0AAAAASUVORK5CYII=) no-repeat center center;
    width: 286px;
    height: 90px;
    position: relative;
}
.pub-item-second .item-second{
    margin-top: 10px;
    margin-left: 20px;
    padding-right: 100px;
    line-height: 24px;
}
.pub-item-second .item-second{
    margin-top: 10px;
    margin-left: 20px;
    padding-right: 100px;
    line-height: 24px;
}
.pub-item-third .item-thrid{
    margin-top: 10px;
    margin-left: 20px;
    padding-right: 100px;
    line-height: 24px;
}
.pub-item-fourth .tiem-fourth{
    margin-top: 10px;
    margin-left: 20px;
    padding-right: 100px;
    line-height: 24px;
}
.pub-item-third{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAR4AAABaCAMAAABZqckqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQ0YwNUE3NzNFRjQxMUU5ODMyOEUyMjUyNjM4OEZBQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQ0YwNUE3ODNFRjQxMUU5ODMyOEUyMjUyNjM4OEZBQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFDRjA1QTc1M0VGNDExRTk4MzI4RTIyNTI2Mzg4RkFCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFDRjA1QTc2M0VGNDExRTk4MzI4RTIyNTI2Mzg4RkFCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+K2KmWQAAAj1QTFRF+8xD/N2C/NZp/Np1/NNc/u7A+9BS/vXZ/vfi//z0//zy/N+I+89Q/vjm/NRg+85J/vbf/eCL/eSb+81H/vfh/een/eCO//np/NNe/emv//nq+81F+81G/eKU+9BR/eak/u29/eu0/u27//z1//77/N2B/vHN+9FW+85K/Nt6/eGQ/vbe/eWg/NVj+8xE+85M//33/vLO/eaj/u/D/Nl0+89N/eOZ/Nds/d+L+9JY/eKT/NNd//79/Nhv/u28/eKV//32//vx/Nhx/Np3+9BQ/eqx//zz/u/F/eu2/vbd//rt/vPS/vXa/Nx//vDI/eCM/NZn/eKW/NRh+9FU//34/vPU/N2D/Nt8/vLP/eGP/vTY/NVk/eu3/emu/N2A/N6G/vPR/vnn/Nhu/Nx9/eiq//vy///+/vLQ/eu1/eeo/NVm/N+J/eWe/vXb/Nx++9FX/vHM/uy6//rs/Np2+89O/u6//u2+//78/NZo//76/eWf+9FV/Nlx/eSc/Nhw/vjl/Ndq/u/E/eqy//vv/vDJ/eCN/N6E/ey3/NJb/vHL/vDH/eOW/Ndr+85L+9BT/eis/vXc/NZm//ru/Nly/uy5/vTW//no/Nlz/vTV/vPT/Np4/Nt7/NNb/eai//35/NRf/ey4/NRi/eOY/Ndt/u7C/vbc//vw+81I/vTX+9Ja/vjk/vDG+89P/u7B/eah/eem/N6F/eSd+9JZ/eWh/eip/N6H/NVl/eel/vLR/eGS/eqz/eGR//rr/eSa////+F92cwAAAL90Uk5T/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBFboQ5AAAEoElEQVR42uzd5V/bWhjA8dO0adrUW6oUKtCWQou7Dhhugw0b7sztzt3dd93d3a1/2w3hsHLZOeEyLsye36vySd7w/bRppHmCYg9TV5oYpaVAX3OpyvrgQlPzdOwFiVeNss5I+u5xR5ZFyZgq1fFFaOGFSpOG/l3mrej9ntK36/JaVNXPm8gW166r3qFjf8ruR49blvzfKE2jWsKzpcqNpHJv7qqYKC60zuaNGptTn0WQlLHWHPbct4WmthMDJWlIOnfShsU8riNoJRV8fiR/uOMDj3Pfly0ZrpSnUePwlK617+yDIU/hRdmBG3plIlpZ+oQ4D7cZrabE5DJGHujo3LnN5702w+nOrzdYKm9P4IJnK/+w7rxuk9UWdYVuotW2cesCj1GJ/u8Kbinufigf/tl23fzrNt8g2xDs5jJ0uin+ncclOMrzr+hUHJezlz3kq7PmmqtsIwH5OFO2R5uJ1iKlcZ4nW4/Ws0yttkShUGximDNyuTwse9gOmyb+x25h2SmGYaLCqse1aySwzOdrg8iThCBiSXM8CYkAQdmmJgg8GnCgpYkhtQEYaBnqkR8U6PmRCRDoFSMGEOgxKBkQ6CUjCyDQs6B3AYGeA6UDAr1+dBAQ6HmRCxDojaHYFVCgtUc45pIBA602gWcSGGh5BJ4ZYKB1VeBJyQQHSp/MnS18CxzIhcSTqb0AQe6AyGMGCHKdIo8XIMg1ijwcQJB7XeSZAghy++evkn4FEqQM+CLyJqAg1YV5hoGCVBjzwFVkYjbMkwsUpCKYZxYoSDkxTwNQkGIxz2dAQaoP86iAglQG5oGz8cS+wDxqoCBlBx6pqjFPKlCQUgOPVNPw4fov7557QEGKxzx2oJD65oLdQmI6zNMEFFJ7zX1AQeo1zMMCBak8zOMEClKzmCcCFKQ8mAd+fUmsCvNMAAUpGebZDhSkijDPS0BBSjnPw4MEuWyRZxdAkDOKPLBXSOmayPMNQJCzijyXAIKcRuT5BSDInZnjKYdbkSllibf5gwOt0wJPJTDQYgWeQmCgdVLgyQcGWrUxNA1HXNQ2xpARFOip0CAg0HsPFQMCPRMqAwR6ZTAkQioLjBiRKhkG1EjFwHgjqYphOJZUflQP5zOoGephMJ9EGhjrKJE41hFu56JV+iRGyqJPtVqFQuFgGKZILpfXxsfI9uyIvw4Ii+Q3hHUcwrpKbdYT0MEjZddiIHGitsTBnHhDZrL9/b31tm8feyG4lVPp7Dxf/tjjuvnzOt0drjvYwF72TVpPmm0dsnA+875Cm7YmOgsDiVc9zhoVlEQr3hzpN3uGBtm9LxvH+PUel66+p+NG21nf7VyzbaS3ZvsV7ap14uOsYzHXym5GNoQGano1pccmGz/K4U5Xlz+N09DV9ozudu85qzn9u3BFNLTS3ZfFw9CF7U+Se5mjD0dRWNOZW3cweMee/Ww+W6Dpt7zGn8wXA/l3f1huU7ZklD7xQQxIqT/Vlh5xHpoxNpfHnq+O/vVxjtf54+89rw6EHjlnYXjkQQzi29FvYpTuLH1FoNRzub11/+EX5zEeLV87I/0T446bbiVj8i96jMc/AgwAGxQukzq8EMkAAAAASUVORK5CYII=) no-repeat center center;
    width: 286px;
    height: 90px;
}
.pub-item-fourth{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAR4AAABaCAMAAABZqckqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowOTcyNEYwQzNFRjQxMUU5QjhENkM0RDA5MTc1NjVGQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowOTcyNEYwRDNFRjQxMUU5QjhENkM0RDA5MTc1NjVGQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA5NzI0RjBBM0VGNDExRTlCOEQ2QzREMDkxNzU2NUZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA5NzI0RjBCM0VGNDExRTlCOEQ2QzREMDkxNzU2NUZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+O+c+SwAAAgdQTFRFYrDqlsrxjMXwgcDu9fr+ZLHqd7vtns7yy+X4brbsbLXr9vr+7fb9odDyptLz6vT8ttr1Z7Lr5vP8m83ye7zt4/H7eLvt4O/75vL8xuL3gsDu1er5wN/3q9X0nM3ys9n1yOP4sNf05fL72ez6b7fs/f7/ZbLqcrjsw+H3kMfw+Pz+aLPrgL/ucLfsmMvxiMPvabTrstj1+/3/3+/71ur5icTvfr7uyeT4zeb44fD7hMHv+Pv+qdT0x+P4vN328fj9otDzh8Pvc7nsrNX02Ov68/n9kcjw+fz+arTri8Xw9/v+3u/7lcrxwuD3n8/y9Pn+5/P8jsbwk8jxz+f56/X84PD7hsLvvd72ebvt2+360ej51+v6pdLz7vb9lMnx5PH7/v7/drrt0Of5u932fb7uuNv2e73tY7HqweD3mszxvt72p9Pzbbbrrtb0gb/uY7Dqudz2c7jspNHztdr1sdj1oM/yerzto9HzxeL39vv+ZrLq+/3+l8vxr9f0g8DuabPrzub4g8Hu6fT8fL3u0uj5cbjsqNPz8Pj9k8nxf7/u7/f9v9/2a7Xr3e76a7Tr7vf9dbrtrdb0+v3+i8TvzOX4qdTz8Pf90+n5xOH3hcLv3O364vD7ebztyuT4ZrLrisTv6PT8tNn13u777PX8mczx2uz6/P3/t9v1fL3tdLns1On5jcbw////KZCbygAAAK10Uk5T/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wD9RQTwAAAElUlEQVR42uzd9VvbWhjA8RNp06RNU6Et9VKKQ4HhDLfBhttwGC5zv3PXK9t1d7/5I28I2cpl54QxGNu47/en8iS/8Hna0zR58gbJzzNXc77YpQ+T8uPWMxfvuO5Pyf+TWEeq6XBK3YNBd0F6zMdVmxOb0LMXDmcO+m8LebdL4qfPLpenOpr3msgBS8UXkZmrF6iS2bvpG/5vlON0bOA5YDUgvQx58/W9XJVtsTx18vN97yLIe/0Dxd89PlPFTZSUNuQg/QzW/et5xo+jrdT65Hhbe+dn4RrvdKrLcvBt1EjrkgZGb1ycCVedo+ib52MGtLWSkhM8RXloOxl4N0NTnSvHbIHIdJNHqt1tsN9ZS3KR/0Z1wHbsnkj9UzmfcR1tt6OHnvFEY2ina80z5n5FtzvFe8GfbIFMU59/2OOSpC7241cluMyyv0jdHk+x31QWWLYVBq3iEkUPMu5TwgJ6HcWiazzZSWg3WxCEBqPRmMsw12iazqKeFxKdiT8eKNvyGYa5rex6VxBOoN0vab/KY0UQNusqT7IBIAhrarLCEwIHUiEZme3AQMrOIi8okPMiDhDIccgHCOR8iAcEcjxKBwRy6ehbQCDnRnWAQE5EZYBALoLGAYFcP5KPgAKpU8pvrivAQGpC4ZkDBlJhhacJGEj9rfAcPAEOhJpXzxbC2kwoQz2Z2gIQ+GiVpxEg8K2oPBGAwNeh8hQBBL7fVJ4ugMD3aO0qqQASuOzaReRcoMA1r/G0AwWuLI0HriJjEzWeQqDAlaLxLAIFrhqNpw8ocJk0np+BAteoxuMAClwujccCFLh+1HjMQIHLAjx6NWs8+4AClxl49JqCD9fLvHtqgQIXC1/sL/PN1Q0UuCSNxwUUekfNo0CB62uNxwQUuMo1nhqgwLWo8aQABa6wxlMHFLisGk8vUOC6ovE8BApclRrP+0CBK7bGw4IEvmyVpwIg8EVVHjgqJDSt8pwFCHw2lScOEPhCKk8pQOC7tsqTBrciEypQb/MHB1K3FJ5qYCBlUniqgIFUo8LTBgykemQ0Bb+4iB2VURQUyHWjTEAg9yXM0NCLQ25AIOeGIRF6pcOIEb14GFCjFwNLs/7SDMOxdPIiFs5nELOzSHYCA6kQjHXUSR3rCLdzkRp7EyNl0feCYDQa3QzDVNI03ZMYIxsPJV5Tyib6prLPkLIvLxS8AR1tpKwc3flDQ4PQMMSU9FCcGHxqOxnwmu74D3kckoVl0155XDdbK0kVnmF/nykzMGdrDIqdVFYb86dRyHktOnx0h8ZZo9aG2fqWJTEYnsk0+T+Y7Gd3e1y6uVbypI6YAicLg+JSS/7DI9u/uToxzlqWLVu7GdmeUZrf4hy7OtfxabHnVnPa2zgN3WxxDY9EHtuCdb9m1c9mbPXwZf0wdGX92WSUPuKHKrOcK4XLZf4KS/Y7+WyBcVdTeccfjeeoT3L/2mwp2zBKH/sgBsQn5U9cSKkpa5q8nybvrS5/9E1x5HDK6fgPpRmXXvhwvPAgBvXt6OV8vKHgfD01Fs4cGXi010g2eYyH2Dvovm7gfZx33WM8/hVgAD1fgkdkvBpKAAAAAElFTkSuQmCC) no-repeat center center;
    width: 286px;
    height: 90px;
}
.pub-item-five{
    width: 222px;
    height: 90px;
    background-color: #bae78f;
    border-radius: 6px;
}
.pub-item-five img{
    position: absolute;
    top: -20px;
}
.first-deer{
    position: absolute;
    top: -44px;
}
.second-deer{
    position: absolute;
    top: -44px;
    right: 0;
}
.third-deer{
    position: absolute;
    top: -44px;
    right: 0;
}
.fourth-deer{
    position: absolute;
    top: -44px;
    right: 0;
}
/*自制精品*/
.pub-plate-main {
    position: relative;
    border: 1px solid #ffe1e7;
    border-radius: 6px;
    max-width: 1340px;
    height: 351px;
    padding:10px 10px 0 10px;
    z-index: 1;
    background-color: #ffffff;
    overflow: hidden;
    box-sizing: border-box;
}
.bj-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.bj-row .bjm-4{
    margin-left: 10px;
    margin-right: 10px;
}
.pub-container .pub-title{
    text-align: center;
    margin-top: 12px;
    height: 90px;
}
.pub-container .pub-title .pub-title-bg{
    text-align: center;
    position: relative;
}
.pub-container .pub-title .change_column{
    position: absolute;
    top: 70px;
    right: 20px;
    color: #f74681;
    font-size: 16px;
    cursor: pointer;
    font-weight: normal;
}
.pub-container .bj-row {
    background-color: #FFFFFF;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    overflow:hidden;
    text-overflow: ellipsis;
}
.pub-container .bj-row a{
    text-decoration: none;
}
.pub-plate-main{
    margin: 0 auto;
    position: relative;
}
.selfmade {
    margin-left: 0;
}
.selfmade .bjm-4 {
    position: relative;
    margin-bottom: 20px;
    width: 200px;
}
.pub-plate-main .bjm-4 img{
    height: 110px;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: All 0.4s ease-in-out;
    transition: All 0.4s ease-in-out;
}
.pub-plate-main .bjm-4 img:hover{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.selfmade .bjm-4 .bjm4-head{
    font-size: 16px;
    margin-top: 10px;
    color: #666666
}
.selfmade .bjm-4 .bjm4-head:hover{
    color: #fc587d;
}
.selfmade .bjm-4 .bjm4-foot p{
    font-size: 12px;
    margin-top: 10px;
    text-align: justify;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.selfmade .bjm-4 .bjm4-foot p:hover{
    color: #fc587d;
}
.selfmade-enter-active, .selfmade-leave-active {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}
.selfmade-enter, .selfmade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
}
/*热门推荐*/
.pub-hotplay-main{
    position: relative;
    border: 1px solid #ffe1e7;
    border-radius: 6px;
    max-width: 1340px;
    padding:10px 10px 0 10px;
    z-index: 1;
    background-color: #ffffff;
    margin: 20px auto 0 auto;
}
.pub-hotplay-main a{
    color: #666666;
    font-size: 14px;
    line-height: 20px;
}
.pub-hotplay-main a:hover{
    color:#fc587d ;
}
.bj-row{
    margin-bottom: 10px;
}
.pub-hotplay-main .bjm-8 img{
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: All 0.4s ease-in-out;
    transition: All 0.4s ease-in-out;
}
.pub-hotplay-main .bjm-8 img:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.pubpic .cover-tit{
    margin-top: 10px;
}
.bjm-4 .pubpic{
    height: 170px;
    width: 200px;
}
.pub-hotplay-main .bjm-4 .pubpic img{
    cursor: pointer;
    border-radius: 10px;
    -webkit-transition: All 0.4s ease-in-out;
    transition: All 0.4s ease-in-out;
}
.pub-hotplay-main .bjm-4 .pubpic img:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
/*儿童舞蹈*/
.pub-child-dance{
    position: relative;
    border: 1px solid #ffe1e7;
    border-radius: 6px;
    max-width: 1340px;
    padding:10px 10px 0 10px;
    z-index: 1;
    background-color: #ffffff;
    margin: 20px auto 0 auto;
}
.pub-child-dance a{
    color: #666666;
    font-size: 14px;
    line-height: 20px;
}
.pub-child-dance a:hover{
    color:#fc587d ;
}
.pub-child-dance .change{
    position: absolute;
    top: 90px;
    right: 20px;
    color: #f74681;
    font-size: 16px;
    cursor: pointer;
    font-weight: normal;
}
.pub-child-dance .bjm-8 img{
    cursor: pointer;
    border-radius: 10px;
    -webkit-transition: All 0.4s ease-in-out;
    transition: All 0.4s ease-in-out;
}
.pub-child-dance .bjm-8 img:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.pub-child-dance .bjm-4 .pubpic img{
    cursor: pointer;
    border-radius: 10px;
    -webkit-transition: All 0.4s ease-in-out;
    transition: All 0.4s ease-in-out;
}
.pub-child-dance .bjm-4 .pubpic img:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
/*玩具天地*/
.pub-toy-play{
    position: relative;
    border: 1px solid #ffe1e7;
    border-radius: 6px;
    max-width: 1340px;
    padding:10px 10px 0 10px;
    z-index: 1;
    background-color: #ffffff;
    margin: 20px auto 0 auto;
}
.pub-toy-play a{
    color: #666666;
    font-size: 14px;
    line-height: 20px;
}
.pub-toy-play a:hover{
    color:#fc587d ;
}
.pub-toy-play .change{
    position: absolute;
    top: 90px;
    right: 20px;
    color: #f74681;
    font-size: 16px;
    cursor: pointer;
    font-weight: normal;
}
.pub-toy-play .bjm-8 img{
    cursor: pointer;
    border-radius: 10px;
    -webkit-transition: All 0.4s ease-in-out;
    transition: All 0.4s ease-in-out;
}
.pub-toy-play .bjm-8 img:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.pub-toy-play .bjm-4 .pubpic img{
    cursor: pointer;
    border-radius: 10px;
    -webkit-transition: All 0.4s ease-in-out;
    transition: All 0.4s ease-in-out;
}
.pub-toy-play .bjm-4 .pubpic img:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
/*绘本故事*/
.pub-describe-story{
    position: relative;
    border: 1px solid #ffe1e7;
    border-radius: 6px;
    max-width: 1340px;
    padding:10px 10px 0 10px;
    z-index: 1;
    background-color: #ffffff;
    margin: 20px auto 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.pub-describe-story .bjm6-foot .bj6-title{
    margin-top: 10px;
    font-size: 16px;
    line-height: 20px;
}
.pub-describe-story .bjm6-foot .bj6-title:hover{
    color:#fc587d;
}
.pub-left .bj-row .bjm-6 p:hover{
    color:#fc587d ;
}
.pub-describe-story .change{
    position: absolute;
    color: #f74681;
    font-size: 16px;
    cursor: pointer;
    font-weight: normal;
}
.pub-describe-story .bjm-6{
    width: 200px;
    position: relative;
}
.pub-describe-story .pub-right{
    text-align: center;
}
.pub-describe-story .pub-right .right-main{
    width: 420px;
    height: 340px;
    background-color: #fce6eb;
    border-radius: 10px;
    margin-top: 20px;
    overflow-y: scroll;
}
.pub-right .right-main::-webkit-scrollbar-track{
    color: transparent;
}
.pub-right .right-main::-webkit-scrollbar-thumb {
    width: 30px;
    height: 30px;
    background-color: #fff;
}
.right-main::-webkit-scrollbar{
    opacity: 0;
}
.right-main::-webkit-scrollbar-button {
    opacity: 0;
}
.right-main::-webkit-scrollbar-track{
    opacity: 0;
}
.right-main::-webkit-scrollbar-track-piece{
    opacity: 0;
}
.right-main::-webkit-scrollbar-thumb {
    opacity: 0;
}
.right-main::-webkit-scrollbar-corner {
    opacity: 0;
}
.right-main::-webkit-resizer  {
    opacity: 0;
}
.pub-describe-story .epideso{
    background-color: rgba(51, 51,51, 0.5);
    position: absolute;
    top: 244px;
    right: 10px;
    border-radius: 5px;
    color: #ffffff;
    padding: 4px;
}
.pub-left{
    position: relative;
}
.pub-left .left-title{
    margin-top: 20px;
    margin-left: 10px;
}
.pub-left .change{
    position: absolute;
    right: 0;
    top: 40px;
}
.pub-left .bj-row .bjm-6{
    margin-right: 20px;
}
.pub-left .bj-row .bjm-6 img{
    cursor: pointer;
    border-radius: 10px;
    -webkit-transition: All 0.4s ease-in-out;
    transition: All 0.4s ease-in-out;
}
.pub-left .bj-row .bjm-6 img:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.pub-left .bj-row .bjm-6 h4{
    font-size: 16px;
    color: #666666;
    margin-top: 6px;
}
.pub-left .bj-row .bjm-6 p{
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
    line-height: 20px;
}
.pub-right .right-title{
    margin-top: 20px;
    margin-left: 10px;
}
.pub-right .right-main-items{
    padding-top: 10px;
}
.pub-right .right-main .item-mp3{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 30px;
    font-size: 14px;
    margin: 0 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.item-mp3 li {
    margin-left: 10px;
}
.item-mp3:hover{
    color: #fc587d;
    cursor: pointer;
}
.pub-right .right-main .item-mp3 span{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.mp3-active{
    color: #fc587d;
}
/*儿歌大全*/
.pub-child-song{
    position: relative;
    border: 1px solid #ffe1e7;
    border-radius: 6px;
    max-width: 1340px;
    padding:10px 10px 0 10px;
    z-index: 1;
    background-color: #ffffff;
    margin: 20px auto 0 auto;
}
.pub-child-song .change{
    position: absolute;
    right: 20px;
    top: 80px;
    color:#f74681;
}
.pub-child-song .bj-row .bjm-6{
    padding-right: 20px;
    position: relative;
}
.pub-child-song .bj-row .bjm-6 img{
    cursor: pointer;
    border-radius: 10px;
    -webkit-transition: All 0.4s ease-in-out;
    transition: All 0.4s ease-in-out;

}
.pub-child-song .epideso{
    background-color: rgba(51, 51,51, 0.5);
    position: absolute;
    top: 244px;
    right: 30px;
    border-radius: 5px;
    color: #ffffff;
    padding: 4px;
}
.pub-child-song .bj-row .bjm-6 img:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.pub-child-song .bjm6-foot .bj6-title{
    font-size: 16px;
    margin-top: 10px;
    /* color: #666666; */
    line-height: 20px;
}
.pub-child-song .bjm6-foot .bj6-title:hover{
    color:#fc587d;
}
.pub-child-song .bj-row .bjm-6 p:hover{
    color:#fc587d ;
    overflow: visible
}
.pub-child-song .bj-row .bjm-6 p{
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    margin-top: 6px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
/*亲子教育*/
.pub-child-eduction{
    position: relative;
    border: 1px solid #ffe1e7;
    border-radius: 6px;
    max-width: 1340px;
    padding:10px 10px 0 10px;
    z-index: 1;
    background-color: #ffffff;
    margin: 20px auto 0 auto;
}
.pub-child-eduction .change{
    position: absolute;
    right: 20px;
    top: 80px;
    color:#f74681;
}
.pub-child-eduction .bj-row .bjm-6{
    padding-right: 20px;
    position: relative;
}
.pub-child-eduction .bj-row .bjm-6 img{
    cursor: pointer;
    border-radius: 10px;
    -webkit-transition: All 0.4s ease-in-out;
    transition: All 0.4s ease-in-out;
}
.pub-child-eduction .epideso{
    background-color: rgba(51, 51,51, 0.5);
    position: absolute;
    top: 244px;
    right: 30px;
    border-radius: 5px;
    color: #ffffff;
    padding: 4px;
}
.pub-child-eduction .bj-row .bjm-6 img:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.pub-child-eduction .bjm6-foot .bj6-title{
    font-size: 16px;
    margin-top: 6px;
    /* color: #666666; */
    line-height: 20px;
}
.pub-child-eduction .bjm6-foot .bj6-title:hover{
    color:#fc587d;
}
.pub-child-eduction .bj-row .bjm-6 p:hover{
    color:#fc587d ;
}
.pub-child-eduction .bj-row .bjm-6 p{
    font-size: 14px;
    color: #999999;
    margin-top: 6px;
    line-height: 20px;
}
/*合作专区*/
.pub-child-collaborate{
    position: relative;
    border: 1px solid #ffe1e7;
    border-radius: 6px;
    max-width: 1340px;
    height: 242px;
    padding:10px 10px 0 10px;
    z-index: 1;
    background-color: #ffffff;
    margin: 20px auto 0 auto;
    overflow: hidden;
}
.pub-child-collaborate .main{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}
.pub-child-collaborate .main .bj-row .bjm4-head{
    font-size: 16px;
    margin-top: 10px;
}
.pub-child-collaborate .left-title{
    margin-left: 20px;
}
.pub-child-collaborate .right-main{
    width: 200px;
    height: 111px;
    background-color: #ffffff;
    border-radius: 10px;
}

.pub-child-collaborate .right-main img{
    margin-top: 20px;
}
/*友情链接*/
.pub-friendship-link{
    position: relative;
    border: 1px solid #ffe1e7;
    border-radius: 6px;
    max-width: 1340px;
    height: 166px;
    padding:10px 10px 0 10px;
    z-index: 1;
    background-color: #ffffff;
    margin: 20px auto 0 auto;
    overflow: hidden;
}
.pub-friendship-link .main{
    margin-top: 20px;
    margin-left: 20px;
}
.pub-friendship-link .item{
    margin-top: 20px;
}
.pub-friendship-link .item a{
    font-size: 16px;
    line-height: 20px;
    color: #666;
    text-decoration: none;
}
.pub-friendship-link .item .cnt-in{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.pub-friendship-link .item .cnt-in a{
    display: block;
    line-height: 30px;
    padding: 0 20px;
}
.pub-friendship-link .item .cnt-in a:hover{
   color: #fc587d;
}
.pub-friendship-link .split{
    vertical-align: center;
    width: 2px;
    height:60px;
    background: #666666;
}
.pub-friendship-link .item .cnt-in .column{
    padding: 0 60px;
}
/*底部样式*/
/*.pub-footer{
    text-align: center;
    line-height: 2;
    color: #7a7a7a;
    padding-top: 20px;
    border-top: 1px solid #DADADA;
    margin-left: -10px;
    margin-right: -10px;
    height: 366px;
    padding-bottom: 60px;
}
.pub-footer .pub-container{
    background-color: #ffffff;
    padding-top: 30px;
}
.pub-footer a{
    text-decoration: none;
    color: #7a7a7a;
}
@media only screen and (max-width: 1336px)
    .pub-container {
        max-width: 1100px;
    }
    .pub-footer .prebox{
        float: left;
        width: 180px
    }
    .pub-footer .prebox a {
        float: left;
        width: 180px;
    }
    .pub-footer .row2{
        padding-right: 30px;
    }
    .pub-footer .row2 a {
        width: 90px;
    }
    .pub-footer .line-wrap {
        padding-bottom: 20px;
        border-bottom: 1px solid #DADADA;
    }
    .pub-footer .bottom-info {
        padding-top: 20px;
    }
    .pub-footer .bot-pic {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .pub-footer .linbox {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .pub-footer .bot-pic .link {
        margin-left: 1em;
        margin-right: 1em;
    }
*/