*,html {
margin: 0;
padding: 0
}
html {
border: 0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent
}
* {
box-sizing: border-box
}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,ul,var {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
font: inherit;
font-family: PingFang-SC-Regular,"Microsoft Yahei",sans-serif;
font-style: normal;
font-weight: 400;
list-style: none;
text-decoration: none
}
a {
color: inherit
}
body {
font-size: 100%
}
.un,.un:active,.un:hover,.un:link,.un:visited {
text-decoration: none;
color: inherit
}
.flex_center {
display: flex;
align-items: center;
justify-content: center
}
.container {
width: 75%;
margin: 0 auto
}
.text_center {
text-align: center
}
.text_right {
text-align: right
}
.text_left {
text-align: left
}
.img-circle {
border-radius: 50%;
overflow: hidden
}
img {
display: inline-block
}
#menu {
transition: all .8s;
position: fixed;
left: 0;
top: 0;
z-index: 99
}
#menu .container {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between
}
#menu.navbar {
width: 100%;
height: 1rem
}
#menu.navbar-default {
background: linear-gradient(360deg,rgba(0,0,0,0) 0,rgba(0,0,0,.2) 100%);
border: none
}
#menu a.navbar-brand {
font-size: 0;
display: block
}
#menu a.navbar-brand img {
/* width: 1.43rem;
height: .4rem */
height: .8rem;
width:.3.1rem;
}
#menu.navbar-default .navbar-nav {
display: flex;
align-items: center
}
#menu.navbar-default .navbar-nav>li>a {
/* color: #D8D8D8; */
font-size: 0.18rem;
font-family: PingFang-SC-Bold;
font-weight: 500;
line-height: 1rem;
/* letter-spacing: .04rem; */
padding: 0 .15rem;
height: 1rem;
transition: all .3s ease;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
color: #fff;
letter-spacing: 0.01rem;
font-weight:bold;
}
#menu.navbar-default .navbar-nav>li>a .bubble {
position: absolute;
width: 1.1rem;
height: .22rem;
object-fit: cover;
top: .18rem;
left: .7rem
}
#menu.navbar-default .navbar-nav>li>a:after {
content: "";
width: 0;
height: .04rem;
/* background: #fff; */
border-radius: .02rem;
margin: -.02rem auto 0;
background: #e23469;
}
#menu.navbar-default .navbar-nav>li>a.active,#menu.navbar-default .navbar-nav>li>a:hover {
/* color: #fff */
color: #e23469
}
#menu.navbar-default .navbar-nav>li>a.active:after,#menu.navbar-default .navbar-nav>li>a:hover:after {
content: "";
width: .4rem
}
#menu.navbar-default .navbar-nav>li.user>a:after {
display: none
}
.on {
background-color: #222!important;
padding: 0!important
}
#menu.navbar-default .navbar-nav>li.user {
position: relative
}
#menu.navbar-default .navbar-nav>li.user a {
justify-content: center
}
#menu.navbar-default .navbar-nav>li.user img {
width: .48rem;
height: .48rem;
border-radius: 50%
}
#menu.navbar-default .navbar-nav>li.user .tip {
width: 3.78rem;
height: .92rem;
background: #fff;
box-shadow: 0 .02rem .16rem 0 rgba(0,0,0,.2);
position: absolute;
top: .9rem;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
border-radius: .16rem;
font-size: .17rem;
font-family: PingFangSC-Regular;
font-weight: 400;
color: rgba(153,153,153,1);
line-height: .24rem
}
nav#footer .fnav .title,nav#footer .pull-center li,nav#footer .pull-left ul li a,nav#footer .pull-right li p {
font-family: PingFangSC-Semibold;
font-weight: 600
}
#menu.navbar-default .navbar-nav>li.user .tip:before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -.1rem;
width: 0;
height: 0;
border-top: 0 solid transparent;
border-right: .1rem solid transparent;
border-bottom: .1rem solid #fff;
border-left: .1rem solid transparent
}
a.link i,a.link_2 i {
transform: rotate(45deg);
top: 50%;
right: .2rem
}
#menu.navbar-default .navbar-nav>li.user .tip .user_img {
margin-left: .24rem
}
#menu.navbar-default .navbar-nav>li.user .tip .user_name {
margin-left: .08rem;
width: 1.9rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
#menu.navbar-default .navbar-nav>li.user .tip .tip_right {
margin-left: auto;
line-height: .4rem;
padding: 0 .26rem 0 .2rem;
border-left: .02rem solid #D8D8D8;
cursor: pointer
}
nav#footer {
background: #353535;
padding-bottom: .51rem
}
nav#footer .container {
display: flex;
justify-content: space-between
}
nav#footer .fnav {
padding-top: .72rem
}
nav#footer .pull-left {
/* padding-top: .7rem; */
padding-top: .25rem;
width:25%;
}
nav#footer .pull-left a {
font-size: 0;
display: block
}
nav#footer .pull-left .logo {
width: 1.43rem;
/* height: .4rem; */
height: .8rem;
}
nav#footer .fnav ul.content {
margin-top: .31rem;
}
nav#footer .pull-left ul li {
margin-bottom: .16rem;
}
nav#footer .fnav ul.bottomnav {
margin-top: .31rem;
display: flex;
flex-wrap: wrap;
/* flex-direction:column; */
}
nav#footer .fnav ul.bottomnav li {
margin-bottom: .16rem;
flex-basis: 50%;
}
nav#footer .pull-left ul li a {
height: .26rem;
font-size: .19rem;
line-height: .26rem;
letter-spacing: .01rem;
position: relative;
color: #BBB;
display: block
}
nav#footer .pull-left ul li i {
display: inline-block;
width: .15rem;
height: .15rem;
border-top: .04rem solid #BBB;
border-right: .04rem solid #BBB;
transform: rotate(45deg);
margin-left: .08rem;
margin-right: .11rem
}
nav#footer .fnav .title {
height: .33rem;
font-size: .24rem;
color: rgba(255,255,255,1);
line-height: .33rem;
letter-spacing: 1px
}
nav#footer .pull-center li {
height: .26rem;
font-size: .19rem;
color: rgba(187,187,187,1);
line-height: .26rem;
letter-spacing: 1px;
margin-bottom: .16rem
}
nav#footer .pull-right ul.content {
margin-top: .36rem;
display: flex;
justify-content: space-between
}
nav#footer .pull-right li {
width: 1.2rem;
height: 1.52rem;
background: rgba(255,255,255,1);
border-radius: .08rem;
margin-left: .2rem;
display: flex;
flex-direction: column;
align-items: center;
padding: .04rem
}
nav#footer .pull-right li:first-child {
margin-left: 0
}
nav#footer .pull-right li img {
width: 1.1rem;
height: 1.1rem
}
nav#footer .pull-right li p {
height: .21rem;
font-size: .15rem;
color: rgba(153,153,153,1);
line-height: .21rem;
margin-top: .06rem
}
footer {
background: #282828
}
footer .p {
height: 1.46rem;
font-size: .18rem;
font-family: PingFangSC-Regular;
font-weight: 400;
color: rgba(187,187,187,1);
letter-spacing: 1px;
display: flex;
align-items: center;
justify-content: center
}
a.link,a.link_2 {
font-size: .2rem;
font-family: PingFang-SC-Bold;
font-weight: 700;
letter-spacing: .04rem
}
a.link,a.link i,a.link_2 i {
display: inline-block
}
a.link {
min-width: 3.3rem;
line-height: .6rem;
/* background: rgba(210,83,57,1); */
border-radius: .08rem;
margin-top: .74rem;
color: #fff;
position: relative;
padding: 0 .2rem;
transition: all .3s ease;
background:#e23469;
}
a.link i {
position: absolute;
width: .15rem;
height: .15rem;
border-top: .04rem solid #fff;
border-right: .04rem solid #fff;
margin-top: -.075rem
}
a.link:hover {
/* background: rgba(248,115,87,1)!important; */
background: #fd5392 !important
}
a.link_2 {
/* width: 2.28rem; */
color: #e23469;
line-height: .54rem;
margin: .6rem auto 0;
height: .6rem;
/* border-radius: .3rem;
border: .03rem solid rgba(210,83,57,1);*/
position: relative;
width: 3.3rem;
border-radius: .08rem;
border: .03rem solid #e23469;
}
a.link_2 i {
position: absolute;
width: .15rem;
height: .15rem;
border-top: .04rem solid #e23469;
border-right: .04rem solid #e23469;
margin-top: -.075rem
}
input::-webkit-input-placeholder {
color: #999
}
input:-moz-placeholder {
color: #999
}
input::-moz-placeholder {
color: #999
}
input:-ms-input-placeholder {
color: #999
}
/* 页码 */
.main .pages_list {
width:100%;
clear:both;
margin:0 auto;
}
.main .pages_wrap {
display: flex;
align-items: center;
margin-top: .4rem;
margin-bottom: 1rem
}
.main .pages_wrap .pages {
display: flex;
align-items: center
}
.main .pages_wrap .arrow,.main .pages_wrap .num,.main .pages_wrap .page {
height: .36rem;
background: #F2F2F2;
border-radius: .08rem;
font-size: .18rem;
font-family: PingFangSC-Regular;
font-weight: 400;
color: #909090;
line-height: .36rem;
margin: 0 .1rem;
transition: all .3s ease;
cursor: pointer
}
.main .pages_wrap .num {
padding: 0 .2rem;
cursor: not-allowed
}
.main .pages_wrap .arrow {
padding: 0 .12rem;
cursor: not-allowed
}
.main .pages_wrap .page {
padding: 0 .14rem
}
.main .pages_wrap .page.active,.main .pages_wrap .page:hover {
background: #e23469;
color: #fff
}
/* 页码 */