/* 最外层盒子样式 */
.bodys {
    width: 100%;
    background-color: #EDEEF2;
}
/* 首页,列表页，游戏主页内盒子样式 */
.box_neibox {
    max-width: 374px;
    min-width: 374px;
    min-height: 100vh;
    margin: 0 auto;
    background-color: #EDEEF2;
}
/* 搜索页内盒子样式 */
.bodybox_neiboxs{
    min-width: 374px;
    max-width: 374px;
    min-height:100vh ;
       margin: 0 auto;  
}
/* ---------头部盒子----------- */
.head {
    width: 100%;
    height: 35px;
    padding-top: 5px;
    display: flex;
    background-color: #4272D2 ;
}
.headimg{
    width: 50px;
    height: 30px;
    margin-left: 20px;
}
.headboxsearch{
    width: 187px;
    margin-left: 28%;
    margin-top: 3px;
    display: flex;
    height: 25px;
    background-color: #FFFFFF;
    border-radius: 5px;
}
.inputimg{
    height: 15px;
    margin-top: 3.5px;
    margin-left: 5px;  
}
.inputstyle{
    width: 150px;
    border: none !important;
    font-size: 13px;
}
.inputstyle:focus {
    /* 确保当元素聚焦时没有轮廓 */
    outline: none;
}
/* ---------------内容标题------------------- */
.title {
    font-size: 15px;
    height: 25px;
    line-height: 25px;
    font-weight: 600;
    display: flex;
    border-radius: 5px;
    width: 98%;
    margin-left: 1%;
    background-image: linear-gradient(
    90deg,
    rgba(235, 242, 254, 1) 0,
    rgba(235, 242, 254, 1) 0,
    rgba(187, 211, 252, 1) 100%,
    rgba(187, 211, 252, 1) 100%
  );
  
}
.titles {
    font-size: 15px;
    height: 25px;
    line-height: 25px;
    font-weight: 600;
    display: flex;
    border-radius: 5px;
    width: 90%;
    margin-left: 5%;
    background-image: linear-gradient(
    90deg,
    rgba(235, 242, 254, 1) 0,
    rgba(235, 242, 254, 1) 0,
    rgba(187, 211, 252, 1) 100%,
    rgba(187, 211, 252, 1) 100%
  );
  
}
.titlexian{
    width: 4%;
    background-color: #BBD3FC;
    border-radius: 5px 0 0 5px;
}
.titletext{
    color: #4272D2 ;
    margin-left: 2%;
}
.box_one {
    width: 100%;
    height: 4.5vh;
    padding-top: 3vh;
    padding-bottom: 10px;
    /* border: 1px solid #FFFFFF; */
    /* background: linear-gradient(to bottom, #C8FDBB, #F4F6F8); */
}
.oneinput_imgs{
    width: 12px;
    height: 20px;
}
.img11 {
    margin-left: 5%;
    height: 4vh;
}

.box_ones {
    width: 100%;
    height: 5.5vh;
    margin-top: 20px;
}

.oneinput_img {
    width: 6rem;
    height: 5vh;
}

/* 输入框样式 */
.one_input {
    display: flex;
    height: 7vh;
    line-height: 7vh;
    width: 100%;
    padding-top: 10px;
    position: absolute;
    z-index: 9999999;
    top: 2vh;
}

.oneHtext {
    position: absolute;
    left: calc(10px + 20%);
    bottom: -0.4rem;
    font-size: 3.5vh;
    font-weight: 600;
    color: #FFFFFF;
}

.input_style {
    margin-top: 10px;
    margin-left: 10%;
    height: 4vh;
    line-height: 4vh;
    /* background-color: #FEFEFE; */
    box-shadow: inset 0px 1px 6px 0px rgba(190, 119, 247, 0.44);
    width: 67%;
    border-radius: 20px;
    display: flex;
}

.input_styleimg {
    width: 8%;
    height: 2vh;
    margin-left: 8px;
    margin-right: 3px;
    position: relative;
    top: 1vh;

}

.input_stylebox {
    background-color: rgba(190, 119, 247, 0);
    height: 2.8vh;
    line-height: 2.8vh;
    width: 60%;
    margin-right: 3%;
    margin-left: 4%;
    margin-top: 3px;
    border: none;
    font-size: 18px;
    color: #FFFFFF;
}


.input_stylebox:focus {
    /* 确保当元素聚焦时没有轮廓 */
    outline: none;
}
.home_box{
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.homeimg{
    height: 30px;
}


/* --------------------------底部盒子-------------------------------- */
.box_bottom {
    width: 100%;
    height: 103px;
    margin-top: 3px;
    padding-bottom: 20px;
}

.box_bottom_one {
    position: relative;
    top: 16%;
    color: #BEC4CA;
    width: 94%;
    left: 3%;
    height: 29px;
    display: flex;
    background-color: #2C73D9;
    border-radius: 5px;
}
.buttonimgs{
    height: 14px;
    width: 70%;
    margin-left: 7%;
    margin-top: 7px;
}
.buttonimg{
    height: 19px;
    width: 87%;
    margin-left: 3%;
    margin-top: 6px;
}
.buttonimgt{
    height: 19px;
    width: 85%;
    margin-left: 4%;
    margin-top: 5px;
}
.text_12 {
    font-size: 12px;
    flex: 1;
    text-align: center;
    font-weight: 600;

}

.text_13 {
    font-size: 12px;
    flex: 1;
    text-align: center;
    font-weight: 600;
}

.text_14 {
    font-size: 12px;
    flex: 1;
    text-align: center;
    font-weight: 600;
}

.text_itembox {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    height: 24px;
    line-height:24px;
    border-radius: 18px;
}

.box_bottom_two {
    width: 90%;
    left: 5%;
    position: relative;
    top: 30%;
}

.bottomtwotext {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #949599;
}
/* ------------------介绍页中间盒子------------------------ */
.content {
    width: 100%;
    min-height: 82vh;

}
/* -------------返回主页标签---------------------------------- */
.returnbox {
    margin-left: 20px;
    margin-top: 10px;
}

.returrnone {
    font-size: 17px;
    font-weight: 700;
    height: 15px;
    line-height: 15px;
    margin-right: 5px;
    font-family: Alibaba-PuHuiTi-B;
    color: rgba(252, 252, 252, 0.5);
}

.returnimg {
    width: 12px;
    height: 17px;

}

.returnname {
    font-size: 22px;
    font-weight: 600;
    position: relative;

    font-family: Alibaba-PuHuiTi-B;
    color: #282828;
}

.returnimgs {
    width: 9px;
    height: 15px;
}