.tie-wrap{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;-webkit-box-sizing:border-box;color:#333;background:rgba(0,0,0,0.3)}.tie-wrap p{text-indent:0}.tie-wrap-inner{position:absolute;overflow-y:scroll;-webkit-overflow-scrolling:touch;background:#f8f8f8;height:100%}.tie-wrap-inner,.tie-wrap .top-line{width:100%;-webkit-transform:translate3d(-100%,0,0);-webkit-transition:-webkit-transform .4s ease-in-out}.tie-wrap.m-active .tie-wrap-inner,.tie-wrap.m-active .top-line{-webkit-transform:translate3d(0,0,0)}.tie-wrap .top-line{display:none}.tie-wrap .reply-wrap .textarea{padding-left:0;padding-right:0}.tie-wrap textarea{-webkit-box-sizing:border-box;-webkit-appearance:none;width:100%;border:1px solid #e4e4e4;outline:0;background:#fff}.tie-wrap .comment-publish:after{content:" ";display:table;clear:both}.tie-wrap span.username{font-size:90%;color:#888}.tie-wrap .icon-username:before,.tie-wrap .icon-password:before{font-size:34px}.tie-wrap .input-wrap{display:inline-block;border:1px solid #e4e4e4;font-size:0}.tie-wrap button{float:right;padding:1px 13px;border:1px solid #357ebd;text-align:center;border-radius:5px;font-size:14px;letter-spacing:1px;color:#fff;outline:0;-webkit-appearance:none;background-color:#428bca}.tie-wrap button:active{background-color:#3276b1;border-color:#285e8e;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.tie-wrap button span{pointer-events:none}.tie-wrap .paging li{display:inline-block}.tie-wrap .paging a{display:inline-block;padding:5px 10px;border:1px solid #ccc;color:#1e50a2;background:#fff}.tie-wrap .paging a:active{color:#fff;background:#1e50a2}.tie-wrap .paging a.disabled{color:#ccc}.tie-wrap .paging a.disabled:active{color:#ccc;background:#fff}.commentbox-wrap li:after{content:" ";display:table;clear:both;height:0}.commentbox-wrap li time{float:right;letter-spacing:1px;color:#767676}.commentbox-wrap li textarea{margin-top:10px}.commentbox-wrap li .comment-box{border:1px solid #dbdbdb;padding:4px;background:#fefdea}.commentbox-wrap li .comment-box.m-hide{display:none}.commentbox-wrap li .comment-index{float:right;margin-right:5px;color:#767676}.commentbox-wrap li i{font-style:normal;color:#1e50a2}.commentbox-wrap li i.disabled{color:#666}.commentbox-wrap li .comment-vote{margin-right:20px;color:#ba2636;pointer-events:none}.commentbox-wrap li .comment-unfold{line-height:34px;padding-left:10px;font-size:16px;color:#666}.commentbox-wrap li .comment-unfold:active{color:#ba2636}.commentbox-wrap li .textarea{position:relative}.commentbox-wrap li .textarea:before,.commentbox-wrap li .textarea:after{content:" ";position:absolute;border:solid transparent}.commentbox-wrap li .textarea:before{right:10px;top:-3px;border-color:rgba(194,225,245,0);border-bottom-color:#e4e4e4;border-width:7px;margin-left:-7px}.commentbox-wrap li .textarea:after{right:11px;top:-1px;border-color:rgba(136,183,213,0);border-bottom-color:#fff;border-width:6px;margin-left:-6px}.icon-username:before{content:"\e60c"}.icon-password:before{content:"\e60a"}.icon-avar:before{content:"\e60f"}@media only screen and (min-width:768px){.tie-main{border-top:1px solid #dededc;font-size:20px}.tie-main h4{margin-top:30px;margin-bottom:10px;font-size:26px}.tie-main .commentbox-wrap li{padding-top:10px;padding-bottom:35px;border-bottom:1px solid #f1f1f1;color:#333}.tie-main .icon-avar{margin-right:5px;font-size:22px;line-height:1;vertical-align:middle;color:#e6e6e6}.tie-main .comment-content{line-height:1.7}.tie-main .tie-btn-large{display:block;margin:40px auto 50px;width:310px;height:64px;border:1px solid #428bca;border-radius:35px;line-height:64px;text-align:center;color:#428bca}.tie-main .tie-btn-large:active{color:#fff;background-color:#428bca}.tie-wrap{padding-right:40px;font-size:20px}.tie-wrap .tie-title{margin-top:60px;font-size:34px;line-height:1.25;letter-spacing:1px}.tie-wrap .tie-title,.tie-wrap .textarea,.tie-wrap h4,.tie-wrap li{padding-left:50px}.tie-wrap .tie-publish-wrap{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e5e5}.tie-wrap textarea{height:48px;padding:10px;margin:20px 0 10px;font-size:16px}.tie-wrap textarea:focus{height:100px}.tie-wrap [class*=icon]{display:inline-block;padding:2px;font-size:14px;vertical-align:top;color:#AAA;background:#fff}.tie-wrap [type="email"],.tie-wrap [type="password"]{margin:0;padding:5px 0;font-size:16px;line-height:28px;border:0;outline:0}.tie-wrap .comment-publish{max-height:0;overflow:hidden;padding-left:48px}.tie-wrap .comment-publish.active{max-height:80px}.tie-wrap button{height:38px}.tie-wrap .logged,.tie-wrap .notlogin{margin-bottom:10px}.tie-wrap .logged{line-height:40px}.tie-wrap .notlogin button span:last-child{display:none}.tie-wrap .my-comment{margin-bottom:30px}.tie-wrap .my-comment li{margin-bottom:20px;padding-top:15px;padding-bottom:15px;line-height:30px;border-bottom:1px solid #e5e5e5}.tie-wrap .my-comment-time{letter-spacing:1px;color:#767676;font-size:18px}.tie-wrap h4{font-size:26px}.tie-wrap .paging{text-align:center;padding:30px 0 20px}.commentbox-wrap li{padding-top:15px;padding-bottom:10px;border-bottom:1px solid #e5e5e5}.commentbox-wrap li>.comment-content{margin-bottom:10px}.comment-content{margin:15px 10px 15px 5px;line-height:1.25;text-align:justify}.comment-author{font-size:18px;line-height:1.25;margin:15px 0 10px 0;color:#1e50a2}.comment-ip,.comment-addr{font-size:16px}.comment-oper{margin-right:10px;text-align:right;font-size:16px}.comment-oper i{padding:5px 0}}@media only screen and (max-width:767px){.tie-main .icon-avar{color:#e6e6e6}.tie-main .tie-btn-large{display:block;margin:20px 13px 30px;height:50px;border:1px solid #428bca;border-radius:35px;line-height:50px;text-align:center;color:#428bca}.tie-main .tie-btn-large:active{color:#fff;background-color:#428bca}.tie-wrap-inner{padding-top:20px;font-size:16px}.tie-wrap .tie-title{margin-top:37px;font-size:20px;line-height:1.25;letter-spacing:1px}.tie-wrap .tie-title,.tie-wrap .textarea,.tie-wrap h4,.tie-wrap li,.tie-wrap .comment-publish{padding-left:13px;padding-right:8px}.tie-wrap .top-line{display:block !important;position:fixed;z-index:10;top:0;left:0;padding:14px 0;border-bottom:1px solid #e4e4e4;width:100%;text-align:center;line-height:1;background:#fff}.tie-wrap .tie-back-wrap{position:absolute;top:0;left:0;width:40px;height:30px;padding-top:13px}.tie-wrap .tie-back{display:inline-block;border-top:2px solid #c4c4c4;border-left:2px solid #c4c4c4;width:10px;height:10px;pointer-events:none;-webkit-transform:rotate(-45deg)}.tie-wrap .tie-publish-wrap{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e5e5e5}.tie-wrap [class*=icon]{display:none !important}.tie-wrap textarea{font-size:12px;padding:5px;margin:10px 0 5px;height:65px;border-radius:0}.tie-wrap .notlogin{font-size:0;display:none}.tie-wrap .logged{line-height:30px}.tie-wrap .input-wrap:first-child{border-right:0 !important}.tie-wrap [type="email"],.tie-wrap [type="password"]{margin:0;border:0;outline:0;padding:2px 0 2px 6px;font-size:12px;height:26px;width:100px}.tie-wrap button{height:30px;border-radius:0 !important}.tie-wrap .notlogin button span:first-child{display:none}.tie-wrap .my-comment{margin-bottom:20px}.tie-wrap .my-comment li{margin-bottom:3px;padding-top:15px;padding-bottom:15px;line-height:18px;border-bottom:1px solid #e5e5e5}.tie-wrap .my-comment-time{letter-spacing:1px;color:#767676;font-size:12px}.tie-wrap h4{font-size:20px}.tie-wrap .comment-vote{margin-right:5px !important}.tie-wrap .reply-wrap{margin-top:-7px}.tie-wrap .paging{text-align:center;padding:20px 0 30px}.commentbox-wrap time{display:none !important}.commentbox-wrap li{padding-top:7px;padding-bottom:8px;border-bottom:1px solid #e5e5e5;letter-spacing:1px}.commentbox-wrap li>.comment-content{margin-bottom:0}.comment-content{margin:8px 5px 8px 3px;line-height:1.25;text-align:justify}.comment-author{font-size:14px;line-height:1.25;margin:7px 0 5px 3px;color:#1e50a2}.comment-ip,.comment-addr{font-size:14px}.comment-oper{text-align:right;font-size:14px}.comment-oper i{display:inline-block;padding:7px}}@media only screen and (min-width:768px) and (orientation:landscape){.tie-main{padding-right:181px}.tie-wrap-inner{width:810px}}@media only screen and (min-width:768px) and (orientation:portrait){.header,.article-text,.article-recommend,.tie-main{padding-left:53px;padding-right:53px;-webkit-transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out}.tie-wrap-inner{width:640px}}.newtitle{margin-top:13px}
