.text-live{ color: #cc00cc!important;}
@font-face {
  font-family: 'iconfont';
  src: url('../iconfont/iconfont.eot');
  src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../iconfont/iconfont.woff2') format('woff2'),
      url('../iconfont/iconfont.woff') format('woff'),
      url('../iconfont/iconfont.ttf') format('truetype'),
      url('../iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont{font-family: "iconfont" !important;}
.banner-live .banners1{background:url("../images/live/live_banner.jpg") no-repeat center top;}
.banner-live .banners-text,
.banner-live .banners-title,
.banner-live .banners-info,
.banner-live .banners-desc{ color: #cc00cc;}
.banner-live .banners-text{position: absolute;left:56px;top:100px; width:480px; color:#cc00cc; text-align: left;}
.banner-live .banners-title{font-size: 48px; font-weight: bold; line-height: 60px; margin-top:20px;}
.banner-live .banners-tag{font-size:20px; text-align: right;}
.banner-live .banners-info{font-size:18px;margin-top:80px; width: 100%; color: #222; text-align: center;}
.banner-live .banner_package{width: 220px; margin-left: -412px;bottom: 40px;}
.banner-live .consul{display: block; width: 100%; height: 100%; border-radius: 10px; background-color: #6f00d4;border: none;color: #fff;font-size: 16px; text-align: center;background-image: linear-gradient(0deg, #6f00d4 0%, #fc00f1 100%), linear-gradient(#6f00d4, #297bf7);background-blend-mode: normal, normal;box-shadow: 0px 10px 20px 0px rgba(41, 123, 247, 0.3);}
.banner-live .consul:hover{background-image: linear-gradient(0deg, #fc00f1 0%, #6f00d4 100%), linear-gradient(#297bf7, #6f00d4);}
.live-white{ padding:50px 0 30px; position: relative; min-width: 1200px;}
.live-vidck{background:#f4f4f4; padding:50px 0 30px; position: relative; min-width: 1200px;}
.live-black{padding:50px 0 30px; position: relative;background: #353b40; min-width: 1200px;}
.live-wrap-title{ font-size: 30px; text-align: center; height:60px; color:#cc00cc; font-weight: bold; background: url(../images/live/title_bg.png) no-repeat bottom center; }
.live-black .live-wrap-title{ color:#ffffff;}
.live-wrap-info{font-size: 16px; text-align: center;color: #666; margin: 10px auto; line-height: 2}
.live-wrap-body{ margin: 30px auto; position: relative;}
.live-wrap-btn{ width:200px; height: 46px; line-height: 46px; margin: 0px auto;}
.live-wrap-btn a{ display: block; width: 100%; height: 100%; border-radius: 10px; color: #fff;font-size: 16px; text-align: center;background-image: linear-gradient(0deg, #6f00d4 0%, #fc00f1 100%), linear-gradient(#6f00d4, #297bf7);background-blend-mode: normal, normal;box-shadow: 0px 10px 20px 0px rgba(41, 123, 247, 0.3);}
.live-wrap-btn a:hover{background-image: linear-gradient(0deg, #fc00f1 0%, #6f00d4 100%), linear-gradient(#297bf7, #6f00d4);}

/*第一部分 begin*/
.live-one{ width: 100%; height: 500px; background: url(../images/live/live_one_bg.png?45345) no-repeat center; }
.live-one-text{position: absolute; color:#fff; font-size: 60px;}
.live-one-text-1{left: 570px; top: 100px;}
.live-one-text-2{left: 460px; top: 200px;}
.live-one-text-3{left: 680px; top: 200px;}
.live-one-tag{position: absolute; color:#666666; text-align: left; width: 220px; line-height: 30px; font-size: 14px;padding-left: 72px; }
.live-one-tag .live-one-title{ line-height: 60px; font-weight: bold; color: #cc00cc; font-size: 24px; }
.live-one-tag-1{left: 100px; top: 0px; background: url(../images/live/live_one_icon_1.png?45345) no-repeat left top;}
.live-one-tag-2{left: 100px; top: 150px; background: url(../images/live/live_one_icon_2.png?45345) no-repeat left top;}
.live-one-tag-3{left: 100px; top: 300px; background: url(../images/live/live_one_icon_3.png?45345) no-repeat left top;}
.live-one-tag-4{left: 900px; top: 0px; background: url(../images/live/live_one_icon_4.png?45345) no-repeat left top;}
.live-one-tag-5{left: 900px; top: 150px; background: url(../images/live/live_one_icon_5.png?45345) no-repeat left top;}
.live-one-tag-6{left: 900px; top: 300px; background: url(../images/live/live_one_icon_6.png?45345) no-repeat left top;}
/*第一部分 end*/
/*第二部分 begin*/
.live-two-nav .live-two-nav-tab{ width: 850px; margin: 0 auto; overflow: hidden;}
.live-two-nav .live-two-nav-tab li{  position:relative;text-align:left; cursor:pointer; width: 150px; float: left; margin:0px 10px;background: #fff;border: 1px solid #cc00cc; border-radius: 5px;}
.live-two-nav .live-two-nav-tab li .live-two-nav-icon{ width: 40px; height: 40px; margin: 10px auto 0px;background: url(../images/live/icon.png) no-repeat;}
.live-two-nav .live-two-nav-tab li .live-two-nav-icon.live-two-nav-icon-2{ background-position: 0px 0px;}
.live-two-nav .live-two-nav-tab li .live-two-nav-icon.live-two-nav-icon-4{ background-position: -40px 0px;}
.live-two-nav .live-two-nav-tab li .live-two-nav-icon.live-two-nav-icon-1{ background-position: -80px 0px;}
.live-two-nav .live-two-nav-tab li .live-two-nav-icon.live-two-nav-icon-5{ background-position: -120px 0px;}
.live-two-nav .live-two-nav-tab li .live-two-nav-icon.live-two-nav-icon-3{ background-position: -160px 0px;}
.live-two-nav .live-two-nav-tab li .live-two-nav-text{height:30px; line-height: 30px; display:block; text-decoration:none; color:#cc00cc;text-align: center;}
.live-two-nav .live-two-nav-tab li.active{background: #cc00cc;}
.live-two-nav .live-two-nav-tab li.active .live-two-nav-text{color: #fff;}
.live-two-nav .live-two-nav-tab li.active .live-two-nav-icon.live-two-nav-icon-2{ background-position: 0px -40px;}
.live-two-nav .live-two-nav-tab li.active .live-two-nav-icon.live-two-nav-icon-4{ background-position: -40px -40px;}
.live-two-nav .live-two-nav-tab li.active .live-two-nav-icon.live-two-nav-icon-1{ background-position: -80px -40px;}
.live-two-nav .live-two-nav-tab li.active .live-two-nav-icon.live-two-nav-icon-5{ background-position: -120px -40px;}
.live-two-nav .live-two-nav-tab li.active .live-two-nav-icon.live-two-nav-icon-3{ background-position: -160px -40px;}
.live-two-nav .live-two-nav-content {width: 100%; padding:30px 0px 0px;}
.live-two-nav .live-two-nav-content .tab-pane .panels-nav{float:left; margin-left:30px; margin-bottom:14px;width: 290px;height: 246px; }

.live-two-nav-item{ width: 560px; height:480px;border-radius: 10px;border: solid 1px #f5f5f5;  position:relative; display: block; margin: 10px 20px; background: #fff;}
.live-two-nav-item:active,
.live-two-nav-item:focus,
.live-two-nav-item:hover{border-color:#cc00cc;}
.live-two-nav-item dl{ margin: 12px 20px; overflow: hidden; }
.live-two-nav-item dt{ float: left; width: 90px;height: 90px;border: solid 4px #eeeeee; border-radius: 50%; position: relative;}
.live-two-nav-item dt img{ width: 100%;height: 100%;border-radius: 50%;}
.live-two-nav-item i.item-icon-level{ position: absolute;right: 0px; bottom: 8px;}
.live-two-nav-item .item-info{ position: absolute;right: 10px; top: 20px; color: #999; background: url(../images/live/live_two_icon.png) no-repeat; width: 64px; height: 84px; padding-top: 64px; line-height: 20px; text-align: center;}
.live-two-nav-item dd{ float: left; width: 400px;height: 90px; margin-left: 10px;}
.live-two-nav-item dd .item-title{ color: #333333; line-height: 36px; font-size: 16px; font-weight: bold;}
.live-two-nav-item dd .item-title em{ width: 20px; height: 20px; display: inline-block; margin-left: 5px;}
.live-two-nav-item dd .item-title em img{ width: 100%; height: 100%;}
.live-two-nav-item dd .item-tags{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #979696;word-break:break-all;font-weight: normal;padding: 0px; margin: 0px; line-height: 26px;height: 26px;}
.live-two-nav-item dd .item-tags span{border: 1px solid #999;border-radius: 5px; padding:0px 10px; margin-right: 5px;}

.live-two-nav-item dd .item-desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #979696;word-break:break-all;font-weight: normal;padding: 0px; margin: 0px; line-height: 26px;height: 26px;}
.live-two-nav-item dd .item-desc .item-desc-li{ position:relative; text-align:left; font-weight:normal; }
.live-two-nav-item dd .item-desc .item-desc-li .item-desc-text{ color: #999999;  float: left; text-align: right; padding-right: 10px;}
.live-two-nav-item dd .item-desc .item-desc-li .item-desc-num{ color: #cc00cc;  float: left;}

.live-two-nav-item .item-nav{border-top: solid 1px #eeeeee;margin: 0px 20px 12px; overflow: hidden; position:relative;}
.live-two-nav-item .item-nav .item-nav-title{ position:relative; text-align:left; line-height: 40px;}
.live-two-nav-item .item-nav .item-nav-content{ position:relative;}
.live-two-nav-item .item-nav .item-nav-btn{ position:absolute;right:0px; bottom:5px; }
.live-two-nav-item .item-nav .item-nav-btn a{ display: block; cursor:pointer; width: 80px; text-align: center; background: #fff;border: 1px solid #cc00cc; color: #cc00cc; border-radius: 5px; }
.live-two-nav-item .item-nav .item-nav-item{ overflow: hidden; }
.live-two-nav-item .item-nav .item-nav-li{ float:left; width:20%; position:relative; text-align:center; font-weight:normal; }
.live-two-nav-item .item-nav .item-nav-li .item-nav-text{ color: #999999; line-height: 30px; text-align: center;}
.live-two-nav-item .item-nav .item-nav-li .item-nav-num{ color: #cc00cc; line-height: 30px;}

.live-two-nav-item .item-nav .item-nav-info{ float:left; width: 400px; color: #999999; position:relative; text-align:left; line-height: 2; margin-top: 5px;}
.live-two-nav-item .item-nav .item-chart{ height:200px; }

.live-two-nav-item .item-nav i{ display:block; margin: 0 auto; color:#999; width: 24px;}
.live-two-nav-item .item-btn{ width: 110px; height: 30px; line-height: 28px; margin: 10px auto 0px;}
.live-two-nav-item .item-btn a{ display: block; width:100%; height:100%; background-color: #ffffff; border-radius: 15px;border: solid 1px rgba(131, 131, 131, 0.5); text-align: center;}
.live-two-nav-item .item-btn a:active,
.live-two-nav-item .item-btn a:focus,
.live-two-nav-item .item-btn a:hover{color: #fff;background-color: #cc00cc; border-color:#cc00cc; }

.live-two-min{ overflow: hidden;}
.live-two-min .live-two-min-item{ width: 25%; height: 180px; float: left;  position:relative; display: block; }
.live-two-min .live-two-min-item .live-two-min-nav{ margin: 15px 20px 0px; overflow: hidden; border-radius: 10px;border: solid 1px #f5f5f5; background: #fff; }
.live-two-min .live-two-min-item .live-two-min-nav:active,
.live-two-min .live-two-min-item .live-two-min-nav:focus,
.live-two-min .live-two-min-item .live-two-min-nav:hover{border-color:#cc00cc;}
.live-two-min .live-two-min-img{ float: left; width: 80px;height: 80px;border: solid 4px #eeeeee; border-radius: 50%; position: relative; margin: 10px;}
.live-two-min .live-two-min-img img{ width: 100%;height: 100%;border-radius: 50%;}
.live-two-min .live-two-min-info{ float: left; width: 150px;height: 90px; margin-top: 10px;}
.live-two-min .live-two-min-info .item-title{ color: #333333; line-height: 30px; font-size: 16px; font-weight: bold;}
.live-two-min .live-two-min-info .item-title em{ width: 20px; height: 20px; display: inline-block; margin-left: 5px;}
.live-two-min .live-two-min-info .item-title em img{ width: 100%; height: 100%;}
.live-two-min .live-two-min-info .item-desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #979696;word-break:break-all;font-weight: normal;padding: 0px; margin: 0px; line-height: 26px;height: 26px;}
.live-two-min .live-two-min-info .item-desc .item-desc-li{ position:relative; text-align:left; font-weight:normal; }
.live-two-min .live-two-min-info .item-desc .item-desc-li .item-desc-text{ color: #999999;  float: left; text-align: right; padding-right: 10px;}
.live-two-min .live-two-min-info .item-desc .item-desc-li .item-desc-num{ color: #cc00cc;  float: left;}
.live-two-min .live-two-min-btn{ width: 100px; height: 30px; line-height: 30px; margin: 0px auto 20px;}
.live-two-min .live-two-min-btn a{ display: block; cursor:pointer; width: 100%; height: 100%;text-align: center; background: #fff;border: 1px solid #cc00cc; color: #cc00cc; border-radius: 5px; }

/*第二部分 end*/
/*第三部分 begin*/
.live-three-1{ padding-bottom: 30px;}
.live-three-2{}
.live-three-3{ padding-top: 30px;}
.live-three-img{ position: relative;}
.live-three-2 .live-three-img{height:500px;background: url(../images/live/live-three-2.png) no-repeat center;}
.live-three-3 .live-three-img{ height:500px;background: url(../images/live/live-three-3.png) no-repeat center;}
.live-three-1,
.live-three-2,
.live-three-3{position: relative;}
.live-three-nav .live-three-title{ height: 60px;line-height: 60px; font-size: 26px; text-align: center;}
.live-three-nav .live-three-number{ color: #bdbdbd; display: inline-block; padding-right: 0px;}
.live-three-nav .live-three-text{color: #222222; display: inline-block;}
.live-three-nav .live-three-info{color: #999999;  margin: 0 auto; text-align: center; line-height: 40px;}
.live-three-nav .live-three-img{ padding-bottom: 10px;}
.live-three-nav .live-three-img{ width: 100%; }


.live-three-2 .live-three-2-title{position: absolute; color: #666; font-size: 16px; width: 100px;height: 30px; line-height: 30px; text-align: center;}
.live-three-2 .live-three-2-title-1{left: 100px; top: 74px;}
.live-three-2 .live-three-2-title-2{left: 240px; top: 60px;}
.live-three-2 .live-three-2-title-3{left: 385px; top: 74px;}
.live-three-2 .live-three-2-title-4{left: 540px; top: 60px;}
.live-three-2 .live-three-2-title-5{left: 670px; top: 74px;}
.live-three-2 .live-three-2-title-6{left: 820px; top: 60px;}
.live-three-2 .live-three-2-title-7{left: 960px; top: 74px;}
.live-three-2 .live-three-2-text{position: absolute; left: 370px; top: 275px; width: 160px;}
.live-three-2 .live-three-2-text .live-three-2-text-title{ height: 30px; line-height: 30px; text-align: center;color: #666; font-weight: bold;font-size: 16px;}
.live-three-2 .live-three-2-text li{ width: 50%; float: left; text-align: center;}
.live-three-2 .live-three-2-text li .live-three-2-text-number{ color: #cc00cc;}
.live-three-2 .live-three-2-text li .live-three-2-text-tag{ color: #999999;}
.live-three-2 .live-three-2-info{position: absolute; color: #999999; font-size: 12px; width: 20px; text-align: center;}
.live-three-2 .live-three-2-info-1{left: 770px; top: 170px;}
.live-three-2 .live-three-2-info-2{left: 770px; top: 260px;}
.live-three-2 .live-three-2-info-3{left: 770px; top: 350px;}


.live-three-3 .live-three-3-title{position: absolute; color: #fff; font-size: 12px;}
.live-three-3 .live-three-3-title-1{left: 100px; top: 50px;}
.live-three-3 .live-three-3-title-2{left: 430px; top: 50px;}
.live-three-3 .live-three-3-title-3{left: 910px; top: 50px;}
.live-three-3 .live-three-3-info{position: absolute; color: #999999; font-size: 12px;}
.live-three-3 .live-three-3-info p{line-height: 22px;}
.live-three-3 .live-three-3-info .live-three-3-info-tag{width: 25%; float: left; line-height: 24px; text-align: center;}
.live-three-3 .live-three-3-info-1{left: 160px; top: 120px;font-weight: bold; font-size: 14px;}
.live-three-3 .live-three-3-info-2{left: 245px; top: 120px;color: #fff;}
.live-three-3 .live-three-3-info-3{left: 160px; top: 195px;font-weight: bold; font-size: 14px;}
.live-three-3 .live-three-3-info-4{left: 245px; top: 195px;color: #fff;}
.live-three-3 .live-three-3-info-5{left: 560px; top: 150px;}
.live-three-3 .live-three-3-info-6{left: 555px; top: 225px; width: 250px;}
.live-three-3 .live-three-3-info-6 .live-three-3-info-tag{width: 33%;}
.live-three-3 .live-three-3-info-7{left: 560px; top: 335px;}
.live-three-3 .live-three-3-info-8{left: 555px; top: 438px; width: 250px;}
/*第三部分 end*/
/*进度条 begin*/
.carousel-indicators.live-steps {position: absolute;top: -200px;left: 0px;width: 100%;padding-left: 0;margin-left: 0px;text-align: center; list-style: none;}
.live-steps {padding-left: 0;font-size: 0;line-height: 0;border-radius: 3px; white-space: nowrap;}
.carousel-indicators.live-steps li {position: relative;display: inline-block;*display: inline;width: 20%;height: 46px;line-height: 46px;_line-height: 46px;font-size: 16px;text-align: center;*zoom: 1;*vertical-align: top; color: #fff;margin: 0px;text-indent: 0px;cursor: pointer; border: 0px;border-radius: 0px;background: #a100de;}
.carousel-indicators.live-steps li.active {color: #fff;background: #f100ef}
.carousel-indicators.live-steps li.active,.carousel-indicators.live-steps li.active .arrow_fg {border-left-color: #f100ef}
.live-steps,.live-steps .step{height: 46px;}
.live-steps .arrow_fg,.live-steps .arrow_bg,.live-steps .arrow_bg {border-width: 23px 0 23px 23px;}
.live-steps .arrow_bg{right: -24px;}
.live-steps .arrow_bor{display:block; position:absolute; left:50%;top:44px;width: 1px; height: 60px; overflow: hidden; border-left: 1px solid #a100de}
.live-steps .active .arrow_bor{ border-left: 1px solid #f100ef}
.live-steps i{display:block; position:absolute; top: 80px; left: 50%; margin-left: -32px; width: 64px; height: 64px; line-height: 64px; font-size: 32px; overflow: hidden; border-radius: 32px;background:url("../images/live/live_thee_icon.png") no-repeat #a100de;}
.live-steps i.step_icon1{ background-position: 0px 0px}
.live-steps i.step_icon2{ background-position: -64px 0px}
.live-steps i.step_icon3{ background-position: -128px 0px}
.live-steps i.step_icon4{ background-position: -192px 0px}
.live-steps i.step_icon5{ background-position: -256px 0px}
.live-steps .active i{background-color:#f100ef;top: 100px; }
.live-steps .arrow_fg,.live-steps .arrow_bg{right: -23px;}
.live-steps .step_post {color: #999}
.live-steps .step_last .icon_complete {position: absolute;width: 17px;height: 17px;top: 9px;left: 88px;}
.live-steps .arrow_fg,.live-steps .arrow_bg {position: absolute;top: 0;_top: -1px;width: 0;height: 0;border-left-color: #FFF;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #a100de;font-size: 0;line-height: 0;z-index:2;}
.live-steps .arrow_bg {top: -5px;_top: -1px; right: -28px; border-width: 28px 0 28px 28px; border-left-color: #FFF;}
.live-steps-3 .step {width: 33.33%;}
.live-steps-4 .step {width: 25%;}
.live-steps_dark {background: #dedede}
.live-steps_dark .arrow_fg {border-color: transparent transparent transparent #dedede}
.live-steps .step .state-tip {position: absolute;z-index: 2;top: 28px;left: 50%;width: 223px;margin-left: -113px;overflow: hidden;line-height: 25px;white-space: nowrap;font-size: 12px;background: #fff7eb;border: 1px solid #f88d0f;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;color: #000; font-size:12px; color:#444}
.live-steps .step .remaining-time #day_show,.live-steps .step .remaining-time strong{ color:#F00}
/*进度条 end*/
.live-three-content{position:relative;height: 650px; margin-top: 20px;}
.live-three-carousel{height: 200px; }
.live-three-content .carousel-inner .item{ height: 450px;}
.live-three-content .carousel-inner .item .live-three-item-img{width: 800px; float: left; position: relative;}
.live-three-content .carousel-inner .item .live-three-item-nav{width: 380px; float: right; padding: 100px 30px 0px 0px;}
.live-three-content .carousel-inner .item .live-three-item-nav .live-three-item-title{color: #222222; font-size: 22px; font-weight: bold; text-align: center; line-height: 80px;}
.live-three-content .carousel-inner .item .live-three-item-nav .live-three-item-info{color: #999999; font-size: 14px; text-align: center;}
.live-three-content .carousel-inner .item .live-three-item-nav .live-three-item-btn{ width: 150px; height: 30px; line-height: 30px; margin: 50px auto 0px;}
.live-three-content .carousel-inner .item .live-three-item-nav .live-three-item-btn a{ display: block; width: 100%; height: 100%; border-radius: 10px; color: #6f00d4;text-align: center; border: 1px solid #6f00d4;}
.live-three-content .carousel-inner .item .live-three-item-nav .live-three-item-btn a:hover{ background-color: #6f00d4;color: #fff;}

.live-three-item1 .live-case-text{width: 160px; height: 60px; line-height: 30px; text-align: center; position: absolute; font-size: 18px; font-weight: bold; color: #ffff00;}
.live-three-item1 .live-case-text-1{ left: 50px; top: 300px;}
.live-three-item1 .live-case-text-2{ left: 320px; top: 300px;}
.live-three-item1 .live-case-text-3{ left: 578px; top: 300px;}
.live-three-item2 .live-case-text{width: 120px;  line-height: 30px; text-align: center; position: absolute; font-size: 16px; color: #666;}
.live-three-item2 .live-case-text-1{ left: 55px; top: 130px;}
.live-three-item2 .live-case-text-2{ left: 440px; top: 130px;}
.live-three-item2 .live-case-text-3{ left: 220px; top: 354px;}
.live-three-item2 .live-case-text-4{width: 160px; left: 592px; top: 360px;}
.live-three-item2 .live-case-info{width: 120px;  line-height: 30px; text-align: left; position: absolute; font-size: 16px; color: #fff;}
.live-three-item2 .live-case-info .live-case-info-title{ line-height: 60px; font-size: 32px; font-weight: bold;}
.live-three-item2 .live-case-info .live-case-info-dasc{line-height: 24px;}
.live-three-item2 .live-case-info-1{ left: 250px; top: 30px;}
.live-three-item2 .live-case-info-2{ left: 636px; top: 30px;}
.live-three-item2 .live-case-info-3{ left: 40px; top: 250px;}
.live-three-item2 .live-case-info-4{ left: 428px; top: 250px;}
.live-three-item3 .live-case-info{width: 160px;  line-height: 30px; text-align: left; position: absolute; font-size: 16px; }
.live-three-item3 .live-case-info .live-case-info-title{ line-height: 60px; font-size: 24px; font-weight: bold; color: #222;}
.live-three-item3 .live-case-info .live-case-info-dasc{line-height: 24px; color: #666;}
.live-three-item3 .live-case-info-1{ left: 40px; top:280px;}
.live-three-item3 .live-case-info-2{ left: 240px; top: 280px;}
.live-three-item3 .live-case-info-3{ left: 440px; top: 280px;}
.live-three-item3 .live-case-info-4{ left: 640px; top: 280px;}
.live-three-item4 .live-case-text{width: 180px;line-height: 30px;height: 30px; text-align: left; position: absolute; font-size: 16px; color: #fff;}
.live-three-item4 .live-case-text-1{ left: 75px; top: 28px;}
.live-three-item4 .live-case-text-2{ left: 440px; top: 28px;}
.live-three-item4 .live-case-text-3{ left:75px; top: 236px;}
.live-three-item4 .live-case-text-4{left: 440px; top: 236px;}
.live-three-item4 .live-case-info{ line-height: 30px; text-align: left; position: absolute; color: #666;}
.live-three-item4 .live-case-info .live-case-info-title{ line-height: 40px; font-size: 16px; font-weight: bold; color: #cc00cc;}
.live-three-item4 .live-case-info .live-case-info-dasc{line-height: 22px;}
.live-three-item4 .live-case-info-1{ left: 85px; top: 85px;}
.live-three-item4 .live-case-info-2{ left: 430px; top: 60px; width: 200px;}
.live-three-item4 .live-case-info-3{ left: 80px; top: 270px; width: 300px;}
.live-three-item4 .live-case-info-4{ left: 605px; top: 275px; width: 150px;}
.live-three-item5 .live-case-head{line-height: 60px; font-size: 24px; font-weight: bold; color: #222;position: absolute; left: 180px; top: 40px;}
.live-three-item5 .live-case-text{width: 100px;line-height: 24px;height: 24px; text-align: center; position: absolute; color: #666;}
.live-three-item5 .live-case-text-1{ left: 170px; top: 200px;}
.live-three-item5 .live-case-text-2{ left: 320px; top: 200px;}
.live-three-item5 .live-case-text-3{ left: 470px; top: 200px;}
.live-three-item5 .live-case-info{ line-height: 30px; text-align: left; position: absolute; color: #666; width: 200px;}
.live-three-item5 .live-case-info .live-case-info-title{ line-height: 40px; font-size: 18px; font-weight: bold; color: #222;}
.live-three-item5 .live-case-info .live-case-info-dasc{line-height: 22px;}
.live-three-item5 .live-case-info-1{ left: 170px; top: 275px;}
.live-three-item5 .live-case-info-2{ left: 470px; top: 275px;}
/*.live-three-content .carousel-control{ color:#ec5f5f; }*/
.live-three-content .carousel-control i{ position: absolute; top: 45%;  }
/*第五部分 begin*/
.live-five-nav{ overflow: hidden;}
.live-five-nav li{width: 360px;  position: relative; cursor: pointer; float: left; margin: 15px 0px 15px 50px; box-shadow: 0px 0px 10px rgba(212, 218, 224, 0.6);border: 1px solid #fc00f1; border-radius: 10px;}
.live-five-nav li:first-child{margin-left: 0px;}
.live-five-nav li .package-wrap{ padding: 0px 0px 0px; background-image: linear-gradient(0deg, #6f00d4 0%, #fc00f1 100%), linear-gradient(#6f00d4, #297bf7);background-blend-mode: normal, normal;border-radius: 10px;}
.live-five-nav li .package-head{text-align: center; padding: 10px;}
.live-five-nav li .package-head .package-head-img{}
.live-five-nav li .package-head .package-head-img img{ width: 100%; border-radius: 10px;}
.live-five-nav li .package-head .seven-price{padding-top:10px;line-height: 50px; overflow: hidden; font-size:22px; color: #fff; font-weight: bold;}
.live-five-nav li .package-head .seven_cost{height: 30px; line-height: 30px; overflow: hidden; color: #d5d5d5;}
.live-five-nav li .package-body{padding: 20px 15px 100px 15px; background: #fff;border-radius: 0px 0px 10px 10px; position: relative; }
.live-five-nav li .seven_title{font-size: 24px; text-align: center;height: 60px; line-height: 60px; overflow: hidden; color: #3164b8;}
.live-five-nav li .package-item{overflow: hidden; color: #666; line-height: 40px; position: relative; background: #feedfd;}
.live-five-nav li.package-li-1 .package-item{line-height: 48px;}
.live-five-nav li.package-li-3 .package-item{line-height: 35px;}
.live-five-nav li .package-item.package-item-2{background: #f0f0f0;}
.live-five-nav li .package-item .package-item-radio{ width: 10px; height: 10px; position: absolute; left: 10px; top: 50%; margin-top:-5px; background:#6f00d4; border-radius: 50%; }
.live-five-nav li .package-item .package-item-title{ padding: 0px 30px 0px 35px;}

.live-five-nav li .package-btn{ width: 300px; height: 50px; position: absolute; bottom:30px; left: 50%; margin-left: -150px;}
.live-five-nav li .package-btn a{width: 100%;height: 50px; line-height: 48px;font-size: 18px; padding: 0px; border: 0px;}
.live-five-nav li .package-btn a.btn-yellow{width: 100%;height: 50px; line-height: 48px;font-size: 16px; padding: 0px;color: #ffffff;background-image: linear-gradient(0deg, #6f00d4 0%, #fc00f1 100%), linear-gradient(#6f00d4, #297bf7);background-blend-mode: normal, normal; padding-right: 100px; text-align: center; }
.live-five-nav li .package-btn a.btn-yellow .package-number{font-size: 24px; font-weight: bold;}
.live-five-nav li .package-btn a.btn-yellow:hover{color: #ffffff;background-image: linear-gradient(0deg, #fc00f1 0%, #6f00d4 100%), linear-gradient(#297bf7, #6f00d4);}
.live-five-nav li .package-btn a.btn-yellow .package-buy{ position: absolute; right: 10px; top: 10px; border-radius: 5px; width: 80px;height: 30px; line-height: 28px;font-size: 14px; padding: 0px;color: #ffffff;background-color: #ffc000;border:1px solid #ffc000;}
.live-five-nav li .package-btn a.btn-yellow:hover .package-buy{background-color: #ffc000;border:1px solid #ffc000;}
.live-five-nav li .text-yellow{color: #fda53c;}

.live-five-nav li.active,
.live-five-nav li.activetwo{margin-top:0px; margin-bottom: 0px;}
.live-five-nav li.active .package-wrap,
.live-five-nav li.activetwo .package-wrap{padding: 13px 0px 0px;}
/*第五部分 end*/

/*第六部分 begin*/
.live-case{position: relative; padding:0px; }
.live-case .carousel{padding-top: 90px;}
.live-case .carousel-indicators{bottom: auto;left: 50%; top:0px;width: 80%;margin-left: -40%;}
.live-case .carousel-indicators li {width: 19%; height: 60px; line-height: 60px; background-color:#f4f4f4; border:none; color: #222; text-indent: 0px;border-radius: 0px; font-size: 16px;}
.live-case .carousel-indicators  li.active { border-bottom: 2px solid #6f00d4;}
.live-case .carousel-control i{font-size: 80px;}
.live-case .carousel-control.left i{left: -40px; text-align: left;}
.live-case .carousel-control.right i{right: -40px; text-align: right;}
.live-case .carousel-inner>.item{ height: 500px;}
.live-case-item-1{background: url(../images/live/live_case_1.png) no-repeat center;}
.live-case-item-2{background: url(../images/live/live_case_2.png) no-repeat center;}
.live-case-item-3{background: url(../images/live/live_case_3.png) no-repeat center;}
.live-case-item-4{background: url(../images/live/live_case_4.png) no-repeat center;}

.live-case .live-case-wrap{width: 1100px; margin: 0 auto; position: relative;}
.live-case .live-case-wrap .live-case-head{ line-height: 40px; font-size: 24px; font-weight: bold; color: #222;}
.live-case-item-1 .live-case-head{ line-height: 40px; font-size: 24px; font-weight: bold;}
.live-case-item-1 .live-case-text{padding: 20px 0px 0px 50px;}
.live-case-item-1 .live-case-text li{ line-height:40px; font-weight: bold; font-size: 18px; padding-left: 30px; position: relative; color: #ffffff;}
.live-case-item-1 .live-case-text li .live-icon-radio{ width: 10px; height: 10px; position: absolute; left: 10px; top: 50%; margin-top:-5px; background:#ffffff; border-radius: 50%; }
.live-case-item-1 .live-case-text li.live-case-text-1{ margin-left: 50px;}
.live-case-item-1 .live-case-text li.live-case-text-2{ margin-left: 130px;}
.live-case-item-1 .live-case-text li.live-case-text-3{ margin-left: 210px;}
.live-case-item-1 .live-case-text li.live-case-text-4{ margin-left: 290px;}
.live-case-item-1 .live-case-info{ margin:40px 0px 0px 40px;}
.live-case-item-1 .live-case-info .live-case-info-title{ line-height: 40px; font-size: 24px; font-weight: bold; padding-left: 50px;}
.live-case-item-1 .live-case-info .live-case-nav{ margin: 10px 0px 0px 0px; width: 500px;}
.live-case-item-1 .live-case-info .live-case-nav li{ float: left; width: 50%; line-height: 40px; font-size: 16px;}

.live-case-item-2 .live-case-text{line-height: 40px; font-size: 24px; font-weight: bold; text-align: center; color: #cc00cc;}
.live-case-item-2 .live-case-nav{ margin: 80px 0px 0px 322px;}
.live-case-item-2 .live-case-nav li{ float: left; width: 25%;}
.live-case-item-2 .live-case-nav .live-case-nav-number{ width: 100%; height: 164px; line-height: 164px; font-size: 36px; font-weight: bold; text-align: center; color: #cc00cc;}
.live-case-item-2 .live-case-nav .live-case-nav-text{ line-height: 60px; font-size: 24px; font-weight: bold; text-align: center;}

.live-case-item-3 .live-case-text{ width:400px;line-height: 60px; font-size: 24px; font-weight: bold; text-align: left; color: #cc00cc; margin-top: 30px;}
.live-case-item-3 .live-case-info{ position: absolute;}
.live-case-item-3 .live-case-info.case-info-1{ left: 320px; top: 100px;}
.live-case-item-3 .live-case-info.case-info-2{ left: 320px; top: 180px;}
.live-case-item-3 .live-case-info .live-case-info-title{ border:2px solid #cc00cc; border-radius: 10px; padding: 5px 20px; width: 120px; text-align: center;}
.live-case-item-3 .live-case-info .live-case-info-dasc{ margin-top: 10px; line-height: 30px;}
.live-case-item-3 .live-case-nav{ margin: 70px 0px 0px 32px; width: 760px; overflow: hidden;}
.live-case-item-3 .live-case-nav li{ width: 25%; float: left;}
.live-case-item-3 .live-case-nav .live-case-nav-number{ width: 100%; height: 60px; line-height: 60px; font-size: 36px; font-weight: bold; text-align: center; color: #fff; margin-top: 30px;}
.live-case-item-3 .live-case-nav .live-case-nav-text{ line-height: 30px; font-size: 16px; text-align: center; color: #fff;}
.live-case .live-case-item-4 .live-case-wrap .live-case-head{ padding: 20px 0px 0px 20px; color: #fff;}
.live-case-item-4 .live-case-text{ width:100%;line-height: 40px; font-size: 24px; font-weight: bold; text-align: center; color: #cc00cc; margin-top: 250px;}
.live-case-item-4 .live-case-info{ width:640px; margin:5px auto 0px;}
.live-case-item-4 .live-case-info-title{ float: left; width: 120px; text-align: right;  line-height: 30px;margin-top: 2px;}
.live-case-item-4 .live-case-nav{ float: right;width: 60px; margin-top: 2px; margin-right: 100px;}
.live-case-item-4 .live-case-nav li{  height: 30px; line-height: 30px; text-align: left;}

/*第六部分 end*/

/*表单 begin*/
.live-from{ overflow: hidden;background: url(../images/live/live_form.png) no-repeat center bottom; width: 100%; display: block; padding: 80px 0px 60px;}
.live-from .live-from-left{ float: left; width: 800px;}
.live-from .live-from-group{min-height: 40px; overflow: hidden; margin-top: 10px;}
.live-from .live-from-label{text-align: right; width: 150px; line-height: 40px;height: 40px; margin-right: 10px; float: left; color: #fff;}
.live-from .live-from-input{width: 500px; line-height: 40px;min-height: 40px; float: left;}
.live-from .live-from-textarea{width: 1000px; float: left;}
.live-from .live-from-btn{ width:200px; height: 46px; line-height: 46px; margin: 20px auto 0px;}
.live-from .live-from-btn input{ display: block; width: 100%; height: 100%; border-radius: 10px; color: #fff;font-size: 16px; text-align: center;background:#fc00f1;border: none;}
.live-from .live-from-btn input:hover{background:#d200c9;}

.live-from .live-from-right{ float: left; width: 400px; padding: 0px 50px 0px 0px; text-align: center;}
.live-from .live-from-code-title{ line-height: 60px; height: 60px; font-size: 24px; font-weight: bold; color: #fff;}
.live-from .live-from-code-img{ width: 240px;margin: 0 auto;border: solid 4px #eeeeee; border-radius: 10px;}
.live-from .live-from-code-img img{width: 100%;border-radius: 10px;}
.live-from .live-from-code-info{ line-height: 60px; height: 60px; font-size: 16px; color: #fff; }

.live-from .cwq-radio + label,
.live-from .cwq-checkbox + label{color: #fff;}
.live-from .cwq-radio + label:after {background: #fc00f1; }
.live-from .cwq-radio:checked + label:before {border: 2px solid #fc00f1; }
.live-from .cwq-checkbox:checked + label:before {border: #fc00f1;background: #fc00f1; }

/*表单 end*/
.live-four{ height: 300px;background: url(../images/live/live_four.png) no-repeat center;}
.live-four .live-four-left{ float: left; text-align: right; padding-top: 30px;}
.live-four .live-four-right{ float: right; text-align: left; padding-top: 30px;}
.live-four .live-four-title{font-weight: bold; font-size: 24px; line-height: 40px;}
.live-four .live-four-info{line-height: 30px;}
.live-four .live-four-info p{line-height: 30px; padding: 0px; margin: 0px;}
