.text-sale{ color: #ff5050!important;}
.banner-sale .banners1{background:url("../images/sale_banner.jpg") no-repeat center top;}
.banner-sale .banners-text,
.banner-sale .banners-title,
.banner-sale .banners-info,
.banner-sale .banners-desc{ color: #fff;}
.banner-sale .banners-text{position: absolute;left:50%;top:100px; width:680px; margin-left: -340px; color:#ff5050; text-align: center;}
.banner-sale .banners-title{font-size: 48px; font-weight: bold; line-height: 60px; text-align: center;}
.banner-sale .banners-tag{font-size:20px; text-align: right;}
.banner-sale .banners-info{font-size:18px;margin-top:60px; padding: 10px 30px; color: #fff; text-align: center; display: inline-block; background: #ff938a; border-radius: 10px;}
.banner-sale .banner_package{width: 220px; margin-left: -110px;bottom: 150px;}
.banner-sale .consul{display: block; width: 100%; height: 100%; border-radius: 10px; border: none;color: #fff;font-size: 16px; text-align: center;background: #ffc000;box-shadow: 0px 10px 10px 0px rgba(41, 123, 247, 0.3);}
.banner-sale .consul:hover{background: #f2b601;}
.sale-white{ padding:50px 0 30px; position: relative; min-width: 1200px;}
.sale-vidck{background:#f4f4f4; padding:50px 0 30px; position: relative; min-width: 1200px;}
.sale-black{padding:50px 0 30px; position: relative;background: #353b40; min-width: 1200px;}
.sale-wrap-title{ font-size: 30px; text-align: center; height:60px; color:#222222; font-weight: bold; background: url(../images/title_bg.png) no-repeat bottom center; }
.sale-black .sale-wrap-title{ color:#ffffff;}
.sale-wrap-info{font-size: 16px; text-align: center;color: #666; margin: 10px auto; line-height: 2}
.sale-wrap-body{ margin: 30px auto; position: relative;}
.sale-wrap-btn{ width:200px; height: 46px; line-height: 46px; margin: 0px auto;}
.sale-wrap-btn a{ display: block; width: 100%; height: 100%; border-radius: 10px; color: #fff;font-size: 16px; text-align: center; background: #ff5050;}
.sale-wrap-btn a:hover{background: #d84040;}

/*第一部分 begin*/
.sale-one{ width: 100%; height: 560px; background: url(../images/daihuo/sale_one_bg.png) no-repeat right center; }
.sale-one-text{position: absolute; top: 240px; width: 400px;}
.sale-one-text .sale-one-title{ line-height: 60px; font-weight: bold; color: #ff5050; font-size: 24px; }
.sale-one-text .sale-one-info{ color:#666666; line-height: 24px;font-size: 14px;}
.sale-one-tag{position: absolute; color:#666666; text-align: left;  line-height: 24px; font-size: 14px;}
.sale-one-tag .sale-one-title{ line-height: 40px; font-weight: bold; color: #ff5050; font-size: 24px; }
.sale-one-tag span{ color:#ff5050;}
.sale-one-tag-1{left: 560px; top: 340px;}
.sale-one-tag-2{left: 720px; top: 440px;}
.sale-one-tag-3{left: 1000px; top: 400px;}
.sale-one-tag-4{left: 850px; top: 255px;}
.sale-one-tag-5{left: 1040px; top: 195px;}
/*第一部分 end*/
/*第二部分 begin*/
.sale-two-nav .sale-two-nav-tab{ width: 850px; margin: 0 auto; overflow: hidden;}
.sale-two-nav .sale-two-nav-tab li{  position:relative;text-align:left; cursor:pointer; width: 150px; float: left; margin:0px 10px;background: #fff;border: 1px solid #ff5050; border-radius: 5px;}
.sale-two-nav .sale-two-nav-tab li .sale-two-nav-icon{ width: 40px; height: 40px; margin: 10px auto 0px;background: url(../images/icon.png) no-repeat;}
.sale-two-nav .sale-two-nav-tab li .sale-two-nav-icon.sale-two-nav-icon-1{ background-position: 0px 0px;}
.sale-two-nav .sale-two-nav-tab li .sale-two-nav-icon.sale-two-nav-icon-2{ background-position: -40px 0px;}
.sale-two-nav .sale-two-nav-tab li .sale-two-nav-icon.sale-two-nav-icon-3{ background-position: -80px 0px;}
.sale-two-nav .sale-two-nav-tab li .sale-two-nav-icon.sale-two-nav-icon-4{ background-position: -120px 0px;}
.sale-two-nav .sale-two-nav-tab li .sale-two-nav-icon.sale-two-nav-icon-5{ background-position: -160px 0px;}
.sale-two-nav .sale-two-nav-tab li .sale-two-nav-text{height:30px; line-height: 30px; display:block; text-decoration:none; color:#ff5050;text-align: center;}
.sale-two-nav .sale-two-nav-tab li.active{background: #ff5050;}
.sale-two-nav .sale-two-nav-tab li.active .sale-two-nav-text{color: #fff;}
.sale-two-nav .sale-two-nav-tab li.active .sale-two-nav-icon.sale-two-nav-icon-1{ background-position: 0px -40px;}
.sale-two-nav .sale-two-nav-tab li.active .sale-two-nav-icon.sale-two-nav-icon-2{ background-position: -40px -40px;}
.sale-two-nav .sale-two-nav-tab li.active .sale-two-nav-icon.sale-two-nav-icon-3{ background-position: -80px -40px;}
.sale-two-nav .sale-two-nav-tab li.active .sale-two-nav-icon.sale-two-nav-icon-4{ background-position: -120px -40px;}
.sale-two-nav .sale-two-nav-tab li.active .sale-two-nav-icon.sale-two-nav-icon-5{ background-position: -160px -40px;}
.sale-two-nav .sale-two-nav-content {width: 100%; padding:30px 0px 0px;}
.sale-two-nav .sale-two-nav-content .tab-pane .panels-nav{float:left; margin-left:30px; margin-bottom:14px;width: 290px;height: 246px; }

.sale-two-nav-item{ width: 560px; border-radius: 10px;border: solid 1px #f5f5f5;  position:relative; display: block; margin: 10px 20px; background: #fff;}
.sale-two-nav-item:active,
.sale-two-nav-item:focus,
.sale-two-nav-item:hover{border-color:#ff5050;}
.sale-two-nav-item dl{ margin: 12px 20px; overflow: hidden; }
.sale-two-nav-item dt{ float: left; width: 90px;height: 90px;border: solid 4px #eeeeee; border-radius: 50%; position: relative;}
.sale-two-nav-item i.item-icon-level{ position: absolute;right: 0px; bottom: 8px;}
.sale-two-nav-item dt img{ width: 100%;height: 100%;border-radius: 50%;}
.sale-two-nav-item dd{ float: left; width: 400px;height: 90px; margin-left: 10px;}
.sale-two-nav-item .item-tags{ position: absolute;right: 10px; top: 20px; font-size: 16px; font-weight: bold; color: #ff5050;}
.sale-two-nav-item .item-tags span{padding: 0px 4px;}
.sale-two-nav-item dd .item-title{ color: #333333; line-height: 36px;}
.sale-two-nav-item dd .item-title em{ width: 20px; height: 20px; display: inline-block; margin-left: 5px;}
.sale-two-nav-item dd .item-title em img{ width: 100%; height: 100%;}
.sale-two-nav-item dd .item-info{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;}
.sale-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;}
.sale-two-nav-item .item-nav{border-top: solid 1px #eeeeee;margin: 0px 20px 12px; padding-top: 12px; overflow: hidden; position:relative;}
.sale-two-nav-item .item-nav .item-nav-title{ float:left; width:80px; position:relative; text-align:left; line-height: 40px;}
.sale-two-nav-item .item-nav .item-nav-content{ float:left; width:380px; position:relative; height: 120px;}
.sale-two-nav-item .item-nav .item-nav-btn{ position:absolute;right:0px; bottom:5px; }
.sale-two-nav-item .item-nav .item-nav-btn a{ display: block; cursor:pointer; width: 80px; text-align: center; background: #fff;border: 1px solid #ff5050; color: #ff5050; border-radius: 5px; }
.sale-two-nav-item .item-nav .item-nav-item{ overflow: hidden; }
.sale-two-nav-item .item-nav .item-nav-li{ float:left; width:50%; position:relative; text-align:center; font-weight:normal; }
.sale-two-nav-item .item-nav .item-nav-li .item-nav-icon{ width: 30px;height: 30px; margin: 5px; float: left;background: url(../images/icon.png) no-repeat;}
.sale-two-nav-item .item-nav .item-nav-li .item-nav-icon.item-nav-icon-weixin{ background-position: -30px -20px;}
.sale-two-nav-item .item-nav .item-nav-li .item-nav-icon.item-nav-icon-weibo{ background-position: -60px -20px;}
.sale-two-nav-item .item-nav .item-nav-li .item-nav-icon.item-nav-icon-xiaohongshu{ background-position: 0px -20px;}
.sale-two-nav-item .item-nav .item-nav-li .item-nav-icon.item-nav-icon-meipai{ background-position: -120px -20px;}
.sale-two-nav-item .item-nav .item-nav-li .item-nav-icon.item-nav-icon-duoyin{ background-position: -90px -20px;}
.sale-two-nav-item .item-nav .item-nav-li .item-nav-icon.item-nav-icon-newstop{ background-position: -150px -20px;}
.sale-two-nav-item .item-nav .item-nav-li .item-nav-icon.item-nav-icon-video{ background-position: -180px -20px;}
.sale-two-nav-item .item-nav .item-nav-li .item-nav-icon.item-nav-icon-taobao{ background-position: -210px -20px;}
.sale-two-nav-item .item-nav .item-nav-li .item-nav-icon.item-nav-icon-kuaishou{ background-position: -240px -20px;}
.sale-two-nav-item .item-nav .item-nav-li .item-nav-text{ color: #999999; line-height: 40px; float: left; text-align: right; padding-right: 10px;}
.sale-two-nav-item .item-nav .item-nav-li .item-nav-num{ color: #ff5050; line-height: 40px; float: left;}

.sale-two-nav-item .item-nav-img{ width: 500px; margin: 0px auto;}
.sale-two-nav-item .item-nav-img img{ width: 100%;}

.sale-two-nav-item .item-nav i{ display:block; margin: 0 auto; color:#999; width: 24px;}
.sale-two-nav-item .item-btn{ width: 110px; height: 30px; line-height: 28px; margin: 10px auto 0px;}
.sale-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;}
.sale-two-nav-item .item-btn a:active,
.sale-two-nav-item .item-btn a:focus,
.sale-two-nav-item .item-btn a:hover{color: #fff;background-color: #ff5050; border-color:#ff5050; }
/*第二部分 end*/
/*第三部分 begin*/
.sale-three-1{ padding-bottom: 30px;}
.sale-three-2{}
.sale-three-3{ padding-top: 30px;}
.sale-three-img{ position: relative;}
.sale-three-2 .sale-three-img{}
.sale-three-3 .sale-three-img{}
.sale-three-1,
.sale-three-2,
.sale-three-3{position: relative;}
.sale-three-nav .sale-three-title{ height: 60px;line-height: 60px; font-size: 26px; text-align: center;}
.sale-three-nav .sale-three-number{ color: #bdbdbd; display: inline-block;font-size:50px; padding-right: 0px;}
.sale-three-nav .sale-three-title-text{color: #222222; display: inline-block;}
.sale-three-nav .sale-three-nav-info{color: #999999;  margin: 0 auto; text-align: center; line-height: 40px;}
.sale-three-nav .sale-three-img{ padding-bottom: 10px;}
.sale-three-nav .sale-three-img{ width: 100%; }
.sale-three-nav .sale-three-content{ position: relative;}
.sale-three-icon{line-height: 24px; padding-left: 24px;font-size: 14px; background: url(../images/mot_icon.png) no-repeat left 4px;}

.sale-three-1 .sale-three-info{position: absolute; color: #fff; z-index: 99; background: rgba(255,80,80,0.8); padding: 5px 10px; text-align: center;}
.sale-three-1 .sale-three-info p{line-height: 22px;}
.sale-three-1 .sale-three-info-1{left:876px; top:120px; width: 290px;}
.sale-three-1 .sale-three-info-2{left:876px; top:174px; width: 290px; color: #666;text-align: left;background: rgba(255,255,255,0.8);padding-left:15px; }
.sale-three-1 .sale-three-info-3{left:876px; top:300px; width: 136px;}
.sale-three-1 .sale-three-info-4{left:1030px; top:300px; width: 136px;padding: 16px 10px;}
.sale-three-1 .sale-three-info-5{left:876px; top:440px; width: 136px; padding:0px;color: #666;text-align: left;background: rgba(255,255,255,0.8);}
.sale-three-1 .sale-three-info-6{left:1030px; top:440px; width: 136px; padding:0px;color: #666;text-align: left;background: rgba(255,255,255,0.8);}

.sale-three-1 .sale-three-text{position: absolute; color: #666; font-size: 14px; z-index: 99;}
.sale-three-1 .sale-three-text p{line-height: 22px;}
.sale-three-1 .sale-three-text-1{left: 34px; top: 150px; color: #ffc000;}
.sale-three-1 .sale-three-text-2{left: 10px; top: 220px; width: 20px; color: #ffc000;}
.sale-three-1 .sale-three-text-3{left: 34px; top: 360px; color: #ffc000;}
.sale-three-1 .sale-three-text-4{left: 84px; top: 150px; color: #ff5050;}
.sale-three-1 .sale-three-text-5{left: 60px; top: 230px; width: 20px; color: #ff5050;}
.sale-three-1 .sale-three-text-6{left: 84px; top: 360px; color: #ff5050;}
.sale-three-1 .sale-three-text-7{left: 806px; top: 150px; color: #ffc000;}
.sale-three-1 .sale-three-text-8{left: 790px; top: 230px; width: 20px; color: #ffc000;}
.sale-three-1 .sale-three-text-9{left: 806px; top: 360px; color: #ffc000;}
.sale-three-1 .sale-three-text-10{left: 760px; top: 150px; color: #ff5050;}
.sale-three-1 .sale-three-text-11{left: 740px; top: 230px; width: 20px; color: #ff5050;}
.sale-three-1 .sale-three-text-12{left: 760px; top: 360px; color: #ff5050;}
.sale-three-1 .sale-three-text-13{left: 410px; top: 180px; width: 40px; color: #ffffff;font-size: 24px; text-align: center;}
.sale-three-1 .sale-three-text-14{left: 410px; top: 240px; width: 40px; color: #ffffff;font-size: 24px; text-align: center;}
.sale-three-1 .sale-three-text-15{left: 410px; top: 310px; width: 40px; color: #ffffff;font-size: 24px; text-align: center;}
.sale-three-1 .sale-three-text-16{left: 140px; top: 160px; width: 240px;font-size: 18px; }
.sale-three-1 .sale-three-text-17{left: 140px; top: 230px; width: 240px;font-size: 18px; }
.sale-three-1 .sale-three-text-18{left: 140px; top: 300px; width: 240px;font-size: 18px; }
.sale-three-1 .sale-three-text-19{left: 480px; top: 170px; width: 240px;font-size: 18px; text-align: right; }
.sale-three-1 .sale-three-text-20{left: 480px; top: 240px; width: 240px;font-size: 18px; text-align: right; }
.sale-three-1 .sale-three-text-21{left: 480px; top: 310px; width: 240px;font-size: 18px; text-align: right; }
.sale-three-1 .sale-three-text-22{left: 324px; top: 376px; width: 210px; line-height: 30px; text-align: center; }

.sale-three-1 .sale-three-tag{position: absolute; color: #ff5050; width: 310px; font-size: 16px; z-index: 99;}
.sale-three-1 .sale-three-tag .sale-three-tag-title{width: 40px; height: 44px;font-size: 44px; line-height: 44px; float: left;}
.sale-three-1 .sale-three-tag .sale-three-tag-mot{ line-height:22px; float: left;}
.sale-three-1 .sale-three-tag-1{left: 360px; top: 50px; }
.sale-three-1 .sale-three-tag-2{left: 860px; top: 10px; }

.sale-three-2 .sale-three-text{position: absolute; width: 120px; left: 10px; padding: 10px 10px; border: 1px dashed #999; z-index: 99; color: #ff5050; }
.sale-three-2 .sale-three-text span{font-size: 16px; font-weight: bold;}
.sale-three-2 .sale-three-text p{line-height: 22px;}
.sale-three-2 .sale-three-text-1{ top: 30px;}
.sale-three-2 .sale-three-text-2{ top: 100px;}
.sale-three-2 .sale-three-text-3{ top: 270px;}
.sale-three-2 .sale-three-text-4{ top: 400px;}
.sale-three-2 .sale-three-text-5{ top: 470px;}
.sale-three-2 .sale-three-info{position: absolute; color: #ff5050; font-size: 18px; width: 180px;line-height: 48px; z-index: 99; text-align: center;}
.sale-three-2 .sale-three-info-1{left: 550px; top: 220px;}
.sale-three-2 .sale-three-info-2{left: 560px; top: 120px;}
.sale-three-2 .sale-three-info-3{left: 640px; top: 20px;}
.sale-three-2 .sale-three-info-4{left: 940px; top: 20px;}
.sale-three-2 .sale-three-info-5{left: 1040px; top: 120px;}
.sale-three-2 .sale-three-info-6{left: 1050px; top: 220px;}
.sale-three-2 .sale-three-info-7{left: 710px; top: 478px; color: #666;}
.sale-three-2 .sale-three-info-8{left: 916px; top: 460px; color: #666;}


.sale-three-3 .sale-three-tag{position: absolute; color: #ffffff;  width: 140px;line-height: 30px; z-index: 99; text-align: center;}
.sale-three-3 .sale-three-tag-1{left: 34px; top: 204px;}
.sale-three-3 .sale-three-tag-2{left: 1054px; top: 204px;}
.sale-three-3 .sale-three-tag-3{left: 1054px; top: 452px;}
.sale-three-3 .sale-three-tag-4{left: 34px; top: 452px;}
.sale-three-3 .sale-three-info{position: absolute; width: 180px;z-index: 99; }
.sale-three-3 .sale-three-info .sale-three-info-number{color: #ff5050; font-size: 32px; line-height: 40px;}
.sale-three-3 .sale-three-info .sale-three-info-title{color: #ff5050; font-size: 18px; line-height: 40px;}
.sale-three-3 .sale-three-info .sale-three-info-text{color: #666; line-height: 24px;}
.sale-three-3 .sale-three-info-1{left: 200px; top: 40px;}
.sale-three-3 .sale-three-info-2{left: 820px; top: 40px;}
.sale-three-3 .sale-three-info-3{left: 820px; top: 280px;}
.sale-three-3 .sale-three-info-4{left: 200px; top: 280px;}
/*第三部分 end*/
/*套餐 begin*/
.sale-package-nav{ padding: 0px 3px 0px; overflow: hidden;}
.sale-package-nav li{width: 380px; height: 480px; position: relative; cursor: pointer; float: left; margin:13px 0px 13px 24px; border-radius:20px;box-shadow: 0px 0px 10px rgba(212, 218, 224, 0.6);background: #ff5050; color: #fff;}
.sale-package-nav li:first-child{margin-left: 0px;}
.sale-package-nav li .sale-package-wrap{ padding: 0px 0px 88px;}
.sale-package-nav li .sale-package-head{height: 100px; text-align: center}
.sale-package-nav li .sale-package-head .sale-package-title{height: 100px; line-height: 100px; overflow: hidden; font-size: 24px; color: #fff; font-weight: bold;}
.sale-package-nav li .sale-package-head .sale-package-cost{height: 30px; line-height: 30px; overflow: hidden; color: #fff;}
.sale-package-nav li .sale-package-deac{  overflow: hidden; color: #fff;padding:0px 30px 10px 24px; margin-left:30px;background:url(../images/sale_reddot.png) no-repeat 0px 6px;}
.sale-package-nav li .sale-package-deac p{ padding: 0px; margin: 0px;line-height: 22px;}
.sale-package-nav li .sale-package-deac .sale-package-deac_title{ line-height: 24px;}
.sale-package-nav li .sale-package-btn{ width: 200px; height: 50px; position: absolute; bottom:30px; left: 50%; margin-left: -100px;}
.sale-package-nav li .sale-package-btn a{width: 100%;height: 50px; line-height: 48px;font-size: 18px; padding: 0px;}
.sale-package-nav li .sale-package-btn a.package-btn{width: 100%;height: 50px; line-height: 48px;font-size: 16px; padding: 0px;color: #fff;border: 1px solid #fff;background-color: transparent;}
.sale-package-nav li .sale-package-btn a.package-btn .sale-package-price{ color: #ffff00;}
.sale-package-nav li .sale-package-btn .sale-package-price{color: #ff5050; padding-right: 6px; font-size: 24px;}
.sale-package-nav li .text-yellow{color: #fff802;}
.sale-package-nav li .text-red{color: #ff5050;}

.sale-package-nav li.active,
.sale-package-nav li.activetwo{ margin-top:0px; margin-bottom: 0px;height: 850px;}
.sale-package-nav li.active .sale-package-wrap,
.sale-package-nav li.activetwo .sale-package-wrap{padding: 13px 0px 100px;}
.sale-package-nav li.active .icon-label,
.sale-package-nav li.activetwo .icon-label{top:58px;}
.sale-package-nav li.active .sale-package-head .sale-package-cost,
.sale-package-nav li.activetwo .sale-package-head .sale-package-cost{color: #d5d5d5;}
.sale-package-nav li.active .sale-package-title,
.sale-package-nav li.activetwo .sale-package-title{color: #fff;}
.sale-package-nav li.active .sale-package-deac,
.sale-package-nav li.activetwo .sale-package-deac{ color: #fff;background:url(../images/video_yellowdot.png) no-repeat 0px 6px;}
.sale-package-nav li .sale-package-btn a.package-btn:focus,
.sale-package-nav li .sale-package-btn a.package-btn:hover,
.sale-package-nav li.active .sale-package-btn a.package-btn,
.sale-package-nav li.activetwo .sale-package-btn a.package-btn{color: #fff;background-color: #d62f40; }

/*套餐 end*/
/*案例 begin*/
.sale-case{ background: #0c0e25;}
.sale-case .sale-wrap-title{ color: #fff;}
.sale-case .sale-case-item-text{ color: #fff;font-size: 30px; line-height: 60px; text-align: center;}
.sale-case .sale-case-item-text span{ color: #ffc900;font-size: 40px;}
/*案例 end*/
.sale-form{background: url(../images/beauchamp-form.png) no-repeat center; height: 200px;padding: 30px 0 30px;}
.sale-form .sale-form-title{font-size: 24px; text-align: center; line-height: 40px; color:#222222; font-weight: bold; width: 940px;}
.sale-form .sale-form-info{padding-top: 20px; overflow: hidden;}
.sale-form .sale-form-group{min-height: 40px; overflow: hidden; float: left; width: 290px; height: 40px;}
.sale-form .sale-form-label{text-align: right; width: 60px; line-height: 40px;height: 40px; margin-right: 10px; float: left; color: #fff;}
.sale-form .sale-form-input{width: 220px; padding: 3px 0px; float: left; position: relative;}
.sale-form .sale-form-code{width: 100px; line-height: 34px; height: 34px; text-align: center; position: absolute; top: 3px; right: 0px;color: #ffffff;background-color: #ff5050;border:1px solid #ff5050;border: none;}
.sale-form .sale-form-code:hover{background-color: #fda53c;border:1px solid #fda53c;}
.sale-form .sale-form-img{width: 90px; height: 34px;position: absolute; top: 3px; right: 0px; cursor: pointer;}
.sale-form .sale-form-img img{width: 100%; height: 100%;}
.sale-form .sale-form-btn{ margin-left: 10px;float: left; width: 100px; padding: 3px 0px;}
.sale-form .sale-form-btn input{ display: block; width: 100%; height:34px; border-radius: 10px; color: #fff;font-size: 16px; text-align: center;background:#b2456f;border: none;}
.sale-form .sale-form-btn input:hover{background:#e94c92;}