.mvisual-box {position: relative;display: block;background: url("/re_images/tv/pc/main/re_mvisualBg.jpg") no-repeat center top;}
.mvisual-box .mvisual-cont {position: relative;display: block;width: 1100px;height: 430px;margin: 0 auto;}

.vis_count {position: absolute;display: block;overflow: hidden;top: 100px;right: 108px;}
.vis_count li {float: left;width: 242px;text-align: center;padding-top: 55px;}
.vis_count li:first-child {margin-right: -22px;color: #111}
.vis_count li:last-child {color: #fff}
.vis_count li .img {display: block;margin-bottom: 10px;}
.vis_count li .text {display: block;}
.vis_count li .text .stxt {display: block;font-size: 15px;line-height: 140%;font-weight: 600}
.vis_count li .text .btxt {display: block;font-size: 35px;line-height: 140%;}
.vis_count li .text .btxt b {font-size: 40px;}

#mcontainer {position: relative;display: block;background: #fff;width: 1100px;padding: 40px 50px;margin: 0 auto;}

.top_cont {position: relative;display: block;overflow: hidden;}
.mcate_box {position: relative;display: block;float: left;width: 400px;padding-left: 140px;}
.mcate_box .title {position: absolute;top: 0;left: 0;}
.mcate_box .title span {display: block;font-size: 12px;color: #999;letter-spacing: 0.5em}
.mcate_box .title b {display: block;font-size: 28px;color: #111;line-height: 130%}
.mcate_box .list {position: relative;display: block;overflow: hidden;}
.mcate_box .list ul {position: relative;display: block;width: 130px;float: left;}
.mcate_box .list ul:last-child {margin-right: 0}
.mcate_box .list li {position: relative;display: block;overflow: hidden;}
.mcate_box .list li a {position: relative;display: inline-block;line-height: 30px;}
.mcate_box .list li a .txt {display: inline-block;font-size: 14px;color: #333;line-height: 30px;}
.mcate_box .list li a:hover .txt {color: #0a9881;text-decoration: underline}
.mcate_box .list li.hot a {padding-right: 40px;}
.mcate_box .list li.hot a:after {position: absolute;top: 6px;right: 0;width: 35px;height: 18px;line-height: 18px;border-radius: 3px;background: #f2344f;color: #fff;text-align: center;font-size: 11px;content: "HOT";z-index: 0}

.popupZone {position: relative;display: block;float: right;width: 550px;}
.popupZone_slider {position: relative;display: block;}
.popupZone_slider .item {position: relative;display: block;}
.popupZone_slider .item a {display: block;}
.popupZone_slider .item img {width: 100%;}

.popupZone .popupZone_control {position: absolute;top: 0;right: 0;overflow: hidden}
.popupZone .popupZone_control button {position: relative;display: block;width: 40px;height: 40px;float: left;margin-left: 1px;border: none;text-indent: -99999px}
.popupZone .popupZone_control .popupZone_prev {background: rgba(0,0,0,0.5) url("/re_images/tv/pc/main/popupZone_prev.png") no-repeat center;}
.popupZone .popupZone_control .popupZone_next {background: rgba(0,0,0,0.5) url("/re_images/tv/pc/main/popupZone_next.png") no-repeat center;}

.bannerZone {position: relative;display: block;overflow: hidden;margin-top: 30px;}
.bannerZone ul {overflow: hidden;}
.bannerZone li {float: left;}
.bannerZone li:nth-child(2){margin: 0 11px}

.best_review_wrap {position: relative;display: block; width: 1100px;margin: 50px auto;}
.best_review_wrap:after {position: absolute;top: 0;left: 50%;width: 2000px;height: 100%;margin-left: -1000px;background: #e9f3f2;content: "";z-index: 0}
.best_review {position: relative;display: block; width: 1100px;margin: 0 auto;overflow: hidden;}
.best_review .review_pd_list {position: relative;display: block;overflow: hidden;width: 300px;height: 750px;background: #28c3af;float: left;z-index: 10}
.best_review .review_pd_list .title {position: relative;display: block;overflow: hidden;text-align: center;padding: 50px 0 30px}
.best_review .review_pd_list .title b {display: block;font-size: 27px;color: #fff;line-height: 120%}
.best_review .review_pd_list .title b span {display: inline-block;color: #ffea00;font-weight: 600}
.best_review .review_pd_list .title .img {display: block;text-align: center;margin-top: 15px;}
.best_review .list {position: relative;display: block;overflow: hidden;padding-left: 20px}
.best_review .list li {position: relative;display: block;margin: 5px 0}
.best_review .list li a {position: relative;display: block;line-height: 25px;color: #fff;padding: 7px 0 7px 40px;font-size: 14px;}
.best_review .list .num {position: absolute;display: block;top: 7px;left: 10px;width: 25px;height: 25px;border-radius: 50%;text-align: center;background: #fff;color: #0fb282;line-height: 23px;font-weight: 600}
.best_review .list li:nth-child(1) .num,
.best_review .list li:nth-child(2) .num,
.best_review .list li:nth-child(3) .num {background: url("/re_images/tv/pc/main/pd_list_num.png") no-repeat;background-position: 0 0;border-radius: 0;line-height: 20px !important;}

.best_review .list li.active a {background: #fff;color: #0aa894;font-weight: 600}
.best_review .list li.active a .num {color: #fff;background: #0aa894}
.best_review .list li:nth-child(1).active .num,
.best_review .list li:nth-child(2).active .num,
.best_review .list li:nth-child(3).active .num {background: url("/re_images/tv/pc/main/pd_list_num.png") no-repeat;background-position: -25px 0;border-radius: 0;line-height: 20px !important;}

.best_review .review_view {position: relative;display: block;overflow: hidden;width: 750px;height: 650px;padding: 50px 0;float: right;z-index: 10}
.best_review .review_title {position: relative;display: block;overflow: hidden;text-align: center;}
.best_review .review_title b {display: block;font-size: 30px;color: #111;line-height: 130%;margin-bottom: 5px}
.best_review .review_title span {display: block;font-size: 17px;}
.best_review .view_cont {position: relative;display: block;overflow: hidden;margin-top: 30px}
.best_review .view_cont .box {display: block;overflow: hidden;}
.best_review .view_cont .item {position: relative;display: block;overflow: hidden;background: #fff;width: 295px;padding: 20px 30px;float: left;margin: 10px;}
.best_review .view_cont .item .best_num {display: block;font-weight: 600;color: #0a9a7c;font-size: 15px}
.best_review .view_cont .item .title {display: block;font-size: 16px;color: #333;line-height: 130%;padding: 10px 0 15px;margin-bottom: 20px;border-bottom: 1px solid #666;font-weight: 600}
.best_review .view_cont .item .text {display: block;font-size: 14px;}
.best_review .view_cont .item .info {display: block;padding-top: 20px;margin-top: 20px;border-top: 1px solid #ddd}
.best_review .homepi, .best_review .date, .best_review .rating {display: inline-block;float: left;line-height: 22px;color: #777}
.best_review .homepi {position: relative;display: inline-block;float: left;width: 70px;padding-left: 28px;margin-right: 20px}
.best_review .homepi:after {position: absolute;top: 50%;right: -12px;width: 1px;height: 10px;background: #ccc;margin-top: -5px;content: "";}
.best_review .homepi i {position: absolute;top: 50%;left: 0;width: 20px;height: 20px;border: 2px solid #fff;margin-top: -12px;overflow: hidden;border-radius: 50%;}
.best_review .homepi i img {width: 22px;height: 22px;display: block}
.best_review .homepi span {display: block;width: 100%;color: #777;font-size: 12px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis}

.best_review .rating {float: right;}
.best_review .rating i {position: relative;display: inline-block;width: 10px;vertical-align: top;color: #cbcbcb}
.best_review .rating i:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 20px;content: "\f005";font-family: FontAwesome;font-style: normal;font-size: 12px;display: block}
.best_review .rating i.on {color: #ef5350}
.best_review .rating span {display: inline-block;vertical-align: top;font-size: 12px;color: #777;line-height: 30px;margin-left: 2px}

.best_review .more {display: inline-block;width: 200px;text-align: center;background: #060b28;}
.best_review .more span {position: relative;display: inline-block;line-height: 45px;color: #fff;padding-right: 20px;font-size: 15px;}
.best_review .more span:after {position: absolute;top: 0;right: 0;width: 15px;height: 45px;line-height: 45px;content: "\f112";font-family: FontAwesome;font-style: normal;font-size: 12px;display: block}


.bannerZoneFuell {position: relative;display: block;overflow: hidden}


.dangoll_service {position: relative;display: block;padding-left: 298px;margin-top: 30px}
.dangoll_service .title {position: absolute;display: block;overflow: hidden;top: 0;left: 0}
.dangoll_service .title span {display: block;font-size: 15px;color: #666;}
.dangoll_service .title b {position: relative;display: block;font-size: 22px;color: #111;font-weight: 600;line-height: 130%;margin-top: 30px}
.dangoll_service .title b:after {position: absolute;top: -15px;left: 0;width: 40px;height: 1px;background: #ccc;content: ""}
.dangoll_service .title b em {font-style: normal;color: #f75709;font-weight: 600}

.dangoll_service ul {display: block;overflow: hidden}
.dangoll_service li {display: block;overflow: hidden;width: 360px;float: left;margin-left: 40px;padding: 20px 0}
.dangoll_service li b {display: block;overflow: hidden;font-size: 16px;color: #111;margin-bottom: 10px}
.dangoll_service li span {display: block;font-size: 14px;color: #666}
.dangoll_service li:nth-child(1), .dangoll_service li:nth-child(2) {border-bottom: 1px solid #ddd;padding-top: 0}
.dangoll_service li .textBtn {display: inline-block;line-height: 26px;}
.dangoll_service li .textBtn:hover {color: #0a9a7c;text-decoration: underline}
.dangoll_service li .mobileBtn {position: relative;display: inline-block;padding: 5px 20px;border: 1px solid #ddd;border-radius: 5px;}
.dangoll_service li .mobileBtn span {display: inline-block;font-size: 14px;line-height: 30px;}
.dangoll_service li .googleplay {padding-left: 26px;background: url("/re_images/tv/pc/main/google-play.png") no-repeat left center}
.dangoll_service li .appstore {padding-left: 25px;background: url("/re_images/tv/pc/main/apple.png") no-repeat left center}

.dangoll_service li.st01 {background: url("/re_images/tv/pc/main/service_ico01.png") no-repeat right 10px}
.dangoll_service li.st02 {background: url("/re_images/tv/pc/main/service_ico02.png") no-repeat right 13px}
.dangoll_service li.st03 {background: url("/re_images/tv/pc/main/service_ico03.png") no-repeat right 40px}
.dangoll_service li.st04 {background: url("/re_images/tv/pc/main/service_ico04.png") no-repeat right 45px}




.lecture_purchase {position: relative;display: block;overflow: hidden;margin: 40px 0;border: 1px solid #ddd;}
.lecture_purchase .day_chek {position: relative;display: block;float: left;width: 490px;padding: 30px 29px;}
.lecture_purchase .lecture_chek {position: relative;display: block;float: right;width: 490px;padding: 30px 29px;}
.lecture_purchase .lecture_chek:after {position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #ddd;content: ""}
.lecture_purchase h3 {display: block;font-size: 20px;color: #111;line-height: 130%;letter-spacing: -0.05em;font-weight: 600;margin-bottom: 15px}

.lecture_purchase .lecture_box {position: relative;display: block;overflow: hidden;}
.lecture_purchase .lecture_box .img {position: relative;display: block;width: 266px;height: 163px;overflow: hidden;border: 1px solid #ddd;float: left;}
.lecture_purchase .lecture_box .img:after {position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: url("/re_images/tv/pc/main/mask.png") repeat-x bottom;content: "";z-index: 0}
.lecture_purchase .lecture_box .img img {width: 266px;height: 163px;}
.lecture_purchase .lecture_box .homepi {position: absolute;bottom: 10px;left: 10px;display: inline-block;padding-left: 35px;line-height: 30px;z-index: 10}
.lecture_purchase .lecture_box .homepi i {position: absolute;top: 50%;left: 0;width: 26px;height: 26px;border: 2px solid #fff;margin-top: -15px;overflow: hidden;border-radius: 50%;}
.lecture_purchase .lecture_box .homepi i img {width: 26px;height: 26px;display: block}
.lecture_purchase .lecture_box .homepi span {display: block;width: 100%;color: #fff;font-size: 12px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis}
.lecture_purchase .lecture_box ul {display: block;overflow: hidden;float: right;width: 180px;margin-top: 5px}
.lecture_purchase .lecture_box li {display: block;line-height: 30px;font-size: 14px;text-align: right;letter-spacing: 0}
.lecture_purchase .lecture_box li b {color: #f75709}
.lecture_purchase .lecture_box .title {position: relative;display: inline-block;width: 100px;padding-left: 8px;font-weight: 600;color: #111;line-height: 30px;text-align: left;float: left;letter-spacing: -0.03em;}
.lecture_purchase .lecture_box .title:after {position: absolute;top: 14px;left: 0;width: 3px;height: 3px;background: #555;content: ""}
.lecture_btn {position: absolute;top: 115px;right: 0;display: block;width: 170px;height: 40px;background: #f75709;color: #fff;text-align: center;font-size: 14px;line-height: 40px;border-radius: 40px}

.main_cont_bg {padding: 30px 0}
.main_cont_bg:after {position: absolute;top: 0;left: 50%;width: 20000px;height: 100%;margin-left: -1000px;background: #f6f6f6;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;content: "";z-index: 0}

.homepi_history_wrap {position: absolute;top: 30px;right: 0;width: 220px;padding: 40px 20px 20px;z-index: 50}
.homepi_history_wrap:after {position: absolute;top: -29px;left: 0;width: 100%;height: 417px;background: #fff;border-right: 1px solid #ddd;border-left: 1px solid #ddd;content: "";z-index: 0;}
.homepi_history_wrap .title {position: relative;display: block;text-align: center;margin-bottom: 40px;padding-top: 50px;background: url("/re_images/tv/pc/main/home_img.jpg") no-repeat center top;z-index: 1}
.homepi_history_wrap .title h3 {display: block;font-size: 20px;color: #151515;line-height: 140%;letter-spacing: -0.05em;font-weight: 600;}
.homepi_history_wrap .title span {display: block;color: #777}
.homepi_history {position: relative;display: block;padding: 0 20px;z-index: 2}
.homepi_history li {display: block;text-align: center}
.homepi_history .channelImg span {display: inline-block;width: 80px;height: 80px;overflow: hidden;border-radius: 50%;border: 1px solid #e3e3e3}
.homepi_history .channelImg span img {width: 80px;height: 80px;display: block}
.homepi_history .channelNmae {display: block;margin: 10px 0;}
.homepi_history .channelNmae a {font-size: 14px;color: #444;font-weight: 600;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;letter-spacing: -0.05em}
.homepi_history .channelInfo span {display: block;height: 40px;overflow: hidden;color: #777}

.homepi_history_no {position: relative;display: block;text-align: center;margin-top: 60px;padding-top: 50px;background: url("/re_images/tv/pc/main/home_img.jpg") no-repeat center top;z-index: 1}
.homepi_history_no h3 {position: relative;display: block;font-size: 20px;color: #151515;line-height: 140%;letter-spacing: -0.05em;font-weight: 600;margin-bottom: 50px;}
.homepi_history_no h3:after {position: absolute;bottom: -38px;left: 50%;width: 1px;height: 25px;background: #d3d3d3;content: "";z-index: 1}
.homepi_history_no span {display: block;color: #777}

.chart_v {position: relative;display: block;width: 48%;height: 180px;text-align: center;}
.chart_v .text {position: absolute;top: 105px;left: 0;text-align: center;width: 100%;height: 30px;line-height: 30px;font-size: 17px;font-weight: 600}

.chart_v.st1 {float: left;}
.chart_v.st1 .text {color: #119d80}

.chart_v.st2 {float: right;}
.chart_v.st2 .text {color: #aa1c16}