﻿ /*------------------------------------------------- @declare -----------------------------------------------*/
.main_w{padding: 5px 0 0 0;}
.asideBox{ margin-bottom:10px;}

.myListBox h1:after,.cateNavBox dl:after
{content:"\0020"; display:block; height:0; clear:both}
.myListBox h1,.cateNavBox dl
{zoom:1}
/*------------------------------------------------- @component -----------------------------------------------*/

.perList{clear:both;overflow:hidden;_display:inline-block;padding: 10px 0;border-bottom:1px dotted #ccc}
.perList dt{}
.perList dt cite{zoom:1;}
.perList dt .image{float:left;text-align:center; position:relative;}
.perList dt .image img,.perList dt .image div{ position:absolute; top:0; left:0;}
.perList dd{overflow:hidden; _display:inline-block;}
.perList dd .fn{overflow:hidden;_display:inline-block; color:#999;}
.perList dd .fn li{ float:left; margin-right:5px;}
.perList dd .con .reason{margin-top:10px;}
.perList dt cite,.perList dd { margin-left:128px;}


.rankBox{background:#FCFBDD;border:1px solid #efefef;margin:10px 0;padding:10px;}
.rankBox h3{ font-size:14.8px; font-weight:bold; padding-bottom:5px;}
.rankBox ul li{ font-size:13px; padding-left:18px; background:url(http://si1.s1.dpfile.com/s/css/img/g.comm.eee12393a4b58f46cf264938a413976c.png) 0px -435px no-repeat; margin:5px 0;}

/*--ajax line--*/
.listline{border-top:dotted 1px #BCBCBC;height:1px;margin:2px 10px 2px 0;pading:0;font-size:1px;line-height: 0px;}

.iarrTop
{background:url(http://si1.s1.dpfile.com/s/css/img/c.promo.cc101f4e700bbda66b8c6692e901faae.png) no-repeat;}
.iarrTop
{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;*margin-right:3px;position:relative;font-size:0px;}

.listFn{border-bottom:1px dashed #999999;border-top:2px solid #FF9F24;text-align:right; padding-bottom:4px; overflow:hidden;_display:inline-block;}
.listFn *{ float:left;}
.listFn strong{ background:url(http://si1.s1.dpfile.com/s/css/img/arrowtop.eb9b365113588208ea725aedcfc94137.gif) center top no-repeat;}
.listFn span,.listFn strong{ padding:6px 0 0; margin-right:10px;}
.listFn span{ *padding-top:5px;}
.listFn a.B,.listFn a.BL{ margin:4px 10px 0px 0px;}
/*------------------------------------------------- @module -----------------------------------------------*/
.myListBox{padding: 5px 0 0 0;}
.myListBox h1{color:#C51100; font-size:14.8px}
.myListBox h1 .fn{ float:right; font-size:13px;}

.myListBox dt{}
.myListBox .perList .con p{}
.myListBox .perList .con .name a{ text-decoration:none;}
.myListBox .perList .con .intro{ color:#999;}
.noBorderList{border:0;}

.myListBox .detList li{ padding-left:30px; border-top:dotted 1px #ccc;padding-top:10px; }
.myListBox .detList li .img{ margin:0 10px 0 -30px;}
.myListBox .detList li h3{ font-weight:bold; }
.myListBox .detList li h3,.myListBox .detList li .con{ width:570px;float:left;}
.myListBox .detList li h3 span.Color4 {font-weight: normal;}
.myListBox .reason textarea{width:370px;}

.myListBox .reason{margin-top:10px;}

.cateNavBox{padding:10px; line-height:1.8; font-size:12px; background:#efefef;}
.cateNavBox h2{ font-weight:bold; font-size:13px;}
.cateNavBox h1{ font-weight:bold; font-size:13px;}
.cateNavBox dt,.cateNavBox dd,.cateNavBox dd ul li
{ float:left;}
.cateNavBox dl{margin-bottom:5px;}
.cateNavBox dt{ width:45px;}
.cateNavBox dd{ width:610px;}
.cateNavBox dd ul li{ margin-right:8px; white-space:nowrap; color:#999; margin-right:6px;}
.cateNavBox dd ul li strong{ color:#000;}
/*------------------------------------------------- @app -----------------------------------------------*/
/* myList */
.myList .perList .con{ height:50px;}
/* usermyList */
.usermyList{}
.usermyList h1{font-size:14px;color:#000;}

#blSearch{padding:10px 0 0 0; text-align:center}
#blSearch input{ vertical-align:middle; font-size:12px;}
#HeadSearchBtn{ height:23px;}
#HeadKeyword{ width:150px;}
.blSearchBox{border:1px solid #999;color:#AAAAAA;padding: 2px 0;}

.newList img{position:relative;top:6px;}
.newList li{padding: 0 0 5px 0}
.newList li.more{padding: 10px 0 0 0}

a.btnAddMyList{background: url(http://si1.s1.dpfile.com/s/css/img/addmylist.a787dcfad45ba80b976de6a08966c862.gif);width: 140px;height: 30px;margin:10px auto;display:block;}
a.btnAddMyList:hover{ background-position:0px -30px;}
a.btnAddMyList:active{ background-position:0px -60px;}

a.sortList,a.sortList:link,a.sortList:visited,a.sortList:hover,a.sortList:active{color:#6666cc;  padding:2px 5px 2px 0;}
.iarrTop{background-position:0 -295px;height:10px;width:10px;}
.SimpleInputGray {border:1px solid #666;color:#999;height:18px;vertical-align:middle;}
.SimpleInput {border:1px solid #666;height:18px;vertical-align:middle;}
#orderDiv {width:60px; padding:5px; background:#FFF; border:1px #999 solid;text-align:left; } 
#orderDiv a{ display:block; color:#66c; } 
#orderDiv a:visited { color:#66c;}
#orderDiv a:hover { color:#fff; background:#66c; }

.perListBorder{border:0;border-top: 1px dotted #ccc}
.perListInfo{border-bottom:1px dotted #ccc;padding-top:10px;}
.perListInfoPlus{text-align:right;color:#999}


/* --------  listOwner  ---------- */
.listOwner{margin-bottom: 10px}
.listOwner img{float:left;}
.listOwner .info{float:left;width:110px;padding: 0 10px;}
.listNum{color:#cc0000;margin:10px 0 0 0;size:13px;}

.otherList{border-bottom:1px solid #ddd;color:#cc0000;margin: 0 10px 5px 0;font-size:13px;}
.myListBox .description{background:#efefef;padding:5px}
li.bs a.B:link, li.bs a.B:visited, li.bs a.B:hover, li.bs a.B:active {color:#000000;font-weight:bold;text-decoration:none;padding:2px 1px 0;background:none;}

