common.css 64 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700
  1. /*企业会员中心公共样式*/
  2. @charset "utf-8";
  3. body{margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:8px;font-size:14px;color:#666666;font-family:"microsoft yahei","宋体";background-color:#F8F8F8;}
  4. h1,h2,h3,h4,h5,form,p,ul,input{margin:0px;padding:0px;}
  5. input,textarea{font-family:"microsoft yahei","宋体";font-size:14px;color:#666666;}
  6. li{padding:0px;margin:0px;line-height:180%;list-style-type:none;}
  7. :focus{outline:0}
  8. .substring{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  9. .nowrap{white-space:nowrap;}
  10. .clear{clear:both;height:0px;font-size:0px;line-height:0px;}
  11. .font_gray6{color:#666666}
  12. .font_gray9{color:#999999}
  13. .font_blue{color:#5F8DC9}
  14. .font_green{color:#61AF00}
  15. .font_red{color:#CC3300}
  16. .font_yellow{color:#FF6600}
  17. .phcolor{ color:#999;}
  18. /*链接定义*/
  19. .link_white a{color:#FFFFFF;text-decoration:none;}
  20. .link_white a:hover{text-decoration:underline;}
  21. .link_blue a{color:#5F8DC9;text-decoration:none;}
  22. .link_blue a:hover{text-decoration:underline;}
  23. .link_gray6 a{color:#666666;text-decoration:none;}
  24. .link_gray6 a:hover{text-decoration:underline;color:#333333}
  25. .link_gray9 a{color:#999999;text-decoration:none;}
  26. .link_gray9 a:hover{text-decoration:underline;color:#333333}
  27. .link_yellow a{color:#FF6600;text-decoration:none;}
  28. .link_yellow a:hover{text-decoration:underline;color:#FF6600}
  29. /*列表单元格定义*/
  30. .td1,.td2,.td3,.td4,.td5,.td6,.td7,.td8,.td9,.td10{float:left;width:100px;}
  31. .th1,.th2,.th3,.th4,.th5,.th6,.th7,.th8,.th9,.th10{float:left;width:100px;}
  32. /*按钮定义*/
  33. .btn_blue{display:block;text-decoration:none;text-align:center;color:#FFFFFF;background-color:#5F8DC9;font-size:14px;cursor:pointer;border-radius:4px;border:0px;width:60px;height:32px;line-height:32px;border:0px #35639F solid;}
  34. .btn_blue.hover{background-color:#4579C0}
  35. .btn_yellow{display:block;text-decoration:none;text-align:center;color:#FFFFFF;background-color:#F19114;font-size:14px;cursor:pointer;border-radius:4px;border:0px;width:60px;height:32px;line-height:32px;border:0px #935809 solid;}
  36. .btn_yellow.hover{background-color:#E68A13}
  37. .btn_gray9{display:block;text-decoration:none;text-align:center;color:#FFFFFF;background-color:#999999;font-size:14px;cursor:pointer;border-radius:4px;border:0px;width:60px;height:32px;line-height:32px;border:0px #737373 solid;}
  38. .btn_gray9.hover{background-color:#8E8E8E}
  39. .btn_lightgray{display:block;text-decoration:none;text-align:center;color:#666666;background-color:#CCCCCC;font-size:14px;cursor:pointer;border-radius:4px;border:0px;width:60px;height:32px;line-height:32px;border:0px #B2B2B2 solid;}
  40. .btn_lightgray.hover{background-color:#D7D7D7}
  41. .btn_80_38{width:80px;height:38px;line-height:38px;}
  42. .btn_90_38{width:90px;height:38px;line-height:38px;}
  43. .btn_100_38{width:100px;height:38px;line-height:38px;}
  44. .btn_115_38{width:115px;height:38px;line-height:38px;}
  45. .btn_80_32{width:80px;height:32px;}
  46. .btn_90_32{width:90px;height:32px;}
  47. .btn_100_32{width:100px;height:32px;}
  48. .btn_115_32{width:115px;height:32px;}
  49. .btn_border{border-width:1px;}
  50. .btn_inline{display:inline;margin-right:18px;padding:8px 20px;}
  51. .btn_login{display:block;text-decoration:none;text-align:center;color:#FFFFFF;background-color:#5F8DC9;font-size:14px;cursor:pointer;border-radius:4px;border:0px;width:300px;height:40px;line-height:40px;border:0px #35639F solid;letter-spacing:8px;}
  52. .btn_login.hover,.btn_login:hover{background-color:#4579C0;}
  53. .btn_reg{display:block;text-decoration:none;text-align:center;color:#FFFFFF;background-color:#3689e2;font-size:14px;cursor:pointer;border-radius:4px;border:0px;width:295px;height:40px;line-height:40px;border:0px #35639F solid;letter-spacing:8px;}
  54. .btn_reg:hover{background-color:#4579C0;}
  55. .btn_disabled{background-color:#EBEBEB !important;border:1px #CBCECF solid;color:#A0A0A0;cursor:default}
  56. .btn_disabled:hover{background-color:#EBEBEB !important;border:1px #CBCECF solid;color:#A0A0A0;cursor:default}
  57. /*表单定义*/
  58. .input_245_34{width:233px;padding-left:10px;height:32px;border:1px #DDDDDD solid;line-height:32px;border-radius:3px;}
  59. .input_205_34{width:193px;padding-left:10px;height:32px;border:1px #DDDDDD solid;line-height:32px;border-radius:3px;}
  60. .input_110_34{width:98px;padding-left:10px;height:32px;border:1px #DDDDDD solid;line-height:32px;border-radius:3px;}
  61. .input_295_34{width:283px;padding-left:10px;height:40px;border:1px #DDDDDD solid;line-height:40px;border-radius:3px;}
  62. .textarea_438_80{width:426px;padding-left:10px;height:80px;border:1px #DDDDDD solid;line-height:32px;border-radius:3px;}
  63. .textarea_638_80{width:626px;padding-left:10px;height:80px;border:1px #DDDDDD solid;line-height:32px;border-radius:3px;}
  64. .input_focus{background-color:#ECF9FF;border:1px #33CCFF solid;}
  65. .input_login{width:250px;height:40px;border:1px #DDDDDD solid;line-height:40px;padding-left:50px;font-size:14px;color:#666666;border-radius:3px;}
  66. .select_input{background-image:url(../../images/17.png);background-repeat:no-repeat;background-position:right 3px;background-color:#FFFFFF;cursor:pointer}
  67. .select_input.input_focus{background-color:#ECF9FF;border:1px #33CCFF solid;}
  68. .select_input_multi{width:98px;padding-left:10px;line-height:32px;height:32px;border:1px #DDDDDD solid;background-image:url(../../images/17.png);background-repeat:no-repeat;background-position:right -30px;cursor:pointer;background-color:#FFFFFF;}
  69. .select_input_multi.input_focus{background-color:#ECF9FF;border:1px #33CCFF solid;}
  70. .select_205_34{width:193px;}
  71. .select_245_34{width:233px;}
  72. /**单选---*/
  73. .radio_list{}
  74. .radio_list .rli{background:url(../../images/19.png) no-repeat 0px -148px;padding-left:23px;width:50px;float:left;height:22px;line-height:22px;cursor:pointer}
  75. .radio_list .rli.checked{background:url(../../images/19.png) no-repeat 0px -181px;}
  76. /**星号---*/
  77. .asterisk{padding-right:6px;background-image:url(../../images/16.png);background-repeat:no-repeat;background-position:0px 5px;}
  78. /**性别单选---*/
  79. .sex_radio_list{}
  80. .sex_radio_list .n{background:url(../../images/19.png) no-repeat 0px -69px;padding-left:38px;width:60px;float:left;height:30px;line-height:30px;cursor:pointer}
  81. .sex_radio_list .n.checked{background:url(../../images/19.png) no-repeat 0px -0px;}
  82. .sex_radio_list .w{background:url(../../images/19.png) no-repeat 0px -103px;padding-left:38px;width:60px;float:left;height:30px;line-height:30px;cursor:pointer}
  83. .sex_radio_list .w.checked{background:url(../../images/19.png) no-repeat 0px -35px;}
  84. /*表单文本框定义结束-------------------*/
  85. /*顶部------------------*/
  86. .header_min{width:100%;background-color:#FAFAFA}
  87. .header_min .header_min_top{margin:0 auto;width:1200px;height:40px;line-height:40px;font-size:12px;}
  88. .header_min .header_min_top ul.link{float: right;}
  89. .header_min .header_min_top ul.link li{float: left;height: 40px;line-height: 40px;padding: 0 5px;}
  90. .header_min .header_min_top .itopr li .head_my_msg{color: #666666 !important;margin: 0 3px;position: relative;}
  91. .header_min .header_min_top .itopr li .head_my_msg .msg_count i{display: inline-block;height: 12px;min-width: 12px;line-height: 12px;border-radius: 10px;padding: 1px;background-color:#ff0000;position: absolute; top: -8px;right: -3px;color: #fff;text-align: center;font-style: normal;}
  92. .header_min .header_min_top ul.link li a{color: #333333;vertical-align: top;}
  93. .header_min .header_min_top ul.link .link_yellow a{color: #FF6600;}
  94. .header_min .header_min_top ul.link li span{vertical-align: top;margin: 0 5px;}
  95. .header_min .header_min_top ul.link li.per i{width: 26px;height: 26px;background:#f3a215 url(../../images/register/index_per_icon01.png) no-repeat 5px 5px ;display: inline-block;border-radius:50% ;margin-top: 8px;margin-right: 10px;}
  96. .header_min .header_min_top ul.link li.com i{width: 26px;height: 26px;background:#3689e2 url(../../images/register/index_com_icon.png) no-repeat 4px 6px ;display: inline-block;border-radius:50% ;background-size:18px 14px;margin-top: 8px;margin-right: 10px;}
  97. .header_min .header_min_top .itopl{float:left;width:700px;height:40px;overflow: hidden;}
  98. .header_min .header_min_top .itopl .n{float:left;padding-left:15px;padding-right:15px;position:relative}
  99. .header_min .header_min_top .itopl .n .vertical_line{position:absolute;top:14px;right:0;width:1px;height:13px;background:#c5c5c5;}
  100. .header_min .header_min_top .itopl .n.welcome{border-right:0px;}
  101. .header_min .header_min_top .itopl .n.refresh{}
  102. .header_min .header_min_top .itopl .name{padding-right:17px;float:left;padding-left:12px;cursor:pointer;position:relative;}
  103. .header_min .header_min_top .itopl .name .arrow_icon{position:absolute;top:18px;right:16px;width:10px;height:10px;background:url(../../images/136.png) no-repeat;}
  104. .header_min .header_min_top .itopl .name .arrow_icon_hover{display:none;position:absolute;top:18px;right:16px;width:10px;height:10px;background:url(../../images/136.png) no-repeat;background-position:0 -90px;}
  105. .header_min .header_min_top .itopl .n .vertical_line,.header_min .header_min_top .itopl .name .vertical_line{position:absolute;top:14px;right:0;width:1px;height:13px;background:#c5c5c5;}
  106. .header_min .header_min_top .itopl .name.per_name{width:52px;}
  107. .header_min .header_min_top .itopl .name.com_name{width:82px;}
  108. .header_min .header_min_top .itopl .name.per_name .aname{display:block;max-width:48px;_display:inline;white-space:nowrap;_white-space:normal;_height:20px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;_background:transparent;}
  109. .header_min .header_min_top .itopl .name.com_name .aname{display:block;max-width:75px;_display:inline;white-space:nowrap;_white-space:normal;_height:20px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;_background:transparent;}
  110. .header_min .header_min_top .itopl .name.per_name.hover{width:51px;height:39px;border:1px solid #ededed;border-bottom:0;background:#fff;padding-left:11px;}
  111. .header_min .header_min_top .itopl .name.com_name.hover{width:81px;height:39px;border:1px solid #ededed;border-bottom:0;background:#fff;padding-left:11px;}
  112. .header_min .header_min_top .itopl .name .name_list{display:none;position:absolute;top:38px;left:-1px;background:#fff;border:1px solid #ededed;border-top:0;z-index:900;}
  113. .header_min .header_min_top .itopl .name .name_list li{cursor:pointer}
  114. .header_min .header_min_top .itopl .name.per_name .name_list li a{color:#666;width:67px;height:34px;display:block;line-height:34px;padding-left:12px;text-align:left;position:relative;text-decoration:none;}
  115. .header_min .header_min_top .itopl .name.com_name .name_list li a{color:#666;width:97px;height:34px;display:block;line-height:34px;padding-left:12px;text-align:left;position:relative;text-decoration:none;}
  116. .header_min .header_min_top .itopl .name .name_list li a:hover{color:#ff6600;background-color:#f5f5f5}
  117. .header_min .header_min_top .itopl .name.hover .name_list{display:block;}
  118. .header_min .header_min_top .itopl .name.hover .arrow_icon_hover{display:block;}
  119. .header_min .header_min_top .itopl .name.hover .arrow_icon{display:none;}
  120. .header_min .header_min_top .itopl .name.per_name.hover .vertical_line{right:-1px;}
  121. .header_min .header_min_top .itopl .n.top_min_pms{}
  122. .header_min .header_min_top .itopl .n.quit{border-right:0px;}
  123. .header_min .header_min_top .itopl .n .dot{position:absolute;width:5px;height:5px;right:8px;top:10px;background-color:#FF0000;border-radius:5px;font-size:0px;}
  124. .header_min .header_min_top .itopr{float:left;width:500px;text-align:right;height:40px;line-height: 40px;}
  125. /*.header_min .header_min_top .itopr a{padding-left:32px;padding-right:10px;background-image:url(../images/109.png);background-repeat:no-repeat;background-position:12px 0px;}*/
  126. .header_min .header_min_top .itopr .head_min_username{display:inline-block;width: 250px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  127. .header_min .header_min_top .itopr a.home{background-position:12px 0px;}
  128. .header_min .header_min_top .itopr a.m{background: url(../../images/109.png) no-repeat 0px -24px;padding-left: 20px;}
  129. .header_min .header_min_top .itopr a.qr_mobile{position: relative;display: inline-block;height: 24px;line-height: 24px;top: 8px}
  130. .header_min .header_min_top .itopr a.qr_mobile div{display: none;background-color: #fff;position: absolute;top: 32px;left: -12px;width: 102px;height: 102px;text-align: center;z-index: 2;border: 1px solid #ebebeb;}
  131. .header_min .header_min_top .itopr a.qr_mobile:hover div{display: block;}
  132. .header_min .header_min_top .itopr a.help{background-position:12px -51px;}
  133. .header_min .header_min_top .itopr a.shop{background-position:12px -76px;}
  134. .header_min .header_min_top .itopr a.stat{padding-left:15px;background-image:none}
  135. .header_min .header_min_top .itopr a.last{padding-left:15px;background-image:none;padding-right:0px;}
  136. .user_head_bg{width:100%;background-color:#FFFFFF}
  137. .user_head{width:1000px;margin:0 auto;height:100px;}
  138. .user_head .logobox{width:250px;float:left;padding-top:15px;overflow:hidden}
  139. .user_head .logotxt{width:500px;float:left;font-size:26px;color:#CCCCCC;padding-top:34px;}
  140. .user_head .reg{width:240px;float:left;text-align:right;font-size:14px;line-height:100px;}
  141. .footer_min{margin:0 auto;width:1000px;margin-top:40px;margin-bottom:50px;font-size:12px;}
  142. .footer_min .links{width:1000px;/*height:40px;*/line-height:30px;text-align:center;border:1px #dddddd solid;border-left:0px;border-right:0px;}
  143. .footer_min .links a{margin-left:10px;margin-right:10px;}
  144. .footer_min .txt{line-height:180%;text-align:center;padding-top:20px;}
  145. /*会员登录------------------*/
  146. .ban_box{width:100%;height:475px;position:relative;}
  147. .ban_box .banner_list{position:absolute;top:0;left:0;width:100%;height:475px;overflow:hidden;background-repeat:no-repeat;background-position:center center;}
  148. /*.ban_box .banner_list.banner_list1{background:url(../../banner/login_banner_1.jpg) no-repeat;background-color:#e14644;background-position:center center;}*/
  149. /*.ban_box .banner_list.banner_list2{background:url(../../banner/login_banner_2.jpg) no-repeat;background-color:#22d5d5;background-position:center center;}*/
  150. /*.ban_box .banner_list.banner_list3{background:url(../../banner/login_banner_3.jpg) no-repeat;background-color:#fef166;background-position:center center;}*/
  151. .ban_box .maind{margin:0 auto;width:1000px;height:450px;padding-top:35px;position:relative;}
  152. .ban_box .maind .login{width:350px;margin-left:650px;height:400px;background-color:#FFFFFF;position:absolute;overflow:hidden;}
  153. .ban_box .maind .login .mob{position:relative;display:block;}
  154. .ban_box .maind .login .mob .type_box{display:none;}
  155. .ban_box .maind .login .mob .type_box.active{display:block;}
  156. .ban_box .maind .login .mob .righttab{position:absolute;width:52px;height:52px;top:5px;right:5px;background:url(../../images/52.png) no-repeat 0px 0px;cursor:pointer;z-index:2;}
  157. .ban_box .maind .login .mob .righttab:hover{background:url(../../images/52.png) no-repeat 0px -60px;}
  158. .ban_box .maind .login .mob .tit{font-size:18px;padding-left:23px;height:58px;line-height:58px;padding-bottom:10px;color:#333333;position:relative;}
  159. .ban_box .maind .login .mob .tit .switch_txt{display:none;}
  160. .ban_box .maind .login .mob .tit .switch_txt.active{display:block;}
  161. .ban_box .maind .login .mob .tit .switch_account{display:none;position:absolute;top:0;right:60px;font-size:12px;}
  162. .ban_box .maind .login .mob .tit .switch_login_type{}
  163. .ban_box .maind .login .mob .tit .switch_login_type .login_type{position:relative;padding:0 20px;color:#666;font-size:16px;float:left;cursor:pointer;}
  164. .ban_box .maind .login .mob .tit .switch_login_type .login_type .bottom_line{display:none;position:absolute;left:0;bottom:5px;width:100%;height:2px;background:#FF5A00;}
  165. .ban_box .maind .login .mob .tit .switch_login_type .login_type.select{color:#F45204;font-size:18px;}
  166. .ban_box .maind .login .mob .tit .switch_login_type .login_type.select .bottom_line{display:block;}
  167. .ban_box .maind .login .mob .login_type_group{position:relative;width:710px;}
  168. .ban_box .maind .login .mob .login_type_group .type_box{float:left;width:350px;}
  169. .ban_box .maind .login .mob .err{display:none;width:290px;margin-left:24px;height:26px;line-height:26px;color:#CC3300;background-color:#FFD8CE;border:1px #FF9E86 solid;font-size:12px;padding-left:10px;margin-bottom:15px;border-radius:3px;}
  170. .ban_box .maind .login .mob .type_box.openerr .err{display:block;}
  171. .ban_box .maind .login .mob .inputbox{height:60px;margin-left:23px;position:relative;background-color:#FFFFFF}
  172. .ban_box .maind .login .mob .inputbox .input_login.code{width:160px;}
  173. .ban_box .maind .login .mob .inputbox .btn_login.code{position:absolute;top:0;right:26px;width:100px;height:42px;line-height:42px;color:#FFFFFF;border:0px;background-color:#FF6600;letter-spacing:0;border-radius:0 4px 4px 0;cursor:pointer}
  174. .ban_box .maind .login .mob .inputbox .btn_login.code:hover{background-color:#FF4400;}
  175. .ban_box .maind .login .mob .inputbox .btn_login.btn_disabled{background-color:#EBEBEB;border:1px #CBCECF solid;color:#A0A0A0;cursor:default}
  176. .ban_box .maind .login .mob .inputbox .btn_login.btn_disabled:hover{background-color:#EBEBEB;border:1px #CBCECF solid;color:#A0A0A0;cursor:default}
  177. .ban_box .maind .login .mob .inputbox input.input_focus{background-color:#FFFFFF;border-color:#33CCFF}
  178. .ban_box .maind .login .mob .inputbox .imgbg{background-image:url(../../images/51.png);background-repeat:no-repeat;background-position:left 0px;width:40px;height:40px;left:1px;top:1px;position:absolute;border-radius:3px 0px 0px 3px;}
  179. .ban_box .maind .login .mob .inputbox .imgbg.pwd{background-position:left -63px;}
  180. .ban_box .maind .login .mob .txtbox{height:30px;padding-left:23px;font-size:12px;}
  181. .ban_box .maind .login .mob .txtbox .td1{width:200px;}
  182. .ban_box .maind .login .mob .txtbox .td2{width:93px;text-align:right}
  183. .ban_box .maind .login .mob .btnbox{height:60px;padding-left:23px;}
  184. .ban_box .maind .login .mob .qqbox{padding-left:23px;}
  185. .ban_box .maind .login .mob .qqbox .qtit{font-size:14px;height:30px;margin-bottom:5px;border-bottom:1px #dddddd dashed;width:300px;}
  186. .ban_box .maind .login .mob .qqbox .qtit .qtit_left{float:left;width:50%;height: 20px;}
  187. .ban_box .maind .login .mob .qqbox .qtit .qtit_right{float:left;width:50%;text-align:right;font-size:12px;line-height:20px;}
  188. .ban_box .maind .login .mob .qqbox .imglist{width:45px;float:left;height:40px;}
  189. .ban_box .maind .login .mob .qqbox .appsparent{padding-top:5px;}
  190. .ban_box .maind .login .mob .qqbox .appsparent .apps{display:inline-block;*display:inline;*zoom:1;}
  191. .ban_box .maind .login .mob .qqbox .appsparent .apps .ali{width:35px;height:35px;float:left;margin-right:8px;margin-left:8px;background-image:url(../../images/119.png);background-repeat:no-repeat;display:block}
  192. .ban_box .maind .login .mob .qqbox .appsparent .ali.qq{background-position:-46px 0px;}
  193. .ban_box .maind .login .mob .qqbox .appsparent .ali.qq:hover{background-position:-46px -40px;}
  194. .ban_box .maind .login .mob .qqbox .appsparent .ali.weixin{background-position:-92px 0px;}
  195. .ban_box .maind .login .mob .qqbox .appsparent .ali.weixin:hover{background-position:-92px -40px;}
  196. .ban_box .maind .login .mob .qqbox .appsparent .ali.sina{background-position:0px 0px;}
  197. .ban_box .maind .login .mob .qqbox .appsparent .ali.sina:hover{background-position:0px -40px;}
  198. .ban_box .maind .login .mob .qqbox .appsparent .ali.taobao{background-position:-137px 0px;}
  199. .ban_box .maind .login .mob .qqbox .appsparent .ali.taobao:hover{background-position:-137px -40px;}
  200. .ban_box .maind .login .qr_code{position:relative;display:none}
  201. .ban_box .maind .login .qr_code .righttab{position:absolute;width:52px;height:52px;top:5px;right:5px;background:url(../../images/52.png) no-repeat 0px -131px;cursor:pointer;}
  202. .ban_box .maind .login .qr_code .righttab.hover{background:url(../../images/52.png) no-repeat 0px -191px;}
  203. .ban_box .maind .login .qr_code .tit{font-size:18px;padding-left:23px;padding-top:20px;height:48px;color:#333333}
  204. .ban_box .maind .login .qr_code .code{width:140px;height:140px;margin-top:35px;margin-left:100px;margin-bottom:80px;}
  205. .ban_box .maind .login .qr_code .txt{background:url(../../images/56.png) no-repeat 0px 3px;font-size:12px;padding-left:40px;margin-left:110px}
  206. /*会员注册选择------------------*/
  207. .reg_box{width:812px;min-height: 100%;margin:0 auto;position: relative;}
  208. .reg_select{width:812px;position: absolute;left: 0;top: 160px;box-shadow: 0px 0px 8px 6px rgba(0,0,0,0.1);;border-radius: 6px;}
  209. .reg_select .reg_select_lf{width:482px;height: 553px;background-color:#FFFFFF;float: left;border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
  210. .reg_select .reg_select_rt{width:330px;height: 553px;float: right;background: url(../../images/register/rt_bg.jpg) no-repeat;background-size:cover;border-top-left-radius: 0px;border-top-right-radius: 6px;border-bottom-left-radius: 0px; border-bottom-right-radius: 6px;}
  211. .reg_select .slogo{width: 482px;height:120px;text-align:center;display: table-cell;vertical-align: middle;}
  212. .reg_select .slogo img{max-width: 400px;max-height: 90px;}
  213. .reg_select .tit{text-align: center;font-size: 16px;position: relative;}
  214. .reg_select .tit span:before{position: absolute;left: 40px;top: 10px;width: 120px;height: 1px;background-color: #e0e0e0;content: "";}
  215. .reg_select .tit span:after{position: absolute;right: 40px;top: 10px;width: 120px;height: 1px;background-color: #e0e0e0;content: "";}
  216. .reg_select .sbox{margin:0 auto;margin-top:52px;width:482px;}
  217. .reg_select .sbox .slisit1{width:142px;float:left;cursor:pointer;margin-left: 70px;}
  218. .reg_select .sbox .slisit1 .sicon1{width: 142px;height: 173px;border: 1px solid #3689e2;background:#3689e2 url(../../images/register/com_icon.png) no-repeat center;;border-radius: 8px;}
  219. .reg_select .sbox .slisit1:hover{color:#5F8DC9}
  220. .reg_select .sbox .slisit1:hover .sicon1{border: 1px solid #3689e2;background:#ffffff url(../../images/register/com_icon_sel.png) no-repeat center;}
  221. .reg_select .sbox .slisitc{width:150px;float:left;height:100px;}
  222. .reg_select .sbox .slisit2{width:142px;float:right;cursor:pointer;margin-right: 70px;}
  223. .reg_select .sbox .slisit2 .sicon2{width: 142px;height: 173px;background: url(../../images/register/per_icon.png) no-repeat center;border-radius: 8px;border: 1px solid #f6bc0a}
  224. .reg_select .sbox .slisit2:hover{color:#5F8DC9}
  225. .reg_select .sbox .slisit2:hover .sicon2{background: #f6bc0a url(../../images/register/per_icon_sel.png) no-repeat center;border-color:#f6bc0a;}
  226. .reg_select .sbox .stitle{text-align:center;font-size:16px;margin: 10px 0;}
  227. .reg_select .sbox .stxt{font-size:14px;line-height:24px;text-align:center;}
  228. .reg_select .sbox .stxt span{position: relative;}
  229. .reg_select .sbox .stxt span:before{content: "";width: 7px;height: 7px;border-radius:50% ;background-color: #f28817;position: absolute;left: -15px;top: 7px;}
  230. .reg_select .sfooter{height: 52px; margin-top: 20px;background-color: #eff1f5; border-bottom-left-radius: 6px;line-height: 52px;padding: 0 45px;}
  231. .reg_select .sfooter .sf1{float: left;}
  232. .reg_select .sfooter .sf1 span{color: #333333;}
  233. .reg_select .sfooter .sf1 a{display: inline-block;text-decoration: none; text-align: center; width: 78px; height: 24px;line-height: 24px; color: #fff; background-color: #3689e2; border-radius: 4px;}
  234. .reg_select .sfooter .sf1 a:hover{background-color:#5F8DC9;}
  235. .reg_select .sfooter .sf2{float: right;}
  236. .reg_select .sfooter .sf2 a{text-decoration: none; color: #3689e2;}
  237. .reg_select .sfooter .sf2:hover{text-decoration: underline;}
  238. .reg_select_bg{width:900px;margin:0 auto;height:30px;}
  239. .reg_select_bg .bl{width:500px;float:left;height:30px;background-image:url(../../images/69.png);background-repeat:no-repeat;background-position:0px 0px;}
  240. .reg_select_bg .br{width:400px;float:left;height:30px;background-image:url(../../images/69.png);background-repeat:no-repeat;background-position:right -30px;}
  241. /*会员注册- 企业注册------------------*/
  242. .reg_com{width:1004px;margin:60px auto;background-color:#FFFFFF;border-radius:6px;box-shadow: 0px 0px 8px 6px rgba(0,0,0,0.1) ;}
  243. .reg_com .rl{float:left;width:652px;padding-top:20px;position:relative;}
  244. .reg_com .rl .slogo{width: 295px;height: 50px;overflow: hidden;margin-left: 60px;}
  245. .reg_com .rl .slogo img{max-width: 295px;max-height: 50px;}
  246. .reg_com .rl .switch_title{position:absolute;top:35px;right:20px;}
  247. .reg_com .rl .regicon{margin-top: 15px;margin-left: 65px;font-size: 18px;color: #333333;padding-left: 28px;background: url(../../images/register/com_tit_icon.png) no-repeat left center;}
  248. .reg_com .rl .regtit{font-size:16px;border-left:5px #5F8DC9 solid;height:20px;line-height:20px;margin-left:65px;padding-left:8px;margin-top:15px;margin-bottom:8px;}
  249. .reg_com .rl .regtit span{font-size:12px;color:#999999;padding-left:15px;}
  250. .reg_com .rl .td1{width:315px;padding-left:65px;height:42px;margin-top:8px;margin-bottom:8px;position:relative}
  251. .reg_com .rl .tips_td{padding-left:65px;height:20px;line-height:20px;margin-bottom:8px;color:#1589db;}
  252. .reg_com .rl .td1 .val{width:120px;height:30px;position:absolute;left:45px;top:10px;padding-left:10px;color:#999999;cursor:text}
  253. .reg_com .rl .td2{width:260px;height:37px;margin-top:8px;margin-bottom:8px;padding-top:6px;}
  254. .reg_com .rl .td2 .ok{width:14px;height:14px;background-image:url(../../images/79.png);margin-top:8px;}
  255. .reg_com .rl .td2 .tip{display:none;position:relative;font-size:12px;}
  256. .reg_com .rl .td2 .tip .fimg{position:absolute;left:0px;top:0px;background-image:url(../../images/70.png);background-repeat:no-repeat;background-position:0px -55px;width:20px;height:30px;}
  257. .reg_com .rl .td2 .tip .ftxt{position:absolute;left:4px;top:0px;padding:6px 10px;border:1px #dddddd solid;border-left-width:0px;display:inline;white-space:nowrap;}
  258. .reg_com .rl .td2 .tip.err{}
  259. .reg_com .rl .td2 .tip.err .fimg{background-position:0px -5px;width:30px;}
  260. .reg_com .rl .td2 .tip.err .ftxt{border-color:#D66564;padding-left:30px;background-color:#FFF2EF;color:#CC0000}
  261. .reg_com .rl .td2 .tip.err{background-color:#FFF2EF}
  262. .reg_com .rl .td2.open .tip{display:block;}
  263. .reg_com .rl .td2.okopen .ok{display:block;}
  264. .reg_com .rl .safety{padding-left:64px;width:500px;height:30px;}
  265. .reg_com .rl .safety .slist{float:left;width:97px;border:1px #FFFFFF solid;height:22px;line-height:22px;font-size:12px;text-align:center;background-color:#EEEEEE;}
  266. .reg_com .rl .safety .slist.t1.select{color:#FFFFFF;background-color:#D83432;}
  267. .reg_com .rl .safety .slist.t2.select{color:#FFFFFF;background-color:#F9BC5B;}
  268. .reg_com .rl .safety .slist.t3.select{color:#FFFFFF;background-color:#43C668;}
  269. .reg_com .rl .agreement{padding-left:65px;font-size:12px;height:30px;margin-top:10px;}
  270. .reg_com .rl .btnbox{padding-left:65px;margin-top:10px;height:50px;}
  271. .reg_com .rl .tel_td1{float:left;width:82px;position:relative}
  272. .reg_com .rl .tel_td1 input{width:60px;}
  273. .reg_com .rl .tel_td1 .val{left:0px;width:30px;}
  274. .reg_com .rl .tel_td2{float:left;width:142px;position:relative}
  275. .reg_com .rl .tel_td2 input{width:120px;}
  276. .reg_com .rl .tel_td2 .val{left:0px;width:60px;}
  277. .reg_com .rl .tel_td3{float:left;width:60px;position:relative}
  278. .reg_com .rl .tel_td3 input{width:58px;}
  279. .reg_com .rl .tel_td3 .val{left:0px;width:30px;}
  280. .reg_com .rr{float:left;width:352px;height:840px;background-color:#F7F7F7;background-image:url(../../images/register/com_bg.jpg);background-repeat:no-repeat;background-position:bottom right;padding-top:20px;border-top-right-radius:6px; border-bottom-right-radius: 6px;}
  281. .reg_com .rr .gohome{display: block;text-align: right;padding-right: 35px;margin-bottom: 60px;}
  282. .reg_com .rr .gohome:hover{text-decoration: underline;}
  283. .reg_com .rr .webchat-login-code{height: 260px;overflow: hidden;text-align: center;}
  284. .reg_com .rr .webchat-login-code .wtitle{color: #373737;margin-top: 8px;font-size: 20px;line-height: 1.6;}
  285. .reg_com .rr .webchat-login-code img{width: 140px;height: 140px;border: 1px solid #E2E2E2;margin-top: 15px;}
  286. .reg_com .rr .tittxt{height:40px;text-align:center;margin-top:15px;word-break:break-all;word-wrap: break-word;}
  287. .reg_com .rr .logintxt{height:35px;padding-left:15px;display: inline-block;margin-top: 15px;}
  288. .reg_com .rr .loginappimg{text-align: center;margin-top: 15px;}
  289. .reg_com .rr .loginappimg .txt{margin-bottom: 10px;}
  290. .reg_com .rr .loginappimg .imgli{width:44px;height:44px;display:block;float:left;margin-right:25px;text-decoration:none;background-image:url(../../images/76.png);background-repeat:no-repeat;}
  291. .reg_com .rr .loginappimg .imgli.taobao{background-position:0px 0px;}
  292. .reg_com .rr .loginappimg .imgli.taobao.hover{background-position:0px -70px;}
  293. .reg_com .rr .loginappimg .imgli.qq{background-position:-170px 0px;margin-left: 58px;}
  294. .reg_com .rr .loginappimg .imgli.qq.hover{background-position:-170px -70px;}
  295. .reg_com .rr .loginappimg .imgli.sina{background-position:-87px 0px;}
  296. .reg_com .rr .loginappimg .imgli.sina.hover{background-position:-87px -70px;}
  297. .reg_com .rr .loginappimg .app-icon.qq{width: 35px;height:35px;display:block;background-position:-46px 0px;margin: 0 auto; background-image: url(../../images/login/119.png)}
  298. .reg_com .rr .loginappimg .app-icon.qq:hover{background-position: -46px -40px;}
  299. .reg_com .rr .code{border:1px #dddddd solid;height:140px;width:140px;margin-left:100px;}
  300. .reg_com .rr .btn_blue{background-color: #3689e2;}
  301. .reg_com .rr .btn_blue:hover{background-color: #4579C0;}
  302. .reg_com_bg{width:998px;margin:0 auto;height:30px;}
  303. .reg_com_bg .bl{width:500px;float:left;height:30px;background-image:url(../../images/69.png);background-repeat:no-repeat;background-position:0px 0px;}
  304. .reg_com_bg .br{width:498px;float:left;height:30px;background-image:url(../../images/69.png);background-repeat:no-repeat;background-position:right -30px;}
  305. /*会员注册- 个人注册------------------*/
  306. .reg_per_box{width:1004px;margin:0 auto;position: relative;min-height: 100%;}
  307. .reg_per{position: absolute;left:0;top:120px;background-color:#FFFFFF;box-shadow: 0px 0px 8px 6px rgba(0,0,0,0.1);border-radius:6px ;}
  308. .reg_per .rl{float:left;width:652px;padding-top:20px;overflow:hidden;min-height:650px;position:relative;}
  309. .reg_per .rl .slogo{width: 295px; height: 50px; overflow: hidden;margin-left: 60px;}
  310. .reg_per .rl .slogo img{max-width: 295px; max-height: 50px; }
  311. .reg_per .rl .switch_title{position:absolute;top:35px;right:20px;}
  312. .reg_per .rl .regicon{margin-top: 15px; margin-left: 65px; font-size: 18px; color: #333333;padding-left: 28px; background: url(../../images/register/per_tit_icon.png) no-repeat left center;}
  313. .reg_per .rl .tabshow{display: none;}
  314. .reg_per .rl .regtab{background-image:url(../../images/11.png);background-repeat:repeat-x;background-position:bottom;width:295px;height:45px;margin-left:65px;margin-bottom:20px;margin-top:15px;}
  315. .reg_per .rl .regtab .t1{width:99px;height:45px;float:left;cursor:pointer}
  316. .reg_per .rl .regtab .t1 .v{background-image:url(../../images/78.png);background-repeat:repeat-x;background-position:0px -29px;padding-left:23px;height:20px;margin-top:10px;margin-left:7px;}
  317. .reg_per .rl .regtab .t1.select{color:#5F8DC9;background-image:url(../../images/78.png);background-repeat:repeat-x;background-position:center bottom;}
  318. .reg_per .rl .regtab .t1.select .v{background-position:0px -126px;}
  319. .reg_per .rl .regtab .t2{width:99px;height:45px;float:left;cursor:pointer}
  320. .reg_per .rl .regtab .t2 .v{background-image:url(../../images/78.png);background-repeat:repeat-x;background-position:0px 5px;padding-left:24px;height:20px;margin-top:10px;margin-left:7px;}
  321. .reg_per .rl .regtab .t2.select{color:#5F8DC9;background-image:url(../../images/78.png);background-repeat:repeat-x;background-position:center bottom;}
  322. .reg_per .rl .regtab .t2.select .v{background-position:0px -96px;}
  323. .reg_per .rl .regtab .t3{width:97px;height:45px;float:left;cursor:pointer}
  324. .reg_per .rl .regtab .t3 .v{background-image:url(../../images/78.png);background-repeat:repeat-x;background-position:0px -60px;padding-left:25px;height:20px;margin-top:10px;margin-left:7px;}
  325. .reg_per .rl .regtab .t3.select{color:#5F8DC9;background-image:url(../../images/78.png);background-repeat:repeat-x;background-position:center bottom;}
  326. .reg_per .rl .regtab .t3.select .v{background-position:0px -158px;}
  327. .reg_per .rl .had-remind{ padding-left: 65px; display: none;}
  328. .reg_per .rl .td1{width:315px;padding-left:65px;height:42px;margin-top:8px;margin-bottom:8px;position:relative;}
  329. .reg_per .rl .td1 .val{width:120px;height:30px;position:absolute;left:45px;top:10px;padding-left:10px;color:#999999;cursor:text}
  330. .reg_per .rl .td2{width:260px;height:37px;margin-top:8px;margin-bottom:8px;padding-top:6px;}
  331. .reg_per .rl .td2 .ok{width:14px;height:14px;background-image:url(../../images/79.png);margin-top:8px;}
  332. .reg_per .rl .td2 .tip{position:relative;font-size:12px;}
  333. .reg_per .rl .td2 .tip .fimg{position:absolute;left:0px;top:0px;background-image:url(../../images/70.png);background-repeat:no-repeat;background-position:0px -55px;width:20px;height:30px;}
  334. .reg_per .rl .td2 .tip .ftxt{position:absolute;left:4px;top:0px;padding:6px 10px;border:1px #dddddd solid;border-left-width:0px;display:inline;white-space:nowrap;}
  335. .reg_per .rl .td2 .tip.err{}
  336. .reg_per .rl .td2 .tip.err .fimg{background-position:0px -5px;width:30px;}
  337. .reg_per .rl .td2 .tip.err .ftxt{border-color:#D66564;padding-left:30px;background-color:#FFF2EF;color:#CC0000}
  338. .reg_per .rl .td2 .tip.err{background-color:#FFF2EF}
  339. .reg_per .rl .safety{padding-left:64px;width:500px;height:30px;}
  340. .reg_per .rl .safety .slist{float:left;width:97px;border:1px #FFFFFF solid;height:22px;line-height:22px;font-size:12px;text-align:center;background-color:#EEEEEE;}
  341. .reg_per .rl .safety .slist.t1.select{color:#FFFFFF;background-color:#D83432}
  342. .reg_per .rl .safety .slist.t2.select{color:#FFFFFF;background-color:#F9BC5B}
  343. .reg_per .rl .safety .slist.t3.select{color:#FFFFFF;background-color:#43C668}
  344. .reg_per .rl .agreement{padding-left:65px;font-size:12px;height:30px;margin-top:10px;}
  345. .reg_per .rl .code{float:left;width:180px;position:relative;overflow:hidden;}
  346. .reg_per .rl .code input{width:185px;border-right-width:0px;border-radius:4px 0px 0px 4px;}
  347. .reg_per .rl .code .val{left:0px;}
  348. .reg_per .rl .codebtn{float:left;width:113px;height:50px;}
  349. .reg_per .rl .codebtn div{width:113px;padding:0px;height:42px;line-height:42px;border-radius:0px 4px 4px 0px;}
  350. .reg_per .rl .codebtn .btn_yellow{width:113px;padding:0px;height:42px;line-height:42px;border-radius:0px 4px 4px 0px;background-color: #3689e2;}
  351. .reg_per .rl .codebtn .btn_yellow:hover{background-color: #4579C0;}
  352. .reg_per .rl .weixin{padding-top:20px;}
  353. .reg_per .rl .weixin .weixin_tit{padding-left:195px;font-size:18px;height:30px;color:#333333}
  354. .reg_per .rl .weixin .weixin_code{width:140px;height:140px;border:1px #dddddd solid;margin-top:35px;margin-left:200px;margin-bottom:50px;}
  355. .reg_per .rl .weixin .weixin_txt{background:url(../../images/56.png) no-repeat 0px 3px;font-size:12px;padding-left:40px;margin-left:200px}
  356. .reg_per .rl .btnbox{padding-left:65px;margin-top:10px;margin-bottom:70px;height:50px;}
  357. .reg_per .rr{float:left;width:352px;height:740px;background-color:#F7F7F7;background-image:url(../../images/register/com_bg.jpg);background-repeat:no-repeat;padding-top:20px;border-bottom-right-radius:6px; border-top-right-radius:6px;}
  358. .reg_per .rr .gohome{display: block; text-align: right; padding-right: 35px;margin-bottom: 60px;}
  359. .reg_per .rr .gohome:hover{text-decoration: underline;}
  360. .reg_per .rr .webchat-login-code{height: 260px;overflow: hidden;text-align: center;}
  361. .reg_per .rr .webchat-login-code .wtitle{color: #373737;margin-top: 8px;font-size: 20px;line-height: 1.6;}
  362. .reg_per .rr .webchat-login-code img{width: 140px;height: 140px;border: 1px solid #E2E2E2;margin-top: 15px;}
  363. .reg_per .rr .tittxt{height:40px;text-align:center;margin-top:15px;word-break: break-all;word-wrap: break-word;}
  364. .reg_per .rr .logintxt{height:35px;padding-left:15px;display: inline-block;margin-top: 15px;}
  365. .reg_per .rr .btn_blue{background-color: #3689e2;}
  366. .reg_per .rr .btn_blue:hover{background-color: #4579C0;}
  367. .reg_per .rr .loginappimg{text-align: center;margin-top: 15px;}
  368. .reg_per .rr .loginappimg .txt{margin-bottom: 10px;}
  369. .reg_per .rr .loginappimg .imgli{width:44px;height:44px;display:block;float:left;margin-right:25px;text-decoration:none;background-image:url(../../images/76.png);background-repeat:no-repeat;}
  370. .reg_per .rr .loginappimg .imgli.taobao{background-position:0px 0px;}
  371. .reg_per .rr .loginappimg .imgli.taobao.hover{background-position:0px -70px;}
  372. .reg_per .rr .loginappimg .imgli.qq{background-position:-170px 0px;margin-left: 58px;}
  373. .reg_per .rr .loginappimg .imgli.qq.hover{background-position:-170px -70px;}
  374. .reg_per .rr .loginappimg .imgli.sina{background-position:-87px 0px;}
  375. .reg_per .rr .loginappimg .imgli.sina.hover{background-position:-87px -70px;}
  376. .reg_per .rr .loginappimg .app-icon.qq{width: 35px;height:35px;display:block;background-position:-46px 0px;margin: 0 auto; background-image: url(../../images/login/119.png)}
  377. .reg_per .rr .loginappimg .app-icon.qq:hover{background-position: -46px -40px;}
  378. .reg_per .rr .code{border:1px #dddddd solid;height:140px;width:140px;margin-left:100px;}
  379. .reg_per_bg{width:998px;margin:0 auto;height:30px;}
  380. .reg_per_bg .bl{width:500px;float:left;height:30px;background-image:url(../../images/69.png);background-repeat:no-repeat;background-position:0px 0px;}
  381. .reg_per_bg .br{width:498px;float:left;height:30px;background-image:url(../../images/69.png);background-repeat:no-repeat;background-position:right -30px;}
  382. /*找回密码------------------*/
  383. .find_pwd{width:998px;margin:0 auto;margin-top:20px;border:1px #dddddd solid;background-color:#FFFFFF}
  384. .find_pwd .step{width:410px;margin:0 auto;height:65px;background-image:url(../../images/55.png);background-repeat:no-repeat;background-position:0px 0px;margin-top:40px;}
  385. .find_pwd .step.s2{background-position:0px -80px;}
  386. .find_pwd .step.s3{background-position:0px -160px;}
  387. .find_pwd .steptxt{width:525px;margin:0 auto;margin-top:15px;margin-bottom:18px;}
  388. .find_pwd .steptxt .tli{float:left;width:175px;text-align:center;}
  389. .find_pwd .rl{width:800px;padding-top:20px;margin-left:310px;padding-bottom:50px;}
  390. .find_pwd .rl .td1{width:315px;padding-left:45px;height:42px;margin-top:8px;margin-bottom:8px;}
  391. .find_pwd .rl .code{float:left;width:180px;position:relative;overflow:hidden;}
  392. .find_pwd .rl .code input{width:185px;border-right-width:0px;border-radius:4px 0px 0px 4px;}
  393. .find_pwd .rl .codebtn{float:left;width:113px;height:50px;}
  394. .find_pwd .rl .codebtn div{width:113px;padding:0px;height:42px;line-height:42px;border-radius:0px 4px 4px 0px;}
  395. .find_pwd .rl .codebtn .btn_yellow{width:113px;padding:0px;height:42px;line-height:42px;border-radius:0px 4px 4px 0px;}
  396. .find_pwd .rl .td2{width:260px;height:37px;margin-top:8px;margin-bottom:8px;padding-top:6px;}
  397. .find_pwd .rl .td2 .ok{width:14px;height:14px;background-image:url(../../images/79.png);margin-top:8px;}
  398. .find_pwd .rl .td2 .tip{position:relative;font-size:12px;}
  399. .find_pwd .rl .td2 .tip .fimg{position:absolute;left:0px;top:0px;background-image:url(../../images/70.png);background-repeat:no-repeat;background-position:0px -55px;width:20px;height:30px;}
  400. .find_pwd .rl .td2 .tip .ftxt{position:absolute;left:4px;top:0px;padding:6px 10px;border:1px #dddddd solid;border-left-width:0px;display:inline;white-space:nowrap;}
  401. .find_pwd .rl .td2 .tip.err{}
  402. .find_pwd .rl .td2 .tip.err .fimg{background-position:0px -5px;width:30px;}
  403. .find_pwd .rl .td2 .tip.err .ftxt{border-color:#D66564;padding-left:30px;background-color:#FFF2EF;color:#CC0000}
  404. .find_pwd .rl .td2 .tip.err{background-color:#FFF2EF}
  405. .find_pwd .rl .safety{padding-left:44px;width:500px;height:30px;}
  406. .find_pwd .rl .safety .slist{float:left;width:97px;border:1px #FFFFFF solid;height:22px;line-height:22px;font-size:12px;text-align:center;background-color:#EEEEEE;}
  407. .find_pwd .rl .safety .slist.t1.select{color:#FFFFFF;background-color:#D83432}
  408. .find_pwd .rl .safety .slist.t2.select{color:#FFFFFF;background-color:#F9BC5B}
  409. .find_pwd .rl .safety .slist.t3.select{color:#FFFFFF;background-color:#43C668}
  410. .find_pwd .rl .mobileshow{display:block;}
  411. .find_pwd .rl .emailshow{display:none;}
  412. .find_pwd .rl .selecttip{font-size:12px;padding-left:45px;padding-top:10px;padding-bottom:15px;}
  413. .find_pwd .rl .bottom_appeal_tip{font-size:12px;padding-left:45px;padding-top:10px;padding-bottom:15px;line-height:200%;}
  414. .find_pwd .rl .find_ok{background-image:url(../../images/81.png);background-repeat:no-repeat;background-position:0px 5px;height:100px;padding-left:65px;font-size:12px;margin-left:70px;margin-top:30px;}
  415. .find_pwd .rl .find_ok h3{font-size:28px;height:45px;font-weight:100}
  416. .find_pwd .rl .btnbox{padding-left:45px;margin-top:10px;height:50px;}
  417. .find_pwd_bg{width:998px;margin:0 auto;height:30px;}
  418. .find_pwd_bg .bl{width:500px;float:left;height:30px;background-image:url(../../images/69.png);background-repeat:no-repeat;background-position:0px 0px;}
  419. .find_pwd_bg .br{width:498px;float:left;height:30px;background-image:url(../../images/69.png);background-repeat:no-repeat;background-position:right -30px;}
  420. .find_pwd_bg_confirm{width:698px;margin:0 auto;height:30px;}
  421. .find_pwd_bg_confirm .bl{width:350px;float:left;height:30px;background-image:url(../../images/69.png);background-repeat:no-repeat;background-position:0px 0px;}
  422. .find_pwd_bg_confirm .br{width:348px;float:left;height:30px;background-image:url(../../images/69.png);background-repeat:no-repeat;background-position:right -30px;}
  423. /*账号申诉------------------*/
  424. .appeal_user{width:998px;margin:0 auto;margin-top:20px;border:1px #dddddd solid;background-color:#FFFFFF}
  425. .appeal_user .titbg{height:190px;width:998px;background-color:#F3FAFF}
  426. .appeal_user .titbg .ltit{float:left;height:190px;width:450px;background-image:url(../../images/82.png);background-repeat:no-repeat;background-position:right 35px;}
  427. .appeal_user .titbg .ltit .t{font-size:18px;padding-left:330px;padding-top:82px;}
  428. .appeal_user .titbg .rtit{float:left;width:450px;}
  429. .appeal_user .titbg .rtit .t{line-height:315%;padding-top:28px;padding-left:15px;}
  430. .appeal_user .rl{width:800px;padding-top:20px;margin-left:310px;padding-bottom:50px;}
  431. .appeal_user .rl .td1{width:315px;padding-left:45px;height:42px;margin-top:8px;margin-bottom:8px;}
  432. .appeal_user .rl .td1.h{height:90px;}
  433. .appeal_user .rl .td1 textarea{width:280px;}
  434. .appeal_user .rl .td2{width:260px;height:37px;margin-top:8px;margin-bottom:8px;padding-top:6px;}
  435. .appeal_user .rl .td2 .ok{width:14px;height:14px;background-image:url(../../images/79.png);margin-top:8px;}
  436. .appeal_user .rl .td2 .tip{position:relative;font-size:12px;}
  437. .appeal_user .rl .td2 .tip .fimg{position:absolute;left:0px;top:0px;background-image:url(../../images/70.png);background-repeat:no-repeat;background-position:0px -55px;width:20px;height:31px;}
  438. .appeal_user .rl .td2 .tip .ftxt{position:absolute;left:4px;top:0px;padding:6px 10px;border:1px #dddddd solid;border-left-width:0px;display:inline;white-space:nowrap;}
  439. .appeal_user .rl .td2 .tip.err{}
  440. .appeal_user .rl .td2 .tip.err .fimg{background-position:0px -5px;width:30px;}
  441. .appeal_user .rl .td2 .tip.err .ftxt{border-color:#D66564;padding-left:30px;background-color:#FFF2EF;color:#CC0000}
  442. .appeal_user .rl .td2 .tip.err{background-color:#FFF2EF}
  443. .appeal_user .rl .appeal_tip{font-size:12px;padding-left:45px;padding-top:10px;padding-bottom:15px;}
  444. .appeal_user .rl .btnbox{padding-left:45px;margin-top:10px;height:50px;}
  445. .appeal_user .rl .appeal_ok{background-image:url(../../images/81.png);background-repeat:no-repeat;background-position:0px 5px;height:100px;padding-left:65px;font-size:12px;margin-left:70px;margin-top:30px;}
  446. .appeal_user .rl .appeal_ok h3{font-size:28px;height:45px;font-weight:100}
  447. .appeal_user_bg{width:998px;margin:0 auto;height:30px;}
  448. .appeal_user_bg .bl{width:500px;float:left;height:30px;background-image:url(../../images/69.png);background-repeat:no-repeat;background-position:0px 0px;}
  449. .appeal_user_bg .br{width:498px;float:left;height:30px;background-image:url(../../images/69.png);background-repeat:no-repeat;background-position:right -30px;}
  450. /*第三方账号绑定------------------*/
  451. .apilogin_binding{width:918px;margin:0 auto;margin-top:20px;min-height:500px;border:1px #dddddd solid;background-color:#FFFFFF;padding-top:60px;padding-bottom:50px;padding-left:80px;}
  452. .apilogin_binding .apil{padding-left:30px;width:250px;float:left}
  453. .apilogin_binding .apil .tbnox{width:200px;border:1px #dddddd solid;}
  454. .apilogin_binding .apil .tbnox .tit{height:40px;text-align:center;font-size:12px;padding-top:15px;}
  455. .apilogin_binding .apil .tbnox .imgbox{width:80px;height:80px;border:1px #dddddd solid;margin:0 auto;}
  456. .apilogin_binding .apil .tbnox .imgbox img{width:80px;height:80px;}
  457. .apilogin_binding .apil .tbnox .apiname{height:30px;text-align:center;margin-top:16px;margin-bottom:18px;}
  458. .apilogin_binding .apic{float:left;width:150px;height:300px;background-image:url(../../images/93.png);background-repeat:no-repeat;background-position:13px 15px;}
  459. .apilogin_binding .apir{float:left;width:370px;height:300px;border:1px #dddddd solid;}
  460. .apilogin_binding .apir .logtit{width:370px;border-bottom:1px #dddddd solid;height:52px;line-height:40px;margin-bottom:30px;}
  461. .apilogin_binding .apir .err{display:none;width:290px;margin-left:35px;height:26px;line-height:26px;color:#CC3300;background-color:#FFD8CE;border:1px #FF9E86 solid;font-size:12px;padding-left:10px;margin-bottom:15px;border-radius:3px;}
  462. .apilogin_binding .apir .err.success{display:block;background-color: #eefff2;border: 1px #4bd16f solid;color: #09771d;}
  463. .apilogin_binding .apir.openerr .err{display:block;}
  464. .apilogin_binding .apir .logtit .alohtit{width:150px;padding-left:35px;float:left;font-size:18px;line-height:52px;}
  465. .apilogin_binding .apir .logtit .aloright{width:140px;padding-left:15px;float:left;text-align:right;font-size:14px;line-height:52px;}
  466. .apilogin_binding .apir .inpubox{height:55px;margin-left:35px;margin-top:10px;position:relative;}
  467. .apilogin_binding .apir .inpubox input.input_focus{background-color:#FFFFFF;border-color:#33CCFF}
  468. .apilogin_binding .apir .inpubox .imgbg{background-image:url(../../images/51.png);background-repeat:no-repeat;background-position:left 0px;width:40px;height:40px;left:1px;top:1px;position:absolute;border-radius:3px;}
  469. .apilogin_binding .apir .inpubox .imgbg.pwd{background-position:left -63px;}
  470. .apilogin_binding_bg{width:998px;margin:0 auto;height:30px;}
  471. .apilogin_binding_bg .bl{width:500px;float:left;height:30px;background-image:url(../../images/69.png);background-repeat:no-repeat;background-position:0px 0px;}
  472. .apilogin_binding_bg .br{width:498px;float:left;height:30px;background-image:url(../../images/69.png);background-repeat:no-repeat;background-position:right -30px;}
  473. /*新注册账号绑定*/
  474. .apilogin_binding_new{display:none;width:978px;margin:0 auto;margin-top:20px;min-height:500px;overflow:hidden;border:1px #dddddd solid;background-color:#FFFFFF;padding-top:60px;padding-bottom:50px;padding-left:20px;}
  475. .apilogin_binding_new .apil{padding-left:14px;width:210px;float:left}
  476. .apilogin_binding_new .apil .tbnox{width:200px;border:1px #dddddd solid;}
  477. .apilogin_binding_new .apil .tbnox .tit{height:40px;text-align:center;font-size:12px;padding-top:15px;}
  478. .apilogin_binding_new .apil .tbnox .imgbox{width:80px;height:80px;border:1px #dddddd solid;margin:0 auto;}
  479. .apilogin_binding_new .apil .tbnox .imgbox img{width:80px;height:80px;}
  480. .apilogin_binding_new .apil .tbnox .apiname{height:30px;text-align:center;margin-top:16px;margin-bottom:18px;}
  481. .apilogin_binding_new .apic{float:left;width:110px;height:300px;background-image:url(../../images/93.png);background-repeat:no-repeat;background-position:13px 15px;}
  482. .apilogin_binding_new .apir{float:left;width:610px;border:1px #dddddd solid;}
  483. .apilogin_binding_new .apir .regtitson{width:370px;height:52px;line-height:40px;margin-bottom:20px;}
  484. .apilogin_binding_new .apir .regtitson .alohtit{padding-left:35px;float:left;font-size:22px;line-height:66px;}
  485. .apilogin_binding_new .apir .reg_tab{position:relative;padding-left:35px;}
  486. .apilogin_binding_new .apir .reg_tab .tab_list{position:relative;float:left;width:168px;height:40px;line-height:40px;border:1px #dddddd solid;border-bottom:0;font-size:16px;text-align:center;color:#666666;background:#f8f8f8;cursor:pointer;}
  487. .apilogin_binding_new .apir .reg_tab .tab_list.select{background:#fff;color:#3e85b9;}
  488. .apilogin_binding_new .apir .reg_tab .tab_list.last{margin-left:10px;}
  489. .apilogin_binding_new .apir .reg_tab .tab_list .txt{display:inline-block;*display:inline;*zoom:1;padding-left:25px;background:url(../../images/148.png) no-repeat 0 12px;}
  490. .apilogin_binding_new .apir .reg_tab .tab_list.select .txt{background-position:0 -24px;}
  491. .apilogin_binding_new .apir .reg_tab .tab_list .txt.icon2{background-position:0 -59px;}
  492. .apilogin_binding_new .apir .reg_tab .tab_list.select .txt.icon2{background-position:0 -95px;}
  493. .apilogin_binding_new .apir .reg_tab .tab_list .bttom_line{display:none;position:absolute;left:0;bottom:-1px;width:168px;height:1px;background:#fff;}
  494. .apilogin_binding_new .apir .reg_tab .tab_list.select .bttom_line{display:block;}
  495. .apilogin_binding_new .apir .reg_tab .back_to{position:absolute;top:10px;right:30px;font-size:12px;}
  496. .apilogin_binding_new .apir .solid_line{width:560px;height:1px;background:#DDDDDD;margin:0 auto;}
  497. .apilogin_binding_new .regcontent_box{padding-top:15px;}
  498. .apilogin_binding_new .regcontent_box.last{display:none;}
  499. .apilogin_binding_new .apir .td1{width:315px;padding-left:35px;height:42px;margin-top:8px;margin-bottom:8px;position:relative;}
  500. .apilogin_binding_new .apir .td1 .val{width:120px;height:30px;position:absolute;left:45px;top:10px;padding-left:10px;color:#999999;cursor:text}
  501. .apilogin_binding_new .apir .td2{width:210px;height:37px;margin-top:8px;margin-bottom:8px;padding-top:6px;}
  502. .apilogin_binding_new .apir .td2 .ok{width:14px;height:14px;background-image:url(../../images/79.png);margin-top:8px;}
  503. .apilogin_binding_new .apir .td2 .tip{position:relative;font-size:12px;}
  504. .apilogin_binding_new .apir .td2 .tip .fimg{position:absolute;left:0px;top:0px;background-image:url(../../images/70.png);background-repeat:no-repeat;background-position:0px -55px;width:20px;height:31px;}
  505. .apilogin_binding_new .apir .td2 .tip .ftxt{position:absolute;left:4px;top:0px;padding:6px 10px;border:1px #dddddd solid;border-left-width:0px;display:inline;white-space:nowrap;}
  506. .apilogin_binding_new .apir .td2 .tip.err{}
  507. .apilogin_binding_new .apir .td2 .tip.err .fimg{background-position:0px -5px;width:30px;}
  508. .apilogin_binding_new .apir .td2 .tip.err .ftxt{border-color:#D66564;padding-left:30px;background-color:#FFF2EF;color:#CC0000}
  509. .apilogin_binding_new .apir .td2 .tip.err{background-color:#FFF2EF}
  510. .apilogin_binding_new .apir .safety{padding-left:34px;width:500px;height:30px;}
  511. .apilogin_binding_new .apir .safety .slist{float:left;width:97px;border:1px #FFFFFF solid;height:22px;line-height:22px;font-size:12px;text-align:center;background-color:#EEEEEE;}
  512. .apilogin_binding_new .apir .safety .slist.t1.select{color:#FFFFFF;background-color:#D83432}
  513. .apilogin_binding_new .apir .safety .slist.t2.select{color:#FFFFFF;background-color:#F9BC5B}
  514. .apilogin_binding_new .apir .safety .slist.t3.select{color:#FFFFFF;background-color:#43C668}
  515. .apilogin_binding_new .apir .agreement{padding-left:45px;font-size:12px;height:30px;margin-top:10px;}
  516. .apilogin_binding_new .apir .btnbox{padding-left:35px;margin-top:10px;height:50px;margin-bottom:10px;}
  517. .apilogin_binding_new .apir .regtit{font-size:16px;border-left:5px #5F8DC9 solid;height:20px;line-height:20px;margin-left:35px;padding-left:8px;margin-top:20px;margin-bottom:8px;}
  518. .apilogin_binding_new .apir .regtit span{font-size:12px;color:#999999;padding-left:15px;}
  519. .apilogin_binding_new .apir .tel_td1{float:left;width:82px;position:relative}
  520. .apilogin_binding_new .apir .tel_td1 input{width:60px;}
  521. .apilogin_binding_new .apir .tel_td1 .val{left:0px;width:30px;}
  522. .apilogin_binding_new .apir .tel_td2{float:left;width:142px;position:relative}
  523. .apilogin_binding_new .apir .tel_td2 input{width:120px;}
  524. .apilogin_binding_new .apir .tel_td2 .val{left:0px;width:60px;}
  525. .apilogin_binding_new .apir .tel_td3{float:left;width:60px;position:relative}
  526. .apilogin_binding_new .apir .tel_td3 input{width:58px;}
  527. .apilogin_binding_new .apir .tel_td3 .val{left:0px;width:30px;}
  528. .apilogin_binding_new .apir .tips_td{padding-left:45px;height:20px;line-height:20px;margin-bottom:8px;color:#ff6600}
  529. .apilogin_binding_new .apir .J_validate_group .code{float: left; width: 180px;position: relative;overflow: hidden;}
  530. .apilogin_binding_new .apir .J_validate_group .codebtn{float: left; width: 113px; height: 50px;}
  531. .apilogin_binding_new .apir .J_validate_group .codebtn .btn_blue{width: 113px; padding: 0px;height: 42px; line-height: 42px; border-radius: 0px 4px 4px 0px;background-color: #3689e2}
  532. .apilogin_binding_new .apir .J_validate_group .codebtn .btn_blue:hover{background-color:#4579C0;}
  533. /*发送确认邮件------------------*/
  534. .confirm_email_group{width:698px;padding:100px 0;text-align:center;margin:0 auto;margin-top:20px;border:1px #dddddd solid;background-color:#FFFFFF;}
  535. .confirm_email_group.no_pdtop{padding-top:0;}
  536. .confirm_email_group .confirm_title{font-size:18px;background:url(../../images/74.png) no-repeat 0px -52px;height:42px;line-height:42px;padding-left:57px;display:inline-block;*display:inline;*zoom:1;}
  537. .confirm_email_group .confirm_title .confirm_email{color:#999;font-size:16px;}
  538. .confirm_email_group .confirm_time{color:#999;height:20px;line-height:20px;padding:4px 0 15px 0;}
  539. .confirm_email_group .confirm_btn .btn_reg{font-size:16px;margin:0 auto;}
  540. .confirm_email_group .step{width:410px;margin:0 auto;height:65px;background-image:url(../../images/55.png);background-repeat:no-repeat;background-position:0px 0px;margin-top:40px;}
  541. .confirm_email_group .step.s2{background-position:0px -80px;}
  542. .confirm_email_group .step.s3{background-position:0px -160px;}
  543. .confirm_email_group .steptxt{width:525px;margin:0 auto;margin-top:15px;margin-bottom:60px;}
  544. .confirm_email_group .steptxt .tli{float:left;width:175px;text-align:center;}
  545. :-moz-placeholder{color:#b9b9b9;}
  546. ::-moz-placeholder{color:#b9b9b9;}
  547. input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#b9b9b9;}
  548. input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b9b9b9;}
  549. /* 下拉框 */
  550. .dropdowbox1{display:none;position:absolute;left:-1px;top:40px;z-index:20;}
  551. .open .dropdowbox1{display:block;}
  552. .dropdow_inner1{position:relative;width:293px;height:auto;border:1px solid #ddd;color:#333;background:#fff;cursor:auto;}
  553. .dropdow_inner1 .nav_box{}
  554. .dropdow_inner1 .nav_box li{margin:0;}
  555. .dropdow_inner1 .nav_box li a{display:block;float:none;height:20px;line-height:20px;padding:6px 10px;text-decoration:none;color:#333;_height:18px;white-space:nowrap;_white-space:normal;_background:transparent;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
  556. .dropdow_inner1 .nav_box li a:hover{background:#f2f2f2;text-decoration:none;}
  557. /* 弹出框 */
  558. body{background-attachment:fixed;/*background-image:url(about:blank);*/}
  559. .fade{opacity:0;-webkit-transition:opacity .08s linear;-o-transition:opacity .08s linear;transition:opacity .08s linear;}
  560. .fade.in{opacity:1;}
  561. .modal_backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#000;/*z-index:1040;*/-webkit-opacity:0.5;-moz-opacity:0.5;opacity:.5;filter:alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);position:absolute;top:expression(offsetParent.scrollTop);left:expression(offsetParent.scrollLeft);}
  562. .modal_backdrop.fade{filter:alpha(opacity=0);opacity:0;}
  563. .modal_backdrop.in{filter:alpha(opacity=50);opacity:.5;}
  564. .modal_scrollbar_measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll;}
  565. .modal{overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;}
  566. .modal .modal_dialog{position:absolute;top:0;left:0;}
  567. .modal.in .modal_dialog{z-index:1050;-webkit-transition:-webkit-transform .2s ease-out;-o-transition:-o-transform .2s ease-out;transition:transform .2s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);}
  568. .modal_content{padding:5px;background:#a3a3a3;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  569. .modal_content.no_pad{padding:0;}
  570. .modal_content .modal_header{height:30px;padding-top:10px;padding-left:15px;background:#f0f0f0;position:relative;cursor:move;moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
  571. .modal_content .modal_header .title{font-size:16px;color:#333333;line-height:20px;}
  572. .modal_content .modal_header .max_remind{font-size:12px;color:#999999;}
  573. .modal_content .modal_header .close{display:block;position:absolute;right:15px;top:12px;width:16px;height:16px;background:url(../../images/44.png) no-repeat;*font-size:0;}
  574. .modal_content .modal_header .close:hover{background-position:0 -24px;}
  575. .modal_content .modal_body{padding:15px;background:#fff;}
  576. .modal_content .modal_body.no_pad{padding:0;background:none;}
  577. .modal_content .modal_body .confirm{text-align:center;padding:0 50px;}
  578. .modal_content .modal_body .agreement{width:900px;height:600px;overflow-y:scroll;overflow-x:hidden;}
  579. /*AJAX loading*/
  580. .modal_content .modal_body .ajax_loading{display:block;margin:0 30px;position:relative;width:150px;height:68px;}
  581. .modal_content .modal_body .ajax_loading .ajaxloadtxt{background-image:url(../../images/loading.gif);background-repeat:no-repeat;background-position:center 5px;width:150px;height:28px;background-color:#FFFFFF;text-align:center;margin:0 auto;padding-top:40px;font-size:12px;border:0;}
  582. .modal_content .modal_footer{padding:10px 90px;background:#f0f0f0;}
  583. .modal_content .modal_footer .res_add_but{margin:0 auto;width:auto;}
  584. .modal_content .modal_footer .res_add_but .butlist{width:50%;text-align:center;float:left;}
  585. .modal_content .modal_footer .res_add_but.b3 .butlist{width:33.3333%;text-align:center;float:left;*zoom:1;}
  586. .modal_content .modal_footer .res_add_but .J_hoverbut{display:inline-block;*display:inline;*zoom:1;moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:72px;height:30px;line-height:30px;}
  587. .modal_content .modal_footer .res_add_but.btn-one .butlist{width:100%;}
  588. /* 自动消失的提示框 */
  589. .disappear_tooltip{display:none;position:absolute;top:0;left:0;z-index:20000000;background:rgba(0,0,0,.7);-pie-background:rgba(0,0,0,.7);padding:0 18px;height:70px;line-height:70px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#fff;text-align:center;font-size:16px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s;}
  590. .disappear_tooltip .icon{width:29px;height:29px;float:left;margin-top:20px;}
  591. .disappear_tooltip .content{float:left;padding-left:15px;}
  592. .disappear_tooltip.remind .icon{background:url(../../images/45.png) no-repeat;}
  593. .disappear_tooltip.success .icon{background:url(../../images/45.png) 0 -59px no-repeat;}
  594. .disappear_tooltip.goldremind{height:110px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
  595. .disappear_tooltip.goldremind .icon{float:none;display:inline-block;*display:inline;*zoom:1;background:url(../../images/92.png) no-repeat;width:30px;height:30px;margin-left:-60px;}
  596. .disappear_tooltip.goldremind .content{float:none;_width:200px;height:50px;line-height:50px;padding-left:0px;font-size:14px;position:relative;}
  597. .disappear_tooltip.goldremind .content .point{position:absolute;color:#f0fd3e;font-size:24px;padding-left:15px;line-height:30px;left:50%;top:-28px;margin-left:-24px;}
  598. @-webkit-keyframes bounceIn{
  599. 0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
  600. 100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
  601. }
  602. @keyframes bounceIn{
  603. 0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
  604. 100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
  605. }
  606. .tip_anim{display:block;-webkit-animation-name:bounceIn;animation-name:bounceIn}
  607. @-webkit-keyframes bounceOut{
  608. 100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}
  609. 30%{-webkit-transform:scale(1.03);transform:scale(1.03)}
  610. 0%{-webkit-transform:scale(1);transform:scale(1)}
  611. }
  612. @keyframes bounceOut{
  613. 100%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}
  614. 30%{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}
  615. 0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
  616. }
  617. .tip_anim_close{z-index:-100;background:rgba(0,0,0,0);-pie-background:rgba(0,0,0,0);-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.2s;animation-duration:.2s;}
  618. /*邮箱自动提示*/
  619. .auto-tip{background:#FFF}
  620. .auto-tip li{height:22px;line-height:22px;font-size:14px;padding:2px 5px;padding-left:9px;white-space:nowrap;}
  621. .auto-tip li.hoverBg{background:#F0F0F0;cursor:pointer;}
  622. .auto-tip li em{font-style:normal;}
  623. .auto-tip span{font-weight:normal;color:#3399FF;}
  624. .red{color:#333;}
  625. .hidden{display:none;}
  626. /* 左侧浮动 */
  627. .floatmenu{position:fixed;bottom:95px;right:15px;z-index:5000;}
  628. .floatmenu .item{height:42px;width:42px;margin-bottom:5px;position:relative;}
  629. .floatmenu .blk{display:block;height:100%;width:100%;border-radius:3px;background:url(../../images/140.png) no-repeat;cursor:pointer;}
  630. .floatmenu .mobile .blk{background-position:0 0;}
  631. .floatmenu .ask .blk{background-position:-42px 0;}
  632. .floatmenu .backtop .blk{background-position:-84px 0;}
  633. .floatmenu .mobile .blk:hover{background-position:0 -42px;}
  634. .floatmenu .ask .blk:hover{background-position:-42px -42px;}
  635. .floatmenu .backtop .blk:hover{background-position:-84px -42px;}
  636. .floatmenu .popover{display:none;position:absolute;right:42px;top:0;padding-right:15px;text-align:center;}
  637. .floatmenu .popover1{right:167px;bottom:0;}
  638. .floatmenu .item:hover .popover{display:block;}
  639. .floatmenu .popover .popover-arr{position:absolute;top:15px;right:9px;background:url(../../images/141.png) no-repeat;height:11px;width:7px;}
  640. .floatmenu .ask .popover p i{margin-right:4px;}
  641. .floatmenu .popover .popover-bd{width:120px;padding:2px;border:1px solid #d8d8d8;background:#fff;}
  642. .floatmenu .popover label{display:block;padding:4px 0 0;color:#5e8dc9;font-size:16px;background:url(../../images/144.png) no-repeat;background-position:18px 7px;padding-left:15px;}
  643. .floatmenu .popover label.wx{background-position:18px -19px;padding-left:17px;}
  644. .floatmenu .popover p{color:#999;padding:0 5px 4px;font-size:12px}
  645. .floatmenu .popover .btn{display:block;background:#86bf2f;color:#fff;border-radius:3px;margin:5px 5px 10px;height:30px;line-height:28px;}
  646. .floatmenu .backtop{display:block;}
  647. .img-qrcode{display:inline-block;*zoom:1;*display:inline;vertical-align:middle;}
  648. .img-qrcode-wechat,.img-qrcode-mobile{height:100px;width:100px;padding:10px;}
  649. .img-qrcode-wechat img,.img-qrcode-mobile img{height:100px;width:100px;border:0;}
  650. /*图片验证码*/
  651. .dia-captcha-item{zoom:1;text-align:center;width:300px;height:auto;overflow:visible;}
  652. .dia-captcha-item .dia-captcha-img{width:210px;height:34px;cursor:pointer;margin:0;vertical-align:top;}
  653. .dia-captcha-item .dia-captcha-solution{width:196px;height:32px;line-height:32px;border:1px solid #c9c9c9;border-radius:3px;vertical-align:middle;font-size:16px;padding-left:12px;}
  654. /* 分站弹窗选择 */
  655. a.J-choose-subsite{margin-right: 20px;}
  656. a.J-choose-subsite:hover{text-decoration: none;}
  657. .J-choose-subsite .change_site{color:#1787fb;cursor: pointer;margin-left: 5px;}
  658. .J-choose-subsite .change_site:hover{color:#3697fc;}
  659. .sub-dialog-group{width:520px;padding-top:15px;padding-left:5px;padding-right:5px;}
  660. .sub-dialog-group .sdg-title{height:18px;line-height:18px;font-size:18px;color:#ff6600;}
  661. .sub-dialog-group .sdg-h-tips{height:14px;line-height:14px;font-size:14px;color:#333;}
  662. .sub-dialog-group .sdg-h-line{width:100%;height:1px;background:#ededed;}
  663. .sub-dialog-group .sdg-master-group .sdg-txt-left{width:76px;height:44px;line-height:44px;float:left;}
  664. .sub-dialog-group .sdg-master-group .sdg-go{display:block;width:102px;height:40px;line-height:40px;text-align:center;border:2px solid #ff6600;text-decoration:none;color:#333;float:left;}
  665. .sub-dialog-group .sdg-master-group .sdg-txt-right{padding-left:23px;height:44px;line-height:44px;float:left;zoom:1;}
  666. .sub-dialog-group .sdg-sub-city-group{padding-left:18px;}
  667. .sub-dialog-group .sdg-sub-city-group .sdg-sub-city{display:block;width:104px;height:42px;line-height:42px;text-align:center;border:1px solid #ededed;margin-bottom:20px;float:left;white-space:nowrap;color:#666;text-decoration:none;margin-right:20px;}
  668. .sub-dialog-group .sdg-sub-city-group .sdg-sub-city:hover{border:1px solid #ff6600;}
  669. .sub-dialog-group .sdg-sub-city-group .sdg-sub-city.no-mr{margin-right:0;}
  670. .sub-dialog-group .sdg-sub-city-group .sdg-sub-city.more{background:#f5f5f5;}
  671. .sub-dialog-group .sdg-bottom-tips{height:12px;line-height:12px;font-size:12px;color:#999;text-align:center;}
  672. .sub-dialog-group .sdg-split-11{width:100%;height:11px;}
  673. .sub-dialog-group .sdg-split-16{width:100%;height:16px;}
  674. .sub-dialog-group .sdg-split-20{width:100%;height:20px;}
  675. .sub-dialog-group .sdg-split-30{width:100%;height:30px;}