@import url("pc.css");
.searchbox{ width:600px; margin:50px auto 0;}
.sologo{ width:300px; background:url(../img/sologo.png) no-repeat; background-size:300px 60px; height:60px; margin-left:150px;}
.so .q{ height:30px; padding:5px 10px; border:2px solid var(--color-hong); width:456px; border-radius:6px;}
.so .q:focus,.sotop .q:focus{border-color:var(--color-lanlv);}
.so .btn,.sotop .btn{ height:44px; border:none 0; background-color:var(--color-hong); width:100px; border-radius:6px; color:var(--color-f); cursor:pointer;}
.so .btn:hover,.sotop .btn:hover{ background-color:var(--color-lanlv);}
.solist li,.solist li h3{box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
/*热门内容*/
.addnew{ background-color:rgba(255,255,255,0.5); padding-bottom:10px;}
.addnew dd,.addnew dt{ float:left; width:100%; box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent; padding:0 10px;}
.addnew dt{border-bottom:1px solid var(--color-d); height:40px;}
.addnew dt h3{ float:left; height:20px; line-height:20px; font-size:var(--font-size-con); margin-top:10px; padding-left:50px; color:var(--color-hong); position:relative;}
.addnew dt h3:after{top:0; left:0; height:20px; width:40px; content:"Hot"; text-align:center; background-color:var(--color-hong); border-radius:10px 0 10px 0; font-size:11px; color:var(--color-f); position:absolute;}
.addnew dd{ margin-top:10px; line-height:20px; height:20px;}
.addnew dd i{ float:left; width:20px; height:20px; text-align:center; background-color:var(--color-c); color:var(--color-f); border-radius:3px; margin-right:10px;}
.addnew dd a{ float:left; width:calc(100% - 120px); height:20px; overflow:hidden;}
.addnew dd em{color:var(--color-c); width:84px; height:20px; overflow:hidden; text-align:right; float:right;}
.addnew dd:nth-child(1) i{background-color:var(--color-hong);}
.addnew dd:nth-child(2) i{background-color:var(--color-cheng);}
.addnew dd:nth-child(3) i{background-color:var(--color-lan);}
.addnew dd:nth-child(4) i{background-color:var(--color-lv);}
/*搜索页列表页头部搜索框*/
.sotop { width:555px;}
.sotop .toplogo{ width:40px; background:url(../img/d.png) no-repeat; background-size:40px 40px; height:40px; margin:10px 10px 0 0; cursor:pointer;}
.sotop .q{ height:20px; padding:4px 6px; border:1px solid var(--color-info); width:400px; margin:15px 10px 0 0; border-radius:5px;}
.sotop .btn{ height:30px; width:80px; margin-top:15px; border-radius:5px;}
.conz{width:960px; float:left;}
.cony{width:300px; float:right;}
/*标签云*/
.con-h{ height:30px; line-height:30px; padding-left:45px; position:relative; font-size:var(--font-size-subtitle); color:var(--color-hong);}
.con-h:after{ content:"Hot"; line-height: 20px; text-align: center; border-radius: 10px 0; font-size: var(--font-size-small); height:20px; width:35px; background-color:var(--color-hong); color:#fff; position:absolute; top:5px; left:0;}
.taglist a,.hotso dd a{transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out;}
.taglist a:hover,.hotso dd a:hover{transform:translate(-3px,-3px); box-shadow: 3px 3px 3px var(--color-c);}
.taglist a,.hotso dd a{ height:24px; line-height:24px; margin:0 0 10px 10px; color:#fff; padding:0 10px 0 24px; background-color:var(--color-lan); float:left; position:relative; z-index:2; border-radius:3px;}
.taglist a:after,.hotso dd a:after{ font-family:layui-icon !important; content:"\e615"; width:24px; text-align: center; height:24px; line-height:26px; position:absolute; top:0; left:0;} 
.taglist a:nth-child(2n),.hotso dd a:nth-child(2n){background-color:var(--color-lv); }
.taglist a:nth-child(3n),.hotso dd a:nth-child(3n){background-color:var(--color-cheng); }
.taglist a:nth-child(5n),.hotso dd a:nth-child(5n){background-color:var(--color-hong); }
.taglist a:nth-child(7n),.hotso dd a:nth-child(7n){background-color:var(--color-oklv); }
.taglist a:nth-child(9n),.hotso dd a:nth-child(9n){background-color:var(--color-info); }
.taglist a:nth-child(12n),.hotso dd a:nth-child(12n){background-color:var(--color-zi); }
/*搜索列表页列表*/
.solist{width:calc(100% + 20px);}
.solist li{ float:left; width:calc(50% - 20px); margin-right:20px; background-color:var(--color-f); margin-bottom:20px;}
.solist li h3{float:left; width:100%; padding:0 10px; height:20px; line-height:20px; font-size:var(--font-size-con); color:var(--color-info); margin:10px 0; overflow:hidden;}
.solist li h3 em{color:var(--color-hong);}
.solist .linfo b{ float:left; color:var(--color-hong); font-weight:bold; height:30px; line-height:30px;}
.solist .layui-flow-more{ width:calc(100% - 20px); float:left;}
/*热门搜索关键字*/
.hotso{ background-color: var(--color-fa);}
.hotso dt{ float: left; width: 100%; height: 40px; background-color: var(--color-e);}
.hotso dt h3{ float:left; height:20px; line-height:20px; font-size:var(--font-size-con); margin:10px 0 0 10px; padding-left:50px; color:var(--color-hong); position:relative;}
.hotso dt h3:after{top:0; left:0; height:20px; width:40px; content:"Hot"; text-align:center; background-color:var(--color-hong); border-radius:10px 0 10px 0; font-size:11px; color:var(--color-f); position:absolute;}
.hotso dd{padding:10px 10px 0 0;}