mui-contact-name.mui-table-view-cell:after{ left: 0;}
ul ,ol ,li,dl,dt,dd,p,h1, h2, h3, h4, h5, h6,button{ padding: 0; margin: 0;}
.mui-off-canvas-left, .mui-off-canvas-right{background:#fff;}
.mui-nav-header{ height: 2.95rem; width: 100%; display: table; background: url(../images/logo_bg.png) no-repeat top center; background-size:100% 100%;}
.mui-nav-header .item{ display: table-cell; vertical-align: middle; text-align: center;} 
.mui-nav-header .item h1{ line-height:0; margin: 0; padding: 0;}
.mui-nav-header .item h1 img{width: 1.95rem; height: 0.72rem;}
.mui-nav-header .item em{ font-size: 0.36rem; color: #fff; display: block; padding: 0.2rem 0; font-style: normal;}
#cert-btn{ border: 1px solid #fff; color: #fff; font-size: 0.22rem; padding: 0.06rem 0.15rem; display: inline-block;}
.mui-table-view-chevron{ margin: 0.2rem 0;}
.mui-table-view-chevron .mui-table-view-cell a{ color: #666; font-size: 0.28rem; line-height: 0.3rem; }
.mui-table-view-chevron .mui-table-view-cell .icon{ font-size: 0.3rem; padding-right: 10px;}
.mui-table-view-chevron.mui-table-view:before{ height: 0;}
#logout { padding: 0 0.2rem;}
#logout .mui-btn{ border: 1px solid #d7e2ea; background: #f2f6f9; color: #333; font-size: 0.3rem; width: 100%; border-radius: 5px; padding: 0; height: 0.88rem; line-height:0.88rem;}
.mui-bar{ background: #333; height: 0.86rem; padding: 0;}
.mui-title{ color: #fff;line-height: 0.86rem; font-size: 0.36rem; margin: 0; padding: 0;}
.mui-bar .mui-icon{font-size: 0.46rem; padding: 0.20rem!important;}
.mui-bar-nav.mui-bar .mui-icon{ color: #fff; margin: 0;}
.mui-bar-nav~.mui-content{ padding-top: 0.86rem;}

.cert-item{ background: #076bf2; line-height: 0.65rem; padding: 0 0.2rem; margin: 0;}
.cert-item a{ color: #fff; font-size: 0.3rem;}

.mui-file{}
.mui-file ul{ padding: 0.2rem;}
.mui-file ul li{background: #fff; float: left; width: 45%; margin:2.5%; border-radius: 6px;  list-style: none; border:1px solid #eaf0f4;}
.mui-file ul li a {display: table; width: 100%;}
.mui-file ul li a .text{ display: table-cell; vertical-align: middle; text-align: center; width: 100%;}
.mui-file ul li i,.mui-file ul li strong,.mui-file ul li em{ display: block; font-style: normal; font-weight: 500;}
.mui-file ul li i{ color: #fff; font-size: 0.35rem; width:0.6rem; height: 0.6rem; text-align: center; line-height:0.6rem; border-radius: 0.6rem; margin: 0.2rem auto;}
.mui-file ul li i.icon-signing{ background: #f7695f;}
.mui-file ul li i.icon-shijian{ background: #33cadf;}
.mui-file ul li strong{ color: #076bf2; font-size: 0.48rem; padding: 0.02rem 0;}
.mui-file ul li em{ font-size: 0.3rem; color: #333; padding: 0.2rem ;}
/*
.mui-file .mui-table-view.mui-grid-view{ padding: 0; margin: 0;}
.mui-file .mui-table-view.mui-grid-view .mui-table-view-cell{ background: #fff; margin: 0 ; padding: 0; }
*/
.mui-exit-buy{ background: #fff; padding: 0.2rem;}

.mui-exit{ display: table; width:2.4rem; height: 2.4rem; margin: 0 auto; background: #c3daf8; border-radius: 50%; box-shadow: 0 0 3px rgba(153,153,153,.5);;}
.mui-exit .text{ display: table-cell; text-align: center; vertical-align: middle;}
.mui-exit .text h3{ color: #333; font-size: 0.3rem; line-height: 1.5;}
.mui-exit .text .icon{ color: #076bf2; font-size: 0.5rem;}
.mui-buy{ text-align: center; padding-top: 0.2rem;}
.mui-buy p{ color: #666; font-size: 0.24rem; margin: 0;}
.mui-buy em{ display: block; font-style: normal; color: #076bf2; font-size: 0.36rem; line-height: 1.5; font-weight: 700;}
.mui-buy button{ border-color: #d7e2ea; color: #076bf2; font-size: 0.24rem; border-radius: 0.2rem;}

.mui-recent{}
.mui-recent-title{ font-size: 0.3rem; color: #333; padding: 0.2rem; font-weight: bold;}
.mui-recent-title a{ font-size: 0.24rem; color: #666; font-weight: normal;}
.mui-recent .mui-table-view-cell a{ display: table; width: 100%;  padding: 0;}
.mui-recent .mui-table-view-cell{ padding:0.2rem;}
.mui-recent .mui-table-view-cell>a:not(.mui-btn){ margin: 0;}
.mui-recent .mui-navigate-right:after{ right: 0;}

.mui-recent .mui-table-view-cell .mui-recent-icon,.mui-recent .mui-table-view-cell .mui-text-body{ display: table-cell; vertical-align: middle;}
.mui-recent .mui-table-view-cell .mui-recent-icon{width: 0.44rem; text-align: left; }
.mui-recent .mui-table-view-cell .mui-recent-icon span{ color: #666; font-size: 0.26rem; display: block; text-align: center; line-height: 0.44rem; width: 0.44rem; height: 0.44rem; border: 1px solid #666; border-radius:0.44rem;}
.mui-recent .mui-table-view-cell .mui-text-body{ padding-left: 0.1rem;}
.mui-recent .mui-table-view-cell .mui-text-body h3{ color: #333; font-size: 0.3rem; line-height: 1.2; font-weight: normal;}
.mui-recent .mui-table-view-cell .mui-text-body span{ color: #076bf2; font-size: 0.22rem;}

.mui-file-select { padding: 0.2rem;}
.mui-file-select .mui-select{ background: #fff; border: 1px solid #e2e2e2; border-radius: 5px;height: 0.8rem; line-height: 0.8rem;padding: 0 0.2rem;}
.mui-file-select .mui-input-row select{font-size: 0.28rem; color: #999999; }
.mui-file-select .mui-select option{ border: 1px solid #e2e2e2; }
.mui-file-select .mui-select:before{ top: 0; right:0.2rem;}

.mui-signature{ background: #fff; margin: 0.3rem; border-radius: 6px;}
.mui-signature .img{ display: table; width: 100%; padding: 0.8rem 0;}
.mui-signature .img p{ display: table-cell; text-align:center;}
.mui-signature .img p img{ width:3.1rem; height:1.77rem;}
.mui-signature .foot{ border-top:1px solid #dce6ed; padding: 0.2rem; color: #666; font-size: 0.3rem;}
.mui-signature .foot i{ color: #076bf2; padding-right: 0.1rem;}

.mui-settings .item{ margin-top: 0.2rem;}
.mui-settings .settings-btn{ margin: 0.2rem;}

.mui-settings .mui-table-view-cell{ color: #333;font-size: 0.3rem; padding: 0.2rem;}
.mui-settings .mui-table-view-cell i{font-size: 0.3rem; padding-right: 0.1rem; font-weight: 700;}
.mui-settings .mui-badge{ color: #999; font-size: 0.3rem; background: none;}
.mui-settings .mui-btn{width: 100%; color: #333; font-size: 0.3rem; height: 0.88rem;line-height: 0.88rem; padding: 0; }

.mui-layer-item{ display: none;}
.settings-item{ padding: 0.2rem;}
.settings-item p{font-size: 0.28rem; color: #333; margin:0; padding: 0.2rem 0;}
.settings-item .mui-input-group:before,.settings-item .mui-input-group:after,.settings-item .mui-input-group .mui-input-row:after{ height: 0;}
.settings-item .mui-input-group .mui-input-row{ margin-bottom: 0.2rem;}
.settings-item .mui-input-group input{ padding: 0; border: 1px solid #d7e2ea; border-radius: 6px; padding: 0.2rem;}
.settings-item .mui-input-group input:focus{ color: #666; border-color: #a4c4ee;}
.settings-item .mui-input-code{ position: relative;border: 1px solid #d7e2ea; border-radius: 6px;}
.settings-item .mui-input-code .validation{ position: absolute; right:0.2rem; color: #076bf2; font-size: 0.28rem; top: 0; line-height: 40px; display: block; }
.settings-item .mui-input-code input{ width: 50%; border:none}
.mui-layer-item .mui-btn{ width: 60%;}

.mui-privacy-agreement{ padding: 0.2rem;}
.mui-privacy-agreement dl dt{ color: #333; font-size: 0.24rem; font-weight: bold; line-height: 1.5;}
.mui-privacy-agreement dl dd p{ color: #333; font-size: 0.24rem;line-height: 1.5;}

.mui-user-agreement{ padding: 0.2rem;}
.mui-user-agreement dl dt{ color: #333; font-size: 0.24rem; font-weight: bold;}
.mui-user-agreement dl dd p{ color: #333; font-size: 0.24rem;line-height: 1.5;}

.mui-404{ display: table; height:80vh; width: 100%;}
.mui-404 .item{ display: table-cell; text-align: center; vertical-align: middle;}
.mui-404 .mui-404-img img{ width: 5rem; height: 2.87rem;}
.mui-404 h3{ color: #333; font-size: 0.34rem; padding: 0.3rem 0;}
.mui-404 h3 small{ display: block; color: #999; font-size: 0.28rem; padding: 0.2rem 0;}
.mui-404-btn{ width: 2.8rem; height: 0.88rem; margin: 0 auto;}
.mui-404-btn .mui-btn{ width: 100%; height: 100%; color: #076bf2; font-size: 0.32rem; background: none; border: 1px solid #dce5ec; border-radius: 0.44rem;}

.mui-help { padding:0 0.2rem 0.2rem;}
.mui-help dl{ padding-top:0.2rem ;}
.mui-help dl dt{ color: #333; font-size: 0.28rem; font-weight: 700; line-height: 1.5;}
.mui-help dl dd p{ color: #333; font-size: 0.24rem; line-height: 1.5;}

.mui-record{ padding: 0.2rem;}
.mui-record .item{ margin-bottom: 0.2rem; background: #fff; display: table; width: 100%; border-radius: 4px; box-shadow: 0 0 5px rgba(51,51,51,0.3);}
.mui-record .item .main{ display: table-cell; text-align: center; vertical-align: middle; padding: 0.4rem 0;}
.mui-record .item .main .img{ width: 0.68rem; height: 0.76rem;}
.mui-record .item .main h3{ color: #333; font-size: 0.36rem; padding: 0.1rem 0; margin: 0;}
.mui-record .item .main p{ color: #999; font-size: 0.26rem;}
.mui-record .item .main .img02{ width: 1.48rem; height: 1.48rem;}


.mui-package { padding: 0.2rem;}
.mui-package .item{ margin-bottom: 0.2rem; background: #fff; display: table; width: 100%; border-radius: 4px; box-shadow: 0 0 5px rgba(51,51,51,0.3);}
.mui-package .item .main{ display: table-cell; text-align: center; vertical-align: middle; padding: 0.4rem;}
.mui-package .item span{ display:block;}

.mui-package .item h3{ color: #333; font-size: 0.32rem; line-height: 1.5;}
.mui-package .item span.num{ font-size: 0.44rem; color: #333;line-height: 1.5;}
.mui-package .item span.num small{ font-size: 0.24rem;}
.mui-package .item span.limit,.mui-package .item p{ font-size:0.22rem; color: #999;line-height: 1.5;}
.mui-package .item .mui-btn{ width: 100%; border: none; color: #fff; font-size: 0.32rem; font-weight: bold; margin: 0.15rem 0;}

.mui-package-detail{ line-height:0.86rem;margin-right: 0.2rem; color: #fff; font-size: 0.24rem;}

.mui-pay .mui-badge{ background: none;}
.mui-pay-btn{ margin: 0.2rem;}
.mui-pay-btn .mui-btn{ border: none; width: 100%; font-size: 0.32rem; color: #fff; font-weight:bold; padding: 0.2rem;}
.mui-way{ padding-top: 0.2rem;}
.mui-way h3{ color: #333; font-size: 0.32rem; padding: 0.2rem;}

.mui-pay-table-view .mui-table-view-cell{ color: #333; font-size: 0.32rem; padding: 0.3rem 0.2rem;}
.mui-pay-table-view .mui-table-view-cell .mui-badge{ color: #333; font-size: 0.32rem; padding: 0;}
.mui-way .mui-table-view-cell{ color: #333; font-size: 0.32rem; padding: 0.3rem 0.2rem;}
.mui-way .mui-table-view-cell i{ font-size: 0.32rem;}
.mui-way .mui-table-view-cell i.icon-zhifubao{ color: #00aaef; padding-right: 0.1rem;}
.mui-way .mui-table-view-cell i.icon-weixin{ color: #40a40c; padding-right: 0.1rem;}
.mui-way .mui-table-view-cell i.icon-chenggong{ color: #ccc;}
.mui-way .mui-table-view-cell.mui-way-blue i.icon-chenggong{color: #076bf2;}
.mui-way .mui-table-view-cell .mui-badge{ color: #333; font-size: 0.32rem; padding: 0;}

.mui-certification{ display: table; width: 100%; height:70vh;}
.mui-certification .item{ display: table-cell; text-align: center; vertical-align: middle;}
.mui-certification .item .icon-chenggong{ color: #076bf2; font-size: 1.3rem;}
.mui-certification .item h3{ color: #333; font-size: 0.34rem; line-height: 2; padding: 0.4rem 0;}
.mui-certification .item h3 small{ display: block; font-size: 0.28rem; color: #666;}
.mui-certification .item #countdown{ color: #666; font-size: 0.28rem;}
.mui-certification .item .icon-shibai{ color: #d81e06; font-size: 1.3rem;}
.mui-failure-btn .mui-btn{ color:#fff; font-size: 0.32rem; background: #333; border-radius: 8px;} 
.mui-validation-btn .mui-btn{ font-size: 0.32rem;}


.mui-identities{ padding: 0 0.2rem;}
.mui-identities-title{ padding: 0.3rem 0; text-align: center;}
.mui-identities-title img{ width: 1.2rem; height: 1.64rem; display:inline-block;}
.mui-identities-title span{ display: block; color: #999; text-align: center; line-height: 1.5; font-size: 0.24rem;}
.mui-identities .mui-form input{ padding: 0.2rem;font-size: 0.28rem;}
.mui-identities .mui-form input:focus{ color: #666; border-color: #a4c4ee;}
.mui-identities .mui-form .mui-button-row{padding-top: 15px;}
.mui-identities .mui-form .mui-btn{ width: 100%; font-size: 0.3rem; }
.mui-identities .mui-form .mui-input-code{ position: relative;border: 1px solid #d7e2ea; border-radius: 3px; }
.mui-identities .mui-form .mui-input-code .validation{ position: absolute; right:0.2rem; color: #076bf2; font-size: 0.28rem; top: 0; line-height: 40px; display: block; }
.mui-identities .mui-form  .mui-input-code input{ width: 50%; border:none;margin-bottom: 0;}

.mui-weixin-share{ background: rgba(0,0,0,0.8);width: 100%; height: 100vh; position: fixed; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; display: none;}

.mui-weixin-share img{ width: 5.96rem; height: 2.34rem; float: right; margin: 0.2rem;}
.mui-weixin-share .mui-btn{ width: 50%; font-size: 0.3rem; padding: 0.2rem; margin: 0.5rem 0;}


.mui-enterprise{ padding: 0.2rem;}
.mui-enterprise-title{ color: #333; font-size: 0.3rem; line-height:2.2; border-bottom: 1px solid #999;}
.mui-enterprise-title span{ border-bottom: 2px solid #076bf2; display: inline-block; margin-bottom: -1px; position: relative;}
.mui-enterprise ul{ margin: 0 -0.1rem; position: relative;}
.mui-enterprise ul li{ display: inline-block; width: 50%; float: left; text-align: center; padding:0.3rem 0.1rem;}
.mui-enterprise ul li .item{ display: table; width: 100%; border: 1px solid #d2d2d2; padding: 0.3rem 0; position: relative;}
.mui-enterprise ul li .item .img{ display: table-cell; vertical-align: middle; text-align: center;}
.mui-enterprise ul li .item .text{ position: absolute; top: 0; left: 0; right: 0 ; bottom: 0; height: 100%; width:100%; background: rgba(0,0,0,0.5);  display: none; }
.mui-enterprise ul li .item .text .unit{ display: table; width: 100%; height: 100%; }
.mui-enterprise ul li .item .text p{ display:table-cell; vertical-align:middle; text-align:center; color: #fff; font-size: 10px;}
.mui-enterprise ul li .item:hover .text{ display: block;}

.mui-enterprise ul li .item .img span{ display: inline-block; width: 1.29rem; height: 1.12rem;}
.mui-enterprise ul li .item .img span.icon{ background: url(../images/enterprise_img.png) no-repeat center; background-size:100% ;}
.mui-enterprise ul li .item .img span.icon02{ background: url(../images/enterprise_img02.png) no-repeat center; background-size:100% ;}
.mui-enterprise ul li .item .img p{ color: #333; font-size: 0.22rem;}
.mui-enterprise ul li .radio-text{ color: #666; font-size: 0.24rem;padding: 0.8rem 0 0.2rem;}
.mui-enterprise ul li .radio-text input{ vertical-align:middle; margin-right: 0.1rem; }
.mui-enterprise .mui-btn{ width: 100%; font-size: 0.32rem;}
.mui-enterprise ul li .item:after{ content: ''; width: 1px; height: 0.5rem; background: #d2d2d2; position: absolute; left: 50%; bottom:-0.5rem;}

.mui-login-header{ height: 3.65rem; width: 100%; background: url(../images/login_bg.png) no-repeat center; background-size:cover ;}

.mui-login-segmented-control.mui-segmented-control{border: none; border-radius: 0; height: 0.9rem;}
.mui-login-segmented-control.mui-segmented-control .mui-control-item{ font-size: 0.3rem; padding: 0.3rem 0; line-height: 0.3rem; background: none; border-left: none;color: #fff; position: relative;}
.mui-login-segmented-control.mui-segmented-control .mui-control-item.mui-active{ font-weight: 500;}

.mui-login-segmented-control.mui-segmented-control .mui-control-item:first-child:before{
	content: '';
	width: 1px;
	height: 0.4rem;
	background: #fff;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -0.2rem;
}

.mui-slider .mui-slider-group{ font-size: 50px;}
.mui-login-segmented-control.mui-segmented-control .mui-control-item:after {
	position: absolute;
	bottom: -0.14rem;
	left: 50%;
	margin-left: -0.13rem;
	width: 0.26rem;
	height: 0.26rem;
	content: ' ';
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #fff;
	display: none;
}
.mui-login-segmented-control.mui-segmented-control .mui-control-item.mui-active:after{
	display: block;
}

.mui-segmented-group .mui-input-group{ background: none;}
.mui-segmented-group .mui-input-group:before,.mui-segmented-group .mui-input-group:after{height: 0;}
.mui-segmented-group .mui-input-group .mui-input-row:after{height: 0;}
.mui-segmented-group .mui-control-content{ padding:0.3rem 0.2rem;}
.mui-segmented-group .mui-input-group .mui-input-row{ margin-bottom: 0.2rem;}
.mui-segmented-group .mui-input-group .mui-input-row input[type='password'],.mui-segmented-group .mui-input-group .mui-input-row input[type='text']{ background: #fff; border: 1px solid #d7e2ea; font-size: 0.28rem; border-radius: 5px; }
.mui-segmented-group .mui-input-group .mui-button-row .mui-btn{ width: 100%; font-size: 0.3rem; color: #fff; }
.mui-segmented-group .mui-checkbox.mui-left label{ padding-left: 30px; font-size: 0.22rem;}
.mui-segmented-group .mui-checkbox.mui-left input[type=checkbox]{ left: 0;}
.mui-segmented-group .mui-input-code{ position: relative;background: #fff; border: 1px solid #d7e2ea; font-size: 0.28rem; border-radius: 5px;}
.mui-segmented-group .mui-input-code .validation{ position: absolute; right: 15px; top: 0; line-height: 40px; color: #076bf2;}
.mui-segmented-group .mui-input-code input{ width: 50%; border: none!important; background:  none!important;}

.mui-corporate-identities{ padding: 0.3rem 0.2rem; }
.mui-corporate-identities-head { text-align: center; padding-bottom: 0.3rem;}
.mui-corporate-identities-head .sample-img{ width: 3.65rem; height: 2.55rem; display: block; margin: 0 auto;}
.mui-corporate-identities-head p{ color:#666; font-size: 0.3rem; line-height: 2; }
.mui-corporate-identities-head .mui-button-row{padding-top: 0;}
.mui-corporate-identities-head ul.ul_pics{width: 3.65rem; height: 2.55rem;  border: 1px solid #c9c9c9; overflow: hidden; margin: 0 auto; display: none;}
.mui-corporate-identities-head ul.ul_pics li{ height: 100%; width: 100%;  position:relative; list-style: none;}
.mui-corporate-identities-head ul.ul_pics li img{ max-width100%;height: 100%;width: auto;text-align: center}
.mui-corporate-identities-head ul.ul_pics li i.pic_delete{ position: absolute; top: 0.05rem; right: 0.05rem; width: 0.32rem; height: 0.32rem; background: url(../images/close_ico.png) no-repeat center; background-size: cover; text-indent: -999em; display: block; z-index: 100;}
.mui-corporate-identities .mui-input-row input{ font-size: 0.3rem;}
.mui-corporate-identities .mui-button-row .mui-btn{ font-size: 0.3rem; width: 100%;}
.mui-corporate-identities-head .mui-button-row .mui-btn{ font-size: 0.3rem; width: 2.8rem;}

.mui-contract{ padding: 0.2rem;}
.mui-contract .head{ padding-bottom: 0.2rem;}
.mui-contract .head h3{ color: #333; font-size: 0.3rem; line-height: 2;}
.mui-contract .head p
.mui-contract .head p i{ color: #b9b9b9; font-size: 0.25rem;}
.mui-contract .head p small{ color: #999; font-size: 0.22rem; padding: 0 0.1rem;}
.mui-contract .head p span{ color: #076bf2;font-size: 0.22rem; padding: 0.1rem 0.15rem; border: 1px solid #076bf2; border-radius: 5px;}
.mui-contract .note{ min-height: 2.6rem; background: #f2f6f9; margin: 0 -0.2rem; position: relative;}
.mui-contract .note p{ font-size: 0.28rem; padding:0.1rem 0.2rem;}
.mui-contract .participants{ padding: 0.2rem 0;}
.mui-contract .participants .item{ display: table; width: 100%; padding-bottom: 0.4rem;}
.mui-contract .participants .item span{ display: block;}
.mui-contract .participants .item .airplane{ display: table-cell; vertical-align: middle;width: 0.6rem; text-align: center; }
.mui-contract .participants .item .airplane i{ width: 0.46rem; height: 0.46rem; color: #fff; font-size: 0.25rem;background: #076bf2; text-align: center; line-height:1.5; border-radius:50%; display: inline-block;}
.mui-contract .participants .item .dot{display: table-cell;vertical-align: middle; width: 0.6rem;text-align: center; position: relative;}
.mui-contract .participants .item .dot i{display: inline-block;width: 0.46rem; height: 0.46rem;color: #076bf2; font-size: 0.16rem;}
.mui-contract .participants .item .contact{display: table-cell;}
.mui-contract .participants .item .contact .name{ color: #333; font-size: 0.3rem; line-height: 1.5;}
.mui-contract .participants .item .contact .tel{ color: #999; font-size: 0.22rem;}
.mui-contract .participants .item .right{display: table-cell; text-align: right; vertical-align: bottom;}
.mui-contract .participants .item .right .state{ color: #333; font-size: 0.22rem;line-height: 2;}
.mui-contract .participants .item .right .time{color: #999; font-size: 0.22rem;}
.mui-contract .participants .initiate.item{ position: relative;}
.mui-contract .participants .item .dot:after{ content: ''; width: 1px; height:1.4rem; background: #ddd; position: absolute; top: -0.7rem; left: 50%; z-index: -1;}

.mui-contact-name{}
.mui-contact-name-btn.mui-button-row{ position: fixed; bottom: 0; left: 0; right:0; z-index: 10; width: 100%;}
.mui-contact-name-btn .mui-btn{ font-size:0.32rem; color: #fff; width: 100%;}

.mui-contact-name .mui-button-row{ padding-bottom: 0.3rem;}
.mui-contact-name .mui-btn{ font-size:0.32rem; color: #fff; width: 100%;}

.mui-contact-name .item{}
.mui-contact-name .item .title{ font-size: 0.3rem; line-height: 1.5; padding: 0 0.2rem;}
.mui-contact-name .item .mui-table-view-cell{ padding: 0.2rem; display: table; width: 100%;}
.mui-contact-name .item span,.mui-contact-name .text{ display: table-cell; vertical-align: middle; text-align: center;}
.mui-contact-name .item span.name{  width: 0.96rem; height: 0.96rem;background: #076bf2; font-size: 0.3rem; color: #fff; border-radius: 50%;}
.mui-contact-name .item .icon-shanchu{ font-size:0.4rem; color: #a0a0a0; }
.mui-contact-name .text{ text-align: left; padding-left: 0.2rem;}
.mui-contact-name .text h3{ color: #333; font-size: 0.3rem; line-height: 1.5;}
.mui-contact-name .text p{ color: #999; font-size: 0.22rem;}
.mui-contact-name .item span.del{ text-align: right;}

.mui-undersigned-head .mui-input-row{padding: 0.2rem;}
.mui-undersigned-head p{ color: #333; font-size: 0.3rem; line-height:2;}
.mui-undersigned-head span{ display: block;}
.mui-undersigned-head span i{ color: #ccc; font-size: 0.96rem; height: 0.96rem; width: 0.96rem; display: block; line-height: 1;}

.mui-contact-name .mui-checkbox{ display: table-cell; width: 0.6rem; height:100%; vertical-align: middle; text-align: left;}
.mui-contact-name .mui-checkbox input[type=checkbox]{ top:0; right: 0; position: static;}


.mui-signed-page{}
.mui-pdf-wrapper{ max-width:750px; margin: 0 auto;}
#mui-pdf{ width: 100%; }
#mui-pdf canvas{ width: 100%;}
/*.mui-pdf-num{ position: fixed;z-index: 10;right:0.2rem; top:1.06rem;width: 1rem; height: 0.5rem; background: #c1c1c1; line-height: 0.5rem; color: #fff; font-size: 0.25rem; text-align: center; border-radius: 5px;}*/

.mui-signed-page-footer{ height: 0.86rem;box-shadow:none; background: none;}
.mui-signature-btn,.mui-signed-btn{ width: 100%; border: none; background: #333; height: 100%; border-radius: 0; color: #fff; font-size: 0.32rem; padding: 0; line-height: 0.86rem;}
.mui-visa-btn,.mui-undo-btn{ width: 100%; border: none; background: #076bf2; height: 100%; border-radius: 0; color: #fff; font-size: 0.32rem; padding: 0; line-height: 0.86rem;}
.mui-new-btn{ width: 100%; border: none; background: #0080ff; height: 100%; border-radius: 0; color: #fff; font-size: 0.32rem; padding: 0; line-height: 0.86rem;}

.mui-signed-page{position: relative;}

#signature-img{ line-height: 0; /*width: 3.1rem; height: 1.77rem;*/position:fixed;left:25%; top:25%;z-index: 100; display: none; background:rgb(255,255,255, 0.5);border:1px solid #999}
#signature-img img{ max-width: 100%; width: auto; height: 100%;}
#signature-img .close{ display: block;background: url(../images/close_ico.png) no-repeat center; width: 0.32rem; height: 0.32rem; background-size: cover; position: absolute; top: 0.025rem; right: 0.05rem;}

#visa-item .mui-textarea-row{ border:1px solid #d7e2ea; border-radius: 5px;}
#visa-item .mui-textarea-row textarea{ padding: 0.1rem; color: #ccc; font-size: 0.28rem;}
#visa-item .mui-button-row{ padding-top: 0.2rem; height: auto;}
#visa-item .mui-btn{ width: 80%; font-size: 0.3rem;}
#visa-item .mui-btn-cancel{ background: #ebebeb; color: #333;}


.mui-signed-files{}
.mui-signed-files .ul_pics{ padding: 0.1rem; background: #fff; margin: 0.2rem 0;}
.mui-signed-files .ul_pics li{ width: 1.62rem; height: 1.62rem; float: left; display: inline-block; text-align: center; position: relative; margin: 0.1rem; border: 1px solid #ccc;}
.mui-signed-files .ul_pics li img{ max-width: 100%; width: auto; height: 100%;}
.mui-signed-files .ul_pics li.mui-uploadCopy{ border: none;}
.mui-signed-files .ul_pics li.mui-uploadCopy button{ background:url(../images/add_img.png) no-repeat center; background-size:cover ; width: 100%; height: 100%; text-indent: -999em; display: block; border: none; border-radius: 0;}
.mui-signed-files .ul_pics li .pic_delete{ display: block;background: url(../images/close_ico.png) no-repeat center; width: 0.32rem; height: 0.32rem; background-size: cover; position: absolute; top: 0.025rem; right: 0.05rem; text-indent: -999em;}

.mui-signed-files .mui-input-row input{ margin: 0;}
.mui-signed-files .mui-textarea-row{/* margin:0.2rem 0;*/ position: relative;}
.mui-signed-files .mui-textarea-row textarea{ margin: 0; border-radius: 0; border: none; padding:0.2rem;}
.mui-signed-files .mui-button-row{ margin: 0; padding: 0 0.2rem;}
.mui-signed-files .mui-button-row .mui-btn{ width:100%; font-size: 0.3rem;}

.mui-undersigned-head .mui-undersigned-row{ color: #666; font-size: 0.26rem; display: table; width: 100%;}
.mui-undersigned-head .add-list{padding: 0.2rem 0.2rem 0;display: none;}
.mui-undersigned-head .mui-undersigned-row{ padding-bottom: 0.2rem;}
.mui-undersigned-head .mui-undersigned-row div{ display: table-cell; text-align: left; vertical-align: middle;}
.mui-undersigned-head .mui-undersigned-row div.name{ width:30%;}
.mui-undersigned-head .mui-undersigned-row div.contact{ width:50%;}
.mui-undersigned-head .mui-undersigned-row div.btn{ width:15%; text-align: right; height: 0.46rem;}
.mui-undersigned-head .mui-undersigned-row div.btn .del{ width: 100%; height: 100%; font-size: 0.22rem; color: #666; background: #f2f6f9; border-color: #d7e2ea; padding: 0; vertical-align: middle; text-align: center; }

.pdf_prev{ position: fixed; top:50%; left: 0.2rem; width: 0.56rem; height: 0.56rem; background: url(../images/pdf_prev.png) no-repeat center; background-size: cover;display: none;text-indent: -999em; }
.pdf_next{ position: fixed; top:50%; right: 0.2rem;width: 0.56rem; height: 0.56rem; background: url(../images/pdf_next.png) no-repeat center; background-size: cover; display: none; text-indent: -999em;} 
.mui-pdf-num{ width: 0.95rem; height: 0.52rem; position: fixed;z-index: 10;right:0.2rem; top:1.06rem;border: 1px solid #2b85ff; color: #2b85ff; text-align: center; line-height: 0.52rem; border-radius: 5px;}
.mui-signed-files .mui-input-row input{ border: none; padding:0.2rem;}


.home_agree_no{ background: #fff; padding: 0.5rem 0; text-align: center; display: none;}
.home_agree_no img{ width: 1.48rem; height: 1.48rem;}
.home_agree_no span{ display: block; text-align: center; font-size: 0.28rem; color: #ccc; line-height: 2;}
#home_agree_list{ display: none;}
.mui-recent .mui-table-view-cell>a:not(.mui-btn){word-wrap: break-word;word-break: normal;white-space:normal}


.mui-fixed-btn{ position: fixed; bottom: 0; left: 0; right: 0; z-index: 100;}
.mui-fixed-btn .mui-btn{  width: 100%;font-size: 0.3rem; line-height: 1; padding: 0.2rem;}

.mui-contact-noname { text-align: center; padding: 0.2rem 0; display: none;}
.mui-contact-noname img{ width: 3.45rem; height: 3.52rem;}
.mui-contact-noname h3{ font-size: 0.3rem; color: #666; line-height: 2; font-weight: normal;}

.mui-contact-name .item .mui-table-view-cell{ padding: 0.2rem 0 0.2rem 0.2rem;}
.mui-contact-name .item span.del{ padding-right:0.2rem;}


.mui-record .title{ display: table; width: 80%;margin: 0 auto;}
.mui-record .title h3 ,.mui-record .title span{ display: table-cell; vertical-align: middle; }
.mui-record .title h3{ font-weight: normal; font-size: 0.34rem; color: #333;}
.mui-record .title span{ color: #333; font-size: 0.3rem;}

.mui-signed-files .mui-input-row input{ color: #666!important;}
.mui-signed-files .mui-input-row input:focus{color: #666!important; outline: none;}

.mui-signature{ display: none;}
.mui-no-signature{ padding: 1.2rem 0 0; text-align: center; display: none;}
.mui-no-signature img{ width: 2.92rem; height: 1.29rem;}
.mui-no-signature h3{ color: #666; font-size: 0.3rem; line-height: 3; font-weight: normal;}
.mui-no-signature .mui-btn{ font-size: 0.32rem; line-height: 1; padding: 0.2rem 0.8rem;}

/* tanglijun by 20180228 */
.cert-item-1 {	background: #fff;line-height: 0.65rem;padding: 0 0.2rem;margin: 0;font-size: 0.32rem;}
.cert-item-1 span {font-weight: normal;}
.cert-item-1 span em {  font-style:inherit;color: #202021f0;padding-right: 0.1rem;font-weight: bold; }
.cert-item-1 a{ color: #076bf2; font-size: 0.3rem;}
.cert-item-1 a span {background: #076bf2;border-radius: 50%;box-shadow: 0 0 3px rgba(153,153,153,.5);padding: 3px 0 3px 0;	margin: 0 5px 0 5px;  }
.cert-item-1 a span strong{color: #FFF;margin: 0 2px 0 1px;font-weight: normal;}
.cert-item-2 { background: #fff; line-height: 0.65rem; padding: 0 0.2rem; margin: 0;color: #000000;font-size: 0.32rem;}
.cert-item-2 span {font-weight: bold;padding-right: 5px}
.cert-item-2 a{ color: #076bf2; font-size: 0.3rem;}

.cert-item-0 { background: #076bf2; line-height: 0.65rem; padding: 0 0.2rem; margin: 0;color: #FFF;font-size: 0.32rem;}
.cert-item-0 span {font-weight: bold;padding-right: 5px}
.cert-item-0 a{ color: #fff; font-size: 0.3rem;}
.cert-item-0 a span{ color: #fff; font-size: 0.25rem;}


.mui-to-audit{ padding: 0.3rem 0; text-align: center;}
.mui-to-audit img{ width: 3.04rem; height: 3.31rem; }
.mui-to-audit h3{ line-height: 3; font-weight: normal; font-size: 0.34rem; color: #333;}
.mui-to-audit p{ color: #999; font-size: 0.28rem; line-height: 1.5; padding-bottom: 0.3rem;}
.mui-to-audit .mui-btn{ font-size: 0.32rem; color: #076bf2; border-color: #d7e2ea; border-radius: 0.5rem; line-height: 1; padding: 0.25rem 0.5rem;}
.mui-gray-btn{color: #ccc;border: 1px solid #e0e0e0;background: #ebebeb;}

/* tanglijun by 20180309 */
.mui-contact-search{ background: #f2f6f9; top: 0.86rem; height: 1.3rem;  padding: 0.3rem;}
.mui-contact-search .mui-input-row { display: table; width: 100%;border:1px solid #a4c4ee; border-radius: 3px; background: #fff;height: 0.7rem;}
.mui-contact-search .mui-input-row input{border: none;  color: #666666; font-size: 0.3rem; line-height: 1; margin: 0; padding: 0; height:100%; padding: 0.2rem; display: table-cell; vertical-align: middle;}
.mui-search-icon{ display: table-cell; width: 0.7rem; height: 100%; vertical-align: middle;}
.mui-search-icon i.icon{ text-align: center; display: block; font-size: 0.3rem; color: #666666;}



/* tanglijun by 20180516 */
.mui-file { background: #fff; margin-top: 0.2rem; }
.mui-file ul{ display: table; width: 100%;}
.mui-file ul li{ display: table-cell; float: none; width: 33.33%; margin: 0; border-radius: 0; border: none; background: none; vertical-align: bottom;}
.mui-file ul li strong { font-size: 0.52rem;}
.mui-file ul li i{ display: inline-block; font-size: 0.2rem; width: 0.3rem; height: 0.3rem; border-radius: 0.3rem; margin: 0; line-height: 0.3rem; vertical-align: top; margin-right: 0.1rem;}
.mui-file ul li em{ display: block; font-size: 0.3rem; padding: 0.2rem 0; margin: 0 -0.1rem; position: relative;}
.mui-buy em{ color: #076bf2!important; font-size: 0.38rem!important; line-height: 1; padding: 0.1rem 0!important;}

.real-name-btn{ display: block; width: 2rem; height: 0.5rem; border: 1px solid #d7e2ea; background: #f2f6f9; color: #076bf2; font-size: 0.26rem; text-align: center; line-height: 0.5rem; border-radius: 0.2rem; margin: 0 auto; cursor: pointer;}

.use-id-card{ color: #076bf2;  font-size: 0.3rem; text-align: center; padding: 15px 0;}

.mui-signature .set-foot{border-top: 1px solid #dce6ed;padding: 0.2rem;color: #666;font-size: 0.3rem; display: table; width: 100%;}
.mui-signature .set-foot span{ display: table-cell; color:#666666;}
.mui-signature .set-foot .left i{ padding-right: 0.1rem;}    
.mui-signature .set-foot .right{ text-align: right; }   
.mui-signature .set-foot .right i{font-size: 0.3rem;}   
.sign-ico{ border: 1px solid #076bf2; font-style: normal; font-size: 0.2rem; color: #076bf2; padding:0.05rem 0.1rem; vertical-align: middle; line-height: 1; text-align: center; border-radius: 0.15rem; margin-left: 0.4rem;} 
.sign-ico.bg{ background: #f2f6f9;}

.mui-contract .participants .item .right .time.blue{ color: #076bf2;}

.file-sign-btn{ background: #f2f6f9; width: 100%; border-color: #a4c4ee; color: #076bf2; font-size: 0.28rem;}
.mui-forget-btn{ display: table; width: 100%;}
.mui-forget-btn .mui-btn{  display:table-cell;width:49%!important;}
.mui-forget-btn .mui-submit-btn{ margin-right: 1%;}
.mui-forget-btn .mui-cancel-btn{ margin-left: 1%; background: #e5e6e8; border-color: #d7d8da; color: #333333!important;}

.no-name-note { background:rgba(131,181,249,0.8); position: fixed; top: 0.86rem; left: 0; right: 0; width: 100%;z-index: 100;}
.no-name-note p{ text-align: center; font-size: 0.32rem; color: #fff; line-height: 1; padding: 0.2rem 0;}

.mui-name-item.mui-layer-item .mui-btn { width: 95%; }
.mui-name-item.mui-layer-item .mui-btn.mui-btn-cancel{ background:#ebebeb ; color: #333333; border-color: #dddddd;}
.mui-name-item.mui-layer-item .mui-btn.mui-btn-del{  background: #0044a0; border-color: #0044a0; color: #fff;}

#cardzmbtn,#cardbmbtn{ width: 4.96rem; height: 3.13rem; overflow: hidden; margin: 0 auto; z-index: 0!!important;}
#cardzmbtn img,#cardbmbtn img{ line-height: 0; font-size: 0; width: 100%; height: 100%;}
#cardzmbtn{ margin-bottom: 0.3rem;}
.mui-people-segmented-control{ border-radius: 0;}

.mui-people-segmented-group .mui-control-content{ padding: 0!important;}
.mui-people-segmented-group .mui-button-row{ padding:0.2rem 0.3rem;}
.mui-people-segmented-group .mui-btn{ width: 100%;  color: #076bf2; font-size: 0.32rem; border-color:#d2d2d2;}

.mui-note-that { background: #fff; padding: 0.2rem; width: 100%; display: table;}
.mui-note-that span, .mui-note-that .mui-switch{ display: table-cell; vertical-align: middle;}
.mui-note-that .mui-switch{ text-align: right;}
.mui-note-that span{ color: #666; /*font-size: 0.3rem;*/}
.mui-note-that span i{ color: #f7695f; font-size: 0.30rem; margin-left: 0.2rem; vertical-align: middle;}

.mui-undersigned-add-item{ display: table; width: 100%; margin-bottom: 0.2rem;}
.mui-undersigned-add-item span{ display: table-cell; vertical-align: middle;}
.mui-undersigned-add-item span.input{ text-align:left;}
.mui-undersigned-add-item span.input input{ margin-bottom: 0; font-size: 0.28rem; color: #666666; line-height: 1; padding: 0.2rem;}
.mui-undersigned-add-item span.add-btn,.mui-undersigned-add-item span.contact-btn{ text-align: right;}

.mui-undersigned-add-item span.contact-btn .mui-btn,.mui-undersigned-add-item span.add-btn .mui-btn{font-size: 0.28rem; line-height: 1; width: 1rem; text-align: center; height: 0.68rem; line-height: 0.68rem; padding: 0;}

.mui-undersigned-add-item span.contact-btn i{ font-size: 0.5rem;height: 0.68rem;width: 0.68rem;line-height: 0.68rem;margin: 0 auto; color: #999999;}
.mui-undersigned-add-item span.contact-btn .mui-btn{ background: #f2f6f9; border-color: #a4c4ee;}

.mui-contact-name .mui-radio{ display: table-cell; width: 0.6rem; height:100%; vertical-align: middle; text-align: left;}
.mui-contact-name .mui-radio input[type=radio]{ top:0; right: 0; position: static;}

.mui-deep-blue{width: 100%; border: none; background: #0044a0; height: 100%; border-radius: 0; color: #fff; font-size: 0.32rem; padding: 0; line-height: 0.86rem;}

#mui-owl-show {width: 100%;}
#mui-owl-show .item{ display: block; }
#mui-owl-show img { display: block; width: 100%;height: auto;}

.mui-owl-item{ display:none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; background: rgba(0,0,0,0.7);}
.mui-owl-item .mui-owl-close{ font-size: 0.24rem; width: 0.8rem; height: 0.8rem; border-radius: 50%; display: block; color: #fff; background: rgba(0,0,0,0.5);text-align: center; line-height: 0.8rem; position: fixed; right: 0; top: 0; z-index: 2000;}

.mui-note-that span strong{font-weight: normal; display: none;}
.mui-note-that span strong i{ vertical-align: top;}


/* tanglijun 20180613 */
.swiper-container .swiper-slide img{height: 100%;}
.swiper-container .swiper-slide{display: flex;justify-content: center;align-items: center; }
.swiper-pagination{width: 0.8rem;height: 0.5rem; border-radius: 5px; background: rgba(0,0,0,0.7); color:#fff; font-size: 0.24rem;top: 0.14rem;right: 0.2rem;line-height:0.5rem;}
.swiper-container .swiper-slide img{ opacity:1}


.mui-preview-image.mui-fullscreen {position: fixed;z-index:200;background-color: #000;}
.mui-preview-header, .mui-preview-footer {position: absolute;width: 100%;left: 0;z-index: 100000;}
.mui-preview-header {height: 44px;top: 0;display: none;}
.mui-preview-footer {height: 50px;bottom: 0px;}
.mui-preview-header .mui-preview-indicator {display: block;line-height: 25px;color: #fff;text-align: center;margin: 15px auto 4;width: 70px;background-color: rgba(0, 0, 0, 0.4);border-radius: 12px;font-size: 16px;}
.mui-preview-image {display: none;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.mui-preview-image.mui-preview-in {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.mui-preview-image.mui-preview-out {background: none;-webkit-animation-name: fadeOut;animation-name: fadeOut;}
.mui-preview-image.mui-preview-out .mui-preview-header,
.mui-preview-image.mui-preview-out .mui-preview-footer {display: none;}
.mui-zoom-scroller {position: absolute;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;left: 0;right: 0;bottom: 0;top: 0;width: 100%;height: 100%;margin: 0;-webkit-backface-visibility: hidden;}
.mui-zoom {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.mui-slider .mui-slider-group .mui-slider-item img {width: auto;height: auto;max-width: 100%;max-height: 100%;}
.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {width: 100%;}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {display: inline-table;}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {display: table-cell;vertical-align: middle;}
.mui-preview-loading {position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: none;}
.mui-preview-loading.mui-active {display: block;}
.mui-preview-loading .mui-spinner-white {position: absolute;top: 50%;left: 50%;margin-left: -25px;margin-top: -25px;height: 50px;width: 50px;}
.mui-preview-image img.mui-transitioning {-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;transition: transform 0.5s ease, opacity 0.5s ease;}
@-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
@-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }
@keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }

.mui-switch.mui-active{ border-color:#ccc!important;background-color: #ccc!important;}
.mui-switch:before{ content: "关"}
.mui-switch.mui-active:before{content: "开"; color: #333;}
.icon-riqixuanze{ font-size: 0.36rem; color:#999;text-align: right;display: block;height: 40px;line-height: 40px;margin-top: -40px;
	margin-right: 0.2rem;}
.mui-signed-files .mui-input-row{border-bottom: 1px solid #ebf1f5;}
.mui-signed-files .ul_pics{border-bottom: 1px solid #ebf1f5; margin: 0; padding: 0.2rem 0;}
.mui-undersigned-head{border-bottom: 1px solid #ebf1f5; margin-top: 0}


.mui-undersigned-head-item{ position: relative; display:none;}
.mui-undersigned-head-item .mui-undersigned-close{ position:absolute;top:0.2rem;right: 0.2rem;font-size:0.8rem; color:#999999 }
.mui-undersigned-head-item .item .title{border-bottom: 1px solid #ebf1f5; color:#333333; font-size: 0.3rem;display: block; padding:0.1rem 0; margin-bottom: 0.1rem;}
.mui-undersigned-add-item span.add-btn .mui-btn{height: 40px; line-height: 40px;}
.icon-xinzeng{ font-size: 0.8rem;height: 0.8rem;width: 0.8rem;line-height: 0.8rem;color: #cccccc}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #666;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #666;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #666;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #666;}

.mui-undersigned-head .mui-input-row{border-bottom: none; color: #666666; display: table;height: 40px;
	width: 100%;}
.mui-undersigned-head .mui-input-row span,.mui-undersigned-head .mui-input-row i{color: #666;display: table-cell;vertical-align: middle; line-height: 21px;}
.mui-undersigned-head .mui-input-row i{  font-size: 0.32rem;color:#999; text-align: right}