@charset "utf-8";
body {font-size: 100%;color: #333;background-color: #FFF;margin: 0;padding: 0;overflow-x: hidden;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
img {width: 100%;height: auto;border: none;}
i,em {font-style: normal;}
a {color: #333;text-decoration: none;}
a:hover {color: #34495E;text-decoration: none;}
ul,li,dl,dt,dd,p,h1,h2,input,form {margin: 0;padding: 0;list-style-type: none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 9999px white inset !important;}
.nav {color: #FFF;display: none;background-color: #111;height: 100%;width: 180px;overflow: hidden;position: fixed;z-index: 20;left: 0;top: 0;}
.nav ul {display: inline-block;width: 160px;margin-left: 10px;border-bottom: 1px solid rgba(50,50,50,0.2);}
.nav li {line-height: 44px;text-align: center;display: inline-block;height: 44px;width: 160px;border-top: 1px solid rgba(50,50,50,0.2);border-bottom: 1px solid #000;}
.nav li:first-child {margin-top: 60px;border-top: none;}
.nav li a {font-size: 0.8rem;color: rgba(255,255,255,0.5);}
.nav li h1 {font-size: 0.8rem;font-weight: normal;}
.nav li h1 a {color: #FFF;}
#container {background-color: #FFF;position: relative;z-index: 30;transition: transform .3s;}
.moveright {overflow: hidden;transform: translateX(180px);}
.header {color: #FFF;background-color: #34495E;height: 44px;width: 100%;}
.header img {height: 15x;width: 15px;padding: 15px 15px 14px 10px;}
.menu {float: left;height: 44px;width: 30%;}
.menu img {float: left;}
.logo {float: left;text-align: center;height: 44px;width: 40%;}
.logo a {font-size: 1rem;line-height: 44px;color: #FFF;display: inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.2);}
.showsearch {float: right;text-align: right;height: 44px;width: 30%;}
.showsearch img {float: right;}
.subnav {font-size: 0.8rem;line-height: 40px;background-color: #EEE;text-align: center;height: 40px;width: 100%;overflow: hidden;}
.subnav a,.subnav i {display: inline-block;height: 40px;margin-left: 15px;}
.subnav i {color: #999;}
.subnav i.left,.subnav a.left {margin-left: 0;}
.subnav em {color: #FF3300;display: inline-block;padding: 0 2px;}
.search {display: none;height: 34px;margin: 12px 10px 0 10px;border: 1px solid #ECECEC;border-radius: 3px;position: relative;z-index: 10;}
.search p {margin: 0 6px;}
.search p input {line-height: 32px;display: inline;float: left;height: 32px;width: 100%;border: none;outline: none;}
.search span {font-size: 0.8rem;line-height: 34px;color: #666;background-color: #F5F5F5;text-align: center;height: 34px;width: 60px;border-left: 1px solid #ECECEC;position: absolute;z-index: 11;top: 0px;right: 0px;cursor: pointer;}
.main h2 {font-size: 0.9rem;font-weight: normal;margin: 14px 0;}
.main li {padding: 0 10px;border-top: 1px solid #ECECEC;}
.main li.no {font-size: .8rem;line-height: 100px;color: #999;text-align: center;height: 100px;}
.main li.close {display: none;}
.main li:first-child {border-top: none;}
.main p {color: #666;height: 42px;}
.main span {font-size: 0.7rem;line-height: 42px;float: left;height: 42px;width: 48%;}
.main span.love {text-align: right;float: right;}
.more {font-size: 0.8rem;text-align: center;height: 60px;}
.more span,.more a {line-height: 39px;color: #666;background-color: #F9F9F9;border: 1px solid #E4E4E4;display: inline-block;height: 39px;padding: 0 30px;border-radius: 3px;}
.page {font-size: 0.8rem;text-align: center;height: 60px;margin: 0 10px;}
.page span {line-height: 41px;color: #333;background-color: #F9F9F9;vertical-align: top;display: inline-block;height: 41px;padding: 0 20px;border: 1px solid #E4E4E4;border-radius: 3px;text-shadow: 0 1px 0 #FFF;overflow: hidden;}
.page em,.page a,.page i {line-height: 43px;color: #333;background-color: #F9F9F9;vertical-align: top;display: inline-block;text-align: center;height: 43px;width: 43px;border: 1px solid #E4E4E4;border-right: none;text-shadow: 0 1px 0 #FFF;overflow: hidden;}
.page a.home {width: 50px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.page a.one {border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.page a.end {width: 50px;}
.page a.end-right {width: 50px;border: 1px solid #E4E4E4;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.page em {color: #BBB;width: 50px;}
.page em.home {border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.page em.end-right {border: 1px solid #E4E4E4;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.page i {width: 50px;border: 1px solid #E4E4E4;border-top-right-radius: 3px;border-bottom-right-radius: 3px;cursor: pointer;}
.page a.now,.page i.on {color: #666;background-color: #EEE;}
.page a:hover {color: #34495E;background-color: #EEE;}
.pagemore {font-size: 12px;background-color: #FFF;display: none;height: 236px;width: 214px;position: fixed;z-index: 200;top: 0;left: 0;border-radius: 5px;box-shadow: 0 0 5px rgba(0,0,0,0.4);}
.pagemore p {height: 36px;width: 214px;}
.pagemore i {line-height: 36px;background-color: #F5F5F5;text-align: center;display: inline-block;height: 36px;width: 214px;border-radius: 5px 5px 0 0;}
.pagemore p.pagelist {height: 164px;width: 204px;}
.pagemore span {line-height: 36px;background-color: #EEE;text-align: center;display: inline-block;height: 36px;width: 36px;margin: 14px 0 0 14px;border-radius: 5px;}
.pagemore span.on {background-color: #34495E;}
.pagemore span.on a {color: #FFF;}
.pagemore i.close {border-radius: 0 0 5px 5px;}
.tag {margin: 12px 10px 6px 10px;}
.tag a {font-size: 0.8rem;background-color: #F5F5F5;display: inline-block;margin-bottom: 12px;margin-left: 10px;padding: 4px 10px;border: 1px solid #ECECEC;text-shadow: 0 1px 0 #FFF;border-radius: 2px;}
#gotop {background: url("https://m.tuiimg.com/images/goheader.png") no-repeat left top;display: none;height: 50px;width: 50px;position: fixed;right: 5px;bottom: 70px;cursor: pointer;}
.footer {font-size: 0.7rem;line-height: 44px;color: #666;background-color: #F6F6F6;text-align: center;height: 44px;border-top: 1px solid #EEE;}