/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, fieldset, button, input, textarea, th, td { margin: 0; padding: 0;}
body { font: 12px/1.6 Helvetica, "Microsoft YaHei", Tahoma, Arial, "\5b8b\4f53", sans-serif; color: #333; background-color: #000; text-align: center;}
ul, ol, li { list-style: none;}
a { text-decoration: none; color: #666;}
a:hover { text-decoration: none; color: #333;}
fieldset, img { border: none;}
table { border-collapse: collapse; border-spacing: 0;}
h1, h2, h3 { font-size: 16px;}
em { font-style: normal;}
.clearFix { *zoom: 1;}
.clearFix:after { display: block; clear: both; height: 0; content: "\0020"}
textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],button,select { -webkit-appearance:none;}
textarea:focus,select:focus,input:focus { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only; outline:none;}


.home-new { position: absolute; top: 60px; left: 0;}
.home-new img { width: 120px;}
.home-logo { padding-top: 140px; margin-bottom: 80px;}
.home-logo img { width: 140px;}
.home-copyright img { width: 160px;}

.home-nav { padding: 10px 0 90px 0;}
.home-nav ul { max-width: 800px; margin: 0 auto;}
.home-nav ul li { float: left; width: 25%;}
.home-nav ul li a { cursor: pointer; width: 90%; margin: 0 auto; background: #1e1e1e; display: block; padding: 60px 0; font-size: 24px; color: #fff;}
.home-nav ul li a.new { background: #1e1e1e url("../images/icon-new.png") no-repeat right top; background-size: 30px auto;}
.home-nav ul li a.hot { background: #1e1e1e url("../images/icon-hot.png") no-repeat right top; background-size: 30px auto;}
.home-nav ul li a:hover { background: #e61615;}
.home-nav ul li a img { width: 50px;}


.main { max-width: 1000px; margin: 0 auto; background-color: #fff; padding-bottom: 20px;}

.t-box .banner img { width: 100%;}
.t-box .info { padding: 50px 0;}
.t-box .info img { width: 50%; margin: 0 auto;}
.t-box .info-text { padding-bottom: 10px;}
.t-box .info-text p { font-size: 16px; margin-bottom: 20px;}
.t-box .show img { width: 100%;}
.t-box .buy { margin-bottom: 50px;}
.t-box .buy p { font-size: 14px;}
.t-box .buy h2 { font-size: 20px; color: #e61615; font-weight: normal;}
.t-box .buy h2 span { font-size: 40px;}
.t-box .buy img { width: 160px; border: 1px solid #ddd; margin-bottom: 20px;}
.t-box .buy h3 { font-size: 15px; margin-bottom: 10px;}
.t-box .size { padding: 30px;}
.t-box .size img { width: 100%;}
.t-box .size h2 { font-size: 24px; margin-bottom: 30px;}
.t-box .size table { width: 100%; margin-bottom: 30px;}
.t-box .size table th { border: 1px solid #ddd; background-color: #f5f5f5; padding: 8px; font-size: 14px;}
.t-box .size table td { border: 1px solid #ddd; padding: 8px; font-size: 13px;}

.sticker-main { margin-top: 20px;}
.sticker-content { padding: 30px 0 10px 0;}
.sticker-content img { width: 80%; margin-bottom: 20px;}

.tea-main { margin-top: 20px;}
.tea-content { padding: 10px 0 0 0;}
.tea-content img { width: 100%;}
.tea-content2 img { width: 60%; padding: 50px 0;}
.tea-main .show { margin-bottom: 30px;}
.tea-text { text-align: left; width: 80%; margin: 0 auto 20px auto;}
.tea-text p { margin-bottom: 10px; color: #666; font-size: 12px;}
.tea-about { width: 80%; margin: 0 auto; padding-bottom: 30px;}
.tea-about img { max-width: 600px;}
.tea-about p { text-align: justify; padding: 10px 0; line-height: 2; font-size: 14px;}

.header { padding: 30px;}
.logo { float: left;}
.logo img { width: 100px;}
.nav { float: right; padding-top: 10px;}
.nav li { float: left; margin-right: 5px;}
.nav li a { font-size: 15px; color: #fff; display: block; padding: 5px 20px; border-radius: 2px; margin: 0 3px;}
.nav li a.cur { background-color: #e61615;}
.nav li a:hover { background-color: #e61615;}


.footer { color: #fff; padding: 30px 0;}
.footer img { width: 160px;}

.hackingtime-box { max-width: 780px; margin: 0 auto; padding-top: 50px;}
.hackingtime-box img { width: 100%;}

.txu-box { padding: 50px 0; width: 80%; margin: 0 auto;}
.txu-box img { width: 100%;}

.top-box { padding: 50px 0 20px 0;}
.top-box h2.title { font-size: 20px; margin-bottom: 10px;}
.top-box p { font-size: 14px;}

.tea-2022 { padding: 30px 0 10px 0;}
.tea-2022 img { width: 80%;}

@media screen and (max-width: 750px) {

    .home-logo { margin-bottom: 40px;}

    .home-new { top: 40px;}
    .home-new img { width: 100px;}
    .home-box { top: 52%;}
    .home-logo img { width: 140px;}
    .home-nav { padding: 10px 0 40px 0;}
    .home-nav ul { padding: 0 20px;}
    .home-nav ul li { width: 100%; margin-bottom: 1px;}
    .home-nav ul li a { width: 100%; padding: 16px 0; font-size: 18px;}
    .home-nav ul li a img { width: 40px;}




    .tea-about { padding-bottom: 30px;}
    .tea-content img { width: 100%;}
    .tea-content2 img { padding: 20px 0;}

    .header { padding: 50px 0 10px 0;}
    .logo { float: none; margin-bottom: 20px;}
    .nav { float: none; padding: 0 20px;}
    /* .nav li:first-child { display: none;} */
    .nav li { margin: 0; width: 20%;}
    .nav li a { padding: 3px 0;}
    .t-box .info { padding: 0 0 20px 0;}
    .t-box .info img { width: 80%;}
    .t-box .info-text { padding: 0 10%; margin-bottom: 20px;}
    .t-box .info-text p { font-size: 14px; margin-bottom: 10px;}
    .t-box .size h2 { font-size: 20px;}
    .t-box .size { padding: 0 20px;}
    .t-box .size img { margin-bottom: 20px;}
    .t-box .buy { padding: 0 10%;}
    .t-box .buy h3 { font-size: 15px;}
    .t-box .buy p { font-size: 14px;}
    .sticker-main .buy { padding: 0 20px;}
    .sticker-main .buy p { font-size: 13px;}
    .t-box .buy img { width: 120px;}
    .t-box .show { width: 100%; overflow-x: scroll; margin-bottom: 10px;}
    .t-box .show img { height: 340px; width: auto;}
    .tea-main .show { margin-bottom: 30px;}

    .hackingtime-box { padding-top: 30px;}

    .top-box { padding: 30px 0 0 0;}
    .top-box h2.title { margin-bottom: 0;}

}