@charset "utf-8";
body { background-color: #fff; color: #333; line-height: 180%; }

/* container */
.contanier { width: 90%; margin: 0 auto; }
.left { position: fixed; width: 300px; top: 0; left: 5%; }
.logo { width: 150px; line-height: 100px; }
.logo img { width: 150px; }
.class-list li { line-height: 30px; }
.class-list li a.active { color: #333; }
.copyright { line-height: 30px; width: 160px; }
.contact { padding-top: 30px; line-height: 30px; }
.wechat { padding-top: 30px; line-height: 30px; }
.wechat p img { width: 135px; margin-left: -10px; }

/*right*/
.right { position: relative; top: 0; left: 310px; width: calc(100% - 310px); }
.right-header { position: fixed; width: calc(90% - 310px); height: 100px; background: #fff; text-align: right; }
.right-header a { display: inline-block; height: 25px; line-height: 25px; font-size: 14px; font-weight: bold; text-align: right; padding: 45px 0 30px 0; margin-left: 30px; }
.show-title { padding-top: 100px; height: 50px; line-height: 50px; font-size: 30px; font-weight: bold; }
.show-small { height: 20px; padding-top: 10px; font-size: 15px; }
.show-small a { line-height: 20px; display: inline-block; border-bottom: 1px solid #333; }
.show-short { padding-top: 20px; padding-bottom: 20px; font-size: 15px; line-height: 30px; }
.show-content img { width: 100%; display: block; padding-bottom: 10px; }

/*page*/
.page { margin-top: 10px; margin-left: -3px; }
.page .pagination li { float: left; width: 10px; height: 30px; line-height: 30px; text-align: center; color: #ddd; display: block !important; margin-right: 5px; margin-bottom: 5px; font-size: 12px; }
.page .pagination li.active { color: #999; }
.page .pagination li.disabled { color: #ddd; }
.page .pagination li a { width: 10px; height: 30px; display: block; color: #ddd; }