@charset "utf-8";
/* 
---------------------------------
Site: www.xilisoft.com
Author: Xilisoft.com
Updated: 20100804
Updated by: chenran 
file: tips.css 
version: 1.0
--------------------------------- 
*/ 
.tipslist_name {margin-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; padding-bottom:2px;}
.tipslist_name_tools {margin-top: 15px; border-top-width: 1px; border-top-style: solid; border-top-color: #cccccc; padding-top:2px;}
.tipslist_name_tools h1 { padding-left:30px; padding-top:10px;} 
.tipslist_name_tools p { padding-left:30px; margin:0; padding-top:10px; padding-bottom:25px; padding-right:20px; line-height:18px;}
.tipslist_name h1 { font-weight: normal; font-size: 18px; color: #333333; padding:0 20px 0 0;}
.tipslist_con{ margin-left:30px; width:700px; float:left}
.tipslist{ float:left; width:100%; }
.tipslist a { color: #000; text-decoration:none; line-height:24px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.tipslist a:hover {text-decoration:underline ; }
.tipslist ul{ list-style:none;  width:470px; float:left;} 
.tipslist ul h2 {padding-bottom:10px; font-size:18px; padding-top:25px;}
.tipslist .more { float:right; padding-right:20px; color:#00ccff}
.tipslist h1 {font-size:16px; padding: 5px 15px}
.tipslist ul li{ background-image:url(http://m6.xilisoft.com/images/common/icon_bullet.gif); background-repeat:no-repeat; padding-left:20px; background-position:left 6px; width:330px; float:left; }
.tipslist ul .update {margin-left:290px; color:#52A5A5}
.tipslist .li_tools {float:left; width:440px; background:none; padding-left:15px; margin-bottom:32px; height:40px;}
.tipslist .tips_text { line-height:18px;}
.tips_bg {height:170px; clear:both; float:none; background:url(http://m6.xilisoft.com/images/common/tips-box.png)  no-repeat; widows:940px;}

 
 
 
.tips {padding:10px 10px 30px 10px; line-height: 20px;}

.tips .intro { clear: both;  margin-bottom: 20px; padding:0; }
.tips .intro .intro_con { width: 440px; float: right; }
.tips .intro .pic { width: 220px; float: left; text-align: center; }
.tips .intro a { color: #0066cc; text-decoration: underline; }
.tips .intro a:hover { color: #0066cc; text-decoration: none; }
.tips .intro ul { margin-left:12px; margin:10px 0 0 20px }
.tips .intro li { clear: both; width:688px;   list-style:disc;}
.tips .intro li a{ }
.tips .intro p { clear: both; padding-bottom: 13px; width:700px; }
.tips .name { clear: both; margin-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; padding-bottom:2px; height:20px; width:700px; display:none}
.tips .name a { color: #333333; font-size: 18px; }
.tips .name h2{width:690px; display:block; }
.tips h1 { display: inline; font-weight: normal; font-size: 22px; color: #333333; width:665px; display:block}
.tips .name h1 {float:left; font-weight: normal; font-size: 18px; color: #333333; padding:0 20px 0 0; width:630px;}
.name h1 { font-weight:normal; font-size:20px}
.tips .name img{ float:left; padding:3px 0 0 0;}
.tips .name .pdf{ float:right;}
.tips h3 { display:block; font-weight: normal; font-size: 14px; color: #333333; width:690px; display:block }

/*for tips right*/

.wb{ margin:0; padding:0}

/*tips right change news*/
.news .title { float:left; width:630px; padding:5px 20px; font-family:Verdana; font-weight:normal; font-size:20px; color: #686868;background: url(http://m6.xilisoft.com/images/common/tips_line.gif) repeat-x bottom}
.news .title2 { float:left; width:670px; padding:0 0 10px 0; font-weight:normal; font-size:18px; color: #333333;}
.news .top_title2 a{ float:right; margin:0 20px 10px 30px;  color: #666666; font-size:12px; font-weight:bold; }

.news .tab { width:700px; clear:both; list-style:none; height:32px; background:url(http://m4.xilisoft.com/images/common/c_tab_line.gif) no-repeat bottom right;}
.news .tab li { float:left; font-size:14px; height:32px; background:url(http://m2.xilisoft.com/images/common/c_tab_bg.gif) repeat-x bottom; margin-right:4px;}
.news .tab li .wrap01 { float:left; height:32px; background:url(http://m4.xilisoft.com/images/common/c_tab_left.gif) no-repeat left bottom;}
.news .tab li .wrap02 { float:left; height:32px; background:url(http://m6.xilisoft.com/images/common/c_tab_right.gif) no-repeat right bottom;}
.news .tab li a { color:#fff; float:left; padding:10px 15px 0 25px;}
.news .tab li a:hover { text-decoration:none;}

.news .tab li.tab_on { background:url(http://m5.xilisoft.com/images/common/c_tab_bg_on.gif) repeat-x bottom;}
.news .tab li.tab_on .wrap01 { background:url(http://m6.xilisoft.com/images/common/c_tab_left_on.gif) no-repeat left;}
.news .tab li.tab_on .wrap02 { background:url(http://m5.xilisoft.com/images/common/c_tab_right_on.gif) no-repeat right;}
.news .tab li.tab_on a { color:#000; padding:7px 15px 0 25px;}

.lists { width:700px; float:left; padding-left:10px;}
.news .wrap_01 { background:url(http://m2.xilisoft.com/images/common/box_top.gif) no-repeat top; padding-top:10px;}
.news .wrap_02 { background:url(http://m1.xilisoft.com/images/common/box_bottom.gif) no-repeat bottom; padding-bottom:5px;}
.news .cont { width:688px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; background:url(http://m3.xilisoft.com/images/common/box_bg.gif) repeat-x top; padding-bottom:10px; padding-left:10px; }

.news .gallery { clear:both; line-height:20px; width:670px;}
.news .gallery .text{ clear:both;padding:10px 0 5px 20px; font-size:20px; font-family: Verdana,; font-weight:bold; color: #686868; background: url(http://m6.xilisoft.com/images/common/tips_line.gif) repeat-x bottom}
.news .gallery .scroll_pic{ clear:both; width:670px; padding:40px 0 40px 0;}
.news .pic_youtube{ padding:15px 0;}
.news .pic_youtube .text{clear:both; font-size:20px; font-family: Verdana,; font-weight:bold; color: #686868; background: url(http://m6.xilisoft.com/images/common/tips_line.gif) repeat-x bottom ;padding:5px 0}
.news .pic_youtube img{ float:right;}
.news .awards{ height:350px}
.news .awards img{ padding:20px 30px}
.news .awards .up_pic{ padding:0 50px}
/*.news .gallery .scroll_pic .big_pic{ clear:both; position: absolute; z-index: 100; width:700px; left:60px;  top:5px; overflow:visible}*/
.news .gallery .scroll_pic img{ clear:both; padding:0 15px}

.news .newslist li {list-style-type:none; padding:0 0 15px 15px; text-align:justify;}
.news .newslist .step{ clear:both; padding:2px 20px}
.news .newslist .tips_download{ padding:0 240px}
.news .newslist li a { color:#000; text-decoration:underline;}
.news .newslist li a:hover { color: #0099ff;}
.news .more { clear:both; text-align:right; padding:20px 50px 0 0;}
.news .more a { color: #666666; font-size:14px;}
.news p.ad { margin-top:20px;}
.news div.ad { margin-bottom:20px;}
.news p.ad a, .news div.ad a { margin-right:1px;} 


       /* tags  */
.main_right .item h1.toptags { background:url(http://m2.xilisoft.com/images/common/icon_related.gif) no-repeat 15px center; }
.main_right .tagslist{list-style:none; float:left; padding:10px 0 20px 0; background:url(http://m4.xilisoft.com/images/common/tips_list_bottom.gif) no-repeat bottom;}
.main_right .tagslist li{width:190px;line-height:20px; background:url(http://m5.xilisoft.com/images/common/icon_list.gif) no-repeat 30px 8px; padding:2px 10px 2px 50px; float:left;}
.main_right .tagslist li.tagson{text-decoration:none; color:#fff;background:url(http://m5.xilisoft.com/images/common/icon_list.gif) no-repeat 30px 8px #768db1;}
.main_right .tagslist li.tagson a{text-decoration:none; color:#fff;}
.main_right .tagslist li a {  color: #333333; text-decoration:underline; font-weight:normal;}
.main_right .tagslist li a:hover { color: #333333; text-decoration:none; }
.tags {padding:0 10px 30px 10px; font-size:12px;font-family:Verdana, Geneva, sans-serif;}
.tags h1{margin:0; padding:0; padding:5px 0 0 40px; background:url(http://m6.xilisoft.com/images/common/all-tags.gif) no-repeat 20px 0; font-size:18px;font-weight:normal; display:block; height:28px;}
.tags #table1 h2{ color:#000; font-size:18px;font-weight:normal; padding-bottom:10px;}
.tags #table1 {border-top:1px solid #959595;}
.tags #table1 tr td{padding:15px 0 10px 25px;font-size:12px; color:#333;}
.tags #table1 td ul{ margin:0; padding:0;width:680px;}
.tags #table1 td ul li{ float:left; margin-right:5px; list-style:none; padding:0 2px 0 2px;line-height:18px; width:140px}
.tags #table1 td ul li a{color:#333; text-decoration:none;}
.tags #table1 td ul li a:hover{text-decoration:underline;}
tr.t1 td {background-color:#f1f1f1;}/* 第一行的背景色 */
tr.t2 td {background-color:#fff;}/* 第二行的背景色 */

.tags .tagstitle{ background:url(http://m1.xilisoft.com/images/common/tags-list.gif) no-repeat 10px 0;   border-bottom:1px solid #959595;padding:5px 0 0 35px; font-size:14px;color:#ffffff; height:27px;}
.tags .tagstitle a{color:#000000;}
.tags .tagstitle a:hover{text-decoration:underline;}
.tags .tagstitle span{ color:#000; font-size:18px; margin-right:50px; margin-bottom:15px}
.tags .product { width:670px; float:left; border-bottom:1px dashed #e0e0e0; padding:10px 0 10px 0;}
.tags .lastproduct { border:none; padding:10px 0 20px 0;}
.tags .product .pic { width:150px; float:left; padding-top:18px;}
.tags .product .price { width:110px; text-align:center; font-size:12px; font-weight:bold; line-height:20px; padding-top:10px;}
.tags .product .price span { color:#cc0202;}
.tags .product .price .old { color:#ff8a00; text-decoration:line-through;}
.tags .product .intro { width:520px; float:left;}
.tags .product h2 { padding:0 0 10px 0; margin:0px; float:left; clear:both; width:520px; }
.tags .product h2 a { color:#616b7b; font-size:12px;}
.tags .product .intro ul{margin:0; padding:0; padding-left:7px;}
.tags .product .intro ul li{ color:#6d6d6d; line-height:20px; text-align:justify; clear:both; background-image: url(http://m6.xilisoft.com/images/common/black_dot.gif); background-repeat: no-repeat; background-position: left 8px;padding-left:8px;}
.tags .product .intro ul a { color:#0000ff;}
/*.tags .product .intro p { color:#6d6d6d; line-height:20px; text-align:justify; clear:both;}
.tags .product .intro p a { color:#0000ff;}
.main_right .item a.more { float:right; color: black; font-size:12px; padding:20px 5px 0 0; }*/

.tags .product .links .more { padding-left:20px; margin-right:20px; color:#00C; text-decoration:underline;}
.tags .product .links { float:right; padding:15px 0 0 30px; width:220px;}
.tags .product .links a { float:left; color:#000; font-size:12px; line-height:18px;}
.tags .product .links .down { background:url(http://m6.xilisoft.com/images/icon_down.gif) no-repeat left; padding-left:20px;}
.tags .product .links div.down { float:left; width:140px; font-size:12px; color:#000; background-position:left 2px; line-height:18px;}
.tags .product .links div.down a { color:#2f6ea4; font-size:11px; float:none; display:block;}


/* add tips top menu*/
.main_left .name {padding-left:10px}
.main_left .name .tips_name {float:left; margin-right:20px;}
.main_left .name .tips_add {float:left; margin:5px 0 0 0;  }
.main_left .tips-title {width:700px; height:80px; background:url(http://m1.xilisoft.com/images/common/top-tips-bg.jpg) top left repeat-x; margin-left:12px; margin-top:20px}
.main_left .tips-title .head {width:125px; float:left}
.main_left .tips-title .head img {margin:12px 0 0 35px}
.main_left .tips-title .main-des {width:5000px; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:35px; padding-top:12px}
.main_left .tips-title .main-des a {color:#2970d0; text-decoration:underline}

.named {clear: both;  height:20px; width:700px; font-size:18px}
.named h1 { display:none}
.named span {margin-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; padding-bottom:2px; clear:both; }