@charset "utf-8";

html{font-size: 12px;}

body{margin:0; padding:0; background:#FFF; font-family:'Microsoft Yahei',Arial,tahoma,arial!important; color:#525252; background: #EFEFEF;}

p,div,form,h1,h2,h3,h4,h5,ul,li,dl,dt,dd,em,cite,img,span{ margin:0; padding:0; list-style:none; font-style:normal; border:none;font-weight: normal;}

img{border:0;vertical-align:middle}

a{ color:#333333; text-decoration:none;}

a:hover{ color:#525252;}

.left{ float:left;}

.right{ float:right;}

.clearfix:before,.clearfix:after{content:" ";display:table;}

.clearfix:after{clear: both;}

/*=== 页面公用内容 ===*/

.hidden{overflow: hidden;}

.pr{position: relative;}

.pa{position: absolute;}

.dqwidth{width:90%;}

.margin{margin: auto;}

/* css3 style */

@font-face {font-family: "iconfont";

src: url('iconfont.eot'); /* IE9*/

src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */

url('iconfont.woff') format('woff'), /* chrome, firefox */

url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/

url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */

}

.icon {font-family:"iconfont" !important;font-size:12px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}

.trans-3{transition:0.3s all; -webkit-transition:0.3s all;}

.trans-6{transition:0.6s all; -webkit-transition:0.6s all;}

.trans-8{transition:0.8s all; -webkit-transition:0.8s all;}

.trans-12{transition:1.2s all; -webkit-transition:1.2s all;}

.scale-0{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}

.scale-11{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

.radius-5{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.radius-50{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}

.shadow{-webkit-box-shadow: 7px 7px 7px #dad6d6; -moz-box-shadow: 7px 7px 7px #dad6d6; box-shadow: 7px 7px 7px #dad6d6;}

.money{font-weight: bold;color: red;font-size: 16px;}

.user-anu{ margin-left: -13px; margin-top: 20px;}

.user-anu a{display: block; width:115px;float: left;height:40px;line-height: 40px; background-color: #0A487B;font-size: 16px; margin-left:13px; text-align: center;color: #FFFFFF;border-radius: 5px;}

.red{color: red;}

.green{color:#3aae01;}

.width-485{width: 485px;}

.width-235{width: 235px;}

/*手机导航*/

.phone-show{display: none;}



/*from*/

.acc dl{ width: 100%; line-height: 30px;font-size: 14px;margin-top:15px;}

.acc dl dt{ width:140px;float: left; text-align: right;}

.acc dl dt span{ margin-right: 15px;}

.acc dl dd{ width:-moz-calc(100% - 140px);width:calc(100% - 140px);float: right;}

.item{float:left;margin-right: 15px;font-size: 12px;}

.item p{color: #bbb; }

/*bank*/

.bank{}

.bank li{float: left;margin-right:5px; margin-top:5px;}

.bank li input{display:none;}

.bank li img{border: 3px solid #FFFFFF; cursor: pointer;}

.bank li.bank-on img{border: 3px solid red;}

.btn{ width: 120px;height: 40px;line-height: 40px;background-color: #0A487B; color: #FFFFFF;border: none;border-radius: 5px;cursor:pointer; margin-top: 10px; margin-bottom: 40px;}

.btn:hover{opacity: 0.9;}

/*登陆*/

.login-header{ width: 100%;height: 86px; background-color: #FFFFFF;overflow: hidden;box-shadow: 1px 1px 1px #dad6d6;}

.login-header-item {width: 90%;max-width: 1200px;margin: auto;height: 86px;position: relative;}

.login-header-left{position:absolute; left: 0;top: 26px;}

.login-header-right{position:absolute;right: 0;top: 35px; color: #999999;line-height: 26px;}

.login-header-right i{font-size: 26px; margin-left: 10px; margin-right:4px;display: inline-block;vertical-align:middle}

.login-header-right a{display:inline-block; margin-right:8px;vertical-align:middle}



.login{ width: 98%; max-width:670px; background-color: #FFFFFF; margin: 170px auto 0 auto;box-shadow: 1px 1px 7px #dad6d6;}

.login-t{padding: 35px;}

.login h2{font-size: 26px;color: #4e85c4; text-align: center;border-bottom: 3px solid #4e85c4;height:55px;display: block;}

.login-item{width: 86%;margin: 30px auto 0 auto;}

.login-account{border-bottom: 1px solid #C9C9C9;padding-top:0px;padding-bottom: 1px;}

.login-account i{display: inline-block;font-size:32px;}

.login-account input{ width: 100%;line-height: 48px;height: 48px;border: none;outline: none;font-size: 16px;}

.login-account a{color: #D1A662;font-size: 16px;}



/*.login-account input:focus {font-size: 20px;}*/

.login-buttom{margin-top: 30px;}

.login-buttom button{ width:45%;line-height:50px; color: #FFFFFF; background-color: #BBBBBB;border: none;font-size: 20px;text-align: center;border-radius: 6px;cursor: pointer;}

.login-buttom button:hover{opacity: 0.8;}

.login-foot{line-height:100px;color: #999999; text-align: center;font-size:16px;}

.tip{color: red;height:18px;margin-top: 5px;}





/*导航*/

.header{ width: 100%;height: 60px; background-color: #FFFFFF;overflow: hidden;box-shadow: 1px 1px 1px #dad6d6; position: fixed;top:0;z-index: 10;}

.header-item {width: 90%;max-width: 1200px;margin: auto;height: 60px;position: relative;}

.header-left{position:absolute; left: 0;top: 6px;}

.header-right{position:absolute;right: 0;top: 18px; color: #999999;line-height: 26px;}

.header-right i{font-size: 26px; margin-left: 14px; margin-right: 8px;display: inline-block;vertical-align:middle}

.header-right a{display:inline-block; margin-right:12px;vertical-align:middle}

/*首页*/

.box{width:100%;max-width: 1200px;margin:75px auto 0 auto;}

.box-left{width:265px; float: left;border-top:3px solid #1F467D;}

.user{padding: 10px;background: #FFFFFF;}

.user-name{ height: 75px;}

.user-name img{float: left; margin-right: 15px; width: 75px;height: 75px;}

.user-name span{font-size: 20px; line-height: 1.4;display: block;float: left; margin-top: 10px;}

.user-name p b{font-size: 20px;}

.user-name p{font-size: 14px;}



.user-account li{ margin-top: 10px;}

.user-account li i{font-size: 20px;vertical-align: middle; color: #6BA9DC;}

.user-account li span{font-size: 14px;vertical-align: middle; margin-left:5px;}

.user-login{ line-height: 1.6; color: #999999; margin: 15px 0 0 5px;}



.menu{margin-top: 10px;background: #FFFFFF;padding: 10px;}

.menu ul{}

.menu ul li{color: #FFFFFF; border-bottom: 1px solid #FFFFFF;}

.menu ul li>a{color: #FFFFFF;font-size: 14px; background: #0A487B;height: 40px; line-height: 40px;display: block;}

.menu ul li>a i{font-size: 20px;vertical-align: middle; margin-left: 20px;}

.menu ul li>a font{font-size: 14px;vertical-align: middle; margin-left: 10px;}

.menu ul li>a span{float: right;width:14px;height: 9px;display: block;background: url(../images/icon-menu-show.png) no-repeat; margin: 16px 20px 0 0;}

.menu-div{display: none; margin: 5px 0;}

.menu-div a{display: block;height: 32px;line-height: 32px;font-size: 14px;background: url(../images/icon-go-active.png) no-repeat 25px center; padding-left:48px;}

.menu-div a:hover{background: url(../images/icon-go-hover.png) no-repeat 25px center;color: #3B76A6;}

.menu-div a.menu-on{background: url(../images/icon-go-hover.png) no-repeat 25px center #E2EEF8; color: #3B76A6;}

.menu ul li>a.active span{background: url(../images/icon-menu-hide.png) no-repeat;}



.box-right{float: right;background: #FFFFFF;width:-moz-calc(100% - 275px);width:calc(100% - 275px);}

.right-img img{width: 100%;}

.right-cont{padding: 20px;}

.adde{color: #999999;}

.adde-x{padding: 15px;background: #F3F3F3;font-size: 20px; margin-top: 15px;}

.adde-x span{float:right;font-size: 14px; margin-top: 5px;}
.adde-s{padding: 15px;background: #F9FFCC;font-size:12px; margin-top: 15px;}


.add-lx{ margin-top: 20px;}

.add-lx h3{font-size: 20px; margin-left: 8px;}

.add-lx ul{ margin-left: -1%; margin-top: 20px;height:184px;}



.add-lx li{ background-color: #E2EEF8;float: left;width:25%; margin-left:1%; height: 140px;}

.add-lx li+li{width:25%;}

.add-lx li+li+li{width:47%;}

.mind1{text-align: center; margin-top: 30px;}

.mind1 p{ margin-top: 10px;font-size: 16px;}

.mind2{ margin: 30px auto 0 auto; width: 210px;}

.mind2 p{ margin-top: 10px;font-size: 16px;}

.rjian{ background: url(../images/user_center.png) no-repeat right; height: 486px;overflow: hidden; margin-top: 20px;}

.h3font{font-size: 20px;border-bottom: 1px solid #DFDFDF;line-height: 40px; margin-top: 10px;}

.rjian ul li{float: left;width: 33.33%;text-align: center; margin-top:130px;}

.rjian ul li a img{max-width: 100%;}

.rjian ul li a h4{font-size: 30px; color: #5EA8E8; margin-top: 4px;}

.rjian ul li a p{font-size: 14px;display: block;border: 1px solid #525252; width: 130px;line-height: 34px; margin: 30px auto 0 auto;border-radius: 17px;}

.rjian ul li a:hover p {background:#5EA8E8;border: 1px solid #5EA8E8;color: #FFFFFF;}

.rjian-bottom{margin:30px auto;}

.rjian-bottom ul{ margin-left: -1%;}

.rjian-bottom ul li{width: 24%;margin-left: 1%; text-align: center;float: left;margin-top: 30px;}

.rjian-bottom ul li h4{font-size: 16px;font-weight: bold;margin-top: 10px;}

.rjian-bottom ul li p{margin-top: 30px; line-height: 1.6;color: #858585;}

.box-padding{padding: 20px 50px;}



.foot{padding: 50px;color: #999999; text-align: center;}

.wuq{padding: 18px; line-height: 3;font-size:23px; text-align:center;}

.wuq a{font-size:16px; color: #3B76A6}



.tablelist,.tablelist2{width: 100%;border:none;padding: 0px;margin: 0px;}

.tablelist th,.tablelist2 th{ background: #0A487B;color: #FFFFFF;line-height: 40px; text-align: center;}

.tablelist td,.tablelist2 td{ line-height: 40px;text-align: center;}

.tablelist tr:nth-of-type(even),.tablelist2 tr:nth-of-type(even){background:#EFEFEF;}

.tablelist2{display: none;}

.pager{ display: table; margin: auto; margin-bottom: 30px;margin-top: 10px;}

.pager li{float: left; width: 90px; line-height:40px;text-align: center;border-radius: 17px; background: #0A487B; margin: 0 15px;font-size:19px; }

.pager li.disabled{background:#ccc;}

.pager li a{display: block;width: 90px;line-height:40px; color: #FFF;}







@media only screen and (max-width:1024px){

	/*手机导航*/

	#phone-menu {width: 180px;position:fixed;z-index: 100; background:#fbfbfb;border-radius: 5px;}

	#phone-menu ul{padding: 10px;}

	#phone-menu ul li{margin-top: 5px;}

	#phone-menu ul li a{font-size: 16px;width: 100%; text-align: center; line-height:40px;display: block;border-radius: 0px 0px 8px 8px;border-bottom: 1px solid #ccc; font-size: 14px;}

	.menu-hidden{display: none;}

	.ul-phone{top:100px; right:-200px; transition:0.4s all; -webkit-transition:0.4s all;opacity: 0;}

	.ul-phone_act{right:3%;opacity: 1;}



	.phone-show{display: block;}

	.menu-h { display: block; background: none; transition: 0.3s all; z-index:1000; -webkit-transition: 0.3s all; border: none; width: 40px; height: 30px; padding: 0; outline: none; position: absolute; top:14px;right: 30px; position:fixed;}

	.menu-h::before, .menu-h::after, .menu-h span { background: #5F55CE ; border-radius: 2px; }

	.menu-h::before, .menu-h::after { content: ''; position: absolute; height: 5px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; }

	.menu-h span {position: absolute; width: 100%; height: 5px; left: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }

	.menu-h::before { -webkit-transform: translate3d(0, -12px, 0); transform: translate3d(0, -12px, 0); }

	.menu-h::after { -webkit-transform: translate3d(0, 12px, 0); transform: translate3d(0, 12px, 0); }

	.menu-open .menu-h span { opacity: 0; }

	.menu-open .menu-h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }

	.menu-open .menu-h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

	.menu-open .zhezhao { display: block; width: 100%; height: 100%; background: #000; opacity: 0.5; position: fixed; left: 0; top: 0; z-index:30; }
	/*样式*/
	.header-right{display: none;}
	.login-header-item,.login-header {height: 110px;}
	.login-header-left{left:50%;margin-left:-80px;}
	.login-header-right{top:70px;right: 50%;margin-right: -160px;}
	.login{margin-top: 50px;}
	.login-item{width: 100%;}
	.login-t{padding: 20px;}
	.box-left{width:98%;float:none; margin: auto;}
	.user-anu{position: absolute;right: 20px;top: 20px;}
	.user-login{position: absolute;right: 20px;top:78px;height: 60px;overflow: hidden;}
	.menu{display: none;}
	.box-right{margin-left:0px;width:98%;float:none; margin:15px auto 0 auto;}
	.add-lx li{width:100%; margin-left:0; margin-bottom: 15px;}
	.add-lx li+li{width:100%;}
	.add-lx li+li+li{width:100%;}
	.add-lx ul{height: auto; clear: both;}
	.add-lx ul:before,.add-lx ul:after{content:" ";display:table;}
	.add-lx ul:after{clear: both;}
	.rjian ul li{float: left;width: 100%; margin-top:20px;}
	.rjian ul li+li,.rjian ul li+li+li{width: 50%;}
	.rjian-bottom ul li{width: 49%;margin-top:90px;}
}

@media only screen and (max-width:768px){

}

@media only screen and (max-width:425px){
	.user-anu,.user-login{display: none;}
	.adde-x span{float:none;display: block; margin-bottom: 10px;}
	.rjian-bottom ul li{width: 99%;}
	.hid425{display: none;}
	.login-header-right{margin-right: -110px;}
	.box-padding{padding: 20px 10px;}
	.width-485{width: 300px;}
	.acc dl dt,.acc dl dd{float:none;text-align:left;}
	.tablelist{display: none;}
	.tablelist2{display:table;}
}