﻿/* ----------------HPE--------------- */
/* ----------------by.Super.Yu------------- */
/* -------------QQ：289133634---------- */
/* -----------TEL：15922613493--------- */


/* 通用 */
@charset "utf-8";
html{-webkit-text-size-adjust:none;height:100%;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;font:12px/20px "微软雅黑"; height:auto; }
body{-webkit-text-size-adjust:100%; color:#3f3327;background-color:#d0d0d0;height:100%;}
img {max-width:100%;height:auto;width:auto\9; /* ie8 */}
a{color:#fff;text-decoration:none;}
.a1{color:#fff;text-decoration:none;}
.a1:hover{color:#FFF;text-decoration:none;}
a:hover{color:#FFF;	text-decoration:none;}
ul, li{list-style: none;}
img{border: 0px; vertical-align:top;}
input{margin: 0px;padding: 0px;}
.cle_b{clear: both;}
.cle_l{ clear:left;}
.mar_c{margin:0 auto;}
.fl_l{ float:left;}
.fl_r{ float:right;}
.tex_l{ text-align: left;}
.tex_c{ text-align: center;}
.tex_r{ text-align: right;}
a{ color: #01b489;}
a:hover{ color: #008f6d;}
.dis_b{display:block;}
.dis_n{ display:none;}
.bold { font-weight:bold; color:#000 !important; }
.en{font-style:normal; line-height:18px; color:#808080; width:190px;} 
.ovf_h{overflow:hidden;}
.mar_20{ margin:20px auto 0;}
.wrap{ width:1200px; margin: 0 auto;} 

.panel-close{ background: url(../images/ico_close1.png) top center no-repeat; width: 36px; height: 36px; display: block; float: right;}
.panel-close:hover{background: url(../images/ico_close2.png) top center no-repeat; cursor: pointer;}
.color1{color:#00b388;}
.color2{color:#434343;}

/* 登录界面 */
.login-back{ margin: 16px 20px 0 0; text-align: right;}
#login-bg{ width: 100%; height: 100%; background:url(../images/login_bg.jpg?v=1.0.1) center top / cover no-repeat; }
.login-panel{left:50%;top:50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	position: absolute;
	width:1063px; height:600px;   }
.login-panel-logo-con{ width:600px; height: 600px; position: relative; float: left;}
.login-panel-logo{background:url(../images/logo_login.png) center left no-repeat; width: 430px; height: 158px; display: block; margin:190px auto 180px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:22px !important;}
.login-panel-logo-con .login-panel-ul .swiper-slide img{width:100% !important;height:100% !important;}
.login-panel-logo-con .swiper-pagination-bullet{
	width:10px !important;
	height:10px !important;
	background-color:#fff !important;
	opacity:1 !important;
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
	margin:0 8px !important;
	cursor:pointer;
}
.login-panel-logo-con .swiper-pagination-bullet-active
{
	opacity:1;filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
	width:30px !important;
	height:10px !important;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px !important;
}
.login-panel-login-con{ width:463px; height: 600px; position: relative; float: left; text-align: center;background:#fff;}
    .login-panel-login-con .login-icon {
        margin-top: 71px;
        margin-bottom: 10px;
    }
.login-panel-input-con{ margin: 60px auto; width: 300px;}
.login-panel-input{ border:none; outline:none; border-bottom: 1px solid #c2c2c2; background: none; margin: 15px 0; width: 260px; color: #333333; text-align: left;
	line-height: 30px;
	height: 30px;
	font-size: 16px;
	padding:0 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*.login-panel-input:hover{border-bottom: 1px solid #2185d0;  }*/
.login-panel-input-pw{margin: 15px 0 15px 0;}
.login-panel-forgot{text-align: right;width: 260px; display: block; margin:10px auto;}
.input-vcode{
	float:left;
	outline:none;
	border:none;
	border-bottom:1px solid #c2c2c2;
	height:30px;
	width:122px;
	background: none;
	margin: 15px 0 15px 20px;
	padding:0 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;;
	font-size:16px;
}
.vcode-img
{
	display:block;
	margin-top:5px;
}
.login-panel-btn {
    width: 260px;
    height: 40px;
    line-height: 40px;
    background: #2d6efe;
    color: #fff;
    text-align: center;
    border: none;
    margin: 32px auto 20px;
    font-size: 16px;
    outline: none;
    display: block;
}
    .login-panel-btn:hover {
        background: #1458ed;
        color: #fff;
        cursor: pointer;
    }
.login-panel-create-info {
    font-size: 14px;
    line-height: 26px;
    color: #999999
}
.login-panel-create{}

/* 注册页面 */
.register-panel-l{width:380px; height: 660px; position: relative; float: left;background:url(../images/login_panel_bg.png) center left repeat;}
.register-panel-r{width:680px; height: 660px; position: relative; float: left; text-align: center;background:#fff;}
.register-panel-tit{ font-size:32px; color: #fff; text-align: center; padding: 60px 0 0 0;}
.register-panel-back{ font-size:16px; color: #fff; text-align: left;text-decoration:underline; padding: 30px 0 0 60px; display: block;}
.register-panel-back:hover{ color: #ffe746;text-decoration:underline;}

.register-input-con{margin:55px auto 0; width: 480px;}

.span-long{line-height: 18px; width: 100px; display: inline-block; text-align: left;  height: 38px;margin: 8px 0; color: #666666;vertical-align: top;}
.span-normal{line-height: 38px;  width: 100px; display: inline-block; text-align: left; vertical-align: top;  height: 38px;margin: 8px 0; color: #666666;}
.span-textarea{line-height: 18px;  vertical-align:top; width: 100px;display: inline-block; text-align: left;  height: 38px;margin: 8px 0; color: #666666;}
.span-site{ float: left; line-height: 18px;  vertical-align:top; width: 90px;display: inline-block; text-align: left;  height: 38px;margin: 8px 0 0 10px; color: #666666;}
.register-input{ border:1px solid #b1b1b1; outline:none; background: #fff; margin: 6px 0; width: 340px; color: #333333; text-align: left; font-size: 14px; padding: 0 10px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;}
.register-input:hover{border:1px solid #01b489;}
.h-38{line-height: 38px; height: 38px;}
.h-70{line-height: 70px; height: 70px;}
.l-h20{line-height: 20px; height: 70px; padding: 5px 10px;}

.register-site{margin: 5px 0; width: 360px; font-size: 14px; padding: 0 0px; display: inline-block; text-align: left; }
.register-site label{ color: #999; width: 100px; display: inline-block;   padding: 5px 16px 5px 0;}
.label-last{}
.register-site input{ padding: 0 0 0 8px;}
.register-site label.label-long{width: 140px;}
.register-btn{ width:260px; height: 40px; line-height: 40px; background: #01b489; color: #fff;text-align:center;border:none; margin: 30px auto; font-size: 16px; outline: none; display:inline-block;
-webkit-border-radius:50px;
-moz-border-radius:50px;
-ms-border-radius:50px;
-o-border-radius:50px;
border-radius:50px;}
.register-btn:hover{ background: #03a37c;color: #fff; cursor: pointer;}



/* 后台主界面 */
.admin-top-con{height:80px; background: #01b489; position: fixed;width: 100%; top: 0; left: 0px; z-index: 9;}

.admin-top-logo-con{ float:left; width: 600px; overflow: hidden;}
.admin-top-logo{ background: url(../images/admin_logo.png) #06a982 30px 18px no-repeat;width: 240px; height: 80px; display:inline-block;float: left; }
.admin-top-tit{ line-height:80px; height: 80px; float: left; color: #fff;}
.admin-top-tit-b{ font-size: 26px; padding: 0 10px 0 26px;}
.admin-top-tit-span{ font-size: 22px;}

.admin-top-user-con{ width:330px;float: right;}
.admin-top-email{background: url(../images/ico_top_email.png) #11aa86 center center no-repeat;width: 80px; height: 80px;display:inline-block; float: left;}
.admin-top-email:hover{background: url(../images/ico_top_email.png) #0e9676 center center no-repeat;cursor: pointer;}

.admin-top-help{background: url(../images/ico_help.png) #09a47f center center no-repeat;width: 80px; height: 80px;display:inline-block; float: left; text-align: center; line-height: 80px; color: #fff;}
.admin-top-help:hover{background: url(../images/ico_help.png) #0e9676 center center no-repeat;color: #fff;}
.admin-top-email-number{ background: #fea01b; width: 20px; height: 20px; line-height: 20px;  text-align: center; display: inline-block; color: #fff; margin: 20px 0 0 44px;
	-webkit-border-radius:50px;
-moz-border-radius:50px;
-ms-border-radius:50px;
-o-border-radius:50px;
border-radius:50px;
}

.admin-top-user{width: 170px; height: 80px; display:block; float: right;}
.admin-top-user:hover{ cursor: pointer;}

.admin-top-user-drop1{background: url(../images/ico_drop.png) #069e7a 146px 36px no-repeat;}
.admin-top-user-drop1:hover{background: url(../images/ico_drop2.png) #0e9676 146px 36px no-repeat;}
.admin-top-user-drop1:hover .admin-top-user-layers{ display: block;}

.admin-top-user-layers{ width:158px;position:absolute;z-index:2; right: 0px; top: 80px; border:#e3e3e3 1px solid;padding:5px; line-height:20px; background:#fff; display:none; }
.admin-top-user-layers a{ display:block;border-bottom:#f1f1f1 1px solid; line-height: 50px; padding: 0 10px;}
.admin-top-user-layers a:hover{ background: #01b489; color: #fff;}

.admin-top-user-header{ border: 2px solid #fff; margin: 15px 6px 0 12px; width: 50px; height: 50px;
	-webkit-border-radius:50px;
-moz-border-radius:50px;
-ms-border-radius:50px;
-o-border-radius:50px;
border-radius:50px;
}
.admin-top-user-name{ color: #fff; margin: 18px 0 0 0;}
.admin-top-user-name i{ color: #b3e7db;}



.admin-menu-con{ width: 240px; height: 100%; position:fixed; top: 80px; left: 0px; background: #e9e9e9; padding: 10px 0 0 0;}

.admin-menu-li{}
.admin-menu-li li{ width: 177px; height:60px; line-height: 60px; border-left: 3px solid #e9e9e9; font-size: 16px; overflow: hidden; padding: 0 0 0 60px;background-color: #e9e9e9; color: #666666;}
.ico-management{background: url(../images/ico_data1.png) 20px center no-repeat; }
.ico-management:hover,.ico-management.active{background: url(../images/ico_data2.png) 20px center no-repeat; }
.ico-import{background: url(../images/ico_import1.png) 20px center no-repeat; }
.ico-import:hover,.ico-import.active{background: url(../images/ico_import2.png) 20px center no-repeat; }
.ico-export{background: url(../images/ico_export1.png) 20px center no-repeat;}
.ico-export:hover,.ico-export.active{background: url(../images/ico_export2.png) 20px center no-repeat; }
.ico-notification{background: url(../images/ico_notice1.png) 20px center no-repeat; }
.ico-notification:hover,.ico-notification.active{background: url(../images/ico_notice2.png) 20px center no-repeat; }
.ico-log{background: url(../images/ico_log1.png) 20px center no-repeat;}
.ico-log:hover,.ico-log.active{background: url(../images/ico_log2.png) 20px center no-repeat; }
.ico-report{background: url(../images/ico_report1.png) 20px center no-repeat;}
.ico-report:hover,.ico-report.active{background: url(../images/ico_report2.png) 20px center no-repeat; }
.ico-user{background: url(../images/ico_user1.png) 20px center no-repeat; }
.ico-user:hover,.ico-user.active{background: url(../images/ico_user2.png) 20px center no-repeat; }
.ico-recycle{background: url(../images/ico_recycle1.png) 20px center no-repeat;}
.ico-recycle:hover,.ico-recycle.active{background: url(../images/ico_recycle2.png) 20px center no-repeat; }
.ico-mdm{background: url(../images/ico_mdm1.png) 20px center no-repeat;}
.ico-mdm:hover,.ico-mdm.active{background: url(../images/ico_mdm2.png) 20px center no-repeat; }


.admin-menu-li li img{ width:26px; height: 26px;  }
.admin-menu-li li:hover,.admin-menu-li li.active{ background-color: #dadada; border-left: 3px solid #00b388; cursor: pointer; font-size: 16px; color: #222222;}


.admin-work-con{  position: fixed; top: 80px; left: 240px; width:100%;}
.admin-work{ margin: 0 240px 0 0;}
.admin-location{background: url(../images/ico_home.png) #f5f5f5 26px center no-repeat;  height: 50px; line-height: 50px; color: #666; padding: 0 0 0 40px;}
.admin-location a{ padding: 0 8px; color: #666666;}
.admin-location a:hover{ padding: 0 8px; color: #01b489;}



.admin-work-query{ width:96%;margin:0 2%; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #e3e3e3; }
.admin-query-tit{ line-height: 36px; height: 36px; }
.admin-query-select{ width:140px; line-height: 30px; height: 36px; padding: 0 0 0 5px; border: 1px solid #cccccc; outline: none; margin: 0 10px 0 0; vertical-align:bottom; }
.admin-query-input{  border: 1px solid #cccccc;padding: 0 5px;outline: none;background:#fff;height: 36px; line-height: 36px;width: 220px;margin: 0 10px 0 0;}
.input_w220{ width: 220px;}

.admin-bt1{  height: 36px; line-height: 36px; font-size: 12px;  text-align: center;outline: none; border: 1px solid #00b388;cursor: pointer; display: inline-block; color: #fff; background-color: #00b388; background-repeat: no-repeat;
	-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;}
.admin-bt1:hover{ background-color: #01a47d; color: #fff;}

.admin-bt2{height: 36px; line-height: 36px; font-size: 12px;  text-align: center; color: #00b388; outline: none; border: 1px solid #00b388;cursor: pointer; display: inline-block;background-color: #FFF; background-repeat: no-repeat;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;}
.admin-bt2:hover{ background-color: #01a47d; color: #fff;}

/* 用哪个选哪个 */
.admin-bt-query{ width: 100px; background-image: url(../images/btn_search.png); background-position:20px 8px; text-indent: 20px;}
.admin-bt-add1{ width: 90px; background-image: url(../images/btn_add1.png); background-position:20px 8px; text-indent: 16px;}
.admin-bt-batch1{ width: 110px; background-image: url(../images/btn_batch1.png); background-position:22px 8px; text-indent: 14px;}
.admin-bt-clear1{ width: 90px;  background-image: url(../images/btn_clear1.png); background-position:18px 8px; text-indent: 18px;}
.admin-bt-delete1{ width: 90px; background-image: url(../images/btn_delete1.png); background-position:16px 8px; text-indent: 16px;}
.admin-bt-export1{ width: 90px;  background-image: url(../images/btn_export1.png); background-position:14px 8px; text-indent:20px;}
.admin-bt-import1{ width: 90px;  background-image: url(../images/btn_import1.png); background-position:14px 8px; text-indent:20px;}
.admin-bt-reports1{ width: 90px; background-image: url(../images/btn_reports1.png); background-position:12px 8px; text-indent: 16px;}
.admin-bt-template1{ width: 90px; background-image: url(../images/btn_template1.png); background-position:8px 8px; text-indent: 16px;}

.admin-bt-add2{ width: 90px; background-image: url(../images/btn_add2.png); background-position:22px 8px; text-indent: 6px;}
.admin-bt-add2:hover{background-image: url(../images/btn_add1.png)}
.admin-bt-batch2{ width: 110px;  background-image: url(../images/btn_batch2.png); background-position:10px 8px; text-indent: 14px;}
.admin-bt-batch2:hover{background-image: url(../images/btn_batch1.png)}
.admin-bt-clear2{ width: 90px; background-image: url(../images/btn_clear2.png); background-position:18px 8px;  text-indent: 18px;}
.admin-bt-clear2:hover{background-image: url(../images/btn_clear1.png)}
.admin-bt-delete2{ width: 90px;  background-image: url(../images/btn_delete2.png); background-position:16px 8px; text-indent: 16px;}
.admin-bt-delete2:hover{background-image: url(../images/btn_delete1.png)}
.admin-bt-export2{ width: 90px;  background-image: url(../images/btn_export2.png);  background-position:14px 8px; text-indent:20px;}
.admin-bt-export2:hover{background-image: url(../images/btn_export1.png)}
.admin-bt-import2{ width: 90px;  background-image: url(../images/btn_import2.png); background-position:14px 8px; text-indent:20px;}
.admin-bt-import2:hover{background-image: url(../images/btn_import1.png)}
.admin-bt-reports2{ width: 90px;  background-image: url(../images/btn_reports2.png); background-position:12px 8px; text-indent: 16px;}
.admin-bt-reports2:hover{background-image: url(../images/btn_reports1.png)}
.admin-bt-template2{ width: 90px;  background-image: url(../images/btn_template2.png);background-position:8px 8px; text-indent: 16px;}
.admin-bt-template2:hover{background-image: url(../images/btn_template1.png)}



.admin-table{ width: 96%; margin: 10px 2%; border-collapse:collapse }
.admin-table-tit{ height:64px; background: #808285;color: #fff; }
.admin-table td{ height: 54px;  padding: 0 5px;vertical-align: middle; }
.admin-table th{ padding: 0 5px;vertical-align:middle;font-weight: bold;  font-size: 14px;}
.admin-table tr:hover .action-panel{display:block;}


.all-table{ width: 96%; margin: 10px 2%; border-collapse:collapse; }
.all-table-tit{ height:74px; background: #808285;color: #fff;  }
.all-table td{ height: 54px;  padding: 0 5px;vertical-align: middle; }
.all-table th{ padding: 0 5px;vertical-align:middle;font-weight: bold;  font-size: 14px;}
.all-table tr{}

.all-table tr:hover .all-details{ background:#00b388; color: #fff; }




.tr-1{ background: #f9f9f9;border:1px solid #fff; color: #7c7f83;}
.tr-2{ background: #f0f0f0;border:1px solid #f0f0f0; color: #7c7f83;}
.tr-1:hover,.tr-2:hover{ background: #d9f4ee; cursor: pointer;color: #111; border-left: 1px solid #01b489;}


.td-site{ text-align: left;}
.td-name{width: 240px;text-align: left;text-indent:1em;}
.td-region{ width:4%;text-align: center;}
.td-adudienced{ width:4%;text-align: center;}
.td-organ{ width:90px;text-align: left;}
.td-mega{ width:400px; text-align: left;  }
.td-friendly{ width:200px;text-align: left;}
.td-account{ width:140px;text-align: left;}
.td-owner{ width:120px;text-align: left;}
.td-action{ width:10%;text-align: center; }
.td-contact{width:260px;}


.action-btn{width: 20px; height: 20px; display: inline-block; margin: 0 10px;}
.action-edit{background:url(../images/act_edit.png) center center no-repeat; }
.action-delete{background:url(../images/act_delet.png) center center no-repeat; }
.action-restore{background:url(../images/act_restore.png) center center no-repeat; }
.action-check{background:url(../images/act_check.png) center center no-repeat; }


.action-panel{ display:none;}




/* tab切换 */
.tab{width:100%; }
.tab-tit{ margin: 40px auto 20px; text-align: center; }
.tab-tit a{display:inline-block;cursor:pointer;padding:0 10px;text-align:center;background:#e1e1e1;color:#999999; width: 160px; height: 40px; line-height: 40px; margin: 0 5px;}
.tab-tit a.on{background:#00b388;color:#fff;font-weight:bold;}
.admin-top-contab-con{padding:10px;height:200px;clear:both;}



/* 页码 */
.page-con{ width: 96%; margin: 15px 2%;}
.page-no{ float: left; color: #999;}
.page { float: right; background:#fff; } 
.page a { border:1px solid #dcdcdc; color:#323232; margin:2px; padding:0 12px; text-decoration:none; text-align:center; font-size:12px; line-height:30px; height: 30px; display: inline-block;}
.page a:hover, .page a.current { background:#00b388; color:#FFFFFF;border:1px solid #00b388;} 
.page span{ padding:0 0 0 20px; color:#8f8f8f;}


/* 首页 */
.home-bg{background: url(../images/home_bg.jpg) top center no-repeat; width: 100%; height: 600px; overflow: hidden;}
.home-loge{background: url(../images/home_logo.png) top center no-repeat; width:164px; height: 68px; margin:30px 0 0 40px; display: block;}

.home-btn-con{ margin: 40px 40px 0 0;  }
.home-btn{ width:120px; height: 40px; line-height: 40px; text-align: center;  margin: 0 5px;display:inline-block; font-size: 14px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
}
.home-btn-login{ background: #00b388; color: #fff;border: 1px solid #00b388; }
.home-btn-login:hover{background: #029c77;color: #fff;border: 1px solid #029c77; }
.home-btn-help{border: 1px solid #00b388;}
.home-btn-help:hover{background: #00b388;color: #fff;}



.home-name{background: url(../images/logo_new.png) top center no-repeat; width: 486px; height: 90px; margin: 160px auto 0;}

.home-query{background: url(../images/home_query_bg.png) top center no-repeat; width:850px; height: 110px; line-height: 110px; margin: 0 auto;display: block; position: relative; top: -60px; z-index: 9;overflow: hidden; }
.btn-select { display: inline-block; width: 150px; height: 44px; background-color: #fff; font: 14px/44px "Microsoft YaHei"; color: #999; margin:32px 0 0 32px; border-right: 1px solid #e0dedd; background: #fff url(../images/ico_drop_down.png) no-repeat 128px center; float: left;} 
.btn-select .cur-select { display: block; width: 130px; height: 44px; line-height: 44px; text-indent: 10px; white-space:nowrap;overflow:hidden;text-overflow : ellipsis;} 
.btn-select:hover  { background: #eae9e9 url(../images/ico_drop_down.png) no-repeat 128px center; } 
.btn-select select { position: absolute; top: 32px; left: 40px; width: 144px; height: 40px; opacity: 0;  font: 14px/40px "Microsoft YaHei"; color: #666; 
filter:alpha(opacity=0); 
-moz-opacity:0; 
opacity: 0;
} 
.btn-select select option { text-indent: 10px; } 
.btn-select select option:hover { background-color: #00b388; color: #fff; }
.home-query-input{ width: 470px; height: 44px; line-height: 44px; border: none; outline: none; text-indent: 1em;float: left; margin: 32px 0 0 0; font-size: 18px; letter-spacing:1px;}
.home-query-submit{ border:none;margin: 28px 26px 0 0px; width:150px; height: 50px; background: none; background:url(../images/home_search.png) 30px 18px no-repeat #00b388; line-height: 50px; padding: 0 0 0 0; text-align: center; color: #fff; font-size: 16px; display:inline-block; float: right;}
.home-query-submit:hover{cursor: pointer; color: #ffec9e;}

.html-viewall{ text-align: center; margin: 0 0 0 0; font-size: 14px;}
.html-viewall a:hover{ text-decoration: underline;}
.html-viewall span{ font-size: 11px; color: #00b388;  padding: 0 0 0 3px;}

.home-tips{ text-align: center; padding: 30px 0 0 0;}
.home-tips b{ color:#333; font-size: 18px; line-height:40px;}
.home-tips span{ color: #999; font-size: 14px;}
.home-copyright{ position:relative; margin: 100px 0 0 0; padding: 0 0 20px 0; text-align: center; width: 100%; color: #d0d0d0;}


/* 查询结果 */
.result-bg{background: url(../images/result_bg.jpg) top center no-repeat; width: 100%; height: 190px; overflow: hidden;}
.result-loge{background: url(../images/result_logo.png) top center no-repeat; width:131px; height: 52px; margin:20px 0 0 40px; display: block;}
.result-name{background: url(../images/logo_list.png) top center no-repeat; width: 365px; height: 68px; margin: -30px auto 0;}
.result-btn-con{margin: 20px 40px 0 0;}

.result-query{background: url(../images/result_query_bg.png) top center no-repeat; width:654px; height: 88px; line-height: 88px; margin: 0 auto ;display: block; position: relative; top: -50px; z-index: 9; overflow: hidden; }

.result-select { display: inline-block; width: 140px; height: 40px; background-color: #fff; font: 12px/44px "Microsoft YaHei"; color: #999; margin:25px 0 0 24px; border-right: 1px solid #e0dedd;  float: left; background: #fff url(../images/ico_drop_down.png) no-repeat 120px center;} 
.result-select .cur-select { display: block; width: 120px; height: 40px; line-height: 44px;  text-indent: 10px;white-space:nowrap;overflow:hidden;text-overflow : ellipsis;} 
.result-select:hover  { background: #eae9e9 url(../images/ico_drop_down.png) no-repeat 120px center;} 
.result-select select { position: absolute; top: 32px; left: 40px; width: 140px; height: 40px; opacity: 0;  font: 14px/40px "Microsoft YaHei"; color: #666;  
filter:alpha(opacity=0); 
-moz-opacity:0; 
opacity: 0;
} 
.result-select select option { text-indent: 10px; } 
.result-select select option:hover { background-color: #00b388; color: #fff; }
.result-query-input{ width: 340px; height: 44px; line-height: 44px; border: none; outline: none; text-indent: 1em; float: left; margin: 24px 0 0 0;}
.result-query-submit{ border:none; margin: 20px 20px 0 10px; width:100px; height:40px; background: none; background:url(../images/home_search.png) 12px 18px no-repeat #00b388; line-height: 50px; padding: 0 0 0 10px; color: #fff; font-size: 16px; float: right; }
.result-query-submit:hover{cursor: pointer; color: #ffec9e;}

.result-con{ width: 96%; margin: 0 2%;}
.result-guide-con{ display:block; overflow: hidden; margin:-60px 0 20px 0; }
.result-guide{ float: left; color: #868686;font-size: 14px;}
.result-viewall{float: right;  font-size: 14px;}
.result-viewall a:hover{ text-decoration: underline;}
.result-viewall span{ font-size: 11px; color: #00b388;  padding: 0 0 0 3px;}

.result-li{ display: block; padding: 10px 0; height: 70px; clear: both; background:#f9f9f9; }
.result-li:hover{z-index:9;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1); position: relative;}
.result-li:hover .result-li-details{background: #00b388; color: #fff;}


.result-bg2{ background:#efefef; }
.result-li-tit{ background: #efeff1;width: 100%; height: 70px; line-height: 70px; }
.result-li-tit-results{ color: #393939; margin: 0 20px; font-size: 14px;}
.result-li-tit-results b{ padding: 0 10px 0 0;}
.result-li-tit-audienced{ color: #999999; margin: 0 20px;}
.result-li-tit-audienced input{ margin: 0 6px 0 0;}
.result-li-tit-az{color: #999999; margin: 0 20px;}
.result-li-tit-az input{margin: 0 6px 0 0;}

.result-li-tit-con{float:right; display: block; margin: 0 20px 0 0; height: 70px; line-height: 70px;}
.result-li-tit-site{ width: 80px; height: 30px; background: #fff; border: 1px solid #e0e0e0;display: inline-block;  outline: none; }
.result-li-tit-input{width: 180px; height: 30px; background: #fff; border: 1px solid #e0e0e0;display: inline-block; outline: none; padding: 0 10px;	}
.result-li-tit-btn{height: 30px; width: 30px; background: url(../images/ico_query2.png) #fff center center no-repeat; border: 1px solid #e0e0e0; outline: none; display: inline-block; vertical-align:middle; margin: 0 0 3px -1px; }
.result-li-tit-btn:hover{background: url(../images/ico_query2.png) #f1f1f1 center center no-repeat; cursor: pointer;}




.result-li-name-con{  width:65%; }
.result-li-name{ color: #333333; font-size:18px; line-height: 40px; padding:0 10px 0 25px;}
.result-li-audienced{ background:url(../images/ico_audienced.png) top center no-repeat; width: 23px; height: 15px; display: inline-block;}
.result-li-site{ padding: 0 5px 0 0;}
.result-li-description{width:80%;  white-space:nowrap;overflow:hidden;text-overflow : ellipsis; font-size: 12px; line-height: 20px;padding:0px 25px 0 25px; color: #777; display: block;}


.result-li-organization-con{ width: 22%;}
.result-li-organization{line-height: 40px; color: #666666; }
.portal-panel{ display: none;position: relative; z-index: 2; margin: -60px 0 0 160px;width: 180px; background: #fff; border: 1px solid #00b388; color: #393939; line-height: 24px; padding: 0 10px;}
.portal-panel:hover{ background: #f1f1f1;}
.portal-panel a{ color: #00b388; font-size: 12px;background: url(../images/result_mail.png) 2px 4px no-repeat; padding: 0 0 0 20px;}
.result-li-portal-c:hover .portal-panel{display:block;}

.all-portal{ color:#00b388;}
.all-portal:hover{ text-decoration: underline;}
.contact-panel{ display: none;position: relative; z-index: 2; margin: -50px 0 0 60px;width: 180px; background: #fff; border: 1px solid #00b388; color: #393939; line-height: 24px; padding: 0 10px;}
.contact-panel:hover{ background: #f1f1f1;}
.contact-panel a{ color: #00b388; font-size: 12px;background: url(../images/result_mail.png) 2px 4px no-repeat; padding: 0 0 0 20px;}
.all-portal-c:hover .contact-panel{display:block;}

.result-li-portal-c{}
.result-li-portal-c b{ color: #666;}
.result-li-portal-c a:hover{ text-decoration: underline;}

.result-li-Details-con{}
.result-li-details{ width: 100px; height: 35px; line-height: 35px; border:1px solid #00b388; font-size: 11px;  text-align: center; display: block; margin: 15px 20px 0 0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}
.result-li-details:hover{ background: #00b388; color: #fff;}

.all-details{ width: 100px; height: 35px; line-height: 35px; border:1px solid #00b388; font-size: 11px;  text-align: center; display: block; margin:0 auto;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}
.all-details:hover{ background: #00b388; color: #fff; text-decoration: none;}


.result-copyright{ width:100%; height: 40px;line-height: 40px; text-align: center;  color: #d0d0d0;  }


.btn-reset{background: url(../images/btn_reset.png) center center no-repeat; width: 25px; height: 25px; display: inline-block; margin: 0 20px 0 0; }
.btn-reset:hover{  cursor: pointer;}
.btn-query{background: url(../images/btn_query.png) center center no-repeat; width: 25px; height: 25px; display: inline-block;}
.btn-query:hover{  cursor: pointer;}

.btn-clear{background: url(../images/btn_clear.png) bottom right no-repeat; width: 20px; height: 20px; display: inline-block; cursor: pointer;  padding: 0 0 0 14px;}


/* 弹出详情 */
.reveal-modal-bg { 	position: fixed; height: 100%;	width: 100%;background: #000;background: rgba(0,0,0,.8);z-index: 100;display: none;	top: 0;	left: 0;  overflow: hidden;}
.reveal-modal {	top: 100px; left: 50%; width: 800px;	margin-left: -400px; background: #fff;	position: absolute;	z-index: 101;
		-moz-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;	border-top-right-radius: 5px;
		-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;	border-bottom-left-radius: 5px;
		-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;	border-bottom-right-radius: 5px;
	
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);	-box-shadow: 0 0 10px rgba(0,0,0,.4);}		
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge{ width: 800px; margin-left: -440px;}	
.reveal-modal .close-reveal-modal {	font-size: 22px;color: #00dea9; position:absolute;  margin: 0 0 0 20px;	font-weight: bold;	cursor: pointer;} 
.reveal-modal .close-reveal-modal:hover {color: #808285; } 
.tab-tit2 a:hover .close-reveal-modal{color: #808285;}


.reveal-tit{ background:#00b388; width: 100%; height:20px; 
	-moz-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;	border-top-right-radius: 5px;}

.reveal-contact-con{ float:left; width: 200px; background: url(../images/reveal_bg.png) top center no-repeat; height: 780px;
	-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;	border-bottom-left-radius: 5px;
}
.reveal-contact{ position:absolute; bottom: 10px;width: 200px; padding: 0 20px;  }
.reveal-contact-information{ color: #999; padding: 20px 0; width: 160px; }
.reveal-contact-portal{background: url(../images/result_mail.png) 2px 5px no-repeat; padding: 0 0 0 26px; margin: 20px 0; color: #999999;}
.reveal-contact-portal a:hover{ text-decoration: underline; cursor: pointer;}

.reveal-content-r{overflow: auto;float:right; margin: 10px 0 10px 0; height:760px; }
.reveal-content-con{width: 520px;  margin: 0 30px; -moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;	border-bottom-right-radius: 5px; }
.reveal-line{ border-top:1px solid #ebebeb; display: block; height: 1px;  width: 100%; overflow: hidden; margin:25px 0 10px 0;  }


.reveal-name{ font-size:#1d1d1d; font-size: 24px; font-weight: bold; display: inline-block; padding: 40px 10px 0 0; line-height: 32px; }
.reveal-regional{ display: inline-block; margin: 0 0 0 10px; padding: 0px 10px; background: #00b388; text-align: center; color: #fff;  font-size: 12px; line-height: 22px;
	-webkit-border-radius:50px;
-moz-border-radius:50px;
-ms-border-radius:50px;
-o-border-radius:50px;
border-radius:50px;
}
.reveal-description{ width: 100%; color: #434343; padding: 20px 0 5px 0;}
.reveal-field-namme{ color: #333; font-weight: bold; font-size: 14px; padding: 15px 50px 5px 0;}
.reveal-field-namme-rule{ color: #333; font-weight: bold; font-size: 14px; padding: 15px 0 5px 0; line-height: 34px;}
.reveal-field-content{ font-size: 12px; padding: 3px 0 7px 0;}


.tab-tit2{ text-align: left; position: relative;  margin: 0 0 0 0;  background: #00b388;}
.tab-tit2 a{display:inline-block;cursor:pointer;text-align:center;color:#fff; width: 179px; height: 42px; line-height: 42px; margin: 5px 5px 0 10px;}
.tab-tit2 a.on{background:#fff;color:#00b388;font-weight:bold;
-webkit-border-top-left-radius:5px;
-moz-border-top-left-radius:5px;
-ms-border-top-left-radius:5px;
-o-border-top-left-radius:5px;
border-top-left-radius:5px;
	
	-webkit-border-top-right-radius:5px;
-moz-border-top-right-radius:5px;
-ms-border-top-right-radius:5px;
-o-border-top-right-radius:5px;
border-top-right-radius:5px;
	
}
.admin-top-contab-con{padding:10px;height:200px;clear:both;}

.reveal-input{-webkit-border-radius:50px; outline: none;  border: 1px solid #e6e6e6; width: 200px; height: 30px; line-height: 30px; padding: 0 40px 0 10px;  margin: 0px 0 0 0;
-moz-border-radius:50px;
-ms-border-radius:50px;
-o-border-radius:50px;
border-radius:50px;}
.reveal-bottom{ background: url(../images/ico_mdm_q.png) center center no-repeat; width: 30px; height:15px; display:inline-block;cursor: pointer; margin:0 0 0 -40px;  }

.reveal_mdm_con{ height: 760px;  width: 100%; background: #fff; overflow: auto;  margin: 10px 0 10px 0;
	-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;	border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;	border-bottom-right-radius: 5px;}
.mdm_table_con{ margin: 1% auto;overflow: hidden; width: 98%;border-left: 1px solid #eae9e9;border-top: 1px solid #e2e2e4;}
.mdm_table_con th{ background: #efeff1; color: #333; font-weight: bold; text-align: center;vertical-align: middle; height: 60px; font-size: 12px; border-bottom: 1px solid #eae9e9;border-right: 1px solid #e2e2e4;}
.mdm_table_con tr{ text-align: left; height: 60px;}
.mdm_tr2{ background:#f1f1f1;}
.mdm_tr1{ background:#f9f9f9;}
.mdm_table_con td{ padding:0; font-size: 11px; text-align: center; border-bottom: 1px solid #eae9e9;border-right: 1px solid #eae9e9;}


.mdm-note-con{ margin: 100px 1%; border: 1px dashed #e9e9e9; padding:20px 4%;}
.mdm-note{ color: #a9a9a9; font-size: 14px; padding: 10px 0;}
.mdm-note b{ font-size: 12px;}
.mdm-note-li-con{ }
.mdm-note-li-con li{color: #a9a9a9;  padding: 4px 0;}
.mdm-note-li-con li b{ width: 36px; display: inline-block;}
.mdm-note-li-con li b span{ width: 18px; display: inline-block; text-align: center;}

.m-w14{ width: 14%;}
.m-w16{ width: 16%;}
.m-w8{ width: 8%;}
.m-w23{ width: 23%;}
.m-w23{ width: 23%;}
.m-w6{ width: 6%;}



.result-user{ background: url(../images/ico_user.png) center center no-repeat; width: 16px; height:12px; display:inline-block;cursor: pointer; margin: 0 6px 0 0;}
.result-pw{ background: url(../images/ico_pw.png) center center no-repeat; width: 16px; height:12px; display:inline-block;cursor: pointer; margin: 0 6px 0 0;}


/* 后台弹出修改 */

.reveal-modal-bg { 	position: fixed; height: 100%;	width: 100%;background: #000;background: rgba(0,0,0,.8);z-index: 100;display: none;	top: 0;	left: 0;  overflow: hidden;}
.field-con{ padding:0 40px;}
.reveal-edit {	visibility: hidden;	top: 50px; left: 50%; width:auto;	margin-left: -25%; background: #fff;	position: absolute;	z-index: 101;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;	border-radius: 5px;	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);	-box-shadow: 0 0 10px rgba(0,0,0,.4);}
.reveal-edit-tit{ background:#00b388; width: 100%; height:50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; 
	-moz-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;	border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;	border-top-right-radius: 5px;}
.reveal-edit.small { width: 200px; margin-left: -140px;}
.reveal-edit.medium { width: 400px; margin-left: -240px;}
.reveal-edit.large { width: 600px; margin-left: -340px;}
.reveal-edit.xlarge{ width: 800px; margin-left: -440px;}

.reveal-edit .close-reveal-modal {	font-size: 22px;color: #fff; position:absolute; right: 0px; margin: 0px 20px 0 0;	font-weight: bold;	cursor: pointer;} 



.field-tit{width:150px; text-align: right; display: inline-block; margin: 20px 20px 0 0; color: #000; }
.field-tit i{ color:#ff442b; padding: 0 6px 0 0; font-size: 14px; font-weight: bold; }
.field-border{ border: 1px solid #e6e6e6; outline: none;margin: 10px 0 0 0; text-indent: 5px;
	-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;}
.w220{ width:220px;}
.w190{ width:190px;}
.w680{ width:646px;}
.w110{width:110px; }
.h34{height: 34px;}
.h80{ height:80px;}
.w-100{ width: 100%;}

.btn-add-contact{ width:30px; height: 30px;  display: inline-block; background: url(../images/add_contact.png) center bottom no-repeat; cursor: pointer;}

.reveal-edit-btn-con{ width: 92%;  margin:20px auto; text-align: center; border-top: 1px solid #dbdbdb;padding: 20px 0 0 0; }
.btn-cancl{width:100px; height: 38px;background: #fff; border: 1px solid #00b388; display: inline-block; text-align: center; line-height: 38px; margin: 0 10px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;}
.btn-cancl:hover{ background: #03a47d; border:1px solid #03a47d; color: #fff; cursor: pointer;}
.btn-save{width:100px; height: 38px;background: #fff; border: 1px solid #00b388; background: #00b388; display: inline-block; text-align: center; line-height: 38px; color: #fff;margin: 0 10px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;}
.btn-save:hover{ background: #03a47d; border:1px solid #03a47d;color: #fff;cursor: pointer;}

/* 帮助文档 */
.help_con{ width:auto; text-align: left;}
.help_con a{ display: block;  border-bottom: 1px solid #e5e5e5;margin: 5px 0; padding: 10px 15px; line-height: 30px; font-size: 16px;}



.examples-id{ width: 820px; height: auto; margin: 0 auto; background:#f4f4f4; margin: 0 10px; padding: 10px;}
.examples-id b{ color: #333; background: url(../images/ico_info.png) 0 center no-repeat; padding: 0 0 0 25px; margin: 5px 0; font-size: 14px;}
.examples-id p{ color: #818080;padding: 8px 0 0 25px;}

