﻿/*
Template Name: snyun
Template URI: http://www.snyun.com/
Description: The snyun new template.
Version: 4.1
Author: HYH - SNYUN
Author URI: http://www.snyun.com/
Logo filename: logo.gif
*/

@import url("css/page_header.css");
@import url("css/page_footer.css");
@import url("css/products.css");
@import url("css/brand.css");
@import url("css/article.css");
@import url("css/users.css");
@import url("css/flow.css");
@import url("css/libs.css");




/* ====================
     公共样式
==================== */
body{background:#fff; font-size:12px; font-family:Tahoma, Verdana, Arial,"宋体"; line-height:150%; margin:0px; padding:0px; color:#404040;}
div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;}
.block{ width:960px; height:auto;} /*主体容器*/
.blockfull{ width:100%;}/*全宽的容器*/
.f_l{float:left;}
.f_r{float:right;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.dis{display:block!important;}
.inline{display:inline;}
.none{display:none;}
.clear{ clear:both; height:1px; line-height:1px; font-size:1px; overflow:hidden; margin-top:-1px;}
/*自动高对齐*/
.clearfix:after{
content:"."; display:block; height:0; clear:both;
visibility:hidden;
}
*html .clearfix{
 height:1%;
}
*+html .clearfix{
 height:1%;
}

/*全局链接样式*/
a{ color:#353535; text-decoration:none; }
a:hover{ color:#970000; text-decoration:underline; }

/*英文强制换行*/
.word{word-break:break-all;}


/*页面留白*/
.blank{height:10px; line-height:10px; clear:both; visibility:hidden;}
.blank5{height:5px; line-height:5px;/* _margin:-3px 0;*/ clear:both; visibility:hidden; font-size:0px; padding:0px; margin:0px;}
.blank6{height:6px; line-height:6px;/* _margin:-3px 0;*/ clear:both; visibility:hidden; font-size:0px; padding:0px; margin:0px;}

/*布局*/
.layout_1 .layout_left{width:730px; float:left; overflow:hidden; padding-right:10px;}
.layout_1 .layout_right{width:215px; float:right; overflow:hidden; }

.layout_2 .layout_left{width:170px; float:left; padding-right:10px; _padding-right:10px; overflow:hidden;}
.layout_2 .layout_right{ width:780px; float:left; overflow:hidden;}

.layout_3 .layout_item{ padding-bottom:10px; overflow:hidden;} 

.flash8{ position:relative; z-index:1; height:1px; line-height:1px; font-size:1px; background:#fff;margin-top:-1px;}
	.flash8 .flash8_t{ position:absolute; top:-1px; right:-4px; background:url(images/flash_t.jpg) no-repeat; width:96px; height:2px;}
	.flash8 .flash8_r{ position:absolute; top:1px; right:-4px; background:url(images/flash_r.jpg) no-repeat; width:4px; height:96px;}

/*公共元素的定义*/

/*按钮样式*/
.btn_style_1{ background:url(images/elements.gif) no-repeat; width:74px; height:22px; line-height:22px; text-align:center; color:#fff; border:none; cursor:pointer;}
.btn_style_2{ background:url(images/elements.gif) no-repeat 0px -29px; width:74px; height:22px; line-height:22px; text-align:center; color:#fff; border:none; cursor:pointer;}
.btn_style_3{ background:url(images/elements.gif) no-repeat 0px -61px; width:60px; height:20px; line-height:20px; text-align:center; color:#fff; border:none; cursor:pointer;}
.btn_style_4{ background:url(images/elements.gif) no-repeat 0px -288px; width:113px; height:20px; line-height:20px; text-align:center; color:#fff; border:none; cursor:pointer;}
.btn_style_5{ background:url(images/elements.gif) no-repeat -151px -288px; width:174px; height:20px; line-height:20px; text-align:center; color:#fff; border:none; cursor:pointer;}
.btn_style_6{ background:url(images/elements.gif) no-repeat -94px -876px; width:101px; height:39px; line-height:39px; text-align:center; color:#fff; border:none; cursor:pointer; font-size:14px;}

.btn_style_33{background:url(images/searhd.png) no-repeat; width:61px; height:21px;}
.btn_style_bigbuy{ background:url(images/elements.gif) no-repeat -163px -1002px; width:116px; height:33px; border:0px; cursor:pointer;}
.btn_style_bigexchange{background:url(images/elements.gif) no-repeat -641px -1002px; width:139px; height:35px; border:0px; cursor:pointer;}

.btn_style_bigcollect{ background:url(images/elements.gif) no-repeat -338px -1002px; width:96px; height:33px; border:0px; cursor:pointer;}

.btn_style_sbuy{ background:url(images/elements.gif) no-repeat -521px -1019px; width:30px; height:20px; color:#fff; border:0px; padding-top:1px; *padding-top:3px; cursor:pointer;}
.btn_style_scollect{ background:url(images/elements.gif) no-repeat -557px -1019px; width:30px; height:20px; color:#fff; border:0px;padding-top:1px; *padding-top:3px; cursor:pointer;}
.btn_style_scompare{ background:url(images/elements.gif) no-repeat -594px -1019px; width:30px; height:19px;  color:#fff; border:0px;padding-top:1px; *padding-top:3px; cursor:pointer;}

/*文本框样式*/
.txt_style_1{ border:1px solid #CCC;}
.txt_style_search{ border:1px solid #CCC;height:15px;}
.txt_style_2{ border:1px solid #CCC;}
.txt_style_3{ border:1px solid #CCC; width:200px; height:20px;}
.txt_style_4{ border:1px solid #CCC; width:300px; height:20px;}
.txt_style_5{ border:1px solid #CCC; width:300px; height:120px;}


/* 下拉框样式 */
.select_style_1{ border:1px solid #CCC; background:#DBE9FB;}

/*字体样式*/
.f_white { color:#333; text-decoration:none;}
.f_white_1, a.f_white_1:hover { color:#fff; text-decoration:none;}
.f_white_2{ color:#fff; font-family:Verdana, Geneva, sans-serif; padding-top:10px;}
.f_blue{ color:#666;}
.f_red{ color:#D10A8D;}
.f_orange_bold{ color:#CC0099; font-weight:bold;}
.f_market{ text-decoration:line-through;}
.f_shop{ color:#C6419C; }
.f_pname{  color:#646464;}
.f_gray{ color:#666; font-weight:bold;}
.f_gray_white{ color:#c7c7c7;}
.f_b{ color:#000000;}

.f_1{ font-size:10px;}
.f_2{ font-size:12px;}
.f_3{ font-size:14px; font-weight:bold;}
.f_4{ font-size:16px; font-weight:bold;}
.f_5{ font-size:12px; color:#ccc;}
.f_6{ font-size:12px; color:#000;}
.f_7{ font-size:12px; color:#646464;}

.f_drop{ font-size:12px; font-family:Verdana, Geneva, sans-serif; padding:2px; line-height:22px;}

.f_block_title{ font-size:14px; font-weight:bold; color:#666; line-height:30px; } /* 模块标题 */
.f_small{ font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#ccc; font-weight:bold;}
.f_small_gray{ font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#ccc; font-weight:bold;}
/*横线*/
.dashed{ border-bottom:#ccc dashed 1px; width:100%; line-height:0px; height:0px; font-size:0px;}


/* 表格内置padding */
.table_padding_left td,.table_padding_left th{ padding-left:10px;}
.none_border td{ border:0px;}

/*列表*/
.listitem_1 li{  height:25px; line-height:25px; text-indent:20px; background:url(images/element_1.gif) no-repeat 10px center; overflow:hidden;}
.listitem li{  height:25px; line-height:25px; text-indent:20px; background:url(images/elements.gif) no-repeat 10px -208px; border-bottom:dotted #ccc 1px; overflow:hidden;}
.comment_list li{ line-height:25px; text-indent:10px; background:url(images/tinyicon.gif) no-repeat 0px 10px;  border-bottom:dotted #ccc 1px; overflow:hidden;}

/* 翻页 */
   .pagebar{height:25px; float:right; line-height:25px; padding-top:10px; font-family:Verdana, Geneva, sans-serif;}
   .pagebar img{position:relative; top:2px;}
   .pagebar a{display:block; float:left; margin:0 2px; color:#666; text-decoration:none;}
   .pagebar a:hover{color:#ff5a6a; text-decoration:underline;}
   .pagebar .page_now{display:block; float:left; margin:0 5px; color:#ff5a6a; font-weight:bold; background:#fff;}
   
/* 友情链接 */
.f_link{ padding:10px;}
.f_link img{ width:88px; height:31px; border:1px solid #ccc; padding:5px;}
.txt_link{ padding:5px;}

