.search {
    background: #2A2A2A;
    padding: .1rem .45rem;
    height: .78rem;
    padding-top: 1.21rem;
    box-sizing: content-box;
}

.searchBox {
    background: #404040;
    font-size: 0;
    border-radius: .05rem;
}

.searchDrop2 {
    background: #535353;
    width: 1.66rem;
    display: inline-block;
    position: relative;
    float: left;
    border-top-left-radius: .05rem;
    border-bottom-left-radius: .05rem;
}

.searchDrop2 img {
    width: .18rem;
    right: .1rem;
    top: .25rem;
    position: absolute;
}

.searchDrop2 span {
    font-size: .2rem;
    font-weight: 400;
    line-height: .58rem;
    text-indent: .12rem;
    display: block;
    color: #FFFFFF;
}

.searchInput img {
    width: .22rem;
    position: absolute;
    top: .18rem;
    right: -.2rem;
}

.searchInput {
    width: 4.6rem;
    background: #404040;
    display: inline-block;
    position: relative;
    height: .58rem;
    border-top-right-radius: .05rem;
    border-top-right-radius: .05rem;
}

.searchInput input {
    height: .58rem;
    border: 0;
    background: transparent;
    text-indent: .15rem;
    font-size: .2rem;
    width: 90%;
    color: #FFFFFF;
}


.dropBox {
    display: none;
    background: #363636;
    color: #B7B7B7;
    position: fixed;
    z-index: 1006;
}

.dropBox span {
    font-size: .28rem;
    font-weight: 400;
    color: #B7B7B7;
    line-height: .87rem;
    display: block;
    padding-left: .39rem;
    width: 7.5rem;
}

.active {
    background: url(../images/true.png) no-repeat 91% 50%;
    background-size: .27rem;
}

.bg {
    padding: 0 .25rem;
}

.bg img {
    width: 7rem;
    margin-bottom: .3rem;
}

.main {
    background: #2A2A2A;
}

.row1 {
    display: flex;
    justify-content: space-around;
    padding: 0 .1rem;
}

.row1 img {
    width: 3.36rem;
    border-radius: .2rem;
}

.row1 a {
    margin-bottom: .3rem;
}

.item {
    background: #ffffff;
    display: inline-block;
    border-radius: .1rem;
}

.item p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 3.1rem;
    font-size: .2rem;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: .52rem;
    display: block;
    margin: 0 auto;
}

.item>img {
    width: 3.45rem;
    border-top-left-radius: .1rem;
    border-top-right-radius: .1rem;
}

.item span img {
    display: inline-block;
    width: .18rem;
}

.item span span {
    font-size: .18rem;
    font-family: Arial;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: .52rem;
    margin-left: -.02rem;
    vertical-align: middle;
}

.row {
    width: 7.1rem;
    margin: 0 auto;
    margin-bottom: .2rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.row a:nth-child(1) {
    /*margin-right: .1rem;*/
}

.box>span img {
    width: .27rem;
    height: .35rem;
    display: inline-block;
    margin-right: .13rem;
    vertical-align: sub;
}

.box>span a {
    display: inline-block;
    font-size: .28rem;
    font-weight: 400;
    color: rgba(255, 185, 3, 1);
    line-height: .52rem;
}

.content .box:nth-child(2)>span a {
    color: #5ACC9B;
}

.content .box:nth-child(3)>span a {
    color: #5792FA;
}

.box>span {
    display: block;
    text-align: center;
    margin: .4rem 0;
}

.box>a {
    width: 2.14rem;
    height: .6rem;
    background: #ffa035;
    border-radius: .05rem;
    font-size: .24rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: .6rem;
    display: block;
    text-align: center;
    margin: .26rem auto;
}

.content .box:nth-child(2)>a {
    background: #5ACC9B;
}

.content .box:nth-child(3)>a {
    background: #5792FA;
    margin-bottom: .4rem;
}

#blackShade3 {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    min-height: 100vh;
    background: black;
    z-index: 1004;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.share {
    position: fixed;
    z-index: 1005;
    left: 0;
    top: 0;
    width: 7.5rem;
}

.share>img {
    margin-top: .28rem;
    margin-right: .2rem;
    width: 1.6rem;
    float: right;
}

.share div>img {
    display: inline-block;
    width: .6rem;
    vertical-align: middle;
    margin-right: .1rem;
}

.share div>span {
    vertical-align: middle;
    color: white;
    font-size: .44rem;
    line-height: .44rem;
}

.share div>span span {
    vertical-align: middle;
}

.share div>span img {
    width: .9rem;
    display: inline-block;
    vertical-align: middle;
}