@charset "utf-8";
/*名片库*/
h1, h2, h3, h4, h5, h6, p, div, dl, dt, dd {margin: 0;padding: 0;}
input,button,select,textarea{outline:none;}
.clearfix:after{content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden;}
.clearfix{zoom: 1;}
.body-bg{background: linear-gradient(180deg, #e3e3e3 0%, #F3F4F8 100%);}
.body-bg .list-bosscard.mt30{background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.rel{position:relative}
.ui-form .list-bosscard div{line-height:initial}
.list-bosscard{margin: 10px;display: block;}
.list-bosscard.mt30{padding-top: 50px;margin-top:0;}
.list-bosscard.mt10{padding-top: 10px;margin-top:0;}
.list-bosscard_on{padding-top: 15px !important;}
.list-bosscard .typeid_0{width:100%}
.list-bosscard .card-li{background:#ffffff;padding:3%;padding-bottom: 30px;border-radius: 8px;box-shadow: 0px 2px 20px rgb(200 200 200 / 73%);width: 92%;margin-right: 15px;-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;margin-bottom: 10px;}
.list-bosscard .card-li.my-boss{background:#F3F4F8}
.list-bosscard .card-li .ceo-position-absolute{position: absolute;bottom: 0;left: 0;width: 100%;right: 0;}
.list-bosscard .card-li .ceo-position-absolute .bg-box{height: 6px;float: left;}
.list-bosscard .card-li .ceo-position-absolute .b-r-1{width: 30%;background: #000000;border-radius: 0 0 0 20px;}
.list-bosscard .card-li .ceo-position-absolute .b-r-2{width: 30%;background: #8D2D1C;}
.list-bosscard .card-li .ceo-position-absolute .b-r-3{width: 40%;background: #005AA9;border-radius: 0 0 5px 0;}
.list-bosscard .card-li .card-li-a{margin-bottom: 20px;color: #3A3E54;margin-top: 0;overflow: hidden;}
.list-bosscard .card-li .card-li-a h3{font-size:18px;font-weight:bold;height: 40px;line-height: 40px;padding: 0;margin: 0;}
.list-bosscard .card-li .card-li-a p{font-size:14px;font-weight:bold;height: 20px;line-height: 20px;padding: 0;margin: 0;}
.list-bosscard .card-li .card-li-b{color: #3A3E54;}
.list-bosscard .card-li .card-li-b .card-li-b-p{height: 23px;line-height: 23px;font-size: 14px;font-weight: 600;}
.list-bosscard .card-li .card-li-b .card-mobile{font-size:16px;}
.list-bosscard .card-li .card-li-b i{width: 14px;height: 14px;display:inline-block;margin-right:4px;margin-top: 4px;float:left;}
.list-bosscard .card-li .card-li-b .card-i1{background:url('card-mobile.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.list-bosscard .card-li .card-li-b .card-i2{background:url('card-email.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.list-bosscard .card-li .card-li-b .card-i3{background:url('card-address.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.list-bosscard .card-li .card-li-b .card-i4{background:url('card-home.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.list-bosscard .card-li .mp-bq{position:absolute;right:0;top: 15px;}
.list-bosscard .card-li .mp-bq img{width:40px;height:25px}
.list-bosscard .card-li .img-th{position:absolute;top: 25px;right: 20px;}
.list-bosscard .card-li .img-th img{border-radius: 5px;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.list-bosscard .card-li .img-th-qrcode{position:absolute;bottom: 21px;right: 19px;display: none;}
.list-bosscard .card-li .img-th-qrcode img{border-radius: 5px;}
.list-bosscard .card-li .gets{}
.list-bosscard .card-li .gets em,.list-bosscard .card-li .gets .gets-btn:hover,.list-bosscard .card-li a:hover .gets .gets-btn{position:absolute;top: 5px;right: 5px;width: 26px;height: 26px;display:inline-block;background:url('card-sc-on.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.list-bosscard .card-li .gets .gets-btn{position:absolute;top: 5px;right: 5px;width: 26px;height: 26px;display:inline-block;background:url('card-sc.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.list-bosscard .card-li .gets .gets-btn_sc{position:absolute;top: 5px;right: 5px;width: 26px;height: 26px;display:inline-block;background:url('card-sc-on.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.list-bosscard .card-li .gets em{position:absolute;top: 10px;right: 10px;width: 12px;height: 12px;display:inline-block;background:url('card-close.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;opacity: .4;filter: alpha(opacity=40);}
.list-bosscard .card-li .card-more{position: absolute;bottom: 0;right: 0;width: 20px;height: 20px;display:inline-block;background:url('card-more.png');background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.body-bg .list-bosscard.mt30 .card-li{margin-bottom:0}
/**/
.bosssop-li{background: #F3F4F8;box-shadow: 0px 4px 7px rgb(216 216 216 / 64%);border-radius:5px;padding: 10px 15px;}
.bosssop-li li{line-height:25px}
.bosssop-li li span{color:#777777}
/**/
.list-bosscard .card-li .getsbtn{position: absolute;top: -15px;right: 0px;width: 32px;height: 30px;}
.list-bosscard .card-li .getsbtn .check {position: absolute;top: 20px;width:32px;height:30px;background:url('icon-check.png') no-repeat center center;background-size:20px 20px;}
.list-bosscard .card-li .getsbtn .checked {position: absolute;top: 20px;width:32px;height:30px;background:url('icon-checked.png') no-repeat center center;background-size:20px 20px;}
.list-bosscard .card-li .getsbtn .sheet {position: absolute;top: 55px;width:32px;height:30px;background:url('icon-sheet.png') no-repeat center center;background-size:20px 20px;}
/*2*/
.typeid_1{width: 100%;}
.typeid_1 .card-li .img-th{left: 20px;}
.typeid_1 .card-li .card-li-a{margin-left:80px}
.typeid_1 .card-li .card-li-b{margin-left: 80px;}
.typeid_1 .card-li .img-th-qrcode{top: 100px;}
/*3*/
.typeid_2{width: 100%;}
.typeid_2 .card-li .img-th{left: 20px;top: 80px;}
.typeid_2 .card-li .img-th:after{content: "";background-color: #827f7f;left: 80px;width: 2px;height: 50px;top: 6px;position:absolute;}
.typeid_2 .card-li .card-li-a{margin-left: 100px;}
.typeid_2 .card-li .card-li-b{margin-left: 100px;}
.typeid_2 .card-li .img-th-qrcode{top: 20px;}
/*4*/
.typeid_3{width: 100%;}
.typeid_3 .card-li{}
.typeid_3 .card-li .img-th{}
.typeid_3 .card-li .card-li-a{margin-bottom: 0;width: 100%;}
.typeid_3 .card-li .card-li-a p:nth-child(3) {position: relative;top: 110px;width: 100%;}
.typeid_3 .card-li .card-li-b{margin-bottom: 0;width: 100%;overflow: hidden;}
.typeid_3 .card-li .card-li-b .card-mobile{width: 100%;z-index: 100;margin-bottom: 20px;}
.typeid_3 .card-li .card-li-b .card-mobile i{display:none}
/*5*/
.typeid_4{width: 100%;}
.typeid_4 .card-li .img-th{}
.typeid_4 .card-li .card-li-a{margin-bottom: 65px;}
.typeid_4 .card-li  #company1{}
.typeid_4 .card-li .card-li-a #company {}
.typeid_4 .card-li .card-li-b{overflow: hidden;position: absolute;bottom: 22px;width: 100%;}
.typeid_4 .card-li .card-li-i{content: "";background-color: #827f7f;left: 20px;width: 30px;height: 2px;bottom: 80px;position:absolute;}
.typeid_4 .card-li .card-li-b .card-li-b-p{width:50%;float:left;font-size: 15px;}
.typeid_4 .card-li .card-li-b .card-mobile{}
.typeid_4 .card-li .card-li-b .card-mobile i{}
.typeid_4 .card-li .card-li-b .card-li-b-p:last-child{width: 100%;}
.typeid_4 .card-li .img-th-qrcode{top: 92px;}
/*6*/
.typeid_5{width: 100%;}
.typeid_5 .card-li .img-th{position: static;text-align: center;}
.typeid_5 .card-li .img-th img{width:40px;height:40px;}
.typeid_5 .card-li .card-li-a{margin-left: 0;text-align: center;margin-bottom: 6px;}
.typeid_5 .card-li .card-li-a h3{height:30px;line-height:30px}
.typeid_5 .card-li .card-li-b{margin-left: 0px;text-align: center;}
.typeid_5 .card-li .card-li-b .card-li-b-p{height: 20px;line-height: 20px;font-size: 13px;}
.typeid_5 .card-li .card-li-b i{margin-top: 3px;float: initial;display: none;}
.typeid_5 .card-li .img-th-qrcode{left: 20px;top: 20px;}
/**/
.card-show-b2{background: #FFFFFF;padding: 20px;margin: 0 10px;box-shadow: 0px 0px 20px rgba(200,200,200,.5);border-radius: 7px;}
.card-show-b2-a { margin-top: 5px;}
.card-show-b2-a .btn-bc.card-dp{border-radius:5px;margin-right: 0;width: 45%;float: right;}
.card-show-b2-a .btn-bc.haobao_xh_poster_a{border-radius: 5px;margin-left: 0;width: 46%;margin-right: 0;}
.card-show-b2-b{margin-top: 25px;display: flex;}
.card-show-b2-b .img-th-qrcode{width: 50px;display: table-cell;text-align: center;font-size: 14px;margin-right: 15px;}
.card-show-b2-b .img-th-qrcode img{width: 50px;height: 50px;}
.card-show-b2-b .img-th-li{flex:1;display:table-cell;float:left;background: #F2F2F5;padding: 2% 0;border-radius: 10px;}
.card-show-b2-b .img-th-li li{width:25%;float:left;display: block;text-align:center;font-size: 14px;}
.card-show-b2-b .img-th-li li img{margin-bottom: 3px;width: 34px;height: 30px;margin-top: 2px;}
.card-show-b2-c{margin-top: 20px;margin: 0 13px;padding-top: 15px;}
.card-show-b2-c .ui-ico-info,.card-show-b2-c .ui-ico-hits{display:inline-block}
.card-show-b2-c .ui-ico-hits{padding-right: 0;}
/**/
.card-yl{position:absolute;right:10px;bottom:10px;border:1px solid #4CAF50;color:#4CAF50;padding:1px 3px;border-radius:3px;font-size:12px;line-height: 20px !important;}
/**/
.zt_0{}
.zt_0 .card-li{background: #FFF4F4;}
/**/
.card-show {display: none;}
.card-li-h2-a{position:absolute}
.card-li-h2-b{position:absolute}
.list-bosscard .card-li.card-li-bm{height:auto}
.card-li-bm h3{text-align:center;font-size:18px;font-weight:bold;height: 40px;line-height: 40px;padding: 0;margin: 0;}
.card-li-bm p{font-size:14px;font-weight:bold;height: 20px;line-height: 20px;text-align:center;padding: 0;margin: 0;}
.card-li-bm .card-content{padding-top:15px;}
/**/
.card-show-c{margin-bottom: 10px;margin-top: 10px;}
.card-show-c h2{margin: 0;height:40px;line-height:40px;margin-bottom:5px;margin-left: 15px;padding: 0;padding-top: 10px;font-size: 18px;}
.card-show-c h2 img{width:20px;margin-right:5px;vertical-align: top;margin-top: 10px;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.card-show-c .img-th-qrcode{background: #FFFFFF;padding: 20px 20px;padding-top: 10px;margin: 0 10px;border-radius: 7px;text-align: center;}
.card-show-c .img-th-qrcode img{height: 120px;width: 120px;}
.img-th-qrcode dl{overflow:hidden;display: flex;}
.img-th-qrcode dl dt{float:left;margin-right:15px}
.img-th-qrcode dl dd{float:left;margin-top: 15px;}
.img-th-qrcode dl dd p{font-size:14px;line-height: 20px;text-align:left;margin-top:10px;}
.img-th-qrcode dl dd p:first-child{}
.card-show-c h2 span{font-size:12px;font-weight:normal;margin-right:15px}
/**/
.card-show-b{}
.card-show-b h2{margin: 0;height:40px;line-height:40px;margin-bottom:5px;margin-left: 15px;padding: 0;padding-top: 10px;font-size: 18px;position: relative; margin-bottom:15px; font-weight:bolder}
.card-show-b h2 img{width:20px;margin-right:5px;vertical-align: top;margin-top: 11px;}
.card-show-b h2 span{font-size:14px;font-weight:normal;margin-right:15px}
.card-show-b ul{padding-bottom: 8px;}
.card-show-b .card-show-b-zhul{background: #ffffff;box-shadow: 0px 0px 2px rgba(200,200,200,.5);margin: 10px 10px;border-radius: 7px;}
.card-show-b .card-show-b-zhul li{line-height:33px;font-size:14px;padding: 5px 15px;padding-right: 10px;border-bottom:1px solid #f3f3f3}
.card-show-b .card-show-b-zhul li:last-child{border-bottom:0}
.card-show-b .card-show-b-zhul li a{display:block;position:relative}
.card-show-b .card-show-b-zhul li a .member-list-item-arr{margin-top: 7px;margin-right: 0;}
.card-show-b .card-show-b-zhul li span{width:80px;display: inline-block;color: #62667b;}
.card-show-b .content-a{font-size: 16px;font-weight: bold;box-sizing: border-box;}
.card-show-b .content-b{background: #FFFFFF;padding: 10px;padding-top: 10px;margin: 0 10px;border-radius: 5px;line-height: 180%;}
.keytags .content-b a{border-radius: 3px;margin-right:5px;border: 1px solid #D81E06;padding: 1px 8px;font-size: 13px;color: #D81E06;}

/**/
.mp-sell{}
.mp-sell .content-b{overflow-x: auto;overflow-y: hidden;}
.mp-sell .content-b{background:none;padding: 0;width: 100%;margin-left: 0;}
.mp-sell .content-sell{width: 88%;list-style-type: none;display: flex;align-items: center;padding: 4%;padding-top: 2%;}
.mp-sell .content-sell .ui-list-img {background:#FFFFFF;width:50%;padding:2%;margin-right:10px;flex:none;overflow:hidden;border-radius:5px;box-shadow:0px 1px 12px rgba(200,200,200,.5);}
.mp-sell .content-sell .ui-list-img div {margin:0;}
.mp-sell .content-sell .ui-list-img strong {margin:10px 0 0;height:20px;text-align:center;}
.mp-sell .content-b .content-sell{}
.mp-sell .content-sell.content-sell-3{}
.mp-sell .content-sell.content-sell-3 .ui-list-img{width:33%;}
.mp-sell .content-sell.content-sell-3 .ui-list-img-3 div a:first-child{padding-top: 75%;}
.mp-sell .content-sell.content-sell-3 .ui-list-img-3 div a.rel i{background: url(icon-play.png) no-repeat;background-size: cover;width: 20px;height: 20px;position: absolute;left: 5px;bottom: 5px;}
/**/
.btn-card-show-h{height: 70px;line-height: 70px;}
.btn-card-show{position:fixed;bottom: 0;left: 0;width: 100%;background: #ffffff;padding: 12px 0 15px;}
.btn-bc{z-index: 10;width: 43%;height: 40px;line-height: 40px;float: left;margin-left: 4%;font-size: 15px;}
.btn-bc.haobao_xh_poster_aa{margin-left: 0;width: 46%;}
.dtmb-leftside-h5{margin-left: 2%;}
.btn-bc.haobao_xh_poster_a,.btn-bc.haobao_xh_poster_aa{border: 1px solid #e51c23;color: #e51c23;text-align: center;border-radius: 5px;}
.btn-bc.card-dp{border-radius: 5px;background: #e51c23;border: 1px solid #e51c23;color: #ffffff;text-align: center;margin-left: 0;}
.haobao_xh_poster_box_img{}
.haobao_xh_poster_box_img .list-bosscard{margin-bottom: 20px;}
.haobao_xh_poster_okimg {margin-top: 30% !important;}
.haobao_xh_poster_okclose{top: 10% !important;}
/**/
.ui-form .radio-css input{display: none;border: 0;}
.ui-form .radio-css .tab-item{width: 30%;height: 35px;line-height: 35px;margin-bottom: 12px;position: relative;text-align: center;border: 1px solid #cacaca;cursor: pointer;z-index: 1;border-radius: 3px;font-size:13px;display: inline-block;}
.ui-form .radio-css input:checked+label{z-index: 2; border-color: #ff6600; background: url(okon.png) no-repeat right bottom;}
.ui-form .tipss{line-height: 18px;background: #f1f1f1; padding: 5px;font-size: 12px;border-radius: 3px;}
/**/
.foot-bar.foot-bar-bs li{width:25%;}
.foot-bar.foot-bar-bs .icon-home {background:url('mp-i1.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar.foot-bar-bs .icon-home-on {background:url('mp-i1-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar.foot-bar-bs .icon-channel {background:url('mp-i2.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar.foot-bar-bs .icon-channel-on {background:url('mp-i2-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar.foot-bar-bs .icon-my {background:url('mp-i4.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar.foot-bar-bs .icon-my-on {background:url('mp-i4-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar.foot-bar-bs .icon-more {background:url('mp-i3.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar.foot-bar-bs .icon-more-on {background:url('mp-i3-on.png') no-repeat center 5px;background-size:24px 24px;}
/**/
.gird-6 {text-align:center;padding: 10px 10px;overflow:hidden;}
.gird-6 img {margin:0 0 6px 0;}
.gird-6 span {display:block;font-size:12px;line-height:12px;}
.gird-6 li {width: 16.6666%;height: 100px;float:left;}
.gird-6 li.views-img{}
.gird-6 li.views-img img{border-radius:50%}
/**/
.list-view{}
.list-view .list-img strong{font-weight:bold}
/**/
.xhui-cour-img {width:100%;position:relative;height:auto;}
.xhui-cour-img img {width:100%;height:auto;display:block;border:none;}
.xhui-cour-body {width:100%;height:auto;padding: 0.01rem 0;background-image:-webkit-gradient(linear,left top,bottom top,from(#fef1cf),to(#fede8b));background-image:-webkit-linear-gradient(left,#fef1cf,#fede8b);background-image:-moz-linear-gradient(left,#fef1cf,#fede8b);background-image:linear-gradient(to bottom,#fef1cf,#fede8b);background-color:#fede8b;}
.xhui-invite-button {;}
.xhui-invite-button button {background-image:-webkit-gradient(linear,left top,bottom top,from(#fb2d4e),to(#cd1531));background-image:-webkit-linear-gradient(left,#fb2d4e,#cd1531);background-image:-moz-linear-gradient(left,#fb2d4e,#cd1531);background-image:linear-gradient(to bottom,#fb2d4e,#cd1531);background-color:#fede8b;border:none;color:#fff5d5;border-radius:50px;padding: 0.18rem 0.8rem;display:block;margin:0 auto;box-shadow:0 3px 9px #fceac4;width:55%;box-sizing: border-box;}
.xhui-invite-button h2 {font-size: 0.24rem;text-align:center;font-weight:normal;color:#aa472a;margin-top: 0.2rem;margin-bottom: .4rem;}
.xhui-invite-button h2 em {font-style:normal;color:#aa472a;}
.xhui-cour-text {width:90%;background:#fff;border-radius:5px;font-size: 0.24rem;color:#69686d;margin:0 auto;margin-bottom:20px;padding:15px;padding-top:10px;box-sizing:border-box;}
.xhui-cour-text p {margin-bottom: 0.1rem;color:#7d7d7d;}
.xhui-cour-text h2 {margin-top: 0.2rem;margin-bottom: 0.15rem;color:#313038;font-size: 0.3rem;}
.xhui-cour-text h2:nth-of-type(2),.xhui-cour-text h2:nth-of-type(3) {margin-top:15px;}
.codesa_bg{background:rgb(0 0 0 / 61%);position:fixed;top:0;left:0;bottom:0;width:100%}
.codesa {width:90%;background:#fff;border-radius:5px;font-size: 0.24rem;margin:0 auto;padding:15px;box-sizing:border-box;margin-bottom:15px;position: fixed;top: 70px;left: 5%;border-top: #673AB7 8px solid;}
.codesa h2 {font-size: 16px;margin-bottom:15px;text-align: center;}
.codesa dl {text-align:center;color:#69686d;margin-bottom:25px;}
.codesa .goto_1 {margin-top:20px;}
.codesa .goto-i {width:30%;margin-right:5%;}
.codesa .goto-i:last-child {margin-right:0;}
.codesa-b {}
.codesa-b p {line-height: 45px;border-bottom: #ededed 1px solid;}
.codesa-b p span.fr{background: #FF5722;color:#ffffff;width: 43px;height: 24px;line-height: 24px;text-align:center;margin-top: 10px;border-radius: 3px;font-size: 12px;}
.xhui-cour-jl {margin:auto;text-align:center;width:100%;margin-bottom:25px;}
.xhui-cour-jl .b {display:inline-block;width:40%;background:#FF5722;height:40px;line-height:40px;border-radius:20px;margin:0 2%;font-size:14px;}
.xhui-cour-jl .b:first-child {background:#E91E63;}
.xhui-cour-jl a.b {color:#ffffff;}
.xhui-close{text-align:center;margin-top:30px;margin-bottom:12px}
.xhui-close i{background: #4c4c4c;width:35px;height:35px;line-height: 33px;display:inline-block;border-radius:50px;}
.xhui-close i img{vertical-align: middle;}
.list-bosscard .typeid_0 .card-li{background: url(typeid_0.png) no-repeat;background-size: 100% 100%;}
.list-bosscard .typeid_1 .card-li{background: url(typeid_1.png) no-repeat;background-size: 100% 100%;}
.list-bosscard .typeid_2 .card-li{background: url(typeid_2.png) no-repeat;background-size: 100% 100%;}
.list-bosscard .typeid_3 .card-li{background: url(typeid_3.png) no-repeat;background-size: 100% 100%;}
.list-bosscard .typeid_4 .card-li{background: url(typeid_4.png) no-repeat;background-size: 100% 100%;}
.list-bosscard .typeid_5 .card-li{background: url(typeid_5.png) no-repeat;background-size: 100% 100%;}
.list-bosscard .typeid_6 .card-li{background: url(typeid_6.png) no-repeat;background-size: 100% 100%;}
.list-bosscard .typeid_7 .card-li{background: url(typeid_7.png) no-repeat;background-size: 100% 100%;}
.list-bosscard .typeid_8 .card-li{background: url(typeid_8.png) no-repeat;background-size: 100% 100%;}
.list-bosscard .typeid_9 .card-li{background: url(typeid_9.png) no-repeat;background-size: 100% 100%;}
.toolnew{padding: 15px 0 0;border-top: #F6F6F6 1px solid;margin-top: 20px;}
.toolnew {padding:15px 0;text-align:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;}
.toolnew div {flex:1;font-style:normal;font-size:12px;color:#666666;height:20px;line-height:20px;padding:30px 0 0 0;}
.toolnew b {font-weight:normal;}
.toolnew .favorite {background:url('tool-favorite.png') no-repeat center 0;background-size:24px 24px;}
.toolnew .like{background:url('tool-like.png') no-repeat center 0;background-size:24px 24px;color:#ff6600}
.toolnew .ihits {background:url('icon-hits.png') no-repeat center 0;background-size:24px 24px;}
.toolnew .share {background:url('icon-share.png') no-repeat center 0;background-size:24px 24px;}

/*底部菜单*/

.foot-bar-fix {height:2.65rem;clear:both;}
.foot-bar {width:100%;height:2.65rem;overflow:hidden;background-color: rgba(255,255,255,0.96);position:fixed;z-index:9;left:0;bottom:0;-webkit-user-select:none;box-shadow:0 0 0.5rem 0 rgba(155,143,143,0.3);-webkit-box-shadow:0 0 0.5rem 0 rgba(155,143,143,0.3);-moz-box-shadow:0 0 0.5rem 0 rgba(155,143,143,0.3)}

.foot-bar li {width:20%;height:2.4rem;float:left;text-align:center;font-size:11px;}
.foot-bar span {display:block;padding-top:1.4rem;}
.foot-bar em {font-style:normal;font-size:0.5rem;position:relative;z-index:10;display:block;width:5px;height:5px;left:50%;margin:-3.25rem 0 0 8px;background:#FF0000;border:1px solid #F43531;border-radius:5px;}
.foot-bar .icon-home {background:url('../image/icon-home.png') no-repeat center 5px;background-size:1.2rem 1.2rem;}
.foot-bar .icon-home-on {background:url('../image/icon-home-on.png') no-repeat center 5px;background-size:1.2rem 1.2rem;}
.foot-bar .icon-channel {background:url('../image/icon-channel.png') no-repeat center 5px;background-size:1.2rem 1.2rem;}
.foot-bar .icon-channel-on {background:url('../image/icon-channel-on.png') no-repeat center 5px;background-size:1.2rem 1.2rem;}
.foot-bar .icon-my {background:url('../image/icon-my.png') no-repeat center 5px;background-size:1.2rem 1.2rem;}
.foot-bar .icon-my-on {background:url('../image/icon-my-on.png') no-repeat center 5px;background-size:1.2rem 1.2rem;}
.foot-bar .icon-more {background:url('../image/icon-more.png') no-repeat center 5px;background-size:1.2rem 1.2rem;}
.foot-bar .icon-more-on {background:url('../image/icon-more-on.png') no-repeat center 5px;background-size:1.2rem 1.2rem;}
.foot-bar .icon-home span,.foot-bar .icon-channel span,.foot-bar .icon-my span,.foot-bar .icon-more span {color:#7A7E83;}
.foot-bar .icon-home-on span,.foot-bar .icon-channel-on span,.foot-bar .icon-my-on span,.foot-bar .icon-more-on span {color:#e51c23;}
.foot-bar .aui-iconfont { font-size: 1.1rem; color: #8f8f94; padding-top: 0.4rem; height: 1.25rem; line-height: 1.25rem; display: inline-block;}
.foot-bar p { position:relative; bottom:0.7rem; color:#8f8f94}
.foot-bar .active p,.foot-bar .active .aui-iconfont {color: #52ace5;}
.foot-comment {text-align:right;margin:0.5rem 0.5rem 0 0;line-height:1.4rem;font-size:0.8rem;}
.foot-comment div {position:absolute;z-index:10;left:0.5rem;right:60px;text-align:center;background:#FFFFFF;color:#999999;font-size:0.7rem;}
.dt-chat{background:#5090ff;background:-moz-linear-gradient(-45deg,#5090ff 0,#36bbff 70%,#36bbff 100%);background:-webkit-linear-gradient(-45deg,#5090ff 0,#36bbff 70%,#36bbff 100%);background:linear-gradient(135deg,#5090ff 0,#36bbff 70%,#36bbff 100%);width:2.25rem;height:2.25rem;border-radius:50%;-webkit-border-radius:50%;line-height:2.5rem;margin:0 auto 0 auto;text-align:center; margin-top:0.2rem;}
.dt-chat .aui-icon-add{ color:#fff; font-size:1.85rem !important; top:0.15rem;}