@charset "utf-8";
body {
	color: #333;
}

input[type="text"], input[type="password"] {
	border: 1px solid #555;
}
.readonly {
	background-color: #ddd;
}
.readonly:focus {
    border-color: #333 !important; 
}
.hl10 {
	height: 25px;
	clear: both;
}
.hl1 {
	height: 1px;
}
.cb {
	clear: both;
}
/**common head begin **/
.head {
    width: 100%;
    height: 85px;
    -moz-box-shadow:0px 2px 10px #ccc; 
    -webkit-box-shadow:0px 2px 10px #ccc; 
    box-shadow:0px 2px 10px #ccc; 
    border-bottom: 1px solid #333;
}
.head h1 {
    float: left;
    padding: 10px 0px 0px 0px;
}
.head h1 a {
    float: left;
    background: url(../images/logo.png) no-repeat;
    width: 173px;
    height: 64px
}
.head .h-title {
	padding-top: 15px;
	height: 49px;
	line-height: 49px;
}
.head .h-split {
	display: inline-block;
	width:2px;
	margin: 0 10px;
	background: #505050;
}
.head .h-name {
	color: #505050;
    font-size: 24px;
}
.head .menu {
    float: right;
    /*padding-right: 20px;*/
}
.head .menu ul li {
    float: left;
    padding: 35px 20px 0px 20px
}
.head .menu ul li a {
    float: left;
    font-size: 16px;
    color: #505050;
    margin: 0px 0px;
    text-decoration: none
}
.head .menu ul li a:hover {
    text-decoration: none;
    color: #d41364
}
.head .menu ul li a.on {
    text-decoration: none;
    color: #d41364
}
/**common head end **/


/**login page begin**/
.u-warp-l {
	height: 450px;
	margin-top: 50px;
	min-width: 892px;
	background-image: url(../images/login_banner.jpg);
	background-size: 100% 100%;
    background-repead:no-repead;
}
.u-warp-la {
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, 0.3);
}
.l-con {
	padding: 50px 0;
}
.l-con .fr {
    width: 400px;  
    height: 310px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 12px;
    background: #fff;
    margin-top: 0px;
    margin-right: 250px;
    -moz-box-shadow:2px 2px 10px #ccc; 
    -webkit-box-shadow:2px 2px 10px #ccc; 
    box-shadow:2px 2px 10px #ccc;
}
.l-con .fr .title {
    float: left;
    width: 400px;
    border-bottom: 1px solid #333;
}
.l-con .fr .title h3.login {
    float: left;
    width: 160px;
    height: 51px;
    line-height: 51px;
    font-size: 24px;
    color: #505050;
    text-indent: 12px;
    font-weight: normal;
}
.l-con .fr .title span {
    float: right;
    color: #696969;
    font-size: 14px;
    padding: 20px 32px 0px 0px;
}
.l-con .fr .title span a {
    color: #d41364;
    text-decoration: none
}
.l-con .fr .c {
    width: 100%;
    float: left;
    clear: both;
    padding: 10px 0px;
}
.l-con .fr .c ul li {
    padding: 12px 0px;
    position: relative;
    line-height: 150%;
    width: 100%;
}
.l-con .fr .c ul li.hint{
    padding: 0px 0px;
    line-height: 100%;
    color: red;
    width: 100%;
    text-align: center;
}
.l-con .fr .c ul li strong {
    font-size: 16px;
    width: 96px;
    text-align: right;
    padding: 5px 0px 0px 0px;
    float: left;
    font-weight: normal;
    color: #333;
    white-space:pre;
}
.l-con .fr .c ul li em {
    float: left;
    padding: 5px 0px 0px 10px;
    color: #df0404
}
.l-con .fr .c ul li em a {
    color: #9C9C9C;
    text-decoration: underline
}
.l-con .fr .c ul li input {
    line-height: 170%;
    font-size: 14px;
    text-indent: 10px;
    height: 34px
}
.l-con .fr .c ul li select {
    font-size: 14px;
    text-indent: 10px;
    height: 36px;
    width: 282px;
    border: 1px solid #333;
}
.l-con .fr .c ul li input:focus {
    border: 1px solid #d41364;
}
.l-con .fr .c ul li input.l {
    width: 280px;
}
.l-con .fr .c ul li input.y {
    width: 110px;
}
.l-con .fr .c ul li input.s {
    width: 280px;
}
.l-con .fr .c ul li a.yz {
    float: left;
    color: #ff9c00;
    line-height: 230%;
    width: 118px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    height: 34px;
    border: 1px solid #ff9c01;
    margin: 0px 0px 0px 10px
}
.l-con .fr .c ul li img {
    float: left;
    padding: 5px 0px 0px 10px;
}
.l-con .fr .c ul li.btn {
    padding: 15px 0px 10px 82px;
    width: 70%;
}
.l-con .fr .c ul li.btn a {
    background: #d41364;
    text-align: center;
    color: #FFF;
    padding: 5px 0px;
    text-decoration: none;
    font-size: 18px;
    display: block;
    width: 242px;
    height: 30px;
    line-height: 30px;
    transition: 0.3s linear;
}

.l-con .fr .c ul li.btn a:hover {
    opacity: 0.7;
}
.l-con .fr .c ul li.re-s {
    padding-left: 65px
}
.l-con .fr .c ul li.tips1 {
    margin: 15px 0px 0px 0px;
    padding-left: 60px;
    font-size: 14px;
    color: #555555;
}
.l-con .fr .c ul li.tips1 a {
    color: #347fdc
}
.l-con .fr .c ul li.t {
    padding: 8px 0px 4px 46px
}
.l-con .fr .c ul li.t p {
    float: left;
    padding: 0px 0px 0px 25px
}
.l-con .fr .c ul li.t p.pw {
    float: left;
    padding: 0px 0px 0px 100px
}
.l-con .fr .c ul li.t p input {
    border: none;
    height: 20px
}
.l-con .fr .c ul li.t p a {
    color: #337fcd;
    text-decoration: underline
}
.l-con .fr .c h4 {
    font-size: 12px;
    padding: 8px 0px;
}
.l-con .fr .c p {
    line-height: 200%;
    color: #6c6c6c;
    padding: 5px 0px 15px 0px
}
/**login page end**/

/**index page begin*/
.u-con { 
	
}
.u-con-w { 
}
.m-qms, .m-srm, .m-gpm {
    background-color: #eee;
}
.m-sys a {
	display: block;
	color: #333;
	
}
.m-sys a:hover {
    opacity: 0.7;
}
.m-sys .m-sys-con {
	width: 360px;
	margin: 0 auto;
}
.m-sys .m-sys-con h1 {
	padding-top: 25px;
	font-weight: normal;
	letter-spacing: 3px;
}
.m-sys .m-sys-con h3 {
    padding-top: 10px;
    font-weight: normal;
    letter-spacing: 3px;
    color: #d41364;
}
.m-sys .m-sys-con p {
	text-indent: 2em;
	padding-top: 25px;
	line-height: 1.5em;
	color: #666;
}

.m-sys .m-sys-item {
    position: relative;
    width: 280px;
    padding-left: 2px;
}
.m-sys .m-item-v {
    width: 240px;
}
.m-sys .m-sys-item .m-item-img {
}
.m-sys .m-sys-item .m-item-img-cont {
    bottom: 0px;
    left: 2px;
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    height: 60px;
    padding-left: 2px;
}
.m-sys .m-item-img-cont {
    width: 280px;
}
.m-sys .m-item-v .m-item-img-cont {
    bottom: -3px;
    width: 240px;
}
.m-sys .m-sys-item .m-item-img-cont h3 {
	padding-top: 8px;
    font-weight: normal;
    padding-left: 0.5em;
    color: #fff;
}
.m-sys .m-sys-item .m-item-img-cont p {
    /*color: #999;*/
    color: #d41364;
    padding-left: 0.5em;
}
.m-sys .m-sys-item {
	height: 175px;
}
.m-sys .m-item-v {
    height: 347px;
}
.m-qms {
    height: 347px;
}
.m-sys .m-sys-txt {
	width: 450px; 
}
.m-sys .m-sys-links {
    width: 808px; 
}
.m-srm, .m-gpm  {
    height: 325px; 
    width: 639px;
}
.m-srm .m-sys-con, .m-gpm .m-sys-con {
    width: 200px;
}
.m-srm .m-sys-links, .m-gpm .m-sys-links {
    width: 400px;
}
.m-srm .m-sys-txt, .m-gpm .m-sys-txt {
    width: 239px; 
}
.m-srm .m-sys-item {
	height: 162px;
}
.m-gpm .m-sys-item {
    height: 325px;
}
.m-srm .m-item-img-cont, .m-gpm .m-item-img-cont {
	width: 398px;
}


.m-banner {
	text-align: center;
	padding: 60px 0px;
	width: 100%;
    margin-left: -5px;
}
.m-banner .t {
	display: inline-block;
	letter-spacing: 4px;
	padding-left: 4px;
	font-weight: normal;
}
.m-banner .b-bg {
    background: url(../images/b_bg.png) center center no-repeat;
    height: 32px;
}
.m-msg {
	float: left;
	width: 525px;
	margin: 0 50px;
    border: 1px solid #c5c5c5;
    border-radius: 2px;
    background-color: #fff;
}
.m-msg-t {
    border-bottom: 1px solid #7e7e7e;
    height: 34px;
    line-height: 34px;
}
.m-msg-t span {
	display: inline-block;
	width: 100px;
	padding: 0 10px;
	font-size: 18px;
	float: left;
}
.m-msg-t a {
    display: inline-block;
    padding-right: 10px;
    float: right;
    color: #d41364;
}
.m-msg-t a:hover {
    opacity: 0.6;
}
.m-msg-l {
    border-top: 1px solid #c5c5c5;
}
.m-msg-l li {line-height: 2em; clear: both;}
.m-msg-l li:nth-child(even) {background-color: #e8e8e8}
.m-msg-l li:hover {background-color: #f0f0f0;}
.m-msg-l li a {
	display: inline-block;
	width: 100%;
	color: #333;
}
.m-msg-l li span {
	display: inline-block;
	padding-left: 8px;
}
.m-msg-l li em {
    display: inline-block;
    padding-right: 8px;
    font-style: normal;
    float: right;
}
.m-b-shadow {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(255, 255, 255, 0.5);
	z-index: 2;
}
.m-hint {
	position: fixed;
	top:300px;
	left: 650px;
	background: #fff;
    border: 1px solid #cfcfcf;
    -moz-box-shadow:0px 0px 10px 1px #d41364; 
    -webkit-box-shadow:0px 0px 10px 1px #d41364; 
    box-shadow:0px 0px 10px 1px #d41364; 
    border-radius: 2px;
	width: 320px;
	z-index: 999;
}
.m-hint .t-wrap {
    height: 34px;
    line-height: 34px;
    background: #fff;
    border-bottom: 1px solid #d41364;
    clear: both;
}
.m-hint .t-wrap .t {
	font-size: 18px;
    float: left;
    color: #333;
    font-weight: bold;
    text-indent: 10px;
}
.m-hint .t-wrap a {
	display: inline-block;
    color: #333;
    float: right;
    padding-right: 10px;
}
.m-hint ul {
    padding: 15px 0 10px 15px;
}
.m-hint li {
	line-height: 2.5em; 
}
.m-hint li input:focus {
    border: 1px solid #d41364;
}
.m-hint li.btn a {
    display: inline-block;
    width: 4em; 
    height: 2em;
    line-height: 2em;
    color: #d41364;
    background: #fff;
    border: 1px solid #d41364;
    border-radius: 2px;
}
.m-hint li.btn a:hover {
    color: #fff;
    background: #d41364;
}
.m-chgpwd-wrap li strong {
	display: inline-block;
	font-weight: normal;
	width: 5em;
	text-align: right;
}
.m-chgpwd-wrap li input {
	height:1.8em;
	line-height: 1.8em;
	width: 190px;
}
.m-hint li.btn {
	text-align: center;
}
.m-logout-wrap li.btn a {
    margin: 10px 20px;
}

#m-hint-chgpwd {
    display: none;
}
#m-hint-logout {
    display: none;
}
/**index page end**/


/**list page end**/
.msg-c-wrap .t {
	height: 64px;
	line-height: 64px;
	text-indent: 12px;
	font-size: 18px;
	color: #fff;
	margin-top: 70px;
}
.msg-c-wrap .t .lb {
	background: url(../images/gg-2.png) left center no-repeat;
	display: inline-block;
	width: 70px;
}
.msg-c-wrap .t .wz {
    background: url(../images/gg-3.png) left 8px no-repeat;
    display: inline-block;
    width: 78px;
}
.msg-c-wrap .c {
	height: 340px;
    background: url(../images/gg-1.png) left center no-repeat;
}
.msg-c-wrap {
    margin: 30px 0 0 20px;
	width: 176px;
	border-radius: 5px; 
}
.msg-c-wrap ul {
	padding: 15px 0 0 2px;
}
.msg-c-wrap ul li {
	line-height: 33px;
	text-align: center;
}
.msg-c-wrap ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #333;
}
.msg-c-wrap ul li a.on, .msg-c-wrap li a:hover {
	background-color: #d41364;
	color: #fff;
}
.m-msg-list{
	width: 938px;
	margin: 30px 70px 0 0;
}
.m-msg-list ul {
    border: 1px solid #c5c5c5;
    border-radius: 5px; 
}
.m-msg-list .m-msg-t {
	border: none;
	margin-bottom: 10px;
	height: 44px;
	background: url(../images/m-ico.png) left center no-repeat;
}
.m-msg-list .m-msg-t .t {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	background: rgba(255, 255, 255, 1);
	color: #1f3e74;
	margin: 5px 0 0 20px;
	float: none;
	font-weight: 1.6;
}
.m-msg-list .m-msg-l {
	border: none;
}
.m-msg-list .m-msg-l li:nth-child(even) {
    background-color: #e8e8e;
}
.m-msg-list .m-msg-l li:hover {
	background-color: #f0f0f0;
	color: #1f3e74;
}
/**list page end**/

/**page number begin */
.data-pages {
    padding:20px 0 0 0;
    text-align:center;
}
.data-pages a {
    display: inline-block;
}
.submit_btn {
    padding: 4px 12px;
    /*border: none;
    color: #fff;
    background-color: #1f3e74;*/
    border: 1px solid #333;
    color: #333;
    background-color: #fff;
    border-radius: 5px;
}   
.submit_btn:hover {
    color: #fff;
    border: 1px solid #d41364;
    background-color: #d41364;
}
.data-pages .submit_btn.on {
    border: 1px solid #d41364;
}
/**page number end **/

/**detail begin*/
.m-msg-detail {
	width: 938px;
    margin: 30px 70px 0 0;
    color: #333;
}
.m-msg-detail .t {
	text-align: center;
}
.m-msg-detail .t h1 {
    font-size: 28px;
    color: #333;
}
.m-msg-detail .t p {
    color: #999;
    font-size: 0.9em;
    padding: 10px 0;
}
.m-msg-detail .i {
	text-indent: 2em;
	letter-spacing: 1px;
	line-height: 1.8em;
}
.m-msg-detail img {
	max-width: 98px;
}
/**detail end*/

/**common footer begin*/
.l-copy {
    width: 100%;
    clear: both;
    color: #505050;
    padding: 60px 0px 20px 0px;
    text-align: center;
}
/**common footer end*/