@charset "utf-8";
/* 4eb6ff */

body {background:#f7f7f7;}

.headerIndex {height:1.6rem; font-size:.55rem;}
.headerIndex > .logo {float:left; height:100%; width:5rem; background:url(/front/public/images/logo-icon.png) center no-repeat; background-size:auto 70%;}

.userRegLoginContain.btns {position: fixed; bottom: 0; height:2rem; width: 100%;z-index: 99;}
.userRegLoginContain.btns > * {float:left; height:100%; line-height:2rem; margin-top:.2rem;font-size: .6rem;}
.userRegLoginContain.btns > .call {box-sizing: border-box; border-top: 1px solid #4eb6ff; height: 100%; width: 20%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MEVBQjJBNDVEQTAxMUU4OUQ0MTg5NTVCNERDRTIxNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MEVBQjJBNTVEQTAxMUU4OUQ0MTg5NTVCNERDRTIxNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjkwRUFCMkEyNURBMDExRTg5RDQxODk1NUI0RENFMjE3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjkwRUFCMkEzNURBMDExRTg5RDQxODk1NUI0RENFMjE3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zwTAAQAABj9JREFUeNq0mXtQF1UU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) center 40% no-repeat;background-size: auto 65%;background-color: #fff;}
.userRegLoginContain.btns > .logReg, .userRegLoginContain.btns > .usr { width: 80%;}
.userRegLoginContain.btns > * > * {float:left; width: 50%; text-align: center;}
.userRegLoginContain.btns > * > a {color:#fff;}
.userRegLoginContain.btns > * > a.blue {background:#4eb6ff;}
.userRegLoginContain.btns > * > a.red {background:#f66;}
.userRegLoginContain.btns .mobile {background:#4eb6ff;color:#fff;}


.navs {display:-moz-box; display:-webkit-box; display:box; background:#4eb6ff;}
.navs > * {-moz-box-flex:1.0; -webkit-box-flex:1.0; box-flex:1.0;}
.navs > * > a {display:block; border-bottom:2px #4eb6ff solid; color:#fff; height:1.55rem; line-height:1.6rem; font-size:.65rem; text-align:center;}
.navs > * > a.active {border-bottom:2px #fff solid;}


.bg-f7f7f7 {background: #f7f7f7;}
.bg-fff {background: #fff;}
.bg-4eb6ff {background: #4eb6ff;}
.bg-fb7f6f {background: #fb7f6f;}
.bg-f66 {background: #f66;}


/* slider module */
.myun-slider {position: relative;}
.myun-slider img {width: 100%; height: auto;}
/* 切换 组件 */
.focus {position:relative; overflow:hidden; padding-bottom:1rem;}
.focus .hd {z-index:10; position:absolute; width:100%; height:0.2rem; bottom:0.1rem; text-align:center;}
.focus .hd ul {display:inline-block; height:0.2rem; font-size:0; vertical-align:top;}
.focus .hd ul li {display:inline-block; width:0.3rem; height:0.3rem; border-radius:50%; background:#e4e4e4; margin:0 .2rem; vertical-align:top; overflow:hidden;}
.focus .hd ul .on{background:#4eb6ff;}
#wechatFocus {padding-bottom:0.6rem;}
#wechatFocus .hd {bottom:0.3rem;}
#friendFocus, #weiboFocus, #liveFocus {padding-bottom:0.4rem;}
#friendFocus .hd, #weiboFocus .hd, #liveFocus .hd {bottom:0.4rem;}
#sliderFocus {padding-bottom:0;}
#sliderFocus .hd {bottom:0.5rem;}

.res-list-nav ul.res-nav li a {
  box-sizing: border-box;
  padding: .2rem .8rem;
  width: 25%;
  display: block;
  float: left;
}
.res-list-nav ul.res-nav li a img {
  width: 100%;
}
.res-list-nav ul.res-nav li a p {
  margin: .4rem 0;
  text-align: center;
  font-size: .7rem;
}
.res-list-nav ul.res-nav li a p.title {
  color: #999;
}

/* 图表宽高 */
.ec-canvas {height: 4rem;}

/* icon module */
span[class$="-icon"], div[class$="-icon"], i[class$="-icon"] {position: absolute; top: 50%; display: block; background-size: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.verified-icon {right:-.7rem; width:.6rem; height:.6rem; background:url(/wap/commons/images/verified-icon.png) center no-repeat; background-size:100% 100%;}
.weibo-yellow-icon {right:-.7rem; width:.6rem; height:.6rem; background:url(/wap/commons/images/weibo-yellow-icon.png) center no-repeat; background-size:100% 100%;}
.live-douyu-icon {right:-.7rem; width:.6rem; height:.6rem; background:url(/wap/commons/images/live-douyu-icon.png) center no-repeat; background-size:100% 100%;}
.live-miaopai-icon {right:-.7rem; width:.6rem; height:.6rem; background:url(/wap/commons/images/live-miaopai-icon.png) center no-repeat; background-size:100% 100%;}
.live-huajiao-icon {right:-.7rem; width:.6rem; height:.6rem; background:url(/wap/commons/images/live-huajiao-icon.png) center no-repeat; background-size:100% 100%;}
.live-meipai-icon {right:-.7rem; width:.6rem; height:.6rem; background:url(/wap/commons/images/live-meipai-icon.png) center no-repeat; background-size:100% 100%;}
.live-taobao-icon {right:-.7rem; width:.6rem; height:.6rem; background:url(/wap/commons/images/live-taobao-icon.png) center no-repeat; background-size:100% 100%;}
.live-xiongmao-icon {right:-.7rem; width:.6rem; height:.6rem; background:url(/wap/commons/images/live-xiongmao-icon.png) center no-repeat; background-size:100% 100%;}
.live-yinke-icon {right:-.7rem; width:.6rem; height:.6rem; background:url(/wap/commons/images/live-yinke-icon.png) center no-repeat; background-size:100% 100%;}
.live-yizhibo-icon {right:-.7rem; width:.6rem; height:.6rem; background:url(/wap/commons/images/live-yizhibo-icon.png) center no-repeat; background-size:100% 100%;}

.douyin-icon {right:-.7rem; width:.6rem; height:.6rem; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplM2U2YTI3NS0yMTdiLTM4NGUtYTQzNC1kYTE0Y2Q4YjU2NGMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REZGMDcyREY1OEQxMTFFODhBQjBENkYwQUFEOUI1NkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REZGMDcyREU1OEQxMTFFODhBQjBENkYwQUFEOUI1NkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFjOWZiNmYzLTE3OTAtYjY0My04YjYyLTNkZTAyNWI5NTQyZSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDplM2U2YTI3NS0yMTdiLTM4NGUtYTQzNC1kYTE0Y2Q4YjU2NGMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7AZh3IAAADHElEQVR42jRTXWgUZxQ9d76Z2c3PbP4k2c1GaKWIATXEB1ub1odIoGChIIK1RPx58UkkCCo+GAgo+uKDj7alFsUH+6OItKngQ0QItt1KEx8sIkoao8a/uK672Z3ZuZ5vJAN35vu+ueeec++ckbZMFxS61lUZ8+CsE4gvAsBxIPUY+mYOMbdo6OQbn0dRWJN4OlZnjGmT0prpWuMqpnx1iGEQ7SjxcQzP9fBy9Uo855n/121kjUGdOXVSLkodLDLgGMWZJbDLoAqGwCuVMJ9OY9PEFfx84w/s7/8Yj94+gWNcZghSau/xt44Pp18smCxuHTDU68EkhRaoZO3bKrawg7Gjh5Hmc2ZhhmTMdVyb8xGXElrZRhmWWaggrMNHhEbui+WKnQBSXwzg1+s3kd+yFcVajaiQ+ag64KiMnZkYKlCkiw9RrMxjFmUscg4pzwWbTYoMDQ7g/19+wnAmh8flVywvsSWHkNWtVqDlOdzZthPLxn/D19+fw7qasA32RHzhmwMYP34aMv4PPm9qRyQmKYp8Jv96RfNy7WVaw8EjOqKqRYZWVU/kNuhXs/ftTi/0DlkZ+iU6dbBjpeYy3ZoLuhccW0RKT3G/bwCbTx7DKe6DH65iZuM2/Ckh2hqaEqJluSwycDGRAqYX36BJ7MTAE+oLUYMOfoYRmzkxhbN7tuMQSiimezCSbkgKxL6XfN6OVDoxVo2t0YDiKoVVedAe1bEicZyP8wTP23VHK8qp9wXcYplENBEBtMB7d1rD8WGMpPDs93HctYfrV2HvjxcR7BxG9tJ32G484L+nmC0UUDT8sNRtnahUENtSnUG21hP02KK6aXi3Ll0vGBW7KMcafbpL+9CkLc3d+mHLcu3J5LU7yGlH0FU1fqpxqxF0tbjN+LdwE3dvFNBf95F/UYF7/W/c3jeKHbcu41YQIE81Se+MkPyh4IG0BNlPjMSTac7TYWOzpTl02k7QRqkhJunIhUwrPnA8RDRWvARmDucxJK1B1s5iI3+MUR/S64lxS1GoryO6yDFod300SvIHWm6JEEcR5B5neYwNXnsnwAD60lHmT41aTwAAAABJRU5ErkJggg==) center no-repeat; background-size:100% 100%;}
.kuaishou-icon {right:-.7rem; width:.6rem; height:.6rem; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplM2U2YTI3NS0yMTdiLTM4NGUtYTQzNC1kYTE0Y2Q4YjU2NGMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REZGMDcyREI1OEQxMTFFODhBQjBENkYwQUFEOUI1NkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REZGMDcyREE1OEQxMTFFODhBQjBENkYwQUFEOUI1NkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFjOWZiNmYzLTE3OTAtYjY0My04YjYyLTNkZTAyNWI5NTQyZSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDplM2U2YTI3NS0yMTdiLTM4NGUtYTQzNC1kYTE0Y2Q4YjU2NGMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4zsO0OAAACoklEQVR42lSST0gUcRTHPzM76pqbuulqaatmpPYPypTMbAuDioqIMi1IOgQiHerSoTCoQxFEBVGHLglSgSIEQdhFEYwOdagMTK2kNVL8m2vpuuq605v9rZvO8JjfzJv3fd/3fV/jcim4kzh7KI/7uU5SDNAwgRDWCXSWXQtgeifxveqmbvAvj22lbqoulPDc7SRBN6UkKKFLJLs1rHtmVsMWhgqH4GmrHMRvdHHkjZdh290DtOWtwcGcgseZBaea4PAjKK6F2XH4+QEBVvnIZY9HS7NTZuzIIC1cbNHWY6DiKWR5oEtABj7CwXvgH4W0reAqgI6bMNQT5rPJRZJh2CLFFvrqXFU8/hWaz8CkJGxCurJZmExB5zM49gQaT8DUMLqA6Ka5VCJNPYIzEqZ6tc4Ws0/1UH8RpkekyS6lpqSNaK3FZKxPaL+DzJ2iwR0Y7ATPNZXfcFS690O6jDLaHd2OFrxOyKZFWkszXGvhZAPklMOc0A74hP4fWeu85EXQjtvwrTXcOhjCNJYtOb9MvoqiTZXgSIeiWkXfvhLiU9Q4qfnQ1xotMRbdQbokKhpFuF8Q64AvIlyCC7acVn/O+2GkS9a8XngL4Yh4ahLLdYmy/x/t8LAE2q7Cvhvg8wrdFgXwVjSZHhPQ1KjWYQBt6QimIFmeGOtR75urVNfFLpmFsK48sneFY4gQxFo8poYgo0jcsQfiYlTN99dQcFydC2tgQrbQ+1KNLFsLSa32voaR4mxciOXZVg3bz0GyzDkkLnxxHvL2y/wBYdWrRpoViha+RNcAk1qdh+ore2lwxAkjv0rgzFGGCfj/+1+PeEVT0gdkq7fauWTzZPO5f4KBxDh2J67AbjmXadn9wrwqWAxdFYtBTe8EvpZe6n7P8OCfAAMA6E/XLHb3z/4AAAAASUVORK5CYII=) center no-repeat; background-size:100% 100%;}

.eye-read-icon {left:-1rem; width:.8rem; height:.56rem; background:url(/wap/commons/images/eye-read-icon.png) center no-repeat; background-size:100% auto;}
.reg-user-icon {left:-1.2rem; width:.8rem; height:.8rem; background:url(/wap/commons/images/reg-user-icon.png) center no-repeat; background-size:100% auto;}
.tel-concat-icon {left:-1.2rem; width:.8rem; height:.72rem; background:url(/wap/commons/images/tel-concat-icon.png) center no-repeat; background-size:100% auto;}
.tel-live-icon {left:0.8rem; width:0.8rem; height:0.72rem; background:url(/wap/commons/images/tel-live-icon.png) center no-repeat;}

/* header module */
.myun-header {position:relative; height: 1.32rem; border-bottom: 0.02rem solid #dbdbdb;}
.myun-header .logo {position: absolute; left: 0.36rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.myun-header img {width: auto; height: 0.68rem;}
.myun-header .myun-btn {position: absolute; right: 0.36rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.myun-header a {position: relative; display: inline-block; padding: 0.12rem 0.24rem; color: #fff; border-radius: 0.2rem;}
.myun-header .btn:nth-child(1),
.myun-header a:nth-child(3) {margin-right: 0.28rem;}
.myun-header .btn:nth-child(2),
.myun-header a:nth-child(4) {margin-left: 0.28rem;}
.myun-header .btn:nth-child(1):before,
.myun-header a:nth-child(3):before {position: absolute; right: -0.28rem; top: 50%; width: 0; height: 80%; border-left: 1px solid #e1e1e1; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: "";}
.myun-header .btn:nth-child(1):active {background: #1488d9;}
.myun-header .btn:nth-child(2):active {background: #d9260e;}



/* nav module */
.myun-nav {position: relative; height: 1.08rem; line-height: 1.08rem;}
.myun-nav ul {display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around;}
.myun-nav li {position: relative;}
.myun-nav .active:before {position: absolute; left: -20%; bottom: 0; width: 140%; border-bottom: 0.04rem solid #fff; content: "";}


/* aside module */
.aside {position:fixed; right:0.4rem; bottom:2.4rem;}
/* .aside a {position:relative; display:block; width:2rem; height:2rem; background:#fff; border:1px solid #eee;} */
/* .aside img {position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} */
.aside .side-contact img {width:0.72rem; height:0.64rem;}
.aside .back-top img {width:0.52rem; height:0.32rem;}

/* 底部连接按钮 module */
.bottom-btn {position: relative; display: block; width: 5.6rem; height: 0.96rem; line-height: 0.96rem; margin: 0 auto; margin-bottom: 0.4rem; border-radius: 0.1rem; text-align: center;}
.bottom-btn:first-of-type {background: #ff6666;}
.bottom-btn:last-of-type {background: #3dc399;}


/* view module */
.myun-view {position:relative; min-height:5rem; margin-top:.24rem; padding:.6rem 0 .8rem 0;}

.myun-view > .blockTit {text-align:center; margin-bottom:.3rem;}
.myun-view > .blockTit > .big {font-size:.8rem; color:#333;}
.myun-view > .blockTit > .small {font-size:.6rem; color:#666;}


/* 首页图片导航 module */
.myun-view .nav-flex {display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around;}
.myun-view .nav-flex li {text-align: center;}
.myun-view .nav-flex img {width: 1.2rem; height: 1.2rem; margin: 0 auto;}
.myun-view .nav-flex p:first-of-type {margin: 0.24rem 0; color: #999;}
.myun-view .nav-flex p:last-of-type {color: #333;}
/* 软文资源 module */
.myun-view .article {width:98%; margin:0 auto;}
.myun-view .article > * {float:left; width:26%; margin:0 3.665%; margin-bottom:3.665%; height:3rem; outline:1px #eee solid; position:relative;}
.myun-view .article > * > img {position:absolute; width:90%; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

.article-page {}
.myun-view .article-deal .deal {float:left; width:41%; padding:1rem 0; margin-left:6%; margin-bottom:6%; font-size:.6rem; text-align:center; color:#fff; border-radius:.15rem;}
.myun-view .article-deal .deal:nth-child(1) {background: #ff8fce;}
.myun-view .article-deal .deal:nth-child(2) {background: #ffaa56;}
.myun-view .article-deal .deal:nth-child(3) {background: #ff7c7c;}
.myun-view .article-deal .deal:nth-child(4) {background: #77c4f9;}
.myun-view .article-deal .deal > *:first-child {height:1.3rem;}
.myun-view .article-deal .deal > *:last-child {height:1.1rem; line-height:1.1rem; font-size:.5rem; border:1px #fff solid; border-left:0; border-right:0; margin:0 15%;}


/* 其他(微信、微博、朋友圈、直播) module */
.myun-view .view {margin:0 .6rem;}
.myun-view .view .view-top {height:2rem; margin-bottom:.5rem;}
.myun-view .view .view-top > * {float:left; height:2rem;}
.myun-view .view .view-top > *:nth-of-type(1) {width:50%;}
.myun-view .view .view-top > *:nth-of-type(2) {width:20%;}
.myun-view .view .view-top > *:nth-of-type(3) {width:30%;}
.myun-view .view .view-top > *.tx > * {float:left;}
.myun-view .view .view-top > *.tx > *.top-avatar {width:2rem; height:2rem; border-radius:50%; overflow:hidden;}
.myun-view .view .view-top > *.tx > *.top-avatar > img {width:100%; height:100%;}
.myun-view .view .view-top > *.tx > *.txt {margin-left:.4rem;}
.myun-view .view .view-top > *.tx > *.txt > * {height:1rem; line-height:1rem; position:relative;}
.myun-view .view .view-top > *.tx > *.txt > *:nth-of-type(1) {font-size:.65rem; color:#333;}
.myun-view .view .view-top > *.tx > *.txt > *:nth-of-type(2) {font-size:.45rem; color:#999;}
.myun-view .view .view-top > *.fans > * {height:1rem; line-height:1rem; text-align:center;}
.myun-view .view .view-top > *.fans > *:nth-of-type(1) {color:#ff9023; font-size:.65rem;}
.myun-view .view .view-top > *.fans > *:nth-of-type(2) {color:#999999; font-size:.5rem;}
.myun-view .view .view-top > *.btn {position:relative;}
.myun-view .view .view-top > *.btn > * {position:absolute; width:70%; left:15%; height:1.1rem; line-height:1.1rem; top:50%; margin-top:-.55rem; font-size:.5rem; text-align:center; border:1px #4eb6ff solid; color:#4eb6ff; border-radius:.16rem;}
.myun-view .view .view-bottom > *:first-child {position:relative; margin-left:1rem; font-size:.55rem; color:#999999;}
.myun-view .view .view-bottom > *.show-canvas {width:14rem; height:7rem; margin:0 auto;}
.myun-view .view .view-bottom > *.show-canvas > canvas {width:100%; height:100%;}

.myun-view .res-view {margin:0 .6rem; padding-top:.5rem;}
.myun-view .res-view > *.item-temp {position:fixed; left:-9999px;}
.myun-view .res-view > * {float:left; width:33.333%;}
.myun-view .res-view > * > * {display:table; margin:0 auto; padding:.15rem 0;}
.myun-view .res-view > * > *.avatar {width:3.5rem; height:3.5rem; border-radius:50%; overflow:hidden; padding:0;}
.myun-view .res-view > * > *.avatar > img {width:100%; height:100%;}
.myun-view .res-view > * > *.resName {font-size:.6rem; color:#333;}
.myun-view .res-view > * > *.resName > * {position:relative;}
.myun-view .res-view > * > *.fans {font-size:.5rem; color:#999;}
.myun-view .res-view > * > *.fans > * {color:#ff9023;}
.myun-view .res-view > * > *.btn {height:.9rem; line-height:.9rem; padding:0 .5rem; font-size:.5rem; border:1px #4eb6ff solid; color:#4eb6ff; border-radius:.16rem;}

/* 首页案例 module */
.myun-view .case > a {float:left; width:46%; margin-left:3%; margin-bottom:3%; display:table; height:3rem; background:#fff;}
.myun-view .case > a > * {display:table-cell; vertical-align:middle; width:100%; height:100%;}
.myun-view .case > a > * > img {max-height:50%; max-width:70%; margin:0 auto;}



/* 下单流程 module */
.myun-view .order-process {display:table; width:90%; margin:0 auto; padding-bottom:1.5rem; text-align:center; font-size:.55rem;}
.myun-view .order-process > * {display:inline-block; width:33.333%; padding-top:.6rem;}
.myun-view .order-process > * > .icon-bg {width:2.5rem; height:2.5rem; position:relative; margin:0 auto; background:url(/front/public/images/wap/company/index/article/icon-op.png) left top no-repeat; background-size:100% auto;}
.myun-view .order-process > * > .icon-bg:before {position:absolute; top:.2rem; color:#4eb6ff; right:100%;}
.myun-view .order-process > *:nth-of-type(1) > .icon-bg {background-position:0 0;}
.myun-view .order-process > *:nth-of-type(2) > .icon-bg {background-position:0 -2.5rem;}
.myun-view .order-process > *:nth-of-type(3) > .icon-bg {background-position:0 -5rem;}
.myun-view .order-process > *:nth-of-type(4) > .icon-bg {background-position:0 -7.5rem;}
.myun-view .order-process > *:nth-of-type(5) > .icon-bg {background-position:0 -10rem;}
.myun-view .order-process > *:nth-of-type(1) > .icon-bg:before {content:"01";}
.myun-view .order-process > *:nth-of-type(2) > .icon-bg:before {content:"02";}
.myun-view .order-process > *:nth-of-type(3) > .icon-bg:before {content:"03";}
.myun-view .order-process > *:nth-of-type(4) > .icon-bg:before {content:"04"; margin-right:.2rem;}
.myun-view .order-process > *:nth-of-type(5) > .icon-bg:before {content:"05"; margin-right:.2rem;}

/* 直播套餐 module */
.myun-view .live-pack-info {padding-left: 1rem;}
.myun-view .live-package-price {position: relative; padding-left: 0.5rem;}
.myun-view .live-package-price:before {position: absolute; left: 0; top: 0; width: 0; height: 100%; border-left: 0.2rem solid #4eb6ff; content: "";}
.myun-view .live-package-price:after {position: absolute; left: 0.25rem; top: 0; width: 0; height: 100%; border-left: 0.05rem solid #4eb6ff; content: "";}
.myun-view .live-package-contact {margin-left: -1rem;}
.myun-view .live-package-contact a {position: relative; display: block; width: 7rem; padding: 0.3rem; margin: 0 auto; border-radius: 0.1rem;}


.myunBtn {display:block; width:60%; height:2rem; line-height:2rem; border-radius:.18rem; font-size:.65rem; color:#fff;}
.myunBtn > * {position:relative;}
.myunBtn:hover {color:#fff;}


/* footer module */
.myun-footer {background:#333; color:#fff; font-size:.55rem; text-align:center; padding-top:.5rem; padding-bottom: 2.5rem;}
.myun-footer > ul {display:-moz-box; display:-webkit-box; display:box; width:90%; margin:0 auto;}
.myun-footer > ul > li {-moz-box-flex:1.0; -webkit-box-flex:1.0; box-flex:1.0; height:1.5rem; line-height:1.5rem;}
.myun-footer > ul > li > a {color:#fff;}
.myun-footer > .copy {height:1.5rem; line-height:1.5rem;}


.live-package-type {position: absolute; right: 1.5rem; bottom: 2.5rem; width: 2rem; height: 2rem; border-radius: 50%; border: 0.05rem solid #ff4400;}
.live-pack-info .bd li:nth-child(2) .live-package-type {bottom: 1.2rem;}
.live-pack-info .bd li:nth-child(3) .live-package-type {bottom: 1.2rem;}
.live-pack-info .bd li:nth-child(4) .live-package-type {bottom: 3rem;}
.live-pack-info .hd {margin-left: -1rem;}
.live-package-type > div {position: absolute; left: 50%; top: 50%; width: 1.8rem; height: 1.8rem; background: #ff4400; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.live-package-type > div > div {position: absolute; left: 50%; top: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

/* 为点击元素添加点击手势 */
#pageNav li, #article div {cursor: pointer;}


/* 客户案例页面 */
.caseContent {width:100%;}
.caseContent .tit {height:2rem; line-height:2rem; text-align:center; font-size:.7rem;}
.caseContent > img {width:100%;}

/* 帮助中心页面 */
.helpTit {height:2rem; line-height:2rem; text-align:center; font-size:.9rem;}
.helpContent {border-top:1px #ddd solid; margin-bottom:1rem;}
.helpContent > label {display:block; width:100%; border-bottom:1px #ddd solid;}
.helpContent > label > .ask {position:relative; height:1.5rem; line-height:1.5rem; margin:0 .5rem; font-size:.6rem;}
.helpContent > label > .ask > i {position:absolute; width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; font-size:.6rem; font-style:normal; right:0;}
.helpContent > label > .ask > i {-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg);}
.helpContent > label > .answer {height:0; overflow:hidden; background:#eee; font-size:.55rem;}
.helpContent > label > .answer > img {width:100%;}
.helpContent > label > input[type="radio"]:checked ~ .ask {color:#4eb6ff;}
.helpContent > label > input[type="radio"]:checked ~ .answer {height:auto; padding:.5rem;}
.helpTime {height:2rem; font-size:.4rem; color:#666; text-align:center;}

/* 关于云自媒页面 */
.aboutTit {height:2rem; line-height:2rem; text-align:center; font-size:.9rem;}
.aboutContent {margin:0 .5rem; margin-bottom:1rem;}
.aboutContent .tit {text-align:center; font-size:.8rem; padding-bottom:.5rem;}
.aboutContent .con {font-size:.6rem;}
.aboutContent .con img {width:100%;}
.aboutContent .con.circle ul li {margin-left:.5rem; margin-bottom:.5rem;}
.aboutContent .con.contact ul li {float:left; min-height:1rem; line-height:1rem;}
.aboutContent .con.contact ul li:nth-of-type(1) {width:22%; text-align:right;}
.aboutContent .con.contact ul li:nth-of-type(2) {width:78%; white-space:normal; word-break:break-all;}



/*========== 效果分析 ==========*/
.myun-view .analysis {font-size:.6rem; margin:0 .5rem; color:#333;}
.myun-view .analysis ul li {display:block; height:4.5rem; position:relative;}
.myun-view .analysis ul li .table {display:table; height:100%; margin-left:4rem;}
.myun-view .analysis ul li .table .cell {display:table-cell; vertical-align:middle;}
.myun-view .analysis ul li .table .cell > *:nth-of-type(1) {padding:.3rem 0;}
.myun-view .analysis ul li .table .cell > *:nth-of-type(2) {font-size:.9em; color:#999;}
.myun-view .analysis ul li > i {position:absolute; width:3rem; height:3rem; top:50%; margin-top:-1.5rem; border-radius:50%; overflow:hidden;}
/*----- 微信效果分析 -----*/
.myun-view .analysis ul.wechat li > i {background:url(/front/public/images/wap/company/index/wechat/icon-fx.png) left top no-repeat; background-size:100% auto;}
.myun-view .analysis ul.wechat li:nth-of-type(1) > i {background-color:#fce5e8;}
.myun-view .analysis ul.wechat li:nth-of-type(2) > i {background-color:#efffe3;}
.myun-view .analysis ul.wechat li:nth-of-type(3) > i {background-color:#ccf0fe;}
.myun-view .analysis ul.wechat li:nth-of-type(4) > i {background-color:#fff0b0;}
.myun-view .analysis ul.wechat li:nth-of-type(5) > i {background-color:#fff0b0;}
/*----- 朋友圈效果分析 -----*/
.myun-view .analysis ul.friend li > i {background:url(/front/public/images/wap/company/index/friend/icon-sr.png) left top no-repeat; background-size:100% auto;}
/*----- 直播效果分析 -----*/
.myun-view .analysis ul.live li > .part {position:relative; font-size:.55rem;}
.myun-view .analysis ul.live li > .part .ps {margin-bottom:.5rem;}
.myun-view .analysis ul.live li > .part .ps .tit {font-size:1.1em; color:#4eb6ff;}
.myun-view .analysis ul.live li > .part .ps .con {color:#bbb;}
.myun-view .analysis ul.live li > .part .ps .tit.big {position:relative; height:2em; line-height:2em; padding-left:1.5em; font-size:1.15em;}
.myun-view .analysis ul.live li > .part .ps .tit.big > i {position:absolute; height:100%; top:0; background:#4eb6ff;}
.myun-view .analysis ul.live li > .part .ps .tit.big > i:nth-of-type(1) {left:0; width:.5em;}
.myun-view .analysis ul.live li > .part .ps .tit.big > i:nth-of-type(2) {left:.7em; width:.15em;}
.myun-view .analysis ul.live li > .part .ps > a {display:table; position:relative; margin:0 auto; height:3em; line-height:3em; padding:0 4em; background:#4eb6ff; color:#fff; border-radius:.4em;}
.myun-view .analysis ul.live li > .part .tc {position:absolute; width:5em; height:5em; right:1em; bottom:5em; border-radius:50%; background:#f33; color:#fff;}
.myun-view .analysis ul.live li > .part .tc > * {position:absolute; display:table; text-align:center; width:4.2em; height:4.2em; border:.15em #fff solid; left:.25em; top:.25em; border-radius:50%;}
.myun-view .analysis ul.live li > .part .tc > * > .cell {display:table-cell; vertical-align:middle;}

/*===== 分析公用样式 =====*/
.myun-view .analysis ul li:nth-of-type(1) > i {background-position:0 0;}
.myun-view .analysis ul li:nth-of-type(2) > i {background-position:0 -3rem;}
.myun-view .analysis ul li:nth-of-type(3) > i {background-position:0 -6rem;}
.myun-view .analysis ul li:nth-of-type(4) > i {background-position:0 -9rem;}
.myun-view .analysis ul li:nth-of-type(5) > i {background-position:0 -12rem;}