/*前台公用样式*/
body{ margin: 0 auto; padding: 0; background-color: #fff; font-size:16px; color: #333333;}
.dib{ display: inline-block;}
.db{ display: block;}
.ofh{ overflow: hidden; zoom:1;}
.hide{ display: none;}
/* 浮动 */
.fl { float: left }
.fr { float: right }

/* 清浮动 */
.clearfix { zoom: 1 }
.clearfix:after { content: ""; display: block; height: 0; font-size: 0; clear: both; visibility: hidden }
.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}
.mr20{ margin-right: 20px;}
.mb10{ margin-bottom: 10px;}
.p20{ padding: 20px;}
.abs{ position: absolute;}
.rel{ position: relative;}
.fix{ position: fixed;}

.w50{ width: 50%;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f40{ font-size:40px;}
.b{ font-weight: bold;}
.t-2195F4{ color: #2195F4;}
.t-ED1C24{ color: #ED1C24;}
.t-3F62D9{ color: #3F62D9;}
body{ background-color: #f7f7f9;}
.header { width: 100%; background: #141414; text-align: center; }
.header .top-nav { height: 60px;}
.header .top-nav h1 { display: inline-block; width: 300px;color: #fff; position: absolute; left: 0; top: 0; font-size: 24px; line-height: 60px;text-align: left;}
.header .top-nav .layui-nav { position: absolute; top: 0;right: 0; width: 600px; text-align: right; background: none;}
.header .top-nav .layui-nav a {color: #fff;}

.main{ background-color: #AF2324; height: 600px;}
.main-content{ width: 1200px; margin: 0 auto; overflow: hidden; position: relative; height: 600px; z-index: 2; }
.login-img{ width: 480px; position: absolute; left: 50px; top:20px;}
.login-img img{ width: 480px;}
.login-div{width: 330px; min-height: 300px; padding: 25px 35px 23px; color: #6c6c6c; background-color: hsla(0,0%,100%,.9); position: absolute; margin: 0 auto; right: 60px; top:100px; border-radius: 10px;}
.login-title h2{ font-size:16px; height: 30px; line-height: 30px; color: #3c3c3c; font-weight: bold; margin-bottom: 20px;}
.login-input{ overflow: hidden; zoom:1; margin-bottom: 20px; background-color: #fff;}
.login-input label{ width: 40px; height: 40px; line-height: 40px;text-align: center;color: #fff; background-color: #ccc; display: inline-block; float: left; margin-right: 0;}
.login-input label i{ font-size:24px;}
.login-input input{ display: inline-block; margin: 0; display: inline-block; float: left; height: 40px; line-height: 40px; border: 0; padding: 0 8px; font-size: 14px;}
.input-w85per{ width: 80%;}
.login-input span{ display: inline-block; height: 40px; line-height: 40px; font-size:14px;}
.input-btn{ display: inline-block; width: 100%; height: 40px; line-height: 40px; color: #fff; font-size:16px; background-color: #AF2324; border:0; cursor: pointer;}
.vcode-span{ cursor: pointer;}
.error-tips{ margin-top: 5px; color: #AF2324; font-size:14px; height: 22px; line-height: 22px;}

.main1{ margin: 20px auto;}
.main1 .main-content{background-color: #fff; padding: 20px; width: 1180px; padding-right: 0; height: auto; left:0;}
.service-type{ margin-bottom: 20px; border-bottom: 1px dashed #CCCCCC; padding-bottom: 10px; width: 1140px;}
.service-type-ul{}
.service-type-ul li{ width: 31%; float: left; border:1px solid #e8e8e8; border-radius: 4px; margin-right: 20px; margin-bottom: 20px;}
.service-type-ul li a{ display: block; width: 100%; height:54px;  overflow: hidden; zoom:1; padding:20px;}
.service-type-ul li img{ width: 50px; float: left; margin-right: 20px;}
.service-type-ul li h3{ font-size:18px; color: #3c3c3c; font-weight: bold;}
.service-type-ul li p{ font-size:16px; color: #9c9c9c; line-height: 28px;}
.service-type-ul li:hover{ border-color: #dd2727}
.part_one .layui-form-label{ width: 170px; float: left; text-align: right;}
.part_value .input-text{ width: 620px; float: left;}
.part_value .layui-textarea{ width: 620px; float: left;}
.part_value .layui-form-select{ width: 200px; float: left; margin-right: 5px;}
.layui-form-radio{ font-size:14px;}
.part_one label i{ font-style: normal; color: #dd2727; float: right; margin-top: 3px; padding-left:3px;}
.layui-form-radio i:hover, .layui-form-radioed i{ color: #dd2727;}
.layui-btn,.layui-form-select dl dd.layui-this{ background-color: #dd2727;}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{ background-color: #dd2727;}

.sale-list{ width: 90%; margin: 0 auto;}
.sale-list th,.sale-list td{ line-height: 36px; border-bottom: 1px dashed #dedede; text-align: left;}

.reg-p{font-size: 14px; color: #666; text-align: right; padding-top: 10px;}
.reg-p a{ color: #666;}
.register-div{ width: 100%; margin: 0 auto; margin-top:20px; padding: 20px;}
.register-ul{ width: 36%; margin: 0 auto;}
.register-ul .login-input input,.register-ul .login-input span{ background-color:#F7E9EA;}
.register-getcode{ background-color:#F7E9EA; padding:0 6px; width: 100px; text-align: center;}
.iconfont.iconfont-apply{ font-size:48px; color: #dd2727; float: left; margin-right: 20px;}
.my-setting-info{}
.my-setting-info h2{ font-size:20px; font-weight: 700; border-bottom: 1px dashed #ccc; padding-bottom: 10px;}