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-tail{ padding: 15px; position: relative; padding-top: 0px; padding-left: 40px; padding-right: 10; } .mui-tail span{ margin-right: 25px; font-size: 12px; } .mui-tail p{ margin-top: 10px; font-size: 12px; } .mui-table-view-cell-pmargin p{ padding: 14px 10px; border-top: 1px solid #f5f5f6; } .mui-tail .span3{ position: absolute; right: 0px; top: 0px; } .mui-tail-contail:first-child{ padding-top: 15px !important; } .mui-table-view-li:after{ position: absolute; right: 0; bottom: 0; left: 0px; height: 0px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #f5f5f6; } .mui-table-view-li label{ padding:7px 10px 7px 10px!important; } .mui-tail-contail{ position: relative; } .mui-tail-contail .circular{ position: absolute; background: #2cc6a7; left: 15px; top: 20px; width: 12px; height: 12px; -moz-border-radius: 6px; /* Firefox */ -webkit-border-radius: 6px; /* Safari 和 Chrome */ border-radius: 6px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ z-index: 3; } .mui-tail-contail .circular_h{ position: absolute; background: #e1e1e1; left: 16px; top: 5px; width: 10px; height: 10px; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari 和 Chrome */ border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ z-index: 3; } .mui-tail-contail .circular_hd{ position: absolute; background: #e1e1e1; left: 15px; top: 5px; width: 12px; height: 12px; -moz-border-radius: 6px; /* Firefox */ -webkit-border-radius: 6px; /* Safari 和 Chrome */ border-radius: 6px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ z-index: 3; } /*.mui-tail-contail .string1{ position: absolute; background: #e1e1e1; left: 20px; top: 20px; width: 2px; height: 70px; z-index: 1; }*/ .mui-tail-contail .string{ position: absolute; background: #e1e1e1; left: 20px; top: 0px; width: 2px; height: 70px; z-index: 1; } /*.mui-tail-contail .string3{ position: absolute; background: #e1e1e1; left: 20px; top: 0px; width: 2px; height: 5px; z-index: 1; }*/ .mui-tail-contail> .string:first-child{ top: 20px; width: 2px; height: 70px; z-index: 1; } .mui-tail-contail> .string:last-child{ top: 0px; width: 2px; height: 5px; z-index: 1; } .mui-table-view-ul:after{ position: absolute; right: 0; bottom: 0; left: 0px; height: 5px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #f5f5f6; } .mui-table-view-ul-1:after{ position: absolute; right: 0; bottom: 0; left: 0px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #f5f5f6; } .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: 15px; line-height: 44px; font-size: 13px; } /*弹框1*/ .pop_up_bj{ top: 0px; background: #000000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; position: fixed; z-index: 333; width: 100%; height: 100%; display: none; } .mui_btn1{display: none;} .mui_btn1_tit{ padding: 10px 0 0 10px; font-size: 14px; } .mui_btn1{ overflow: hidden; } .mui_btn1 li{ float: left; margin: 10px 4% 0 4%; } .mui_btn1 .tit{ font-size: 14px; padding: 10px 0px 0px 10px; margin: 0px; } .mui-btn-block{ padding: 5px 10px; font-size: 14px; } .pop_up_div1{ margin: auto; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 80%; height:185px; background: #FFFFFF; z-index: 334; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari 和 Chrome */ border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ display: none; } .pop_up_div1 .tit{ width: 100%; line-height: 44px; height: 44px; text-align: center; font-size: 13px; color: #666666; } .pop_up_div1 .contain{ width: 90%; margin: 0 auto; } .pop_up_div1 .contain textarea{ width:100%; height: 102px; background: #f5f5f6; text-indent: 2em; font-size: 12px; padding: 5px; line-height: 20px; margin: 0; border: none; } .pop_up_div1 .btn{ width: 65%; margin: 0 auto; overflow: hidden; } .pop_up_div1 .btn button{ padding:3px 25px !important; } .pop_up_div1 .btn .fl{ float: left; color: #666666; } .pop_up_div1 .btn .fr{ float: right; } /*弹框2*/ .pop_up_div2{ margin: auto; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 80%; height:185px; background: #FFFFFF; z-index: 334; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari 和 Chrome */ border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ display: none; } .pop_up_div2 .tit{ width: 100%; line-height: 44px; height: 44px; text-align: center; font-size: 13px; color: #666666; } .pop_up_div2 .contain{ width: 90%; margin: 0 auto; } .pop_up_div2 .contain textarea{ width:100%; height: 102px; background: #f5f5f6; text-indent: 2em; font-size: 12px; padding: 5px; line-height: 20px; margin: 0; border: none; } .pop_up_div2 .btn{ width: 65%; margin: 0 auto; overflow: hidden; } .pop_up_div2 .btn button{ padding:3px 25px !important; } .pop_up_div2 .btn .fl{ float: left; color: #666666; } .pop_up_div2 .btn .fr{ float: right; } /*弹框3*/ .pop_up_div3{ margin: auto; position: fixed; bottom: 0; width: 100%; height:242px; background: #FFFFFF; z-index: 334; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari 和 Chrome */ border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ display: none; } .pop_up_div3 .tit{ width: 100%; line-height: 44px; height: 44px; text-align: center; font-size: 13px; color: #666666; } .pop_up_div3 .contain{ width: 90%; margin: 0 auto; } .pop_up_div3 .contain textarea{ width:100%; height: 180px; background: #f5f5f6; text-indent: 2em; font-size: 12px; padding: 5px; line-height: 20px; margin: 0; border: none; } .pop_up_div3 .btn{ width: 65%; margin: 0 auto; overflow: hidden; } .pop_up_div3 .btn button{ padding:3px 25px !important; } .pop_up_div3 .btn .fl{ position: absolute; top: 10px; left: 5%; color: #666666; } .pop_up_div3 .btn .fr{ position: absolute; top: 10px; right: 5%; }