/*
** Tips for Stocks style files by dgzq
** @css reset
** @layout for whole
** @layout for module
*/
/*css reset start*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object
	{
	padding: 0px;
	margin: 0px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img,abbr {
	border: 0;
}

address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var {
	font-weight: normal;
	font-style: normal;
}

ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

q:before,q:after {
	content: 鈥�;
}

a,ins {
	text-decoration: none;
}

* {
	margin: 0px;
	padding: 0px;
	font-family: Microsoft Yahei;
}

a {
	text-decoration: none;
}

ul,li {
	list-style: none;
}
/*css reset end*/
/*layout for whole start*/
body {
	padding: 5px 10px 5px 10px;
	background: white;
	overflow: hidden;height: 100%;
	color: #575757;
	font-family: "Microsoft Yahei", "Times New Roman", Georgia, Serif;
}

body .wrapper {
	width: 640px;
	height: 390px;
	margin: 0 auto;max-width: 100%;overflow: auto;max-height: 100%;
}

body .wrapper .tipsTop {
	width: 640px;
	height: 180px;max-width: 100%;
	margin-bottom: 14px;
}

body .wrapper .tipsTop .t-left {
	float: left;
	width: 67.9%;
	height: 180px;
}

body .wrapper .tipsTop .t-left .banner {
	position: relative;
	height: 180px;
}

body .wrapper .tipsTop .t-left .banner .slide {
	position: absolute;
	height: 180px;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	text-align: center;
	max-width: 100%;
}

body .wrapper .tipsTop .t-left .banner .slide ul.ul-img {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	width: 1744px;
}

body .wrapper .tipsTop .t-left .banner .slide ul.ul-img li {
	overflow: hidden;
	float: left;
	height: 180px;
}

body .wrapper .tipsTop .t-left .banner .slide ul.ul-img li a {
	display: block;
}

body .wrapper .tipsTop .t-left .banner .slide .num {
	position: absolute;
	bottom: 2px;
	right: 5px;
	width: 95px;
	height: 17px;
	*height: 22px;
	overflow: hidden;
	z-index: 20;
}

body .wrapper .tipsTop .t-left .banner .slide .num span {
	display: inline-block;
	overflow: hidden;
	height: 17px;
	width: 17px;
	line-height: 17px;
	margin-left: 2px;
	cursor: pointer;
	text-align: center;
	font-size: 10px;
	color: #f1f1f1;
	background: url("../images/a-normal.png") center no-repeat;
}

body .wrapper .tipsTop .t-left .banner .slide .num span.on {
	background: url("../images/a-active.png") center no-repeat;
}

body .wrapper .tipsTop .t-right {
	float: left;
	width: 30%;
	height: 188px;
	margin-left: 2%;
	color: #575757;
	overflow: hidden;
	position: relative;
}

body .wrapper .tipsTop .t-right p.month {
	margin-top: 13px;
	margin-bottom: 15px;
	font-size: 13px;
	text-align: center;
}

body .wrapper .tipsTop .t-right p.slide {
	margin-bottom: 2px;
	text-align: center;
}

body .wrapper .tipsTop .t-right span.s-up {
	background: url("/images/tdx/c-slider.png") 0px 3px no-repeat;
	width: 13px;
	height: 20px;
	display: block;
	left: 15px;
	top: 47px;
	cursor: pointer;
	position: absolute;
	z-index: 100;
}

body .wrapper .tipsTop .t-right span.s-down {
	background: url("/images/tdx/c-slider.png") -13px 3px no-repeat;
	width: 13px;
	height: 20px;
	display: block;
	right: 15px;
	top: 47px;
	cursor: pointer;
	position: absolute;
	z-index: 100;
}

body .wrapper .tipsTop .t-right p.slide span.dateB {
	display: inline-block;
	margin-top: -15px;
	font-size: 42px;
}

body .wrapper .tipsTop .t-right p.slide span.dateS {
	font-size: 13px;
}

body .wrapper .tipsTop .t-right a.product p {
	margin-left: 12px;
	width: 145px;
}

body .wrapper .tipsTop .t-right a.product span.prod_name {
	font-size: 14px;
	color: #575757;
	width: 95px;
	float: left;
}

body .wrapper .tipsTop .t-right a.product:hover span.prod_name {
	color: #e24328;
	*cursor: pointer;
}

body .wrapper .tipsTop .t-right a.product span.prod_val {
	margin-left: 5px;
	color: #e24328;
	font-size: 14px;
	float: right;
}

body .wrapper .tipsTop .t-right a.product:hover span.prod_val {
	*cursor: pointer;
}

body .wrapper .tipsBottom {
	overflow: hidden;
}

body .wrapper .tipsBottom .b-left,body .wrapper .tipsBottom .b-middle {
	width: 212px;
	height: 194px;
	margin-right: 10px;
	float: left;
	position: relative;
}

body .wrapper .tipsBottom .b-left {
	background-color: #f8f8f8;
}

body .wrapper .tipsBottom .b-left p.sub-title,body .wrapper .tipsBottom .b-middle p.sub-title,body .wrapper .tipsBottom .b-right p.sub-title
	{
	padding-bottom: 3px;
	font-size: 14px;
	border-bottom: 1px solid #f1f1f1;
	text-indent: 10px;
}

body .wrapper .tipsBottom .b-right p.sub-title,body .wrapper .tipsBottom .b-middle p.sub-title
	{
	background-color: #f8f8f8;
}

body .wrapper .tipsBottom .b-left p.sub-title a,body .wrapper .tipsBottom .b-middle p.sub-title a,body .wrapper .tipsBottom .b-right p.sub-title a
	{
	color: #74c2ff;
	font-size: 12px;
	float: right;
	margin-right: 8px;
	margin-top: 3px;
	cursor: pointer;
}

body .wrapper .tipsBottom .b-left .list a,body .wrapper .tipsBottom .b-middle .list a
	{
	display: block;
	margin: 0px;
	padding: 4px 0px 3px 0px;
	padding-left: 10px;padding-right: 10px;
	font-size: 13px;
	color: #575757;
	background: url("/images/tdx/dot.gif") 0px 10px no-repeat;cursor: pointer;
}

body .wrapper .tipsBottom .b-left .list a:hover,body .wrapper .tipsBottom .b-middle .list a:hover
	{
	color: #e24328;
}

body .wrapper .tipsBottom .b-right {
	width: 193px;
	float: left;
}

body .wrapper .tipsBottom .b-right img {
	display: block;
	margin: 0 auto;
	margin-top: 8px;
}

.wrapper .tipsTop .t-right .product-content {
	float: left;
	width: 170px;
}

.wrapper .tipsTop .t-right .prod_notice {
	color: #777777;
	font-size: 13px;
	margin-top: 20px;
	text-align: center;
}

.wrapper .tipsTop .t-right .prod_notice p {
	line-height: 24px;
}

.wrapper .tipsTop .t-right .weixin-title {
	font-size: 14px;
	background-color: #F1F1F1;
	color: #575757;
}

body .wrapper .tipsBottom .b-right .tg_content {
	position: absolute;
	top: -27px;
	background-color: #F1F1F1;
	left: -212px;
	width: 215px;
	height: 186px;
	display: none;
}
body .wrapper .tipsBottom .b-right .tg_person2 .tg_content{
	top: -107px;
}

body .wrapper .tipsBottom .b-right .tg_person1:HOVER .tg_content {
	display: block;
}

body .wrapper .tipsBottom .b-right .tg_person2:HOVER .tg_content {
	display: block;
}

body .wrapper .tipsBottom .b-right  .tg_content .tg_con_title {
	padding: 2px 0px;
	border-bottom: 1px solid #CCCBCB;
	width: 190px;
	margin: auto;
	text-indent: -6px;
	
}

body .wrapper .tipsBottom .b-right .tg_person1:HOVER .tg_content .tg_triangle
	{
	position: absolute;
	right: -10px;
	top: 29px;
}

body .wrapper .tipsBottom .b-right .tg_person2:HOVER .tg_content .tg_triangle
	{
	position: absolute;
	right: -10px;
	top: 110px;
}

body .wrapper .tipsBottom .b-right .tg_person1,body .wrapper .tipsBottom .b-right .tg_person2
	{

	padding-left: 12px;
	position: relative;
	left:-12px;
	width: 196px;
	
	
	
}

body .wrapper .tipsBottom .b-right  .tg_content .tg_con {
	font-size: 12px;
	display: inline-block;
	text-align: justify;
	padding: 5px;
	height: 150px;
	overflow-y: auto;
}

body .wrapper .tipsBottom .b-right .tg_content .tg_con img {
	width: 98%;
}

body .wrapper .tipsBottom .b-right	.moreImg {
font-size: 12px;
text-align: center;
position: absolute;
top: 24px;
left: 0px;
height: 163px;
width: 100%;
background-color: white;
padding-top: 4px;
display: none;
z-index: 10000;
}

body .wrapper .tipsBottom .b-middle	.moreImg {
font-size: 12px;
text-align: center;
position: absolute;
top: 24px;
left: 0px;
height: 163px;
width: 100%;
background-color: white;
padding-top: 12px;
display: none;
z-index: 10000;
}