﻿ul, ol {list-style: none;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.red, a.red {color: #f00;}
.mr10 { margin-right: 10px; }
.mt30 {margin-top: 30px;}
.mr38 {margin-right: 38px;}
.ohidden {overflow: hidden;}
/* 结构样式 */
.g-left { position: relative; float: left; width: 200px; overflow-x: hidden; }
.g-right { float: right; width: 750px; }
.g-center{ width: 960px;margin: 0px auto;overflow: hidden;zoom: 1;}
.g-form { margin-top: 20px;}
.g-form-item { margin-bottom: 15px; zoom: 1; }
.g-form-item:after { content: ""; display: table; clear: both; }
.g-form-label { font-size: 14px; line-height: 30px; text-align: right; float: left; height: 30px; width: 250px; color: #333333; }
.g-form-label2 { font-size: 18px; line-height: 30px; text-align: right; float: left; height: 30px;padding-left: 100px;  color: #333333; }
.g-center h3 { font-size:16px; font-weight:bold; border-bottom:1px solid #e3e3e3; font-family:"Microsoft YaHei",微软雅黑; }
.g-center h3 span {display: inline-block;border-bottom: 2px solid #a3cc00;margin-bottom: -1px;padding-bottom: 6px;}
.g-form-item span.msg { font-size: 18px; font-weight: bold; color: #ff6600; }
.g-form-item span.title { font-size: 14px; color: black; }
/* 按钮 */
.u-btn-ok { border: none; cursor: pointer; font-family: "微软雅黑","黑体"; font-size: 16px; line-height: 40px; font-weight: bold; color: #FFF; background: url(../img/btn.png) repeat-x 0px 0px; text-align: center; display: inline-block; padding: 0px 20px; height: 40px; }
.u-btn-ok:hover { background-position: 0 -41px; color: #FFF; }
.u-btn-cancel { border: 1px solid #ccc; cursor: pointer; font-size: 14px; line-height: 38px; font-weight: bold; color: #666666; background: url(../img/btn.png) repeat-x 0px -80px; text-align: center; display: inline-block; padding: 0px 20px; height: 38px; }
.u-btn-cancel:hover { background-position: 0 -119px; color: #666666; }
.u-btn-small{ height: 28px;line-height: 28px;}

/*breadcrumb*/
.m-breadcrumb {line-height: 30px;height: 30px;padding-bottom: 15px;}
.m-breadcrumb a {color: #666;font-size: 13px;text-decoration: none;}
/*security*/
.m-security-container {padding-top: 20px;padding-bottom: 40px;/*margin-left: 100px;*/font-size: 14px;zoom: 1;}
.m-security-container a.ortherway{margin-left: 10px; color: gray; font-size: 11px}
.m-security-container .loginpannel{margin-left: 100px;}
.m-security-container .form-box {width: 100%;clear: both;zoom: 1;line-height: 30px;overflow: hidden;}
.m-security-container .item {height: 44px;float: left;font-size: 14px;width: 250px;margin-right: 10px;text-align: right;vertical-align: middle;display: inline-block;line-height: 30px;}
.m-security-container .form-success .container {margin-top: 100px;margin-left: 240px;background: url(../img/action_tip.png) no-repeat -216px 0;padding-left: 85px;padding-top: 15px;font-size: 12px;height: 250px;}
.m-security-container .form-error .container {margin-top: 100px;margin-left: 240px;background: url(../img/action_tip.png) no-repeat -140px -81px;padding-left: 85px;padding-top: 15px;font-size: 12px;height: 250px;}
.m-security-container .g-form-main { margin-left: 180px; line-height: 40px; }
.m-security-container .u-text { float: left; border: solid 1px #ccc; vertical-align: middle; font-size: 14px; padding-left: 5px; line-height: 30px; height: 30px; width: 220px; }
.m-security-container .u-error{height: 20px;padding: 2px 10px 5px 20px;color: red;position: relative;line-height: 20px;font-size: 12px;zoom: 1;}
.m-security-container .select-ways {font-size: 14px;margin-top: 40px;margin-left: 255px;height: 300px;}
.m-security-container .select-ways ul {padding-left: 20px;}
.m-security-container .select-ways ul li {width: 280px;height: 40px;vertical-align: middle;line-height: 40px;padding-left: 36px;margin-top: 15px;}
.m-security-container .select-ways .phone{background: #f5f5f5 url(../img/ico_ways.png) no-repeat 10px 14px;}
.m-security-container .select-ways .email{background: #f5f5f5 url(../img/ico_ways.png) no-repeat 10px -16px;}
.m-security-container .select-ways .card {background: #f5f5f5 url(../img/ico_ways.png) no-repeat 10px -44px;}
.m-security-container .select-ways .appeal{background: #f5f5f5 url(../img/ico_ways.png) no-repeat 10px -107px;}
.m-security-container .select-ways .noverify {color: #aaa;}
.m-security-container .emailpannel .title {margin-left: 48px;margin-top: 20px;font-size: 14px;width: 100%;}

.uv-step { margin:0px 0px 0 48px; overflow:hidden; }
.uv-step span { line-height: 32px; text-align: center; display: block; float: left; height: 32px; background: #efece5; font-size: 14px; }
.uv-step span.on{ background: #ffb001; color: #FFF; }
.uv-step span.uv-s1,.uv-step span.uv-s2,.uv-step span.uv-s3{background: url(../img/bg_step.png) no-repeat 0px 0px; width: 20px; }
.uv-step span.uv-s1 {background-position:0 0; }
.uv-step span.uv-s2{ background-position:0 -32px; }
.uv-step span.uv-s3{background-position:0 -64px; }
.uv-step3 span { width:275px; }

/*自助服务*/
.m-self-container{  border-top: 1px solid #eaeaea;border-right: 1px solid #eaeaea;width: 959px;height: 100%;overflow: hidden;zoom: 1;}
.m-self-container .left-sider {float: left;width: 220px;border-right: 1px solid #eaeaea;}
.m-self-container .left-sider .operate{border: 1px solid #eaeaea;border-right: none;border-top: none;}
.m-self-container .operate ul li {height: 43px;display: inline;}
.m-self-container .operate ul li a.selected{background: url(../img/self-left-bg.png) no-repeat left center;color: #555;background-color: #fff;width: 190px;}
.m-self-container .right-sider {float: right;width: 697px;padding: 0 20px;margin-top: 20px;border-bottom: 1px solid #eaeaea;overflow: hidden;}
.m-self-container .right-sider .select-ser {float: left;width: 305px;height: 135px;border: 1px solid #eaeaea;padding: 15px 0 0 20px;position: relative;}
.m-self-container .right-sider .select-ser h3 {font-family: "Microsoft YaHei",΢微软雅黑;font-size: 16px;font-weight: bold;border: none;}
.m-self-container .right-sider .select-ser ul {padding-left: 10px;padding-top: 5px;}
.m-self-container .right-sider .select-ser ul li {line-height: 24px;background: url('../img/ico_li5.png') no-repeat left center;padding-left: 10px;height: 24px;}
.m-self-container .right-sider .select-ser ul li a {font-size: 12px;text-decoration: none;color: #555;}
.m-self-container .small-tip {padding: 2px 10px 5px 20px;color: #888;position: relative;line-height: 20px;font-size: 12px;zoom: 1;}
.m-self-container .small-tip .tipico {background: url('../img/ico_tip.png') no-repeat 0 -161px;display: inline-block;height: 20px;width: 14px;position: absolute;left: 0px;top: 5px;}
.m-self-container .small-tip a {color: #336699;text-decoration: underline;padding: 0 5px;}
.m-self-container .operate ul li {height: 43px;display: inline;}
.m-self-container .right-sider .select-ser {float: left;width: 305px;height: 135px;border: 1px solid #eaeaea;padding: 15px 0 0 20px;position: relative;}
.m-self-container .right-sider .select-ser s {background: url(../img/self.png) no-repeat;position: absolute;display: block;right: 20px;bottom: 20px;}
.m-self-container .right-sider .select-ser .s1 {background-position: 0 0;width: 75px;height: 75px;}
.m-self-container .right-sider .select-ser .s2 {background-position: 0 -95px;width: 75px;height: 75px;}
.m-self-container .right-sider .select-ser .s3 {background-position: 0 -190px;width: 75px;height: 75px;}
.m-self-container .operate ul li a {background: #f7f7f7;padding-left: 30px;text-decoration: none;font-size: 14px;color: #555;display: block;line-height: 43px;border-bottom: 1px dotted #d2d2d2;}
