@charset "utf-8";
body {font-size: 12px;color: #333;background-color: #FFF;margin: 0;padding: 0;}
img {border: none;}
i,em {font-style: normal;}
a {color: #333;text-decoration: none;}
a:hover {color: #66B1FF;text-decoration: underline;}
ul,li,dl,dt,dd,p,h1,h2 {margin: 0;padding: 0;list-style-type: none;}
input,form {margin: 0;padding: 0;outline: none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
@font-face {font-family: 'iconfont';src: url('https://www.tuiimg.com/css/iconfont/iconfont.eot');src: url('https://www.tuiimg.com/css/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),url('https://www.tuiimg.com/css/iconfont/iconfont.woff2') format('woff2'),url('https://www.tuiimg.com/css/iconfont/iconfont.woff') format('woff'),url('https://www.tuiimg.com/css/iconfont/iconfont.ttf') format('truetype'),url('https://www.tuiimg.com/css/iconfont/iconfont.svg#iconfont') format('svg');}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.header {height: 96px;width: 842px;margin: 0 auto;}
.logo {float: left;height: 60px;width: 194px;padding: 24px 0 0 12px;}
.logo img {height: 48px;width: 155px;}
.nav {float: left;height: 44px;width: 334px;}
.nav a,.nav h1,.nav i {font-size: 14px;line-height: 34px;text-align: center;display: inline-block;height: 34px;width: 80px;margin: 31px 1px 0 0;}
.nav a:hover,.nav h1 {color: #333;text-decoration: none;background-color: #EEE;border-radius: 50px;}
.nav h1 {font-size: 14px;font-weight: normal;width: 79px;padding-left: 1px;}
.search {float: left;height: 40px;width: 190px;}
.search span {float: left;height: 32px;width: 186px;margin-top: 31px;border: 1px solid #EEE;border-radius: 50px;}
.search input {display: inline;float: left;height: 30px;width: 132px;margin-left: 14px;border: 1px solid #FFF;}
.search i {font-size: 19px;color: #999;float: left;padding: 5px 0 0 9px;cursor: pointer;}
.login {float: left;height: 90px;width: 100px;padding-left: 10px;}
.login img {float: left;height: 34px;width: 34px;margin-top: 31px;margin-left: 10px;border-radius: 50px;}
.login a {display: inline-block;margin-top: 40px;margin-left: 14px;}
.login a:hover {color: #66B1FF;}
.new {height: 296px;width: 840px;margin: 0 auto;border: 1px solid #EEE;}
.new ul {float: right;height: 262px;width: 355px;padding-top: 18px;}
.new li {background: url("https://www.tuiimg.com/images/new.png") no-repeat left center;float: left;height: 26px;width: 317px;padding-left: 15px;}
.new li a {line-height: 26px;font-size: 14px;display: inline-block;}
.new li i {line-height: 26px;color: #999;float: right;height: 26px;}
.big {float: left;height: 248px;width: 437px;padding: 24px 0 0 24px;}
.big .pic {float: left;height: 248px;width: 374px;}
.big .more {float: right;height: 248px;width: 60px;overflow: hidden;}
.big i {line-height: 35px;color: #FFF;background-color: rgba(0,0,0,0.5);background: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0));float: left;height: 35px;width: 362px;margin-top: 213px;padding-left: 12px;}
.big span {background-color: #000;float: right;height: 44px;width: 56px;margin-top: 7px;cursor: pointer;}
.big span:first-child {margin-top: 0;}
.big span img {opacity: 0.6;}
.big span.on img {opacity: 1;}
.classify {height: 262px;width: 840px;margin: 0 auto;border: 1px solid #EEE;border-top: none;}
.classifyTop {border: 1px solid #EEE;}
.classify dt {float: left;height: 32px;width: 810px;padding: 24px 0 0 24px;}
.classify dd {display: inline;float: left;height: 30px;width: 256px;margin-left: 24px;}
.classify dd.pic {height: 88px;width: 112px;margin-bottom: 20px;}
.classify dd.pic a {float: left;height: 87px;width: 112px;overflow: hidden;}
.classify i {color: #999;float: right;margin-right: 24px;}
.classify img {height: 86px;width: 112px;transition: all 0.4s;}
.classify img:hover {transform: scale(1.1);}
.menu {height: 40px;width: 842px;margin: 0 auto;}
.menu i {line-height: 28px;color: #666;background-color: #EEE;display: inline-block;margin-left: 10px;height: 28px;padding: 0 13px 0 15px;border-radius: 40px;}
.menu a {line-height: 28px;display: inline-block;margin-left: 12px;height: 30px;}
.beauty {width: 840px;margin: 0 auto;border: 1px solid #EEE;}
.beauty ul {display: inline-block;width: 840px;padding-top: 25px;}
.beauty li {display: inline;float: left;height: 272px;width: 138px;padding-left: 25px;}
.beauty li a {float: left;width: 138px;}
.beauty li a.pic {height: 207px;margin-bottom: 6px;overflow: hidden;}
.beauty li a.title {line-height: 24px;}
.beauty li img {height: 207px;width: 138px;transition: all 0.4s;}
.beauty li img:hover {transform: scale(1.1);}
.page {text-align: center;clear: both;height: 94px;width: 840px;}
.page a,.page em,.page i,.page span {line-height: 37px;text-align: center;display: inline-block;margin-top: 20px;border-radius: 2px;}
.page a {color: #333;background-color: #F8F8F8;height: 37px;width: 37px;margin-right: 8px;border: 1px solid #DDD;}
.page a:hover {color: #FFF;text-decoration: none;background-color: #FC857D;border-color: #FC857D;}
.page em {color: #FFF;background-color: #66B1FF;height: 37px;width: 37px;margin-right: 8px;border: 1px solid #66B1FF;}
.page i {background: url("https://www.tuiimg.com/images/pagemore.gif") no-repeat left center;vertical-align: top;height: 39px;width: 18px;}
.page span {color: #333;background-color: #F8F8F8;height: 37px;width: 120px;border: 1px solid #DDD;}
.page a.end,.page em.end {margin-right: 0;}
.tag {width: 840px;margin: 0 auto;padding-bottom: 20px;border: 1px solid #EEE;}
.tag span {display: inline-block;height: 46px;width: 838px;}
.tag span.clearfloat {clear: both;display: none;}
.tag h2 {font-size: 12px;line-height: 30px;font-weight: normal;color: #FFF;background-color: #66B1FF;text-align: center;display: inline-block;height: 30px;width: 80px;margin: 16px 0 0 16px;border-radius: 50px;}
.tag a {line-height: 30px;color: #333;display: inline-block;text-align: center;height: 30px;width: 85px;margin: 16px 0 0 16px;border: 1px dashed #DDD;border-radius: 50px;}
.tag a:hover{color: #666;text-decoration: none;background-color: #EEE;border: 1px solid #EEE;}
.footer {font-size: 12px;line-height: 26px;color: #666;text-align: center;height: 70px;margin-top: 20px;}
.footer a {color: #666;}
.footer a:hover {color: #66B1FF;text-decoration: underline;}