.index_content{display:none;}
.index_header_show{position:fixed;top:0;left:0;width:100%;height:3.6em;background: -webkit-linear-gradient(79deg, #1dc8fd, #1ea0fe); background: linear-gradient(79deg, #1dc8fd, #1ea0fe); color:#ffffff;padding-left:1em;padding-right:1em;overflow:hidden;z-index:100;}
.index_header_show li{list-style:none;letter-spacing:0.1em;position:absolute;top:23%;}
.index_header_show li:nth-child(1){width:2.1em;border-radius: 100%;    float: left;left:1em;}
.index_header_show li:nth-child(1)>img{width:100%;height:100%;border-radius:100%;border:1px solid #f0f0f0;}
.index_header_show li:nth-child(2){float:left;margin-left:0.5em;top:16%;left:1.8em;}
.index_concern_showBtn{font-size: 1.6em;border: 0.1em solid #ffffff;padding: 0 0.7em;border-radius:0.3em;float: right;height:1.6em;right:0.7em;top:13% !important;}
.index_header_login{float: right;font-size:1.5em;right:0.7em;top:20%;}
.index_header_login img{width: 12px;height: 12px;margin-right:0.15em;vertical-align:inherit;}
.index_type_selected{border-bottom:0.2em solid #4DA6F8;font-weight:700 !important;}
.index_content{background-color:#fff;z-index:-1;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:14.4em;/*9.4*/}
.partShow{border-bottom:none;}
a{text-decoration:none;color:#333333;}
.index_commentPerson{width:100%;border-bottom:0.1em solid #f5f5f5;padding:0.4em 1em 1em;overflow:hidden;}
.index_commentPerson li{list-style:none;display:inline-block;margin-left:0.2em;vertical-align:middle;float:left;}
.index_commentPerson li:nth-child(1){width:1.8em;height:1.8em;border-radius:1.8em;}
.index_commentPerson li:nth-child(1)>img{width:100%;height:100%;border-radius:100%;}
.fontsize_article_comment_declare{color:#BAC3D2;}
.fontsize_article_comment_declare_special{margin-left:0.5em !important;}
.loadMore{margin-bottom:4em;text-align:center;padding:1em 0;font-size: 1.2em;color: #ccc;}
.loadingGif{width:20%;height:10%;position:fixed;top:40%;left:35%;display:none;}
.mui-bar-tab .mui-tab-item .mui-icon{width:1.2em !important;height:1.2em !important;}
.mui-bar-tab .mui-tab-item.mui-active .mui-tab-label {background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(29, 200, 253, 1)), to(rgba(30, 160, 254, 1)));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.mui-bar-tab .mui-tab-item .mui-icon~.mui-tab-label{margin-top:-0.3em;  font-size:1em !important;}
.mui-bar-tab .mui-tab-item{/*height:3.8em !important;*/height:auto !important;}
.mui-bar-tab{/*height:3.8em !important;*/height:auto !important;transform: translate3d(0, 0, 0);padding-bottom: constant(safe-area-inset-bottom) !important;padding-bottom: env(safe-area-inset-bottom) !important;}
.fixedContent{position:fixed;top:6em;left:0;width:100%;z-index:100;}
.wrapper01 {/*display:none;position:fixed;top:6em;left:0;*/height:3.4em;width: 100%;overflow: hidden;margin:0 auto;border-bottom:1px solid #f5f5f5;/*border-top:1px solid #f5f5f5;*/background-color:#fff;z-index:100;}
.wrapper01 .scroller {position:absolute;left:0;right:0;/*margin:0 auto;text-align:justify;*/}
.wrapper01 .scroller li {height:2.05em;min-width:3em;color:#333;float: left;line-height: 2.1em;text-align: center;list-style:none;font-size:1.6em;padding-left:.5em;padding-right:.5em;}
.wrapper02 {display:none;position:fixed;top:0;left:0;height:3.4em;width: 100%;overflow: hidden;margin:0 auto;background-color:#fff;z-index:100;}
.wrapper02 .scroller {position:absolute;left:0;right:0;/*margin:0 auto;text-align:justify;*/}
.wrapper02 .scroller li {height:2.05em;min-width:4.5em;color:#333;float: left;line-height: 2.1em;text-align: center;list-style:none;font-size:1.6em;margin :0 !important;}
.wrapper02 .scroller li:nth-child(1){margin-left:1em !important;}
.index_type_choosed{color: #fff !important;background-color: #00a8ff;}
.swiper-container {width: 100%;background-color:#fff !important;overflow-y:hidden !important;position:relative;top:3.4em;}
.swiper-wrapper{padding-top:10%;}
.swiper-slide {background-position: center;background-size: 100% auto;background-repeat:no-repeat;width: 76% !important;position:relative;-webkit-box-shadow: 0px 10px 20px rgba(15, 15, 15, .2);-moz-box-shadow: 0px 10px 20px rgba(15, 15, 15, .2);box-shadow: 0px 10px 20px rgba(15, 15, 15, .2);border-radius:8px !important;}
.scroll_content{position:absolute;bottom:0;left:0;right:0;width:100%;height:6em;background-color:rgba(255,255,255,0.7);border-radius:0 0 8px 8px;}
.scroll_content>span{display:block;text-align:center;max-width:60%;text-overflow:ellipsis;overflow:hidden;margin:0 auto;white-space: nowrap;}
.scroll_content>span:nth-child(1){margin-top:6px;color: #333;font-size: 1.6em;}
.scroll_content>span:nth-child(2){color: #999;font-size: 1.3em;margin-top:-3px;}
.swiper-container-horizontal>.swiper-scrollbar{bottom:0 !important;}
.swiper-container-3d .swiper-slide-shadow-left {background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.2)),to(rgba(0,0,0,0))) !important;background-image: -webkit-linear-gradient(right,rgba(0,0,0,.2),rgba(0,0,0,0)) !important;background-image: -moz-linear-gradient(right,rgba(0,0,0,.2),rgba(0,0,0,0)) !important;background-image: -o-linear-gradient(right,rgba(0,0,0,.2),rgba(0,0,0,0)) !important;
background-image: linear-gradient(to left,rgba(0,0,0,.2),rgba(0,0,0,0)) !important;border-radius:8px;-webkit-border-radius:8px;}
.swiper-container-3d .swiper-slide-shadow-right {background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.2)),to(rgba(0,0,0,0))) !important;background-image: -webkit-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0)) !important;background-image: -moz-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0)) !important;background-image: -o-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0)) !important;background-image: linear-gradient(to right,rgba(0,0,0,.2),rgba(0,0,0,0)) !important;border-radius:8px;-webkit-border-radius:8px;}
.progressBar{position:absolute;bottom:0;height:2px;background-color:#00a8ff;}
.category_list{display:none;z-index: 99999;position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 100%;background-color: #f7f7f7;padding:1em;}
.closeCategory{width:1.3em;}
.category_list_title{overflow:hidden;margin-top:1em;}
.category_list_title>p{display:inline-block;margin-bottom:0 !important;vertical-align:bottom;}
.category_list_title>p:nth-child(1)>span:nth-child(1){font-size:1.4em;}
.category_list_title>p:nth-child(1)>span:nth-child(2){font-size:1.2em;color:#999;margin-left:5px;}
.category_list_title>p:nth-child(2){float:right;border:1px solid #00a8ff;color:#00a8ff;width:4em;height:2em;line-height:2em;text-align:center;border-radius:10px;}
.category_name>li{display:inline-block;width:21%;height:3em;background-color:#f1f1f1;text-align:center;line-height:3em !important;font-size:1.2em !important;border-radius:4px;margin:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;}
.category_name>li:nth-child(4n){margin-right:0 !important;}
.category_name>li:nth-child(4n-3){margin-left:0 !important;}
.type_select{color:#00a8ff !important;}
.index_entrance{padding:1em;overflow:hidden;background-color:#fff;height:6em;position:fixed;top:0;left:0;right:0;width:100%;z-index:100;}
.entrance_avatar{width:3em;height:3em;vertical-align:middle;border-radius:4px;}
.entrance_info{max-width: 49%;display: inline-block;vertical-align: middle;margin-left: 2%;overflow: hidden;max-height: 6em;}
.entrance_info>p:nth-child(1){font-size: 1.5em !important;max-width: 100%;color:#333;margin-bottom:0;}
.entrance_info>p:nth-child(2){font-size: 1.2em !important;color: #BAC3D2 !important;max-height: 3em;line-height: 1.3em;max-width: 100%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom:0;}
.index_concern_showBtn{width: 4.2em;height: 1.8em;border: 1px solid #666;float: right;line-height: 1.8em;text-align: center;border-radius: 1em;font-size: 1.4em;color: #333;margin-top: 1.2em;}
.entrance_enter{display:inline-block;width: 4.2em;height: 1.8em;float: right;line-height: 1.9em;text-align: center;border-radius: 4px;font-size: 1.4em;color: #fff;margin-top: .6em;background-color:#00a8ff;border:none;}
.app_actions{vertical-align:middle;display:inline-block;border:1px solid #f0f0f0;border-radius:20px;padding:0 10px;height:18px;line-height:17px;}
.app_actions>img{vertical-align:middle;height:1.2em;}
.app_nickname{max-width: 35%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index_searchpart{width: 64%;display: inline-block;height:100%;float:left;}
.searchpart{padding:1em 1em .5em 1em;background-color:#fff;border-top:1px solid #f5f5f5;}
.index_search_input{border: none;background-color: #f3f4f6;height: 100%;width: 68%;vertical-align: top;border-radius: 4px 0 0 4px;padding:0 0.5em;font-size:1.5em;}
.search_input{border: none;background-color: #f3f4f6;height: 100%;width: 80%;vertical-align: top;border-radius: 4px 0 0 4px;padding: 0 0.5em;font-size: 1.5em;}
.index_searchpart>p{display: inline-block;width: 30%;color: #fff;height: 100%;vertical-align: top;margin-left: -4px;text-align: center;font-size: 1.5em;border-radius: 0 4px 4px 0;}
.vote_backdrop{width: 76.8%;background-color: #f3f5f7;border-radius: 3px;padding: 0 5px;display: inline-block;vertical-align: middle;height: 3em;line-height: 3em;margin-right: 2%;}
#searchBtn{width: 20%;display: inline-block;vertical-align: middle;margin-bottom: 0;text-align: center;background-color: #00a8ff;color: #fff;height: 2.2em;line-height: 2.2em;border-radius: 3px;font-size: 1.4em;}