html, body {background: #f5f5f5;color: #333;font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-weight: normal;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {margin: 0;padding: 0;}
a {text-decoration: none;color: #000;-webkit-tap-highlight-color: transparent;}
img {width:100%;}
ul { list-style-type: none; } 
textarea {resize: none;outline: none;font-size:14px;}
.flex{display: -webkit-flex;/* Safari */display:flex;}
.flex-row{flex-direction:row;}
.flex-column{flex-direction:column;}
.justify-content-between{justify-content:space-between;}
.align-items-center{align-items:center;}
.none{display:none;}
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.fw600{font-weight:600;}
.fs13{font-size:13px;}
.tc{text-align:center;}
.mt5{margin-top:5px;}
.c999{color:#999;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
  
.slide-item {width: 100%;position: relative;margin: 0 auto;/* overflow: hidden; */}
    .slide-item-body ul li {width: 100%;float: left;display: block;border: none;height: inherit;padding-top: 0;border-radius: 0;color: #000;z-index: 88;}
    .slide-item-body ul li a {display: block;}
    .new-img img {width: 100%;height: auto;border: none;display: block;}
    .slide-item-box {padding: 0;}
    .slide-item-body {margin-left: 0;}
    .slide-item-body ul li {float: left; width: 100%;}
    .slide-item-body .tempWrap {overflow:hidden; position:relative; width:100%;}
    .slide-item-body ul {overflow: hidden; width: 100%; position: relative; padding: 0px; margin: 0px;}
    .next {position: absolute;top: 40%;z-index: 10;cursor: pointer;-moz-background-size: 60px;-webkit-background-size: 60px;background-size: 60px;background-position: center;background-repeat: no-repeat;right: auto;left: -158px;height: 60px;width: 60px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
    .next-bg {background-image: url("https://www.tristich.com/statics/images/btn-fl1.png");}
    .next:hover {background-image: url("https://www.tristich.com/statics/images/btn-fl2.png");}
    .prev {position: absolute;top: 40%;z-index: 10;cursor: pointer;-moz-background-size: 60px;-webkit-background-size: 60px;background-size: 60px;background-position: center;background-repeat: no-repeat;right: -158px;height: 60px;width: 60px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
    .prev-bg {background-image: url("https://www.tristich.com/statics/images/btn-fr1.png");}
    .prev-bg:hover {background-image: url("https://www.tristich.com/statics/images/btn-fr2.png");}
.share-pc .icon-share {cursor: pointer;position: relative;display: inline-block;position: relative;margin-left: 10px;}
    .share-pc span {width: 139px;display: none;position: absolute;left: -19px;top: -143px;font-size: 12px;font-style:normal;color: #fff;text-align: left;padding: 3px 5px;z-index: 2;}
    .share-pc .icon-share:hover span {display: block;}
    .share-pc span::before {display: inline-block;width: 0;height: 0;content: '';margin-left: 2px;vertical-align: middle;position: absolute;top: -5px;left: 20px;}

.wrap{margin:0 auto;text-align: center;flex-direction:column;background-color:#f3f3f3;min-height:100vh;}
#top{height:340px;background:#f3f3f3;position:fixed;z-index: 99;}
#top_min{height:140px;background:#f3f3f3;position:fixed;z-index: 99;}
.header{justify-content:space-between;align-items: center;margin:8px 0;font-size:14px;}
    .header a{margin:0 5px;}
    .header-right{margin-top:3px;}
    .header-right .s_btn{cursor:pointer;margin:0 5px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
    .header-right i{font-size: 15px;}
    .header .here{border:1px solid #999;border-radius:10px;padding:3px 8px;}
.prize{background-image: -webkit-linear-gradient(left, #147B96, #E6D205 25%, #ff0000 100%, #E6D205 75%, #147B96);-webkit-text-fill-color: transparent;-webkit-background-clip: text;-webkit-background-size: 200% 100%;-webkit-animation:  maskedAnimation 4s infinite linear;font-size: 14px;}
    @keyframes maskedAnimation {
    0% {background-position: 0 0;}
    100% {background-position: -100% 0;}
    }
.dropbtn {border: none;cursor: pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);height:16px;vertical-align: middle;}
    .dropdown {position: relative;display: inline-block;}
    .dropdown i{padding:0 12px 0 8px;}
    .dropdown-content {display: none;position: absolute;right: 0;border-radius: 15px;background-color: #f9f9f9;min-width: 100px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
    .dropdown-content a {color: black;padding: 10px;text-decoration: none;display: block;border-radius:15px;}
    .dropdown-content a:hover {background-color: #f1f1f1}

/* 在鼠标移上去后显示下拉菜单 */
.dropdown:hover .dropdown-content {
    display: block;
}
.search_box {position: fixed;left: 50%;top: 45%;z-index: 891;height: auto;display: none;cursor: pointer;width: 400px;background: #fafafa;z-index: 900;right: auto;transform: translate(-50%, -50%);margin: 0;padding: 30px;border-radius: 3px;}
    .search_pup {position: relative;}
    .search_pup form button {position: absolute;right: 0px;top: 0px;color: #fff;border: none;padding: 0;margin: 0;cursor: pointer;width: 50px;height: 35px;background: f400;outline: none;background-color: #4e6ef2;border-radius: 0 10px 10px 0;}
    .search_pup form button:hover {background-color: #4662D9;}
    .page_bg {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .7);z-index: 890;display: none;}
    .search_box .search_pup form input {width: 100%;border-radius: 3px;border: 1px solid #eaeaea;font-size: 14px;padding: 6px 60px 6px 10px;background: #fff;height: 35px;outline: 0}
    .search_pup span {color: #999;font-size: 12px;margin: 10px 0 3px;display: block;clear: both;}
    .sch_list {font-size: 0;display: block;margin: 3px -3px -3px -3px;}
    .sch_list li {display: inline-block;height: 24px;line-height: 24px;margin: 3px;}
    .sch_list li a {font-size: 14px;background: #eee;width: 100%;display: block;padding: 0 10px;border-radius: 3px;-webkit-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease}
    .sch_list li a:hover {background: #007AFF;color: #fff;}
    .sch_list li a:visited {color: #000;}
.logo {display:flex;align-items:center;justify-content:center;margin:20px 0 20px 0;}
    .logo img{width:33px;}
    .logo h1{height:33px;line-height:33px;margin-left:10px;font-size:20px;font-weight:600;color:#140420;}
.post{text-align:center;background-color:#f3f3f3;}
    .post input{outline: none;font-size:14px;}
    .post .my-input{padding:0 10px;}
    .post ::-webkit-input-placeholder{color:#bbb;}
    .post .form-control{text-align:center;margin:3px 0;height:33px;line-height:33px;background-color:#f3f3f3;width:100%;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #ddd;font-size:16px;}
    .post .input-sign{border-bottom:1px solid #ddd;font-size:13px;}
    .post .dash{float:left;width:57%;height:33px;line-height:33px;text-align:right;padding-right:5px;}
    .post .sign-input{width:42%;overflow:hidden;}
    .post .form-sign{width:100%;border:none;height:33px;background-color:#f3f3f3;line-height:33px;text-align:left;}
    .post .submit{width:100px;height:40px;margin:10px 0;border-radius: 20px;border: none;background-color: #db2911; font-weight:700;font-size:16px;color: #fff;}
.top-post,.content_list,.pt,.container,.special{padding-top:440px;}
.tristich{padding:10px 0;}
    .tristich p{padding:3px 0;}
    .tristich img{border-radius: 20px;}
    .tristich .info{justify-content:space-around;color:#666;background-color:#f0f0f0;margin:10px 0;padding:10px 0;font-size:13px;}
    .tristich .info a{color:#666;}
    .tristich .info span{margin-left:10px;}
    .stich .sign{padding:10px 0 5px 150px;font-size:14px;}
    .stich .sign span{font-style: italic;margin-left:10px;color:#666;}
.tag-list{flex-direction:column;}
    .tag-list .keyword ul{display:flex;justify-content:space-around;flex-wrap:wrap;}
    .tag-list .keyword li{border:1px solid #eee;border-radius:20px;margin:10px;padding:8px 16px;}
.search-pagination{margin:33px 0;font-size:14px;}
    .search-pagination ul{display:flex;justify-content:center;align-items:center;}
    .search-pagination li{margin:0 5px;}
    .search-pagination .active a{color:red;}
.title{background-color:#eee;margin:10px auto;padding:10px;border-radius:20px;width:33%;}
    .title h2{font-size:18px;}
.special{margin-top:10px;}
    .special img{border-radius:20px;}
    .special .content{padding:0 10px;margin-bottom:30px;}
    .special .tit{font-size:18px;font-weight:600;padding:5px 0;}
    .special .des{font-style:italic;color:#666;font-size:13px;}
.topic .top-banner{padding:0 10px;}
    .topic .top-banner img{border-radius:20px;}
.show,.tag-list,.poet,.special,.topic{padding-top:140px;}
    .show-ad{padding:20px 10px;}
    .show-ad img{border-radius:15px;}
.comment{overflow:hidden;clear:both;padding:10px;}
    .comment textarea,.comment-show textarea{width:100%;border-radius:10px;border:1px solid #ddd;padding:8px 10px;}
    .comment input,.comment-show input{border:none;border-radius:15px;padding:10px 15px;background-color:#007AFF;color:#fff;font-size:14px;}
    .comment-show{border-bottom:1px solid #e6e6e6;text-align:left;padding:26px 10px 10px 10px;}
    .comment-content{padding-top:5px;}
    .comment-content .reply{margin-bottom:5px;}
    .comment-content .content{border:1px solid #ddd;background-color:#f0f0f0;font-size:14px;padding:10px 0 10px 10px;}
    .comment-empty p{margin:10px 0;color:#999;}
.app{flex-direction:column;justify-content:center;margin-top:30%;}
    .app .qr-code img{width:200px;border-radius:20px;}
    .app .scan{margin:10px 0;}
    .app #win,.app #mac,.app #android,.app #ios{width:66%;margin:10px auto;border-radius:20px;padding:10px 20px;background-color:#007AFF;color:#fff;}
    .app #win i,.app #mac i,.app #android i,.app #ios i{font-size:20px;margin-right:15px;}
@media only screen and (max-width: 768px) {
    .w100{width:100%;}
    .hd{display:none;}
    .header{padding:5px 10px;}
    .tristich .linking{padding:0 10px;}
    .title{width:50%;}
    #top{width:100%;height:312px;}
    #top_min{width:100%;height:112px;}
    .top-post,.content_list,.pt,.tag-list,.container,.special{padding-top:390px;}
    .share-pc{display:none}
    
    .post .dash{width:62%;}
    .post .sign-input{width:37%;}
    .show,.tag-list,.poet,.special,.topic{padding-top:110px;}
    .comment .w90,.comment-show .w90{width:85%;}
    .comment .w10,.comment-show .w10{width:20%;}
    .comment textarea,.comment-show textarea{padding:5px;height:55px;}
    .comment input,.comment-show input{padding:15px;border-radius:10px;margin-top:-5px;}
    #win,#mac,.app .scan{display:none;}
    }
@media only screen and (min-width:768px) {
    .w100{width:760px;}
    .header{padding:10px;}
    .tristich .linking{padding:0 10px;}
    #top,#top_min{min-width:760px;}
    .share-mobile{display:none;}
    .app #android,.app #ios{display:none;}
    }