html,
body {
    height: 100%;
    width: 100%;
	background:#efeff4;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Roboto", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", BlinkMacSystemFont, -apple-system, "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    margin: 0;
}

a {
	text-decoration: none;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #474157;
}

a:hover,
a:focus {
    color: #474157;
}

hr {
    max-width: 100px;
    margin: 25px auto 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
    border-color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 200;
    letter-spacing: 1px;
}

p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}


#mainbody {
    position: relative;
    width: 100%;
    min-height: auto;
    overflow-y: hidden;
    background: #efeff4;
    color: #474157;
    height: calc(100vh - 61px);
}

#mainbody > .container > .text-center {
    text-align: center;
    padding: 350px 0 50px;
    position: relative;
    height: 100vh;
}

#mainbody > .container > .text-center h1 {
    font-size: 50px;
    font-weight: bold;
    color: #171347
}

#mainbody > .container > .text-center > a {
    background: #fdcc52;
    background: -webkit-linear-gradient(#fdcc52, #fdc539);
    background: linear-gradient(#fdcc52, #fdc539);
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 300px;
    margin-top: 20px;
    padding: 10px 45px;
    font-size: 14px;
    text-decoration: none;
}

@media (max-height: 500px) {
    #mainbody {
        height: inherit;
    }
}

@media (min-width: 768px) {
    .navbar-default {
        background-color: transparent;
        border-color: transparent;
    }

    #mainbody .index-text {
        text-align: left;
    }
}

@media (max-width: 767px) {

    #mainbody > .container > .text-center {


        padding: 130px 0 0 0;
        height: calc(100vh - 261px);
    }

    #mainbody > .container > .text-center > h1 {


        font-size: 50px;
        margin-bottom: 20px;
    }
}

.footer {
    background-color: #222222;
    padding: 20px 0;
    color: rgba(255, 255, 255, 0.3);
    text-align: center;
}

.footer p {
    font-size: 14px;
    margin: 0;
}

.table{
	border-collapse:collapse;
}
.table td,.table th{
	border:1px solid #c2c2c2;
	padding:2px;
}

.nheader{
	width:100%;
	height:45px;
	line-height:45px;
	background:#fff;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	letter-spacing:2px;
}
.nheader .bak{
	    position: absolute;
    top: -1px;
    left: 20px;
    font-size: 20px;
    color: #007aff;
}
.nheader .back{
	width:25px;
	margin-left:10px;
	float:left;
}
.nfooter{
	    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    text-align: center;
	background:#fff;
}
.nfooter .nbtn{
	    display: block;
    width: 50%;
    margin: 14px auto;
    border: 1px solid #007aff;
    height: 100%;
    line-height: 30px;
    color: #007aff;
	border-radius:20px;
}
.iitem{
	margin:1px auto 5px;
	width:90%;
	padding:10px 0px;
	border-radius:5px;
	border-bottom:1px solid #c2c2c2;
	clear:both;
	background:#fff;
}
.mt10{margin-top:10px;}
.iitem .tit{
	font-weight:bold;
	/* width:30%; */
	text-align:left;
	padding-left:15px;
	float:left;
	
}
.iitem .pt10{padding-top:9px}
.iitem .coti{
	width:78%;
	font-size:16px;
	margin-top:0px;
}
.iitem .coti a{
	display:block;
	width:100%;
	color:#007aff;
}
.iitem .co{
	width:60%;
	font-size:14px;
	float:right;
	margin-top:-10px;
	margin-right:5px;
}
.iitem .co p{
	line-height:10px;
}
.iitem .co .inp{
	text-align:right;
	font-size:12px;
	border:none;
	margin-top:10px;
	line-height:35px;
	padding-left:10px;
	margin-bottom:0px;
}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{
	height:30px;
}
.iitem .co .rad{
	margin-top: 18px;
    font-size: 18px;
    line-height: 30px;
}
.iitem .con{
	padding:0px 15px;
	font-size:14px;
}
.iitem .con p{
	font-size:16px;
	line-height:30px;
}
.iitem .cot{
	margin-top:5px;
}
.iitem .cot a{
	color:#007aff
}
.notic{ 
	font-size: 16px;
    margin-top: 0px;
}
.notic li{list-style-type: none; margin:0px 0px 10px 10px;}
.ind{ padding:0px 10px; font-size:14px; }
.ind li{list-style-type: none; float:left;margin:0px 0px 10px 10px;}
.ind li a{
	padding:5px 10px;
	border:1px solid #333;
	display:block;
}
.ind li a:hover{
 	border: 1px solid #007aff;
    color: #007aff;
}
.clear{clear:both;}

.order-i{
	padding:10px;
	border-bottom:1px solid #c2c2c2;
	clear:both;
	margin-top:1px;
	background:#fff;
}
.order-i .stat{
	background:#007aff;color:#fff;padding:2px 6px;
}
.order-i p{line-height:15px;}
.order-i .bt{
	color: #007aff;
    border: 1px solid #007aff;
    padding: 2px 8px;
    border-radius: 8px;
}

.user-item{     padding: 0px 10px;
    font-size: 18px;
    line-height: 30px;
}
.user-item li{
	list-style-type: none;
    padding: 10px 20px;
    background: #fff;
    margin-bottom: 15px;
    text-align: center;
}
.user-item li a{display:block;width:100%;height:100%;}


.mui-grid-view.mui-grid-9 {
    border-width: 0px;
    background-color: #fff;
    padding: 10px 4%;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
	border:none;
}

.module-wrap {
  width: 100%;
  padding: 12px 4%;
  background-color: #fff;
  margin-top: 15px;
}

.module-wrap .module-title {
  width: 100%;
  display: flex;
}

.module-wrap .module-title .left-icon {
  margin-right: 7px;
  width: 4px;
  height: 21px;
  background: #fc5459;
}

.module-wrap .module-title .text {
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  flex: 1;
}

.module-wrap .module-title .more {
  height: 21px;
  line-height: 21px;
  color: #929292;
  font-size: 12px;
}
.module-wrap .module-title .more a {
  color: #929292;
}

.module-wrap .module-content {
  padding: 5px 0 0;
  width: 100%;
}

.mui-card {
    margin: 0;
    box-shadow: none;
}
.mui-card-header.mui-card-media {
    padding: 10px 0;
}
.xydt .mui-card-footer::before, .xydt .mui-card-header::after {
    background-color: transparent;
}
.mui-table-view::before {
    background-color: #fff;
}
.mui-table-view::after {
    background-color: #fff;
}
.mui-table-view.mui-grid-view.xykc_ul .mui-table-view-cell .mui-media-body.ietm_text {
    text-align: left;
    color: #333;
    font-size: 14px;
    margin-top: 5px;
}
.mui-table-view.mui-grid-view.xykc_ul {
padding: 0 0px 5px 0;
}
.mui-table-view.mui-grid-view.xykc_ul .mui-table-view-cell.ietm_li {
padding: 10px 2px 0 12px;
}
.mui-table-view.mui-grid-view.xykc_ul .mui-table-view-cell .mui-media-object {
    height: 90px;
}
.mui-table-view-cell {
    padding: 11px 9px;
}
.mui-table-view-cell::after {
    left: 5px;
}
.mui-table-view .mui-media-object.ss_img {
    max-width: 86px;
    height: 55px;
}
.mui-table-view .mui-media-object.jg_img {
    max-width: 60px;
    height: 60px;
    border-radius: 50%;
}
.yinsi_wrap {
    width: 80%;
    height: 320px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 120px;
    text-align: center;
}
.yinsi_wrap .tit {
    font-size: 24px;
    color: #000;
    padding: 30px 0 20px;
}
.yinsi_wrap .cont {
    color: #000;
    padding: 0 20px;
    line-height: 24px;
    text-align: left;
}
.yinsi_wrap .cont a {
    display: inline;
}
.yinsi_wrap .mui-btn{
    width: 60%;
    border-radius: 20px;
    margin: 15px auto;
    line-height: 2;
}
.yinsi_wrap .buty {
    color: #000;
    padding: 0 20px;
}

.noe a{color:#f89b51;font-size:16px;font-weight:bold;}
.noe{
    /* border: 1px solid #eee; */
    overflow: hidden;
    display: inline-block;
	color:#f89b51;
	float:left;
	width:90%;
}
@keyframes text-scroll {
    0% {
        left: 100%;
    }
    25% {
        left: 50%;
    }
    50% {
        left: 0%;
    }
    75% {
        left: -50%;
    }
    100% {
        left: -100%;
    }
}
.noe-text {
    position: relative;
    animation: text-scroll 15s linear infinite;
	height:20px;
} 
.ig{background:url('../img/notice.png') 0 0;background-size:100%;width:20px;height:20px;display:block;float:left;margin:2px 5px;}
/*.pos{background:url('../img/pos.png') 0 0;background-size:100%;width:20px;height:20px;display:block;float:left;margin:2px 5px;}*/

.pos{background:url('../img/pos1.png') 0 0;background-size:100%;width:40px;height:40px;display:block;float:left;margin:2px 5px;}
.about{background:url('../img/about.png') 0 0;background-size:100%;width:20px;height:20px;display:block;float:left;margin:2px 5px;}
	.bg{background:#000;height:100%;width:100%;opacity:80%;position:fixed;z-index:999;top:0px;left:0px;display:none;}
	.ncon{
	display:none;
	position: fixed;
    bottom: -15px;
    left: 0px;
    z-index: 9999;
    background: #fff;
    padding: 20px 20px 20px;
    width: 100%;
    border-radius: 20px;}
.ntit{font-size:18px;color:#333;font-weight:bold;margin-left:15px;}
.cmain{padding:20px;border-radius:10px;line-height:25px;margin:20px 0px;background:#F5F5F5}
.no-tit{display: block;
    line-height: 23px;
    font-size: 16px;
    margin-top: 55px;
    text-align: center;
    padding: 10px 35px;
    font-weight: bold;}

.mui-table-view-cell p{color:#333;line-height:26px;margin-left:10px;}
.status_info{float:right;margin-right:10px;color:#007aff;}
		
.notice-main{
	display:none;
	position: fixed;
    top:0px;
    left: 0px;
    z-index: 9999;
    background: #fff;
    width: 100%;
	min-height:100%;
	height:auto;
}
.notice-main .nhead{
	position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    height: 44px;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.85);
    box-shadow: 0 0 1px rgba(0,0,0,.85);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	max-width:800px;
}
.nhead .ntitle{
	display: block;
    overflow: hidden;
    width: auto;
    margin: 0;
    text-overflow: ellipsis;
    line-height: 45px;
    text-align: center;
	font-weight:bold;
}
.nhead .nicon{
	margin-right:-10px;margin-left:-10px;padding-right:10px;padding-left:10px
}
.notice-main .nmain{
	height:800px;overflow-y:auto;font-size:12px;margin-top:55px;background:#fff;
	padding:0px 20px 50px;border-radius:10px;line-height:25px;margin-bottom:55px;
}