member.css 100 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172
  1. /* 用户中心相关样式 */
  2. /* CSS Document */
  3. a { color: #0279B9;}
  4. a:hover {color: #F33;}
  5. .red { color: #DD5A43 !important;}
  6. .blue { color: #27A9E3 !important;}
  7. .green { color: #69AA46 !important;}
  8. .orange { color: #FF892A !important;}
  9. .grey { color: #777777 !important;}
  10. .hint { color: #BBB;line-height: 20px;}
  11. .rmb-price { font-weight: 600;color: #666;padding-left: 10px;}
  12. .font_bold { font-weight: 600;color: #333 !important;}
  13. .goods-price { font-family: Tahoma;font-size: 12px;font-weight: 700;color: #555;}
  14. .goods-time { font-family: Tahoma;color: #999;}
  15. .goods-freight { color: #999;}
  16. .goods-pay { color: #69C;}
  17. .goods-favorite { width: 10px;height: 10px;padding: 3px; border-radius: 2px;display: inline-block;vertical-align: middle;}
  18. a.goods-favorite:hover {background-color:#F5F5F5;border: 1px #CCC solid;padding: 2px;text-decoration:none;}
  19. .store-name a { color: #0579C6;}
  20. .noborder { border: none;}
  21. .num{ color: #390;}
  22. .price { color:#F60;font-weight: 600;}
  23. .member_center_back,.dsh-breadcrumb-layout{background:#f5f5f5}
  24. .member_center_back{padding-bottom: 30px}
  25. /* 表单项属性
  26. ------------------------------------------- */
  27. input[type="text"], input[type="password"], input.text, input.password { font:13px/30px Arial;color: #777;background-color: #FFF;vertical-align: top;display: inline-block;height:30px;padding: 4px;border: solid 1px #CCC;outline: 0 none;}
  28. input[type="text"]:focus, input[type="password"]:focus, input.text:focus, input.password:focus, textarea:focus { color: #333;border-color: #75B9F0;box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15);outline: 0 none;}
  29. input[type="text"].error, input[type="password"].error, textarea.error { border-color: #ED6C4F;box-shadow: 0 0 0 2px rgba(232, 71, 35, 0.15);outline: 0 none;}
  30. textarea, .textarea { font: 12px/18px Arial;color: #777;background-color: #FFF;vertical-align: top;display: inline-block;height: 54px;padding: 4px;border: solid 1px #CCC;outline: 0 none;}
  31. select, .select { color: #777;background-color: #FFF;height: 38px;vertical-align: middle;*display: inline;padding: 4px;border: solid 1px #CCC;*zoom:1;margin-right:10px;}
  32. select option, .select option { line-height: 20px;display: block;height: 20px;padding: 4px;}
  33. input[type="submit"], input.submit, a.submit { font-size: 13px;font-weight: bold;color: #FFF;background-color:#f43434;display: block;height:38px;padding: 0 20px;border:1px solid #f43434;cursor: pointer;}
  34. input[type="submit"]:hover, input.submit:hover, a.submit:hover { text-decoration: none;color: #FFF;background-color: #EF1D1D;}
  35. input[type="file"] { line-height:20px;background-color:#FBFBFB;height: 20px;border: solid 1px #D8D8D8;cursor: default;}
  36. .add-on { line-height: 38px;background-color: #E6E6E6;vertical-align: top;display: inline-block;text-align: center;width: 38px;height: 38px;border: solid #CCC;border-width: 1px}
  37. .add-on { *display: inline/*IE6,7*/;zoom:1;}
  38. .add-on i { font-size: 14px;color: #666;text-shadow: 1px 1px 0 #FFFFFF;*margin-top: 8px/*IE7*/;}
  39. /*表单验证错误提示文字*/
  40. label.error { font-size: 12px;color: #E84723;margin-left: 8px;}
  41. label.error i { margin-right: 4px;}
  42. /* 弹出框体 */
  43. #dialog_manage_screen_locker { opacity:0!important;}
  44. .dialog_wrapper { box-shadow: 0 0 0 2px rgba(153,153,153,0.25) !important;padding: 0!important;border-radius: 0!important;}
  45. /* 按钮
  46. -------------------------------------------*/
  47. .dsm-btn-mini { font: normal 12px/20px arial;color: #777;background-color: #F5F5F5;text-align: center;vertical-align: middle;display: inline-block;height: 20px;padding: 0 10px;margin-right: 2px;border-style: solid;border-width: 1px;border-color: #DCDCDC;cursor: pointer;}
  48. .dsm-btn-mini:hover { text-decoration: none;color: #333;background-color: #E6E6E6;border-color: #CFCFCF;}
  49. .dsm-btn { font: normal 12px/20px "microsoft yahei";color: #777!important;background-color: #F5F5F5;text-align: center;vertical-align: middle;display: inline-block;height: 20px;padding: 4px 12px;border: solid 1px;border-color: #DCDCDC;cursor: pointer;}
  50. .dsm-btn:hover { text-decoration: none;color: #333;background-color: #E6E6E6;border-color: #CFCFCF;}
  51. .dsm-btn-mini i, .dsm-btn i { font-size: 14px !important;vertical-align: middle;margin: 0 4px 0 0 !important;}
  52. .dsm-btn-blue, .dsm-btn-acidblue, .dsm-btn-green, .dsm-btn-orange, .dsm-btn-red, .dsm-btn-black,
  53. .dsm-btn-blue:hover, .dsm-btn-acidblue:hover, .dsm-btn-green:hover, .dsm-btn-orange:hover, .dsm-btn-red:hover, .dsm-btn-black:hover, .dsm-table-handle .btn-orange-current { color: #FFF !important;}
  54. .dsm-btn-blue,
  55. .dsm-table-handle .btn-blue:hover { background-color: #006DCC;border-color: #0062B7;}
  56. .dsm-btn-acidblue,
  57. .dsm-table-handle .btn-acidblue:hover { background-color: #49AFCD;border-color: #429DB8;}
  58. .dsm-btn-green,
  59. .dsm-table-handle .btn-green:hover { background-color: #5BB75B;border-color: #52A452;}
  60. .dsm-btn-orange,
  61. .dsm-table-handle .btn-orange:hover,
  62. .dsm-table-handle .btn-orange-current { background-color: #FAA732;margin: 0;border-style: solid;border-width: 1px;border-color: #E1962D !important;}
  63. .dsm-btn-red,
  64. .dsm-table-handle .btn-red:hover { background-color: #DA4F49;border-color: #C44742;}
  65. .dsm-btn-black,
  66. .dsm-table-handle .btn-black:hover { background-color: #363636;border-color: #313131;}
  67. .dsm-btn-blue:hover{ background-color: #0044CC;border-color: #003DB7;}
  68. .dsm-btn-acidblue:hover { background-color: #2F96B4;border-color: #2A87A2;}
  69. .dsm-btn-green:hover { background-color: #51A351;border-color: #499249;}
  70. .dsm-btn-orange:hover { background-color: #F89406;border-color: #DF8505;}
  71. .dsm-btn-red:hover { background-color: #BD362F;border-color: #AA312A;}
  72. .dsm-btn-black:hover { background-color: #222222;border-color: #1F1F1F;}
  73. /*表格操作按钮*/
  74. .dsm-table-handle { font-size: 0;*word-spacing:-1px/*IE6、7*/;}
  75. .dsm-table-handle span { vertical-align: middle;letter-spacing: normal;word-spacing: normal;text-align: center;display: inline-block;padding: 0 4px;border-left: solid 1px #E6E6E6;}
  76. .dsm-table-handle span { *display: inline/*IE6,7*/;}
  77. .dsm-table-handle span:first-child { border-left: none 0;}
  78. .dsm-table-handle span a { color: #777;background-color: #FFF;display: block;padding: 3px 7px;margin: 1px;}
  79. .dsm-table-handle span a i { font-size: 14px;line-height: 16px;height: 16px;display: block;clear: both;margin: 0;padding: 0;}
  80. .dsm-table-handle span a p { font: 12px/16px arial;height: 16px;display: block;clear: both;margin: 0;padding: 0;}
  81. .dsm-table-handle span a:hover { text-decoration: none;color: #FFF;margin: 0;border-style: solid;border-width: 1px;}
  82. /*上传按钮*/
  83. .dsm-upload-btn { vertical-align: top;display: inline-block;*display: inline/*IE7*/;margin-right: 5px; width: 80px;height: 30px;*zoom:1;}
  84. .dsm-upload-btn a { display: block;position: relative;z-index: 1;}
  85. .dsm-upload-btn span { width: 80px;height: 30px;position: absolute;left: 0;top: 0;z-index: 2;cursor: pointer;}
  86. .dsm-upload-btn .input-file { width: 80px;height: 30px;padding: 0;margin: 0;border: none 0;opacity:0;filter: alpha(opacity=0);cursor: pointer;}
  87. .dsm-upload-btn p { font-size: 12px;line-height: 20px;background-color: #F5F5F5;color: #999;text-align: center;color: #666;width: 78px;height: 20px;padding: 4px 0;border: solid 1px;border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC;position: absolute;left: 0;top: 0;z-index: 1;}
  88. .dsm-upload-btn p i { vertical-align: middle;margin-right: 4px;}
  89. .dsm-upload-btn a:hover p { background-color: #E6E6E6;color: #333;border-color: #CFCFCF #CFCFCF #B3B3B3 #CFCFCF;}
  90. i[class*="iconfont"] { font-size: 14px;margin-right: 4px;}
  91. /*方形图裁切*/
  92. .pic-cut-100, .pic-cut-120 { font-size: 12px;line-height: 20px;color: #555;width: 632px;height: 520px;margin: 20px auto;position: relative;z-index: 1;}
  93. .pic-cut-120 { width: 652px;margin: 30px auto;}
  94. .pic-cut-100 .work-title, .pic-cut-120 .work-title { font-size: 12px;line-height: 20px;text-align: center;width: 500px;position: absolute;z-index: 1;top: 0;left: 0;}
  95. .pic-cut-100 .work-layer, .pic-cut-120 .work-layer { background: #FFF;padding: 1px;border: dashed 1px #777;position: absolute;z-index: 1;top: 20px;left:0;}
  96. .pic-cut-100 .work-layer p, .pic-cut-120 .work-layer p { background: url(../images/member/cut_bg.png) repeat 0 0;display: block;width: 500px;height: 500px;overflow: hidden;}
  97. .pic-cut-100 .thumb-layer, .pic-cut-120 .thumb-layer { padding: 1px;border: dashed 1px #777;position: absolute;z-index: 1;top: 20px;right: 0;}
  98. .pic-cut-100 .thumb-layer p { width: 100px;height: 100px;overflow: hidden;}
  99. .pic-cut-120 .thumb-layer p { width: 120px;height: 120px;overflow: hidden;}
  100. .pic-cut-100 .thumb-layer p img, .pic-cut-120 .thumb-layer p img { margin: 0;display: inline;}
  101. .pic-cut-100 .thumb-title, .pic-cut-120 .thumb-title { text-align: center;width: 104px;position: absolute;z-index: 1;top: 0;right: 0;}
  102. .pic-cut-120 .thumb-title { width: 124px;}
  103. .pic-cut-100 .cut-help, .pic-cut-120 .cut-help { width: 100px;position: absolute;z-index: 1;top: 140px;right: 0;}
  104. .pic-cut-120 .cut-help { width: 120px;top: 160px;}
  105. .pic-cut-100 .cut-help h4, .pic-cut-120 .cut-help h4 { font-size: 12px;line-height: 28px;color: #333;}
  106. .pic-cut-100 .cut-btn, .pic-cut-120 .cut-btn { position: absolute;z-index: 1;top:340px;left: 525px;}
  107. .pic-cut .cut-btn { top:340px;left: 530px;}
  108. /* 商品缩略图
  109. -------------------------------------------*/
  110. .dsm-goods-thumb-mini { width: 40px;height: 40px;border: solid 1px #F5F5F5;}
  111. .dsm-goods-thumb-mini a { line-height: 0;background-color: #FFF;text-align: center;vertical-align: middle;display: table-cell;*display: block;width: 40px;height: 40px;overflow: hidden;}
  112. .dsm-goods-thumb-mini a img { max-width: 40px;max-height: 40px;margin-top:expression(40-this.height/2);*margin-top:expression(20-this.height/2)/*IE6,7*/;}
  113. .dsm-goods-thumb { width: 60px;height: 60px;}
  114. .dsm-goods-thumb a { line-height: 0;background-color: #FFF;text-align: center;vertical-align: middle;display: table-cell;*display: block;width: 60px;height: 60px;overflow: hidden;}
  115. .dsm-goods-thumb a img { max-width: 60px;max-height: 60px;margin-top:expression(60-this.height/2);*margin-top:expression(30-this.height/2)/*IE6,7*/;}
  116. .dsm-goods-thumb-120 { width: 120px;height: 120px;}
  117. .dsm-goods-thumb-120 a { line-height: 0;background-color: #FFF;text-align: center;vertical-align: middle;display: table-cell;*display: block;width: 120px;height: 120px;overflow: hidden;}
  118. .dsm-goods-thumb-120 a img { max-width: 120px;max-height: 120px;margin-top:expression(120-this.height/2);*margin-top:expression(60-this.height/2)/*IE6,7*/;}
  119. .dsm-store-pic { width: 60px;height: 60px;}
  120. .dsm-store-pic a { line-height: 0;background-color: #FFF;text-align: center;vertical-align: middle;display: table-cell;*display: block;width: 60px;height: 60px;overflow: hidden;}
  121. .dsm-store-pic a img { max-width: 60px;max-height: 60px;margin-top:expression(60-this.height/2);*margin-top:expression(30-this.height/2)/*IE6,7*/;border-radius: 30px;}
  122. /* 商品介绍
  123. -------------------------------------------*/
  124. .dsm-goods-info {}
  125. .dsm-goods-info dt { font-weight: 600;}
  126. .dsm-goods-info dt a { color: #333;}
  127. .dsm-goods-info dt a:hover { text-decoration: none;color: #F30;}
  128. .dsm-goods-info dd { color: #777;}
  129. .dsm-goods-price em,
  130. .dsm-order-price em { font-family: Verdana, Arial;color: #EC4F4A;}
  131. /* 翻页样式 */
  132. .pagination { display: inline-block;margin: 0 auto;}
  133. .pagination ul { font-size: 0;*word-spacing:-1px/*IE6、7*/;}
  134. .pagination ul li { vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;margin: 0 0 0 -1px;}
  135. .pagination ul li { *display: inline/*IE6、7*/;*zoom:1;}
  136. .pagination li span { font: normal 14px/20px "microsoft yahei";color: #AAA;background-color: #FAFAFA;text-align: center;display: block;min-width: 20px;padding: 8px;border: 1px solid #E6E6E6;position: relative;z-index: 1;}
  137. .pagination li a span ,
  138. .pagination li a:visited span { color: #005AA0;text-decoration: none;background-color: #FFF;position: relative;z-index: 1;}
  139. .pagination li a:hover span, .pagination li a:active span{ color: #FFF;text-decoration: none !important;background-color: #ff4040;border-color: #CA3300;position: relative;z-index: 9;cursor:pointer;}
  140. .pagination li a:hover { text-decoration: none;}
  141. .pagination li span.currentpage { color: #AAA;font-weight: bold;background-color: #FAFAFA;border-color: #E6E6E6;position: relative;z-index: 2;}
  142. /* ============================
  143. * 买家中心及账户设置框架头部菜单样式
  144. * ============================ */
  145. /*用户中心布局*/
  146. .dsm-container { width: 1200px;margin: 0 auto;}
  147. .dsm-container .left-layout { width: 190px;float: left;margin-right: -1px;}
  148. .dsm-container .right-layout { width:1000px;float: right;margin-left: -1px;background: #fff;padding:0 20px;box-sizing: border-box;padding-bottom:50px;}
  149. .dsm-container .right-layout .wrap { width: 980px;float: right;}
  150. /*用户中心首页 BEGIN*/
  151. .mc-left{width:696px;float:left;}
  152. .mc-right{width:290px;float:right}
  153. .mc-user{overflow: hidden;}
  154. .mc-user-card {background: #fff;border-radius: 80px 0 0 80px;padding-left: 28px;height: 160px;width: 299px;position: relative;border-right: 1px solid #f5f5f5;}
  155. .mc-user-card .circle-top,.mc-user-card .circle-bottom{position: absolute;width:16px;height:8px;background: #f5f5f5;right:-8px }
  156. .mc-user-card .circle-top{top:0;border-radius:0 0 8px 8px ;}
  157. .mc-user-card .circle-bottom{bottom:0;border-radius: 8px 8px 0 0;}
  158. .mc-user-card .user-head {position:relative;width: 116px;height: 116px;margin-top: 22px;}
  159. .mc-user-card .user-canvas {border-radius: 50%;position: absolute;top: 0;left: 0;width: 116px;height: 116px;}
  160. .mc-user-card .user-canvas .canvas-bg {width: 116px;height: 116px;}
  161. .mc-user-card .user-canvas .canvas-left, .mc-user-card .user-canvas .canvas-right {width: 58px;height: 116px;overflow: hidden;position: relative;float: left;z-index: 4;background: #dfdfdf;}
  162. .mc-user-card .user-canvas .canvas-left {border-radius: 58px 0 0 58px;}
  163. .mc-user-card .user-canvas .canvas-left div, .mc-user-card .user-canvas .canvas-right div {content: "";position: absolute;display: block;width: 58px;height: 116px;border-radius: 58px 0 0 58px;background: #fff;transform: rotate(-121deg);transform-origin: right center;-ms-transform: rotate(-121deg);-ms-transform-origin: right center;-webkit-transform: rotate(-121deg);-webkit-transform-origin: right center;-moz-transform: rotate(-121deg);-moz-transform-origin: right center;-o-transform: rotate(-121deg);-o-transform-origin: right center;}
  164. .mc-user-card .user-canvas .canvas-right {border-radius: 0 58px 58px 0;}
  165. .mc-user-card .user-canvas .canvas-right div {transform: rotateZ(-59deg);left: -58px;}
  166. .mc-user-card .user-head .user-img {width: 108px;height: 108px;position: absolute;top: 4px;left: 4px;z-index: 10;background: #fff;border-radius: 50%;}
  167. .mc-user-card .user-head .user-img img {border-radius: 50%;position: absolute;width: 90px;height: 90px;top: 9px;left: 9px;}
  168. .mc-user-card .user-head .level_name{display: block;position: absolute;z-index: 20;width: 24px;height: 24px;left: 6px;bottom: 4px;text-align: center;line-height: 24px;color:#fff;background: #999;border-radius: 50%;}
  169. .mc-user-card .mc-user-info {margin-left: 20px;margin-top: 34px;}
  170. .mc-user-card .mc-user-info .name {color:#3a3a3a;font-size: 18px;max-width: 160px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  171. .mc-user-card .mc-user-info .link {font-size: 12px;display: block;margin-top: 8px;margin-bottom: 19px;color:#3a3a3a;}
  172. .mc-user-card .mc-user-info .mc-user-btn {width: 88px;height: 28px;line-height: 28px;display: block;border-radius: 2px;border: 1px solid #ff4040;color: #ff4040;text-align: center;vertical-align: middle;}
  173. .mc-user-huaban {width: 368px;background: #fff;height: 160px;text-align: center;border-radius: 0 2px 2px 0;}
  174. .mc-user-huaban ul {width: 330px;height: 130px;margin-left: auto;margin-right: auto;margin-top: 15px;background: #f9f9f9;border-radius: 6px;}
  175. .mc-user-huaban li {float: left;width: 110px;margin-top: 13px;}
  176. .mc-user-huaban li .p-icon {font-size: 24px;margin: 0 auto;height: 50px;width: 50px;display: block;color:#FFF;border-radius: 50%;line-height: 50px;text-align: center;}
  177. .mc-user-huaban li .p-price, .mc-user-huaban li .p-dec {line-height: 1;font-size: 13px;}
  178. .mc-user-huaban li .p-dec {color: #717171;margin: 14px 0 10px;}
  179. .mc-user-huaban li .p-price {vertical-align: baseline;color:#3a3a3a;}
  180. .mc-user-huaban li .p-price span {font-size: 18px;line-height: 18px;vertical-align: baseline;margin-right: 3px;position: relative;top: 1px;}
  181. .mc-order-portal {width: 100%;height: 40px;padding: 20px 0;background: #fff;border-radius: 2px;margin-top: 10px;overflow: hidden;}
  182. .mc-order-portal li {margin-left:30px;float: left;vertical-align: middle;position:relative}
  183. .mc-order-portal li b{position: absolute;top:0;right:0px;width:20px;height: 15px;line-height: 15px;color:#fff;background: #ff4040;border-radius: 50%;text-align: center;font-size:12px;font-weight:normal;}
  184. .mc-order-portal a {color: #717171;font-size:13px;}
  185. .mc-order-portal span {color:#bbb;font-size: 34px;line-height: 40px;width: 40px;height: 40px;display: inline-block;vertical-align: middle;margin-right:2px;position: relative;text-align:center;}
  186. .mc-title {position: relative;height: 18px;}
  187. .mc-title h3 {font-size: 15px;color: #3a3a3a;font-weight: bold;height: 18px;line-height: 18px;display: inline-block;position: absolute;background-color: #f5f5f5;z-index: 2;padding-right: 15px;}
  188. .mc-title:after {content: "";height: 1px;background: #ddd;position: absolute;display: block;top: 50%;width: 100%;}
  189. .mynews-list-area {background: #fff;padding-left: 114px;padding-right: 120px;border-radius: 50px 0 0 50px;margin-top: 12px;height: 100px;position: relative;}
  190. .mynews-list-area .m-image {width: 60px;height: 60px;position: absolute;top: 20px;left: 20px;}
  191. .mynews-list-area .m-image img {width: 100%;height: 100%;}
  192. .mynews-list-area .m-title {padding-top: 18px;margin-bottom: 15px;}
  193. .mynews-list-area .m-info {font-size: 14px;margin-right: 18px;color: #ff4040;font-weight: bold;max-width: 250px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
  194. .mynews-list-area .m-title em {display: inline-block;vertical-align: middle;}
  195. .mynews-list-area .m-name {margin-right: 10px;display: inline-block;vertical-align: middle;}
  196. .mynews-list-area .m-time {color: #a4a4a4;}
  197. .mynews-list-area .m-title em {display: inline-block;vertical-align: middle;}
  198. .mynews-list-area .m-detail {width: 440px;height: 36px;line-height: 18px;color: #a4a4a4;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
  199. .button-1 {width: 88px;height: 28px;line-height: 28px;display: block;border-radius: 2px;border: 1px solid #ddd;text-align: center;}
  200. .mynews-list-btn {color:#3a3a3a;position: absolute;top: 35px;right: 20px;}
  201. .mynews-list-btn:hover{border-color: #ff4040;color: #ff4040;}
  202. .goods-rolling {position: relative;width: 100%;height: 225px;overflow: hidden;margin-top:12px;}
  203. .goods-rolling .grid-items {margin: 0;width: 177px;float: left;position: relative;-webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;-ms-transition: all .2s linear 0s;-o-transition: all .2s linear 0s;transition: all .2s linear 0s;z-index: 1;}
  204. .goods-rolling .grid-items a:hover {-webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.07);-moz-box-shadow: 0 10px 15px rgba(0,0,0,0.07);box-shadow: 0 10px 15px rgba(0,0,0,0.07);-webkit-transform: translate3d(0px,-2px,0px);-moz-transform: translate3d(0px,-2px,0px);-ms-transform: translate3d(0px,-2px,0px);-o-transform: translate3d(0px,-2px,0px);transform: translate3d(0px,-2px,0px);z-index: 2;}
  205. .goods-rolling .grid-items .thumb {background: #fff;padding-top: 26px;height: 184px;width: 165px;display: block;text-align: center;}
  206. .goods-rolling .grid-items .grid-img {width: 100px;height: 100px;margin: 0 auto;margin-bottom: 32px;}
  207. .goods-rolling .grid-items .grid-img img {width: 100%;height: 100%;}
  208. .goods-rolling .grid-items .grid-title {padding-top: 0;width: 140px;height: 36px;display: block;margin: 0;padding: 0;margin-left: 13px;overflow: hidden;}
  209. .goods-rolling .grid-items .grid-title span {color: #3a3a3a;display: table-cell;font-size: 12px;line-height: 18px;height: 36px;vertical-align: bottom;width: 140px;}
  210. .goods-rolling .grid-btn {background: #CCC;background: rgba(204,204,204,0.9);cursor: pointer;height: 75px;left: 0;margin-top: -45px;width: 22px;position: absolute;top: 50%;z-index: 3;font-size: 20px;color:#fff;line-height: 75px;text-align: center;}
  211. .goods-rolling .grid-btn.disabled {background: #f0f0f0;background: #f0f0f0;cursor: not-allowed;}
  212. .goods-rolling .grid-btn.btn-next {background: rgba(204,204,204,0.9);left: auto;right: 12px;top: 50%;}
  213. .goods-rolling .grid-btn:hover {background: #999;background: rgba(153,153,153,0.9);}
  214. .mc-list{overflow: hidden;background: #fff;margin-top: 12px;padding:20px 0 10px 0;}
  215. .mc-list .mc-item{float:left;width:33.33%;text-align: center;margin-bottom: 10px;}
  216. .mc-list .mc-item img{width: 80px;height: 80px;border-radius: 50%;}
  217. .mc-security{background: #fff;}
  218. .mc-security .title{text-align: center;font-size: 18px;color:#3a3a3a;padding-top:50px}
  219. .mc-security .content{text-align: center;font-size: 40px;padding: 20px 0 40px 0}
  220. .mc-security .detail{margin:0 15px;padding-bottom: 14px;overflow: hidden;line-height: 36px;font-size:13px;}
  221. .mc-security .detail .iconfont{text-align: center;width: 36px;height: 36px;line-height: 36px;color:#fff;display: block;border-radius: 50%;margin-right: 10px;float: left;}
  222. .mc-security .detail .mobile{font-size: 24px;background: rgb(250,115,56)}
  223. .mc-security .detail .envelope-o{font-size: 16px;background: rgb(253,192,54)}
  224. .mc-security .detail .state{color:#FF966E}
  225. .mc-security .detail .state.active{color:#5BB75B}
  226. .mc-left .null-tip,.mc-right .null-tip{background: #fff;text-align: center;border-radius:10px;}
  227. .mc-left .null-tip .iconfont,.mc-right .null-tip .iconfont{font-size:40px;color: #e9e9e9;line-height: 40px}
  228. .mc-left .null-tip h4,.mc-right .null-tip h4{font-size: 18px;color: #8c8c8c;line-height: 40px}
  229. .mc-left .null-tip h5,.mc-right .null-tip h5{font-size: 14px;color: #ff4040;line-height: 40px}
  230. /*用户中心首页 END*/
  231. /*用户中心左侧内容 BEGIN*/
  232. .dsm-l-top { background-color: #EC4F4A;width: 100%;height: 40px;position: relative;z-index: 3;}
  233. .dsm-l-top h2 a { font-size: 14px;font-weight: 600;color: #FFF;height: 20px;float: left;padding: 10px 0 10px 20px;}
  234. .dsm-l-top h2 a:hover { text-decoration: none;}
  235. .dsm-user-info { background-color: #FD6760;padding: 15px 20px;overflow: hidden;}
  236. .dsm-user-info .avatar { width: 72px;height: 72px;float: left;position: relative;z-index: 1;}
  237. .dsm-user-info .avatar img { border-radius: 100%;border:4px solid #fff;width: 64px;height: 64px;position: absolute;z-index: 1;top: 0px;left: 0px;}
  238. .dsm-user-info .new-message { font: 600 12px/16px Arial;color: #FFF;background-color: #EC4F4A;text-align: center;min-width: 16px;height: 16px;border: solid 2px #FFF; border-radius: 8px;position: absolute;z-index: 3;top: 0;right: 4px;}
  239. .dsm-user-info .handle { width: 80px;float: right;}
  240. .dsm-user-info .handle a { line-height: 24px;color: #FECAC8;display: block;height: 24px;clear: both;}
  241. .dsm-user-info .handle a:hover { color: #FFF;text-decoration: none;}
  242. .dsm-user-info .handle i { font-size: 14px;margin-right: 5px;}
  243. .dsm-user-info .name { font: 600 14px/20px "microsoft yahei";color: #FFF;padding-top: 8px;display: block;clear: both;}
  244. .dsm-sidebar { background-color: #FFF;}
  245. .dsm-sidebar .dl { width: 100%;margin: 0;border-bottom: dotted 1px #E7E7E7;overflow: hidden;}
  246. .dsm-sidebar .dl .dt{display: block;margin: 12px;cursor: pointer;}
  247. .dsm-sidebar .dl .dt h3 { font-size: 14px;font-weight: 600;color: #333;line-height: 20px;height: 20px;padding-left:0px;display: block;}
  248. .dsm-sidebar .dl .dt h3 i{margin:0 5px;color:#ff3d3d;font-size:16px;}
  249. .dsm-sidebar .dl .dd ul { margin-bottom: 10px;}
  250. .dsm-sidebar .dl .dd ul li {width: 100%;}
  251. .dsm-sidebar .dl .dd ul li a {background: none;line-height: 20px;color: #777;width: auto;padding: 6px 0 6px 32px;margin: 0;display:block;font-size:13px;}
  252. .dsm-sidebar .dl .dd ul li a:hover { color: #ff4040;text-decoration: none;}
  253. .dsm-sidebar .dl .dd ul li.selected a { color: #ff4040;}
  254. .dsm-sidebar .dl:last-child { border-bottom: 0;}
  255. .dsm-index-container { font-size: 0;*word-spacing:-1px/*IE6、7*/;}
  256. .dsm-index-container .normal,
  257. .dsm-index-container .double { font-size: 12px;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline;height: 250px;*zoom: 1;position: relative;z-index: 1;}
  258. .dsm-index-container .normal { width: 33.3333%;}
  259. .dsm-index-container .double {width: 66.6666%;}
  260. .dsm-index-container .outline { background-color: #FFF;height: 100%;border: solid 1px #E7E7E7;margin: -1px;}
  261. .dsm-index-container #account,
  262. .dsm-index-container #security { height: 150px;}
  263. .dsm-index-container #transaction,
  264. .dsm-index-container #shopping { height: 320px;}
  265. .dsm-index-container #transaction .outline { background-color: #FEFBF8;}
  266. .dsm-index-container .normal:hover,
  267. .dsm-index-container .double:hover { z-index: 2;}
  268. .dsm-index-container .normal:hover .outline,
  269. .dsm-index-container .double:hover .outline { border-color: #FD6760;box-shadow: 0 0 5px rgba(204,204,204,0.5);}
  270. .dsm-index-container .more { line-height: 40px;text-align: center;width: 95%;height: 40px;margin: 8px auto 0 auto;border-top: dotted 1px #E7E7E7;}
  271. .dsm-index-container .more a { color: #777;}
  272. .dsm-index-container .more a:hover { text-decoration: none;color: #FD6760;}
  273. .dsm-index-container .user-account { margin: 15px;overflow: hidden;}
  274. .dsm-index-container .user-account ul { font-size: 0;*word-spacing:-1px/*IE6、7*/;white-space: nowrap;margin-left: -1px;}
  275. .dsm-index-container .user-account li { font-size: 12px;vertical-align: top;letter-spacing: normal;word-spacing: normal;text-align: center;display: inline-block;*display: inline/*IE7*/;width: 33%;border-left: solid 1px #E7E7E7;*zoom: 1/*IE7*/;}
  276. .dsm-index-container .user-account li a { display: block;height: 100px;padding: 10px 0;}
  277. .dsm-index-container .user-account li a:hover { text-decoration: none;}
  278. .dsm-index-container .user-account li h5 { color: #666;}
  279. .dsm-index-container .user-account li .icon { color: #aaa;font-size: 30px;display: inline-block;*display: inline/*IE7*/;width: 32px;height:32px;margin: 5px auto;*zoom: 1/*IE7*/;}
  280. .dsm-index-container .user-account li .value { font-weight: 600;line-height: 28px;color: #999;display: block;clear: both;}
  281. .dsm-index-container .user-account li .value em { font: 24px/28px Arial;color: #666;vertical-align: bottom;margin: 0 4px;}
  282. .dsm-index-container .SAM { padding: 20px;}
  283. .dsm-index-container .SAM-info { height: 20px;margin: 20px 0;}
  284. .dsm-index-container .SAM-info strong { margin-right: 10px;}
  285. .dsm-index-container #high strong { color: #393;}
  286. .dsm-index-container #normal strong { color: #F60;}
  287. .dsm-index-container #low strong { color: #F33;}
  288. .dsm-index-container .SAM-info i{display: inline-block;width:200px;height: 12px;border-radius: 6px;line-height: 10px;overflow: hidden}
  289. .dsm-index-container .SAM-info span { font-size: 0;line-height: 12px; background: -webkit-linear-gradient(left, rgb(254,80,77) ,rgb(201,213,42), rgb(3,143,100)); /* Safari 5.1 - 6.0 */
  290. background: -o-linear-gradient(right, rgb(254,80,77) ,rgb(201,213,42), rgb(3,143,100)); /* Opera 11.1 - 12.0 */
  291. background: -moz-linear-gradient(right, rgb(254,80,77) ,rgb(201,213,42), rgb(3,143,100)); /* Firefox 3.6 - 15 */
  292. background: linear-gradient(to right, rgb(254,80,77) ,rgb(201,213,42) , rgb(3,143,100)); /* 标准的语法 */filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FE504D,endcolorstr=#038F64,gradientType=1);vertical-align: middle;display: inline-block;*display: inline/*IE7*/;width: 200px;height: 12px;border-radius: 6px;position: relative;z-index: 1;*zoom: 1/*IE7*/;}
  293. .dsm-index-container .SAM-info em {box-shadow: inset 1px 1px 1px rgba(204,204,204,1);background:#eee;right:0; font-size: 0;line-height: 12px;display: block;height: 12px;position: absolute;z-index: 1;*zoom: 1/*IE7*/;}
  294. .dsm-index-container #high span em { width: 0%;border-radius: 6px;}
  295. .dsm-index-container #normal span em { width: 33.3333%;border-radius:0 6px 6px 0;}
  296. .dsm-index-container #low span em { width: 66.6666%;border-radius: 0 6px 6px 0;}
  297. .dsm-index-container .SAM-info a { color: #06C;margin-left: 10px;}
  298. .dsm-index-container .SAM-handle {}
  299. .dsm-index-container .SAM-handle span { color: #666;display: inline-block;*display: inline/*IE7*/;width: 48%;height: 20px;*zoom: 1/*IE7*/;}
  300. .dsm-index-container .SAM-handle i { text-align: center; display: inline-block;*display: inline/*IE7*/;width: 20px;height: 20px;*zoom: 1/*IE7*/;}
  301. .dsm-index-container .SAM-handle i.mobile {margin-right: 4px;font-size: 25px;}
  302. .dsm-index-container .SAM-handle i.mail {margin-right: 6px;font-size: 20px;}
  303. .dsm-index-container .SAM-handle a { color: #FF966E;}
  304. .dsm-index-container .SAM-handle em { color: #5BB75B;}
  305. .dsm-index-container .title { margin: 15px;}
  306. .dsm-index-container .title h3 { font-size: 14px;font-weight: 600;line-height: 16px;display: inline-block;height: 16px;padding-left: 5px;border-left: solid 3px #FD6760;}
  307. .dsm-index-container .title ul { font-size: 0;*word-spacing:-1px/*IE6、7*/;vertical-align: top;display: inline-block;*display: inline/*IE6、7*/;margin-left: 80px;overflow: hidden;*zoom: 1/*IE7*/;}
  308. .dsm-index-container .title ul li { font-size: 12px;line-height: 14px;vertical-align: middle;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline;height: 14px;padding: 0 20px;margin-left: -1px;border-left: solid 1px #E7E7E7;*zoom: 1;}
  309. .dsm-index-container .title ul li em { font-family: Arial;color: #999;margin: 0 4px;}
  310. .dsm-index-container .title ul li a { text-decoration: none;color: #333;}
  311. .dsm-index-container .title ul li a:hover, .dsm-index-container .title ul li a em { color: #FD6760;}
  312. .dsm-index-container .null-tip { text-align: center;margin: 40px auto auto;}
  313. .dsm-index-container #transaction .null-tip,
  314. .dsm-index-container #shopping .null-tip { margin: 70px auto auto;font-size: 48px;color: #ccc;}
  315. .dsm-index-container .null-tip dt {display: inline-block;*display: inline/*IE7*/;width: 50px;height: 50px;margin: 0 auto;*zoom: 1/*IE7*/;}
  316. .dsm-index-container #transaction dt { background:#fff;}
  317. .dsm-index-container #favoritesGoods dt.iconfont,
  318. .dsm-index-container #favoritesStore dt.iconfont { background:#fff;font-size:38px;color: #ccc;}
  319. .dsm-index-container #browseMark dt { background:#fff;font-size:12px;color: #ccc;}
  320. .dsm-index-container #browseMark dt .iconfont{font-size:38px;}
  321. .dsm-index-container .null-tip dd {}
  322. .dsm-index-container .null-tip h4 { font: 16px/24px "microsoft yahei";color: #777}
  323. .dsm-index-container .null-tip h5 { font: 12px/20px "microsoft yahei";color: #BBB;margin-bottom: 12px;}
  324. .dsm-index-container #transaction .null-tip h4 { color: #DD997F;}
  325. .dsm-index-container #transaction .null-tip h5 { color: #E8BCAA;}
  326. /*交易提醒*/
  327. .dsm-index-container .order-list {height:270px;overflow:hidden;}
  328. .dsm-index-container .order-list ul { width: 95%;margin: 0 auto;}
  329. .dsm-index-container .order-list li { background-color: #FAECE0;padding: 8px;margin-bottom: 12px;}
  330. .dsm-index-container .order-list .dsm-goods-thumb,
  331. .dsm-index-container .order-list .dsm-goods-info,
  332. .dsm-index-container .order-list .dsm-btn { vertical-align: top;display: inline-block;*display: inline/*IE7*/;*zoom: 1/*IE7*/;}
  333. .dsm-index-container .order-list .dsm-goods-thumb { position: relative;z-index: 1;}
  334. .dsm-index-container .order-list .dsm-goods-thumb em { font-weight: 600;color: #FFF;background: #EC4F4A;padding: 0 4px;position: absolute;z-index: 1;top: 0;right: 2px;}
  335. .dsm-index-container .order-list .dsm-goods-info { width: 430px;margin: 0 10px;}
  336. .dsm-index-container .order-list .dsm-goods-info dt a { text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;display: inline-block;*display: inline/*IE7*/;max-width: 360px;*zoom:1/*IE7*/;overflow: hidden;}
  337. .dsm-index-container .order-list .dsm-goods-info dt span { font-weight: normal;margin-left: 6px;}
  338. .dsm-index-container .order-list .dsm-goods-info dt strong { font-weight: 600;color: #EC4F4A;margin: 2px;}
  339. .dsm-index-container .order-list .dsm-goods-info dd span { display: inline-block;*display: inline/*IE7*/;*zoom:1/*IE7*/;}
  340. .dsm-index-container .order-list .dsm-goods-info .order-date { width: 200px;}
  341. .dsm-index-container .order-list .dsm-goods-info .order-state a { margin-left: 8px;color: #099;text-decoration: none;}
  342. .dsm-index-container .order-list .dsm-goods-info .order-state a i { font-size: 14px;margin-right: 4px;}
  343. .dsm-index-container .order-list .dsm-btn { margin-top: 15px;}
  344. /*购物车*/
  345. .dsm-index-container .cart-list {}
  346. .dsm-index-container .cart-list ul { width: 95%;height: 216px;margin: 0 auto;}
  347. .dsm-index-container .cart-list li { background-color: #FFF;padding: 0 8px;margin-bottom: 12px;}
  348. .dsm-index-container .cart-list .dsm-goods-thumb,
  349. .dsm-index-container .cart-list .dsm-goods-info { vertical-align: top;display: inline-block;*display: inline/*IE7*/;*zoom: 1/*IE7*/;}
  350. .dsm-index-container .cart-list .dsm-goods-info { width: 210px;margin: 0 0 0 10px;}
  351. .dsm-index-container .cart-list .dsm-goods-info dt a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;display: inline-block;*display: inline/*IE7*/;width: 100%;*zoom:1/*IE7*/;}
  352. .dsm-index-container .cart-list .dsm-goods-info dd span { display: inline-block;*display: inline/*IE7*/;*zoom:1/*IE7*/;}
  353. .dsm-index-container .cart-list .dsm-goods-info dd .sale { line-height: 16px;color: #FFF;background-color: #EC4F4A;height: 16px;padding: 0 4px;margin-left: 8px;}
  354. /*收藏商品*/
  355. .dsm-index-container .dsm-favorites-goods .ds-carousel-prev-horizontal,
  356. .dsm-index-container .dsm-favorites-goods .ds-carousel-next-horizontal { top: 25%;}
  357. .dsm-index-container .dsm-favorites-goods li { text-align: center;width:25%}
  358. .dsm-index-container .dsm-favorites-goods .dsm-goods-thumb-120 { margin: 0 auto;position: relative;z-index: 1;}
  359. .dsm-index-container .dsm-favorites-goods .dsm-goods-price em { color: #FFF;background-color: #F33;padding: 0 4px;position: absolute;z-index: 1;bottom: 0;right: 0;}
  360. .dsm-index-container .dsm-favorites-goods .dsm-goods-name { text-overflow: ellipsis;white-space: nowrap;display: block;height: 20px;padding: 0 6px;margin-top: 8px;overflow: hidden;}
  361. /*收藏店铺\好友动态\我的足迹*/
  362. .dsm-index-container .dsm-favorites-store,
  363. .dsm-index-container .dsm-browse-mark { padding-top: 8px;height: 190px;overflow: hidden;}
  364. .dsm-index-container .dsm-favorites-store li,
  365. .dsm-index-container .dsm-browse-mark li { text-align: center;width:33.33%}
  366. .dsm-index-container .dsm-favorites-store .dsm-store-pic,
  367. .dsm-index-container .dsm-browse-mark .dsm-goods-pic { width: 80px;height: 80px;margin: 0 auto;}
  368. .dsm-index-container .dsm-favorites-store .dsm-store-pic a,
  369. .dsm-index-container .dsm-browse-mark .dsm-goods-pic a { line-height: 0;background-color: #FFF;text-align: center;vertical-align: middle;display: table-cell;*display: block;width: 80px;height: 80px;overflow: hidden;}
  370. .dsm-index-container .dsm-favorites-store .dsm-store-pic a img,
  371. .dsm-index-container .dsm-browse-mark .dsm-goods-pic a img { max-width: 80px;max-height: 80px;margin-top:expression(80-this.height/2);*margin-top:expression(40-this.height/2)/*IE6,7*/;border-radius: 40px;}
  372. .dsm-index-container .dsm-favorites-store dl,
  373. .dsm-index-container .dsm-browse-mark {}
  374. .dsm-index-container .dsm-favorites-store dt,
  375. .dsm-index-container .dsm-browse-mark dt { line-height: 16px;height: 32px;padding: 4px 8px 2px 8px;overflow: hidden;}
  376. .dsm-index-container .dsm-favorites-store dd,
  377. .dsm-index-container .dsm-browse-mark dd { color: #999;}
  378. .dsm-index-container .ds-carousel-skin { height: 136px;overflow: hidden;}
  379. .dsm-index-container .dsm-favorites-goods .ds-carousel-skin { height: 144px;}
  380. .dsm-index-container .normal .ds-carousel-prev-horizontal,
  381. .dsm-index-container .normal .ds-carousel-next-horizontal { top: 29px;}
  382. .dsm-index-container .ds-carousel-prev-horizontal,
  383. .dsm-index-container .ds-carousel-next-horizontal { display: none !important;}
  384. .dsm-index-container .ds-carousel-skin:hover .ds-carousel-prev-horizontal,
  385. .dsm-index-container .ds-carousel-skin:hover .ds-carousel-next-horizontal { display: block !important;}
  386. /* 用户中心右侧主体内容 BEGIN */
  387. .cursubmenu{font-size: 24px;line-height: 1.2;padding: 8px 0 0 2px;color:#3a3a3a;height: 42px;border-bottom: 1px solid #dedede;}
  388. .tabmenu { background-color: #FFF;width:100%;display: block;position: relative;z-index: 1;}
  389. .tabmenu .tab {padding: 18px 3px 30px;overflow: hidden;}
  390. .tabmenu .tab li { float: left;margin-right: 10px;padding: 5px 16px;font-size: 14px;background-color: #f2f2f2;}
  391. .tabmenu .tab .active,.tabmenu .tab li:hover{background-color: #2d2d2d;}
  392. .tabmenu .tab li a {color:#666;}
  393. .tabmenu .tab .active a ,.tabmenu .tab li:hover a {color:#fff;}
  394. .tabmenu .text-intro { line-height: 20px;color: #999;position: absolute;z-index: 99;top: 5px;right: 5px;}
  395. .tabmenu a.dsm-btn { padding: 5px 13px;position: absolute;z-index: 1;top: 8px;right: 0px;}
  396. /* 用户中心右侧主体内容 END */
  397. /* 内容部分通用搜索样式 */
  398. .dsm-search-table { color: #999;width: 100%;border-bottom: solid 1px #E6E6E6;margin-bottom:10px;}
  399. .dsm-search-table th { font-size: 13px;line-height: 22px;text-align: right;width: 60px;padding: 8px 8px 8px 0;}
  400. .dsm-search-table td { text-align: left;padding: 8px 0;}
  401. .dsm-search-table input.text { vertical-align: middle;width: 148px;}
  402. .dsm-search-table .add-on { vertical-align: top;}
  403. .dsm-search-table input[type="submit"],
  404. .dsm-search-table input.submit,
  405. .dsm-search-table a.submit { font: 12px/40px "microsoft yahei";color: #333;background-color: #F5F5F5;width: 64px;height: 40px;padding: 0;border: 0;cursor: pointer;border:1px solid #CCC;}
  406. .dsm-search-table input[type="submit"]:hover { background-color: #E6E6E6;color: #333;}
  407. /* 内容部分通用表格样式 */
  408. .dsm-default-table { line-height:20px;width: 100%;border-collapse: collapse;clear: both;font-size:13px;}
  409. .dsm-default-table thead th { color: #999;background-color: #f8f8f8;text-align:center;height: 20px;padding: 8px 0;}
  410. .dsm-default-table thead td,
  411. .dsm-default-table tfoot th { background-color: #FFF;height: 20px;padding: 5px 0;border-bottom: solid 1px #d2d2d2;}
  412. .dsm-default-table tfoot th { border-top: solid 1px #E6E6E6;}
  413. .dsm-default-table thead td .checkall,
  414. .dsm-default-table tfoot th .checkall { vertical-align: middle;display: inline-block;*display: inline/*IE7*/;margin: 0 4px 0 8px;*zoom: 1;}
  415. .dsm-default-table thead td label,
  416. .dsm-default-table tfoot th label { color: #777;vertical-align: middle;display: inline-block;*display: inline/*IE7*/;margin-right: 10px;cursor: pointer;*zoom:1;}
  417. .dsm-default-table tbody th { background-color: #FAFAFA;border: solid #E6E6E6;border-width: 1px 0;padding: 4px 0;}
  418. .dsm-default-table tbody th span { display: inline-block;vertical-align: middle;margin-right: 30px;}
  419. .dsm-default-table tbody th span.goods-name { text-overflow: ellipsis;white-space: nowrap;width: 240px;height: 20px;overflow: hidden;}
  420. .dsm-default-table tbody th a.share-goods { float: right;margin-right: 10px;color: #999;}
  421. .dsm-default-table tbody th a:hover.share-goods { color: #333;text-decoration: none;}
  422. .dsm-default-table tbody th a.share-goods i { vertical-align: middle;}
  423. .dsm-default-table tbody th a.order-trash { float: right;margin-right: 10px;color: #999;padding-right: 10px;border-right: solid 1px #DDD;margin-right: 10px;}
  424. .dsm-default-table tbody th a:hover.order-trash { color: #F33;text-decoration: none;}
  425. .dsm-default-table tbody th a.order-trash i { font-size: 14px;vertical-align: middle;}
  426. .dsm-default-table tbody td { color: #999;background-color: #FFF;text-align: center;padding: 10px 5px;}
  427. .dsm-default-table tbody tr.bd-line td { border-bottom: solid 1px #E7E7E7;}
  428. .dsm-default-table tbody td strong { color: #666;}
  429. .dsm-default-table tfoot td { background-color: #FFF;text-align: center;padding: 10px 0;}
  430. .dsm-default-table td .pic-thumb { line-height: 0;background-color: #FFF;text-align: center;vertical-align: middle;display: table-cell;*display: block;width: 32px;height: 32px;padding: 2px;border: solid 1px #F5F5F5;overflow: hidden;}
  431. .dsm-default-table td .pic-thumb img { max-width: 32px;max-height: 32px;margin-top:expression(32-this.height/2);*margin-top:expression(16-this.height/2)/*IE6,7*/;}
  432. .dsm-default-table td .goods-name { border: none;overflow: hidden;}
  433. .dsm-default-table td .goods-name dt { font-size: 12px;line-height: 16px;color: #333;text-overflow: ellipsis;display: block;text-align: left;width: 320px!important;height:32px;margin-bottom: 4px;overflow: hidden;}
  434. .dsm-default-table td .goods-name dt span { line-height: 16px;color: #FFF;background-color: #DA542E;display: inline-block;*display: inline/*IE7*/;height: 16px;padding: 1px 3px;border-radius: 2px;margin-right: 4px;zoom: 1;}
  435. .dsm-default-table td .goods-name dd { line-height: 20px;display: block;height: 20px;}
  436. .dsm-default-table td span.sale-type { line-height: 16px;color:#FFF;background-color: #FD6760;height: 16px;padding: 2px 4px;border-radius: 2px;}
  437. .dsm-default-table td .goods-price { font-weight: 600;color: #666;background:url(../images/rmb_s.gif) no-repeat 0 3px;padding-left: 10px;}
  438. /*订单赠品*/
  439. .dsm-goods-gift {}
  440. .dsm-goods-gift ul { font-size: 0;*word-spacing:-1px/*IE6、7*/;display: inline-block;vertical-align: middle;}
  441. .dsm-goods-gift li { vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;margin-right: 4px;*zoom: 1;}
  442. .dsm-goods-gift li a {line-height: 0;background-color: #FFF;text-align: center;vertical-align: middle;display: table-cell;*display: block;width: 30px;height: 30px;overflow: hidden;}
  443. .dsm-goods-gift li a img { max-width: 30px;max-height: 30px;margin-top:expression(30-this.height/2);}
  444. .order tbody.pay { box-shadow: 0 3px 0 rgba(204,204,204,0.15);}
  445. .order tbody tr td.sep-row { height:12px;padding:0;border:0;}
  446. .order tbody.pay tr td.sep-row { background-color: #FFF;padding:0;border:0;}
  447. .order tbody tr:hover td.sep-row { background-color: #FFF;border:0;}
  448. .order tbody tr th { border: solid 1px #E7E7E7;}
  449. .order tbody.pay tr th { background-color: #FFF;border: solid 1px #F9DBCC;}
  450. .order tbody tr td { border-bottom: 1px solid #E7E7E7;vertical-align: top;}
  451. .order tbody.pay tr td { background-color: #FFF; border-bottom: 1px solid #F9DBCC;vertical-align: top;}
  452. .order tbody.pay tr td.pay-td { background-color: #f9f9f9;padding: 9px 0;border: solid 1px #F9DBCC;text-align: left;}
  453. .order tbody.pay tr td.pay-td span { font-weight: 600;color: #53514F;}
  454. .order tbody.pay tr td.pay-td span em { font-size: 16px;color: #EC4F4A;font-weight: 600;vertical-align: middle;}
  455. .order tbody tr td.bdl { border-left: 1px solid #E7E7E7;}
  456. .order tbody tr td.bdr { border-right: 1px solid #E7E7E7;}
  457. .order tbody.pay tr td.bdl { border-left: 1px solid #F9DBCC;}
  458. .order tbody.pay tr td.bdr { border-right: 1px solid #F9DBCC;}
  459. .order .norecord {border-bottom:0 !important;}
  460. /* 警示信息文字 */
  461. .warning-option { font-size: 0;line-height: 32px;color: #666;*word-spacing:-1px/*IE6、7*/;text-align: center;margin: 100px auto;}
  462. .warning-option i {position:relative; font-size: 24px;line-height: 32px;vertical-align: middle;letter-spacing: normal;word-spacing: normal;display: inline-block;width: 48px;height: 48px;margin-right: 8px;}
  463. .warning-option span { font: 600 16px/48px "microsoft yahei";vertical-align: middle;letter-spacing: normal;word-spacing: normal;display: inline-block;}
  464. .warning-option i, .warning-option span { *display: inline/*IE6,7*/;}
  465. .warning-option i:after{font: 14px/1 iconfont;content: "\e64c";color:orange;position:absolute;font-size: 32px;top:10px;left:10px}
  466. /* 验证错误提示 */
  467. #warning { display: none;position:relative;font: 14px/1 iconfont;padding: 6px 12px 12px 100px;min-height: 60px;}
  468. #warning:before{content: "\e64c";position:absolute;left:20px;font-size:30px;color:#ff7400}
  469. #warning label { display: block;margin: 4px 0 0 0;}
  470. #warning label.error { font-family: "microsoft yahei";font-size: 1.4em;line-height: 20px;color: #D50000;padding-left: 12px;}
  471. .alert { color: #C09853;background-color: #FCF8E3;padding: 9px 14px;margin: 10px auto;border: 1px solid #FBEED5;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
  472. .alert a { color: #927036;text-decoration: underline;}
  473. .alert h4 { font-size: 16px;font-weight: bold;line-height: 1.5em;margin-bottom: 2px;}
  474. .alert-success { color: #468847;background-color: #DFF0D8;border-color: #D6E9C6;}
  475. .alert-info { color: #3A87AD;background-color: #D9EDF7;border-color: #BCE8F1;}
  476. .alert-error { color: #B94A48;background-color: #F2DEDE;border-color: #EED3D7;}
  477. .alert-block { padding-top: 14px;padding-bottom: 14px;}
  478. .alert ul { font-size: 12px;}
  479. .alert li { margin-bottom: 6px;}
  480. .alert li em { font-weight: 600;color: #F30;margin: 0 2px;}
  481. .alert i { font-size: 14px;margin-right: 4px;vertical-align: middle;}
  482. /* 通用页内表单提交类型样式 */
  483. .dsm-default-form {}
  484. .dsm-default-form h3 { font-weight: 600;line-height: 22px;color: #555;clear: both;background-color: #F5F5F5;padding: 5px 0 5px 12px;border-bottom: solid 1px #E7E7E7;}
  485. .dsm-default-form dl { font-size: 0;*word-spacing:-1px/*IE6、7*/;line-height: 20px;clear: both;padding: 0;margin: 0;border-bottom: dotted 1px #E6E6E6;overflow: hidden;}
  486. .dsm-default-form dl:hover { background-color: #FCFCFC;}
  487. .dsm-default-form dl:hover .hint { color: #666;}
  488. .dsm-default-form dl.bottom { border-bottom-width: 0px;}
  489. .dsm-default-form dl dt,
  490. .dsm-default-form dl dd { font-size: 13px;line-height:40px;vertical-align: top;letter-spacing: normal;word-spacing: normal;text-align: right;display: inline-block;width: 14%;padding: 10px 1% 10px 0;margin: 0;*display: inline/*IE6,7*/;*zoom: 1;}
  491. .dsm-default-form dl dt i.required { font: 14px/16px Tahoma;color: #F30;vertical-align: middle;margin-right: 4px;}
  492. .dsm-default-form dl dd { text-align: left;width: 85%;padding: 10px 0 10px 0;}
  493. .dsm-default-form dl dd span { display: inline-block;*line-height: 20px;*display: inline;*height: 20px;*margin-top: 6px;*zoom:1;}
  494. .dsm-default-form dl dd p { clear: both;}
  495. .dsm-default-form dl dd .hint { color: #AAA;}
  496. .dsm-default-form div.bottom { text-align: center;}
  497. .dsm-default-form .dssc-upload-thumb { background-color: #FFF;display: block;border: dashed 1px #E6E6E6;position: relative;z-index: 1;}
  498. .dsm-default-form .dssc-upload-thumb:hover { border-style: solid;border-color: #27A9E3;}
  499. .dsm-default-form .dssc-upload-thumb p { line-height: 0;background-color: #FFF;text-align: center;vertical-align: middle;display: table-cell;*display: block/*IE6,7*/;width: 100px;height: 100px;overflow: hidden;}
  500. .dsm-default-form .dssc-upload-thumb i { font-size: 48px;color: #CCC;}
  501. .dsm-default-form .dssc-upload-thumb a { font: 10px/14px Tahoma;background-color: #FFF;text-align: center;vertical-align: middle;display: none;width: 14px;height: 14px;border: 1px solid;border-radius: 8px 8px 8px 8px;position: absolute;z-index: 2;top: -8px;right: -8px;}
  502. .dsm-default-form .dssc-upload-thumb:hover a { color: #27A9E3;display: block;border-color: #27A9E3;}
  503. .dsm-default-form .dssc-upload-thumb:hover a:hover { text-decoration: none;}
  504. .dsm-default-form .upload-appeal-pic { border: dotted 1px #D8D8D8;padding: 5px;width: 250px;margin-left: 32px;}
  505. .dsm-default-form .upload-appeal-pic p { padding: 5px;}
  506. .dsm-default-form .handle { height: 30px;margin: 10px 0;}
  507. .bottom .submit{font: 15px/40px "microsoft yahei";text-align: center;*min-width: auto;height:40px;border:none;padding:0 60px;border-radius:1px;margin:10px auto;display: inline;}
  508. .bottom a.submit{width: 100px;margin: 0 auto;}
  509. .bottom .submit[disabled="disabled"] { color: #999;text-shadow: none;background-color: #DCDCDC;border: solid 1px;border-color: #DCDCDC;cursor: default;display: inline;}
  510. .bottom .dsm-btn { font-size: 14px;vertical-align: top;padding: 9px 19px;margin: 10px auto;}
  511. /* 通用弹出式窗口样式 */
  512. .eject_con { background-color: #FFF;overflow: hidden;}
  513. .eject_con h3 { font: 14px/36px "microsoft yahei";text-align: center;height: 36px;margin-top: 10px;}
  514. .eject_con dl { font-size: 0;*word-spacing:-1px/*IE6、7*/;line-height: 20px;clear: both;padding: 0;margin: 0;overflow: hidden;}
  515. .eject_con dl dt,
  516. .eject_con dl dd { font-size: 12px;line-height: 32px;vertical-align: top;letter-spacing: normal;word-spacing: normal;text-align: right;display: inline-block;width: 19%;padding: 10px 1% 0 0;margin: 0;*display: inline/*IE6,7*/;*zoom: 1;}
  517. .eject_con dl dt i.required { font: 12px/16px Tahoma;color: #F30;vertical-align: middle;margin-right: 4px;}
  518. .eject_con dl dd { text-align: left;width: 80%;padding: 10px 0 0 0;}
  519. .eject_con-list { margin-top: 4px;}
  520. .eject_con-list li { line-height: 24px;}
  521. .eject_con-list li .radio { vertical-align: middle;margin-right: 4px;}
  522. .eject_con .bottom { background-color:#F9F9F9;text-align: center;border-top: 1px solid #EAEAEA;margin-top:12px;}
  523. .eject_con .alert { margin: 5px;}
  524. .dsmc-chain { background-color: #F5F5F5;min-height: 250px;padding: 10px 5px 10px 20px;margin: 10px;position: relative;z-index: 1;}
  525. .dsmc-chain ul { width: 570px;height: 200px;}
  526. .dsmc-chain ul li { height: 20px;padding: 9px;margin: 1px;}
  527. .dsmc-chain ul li.select { background:#FFF;border: solid 1px #ff966e;margin: 0;}
  528. .dsmc-chain .chain-map { background-color: #FFF;width: 250px;height: 250px;position: absolute;z-index: 1;top: 10px;right: 10px;}
  529. .dsmc-chain .pagination { clear: both;}
  530. .dsmc-chain .pagination ul { width: auto;height: auto;}
  531. .dsmc-chain .pagination ul li { height: auto;padding: 0;}
  532. .dsmc-chain .pagination ul li span { font-size: 12px;padding: 2px;}
  533. /* 评价评分样式 */
  534. .raty { font-size: 0;line-height: 0;*word-spacing:-1px/*IE6、7*/;vertical-align: middle;display: inline-block;}
  535. .raty img { letter-spacing: normal;word-spacing: normal;display: inline-block;width: 16px;height: 16px;margin: 2px 0;}
  536. /*订单详情相关
  537. -------------------------------------------*/
  538. .dsm-oredr-show {}
  539. .dsm-order-info { font-size: 0;*word-spacing:-1px/*IE6、7*/;border: solid 1px #D8D8D8;position: relative;z-index: 2;}
  540. .dsm-order-details { background-color: #FBFBFB;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;*zoom: 1/*IE7*/;width: 359px;border-right: solid 1px #D8D8D8;}
  541. .dsm-order-details .title { font-size: 12px;font-weight: 600;line-height: 20px;background-color: #F3F3F3;height: 20px;padding: 9px;border-bottom: solid 1px #D8D8D8;}
  542. .dsm-order-details .content { display: block;width: auto;padding: 17px 17px 7px 17px;}
  543. .dsm-order-details .content dl,
  544. .dsm-order-contnet .daddress-info { font-size: 0;*word-spacing:-1px/*IE6、7*/;margin-bottom: 10px;}
  545. .dsm-order-details .content dl.line { padding-top: 10px;border-top: dotted 1px #D8D8D8;}
  546. .dsm-order-details .content dl dt,
  547. .dsm-order-details .content dl dd,
  548. .dsm-order-contnet .daddress-info dt,
  549. .dsm-order-contnet .daddress-info dd { font-size: 12px;line-height: 20px;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;*zoom: 1/*IE7*/;}
  550. .dsm-order-details .content dl dt { color: #888;width: 20%;}
  551. .dsm-order-details .content dl dd { color: #666;width: 80%;}
  552. .dsm-order-details .content dl dd span { margin-right: 6px;}
  553. .dsm-order-details .content dl dd a,
  554. .dsm-order-contnet .daddress-info dd a { color: #666;float: right;padding: 0 5px 0 10px;position: relative;z-index: 1;}
  555. .dsm-order-details .content dl dd a:hover,
  556. .dsm-order-contnet .daddress-info dd a:hover { text-decoration: none;color: #F33;z-index: 2;}
  557. .dsm-order-details .content dl dd a i,
  558. .dsm-order-contnet .daddress-info dd a i { font-size: 10px;margin-left: 4px;}
  559. .dsm-order-details .content dl dd a .more,
  560. .dsm-order-contnet .daddress-info dd a .more { background-color: #FBFBFB;display: none;width: 323px;padding: 10px;border: solid 1px #CCC;position: absolute;z-index: 1;right: -10px;top: 25px;box-shadow: 2px 2px 0 rgba(153,153,153,0.15)}
  561. .dsm-order-details .content dl dd a:hover .more,
  562. .dsm-order-contnet .daddress-info dd a:hover .more { display: block;}
  563. .dsm-order-details .content dl dd a .more .arrow,
  564. .dsm-order-contnet .daddress-info dd a .more .arrow { width: 0px;height: 0px;position: absolute;z-index: 2;top: -12px;right: 30px;border:6px solid ;border-color:transparent transparent #ccc transparent }
  565. .dsm-order-contnet .daddress-info dd a .more .arrow:after{content: '' ;width: 0;height: 0;border:6px solid ;border-color: transparent transparent #fff transparent;position: absolute;left:-6px;top:-5px;}
  566. .dsm-order-details .content dl dd a .more ul {}
  567. .dsm-order-details .content dl dd a .more li,
  568. .dsm-order-contnet .daddress-info dd a .more li { line-height: 24px;color: #888;}
  569. .dsm-container #container { width: 320px;height: 320px;}
  570. .dsm-order-details .content dl dd a .more li span,
  571. .dsm-order-contnet .daddress-info dd a .more li span { color: #666;display: inline;}
  572. .dsm-order-details .content dl dd .msg { text-align: left;margin-top: 5px;}
  573. .dsm-order-details .content dl dd .msg a { float: none;padding: 0;margin-right: 5px;}
  574. .dsm-order-condition { font-size: 12px;background-color: #FFF;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;width: 526px;*zoom: 1/*IE7*/;padding: 20px 30px;}
  575. .dsm-order-condition dl { font-size: 0;*word-spacing:-1px/*IE6、7*/;display: block;padding-bottom: 15px;margin-bottom: 20px;border-bottom: dotted 1px #E7E7E7;}
  576. .dsm-order-condition dl dt,
  577. .dsm-order-condition dl dd { font: normal 16px/32px "microsoft yahei", Arial ;color: #333;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;*zoom: 1/*IE7*/;}
  578. .dsm-order-condition dl dt { margin-left: 30px;}
  579. .dsm-order-condition dl dt i { font-size: 30px;font-weight: normal;vertical-align: middle;margin-right: 10px;}
  580. .dsm-order-condition ul { margin-left: 40px;}
  581. .dsm-order-condition li { display: block;margin-bottom: 10px;}
  582. .dsm-order-condition li .dsm-btn-mini { margin: 0 5px;}
  583. .dsm-order-condition li time { font-family: Tahoma;color: #C63;margin: 0 5px;}
  584. .dsm-order-info .mall-msg { font-size: 12px;font-weight: 600;color: #999;position: absolute;z-index: 1;bottom: 5px;right: 10px;}
  585. .dsm-order-info .mall-msg a { font-weight: normal;color: #06C;margin-left: 4px;}
  586. .dsm-order-info .mall-msg a:hover { text-decoration: none;}
  587. .dsm-order-step { font-size: 0;*word-spacing:-1px/*IE6、7*/;margin-top: 30px;position: relative;z-index: 1;}
  588. .dsm-order-step dl { font-size: 12px;line-height: 20px;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;width: 200px;height: 36px;margin: 50px 0 60px 20px;position: relative;z-index: auto;*zoom: 1/*IE7*/;}
  589. .dsm-order-step dl.step-first { background-position: -240px -130px;width: 0px;margin-left: 50px}
  590. .dsm-order-step dl.long { background-position: -115px -370px;width: 385px;}
  591. .dsm-order-step dl dt { font-weight: 600;text-align: center;width: 70px;position: absolute;z-index: 1;top: -30px;right: -40px;}
  592. .dsm-order-step dl.current dt { color: #FD6760;}
  593. .dsm-order-step dl:after{width:100%;height:10px;background: #ddd;position:absolute;z-index:1;top:13px;content: '';display: block}
  594. .dsm-order-step dl.current dd.bg{background: #FD6760;z-index: 2;font: 14px/1 iconfont;width:100%;height: 5px;margin-top:16px;position: relative}
  595. .dsm-order-step dl:before{width:36px;height: 36px;border-radius: 100%;background: #ddd;position: absolute;right: -26.7px;display: block;content: '';top:0.5px}
  596. .dsm-order-step dl.step-first dd.bg{width:0px;}
  597. .dsm-order-step dl dd.date { font: 12px/20px Tahoma, Arial;color: #999;text-align: center;display: none;width: 120px;position: absolute;z-index: 2;bottom: -40px;right: -72px;}
  598. .dsm-order-step dl.current dd{display: block}
  599. .dsm-order-step dl.current dd.bg:before{content: "\e64d";position: absolute;font-size: 32px;right: -24px;top:-12.8px;z-index: 9;color: #FD6760}
  600. /*积分兑换订单详情页面的特殊性*/
  601. .dsm-order-condition .dsm-order-step { margin: -5px;}
  602. .dsm-order-condition .dsm-order-step dl { border: none;padding: 0;}
  603. .dsm-order-condition .dsm-order-step dl dt { font-size: 12px;line-height: 20px;margin: 0;}
  604. /*线下抢订单详情页面的特殊性*/
  605. .dsm-order-step .code-list { font-size: 12px;background-color: #F9F9F9;width: 398px;padding: 9px;margin: -50px 0 0 400px;border: solid 1px #CCC;position: relative;z-index: 1;box-shadow: 3px 3px 0 rgba(153,153,153,0.05);}
  606. .dsm-order-step .code-list .arrow {width: 0px;height: 0px;position: absolute;z-index: 1;top: -12px;left: 90px;border:6px solid;border-color: transparent transparent #ccc transparent;}
  607. .dsm-order-step .code-list .arrow:after{content: '' ;width: 0;height: 0;border:6px solid ;border-color: transparent transparent #F9F9F9 transparent;position: absolute;left:-6px;top:-5px;}
  608. .dsm-order-step .code-list h5 { font-size: 14px;line-height: 16px;font-weight: 600;display: inline-block;height: 16px;padding-left: 5px;border-left: 3px solid #FD6760;}
  609. .dsm-order-step .code-list h5 em { font-size: 12px;color: #09C;}
  610. .dsm-order-step .code-list #codeList { max-height: 135px;position: relative;z-index: auto;overflow: hidden;}
  611. .dsm-order-step .code-list ul { }
  612. .dsm-order-step .code-list li { color: #999;background-color: #FCFCFC;padding: 4px;margin-top: 5px;}
  613. .dsm-order-step .code-list li:hover { background-color: #FFF;box-shadow: 0 0 5px rgba(204,204,204,0.75);}
  614. .dsm-order-step .code-list li strong { font-family: Tahoma;font-size: 14px;font-weight: 600;color: #090;margin: 0 20px 0 5px;}
  615. .dsm-order-step .code-list li.used { color: #F90;background-color: transparent;box-shadow: none;}
  616. .dsm-order-step .code-list li.used strong { color: #999;}
  617. .dsm-order-contnet { margin-top: 30px;}
  618. .dsm-order-contnet .dsm-default-table { border: solid 1px #D8D8D8;}
  619. .dsm-order-contnet tbody th,
  620. .dsm-order-contnet tfoot th { background-color: #F3FAFE;}
  621. .dsm-order-contnet tbody td.refund span { background-color: #69AA46;color: #FFF;margin-left: 4px;padding: 1px 2px;}
  622. .dsm-order-contnet .order-deliver,
  623. .dsm-order-contnet .daddress-info { margin: 5px 10px;}
  624. .dsm-order-contnet .order-deliver span { margin-right: 30px;}
  625. .dsm-order-contnet .order-deliver a { color: #0279B9;position: relative;z-index: 1;}
  626. .dsm-order-contnet .order-deliver a:hover { color: #F33;text-decoration: none;}
  627. .dsm-order-contnet .order-deliver a i { font-size: 10px;margin-left: 4px;}
  628. .dsm-order-contnet .order-deliver a .more { line-height: 28px;background-color: #FBFBFB;display: none;width: 480px;padding: 10px;border: 1px solid #CCCCCC;position: absolute;z-index: 1;top: 20px;left: -200px;box-shadow: 2px 2px 0 rgba(153, 153, 153, 0.15);}
  629. .dsm-order-contnet .order-deliver a .more .arrow { width: 0px;height: 0px;position: absolute;z-index: 1;top: -12px;left: 220px;border:6px solid ;border-color:transparent transparent #ccc transparent}
  630. .dsm-order-contnet .order-deliver a .more .arrow:after{content: '' ;width: 0;height: 0;border:6px solid ;border-color: transparent transparent #FBFBFB transparent;position: absolute;left:-6px;top:-5px;}
  631. .dsm-order-contnet .order-deliver a:hover .more { color: #555;display: block;}
  632. .dsm-order-contnet .daddress-info dt { color: #888;text-align: right;width: 28%;}
  633. .dsm-order-contnet .daddress-info dd { color: #666;width: 72%;}
  634. .dsm-order-contnet .daddress-info dd a .more { width: 280px;right: 0px;top: 25px;}
  635. .dsm-order-contnet .daddress-info dd a .more .arrow { top: -12px;right: -5px;}
  636. .dsm-order-contnet .dsm-store-sales { font-size: 0;*word-spacing:-1px/*IE6、7*/;margin: 5px 10px;}
  637. .dsm-order-contnet .dsm-store-sales dt,
  638. .dsm-order-contnet .dsm-store-sales dd { font-size: 12px;line-height: 20px;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;*zoom: 1/*IE7*/;}
  639. .dsm-order-contnet .dsm-store-sales dd { margin-right: 20px;}
  640. .dsm-order-contnet .dsm-store-sales dd strong { color: #C33;}
  641. .dsm-order-contnet .dsm-store-sales dd span { margin: 0 5px;}
  642. .dsm-order-contnet tfoot td { background-color: #F5F5F5;}
  643. .dsm-order-contnet tfoot td dl { font-size: 0;*word-spacing:-1px/*IE6、7*/;float: right;clear: both;padding: 2px;}
  644. .dsm-order-contnet tfoot td dl dt,
  645. .dsm-order-contnet tfoot td dl dd { font-size: 12px;line-height: 20px;vertical-align: bottom;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;*zoom: 1/*IE7*/;}
  646. .dsm-order-contnet tfoot td dl dt { width: 100px;text-align: right;}
  647. .dsm-order-contnet tfoot td dl dd { min-width: 120px;text-align: left;}
  648. .dsm-order-contnet tfoot td .sum {font-weight: 600;color: #666;}
  649. .dsm-order-contnet tfoot td .sum em { font: 20px/24px Verdana, Arial;color: #C00;vertical-align: bottom;margin: 0 4px;}
  650. /* 订单物流跟踪 */
  651. .express-log { border: solid 1px #E7E7E7;background: #FAFAFA;margin: 10px 0;padding:10px;line-height: 28px;}
  652. .express-log .loading { background: url(../images/loading.gif) no-repeat scroll left center;padding-left: 24px;}
  653. /* 收藏夹*/
  654. /*显示形式切换*/
  655. .model-switch-btn { color: #777;vertical-align: top;display: inline-block;*display: inline;margin-left: 20px;*zoom: 1;}
  656. .model-switch-btn a { line-height: 16px;text-decoration: none;color: #777;background-color: #F7F7F7;display: inline-block;*display: inline;text-align: center;width: 16px;height: 16px;padding: 3px 2px 1px 2px;margin-left: -1px;border: solid 1px #DDD;position: relative;z-index: 1;*zoom: 1;}
  657. .model-switch-btn a:hover { color: #333;background-color: #E6E6E6;}
  658. .model-switch-btn a i { font-size: 14px;margin: 0;}
  659. .model-switch-btn a.current { color: #FFF;background-color: #FD6760;border-color: #EC4F4A;z-index: 2;cursor: default;}
  660. .pic-model { width: 100%;}
  661. .pic-model ul { font-size: 0;*word-spacing:-1px/*IE6、7*/;width: 976px;text-align: left;border: solid #EEE;border-width: 1px 0 0 1px}
  662. .pic-model ul li { font-size: 12px;background-color: #FFF;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;width: 243px;height: 284px;margin: 0;border-color: #E6E6E6;border-style: solid;border-width: 0 1px 1px 0;position: relative;z-index: 1;*zoom: 1;overflow: hidden;}
  663. .pic-model ul li.expired { background:#F7F7F7;}
  664. .pic-model div.favorite-goods-thumb { background-color: #FFF;width: 220px;height: 220px;position: absolute;z-index: 1;top: 12px;left: 12px;}
  665. .pic-model div.favorite-goods-thumb a { line-height: 0;background-color: #FFF;text-align: center;vertical-align: middle;display: table-cell;*display: block;width: 220px;height: 220px;overflow: hidden;}
  666. .pic-model div.favorite-goods-thumb a img { max-width: 220px;max-height: 220px;margin-top:expression(220-this.height/2);*margin-top:expression(110-this.height/2)/*IE6,7*/;}
  667. .pic-model div.favorite-goods-info { width: 220px;height: 60px;padding: 220px 12px 10px 12px;position: absolute;z-index: 2;top: 0;left: 0;}
  668. .pic-model div.favorite-goods-info dl {filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#F2FFFFFF', endColorstr='#F2FFFFFF');background:rgba(255,255,255,0.95);}
  669. .pic-model div.favorite-goods-info dt { line-height: 18px;height: 36px;margin: 4px 0 0;overflow: hidden;}
  670. .pic-model div.favorite-goods-info dt .checkitem { vertical-align: middle;margin-right: 4px;}
  671. .pic-model div.favorite-goods-info dd {}
  672. .pic-model dl dd .goods-name { line-height: 18px;height: 36px;padding: 2px 0;overflow: hidden;}
  673. .pic-model dl dd .goods-price { height: 20px;}
  674. .pic-model dl dt .checkitem { display:inline-block;}
  675. .pic-model dl dd { width: 100%;}
  676. .pic-model dl dd a.sns-share { display: block;width: 48px;height: 20px;float: right;overflow: hidden;}
  677. .shop-new-goods .detail li a { display:block;width:120px;height:120px;border: solid 1px #E7E7E7;}
  678. .shop-new-goods .operate{ color: #666;width:150px;float: right;margin-top:40px;}
  679. .shop-new-goods .operate .status{ text-align: center;width: 150px;height: 39px;padding: 8px 0px;}
  680. .shop-new-goods .operate .status li { width:65px;height: 40px;float: left;padding: 0px 5px;}
  681. .shop-new-goods .operate .status li .number{ font-family: arial;font-size: 24px;font-weight: 700;color: #FF5400;line-height:32px;}
  682. .shop-new-goods .operate .status li .kind { line-height:24px;}
  683. /*评价晒图*/
  684. /* ====================== */
  685. /* 店铺简介边栏 -> info.php */
  686. /* ====================== */
  687. .dsm-evaluation-store {}
  688. .dsm-evaluation-store .store-name { font: 600 14px/20px arial,"microsoft yahei";color: #555;background-color: #F5F5F5;height: 20px;padding: 6px 10px;border-bottom: solid 1px #EEE;}
  689. .dsm-evaluation-store .store-info { margin: 0 }
  690. .dsm-evaluation-store .store-info dl { font-size: 0;*word-spacing:-1px/*IE6、7*/;display: block;border-bottom: dotted 1px #E6E6E6;padding: 8px 10px;}
  691. .dsm-evaluation-store .store-info dl dt,
  692. .dsm-evaluation-store .store-info dl dd { font-size: 12px;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;*zoom: 1/*IE7*/;}
  693. .dsm-evaluation-store .store-info dl dt { color: #666;text-align: right;width: 30%;}
  694. .dsm-evaluation-store .store-info dl dd { color: #333;white-space: nowrap;text-overflow: ellipsis;width: 70%;overflow: hidden;}
  695. .dsm-evaluation-store .store-info .all-rate .rating { background: url(../images/2014grate.png) no-repeat 0 -18px ;vertical-align: middle;display: inline-block;*display: inline/*IE7*/;width: 79px;height: 17px;margin-right: 5px;*zoom: 1/*IE7*/;}
  696. .dsm-evaluation-store .store-info .all-rate span { background: url(../images/2014grate.png) no-repeat 100% 0;display: block;height: 18px;}
  697. .dsm-evaluation-store .store-info .all-rate em { color: #DA542E;font-weight: 600;vertical-align: middle;margin-right: 2px;}
  698. .dsm-evaluation-store .store-info .detail-rate { clear: both;}
  699. .dsm-evaluation-store .store-info .detail-rate { color: #999;padding: 8px 16px;border-bottom: dotted 1px #E6E6E6;}
  700. .dsm-evaluation-store .store-info .detail-rate h5 { color: #777;margin-bottom: 4px;}
  701. .dsm-evaluation-store .store-info .detail-rate h5 strong { font-weight: 700;margin-right: 55px;}
  702. .dsm-evaluation-store .store-info .detail-rate li { font-size: 0;*word-spacing:-1px/*IE6、7*/;padding: 2px 0 2px 5px;}
  703. .dsm-evaluation-store .store-info .detail-rate li span { font-size: 12px;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;*zoom: 1/*IE7*/;}
  704. .dsm-evaluation-store .store-info .detail-rate .credit { color: #555;width: 35px;margin: 0 25px 0 5px;}
  705. .dsm-evaluation-store .store-info .detail-rate i { color: #FFF;background: url(../images/2014grate.png) no-repeat;vertical-align: middle;display: inline-block;*display: inline/*IE7*/;width: 9px;height: 8px;margin-right: 4px;*zoom: 1/*IE7*/;}
  706. .dsm-evaluation-store .store-info .detail-rate em { color: #FFF;text-align: center;display: inline-block;*display: inline/*IE7*/;width: 40px;margin-left: 2px;*zoom: 1/*IE7*/;}
  707. .dsm-evaluation-store .store-info .detail-rate .high { color: #DA542E;}
  708. .dsm-evaluation-store .store-info .detail-rate .high i { background-position: 0 -40px;}
  709. .dsm-evaluation-store .store-info .detail-rate .high em { background-color: #DA542E;}
  710. .dsm-evaluation-store .store-info .detail-rate .equal { color: #DA542E;}
  711. .dsm-evaluation-store .store-info .detail-rate .equal i { background-position: -18px -40px;}
  712. .dsm-evaluation-store .store-info .detail-rate .equal em { background-color: #DA542E;}
  713. .dsm-evaluation-store .store-info .detail-rate .low { color: #28B779;}
  714. .dsm-evaluation-store .store-info .detail-rate .low i { background-position: -9px -40px;}
  715. .dsm-evaluation-store .store-info .detail-rate .low em { background-color: #28B779;}
  716. .dsm-evaluation-store .store-info .no-border { border: 0!important;padding-bottom: 0!important;}
  717. .dsu-evaluation-store .dsu-form-style { float: right;width: 700px;}
  718. .dsm-evaluation-list {}
  719. .dsm-evaluation-timeline { text-align: left;display: block;padding: 5px 0 15px 0;margin: 30px 0 0 100px;border-left: solid 3px #F5F5F5;position: relative;z-index: 1;}
  720. .dsm-evaluation-timeline .date { font: normal 11px/20px Verdana, Arial;color: #AAA;text-align: center;width: 200px;height: 20px;position: absolute;z-index: 2;top: -25px;left: -55px;}
  721. .dsm-evaluation-timeline .goods-thumb { background-color: #F2F2F2;width: 60px;height: 60px;position: absolute;z-index: 1;top: 5px;left: -80px;}
  722. .dsm-evaluation-timeline .goods-thumb a { text-align: center;vertical-align: middle;display: table-cell;*display: block;width: 60px;height:60px;overflow: hidden;}
  723. .dsm-evaluation-timeline .goods-thumb a img { max-width: 60px;max-height: 60px;margin-top:expression(60-this.height/2);*margin-top:expression(30-this.height/2);}
  724. .dsm-evaluation-timeline .detail { margin: 0 0 0 20px;}
  725. .dsm-evaluation-timeline .detail dt { display: block;margin-bottom: 10px;overflow: hidden;}
  726. .dsm-evaluation-timeline .detail dt .user-name { font: bold 12px/20px "Microsoft Yahei";color: #AAA;float: left;}
  727. .dsm-evaluation-timeline .detail dt time { color: #CCC;float: right;}
  728. .dsm-evaluation-timeline .detail dd { color: #999;margin-bottom: 4px;}
  729. .dsm-evaluation-timeline .detail dd span { color: #555;}
  730. .dsm-evaluation-timeline .detail dd.explain { color: #ff4040;background-color: #FFC;border: dotted 1px #FEF4B1;}
  731. .dsm-evaluation-timeline .detail .photos-thumb { font-size: 0;*word-spacing:-1px/*IE6、7*/;vertical-align: middle;display: inline-block;}
  732. .dsm-evaluation-timeline .detail .photos-thumb li { vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;text-align: center;width: 44px;margin-right: 6px;*zoom: 1;}
  733. .dsm-evaluation-timeline .detail .photos-thumb a { line-height: 0;background-color: #FFF;text-align: center;vertical-align: middle;display: table-cell;*display: block;width: 40px;height: 40px;padding: 1px;border: solid 1px #E6E6E6;overflow: hidden;}
  734. .dsm-evaluation-timeline .detail .photos-thumb a:hover { border-color: #ff4040;}
  735. .dsm-evaluation-timeline .detail .photos-thumb a img { max-width: 40px;max-height: 40px;margin-top:expression(40-this.height/2);*margin-top:expression(20-this.height/2)/*IE6,7*/;}
  736. .evaluation-image { border-bottom: 1px dotted #E6E6E6;overflow: hidden;}
  737. .evaluation-image ul { font-size: 0;*word-spacing:-1px/*IE6、7*/;width: 680px;margin: 15px -15px 0 0;}
  738. .evaluation-image ul li { vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;text-align: center;width: 118px;margin-right: 16px;position: relative;z-index: 1;*zoom: 1;}
  739. .evaluation-image ul li .upload-thumb { line-height: 0;background-color: #FFF;text-align: center;vertical-align: middle;display: table-cell;*display: block;width: 108px;height: 108px;padding: 4px;border: solid 1px #E6E6E6;position: relative;z-index: 1;}
  740. .evaluation-image ul li .upload-thumb img { max-width: 110px;max-height: 108px;margin-top:expression(108-this.height/2);*margin-top:expression(54-this.height/2)/*IE6,7*/;}
  741. .evaluation-image ul li .upload-thumb .del { font-size: 11px;line-height: 16px;color: #C8C8C8;background-color: #FFF;text-align: center;width: 16px;height: 16px;border: solid 1px #D7D7D7;border-radius: 9px;position: absolute;z-index: 1;top: -9px;right: -9px;-webkit-text-size-adjust:none;}
  742. .evaluation-image ul li .upload-thumb .del:hover { color: #FFF;text-decoration: none;background-color:#F30;border-color: #F30;}
  743. .evaluation-image .help { background-color: #FEFEFE;vertical-align: top;width: 280px;display: inline-block;border: dashed 1px #F2F2F2;padding: 9px;margin: 10px 0 0 20px;}
  744. .evaluation-image .help dt { font: bold 12px/20px "microsoft yahei";width: auto;display: block;padding: 0;margin-bottom: 8px;}
  745. .evaluation-image .help dd { width: auto;display: block;padding: 0;}
  746. .evaluation-image .upload-btn { vertical-align: top;display: inline-block;width: 100px;height: 30px;margin: 10px auto;}
  747. .evaluation-image .upload-btn a { display: block;position: relative;z-index: 1;}
  748. .evaluation-image .upload-btn span { width: 100px;height: 30px;position: absolute;left: 0;top: 0;z-index: 2;cursor: pointer;}
  749. .evaluation-image .upload-btn .input-file { width: 100px;height: 30px;padding: 0;margin: 0;border: none 0;opacity:0;filter: alpha(opacity=0);cursor: pointer;}
  750. .evaluation-image .upload-btn p { font-size: 12px;line-height: 20px;background-color: #F5F5F5;color: #999;text-align: center;color: #666;width: 98px;height: 20px;padding: 4px 0;border: solid 1px;border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC;position: absolute;left: 0;top: 0;z-index: 1;}
  751. .evaluation-image .upload-btn p i { vertical-align: middle;margin-right: 4px;}
  752. .evaluation-image .upload-btn a:hover p { background-color: #E6E6E6;color: #333;border-color: #CFCFCF #CFCFCF #B3B3B3 #CFCFCF;}
  753. /* 退款详情相关
  754. -------------------------------------------*/
  755. .dsm-flow-layout,
  756. .dsm-flow-item dl { font-size: 0;*word-spacing:-1px/*IE6、7*/;}
  757. .dsm-flow-container,
  758. .dsm-flow-item,
  759. .dsm-flow-item dt,
  760. .dsm-flow-item dd { font-size: 12px;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;*zoom: 1/*IE7*/;}
  761. .dsm-flow-layout { width: 978px;border: solid 1px #DDD;margin-left: 10px;}
  762. .dsm-flow-container { width: 657px;padding: 0 10px;border-right: solid 1px #DDD;}
  763. /* 右侧商品订单 */
  764. .dsm-flow-item { width: 280px;padding: 0 10px;}
  765. .dsm-flow-item a { color: #09C;}
  766. .dsm-flow-item .title { font-size: 14px;font-weight: 600;padding: 10px 0;border-bottom: solid 1px #EEE;}
  767. .dsm-flow-item .item-goods dl { margin: 10px 0;padding-bottom: 10px;border-bottom: solid 1px #EEE;}
  768. .dsm-flow-item .item-goods dt { width: 42px;padding: 0 10px;}
  769. .dsm-flow-item .item-goods dd { width: 212px;}
  770. .dsm-flow-item .item-goods dd a { display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
  771. .dsm-flow-item .item-order dl { margin-bottom: 8px;}
  772. .dsm-flow-item .item-order dl.line { padding-top: 10px;border-top: dotted 1px #D8D8D8;}
  773. .dsm-flow-item .item-order dt { color: #888;text-align: right;width: 22%;margin-right: 1%;}
  774. .dsm-flow-item .item-order dd { color: #666;width: 75%;}
  775. .dsm-flow-item .item-order dl dd span { margin-right: 6px;}
  776. .dsm-flow-item .item-order dl dd .a { color: #666;float: right;padding: 0 5px 0 10px;position: relative;z-index: 1;}
  777. .dsm-flow-item .item-order dd a:hover { text-decoration: none;color: #F33;z-index: 2;}
  778. .dsm-flow-item .item-order dl dd .a i { font-size: 10px;margin-left: 4px;}
  779. .dsm-flow-item .item-order dl dd .a .more { background-color: #FBFBFB;display: none;width: 268px;padding: 10px;border: solid 1px #CCC;position: absolute;z-index: 1;right: -5px;top: 25px;box-shadow: 2px 2px 0 rgba(153,153,153,0.15)}
  780. .dsm-flow-item .item-order dl dd .a:hover .more { display: block;}
  781. .dsm-flow-item .item-order dl dd .a .more .arrow {width: 0px;height: 0px;position: absolute;z-index: 2;top: -12px;right: 25px;border:6px solid ;border-color:transparent transparent #ccc transparent}
  782. .dsm-flow-item .item-order dl dd .a .more .arrow:after{content: '' ;width: 0;height: 0;border:6px solid ;border-color: transparent transparent #FBFBFB transparent;position: absolute;left:-6px;top:-5px;}
  783. .dsm-flow-item .item-order dl dd .a .more ul {}
  784. .dsm-flow-item .item-order dl dd .a .more li { line-height: 24px;color: #888;}
  785. .dsm-flow-item .item-order dl dd .a .more li span { color: #666;display: inline;}
  786. /* 左侧内容详情 */
  787. .dsm-flow-container .title { height: 20px;padding: 10px 0;border-bottom: solid 1px #EEE;}
  788. .dsm-flow-container .title h3 { font-size: 14px;font-weight: 600;display: inline-block;*display: inline/*IE7*/;*zoom: 1/*IE7*/;}
  789. .dsm-flow-container .refund-type-box { vertical-align: top;display: inline-block;*display: inline/*IE7*/;width: 200px;height: 20px;position: relative;z-index: 2;*zoom: 1/*IE*/;}
  790. .dsm-flow-container .refund-type-box i { color:#ddd; font:16px/1 iconfont; width: 17px;height: 17px;position: absolute;z-index: 1;top: 2px;right: 0;}
  791. .dsm-flow-container .refund-type-box i:before{content: "\e73a";}
  792. .dsm-flow-container .refund-type-box:hover i { color:#EC4F4A}
  793. .dsm-flow-container .refund-type-box label{margin-right: 10px}
  794. .dsm-flow-container .refund-type-box label input{vertical-align:middle;margin-right: 3px;margin-top: -3px}
  795. /* 流程步骤 */
  796. .dsm-flow-step { font-size: 0;*word-spacing:-1px/*IE6、7*/;margin-top: 30px;}
  797. .dsm-flow-step dl { font-size: 12px;line-height: 20px;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;height: 36px;margin: 50px 0 60px 21px;position: relative;*zoom: 1;width: 120px;background-position: -360px -130px/*IE7*/;}
  798. .dsm-flow-step dl.step-first { background-position: -240px -170px !important;width: 0px !important;}
  799. .dsm-flow-step dl dt { font-weight: 600;color: #999;text-align: center;width: 120px;position: absolute;z-index: 1;top: -30px;right: -70px;}
  800. .dsm-flow-step dl.current dt { color: #FD6760;}
  801. .dsm-flow-step dl:after{width:100%;height:10px;background: #ddd;position:absolute;z-index:1;top:13px;content: '';display: block}
  802. .dsm-flow-step dl:before{width:36px;height: 36px;border-radius: 100%;background: #ddd;position: absolute;right: -26.7px;display: block;content: '';top:0.5px}
  803. .dsm-flow-step dl.step-first dd.bg{width:0px !important;}
  804. .dsm-flow-step dl.current dd.bg{background: #FD6760;z-index: 2;font: 14px/1 iconfont;width:100%;height: 5px;margin-top:16px;position: relative}
  805. .dsm-flow-step dl.current dd { display: block;}
  806. .dsm-flow-step dl.current dd.bg:before{content: "\e64d";position: absolute;font-size: 32px;right: -23px;top:-13px;z-index: 9;color: #FD6760}
  807. /* 退款 */
  808. #saleRefund .dsm-flow-step dl { background-position: -285px -130px;width: 200px;}
  809. #saleRefund .dsm-flow-step dl.step-first { margin-left: 100px;}
  810. #saleRefund .dsm-flow-step dl.step-first dd.bg {width: 0px;}
  811. #saleRefund .dsm-flow-step dl dd.bg{140px}
  812. /* 退货 */
  813. #saleRefundreturn .dsm-flow-step dl { width: 155px;}
  814. #saleRefundreturn .dsm-flow-step dl.step-first { margin-left: 50px;}
  815. /* 投诉 */
  816. #dsmComplainFlow .dsm-flow-step dl { width: 120px;}
  817. #dsmComplainFlow .dsm-flow-step dl.step-first { margin-left: 40px;}
  818. /* 举报 */
  819. #dsmInformFlow .dsm-flow-step dl { width: 180px;}
  820. #dsmInformFlow .dsm-flow-step dl.step-first{margin-left: 100px;}
  821. .dsm-inform-item {}
  822. /* 提交表单 */
  823. .dsm-flow-container .dsm-default-form dl dt { width: 19%;}
  824. .dsm-flow-container .dsm-default-form dl dd { width: 79%;}
  825. /* 举证图片列表 */
  826. .dsm-evidence-pic { font-size: 0;*word-spacing:-1px/*IE6、7*/;}
  827. .dsm-evidence-pic li { vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;width: 60px;height: 60px;padding: 4px;margin-right: 10px;border: solid 1px #F5F5F5;*zoom: 1/*IE7*/;}
  828. .dsm-evidence-pic li a { text-align: center;vertical-align: middle;display: table-cell;*display: block;width: 100px;height:60px;overflow: hidden;}
  829. .dsm-evidence-pic li a img { max-width: 60px;max-height: 60px;margin-top:expression(60-this.height/2);*margin-top:expression(30-this.height/2);}
  830. /*交易投诉
  831. -------------------------------------------*/
  832. .dsm-complain-container .title { height: 20px;padding: 10px 0;border-bottom: solid 1px #EEE;}
  833. .dsm-complain-container .title h3 { font-size: 14px;font-weight: 600;display: inline-block;*display: inline/*IE7*/;*zoom: 1/*IE7*/;}
  834. .dsm-complain-talk { background-color: #FFF;border:1px dashed #EEE;max-height: 200px;word-break: normal;word-wrap: break-word;padding: 8px;overflow-y: scroll;}
  835. .dsm-complain-talk .admin { color: black;}
  836. .dsm-complain-talk .accuser { color: red;}
  837. .dsm-complain-talk .accused { color: green;}
  838. /* 账户信息设置
  839. -------------------------------------------*/
  840. .dsm-user-profile { background-color: #FFF;padding: 10px;}
  841. .dsm-user-profile .user-avatar { width: 120px;height: 120px;vertical-align: top;display: inline-block;*display: inline/*IE7*/;margin-top: 5px;*zoom: 1/*IE7*/;}
  842. .dsm-user-profile .user-avatar span { text-align: center;vertical-align: middle;display: table-cell;*display: block;width: 120px;height: 120px;overflow: hidden;}
  843. .dsm-user-profile .user-avatar span img { max-width: 120px;max-height: 120px;margin-top:expression(120-this.height/2);*margin-top:expression(60-this.height/2)/*IE6,7*/;border-radius: 27%;}
  844. .dsm-user-profile .dsm-default-form { width: 810px;float: right;}
  845. /* 会员设置-Tag标签 */
  846. .user-tag-optional { background-color: #F9FAFC;min-height: 24px;padding:10px 10px 2px 10px;border: solid 1px #C4D5E0;}
  847. .user-tag-optional span { line-height: 16px;color: #498CD0;background-color: #E8F2FF;display: inline-block;height: 16px;padding: 4px 6px;margin: 0 4px 8px 0;cursor: pointer;}
  848. .user-tag-optional span:hover { color: #FFF;background-color: #498CD0;}
  849. .user-tag-selected { border: dashed 1px #E7E7E7;min-height: 24px;padding:10px 10px 2px 10px;}
  850. .user-tag-selected span { line-height: 16px;color: #555;background-color: #FEF6CE;display:inline-block;height: 16px;padding: 2px 4px;margin: 0 18px 8px 0;outline: 1px solid #EAD483;border: 1px solid #FFF;}
  851. .user-tag-selected span:hover { margin: 0 2px 8px 0;cursor:default;}
  852. .user-tag-selected span a { display: none;}
  853. .user-tag-selected span:hover a {position:relative;font-size: 0px;line-height: 0px;font: 14px/1 iconfont;vertical-align: middle;display: inline-block;width: 12px;height: 12px;margin: -6px 0 auto 4px;overflow: hidden;cursor: pointer;}
  854. .user-tag-selected span:hover a:before{content: "\e696";}
  855. .user-tag-selected span:hover a:hover { }
  856. .user-tag-selected span.ep { line-height:22px;color: #CCC;background-color: #FFF;vertical-align: top;text-align: center;width: 72px;height: 22px;padding:0;margin: 0 4px 8px 0;outline: none;border: dashed 1px #CCC;}
  857. /* 账户安全设置相关
  858. -------------------------------------------*/
  859. .dsm-security-user { background-color: #FFF;padding: 5px;margin-bottom: 30px;}
  860. .dsm-security-user h3 { font: 16px/20px arial,"microsoft yahei";color: #666;height: 20px;margin: 10px 0;}
  861. .dsm-security-user .user-avatar { width: 80px;height: 80px;vertical-align: top;display: inline-block;*display: inline/*IE7*/;margin-top: 5px;*zoom: 1/*IE7*/;}
  862. .dsm-security-user .user-avatar span { text-align: center;vertical-align: middle;display: table-cell;*display: block;width: 80px;height: 80px;overflow: hidden;}
  863. .dsm-security-user .user-avatar span img { max-width: 80px;max-height: 80px;margin-top:expression(80-this.height/2);*margin-top:expression(40-this.height/2)/*IE6,7*/;}
  864. .dsm-security-user .user-intro { vertical-align: top;display: inline-block;*display: inline/*IE7*/;margin-left: 20px;*zoom: 1/*IE7*/;}
  865. .dsm-security-user .user-intro dl { font-size: 0;*word-spacing:-1px/*IE6、7*/;height: 20px;margin-bottom: 3px;}
  866. .dsm-security-user .user-intro dt,
  867. .dsm-security-user .user-intro dd { font-size: 13px;line-height: 20px;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;*zoom: 1/*IE7*/;}
  868. .dsm-security-user .user-intro dt { color: #999;}
  869. .dsm-security-user .user-intro dd { color: #666;}
  870. .dsm-security-user .user-intro dd span { color: #000;}
  871. .dsm-security-user .user-intro dd span a { color: #F33;font-weight: 600;text-decoration: underline;}
  872. .dsm-security-container { background-color: #FFF;border: solid 1px #E7E7E7;}
  873. .dsm-security-container .title { color: #666;background-color: #F9F9F9;height: 20px;padding: 6px 10px;border-bottom: solid 1px #E7E7E7;font-size:13px;}
  874. .dsm-security-container .current { padding: 20px;}
  875. .dsm-security-container .current strong { font: lighter 28px/32px arial,"microsoft yahei";}
  876. .dsm-security-container .current span { color: #F63;vertical-align:middle;margin-left:10px;}
  877. .dsm-security-container .low strong { color: #F30;}
  878. .dsm-security-container dl { font-size: 0;*word-spacing:-1px/*IE6、7*/;padding: 30px 40px;border-top: solid 1px #E7E7E7;}
  879. .dsm-security-container dt,
  880. .dsm-security-container dd,
  881. .dsm-security-container dl span { font-size: 13px;line-height: 20px;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;height: 50px;*zoom: 1/*IE7*/;}
  882. .dsm-security-container dt { width: 25%;}
  883. .dsm-security-container dd { width: 75%;}
  884. .dsm-security-container dt .icon {color:#ddd; text-align:center;font: 14px/1 iconfont; width: 50px;height: 50px;position: relative;z-index: 1;}
  885. .dsm-security-container dt .icon i {color:#52BEA6; font-size:20px;width: 23px;height: 23px;position: absolute;z-index: 1;right: 0;bottom: 0;}
  886. .dsm-security-container dt .icon i:before{content: "\e64d";}
  887. .dsm-security-container #password .icon:before{ content: "\e67b";font-size: 45px;line-height: 50px;}
  888. .dsm-security-container #email .icon:before { content: "\e75a";font-size: 38px;line-height: 50px;}
  889. .dsm-security-container #mobile .icon:before { content: "\e60e";font-size: 45px;line-height: 50px;}
  890. .dsm-security-container #paypwd .icon:before { content: "\e6f4";font-size: 45px;line-height: 50px;}
  891. .dsm-security-container .item { text-align: center;height: 50px;margin-left: 20px;}
  892. .dsm-security-container .item h4 { font: 18px/30px arial,"microsoft yahei";color: #666;}
  893. .dsm-security-container .item h6 { font: 12px/30px arial,"microsoft yahei";color: #999;}
  894. .dsm-security-container .explain { width: 480px;}
  895. .dsm-security-container .handle { margin-left: 80px;}
  896. .dsm-security-container dl.no .icon i { display: none;}
  897. .dsm-security-container dl.no .item h6 { color: #F60;}
  898. .dsm-security-container dl.no .handle .bd { display: block;}
  899. .dsm-security-container dl.no .handle .jc { display: none;}
  900. .dsm-security-container dl.yes .icon i { display: block;}
  901. .dsm-security-container dl.yes .item h6 { color: #52BEA6;}
  902. .dsm-security-container dl.yes .handle .bd { display: none;}
  903. .dsm-security-container dl.yes .handle .jc { display: block;}
  904. /* 好友-查找添加好友 */
  905. .dsm-friend-find {}
  906. .dsm-friend-find .search-form { padding: 20px 100px;margin: 0;border-bottom: dotted 1px #D8D8D8;line-height:38px;}
  907. .dsm-friend-find .search-form .dsm-btn{font-size:13px;height:30px;line-height:30px;}
  908. .dsm-friend-find .complex { display: none;margin-top: 10px;}
  909. .dsm-recommend-tag {}
  910. .dsm-recommend-tag dl {}
  911. .dsm-recommend-tag dt { font: 14px/32px arial,"microsoft yahei";color: #666;border-bottom: dotted 1px #D8D8D8;}
  912. .dsm-recommend-tag dt i { margin-left: 10px;margin-right: 4px;}
  913. .dsm-recommend-tag dd { min-height: 120px;margin-top: 10px;position: relative;z-index:1;}
  914. .dsm-recommend-tag dd .picture { width: 120px;height: 120px;position: absolute;z-index: 1;top:0px;left:0px;}
  915. .dsm-recommend-tag dd .arrow { width: 0px;height: 0px;position: absolute;z-index:2;top: 20px;left: 119px;border:6px solid;border-color: transparent #ccc transparent transparent;}
  916. .dsm-recommend-tag dd .arrow:after{content: '' ;width: 0;height: 0;border:6px solid ;border-color:transparent #eee transparent transparent;position: absolute;left:-5px;top:-6px;}
  917. .dsm-recommend-tag dd .content { background-color: #EEE;width: 800px;height: 100px;padding: 9px;border: solid 1px #CCC;border-radius: 5px; position: absolute;z-index: 1;top:0px;left:130px;}
  918. .dsm-recommend-tag dd .content p { font-size: 14px;line-height: 20px;height: 20px;text-overflow: ellipsis;white-space: nowrap;width: 640px;}
  919. .dsm-recommend-tag dd .content .friends { width: auto;height: 70px;padding: 5px 0;}
  920. .dsm-recommend-tag dd .content .friends h5 { line-height: 20px;margin: 4px 0 6px 0;color: #777;}
  921. .dsm-recommend-tag dd .content .friends h5 strong { color: #C30;font-weight: normal;padding-right: 4px;padding-left: 4px;}
  922. .dsm-recommend-tag dd .content .friends p { color:#ddd;font:14px/1 iconfont;line-height: 0;line-height:19px;display: inline-block;width: 13px;height: 19px;margin: 10px 2px;overflow: hidden;}
  923. .dsm-recommend-tag dd .content .friends .F-prev:before { content: "\e686";}
  924. .dsm-recommend-tag dd .content .friends .F-next:before { content: "\e687";}
  925. .dsm-recommend-tag dd .content .friends .F-prev:hover {color:#4fbdf9 }
  926. .dsm-recommend-tag dd .content .friends .F-next:hover { color:#4fbdf9}
  927. .dsm-recommend-tag dd .content .friends .list { display: inline-block;width: 480px;height: 40px;position: relative;z-index: 2;overflow: hidden;}
  928. .dsm-recommend-tag dd .content .friends .list ul { width: 960px;height: 40px;position: absolute;top:0;left: 0;}
  929. .dsm-recommend-tag dd .content .friends .list ul li { background-color: #FFF;white-space: nowrap;display: block;width: 40px;height: 40px;float: left;margin-right: 8px;}
  930. .dsm-recommend-tag dd .content .friends a.care { line-height: 16px;color: #FFF;background: none repeat scroll 0 0 #46970C;text-decoration: none;display:inline-block;float:right;padding: 4px 16px;margin:7px;border: 1px solid #368200;}
  931. /* 我的好友列表 */
  932. .dsm-friend-list { font-size: 0;*word-spacing:-1px/*IE6、7*/;margin: 30px 0;}
  933. .dsm-friend-list li { font-size: 12px;line-height: 20px;background-color: #FAFAFA;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;width: 33.3333%;height: 95px;border: solid 1px #E7E7E7;margin: -1px;position: relative;z-index: 1;*zoom: 1/*IE7*/;}
  934. .dsm-friend-list li:hover { background-color: #FFF;border-color: #FD6760;z-index: 2;box-shadow: 0 0 6px rgba(204,204,204,0.5);}
  935. .dsm-friend-list .avatar,
  936. .dsm-friend-list .info,
  937. .dsm-friend-list .follow { vertical-align: top;display: inline-block;*display: inline/*IE7*/;*zoom: 1;}
  938. .dsm-friend-list .avatar { width: 60px;height: 60px;margin: 10px;}
  939. .dsm-friend-list .avatar a { text-align: center;vertical-align: middle;display: table-cell;*display: block;width: 60px;height: 60px;overflow: hidden;}
  940. .dsm-friend-list .avatar img { max-width: 60px;max-height: 60px;margin-top: expression(60-this.height/2);*margin-top:expression(30-this.height/2)/*IE6,7*/;}
  941. .dsm-friend-list .info { width: 155px;height: 60px;margin: 10px 0;}
  942. .dsm-friend-list .info dt { height: 20px;margin-bottom: 4px;}
  943. .dsm-friend-list .info dt a { font-size: 14px;color: #555;white-space: nowrap;text-overflow: ellipsis;display: inline-block;*display: inline/*IE7*/;max-width: 140px;height: 20px;overflow: hidden;*zoom: 1;}
  944. .dsm-friend-list .info dd { color: #999;}
  945. .dsm-friend-list .info dd a { color: #FF966E;display: none;}
  946. .dsm-friend-list li:hover .info dd a { display: block;}
  947. .dsm-friend-list .follow { margin: 10px 0;}
  948. .dsm-friend-list .follow p { color: #999;margin: 5px 0 15px 0;}
  949. .dsm-friend-list .follow p i { font:14px/1 iconfont;vertical-align: middle;display: inline-block;width: 16px;height: 16px;margin-right: 4px;}
  950. .dsm-friend-list .follow p i:before{ content: "\e74a";color:#30bd30}
  951. .dsm-friend-list .follow a {}
  952. .dsm-friend-list li dl dd.area { text-overflow: ellipsis;color: #999;margin-bottom: 5px;white-space: nowrap;overflow: hidden;}
  953. .dsm-friend-list li dl dd .checkitem { float:left;margin-top: 4px;}
  954. /* 站内信发送 */
  955. .dsm-message-send { font-size: 0;*word-spacing:-1px/*IE6、7*/;border: solid #E7E7E7;border-width: 0 1px 1px;}
  956. .dsm-message-send-form,
  957. .dsm-message-send-friend { font-size: 12px;line-height: 20px;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;*zoom: 1/*IE7*/;}
  958. .dsm-message-send-form { width: 70%;border-right: solid 1px #E7E7E7;padding-top: 20px;}
  959. .dsm-message-send-friend { width: 30%;margin-left: -1px;margin-right: -1px;border-left: solid 1px #E7E7E7;}
  960. .dsm-message-send-friend h3 { font-size: 14px;font-weight: 600;display: block;padding: 10px 0;margin: 0 10px;border-bottom: 1px solid #EEEEEE;}
  961. .dsm-message-send-friend ul { font-size: 0;*word-spacing:-1px/*IE6、7*/;margin: 5px 10px;}
  962. .dsm-message-send-friend ul li { font-size: 12px;line-height: 20px;vertical-align: top;letter-spacing: normal;word-spacing: normal;text-align: center;display: inline-block;*display: inline/*IE7*/;width: 23%;padding: 1%;margin-bottom: 5px;*zoom: 1/*IE7*/;}
  963. .dsm-message-send-friend ul li:hover { border: solid 1px #FD6760;background: #FF966E;margin: -1px;}
  964. .dsm-message-send-friend ul li .avatar { width: 50px;height: 50px;margin: 5px auto;}
  965. .dsm-message-send-friend ul li .avatar img { max-width: 50px;max-height: 50px;}
  966. .dsm-message-send-friend ul li a { color: #777;}
  967. .dsm-message-send-friend ul li a:hover { color: #FFF;text-decoration: none;}
  968. .dsm-message-send-friend ul li p { display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  969. .dsm-message-send-friend .nomessage { display: block;text-align: center;padding: 100px 0;}
  970. .dsm-message-send-friend .nomessage a { clear: both;margin: 10px auto;}
  971. /*消息设定*/
  972. .dsm-message-setting {}
  973. .dsm-message-setting dl,
  974. .dsm-message-setting ul { font-size: 0;*word-spacing:-1px/*IE6、7*/;}
  975. .dsm-message-setting dt,
  976. .dsm-message-setting dd,
  977. .dsm-message-setting li { font-size: 12px;line-height: 20px;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;*zoom: 1/*IE7*/;}
  978. .dsm-message-setting dl { border: solid 1px #E7E7E7;margin-top: -1px;}
  979. .dsm-message-setting dl:first-child{margin-top: 0}
  980. .dsm-message-setting dt { font: 16px/20px arial,"microsoft yahei";color: #999;background-color: #FAFAFA;width: 14%;padding: 4%;border-right: solid 1px #E7E7E7}
  981. .dsm-message-setting dt span { width: 24px;height: 24px;text-align: center;display: inline-block;border: solid 2px #999;margin-right: 6px;border-radius: 14px;}
  982. .dsm-message-setting dt i { line-height: 24px;font-size: 16px;color: #999;margin: 0;}
  983. .dsm-message-setting dd { width: 69%; padding: 4%;}
  984. .dsm-message-setting ul {}
  985. .dsm-message-setting li { width: 25%;}
  986. #footer { width: 100%;margin: 0 auto;text-align: center;color: #aaa;line-height: 18px;padding: 15px 0;}
  987. .clear { font-size: 0px;line-height: 0px;height: 0;margin: 0;padding: 0;float: none;clear: both;border: 0;}
  988. /*浏览历史记录*/
  989. .dsm-browse { font-size: 0;*word-spacing:-1px/*IE6、7*/;}
  990. .dsm-browse-left,
  991. .dsm-browse-class { vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;*zoom: 1/*IE7*/;}
  992. .dsm-browse-left { text-align: center;width: 100%;margin: 20px 20px 0 0;}
  993. .dsm-browse-list { text-align: left;margin-bottom: 20px;}
  994. .dsm-browse-list li { font-size: 12px;display: block;position: relative;z-index: 1;}
  995. .dsm-browse-list .browse-timeline { background-color: #EEE;width: 12px;height: 12px;border-radius: 6px;position: absolute;z-index: 2;top: 9px;left: 116px;}
  996. .dsm-browse-list .browse-time { color: #999;text-align: right;width: 100px;position: absolute;z-index: 1;top: 5px;left: 0;}
  997. .dsm-browse-list .browse-goods { border-left: solid 3px #EEE;height: 100px;padding: 10px 10px 0 20px;margin-left: 120px;}
  998. .dsm-browse-list .browse-goods .goods-thumb { width: 60px;height: 60px;border: solid 1px #F5F5F5;float: left;}
  999. .dsm-browse-list .browse-goods .goods-thumb a { text-align: center;vertical-align: middle;display: table-cell;*display: block;width: 60px;height: 60px;overflow: hidden;}
  1000. .dsm-browse-list .browse-goods .goods-thumb a img { max-width: 60px;max-height: 60px;margin-top: expression(60-this.height/2);*margin-top:expression(30-this.height/2)/*IE6,7*/;}
  1001. .dsm-browse-list .browse-goods .goods-info { line-height: 18px;width: 350px;float: left;margin-left: 10px;}
  1002. .dsm-browse-list .browse-goods .goods-info dt { font-weight: 600;height: 36px;overflow: hidden;}
  1003. .dsm-browse-list .browse-goods .goods-info dd { margin-top: 4px;color: #999;}
  1004. .dsm-browse-list .browse-goods .goods-info dd .sale-price { color: #C00;font-size: 14px;font-weight: 600;margin-right: 20px;}
  1005. .dsm-browse-list .dsm-btn { float: right;visibility: hidden;}
  1006. .dsm-browse-list .browse-goods .goods-info dd .market-price { text-decoration: line-through;}
  1007. .dsm-browse-list li:hover { background-color: #FFE;border: solid 3px #FFCC99;margin: -3px;box-shadow: 0 0 10px 0 rgba(153,153,153,0.25);z-index: 2;}
  1008. .dsm-browse-list li:hover .browse-goods { border-color: #FFCC99;}
  1009. .dsm-browse-list li:hover .browse-timeline { background-color: #FD6760;}
  1010. .dsm-browse-list li:hover .dsm-btn { visibility: visible;}
  1011. .dsm-browse-class { font-size: 12px;width: 238px;border: solid 1px #E7E7E7;margin-top: 20px;}
  1012. .dsm-browse-class .title { font-size: 14px;font-weight: 600;background-color: #F5F5F5;padding: 9px 19px;border-bottom: solid 1px #E7E7E7;}
  1013. .dsm-browse-class .title a { color: #333;}
  1014. .dsm-browse-class ul { margin-bottom: -1px;}
  1015. .dsm-browse-class li { font-size: 14px;border-bottom: solid 1px #E7E7E7;}
  1016. .dsm-browse-class li a { color: #777;display: block;padding: 9px 19px;}
  1017. .dsm-browse-class li a.selected { font-weight: 600;color: #333;}
  1018. .dsm-browse-class li.selected a { background-color: #F5F5F5;color: #333;}
  1019. .dsm-browse-class li a:hover { background-color: #FBFBFB;color: #555;}
  1020. .dsm-browse-class li a i { font-size: 0px;line-height: 0;vertical-align: middle;display: inline-block;width: 0px;height: 0px;margin-right: 6px;border-width: 4px;border-color: transparent transparent transparent #CCC;border-style: dashed dashed dashed solid;}
  1021. .dsm-browse-class li a.selected i { border-color: #777 transparent transparent transparent;border-style: solid dashed dashed dashed;}
  1022. .dsm-browse-class li ul { margin-bottom: 0;}
  1023. .dsm-browse-class li ul li { font-size: 12px;border: none;}
  1024. .dsm-browse-class li ul li a { font-size: 12px;display: block;padding: 6px 19px 6px 39px;}
  1025. #weibocharcount .counter { color:#999;}
  1026. #weibocharcount label.error { position: absolute;z-index: 1;bottom:20px;left:110px;}
  1027. #weibocharcount .warning { color: orange;margin:0;padding:0;border:none;background:none;width:auto;clear:none;}
  1028. #weibocharcount .exceeded { color: red;}
  1029. /*绑定登录*/
  1030. .dsm-bind { font-size: 0;*word-spacing:-1px/*IE6、7*/;margin-top: 30px;}
  1031. .dsm-bind .relieve,
  1032. .dsm-bind .revise { font-size: 13px;line-height:26px;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;height: 180px;*zoom: 1/*IE7*/;}
  1033. .dsm-bind .relieve { width: 39%;text-align: center;border-right: dashed 1px #E7E7E7;}
  1034. .dsm-bind .relieve .ico-qq,
  1035. .dsm-bind .relieve .ico-sina { background: url(../images/member/shareicon/bind_qq.png) no-repeat 0 0;display: inline-block;*display: inline;width: 80px;height: 80px;margin: 10px auto 0 auto;*zoom: 1;}
  1036. .dsm-bind .relieve .ico-sina { background: url(../images/member/shareicon/bind_sina.png) no-repeat 0 0;}
  1037. .dsm-bind .revise { width: 50%;margin: 0 5%;}
  1038. .dsm-bind .revise dt { width: 25%;}
  1039. .dsm-bind .revise dd { width: 74%;}
  1040. .dsm-bind .qq { color: #06C;}
  1041. .dsm-bind .sina { color: #C30;}
  1042. /* 分享绑定设置 */
  1043. .bind-account-list { font-size: 0;*word-spacing:-1px/*IE6、7*/;width: 95%;margin: 30px auto auto;overflow: hidden;}
  1044. .bind-account-list li { font-size: 12px;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;*display: inline/*IE7*/;margin-bottom: 30px;width: 33.3333%;*zoom: 1/*IE7*/;}
  1045. .account-item { height: 80px;padding-left: 90px;position: relative;}
  1046. .account-item .website-icon { display: block;width: 80px;height: 80px;position: absolute;top: 0;left: 0;}
  1047. .account-item dl dt { color: #333;font-size: 14px;font-weight: 700;}
  1048. .account-item dl dd { color: #999;}
  1049. .account-item dl dd.operate { margin-top: 6px;}
  1050. .account-item dl dd em { color: #000;font-style: normal;margin-right: 10px;}
  1051. .artdilog_btn {height: 28px;line-height: 26px;padding: 0 14px;border: 1px solid #b7bbbd;background: linear-gradient(#f9f9f9,#eeefef);display: inline-block;text-align: center;color: #6a7c86;font-size: 14px;border-radius: 3px;margin-left: 20px;text-decoration: none;cursor: pointer}
  1052. /* 领取店铺代金券 */
  1053. .dsp-voucher-exchange { padding: 40px 20px 80px 20px;}
  1054. .dsp-voucher-exchange .pic { vertical-align: top; display: inline-block; width: 64px; height: 64px;}
  1055. .dsp-voucher-exchange .pic span { line-height: 0; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 64px; height: 64px; overflow: hidden;}
  1056. .dsp-voucher-exchange .pic img { max-width: 64px; max-height: 64x; margin-top:expression(64-this.height/2); }
  1057. .dsp-voucher-exchange dl { vertical-align: top; display: inline-block; margin-left:20px;}
  1058. .dsp-voucher-exchange dt { font: 400 18px/25px "microsoft yahei"; color: #ff4040;}
  1059. .dsp-voucher-exchange dt em { font-size: 16px;}
  1060. .dsp-voucher-exchange dd { line-height: 24px; color: #999;}
  1061. .dsp-voucher-exchange .button { margin-left: 80px; margin-top: 10px;}
  1062. .dsp-voucher-exchange .submit { padding:0;font: normal 14px/28px "Microsoft Yahei"; color: #777; background-color: #F5F5F5; text-align: center; vertical-align: top; display: inline-block; width: 60px; height: 30px; border: solid 1px; border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC; cursor: pointer;}
  1063. .dsp-voucher-exchange .submit:hover{color: #777; background-color: #F5F5F5; }
  1064. a.dsp-btn { font: normal 14px/20px "Microsoft Yahei"; color: #777; background-color: #F5F5F5; text-align: center; display: inline-block; height: 20px; padding: 4px 16px; border: solid 1px; border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC; cursor: pointer;}
  1065. /* 实名认证 */
  1066. .member_auth dl{width: 49%;display: inline-block}
  1067. .member_auth dl:nth-child(5){width: 100%}
  1068. .member_auth dl:nth-child(5) dt{width: 12%}
  1069. .member_auth dl dt{width: 25%;}
  1070. .member_auth dl dd{width: 70%}
  1071. .member_auth dl dd .dsm-upload-btn{margin-top: 15px;}