@charset "utf-8";
body {font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #333; background-color: #f5f5f5; font-size: 15px;}
main {min-width:1200px; margin:0 auto;padding:20px 0;overflow: hidden; display: block;}
ul, li { list-style: none; }
img.nightlogoimg { display: none; }
.width{max-width:1200px;min-width:1200px;margin:0 auto;}
.box{padding:15px 20px;box-shadow: 0 -2px 7px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.06);background:#fff;position:relative;}
.pinglun{padding:10px 20px 0;box-shadow: 0 -2px 7px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.06);background:#fff;position:relative;}
.bg-color{background:#fff;min-width:1200px;border-bottom:.8px solid #e1e6f0;box-shadow:0px 4px 16px 0px rgba(0,60,179,0.1);}
.header{padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;height:80px;}
.header .header-left{display:flex;flex-wrap:wrap;align-items:center;}
.header .header-right{width:240px;float: right}
.header .logo{margin-right:20px;max-width:300px;}
.header .logo img{max-height:50px;}
/*扫光开始*/
.header .logo {position:relative;float:left;margin-right:10px;padding:5px 0;overflow: hidden;}
.header .logo:before {
        content: "";
        position: absolute;
        width: 1000px;
        height: 50px; /**光标的宽度，可根据实际调整**/
        background-image: linear-gradient(to bottom,transparent,rgba(255,255,255,.3),transparent);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-animation: searchLights 1s ease-in 1s infinite;
        -o-animation: searchLights 1s ease-in 1s infinite;
        animation: searchLights 2s ease-in 1s infinite; /**第一个数字参数控制扫光速度，数字越大越慢**/
    }
    @keyframes searchLights {
        0% {
            left: -200px;
            top: -300px;
        }
        100% {
            left: -160px;
            top: 800px;
        }
    }
/*扫光结束*/
.header .ui-nav{font-size:16px;}
.header .ui-nav ul li a{padding:20px;}
.header .ui-nav ul li a:hover,.header .ui-nav ul li.active a{color:#5EDFFF;}
.header .ui-nav ul li i { display: block; width: 24px; height: 16px; background: url("hot.png")/*tpa=https://www.ther.cn/theme/default/images/hot.png*/ no-repeat; background-size: 100% 100%; display: inline-block; position: absolute; margin-left: 4px; top: 15px; }
.header .ui-nav ul li ul{padding:5px;border-radius:10px;min-width:200px;}
.header .ui-nav ul li ul:before{position:absolute;top:0;left:35px;content:"";display:block;width:14px;height:14px;border:0;background:#fff;transform:translateX(-50%) translateY(-50%) rotate(-140deg);z-index:-1;}
.header .ui-nav ul li ul li a,.header .ui-nav ul li.active ul li a{color:#333;padding:12px 15px;}
.header .ui-nav ul li ul li a:hover{color:#fff;background:#2E95FF;}
.header .search{}
.header .search input[type=text]{background:#534FEE;border-radius:38px;border:0;color:#fff;padding:0 25px;line-height:45px;height:45px;width:240px;overflow:hidden;vertical-align:middle;}
.header .search input[type=text]::-webkit-input-placeholder{color:#fff;}
.header .search button[type=submit]{background:#5EDFFF;color:#fff;border:0;border-radius:38px;margin-left:-42px;width:38px;height:38px;overflow:hidden;vertical-align:middle;}
.ui-am-scale-up{z-index:999;}
.bg-white{background:#fff;}
.bg-white .header .ui-nav ul li ul{border:1px solid #f3f3f3;}
.bg-white .header .ui-nav ul li a:hover,.bg-white .header .ui-nav ul li.active a{color:#2E95FF;}
.bg-white .header .ui-nav ul li ul:before{border:1px solid #f3f3f3;border-left:0;border-top:0;}
.bg-white .header .ui-nav ul li ul li a,.bg-white .header .ui-nav ul li.active ul li a{color:#333;padding:12px 15px;}
.bg-white .header .ui-nav ul li ul li a:hover{color:#333;background:#fafafa;}
.bg-white .header .search input[type=text]{background:#fff;border:1px solid #ddd;color:#999;}
.bg-white .header .search input[type=text]::-webkit-input-placeholder{color:#999;}
.bg-white .header .search button[type=submit]{background:#2E95FF;color:#fff;}
.banner-wrap{margin:20px auto 0;}
.banner{width:100%;z-index:10;overflow:hidden;}
.banner .ui-carousel{ width: 580px;height:298px;background:#fff; float:left;overflow: hidden;/*position: relative*/ }
.banner .ui-carousel-item a{ }
.banner .ui-carousel-item a img{ }
.banner .ui-carousel-page{bottom:25px;}
.banner .ui-carousel-page li{height:10px;width:10px;border-radius:10px;transition:all 1s}
.banner .ui-carousel-page li.active{width:40px;}
.ui-carousel-prev,.ui-carousel-next{width:140px;}
.ui-carousel-prev-icon,.ui-carousel-next-icon{background:rgba(0,0,0,.1);width:60px;height:60px;padding:20px;border-radius:50%;font-size:24px;position:relative;}
.ui-carousel-next-icon:after{display:block;position:absolute;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");width:20px;height:20px;top:20px;left:20px;}
.ui-carousel-prev-icon:after{display:block;position:absolute;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");width:20px;height:20px;top:20px;left:20px;}
.nicebox{overflow:hidden;flex-wrap:nowrap;}
.nicebox .ui-card{border:0;}
.nicebox .ui-card-image{height:220px;overflow:hidden;}
.nicebox .ui-card-image img{height:100%;transition:all .5s;}
.nicebox .ui-card-image:hover img{transform:scale(1.4);}
.nicebox .ui-card-title{height:50px;overflow:hidden;}
.nicebox .ui-card-footer{border:0;}
.nicebox .ui-card-text{height:50px;overflow:hidden;}

.boxlist{overflow:hidden;}
.boxlist .ui-col-4{flex:0 0 278px;max-width:278px;margin:0 20px 20px 0;}
.boxlist .ui-col-4:nth-child(3n){margin-right:0;}
.boxlist .ui-col-5{flex:0 0 278px;max-width:278px;margin:0 20px 10px 0;}
.boxlist .ui-col-5:nth-child(3n){margin-right:0;}
.boxlist .ui-card{border:1px solid #eaeaea;}
.boxlist .ui-card-image{height:167px;overflow:hidden;margin:10px 10px 0 10px;}
.boxlist .ui-card-image img{width: 100%; min-height: 100%; border-radius:4px;transition:all .5s;border:0;padding:0;}
.boxlist .ui-card-image:hover img{transform:scale(1.4);}
.boxlist .ui-card-title{height:60px;line-height:30px;overflow:hidden;}
.boxlist .ui-card-titlee{height:23px;overflow:hidden;}
.boxlist .ui-card-body{border-radius:0 0 3px 3px;}
.boxlist .ui-card-footer{border:0;}
.boxlist .ui-card-text{height:60px;line-height:30px;overflow:hidden;}
.ui-mt-5{margin-top:5px !important}

.container{}
.container .container-left{width:850px;float: left}
.container .container-right{width:330px;float: right}
.ui-menu{background:url("h_title.gif")/*tpa=https://www.ther.cn/theme/default/images/h_title.gif*/ no-repeat top 8px right ;}
.ui-menu-color .ui-menu-name{color:#2E95FF;border-bottom-color:#2E95FF;font-weight:bold;font-size:16px;}
.ui-more_tags{background: #fff;}
.ui-more_link{background: #f5f5f5;}
.ui-banner-img{width:100%;overflow:hidden;}
.ui-banner-img img{width: 100%; min-height: 100%; transition:all .5s;border:0;padding:0;}
.ui-banner-img:hover img{transform:scale(1.2);}
.ui-list-img{width:170px;height:120px;overflow:hidden;border-radius:4px;}
.ui-list-img img{width: 100%; min-height: 100%; border-radius:4px;transition:all .5s;border:0;padding:0;}
.ui-list-img:hover img{transform:scale(1.2);}
.ui-media-img{width:100px;height:75px;overflow:hidden;border-radius:4px;}
.ui-media-img img{width: 100%; min-height: 100%; border-radius:4px;transition:all .5s;border:0;padding:0;}
.ui-media-img:hover img{transform:scale(1.2);}
.ui-media-text{height:54px;line-height:27px;overflow:hidden;}
.ui-media-textt{height:18px;overflow:hidden;color:#999;word-break:break-all;margin-top:5px;}
.ui-media-other{font-size:14px;}
.link{margin-top:5px;}
.link a{display:inline-block;line-height:40px;margin:0 20px 0 0;}
.link a:hover{border-color:#ccc;}
.link img{width:24px;height:24px;border-radius:50%;margin-right:5px;vertical-align:middle;}
/*.copyright{background:#fff;border-top:.8px solid #e1e6f0;box-shadow:0 0 10px 1px rgba(0,0,0,.1); min-width:1200px;padding:15px 0;line-height:35px;font-weight:400;}*/
.copyright{background:#22292d; min-width:1200px;padding:15px 0;line-height:35px;font-weight:400;}
.footnav{color:#fff;}
.footnav a{color:#fff;}
.footnav img{height:20px;margin-top:-3px;}

.ui-sidebar{position:fixed;right:30px;bottom:138px;z-index:998;}
.ui-sidebar ul{list-style:none;box-shadow:0px 0px 0px rgba(0,0,0,0.1);}
.ui-sidebar ul li{color:#333;margin-top:1px;position:relative;z-index:200;}
.ui-sidebar ul li a{color:#1890FF;display:block;width:50px;line-height:45px;text-align:center;background:#fff;border-radius:5px;}
.ui-sidebar ul li div{position:absolute;right:50px;top:2px;border:1px solid #d9d9d9;box-shadow:0px 0px 30px rgba(0,0,0,0.1);background:#fff;font-size:13px;color:#333;border-radius:4px;padding:0 10px;line-height:40px;opacity:0;min-width:90px;transition:all .5s ease;text-align:center;z-index:-1;white-space:nowrap;}
.ui-sidebar ul li div:after{content:" ";position:absolute;width:10px;height:10px;border-left:0;border-bottom:0;background:#fff;border:1px solid #d9d9d9;border-bottom:0;border-right:0;right:-6px;top:50%;transform:translateY(-50%) rotate(-225deg);}
.ui-sidebar ul li a:hover{color:#fff;background:#1890FF;}
.ui-sidebar ul li:hover div{opacity:1;right:60px;}
.ui-sidebar ul li.active a{color:#fff;display:block;width:50px;line-height:45px;text-align:center;background:#1890FF;border:1px solid #1890FF;}
.ui-sidebar ul li:first-child,.ui-sidebar ul li:first-child a{border-radius:5px;}
.ui-sidebar ul li:last-child,.ui-sidebar ul li:last-child a{border-radius:5px;}
.ui-backtop{display:none;}

.ui-text-color{color:#999 !important;}
.ui-flag{width:100px;height:100px;display:block;overflow:hidden;position:absolute;left:0;top:0;border-radius:14px 0 0 0;}
.ui-flag i{color:#fff;width:120px;height:120px;line-height:190px;text-align:center;position:absolute;font-style:normal;top:-60px;left:-60px;transform:rotate(-45deg);background:#37f;}
.ui-show-title{padding:15px 20px;}
.ui-show-title h1{font-size:28px;color:#1c1f21;line-height:40px;margin:8px 0;}
.ui-show-title div{font-size:14px;color:#999;margin:10px 0;}
.ui-show-image{margin:10px 0 0 0;}
.ui-show-image .ui-card-image{overflow:hidden;border-radius:8px;margin:10px;border:1px solid #f3f3f3;}
.ui-show-image .ui-card-image img{width: 100%; min-height: 100%; transition:all .5s;}
.ui-show-image .ui-card-image:hover img{transform:scale(1.1);}
.ui-show-body{padding:10px;line-height:40px;font-size:16px;word-break:break-all;}
.ui-show-body p { margin: 15px 0; font-size: 16px; line-height: 40px;}
.ui-show-body img{max-width:100%;margin: 5px 0;}
.ui-show-body pre{background:#F4F8FF;border:1px solid #e0eaff;border-radius:4px; position:relative;margin:10px 0;}
.content h2, .content h3, .content h4, .content h5, .content h6 { position: relative; padding-left: 14px; font-size: 16px; margin: 20px 0; }
.content h2:after, .content h3:after, .content h4:after, .content h5:after, .content h6:after { position: absolute; top: 0; bottom: 4px; left: 0; display: block; width: 4px; height: 100%; background: #16499d; content: ""; border-radius: 2px; }
.ui-show-tags{}
.ui-show-tags a{padding:0 20px;line-height:42px;}
.ui-show-share{text-align:right;color:#999;}
.ui-show-share a{display:inline-block;width:40px;line-height:35px;height:40px;border-radius:50%;border:1px solid #eaeaea;margin-left:10px;text-align:center;}
.ui-show-share a i{font-size:22px;}
.ui-show-share a:nth-child(1){color:#1890FF;}
.ui-show-share a:hover:nth-child(1){border-color:#1890FF;}
.ui-show-share a:nth-child(2){color:#ED4014;}
.ui-show-share a:hover:nth-child(2){border-color:#ED4014;}
.ui-show-share a:nth-child(3){color:#19BE6B;}
.ui-show-share a:hover:nth-child(3){border-color:#19BE6B;}
.ui-pre{width:60px;height:60px;display:block;overflow:hidden;position:absolute;left:0;top:0;border-radius:3px 0 0 0;border:1px solid #fff;border-right:0;border-bottom:0;}
.ui-pre i{color:#333;width:106px;height:106px;line-height:185px;text-align:center;position:absolute;font-style:normal;top:-60px;left:-60px;transform:rotate(-45deg);background:#ebebeb;font-size:13px;}
.ui-next{width:60px;height:60px;display:block;overflow:hidden;position:absolute;right:0;top:0;border-radius:0 3px 0 0;border:1px solid #fff;border-left:0;border-bottom:0;}
.ui-next i{color:#333;width:106px;height:106px;line-height:185px;text-align:center;position:absolute;font-style:normal;top:-60px;right:-60px;transform:rotate(45deg);background:#ebebeb;font-size:13px;}
.ui-collapse-menu-title{padding-left:2px;}
.ui-collapse-menu-title.active{background:#fff;}
.ui-collapse-menu-title.active a{color:#2E95FF;}
.ui-media-list-min .ui-media{padding-bottom:15px;margin-bottom:15px;}
.ui-media-header h2{font-size:18px;max-height:56px;line-height:28px;margin-top:-5px;margin-bottom:0;}
.ui-media-header a {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ui-media-header a:hover{color:#3377FF;}
.ui-media-header a img{margin-top:-2px;margin-left:5px;vertical-align:middle;}
.ui-media-headerr{max-height:56px;line-height:28px;margin-top:-5px;}
.ui-media-headerr a:hover{color:#3377FF;}
.ui-media-body{}
.ui-card-book{border:1px solid #DFEDFF;}
.ui-card-book .ui-card-header{padding:10px;line-height:30px;background:#F8FBFF;border-bottom:1px solid #DFEDFF;}
.ui-card-book .ui-card-header .ui-card-header-title{border:0;padding:0;}
.ui-card-book .ui-card-body{padding:10px;line-height:40px;word-break:break-all;}
.ui-card-book .ui-card-footer{border-top:0;padding:0 10px 20px 10px;}
.ui-card-img{border-radius:10px;border:1px solid #e5e5e5;background:#fff;margin:15px;}

/*代码高亮*/
code pre{margin:0;padding:0;border:0;background:none;}
pre table{width:100%;background:#F4F8FF;border:1px solid #e0eaff;border-radius:4px;}
pre div{min-height:22px;_height:22px;}
pre .code-wrap{border:2px solid #eee;overflow-x:auto;color:#333;font-family: Consolas,"Liberation Mono",Courier, monospace;_font-family:monospace;font-size:14px;line-height:22px;vertical-align:bottom;}
pre .line-nums {width:1%;text-align:right;vertical-align:top;padding:5px 0;color:#bbb;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
pre .line-nums span{display:block;padding:0 8px;cursor:default;}
pre .line-code {border-left:1px solid #e5e5e5;padding:5px 0;vertical-align:top;}
pre .line-code div{padding-left:10px;white-space:pre;}
.lang-javascript .comment{color:#39b54a;}
.lang-javascript .string{color:#808080;}
.lang-javascript .number{color:#d14;}
.lang-javascript .keywords{color:#00f;font-weight:700;}
.lang-javascript .regex{color:#8000ff;}
.lang-javascript .global{color:#0086b3;}
.lang-javascript .brackets{color:#000080;}
.lang-html .comment{color:#998;font-style:italic;}
.lang-html .doctype{color:#008080;}
.lang-html .tag{color:#881200;}
.lang-html .attribute{color:#39b54a;}
.lang-html .data{color:#d14;}
.lang-html .string{color:#888;}
.lang-css .comment{color:#39b54a;}
.lang-css .properties{color:#008080;}
.lang-css .selectors{color:#800000;}
.lang-css .units{color:#f00;}
.lang-css .urls{color:#f0f;}
.lang-css .colors{color:#808000;}
.lang-css .important{color:#00f;}

/*广告*/
.ad{width:100%;height:auto;overflow:hidden;box-shadow: 0 -2px 7px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.06);}
.ad img{width: 100%; min-height: 100%;transition:all .5s;border:0;padding:0;}
.ad :hover img{transform:scale(1.2);}

/*首页左侧推荐*/
.tuijian {margin:0 -10px; height: 197px;overflow:hidden;}
.show_tuijian {margin:0 -10px -10px;height: auto;overflow:hidden;}
.wz_tuijian { padding:0 10px;float: left; width: 50%; position: relative }

/*首页最新发布多图部分*/
.newslist { margin: 10px 0;}
.pc_list { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between;height: 130px;margin-bottom: 10px;}
.pc_list em { display: block; float: left; width: 23%; height: 130px; overflow: hidden;  border-radius: 4px; }
.pc_list em img { width: 100%; min-height: 100%; }
.pc_list em img { transition: .5s; width: 100%; min-height: 100%; }
.pc_list em img:hover { transform: scale(1.2) }

/*图片列表页部分*/
.temp-list{margin:0 0 0 -28px;min-height:300px;}
.temp-list-wrap{display:flex;flex-wrap:wrap;padding:5px 0;}
.temp-list-item{width:25%;padding:0 0 0 28px;margin-bottom:28px;position:relative;}
.temp-list-item .ui-ring{right:12px;}
.temp-list-item .ui-ring.left{left:22px;}
.temp-list-box{background:#fff;border-radius:4px;border:0.8px solid transparent;box-shadow: 0 -2px 7px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.06);}
.temp-list-box:hover{box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);border-color:#e1e6f0;}
.temp-list-box .item-image{position:relative;overflow:hidden;padding-bottom:56.2%;background:#F8FBFF;border-radius:4px 4px 0 0;}
.temp-list-box .item-image img{width:100%;min-height:100%;height:auto;position:absolute;z-index:1;/*object-fit:cover;*/border-radius:4px 4px 0 0;transition:all .5s;}
.temp-list-box .item-image:hover img{transform:scale(1.2);}
.temp-list-box .item-image svg{width:100%;height:100%;text-anchor:middle;border-radius:4px 4px 0 0;font-size:20px;position:absolute;}
.temp-list-box .item-text{padding:20px 10px;}
.temp-list-box .item-text a{font-size:16px;font-weight:bold;line-height:30px;height:35px;display:block;}
.temp-list-box .item-text p{color:#a1abc2;line-height:30px;height:60px;font-size:14px;overflow:hidden;}
.temp-list-box .item-footer{padding:0 10px 10px 10px;display:flex;justify-content:space-between;align-items:center;border-radius:0 0 8px 8px;min-height:30px;}
.temp-list-box .item-footer .user{vertical-align:middle;}
.temp-list-box .item-footer .user a{color:#b5b5b5;}
.temp-list-box .item-footer .user a:hover{color:#FF6000;}
.temp-list-box .item-footer .user img{width:24px;height:24px;border-radius:50%;margin-right:8px;vertical-align:middle;}
.temp-list-box .item-footer .info{text-align:right;}
.temp-list-box .item-footer .info em{border:1px solid #ED4014;color:#ed4014;padding:6px;font-size:14px;border-radius:4px;background:#fff;}
.temp-list-box .item-footer .price{color:#f30;font-size:16px;}
.temp-list-box .item-footer .price del{color:#999;font-size:12px;margin-left:5px;}
.temp-list-box .item-footer .price span{color:#999;font-size:15px;margin-left:5px;}

/*显示推荐特效的ui*/
.ui-btn.small{font-size:15px;padding:0 8px;line-height:30px;height:32px;}
.ui-piclist .ui-ring{top:-7px;}
.ui-ring{position:absolute;top:-5px;right:-5px;width:100px;height:100px;z-index:10;overflow:hidden;}
.ui-ring span{position:absolute;color:#fff;font-size:15px;line-height:40px;background:#FF6300;transform:rotate(45deg);text-align:center;right:-32px;width:130px;top:14px;}
.ui-ring span:before{content:"";position:absolute;top:100%;left:0;width:5px;height:5px;color:#fff;border:3px solid transparent;border-left-color:#d55b0e;border-top-color:#d55b0e;}
.ui-ring span:after{content:"";position:absolute;top:100%;right:0;width:5px;height:5px;color:#fff;border:3px solid transparent;border-right-color:#d55b0e;border-top-color:#d55b0e;}
.ui-ring span a{color:#fff;}
.ui-ring.blue span{background:#1F82FC;}
.ui-ring.blue span:before{border-left-color:#296BEF;border-top-color:#296BEF;}
.ui-ring.blue span:after{border-right-color:#296BEF;border-top-color:#296BEF;}
.ui-ring.green span{background:#46B12C;}
.ui-ring.green span:before{border-left-color:#0A904B;border-top-color:#0A904B;}
.ui-ring.green span:after{border-right-color:#0A904B;border-top-color:#0A904B;}
.ui-ring.gray span{background:#A5A5A5;}
.ui-ring.gray span:before{border-left-color:#797979;border-top-color:#797979;}
.ui-ring.gray span:after{border-right-color:#797979;border-top-color:#797979;}
.ui-ring.small span{width:100px;height:36px;right:-26px;left:auto;top:6px;line-height:34px;font-size:14px;}
.ui-ring.little span{width:80px;height:28px;right:-22px;left:auto;top:4px;line-height:28px;font-size:12px;}
.ui-ring.left{right:auto;left:-6px;}
.ui-ring.left span{transform:rotate(-45deg);right:auto;left:-32px;}
.ui-ring.left.small span{width:100px;height:30px;right:auto;left:-22px;top:12px;line-height:30px;font-size:14px;}
.ui-ring.left.little span{width:80px;height:28px;right:auto;left:-21px;top:4px;line-height:28px;font-size:12px;}

/*内容标题部分*/
.art-title h1{font-size:28px;line-height:40px;color:#1c1f21;padding:10px 10px 0;}
.art-info{color:#9199a1;line-height:24px;padding:20px 0;margin:0 10px;display:flex;align-items:center;justfily-content:space-between;border-bottom:1px solid #f3f3f3;}
.art-info-left{display:flex;align-items:center;}
.art-info-right{text-align:right;flex:1;overflow:hidden;}
.art-info .user{vertical-align:middle;}
.art-info .user img{width:48px;height:48px;border-radius:50%;margin-right:10px;vertical-align:middle;}
.art-info .info{}
.art-info .info a{color:#333;}
.art-info .info a:hover{color:#f30;}
.art-info .info span{display:block;font-size:14px;}

/*右侧带数字序号推荐*/
.artlist{list-style:none;}
.artlist li{line-height:40px;border-bottom:1px solid #f3f3f3;padding:5px 0;}
.artlist li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.artlist li a em{background:#999;color:#fff;height:26px;line-height:26px;width:26px;border-radius:50%;margin-right:10px;font-size:12px;display:inline-block;text-align:center;}
.artlist li:nth-child(1) a em{background:#ff7300;}
.artlist li:nth-child(2) a em{background:#ff7300;}
.artlist li:nth-child(3) a em{background:#ff7300;}

/*网页顶部top*/
.top { width: 100%;min-width:1200px; height: 40px; line-height: 40px; background: #1d273d; color: #fff; font-size: 13px; }
.welcome { float: left }
.welcome a { color: #eb690a; margin: 0 5px }
.night-btn { float: right; position: relative; }
.night-btn i {color: #fff; height: 40px; display: block; width: 15px; float: right; cursor: pointer }

/*内容页视频*/
#video{ width:98%;height:550px;margin:20px auto 0;}

/*首页幻灯片右侧图片*/
.headline { width: 250px; float: right; overflow: hidden;}
.headline ul { height: 298px; }
.headline ul li { width: 100%; overflow: hidden; height: 139px; background:#fff;position: relative; }
.headline ul li:first-child { margin-bottom: 20px; }
.headline ul li a { display: block; overflow: hidden; height: 100%; }
.headline ul li img { width: 100%; min-height: 100%; transition: all .6s; }
.headline ul li:hover img { transform: scale(1.1); }
.headline span:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(transparent), to(#000)); z-index: -1; }
.headline span { bottom: 0; left: 0; position: absolute; display: block; width: 100%; z-index: 0; }
.headline tit { color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,.5); line-height: 25px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; padding: 0 10px; z-index: 2; margin: 10px 0; }

/*--打赏--*/
.bdsharebuttonbox .fa { cursor:pointer; font-size: 22px; color: #f60;display:inline-block;width:40px;line-height:35px;height:40px;border-radius:50%;border:1px solid #eaeaea;margin:0 20px 0 10px;text-align:center;}
.bdsharebuttonbox .fa:hover { color: #f00 }

.hide_box { z-index: 999; background: #000; opacity: .6; -moz-opacity: .6; left: 0; top: 0; height: 100%; width: 100%; position: fixed; display: none }
.shang_box { width: 360px; background-color: #fff; border-radius: 6px; position: fixed; z-index: 1000; left: 50%; top: 50%; margin-left: -180px; margin-top: -220px; display: none }
.shang_box img { border: none; border-width: 0; border-radius: 6px 6px 0 0; width: auto; height: auto; margin: 0; box-shadow: none; max-width: 100%; }
.shang_box .shang_close img { border-radius: 0; }
.shang_close { display: inline-block; position: absolute; top: 3px; left: 89%;color:#FFF;  }
.shang_close i{ font-size:36px; }
.shang_logo { display: block; text-align: center; margin: 20px auto }
.shang_payimg { margin: 0 auto 0 auto; border-radius: 3px; border-radius: 10px }
.pay_explain { text-align: center; margin: 10px auto; font-size: 12px; color: #545454 }
.radiobox { width: 16px; height: 16px; background: url("radio2.jpg")/*tpa=https://www.ther.cn/theme/default/img/radio2.jpg*/; display: block; float: left; margin-top: 5px; margin-right: 14px }
.checked .radiobox { background: url("radio1.jpg")/*tpa=https://www.ther.cn/theme/default/img/radio1.jpg*/ }
.shang_payselect { text-align: center; margin: 0 auto; cursor: pointer; width:330px }
.shang_payselect img { display: inline !important }
.shang_payselect .pay_item { display: inline-block;  float: left; padding: 20px 0; margin:0 10px; }
.shang_payselect .wechat{ margin-right:0;}
.shang_info { clear: both }
.shang_info a, .shang_info p { color: #c3c3c3; text-align: center; font-size: 12px !important }

/*suiyan*/
.suiyan_list {margin: 10px auto 20px; overflow: hidden;}
.suiyan_list ul { overflow: hidden; }
.suiyan_list ul li { width: 25%; float: left; }
.suiyan_list ul li a { display: block; padding: 20px; margin: 30px auto; background: #fff; box-shadow: rgba(0,0,0,.1) 3px 5px 5px; width: 85%; height: 260px; transform: rotate(-10deg); position: relative; color: #333 }
.suiyan_list ul li:nth-child(even) a { -webkit-transform: rotate(10deg); top: 10px; background: rgb(255, 255, 205); ; }
.suiyan_list ul li:nth-child(3n) a { -webkit-transform: rotate(-5deg); top: -10px; background: rgb(254, 201, 227); }
.suiyan_list ul li:nth-child(5n) a { -webkit-transform: rotate(8deg); top: -10px; background: rgb(210, 251, 253); }
.suiyan_list ul li a:hover { transform: scale(1.1); transition: .2s; box-shadow: rgba(0,0,0,.5) 3px 5px 5px; }
.suiyan_time { color: #999; margin-bottom: 10px; }
.suiyan_text {height: 150px; line-height: 38px;word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4;}
.suiyan_name { position: absolute;  height: 35px; bottom: 5px; right: 60px; }
.suiyan_list span { position: absolute; width: 50px; height: 50px; bottom: 5px; right: 5px; }
.suiyan_1,.suiyan_6,.suiyan_11,.suiyan_16 { background: url("bq1.png")/*tpa=https://www.ther.cn/theme/default/images/bq1.png*/ no-repeat; background-size: 48px; }
.suiyan_2,.suiyan_7,.suiyan_12,.suiyan_17 { background: url("bq2.png")/*tpa=https://www.ther.cn/theme/default/images/bq2.png*/ no-repeat; background-size: 48px; }
.suiyan_3,.suiyan_8,.suiyan_13,.suiyan_18 { background: url("bq3.png")/*tpa=https://www.ther.cn/theme/default/images/bq3.png*/ no-repeat; background-size: 48px; }
.suiyan_4,.suiyan_9,.suiyan_14,.suiyan_19 { background: url("bq4.png")/*tpa=https://www.ther.cn/theme/default/images/bq4.png*/ no-repeat; background-size: 48px; }
.suiyan_5,.suiyan_10,.suiyan_15,.suiyan_20 { background: url("bq5.png")/*tpa=https://www.ther.cn/theme/default/images/bq5.png*/ no-repeat; background-size: 48px; }

/*上一篇/下一篇*/
.prenext{display:flex;flex-wrap:wrap;margin-top:20px;}
.prenext-item{width:50%;}
.prenext-item:nth-child(odd){padding-left:0;padding-right:10px;}
.prenext-item:nth-child(even){padding-left:10px;padding-right:0;}
.temp-box{box-shadow: 0 -2px 7px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.06);background:#fff;border-radius:0;padding:25px 30px;position:relative;}

/*黑暗模式*/
body.night {background-color: #000;}
body.night a{color:#fff;text-decoration:none;}
body.night .logo img { display: none; }
body.night .logo img.nightlogoimg { display: block; }
body.night .box{padding:15px 20px;box-shadow: 0 -2px 7px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.06);background:#222;position:relative;}
body.night .bg-white .ui-nav ul li a{color:#fff;}
body.night .bg-color{background:#222;min-width:1200px;border-bottom:.8px solid #e1e6f0;box-shadow:0px 4px 16px 0px rgba(0,60,179,0.1);}
body.night .ui-mb{color:#fff;background-color: #222;}
body.night .ui-btn{color:#fff;background-color: #222;}
body.night .ui-more_tags{background: #222;}
body.night .ui-more_link{background: #000;}
body.night .ui-btn-group-item{color:#fff;background-color: #222;}
body.night .art-title h1{font-size:28px;line-height:40px;color:#fff;padding:10px 10px 0;}
body.night .pinglun{padding:10px 20px 0;box-shadow: 0 -2px 7px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.06);background:#222;position:relative;}
body.night .temp-list-box{background:#222;border-radius:4px;border:0.8px solid transparent;box-shadow: 0 -2px 7px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.06);}
body.night .ui-tips-show{display:inline-block;background:#999;border:1px solid #d9d9d9;border-radius:4px;padding:10px 16px;box-shadow:1px 2px 10px rgba(0,0,0,0.1);max-width:600px;word-break:break-all;z-index:999;}
body.night .ui-icon-bulb {color: #eb690a;}
body.night .ui-card-book {color:#fff;}
body.night .ui-card-book .ui-card-header{padding:10px;line-height:30px;background:#222;border-bottom:1px solid #DFEDFF;}
body.night .ui-card-book .ui-card-body{background:#222;padding:10px;line-height:40px;word-break:break-all;}
body.night .ui-card-book .ui-card-footer{background:#222;color:#999;border-top:0;padding:0 10px 20px 10px;}
body.night .temp-box{box-shadow: 0 -2px 7px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.06);background:#222;border-radius:0;padding:25px 30px;position:relative;}
body.night .content{color:#fff;}

/*网站加载进度条*/
.pace {	-webkit-pointer-events:none;	pointer-events:none;	-webkit-user-select:none;	-moz-user-select:none;	user-select:none;}
.pace-inactive {display:none;/*此段代码进度条跑完后隐藏*/}
.pace .pace-progress {background:#ff0000;/*进度条颜色*/	position:fixed;	z-index:2000;	top:0;	left:0;/*进度条开始位置*/	height:3px;/*进度条高度（宽度）*/	-webkit-transition:width 0.1s;	-moz-transition:width 0.1s;	-o-transition:width 0.1s;	transition:width 0.1s;}