h2 {
    position: relative;
}

.header_wrap {
    height: 6.48rem;
    background: #f2f2f2;
  /*  background: linear-gradient(90deg, #1c98d8, #1c98d8);
  */
}

.p_index .header_wrap {
    height: 5.04rem;
}

.header_wrap h1 {
    color: #ffffff;
}

.header_wrap a {
    color: #ffffff;
}

.header_index {
    height: 1.76rem;
    color: #ffffff;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_index h1 a {
    font-size: .72rem;
    position: relative;
    margin: 0 .2rem;
}

.header_index a.on {
    font-size: .8rem;
}

.header_index a.on:after {
    content: ' ';
    position: absolute;
    bottom: -.2rem;
    left: .2rem;
    width: 1.2rem;
    height: .1rem;
    background: #F9F9F9;
    border-radius: .04rem;
}

.header_index .btns {
    position: absolute;
    top: 0.34rem;
    right: 0;
    display: flex;
    align-items: center;
}

.ico_set {
    display: block;
    width: .76rem;
    height: .84rem;
    margin-right: .32rem;
}

.ico_set img {
    width: 100%;
    height: 100%;
}

.btn_kefu {
    display: inline-block;
    width: 2.32rem;
    height: 1.08rem;
    line-height: 1.08rem;
    background: #E21618;
    border-radius: .52rem;
    padding-right: .16rem;
    color: #ffffff;
    text-align: right;
    position: relative;
}

.btn_kefu:before {
    display: block;
    content: ' ';
    width: .96rem;
    height: .96rem;
    background: url("../images/ico_kefu.png") no-repeat left;
    background-size: .96rem;
    position: absolute;
    top: .06rem;
    left: .06rem;
}

.header_search {
    display: block;
    height: 1.16rem;
}

.p_index .header_search {
    padding: .32rem;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10;
    background: linear-gradient(90deg, #1c98d8, #1c98d8);
}

.header_search .input, .header_search input {
    display: flex;position: relative;
    width:100%;
    height: 100%;
    line-height: 100%;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: .85rem;padding-left: 10px;padding-right: 60px;

    font-size: .52rem;
    color: #666666;
}

.header_search input::placeholder {
    color: #666666;
    font-size: .52rem;
}

.ico_search {
    width: .64rem;
    height: .64rem;
    background: url("../images/ico_search.png") no-repeat;
    background-size: 100%;
    margin-right: .08rem;
}

.p_index .main {
    margin-top: -3.24rem;
}

.nav_game {
    background: #ffffff;
    border-radius: .4rem;
    padding-top: .4rem;
    margin-bottom: .32rem;
}

.nav_game ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.nav_game li {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    text-align: center;
    margin-bottom: .4rem;
}

.nav_game a {
    position: relative;
}

.nav_game img {
    width: 1.6rem;
    height: 1.6rem;
}

.nav_game a > p {
    line-height: .64rem;
    color: #666666;
}

.nav_game a .tag_hot {
    width: 1rem;
    height: .48rem;
    position: absolute;
    right: -.56rem;
    top: -.04rem;
}

.p_index .notice {
    background: #FFE9D0;
    margin-bottom: .32rem;
    border-radius: .2rem;
    padding: 0 .4rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.p_index .notice_wrap {
    height: 1.2rem;
    overflow: hidden;
}

.p_index .notice span {
    display: block;
    background: #FC3237;
    border-radius: .08rem;
    padding: .08rem;
    font-size: .36rem;
    color: #ffffff;
    margin-right: .2rem;
}

.p_index .notice a {
    color: #665D54;
    font-size: .52rem;
}

.p_index .noticeScroll li {
    display: flex;
    align-items: center;
    height: 1.2rem;
    max-width: 10rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.p_index .notice .btn_toList {
    border-left: 1px solid #F0D2B0;
    padding-left: .2rem;
}

.cxaq {
    width: .44rem;
}

.whpf, .pzbz, .qtxs {
    width: .52rem;
}

.sdfh {
    width: .46rem;
}

.nav_service {
    background: #ffffff;
    border-radius: .4rem;
    padding: .6rem .4rem 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .32rem;
}

.nav_service > a {
    display: block;
    margin-bottom: .6rem;
}

.nav_service > a:nth-of-type(2n) {
    width: 6.4rem;
    margin-left: .8rem;
}

.nav_service > a:nth-of-type(2n+1) {
    width: 5.8rem;
}

h2 {
    font-size: .6rem;
    color: #000000;
    font-weight: 700;
}

.nav_service h2 {
    margin-bottom: .4rem;
    display: flex;
    align-items: center;
    position: relative;
}

.ico_right {
    display: inline-block;
    width: .24rem;
    height: .4rem;
    background: url("../images/ico_right.png") no-repeat;
    background-size: 100%;
    margin-left: .32rem;
}

.more {
    display: flex;
    height: .8rem;
    line-height: .8rem;
    font-size: .48rem;
    color: #999999;
    position: absolute;
    right: 0;
    top: 0;
    align-items: center;
}

.more .ico_right {
    margin-left: .2rem;
}

.ico_yjyx {
    display: block;
    color: #ffffff;
    background: url("../images/ico_yjyx.png") no-repeat;
    width: 1.86rem;
    height: .56rem;
    line-height: .56rem;
    background-size: 100% 100%;
}

.avatar_yjyx {
    width: 2rem;
    height: 2.56rem;
    position: absolute;
    top: -.64rem;
    right: 0;
}

.nav_service > a > div {
    font-size: .48rem;
    position: relative;
}

.nav_service > a > div p {
    font-size: .48rem;
    line-height: .72rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nav_service .zu h2 span {
    padding: 0.04rem .32rem;
    background: #F4F7FF;
    color: #999999;
    border-radius: .32rem;
    font-size: .44rem;
    margin-left: .32rem;
}

.nav_service .cz ul {
    display: flex;
    align-items: center;
    height: 1.16rem;
    background: #F6F6F6;
    border-radius: .58rem;
}

.nav_service .cz ul li {
    position: relative;
    flex: 1;
    text-align: center;
    font-size: .48rem;
}

.nav_service .cz ul li:first-child:before {
    width: 0px;
}

.nav_service .cz ul li:before {
    content: '  ';
    width: 1px;
    height: .4rem;
    background: #646464;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.2rem;
}

.nav_service .zhanghao div {
    display: flex;
    align-items: center;
    height: 1.16rem;
    background: #F6F6F6;
    border-radius: .58rem;
    padding-left: .2rem;
}

.nav_service .zhanghao div p {
    color: #000000;
}

.avatar1 {
    width: .76rem;
    margin-right: .32rem;
}

.nav_service .zu ul {
    background: #F6F6F6;
    display: flex;
    padding: .2rem 0;
    border-radius: .2rem;
}

.nav_service .zu li {
    margin-left: .2rem;
    height: 1.6rem;
    line-height: 1.6rem;
}

.nav_service .zu ul img {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: .2rem;
    overflow: hidden;
}

.nav_service .zu .ico_right {
    margin-left: .2rem;
}

/*猜你喜欢*/
.related {
    background: url("../images/bg_title.png") no-repeat top;
    border-radius: .6rem .6rem 0 0;
}

.p_detail .related {
    margin-top: .32rem;
}

.related header {
    text-align: center;
    height: 1.8rem;
    line-height: 1.8rem;
}

.related h2 {
    position: relative;
}

.related .ico_refresh {
    position: absolute;
    color: #999999;
    font-size: .48rem;
    top: 0.08rem;
    margin-left: .4rem;
}

.related .ico_refresh img {
    width: .52rem;
}

.goods_item_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.goods_item {
    display: block;
    width: 6.8rem;
    height: 6.92rem;
    position: relative;
    margin-bottom: .2rem;
}

.goods_item .img {
    width: 100%;
    height: 3.84rem;
    background: #EDEDED;
    border-radius: .4rem .4rem 0 0;
    overflow: hidden;
}

.goods_item .img img {
    width: 100%;
    height: 100%;
}

.goods_item .goods_bottom {
    background: #ffffff;
    border-radius: 0 0 .4rem .4rem;
    padding: .4rem .6rem 0 .6rem;
    height: 3.08rem;
    position: relative;
    box-sizing: border-box;
}

.goods_item .title {
    display: flex;
    font-size: .56rem;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.goods_item .price {
    color: #F36106;
    font-size: .4rem;
    position: absolute;
    left: 0.6rem;
    bottom: 0.44rem;
}

.goods_item .price .new {
    font-size: .56rem;
}

.tag_new {
    display: flex;
    align-items: center;
    background: #E22AB2;
    border-radius: .08rem;
    color: #ffffff;
    height: .56rem;
    padding: 0 .08rem;
    font-size: .4rem;
    margin-right: .12rem;
}

.tag_discount {
    display: flex;
    align-items: center;
    background: #FC3237;
    border-radius: .08rem;
    color: #ffffff;
    height: .56rem;
    padding: 0 .08rem;
    font-size: .4rem;
    margin-right: .12rem;
}

.goods_bottom .tag_discount, .goods_bottom .tag_new {
    display: inline-flex;
}

/*搜索*/
.p_search {
    /*display: none;*/
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: #F5F5F5;
    z-index: 1001;
    overflow: scroll;
}

.p_search .search_head {
    padding: .28rem .6rem;
    background: #ffffff;
    z-index: 100;
    position: relative;
}

.search_input {
    width: 12.28rem;
    height: 1.16rem;
    padding-left: .4rem;
    color: #000000;
    background: #F5F5F5;
    font-size: .52rem;
    border-radius: .58rem;
}

.search_input::placeholder {
    color: #BFBFBF;
    font-size: .52rem;
}

.header_search .btn_cancel {
    line-height: 1.16rem;position: absolute;right: 5px;top:0;
    color: #010101;
}
.header_search .btn_search {
    line-height: 1.16rem;position: absolute;right: 5px;top:0;
    color: #010101;padding: 0 10px;
}

.p_search .default {
    padding-top: .92rem;
}

.p_search .default ul {
    background: #ffffff;
    display: flex;
    flex-wrap: wrap;
    padding: .4rem .4rem .08rem .4rem;
    border-radius: .4rem;
    margin-top: .6rem;
}

.p_search .default li {
    display: flex;
    height: 1.16rem;
    align-items: center;
    background: #F6F6F6;
    border-radius: .58rem;
    margin-bottom: .32rem;
    margin-right: .32rem;
    padding: 0 .56rem;
}

.p_search .default li a {
    font-size: .48rem;
}

.p_search .default li a.hot:before {
    content: '热';
    background: #FC3237;
    color: #ffffff;
    font-size: .36rem;
    margin-right: .2rem;
    padding: 0 2px;
    border-radius: .12rem;
}

.p_search .default li a span {
    background: #FC3237;
    color: #ffffff;
    /*font-size: .36rem;*/
    margin-right: .2rem;
    padding: 0 2px;
    border-radius: .12rem;
}

.p_search .default > p {
    display: flex;
    align-items: center;
}

.ico_hotgames {
    width: .68rem;
    height: .64rem;
    margin-right: .2rem;
}

.p_search .text_hot {
    width: 2.36rem;
    height: .58rem;
}

.p_search .searching {
    /*display: none;*/
    background: #ffffff;
    position: absolute;
    top: 1.72rem;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: scroll;
    padding: 0 .6rem;
}

.p_search .searching li {
    border-bottom: 1px solid #EDEDED;
    height: 1.8rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    font-size: .56rem;
}

.p_search .searching li span {
    display: inline-block;
    padding: 0 .08rem;
    background: #FC3237;
    color: #ffffff;
    font-size: .4rem;
    margin-right: .2rem;
    border-radius: .12rem;
    height: .56rem;
    line-height: .56rem;
}

.searchNoRes {
    display: flex;
    flex-direction: column;
    /*height: 100%;*/
    align-items: center;
    justify-content: center;
    transform: translateY(-1.72rem);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
}

.searchNoRes p, .noOrders p {
    font-weight: 700;
    font-size: .64rem;
    margin-top: .4rem;
}

.searchNoRes span {
    color: #969AA1;
    font-size: .56rem;
}

.ico_null {
    width: 6.1rem;
    height: 6.62rem;
}

/*banner*/
.p_index .banner {
    margin-bottom: .32rem;
    width: 100%;
    overflow: hidden;
    height: 2.8rem;
}

.p_index .banner img {
    width: 100%;
    height: 2.8rem;
}

.van-swipe__indicator--active {
    background-color: #FC3237;
}

/*资讯首页*/

.p_index .news {
    background: #ffffff;
    border-radius: .4rem;
    padding: .36rem .4rem 0;
    margin-bottom: .32rem;
}

.news h2 {
    display: inline-block;
}

.news ul {
    display: flex;
    margin-left: .4rem;
}

.news .nav {
    display: flex;
    align-items: center;
    position: relative;
}

.news .nav li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.04rem;
    height: 1.08rem;
    background: #F4F7FF;
    margin-right: .32rem;
    border-radius: .54rem;
}

.news .nav li a {
    display: block;
    color: #000000;
}

.news_item {
    display: block;
    padding: .6rem 0;
    border-top: 1px solid #EDEDED;
}

.news_item:first-child {
    border-top: none;
}

.news_item .title {
    color: #000000;
    font-size: .56rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_one_title {
    display: block;
    height: 1.8rem;
    line-height: 1.8rem;
    border-top: 1px solid #EDEDED;
}

.news_one_title .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news_one_sm .info {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
}

.news_one_sm .info > div {
    margin-left: auto;
}

.news_item .game_category {
    background: #FABE00;
    padding: 0 0.12rem;
    color: #665228;
    font-size: .44rem;
}

.news_item time, .news_item .viewer {
    display: block;
    font-size: .44rem;
    float: right;
    line-height: .56rem;
    color: #999999;
}

.news_item .viewer {
    margin-left: .3rem;
}

.news_one_sm .n_left {
    width: 8.18rem;
    height: 2.8rem;
    position: relative;
}

.p_article .news_one_sm .n_left {
    width: 8.88rem;
}

.news_one_sm .n_right {
    width: 4.4rem;
    height: 2.8rem;
}

.news_one_sm .n_right img, .news_three_sm .three_img img, .news_one_lg img {
    width: 100%;
    height: 100%;
    border-radius: .2rem;
}

.news_one_lg .big_img img {
    width: 13.8rem;
    height: 7.76rem;
}

.news_one_lg .big_img, .news_three_sm .three_img {
    margin: .4rem 0;
}

.news_three_sm .three_img {
    display: flex;
    height: 2.8rem;
}

.news_three_sm .three_img img {
    margin-left: .3rem;
    width: 4.4rem;
    height: 2.8rem;
}

.news_three_sm .three_img img:first-child {
    margin-left: 0;
}


/*资讯频道*/
.p_article .header_wrap {
    height: 4.52rem;
    padding-top: .32rem;
}

.p_article .hot_games {
    background: #ffffff;
    border-radius: .4rem;
    height: 4.84rem;
    padding: .6rem .4rem 0;
    box-sizing: border-box;
}

.p_article .hot_games h2 {
    display: flex;
    align-items: center;
}

.p_article .hot_games ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: .48rem;
}

.p_article .hot_games li {
    padding: 0 .52rem;
    height: 1.16rem;
    background: #F5F7F9;
    border-radius: .6rem;
    margin: 0 .32rem .32rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p_article .hot_games a {
    color: #000000;
    font-size: .48rem;
}

.p_article .main {
    margin-top: .76rem;
    border-radius: .6rem .6rem 0 0;
}

.crumb_wrap {
    position: relative;
    background: #ffffff;
    padding: .32rem 0;
}

.crumb_wrap ul {
    display: flex;
    align-items: center;
    height: 1.16rem;
}

.crumb_wrap ul a {
    color: #000000;
    position: relative;
}

.p_article .crumb_wrap ul {
    margin-left: .4rem;
}

.p_article .crumb_wrap ul a {
    margin-right: .8rem;
}

.crumb_wrap li.on a {
    font-size: .6rem;
    font-weight: 700;
}

.crumb_wrap li.on a:after {
    content: ' ';
    display: block;
    width: .6rem;
    height: .08rem;
    background: #FC3237;
    border-radius: .04rem;
    position: absolute;
    left: 50%;
    bottom: -.2rem;
    transform: translateX(-.3rem);
}

.p_article .chosenCategory {
    position: absolute;
    left: 8rem;
    top: .32rem;
}

.p_article .chosenCategory span {
    display: block;
    padding: 0 .52rem;
    background: #FCF0F0;
    color: #FC3237;
    height: 1.16rem;
    line-height: 1.16rem;
    font-size: .48rem;
    text-align: center;
    border-radius: .58rem;
}

.p_article .chosenCategory .delete {
    font-weight: 700;
}

.p_article_detail .nav-crumb {
    display: flex;
    font-size: .48rem;
    height: 1.8rem;
    line-height: 1.8rem;
    position: fixed;
    top: 44px;
    left: 0;
    right: 0;
    background: #ffffff;
    z-index: 10;
    padding-left: .6rem;
}

.p_article_detail img {
    max-width: 100%;
    height: auto;
}

.p_article_detail .main h1 {
    font-size: .76rem;
    font-weight: 700;
    padding-top: .28rem;
}

.p_article_detail .article-info {
    color: #999999;
    font-size: .48rem;
    margin-top: .7rem;
    margin-bottom: 1.14rem;
}

.p_article_detail .bottom {
    background: #F5F5F5;
    margin-top: 2rem;
}

.p_article_detail .bottom li {
    position: relative;
    padding: 0 .6rem;
}

.p_article_detail .bottom li:before {
    content: ' ';
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    background: #000000;
    position: absolute;
    left: .26rem;
    top: .86rem;
}

.p_article_detail .bottom a {
    display: block;
    font-size: .56rem;
    padding: .48rem 0;
    line-height: .76rem;
    border-bottom: 1px solid #EDEDED;
}

.p_article_detail .bottom li:last-child a {
    border-bottom: none;
}

/*个人中心*/
.p_perCenter .user_bg {
    display: flex;
    flex-direction: row;
}

.p_perCenter .avatar {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: #ffffff;
}

.p_perCenter .user_info {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-left: .38rem;
    color: #ffffff;
}

.p_perCenter .user_info p {
    font-size: .48rem;
}

.p_perCenter p.user_name {
    font-size: .72rem;
}

.p_perCenter .order_entry {
    margin-top: -1.8rem;
    margin-bottom: .32rem;
    height: 4.84rem;
    padding: .36rem .4rem 0;
    border-radius: .4rem;
    box-sizing: border-box;
}

.p_perCenter .order_entry ul {
    display: flex;
    margin-top: .68rem;
}

.p_perCenter .order_entry ul li {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
}

.p_perCenter .order_entry img {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background: #999999;
}

.p_perCenter .order_entry a {
    color: #666666;
    text-align: center;
}

.p_perCenter .order_entry a.more {
    color: #999999;
}

.table_view {
    border-radius: .4rem;
    padding: 0 .4rem;
}

.table_view_cell {
    height: 2.28rem;
    line-height: 2.28rem;
    border-bottom: 1px solid #EDEDED;
    box-sizing: content-box;
    position: relative;
}

.p_perCenter .table_view_cell:last-child {
    border-bottom: none;
}

.table_view_cell .cell_hd {
    font-size: .6rem;
    position: relative;
    display: flex;
    align-items: center;
}

.table_view_cell .cell_hd span {
    position: absolute;
    right: .64rem;
    top: 0;
    color: #999999;
}

.table_view_cell .ico_right {
    position: absolute;
    right: 0;
}

/*全部游戏*/
.p_games .top_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.p_games .header_wrap {
    height: 1.76rem;
    padding-top: .3rem;
    box-sizing: border-box;
}

.p_games .type {
    height: 1.8rem;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    justify-items: center;
    background: #ffffff;
}

.p_games .type li {
    display: flex;
    flex: 1;
    justify-content: center;
    position: relative;
}

.p_games .type li.on {
    font-size: .6rem;
    font-weight: 700;
}

.p_games .type li.on:after {
    content: ' ';
    width: .6rem;
    height: .08rem;
    background: #FC3237;
    border-radius: .04rem;
    position: absolute;
    left: 50%;
    bottom: -.22rem;
    transform: translateX(-.3rem);
}

.games_wrap {
    width: 10.6rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    margin: 4.16rem 0 .6rem 3.8rem;
    border-radius: .4rem;
    padding-top: .8rem;
    
}

.games_wrap a {
   /* width: 3.36rem;
    */
    width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: .8rem;
}

.games_wrap a img {
    width: 80%;
    height: 80%;
   /* border-radius: .2rem;*/
}

.games_wrap a p {
    width: 98%;
    color: #666666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .48rem;
    margin-top: .52rem;
    text-align: center;
}

.p_games .letter_wrap {
    width: 3.2rem;
    position: fixed;
       top: 3.56rem;
       bottom: 2rem;
       background: #ffffff;
       overflow: auto;
}

.p_games .letter {
    background: #f5f5f5;
}

.p_games .letter li {
height: 1.2rem;
background: #ffffff;
font-size: .56rem;
text-align: center;
line-height: 1.2rem;

}

.p_games .letter li.on {
    font-weight: 700;
    background: #f5f5f5;
}

.p_games .letter li.onPrev {
    border-radius: 0 0 0 .4rem;
}

.p_games .letter li.onNext {
    border-radius: .4rem 0 0 0;
}

.p_detail .com-back-wrap {
    display: block;
    position: absolute;
    top: .44rem;
    left: .36rem;
    width: 1.08rem;
    height: 1.08rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .7);
}

.p_detail .com-back-black {
  top: 5px;
  left: 5px;
}

.p_detail .goods_img {
    width: 100%;
    height: 9.28rem;
}

.p_detail .goods_img img {
    width: 100%;
    height: 100%;
}

.p_detail .goods_info {
    margin: -.4rem .6rem .32rem;
    border-radius: .4rem;
    padding: .52rem .4rem;
    position: relative;
    z-index: 8;
}

.p_detail .goods_top {
    display: flex;
    align-items: center;
    margin-bottom: .32rem;
}

.p_detail .name {
    font-size: .6rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.goods_tag {
    height: .64rem;
    overflow: hidden;
    font-size: 0;
    white-space: nowrap;
    margin-bottom: .6rem;
}

.goods_tag span {
    background: #FFF2F2;
    border: 1px solid #FFD2D2;
    border-radius: .08rem;
    color: #FF8083;
    font-size: .44rem;
    padding: 0 .1rem;
    height: 0.64rem;
    margin-right: .12rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    float: left;
}

.p_detail .info_bottom {
    display: flex;
    align-items: center;
}

.new_price {
    color: #F36106;
    font-size: .76rem;
}

.new_price i {
    font-size: .56rem;
}

.original_price {
    color: #999999;
    font-size: .56rem;
    text-decoration: line-through;
}

.sales {
    font-size: .56rem;
    color: #999999;
    margin-left: auto;
}

.p_detail .goods_des {
    border-radius: .4rem .4rem 0 0;
    padding: .6rem;
    margin-top: .32rem;
}

.p_detail .goods_des h2 {
    margin-bottom: .52rem;
}

.p_detail .goods_des img {
    max-width: 100%;
    height: auto;
}

.p_detail .usage {
    margin-top: 2rem;
}

#goods_des, #goods_like {
    margin-bottom: .32rem;
    margin-top: .32rem;
}

.p_detail .bottom-wrap {
    display: flex;
    padding: .3rem .6rem;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    box-shadow: 0px -2px 3px 0px rgba(93, 93, 93, 0.1);
    -webkit-transform: translateZ(0);
}

.p_detail .buy {
    margin-left: auto;
}

.p_detail .bw-btn-wrap {
    display: flex;
    width: 4.2rem;
}

.p_detail .bw-btn-wrap .guide_item {
    display: flex;
    webkit-box-flex: 1;
    flex: 1;
    flex-direction: column;
    align-items: center;
    color: #676767;
    font-size: .4rem;
}

.p_detail .guide_item img {
    width: 0.56rem;
    height: 0.56rem;
}

.p_detail .select_wrap {
    width: 13.8rem;
    margin: .32rem auto;
    border-radius: .4rem;
    font-size: .56rem;
}

.p_detail .select_wrap label {
    position: relative;
    height: 1.8rem;
    display: flex;
    align-items: center;
    padding: 0 .4rem;
}

.p_detail .select_wrap .camp {
    display: flex;
    flex-direction: row;
}

.p_detail .camp span {
    display: flex;
    width: 2rem;
    height: 1.16rem;
    align-items: center;
    justify-content: center;
    margin-right: .32rem;
    background: #F6F6F6;
    color: #666666;
    border-radius: .16rem;
    box-sizing: border-box;
}

.p_detail .camp span.on {
    background: #FFF2F2;
    border: 1px solid #FC3237;
    color: #FC3237;
}

.p_detail .select_wrap .ico_right {
    margin-left: auto;
}

.p_detail .select_wrap .title {
    color: #999999;
    margin-right: .52rem;
}

.toApp {
    font-size: .52rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.toApp .bg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.84rem;
    height: .88rem;
    background: #FC3237;
    color: #ffffff;
    border-radius: 1rem;
    /*padding: 0.04rem .4rem;*/
    margin-right: .2rem;
}

.toApp .ico_mobile {
    height: .8rem;
}

.toApp b {
    font-weight: 400;
    color: #FC3237;
}

/*弹出层*/
.van-popup-radius {
    border-radius: .4rem .4rem 0 0;
}

.goods_popup {
    padding: .6rem;
}

.goods_popup .goods_img {
    width: 4.4rem;
    height: 2.72rem;
}

.goods_popup .goods_img img {
    width: 100%;
    height: 100%;
    border-radius: .2rem;
}

.popup-top.zu .goods_img {
    width: 2.72rem;
}

.goods_popup .popup-top {
    display: flex;
    margin-bottom: .6rem;
}

.goods_popup .popup_info {
    width: 6.8rem;
    margin-left: .4rem;
    height: 2.72rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.goods_popup .zu .popup_info {
    width: 8.48rem;
}

.goods_popup .price {
    color: #F36106;
    font-size: .56rem;
}

.goods_popup .price i {
    font-size: .4rem;
}

.goods_popup .choose_wrap {
    border-top: 1px solid #EDEDED;
}

.goods_popup .tc_list {
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
}

.goods_popup .title {
    margin: .64rem 0;
    font-size: .56rem;
}

.goods_popup .tc_list span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6.74rem;
    height: 1.36rem;
    font-size: .52rem;
    background: #F6F6F6;
    border-radius: .16rem;
    margin-bottom: .32rem;
    color: #666666;
    box-sizing: border-box;
    overflow: hidden;
}

.goods_popup .tc_list span.on {
    background: #FFF2F2;
    border: 1px solid #FC3237;
    color: #FC3237;
}

.goods_popup .tc_list span:nth-of-type(2n) {
    margin-left: auto;
}

.goods_popup .buy {
    margin-top: .48rem;
}

.p_detail #header_bar_wrap {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    background: rgba(255, 255, 255, 0);
    height: 3.88rem;
}

.p_detail #header_bar_wrap.half {
    background: rgba(255, 255, 255, 0.6);
    z-index: 10;
}

.p_detail #header_bar_wrap.on {
    background: rgba(255, 255, 255, 1);
    z-index: 10;
}

.p_detail .header_bar {
    height: 1.76rem;
    padding: 0 .6rem;
}

.p_detail .back {
    position: absolute;
    top: .34rem;
    left: .36rem;
    display: block;
    width: 1.08rem;
    height: 1.08rem;
    border-radius: 50%;
    background: #FFFFFF;
    opacity: .7;
}

.p_detail .right_menu {
    position: absolute;
    top: .34rem;
    right: .36rem;
    display: block;
    width: 1.08rem;
    height: 1.08rem;
    border-radius: 50%;
    background: #FFFFFF;
    opacity: .7;
}

.p_detail .header_search {
    width: 10.52rem;
    margin: .3rem auto;position: relative;
}

.p_detail .crumb_wrap {
    background: rgba(255, 255, 255, 0);
}

.p_detail .crumb_wrap li {
    flex: 1;
    display: flex;
    justify-content: center;
}

.p_detail .half .header_search input {
    background: #f5f5f5;
    opacity: .6;
}

.p_detail .on .header_search input {
    background: #f5f5f5;
}

/*商品列表*/
.p_list .com-bar {
    height: 3.56rem;
    z-index: 100;
}

.p_list .search_input {
    margin-top: .28rem;
}

.p_list .main {
    margin-top: 3.88rem;
}

#app [class*=van-hairline]::after {
    border: none;
}

.van-dropdown_wrap {
    position: relative;
}

.van-dropdown_wrap .van-dropdown-menu {
    width: 10rem;
}

.van-dropdown_wrap .van-dropdown-menu__item {
    webkit-justify-content: left;
    justify-content: left;
}

.van-dropdown_wrap .van-dropdown-menu__title {
    color: #000000;
}

.van-list__error-text, .van-list__finished-text, .van-list__loading {
    color: #BFBFBF;
    font-size: .48rem;
}

.van-dropdown_wrap .select_right {
    position: absolute;
    right: 0;
    top: 0;
    font-size: .56rem;
    line-height: 50px;
    display: flex;
    align-items: center;
}

.ico_select {
    width: .6rem;
    height: .6rem;
    margin-left: .12rem;
}

.select_popup {
    width: 12.04rem;
    height: 100%;
    padding-top: 2.12rem;
    padding-bottom: 1.8rem;
    color: #666666;
    box-sizing: border-box;
    z-index: 10;
}

.select_popup .popup_item {
    padding-top: 1rem;
    border-top: 1px solid #EDEDED;
}

.select_popup .popup_item:first-child {
    padding-top: 0;
    border-top: none;
}

.select_popup .cont_title {
    font-size: .56rem;
    font-weight: 500;
    color: #000000;
    margin-bottom: .64rem;
}

.select_popup .popup_item_ul {
    display: flex;
    flex-wrap: wrap;
}

.select_popup .popup_item_ul li {
    width: 3.4rem;
    height: 1.36rem;
    border-radius: .16rem;
    background: #F6F6F6;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .32rem;
    margin-left: .32rem;
    box-sizing: border-box;
}

.select_popup .popup_item_ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.select_popup .popup_item_ul li.on {
    background: #FFF2F2;
    border: 1px solid #FC3237;
    color: #FC3237;
}

.select_popup .tag_wrap {
    margin: .32rem 0 1rem 0;
}

.select_popup .tag_wrap label {
    margin-right: .56rem;
}

/*.select_btn_popup{*/
/*    position: fixed;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    width: 0;*/
/*    height: 1.8rem;*/
/*    opacity: 0;*/
/*    z-index: 9999;*/
/*    transition: all 300ms ease-out;*/
/*}*/

/*.select_btn_popup.on{*/
/*    width: 12.04rem;*/
/*}*/

.popup_btns_wrap {
    display: flex;
    opacity: 0;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1.8rem;
    z-index: 9999;
    transition: all 300ms ease-out;
}

.popup_btns_wrap.on {
    opacity: 1;
    width: 12.04rem;
}

.popup_btns_wrap .popup_btn1 {
    border: none;
    width: 50%;
    height: 1.8rem;
    font-size: .68rem;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
}

.popup_btns_wrap .btn_reset {
    background: #FFF2F2;
    color: #FFC5C6;
}

.popup_btns_wrap .btn_submit {
    background: #FC3237;
    color: #ffffff;
}

.acc_item_wrap {
    padding: .3rem .6rem;
}

.acc_item {
    min-height: 2.72rem;
    position: relative;
    padding: .3rem 0;
    display: flex;
}

.acc_item .img {
    width: 4.4rem;
    height: 2.48rem;
    border-radius: .2rem;
    overflow: hidden;
}

.acc_item .img img {
    width: 100%;
    height: 100%;
}

.acc_item .acc_right {
    width: 9rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: .4rem;
}

.acc_item .title {
    font-size: .56rem;
}

.acc_item .price {
    color: #F36106;
    font-size: .4rem;
}

.acc_item .price .new {
    font-size: .56rem;
}

.acc_item .goods_tag {
    margin-bottom: 0;
    margin-top: .2rem;
}

/*公告列表*/
.p_noticeList .com-bar {
    height: 3.56rem;
}

.p_noticeList .crumb_wrap {
    overflow-x: scroll;
    overflow-y: hidden;
}

.p_noticeList .crumb_wrap::-webkit-scrollbar, .p_noticeList .crumb_wrap::-webkit-scrollbar {
    display: none;
}

.p_noticeList .crumb_wrap ul li {
    display: flex;
    flex-shrink: 0;
    width: 25%;
    justify-content: center;
    align-items: center;
}

.p_noticeList .main {
    margin-top: 3.56rem;
    padding-top: .32rem;
    background: #f5f5f5;
}

.p_noticeList .notice_item {
    padding: .52rem 0 0 .6rem;
    display: flex;
    align-items: flex-start;
    background: #ffffff;
}

.p_noticeList .notice_item img {
    width: .68rem;
    height: .64rem;
}

.p_noticeList .notice_item > div {
    width: 100%;
    border-bottom: 1px solid #EDEDED;
    padding-bottom: .52rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: .32rem;
}

.p_noticeList .notice_item .title {
    font-size: .56rem;
    margin-bottom: .16rem;
    max-width: 12.8rem;
}

.p_noticeList .notice_item .time {
    font-size: .44rem;
    color: #999999;
}

.p_noticeList .notice_item .ico_right {
    margin-right: .6rem;
}

/*公告详情*/
.p_noticeDetail .main {
    margin-top: 1.76rem;
}

.p_noticeDetail .main img {
    max-width: 100%;
    height: auto;
}

.p_noticeDetail .top {
    padding-top: .28rem;
    margin-bottom: 1.14rem;
    box-sizing: border-box;
}

.p_noticeDetail .title {
    font-size: .76rem;
    margin-bottom: .4rem;
    font-weight: 700;
}

.p_noticeDetail .info span {
    font-size: .44rem;
    padding-right: .5rem;
    color: #999999;
}

.p_noticeDetail .content {
    margin-top: .68rem;
}

/*订单列表*/
.p_order .com-bar {
    height: 3.56rem;
    padding: 0;
}

.p_order .com-title {
    color: #ffffff;
}

.p_order .crumb_wrap li {
    flex: 1;
    display: flex;
    justify-content: center;
}

.p_order .main {
    margin-top: 3.88rem;
}

.order_item {
    display: block;
    background: #ffffff;
    margin: .32rem 0;
    border-radius: .4rem;
    height: 6.74rem;
    box-sizing: border-box;
    padding: .6rem .4rem 0;
    color: #999999;
    font-size: .48rem;
}

.order_item > div {
    display: flex;
}

.order_item > div:first-child {
    margin-bottom: .6rem;
}

.order_item > div:last-child {
    border-top: 1px solid #EDEDED;
    margin-top: .4rem;
    height: 1.8rem;
    align-items: center;
}

.order_item .status {
    color: #979797;
    margin-left: auto;
}

.order_item .goods_img {
    width: 2.72rem;
    height: 2.72rem;
    border-radius: .2rem;
}

.order_item .title {
    color: #000000;
    font-size: .56rem;
    margin-left: .4rem;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.order_item .wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 10.28rem;
}

.order_item .price {
    margin-left: auto;
    color: #000000;
    font-size: .56rem;
}

.order_item .price span {
    color: #F36106;
}

.order_item .btn {
    margin-left: auto;
    width: 3.56rem;
    height: 1.36rem;
    border: 1px solid #BFBFBF;
    border-radius: .68rem;
    color: #666666;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.noOrders {
    text-align: center;
    padding-top: 5rem;
}

/*关于我们*/
.mainMarginTop {
    margin-top: 1.76rem;
}

.p_about .main {
    margin-top: 2.76rem;
}

.p_about .logo {
    display: block;
    width: 2.4rem;
    margin: .6rem auto;
}

.p_about p {
    text-indent: 2em;
    font-size: .56rem;
    line-height: .96rem;
    margin-bottom: .8rem;
}


/*确认订单*/
.order_com .main {
    margin-top: 2.08rem;
}

.order_com .goods_popup {
    padding: .4rem;
    border-radius: .4rem;
}

.order_com .popup-top {
    margin-bottom: 0;
    display: flex;
}

.bottomBtn {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.96rem;
    padding: 0 0.6rem;
}

.bottomBtn p {
    font-size: .56rem;
}

.bottomBtn .btn_submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.9rem;
    height: 1.36rem;
    font-size: .56rem;
    background: #FC3237;
    color: #ffffff;
    border: none;
    outline: 0;
    border-radius: .68rem;
}

.price {
    color: #F36106;
    font-size: .4rem;
}

.price strong {
    font-size: .56rem;
}

.submit_form {
    border-radius: .4rem;
    margin-top: .32rem;
    padding-left: .4rem;
}

.submit_form li {
    height: 1.8rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EDEDED;
    position: relative;
}

.submit_form li:last-child {
    border-bottom: none;
}

.submit_form label {
    font-size: .56rem;
    color: #010101;
    margin-right: .6rem;
}

.submit_form span {
    margin-left: auto;
    padding-right: .4rem;
    color: #999999;
}

.submit_form .getMobileCode {
    height: 1.8rem;
    display: flex;
    align-items: center;
    margin-right: .4rem;
}

.submit_form .tips {
    color: #F36106;
}

.p_payResult .kefu {
    display: flex;
    margin: .8rem .6rem 0;
    height: 1.8rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #BFBFBF;
    border-radius: .9rem;
    color: #666666;
    font-size: .68rem;
    box-sizing: border-box;
}

.p_gg .an_content {
    margin-top: 2.4rem;
}

.p_gg .an_content.on {
    margin-top: 0;
}


.bgZH {
    background: #FF5B01;
    margin-top: .02rem;
    margin-right: .1rem;
    float: none;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: block;
    border-radius: 0.05rem;
    margin-right: 0.14rem;
    font-family: "微软雅黑";
    padding: 5px;
    border-radius: 5px;
    font-weight: 800;
}