@import url("iconfont.css");
@import url("imageview.css");
@import url("mui.imageviewer.css");

html {
	font-size: 100px;
}

body {
	font-family: sans-serif;
	/*font-family: Arial, STHeiTi, sans-serif;*/
	font-size: 0.14rem;
	line-height: 1.5;
	text-align: left;
	background-color: transparent;
	color: #4B4B4B;
}

body * {
	font-size: 0.14rem;
}

* {
	-webkit-user-select: text;
	-moz-user-select: text;
	-o-user-select: text;
	user-select: text;
}

input,
select,
button,
a {
	outline: 0;
}

a {
	text-decoration: none;
	cursor: pointer;
}


.mui-content {
	background-color: #fff;
	padding: 0.0rem 0.24rem 0em 0.24rem;
}


.mui-bar-tab {
	height: 0.48rem;
}

.mui-bar {
	height: 0.54rem;
}


.mui-bar-nav~.mui-content {
	padding-top: 0.54rem;
}

.mui-bar.mui-bar-nav .xapfont {
    font-size: 0.35rem !important;
    padding-top: 0.11rem;
}

.mui-bar.mui-bar-tab .xapfont {
	font-size: 0.14rem;
}


/* 如果没有icon, 左边也需要留icon的空间 */
.mui-table-view-cell a[data-class='noicon'] {
	padding-left: 0.44rem !important;
	padding-top: 0.053rem !important;
	padding-bottom: 0.053rem !important;
}

.mui-navigate-right span:not([class]) {
	display: inline-block;
	/*width:calc(100% - 0.3rem);*/
	width: calc(100% - 0.35rem);
	/*考虑到overflow ellipsis多加一点点*/
	overflow: hidden;
	text-overflow: ellipsis;
	/*vertical-align: middle;*/

}

.mui-table-view-cell a,
.mui-table-view-cell a span {
	font-size: 0.16rem;
}


/* 去掉默认的后面0.15rem空间 */
.mui-navigate-right:after {
	right: 0rem;
}


/*导航栏*/
.mui-bar {
	background-color: #fff;
	padding-left: 0.24rem;
	padding-right: 0.24rem;
}

.mui-bar-tab {
	padding-left: 0rem;
	padding-right: 0rem;
}

.mui-bar-nav {
    box-shadow: none;
    z-index: 1000;
}

.mui-bar.mui-bar-nav .mui-title {
	text-align: left;
	font-size: 0.18rem;
}

/* 调整图标的上下位置 */
.mui-bar .mui-icon {
	/* 	padding-top: 0.115rem;
	padding-bottom: 0.115rem; */
}

.mui-bar .mui-title {
	line-height: 0.54rem;
	left: 0.55rem;
	right: 1rem;
	/*右边多些，以为后来加了搜索图标*/
}

/* 底部导航栏 */
.mui-bar.mui-bar-tab {
	border-top: solid 1px #DADADA;
}


/* 搜索栏 */

/* 顶部空间 */
.mui-input-row.mui-search {

	/* 
	加了之后激活搜索框时，搜索图标会有点移位。
	margin-top: 0.046rem;
	margin-top: 0.6vh; */

	margin-bottom: 0rem;
}

input[type='search'],
.mui-search .mui-placeholder {
	background-color: #F7F7F7;
	text-align: left;
	height: 0.3rem;
	line-height: 0.3rem;
	border-radius: 0.05rem;
	font-size: 0.14rem;
}

.mui-search .mui-icon {
	line-height: 0.3rem;
}

.mui-input-row.mui-search {
	line-height: 0.173rem;
}

.mui-input-row.mui-search .mui-placeholder span {
	font-size: 0.14rem;
}

.mui-input-row.mui-search .mui-placeholder .mui-icon {
	margin-right: 2.8vw;
	margin-left: 2.8vw;
}

/* 未输入状态的图标 */
..mui-search .mui-placeholder .mui-icon {
	margin-right: 0.1rem;
	margin-left: 0.1rem;
}

/* 输入状态的图标 */
.mui-search:before {
	margin-top: -0.16rem;
}

.mui-search.mui-active::before {
	margin-right: 2.8vw;
	left: 2.8vw;
}

/* 调整图标大小和位置使得未输入状态差不多 */
.mui-search.mui-active:before {
	font-size: 0.14rem;
}

/* 调整清除按钮上边的位置 */
.mui-input-row.mui-search .mui-icon-clear {
    top: 0rem;
    right: 15%;
    font-size: 0.18rem;
    color: #D8D8D8;
}

/* 搜索栏和滚动图片之间的距离 */
input[type='search'] {
	margin-bottom: 0.16rem;
}

.mui-search input[type="search"] {
	padding-left: 0.35rem;
}

.mui-btn.xapbutton {
	border: 0px !important;
	background-color: transparent;
	color: #258BFA;
	font-size: 0.12rem;
	vertical-align: middle;
}

/* 搜索栏后面有个取消按钮,所以宽度要重写, 
同时清除按钮也要跟着减小，默认.mui-input-row里面的按钮宽度是15%，所以这里是85% */
#search-page .mui-search input {
	width: 90%;
}

.mui-input-row .mui-input-clear {
	padding-right: 0.30rem;
	/*修复清除按钮遮挡文字*/
}

#btnCancelSearch {
    padding-right: 0rem;
    padding-left: 0rem;
    text-align: right;
    width: 10%;
}

/* 取消按钮 */
.mui-search .mui-placeholder+.mui-btn {
	text-align: right;
	padding-right: 0rem;
}


/* 去掉ul元素顶部的线，底部的线保留，因为最后一个li已经去掉线了 */
.mui-table-view:before {
	height: 0px;
}

/* 查找页面 */
#search-title {
	color: #A9A9A9;
}

#search-title,
#search-list .mui-table-view-cell p {
    font-size: 0.16rem;
    line-height: 1.5;
}

#search-list .topic-title {
    color: #A9A9A9;
    font-size: 0.12rem;
    display: block;
    white-space: normal;
}

#search-list .topic-title span {
	font-size: 0.12rem;
}

#search-list .mui-ellipsis {
    text-overflow: '...';
}

/*#search-list .mui-ellipsis {
    justify-content: space-between;
    display: flex;
}

#search-list .topic-content {
    display: inline-block;
    max-width: 60vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/

#search-list .mui-table-view-cell {
    padding: 0.05rem 0rem 0.05rem 0rem
}
    #search-list .mui-table-view-cell > a:not(.mui-btn) {
        margin-right: 0rem;
    }

#search-list:not(li):after {
	height: 0rem;
}


#history-list-wrap {
	margin-top: -0.045rem;
	padding-top: 0.04rem;
	top: 0px;
	left: 0px;
	z-index: 99999;
	width: 100%;
}

#history-list-wrap .title {
	color: #A9A9A9;
	background-color: #F7F7F7;
	width: 100vw;
	margin-left: -0.24rem;
	margin-right: -0.24rem;
	padding: 0.1rem;
	padding-left: 0.24rem;
	padding-right: 0.24rem;
}

#clearHistory {
	padding: 0px;
}


.mui-table-view:after,
.mui-table-view:before,
.mui-table-view-cell:after,
.mui-table-view-cell:before {
	background-color: #DADADA;
}

#history-list .mui-table-view-cell {
    padding: 0.15rem 0rem;
    padding-right: 0.24rem;
}


/* 滚动图片 */

#slider {
	height: 30vh;
	overflow: hidden;
	margin-bottom: 0.21vh;
	border-radius: 0.1rem;
}

#slider .mui-slider-group {
	height: 100%;
}

#slider .mui-slider-group .mui-slider-item img {
	margin: 0rem;
	height: 30vh;
    width:100%;
}



/* 功能介绍 */
#gnjs {
	top: 52.5vh;
}



    #gnjs li,
    .mui-table-view-cell {
        padding: 0.09rem 0rem 0.09rem 0.24rem;
        min-height: 0.54rem;
    }

.mui-table-view-cell:after {
	background-color: #DADADA;
}

    .mui-table-view-cell a .mui-icon {
        font-size: 0.34rem;
        vertical-align: middle;
        margin-right: 0.1rem;
        border-radius: 0.07rem;
        color: #D8D8D8;
        /*margin-top: -0.03rem;*/
    }


/* 必备功能 */
#bbgn {
	bottom: 0;
	display: table;
	width: 100%;
	top: 39.2vh;
	padding: 0 0 0 0.24rem;
	table-layout: fixed;
	border-top: 0;
	border-bottom: 0;
	-webkit-touch-callout: none;
	position: absolute;
	z-index: 10;
	right: 0;
	left: 0;

}

#container {
	display: block;
	width: 175vw;
}

#container .mui-tab-item {
	display: inline-block;
}


#bbgn ul {
	height: 0.25rem;
	white-space: nowrap;
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}


#bbgn .mui-tab-item .mui-icon {
    top: 0rem;
    /*width: 18.5vw;
	height: 8.5vh;*/
    width: 0.6667rem;
    height: 0.6667rem;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 20;
    position: relative;
    font-size: 17.5vw;
    border-radius: 0.1rem;
    overflow: hidden;
    color: #D8D8D8;
}


#bbgn .mui-tab-item {
	display: table-cell;
	overflow: hidden;
	height: 0.5rem;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1;
	padding-right: 4.3vw;
}

#bbgn .mui-tab-item .mui-icon~.mui-tab-label {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.13rem;
	margin-top: 0.078rem;
	line-height: 1;
	color: #4B4B4B;
}


/*9宫格*/
.mui-grid-view.mui-grid-9 .mui-media .mui-icon {
	color: #01b5b7;
}


/*去掉侧滑菜单阴影*/
.mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop {
	box-shadow: none;
}

/*侧滑菜单背景*/
.mui-off-canvas-left,
.mui-off-canvas-right {
	background: #fff;
}


/*clear flaot*/
.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

/* 激发IE中的hasLayout属性 for IE8(Quirks)模式和IE6\7浏览器*/
.clearfix {
	zoom: 1;
	/*触发ie的hasLayout属性，清除浮动、清除margin的重叠*/
}

/*mui默认设置margin: 1em 40px;*/
figure {
	margin: 1em 0px;
}

img {
	max-width: 100%;
	max-height: 100%;
}





/* 这2个使得内文右边缩进0.24 */
#offCanvasContentScroll .mui-content-padded {
	margin: 0rem;
	padding-right: 0.24rem;
}

#offCanvasContentScroll .mui-scroll {
	padding-right: 0.24rem;
}



.xapfont {
	margin-right: 0.04rem;
	font-size: 0.16rem;
}


.xap-btn-grey {
	color: #A9A9A9 !important;
}

.xap-btn-blue {
	color: #258BFA !important;
}


/*侧边栏*/

/* 只是底部不要线*/
.mui-table-view-cell.mui-collapse .mui-table-view:before
/*,
.mui-table-view-cell.mui-collapse .mui-table-view:after*/ 
{
	height: 0.01rem;
}

aside .mui-table-view-cell:after {
	left: 0.22rem;
	right: 0.22rem;
	height: 0rem !important;
	/*侧边栏不用要线*/
}

aside .mui-table-view-cell>.mui-table-view:before {
	left: 0rem;
	height: 0rem !important;
	/*侧边栏不用要线*/
}

aside .mui-table-view:before {
	left: 0rem;
	right: 0.22rem;
}

aside .mui-table-view-cell.mui-collapse .mui-table-view {
	margin-left: 0rem;
}

/* 侧边栏二级菜单左边对齐上一级图标后的文字 */
aside .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell {
	padding-left: 0.22rem;
}

aside *[data-has-icon] .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell {
	padding-left: 0.44rem;
}

aside .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after {
	left: 0.16rem;
	right: 0.22rem;
}

aside .mui-navigate-right:after,
.mui-push-right:after {
	right: 0.22rem;
}

aside .mui-table-view-cell a[data-class='noicon'] {
	padding-left: 0.6rem !important;
}


.mui-table-view-cell span.noicon {
	padding-left: 0.44rem;
}


aside div.title {
	background: none;
	padding: 0.35rem 0rem 0.25rem 0.22rem;
	color: #000;
	font-size: 0.2rem;
}

aside .mui-table-view-cell {
	padding: 0.1rem 0px 0.1rem 0.22rem;
}


/*二级菜单不用缩进*/
.mui-table-view-cell.mui-collapse.mui-active .mui-table-view-cell>a:not(.mui-btn).mui-active {
	margin-left: 0rem;
	padding-left: 0rem;
	background-color: transparent;
}

/*当前激活菜单高光颜色*/
.mui-table-view-cell.mui-active {
	background-color: transparent;
}

/* full version 当前的菜单 */
aside .mui-table-view-cell.mui-active.active>a {
	color: #258BFA !important;
}

aside .mui-table-view-cell.mui-active>a {
	color: #258BFA;
}


/*折叠菜单展开也算激活，但不用高光*/
aside .mui-table-view-cell.mui-collapse.mui-active>a {
	color: #000;
}

.mui-table-view-cell.mui-collapse .mui-table-view {
	/*去掉右边默认的空间，解决2，3...级菜单箭头错误的问题*/
	margin-right: 0px;

}

aside .mui-table-view:after {
	margin-left: 0.22rem;
	margin-right: 0.22rem;
	height: 0rem;
}

.mui-table-view-cell > a:not(.mui-btn) {
    margin: 0px;
    padding: 0px 0.24rem 0px 0px;
}

/*菜单右边留点位置给箭头*/
aside .mui-table-view-cell>a:not(.mui-btn) {
	padding-right: 0.22rem;
}

.mui-table-view-cell {
	padding-left: 0rem;
	font-size: 0.16rem;
}

/* 去掉li默认的线左边缩进 */
.mui-table-view-cell:after {
	left: 0rem;
}


.body .ol,
.body .ul {
	padding-left: 0.14rem;
}


.page-banner {
	position: relative;
	height: 30vh;
	background: #D8D8D8;
	border-radius: 0.1rem;
	overflow: hidden;
	margin-bottom: 0.16rem;
}

.page-banner img {
	width: 100%;
	height: 100%;
	margin: 0rem;
}


.page-banner div {
	position: absolute;
	top: 11.8vh;
	width: 100%;
	text-align: center;
	z-index: 999;
    display:none;
}

.page-banner-title {
    font-size: 0.24rem;
    margin-bottom: 0.16rem;
    color: #FFFFFF;
    text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
}

.page-banner-desc {
    font-size: 0.12rem;
    line-height: 1.16;
    color: #FFFFFF;
    text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
}



abbr[title] {
	border-bottom: initial;
}

.mui-bar-tab .mui-tab-item {
	color: #000;
}

.feedback-wrapper .mui-bar-tab .mui-tab-item {
	color: #000;
}

a:not(.clicked) .xapdianzan::before {
    content: "\e62e";	
}
a.clicked .xapdianzan::before {
    content: "\e62f";	
	color:#258BFA;
}

a:not(.clicked) .xaptucao::before {
    content: "\e632";	
}
a.clicked .xaptucao::before {
    content: "\e630";	
	color:#258BFA;
}


.feedback-wrapper .mui-bar-tab .mui-tab-item:nth-child(2) {
	color: #000;
	opacity: 0.4;
}

.can-click {
	opacity: 1 !important;
	color: #000;
}


/* 
==============================
		article.css 
==============================
*/
@media (max-width: 767px) {
	body {
		padding-left: 0px;
	}
}

body.preview {
	padding: 0px 0.1rem;
	margin: 0px;
}

/*覆盖mui.css默认的值 开始*/
article td,
article th {
	padding: 0.05rem;
}

.p {
	margin-top: 0px;
	/*覆盖dita默认的样式：margin-top:1em;*/
}

.mui-bar .mui-title {
	font-size: 0.18rem !important;
	/*mui默认值就是17px，防止定义标题CSS时改写*/
}



/* 已点击 “点赞，吐槽” 图标 */
.mui-active .xapdianzan:before {
	content: "\e62f";
}

.mui-active .xaptucao:before {
	content: "\e630";
}


/*吐槽样式*/
.feedback-wrapper li {
	line-height: 1.5;
}

.feedback-wrapper.mui-popover {
    background: #fff;
    border-radius: 0.1rem 0.1rem 0px 0px;
    padding: 0.155rem 0.155rem 0px 0.155rem;
}

#feedback-list.mui-table-view {
	background-color: #fff;
	max-height: none;
}

#feedback-list h2 {
	text-align: left;
	color: #000;
	font-size: 0.14rem;
	margin-top: 0rem;
}

#feedback-list button {
	color: #000;
	font-size: 0.12rem;
	border-radius: 0.1rem;
	min-height: 0.44rem;
	width: 1.04rem;
	background: #F4F4F4;
	border: 0px;
	margin-bottom: 0.1rem;

	/* 解决英文版内容长导致显示不全 */
	padding: 0.16rem 0rem;
	white-space: pre-wrap;
}

html:not([dir='rtl']) #feedback-list li button {
    margin-left: 0.08rem;
}

    html:not([dir='rtl']) #feedback-list li button:nth-child(1) {
        margin-left: 0px;
    }


[dir='rtl'] #feedback-list li button {
    margin-right: 0.08rem;
}

    [dir='rtl'] #feedback-list li button:nth-child(1) {
        margin-right: 0px;
    }




#feedback-list .mui-btn-blue.mui-active:enabled,
#feedback-list .mui-btn-blue:enabled:active,
#feedback-list .mui-btn-primary.mui-active:enabled,
#feedback-list .mui-btn-primary:enabled:active,
#feedback-list input[type=submit].mui-active:enabled,
#feedback-list input[type=submit]:enabled:active {
	color: #fff;
	border: 0rem;
	background-color: #258BFA;
}


.feedback-wrapper .feedback-list {
	margin: 0rem !important;
}

.feedback-wrapper .mui-input-row {
	margin-bottom: 0.5rem;
}

.feedback-wrapper .mui-input-row input {
	border-radius: 0.07rem;
	border: solid 1px #A0A0A0;
	height: 0.38rem;
}

.feedback-wrapper .mui-input-row input:focus {
	border: solid 1px #258BFA;
}

.feedback-wrapper .mui-input-row .focus-color {
	border-color: #258BFA;
}


@media print {
	body {
		/*display: none;*/
	}

	.mm-menu,
	.goto-top {
		display: none !important;
	}
}


div,
p,
h1,
h2,
h3,
h4,
h5,
figure,
table,
tr,
th,
td,
blockquote,
section,
article {
	margin: 0px;
	padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
.title {
	font-family: sans-serif;
	line-height: 1.2;
}

p {
	margin-bottom: 0.06rem;
	color: #4B4B4B;
}

div[class*=box] p:last-child {
	margin-bottom: 0em;
}


/*mini toc 开始*/

nav>h1:nth-child(1),
nav>h2:nth-child(1),
nav>h3:nth-child(1),
nav>h4:nth-child(1),
.chapter-title {
	font-size: 0.2rem;
	font-weight: bold;
	color: #000;
	page-break-after: avoid;
	margin-top: 0px;
	margin-bottom: 0.2rem;
	line-height: 1.2;
}


/*隐藏 article 下面的第一个标题，因为和 mini toc里面的重复*/
nav+article>.chapter-title {
	display: none;
}

nav+article>h1:nth-child(1),
nav+article>h2:nth-child(1),
nav+article>h3:nth-child(1) {
	display: none;
}

/*dita 输出的时候，有个main元素*/
nav+main>article>h1:nth-child(1),
nav+article>h2:nth-child(1),
nav+article>h3:nth-child(1) {
	display: none;
}


nav>ol {
	border-left: solid 10px #ddd;
}

/*mini toc 结束*/


nav+article {
	padding-top: 0.3rem;
}

/*标题开始*/
h1,
.topictitle1 {
	font-size: 0.2rem;  /*v1版本这里有!important*/
	font-weight: bold;
	margin-top: 0.32rem;
	/* 之前是0.32rem */
	margin-bottom: 0.16rem;
	/* 之前是0.16rem */
	color: #000;
	page-break-after: avoid;
	line-height: 1.1;
}


h2,
h2.sectiontitle,
.topictitle2 {
	font-size: 0.16rem !important;
	line-height: 1.1;
	font-weight: bold;
	margin-top: 0.28rem;
	/* 之前是0.32rem */
	margin-bottom: 0.14rem;
	/* 之前是0.16rem */
	page-break-after: avoid;
	color: #000;
}

h3,
h3.sectiontitle,
.topictitle3 {
	font-size: 0.14rem !important;
	line-height: 1.1;
	font-weight: bold;
	margin-top: 0.24rem;
	/* 之前是0.32rem */
	margin-bottom: 0.12rem;
	/* 之前是0.16rem */
	page-break-after: avoid;
	color: #000;
}

h4,
h4.sectiontitle,
.topictitle4 {
	font-size: 0.14rem !important;
	font-weight: bold;
	margin-top: 0.24rem;
	/* 之前是0.32rem */
	margin-bottom: 0.1rem;
	/* 之前是0.16rem */
	page-break-after: avoid;
	color: #000;
}

h5,
h5.sectiontitle,
.topictitle5 {
	color: #888 !important;
	font-size: 0.14rem !important;
	font-weight: bold;
	margin-top: 0.24rem;
	/* 之前是0.32rem */
	margin-bottom: 0.1rem;
	/* 之前是0.16rem */
	page-break-after: avoid;
}


h1+section>*:first-child,
h2+section>*:first-child,
h3+section>*:first-child,
h4+section>*:first-child {
	margin-top: 0em;
}

/*标题结束*/


.box {
	-moz-border-radius: 0.03rem;
	-webkit-border-radius: 0.03rem;
	border-radius: 0.03rem;
	border: 1px solid #aaa;
	padding: 1em 1em 1em 0.55rem !important;
	margin: 1em 0;
	overflow: hidden;
	position: relative;
}



div.warning {
	margin: 2em 0em;
	padding: 1em;
	border: solid 1px rgb(230, 126, 126);
	background-color: rgba(230, 126, 126, 0.1);
	border-radius: 0.05rem;
}

div.warning .title,
div.note .title {
	margin-top: 0em;
	font-style: normal;
	font-weight: bold;
}

.fa-warning {
	color: red;
}

.fa-warning::before {
	padding-right: 0.05rem;
}


div.warning-box-col1 {
	padding-right: 0.05rem;
}

.warning-box-col1,
.warning-box-col2 {
	display: table-cell;
	margin: 0;
	padding: 0;
	vertical-align: top;
}


div.note {
	margin: 1.5em 0em;
	padding: 1em;
	border: solid 1px rgb(248, 147, 29);
	background-color: rgba(250, 239, 122, 0.3);
	border-radius: 0.05rem;
}

li div.note {
	margin: 1em 0em;
}

/*note下方的符号全部使用实心圆*/
div.note ul {
	list-style-type: disc;
}


.fa-info-circle {
	color: #968120;
}

.fa-info-circle::before {
	padding-right: 0.05rem;
}

div.diagnostic {
	margin: 2em 0em;
	padding: 1em;
	border: solid 1px #ddd;
	border-radius: 0.05rem;
}

div.diagnostic .testgrp>.title {
	margin-top: 0em;
}

.section.testgrp {
	margin-top: 0em;
	margin-bottom: 0em;
}


div.warning ul,
div.note ul,
div.test ul {
	padding-left: 2em;
}

/*table 默认样式*/
table {
	min-width: 50%;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
}

@media screen and (max-width: 767px) {

	table {
		min-width: 100% !important;
	}
}

li table {
	margin-top: 0.1rem;
	margin-bottom: 0.1rem;
}

table,
td,
th {
	border: solid 1px;
	border-collapse: collapse;
}

th {
	font-weight: bold;
	background: #ccc;
}

td,
th {
	padding: 0.05rem;
}

table p {
	margin: 0px;
}


/*没有边框的table*/


table.table_noborder,
table[data-role=table_noborder] {
	border: 0px;
}

table.table_noborder th,
table.table_noborder td,
table[data-role=table_noborder] th,
table[data-role=table_noborder] td {
	border: 0px;
}



table.table_border_top_bottom,
table[data-role=table_border_top_bottom] {
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	border-left: 0px;
	border-right: 0px;
}

table.table_border_top_bottom th,
table.table_border_top_bottom td,
table[data-role=table_border_top_bottom] th,
table[data-role=table_border_top_bottom] td {
	border: 0px;
}

table.table_border_top_bottom thead tr:last-child th,
table.table_border_top_bottom thead tr:last-child td,
table[data-role=table_border_top_bottom] thead tr:last-child th,
table[data-role=table_border_top_bottom] thead tr:last-child td {
	border-bottom: solid 1px #000 !important;
}

table.table_border_top_bottom tbody tr:first-child td,
table[data-role=table_border_top_bottom] tbody tr:first-child td {
	border-top: solid 1px #000 !important;
}


table.table_border_row,
table[data-role=table_border_row] {
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	border-left: 0px;
	border-right: 0px;
	border-collapse: collapse;
}

table.table_border_row td,
table.table_border_row th,
table[data-role=table_border_row] td,
table[data-role=table_border_row] th {
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	border-left: 0px;
	border-right: 0px;
	border-collapse: collapse;
}


/*为了兼容旧版本，旧版本borer类型值在@class里面，现在改成@data-role,  @class留给编辑的时候输入自定义的class*/
table.table_border_box,
table[data-role=table_border_box] {
	border: solid 1px #000 !important;
	border-collapse: collapse;
}

table.table_border_box td,
table.table_border_box th,
table[data-role=table_border_box] td,
table[data-role=table_border_box] th {
	border: 0px;
}

/*table_外部边框_内部边框*/

table.table_vsides_all,
table[data-role=table_vsides_all] {
	border-left: 0px !important;
	border-right: 0px !important;
	border-top: solid 1px #BF0060 !important;
	border-bottom: solid 1px #BF0060 !important;
}

table.table_vsides_all tr td:first-child,
table.table_vsides_alltr th:first-child,
[data-role=table_vsides_all] tr td:first-child,
[data-role=table_vsides_all] tr th:first-child {
	border-left: 0px !important;
}

table.table_vsides_all tr td:last-child,
table.table_vsides_all tr th:last-child,
[data-role=table_vsides_all] tr td:last-child,
[data-role=table_vsides_all] tr th:last-child {
	border-right: 0px !important;
}

/*dl table*/
table[data-role=dl] {
	border: 0px;
}


table[data-role=dl] th,
table[data-role=dl] td {
	border: 0px;
}


.fig {
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
}

.fig br {
	display: none;
}

.figure-box {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 0;
}

.figure-box img:not(.inline) {
	/*border-radius: 0.07rem;*/
	margin-top: 0.20rem;
	margin-bottom: 0.20rem;
}

div.note+.figure-box img:not(.inline) {
	margin-top: 0rem;
}

/* body最后的img后面的空间要减少些，这里以标题3为准，上面有0.24，所以图片后面只要0.08，一起0.32, 因为后面要么结束,要么是下一个标题开始（标题上面已有空间） */
.body .figure-box:last-child img {
	margin-bottom: 0.08rem;
}

.title+.body .figure-box:first-child img {
	margin-top: 0.2rem;
}

ul+.figure-box img:not(.inline) {
	/*因为ul后面有0.14rem;*/
	margin-top: 0.06rem;
}



br+.figure-box {
	margin-top: 0px;
	margin-bottom: 0px;
}



.caption,
figcaption,
table caption {
	color: darkblue;
	margin-top: 0.2rem;
	margin-bottom: 0.03rem;
	text-align: left;
}

table caption {
	margin-top: 0px;
}

li:not(.mui-table-view-cell) p:only-child,
li:not(.mui-table-view-cell) .p:only-child {
	margin-bottom: 0.06rem;
	padding: 0em;
}

li:not(.mui-table-view-cell):last-child p:last-child {
	margin-bottom: 0rem;
}


ul.none {
	list-style-type: none;
}

ul.square {
	list-style-type: square;
}

ul.disc {
	list-style-type: disc;
}

ul.circle {
	list-style-type: circle;
}

ol.decimal {
	list-style-type: decimal;
}

ol.lower-alpha {
	list-style-type: lower-alpha;
}

ol.upper-alpha {
	list-style-type: upper-alpha;
}

ol.lower-roman {
	list-style-type: lower-roman;
}

ol.upper-roman {
	list-style-type: upper-roman;
}


ol:not([class]) ol:not([class]) {
	list-style-type: lower-alpha;
}



ul+p.list_number_body,
ol+p.list_number_body,
p.list_number_body+p.list_number_body {
	margin-left: 3em;
	margin-top: -1em;
	margin-bottom: 1em;
}

p.list_number_body+ul,
p.list_number_body+ol {
	margin-top: 0em;
}

p.list_number_body~ul {
	margin-top: 0.03rem;
}


/*有@start属性的情况下，其实是1个ol，所以去掉上面的空间*/
ol+ol {
	margin-top: -1em;
}


p.list_para {
	margin-left: 2em;
}

p.list_para2 {
	margin-left: 5.8em;
}

p.list_para3 {
	margin-left: 8em;
}


div ul:last-child,
div ol:last-child {
	margin-bottom: 0em;
}


h1 img,
h2 img,
h3 img {
	float: right;
	margin-left: 1em;
	max-width: 30%;
}




@media (max-width: 767px) {
	img {
		max-width: 100%;
		max-height: 100%;
	}
}

a.inlinegraphic img,
img.inlinegraphic,
img.inline {
	display: inline;
	float: none;
	margin: 0rem;
	vertical-align: middle;
	margin-left: 0.03rem;
	margin-right: 0.03rem;
	max-height: 0.16rem;
}

li a.inlinegraphic img,
li img.inlinegraphic {
	display: block;
}

li p a.inlinegraphic img,
li p img.inlinegraphic {
	display: inline;
}

img.icon {
	max-height: 0.16rem;
}


.ph img {
	max-height: 0.16rem;
	vertical-align: middle;
}


p:last-child {
	margin-bottom: 0em;
}

.body li:not(:last-child) p:last-child {
	margin-bottom: 0.06rem;
}

p br:first-child {
	/*display: none;*/
}

/*由于转出来的html是<br></br>，在浏览器中会被解释为2个br, 所以隐藏掉第2个*/
br+br {
	display: none;
}

a {
	cursor: pointer;
}


.mm-selected {
	background: rgba(255, 0, 0, 0.49);
}

.book-title {
	font-size: 0.3rem;
	color: black;
	margin-top: 5em;
	text-align: center;
	vertical-align: middle;
}


/*viewer 工具栏*/
.viewer-one-to-one,
.viewer-play,
.viewer-prev,
.viewer-next {
	display: none;
}


.goto-top {
	display: block;
	position: fixed;
	bottom: 0.05rem;
	right: 0.05rem;
	background-color: rgba(19, 150, 200, 0.48);
	padding: 0.02rem 0.05rem;
	color: white;
	border-radius: 0.03rem;
}

.goto-top:hover {
	background-color: #1396c8;
}


#language-bar {
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: rgba(19, 150, 200, 0.48);
	padding: 0.02rem 0.05rem;
	border-radius: 0.03rem;
}

#language-bar select {
	border: 0px;
}




div.legend {
	margin-bottom: 1em;
}

div.legend ul,
div.legend ol {
	padding-left: 1em;
}



div.topic_box {
	border: solid 1px rgba(62, 150, 55, 0.48);
	padding: 0.1rem;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	border-radius: 0.05rem;
}

div.topic_box>.title {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 1em;
}

/* test, question, answer*/

div.test_box,
div.list_test_box {
	margin: 2em 0em;
	padding: 1em;
	background-color: rgba(221, 221, 221, 0.3);
	border-radius: 0.05rem;
	position: relative;
	padding: 1em 1em 1em 0.55rem !important;
}

div.test_box .title,
div.list_test_box .title {
	font-weight: bold;
}

div.test_box .title:nth-child(1),
div.list_test_box .title:nth-child(1) {
	margin-top: 0em;
}

p.result {
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.action {
	font-weight: bold;
	margin-left: 0.3rem;
	margin-top: 0rem;
	margin-bottom: 0rem;
}

p.action:before {
	content: "> ";
	color: red;
}

/*默认隐藏，否则载入页面时会出现多语言*/
seg {
	display: none;
}


section.footnotes {
	margin-top: 2em;
	border-top: solid 0.02rem #cccccc;
}

section.footnotes li {
	font-size: 90%;
	line-height: 1;
	margin-bottom: 0.05rem;
}


blockquote {
	font-style: italic;
	font-family: serif;
	margin: 0.2rem;
	padding-left: 0.2rem;
	border-left: double 0.05rem #ccc;
	color: #808080;
}

.border_text {
	border: solid 1px #000;
	padding: 0.02rem;
	line-height: 0.7;
	display: inline-block;
	font-family: inherit !important;
}

.strike {
	text-decoration: line-through;
}

ol.steps {
	list-style-type: none;
	counter-reset: step;
}

ol.steps>li::before {
	content: "Step "counter(step) ". ";
	counter-increment: step;
	float: left;
	margin-right: 1em;
}

html[lang^='zh'] ol.steps>li::before {
	content: "第 "counter(step) " 步";
}

ol.steps .box {
	text-indent: 0em;
}


thead td,
thead th {
	font-weight: bold;
}


/*footnote*/

.fn {
	color: #666;
	font-size: 95%;
	margin-bottom: 0.03rem;
}

.body+.fn {
	border-top: solid 1px #ccc;
	padding-top: 1em;
	margin-top: 1em;
}


.previewhtml-error-msg {
	background-color: #000;
	color: #fff;
	z-index: 99;
	display: block;
	padding: 0rem 0.1rem;
}

audio,
video {
	width: 86.7vw;
	display: block;
	margin-bottom: 0.1rem;
	margin-top: 0.1rem;
	max-width: 100%;
	max-height: 100%;
	margin-left: 0px;
	margin-right: auto;
	border-radius: 0.1rem;

}

.sub,
.sup,
sub,
sup {
	font-size: 70%;
}

.indexterm {
	display: none !important;
}

.indexterm-anchor {
	display: inline !important;
}


/*针对viewer.js插件，点击放大图片时svg类型图片设置白色背景*/
div.viewer-canvas img.viewer-move[src$='.svg'],
div.viewer-canvas img.viewer-move[src$='.SVG'] {
	background-color: #fff;
}

.related-links {
	margin-top: 1em;
}

/* 侧滑菜单连接页面上下一个功能的按钮 */
#page-button-wrap {
	text-align: right;
	z-index: 19;
	position: fixed;
	bottom: 1rem;
	right: 0.24rem;
}

#page-button-wrap .xapfont {
	font-size: 0.35rem;
	color: rgba(179, 179, 179, 0.85);
}
#page-button-wrap .mui-icon {
	width:0.5rem;
	height:0.5rem;
}



.mui-off-canvas-wrap.mui-active~#page-button-wrap {
	display: none;
	/*侧边栏出现时隐藏*/
}

/* 去掉scrollbar的横向滚动条 */
.mui-scrollbar-horizontal {
	display: none;
}


a.go-prev,
a.go-next {
	margin-left: 0.1rem;
}


/*自定义属性*/
article.property>section,
div.property>section {
	border-bottom: solid 5px rgba(128, 128, 128, 0.3);
	padding-bottom: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}

article.property>section:nth-last-child(1),
div.property>section:nth-last-child(1) {
	border-bottom: 0px;
}

/*插入的按钮，如“立即体验”*/
a[data-type=button],
button[data-type=button] {
	padding: 0.14rem;
	color: #fff;
	min-width: 1rem;
	text-decoration: none;
	background: #258BFA;
	border-radius: 0.07rem;
	font-size: 0.16rem;
	line-height: 0.24rem;
	display: block;
	width: 1.52rem;
	margin: 0.4rem auto;
	text-align: center;
    border:0px;
}



/* 针对PC SIS */
.sis #tucao {
	/* display:none; */
}

.sis aside,
.sis .mui-bar.mui-bar-nav {
	display: none;
}

.sis .mui-bar {
	/* display:none; */
}

.sis .mui-off-canvas-wrap,
.sis .mui-scroll-wrapper {
	overflow: auto;
}

.sis .mui-bar-tab~.mui-content {
	padding-top: 0rem;
}

.sis .mui-content {
	padding: 0rem;
}

.sis .mui-content-padded {
	padding: 0rem 0.24rem 0.5rem 0.24rem;
}

@media only screen and (max-width: 767px) {
	.navbar-toggle {
		float: none !important;
	}
}

.sis #offCanvasContentScroll .mui-scroll {
	padding-right: 0rem;
}

.sis .mui-fullscreen {}







#gnjs .mui-table-view-cell:after,
#gnjs .mui-table-view:after {
	left: 0.24rem;
	right: 0.24rem;
}

#gnjs .mui-navigate-right:after,
.mui-push-right:after {
	right: 0.24rem;
}

.mui-table-view-cell:after {
    /*二级列表线不用缩进*/
    left: 0rem !important;
}


/*去掉标题后面的表格的margin top*/
.title+.table,
.title+div.body>div.scroll-table>div.mui-scroll>table {
	margin-top: 0rem;
}


/* 新的搜索样式 */

.mui-icon.mui-icon-search,
.mui-search:before {
	font-family: "xapfont" !important;
}

.mui-icon.mui-icon-search:before,
.mui-search:before {
	content: '\e629' !important;
}

.mui-bar .mui-icon.mui-icon-search:before {
	content: '\e62a' !important;

}

.mui-search .mui-placeholder {
	color: #A9A9A9;
}

.mui-search .mui-placeholder .mui-icon,
.mui-search:before {
	color: #A9A9A9;
}


/* 2个标题在一起时,后面的标题去掉前面的空间 */
.title+article>.title {
	margin-top: 0.16rem;
}

/* 点赞按钮中间分割线 */
.mui-bar.mui-bar-tab a:nth-child(1):after {
	content: ' ';
	border-right: solid 1px #e5e5e5;
	float: right;
	color: #fff;
}



/* 去掉搜索框取消按钮点击时的背景颜色 */
button#btnCancelSearch:enabled:active,
button#btnCancelSearch.mui-active:enabled {
	background-color: transparent;
	color: #258BFA;
}

/* 二级菜单对齐一级菜单的文字 */
*[data-has-icon] .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell {
	padding-left: 0.59rem;
}



/*图标改成SVG新增的CSS*/
svg.mui-icon {
	width: 0.34rem;
	height: 0.34rem;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}





/* mobile version */
.pc .mui-scroll-wrapper {
	overflow: auto;
}

.mui-bar .mui-title.toc-index {
	left: 0.24rem;
}


/* 调整字体大小range css */
.mui-input-range input[type='range'] {
	height: 0.05rem;
	background-color: #ccc;
	margin-top: 0.23rem;
	margin-bottom: 0.446rem;
	width: 50%;
}

.mui-input-range input[type='range']::-webkit-slider-thumb {
	background-color: #fff;
	border: solid 3px #258BFA;
	height: 0.15rem;
	width: 0.15rem;
}

.mui-input-range input[type='range']::-moz-range-thumb {
	background-color: #fff;
	border: solid 3px #258BFA;
	height: 0.15rem;
	width: 0.15rem;
}

.mui-input-range input[type='range']::-ms-thumb {
	background-color: #fff;
	border: solid 3px #258BFA;
	height: 0.15rem;
	width: 0.15rem;
}


.mui-input-range .mui-tooltip {
	/* 隐藏range的提示内容 */
	display: none;
}

.mui-input-row.mui-input-range {
	text-align: center;
	padding-right: 0rem;
}

.mui-input-row.mui-input-range h5 {
	font-size: 0.12rem !important;
	font-weight: normal;
}

.mui-input-row.mui-input-range h5:nth-child(1) {
	margin-bottom: 0rem;
	display: table;

}

.mui-input-row.mui-input-range h5 span {
	display: table-cell;
	width: 33.333vw;
	font-size: 0.12rem !important;
}

.mui-input-row.mui-input-range h5:nth-child(1) span:nth-child(1) {
	text-align: right;
}

.mui-input-row.mui-input-range h5:nth-child(1) span:nth-child(3) {
	text-align: left;
}



#setting .mui-input-row.mui-input-range h5:last-child {
	margin-top: 0rem;
	margin-bottom: 0.18rem;
	text-align: center;
	color: #A9A9A9;
}



.note__title+ul,
.note__title+ol {
	margin-top: 0rem;
}


/*2021-01-08*/

main > article > h1:nth-child(1) {
    display: none; /*隐藏h1，标题栏已经显示了*/
}

.mui-bar-tab .mui-tab-item.mui-active {
	color: #000000;
}

.mui-content-padded main {
	margin-bottom: 1.5rem;
	/*为了让页面上滑，以免文字被翻页按钮遮挡*/
}



/* 以下解决 list 底线要齐右边 */
.mui-table-view-cell:after {
	right: 0rem !important;
}

.mui-table-view {
	margin-right: -0.24rem;
}

.mui-table-view-cell > a:not(.mui-btn) {
    margin-right: 0.22rem;
    line-height: 0.34rem;
    /*height: 0.34rem;*/
    min-height:0.34rem;
}

/* end */

/* 图片放大时的背景 */
.mui-preview-image.mui-fullscreen {
	background-color: white;
}

/* 替换列表默认箭头 */
.mui-navigate-right::after {
	content: '\e638';
	font-family: 'xapfont';
	font-size: 0.34rem;
}

.mui-table-view-cell.mui-collapse>.mui-navigate-right::after,
.mui-table-view-cell.mui-collapse>.mui-push-right::after {
	content: '\e63a';
}

.mui-table-view-cell.mui-collapse.mui-active>.mui-navigate-right::after,
.mui-table-view-cell.mui-collapse.mui-active>.mui-push-right::after {
	content: '\e639';
}

/*图片放大背景色*/
.viewer-backdrop {
    background-color: rgba(255, 255, 255, 0.95) !important;
}

.mui-off-canvas-left, .mui-off-canvas-right {
    width: 75%;
}

/* 菜单多行的处理 */

nav .mui-table-view-cell svg {
    float: left;
    position: absolute;
    left: -0.44rem;
    top: 50%;
    margin-top: -0.17rem;
}

/* 第一层要缩进，其他层不用，因为其他层也没有图标 */
nav[data-has-icon='yes'] .mui-table-view-cell a.mui-navigate-right {
    margin-left: 0.44rem;
}

nav[data-has-icon='yes'] .mui-table-view-cell .mui-table-view-cell a.mui-navigate-right {
    margin-left: 0rem;
}

nav[data-has-icon='yes'] .mui-navigate-right span:not([class]) {
    vertical-align: middle;
}

nav .mui-table-view-cell > a:not(.mui-btn) {
    margin-right: 0.22rem;
    height: auto;
    min-height: auto;
    white-space: normal;
    overflow: initial;
}

nav[data-has-icon='yes'] .mui-table-view-cell {
	padding: 0.15rem 0rem 0.15rem 0.24rem; 
	padding-left: 0rem;
}

nav[data-has-icon='yes'] .mui-table-view-cell > a:not(.mui-btn) {
	line-height: inherit;
}

.mui-navigate-right span:not([class]){
	display: flex;
}

aside nav[data-has-icon='yes'] .mui-table-view-cell {
    padding: 0.14rem 0px 0.14rem 0.22rem;
}

/* end */



/* 以下是针对从右向左的语言处理 */

[dir='rtl'] body,[lang='ar'] body{
	text-align: right;
}

[dir='rtl'] .mui-table-view,[lang='ar'] .mui-table-view{
    margin-left: -0.24rem;
	margin-right: auto;
}


[dir='rtl'] .mui-table-view-cell > a:not(.mui-btn),[lang='ar'] .mui-table-view-cell > a:not(.mui-btn){
    margin: 0px;
    margin-right: 0px;
    padding: 0px 0rem 0px 0.24rem;
}


[dir='rtl']  #offCanvasContentScroll .mui-content-padded{
	padding-right: 0rem;
	padding-left: 0.24rem;
}

[dir='rtl']  #offCanvasContentScroll .mui-scroll{
	padding-right: 0rem;
	padding-left: 0.24rem;
}

[dir='rtl'] .mui-bar.mui-bar-nav .mui-title{
	text-align: right;
}


[dir='rtl'] .mui-table-view {
    margin-left: -0.24rem;
	margin-right: 0rem;
}

[dir='rtl'] .mui-table-view-cell a .mui-icon{
	margin-left:0.1rem;
	margin-right: 0rem;
}


[dir='rtl'] nav[data-has-icon="yes"] .mui-table-view-cell {
    padding: 0.15rem 0.24rem 0.15rem 0rem;
    padding-right: 0rem;
}

[dir='rtl'] nav .mui-table-view-cell svg {
    float: right;
    position: absolute;
    right: -0.44rem;
	left:0rem;
    top: 50%;
    margin-top: -0.17rem;
}


[dir='rtl'] .mui-pull-right,[lang='ar'] .mui-pull-right {
    float: left;
}
[dir='rtl'] .mui-pull-left ,[lang='ar'] .mui-pull-left {
    float: right;
}


[dir='rtl'] .mui-navigate-right::after {
    left: 0rem;
	right:auto;
}

[dir='rtl'] nav[data-has-icon="yes"] .mui-table-view-cell a.mui-navigate-right {
    margin-right: 0.44rem;
}

[dir='rtl']  nav .mui-table-view-cell > a:not(.mui-btn) {
    margin-left: 0.22rem;
	margin-right: 0rem;
}

[dir='rtl'] .mui-table-view{
	padding-right: 0rem;
}

[dir='rtl'] .mui-table-view-cell > a:not(.mui-btn){
	padding: 0px 0rem 0px 0.24rem;
}

[dir='rtl']  [data-has-icon] .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell {
    padding-right: 0.59rem;
	padding-left: 0rem;
}

[dir='rtl'] .mui-table-view-cell.mui-collapse .mui-table-view{
	margin-left: 0rem;
	margin-right: -0.15rem;
}

[dir='rtl'] .mui-bar .mui-title.toc-index{
	right:0.24rem;
	left:0rem;
}

[dir='rtl']  aside .mui-navigate-right::after, .mui-push-right::after {
    left: 0.22rem;
	right:auto;
}


[dir='rtl'] aside nav[data-has-icon="yes"] .mui-table-view-cell {
    padding: 0.14rem 0.22rem 0.14rem 0;
}
[dir='rtl'] .mui-bar-nav.mui-bar a.xapback {
	padding-right: 0;
	margin-right: -0.2rem;
}


[dir='rtl'] .mui-bar-nav.mui-bar .mui-icon {
    margin-right: -0.10rem;
    margin-left: -0.10rem;
    padding-right: 0.10rem;
    padding-left: 0;
}

[dir='rtl'] .mui-icon-search {
	padding-left: 0.13rem!important;
}

[dir='rtl'] .mui-bar .mui-title {
    right: 0.55rem;
    left: 1rem;
}

[dir='rtl'] a.go-prev, [dir='rtl'] a.go-next {
    margin-right: 0.1rem;
    margin-left: 0rem;
}

[dir='rtl'] #page-button-wrap {
    left: 0.24rem;
    right: auto;
    direction: ltr;
}
[dir='rtl'] input[type="search"], [dir='rtl'] .mui-search .mui-placeholder, [dir='rtl'] .mui-search.mui-active input[type="search"] {
    text-align: right;
}

/* 阿拉伯文搜索框放大镜等图标的位置 */
[dir='rtl'] .mui-search.mui-active::before {
    margin-left: 2.8vw;
    right: 2.8vw;
    left: auto;
    margin-right: 0px;
}

[dir='rtl'] .mui-input-row .mui-btn {
    float: left;
}

[dir='rtl'] #btnCancelSearch {
    text-align: left;
}

[dir='rtl'] .mui-icon-clear {
    left: 0.4rem !important;
		right:auto!important;
}
[dir='rtl'] #feedback-list h2 {
    text-align: right;
}
[dir='rtl'] .mui-input-row.mui-input-range h5:nth-child(1) span:nth-child(1) {
    text-align: left;
}

[dir='rtl'] .mui-input-row.mui-input-range h5:nth-child(1) span:nth-child(3) {
    text-align: right;
}