@media only screen and (max-width: 768px) {

   .zhibolist .t10,
   .zhibolist .t20,
   .zhibolist .t30,
   .zhibolist .t40,
   .zhibolist .t50 {
      float: left;
      width: 20%;
   }

   .tit-zb {
      display: none;
      background-image: linear-gradient(to right, #bd1a2d, #003b87);
      float: left;
      width: 100%;
      text-align: center;
      min-height: 90px;
      line-height: 30px;
      margin: -2px 0;
      color: #fff;
      padding: 20px 0;
      overflow: hidden;
   }

   .tit-zb a {
      font-size: 14px;
      text-align: center;
      white-space: nowrap;
      line-height: 30px;
      margin: 0 0 0 0;
      color: #fff;
      padding: 0 10px
   }

   .tit-zb a:hover {
      color: #f00
   }

   .tit-zb #sjb {
      float: left;
      width: 100%;
   }

   .tit-zb a img {
      height: 40px;
      object-fit: cover;
      height: 40px;
      max-width: 100%;
      display: block;
      margin: 0px auto 20px auto;
      padding: 5px 5% 10px 5%
   }

   .zhibolist {
      width: 100%;
      float: left;
      margin-top: 0px;
      text-align: center;
   }

   .zhibolist .titlebar .hl_bar {
      height: 67px;
      background-image: linear-gradient(to right, #bd1a2d, #003b87);
   }

   .zhibolist .titlebar h1 {
      display: none;
      width: 90%;
      float: left;
      font-size: 18px;
      font-weight: 600;
      color: #fff;
      height: 67px;
      line-height: 67px;
      margin-left: 0px;
      padding: 0px 5%;
      text-align: center
   }

   .feedbackTips,
   .foot_global,
   .morelist,
   .zhibolist .t6 {
      text-align: center
   }

   .zhibolist .titlebar .hl_bar ul {
      width: 100%;
      float: left;
      background: #bd1a2d;
      height: 57px;
      overflow: hidden;
   }

   .zhibolist .titlebar .hl_bar ul li {
      text-align: center;
      float: left;
      max-width: 20%;
      padding: 0 0%;
      line-height: 57px;
      height: 57px;
      overflow: hidden;
   }

   .zhibolist .titlebar .hl_bar ul li a,
   .zhibolist .t1 a,
   .zhibolist .t2 a,
   .zhibolist .t3 a {
      color: #fff;
      text-align: center
   }

   .zhibolist .titlebar .hl_tit ul {
      display: none;
   }

   .zhibolist .titlebar .hl_y {
      display: none;
      float: right;
      height: 47px;
      line-height: 47px
   }

   .zhibolist .titlebar .hl_y a {
      color: #fff;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      padding: 5px 20px
   }

   .zhibolist .titlebar .hl_y .on {
      background: #fff;
      color: #d3c
   }

   .zhibolist .t1 {
      background: url(../images/ico-time-2.png) 10px 11px no-repeat;
      float: left;
      height: 35px;
      width: 22%;
      font-size: 14px;
      padding-left: 30px;
      color: #666;
      line-height: 35px;
      text-align: left
   }

   .zhibolist .t2 {
      display: none;
      float: right;
      width: 22%;
      font-size: 12px;
      height: 35px;
   }

   .zhibolist .t3 {
      float: left;
      width: 40%;
      height: 35px;
   }

   .zhibolist .t3 a {
      font-weight: 700;
      font-size: 14px;
      color: #bd1a2d;
      text-align: left;
      line-height: 35px;
   }

   .zhibolist .t2 a,
   .zhibolist .t1 a {
      font-size: 14px;
      line-height: 35px;
      color: #666
   }

   .zhibolist .t4 {
      width: 100%;
      /*height: 24px;*/
   }

   .zhibolist .t5 {
      display: none;
      width: 70%;
      height: 30px;
   }

   .zhibolist .t6 {
      width: 30%;
      float: right !important;
      height: 35px;
      margin: -68px 0 0 0;
      font-size: 14px;
      line-height: 30px;
   }

   .zhibolist .t2 img {
      height: 35px
   }

   .zhibolist .dateheader {
      float: left;
      height: 50px;
      line-height: 50px;
      border-radius: 0px;
      width: 100%;
      margin: 0px 0%;
      background-color: #eee;
      color: #000;
      font-weight: 700;
      font-size: 16px
   }

   .zhibolist .dateheader a {
      line-height: 50px;
      color: #ffd7b9;
      font-weight: 700;
      font-size: 18px
   }

   .listcontent {
      clear: both;
      float: left;
      width: 100%;
      padding-bottom: 1px;

   }

   .listcontent ul {
      border-bottom: 1px solid #ccc;
      background: #fff;
      list-style: none;
      width: 100%;
      padding-bottom: 20px;
      float: left;
      margin: 10px 0 10px 0;
   }

   .listcontent ul li {
      font-weight: 700;
      float: left;
      overflow: hidden
   }

   .morelist,
   .playwall em {
      clear: both;
      line-height: 24px
   }

   .zhibolist .listcontent .t4 a {
      overflow: hidden;
      width: 90%;
      margin: 0 5%;
      color: #000;
      line-height: 40px;
      font-size: 14px;
      font-weight: 700;
      float: left;
   }


   .zhibolist .listcontent .t5 a {
      line-height: 45px;
      font-size: 12px;
      color: #666;
      padding: 0px 5px;
      margin: 10px 0px;
   }

   .gray {
      background-color: #f4f4f4
   }

   .zhibolist .listcontent ul:hover {
      background-color: #f1f1f1
   }

   .t6.live a {
      background: url(../images/img/living.gif) 0px 8px no-repeat;
      color: #f00;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      padding: 5px 0px 0 15px;
   }

   a,
   body {
      font: 400 16px Helvetica, "Microsoft YaHei", SimSun;
      color: #3f3f3f
   }

   .clearfix:after,
   .clearfix:before {
      display: table;
      content: ""
   }

   .info,
   .t6 a {
      background: #777;
      line-height: 40px;
      color: #fff;
      font-size: 14px;
      border-radius: 5px;
      padding: 5px 10px;
   }

   .date-filter {
      display: none;
   }

   .zhibolist .titlebar .zb_20 {
      float: left;
      width: 100%;
      background-image: linear-gradient(to right, #bd1a2d, #003b87);
      height: auto;
      overflow: hidden;
      padding: 20px 0;
   }

   .zhibolist .titlebar .zb_20 span {
      border-radius: 50px;
      height: 20px;
      line-height: 20px;
      margin: 20px 20px 0 5%;
      padding: 0px 10px;
      background: #ff0;
      font-weight: 600;
      float: left;
      font-size: 14px;
      color: #bd1a2d;
   }

   .zhibolist .titlebar .zb_20 p a {
      float: left;
      line-height: 30px;
      margin: 0 10px;
      font-size: 16px;
      font-weight: 600;
      color: #FF0;
   }

   .art p b {
      font-weight: 500;
   }

   .art p b.time1 {
      color: #bd1a2d;
      line-height: 30px;
      height: 30px;
      font-size: 14px;
      box-shadow: 1px 1px 0px 0 #eee;
      padding: 0 4% 0 0;
      margin: 0 0 1px 0;
      float: left;
      width: 36%;
      text-align: left;
      overflow: hidden;
   }

   .art p b.time2 {
      line-height: 30px;
      height: 30px;
      box-shadow: 1px 1px 0px 0 #eee;
      margin: 0 0 1px 0;
      font-size: 14px;
      text-indent: -2px;
      text-align: center;
      padding: 0 0 0 0%;
      float: right;
      width: 60%;
      overflow: hidden;
   }

   .art p b.time3 {
      background: #f5f5f5;
      text-indent: -2px;
      text-align: center;
      line-height: 30px;
      box-shadow: 0 5px 10px #ddd;
      margin: 0 0 20px 0;
      float: left;
      width: 100%;
   }

   .art h2 {
      float: left;
      width: 90%;
      text-indent: 0em;
      margin: 20px 0 20px 0;
      padding: 10px 5%;
      line-height: 25px;
      border-left: 0px solid #2577e3;
      color: #fff;
      font-weight: 500;
      background-image: linear-gradient(to right, #bd1a2d, #003b87);
      font-size: 14px;
      font-family: "Microsoft YaHei";
      text-align: left;
      border-radius: 8px;
   }

   .conn-left .art span {
      float: left;
   }

   .conn-left .art span p {
      width: 100%;
      text-indent: 2em;
      float: left;
      color: #666;
      font-size: 16px;
      line-height: 30px;
   }

   .conn-left .art img {
      display: none
   }

   .conn {
      MARGIN: 0px auto;
      WIDTH: 100%;
      PADDING-RIGHT: 0px;
      BACKGROUND: #F5F5F5;
      HEIGHT: auto;
   }

   .conn-left {
      background: #fff;
      box-shadow: 0px 5px 10px #ddd;
      border-radius: 0px;
      padding: 20px 5%;
      width: 90%;
      float: left;
      margin: 0 0px 40px 0;
   }

   .conn-right {
      overflow: hidden;
      height: 200px;
      background: #666;
      border-radius: 0px;
      padding: 0%;
      box-shadow: 0 5px 10px #ddd;
      width: 100%;
      float: left;
   }

   .conn-right img {
      min-height: 200px;
      width: 100%;
   }

   #tab {
      float: left;
      width: 100%;
   }

   #tab-tit {
      float: left;
      width: 90%;
      border-radius: 0px;
      background: #bd1a2d;
      height: 78px;
      padding: 0 5%
   }

   #tab .active {
      float: left;
      background-color: #f8f8f8;
      color: #000;
      border-top: 18px solid #bd1a2d;
   }

   #tab h4 {
      float: left;
      margin: 0px;
      padding: 0px;
      font-size: 16px;
      border-top: 18px solid #bd1a2d;
      float: left;
      width: 25%;
      height: 60px;
      line-height: 60px;
      text-align: center;
      color: #fff;
   }

   #tab dl {
      display: none;
      box-shadow: 0 5px 10px #ddd;
      float: left;
      background: #f5f5f5;
      padding: 0px 0px 0px 0px;
   }

   .conn-left h1 {
      text-align: center;
      width: 100%;
      margin: 10px 0;
      line-height: 30px;
      float: left;
      font-size: 20px;
   }

   .conn-left .art-time,
   .conn-left .art-time a {
      font-size: 12px;
      border-bottom: 1px solid #eee;
      width: 100%;
      margin: 0 0 20px 0;
      padding: 10px 0;
      color: #ccc
   }

   .art-list,
   .art-zt {
      float: left;
      width: 100%;
      border-radius: 8px;
      padding: 20px 0px;
      box-shadow: 0 0px 10px #ddd;
      background: #f8f8f8;
   }

   .art-list li,
   .art-zt li {
      border-radius: 10px;
      box-shadow: 0 5px 10px #ddd;
      background: #f8f8f8;
      list-style: none;
      width: 90%;
      float: left;
      margin: 10px 3%;
      height: 68px;
      line-height: 68px;
      overflow: hidden;
      padding: 0 2%;
   }

   .art-list li:hover,
   .art-zt li:hover {
      background: #fff;
   }

   .art-list li b {
      color: #bd1a2d
   }

   .art-list li a {
      font-size: 14px;
   }
}

@media only screen and (min-width: 768px) {

   .tit-zb {
      float: left;
      box-shadow: 0 5px 10px #ddd;
      background: #f8f8f8;
      float: left;
      width: 1140px;
      text-align: center;
      height: 80px;
      line-height: 40px;
      margin: 0px 0 0 0px;
      padding: 20px 30px;
      overflow: hidden;
   }

   .tit-zb a {
      float: left;
      font-size: 16px;
      text-align: center;
      white-space: nowrap;
      white-space: nowrap;
      color: #666;
      width: 71.6px;
      line-height: 40px;
   }

   .tit-zb a:hover {
      color: #f00
   }

   .tit-zb #sjb {
      float: left;
      width: 260px;
      margin: 0 20px 0 0;
      height: 100px;
   }

   .tit-zb a img {
      border-radius: 8px;
      background: #bd1a2d;
      height: 50px;
      margin: 8px 0 0px 0px;
      padding: 5px 5% 10px 5%
   }

   .zhibolist .titlebar .zb_20 {
      margin: 0px 0;
      float: left;
      width: 100%;
      background: #eee;
      height: 60px;
      overflow: hidden;
   }

   .zhibolist .titlebar .zb_20 span {
      border-radius: 50px;
      height: 20px;
      line-height: 20px;
      margin: 15px 20px 0 20%;
      padding: 6px 20px;
      background: #fff;
      float: left;
      font-size: 18px;
      font-weight: 600;
      color: #bd1a2d;
   }

   .zhibolist .titlebar .zb_20 p a {
      float: left;
      line-height: 60px;
      font-size: 16px;
      margin: 0 20px;
      font-weight: 600;
      color: #bd1a2d;
   }

   .zhibolist .titlebar .zb_20 p a:hover {
      color: #000;
   }




   .zhibolist {
      border-radius: 10px;
      box-shadow: 0 5px 10px #ddd;
      float: left;
      width: 100%;
      margin-bottom: 20px;
      text-align: center;
   }

   .zhibolist .titlebar .hl_bar {
      border-radius: 10px;
      box-shadow: 0 5px 10px #ddd;
      width: 100%;
      height: 67px;
   }

   .zhibolist .titlebar h1 {
      float: left;
      font-size: 20px;
      font-weight: 600;
      color: #666;
      line-height: 67px;
      height: 67px;
      width: 100px;
      margin-left: 0px;
      padding-left: 30px;
      overflow: hidden;
      text-align: left
   }


   .feedbackTips,
   .foot_global,
   .morelist,
   .zhibolist .t6 {
      text-align: center
   }

   .zhibolist .titlebar .hl_bar .t2,
   .zhibolist .titlebar .hl_bar .t3,
   .zhibolist .titlebar .hl_bar .t10,
   .zhibolist .titlebar .hl_bar .t20,
   .zhibolist .titlebar .hl_bar .t30,
   .zhibolist .titlebar .hl_bar .t40,
   .zhibolist .titlebar .hl_bar .t50 {
      box-shadow: 0 5px 10px #ccc;
      border-radius: 8px;
      background: #fff;
      width: 130px;
      margin-left: 25px;
      text-align: center
   }

   .zhibolist .titlebar .hl_bar ul {
      list-style: none;
      float: left;
      width: 910px;
      margin-top: 15px;
      margin-left: 30px;
      padding-left: 50px;
   }

   .zhibolist .titlebar .hl_bar ul li {
      float: left;
      border-right: 0px solid #1e5295;
      margin-bottom: 5px;
      height: 35px;
      line-height: 35px;
      font-weight: 400
   }

   .zhibolist .titlebar .hl_bar ul li a {
      display: block;
      height: 50px;
      line-height: 35px;
      color: #666;
      font-size: 16px;
   }

   .zhibolist .titlebar .hl_bar .t0 {
      width: 100px
   }

   .zhibolist .titlebar .hl_bar .t1 {
      width: 80px;
      padding-left: 20px
   }

   .zhibolist .titlebar .hl_bar .t1 a {
      background: url(../../images/zuqiu.png) 0 5px no-repeat
   }

   .zhibolist .titlebar .hl_bar .t2 a {
      background: url(../../images/lanqiu.png) 0 5px no-repeat
   }

   .zhibolist .titlebar .hl_bar .t3 a {
      background: url(../../images/wangqiu.png) 0 5px no-repeat
   }


   .zhibolist .titlebar .hl_tit ul {
      display: none
   }

   .zhibolist .titlebar .hl_tit ul li {
      float: left;
      border-right: 1px solid #d9d9d9;
      border-bottom: 1px solid #d9d9d9;
      margin-bottom: 5px;
      height: 35px;
      line-height: 35px;
      font-weight: 400
   }

   .zhibolist .titlebar .hl_y {
      display: none;
      float: right;
      height: 47px;
      line-height: 47px
   }

   .zhibolist .titlebar .hl_y a {
      color: #fff;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      padding: 5px 20px
   }

   .zhibolist .titlebar .hl_y .on {
      background: #fff;
      color: #03C
   }


   .zhibolist .t1 {
      background: url(../images/ico-time-2.png) 0px 27px no-repeat;
      width: 16%;
      overflow: hidden;
      float: left;
      font-size: 12px;
      color: #f00;
      padding-left: 2%
   }

   .zhibolist .t2 {
      float: left;
      font-size: 0px;
      width: 0px;
      overflow: hidden;
      background: #bd1a2d;
   }

   .zhibolist .t3 {
      padding-right: 4%;
      text-align: right;
      float: left;
      width: 10%;
      overflow: hidden;
   }

   .zhibolist .t3 a {
      font-size: 12px;
      color: #666;
   }

   .zhibolist .t4 {
      background-size: auto 20px;
      float: left;
      text-align: left;
      width: 35%;
      margin-right: 0%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    
   }

   .zhibolist .listcontent .t4 a {
      font-weight: 500;
      color: #000;
      font-size: 14px;
   }

   .zhibolist .t5 {
      font-size: 12px;
      float: left;
      background-size: auto 20px;
      width: 20%;
      text-align: left;
      overflow: hidden;
      text-align: center;
   }

   .zhibolist .t6 {
      float: left;
      width: 13%;
      float: right !important;
      margin-top: 0px;
      font-size: 12px;
      border-radius: 10px;
   }

   .t6.live a {
      color: #fff;
      background: #bd1a2d;
      border-radius: 10px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      padding: 5px 8px
   }

   .zhibolist .t6 a,
   .zhibolist .t5 a {
      font-size: 12px;
   }

   .zhibolist .t2 img {
      width: 100%
   }

   .zhibolist .t2 a {
      color: #bd1a2d;
   }

   .zhibolist .dateheader {
      box-shadow: 0px 0px 10px 5px #eee;
      float: left;
      height: 50px;
      line-height: 50px;
      border-radius: 8px;
      width: 96%;
      background: #f8f8f8;
      color: #bd1a2d;
      font-size: 14px;
      margin: 10px 2% 0 2%;
   }

   .zhibolist .dateheader a {
      color: #bd1a2d;
   }


   .listcontent {
      background: #f8f8f8;
      border-radius: 8px;
      box-shadow: 0 5px 10px #ddd;
      float: left;
      width: 100%;
      margin: 0 0 20px 0%;
   }

   .listcontent ul {
      border-radius: 10px;
      box-shadow: 0 5px 10px #ddd;
      background: #f8f8f8;
      list-style: none;
      width: 43%;
      float: left;
      margin: 10px 0 0px 2%;
      height: 68px;
      line-height: 68px;
      overflow: hidden;
      padding: 0 2%
   }

   .listcontent ul li {
      float: left;
      overflow: hidden
   }

   .morelist,
   .playwall em {
      clear: both;
      line-height: 24px
   }


   .zhibolist .listcontent .t5 a {
      color: #666;
      padding: 0px 5px;
      margin: 0px 0px;
   }



   .zhibolist .listcontent ul:hover {
      background-color: #fff
   }



   .playwall .grid {
      height: 175px;
      margin-left: -32px
   }

   .playwall em {
      font-size: 14px;
      display: block;
      height: 25px;
      color: #019fe6;
      width: 190px;
      font-weight: 400
   }

   .playwall .choose {
      overflow: hidden;
      width: 35px;
      height: 12px;
      margin: 10px auto 0
   }

   .playwall .choose span {
      display: inline-block;
      float: left;
      width: 12px;
      height: 12px;
      background: #d6d6d6;
      margin-right: 5px;
      cursor: pointer;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px
   }

   .playwall .choose span.shover {
      background: #1c90e2
   }

   a,
   body {
      font: 400 14px Helvetica, "Microsoft YaHei", SimSun;
      color: #3f3f3f;
      background-color: #bd1a2d55;
   }



   .date-filter {
      display: none;
      position: absolute;
      left: -47px;
      background-color: #eff6fa
   }

   .date-filter ul {
      margin-bottom: 0
   }

   .date-filter ul li a {
      display: block;
      font-size: 16px;
      color: #444;
      padding: 10px 5px
   }

   .date-filter ul li a.active,
   .date-filter ul li a:hover {
      background-color: #a6cf4f;
      color: #fff
   }

   .date-filter ul li a.active {
      position: relative;
      color: #fff
   }

   /**.date-filter ul li a.active:after{content:"";display:block;position:absolute;top:8px;left:41px;width:0;height:0;border-color:transparent transparent transparent #a6cf4f;border-style:solid;border-width:11px 0 11px 11px}**/

   .conn {
      MARGIN: 0px auto;
      WIDTH: 1200px;
      PADDING-RIGHT: 0px;
      BACKGROUND: #F5F5F5;
      HEIGHT: auto;
   }

   .conn-left {
      background: #fff;
      box-shadow: 0px 5px 10px #ddd;
      border-radius: 8px;
      padding: 40px 3%;
      width: 54%;
      float: right;
      margin: 0 0px 40px 0;
   }

   .conn-right {
      background: #f5f5f5;
      border-radius: 8px;
      box-shadow: 0 5px 10px #ddd;
      padding: 2%;
      box-shadow: 0 5px 10px #ddd;
      width: 36%;
      float: left;
   }

   .conn-right img {
      border-radius: 8px;
      min-height: 200px;
      width: 100%;
      float: right;
   }

   #tab {
      float: left;
      width: 100%;
   }

   #tab-tit {
      float: left;
      width: 90%;
      border-radius: 8px;
      background: #bd1a2d;
      height: 78px;
      padding: 0 5%
   }

   #tab .active {
      float: left;
      background-color: #f8f8f8;
      color: #000;
      border-top: 18px solid #bd1a2d;
   }

   #tab h4 {
      float: left;
      margin: 0px;
      padding: 0px;
      font-size: 16px;
      border-top: 18px solid #bd1a2d;
      float: left;
      width: 25%;
      height: 60px;
      line-height: 60px;
      text-align: center;
      color: #fff;
   }

   #tab dl {
      display: none;
      box-shadow: 0 5px 10px #ddd;
      float: left;
      background: #f5f5f5;
      padding: 0px 0px 0px 0px;
   }

   .conn-left h1 {
      width: 100%;
      line-height: 30px;
      float: left;
      font-size: 22px;
   }

   .conn-left .art-time {
      border-bottom: 1px solid #eee;
      width: 100%;
      float: left;
      margin: 0 0 20px 0;
      padding: 10px 0;
      color: #ccc
   }

   .conn-left .art-time a {
      font-size: px;
      color: #ccc
   }

   .conn-left .art span {
      float: left;
   }

   .conn-left .art span p {
      width: 100%;
      text-indent: 2em;
      float: left;
      color: #666;
      font-size: 16px;
      line-height: 30px;
   }

   .conn-left .art img {
      display: none
   }

   .box .title,
   .clear,
   .clearfix:after,
   .dateheader {
      clear: both
   }

   .art-list,
   .art-zt {
      float: left;
      width: 1200px;
      border-radius: 8px;
      padding: 20px 0px;
      box-shadow: 0 5px 10px #ddd;
      background: #f8f8f8;
   }

   .art-list li,
   .art-zt li {
      border-radius: 10px;
      box-shadow: 0 5px 10px #ddd;
      background: #f8f8f8;
      list-style: none;
      width: 43%;
      float: left;
      margin: 10px 0 0px 2%;
      height: 68px;
      line-height: 68px;
      overflow: hidden;
      padding: 0 2%;
   }

   .art-list li:hover,
   .art-zt li:hover {
      background: #fff;
   }

   .art-list li b {
      color: #bd1a2d
   }

   .art p b {
      font-weight: 500;
   }

   .art p b.time1 {
      line-height: 40px;
      height: 40px;
      font-size: 14px;
      box-shadow: 0 1px 10px #eee;
      margin: 0 0 10px 0;
      float: left;
      ;
      color: #bd1a2d;
      width: 20%;
      overflow: hidden;
   }

   .art p b.time2 {
      line-height: 40px;
      height: 40px;
      box-shadow: 0 1px 10px #eee;
      margin: 0 0 10px 0;
      font-size: 14px;
      text-indent: -2px;
      text-align: center;
      float: left;
      width: 25%;
      overflow: hidden;
   }

   .art p b.time3 {
      line-height: 40px;
      height: 40px;
      box-shadow: 0 1px 10px #eee;
      margin: 0 0 10px 0;
      font-size: 14px;
      float: left;
      width: 55%;
      overflow: hidden;
   }


   .art h2 {
      border-radius: 8px;
      float: left;
      width: 88%;
      text-indent: 0em;
      margin: 20px 0 20px 0;
      padding: 10px 6%;
      line-height: 38px;
      color: #bd1a2d;
      font-weight: 700;
      font-size: 16px;
      box-shadow: 0 1px 10px #ddd;
   }
}