body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } .p1{padding:1px; } .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none; } .db{display:block; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h{font-size:0px; line-height:0; overflow:hidden; clear:both; } body{font:12px 宋体,Arial,sans-serif; } a{text-decoration:none; }

h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
body{background-color: #fff;font-family:"Microsoft Yahei";}
a img{-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;}

a:hover img{
    opacity: .8;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
input[type="button"],input[type="submit"],input[type="reset"],button{
    -webkit-appearance: none;
    cursor: pointer;
}
input {outline:none;border: none}
li {list-style: none;}
a{color: #333333; font-size: 14px;}
a:hover{color: #ff7663;}
.wp{width: 1280px;margin: 0 auto;}

body {font-size: 14px; padding-top: 80px;}
/* 公共 */
i.down {
	position: absolute;
	top: 43%;
	right: 8px;
	border: solid #333;
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.snav {
	float: left;
	width: 255px;
	background-color: #f7f7f7;
	min-height: 400px;
}
.snav li {
	margin-bottom: 5px;
}
.snav li a {
	display: block;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
	position: relative;
}
.snav li a::after {
	content: '';
	display: inline-block;
	margin-left: 30px;
	width: 7px;
    height: 7px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(45deg);
}
.snav li.cur a,
.snav li a:hover {
	color: #fff;
	background-color: #ff7663;
}
.snav li.cur a::after ,
.snav li a:hover::after{
	border-color: #fff
}
.content {
	margin-bottom: 50px;
	margin-left: 285px;
	background-color: #f7f7f7;
	min-height: 450px;
}
.content-box {
	padding: 30px;
}
.content-box h2 {
	margin-bottom: 20px;
	color: #222;
	font-size: 18px;
	font-weight: bold;
}
.content-box .message {
	line-height: 30px;
    font-size: 16px;
    color: #626262;
}
.content-box .detail {
	padding: 20px 30px;
	background-color: #fff;
	border-radius: 8px;
}
.line {
	margin: 30px 0;
	height: 1px;
	background-color: #eaeaea;
}
.m-top {
	padding: 0 28px;
	border-bottom: 1px solid #e8e8e8;
	line-height: 60px;
	font-size: 16px;
}
.m-top em {
	color: #ff7663;
}
.form {
	margin-bottom: 30px;
}
.form .input {
	line-height: 36px;
	margin-bottom: 10px;
	font-size: 16px;
}
.form .input input {
	border: 1px solid #ccc;
	border-radius: 5px;
	height: 36px;
	line-height: 36px;
	padding: 0 15px;
	background:none;
}
.form input[type='submit'],.form input[type='button']  {
	display: block;
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid #ccc;
	line-height: 30px;
	width: 80px;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
}
.form input[type='submit']:hover, .form input[type='button']:hover {
	background-color: #ff7663;
	color: #fff;
	border-color: #ff7663;
}
.filetable {width: 100%;}
.filetable thead {
	border-bottom: 1px solid #eaeaea;
}
.filetable th {
	line-height: 40px;
	font-size: 16px;
}
.filetable tr {
	font-size: 14px;
	line-height: 60px;
}
.filetable tr:hover {
	background-color: #f4f4f4;
}

.filetable input[type='checkbox'] {
	margin-right: 20px;
}



.side {
	float: right;
	min-height: 350px;
}
.side .tj {
	margin-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 22px 30px 25px;
	width: 350px;
	background-color: #f7f7f7;
}
.side .tj2 img {
	margin-bottom: 30px;
}
.side h2 {
	font-weight: bold;
	margin-bottom: 25px;
}
.side img {
	width: 290px;
	height: 160px;
	margin-bottom: 7px;
}
.side h5 {
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.main {
	overflow: hidden;
}

.content2 {
	margin-bottom: 50px;
	width: 900px;
	min-height: 500px;
	overflow: hidden;
	background-color: #f7f7f7;
}


.crumb span {color: #ff7763; font-size: 14px;}

form .info {
	margin-left: 20px;
	color: #ff7763;
	font-size: 14px;
}


.gnsm {
	color: #a6a6a6;
	font-size: 16px;
}
.gnsm .nr {
	margin-top: 25px;
	line-height: 28px;
}



.contxt {
	line-height: 2;
}
.contxt h1 {
	margin-bottom: 10px;
	text-align: center;
}
.contxt .info {
	text-align: center;
	margin-bottom: 20px;
}

.pay__mask_static {
    margin-top: -120px;
    height: 120px;
    position: relative;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#f7f7f7));
    background: linear-gradient(to bottom,rgba(255,255,255,0),#f7f7f7);
    pointer-events: none;
}

.hykj {
	display: block;
	margin:50px auto 50px;
	text-align: center;
	font-size: 24px;
	color: #ff7663;
}
/* 头部 */
.header { 
	position: fixed; left: 0; top: 0; width: 100%; height: 80px; background-color: #fff;z-index: 99; 
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1);
    
}
.header .logo {display: block;width: 225px;padding-top: 10px;}
.header .logo img {max-width: 225px;}
.header .nav {margin-left: 375px;}
.header .nav li {display: inline-block; position: relative;}
.header .nav li > a {
	height: 80px;
	line-height: 80px;
	font-size: 16px;
	color: #333;
	padding: 0 22px;
}
.header .nav li:hover > a {
	font-weight: bold;
}
.header .nav li:hover dl {
	display: block;
}
.header .nav li:hover::after {
	
}
.header .nav li::after {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -1px;
	background: #ff7663;
	display: none;
}
.header .nav li dl {
	display: none;
	position: absolute;
	left: 50%;
	top: 45px;
	padding: 10px 0;
	width: 148px;
	-webkit-transform: translate3d(-50%,0,0);
	-ms-transform: translate3d(-50%,0,0);
	-o-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0);
}

.header .nav li dl:before{
    content: " ";
    font-size: 0;
    line-height: 0;
    margin: 0 auto;/*居中*/
    display: block;/*独占一行*/
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); /*配合整体一样的投影*/
    background-color: #fff;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg); /*一个正方形倾斜四十五度就是三角了但是要把下半部分藏起来*/
    position: relative;
    top: 5px; /*果断的露出上半部分*/
    z-index: 1; /*果断的隐藏下半部分*/
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.header .nav li dl dd {
	border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}

.header .nav li dl dd:first-child {
    border-top: 1px solid #eaeaea;
}
.header .nav li dl dd:last-child {
	border-bottom: 1px solid #eaeaea;
}


.header .nav li dl dd a {
	display: block;
	line-height: 36px;
	color: #333;
	text-align: center;
	position: relative;
	z-index: 2; /*这里很重要 要挡住三角形的下半部分*/
	background: #fff;
}
.header .nav li dl dd a:hover {
	background-color: #ff7663;
	color: #fff;
}

.header .search {
	padding-top: 24px;
}
.header .search input[type='text'] {
	float: left;
	width: 149px;
	height: 30px;
	line-height: 30px;
	border:1px solid #eaeaea;
	background: transparent;
	padding: 0 5px;
	color: #999;
}
/*.header .search #search_btn {*/
#search_btn {
	float: left;
	width: 32px;
	height: 32px;
	background: url(../images/ico_search.png) no-repeat center center #ff7663;
}
/*.header .search input[type='submit']:hover {*/
#search_btn:hover{
	background-color: #ff7664;
}



.btn-login {
	width: 90px; height: 32px; line-height: 32px; color: #fff; margin-left: 20px; text-align: center;
	background-image: linear-gradient(to right, #ff7764 , #fd9e53);
	background-color: #ff7663;
}
.btn-login:hover {
	color: #eee;
}
/* 底部 */
.footer {background: #424242;}
.footer .flink {padding: 24px 0; border-bottom: 1px solid #686868; font-size: 16px; color: #fff;}
.footer .flink ul {display: inline-block;}
.footer .flink li {display: inline-block; padding: 0 10px;}
.footer .flink a {line-height: 36px;font-size: 16px; color: #fff;}
.footer .flink a:hover {color: #cac9c9;}

.footer .ft-main {padding: 28px 0; overflow: hidden;}
.footer .ft-nav {padding-left: 15px;}
.footer .ft-nav dl {float: left; margin-right: 100px;}
.footer .ft-nav dl dt {font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 14px;}
.footer .ft-nav dl dd {line-height: 28px;}
.footer .ft-nav dl a {font-size: 14px; color: #fff;}
.footer .ft-nav dl a:hover {color: #cac9c9;}

.footer .ft-r {width: 275px;}
.footer .ft-r .wechat {font-size: 16px; font-weight: bold; margin-bottom: 54px; color: #fff;}
.footer .ft-r .wechat img {width: 80px; height: 80px; margin-top: 28px;}

.footer .ft-r-t {overflow: hidden;}
.footer .ft-address {line-height: 36px; font-size: 14px; color: #fff; font-weight: bold;}

.ft-copyright {line-height: 64px; border-top: 1px solid #686868; color: #fff;}
.ft-copyright a { color: #fff; }
.ft-copyright a:hover {color: #cac9c9;}

#tbox{width:47px; height:47px; position:fixed;right: 50px;bottom: 50px;display: none;border-radius: 4px;overflow: hidden;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:10px;
}
#gotop{display: block; width:47px; height:47px; background:url(../images/top01.png) no-repeat;} 
#gotop:hover{ background:url(../images/top02.png) no-repeat;}


.page a ,
.page span ,
.page input,
.page .pages_m {display: inline-block;}
.page {text-align: center;padding: 20px 0;}
.page a ,
.page input,
.page span  {border-radius: 3px;padding: 0 10px; line-height: 30px; background-color: #f7f7f7; color: #333; margin:0 6px; border:1px solid #eaeaea; vertical-align: middle}
.page input {text-align: center;}
.page span,
.page a:hover {background-color: #ff7663; color: #fff;}