body{font-family:roboto,-apple-system;color:#333;width:100%;background-color:#efefef;font-size:18px;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:roboto,-apple-system;padding:0;margin:0}.fa{font-size:14px}h1{font-size:36px}h2{font-size:24px}h2{font-size:18px}a{color:#162957}a:link,a:visited,a:hover,a:active{text-decoration:none}ul,li{list-style:none;padding:0;margin:0;font-size:18px}legend{font-size:18px;padding:7px 0}label{font-size:18px;font-weight:400}input,textarea,div{outline:none;font-size:18px;border-radius:0;padding:0;margin:0;font-family:roboto,-apple-system}button{outline:none}select{outline:none}input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset!important}input::-webkit-input-placeholder{color:#999}input::-moz-placeholder{color:#999}input:-moz-placeholder{color:#999}input:-ms-input-placeholder{color:#999}.clear{clear:both}*,*::before,*::after{box-sizing:border-box;margin:0}[v-cloak]{display:none}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.1)}::-webkit-scrollbar-thumb:window-inactive{background:#17394e}.pageFrame{display:flex;justify-content:center;padding:50px 0}.pageFrame a{background:#bbb;margin:0 5px;padding:3px 5px;border-radius:4px;color:#fff;min-width:30px;text-align:center}.pageFrame a:hover{background:#625034}.pageFrame .select{background:#625034}.pageFrame .dian{background:0 0;color:#625034;line-height:13px;cursor:default}.pageFrame .dian:hover{background:0 0;color:#625034;line-height:13px;cursor:default}.loading{display:flex;justify-content:center}.loading span{width:4px;height:4px;border-radius:20px;animation:loading 1s infinite alternate;margin:0 2px 0 0;align-self:center}.loading span:nth-of-type(2){animation-delay:.2s}.loading span:nth-of-type(3){animation-delay:.4s}.loading span:nth-of-type(4){animation-delay:.6s}.loading span:nth-of-type(5){animation-delay:.8s}.loading span:nth-of-type(6){animation-delay:1s}.oradge span:nth-of-type(1){background:#ef6f08}.oradge span:nth-of-type(2){background:#ef6f08}.loading span:nth-of-type(3){background:#e56600}.loading span:nth-of-type(4){background:#d66102}.loading span:nth-of-type(5){background:#c95b01}.loading span:nth-of-type(6){background:#b95504}.grey span:nth-of-type(1){background:#fff}.grey span:nth-of-type(2){background:#e5e1e1}.grey span:nth-of-type(3){background:#d6d2d2}.grey span:nth-of-type(4){background:#c5c5c5}.grey span:nth-of-type(5){background:#b2aeae}.grey span:nth-of-type(6){background:#9c9a9a}@keyframes loading{0%{opacity:0}100%{opacity:1}}.loading2{display:flex;justify-content:center}.loading2>span{width:4px;height:4px;border-radius:20px;animation:loading2 1s infinite alternate;margin:0 2px 0 0;align-self:center}.loading2 span:nth-of-type(2){animation-delay:.2s}.loading2 span:nth-of-type(3){animation-delay:.4s}.loading2 span:nth-of-type(4){animation-delay:.6s}.loading2 span:nth-of-type(5){animation-delay:.8s}.loading2 span:nth-of-type(6){animation-delay:1s}.grey span:nth-of-type(1){background:#fff}.grey span:nth-of-type(2){background:#e5e1e1}.grey span:nth-of-type(3){background:#d6d2d2}.grey span:nth-of-type(4){background:#c5c5c5}.grey span:nth-of-type(5){background:#b2aeae}.grey span:nth-of-type(6){background:#9c9a9a}@keyframes loading2{0%{opacity:0}100%{opacity:1}}.headFrame{height:100px}.headFrame .skuFrame{position:fixed;z-index:100;width:100%;height:100%;display:flex;justify-content:center;top:0;left:0}.headFrame .skuFrame>span{position:absolute;z-index:1;background:#fff;border:2px solid #17394e;border-radius:5px;display:flex;align-self:center;height:auto;padding:15px 15px 50px 14px;margin-top:-150px;justify-content:space-between;width:750px}.headFrame .skuFrame>span>i{display:block;font-style:normal}.headFrame .skuFrame>span>i>b{display:block;font-size:22px}.headFrame .skuFrame>span>i>span{display:flex;padding:10px 0 0;flex-wrap:wrap}.headFrame .skuFrame>span>i>span>button{margin:0 10px 10px 0;color:#17394e;background:#fff;border-radius:3px;padding:6px 10px;font-size:16px;cursor:pointer;border:1px solid #17394e}.headFrame .skuFrame>span>i>i{position:absolute;bottom:15px;display:flex;width:100%;justify-content:center}.headFrame .skuFrame>span>i>i>button{margin:0 20px;color:#17394e;background:#fff;border-radius:3px;padding:6px 10px;font-size:16px;cursor:pointer;border:1px solid #17394e}.headFrame .skuFrame>span>i>i>button:hover{background:#17394e;color:#fff}.headFrame .skuFrame>span>i>span .select,.headFrame .skuFrame>span>i>span>button:hover{border:1px solid #17394e;color:#fff;background:#17394e}.headFrame .skuFrame>span>span{width:471px;border:2px solid #17394e;border-radius:3px;padding:5px 10px;position:relative}.headFrame .skuFrame>span>span::before{content:'=>';position:absolute;right:-33px;top:125px;font-size:26px}.headFrame .skuFrame>span>span>b{display:flex;width:100%;padding:10px 0;border-bottom:1px dashed;margin-bottom:10px}.headFrame .skuFrame>span>span>b>label{align-self:center;margin-right:5px}.headFrame .skuFrame>span>span>b>input{border:1px solid;border-right:none;border-radius:3px 0 0 3px;width:380px;padding:2px 5px}.headFrame .skuFrame>span>span>b>button{border:1px solid #17394e;border-radius:0 3px 3px 0;background:#17394e;color:#fff;font-size:18px;cursor:pointer}.headFrame .skuFrame>span>span>ul{height:240px;overflow-y:scroll}.headFrame .skuFrame>span>span>ul>li{display:flex;justify-content:space-between;margin-bottom:10px;border-bottom:1px dashed;padding-bottom:10px;width:97%}.headFrame .skuFrame>span>span>ul>li>button{border:1px solid #17394e;border-radius:3px;background:#17394e;color:#fff;font-size:23px;cursor:pointer}.headFrame .skuFrame>span>b{width:210px;border:2px solid #17394e;border-radius:3px;padding:5px 10px;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:flex-start}.headFrame .skuFrame>span>b>span{display:block;width:100%;height:30px}.headFrame .skuFrame>span>b>button{border:1px solid #17394e;border-radius:3px;background:#17394e;color:#fff;font-size:18px;padding:2px 13px;margin-top:11px;cursor:pointer}.headFrame .skuFrame>span>b>b{display:flex;justify-content:space-between;flex-wrap:wrap;height:235px;align-content:baseline;overflow-y:scroll;width:100%}.headFrame .skuFrame>span>b>b>button{height:30px;margin-bottom:10px;border:1px solid #17394e;border-radius:3px;background:#fff;color:#17395e;cursor:pointer}.headFrame .skuFrame>span>b>b>button:hover{background:#17394e;color:#fff}.headFrame .skuFrame>b{width:100%;height:100%;background:#17394e;opacity:.8}.headFrame .fastnav{position:fixed;z-index:99;background:#17394e;bottom:100px;right:10px;width:50px;color:#fff;border-radius:3px}.headFrame .fastnav>span{width:50px;height:50px;display:flex;justify-content:center;cursor:pointer;border-bottom:1px solid #fff;position:relative}.headFrame .fastnav>span>i{align-self:center;font-size:22px}.headFrame .fastnav>span:hover>b{display:block}.headFrame .fastnav>span>b{position:absolute;right:60px;display:none;background:#fff;color:#587ba3;width:149px;font-size:16px;font-weight:400;height:30px;top:10px;line-height:30px;text-align:center;border-radius:4px;border:1px solid #587ba3}.headFrame .fastnav>span>b::before{content:'▸';position:absolute;z-index:1;right:-24px;font-size:41px}.headFrame .fastnav>span>b::after{content:'▸';position:absolute;z-index:2;right:-20px;font-size:36px;color:#fff}.headFrame .fastnav>span:last-child{border-bottom:none}.headFrame .fastnav>span:hover{background:#fff;color:#17394e}.headFrame .bg{height:100px;width:100%;z-index:90;margin:0;position:fixed;background:url(../images/headBg.png) no-repeat;background-size:100% auto}.headFrame .bg>.con{width:100%;height:100px}.headFrame .bg>.con .line{width:100%;display:flex;justify-content:space-between;height:60px}.headFrame .bg>.con .line .navigate{margin:0 20px;padding-top:5px;height:40px}.headFrame .bg>.con .line .navigate>a{color:#fff;font-size:18px;padding-right:30px}.headFrame .bg>.con .line .logo{align-self:center;margin:0 0 0 20px;display:flex;width:calc(100% - 710px)}.headFrame .bg>.con .line .logo img{height:auto}.headFrame .bg>.con .line .logo>span{height:39px;background:#eee;border-radius:5px;position:relative;align-self:center;margin-left:30px;width:calc(100% - 00px);display:flex}.headFrame .bg>.con .line .logo>span>i{font-size:24px;align-self:center;margin:0 10px}.headFrame .bg>.con .line .logo>span>input{width:calc(100% - 55px);background:0 0;border:none;color:#000}.headFrame .bg>.con .line .right{align-self:center;display:flex}.headFrame .bg>.con .line .right .addNew{width:auto;height:40px;border:none;margin:0;background:#587ba3;border-radius:5px;font-size:21px;color:#fff;align-self:center;margin-right:30px;padding:0 14px;display:flex;line-height:40px;cursor:pointer}.headFrame .bg>.con .line .right .addNew>i{font-size:22px;padding-left:6px}.headFrame .bg>.con .line .right .registBtn{color:#e5e5e5;font-size:20px;margin-right:30px;background:0 0;border:none;cursor:pointer}.headFrame .bg>.con .line .right .registBtn>i{font-size:21px;margin-right:5px}.headFrame .bg>.con .line .right .loginBtn{color:#e5e5e5;font-size:20px;margin-right:30px;background:0 0;border:none;cursor:pointer}.headFrame .bg>.con .line .right .loginBtn>i{font-size:21px;margin-right:5px}.headFrame .bg>.con .line .right .userMenu{}.headFrame .bg>.con .line .right .userMenu .menu{height:70px;position:relative;padding:0 20px;display:flex}.headFrame .bg>.con .line .right .userMenu .menu .userHead{align-self:center;border-radius:100px;overflow:hidden;display:flex;width:50px;height:50px}.headFrame .bg>.con .line .right .userMenu .menu .userHead>img{width:50px;height:50px}.headFrame .bg>.con .line .right .userMenu .menu:hover ul{display:block}.headFrame .bg>.con .line .right .userMenu .menu ul{position:absolute;top:70px;right:0;background:#000;border-radius:0 0 5px 5px;display:none}.headFrame .bg>.con .line .right .userMenu .menu ul li{display:block}.headFrame .bg>.con .line .right .userMenu .menu ul li:hover{background:#717171}.headFrame .bg>.con .line .right .userMenu .menu ul li a{color:#fff;display:block;padding:8px 30px}.headFrame .bg>.con .line .right .userMenu .menu ul li button{display:block;width:100%;text-align:left;padding:8px 30px;background:0 0;border:none;color:#fff;font-size:18px;cursor:pointer}footer{background-color:#202020}footer .pc .footFrame{width:1200px;margin:0 auto}footer .pc .webMap{padding-top:29px;background:#202020}footer .pc .webMap .logo{float:left;height:300px;padding:18px 0 0 12px;width:161px}footer .pc .webMap .logo img{width:100%}footer .pc .webMap .map{float:right;width:868px}footer .pc .webMap .map .list{float:left;width:240px;margin-right:74px}footer .pc .webMap .map .list:nth-child(3n+3){margin-right:0}footer .pc .webMap .map .list h5{font-size:19px;color:#fff;font-weight:700;text-transform:uppercase;border-bottom:2px solid #fff;line-height:37px}footer .pc .webMap .map .list li{line-height:33px;font-size:16px}footer .pc .webMap .map .list li a{color:#a1a5ac}footer .pc .webMap .copyright{clear:both;height:40px;text-align:center}.likeCmt{display:flex}.likeCmt .like{color:#ff5a00!important}.followCmt button b{align-self:center}.maskBG{background:#000;opacity:.5;width:100%;height:300px;position:absolute}#tipsFrame{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;box-shadow:0 0 10px #ddd}#tipsFrame .box{top:40%;width:300px;line-height:25px;font-size:18px;background:#fff;padding:10px;border-radius:5px;position:absolute;left:50%;margin-left:-150px}#dialogFrame{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9998}#dialogFrame .maskBG{height:100%}#dialogFrame .box{position:absolute;width:420px;height:261px;background:#fff;z-index:1;border-radius:15px;left:50%;margin-left:-150px;border:1px solid #e5e5e5;top:35%}#dialogFrame .box .close i{font-size:14px;color:#a0a0a0}#dialogFrame .box .text{width:100%;min-height:122px;font-size:18px;color:#000;display:flex;margin-top:40px;flex-wrap:wrap}#dialogFrame .box .text span{display:block;width:100%;text-align:center;height:30px;font-size:24px;margin:15px 0;padding:0 50px;align-self:center}#dialogFrame .box .text b{display:block;width:100%;font-weight:400;text-align:center;padding:0 50px;margin-bottom:20px}#dialogFrame .box .text b img{width:180px;height:180px}#dialogFrame .box .text h1{text-align:center;padding:20px 10px;font-size:18px}#dialogFrame .box .text h2{text-align:center;font-size:12px;padding:5px}#dialogFrame .box .text h3{text-align:center}#dialogFrame .box .text h3 input{width:90%}#dialogFrame .dialogBtn{height:38px;margin-bottom:38px;display:flex;justify-content:center}#dialogFrame .dialogBtn button{height:38px;line-height:38px;font-size:18px;border:none;cursor:pointer;color:#fff;background:#ff5a00}#dialogFrame .dialogBtn .no{width:140px;margin-right:10px;color:#262626;background:#eee}#dialogFrame .dialogBtn .yes{width:140px}#dialogFrame .dialogBtn .sureOne{min-width:192px}#dialogFrame .dragLineBox{width:170px;height:30px;float:left;font-size:16px}#dialogFrame .massageNum{width:70px;height:30px;float:left;position:relative;border:1px solid #ccc;border-radius:5px;overflow:hidden}#dialogFrame .massageNum input{width:100%;padding:0;line-height:30px;font-size:16px;border:none;box-shadow:none;margin:0}#dialogFrame .textBox{margin-bottom:10px;height:40px}#dialogFrame .massageNum .bg{width:35px;height:30px;background:#24c2cb;cursor:pointer;float:left}#dialogFrame .massageNum .bg2{width:35px;height:30px;background:#eee;cursor:pointer;float:left}#dialogFrame .massageNum .block{width:35px;height:30px;background:#fff;position:absolute;cursor:pointer}.container{width:100%}.container .crumbsFrame{display:flex;justify-content:left}.container .crumbsFrame .crumbsBox{padding:20px 20px 0;display:flex;min-width:1000px;max-width:1440px;width:100%}.container .crumbsFrame .crumbsBox>b{font-weight:400;display:flex}.container .crumbsFrame .crumbsBox>b>a{font-size:17px}.container .crumbsFrame .crumbsBox>b>b{font-weight:400;padding:0 5px;font-size:21px;transform:rotateY(45deg);margin-top:-2px}.container .crumbsFrame .crumbsBox>span{font-size:17px}.container .content{margin:0 auto;padding:20px;display:flex;justify-content:space-between;min-width:1000px;max-width:1900px}.container .content .signed{width:740px;height:366px;margin:40px auto;background:#fff;border-radius:5px;box-shadow:0 0 10px #999}.container .content .signed>b{font-size:40px;margin:80px 0 130px;width:100%;height:50px;text-align:center;display:block}.container .content .signed>span{width:100%;text-align:center;font-size:22px;display:block}.container .content .left{width:calc(100% - 320px)}.container .content .left .crumbsFrame .crumbsBox{padding:0}.container .content .left .tagsFrame{background:#fff;border-radius:4px}.container .content .left .tagsFrame>b{display:block;padding:15px;padding-bottom:0;font-size:26px;color:#2b2b2b}.container .content .left .tagsFrame>span{display:flex;padding:10px 15px 0 40px;flex-wrap:wrap;position:relative;border-bottom:1px solid #8d7249}.container .content .left .tagsFrame>span::after{content:'';width:10px;height:10px;background:#2b2b2b;border-radius:2px;position:absolute;left:20px;top:50%;margin-top:-5px}.container .content .left .tagsFrame>span:last-child{border:none}.container .content .left .tagsFrame>span>a{border:1px solid #2f989c;border-radius:5px;padding:4px 8px;margin:0 10px 10px 0;font-size:15px;cursor:pointer;background:0 0}.container .content .left .tagsFrame .tag>a{border:1px solid #2f6476}.container .content .left .tagsFrame .tag .active,.container .content .left .tagsFrame .tag>a:hover{background:#2f6476;color:#fff}.container .content .left .tagsFrame .category .active,.container .content .left .tagsFrame .category>a:hover{background:#2f989c;color:#fff}.container .content .left .topicFrame{background:#fff;border-radius:6px;margin:15px 0}.container .content .left .topicFrame .top{padding:20px;display:flex;justify-content:space-between;height:80px;border-bottom:1px solid #dcd4c8}.container .content .left .topicFrame .top>i{font-style:normal;align-self:end}.container .content .left .topicFrame .top>h1{font-size:26px;align-self:end;width:130px}.container .content .left .topicFrame .top>span{width:calc(100% - 280px);align-self:end;font-size:24px}.container .content .left .topicFrame .top>span>a{margin-right:40px;padding:0 12px}.container .content .left .topicFrame .top>span>a:hover,.container .content .left .topicFrame .top>span .select{border-bottom:2px solid #153248}.container .content .left .topicFrame .top>button{width:150px;height:40px;border:none;margin:0;background:#587ba3;border-radius:5px;font-size:21px;color:#fff;align-self:center;padding:0 14px;display:flex;line-height:40px}.container .content .left .topicFrame .top>button>i{margin-left:8px}.container .content .left .topicFrame .list{}.container .content .left .topicFrame .list .li{border-bottom:1px dashed #dcd4c8;display:flex;justify-content:space-between}.container .content .left .topicFrame .list .li>span{padding:10px 20px;width:calc(100% - 220px);display:flex}.container .content .left .topicFrame .list .li>span>b{font-weight:400;width:110px;padding-right:10px;padding-top:3px}.container .content .left .topicFrame .list .li>span>b>p{display:flex;justify-content:right;font-size:16px;margin-bottom:5px}.container .content .left .topicFrame .list .li>span>b>p>b{padding-right:5px;color:#2b2b2b}.container .content .left .topicFrame .list .li>span>b>p>span{width:50px;color:#171717}.container .content .left .topicFrame .list .li>span>span{display:block;font-size:22px;font-weight:400;color:#282828;padding-left:10px;width:calc(100% - 130px)}.container .content .left .topicFrame .list .li>span>span>b{margin-bottom:5px;font-size:22px;font-weight:400;color:#282828;display:flex}.container .content .left .topicFrame .list .li>span>span>b .announcement{margin:5px 6px 0 0;font-size:21px;color:#ff5a00}.container .content .left .topicFrame .list .li>span>span>b .solved{width:60px;height:27px;font-size:55px;color:#70b602;position:relative;overflow:hidden}.container .content .left .topicFrame .list .li>span>span>b .solved::before{transform:rotate(-15deg);position:absolute;top:-14px}.container .content .left .topicFrame .list .li>span>span>span{position:relative;display:flex;padding-left:15px;flex-wrap:wrap}.container .content .left .topicFrame .list .li>span>span>span::after{content:'';position:absolute;width:10px;height:10px;background:#2b2b2b;border-radius:2px;left:0;align-self:center}.container .content .left .topicFrame .list .li>span>span>span>a{border:1px solid #2f6476;border-radius:7px;padding:0 10px;font-size:16px;margin:10px 10px 10px 0}.container .content .left .topicFrame .list .li>b{width:220px;overflow:hidden;margin-right:20px;font-weight:400}.container .content .left .topicFrame .list .li>b>b{display:flex;justify-content:right;margin:15px 10px;font-weight:400}.container .content .left .topicFrame .list .li>b>b>a{color:#2a2a2a;display:flex}.container .content .left .topicFrame .list .li>b>b img{width:40px;height:40px;border-radius:50px;box-shadow:0 0 7px #aaa;margin-right:11px}.container .content .left .topicFrame .list .li>b>b span{align-self:center;color:#2a2a2a;width:150px;word-break:break-word}.container .content .left .topicFrame .list .li>b>span{display:flex;justify-content:right;padding:0 10px 10px;font-size:16px;color:#999d9f;line-height:29px}.container .content .left .topicFrame .list .li>b>span>i{align-self:center;margin-right:5px}.container .content .right{width:300px}.container .content .right .about{background:#2a2a2a;color:#fff;padding:20px 18px;border-radius:4px}.container .content .right .about>b{display:flex;margin-bottom:20px}.container .content .right .about>b>i{font-size:25px;margin-right:5px}.container .content .right .about>b>span{font-size:18px;font-weight:400;align-self:center}.container .content .right .about>p{font-size:16px;font-weight:400;margin:15px 0}.container .content .right .about>ul{margin-top:-10px}.container .content .right .about>ul>li{font-size:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.container .content .right .about a{color:#fff;text-decoration:underline}.container .content .right .trending{background:#fff;border-radius:5px;margin-top:20px;padding:20px 0 0}.container .content .right .trending>h3{font-size:22px;margin-bottom:10px;padding:0 18px}.container .content .right .trending>h3 i{font-size:24px;padding-right:10px}.container .content .right .trending ul{}.container .content .right .trending ul li{padding:18px;border-top:1px solid #d4d4d4;display:flex}.container .content .right .trending ul li>b{display:flex;width:25px;height:25px;border-radius:5px;overflow:hidden;margin-right:10px;position:relative;justify-content:center}.container .content .right .trending ul li>b>span{position:absolute;color:#fff;align-self:center}.container .content .right .trending ul li>b>b{background:#ffba9a;width:25px;height:25px}.container .content .right .trending ul li>span{width:229px;color:#282828;font-size:17px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.container .content .right .trending ul li:nth-child(1)>b>b{background:#ea5a18}.container .content .right .trending ul li:nth-child(2)>b>b{background:#ea7d4a}.container .content .right .trending ul li:nth-child(3)>b>b{background:#ff9e70}.container .content .right .userBoard{background:#fff;border-radius:6px}.container .content .right .userBoard .head{display:flex;justify-content:center;height:240px;flex-direction:column}.container .content .right .userBoard .head>h4{font-size:22px;padding:0 0 15px;height:auto;text-align:center}.container .content .right .userBoard .head>img{align-self:center;width:130px;height:130px;border-radius:150px;overflow:hidden;background:#fff;box-shadow:3px 3px 14px #ddd}.container .content .right .userBoard .btn{display:flex;justify-content:space-between;border-top:1px solid #d4d4d4}.container .content .right .userBoard .btn>button{width:50%;border:none;height:50px;background:0 0;font-size:18px;color:#fff;cursor:pointer;line-height:50px;text-align:center}.container .content .right .userBoard .btn>button>i{margin-right:5px}.container .content .right .userBoard .btn>button:first-child{border-right:1px solid #d4d4d4}.container .content .right .userBoard .btn{display:flex;justify-content:space-between;border-top:1px solid #d4d4d4}.container .content .right .userBoard .btn>a{width:50%;border:none;height:50px;background:0 0;font-size:18px;color:#363636;cursor:pointer;line-height:50px;text-align:center}.container .content .right .userBoard .btn>a>i{margin-right:5px}.container .content .right .userBoard .btn>a:first-child{border-right:1px solid #d4d4d4}.container .content .right .productsList{margin:20px 0}.container .content .right .productsList .product{margin:20px 0;background:#fff}.container .content .right .productsList .product>a{display:flex}.container .content .right .productsList .product>a>img{width:100%}.container .content .right .productsList .product>span{padding:10px 10px 0;display:block}.container .content .right .productsList .product>span>a{}.container .content .right .productsList .product>b{display:block;padding:10px}.container .content .right .notlogin{background:#363636}.container .content .right .notlogin .head>img{box-shadow:3px 3px 14px #000}.container .content .right .notlogin .btn{}.container .content .right .notlogin .btn>a{color:#e5e5e5}.container .content .topic{width:100%;display:flex;justify-content:space-between}.container .content .topic .left{}.container .content .topic .left .bar{display:flex;justify-content:space-between;margin:15px 0 5px}.container .content .topic .left .bar>span{position:relative;padding:0 10px 0 20px;display:flex;flex-wrap:wrap;height:auto}.container .content .topic .left .bar>span::after{content:'';width:10px;height:10px;background:#2b2b2b;border-radius:2px;position:absolute;left:0;top:50%;margin-top:-9px}.container .content .topic .left .bar>span>a{border:1px solid #2b2b2b;border-radius:5px;padding:4px 8px;margin:0 10px 10px 0;font-size:15px;cursor:pointer;color:#757575;background:#fff;align-self:center}.container .content .topic .left .bar>button{height:30px;background:#17394e;border:none;margin:0;border-radius:6px;color:#fff;font-size:17px;cursor:pointer;padding:0 14px;width:160px;align-self:flex-end;margin-bottom:6px}.container .content .topic .left .article{background:#fff;display:block;padding:19px 26px;border-radius:6px;margin-bottom:20px}.container .content .topic .left .article>span{padding:0 0 19px;display:block;border-bottom:1px solid #d4d4d4;margin-bottom:19px;position:relative}.container .content .topic .left .article .topicIcon{position:absolute;right:0;top:0;display:flex}.container .content .topic .left .article .topicIcon>a{width:30px;height:30px;margin-left:5px}.container .content .topic .left .article .topicIcon>a>i{font-size:25px;color:#17394e}.container .content .topic .left .article>span .topicTitle{display:flex}.container .content .topic .left .article>span .topicTitle>span{}.container .content .topic .left .article>span .topicTitle .solved{font-size:65px;position:relative;width:71px;color:#70b602}.container .content .topic .left .article>span .topicTitle .solved::before{transform:rotate(-15deg);position:absolute;top:-14px}.container .content .topic .left .article>span .topicTitle .announcement{font-size:30px;position:relative;width:41px;color:#ff5a00}.container .content .topic .left .article>span .topicTitle .announcement::before{position:absolute;top:7px}.container .content .topic .left .article>span .topicTitle h1{margin-bottom:19px;font-size:30px;width:calc(100% - 150px)}.container .content .topic .left .article>span>span{display:flex;width:100%;justify-content:space-between}.container .content .topic .left .article>span>span>span{display:flex}.container .content .topic .left .article>span>span>span a{display:flex}.container .content .topic .left .article>span>span>span a>img{border-radius:100px;width:35px;height:35px;box-shadow:0 1px 5px #999}.container .content .topic .left .article>span>span>span>a>b{align-self:center;margin:0 25px 0 10px;color:#2b2b2b;font-size:18px;font-weight:400}.container .content .topic .left .article>span>span>span>a>i{align-self:center;font-style:normal;color:#999d9f;font-size:17px}.container .content .topic .left .article>span>span>span>a>i>i{font-weight:700}.container .content .topic .left .article>span>span>b{display:flex}.container .content .topic .left .article>span>span>b>span{margin-left:40px;align-self:center;font-size:16px;font-weight:400}.container .content .topic .left .article>span>span>b>span>b{margin-right:5px}.container .content .topic .left .article>b{position:relative;display:block;min-height:190px;margin-bottom:20px;font-weight:400}.container .content .topic .left .article>b .funBox{position:absolute;bottom:0;right:0;background:#e9ecef;padding:16px 8px;border-radius:5px}.container .content .topic .left .article>b .funBox>button{width:40px;height:40px;border:none;background:0 0;padding:0;margin:0;display:block;margin-bottom:10px;cursor:pointer}.container .content .topic .left .article>b .funBox>button>span{display:block;width:40px;height:40px;border:2px solid #707070;border-radius:40px;line-height:36px;color:#707070}.container .content .topic .left .article>b .funBox .active>span{background:#344c8e;border:2px solid #344c8e}.container .content .topic .left .article>b .funBox .active>span>i{color:#fff}.container .content .topic .left .article>b .funBox>button>span>i{font-size:25px}.container .content .topic .left .article>b .funBox>button:hover>span{border:2px solid #344c8e;background:#344c8e;color:#fff}.container .content .topic .left .article>b .funBox>button:last-child{margin:0}.container .userTop{min-width:1000px;max-width:1440px;margin:0 auto}.container .userCenter{margin:0 auto 50px;padding:20px;display:flex;justify-content:space-between;min-width:1000px;max-width:1440px}.container .userCenter .left{width:300px}.container .userCenter .left .userMenuFrame{background:#fff;border-radius:5px;box-shadow:0 0 10px #ccc}.container .userCenter .left .userMenuFrame>b{display:flex;text-align:center;justify-content:center;padding:30px 0}.container .userCenter .left .userMenuFrame>b>img{width:150px;height:150px;border-radius:150px;box-shadow:0 0 10px #ccc}.container .userCenter .left .userMenuFrame>span{display:block;text-align:center;font-size:21px;padding:0 0 20px}.container .userCenter .left .userMenuFrame ul{border-top:1px solid #d4d4d4}.container .userCenter .left .userMenuFrame ul li{padding:15px 0 15px 50px;font-size:22px}.container .userCenter .left .userMenuFrame ul li>i{font-size:22px;padding-right:5px}.container .userCenter .left .userMenuFrame ul li>a{color:#2b2b2b}.container .userCenter .left .userMenuFrame ul .active>a,.container .userCenter .left .userMenuFrame ul .active>i{color:#587ba3;font-weight:700}.container .userCenter .right2{width:calc(100% - 320px);display:flex;flex-wrap:wrap}.container .userCenter .right2 .right{width:100%;margin-bottom:24px}.container .userCenter .right2 .right .logoff{padding:42px}.container .userCenter .right2 .right .logoff>b{display:flex;font-size:25px;color:#2b2b2b;padding-left:33px;position:relative;margin-bottom:30px}.container .userCenter .right2 .right .logoff>b::after{content:' ';width:15px;height:15px;display:block;background:#555;border-radius:2px;position:absolute;align-self:center;left:0}.container .userCenter .right2 .right .logoff>span{display:flex;font-size:25px;color:#272727}.container .userCenter .right2 .right .logoff>i{display:flex;margin:17px 0 31px}.container .userCenter .right2 .right .logoff>i>i{width:20px;height:20px;background:#2b2b2b;margin-right:10px;font-style:normal;position:relative;border-radius:100px;display:flex;justify-content:center}.container .userCenter .right2 .right .logoff>i>i::after{content:'!';color:#fff;position:absolute;align-self:center;font-size:16px}.container .userCenter .right2 .right .logoff>i>span{width:calc(100% - 40px);font-style:normal}.container .userCenter .right2 .right .logoff>a{display:block;width:150px;height:40px;background:#f85d30;font-size:20px;color:#fff;border:none;border-radius:6px;cursor:pointer;text-align:center;line-height:40px}.container .userCenter .right{width:calc(100% - 320px);background:#fff;border-radius:5px;box-shadow:0 0 10px #ccc}.container .userCenter .right .title{margin:32px 0;padding:0 32px;font-size:25px;font-weight:700;display:flex}.container .userCenter .right .title>b{width:10px;height:10px;border-radius:2px;background:#26253e;align-self:center;margin-right:15px}.container .userCenter .right .uploadHeadpic{display:flex;margin:20px 0;padding:0 32px;justify-content:center}.container .userCenter .right .uploadHeadpic>b{display:flex;justify-content:center;flex-wrap:wrap;width:200px}.container .userCenter .right .uploadHeadpic>b>b{display:flex;width:150px;height:150px;border-radius:150px;box-shadow:0 0 10px #ccc;overflow:hidden;position:relative}.container .userCenter .right .uploadHeadpic>b>b>img{width:150px;height:150px;border-radius:150px}.container .userCenter .right .uploadHeadpic>b>b>span{width:100%;height:100%;position:absolute;display:none;justify-content:center}.container .userCenter .right .uploadHeadpic>b>b>span>input{position:absolute;z-index:3;width:100%;height:100%;background:red;cursor:pointer;opacity:0}.container .userCenter .right .uploadHeadpic>b>b>span>i{z-index:2;color:#fff;position:absolute;font-size:20px;bottom:65px;font-weight:400}.container .userCenter .right .uploadHeadpic>b>b>span>b{position:absolute;z-index:2;color:#fff;bottom:40px;font-weight:400;font-size:16px}.container .userCenter .right .uploadHeadpic>b>b>span>span{background:#000;opacity:.8;position:absolute;z-index:1;width:100%;height:100%}.container .userCenter .right .uploadHeadpic>b>b:hover>span{display:flex}.container .userCenter .right .uploadHeadpic>b>span{display:flex;justify-content:center;margin:20px 0;font-size:20px;color:#555;font-weight:400}.container .userCenter .right .uploadHeadpic>b>span>i{font-size:24px;padding-right:5px}.container .userCenter .right .nameInput{margin:20px 0;padding:0 32px}.container .userCenter .right .nameInput>input{height:40px;border:1px solid #707070;border-radius:5px;width:500px;color:#555;padding:0 10px}.container .userCenter .right .btn{margin:20px 0;padding:0 32px}.container .userCenter .right .btn>button{width:auto;height:40px;border:none;margin:0;background:#587ba3;border-radius:5px;font-size:21px;color:#fff;align-self:center;margin-right:30px;padding:0 14px;display:flex;line-height:40px;cursor:pointer;border:1px solid #587ba3}.container .userCenter .right .btn>button:hover{background:#fff;color:#587ba3}.container .userCenter .right .tipics{}.container .userCenter .right .tipics>ul{}.container .userCenter .right .tipics>ul>li{display:flex;justify-content:space-between;padding:20px 32px;border-bottom:1px solid #d4d4d4}.container .userCenter .right .tipics>ul>li .point{width:100px;font-size:15px}.container .userCenter .right .tipics>ul>li .point>span{display:block;text-align:right;width:100%;margin-bottom:5px}.container .userCenter .right .tipics>ul>li .Bookmarks{}.container .userCenter .right .tipics>ul>li .Bookmarks>i{border:2px solid #344c8e;display:block;width:50px;height:50px;line-height:48px;text-align:center;border-radius:50px;background:#344c8e;color:#fff;font-size:30px}.container .userCenter .right .tipics>ul>li .tit{margin:0 20px;width:100%}.container .userCenter .right .tipics>ul>li .tit>b{display:flex;height:60px;line-height:30px;margin-bottom:10px}.container .userCenter .right .tipics>ul>li .tit>b>button{background:#587ba3;border:none;border-radius:3px;color:#fff;width:35px;height:28px;text-align:center;position:relative;margin-right:5px;cursor:pointer}.container .userCenter .right .tipics>ul>li .tit>b>button>i{font-size:16px;position:absolute;left:8px;top:7px}.container .userCenter .right .tipics>ul>li .tit>span{display:flex;flex-wrap:wrap}.container .userCenter .right .tipics>ul>li .tit>span>i{border-radius:2px;background:#26253e;margin:7px 9px 0 0;width:10px;height:10px}.container .userCenter .right .tipics>ul>li .tit>span>a{border:1px solid #2b2b2b;margin-right:10px;border-radius:5px;padding:0 10px;color:#757575;margin-bottom:10px}.container .userCenter .right .tipics>ul>li .user{align-self:center;width:170px}.container .userCenter .right .tipics>ul>li .user>b{display:flex;margin-bottom:10px}.container .userCenter .right .tipics>ul>li .user>b>img{width:50px;height:50px;border-radius:50px;overflow:hidden;align-self:center}.container .userCenter .right .tipics>ul>li .user>b>span{align-self:center;margin-left:10px;font-weight:400;word-break:break-word;max-width:110px}.container .userCenter .right .tipics>ul>li .user>span{display:block;width:180px}.container .userCenter .right .reply{}.container .userCenter .right .reply>ul{}.container .userCenter .right .reply>ul>li{border-bottom:1px solid #d4d4d4;padding:20px 30px}.container .userCenter .right .reply>ul>li .tit{margin:10px 0}.container .userCenter .right .reply>ul>li .tit>b{font-size:20px;font-weight:400}.container .userCenter .right .reply>ul>li .tit>a{}.container .userCenter .right .reply>ul>li .replyCon{}.container .userCenter .right .reply>ul>li .replyCon>b{display:block;font-size:20px;font-weight:400;margin:10px 0}.container .userCenter .right .reply>ul>li .replyCon>span{}.container .userCenter .right .reply>ul>li:first-child{padding-top:0}