.ui-header ~ .ui-container {border-top:88px solid transparent;min-height: calc(100vh - 64px);}
:root {--theme-color: #FC6326;}
.bgc-f9{background: #F9F9F9;}
.bgc-f7{background: #f7f7f7;}
/*间距*/
.mb4{margin-bottom: 4px;}
.pt30{padding-top: 30px;}
.pt20{padding-top: 20px;}
.pb15{padding-bottom: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt5{margin-top: 5px;}
.mb15{margin-bottom: 15px;}
.plr20{padding-left: 20px;padding-right: 20px;}
.b4e{border-bottom: 4px solid #eee;}
/*账号*/
.account-sign.zhu{display: inline-block;background-image: url("../../img/changjiadaquan/icon_zhuzh_small.png");background-size: 37px 16px;width: 37px;height: 16px;}
.page-personal .account-box ul li .thumb.zhuzh:after{content: "";position: absolute;bottom: 0;left: 50%;width: 37px;height: 16px;background: url("../../img/changjiadaquan/icon_zhuzh_small.png") no-repeat center top/100%;margin-left: -19px;}
/*按钮*/
.default-btn{border-radius: 20px;}
/*空状态*/
.empty-box{width: 100%;background: url("../../img/changjiadaquan/img_empty.png") no-repeat center 20px/179px auto;padding-top: 130px;color: #666;font-size: 12px;text-align: center;}
/*头部*/
.ui-header{background:#FC6326;text-align: center;height: auto;}
.ui-header .top-box{height: 44px;position: relative;line-height: 44px;}
.ui-header .titl{font-size: 16px;font-weight: bold;}
.ui-header .titl a{color: #fff;}
.ui-header .titl img{vertical-align: middle;margin-right: 6px;margin-top: -3px;}
.ui-header .return-btn{display:block;position: absolute;left: 15px;top:0;color: #fff;font-size: 14px;background: url("../../img/changjiadaquan/icon_btn_return.png") no-repeat left center/9px 16px;padding-left: 15px;}
.ui-header .home-btn{display:block;position: absolute;left: 79px;top:0;background: url("../../img/changjiadaquan/icon_btn_home.png") no-repeat center center/15px 17px;width: 15px;height: 100%;}
.ui-header .search-btn{display:block;position: absolute;right: 75px;top:0;background: url("../../img/changjiadaquan/icon_btn_search.png") no-repeat center center/17px;width: 17px;height: 100%;}
.ui-header .personal-btn{display:block;position: absolute;right: 15px;top:0;background: url("../../img/changjiadaquan/icon_user.png") no-repeat center center/15px;width: 15px;height: 100%;}
.ui-header .personal-btn.avatar{width: 24px;height: 24px;border-radius: 50%;overflow: hidden;margin-top: 10px;}
.ui-header .nav-list{height: 44px;line-height: 44px;}
.ui-header .nav-list li {width: 33.3%;}
.ui-header .nav-list a{font-size: 14px;color: #fff;opacity: .6;}
.ui-header .nav-list .active a{font-weight: bold;opacity: 1;}
/*分页*/
.page-list{font-size: 0;text-align: center;padding:30px 0;}
.page-list a,.page-list span{display: inline-block;vertical-align: top;min-width:26px;text-align:center;height:25px;line-height: 25px;margin: 0 10px;color: #666;font-size: 16px;padding: 0 2px;}
.page-list .next,.page-list .pre{width:58px;color: #666;}
.page-list span{background:#FC6326;color: #fff;font-weight: bold;}
/*二级标题*/
.second-title{font-size: 18px;color:#333;font-weight: bold;padding: 11px 0;}
.second-title .circle{display: inline-block;vertical-align: middle;width: 10px;height: 10px;border-radius: 50%;background: #FC6326;margin-right: 5px;margin-top: -2px;}
/*首页*/
.page-home .top-panel{padding: 6px 10px 0;}
.top-banner{width:100%;padding-top:42.5%;margin-bottom: 15px;}
.top-banner .swiper-wrapper{position:absolute;top:0;left:0;height:100%}
.top-banner .swiper-slide>a{display:block;width:100%;height:100%;overflow:hidden;border-radius: 10px;}
.top-banner>.swiper-pagination-bullets{bottom:0}
.top-banner>.swiper-pagination-bullets .swiper-pagination-bullet{margin-left:5px;margin-right:5px;width:8px;height:8px;background: #000;opacity: .3;}
.top-banner .swiper-pagination-bullet-active{background:#fff!important;opacity: 1!important;}
.quick-menu{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-top: 15px;}
.quick-menu li{width: 25%;text-align: center;margin-bottom: 15px;}
.quick-menu li .thumb{display:block;width: 50px;height: 50px;border-radius: 8px;overflow: hidden;margin: 0 auto 8px;}
.quick-menu li h3{margin: 0 auto;color: #333333;max-width: 50px;}
.quick-menu li h3 a{font-size: 12px;color: #333333;}
/*查看全部*/
.more-box{padding: 0 58px;margin: 20px 0 25px;}
.more-box a{border-radius: 20px;background: #FFFFFF;border-color: #fff;}
/*tabd导航*/
.type-swiper-nav .swiper-slide{width: auto;padding:9px 8px;font-size: 12px;color: #333;background: #F1F1F1;border-radius: 2px;margin-right: 10px;}
.type-swiper-nav .swiper-slide-thumb-active{background: rgba(252, 99, 38, 0.2);}
.swiper-nav{padding:0 3px 4px;}
.swiper-nav .swiper-slide{width: auto;padding:12px;font-size: 14px;color: #666666;}
.swiper-nav .swiper-slide-thumb-active{color: #FC6326;font-weight: bold;position: relative;}
.swiper-nav .swiper-slide-thumb-active:after{content: "";position: absolute;bottom: 0;left: 50%;width: 40px;height: 4px;border-radius: 2px;opacity: 0.6;background: #FC6326;margin-left: -20px;}

/*品牌列表*/
.brand-list{margin-left: -14px;text-align: center;}
.brand-list li{float: left;width: 50%;margin-bottom: 12px;padding-left: 14px;}
.brand-list li>a{display: block; border-radius: 8px;background: #fff;padding: 14px 15px 20px;}
.brand-list li .img-box{width: 70px;height: 70px;border-radius: 6px;border: 1px solid #EEEEEE;padding: 3px;margin: 0 auto 10px;}
.brand-list li .img-box img{border-radius: 6px;}
.brand-list li h3{font-size: 16px;color: #333;margin-bottom: 5px;}
.brand-list li p{font-size: 12px;color: #666;height: 18px;}
/*企业列表*/
.corp-list li{margin-bottom: 10px;}
.corp-list li>a{background: #fff;padding: 14px 15px;border-radius: 8px;}
.corp-list li .img-box{width: 70px;height: 70px;border-radius: 6px;padding: 3px;overflow: hidden;margin-left: 15px;border: 1px solid #EEEEEE;}
.corp-list li .img-box img{border-radius: 6px;}
.corp-list li h3{font-size: 16px;color: #333;line-height: 21px;margin-bottom: 5px;}
.corp-list li p{color: #666;font-size: 12px;}
.corp-list li p img{vertical-align: middle;margin-right: 3px;margin-top: -2px;}
/*产品列表*/
.product-list{margin-left: -14px;}
.product-list li{float: left;width: 50%;padding-left: 14px;margin-bottom: 12px;}
.product-list li>a{display: block;border-radius: 8px;background: #fff;padding: 10px 10px 15px;}
.product-list li .img-box{width: 100%;padding-top: 100%;position: relative;margin-bottom: 10px;border-radius: 6px;overflow: hidden;}
.product-list li .img-box>img{position: absolute;top: 0;left: 0;}
.product-list li h3{font-size: 16px;color: #333;margin-bottom: 5px;}
.product-list li p{color: #FF6868;font-size: 12px;height: 18px;}
/*文章列表*/
.article-list li{margin-bottom: 10px;}
.article-list li>a{padding: 20px 14px;background: #fff;border-radius: 8px;}
.article-list li .img-box{display:block;width: 80px;height: 60px;overflow: hidden;position: relative;margin-left: 15px;}
.article-list li .img-box.video:after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2) url("../../img/changjiadaquan/img_play.png") no-repeat center center/24px;}
.article-list li h3{color: #333;font-size: 16px;line-height: 21px;margin-bottom: 5px;}
.article-list li p{color: #999;font-size: 12px;}
.article-list li .time{color: #666;margin-bottom: 5px;}
/*底部*/
.footer{background: #333;padding: 10px 15px;color: #999;font-size: 12px;text-align: center;line-height: 22px;margin-top: 10px;}
.footer a{color: #999;}
/*标签*/
.tag-sign{display:inline-block;vertical-align:top;height: 22px;border-radius: 4px;line-height: 20px;font-size: 12px;color:#333;font-weight: bold;padding: 0 4px;border: 1px solid #333;}

/*文章详细页*/
.pd20{padding: 20px;}
.page-topicS .pd20{border-radius: 0 0 10px 10px;}
.page-topicS .big-title{font-size: 24px;color: #333;font-weight: bold;margin-top: 10px;line-height: 1.5em;}
.page-topicS .time{color: #666666;font-size: 12px;margin-top: 10px;}
.page-topicS .video-cnt{padding-top: 56%;position: relative;margin-bottom: 20px;}
.page-topicS .video-cnt embed{width: 100%;height: 100%;position: absolute;top:0;left: 0;}
.page-topicS .rich-txt { font-size: 14px; line-height: 1.8em;margin-top: 20px;}
.page-topicS .tag-list li {margin-right: 15px;}
/*详细页*/
.page-detail .second-title,.page-topicS .second-title{font-size: 16px;}
.page-detail .second-title .circle,.page-topicS .second-title .circle{border: 2px solid #FC6326;background: transparent;}
.page-detail .top-info{position: relative;border-radius: 10px;background: #fff;margin-top: 40px;padding: 70px 20px 20px;}
.page-detail .top-info::before{content: "";position: absolute;top: -40px;left: 0;width: 100%;height: 100px;background:#FC6326;z-index: -1;}
.page-detail .big-title{font-size: 24px;color: #333;font-weight: bold;line-height: 1.5em;}
.page-detail .time{color: #666666;font-size: 12px;margin-top: 10px;}
.page-detail .top-info .img-box{width: 80px;height: 80px;border-radius: 6px;overflow: hidden;border: 1px solid #FFFFFF;position: absolute;top: -26px;left: 20px;}
.page-detail .list-panel{font-size: 14px;color: #333;line-height: 1.3em;padding-top: 25px;}
.page-detail .list-panel .title{color: #666;padding-right: 10px;}
.page-detail .list-panel li:not(:last-child){margin-bottom: 30px;}
.page-detail .list-panel a{color: #1B91FF;}
.page-detail .list-panel .tag-list li{border-color:#1B91FF;margin-top: 0;margin-bottom: 10px;margin-right: 15px;}
.page-detail .list-panel .tag-list li span{display: inline-block;vertical-align: top;max-width: calc(100vw - 170px);}
.page-detail .list-panel .brand-info .img{width: 40px;height: 40px;border-radius: 2px;border: 1px solid #D9D9D9;padding: 2px;overflow: hidden;margin-right: 6px;}
.page-detail .list-panel .brand-info .img img{border-radius: 2px;}
.page-detail .list-panel .brand-info{color: #1B91FF;}
.page-detail .list-panel .brand-info .ui-list-info a{display: inline-block;vertical-align: top;max-width: calc(100% - 14px);}
.page-detail .rich-txt{color: #333; font-size: 14px; line-height: 1.8em;padding: 20px;background: #fff;border-radius: 8px;}
.page-detail .empty-box{background-color: #fff;border-radius: 10px;padding-bottom: 20px;}
/* 品牌详细页 */
.brand-show .top-info{padding: 135px 0 20px;text-align: center;}
.brand-show .top-info .img-box{width: 146px;height: 146px;border-radius: 8px;top: -25px;left: 50%;margin-left: -73px;border: 0;}
.brand-show .top-info .list-panel{border-top: 1px solid #f1f1f1;margin-top: 15px;text-align: left;}
/* 产品详细页 */
.product-show .product-top{border-radius: 0 0 10px 10px;background: #fff;}
.product-show .product-top .price{color: #FF6868;font-weight: bold; font-size: 18px; }
.product-show .product-top .big-title{font-size: 24px;line-height: 32px;font-weight: bold;}
.product-show .product-top .thumb img{width: 100%;height: auto;vertical-align: top;}
.product-show .product-top .list-panel{border-top: 1px solid #f1f1f1;padding: 30px 20px 20px;}

/*列表*/
.page-entry .top-box{padding: 20px;}
.page-entry .top-box .tabs-two{text-align: center;font-size:0;border: 1px solid #FC6326;border-radius: 4px;overflow: hidden;width: 140px;margin: 0 auto 20px;}
.page-entry .top-box .tabs-two li{width: 50%;display: inline-block;vertical-align: top;}
.page-entry .top-box .tabs-two li a{color: #FC6326;font-size: 14px;line-height: 28px;}
.page-entry .top-box .tabs-two li.active{background: #FC6326;}
.page-entry .top-box .tabs-two li.active a{color: #fff;}
.page-entry .top-box .title{font-size: 14px;color: #333;}
.page-entry .top-box .title em{font-size: 28px;font-weight: bold;color: #333;}
.page-entry .top-box p{margin-top: 10px;}
.page-entry .top-box .arrow{color: #666666;font-size: 14px;background: url(../../img/default/icon_arrow_r.png) no-repeat center right/7px 11px;padding-right: 14px;}
.page-entry .top-box .tag-list{margin-top: 5px;}
.page-entry .top-box .tag-list li{margin-right: 16px;}
/*搜索*/
.page-search .search-box{background:#FC6326;padding: 8px 15px;}
.page-search .search-box input{height: 34px;border-radius: 4px;padding: 0 10px;background: #FFFFFF;border: 0;margin-right: 15px;font-size: 14px;}
.page-search .search-box button{width: 68px;height: 34px;border-radius: 4px;background: #FFFFFF;border: 0;color:#FC6326;font-size: 14px;}
.page-search .type-swiper-nav{padding: 4px 0 20px;}
/*404*/
.page-empty{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
/*评论*/
/*.mt-3{margin-top: -3px;}*/
.comment-box{padding: 10px 20px 30px;}
.comment-list>li{padding: 30px 0 0;}
.comment-list .avatar{width: 34px;height: 34px;overflow: hidden;margin-right: 10px;border-radius: 50%;}
.comment-list .username{color: #333;font-size: 14px;max-width: calc(100% - 80px);white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;}
.comment-list .time{color: #999;font-size: 12px;margin-top: 0;}
.comment-list .cnt{color: #333;font-size: 14px;line-height: 22px;margin-top: 15px;}
.comment-list .operate{margin-top: 12px;}
.comment-list .operate a{color: #666;font-size: 14px;}
.comment-list .operate a img{vertical-align: middle;margin-top: -2px;margin-right: 5px;}
.comment-list .reply-list .r-avatar{width: 22px;height: 22px;overflow: hidden;margin-right: 7px;border-radius: 50%;}
.comment-list .reply-list .username{margin-right: 6px;line-height: 18px;}
.comment-list .reply-list .cnt{margin-top: 5px;color: #333;}
.comment-list .reply-list li{padding-left: 8px;border-left: 4px solid #F7F7F7;margin-top: 15px;}
.comment-list .operate-btn{display:block;width: 16px;height: 16px;background: url("../../img/icon_c_operate.png") no-repeat center center/16px;opacity: 0.5;}
.comment-footer{height: 60px;padding: 0 20px;border-top: 1px solid #eee;}
.comment-footer input{height: 32px;border: 1px solid #E5E5E5;border-radius: 2px;margin-right: 14px;line-height: 30px;padding: 0 10px;font-size: 14px;}
.comment-footer button{width: 60px;height: 32px;border: 1px solid #E5E5E5;border-radius: 2px;color: #333;font-size: 14px;text-align: center;line-height: 30px;}
.publish-card{border-radius: 8px;padding: 15px 12px;}
.publish-card .avatar{width: 36px;height: 36px;border-radius: 50%;overflow: hidden;margin-right: 12px;}
.publish-card h3{margin-top: -4px;}
.publish-card h3 a{font-size: 12px;color: #1B91FF;font-weight: bold;}
.publish-card p{font-size: 12px;color: #999;}


