@charset "utf-8";
body,div,li,ul,ol,dl,dd,dt,span,b,strong,p,h1,h2,h3,h4,h5,input{margin:0;padding:0;}
ul,li,dl,dt,dd,ol{list-style:none;list-style-type:none;}
a img,a,a:hover,a:active,a:visited{text-decoration:none; outline:none;}
body{font-size:14px;}
input,body{ font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;}
.page{background-color: #fff;box-sizing: border-box;padding: 30px;}
.layui-table, .layui-table-view{margin: 0!important;border: 0!important;}
.layui-table thead tr{background-color: #f3f3f3!important;}
.layui-table-tool-temp{padding-right: 0px !important;}
.layui-table-box{}
.layui-laypage{float: right;}
.layui-laypage span{background: none!important;}

.layui-layer{border-radius: 8px!important;}
.layui-layer-page{/*min-width: 554px;min-height: 493px;*/border-radius: 8px;}
.layui-layer-title{background-color: #fff!important;border-radius: 8px 8px 0 0!important;height: 60px!important;line-height: 60px!important;padding: 0 20px!important;}
.layui-layer-title>span{font-size: 18px;font-weight: bold;color: #222;padding-left: 10px;}
.layui-layer-setwin{top:22px}
.layui-layer-btn{padding: 0 40px!important;}
.layui-layer-btn .layui-layer-btn0{width: 120px!important;height: 40px!important;line-height: 40px!important;background-color: #ff6e00!important;border-color: #ff6e00!important;box-sizing: border-box!important;margin: 0!important;border-radius: 4px!important;}
.layui-layer-btn .layui-layer-btn1{width: 120px!important;height: 40px!important;line-height: 40px!important;background-color: #fff!important;border-color: #dadada!important;box-sizing: border-box!important;margin: 0 0 0 20px!important;border-radius: 4px!important;color: #444!important;}
.account-input{width: 100%;height: 40px;border-radius: 0;margin-bottom: 20px;}
i{font-style: normal;}
.um-input{box-sizing: border-box;background-color: #ffffff;border-radius: 4px;border: solid 1px #e4e4e4;outline: none;padding-left: 15px;}
::-webkit-input-placeholder{color: #999;}
.left{float: left;}
.right{float: right;}
.hide{display: none!important;}
.blue-bg{background-color: #2790ff!important;transition: .3s all;-webkit-transition: .3s all;border-radius: 2px;color: #fff!important;}
.blue-bg:hover{background-color: rgb(39,144,255, .9)!important;}
.orange-bg{background-color: #cd481b!important;border-color: #ff6e00;transition: .3s all;-webkit-transition: .3s all;color: #fff!important;}
.orange-bg:hover{background-color: rgba(255,110,0, .9)!important;}
.green-bg{background-color: #01b593!important;transition: .3s all;-webkit-transition: .3s all;color: #fff!important;}
.green-bg:hover{background-color: rgba(1,181,147, .9)!important;}
.green-bg-light{background-color: #01b516!important;transition: .3s all;-webkit-transition: .3s all;color: #fff!important;}
.green-bg-light:hover{background-color: rgba(1,181,22, .9)!important;}
.yellow-bg{background-color: #f99c1a!important;transition: .3s all;-webkit-transition: .3s all;color: #fff!important;}
.yellow-bg:hover{background-color: rgba(249,156,26, .9)!important;}
.default-bg{background-color: #f7f8fa!important;transition: .3s all;-webkit-transition: .3s all;color: #444!important;}
.red-bg{background-color: #ff401a!important;transition: .3s all;-webkit-transition: .3s all;color: #fff!important;}
.red-bg:hover{background-color: rgba(255,64,26, .9)!important;}
.no-bg{background: none!important;padding: 0!important;}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color: #ff6e00!important;}
.layui-form-checked[lay-skin=primary] i{border-color: #ff6e00!important;background-color: #ff6e00!important;}
.layui-form-onswitch{background-color: #0090f0!important;border-color: #0090f0!important;}

.blue{color: #0090f0!important;}
.orange{color: #cd481b!important;}
.green{color:#01b593!important}
.red{color: #ef1e25;}
.red:hover{color: #ef1e25;}
.trans{overflow: hidden;}
.trans img{transition: .3s all;-webkit-transition: .6s all;}
.trans:hover img{transform: scale(1.05,1.05);}
.ease{transition: .6s all;-webkit-transition: .6s all;}
/* 提示 */
.add-tips{background-color: #ffeded;box-sizing: border-box;padding: 30px;}
.add-tips p{margin-bottom: 10px;}

/* tag */
.um-tag{padding: 2px 6px;font-size: 12px;background-color: #eee;color: #666;}
.orange-tag{box-sizing: border-box;padding: 4px 10px;color: #fc8116;border: 1px solid #fc8116;background-color: #ffeff1;}
.blue-tag{box-sizing: border-box;padding: 2px 10px;border: 1px solid #0090f0;background-color: #e8f6ff;margin-left: 10px;}
.red-tag{box-sizing: border-box;padding: 2px 10px;color:#ef1e25;border: 1px solid #ef1e25;background-color: rgba(239,30,37,0.1);margin-left: 10px;}
.small-tag{box-sizing: border-box;padding: 2px 5px;border: 1px solid #fc8116;margin-left: 10px;}
/* 按钮样式 */
.btn-default{border: solid 1px #dce1e4!important;color: #555;box-sizing: border-box;transition: .3s all;-webkit-transition: .3s all;cursor: pointer;background-color: #fff;}
.btn-blue{border: solid 1px #0090f0!important;color: #0090f0;box-sizing: border-box;transition: .3s all;-webkit-transition: .3s all;cursor: pointer;background-color: #fff;}
.btn-blue:hover{background: #0090f0;color: #fff;}
.btn-orange{border: solid 1px #ff6e00;color: #ff6e00;box-sizing: border-box;transition: .3s all;-webkit-transition: .3s all;cursor: pointer;}
.btn-orange:hover{background: #ff6e00;color: #fff;}
.btn-green{border: solid 1px #01b593;color: #01b593;box-sizing: border-box;transition: .3s all;-webkit-transition: .3s all;cursor: pointer;}
.btn-green:hover{background: #01b593;color: #fff;}
/* 1px边框 */
.um-border-bottom{border-bottom: 1px solid #e8ebee;}
.um-border-top{border-top: 1px solid #e8ebee;}
.um-border-left{border-left: 1px solid #e8ebee;}
.um-border-right{border-right: 1px solid #e8ebee;}

.layui-form-radio>i:hover, .layui-form-radioed>i{color: #ff6e00!important;}
.layui-form-select dl dd.layui-this{background-color: #ff6e00!important;}

.oneline{overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.twoline{overflow:hidden; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -o-box;display: box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.threeline{overflow:hidden; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -o-box;display: box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.fourline{overflow:hidden; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -o-box;display: box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.fiveline{overflow:hidden;  display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -o-box;display: box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.sixline{overflow:hidden; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -o-box;display: box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}
.sevenline{overflow:hidden; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -o-box;display: box;-webkit-line-clamp:7;-webkit-box-orient:vertical;}
.bxshadow{transition: .4s all;-webkit-transition: .4s all;}
.bxshadow:hover{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);}
.boxshadow{box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);}
.clearfix:after{content:"\200B"; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}
.clearfix { clear:both; }/*IE/7/6*/

/* common */
.header{width: 100%;min-width: 1200px;height: 100px;background-color: #fff;}
.head{width: 1200px;height: 100px;margin: auto;}
.logo{height: 100px;float: left;display: flex;align-items: center;justify-content: center;}
.logo img{max-height: 100px;}
.nav{float: right;margin-top: 35px;}
.nav li{float: left;height: 40px;padding: 0 20px;text-align: center;line-height: 30px;position: relative;}
.nav li>a{color: #232323;display: block;height: 30px;}
.nav li>a>.icon-shouye{margin-right: 5px;}
.nav li>a>.layui-icon-triangle-d{color: #bebcbc;margin-left: 5px;}
.nav li:hover >a{color: #01b593;}
.btn-group{margin-top: 35px;margin-left: 60px;}
.reg-btn,.login-btn{width: 64px;height: 30px;border-radius: 4px;text-align: center;line-height: 28px;margin-left: 16px;}
.secnav{width: 100%;box-sizing: border-box;padding: 2px;background-color: rgba(255,255,255,0.95);position: absolute;left: 0;right: 0;top: 40px;z-index: 99;box-shadow: 0 0 3px #eee;display: none;}
.secnav dd{width: 100%;height: 40px;line-height: 40px;text-align: center;margin-top: 2px;font-size: 12px;}
.secnav dd a{display: block;color: #232323}
.secnav dd:first-child{margin-top: 0;}
.secnav dd:hover{background-color: #01b593;}
.secnav dd:hover a{color: #fff;}
.copyright{width: 100%;min-width: 1200px;background-color: #232323;color: #888;}
.copyright-text{height: 64px;line-height: 64px;}
.copyright a{color: #888;}
.copyright img{display: inline;margin-left: 10px;}
.container{width: 1200px;margin: 0 auto;}
.footer{width: 100%;min-width: 1200px;background-color: #161616;padding: 30px 0;}
.footer-top{padding-bottom: 40px;border-bottom: 1px solid rgba(255,255,255,0.05);}
.foot-nav{margin-bottom: 30px;}
.foot-nav li{float: left;padding: 0 10px;position: relative;}
.foot-nav li a{color: #fff;}
.foot-nav li:first-child{padding-left: 0;}
.foot-nav li:first-child::before{display: none;}
.foot-nav li::before{background: #8d8d8d;content: '';width: 3px;height: 3px;border-radius: 100%;position: absolute;left: -1px;top: 50%;}
.foot-text{color: #8d8d8d;margin-top: 10px;}
.foot-r img{display: block;width: 90px;height: 90px;}
.foot-r p{font-size: 12px;color: #8d8d8d;margin-top: 5px;text-align: center;}
.footer-links{margin-top: 30px;}
.links-title{color: #fff;margin-bottom: 10px;}
.links li{float: left;margin-right: 10px;margin-bottom: 10px;}
.links li a{color: #888;}
/* index */
.banner{width: 100%;min-width: 1200px;}
.banner img{display: block;width: 100%;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 90px;z-index: 20;}
.banner .swiper-pagination-bullet-active{width: 10px;height: 10px;background: #fff;opacity: 1!important;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;opacity: .5;}
.mj-adv{padding: 80px 0;}
.mj-title{width: 100%;text-align: center;font-size: 32px;color: #232323;margin-bottom: 30px;}
.mj-txt{font-size: 15px;color: #999999;text-align: center;margin-bottom: 30px;}
.um-grid{text-align: center;box-sizing: border-box;padding: 0 60px;}
.um-icon{width: 110px;height: 110px;border-radius: 100%;margin: auto;line-height: 110px;font-size: 48px;color: #fff;margin-bottom: 30px;}
.um-icon .iconfont{font-size: 48px;}
.um-icon1{background-image: linear-gradient(0deg, #ff8e01 0%, #ffb632 100%);box-shadow: 0px 3px 7px 0px rgba(255, 182, 50, 0.55);}
.um-icon2{background-image: linear-gradient(0deg, #018ce7 0%, #01c5ff 100%);box-shadow: 0px 3px 7px 0px rgba(74, 213, 255, 0.55);}
.um-icon3{background-image: linear-gradient(0deg, #ff2621 0%, #ff7442 100%);box-shadow: 0px 3px 7px 0px rgba(255, 116, 66, 0.55);}
.um-icon4{background-image: linear-gradient(0deg, #6663f2 0%, #6a8dff 100%);box-shadow: 0px 3px 7px 0px rgba(105, 139, 254, 0.55);}
.um-grid--text{font-size: 24px;color: #444;margin-bottom: 30px;}
.um-grid--intro{color: #777;line-height: 24px;height: 48px;margin-bottom: 40px;}
.um-grid--btn{width: 146px;height: 40px;line-height: 40px;background-color: #ffffff;border-radius: 20px;border: solid 1px #d8d8d8;margin: auto;box-sizing: border-box;color: #777;}
.um-grid-next{width: 24px;height: 24px;text-align: center;line-height: 24px;background-color: #b9b9b9;border-radius: 100%;margin-top: 7px;margin-right: 8px;}
.um-grid a:hover .um-grid--btn{border-color: #01b593;color: #01b593;}
.um-grid a:hover .um-grid-next{background-color: #01b593;}
.medium{width: 100%;min-width: 1200px;background: url(../images/mj_container_bg.jpg)no-repeat center;box-sizing: border-box;padding: 70px 0;}
.medium-top{width: 100%;height: 45px;line-height: 45px;margin-bottom: 30px;}
.medium-title{font-size: 32px;color: #fff;}
.medium-btn-group button{width: 126px;height: 45px;border: none;background-color: rgba(255,255,255,0.3);border-radius: 4px;font-size: 16px;color: #fff;margin-left: 10px;cursor: pointer;}
.medium-menu{width: 212px;height: 492px;border-radius: 6px;background: url(../images/mj_bg.png)no-repeat center;box-sizing: border-box;padding: 36px 21px;}
.mmenu li{float: left;width: 50%;text-align: center;border-right: 1px solid rgba(255,255,255,0.5);box-sizing: border-box;padding: 0 10px;font-size: 16px;margin-bottom: 30px;}
.mmenu li a{color: #fff;display: block;}
.mmenu li:nth-child(2n){border-right: 0;}
.medium-more{color: #fff;font-size: 14px;margin-left: 25px;}
.medium-block{width: 978px;height: 492px;background-color: #e7e7e7;border-radius: 6px;overflow: hidden;}
.medium-item{width: 240px;height: 243px;background-color: #fff;margin-right: 5px;margin-bottom: 5px;text-align: center;box-sizing: border-box;padding-top: 30px;}
.medium-item:nth-child(4n){margin-right: 0;}
.medium-item:nth-child(5){margin-bottom: 0;}
.medium-item:nth-child(6){margin-bottom: 0;}
.medium-item:nth-child(7){margin-bottom: 0;}
.medium-item:nth-child(8){margin-bottom: 0;}
.medium-img{width: 78px;height: 78px;border-radius: 100%;box-sizing: border-box;border: solid 1px #f3f3f3;overflow: hidden;margin: auto;}
.medium-img img{width: 100%;height: 100%;display: block;border-radius: 100%;}
.medium-topic{font-size: 18px;color: #222222;margin-top: 18px;height: 18px;line-height: 18px;box-sizing: border-box;padding: 0 20px;}
.medium-bot{margin-top: 30px;overflow: hidden;}
.medium-text{width: 50%;position: relative;}
.medium-text::after{background: #e7e7e7;content: '';width: 1px;height: 20px;position: absolute;top: 30%;right: 0;}
.medium-text:nth-child(2)::after{display: none;}
.medium-num{font-size: 16px;color: #ff0000;margin-bottom: 10px;height: 16px;line-height: 16px;overflow: hidden;}
.medium-txt{color: #222;overflow: hidden;}
.partner{width: 100%;min-width: 1200px;box-sizing: border-box;padding: 80px 0;background: url(../images/partner_bg.jpg)no-repeat center;}
.partner-block{padding-bottom: 60px;position: relative;}
.partner-btn-group{width: 360px;height: 50px;border-radius: 25px;background-color: #eceef0;margin: 0 auto 50px auto;}
.partner-btn-group button{width: 50%;height: 50px;border: 0;border-radius: 25px;background-color: #eceef0;cursor: pointer;}
.partner-item{width: 100%;height: 128px;display: flex;align-items: center;justify-content: center;background-color: #fff;box-sizing: border-box;}
.partner-block .swiper-pagination{width: 100%;text-align: center;bottom: 0;}
.partner-block .swiper-pagination-bullet-active{width: 10px;height: 10px;background-color: #00c882!important;}
.partner-block .swiper-pagination-bullet{width: 10px;height: 10px;background: #d0d0d0;margin: 0 15px;}
.process{width: 100%;min-width: 1200px;box-sizing: border-box;padding: 80px 0;}
.process-block{width: 100%;height: 205px;background: url(../images/process.png)no-repeat center;background-size: 100% 100%;}
.inews{width: 100%;min-width: 1200px;box-sizing: border-box;padding: 80px 0;background: url(../images/news_bg.jpg)no-repeat center;}
.inews-block{width: 100%;height: 504px;}
.inews-l{width: 480px;height: 504px;overflow: hidden;border: solid 1px #eaeced;box-sizing: border-box;background-color: #fff;}
.inews-img{width: 480px;height: 358px;}
.inews-img img{display: block;}
.inews-text{width: 100%;height: 144px;box-sizing: border-box;padding: 20px;}
.inews-topic{font-size: 18px;font-weight: bold;color: #222222;height: 18px;line-height: 18px;}
.inews-topic:hover{color: #01b593;}
.inews-dot{display: block;margin: 17px 0;}
.inews-intro{color: #888;line-height: 24px;height: 48px;}
.inews-r{width: 712px;height: 504px;box-sizing: border-box;border: 1px solid #eaeced;}
.inews-item{width: 100%;height: 166.5px;margin-top: 1px;background-color: #fff;}
.inews-item:first-child{margin-top: 0;}
.inews-time{width: 157px;height: 166.5px;text-align: center;box-sizing: border-box;padding-top: 50px;}
.i-day{width: 100%;font-size: 46px;color: #333;height: 46px;line-height: 46px;}
.i-ym{font-size: 16px;color: #999;height: 16px;line-height: 16px;margin-top: 16px;}
.inews-r--text{width: 553px;height: 166.5px;box-sizing: border-box;padding: 40px;}
.inews-r--topic{width: 100%;font-size: 18px;color: #222;height: 18px;line-height: 18px;}
.inews-r--topic:hover{color: #01b593;}
.inews-r--intro{width: 100%;height: 48px;line-height: 24px;color: #888;margin-top: 22px;}
/* 网媒价格 */
.media-body{background-color: #f6f6f6;}
.online-media{background-image: linear-gradient(90deg,#01b593 0%,  #07d2b3 100%);background-repeat: no-repeat;background-size: 100% 280px;box-sizing: border-box;padding-top: 30px;}
.bread{width: 1200px;height: 14px;line-height: 14px;color: #fff;margin: auto;}
.bread a{color: #fff;}
.bread a>i{font-size: 14px;margin-right: 10px;}
.search{width: 100%;height: 64px;background-color: #fff;margin-top: 25px;box-sizing: border-box;padding: 8px 8px 8px 30px;}
.search-input{width: 80%;height: 48px;border: none;outline: none;}
.search-submit{width: 120px;height: 48px;border: none;outline: none;color: #fff;cursor: pointer;}
.search-submit>i{font-size: 22px;}
.secmenu{width: 1200px;min-height: 100px;background-color: #fff;margin: auto;box-sizing: border-box;padding: 30px 25px 0 25px;margin-top: 12px;}
.secmenu-typelist{width: 100%;box-sizing: border-box;border-top: solid 1px #edeeee;padding-top: 30px;}
.secmenu-typelist li{float: left;margin-right: 60px;font-size: 15px;height: 36px;position: relative;}
.secmenu-typelist li span{color: #666666;cursor: pointer;}
.secmenu-typelist li.active::before{background: #01b593;content: '';height: 2px;position: absolute;left: 25%;right: 25%;bottom: 0;}
.secmenu-typelist li.active span{color: #01b593;cursor: pointer;}
.thirdmenu{position: relative;padding-left: 81px;margin-bottom: 30px;}
.thirdmenu>li{float: left;min-width: 61px;height: 27px;border-radius: 2px;text-align: center;line-height: 27px;margin: 2px 5px;padding: 0 15px;box-sizing: border-box;}
.thirdmenu>li span{display: block;width: 100%;height: 27px;color: #333;}
.thirdmenu>li:first-child{font-size: 14px;color: #222;width: unset;min-width: 71px;height: 27px;border: unset;line-height: 27px;padding: 0;position: absolute;left: 0;top: 0;text-align: right;}
.thirdmenu>li:first-child:hover{background: #fff;}
.thirdmenu>li.on,.thirdmenu>li:hover{background-color: #01b593;cursor: pointer;}
.thirdmenu>li.on span,.thirdmenu>li:hover span{color: #fff;}
.um-select{width: 110px;height: 34px;text-align: center;line-height: 34px;position: relative;margin-right: 20px;}
.um-selectBox .um-select p{width: 100%;height: 34px;line-height: 34px;cursor: pointer;background-color: #f2f4f6;border-radius: 17px;color: #333;}
.um-selectBox .um-select p>i{font-size: 12px;margin-left: 3px;display: inline-block;vertical-align: top;}
.um-selectBox .um-select ul{display: none;padding: 0 3px;width: 100%;position: absolute;left: 0;top: 34px;z-index: 666;border-radius: 3px;background-color: #f2f4f6;box-shadow: 0 0 2px #ddd inset}
.um-option{padding: 3px 8px;}
.um-selectBox .um-select ul li.um-option{width: 100%;height: 34px;line-height: 31px;box-sizing: border-box;color: #999;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.um-selectBox .um-select ul li.um-option:hover{background-color: #01b593;color: #fff !important;}
.clear-select{font-size: 14px;color: #999;}
.clear-select i{font-size: 14px;margin-right: 6px;}
.media-list{margin-top: 20px;}
.media-item{width: 100%;min-height: 168px;box-sizing: border-box;background-color: #ffffff;border-radius: 4px;border: solid 1px #ececec;padding: 34px 30px;margin-bottom: 10px;}
.media-img{width: 100px;height: 100px;border-radius: 100%;overflow: hidden;box-sizing: border-box;border: solid 1px #f3f3f3;}
.media-img img{display: block;width: 100%;height: 100%;border-radius: 100%;}
.media-msg{width: 88.167%;min-height: 90px;}
.media-title{font-size: 20px;color: #222222;margin-bottom: 20px;}
.hot{padding: 5px;background-color: #ef1e25;border-radius: 2px;font-size: 14px;color: #fff;margin-left: 10px;box-sizing: border-box;}
.media-btn{display: block;width: 107px;height: 32px;box-sizing: border-box;background-color: #ffffff;border-radius: 4px;border: solid 1px #d9d9d9;text-align: center;line-height: 30px;transition: .3s all;-webkit-transition: .3s all;color: #999;}
.media-btn:hover{color: #fff;background-color: #01b593;border-color: #01b593;}
.media-tagsBox{width: 89%;}
.media-tag{width: 13%;border-right: 1px solid #f2f2f2;margin-right: 10px;}
/* .media-tag:nth-child(7){border: 0;} */
.media-tag:last-child{border: 0;}
.media-tag--text{font-size: 12px;color: #888888;height: 12px;line-height: 12px;}
.media-tag--txt{font-size: 16px;color: #444;margin-top: 10px;height: 16px;line-height: 16px;}
.media-price{color: #ef1e25;font-weight: bold;}
.item-l{width: 120px;}
.item-img{width: 120px;height: 120px;border-radius: 100%;box-sizing: border-box;border: solid 1px #f3f3f3;overflow: hidden;}
.item-img img{display: block;width: 100%;height: 100%;border-radius: 100%;}
.item-l p{text-align: center;color: #777777;margin-top: 20px;}
.item-r{width: 980px;}
.item-topic{font-size: 26px;color: #222;margin-bottom: 20px;}
.um-tips{width: 100%;background-color: #f0f2f4;padding: 20px;box-sizing: border-box;color: #777777;}
.item-tags{margin-top: 30px;}
.item-tag{width: 14.28%;box-sizing: border-box;border-right: 1px solid #e0e4ed;margin-right: 40px;}
.item-tag:nth-child(4){border: 0;}
.item-tag--text{font-size: 24px;color: #ef1e25;height: 24px;line-height: 24px;}
.item-tag--txt{color: #777777;margin-top: 10px;}
.connow{width: 170px;height: 50px;background-color: #ef1e25;border-radius: 4px;display: block;text-align: center;line-height: 50px;color: #fff;font-size: 16px;margin-top: 40px;}
.item-title{font-size: 22px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.item-table{width: 100%;border: 1px solid #e6e7e9;}
.item-table td{height: 60px;font-size: 15px;}
.item-table td:nth-child(odd){width: 170px;background-color: #f4f6f9;text-align: center;color: #666666;}
.item-table td:nth-child(even){width: 212px;background-color: #fff;padding: 0 30px;box-sizing: border-box;color: #232323;}
.item-link a{color: #ef1e25;}
.media-tag--txt .layui-rate li i.layui-icon{font-size: 16px;}
.media-tag--txt .layui-rate{padding: 0;}
/* 新闻资讯 */
.ibanner{width: 100%;min-width: 1200px;}
.ibanner img{display: block;width: 100%;}
.list-nav{width: 100%;margin-top: -40px;position: relative;z-index: 2;}
.list-nav--block{width: 100%;min-width: 1200px;}
.nav-list{width: 1200px;height: 80px;margin: auto;}
.nav-list li{float: left;width: 33%;text-align: center;height: 80px;line-height: 80px;font-size: 18px;background-color: #fff;}
.nav-list li a{display: block;color: #222222;}
.nav-list li.on{background-color: #01b593;}
.nav-list li.on a{color: #fff;}
.list-block{width: 100%;min-width: 1200px;margin-top: 40px;}
.list-item{width: 100%;min-height: 180px;background-color: #fff;box-sizing: border-box;padding: 40px 30px;margin-bottom: 1px;}
.list-l{width: 100px;height: 100px;text-align: center;background-color: #f7f7f8;box-sizing: border-box;padding-top: 18px;transition: .3s all;-webkit-transition: .3s all;}
.list-day{font-size: 44px;color: #333333;height: 44px;line-height: 44px;}
.list-ym{font-size: 15px;color: #999;height: 15px;line-height: 15px;margin-top: 5px;}
.list-m{width: 820px;height: 100px;margin-left: 30px;}
.list-topic{width: 100%;height: 20px;line-height: 20px;font-size: 20px;color: #222;}
.list-intro{color: #888888;line-height: 24px;height: 48px;margin-top: 15px;}
.list-more{width: 110px;height: 34px;background-color: #ffffff;border-radius: 17px;border: solid 1px #e5e5e7;text-align: center;line-height: 32px;box-sizing: border-box;position: relative;color: #888;overflow: hidden;margin-top: 20px;transition: .3s all;-webkit-transition: .3s all;}
.list-more i{font-size: 14px;color: #f6f6f6;margin-left: 5px;position: absolute;right: -100px;}
.list-item:hover .list-l{background-color: #01b593;}
.list-item:hover .list-day, .list-item:hover .list-ym{color: #fff;}
.list-item:hover .list-more{background-color: #01b593;color: #f6f6f6;border-color: #01b593;}
/* about */
.about-body{background: url(../images/about_bg.jpg)no-repeat center;background-size: cover;}
.content{width: 1200px;min-height: 200px;margin: auto;overflow: hidden;margin-top: 70px;margin-bottom: 60px;}
.content img{max-width: 100%;}
.honor-item{float: left;width: 380px;height: 260px;background-color: #fff;margin-right: 30px;margin-bottom: 20px;text-align: center;overflow: hidden;}
.honor-item:nth-child(3n){margin-right: 0;}
.honor-item img{max-height: 260px;display: block;margin: 0 auto;}

/* 登录注册 */
/* #body{transition: .10s all;-webkit-transition: .10s all;} */
/* .gk-input{box-sizing: border-box;background-color: #ffffff;border-radius: 4px;border: solid 1px #e4e4e4;outline: none;padding-left: 15px;} */
/* .loadmain{width: 1200px;min-height: 660px;margin: auto;position: fixed;left: 50%;margin-left: -600px;top: 50%;margin-top: -310px;} */
.loadtopic{width: 100%;margin-bottom: 40px;}
.loadtopic img{display: block;margin: auto;}
/* .load{width: 460px;min-height: 460px;background-color: #fff;border-radius: 10px;margin: auto;margin-bottom: 30px;box-sizing: border-box;padding: 40px;} */
/* .loadbtn{width: 100%;height: 18px;font-size: 18px;margin-bottom: 40px;} */
/* .loadbtn li{float: left;width: 100%;;height: 18px;text-align: center;box-sizing: border-box;color: #999999;line-height: 18px;cursor: pointer;}
.loadbtn li.active{color: #cd481b;font-weight: 600;} */
.load-input{width: 100%;height: 50px;margin-bottom: 20px;}
.load .loadlink{height: 14px;text-align: right;line-height: 14px;margin-bottom: 20px;}
.load .loadlink a{padding-left: 10px;height: 14px;display: block;float: right;}
.load .loadlink .wj{border-right: 1px solid #e4e4e4;padding-right: 10px;color: #999999;}
.load .loadlink .zc{color: #01b593;}
.submitbtn{width: 100%;height: 50px;line-height: 50px;border: none;outline: none;font-size: 18px;color: #ffffff;font-weight: 700;cursor: pointer;margin-bottom: 30px;}
.otherload{width: 100%;text-align: center;margin-bottom: 20px;}
.otherload img{display: block;margin: auto;}
.wxload{width: 100%;height: 50px;text-align: center;line-height: 50px;cursor: pointer;}
.wxload img{vertical-align: middle;margin-right: 10px;margin-top: -4px;}
.copys{text-align: center;font-size: 12px;color: #ffffff;height: 12px;line-height: 12px;}
.copys a{color: #ffffff;}
.yzm{width: 100%;height: 50px;margin-bottom: 20px;}
.yzm input{width: 245px;height: 48px;box-sizing: border-box;border: none;float: left;outline: none;}
.yzm .verify{float: right;width: 85px;height: 48px;}
.yzm .verify img{display: block;}
.gk-block{width: 100%;height: 44px;margin-bottom: 20px;}
.gk-block .phonecode{width: 220px;height: 44px;float: left;}
.gk-block .phcode{float: right;width: 120px;height: 44px;text-align: center;line-height: 44px;color: #fff;font-size: 14px;cursor: pointer;border: 0;}
.reg-login{text-align: center;}
.xy{height: 14px;line-height: 14px;font-size: 14px;color: #222222;margin-bottom: 40px;}
.xy input{margin-right: 5px;vertical-align: middle;}
.login-reg{margin-bottom: 30px;}

/* admin */
.admin-body{background-color: #f3f5fa;padding-top: 70px;}
.admin-body::-webkit-scrollbar,.admin-side::-webkit-scrollbar,.layui-table-body::-webkit-scrollbar,.um-layer-content::-webkit-scrollbar{width:8px;height: 8px;padding-right:4px;background-color:#e8eaed;border-radius:4px}
.admin-body::-webkit-scrollbar-thumb,.admin-side::-webkit-scrollbar-thumb,.layui-table-body::-webkit-scrollbar-thumb,.um-layer-content::-webkit-scrollbar-thumb{-webkit-border-radius:4px;border-radius:4px;background-color:#999}
.admin-head{width: 100%;min-width: 1200px;height: 70px;background-color: #fff;box-sizing: border-box;padding-left: 200px;position: fixed;top: 0;right: 0;z-index: 999;}
.admin-logo{width: 200px;height: 70px;font-size: 20px;font-weight: bold;text-align: center;line-height: 70px;background-color: #ff6e00;color:#fff;float: left;position: fixed;left: 0;top:0;display: flex;align-items: center;justify-content: center;}
.admin-nav{float: left;height: 70px;padding-left: 20px;}
.admin-nav li{float: left;width: 100px;height: 70px;line-height: 70px;text-align: center;font-size: 16px;}
.admin-nav li a{display: block;width: 100%;height: 100%;color: #000;}
.admin-head-right{float: right;height: 70px;margin-right: 30px;padding-right: 20px;position: relative;line-height: 70px;color: #444;cursor: pointer;}
.admin-msg{box-sizing: border-box;padding: 0 30px;height: 70px;line-height: 70px;color: #545965;position: relative;}
.admin-msg i{margin-right: 6px;}
.admin-msg::before{background: #d8dadf;content: '';width: 1px;height: 16px;display: block;position: absolute;left: 0;top: 40%;}
.admin-msg::after{background: #d8dadf;content: '';width: 1px;height: 16px;display: block;position: absolute;right: 0;top: 40%;}
.admin-exit{box-sizing: border-box;padding: 0 30px;height: 70px;line-height: 70px;color: #545965;position: relative;}
.admin-exit i{margin-right: 6px;}
.head-pic{width: 35px;height: 35px;line-height: 35px;border-radius: 35px;vertical-align: middle;display: inline-block;margin-right: 15px;}
.head-pic i{font-size: 35px;color: #cdcdcd;}
.admin-corner{content: '';width: 0;height: 0;border-style: solid dashed dashed;border-color: #fff;overflow: hidden;cursor: pointer;transition: all .2s;-webkit-transition: all .2s;position: absolute;top: 50%;right: 0px;margin-top: -3px;border-width: 6px;border-top-color: #a7a7a7;z-index: 10;}
.admin-main{width: 100%;min-width: 1200px;position: relative;}
.admin-side{width: 200px;height: calc((100vh - 70px));background-color: #fff;position: fixed;left: 0;top: 70px;overflow-y: auto;overflow-x: hidden;}
.tside-menu{width: 100%;}
.tside-menu *{font-size: 15px;}
.tside-list{width: 100%;line-height: 44px;cursor: pointer;position: relative;padding: 10px 0;}
.tside-list::after{background: #f1f1f1;content: '';height: 1px;position: absolute;left: 10%;right: 10%;bottom: 0;}
.tside-list:nth-child(6)::after{display: none;}
.tside-list>a{color: #666;display: block;width: 100%;height: 100%;box-sizing: border-box;padding: 0px 20px;position: relative;}
.tside-list>a::after{background: url(../images/tside-trangle.png)no-repeat center;content:"";width: 11px;height: 5px;position: absolute;right: 20px;top:50%;margin-top: -2px;}
.tside-list:hover>a{color: #666;}
.tside-list>a img{vertical-align: middle;margin-top: -4px;margin-right: 10px;}
.tside-list.active>a{color:#666;}
.tside-list.active>a::after{background: url(../images/tside-trangle-w.png)no-repeat center;}
/* 三级导航 */
.tside-secmenu{width: 100%;background-color: #fff;margin-bottom: 0;}
.tside-seclist{height: 44px;box-sizing: border-box;text-indent: 1.5em;border-left: 4px solid #fff;}
.tside-seclist a i{font-size: 15px;margin-right: 13px;}
.tside-seclist a .icon{display: inline-block;width: 16px;height: 16px;vertical-align: middle;margin-top: -2px;margin-right: 13px;}
.tside-seclist:hover{border-color: #ff6e00;}
.tside-seclist>a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;height: 100%;color:#666;font-size: 15px;}
.tside-seclist>a:hover{color:#ff6e00;background-color:  rgba(255,110,0,0.1);}
.tside-seclist.on{border-color: #ff6e00;background-color:  rgba(255,110,0,0.1);}
.tside-seclist.on>a{color:#ff6e00}
/* 内容主体 */
.content-container{width: calc((100vw - 208px));min-width: 1000px;margin-left: 200px;box-sizing: border-box;padding: 20px 20px 10px 20px;}
.page-title{width: 100%;padding: 20px 0 0 0;box-sizing: border-box;}
.page-header{font-size: 18px;padding:30px 20px;;color: #262626;font-weight: bold;background-color: #fff;}
.page-content{width: 100%;box-sizing: border-box;padding-top: 20px;}
.panel{min-height: 130px;background-color: #fff;box-sizing: border-box;padding: 20px 30px;}
.help-block{width: 100%;background-color: #fff;box-sizing: border-box;padding: 30px;}
.admin-title{font-size: 18px;color: #222;}
.ad-help{margin-top: 20px;}
.col-r{box-sizing: border-box;padding: 26px;background-color: #f7f8fa;text-align: center;}
.col-r i{font-size: 32px;color: #ef1e25;}
.col-r p{font-size: 16px;color: #222222;margin-top: 10px;}
.ad-news{width: 100%;box-sizing: border-box;padding: 20px 30px;background-color: #fff;margin-top: 20px;}
.newsBox{overflow: hidden;}
.newsNav{border-bottom: 1px solid #e7e7e7;box-sizing: border-box;margin-bottom: 20px;}
.newsNav li{float: left;width: 100px;height: 39px;background-color: #fff;text-align: center;line-height: 39px;font-size: 16px;color: #444444;cursor: pointer;}
.newsNav li.on{height: 40px;background-color: #ff6e00;color: #fff;}
.newsList{overflow: hidden;}
.newsItem{width: 100%;height: 14px;line-height: 14px;margin-bottom: 20px;}
.nTopic{width: 80%;height: 14px;color: #444444;}
.nDate{color: #666666;}
.nTopic:hover{color: #ff6e00;}
.um-block{width: 100%;}
.ad-l{box-sizing: border-box;padding-right: 20px;}
.userInfo{height: 90px;box-sizing: border-box;border-right: 1px solid #e8e8e8;padding: 10px 0;}
.uface{width: 70px;height: 70px;overflow: hidden;border-radius: 100%;}
.uface img{display: block;width: 100%;height: 100%;border-radius: 100%;}
.uface i{font-size: 67px;color: #cdcdcd;}
.uInfo{width: 100%;box-sizing: border-box;padding: 10px;}
.uname{font-size: 18px;color: #222222;}
.ulevel{color: #222222;margin-top: 10px;}
.userMoney{height: 90px;box-sizing: border-box;padding: 14px;text-align: center;}
.money-txt{font-size: 16px;color: #888888;height: 16px;line-height: 16px;}
.money-num{font-size: 26px;color: #222222;height: 26px;line-height: 26px;margin-top: 20px;}
.m-btn-group{padding-top: 14px;}
.m-btn{width: 74px;height: 28px;text-align: center;line-height: 28px;display: block;border-radius: 4px;}
.cash-btn{margin-top: 10px;}
.order-stat{margin-top: 20px;min-height: 170px;}
.orderBox{width: 98.5%;min-height: 170px;background-color: #fff;box-sizing: border-box;padding: 30px;}
.stat-list{margin-top: 30px;}
.stat-item{text-align: center;}
.stat-num{font-size: 26px;}
.stat-txt{font-size: 16px;color: #222;margin-top: 5px;}
.usedBox{margin-top: 20px;min-height: 200px;}
.usedList{margin-top: 30px;}
.usedItem{text-align: center;}
.usedImg img{display: block;width: 44px;height: 44px;margin: auto;}
.usedItem p{color: #222222;font-size: 16px;margin-top: 20px;}
.processBox{margin: 20px 0;min-height: 248px;}
.processBox .layui-tab-card{border-width: 0px;border-style: solid;border-radius: 0px;box-shadow: unset;}
.processBox .layui-tab-card>.layui-tab-title{background-color: #fff;}
.processBox .layui-tab-card>.layui-tab-title .layui-this{background-color: #ff6e00;color: #fff;}
.processBox .layui-tab-content{padding-top: 30px;}
.processBox .layui-tab-content img{display: block;max-width: 100%;margin: auto;}
.demand-btn{width: 194px;height: 40px;text-align: center;padding: 13px 0;line-height: 14px;border-radius: 6px;box-sizing: border-box;color: #fff;margin: auto;cursor: pointer;}
.demand-txt{color: #888888;text-align: center;margin-top: 20px;}
.um-layer-tips{background-color: #ffeded;border-radius: 4px;box-sizing: border-box;padding: 16px;text-align: center;margin-bottom: 20px;}
.remarks{resize: none!important;}
.um-layer-content{width: 92%;margin: 30px auto;box-sizing: border-box;height: 378px;overflow-y: auto;overflow-x: hidden;}
.um-layer-content img{max-width: 100%;}
.breadBox{display: inline-block;height: 14px;line-height: 14px;visibility:visible!important;margin-bottom: 20px;}
.um-tab{width: 100%;min-height: 36px;border-bottom: 1px solid #e7e7e7;margin-bottom: 30px;}
.um-tab li{float: left;width: 100px;height: 36px;text-align: center;line-height: 36px;background-color: #e7e7e7;color: #444444;margin-right: 10px;}
.um-tab li a{display: block;}
.um-tab li.on{background-color: #ff6e00;}
.um-tab li.on a{display: block;color: #fff;}
.um-mode-btn{width: 220px;height: 40px;text-align: center;line-height: 38px;box-sizing: border-box;border-radius: 4px;margin-right: 20px;cursor: pointer;background-color: #fff;}
.um-btn{width: 100px;height: 40px;box-sizing: border-box;line-height: 38px;text-align: center;margin-right: 10px;border-radius: 4px;background-color: #fff;}
.um-form-btn{display: inline-block;width: 110px;height: 40px;border-radius: 4px;border: none;cursor: pointer;margin-right: 10px;vertical-align: middle;text-align: center;line-height: 40px;}
.notice-content{overflow: hidden;color: #666666;line-height: 30px;}
.notice-content img{max-width: 100%;}
.um-submitBar{min-height: 80px;background-color: #fff;position: fixed;bottom: 0;right: 0;left: 201px;z-index: 999;box-sizing: border-box;padding: 20px;}
.um-submitBar::before{background: #f3f5fa;opacity: 0.03;height: 11px;content: '';position: absolute;left: 0;right: 0;top: -11px;z-index: 1;}
.um-submitBar-box{line-height: 40px;color: #666666;font-size: 15px;}
.um-submitBar--num{font-weight: bold;}
.um-submitBar-text{margin-right: 20px;}
.um-submitBar--button{width: 90px;height: 40px;border-radius: 4px;font-size: 15px;margin-left: 14px;cursor: pointer;}
.um-submitBar--button i{font-size: 15px;margin-right: 6px;}
.um-red-bg{background-color: #ffeded;border: solid 1px #ffaaaa;color: #ff4949;}
.um-green-bg{background-color: #e7fbf7;border: solid 1px #b2dbd3;color: #01b592;}
.um-orange-bg{background-color: #fff5ee;border: solid 1px #ffbe8c;color: #ff6e00;}
.submit-btn{border: 0;}
.upfile-btn{width: 700px;height: 40px;border-radius: 4px;}
.um-name-item{width: 66.66666667%;display: flex;padding: 0;flex-flow: row nowrap;margin-bottom: 5px;}
.um-media-name{display: inline-block;white-space: nowrap;padding: 0 12px;font-weight: 400;line-height: 36px;color: #76838f;text-align: center;background: #f3f7f9;border: 1px solid #e6e6e6;border-radius: 3px 0 0 3px;border-right: 0;box-sizing: border-box;}
.um-btn2{display: inline-block;white-space: nowrap;width: auto;box-sizing: border-box;cursor: pointer;text-align: center;padding: 10px 25px;border-radius: 4px;background-color: #e7e7e7;color: #555;}
.um-btn-group>.um-btn2:first-child{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.um-btn-group>.um-btn2:last-child{border-top-left-radius: 0;border-bottom-left-radius: 0;}
.thirdmenu.ad-menu{margin-bottom: 0;padding-top: 14px;padding-bottom: 14px;}
.um-li1{cursor: pointer;color: #444;}
.um-li1:hover{background-color: #ff6e00!important;color: #fff;}
.um-li1:first-child{top: 14px!important;}
.um-li1:first-child:hover{background: none!important;cursor: auto;}
.um-li2 input{width: 75px;height: 30px;box-sizing: border-box;}
.um-li2:hover{background: none!important;}
.input-text{background-color: #ffffff;border-radius: 4px;border: solid 1px #d3d9dc;padding: 4px 10px;}
.input-text:hover{border-color: #ff6e00;}
.um-li-btn{padding: 3px 8px;border-radius: 4px;text-align: center;border: 1px solid #ff6e00;line-height: 28px;outline: none;cursor: pointer;}
.table-btn{width: 90px;height: 40px;border-radius: 4px;}
.um-btn-group{padding: 10px 0;}
.um-table-input{padding: 11px;box-sizing: border-box;}
.br{background: url(../images/br.png) no-repeat center center;height: 30px;line-height: 30px;text-indent: 23px;color: #fff;margin-top: 0px;}
.mbr{background: url(../images/mbr.png) no-repeat center center;height: 30px;line-height: 30px;text-indent: 23px;color: #fff;margin-top: 0px;}
.um-table-img{width: 40px;height: 40px;}
.um-selMedia{padding: 20px;box-sizing: border-box;background-color: #f3f3f3;border-radius: 4px;margin-top: 20px;}
.um-selBox{box-sizing: border-box;background-color: #f3f3f3;border-radius: 4px;margin-top: 20px;max-height: 90px;overflow-y: auto;overflow-x: hidden;}
.um-date-input{width: 45%;height: 36px;box-sizing: border-box;border: none;text-align: center;}
.um-date-font{display: inline-block;line-height: 36px;vertical-align: top;font-size: 20px!important;position: absolute;right: 10px;top: 0;color: #c8c9cc;}

/* 个人中心-修改密码 */
.person_change{box-sizing: border-box;padding: 10px;background-color: #fff;border-radius: 4px;margin-top: 20px;}
.person_change .layui-input{width:25%;color:#666;}
.person_change .layui-form-label{color:#666;}
.person_change .save-draft{margin-right:25px;}
.person_change .change_sure{margin-top:40px;}
/* 个人中心-换绑手机号 */
.note .layui-input{display:inline-block;width:15%;margin-right:1%;}
/* 财务管理-在线充值 */
.recharge{box-sizing: border-box;background-color: #fff;border-radius: 4px;margin-top: 20px;}
.recharge .layui-input{box-sizing: border-box;background-color: #fff;border-radius: 4px;margin-top: 20px;width:50%;}
.recharge_trip{color:#ff4949;background-color: #ffeded;height:100%;padding:15px 30px;box-sizing: border-box;}
.cz_box{width:100%;margin:30px 0;}
.cz_style{float:left;width:80px;line-height:40px;text-align:right;padding:9px 15px;}
.cz_items{float:left;vertical-align: middle;}
.cz_item{width:160px;cursor: pointer;margin-right:20px;text-align:center;height:60px;box-sizing: border-box;border-radius:5px;border:1px solid #eeeeee;float:left;}
.cz_item:last-child{line-height:60px;color:#222222;font-size:18px;}
.cz_item img{height:28px;position: relative;top:50%;transform: translateY(-50%);}
.cz_item_active{border-color:#ff6e00;background: url(../images/draw.png) no-repeat right top;background-size: 28px auto;}

.cz_moneys{margin-bottom:40px;margin-left:110px;}
.cz_money{float:left;width:100px;height:40px;border-radius:5px;border:1px solid #c9cfd2;text-align:center;line-height:40px;color:#222222;margin-right:10px;cursor: pointer;}
.cz_money_active{border-color:#ff6e00;background: url(../images/draw.png) no-repeat right top;background-size: 28px auto;}
/* 个人中心-用户信息 */
.change_phone{color:#fa3d3d;margin-left:20px;}
.change_phone:hover{color:#fa3d3d;}
.phone .layui-input{background-color: #f3f3f3;display:inline-block;}
.username .layui-input{background-color: #fff;display:inline-block;}
.jd{display:inline-block;margin-left:20px;}
.sy{color:#666666;}
.sy_num{color:#fa3d3d;}
.tx{color:#ff6e00;padding:7px 18px;border:1px solid #ff6e00;border-radius:5px;margin-left:15px;}
.cz{color:#fff;padding:7px 18px;border:1px solid #ff6e00;background-color: #ff6e00; border-radius:5px;margin-left:15px;}
.cz:hover{color:#fff;}
.tx:hover{color:#ff6e00;}
.serve{margin-top:40px;}
.username_photo{padding:10px 0 20px 0;border-bottom:1px solid #eff1f5;margin-bottom:30px;}
.user_head{width:100px;margin-right:20px !important;height:100px;border-radius:50%;overflow:hidden;}
.user_head i{font-size: 96px;color: #cdcdcd;}
.layui-upload-img{width:100%;height:100%;}
.user_head .layui-upload-img{width:100px;height:100px;}
.up_btn{border-radius:5px !important;}
.up_trip{color:#888888;font-size:12px;margin-top:10px;}
.user-upload{display:flex;align-items: center;}
.user_up{padding-left:20px;box-sizing: border-box;}
/* 立即提现 */
.tx_money .layui-input{display: inline-block;}
.zh_img{display:inline-block;width:28px;}
.radio_ipt{display:inline-block;margin-right:20px;}
.txselect .layui-form-radio{margin:0 !important;padding:0 !important;}
.txselect .layui-form-label{line-height:10px;}
.withdraw{box-sizing: border-box;padding: 10px;background-color: #fff;border-radius: 4px;margin-top: 20px;}
.withdraw .layui-input{width:38%;}
.note_2 .layui-input{display:inline-block;width:27.3%;margin-right:1%;}
.remark .layui-textarea{width:38% !important;height:140px !important;}
/* 财务报表 */
.bb_select{background-color: #f7f8fa;padding:30px 40px;margin:20px 0;}
.bb_select .layui-form-item .layui-input-inline{width:120px;}
.layui-btn-primary{background-color: transparent;}
.dates{width:350px;border:1px solid #e6e6e6;background-color: #fff;height:38px;padding-left:30px;background: url(../images/date.png) no-repeat 96% center #fff;background-size: 18px auto;position: relative;border-radius:5px;}
.dates::after{position: absolute;content:"";display:block;background-image: url(../images/date_icon.png);background-size: 10px 4px;width:10px;height:4px;top:18px;left:160px;}
.dates_icon{display:inline-block;width:20px;height:38px;}
.dates layui-input-inline{display:inline-block;border:none;}
.dates .layui-input{border:none !important;}
.dates .start_date{margin-right:60px !important;}

/* 绑定手机号 */
.bind-title{font-size: 28px;text-align: center;font-weight: bold;margin-bottom: 20px;}
.bindphone-uface{width: 100px;height: 100px;border-radius: 100%;overflow: hidden;margin: 15px auto;}
.bindphone-uface img{display: block;width: 100%;height: 100%;border-radius: 100%;}
.bindphone-uface i{font-size: 100px;color: #aaa;}

.inlink{margin-left: 5px;}
.isrec{margin-left: 5px;}
.mlogo{display: inline-block;width: 25px;height: 25px;background-color: #ffffff;border-radius: 4px;box-sizing: border-box;border: solid 1px #e8edf0;margin-right: 5px;}
.sel-tagbtn{margin: 5px 10px!important;}
.demand-title{font-size: 22px;color: #222222;line-height: 22px;}
.demand-date{color: #888888;margin-top: 20px;}
.opinion-content{overflow: hidden;}
.opinion-content img{max-width: 100%;}
/* 联系客服 */
.contact-fuc{text-align: center;font-size: 16px;color: #000000;margin-bottom: 10px;}
.contact-fuc i{font-size: 22px;}
.contact-fuc .icon-QQ{color: #1c83e9;margin-right: 16px;}
.contact-fuc .icon-dianhua1{color: #fc9d22;}
.contact-fuc img{margin: 0 12px;width: 22px;height: 22px;}
.wechat-img{display: block;width: 154px;height: 154px;margin: auto;overflow: hidden;box-sizing: border-box;padding: 10px;}
.wechat-img img{display: block;width: 100%;height: 100%;}
.um-layer-tips p{margin-bottom: 10px;}
.layer-topic{font-size: 16px;color: #000;font-weight: bold;margin-bottom: 10px;}
.rej-t{font-size: 16px;color: #000;font-weight: bold;}
.rej-text{margin-bottom: 10px;}
.c-reason{margin-top: 10px;}
.foot-nav li a:hover{ color: #8d8d8d;}

/* 添加客户 */
#userbox{display: none;width: 100%;position: absolute;top: 40px;z-index: 10;background-color:#ffffff;box-shadow: 5px 4px 5px 0px rgba(14, 14, 14, 0.25);border-top: 1px solid #eee;border-left: 1px solid #eee;}
#userbox .userbox-header{position: relative;background-color: #ffffff;line-height: 40px;font-weight: bold;color:#2c3e50;font-size: 18px;padding: 5px 20px;}
#userbox .userbox-header #userbox-close{float: right;cursor: pointer;}
#userbox .userbox-header #userbox-close:hover{color: #2790ff;}
#userbox .userbox-content{padding: 20px;background-color: #efefef;display: inline-block;width: 100%;box-sizing: border-box;}
#userbox .userbox-content ul{width: 100%;display: inline-block;max-height: 100px;overflow-y: scroll;}
#userbox .userbox-content li{background-color: #ffffff;;cursor: pointer;list-style: none;float: left;padding: 5px 15px;margin-right: 10px;margin-bottom: 10px;color: #444}
#userbox .userbox-content li:hover span{color: #2c3e50;}
#userbox .userbox-content li i{margin-left: 15px;font-weight: 100;font-weight: bold;}
#userbox .userbox-content li i:hover{color: #2790ff;}
#userbox .userbox-footer{height: 36px;}
#userbox .userbox-footer input{margin-bottom:10px;float:left;width: 220px;font-size: 14px;height: 32px;}
#userbox .userbox-footer button{float:right;font-size: 14px;height: 32px;border: none;line-height: 32px;cursor: pointer;}
/* 消息中心 */
.msg-block{min-height: 112px;box-sizing: border-box;padding: 30px 0;}
.msg-block>i{display: inline-block;width: 51px;height: 51px;border-radius: 51px;background: #fafafa url(../images/notice.png)no-repeat center;}
.msg-txt{display: inline-block;width: 760px;margin-left: 10px;min-height: 10px;vertical-align: top;}
.notice-top{height: 16px;line-height: 16px;font-size: 13px;color: #aaa;margin-bottom: 15px;}
.notice-top b{font-size:16px;color:#444;margin-right: 20px;}
.notice-bot{line-height: 24px;}
.msg-btn{padding: 2px 4px;border-radius: 2px;margin-top: 15px;}
.empty-data{width:100%;height:auto;overflow:hidden;padding:50px 0px;box-sizing:border-box;text-align:center;}.empty-data span{font-size:60px;color:#aaa;}
.empty-data p{color:#999;font-size:12px;margin-top:15px;}
.read-all{box-sizing: border-box;padding: 4px;cursor: pointer;}

#outerdiv{position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;}
#innerdiv{position:absolute;}
#bigimg{border:5px solid #fff;}
#medialist{margin: 0 auto;text-align: center;}
.yd-backtop{
    border: 2px solid #01b593;
    width: 2.5rem;
    height: 2.5rem;
    background-color: hsla(0,0%,100%,.85);
    position: fixed;
    border-radius: 50%;
    right: 5%;
    bottom: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1000;
}
.yd-backtop img{
    width: 1.8rem;
    height: 1.8rem;
    text-align: center;
}
.vue-view{
    display: none;
}
.bgreen{
    color: #fff !important;
    background-color: #01b593;
}
.um-selectBox .um-select p span{
    width: 75px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.clear-select{
    cursor: pointer;
}
.pages{
    margin: 0 auto;
    text-align: center;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pages .page-count{
    margin-right: 10px;
    font-size: 12px;
}
.pages .page-jump{
    margin-left: 10px;
    font-size: 12px;
    color: #999;
}
.pages .page-input{
    width: 40px;
    display: inline-block;
    height: 30px;
}
.pages .page-button{
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    vertical-align: top;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0 10px;
    cursor: pointer;
    border: 1px solid #e2e2e2;
    color: #999;
}
.pages .page-button:hover{
    color: #333;
}
.connow:hover{
    color: #fff;
    background-color: #01b593;
}
.item-link a:hover{
    color: #01b593;
}
/*.um-selectBox .um-select p:hover{*/
/*    color: #999;*/
/*}*/
.secmenu-typelist li span:hover{
    color: #999;
}

.brand-icon {
	width: 55px;
	height: 42px;
	float: left;
	margin: 5px 5px
}

        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');
        body { font-family: 'Inter', "PingFang SC", sans-serif; background-color: #F8F7F6; }
        .scrollbar-hide::-webkit-scrollbar { display: none; }
        .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
        .animate-in { animation: fadeIn 0.4s ease-out; }
        .animate-zoom { animation: zoomIn 0.3s ease-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes zoomIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }
        
        /* 报告模态框出现动画 */
        .modal-enter-active, .modal-leave-active { transition: opacity 0.3s ease; }
        .modal-enter-from, .modal-leave-to { opacity: 0; }
        .modal-content-enter-active { transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .modal-content-leave-active { transition: all 0.2s ease; }
        .modal-content-enter-from { opacity: 0; transform: scale(0.9) translateY(20px); }
        .modal-content-leave-to { opacity: 0; transform: scale(0.95) translateY(-10px); }

        /* ========================================================
           ✨ Markdown 富文本专属排版样式 (AI 气泡及报告专用)
           ======================================================== */
        .markdown-body {
            line-height: 1.8;
            color: inherit;
        }
        .markdown-body p {
            margin-bottom: 0.85em;
        }
        .markdown-body p:last-child {
            margin-bottom: 0;
        }
        .markdown-body strong {
            font-weight: 800;
            color: #1e293b; /* 深色强调 */
        }
        .markdown-body ul {
            list-style-type: disc;
            padding-left: 1.5em;
            margin-bottom: 0.85em;
        }
        .markdown-body ol {
            list-style-type: decimal;
            padding-left: 1.5em;
            margin-bottom: 0.85em;
        }
        .markdown-body li {
            margin-bottom: 0.35em;
        }
        .markdown-body li::marker {
            color: #94a3b8;
        }
        .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4 {
            font-weight: 800;
            color: #0f172a;
            margin-top: 1.25em;
            margin-bottom: 0.75em;
        }
        .markdown-body h1:first-child, .markdown-body h2:first-child, .markdown-body h3:first-child {
            margin-top: 0;
        }
        .markdown-body code {
            background-color: #f1f5f9;
            padding: 0.2em 0.4em;
            border-radius: 0.3em;
            font-family: monospace;
            font-size: 0.9em;
            color: #d97706; /* 琥珀色代码高亮 */
        }
        .markdown-body pre {
            background-color: #1e293b;
            color: #f8fafc;
            padding: 1em;
            border-radius: 0.75em;
            overflow-x: auto;
            margin-bottom: 0.85em;
        }
        .markdown-body pre code {
            background-color: transparent;
            color: inherit;
            padding: 0;
        }

        /* 🌟 现代化柔和滚动条美化 */
        ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        ::-webkit-scrollbar-track {
            background: transparent;
        }
        ::-webkit-scrollbar-thumb {
            background: transparent; /* 默认隐藏/透明 */
            border-radius: 10px;
        }
        /* 鼠标悬停在带有滚动条的容器上时，显示滚动条 */
        :hover::-webkit-scrollbar-thumb {
            background: #d6d3d1; /* 柔和的石灰色 */
        }
        /* 鼠标直接悬停在滚动条手柄上时，颜色加深 */
        ::-webkit-scrollbar-thumb:hover {
            background: #a8a29e; 
        }
        /* ✨ 新增：票种文字超出范围时的左右轮播动画与边缘渐隐遮罩 */
        @keyframes pingpong-scroll {
            0%, 15% { transform: translateX(0); }
            85%, 100% { transform: translateX(var(--overflow-dist)); }
        }
        .animate-pingpong {
            animation: pingpong-scroll 5s ease-in-out infinite alternate;
        }
        .mask-edges {
            -webkit-mask-image: linear-gradient(to right, #000 85%, transparent 100%);
            mask-image: linear-gradient(to right, #000 85%, transparent 100%);
        }
        /* ✨ 新增：游客客源地排行榜垂直无限滚动动画 */
        @keyframes marquee-vertical {
            0% { transform: translateY(0); }
            100% { transform: translateY(-50%); }
        }
        .animate-marquee {
            animation: marquee-vertical 25s linear infinite;
        }