@media screen and (min-width:600px) { /* PC端样式专用样式*/
    body {
        position: relative;
        font-size: 14px;
        min-width: 1200px;
        
    }  

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    --el-table-header-bg-color:#eee;
    --el-aside-width:200px;
}
th{
  color:#000;
}
html {
    color: #333;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizelegibility;
}
body, button, input, select, textarea {
    font-family: Arial, Microsoft Yahei, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
}

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Microsoft Yahei, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
    font-weight: 100;
    color: #000;
    line-height: 1.35;
}

.bd-content-middle {
    float: left;
    width: calc(100% - 440px);
    margin-left: 20px;
    overflow-y: auto;
    background-color: #fff;
    text-align: left;
}
.accessDetail{
    width: 400px;
    float: left;
    margin-left: 10px;
}
.title{
    font-weight: 20px;
    font-weight: bold;
    background-color: #eee;
    line-height: 30px;
    padding-left: 10px;
}
.filter-container{
    margin-bottom: 10px;
}
/*****常用样式****/

.weekSelector li {
    float: left;
    border: 1px solid #0094ff;
}

.weekSelector .weekItem {
    width: 140px;
    line-height: 32px;
    text-align: center;
}

.monthSelector li {
    float: left;
    border: 1px solid #0094ff;
    text-align: center;
}

.monthSelector .monthItem {
    width: 240px;
    line-height: 32px;
    text-align: center;
}

.fileul {
    list-style: none;
    /*margin-left: 50px;*/
}

    .fileul li {
        display: inline;
        margin-left: 20px;
        float: left;
        width: 120px;
        text-align: center;
    }

        .fileul li i {
            font-size: 100px;
        }

            .fileul li i.delAttach {
                font-size: 20px;
                color: #f00;
                float: right;
            }

.white {
    color: #fff;
}

.zdy-label {
    width: auto;
    padding: 5px;
    height: 25px;
    line-height: 25px;
    border-width: 0px;
    /*border-style: solid;*/
    border-radius: 20px 20px 20px 20px;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
}

.black {
    color: #000;
}

.red {
    color: #f00;
}

.orange {
    color: #f60;
}

.blue {
    color: rgba(79, 7, 247, 0.849);
}

.green {
    color: rgb(11, 184, 126);
}

.gold {
    color: #CD7F32;
}

.yellow {
    color: #f0e352;
}

.bg-gold {
    color: #CD7F32;
}

.bg-red {
    background-color: #f00;
    color: #fff;
}

.bg-orange {
    background-color: #f60;
    color: #fff;
}

.bg-blue {
    background-color: rgba(79, 7, 247, 0.849);
    color: #fff;
}

.bg-green {
    background-color: rgb(11, 184, 126);
    color: #fff;
}

/*改写element 样式*/
.el-form-item {
    display: flex;
    --font-size: 14px;
    margin-bottom: 8px !important; 
}
.el-main{
    padding: 0px !important;
}
.el-form-item__label {
     background-color: #f5f7fa;
     border: 1px solid #dcdfe6;
   
}
.el-input__inner {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.el-input{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

element.style {
}

.el-radio {
    margin-right: 12px;
}
.bottomTab{  /*底部切换Tab*/
    text-align: center;
    position:fixed;bottom: 0px; height:40px; line-height: 5px;width:100%;
    border-top: 1px solid #ddd;
    padding-top: 5px;
    font-size:12px;
}
.bottomTab icon{
    font-size: 28px;
}
.tabSelected{
    color:#0094ff;
}

--el-menu-item-height:40px;


 

}


 /*phone*/
 @media only screen and (min-width: 0px) and (max-width: 600px) {
	.col-2-item{
        font-size: 16px;
        line-height:50px;
        text-align: center;
}
.col-2-item icon{
 font-size: 32px;

}
.col-4-item{
        font-size: 16px;
        text-align: center;
        height: 70px;
        margin-top:20px;
}
.col-4-item icon{
 font-size: 32px;
}

.bottomTab{  /*底部切换Tab*/
    text-align: center;
    position:fixed;bottom: 0px; height:50px; line-height: 5px;width:100%;
    border-top: 1px solid #ddd;
    padding-top: 20px;
    font-size:12px;
    background-color: #fdfdfd;
    color:#555;
    z-index: 9999;
}
.bottomTab icon{
    font-size: 24px;
}

.videoMultiItem li{
    width:32%;
    list-style: none;
    margin:0.5%;
    float:left;
    text-align: center;
    --el-text-color-regular:#fff;
}
.videoMultiItem img{
    width:100%;
    height:120px;
    border-radius: 5px;

}
.videoMultiItem .el-text{
    color:#fff;
    
}
.tabSelected{
    color:#007FFF;
}

/**********页面布局*************/
.container {
    min-height: 100vh;
    height: 100%;
    font-size: 14px;
    justify-content: space-between;
    background-color: #f0f0f0;
    box-sizing: border-box;
    overflow-y: auto;
  }
  
  .main {
    margin: 10px;
    background-color: #fff;
    border-radius: 3px;
  }
  
  .bottom {
    position: fixed;
    bottom: 0px;
    width: 100%;
    font-size: 12px;
    background-color: #fff;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #dfdfdf;
  }
  
  .bottom .text {
    float: left;
    text-align: right;
    line-height: 20px;
    width: 65%;
  }
  
  .bottom .bottom-btn {
    margin-top: 7px;
    margin-left: 10px;
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #333;
    color: #fff;
    border-radius: 3px;
    width: 80px;
  }
  
  .padpage {
    padding: 10px;
  }
  
  /*****表格*****/
  .table {
    border: 1px solid #dadada;
    border-right: 0;
    border-bottom: 0;
    width: 98%;
  }
  
  .tr {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  
  .th,
  .td {
    padding: 10px;
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
    text-align: center;
    width: 100%
  }
  
  .th {
    font-weight: 400;
    background-color: #dadada
  }
  
  .weui-grids {
  
    position: relative;
    overflow: hidden;
  }
  
  .weui-grids:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
  
    color: #d9d9d9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  
  .weui-grids:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    bottom: 0;
  
    color: #d9d9d9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
  }
  
  
  
  .weui-grid {
    position: relative;
    float: left;
  
    box-sizing: border-box;
  }
  
  .weui-grid {
    position: relative;
    float: left;
    box-sizing: border-box;
    text-align: center;
  
  }
  
  .weui-grid .th {
    background-color: #d9d9d9;
  }
  
  .weui-grid.w35 {
    width: 35%;
  }
  
  .weui-grid.w45 {
    width: 45%;
  }
  
  .weui-grid.w55 {
    width: 55%;
  }
  
  .weui-grid.w65 {
    width: 65%;
  }
  
  .weui-grid.w75 {
    width: 75%;
  }
  
  .weui-grid.w25 {
    width: 25%;
  }
  
  .weui-grid.w15 {
    width: 15%;
  }
  
  .weui-grid.w20 {
    width: 20%;
  }
  
  .weui-grid.w25 {
    width: 25%;
  }
  
  .weui-grid.w10 {
    width: 10%;
  }
  
  .weui-grid.w5 {
    width: 5%;
  }
  
  .weui-grid.w100 {
    width: 100%;
  }
  
  .weui-grid:before {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    bottom: 0;
  
    color: #d9d9d9;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
  }
  
  .weui-grid:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
  
    color: #d9d9d9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  
  .weui-grid:active {
    background-color: #ECECEC;
  }
  
  .weui-grid__bg {
    position: relative;
    float: left;
    padding: 0px 0px;
    width: 100%;
    box-sizing: border-box;
  }
  
  .weui-grid__icon {
    width: 40px;
    height: 40px;
    margin: 0 auto;
  
  
  }
  
  
  .weui-grid__icon image {
    display: block;
    width: 100%;
    height: 100%;
  }
  
  .weui-grid__icon+.weui-grid__label {
    margin-top: 5px;
  }
  
  
  .weui-grid__label {
    display: block;
    text-align: center;
    font-weight: normal;
    color: #000;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  
  /********结束表格样式**********/
  /**********tab样式****************/
  .swiper-tab {
    width: 100%;
    /* border-bottom: 2rpx solid #ccc; */
    text-align: center;
    height: 88rpx;
    line-height: 88rpx;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    color: #ccc;
    font-size: 16px;
  }
  
  .swiper-tab-item {
    width: 30%;
    color: #434343;
  }
  
  .active {
    color: #20b004;
    /* border-bottom: 4rpx solid #F65959; */
    font-size: 16px;
    font-weight: bold;
  }
  
  .center {
    margin: 0 auto;
  }
  
  .domain {
    background-color: #fff;
    height: 100%;
    margin: 0 10px;
  }
  
  /********tab样式**********/
  
  .show {
    display: block;
  }
  
  .hidden {
    display: none;
  }
  
  .white {
    color: #fff;
  }
  
  .black {
    color: #000;
  }
  
  .silver {
    color: #888;
  }
  
  .red {
    color: #f00;
  }
  
  .orange {
    color: #f60;
  }
  
  .blue {
    color: rgba(79, 7, 247, 0.849);
  }
  
  .green {
    color: rgb(11, 184, 126);
  }
  
  .gold {
    color: #CD7F32;
  }
  
  .yellow {
    color: #f0e352;
  }
  
  .bg-gold {
    color: #CD7F32;
  }
  
  .bg-black {
    background-color: #000;
    color: #fff;
  }
  
  .bg-dark {
    background-color: #555;
  }
  
  .bg-gray {
    background-color: #999;
    color: #fff;
  }
  
  .bg-red {
    background-color: #f00;
    color: #fff;
  }
  
  .bg-orange {
    background-color: #f60;
    color: #fff;
  }
  
  .bg-blue {
    background-color: rgba(79, 7, 247, 0.849);
    color: #fff;
  }
  
  .bg-green {
    background-color: rgb(11, 184, 126);
    color: #fff;
  }
  
  .state1 {
    color: #ddd;
  }
  
  .state5 {
    color: rgb(11, 184, 126)
  }
  
  .state3 {
    color: #f60;
  }
  
  .state2 {
    color: rgba(79, 7, 247, 0.849);
  }
  .itemstate1 {
      color: rgba(79, 7, 247, 0.849);
    }
    .itemstate2 {
      color: rgb(11, 184, 126);
    }
    .topTitle {
      background-color: rgb(72, 90, 111);
      color: #fff;
      line-height: 30px;
      text-align: center;
      clear: both;
    }
  .title {
    background-color: rgb(68, 98, 133);
    color: #fff;
    line-height: 30px;
    text-align: center;
    clear: both;
  }
  
  .bottomTitle {
  
  
    line-height: 30px;
    padding-left: 20px;
    margin-bottom: 20px;
    border: 1px solid #d9d9d9;
  }
  
  .pagePageLeft {
    padding-left: 20px;
  }
  
  .pageContain {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .empty {
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    clear: both;
  }
  
  .rowInput {
    clear: both;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
  }
  
  .rowInput label {
    float: left;
    margin-left: 10px;
    min-width: 80px;
    color: #555;
  }
  
  .rowInput input {
    float: left;
    width: -moz-calc(100% - 140px);
    width: -webkit-calc(100% - 140px);
    width: calc(100% - 140px);
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }
  
  .rowInput radio-group {
    float: left;
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
  }
  
  .header {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
  }
  
  .header icon {
    float: left;
  
    line-height: 30px;
  }
  
  .titleItem {
    margin-top: 5px;
    background-color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #ddd;
    line-height: 30px;
    font-size: 14px;
  
  
  }
  
  
  .bottom {
    /* position: fixed; */
    /* bottom: 0px; */
  
    /* font-size: 12px; */
    background-color: #efefef;
    line-height: 30px;
    /* border-top: 1px solid #dfdfdf; */
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
  
  /* 列表展示样式*/
  .messageContent {
    clear: both;
  
  }
  
  .messageList {
    background-color: #fff;
    padding: 10px;
    border-bottom: 1px solid #dfdfdf;
  }
  
  .messageList .title {
    background-color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    height: 20px;
    color: #555;
  
  }
  
  .messageList icon {
    float: right;
    margin-left: 10px;
  }
  
  .messageList .content {
    text-indent: 20px;
    background-color: #fff;
    font-size: 12px;
  }
  
  .messageList .content {
    text-indent: 20px;
    background-color: #fff;
    font-size: 12px;
    padding: 10px;
  }
  
  /* 列表展示样式结束*/
  .contentBlock {
    /*内容区*/
    background-color: #fff;
  }
  
  /**查询头样式*/
  .searchHeader {
    background-color: #fff;
  
  }
  
  .searchState {
    float: right;
    margin-right: 10px;
  }
  
  .searchInput {
    float: left;
    width: -moz-calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    width: calc(100% -80px);
    background-color: #fff;
    font-size: 12px;
    border-bottom: 1px solid #dfdfdf;
    padding-left: 10px;
    line-height: 20px;
  }
  
  .btnSearch {
    float: right;
    margin-right: 5px;
    width: 60px;
    text-align: center;
    margin-top: -5px;
  }
  
  
  
  .product {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .product image {
  
    height: 50px;
    width: 50px;
    margin: 10px;
    border-radius: 30px;
  }
  
  .product .content {
    margin-top: 10px;
    margin-right: 10px;
    width: 260px;
    padding-left: 10px;
  }
  
  .product.name {
    font-size: 15px;
    text-align: center;
    background-color: #eee;
    line-height: 30px;
    font-weight: bold;
  }
  
  .product .content .price {
    font-size: 13px;
    text-decoration: line-through;
    color: gray
  }
  
  .product .content .realPrice {
    font-size: 14px;
    text-decoration: dashed;
    color: #555;
    font-size: 11px;
  }
  
  .product .content .crowd {
    font-size: 13px;
    color: gray;
    margin-top: 5px;
  }
  
  .modals-cancel {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  .bottom-dialog-body {
    position: absolute;
    z-index: 10001;
    bottom: 0;
    left: 0;
    right: 0;
    height: 680rpx;
    background-color: #fff;
  }
  
  /*动画前初始位置*/
  
  .bottom-pos {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  
  
  
  checkbox .wx-checkbox-input {
    width: 34rpx;
    height: 34rpx;
    border-radius: 50%;
  }
  
  /*checkbox选中后样式  */
  checkbox .wx-checkbox-input.wx-checkbox-input-checked {
    background: #0394F0;
    border-color: #0394F0;
  }
  
  /*checkbox选中后图标样式  */
  checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
    width: 20rpx;
    height: 20rpx;
    line-height: 20rpx;
    text-align: center;
    font-size: 22rpx;
    color: #fff;
    background: transparent;
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
  }
  
  
  .nodata {
    font-size: 16px;
  
    text-align: center;
    color: #F60;
    background-color: #fff;
    padding: 30px;
  }
  
  .nodata icon {
    font-size: 32px;
    vertical-align: -6px;
  }
  
  .nodata text {
    line-height: 30px;
    margin-left: 10px;
  }
  
  
  .state0 {
    color: #000;
  }
  
  .state1 {
    color: #000;
  }
  
  .state2 {
    color: #09dea2;
  }
  
  .state3 {
    color: #0094ff;
  }
  
  .state4 {
    color: #ff6a00;
  }
  
  .state9 {
    color: #f00;
  }
  
  .status {
    color: #0094ff;
    width: 40px;
    overflow: hidden;
    height: 20px;
  }
  
  .status0 {
    color: #ddd;
  }
  
  .status1 {
    color: #ddd;
  }
  
  .status2 {
    color: #0094ff;
  }
  
  .status3 {
    color: #0094ff;
  }
  
  .status6 {
    color: #ff6a00;
  }
  
  .status7 {
    color: #ff6a00;
  }
  
  .status5 {
    color: #09dea2;
  }
  
  .status8 {
    /*color: #808080;*/
    color: #09dea2;
  }
  
  
  .status10 {
    /*color: #808080;*/
    color: #FF0000;
  }
  
  
  .bg-status0 {
    background-color: #000;
  }
  
  .bg-status1 {
    background-color: #000;
  }
  
  .bg-status2 {
    background-color: #0094ff;
  }
  
  .bg-status3 {
    background-color: #0094ff;
  }
  
  .bg-status4 {
    background-color: #0094ff;
  }
  
  .bg-status5 {
    background-color: #ff6a00;
  }
  
  .bg-status6 {
    background-color: #ff6a00;
  }
  
  .bg-status7 {
    background-color: #ff6a00;
  }
  
  .bg-status8 {
    /*color: #808080;*/
    background-color: #09dea2;
  }
  
  .listdate {
    float: left;
    display: inline-block;
    width: 50%;
  }
  
.left {
    clear: both;
    width: 80px;
    float: left;
    line-height: 40px;
    font-size: 12px;
    background-color: #ddd;
  }
  
.right {
  /* width: 270px; */
  width: calc(100% - 85px);
  float: left;
  background-color: #fff;
  height: 100%;
  overflow-y: auto;
}

.content {
  font-size: 12px;
  line-height: 30px;
}

.name {
  font-weight: bold;

}

  .typeItem {
    background-color: #eee;
    padding-left: 5px;
  }
  
  .left .selected {
    background-color: #fff;
    font-weight: bold;
    /* border-left: 2px solid #f00; */
  }
  .knowledge .main {
    margin: 10px;
    background-color: #fff;
    border-radius: 3px;
  }
  
  .knowledge .title {
    text-align: center;
    font-weight: bold;
    line-height: 25px;
  
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  
  .knowledge .content {
    background-color: #fff;
    font-size: 14px;
    line-height: 20px;
  }
  
  .knowledge .left {
    clear: both;
    width: 75px;
    float: left;
    line-height: 28px;
    font-size: 12px;
    height: 100%;
    background-color: #ddd;
  }
  
  .knowledge .typeItem {
    background-color: #eee;
    padding-left: 5px;
  }
  
  .knowledge .left .selected {
    background-color: #fff;
    font-weight: bold;
    border-left: 2px solid #f00;
  }
  
  .knowledge .right {
    width: calc(100% - 75px);
    float: left;
    background-color: #fff;
    height: 100%;
    overflow-y: auto;
  }
  
  .listBtn {
    clear: both;
    font-size: 14px;
    line-height: 40px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    text-align: center;
  }
  
  .btn {
    margin-top: 10px;
    margin-left: 10px;
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #333;
    color: #fff;
    border-radius: 3px;
    width: 80px;
  }
  
  .listItem {
    clear: both;
    font-size: 14px;
    line-height: 30px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    padding-left: 15px;
  
  }
  
  .listItem icon {
    float: right;
    margin-right: 10px;
  }
  
  .rightBtn {
    float: right;
    margin-right: 10px;
    min-width: 60px;
    font-size: 12px;
    text-align: center;
    background-color: rgb(3, 48, 68);
    color: #fff;
    line-height: 30px;
    border-radius: 5px;
  }
  
  .rightBtn icon {
    font-size: 20px;
    line-height: 20px;
  }
  
  .tipMsg {
    color: #01AAED;
    font-size: 12px;
    padding: 15px;
    line-height: 24px;
  }
  
  .text-line1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .text-line2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
  }
  
  .text-line3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
  }
  
  /*选项*/
  .search {
    line-height: 36px;
    height: 36px;
    border-bottom: 1px solid #888;
    text-align: center;
    font-size: 12px;
    background-color: #154BC5;
    color: #fff;
  }
  
  .search .selected {
    color: #FFB800;
    border: 0px;
  
  }
  
  .searchItem {
    width: 24%;
    float: left;
  }
  
  /*选项卡*/
  .tws-navbar {
    /* line-height: 1.6; */
    background-color: #fff;
    display: flex;
  }
  
  .tws-navbar_item {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 9px 0;
    text-align: center;
    /* font-size: 17px; */
    line-height: 1.41176471;
  }
  
  .tws-navbar_itemactive {
    background-color: #3e73db;
    color: #fff;
  }
  
  .clear {
    clear: both;
  }
  
  /*搜索框*/
  .tws-search-bar {
    padding: 8px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    background-color: #EFEFF4;
    border-top: 1rpx solid #D7D6DC;
    border-bottom: 1rpx solid #D7D6DC;
    align-items: center;
  }
  
  .tws-search-bar__box {
    border-radius: 25px;
    padding: 4px 10px 4px 10px;
    width: 100%;
    box-sizing: border-box;
    z-index: 1;
    background-color: #fff;
    display: flex;
    align-items: center;
  }
  
  .tws-icon-search_in-box {
    float: none;
    padding: 5px;
  }
  
  .tws-search-bar__input {
    height: 28px;
    line-height: 28px;
    font-size: 14px;
  }
  
  .tws-search-bar__cancelbtn {
    margin-left: 10px;
    line-height: 28px;
    color: #09BB07;
    white-space: nowrap;
  }
  
  /*1行2列*/
  .list-2item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-decoration: none;
    padding: 10px;
  }
  
  .list-2item:after {
    content: "";
    height: 0;
    width: 48%;
  }
  
  .list-2item-item {
    margin-top: 10px;
    width: 48%;
    height: 266px;
    border: 1px solid #D7D6DC;
    border-radius: 4px;
  }
  
  /*半弹窗样式*/
  .half-dialog-hd {
    padding: 0 calc(24px + env(safe-area-inset-right)) 0 calc(24px + env(safe-area-inset-left));
    min-height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  
  .half-dialog-hd-side {
    width: 30px;
  }
  
  .half-dialog-hd-main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    padding: 0 40px;
  }
  
  .half-dialog-bd {
    min-height: 60px;
    font-size: 14px;
    color: #999 !important;
    padding: 0 calc(24px + env(safe-area-inset-right)) 10px calc(24px + env(safe-area-inset-left));
  }
  
  .half-dialog-closeicon {
    position: relative;
    float: right;
    width: 40px;
    line-height: 40px;
    text-align: center;
  }
  
  .half-dialog-closeicon icon {
    font-size: 20px;
    color: #999 !important;
  }
  
  /*每行平均分布列*/
  .col-list {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    text-decoration: none;
  }
  
  .col-list::after {
    content: "";
    height: 0;
  }
  
  .col-content-title {
    font-size: 14px;
    line-height: 1.4;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .col-content-desc {
    font-size: 12px;
    line-height: 1.4;
    color: #999;
    padding-top: 4px;
  }
  
  .col-group-title {
    border-left: 4px solid #3366CC;
    color: #333333;
    padding-left: 8px;
    font-size: 16px;
    margin: 5px 0px;
  }
  
  /*图片按比例显示*/
  .img11-box {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
  }
  
  .img169-box {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
  
  .img11-box image,
  .img169-box image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  
  /*男女性颜色*/
  .male-color {
    color: #007FFF;
  }
  
  .female-color {
    color: #FF69B4;
  }
  
  .btn-tobuy {
    background-color: #ffff66;
    color: #333333;
  }
  
  .btn-tocart {
    background-color: #154BC5;
    color: #fff;
  }
  
  .bottom .btn-tobuy {
    /* background-color: #ffff66;
    color: #333333; */
    background-color: #FFB800;
    color: #fff;
  }
  
  .bottom .btn-tocart {
    background-color: #154BC5;
    color: #fff;
  }
  
  /*信息输入部分-样式*/
  .input-info .list {
    height: 90rpx;
    display: flex;
    border-bottom: 2rpx solid #ddd;
  }
  
  .input-info .list .list-l {
    width: 160rpx;
    display: flex;
    align-items: center;
  }
  
  .input-info .list .list-r {
    margin-left: 64rpx;
    flex: 1;
    display: flex;
    align-items: center;
  }
  
  .input-info .list .list-r input {
    font-weight: 500;
    color: #222;
    height: 90rpx;
  }
  
  .input-info .list .list-r.has-btn input {
    width: calc(100% - 100px);
  }
  
  .input-info .list .list-r .placeholder {
    color: #999;
    font-size: 30rpx;
    font-weight: 400;
  }
  
  .input-info .list .list-r label {
    font-weight: 500;
    color: #222;
    height: 90rpx;
    line-height: 90rpx;
    display: inline-block;
    min-width: 160rpx;
  }
  
  .input-info .list .list-r .site text {
    padding-right: 24rpx;
    color: #999;
    font-size: 30rpx;
    font-weight: 400;
  }
  
  .input-info .list .list-r .right-btn {
    display: inline-block;
    font-size: 13px;
    /* padding: 0 12px; */
    height: 30px;
    line-height: 30px;
    width: 100px;
    border-radius: 6px;
    color: #06ae56;
    background-color: #f2f2f2;
    text-align: center;
  }
  
  .input-info .list-textarea-title {
    padding: 30rpx 0;
    color: #333;
    font-size: 30rpx;
    font-weight: 500;
    text-align: left;
  }
  
  .input-info .list-textarea textarea {
    display: block;
    border: 0;
    resize: none;
    background: transparent;
    width: 100%;
    color: inherit;
    font-size: 1em;
    line-height: inherit;
    height: 80px;
    outline: 0;
    text-align: left;
  }
  .input-info .list .list-r .picker {
    line-height: 90rpx;
  }
  .input-info .list .list-r picker {
    display:inline-block;
    width: calc(100% - 40rpx);
  }
  .input-info .list .list-r icon {
    width: 40rpx;
  }
  
  .btn-ok-bottom {
    display: block;
    width: calc(100% - 30px);
    background-color: #3366ff;
    color: #fff;
    padding: 4px;
    font-size: 14px;
    text-align: center;
    border-radius: 20px;
    margin: 5px 15px;
  }
  
  .btn-reset-bottom {
    display: block;
    width: calc(100% - 30px);
    background-color: #fff;
    color: #222;
    padding: 4px;
    font-size: 14px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #222;
    margin: 5px 15px;
  }
  
  
  /*暂无数据*/
  .no-data {
    text-align: center;
    color: #999;
    padding: 20px 15px;
    clear: both;
  }
  
  .no-data icon {
    font-size: 60px;
  }
  
  .no-data view {
    line-height: 40px;
    font-size: 14px;
  }
  
  /*图文（左图右文字）*/
  .media-box {
    display: flex;
    color: #000;
    -webkit-box-align: center;
    align-items: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 15px;
    border-radius: 4px;
  }
  
  .media-box-hd {
    margin-right: 16px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
  }
  
  .media-box-thumb {
    width: 100%;
    max-height: 100%;
    vertical-align: top;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  
  .media-box-bd {
    flex: 1;
  }
  
  .media-box-title {
    display: block;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.4;
    color: #333;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    hyphens: auto;
  }
  
  .media-box-desc {
    color: #999;
    font-size: 14px;
    line-height: 1.4;
    padding-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    hyphens: auto;
  }
  
  .on-blue {
    color: #fff;
    background: linear-gradient(-60deg, #154BC5, #01AAED);
    box-shadow: 0px 5px 16px 0px #C6F3ED;
  }
  
  /* 商品数量样式 */
  .goods-num {
    display: inline-flex;
    justify-content: space-between;
    width: 120px;
    height: 30px;
    background-color: #F2F2F2;
    border-radius: 4px;
    /* margin-bottom: 20px; */
  }
  
  /* 数量输入框 */
  .num-input {
    width: 50%;
    height: 100%;
    text-align: center;
    border: none;
  }
  
  /* 加、减按钮样式 */
  .minus,
  .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    width: 30%;
    cursor: pointer;
    user-select: none;
  }
  
  .minus:hover,
  .plus:hover {
    background-color: #EBEBEB;
  }
  
  .minus {
    border-radius: 4px 0 0 4px;
  }
  
  .plus {
    border-radius: 0 4px 4px 0;
  }
  
  /*卡片*/
  .card-info {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
  }
  
  .card-info-title {
    color: #333;
    font-size: 16px;
    padding: 9px 15px;
  }
  
  .card-info-desc {
    font-size: 14px;
    color: #666;
    padding: 9px 15px;
  }
  
  /*向右箭头*/
  .right-arrow {
    content: " ";
    width: 12px;
    height: 24px;
    mask-position: 0 0;
    mask-repeat: no-repeat;
    mask-size: 100%;
    color: rgba(0, 0, 0, 0.3);
    background-color: #999;
    -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
    mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
    display: inline-block;
  }
  
  /*对话框*/
  .weui-mask {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
  }
  .dialog--weui-dialog {
  opacity: 1;
  -webkit-transform: scale3d(1,1,1) translateY(-50%);
  transform: scale3d(1,1,1) translateY(-50%);
  transition: all .2s ease-in;
  }
  .weui-dialog {
  position: fixed;
  z-index: 5000;
  top: 50%;
  left: 16px;
  right: 16px;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  background-color: #fff;
  text-align: center;
  border-radius: 12px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  max-height: 90%;
  outline: 0;
  }
  .weui-dialog__hd {
  padding: 32px 24px 16px;
  }
  .weui-dialog__title {
  font-weight: 700;
  font-size: 17px;
  line-height: 1.4;
  }
  .weui-dialog__bd {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 24px;
  margin-bottom: 32px;
  font-size: 17px;
  line-height: 1.4;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: rgba(0, 0, 0, 0.5);
  }
  .weui-dialog__ft {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  }
  .weui-dialog__ft::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid rgba(0,0,0,0.1);
  color: rgba(0,0,0,0.1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  }
  .weui-dialog__btn {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  line-height: 1.41176471;
  padding: 16px 0;
  font-size: 17px;
  color: #576b95;
  font-weight: 700;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  position: relative;
  }
  .weui-dialog__btn:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  bottom: 0;
  border-left: 1px solid rgba(0,0,0,0.1);
  color: rgba(0,0,0,0.1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
  }
  .weui-dialog__btn_default{
  color:rgba(0, 0, 0, 0.9);
  }
  
}


@media only screen and (min-width: 420px) and (max-width: 1920px) {
  .MView{
    display: none;
  }
}


@media only screen and (min-width: 0px) and (max-width: 420px) {
  .PCView{
    display: none;
    padding-top: 30px;
  
  }
  
}