body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    ul,
    ol,
    dl,
    dd,
    p,
    figure {
        margin: 0;
        font-weight: normal
    }

    body,
    h1,
    h2,
    h3,
    input,
    button,
    select,
    textarea {
        font-family: 寰蒋闆呴粦, sans-serif;
        font-size: 14px
    }

    input,
    button,
    select,
    textarea {
        border: 0;
        outline: 0
    }

    input,
    button,
    textarea,
    th,
    td,
    dt,
    dd,
    figure {
        padding: 0
    }

    table {
          border-collapse: inherit;
    border-spacing: 1px;
    }

    button {
        cursor: pointer
    }

    i,
    em,
    cite {
        font-style: normal
    }

    ul,
    ol {
        padding: 0;
        list-style: none
    }

    img {
        vertical-align: top;
        border: 0
    }

    a {
        text-decoration: none;
        color: inherit
    }

    * {
        box-sizing: border-box
    }

.tsinfo{color: #d23732;}
a, a:hover { color:#333; text-decoration:none; }
body{ background-color: #e62e2a;
background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e8712c' fill-opacity='0.55'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
padding: 300px 0 0}




body:before{ 
background-size: auto 300px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    min-height: 300px;
    z-index: -2
}

header{   
}
header .wp{position: relative;    z-index:5;
padding:   0;}
header .logo{line-height: 50px;
font-size: 32px; font-family: "SourceHanSerifCN-SemiBold";}
header .user{    text-align: center;
    line-height: 50px;
    font-size: 15px;
    background: #222;
    position: absolute;
    right: 15px;
    top: -25px;
    border-radius: 25px;
    padding: 0 25px;
    color: #fff;}  
.wp{max-width: 860px;
margin: auto}



section {padding-bottom: 30px;
}
section  .wp{padding: 0 30px 30px;
    font-size: 17px;
    border-radius: 10px;
background: #fff; }
section h3{ font-family: "SourceHanSerifCN-Heavy";
    font-size: 31px;
    line-height: 70px;
    color: #222;
    text-shadow: 3px 2px #ddd;
position: relative;
margin-bottom: 30px}

section h3:before{     display: block;
    content: "";
    height: 3px;
    background: #b2b2b2;
    bottom: -2px;
    border-radius: 2px;
    box-shadow: 0 3px 5px #dbdbdb;
    position: absolute;
    left: 0;
    width: 100px;}  
section  p{line-height: 2em;}
section  p.data{font-weight: 600}
section  p.tx-red{    margin: 10px -30px;
    background: #fee;
    color: red;
    padding: 0 39px;}
section  p.tx-lq{    color: #63b604;
    background: #fdffe8;}

.ribbon{
 
    position: relative;
    margin: 35px -64px 35px -44px;
    text-align: center;
}
.text{
  display:block;
  padding:0.5em 1em;
  min-width:20em;
  line-height:1.2em;
  background: #FFD72A;
  position:relative;    color: #d30000;
}
.ribbon:after,.ribbon:before,
.text:before,.text:after,
.bold:before{
  content:'';
  position:absolute;
  border-style:solid;
}
.ribbon:before{
  top:0.3em; left:0.2em;
  width:100%; height:100%;
  border:none;
      background: #0000002b;
  z-index:-2;
}
.text:before{
  bottom:100%; left:0;
  border-width: .5em .7em 0 0;
  border-color: transparent #FC9544 transparent transparent;
}
.text:after{
  top:100%; right:0;
  border-width: .5em 2em 0 0;
  border-color: #FC9544 transparent transparent transparent;
}
.ribbon:after, .bold:before{
  top:0.5em;right:-2em;
  border-width: 1.1em 1em 1.1em 3em;
  border-color: #FECC30 transparent #FECC30 #FECC30;
  z-index:-1;
}
.bold:before{
  border-color: #0000002b transparent #0000002b #0000002b;
  top:0.7em;
  right:-2.3em;
}

footer{text-align: center;
    font-size: 12px;
    padding: 20px 0;
    color: #111;}

table.tablein {    border-collapse: inherit;
    border-spacing: 5px;}





.tablein tr th, .tablein tr td { text-align:center; line-height:30px; color:#203754;border-radius: 5px;
    padding: 5px 0; } 
.tablein tr td { background: #dceaf2; }
.tablein tr th {
    color: #f3faff;
    background: rgb(80 132 168);
    background: linear-gradient(180deg, rgb(176 203 220) 0%, rgb(80 132 168) 100%);
} 
.user span {   font-weight:bold; }
.user a { margin-left:20px;     color: #ff8871; }
 
 p.pbtn { text-align:center;  }
  p.pbtn a,p.pbtn input {  
      border: 0;
    padding: 10px;
    border-radius: 25px;
    margin-right: 10px;
        color: #fff;
    text-shadow: 1px 1px rgb(0 0 0 / 20%), 0.25rem 0.25rem hsl(0deg 0% 100% / 30%), 0.5rem 0.5rem 0.5rem rgb(0 0 0 / 10%);
   margin: 0 20px;
    transition: 1s;
      cursor: pointer;
    box-shadow: 3px 3px 0 #ffd505;
    min-width: 200px;
    background: rgb(255 4 0);
    font-size: 25px;font-family: "SourceHanSerifCN-Heavy";
    background: linear-gradient(180deg, #ff9800 0%, #ff0000 100%);}
  p.pbtn a:hover,p.pbtn input:hover { 
     background: linear-gradient(0deg, #ff9800 0%, #ff0000 100%);}

@media (max-width:750px) {
    body{padding: 98px 0 0;}
    body:before{background-size: contain;}
    header .user{position: static;
    font-size: 13px;
    margin: 0 15px;
    line-height: 35px;
    background: #0000009e;}
    section h3{font-size: 19px}
section .wp {margin: 10px;
font-size:13px;    padding: 0 15px 15px;
}
    section{padding: 0;}
    section p.tx-red{margin:15px 0;
    padding: 5px 10px}
    
    .ribbon{    margin: 35px 0;}
.ribbon:after, .bold:before{display: none}
}




.p-two-in ul:after, .p-two-in ul:after, .p-two-in ul li:after { display:block; content:""; clear:both; }

.p-two-in {  }
.p-two-in ul {  }
.p-two-in ul li { width:50%; padding: 10px; float:left; }
.p-two-in ul li span.rank { display:block; width:80px; height:30px; line-height:30px; text-align:center; background:#cc0606; color:#fff; float:left; border-radius:3px; position:absolute; right:0; }
.p-two-in ul li span.rank2 { background:#FC3; }
.p-two-in ul li span.rank3 { background:#ff754b; }
.p-two-in ul li span.rank4 { background:#b5b4b3; }
.p-two-in ul li span.rank5 { background:#b5b4b3; }
.p-two-in ul li .yhq { position: relative;  height: 100px; line-height: 100px; border-radius: 10px; background: linear-gradient(to right, #c4161a, #c74548); color: #fff; text-align: center; box-shadow: 1px 1px 2px #e65b5f; }
.p-two-in ul li .yhq small { font-size:14px; }
.p-two-in ul li .yhq span.nb { font-size:50px; }
.p-two-in p {   text-align:center;   padding:20px; }
.p-two-in p a { display: block; width:200px; height:50px; line-height:50px; border-radius:50px; color:#fff; background:#ff002c;background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%); font-weight:bold; font-size:20px; margin: auto;font-family: "SourceHanSerifCN-Heavy"; }



/**遮罩**/
.mask { width: 100%; height: 100%; position: fixed; background:#000; background-color: rgba(0, 0, 0, 0.498); z-index: 8; left: 0; top: 0; }
.tbox { width: 328px; height:416px; background:url(../images/cj_tbox.png) no-repeat; position: fixed; top: 50%; left: 50%; z-index: 9; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.tboxin { width:250px; height:120px; position:absolute; top:50px; left:38px; }
.tboxin h5 { text-align:center; line-height:60px; font-weight:bold; color:#e7362b; font-size:28px; }
.tboxin p { text-align:center; line-height:30px; color:#404040; font-size:24px; margin-top:10px; }
.tboxin p span { color:#e7362b; }
.tboxin .nothb { font-size:12px; }
.tbox-btn { width:208px; position:absolute; top:220px; left:60px; }
/*
.tbox-btn a { display:inline-block; width:208px; height:45px; background:url(../images/cj_tbox_btn.png) no-repeat; text-align:center; line-height:45px; color:#e7362b; margin-top:15px; }
.tbox-off { width:36px; height:36px; position:absolute; right:-30px; top:30px; }
.tbox-off a { display:inline-block; width:36px; height:36px; background:url(../images/web-close.png) no-repeat; }
*/
 
 .yhm-list {
      padding: 15px;
    }
    
.yhm-list:before,.yhm-list:after{display: table;
content: ""}
.yhm-list:after{ clear: both}
    .yhm-list li { 
      
      padding: 10px;
        max-width: 390px;
        margin: auto
    }
    
    .yhm-list li .yhq {
      padding: 10px 15px 10px 10px;
      box-shadow: 0 10px 20px 0 rgb(0 0 0 / 4%);
      border: 1px solid #f2f2f2;
      position: relative;
      height: 125px;    background: #fff
    }
      .yhm-list li .yhq p strong{white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block; }
    .yhm-list li .yhq:before, .yhm-list li .yhq:after {
      display: block;
      content: "";
      position: absolute;
      z-index: 8;
      top: 0;
      right: 25px;
      width: 20px;
      height: 10px;
      
      border-radius: 0 0 10px 10px;
      background: #fff;
      box-shadow: 0px -1px 1px inset #eee, 1px -3px 0px #fff;
    }
    
    .yhm-list li .yhq:after {
      bottom: 0;
      top: auto;
      background: #f7f7f7;
      border-radius: 10px 10px 0 0;
      box-shadow: 0px 1px 1px inset #eaeaea, 0px 5px 0 #f8f8f8;
    }
    
    .yhm-list li .q-price, .yhm-list li p {
      margin: 0 20px 0 90px;line-height: 1.6;
    }
    
    .yhm-list li .q-price span {
      cursor: pointer
    }
    
    .yhm-list li p span {
      display: block;
      font-size: 12px;
      margin: 5px 0;
      font-weight: 200;
      
      color: #777;
    }
    
    .yhm-list li p strong span {
      display: none
    }
    
    .yhm-list li .yhq span.lqzt {
      display: none
    }
    
    .yhm-list li .ylq span.lqzt {
      display: block;
      position: absolute;
      border: 2px solid #61c4ff;
      /* padding: 5px 10px; */
      width: 60px;
      right: 40px;
      top: 10px;
      color: #65c6ff;
      transform: rotate(35deg);
      -ms-transform: rotate(35deg); /* IE 9 */
      -moz-transform: rotate(35deg); /* Firefox */
      -webkit-transform: rotate(35deg); /* Safari 和 Chrome */
      -o-transform: rotate(35deg); /* Opera */
      height: 60px;
      border-radius: 50%;
      line-height: 56px;
      text-align: center;
    }
    
    .yhm-list li p span.yxq {
      
      margin: 0;
    }
    
    .q-price strong, .q-price em {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      font: 400 18px arial;
      vertical-align: top;
      margin: 3px 3px 0 0;
      color: #f23030;
    }
    
    .q-price strong {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      font: 400 24px arial;
      vertical-align: top;
    }
    
    .q-price .q-limit {
      display: inline-block;
      
      font-size: 12px;
      margin: 0 0 0 10px;
      padding: 0 5px;
      color: #f23030;
      background: #fff4ec;
    }
    
    .ylq .q-price .q-limit {
      color: #999;
      background: #eee;
    }
    
    .yhm-list li img {    width: 80px;
    height: 80px;
    border-radius: 20px;
    margin-top: -40px;
    position: absolute;
    left: 10px;
    top: 50%;
    }
    
    .yhm-list li a.yhq-btn {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 5;
      bottom: 0;
      background: #f61744;
      width: 35px;
      border-left: 2px dashed #fff;
      cursor: pointer;
      font-size: 14px;
      color: #fff;
      padding: 15px 0 0 5px;
      text-align: center;
      letter-spacing: 3px;
    }
    
    .yhm-list li .ylq a.yhq-btn {
      background: #e0e0e0;
      color: #b7b7b7
    }
    
    .yhm-list li .ylq .q-price strong, .yhm-list li .ylq .q-price em {
      color: #999
    }
    
    @media screen and (max-width: 1600px) {
      
      .yhm-list li .yhq {
        padding: 5px 15px 5px;
      }
      
      
    }
    
    @media screen and (max-width: 640px) {
      
      .yhm-list, .yhm-list li .yhq:before, .yhm-list li .yhq:after {
        background: #f5f5f5
      }
      
      .yhm-list li .yhq:before, .yhm-list li .yhq:after {
        box-shadow: 0px -1px 1px inset #eee, 1px -3px 0px #f5f5f5;
      }
      
      .yhm-list {
        padding: 0
      }
      
      .yhm-list li .yhq {
        background: #fff
      }
      
      .yhm-list li {
        width: auto;
        float: none;
      }
      
    }
    
    .biliinfo table {
      width: 100%;
      text-align: center
    }
    
    .yhm-list li .mb7 {
      margin-bottom: 7px;
    }