@charset "utf-8";
/* CSS Document */
* { margin:0;padding:0;font-family:"Microsoft Yahei","微软雅黑","Hiragino Sans GB",sans-serif;}
ul, li { list-style:none;}
a {cursor:pointer;text-decoration:none;outline:none;}
img { border:none;}
img, input, select, textarea {vertical-align:middle;font-size:14px;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1;}
img{border:0}
html,body{ margin:0;padding:0;}
body { font:12px/1.5 "Microsoft Yahei","微软雅黑","Hiragino Sans GB",sans-serif;color:#333;background: #F5F5F5;}
.f-fl {float:left;display:inline;}
.f-fr {float:right;display:inline;}
.height40{ height:40px;}
.bold{font-weight:bold;}
/*返回头部*/
.navborder{ border-bottom:3px solid #005cae;margin-top:-3px;}
.feedback {position:fixed;z-index:1005;top:300px;right:275px;width:38px;display:none;}
.feedback li{width:30px;text-align:center;height:40px;line-height:40px;margin-bottom:2px;background-color:#0286f4;padding:0 5px;position:relative;vertical-align:middle;}
.feedback li:hover{background-color:#fe5950}
.feedback li a {color:#fff;font-family:"Hiragino Sans GB","Microsoft Yahei";display:inline-block;}
.feedback li.fb-li a {width:25px;height:25px;vertical-align:middle;*margin-top:6px;background:url("/Public/images/tubiao.png") no-repeat;}
.feedback li.fb-li-3 a {background-position:-4px -110px;}
.feedback li.fb-li-2 a {background-position:-6px -68px;}
.feedback li.fb-li-1 a {background-position:-6px -27px;}
.feedback li.fb-li-4 a {background-position:-5px -155px;}
.feedback li.fb-li-5 a {background-position:-5px -195px;}
.feedback li.fb-li-4 a span {background:url("/Public/home/images/td_code.jpg") no-repeat;background-position:0 0;display:none;height:139px;position:absolute;right:40px;top:-36px;width:92px;border:1px solid #ccc;}
/*分页样式*/
.page{border-bottom:none;margin-top:40px;text-align:center;font-size:14px;vertical-align:middle;}
.page span i{font-style:normal;margin:0 5px;color:#ff7402;}
.page a{padding:5px 13px;border:1px solid #e1e1e1;margin-right:9px;background-color:#f6f6f6;color:#333;vertical-align:middle;}
.page a.current{background-color:#ff7402;color:#fff;border-color:#ff7402;}
.page .numinput{width:34px;height:31px;border:1px solid #e1e1e1;margin:0 5px;text-align:center;outline:none;}
.page .disable{color:#a1a1a1;border-color:#e8e8e8;background-color:#FFF;}
.page .prev{margin-right:15px;}
.page .prev i{background:url(../images/prvpg.png) no-repeat;display:inline-block;width:6px;height:9px;*height:13px;margin-right:12px;*display:inline;zoom:1;}
.page .prev.disable i{background:url(../images/disprvpg.png) no-repeat;}
.page .next{margin-left:9px;}
.page .next i{background:url(../images/nextpg.png) no-repeat;width:6px;height:9px;*height:13px;display:inline-block;margin-left:12px;}
.page .next.disable i{background:url(../images/disnextpg.png) no-repeat;}
.page .sure{margin-left:15px;}
.page .count{margin-right:15px;vertical-align:middle;}
.page .num{margin-left:20px;vertical-align:middle; font-weight: normal;}
/*去掉表格默认边框,内塌陷等*/
table{
	border:none;
	cellspacing:0;
	cellpadding:0;
}
/*给表头表体重设边框*/
table th,table td{
	border: solid 1px #ccc;
}
/*解决以下三种在点击的瞬间出现虚线边框的问题*/
a:focus{
   outline:none;
}
button:focus{
   outline:none;
}
input:focus{
	outline:none;
}
/*父元素固定宽高时,子元素水平垂直居中*/
.parent_table{
	display: table;
	/*宽高值自己根据需要定*/
}
.child_table_cell{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
/*图片定高、不定高如何水平垂直居中*/
/*下面的类给图片的父元素加上即可*/
.parent_pic{
	display: table-cell;
  text-align: center;
  vertical-align: middle;
}
/*解决多行定高|不定高|定宽|不定宽水平垂直居中|一行多列水平垂直居中*/
/*父元素加这个类*/
.parent_box{
	/*也可设置固定宽高*/
	display: table-cell;
  text-align: center;
  vertical-align: middle;
}
/*子元素加这个类*/
.parent_box_child{
	display: inline-block;
}

/*不知道自身与父元素宽高且也不知道父元素下到底多少个子元素时,实现水平垂直居中*/
/*父元素需要加的类*/
.parent_total{
	position: relative;
}
/*子元素需要加的类*/
.child_con{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
/*单行元素 溢出省略并显示省略号 但必须是块级元素才有效*/
.text_overflow{
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}
/*多行文本需要强制换行*/
.txet_wrap{
	white-space:wrap;/*中文需要强制换行*/
	word-wrap:break-word;/*以英文单词作为换行依据*/
	word-break:break-all;/*以英文字母作为换行依据*/
}
/*给元素添加模糊效果*/
.blur_effet{
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}
/*webkit内核及移动端2行文本省略号*/
.more_text_2{
	display: -webkit-box;    
	-webkit-box-orient: vertical;    
	-webkit-line-clamp: 2;    
	overflow: hidden;
}
/*webkit内核及移动端3行文本省略号*/
.more_text_3{
	display: -webkit-box;    
	-webkit-box-orient: vertical;    
	-webkit-line-clamp: 3;    
	overflow: hidden;
}
/*click在ios上有300ms延迟，原因及如何解决？*/
/*<meta name="viewport" content="width=device-width, user-scalable=no"> */
/*去掉谷歌浏览器input里的黄底背景色*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
/*@media screen and (min-width:1080px){
html,body{ font-size:32px;}
}
@media screen and (min-width:721px) and (max-width:1079px){
html,body{ font-size:28px;}
}
@media screen and (min-width:640px) and (max-width:720px){
html,body{ font-size:22px;}
}
@media screen and (min-width:541px) and (max-width:639px){
html,body{ font-size:18px;}
}
@media screen and (min-width:481px) and (max-width:540px){
html,body{ font-size:16px;}
}
@media screen and (min-width:321px) and (max-width:480px){
html,body{ font-size:15px;}
}
@media screen and (max-width:320px){
html,body{ font-size:14px;}
}*/
/*各种遮罩层css样式*/
.tccon{position: fixed;top: 35%;left: 5%;margin: 0 auto;width: 90%;background: #fff;z-index: 101;border-radius: 0.4rem;display: none;}
.tcbg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.6;z-index: 100;display: none;}
.tccon h3{font-size: 1.07rem;color: #454545;position: relative;text-align: center;padding-top: 0.4rem;margin-bottom: 0.5rem;}
.tccon h3 i{position: absolute;top: 0.3rem;right: 0.6rem;display:block;width: 1.4rem;height: 1.4rem;text-align: center;line-height: 1.2rem;border: solid 1px #eaeaea;border-radius: 50%;color: #929292;}
.context{padding: 0 1rem 1rem 1rem;}
.orderinfo p{color: #929292;font-size: 0.95rem;}
.orderinfo textarea{border: solid 1px #eaeaea;font-size: 0.95rem;color: #737373;padding: 0.5rem;margin: 0.5rem 0;}
.tjxdz a{display: inline-block;width: 48%;text-align: center;}
.tjxdz a:nth-of-type(1){background: #01cc60;color: #fff;padding: 0.5rem 0;border-radius: 0.4rem;margin-right: 1.6%;}
.tjxdz a:nth-of-type(2){background: #f5f5f5;color: #ccc;padding: 0.5rem 0;border-radius: 0.4rem;}

.zzc_bg_pub{width: 100%;position: fixed;background: #000;bottom: 0;left:0;height: 100%;opacity: 0.6;z-index: 1000;display: none;}
.sex_sel_alert{width: 90%;position: fixed;bottom: 0;z-index: 1001;left: 5%;display: none;}
.sex_sel_top{background: #fff;margin-bottom: 0.5rem;border-radius: 0.4rem;}
.sex_sel_top li{padding: 1rem 0;border-bottom: solid 1px #eaeaea;text-align: center;color:#0070FF;font-size: 1rem;}
.sex_sel_top li:nth-of-type(2){border-bottom: none;}
.sex_sel_bottom{background: #fff;padding: 1rem 0;border-radius: 0.4rem;text-align: center;color:#0070FF;margin-bottom: 0.5rem;font-size: 1rem;}

.beizhu_nfo_tx{position: fixed;z-index: 101;background: #fff;width: 80%;margin: 0 auto;top: 40%;left: 10%;box-sizing: border-box;min-height: 9rem;border-radius: 0.4rem;display: none;}
.beizhu_nfo_tx>.beizhu_nfo_con{padding: 2rem 1rem;position: relative;text-align: center;}
.beizhu_nfo_tx>.beizhu_nfo_con i{position: absolute;top: 0.3rem;right: 0.6rem;display:block;width: 1.4rem;height: 1.4rem;text-align: center;line-height: 1.2rem;border: solid 1px #eaeaea;border-radius: 50%;color: #929292;}
.beizhu_nfo_tx>.beizhu_nfo_con div{font-size: 0.95rem;color: #737373;}
.beizhu_noc{overflow: hidden;box-sizing: border-box;}
.beizhu_noc a{display: block;text-align: center;box-sizing: border-box;}
.beizhu_noc a:nth-of-type(1){background: #fff;color: #00ba57;float: right;width: 50%;font-size: 1rem;border: none;padding: 1rem 0;border-top: solid 1px #eaeaea;}
.beizhu_noc a:nth-of-type(2){background: #fff;color: #666;float: left;width: 50%;font-size: 1rem;padding: 1rem 0;border-top: solid 1px #eaeaea;border-right:solid 1px #eaeaea;}

.beizhu_nfo{position: fixed;z-index: 101;background: #fff;width: 90%;margin: 0 auto;top: 40%;left: 5%;box-sizing: border-box;min-height: 12rem;border-radius: 0.4rem;display: none;}
.beizhu_nfo_con{padding: 1.5rem 1rem;position: relative;}
.beizhu_nfo_con i{position: absolute;top: 0.3rem;right: 0.6rem;display:block;width: 1.4rem;height: 1.4rem;text-align: center;line-height: 1.2rem;border: solid 1px #eaeaea;border-radius: 50%;color: #929292;}
.beizhu_nfo_con div{font-size: 0.95rem;color: #737373;}
.tcbg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.6;z-index: 100;display: none;}