@import url("css.css");
*{scrollbar-width:thin}
body{line-height:1.6;letter-spacing:0.5px;font-size:14px;font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;color:#555;background:var(--bg)}
body,page{background-image:url(https://uolove.com/static/web/img/icon_bg.png)!important;background-repeat:no-repeat!important;background-size:cover!important;height:100%!important}
.site-nav{position:fixed;top:0;width:100%;height:auto;background-image:url(https://uolove.com/static/web/img/icon_bg.png);background-size:cover;background-color:#fff;z-index:999}
.site-nav .row{align-items:center}
.site-nav .goBack{font-size:2em!important}
a{color:var(--gray);text-decoration:none}
a:hover{color:var(--blue);text-decoration:none}
img,image{max-width:100%;border-radius:0.5rem}
p,span{margin-bottom:0}
ul,ol,li{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2;font-weight:600;color:var(--gray-dark)}
h1{font-size:36px}
h2{font-size:24px}
h3,h4{font-size:18px}
h5,h6{font-size:16px}
view{display:block}
button,button:after,fieldset,img,input,select,textarea{border:0;background:0 0;outline:0}
form.search{display:flex;width:100%}
input[type=file]{padding:0;height:auto;border:0}
input[type=radio],input[type=checkbox],input[type=radio]:focus,input[type=checkbox]:focus{width:14px;height:14px;outline:none;box-shadow:none;vertical-align:middle}
navigator{display:initial}
.safe{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.animation .remind{display:none}
.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:white;padding:20px;border:1px solid gray;z-index:1000}
.home{position:fixed;top:10px;left:10px;padding:0 5px;color:#fff;border-radius:5px 10px;background:rgba(0,0,0,.6);display:flex;align-items:center;z-index:13000}
.body-bg{background:#fff}
.content-head .user-img-md{position:relative}
.content-head .user-img-md .level{position:absolute;bottom:0;right:0;width:20px!important;height:20px!important}
.list-article .user-img-mx{position:relative}
.list-article .user-img-mx .level{position:absolute;bottom:0;right:0;width:20px!important;height:20px!important}
.list-article .user-box .avatar{position:relative}
.list-article .user-box .level{position:absolute;bottom:0;right:0;width:14px!important;height:14px!important}
.list-item .avatar{position:relative}
.list-item .level{position:absolute;bottom:0;right:0;width:14px!important;height:14px!important}
.message .pic{position:relative;height:40px}
.message .pic .level{position:absolute;bottom:0;right:0;width:14px!important;height:14px!important}
.select{width:100%}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vdimgck{width:100px;height:40px}
.qrcode{width:150px;height:150px}
#carouselDede .carousel-caption h2{color:#fff}
#carouselDede .carousel-caption h2,.item-article h2,.item-admin h2,.item-vote h2,.item-tag h2,.list-info-search h2{font-size:18px}
.item-article li{margin-bottom:10px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-article li:last-child{margin-bottom:0}
.item-admin{padding:75px 1rem}
.item-theme{margin-bottom:2rem}
.item-theme-box{padding:1.5rem}
.item-theme-box .text-left i,.item-theme-box .text-right span,.item-news .author,.item-news .author a,.item-news .date,.item-info a,.list-article-body i,.list-article-body span,.article-hot-box i,.article-hot-box span,.article-meta span{color:var(--gray-500)}
.item-theme .title a,.item-news .title a{color:var(--gray-dark)}
.item-theme-img img{width:100%;height:250px}
.item-theme p,.item-news p{color:var(--gray-500);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.item-news{margin-bottom:2rem;padding:1.5rem}
.item-theme:hover,.item-news:hover{box-shadow:0 14px 30px -16px rgba(0,36,100,0.25);transform:translateY(-5px);transition:all 0.5s}
.item-news .title{margin:20px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-news-img img{width:100%;height:200px}
.item-vote .table,.article-theme-body p:last-child,.article-hot:last-child{margin-bottom:0}
.flex{display:flex}
.list-article .list-user{width:calc(100% - 30%);overflow:hidden}
.list-article .list-user .user-img-xs .avatar{margin-left:5px}
.list-article .list-user .tag{height:16px}
.list-article .fa-mars{color:#3063f3}
.list-article .fa-venus{color:#ff6681}
.list-article .list-user p{margin-bottom:5px;font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.list-article .list-user p text+text:before{content:"|";padding:0 4px;color:#ccc;font-size:12px}
.container .category .mb-3 dl{float:left;white-space:nowrap;text-align:right;color:#999;padding-right:10px;margin-top:4px}
.container .category .mb-3 dd{overflow:hidden;display:block;zoom:1;margin-right:10px}
.container .category .option{display:flex;flex-wrap:wrap}
.container .category .option span{margin-right:8px;margin-top:8px;padding:2px 4px;border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:12px}
.container .category .option span.selected{background-color:#ff6681;color:white}
.list-article-img img{width:100%;height:260px}
.list-article-body h2{display:flex;align-items:center;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-article-body h2 a{color:var(--gray-dark)}
.article-theme-title h1{margin-bottom:1rem;font-size:24px}
.article-theme-img,.article-hot-img img{width:100%}
.article-theme-info .item{display:inline-block;width:100px}
.article-theme-info .price{font-size:18px;font-weight:600}
.article-theme-body h2,.article-right h2{margin-bottom:1rem;font-size:18px}
.article-hot{margin-bottom:1.5rem}
.article-hot-box{padding:1rem 1.5rem;background:#fff}
.article-hot-box h4{font-size:14px;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-main .title h1{font-size:24px}
.article-main .body h1,.article-main .body h2,.article-main .body h3,.article-main .body h4,.article-main .body h5,.article-main .body h6{margin:20px 0;padding:0 10px;font-size:18px !important;border-left:3px solid var(--success)}
.likes .comment-container{width:200px;padding:10px 20px;border:1px solid var(--bg);border-radius:30px;margin:0 6px;cursor:pointer}
.likes .comment-container:hover{background:#fffce0}
.likes .comment-top{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}
.likes .comment-top-text{margin-left:10px;color:var(--blue)}
.likes .comment-top-text-danger{margin-left:10px;color:var(--danger)}
.likes .text-like{color:var(--blue)}
.likes .text-unlike{color:var(--danger)}
.likes .comment-top p{margin-bottom:unset}
.prenext .pagination-previous,.pagination-next{padding:10px 20px;font-size:14px;color:var(--gray);border-radius:30px;border:1px solid var(--light);cursor:pointer}
.actbox{float:right;padding:10px}
.actbox ul{list-style:none}
.actbox ul li{float:left;margin-left:10px}
.banner-item li img{display:block;width:100%;height:auto;cursor:pointer;object-fit:cover;object-position:center;border-radius:8px}
.entry-list{display:flex;padding:8px 0}
.entry-list .entry-item{flex:0 0 25%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}
.entry-list .entry-item .icon{display:block;width:40px;height:40px;margin:0 auto 8px}
.container .none{font-size:12px;color:#ccc}
.container .no-data{font-size:12px;text-align:center;display:none}
.container .pc{display:block}
.container .phone{display:none}
.login-from{margin:5rem auto;width:500px;color:#555}
.login-from .form-control{padding-left:30px!important}
.login-from .username{background:url(https://uolove.com/static/web/img/账号.svg);background-repeat:no-repeat;background-size:14px 16px;background-position:10px 10px}
.login-from .password{background:url(https://uolove.com/static/web/img/密码.svg);background-repeat:no-repeat;background-size:14px 16px;background-position:10px 10px}
.login-from .mobile_phone{background:url(https://uolove.com/static/web/img/手机.svg);background-repeat:no-repeat;background-size:11px 16px;background-position:10px 10px}
.login-from .mobile_code{background:url(https://uolove.com/static/web/img/验证码.svg);background-repeat:no-repeat;background-size:14px 16px;background-position:10px 10px}
.login-box{padding:1.25rem;background:#fff}
.user-login,.user-actions{line-height:40px}
.user-actions{text-align:right}
.copyright{}
.flink,.flink a,.copyright,.copyright a{color:#ddd;font-size:12px}
.user-meter i{font-size:24px !important;color:#555}
.userspace .info{font-size:14px;font-weight:300;color:var(--gray)}
.logo img,.logo image{width:140px}
.pannel-main-container{padding:1rem;background:#fff}
.biz-mb{margin-bottom:-2rem}
.bannr-img{width:100%;height:340px}
.user-img-mx,.user-img-mx image,.user-img-mx img{width:120px;height:120px}
.user-img-md,.user-img-md image,.user-img-md img{width:60px;height:60px}
.user-img-sm,.user-img-sm image,.user-img-sm img{width:36px;height:36px}
.user-img-xs,.user-img-xs image,.user-img-xs img{width:30px;height:30px}
.navbar .navbar-nav .nav-item{display:flex;flex-direction:column;align-items:center;position:relative;font-size:14px;margin:0 10px}
.navbar .navbar-nav .nav-item .active{color:#ff6681;position:relative}
.navbar .navbar-nav .nav-item .active:after{content:"";display:block;width:20px;height:5px;background-image:url(https://uolove.com/static/web/img/icon_active.png);background-repeat:no-repeat;background-position:50%;background-size:cover;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.navbar .navbar-text .btn{font-size:12px!important}
.nav-link{padding:0 10px;height:36px;line-height:36px}
.navbar-collapse .nav-item{color:#fff}
.navbar-dark .navbar-nav .nav-link{color:var(--gray-300)}
.list-group-item.active a{color:#fff}
.list-group-flush>.list-group-item{cursor:pointer}
.input-group-append .btn-sm{line-height:1.8}
.table{color:var(--gray)}
.table td,.table th{padding:0.5rem;vertical-align:middle}
.form-control{display:inline-block;height:36px}
.form-control,.fa,.btn,.dropdown-menu{font-size:14px !important}
.btn+.btn{margin-left:10px}
.input-text{height:36px;line-height:36px}
.thumbnail-md{max-width:280px;max-height:168px}
.navbar-toggler,.dropdown-menu,.breadcrumb,.cke_chrome,.cke_inner,.pagination,.form-control,.btn,.alert,.rounded{border-radius:0.5rem !important}
.cke_top,.item-theme-img img,.list-article-img img,.article-hot-img img{border-radius:0.5rem 0.5rem 0 0 !important}
.cke_bottom,.list-article-radius{border-radius:0 0 0.5rem 0.5rem !important}
.rounded-circle{border-radius:50% !important}
.page-item:first-child .page-link{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}
.page-item:last-child .page-link{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}
#validateimg,.btn-send{border-radius:0 0.5rem 0.5rem 0 !important}
#returntop{display:none;position:fixed;padding:10px 15px;right:1rem;bottom:1rem;color:#fff;cursor:pointer;background:var(--orange);border-radius:0.5rem;border:0;z-index:9998}
#returntop:hover{background:var(--orange)}
.breadcrumb-item{margin-right:8px}
#popup{position:fixed;top:55%;left:50%;transform:translate(-50%,-50%);z-index:10000;max-width:800px}
#popup .category{padding:0 15px}
#closeButton{position:absolute;top:10px;right:30px;line-height:1;font-size:2em}
.navbar-expand-lg{padding:0}
.navbar-nav{flex-direction:row;margin-right:auto}
.meta{display:flex;align-items:center;overflow:hidden;white-space:nowrap}
.meta .author .avatar{width:40px;height:40px;border-radius:0.5rem}
.meta .info{display:flex;width:100%}
.meta .meta-user .name{font-size:18px}
.meta .meta-user .id{display:flex;align-items:center;font-size:12px}
.meta .meta-user span{font-size:12px;color:#8d5efc}
.meta .ml-auto{display:flex;flex-direction:column;justify-content:center;align-items:center}
.meta .ml-auto .fa{font-size:3em;border:solid 1px #fa7288;color:#fa7288;border-radius:100%;padding:5px}
.meta .ml-auto .text{font-size:10px}
.meta-info{display:flex;flex-wrap:wrap}
.meta-info>view{box-sizing:border-box;width:50%;padding:5px}
.meta-info>view.wide{width:100%}
.meta-title{display:flex;align-items:center;margin-bottom:10px;font-size:16px;font-weight:550}
.meta-title::before{content:'';display:inline-block;width:5px;height:15px;margin-right:10px;background:#FE6135;border-radius:3px}
.meta-title span{font-size:12px;font-weight:initial;margin-top:3px}
.idreal{position:relative}
.idreal .ml-auto{position:absolute;right:0;top:0}
.ziliao span{display:inline-block;word-break:keep-all;background:#f2f2f2;border-radius:5px;font-size:12px;padding:4px;margin:0 5px}
.nature span{display:inline-block;word-break:keep-all;border:solid 1px #fa7288;color:#fa7288;border-radius:10px;font-size:12px;padding:4px;margin:5px}
.uolove span{display:inline-block;word-break:keep-all;background:#f2f2f2;border-radius:5px;font-size:12px;padding:4px;margin:5px}
.lovemsg span{display:inline-block;word-break:keep-all;border:solid 1px #ddd;color:#555;border-radius:10px;font-size:12px;padding:4px;margin:5px}
.search{position:relative}
.search .btn-sm{position:absolute;right:0;top:0;line-height:1.8}
.line{text-align:center;width:100%;margin-bottom:10px;position:relative}
.line:after{display:block;content:'';height:1px;background:#eee;position:absolute;left:50px;right:50px;top:10px;z-index:1}
.line text{display:inline-block;background:#f8f8f8;vertical-align:top;position:relative;z-index:2;padding:0 10px;color:#999;font-size:12px}
.ias{display:flex;justify-content:center}
.page .body{padding:15px;padding-bottom:50px}
.page .white{background:#fff}
.page .notice{position:fixed;left:0;right:0;top:0;z-index:1;padding:5px 10px;font-size:12px;line-height:1.5;background:rgba(255,255,255,0.98)}
.page .notice div,.page .notice a{color:#f60}
.page .msg{margin-top:80px}
.page .message{display:flex;align-items:flex-start;margin-bottom:15px}
.page .message .avatar{width:40px;height:40px;border-radius:40px}
.page .message .content{min-height:40px;max-width:60vw;box-sizing:border-box;font-size:14px;line-height:1.3;padding:10px;border-radius:5px;background:#fff}
.page .message .content image,.page .message .content img{width:100px}
.page .message.self{justify-content:flex-end}
.page .message.self .content{position:relative}
.page .message.self .content::after{position:absolute;content:'';width:0;height:0;border:8px solid transparent;border-left:8px solid #fff;right:-14px;top:12px}
.page .message.friend .content{position:relative}
.page .message.friend .content::after{position:absolute;content:'';width:0;height:0;border:8px solid transparent;border-right:8px solid #fff;left:-14px;top:12px}
.page .uni-more{display:none}
.page .actionbar{position:fixed;left:0;right:0;bottom:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.page .actionbar .apps{font-size:12px}
.page .actionbar .apps text{background:#fff;padding:5px;margin:0 5px;border-radius:5px;margin-bottom:10px}
.page .actionbar .apps .fa{padding:2px}
.page .actionbar .apps .fa-wechat{color:#35d169}
.page .actionbar .apps .fa-address-card{color:#4a88f7}
.page .actionbar .apps .fa-mobile{color:#fe6135}
.page .actionbar .apps .fa-heart{color:#fa7288}
.page .actionbar .apps .fa-repeat{color:#946cfd}
.page .actionbar .tool{height:60px;left:0;bottom:0;background:#fff;display:flex;align-items:center;box-sizing:border-box;padding:10px 12px 10px 20px}
.page .actionbar .tool .input{background:#eee;border-radius:5px;height:35px;margin-right:15px;flex:1;padding:0 10px;box-sizing:border-box;font-size:14px;border:solid 1px #ddd}
.page .actionbar .tool .thumb{width:32px}
.page .total{text-align:center;font-size:12px;padding:5% 0}
.page .list-item{display:flex;padding:15px;border-bottom:solid 1px #f8f8f8}
.page .list-item .avatar{width:45px;height:45px;border-radius:5px;margin-right:10px;position:relative}
.page .list-item .avatar .round{position:absolute;width:7px;height:7px;border-radius:50%;background:#ef5656;top:-2px;right:-2px;z-index:1}
.page .list-item .avatar image,.page .list-item .avatar img{width:100%;height:100%;border-radius:50px}
.page .list-item .content{flex:1}
.page .list-item .content .title{display:flex;justify-content:space-between}
.page .list-item .content .title .name{font-weight:bold}
.page .list-item .content .title .time{color:#999;font-size:12px}
.page .list-item .content .txt{margin-top:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:left;color:#999;font-size:13px}
.page .list-item .gift{display:flex;align-items:center;color:#999}
.page .list-item .gift img,.list-item .gift image{width:30px;height:30px}
.page .page{position:relative !important;border:solid 1px #fff;padding:10px}
.page .scroll-top,.page .none{display:none !important}
.page .slot{height:530px;overflow:auto;margin-bottom:80px}
.page .actionbar .apps .msg{cursor:pointer}
.giftPopup{position:fixed;bottom:-100%;left:0;width:100%;max-width:400px;background-color:#fff;padding:20px;transition:bottom 0.3s ease;z-index:11000;box-shadow:0 -2px 10px rgba(0,0,0,0.2);border-top-left-radius:20px;border-top-right-radius:20px;left:50%;transform:translate(-50%,0%)}
.giftPopup.show{bottom:0}
.giftPopup .num{display:inline-block;height:14px;line-height:14px;background:url(https://uolove.com/static/web/img/icon_gold.png) no-repeat;background-size:14px auto;padding-left:19px;background-position:0;margin-left:8px}
.popup-header{display:flex;align-items:center;margin-bottom:20px}
.popup-header span{font-size:18px}
.coin-info{color:#ff5722}
.gift-container{display:flex;flex-wrap:wrap;overflow-y:auto;max-height:260px;margin-bottom:20px}
.gift-item{display:flex;flex-direction:column;align-items:center;width:25%;padding:10px;border:1px solid transparent;transition:all 0.3s ease}
.gift-item img{width:60px;height:60px}
.gift-item p{text-align:center;font-size:14px;margin-bottom:0}
.gift-item span{color:#999;font-size:12px}
.gift-item.selected{background-color:#ffebf2;border:1px solid #ff69b4}
.popup-footer{display:flex;justify-content:space-between;align-items:center}
.popup-footer span{font-size:16px;color:#ff5722}
.coin-operate{display:flex;align-items:center}
.coin-operate button{padding:5px 10px;font-size:20px;border:none;background-color:#fff;cursor:pointer}
.coin-operate input{width:50px;text-align:center;border:1px solid #ccc;padding:0px 5px}
.sendButton{padding:5px 15px;background-color:#ff5722;color:white;border:none;border-radius:5px;cursor:pointer}
.send-message{position:absolute;top:0;right:0;line-height:36px;background:rgba(251,251,251,0.5);z-index:10000;padding:0 5px;color:#555}
.van-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:999;display:none}
.van-overlay.show{display:block}
.ui-footer{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;max-width:600px;position:fixed;bottom:0;z-index:999;left:50%;transform:translate(-50%,-50%)}
.ui-footer .btn-div{display:block;border:none;width:100px;height:40px;background-repeat:no-repeat;background-size:contain;border-radius:20px;margin:0 8px}
.gift-box{display:flex;flex-wrap:nowrap;overflow-x:auto}
.gift-box .page-item{display:flex;flex-direction:column;margin-right:10px;max-width:60px;margin:3px;text-align:center}
.gift-box .page-item img{width:60px;height:60px}
.gift-box .page-item span{font-size:10px;color:#FE6135;white-space:nowrap}
.p-person{font-size:18px;line-height:40px}
.p-person .opera{width:100%;display:flex;align-items:center}
.p-person .opera button{flex:1;color:#888}
.p-person .opera button:first-of-type{border-right:1px solid hsla(0,0%,59.2%,.2)}
.p-person .btn-share{width:100%;font-weight:500;color:#ff6681;padding:5px;border-top:1px solid hsla(0,0%,59.2%,.2)}
.hn-box{display:flex;align-items:center}
.hn-box .avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:10px}
.hn-box .info{flex:1}
.hn-box .info .name{display:flex;align-items:center}
.official{display:inline-block;width:24px;height:14px;vertical-align:margin;background-repeat:no-repeat;background-size:24px auto;margin-left:5px;background-image:url(https://uolove.com/static/web/img/icon_gf.png)}
.hn-box .btn{background:#ff627e;font-size:12px;color:#fff;height:32px;line-height:32px;padding:0 15px;border-radius:32px}
.dt-info{margin-top:10px}
.dt-info .content{font-size:14px;line-height:22px;margin-top:8px;word-wrap:break-word}
.dt-info .tuodan{margin-left:50px}
.image-container{display:flex;justify-content:left;gap:5px}
.image-wrapper{width:calc(100% / var(--image-count))}
.image-container[style*="--image-count:1"] .image-wrapper{width:60%}
.image-container[style*="--image-count:2"] .image-wrapper{width:40%}
.image-container[style*="--image-count:3"] .image-wrapper{width:30%}
.dt-info .user-box{padding:10px;margin-top:10px;background:#f7f7f7;border-radius:2px}
.dt-info .user-box .avatar{width:34px;height:34px;margin-right:10px}
.user-box{display:flex;align-items:center}
.user-box .info{flex:1}
.user-box .info .title{display:flex;align-items:center}
.user-box .info .title .name{font-size:14px;color:#000;vertical-align:middle}
.user-box .info .tag{height:20px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}
.user-box .info .tag .active,.list-article-body .tag .active,.meta-user .tag .active{display:inline-flex;width:38px;height:14px;background-image:url(https://uolove.com/static/web/img/icon_cert.png);background-size:38px 14px;margin-left:5px}
.user-box .info .meta{font-size:12px;color:#999;line-height:18px;margin-top:3px}
.user-box .info .meta span+span:before{content:"|";padding:0 4px;color:#ccc;font-size:12px}
.user-box .avatar{width:40px;height:40px;border-radius:50%;margin-right:10px}
.time-line{display:flex;align-items:center;justify-content:space-between;margin-top:5px}
.time-line .btn{display:inline-block;width:90px;height:40px;background-repeat:no-repeat;background-size:contain}
.time-line .btn-imkey{background-image:url(https://uolove.com/static/web/img/icon_imkey.png)}
.time-line .btn-hn{background-image:url(https://uolove.com/static/web/img/icon_btn.png)}
.hn-wrap .hn-box{background:#fff;border:1px solid #fff0f2;border-radius:20px;padding:20px;margin:0 10%;margin-top:30px;display:flex;align-items:center;flex-direction:column;text-align:center}
.hn-wrap .title{text-align:center;font-size:16px;font-weight:600;height:40px}
.hn-wrap .avatar{margin-top:-50px;width:60px;height:60px;border-radius:50%;border:2px solid #ffa6b6;overflow:hidden;position:relative;background:#fff}
.hn-wrap .nickname{font-size:14px;font-weight:500;color:#ff6681;line-height:40px}
.hn-wrap .wx-code img,.hn-wrap .wx-code image{max-width:160px}
.hn-wrap .wx-text{font-size:12px;font-weight:400;color:#b0b2bf;display:flex;align-items:center}
.hn-wrap .btn-phone{width:80%;line-height:40px;font-size:18px;background:#ff6681;color:#fff;border-radius:38px;margin:10px auto 0;display:block}
.buy h3{position:relative;display:flex;align-items:center;font-size:16px;padding-bottom:10px;border-bottom:1px solid #eee}
.buy h3::before{position:absolute;width:40px;height:2px;background-color:#e3b36b;display:inline-block;bottom:0;content:'';margin-left:10px}
.buy h3 view{margin-left:auto;font-size:12px;color:#e3b36b}
.buy .auth{background:url(https://uolove.com/static/web/img/icon_auth.png) center no-repeat;background-size:contain;width:100%;height:40px}
.buy .menu{width:25%;margin:10px 0}
.buy .menu .fa,.buy .btn-info,.buy .table td:nth-child(3),.buy .table td:nth-child(2) text span{color:#deac65}
.buy .table td,.buy .table th{border-top:none;padding:0.5rem 0}
.buy .table tr{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;border-bottom:1px solid #f8f8f8}
.buy .table tr .text-center{width:calc(100% - 0px)}
.buy .table tr th:nth-child(1){width:6.666%}
.buy .table td:nth-child(1){margin-right:0.5rem}
.buy .table td:nth-child(2){width:calc(100% - 30%);padding-right:0.5rem;text-align:justify;font-size:16px;font-weight:500}
.buy .table td:nth-child(2) view,.pay .table td:nth-child(2) div{font-weight:700;font-size:16px}
.buy .table td:nth-child(2) text{font-size:14px;color:#666}
.buy .table td:nth-child(3){font-weight:bold;font-size:20px}
.buy .table td:nth-child(3) text{font-size:14px}
.buy .exchange-info .success view{display:flex;flex-direction:row;align-items:center;margin-top:20px}
.buy .exchange-info .form-control{height:30px}
.buy .exchange-info .btn-light{width:calc(100% - 70%);margin-left:2%}
.buy .exchange-info .mt-2{color:#555}
.buy .vip-buy-new{position:fixed;left:0;bottom:20px;width:100%;padding:0 20%;z-index:100}
.buy .vip-buy-new .btn{width:100%;background:#ff6681;font-size:18px;color:#fff;line-height:30px;border-radius:30px!important}
.buy .wechat{width:100px}
.user_bg{padding:1rem;background:url(https://uolove.com/static/web/img/icon_bg.png) center no-repeat;background-size:100% 100%;border-radius:10px}
.content-head{display:flex;align-items:center}
.content-head .user-img-md{background:url(https://uolove.com/static/web/img/face.png) center no-repeat;background-size:100% 100%;border-radius:10px}
.content-head .avatar{border-radius:50%}
.content-head .title{font-size:16px;font-weight:500}
.content-head .tip{font-size:12px;color:#888}
.content-head .num{display:inline-block;height:14px;line-height:14px;font-size:12px;background:url(https://uolove.com/static/web/img/icon_gold.png) no-repeat;background-size:14px auto;padding-left:19px;background-position:0;margin-left:8px}
.ui-panel-bd{overflow-y:auto}
.user-menu{display:flex}
.user-menu .item{flex:1;text-align:center}
.user-menu .item .fa{width:40px;height:40px;line-height:40px;background:#f5f6f7;color:#cfd4e0;font-size:20px!important;margin-bottom:5px}
.user-menu .active .fa{color:#65aef6}
.user-menu .item .text{font-size:12px;color:#46474d}
.user-count{display:flex;align-items:center;justify-content:center;text-align:center;margin-top:10px}
.user-count .item{flex:1}
.user-count .item .count{font-size:18px}
.user-count .item .text{font-weight:400;font-size:12px;color:#46474d}
.container .comnav{background:url(https://uolove.com/static/web/img/comnav.png) center no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:center;height:80px}
.container .comnav .cup{background:url(https://uolove.com/static/web/img/comcup.png) center no-repeat;background-size:100% 100%;width:30px;height:30px}
.comnav .text{color:#FFEAC5;font-size:16px;padding-left:20px}
.container .comnav .up{padding:2px 8px;background-color:#dec3a5;border-radius:4px;font-size:14px;color:#333;margin-left:10px}
.container .menu{width:25%;margin:10px 0}
.container .compage{text-align:center;color:#999;line-height:2em}
.container .comzhiao{display:flex;align-items:center;justify-content:center}
.xian::before{content:'';display:inline-block;width:1px;height:10px;margin:0 5px;background:#888}
.tabbar{display:none}
.scale{transform:scale(0.7)}
.form-group .form-uploads image{overflow:hidden}
.real .postForm .form-group{background:#fff;margin-bottom:10px;border-top:solid 1px #f8f8f8}
.real .postForm .col-form-label{font-size:14px;font-weight:600}
.real .postForm .form-uploads{margin:10px 0}
.login_hezuo{flex-direction:row;justify-content:center;align-items:center;text-align:center;position:fixed;z-index:99;bottom:0;left:0;right:0;padding:20px 0;background:#f8f8f8}
.login_hezuo .title{text-align:center;width:100%;margin-bottom:20px;position:relative}
.login_hezuo .title:after{display:block;content:'';height:1px;background:#eee;position:absolute;left:50px;right:50px;top:10px;z-index:1}
.login_hezuo .title text{display:inline-block;vertical-align:top;position:relative;z-index:2;padding:0 10px;color:#999;font-size:14px;background:#f8f8f8}
/* #ifdef MP*/
.form-group .mode{width:calc(100% - 8%)}
.form-group .vdimgck{width:80px}
.login_hezuo .login_icon button{border:0;display:inline-block;font-size:14px;background:none}
.login_hezuo .login_icon button:after{border:none}
.login_hezuo .login_weixin,.login_hezuo .login_apple{text-align:center;font-size:15px;display:block;margin:auto}
.login_hezuo .login_weixin image,.login_hezuo .login_apple image{width:40px;height:40px;margin:auto}
/* #endif*/
/* #ifndef MP*/
.login_hezuo .login_icon button{border:0;display:inline-flex;font-size:14px;margin:0 10px;align-items:center}
.login_hezuo .login_icon button:after{border:none}
.login_hezuo .login_app{background:#0cbb73;color:#fff;border-radius:20px}
.login_hezuo .login_apple{background:#000000;color:#fff;border-radius:20px}
.login_hezuo .login_app image,.login_hezuo .login_apple image{width:20px;height:20px;font-size:16px;margin:8px}
/* #endif*/
@media (max-width: 767px){
header,.scroll-top,.col-md-3{display:none}
.col-md-4{margin-bottom:50px}
.container .pc{display:none}
.container .phone{display:block}
.mb-3{margin-bottom:0.8rem !important}
.page .page{border:none;box-shadow:none !important}
.page .col-md-3,.page .header-top,.page .site-nav{display:none}
.page .actionbar{position:fixed !important}
.page .slot{margin-bottom:0}
.page .copyright{display:none}
.pb-m-3{padding-bottom:1rem}
.login-from{width:100%}
.bannr-img,.item-theme-img img,.list-article-img img{height:250px}
.item-news-img img{height:210px}
.feedbacks .feedback-action{float:none}
.list-group{display:flex;flex-wrap:wrap;flex-direction:row}
.list-group .list-group-item{flex:0 0 calc(33.33%);text-align:center;border:0}
.list-group-item.active{background:#fff}
.list-group-item.active a{color:#8d5efc}
.list-group-item:first-child,.list-group-item+.list-group-item.active{border-radius:0}
.pannel-main-container .row{display:flex;flex-wrap:wrap;flex-direction:row}
.pannel-main-container .row .col{flex:0 0 calc(33.33%)}
}