@charset "utf-8";

.whead, .wfoot{ background:#FFF; /* var(--bgtb1)*/ }
.wfoot .logo img{ filter:grayscale(100%); opacity:0.618; }
.wmain{ min-width:320px; max-width:calc(1160px + 1rem); clear:both; padding:0.5rem; }
.hmain sup{ font-style:normal; font-size:14px; padding:2px 4px; border:var(--brdC); border-radius:5px; }
.inavGap{ height:50px; clear:both; float:none; }

.card-flex{ display:flex; }
.card{ 
    padding:0.5rem; margin:0.5rem; border:1px solid #CCC; 
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 30px inset;
    border-radius: 0px 0px 5px 20px;
}
.card ul, .card li{ padding:0; margin:0; list-style:none; }
.card .head{ font-size:large; padding:0.5rem; margin:0; }
.card .head .r{ font-size:small; float:right; }
.card li, .card .foot{ padding:0.5rem 0; margin:0; border-top:1px dashed #D8D8D8; }
.card .rdate{ font-size:small; color:#CCC; float:right; }
.card .rval{ font-weight:bold; float:right; }
.card .foot{ color:#CCC; }
.card i.add1{ position:absolute; top:-0.5rem; right:2rem; color:#F00; font-style: normal; }
.card-hone{ display:block; width:50%; float:left; }
.card-hside{ display:block; }

.banner-home{ max-width:1190px; width:100%; height:auto; margin:auto; }
.banner-home img{ width:100%; height:auto; }
.c41{ }

.home-play{ margin:0 0.5rem }
.word-roll{ margin:0; }
.word-roll .one{ width:calc(100% - 0.6rem); font-size:large; padding:0.5rem; }
.word-roll .paly01{ width:100%; height:150px; margin:auto; }
.word-roll .paly01 li{ height:150px; }
.word-roll .fa-thumbs-o-up{ color:#FFF; padding:0.5rem 2rem 0 0; }

/* pager */
.pg_bar{ /*width:100%;*/ margin:auto; text-align:center; }
.pagination { display:inline-block; padding:0; margin:1rem auto; font-family:'Verdana','Tahoma','Arial'; }
.pagination>li { display:inline-block; background-color:#FFF; border: 1px solid #DDD; }
.pagination>li:first-child { border-top-left-radius:5px; border-bottom-left-radius:5px }
.pagination>li:last-child { border-top-right-radius:5px; border-bottom-right-radius:5px }
.pagination>li a{ display:inline-block; cursor:pointer; padding:5px 10px; }
.pagination>li a, .pagination>li a span{ color:#337ab7; }
.pagination .pg_pagno a, .pagination .pg_total a{ color:#333; }
.pagination>li input{ width:60px; display:inline-block; text-align:center; padding:5.5px 5px; margin:1px auto; border:0; }
@media only screen and (max-width:550px){
  .pagination .pg_pagno, .pagination .pg_total{ display:none; }
  .pagination .pg_first{ border-top-left-radius:5px; border-bottom-left-radius:5px; }
  .pagination .pg_last { border-top-right-radius:5px; border-bottom-right-radius:5px; }
} 


.list-group{ padding:0; margin:0rem 0 0 0; }
.list-group li{ line-height:120%; list-style:none; padding:1rem 0.2rem 1rem 0.5rem; border-bottom:1px dashed #D8D8D8; }
.list-title{ }


.qrcode_tip, .qrcode_pic { display:inline-block; font-style:normal; font-weight:normal; }
.qrcode_tip { position:relative; cursor:pointer; border-radius:5px; }
.qrcode_pic {
    position: absolute; background:#FFF; z-index: 3100;
    bottom: 0rem; right: 0rem; text-align:center;
    padding:5px; border:1px solid #CCC;
}

.qrcode{ text-align:center; }
.qrcode img{ width:100%; max-width:240px; }


.advFlag{ position:absolute; display:block; width:40px; padding:1px 1px; z-index:1500; color:#999; 
  font-size:12px; text-align:center; font-style:normal; font-weight:normal; border:0px solid #CCC; }
.advTopR{ top:2px; right: 0px; }
.advTopL{ top:2px; left: 0px; }
.advBotR{ bottom:15px; right: 0px; }
.advBotL{ bottom:15px; left: 0px; }
.advShadow{ text-shadow:1px 1px #FFF; }

.wfoot .fc1{ width:33%; float:left; text-align:left; }
.wfoot .fc1>div{ padding:0.3rem 0; }
.wfoot .fc1 .title{ font-weight:bold; }
.wfoot .logo{ text-align: right;}
.wfoot2{ overflow:hidden; background:var(--bgtb1) }


/* 自适应 */
.vwF50, .list1 .row>div.vwF50, .list2 .row>div.vwF50{ display:none; }
.vwD50, .list1 .row>div.vwD50, .list2 .row>div.vwD50{ display:none; }
.vwB50, .list1 .row>div.vwB50, .list2 .row>div.vwB50{ display:none; }
.vw950, .list1 .row>div.vw950, .list2 .row>div.vw950{ display:none; }

@media only screen and (min-width:1550px){
  .vwF50{ display:block; } td.vwF50{ display:table-cell; } 
  .list1 .row>div.vwF50, .list2 .row>div.vwF50{ display:flex; }
}
@media only screen and (min-width:1350px){
  .vwD50{ display:block; } td.vwD50{ display:table-cell; } 
  .list1 .row>div.vwD50, .list2 .row>div.vwD50{ display:flex; }
}
@media only screen and (min-width:1150px){
  .vwB50{ display:block; } td.vwB50{ display:table-cell; } 
  .list1 .row>div.vwB50, .list2 .row>div.vwB50{ display:flex; }
}
@media only screen and (min-width:950px){
  .vw950{ display:block; } td.vw950{ display:table-cell; } 
  .list1 .row>div.vw950, .list2 .row>div.vw950{ display:flex; }
  .hlogo{ padding:0.3rem 2rem; }
}

@media only screen and (max-width:950px){
  .hd950, .list1 .row>div.hd950, .list2 .row>div.hd950{ display:none; }
  .tmenu .tmhid { display:none;}
  .wsec>div.c43{ width:calc(100% - 0.5rem); }
  .wsec>div.c41{ display:none; }
}
@media only screen and (max-width:750px){
  .hd750, .list1 .row>div.hd750, .list2 .row>div.hd750{ display:none; }
  .hext>div:nth-of-type(2){ margin-bottom:3px; }
  .c43{ width:100%; }
  .wfoot .fc1{ width:50%; }
  #wfoot2{ display:none; }
}
@media only screen and (max-width:550px){
  .hd550, .list1 .row>div.hd550, .list2 .row>div.hd550{ display:none; }
  .hlogo{ background:var(--bgtb1) }
  .card-flex{ display:block; } 
  .card{ width:calc(100% - 2rem); }
}
@media only screen and (max-width:350px){
  .hd350, .list1 .row>div.hd350, .list2 .row>div.hd350{ display:none; }
  .hlogo{ background:var(--bgtb1) }
  .card-flex{ display:block; } 
  .card{ width:100%; }
}


/*

*/