@charset "gb2312";
/* CSS Document */
a{
	text-decoration: none;
	color: #ff8e05;
}
a:hover{
	color: #FF0000;
}
.heishe {
/*******颜色开始*/
	color: #000000;
}
.ren {
	color: #FF0000;
}
.red {
	color: #FF0000;
}
.zishe{
	color: #B1164C;
}
.lvshe {
	color: #4F9C02;
}
.jinshe {
	color: #F19100;
}
.nanshe {
	color: #007FFE;
}
.white {
	color: #FFFFFF;
}
.huishe {
	color: #666666;
}
.huangshe {
	color: #F7F404;
}
.fenshe {
	color: #FF33CC;
/*******颜色结束*/
}
table{
	/*表格*/
	border-collapse:collapse;
	border-spacing:0;
	border: 0px solid #CCC;
	padding: 5px;
	margin-bottom: 5px;
}
img{
	border:0
}
.MB-container_index img{
	/*图片自适配大小*/
	max-width: 100%;
}
.TabbedPanelsContent img{
	/*图片自适配大小*/
	max-width:100%;
}
.CHeckcodeImg{
	/*验证码大小*/
	width: 100px;
	height: 20px;
	cursor: pointer;
}
.clear{
	/*溢出换行*/
	clear:both;
}
hr {
	/*横线*/
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
}
input{
	padding: 8px;
	background-color: #FFFFFF;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border: 1px solid #DDDDDD;
}
select{
	padding: 3px;
	background-color: #FFFFFF;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	border: 1px solid #DDDDDD;
}
textarea{
	/*输入框（全站通用）*/
	width:98%;
	padding: 10px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border: 1px solid #DDDDDD;
}
.textarea_comments {
	/*自动适应父布局宽度*/
	width: 98%;
	padding: 10px;
	overflow: auto;
	word-break: break-all;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.anliu{/*按钮（全站通用）*/
	border: 1px solid #DDDDDD;
	padding: 6px;
	background-color: #FF9900;
	color: #FFF;
}
.ruku{
	/*懒人入库按钮*/
	color: #FFF;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
	font-weight: bold;
	background-color: #C00;
	font-size: 18px;
}
#wlq {
	/*求签按钮（全站通用）*/
	background-color: #894502;
	text-align: center;
	border: 1px solid #999;
	color: #FFF;
	padding: 10px;
	width: 90px;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
}
.zancai_bg{
	/*顶踩背景*/
	background-color: #FFFFFF;
	padding: 2px;
}
.zanyixia{
	/*顶按钮*/
	background-image: url(../wap/images/ding.gif);
	background-repeat: no-repeat;
	width: 60px;
	height: 54px;
	padding-top: 32px;
	color: #FFFFFF;
}
.caiyixia{
	/*踩按钮*/
	float:right;
	background-image: url(../wap/images/cai.gif);
	background-repeat: no-repeat;
	width: 60px;
	height: 54px;
	padding-top: 32px;
	color: #FFFFFF;
}
.pl_fabiao{
	/*底部评论按钮*/
	float:right;
	color:#FFF;
	background-color:#749FB2;
	border: 2px solid #CCD4D9;
	padding-right: 25px;
	padding-left: 25px;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 6px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.dingdang{
	/*订单滚动*/
	padding-left: 2px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #900;
	border-left-width: 10px;
	border-left-style: groove;
	border-left-color: #C30;
	margin-bottom: 0px;
}
.listmate{
	/*星座运程*/
	background-color: #C1E7FF;
	padding: 5px;
}
.topmoredivimg {
	/*可拖动广告条*/
	background-color: #FFFFFF;
	border: 0px;
	width: 100%;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	margin-bottom: 40px;
}
.topmoredivimg img{
	/*可拖动广告条*/
	height:180px;
}
.css_plsm{
	/*解锁查看*/
	background-size:100% 100%;
	background-image: url(../images/BGplsm.jpg);
	background-repeat: no-repeat;
	font-size: 18px;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}
.css_plsm .jieshuoanliu{
	/*解锁查看*/
	background-color: #00B02D;
	font-weight: bold;
	font-size: 22px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 15px 10px 15px;
	color: #FFFFFF;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}



/*----------------------------网站地图开始*/
#mo{
	line-height: 21px;
	background-color: #FFF;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
#topmo1{
	background-color: #8C5426;
	padding: 3px;
	color: #F8F011;
	width: 80px;
	text-align: center;
	margin-top: 10px;
}
#topmo2{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8C5426;
	margin-bottom: 5px;
}
/*-------------------------------网站地图结束*/



/*-------------------------------全站表单样式开始*/
.sobgimg{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	background-size:100%;
	background-repeat: no-repeat;
	text-align: center;
	color: #FFFFFF;
	margin-top: 0px;
}
.sosubmit{
	background-size:100% 100%;
	background-repeat: no-repeat;
	border: 0px none #CCCCCC;
	padding-top: 12px;
	padding-right: 40px;
	padding-bottom: 12px;
	padding-left: 40px;
	font-size: 24px;
	color: #FFFFFF;
	cursor: pointer;/*鼠标变手指*/
}
.formcss{
/*******From表单样式开始*/
	/*From表单框*/
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
	/*font-weight: bold;*/
}
.formcss .selectkuan{
	/*From表单框内各元素框*/
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	color: #000000;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.formcss select{
	/*From表单框内下拉选择组*/
	border: 0px;
}
.formcss input[type="text"] {
	/*From表单框内文本框*/
    width: 66%;
	border: 0px;
	outline: none;
}
.formcss input[type="radio"] {
	/*From表单框内单选按钮组*/
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
/*******From表单样式结束*/
}
/*-------------------------------全站表单样式结束*/




/*++++++++++++++++++++++++个性按钮（全站通用）开始*/
.button_of {
  color: #666;
  background-color: #EEE;
  border-color: #EEE;
  font-weight: 300;
  font-size: 16px;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  display: inline-block;
  appearance: none;
  cursor: pointer;
  border: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  /*
  * Disabled State
  *
  * The disabled state uses the class .disabled, is-disabled,
  * and the form attribute disabled="disabled".
  * The use of !important is only added because this is a state
  * that must be applied to all buttons when in a disabled state.
  */ }

.button-glow_of {
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: glowing;
          animation-name: glowing; }

.button-rounded_of {
  border-radius: 4px; }

.button-caution_of{
  background-color: #FF4351;/*按钮颜色*/
  border-color: #FF4351;
  color: #FFF;/*字体颜色*/ 
 }
/*++++++++++++++++++++++++++++++++++++++个性按钮（全站通用）结束*/




/*------------------------------------登陆注册页面模板开始*/
.txt_input_name{
	/*用户名输入框*/
	padding: 5px 5px 5px 35px;
	width: 260px;
	height: 35px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	outline: none;
	background:#ffffff url(../images/name.png) no-repeat 10px center;
}
.txt_input_mima{
	/*密码输入框*/
	padding: 5px 5px 5px 35px;
	width: 260px;
	height: 35px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	outline: none;
	background:#ffffff url(../images/mm.png) no-repeat 10px center;
}
.code_button{
	/*验证码提交按钮*/
	padding: 14px;
	color: #FFFFFF;
	background-color: #0099FF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.sub_button{
	/*登陆按钮*/
	font-size: 18px;
	color: #FFFFFF;
	background-color: #990000;
	padding: 5px;
	width: 300px;
	height: 50px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
/*-----------------------------登陆注册页面模板结束*/



/*+++++++++++++++++++弹出浮窗自适应开始*/
.black_overlay{
	position:fixed;
	top:0%;
	left:0%;
	bottom:0%;
	width:100%;
	background-color:#333333;
	z-index:1001;
	-moz-opacity:0.8;
	opacity:.80;
	filter:alpha(opacity=80);
}
.white_content{
	position: absolute;
	top:7%;
	z-index:9999;
	overflow:auto;
	word-break:break-all;
}
.white_content2{
	padding:5px;
	margin-bottom:10px;
	border:0px solid orange;
	background-color:white;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
@media screen and (min-width:900px)
	{
		/*当屏幕最小宽度为900px时，相当于笔记本PC端*/
		.white_content{
			left:25%;
			width:50%;
		}
}
@media screen and (min-width:600px) and (max-width:900px)
	{
		/*当屏幕宽度在600~900px时，相当于平板电脑大小的设备*/
		.white_content{
			left:2%;
			width:96%;
		}
}
@media screen and (max-width:600px)
	{
		/*写当屏幕宽度在小于等于600px时，即在移动端（手机端）*/
		.white_content{
			left:2%;
			width:96%;
		}
}
/*++++++++++++++++++++++++弹出浮窗自适应结束*/





/*------------------------ 弹窗 (background) 开始*/
.modal {
    display: none; /* 默认隐藏 */
    position: fixed; /* 固定定位 */
    z-index: 1; /* 设置在顶层 */
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}

/* 弹窗内容 */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; 
    padding: 20px;
    border: 1px solid #888;
    width: 80%; 
}

/* 关闭按钮 */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
/*------------------------ 弹窗 (background) 结束*/




/*-----------------------------------左右拖动开始*/
.rightleftgo_css {
	/* 基础样式（保留原有需求，无外部溢出） */
    font-family: "宋体";
	font-size: 14px;
	width: 100%; /* 容器宽度自适应父级，不超出外部布局 */
	padding: 15px 5px;
	box-sizing: border-box; /* 宽高包含border/padding，避免溢出父级（关键：不影响外部布局） */
	/* 核心：实现容器内纯横向滚动，禁止垂直滚动（仅容器内生效） */
    white-space: nowrap; /* 强制容器内子元素不换行，为横向滚动铺路 */
	/* overflow-x: auto; 水平方向溢出自动启用滚动，仅容器内可左右滚 */
	overflow-x: scroll;  /* 实现强制显示水平滚动条 */
	overflow-y: hidden; /* 垂直方向溢出隐藏，仅限制当前容器，不影响外部页面 */
}

/* 1. 定义滚动条容器样式（手机端可见的关键） */
.rightleftgo_css::-webkit-scrollbar {
    height: 8px; /* 水平滚动条的高度（必设，否则滚动条不可见），可自定义 */
}

/* 2. 定义滚动条轨道（背景）样式 */
.rightleftgo_css::-webkit-scrollbar-track {
    background-color: #eeeeee; /* 轨道背景色，与容器背景区分开 */
}
/*-----------------------------------左右拖动结束*/