@charset "utf-8";

*{-webkit-tap-highlight-color:transparent; -webkit-appearance:none; padding:0; margin:0; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box;}

html{font-family:"Helvetica Neue", Helvetica, STHeiTi, sans-serif; -ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
body{color:#333; font-size:14px;}
ul, li, ol{margin:0; padding:0; list-style:none;}
a{color:#333; text-decoration:none;}
p{margin:0; padding:0;}
a:hover{cursor:pointer; color:#4998e7; text-decoration:none;}
input{-webkit-appearance:none; appearance:none;}

.ellipsis{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} /*文本溢出*/
.btn{background:#fff; border:0; color:#333;}
.btn:active, .btn.active{outline:0;}
.clearfix:before, .clearfix:after{display:table; content:" ";}
.clearfix:after{clear:both;}

.pull-right{float:right!important;}
.pull-left{float:left!important;}

button, input, optgroup, select, textarea{margin:0; font:inherit; color:inherit;}
button{overflow:visible;}
button, select{text-transform:none;}

::-webkit-scrollbar{background-color:transparent; width:2px; height:2px; border-radius:1px; z-index:999;}
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3); border-radius:1px; width:2px; height:2px;}
::-ms-scrollbar{background-color:transparent; width:2px; height:2px; border-radius:1px; z-index:999;}
::-ms-scrollbar-thumb{background-color:rgba(0,0,0,.3); border-radius:1px; width:2px; height:2px;}
::-moz-scrollbar{background-color:transparent; width:2px; height:2px; border-radius:1px; z-index:999;}
::-moz-scrollbar-thumb{background-color:rgba(0,0,0,.3); border-radius:1px; width:2px; height:2px;}
::-o-scrollbar{background-color:transparent; width:2px; height:2px; border-radius:1px; z-index:999;}
::-o-scrollbar-thumb{background-color:rgba(0,0,0,.3); border-radius:1px; width:2px; height:2px;}

.btn{display:inline-block; padding:6px 12px; margin-bottom:0; font-size:14px; font-weight:normal; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; border-radius:4px;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{outline:thin dotted; outline:5px auto; -webkit-focus-ring-color; outline-offset:-2px;}
.btn:hover, .btn:focus, .btn.focus{color:#333; text-decoration:none;}
.btn:active, .btn.active{background-image:none; outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125); box-shadow:inset 0 3px 5px rgba(0,0,0,.125);}

@keyframes rotating{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);}}
@-moz-keyframes rotating{from{-moz-transform:rotate(0deg);}to{-moz-transform:rotate(360deg);}}
@-ms-keyframes rotating{from{-ms-transform:rotate(0deg);}to{-ms-transform:rotate(360deg);}}
@-o-keyframes rotating{from{-o-transform:rotate(0deg);}to{-o-transform:rotate(360deg);}}

.rotating{-moz-animation:rotating 1s linear infinite; -o-animation:rotating 1s linear infinite; animation:rotating 1s linear infinite; -webkit-animation:rotating 1s linear infinite; -ms-animation:rotating 1s linear infinite;}

.dykf{position:fixed;bottom:90px;left:0;background:rgba(0,0,0,.4);color:#FFF;font-size:12px;z-index:998;text-align:center;padding:10px 6px 10px 8px;letter-spacing:1px;}.dykf span{display:block;border-top:1px solid #EEE;margin:10px 0 0;padding:10px 0 0;}.dykf span:first-child{border-top:0;margin:0;padding:0;}

.erweima_wrap{background:rgba(0,0,0,.8);width:100%;z-index:101;top:0px;bottom:0px;position:fixed;}.erweima{width:260px;background:#fff;position:absolute;top:50%;left:50%;margin-left:-130px;z-index:999;padding-bottom:20px;-webkit-transform:translateY(-50%);}.guanzhu_erweima{display:block;margin:0 auto;width:175px;height:175px;margin-top:10px;}.guanzhu_title{display:block;width:100%;color:#fff;font-size:16px;text-align:center;height:40px;line-height:40px;white-space:nowrap;}a.wedidit{display:block;height:30px;line-height:30px;font-size:16px;margin:0 0;text-align:center;color:#00acff;}.blue .guanzhu_title{background-color:#3592E2;}

.articles li.top a{font-size:15px; color:#e74950; width:84%; padding-left:20px; position:relative;}
.articles li.top a:before{-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-size:10px; line-height:17px; text-align:center; display:inline-block; color:#fff; background:#e74950; content:"顶"; width:16px; height:16px; margin-left:1px; margin-right:3px; left:0; top:9px; position:absolute;}
.articles li.top .addtime{width:15%;}
       .form-container {
            background-color: white;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            border-radius: 0.5rem;
            padding: 2rem;
            width: 100%;
            max-width: 32rem;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: none;
            z-index: 1000;
        }

        button {
            background-color: #e6eaed;
            color: white;
            font-weight: bold;
            padding: 0.5rem 1rem;
            border-radius: 0.25rem;
            border: none;
            cursor: pointer;
        }

        button:hover {
           
        }

        form label {
            display: contents;
            color: #4a5568;
            font-size: 0.875rem;
            font-weight: bold;
            margin-bottom: 0.5rem;
        }

       .input-field {
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
            appearance: none;
            border: 1px solid #e2e8f0;
            border-radius: 0.25rem;
            padding: 0.3rem 0.5rem;
            color: #4a5568;
            line-height: 1.25;
            transition: all 0.2s ease-in-out;
            width: 70%;
        }

       .input-field:focus {
            outline: none;
            box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
        }

       .submit-button {
            background-color: #3182ce;
            color: white;
            font-weight: bold;
            padding: 0.5rem 1rem;
            border-radius: 0.25rem;
            transition: background-color 0.2s ease-in-out;
        }

       .submit-button:hover {
            background-color: #2b6cb0;
        }

       .submit-button:focus {
            outline: none;
            box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
        }