*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
a,abbr,acronym,address,applet,article,aside,b,big,blockquote,body,canvas,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,time,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:""}
body{color:#333;font:14px/1.5 "Microsoft Yahei",sans-serif;outline:0}
a{color:#333;text-decoration:none}
a:hover{color:inherit}
img{max-width:100%;border:none}
em,i{font-style:normal}
table{border-collapse:collapse;border-spacing:0}
input,select,textarea{font-size:14px;color:#333;font-family:"Microsoft Yahei",sans-serif;outline:0;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;
    box-sizing:border-box;}
input{
    appearance: none;
    -webkit-appearance: none;  
    -moz-appearance: none;
    -ms-appearance: none;
    border-radius: 0;
    }
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
::-ms-clear,::-ms-reveal{display:none}


::-webkit-scrollbar {
    width: 4px;
    height: 2px
}

::-webkit-scrollbar-track {
    background: #fff
}

::-webkit-scrollbar-thumb {
    background: rgba(69, 133, 245, .5);
    border-radius: 2px
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(69, 133, 245, .5)
}

.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"";height:0;clear:both}
.c{clear:both}
.col-l,.l{float:left}
.col-r,.r{float:right}
.ani{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.unselect{-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}
.wp{width:98%;max-width:1200px;margin:0 auto}
.wp2{width:98%;max-width:842px;margin:0 auto}
.h50{height:50px;clear:both;overflow:hidden}
.h100{height:100px;clear:both;overflow:hidden}
body{/*background-color:#f8fafc;*/background: linear-gradient(180deg,#DEEDFF 0,#f8fafc 45%);}
body.bdF{background-color:#fff}
.mainIndex{padding:80px 0 70px}
.header{position:fixed;left:0;top:0;right:0;background-color:#fff;z-index:100; box-shadow: 0 0 10px 0 rgb(51 51 51 / 10%);}
.header-bg{position:fixed;left:0;top:112px;right:0;height:48px;background:url(../images/bg-1.png) center center no-repeat;-webkit-background-size:cover;background-size:cover;z-index:1}
.header-top{height:37px;line-height:36px;border-bottom:1px solid #e9eff4;font-size:14px;color:#666}
.header-top .wp{height:100%;display:-webkit-flex;display:flex;justify-content:space-between}
.header-top .logo{display:none}
.loginReg-btn{color:#fff;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s; background: #000;padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;}
.loginReg-btn:hover{color:#dae7fd}
.login-after{display:-webkit-flex;display:flex}
.msg-btn{margin-right:16px;width:30px;background:url(../images/icon-msg.png) center center no-repeat;-webkit-background-size:18px auto;background-size:18px auto;position:relative}
.msg-btn .num{position:absolute;left:56%;top:50%;background-color:#fd4848;border:1px solid #fff;border-radius:7px;min-width:19px;font-size:12px;color:#fff;text-align:center;line-height:13px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.user-set{font-size:14px;color:#666;position:relative;display:-webkit-flex;display:flex}
.user-set .exit,.user-set .manage,.user-set .user-name{padding:0 8px}
.user-set a{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.user-set a:hover{color:#4585f5}
.user-set em{color:#e9eff4}
.header-bd{height:75px;line-height:75px}
.header-bd .wp{height:100%;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center}
.logo{height:32px;line-height:32px;font-size:0}
.logo img{margin-right:16px;display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.header-bd-r{font-size:0}
.nav,.so-form{display:inline-block;vertical-align:middle;line-height:1}
.so-form{position:relative;width:200px}
.so-form input{outline:0;border:none}
.so-form .inp{padding:0 20px;width:100%;height:36px;line-height:34px;border:1px solid #e8eef6;border-radius:50px;font-size:12px;color:#333;box-shadow: 0 0 38px 42px #fff inset;}
.so-form .submit{position:absolute;right:0;top:50%;width:37px;height:32px;background:url(../images/icon-so.png) center center no-repeat;-webkit-background-size:17px auto;background-size:17px auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.nav{margin-left:5px}
.nav>ul{font-size:0}
.nav>ul>li{margin-left:28px;display:inline-block;vertical-align:middle;position:relative}
.nav>ul>li>.a1{padding:0 5px;display:block;font-size:16px;color:#333;font-weight:700;line-height:75px}
.nav>ul>li>.a1 .icon{margin:-2px 0 0 6px;display:inline-block;vertical-align:middle;width:12px;height:7px;background:url(../images/icon-jt1.png) center center no-repeat;-webkit-background-size:cover;background-size:cover}
.nav>ul>li.on>.a1{color:#4585f5}
.nav .sub{padding-top:10px;position:absolute;left:0;top:100%;width:138px;display:none}
.nav .sub:before{content:'';position:absolute;left:30px;top:6px;width:16px;height:7px;background:url(../images/icon-jt2.png) center center no-repeat;-webkit-background-size:cover;background-size:cover}
.nav .sub .sub-in{padding:4px 15px 2px;background-color:#fff;border:3px solid rgba(204,204,204,.5);border-radius:5px}
.nav .sub .b1{padding:8px 6px;display:block;font-size:14px;color:#333;line-height:1.5;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.nav .sub .b1+.b1{border-top:1px solid #eee}
.nav .sub .b1:hover{color:#4585f5}
.nav>ul>li:hover .sub{display:block}
.footer{
    background-color:#ecedee;font-size:12px;color:#666;line-height:60px;border:1px solid #ecedee;overflow:hidden;

}
.footer-link{float:left}
.footer-link .a1{margin-right:20px;display:inline-block;color:#666;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.footer-link .a1:hover{color:#428bca}
.footer-copy{float:right}
.mobile-avatar{position:relative;height:36px;line-height:36px;margin-right:20px;font-size:14px;color:#333}
.mobile-avatar img{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}
.mobile-avatar:after{content:'';position:absolute;top:50%;margin-top:-4px;right:-24px;width:16px;height:8px;background:url(../images/down.png) no-repeat center}
.mobile-avatar.on:after{background-image:url(../images/up2.png)}
.user-list{display:none;position:absolute;right:0;top:80px;background:#666;width:120px}
.user-list:before{content:'';position:absolute;top:-8px;left:50%;margin-left:-8px;width:16px;height:8px;background:url(../images/icon-sj.png) no-repeat center}
.user-list li+li{border-top:1px dashed #ccc}
.user-list li a{display:block;height:35px;line-height:35px;color:#fff;text-align:center}
.user-list li a:hover{opacity:.9}
.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:800;border-top:1px solid #f1f1f1; background:#fff;box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);}
.mobile-nav li{float:left;width:33.33%}
.mobile-nav li+li{border-left:1px solid #f1f1f1}
.mobile-nav li a{display:block;font-size:16px;line-height:50px;text-align:center;background-color:#fff}
.mobile-nav .mobile-sub{padding-bottom:6px;position:absolute;right:0;bottom:100%;width:120px;z-index:10;display:none}
.mobile-nav .mobile-sub .mobile-sub-in{padding:6px 0;background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px rgba(0,0,0,.1);border-radius:5px;max-height:216px;overflow-y:auto}
.mobile-nav .mobile-sub a{padding:8px 18px;font-size:14px;line-height:1.2;text-align:left}
.box-pages{padding-top:20px;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center}
.box-pages .pages{margin:0}
.pages{display:flex;align-items:center;justify-content:center;margin-top:20px;text-align:center;font-size:14px;border:1px solid #e3e3e2;border-radius:3px;overflow:hidden}
.pages li{border-left:1px solid #e3e3e2}
.pages li:first-child{border:none}
.pages a:hover{background:rgba(57,129,224,.8);border-color:#3981e0;color:#fff}
.pages li a{display:block;color:#999;width:32px;line-height:32px}
.pages li a{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.pages li:first-child a,.pages li:last-child a{width:68px;height:32px;line-height:32px}
.pages li.on a{background:#3981e0;border-color:#3981e0;line-height:32px}
.pages li.on a{color:#fff}
.pages .next a,.pages .prev a{width:75px;height:32px}
.g-box{background:#fff;border-radius:5px;margin-bottom:20px}
.pop-mask{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.8);z-index:801}
.pop-desc-win{display:none;position:fixed;top:50%;left:50%;
    -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
    max-width:370px;width:90%;z-index:801;background-color:#fff;padding:27px 32px 32px 30px;border-radius:5px}
.pop-desc-win .pop-tit{display:flex;justify-content:space-between;align-items:center}
.pop-desc-win .pop-tit .tit{font-size:16px;color:#333}
.pop-desc-win .pop-tit .close{
    opacity: 1;
    margin-right:-10px;width:29px;height:29px;background:url(../images/pop-close.png) no-repeat center}
.pop-desc-win .pic{display:block;width:213px;height:213px;margin:19px auto}
.pop-desc-win .pic img{display:block;width:100%;height:100%}
.pop-desc-win .desc{text-align:center;font-size:16px;color:#333}

.pop-desc-win-pay{display:none;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:370px;width:90%;z-index:801;background-color:#fff;border-radius:5px}
.pop-desc-win-pay .pop-tit{display:flex;justify-content:space-between;align-items:center}
.pop-desc-win-pay .pop-tit .close{
    opacity: 1;
    width:29px;height:29px;background:url(../images/pop-close.png) no-repeat center}

.pop-desc-win-poster{display:none;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);max-width:370px;width:90%;
    z-index:801;padding:0px 5px 5px 5px;border-radius:5px}
.pop-desc-win-poster .pop-tit{display:flex;justify-content:space-between;align-items:center}
.pop-desc-win-poster .pop-tit .close{
    opacity: 1;
    margin-right:-10px;width:29px;height:29px;}

.main3{padding:132px 0 70px;min-height:100vh;position:relative;z-index:99}
.ask-page{display:flex;justify-content:space-between}
.ask-left{flex:1}
.ask-right{flex:0 0 220px;margin-left:20px}

/*.g-box8{padding:20px 20px 0 0;overflow:hidden}
.z-tit5{font-weight:700;font-size:18px;padding-left:20px;margin-bottom:-10px;color:#1b5082}*/
.g-box8{padding:20px 0 0;overflow:hidden}
.z-tit5{font-weight:700;font-size:18px;padding-left:20px;color:#1b5082}
.z-tit5 img{margin:-2px 4px 0 0;display:inline-block;vertical-align:middle}
.z-list3{margin:0 26px;padding:18px 0}
.z-list3 li{overflow:hidden;line-height:24px; width:433px;}
.z-list3 li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#3981e0}
.z-list3 li a:hover{text-decoration:underline}
.z-list3 .time{float:right;color:#999}
.z-list3 .price{float:right;color:#ee7048}
.new-box{overflow:hidden;margin:0 -8px}
.new-box .item{position:relative;float:left;width:50%;border-bottom:1px solid #e9eff4}
.new-box .item:after{content:'';position:absolute;top:20px;bottom:20px;width:0;border-right:1px dashed #e0e8ee}
.z-list4 li{position:relative;background-color:#fff;border-radius:10px;padding:10px 20px;margin-bottom:20px}
.z-list4 .avatar{position:absolute;left:35px;width:30px;height:30px;border-radius:50%;overflow:hidden}
.z-list4 .avatar img{display:block;width:100%;height:100%}
.z-list4 .tit-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.z-list4 .tit-box .tit-price{display:flex;align-items:center;flex:1;overflow:hidden}
.z-list4 .tit-box .tit{font-weight:700;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.z-list4 .tit-box .price{flex:0 0 77px;height:23px;line-height:23px;background:#fff0d2;border-radius:10px;color:#fe9a0a;text-align:center;margin:0 15px}
.z-list4 .tit-box .btn{flex:0 0 76px;height:28px;line-height:28px;text-align:center;background:#3981e0;border-radius:8px;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.z-list4 .tit-box .btn:hover{opacity:.8}
.z-list4 .desc{line-height:22px;color:#999;margin-bottom:12px}
.z-list4 .bot{display:flex;align-items:center}
.z-list4 .bot .detail{color:#999;margin-right:32px}
.z-list4 .bot .fk{width:84px;height:24px;line-height:24px;text-align:center;background:#f3f4f5;border-radius:8px;color:#999}
.g-box9{padding:45px 30px 50px}
.num-box{display:flex;justify-content:space-between;text-align:center;margin-bottom:50px;padding:0 30px}
.num-box .num{font-size:30px;color:#3981e0}
.num-box p{color:#999}
.btn-box{display:flex;justify-content:space-between}
.btn-box a{font-size:16px;color:#fff;width:140px;height:42px;line-height:42px;text-align:center;background:#3981e0;border-radius:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.btn-box a:hover{opacity:.8}
.g-ad{margin-bottom:20px;border-radius:10px;overflow:hidden}
.g-ad,.g-ad img{display:block;width:100%}
.z-list5{padding:20px}
.z-list5 li a{display:block;line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.z-list5 li a:before{content:'';display:inline-block;vertical-align:2px;width:6px;height:6px;background:#666;border-radius:50%;margin-right:10px}
.z-list5 li a:hover{color:#3981e0}
.z-list5 li a:hover:before{background:#3981e0}
.z-list6{overflow:hidden;margin:0 -3px}
.z-list6 li{float:left;width:33.33%}
.z-list6 li a{display:block;height:46px;line-height:46px;text-align:center;background:#f3f4f5;border-radius:8px;margin:0 3px 10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.z-list6 li a:hover{background:#e3f2ff}
.g-box11{padding:0 15px 22px}
.g-box11 .title{font-size:16px;color:#1b5082;font-weight:700;padding:10px 0 4px; line-height: 42px;}

.label-upload {
    position: relative;
    display: block;
    width: 120px;
    height: 36px;
    background: #3981e0;
    border-radius: 3px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    margin-top: 5px;
    cursor: pointer;
}
.label-upload input {
    position: absolute;
    left: -9999px;
}
.info-s {
    align-items: center;
    margin-top: 20px;
}
.news2 .news-top form .lab1 {
    display: flex;
    align-items: center;
    width: 100%;
   /*  height: 40px;*/
   /* margin-top: 20px;*/
   /*padding-left: 18px;*/
    cursor: pointer;
    font-size: 20px;
    
}
.news2 .news-top form .lab1 em {
    width: 16px;
    height: 16px;
    border: 1px solid #ff6a00;
    border-radius: 50%;
    position: relative;
    margin-right: 9px;
    background-color: #fff;
}
.news2 .news-top form .lab1 .pay:checked+em:before {
    content: '';
    width: 8px;
    height: 8px;
    background: #ff6a00;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.news-b .news-btn{
    width: 100%;
    height: 38px;
    background: #09bb07;
    border-radius: 3px;
    color: #fff;
    border: none;
}
.news-b .news-btn2{
    width: 66px;
    height: 38px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
}
.news2 .news-top form .lab2 em {
    display: inline-block;
    width: 16px !important;
    height: 16px;
    border: 1px solid #d8d8d8;
    margin-right: 8px;
    position: relative;
}
.news2 .news-top form .lab2 input:checked+em:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/ok.png) no-repeat center;
    -webkit-background-size: 10px auto;
    background-size: 10px auto;
}
.news-b {
    display: flex;
    text-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 35px;
    padding: 20px 0px;
}
.swal2-content {
    z-index:1;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:0;
    padding:0;
    color:#545454;
    font-size:1.125em;
    font-weight:400;
    line-height:normal;
    text-align:center;
    word-wrap:break-word
}
.swal2-popup .qrcon {
    position: relative;
}
.swal2-popup .qrcon h5 {
    padding: 0;
}
.swal2-popup .qrcon img.qr-pay {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 120px;
    text-align: center;
}
.swal2-popup .qrcon .title {
    font-size: 16px;
    margin: 10px auto;
}
.swal2-popup .qrcon .qrcode img {
    width: 200px;
    height: 200px;
}
.swal2-popup .qrcon .bottom.weixinpay {
    background: #08bb21;
}
.swal2-popup .qrcon .bottom {
    border-radius: 0 0 0.3125em 0.3125em;
    width: 100%;
    background: #33465a;
    color: #f2f2f2;
    padding: 15px 0px;
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
}
.swal2-popup small {
    font-size: 80%;
    font-weight: 400;
}
.wallet{padding:34px 0;border-bottom:1px solid #efefef}
.wallet span{font-size:24px;color:#333}
.wallet span:nth-child(2){color:#f30}
.wallet span i{font-size:18px;color:#f30}
.wallet span em{font-size:16px;color:#f30}
.wallet .w-btn{width:92px;height:38px;border:1px solid #ff6a00;border-radius:3px;color:#ff6a00;font-size:14px;line-height:35px;text-align:center;display:inline-block;vertical-align:middle;margin-left:21px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.wallet .w-btn:hover{background-color:#ff6a00;color:#fff}
.award-info{display:flex;align-items:center;margin:22px 0}
.award-info .info-item{padding:0 20px}
.award-info .info-item+.info-item{border-left:1px solid #efefef}
.award-info .info-item span{font-size:24px;color:#f30}
.award-info .info-item span i{font-size:18px;color:#f30}
.award-info .info-item span em{font-size:16px;color:#f30}
.wallet-tab{border-top:1px solid #efefef;padding-top:20px}
.wallet-tab table{width:100%;border:1px solid #ccc;text-align:left;margin-top:14px}
.wallet-tab table tr{height:44px}
.wallet-tab table tr th{background-color:#f1f1f1;padding-left:11px;border:1px solid #ccc;font-weight:700;font-size:14px}
.wallet-tab table tr td{color:#333;font-size:14px;padding-left:11px;border:1px solid #ccc}
.wallet-tab table tr td .w-qr{color:#3981e0}
.wallet-tab table tr td .w-qr:hover{text-decoration:underline}
.wallet-tab table tr .defeat{color:red}
.wallet-tab table tr .plus{color:#3981e0}
.wallet-tab table tr .wait{color:#ff9c00}


.box-hd1{background-color:#fff;border-bottom:1px solid #e9eff4;display:-webkit-flex;display:flex;justify-content:space-between}
.box-hd1 .z-tit5{margin:0}
.tabs-ls01{padding-right:20px;font-size:0}
.tabs-ls01 .item{margin-left:18px;display:inline-block;vertical-align:middle}
.tabs-ls01 .a1{padding-bottom:20px;display:block;font-size:16px;color:#1b5082;position:relative;line-height:1.5}
.tabs-ls01 .a1:after{content:'';position:absolute;left:0;bottom:0;right:0;height:2px;background-color:#29ccb6;display:none}
.tabs-ls01 .item.on .a1{color:#4585f5}
.tabs-ls01 .item.on .a1:after{display:block}
.jh-ls1{background-color:#fff}
.jh-ls1 .item{border-bottom:1px solid #e9eff4}
.jh-ls1 .con{padding:20px;overflow:hidden;width:950px}
.jh-ls1 .num{margin-right:16px;padding:6px 0;float:left;background-color:#f0f2f6;border-radius:3px;width:46px;text-align:center;font-size:16px;color:#666;line-height:1.1}
.jh-ls1 .inner{overflow:hidden}
.jh-ls1 .hd{margin-bottom:10px;overflow:hidden}
.jh-ls1 .hd .hd-in{font-size:0;overflow:hidden}
.jh-ls1 .hd .tit{display:inline-block;vertical-align:middle;max-width:calc(100% - 105px);font-size:16px;color:#428bca;line-height:20px;font-weight:400;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.jh-ls1 .hd .tit a{display:block;color:#428bca;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.jh-ls1 .hd .tag{margin-left:5px;display:inline-block;vertical-align:middle;font-size:0}
.jh-ls1 .hd .tag span{padding: 2px;margin-left:5px;display:inline-block;vertical-align:middle;font-size:14px;color:#999;text-align:center;min-width:45px;line-height:18px;border:1px solid #ccc;border-radius:3px}
.jh-ls1 .hd .price{margin-left:20px;float:right;font-size:14px;color:#eb5a0f;line-height:20px}
.jh-ls1 .info{font-size:14px;color:#96a6b3;line-height:1.2;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.jh-ls1 .con .hd .tit a:hover{text-decoration:underline;color:#428bca}
.content{padding:132px 0 70px 0;overflow:hidden;position:relative;z-index:99}
.news{padding:35px 30px 30px 30px;background:#fff;border-radius:10px;flex:1}
.news .tit{font-size:18px;color:#333;font-weight:700}
.news-table table{border:1px solid #eee;text-align:left;margin-top:14px;width:100%}
.news-table table tr{height:44px}
.news-table table tr:hover{background-color:#fffde9}
.news-table table tr:hover td{font-weight:700}
.news-table table tr:hover td .more{font-weight:400}
.news-table table tr:hover td a{color:#3981e0}
.news-table table tr:hover .detail{font-weight:400}
.news-table table tr th{background-color:#fcfcfc;padding-left:11px;border:1px solid #eee}
.news-table table tr td{color:#333;font-size:14px;padding-left:11px;border:1px solid #eee}
.news-table table tr td a{color:#3981e0}
.publish-page{display:flex}
.publish-left{flex:1}
.publish-right{flex:0 0 225px;margin-left:20px}
.form-ask{padding:26px 18px}
.form-ask .title-box{display:flex;align-items:center;margin-bottom:21px}
.form-ask .title-box .title{font-weight:700;font-size:20px;margin-right:19px}
.switch-box{display:flex;width:84px;height:26px;background:#eee;border-radius:13px;padding:2px;cursor:pointer}
.switch-box .item{font-size:12px;width:40px;height:22px;line-height:22px;border-radius:11px;text-align:center}
.switch-box .item2,.switch-box.realname .item1{background:#fff}
.switch-box.realname .item2{background:0 0}
.form-ask .tip{color:#666;padding-left:17px;background:url(../images/icon12.png) no-repeat left 4px;margin-bottom:20px}
.form-ask .tip a{color:#3981e0}
.form-ask .tip a:hover{text-decoration:underline}
.form-ask .tit{font-size:16px;color:#7891a5;margin-bottom:5px}
.form-ask .inp{display:block;width:100%;height:38px;border:1px solid #e1ebf1;border-radius:10px;padding:0 10px;margin-bottom:12px}
.form-ask .inp::-webkit-input-placeholder,.form-ask textarea::-webkit-input-placeholder{color:#d4d4d4}
.form-ask .inp::-moz-placeholder,.form-ask textarea::-moz-placeholder{color:#d4d4d4}
.form-ask .inp::-ms-input-placeholder,.form-ask textarea::-ms-input-placeholder{color:#d4d4d4}
.form-ask textarea{display:block;width:100%;height:310px;border:1px solid #e1ebf1;padding:10px;margin-bottom:18px;resize:none}
.form-ask .tit2 span{color:#999}
.tag-list{overflow:hidden;padding:24px 0 5px}
.tag-list li{float:left;margin-right:10px;margin-bottom:10px}
.tag-list li a{display:block;width:100px;height:38px;line-height:38px;text-align:center;background:#f3f4f5;border-radius:8px}
.tag-list li.active a{background:#e3f2ff}
.sel-price{display:flex;flex-wrap:wrap}
.sel-price li{margin-right:10px;width:100px;height:38px;line-height:36px;text-align:center;border:1px solid #e1ebf1;border-radius:10px;cursor:pointer}
.sel-price li:last-child{width:160px}
.sel-price input{display:block;width:100%;height:100%;border:0;padding:0 14px;border-radius:10px}
.sel-price li.active{background-color:#fef9f6;border-color:#ec5a12;color:#ec5a12}
.form-ask .tit3{font-size:12px;color:#8a6d3b;padding:8px 30px;background:#fcfddb url(../images/hongbao.png) no-repeat 10px 10px;margin-bottom:10px}
.form-ask .submit{display:block;font-size:16px;color:#fff;width:120px;height:38px;line-height:38px;background:#3981e0;border-radius:5px;border:0;margin-top:20px;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.form-ask .submit:hover{opacity:.9}
.g-box12{padding:24px 20px 20px;line-height:24px}
.g-box12 a{color:#3981e0}
.ask-view{display:flex}
.ask-view-left{flex:1}
.ask-view-right{flex:0 0 220px;margin-left:20px}
.m-text{position:relative;padding:22px 0 20px}
.m-text .box-hd{margin-bottom:2px;padding:0 20px 8px;border-bottom:1px solid #e9eff4}
.m-text .hd{font-size:0}
.m-text .hd .hd-in{font-size:0;overflow:hidden}
.m-text .hd .hd-in h1{display:inline-block;vertical-align:top;max-width:calc(100% - 100px)}
.m-text .hd .hd-in .jubao{margin-left:2px;padding-left:20px;display:inline-block;vertical-align:top;font-size:14px;color:#ccc;line-height:2.57;background:url(../images/icon-jubao.png) left center no-repeat;-webkit-background-size:16px auto;background-size:16px auto}
.m-text .hd .price{padding-left:24px;float:right;background:url(../images/icon-qiandai.png) left center no-repeat;-webkit-background-size:18px auto;background-size:18px auto;font-size:14px;color:#eb5a0f;line-height:2.57}
.m-text h1{font-size:24px;color:#444}
.m-text .info{color:#666;margin-bottom:4px}
.m-text .info a{color:#666;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.m-text .info a:hover{color:#3981e0}
.m-text .info em{color:#ddd}
.m-text .tag{padding-left:22px;background:url(../images/icon-tag.png) left center no-repeat;-webkit-background-size:10px auto;background-size:10px auto;font-size:14px;color:#999}
.m-text .tag a{color:#428bca}
.m-text .tag span{margin-right:10px}
.m-text .box-bd{padding:10px 20px 0}
.m-text .con{margin-bottom:10px;line-height:30px;font-size:16px}
.m-text .tips{font-size:12px;color:rgba(102,102,102,.5)}
.m-text .xf-box{position:relative;padding:16px 20px;background:#f3f4f5;border-radius:6px;margin:6px 0 40px}
.m-text .xf-box .toggle{position:absolute;top:16px;right:16px;padding-left:27px;background:url(../images/icon-sj2.png) no-repeat left center}
.m-text .xf-box .toggle.hide{background-image:url(../images/icon-sj2-on.png)}
.m-text .xf-box .s1{color:#ff745b}
.m-text .xf-box .s2{color:#999;padding:16px 0 0}
.m-text .xf-box .s2 a{color:#3981e0;text-decoration:underline}
.m-text .xf-box .s3{color:#444}
.box-huifu{padding:20px}
.box-huifu .item{overflow:hidden}
.box-huifu .item .icon{margin-right:8px;float:left;width:30px;height:30px;line-height:30px;font-size:0;text-align:center;overflow:hidden}
.box-huifu .item .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.box-huifu .item .inner{overflow:hidden}
.box-huifu .item .text{font-size:16px;color:#333;line-height:1.8}
.box-huifu .item .bt{padding-top:10px;margin-top:10px;border-top:1px solid #ddd;overflow:hidden}
.box-huifu .item .bt .hand{float:right;font-size:0}
.box-huifu .item .bt .hand .a1,
.box-huifu .item .bt .hand .a2,
.box-huifu .item .bt .hand .a3
{margin-left:20px;padding-left:22px;display:inline-block;vertical-align:middle;font-size:16px;color:rgba(51,51,51,.5);line-height:26px;background-repeat:no-repeat;background-position:left center;-webkit-background-size:16px auto;background-size:16px auto;cursor:pointer}
.box-huifu .item .bt .hand .a1{background-image:url(../images/icon-zan.png)}
.box-huifu .item .bt .hand .a2{background-image:url(../images/icon-cai.png)}
.box-huifu .item .bt .hand .a3{background-image:url(../images/icon-fuzhi.png)}
.box-huifu .item .bt .hand .a1.active,.box-huifu .item .bt .hand .a2.active{color:#428bca}
.box-huifu .item .bt .hand .a1.active{background-image:url(../images/icon-zan3.png)}
.box-huifu .item .bt .hand .a2.active{background-image:url(../images/icon-cai2.png)}
.box-huifu .item .bt .btn{font-size:14px;color:#999;overflow:hidden}
.box-huifu .item .bt .btn a{margin:-2px 0 0 8px;padding:0 8px;display:inline-block;font-size:14px;color:#fff;background-color:#4585f5;line-height:26px;border-radius:3px}
.handle-box{display:flex;justify-content:center;margin-bottom:48px}
.handle-box a{width:100px;height:36px;line-height:34px;border:1px solid #666;border-radius:3px;color:#666;padding-left:40px;margin:0 4px;background-repeat:no-repeat;background-position:21px center}
.handle-box a.a1{background-image:url(../images/icon-toggle.png)}
.handle-box a.a2{background-image:url(../images/icon-zan.png)}
.handle-box a.a3{background-image:url(../images/icon-cai.png)}
.handle-box a.a1.active{background-image:url(../images/icon-toggle-on.png)}
.handle-box a.a2.active{background-image:url(../images/icon-zan-on.png)}
.handle-box a.a3.active{background-image:url(../images/icon-cai-on.png)}
.handle-box a.active{color:#3981e0;border-color:#3981e0}
.handle2-box{display:flex;justify-content:space-between}
.handle2-box a{font-size:12px;color:#444}
.handle2-box .btn-ask{padding-left:18px;background:url(../images/icon-ask.png) no-repeat left center}
.handle2-box .box{display:flex;align-items:center}
.handle2-box .box a{margin-left:18px}
.handle-fix{position:absolute;left:-64px;top:0}
.handle-fix li{margin-bottom:20px}
.handle-fix i{display:block;width:44px;height:44px;background-color:#fff;background-repeat:no-repeat;background-position:center;box-shadow:0 0 5px 0 rgba(51,51,51,.2);border-radius:50%}
.handle-fix i.icon-zan{background-image:url(../images/a-zan.png)}
.handle-fix i.icon-pl{background-image:url(../images/a-hf.png)}
.handle-fix i.icon-collage{background-image:url(../images/a-star.png)}
.handle-fix .active i.icon-zan{background-image:url(../images/a-zan-on.png)}
.handle-fix .active i.icon-pl{background-image:url(../images/a-hf-on.png)}
.handle-fix .active i.icon-collage{background-image:url(../images/a-star-on.png)}
.handle-fix p{color:#999;text-align:center}
.handle-fix .active p{color:#3981e0}
.g-box13{padding:20px 30px 20px}
.g-box13 .tit{color:#666;padding-left:18px;background:url(../images/icon12.png) no-repeat left 4px;margin-bottom:18px}
.g-box13 .tar{position:relative}
.g-box13 .lgBefoe{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;font-size:14px;color:#999;display:-webkit-flex;display:flex;justify-content:center;align-items:center}
.g-box13 .lgBefoe a{margin-left:8px;color:#428bca}
.g-box13 .lgBefoe a:hover{text-decoration:underline;}
.g-box13 textarea{display:block;width:100%;height:116px;border:1px solid #ccc;resize:none;padding:12px;margin-bottom:10px}
.g-box13 .bot{display:flex;justify-content:space-between}
.g-box13 .bot .submit{
    text-align: center;margin-top: 15px;
    width:98px;height:35px;background:#3981e0;border-radius:5px;border:0;color:#fff;cursor:pointer

}
.g-box13 .bot .tip{font-size:14px; line-height:50px;}
.g-box14 .title{display:flex;align-items:center;height:70px;padding:0 30px}
.g-box14 .title strong{font-size:18px}
.g-box14 .title span{position:relative;top:3px;font-size:12px}
.g-box14 .title span:before{content:'';display:inline-block;vertical-align:middle;width:1px;height:11px;background-color:#ccc;margin:0 5px}
.ask-list li{position:relative;padding:20px 30px;border-top:1px solid #e6e6e6}
.ask-list li .floor{position:absolute;top:22px;right:30px;font-size:16px;color:#ccc}
.ask-list .userInfo{display:flex;align-items:center;margin-bottom:24px}
.ask-list .userInfo .avatar{width:40px;height:40px;margin-right:9px}
.ask-list .userInfo .avatar img{display:block;width:100%;height:100%;border-radius: 50%;}
.ask-list .userInfo .info .username{font-weight:700}
.ask-list .userInfo .info .time{font-size:12px;color:#999}
.ask-list .desc{line-height:20px;margin-bottom:22px}
.handle3-box{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;padding-top: 15px;border-top: 1px #f1f1f1 dashed;}
.handle3-box .left{display:flex;align-items:center}
.handle3-box .left a{font-size:12px;width:74px;height:28px;line-height:26px;border:1px solid #ccc;border-radius:3px;color:#666;margin-right:5px;background-repeat:no-repeat;background-position:11px center}
.handle3-box .left a.a1{padding-left:28px;background-image:url(../images/icon-zan2.png)}
.handle3-box .left a.a1.active{color:#3981e0;border-color:#3981e0;background-image:url(../images/icon-zan2-on.png)}
.handle3-box .left a.a2{padding-left:28px;background-image:url(../images/icon-pl2.png)}
.handle3-box .left a.a3{text-align:center;color:#3981e0;border-color:#3981e0}
.handle3-box .left .price{font-size:12px;color:#fe9a0a;padding-left:21px;background:url(../images/icon-jinbi.png) no-repeat left center}
.handle3-box .report{font-size:12px;color:#666}
.ask-box2{padding:11px 0 0;border-top:1px solid #f3f3f3}
.ask-box2 .txt2-box{position:relative;padding-left:25px}
.ask-box2 .avatar2{position:absolute;left:0;width:20px;height:20px;border-radius:50%;overflow:hidden;margin-right:5px}
.ask-box2 .avatar2 img{display:block;width:100%;height:100%}
.ask-box2 .txt2{font-size:14px;color:#666}
.ask-box2 .txt2 .name2{color:#333;font-weight:700; display:block}
.ask-box2 .txt2-box .time2{font-size:12px;color:#999;margin-bottom:11px}
.ask-box2 .txt2 .txt-nickname{padding:10px 0;}
.pl3-box{display:none}
.pl3-box textarea{display:block;width:100%;height:34px;line-height:32px;padding:0 10px;border:1px solid #ccc;border-radius:3px;resize:none}
.handle4-box{display:flex;justify-content:flex-end;padding:10px 0 0}
.handle4-box a{font-size:12px;width:64px;height:24px;line-height:24px;text-align:center;border-radius:3px}
.handle4-box a.a1{background:#3981e0;color:#fff}
.handle4-box a.a2{background:#eee;color:#666;margin-left:10px}
.g-box15 .s1{display:flex;align-items:center;padding:20px}
.g-box15 .s1 .pic{width:64px;height:64px;margin-right:15px}
.g-box15 .s1 .pic img{display:block;width:100%;height:100%}
.g-box15 .s1 .txt{display:flex;align-items:center}
.g-box15 .s1 .txt strong{font-size:16px;margin-right:3px}
.g-box15 .s1 .txt span{font-size:12px;color:#fff;padding:0 2px;height:16px;line-height:16px;text-align:center;background:#f36262;border-radius:3px}
.g-box15 .s2{display:flex;align-items:center;height:34px;border-top:1px solid #ccc;color:#666}
.g-box15 .s2 .item{margin-left:20px}
.g-box16 .title{font-size:16px;line-height:64px;padding:0 20px;border-bottom:1px solid #e6e6e6}
.z-list7{padding:0 20px}
.z-list7 li{padding:10px 0}
.z-list7 li+li{border-top:1px solid #e6e6e6}
.z-list7 li a{display:block;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.z-list7 .time{font-size:12px;color:#999}
.z-list7 li a:hover{color:#3981e0}
.pop-tit2{color:#999}
.form-radio{padding:10px 0 0}
.form-radio .radio-con{margin-bottom:18px}
.form-radio .radio-con .label{display:flex;align-items:center;cursor:pointer}
.form-radio .radio-con .label em{position:relative;width:13px;height:13px;border:1px solid #767676;border-radius:50%;margin-right:9px}
.form-radio .radio-con .label input:checked+em{border-color:#3981e0}
.form-radio .radio-con .label input:checked+em:before{content:'';position:absolute;top:2px;right:2px;bottom:2px;left:2px;background-color:#3981e0;border-radius:50%}
.form-radio .submit{
    font-size:12px;color:#fff;width:60px;height:23px;background:#3981e0;border-radius:3px;border:0;cursor:pointer}
.form-login{padding:30px 0 0;width:400px;margin:0 auto}
.form-login .avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 18px}
.form-login .avatar img{display:block;width:100%;height:100%}
.form-login .tit{font-size:15px;font-weight:700;text-align:center;margin-bottom:36px}
.form-login .inp-con{position:relative;margin-bottom:30px}
.form-login .inp-con .inp{display:block;font-size:16px;width:100%;height:56px;border:1px solid #989898;padding:0 12px}
.form-login .inp-con .yzm{position:absolute;border:0;top:14px;right:12px;width:53px;height:28px;background:#3981e0;border-radius:3px;color:#fff;z-index:2;cursor:pointer}
.form-login .submit{display:block;width:100%;font-size:16px;color:#fff;height:44px;background:#3981e0;border-radius:5px;border:0}
.label-xieyi{display:block;margin-bottom:10px;color:#666;cursor:pointer}
.label-xieyi a{color:#2a67af}
.weixin-login{padding:26px 0 60px}
.weixin-login p{color:#666;text-align:center;margin-bottom:30px}
.weixin-login a{display:block;width:56px;height:56px;margin:0 auto}
.weixin-login a img{display:block;width:100%;height:100%}
.label-xieyi em{display:inline-block;vertical-align:-1px;position:relative;width:13px;height:13px;background:#fff;border:1px solid #989898;border-radius:3px;margin-right:5px}
.label-xieyi a{display:inline-block;color:#2a67af}
.label-xieyi input:checked+em:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/ok.png) no-repeat center;-webkit-background-size:10px auto;background-size:10px auto}
.mobile-pay{display:none;font-size:16px;border-radius:20px;margin:20px auto 0;width:150px;height:40px;line-height:40px;text-align:center;background-color:#3981e0;color:#fff}
.mobile-cancel{display:none;position:fixed;bottom:10px;left:10px;right:10px;height:40px;line-height:40px;text-align:center;border:1px solid #ccc;z-index:1001}
.bot-box{display:none;position:fixed;bottom:0;left:0;right:0;padding:6px 20px 0;z-index:900;height:50px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}
.bot-box a{display:block;width:100%;height:36px;line-height:36px;text-align:center;border-radius:3px}
.bot-box a.a1{border:1px solid #68b468;color:#68b468}
.bot-box a.a2{background:#f30;color:#fff}
.m-pop{position:fixed;left:0;top:0;right:0;bottom:0;display:none;z-index:200}
.pop-bg{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.8)}

.g-close{position:absolute;right:20px;top:20px;width:40px;height:40px;background:url(../images/i11.png) center center no-repeat;-webkit-background-size:cover;background-size:cover;cursor:pointer}

.pop-win1{position:absolute;left:50%;top:50%;width:260px;overflow:hidden;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.pop-win1 img{display:block;width:100%}


/*.pop-win-draw{z-index:8888;position:fixed;left:50%;top:50%;width:600px; overflow:hidden;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}*/

.pop-win-draw{z-index: 8888;  position: fixed; top: 0;left: 0; height: 100%; width: 100%; }
.pop-win-draw .pop-content{display: flex;align-items: center;justify-content: center;height: 100%; width: 100%;}
.pop-win-draw img{max-height: 100%; max-width: 100%;}

.code-pop{padding:10px;position:fixed;left:50%;top:50%;right:auto;bottom:auto;width:256px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:solid 1px #d8d8d8;background-color:#fff;font-size:12px;color:#000}
.code-pop .close{position:absolute;right:0;top:0;right:0;width:40px;height:40px;cursor:pointer;background:url(../images/i12.png) center center no-repeat;-webkit-background-size:10px auto;background-size:10px auto}
.code-pop .code-share{padding:15px 10px;overflow:hidden}
.code-pop .code-share canvas,.code-pop .code-share img{display:block;width:100%}
.m-tit1{padding:0 20px;height:42px;line-height:41px;border-bottom:1px solid #ecedee;display:-webkit-flex;display:flex;justify-content:space-between}
.m-tit1 .tit{font-size:18px;color:#1b5082;font-weight:700;position:relative}
.m-tit1 .tit:after{content:'';position:absolute;left:0;bottom:0;width:71px;height:3px;background-color:#4585f5}
.m-tit1 .more{font-size:14px;color:#999;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.m-tit1 .more:hover{text-decoration:underline;color:#459df7}
.ind-logo{margin-bottom:42px;height:65px;line-height:65px;font-size:0;text-align:center;overflow:hidden}
.ind-logo img{margin:0 8px;display:inline-block;vertical-align:top;max-width:100%;max-height:100%}
.box-search{margin-bottom:80px;padding:0 110px 0 120px;position:relative;height:42px;border:1px solid #ccc}
.box-search input,.box-search select{outline:0;border:none}
.box-search .sel{position:absolute;left:0;top:0;width:120px;border-right:1px solid #ccc}
.box-search .sel select{padding:0 10px;padding-right:30px;display:block;width:100%;height:40px;line-height:40px;font-size:14px;color:#666;background:url(../images/icon-jt3.png) right 8px center no-repeat;-webkit-background-size:16px auto;background-size:16px auto;cursor:pointer}
.box-search .input .inp{padding:0 20px;display:block;width:100%;height:40px;line-height:40px;font-size:14px;color:#666}
.box-search .submit{position:absolute;right:0;top:0;width:110px;height:40px;line-height:40px;background:#4585f5 url(../images/icon-lookup.png) center center no-repeat;-webkit-background-size:24px auto;background-size:24px auto;cursor:pointer}
.box-newsQs{border:1px solid #ecedee}
.box-newsQs-cont{padding:3px 20px}
.news-ls1 .a1{display:block;font-size:16px;color:#459df7;line-height:44px;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.news-ls1 .item:hover .a1{text-decoration:underline}
.m-pop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:200;display:none}
.m-pop .pop-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6)}
.lgReg-pop{position:absolute;left:50%;top:50%;width:600px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;border-radius:10px;z-index:2}
.lgReg-pop-hd{padding:15px 0 13px;text-align:center;background-color:#fafafa;border-radius:10px 10px 0 0;min-height:50px;position:relative}
.lgReg-pop-hd .close{position:absolute;right:22px;top:50%;width:40px;height:40px;background:url(../images/icon-close.png) center center no-repeat;-webkit-background-size:16px auto;background-size:16px auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}
.lgReg-pop-hd .lgReg-logo{margin-bottom:2px;height:25px;line-height:25px;font-size:0;text-align:center}
.lgReg-pop-hd .lgReg-logo img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.lgReg-pop-hd .tit{font-size:12px;color:#000;font-weight:400;text-align:center}
.lgReg-pop-bd{padding:34px 72px 8px}
.lgReg-pop-bd .tit{font-size:20px;color:#000;font-weight:400;text-align:center;line-height:1.2}

.other-mobile{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.box-form1{
    margin-top: 15px;
}
.box-form1 .form-item+.form-item{margin-top:32px}
.box-form1 .input{position:relative}
.box-form1 .input .icon{position:absolute;left:16px;top:50%;width:30px;height:30px;line-height:30px;font-size:0;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.box-form1 .input .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.box-form1 .input .icon img:nth-child(2){display:none}
.pop-desc-win .pop-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pop-desc-win .pop-tit .tit {
    font-size: 16px;
    color: #333;
}
.pop-desc-win .pop-tit .close {
    margin-right: -10px;
    width: 29px;
    height: 29px;
    background: url(../images/pop-close.png) no-repeat center;
}
.pop-desc-win .pic {
    display: block;
    width: 213px;
    height: 213px;
    margin: 19px auto;
}
.pop-desc-win .pic img {
    display: block;
    width: 100%;
    height: 100%;
}
.pop-desc-win .desc {
    text-align: center;
    font-size: 16px;
    color: #333;
}
.pop-desc-win {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 370px;
    width: 90%;
    z-index: 9999;
    background-color: #fff;
    padding: 27px 32px 32px 30px;
    border-radius: 5px;
}

.box-form1  .inp{padding:0 10px 0 7px;display:block;width:100%;height:48px;line-height:46px;border:1px solid #d9d9d9;border-radius:10px;font-size:14px;color:#8c8c8c}

.box-form1 .input .inp{padding:0 20px 0 56px;display:block;width:100%;height:48px;line-height:46px;border:1px solid #d9d9d9;border-radius:10px;font-size:14px;color:#8c8c8c}
.box-form1 .input .inp:focus{border-color:#4585f5}
.box-form1 .input .inp:focus+.icon img{display:none}
.box-form1 .input .inp:focus+.icon img:nth-child(2){display:inline-block}
.box-form1 .form-yzm{padding-right:138px;position:relative}
.box-form1 .form-yzm .yzm-btn{outline:0;border:none;position:absolute;right:0;top:0;width:122px;height:48px;line-height:48px;background-color:#4585f5;font-size:14px;color:#fff;text-align:center;border-radius:10px;cursor:pointer}
.box-form1 .form-yzm .yzm-btn:disabled{background-color:#bfbfbf}
.box-form1 .form-hk{margin-top:18px}
.box-form1 .form-hk .slider-item{background-color:#e8e8e8;border:none}
.box-form1 .form-hk .slider-text{font-size:14px;color:#999}
.box-form1 .form-hk .slider-btn{top:0;height:38px;border-color:#e8e8e8;color:#ccc}
.box-form1 .form-hk .layui-bg-green{background:#4585f5!important}
.box-form1 .label-chk{margin-top:10px;margin-bottom:10px;display:block;font-size:14px;color:#666;line-height:24px;cursor:pointer}
.box-form1 .label-chk em{margin:0 10px 0 0;display:inline-block;vertical-align:middle;width:16px;height:16px;background:url(../images/icon-chk.png) center center no-repeat;-webkit-background-size:cover;background-size:cover}
.box-form1 .label-chk input:checked+em{background-image:url(../images/icon-chk2.png)}
.box-form1 .form-btn{margin-top:18px}
.box-form1 .form-btn .submit{outline:0;border:none;display:block;width:100%;height:48px;line-height:48px;background-color:#4585f5;border-radius:5px;font-size:14px;color:#fff;text-align:center;cursor:pointer}
.box-form1 .form-btn .submit:disabled{background-color:#bfbfbf}
.box-form1 .other-lg{margin-top:34px}
.box-form1 .other-lg .other-lg-tit{margin-bottom:28px;font-size:0;text-align:center;position:relative}
.box-form1 .other-lg .other-lg-tit:after{content:'';position:absolute;left:0;top:50%;right:0;height:1px;background-color:#eee}
.box-form1 .other-lg .other-lg-tit span{padding:0 6px;display:inline-block;vertical-align:middle;font-size:14px;color:#666;line-height:1.2;background-color:#fff;position:relative;z-index:2}

#submit_form .label-chk em{width:24px;height:24px;}
#submit_form .label-chk{font-size:16px;}

.oterLg-ls1{text-align:center}
.oterLg-ls1 .item{display:inline-block;vertical-align:top;position: relative;
top: 0;
left: 0;
width: auto; 
 height: auto; 
 transition: all 1.5s;}
.oterLg-ls1 .con{display:block}
.oterLg-ls1 .icon{margin:0 auto 8px;width:40px;height:40px;border-radius:50%;overflow:hidden}
.oterLg-ls1 .icon img{display:block;width:100%;height:100%;object-fit:cover}
.oterLg-ls1 .oterLg-ls1-tit{font-size:14px;color:#666;font-weight:400;text-align:center;line-height:1.2}

.lgReg-pop-bd .pic {
    display: block;
    width: 213px;
    height: 213px;
    margin: 19px auto;
    border: 1px solid #cccccc;
}
.lgReg-pop-bd .pic img{
    box-sizing: border-box;
    width:100%;
}

.lgReg-pop-bt{padding:14px 0;text-align:center;background-color:#fafafa;border-radius:0 0 10px 10px}
.lgReg-pop-bt .lgRegPop-xieyi{font-size:12px;color:#666;line-height:1.2}
.lgReg-pop-bt .lgRegPop-xieyi a:hover{text-decoration:underline}
.fabuQs-btn{margin-bottom:20px;display:block;height:50px;line-height:50px;background-color:#eb5a0f;border-radius:3px;font-size:16px;color:#fff;text-align:center;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.fabuQs-btn:hover{color:#fff;opacity:.8;filter:alpha(opacity=80)}
.notice-ls1 .a1{display:block;font-size:14px;color:#666;line-height:29px;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.notice-ls1 .a1:hover{color:#428bca;text-decoration:underline}
.fenlei-ls1{margin:8px -3px -5px;font-size:0}
.fenlei-ls1 .item{padding:0 3px;margin-bottom:5px;display:inline-block;vertical-align:top;min-width:50%}
.fenlei-ls1 .a1{padding:8px 4px;display:block;font-size:14px;color:#333;text-align:center;line-height:1.2;background-color:#f3f4f5;border-radius:8px}
.fenlei-ls1 .a1:hover{background-color:#e3f2ff}
.remenTag-ls1{margin:8px -2.5px -5px;font-size:0}
.remenTag-ls1 .item{padding:0 2.5px;margin-bottom:5px;display:inline-block;vertical-align:top}
.remenTag-ls1 .a1{padding:0 6px;display:block;font-size:14px;color:#4585f5;line-height:24px;background-color:rgba(69,133,245,.1)}
.tag-chkDone{padding:6px 8px 0;border:1px solid #e1ebf1;border-radius:10px;min-height:42px}
.tag-chkDone .tag-inp{padding:0 8px;outline:0;border:none;display:inline-block;vertical-align:top;width:32%;height:28px;line-height:28px;font-size:14px;color:#333}
.tag-chkDone .cont{margin:0 -5px -5px 0;font-size:0;display:inline-block;vertical-align:top}
.tag-chkDone .item{margin:0 5px 5px 0;padding:2px 0;padding-right:8px;display:inline-block;vertical-align:top;border:1px solid #ccc;border-radius:3px;font-size:14px;color:#333;line-height:1.5}
.tag-chkDone .item .close{margin-top:-3px;display:inline-block;vertical-align:middle;width:20px;height:20px;background:url(../images/icon-close.png) center center no-repeat;-webkit-background-size:8px auto;background-size:8px auto;cursor:pointer}
.tag-chkDone .item span{display:inline-block}
.box-userC1{background-color:#fff;display:-webkit-flex;display:flex}
.box-userC1 .box-userC1-l,.box-userC1 .box-userC1-r{float:none}
.box-userC1 .box-userC1-l{width:162px;border-right:1px solid #ebebeb}
.box-userC1 .box-userC1-r{width:calc(100% - 162px); padding-bottom:30px;}
.slideNav{font-size:14px;color:#444;line-height:1.5}
.slideNav .item{padding:14px 10px;padding-left:57px;display:block;position:relative}
.slideNav .icon{position:absolute;left:24px;top:50%;width:18px;height:18px;line-height:18px;font-size:0;overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.slideNav .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.slideNav .icon img:nth-child(2){display:none}
.slideNav .tit{}
.slideNav .on{background-color:#a2c2fa; font-weight:700;}
.slideNav .on .icon img{display:none}
.slideNav .on .icon img:nth-child(2){display:inline-block}
.box-userC1-cont{padding:5px 20px 26px}
.userInfo-ls1 .item+.item{border-top:1px solid #ebebeb}
.userInfo-ls1 .con{padding:22px 0 20px;display:block;overflow:hidden}
.userInfo-ls1 .btn{margin:12px 0 0 20px;float:right;font-size:0}
.userInfo-ls1 .btn .a1{display:inline-block;vertical-align:middle;font-size:14px;color:#056de8;line-height:2}
.userInfo-ls1 .btn .a1:hover{text-decoration:underline}
.userInfo-ls1 .inner{overflow:hidden}
.userInfo-ls1 .tit{margin-bottom:9px;font-size:14px;color:#121212;font-weight:700;line-height:1.2}
.userInfo-ls1 .desc{font-size:14px;color:#8590a6;line-height:1.2}
.userInfo-ls1 .go-bangD{margin-top:8px;display:inline-block;font-size:14px;color:#056de8;line-height:26px}
.userInfo-ls1 .go-bangD .icon{margin:-2px 4px 0 0;display:inline-block;vertical-align:middle;width:26px;height:26px;line-height:26px;font-size:0;border-radius:50%;overflow:hidden}
.userInfo-ls1 .go-bangD .icon img{display:block;width:100%;height:100%;object-fit:cover}
.userInfo-ls1 .go-bangD:hover{text-decoration:underline}
.box-userC1-con2{padding:24px 18px}
.box-userC1-con2 .title{margin-bottom:30px;font-size:18px;color:#121212;font-weight:700;line-height:1.2}
.box-form2 input{outline:0;border:none}
.box-form2 .form-item{margin-bottom:20px;font-size:0}
.box-form2 .tit{padding:7px 0;display:inline-block;vertical-align:top;width:105px;font-size:14px;color:#121212;line-height:24px}
.box-form2 .con{display:inline-block;vertical-align:top;width:calc(100% - 105px)}
.box-form2 .input{font-size:0}
.box-form2 .input .inp{padding:0 10px;display:inline-block;vertical-align:middle;width:100%;height:38px;line-height:36px;border:1px solid #ebebeb;border-radius:3px;font-size:14px;color:#121212}
.box-form2 .input .info{margin-left:8px;display:inline-block;vertical-align:middle;font-size:14px;color:#121212;line-height:1.2}
.box-form2 .input .info em{color:red}
.box-form2 .input .inp.city{padding-right:20px;background:url(../images/icon-jt4.png) right 5px center no-repeat;-webkit-background-size:11px auto;background-size:11px auto;cursor:pointer}
.box-form2 .tips{margin-top:2px;font-size:14px;color:#8590a6;line-height:1.2}
.box-form2 .tag-chkDone{border-radius:3px;width:270px}
.box-form2 .form-btn{padding-left:105px;font-size:0}
.box-form2 .form-btn .a1{background-color:transparent;margin-right:14px;display:inline-block;vertical-align:middle;height:38px;line-height:36px;border:1px solid transparent;font-size:14px;text-align:center;border-radius:3px;cursor:pointer}
.box-form2 .form-btn .submit{width:95px;background-color:#0057ff;border-color:#0057ff;color:#fff}
.box-form2 .form-btn .cancel{width:66px;border-color:#bfbfbf;color:#333}
.box-form2 .city{border:1px solid #ebebeb;width:270px}
.box-form2 .city select{outline:0;border:none;display:inline-block;vertical-align:middle;padding:0 5px;padding-right:18px;display:inline-block;vertical-align:middle;width:33.33%;height:38px;line-height:36px;border-radius:3px;font-size:14px;color:#121212;background:url(../images/icon-jt4.png) right 4px center no-repeat;-webkit-background-size:11px auto;background-size:11px auto}
.box-form2 .city select+select{border-left:1px solid #ebebeb}
.radioChk-ls1{font-size:0}
.radioChk-ls1 .item{margin-right:20px;display:inline-block;vertical-align:top}
.radioChk-ls1 .label-chk{display:block;font-size:14px;color:#8590a6;line-height:38px;cursor:pointer}
.radioChk-ls1 .label-chk em{margin:-2px 4px 0 0;display:inline-block;vertical-align:middle;width:16px;height:16px;background:url(../images/icon-chk3.png) center center no-repeat;-webkit-background-size:cover;background-size:cover}
.radioChk-ls1 .label-chk input:checked+em{background-image:url(../images/icon-chk4.png)}
.box-space{padding:40px 20px 30px 45px;margin-bottom:20px;background-color:#fff;border-radius:5px;display:-webkit-flex;display:flex;flex-wrap:wrap}
.box-space .space-left{flex-shrink:0;order:1}
.box-space .space-right{padding-top:10px;width:258px;flex-shrink:0;order:3}
.box-space .space-middle{width:calc(100% - 386px);flex-shrink:0;order:2}
.box-space .space-pic{width:128px;height:128px;border-radius:50%;overflow:hidden}
.box-space .space-pic img{display:block;width:100%;height:100%;object-fit:cover}
.box-space .space-info{padding:0 30px 0 67px}
.box-space .space-info .hd{padding-bottom:21px;font-size:0;line-height:1.1;border-bottom:1px solid #eee}
.box-space .space-info .hd .name{display:inline-block;vertical-align:bottom;font-size:24px;color:#333}
.box-space .space-info .hd .id{margin-left:18px;display:inline-block;vertical-align:bottom;font-size:18px;color:#777}
.box-space .space-info .bd{padding-top:18px;font-size:14px;color:#777;overflow:hidden}
.box-space .space-info .bd .item{margin-bottom:12px}
.box-space .space-info .bd .item span{margin-right:30px;display:inline-block;vertical-align:middle}
.box-space .space-info .bd .item img{margin:-2px 2px 0 0;max-width:14px;display:inline-block;vertical-align:middle}
.box-space .space-info .bt{margin-top:6px}
.box-space .space-info .bt .tp{padding:8px;font-size:14px;color:#666;background-color:#eee}
.box-space .space-date .method{font-size:0}
.box-space .space-date .method .item{display:inline-block;vertical-align:middle}
.box-space .space-date .method .a1{margin:0 0 5px 5px;display:block;min-width:75px;font-size:14px;text-align:center;line-height:32px;border:1px solid transparent;border-radius:3px}
.box-space .space-date .method .a1 img{margin:-2px 4px 0 0;display:inline-block;vertical-align:middle;max-width:16px}
.box-space .space-date .method .a1.a1_1{background-color:#5cb85c;border-color:#5cb85c;color:#fff}
.box-space .space-date .method .a1.a1_2{background-color:#68a5e1;border-color:#68a5e1;color:#fff}
.box-space .space-date .method .a1.a1_3{border-color:#ccc;color:#666}
.box-space .sj-ls1{margin-top:21px}
.sj-ls1{padding-right:20px;margin-bottom:-20px;font-size:0;display:-webkit-flex;display:flex;justify-content:space-between}
.sj-ls1 .item{padding-right:15px;margin-bottom:20px;display:inline-block;vertical-align:top}
.sj-ls1 .num{margin-bottom:6px;font-size:23px;color:#009c66;line-height:1.1}
.sj-ls1 .tit{font-size:14px;color:#666;line-height:1.1}
.box-space .sj-info{margin-top:13px;padding-top:9px;font-size:14px;color:#999;border-top:1px solid #eee}
.box-space .sj-info .item img{margin:-2px 4px 0 0;display:inline-block;vertical-align:middle;max-width:14px}
.box-hd2{margin-bottom:20px;padding:0 20px;background-color:#fff;border-radius:5px}
.tabs-ls02{font-size:0}
.tabs-ls02 .item{margin-right:30px;display:inline-block;vertical-align:bottom}
.tabs-ls02 .a1{display:block;font-size:18px;color:#1b5082;line-height:60px;position:relative}
.tabs-ls02 .a1:after{content:'';position:absolute;left:0;bottom:0;right:0;height:2px;background-color:#29ccb6;display:none}
.tabs-ls02 .on .a1{color:#1b5082;font-weight:700}
.tabs-ls02 .on .a1:after{display:block}
._citys{width:100%;display:inline-block;border:2px solid #eee;padding:5px;position:relative;background-color:#fff}
._citys span{color:#56b4f8;height:15px;width:15px;line-height:15px;text-align:center;border-radius:3px;position:absolute;right:10px;top:10px;border:1px solid #56b4f8;cursor:pointer}
._citys0{width:100%;height:34px;display:inline-block;border-bottom:2px solid #56b4f8;padding:0;margin:0}
._citys0 li{display:inline-block;line-height:34px;font-size:15px;color:#888;width:80px;text-align:center;cursor:pointer}
.citySel{background-color:#56b4f8;color:#fff!important}
._citys1{width:100%;display:inline-block;padding:10px 0;height:200px;overflow-y:auto}
._citys1 a{width:73px;height:35px;display:inline-block;background-color:#f5f5f5;color:#666;margin-left:6px;margin-top:3px;line-height:35px;text-align:center;cursor:pointer;font-size:13px;overflow:hidden}
._citys1 a:hover{color:#fff;background-color:#56b4f8}
.AreaS{background-color:#56b4f8!important;color:#fff!important}



.home_list{
    flex-wrap: wrap;
    width: 25%;
    /*padding: 10px;*/
    background: rgba(51,65,85,.1);
    padding: 1px 0 0 1px;
    margin: 0 -1px -1px 0;
}

.home_list:hover{background:#29ccb5;box-shadow: 0 8px 20px rgb(0 0 0 / 10%);z-index:1}

.home_list .wlist{
    padding: 1.5rem;
    width: calc(100% - 1px);
    /*box-shadow: 0 0 20px rgba(153, 153, 153, .1);*/
    background: #fff;
    /*border-radius: 8px;*/
    height: calc(100% - 1px);
    box-sizing: border-box;
}


.home_list .topc{width:100%}
.home_list h3{
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #121212;
}
.home_list p{
    padding-top: 5px;
    font-size: .875rem;
    line-height: 1.25rem;
    opacity: 0.8;
    color: #707684;
}

a:hover{
    text-decoration:none;
}



/*首页css开始*/
.chat-wrapper {
    width:100%;
    box-sizing:border-box;
    flex-direction:column;
    flex:1;
    display:block;
    position:relative;
    /*overflow:hidden*/
}
.chat-body {
    width:100%;
    height: auto;
    box-sizing:border-box;
    flex-direction:column;
    flex:1;
    align-items:center;
    padding:0 0 120px;
    display:block;
    /*overflow:auto*/
}
.chat-body .chat-tutorial {
    width:100%;
    flex-direction:column;
    flex:1;
    justify-content:center;
    align-items:center;
    padding:60px 10px 0 10px;
    display:flex;
}
.chat-body .chat-tutorial header {
    width:100%;
    height:60px;
    justify-content:center;
    display:flex;
    position:relative
}
.chat-body .chat-tutorial header>div {
    width:36px;
    height:36px;
    color:#848484;
    cursor:pointer;
    border-radius:5px;
    justify-content:center;
    align-items:center;
    display:flex;
    position:absolute;
    top:12px;
    right:0
}
.chat-body .chat-tutorial header>div:hover {
    color:#555;
    background-color:#e6e6e6
}
.chat-body .chat-tutorial h2 {
    font-size:24px;
    font-weight:600
}
.chat-body .chat-examples {
    width:100%;
    flex-wrap:wrap;
    justify-content:space-between;
    display:flex
}

.chat-body a{width:calc(25% - 10px); margin:10px 0;}

.chat-body .chat-example {
    box-sizing:border-box;
    
    height:80px;
    cursor:pointer;
    background:#fff;
    border-radius:8px;
    justify-content:center;
    align-items:center;

    padding:0 16px;
    font-size:14px;
    line-height:24px;
    transition:background-color .2s;
    display:flex;
    position:relative;
    overflow:hidden;
    border: 1px solid rgba(51,65,85,.1);
    box-shadow: 0 0 20px rgb(153 153 153 / 10%);
}
.chat-body .chat-example:hover {
    background:#e6e6e6
}
.chat-body .chat-example .chat-exp-text{

    overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 显示省略号 */
  display: -webkit-box; /* 使用webkit内核的box布局 */
  -webkit-line-clamp: 2; /* 显示两行 */
  -webkit-box-orient: vertical; /* 垂直排列 */
}
.chat-body .chat-notice {
    padding:40px 6px 12px
}
.chat-body .chat-notice div {
    color:#848484;
    font-size:15px;
    line-height:1.6
}
.chat-body .chat-notice a {
    color:#545454;
    border-bottom:1px dotted #555;
    margin-left:2px
}
.chat-body .chat-about {
    align-items:center;
    padding:30px 6px 0;
    font-size:15px;
    display:flex
}
.chat-body .chat-about svg {
    margin-right:10px
}
.chat-body .chat-about span {
    border-bottom:1px solid transparent
}
.chat-body .chat-about div {
    cursor:pointer;
    border-bottom:1px dotted #555;
    margin-left:3px
}
.chat-questions {
    width:100%;
    max-width:800px;
    box-sizing:border-box;
    padding:0 32px
}
.chat-body .chat-tutorial header {
    width: 100%;
    height: 60px;
    justify-content: center;
    display: flex;
    position: relative;
}
.chat-footer {
    width:100%;
    box-sizing:border-box;
    z-index:1;
    pointer-events:none;

    flex-direction:column;
    flex-shrink:0;
    align-items:center;
    padding:30px 0;
    display:flex;
    position:absolute;
    bottom:0
}
.chat-footer .chat-footer-bar {
    min-height:60px;
    max-width:800px;
    width:100%;
    pointer-events:auto;
    background:#fff;
    border-radius:8px;
    align-items:center;
    display:flex;
    box-shadow:0 5px 7px rgba(0, 0, 0, .06)
}
.chat-footer .chat-left {
    flex:1;
    display:flex;
    position:relative
}
.chat-footer .chat-input {
    box-sizing:border-box;
    width:100%;
    min-height:60px;
    resize:none;
    -webkit-appearance:none;
    background:0 0;
    border:0;
    flex:1;
    margin:0;
    padding:16px 20px;
    font-size:16px;
    line-height:28px
}
.chat-footer .chat-input::-webkit-input-placeholder {
    color:#999
}
.chat-footer .chat-input.chat-input-ruler {
    height:auto;
    opacity:0;
    pointer-events:none;
    position:absolute;
    top:400px
}
.chat-footer .chat-right {
    width:60px;
    height:100%;
    flex-shrink:0;
    justify-content:center;
    align-items:center;
    display:flex
}
.chat-footer .chat-submit {
    width:36px;
    height:36px;
    color:#fff;
    cursor:pointer;

    border-radius:50%;
    justify-content:center;
    align-items:center;
    display:flex
}
.chat-footer .chat-footer-copyright {
    pointer-events:auto;
    margin-top:10px
}
/*首页css结束*/




/*  内容  */

.card-style2 {
    /* background: #fff;
     max-width: 400px;*/
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    /*padding: 20px;*/
    /*box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.2);*/
}
.card-style2 .title {
    font-size: 22px;
    font-weight: 500;
    margin-left: 10px;
    margin-bottom: 20px;
}
.card-style2 .contentr {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-wrap: wrap;
}

.card-style2 .box {
    background: #fff;
    border: 1px solid #eee;
    height: 100%;
    /*width: 100%;*/
    display: inline-flex;
    align-items: center;
    justify-content: space-evenly;
    /*margin: 0 10px;*/
    margin-right: 10px;
    border-radius: 5px;
    cursor: pointer;
    padding: 5px 15px;
    font-weight:500;
    transition: all 0.3s ease;
}
.card-style2 input[type="radio"] {
    display: none;
}
.card-style2 .active span{
    color: #fff !important;
}
.card-style2 .active{
    border-color: #4585f5;
    background: #4585f5;
    font-weight:700;
}
.card-style2 .box span {
    color: #808080;
}
.card-style2 .box {
    margin-top: 10px;
    justify-content: center;
}


.toptitle h3{
    font-size: 20px;
    font-weight: 600;
    margin: 10px 10px 10px 0;
    border-left: 5px solid #4585f5;
    padding-left:10px ;
}
.detail .write h1{
    font-size: 24px;
  
    font-weight: bold;
    padding: 10px 0 0 0;
    margin-bottom: 10px;
}
.detail .write p{
    font-size: 14px;

    opacity: 0.8;
    padding:0 0 5px 0;
}
.detail .sub{
    padding: 5px 0;
}

.cuscontent{
    margin: 0;
}
#article-wrapper p{
    line-height: 1.8;
    font-size: 16px;
}
.article-title pre{
    border-left: 5px solid #1b5082;
    background: #f1f1f1;
    padding: 10px 5px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
    margin-bottom: 10px;
    
}
.choose_target{
    margin:5px 0 10px 0;

}
.choose_target select{
    height: 35px;
}
@media only screen and (max-width:1500px){
.so-form{display:none}
}

@media only screen and (max-width:1500px){
.jh-ls1 .con{width:100%}
}
@media only screen and (min-width:1200px){
.mobile-avatar,.mobile-login,.mobile-nav{display:none}
}
@media only screen and (max-width:1200px){
   .jh-ls1 .con{width:100%;}
   .z-list3 li{width:100%;}
   .content {padding: 100px 0 70px 0;}
   .footer{display:none}
}
@media only screen and (max-width:1399px){
.header{padding:0 15px}
.share-list{left:auto;right:0}

}
@media only screen and (max-width:1300px){
.wp{max-width:1150px}
.ask-view-left{width:814px}
.tis-list{width:100%!important}
}
@media only screen and (max-width:1199px){
.ask-view-left{width:100%}
.logo img{margin:0 10px 0 0}
.header-bd,.msg-btn,.user-set .exit,.user-set .manage,.user-set .user-name,.user-set em{display:none}
.header{height:50px;box-shadow:0 0 10px 0 rgba(51,51,51,.2)}
.header-top{height:100%;line-height:100%;border:none}
.header-top .wp{width:100%;padding:0}
.header-top .logo{margin-top:9px;display:block;height:32px;line-height:32px}
.header-top-wel{display:none}
.header-top-r{display:flex;align-items:center}
.user-list{top:44px;right:-15px}
.header-bg{top:50px}
.center-box .desc{justify-content:space-between}
.center-box .desc .txt+.txt{margin-left:0}
.self-check{height:auto}
.center-box .swiper-next,.center-box .swiper-prev{height:100px}
.center-box .swiper-next{bottom:34px}
.center-box .tit{font-size:17px}
.side-btn{right:8px}
.side-btn a{width:35px;height:35px;line-height:34px}
.que-ans-box{display:block}
.que-ans-box .que{margin-right:0;width:auto}
.que-ans-box .ans{margin-top:20px;width:auto}
.que-ans-box p a{max-width:550px}
.about-us{padding-left:0}
.side-nav{position:relative;width:100%;box-shadow:none;border-radius:0;text-align:center}
.side-nav li.on:before{left:0;height:100%}
.side-nav li{padding:5px 0}
.main-tit em{font-size:18px}
.main-tit span{font-size:24px}
.main-tit{margin-bottom:40px}
.main-bg2 .wp{padding:0}
.img-list .item .info{padding:0 5px}
.img-list .item{margin:0 5px}
.img-list{margin:40px -5px 0}
.ask-view-right{display:none;margin-left:0}
.handle-fix{left:-50px}
.ask-page,.ask-view,.publish-page{display:block}
.publish-right{margin-left:0}
.ask-right{display:none;margin-left:0;margin-top:30px}
.z-box5{padding:20px}
.z-list1 .inner{padding:20px 20px 0}
.z-list1 .icon{margin-bottom:10px}
.z-list1 .txt .tit{margin-bottom:8px}
.index-row4 .box{width:450px}
.index-row1 .pic{margin:0 auto}
.sort-so{margin-top:80px}
.main3{padding:80px 0 60px}
.m-z1 .txt{padding:0 0 60px 300px}
.m-z1 .box{font-size:18px;line-height:2}
}
/* 平板 959 */
@media only screen and (max-width:959px){
    
.page-left{
    display: none;
}

.wp{width:auto;padding:0 15px}

.home_list{
    width: 33%;
}

.wp2{width:auto;padding:0 15px}
.footer{
    padding:10px 0 50px;font-size:14px;line-height:2;text-align:center;
    position: fixed;
    width: 100%;
}
.footer-copy,.footer-link{float:none}
.bot-box,.mobile-cancel{display:block}
.content{padding:50px 0 40px 0}
.content .wp{display:block;padding:0}
.mainIndex{padding:100px 0 70px}
.news{border-top-left-radius:0;border-top-right-radius:0}
.sides{display:block;position:relative;width:100%;z-index:20;margin-right:0;border-radius:0}
.sides ul{padding:10px;margin:0 -5px;overflow:hidden}
.sides ul .line{display:none}
.sides ul li{float:left;width:25%}
.sides ul li a{display:block;margin:0 5px 5px;border:1px solid #ccc;border-radius:5px}
.sides ul li.on a{background-color:#3981e0;border-color:#3981e0;color:#fff}
.sides ul li+li{padding-top:0}
.center{width:100%;margin-top:10px}
.center-box .info span{font-size:28px}
.center-box p{margin-top:10px}
.center-box .swiper-next,.center-box .swiper-prev{right:40px}
.fd-l .fd-btn a+a{margin-left:25px}
.fd-l .fd-btn a{font-size:15px}
.con-imgtxt{display:block}
.con-imgtxt .pic{display:block;padding-top:72.07%;position:relative}
.con-imgtxt .pic img{position:absolute;width:100%;height:100%;top:0;left:0}
.about-con{padding:20px}
.img-list .item .info{font-size:12px;bottom:52px}
.img-list .item{margin:0 5px}
.img-list{margin:20px -5px 0}
.con-imgtxt .txt{margin-right:0;margin-bottom:20px}
.con-imgtxt .pic{padding-top:57%}
.img-list .item .title span{font-size:16px}
.sides ul li a{position:relative;line-height:32px}
.sides ul li a:after{left:0;width:100%;height:1px;margin-top:0;bottom:0;top:auto}
.m-text h1{font-size:22px}
.sel-price li{width:60px}
.z-tit3 .comment-star .comment{margin-right:20px}
.banner .txt img{margin-bottom:20px}
.banner .txt .desc{font-size:18px;margin-bottom:20px}
.index-row1 .wp{display:block}
.index-row1 .txt .s1{font-size:22px;margin-bottom:6px}
.index-row1 .txt .s2{font-size:14px}
.index-row2 .title{padding:0}
.index-row2 .title .s1{font-size:22px}
.index-row2 .title .s2{font-size:14px}
.z-list1 li{float:none;width:auto;margin-bottom:15px}
.z-list1 .txt p{-webkit-line-clamp:inherit;height:auto}
.z-list1 .inner{padding:20px}
.assess-list li{width:50%}
.z-tit1 .tit{padding-left:24px;font-size:20px;-webkit-background-size:18px auto;background-size:18px auto}
.z-tit1 .more{-webkit-background-size:20px auto;background-size:20px auto}
.assess-list{margin:0 -5px}
.assess-list .inner{margin:0 5px 10px}
.index-row3{padding:20px 0}
.index-row4{padding:30px 0}
.index-row4 .wp{display:block}
.index-row4 .box{width:auto;height:auto;margin-bottom:15px}
.z-tit2{font-size:18px}
.z-tit2 img{width:20px;height:20px}
.z-list2 li{line-height:30px}
.index-row5 .desc{padding:0;margin-bottom:20px}
.index-row5 .tit{font-size:19px}
.banner .txt .btn-test{font-size:16px;width:200px;height:45px;line-height:45px}
.main-bg1{padding:80px 0 40px 0}
.comment-share .comment{font-size:14px}
.z-box1 .txt-box .price strong{font-size:16px}
.z-box1 .txt-box .price em{font-size:14px;margin-left:10px}
.comment-share{top:10px}
.z-box1 .txt-box{padding:15px 0 0}
.z-tit3 .tit{font-size:20px;line-height:1.5;border-left-width:5px}
.z-box2 .cont .tit{font-size:16px}
.z-box2 .cont p{font-size:14px}
.z-box4 .tit{font-size:20px;margin-bottom:15px}
.z-box4 .price{font-size:20px}
.z-box4 .tip{font-size:12px}
.z-box5 .txt .con .item{font-size:14px}
.table-z{padding:0 0 15px}
.z-box6 .good{font-size:14px}
.sort-so{display:block}
.sort-so .sort{margin-bottom:10px}
.sort-so .form-so .inp{width:100%}
.sort-so .sort:before{display:none}
.comment-list .answer .tit,.comment-list .question .item .tit,.z-box4 .ma,.z-box4 .tip{display:none}
.mobile-pay{display:block}
.g-box13{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:#fff;z-index:1000}
.bot-box,.mobile-cancel{display:block}
.box-form2 .input .info{margin:8px 0;display:block}
.box-space{padding:40px 30px}
.box-space .space-middle{width:calc(100% - 358px)}
.box-space .space-pic{width:100px;height:100px}
.box-space .space-info{padding:0 30px}
}
/*手机767*/
@media only screen and (max-width:767px){


.news-table table,
.news-table tbody{width:100%;}
.dairy-table{padding:0 10px}
.news-table table tr{ border-bottom:3px solid #f1f1f1; border-top:3px solid #f1f1f1;}
.news-table table td{display:block;width:100%; line-height:32px;}




.chat-body a{width: calc(50% - 5px); }

.chat-body .chat-example{
    width: 100%;
    padding: 20px 10px;
    height: 100%;
}

.logo img{height:20px}
.logo img:nth-child(2){height:20px}


.home_list .wlist{padding: 1rem;}
.home_list h3{font-size: .9rem;}
.home_list p{font-size: .8rem;}


.jh-ls1 .num{display:none}
.jh-ls1 .hd{margin-bottom:0;}
.chat-body .chat-tutorial{padding: 30px 0 0;}
.chat-body .chat-tutorial header{height: 40px;}
.chat-body .chat-tutorial h2{font-size: 18px;}
.detail .write h1{font-size:20px;}

.home_list{
    flex-wrap: wrap;
    width: 50%;

}

/*.home_list:nth-of-type(odd) {
    padding: 10px 5px 10px 10px;
  }
  .home_list:nth-of-type(even) {
    padding: 10px 10px 10px 5px;
  }
 */
.news-b{justify-content:center}
.footer{padding:0;height:auto; display:none}
.footer .wp{display:block;text-align:center;padding:20px 10px 50px}
.copyright{margin-top:10px}
.copyright span{margin-top:5px}
.fd-l .fd-btn a+a{margin-left:0}
.fd-m{margin-top:15px}
.fd-m div+div{margin-top:0}
.qr .pic{margin:10px auto}
.center-box .desc{display:block}
.center-box .info{justify-content:space-between}
.center-box .info span{font-size:20px}
.side-btn{right:5px;top:80%}
.side-btn a{width:28px;height:28px;line-height:27px}
.center-box .info .btn-box-cash a:first-child{width:55px}
.center-box .info .btn-box-cash a:last-child{width:75px}
.que-ans-box p a{max-width:240px}
.que-ans-box p{line-height:26px}
.que-ans-box .tit{font-size:17px;margin-bottom:10px}
.news .tit{font-size:17px}
.content .wp{display:block}
.news-top .inp{width:auto}
.explain p{line-height:26px}
.news table{border:0}
.news table thead{display:none}
.news table tr{display:block;height:auto;margin-bottom:10px;border-left:1px solid #eee;border-right:1px solid #eee;border-top:1px solid #eee}
.news table tr td{display:block;position:relative;border:0;padding:5px 0 5px 5px;border-bottom:1px solid #eee}
/*.news table tr td::before{content:'';position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);bottom:0;width:100px;text-align:center;z-index:2}
.news table tr td::after{content:'';position:absolute;left:0;top:0;bottom:0;width:100px;background:#fcfcfc}*/
.news table tr td.no{justify-content:center;padding-left:10px;padding-right:10px}
.news table tr td.no::after,.news table tr td.no::before{display:none}
.dairy-table table tr td span{margin-right:20px}
.wallet-tab table tr td:nth-child(1)::before{content:'交易时间'}
.wallet-tab table tr td:nth-child(2)::before{content:'状态'}
.wallet-tab table tr td:nth-child(3)::before{content:'金额变动(元)'}
.wallet-tab table tr td:nth-child(4)::before{content:'当前金额(元)'}
.wallet-tab table tr td:nth-child(5)::before{content:'交易方式'}
.wallet-tab table tr td:nth-child(6)::before{content:'交易流水号'}
.dairy-table table tr td:nth-child(1)::before{content:'标题'}
.dairy-table table tr td:nth-child(2)::before{content:'赏金(元)'}
.dairy-table table tr td:nth-child(3)::before{content:'作者'}
.dairy-table table tr td:nth-child(4)::before{content:'回复/查看'}
.dairy-table table tr td:nth-child(5)::before{content:'最后发表'}
.dairy-table.d-t1 table tr td:nth-child(1)::before{content:'购买时间'}
.dairy-table.d-t1 table tr td:nth-child(2)::before{content:'测评项目'}
.dairy-table.d-t1 table tr td:nth-child(3)::before{content:'购买者'}
.dairy-table.d-t1 table tr td:nth-child(4)::before{content:'消费金额(元)'}
.dairy-table.d-t1 table tr td:nth-child(5)::before{content:'推广提成(元)'}
.dairy-table.d-t2 table tr td:nth-child(1)::before{content:'序号'}
.dairy-table.d-t2 table tr td:nth-child(2)::before{content:'操作时间'}
.dairy-table.d-t2 table tr td:nth-child(3)::before{content:'IP'}
.dairy-table.d-t2 table tr td:nth-child(4)::before{content:'类型'}
.dairy-table.d-t2 table tr td:nth-child(5)::before{content:'登录地区'}


.pages li{display:none}
.pages li.next,.pages li.on,.pages li.prev{display:block}
.award-info{justify-content:space-around}
.award-info .info-item{padding:0 10px}
.news{padding:20px 15px}
.news2 .news-top form .lab2 em{width:32px}
.news-list .list-row{display:block}
.news-list .list-row .pic{margin-right:0}
.news-list .list-row .row-txt{margin-top:10px}
.news-list .list-row .row-txt .txt-b .txt-btn{width:100px}
.info-s1 .inp-link{width:75%}
.main-bg2 .wp{padding:0}
.main-bg2 .main-tit em,.main-bg2 .main-tit span{color:#3e3e3e}
.about-con .con-tit span{font-size:18px}
.about-con .con-tit em{font-size:12px}
.con-imgtxt{margin-top:10px}
.con-imgtxt .txt{font-size:14px}
.side-nav li{font-size:14px;float:left;width:25%;border-bottom:0}
.side-nav li a{border:1px solid #ccc;border-radius:5px;margin:0 3px 0}
.side-nav{overflow:hidden;padding:0 10px}
.side-nav li.on:before{display:none}
.img-list .list-row{display:block}
.img-list .item .title{padding:10px 0}
.img-list .item{margin-top:15px}
.img-list .item .title span{font-size:14px}
.img-list .item .title em{font-size:12px}
.wallet span{font-size:20px}
.wallet .w-btn{width:85px}
.award-info .info-item span{font-size:20px}
.news-list .list-row .row-txt .txt-b{margin-top:10px}
.news-top .inp{height:38px}
.main-tit span{font-size:20px}
.main-tit em{font-size:16px}
.side-nav li a{font-size:15px;padding:0;height:32px;line-height:30px}
.side-nav li.on:before{top:auto;bottom:0;height:1px;width:100%;transform:none}
.sort-so .sort a{font-size:14px;width:50px}
.sort-so .sort a.a1{width:65px;background-position:50px center;padding-right:10px}
.label-xieyi{font-size:12px}
.form-login{width:auto;padding:0}
.m-text{padding:20px 0}
.m-text h1{font-size:20px}
.m-text .xf-box{padding:10px;margin-bottom:20px}
.handle-box{margin-bottom:20px}
.handle-box a{width:80px;padding-left:24px;background-position:8px center}
.sel-price li{margin-bottom:10px}
.form-ask .tit3{padding-right:10px}
.form-ask textarea{height:200px}
.tag-list li a{width:90px}
.form-ask .submit{margin-top:10px}
.z-list4 li{padding:10px}
.z-list4 .tit-box{display:block;margin-bottom:10px}
.z-list4 .tit-box .price{margin-right:0}
.z-list4 .tit-box .btn{display:block;margin-top:10px}
.z-list4 .avatar{left:10px}
.new-box .item{float:none;width:auto}
.new-box .item:after{display:none}
.main3{padding:80px 0 40px}
.m-z1{padding:20px}
.m-z1 .txt{padding:0;margin-bottom:10px}
.m-z1 .txt p{font-size:18px;margin-bottom:5px}
.m-z1 .txt .btn{font-size:16px;width:180px;height:42px;line-height:40px;border-width:1px}
.m-z1 .box{font-size:14px;padding:20px 10px}
.z-tit3{display:block}
.z-tit3 .tit{margin-bottom:10px}
.z-tit3 .comment-star{display:block;padding:0 20px}
.banner .txt .desc,.banner .txt img{margin-bottom:10px}
.banner .btn-scroll{margin-left:-8px;width:16px;height:40px;-webkit-background-size:16px auto;background-size:16px auto}
.index-row1 .txt .s1{font-size:20px;text-align:center}
.index-row1 .txt .s2{line-height:1.8}
.index-row1 .pic{width:auto}
.index-row2{padding:30px 0}
.z-list1 .txt .tit{font-size:20px}
.z-list1 .icon{width:80px;height:80px;line-height:80px}
.assess-list li{width:100%}
.z-box7{padding:0 10px}
.z-box7 .assess-list li{width:50%}
.z-box7 .assess-list{margin:0 -3px;padding:10px 0 0}
.z-box7 .assess-list .inner{margin:0 3px}
.z-box1{display:block}
.comment-share{position:static;margin-top:10px}
.z-box1 .pic-box{margin-right:0}
.z-box1 .txt-box{width:auto}
.share-list{left:0;right:auto}
.z-box2 .cont{padding:20px}
.comment-list .date{top:10px}
.z-box3 .form-zy{width:auto}
.z-box3 .tit{font-size:20px}
.z-box3 .desc{font-size:14px}
.form-zy .item2{display:block;margin-top:50px}
.form-zy .item2 .inp,.form-zy .item2 select{width:100%;margin-bottom:20px}
.form-zy .item .add-cut{display:block;position:static}
.form-zy .item .add-cut .btn-add,.form-zy .item .add-cut .btn-cut{margin:0 auto}
.form-zy .item.label-radio{padding-left:30px}
.label-radio em{left:0}
.form-zy .inp,.form-zy select{font-size:14px;padding:0 5px}
.z-box4{padding:20px}
.z-box5{display:block}
.z-box5 .pic{margin-top:20px}
.z-box5 .txt .tit{font-size:20px}
.z-box6 .title{font-size:22px}
.z-box6 .btn-box a{width:80px;margin:0 1px}
.z-box6 .con{font-size:14px;line-height:1.8;padding:10px}
.m-z1 .txt img{height:24px}
.z-box6 .box{padding:0 0 20px}
.report-tip{font-size:14px;line-height:2;padding:20px}
.g-box13{padding:10px}
.handle-fix{display:none}
.ask-view{padding-left:0}
.ask-list li{padding:10px}
.z-list4 .tit-box .tit{font-size:16px}
.box-hd1{display:block}
.tabs-ls01{margin-top:15px;padding:0}
.tabs-ls01 .item{margin:0 0 15px 18px}
.tabs-ls01 .a1{padding-bottom:10px}
.jh-ls1 .hd .tit{display:block;max-width:none}
.jh-ls1 .hd .tag{margin:0;margin-top:10px;display:block;width:auto}
.jh-ls1 .hd .tag span{margin:0 10px 5px 0}
.m-text .hd{margin-bottom:10px;display:-webkit-flex;display:flex;flex-wrap:wrap}
.m-text .hd .price{order:2}
.m-text .hd .hd-in{order:1}
.m-text .hd .hd-in h1{max-width:none}
.box-huifu .item .bt{display:-webkit-flex;display:flex;flex-wrap:wrap}
.box-huifu .item .bt .hand{margin-bottom:10px;float:none;width:100%;text-align:right;}
.box-huifu .item .bt .btn{width:100%;}
.mainIndex{padding:80px 0 40px}
.ind-logo{display:none}
.box-search{margin-bottom:20px;padding:0 60px 0 100px}
.box-search .sel{width:100px}
.box-search .input .inp{padding:0 15px}
.box-search .submit{width:60px}
.box-newsQs-cont{padding:10px 20px}
.news-ls1 .a1{font-size:14px;line-height:32px}
.box-userC1{display:block}
.box-userC1 .box-userC1-l,.box-userC1 .box-userC1-r{width:auto;border:none}
.box-userC1 .box-userC1-l{border-bottom:1px solid #ebebeb}
.box-form2 .form-item{margin-bottom:10px}
.box-form2 .tit{display:block;width:auto}
.box-form2 .con{display:block;width:auto}
.box-form2 .input .inp{width:100%}
.box-form2 .tag-chkDone{width:100%}
.box-form2 .form-btn{padding:0;text-align:center}
.box-space{padding:20px}
.box-space .space-middle{width:calc(100% - 60px)}
.box-space .space-right{padding-top:20px;width:100%}
.box-space .space-pic{width:60px;height:60px}
.box-space .space-info{padding:0;padding-left:20px}
.box-space .space-info .hd{padding-bottom:12px}
.box-space .space-info .hd .name{font-size:20px}
.box-space .space-info .hd .id{font-size:16px}
.box-space .space-info .bd{padding-top:12px}
.box-space .space-info .bd .item{margin-bottom:10px}
.tabs-ls02 .a1{line-height:50px}
.lgReg-pop{width:350px}
.lgReg-pop-hd{padding:10px 0}
.lgReg-pop-hd .close{right:10px}
.lgReg-pop-bd{padding:20px}
.lgReg-pop-bd .tit{margin-bottom:15px;font-size:18px}
.box-form1 .form-item+.form-item{margin-top:15px}
.box-form1 .input .icon{left:10px;width:24px;height:24px;line-height:24px}
.box-form1 .input .inp{padding:0 15px 0 40px;height:40px;line-height:38px;border-radius:5px}
.box-form1 .form-yzm{padding-right:100px}
.box-form1 .form-yzm .yzm-btn{width:90px;height:40px;line-height:40px}
.box-form1 .form-btn .submit{height:40px;line-height:40px}
.box-form1 .other-lg{margin-top:20px}
.box-form1 .other-lg .other-lg-tit{margin-bottom:10px}
.lgReg-pop-bt{padding:10px 0}

.m-text .con,
.box-huifu .item .text,
.ask-list .desc,
#article-wrapper p
{font-size: 14px;}

}
@media only screen and (max-width:479px){
.que-ans-box p{line-height:28px}
.que-ans-box p a{max-width:220px}
}
.flex-row{
    display: flex;
}
.flex-row-wrap{
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}
.flex-col{
    display: flex;
    flex-direction: column;
}




.rangeslider,
.rangeslider__fill {
    background: #e6e6e6;
    display: block;
    height: 10px;
    width: 100%;
    -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.rangeslider {
    position: relative;
}

.rangeslider--disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}

.rangeslider__fill {
    background: #29ccb6;
    position: absolute;
    top: 0;
}

.rangeslider__handle {
    background: white;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -8px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.rangeslider__handle:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.rangeslider__handle:active {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
    -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
    -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
    box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

.button1{
    margin-right: 14px;
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    background-color: #0057ff;
    border-color: #0057ff;
    color: #fff;
    padding:  0 20px;
}
.u-flex {
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
    flex-direction: row;
    align-items: center;
}

.flex-1{
    display: flex;
    flex: 1;
}

.u-flex-wrap {
    flex-wrap: wrap;
}

.u-flex-nowrap {
    flex-wrap: nowrap;
}

.u-col-center {
    align-items: center;
}

.u-col-top {
    align-items: flex-start;
}

.u-col-bottom {
    align-items: flex-end;
}

.u-row-center {
    justify-content: center;
}

.u-row-left {
    justify-content: flex-start;
}

.u-row-right {
    justify-content: flex-end;
}

.u-row-between {
    justify-content: space-between;
}

.u-row-around {
    justify-content: space-around;
}

.u-text-left {
    text-align: left;
}

.u-text-center {
    text-align: center;
}

.u-text-right {
    text-align: right;
}
.u-flex-col {
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
    flex-direction: column;
}
.u-flex{
		   display: flex;
	   }
	   .surpriseplan{
		    background: radial-gradient(34% 65% at 0% 0%,#ffb18a 0%,#e85957 0%,#af0c2d 100%);
			padding-top: 66px;
			padding-left: 100px;
			padding-right: 100px;
			border-radius: 0.25rem;
			max-width: 1200px;
	   }
	   .surpriseplan .top {
	   		position: relative;
	   }
	   .surpriseplan .top h2{
	   		font-size: 46px;
			color: #FFE3b3;
	   }
	   .surpriseplan .top p{
		   margin-top: 15px;
		   font-size: 15px;
	   }
	   .surpriseplan .top .t1{
	   		color: #FFE3b3;
	   }
	   .surpriseplan .top .t2{
	   		color: #fff;
			z-index: 9;
	   }
	   .surpriseplan .top .img1{
	   		position: absolute;
			    right: 46px;
			    width: 240px;
			    top: -50px;
	   }
	   .surpriseplan .content .title{
	   		display: flex;
			justify-content: space-between;
			color: #fff;
	   }
	   .surpriseplan .top1{
		   color: #fff;
	   }
	   .surpriseplan .content{
	   		padding: 1.5rem;
	   		background-color: rgba(255,255,255,.05)!important;
			border-color: rgba(255,255,255,.1)!important;
			border-width: 1px!important;
			margin-top: 2rem!important;
			border-radius: 0.25rem!important;
	   }
	   .text-vip-light{
		   color: #FFE3b3;
	   }
	   .w-full{
			width: 100%!important;   
			max-width: 100%;
		    height: auto;
	   }
	    .surpriseplan .con3{
			display: flex;
			justify-content: space-between;
			color: rgba(0,0,0,.5)!important;
		}
		.line-through{
			text-decoration-line: line-through!important;
		}
		.surpriseplan .con2{
			margin-top: 15px;
			display: flex;
		}
		.surpriseplan .con3{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		.surpriseplan .con4{
			display: flex;
			justify-content: space-between;
		}
		.surpriseplan .content1{
			display: flex;
			flex: 1;
			flex-direction: column;
			padding: 1rem!important;
			background-color: #fff;
			border-radius: 0.25rem!important;
			margin-right: 15px;
		}
		.huis{
			color: rgb(0 0 0 / 50%);
		}
		.vip-price{
			color: #ff4d4f;
			font-size: 36px;
			font-weight: bold;
		}
		.buy1{
			display: flex;
			width: 100%;
			font-size: 18px;
			padding-bottom: 15px;
			justify-content: center;
			border-bottom: 1px solid #f5f5f5;
		}
		.help{
			color: #fff;
		}
		.help .con2{
			display: flex;
			flex-wrap: wrap;
		}
		.help .wend{
			display: flex;
			flex-direction: column;
			font-size: 13px!important;
			padding: 1rem!important;
			background-color: rgba(255,255,255,.05)!important;
			border-radius: 0.25rem!important;
			height: 100%!important;
			width: 45%;
			margin: 10px;
		}
		.help .wend .p2{
			padding-top: 20px;
		}
		.black{
			color: #333;
		}
		.surpriseplan .top1{
			margin-top: 15px;
			color: rgba(255,255,255,.5)!important;
			padding: 6px;
			background-color: rgba(255,255,255,.1)!important;
			border-radius: 9999px!important;  
			width: 300px;
			
		}
		@media (max-width: 900px) {
		  /* 在宽度低于900px时的样式 */
		  /* 可以设置元素的宽度为100%或者使用flex布局等来实现自适应效果 */
		  .surpriseplan {
		    width: 100%;
			padding: 0px;
		  }
		  .surpriseplan .top .img1{
			  width: 168px;
			  top: -15px;
			  right: 2px;
		  }
		  .surpriseplan .title1{
			  display: flex;
			  flex-direction: column;
		  }
		  .xs-none{
			  display: none;
		  }
		  .surpriseplan .content{
			  padding: 10px;
		  }
		  .p-10{
			  padding: 10px;
		  }
		  .surpriseplan .con2{
			  flex-direction: column;
		  }
		  .surpriseplan .content1{
			  margin-top: 15px;
			  margin-right: 0px;
		  }
		  .help .wend{
			  width: 90%;
			  margin: 0px;
			  margin-top: 10px;
		  }
		  .surpriseplan .top1{
			  display: flex;
			  justify-content: center;
			  width: 95%;
		  }
		}
		
#footer{background: #05192d;padding-top: 4.6875rem;}
#footer .wpCon{align-items: flex-start;justify-content: flex-start; display: flex;}
#footer .left-flexColumn{margin-right: 4.25rem;max-width: 35%;}
#footer .left-flexColumn .conlogo{height: 46px; margin-bottom: 1.375rem;}
#footer .left-flexColumn p{color: #b4b4b4;font-size: .875rem;line-height: 1.5;margin-bottom: 1.25rem;text-indent:1.75rem}
#footer .right-Start{display: flex;width: 100%;align-items: flex-start;justify-content: space-around;}
#footer .right-Start .rightItem{flex-direction: column;align-items: flex-start;justify-content: flex-start;display: flex;}
#footer .right-Start .rightItem .itemTitle{margin-bottom: 2rem;}
#footer .right-Start .rightItem .itemTitle a{color: #fff;font-size: 1.125rem;}
#footer .right-Start .rightItem ul{list-style-type: none; padding: 0; margin: 0;}
#footer .right-Start .rightItem ul li{font-size: .875rem;margin-bottom: 1rem;}
#footer .right-Start .rightItem ul li a{color: #9d9e9e;}
#footer .right-Start .rightItem ul li a:hover{color:#4585f5}
#footer .bottom-Info{gap: 1.6rem;padding: 1.3125rem;align-items: center;justify-content: center;display: flex; font-size: 14px;color:#939393;border-top: #1e3042 1px solid; margin-top: 1.6875rem;}
#footer .bottom-Info a{display:inline-block;text-decoration:none;height:20px;line-height:20px;color:#939393;}
@media only screen and (max-width:1200px){
   #footer {display:none}
}


.page-left{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 56px;
    z-index: 900;
    background: #2E2F31;
}


.logo2{
    position: relative;
    height: 76px;
    padding: 26px 0 0;
    margin-bottom: 10px;
}
.logo2 img{
    display: block;
    margin: 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    opacity: 0.9;
}

.logo2 .avatar {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.logo2.active::before{
    content: '';
    position: absolute;
    width: 3px;
    height: 32px;
    top: 27px;
    left: 0;
    background: #fff;
    border-radius: 0 100px 100px 0;
}
.logo2 .active .avatar{
    border: 2px solid #ffffff;
    border-radius: 6px;
}
.logo2 .active:before {
    content: '';
    position: absolute;
    top: 50px;
    width: 3px;
    height: 32px;
    left: 0;
    background: #fff;
    border-radius: 0 100px 100px 0;
    transition: .2s height;
    transform: translateY(-50%);
}

.logo2::after{
    content: '';
    position: absolute;
    width: 16px;
    height: 1px;
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    background: rgba(255,255,255,.1);
}
.avatars-list{
    padding-bottom: 10px;
    overflow-y: auto;
    max-height: calc(100vh - 180px);
}
.avatars-list::-webkit-scrollbar{
    width: 0;
}


.avatars-list li{
    position: relative;
    margin-bottom: 10px;
}
.avatars-list .avatar{
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.avatars-list li img{
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 6px;
}
.avatars-list li.active{

}
.avatars-list li.active .avatar{
    border: 2px solid #ffffff;
    border-radius: 6px;
}
.avatars-list li:before{
    content: '';
    position: absolute;
    top: 50%;
    width: 3px;
    height: 0;
    left: 0;
    background: #fff;
    border-radius: 0 100px 100px 0;
    transition: .2s height;
    transform: translateY(-50%);
}
.avatars-list li:hover:before{
    height: 16px;
}
.avatars-list li.active:before{
    content: '';
    position: absolute;
    top: 50%;
    width: 3px;
    height: 32px;
    left: 0;
    background: #fff;
    border-radius: 0 100px 100px 0;
    transition: .2s height;
    transform: translateY(-50%);
}
.btn-add{
    display: block;
    width: 36px;
    height: 36px;
    background: #3D3E40 url(/static/plugins/gpt/images/add.png) no-repeat center;
    -webkit-background-size: 16px auto;
    background-size: 16px auto;
    border-radius: 6px;
    margin: 0 auto 16px;
}
.btn-group2{
    display: block;
    width: 36px;
    height: 36px;
    background: #3D3E40 url(/static/plugins/gpt/images/group.png) no-repeat center;
    -webkit-background-size: 24px auto;
    background-size: 24px auto;
    border-radius: 6px;
    margin: 0 auto;
}
.page-center{
    position: fixed;
    top: 0;
    left: 56px;
    bottom: 0;
    width: 280px;
    z-index:101;
    background-image: linear-gradient(rgb(60, 60, 61) 0%, rgb(32, 33, 35) 100%);
    padding: 10px 12px;
}
.add-chat{
    display: flex;
}
.btn-add2{
    width: 204px;
    height: 44px;
    line-height: 42px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 4px;
    padding-left: 40px;
    background: url(/static/plugins/gpt/images/add2.png) no-repeat 12px center;
    -webkit-background-size: 16px auto;
    background-size: 16px auto;
    color: #ffffff;
    margin-right: 8px;
}
.btn-add2:hover,
.btn-menu:hover{
    color: #ffffff;
    background-color: #323232;
}
.btn-menu{
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 4px;
    line-height: 42px;
    background: url(/static/plugins/gpt/images/notebook.png) no-repeat center;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
}

.page-header .btn-menu{
    display: block;
    background-image: url(/static/plugins/gpt/images/notebook-on.png);
    border-color: rgba(0,0,0,.1);
    opacity: 0;
    visibility: hidden;
}
.page-header .btn-menu:hover{
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    background-color: #fff;
}
.page-layout.toggle .page-header .btn-menu{
    opacity: 1;
    visibility: visible;
}

.remove-del{
    position: absolute;
    bottom: 12px;
    left: 12px;
    right: 12px;
}


/*切换模型*/
.KJx_RoR6 {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.03);
    display: flex;
    height: 40px;
    margin: auto;
    margin-top: 20px;
    padding: 3px;
    top: 26px;
    z-index: 1;
}
.KJx_RoR6 .K14AL3Ib {
    background-image: linear-gradient(133deg,rgba(221,136,255,.1),rgba(27,68,226,.1));
    color: #4955f5;
}
.KJx_RoR6 .fCwzkQRV {
    align-items: center;
    display: flex;
    justify-content: center;
}
.KJx_RoR6>div {
    border-radius: 7px;
    color: #9798ae;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    height: 100%;
    line-height: 34px;
    padding: 0 20px;
    text-align: center;
}
.KJx_RoR6 .arPTbOZ1 {
    align-items: center;
    display: flex;
    justify-content: center;
}
.KJx_RoR6>div {
    border-radius: 7px;
    color: #9798ae;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    height: 100%;
    line-height: 34px;
    padding: 0 20px;
    text-align: center;
}
.KJx_RoR6 .arPTbOZ1 .pi6f441z {
    height: 20px;
    padding: 3px 0;
    width: 11px;
}
.KJx_RoR6 .arPTbOZ1>span {
    margin-left: 4px;
}

.arPTbOZ1{
    cursor: pointer;
}

@media only screen and (max-width: 767px){
    .KJx_RoR6 {
        flex-direction: column;
        height: auto;
    }
}