@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2020-10-20 22:08:31
 * @version $Id$
 * 网站公共样式汇总
 */

/*样式重置*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
p,a,div,li{white-space:normal;word-wrap:break-word;word-break:break-all}
a{text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#2185D0}
a[href="javascript:;"]{touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0)}
img{outline:none;max-width:100%;border:none}
input,button,textarea,a{-webkit-appearance:none;font-family:"Microsoft YaHei",Tahoma,SimSun;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}
input::-ms-clear{display:none}
input::-ms-reveal{display:none}
li,ul,ol{list-style:none}
circle{-webkit-transform:rotate(-90deg);-webkit-transform-origin:center;transform:rotate(-90deg);transform-origin:center}
html{height:100%;webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:100px;-webkit-overflow-scrolling:touch;touch-action:manipulation;-ms-touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;background-color:#ffffff; overflow-y:scroll;}
body{font-family:"Microsoft YaHei",Tahoma,SimSun,sans-serif;position:relative;line-height:1;color:#666;font-size:14px;min-height:100%}
input{border:1px solid #d7d7d7;height:30px;line-height:30px \9;padding:0 5px;border-radius:3px;display:inline-block;vertical-align:middle;-webkit-transition:all 0.2s linear}
label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none}
input[type="radio"],input[type="checkbox"]{display:inline-block;vertical-align:middle;border:none;margin-right:3px;cursor:pointer}
input[type="radio"]{-webkit-appearance:radio}
input[type="checkbox"]{-webkit-appearance:checkbox}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}
textarea{resize:none;border:1px solid #d7d7d7;padding:5px;border-radius:3px;display:inline-block;vertical-align:middle;-webkit-transition:all 0.2s linear}
select{outline:none;height:32px;font-size:14px;font-family:"Microsoft YaHei",Tahoma,SimSun;border:1px solid #d7d7d7;border-radius:3px;display:inline-block;vertical-align:middle;padding:0 5px;-webkit-transition:all 0.2s linear}
select:hover,textarea:hover,input:hover{border-color:#ccc;-webkit-transition:all 0.2s linear}
select:focus,textarea:focus,input:focus{border-color:#2185D0;box-shadow:0 0 2px #ccc}
input[type="radio"]:focus,input[type="checkbox"]:focus{box-shadow:none}
::-webkit-scrollbar-track-piece{background-color:transparent;-webkit-border-radius:0;}
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-thumb{background-color:#999;-webkit-border-radius:6px;}
::-webkit-scrollbar-thumb:hover{background-color:#9f9f9f;-webkit-border-radius:6px;}
::-webkit-scrollbar{width:6px;}
#newBridge{display:none!important}
#mediaplayer_logo{display:none}
#mediaplayer_menu{display:none!important}
a[href^="http://tongji.baidu.com/"]{display:none}


/*--- 布局 ---*/
.g-fixed{ position: fixed;right: 0;left: 0;}

.g-flex{
  display: -webkit-box;/* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-flow: row;
}
.g-flex.s-row > *{
 display:block;
  text-align: center;
  -webkit-box-flex: 1;/* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;/* OLD - Firefox 19- */
  -webkit-flex: 1;/* Chrome */
  -ms-flex: 1; /* IE 10 */
  flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  width: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: keep-all;
}
.g-flex.s-row.s-left > *{ text-align:left;}

.g-layout{
	position: relative;
	width: 1400px;
	margin: 0 auto;
}

/*--- CSS方法 ---*/
.f-of_h{overflow:hidden}
.f-txtof{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:keep-all}
.f-txtof_2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.f-txtof_3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.f-txtof_4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.f-txt_c{text-align:center}
.f-txt_r{text-align:right}
.f-select{-webkit-user-select:auto}
.f-fl{float:left;*display:inline}
.f-fr{float:right;*display:inline}
.f-select{-webkit-user-select:auto}
.f-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.f-clear{*zoom:1}
.f-clear_l{clear:left}
.f-hide{display:none!important}
.f-show{display:block!important}
.f-blur{filter:blur(5px);-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);filter:url(data:image/svg+xml;base64,77u/PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjI1IiAvPjwvZmlsdGVyPjwvc3ZnPg==#blur);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5')}
.f-FU_scrollWidth{position:absolute;left:-200px;width:100px;height:100px;overflow-y:hidden;top:-100px}
.f-FU_scrollWidth div{height:200px}


input[type="text"],
input[type="number"],
input[type="password"] {
    width: 150px;
    height: 44px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    border: 1px solid #c3c1c1;
    border-radius: 4px;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
textarea{
    border: 1px solid #c3c1c1;
}
input[type="submit"] {
    box-shadow: none;
    margin: 0;
    line-height: 30px;
    outline: none;
}
input[readonly],input[disabled]{
    cursor: pointer;
    background-color: #fff;
}

select {
    box-sizing: border-box;
    width: 150px;
    height: 44px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    border: 1px solid #c3c1c1;
    border-radius: 4px;
}

/*表单样式封装*/
.m-form{
	position: relative;
}
.m-form > .col{
	margin-top: 34px;
	display: flex;
}
.m-form > .col.s-between{
	justify-content: space-between;
}
.m-form > .col.s-center{
	justify-content: center;
}
.m-form input[type="text"],
.m-form input[type="number"],
.m-form input[type="password"] {
    width: 448px;
    box-sizing: border-box;
}

.m-form select {
    width: 250px;
    box-sizing: border-box;
    outline: unset;
    margin-right: 10px;
}

.m-form select:last-child{
    margin-right: 0;
}

.m-form input[type="checkbox"],
.m-form input[type="radio"] {
    vertical-align: middle;
    margin-top: 0;
}

.m-form textarea {
	width: 100%;
	box-sizing: border-box;
    height: 216px;
    box-sizing: border-box;
    font-size: 16px;
    padding: 10px;
}

/*checkbox样式封装*/
.m-checkbox{
    margin: 0 30px 0 0;
    line-height: 1;
    position: relative;
}
.m-checkbox > input[type="checkbox"]{
    display: none;
}

.m-checkbox > input[type="checkbox"]:checked + .title{
    color: var(--baseColor);
    font-weight: bold;
}
.m-checkbox .title{
    display: flex;
    align-items: center;
}
.m-checkbox .title:before{
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    margin-right: 10px;
    box-sizing: border-box;
}
.m-checkbox > input[type="checkbox"]:checked + .title:before{
    background-color: var(--baseColor);
    border-color: var(--baseColor);
    color: #fff;
    animation: bounceIn 0.4s 1;
}
.m-checkbox > input[type="checkbox"]:checked + .title:after{
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    animation: bounceIn 0.4s 1;
    background-size: 80% 80%;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAyCAYAAAAA9rgCAAADZklEQVRoQ92aO2gVQRiFzwErK7GyE0QrOysrsYhYqIWFINhYSeIjJIREQ4wmRsQXPvAVG21EwcJGK0HURhstBG3UwkbEwi5geeS/zsrecO/d+Xdnb9w73WXPPzPfzn/mtZcYsCJpN4BDAIYAfAHwDsBDki8MlYPEK2kfgMddmI6RvDkwwJIOAHhQMIB7BgJY0loAvyKy9emgABusQReV340HlmRpbOkcUz41GjjSt/kXca+xwA7f5oGHmgz8A8C6mDwOmkWSI40EdvrWeN8A2ElyqXHAJXy7FGANulk7rZK+HSG5mKV+o0ZY0jcA672+zesbA1zFt40DrurbRgGn8G3TgD8D2FTFt40BlnQfwEEH7L/1tlvMfztppfTtfz/CqX3bEViSpc5RABsACMBXAI9IXnOkVBKppI8ANjsqa+2TY/StlJY0B+B0l4A5kvMxlaXQSLobLuFiqyv0bdsIS9oO4GVB7bMkz8b2oKyuLt8uB459o9Mkz5eFKYqr07fLge3udmNRh8LzSZKXI7UumaT3ALY4gqJ9WwXYYsdTT2SSboQJM5bX5duyKZ2Pa11qx/aul07SflsNHHW1nW8dcS0pIyetTvW2nTO9DYfVIfY+OV99pXZjlqVeLMMkbdIrVSS9BbDVEVzKt20pnf2QdAbArKPxTHqE5G1vnCSb/CYccaV92xE4pJittTOOTmTSUZI28UQVSXsBPIkS/xVV8m1X4AB9DsC0ozOZdIzk9aK4sN7+BLCqSJt7Xsm3PYEDtG0wjjs6lEknSF7pFSfpNYBtjror+7YQOEBfBDDp6FgmnSJ5qVOcJG/2JPFtFHCA9k4sWd0nSF7INyRpF4BnjheYzLfRwAHaUnTc0dFMOkPSRtROY2sAfAew2lFPMt+6gEOHbTIadXQ2k54iuSDpOYAdjvikvnUDB2jvfjdrx87S3c7and5Bct+WAg7QtwAcdoyUV1qLb0sDB+g7AIa9JJH6WnxbCThAx14aRHK2ZLX5tjJwgLb9c9TFWQR1rb5NAlxxIsv3oXbfJgMO0FcBjEWMYjdJ7b5NChygy+7I+uLb5MAB2raSU46R7ptvawEO0LGHg776tjbgAL0A4GTBSPfVt7UCB+hen27mSdrzFSm1fS4N/122SwT7OGftvALwYSVh7Q3/AdRgZtitOuMrAAAAAElFTkSuQmCC);
}


/*******************分页开始HL****************************/
.page li{
	color: #FFFFFF;
	width: 100%;
	height: 30px;
	font-size: 20px;
	text-align: center;
	margin-top: 30px;
}

.pagination {
	width: fit-content;
	margin: auto;
	display: flex;
	margin-top: 20px;
}

.pagination li {
	width: 32px;
	height: 32px;
	background: white;
	border-radius: 6px;
	border: 1px solid #d9d9d9;
	line-height: 32px;
	text-align: center;
	color: #000;
	font-size: 14px;
	margin-right: 8px;
}

.pagination li a {
	display: block;
	width: 100%;
	height: 100%;
}

.pagination li.active {
	background: #0b3fb3 ;
	color: #ffffff;
	border: 1px solid #0b3fb3 ;
}
/*******************分页结束****************************/


/*用户信息*/
.m-siteUser{
	width: 260px;
	background: #FFFFFF;
	border-radius: 6px;
	padding: 0 20px;
	box-sizing: border-box;
	padding-top: 36px;
	padding-bottom: 20px;
}

.m-siteUser > .img{
	width: 86px;
	height: 86px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #EEE;
	margin: auto;
	background-repeat: no-repeat;
	background-size: 100%;
}
.m-siteUser > .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

img{
	visibility: hidden;
}
img[src]{
	visibility: visible;
}

.m-siteUser > .ubtn{
	width: 210px;
	height: 44px;
	border-radius: 6px;
	text-align: center;
	line-height: 44px;
	color: #FFF;
	font-size: 14px;
	margin: auto;
	cursor: pointer;
}

.m-siteUser > .ubtn.s-orange{
	background: #F34D37;
}

.m-siteUser > .ubtn.s-blue{
	background: #2680EB;
}

.m-siteUser > .ubtn.s-gray{
	background: #a5a5a5;
}

.m-siteUser > .name{
	margin: auto;
	margin-top: 12px;
	text-align: center;
}

.m-siteUser > .name > .txt{
	color: #232323;
	font-size: 18px;
	display: inline-block;
	margin-right: 6px;
}

.m-siteUser > .name > .tbtn{
	width: 60px;
	height: 20px;
	background: #B0D36A;
	border-radius: 10px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #FFF;
	display: inline-block;
	cursor: pointer;
}
.m-siteUser > .ltxt{
	color: #999999;
	font-size: 12px;
	text-align: center;
	margin-top: 20px;
}

.m-siteUser > .txt{
	color: #999999;
	display: table;
	font-size: 12px;
	text-align: justify;
	line-height: 1.4;
	margin: 10px auto 0;
	max-width: 100%;
}
.m-siteUser > .txt.s-center{
	text-align: center;
}

.m-siteBar{
	width: 260px;
	background: #FFFFFF;
	border-radius: 6px;
	margin-top: 18px;
	overflow: hidden;
}

.m-siteBar > .item{
	width: 100%;
	height: 46px;
	line-height: 46px;
	padding: 0 30px;
	box-sizing: border-box;
	font-size: 14px;
	color: #4D4D4D;
	cursor: pointer;
	display: inline-block;
}

.m-siteBar > .item.z-cur{
	background-color: var(--baseColor);
	color: #FFF;
}

.icon {
	font-family: "iconfont";
}

/* 头部 */
.M-headNav{
	height: 94px;
	background: #FFFFFF;
	box-shadow: 0px 10px 10px 0px rgba(245, 245, 245, 0.1);
	position: relative;
	z-index: 5;
}

.M-headNav > .body{
	max-width: 1500px;
	height: 100%;
	margin: auto;
	display: flex;
	align-items: center;
	position: relative;
	padding: 0 10px;
}

.M-headNav > .body > .logo{
	width: 220px;
	height: 46px;
}

.M-headNav > .body > .logo > img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.M-headNav > .body > .navList{
	display: flex;
	height: 100%;
	margin-left: 50px;
}

.M-headNav > .body > .navList > .item{
	width: 140px;
	height: 94px;
	font-size: 16px;
	color: #999999;
	position: relative;
	line-height: 94px;
	text-align: center;
	cursor: pointer;
}

.M-headNav > .body > .navList > .item::after{
	transition: all 0.4s ease;
	content:'';
	width: 0;
	height: 4px;
	background: var(--baseColor);
	position: absolute;
	bottom: 0;
	left: 0;
}

.M-headNav > .body > .navList > .item.z-cur{
	background: #FAFAFA;
	color: var(--baseColor);
}

.M-headNav > .body > .navList > .item.z-cur::after{
	width: 100%;
}

.M-headNav > .body > .navList > .item:hover{
	background: #FAFAFA;
	color: var(--baseColor);
}

.M-headNav > .body > .user{
	position: absolute;
	right: 60px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
}

.M-headNav > .body > .user .icon{
	font-size: 26px;
	cursor: pointer;
	color: #C3C3C3;
}
.M-headNav > .body > .user .tips{
	position: relative;
}

.M-headNav > .body > .user .red-point{
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: red;
	top: 0;
	right: 0;
	display: none;
}

.M-headNav > .body > .user > .search{
	font-size: 24px;
	cursor: pointer;
	display: flex;
	align-items: center;
	position: relative;
}
.M-headNav > .body > .user > .search input{
	border-radius: 22px;
	width: 26px;
	height: 26px;
	opacity: 0;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	background-color: transparent;
	transition: all 0.2s ease;
	font-size: 16px;
}
.M-headNav > .body > .user > .search input:focus{
	opacity: 1;
	border: 2px solid var(--baseColor);
	width: 150px;
	height: 44px;
}
.M-headNav > .body > .user > .search input.z-cur{
	opacity: 1;
	border: 2px solid var(--baseColor);
	width: 150px;
	height: 44px;
	padding-right: 42px;
}
.M-headNav > .body > .user > .search input.z-cur +.icon{
	right: 10px;
}
.M-headNav > .body > .user > .search .icon{
	position: absolute;
	top: 50%;
	left: auto;
	right: 0;
	transition: all 0.2s ease;
	transform: translateY(-50%);
}
.M-headNav > .body > .user > .search input:focus +.icon{
	right: 10px;
}

.M-headNav > .body > .user > .img{
	width: 50px;
	height: 40px;	
	cursor: pointer;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.M-headNav > .body > .user > .img > .wrapx{
	width: 26px;
	height: 26px;
	border-radius: 50%;
	overflow: hidden;
}
.M-headNav > .body > .user > .img > .wrapx img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.M-headNav > .body > .user > .img:hover > .downNav{
	display: block;
}

.M-headNav > .body > .user > .img > .downNav{
	width: 202px;
    display: none;
    padding-top: 58px;
    position: absolute;
    top: 20px;
    right: -75px;
}

.M-headNav > .body > .user > .img > .downNav > .block{
	background: #FFFFFF;
    border-radius: 6px;
	overflow: hidden;
	z-index: 10;
	box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
}

.M-headNav > .body > .user > .img > .downNav > .block > .item{
	width: 202px;
	height: 44px;
	color: #4D4D4D;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 44px;
	cursor: pointer;
	position: relative;
}

.M-headNav > .body > .user > .img > .downNav > .block > .item .icon{
	font-size: 18px;
	color: var(--baseColor);
	margin-right: 8px;
}

.M-headNav > .body > .user > .img > .downNav > .block > .item:hover{
	color: var(--baseColor);
	background-color: #f1f1f1;
}

.M-headNav > .body > .user > .img > .downNav > .block > .item.z-cur{
	background: #00532F;
	color: #FFF;
}

.M-headNav > .body > .user > .img > .downNav > .block > .item.z-cur .icon{
	color: #FFF;
}

.M-headNav > .body > .user > .img > .downNav > .block > .item.s-gray{
	color: #4D4D4D;
	background-color: #EEEEEE;
}

.M-headNav > .body > .user > .btn{
	width: 72px;
	height: 36px;
	color: var(--baseColor);
	border-radius: 4px;
	line-height: 36px;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
}

.M-headNav > .body > .user > .btn.s-green{
	background: var(--baseColor);
	color: #FFF;
	box-shadow: 2px 2px 8px 0px rgba(0, 83, 47, 0.2);
}
/* 页脚 */
.M-footer{
	height: 160px;
	background: var(--baseColor);
	color: #FFF;
}

.M-footer > .body{
	max-width: 1500px;
	height: 100%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding: 0 10px;
	box-sizing: border-box;
}

.M-footer > .body > .logo{
	width: 277px;
	height: 57px;
}

.M-footer > .body > .logo > img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.M-footer > .body > .ct > .nav{
	display: flex;
	align-items: center;
	color: #FFFFFF;
	font-size: 16px
}

.M-footer > .body > .ct > .nav > .item{
	display: inline-block;
	width: 120px;
	position: relative;
	text-align: center;
	cursor: pointer;
	color: #fff;
}

.M-footer > .body > .ct > .nav > .item::after{
	content: '';
	width: 1px;
	height: 10px;
	background-color: #FFF3E7;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.M-footer > .body > .ct > .nav > .item:last-child::after{
	width: 0;
}

.M-footer > .body > .ct > .copyright{
	height: 15px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #FFFFFF;
	opacity: 0.5;
	margin-top: 32px;
	text-align: center;
}

.M-footer > .body > .qrCode{
	width: 120px;
	height: 120px;
	border-radius: 4px;
	overflow: hidden;
}

a{
	color: unset;
}

/* 自定义Icon */
.icon-myarrows{
	width: 10px;
	height: 10px;
	border-right: 1px solid var(--baseColor);
	border-top: 1px solid var(--baseColor);
	display: inline-block;
}

.icon-myarrows.arrows-up{
	transform: rotate(-45deg) translateY(50%);
}

.icon-myarrows.arrows-down{
	transform: rotate(135deg) translateY(50%);
	margin-left: 6px;
}

.icon-myadd{
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
}

.icon-myadd.iconerr{
	transform: rotate(45deg);
}

.icon-myadd.iconerr::after{
	background-color: #D20202;
}

.icon-myadd.iconerr::before{
	background-color: #D20202;
}


.icon-myadd::after{
	content: '';
	width: 10px;
	height: 1px;
	background-color: #232323;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.icon-myadd::before{
	content: '';
	width: 1px;
	height: 10px;
	background-color: #232323;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* 封装的筛选 */

.M-labelList{
	display: flex;
	align-items: center;
}

.M-labelList > select{
	border-radius: unset;
}

.M-labelList > .item{
	padding: 0 9px;
	height: 44px;
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	text-align: center;
	box-sizing: border-box;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
    cursor: pointer;
    border-left: unset;
}

.M-labelList > .item:first-child{
    border-left: 1px solid #DCDCDC;
}

.M-labelList > .item.z-cur{
	background: #D20202;
	color: #FFF;
	border: unset;
}

.M-labelList > .item > .iconfont.up{
    transform: rotate(180deg);
}

.M-labelList input{
	height: 44px;
	width: 100px;
}

/* 自定义icon */
.i-myAngleIcon{
    margin: 0 4px;
}

.i-myAngleIcon > .item{
    width: 100%;
    height: 50%;
    position: relative;
}

.i-myAngleIcon > .item:first-child::after{
    content: '';
    width: 0;
    height: 0;
    border: 5px solid;
    border-color: transparent transparent #C7C7C7;
    position: absolute;
    bottom: 2px;
}

.i-myAngleIcon > .item:last-child::after{
    content: '';
    width: 0;
    height: 0;
    border: 5px solid;
    border-color: #C7C7C7 transparent transparent;
    position: absolute;
    top: 2px;
}

.i-myAngleIcon.up > .item:first-child::after{
    border-color: transparent transparent #D20202;
}

.i-myAngleIcon.down > .item:last-child::after{
    border-color: #D20202 transparent transparent;
}


/* 有背景色按钮 */

.m-btn {
    height: 44px;
    border-radius: 4px;
    text-align: center;
    line-height: 44px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 0 10px;
    box-sizing: border-box;
    background-color: var(--baseColor);
    /* border: 1px solid var(--baseColor); */
    border-width: 1px;
    border-color: var(--baseColor);
    vertical-align: middle;
	position: relative;
	overflow: hidden;
}

.m-btn:hover,.m-btn:active,.m-btn:focus {
    color: #fff;
}

.m-btn.s-red {
    background-color: #FB0000;
    border: unset;
}

.m-btn.s-red.s-hollow {
    background-color: #fff;
    color: #FB0000;
    border: 1px solid #FB0000;
}

.m-btn.s-black {
    background-color: #000000;
}

.m-btn.s-black.s-hollow {
    background-color: #fff;
    color: #000000;
    border: 1px solid #c3c1c1;
}

.m-btn.s-green {
    background-color: #0EE3B1;
    border: unset;
}

.m-btn.s-green.s-hollow {
    background-color: #fff;
    color: #0EE3B1;
    border: 1px solid #0EE3B1;
}

.m-btn.s-green-bright {
    background-color: #21e01a;
    border: unset;
}

.m-btn.s-green-bright.s-hollow {
    background-color: #fff;
    color: #21e01a;
    border: 1px solid #21e01a;
}

.m-btn.s-green-light {
    background-color: #29d2aa;
    border: unset;
}

.m-btn.s-green-light.s-hollow {
    background-color: #fff;
    color: #29d2aa;
    border: 1px solid #29d2aa;
}

.m-btn.s-blue {
    background-color: #0E6FEF;
}

.m-btn.s-blue.s-hollow {
    background-color: #fff;
    color: #0E6FEF;
    border: 1px solid #0E6FEF;
}

.m-btn > input[type="file"]{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	cursor: pointer;
}

.m-btn.s-gray {
    background-color: #BCBCBC;
}

.m-btn.s-gray.s-hollow {
    background-color: #fff;
    color: #BCBCBC;
    border: 1px solid #BCBCBC;
}
.m-btn.s-purple {
    background-color: #d630dc;
}

.m-btn.s-purple.s-hollow {
    background-color: #fff;
    color: #d630dc;
    border: 1px solid #BCBCBC;
}




/*左右布局盒子（联系我们等内页）*/
.m-colBox{
	position: relative;
	display: block;
	margin: 50px 60px 0;
	min-height: 350px;
}
.m-colBox > .left{
	width: 220px;
	float: left;
}
.m-colBox > .right{
	margin-left: 238px;
}

/*通用左侧栏*/
.m-sideBar{
	position: relative;
	width: 220px;
	background-color: #fff;
	box-shadow: 13px 15px 20px 0px rgba(230, 230, 230, 0.3);
	border-radius: 6px;
	padding-top: 18px;
	padding-bottom: 18px;
}
.m-sideBar > .item{
	position: relative;
	display: block;
	padding: 18px 0 18px 28px;
	font-size: 14px;
	color: #999999;
	line-height: 1;
}
.m-sideBar > .item:before{
	content: '';
	display: block;
	position: absolute;
	width: 4px;
	height: 0;
	left: 0;
	top: 50%;
	margin-top: -9px;
	opacity: 0;
	border-radius: 2px;
	transition: all 0.2s ease;
}
.m-sideBar > .item.z-cur:before{
	height: 18px;
	background-color: var(--baseColor);
	color: #232323;
	opacity: 1;
}
.m-sideBar > .item:hover:before{
	height: 18px;
	background-color: var(--baseColor);
	color: #232323;
	opacity: 1;
}


/*通用内页背景图*/
.m-innerBg{
	position: relative;
	height: 300px;
	object-fit: cover;
	width: 100%;
}


/*通用内页右侧盒子*/
.m-innerBox{
	position: relative;
	background-color: #FFFFFF;
	border-radius: 6px;
	padding: 22px;
}

/*通用内部标题*/
.m-innerTitle{
	position: relative;
	height: 56px;
	line-height: 56px;
	background-color: #F5F5F5;
	border-radius: 6px;
	font-size: 16px;
	color: #111111;
	padding: 0 16px;
	box-sizing: border-box;
}
.m-innerTitle > .icon{
	color: #B3B3B3;
	margin-right: 4px;
}


/*通用内容展示介绍框*/
.m-ctBox{
	position: relative;
	width: 1400px;
	background-color: #FFFFFF;
	box-shadow: 13px 15px 20px 0px rgba(230, 230, 230, 0.3);
	border-radius: 6px;
	top: -20px;
	min-height: 200px;
	margin: 0 auto;
}


/*分页*/
.m-pagination{
	position: relative;
	display: table;
	margin: 0 auto;
}
.m-pagination > .wrap{
	display: flex;
	align-items: center;
}
.m-pagination > .wrap > .item{
	height: 40px;
	line-height: 40px;
	min-width: 40px;
	text-align: center;
	background-color: #FFFFFF;
	border-radius: 2px;
	color: #99A1A7;
	font-size: 14px;
	margin-left: 10px;
	padding: 0 16px;
	cursor: pointer;
	border: 1px solid #dbdbdb;
}
.m-pagination > .wrap > .item.z-cur{
	background-color: var(--baseColor);
}
.m-pagination > .wrap > .item:hover{
	background-color: var(--baseColor);
	color: #fff;
}
.m-pagination > .wrap > .input{
	margin-left: 10px;
}
.m-pagination > .wrap > .input input{
	width: 40px;
	height: 40px;
	border-radius: 0;
	margin: 0 5px;
}

[v-cloak]{
	display: none !important;
}

/*图片上传封装*/
.m-imgUpload{
    position: relative;
    display: flex;
    align-items: center;
}

.m-imgUpload > .item{
    width: 100px;
    height: 100px;
    position: relative;
    margin-right: 30px;
    animation: fadeIn 0.4s 1;
}
.m-imgUpload > .item > .img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}
.m-imgUpload > .item > .del{
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: red;
    width: 14px;
    height: 14px;
    cursor: pointer;
    border-radius: 50%;
    padding: 4px;
}
.m-imgUpload > .add{
    background-color: #dbdbdb;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.m-imgUpload > .add input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    opacity: 0;
    cursor: pointer;
}
.m-imgUpload > .add .icon{
    width: 40px;
    height: 40px;
}

.m-imgUpload > .add > .wrap{
    padding: 0;
    text-align-last: center;
    color: #797979;
}
.m-imgUpload > .add > .wrap > .title{
    margin-top: 5px;
    font-size: 12px;
}

.m-loading{
	text-align: center;
	font-size: 16px;
	width: 100%;
	user-select: none;
}

.m-loading > .more{
	cursor: pointer;
	padding: 20px;
}

.m-loading > .nodata{
	display: inline-block;
	margin-bottom: 30px;
}

.m-loading > .nodata > img{
	width: 260px;
	height: 155px;
	display: inline-block;
	margin: auto;
	margin-bottom: 42px;
}

img[src='']{
	display: none;
}

/* 成为开发者 */
.m-becomeDev{
	width: 425px;
	background: #FFFFFF;
}

.m-becomeDev > .iconImg{
	width: 136px;
	height: 136px;
	margin: auto;
	box-sizing: border-box;
}
.m-becomeDev > .boldTxt{
	font-size: 18px;
	font-weight: 400;
	color: #232323;
	text-align: center;
	margin-top: 18px;
}
.m-becomeDev > .check{
	margin-top: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.m-becomeDev > .btnGroup{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

.m-becomeDev > .btnGroup > .item{
	width: 110px;
	height: 46px;
	background: #EEEEEE;
	border-radius: 23px;
	text-align: center;
	line-height: 46px;
	cursor: pointer;
	user-select: none;
}

.m-becomeDev > .btnGroup > .item.z-cur{
	background: var(--baseColor);
	color: #FFF;
}