@charset "UTF-8";* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

html {
    overflow-x: hidden
}

html,body {
    font-size: 12px;
    font-family: "Microsoft YaHei","微软雅黑",Arial;
    background-color: #fff
}

a,button,fieldset,input,label,legend,option,select,textarea {
    color: inherit;
    font-size: inherit;
    font-family: inherit
}

em,i {
    font-style: normal
}

input {
    border: 0
}

img {
    border: 0;
    vertical-align: middle
}

img {
    display: inline-block
}

textarea {
    border: 1px solid #d2d2d2;
    overflow: auto
}

ul,li {
    list-style: none
}

a {
    color: inherit;
    text-decoration: none
}

img {
    border: 0;
    vertical-align: middle
}

.fl {
    float: left
}

.fr {
    float: right
}

.clearfix {
    zoom:1}

.clearfix:after {
    content: '';
    display: table;
    clear: both
}

p {
    line-height: 1.7
}

.banner {
    width: 100%
}

.banner a {
    display: block;
    width: 100%
}

.banner a img {
    width: 100%
}

.share-box {
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 82px;
    background-color: #fff;
    display: none;
    z-index: 100
}

.share-box a {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #a5a5a5;
    cursor: pointer;
    padding-top: 8px;
    position: relative;
    border: 1px solid #f5f5f5;
    width: 82px;
    height: 90px
}

.share-box a:nth-of-type(n+2) {
    border-top: 0
}

.share-box a:hover {
    color: #ff7900
}

.share-box a:hover .code {
    display: block
}

.share-box a .code {
    position: absolute;
    right: 100%;
    display: none;
    top: 0;
    width: 135px;
    height: 191px;
    background: transparent;
    text-align: center;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIcAAAC/CAYAAADUzs/KAAAABHNCSVQICAgIfAhkiAAAArxJREFUeJzt3DFuY2UYRuHPdqwbJ5FYBw0SHQjRULAIFsgSaJGQKGloKFnDSLFjK7JNNaOZiNNOgnie8q2+4ui33NzVfr+/Dv979/f3q5fbzczM3d3d57+GN+NwOPzrvv7Md/AfIg6SOEjiIImDJA6SOEjiIImDJA6SOEjiIImDJA6SOEjiIImDJA6SOEjiIImDJA6SOEjiIImDJA6SOEjiIImDJA6SOEjiIImDJA6SOEjiYGZmnp6efni5iYO5vb2dy+Xyy+Fw+ObjXRzMer2eZVmW6/X66+Pj41cf9tc8irdjs9nMsiy3q9Xq99Pp9OXMzGq/3199h5T3zufzHI/Hd5vN5msvB5/YbDaz3W6/uFwuP4uDT5zP53l+fn63Xq9/unntY3g7zufznE6nx+12++2yLH97OZiZD2E8Xa/X75Zl+WvGvxVm5nK5zOl0Os3M9w8PD3++3/2sMMfjcdbr9Y+73e6Pj3cvBzMzs9vtfnu5iYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYMkDpI4SOIgiYN0MzNzOBxe+w7eoH8Az2BWeaoS0QIAAAAASUVORK5CYII=") no-repeat center;
    padding-top: 24px
}

.share-box a .code>div {
    width: 100%;
    text-align: center
}

.share-box a .code>div img {
    width: 96px;
    height: 96px
}

.share-box a .code>div p {
    width: 85px;
    margin: 12px auto 0;
    font-size: 12px;
    color: #a5a5a5;
    text-align: center
}

.share-box a .code>div p:last-of-type {
    margin: 0 auto
}

.share-box a:first-of-type {
    margin-top: 0
}

.share-box a i {
    display: block;
    margin: 0 auto;
    width: 48px;
    height: 48px
}

.share-box a.app-download i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY3OTc2QjRFOUM5MzExRTk4ODExRDVGODE0MEM4MkY2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY3OTc2QjRGOUM5MzExRTk4ODExRDVGODE0MEM4MkY2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Rjc5NzZCNEM5QzkzMTFFOTg4MTFENUY4MTQwQzgyRjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjc5NzZCNEQ5QzkzMTFFOTg4MTFENUY4MTQwQzgyRjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4hvAmoAAAA8ElEQVR42uyZMQrCMBSG26pnEPECDo66CR7A1VnFIccQ3DxDBkXPoKuTs1dwdHNwlsY/WKEEB0MKvuD/wzekvAf90qalTWqMSWJOlkQeClCAAhSgQFDqIc1a68pORCnFWygka/AAxgNbv5EiMAU1zx5bP/npGnAm4gSuHj0tMJAiYLMCB4/6EdjzPUABClCAAhSgAAUoQAEKUOBvBar8IhuDrkd9R5rAzBlfwK00bhSCmdQrUM4Z9EHuHF+ChUSB3JnZNhiCu7Peeh/6RAhsk9e/obdEExy/kN5JEZgX8DHqm5TbrBSgAAUoQIGY8xRgAJVDKlmy9li2AAAAAElFTkSuQmCC") no-repeat center
}

.share-box a.app-download:hover i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFBMUREOEY2OUM5NDExRTk5QUQ3ODRGMUQzRDkzQTRCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFBMUREOEY3OUM5NDExRTk5QUQ3ODRGMUQzRDkzQTRCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUExREQ4RjQ5Qzk0MTFFOTlBRDc4NEYxRDNEOTNBNEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUExREQ4RjU5Qzk0MTFFOTlBRDc4NEYxRDNEOTNBNEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5qUVP6AAAA7klEQVR42uyZMQrCMBSGk6pnEPECDo66CR7A1VnFYzgILuIpFD2DXZ2cvYKjm4OzNP7BCjU4GFLwBf8fviHlPeiXNi1ttDFGxZxERR4KUIACFKBAUKpB3TNd3pksDW+hkKzBHRgPbP1GisAYVDx7bP3ot2vgfSKO4OLR0wA9KQI2K5B61A/Anu8BClCAAhSgAAUoQAEKUIACfytQ5hfZELQ96lvSBCbO+AyuhXEtF0ykXoFiTqALMuf4AswlCmTOzDZBH9yc9db50CdCYKue/4ZeEnVw+EJ6J0VgmsPHqG80t1kpQAEKUIACMechwABQ7ClZNFB8bQAAAABJRU5ErkJggg==") no-repeat center
}

.share-box a.wecht i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAwODM4MTU1OUM5NDExRTk4RUU4RkYyMTg4NEMzQUMxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAwODM4MTU2OUM5NDExRTk4RUU4RkYyMTg4NEMzQUMxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDA4MzgxNTM5Qzk0MTFFOThFRThGRjIxODg0QzNBQzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDA4MzgxNTQ5Qzk0MTFFOThFRThGRjIxODg0QzNBQzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6+jmIlAAACaUlEQVR42uyZSWhUQRCGZ9xQowclxhXcIKigSERQjxoPORn05sUIYcB4UMSDSlwQcYERFBdwDh5CEkSvCQSM6MWTCCGih7iRoPGgiSago3EZv4ISmua98c3oWwa64GNS3TXD+19XVXeTdKFQSFWyTUpVuDkBToAT4AQ4AU6AExCnTQkSlMvlYnm4TCYT+gpMhp3QAQPwVRmGu3AMlsW+Aj7WAFdhhcfcQqUeTsMNOA6jSamBU9Dt8/Beq9QCj2BNEgQchJOQVl9S5otP7Ijxt4h9AEviFLASzhn+GCyHBfDCim2FamgyxubBlTgFyNufbvgTMA55xbSP+vnJGm/8n6lUahFvtXx5o8/hOyy15i5DM6zW4u2CDzAHtsMPXbVfUQrwaomLivy2PPxFFbgbao35S/AebmvM6yhS6GcJsVIfR2CPdq1ajxhZwf3wDPZFIaA/YJykxVklSNeRuroOh8MW0BEwrh32wkz1pcCPah38MUmrE3DHGBPBa8MUcFOX+2/2ElYZvnznPFwzxobgDGSNsalwKMwi/gY74CHU+MRIYc6yxjbAYyudZE/p073CtPqwd2JpfZvgqc/8IMz1GK/zEL3Oo4vNj+IsJC2v02duNrz9h9Y+FNVpdJcemy/AK1gPi6EKerRAy7HOKARIirTJXcc4QnRZMfdgWxnpmY0ihUb1qJAvEtOk9RDURvRyNJ6UO/Eb2AK9AV/IZniStEv9sB7chFvwzjqt9mjRVllzkRRxKdZrrMQ03bA+qz8DDsBGuJ9UASnrDjFh+HndpcuytPsXkxPgBDgBToAT4AQ4AU5A5dpvAQYAUtB505ztdokAAAAASUVORK5CYII=") no-repeat center
}

.share-box a.wecht:hover i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFGOEJCRDIzOUM5NDExRTk4QjE1RUVBNUUyQzNDRURCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFGOEJCRDI0OUM5NDExRTk4QjE1RUVBNUUyQzNDRURCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUY4QkJEMjE5Qzk0MTFFOThCMTVFRUE1RTJDM0NFREIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUY4QkJEMjI5Qzk0MTFFOThCMTVFRUE1RTJDM0NFREIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6P2HmsAAACZUlEQVR42uyZS0iUURTHZzSlshZF74ReIBUUUgjVsmzRqshdmwzcZItCXFj0IkILFIweUIsWkRK1NRAyatNKgihq4SNJyhallVCTlo2/A0e4XL7Pvpn6HgP3wI/x3ntm+P7fPefcczGdzWZThWxFqQI3J8AJcAKcACfACXAC4rQ5gbxOpeN5uuZs6DtQDAehA/rgpzICj0Q6rI1/B7xtH1yD9R5rK5VquAA34QyMJSUHzsNDn4f32qV66IXNSRBwAs7BTGJIyPzw8R01/haxT6E8TgEboMUYf4N1sAIGLN/TsARqjbmlcDVOAfL25xrjSRiHjGLaF/38as0f+J+hlGsS77bG8kb74RessdauQB1s0uTtgs+wCPbCb921P1EK8CqJq2b5bXn4NhV4CCqM9Xb4BPfVZyiKEJrKwVfyowkOa9Wq8PCRHTwGb+BoFAJeBvSTsGhWglQdyasb0Bi2gI6AfnfhCMzXsST4Sc2DGZOwOgsPzOYBtoQp4LZu999sEDYaY/nOJbhuzA3DRWg15kqgIcwknoD98AyW+fhIYi6w5rbDcyuc5Ex5oWeFadVhn8RS+nbAa5/1d7DYY36bh+itHlVseRS9kJS8Tp+1hfDhH0r7cFTdaI22zZfhLVTCaiiDbk3QfKwzCgESInfgltFCdFk+j2FPHuHZGkUIjWmrkJnFp1bzIaiN6uVoPCl34vewC3oCvpCd8Cppl/oRbdyEe/DR6la7NWnLrLVIkjgX6zF2olQPrO86ngfHoQqeJFVAyrpDTBrjjJ7SeVna/YvJCXACnAAnwAlwApwAJ6BwbVqAAQArU3jT1okvJQAAAABJRU5ErkJggg==") no-repeat center
}

.share-box a.app-kf i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBFQjExNUNBOUM5NDExRTk4OEMyOUU1NzQ0NzNGM0ZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBFQjExNUNCOUM5NDExRTk4OEMyOUU1NzQ0NzNGM0ZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEVCMTE1Qzg5Qzk0MTFFOTg4QzI5RTU3NDQ3M0YzRkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEVCMTE1Qzk5Qzk0MTFFOTg4QzI5RTU3NDQ3M0YzRkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5E8a19AAACo0lEQVR42uyZW4hNURjH55gjMpnCxERNKdeJJi8jRBFyV0LzglJOKS+TmSjFi3DkidyOKCW38OIyGQ+SZKQ0TVJuD8glx1AYcj1+X31qN81yrHP22nN2ra9+7X3WXvvb67/u3zqJXC5XFmfrUxZz8wK8AC/AC+hdS/5vxkwmE2nBUqmUb4FCrS/UwWgYCL/hJdyHF6UsYLa0PCyEAYY8T+AkHILXpTKIR8F1uAYrtPCdcAPOQwt0wC/NuxUewcYwKrBYB8vhKFRCFxyB49DeQ17pTvNhA0yHPbAMFsP73miBdXBWC38RxkCjofBinzT/DGiALEyFmzAsagHS3w9CAnbAUnhl8f4ZmAIPoVaFlUcloFK7iXxwL2yBQoKKpzBHW0JaZVtUAmTwDdeu0lzkGJJpdZXeN6tfpwL66SAUa4LvIcxiV+EK9A/4diZgLgyGN3qtK6Lg8v4SmAXHNK3B9TQ6U6/VOvDEzsEa+GLhZzUcgAr93anXkVADz121wHjDWrDdwket1nhFIG1I4H6Cyy400ZC+0nLxK8/TtZwJGGFIt5k9qvM8z7kUYLJEiJvCty4FfDOkd1n4+JrnebtLAXcM6W0WPtryrM5ZlwKadFMWtI+wycLHBWg1PDvleh24qzPRZt3bP4adlpGWxAWLYK1upWvUp1TM/ijigWewvsiB+gMOw+lAt0zrCh+bY5VBcBnGavSWjtO5UL3W/DR4oKHoz1ITIDvLe3AJxulaIUHMCbitpxa3NLzMFvqRpKPCL4B9ej8JJmsN/12FP+vg311ozbsWUN/td5VuETr0WEWO+T6UyrFKT9bSbU8j/X2oxg/psArvsgWkwPM0TpCpcRe8c/GhpMNB3PqPFTc0i/3hbsL/zeoFeAFegBfgBcTZ/ggwAAfxgdUv6HOQAAAAAElFTkSuQmCC") no-repeat center
}

.share-box a.app-kf:hover i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJBOENCNjIyOUM5NDExRTlBREIwRkUzQkUzOTFBMkM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJBOENCNjIzOUM5NDExRTlBREIwRkUzQkUzOTFBMkM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkE4Q0I2MjA5Qzk0MTFFOUFEQjBGRTNCRTM5MUEyQzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkE4Q0I2MjE5Qzk0MTFFOUFEQjBGRTNCRTM5MUEyQzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5fSo2FAAACn0lEQVR42uyZW4hNURjH55gjMpnCxERNKdeJJi8jRBFyV0LzglKU8jKZiSheNBx5IvcoJbfw4jIZD5JkpDRNUm4PyCXHUBhy3X6r/mo3zXbsc/bac3atr37tfdZe+9vrv+7fOinP80qSbL1KEm5OgBPgBDgBPWvp/865ORVvyZo81wL5Wm+ogZHQH37DS7gPL4pZwExYC/OhX0CeJ3ASDsLrYhnEI+A6XINlKnwH3IDz0Azt8Et5t8Ij2BBFBRbqYCkchXLohCNwHNq6yWu601xYD1NhNyyBhfC+J1pgDZxV4S/CKKgPKLyxT8o/DeogC5PhJgyJW4Dp7wfAzK1NsBhehXj/DEyCh1AtYaVxCShXNzEf3ANbIJ+g4inMUkuYVtkWlwAz+IaqqzQWOIbMtLpC943ya1VAHw1CYw3wPYJZ7Cpcgb4+39YEzIaB8EbXmgIKbt5fBDPgmNLqbE+j03Wt1MAzdg5WwZcQflbCfijT7w5dh0MVPLfVAmMD1oLtIXxUq8bLfGmDfPfjbHah8QHpy0MufqU5upY1AcMC0sPMHpU5nns2BQRZlMHCW5sCvgWkd4bw8TXH8zabAu4EpLeG8NGaY3XO2hTQoE2Z3z7CxhA+LkBLwLNTtteBu5qJNmlv/xh2hIy0TFywAFZrK10ln6Zi9sURDzyDdQUO1B9wCE77umVGK3xijlUGwGUYregtk6RzoVrV/BR4oFD0Z7EJMDvLe3AJxmitMEHMCbitU4tbCi+z+X4kbanw82Cv7ifARNXw31X4swb/rnxr3raA2i6/K7RFaNexymH4UCzHKt1Zc5c9jenvgxU/ZKIqvM0WMAWeozjBTI074Z2ND6UtDuKWf6y4kVniD3dT7m9WJ8AJcAKcACcgyfZHgAEA4tCA1d//DnUAAAAASUVORK5CYII=") no-repeat center
}

.share-box a.weibo i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA2NjdCMTVDOUM5NDExRTlCRThDODAyNkQyREU5MEQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA2NjdCMTVEOUM5NDExRTlCRThDODAyNkQyREU5MEQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDY2N0IxNUE5Qzk0MTFFOUJFOEM4MDI2RDJERTkwRDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDY2N0IxNUI5Qzk0MTFFOUJFOEM4MDI2RDJERTkwRDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5rUYVsAAAC+0lEQVR42uyZfWhNYRzH78U281JW89I0r1ssjSixJCUiRAglWaGLpKyIohU1bKJkTa4/dPOSQshr2BIh/yxXLGW1lpdrTF67srmu76++t36dzty9OA83z68+3eec55zT7/s8v+f3/M65/ng87ktl6+ZLcbMCrAArwAqwAqyAlLYe7bkoGAwadywQCNgQ8sIWgufgMbgISsCAVBKQRwrBfHAANIIK0PNfEdD9N337wVCKmA0qQQxsAbdAxt8UMBVcAlHwFRwB6Y5rfoJvYBioBxvBWPAKTKEQ4wIGgrPgDphHp3tLIgGrXa4/xdGup+AmsJl9GzrqU1cFzABPwOI2+tMdKTsTLAGjwDaGUSk4Bz6AQewzImA9uAay2+iXcEkDJ0EDaGF4PQD5oBzUMHRaQS3vG/zHNzIXK2EGSTY4+1zOjwanQV+K6sPz0c741BkBgXY4n8xe8vcq9wUfw0cs4qWAyeCQy/nv4DK4wlCIMCxkdMcw1leCLF6/g7+H1TO2gxwQ9moNZDKenanxGBjJxfkUjAPTQT/wAlwHm8Bwhk4iE90GxcqHmyDkSTGnFu0IdRxjmgxxIYoDBapfPjgd530S35/Acs6KpNtpZA5YZqKUKHYcl9P5CaBaOR9njPsZNlUOUWWO5ywFs0wIyFftVpVh9rIEkHPPuBaGgHfsl1Hvpe5tcHl2oQkBzaotsf2R7fHsy+MsPAT3QH/2pzlqnIkuz46YEHBBtXO5SMUesRx4TUeLSMLuc5dN7My7XDLYDRMCdqtZkFHdw3Ypw6uRMzPXMWtr2Zb66AxnTFuFCjdPBbwBi1hpiq0DRxn3M9mfCJv3rEZlgdfxvjDfAbRJEbjT83diZXeZMk9w4a1hFhFHDoK3zD5fuJClylzAdwBtP+h4GTOTMQE+vg5KGKwAW7lwV5FkJu8C5+l4nbGvEi4W4x4Q4s4rozyJpXAOd+0oM1WE4VPD+v+z8c8qSSzc0frFfthS5rf/kVkBVoAVYAVYAVaAFfAfC/glwAC6MKHB2kb+gAAAAABJRU5ErkJggg==") no-repeat center
}

.share-box a.weibo:hover i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI1NkIzMkE1OUM5NDExRTlCNUFCQzZFQjBBQkRFQTVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI1NkIzMkE2OUM5NDExRTlCNUFCQzZFQjBBQkRFQTVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjU2QjMyQTM5Qzk0MTFFOUI1QUJDNkVCMEFCREVBNUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjU2QjMyQTQ5Qzk0MTFFOUI1QUJDNkVCMEFCREVBNUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ou+c5AAAC/klEQVR42uyYW0hUQRjHd0stu5BBFzEqCcUiLArEIqIXo6hINLoQYQ+CJdGDUBRWgoKWSr0UXeghogtBhYVa0EUoKOkl2ggJEkQs16yoLDZKt9N/6H9gmI7unqM7tTEf/NjZ851z+P4z38x8c/yWZfni2Ub54tyMACPACDACjAAjIK4tIaq7yv36I6uxTArFwgrAK/Ac3ARlYFo8Ccgg2WA9OAY6QR0Y+68IGD2E7yiYTRGrwQkQBnvBPTDmbwpYDhpBCHwFZ0CScs9P8A2kg3awGywAb8AyCtEuYDq4Bh6CdQx6PCgBxQ73X2Zvt1PwW7CHvl1uYxqugDzwAmwYxJ+kLNnJYCPIAvuZRhXgOvgIUunTIqAU3AZTBvGLdEkEl0AH+MH0agWZoBa0MHX6wVM+N2PkN7I/rYwrSKTOqXe4PhdcARMpagKvh7zE5EVASRTBR7LX/L3FfcHH9BEWjKWAJeC4w/XvoAk0MxWCTAvRu/OZ60VgMu8/yN9T0jsOgDQQcBOQP6rPKr9roWRO2DmK9xw4BLpBDlNEpMYT5r5tk8BpsIX+Vj57gfPFUy2U4HLSysGHuUye50S8C+ZJfovBlTK/P4OtHBWx3K4ga8BmHaXEduV/LYNfDO5LwVvMcT/T5qQiqlp5zyawSoeATKndL60wR1gCiGsvORdmgXf0i14fJz3b4fDubB0C3kvtLvCJ7UX0ZXAURO4/AlPpT1RqnByHdwd1CLghtWeCFLafsRzoZqBLiW2PucvaO3OVwwp2R4eAGmkURK8eZruC6dXJkVmrjNoOtkV9dJUjJludlG4xFdADCllpCtsJzjLvV9Jvp80HVqNigrfxuQDPALKJIrByODuim33ANlH+XpQmXh8DeQB6ufp84UTOBfk8A8g2wMCruTJ5PhN7EWAfWraBfcraH8nEWaCBgbeNxKHeazEX5h4gWMhezmUpnMZdO8SVKsj0aWH936f/s8rQFnBbv5gPW67ngPkuZAQYAUaAEWAEGAFGwP8p4JcAAwDcXq8w36xaiwAAAABJRU5ErkJggg==") no-repeat center
}

.share-box a.to-top i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEyOUE4NEMxOUM5NDExRTlBQ0VGOThEMzQ0RkVGOEJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEyOUE4NEMyOUM5NDExRTlBQ0VGOThEMzQ0RkVGOEJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTI5QTg0QkY5Qzk0MTFFOUFDRUY5OEQzNDRGRUY4QkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTI5QTg0QzA5Qzk0MTFFOUFDRUY5OEQzNDRGRUY4QkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Qx3y2AAACwElEQVR42uyZa4hNURTH547HIEWGSGSQxwefRBkKySMfBnnFB0nGHeVVygehRpGiKUNR16u8PpBHSgqfPD5JeSbJI5GJmvGmCddv1bp1Ou2z59w79+zbrb3q13TPOnvf9T9nr7XXvpPKZrMV5WyVFWVuXoAX4AV4AV6AF1DW1jXujZlMxmlg6XTaL6E4NgYOwyv4AVtjjBkHL6ENbsASSJVCwEp4CGthOPSC3SrKZiJ4BPSFmXAOrur45HIgZPLFx6BL6Lo8ycVwEGapsGr4qE/9KUwxzDcXjsMyVwJWGYLP2SbYDj0MvqxluSyFevjuQsAzi2+AxWdb6280j5zkwF64XcRi8hNW6BtyIqAd5sA++NXJ4B/DBLjrugpJ4CeKUIolyVtKUUZlPR+BqsC1f/DBMqZF7wnaYC2/zgXMN5REKZVToclwfzPUwguDbw2MdC1gi+HaKPgG1wy+6/A5YqOTarjRpQAJYnKEb3bEZjUR5lnmXF5IWS90H1hg8e2AYXAP1sNfOATbtNbb9o/pcNPFG6i1+GQZddeEfQ5P4C10U1+h8xbtDdTApBj31cFp3ZzqYs7dL+kcSOtTHZhHqY36jjbdEIP2Kek3kNEmrTl0vV6DlQQer11oZUTLcAfOa448CPn7Q+98Grp8BUhgO+EL9Am1w9JGH9XPPWGQdqzS5zdCqyZxbiNrimjTRdTJpARI6ZyhObArsGYXwUK4GGgzXndwKltnaLUbA3MkIuCM/pUDyiVo0GOktBOn4A9c6WCOoTq2SpfKOz2VPYIhWsHaky6j77VMynIaqyew33BZK4+pLZAyuhru6/KSo+Vo2AP74QIcyCf4zmxk4YOItAGbdYlN06C+alvRqh1nje4HG/QMnEvUs/rmkv1dKIZJELeUfMeV7GeVklvK/5PPC/ACvAAvwAvwAryAwu2/AAMAm9mHsnRMHV4AAAAASUVORK5CYII=") no-repeat center
}

.share-box a.to-top:hover i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJGMzVENTY3OUM5NDExRTk4MkU4OTE0REEzOERBMEJDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJGMzVENTY4OUM5NDExRTk4MkU4OTE0REEzOERBMEJDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkYzNUQ1NjU5Qzk0MTFFOTgyRTg5MTREQTM4REEwQkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkYzNUQ1NjY5Qzk0MTFFOTgyRTg5MTREQTM4REEwQkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5vBVuWAAACvUlEQVR42uyZW4hNURjH54zDIJdyiURGciteRBmE5JKHQS6Fkge3B/LmAalRLkVThiL3wryQS0oKTy5PUnJJkksiEzXjThO231cf7ba11+yz5+x1OrVW/TrN/vZes/57fbd1Ti4IgopyHpUVZT68AC/AC/ACvAAvoKxHPvGdm3NuV7Yz8C6UZIyAg/AcvsKmBM+MhmfQAtdgMaTe3lzibvR/F1oBh6AqdE0mGwVPLDPdhMmRa1dgEXwr1IXyKYXPgGPQIfpCdCH7YSYMgd7wTt/6I5hkmG8OHIclrnagEZbF3PkeukNngy2wuIvYesAXFzvw2GLra3thFttLjSMnQbxbfblYQ3x/ue6CEwGtMBv2wPd2Lv4BjIPbrtOoLPxEEVKxBHlTKeqA+PORSBr9DW8tzzTpPeExAHaUQsA8Q0qUVDkF6g33N0ANPDXYVsNQ1wI2Gq4Ng89amKLjKnzQ6m3KhhtcCpBFTIyxzYopVuNhrmXOpWnSeto6MN9i2wqD4Q6sh19wALZorrfVj2lw3cUO1Fhs4kadNGClJ3oIr6Cj2tLOW7QdqIYJCe6rhdNanGoTzt0r6xhYo2+1XwGpNu5/tGhBjPZRme7AYW3SGiLXV+liJYDHahdaGdMy3IKzGiP3IvY+0O1fQ5eBAFnYNvgIPSPtsLTRR/XvLtBf2+2uUAfNGsR/C1l9TJsuok5mJUBS53SNge0hn10IC+B8qM140capbJ2hna4LzZGJgEb9lAPKBVirx0hpJ07BT7jUxhyD9NkqdZXXcAbuw0DNYK1Zp9E3mibFnUbqCewHXNTMY2oLJI2uhLvqXnKWHg67YC+cg32FLL69Z2LTboqLTYUx8EnbimbtOKu1HkjbfDkUqHnduVRfq6StxKYhi7ihFPpcyb5WKfnI+R/5vAAvwAvwArwAL8ALSD/+CDAA5tmVWAlytBkAAAAASUVORK5CYII=") no-repeat center
}

.header {
    width: 100%;
    height: 80px;
    -webkit-box-shadow: 0 5px 24px -16px #000;
    box-shadow: 0 5px 24px -16px #000;
    background-color: #fff;
}


.header header {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header header .logo-top {
    width: 166px;
    height: 46px;
    background: url(data:image/png;base64,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) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain;
    margin-top: 14px
}

.header header .to-app {
    margin-left: 16px;
    width: 64px;
    height: 17px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAARCAYAAABtu6qMAAAABHNCSVQICAgIfAhkiAAAAs1JREFUWIXdl79v01AQxz8XZYCJzm0lYGsmurRIDIh/IEOQWDoUdetGMsVGQmTCrhiS/gUUBsZGaheWSm0HpLQLTGGsEOkctm7H4LN5Tu3YFSWofBfn5e69d9/7aQuA+jRR7pAHZcxt3kuHca7ODUVVfZpAF5miJcAF94HmbMyaHaooc8BXpCC6wvJsTJotqvZsSsDhNEX1p8tvKqrFKv8O6qPlldmWMCpR9VlCOZCQBQBtU0fYAL4DjyRkNd6W6QD16ACHEpaPuvosAUOgJQG9ifNGCPOOsX0JeWqyXYSGIzuPDZcg3ZmsWa+5BCbu6SG8AEBSDmyhICFNbVNXj1F8RyWTjfAaeFKWvBm+iXKKspaj0ZIAMVIP1XOcpPQd2UA9Tq50d2x2SNPOqKGcO2d+AhYBZIv9mDxcbwk8Q9mkwp62qcsW+/mW8jbXUcJLoky6MlIlIwVry8JrcYC2qUPkXfXoW73lO+DPsGBELpVaXDJWVseuXD1Oskon5QDtMMcFO7Z8rh5nEibrfESEB/b7GOgW7OgitDIlygegX7C/BgzV43HcSyAiibBiy4b6ZoeynehEfSTZl+oB0mFMhQ7KT4SjUuQBhAbKO4DY6/aC5aKrPpoZPaHhyH64pDIwkoBvFu1F9Rglx4SsopwT9YBToCYBkpoO0HXPv1QC8oYv6rEsAWdluCdEK+yp7wpYg1SKXkpZR7dfQDoTErKqHr04vc2WeWBo82NoNtVQPqMcTGZe1Qx4MDlz1eduKSsioikC2qZeqhleA+LoQpJ9UQZG5bBOuqEOJKDnlkHkgEpOZNI4mvzDXjBWgPWUUVEzPEV4xd9rhrlwgjmUAFGPXWwMaps6yj3rVRljUNkBS3+hM+0ii27mZ5Tbcd25m6F35dTPQ9wEjfQJwro9Pzq9KXZODUCSr8HC03+/av5PqFpNYF+F2RDG3Co5EW4YfgG9xSS2i5s8xAAAAABJRU5ErkJggg==") no-repeat center;
    margin-top: 31.5px;
}

.header header>ul {
    margin-left: 50px;
    line-height: 80px;
}

.header header>ul li {
    font-size: 18px;
    color: #282828;
    text-align: center;
    /* width: 72px; */
    margin-left: 20px;
}

.header header>ul li:first-of-type {
    /* margin-left: 0; */
}

.header header>ul li a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    padding: 0 17px;
}

.header header>ul li a:after {
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40px;
    background-color: #ff7900;
    display: none
}

.header header>ul li a:hover {
    color: #ff7900
}

.header header>ul li a:hover:after {
    display: block
}

.header header form {
    position: relative;
    width: 378px;
    height: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 34px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #f5f5f5;
}

.header header form input[type=text] {
    width: 202px;
    height: 40px;
    line-height: 40px;
    background-color: transparent;
    padding: 0 16px;
    font-size: 14px;
    color: #999;
}

.header header form input[type=text]::-webkit-input-placeholder {
    color: #999
}

.header header form input[type=text]::-moz-placeholder {
    color: #999
}

.header header form input[type=text]::placeholder {
    color: #999
}

.header header form input[type=submit] {
    width: 90px;
    height: 40px;
    line-height: 40px;
    background-color: #ff7900;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px
}

.header header form>a {
    display: block;
    width: 86px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #282828;
    z-index: 2;
    position: relative;
    padding-left: 24px
}

.header header form>a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    width: 1px;
    height: 16px;
    background-color: #dedede
}

.header header form>a i {
    display: inline-block;
    width: 16px;
    height: 8px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAA8sqwkAAAABHNCSVQICAgIfAhkiAAAAHpJREFUGJVjVldX/yAqKvrizZs3FxjwAA0NjQRhYeEGZlFR0RcMDAzzhYSELr59+/YGLsX///+f8O/fvwS4gLq6+gdVVVUDbIqxymGTwCbGiMNqB2ZmZgMY+/bt2xewakDSNI2BgeHvv3//bJEV4wTq6uo1ysrK4djkABlsQQZJVInDAAAAAElFTkSuQmCC") no-repeat center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.header header form>a i.tran {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -moz-transition: transform .3s,-moz-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s;
    transition: transform .3s,-webkit-transform .3s,-moz-transform .3s
}

.header header form>a ul {
    display: none;
    width: 120px;
    position: absolute;
    top: 50px;
    left: 0;
    background-color: #fff;
    font-size: 16px;
    color: #282828;
    text-align: left;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.header header form>a ul li {
    height: 44px;
    line-height: 44px;
    padding-left: 24px
}

.header header form>a ul li:last-of-type {
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.header header form>a ul li.curr,.header header form>a ul li:hover {
    background-color: #fef0e4
}

.header header form aside {
    position: absolute;
    width: 256px;
    left: 86px;
    top: 40px;
    background-color: #fff;
    display: none;
    z-index: 10;
    padding: 5px 0
}

.header header form aside ul li:nth-of-type(n+6) {
    display: none
}

.header header form aside ul li:nth-of-type(5) a {
    border-bottom: 0
}

.header header form aside a {
    display: block;
    padding: 4px 8px;
    color: #333;
    border-bottom: 1px dashed #f0f0f0;
    width: 100%
}

.header header form aside a:hover {
    color: #ff7800
}

.header header form aside a>img {
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    vertical-align: middle
}

.header header form aside a>span {
    padding-left: 10px;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    transition: color .5s;
    vertical-align: middle;
    font-size: 14px;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap
}

.header header .user-box {
    margin-left: 16px;
    line-height: 80px;
}

.header header .user-box .user-photo-box {
    position: relative
}

.header header .user-box .user-photo-box .menuHide {
    display: none;
    position: absolute;
    top: 85%;
    left: 0;
    background-color: #FFF;
    z-index: 10008;
    width: 165px;
    font-size: 14px;
    text-align: left;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.header header .user-box .user-photo-box .menuHide a {
    padding-left: 24px;
    color: #282828;
    display: block;
    height: 44px;
    line-height: 44px
}

.header header .user-box .user-photo-box .menuHide a:hover {
    background-color: rgba(255,121,0,.1)
}

.header header .user-box .user-photo-box:hover .menuHide {
    display: block
}

.header header .user-box .user-photo {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-top: 21px;
    text-align: center;
    position: relative;
}

.header header .user-box .user-photo>a {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative
}

.header header .user-box .user-photo img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    margin-top: -20px;
    margin-left: -20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.header header .user-box .user-photo i.no-login {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    margin-top: -20px;
    margin-left: -20px;
    background: url(../img/base/default-user-photo.png?__inline.png) center center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.header header .user-box span {
    font-size: 16px;
    color: #999;
    margin-left: 10px
}

.header header .user-box span.login-over-text {
    color: #ff7900
}

.header header .user-box span.login-over-text a {
    margin-left: 2px
}

.header header .user-box span em {
    display: inline-block;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header header .user-box span a {
    margin: 0 5px
}

.header header .user-box a.fl {
    font-size: 16px;
    color: #333;
    margin-left: 5px
}

/* 国庆临时 */

/*.gq{*/
/*    background: url(../img/bg_web.png) no-repeat center center;*/
/*}*/
/*.gq header .logo-top{*/
/*    background: url(../img/gq_logo.png) no-repeat center center;*/
/*    background-size:  100% auto;*/
/*    -webkit-background-size: 100% auto;*/
/*}*/
/*.gq header>ul li{*/
/*    color: #fff;*/
/*}*/
/*.gq header>ul li a:hover {*/
/*    color: #ffd283;*/
/*}*/
/*.gq header .user-box span{*/
/*    color: #fff;*/
/*}*/
/*.gq header form input[type=submit]{*/
/*    background-color: #ffd283;*/
/*}*/
/*.gq header .to-app{*/
/*    background: url(../img/app-down.png) no-repeat center center;*/
/*    -webkit-background-size: 100% auto;*/
/*    background-size: 100% auto;*/
/*}*/

/* ************** */
.content {
    width: 1200px;
    margin: 20px auto 0
}

.content article {
    width: 100%
}

.content article>section {
    width: 100%
}

.content .title-box {
    width: 100%;
    padding-left: 16px;
    position: relative;
    font-size: 22px;
    color: #272a2c;
    line-height: 30px
}

.content .title-box ul {
    width: -webkit-calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: calc(100% - 150px);
    display: inline-block;
    position: absolute;
    right: 0;
    padding-bottom: 2px;
    border-bottom: 1px solid #ededed;
    line-height: 28px
}

.content .title-box ul li {
    font-size: 16px;
    color: #666;
    margin-left: 40px;
    cursor: pointer;
    position: relative
}

.content .title-box ul li:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -3px;
    left: 50%;
    width: 100%;
    background-color: #ff7900;
    height: 2px;
    opacity: 0;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.content .title-box ul li:hover,.content .title-box ul li.curr {
    color: #ff7900;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s
}

.content .title-box ul li:hover:after,.content .title-box ul li.curr:after {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
    opacity: 1
}

.content .title-box ul li:first-of-type {
    margin-left: 0
}

.content .title-box:before {
    content: '';
    display: block;
    width: 4px;
    height: 26px;
    background-color: #ff7900;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -13px
}

.content .title-box>a {
    font-size: 14px;
    color: #999;
    position: relative;
    z-index: 5
}

.content .title-box>a i {
    display: inline-block;
    margin-right: 5px
}

.content .title-box>a.more i {
    width: 20px;
    height: 20px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkYyMERDNDQ4QkVGMTFFOUE4NDY4MzQ4OUYzNTQwRDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkYyMERDNDU4QkVGMTFFOUE4NDY4MzQ4OUYzNTQwRDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjIwREM0MjhCRUYxMUU5QTg0NjgzNDg5RjM1NDBEOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjIwREM0MzhCRUYxMUU5QTg0NjgzNDg5RjM1NDBEOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp7UoawAAAB7SURBVHjaYvxfyfCfgYqAiYHKgOoGshChZhIQH4GybYA4j1IDTwLxaiibdeiHIc0jBTkCkMMQBkByYWjyKBHFgicCsIFHUIwMWOnqZXMg/o3F1TBXyUHVoOuBA0Yi8nI0EC+DsqOAeOloOiQ5LyNHlDkhxYwjr4AFCDAA948ZAn3ZLuQAAAAASUVORK5CYII=") no-repeat center;
    vertical-align: -5px
}

.content .title-box>a.exchange i {
    width: 18px;
    height: 24px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjJGNkM2OUE4QkVGMTFFOUFFODdGQkZFODIxRkVGQTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjJGNkM2OUI4QkVGMTFFOUFFODdGQkZFODIxRkVGQTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMkY2QzY5ODhCRUYxMUU5QUU4N0ZCRkU4MjFGRUZBOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMkY2QzY5OThCRUYxMUU5QUU4N0ZCRkU4MjFGRUZBOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj/021sAAAGXSURBVHjapJTPKwVRFMfnDRG2LPBKfu5YYMHm6bEjFlZEsrOVnVKPIil/A3bqUSJSJPmRsrB6SWyUsPEWVm/jx/M99R3dpjkz73Lq08y9d+53zj3n3BPLzzpRlgQuOAn7yHWirRzsgb7/ChUkVqzMV4NB0AHafGJDQcf0C1WCFTCh/ETEVkE7yGtCrWAX1HP8CI5BBRjj3AMY8IuYMaqjuyLyBkZAI5gCm4aIZPA1LEZroAo8gwS9MU0TaQGlICMe9RJxdzRA5EkRaQanYNHzaJwL++AywOuMklk5eg3olySJR91c2Hbs7Ahk6UyXCMW5cGcp9A3uvWS5RsDLHHsr4vPTZabEGixFZG8T319kcM7BsKVQgjfhQ5IkQhtcuFE29ChHmuf7IXiX+FzQm52ADfJxJzgz5mK8b/KDLzBnXhFNJOWbqwVbYJrjlFdnWhsxRaTwltlSxIsS3oIFsPTrZkCrnQTrIUG+BTMsyNDGlua18bphlnGU4jsAVyzGyA6ZYxf0Wut1IaWh9eyc1lL/0vytxH4EGADRqFN9yyRxuwAAAABJRU5ErkJggg==") no-repeat center;
    vertical-align: -6px
}

.content .banner-content {
    width: 100%;
    height:534px;
}

.content .banner-content section {
    width: 100%;
    overflow: hidden;
    position: relative
}

.content .banner-content section .prev-btn {
    display: block;
    width: 46px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -50px;
    z-index: 3;
    text-align: center;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAABkCAYAAAD5egI9AAAABHNCSVQICAgIfAhkiAAAAapJREFUeJzt2yGOAkEQheF/2bX4CQfAoUgQ63CjxnKCOQF+rkYwGDhBnwCDIuNXrVmxoYeqV5DUr/t1Pt/pj/V6vecNm0UDppZwdQlXl3B1CVeXcHUJV5dwdQlXl3B1CVeXcHUJV5dwdeHwYRg4HA7M5/OqXSh8GAa6rmM2q2eEwX/R4zjS9z33+71qHwL/iy6lVN8hh1ugQQy3QoMQbokGEdwaDQK4Bxqc4V5ocIR7osEJ7o0GB7gCDcZwFRoM4Uo0GMHVaDCAR6DhSXgUGp6AR6JhIjwaDRPgr4CGSvh+v38JNFTCt9stAOfzORQN8LlYLL4fPXy5XGjbluVySdM0HI9HT9u/VcFvtxun04m2bVmtVqH4Kji8Dr4aDq+BnwSHePxkOMTin4JDHP5pOMTgTeCgx5vBQYs3hYMObw4HDd4FDv54Nzj44l3h4Id3h4MPXgIHe7wMDrZ4KRzs8HI42ODDHmhLKfR9zziOdF1H0zRV+y8n10OVUtjtdmw2G67Xa9X2Iz8wiUu4uoSrS7i6hKtLuLqEq0u4uoSrS7i6hKtLuLqEq3tb+A+vOo31eeo6zwAAAABJRU5ErkJggg==") no-repeat;
    cursor: pointer
}

.content .banner-content section .next-btn {
    display: block;
    width: 46px;
    height: 100px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -50px;
    z-index: 3;
    text-align: center;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAABkCAYAAAD5egI9AAAABHNCSVQICAgIfAhkiAAAAbdJREFUeJzt2jFuAjEQRuEXktb9CnpXNIguDR0Nx8kBVtSIA+wJOMH2aBuuQkPFBVKliRQp3vX8A2Je7bE+ubT9tl6vv3jCZt6AsQVcXcDVBVxdwNUFXF3A1QVcXcDVBVxdwNUFXF3A1b0OfLfb0TSNhaWoInjTNOz3e06nEzlnK9O/KoJfr1f6vielRNd1rvj3+Xz+WTJwPp9ZLBYsl0u22y2Xy4Xb7Wbl+7NiODwGfhQc/PGj4eCLnwQHP/xkOPjgq8BBj68GBy2+Khx0+Opw0OBN4GCPN4ODLd4UDnZ4czjY4CVwqI+XwaEuXgqHeng5HOrgXeAwHe96PdG2LcMwkFLicDgUzbrCc86sVisAhmEomnWD55zpuo6UEn3fczwei+Zd4L/RbdsW7yGH10CDGF4LDUJ4TTSI4LXRIIBboMEYboUGQ7glGozg1mgwgCvQUBmuQkNFuBINleBqNFSAe6BhItwLDRPgnmgYCfdGwwj4I6ChEP7zMOuNhhEnPpvN3NEAHyWL7/c7m83GylLU63z7eJQCri7g6gKuLuDqAq4u4OoCri7g6gKuLuDqAq4u4OqeFv4NZilLzCO4qoUAAAAASUVORK5CYII=") no-repeat;
    cursor: pointer
}

.content .banner-content section .swiper-slide {
    background-color: #fff;
    width: 100%
}

.content .banner-content section .swiper-slide img {
    width: 100%;
    height: 534px
}

.content .banner-content section .swiper-slide a {
    width: 100%;
    height: 534px;
    display: block
}

.content .banner-content .banner-nav {
    margin-top: 20px;
    text-align: center
}

.content .banner-content .banner-nav span {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #dadada;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: 8px;
    opacity: 1
}

.content .banner-content .banner-nav span:first-of-type {
    margin-left: 0
}

.content .banner-content .banner-nav span.swiper-pagination-bullet-active {
    width: 14px;
    height: 8px;
    background-color: #ff7900;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.content .today-recommend {
    margin-top: 32px
}

.content .today-recommend ul {
    margin-top: 24px;
    height: 134px;
    background-color: #fff;
    border: solid 1px #ededed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.content .today-recommend ul li {
    width: 130px;
    padding: 20px 0;
    height: 134px;
    text-align: center;
    position: relative;
    overflow: hidden;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    transition: width .3s
}

.content .today-recommend ul li:last-of-type:before,.content .today-recommend ul li.next-curr:before,.content .today-recommend ul li.curr:before {
    display: none
}

.content .today-recommend ul li:before {
    content: '';
    display: block;
    width: 1px;
    height: 48px;
    background-color: #f5f5f5;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -24px
}

.content .today-recommend ul li.curr {
    width: 288px;
    background-color: #f0f2f7;
    border: solid 1px #ededed;
    padding: 27px 20px 27px 16px;
    text-align: left
}

.content .today-recommend ul li.curr .hover-text {
    display: block
}

.content .today-recommend ul li.curr a {
    height: 80px
}

.content .today-recommend ul li.curr a span {
    display: none
}

.content .today-recommend ul li.curr a img {
    float: left;
    width: 80px;
    height: 80px
}

.content .today-recommend ul li a {
    display: block;
    height: 93px;
    overflow: hidden
}

.content .today-recommend ul li a .hover-text {
    margin-left: 14px;
    display: none;
    max-width: 142px
}

.content .today-recommend ul li a .hover-text h4 {
    font-size: 16px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content .today-recommend ul li a .hover-text em {
    font-size: 14px;
    color: #999;
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 38px
}

.content .today-recommend ul li a img {
    display: inline-block;
    background-color: #e5e5e5;
    width: 64px;
    height: 64px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.content .today-recommend ul li a span {
    display: block;
    font-weight: 700;
    font-size: 14px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 96px;
    margin: 10px auto 0
}

.content .video-games {
    margin-top: 56px
}

.content .video-games .video-info {
    width: 895px
}

.content .video-games .video-info .video-list {
    margin-top: 35px
}

.content .video-games .video-info .video-list ul li {
    width: 285px;
    margin-left: 19.9999px;
    margin-top: 25px
}

.content .video-games .video-info .video-list ul li:nth-of-type(-n+3) {
    margin-top: 0
}

.content .video-games .video-info .video-list ul li:nth-of-type(n+7) {
    display: none
}

.content .video-games .video-info .video-list ul li:nth-of-type(3n+1) {
    margin-left: 0
}

.content .video-games .video-info .video-list ul li a {
    display: block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.content .video-games .video-info .video-list ul li a:hover .img img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -moz-transition: transform .5s,-moz-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s;
    transition: transform .5s,-webkit-transform .5s,-moz-transform .5s
}

.content .video-games .video-info .video-list ul li a:hover .desc {
    color: #ff7900;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.content .video-games .video-info .video-list ul li a .img {
    width: 285px;
    height: 160px;
    overflow: hidden
}

.content .video-games .video-info .video-list ul li a .img img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.content .video-games .video-info .video-list ul li a .desc {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 10px;
    height: 44px;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    transition: color .5s
}

.content .video-games .game-info .game-list {
    margin-top: 35px;
    width: 285px;
    height: 453px;
    background-color: #fff;
    border: 1px solid #DEDEDE
}

.content .video-games .game-info .game-list .game-swiper {
    height: 453px
}

.content .video-games .game-info .game-list .game-swiper .swiper-btn {
    margin-top: 26px
}

.content .video-games .game-info .game-list .game-swiper .swiper-wrapper {
    height: 384px
}

.content .video-games .game-info .game-list a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.content .video-games .game-info .game-list a:hover {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    background-color: #f0f2f7
}

.content .video-games .game-info .game-list a:hover .icon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAcCAYAAACH81QkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTBBNEJEMkM4QkVGMTFFOUJDMDhCRENDNTIxOTZERjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTBBNEJEMkQ4QkVGMTFFOUJDMDhCRENDNTIxOTZERjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MEE0QkQyQThCRUYxMUU5QkMwOEJEQ0M1MjE5NkRGMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MEE0QkQyQjhCRUYxMUU5QkMwOEJEQ0M1MjE5NkRGMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuPXzoMAAAFcSURBVHjapJVJSgNRGIRfQhbivPEA5hAiToioKCIiXiOCs8YpOE9RVLxICEERETEKIvEIunAj7pyXxvqhGh6C2KUFH1296K+7X/P3ixSTrsQ5lwc1YADcODERSOI43vL8CXSAgiKJgjuwyPNqcALqVIkl5YmqwDGoVyWBKOWJjkCDKnF8mjlPdAgaVYllGcywV1LUpEosqyDJXkFRsyqxrINJ9nKKWlSJZROMs5dR1KpKLGkwyl4KcqBNlVh2wDAoUpQF7arEsguGPFEGdAazoyYB9u1a8AHiUafn8y8L62cQHHhP0Q8eFYmtx54n6OOgulhIwQjYZjdBLzhVXmfsm6DHF4SRTIAt9nfQDc6UhZ0CG+xvFJwrszMN1thfKcgrUzwLVthfKLhQ/ifzYIn9mYLL31be/8QLlASCLnAV5vvHfhDYYF0rm1ct955/bV4PvOs9/xEFdSK/BBgAZEJOaAS6SvYAAAAASUVORK5CYII=") no-repeat center
}

.content .video-games .game-info .game-list a .icon {
    position: absolute;
    display: block;
    width: 17px;
    height: 28px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAcCAYAAACH81QkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDM2QUNGNjI4QkVGMTFFOUI1MjJFMEREMzBBRUNBM0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDM2QUNGNjM4QkVGMTFFOUI1MjJFMEREMzBBRUNBM0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzZBQ0Y2MDhCRUYxMUU5QjUyMkUwREQzMEFFQ0EzQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzZBQ0Y2MThCRUYxMUU5QjUyMkUwREQzMEFFQ0EzQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnyAojYAAAFeSURBVHjanJVbKwVRHMX36DzI/UXKy8l3kOSWhOgkyffQcb87uXNcEh9EkkiSHEo6voIHL/Iw5f7K+tea2imZZdWv1rz8Zmbv+c8OwjAsdM7lQCXoB3dOTAGoBrUgCc7YZck9WOB1BUV1qsSS8UTl4BTUq5JIlPFEJ6BBlTg+zawnOgaNqsSyBKbZyyhqUiWWFTDJXkpRsyqxrIFx9hKKWlSJJQtG2YspalUllk0wzF4EjkCbKrFsg0HwRdEhaFcllh2Q9kQHoFOVWHbBgCfaB1WqxFHg/rMmUewp9kAAPkEfeFIkaa5LJOjloLpETMEQ2GI3QQ84V15n5Icg5QviSMbABvsH6AYXysJOgHX2dwouldmZAqvsbxTklCmeAcvsrxRcKf+TObDI/kLB9V8r72/xPCWRoAvcxNn/xC8CG6zbuF9hgBOwhmeP5Rl0gLx67jzyrg/8R+TVifwWYABZik0t7wsKxAAAAABJRU5ErkJggg==") no-repeat center;
    right: 20px;
    top: 50%;
    margin-top: -14px
}

.content .video-games .game-info .game-list a .image {
    width: 64px;
    height: 64px;
    background-color: #e5e5e5;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.content .video-games .game-info .game-list a .image img {
    width: 100%;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.content .video-games .game-info .game-list a .detail-text {
    height: 60px;
    display: -ms-grid;
    display: grid;
    margin-left: 10px
}

.content .video-games .game-info .game-list a .detail-text * {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content .video-games .game-info .game-list a .detail-text h4 {
    font-size: 16px;
    color: #555
}

.content .video-games .game-info .game-list a .detail-text p {
    font-size: 12px;
    color: #999
}

.content .video-games .game-info .game-list a .detail-text span {
    font-size: 12px;
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content .video-games .game-info .game-list a .detail-text span em {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODI5RDY2NjY4Q0IzMTFFOUJFQkFFQUUxRTg2MUNCRDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODI5RDY2Njc4Q0IzMTFFOUJFQkFFQUUxRTg2MUNCRDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MjlENjY2NDhDQjMxMUU5QkVCQUVBRTFFODYxQ0JENyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MjlENjY2NThDQjMxMUU5QkVCQUVBRTFFODYxQ0JENyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr9T4FQAAAEeSURBVHjalNK9TsJgGMXx0jB4AaiDDi6oRC8A4+AN+BXdxBUnDH5cgswOYhiMo3EwVtBEJqIjTG4EHWRx0BBXFxz0/5jTpG0A9U1+SXl7TvrytLH9Ws4JrAT2sIhJ7T3iBkd494NuoLSu0CjymJBdjOFJmZ8VD5RKWELdCa833OMUFe159sRhnGAlUlrAUOB3XRnLjlhxG2U0Ik8qIBnZs8w1dqy4jHPn7+vMhmfFaTT/UbTslD+crz6hcXzo+gWfuu66egWzPUoPOMCFzGt/Bu24Xu4G7iLFfJ9TZHBrxWO09J4av/y/NFaRsqN2sKUxpweU5pSxbMcfjocYqrjSyFu6l8Im1pBVNvStXurDthMUNcVnHOJV9zw//C3AALipPAoqn8/0AAAAAElFTkSuQmCC") no-repeat center;
    margin-right: 3px
}

.content .hot-games {
    margin-top: 30px
}

.content .hot-games .hot-games-content {
    margin-top: 35px
}

.content .hot-games .hot-games-content ul li {
    width: 384px;
    height: 220px;
    margin-left: 24px;
    position: relative
}

.content .hot-games .hot-games-content ul li:first-of-type {
    margin-left: 0
}

.content .hot-games .hot-games-content ul li:hover .img-box,.content .hot-games .hot-games-content ul li.curr .img-box {
    width: 440px;
    height: 370px;
    position: absolute;
    top: -46px;
    left: 50%;
    margin-left: -220px;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 7px 0 rgba(0,0,0,.1);
    z-index: 6;
    background-color: #fff;
    -webkit-transition: width 1s,height 1s,position 1s,-webkit-box-shadow 1s;
    transition: width 1s,height 1s,position 1s,-webkit-box-shadow 1s;
    -moz-transition: width 1s,height 1s,position 1s,box-shadow 1s;
    transition: width 1s,height 1s,position 1s,box-shadow 1s;
    transition: width 1s,height 1s,position 1s,box-shadow 1s,-webkit-box-shadow 1s
}

.content .hot-games .hot-games-content ul li:hover .img-box .hot-games-list,.content .hot-games .hot-games-content ul li.curr .img-box .hot-games-list {
    opacity: 1
}

.content .hot-games .hot-games-content ul li:hover .img-box .img-show,.content .hot-games .hot-games-content ul li.curr .img-box .img-show {
    width: 100%;
    height: 195.55556px
}

.content .hot-games .hot-games-content ul li:hover .img-box .img-show>img,.content .hot-games .hot-games-content ul li.curr .img-box .img-show>img {
    width: 100%;
    height: 100%
}

.content .hot-games .hot-games-content ul li:hover .img-box .img-show h6,.content .hot-games .hot-games-content ul li.curr .img-box .img-show h6 {
    padding: 0 14px;
    font-size: 18px;
    color: #333;
    margin-top: 20px
}

.content .hot-games .hot-games-content ul li .img-box {
    height: 260px;
    overflow: hidden;
    -webkit-transition: width 1s,height 1s,position 1s,-webkit-box-shadow 1s;
    transition: width 1s,height 1s,position 1s,-webkit-box-shadow 1s;
    -moz-transition: width 1s,height 1s,position 1s,box-shadow 1s;
    transition: width 1s,height 1s,position 1s,box-shadow 1s;
    transition: width 1s,height 1s,position 1s,box-shadow 1s,-webkit-box-shadow 1s
}

.content .hot-games .hot-games-content ul li .img-box h6 {
    font-size: 16px;
    color: #333;
    margin-top: 16px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px
}

.content .hot-games .hot-games-content ul li .img-box .img-show {
    width: 100%;
    height: 170.66667px;
    background-color: #e5e5e5
}

.content .hot-games .hot-games-content ul li .img-box .img-show>img {
    width: 100%;
    height: 100%
}

.content .hot-games .hot-games-content ul li .img-box .hot-games-list {
    opacity: 0;
    margin-top: 24px;
    height: 90px;
    width: 100%;
    position: relative
}

.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-prev-btn,.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-next-btn {
    position: absolute;
    top: 8px;
    width: 24px;
    height: 48px;
    background-color: #c9cbcf;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-prev-btn i,.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-next-btn i {
    display: inline-block;
    width: 10px;
    height: 18px
}

.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-prev-btn:hover,.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-prev-btn:visited,.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-next-btn:hover,.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-next-btn:visited {
    background-color: #999
}

.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-prev-btn {
    left: 0
}

.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-prev-btn i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTRBNUVBRDU4Q0IzMTFFOTgwRkZDM0VDNDY4ODQ2QUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTRBNUVBRDY4Q0IzMTFFOTgwRkZDM0VDNDY4ODQ2QUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNEE1RUFEMzhDQjMxMUU5ODBGRkMzRUM0Njg4NDZBRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNEE1RUFENDhDQjMxMUU5ODBGRkMzRUM0Njg4NDZBRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqMjansAAADNSURBVHjahNJJCsJAEIXh7kQ9hOJ4IRUnvIYXcSEIIopLURF3gksvIeJ8DEVoX+kLhJCKgS9k+EknRaxzziRsWdjB1kioyMER3tDUojycGHW/q8ZEBbgw6gTXo1ERrvCCVvheOCrBDZ7QiK4UHJThzqge996yq8CDUVWbguzO7rfVEkZlPAxzz+G2wVdHj9qHGZ8657nRPkZuThkvIKWFwoMJ4yWktVBYGDNeQUYLg3jEeB3E2jgkHjLeSJz0m0k8YNy3f35cCz04fAQYALtB7GQwjEY4AAAAAElFTkSuQmCC") no-repeat center
}

.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-next-btn {
    right: 0
}

.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-next-btn i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjE3MzM2OTA4Q0IzMTFFOTgxMUY4NEQ4Mzg4OENENkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjE3MzM2OTE4Q0IzMTFFOTgxMUY4NEQ4Mzg4OENENkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMTczMzY4RThDQjMxMUU5ODExRjg0RDgzODg4Q0Q2QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMTczMzY4RjhDQjMxMUU5ODExRjg0RDgzODg4Q0Q2QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj1/BK8AAADGSURBVHjafNJLDsFQFIDhi7IK71WYmhqhxMDAJizERESEGAoiliPimdiE5/VfjkSanjb5mt70Tx+nNdbaCrqIwWjcrme/Wz8qdrsU1hIPtPh34OKVxMOw+H/h4qXEo2AcvEUSC4nHiGuh42Eu8QQJLTRycibx1K09E7490cYLnc86asioy1X3UVEVV5xR1KKaRCcUtJfxJToir42ngRsOyGkDb+LuHhxZ7RO28MAOGe2n8CXaIq1NIc4wS9igjIvyAcxbgAEAQAcHF2rGJk0AAAAASUVORK5CYII=") no-repeat center
}

.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-games-swiper {
    width: 328px;
    height: 90px;
    margin: 0 auto;
    overflow: hidden
}

.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-games-swiper .lessFour {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-games-swiper .lessFour .swiper-slide {
    width: 64px;
    margin-left: 24px
}

.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-games-swiper .lessFour .swiper-slide:first-of-type {
    margin-left: 0
}

.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-games-swiper a {
    display: block;
    width: 64px;
    text-align: center
}

.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-games-swiper a:hover em {
    color: #ff7900;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    transition: color .5s
}

.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-games-swiper a img {
    width: 64px;
    height: 64px;
    background: #e5e5e5;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.content .hot-games .hot-games-content ul li .img-box .hot-games-list .hot-games-swiper a em {
    display: block;
    max-width: 68px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 6px;
    font-size: 14px;
    color: #666
}

.content .edit-con,.content .game-info {
    width: 280px;
    margin-left: 25px
}

.content .edit-con>div,.content .game-info>div {
    background-color: #fff;
    margin-top: 30px;
    border: 1px solid #dedede
}

.content .edit-con .edit-swiper,.content .edit-con game-swiper,.content .game-info .edit-swiper,.content .game-info game-swiper {
    width: 100%;
    height: 514px;
    overflow: hidden
}

.content .edit-con .edit-swiper .swiper-wrapper,.content .edit-con game-swiper .swiper-wrapper,.content .game-info .edit-swiper .swiper-wrapper,.content .game-info game-swiper .swiper-wrapper {
    height: 480px
}

.content .edit-con .edit-swiper .swiper-slide a,.content .edit-con game-swiper .swiper-slide a,.content .game-info .edit-swiper .swiper-slide a,.content .game-info game-swiper .swiper-slide a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 96px;
    padding: 0 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    border-bottom: 1px solid #f5f5f5
}

.content .edit-con .edit-swiper .swiper-slide a:last-of-type,.content .edit-con game-swiper .swiper-slide a:last-of-type,.content .game-info .edit-swiper .swiper-slide a:last-of-type,.content .game-info game-swiper .swiper-slide a:last-of-type {
    border-bottom: 0
}

.content .edit-con .edit-swiper .swiper-slide a:hover,.content .edit-con game-swiper .swiper-slide a:hover,.content .game-info .edit-swiper .swiper-slide a:hover,.content .game-info game-swiper .swiper-slide a:hover {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    background-color: #f0f2f7
}

.content .edit-con .edit-swiper .swiper-slide a:hover .icon,.content .edit-con game-swiper .swiper-slide a:hover .icon,.content .game-info .edit-swiper .swiper-slide a:hover .icon,.content .game-info game-swiper .swiper-slide a:hover .icon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAcCAYAAACH81QkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTBBNEJEMkM4QkVGMTFFOUJDMDhCRENDNTIxOTZERjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTBBNEJEMkQ4QkVGMTFFOUJDMDhCRENDNTIxOTZERjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MEE0QkQyQThCRUYxMUU5QkMwOEJEQ0M1MjE5NkRGMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MEE0QkQyQjhCRUYxMUU5QkMwOEJEQ0M1MjE5NkRGMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuPXzoMAAAFcSURBVHjapJVJSgNRGIRfQhbivPEA5hAiToioKCIiXiOCs8YpOE9RVLxICEERETEKIvEIunAj7pyXxvqhGh6C2KUFH1296K+7X/P3ixSTrsQ5lwc1YADcODERSOI43vL8CXSAgiKJgjuwyPNqcALqVIkl5YmqwDGoVyWBKOWJjkCDKnF8mjlPdAgaVYllGcywV1LUpEosqyDJXkFRsyqxrINJ9nKKWlSJZROMs5dR1KpKLGkwyl4KcqBNlVh2wDAoUpQF7arEsguGPFEGdAazoyYB9u1a8AHiUafn8y8L62cQHHhP0Q8eFYmtx54n6OOgulhIwQjYZjdBLzhVXmfsm6DHF4SRTIAt9nfQDc6UhZ0CG+xvFJwrszMN1thfKcgrUzwLVthfKLhQ/ifzYIn9mYLL31be/8QLlASCLnAV5vvHfhDYYF0rm1ct955/bV4PvOs9/xEFdSK/BBgAZEJOaAS6SvYAAAAASUVORK5CYII=") no-repeat center
}

.content .edit-con .edit-swiper .swiper-slide a .icon,.content .edit-con game-swiper .swiper-slide a .icon,.content .game-info .edit-swiper .swiper-slide a .icon,.content .game-info game-swiper .swiper-slide a .icon {
    position: absolute;
    display: block;
    width: 17px;
    height: 28px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAcCAYAAACH81QkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDM2QUNGNjI4QkVGMTFFOUI1MjJFMEREMzBBRUNBM0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDM2QUNGNjM4QkVGMTFFOUI1MjJFMEREMzBBRUNBM0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzZBQ0Y2MDhCRUYxMUU5QjUyMkUwREQzMEFFQ0EzQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzZBQ0Y2MThCRUYxMUU5QjUyMkUwREQzMEFFQ0EzQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnyAojYAAAFeSURBVHjanJVbKwVRHMX36DzI/UXKy8l3kOSWhOgkyffQcb87uXNcEh9EkkiSHEo6voIHL/Iw5f7K+tea2imZZdWv1rz8Zmbv+c8OwjAsdM7lQCXoB3dOTAGoBrUgCc7YZck9WOB1BUV1qsSS8UTl4BTUq5JIlPFEJ6BBlTg+zawnOgaNqsSyBKbZyyhqUiWWFTDJXkpRsyqxrIFx9hKKWlSJJQtG2YspalUllk0wzF4EjkCbKrFsg0HwRdEhaFcllh2Q9kQHoFOVWHbBgCfaB1WqxFHg/rMmUewp9kAAPkEfeFIkaa5LJOjloLpETMEQ2GI3QQ84V15n5Icg5QviSMbABvsH6AYXysJOgHX2dwouldmZAqvsbxTklCmeAcvsrxRcKf+TObDI/kLB9V8r72/xPCWRoAvcxNn/xC8CG6zbuF9hgBOwhmeP5Rl0gLx67jzyrg/8R+TVifwWYABZik0t7wsKxAAAAABJRU5ErkJggg==") no-repeat center;
    right: 20px;
    top: 50%;
    margin-top: -14px
}

.content .edit-con .edit-swiper .swiper-slide a .image,.content .edit-con game-swiper .swiper-slide a .image,.content .game-info .edit-swiper .swiper-slide a .image,.content .game-info game-swiper .swiper-slide a .image {
    width: 64px;
    height: 64px;
    background-color: #e5e5e5;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.content .edit-con .edit-swiper .swiper-slide a .image img,.content .edit-con game-swiper .swiper-slide a .image img,.content .game-info .edit-swiper .swiper-slide a .image img,.content .game-info game-swiper .swiper-slide a .image img {
    width: 100%;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.content .edit-con .edit-swiper .swiper-slide a .detail-text,.content .edit-con game-swiper .swiper-slide a .detail-text,.content .game-info .edit-swiper .swiper-slide a .detail-text,.content .game-info game-swiper .swiper-slide a .detail-text {
    margin-left: 10px
}

.content .edit-con .edit-swiper .swiper-slide a .detail-text *,.content .edit-con game-swiper .swiper-slide a .detail-text *,.content .game-info .edit-swiper .swiper-slide a .detail-text *,.content .game-info game-swiper .swiper-slide a .detail-text * {
    max-width: 155px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content .edit-con .edit-swiper .swiper-slide a .detail-text h4,.content .edit-con game-swiper .swiper-slide a .detail-text h4,.content .game-info .edit-swiper .swiper-slide a .detail-text h4,.content .game-info game-swiper .swiper-slide a .detail-text h4 {
    font-size: 16px;
    color: #555
}

.content .edit-con .edit-swiper .swiper-slide a .detail-text p,.content .edit-con game-swiper .swiper-slide a .detail-text p,.content .game-info .edit-swiper .swiper-slide a .detail-text p,.content .game-info game-swiper .swiper-slide a .detail-text p {
    font-size: 12px;
    color: #999
}

.content .edit-con .edit-swiper .swiper-slide a .detail-text span,.content .edit-con game-swiper .swiper-slide a .detail-text span,.content .game-info .edit-swiper .swiper-slide a .detail-text span,.content .game-info game-swiper .swiper-slide a .detail-text span {
    font-size: 12px;
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content .edit-con .edit-swiper .swiper-slide a .detail-text span em,.content .edit-con game-swiper .swiper-slide a .detail-text span em,.content .game-info .edit-swiper .swiper-slide a .detail-text span em,.content .game-info game-swiper .swiper-slide a .detail-text span em {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODI5RDY2NjY4Q0IzMTFFOUJFQkFFQUUxRTg2MUNCRDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODI5RDY2Njc4Q0IzMTFFOUJFQkFFQUUxRTg2MUNCRDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MjlENjY2NDhDQjMxMUU5QkVCQUVBRTFFODYxQ0JENyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MjlENjY2NThDQjMxMUU5QkVCQUVBRTFFODYxQ0JENyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr9T4FQAAAEeSURBVHjalNK9TsJgGMXx0jB4AaiDDi6oRC8A4+AN+BXdxBUnDH5cgswOYhiMo3EwVtBEJqIjTG4EHWRx0BBXFxz0/5jTpG0A9U1+SXl7TvrytLH9Ws4JrAT2sIhJ7T3iBkd494NuoLSu0CjymJBdjOFJmZ8VD5RKWELdCa833OMUFe159sRhnGAlUlrAUOB3XRnLjlhxG2U0Ik8qIBnZs8w1dqy4jHPn7+vMhmfFaTT/UbTslD+crz6hcXzo+gWfuu66egWzPUoPOMCFzGt/Bu24Xu4G7iLFfJ9TZHBrxWO09J4av/y/NFaRsqN2sKUxpweU5pSxbMcfjocYqrjSyFu6l8Im1pBVNvStXurDthMUNcVnHOJV9zw//C3AALipPAoqn8/0AAAAAElFTkSuQmCC") no-repeat center;
    margin-right: 3px
}

.content .edit-con .edit-swiper .swiper-btn,.content .edit-con game-swiper .swiper-btn,.content .game-info .edit-swiper .swiper-btn,.content .game-info game-swiper .swiper-btn {
    text-align: center;
    margin-top: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.content .edit-con .edit-swiper .swiper-btn span,.content .edit-con game-swiper .swiper-btn span,.content .game-info .edit-swiper .swiper-btn span,.content .game-info game-swiper .swiper-btn span {
    display: inline-block;
    width: 7px;
    height: 13px;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.content .edit-con .edit-swiper .swiper-btn span.prev,.content .edit-con game-swiper .swiper-btn span.prev,.content .game-info .edit-swiper .swiper-btn span.prev,.content .game-info game-swiper .swiper-btn span.prev {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzE2MENFMUQ4Q0IzMTFFOTgwNEQ5RTIwNDhEN0M2NTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzE2MENFMUU4Q0IzMTFFOTgwNEQ5RTIwNDhEN0M2NTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMTYwQ0UxQjhDQjMxMUU5ODA0RDlFMjA0OEQ3QzY1NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMTYwQ0UxQzhDQjMxMUU5ODA0RDlFMjA0OEQ3QzY1NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvXoTlgAAACPSURBVHjaYpw5cyYDFhABxE0sWCSigXguEMcyoUnEAvEcII4B4tXIkvFAPBMqsQYkAJNMBOLpUCPXwlSD7EwC4qlQR2xEtgOksxmIdwDxJnSXgSS9gNgaiCcAMSOyJMjYi0DsCMT7oIrzgPg/TBIErqIpyAEpQA6Ea2gKstBD6DqSgv9MWILvBlTBf4AAAwDHVRzRPZ8BlwAAAABJRU5ErkJggg==") no-repeat;
    margin-right: 24px
}

.content .edit-con .edit-swiper .swiper-btn span.next,.content .edit-con game-swiper .swiper-btn span.next,.content .game-info .edit-swiper .swiper-btn span.next,.content .game-info game-swiper .swiper-btn span.next {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTA4QzQ3MzM4Q0IzMTFFOTlDMzM4MEU4NDlFRjM3MEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTA4QzQ3MzQ4Q0IzMTFFOTlDMzM4MEU4NDlFRjM3MEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMDhDNDczMThDQjMxMUU5OUMzMzgwRTg0OUVGMzcwQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMDhDNDczMjhDQjMxMUU5OUMzMzgwRTg0OUVGMzcwQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpPUSHsAAACVSURBVHjaZNBLCsIwEIDhScitXIkHsCAI4kXEnTcQqUJWPoqoKAiuvIjarjyJjz8wQhgHvtU/IWldjPEpImPsxIzHCCsMbQw44I1Kl6s8pjnig40urPOY5oQXtrqwDOaaMwbYw3n5nwuumNiTDlO00AkmzNBHG7eQhRI9Dfffa1NYoNDwyL9zjq6G2v4hr6Gxz/4KMAAjURv659/I9QAAAABJRU5ErkJggg==") no-repeat
}

.content .hot-special {
    margin-top: 60px
}

.content .hot-special .hot-special-content .special-con {
    width: 895px
}

.content .hot-special .hot-special-content .special-con .special-show {
    width: 100%;
    margin-top: 30px
}

.content .hot-special .hot-special-content .special-con .special-show .fix-show {
    width: 590px
}

.content .hot-special .hot-special-content .special-con .special-show .fix-show>div>img {
    width: 590px;
    height: 332px
}

.content .hot-special .hot-special-content .special-con .special-show .fix-show h3 {
    font-size: 16px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 15px;
    padding: 0 10px
}

.content .hot-special .hot-special-content .special-con .special-show .choose-show {
    width: 280px
}

.content .hot-special .hot-special-content .special-con .special-show .choose-show ul li {
    width: 280px;
    height: 158px;
    margin-top: 20px;
    position: relative;
    cursor: pointer
}

.content .hot-special .hot-special-content .special-con .special-show .choose-show ul li.curr>div:after,.content .hot-special .hot-special-content .special-con .special-show .choose-show ul li:hover>div:after {
    display: none
}

.content .hot-special .hot-special-content .special-con .special-show .choose-show ul li:first-of-type {
    margin-top: 0
}

.content .hot-special .hot-special-content .special-con .special-show .choose-show ul li img {
    width: 100%;
    height: 100%
}

.content .hot-special .hot-special-content .special-con .special-show .choose-show ul li>div {
    height: 100%;
    position: relative
}

.content .hot-special .hot-special-content .special-con .special-show .choose-show ul li>div:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.4)
}

.content .hot-special .hot-special-content .special-con .special-show .choose-show ul li>div .img-footer {
    position: absolute;
    left: 0;
    width: 100%;
    height: 32px;
    bottom: 0;
    background-color: rgba(51,51,51,.9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    color: #fff;
    font-size: 12px
}

.content .hot-special .hot-special-content .special-con .special-show .choose-show ul li>div .img-footer h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content .hot-special .hot-special-content .special-game-list-box {
    width: 100%;
    margin-top: 20px;
    position: relative;
    height: 116px;
    -webkit-transition: height .6s linear,opacity .6s linear;
    -moz-transition: height .6s linear,opacity .6s linear;
    transition: height .6s linear,opacity .6s linear
}

.content .hot-special .hot-special-content .special-game-list-box .special-game-list-con {
    overflow: hidden;
    margin: 0 auto;
    padding: 0 43px
}

.content .hot-special .hot-special-content .special-game-list-box .special-game-list {
    opacity: 0
}

.content .hot-special .hot-special-content .special-game-list-box .special-game-list.curr {
    -webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    transition: all .6s linear;
    height: 116px;
    opacity: 1
}

.content .hot-special .hot-special-content .special-game-list-box .special-game-list {
    -webkit-transition: height .6s linear,opacity .6s linear;
    -moz-transition: height .6s linear,opacity .6s linear;
    transition: height .6s linear,opacity .6s linear;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    height: 0
}

.content .hot-special .hot-special-content .special-game-list-box .special-game-list.less-than-8 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.content .hot-special .hot-special-content .special-game-list-box .special-game-list a {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 88px;
    text-align: center;
    margin-left: 16px
}

.content .hot-special .hot-special-content .special-game-list-box .special-game-list a:hover em {
    color: #ff7900;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    transition: color .5s
}

.content .hot-special .hot-special-content .special-game-list-box .special-game-list a:first-of-type {
    margin-left: 0
}

.content .hot-special .hot-special-content .special-game-list-box .special-game-list a img {
    width: 88px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    min-width: 88px;
    min-height: 88px;
    background: #e5e5e5
}

.content .hot-special .hot-special-content .special-game-list-box .special-game-list a em {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 12px
}

.content .hot-special .hot-special-content .special-game-list-box .game-prev-btn,.content .hot-special .hot-special-content .special-game-list-box .game-next-btn {
    position: absolute;
    top: 50%;
    width: 22px;
    height: 48px;
    background: #c9cbcf;
    margin-top: -24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.content .hot-special .hot-special-content .special-game-list-box .game-prev-btn:hover,.content .hot-special .hot-special-content .special-game-list-box .game-prev-btn:visited,.content .hot-special .hot-special-content .special-game-list-box .game-next-btn:hover,.content .hot-special .hot-special-content .special-game-list-box .game-next-btn:visited {
    background-color: #999
}

.content .hot-special .hot-special-content .special-game-list-box .game-prev-btn i,.content .hot-special .hot-special-content .special-game-list-box .game-next-btn i {
    display: inline-block;
    width: 10px;
    height: 18px
}

.content .hot-special .hot-special-content .special-game-list-box .game-prev-btn {
    left: 0
}

.content .hot-special .hot-special-content .special-game-list-box .game-prev-btn i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTRBNUVBRDU4Q0IzMTFFOTgwRkZDM0VDNDY4ODQ2QUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTRBNUVBRDY4Q0IzMTFFOTgwRkZDM0VDNDY4ODQ2QUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNEE1RUFEMzhDQjMxMUU5ODBGRkMzRUM0Njg4NDZBRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNEE1RUFENDhDQjMxMUU5ODBGRkMzRUM0Njg4NDZBRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqMjansAAADNSURBVHjahNJJCsJAEIXh7kQ9hOJ4IRUnvIYXcSEIIopLURF3gksvIeJ8DEVoX+kLhJCKgS9k+EknRaxzziRsWdjB1kioyMER3tDUojycGHW/q8ZEBbgw6gTXo1ERrvCCVvheOCrBDZ7QiK4UHJThzqge996yq8CDUVWbguzO7rfVEkZlPAxzz+G2wVdHj9qHGZ8657nRPkZuThkvIKWFwoMJ4yWktVBYGDNeQUYLg3jEeB3E2jgkHjLeSJz0m0k8YNy3f35cCz04fAQYALtB7GQwjEY4AAAAAElFTkSuQmCC") no-repeat center
}

.content .hot-special .hot-special-content .special-game-list-box .game-next-btn {
    right: 0
}

.content .hot-special .hot-special-content .special-game-list-box .game-next-btn i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjE3MzM2OTA4Q0IzMTFFOTgxMUY4NEQ4Mzg4OENENkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjE3MzM2OTE4Q0IzMTFFOTgxMUY4NEQ4Mzg4OENENkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMTczMzY4RThDQjMxMUU5ODExRjg0RDgzODg4Q0Q2QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMTczMzY4RjhDQjMxMUU5ODExRjg0RDgzODg4Q0Q2QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj1/BK8AAADGSURBVHjafNJLDsFQFIDhi7IK71WYmhqhxMDAJizERESEGAoiliPimdiE5/VfjkSanjb5mt70Tx+nNdbaCrqIwWjcrme/Wz8qdrsU1hIPtPh34OKVxMOw+H/h4qXEo2AcvEUSC4nHiGuh42Eu8QQJLTRycibx1K09E7490cYLnc86asioy1X3UVEVV5xR1KKaRCcUtJfxJToir42ngRsOyGkDb+LuHhxZ7RO28MAOGe2n8CXaIq1NIc4wS9igjIvyAcxbgAEAQAcHF2rGJk0AAAAASUVORK5CYII=") no-repeat center
}

.content .column-rec {
    margin-top: 55px
}

.content .column-rec .column-rec-box {
    width: 895px
}

.content .column-rec .column-rec-box .column-con {
    margin-top: 30px;
    position: relative
}

.content .column-rec .column-rec-box .column-con ul {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 0
}

.content .column-rec .column-rec-box .column-con ul.curr {
    -webkit-transition: opacity 1s ease-in,z-index .6s ease-out;
    -moz-transition: opacity 1s ease-in,z-index .6s ease-out;
    transition: opacity 1s ease-in,z-index .6s ease-out;
    opacity: 1;
    z-index: 2
}

.content .column-rec .column-rec-box .column-con ul li {
    width: 285px;
    height: 268px;
    margin-left: 19.9999px
}

.content .column-rec .column-rec-box .column-con ul li:first-of-type {
    margin-left: 0
}

.content .column-rec .column-rec-box .column-con ul li a {
    display: block;
    padding-bottom: 10px
}

.content .column-rec .column-rec-box .column-con ul li a:hover {
    -webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    transition: all .6s linear;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-6px,0);
    -moz-transform: translate3d(0,-6px,0);
    transform: translate3d(0,-6px,0)
}

.content .column-rec .column-rec-box .column-con ul li a img {
    width: 285px;
    height: 160px
}

.content .column-rec .column-rec-box .column-con ul li a h6 {
    font-size: 16px;
    color: #333;
    margin-top: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 42px;
    padding: 0 4px
}

.content .column-rec .column-rec-box .column-con ul li a p {
    font-size: 12px;
    color: #999;
    margin-top: 16px;
    padding: 0 4px
}

.content .column-rec .win-bean-fun {
    width: 285px
}

.content .column-rec .win-bean-fun .win-con {
    margin-top: 30px
}

.content .column-rec .win-bean-fun .win-con a {
    display: block;
    height: 268px
}

.content .column-rec .win-bean-fun .win-con a:hover {
    -webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    transition: all .6s linear;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-6px,0);
    -moz-transform: translate3d(0,-6px,0);
    transform: translate3d(0,-6px,0)
}

.content .column-rec .win-bean-fun .win-con a img {
    width: 285px;
    height: 160px
}

.content .column-rec .win-bean-fun .win-con a h6 {
    font-size: 16px;
    color: #333;
    margin-top: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 42px;
    padding: 0 4px
}

.content .column-info {
    margin-top: 55px;
    background-color: #f5f5f5
}

.content .column-info .match-show {
    width: 604px
}

.content .column-info .match-show .match-image-list {
    width: 604px;
    height: 298px;
    position: relative;
    overflow: hidden
}

.content .column-info .match-show .match-image-list .match-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0
}

.content .column-info .match-show .match-image-list .match-image.curr {
    -webkit-transition: z-index .3s ease-in,opacity .5s ease-in;
    -moz-transition: z-index .3s ease-in,opacity .5s ease-in;
    transition: z-index .3s ease-in,opacity .5s ease-in;
    z-index: 2;
    opacity: 1
}

.content .column-info .match-show .match-image-list .match-image a {
    display: block
}

.content .column-info .match-show .match-image-list .match-image a img {
    width: 100%;
    height: 100%
}

.content .column-info .match-show .match-nav {
    height: 44px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    line-height: 44px;
    font-size: 14px
}

.content .column-info .match-show .match-nav a {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding: 0 10px
}

.content .column-info .match-show .match-nav a:last-of-type:after {
    display: none
}

.content .column-info .match-show .match-nav a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    height: 24px;
    background-color: #dedede;
    width: 1px;
    top: 50%;
    margin-top: -12px
}

.content .column-info .match-show .match-nav a.curr {
    color: #ff7900;
    border-bottom: 2px solid #ff7900;
    background-color: #fff
}

.content .column-info .info-list-box {
    width: 596px;
    height: 342px;
    padding: 10px 30px;
    position: relative
}

.content .column-info .info-list-box>i {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 56px;
    height: 56px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTFEMUMzQjE4RDdCMTFFOTkzQzFEQ0ZCMkRBOUVENjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTFEMUMzQjI4RDdCMTFFOTkzQzFEQ0ZCMkRBOUVENjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MUQxQzNBRjhEN0IxMUU5OTNDMURDRkIyREE5RUQ2NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUQxQzNCMDhEN0IxMUU5OTNDMURDRkIyREE5RUQ2NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PumrpssAAAJ9SURBVHja3NnNSxRhHAfw3z6uFikREhIdOnSX/oLunYI0V9SoDhsRvZHFkgYekwgrUZOKXoiyVIxerDx47NqhW52qQ5dW9qSERtr3xz4PLuu+zswz88zvC18cZ3dm/PjMPM+KiY0BOkREr9FtJDAKXUCPoKtSgZyPGrkmFSgWqYq+/4B2SEKqEvveo51SkKrM/nn0qASkqvDaO7Qr7shkldffoil0Bm0K5Sdq3k10+G5+O/uVaHHIKpDzBu1Gp0NBNu4gau/Kb//4ZPUWLQx/0umJ4+2q6njvqzgiVZ3vZ2Qv+lcqkDOnRzIWyKTH4+b0SL7wfI6WNkxZLVv379xbMOFsJ2rdX/r45d94WJarXiaBP5f8hKe7KU/I7udEB3q9X3m6j+jLlLURNJnVX3kkGyTdosXIhB7J2pG570S/Pm/d34Cldk97fptvwey30sf/ydV0Gb+3aGFSdSNLZdc+oszPzYX+/sHQZ9Fy4Y9zx9B/cV8mKuWla0hl4ZyMPO4KUlk6Lz+LJ1xAKovnxkJHJ6NGJi2f/5leQh7XPLuuLGFVTW1u+0yQy0Sl8DP5KIoPAyqk6zxF01HcrirEaz2JAqlC/oUy8hS6LhVIesJJh4WMAmiQPJIbUoGkZ9W0bWSUQIO0OpJRAzkP0dO2kC4AOQ9sIV0BGuSZoJEuATn3gka6BjTIs0EhXQRyJtFzQSBdBXL4f2jn/SJdBnIm0At+kK4DOePoRa/IOAA5Y+glL8i4ADmjXpBxAhpkv2Qg544eSbFAg+yXDOTcRi9LBnJuoVckAzkjaEYykHOzHFIK0CCvSgZybhQjpQENclAykDOMXuONJMnNdTTxX4ABACevhA4NglyzAAAAAElFTkSuQmCC") no-repeat center
}

.content .column-info .info-list-box>i a {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 56px solid transparent;
    border-left: 56px solid transparent
}

.content .column-info .info-list-box nav {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e2e2
}

.content .column-info .info-list-box nav ul li {
    font-size: 18px;
    color: #676767;
    margin-left: 46px;
    position: relative;
    cursor: pointer
}

.content .column-info .info-list-box nav ul li:first-of-type {
    margin-left: 0
}

.content .column-info .info-list-box nav ul li:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #ff7900;
    position: absolute;
    bottom: -11px;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.content .column-info .info-list-box nav ul li.curr,.content .column-info .info-list-box nav ul li:hover {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    color: #ff7900
}

.content .column-info .info-list-box nav ul li.curr:after,.content .column-info .info-list-box nav ul li:hover:after {
    opacity: 1;
    -webkit-transition: opacity .6s ease-in-out;
    -moz-transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out
}

.content .column-info .info-list-box h4 {
    color: #ff7900;
    font-size: 22px;
    margin: 20px 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content .column-info .info-list-box>div {
    position: relative;
    height: 280px;
    overflow: hidden
}

.content .column-info .info-list-box .info-list {
    position: absolute;
    width: 100%;
    top: 0;
    left: 100%;
    opacity: 0;
    z-index: 0;
    -webkit-transition: opacity .2s ease-out,z-index .3s ease-out;
    -moz-transition: opacity .2s ease-out,z-index .3s ease-out;
    transition: opacity .2s ease-out,z-index .3s ease-out
}

.content .column-info .info-list-box .info-list.curr {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    opacity: 1;
    z-index: 3;
    left: 0
}

.content .column-info .info-list-box .info-list ul li {
    margin-top: 13px
}

.content .column-info .info-list-box .info-list ul li:first-of-type {
    margin-top: 0
}

.content .column-info .info-list-box .info-list ul li a {
    display: block;
    width: 100%;
    line-height: 22px
}

.content .column-info .info-list-box .info-list ul li a:hover p {
    color: #ff7900
}

.content .column-info .info-list-box .info-list ul li a i {
    display: block;
    width: 36px;
    text-align: center;
    font-size: 12px
}

.content .column-info .info-list-box .info-list ul li a i.tj-icon {
    color: #6388c5;
    border: solid 1px #6388c5
}

.content .column-info .info-list-box .info-list ul li a i.info-icon {
    color: #bb9a6c;
    border: solid 1px #bb9a6c
}

.content .column-info .info-list-box .info-list ul li a i.surprise-icon {
    color: #ff7900;
    border: solid 1px #ff7900
}

.content .column-info .info-list-box .info-list ul li a i.active-icon {
    color: #4ba36a;
    border: solid 1px #4ba36a
}

.content .column-info .info-list-box .info-list ul li a .info-text {
    font-size: 14px;
    color: #424242;
    margin-left: 25px;
    max-width: 395px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content .column-info .info-list-box .info-list ul li a .info-time {
    font-size: 14px;
    color: #c3c3c3
}

.content .games-rank {
    margin-top: 60px;
    padding-bottom: 30px
}

.content .games-rank .games-rank-box {
    margin-top: 35px
}

.content .games-rank .games-rank-box h3 {
    font-size: 16px;
    color: #333
}

.content .games-rank .rank-list-box {
    width: 320px;
    margin-left: 120px;
    position: relative
}

.content .games-rank .rank-list-box:last-of-type:after {
    display: none
}

.content .games-rank .rank-list-box:after {
    content: "";
    display: block;
    width: 1px;
    height: 520px;
    background-color: #f5f5f5;
    position: absolute;
    top: 0;
    right: -60px
}

.content .games-rank .rank-list-box:first-of-type {
    margin-left: 0
}

.content .games-rank .rank-list-box .rank-list {
    margin-top: 24px
}

.content .games-rank .rank-list-box .rank-list li {
    line-height: 18px;
    margin-top: 22px
}

.content .games-rank .rank-list-box .rank-list li:first-of-type {
    margin-top: 0
}

.content .games-rank .rank-list-box .rank-list li:nth-of-type(-n+3) a .rank-num {
    background-color: #ff7900;
    border: 0;
    color: #fff
}

.content .games-rank .rank-list-box .rank-list li:nth-of-type(-n+3) a .game-name {
    color: #424242
}

.content .games-rank .rank-list-box .rank-list li a {
    height: 20px;
    overflow: hidden;
    display: block
}

.content .games-rank .rank-list-box .rank-list li a .rank-num {
    width: 18px;
    height: 18px;
    color: #999;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    border: solid 1px #b2b2b2;
    vertical-align: middle
}

.content .games-rank .rank-list-box .rank-list li a .game-name {
    font-size: 16px;
    line-height: 18px;
    color: #999;
    margin-left: 12px;
    max-width: 275px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block
}

.content .games-rank .rank-list-box .rank-list li a .detail {
    height: 96px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0
}

.content .games-rank .rank-list-box .rank-list li a .detail img {
    width: 72px;
    height: 72px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #e5e5e5
}

.content .games-rank .rank-list-box .rank-list li a .detail .txt {
    margin-left: 11px
}

.content .games-rank .rank-list-box .rank-list li a .detail .txt>* {
    max-width: 197px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content .games-rank .rank-list-box .rank-list li a .detail .txt h6 {
    font-size: 16px;
    color: #333
}

.content .games-rank .rank-list-box .rank-list li a .detail .txt p {
    font-size: 12px;
    line-height: 20px;
    color: #999;
    margin-top: 6px
}

.content .games-rank .rank-list-box .rank-list li.curr {
    height: 96px;
    width: 320px;
    background-color: #f5f5f5;
    position: relative;
    -webkit-transition: height .6s linear,width .6s linear;
    -moz-transition: height .6s linear,width .6s linear;
    transition: height .6s linear,width .6s linear
}

.content .games-rank .rank-list-box .rank-list li.curr a {
    height: auto
}

.content .games-rank .rank-list-box .rank-list li.curr a .rank-num {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    transition: all .6s linear
}

.content .games-rank .rank-list-box .rank-list li.curr a .game-name {
    display: none
}

.content .games-rank .rank-list-box .rank-list li.curr a .detail {
    opacity: 1;
    -webkit-transition: opacity .8s linear;
    -moz-transition: opacity .8s linear;
    transition: opacity .8s linear
}

.star {
    display: block;
    width: 74px;
    height: 13px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAANCAYAAAAOjfilAAAABHNCSVQICAgIfAhkiAAAAaFJREFUSInl1T1oU1EUB/DfjYW6VHSwFhELflQQJwcXNermKlqX6OxXHU3fa0XiZKB0c7Wz4CbSwVEUuusmOIk6OJlFq81xsEZTk5hAm0J6x3v43f/hcN+7tFmRuxEVQ+3qndYg2kJLVFEQ7ll2qefAP/byINmWg/LVBcmKulu9hg6qbT0optRdw97IHe0x9rcdGySbIndaGJXswIgwipKqA2bcFC5iETXhi6Rm2VKa97kLO4lng2CH8AOPhJrkheS9uqlERHgs7MFhTEjOCgtGLK4O+v82ObRqz/XV9tIzt7vKjbIjkXsXmeutrl3MGo/c68jk/9S2mBV3jEXmTeTuN+3fdTAyHyMz2erQrWIbP/M055NkAbubTvymgHqqetIutGF/fe/9t33oufnVC6eEV1G2L3LPI3c1zXkrGY5p+9uFbqidNb4puWts86CSIoq2WRKeohS5l8IHycmOoUlRcmbdbXRh+9BzY1CRm8AuyYphx1LVw/TAeWFesrNT6F/2+7rbele2fz1H2YmYcbxlrWJ7ZEptQzfSTruyKblr7E8tXBGysZI0XwAAAABJRU5ErkJggg==") no-repeat center;
    margin-top: 3px;
    position: relative
}

.star .has-star {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAANCAYAAAAOjfilAAAABHNCSVQICAgIfAhkiAAAAWlJREFUSInl1T9rFFEUhvHf3QS0iaKoBANaBBS0EQsL/yStrSls8glELY1OFNluF8ROEATTWKYVwWAKO7+HjRCxMI2sJsfCYdnEmYXZgSlmDwxc5r3PeeAtZiiZyNyLrtmyfNy0ke0UQl0d4bmBu5WFLWULi/LLHcm8fferStvKFhfFA5Bcj8ylitpWsikyt4QzkmOYy89PR+58xnvsCj8luwa+pJe+R2ZZODUhW8fbODuLP3iL43mrh2c5f/5lYcOcD3k2kLzByQnYOt7G2QSx5qIZ21j4DxudsJ76egdePbNozzbOV2breBtmh33GI/NmfJJcLgB+YzX1bRbuy5zGFq5UZut4G2SHH/P0wjfJRtFS7JQJIfXs4N1EbB1vg+zBv164WbzV2XjsXJl0GtjOoQtL+emH8BAfR7IbY6UtZ4dFReYCTuC1IxZT36vUc1tYwddx0qliY821WHe1MOs6Gk+slkqngP0L4uhG8XEzwQUAAAAASUVORK5CYII=") no-repeat right
}

.star .has-star.has-one {
    width: 14.8px
}

.star .has-star.has-two {
    width: 29.6px
}

.star .has-star.has-three {
    width: 44.4px
}

.star .has-star.has-four {
    width: 59.2px
}

.star .has-star.has-five {
    width: 74px
}

footer {
    margin-top: 20px;
    padding: 30px 0;
    background-color: #333;
}

footer section {
    width: 1200px;
    margin: 0 auto
}

footer section .links h6 {
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
    color: #999
}

footer section .links .link-list {
    font-size: 0;
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 22px;
}
footer section .links .link-list>li{
    position: relative;
}
footer section .links .link-list>li:nth-child(2){
    margin: 0 32px;
}
footer section .links .link-list>li .code{
    position: absolute;
    width: 134px;
    height: 134px;
    padding: 12px;
    background-color: #fff;
    -webkit-transform: translate(-40%,0);
    -moz-transform: translate(-40%,0);
    -ms-transform: translate(-40%,0);
    transform: translate(-40%,0);
    display: none;
    margin-top: 14px;
}
footer section .links .link-list>li .code::before{
    content: '';
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    top: -12px;
    left: 0;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
footer section .links .link-list>li .code>img{
    width: 100%;
}
footer section .links .link-list a{
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 0;
    background-image: url(../img/icons.png);
    background-size: auto 100%;
}

footer section .links .link-list a:hover{
    background-image: url(../img/icons-active.png);
    background-size: auto 100%;
}

footer section .links .link-list a:hover+.code{
    display: block;
}
footer section .links .link-list li:nth-child(1)>a{
    background-position: 0px center;
}
footer section .links .link-list li:nth-child(2)>a{
    width:35px;
    background-position: center center;
}
footer section .links .link-list li:nth-child(3)>a{
    background-position: right center;
}


footer section .links .link-list a:first-of-type:after {
    display: none
}

footer section .line {
    width: 100%;
    height: 1px;
    background-color: #707070;
    margin-top: 24px
}

footer section .footer-logo {
    width: 164px;
    margin-top: 10px
}

footer section .footer-logo img {
    width: 100%
}

.footer-top {
    margin: 36px auto 0 28px;
    width: 1008px
}

.footer-top ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-top ul li {
    margin-left: 49px;
    position: relative
}

.footer-top ul li:after {
    content: '';
    display: block;
    width: 1px;
    height: 12px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: -24px;
    background-color: #fff
}

.footer-top ul li:last-of-type:after {
    display: none
}

.footer-top ul li:first-of-type {
    margin-left: 0
}

.footer-top ul li a {
    font-size: 14px;
    color: #fff
}

.footer-top p {
    font-size: 12px;
    color: #999;
    margin-top: 16px;
    line-height: 1.2
}

.footer-top p * {
    margin-right: 24px
}

.footer-top .some-info {
    height: 68px;
    border: solid 1px #707070;
    font-size: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-top .some-info a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    color: #7f7f7f;
    position: relative;
    width: 144px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-top .some-info a:after {
    content: '';
    display: block;
    width: 1px;
    height: 38px;
    background-color: #666;
    position: absolute;
    top: 50%;
    margin-top: -19px;
    right: 0
}

.footer-top .some-info a:nth-of-type(6) {
    width: 191px
}

.footer-top .some-info a:last-of-type {
    width: 94px
}

.footer-top .some-info a:last-of-type:after {
    display: none
}

.footer-top .some-info a em {
    margin-left: 8px
}

.footer-top .some-info a>* {
    display: inline-block;
    vertical-align: middle
}

.footer-top .some-info a img {
    width: 38px;
    height: 38px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}




.app-banner,.video-banner {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 2002;
    display: none
}

.app-banner>section,.video-banner>section {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.app-banner>section>span,.video-banner>section>span {
    cursor: pointer;
    display: block;
    width: 32px;
    height: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRTZBRTQ2QzM2RTYxMUU4OUI5OUY4QzIyRkE5RDFDRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRTZBRTQ2RDM2RTYxMUU4OUI5OUY4QzIyRkE5RDFDRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZFNkFFNDZBMzZFNjExRTg5Qjk5RjhDMjJGQTlEMUNGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZFNkFFNDZCMzZFNjExRTg5Qjk5RjhDMjJGQTlEMUNGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/zgkhwAAAmFJREFUeNrMV7FOAkEQHRbtkIaC0GFiZ2LkaIydlaEjofIL1B8w8QtM+AH1I0joiJWdsQEMiR2JJaGgOekM6LzLXLIeu3srAvqSl0XO3ffYnZmdy5AnOp1OgYc684R5wNxl5uTxlPnGHDAfme1arTbxWTfjIQyxa2aDue3p94PZYt6wkcFSBlh4h4cm89zHqAWfzHvmFRt59zbA4vvYRuYerQZDHB+beE01wOJHPDww87RahMxTNvFsNSC//GkN4rqJY30nMokz761w213HEcQxobQHzQ2Ik2g0v+2ApNqLLSiLxSLl83kajUY0nU6dq+dyOSqVShSGIY3HY1d2HCJFt+SLa5d4pVKJPpfLZer1ejSZmGtMoVCgIAgom81Gf/f7fZuJjGieKalwDZtV/PIYWBgCEEoTT841oAFtJeXVWuGw7bPZzGnCJI45mOsANOtKarsVOHNsu82ETRxz0uIF2ltysTiBM8eCuhDGarUafVZKLYjb4iSBAyW3Gvma0HcCwr8QB3aVdqV6m5jP5wvP8N0PxaOsVfTHUNJMeCEOOH3b9eOwpagrxpV0Mt7ierRj2/XjcNUJC96UtFE/FkfAdbvdiGl1woGBkh7OWdtteY6AM2VHbAJzU/CopPP5sP0HLhabuCtFMQdzU/rGtpLutWXtIMLQK89NJvS5BrSg/efXsd4R3fJwsaH0v2Pxy2RHdCXt0roxFC36ZkB6tLo0jutCKO35+4IBMYFu9XRNJuK2/DVZiilhAn378YqPYyjt+LPpLiCDCbgMECwSscviU9YITG9F//vldFOv518CDACt/kdgDJy/cgAAAABJRU5ErkJggg==) center top no-repeat
}

.app-banner>section>span {
    margin: 0 auto;
    margin-top: 10px
}

.video-banner.small-video {
    width: 240px;
    height: 135px;
    left: inherit;
    top: inherit;
    right: 90px;
    bottom: 155px
}

.video-banner.small-video section {
    top: 0;
    left: 0;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.video-banner.small-video section video {
    width: 240px;
    height: 135px
}

.video-banner>section>span {
    position: absolute;
    right: -16px;
    top: -16px
}

.small-img {
    position: fixed;
    right: 90px;
    bottom: 155px;
    max-width: 200px;
    z-index: 999;
    text-align: right;
    display: none
}

.small-img a {
    display: block;
    max-width: 200px
}

.small-img a img {
    width: 100%
}

.small-img span {
    cursor: pointer;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRTZBRTQ2QzM2RTYxMUU4OUI5OUY4QzIyRkE5RDFDRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRTZBRTQ2RDM2RTYxMUU4OUI5OUY4QzIyRkE5RDFDRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZFNkFFNDZBMzZFNjExRTg5Qjk5RjhDMjJGQTlEMUNGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZFNkFFNDZCMzZFNjExRTg5Qjk5RjhDMjJGQTlEMUNGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/zgkhwAAAmFJREFUeNrMV7FOAkEQHRbtkIaC0GFiZ2LkaIydlaEjofIL1B8w8QtM+AH1I0joiJWdsQEMiR2JJaGgOekM6LzLXLIeu3srAvqSl0XO3ffYnZmdy5AnOp1OgYc684R5wNxl5uTxlPnGHDAfme1arTbxWTfjIQyxa2aDue3p94PZYt6wkcFSBlh4h4cm89zHqAWfzHvmFRt59zbA4vvYRuYerQZDHB+beE01wOJHPDww87RahMxTNvFsNSC//GkN4rqJY30nMokz761w213HEcQxobQHzQ2Ik2g0v+2ApNqLLSiLxSLl83kajUY0nU6dq+dyOSqVShSGIY3HY1d2HCJFt+SLa5d4pVKJPpfLZer1ejSZmGtMoVCgIAgom81Gf/f7fZuJjGieKalwDZtV/PIYWBgCEEoTT841oAFtJeXVWuGw7bPZzGnCJI45mOsANOtKarsVOHNsu82ETRxz0uIF2ltysTiBM8eCuhDGarUafVZKLYjb4iSBAyW3Gvma0HcCwr8QB3aVdqV6m5jP5wvP8N0PxaOsVfTHUNJMeCEOOH3b9eOwpagrxpV0Mt7ierRj2/XjcNUJC96UtFE/FkfAdbvdiGl1woGBkh7OWdtteY6AM2VHbAJzU/CopPP5sP0HLhabuCtFMQdzU/rGtpLutWXtIMLQK89NJvS5BrSg/efXsd4R3fJwsaH0v2Pxy2RHdCXt0roxFC36ZkB6tLo0jutCKO35+4IBMYFu9XRNJuK2/DVZiilhAn378YqPYyjt+LPpLiCDCbgMECwSscviU9YITG9F//vldFOv518CDACt/kdgDJy/cgAAAABJRU5ErkJggg==) center top no-repeat
}

.bottom-banner {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 2001;
    display: none
}

.bottom-banner .bottom-bg {
    height: 100px
}

.bottom-banner .bottom-banner-con {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1200px;
    margin-left: -600px;
    height: 100px
}

.bottom-banner .bottom-banner-con .op-btn {
    position: absolute;
    right: 80px;
    bottom: 30px
}

.bottom-banner .bottom-banner-con .op-btn a {
    display: inline-block;
    margin-bottom: 0;
    width: 128px;
    height: 40px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: solid 1px #ffd100;
    font-size: 16px;
    line-height: 40px;
    color: #fee014;
    text-align: center
}

.bottom-banner .bottom-banner-con .op-btn a.code {
    background-color: #ffd100;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 0;
    color: #e67209;
    margin-right: 16px;
    position: relative
}

.bottom-banner .bottom-banner-con .op-btn a.code:hover>div {
    display: block
}

.bottom-banner .bottom-banner-con .op-btn a.code>div {
    position: absolute;
    left: 50%;
    top: -130px;
    margin-left: -62.5px;
    width: 125px;
    height: 130px;
    display: none
}

.bottom-banner .bottom-banner-con .op-btn a.code .hover-img {
    width: 100%;
    height: 125px;
    padding: 4px 8px;
    background: #fff
}

.bottom-banner .bottom-banner-con .op-btn a.code .hover-img img {
    width: 100%
}

.bottom-banner .bottom-banner-con i {
    position: absolute;
    top: 4px;
    right: 0;
    width: 28px;
    height: 28px;
    cursor: pointer;
    z-index: 2;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTdDMzU3ODZBN0FCMTFFOUJGNTJCRUI2M0ZDNzhCQUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTdDMzU3ODdBN0FCMTFFOUJGNTJCRUI2M0ZDNzhCQUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1N0MzNTc4NEE3QUIxMUU5QkY1MkJFQjYzRkM3OEJBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1N0MzNTc4NUE3QUIxMUU5QkY1MkJFQjYzRkM3OEJBRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqRYrSsAAAIjSURBVHjavJZNK0RRGMfnjpcVYmEnJUSWJDHeyluTfAex5QNQl0LEp7C1MNJYKoWQZuudLQuKsLHg+j/jf3Qa99x7hhmnft177j3P8z9vzzmP43leJKQ4oAsMgxioAxX89wiuwQHYAnsg0KETIBgFo2CKIk9gG5yCB1AEqkA16APlFF8Cq+DD16sI+lADjsEH2AD9oMjQNsJ/0iZBm2P6+NHWz7gX3INLEAsQMSE2F/TRHSY4CN7AFij5hZhCbJP0NWQSbADPYBMU/0FMn2bx9ULf6e9q0xSAQ1AGWsFLJDelBKTAM2gH76o3Y1zszhyMzG9Nxfe4mlIZ5RV3mMmo2cJxUJsENRyp9HhfpSfAkfTQDXDosk2L4f+3hlSWwR1HanI4QwPXIOaxjcneocayVPbAmsWU+YnaiClEY7cQO6ce7FjsuLmMp3qfzfhmKucgPaUSnJNZ7Do1Ui9kXTOZEK2oOlKziC3P8G5VCnnFVFq2dzl9M6zP87lgYVuZ1spi07gBm8a13TTysmIRFq5FWLghYXGrwiIs8FtyEPjdeuD/x9G2To2o+jDOHsbycHh36Ie3fj0dgdI8XU+voE2/noRGXpb5uIAbTSlGnCdPMocpRjwsiYqzV2d/SKLO6CNuk7Wp6U1xsRNZpInrtEnp06hjkwhPg1otET4B99px1QQGmAjfgMWgRNixSPVFuBOMgA6K66n+DVP9JNg3ZtwsnwIMABRl2SFcn/YDAAAAAElFTkSuQmCC") no-repeat center
}

.line-img {
    display: block;
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 20px;
    height: 100px
}

.line-img>img {
    width: 100%;
    height: 100%
}

.line-bar {
    width: 100%;
    height: 6px;
    background-color: #ff7900;
    margin: 20px 0
}

.left {
    left: 0
}

.right {
    right: 0
}

.bilateral {
    position: fixed;
    z-index: 99;
    bottom: 155px;
    width: 120px;
    height: 320px;
    overflow: hidden;
    -webkit-transition: width .21s;
    -moz-transition: width .21s;
    transition: width .21s
}

.bilateral:hover {
    width: 251px;
    -webkit-transition: width .4s;
    -moz-transition: width .4s;
    transition: width .4s
}

.bilateral:hover .bilateral-con>div.small {
    z-index: 0;
    visibility: hidden
}

.bilateral:hover .bilateral-con>div.big {
    z-index: 2
}

.bilateral.left {
    left: 85px
}

.bilateral.right {
    right: 85px
}

.bilateral .close-bilateral {
    position: absolute;
    top: 9px;
    width: 24px;
    height: 24px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Nzg0MkIwNDg5QkRDMTFFOTg2QzlDMUZDQTU0MDk4QjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Nzg0MkIwNDk5QkRDMTFFOTg2QzlDMUZDQTU0MDk4QjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3ODQyQjA0NjlCREMxMUU5ODZDOUMxRkNBNTQwOThCMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3ODQyQjA0NzlCREMxMUU5ODZDOUMxRkNBNTQwOThCMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PucktOwAAAG7SURBVHjavFaxbsJADL1EkcoU8QFRhgihtsrAB3Rh6BCp/QC+oN2Y+IMyMbGFL8gHFCkjv9AhaiuEMiA+AGWiW+3IiQ5zpilK+yTrDs73fPad7VjqDNI0vYFhBDIECUG6tLQHyUBWIEkURR8ShyUQX8MwA3lQzbAEmYChzx8NAPkTDHOQK/U7fIGMwchC/9Nm5C8wxBeQK9oTE8epB3TyWLWD58oTS4v524Unl8I1wDupQjTj5J1OR4VhqHzfF1lwDXVQ1xCuWekBPcV3roEbPc8r53meq/V6fbTe7/dVEATlfLfbqSzLTGe4temdn6AoinqOREhoIue6DCOHkugE2+22dL0i0gn1OXqHugKGDmWoEVVYTEak0PFI21r6i0aQiKMBOaJrqz+GTYVLBL9Q6eIF7G2qio3IMSx6uBoYyRwquXemJOLkesz1iz8cDtJLWqEHiWnFdV2RnF+8rsuQVLXoldd+zIFer1cmkfTO0Usk32w2pRe8R0AtenToxwTkXq9HuEFI/6NkPFPsJnU/oE40bvF1jqvuVucB1e9pC+RTvav9b8vUPBlQI2+KJTWYRaOvijY/W74FGAC2irlRa4lIowAAAABJRU5ErkJggg==") no-repeat center;
    z-index: 4;
    right: 4px
}

.bilateral .close-bilateral.in-left {
    right: 4px
}

.bilateral .close-bilateral.in-right {
    left: 4px
}

.bilateral .bilateral-con {
    display: block;
    position: relative
}

.bilateral .bilateral-con>div {
    position: absolute;
    top: 0
}

.bilateral .bilateral-con>div.small {
    z-index: 2;
    visibility: visible;
    -webkit-animation: opacit .5s .3s;
    -moz-animation: opacit .5s .3s;
    animation: opacit .5s .3s
}

.bilateral .bilateral-con>div.big {
    z-index: 0
}

@-webkit-keyframes opacit {
    from {
        visibility: hidden
    }

    to {
        visibility: visible
    }
}

@-moz-keyframes opacit {
    from {
        visibility: hidden
    }

    to {
        visibility: visible
    }
}

@keyframes opacit {
    from {
        visibility: hidden
    }

    to {
        visibility: visible
    }
}

@-webkit-keyframes fadeOut {
    from {
        visibility: visible
    }

    to {
        visibility: hidden
    }
}

@-moz-keyframes fadeOut {
    from {
        visibility: visible
    }

    to {
        visibility: hidden
    }
}

@keyframes fadeOut {
    from {
        visibility: visible
    }

    to {
        visibility: hidden
    }
}

.zoom-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 0 25px;
    font-size: 16px;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    z-index: 111
}
