/* 微信广告展示模块 */
.weixin-ad .tabs li {color: #999; font-size: 16px; padding: 60px 15px 5px 15px; margin-right: -4px; border-bottom: 2px solid #eee; margin-bottom: 60px; cursor: pointer;}
.weixin-ad .tabs .cur {color: #4eb6ff!important; background: #fff; border-bottom: 2px solid #4eb6ff!important;}
.weixin-ad .list .ad-show1 {position: relative; background: url("/front/public/images/index/static/weixin-ad1.jpg") no-repeat center center; height: 600px;}
.weixin-ad .list .ad-show2 {display: none; position: relative; background: url("/front/public/images/index/static/weixin-ad2.jpg") no-repeat center center; height: 600px;}
.weixin-ad .list .ad-show1 > div, .weixin-ad .ad-show2 > div {position: absolute; font-size: 18px; color: #333;}
.weixin-ad .list .tanchu {display: none; position: absolute; background: #83ccff; color: #fff; padding: 5px; font-size: 14px; border-radius: 5px; text-align: left;}
.weixin-ad .list .tanchu span {position: absolute; width: 0; height: 0;}
.weixin-ad .list .ad-show1 .text1 {top: 96px; left: 848px;}
.weixin-ad .list .ad-show1 .text1 .tanchu {top: -40px; right: -121px;}
.weixin-ad .list .ad-show1 .text2 {top: 179px; left: 848px; cursor: pointer;}
.weixin-ad .list .ad-show1 .text2-angle {border-top: 8px solid #83ccff; border-right: 15px solid transparent; bottom: -8px; left: 15px;}
.weixin-ad .list .ad-show1 .text2:hover {color: #4eb6ff;}
.weixin-ad .list .ad-show1 .text2:hover > .tanchu {display: block;}
.weixin-ad .list .ad-show1 .text2 .tanchu {top: -35px; right: -55px;}
.weixin-ad .list .ad-show1 .text3 {top: 271px; left: 854px; cursor: pointer;}
.weixin-ad .list .ad-show1 .text3-angle {border-top: 8px solid #83ccff; border-right: 15px solid transparent; bottom: -8px; left: 15px;}
.weixin-ad .list .ad-show1 .text3:hover {color: #4eb6ff;}
.weixin-ad .list .ad-show1 .text3:hover > .tanchu {display: block;}
.weixin-ad .list .ad-show1 .text3 .tanchu {top: -35px; right: -10px;}
.weixin-ad .list .ad-show1 .text4 {top: 372px; left: 854px; cursor: pointer;}
.weixin-ad .list .ad-show1 .text4-angle {border-top: 8px solid #83ccff; border-right: 15px solid transparent; bottom: -8px; left: 15px;}
.weixin-ad .list .ad-show1 .text4:hover {color: #4eb6ff;}
.weixin-ad .list .ad-show1 .text4:hover > .tanchu {display: block;}
.weixin-ad .list .ad-show1 .text4 .tanchu {top: -55px; right: -120px;}
.weixin-ad .list .ad-show2 .text1 {top: 89px; left: 305px; cursor: pointer;}
.weixin-ad .list .ad-show2 .text1-angle {border-top: 8px solid #83ccff; border-left: 15px solid transparent; bottom: -8px; right: 15px;}
.weixin-ad .list .ad-show2 .text1:hover {color: #4eb6ff;}
.weixin-ad .list .ad-show2 .text1:hover > .tanchu {display: block;}
.weixin-ad .list .ad-show2 .text1 .tanchu {top: -35px; left: -140px;}
.weixin-ad .list .ad-show2 .text2 {top: 160px; left: 272px; cursor: pointer;}
.weixin-ad .list .ad-show2 .text2-angle {border-top: 8px solid #83ccff; border-left: 15px solid transparent; bottom: -8px; right: 15px;}
.weixin-ad .list .ad-show2 .text2:hover {color: #4eb6ff;}
.weixin-ad .list .ad-show2 .text2:hover > .tanchu {display: block;}
.weixin-ad .list .ad-show2 .text2 .tanchu {top: -35px; left: -220px;}
.weixin-ad .list .ad-show2 .text3 {top: 255px; left: 305px; cursor: pointer;}
.weixin-ad .list .ad-show2 .text3-angle {border-top: 8px solid #83ccff; border-left: 15px solid transparent; bottom: -8px; right: 15px;}
.weixin-ad .list .ad-show2 .text3:hover {color: #4eb6ff;}
.weixin-ad .list .ad-show2 .text3:hover > .tanchu {display: block;}
.weixin-ad .list .ad-show2 .text3 .tanchu {top: -55px; left: -220px;}
.weixin-ad .list .ad-show2 .text4 {top: 451px; left: 255px; cursor: pointer;}
.weixin-ad .list .ad-show2 .text4-angle {border-top: 8px solid #83ccff; border-left: 15px solid transparent; bottom: -8px; right: 15px;}
.weixin-ad .list .ad-show2 .text4:hover {color: #4eb6ff;}
.weixin-ad .list .ad-show2 .text4:hover > .tanchu {display: block;}
.weixin-ad .list .ad-show2 .text4 .tanchu {top: -35px; left: -50px;}
.weixin-ad .list .ad-show2 .text5 {top: 487px; left: 305px; cursor: pointer;}
.weixin-ad .list .ad-show2 .text5-angle {border-bottom: 8px solid #83ccff; border-left: 15px solid transparent; top: -8px; right: 15px;}
.weixin-ad .list .ad-show2 .text5:hover {color: #4eb6ff;}
.weixin-ad .list .ad-show2 .text5:hover > .tanchu {display: block;}
.weixin-ad .list .ad-show2 .text5 .tanchu {top: 30px; left: -240px}

/* *yzm*cr* */
/* 微信精准触达模块*/
.touch-up {padding-bottom: 80px;}
.touch-up h2 {font-size: 36px; color: #333;}
.touch-up .show-msg {margin-top: 50px; margin-bottom: 50px;}
.touch-up .show-msg li,
.touch-up .show-msg span {display: inline-block; vertical-align: middle; height: 100px; line-height: 100px; width: 100px;}
.touch-up .show-msg li {position: relative; border-radius: 50%; background: #fff; margin: 0 10px;}
.touch-up .show-msg span {color: #999; font-size: 30px;}
.touch-up .show-msg .hover-msg {opacity: 0.8; filter: alpha(opacity=80); position: absolute; text-align: center; display: none; height: 100px; line-height: 100px; width: 100px; color: #fff; border-radius: 50%; background: #77c7ff; top: 0; left: 0;}
.touch-up .show-msg li:hover > .hover-msg {display: block; cursor: pointer;}
.touch-up .analysis {margin-top: 40px;}
.touch-up .analysis .analysis-list {display: inline-block; vertical-align: top; text-align: left; background: #fff; width: 220px; height: 150px; padding: 0 80px; padding-top: 50px; margin: 0 6px; margin-bottom: 20px;}
.touch-up .analysis .analysis-list .title {font-size: 24px; color: #333;}
.touch-up .analysis .analysis-list .title > * {display: inline-block; vertical-align: middle;}
.touch-up .analysis .analysis-list p {color: #666666; font-size: 14px; padding-top: 15px;}

/* 微信数据追踪 */
.data-traching {padding-bottom: 100px;}
.data-traching .data-show1 {position: relative; margin: 0 auto; width: 600px; height: 500px; background: url('/front/public/images/index/static/data-traching1.jpg') no-repeat center center;}
.data-traching .data-show2 {position: relative; margin: 0 auto; width: 600px; height: 500px; background: url('/front/public/images/index/static/data-traching2.jpg') no-repeat center center;}
.data-traching .data-show3 {position: relative; margin: 0 auto; width: 600px; height: 500px; background: url('/front/public/images/index/static/data-traching3.jpg') no-repeat center center;}
.data-traching .data-tabs p {font-size: 18px; color: #333; padding-bottom: 50px;}
.data-traching .data-slider {position: relative; padding-top: 20px;}
.data-traching .data-slider .cir {overflow: hidden; position: absolute; top: 580px; left: 575px; z-index: 100;}
.data-traching .data-slider .cir li {float: left; width: 10px; height: 10px; text-align: center; color: #fff; font-weight: bold; border-radius: 50%; margin:0 5px; cursor: pointer; background: #999; opacity: 0.8; filter:alpha(opacity=80);}
.data-traching .data-slider .cir-on {background: #83ccff !important; opacity: 1; filter:alpha(opacity=100);}