/* * @Author: kalung.di * @Date: 2017-04-27 21:26:03 * @Last Modified by: kalung.di * @Last Modified time: 2017-05-02 00:20:04 */ /*p:style/css/module/base/*/ /*f:frame.css*/ /* runTime: 0.0266 fileTree: +---- frame.css | +---- ../../module/base/reset.css | +---- ../../module/base/swficon.css | +---- ../../module/base/ficon.css | +---- ../../module/base/usually.css | +---- ../../module/base/icon.css | +---- ../../module/base/btn.css | +---- ../../module/global/tips.css | +---- ../../module/global/send_weibo.css | +---- ../../module/layer/layer_frame.css | +---- ../../module/layer/layer_point.css | +---- ../../module/layer/layer_mini_info.css | +---- ../../module/layer/layer_tips.css | +---- ../../module/global/WB_global_nav.css | +---- ../../module/global/footer.css | +---- ../../module/tab/WB_tab_a.css | +---- ../../module/tab/WB_tab_b.css | +---- ../../module/layer/layer_menu_list.css | +---- ../../module/global/WB_empty.css | +---- ../../module/layer/layer_setskin.css | +---- ../../module/pagecard/PCD_header.css | +---- ../../module/pagecard/PCD_header_b.css | +---- ../../module/pagecard/PCD_tab.css | +---- ../../module/pagecard/PCD_slide.css | +---- ../../module/pagecard/PCD_layer_coveredit.css | +---- ../../module/layer/setup_template.css | +---- ../../module/global/UI_animate.css | +---- ../../module/layer/layer_update_v6.css | +---- ../../module/layer/layer_set_group.css */ @charset 'utf-8'; /*-----------公用集合--------------------*/ /*清零样式*/ /*清零*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;} table{border-collapse:collapse; border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;} ol,ul{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} a:focus{outline-style:none;} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%; /*to enable resizing for IE*/} textarea{resize:none} input::-ms-clear { display: none; } body{font:12px/1.3 'Arial','Microsoft YaHei'; _font-family:simsun; overflow-x:hidden;color:#333;} body.WB_macT{font-family:'Helvetica','STHeiti';} body.WB_xpT{font-family:'Arial','Helvetica','sans-serif';} ::selection{background:#5FADFC;color:#fff;} :focus{ outline-color:#5FADFC;} #js_style_css_module_base_reset{height:42px;} /*简版发布器字符fico*/ /*字符类icon*/ .W_swficon { font-family: "WBswficon" !important; font-size:18px!important; display: inline-block; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; } @font-face { font-family: 'WBswficon'; src: url('../../../images/common/font/swbficon.eot?id=141111232016'); src: url('../../../images/common/font/swbficon.eot?id=141111232016#iefix') format('embedded-opentype'), url('../../../images/common/font/swbficon.svg?id=141111232016') format('svg'), url('../../../images/common/font/swbficon.woff?id=141111232016') format('woff'), url('../../../images/common/font/swbficon.ttf?id=141111232016') format('truetype'); src: url('../../../images/common/font/swbficon.eot?id=141111232016')\9; font-weight: normal; font-style: normal; } .W_swficon { font-size:18px!important; } #js_style_css_module_base_swficon{height:42px;} /*字符fico集合*/ /*字符类icon*/ .W_ficon { font-family: "wbficonregular" !important; display: inline-block; -webkit-font-smoothing: antialiased; } /*通用字符补丁*/ .ficon_arrow_left, .ficon_arrow_right{ vertical-align:middle;} @font-face { font-family: 'wbficonregular'; src: url('../../../images/common/font/wbficon.eot?id=175008242016'); src: url('../../../images/common/font/wbficon.eot?id=175008242016#iefix') format('embedded-opentype'), url('../../../images/common/font/wbficon.svg?id=175008242016') format('svg'), url('../../../images/common/font/wbficon.woff?id=175008242016') format('woff'), url('../../../images/common/font/wbficon.ttf?id=175008242016') format('truetype'); src: url('../../../images/common/font/wbficon.eot?id=175008242016')\9; font-weight: normal; font-style: normal; } #js_style_css_module_base_ficon{height:42px;} /*常用样式*/ /*默认链接*/ a { color:#5FADFC; text-decoration:none; } a:hover{ text-decoration:none;} a:hover, a:active {-webkit-tap-highlight-color: rgba(0,0,0,0); } /*去除触屏设备上a点击时的背景色*/ a{-webkit-tap-highlight-color: rgba(0,0,0,0);} /*清浮动*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display:inline-block; } .clearfix { display:block; } /*中文符合显示*/ .W_CH { font-family:"SimSun" } /*Tohama*/ .W_Tahoma{font-family:Tahoma} /*微软雅黑*/ .W_Yahei {font-family: "Microsoft Yahei";} /*特殊文字*/ .W_fb { font-weight:700; } .W_f10 { font-size:10px;-webkit-transform:scale(0.875)} .W_f12 { font-size:12px } .W_f14 { font-size:15px } .W_f16 { font-size:16px } .W_f18 { font-size:18px } .W_f20 { font-size:20px } .W_f22 { font-size:22px } /*版式类样式*/ .W_fl{float:left; _display:inline} .W_fr{float:right; _display:inline} .W_tc{text-align:center;} .W_tr{text-align:right;} /*整体结构*/ .WB_miniblog{} .WB_main{} /*适配ipad端*/ .WB_frame{letter-spacing: -0.31em; /* webkit: collapse white-space between units */ *letter-spacing: normal; /* reset IE < 8 */ word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units 可解决这次mac问题*/ font-size:0;} @media screen and (-webkit-min-device-pixel-ratio:0){ /* firefox 中 letter-spacing 会导致脱离普通流的元素水平位移 */ .WB_frame{letter-spacing:-5px;} /* Safari 等不支持字体大小为 0 的浏览器, N 根据父级字体调节*/ } .WB_frame {width:1000px; min-height:280px;margin:0 auto;padding:16px 0 0 0;} .B_page .WB_frame {width:1000px; min-height:280px;margin:0 auto; padding:16px 0 0 0;} @media screen and (max-width:1006px){ .WB_frame{width:760px;} } @media screen and (max-width:939px){ .B_page .WB_frame{width:600px;} } .WB_frame_bottom{min-height:0;padding:0;} .WB_frame #plc_main{ width:850px;display:inline-block; *display:inline;*zoom:1; *overflow:hidden;}/* 由于工程师加了外层pl块，所以内部模块清零需要再写一遍 */ .B_page .WB_frame #plc_main{ width:940px;}/* 由于工程要在top和main之间加东西，所以宽度框架改在frame上。*/ .B_page_yy .WB_frame #plc_main{ width:600px;} /*运营页 plc_main里只有frame_c，需要特定宽度*/ @media screen and (max-width:1006px){ .WB_frame #plc_main{width:600px;} } @media screen and (max-width:939px){ .B_page .WB_frame #plc_main{width:600px;} } .WB_frame_a, .WB_frame_a_fix, .WB_frame_b, .WB_frame_c, .WB_frame_d, .WB_main_l, .WB_main_c, .WB_main_r, .WB_main_cr, .WB_main_a, .WB_toptips{ display:inline-block; *display:inline;*zoom:1;letter-spacing:normal;word-spacing: normal;vertical-align:top;font-size: 13px;} .WB_frame_a, .WB_frame_a_fix { width:1000px; margin-right:20px;} .WB_frame_b { width:300px; margin-right:20px;} .WB_frame_c { width:600px; margin-right:20px;} .WB_main_l { width:150px;*overflow:hidden;} .B_discover .WB_frame_c, .WB_main_c { width:600px; margin-right:10px;} .WB_main_r { width:230px; margin-right:10px; position:relative;} .WB_main_cr { width:840px; margin-right:10px;} .WB_main_a { width:980px; margin:0 10px;} @media screen and (max-width:939px) { .WB_frame_a { width:600px;} .WB_frame_a_fix{ width:920px;} .WB_frame_b {position:fixed;top:0;left:0;z-index:9999; height:95%; border-top:2px solid #fa7f40; box-shadow:0 4px 20px 1px rgba(0,0,0,0.4);margin:0; overflow-y:scroll;-webkit-overflow-scrolling:touch; padding:20px;-webkit-transition:-webkit-transform .3s ease-out;-webkit-transform:translateX(-100%) translateZ(0);-moz-transition:-moz-transform .3s ease-out;-moz-transform:translateX(-100%) translateZ(0);transition:transform .3s ease-out;transform:translateX(-100%) translateZ(0);} } @media screen and (max-width:1006px) { .WB_main_r{position:fixed;top:0;right:0;z-index:9999; height:95%; border-top:2px solid #fa7f40; box-shadow:0 4px 20px 1px rgba(0,0,0,0.4);margin:0; overflow-y:scroll;-webkit-overflow-scrolling:touch; padding:20px;-webkit-transition:-webkit-transform .3s cubic-bezier(0.86,0,0.07,1);-webkit-transform:translateX(100%) translateZ(0);-moz-transition:-moz-transform .3s cubic-bezier(0.86,0,0.07,1);-moz-transform:translateX(100%) translateZ(0);transition:transform .3s cubic-bezier(0.86,0,0.07,1);transform:translateX(100%) translateZ(0);} .M_sc_foot { display:none;} .WB_main_r .templete_enter{ position: relative; top:0; left: 0; z-index: 2; margin-top: 0!important;} } @media screen and (min-width:1007px) { .B_index .WB_main_r.S_bg1{background: none;} } @media screen and (min-width:940px) { .B_page .WB_frame_b.S_bg1{background: none;} } .WB_cardwrap{ margin:0 0 10px 0; box-shadow:0 0 2px rgba(0,0,0,0.2); border-radius:2px; *zoom:1;} .B_page .WB_cardwrap{ margin-bottom:16px;} .WB_innerwrap{padding:16px;} /* FRAME_main是JS刷页时追加的首页特别class名，追加滚动条是为了首页加载过程不抖动，基调系统数据更好看*/ .FRAME_main{ overflow-y:scroll; *overflow-y:auto; *overflow:auto; } /* input testarea 色框*/ .W_input{ border-width:1px; border-style:solid; height:28px; line-height:normal;padding:0 0 0 2px; vertical-align: middle;color:#808080;outline-style:none; background-color:transparent; box-shadow:0px 0px 3px 0px rgba(0,0,0,0.15) inset;} @media \0screen\,screen\9{.W_input{ height:21px;line-height:18px; padding:7px 0 0 2px;}} textarea.W_input{ overflow-y:auto; overflow-x:hidden; line-height:18px; height:23px;padding:5px 0 0 2px;} .W_input_error{ border-color:#ef0000!important;} .W_input:focus, .W_input_focus{border-color:#fa7d3c!important;box-shadow:none;} .W_input_default { color:#b8b7b7; } .W_checkbox, .W_radio { vertical-align: middle; margin-right:3px; *margin-right:0;} .W_label span, .W_label span{ vertical-align:middle;} /*有标题嵌入的分隔线*/ fieldset { display:block; padding:0 0 0 20px; border-style:solid; border-width:1px 0 0 0; } fieldset legend { padding:0 5px; font-weight:bold; } /* 筛选-搜索框 */ .WB_search_s{ display:inline-block; position:relative;} .WB_search_s .W_input{ width:120px; height:24px; padding:0 46px 0 10px;} .B_message .WB_search_s .W_input{ padding-right:29px;} @media \0screen\,screen\9{ .WB_search_s .W_input{height:21px; line-height:18px;padding:3px 46px 0 10px;} } .WB_search_s .pos{ position:absolute; right:5px; top:2px;} .WB_search_s .pos .ficon_arrow_down_lite{ margin:0 0 0 3px; font-size:14px;} .WB_search_s .pos .ficon_search{ font-size:16px;} .WB_search_s .pos .ficon_enter{ font-size:16px;} /*针对头像的圆角*/ .W_face_radius { border-radius:50%; } /*文字截断*/ .W_autocut {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; word-wrap:normal;}/*最后一个是解决IEBUG*/ /*特殊字符*/ .W_vline{border-left-width:1px; border-left-style:solid; width:0;overflow:hidden; *zoom:1;}/*小点儿*/ .W_dot { width:2px; height:2px; line-height:2px; display:inline-block; overflow:hidden; } /*新消息提示*/ .W_new {width:6px; height:6px; display:inline-block;border-radius:3px; background:#fa7d3c; overflow:hidden} .W_new_count{ min-width:18px;_width:18px; height:13px; line-height:14px; text-align:center;display:inline-block; padding:0 2px; background:#fa7d3c;color:#fff; border-radius:3px;} /*CARD公用标题*/ .WB_cardtitle_a, .WB_cardtitle_b, .WB_cardtitle_d{ position:relative; height:38px; padding:0 16px; line-height:38px; overflow:hidden; } .WB_cardtitle_b{ border-bottom-style:solid; border-bottom-width:1px;} .WB_cardtitle_c{ position:relative; margin-bottom:10px;} .WB_cardtitle_d{ height: auto;line-height: 1.2;padding: 16px 10px 8px 16px;} @media \0screen\,screen\9{ .WB_cardtitle_d{padding: 14px 10px 8px 16px;*padding: 12px 10px 8px 16px;} } .WB_cardtitle_c .opt_btn{position: absolute;right: 0;top: -3px;} .WB_cardtitle_a .opt_box, .WB_cardtitle_b .opt_box{position: absolute;right: 16px;top: 0px;} .WB_cardtitle_b .opt_box .ficon_close, .WB_cardtitle_b .opt_box .ficon_arrow_down{ _position: relative; margin:0 -19px 0 0; padding:0 16px; font-size:18px;} .WB_cardtitle_b .opt_box .ficon_setup{ font-size:19px;} .WB_cardtitle_a .opt_change:hover, .WB_cardtitle_b .opt_change:hover{ text-decoration:none;} .WB_cardtitle_a .opt_change .ficon_rotate, .WB_cardtitle_b .opt_change .ficon_rotate{ margin-right:6px; font-size:14px;-webkit-text-stroke-width: 0.2px; vertical-align: middle;} .WB_cardtitle_a .opt_change .ficon_cd_music, .WB_cardtitle_b .opt_change .ficon_cd_music{ margin-right:4px; font-size:16px;} .WB_cardtitle_a .opt_change .ficon_edit, .WB_cardtitle_b .opt_change .ficon_edit{ margin-right:4px; font-size:14px;} .WB_cardtitle_a .opt_change .ficon_editlocation, .WB_cardtitle_b .opt_change .ficon_editlocation{ margin-right:4px; font-size:18px;} .WB_cardtitle_a .opt_change .ficon_add, .WB_cardtitle_b .opt_change .ficon_add{ margin-right:4px; font-size:14px;} .WB_cardtitle_a .opt_change .ficon_setup, .WB_cardtitle_b .opt_change .ficon_setup{ font-size:17px; *font-size:19px;} .WB_cardtitle_b .opt_change .ficon_article, .WB_cardtitle_b .opt_change .ficon_gift{ margin-right:4px; font-size:16px; } .WB_cardtitle_a .opt_change .ficon_cd_place, .WB_cardtitle_b .opt_change .ficon_cd_place{ margin-right:4px; font-size:16px;} .WB_cardtitle_a .opt_change .ficon_upload, .WB_cardtitle_b .opt_change .ficon_upload{ margin-right:4px; font-size:16px;} .WB_cardtitle_a .opt_page, .WB_cardtitle_b .opt_page{position: absolute;right: 16px;top:0; _top:6px;} .WB_cardtitle_a .subtitle, .WB_cardtitle_b .subtitle{ margin-left:4px;} .WB_cardtitle_a .W_vline, .WB_cardtitle_b .W_vline{ display:inline-block; height:26px; margin:0 16px; vertical-align:middle;} .WB_cardtitle_a .opt_change, .WB_cardtitle_b .opt_change{ vertical-align:middle;} .WB_cardtitle_b .WB_type{ margin:0;} .WB_cardtitle_a .main_title, .WB_cardtitle_b .main_title, .WB_cardtitle_c .main_title, .WB_cardtitle_d .main_title{ display: inline;} .WB_cardtitle_d .W_autocut{display: inline-block;max-width: 8em;vertical-align: top;} /*副标题UBB*/ .WB_cardtitle_a .subtitle img, .WB_cardtitle_b .subtitle img{position: absolute;right: 16px;top: 9px;} /*CARD查看更多*/ .WB_cardmore{ display: block; height: 35px;line-height: 35px;text-align: center;border-top-style: solid;border-top-width: 1px;} .WB_cardmore:hover{text-decoration: none;} .WB_cardmore .W_ficon{ margin-left:2px;} .WB_cardmore .ficon_wonderful{ margin-right:5px; vertical-align:-3px; font-size: 20px;} .WB_cardmore_noborder{ border:none;} /*CARD 大翻页*/ .WB_cardpage{ border-top-style:solid; border-top-width:1px;} .WB_cardpage .W_pages{padding: 4px 0;} /*CARD mini Tab*/ .WB_minitab{ height:30px; text-align:center; vertical-align:auto; overflow:hidden;} .WB_minitab .minitb_ul {display: inline-block; *display:inline; *zoom:1; border-left-style: solid;border-left-width: 1px; overflow:hidden; font-size:12px;} .WB_minitab .minitb_item, .WB_minitab .minitb_more {display: inline-block;float: left; height:28px; border-style: solid;border-width: 1px;border-left: none; } .WB_minitab .minitb_lk {display: block;width: 88px;height: 27px;_height: 26px;line-height: 28px;white-space: nowrap;overflow: hidden; } .WB_minitab .minitb_lk:hover{ text-decoration:none;} .WB_minitab .minitb_item .minitb_lk:hover {font-weight: bold;} .WB_minitab .current .minitb_lk {font-weight: bold;} .WB_minitab .cur_block{ display:none; background:#fa7d3c; *width:90px; height:2px; overflow:hidden; margin:0 -1px 0 -1px;} .WB_minitab .current .cur_block{ display:block; } .WB_minitab .minitb_more .minitb_lk {width: 28px;} .WB_minitab .minitb_more .W_ficon{ margin-top:1px;} /*赞分享组件*/ .WB_praishare{ white-space:nowrap;} .WB_praishare .W_icon{ vertical-align:-2px; *vertical-align:0px;} .WB_praishare .W_icon:hover{ cursor:pointer;} .WB_praishare .W_vline{ margin:0 6px; *margin:0 6px 0 4px; } /* 边框实现的箭头 */ .W_arrow_bor i, .W_arrow_bor em{ display:inline-block; width:0; height:0; border-width:7px; border-style:solid; overflow:hidden; font-size:0; line-height:0; vertical-align:top;} .W_arrow_bor_t i, .W_arrow_bor_t em{ _border-style:dashed dashed solid dashed; border-top-color:transparent; border-right-color:transparent; border-left-color:transparent; } .W_arrow_bor_t em{ margin:1px 0 0 -14px;} .W_arrow_bor_r i, .W_arrow_bor_r em{ _border-style:dashed dashed dashed solid; border-top-color:transparent; border-right-color:transparent; border-bottom-color:transparent; } .W_arrow_bor_r em{ margin:0px 0 0 -15px;} .W_arrow_bor_b i, .W_arrow_bor_b em{ _border-style:solid dashed dashed dashed; border-right-color:transparent; border-bottom-color:transparent; border-left-color:transparent; } .W_arrow_bor_b em{ margin:-1px 0 0 -14px;} .W_arrow_bor_l i, .W_arrow_bor_l em{ _border-style:dashed solid dashed dashed; border-top-color:transparent; border-bottom-color:transparent; border-left-color:transparent; } .W_arrow_bor_l em{ margin:0px 0 0 -13px;} .W_arrow_bor_tno i{ border-width:7px; border-top-width:0; _border-style:solid solid dashed solid; border-bottom-color:transparent;} /*翻页按钮组合*/ .W_pagegroup .page_txt {padding:0 5px 0 4px;} .W_pagegroup .W_btn_prev, .W_pagegroup .W_btn_next, .W_pagegroup .page_txt{ vertical-align:middle;} /*hover显示*/ .tog_display { visibility: hidden; _visibility: visible } .W_tog_hover:hover .tog_display { visibility: visible } /*取消hover小手*/ .W_nopointer{ cursor:default !important;} /*吸顶组件阴影*/ .W_mod_shadow{box-shadow:0 4px 8px rgba(0,0,0,0.15); border-width: 1px; border-style: solid;} /*下拉单选框*/ .WB_select{ position:relative; display:inline-block; width:150px; height:28px; padding:0 6px; border-width:1px; border-style:solid; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15) inset; overflow:hidden; line-height:28px;} .WB_select:hover{border-color:#fa7d3c!important;box-shadow:none;} .WB_select .ficon_arrow_down_lite, .WB_select .ficon_arrow_up_lite{ position:absolute; right:6px; top:0;} /*返回顶部*/ .W_gotop {position:fixed;_position:absolute;bottom:40px;left:50%; z-index:101; margin-left:500px;display:block;width: 40px;height:35px; padding-top:5px;text-align:center;text-decoration:none; cursor:pointer; opacity:0.6;} .W_gotop em{ display:inline-block;font-size:20px;width:26px;height:30px;line-height:30px; line-height:32px\9; overflow:hidden; color:#fff;} .W_gotop:hover{opacity:1;} .W_gotop .W_ficon:hover{ color: #fff;} .B_page a.W_gotop{margin-left:460px;} @media screen and (max-width:1006px) { a.W_gotop{margin-left:380px;} .B_page a.W_gotop{margin-left:460px;} } @media screen and (max-width:939px) { .B_page a.W_gotop{margin-left:300px;} } @media screen and (max-width:768px) { a.W_gotop{margin-left:330px;} .B_page a.W_gotop{margin-left:300px;} } /*模块折叠*/ .W_fold{display:none; position:fixed;_position:absolute;bottom:155px;right:0;z-index:999;} .W_fold a{ display:block; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50% 0 0 50%; background:#f38f5c;} .W_fold .W_ficon, .W_fold:hover .W_ficon{ font-size:22px; color:#fff!important;} .B_page .W_fold{right:auto;left:340px; } .B_page .W_fold a{ border-radius:0 50% 50% 0;} @media screen and (max-width:1006px) { .W_fold{display:block;-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translateX(0) translateZ(0);-moz-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0);} .W_fold_out{position:fixed;z-index:999;width:26px;overflow:hidden;right: 0;-webkit-transform:translateX(-270px) translateZ(0);-moz-transform:translateX(-270px) translateZ(0);transform:translateX(-270px) translateZ(0);} .W_fold_out a{ display:block; border-radius:50%; } .W_fold_out .W_ficon{text-indent:-30px;overflow:hidden;} .W_fold_out .W_ficon:after{content:"a";} .B_page .W_fold{display:none;} .W_fold_layer{-webkit-transform:translateX(0) translateZ(0);-moz-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0);} .W_fold_layer .WB_cardwrap{ width:230px;} /*ie9hack*/ .WB_main_r{display: none\9;} .W_fold_layer{display: block\9;} /*ie10+hack*/ _:-ms-input-placeholder, :root .WB_main_r{display: none;} _:-ms-input-placeholder, :root .W_fold_layer{display: block;} } @media screen and (max-width:939px) { .B_page .W_fold{display:block;bottom:140px;left:0;-webkit-transition:-webkit-transform .3s ease-out;-webkit-transform:translateX(0) translateZ(0);-moz-transition:-moz-transform .3s ease-out;-moz-transform:translateX(0) translateZ(0);transition:transform .3s ease-out;transform:translateX(0) translateZ(0);} .B_page .W_fold .W_ficon{text-indent:-20px;overflow:hidden;} .B_page .W_fold .W_ficon:after{content:"a";} .B_page .W_fold_out .W_ficon:after{content:"b";} .B_page .W_fold_out{position:fixed;left:0px; width:26px;z-index:9999; overflow:hidden;-webkit-transform:translateX(340px) translateZ(0);-moz-transform:translateX(340px) translateZ(0);transform:translateX(340px) translateZ(0);} .B_page .W_fold_out a{display:block; border-radius:50%; margin-left:-16px;} .B_page .W_fold_layer_page{left: 0;-webkit-transform:translateX(0) translateZ(0);-moz-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0);} .B_page .W_fold_layer_page .WB_cardwrap{ width:300px;} /*ie9hack*/ .B_page .WB_frame_b{display: none\9;} .B_page .W_fold_layer_page{display: block\9;} /*ie10+hack*/ _:-ms-input-placeholder, :root .B_page .WB_frame_b{display: none;} _:-ms-input-placeholder, :root .B_page .W_fold_layer_page{display: block;} } /*滚动条组件模块中要给IE6设置W_scroll_y的height值*/ .W_scroll_y{ position:absolute; top:0; width:4px; height:100%; border-radius:2px; overflow:hidden;} .W_scroll_y .bar{ position:absolute; left:0; width:100%; height:40%; border-radius:2px; overflow:hidden; cursor:pointer;} /*无边框*/ .W_noborder{ border:none;} /*发布成功*/ .send_succpic {display:block; position: absolute; top:50%; left:0; width:100%;height:42px; margin-top: -21px; overflow:hidden; text-align:center;} .send_succpic .txt{ display:inline-block; margin:0 0 0 10px; font:normal 16px/22px Microsoft Yahei; vertical-align:middle;} .send_succpic .icon_succB, .send_succpic .icon_errorB{ vertical-align:middle;} /*手势*/ .bigcursor, .bigcursor img, .bigcursor canvas { cursor:url(http://img.t.sinajs.cn/t6/style/images/common/big.cur), auto; } .smallcursor, .smallcursor img, .smallcursor canvas { cursor:url(http://img.t.sinajs.cn/t6/style/images/common/small.cur), auto; } .leftcursor{cursor: url(http://img.t.sinajs.cn/t6/style/images/common/pic_prev.cur), auto;} .rightcursor{cursor: url(http://img.t.sinajs.cn/t6/style/images/common/pic_next.cur), auto;} @media \0screen\,screen\9{ .leftcursor{cursor: url(http://img.t.sinajs.cn/t6/style/images/common/pic_prev_ie.cur), auto;} .rightcursor{cursor: url(http://img.t.sinajs.cn/t6/style/images/common/pic_next_ie.cur), auto;} } /*首页右侧换肤模块*/ #pl_content_setSkin,#v6_pl_content_setskin{ *display:inline;} .templete_enter{ position:fixed;_position:absolute;top:50px;right:0;z-index:9999;width:230px;} .templete_enter .icon_setskin{ right:0; top:0; position:absolute;} /*多人头像*/ .WB_multiphotos .photo_con{ display:block; position:relative; width:50px; height:50px; overflow:hidden;z-index: 0;} .WB_multiphotos .photo_con .photo{border-radius:50%; overflow:hidden;} .WB_multiphotos .photo_con_1 .photo, .WB_multiphotos .photo_con_1 .pic{ width:50px; height:50px;} .WB_multiphotos .photo_con_2 .photo{ position:absolute; width:30px; height:30px; border:solid 2px #fff; } .WB_multiphotos .photo_con_2 .pic{width:30px; height:30px;} .WB_multiphotos .photo_con_2 .photo1{ top:0; left:0; z-index:2;} .WB_multiphotos .photo_con_2 .photo2{ bottom:0; right:0; z-index:1;} .WB_multiphotos .photo_con_3 .photo{ position:absolute; width:28px; height:28px; border:solid 2px #fff; } .WB_multiphotos .photo_con_3 .pic{width:28px; height:28px;} .WB_multiphotos .photo_con_3 .photo1{ top:0; left:10px; z-index:3;} .WB_multiphotos .photo_con_3 .photo2{ bottom:0; left:0; z-index:2;} .WB_multiphotos .photo_con_3 .photo3{ bottom:0; right:0; z-index:1;} .WB_multiphotos .photo_con_4 .photo{ position:absolute; width:28px; height:28px; border:solid 2px #fff; } .WB_multiphotos .photo_con_4 .pic{width:28px; height:28px;} .WB_multiphotos .photo_con_4 .photo1{ top:0; left:0; z-index:1;} .WB_multiphotos .photo_con_4 .photo2{ top:0; right:0; z-index:2;} .WB_multiphotos .photo_con_4 .photo3{ bottom:0; left:0; z-index:4;} .WB_multiphotos .photo_con_4 .photo4{ bottom:0; right:0; z-index:3;} @media \0screen\,screen\9{ .WB_multiphotos .photo_con_4 .photo, .WB_multiphotos .photo_con_4 .pic{width:22px; height:22px;} } /*bigDay通栏广告*/ .W_bigDay{position:relative; top: 0!important; height:90px; overflow:hidden;} /*图片约定为1600*90*/ .W_bigDay .img_wrap{position:absolute;left:50%;margin-left:-800px;} .W_bigDay img{height:90px;} .W_bigDay .sct_close{display:block;position:absolute;left:50%;margin-left:480px;top:6px;right:2px;z-index:2;width:14px;height:14px;background:#000;color:#fff;line-height:14px;text-align:center;filter:alpha(opacity=50);opacity:0.5;} .W_bigDay .sct_close:hover{background:#fa7d3c;filter:alpha(opacity=100);opacity:1;} .W_bigDay .sct_close .W_ficon{*display:block;font-size:14px;} /*首页里放在最外层之上，body上有样式名B_bigDay和W_bigDay同时出现。PAGE里放在内容顶部，把内容直接挤下来*/ body.B_bigDay{background-position:center 140px!important;} body.B_bigDay .W_bigDay{ padding: 50px 0 0;} body.B_bigDay .W_bigDay .sct_close{ top: 56px;} /* 换头图需求 */ .W_skin_banner{ position: absolute; top: 0; width: 100%; height: 300px;} .W_skin_banner a{ display: block; width: 100%; height: 100%;} .B_message .W_skin_banner{ display: none;} /*CARD底部两栏*/ .WB_cardbottom{ height: 34px; border-top-style: solid;border-top-width: 1px; overflow: hidden; } .WB_cardbottom .btm_inner{ margin-left: -1px; *margin-left: -2px; *zoom:1;} .WB_cardbottom .t_link{ display: inline-block; float: left; width: 50%; height: 22px; padding: 6px 0; text-align: center;} .WB_cardbottom .text_con{ display:block; height: 22px;line-height: 22px; border-left-width: 1px; border-left-style: solid;} .WB_cardbottom .text_con .W_ficon{ margin-right: 5px; vertical-align: 1px;} /*首页右侧导航栏广告模板*/ .WB_ad_tm2015_v2{position:fixed;_position:absolute;top:285px;left:50%;z-index:100;margin-left:500px;display:block; width:168px; height:393px;} .WB_ad_tm2015_v2 iframe{ width:168px; height:393px; } @media screen and (max-width:1006px) { .WB_ad_tm2015{margin-left:380px;} } @media screen and (max-width:768px) { .WB_ad_tm2015{margin-left:330px;} } /*图片自适应满铺不变形*/ .W_piccut_h img, .W_piccut_v img { position:absolute; top:50%; left:50%; -moz-transform: perspective(1px) translate(-50%,-50%); -webkit-transform: perspective(1px) translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: perspective(1px) translate(-50%,-50%);} @media \0screen\,screen\9 { .W_piccut_h img, .W_piccut_v img {position:static; top:auto; left:auto;} } .W_piccut_h img{ width:auto!important; min-width:100%; height:100%; _width:100%; _height:auto; } .W_piccut_v img{ height:auto!important; width:100%; min-height:100%; _width:auto; _height:100%;} /* 弹幕样式 */ .W_barrage{height: 30px; padding: 5px 16px 5px 6px; border-radius: 40px; background: #737373; background: rgba(0,0,0,.55); overflow: hidden;} .W_barrage img{ width: 30px; height: 30px; margin-right: 10px;} .W_barrage span{ display: inline-block; max-width: 460px; color: #fff; font-size: 16px; line-height: 29px; vertical-align: top;} #js_style_css_module_base_usually{height:42px;} /*ico集合*/ /*icon背景图*/ .W_app_level, .W_app_level em, .W_icon_live .l_yizhibo, .W_icon{ display:inline-block; background-image:url(../../../images/common/icon.png?id=040715102017); _background-image:url(../../../images/common/icon.gif?id=040715102017); background-repeat:no-repeat; } .W_icon_live .l_red{ display: inline-block; background-image:url(../../../images/common/bg_l_red.png); background-repeat: no-repeat; } /*两倍图标总汇 (btn.css里也有，需要同步维护)*/ @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2){ .W_app_level, .W_app_level em, .W_icon_live .l_yizhibo, .W_icon{ background-image:url(../../../images/common/icon-x2.png?id=040715102017); background-size: 625px 325px; } .W_icon_live .l_red{ background-image:url(../../../images/common/bg_l_red-x2.png); background-size: 34px 42px; } } /*兼容V5 icon背景图 临时*/ .male, .female, .approve, .approve_co, .approve_dead, .ico_club, .ico_vlady, .ico_tmall, .ico_taobao, .ico_airball, .ico_gongyi, .ico_gongyi2, .ico_gongyi3, .ico_gongyi4, .ico_gongyi5, .ico_member, .ico_member_dis, .ico_member1, .ico_member2, .ico_member3, .ico_member4, .ico_member5, .ico_member6, .suishoupai2014, .zongyika2014{display:inline-block; background-image:url(../../../images/common/icon.png?id=040715102017); _background-image:url(../../../images/common/icon.gif?id=040715102017); background-repeat:no-repeat;} .male, .female{ width:12px; height:14px;vertical-align: -1px; vertical-align: text-bottom\9;} .male{ background-position:0 0;} .female{background-position:0 -25px;} .approve, .approve_co, .approve_dead{ width:14px; height:14px;margin-left: 2px; vertical-align: -2px; vertical-align: text-bottom\9;} .approve{ background-position:0 -50px;} .approve_co{ background-position:0 -75px;} .approve_dead{ background-position:0 -100px;} .ico_club, .ico_vlady{ width:13px; height:14px;margin-left: 3px;vertical-align: -2px; vertical-align: text-bottom\9;} .ico_club{ background-position:0 -125px;} .ico_vlady{ background-position:0 -150px;} .ico_tmall, .ico_taobao, .ico_airball, .ico_gongyi, .ico_gongyi2, .ico_gongyi3, .ico_gongyi4, .ico_gongyi5{ width:16px; height:14px;margin-left: 3px;vertical-align: -2px; vertical-align: text-bottom\9;} .ico_tmall{ background-position:-75px 0;} .ico_taobao{ background-position:-75px -25px;} .ico_airball{ background-position:-75px -125px;} .ico_gongyi{ background-position:-75px -150px;} .ico_gongyi2{ background-position:-75px -175px;} .ico_gongyi3{ background-position:-75px -200px;} .ico_gongyi4{ background-position:-75px -225px;} .ico_gongyi5{ background-position:-75px -250px;} .ico_member, .ico_member_dis{ width:14px; height:14px;} .ico_member{background-position:0 -175px;} .ico_member_dis{background-position:0 -200px;} .ico_member1, .ico_member2, .ico_member3, .ico_member4, .ico_member5, .ico_member6{width:16px; height:14px;} .ico_member1{background-position:-25px 0;} .ico_member2{background-position:-25px -25px;} .ico_member3{background-position:-25px -50px;} .ico_member4{background-position:-25px -75px;} .ico_member5{background-position:-25px -100px;} .ico_member6{background-position:-25px -125px;} .suishoupai2014{ width:13px; height:14px; background-position:-25px -150px;} .zongyika2014{ width:16px; height:14px; background-position:-25px -175px;} /*兼容V5 icon背景图 临时-end*/ /*会员*/ .icon_member, .icon_member_dis, .icon_wedding { width:14px; height:14px; vertical-align: -2px; vertical-align: text-bottom\9; margin-left:3px;} .icon_member{background-position:0 -175px;} .icon_member_dis{background-position:0 -200px;} .icon_wedding{background-position:-25px -300px;} .icon_member1, .icon_member2, .icon_member3, .icon_member4, .icon_member5, .icon_member6, .icon_member7, .icon_member1_dis, .icon_member2_dis, .icon_member3_dis, .icon_member4_dis, .icon_member5_dis, .icon_member6_dis, .icon_member7_dis, .icon_suishoupai2014, .icon_run2015 {width:16px; height:14px;vertical-align: -2px; vertical-align: text-bottom\9;margin-left:3px;} .icon_member1{background-position:-25px 0;} .icon_member2{background-position:-25px -25px;} .icon_member3{background-position:-25px -50px;} .icon_member4{background-position:-25px -75px;} .icon_member5{background-position:-25px -100px;} .icon_member6{background-position:-25px -125px;} .icon_member7{background-position:-125px -125px;} .icon_member1_dis{background-position:-25px -200px;} .icon_member2_dis{background-position:0 -225px;} .icon_member3_dis{background-position:-25px -225px;} .icon_member4_dis{background-position:0 -250px;} .icon_member5_dis{background-position:-25px -250px;} .icon_member6_dis{background-position:0 -275px;} .icon_member7_dis{background-position:-125px -150px;} .icon_suishoupai2014{ background-position:-25px -150px;} .icon_run2015{ width:15px; background-position:-25px -275px;} /*feed标识*/ .icon_type_self, .icon_type_friends, .icon_type_group, .icon_type_group_v2, .icon_type_public{ width:16px; height:16px;} .icon_type_self{ background-position:-50px -125px;} .icon_type_friends{ background-position:-50px -150px;} .icon_type_group{ background-position:-50px -175px;} .icon_type_group_v2{ background-position:-100px -150px;} .icon_type_public{background-position:-50px -200px;} .icon_fansprice{ width:34px; height:14px; background-position: -150px 0;} .icon_fansprice i{ display:none;} .icon_cd_tmall, .icon_cd_tb, .icon_cd_ju{ width:22px; height:22px;} .icon_cd_tmall{ background-position:-150px -100px;} a:hover .icon_cd_tmall{ background-position:-175px -100px;} .icon_cd_tb{ background-position:-150px -125px;} a:hover .icon_cd_tb{ background-position:-175px -125px;} .icon_cd_ju{ background-position:-150px -150px;} a:hover .icon_cd_ju{ background-position:-175px -150px;} .icon_playvideo{ width:50px; height:50px; background-position:-200px -200px;} .icon_playvideo:hover{ background-position:-275px -200px;} .icon_playmusic{ width:50px; height:50px; background-position:-200px -200px;} .icon_playmusic:hover{ background-position:-275px -200px;} .icon_playlive{ width:62px; height:62px; background-position:-525px -225px;} .icon_balloon{ width:16px; height:16px; background-position:-75px -275px;} /*优惠券小红签*/ .icon_redflag{ width:41px; height:19px; background-position:-150px -75px; color:#fff; line-height:20px; text-align:center; font-size:12px;} /*赞*/ .icon_praised_b{ width:12px; height:13px; background-position:-100px -25px;} .W_icon_praised_hover:hover .icon_praised_b, .icon_praised_b:hover, .icon_praised_bc{ width:12px; height:13px; background-position:-125px -25px;} /*达人认证图标*/ .icon_verify_club, .icon_verify_v, .icon_verify_co_v, .icon_verify_dead_v, .icon_verify_lady{display:inline-block; width:86px; height:28px;} .icon_verify_club{background-position:-425px 0;} .icon_verify_v{ background-position:-425px -50px;} .icon_verify_co_v{ background-position:-425px -100px;} .icon_verify_dead_v{ background-position:-425px -150px;} .icon_verify_lady{ background-position:-425px -200px;} /*V认领图标*/ .icon_claimed_v{display:inline-block; width:13px; height:11px;} .icon_claim_v{display:inline-block; width:17px; height:13px;} .icon_claimed_v{background-position:-100px -75px;} .icon_claim_v{background-position:-125px -75px;} /*换肤按钮*/ .icon_setskin{ width:42px;height:44px; background-position:-150px -200px;} .icon_setskin:hover{ background-position:-150px -275px;} /*日历*/ .icon_calendar{ width:15px; height:15px; background-position:-50px -250px;} /*译*/ .icon_sw_trans{ width:14px; height:14px; background-position:-50px -275px;} /* 后期新增 */ .icon_redpack, .icon_wealth, .icon_hero, .icon_cheng, .icon_hong, .icon_olympic{height:14px; vertical-align: -2px;vertical-align: text-bottom\9;margin-left:3px;} /*红包飞*/ .icon_redpack{width:13px; background-position:-100px -200px;} /*财神*/ .icon_wealth{width:16px; background-position:-125px -200px;} /*清明节-英雄徽章*/ .icon_hero{width:13px; background-position:-100px -225px;} /*“诚”标识*/ .icon_cheng{width:16px; background-position:-100px -275px;} /*超级红人节*/ .icon_hong{width:14px; background-position:-125px -275px;} /* 奥运 */ .icon_olympic{width:16px; background-position:-125px -225px;} /*媒体相关按钮*/ .icon_btn_play, .icon_btn_dl, .icon_btn_imgplay, .icon_btn_imgvideo { width: 30px; height: 30px; } .icon_btn_imgplay{ background-position:-200px 0;} .icon_btn_imgplay:hover, .icon_btn_imgplay:active { background-position: -250px 0; } .icon_btn_imgvideo{ background-position: -200px 0; } .icon_btn_imgvideo:hover, .icon_btn_imgvideo:active { background-position: -250px 0; } .icon_btn_play{ background-position: -200px -100px; } .icon_btn_play:hover, .icon_btn_play:active { background-position: -250px -100px; } .icon_btn_play_disabled, .icon_btn_play_disabled:hover{background-position: -300px -100px; cursor:default;} .icon_btn_dl{ background-position: -200px -150px; } .icon_btn_dl:hover, .icon_btn_dl:active { background-position: -250px -150px; } .icon_btn_dl_disabled, .icon_btn_dl_disabled:hover{background-position: -300px -150px; cursor:default;} .icon_btn_play_s{ width: 22px; height: 22px; background-position:-350px -250px; } .icon_btn_play_s:hover{background-position:-375px -250px;} /*排行榜序号icon*/ .icon_num_red, .icon_num_yellow, .icon_num_gray{display: inline-block;width: 15px;height: 15px;font-size: 12px;color: #fff;text-align: center;line-height: 16px; *line-height: 15px;border-radius: 50%; font-family: Arial; } .icon_num_yellow {background: #fa7d3c;} .icon_num_red {background: #df3e3e;} .icon_num_gray{background: #696e78;} /*profile头部区用户身份icon*/ .icon_pf_male, .icon_pf_female{ width:16px; height:16px; vertical-align:-2px; margin-left:2px;} .icon_pf_male{ background-position:-100px -50px;} .icon_pf_female{ background-position:-125px -50px;} .icon_pf_approve, .icon_pf_approve_gold, .icon_pf_approve_co, .icon_pf_approve_dead, .icon_pf_club, .icon_pf_vlady{ width:20px; height:20px; border-radius:50%; box-shadow:0 0 4px rgba(0,0,0,0.3); vertical-align:-2px;} .icon_pf_club{ background-position:-50px 0;} .icon_pf_approve{ background-position:-50px -25px;} .icon_pf_approve_gold{ background-position: -125px -100px; } .icon_pf_approve_co{ background-position:-50px -50px;} .icon_pf_approve_dead{ background-position:-50px -75px;} .icon_pf_vlady{ background-position:-50px -100px;} /*用户身份*/ .icon_male, .icon_female{ width:12px; height:14px;vertical-align: -2px; vertical-align: text-bottom\9;margin-left:3px;} .icon_male{ background-position:0 0;} .icon_female{background-position:0 -25px;} .icon_approve, .icon_approve_gold, .icon_approve_co, .icon_approve_dead{ width:14px; height:14px;margin-left: 3px;vertical-align: -2px; vertical-align: text-bottom\9;} .icon_approve{ background-position:0 -50px;} .icon_approve_gold{ background-position:0 -300px; width: 15px;} .icon_approve_co{ background-position:0 -75px;} .icon_approve_dead{ background-position:0 -100px;} .icon_club, .icon_vlady{ width:13px; height:14px;margin-left: 3px;vertical-align: -2px; vertical-align: text-bottom\9;} .icon_club{ background-position:0 -125px;} .icon_vlady{ background-position:0 -150px;} /* 动画金V */ .icon_approve_gold, .icon_pf_approve_gold{background-position:left;background-repeat:no-repeat;-webkit-animation-timing-function:steps(23);animation-timing-function:steps(23);-webkit-animation-name:stepsV1;animation-name:stepsV1;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;} .icon_approve_gold{background-image:url(../../../images/common/steps_gold.png);background-size:475px 14px;} .icon_pf_approve_gold{background-image:url(../../../images/common/steps_gold2.png);background-size:595px 20px;} /* IE8及以下单倍图 */ @media \0screen\,screen\9{ .icon_approve_gold, .icon_pf_approve_gold{background-image:url(../../../images/common/icon.png?id=040715102017);background-position:0 -300px;} .icon_pf_approve_gold{ background-position: -125px -100px;} } .icon_tmall, .icon_taobao, .icon_airball, .icon_zongyika2014, .icon_wbnight2014, .icon_gongyi, .icon_gongyi2, .icon_gongyi3, .icon_gongyi4, .icon_gongyi5{ width:16px; height:14px;margin-left: 3px;vertical-align: -2px; vertical-align: text-bottom\9;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2){ .icon_wbnight2014{ width: 13px; } } .icon_tmall{ background-position:-75px 0;} .icon_taobao{ background-position:-75px -25px;} .icon_airball{ width: 12px; background-position:-75px -125px;} .icon_zongyika2014{ background-position:-25px -175px;} .icon_wbnight2014{ background-position:-100px -175px;} .icon_gongyi{ background-position:-75px -150px;} .icon_gongyi2{ background-position:-75px -175px;} .icon_gongyi3{ background-position:-75px -200px;} .icon_gongyi4{ background-position:-75px -225px;} .icon_gongyi5{ background-position:-75px -250px;} .icon_pagelbs, .icon_pagebook, .icon_pagemusic{ width:16px; height:16px;margin-left: 3px;vertical-align:-2px; vertical-align: text-bottom\9;} .icon_pagelbs{ background-position:-75px -50px;} .icon_pagebook{ background-position:-75px -75px;} .icon_pagemusic{ background-position:-75px -100px;} /*其他大杂烩icon*/ .icon_exposure{ width:16px; height:16px; background-position:-50px -225px;} /*物类兴趣ico*/ .W_icon_thing{display: inline-block;font-size: 0;height: 16px;line-height:16px !important;padding: 0;vertical-align: middle;} .W_icon_thing .ficon_cd_topic, .W_icon_thing .ficon_music, .W_icon_thing .ficon_cd_film, .W_icon_thing .ficon_cd_book, .W_icon_thing .ficon_cd_topic:hover, .W_icon_thing .ficon_music:hover, .W_icon_thing .ficon_cd_film:hover, .W_icon_thing .ficon_cd_book:hover{padding: 0 2px;font-size: 12px;color: #fff;} .W_icon_thing .ficon_cd_topic{background: #e5944e;} .W_icon_thing .ficon_music{background: #7584bd;} .W_icon_thing .ficon_cd_film{background: #b27daf;} .W_icon_thing .ficon_cd_book{background: #71b682;} /*微博等级*/ .W_icon_level { width:25px; line-height:14px; text-align:center; display:inline-block; /*overflow:hidden;*/background:#a4a4a4; border-radius:8px; margin:0 0 0 3px; padding:0 5px 0 3px;} a .W_icon_level { *cursor:pointer;} .W_icon_level span{ font-size:12px;color:#fff; font-style:italic; letter-spacing:-0.1em;} .W_icon_level.icon_level_c2 { background-color:#ffb400; } .W_icon_level.icon_level_c3 { background-color:#fe7e00; } .W_icon_level.icon_level_c4 { background-color:#fd4d17; } .W_icon_level.icon_level_c5 { background-color:#d60000; } /* 加载 */ .W_loading{ display:inline-block;width:16px; height:16px;background-image:url(../../../images/common/loading.png?id=1404211047727);background-image:url(../../../images/common/loading.gif)\9;background-repeat: no-repeat; vertical-align: middle;-webkit-animation:loading .8s linear infinite;-moz-animation:loading 0.8s linear infinite;-o-animation:loading 0.8s linear infinite;animation:loading 0.8s linear infinite;} @media screen and (min-width:0\0) {/* IE≥ 9 Safari 4 Android ≥ 2.3*/ .W_loading{background-image:url(../../../images/common/loading.gif);} .W_loading:not(*:root) {background-image:url(../../../images/common/loading.png?id=1404211047727);}/* Chrome * Safari * Opera ≥ 14 Android */ _:-ms-input-placeholder, :root .W_loading {background-image:url(../../../images/common/loading.png?id=1404211047727);}/*ie10及以上*/ } .W_loading_big{ display:inline-block;width:35px; height:35px;background-image:url(../../../images/common/loading_big.png?id=1404211047727);background-image:url(../../../images/common/loading_big.gif?id=1404211047727)\9;background-repeat: no-repeat; vertical-align: middle;-webkit-animation:loading .8s linear infinite;-moz-animation:loading 0.8s linear infinite;-o-animation:loading 0.8s linear infinite;animation:loading 0.8s linear infinite;} @media screen and (min-width:0\0) {/* IE≥ 9 Safari 4 Android ≥ 2.3*/ .W_loading_big{background-image:url(../../../images/common/loading_big.gif?id=1404211047727);} .W_loading_big:not(*:root) {background-image:url(../../../images/common/loading_big.png?id=1404211047727);}/* Chrome * Safari * Opera ≥ 14 Android */ _:-ms-input-placeholder, :root .W_loading_big {background-image:url(../../../images/common/loading_big.png?id=1404211047727);}/*ie10及以上*/ } @-webkit-keyframes loading{ 0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);} } @-moz-keyframes loading{ 0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(360deg);} } @-o-keyframes loading{ 0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(360deg);} } @keyframes loading{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} } /*加载条*/ div.W_loading{ display:block; width:auto; height:auto; background:none;} div.W_loading span{ background:url(../../../images/common/loading.gif) no-repeat 0 1px; padding:0 0 0 20px; line-height:18px; height:18px; display:inline-block; } /*icon 提示警告 小icon 大icon 中icon*/ .icon_succ,.icon_warn,.icon_ask,.icon_rederror, .icon_succS,.icon_warnS,.icon_askS,.icon_rederrorS{ width:16px; height:16px;} .icon_succB,.icon_warnB,.icon_questionB,.icon_rederrorB{ width:38px; height:42px;} .icon_succ,.icon_succS{ background-position:-350px 0} .icon_warn,.icon_warnS{ background-position:-350px -100px} .icon_ask,.icon_askS{background-position:-350px -50px} .icon_rederror,.icon_rederrorS{background-position:-350px -150px} .icon_succB{ background-position:-375px 0} .icon_questionB{background-position:-375px -50px} .icon_warnB{ background-position:-375px -100px} .icon_rederrorB{background-position:-375px -150px} /*发布器*/ .ficon_face,.ficon_image,.ficon_video,.ficon_timesend,.ficon_stock,.ficon_vote,.ficon_swtopic,.ficon_public,.ficon_longwb,.ficon_artical,.ficon_file,.ficon_music,.ficon_remark,.ficon_live_v2{ font-size:20px; margin-right:5px; cursor:pointer; vertical-align: middle;} .ficon_face{ color:#ffa405;} a:hover .ficon_face{ color:#ff9000;} .ficon_image{ color:#84c002;} a:hover .ficon_image{ color:#72a305;} .ficon_video{ color:#737e95;} a:hover .ficon_video{ color:#4d607c;} .ficon_timesend{ color:#7cb6d5;} a:hover .ficon_timesend{ color:#4c9dc1;} .ficon_stock{ color:#f7c516;} a:hover .ficon_stock{ color:#f0bb00;} .ficon_vote{ color:#ff984d;} a:hover .ficon_vote{ color:#ed7321;} .ficon_swtopic{ color:#5a8ce6;} a:hover .ficon_swtopic{ color:#4579d8;} .ficon_public{ color:#b0d014;} a:hover .ficon_public{ color:#a2c207;} .ficon_longwb{ color:#56afd6;} a:hover .ficon_longwb{ color:#358eb5;} .ficon_artical{ color:#ff8200; margin-right: 2px;} a:hover .ficon_artical{ color:#ff6600;} .ficon_file{ color:#52b4ed;} a:hover .ficon_file{ color:#2e9fd8;} .ficon_music{ color:#c57cc0;} a:hover .ficon_music{ color:#af5bad;} .ficon_remark{ color:#fa875a;} a:hover .ficon_remark{ color:#fa875a;} .ficon_live_v2{ color:#fb5a82;} a:hover .ficon_live_v2{ color:#f24476;} /*世界杯*/ .icon_fifa{ width:16px; height:13px; vertical-align:-2px; margin-left:3px;} /*微薄小logo*/ .icon_weibo{background-position:-50px -300px; width:16px; height:16px; vertical-align:text-top; margin-right:3px;} /*有道词典*/ .icon_youdaonote{ background-position:-100px -100px; width:16px; height:16px; } /*赞过*/ .icon_praisedicon{ background-position:-100px -250px; width:16px; height:16px; } /*点评星星*/ .icon_starbar_a{ position:relative; display:inline-block; width:83px; height:14px; background-position:-525px 0;} .icon_starbar_error{position: absolute; display:block; width:83px; height:14px; background-position:-525px -50px; top:0; left:0;} .icon_starbar_a .icon_starbar_stars{display:block; height:14px; background-position:-525px -25px;} .icon_starbar_b{ display:inline-block; width:83px; height:14px; background-position:-525px -75px;} .icon_starbar_b .icon_starbar_stars{display:block; height:14px; background-position:-525px -100px;} .icon_starbar_c{ display:inline-block; width:54px; height:10px; background-position:-525px -125px;} .icon_starbar_c .icon_starbar_stars{display:block; height:10px; background-position:-525px -150px;} /*feed点评星星*/ .W_app_level, .W_app_level em{display:inline-block; width: 69px; height:12px; background-position:-525px -200px; line-height: 12px;} .W_app_level em{background-position: -525px -175px;} /*话题分类*/ .icon_local,.icon_hot,.icon_promotion{display:inline-block; padding:0 2px; color:#fff; border-radius:2px; margin-left:3px; -webkit-transform:scale(0.85);font-size:10px; line-height:16px; } .icon_local{ background:#77b0ef; } .icon_hot{ background:#ffa105; } .icon_promotion{background:#5dc5a6;} /*直播标识*/ .W_icon_tag{display:inline-block; height: 16px; padding:0 3px; background: #5FADFC; color:#fff; line-height:18px; } .W_icon_live{ display:inline-block; position: absolute; padding: 0 12px 0 41px; height: 35px; background:#333;background:rgba(0,0,0,0.4); border-radius: 35px; color: #fff; line-height: 35px; *line-height: 37px;} .W_icon_live .l_ball{position: absolute; left: 0; top: 0; width: 35px; height: 35px; text-align: center; background:#cc3131;background:rgba(214,32,32,0.85); border-radius: 50%; *line-height: 35px;} .W_icon_live .l_ball2{background:#df795b;background:rgba(235,115,80,0.85);} .W_icon_live .l_yizhibo, .W_icon_live .l_red{ width: 34px; height: 42px; margin: -3px -17px 0 6px; background-position: -300px 0; vertical-align: top; *vertical-align: -15px;} .W_icon_live .l_red{ background-position: 0 0;} /*V5 V6通用付费icon*/ .PCD_ico_pay {display: inline-block;height: 20px;margin-right: 5px;padding: 0 5px 0 6px;color: #fff;background: #fea209;font-size: 12px;border-radius: 2px;line-height: 20px;vertical-align: middle;} /*删掉图片*/ .ico_delpic{display:inline-block;vertical-align: middle;background-image:url(../../../images/layer/ico_layer.png?id=20140918111800); background-repeat:no-repeat;width:20px;height:20px; _margin:5px 0;_vertical-align:middle;} .ico_delpic{background-position:-25px -25px;} .ico_delpic:hover{background-position:-50px -25px;} /*feed置顶、热门图标*/ .W_icon_feedpin, .W_icon_feedhot{ display:inline-block; height:16px; padding:0 5px; color:#fff!important; line-height:16px; *line-height:14px; _line-height:17px; border-radius:2px; overflow:hidden; font-size:12px;} .W_icon_feedpin{background:#ea0f1f;} .W_icon_feedhot{background:#ff8200;} .W_icon_feedpin .W_icon, .W_icon_feedhot .W_icon{ display:inline-block; float:left; width:16px; height:14px; background-color:#fff; margin:1px 3px 0 -4px; vertical-align:auto;} .W_icon_feedpin .icon_feedpin_lite{background-position:-151px -26px; } .W_icon_feedhot .icon_feedhot_lite{ background-position:-151px -51px; } /*PHP统计img不占位*/ .W_img_statistics{ display:block; width:0; height:0; margin:0; padding:0; border:0; font-size:0; line-height:0;} /*HOT气泡*/ .icon_hot_bubble{ width:10px; height:9px; background-position:-100px -125px;} /*打过标签的图片*/ .icon_taged_pic{ width:20px; height:20px; background-position:-150px -175px;} /*年费会员*/ .W_icon_year_member, .W_icon_year_member_dis{ display:inline-block; width:16px;height:16px; line-height:16px; color:#fff; font-size:12px; font-weight:bold; text-align:center; border-radius:2px; } .W_icon_year_member{ background:#e81410;} .W_icon_year_member_dis{ background:#8a8c93;} /*Profile 类别图标*/ .icon_pf_android{ width:84px; height:22px; background-position:-425px -250px;} .icon_pf_ios{width:58px; height:22px; background-position:-425px -275px;} /*天猫双11*/ .icon_double11{ width:16px; height:14px; background-position:-75px -300px; vertical-align:-2px; margin-left:3px;} /*天猫4月1*/ .icon_foolsday{ width:14px; height:14px; background-position:-125px -300px; vertical-align:-2px; margin-left:3px;} /* 运营类ICON */ .W_icon_yy{ display:inline-block; width: 16px; height: 14px; background-image:url(../../../images/common/icon_yy.png); background-repeat:no-repeat;vertical-align: -2px; vertical-align: text-bottom\9;margin-left:3px;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2){ .W_icon_yy{ background-image:url(../../../images/common/icon_yy-x2.png); background-size: 225px 25px;} } .icon_yy_ssp1{ background-position:0 0;} .icon_yy_ssp2{ background-position:-25px 0;} .icon_yy_ssp3{ background-position:-50px 0;} .icon_yy_ssp4{ background-position:-75px 0;} .icon_yy_ssp5{ background-position:-100px 0;} .icon_yy_ssp6{ background-position:-125px 0;} .icon_yy_ssp7{ background-position:-150px 0;} .icon_yy_ssp8{ background-position:-175px 0;} .icon_yy_gqt{ width: 14px; background-position:-200px 0;} /* 欧洲杯 /* .W_icon_EURO{ display:inline-block; width: 16px; height: 14px; background-image:url(../../../images/common/icon_EURO.png?id=201605301322); background-repeat:no-repeat;vertical-align: -2px; vertical-align: text-bottom\9;margin-left:3px;} */ /*两倍图标总汇 (btn.css里也有，需要同步维护)*/ /* @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2){ .W_icon_EURO{ background-image:url(../../../images/common/icon_EURO-x2.png?id=201605301322); background-size: 200px 75px;} } .icon_EURO_1{ background-position:0 0;} .icon_EURO_2{ background-position:-25px 0;} .icon_EURO_3{ background-position:-50px 0;} .icon_EURO_4{ background-position:-75px 0;} .icon_EURO_5{ background-position:-100px 0;} .icon_EURO_6{ background-position:-125px 0;} .icon_EURO_7{ background-position:-150px 0;} .icon_EURO_8{ background-position:-175px 0;} .icon_EURO_9{ background-position:0 -25px;} .icon_EURO_10{ background-position:-25px -25px;} .icon_EURO_11{ background-position:-50px -25px;} .icon_EURO_12{ background-position:-75px -25px;} .icon_EURO_13{ background-position:-100px -25px;} .icon_EURO_14{ background-position:-125px -25px;} .icon_EURO_15{ background-position:-150px -25px;} .icon_EURO_16{ background-position:-175px -25px;} .icon_EURO_17{ background-position:0 -50px;} .icon_EURO_18{ background-position:-25px -50px;} .icon_EURO_19{ background-position:-50px -50px;} .icon_EURO_20{ background-position:-75px -50px;} .icon_EURO_21{ background-position:-100px -50px;} .icon_EURO_22{ background-position:-125px -50px;} .icon_EURO_23{ background-position:-150px -50px;} .icon_EURO_24{ background-position:-175px -50px;} */ /* 会员icon可配置 */ .W_icon_vipstyle{ width: 14px; height: 14px; vertical-align: -2px; vertical-align: text-bottom\9;margin-left:3px;} /* 企业认证增值服务 */ .W_icon_co1, .W_icon_co2, .W_icon_co3{ display:inline-block; background-image:url(../../../images/common/icon_co.png); background-repeat:no-repeat;} /*两倍图标总汇 (btn.css里也有，需要同步维护)*/ @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2){ .W_icon_co1, .W_icon_co2, .W_icon_co3{ background-image:url(../../../images/common/icon_co-x2.png); background-size: 150px 330px;} } .W_icon_co1{width: 14px; height: 14px; vertical-align: -2px; vertical-align: text-bottom\9;margin-left:3px;} .W_icon_co2{width:20px; height:20px; border-radius:0; box-shadow:none; vertical-align:-2px;} .W_icon_co3{width:86px; height:28px;} .W_icon_co1.icon_approve_co{ background-position: 0 0;} .icon_approve_co_dis{ background-position: 0 -30px;} .icon_approve_co_1{ background-position: 0 -60px;} .icon_approve_co_2{ background-position: 0 -90px;} .icon_approve_co_3{ background-position: 0 -120px;} .icon_approve_co_4{ background-position: 0 -150px;} .icon_approve_co_5{ background-position: 0 -180px;} .icon_approve_co_6{ background-position: 0 -210px;} .icon_approve_co_7{ background-position: 0 -240px;} .icon_approve_co_8{ background-position: 0 -270px;} .icon_approve_co_9{ background-position: 0 -300px;} .W_icon_co2.icon_pf_approve_co{ background-position: -30px 0;} .icon_pf_approve_co_dis{ background-position: -30px -30px;} .icon_pf_approve_co_1{ background-position: -30px -60px;} .icon_pf_approve_co_2{ background-position: -30px -90px;} .icon_pf_approve_co_3{ background-position: -30px -120px;} .icon_pf_approve_co_4{ background-position: -30px -150px;} .icon_pf_approve_co_5{ background-position: -30px -180px;} .icon_pf_approve_co_6{ background-position: -30px -210px;} .icon_pf_approve_co_7{ background-position: -30px -240px;} .icon_pf_approve_co_8{ background-position: -30px -270px;} .icon_pf_approve_co_9{ background-position: -30px -300px;} .W_icon_co3.icon_verify_co_v{ background-position: -60px 0;} .icon_verify_co_v_dis{ background-position: -60px -30px;} .icon_verify_co_v_1{ background-position: -60px -60px;} .icon_verify_co_v_2{ background-position: -60px -90px;} .icon_verify_co_v_3{ background-position: -60px -120px;} .icon_verify_co_v_4{ background-position: -60px -150px;} .icon_verify_co_v_5{ background-position: -60px -180px;} .icon_verify_co_v_6{ background-position: -60px -210px;} .icon_verify_co_v_7{ background-position: -60px -240px;} .icon_verify_co_v_8{ background-position: -60px -270px;} .icon_verify_co_v_9{ background-position: -60px -300px;} #js_style_css_module_base_icon{height:42px;} /*btn集合*/ /*按钮公共部分*/ .W_btn_a, .W_btn_b, .W_btn_c, .W_btn_d{padding:0 10px 0 10px;white-space:nowrap;display:inline-block; border-radius:2px; height:24px;line-height:25px; *line-height:24px; text-decoration:none; font-size:14px; min-width:40px; text-align:center; outline:none;} .W_btn_a:hover, .W_btn_b:hover, .W_btn_c:hover, .W_btn_d:hover{text-decoration:none;} div.W_btn_b{ *display:inline;} /*一类按钮*/ .W_btn_a{background:#ff8140; border:1px solid #f77c3d; color:#fff;box-shadow: 0px 1px 2px rgba(0,0,0,0.25);} .W_btn_a:hover{background:#f7671d; border:1px solid #f06923;} .W_btn_a_disable, .W_btn_a_disable:hover{background:#ffc09f; color:#fff; border:1px solid #fbbd9e; box-shadow:none; cursor:default;} /*二类按钮*/ .W_btn_b{ border-width:1px; border-style:solid;box-shadow: 0px 1px 2px rgba(0,0,0,0.1);color:#333;background-color:#fff;border-color:#d9d9d9;} .W_btn_b:hover{border-color:#cccccc; box-shadow: 0px 1px 1px rgba(0,0,0,0.15); } .W_btn_b_disable, .W_btn_b_disable:hover{ color:#808080; box-shadow:none; cursor:default;} .W_btn_b_disable .W_ficon, .W_btn_b_disable:hover .W_ficon{ cursor:default;} /*三类按钮 - 大 - 黄*/ .W_btn_c{ width:104px;height:34px; padding:0 !important; line-height:34px; color:#fff; box-shadow:0px 1px 2px rgba(0,0,0,0.3); background:#fa7d3c; background: -moz-linear-gradient(top, #fa7d3c 0%, #f55f10 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #fa7d3c 0%,#f55f10 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fa7d3c 0%,#f55f10 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fa7d3c 0%,#f55f10 100%); /* IE10+ */ background: linear-gradient(top bottom, #fa7d3c 0%,#f55f10 100%); /* W3C */} .W_btn_c:hover{ background:#f4722e; background: -moz-linear-gradient(top, #f4722e 0%, #f05807 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #f4722e 0%,#f05807 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4722e 0%,#f05807 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4722e 0%,#f05807 100%); /* IE10+ */ background: linear-gradient(top bottom, #f4722e 0%,#f05807 100%); /* W3C */} /*四类按钮 - 大 - 灰*/ .W_btn_d{ width:104px;height:34px; padding:0 !important; line-height:34px; color:#fff; box-shadow:0px 2px 1px rgba(0,0,0,.2); background:#696e78; background: -moz-linear-gradient(top, #696e78 0%, #646973 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #696e78 0%,#646973 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #696e78 0%,#646973 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #696e78 0%,#646973 100%); /* IE10+ */ background: linear-gradient(top bottom, #696e78 0%,#646973 100%); /* W3C */} .W_btn_d:hover{ background:#5f636d; background: -moz-linear-gradient(top, #5f636d 0%, #535861 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #5f636d 0%,#535861 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5f636d 0%,#535861 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5f636d 0%,#535861 100%); /* IE10+ */ background: linear-gradient(top bottom, #5f636d 0%,#535861 100%); /* W3C */} /*二种高的选择，最外层22高、30高*/ .btn_22px{display:inline-block;height:20px;line-height:21px; *line-height:20px; min-width:28px;} .btn_30px{display:inline-block;height:28px;line-height:29px; *line-height:28px; width:60px; font-size:14px;} .btn_32px{display:inline-block;height:32px;line-height:33px; *line-height:32px;font-size:14px;} .btn_34px{display:inline-block;height:34px;line-height:35px; padding:0 15px; font-size:14px;} /*按钮特殊补丁*/ .W_btn_more{width:auto;min-width:0px;padding:0 5px;vertical-align:top;} /*按钮内部元素*/ .W_btn_a .icon_member, .W_btn_b .icon_member{ margin-right:3px;vertical-align:-3px; *vertical-align:1px; _vertical-align:middle; _margin:10px 0;} .W_btn_a .W_loading, .W_btn_b .W_loading{ margin:0 5px 0 0;} .W_btn_c .W_loading, .W_btn_d .W_loading{ margin:-1px 5px 0 0;} .W_btn_b .ficon_addtwo, .W_btn_c .ficon_addtwo, .W_btn_d .ficon_addtwo, .W_btn_b .ficon_add, .W_btn_c .ficon_add, .W_btn_d .ficon_add, .W_btn_b .ficon_right, .W_btn_c .ficon_right, .W_btn_d .ficon_right, .W_btn_b .ficon_arrow_down_lite, .W_btn_c .ficon_arrow_down_lite, .W_btn_d .ficon_arrow_down_lite, .W_btn_b .W_vline, .W_btn_c .W_vline, .W_btn_d .W_vline{ line-height:11px; overflow:hidden; margin-right:4px; vertical-align:middle;} .W_btn_b .ficon_arrow_down_lite, .W_btn_c .ficon_arrow_down_lite, .W_btn_d .ficon_arrow_down_lite, .W_btn_b .ficon_arrow_up_lite, .W_btn_c .ficon_arrow_up_lite, .W_btn_d .ficon_arrow_up_lite{margin:0 -3px 0 3px;} .W_btn_b .ficon_add{ color:#fa7d3c!important;} .W_btn_a .W_ficon, .W_btn_c .W_ficon, .W_btn_d .W_ficon{ color:#fff !important;} .W_btn_c .W_vline{ border-color:#fa9b6a !important; } .W_btn_d .ficon_menu{ font-size:14px; vertical-align:1px;vertical-align:3px\9;} :root .W_btn_d .ficon_menu{ vertical-align:2px\0;} .W_btn_b .cancal{ border-left-width:1px; border-left-style:solid; padding-left:5px; margin-left:5px;} .W_btn_b .icon_praised_b, .W_btn_b .icon_praised_bc{ margin:3px 2px 0 0; vertical-align:0; vertical-align:-2px\9; *vertical-align:0;} .btn_32px .ficon_remark, .W_btn_c .ficon_remark, .W_btn_d .ficon_remark, .btn_32px .ficon_praised, .W_btn_c .ficon_praised, .W_btn_d .ficon_praised{margin-right:4px; vertical-align:-1px; _vertical-align:0; font-size:16px; } .btn_32px .ficon_send, .W_btn_c .ficon_send, .W_btn_d .ficon_send{margin-right:4px; font-size:20px; vertical-align: -3px;} .btn_32px .praised, .W_btn_d .praised{ color:#5FADFC !important;} .W_btn_c .ficon_cd_music, .W_btn_d .ficon_cd_music{margin-right:4px; font-size:16px; vertical-align: -1px;} .btn_32px .ficon_addtwo, .W_btn_c .ficon_addtwo, .W_btn_d .ficon_addtwo, .btn_32px .ficon_add, .W_btn_c .ficon_add, .W_btn_d .ficon_add{ font-size:12px;} /*按钮内部元素*ie6bug勿动*/ .W_btn_a .W_loading, .W_btn_b .W_loading{vertical-align:middle;_margin:4px 5px 4px 5px; } .btn_23px .W_loading, .W_btn_c .W_loading, .W_btn_d .W_loading{vertical-align:middle;_margin:9px 5px 9px 5px; } .W_btn_b .ficon_addtwo{*line-height:15px;_line-height:25px;} .W_btn_c .ficon_addtwo, .W_btn_d .ficon_addtwo{*line-height:15px;_line-height:34px;} .W_btn_b .ficon_add{*line-height:15px;_line-height:24px;} .btn_22px .ficon_add{ margin-top:4px; *margin-top:0; vertical-align:top; _line-height:19px;} .btn_32px .ficon_add, .W_btn_c .ficon_add, .W_btn_d .ficon_add{*line-height:34px;} .W_btn_b .ficon_right{_line-height:25px;} .btn_32px .ficon_right, .W_btn_c .ficon_right, .W_btn_d .ficon_right{*line-height:34px;} .W_btn_b .ficon_arrow_down_lite{*line-height:15px;_line-height:24px;} .btn_32px .ficon_arrow_down_lite, .W_btn_c .ficon_arrow_down_lite, .W_btn_d .ficon_arrow_down_lite{_line-height:35px;} .W_btn_d .ficon_menu{*vertical-align:2px;_vertical-align:0px;} /*按钮内部元素*ie6bug勿动*/ /* 按钮内部红包ICON */ .W_btn_b .icon_hongbao{ width: 11px; height: 14px; margin-right:5px; background-position: -125px -250px; vertical-align:-2px; *vertical-align:1px;} /*profile头部菜单按钮*/ .W_btn_pf_menu{ width:34px; min-width:0;} /*CARD短链按钮*/ .W_btn_cardlink{ _width:auto; max-width:131px\0; margin:0 2px; padding:0 5px; box-shadow:none; *cursor:pointer; vertical-align:middle; text-align:left;} .W_btn_cardlink .W_autocut{ display:inline-block; max-width:110px; _width:76px; vertical-align:top;} .W_btn_cardlink .W_ficon{ line-height:20px; *line-height:18px; _line-height:20px; vertical-align:top;} .W_btn_cardlink .W_vline{ display:inline-block; height:12px; margin:4px 5px 0 3px; vertical-align:top;} .W_btn_cardlink .ico_spe .W_icon{ display:inline-block; *width:21px; margin:-1px 5px 0 -6px;} /*分页*/ .W_pages{ text-align:center; letter-spacing: -0.31em; *letter-spacing:normal;*word-spacing:-0.43em; text-rendering:optimizespeed; white-space:nowrap; *font-family:Arial;} .W_pages .page{ letter-spacing:normal; word-spacing:normal; text-rendering:auto; padding:0 8px;margin:0 5px 0;line-height:20px;display:inline-block;text-align:center;vertical-align:middle;} .W_pages .prev, .W_pages .next { width:100px;height:26px;line-height:26px;padding:0;margin:0;} .W_pages .prev { border-right-width:1px;border-right-style:solid;margin-right:20px;*margin-right:14px; margin-right:14px\0;} .W_pages .next { border-left-width:1px;border-left-style:solid;margin-left:20px;*margin-left:14px; margin-left:14px\0;} .W_pages .page .ficon_arrow_down{ margin-left:3px;} .W_pages .page:hover{ text-decoration:none} .W_pages .page_dis, .W_pages .page_dis:hover{ cursor:default; color:#808080;} /*弹出层分页*/ .W_pages .list{position:relative; display:inline-block; height:24px; letter-spacing: normal; *vertical-align:-5px;} .W_pages .list .layer_menu_list{position:absolute; z-index: 99; *min-width:76px; bottom:30px; left:-13px; _left:-20px; max-height:280px; _height:140px; overflow-y:auto;overflow-x: hidden;} .W_pages .layer_menu_list ul li a{ line-height:14px; *padding:7px 22px;} /*滚动条*/ .W_scroll::-webkit-scrollbar { width: 6px;/*对垂直流动条有效*/ height: 6px;/*对水平流动条有效*/ } /*垂直滚动条的按钮*/ .W_scroll::-webkit-scrollbar-button:vertical { display: none; } /*隐藏滚动条上方的渐增按钮*/ .W_scroll::-webkit-scrollbar-button:vertical:start:increment, .W_scroll::-webkit-scrollbar-button:vertical:end:decrement { display: none; } /* 垂直滚动条的第一层轨道*/ .W_scroll::-webkit-scrollbar-track:vertical { background-color: transparent; } /* 垂直滚动条的第二层轨道　*/ .W_scroll::-webkit-scrollbar-track-piece { background-color: transparent; } /* 垂直滚动条的滑动块 */ .W_scroll::-webkit-scrollbar-thumb:vertical { background-color: #aaa; border:2px solid #fff; border-width:2px 2px 2px 0; } /*切换页面按钮*/ .W_btn_prev, .W_btn_next{ display:inline-block; border-radius:50%; width:22px; height:22px; border-style:solid; border-width:2px; line-height:22px; text-align:center; overflow:hidden;} .W_btn_prev .W_ficon, .W_btn_next .W_ficon{ font-size:18px;} .W_btn_next .W_ficon{ text-indent:2px;} .W_btn_prev_disabled, .W_btn_next_disabled{ border-color:#e4e4e4 !important;} .W_btn_prev_disabled:hover, .W_btn_next_disabled:hover{ cursor:default;} .W_btn_prev_disabled:hover .W_ficon, .W_btn_next_disabled:hover .W_ficon{ color:#e4e4e4; cursor:default;} .W_btn_prev_disabled .W_ficon, .W_btn_next_disabled .W_ficon{ color:#e4e4e4;} /*标签*/ .W_btn_tag{ position:relative;min-width:24px;margin-left:10px;display:inline-block;height:20px;line-height:20px; *line-height:21px;font-size:12px; padding:0 10px 0 5px;box-shadow:none; cursor:pointer;} .W_btn_tag .W_arrow_bor{ position:absolute; top:0; left:-21px;} .W_btn_tag .W_arrow_bor i, .W_btn_tag .W_arrow_bor em{ border-width:10px;} .W_btn_tag .W_arrow_bor_l em {margin: 0px 0 0 -19px;} .W_btn_tag .W_ficon{ text-align:center;} .W_btn_tag .ficon_edit{ width:14px; margin-left:5px;} .W_btn_tag .ficon_close{ width:18px; margin-right:-8px;} .W_input .W_btn_tag, .input_outer .W_btn_tag{ cursor:text;} /*半透背景的操作按钮*/ .W_btn_alpha{ display:inline-block;height:30px;line-height:30px; padding:2px 10px; border-radius:5px;background:#2c2c2c;background:rgba(74,74,74,0.6);overflow:hidden; cursor:pointer;} .W_btn_alpha span{ color:#fff;} .W_btn_alpha:hover span, .W_btn_alpha .W_praised .ficon_praised{ text-decoration:none; color:#5FADFC;} .W_btn_alpha i.ficon_praised{vertical-align:top; font-size:27px;} .W_btn_alpha span em{ margin:0 0 0 5px; _vertical-align:-9px;} .W_btn_alpha .icon_enlarge, .W_btn_alpha .icon_narrow, .W_btn_alpha .icon_maximum{ display:none;} /*半透背景的操作按钮2*/ .W_btn_alpha_v2{ display:inline-block;height:25px; padding:0 7px; border-radius:2px;background:#666;background:rgba(51,51,51,.75); line-height:25px; color: #fff; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; } .W_btn_alpha_v2:hover{ background: #333; color: #ffa00a;} .W_btn_alpha_v2_b{ filter:alpha(opacity=35); opacity: 0.35;} /*老feed短链兼容，私信、WEBIM等开发未跟进结构修改*/ /*.WB_text .W_btn_c, .WB_empty .W_btn_c{ margin:0 2px; vertical-align:middle;} .WB_text .W_btn_c .W_autocut, .WB_empty .W_btn_c .W_autocut {display: inline-block;max-width: 110px;_width:76px;vertical-align:top;} .WB_text .W_btn_c .W_btn_icon .W_vline, .WB_empty .W_btn_c .W_btn_icon .W_vline{ margin:4px 4px 0 2px; text-indent:-9999px; display:inline-block;height:12px; border-color:#d9d9d9!important;vertical-align:top;} .WB_text .W_btn_c .W_btn_icon .W_ico12, .WB_empty .W_btn_c .W_btn_icon .W_ico12, .WB_text .W_btn_c .W_ico20{ width:14px;margin:4px 0 0 0;display: inline-block;height: 12px;background-image: url(../../../images/common/feedapp/icon.png?id=201505071359);background-repeat: no-repeat; vertical-align:top;} .WB_text .W_btn_c .icon_cd_music { width:9px; background-position:-200px -350px} .WB_text .W_btn_c .icon_cd_video { width:6px; background-position:-200px -375px} .WB_text .W_btn_c .icon_cd_place { width:10px; background-position:-200px -400px} .WB_text .W_btn_c .icon_cd_link, .WB_empty .W_btn_c .icon_cd_link { width:11px; background-position:-200px -425px} .WB_text .W_btn_c .icon_cd_book { width:9px; background-position:-200px -450px} .WB_text .W_btn_c .icon_cd_vote { width:10px; background-position:-200px -475px} .WB_text .W_btn_c .icon_cd_app { width:10px; background-position:-200px -500px;} .WB_text .W_btn_c .icon_cd_film{ width:10px; background-position:-200px -525px;} .WB_text .W_btn_c .icon_cd_vdisk{ width:10px; background-position:-200px -550px;} .WB_text .W_btn_c .icon_cd_event{background-position:-225px -375px;} .WB_text .W_btn_c .icon_cd_product, .WB_text .W_btn_c .icon_cd_cart{background-position:-225px -400px;} .WB_text .W_btn_c .icon_cd_game{background-position:-225px -425px;} .WB_text .W_btn_c .icon_cd_topic{ width:11px;background-position:-225px -450px;} .WB_text .W_btn_c .icon_cd_welfare{ width:11px;background-position:-225px -474px;} .WB_text .W_btn_c .icon_cd_coupon{ background-position:-225px -500px;} .WB_text .W_btn_c .icon_cd_concert{ background-position:-225px -525px;} .WB_text .W_btn_c .icon_cd_money{ background-position:-225px -550px;} .WB_text .W_btn_c .icon_cd_img{ background-position:-200px -575px;} .WB_text .W_btn_c .icon_cd_stock{ background-position:-225px -575px;} .WB_text .W_btn_c .W_ico20{ width:22px; height:22px; margin:-1px 5px 0 -6px;} .WB_text .W_btn_c .icon_fl_tmall{ width:22px; height:22px;background-position:-425px 0;} .WB_text .W_btn_c:hover .icon_fl_tmall{background-position:-450px 0;} .WB_text .W_btn_c .icon_fl_tb{ width:22px; height:22px;background-position:-425px -25px;} .WB_text .W_btn_c:hover .icon_fl_tb{background-position:-450px -25px;} .WB_text .W_btn_c .icon_fl_ju{ width:22px; height:22px;background-position:-425px -50px;} .WB_text .W_btn_c:hover .icon_fl_ju{background-position:-450px -50px;} .WB_text .W_btn_c, .WB_empty .W_btn_c{display:inline-block;height:20px;line-height:20px; *line-height:21px; min-width:28px;_width:28px; font-size:12px; padding:0 5px; cursor:pointer; text-align:left; padding:0 5px!important;} .WB_text .W_btn_c, .WB_empty .W_btn_c{ border-width:1px; border-style:solid;box-shadow: 0px 1px 0px rgba(0,0,0,0.1);color:#333;text-decoration:none;border-color:#d9d9d9; background:#f2f2f5; width:auto;box-shadow:none;} .WB_text .W_btn_c:hover, .WB_empty .W_btn_c:hover{border-color:#cccccc; background:#f2f2f5;} .WB_text .W_btn_c_disable, .WB_text .W_btn_c_disable:hover{ color:#808080;text-decoration:none; box-shadow:none; cursor:default;border-color:#d9d9d9} .WB_text .W_btn_c_disable .W_ficon, .WB_text .W_btn_c_disable:hover .W_ficon{color:#d9d9d9; cursor:default;}*/ /*解决IE8bug*/ /*.WB_text .W_btn_c, .WB_empty .W_btn_c {max-width:140px\0;} .WB_text .W_btn_c span.W_autocut, .WB_empty .W_btn_c span.W_autocut{ max-width:110px\0;} .WB_text .W_btn_c span, .WB_empty .W_btn_c span{ display:inline-block; max-width:131px\0;} .WB_text .W_btn_c em.W_autocut, .WB_empty .W_btn_c em.W_autocut{ max-width:110px\0;}*/ /*end解决IE8bug*/ /*老feed短链兼容，私信、WEBIM开发未跟进结构修改*/ /*feed播放音乐大按钮*/ .W_btn_mult { display:inline-block; height:26px; border:1px solid #d9d9d9;border-radius:2px;overflow:hidden; vertical-align:middle; cursor:pointer;background-image:url(../../../images/common/icon.png?id=040715102017);_background-image:url(../../../images/common/icon.gif?id=040715102017);} /*两倍图标总汇 (icon.css里也有，需要同步维护)*/ @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2){ .W_btn_mult{ background-image:url(../../../images/common/icon-x2.png?id=040715102017); background-size: 625px 325px; } } .W_btn_mult span{display:inline-block; max-width:72px; _width:72px; height:24px; margin-left:38px; padding:0 15px 0 7px; border:1px solid #fff; border-left:none; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height:24px; *line-height:25px; white-space:nowrap; color:#333333; } .W_btn_mult span{background-color:#f3f3f3; /* Old browsers */ background-image: -moz-linear-gradient(top, #fbfbfb 0%, #f2f2f2 50%, #e7e7e7 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(50%,#f2f2f2), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, #fbfbfb 0%,#f2f2f2 50%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, #fbfbfb 0%,#f2f2f2 50%,#e7e7e7 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, #fbfbfb 0%,#f2f2f2 50%,#e7e7e7 100%); /* IE10+ */ background-image: linear-gradient(top bottom, #fbfbfb 0%,#f2f2f2 50%,#e7e7e7 100%); /* W3C */} .W_btn_mult:hover{text-decoration:none;} .btn_mult_music{ background-position:-350px -200px;} /*认领按钮*/ .W_btn_claim, .W_btn_claiming{ display:inline-block; height:22px; padding:0 10px; background:#60bcf0; border-radius:11px; line-height:22px; color:#fff;} .W_btn_claiming{ background:#a0d7f6;} .W_btn_claim .W_icon, .W_btn_claiming .W_icon{ float:left; margin:5px 3px 0 0;} #js_style_css_module_base_btn{height:42px;} /*tips*/ /* CSS Document */ .W_tips{ font-size:12px; overflow:hidden;padding:5px 7px 4px 10px; _width:auto; text-align:center; letter-spacing:normal;word-spacing:normal;} .W_tips.tips_warn{border:1px solid #e4e7f8;background:#f8f9fe; line-height:12px; color:#808080;} .W_tips.tips_rederror{border:1px solid #ffe3c8;background:#fff2e6; line-height:12px; color:#808080;} .W_tips .icon{ display:inline; margin:0 5px 0 0; vertical-align:-3px;*vertical-align:-1px;} .W_tips .txt{ display:inline;line-height:18px;text-align:left;} .W_tips .txt .W_ficon{ margin:0 0 0 15px; padding:0 15px;} /*.W_tips .txt a{ color:#5FADFC;} */ .W_tips .close{ margin:2px 0 0 10px;*margin-top:-16px; float:right;} .W_tips .ficon_setup{font-size:14px; *font-size:12px;} /*首页吸顶提示条*/ .WB_toptips{width:100%; padding:16px 0; background:#fff9e0; background:rgba(255,248,224,0.85);} .WB_toptips_email{background:#fff9e0;} .WB_frame .WB_toptips{margin:-16px 0 16px;} .WB_toptips .toptips_inner{ width:1000px; margin:0 auto;} @media screen and (max-width:1006px) { .WB_toptips .toptips_inner{ width:760px;} } .WB_toptips .W_fl{ width:150px;} .WB_toptips .W_fl .W_icon{ margin:0 0 0 98px;} .WB_toptips .con{ margin:0 0 0 150px; _margin:0 0 0 147px; _zoom:1; line-height:22px;} .WB_toptips .con .W_vline{ margin:0 10px;} .WB_toptips .con .t{line-height:20px;} .WB_toptips .con .b .W_btn_b{ margin:0 17px 0 0;} .WB_toptips .con .link a{ display:inline-block;height:22px; padding:0 0 0 20px; background:url(../../../images/index/ie_update.png) no-repeat;vertical-align:top;} .WB_toptips .con .link .ie{ background-position:0 0;} .WB_toptips .con .link .ff{ background-position:0 -25px;} .WB_toptips .con .link .chrome{ background-position:0 -50px;} .WB_toptips .con .link .safe360{ background-position:0 -75px;} .WB_toptips .con .link .sougo{ background-position:0 -100px;} .WB_toptips .con .link .baidu{ background-position:0 -125px;} .WB_toptips .toptips_inner .W_tips{ margin:-9px 0; padding:0;} /*激活帐号banner增加红包飞元素*/ .WB_toptips_red{background:#fff9e0 url(../../../images/growth/bg_red_email.png) center -4px no-repeat;position:relative;} .WB_toptips_red .toptips_inner{position:relative;} .WB_toptips_red .btn_red_bonus{display:block;position:absolute;right:0;top:-7px;text-indent:-9999em;background:url(../../../images/growth/btn_red_bonus.png) no-repeat;width:115px;height:27px;} .WB_toptips_red .btn_red_bonus:hover{background-position:0 -27px;} .WB_toptips_red .btn_wrap{width:80px;height:97px;position:absolute;left:50%;top:0;} .WB_toptips_red .btn_red{text-indent:-9999em;display:block;width:80px;height:97px;position:absolute;left:500px;} #js_style_css_module_global_tips{height:42px;} /*发布器*/ /* 发布器样式 */ .send_weibo{margin: 0 0 10px 0;box-shadow: 0 0 2px rgba(0,0,0,0.15);border-radius:2px; padding:15px 10px 10px;_position:relative; height:140px; overflow:hidden;} .PRF_sendtimer{ margin:0 0 10px;} .send_weibo .title_area{ position:relative; overflow:hidden; height:21px; } .send_weibo .title { outline-style:none;font: normal 16px Tahoma; line-height:16px; *line-height:22px; float:left; width:200px; height:21px;} .send_weibo .title .W_swficon{ height:21px; font-size:0; display:block;white-space:nowrap; overflow:hidden;} /*下面这四句，写复杂是为了解决win7+ie8的诡异问题。其它浏览器仅写间距即可。*/ .send_weibo .title .W_swficon .spac1{display:inline-block;vertical-align:top;height:21px; letter-spacing:-3px;} .send_weibo .title .W_swficon .spac2{display:inline-block;vertical-align:top;height:21px; padding-left:4px;} .send_weibo .title .W_swficon .spac3{display:inline-block;vertical-align:top;height:21px; letter-spacing:-3.8px;} .send_weibo .title .W_swficon .spac4{display:inline-block;vertical-align:top;height:18px; padding:3px 0 0 4px;} .send_weibo .title .txt{ display:none;} .send_weibo .num { position:absolute; right:0; top:-6px;} .send_weibo .num span { font-weight:700; font-size:22px;font-style:italic; font-family:Constantia, Georgia; } .send_weibo .num span.S_spetxt{ color: #f90;} .send_weibo .num a.S_txt2 { text-decoration:none; cursor:default;} .send_weibo .key { position:absolute; right:0; top:2px; max-width:380px; _width:380px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; word-wrap:normal;} .send_weibo .input, .send_weibo .input_simple { position:relative; border-width:1px; border-style:solid; height:68px;margin:4px 0 0; padding:5px; box-shadow:0px 0px 3px 0px rgba(0,0,0,0.15) inset;} .send_weibo .input_simple{box-shadow:0px 0px 1px 0px rgba(0,0,0,0.15) inset;} .send_weibo .input .W_input, .send_weibo .input_simple .W_input {background: transparent; width:100%; height:68px;font-size:14px; line-height:18px; overflow-x:hidden; overflow-y:auto; word-wrap:break-word; outline:none; border:none;_border:0; padding:0; box-shadow:none;} .send_weibo .input.clicked{border-color:#fa7d3c; box-shadow:none;} .send_weibo .input_simple.clicked{border-color:#ffb941;-webkit-box-shadow:-1px 1px 1px 0px #ddd inset; -moz-box-shadow:-1px 1px 1px 0px #ddd inset;box-shadow:-1px 1px 1px 0px #ddd inset;} .send_weibo .input_simple.clicked .W_arrow_bor i.S_line3{border-right-color:#ffb941;} .send_weibo .img_upload{ position:absolute; z-index:99; border:1px dashed #ccc; left:5px; top:5px; right:5px; bottom:5px; *height:77px; _width:548px; color:#808080; text-align:center;} .send_weibo .img_upload b { display:inline-block; vertical-align:middle; height:100%} .send_weibo .img_upload .iu-tip { display:inline-block;vertical-align:middle } .send_weibo .img_upload .iu-tip .W_ico12{ vertical-align:-2px; *vertical-align:0; margin-right:8px } .send_weibo .kind { float:left; width:380px; height: 24px; padding:10px 0 0; overflow: hidden; line-height: 24px;} .send_weibo .kind a{ display: inline-block; position: relative; *float: left; -webkit-text-size-adjust:none; margin:0 18px 0 0; overflow: hidden;} .send_weibo .kind a .W_ficon{ margin-top: -1px;} .send_weibo .kind a .ficon_vote{ margin-top: 0;} @media \0screen\,screen\9{.send_weibo .kind a .W_ficon{ margin-top: -4px;}} .send_weibo .kind a input{ position: absolute; top: 0; right: 0; opacity:0; filter:alpha(opacity=0); font-size: 24px; cursor: pointer;} .send_weibo .kind .ficon_more{ font-size:16px; margin:0;} .send_weibo .func { float:right; padding:5px 0 0;text-align:right;width:200px;white-space:nowrap;} .send_weibo .func .limits { display:inline-block; *display:inline; *zoom:1; margin:10px 10px 0 0; *margin-top: 9px; vertical-align:top; } .send_weibo .func .limits .W_autocut{ display:inline-block; width:62px; cursor:pointer; text-align:right; *vertical-align: top;} .send_weibo .func .limits .ficon_arrow_down{ margin:0 0 0 2px; vertical-align:3px;} .send_weibo .func .opt{ *position:absolute; display:inline-block; width:115px; margin:9px 7px 0 -37px; *margin:7px 7px 0 -120px; overflow:hidden; vertical-align:top;} .send_weibo .sendsucc_detail{width:365px; left:20%; text-align:left;} .send_weibo .sendsucc_detail .W_icon{ float:left; margin:0 10px 0 0;} .send_weibo .sendsucc_detail .txt{ margin:0;} .send_weibo .sendsucc_detail .note{ font-size:12px; display:block; margin-top:5px;} /* 定时微博 */ .send_weibo .set_timer{ height:30px; border-style:solid; line-height:30px; } .send_weibo .set_timer .set_date_txt{ margin-left:10px;} .send_weibo .set_timer .set_data_mod{ width:85px; height:17px; margin:6px 10px 0 0; padding-left:6px; background:#fff; border-style:solid; border-width:1px;} .send_weibo .set_timer .set_data_mod .ipt{ width:65px; height:14px; padding-top:1px; font-family:"宋体"; color:#333; border:none; line-height:14px; outline:none; *border:0; } .send_weibo .set_timer .set_data_mod .icon_calendar{ margin:1px 1px 0 0;} .send_weibo .set_timer .sel_time{ margin:6px 6px 0 0; border-style:solid; border-width:1px; font-family:"宋体"; height:19px; } .send_weibo .set_timer .set_time_txt{ margin-right:5px;} .send_weibo .set_timer .rt_txt{ margin-right:10px;} .send_weibo .input_set_timer .send_succpic{ margin-top: -36px;} /* 首页 */ .send_weibo .input .set_timer{ display:none;} .send_weibo .input_set_timer{ position:relative;} .send_weibo .input_set_timer .set_timer{ display:block; position:absolute; left:0; bottom:0; width:100%; border-width:1px 0 0;} .send_weibo .input_set_timer .W_input{ height:37px;} .send_weibo .input_set_timer .ficon_close{ float:right; margin:0 6px 0 0;} .send_weibo .input_set_timer .set_timer .pc_caldr{ z-index:10000!important;} /* end定时微博 */ /* 简版发布器 */ .send_weibo_simple{ background-image:none !important; margin:0; padding:0; box-shadow:none; height:auto;} .send_weibo_simple .title_hide {float: left;width: 282px;height: 20px; font-size:14px; font-weight:bold; line-height:20px;} .send_weibo_simple .input_simple_wrap{ *zoom:1;} .send_weibo_simple .input_simple_wrap .userphoto{ float:left; margin-top:5px; width:50px; height:50px; overflow:hidden;} .send_weibo_simple .input_simple_wrap .userphoto .pic{ display:block; } .send_weibo_simple .input_simple_wrap .inputfunc_simple_wrap{ float:right; width:504px;} .send_weibo_simple .input_simple .W_arrow_bor{ position:absolute;top:15px; left:-15px;} .send_weibo_simple .kind {width: 290px;} .send_weibo_simple .icon_starbar_a{ vertical-align:-1px; *vertical-align:0;} .send_weibo_simple .aftertext{ margin-left:2px; font-weight:normal;} /* 简版发布器 收起态*/ .send_weibo_simple_fold .WB_innerwrap{ padding:10px 16px;} .send_weibo_simple_fold .input_simple_wrap .userphoto { margin-top:0;} .send_weibo_simple_fold .title_area, .send_weibo_simple_fold .func_area{ display:none;} .send_weibo_simple_fold .input_simple{ height:22px; margin-top:8px;} .send_weibo_simple_fold .input_simple .W_input{ height:20px;} .send_weibo_simple_fold .input_simple .W_arrow_bor{top:9px;} /* 简版发布器 收起态 - 点评*/ .send_weibo_simple_remark_fold .WB_innerwrap{ padding:11px 16px; _padding:15px 16px 8px 16px;} .send_weibo_simple_remark_fold .input_simple_wrap, .send_weibo_simple_remark_fold .title_area .num{ display:none;} /*点评发布器打半颗星*/ .send_weibo_simple .t_half_star {float: left;width: 282px;height: 22px; font-size:14px; font-weight:bold; line-height:22px;} .send_weibo_simple .half_star{display: inline-block;height: 22px; line-height: 22px; font-size: 0px; vertical-align:top; } .send_weibo_simple .half_star_txt{display: inline-block; height: 22px; line-height: 22px; } .send_weibo_simple .t_half_star .aftertext{display: inline-block; height: 22px; line-height: 22px;} .send_weibo_simple .s_star_a{display: inline-block; width: 17px; margin-right: 5px; height: 22px; background: url(../../../images/common/half_start.png); background-position: -3px -102px; vertical-align:middle; } .send_weibo_simple .s_star_b{display: inline-block; width: 17px; margin-right: 5px; height: 22px; background: url(../../../images/common/half_start.png); background-position: -3px -75px; vertical-align:middle;} .send_weibo_simple .s_star_c{display: inline-block; width: 17px; margin-right: 5px; height: 22px; background: url(../../../images/common/half_start.png); background-position: -3px -51px; vertical-align:middle;} .send_weibo_simple .l_star_b{display: inline-block; width: 21px; height: 22px; margin-left: -3px; margin-right: 4px;background: url(../../../images/common/half_start.png); background-position: 0 -1px; vertical-align:middle;} .send_weibo_simple .l_star_a{display: inline-block; width: 21px; height: 22px; margin-left: -3px; margin-right: 4px;background: url(../../../images/common/half_start.png); background-position: 0 -26px;vertical-align:middle;} /*end点评发布器打半颗星*/ /*.send_weibo_simple .t_half_star {float: left;width: 282px;height: 21px; font-size:14px; font-weight:bold; line-height:21px;} .send_weibo_simple .half_star{display: inline-block;height: 21px; font-size: 0px; vertical-align:top; } .send_weibo_simple .s_star_a{display: inline-block; width: 17px; margin-right: 5px; height: 14px; background: url(../../../images/common/half_start.png); background-position: -3px -105px; vertical-align:middle;} .send_weibo_simple .s_star_b{display: inline-block; width: 17px; margin-right: 5px; height: 14px; background: url(../../../images/common/half_start.png); background-position: -3px -78px; vertical-align:middle;} .send_weibo_simple .s_star_c{display: inline-block; width: 17px; margin-right: 5px; height: 14px; background: url(../../../images/common/half_start.png); background-position: -3px -54px; vertical-align:middle;} .send_weibo_simple .l_star_b{display: inline-block; width: 21px; height: 21px; margin-left: -3px; margin-right: 4px;background: url(../../../images/common/half_start.png); background-position: 0 -1px; vertical-align:middle;} .send_weibo_simple .l_star_a{display: inline-block; width: 21px; height: 21px; margin-left: -3px; margin-right: 4px;background: url(../../../images/common/half_start.png); background-position: 0 -26px; vertical-align:middle;}*/ /*发布器放开140字*/ .send_weibo_long{ height: auto; overflow: visible;} .send_weibo_long .input, .send_weibo_long .input_simple, .send_weibo_long .input .W_input, .send_weibo_long .input_simple .W_input{ height: auto; min-height: 68px; _height: 68px;} .send_weibo_long .input_set_timer{ padding-bottom: 36px;} .send_weibo_long .input_set_timer .W_input{ height: auto; min-height: 68px; _height: 68px;} .send_weibo_long .func_area{position:relative; *z-index: 999; *zoom:1;} #js_style_css_module_global_send_weibo{height:42px;} /*layer框架*/ .W_layer { position:absolute; z-index:9999; } .W_translateZ{-webkit-transform:translateZ(9999px);-moz-transform:translateZ(9999px);-o-transform:translateZ(9999px);-ms-transform:translateZ(9999px);transform:translateZ(9999px);} /*解决浮层在3d变形模块上不能点击的问题*/ .W_layer .content { position:relative; background:#fff; border-radius:3px; border-top:2px solid #fa7f40; } .W_layer .W_layer_title { border-bottom:1px solid #f2f2f5;line-height:38px; font-size:14px;font-weight:700; padding:0 0 0 16px; vertical-align:middle; } .W_layer .W_layer_title h3 { font-size:14px; width:340px; overflow:hidden; height:24px; font-weight:400; } .W_layer .W_layer_title .span{font-weight: 400;} .W_layer .W_layer_close .ficon_close{ position:absolute; z-index:2;right:12px; top:9px; font-size:18px;} .W_layer .W_layer_btn { position:relative; min-width:200px;*min-width:auto;border-radius:3px; text-align:center; padding:10px 0; *padding:10px 0 10px 10px;} .W_layer .W_layer_btn a { margin:0 5px; } .W_layer .W_layer_btn .pos{ position:absolute; left:16px; top:0;} .W_layer .W_layer_btn .link{ display:inline-block; margin:20px 0 0;} .W_layer_pop .content { position:relative; background:#fff; border-radius:3px; border:1px solid #ccc; box-shadow:0 4px 20px 1px rgba(0,0,0,0.2) } .W_layer_pop .W_layer_close .ficon_close{ position:absolute; z-index:2;right:6px; top:5px; font-size:18px;} .W_layer_pop .W_layer_title .W_layer_close .ficon_close{right:6px; top:-4px;} .W_layer_pop .W_layer_btn { border-top:1px solid #d9d9d9;background-color:transparent!important;} .W_layer_pop .W_layer_btn a{ position: relative; overflow: hidden; vertical-align: top;} .W_layer_pop .W_layer_btn a input{ position: absolute; top: 0; right: 0; opacity:0; filter:alpha(opacity=0); font-size: 24px; cursor: pointer; *vertical-align: -5px;} .W_layer_pop .W_layer_arrow .W_arrow_bor{ position:absolute; overflow:hidden; display:block;} .W_layer_pop .W_layer_arrow .W_arrow_bor_t{top:-14px; left:20px;} .W_layer_pop .W_layer_arrow .W_arrow_bor_b{bottom:-14px; left:20px; line-height:14px;} .W_layer_pop .W_layer_arrow .W_arrow_bor_l{top:20px; left:-14px;} .W_layer_pop .W_layer_arrow .W_arrow_bor_r{top:20px; right:-14px;} .W_layer_pop .W_layer_con_tit{ margin:-20px 0 0; padding:28px 0 0; text-align:left;} .W_layer_pop .W_layer_con_tit h1{ margin:-11px 0 10px;} .W_layer_pop .W_layer_con_tit h2{ margin:0 0 10px; line-height:17px;} .W_layer .layer_notice .layer1_words { width:340px; padding-right:20px; } /* 解决.B_index .W_pages_minibtn的冲突 */ .W_layer .content .W_pages_minibtn { padding:0; margin:0 -4px 0 0; } /* end解决.B_index .W_pages_minibtn的冲突 */ /*不换肤内容*/ /*====主文字====含同色系的线、面*/ .W_layer, .W_layer legend, .W_layer .W_input:focus, .W_layer .S_txt1, .W_layer .W_btn_b, .W_layer .SW_fun .S_func1{ color:#333;text-decoration:none;} .W_layer .S_txt1_bg{ background-color:#333;} .W_layer .S_txt1_br{ border-color:#333;} /*====二级文字====含同色系的线、面*/ .W_layer .S_txt2, .W_layer .W_input, .W_layer .W_btn_b_disable, .W_layer .W_btn_b_disable:hover{ color:#808080;text-decoration:none;} .W_layer .S_txt2_bg{ background-color:#808080;} .W_layer .S_txt2_br{ border-color:#808080;} .W_layer .W_pages .page_dis:hover{color:#808080;} /*====icon色====含同色系的线、面*/ .W_layer .S_ficon, .W_layer .S_ficon_dis, .W_layer .S_ficon_dis:hover, .W_layer a:hover .S_ficon_dis{ color:#696e78;} .W_layer .S_ficon_bg{ background-color:#696e78;} .W_layer .S_ficon_br{ border-color:#696e78;} /*====一级链接====含同色系的线、面*/ .W_layer a, .W_layer .S_link1, .W_layer a.S_txt1:hover, .W_layer a.current .S_txt1, .W_layer a.S_txt2:hover, .W_layer .SW_fun:hover .S_func1{ color:#5FADFC;} .W_layer .S_link1_bg{ background-color:#5FADFC;} .W_layer .S_link1_br{ border-color:#5FADFC;} /*===背景色块1===*/ .W_layer .S_bg1, .W_layer blockquote, .W_layer .SW_fun_bg:hover, .W_layer .SW_fun_bg_active{background-color:#f2f2f5;} .W_layer .S_bg1_c{color:#f2f2f5;} .W_layer .S_bg1_br{border-color:#f2f2f5;} .W_layer .W_btn_cardlink, .W_layer .W_btn_tag_cur, .W_layer .W_btn_tag_cur:hover{background-color:#f2f2f5!important;} /*===背景色块2===*/ .W_layer .S_bg2, .W_layer .W_btn_b, .W_layer .W_input, .W_layer .SW_fun_bg{background-color:#fff;} .W_layer .S_bg2_c{color:#fff;} .W_layer .S_bg2_br{border-color:#fff;} /*===一级线色===*/ .W_layer .S_line1, .W_layer .W_btn_prev, .W_layer .W_btn_next, .W_layer .W_btn_b{border-color:#d9d9d9;} .W_layer .W_btn_b_disable, .W_layer .W_btn_b_disable:hover, .W_layer .W_btn_tag_cur, .W_layer .W_btn_tag_cur:hover{border-color:#d9d9d9!important;} .W_layer .S_line1_c{color:#d9d9d9;} .W_layer .W_btn_b_disable .S_ficon{color:#d9d9d9!important;} /*===二级线色===*/ .W_layer .S_line2{border-color:#f2f2f5;} .W_layer .S_line2_c{color:#f2f2f5;} /*===三级线色（输入框）===*/ .W_layer .S_line3, .W_layer .W_input, .W_layer .send_weibo .input, .W_layer .W_btn_b:hover{border-color:#cccccc;} /*===发布器背景色===*/ .W_layer .W_input, .W_layer .send_weibo .input{background-color:#fff;} /*===按钮皮肤清零===*/ .W_layer .W_btn_a{color:#fff;} /*===发布器皮肤清零===*/ .W_layer .send_weibo { background-image:none; } .W_layer .send_weibo .W_btn_a{background:#ff8140; border:1px solid #f77c3d; color:#fff;box-shadow: 0px 1px 0px rgba(0,0,0,0.1); text-indent:0;} .W_layer .send_weibo .W_btn_a:hover{background:#f7671d; border:1px solid #f06923;} .W_layer .send_weibo .W_btn_a_disable, .W_layer .send_weibo .W_btn_a_disable:hover{background:#ffc09f; color:#fff; border:1px solid #fbbd9e; box-shadow:none; cursor:default;} /*===弹层尖角换肤专用===*/ .W_layer .W_arrow_bor_t .S_line3{border-color:transparent transparent #ccc transparent; } .W_layer .W_arrow_bor_t .S_bg2_br{border-color:transparent transparent #fff transparent; } .W_layer .W_arrow_bor_r .S_line3{border-color:transparent transparent transparent #ccc;} .W_layer .W_arrow_bor_r .S_bg2_br{border-color:transparent transparent transparent #fff;} .W_layer .W_arrow_bor_b .S_line3{border-color:#ccc transparent transparent transparent;} .W_layer .W_arrow_bor_b .S_bg2_br{border-color:#fff transparent transparent transparent;} .W_layer .W_arrow_bor_l .S_line3{border-color:transparent #ccc transparent transparent;} .W_layer .W_arrow_bor_l .S_bg2_br{border-color:transparent #fff transparent transparent;} .W_layer .W_arrow_bor_t .S_bg1_br{border-color:transparent transparent #f2f2f5 transparent;} .W_layer .W_arrow_bor_r .S_bg1_br{border-color:transparent transparent transparent #f2f2f5;} .W_layer .W_arrow_bor_b .S_bg1_br{border-color:#f2f2f5 transparent transparent transparent;} .W_layer .W_arrow_bor_l .S_bg1_br{border-color:transparent #f2f2f5 transparent transparent;} #js_style_css_module_layer_layer_frame { height:42px; } /*layer提示警告大*/ .layer_point{max-width:340px; _width:340px;padding:20px 40px; text-align:center; *position:relative; } .layer_point .delete,.layer_point .success,.layer_point .question,.layer_point .warning{display:inline-block;margin:0 10px 0 0;width:41px;height:31px;} .layer_point .delete{width:34px;height:34px;background-position:-41px -14px;} .layer_point .question{width:26px;height:40px;background-position:-112px -10px;} .layer_point .warning{width:37px;height:36px;background-position:-75px -14px;} .layer_point .point dd{word-wrap:break-word;line-height:18px;padding-top:8px;} .layer_point .point dd .S_txt1{font-size:14px;padding:0 0 5px;} .layer_point .point dd p.S_txt1{ text-align:left;} .layer_point .point dd p.S_txt2{ text-align:left;} .layer_point .point dd input{vertical-align:middle;margin:0 5px 0 0;} .layer_point .point dd.no_ico{width:320px;} .layer_point .inviTit{ line-height:1.5em;} .layer_point .point dd .W_textdot_b{margin:7px 6px 0 3px;} .layer_point .point dd .opt{ margin-top: 10px; text-align: left; } .layer_point .point dd .opt .sub{ display: block; margin: 5px 0 10px 18px; *margin-left: 25px;} .layer_point .forward_content{background:#f2f2f2;margin:15px 0 5px 0;padding:6px 10px;line-height:18px;word-wrap:break-word;overflow:hidden;} .layer_point .forward_content .W_ico16{ vertical-align:-4px; margin-left:3px;} .layer_point .forward_content .W_arrow{float:right;cursor:pointer;margin:7px 0 0;} .layer_point .forward_content .S_func1{font-weight:700;} .layer_point .btn .opt_ck{ line-height:22px; _line-height:24px;} .layer_point .btn .opt_ck .ck{margin-right:5px;vertical-align:-2px; _vertical-align:-3px;} /*头像的两栏布局补丁*/ .W_layer .content .layer_mini_robot{ padding:10px 16px 16px 16px;} .W_layer .content .layer_mini_robot .btn{ padding:5px 0 0; text-align:right;} .W_layer .content .layer_mini_robot .btn .W_btn_a{ float:none;} /*赞过的列表*/ .W_layer .WB_emotion{_position:relative; width:512px; padding:16px 0 0;} .W_layer .WB_emotion .emotion_list{ margin:0 -4px 0 0; padding:0 0 10px 16px;} .W_layer .WB_emotion .emotion_list li{ margin:0 20px 10px 0;} /*同转发层的原文*/ .layer_point .WB_text{ position:relative; _zoom:1; width:300px; margin:10px 0 0; padding:5px 10px; line-height:20px; text-align:left;} .layer_point .WB_text .con{ display:block; _width:100%; overflow:hidden;} .layer_point .WB_text .ficon_arrow_down_lite{ position:absolute; top:0; right:0; padding:5px 15px; } /*左右分布的列表项*/ /*默认65px，4字及以下*/ .layer_point .info_list .tit{float:left;width:65px;text-align:right;line-height:30px;} /*5个字的tit长度*/ .layer_point .info_list .tit_85px{width:85px;} .layer_point .info_list .inp{float:left;} .layer_point .info_list .W_input{width:196px;} /*二维码登录弹层*/ .layer_point .qrcode_bg{display:block; width: 250px; height:250px; margin-top: 25px; background: url(../../../images/layer/qrcode_bg2.png?201512241655) no-repeat;} .layer_point .qrcode_txt{font-size: 20px; padding-bottom: 30px;} /*注册赠会员160301新增*/ .layer_point dd .get_member{padding-bottom: 15px;} .layer_point .code_bg{width: 240px; height:240px; margin-top: 25px; background: url(../../../images/layer/qr_code.png?404142306102) no-repeat;} .layer_point .code_txt{padding-top: 6px; font-size:14px;} /*会员账号绑定弹层 160623新增*/ .W_layer .vip_account .layer_point{max-width:550px; _width:550px;} .layer_point .vip_account_bg{width: 380px; height:240px;margin: -5px 45px 0 45px; background: url(../../../images/layer/layer_vip.jpg) no-repeat;} .W_layer .vip_account .btn_34px{padding:0 72px;} .W_layer .vip_account .W_layer_btn{padding:40px 0 18px 0 ;*width: 470px; } .W_layer .vip_account dd p.S_txt2{*width: 470px; text-align: center; padding-bottom: 50px;} #js_style_css_module_layer_layer_point{height:42px;} /*layer提示警告小*/ /*不带操作*/ .layer_mini_info{padding:6px 13px 6px 16px;} .layer_mini_info .W_icon, .layer_mini_opt .W_icon{vertical-align:middle; margin-right:5px;} .layer_mini_info .main_txt, .layer_mini_opt .main_txt{line-height: 18px;} .layer_mini_info .main_txt .ficon_close, .layer_mini_info .main_txt .link, .layer_mini_opt .main_txt .link{padding-left: 8px;} .layer_mini_info .btn, .layer_mini_opt .btn{display: block;padding: 15px 0 0;text-align: center;} .layer_mini_info .btn a{background: #ddd} .layer_mini_info .btn a, .layer_mini_opt .btn a{ margin:0 5px;} .layer_mini_info_v2{ position: relative; padding: 23px 13px 12px 16px;; line-height: 18px;} .layer_mini_info_v2 .ficon_close{ position: absolute; right: 0; top: 0; padding:5px 8px;} /*带操作*/ .layer_mini_opt{padding: 16px;_width:200px;*position: relative;} .layer_mini_opt .sub_txt{margin: 9px 0 0;line-height: 18px;} .layer_mini_opt .W_checkbox{vertical-align: middle;margin: 0 5px 0 0;} /*头像的两栏布局*/ .layer_mini_robot{ width:280px; padding:10px;} .layer_mini_robot h3{ font:12px normal; line-height:18px;} .layer_mini_robot .btn{background:#fff; margin-top:-1px; text-align:left; padding:0;} .layer_mini_robot .btn .left{ margin:5px 0 0 0; display:inline-block; float:left;} .layer_mini_robot .btn .W_btn_a{ float:right; } .layer_mini_robot .person_list{padding:8px 0;border-bottom-style:solid; border-bottom-width:1px;} .layer_mini_robot .person_list dt{margin-top:2px;} .layer_mini_robot .person_list .con { margin-left:40px; min-height:30px; _height:30px; line-height:17px;} .layer_mini_robot .person_list .right { float:right;} .layer_mini_robot .person_list .right .num{ color:#ff8f0a; font-weight:bold;} .layer_mini_robot .person_list .pic { float:left; width:30px; height:30px; overflow:hidden; } .layer_mini_robot .person_list .name { height:17px; overflow:hidden; word-wrap:break-word;} .layer_mini_robot .person_list .info a span{cursor:pointer;zoom:1;} .layer_mini_robot .num_list{padding:10px 0;border-bottom-style:solid; border-bottom-width:1px;} .layer_mini_robot .num_list .colorbox{border-style:solid; border-width:1px; margin-top:5px; padding:0;} .layer_mini_robot .num_list .colorbox span{display:block; height:12px; line-height:12px; overflow:hidden;border-style:solid; border-width:1px;} .layer_mini_robot .num_list .colorbox .c1{ background:#ffbc5c;} .layer_mini_robot .num_list .colorbox .c2{ background:#5d9606;} .layer_mini_robot .num_list .info .num{ color:#ff8f0a; font-weight:bold;} .layer_mini_robot .btn{ background:#fff; margin-top:-1px; text-align:left; padding:0;} /* 收藏cancel */ .layer_favor_addtags .cancel{ _position:relative;width:400px; padding:33px 0 21px;} .layer_favor_addtags .cancel p{ margin-bottom: 10px;} .layer_favor_addtags .cancel .nav{ line-height: 26px; vertical-align: middle;} .layer_favor_addtags .cancel .nav i{ margin: 0 5px;} .layer_favor_addtags .cancel .nav .W_ficon{ width: 26px; font-size: 22px; vertical-align: -3px;} /*底部箭头在右侧的提示模块*/ .W_layer_pop_rg .W_layer_arrow .W_arrow_bor_b{left: 258px;} .W_layer_pop_rg .content{width: 257px;background: #495169;background: rgba(73,81,105,0.9); color: #fff;border: 1px solid #495169;} .W_layer_pop_rg .W_arrow_bor_b .S_bg2_br{border-color:#495169 transparent transparent transparent;border-color:rgba(73,81,105,0.9) transparent transparent transparent;} .W_layer_pop_rg .W_arrow_bor_b .S_line3{border-color: transparent;} #js_style_css_module_layer_layer_mini_info{height:42px;} /*layer引导层*/ .W_layer_tips { position:fixed;_position:absolute;z-index:9999;background:#495169; background:rgba(73,81,105,0.9); border-radius:3px;color:#fff;} .W_layer_tips .W_layer_title { margin:-11px 0 10px; font-size:14px;font-weight:700; } .W_layer_tips .W_layer_close .ficon_close{ position:absolute; z-index:2;right:6px; top:5px; font-size:18px; color:#aaaaaa} .W_layer_tips .W_layer_close .ficon_close:hover{color:#5FADFC;} .W_layer_tips .content{width:260px;padding:24px 16px 16px; overflow:hidden; } .W_layer_tips .content .picone{ float:left;margin-right:10px;} .W_layer_tips .content .picbox{ margin-top:10px;} .W_layer_tips .content .txt{ display:block;line-height:17px;} .W_layer_tips .content .txt h3{ margin-bottom:7px; font-size:14px;font-weight:700;} .W_layer_tips .content .W_btn_a{ float:right; margin-top:7px;} .W_layer_tips .W_layer_btn {width:292px; height:26px; padding: 10px 0; border-radius: 3px;background:#495169; overflow:hidden;text-align: center; line-height:26px; } .W_layer_tips .W_layer_btn a{ margin:0 5px;} .W_layer_tips .W_layer_btn .page{ float:right; margin:0 10px 0 -10px; *margin-top:-26px;} .W_layer_tips .W_layer_btn .page a{ margin:0;} /*===弹层尖角换肤专用===*/ .W_layer_tips .W_layer_arrow .W_arrow_bor{ position:absolute; overflow:hidden; display:block;} .W_layer_tips .W_layer_arrow .W_arrow_bor_t{top:-15px; left:20px;} .W_layer_tips .W_layer_arrow .W_arrow_bor_r{top:20px; right:-14px;} .W_layer_tips .W_layer_arrow .W_arrow_bor_b{bottom:-14px; left:20px;} .W_layer_tips .W_layer_arrow .W_arrow_bor_l{top:20px; left:-15px;} .W_layer_tips .W_layer_arrow .S_line3{border-color:transparent;} .W_layer_tips .W_arrow_bor_t .S_bg2_br{border-color:transparent transparent #495169 transparent; border-color:transparent transparent rgba(73,81,105,0.9) transparent;} .W_layer_tips .W_arrow_bor_r .S_bg2_br{border-color:transparent transparent transparent #495169; border-color:transparent transparent transparent rgba(73,81,105,0.9);} .W_layer_tips .W_arrow_bor_b .S_bg2_br{border-color:#495169 transparent transparent transparent; border-color:rgba(73,81,105,0.9) transparent transparent transparent;} .W_layer_tips .W_arrow_bor_l .S_bg2_br{border-color:transparent #495169 transparent transparent; border-color:transparent rgba(73,81,105,0.9) transparent transparent;} /*不限宽度*/ .W_layer_tips_v2 .content{ width: auto;} #js_style_css_module_layer_W_layer_tips{height:42px;} /*顶导*/ /* 顶层样式 */ .WB_global_nav{position:fixed;_position:absolute;top:0;left:0;z-index:9999;width:100%;height:48px; border-top:2px solid #fa7d3c;box-shadow:0 0 1px 0px rgba(0,0,0,0.15); background:#fff;} .WB_global_nav_alpha{box-shadow:0 0 1px 0px rgba(0,0,0,0.3),0 0 6px 2px rgba(0,0,0,0.15); background:rgba(255,255,255,0.94);} .WB_global_nav .gn_header{position:relative; width:1000px; height:48px; margin:0 auto;} .WB_global_nav .gn_logo{ float:left; position:relative; width:140px; height:48px;} .WB_global_nav .gn_logo .box{ position:absolute; left:-50px; top:0;} .WB_global_nav .gn_logo .box{ width:190px; height:48px; cursor:pointer;} .WB_global_nav .gn_logo .box .logo{ display:block; margin-left:50px; width:140px; height:48px; cursor:pointer; background:url(../../../images/global_nav/WB_logo.png?id=1404211047727) no-repeat 0 40%;} .WB_global_nav .gn_logo .box img{ width: 100%; height: 100%; } /* 字体icon */ .WB_global_nav .W_ficon{ font-size:22px; width:26px;} .WB_global_nav .ficon_search{ font-size:18px; width:18px;} .WB_global_nav .ficon_set, .WB_global_nav .ficon_mail{ width:20px;} .WB_global_nav .ficon_set{ vertical-align:-3px;} .WB_global_nav .ficon_close{ font-size:10px; width:16px;} .WB_global_nav .ficon_send{ width:26px; height:24px; line-height:24px; text-align:center; color:#fff!important; border-radius:2px; background:#fa7d3c; background: -moz-linear-gradient(top, #fa7d3c 0%, #f56010 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #fa7d3c 0%,#f56010 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fa7d3c 0%,#f56010 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fa7d3c 0%,#f56010 100%); /* IE10+ */ background: linear-gradient(top bottom, #fa7d3c 0%,#f56010 100%); /* W3C */} .WB_global_nav .ficon_send:hover{background:#f4722e; background: -moz-linear-gradient(top, #f4712c 0%, #f15909 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #f4712c 0%,#f15909 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4712c 0%,#f15909 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4712c 0%,#f15909 100%); /* IE10+ */ background: linear-gradient(top bottom, #f4712c 0%,#f15909 100%); /* W3C */} .WB_global_nav .gn_position{ float:right; margin-left:-11px;} /*搜索框*/ .WB_global_nav .gn_search{ float:left;position:relative; margin:9px 0 0 0;} .WB_global_nav .gn_search .W_input {width:245px; margin-left:10px;padding:4px 33px 4px 10px;height:20px; line-height:20px; box-shadow:none; background-color:#f2f2f5; border:1px solid #ccc;color:#808080;outline-style:none; text-overflow:ellipsis;overflow:hidden;white-space: nowrap;} .WB_global_nav_v2 .gn_search .W_input{ width: 175px;} .WB_global_nav .gn_search .W_input:focus, .WB_global_nav .gn_clicked .W_input{ background-color:#fff;border-color:#fa7d3c!important;color:#333;} .WB_global_nav .gn_search .ficon_search {position:absolute;top:4px;right:10px;} /*模拟placeholder的搜索框*/ .WB_global_nav .gn_search_v2{ _display: inline; position:relative; float:left; width: 288px; height: 28px; margin:9px 0 0 10px; background-color:#f2f2f5; border:1px solid #ccc;} .WB_global_nav .gn_search_v2 .placeholder, .WB_global_nav .gn_search_v2 .W_input{ position: absolute; top:0; left: 0; width:245px; padding:4px 33px 4px 10px;height:20px; line-height:20px; box-shadow:none; border:none; background-color: transparent; color:#808080; outline-style:none; text-overflow:ellipsis;overflow:hidden;white-space: nowrap;} .WB_global_nav_v2 .gn_search_v2{width: 218px;} .WB_global_nav_v2 .gn_search_v2 .placeholder, .WB_global_nav_v2 .gn_search_v2 .W_input{ width: 175px;} .WB_global_nav .gn_search_v2 .ficon_search {position:absolute;top:4px;right:10px;} .WB_global_nav .gn_search_v2 .gn_topmenulist_search{ left:-11px;} .WB_global_nav .gn_clicked_v2{ background-color:#fff;border-color:#fa7d3c;} .WB_global_nav .gn_clicked_v2 .W_input{color:#333;} /*一级导航*/ .WB_global_nav .gn_nav{float:left;margin:11px 20px 11px 0;} .WB_global_nav .gn_nav_list li{float:left; display:inline; position:relative; max-width:139px\0; margin-left:30px; font-size:14px;} .WB_global_nav_v2 .gn_nav_list li{ margin-left: 26px; } .WB_global_nav .gn_nav_list li a{display:block; _display:inline; height:26px; line-height:26px;white-space:nowrap;} .WB_global_nav .gn_nav_list li a .W_ficon{ vertical-align:top;} .WB_global_nav .gn_nav_list li a .S_txt1{ display:inline-block; overflow:hidden;} .WB_global_nav .gn_nav_list li .W_new{ position:absolute; top:3px; right:-5px;} .WB_global_nav .gn_nav_list li .gn_name{ max-width:138px\0;} .WB_global_nav .gn_nav_list li .gn_name .S_txt1{max-width:112px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; word-wrap:normal;} /* 纯原生IE8最大宽截字BUG */ @media \0screen\,screen\9{.WB_global_nav .gn_nav_list li .gn_name .S_txt1{width:60px;}} /*未登录*/ .WB_global_nav .gn_login{ float:left;margin:11px 0 10px 0;} .WB_global_nav .gn_login_list li{float:left;display:inline; position:relative;line-height:26px;margin:0 15px;white-space:nowrap;} .WB_global_nav .gn_login_list li a{ font-size:14px; text-decoration:none;} .WB_global_nav .gn_login_list li.W_vline{ margin:6px 0px 0 0; height:14px;} /*消息、设置*/ .WB_global_nav .gn_set{float:left;margin:12px 0 12px 0; border-left-width:1px; border-left-style:solid;} .WB_global_nav .gn_set_list{float:left; display:inline;position:relative; height:24px; line-height:24px; margin:0 0 0 21px;} .WB_global_nav .gn_set_list .W_new_count{ position:absolute; right:-16px; top:-3px; border:1px solid #fff;} .WB_global_nav .gn_set_list .W_new{ position:absolute; top:3px; right:-5px;} /*顶导下拉层-公用*/ .WB_global_nav .gn_topmenulist {position:absolute;z-index:9998; background:#fff; color:#333; border:1px solid #ccc; border-radius:2px; padding:2px; box-shadow:0px 2px 8px 1px rgba(0,0,0,0.2);} .WB_global_nav .gn_topmenulist ul li { position:static; float:none; margin:0; padding:0; display:inline;} .WB_global_nav .gn_topmenulist ul li:hover{ background-color:#f2f2f5;} .WB_global_nav .gn_topmenulist ul li a{ white-space:nowrap;min-width:50px; padding:9px 13px; line-height:1em;color: #333;display: block;cursor: pointer;text-decoration: none;overflow:hidden;text-overflow:ellipsis;} .WB_global_nav .gn_topmenulist ul li a.S_spetxt{color:#fa7d3c;} .WB_global_nav .gn_topmenulist ul li.cur a, .WB_global_nav .gn_topmenulist ul li a:hover {position:relative; background-color:#f2f2f5; text-decoration:none; color:#5FADFC; } .WB_global_nav .gn_topmenulist ul li .ficon_close{ display:none;} .WB_global_nav .gn_topmenulist ul li.cur .ficon_close{display:block; position:absolute; right:7px; top:8px;padding:0;min-width:10px; background-color:transparent;} .WB_global_nav .gn_topmenulist ul li.cur a:hover .ficon_close{ color:#696e78;} .WB_global_nav .gn_topmenulist ul li.cur a:hover .ficon_close:hover{color:#5FADFC; cursor:pointer;} .WB_global_nav .gn_topmenulist ul li.line { border-bottom-width:1px; border-bottom-style:solid; padding:0; height:2px; *height:auto;position:relative; top:-1px; *top:-7px;display:block; margin:0 -2px; } .WB_global_nav .gn_topmenulist ul li.gn_func{ text-align:center;} .WB_global_nav .gn_topmenulist ul li .W_new_count{float:right; background:#a0aab7; position:static; right:auto; top:auto; box-shadow:none; border:none;} .WB_global_nav .gn_topmenulist ul li .W_new{ position:static; display:inline-block; margin:-5px 0 0; vertical-align:top; *position:absolute;*top:auto; *right:auto; *margin:2px 0 0;} .WB_global_nav .gn_topmenulist .W_layer_arrow .W_arrow_bor{ position:absolute; overflow:hidden; display:block;} .WB_global_nav .gn_topmenulist .W_layer_arrow .W_arrow_bor_t{top:-15px; right:20px;} /*顶导下拉层-单独定位*/ .WB_global_nav .gn_topmenulist_notice{ width:144px; top:34px; right:-17px;} .WB_global_nav .gn_topmenulist_set{ width:94px; top:34px; right:-17px;} .WB_global_nav .gn_topmenulist_tips { min-width:234px; top:36px; right:-75px; position:absolute;z-index:9998; color:#333; border:1px solid #ffeebb; border-radius:0 0 3px 3px; padding:6px 2px; box-shadow:0px 2px 2px 0px rgba(0,0,0,0.1); background:#fff9e0; background:rgba(255,249,224,0.94);} .WB_global_nav .gn_topmenulist_tips ul li{ white-space:nowrap;padding:9px 30px 9px 13px; line-height:1em;} .WB_global_nav .gn_topmenulist_tips .ficon_close{ position:absolute; top:6px; right:10px;} .WB_global_tips_none .WB_global_nav .gn_topmenulist_tips{ display:none;} /*搜索下拉层*/ .gn_topmenulist_search{ width:290px;margin-left:10px; top:30px; left:0;position:absolute;z-index:9998;} .WB_global_nav_v2 .gn_topmenulist_search{ width: 220px;} .gn_topmenulist_search .gn_topmenulist{ position:static;} .gn_topmenulist_search .gn_topmenulist .selectbox{position:relative;border-bottom:1px solid #f2f2f5;} .gn_topmenulist_search .gn_topmenulist .selectbox:last-child{border-bottom:none;} .gn_topmenulist_search .selectbox div{*display:inline;} .gn_topmenulist_search .selectbox p.title, .gn_topmenulist_search .selectbox p.keyword{padding:7px 13px;overflow:hidden;cursor:pointer; white-space:nowrap;} .gn_topmenulist_search .selectbox dl{ padding:5px 13px; overflow:hidden;} .gn_topmenulist_search .selectbox dt{float:left;margin:0 5px 0 0;} .gn_topmenulist_search .selectbox dt img{ display:block;} .gn_topmenulist_search .selectbox .icon_num_red, .gn_topmenulist_search .selectbox .icon_num_yellow, .gn_topmenulist_search .selectbox .icon_num_gray{ width:auto; min-width:9px; padding:0 2px; height:13px; margin-right:5px;border-radius:6px;} .gn_topmenulist_search .selectbox dd{ margin:0 0 0 40px;} .gn_topmenulist_search .selectbox dd a{ font-size:12px; font-weight:bold; white-space:nowrap;_white-space:normal;} .gn_topmenulist_search .selectbox dd .male, .gn_topmenulist_search .selectbox dd .female { margin-right:5px;} .gn_topmenulist_search .selectbox dd a, .gn_topmenulist_search .selectbox dl.current dd a{text-decoration:none;} .gn_topmenulist_search .applist{margin-top:4px;} .gn_topmenulist_search .selectbox dd .area{margin-top:3px;white-space:nowrap;_white-space:normal;} .gn_topmenulist_search .selectbox .cur{position:relative;cursor:pointer;} .gn_topmenulist_search .selectbox .cur, .gn_topmenulist_search .selectbox .cur:hover { background-color:#f2f2f5; text-decoration:none; color:#5FADFC; } .gn_topmenulist_search .selectbox .W_ficon{ font-size:16px; margin-right:5px; width:16px; vertical-align: -2px;} .gn_topmenulist_search .selectbox .ficon_search {position:static;} .gn_topmenulist_search .member{margin-top:2px;} .gn_topmenulist_search .W_loading{text-align:center;} .gn_topmenulist_search .gn_topmenulist ul li a{padding:9px 20px 9px 13px; *padding:6px 20px 6px 13px; *line-height:16px;} /*响应式-为满足ie8以下浏览器，1280以下宽度的顶导是默认态。1280以上为响应式。1000以下为响应式--*/ @media screen and (min-width:1295px) { .WB_global_nav .gn_logo .box .logo{background-position:50% 40%;} .WB_global_nav .gn_header{width:1280px;} .WB_global_nav .gn_search .W_input{width:505px;*width:502px; margin-left:0;} .WB_global_nav_v2 .gn_search .W_input{width:425px;*width:422px;} .WB_global_nav .gn_search_v2{ width: 548px; margin-left:0;} .WB_global_nav .gn_search_v2 .placeholder, .WB_global_nav .gn_search_v2 .W_input{ width: 505px;} .WB_global_nav .gn_search_v2 .gn_topmenulist_search{ left:-1px; width: 550px;} .WB_global_nav_v2 .gn_search_v2{ width: 468px;} .WB_global_nav_v2 .gn_search_v2 .placeholder, .WB_global_nav_v2 .gn_search_v2 .W_input{ width: 425px;} .WB_global_nav_v2 .gn_search_v2 .gn_topmenulist_search{ width: 470px;} .WB_global_nav .gn_set{ margin-right:10px;} .WB_global_nav .gn_topmenulist_tips { right:-50px;} .WB_global_nav .gn_topmenulist_search{ width:100%;margin-left:0px;} } @media screen and (max-width:1006px) { .WB_global_nav .gn_header{width:760px;} .WB_global_nav .gn_search .W_input{ width:115px;} .WB_global_nav .gn_search_v2{ width: 158px;} .WB_global_nav .gn_search_v2 .placeholder, .WB_global_nav .gn_search_v2 .W_input{ width: 115px;} .WB_global_nav .gn_nav {margin-right:18px;} .WB_global_nav .gn_nav_list li{ margin-left:18px;} .WB_global_nav .gn_set{ margin-right:0;} .WB_global_nav .gn_set_list{ margin-left:20px; } .WB_global_nav .gn_nav_list li .gn_name .S_txt1{max-width:43px;} .WB_global_nav_v2 .gn_nav_list li .gn_name{ display: none;} .WB_global_nav .gn_topmenulist_search{ width:auto;min-width:160px;} .WB_global_nav .gn_topmenulist_tips { right:-55px;} } /*不换肤内容-----------------------------------------------------*/ .WB_global_nav .S_spetxt, /*.WB_global_nav .S_error,*/ .WB_global_nav a.S_ficon:hover, .WB_global_nav a:hover .S_ficon, .WB_global_nav a.current .S_ficon{color:#fa7d3c;} .WB_global_nav .S_error{ color: #f00;} /*====一级链接====含同色系的线、面*/ .WB_global_nav a, .WB_global_nav .S_link1, .WB_global_nav a.S_txt1:hover, .WB_global_nav a:hover .S_txt1, .WB_global_nav a.current .S_txt1, .WB_global_nav a.S_txt2:hover, .WB_global_nav .SW_fun:hover .S_func1{ color:#5FADFC;} /*====主文字====含同色系的线、面*/ .WB_global_nav .S_txt1, .WB_global_nav .SW_fun .S_func1{ color:#333;text-decoration:none;} /*====二级文字====含同色系的线、面*/ .WB_global_nav .S_txt2{ color:#808080;text-decoration:none;} /*====icon色====含同色系的线、面*/ .WB_global_nav .S_ficon, .WB_global_nav .S_ficon_dis, .WB_global_nav a.S_ficon_dis:hover, .WB_global_nav a:hover .S_ficon_dis{ color:#696e78;} /*===背景色块1===*/ .WB_global_nav .S_bg1{background-color:#f2f2f5;} /*===背景色块2===*/ .WB_global_nav .S_bg2{background-color:#fff;} .WB_global_nav .S_bg2_br{border-color:#fff;} /*===一级线色===*/ .WB_global_nav .S_line1{border-color:#d9d9d9;} /*===二级线色===*/ .WB_global_nav .S_line2{border-color:#f2f2f5;} /*===三级线色===*/ .WB_global_nav .S_line3, .WB_global_nav .W_input{border-color:#cccccc;} /*===向上三角===*/ .WB_global_nav .W_arrow_bor_t i, .WB_global_nav .W_arrow_bor_t em{ _border-style:dashed dashed solid dashed; border-top-color:transparent; border-right-color:transparent; border-left-color:transparent; } /*两倍图标总汇-----------------------------------------------------*/ @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2){ .WB_global_nav .gn_logo .box .logo{background-image:url(../../../images/global_nav/WB_logo-x2.png?id=1404211047727);background-size:80px 27px;} } /*首页和消息箱切换，当前色变换------------------------------------------*/ .FRAME_main .WB_global_nav .gn_nav_list li .home em{color:#fa7d3c;} /*覆盖V5顶导样式的，全升级后删除*/ .WB_global_nav .gn_logo{ left:auto; top:auto; margin:0; background:none;} .WB_global_nav .gn_search{ display:block; width:auto; height:auto; border-radius:0; background:none;} .WB_global_nav .gn_topmenulist_search{ min-width:inherit; margin-top:0; margin-left:10px; border-radius:0; box-shadow:none;} .WB_global_nav .gn_topmenulist_search .selectbox{ padding:0;} .WB_global_nav .gn_topmenulist_search .selectbox p.title, .gn_topmenulist_search .selectbox p.keyword{ height:auto; color:inherit;} .WB_global_nav .gn_topmenulist_search .selectbox dd .area{ margin:3px 0 0 0;} .WB_global_nav .W_new{ display:block; margin:0;} .WB_global_nav .gn_search.gn_clicked, .WB_global_nav .gn_search.gn_clicked:hover{width:auto;height:auto;border:none;background:none;border-radius:0;box-shadow:none;} .WB_global_nav .W_input{ border-radius:0;} @media screen and (min-width:1295px) { .WB_global_nav .gn_topmenulist_search{ width:100%;margin-left:0px;} } @media screen and (max-width:1006px) { .WB_global_nav .gn_topmenulist_search{ width:auto;} } @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2){ .WB_global_nav .gn_logo{background:none!important;} } /*覆盖V5顶导样式的，全升级后删除*/ /*北美版*/ .WB_global_nav_us .gn_header{ background:url(../../../images/global_nav/logo_us.png) no-repeat; _background:url(../../../images/global_nav/logo_us.jpg) no-repeat;} .WB_global_nav_us .gn_logo{ width:53px;} .WB_global_nav_us .gn_logo .box{ display:block; position:static; width:53px;} .WB_global_nav_us .gn_logo .box .logo, .WB_global_nav_us .gn_logo .box img{ display:none;} .WB_global_nav_us .gn_search .W_input{ width:185px;} .WB_global_nav_us .gn_search_v2{ width: 228px;} .WB_global_nav_us .gn_search_v2 .placeholder, .WB_global_nav_us .gn_search_v2 .W_input{ width: 185px;} .WB_global_nav_us .gn_position{ margin-right:65px;} .WB_global_nav_us .gn_topmenulist_search{ width:230px;} @media screen and (min-width:1295px) { .WB_global_nav_us .gn_header{width:1000px;} .WB_global_nav_us .gn_search_v2 .gn_topmenulist_search{ width:230px;} .WB_global_nav_us .gn_set{ margin-right: 0;} } @media screen and (max-width:1006px) { .WB_global_nav_us .gn_header{ background-position:0 -50px;} .WB_global_nav_us .gn_logo{ width:37px;} .WB_global_nav_us .gn_logo .box{ width:37px;} .WB_global_nav_us .gn_search .W_input{ width:85px;} .WB_global_nav_us .gn_search_v2{ width: 128px;} .WB_global_nav_us .gn_search_v2 .placeholder, .WB_global_nav_us .gn_search_v2 .W_input{ width: 85px;} .WB_global_nav_us .gn_position{ margin-right:49px;} .WB_global_nav_us .gn_topmenulist_search{ width:auto; min-width:130px;} } @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2){ .WB_global_nav_us .gn_header{ background-image:url(../../../images/global_nav/logo_us-x2.png); background-size:1000px 100px;} } .WB_global_nav_us.WB_global_nav_v2 .gn_nav_list li{ margin-left: 20px;} .WB_global_nav_us.WB_global_nav .gn_nav_list li .gn_name .S_txt1{ max-width:60px;} /*北美版*/ #js_style_css_module_global_WB_global_nav{height:42px;} /*底导*/ .WB_footer { display:block; clear:both;} .WB_footer{box-shadow: 0 0 1px 0px rgba(0,0,0,0.15); } .WB_footer .footer_link{width:920px;margin:0 auto; padding:20px 0 10px 80px;} .WB_footer .list{float:left;display:inline;margin:0 70px 0 0;} .WB_footer .list dt{ font-size:16px;padding:0 0 15px; white-space:nowrap; width:138px; overflow:hidden;} .WB_footer .list dd{ white-space:nowrap;} .WB_footer .list dd a, .WB_footer .list dd span{ display:inline-block; margin:0 20px 5px 0;} /*由于要兼容英文版，所以每行必须写宽和溢出隐藏*/ .WB_footer .list dd .col1{width:48px; overflow:hidden;} .WB_footer .list dd .col2{width:79px; overflow:hidden;} .WB_footer .list dd .col3{width:60px; overflow:hidden;} .WB_footer .list dd .col4{width:122px; overflow:hidden;} .WB_footer .other_link{ text-align:center; padding:20px 0 45px;} .WB_footer .other_link .copy{ line-height:1em; margin-bottom:10px;} .WB_footer .other_link .copy a, .WB_footer .other_link .copy_v2 a, .WB_footer .other_link .company a{ margin-right:20px;} .WB_footer .other_link .company .copy{ margin-right:20px;} .WB_footer select{ } /*page页补丁*/ .B_page .WB_footer {} .B_page .WB_footer .footer_link{width:840px;margin:0 auto; padding:20px 0 10px 80px;} .B_page .WB_footer .list{float:left;display:inline;margin:0 50px 0 0;} /*适配ipad端*/ @media screen and (max-width:1006px){ .WB_footer {} .WB_footer .footer_link{width:720px;margin:0 auto; padding:20px 0 10px 30px;} .WB_footer .list{margin:0 20px 0 0;} } @media screen and (max-width:939px){ .B_page .WB_footer {} .B_page .WB_footer .footer_link{width:600px;margin:0 auto; padding:20px 0 10px 0px;} .B_page .WB_footer .list{ width:139px; overflow:hidden; margin:0 11px 0 0;} .B_page .WB_footer .other_link p span{display:block;} } /*许可证*/ .WB_licence{ width:700px; margin:0 auto; text-align:center;} .WB_licence h2{ padding:0 0 10px; border-bottom-width:1px; border-bottom-style:solid; font-size:22px; line-height:1.5; } .WB_licence img{ width:660px;} /*微博舞弊举报页面补丁*/ .WB_licence .T_info{padding:38px 22px; padding-bottom: 20px;} .WB_licence .T_info .info_a{ font-size: 14px; text-align: left; line-height: 1.8; letter-spacing: 1.5px;} .WB_licence .T_info .info_b{font-weight: bold;} .WB_licence .T_info .info_outl{padding-top: 40px;} .WB_licence .T_info .info_link{color: #5FADFC;} /*底导2015_09_07日补丁*/ .WB_footer .list dd .T_code{float: left; margin-right: 10px;} .WB_footer .list dd .T_txt{ width: 109px;overflow:hidden; margin-right: 0px;} .WB_footer .other_link .lang_select{ margin-left: 10px;} .WB_footer .T_server{margin-top: 10px;} .WB_footer .T_add_ser{padding-bottom: 20px;} /*微博服务使用协议补丁2015_10_10*/ .WB_licence .private_cont {padding:0px 22px; padding-bottom: 20px;} .WB_licence .private_cont h2{width:668px; margin-left:-22px; border-color: #d9d9d9; font-size: 22px; line-height: 1.5; font-weight: normal;} .WB_licence .private_cont h3{font-size: 14px; text-align: left; line-height: 1.8; letter-spacing: 1.5px;font-weight: bold; margin-top: 40px;} .WB_licence .private_cont p {font-size: 14px; text-align: left; line-height: 1.8; letter-spacing: 1.5px; } /*底导V2补丁2016_3_7*/ .WB_footer .other_link .T_server_v2, .WB_footer .other_link .copy_v2{margin-bottom: 10px;} .WB_footer .icon_netsecurity{display:inline-block; background-image:url(../../../images/common/icon.png?id=040715102017); _background-image:url(../../../images/common/icon.gif?id=040715102017); background-repeat:no-repeat; background-position: -100px -300px; width: 20px; height: 20px; vertical-align: text-top; margin-right: 3px; margin-top: -3px;} #js_style_css_module_global_footer{height:42px;} /*筛选*/ /* 因为百分比宽度会出现不规则裂缝，所以我改成了固定宽度 */ /* 筛选 */ .WB_tab_a{ _width:100%; margin:0 0 10px; box-shadow:-1px 0 0 rgba(0,0,0,0.04),0 -1px 0 rgba(0,0,0,0.04),1px 0 0 rgba(0,0,0,0.04);} .WB_tab_a .tab_box{ *position:relative;/*解决空状态盖住右侧底部的BUG*/ width:100%; height:38px; } .WB_tab_a .tab li{ float:left; height:38px;} .WB_tab_a .tab li:first-child, .WB_tab_a .tab li:nth-child(2){ border-top-left-radius:2px; border-bottom-left-radius:2px;} .WB_tab_a .tab li:nth-child(2) .t{ border-top-left-radius:2px;} .WB_tab_a .tab li:nth-child(2) .b .b1 em.l i{ border-bottom-left-radius:2px;} .WB_tab_a .tab a{ display:block; _cursor:pointer;} .WB_tab_a .tab span{ display:block;} .WB_tab_a .tab .t{ width:100%; height:31px; padding:0 0 0 16px; overflow:hidden; line-height:38px; } .WB_tab_a .tab .t .ficon_arrow_down{display:inline-block; padding:0 5px; vertical-align: middle; font-weight:normal!important;} .WB_tab_a .tab .t .ficon_dustbin{ margin:0 5px 0 0; vertical-align:middle;} .WB_tab_a .tab .t em.S_txt2{ margin:0 5px;} .WB_tab_a .tab .t a.S_txt1{ display:inline-block;} .WB_tab_a .tab .b{ position:relative; height:8px; _height:7px; overflow:hidden;} .WB_tab_a .tab .b .b1 em{ float:left; height:8px; _height:7px;overflow:hidden;} .WB_tab_a .tab .b .b1 i{ display:block; height:7px;} .WB_tab_a .tab .b .b1 em.l i{ margin:0 7px 0 0;} .WB_tab_a .tab .b .b1 em.r i{ margin:0 0 0 7px;} .WB_tab_a .tab .b .W_arrow_bor{ position:absolute; left:0; top:0; height:7px; margin:0 0 0 -9px; overflow:hidden;} .WB_tab_a .tab .b .W_arrow_bor i{ border-width:9px; border-top-width:0;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2){ .WB_tab_a .tab .t{ height:32px; margin:0 0 -1px;} } .WB_tab_a .tab li.S_bg2, .WB_tab_a .tab li.curr .b .b1 em i{ box-shadow:0 1px 0 rgba(0,0,0,0.04);} .WB_tab_a .tab li.curr{ box-shadow:none; font-weight:bold;} .WB_tab_a .tab .ficon_arrow_down{ font-size:14px;} .WB_tab_a .tab .ficon_dustbin{ font-size:14px;} .WB_tab_a .tab_box .fr_box{ height:38px; box-shadow:0 1px 0 rgba(0,0,0,0.04); border-top-right-radius:2px; border-bottom-right-radius:2px; overflow:hidden; } .WB_tab_a .ficon_setup, .WB_tab_a .ficon_timesort, .WB_tab_a .ficon_timesmart{ padding:7px 10px 0 0; font-size:19px; vertical-align:top;} .WB_tab_a .WB_search_s{ margin:6px 7px 0 0;} /* 模块化 */ /* 左右结构 */ .WB_tab_a .tab_box_a .tab{ width:300px;} .WB_tab_a .tab_box_a .fr_box{ width:300px;} /* 5列 */ .WB_tab_a .tab_box_a_r5 .tab li{ width:60px;} .WB_tab_a .tab_box_a_r5 .tab .li_first, .WB_tab_a .tab_box_a_r5 .tab .li_last{ width:0;} .WB_tab_a .tab_box_a_r5 .tab .b .b1 em{ width:28px; } .WB_tab_a .tab_box_a_r5 .tab .b .b1 em.r{ width:32px;} .WB_tab_a .tab_box_a_r5 .tab .b .W_arrow_bor{ padding:0 0 0 28px;} /* 6列 */ .WB_tab_a .tab_box_a_r6 .tab{ width:312px;} .WB_tab_a .tab_box_a_r6 .fr_box{ width:288px;} .WB_tab_a .tab_box_a_r6 .tab li{ width:52px;} .WB_tab_a .tab_box_a_r6 .tab .li_first, .WB_tab_a .tab_box_a_r6 .tab .li_last{ width:0;} .WB_tab_a .tab_box_a_r6 .t{ padding-left: 14px;} .WB_tab_a .tab_box_a_r6 .tab .b .b1 em{ width:25px; } .WB_tab_a .tab_box_a_r6 .tab .b .b1 em.r{ width:27px;} .WB_tab_a .tab_box_a_r6 .tab .b .W_arrow_bor{ padding:0 0 0 25px;} /* 1列 */ .WB_tab_a .tab_box_a_r1 .tab li{ width:302px; margin:0 -2px 0 0;} .WB_tab_a .tab_box_a_r1 .tab .li_first, .WB_tab_a .tab_box_a_r1 .tab .li_last, .WB_tab_a .tab_box_a_r1 .tab li.S_bg2{ width:0; margin:0;} .WB_tab_a .tab_box_a_r1 .tab .b .b1 em{ width:28px; } .WB_tab_a .tab_box_a_r1 .tab .b .b1 em.r{ width:272px;} .WB_tab_a .tab_box_a_r1 .tab .b .W_arrow_bor{ padding:0 0 0 28px;} /* 2列 */ .WB_tab_a .tab_box_a_r2 .tab li{ width:142px; margin:0 -2px 0 0;} .WB_tab_a .tab_box_a_r2 .tab .li_first{ width:0; margin:0;} .WB_tab_a .tab_box_a_r2 .tab .li_last{ width:20px; margin:0;} .WB_tab_a .tab_box_a_r2 .tab .b .b1 em{ width:46px; } .WB_tab_a .tab_box_a_r2 .tab .b .b1 em.r{ width:94px;} .WB_tab_a .tab_box_a_r2 .tab .b .W_arrow_bor{ padding:0 0 0 46px;} /* 2列带icon */ .WB_tab_a .tab_box_a_r2_s .tab li{ width:100px;margin:0 -2px 0 0;} .WB_tab_a .tab_box_a_r2_s .tab li a{display: inline;} .WB_tab_a .tab_box_a_r2_s .tab .li_first{width:0; margin:0;} .WB_tab_a .tab_box_a_r2_s .tab .li_last{ width:246px;margin:0;} .WB_tab_a .tab_box_a_r2_s .tab .b {width: 100px;} .WB_tab_a .tab_box_a_r2_s .tab .b .b1 em{ width:28px; } .WB_tab_a .tab_box_a_r2_s .tab .b .b1 em.r{ width:70px;} .WB_tab_a .tab_box_a_r2_s .tab .b .W_arrow_bor{ padding:0 0 0 28px;} .WB_tab_a .tab_box_a_r2_s .tab .has_icon{width: 56px;margin:0;} .WB_tab_a .tab_box_a_r2_s .tab{ width:400px;} .WB_tab_a .tab_box_a_r2_s .fr_box{ width:200px;} .WB_tab_a .tab_box_a_r2_s .ficon_hot{color: #5FADFC;font-size: 14px;} /* 通栏结构 */ .WB_tab_a .tab_box_b .tab{ width:100%;} .WB_tab_a .tab_box_b .tab .t{ width:100%; padding:0; text-align:center;} .WB_tab_a .tab_box_b .fr_box{ width:0;} .WB_tab_a .tab_box_b .tab li:first-child{ border-bottom-left-radius:2px;} .WB_tab_a .tab_box_b .tab li:last-child{ border-top-right-radius:2px;border-bottom-right-radius:2px;} .WB_tab_a .tab_box_b .tab .b .b1 em, .WB_tab_a .tab_box_b .tab .b .b1 em.r{ width:50%;} .WB_tab_a .tab_box_b .tab .b .W_arrow_bor{ width:100%; margin:0; padding:0; text-align:center;} /* 1列 */ .WB_tab_a .tab_box_b_r1 .tab li{ width:80%; text-align:left;} .WB_tab_a .tab_box_b_r1 .tab .li_first{ width:11%; margin:0 -1% 0 0;} .WB_tab_a .tab_box_b_r1 .tab .li_last{ width:10%;} /* 2列 */ .WB_tab_a .tab_box_b_r2 .tab li{ width:40%;} .WB_tab_a .tab_box_b_r2 .tab .li_first{ width:11%; margin:0 -1% 0 0;} .WB_tab_a .tab_box_b_r2 .tab .li_last{ width:10%;} /* 3列 */ .WB_tab_a .tab_box_b_r3 .tab li{ width:24%;} .WB_tab_a .tab_box_b_r3 .tab .li_first{ width:15%; margin:0 -1% 0 0;} .WB_tab_a .tab_box_b_r3 .tab .li_last{ width:14%;} /* 4列 */ .WB_tab_a .tab_box_b_r4 .tab li{ width:20%;} .WB_tab_a .tab_box_b_r4 .tab .li_first{ width:11%; margin:0 -1% 0 0;} .WB_tab_a .tab_box_b_r4 .tab .li_last{ width:10%;} /* 6列 */ .WB_tab_a .tab_box_b_r6 .tab li{ width:13%;} .WB_tab_a .tab_box_b_r6 .tab li.curr{ width: 25%; } .WB_tab_a .tab_box_b_r6 .tab .li_first{ width:6%; margin:0 -1% 0 0;} .WB_tab_a .tab_box_b_r6 .tab .li_last{ width:5%;} /* 个别尖角用PL打补丁 */ #v6_pl_content_likelist .WB_tab_a .tab_box_a_r1 .tab .b .b1 em{ width:40px; } #v6_pl_content_likelist .WB_tab_a .tab_box_a_r1 .tab .b .b1 em.r{ width:260px;} #v6_pl_content_likelist .WB_tab_a .tab_box_a_r1 .tab .b .W_arrow_bor{ padding:0 0 0 40px;} /* 搜索结果 */ .WB_result{ height:30px; margin:-17px 0 10px; padding:7px 16px 0; line-height:30px;} .WB_result .W_ficon{ margin:-1px 5px 0; *margin:0 5px; vertical-align:top; *vertical-align:middle;} .WB_result .tab_s a{ margin:0 20px 0 0;} .WB_result .W_autocut{ display: inline-block; max-width: 300px; vertical-align: top;} /* 搜索结果为空 */ .WB_result_null{ margin:-17px 0 10px; height:434px; padding-top:60px;} .WB_result_null_v2{ margin:0 0 10px; height:434px; padding-top:60px;} /* 微博notes */ .WB_notes{ *width:100%; margin:-17px 0 10px; padding:7px 0 0; background:#fff8bf;} .WB_notes a, .WB_notes .wrap{ display:block; height:30px; line-height:30px; text-align:center;color:#5FADFC;} .WB_notes .W_loading, .WB_notes .icon_rederrorS{ margin-right:5px; vertical-align:-3px;} /* 标题在筛选之上 */ .WB_tab_a .title{ margin:0 0 -2px; padding:0 16px 2px; border-top-left-radius:2px; border-top-right-radius:2px;} .WB_tab_a .title .line{ height:30px; border-bottom-width:1px; border-bottom-style:solid;line-height:30px;} .WB_tab_a .title .W_ficon{ margin:-1px 5px 0; *margin:0 5px; vertical-align:top; *vertical-align:middle;} .WB_tab_a .title .info{ margin:0 0 0 10px;} /*带分割线和底边*/ .WB_tab_a .tab_box_c{border-radius: 2px;box-shadow: 0 0 2px rgba(0,0,0,0.2);} .WB_tab_a .tab_box_c .tab .tab_li{position: relative;width: 90px;height: 38px;line-height: 38px;text-align: center;border-radius: 0;overflow: hidden;} .WB_tab_a .tab_box_c .tab .tab_li:first-child{border-top-left-radius: 2px;border-bottom-left-radius: 2px;} .WB_tab_a .tab_box_c .tab .tab_li:first-child.curr{border-top-left-radius: 2px;border-bottom-left-radius: 2px;} .WB_tab_a .tab_box_c .tab .tab_li .txt{display: inline;} .WB_tab_a .tab_box_c .tab .curr a{border-left-width: 1px;border-left-style: solid;border-right-width: 1px;border-right-style: solid;} .WB_tab_a .tab_box_c .tab .tab_li:first-child a{border-left-width: 0;border-top-left-radius: 2px;border-bottom-left-radius: 2px;} .WB_tab_a .tab_box_c .ficon_hot {color: #5FADFC;font-size: 14px;} .WB_tab_a .tab_box_c .fr_box{box-shadow: none;} /*增强动画*/ .WB_tab_a .tab_box_c .tab_li .ani_border{ *display:none; position: absolute;left: 0px;right: 1px; height:2px; background:#f7691d;opacity: 0;bottom: -2px;z-index: 500;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear; overflow:hidden; } .WB_tab_a .tab_box_c .tab_li:hover .ani_border, .WB_tab_a .tab_box_c .curr .ani_border{bottom: 0px; opacity: 1;} #js_style_css_module_tab_WB_tab_a{ height:42px; } /*关系中心筛选*/ /* 筛选 */ .WB_tab_b{_width:100%;box-shadow:-1px 0 0 rgba(0,0,0,0.04),0 -1px 0 rgba(0,0,0,0.04),1px 0 0 rgba(0,0,0,0.04);overflow: hidden;border-radius: 2px;} /*======================特殊tab========================*/ .WB_tab_b.tab_b{ margin:0 0 10px;} .WB_tab_b .tab_box{ *position:relative; width:100%; height:38px; } .WB_tab_b .tab li{ float:left; height:38px;} .WB_tab_b .tab li:first-child, .WB_tab_b .tab li:nth-child(2){ border-top-left-radius:2px; border-bottom-left-radius:2px;} .WB_tab_b .tab li:nth-child(2) .t{ border-top-left-radius:2px;} .WB_tab_b .tab li:nth-child(2) .b .b1 em.l i{ border-bottom-left-radius:2px;} .WB_tab_b .tab a{ display:block; _cursor:pointer;} .WB_tab_b .tab span{ display:block;} .WB_tab_b .tab .t{ padding:0 0 0 16px; height:31px; overflow:hidden; line-height:38px; } .WB_tab_b .tab .t em.S_txt2{ margin:0 5px;} .WB_tab_b .tab .t a.S_txt1{ display:inline-block;} .WB_tab_b .tab .b{ position:relative; height:7px; overflow:hidden;} .WB_tab_b .tab .b .b1 em{ float:left; height:7px; overflow:hidden;} .WB_tab_b .tab .b .b1 i{ display:block; height:100%;} .WB_tab_b .tab .b .b1 em.l i{ margin:0 7px 0 0;} .WB_tab_b .tab .b .b1 em.r i{ margin:0 0 0 7px;} .WB_tab_b .tab .b .W_arrow_bor{ position:absolute; left:0; top:0; height:7px; margin:0 0 0 -9px; overflow:hidden;} .WB_tab_b .tab .b .W_arrow_bor i{ border-width:9px; border-top-width:0;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2){ .WB_tab_b .tab .t{ height:32px; margin:0 0 -1px;} } .WB_tab_b .tab li.S_bg2, .WB_tab_b .tab li.curr .b .b1 em i{ box-shadow:0 1px 0 rgba(0,0,0,0.04);} .WB_tab_b .tab li.curr{ box-shadow:none; font-weight:bold;} .WB_tab_b .tab_box .fr_box{ height:38px; box-shadow:0 1px 0 rgba(0,0,0,0.04); border-top-right-radius:2px; border-bottom-right-radius:2px; overflow:hidden; } .WB_tab_b .WB_search_s{ margin:6px 7px 0 0;} /* 左右结构 */ .WB_tab_b .tab_box_a .tab{ width:300px;} .WB_tab_b .tab_box_a .fr_box{ width:300px;} /* 2列 */ .WB_tab_b .tab_box_a_r2 .tab li{ width:132px; margin:0 -2px 0 0;} .WB_tab_b .tab_box_a_r2 .tab .li_first{ width:0; margin:0;} .WB_tab_b .tab_box_a_r2 .tab .li_last{ width:40px; margin:0;} .WB_tab_b .tab_box_a_r2 .tab .b .b1 em{ width:46px; } .WB_tab_b .tab_box_a_r2 .tab .b .b1 em.r{ width:84px;} .WB_tab_b .tab_box_a_r2 .tab .b .W_arrow_bor{ padding:0 0 0 46px;} /* 通栏结构 */ .WB_tab_b .tab_box_b .tab{ width:100%;} .WB_tab_b .tab_box_b .tab .t{ width:100%; padding:0; text-align:center;} .WB_tab_b .tab_box_b .fr_box{ width:0;} .WB_tab_b .tab_box_b .tab li:first-child{ border-bottom-left-radius:2px;} .WB_tab_b .tab_box_b .tab li:last-child{ border-top-right-radius:2px;border-bottom-right-radius:2px;} .WB_tab_b .tab_box_b .tab .b .b1 em, .WB_tab_b .tab_box_b .tab .b .b1 em.r{ width:50%;} .WB_tab_b .tab_box_b .tab .b .W_arrow_bor{ width:100%; margin:0; padding:0; text-align:center;} /* 2列 */ .WB_tab_b .tab_box_b_r2 .tab li{ width:40%;} .WB_tab_b .tab_box_b_r2 .tab .li_first{ width:11%; margin:0 -1% 0 0;} .WB_tab_b .tab_box_b_r2 .tab .li_last{ width:10%;} /* 标题 */ .WB_tab_b .title{ margin:0 0 -2px; padding:0 16px 2px; border-top-left-radius:2px; border-top-right-radius:2px;} .WB_tab_b .title .line{ height:38px; border-bottom-width:1px; border-bottom-style:solid;line-height:38px;} .WB_tab_b .title .ficon_arrow_right{ margin:-1px 5px 0; *margin:0 5px; vertical-align:top; *vertical-align:middle;} .WB_tab_b .title .info, .WB_tab_b .title .W_btn_b{margin: 0 0 0 10px;} .WB_tab_b .title .info{display: inline-block;max-width: 12em;_width: 8em;overflow: hidden;height: 100%;line-height: 38px;*line-height: 41px;vertical-align: top;text-overflow: ellipsis;white-space: nowrap; word-wrap:normal;} .WB_tab_b .title .edit_box, .WB_tab_b .title .add_info{display: inline-block;*display: inline;*zoom:1;height: 23px;line-height: 23px;margin: 0 5px 0 0;padding: 7px 0;} .WB_tab_b .orange_border{ border-color:#f7691d;} /*=======================通用tab========================*/ /* 关系中心tab*/ .WB_tab_b .opt_choose{overflow: hidden;} .WB_tab_b .opt_choose .W_label{vertical-align: top;margin-left: 10px;} .WB_tab_b .opt_choose .W_checkbox, .WB_tab_b .opt_choose .W_label span{vertical-align: middle;} .WB_tab_b .inner{ height: 38px;border-bottom-width: 1px; border-bottom-style: solid;padding: 0 6px;} .WB_tab_b .opt_box, .WB_tab_b .opt_box{ float:right; margin:-30px 16px 0 0;} .WB_tab_b .opt_box .ficon_close{ _position:relative; margin:0 -19px 0 0; padding:0 16px; font-size:18px;} .WB_tab_b .opt_change .ficon_rotate{ font-size: 14px;} .WB_tab_b .inner .tab_ul li{ float: left; _display: inline; } .WB_tab_b .inner .tab_ul .textcut{width: 500px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .WB_tab_b .inner .tab_ul .tab_item{ position: relative;position: static\9;display: inline-block;*display: inline;*zoom:1;margin: 0 10px;padding: 7px 0; height: 23px; line-height: 23px;margin-bottom: -1px;} .WB_tab_b .inner .tab_ul .tab_item:hover{border-bottom-width: 2px\9;border-bottom-style:solid\9;} .WB_tab_b .inner .tab_ul .tab_cur{border-bottom-width: 2px\9;border-bottom-style:solid\9;font-weight: bold;} .WB_tab_b .inner .tab_ul .attach{ padding-left: 4px; } .WB_tab_b .inner .tab_ul .attach.S_txt2{ padding-left: 10px; } .WB_tab_b .inner .tab_ul .name{display: inline-block;height: 100%;vertical-align: middle;} .WB_tab_b .inner .tab_ul .name.W_autocut{max-width: 8em;_width:5em;} .WB_tab_b .inner .W_autocut{max-width: 360px;_width: 360px;} .WB_tab_b .inner .edit_box, .WB_tab_b .inner .add_info{display: inline-block;*display: inline;*zoom:1;height: 23px;line-height: 23px;margin: 0 5px 0 0;padding: 7px 0;} .WB_tab_b .inner .edit_box em, .WB_tab_b .inner .add_info em, .WB_tab_b .inner .edit_box span, .WB_tab_b .inner .add_info span, .WB_tab_b .inner .edit_box label, .WB_tab_b .inner .add_info label{*vertical-align: middle;} .WB_tab_b .inner .add_info em, .WB_tab_b .inner .add_info span{padding-left: 3px;} .WB_tab_b .inner .edit_box .ficon_close{font-size: 16px;vertical-align: middle;} /*关系中心tab不带border*/ .WB_tab_b .inner .tab_ul_s .tab_item{margin: 0 10px; } .WB_tab_b .inner .tab_ul_s .tab_item:hover, .WB_tab_b .inner .tab_ul_s .tab_cur{border-bottom: 0;} .WB_tab_b .inner .ficon_edit{margin: 0 6px 0 3px;} /*关系中心tab增强动画*/ .WB_tab_b .inner .tab_ul .tab_item .ani_border{display: none\9;position: absolute;left: 0;width: 100%;left: 0;opacity: 0;bottom: -4px;border-bottom-width: 2px;border-bottom-style:solid;z-index: 1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;} .WB_tab_b .inner .tab_ul .tab_item:hover .ani_border{bottom: -2px;opacity: 1;} .WB_tab_b .inner .tab_ul .tab_cur .ani_border{opacity: 1;bottom: -2px;} /*关系中心tab二级导航*/ .WB_tab_b .opt_bar{margin-bottom: -5px;padding: 6px 16px;height: 26px;overflow: hidden;border-radius: 2px;} .WB_tab_b .W_mod_shadow .opt_bar{margin-bottom: 0;} .WB_tab_b .opt_bar .W_btn_a, .WB_tab_b .opt_bar .W_btn_b{margin-right: 6px;} .WB_tab_b .opt_bar .W_fr .W_btn_a, .WB_tab_b .opt_bar .W_fr .W_btn_b{margin-right: 0;} .WB_tab_b .opt_bar .text{margin-right: 4px;} .WB_tab_b .opt_bar .W_fl .btn_link{padding: 0 20px 0 0;} .WB_tab_b .opt_bar .W_fl, .WB_tab_b .opt_bar .W_fr{height: 26px;line-height: 26px;} .WB_tab_b .opt_bar .W_fr .btn_link{padding-left: 5px;} .WB_tab_b .opt_bar .WB_search_s{margin: 0;} .WB_tab_b .opt_bar input::-ms-clear { display: none;} .WB_tab_b .opt_bar input::-ms-reveal { display: none;} .WB_tab_b .opt_bar .rec_input{width: 230px;height: 18px;line-height: 18px;padding: 3px;vertical-align: top;margin-right: 6px;} .WB_tab_b .opt_bar .search_result{height: 26px;line-height: 26px;} .WB_tab_b .opt_bar .num{padding: 0 3px;} .WB_tab_b .inner .ficon_arrow_down{margin: 2px 6px 0 3px;font-size: 18px;} /*吸顶样式*/ .autoFixed .opt_bar{box-shadow:0 4px 8px rgba(0,0,0,0.15); border:1px solid #d9d9d9;} #js_style_css_module_tab_WB_tab_b{ height:42px; } /*菜单列表*/ .layer_menu_list { position: absolute;background:#fff; color:#333; border:1px solid #ccc; border-radius:2px; padding:2px; box-shadow:0px 2px 8px 1px rgba(0,0,0,0.2);} /*更多下拉*/ .layer_menu_list .see_more {height: 15px;overflow: hidden;} .layer_menu_list .see_more a, .layer_menu_list .see_more a:hover {position: absolute;height: 16px;line-height: 16px;*line-height: 14px;left: 0;right: 0;border-top:1px solid #d9d9d9;text-align: center;} .layer_menu_list .see_more a:hover{background-color: #f2f2f5;} .layer_menu_list .see_more a .W_ficon{width: auto;height: 14px;padding: 0;font-size: inherit;} .layer_menu_list ul { margin:0; padding:0; clear:both } .layer_menu_list ul li { position:static; float:none; margin:0; padding:0; display:inline;} .layer_menu_list ul li.title, .layer_menu_list ul li.suggest_title { padding:5px 10px; display:block; cursor:default; white-space:nowrap; } .layer_menu_list ul li a { white-space:nowrap; min-width:50px;*min-width:auto;_width:50px;padding:7px 13px; color:#333;display:block; cursor:pointer; text-decoration:none;} .layer_menu_list ul li a .S_txt1 {color:#333;} .layer_menu_list ul li a .S_txt2 {color:#808080;} .layer_menu_list ul li a.auto_width{ width:auto; min-width:0;} .layer_menu_list ul li .list_subtitle{ margin-left:5px;} /*.layer_menu_list ul li a.W_ico12{ min-width:inherit;}*/ .layer_menu_list ul li.cur a, .layer_menu_list ul li a:hover { background-color:#f2f2f5;text-decoration:none; color:#5FADFC; } .layer_menu_list ul li a:hover .S_txt1, .layer_menu_list ul li a:hover .S_txt2 { color:#5FADFC; } .layer_menu_list ul li.cur a .S_ficon{ color:#fa7d3c;} /*.layer_menu_list ul li a img { margin:0 4px 0 0; }*/ .layer_menu_list ul li.opt a { padding:5px 10px;} .layer_menu_list ul li.lotopt a { display:inline-block;color:#fa7d3c;white-space:normal;padding:6px 8px; white-space:nowrap; text-decoration:none; } .layer_menu_list ul li.lotopt a.right{ float:right; text-align:right;} .layer_menu_list ul li.lotopt a:hover { background:none;} .layer_menu_list ul li.lotopt a:hover .S_txt1{ color:#5FADFC;} .layer_menu_list ul li .ficon_arrow_down_lite{ font-size:18px; height:16px; margin:0 4px 0 -1px;} /*滚动条*/ .layer_menu_list .scroll_bar {overflow-y:auto; overflow-x:hidden; max-height:174px;} .layer_menu_list .scroll_bar li a{ height:15px;} .layer_menu_list .scroll_bar li a .S_txt1{ display:inline-block; width:115px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; vertical-align:top;} .layer_menu_list ul li.disable a { color:#808080; } .layer_menu_list ul li.line { border-bottom:1px solid #d9d9d9; padding:0; height:2px; *height:auto;position:relative; top:-1px; *top:-7px;display:block; margin:0 -2px; } .layer_menu_list ul img { vertical-align:-3px; } /*.layer_menu_list ul li a label.lfnav_more{ width:91px; display:inline-block; cursor:pointer;}*/ .layer_menu_list ul li.notetxt { white-space:normal; line-height:1.5em; padding:5px 10px; color:#333; display:block; } .layer_menu_list ul li.notetxt:hover { background:#eee; text-decoration:none; } .layer_menu_list ul li.notetxt a { display:inline; color:#fa7d3c; white-space:normal; padding:0px; } .layer_menu_list .y_scroll{overflow-y:scroll;} /*置灰不可选*/ .layer_menu_list .disable a, .layer_menu_list .disable a:hover { background:none;text-decoration:none; color:#808080;cursor: default; } /*选项带关闭*/ /*.layer_menu_list_close { background:#fff; color:#333; border:1px solid #ccc; padding:1px; } .layer_menu_list_close ul.close_list li { padding:5px 20px 5px 8px; position: relative; } .layer_menu_list_close ul li.current { background-color:#e6f4f7; cursor:pointer; } .layer_menu_list_close ul.close_list li img { vertical-align:-3px; margin:0 4px 0 0; } .layer_menu_list_close ul.close_list li a { padding-right:20px; } .layer_menu_list_close ul.close_list li a.icon_close { padding:0; display:block; position: absolute; right:5px; top:7px; }*/ /*.layer_menu_list .quick_form .row { padding:5px 10px; } .layer_menu_list .quick_form .W_input { width:116px } .layer_menu_list .quick_form .btns .ml { margin-left:10px; } .layer_menu_list .quick_form .W_error { margin: 0 0 0 10px }*/ /*.layer_menu_list .edit_followlist { padding:3px 0 0 16px; } .layer_menu_list .edit_followlist a { line-height:24px; } .layer_menu_list .edit_followlist a:hover { text-decoration:underline; } .layer_menu_list .edit_followlist .W_input { width:100px }*/ /*.layer_menu_list li .icon_edit_s { visibility:hidden; _visibility:visible; cursor:pointer; padding:0 5px; background-position: 5px 0; vertical-align:-2px; *vertical-align:1px;} .layer_menu_list li:hover .icon_edit_s { visibility:visible; }*/ .layer_menu_list ul li.note { padding: 5px 10px; display:block;white-space:nowrap;} /*.layer_menu_list.lml_followlists { width:141px; } .layer_menu_list.lml_followlists .notetxt { overflow:hidden; white-space:nowrap; } .layer_menu_list.lml_followlists .notetxt .W_checkbox { margin-right:5px; }*/ /*.layer_menu_list ul.app_operate li.line { top:-6px; } .layer_menu_list ul.app_operate li a { padding:4px 10px; }*/ /*.layer_feed_sele ul li a { padding:7px 18px; }*/ /*密友*/ /*.layer_menu_list ul li .quick_form .row { padding:5px 0 } .layer_menu_list ul li .quick_form .W_error { margin:0; } .layer_menu_list ul li.notetxt a.W_btn_a, .layer_menu_list ul li.notetxt a.W_btn_b { display:inline-block; padding: 0 0 0 2px; }*/ /*个性标签*/ /*.layer_menu_list .tags a { background:#e8f4fc; display:inline-block; line-height:16px; margin:0 3px 3px 0; padding:1px 10px; box-shadow:1px 1px 1px #dae0e5; white-space:nowrap; border-right:1px solid #dae0e5\9; border-bottom:1px solid #dae0e5\9; margin:0 2px 2px 0\9; } .layer_menu_list .tags a.choose { color:#fff; background:#beced9; } .layer_menu_list .tags a.choose:hover { text-decoration:none; }*/ /*profile页操作*/ /*.layer_menu_list .i_conn_public, .layer_menu_list .i_conn_follow, .layer_menu_list .i_conn_friend, .layer_menu_list .i_conn_private, .layer_menu_list .i_conn_close_friend, .layer_menu_list .i_conn_list { vertical-align:-5px;*vertical-align:middle; *margin:0; }*/ /*密友*/ /*.myfollow_select{ width:312px;} .myfollow_select .ms_list{ width:302px;padding:5px;} .myfollow_select .ms_list li{float:left;width:50%;} .myfollow_select .ms_list li a{ overflow:hidden; zoom:1; padding:5px;} .myfollow_select .ms_list li .W_checkbox{ float:left; vertical-align:-2px;} .myfollow_select .ms_list li label{ float:left; overflow:hidden;width:115px;*width:108px; height:15px;*margin-top:3px;text-overflow:ellipsis;white-space:nowrap; cursor:pointer;} .myfollow_select .ms_opt .W_input{ width:158px; margin-right:6px; vertical-align:middle;} .myfollow_select .ms_opt .cancal{ margin-left:6px;} .myfollow_select ul li .quick_form .row{ padding:5px 0 0;} .myfollow_select ul li.notetxt:hover{ background:none;} .myfollow_select ul li.notetxt{ padding:5px 10px 10px 10px} .myfollow_select ul li.notetxt .cancal:hover{ background:none; text-decoration:underline;} .myfollow_select ul li.notetxt .icon_close{ display:block;} .myfollow_select .ms_tips.W_tips{ margin:5px 10px 0 10px;} .myfollow_select .ms_tips.ms_tit{ margin:15px 10px 6px 10px;} .myfollow_select .ms_sg_tit{ margin:15px 10px 1px 10px;} .myfollow_select .close_f_group{margin:8px 10px 15px;} .myfollow_select .close_f_group .left{_margin-top:7px;} */ /*标签*/ /*.layer_menulist_tags {width:508px; background:#fff; color:#333; border-width:1px; border-style:solid; border-radius:2px; padding:15px 20px 5px 20px;*padding:15px 20px 15px 20px; } .layer_menulist_tags ul { overflow:hidden;} .layer_menulist_tags ul li { float:left; display:inline; margin:0 10px 10px 0;white-space:nowrap;} .layer_menulist_tags ul li.tit { float:left; display:inline; margin:0;}*/ /*PCD profile页卡下拉菜单*/ .layer_menu_list_b{ position:absolute; padding:10px 0;background: #fff;color: #333;border: 1px solid #ccc;border-radius: 2px;padding: 2px;box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.2);} .layer_menu_list_b ul li a { color:#333;} .layer_menu_list_b ul li a:hover{ color:#5FADFC;} .layer_menu_list_b .list_wrap{ position:relative; } .layer_menu_list_b .list_content{overflow:hidden; *zoom:1; _float:left; margin:-10px 0;} .layer_menu_list_b .list_ul{ margin-top:-1px; padding:10px 0; border-top:solid 1px #d9d9d9;} .layer_menu_list_b .list_ul .item{ display:inline;} .layer_menu_list_b .list_ul .tlink{ display:block; min-width:98px; padding:9px 13px; white-space:nowrap; cursor:pointer; } .layer_menu_list_b .list_ul .tlink:hover{ text-decoration:none; background:#f2f2f5;} /*消息箱带勾选项下拉框*/ .msg_set_select .ficon_right{margin-right:4px;display:none;width:12px;height:12px;vertical-align:middle} .msg_set_select li{text-indent:16px;line-height:100%;} .msg_set_select li.select{text-indent:0;} .msg_set_select li.select .ficon_right{display:inline-block;} .msg_set_select ul li a, .msg_set_select ul li a:hover{color:#333;} /*垃圾箱等字体ICON*/ .layer_menu_list .ficon_dustbin{ margin:0 5px 0 0; font-size:14px;} .layer_menu_list .ficon_timesort, .layer_menu_list .ficon_timesmart{ margin:0 5px 0 0; font-size:16px;} /*ICON对齐*/ .layer_menu_list .W_icon{ margin:0 3px 0 0; vertical-align:-4px;} /*搜索成员列表（wangming1@staff.sina.com.cn）*/ .follow_search{width:240px; background:#fff;} .follow_search ul li{ padding: 11px 16px;overflow:hidden;display: block;zoom:1;overflow: hidden;} .follow_search ul li .headpic{ float:left; width:50px;height:50px;_display:inline;} .follow_search ul li .con{_width: 148px;height: 50px;margin:0 0 0 60px;_zoom:1;vertical-align: top;} .follow_search ul li .con p{_width: 100%;} .follow_search ul li .con .name{vertical-align: top;line-height: 16px;} .follow_search ul li.title{padding: 0 16px 5px 16px;} .follow_search ul li.notetxt{padding: 11px 16px;} .follow_search ul .search_box{padding: 5px 0;} .follow_search ul .search_box .W_input{ width:205px;} /*.follow_search .name span{display: inline-block;vertical-align: text-bottom;}*/ .follow_search .name .W_icon, .follow_search .name .W_icon_co1{vertical-align:text-bottom;margin-left: 2px;} /*群成员设置*/ .layer_menu_list .qunlist_right{display:inline-block; width:12px; width:20px\9;} .layer_menu_list .qunlist_right .ficon_setup{ visibility:hidden;} .layer_menu_list ul li.cur .qunlist_right .ficon_setup, .layer_menu_list ul li a:hover .qunlist_right .ficon_setup{ visibility:visible; height:14px; font-size:14px; line-height:14px; vertical-align:top; color:#808080;} .layer_menu_list ul li.cur .qunlist_right .ficon_setup:hover, .layer_menu_list ul li a:hover .qunlist_right .ficon_setup:hover{color:#5FADFC;} /*股票搜索弹层*/ .layer_menu_list_stock{ position:absolute; padding:10px 0;background: #fff;color: #333;border: 1px solid #ccc;border-radius: 2px;padding: 2px;box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.2);} .layer_menu_list_stock .list_wrap{ position:relative; } .layer_menu_list_stock .list_content{overflow:hidden; *zoom:1; _float:left; margin:-10px 0;} .layer_menu_list_stock .list_ul{ margin-top:-1px; padding:10px 0; border-top:solid 1px #d9d9d9;} .layer_menu_list_stock .list_ul .item{ display:inline; } .layer_menu_list_stock .list_ul .tlink{height: 26px; line-height: 26px; padding: 7px 0; white-space:nowrap; cursor:pointer; } .layer_menu_list_stock .bg_hover, .layer_menu_list_stock .list_ul .tlink:hover{ text-decoration:none; background:#f2f2f5;} .layer_menu_list_stock .list_ul .text_a{ float: left; display: inline-block; margin-left: 14px; width: 74px;} .layer_menu_list_stock .short_ul .text_a{ width: 68px;} .layer_menu_list_stock .list_ul .text_b{ float: left; display: inline-block; width:68px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;} .layer_menu_list_stock .list_ul .v_line{ float: left; display: inline-block; margin-top: 5px; height: 16px; width: 0px; overflow: hidden; border-left:solid 1px #ececed; } .layer_menu_list_stock .list_ul .num_a{float: left; display: inline-block; margin-left: 20px; width: 48px;} .layer_menu_list_stock .list_ul .num_b{float: left; display: inline-block; width: 46px;} .layer_menu_list_stock .list_ul .num_c{float: left; display: inline-block; } .layer_menu_list_stock .list_ul .opt_btn{float: right; display: inline-block; margin-right: 13px;} .layer_menu_list_stock .t_spec{ color: #ff8140;} .layer_menu_list_stock .t_red{color:#e05a5a;} .layer_menu_list_stock .t_green{color:#4ab666;} #js_style_css_module_layer_layer_menu_list { height:42px; } /*空状态*/ /*空状态*/ .WB_empty{text-align: center;} .WB_empty .WB_empty_content{} .WB_empty .icon_bed { margin-bottom:10px;} .WB_empty .text{line-height:18px; font-size:14px; } .WB_empty .subtext{line-height:18px; margin-top:5px;} .WB_empty .W_loading, .WB_empty .icon_warnS, .WB_empty .icon_rederrorS{ margin-right:5px; vertical-align:-3px;} .WB_empty .imgtip{ overflow:hidden;} .WB_empty .imgtip img{ max-width:100%;} /*定高的空状态*/ .WB_empty_height{ height:500px;} .WB_empty_height .WB_empty{ padding-top:60px;} /*与更多高度一致的空状态*/ .WB_empty_narrow .WB_innerwrap{padding: 9px 16px;} /* 左右宽度不够防止一行文案折行 */ .WB_empty_v2 .WB_innerwrap{ padding: 16px 0 10px; } .WB_empty .btn{ margin-top: 10px; } #js_style_css_module_global_WB_empty{height:42px;} /*换肤层*/ .layer_setskin{ width:545px; padding:10px 16px; } .layer_setskin .setskin_tab_box{ margin-top:12px; text-align:center;} .layer_setskin .setskin_tab_box .setskin_tab{ margin:0 9px;} .layer_setskin .setskin_tab_box .setskin_tab:hover{ text-decoration:none;} #js_style_css_module_layer_setskin{height:42px;} /*Profile账号类头部*/ .PCD_header{height:300px; overflow:hidden; position:relative; *vertical-align:auto;} .PCD_header .cover_wrap { position:absolute;width:100%;height:300px; background-position:bottom center; background-repeat:no-repeat; -moz-transform:scaleX(1.05) scaleY(1.05); -webkit-transform:scaleX(1.05) scaleY(1.05); z-index:1} .PCD_header .banner_transition{ -moz-transform:scaleX(1) scaleY(1); -webkit-transform:scaleX(1) scaleY(1);-moz-transition:-moz-transform 4s linear; -webkit-transition:-webkit-transform 4s linear; } .PCD_header .noscale{ -moz-transform:scaleX(1) scaleY(1); -webkit-transform:scaleX(1) scaleY(1); } .PCD_header .pf_wrap{ position:absolute; width:100%;height:300px; *z-index:5;} .PCD_header .pf_wrap .icon_setskin{ position:fixed;_position:absolute;top:50px;right:0;z-index:9999;} .PCD_header .shadow{ position:absolute; width:100%; height:300px; overflow:hidden; z-index:2 } .PCD_header .S_shadow{ background:url(../../../images/pagecard/bg_header_shadow.png?id=1404211047727) center bottom repeat-x; background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.3)));/*Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%); /* IE10+ */ background: linear-gradient(top bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%); /* W3C */ _background:none; } .PCD_header .pf_wrap .W_animation_cover object{ display:block; width:920px; height:300px;} .PCD_header .pf_photo{ position:relative; width:100px; height:100px; margin:48px auto 0; padding:4px; background:#fff; background:rgba(255,255,255,0.3); border-radius:50%;} .PCD_header .photo_wrap, .PCD_header .pf_photo .photo{width:100px; height:100px; border-radius:50%;} .PCD_header .pf_photo_active{ background:none; background:#f66214\9; cursor:pointer; } :root .PCD_header .pf_photo_active{ background:none;} .PCD_header .pf_photo_active .photo_wrap{ box-shadow:0 0 14px #f66214;} .PCD_header .pf_photo .icon_bed{ position:absolute; right:9px; top:82px;} .PCD_header .pf_username{ margin-top:6px; color:#fff; text-align:center; text-shadow:0 0 4px rgba(0,0,0,0.5); vertical-align:text-bottom;} .WB_xpT .PCD_header .pf_username{ font-family:"Microsoft YaHei";} .PCD_header .pf_username .tlink{ margin-left:5px; color:#fff;} .PCD_header .pf_intro .tlink{color:#fff;} .PCD_header .pf_username .icon_bed{ margin-left:3px;} .PCD_header .pf_username .icon_bed .W_icon{ margin-left:0;} .PCD_header .pf_username .W_icon_vipstyle{ width: 16px; height: 16px;} .PCD_header .username{font-size:22px; display: inline;} .PCD_header .pf_intro{ margin-top:4px; text-align:center;color:#fff; line-height:18px; text-shadow: 0 0 4px rgba(0,0,0,0.5);} .PCD_header .pf_opt{ margin-top:15px; text-align:center;} .PCD_header .pf_opt .opt_box{ display:inline-block; *display:inline; *zoom:1;} .PCD_header .pf_opt .btn_bed{ margin:0 5px;} .PCD_header .pf_wrap .pf_use_num { position: absolute; height: 22px; padding: 0 8px; line-height: 20px; color: #e7e4e4; background-image: url(../../../images/pagecard/bg_pf_use_num.png?id=1404211047727); background-repeat: repeat; background: rgba(0,0,0,0.25); _background: #333; border-radius: 10px; right: 46px; top: 11px; z-index:10;} .PCD_header .pf_wrap .pf_copy_icon { position: absolute; display: block; width: 30px; height: 30px; background: url(../../../images/pagecard/icon_profile.png?id=201409041250) no-repeat; right: 8px; top: 7px; z-index:10; } /*两倍图标总汇*/ @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2){ .PCD_header .pf_wrap .pf_copy_icon{ background-image:url(../../../images/pagecard/icon_profile-x2.png?id=201409041250); background-size: 60px 30px; } } .PCD_header .pf_wrap .pf_copy_icon:hover { background-position: -30px 0; } /*编辑封面图模式*/ .PCD_header .edit_mode .pf_username, .PCD_header .edit_mode .pf_intro, .PCD_header .edit_mode .pf_opt{ display:none;} .PCD_header .edit_mode .shadow{ background:none;} /*编辑封面图错误提示*/ .PCD_header .uperror{ position:absolute; width:920px; text-align:center; top:204px; z-index:10;} .PCD_header .uperror .error_tip{ display:inline-block; *width:446px; height:32px; padding:0 20px; _padding:0; border-radius:3px; background:#d9d9dc; background:rgba(0,0,0,0.1); line-height:32px;} .PCD_header .cover_error{ background:#f2f2f5 !important;} .PCD_header .uperror .error_tip .W_icon{ _float:left; margin-right:5px; _margin-left:20px; vertical-align:-4px; *vertical-align:-2px; _vertical-align:0px; _margin-top:8px;} .PCD_header .uperror .error_tip .text{ _float:left; } .PCD_header .uperror .error_opt{ margin-top:16px; text-align:center;} .PCD_header .loading_bed{ position:absolute; top:170px; left:50%; margin-left:-8px; z-index:10;} .PCD_header .cover_tip, .PCD_header .up_cover{ position:absolute; height:28px; padding:0 10px; line-height:28px; color:#fff; background: url(../../../images/pagecard/bg_pf_use_num.png?id=1404211047727); background:rgba(0,0,0,0.3); _background:#000; border-radius:14px; z-index:10;} .PCD_header .cover_tip{ right:46px; top:11px; } .PCD_header .up_cover{ display:block; bottom:16px; right:16px;} .PCD_header .up_cover .W_ficon{ margin-right:5px;} /*上传封面图图片*/ .PCD_header .upcover{ position:absolute; top:10px; right:25px; z-index:10;} .PCD_header .upcover .ficon_upload{color: #fa7d3c; margin-right:3px; vertical-align:1px;} #js_style_css_module_pagecard_PCD_header { height: 42px; } /*Profile物类头部*/ .PCD_header_b .pf_wrap{ position:relative;} .PCD_header_b .cover_wrap { position:relative; height:300px; background-position:center 0; overflow:hidden;} .PCD_header_b .cover_wrap .cover_clickarea{ display:block; height:300px;} .PCD_header_b .icon_setskin{ position:absolute; top:0; right:0;} .PCD_header_b .header_wrap{position: relative; border-bottom-style:solid; border-bottom-width:1px; *z-index:5;} .PCD_header_b .pf_info_wrap{ position:relative; height:86px; padding:10px 0 0 220px;} .PCD_header_b .pf_head { position: absolute; bottom: 20px; _bottom: 19px; left: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.3); border-width: 1px\9; border-style: solid\9; } :root .PCD_header_b .pf_head { border-width: 0; } .PCD_header_b .pf_head_pic_a{ position:relative; width: 180px; height: 180px; padding: 2px;} .PCD_header_b .pf_head_pic_b { position:relative; width: 180px; height: 240px; padding: 2px;} .PCD_header_b .pf_head_pic_a .pic{width: 180px; height: 180px;} .PCD_header_b .pf_head_pic_b .pic{width: 180px; height: 240px;} .PCD_header_b .pf_head_pic_a .up_cover, .PCD_header_b .pf_head_pic_b .up_cover{ display:none; _display:block; bottom:16px; right:16px;} .PCD_header_b .pf_head_pic_a:hover .up_cover, .PCD_header_b .pf_head_pic_b:hover .up_cover{ display:block;} .PCD_header_b .pf_head_pic_4in1{ position:relative; width: 182px; height: 182px; padding: 1px;} .PCD_header_b .pf_head_pic_4in1 .photo_box{ _margin:0 -1px;} .PCD_header_b .pf_head_pic_4in1 .photo_wrap{ float:left; display:inline-block; margin:1px; width:89px; height:89px; overflow:hidden; border-radius:2px;} .PCD_header_b .pf_head_pic_4in1 .photo_wrap .pic{ width:89px; height:89px;} .PCD_header_b .pf_head_pic_3in1{ position:relative; width: 180px; height: 180px; padding: 2px;} .PCD_header_b .pf_head_pic_3in1 .bigphoto_wrap{float:left; display:inline-block; width:89px; height:180px; background-position: center 0; overflow:hidden; border-radius:2px; } .PCD_header_b .pf_head_pic_3in1 .photo_box{ _height:180px; _overflow:hidden;} .PCD_header_b .pf_head_pic_3in1 .photo_wrap{ float:right; display:inline-block;width:89px; height:89px; overflow:hidden; margin-bottom:2px; border-radius:2px;} .PCD_header_b .pf_head_pic_3in1 .photo_wrap .pic{ width:89px; height:89px;} .PCD_header_b .pf_head_pic_2in1{ position:relative; width: 182px; height: 182px; padding: 1px;} .PCD_header_b .pf_head_pic_2in1 .photo_box{ _margin:0 -1px;} .PCD_header_b .pf_head_pic_2in1 .bigphoto_wrap{float:left; display:inline-block; width:89px; height:180px; margin:1px; background-position: center 0; overflow:hidden; border-radius:2px; } .PCD_header_b .hoverEffect .up_cover{ display:block;} .WB_xpT .PCD_header_b .pf_username{font-family:"Microsoft YaHei";} .PCD_header_b .pf_username .username{ float:left; display:inline-block; font-size:22px; } .PCD_header_b .pf_username .tlink, .PCD_header_b .pf_opt{ position:absolute; bottom: 20px;} .PCD_header_b .pf_opt .btn_bed{ margin-right:10px;} .PCD_header_b .pf_username .icon_bed{ display:inline-block; float:left; margin-left:5px;} .PCD_header_b .pf_username .W_btn_claim, .PCD_header_b .pf_username .icon_pf_android, .PCD_header_b .pf_username .icon_pf_ios{ margin-top:3px;} .PCD_header_b .remark{ float:left; display:inline-block; height:24px; margin-left:5px;} .PCD_header_b .remark .icon_starbar_a{float:left; display:inline-block; margin-top:8px;} .PCD_header_b .remark .remark_score{float:left; display:inline-block; margin:-3px 0 0 3px; font-size:24px; font-weight:bold; color:#ff830a;} .PCD_header_b .remark .remark_txt{float:left; display:inline-block; margin:8px 0 0 3px;} .PCD_header_b .no_cover{ height:109px;} .PCD_header_b .no_cover .cover_clickarea{ display:block; height:109px;} .PCD_header_b .pf_username .icon_pagelbs{ margin-top:8px;} .PCD_header_b .creat_interest{ position:absolute; top:14px; right:16px; z-index:10;} .PCD_header_b .creat_interest .W_ficon{ margin-right:5px; vertical-align:middle; margin-top:-3px; *margin-top:1px;} /*按钮不定宽补丁*/ .PCD_header_b .pf_opt .W_btn_c, .PCD_header_b .pf_opt .W_btn_d{ width:auto; padding:0 20px !important; _height:34px; _overflow:hidden;} /*按钮补丁*/ .PCD_header_b .pf_opt .W_btn_b{padding:0 20px !important;} .PCD_header_b .pf_opt .fixed_width{ width:102px; padding:0 !important; _height:32px; _overflow:hidden;} .PCD_header_b .pf_opt .btn_more{ width:32px; min-width:32px; padding:0 !important;} /*上传封面图图片*/ .PCD_header_b .upcover{ position:absolute; top:10px; right:25px; z-index:10;} .PCD_header_b .upcover .ficon_upload{color: #fa7d3c; margin-right:3px; vertical-align:1px;} /*新版上传封面图图片*/ .PCD_header_b .up_cover{ position:absolute; height:28px; padding:0 10px; line-height:28px; color:#fff; background: url(../../../images/pagecard/bg_pf_use_num.png?id=1404211047727); background:rgba(0,0,0,0.3); _background:#000; border-radius:14px; z-index:10; top:10px; right:10px;} .PCD_header_b .up_cover .W_ficon{ margin-right:5px;} .PCD_header_b .up_cover_v2{ position: absolute; bottom: 2px; left: 2px; z-index:10; width: 180px; height: 32px; background: rgba(255,210,0,.9); line-height: 32px; text-align: center; color: #6A3916; font-size: 14px;} .PCD_header_b .up_cover_v2:hover{background: rgba(243,200,0,.9);} /*编辑封面图错误提示*/ .PCD_header_b .uperror {position: absolute;width: 920px;text-align: center; top: 50%; margin-top:-16px; z-index: 10;} .PCD_header_b .uperror .error_tip{ display:inline-block; *width:446px; height:32px; padding:0 20px; _padding:0; border-radius:3px; background:#d9d9dc; background:rgba(0,0,0,0.1); line-height:32px;} .PCD_header_b .cover_error{ background:#f2f2f5 !important;} .PCD_header_b .uperror .error_tip .W_icon{ _float:left; margin-right:5px; _margin-left:20px; vertical-align:-4px; *vertical-align:-2px; _vertical-align:0px; _margin-top:8px;} .PCD_header_b .uperror .error_tip .text{ _float:left; } /*loading*/ .PCD_header_b .loading_bed {position: absolute;top: 50%;left: 50%;margin:-8px 0 0 -8px;z-index: 11;} /*编辑封面图*/ .PCD_header_b .cover_opt{ position:absolute; bottom:16px; right:16px;} .PCD_header_b .cover_opt .W_btn_a, .PCD_header_b .cover_opt .W_btn_b{ margin-left:5px;} /*物类头部按钮自适应*/ @media screen and (max-width:939px){ .PCD_header_b .pf_opt .W_btn_b, .PCD_header_b .pf_opt .W_btn_c { padding:0 10px!important;} .PCD_header_b .pf_opt .fixed_width{ width:92px; padding:0!important;} .PCD_header_b .pf_opt .btn_bed_spc .W_btn_b{padding:0 0 0 3px !important;} .PCD_header_b .pf_opt .btn_bed_spc .num{display:none;} } /* 定制ICON */ .W_icon_pcd{ display:inline-block; background-image:url(../../../images/pagecard/icon.png); background-repeat:no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2){ .W_icon_pcd{ background-image:url(../../../images/pagecard/icon-x2.png); background-size: 27px 20px; } } /* 超级话题 */ .icon_topic_super{ width: 27px; height: 20px; margin-top: 3px;} #js_style_css_module_pagecard_PCD_header_b { height: 42px; } /*Profile Tab*/ .PCD_tab{ min-width:572px; margin-bottom: 16px; box-shadow: 0 1px 1px rgba(0,0,0,0.15); } .PCD_tab .tab_wrap{ width: 62.174%; height: 40px; margin: 0 auto;} .PCD_tab .tb_tab{width: 100%;table-layout: fixed; text-align: center; } .PCD_tab .tb_tab .tab_link{ position:relative; display: inline-block; height: 40px; *height: 38px; margin: 0 auto; line-height: 38px;white-space:nowrap;overflow:hidden; *white-space:pre-wrap; *word-break:break-all; *zoom:1 } .PCD_tab .tb_tab .tab_link .t_link{ padding: 0 7px; font-size: 14px;} .PCD_tab .tb_tab .current .tab_link{font-weight: bold; *border-bottom:solid 2px #f7691d;} .PCD_tab .tb_tab .tab_link:hover{ *height: 38px; *border-bottom:solid 2px #f7691d; *line-height:40px; } /*增强动画*/ .PCD_tab .tb_tab .tab_link .ani_border{ *display:none; position: absolute;left: 0;width: 100%; height:2px; background:#f7691d;left: 0;opacity: 0;bottom: -2px;z-index: 500;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear; overflow:hidden; } .PCD_tab .tb_tab .tab_link:hover .ani_border{ bottom: 0px;opacity: 1; } .PCD_tab .tb_tab .current .tab_link .ani_border{bottom: 0px; opacity: 1;} #js_style_css_module_pagecard_PCD_tab { height: 42px; } /*预览大图*/ .PCD_slide{background:#262626} .PCD_slide .cursor_mask{position:absolute; left:0; top:0;width:560px; height:510px; overflow:hidden} .PCD_slide .cursor_mask a{width:50%; height:100%;cursor:url(http://img.t.sinajs.cn/t6/style/images/common/pic_prev.cur), auto;background:#5d5d5d; opacity:0.01; filter:alpha(opacity=1); } .PCD_slide .cursor_mask a.next{cursor:url(http://img.t.sinajs.cn/t6/style/images/common/pic_next.cur), auto;} .PCD_slide .close{position:absolute; top:20px; right:20px; display:block; font-size:30px; _font-size:20px; color:#fff; line-height:16px;} .PCD_slide .close:hover{text-decoration:none} .PCD_slide .slide_top{padding:17px 0} .PCD_slide .slide_top .picnum{display:inline-block; padding:0 10px; border-radius:5px; background:#131313; color:#fff; line-height:18px;} .PCD_slide .b_pic{position:relative; width:560px; height:560px; margin:0 auto; background:#5d5d5d;} .PCD_slide .b_pic td{width:560px; height:560px; text-align:center} .PCD_slide .pic_info{position:absolute; left:0; bottom:0; _bottom:-10px; width:100%; height:50px; color:#808080; z-index:9} .PCD_slide .pic_info .mask{width:100%; height:50px; background:#000; opacity:0.5; filter:alpha(opacity="50");} .PCD_slide .pic_info .info{width:475px; height:30px; overflow:hidden} .PCD_slide .pic_info h4{margin:0 0 2px; color:#fff} .PCD_slide .pic_info p{line-height:16px} .PCD_slide .pic_info .opt a{color:#fff} .PCD_slide .pic_info .info_wrap{position:relative; height:50px; margin-top:-40px;padding:0 10px; z-index:9} .PCD_slide .s_pic{position:fixed; _position:absolute; bottom:0; left:0; width:100%; height:86px; padding:7px 0 5px; background:#131313;text-align:center; z-index:10; overflow:hidden} .PCD_slide .s_pic_wrap{display:inline-block;*display:inline;} .PCD_slide .s_pic li{float:left; _display:inline; margin:0 8px;} .PCD_slide .s_pic li a{display:block; border:2px solid #131313} .PCD_slide .s_pic li a:hover{border-color:#ccc} .PCD_slide .s_pic li.on a,.PCD_slide .s_pic_wrap li.on a:hover{border-color:#ffa00a} .PCD_slide .s_pic_ul{width:600px; height:90px; margin:0 8px; overflow:hidden} .PCD_slide .s_pic_ul ul{width:10000px} .PCD_slide .pageturner{padding:2px} .PCD_slide .pageturner a{display:block; width:30px; height:55px; padding:25px 0 0 0; background:#5a5a5a; border-radius:2px;color:#b3b3b3; font-size:28px; text-align:left} .PCD_slide .pageturner a:hover{color:#fff;text-decoration:none} .PCD_slide .pageturner a span{display:block; width:12px; height:26px; margin:0 0 0 11px; overflow:hidden; cursor:pointer} .PCD_slide .pageturner a.pre span{margin-left:8px} .PCD_slide .pageturner a.next span{text-indent:-16px} #js_style_css_module_pagecard_PCD_slide { height:42px; } /*编辑封面图浮层*/ .PCD_layer_coveredit{width:920px;height:40px;text-align:right;margin: 0 auto; box-shadow: 0 1px 1px rgba(0,0,0,0.15);position:relative;} .PCD_layer_coveredit .inner_wrap{padding:7px 10px 0;} .PCD_layer_coveredit a{margin-left:5px;} .PCD_layer_coveredit .PCD_tab .W_btn_b{position:absolute;right:15px;top:7px;} /*模板列表*/ .PCD_layer_coveredit .template_list{overflow:hidden;margin:0 0 14px 14px;position:relative;} .PCD_layer_coveredit .template_list .list_wrap{width:9999px;height:79px;overflow:hidden;} .PCD_layer_coveredit .template_list .list_item{float:left;position:relative;overflow:hidden;margin-right:6px;width:234px;height:79px;} .PCD_layer_coveredit .template_list .list_item:hover{_zoom:1;} /*修复IE6下hover不显示内部模块的问题*/ .PCD_layer_coveredit .template_list .list_item .list_img{display:block;border:2px solid #fff;overflow:hidden;width:230px;height:75px;} /*默认边框色与底色相同*/ .PCD_layer_coveredit .template_list .list_item:hover .list_img{border-color:#5FADFC;} /*hover时边框变橙色*/ .PCD_layer_coveredit .template_list .cur .list_img, .PCD_layer_coveredit .template_list .cur:hover .list_img{ border-color:#5FADFC;} /*选中态时的边框颜色*/ /*模板类型的标识tag & 选中状态变成对勾*/ .PCD_layer_coveredit .template_list .tag{position:absolute;top:1;right:1;z-index:1;top:3px;right:3px;border-radius:2px;width:35px;height:22px;line-height:22px;text-align:center;color:#FFF;} .PCD_layer_coveredit .template_list .normal .tag{background-color:#595959;} /*普通模板*/ .PCD_layer_coveredit .template_list .member .tag{background-color:#de5045;} /*会员模板*/ .PCD_layer_coveredit .template_list .freelm .tag{background-color:#ffa00a;} /*限免模板*/ .PCD_layer_coveredit .template_list .brand .tag{background-color:#0a8cd2;} /*品牌模板*/ .PCD_layer_coveredit .template_list .cur .tag{ top:0;right:0;height:30px;width:30px;text-indent:-9999em;background-color:transparent; background:url(../../../images/layer/cur_bg.png?id=1404211047727) no-repeat; _background:url(../../../images/layer/cur_bg.gif?id=1404211047727) no-repeat;} .PCD_layer_coveredit .template_list .dis .tag{display:none;} /*模板名称*/ .PCD_layer_coveredit .template_list .list_item span.tplname {position:absolute;visibility:hidden;bottom:1px;left:2px;right:2px;height:auto;padding:2px 0;line-height:18px;background:#2c2c2c;background:rgba(74,74,74,0.6);text-align:center;color:#fff;} .PCD_layer_coveredit .template_list .list_item:hover span.tplname {visibility:visible;} /*翻页箭头*/ .PCD_layer_coveredit .ficon_arrow_left, .PCD_layer_coveredit .ficon_arrow_right{position:absolute;font-size:55px;top:5px;color:#FFF;} .PCD_layer_coveredit .ficon_arrow_left{left:0;} .PCD_layer_coveredit .ficon_arrow_right{right:14px;} /*底部*/ .PCD_layer_coveredit .footer{padding:3px 0;} .PCD_layer_coveredit .footer a{margin:3px;} #js_style_css_module_pagecard_PCD_layer_coveredit { height: 42px; } /*换肤浮层*/ /* Module: 换肤浮层 * Author: zhumin1@ * Time: 2014.07.08 2015.07.03新增卡片背景 2015.9.18去除卡片背景封面（另修改一些细节） */ /*框架及公用*/ .setup_template {width:100%;background:#0f1012;z-index:9999;} .setup_template .opacity_wrap{background:#333;background:rgba(51,51,51,.9);width:100%;height:38px;margin-top:-38px;_position:relative;} .setup_template .inner_wrap{width:920px;margin:-38px auto 0;position:relative;} .setup_template .inner_wrap .more_template{position:absolute;right:78px;top:41px;z-index:2;} .setup_template .inner_wrap .W_layer_close{position:absolute;right:54px;font-size:18px;} .setup_template .header{height:38px;line-height:38px} .setup_template .header .more_template, .setup_template .header .more_template:hover{color:#5FADFC;} .setup_template .header .W_layer_close a{color:#c8c8cc;} .setup_template .header .W_layer_close a:hover{color:#5FADFC;} .setup_template .header .menu_tab{margin:0 auto;width:450px;overflow:hidden;} .setup_template .header .menu_tab li{float:left;} .setup_template .header .menu_tab li a{display:inline-block;width:90px;height:38px;text-align:center;color:#c8c8cc} .setup_template .header .menu_tab li a:hover{color:#FFF;text-decoration:none;} .setup_template .header .menu_tab .cur a{background:#0f1012;color:#fff;} .setup_template .menu .scroll{position:relative;} .setup_template .UI_scrollBar{background-color:#333;right:58px;} .setup_template .UI_scrollBar .bar{background-color:#808080;} /*子导航模块*/ .setup_template .submenu_wrap {margin:11px 0;height:22px; overflow: hidden;} .setup_template .sub_menu{float:left;position:relative;left:50%;} .setup_template .sub_menu li{float:left;position:relative; right:50%;} .setup_template .sub_menu li a{display:inline-block;height:22px;line-height:22px;padding:0 10px;margin:0 22px;color:#FFF;border-radius:2px} .setup_template .sub_menu li a .W_icon{margin:0 2px 0 0;} .setup_template .sub_menu li a.color_spc:hover, .setup_template .sub_menu li a:hover, .setup_template .sub_menu .cur a {background:#323233;color:#5FADFC;} /*底部按钮模块*/ /*.setup_template .footer{padding:20px 0 16px 74px;} .setup_template .footer .W_label{float:left;_display:inline;margin-top:3px;color:#c8c8cc;cursor:pointer} .setup_template .footer .buttons{float:left;_display:inline;margin-left:250px;}*/ .setup_template .footer .buttons a{ margin:0 5px;} .setup_template .footer{width:310px;padding:20px 0 16px;margin:0 auto;} .setup_template .footer .W_label{float:left;_display:inline;margin:7px 5px 0 ;color:#c8c8cc;cursor:pointer;} .setup_template .footer .buttons{float:left;_display:inline;} /*模板列表*/ .setup_template .template_list .list_item{float:left;position:relative;overflow:hidden;} .setup_template .template_list .list_item:hover{_zoom:1;} /*修复IE6下hover不显示内部模块的问题*/ .setup_template .template_list .list_item .list_img, .setup_template .template_list .list_item .img_wrap{display:block;border:2px solid #0f1012;overflow:hidden;} /*默认边框色与底色相同*/ .setup_template .mod_3 .list_item .skin_diy{border-color:#444;} /*"自定义颜色"模块的边框色不同*/ .setup_template .template_list .list_item:hover .list_img, .setup_template .template_list .list_item:hover .img_wrap{border-color:#5FADFC;} /*hover时边框变橙色*/ .setup_template .template_list .cur .list_img, .setup_template .template_list .cur:hover .list_img, .setup_template .template_list .cur .img_wrap, .setup_template .template_list .cur:hover .img_wrap{ border-color:#5FADFC;} /*选中态时的边框颜色*/ .setup_template .template_list .dis .list_img, .setup_template .template_list .dis:hover .list_img{border-color:#0f1012;cursor:default;} /*不可用状态的边框色*/ /*hover两图上下切换增加一个容器*/ .setup_template .template_list .img_wrap{position:relative;} .setup_template .template_list .img_wrap .cover_img{position:absolute;} /*IE9以下不支持动画*/ @media \0screen\,screen\9 { .setup_template .list_item:hover .img_wrap .cover_img{z-index:-1;} } .setup_template .template_list .cur .img_wrap .cover_img{z-index:-1;} .setup_template .template_list .list_item .img_wrap .list_img, .setup_template .template_list .list_item:hover .img_wrap .img_wrap{border:none;} .setup_template .template_list .list_item .img_wrap .cover_img{ -webkit-transition:-webkit-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition:-moz-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition:-ms-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition:-o-transform .3s cubic-bezier(0.165, 0.84, 0.44, 1); transition:transform .3s cubic-bezier(0.165, 0.84, 0.44, 1); } .setup_template .template_list .list_item:hover .img_wrap .cover_img{ -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); } /*模板类型的标识tag & 选中状态变成对勾*/ .setup_template .template_list .tag{position:absolute;top:1;right:1;z-index:1;top:3px;right:3px;border-radius:2px;width:35px;height:22px;line-height:22px;text-align:center;color:#FFF;} .setup_template .template_list .normal .tag{background-color:#595959;} /*普通模板*/ .setup_template .template_list .member .tag{background-color:#de5045;} /*会员模板*/ .setup_template .template_list .freelm .tag{background-color:#ffa00a;} /*限免模板*/ .setup_template .template_list .brand .tag{background-color:#0a8cd2;} /*品牌模板*/ .setup_template .template_list .cur .tag{ top:0;right:0;height:30px;width:30px;text-indent:-9999em;background-color:transparent; background:url(../../../images/layer/cur_bg.png?id=1419901742185) no-repeat; _background:url(../../../images/layer/cur_bg.gif?id=1419901742185) no-repeat;} .setup_template .template_list .dis .tag{display:none;} /*模板名称*/ .setup_template .template_list .list_item span.tplname {position:absolute;visibility:hidden;bottom:1px;left:2px;right:2px;height:auto;padding:2px 0;line-height:18px;background:#2c2c2c;background:rgba(74,74,74,0.6);text-align:center;color:#fff;} .setup_template .template_list .list_item:hover span.tplname {visibility:visible;} /*模板列表中几种排列方式*/ .setup_template .template_list{overflow:hidden;height:172px;margin-left:74px;*zoom:1;} .setup_template .mod_1 .list_wrap{margin:-6px 0 0 -6px;} .setup_template .mod_1 .list_item{margin:6px 0 0 6px;width:123px;height:73px;} .setup_template .mod_1 .list_item .list_img{width:119px;height:69px;} .setup_template .mod_2 .list_wrap{margin:-15px 0 0 -15px;} .setup_template .mod_2 .list_item{margin:15px 0 0 15px;width:246px;height:77px;} .setup_template .mod_2 .list_item .list_img{width:242px;height:73px;} .setup_template .mod_3 .list_wrap{margin:-16px 0 0 -14px;} .setup_template .mod_3 .list_item{margin:16px 0 0 14px;width:84px;height:68px;} .setup_template .mod_3 .list_item .list_img{width:80px;height:64px;} .setup_template .mod_4 .list_wrap{margin:-16px 0 0 -24px;} .setup_template .mod_4 .list_item{margin:16px 0 0 24px;width:372px;height:110px;} .setup_template .mod_4 .list_item .img_wrap, .setup_template .mod_4 .list_item .list_img{width:368px;height:106px;} /*底部的渐变阴影*/ .setup_template .mask_layer:after{content:""; position:absolute;bottom:0px;z-index:21;width:770px;box-shadow:0 0 30px 15px #0f1012;} /*栏目_套装&模板(menu_set&menu_template)*/ .setup_template .menu_set .template_list .tplname, .setup_template .menu_template .template_list .tplname{_width:119px;} /*修复IE6下模板标题宽度问题*/ .setup_template .menu_set .set7days .tplname{_width:254px;} /*栏目_封面图(menu_cover)*/ .setup_template .menu_cover .template_list .tplname{_width:254px;} /*修复IE6下模板标题宽度问题*/ /*栏目_卡片装扮(menu_cardskin)*/ .setup_template .menu_cardskin .tag{top:87px;right:2px;border-radius:0;height:21px;} .setup_template .menu_cardskin .list_item span.tplname{visibility:visible;_width:368px;} /*栏目_自定义(menu_custom)*/ .setup_template .menu_custom .template_list{padding-top:10px;height:162px;} /*自定义背景*/ .setup_template .custom_bg dl{padding-left:17px;margin-left:17px;border-left:1px solid #282a2d;} .setup_template .custom_bg dt{height:40px;line-height:30px;color:#c8c8cc;_width:150px;} .setup_template .custom_bg dd{float:left;margin-right:16px;_display:inline;} .setup_template .custom_bg dd a{width:90px;height:80px;cursor:pointer;} .setup_template .custom_bg .skin_diy{width:86px;height:76px;} .setup_template .custom_bg .tips_txt{text-align:center;color:#c8c8cc;height:36px;line-height:36px;clear:left;width:90px;} .setup_template .custom_bg .upload_pic .tips_txt{width:200px;} .setup_template .custom_bg .show_mode{margin-right:-16px;} .setup_template .custom_bg .pic{width:200px;height:120px;overflow:hidden;background-color:#ebeef9;position:relative;text-align:center;} .setup_template .custom_bg .pic a{color:#b4b8ca;display:block;width:100%;height:100%;text-align:center;background:url(about:blank);cursor:pointer;} /*_blank解决IE8图片击穿的bug*/ .setup_template .custom_bg .pic a:hover, .setup_template .custom_bg .pic a:hover em{color:#8598b8;_zoom:1;} .setup_template .custom_bg .pic a em{font-size:30px;padding-top:30px;display:inline-block;width:100%;color:#b4b8ca;} .setup_template .custom_bg .pic a span{font:16px 'Microsoft YaHei';} .setup_template .custom_bg .pic img{width:200px;height:120px;} .setup_template .custom_bg .pic .uploadFileBtn{position:absolute;top:0;left:0;cursor:pointer} .setup_template .custom_bg .pic .uploadFileBtn:hover{background:rgba(33,33,33,.4);_zoom:1;} .setup_template .custom_bg .upload_pic .pic .uploadFileBtn *{visibility:hidden;} .setup_template .custom_bg .upload_pic .pic .uploadFileBtn:hover *{visibility:visible;_zoom:1;color:#c8c8cc;text-shadow:0 0 4px rgba(0,0,0,0.5);} .setup_template .custom_bg .pic .loading_img{margin-top:54px;width:16px;height:16px;} /*自定义模板中的一些背景配图*/ .setup_template .skin_diy{background:url(../../../images/layer/skin_diy.jpg?id=1419901742185) no-repeat;} .setup_template .diy_bg_2{background-position:-90px 0;} .setup_template .diy_bg_3{background-position:-180px 0;} .setup_template .diy_bg_4{background-position:-270px 0;} .setup_template .diy_bg_5{background-position:-360px 0;} .setup_template .dis .diy_bg_1{background-position:0 -90px;} .setup_template .dis .diy_bg_2{background-position:-90px -90px;} .setup_template .dis .diy_bg_3{background-position:-180px -90px;} .setup_template .dis .diy_bg_4{background-position:-270px -90px;} .setup_template .dis .diy_bg_5{background-position:-360px -90px;} .setup_template .diy_color_diy001{background-position:0 -180px} .setup_template .diy_color_diy002{background-position:-90px -180px;} .setup_template .diy_color_diy003{background-position:-180px -180px;} .setup_template .diy_color_diy004{background-position:-270px -180px;} .setup_template .diy_color_diy005{background-position:-360px -180px;} .setup_template .diy_color_diy006{background-position:-450px -180px;} .setup_template .diy_color_diy007{background-position:-540px -180px;} .setup_template .diy_color_diy008{background-position:-630px -180px;} .setup_template .diy_color_diy009{background-position:0 -270px} .setup_template .diy_color_diy010{background-position:-90px -270px} .setup_template .diy_color_diy011{background-position:-180px -270px} .setup_template .diy_color_diy012{background-position:-270px -270px} .setup_template .diy_color_diy013{background-position:-360px -270px} .setup_template .diy_color_diy014{background-position:-450px -270px} .setup_template .diy_color_diy015{background-position:-540px -270px} .setup_template .diy_color_diy016{background-position:-630px -270px} /*7天换肤*/ .setup_template .set7days .tplname, .setup_template .set7days .tag{z-index:20;} .setup_template .set7days_box li, .setup_template .set7days .set7days_img{height:73px;width:123px;} .setup_template .set7days_box{position:relative;overflow:hidden;width:242px;height:73px;cursor:pointer;} .setup_template .set7days_box .set7days_1{z-index:16;} .setup_template .set7days_box .set7days_2{z-index:15;} .setup_template .set7days_box .set7days_3{z-index:14;} .setup_template .set7days_box .set7days_4{z-index:13;} .setup_template .set7days_box .set7days_5{z-index:12;} .setup_template .set7days_box .set7days_6{z-index:11;} .setup_template .set7days_box .set7days_7{z-index:10;} /*用class控制图片位置 0 22 44 66 88 110 132*/ .setup_template .cur_1 .set7days_1{left:0px;} .setup_template .cur_1 .set7days_2{left:20px;} .setup_template .cur_1 .set7days_3{left:40px;} .setup_template .cur_1 .set7days_4{left:60px;} .setup_template .cur_1 .set7days_5{left:80px;} .setup_template .cur_1 .set7days_6{left:100px;} .setup_template .cur_1 .set7days_7{left:120px;} .setup_template .cur_2 .set7days_1{left:-103px;} .setup_template .cur_2 .set7days_2{left:20px;} .setup_template .cur_2 .set7days_3{left:40px;} .setup_template .cur_2 .set7days_4{left:60px;} .setup_template .cur_2 .set7days_5{left:80px;} .setup_template .cur_2 .set7days_6{left:100px;} .setup_template .cur_2 .set7days_7{left:120px;} .setup_template .cur_3 .set7days_1{left:-103px;} .setup_template .cur_3 .set7days_2{left:-83px;} .setup_template .cur_3 .set7days_3{left:40px;} .setup_template .cur_3 .set7days_4{left:60px;} .setup_template .cur_3 .set7days_5{left:80px;} .setup_template .cur_3 .set7days_6{left:100px;} .setup_template .cur_3 .set7days_7{left:120px;} .setup_template .cur_4 .set7days_1{left:-103px;} .setup_template .cur_4 .set7days_2{left:-83px;} .setup_template .cur_4 .set7days_3{left:-63px;} .setup_template .cur_4 .set7days_4{left:60px;} .setup_template .cur_4 .set7days_5{left:80px;} .setup_template .cur_4 .set7days_6{left:100px;} .setup_template .cur_4 .set7days_7{left:120px;} .setup_template .cur_5 .set7days_1{left:-103px;} .setup_template .cur_5 .set7days_2{left:-83px;} .setup_template .cur_5 .set7days_3{left:-63px;} .setup_template .cur_5 .set7days_4{left:-43px;} .setup_template .cur_5 .set7days_5{left:80px;} .setup_template .cur_5 .set7days_6{left:100px;} .setup_template .cur_5 .set7days_7{left:120px;} .setup_template .cur_6 .set7days_1{left:-103px;} .setup_template .cur_6 .set7days_2{left:-83px;} .setup_template .cur_6 .set7days_3{left:-63px;} .setup_template .cur_6 .set7days_4{left:-43px;} .setup_template .cur_6 .set7days_5{left:-23px;} .setup_template .cur_6 .set7days_6{left:100px;} .setup_template .cur_6 .set7days_7{left:120px;} .setup_template .cur_7 .set7days_1{left:-103px;} .setup_template .cur_7 .set7days_2{left:-83px;} .setup_template .cur_7 .set7days_3{left:-63px;} .setup_template .cur_7 .set7days_4{left:-43px;} .setup_template .cur_7 .set7days_5{left:-23px;} .setup_template .cur_7 .set7days_6{left:-3px;} .setup_template .cur_7 .set7days_7{left:120px;} /*动画*/ .setup_template .set7days_box li{ position:absolute;box-shadow:1px 0 3px #666; -webkit-transition: left 1s ease; -moz-transition: left 1s ease; -o-transition: left 1s ease; transition: left 1s ease; } /*新增卡片装扮*/ .setup_template_new .header .menu_tab{width:450px;} #js_style_css_module_layer_setup_template{height:42px;} /*动画样式*/ /* 过渡 */ .UI_trans_ease{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} .UI_trans_linear{-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear;} .UI_trans_easeOut{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;} .UI_trans_easeIn{-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;transition:all .5s ease-in;} /* 动画 */ .UI_animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;} .UI_speed_normal, .UI_speed_500{-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;-o-animation-duration:0.5s;animation-duration:0.5s;} .UI_speed_fast, .UI_speed_200{-webkit-animation-duration:0.2s;-moz-animation-duration:0.2s;-o-animation-duration:0.2s;animation-duration:0.2s;} .UI_speed_slow, .UI_speed_1000{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;} .UI_speed_100{-webkit-animation-duration:.1s;-moz-animation-duration:.1s;-o-animation-duration:.1s;animation-duration:.1s;} .UI_speed_300{-webkit-animation-duration:.3s;-moz-animation-duration:.3s;-o-animation-duration:.3s;animation-duration:.3s;} .UI_speed_400{-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s;} .UI_speed_600{-webkit-animation-duration:.6s;-moz-animation-duration:.6s;-o-animation-duration:.6s;animation-duration:.6s;} .UI_speed_700{-webkit-animation-duration:.7s;-moz-animation-duration:.7s;-o-animation-duration:.7s;animation-duration:.7s;} .UI_speed_800{-webkit-animation-duration:.8s;-moz-animation-duration:.8s;-o-animation-duration:.8s;animation-duration:.8s;} .UI_speed_900{-webkit-animation-duration:.9s;-moz-animation-duration:.9s;-o-animation-duration:.9s;animation-duration:.9s;} /* 引人关注效果 */ @-webkit-keyframes shake{ 0%,100%{-webkit-transform:translateX(0);} 10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);} 20%,40%,60%,80%{-webkit-transform:translateX(10px);} } @-moz-keyframes shake{ 0%,100%{-moz-transform:translateX(0);} 10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);} 20%,40%,60%,80%{-moz-transform:translateX(10px);} } @-o-keyframes shake{ 0%,100%{-o-transform:translateX(0);} 10%,30%,50%,70%,90%{-o-transform:translateX(-10px);} 20%,40%,60%,80%{-o-transform:translateX(10px);} } @keyframes shake{ 0%,100%{transform:translateX(0);} 10%,30%,50%,70%,90%{transform:translateX(-10px);} 20%,40%,60%,80%{transform:translateX(10px);} } .UI_ani_shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake;} @-webkit-keyframes flash{ 0%,50%,100%{opacity:1;} 25%,75%{opacity:0;} } @-moz-keyframes flash{ 0%,50%,100%{opacity:1;} 25%,75%{opacity:0;} } @-o-keyframes flash{ 0%,50%,100%{opacity:1;} 25%,75%{opacity:0;} } @keyframes flash{ 0%,50%,100%{opacity:1;} 25%,75%{opacity:0;} } .UI_ani_flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash;} @-webkit-keyframes tada{ 0%{-webkit-transform:scale(1);} 10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);} 30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);} 40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);} 100%{-webkit-transform:scale(1) rotate(0);} } @-moz-keyframes tada{ 0%{-moz-transform:scale(1);} 10%,20%{-moz-transform:scale(0.9) rotate(-3deg);} 30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);} 40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);} 100%{-moz-transform:scale(1) rotate(0);} } @-o-keyframes tada{ 0%{-o-transform:scale(1);} 10%,20%{-o-transform:scale(0.9) rotate(-3deg);} 30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg);} 40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg);} 100%{-o-transform:scale(1) rotate(0);} } @keyframes tada{ 0%{transform:scale(1);} 10%,20%{transform:scale(0.9) rotate(-3deg);} 30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);} 40%,60%,80%{transform:scale(1.1) rotate(-3deg);} 100%{transform:scale(1) rotate(0);} } .UI_ani_tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada;} @-webkit-keyframes swing{ 20%,40%,60%,80%,100%{-webkit-transform-origin:top center;} 20%{-webkit-transform:rotate(15deg);} 40%{-webkit-transform:rotate(-10deg);} 60%{-webkit-transform:rotate(5deg);} 80%{-webkit-transform:rotate(-5deg);} 100%{-webkit-transform:rotate(0deg);} } @-moz-keyframes swing{ 20%{-moz-transform:rotate(15deg);} 40%{-moz-transform:rotate(-10deg);} 60%{-moz-transform:rotate(5deg);} 80%{-moz-transform:rotate(-5deg);} 100%{-moz-transform:rotate(0deg);} } @-o-keyframes swing{ 20%{-o-transform:rotate(15deg);} 40%{-o-transform:rotate(-10deg);} 60%{-o-transform:rotate(5deg);} 80%{-o-transform:rotate(-5deg);} 100%{-o-transform:rotate(0deg);} } @keyframes swing{ 20%{transform:rotate(15deg);} 40%{transform:rotate(-10deg);} 60%{transform:rotate(5deg);} 80%{transform:rotate(-5deg);} 100%{transform:rotate(0deg);} } .UI_ani_swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing;} @-webkit-keyframes wobble{ 0%{-webkit-transform:translateX(0%);} 15%{-webkit-transform:translateX(-25%) rotate(-5deg);} 30%{-webkit-transform:translateX(20%) rotate(3deg);} 45%{-webkit-transform:translateX(-15%) rotate(-3deg);} 60%{-webkit-transform:translateX(10%) rotate(2deg);} 75%{-webkit-transform:translateX(-5%) rotate(-1deg);} 100%{-webkit-transform:translateX(0%);} } @-moz-keyframes wobble{ 0%{-moz-transform:translateX(0%);} 15%{-moz-transform:translateX(-25%) rotate(-5deg);} 30%{-moz-transform:translateX(20%) rotate(3deg);} 45%{-moz-transform:translateX(-15%) rotate(-3deg);} 60%{-moz-transform:translateX(10%) rotate(2deg);} 75%{-moz-transform:translateX(-5%) rotate(-1deg);} 100%{-moz-transform:translateX(0%);} } @-o-keyframes wobble{ 0%{-o-transform:translateX(0%);} 15%{-o-transform:translateX(-25%) rotate(-5deg);} 30%{-o-transform:translateX(20%) rotate(3deg);} 45%{-o-transform:translateX(-15%) rotate(-3deg);} 60%{-o-transform:translateX(10%) rotate(2deg);} 75%{-o-transform:translateX(-5%) rotate(-1deg);} 100%{-o-transform:translateX(0%);} } @keyframes wobble{ 0%{transform:translateX(0%);} 15%{transform:translateX(-25%) rotate(-5deg);} 30%{transform:translateX(20%) rotate(3deg);} 45%{transform:translateX(-15%) rotate(-3deg);} 60%{transform:translateX(10%) rotate(2deg);} 75%{transform:translateX(-5%) rotate(-1deg);} 100%{transform:translateX(0%);} } .UI_ani_wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble;} @-webkit-keyframes pulse{ 0%{-webkit-transform:scale(1);} 50%{-webkit-transform:scale(1.2);} 100%{-webkit-transform:scale(1);} } @-moz-keyframes pulse{ 0%{-moz-transform:scale(1);} 50%{-moz-transform:scale(1.2);} 100%{-moz-transform:scale(1);} } @-o-keyframes pulse{ 0%{-o-transform:scale(1);} 50%{-o-transform:scale(1.2);} 100%{-o-transform:scale(1);} } @keyframes pulse{ 0%{transform:scale(1);} 50%{transform:scale(1.2);} 100%{transform:scale(1);} } .UI_ani_pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse;} @-webkit-keyframes wiggle{ 0%{-webkit-transform:skewX(9deg);} 10%{-webkit-transform:skewX(-8deg);} 20%{-webkit-transform:skewX(7deg);} 30%{-webkit-transform:skewX(-6deg);} 40%{-webkit-transform:skewX(5deg);} 50%{-webkit-transform:skewX(-4deg);} 60%{-webkit-transform:skewX(3deg);} 70%{-webkit-transform:skewX(-2deg);} 80%{-webkit-transform:skewX(1deg);} 90%{-webkit-transform:skewX(0deg);} 100%{-webkit-transform:skewX(0deg);} } @-webkit-keyframes wiggle{ 0%{-webkit-transform:skewX(9deg);} 10%{-webkit-transform:skewX(-8deg);} 20%{-webkit-transform:skewX(7deg);} 30%{-webkit-transform:skewX(-6deg);} 40%{-webkit-transform:skewX(5deg);} 50%{-webkit-transform:skewX(-4deg);} 60%{-webkit-transform:skewX(3deg);} 70%{-webkit-transform:skewX(-2deg);} 80%{-webkit-transform:skewX(1deg);} 90%{-webkit-transform:skewX(0deg);} 100%{-webkit-transform:skewX(0deg);} } @-moz-keyframes wiggle{ 0%{-moz-transform:skewX(9deg);} 10%{-moz-transform:skewX(-8deg);} 20%{-moz-transform:skewX(7deg);} 30%{-moz-transform:skewX(-6deg);} 40%{-moz-transform:skewX(5deg);} 50%{-moz-transform:skewX(-4deg);} 60%{-moz-transform:skewX(3deg);} 70%{-moz-transform:skewX(-2deg);} 80%{-moz-transform:skewX(1deg);} 90%{-moz-transform:skewX(0deg);} 100%{-moz-transform:skewX(0deg);} } @-o-keyframes wiggle{ 0%{-o-transform:skewX(9deg);} 10%{-o-transform:skewX(-8deg);} 20%{-o-transform:skewX(7deg);} 30%{-o-transform:skewX(-6deg);} 40%{-o-transform:skewX(5deg);} 50%{-o-transform:skewX(-4deg);} 60%{-o-transform:skewX(3deg);} 70%{-o-transform:skewX(-2deg);} 80%{-o-transform:skewX(1deg);} 90%{-o-transform:skewX(0deg);} 100%{-o-transform:skewX(0deg);} } @keyframes wiggle{ 0%{transform:skewX(9deg);} 10%{transform:skewX(-8deg);} 20%{transform:skewX(7deg);} 30%{transform:skewX(-6deg);} 40%{transform:skewX(5deg);} 50%{transform:skewX(-4deg);} 60%{transform:skewX(3deg);} 70%{transform:skewX(-2deg);} 80%{transform:skewX(1deg);} 90%{transform:skewX(0deg);} 100%{transform:skewX(0deg);} } .UI_ani_wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in;} /* 翻转 */ @-webkit-keyframes flip{ 0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out;} 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out;} 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;} 80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;} 100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in;} } @-moz-keyframes flip{ 0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out;} 40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out;} 50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in;} 80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in;} 100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in;} } @-o-keyframes flip{ 0%{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease-out;} 40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing-function:ease-out;} 50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in;} 80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in;} 100%{-o-transform:perspective(400px) scale(1);-o-animation-timing-function:ease-in;} } @keyframes flip{ 0%{transform:perspective(400px) translateZ(0) rotateY(0) scale(1);} 40%{transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);} 50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);} 80%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);} 100%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);} } .UI_ani_flip{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip;-o-backface-visibility:visible!important;-o-animation-name:flip;backface-visibility:visible!important;animation-name:flip;} @-webkit-keyframes flipInX{ 0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;} 40%{-webkit-transform:perspective(400px) rotateX(-10deg);} 70%{-webkit-transform:perspective(400px) rotateX(10deg);} 100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1;} } @-moz-keyframes flipInX{ 0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0;} 40%{-moz-transform:perspective(400px) rotateX(-10deg);} 70%{-moz-transform:perspective(400px) rotateX(10deg);} 100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1;} } @-o-keyframes flipInX{ 0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0;} 40%{-o-transform:perspective(400px) rotateX(-10deg);} 70%{-o-transform:perspective(400px) rotateX(10deg);} 100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1;} } @keyframes flipInX{ 0%{transform:perspective(400px) rotateX(90deg);opacity:0;} 40%{transform:perspective(400px) rotateX(-10deg);} 70%{transform:perspective(400px) rotateX(10deg);} 100%{transform:perspective(400px) rotateX(0deg);opacity:1;} } .UI_ani_flipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible!important;-moz-animation-name:flipInX;-o-backface-visibility:visible!important;-o-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX;} @-webkit-keyframes flipInY{ 0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{-webkit-transform:perspective(400px) rotateY(-10deg);} 70%{-webkit-transform:perspective(400px) rotateY(10deg);} 100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1;} } @-moz-keyframes flipInY{ 0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{-moz-transform:perspective(400px) rotateY(-10deg);} 70%{-moz-transform:perspective(400px) rotateY(10deg);} 100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1;} } @-o-keyframes flipInY{ 0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{-o-transform:perspective(400px) rotateY(-10deg);} 70%{-o-transform:perspective(400px) rotateY(10deg);} 100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1;} } @keyframes flipInY{ 0%{transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{transform:perspective(400px) rotateY(-10deg);} 70%{transform:perspective(400px) rotateY(10deg);} 100%{transform:perspective(400px) rotateY(0deg);opacity:1;} } .UI_ani_flipInY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible!important;-moz-animation-name:flipInY;-o-backface-visibility:visible!important;-o-animation-name:flipInY;backface-visibility:visible!important;animation-name:flipInY;} @-webkit-keyframes flipOutX{ 0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1;} 100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;} } @-moz-keyframes flipOutX{ 0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1;} 100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0;} } @-o-keyframes flipOutX{ 0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1;} 100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0;} } @keyframes flipOutX{ 0%{transform:perspective(400px) rotateX(0deg);opacity:1;} 100%{transform:perspective(400px) rotateX(90deg);opacity:0;} } .UI_ani_flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important;} @-webkit-keyframes flipOutY{ 0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1;} 100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;} } @-moz-keyframes flipOutY{ 0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1;} 100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;} } @-o-keyframes flipOutY{ 0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1;} 100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0;} } @keyframes flipOutY{ 0%{transform:perspective(400px) rotateY(0deg);opacity:1;} 100%{transform:perspective(400px) rotateY(90deg);opacity:0;} } .UI_ani_flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY;-o-backface-visibility:visible!important;-o-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY;} /* 淡入 */ @-webkit-keyframes fadeIn{ 0%{opacity:0;} 100%{opacity:1;} } @-moz-keyframes fadeIn{ 0%{opacity:0;} 100%{opacity:1;} } @-o-keyframes fadeIn{ 0%{opacity:0;} 100%{opacity:1;} } @keyframes fadeIn{ 0%{opacity:0;} 100%{opacity:1;} } .UI_ani_fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;} /*从下淡入*/ @-webkit-keyframes fadeInDown{ 0%{opacity:0;-webkit-transform:translateY(-10px);} 100%{opacity:1;-webkit-transform:translateY(0);} } @-moz-keyframes fadeInDown{ 0%{opacity:0;-moz-transform:translateY(-10px);} 100%{opacity:1;-moz-transform:translateY(0);} } @-o-keyframes fadeInDown{ 0%{opacity:0;-o-transform:translateY(-10px);} 100%{opacity:1;-o-transform:translateY(0);} } @keyframes fadeInDown{ 0%{opacity:0;transform:translateY(-10px);} 100%{opacity:1;transform:translateY(0);} } .UI_ani_fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;} /*从下淡入（小）*/ @-webkit-keyframes fadeInDownSmall{ 0%{opacity:0;-webkit-transform:translateY(-10px);} 50%{opacity: 1;-webkit-transform:translateY(-5px);} 100%{opacity:1;-webkit-transform:translateY(0);} } @-moz-keyframes fadeInDownSmall{ 0%{opacity:0;-moz-transform:translateY(-10px);} 50%{opacity: 1;-moz-transform:translateY(-5px);} 100%{opacity:1;-moz-transform:translateY(0);} } @-o-keyframes fadeInDownSmall{ 0%{opacity:0;-o-transform:translateY(-10px);} 50%{opacity: 1;-o-transform:translateY(-5px);} 100%{opacity:1;-o-transform:translateY(0);} } @keyframes fadeInDownSmall{ 0%{opacity:0;transform:translateY(-10px);} 50%{opacity: 1;transform:translateY(-5px);} 100%{opacity:1;transform:translateY(0);} } .UI_ani_fadeInDownSmall{-webkit-animation-name:fadeInDownSmall;-moz-animation-name:fadeInDownSmall;-o-animation-name:fadeInDownSmall;animation-name:fadeInDownSmall;} /*从右淡入*/ @-webkit-keyframes fadeInRight{ 0%{opacity:0;-webkit-transform:translateX(-10px);} 100%{opacity:1;-webkit-transform:translateX(0);} } @-moz-keyframes fadeInRight{ 0%{opacity:0;-moz-transform:translateX(-10px);} 100%{opacity:1;-moz-transform:translateX(0);} } @-o-keyframes fadeInRight{ 0%{opacity:0;-o-transform:translateX(-10px);} 100%{opacity:1;-o-transform:translateX(0);} } @keyframes fadeInRight{ 0%{opacity:0;transform:translateX(-10px);} 100%{opacity:1;transform:translateX(0);} } .UI_ani_fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight;} /*从左淡入*/ @-webkit-keyframes fadeInLeft{ 0%{opacity:0;-webkit-transform:translateX(10px);} 100%{opacity:1;-webkit-transform:translateX(0);} } @-moz-keyframes fadeInLeft{ 0%{opacity:0;-moz-transform:translateX(10px);} 100%{opacity:1;-moz-transform:translateX(0);} } @-o-keyframes fadeInLeft{ 0%{opacity:0;-o-transform:translateX(10px);} 100%{opacity:1;-o-transform:translateX(0);} } @keyframes fadeInLeft{ 0%{opacity:0;transform:translateX(10px);} 100%{opacity:1;transform:translateX(0);} } .UI_ani_fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft;} /*从上淡入*/ @-webkit-keyframes fadeInUp{ 0%{opacity:0;-webkit-transform:translateY(10px);} 100%{opacity:1;-webkit-transform:translateY(0);} } @-moz-keyframes fadeInUp{ 0%{opacity:0;-moz-transform:translateY(10px);} 100%{opacity:1;-moz-transform:translateY(0);} } @-o-keyframes fadeInUp{ 0%{opacity:0;-o-transform:translateY(10px);} 100%{opacity:1;-o-transform:translateY(0);} } @keyframes fadeInUp{ 0%{opacity:0;transform:translateY(10px);} 100%{opacity:1;transform:translateY(0);} } .UI_ani_fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp;} /*淡出*/ @-webkit-keyframes fadeOut{ 0%{opacity:1;} 100%{opacity:0;} } @-moz-keyframes fadeOut{ 0%{opacity:1;} 100%{opacity:0;} } @-o-keyframes fadeOut{ 0%{opacity:1;} 100%{opacity:0;} } @keyframes fadeOut{ 0%{opacity:1;} 100%{opacity:0;} } .UI_ani_fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut;} /*从下淡出*/ @-webkit-keyframes fadeOutDown{ 0%{opacity:1;-webkit-transform:translateY(0);} 100%{opacity:0;-webkit-transform:translateY(10px);} } @-moz-keyframes fadeOutDown{ 0%{opacity:1;-moz-transform:translateY(0);} 100%{opacity:0;-moz-transform:translateY(10px);} } @-o-keyframes fadeOutDown{ 0%{opacity:1;-o-transform:translateY(0);} 100%{opacity:0;-o-transform:translateY(10px);} } @keyframes fadeOutDown{ 0%{opacity:1;transform:translateY(0);} 100%{opacity:0;transform:translateY(10px);} } .UI_ani_fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-o-animation-name:fadeOutDown;animation-name:fadeOutDown;} /*从左淡出*/ @-webkit-keyframes fadeOutLeft{ 0%{opacity:1;-webkit-transform:translateX(0);} 100%{opacity:0;-webkit-transform:translateX(-10px);} } @-moz-keyframes fadeOutLeft{ 0%{opacity:1;-moz-transform:translateX(0);} 100%{opacity:0;-moz-transform:translateX(-10px);} } @-o-keyframes fadeOutLeft{ 0%{opacity:1;-o-transform:translateX(0);} 100%{opacity:0;-o-transform:translateX(-10px);} } @keyframes fadeOutLeft{ 0%{opacity:1;transform:translateX(0);} 100%{opacity:0;transform:translateX(-10px);} } .UI_ani_fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft;} /*从右淡出*/ @-webkit-keyframes fadeOutRight{ 0%{opacity:1;-webkit-transform:translateX(0);} 100%{opacity:0;-webkit-transform:translateX(10px);} } @-moz-keyframes fadeOutRight{ 0%{opacity:1;-moz-transform:translateX(0);} 100%{opacity:0;-moz-transform:translateX(10px);} } @-o-keyframes fadeOutRight{ 0%{opacity:1;-o-transform:translateX(0);} 100%{opacity:0;-o-transform:translateX(10px);} } @keyframes fadeOutRight{ 0%{opacity:1;transform:translateX(0);} 100%{opacity:0;transform:translateX(10px);} } .UI_ani_fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation-name:fadeOutRight;} /*从上淡出*/ @-webkit-keyframes fadeOutUp{ 0%{opacity:1;-webkit-transform:translateY(0);} 100%{opacity:0;-webkit-transform:translateY(-10px);} } @-moz-keyframes fadeOutUp{ 0%{opacity:1;-moz-transform:translateY(0);} 100%{opacity:0;-moz-transform:translateY(-10px);} } @-o-keyframes fadeOutUp{ 0%{opacity:1;-o-transform:translateY(0);} 100%{opacity:0;-o-transform:translateY(-10px);} } @keyframes fadeOutUp{ 0%{opacity:1;transform:translateY(0);} 100%{opacity:0;transform:translateY(-10px);} } .UI_ani_fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp;} /* 旋转 */ @-webkit-keyframes rotateIn{ 0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-90deg);} 100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);} } @-moz-keyframes rotateIn{ 0%{-moz-transform-origin:center center;-moz-transform:rotate(-90deg);} 100%{-moz-transform-origin:center center;-moz-transform:rotate(0);} } @-o-keyframes rotateIn{ 0%{-o-transform-origin:center center;-o-transform:rotate(-90deg);} 100%{-o-transform-origin:center center;-o-transform:rotate(0);} } @keyframes rotateIn{ 0%{transform-origin:center center;transform:rotate(-90deg);} 100%{transform-origin:center center;transform:rotate(0);} } .UI_ani_rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn;} /* 背景从左展开 */ @-webkit-keyframes bgSizeRight{ 0%{background-size:0 100%;} 100%{background-size:100% 100%;} } @-moz-keyframes bgSizeRight{ 0%{background-size:0 100%;} 100%{background-size:100% 100%;} } @-o-keyframes bgSizeRight{ 0%{background-size:0 100%;} 100%{background-size:100% 100%;} } @keyframes bgSizeRight{ 0%{background-size:0 100%;} 100%{background-size:100% 100%;} } .UI_ani_bgSizeRight{-webkit-animation-name:bgSizeRight;-moz-animation-name:bgSizeRight;-o-animation-name:bgSizeRight;animation-name:bgSizeRight;background-repeat:no-repeat;} /* 背景由大变小 */ @-webkit-keyframes bgBigToSmall{ 0%{background-size:105% 105%;} 100%{background-size:100% 100%;} } @-moz-keyframes bgBigToSmall{ 0%{background-size:105% 105%;} 100%{background-size:100% 100%;} } @-o-keyframes bgBigToSmall{ 0%{background-size:105% 105%;} 100%{background-size:100% 100%;} } @keyframes bgBigToSmall{ 0%{background-size:105% 105%;} 100%{background-size:100% 100%;} } .UI_ani_bgBigToSmall{-webkit-animation-name:bgBigToSmall;-moz-animation-name:bgBigToSmall;-o-animation-name:bgBigToSmall;animation-name:bgBigToSmall;background-repeat:no-repeat;} /* 从下入场 */ @-webkit-keyframes badgeDown{ 0%{-webkit-transform:translateY(-50%);} 100%{-webkit-transform:translateY(0);} } @-moz-keyframes badgeDown{ 0%{-moz-transform:translateY(-50%);} 100%{-moz-transform:translateY(0);} } @-o-keyframes badgeDown{ 0%{-o-transform:translateY(-50%);} 100%{-o-transform:translateY(0);} } @keyframes badgeDown{ 0%{transform:translateY(-50%);} 100%{transform:translateY(0);} } .UI_ani_badgeDown{-webkit-animation-name:badgeDown;-moz-animation-name:badgeDown;-o-animation-name:badgeDown;animation-name:badgeDown;} /* 从上出场 */ @-webkit-keyframes badgeUp{ 0%{-webkit-transform:translateY(0);} 100%{-webkit-transform:translateY(-50%);} } @-moz-keyframes badgeUp{ 0%{-moz-transform:translateY(0);} 100%{-moz-transform:translateY(-50%);} } @-o-keyframes badgeUp{ 0%{-o-transform:translateY(0);} 100%{-o-transform:translateY(-50%);} } @keyframes badgeUp{ 0%{transform:translateY(0);} 100%{transform:translateY(-50%);} } .UI_ani_badgeUp{-webkit-animation-name:badgeUp;-moz-animation-name:badgeUp;-o-animation-name:badgeUp;animation-name:badgeUp;} /*弹跳*/ @-webkit-keyframes bounce{ 0%{-webkit-transform:scale(1);} 10%{-webkit-transform:scale(0.9);} 20%{-webkit-transform:scale(1.2);} 30%{-webkit-transform:scale(2);} 60%{-webkit-transform:scale(1.1);} 100%{-webkit-transform:scale(1);} } @-moz-keyframes bounce{ 0%,100%{-webkit-transform:scale(1);} 50%{-webkit-transform:scale(2);} 52%{-webkit-transform:scale(2);} } @-o-keyframes bounce{ 0%,100%{-webkit-transform:scale(1);} 50%{-webkit-transform:scale(2);} 52%{-webkit-transform:scale(2);} } @keyframes bounce{ 0%,100%{-webkit-transform:scale(1);} 50%{-webkit-transform:scale(2);} 52%{-webkit-transform:scale(2);} } .UI_ani_bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce;} @-webkit-keyframes bounceIn{ 0%{-webkit-transform:scale(.5);opacity:0;} 70%{-webkit-transform:scale(1.03);} 100%{-webkit-transform:scale(1);} } @-moz-keyframes bounceIn{ 0%{-moz-transform:scale(.5);opacity:0;} 70%{-moz-transform:scale(1.03);} 100%{-moz-transform:scale(1);} } @-o-keyframes bounceIn{ 0%{-o-transform:scale(.5);opacity:0;} 70%{-o-transform:scale(1.03);} 100%{-o-transform:scale(1);} } @keyframes bounceIn{ 0%{transform:scale(.5);opacity:0;} 70%{transform:scale(1.03);} 100%{transform:scale(1);} } .UI_ani_bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn;} @-webkit-keyframes bounceOut{ 100%{-webkit-transform:scale(.7);opacity:0;} 30%{-webkit-transform:scale(1.03);} 0%{-webkit-transform:scale(1);} } @-moz-keyframes bounceOut{ 100%{-moz-transform:scale(.7);opacity:0;} 30%{-moz-transform:scale(1.03);} 0%{-moz-transform:scale(1);} } @-o-keyframes bounceOut{ 100%{-o-transform:scale(.7);opacity:0;} 30%{-o-transform:scale(1.03);} 0%{-o-transform:scale(1);} } @keyframes bounceOut{ 100%{transform:scale(.7);opacity:0;} 30%{transform:scale(1.03);} 0%{transform:scale(1);} } .UI_ani_bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut;} /*气泡由小变大 */ @-webkit-keyframes bubbleIn{ 0%{-webkit-transform:scale(0);} 100%{-webkit-transform:scale(1);} } @-moz-keyframes bubbleIn{ 0%{-moz-transform:scale(0);} 100%{-moz-transform:scale(1);} } @-o-keyframes bubbleIn{ 0%{-o-transform:scale(0);} 100%{-o-transform:scale(1);} } @keyframes bubbleIn{ 0%{transform:scale(0);} 100%{transform:scale(1);} } .UI_ani_bubbleIn{-webkit-animation-name:bubbleIn;-moz-animation-name:bubbleIn;-o-animation-name:bubbleIn;animation-name:bubbleIn;} /* 气泡由大变小 */ @-webkit-keyframes bubbleOut{ 0%{-webkit-transform:scale(1);} 100%{-webkit-transform:scale(0);} } @-moz-keyframes bubbleOut{ 0%{-moz-transform:scale(1);} 100%{-moz-transform:scale(0);} } @-o-keyframes bubbleOut{ 0%{-o-transform:scale(1);} 100%{-o-transform:scale(0);} } @keyframes bubbleOut{ 0%{transform:scale(1);} 100%{transform:scale(0);} } .UI_ani_bubbleOut{-webkit-animation-name:bubbleOut;-moz-animation-name:bubbleOut;-o-animation-name:bubbleOut;animation-name:bubbleOut;} /* 按钮背景由左至右展开 */ .UI_ani_bgExtend{position:relative;} .UI_ani_bgExtend::before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;background-color:#ff8140;width:0%;z-index:1;-webkit-transition:all .5s linear;border-radius:2px;} .UI_ani_bgExtend span{position:relative;z-index:1;} /* 逐帧动画 */ @-webkit-keyframes stepsV1{ 0%{background-position:left;} 100%{background-position:right;} } @-moz-keyframes stepsV1{ 0%{background-position:left;} 100%{background-position:right;} } @-o-keyframes stepsV1{ 0%{background-position:left;} 100%{background-position:right;} } @keyframes stepsV1{ 0%{background-position:left;} 100%{background-position:right;} } /*V6升级模板弹层*/ .W_layer .update_v6_content{ position:relative; width:586px; height:435px; background:#333; background:rgba(51,51,51,0.8); border-radius:6px; overflow:hidden; box-shadow:0 0 6px rgba(0,0,0,0.2);} .W_layer .update_v6_content .W_layer_close .S_ficon{ color:#fff;} .W_layer .update_v6_content .W_layer_close .S_ficon:hover{ color:#fa7d3c;} .W_layer .update_v6_content .template_area{ width:504px; margin:42px auto 0;} .W_layer .update_v6_content .template_box{ position:relative; width:234px; height:120px; background:#fff; border: solid 2px #d9d9d9; } .W_layer .update_v6_content .template_box .markup_choose{position: absolute; display:none; width: 30px;height: 30px;background-image: url(../../../images/connect/icon_connect.png?id=20141028162236);_background-image: url(../../../images/connect/icon_connect_ie.png?id=1419901742185);background-repeat: no-repeat;background-position: -50px 0; top: 0;right: 0;z-index: 1;} .W_layer .update_v6_content .default_tmp{ background-image:url(../../../images/layer/layer_update_v6.png?id=1419901742185)} .W_layer .update_v6_content .template_area .tmp_choosed{ cursor:default;} .W_layer .update_v6_content .tmp_choosed .markup_choose{ display:block;} .W_layer .update_v6_content .tmp_choosed .template_box{border:solid 2px #5FADFC; } .W_layer .update_v6_content .big_title{ margin-top:28px; font-size:36px; text-align:center; color:#f77944; font-family:"Microsoft YaHei";} .W_layer .update_v6_content .infotext{ width:504px; margin:16px auto 0;font-size:18px; text-align:center; color:#fff; line-height:28px; font-family:"Microsoft YaHei";} .W_layer .update_v6_content .new_icon{ position:relative; top:-4px; display:inline-block; width:24px; height:11px; margin-left:3px; background-image:url(../../../images/layer/layer_update_v6.png?id=201410281700); _background-image:url(../../../images/layer/layer_update_v6_ie.png?id=1419901742185); background-position: -250px 0; } .W_layer .update_v6_content .item_box{cursor:pointer;} .W_layer .update_v6_content .item_box .tmp_title{ margin-top:18px; font-size:14px; color:#fff; text-align:center;} .W_layer .update_v6_content .btn_area{ margin-top:23px; text-align:center;} .W_layer .update_v6_content .layer_btn{ height:38px; font-size:16px; line-height:38px; padding:0; width:142px; font-family:"Microsoft YaHei";} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2){ .W_layer .update_v6_content .default_tmp, .W_layer .update_v6_content .new_icon{ background-image:url(../../../images/layer/layer_update_v6-x2.png?id=1419901742185); background-size:274px 120px;} } #js_style_css_module_layer_layer_update_v6{height:42px;} /*设置分组 ---- 由于关系设置层展开略慢投诉情况较多，所以转移到frame里*/ /*=============设置分组============*/ .layer_set_group{width: 435px;padding: 20px 15px 30px;position: relative;} .layer_set_group .remark_set{margin-bottom: 20px;} .layer_set_group .remark_set .W_input{width: 366px;} .layer_set_group .tit{margin-bottom: 10px;} .layer_set_group .tit .name{display: inline-block;padding: 0 3px;max-width: 24em;_width:6em;vertical-align: middle;} .layer_set_group .tit .S_txt1{display:inline-block;vertical-align: middle;} .layer_set_group .choose_area{background: #f2f2f5;} .layer_set_group .loading_box{padding: 20px 0;text-align: center;} .layer_set_group .loading_box .W_loading, .layer_set_group .loading_box .S_txt1{display: inline-block;vertical-align: middle;} .layer_set_group .new_group_tag{display: inline-block;margin:0 5px;padding:3px 5px;background-color:#ffa00a;border-radius:2px;color:#fff;} @media \0screen\,screen\9{ .layer_set_group .new_group_tag{vertical-align: middle\9;} } /*分组模块*/ .layer_set_group .group_list{max-height: 184px;_height: 204px;overflow-y:auto;overflow-x: hidden;} .layer_set_group .group_ul{padding: 8px 0 0;*padding: 0 0 6px;_padding: 8px 0 0;overflow: hidden;} .layer_set_group .group_ul.spec{padding: 8px 0;border-bottom: 1px solid #ccc;} .layer_set_group .group_li{float: left;_display:inline;*zoom:1;width: 190px;height: 30px;line-height: 30px;padding-left: 16px;} .layer_set_group .group_li label{display: block;width: 100%;padding-top: 7px;zoom:1;white-space:nowrap;vertical-align: middle;} .layer_set_group .group_li .W_checkbox, .layer_set_group .group_li .group_name{vertical-align: middle;text-align: left;text-indent: 0;} .layer_set_group .group_li .group_name{line-height: 1em;} .layer_set_group .group_li .W_icon{vertical-align: middle;margin-left: 2px;} .layer_set_group .group_ul.spec .group_li{width: 382px;} .layer_set_group .group_ul.spec .group_li label{line-height: 1em;} .layer_set_group .group_ul.spec .group_li .group_name{display: inline-block;max-width: 340px;vertical-align: middle;overflow-x:hidden;} .layer_set_group .group_ul.spec .group_li .group_name span{display: inline-block;padding: 3px 0;vertical-align: middle;} .layer_set_group .group_ul.spec .group_li .group_name em{vertical-align: middle;} .layer_set_group .opt_area{padding: 9px 16px 16px;} .layer_set_group .add_group{padding: 9px 16px 16px;height: 30px;line-height: 30px;} .layer_set_group .add_group .W_fl a{vertical-align: middle;margin-left: 5px;} .layer_set_group .add_group .reco .W_checkbox{vertical-align: middle;} .layer_set_group .WB_cardtitle_a .opt_box{right: 0;} /*推荐模块*/ .layer_set_group .reco_area{*position: relative;width: 435px;margin:0;box-shadow: none;zoom:1;background-color: #fff} .layer_set_group .WB_cardtitle_a{padding: 0;} .layer_set_group .WB_cardtitle_a .opt_box{right: 0;} .layer_set_group .reco_area .m_wrap{ margin:0;} .layer_set_group .reco_area .m_box{ padding:0; *zoom:1;overflow: hidden;} .layer_set_group .reco_area .pt_ul {height: 120px;overflow: hidden; *zoom: 1;margin: -15px 0 0 -3px;*position: relative;} .layer_set_group .reco_area .picitems {float: left;_display: inline;width: 82px;margin: 15px 0 0 5px;} .layer_set_group .reco_area .pic_wrap, .layer_set_group .reco_area .pic_box, .layer_set_group .reco_area .pic_box .pic{width:50px; height:50px;} .layer_set_group .reco_area .pic_wrap{position: relative;margin: 0 auto; } .layer_set_group .reco_area .pic_box { border-radius:50%; text-align: center;display: block; overflow:hidden; white-space: nowrap;_zoom: 1; } .layer_set_group .reco_area .pic_box .pic { vertical-align: middle; } .layer_set_group .reco_area .name { width:100%; _height:13px; padding-top: 10px; padding-top: 11px\0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .layer_set_group .reco_area .pic_box .icon_bed{ position:absolute; right:0px; bottom:0;} .layer_set_group .reco_area .opt{ margin-top:6px;text-align: center;} .layer_set_group .reco_area .opt .W_btn_b{ padding:0; width:48px; } .layer_set_group .reco_area .opt .W_btn_b .W_loading{ margin-right:0px;} #js_style_css_module_layer_layer_set_group{height:42px;} #js_style_css_module_base_frame{height:42px;}