@charset "utf-8";
/* CSS Reset ----------------------------------------*/
@font-face {
	font-family:"SourceHanSansSC-Regular";
	src: url("fonts/SourceHanSansSC-Regular.woff2") format("woff2"),
		 url("fonts/SourceHanSansSC-Regular.woff") format("woff"),
		 url("fonts/SourceHanSansSC-Regular.ttf") format("truetype"),
		 url("fonts/SourceHanSansSC-Regular.eot") format("embedded-opentype"),
		 url("fonts/SourceHanSansSC-Regular.svg") format("svg");
	font-weight: normal;
	font-style: normal;
  }
body,html,*{ font-family:"SourceHanSansSC-Regular"!important;}

body,html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,th,td,button{padding:0;margin:0;font-family:"思源黑体 CN"; color:#333; font-weight:normal;line-height:1.6; outline:none;}
table{border-collapse:collapse;border-spacing:0}
img{ border:0;height:auto; font-size:0; 
	color:transparent; 
	vertical-align:middle;
	-ms-interpolation-mode:bicubic; /*ie私有属性，防止窗口缩放时图片失真；*/ }
ol,ul{list-style:none;}
q:before,q:after{content:''}

p{ line-height:2; margin-bottom:10px;}

a{color:#333;text-decoration:none; outline:none; cursor:pointer}
a:hover{text-decoration:none;}
.L{float:left;}	.R{float:right;}
.H{display:none;}.O{ opacity:0;}
.clear{ clear: both; height: 0; font-size:0; line-height: 0; overflow:hidden; visibility:hidden;}
.clearfix:after,.clearfix:before {content:"";display:table; line-height:0;}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
a,button,input,textarea,li,div,img{
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; outline:none;
}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
td,th{ padding:5px 10px; font-size:14px;}

/*分页*/
.page {
	text-align: center;
	margin-bottom: 0px;
	padding: 20px 0 40px 0;
}

.page ul {
	text-align: center;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 0;
	position: relative;
}

.page li {
	position: relative;
	z-index: 1;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	text-align: center;
	font-family: "思源黑体 CN";
	color: #808080;
	margin: 0 3px;
}

.page li a {
	color: #000;
	display: block;
}

.page li a span {
	display: block;
	width: 30px;
	height: 30px;
	color: #4B4B4C;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
}

.page li.cr a,
.page li a:hover {
	color: #fff;
}

.page li.cr a span,
.page li a:hover span {
	background-color: #c9151e;
	color: #fff;
	font-size: 12px;
}

.page li.prev a span,
.page li.next a span {
	font-size: 12px;

	color: #4B4B4C;
}

.page li.prev a:hover span,
.page li.next a:hover span {
	color: #fff;
}

.page li.prev a span,
.page li.next a span {
	display: block;
	line-height: 999px;
	overflow: hidden;
}

.page li.prev a:after,
.page li.next a:after {
	content: "\e60f";
	width: 30px;
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 32px;
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.page li.next a:after {
	content: "\e67a";
}

.page .first,
.page .last {
	text-decoration: underline;
}




html{font-size:16px;}


	
/*手机端*/
.mobile-headerwrap{display:none;}
@media screen and (max-width:800px){
	.header{ display: none;}
	/*手机端导航*/
	.mobile-headerwrap{display:block;}

	.mobile-headerwrap .layer-top{padding:0 10px;overflow:hidden;}
	.mobile-headerwrap .mem-links .login{font-size:0;line-height:0;}
	.mobile-headerwrap .mem-links li{margin-right:10px;}
	.mobile-headerwrap .mem-links .m-icon2{margin-left:0;}
	.mobile-headerwrap .mem-links li a{display:block;height:35px;}	

	.mobile-menucss{/* box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);*/height: 100%; max-height:calc(100vh - 50px);/* width: 40%;*/ width: 100%; position: relative;/*width:150px;*/ position:fixed; right:-100%; top:50px;   box-sizing: border-box; display: block!important; z-index: 99999;}
	.mobile-menucss>ul{overflow: auto; width: 100%;/*width: 150px; */padding-top: 0;/*background:rgba(130,176,69,1);*/ height:calc(100%);/* max-height:calc(100% - 50px);*/ }
	.mobile-menucss>ul>li{ margin-top: -1px;transition: all 500ms; transform: translateX(-100px);  opacity: 0;}
.mobile-menucss>ul>li.cr{ background: rgba(255,255,255,.05);}
/*	.mobile-menucss>ul>li.cr{ background: #fff;}
	.mobile-menucss>ul>li.cr>a{ color: #000;}
	.mobile-menucss>ul>li.cr>a span{color: #000;}*/
.mobile-menucss>ul>li>a{ position: relative;}
	.mobile-menucss>ul>li>a,.mobile-menucss>ul>li>h3{font-weight:normal;display: block;padding-left: 30px; border-bottom:1px solid rgba(255,255,255,0.09);/*border-top:1px solid rgba(255,255,255,0.1);*/ height:45px; line-height:45px;}
	.mobile-menucss>ul>li>a>span{ color: #fff; font-size: 16px; }
	.mobile-menucss>ul>li>ul{ padding-left:50px; overflow: hidden; /*display: none;*/}
	.mobile-menucss>ul>li>ul>li{ line-height: 45px;   position: relative;}
/*  .mobile-menucss>ul>li:nth-child(2)>a:after, .mobile-menucss>ul>li:nth-child(4)>a:after,  .mobile-menucss>ul>li:nth-child(5)>a:after{font-family:"iconfont" !important;font-size:18px;font-style:normal;-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; position: absolute; right: 10px; top:0; width: 25px; height: 25px; content: "\e74a"; color: #fff;}
  .mobile-menucss>ul>li>a.flods:after{content: "\e749"; }*/ 

	.mobile-menucss>ul>li>ul>li>a>span{ color:#fff; opacity: .8; line-height: 25px; }

	.mobile-menucss>ul>li.mobiles-links{ text-align: center;padding-top:10px; padding-bottom:30px; border: none;}
	.mobile-menucss>ul>li.mobiles-links a{border: none;}
	.mobile-menucss>ul>li.mobiles-links img{ width: 50px!important; height: 50px!important; max-width: none; margin-left: 0; padding-left: 0;}

	/*手机端头部*/
	.mobile-headerwrap{ position:relative; z-index:99990; }  
	.mobile-header{ background:#fff; height:50px; position:fixed; width:100%; left:0; top:0; z-index:990;}	
	.header-shower{ line-height: 50px; height: 50px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); position: relative; z-index: 66; text-align: center;}
	.mobile-header .header-shower img{ width:auto!important; height:30px!important; position: relative;display:inline-block;  vertical-align:middle;}
   .menu-active>ul>li{transform: translateX(0); opacity:1; }
   .menu-active>ul>li>a{height:45px; line-height:45px;}
   .menu-active>ul>li:nth-child(2){-webkit-transition-delay: 300ms,300ms;transition-delay: 300ms,300ms;}
   .menu-active>ul>li:nth-child(3){-webkit-transition-delay: 350ms,350ms;transition-delay: 350ms,350ms;}
   .menu-active>ul>li:nth-child(4){-webkit-transition-delay: 400ms,400ms;transition-delay: 400ms,400ms;}
   .menu-active>ul>li:nth-child(5){-webkit-transition-delay: 450ms,450ms;transition-delay: 450ms,450ms;}
   .menu-active>ul>li:nth-child(6){-webkit-transition-delay: 500ms,500ms;;transition-delay: 500ms,500ms;}
  .menu-active>ul>li:nth-child(7){-webkit-transition-delay: 550ms,550ms;transition-delay: 550ms,550ms;}
  .menu-active>ul>li:nth-child(8){-webkit-transition-delay: 600ms,600ms;transition-delay: 600ms,600ms;}
.menu-active>ul>li:nth-child(9){-webkit-transition-delay: 650ms,650ms;transition-delay: 650ms,650ms;}
	.menu-active>ul>li:nth-child(10){-webkit-transition-delay: 700ms,700ms;transition-delay: 700ms,700ms;}
		.menu-active>ul>li:nth-child(11){-webkit-transition-delay:750ms,750ms;transition-delay: 750ms,750ms;}
	
	.menu-active {
	left: 0;
	animation-name: ani-menu;
	animation-timing-function: ease-in-out;
	animation-duration: 500ms;
	box-shadow: none;	
	}

	.menu-hide {
	/*left: -100%;*/
	left: 0;
	height: 0; 	
	animation-name: ani-menu1;
	animation-timing-function: ease-in-out;
	animation-duration: 500ms;

	}
		
	.sub-menus ul li {
        padding-left: 60px;
        color: #fff;
        line-height: 30px;
    }

	/*菜单动画*/
	@keyframes ani-menu {
	0% {
		/*left: -100%;*/height: 0; }
	100% {
		/*left: 0;*/height:calc(100%); } 
	}
	@-webkit-keyframes ani-menu {
	0% {
	/*	left: -100%;*/height: 0;  }
	100% {
	/*	left: 0;*/height:calc(100%); } 
	}
	@keyframes ani-menu1 {
	0% {
	/*	left: 0; */height:calc(100%);  }
	100% {
	/*	left: -100%;*/height: 0;	box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);	 } 
	}
	@-webkit-keyframes ani-menu1 {
	0% {
		/*left: 0;*/ height:calc(100%); }
	100% {
/*left: -100%;*/ height: 0;	box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);	 } 
	}	
		
	/*搜索开始*/  
	.head-icons{ position: absolute; top: 0;   left:10px;  height: 50px; text-align: right;  }
	.mobile-search{ height:50px; background:#fff; padding:0 20px 0 50px; position:fixed; width:100%; box-sizing:border-box; z-index:6666; top:0; left:0; display:none;}
	.mobile-menucss{ text-align: left;}
	.mobile-search input{  width:100%; color:#000; height:50px; vertical-align:middle; background:transparent; border:none;line-height:50px;}
	.mobile-search input::-webkit-input-placeholder {color:#999!important;}
	.mobile-search input:-moz-placeholder { color:#999!important;}	
	.mobile-menucss .sub-menus span{color: #fff;}
	.mobile-search .s-searchs{ /**/background:url("../images/searchbtns.png") no-repeat center center; position:absolute; width:30px; height:30px;  right:15px; top:10px; line-height: 30px; text-align: center;/**/background-size:20px 20px; }
	.mobile-search .s-close{ cursor:pointer; color: #c9151e; /**/background:url("../images/close.png") no-repeat center center; position:absolute; width:30px; height:30px; line-height: 30px; text-align: center;/**/ background-size:20px 20px;  left:10px; top:10px;  }
	.head-icons a.ybooks-css{ width:40px; height: 50px;}	
	.head-icons a{ display:inline-block;float:left; cursor:pointer;text-align: center; font-size: 20px; color: #c9151e; width:30px; height: 50px; line-height: 50px;}
	.head-icons a.lang span{background: #c9151e; color: #fff; border-radius:25px; width: 25px; height: 25px; line-height: 25px;  text-align: center; font-size: 12px; vertical-align: middle;display: inline-block;}
	
	.head-icons a.search-mobile,.search-mobile-business{ /*width:30px;*/ height: 50px; }
	.head-icons a.site-css{ width:35px; height: 50px;}
	.head-icons a.en-css{ width:41px; height: 50px;}
	a.menus-mobiles{width:50px; height:50px; display:inline-block; position:absolute; right:0; top: 0;}
	a.menus-mobiles span{ background:#c9151e; height: 1px; width: 20px; display: block; position: absolute; left: 10px; top: 22px;transition:all 0.5s;}
	a.menus-mobiles span:nth-child(1){/* top: 22px;*/transform: translate3d(0, 0px, 0);}
	a.menus-mobiles span:nth-child(2){ /*top: 28px;*/transform: translate3d(0, 6px, 0);}
	
	a.menus-ani1 span:nth-child(1){/* animation:animenu1 500ms  1; */ animation-fill-mode: forwards;transform: rotate3d(0, 0, 1, 45deg); }
	a.menus-ani1 span:nth-child(2){ /*animation:animenu2 500ms  1; */ animation-fill-mode: forwards;transform: rotate3d(0, 0, 1, -45deg);}
   
	.wrap-subs{  overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.09);/* overflow-y: auto; height: 0;  position: absolute;width:calc(100% - 150px); left: 150px;   top: 0; bottom:0; box-sizing: border-box;  transition:all 0.5s;  overflow-x: hidden; opacity: 0;*/}
	.mod-subnav a{ color: #999; display: inline-block; font-size: 12px; width: 50%; margin-bottom:30px; text-align: center; box-sizing: border-box; float: left;}
	.mod-subnav{ margin-top: 30px;}
	.mod-subnav a img{ width:50px; margin-bottom: 10px;}
/**/.wrap-subs .mod-subs{width:100%;position: relative; left: -640px; padding-bottom: 10px; overflow: hidden;transition:all 0.5s; }
	.mobile-menucss>ul>li.cr .wrap-subs{opacity:1;height: 100%;   background: #fff;/*width:calc(100% - 150px); */ /*transition-delay:1s; -moz-transition-delay:1s; */ z-index: 99; }
	
	.mobile-menucss>ul>li.cr .wrap-subs .mod-subs{width:100%; position: relative; left: 0;}
	.smod-tits{ position: relative; margin: 10px 0 0 20px;left: -640px; /*top: 10px; */transition:all 0.5s; font-size: 16px; font-weight: bold;}
	.smod-tits span{ border-bottom: 1px solid #000; padding-bottom: 5px;}
	.mobile-menucss>ul>li.cr .smod-tits{left: 0;}
	
	.mymod-tits{ font-size: 14px; color: #666;left: -640px; position: relative;padding-left: 20px; padding-top: 10px; /*font-weight: bold;*/transition:all 0.5s; }
	.mobile-menucss>ul>li.cr .mymod-tits{left: 0;}
	
/*    .sub-active{ width:calc(100% - 150px); }*/

	.mobile-menucss>ul>li.m-website{ width: 50%; float: left; text-align: center; border-bottom: none; margin-top: 40px;}
	.mobile-menucss>ul>li.m-email{width: 50%; float: left; text-align: center;border-bottom: none; margin-top: 40px;}
	.mobile-menucss>ul>li.m-website a,.mobile-menucss>ul>li.m-email a{ display: inline-block;border-bottom: none; width:70%; height: 40px; line-height: 40px; border-radius:40px; text-align: center!important; padding-left: 0; background: rgba(255,255,255,.2); opacity: .6;}
	
	
	@keyframes animenu1{
		0%{transform: translate3d(0, 0, 0); }	
		100%{transform: rotate3d(0, 0, 1, 45deg); }	
	}
	
	@keyframes animenu2{
		0%{transform: translate3d(0, 6px, 0);}	
		100%{ transform: rotate3d(0, 0, 1, -45deg);}	
	}
	
	/*新增会员中心下拉菜单*/
.mobile-menucss{/*background: rgba(1,142,214,1);*/
background: -webkit-linear-gradient(#479ae8,#c9151e); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#479ae8,#c9151e); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#479ae8,#c9151e); /* Firefox 3.6 - 15 */
background: linear-gradient(#479ae8,#c9151e); /* 标准的语法 */
background:#c9151e;	
}
.my-photos{display:box; display:-webkit-box;display:-moz-box; box-align:center;-webkit-box-align:center;-webkit-moz-align:center; box-pack:center;-webkit-box-pack:center;-webkit-moz-pack:center; padding-top: 20px; border-bottom: 1px solid rgba(255,255,255,.05);border-top: 1px solid rgba(255,255,255,.05);  padding-bottom:20px;background: rgba(255,255,255,.05);transition: all 500ms; transform: translateX(-1000px);  opacity: 0;}
	.my-photos *{ color: #fff;}
	.my-photos span{ display: block; margin-right: 10px;}
	.my-photos i{ vertical-align: middle; display: inline-block; font-style: normal; background: #c9151e; font-size: 12px; border-radius:6px; margin-left: 5px; padding:1px 5px; position: relative; top: -3px;}
	.my-photos em{ font-size: 20px;}
	.mem-btns{ margin-top: 15px; /*text-align: center;*/}
	.mem-btns a{display: inline-block; font-size: 12px; background: #c9151e; width:85px; height: 30px; line-height: 30px; text-align: center; color: #fff; border-radius:8px; }
	.mem-btns a:nth-child(1){  margin-right: 10px;}
	.my-photos img{ width: 80px; border: 1px solid rgba(255,255,255,.2); padding: 2px; background:rgba(255,255,255,.5); height: 80px; border-radius:80px; } 
	.menu-active .my-photos{transform: translateX(0); opacity:1;-webkit-transition-delay: 200ms,200ms;transition-delay:200ms,200ms; }
    .menu-active>ul>li:nth-child(1){-webkit-transition-delay: 250ms,250ms;transition-delay: 250ms,250ms;}

	
	/* 表单 */
	.form{display:block !important;}
	.formPanel .tit{display:block;text-align:left;padding:0;}
	.formPanel .inpBox,.formPanel .formList{display:block;margin-right:0;}
	.formPanel input[type=text], .formPanel input[type=password],.formPanel textarea{width:100%;box-sizing: border-box;height:32px;}
	.formPanel .inpBox .dropdown{width:100%;display:block;}
	.formPanel .inpBox .dropselectbox h4,.formPanel .inpBox .dropselectbox ul,.formPanel .inpBox .dropselectbox li{box-sizing: border-box;}
	.formPanel .inpBox .dropselectbox li,.formPanel .inpBox .dropselectbox h4{height:32px;}
	.formPanel .inpBox select{width:100%;display:block;}
	.formPanel .inpBox.verCode input{width:70%;}
	.formPanel img.yzm{width:25%;border-radius: 0;}
	.defaultBtn{display:block;}
	
}