*{margin:0px;padding:0;box-sizing:border-box;outline:none;}
body,html{width:100%;height:100%;}
#app{height:100%;}
body{font-size:14px;color:#3d3d4c;line-height:1.5;font-family:"STHeiti";background:#f1f3f7;word-break:break-all;}
.clearfloat{clear:both;}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
ul,ol li,p{list-style:none;margin:0;}
i{font-style:normal}
a{text-decoration:none;outline:none;}
a:hover{text-decoration:none;}
a:focus{text-decoration:none;}
.ac{text-align:center !important;}
.al{text-align:left !important;}
.ar{text-align:right !important;}
.fl{float:left !important;}
.fr{float:right !important;}
.fwb{font-weight:bold;}
.fwl{font-weight:lighter;}
.db{display:block;}
.dib{display:inline-block;}
.ovhidden{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.ovhidden2,.ovhidden3,.ovhidden5{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */}
.ovhidden3{-webkit-line-clamp:3;}
.ovhidden5{-webkit-line-clamp:5;}
.hidden{overflow:hidden;}
.hide{display: none}
.por{position:relative;}

.minH440{min-height:440px;}

/*标题文字*/
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
.fs40{font-size:40px;}
.fs16{font-size:16px;}
.fs12{font-size:12px;}
.fs18{font-size:18px;}
.fs24{font-size:24px;}
.fs28{font-size:28px;}
.color-red{color:#ed233d;}
.color-blue{color:#0095eb;}
.color-orange{color:#f46039;}
.color-yellow{color:#ff8121;}
.color-3d3d4c{color:#3d3d4c;}
.color-8a8a99{color:#8a8a99;}
.color-666{color:#666;}
.color-white{color: #fff}
.bg-white{background:#fff;}

/* margin */
.mt-5{margin-top:-5px !important;}
.mt-8{margin-top:-8px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mb10{margin-bottom:10px !important;}
.mb30{margin-bottom:30px !important;}
.mt50{margin-top:50px !important;}
.mt110{margin-top:110px !important;}
.ml0{margin-left:0px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.mr20{margin-right:20px !important;}
.mr24{margin-right:24px !important;}
.mb60{margin-bottom:60px !important;}
.pt30{padding-top:50px !important;}
.pl30{padding-left: 30px!important}
.pb0{padding-bottom:0 !important;}

/*placeholder*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#8a8a99 !important;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#8a8a99 !important;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#8a8a99 !important;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#8a8a99 !important;}

/* 弹框内容最大高度 */
.modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;}
.modal-bg{width:100%;height:100%;background:rgba(0,0,0,.5);}
.modal-content{position:absolute;background:#fff;border-radius:4px;}
.modal-header{height:45px;padding:0 16px;line-height:44px;border-bottom:1px solid #ddd;}
.modal-header .close{width:20px;height:20px;margin:11px 0;}
.modal-header .close img{margin:4px;}
.modal-warp{padding:24px;}
.modal-footer{padding:8px 0 24px;}
.modal-footer .btn{width:92px;margin:0 8px;}
.modal-h420{max-height:420px;overflow-y:auto;}

/*表单*/
.input-text{width:100%;height:34px;padding:0 15px;border:1px solid #ddd;color:#292933;}
.input-tips{color:#8a8a99;}
.input-textarea{width:100%;min-height:100px;padding:10px 12px;line-height:1.5;border:1px solid #ddd;color:#292933;border-radius:1px;font-family: "STHeiti"}
.input-textarea:hover,.input-textarea:focus{border: solid 1px #0097e2;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)}

/*btn*/
button{background:0;border:0;font-size:14px;}
.btn{padding:0 12px;height:32px;border-radius:2px;cursor: pointer;}
.btn:active{opacity:.8;}
.btns{padding:0;}
.btn .icons{margin-right:5px;margin-top:1.5px;}
.btn-error{background:#e52e45;color:#fff;}
.btn-jbblue{background:linear-gradient(to right,#0095eb,#00c2eb);color:#fff;}
.btn-jborange{background:linear-gradient(to right,#f39a1b,#f06b09);color:#fff;}
.btn-jbcoffee{background:linear-gradient(to right,#9a8460,#c4ae8b);color:#fff;}
.btn-lightblue{background:rgba(0,149,235,.1);color:#0095eb;}
.btn-border{color:#008ee0;border:1px solid #008ee0;}
.btn-blue{background:#0095eb;color:#fff;}
.btn-border-blue{border:1px solid #0095eb;color:#0095eb;}
.btn-none{border:1px solid #ddd;}
.btn.disabled{opacity:.65;pointer-events: none;cursor: not-allowed;}
.btn-default{border:1px solid #ddd;}

/*icons*/
.icons{display:inline-block;background:url(../../images/home/icons.png) no-repeat;vertical-align:top;}
.icons.disabled{opacity:.5;pointer-events: none;}
.add-icon{width:14px;height:14px;background-position:0 0;}
.del-sm-icon{width:14px;height:14px;background-position:0 -15px;}
.del-compet-icon{width:14px;height:14px;background-position:0 -215px;}
.right-icon{width:14px;height:14px;background-position:0 -45px;}
.forward-icon{width:14px;height:14px;background-position:0 -60px;}
.comment-icon{width:14px;height:14px;background-position:0 -75px;}
.zan-icon{width:14px;height:14px;background-position:0 -90px;}
.read-icon{width:14px;height:14px;background-position:0 -105px;}
.edit-icon1{width:14px;height:14px;background-position:0 -120px;}
.hot-icon{width:14px;height:18px;background-position:0 -181px;}
.add-icon1{width:16px;height:16px;background-position:-85px 0;}
.fa-icon{width:18px;height:18px;background-position:-34px 0;}
.all-icon{width:18px;height:18px;background-position:-15px -114px;}
.xx-icon{width:14px;height:18px;background-position:-53px 0;}
.checkbox-icon{width:16px;height:16px;background-position:-85px -34px;}
.radio-icon{width:16px;height:16px;background-position:-85px -68px;}
.wx-icon{width:14px;height:12px;background-position:-102px 0;}
.wx-an-icon{width:14px;height:12px;background-position:-102px -13px;}
.wy-an-icon{width:14px;height:12px;background-position:-102px -26px;}
.wb-an-icon{width:14px;height:12px;background-position:-102px -39px;}
.sp-an-icon{width:14px;height:12px;background-position:-102px -52px;}
.web-icon1{width:14px;height:12px;background-position:-102px -78px;}
.wb-icon1{width:14px;height:12px;background-position:-102px -91px;}
.dy-icon1{width:14px;height:12px;background-position:-102px -104px;}
.ks-icon1{width:14px;height:12px;background-position:-102px -117px;}
.app-icon1{width:14px;height:12px;background-position:-102px -130px;}
.wd-icon1{width:14px;height:12px;background-position:-102px -143px;}
.bbs-icon1{width:14px;height:12px;background-position:-102px -156px;}
.bk-icon1{width:14px;height:12px;background-position:-102px -169px;}
.tt-icon1{width:21px;height:12px;background-position:-102px -182px;}
.qq-icon1{width:14px;height:12px;background-position:-102px -195px;}
.bj-icon1{width:14px;height:13px;background-position:-102px -208px;}
.sh-icon1{width:18px;height:12px;background-position:-102px -221px;}
.wy-icon1{width:14px;height:13px;background-position:-102px -234px;}
.people-icon1{width:14px;height:12px;background-position:-102px -247px;}
.phone-an-icon{width:14px;height:12px;background-position:-102px -65px;}
.collect-icon{width:20px;height:19px;background-position:-117px 0;}
.switch-icon{width:36px;height:22px;background-position:-138px -23px;}
.set-icon{width:32px;height:32px;background-position:-138px -46px;}
.eye-icon{width:22px;height:22px;background-position:-175px 0;}
.word-icon{width:22px;height:22px;background-position:-175px -23px;}
.pdf-icon{width:22px;height:22px;background-position:-175px -46px;}
.refresh-icon{width:22px;height:22px;background-position:-175px -69px;}
.del-icon{width:22px;height:22px;background-position:-175px -92px;}
.send-icon{width:23px;height:22px;background-position:-175px -162px;}
.edit-icon{width:22px;height:22px;background-position:-175px -115px;}
.download-icon{width:22px;height:22px;background-position:-175px -138px;}
.text-icon{width:18px;height:18px;background-position:-198px 0;}
.data1-icon{width:18px;height:18px;background-position:-198px -19px;}
.table-icon{width:18px;height:18px;background-position:-198px -38px;}
.ring-icon{width:18px;height:18px;background-position:-198px -57px;}
/* .people-icon{width:18px;height:18px;background-position:-198px -76px;} */
.menu-icon{width:18px;height:18px;background-position:-198px -95px;}
.data2-icon{width:18px;height:18px;background-position:-198px -114px;}
.yun-icon{width:18px;height:18px;background-position:-198px -133px;}
.map-icon{width:18px;height:18px;background-position:-198px -152px;}
.search-icon{width:18px;height:18px;background-position:-198px -171px;}
.rank-icon1{width:18px;height:22px;background-position:-217px 0;}
.rank-icon2{width:18px;height:22px;background-position:-217px -22px;}
.rank-icon3{width:18px;height:22px;background-position:-217px -44px;}
.rank-icon4{width:18px;height:22px;background-position:-217px -66px;}
.rank-icon5{width:18px;height:22px;background-position:-217px -88px;}
.user-icon{width:18px;height:22px;background-position:-217px -111px;}
.lock-icon{width:18px;height:22px;background-position:-217px -134px;}
.vip-icon{width:46px;height:32px;background-position:-236px 0;}
.dx-icon{width:46px;height:32px;background-position:-236px -33px;}
.download-big-icon{width:46px;height:32px;background-position:-236px -66px;}
.web-icon{width:48px;height:48px;background-position:-283px 0;}
.wx-big-icon{width:48px;height:48px;background-position:-283px -49px;}
.wb-big-icon{width:48px;height:48px;background-position:-283px -98px;}
.wd-big-icon{width:48px;height:48px;background-position:-283px -147px;}
.app-big-icon{width:48px;height:48px;background-position:-283px -196px;}
.tt-big-icon{width:48px;height:48px;background-position:-283px -245px;}
.journal-icon{width:48px;height:48px;background-position:-283px -294px;}
.toutiao-icon{width:48px;height:48px;background-position:-283px -343px;}
.qq-icon{width:48px;height:48px;background-position:-393px 0;}
.baijia-icon{width:48px;height:48px;background-position:-393px -49px;}
.wangyi-icon{width:48px;height:48px;background-position:-393px -98px;}
.sohu-icon{width:48px;height:48px;background-position:-393px -147px;}
.people-icon{width:48px;height:48px;background-position:-393px -196px;}
.kuaishou-icon{width:48px;height:48px;background-position:-393px -245px;}
.douyin-icon{width:48px;height:48px;background-position:-393px -294px;}
.comments-icon{width:48px;height:48px;background-position:-393px -343px;}
.product-icon11{width:60px;height:60px;background-position:-332px 0;}
.product-icon15{width:60px;height:60px;background-position:-332px -60px;}
.product-icon17{width:60px;height:60px;background-position:-332px -120px;}
.product-icon18{width:60px;height:60px;background-position:-332px -180px;}
.icons-question-circle{width:13px;height:13px;background-position:0 -200px;}
.front-icon{width:24px;height:24px;background-position:-442px 0;}
.negative-icon{width:24px;height:24px;background-position:-442px -25px;}
.neutral-icon{width:24px;height:24px;background-position:-442px -50px;}
.kf-phone{width:24px;height:24px;background-position:-442px -75px;}
.kf-qq{width:24px;height:24px;background-position:-442px -125px;}
.kf-wx{width:24px;height:24px;background-position:-442px -175px;}
.foot-phone{width:20px;height:19px;background-position:-117px -40px;}
.foot-wx{width:20px;height:19px;background-position:-117px -60px;}
.foot-email{width:20px;height:19px;background-position:-117px -80px;}
.foot-qq{width:20px;height:19px;background-position:-117px -100px;}
.arrow-top{width:12px;height:8px;background-position:-71px -12px}
.arrow-bottom{width:12px;height:8px;background-position:-71px -20px}

/*checkbox-warp*/
.checkbox-box{line-height:32px;}
.checkbox-box .checkbox-warp{margin:8px 5px 0 0;}
.checkbox-warp{position:relative;width:16px;height:16px;display:block;overflow:hidden;}
.checkbox-warp .checkbox{position:absolute;top:0;left:0;width:16px;height:16px;opacity:0;}
.checkbox-warp.curr .checkbox-icon{background-position:-85px -17px;}
.checkbox-warp.curr .checkbox:disabled + .checkbox-icon{background-position:-85px -51px;}
.checkbox-warp .radio{position:absolute;top:0;left:0;width:16px;height:16px;opacity:0;}
.checkbox-warp.curr .radio-icon{background-position:-85px -85px;}

.tag{height:20px;padding:0 3px;line-height:20px;font-size:12px;}
.tag-blue{color:#0095eb;border:1px solid #0095eb;}
.tag-orange{color:#ff8121;border:1px solid #ff8121;}
.tag-red{color:#e52e45;border:1px solid #e52e45;}

.sign{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;border-radius:2px;color:#fff;}
.signs{display:inline-block;padding:0 8px;height:28px;line-height:28px;text-align:center;border-radius:2px;color:#fff;}
.sign-blue{background:#0095eb;}
.sign-lightblue{background:rgba(0,149,235,.1);color:#0095eb;}
.sign-orange{background:#ff8121;}
.sign-red{background:#e52e45;}
.sign-green{background:rgba(112, 182, 3, 1);}

.drop-down{display:inline-block;position:relative;}
.drop-down .btn{position:relative;padding:0 16px;height:32px;}
.drop-down .btn .icons{width:12px;height:8px;margin:6px 0 0 5px;background:url(../../images/home/icons.png) no-repeat -71px -12px;}
.drop-down.open .option{display:block;}
.drop-down .option{display:none;width:100%;min-width:120px;position:absolute;top:35px;left:0;background:#fff;border:1px solid #e6e8eb;z-index:9;box-shadow:0 1px 6px rgba(99, 99, 99, 0.2);}
.drop-down .option li{line-height:30px;padding:0 16px;cursor:pointer;}
.drop-down .option li.disabled{color:#eee;}
.drop-down .option li.disabled:hover{color:#eee;background:0;cursor:no-drop}
.drop-down .option li:hover{color:#0095eb;background:#e5f2fc;}
.drop-down .option.pl{left:initial;right:0;}
.drop-down.mores .option{width:374px;padding:10px;}
.drop-down.mores .option li{width:88px;float:left;text-align:center;}
.drop-down .option.sm{padding:5px;width:216px;font-size: 12px}
.drop-down .option.sm li{width:34px;padding:0 5px;line-height:22px}

/* alertText */
.alertText{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);line-height:32px;z-index:999;}
.alertText .in{padding:0 10px;background:rgba(0,0,0,.7);color:#fff;border-radius:4px;animation:fadeInDown .2s linear;}

/* 黑白 */
.gray{filter:grayscale(100%);filter:gray;}
.cp{cursor:pointer;}


/*滚动条*/
::-webkit-scrollbar { /*滚动条整体样式*/
    width: 6px !important;; /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px !important;;
    /* background: #ffffff !important; */
    cursor: pointer !important;

}
::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;
    background: rgba(63, 98, 131, 1) !important;
    cursor: pointer !important;
}
::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;
    border-radius: 0 !important;;
    background: rgba(240, 240, 240, 0) !important;
    cursor: pointer !important;
}