body { font-size: 14px; } .font-color1{ color: #e03636 !important; } .font-color2{ color: #303030 !important; } .font-color3{ color: #999999 !important; } .font-color4{ color:#2cc6a7 ; } .font-color5{ color: #595959 !important; } .font-color6{ color: #222222 !important; } .mui-bar-popover { width: 30%; } .mui-popover.mui-bar-popover .mui-table-view { width: 100%; } .mui-table-view .mui-table-view-cell>a:not(.mui-btn) { text-align: center; } .mui-input-row label~input, .mui-input-row label~select, .mui-input-row label~textarea{ float: left; color: #222222; } .mui-input-row label~input:-webkit-input-placeholder { color:#222222; /* WebKit browsers */ } .mui-input-row label~input:-moz-placeholder { color: #222222; /* Mozilla Firefox 4 to 18 */ } .mui-input-row label~input:-moz-placeholder { color: #222222; /* Mozilla Firefox 19+ */ } .mui-input-row label~input:-ms-input-placeholder { color: #222222; /* Internet Explorer 10+ */ } .mui-table-view-cell { padding: 0px!important; } .mui-table-view-cell:after{ left: 0px; background-color: #f5f5f6; } .radio_box { display: inline-block; } .mui-radio input[type=radio]:before { font-size: 20px; vertical-align: middle; } .mui-radio.mui-left input[type=radio] { line-height: 24px!important; } .mui-radio.mui-left label { padding-right: 1px!important; padding-left: 51px!important; color: #222222; } .mui-input-row font{ padding: 10px 20px; float: left; color: #222222;} .ztext { width: 100%; margin: 0; border: 0; } .action { padding: 5px 15px; } .type_down { float: right!important; display: inline-block!important; vertical-align: middle!important; line-height: 42px; margin-right: 10px; } .type_con { width: 55%!important; float: left!important; vertical-align: middle!important; display: inline-block!important; padding: 10px 0!important; } .label { width: 28%!important; padding:14px 5px 14px 10px!important; text-align: left !important; } .get_yzm { padding: 5px!important; width: auto!important; } .yzm_con { float: left!important; width: 40%!important; } .mui-bar-nav { background-color: #393a3f; } .mui-title{color: #FFFFFF;} .mui-input-row label { text-align: -webkit-right; color: #595959; } .mui-btn-block { padding: 10px; width: 100%; } a { color: #000; } .size-14 { font-size: 14px; } .mui-input-row label~input, .mui-input-row label~select, { line-height: 1.1; font-size: 14px; } .submit-btn{ width: 100%; position: fixed; bottom: 0px; overflow: hidden; z-index: 3; -moz-box-shadow: 0px -1px 1px #d2d2d2; /* Firefox */ -webkit-box-shadow: 0px -1px 1px #d2d2d2; /* Safari 和 Chrome */ box-shadow: 0px -1px 1px #d2d2d2; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ } .submit-btn button{ width: 50%; float: left; display: block; border: none; padding: 0; margin: 0; height: 50px; border-radius: 0px; background-color: #2cc6a7;} .submit-btn>button:first-child{ background: #FFFFFF !important; color: #000000; } .mui-input-row .mui-right{ text-align: right; width: 60%; float: right; } .mui-input-row .mui-right label{ padding-right: 15px; } .mui-slider{ background: #FFFFFF; } .mui-icon{ border: none !important; } .mui-nav{ position: fixed; width: 100%; top: 0px; height: 44px; line-height: 44px; text-align: center; background: #22c9a8; z-index: 333; color: #FFFFFF; font-size: 17px;} .mui-nav a{ position: absolute; left: 15px; line-height: 44px; color: #FFFFFF; } .mui-nav span{ position: absolute; right: 0px; top: 0; line-height: 44px; font-size: 13px; background: none; } .report_order{ width:80%; position: absolute; top: 30px; } .report_order .tit{ width: 100%; text-align: center; font-size: 14px; color: #FFFFFF; } .report_order .order_num{ width: 100%; color: #FFFFFF; text-align: center; margin-top: 100px; font-size: 20px; } .report_order .order_deta{ width: 100%; text-align: center; color: #FFFFFF; position: absolute; bottom: -50px; /*margin-top: 85px;*/ } .order_deta dl{ overflow: hidden; } .order_deta dl dt{ float: left; width: 25%; line-height: 20px; font-size: 12px; text-align: center; } .report_order .order_botdeta{ width: 100%; margin-top: 105px; } .report_order .order_botdeta dl dt{ float: left; width: 50%; line-height: 20px; font-size: 14px; color: #FFFFFF; text-align: center; } /*报表*/ .report_area{ width:100%; position: absolute; top: 30px; } .report_area .tit{ width: 80%; text-align: center; font-size: 14px; color: #FFFFFF; } .report_area .area_deta{ width: 80%; text-align: center; color: #FFFFFF; position: absolute; bottom: -65px; } .area_deta dl{ overflow: hidden; } .area_deta dl dt{ float: left; width: 25%; line-height: 20px; font-size: 12px; text-align: center; } /*各类*/ .report_type{ width:80%; position: absolute; top: 30px; } .report_type .tit{ width: 100%; text-align: center; font-size: 14px; color: #FFFFFF; } .report_type .type_deta{ width: 100%; text-align: center; color: #FFFFFF; position: absolute; bottom: -20px; } .type_deta dl{ overflow: hidden; } .type_deta dl dt{ float: left; width: 25%; line-height: 20px; font-size: 12px; text-align: center; } /*进度条样式*/ .container{ width: 80%; margin-left: 10%; } .progress{ height: 7px; background: #e3e3e3; border-radius: 0; box-shadow: none; margin: 45px 0 40px; overflow: visible; position: relative; } .progress .progress-bar{ box-shadow: none; border-radius: 0; position: relative; -webkit-animation: animate-positive 2s; animation: animate-positive 2s; } /*.progress .progress-bar:after{ content: ""; width: 16px; height: 16px; border-radius: 50%; box-shadow: 0 5px 5px rgba(0,0,0,0.6); background: #fff; position: absolute; right: -5px; top: -6px; }*/ .progress .progress-value{ line-height: 30px; font-size: 12px; color: #fff; position: absolute; bottom: 10px; right: 15px; } .progress .progress-state{ line-height: 30px; border-radius: 3px; font-size: 12px; color: #fff; position: absolute; bottom: 10px; left: 5px; } .progress .progress-num{ line-height: 30px; font-size: 12px; color: #fff; position: absolute; bottom: 10px; left: 100px; } /*.progress.green .progress-bar:after{ border: 5px solid #21da9a; } .progress.pink .progress-bar:after{ border: 5px solid #ff1170; } .progress.blue .progress-bar:after{ border: 5px solid #294bdc; } .progress.yellow .progress-bar:after{ border: 5px solid #ffa900; }*/ @-webkit-keyframes animate-positive{ 0% { width: 0; } } @keyframes animate-positive{ 0% { width: 0; } } /*区域报表*/ .contain{ /*margin-top: 15px;*/ }