/*!
    Theme Name: 微兔设计
    Theme URI: https://www.veimoz.com/
    Description: A better wordpress theme by www.veimoz.com
    Author: 微兔设计
    Author URI: https://www.veimoz.com/
*/
 body {font-family:'Microsoft Yahei',Helvetica,Arial,"Open Sans",Arial,'PingFang SC','Hiragino Sans GB','Source Han Sans CN',Roboto,sans-serif;font-size:14px;background:#f3f6fb;}
    a {color:inherit;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
    a:hover {color:#00A7EB;text-decoration:none !important;}
    ul,li,p,h1,h2,h3 {list-style-type:none;margin:0;padding:0;}
    h1,h2,h3,h4,h5,h6 {font-weight:400;line-height:1.4;color:#273746;margin:0;}
    div,h1,h2,h3,h4,h5,p,form,ul,label,input,textarea,img,span,dl,dt,dd {margin:0px;padding:0;outline:0;}
    img {border:0;max-width: 100%;}
    em, i {font-style: normal;}
    input,select,button,textarea{border:0; background:none; outline:none; vertical-align:middle;}
    .container {width: 970px;margin: auto;}
    .list-image:hover img,.item-img:hover img{border-radius:0;-webkit-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05)}
    /*header*/
    .hua-header {/* position: fixed; */top: 0;width: 100%;text-align: center;z-index: 998;-moz-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;transition: .3s;}
    .hua-header.slideUp {top: -63px;}
    .hua-navbar{position: relative;z-index: 999;height: 63px;box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);background: rgba(255, 255, 255, 0.97);}
    .hua-navbar .logo{padding:5px 0;display: block;float: left;}
    .hua-navbar .logo img{height: 50px;width: auto;}
    .hua-navbar .nav-list{margin-left: 1rem;display: block;list-style: none;float: left;}
    .hua-navbar .nav-list li{list-style: none;position: relative;display: inline-block;}
    .nav-list li.current a{color:#007bff;}
    .nav-list li em{position: absolute;height:63px;line-height: 63px;right: 2px;    cursor: pointer;}
    .nav-list li em i {font-size: 22px;}
    .nav-list > li > a{height: 63px;line-height: 63px;display: inline-block;font-weight: 600;padding:0 20px;font-size: 15px;}
    .nav-list .sub-nav{display: none;position:absolute;top:100%;left:0;background-color:#fff;font-size:14px;padding:9px 0;text-align: center;box-shadow:0 0 10px rgba(0,0,0,0.1);line-height:32px;min-width: 119px;width: 100%;}
    .nav-list .sub-nav a {display: inline-block;width: 100%;padding: 5px 0;color: #000;background-color: #fff;}
    .nav-list .sub-nav li{display: inline-block;width: 100%;}
    .nav-list li:hover .sub-nav{display: block;}
    .nav-list li:hover a,.nav-list li:hover i.down {color:#0e52ff}
    .nav-list li:hover .sub-nav a {color:#000}
    .nav-list li .sub-nav a:hover  {color:#0e52ff;}
    .nav-list li .down:before {display:inline-block;-webkit-transition:all .15s ease;-moz-transition:all .15s ease;-ms-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease;}
    .nav-list li:hover .down:before {transform:rotate(180deg);-webkit-transform:rotate(180deg);}
    .nav-right{float:right;font-size:15px;margin-top:0px}
    .nav-right li{position:relative;float:left}
    .nav-right a{display:inline-block;padding:0 15px;-webkit-transition:ease-in color .15s;transition:ease-in color .15s;position:relative}
    .nav-right > li > a{padding:25px 10px 23px}
    .nav-right .nav-search{padding: 13px 12px;}
    .nav-right .nav-search .iconfont{font-size:24px;}
    .nav-right .nav-search a{padding:6px 0;z-index:99;}
    
    .au-login{float:left;padding: 18px 5px;}
    .au-login li a{float:left;margin-left:10px;color: #fff;background-color: #fe4821;border-color:#fe4821;font-size: .8125rem;padding: .3125rem .875rem;border-radius: 5rem;}
    .au-login li a.login-button{background-color: #0783f5;border-color:#0783f5;}
    .search-box{position:fixed;left:0;right:0;top:-0;z-index:9998;padding:6.5px 0;background:#fff;transition:top 0.3s cubic-bezier(.4,0,.2,1);display: none;}
    .search-box.show{top:0;display: block;}
    .search-box .container{max-width:800px;position: relative;}
    .search-close{position: absolute; top: 8px;  color: #007bff;font-size: 30px;}
    .search-close .iconfont{font-size:24px;padding: 15px;}
    .search-input{text-align: center;float:left;font-size: 20px;font-weight: 700;border:none;width:100%;height:50px;padding:4px 12px;border-right:none;font-size:16px;border-radius:2px 0 0 2px;outline:none}
    .search-box-form a{margin-left:20px;color:#999}
    .search-box-form a:hover{color:#0d7ffa}
    .nav-right .nav-button{display:none}
    .menu-btn {display:none;padding:6px 0;float:right;margin-left:15px;}
    .menu-btn:before,.menu-btn:after,.menu-btn span {display:block;height:2px;background-color:#000;content:'';}
    .menu-btn:before {width:24px;}
    .menu-btn:after {width:18px;margin-left:6px;}
    .menu-btn span {width:12px;margin:6px 0 6px 12px;}
    /*footer*/
    .footer {width:100%;position:relative;clear:both;background-color:#06060b;margin-top:30px;padding:30px 0 30px 0;}
    .footer .footer-copyright {float:left;font-size:15px;line-height:1.6}
    .footer .footer-copyright a {color:#ddd}
    .footer .footer-copyright a:hover {color:#FFF;color:#ddd}
    .footer .footer-social {float:right;margin-top:0;position:relative}
    .footer .footer-social a {font-size:20px;margin-left:10px}
    .footer .footer-social a:first-child {margin-left:0}
    .footer .copyright-footer{font-size:13px;}
    .footer .copyright-footer p {color:#60606d}
    .footer .copyright-footer a {color:#929292}
    .links{background-color: #06060b;}
    .links-footer {font-size:10px;padding:10px 0 10px 0;border-top:1px solid rgba(255,255,255,.2);}
    .links-footer a,.links-footer span {color:#73777a;line-height:1.2;margin:0 5px 0 0;font-size:12px}
    .footer .nav-footer {margin-bottom:20px;    display: inline-block;}
    .footer .nav-footer li{float:left;}
    .footer .nav-footer a {color:#b2b2b8;margin-right:10px;font-size:14px}
    .footer .footer-box .nav-footer a:hover {color:#FFF}
    .footer .footer-box .nav-footer span {margin:0 10px}
    .footer .footer-social a:hover,.footer .copyright-footer a:hover{color: rgba(255,255,255,.7);}
    .footer .nav-footer a:hover  {color: #fff;}
    .social-footer a i {font-size:20px;color:#fff;}
    .social-footer {float:right}
    .social-footer a {position:relative;float:left;width:40px;height:40px;line-height:40px;background-color:#343a40;text-align:center;border-radius:20px;margin:0 5px;color:#FFF;font-size:16px}
    .social-footer a i {color:#c5c5c5;font-size:24px;}
    .social-footer a:hover i {color:#FFF}
    .social-footer a.wechat:hover {background-color:#2aae67}
    .social-footer a.qq:hover {background-color:#14b6f6}
    .social-footer a.wechat i {font-size:24px;}
    .cd-popup {position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(94,110,141,0.9);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s,visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s,visibility 0s 0.3s;transition:opacity 0.3s 0s,visibility 0s 0.3s;z-index:9;}
    .cd-popup.is-visible {opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s,visibility 0s 0s;-moz-transition:opacity 0.3s 0s,visibility 0s 0s;transition:opacity 0.3s 0s,visibility 0s 0s;}
    .cd-popup-container {position:relative;width:90%;max-width:380px;margin:20em auto;padding:40px 20px 25px;background:#FFF;border-radius:.25em .25em .4em .4em;text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.2);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);/* Force Hardware Acceleration in WebKit */  -webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
    .cd-popup-container p {padding-bottom:2em;font-size:18px;font-weight:bold;}
    .cd-popup-container .cd-buttons:after {content:"";display:table;clear:both;}
    .cd-popup-container .cd-buttons li {float:left;width:50%;}
    .cd-popup-container .cd-buttons a {display:block;height:60px;line-height:60px;text-transform:uppercase;color:#FFF;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;transition:background-color 0.2s;}
    .cd-popup-container .cd-buttons li:first-child a {background:#fc7169;border-radius:0 0 0 .25em;}
    .no-touch .cd-popup-container .cd-buttons li:first-child a:hover {background-color:#fc8982;}
    .cd-popup-container .cd-buttons li:last-child a {background:#b6bece;border-radius:0 0 .25em 0;}
    .no-touch .cd-popup-container .cd-buttons li:last-child a:hover {background-color:#c5ccd8;}
    .cd-popup-container .cd-popup-close {position:absolute;top:8px;right:8px;width:30px;height:30px;}
    .cd-popup-container .cd-popup-close::before,.cd-popup-container .cd-popup-close::after {content:'';position:absolute;top:12px;width:14px;height:3px;background-color:#8f9cb5;}
    .cd-popup-container .cd-popup-close::before {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px;}
    .cd-popup-container .cd-popup-close::after {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px;}
    .is-visible .cd-popup-container {-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
    .rewards-popover-item {display:inline-block;width:200px;margin:0 10px;}
    .rewards-popover-item h4 {margin:0 20px 18px;font-size:15px;}
    .rewards-popover-item img {width:200px;height:200px;background-color:#eee;border-radius:2px;padding:5px;}
    .rollbar {width:50px;height:50px;text-align:center;line-height:50px;border-radius:3px;cursor:pointer;opacity:.8;position:fixed;right:30px;bottom:30px;background:rgba(10,10,10,0.8);overflow:hidden;display:none;z-index:999;}
    .rollbar i {font-size:24px;color:#fff;}
    
    
    .top-wechat-bar {position:relative;z-index:99;width:100%;display:block;}
    .wechat-icon {width:20px;height:20px;margin-right:5px;}
    .top-wechat-bar-dialog {width:100vw;height:100vh;overflow:hidden;position:fixed;z-index:10001;top:0px;right:0px;left:0px;transition:opacity 0.3s ease-in 0s;display:none;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);}
    .dialog-content {width:20%;padding:20px;background-color:#ffffff;border-radius:10px;overflow:hidden;position:relative;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;}
    .copy-icon {width:44px;height:44px;}
    .copy-tips {color:#333;font-size:18px;font-weight:700;margin:.625rem 0;}
    .dialog-desc {font-size:15px;color:#333;}
    .i-see-btn {background-color:#1aad19;border-radius:.25rem;width:9rem;height:2.75rem;display:flex;align-items:center;justify-content:center;font-size:15px;color:#ffffff;cursor: pointer;}
    .dialog-img {display:inline-block;width:200px;margin:0 10px;margin:.625rem 0;}
    .dialog-img img {width:200px;height:200px;background-color:#eee;border-radius:2px;padding:5px;}
    
    
    
    
    
    
    /*crumb*/
    .hua-crumb {position:relative;margin-bottom:1rem;}
    .hua-crumb .crumb-inner {color:#333b55;font-size:12px;box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;line-height:30px;}
    .hua-crumb .crumb-inner i.icon-shijian{color: #666 !important;padding:0 5px;font-size: 12px;}
    .hua-crumb .crumb-inner i {color: #034eff !important;padding:0 5px;font-size: 14px;}
    .hua-crumb .crumb-inner i.icon-home {color: #333b55 !important;}
    .hua-crumb a,.hua-crumb span {font-size:12px;color:#333b55;}
    .hua-crumb a:hover,.hua-crumb span:hover {font-size:12px;color:#034eff;}
    /*pagination*/
    .pagination {display:block;margin:0;text-align: center;border-radius:0;padding:20px 0;clear: both;}
    .pagination a {display:inline-block;margin-right:8px;}
    .pagination a {background:#FFF;font-size:14px;color:#3b3b3b;font-weight:700;display:inline-block;padding:9px 18px;border-radius: 3px;    margin-bottom: 10px;}
    .pagination a:hover,.pagination a:focus,.pagination  > a.active {color:#fff;background:#2154CF;border-color:#2154CF;}
    /*btn*/
    .btn-all {    cursor: pointer; padding: 0 1.25rem;font-size: 14px;line-height:45px;font-weight: 600;border-width:2px;border-radius:4px;display:inline-block;position:relative;}
    .btn-all span {display:inline-block;position:relative;will-change:transform;}
    .btn-all i {margin-left: 5px;}
    .btn-all:hover i,.btn-all:focus i {opacity:1;}
    .btn-blue{color:#ffffff;background-color:#034eff;transition:0.2s ease-in;}
    .btn-blue:hover,.btn-blue.focus {background-color:#fdd76e;color:#505052;}
    .btn-wave{position:relative;text-decoration:none;overflow:hidden;border-width:0}
    .btn-wave:hover .wave{top:-120px}
    .btn-wave .wave{width:200px;height:200px;position:absolute;left:0;top:-80px;transition:0.4s}
    .btn-wave .wave::before,a .wave::after{width:200%;height:200%;content:'';position:absolute;top:0;left:50%;transform:translate(-50%,-75%)}
    .btn-wave .wave::before{border-radius:45%;background-color:rgba(236,236,236,0.2);animation:wave 5s linear infinite}
    .btn-wave .wave::after{border-radius:40%;background-color:#a8bbfa80;animation:wave 10s linear infinite}
    @keyframes wave{0%{transform:translate(-50%,-75%) rotate(0deg)}
    100%{transform:translate(-50%,-75%) rotate(360deg)}
    }
    
    /*none*/
    .content-none{text-align: center!important;padding: 5rem;min-height: 400px;}
    .content-none img{width: 4.25rem;height: 4.25rem;margin: 0 auto;}
    .content-none p{color: #6c757d!important;}
    .no-page {text-align:center;padding:100px 0;min-height:580px;}
    .no-page h1 {font-size:6rem;}
    .no-page p {font-size:16px;position:relative;}
    .no-page .back-home {margin-top:20px;font-size:14px;position:relative;}
    .no-page .back-home a {padding:5px 45px;font-weight:600;border-radius:900px;transition:.2s;}
    
    
    .sider-footer{ padding: 5px 10px;
        background: #fff;
        border-radius: 8px;
        box-sizing: border-box;
        box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 22%);
    }
    
    .sider-footer-user{ padding: 5px;
        background: #fff;
        border-radius: 8px;
        box-sizing: border-box;
        box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 22%);
        animation: hidebottom 0.6s;
    }
    
    .izan .agree-num{ font-size: 12px; text-align: center; margin-top: -8px}
    
    .izan:hover i,.izan:hover .agree-num,.zan_on i,.zan_on .agree-num{ color:red !important; }
    
    .sider-footer i { font-size: 20px;  color: #4f4c4c; font-style: normal; border-radius: 50%;}  
    
    .sider-footer button.text,.sider-footer .button.text{ background: none;  padding: 0;  font-weight: 400;  display: inline-block;  line-height: 1;  color: #000;  height: auto;  border: 0;   }
                 
    .footer-author{ margin-top: 10px; }
    
    .footer-author span { margin-bottom: 5px; display: block;  margin-top: 5px;}
    
    .sider-footer span { display: block;}
    
    .izan{ cursor: pointer; }
    
    .dot { margin: 2px 5px;  border-top: 1px solid #e8e8e8;}
    
    .sider-footer a { display: block; line-height: 1.5; }
    
    .sider-footer .weixin { line-height: 1.5; }
    
    .sider-footer i:hover { color: #000;}
        .huaconright1 {width:100%}
    .right-list1 {position:relative;padding:1.2rem;clear:both;overflow:hidden;margin-bottom:30px;border-radius: 5px;}
.right-list1 .w-newsitem{width:100%;position:relative}
.right-list1 .w-newsitem h3{font-size: 1.8rem;
    font-weight: 700;
    padding: 0 0 1rem;
    line-height: 3.2rem;}
.right-list1:hover .w-newsitem h3::after{left:0!important;margin-left:0!important;width:100%!important}
.list-grid1 li {margin:0;padding:15px 0;display:flex;width:100%;position:relative;overflow:hidden;}
.list-grid1 li .item-img {width:120px;flex-shrink:0;overflow:hidden;border-radius:6px;}
.list-grid1 li .item-img-inner {display:block;}
.list-grid1 li .item-img img {display:block;width:100%;height:80px;object-fit:cover;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
.list-grid1 li .item-content {position:relative;margin-left:10px;width:calc(100% - 110px);flex-shrink:1;}
.list-grid1 li .item-content .item-title {height:38px;margin-top:2px;margin-bottom:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:2;line-height:1.4;}
.list-grid1li .item-content .item-title a {color:#262626;font-size:14px;}
.list-grid1 li .item-content .item-title a:hover {color: #55f}
.list-grid1 li .item-content p i {font-size:14px;margin-right:4px;}
.list-grid1 li .item-content .item-date {position:absolute;bottom:5px;margin:0;font-size:12px;color:#828282;line-height:14px;}
.theiaStickySidebar1 {
    width: 33%;
    float: left;
}

.floating-ad-left {
    position: fixed;
    width: 150px;
    height: 200px;
    bottom: 30%;
    left: 0px;
    z-index: 1000;
}
.floating-ad-right {
    position: fixed;
    width: 150px;
    height: 200px;
    bottom: 30%;
    right: 0px;
    z-index: 1000;
}
.convert-list li {
       position: relative;
       display: inline-block;
       height: 3.2rem;
       width: 49%;
       line-height: 3.2rem;
       padding-left: 1.6rem;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap
}
#main {
    float: left;
    width: 657px;
}

#side {
    float: right;
    width: 300px;
    border-radius: 6px;
    padding: 0 12px 5px 20px;
    transform: translate3d(0,0,0);
    margin-bottom: 35px;
    position: relative;
    /* border: 1px solid #eaeff5; */
}

.col-sub {
    float: left;
    width: 70px;
    margin-right: 20px;
}

.col-sub li {
        border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    width: 70px;
    text-align: center;
    list-style-type: none;
    
}
.channel-tab .active, .channel-tab .active:hover {
    background-color: #66f;
    color: #fff;
}
.theiaStickySidebar {
    display: flex;
    flex-wrap: wrap;
}

    @media (max-width: 479px){
    .sider-footer {
        display: none !important;
    }
    }
    
    
    @media (max-width: 600px) {
      .theiaStickySidebar1 {
          width: 100%;
            float: left;
      }
      .convert-list li {
        position: relative;
    display: inline-block;
    height: 3.2rem;
    width: 100%;
    line-height: 3.2rem;
    padding-left: 1.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
    }
    #main {
        width: 100%;
        float: none;
    }
     #side {
        width: 100%;
        float: none
    }
    .floating-ad-right {
        display: none;
    }
    .floating-ad-left {
        display: none;
    }
    .tuijian_blog {
    width:100%;
}
    
    
    
    
    
    
    }