body {
     background: #f2f2f2;
    /* letter-spacing: 1px;*/
     /*max-width: 10rem;*/
     margin: 0 auto;
   }
   
   a {
     display: block;
     width: 100%;
     height: 100%;
   }
   
   img {
     max-width: 100%;
   }
   
   .clearfix {
     clear: both;
     overflow: hidden;
   }
   .backhead {
   	width: 100%;
   	position: fixed;
   	left: 0;
   	top: 0;
   	z-index: 999999;
   	background: #317efe;
   	display: flex;
   }
   .mgt1 {
   	margin-top: 1rem;
   }
   .mode-wrap {
     width: 100%;
     height: auto;
     background: #fff;
     margin-bottom: 0.267rem;
     padding: 0rem;
     overflow:auto;
   }
   
   .intro-detil {
     width: 100%;
     border-bottom: 0.013rem solid #eaeaea;
     /*padding: 0.267rem;*/
     padding: 0.2rem 0.2rem 0.05rem;
   }
   .intro-detil:hover {
     background-color: #eee;
   }
   
   .intro-detil .intro-pic {
     width: 2.96rem;
   }
   
   .intro-detil .intro-pic .intro-pic-img {
     width: 3.2rem;
     /*height: 2.52rem;*/
     height: 2.7rem;
     
   }
   .intro-detil .intro-pic .intro-pic-img img{
       border-radius:5px;
   }
   .intro-detil .intro-discrible {
     width: calc(100% - 2.96rem - 0.4rem);
     /*height: 2.52rem;*/
     height: 2.9rem;
     line-height: normal;
     margin-left: 0.4rem;
   }
   
   .intro-detil .intro-discrible .good-name {
     font-size: 0.42rem;
     /* white-space: nowrap; */
     /* overflow: hidden; */
     /* text-overflow: ellipsis; */
     margin-bottom: 0.1rem;
     letter-spacing: 0.04rem;
     font-weight: 600;
     height:1.1rem;
   }
   
   .intro-detil .intro-discrible .good-id {
     color: #a9a9a9;
     font-size: 0.347rem;
     letter-spacing: 0.02rem;
   }
   
   .intro-detil .intro-discrible .good-price {
     font-size: 0.36rem;
     color: #e70c0c;
     font-weight: 600;
     margin-top: 0.05rem;
   }
   
   .bottom-btn {
     width: 100%;
     display: flex;
     justify-content: space-around;
     align-items: center;
     background: #fff;
     padding: 0.133rem;
     position: fixed;
     bottom: 0;
     z-index: 99999;
     left: 0;
   }
   
   .bottom-btn .menu-txt {
     text-align: center;
   }
   
   .bottom-btn .menu-txt .menu-pic {
     width: 0.64rem;
     margin:0 auto;
   }
   
   .bottom-btn .menu-txt span {
     text-align: center;
     margin: 0.267rem 0;
     font-size: 0.32rem;
     color: #999;
   }
   
   .bottom-btn .menu-txt .active {
     color: #337eff;
     font-weight: 700;
   }
   
   .flex-row {
     display: flex;
   }
   
   .flex-left {
     justify-content: flex-start;
   }
   
   .flex-1 {
     flex: 1;
   }
   
   .flex-sb {
     justify-content: space-between;
   }
   
   .flex-bottom {
     align-items: flex-end;
   }
   
   .flex-x-center {
     justify-content: center;
   }
   
   .flex-y-center {
     align-items: center;
   }
   
   .text-right {
     text-align: right;
   }
   
   .text-left {
     text-align: left;
   }
   
   .text-center {
     text-align: center;
   }
   
   .c000 {
     color: #000;
   }
   
   .iconfont.icon-shot-right {
     font-size: 0.5rem;
     color: #fff;
     height: 1.067rem;
     line-height: 0.8rem;
     float: left;
     width: 1rem;
   }
   
   .iconfont.icon-dingdan {
     font-size: 0.4rem;
   }
   
   .iconfont.icon-msg {
     font-size: 0.44rem;
   }
   
   .iconfont.icon-px- {
     font-size: 0.4rem;
   }
   
   .iconfont.icon-up_down {
     font-size: 0.4rem;
   }
   
   .iconfont.icon-shaixuan {
     font-size: 0.4rem;
   }
   
   .iconfont.icon-collect {
     font-size: 0.4rem;
   }
   
   .iconfont.icon-zixun {
     font-size: 0.4rem;
   }
   
   .iconfont.icon-dianhua {
     font-size: 0.4rem;
   }
   
   .iconfont.icon-down1 {
     font-size: 0.4rem;
   }
   
   .iconfont.icon-lunchuan-xian {
     font-size: 0.4rem;
     color: #388aff;
   }
   
   .item-select {
     position: relative;
     height: 0.853rem;
     cursor: pointer;
     display: inline-block;
     vertical-align: middle;
     color: #fff;
     font-size: 0.427rem;
     float: left;
     margin: 0 0.1rem;
   }
   
   .item-select .select-city {
     line-height: 0.953rem;
   }
   
   .item-select .select-city span {
     float: left;
     padding-left: 10px;
     font-size: 0.427rem;
     font-family: "microsoft yahei";
   }
   
   .item-select .select-city .item-select-list {
     width: 100%;
     position: absolute;
     top: 35px;
     display: none;
     overflow-y: auto;
     z-index: 9999;
     background-color: #999;
     overflow: hidden;
   }
   
   .item-select .select-city .item-select-list .active {
     display: block;
     background-color: #f5f5f5;
   }
   
   .item-select .select-city .item-select-list li {
     line-height: 40px;
     padding-left: 20px;
     font-size: 14px;
     font-family: "microsoft yahei";
     text-align: left;
     list-style-type: none;
   }
   .list-top {
     display: flex;
   }
   .searc-lf {
     width: 72vw;/*calc(100% - 1rem)*/

   }
   
   .searc-lf .iconfont.icon-search {
     font-size: 0.48rem;
     position: absolute;
     z-index: 999;
     margin: 0 0.15rem;
   }
   
   .searc-lf input {
     width: 94%;
     height: 0.78rem;
     line-height: 0.78rem;
     border-radius: 0.533rem;
     background: #eaeaea;
     position: relative;
     padding: 0rem 0.8rem;
     font-size: 0.36rem;
   }
   
   .page-head {
     width: 100%;
     height: 1.2rem;
     line-height: 1.2rem;
     background: #337eff;
     text-align: center;
     position: fixed;
     top:0;
     z-index: 99;
   }
   
   .page-head22 {
     width: 100%;
     height: 0.92rem;
     line-height: 0.92rem;
     background: #337eff;
     text-align: center;
     position: fixed;
     top:0;
     z-index: 99;
   }
   
   
   .page-head span {
     color: #fff;
     font-size: 0.4rem;
   }
   
   .bottom-nav {
     width: 100%;
     height: 1.467rem;
     line-height: 1.467rem;
     background: #fff;
     position: fixed;
     bottom: 0;
     z-index: 99999;
     border-top: 1px solid #e5e5e5;
     left: 0;
   }
   
   .bottom-nav .menu-nav {
     width: 50%;
     text-align: center;
     color: #666;
     font-size: 0.373rem;
     border-right: 0.013rem solid #e5e5e5;
     line-height: normal;
     padding-top: 0.46rem;
   }
   
   .bottom-nav .selected {
     color: #fff;
     background: #3d96ff;
   }
   
   .bottom-nav .menu-nav:last-child {
     border-right: 0;
   }
   
   .intro {
     height: auto;
     background: #fff;
   }
   
   .intro .intro-list {
     margin-bottom: 1.067rem;
   }
   
   .intro .intro-list .tab {
     display: flex;
     justify-content: space-around;
     align-items: center;
     border-bottom: 0.027rem solid #eaeaea;
     padding-bottom: 0.133rem;
     color: #a9a9a9;
     font-size: 0.4rem;
   }
   .intro .intro-list .tab a {
     text-align: center;
   }
   /* .intro .intro-list .tab a:first-of-type {
       text-align: left;
   }
   .intro .intro-list .tab a:last-of-type {
       text-align: right;
   } */
   .intro .intro-list .tab .active {
     border-bottom: 0.08rem solid #337eff;
     color: #333;
     font-weight: 700;
   }
   .intro .intro-list .tab .active::after {
     display: none !important;
   }
   
   .tabpane {
     display: none;
   }
   
   .intro-list {
     margin-bottom: 1.067rem;
   }
   .mode-wrap {padding:10;}
   .intro-list .tab {
     display: flex;
     align-items: center;
     border-bottom: 0.027rem solid #eaeaea;
     padding-bottom: 0.2233rem;
     color: #a9a9a9;
     font-size: 0.4rem;
     text-align: center;
   }
   .intro-list .tab a {
     padding: 0.2rem 0.4rem;
     font-size: 0.4rem;
     color:#333;
   white-space: nowrap;
   }
   
   .intro-list .tab .active {
     /*border-bottom: .08rem solid #337eff;*/
     color: #333;
     font-weight: 700;
     padding-bottom: 0.133rem;
     position: relative;
   }
   .intro-list .tab .active::after {
     content: "";
     height: 0.06rem;
     background: #337eff;
     position: absolute;
     left: calc(50% - 0.25rem);
     bottom: -0.1rem;
     border-radius: 25%;
     width: 0.5rem;
     display: block;
   }
   
   .detail-top-msg {
     width: 100%;
     height: auto;
     background: #fff;
     margin-bottom: 0.267rem;
   }
   
   .detail-top-msg .detail-pic {
     width: 100%;
     height: 6.747rem;
   }
   
   .detail-top-msg .detail-discrible {
     padding: 0.267rem;
     line-height: 0.733rem;
   }
   
   .detail-top-msg .detail-discrible .detail-good-name {
     font-size: 0.427rem;
   }
   
   .detail-top-msg .detail-discrible .detail-good-price {
     font-size: 0.453rem;
     color: #e70c0c;
   }
   
   .server-detail-tit {
     font-size: 0.427rem;
     margin: 0rem 0 0rem 0;
     padding: 0.267rem;
   }
   
   .server-detail-content {
     font-size: 0.347rem;
     color: #a9a9a9;
       padding: 0.267rem;
   }
   
   .text-content {
     margin-bottom: 1.467rem;
   }
   
   .goods-list .good-msg {
     width: 46%;
     font-size: 0.327rem;
     float: left;
     margin: 0.267rem 3% 0 0;
   }
   
   .goods-list .good-msg .goods-question {
     color: #89898c;
   }
   
   .goods-answer {
     color: #333;
   }
   
   .page-head-bg {
     position: relative;
     overflow: hidden;
   }
   
   .page-head-bg .nav-txt {
     position: absolute;
     top: 0.3rem;
     left: 0;
     width: 100%;
     padding: 0 0.4rem;
   }
   
   .pagination {
     font-size: 0.35rem;
     margin: 0.3rem;
     overflow: hidden;
   }
   
   .pagination .page-item.disabled {
     display: none;
   }
   
   .pagination a,
   .pagination span {
     display: inline-block;
     padding: 0.1rem 0.05rem;
     height: 100%;
     line-height: 100%;
     color: #fff;
   }
   
   .pagination .previous,
   .pagination .next {
     display: inline-block;
     color: #fff;
     background-color: #327bff;
     padding: 0.1rem 0.05rem;
   }
   
   .pagination .previous {
     float: left;
   }
   
   .pagination .next {
     float: right;
   }
   
   /*# sourceMappingURL=comm.css.map */
   .backhead a {
     position: relative;
     width: 100%;
     height: 1rem;
     line-height: 1rem;
   }
   
   .backhead .icon-shot-right {
     position: absolute;
     left: 0px;
     top: 0;
     width: 100%;
     height: 1rem;
     color: #fff;
     font-size: 0.5rem;
     font-weight: 500;
     line-height: inherit;
   }
   
   .backhead .backheadtext {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 1rem;
     text-align: center;
     color: #fff;
     font-size: 0.427rem;
   }
   .iconfont.icon-dianhua {
     color: #fff;
     font-size: 0.36rem;
     margin-top: 0.05rem;
     float: right;
     margin-right: 0.5rem;
   }
   .goods-list {padding: 0 0 0.32rem 0.32rem;}
   .font11 {
   	margin: 0 4%;
   }