.body{
	max-width:640px;
	margin:auto;
	min-height:100%;
	position:relative;
    background-image:url(img/6.png);
}


#topList_box ol{
	pointer-events:none;
}

.navList_boxdp{
	height:70px;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	background:rgba(10,10,10,0.5);
	z-index:2000;
	max-width:640px;
	margin:auto;
	margin-top:-100%;
	padding:5px 0;
}
#navList_box,.mainul{
	position: relative;
}
.mainul li,#navList_box li{
	display: block;
	position: relative;
	float: left;
}
#navList_box li>a{
	width:25%;
	float:left;
	text-align:center;
	color:#fff;
	overflow:hidden;
}
#navList_box li>a img{
	width:45px;
	height:45px;
	max-height:80%;
	margin:5px 0;
}

 .mainpicshow {
            height: 170px;
            overflow: hidden;
        }

        .mainpicarea {
            height: 170px;
        }

            .mainpicarea table, .mainpicarea tr, .mainpicarea td {
                border: none;
                border-image-width: 0px;
            }

            .mainpicarea img {
                height: 170px;
            }

        #ppoool {
            height: 20px;
            position: relative;
            z-index: 10;
            margin-top: 0px;
            text-align: right;
            padding-right: 15px;
            background-color: rgba(0,0,0,0.3);
        }

            #ppoool > li {
                display: inline-block;
                margin: 5px 0;
                width: 8px;
                height: 8px;
                background-color: #757575;
                border-radius: 8px;
            }

                #ppoool > li.on {
                    background-color: #ffffff;
                }

        #playbox {
            display: inline-block;
            width: 35px;
            height: 35px;
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAAuCAYAAACf1cHhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMyRjE2MDNEMUFBQjExRTNCMjVDODE5ODkwMkRFNjdBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMyRjE2MDNFMUFBQjExRTNCMjVDODE5ODkwMkRFNjdBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzJGMTYwM0IxQUFCMTFFM0IyNUM4MTk4OTAyREU2N0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzJGMTYwM0MxQUFCMTFFM0IyNUM4MTk4OTAyREU2N0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz54acelAAADhUlEQVR42tRaPYgTQRTe2wtWikEQ7LLKFaJNbG2yWlmutcVtwEYbEwQRm9w1WmkuIHaStDbGRhSO43KVpXeCVuItVlbeioVwIPE9fcsN42QzOzs/mw8+juMumflm3nzvzdtdmk6nnmU0gfUZf9sFprYmUjP8/QEwArZIdCDxmZQWYQc4IRrBkoGdx12NgaskuCxwMV4BB7Qo+oDiNbEOXAMeTM1hGxjqmrOunV8D3sk5y7qBR6ENTFyGPYb1UFN4q6AL3HAhPibhroFRcF0lS6iKH5L4IqaFk9yjnylnXgFDzAyhZGZgU2S7sCEqGMWwoEFFiobUBPYLGOgBfUZ6jKIT6hcQHTjIIvsmxcsMHmpMn/wijCXmIL3ofkFnzwMWIpcMVmQpGVt7jrlJG58u8SNVx1UAjnUlZ6xIt+EFOWeubyjMZQxxe4bxBTrPPD/IkEwodCScZ0dguFrERypf7ID8BkU6avt9puBIydQSr3rAOb5n7hc4x7NlDC/iKq1BRYVnYgeCXoKy4Y05I6lXNOTZWoA15rFqnudXbmSzxVSiFhjlRK502PMhM/AWAwPZvJ8nvsXdmpIFEZ9wt7uWiviQuzMvEiYzdEh1bwOuJbWjMoOfD0Jtak48LLT+ON8O01ANRJHr54jnmwVlcJJoC7tz9OTufFPQskro5hZzUTGS8AMsPk4De8CnwENNRU0scHqRwzdFR3eW+Ab3e48+jCL7M7q3ecgqrcfAW8B7wHFJ8THNi9/xVcE5b8gaXp85LyawAnwJfAO8YOkYdESb5gvCs2NpQteAH4DPLPlBh/QJxbvovy/TMfhCP5cNj9dk2+0+kwtjzx1OUQRgJFw1PFaceYLPGFoVgB6wRZ6wYnCcXiY+yKuCHAH7gR+Bj4DHDXw/6g38CgrPcAx43yvxLG7eAvhescdCtvEd+MJU58evqOjfwCfAc8BNU4PUKij8LfAu8JPpgWoVuqd/pkLkta17v1+Bu/oP2umLFoX/vfP7tPOuFuA58Dyd70ObwrOdR3Qti37n/ev/3wR+c7DoXbbCw6vgusHBsl39CrwBvOzpfq1MHuvZ2DXuTt4wVOPfBp6h8P7l0F9GbO+BT3X47HuPat+65rPtEint+Ma8PI//gO0qfK8uKlMBFmw6Gkln3tHbm/+ldJkHlQExe4OKvwtYfVmYQV3Qf5h4Ry82J/NqmD8CDACVdRJQsKrlcgAAAABJRU5ErkJggg==') no-repeat center center;
            background-size: 100% auto;
            position: fixed;
            z-index: 100;
            left: 15px;
            top: 20px;
            z-index: 99999;
        }

            #playbox.on {
                background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAAuCAYAAACf1cHhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM4RjBDQUE1MUFBQjExRTM5N0Q0QThGNzY0ODlENjAxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM4RjBDQUE2MUFBQjExRTM5N0Q0QThGNzY0ODlENjAxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzhGMENBQTMxQUFCMTFFMzk3RDRBOEY3NjQ4OUQ2MDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzhGMENBQTQxQUFCMTFFMzk3RDRBOEY3NjQ4OUQ2MDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7xFPruAAAC70lEQVR42uRaPW7bMBRWhI4ZjF4gzJxFBbpbvYFyAstL1zhjJydTR0cnsHoC5waxD1AkAbpbyNSp0dzF5QOeGuKFkkialCzzAz5EViyTH38+Pj7xZLfbBR0j4hzV/O+Js+yqIh8c/z7jTDjHKJopPFNiI2w410gnOHHQ89CrKecEBe8LaIx7zgwbxR5AvCWOOG84X3fu8MAZ26qzrZ6/4bxqmMu2AVNhyln0OexhWC8tDW8TXHPe9SE+ReF9A0bBpckqYSp+ieJ1TAsq+Yx/S2JeTCCsDLHiyiAukVNtQzQwiqWmQSWGhhRxLjQM9BWfUS5Dt0ILDdGsh1Vk61K8SuGxxeWTNsJKoQ7KjR5qOnsTIBD55DAiK9HYpi3mpmx8tsTnpo5rACjrS0NZiW3DYw1zbuFomKsY4kON8TGbc54WskQTinsSTjmTGK4V8YnJD/dA2kGJjdh+KwQcJZpaERweoI6Pwv4C6ni+j+ElJNLKDlR4JTaT5BKMDW9FjGR0oENejAVEY16ZrvO05fIuU0x7xAJ5w8hVHvZ0yGTBMJCprvtN4sdk11QMRHxBdndjE/Ex2TMPCesaHUriGUlJbQYmfkMSqkxXPE0WDAlPLXoa8/aRJGVV4M4tJaMib/ODix9beRqp5vu/JueqQU0qcXqZw0eyqVsn/ox8nuPDIHJRk71tw0fO73j9h/Nby32VHOJc0uMTyTw/U+15EDdzMBRPOb/i9Ysgsu6+TcyEbG/tnH90JPwQMEN9UvF95t+7QiSm20NhLUwDP5BWnhAKhuYT5pV41hQFHSlALws9FP6/AcJA77XQMYGFgcfwXnzhqfYiHOBe3dqev+p53xpgXfX8u4DfA1yLhgdbwVtPhN9WyY6Q7MnzIxeei7kHup+Hd9/PGPvaPlb2m/MzXv9VuG8TJfb4XVsyA74A6So4V5dYjABB2E+N+1aWs+Dt9Oa7JV3lRSVDVieo6F6g08PCAkaS/MM6eDvYXLTFMP8EGAB6tfmFGdtWtgAAAABJRU5ErkJggg==');
            }