/*
 * Copyright @ souutu.com/syt5.com/3gbizhi.com
 * Data: 2017-10-21
 */

/* ==========================================================================
   CSS Normalize Styles
   ========================================================================== */

body {
    font: 14px/1.5 'PingFang SC', 'Lantinghei SC', 'Microsoft YaHei', 'HanHei SC', 'Helvetica Neue', 'Open Sans', 'Arial', 'Hiragino Sans GB', '微软雅黑', 'STHeiti', 'WenQuanYi Micro Hei', 'SimSun', sans-serif;
    font-weight: 200;
    padding: 0;
    margin: 0;
}

.popFaceTitle a:hover,
a,
a:hover {
    text-decoration: none;
    font-weight: 200;
}

#body,
#login-body,
.btn-current-middle {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

#body {
    color: #282828;
}

button,
caption,
dd,
div,
dl,
dt,
em,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
img,
input,
label,
li,
ol,
p,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

ul,
ol,
li,
dl,
dd {
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style: none outside none;
}

a {
    color: inherit;
    outline: 0
}

a:focus {
    outline: 0
}

a[class|=btn] {
    vertical-align: top;
    zoom: 1
}

figure {
    margin: 0;
}

img {
    border: 0;
    vertical-align: middle;
    /*width: inherit; height: inherit;*/
}

b,
strong {
    font-weight: normal;
}

i,
cite,
em,
var,
address,
dfn {
    font-style: normal;
}

abbr[title],
abbr[data-original-title] {
    /*标记缩写*/
    cursor: help;
    border-bottom: 1px dotted;
}

mark {
    /*高亮文本*/
    background: var(--huangse);
    color: var(--heise);
}

small {
    /*标记小字*/
    font-size: 80%;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    color: inherit;
    font: inherit;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

input::-ms-clear {
    display: none;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid #c0c0c0;
}

legend {
    padding: 0;
    border: 0;
}

textarea {
    overflow: hidden;
    resize: none;
}

optgroup {
    font-weight: bold;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;
}

object {
    outline: none;
}

/* ==========================================================================
   CSS Base Styles
   ========================================================================== */

/* 浮动 */
.z {
    float: left !important;
}

.y {
    float: right !important;
}

/* 清除浮动 */
.cl:before,
.cl:after {
    content: " ";
    display: table
}

.cl:after {
    clear: both
}

.cl {
    *zoom: 1
}

/* 显示/隐藏 */
.show {
    display: block !important;
}

.hide {
    display: none;
}

/* 相对定位 */
.pos {
    position: relative;
}

/*块级元素*/
.block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.inblock {
    display: inline-block;
}

/*单行文本溢出文本显示省略号*/
.ellipsis {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 灰色 */
.grays {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%);
    /* chrome+ */
    filter: grayscale(100%);
    /* 未来浏览器 */
    filter: gray;
    /* ie6-8 */
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    /*ie6-9 */
    opacity: 0.5;
    filter: opacity(50);
}

/*页面选中时背景颜色*/
::selection {
    background: var(--lanse);
    color: var(--baise);
}

::-moz-selection {
    background: var(--lanse);
    color: var(--baise);
}

.border-top {
    border-top: 1px solid #eee;
}

.main-wrapper {
    margin-bottom: 40px
}

/* 通用容器，定义页面宽度 具有五个级别 */
.wps {
    width: 880px;
    margin: 0 auto;
}

.wpu {
    width: 940px;
    margin: 0 auto;
}

.wpn {
    width: 1180px;
    margin: 0 auto;
}

/* 4 列 * 300 */
.wpm {
    width: 1480px;
    margin: 0 auto;
}

/* 5 列 * 300 */
.wpw {
    width: 1780px;
    margin: 0 auto;
}

/* 6 列 * 300 */
.wpv {
    width: 0px;
    margin: 0 auto;
}

.wpx {
    width: 0px;
    margin: 0 auto;
}

/* 外边距样式，作用于元素的上下外边距，上下各具有 n, m, w 三个级别 */
.mtn {
    margin-top: 5px !important;
}

.mtm {
    margin-top: 10px !important;
}

.mtw {
    margin-top: 20px !important;
}

.mtv {
    margin-top: 30px !important;
}

.mbn {
    margin-bottom: 5px !important;
}

.mbm {
    margin-bottom: 10px !important;
}

.mbw {
    margin-bottom: 20px !important;
}

.mbv {
    margin-bottom: 30px !important;
}

.mrn {
    margin-right: 5px !important;
}

.mrm {
    margin-right: 10px !important;
}

.mrw {
    margin-right: 20px !important;
}

.mrv {
    margin-right: 30px !important;
}

.mln {
    margin-left: 5px !important;
}

.mlm {
    margin-left: 10px !important;
}

.mlw {
    margin-left: 20px !important;
}

.mlv {
    margin-left: 30px !important;
}

.mtbn {
    margin: 5px 0 !important;
}

.mtbm {
    margin: 10px 0 !important;
}

.mtbw {
    margin: 20px 0 !important;
}

.mtbv {
    margin: 30px 0 !important;
}

.mlrn {
    margin: 0 5px !important;
}

.mlrm {
    margin: 0 10px !important;
}

.mlrw {
    margin: 0 20px !important;
}

.mlrv {
    margin: 0 30px !important;
}

/* 内边距样式，作用于元素的上下内边距，上下各具有 n, m, w 三个级别 */
.ptn {
    padding-top: 5px !important;
}

.ptm {
    padding-top: 10px !important;
}

.ptw {
    padding-top: 20px !important;
}

.ptv {
    padding-top: 30px !important;
}

.prn {
    padding-right: 5px !important;
}

.prm {
    padding-right: 10px !important;
}

.prw {
    padding-right: 20px !important;
}

.prv {
    padding-right: 30px !important;
}

.pln {
    padding-left: 5px !important;
}

.plm {
    padding-left: 10px !important;
}

.plw {
    padding-left: 20px !important;
}

.plv {
    padding-left: 30px !important;
}

.pbn {
    padding-bottom: 5px !important;
}

.pbm {
    padding-bottom: 10px !important;
}

.pbw {
    padding-bottom: 20px !important;
}

.pbv {
    padding-bottom: 30px !important;
}

.ptbn {
    padding: 5px 0 !important;
}

.ptbm {
    padding: 10px 0 !important;
}

.ptbw {
    padding: 20px 0 !important;
}

.ptbv {
    padding: 30px 0 !important;
}

.plrn {
    padding: 0 5px !important;
}

.plrm {
    padding: 0 10px !important;
}

.plrw {
    padding: 0 20px !important;
}

.plrv {
    padding: 0 30px !important;
}

/* 文本属性：标题 字号、样式、颜色、背景颜色 */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: inherit;
    font-family: inherit;
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
}

h1,
.h1 {
    font-size: 24px
}

h2,
.h2 {
    font-size: 18px;
    line-height: 1.5555556
}

h3,
.h3 {
    font-size: 16px
}

h4,
.h4 {
    font-size: 14px;
    line-height: 1.5714285
}

h5,
.h5 {
    font-size: 12px
}

p {
    margin: 0;
    font-size: 14px;
    line-height: 1.57142858;
    word-wrap: break-word;
    word-break: break-word;
}

/* 字号 */
.f12 {
    font-size: 12px !important;
}

.f14 {
    font-size: 14px !important;
}

.f16 {
    font-size: 16px !important;
}

.f18 {
    font-size: 18px !important;
}

.f20{
    font-size: 20px !important;
}

.f22 {
    font-size: 22px !important;
}

.f24 {
    font-size: 24px !important;
}

.f26 {
    font-size: 26px !important;
}

/*文本样式*/
.txt-left {
    text-align: left
}

.txt-right {
    text-align: right
}

.txt-center {
    text-align: center
}

.txt-bold {
    font-weight: bold
}

/*文本颜色*/
.txt-primary {
    color: var(--lanse);
}

a.txt-primary:hover {
    color: var(--lanse);
    text-decoration: underline;
    transition: all 0.2s ease-in-out;
}

.txt-gray {
    color: #b8c4ce;
}

a.txt-gray:hover {
    color: #34495e;
}

/*背景颜色*/
/*.bg-primary { background-color: #3499da !important; color: #fff !important; }*/
.bg-gray {
    background-color: #b8c4ce !important;
    color: #fff !important;
}

.bg-nature {
    background-color: transparent !important;
    color: #2c3e50 !important;
}

.bg-orange {
    background-color: #ff8d41 !important;
    color: #fff !important;
}

.bg-blue {
    background-color: #3498db !important;
    color: #fff !important;
}

.bg-green {
    background-color: #1abc9c !important;
    color: #fff !important;
}

.bg-purple {
    background-color: #9b59b6 !important;
    color: #fff !important;
}


.hongse {
    background: var(--hongse);
}

.huangse {
    background: var(--huangse);
}

.baise {
    background: var(--baise);
    color: #000;
}

.lvse {
    background: var(--lvse);
}

.qingse {
    background: var(--qingse);
}

.lanse {
    background: var(--lanse);
}

.zise {
    background: var(--zise);
}

.heise {
    background: var(--heise);
}

.zongse {
    background: var(--zongse);
}

.chengse {
    background: var(--chengse);
}

.fense {
    background: var(--fense);
}

.huise {
    background: var(--huise);
}

.xuancai {
    background: var(--hongse);
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, var(--lanse), var(--hongse));
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, var(--lanse), var(--hongse));
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/*宽度*/
.col-n {
    width: 280px !important;
}

.col-m {
    width: 520px !important;
}

.col-w {
    width: 580px !important;
}

.col-v {
    width: 880px !important;
}

.col-x {
    width: 1180px !important;
}

/*高度*/
.hei-n {
    height: 100px;
}

.hei-m {
    height: 520px;
}

.hei-w {
    height: 720px;
}

/**
 * 按钮 Buttons 
 **/
.btn {
    display: inline-block;
    padding: 10px 20px;
    /*height: 40px;*/
    /*height: 20px;*/
    /*line-height: 1.42857143;*/
    line-height: 20px;
    letter-spacing: 1px;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    /*禁止选择文字*/
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*background-image: none;*/
    border: none;
    /*border-radius: 2px;*/
}

.btn:hover {
    transition: background-color 0.2s ease-in-out;
    color: var(--baise);
}

.btn:focus,
.btn:active:focus {
    outline: none;
}

/*禁用按钮*/
.btn.disabled {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=60);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .60;
}

/*蓝色按钮*/
.btn-primary {
    color: #fff;
    background-color: #3498db;
}

.btn-primary:hover {
    color: #fff;
    background-color: #3da2e3;
}

.btn-primary:active {
    background-color: #298fd3;
}

/*灰色按钮*/
.btn-gray {
    color: #fff;
    background-color: #b8c4ce;
}

/*无背景按钮*/
.btn-nature {
    color: #2c3e50;
    background-color: transparent;
}

.btn-nature:hover {
    color: #fff;
    color: #3498db;
}

/*橙色按钮-小米主题站*/
.btn-orange {
    color: #fff;
    background-color: #ff7920;
}

.btn-orange:hover {
    color: #fff;
    background-color: #ff8d41;
}

.btn-orange:active {
    background-color: #ee6f1a;
}

/*定义按钮高度*/
.btn-mini {
    /*height: 30px;*/
    padding: 5px 20px;
}

.btn-big {
    /*height: 50px; line-height: 1.5;*/
    padding: 15px 30px;
    font-size: 16px;
}

/*定义按钮宽度*/
.btn-fixed-n {
    width: 80px;
    padding-left: 0;
    padding-right: 0;
}

.btn-fixed-m {
    width: 120px;
    padding-left: 0;
    padding-right: 0;
}

.btn-fixed-w {
    width: 160px;
    padding-left: 0;
    padding-right: 0;
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/**
 * 表单 Form 
 **/

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 14px;
    border: 0;
    outline: 0
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner {
    border: none;
    padding: 0
}

/* 单选框、复选框 */
.checkbox {
    position: relative;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 20px 0;
}

.checkbox input[type="checkbox"] {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
}

.checkbox input[type="checkbox"]+label .icon-ok-sign {
    display: inline-block;
    background-color: #b8c4ce;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    height: 16px;
    width: 16px;
    float: left;
    margin: 7px 7px 7px 0;
}

.checkbox input[type="checkbox"]:checked+label .icon-ok-sign {
    background-color: #3498db;
    color: #fff;
}

/*网站整体灰色背景*/
.body-gray {
    background-color: #eff3f5;
}

/*部分白色背景*/
.bg-white {
    background-color: #fff;
}

.imgload {
    background: url(/theme/wyp_icp_bizhi/images/imgload.gif) center #ffffff no-repeat !important;
    background-size: 50px auto !important;
}

.imgload_min {
    background: url(/theme/wyp_icp_bizhi/images/imgload.gif) center #ffffff no-repeat !important;
    background-size: 25px auto !important;
}

.faaa {
    color: #aaaaaa;
}

.fc-333 {
    color: #333333;
}

.fc-666 {
    color: #666666;
}

.fc-999 {
    color: #999999;
}

.fc-000 {
    color: #000000;
}

.hightlight {
    color: #f4523b;
}

.Lh-n {
    line-height: 30px;
}

.Lh-m {
    line-height: 35px;
}

.Lh-w {
    line-height: 40px;
}

.Lh-v {
    line-height: 45px;
}

.menuHot {
    width: 28px;
    height: 28px;
    background: url(/theme/wyp_icp_bizhi/images/svg/new.svg) no-repeat;
    background-size: 28px auto;
    background-position: 0 0;
    left: 72px;
    top: 0;
    position: absolute;
}

.pc-wrapper {
    width: 1130px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.xuancai {
    background: var(--hongse);
    background: -webkit-linear-gradient(to right, var(--lanse), var(--hongse));
    background: linear-gradient(to right, var(--lanse), var(--hongse));
}

.Fhongse {
    color: var(--hongse);
}

.Fhuangse {
    color: var(--huangse);
}

.Fbaise {
    color: var(--baise);
}

.Flvse {
    color: var(--lvse);
}

.Fqingse {
    color: var(--qingse);
}

.Flanse {
    color: var(--lanse);
}

.Fzise {
    color: var(--zise);
}

.Fheise {
    color: var(--heise);
}

.Fzongse {
    color: var(--zongse);
}

.Fchengse {
    color: var(--chengse);
}

.Ffense {
    color: var(--fense);
}

.Fhuise {
    color: var(--huise);
}

.Fxuancai {
    background-image: -webkit-linear-gradient(left, var(--lanse), var(--hongse));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.loadcss_v1 {
    width: 10px;
    height: 10px;
    margin: 0 auto;
    padding: 5px;
    border: 5px dashed #d30000;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
}

.loadcss_v1 {
    animation: k-loadingD 1.5s .3s cubic-bezier(.17, .37, .43, .67) infinite;
}

.clear {
    clear: both;
}

.pos-r {
    position: relative;
}

.pos-abs {
    position: absolute;
}

.dispblock {
    display: block;
}

.dispflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.dispflex-l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dispflex-r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

.dispflex-l-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.dispflex-l-b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}
.dispflex-c-t {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

/* 换行 */
.dispflex-rowwrap {
    display: flex;
    flex-flow: row wrap;
    flex: initial;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
}
.dispflex-center{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.dispflex-end {
    align-items: flex-end !important;
}

.box_black {
    box-shadow: 4px 6px 12px 2px rgba(0, 0, 0, 0.12), -4px 6px 12px 2px rgba(0, 0, 0, 0.12);
}
.box_black_a{box-shadow: 4px 6px 12px 2px rgb(0 0 0 / 5%), 0 4px 8px 0px rgb(0 0 0 / 5%);}
.box_txt_black {
    box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.12);
}
.search-term::before {
    content: "“";
    color: rgb(221, 221, 221);
}
.search-term::after {
    content: "”";
    color: rgb(221, 221, 221);
}
.loadhtml{
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	border-radius: 5px;
	background-color: rgba(0,0,0,0.75);
	color: var(--baise);
	position: fixed;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
	font-size: 18px;
	z-index: 1002;
}
.head-tmenu-c .husermenu{
	width: 34px;
	height: 34px;
}
.head-tmenu-c .husermenu .avatar{
	width: 34px;
	height: 34px;
	display: block;
	border-radius: 34px;
	overflow: hidden;
}
.head-tmenu-c .husermenu .avatar img{
	width: 100%;
	height: auto;
}
.head-tmenu-c .husermenu .menulist{
	padding: 20px 24px;
	border-radius: 12px;

}
/* layui-white */
.layuser{
    animation-name: layui-downbit;
    -webkit-animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-duration: .3s;
    animation-fill-mode: both;
    position: absolute;
    left: -999999px;
    top: -999999px;
    z-index: 77777777;
    margin: 5px 0;
    min-width: 140px;
    border-radius: 8px;
    box-shadow: var(--mobileCtextshadow2);
    background-color: var(--mobile_baise);
    color:var(--mobileC_444);
    box-sizing: border-box;
    overflow: hidden;
}
.layuser * {
    box-sizing: border-box;
}
.layuser:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    left: 0;
    top: -6px;
}
.layuser .layui-menu {
    position: relative;
    margin: 5px 0;
    background-color: var(--mobile_baise);
    box-sizing: border-box;
}
.layuser .layui-menu li {
    position: relative;
    margin: 1px 0;
    width: calc(100% + 1px);
    line-height: 26px;
    color: var(--mobileC_222);
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s;
	padding: 4px 8px;
}
.layuser .layui-menu-body-title a {
    padding: 8px 24px;
}
.layuser .layui-menu-body-title {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
}
.layuser .layui-menu-body-title a {
    display: block;
    color: var(--mobileC_222);
	border-radius: 4px;
}
.layuser .layui-menu-body-title a:hover{
	background:var(--mobile_Hong);
	color: var(--mobile_baise);
}
/* layui-white-all */
.layall{
    animation-name: layui-downbit;
    -webkit-animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-duration: .3s;
    animation-fill-mode: both;
    position: absolute;
    left: -999999px;
    top: -999999px;
    z-index: 77777777;
    min-width: 112px;
    border-radius: 8px;
    box-shadow: var(--mobileCtextshadow2);
    background-color: var(--mobile_baise);
    color:var(--mobileC_444);
    box-sizing: border-box;
    overflow: hidden;
}
.layall *{
    box-sizing: border-box;
}
.layall:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    left: 0;
    top: -6px;
}
.layall .layui-menu {
    position: relative;
    margin: 5px 0;
    background-color: var(--mobile_baise);
    box-sizing: border-box;
}
.layall .layui-menu li {
    position: relative;
    width: calc(100% + 1px);
    line-height: 26px;
    color: var(--mobileC_222);
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s;
}
.layall .layui-menu-body-title{
    padding: 8px 24px;
}
.layall .layui-menu-body-title {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
}
.layall .layui-menu-body-title{
    display: block;
    color: var(--mobileC_222);
}
.layall .layui-menu-body-title:hover{
	background:var(--mobile_Hong);
	color: var(--mobile_baise);
}
.fa-myicon-douban:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;utf8,<svg t='' class='' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24'><path d='M134.328 175.074h755.344c17.906 0 32.423-14.516 32.423-32.423V96.639c0-17.906-14.516-32.423-32.423-32.423H134.328c-17.906 0-32.423 14.516-32.423 32.423v46.013c0 17.906 14.516 32.422 32.423 32.422zM915.09 848.926H750.625c-25.134 0-40.706-27.264-27.907-48.895 18.217-30.788 36.946-63.062 56.04-96.593l10.294-18.094-110.396-59.019-8.895 19.836c-27.019 60.309-57.356 122.542-90.375 185.374-5.609 10.673-16.753 17.39-28.81 17.39H427.629l38.457-27.173-9.515-16.088c-32.201-54.491-66.871-110.065-103.045-165.19l-11.271-17.183-91.062 61.579 10.716 16.655c19.594 30.452 39.574 63.579 59.721 99.012 12.262 21.565-3.438 48.389-28.245 48.389H108.91c-17.906 0-32.422 14.516-32.422 32.423v46.013c0 17.906 14.516 32.423 32.422 32.423h806.18c17.906 0 32.422-14.516 32.422-32.423v-46.013c0.001-17.907-14.515-32.423-32.422-32.423zM215.69 250.457c-17.906 0-32.423 14.516-32.423 32.423v284.832c0 17.906 14.516 32.423 32.423 32.423h590.087c17.906 0 32.423-14.516 32.423-32.423V282.88c0-17.906-14.516-32.423-32.423-32.423H215.69z m516.706 211.782c0 17.906-14.516 32.423-32.423 32.423H321.48c-17.906 0-32.423-14.516-32.423-32.423v-70.401c0-17.906 14.516-32.423 32.423-32.423h378.494c17.906 0 32.423 14.516 32.423 32.423v70.401z'></path></svg>");
    background-size: 18px 18px;
    margin: 10px auto;
}
.fa-myicon-qzone:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;utf8,<svg t='' class='' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' width='200' height='200'><path d='M885.504 360.32l-229.76-33.344-102.848-208.256a46.72 46.72 0 0 0-83.84 0L366.336 326.976l-229.824 33.344a46.72 46.72 0 0 0-25.92 79.744L276.864 602.24l-39.232 228.864a46.72 46.72 0 0 0 67.84 49.28l205.504-108.032 205.568 108.032a46.72 46.72 0 0 0 67.84-49.28l-31.36-182.4s28.8-22.784 27.008-22.208c-7.36 2.432-31.616 9.92-33.024 10.368A1025.664 1025.664 0 0 1 512 672.384a846.464 846.464 0 0 1-189.696-26.752L584.32 458.24s-87.552-16.576-160.384-23.808c-47.616-4.736-179.584-4.672-179.584-4.672a288.64 288.64 0 0 1 29.952-13.44 647.04 647.04 0 0 1 98.432-23.552 840.32 840.32 0 0 1 187.712-6.528 1203.648 1203.648 0 0 1 167.232 36.48L464.384 608.896a22.592 22.592 0 0 0 3.584 1.024c27.2 3.648 54.528 5.824 81.92 7.872 57.984 4.352 177.28 5.12 178.752 5.12l19.968-0.256-3.52-20.416 166.336-162.112a46.72 46.72 0 0 0-25.92-79.744z'></path></svg>");
    background-size: 18px 18px;
    margin: 10px auto;
}
@keyframes k-loadingD {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes listimgshowIn {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}

@keyframes listimgshowOut {
    0% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes gotopIn {
    0% {
        bottom: -42px;
    }

    100% {
        bottom: 0px;
    }
}

@keyframes gotopOut {
    0% {
        bottom: 0;
    }

    100% {
        bottom: -42px;
    }
}
@keyframes slidetounlock {
    0% {
        background-position: -200px 0;
    }
    100% {
        background-position: 200px 0;
    }
}
@keyframes opacity {
    0
}
:root {
    --hongse: #d30000;
    --huangse: #f5bb46;
    --baise: #f8f8f8;
    --lvse: #89c253;
    --qingse: #36ba9b;
    --lanse: #4a89d8;
    --zise: #9479d8;
    --heise: #000000;
    --zongse: #e0b793;
    --chengse: #e7553d;
    --fense: #f53da1;
    --huise: #cad0d9;
}