*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body,header,aside,section,.ui-actionsheet,.ui-actionsheet-cnt{max-width: 720px;font-family: '微软雅黑';}
.footer{width:100%;font-family: '微软雅黑';}
body{margin:0 auto;word-break: break-word;}
.ui-header ~ .ui-container {border-top:84px solid transparent;min-height: calc(100vh - 64px);}
:root {--theme-color: #FF842B;}
.bgc-f9{background: #F9F9F9;}
.mb4{margin-bottom: 4px;}
.pt30{padding-top: 30px;}
.pt20{padding-top: 20px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt5{margin-top: 5px;}
.pb60{padding-bottom: 60px;}
.mb10{margin-bottom: 10px;}
.pd0{padding: 0!important;}
.p5{padding:5px;}
.plr20{padding-left: 20px;padding-right: 20px;}
.b4e{border-bottom: 4px solid #eee;}
.ui-header, .ui-footer ,.ui-actionsheet{left: auto;z-index: 1000;}
.ui-header ~ .ui-container {border-top:44px solid transparent;min-height: 100vh;}
.pb28{padding-bottom: 28px;}
.mt50{margin-top: 50px;}
ol li{list-style: decimal!important;}
/*标签*/
.tag-list{font-size: 0;}
.tag-list li{display:inline-block;vertical-align:top;height: 22px;border: 1px solid #1B91FF;border-radius: 4px;line-height: 20px;margin-right: 10px;margin-top:10px;font-size: 14px;color: #333;font-weight: normal;padding: 0 1px;}
.tag-list li a{padding:0 5px;color: #1B91FF;font-size: 14px;}
.tag-list li.default{background: #F7F7F7;border: 1px solid #D2D2D2;}
/*空状态*/
.empty-box{width: 100%;background: url("../img/img_empty.png") no-repeat center 50px/181px 100px;padding: 164px 0 50px;color: #999;font-size: 12px;text-align: center;}
/*头部*/
.ui-header{background: #FF842B;height:44px;text-align: center;}
.ui-header .titl{font-size: 16px;font-weight: bold;margin:0;padding:0;}
.ui-header .titl a{color: #fff;}
.ui-header .return-btn{display:block;position: absolute;left: 12px;top:0;color: #fff;font-size: 14px;background: url("../img/icon_btn_return.png") no-repeat left center/9px 15px;padding-left: 15px;}
.ui-header .home-btn{display:block;position: absolute;left: 70px;top:0;background: url("../img/icon_btn_home.png") no-repeat center 13px/16px 16px;width: 16px;height: 100%;}
.ui-header .personal-btn{display:inline-block;position: absolute;right: 12px;top:0;color: #fff;background: url("../img/icon_btn_personal.png") no-repeat left center/16px 16px;height: 100%;padding-left: 0;max-width: 90px;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.ui-header .personal-btn span{font-size: 14px;color: #fff;padding-left: 6px;}
.ui-header .personal-btn.avatar{width: 24px;height: 24px;border-radius: 50%;overflow: hidden;margin-top: 10px;background:none;}

/*banner*/
.top-banner{width:100%;padding-top:42.66667%;}
.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}
.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{padding-bottom: 15px;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.quick-menu li{width: 25%;text-align: center;margin-top: 20px;}
.quick-menu li .thumb{display:block;width: 50px;height: 50px;border-radius: 50%;overflow: hidden;margin: 0 auto 10px;}
.quick-menu li h3{max-width: 64px;margin: 0 auto;}
.quick-menu li h3 a{font-size: 12px;font-weight: bold;color: #333333;}

/*评论*/
.comment-list{padding: 10px;}
.comment-list>li{padding: 20px 0 10px;}
.comment-list .avatar{width: 34px;height: 34px;overflow: hidden;margin-right: 12px;border-radius: 50%;}
.comment-list .username{color: #333;font-size: 14px;}
.comment-list .time{color: #999;font-size: 12px;}
.comment-list .cnt{color: #333;font-size: 14px;line-height: 22px;margin-top: 15px;}
.comment-list .operate{margin-top: 15px;}
.comment-list .operate a{color: #666;font-size: 14px;}
.comment-list .operate a img{vertical-align: middle;margin-top: -2px;margin-right: 6px;}
.comment-list .reply-list{padding-bottom: 8px;}
.comment-list .reply-list .r-avatar{width: 18px;height: 18px;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: 10px;color: #666;}
.comment-list .reply-list li{padding-left: 10px;border-left: 4px solid #F7F7F7;margin-top: 22px;}
.comment-footer{height: 60px;padding: 0 10px;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;}

.ui-header ~ .ui-container {border-top:84px solid transparent;min-height: calc(100vh - 64px);}
:root {--theme-color: #FF842B;}
/*按钮*/
.default-btn{border-radius: 20px;}
/*空状态*/
.empty-box{width: 100%;background: url("../img/img_empty.png") no-repeat center 20px/179px auto;padding-top: 130px;color: #666;font-size: 12px;text-align: center;}
/*头部*/
.ui-header{background: #FF842B;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/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/icon_btn_home.png") no-repeat center center/15px 17px;width: 15px;height: 100%;}
.ui-header .search-btn{display:block;position: absolute;right: 65px;top:0;background: url("../img/icon_btn_search.png") no-repeat center center/17px;width: 17px;height: 100%;}

.ui-header .nav-list{height: 40px;line-height: 40px;}
.ui-header .nav-list a{font-size: 14px;color: #fff;}
.ui-header .nav-list .active a{font-weight: bold; color: #ffe738;}
/*分页*/
.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:20px;text-align:center;height:20px;line-height: 20px;margin: 0 8px;color: #999;font-size: 14px;padding: 0 2px;}
.page-list .next,.page-list .pre{width:54px;color: #bbb;}
.page-list span{background: #FF842B;border-radius: 4px;color: #fff;font-weight: bold;}
/*底部*/
.footer{background: #333;padding: 10px 15px;color: #999;font-size: 12px;text-align: center;line-height: 22px;}
.footer a{color: #999;}

/*分页*/
.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: #FF842B;color: #fff;font-weight: bold;}
/*二级标题*/
.second-title{font-size: 18px;color: #FF842B;text-align: center;font-weight: bold;margin: 0;}
.second-title .line{display: inline-block;vertical-align: middle;width: 40px;height: 2px;border-radius: 2px;background: #eba141;margin: 0 10px;}
/*首页*/
.page-home .top-panel{padding: 10px 10px 7px;}
.top-banner{width:100%;padding-top:42.5%;}
.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 li .thumb{display:block;width: 40px;height: 40px;border-radius: 50%;overflow: hidden;margin: 0 auto 10px;}
.quick-menu li h3{margin: 0 auto;color: #333333;}
.quick-menu li h3 a{font-size: 12px;color: #333333;}
.recommend-panel .panel{padding: 30px 0 35px;border-bottom: 1px solid #eee;}
/*tabd导航*/
.swiper-nav{padding:0 3px 4px;}
.swiper-nav .swiper-slide{width: auto;padding: 0 12px;font-size: 14px;color: #666666;}
.swiper-nav .swiper-slide-thumb-active{color: #333333;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: #FF842B;margin-left: -20px;}
/*品牌列表*/
.brand-list{padding: 0 8px;}
.brand-list li{float: left;width: 50%;padding: 0 12px;margin-top: 20px;}
.brand-list li>a{display: block;}
.brand-list li .img-box{width: 100%;padding-top: 100%;position: relative;margin-bottom: 10px;}
.brand-list li .img-box>span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 8px;border: 1px solid #EEEEEE;padding: 8px;overflow: hidden;}
.brand-list li .img-box img{border-radius: 4px;}
.brand-list li h3{font-size: 16px;color: #333;}
/*专题列表*/
.specialism-list{padding: 0 20px;}
.specialism-list li{margin-top: 5px;background: #EEEEEE;border: 1px solid #EEEEEE;padding-top: 7px;border-radius: 10px;margin-bottom:15px;}
.specialism-list li>a{border-radius: 10px;background: #fff;padding: 15px;}
.specialism-list li .img-box{width: 70px;height: 70px;border-radius: 6px;background: #EEEEEE;padding: 3px;overflow: hidden;margin-left: 15px;}
.specialism-list li .img-box img{border-radius: 6px;}
.specialism-list li h3{font-size: 16px;color: #333;line-height: 21px;margin-bottom: 5px;}
.specialism-list li p{color: #666;font-size: 12px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.extra-list{padding: 0 20px;}
.extra-list li{margin-top: 5px;background: #EEEEEE;border: 1px solid #EEEEEE;padding-top: 7px;border-radius: 10px;margin-bottom:15px;}
.extra-list li>a{border-radius: 10px;background: #fff;padding: 15px;}
.extra-list li .img-box{width: 70px;height: 70px;border-radius: 6px;background: #EEEEEE;padding: 3px;overflow: hidden;margin-left: 15px;}
.extra-list li .img-box img{border-radius: 6px;}
.extra-list li h3{font-size: 16px;color: #333;line-height: 21px;padding:0;margin:0;margin-bottom: 5px;}
.extra-list li p{color: #666;font-size: 12px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/*产品列表*/
.product-list{padding: 0 8px;}
.product-list li{float: left;width: 50%;padding: 0 12px;margin-top: 20px;}
.product-list li>a{display: block;}
.product-list li .img-box{width: 100%;padding-top: 100%;position: relative;margin-bottom: 10px;border-radius: 4px;overflow: hidden;}
.product-list li .img-box>img{position: absolute;top: 0;left: 0;}
.product-list li h3{font-size: 16px;color: #3D3D3D;margin-bottom: 5px;}
.product-list li p{font-size: 12px;color: #666;}
/*文章列表*/
.article-list{padding: 0 20px;}
.article-list li:not(:last-child){border-bottom: 1px solid #eee;}
.article-list li>a{padding: 20px 0;}
.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,.4) url("../img/img_play.png") no-repeat center center/20px;}
.article-list li h3{color: #333;font-size: 16px;line-height: 21px;margin:0;margin-bottom: 5px;}
.article-list li p{color: #999;font-size: 12px;}
.article-list li .time{color: #666;margin-bottom: 5px;}
.article-list li  .other{color: #999;font-size: 12px;margin-top: 10px;}
.article-list li  .other img{vertical-align: middle;margin-top: -2px;margin-right: 4px;}
.article-list li  .other span:first-child{padding-right: 10px;}
.article-list li  .other .status{margin-left: 18px;color: #666;}
/*底部*/
.footer{background: #333;padding: 10px 15px;color: #999;font-size: 12px;text-align: center;line-height: 22px;}
.footer a{color: #999;}
/*标签*/
.tag-sign{display:inline-block;vertical-align:top;height: 22px;border: 1px solid #1B91FF;border-radius: 4px;line-height: 20px;font-size: 12px;color: #666;font-weight: bold;padding: 0 4px;border: 1px solid #D2D2D2;background: #F7F7F7;}
/*文章详细页*/
.page-topicS{padding: 20px;}
.page-entry .big-title{font-size: 20px;color: #333;font-weight: bold;margin-top: 10px;line-height: 26px;padding-left:20px;margin:0;padding:0}
.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-detail .second-title{font-size: 14px;margin:0;}
.page-detail .top-info{padding: 20px;}
.page-detail .big-title{font-size: 20px;color: #333;font-weight: bold;line-height: 26px;margin:0;padding:0}
.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;margin-left: 15px;}
.page-detail .list-panel{font-size: 14px;color: #333;line-height: 18px;padding: 20px 0 20px;}
.page-detail .list-panel .title{color: #666;padding-right: 14px;}
.page-detail .list-panel li:not(:last-child){margin-bottom: 10px;}
.page-detail .list-panel a{color: #54ADFF;}
.page-detail .list-panel .tag-list li{border-color:#54ADFF;margin-top: 0;margin-bottom: 15px;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: #54ADFF;}
.page-detail .list-panel .brand-info .ui-list-info a{display: inline-block;vertical-align: top;max-width: calc(100% - 14px);}

.page-detail .panel{padding: 30px 0 35px;border-top: 1px solid #eee;}
.page-detail .list-panel .price{color: #FF6262;font-weight: bold;}
.page-detail .brand-list,.page-detail .corp-list,.page-detail .product-list{margin: 0 -20px;}
.page-detail .rich-txt{color: #333;}
.page-detail .panel .thumb-box{display: flex;    justify-content: center;    align-items: center;padding-top:6px}
.page-detail .panel .thumb-box img{display: block;max-width: 100%;}

.page-detail .ui-sepcial-item-list{padding:4px 0 7px 10px;line-height:24px;margin:0;}
.page-detail .ui-sepcial-item-list .sequence{width:50px;display:inline-block;text-align:right;}
.page-detail .ui-sepcial-item-result-list{padding:30px;}
.page-detail .ui-sepcial-item-result-list li{line-height:24px;}
.page-detail .ui-sepcial-item-result-list li .sequence{width:50px;display:inline-block;text-align:right;}

/*列表*/
.first-title{font-size: 20px;color: #FF842B;font-weight: bold;padding: 0 15px;margin:0;}
.black-title{color: #333333;}
.page-entry .panel{padding: 20px 0 35px;}
.type-list li{font-size: 14px;color: #666666;margin-right: 24px;}
.type-list li:last-child{margin-right: 0;}
.type-list li a{color: inherit;}
.type-list .active{color: #333333;font-weight: bold;position: relative;}
.type-list .active:after{content: "";position: absolute;bottom: 0;left: 50%;width: 20px;height: 4px;border-radius: 2px;opacity: 0.6;background: #FF842B;margin-left: -10px;}
.page-entry .type-list{padding: 0 15px 4px;}
.page-entry .type-list li{float:left;}
.page-entry .third-title{font-size:14px;text-align: center;color:#FF842B;font-weight:bold;}
/*搜索*/
.page-search .search-box{background: #FF842B;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: #FF842B;font-size: 14px;}
.page-search .type-list{padding: 20px 18px;}
.page-search .panel{padding: 30px 0 35px;border-bottom: 4px solid #eee;}
.page-search .panel:nth-of-type(1){padding-top: 0;}
.page-search .panel:nth-last-of-type(2),.page-search .panel:nth-last-of-type(1){border-bottom:0;}
/*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;}


.question-answer{width:100%;position:relative;min-height:50px}
.hidden-answer{width:100%;height:100%;z-index:10;position: absolute;background: #aaaaaa;left:0;top:0;text-align:center;vertical-align: middle;color:#fff;
    display: flex;/*开启弹性布局*/
justify-content: center;/*横轴居中*/
align-items: center;/*垂直居中*/}


/*搜索乐曲*/
.type-tabnav-container{text-align: center;margin: 9px auto 22px;}
.page-search .site-tabnav,.page-search .type-tabnav{font-size: 0;text-align: center;}
.page-search .site-tabnav li{display: inline-block;vertical-align: top;padding: 10px 15px;}
.page-search .site-tabnav li a{font-size: 18px;color: #999;}
.page-search .site-tabnav li.active a{color: #333;font-weight: bold;}
.page-search .type-tabnav{display:inline-block;border:1px solid #FF842B;border-radius: 4px}
.page-search .type-tabnav li{display: inline-block;vertical-align: top;height: 26px;line-height: 24px;}
.page-search .type-tabnav li:not(:first-child){border-left: 1px solid #FF842B;}
.page-search .type-tabnav li a{color: #FF842B;font-size: 16px;display: block;height: 100%;padding:0 20px;}
.page-search .type-tabnav li.active a{color: #fff;background: #FF842B;}
.page-search .hot-keywords ul{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;margin-top: 6px;}
.page-search .hot-keywords ul li{width: 50%;padding:0 12%;line-height: 32px;}
.page-search .hot-keywords ul li a{font-size: 16px;color: #666;}

.page-search-title{color: #3D3D3D;font-size: 18px;font-weight: bold;padding: 8px 0;}
.page-search-title img{vertical-align: middle;margin-top: -2px;}

.sepcial-list{padding:20px;margin:0 20px;}

/*通知栏*/
.notice-bar {font-size: 12px;    padding: 0 12px;    color: #F0AB57;    background: #FFFCEC;margin-bottom: 8px;}
.notice-bar img {vertical-align: middle;    margin-right: 8px;    margin-top: -3px;}
.notice-warn {background: #FFEFEF;    color: #FF6868;}

.canvas-3d{min-height:300px;}

.specialism-list h3{padding:0;margin:0;color:#333;}

.regist{margin:0 auto;text-align:center;padding:30px 0}

.operate-footer{position: fixed;bottom: 24px;left: auto;max-width: 720px;width: 100%;text-align: center;z-index: 99;}
.operate-footer ul{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;border: 1px solid #F1F1F1;border-radius: 10px;background: #fff;-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);height: 50px;padding: 0 6px;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.operate-footer ul li{padding: 0 18px;}
.operate-footer ul li a{color: #333;font-size: 14px;}
.operate-footer ul li img{vertical-align: middle;margin-right: 4px;margin-top: -2px;}

.favorite-list{padding:0 16px 16px 16px;}
.favorite-list li{line-height:32px;border-top:1px solid #ececec;padding:5px}
.favorite-list li span{float:right;color:#666;}
.favorite-list li:active{background:#efefef}

.katex-html{display: none;}

.markdown-view table {border-collapse:collapse!important;}
.markdown-view table th,.markdown-view table td {border:1px solid #333;padding:3px 12px}
.markdown-view img {max-width:100%;}


.alert{border:1px solid #ccc;border-radius: 5px;padding:5px;}
.alert-warning{color:#997404;background-color: #fff3cd;border-color: #ffe69c;}