a:hover, a:focus { text-decoration: none; }

.detaul-cotnent { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.detaul-cotnent .pongeImg img { width: 100%; }

.detaul-cotnent .left { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background: #f6f6f6; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); }

.detaul-cotnent .left .bg { padding: 0 40px; }

.detaul-cotnent .left .title { font-size: 30px; font-weight: bold; color: #000; text-align: left; margin-top: 20px; margin-bottom: 20px; }

.detaul-cotnent .left .other { margin: 10px 0; }

.detaul-cotnent .left .other span { margin: 0 5px; }

.detaul-cotnent .left .other, .detaul-cotnent .left .other span, .detaul-cotnent .left .other a { font-size: 14px; color: #888585; }

.detaul-cotnent .left .other a { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.detaul-cotnent .left .other a:hover { color: #fd1849; }

.detaul-cotnent .left .con { font-size: 14px; color: #888585; line-height: 2; padding-bottom: 50px; }

.detaul-cotnent .left .theTable { margin: 20px 0; font-weight: bold; color: #000; }

.detaul-cotnent .left .theTable, .detaul-cotnent .left .theTable a { font-size: 14px; }

.detaul-cotnent .left .theTable a { color: #888585; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.detaul-cotnent .left .theTable a:hover { color: #fd1849; }

.detaul-cotnent .left .morebtn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; color: #333; margin: 20px 0; }

.detaul-cotnent .left .morebtn a { font-size: 14px; color: #333; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.detaul-cotnent .left .morebtn a:hover { color: #fd1849; }

.detaul-cotnent .right { width: 435px; }

.breadCrumbs { margin-bottom: 20px; }

.detaul-cotnent .left { margin-bottom: 20px; padding-bottom: 20px; }

.detaul-cotnent .left .title { margin-top: 30px; }

.detaul-cotnent .right { padding-left: 30px; }

.detaul-cotnent .right .commonRecommended { width: 100%; }

@media (max-width: 991px) { .detaul-cotnent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .detaul-cotnent .right { padding-left: 0; width: 100%; } }

@media (max-width: 575px) { .detaul-cotnent .left .title { font-size: 26px; }
  .detaul-cotnent .left .bg { padding: 0 20px; }
  .detaul-cotnent .left .morebtn { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .detaul-cotnent .left .morebtn a { margin: 10px 0; }
  .detaul-cotnent .left { padding-bottom: 0; } }

.commonRecommended { box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); width: 320px; background: #f6f6f6; margin-right: 30px; }

.commonRecommended .title { color: #333; margin-bottom: 10px; padding: 10px 0; font-size: 18px; margin-bottom: 0; text-align: center; color: #fff; background: #fd1849; }

.commonRecommended ul { padding: 25px 20px; padding-top: 6px; }

.commonRecommended ul li { position: relative; border-bottom: 1px dotted #ddd; }

.commonRecommended ul li:hover a { color: #fd1849; }

.commonRecommended ul li::after { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; content: ''; width: 4px; height: 4px; background: #fd1849; }

.commonRecommended ul li a { padding-left: 12px; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; display: block; width: 100%; padding-top: 16px; padding-bottom: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; font-size: 16px; }

@media (min-width: 1200px) { .commonRecommended { margin-right: 0; margin-left: 30px; } }

@media (max-width: 1199px) { .commonRecommended { margin-bottom: 20px; } }

.detaul-cotnent { margin-top: 20px; margin-bottom: 60px; }

@media (max-width: 575px) { .detaul-cotnent { margin-top: 30px; margin-bottom: 30px; }
  .detaul-cotnent .left .title { font-size: 20px; }
  .detaul-cotnent { margin-bottom: 0; }
  .detaul-cotnent .left .con { padding-bottom: 10px; }
  .detaul-cotnent { margin-top: 0; } }

