@charset "UTF-8"; .pkChat { border-bottom: 1px solid #ededed; } .pkChat .chat-cont { display: inline; position: relative; float: left; width: 260px; height: 500px; background-color: #f4f8fb; box-shadow: 5px 0px 5px 0px #999; border-top: solid; border-top-color: #e4e6e8; border-top-width: 1px; } .pkChat .chat-cont .chat-top { height: 50px; background-color: #ffab52; position: relative; border-bottom: 1px solid #f2a452; } .pkChat .chat-cont .chat-text { position: relative; } .pkChat .chat-cont .chat-opr { width: 100%; height: 85px; position: absolute; left: 0; bottom: 0; border-top: solid; border-top-color: #e4e6e8; border-top-width: 1px; /*box-shadow: 5px 0px 5px 0px #999;*/ } .pkChat .chat-cont .face_select_area { display: none; width: 372px; height: 155px; border: 1px solid #dee5f7; box-shadow: 0 0 3px #666; z-index: 100; position: absolute; top: -168px; left: -133px; background: #fff; padding: 5px; } .pkChat .chat-cont .face_select_area table { border-collapse: collapse; empty-cells: show; } .pkChat .chat-cont .face_select_area table td { border: 1px solid #dee5f7; cursor: pointer; width: 30px; height: 30px; text-align: center; } .pkChat .chat-cont .face_select_area table td.on { background: #e6e6e6; } .pkChat .chat-cont .face_select_area table span { display: block; width: 100%; height: 100%; } .pkChat .chat-cont .avatar { width: 64px; height: 64px; position: absolute; left: 0px; bottom: -1px; background-color: #ffb566; } .pkChat .chat-cont .avatar img { width: 60px; height: 60px; margin: 2px; } .pkChat .chat-cont .user { display: inline; height: 50px; float: left; margin-left: 70px; } .pkChat .chat-cont .user .nick { width: 125px; padding: 4px 0 0; color: #b76013; font-size: 14px; font-weight: bold; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pkChat .chat-cont .user .flower { width: 125px; padding: 4px 0 0; color: #c06f18; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pkChat .chat-cont .user-opr { display: inline; float: right; position: relative; } .pkChat .chat-cont .user-opr .follow, .pkChat .chat-cont .user-opr .uinfo, .pkChat .chat-cont .user-opr .user-showed { display: inline; float: left; } .pkChat .chat-cont .user-opr .follow a, .pkChat .chat-cont .user-opr .uinfo a, .pkChat .chat-cont .user-opr .user-showed a { display: block; width: 30px; height: 30px; margin: 14px 3px 0; } .pkChat .chat-cont .user-opr .follow a .ico-follow, .pkChat .chat-cont .user-opr .uinfo a .ico-follow, .pkChat .chat-cont .user-opr .user-showed a .ico-follow { margin: 5px 0 0 3px; } .pkChat .chat-cont .user-opr .uservline { display: inline; float: left; width: 1px; height: 35px; line-height: 0; margin: 9px 2px 0; background-color: #f3a14a; font-size: 0; } .pkChat .chat-cont .user-opr .user-showed { display: none; position: absolute; right: 0; width: 40px; height: 51px; background-color: #ffab52; border-left: 1px solid #e88b29; } .pkChat .chat-cont .user-opr .user-showed a { margin-left: 7px; } .pkChat .chat-cont .chat-list { height: 638px; overflow-y: hidden; overflow-x: hidden; background-color: #f4f8fb; outline: none; } .pkChat .chat-cont .chat-list .chatlist { padding: 5px 10px; } .pkChat .chat-cont .chat-list li { font: 12px/1.6 "SimSun"; color: #000; word-break: break-all; word-wrap: break-word; } .pkChat .chat-cont .chat-list .name { padding: 0 3px; color: #7e7f81; cursor: pointer; } .pkChat .chat-cont .chat-list .readname { padding: 0 3px; color: #d90000; cursor: pointer; } .pkChat .chat-cont .chat-list .purplename { padding: 0 3px; color: #7310f7; cursor: pointer; } .pkChat .chat-cont .chat-list .yellowname { padding: 0 3px; color: #f2c113; cursor: pointer; } .pkChat .chat-cont .chat-list .give { color: #fe6d0c; } .pkChat .chat-cont .chat-list .anchor { padding: 0 3px; color: #7e7f81; } .pkChat .chat-cont .chat-list .time { color: #7e7f81; } .pkChat .chat-cont .chat-list .text-content { padding-left: 11px; color: #d6d6d6; } .pkChat .chat-cont .chat-list .notice { display: inline-block; margin: 0 4px 2px 0; vertical-align: middle; width: 12px; height: 12px; background: url("http://vipweb.bs2cdn.yy.com/vipinter_29021e441f8449b8a5178e4332d076f9.png") no-repeat; background-size: 12px 12px; } .pkChat .chat-cont .chat-list .notice-user { cursor: pointer; } .pkChat .chat-cont .chat-list li.nt { color: #1b5c72; } .pkChat .chat-cont .chatpub-innerwrap { width: 250px; } .pkChat .chat-cont .chat-opr-inner { height: 100%; background-color: #fcfcfc; } .pkChat .chat-cont .facelink { display: inline; float: left; margin: 10px 10px; } .pkChat .chat-cont .facelink .facebtn { width: 21px; height: 20px; display: block; } .pkChat .chat-cont .chattext { display: inline; float: left; position: relative; } .pkChat .chat-cont .chattext .textarea { width: 150px; height: 20px; line-height: 20px; margin-top: 7px; padding: 4px 0 3px 0; font-size: 14px; resize: none; outline: none; border: none; color: #333; /*overflow:hidden;*/ overflow: auto; background: transparent; border-style: none; } .pkChat .chat-cont .chattext .input-notice { position: absolute; left: 0px; top: 0px; width: 202px; height: 30px; font-family: "SimSun"; } .pkChat .chat-cont .chattext .notice-inner { margin-top: 7px; padding-left: 20px; background-color: #fff; } .pkChat .chat-cont .chattext .login-link { text-decoration: underline; color: #ff9320; font-size: 14px; } .pkChat .chat-cont .chattext .left-lb { padding-left: 20px; background-color: #fff; } .pkChat .chat-cont .chattext .login-lb { color: #b1b1b1; font-size: 14px; } .pkChat .chat-cont .chatvline { display: inline; float: left; width: 1px; height: 28px; line-height: 0; margin: 2px; background-color: #d0d0d0; font-size: 0; } .pkChat .chat-cont .oper { position: absolute; height: 30px; right: 8px; bottom: 0px; } .pkChat .chat-cont .send { display: inline; float: left; margin-top: 5px; margin-left: 5px; margin-right: 5px; } .pkChat .chat-cont .send .sendbtn { display: block; width: 41px; height: 28px; line-height: 28px; text-align: center; color: #5b5a58; background-color: #f6f6f6; outline: none; } .pkChat .chat-cont .quickmsg { display: inline; float: left; margin-left: 5px; margin-right: 5px; } .pkChat .chat-cont .quickmsg .ico-quickmsg, .pkChat .chat-cont .quickmsg .ico-primsg { margin-left: 5px; } .pkChat .chat-cont .quickmsg .ico-quickmsg { margin-bottom: 7px; } .pkChat .chat-cont .myflower { display: inline; float: left; margin-top: 3px; margin-left: 5px; } .pkChat .chat-cont .myflower .link { display: block; width: 27px; height: 27px; } .pkChat .chat-cont .chatNotice { width: 260px; z-index: 90; position: absolute; bottom: 86px; left: 1px; background: #fffddb; display: none; } .pkChat .chat-cont .chatNotice p { font-size: 12px; color: #393939; line-height: 12px; padding: 5px 8px; word-break: break-all; } .pkChat .chat-cont .chatNotice p a { color: #393939; } .chat-uinfo { position: absolute; left: 0; top: 94px; height: 398px; background-color: #dfdfdf; border: 1px solid #cecece; border-top-width: 0; } .chat-uinfo .inner { width: 278px; } .chat-uinfo .multiple-row, .chat-uinfo .single-row { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #cecece; padding: 5px 0; } .chat-uinfo .first { border-top-width: 0; } .chat-uinfo .last { border-bottom-width: 0; padding-bottom: 0; } .chat-uinfo .lb { font-size: 14px; line-height: 14px; color: #626262; font-weight: bold; margin-left: 10px; } .chat-uinfo .text { margin-left: 10px; width: 268px; } .chat-uinfo .intro { height: 155px; overflow-y: auto; } .chat-uinfo .inline { word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .chat-uinfo .row-col { width: 136px; display: inline-block; } .chat-uinfo-live { height: auto; } .chat-uinfo-live .intro { height: 75px; } .video-recom { width: 100%; height: 100%; background-color: #131313; } .video-recom .hd { padding: 15px 0 5px; } .video-recom .hd h3 { text-align: center; font-family: "Microsoft Yahei"; font-size: 18px; color: #ff8712; } .video-recom .bd { padding: 0 0 0 60px; } .video-recom .v-item { margin-top: 10px; } .slider-wrap .bx-wrapper { position: relative; } .slider-wrap .viewport { width: 680px; height: 450px; overflow: hidden; } .slider-wrap .bx-pager, .slider-wrap .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } .slider-wrap .bx-viewport { z-index: 10; } .slider-wrap .bx-pager { width: 670px; position: absolute; left: 0; bottom: 10px; text-align: right; font-size: 0.85em; font-family: Arial; font-weight: bold; color: #666; z-index: 50; } .slider-wrap .bx-pager a { background: #666; text-indent: -9999px; display: block; outline: 0; } .slider-wrap .bx-pager a:hover { background-color: #e6811e; } .slider-wrap .bx-pager .bx-pager-link { height: 10px; width: 10px; background-color: #f5f5f5; border: 1px solid #4b4b4b; font-size: 0; } .slider-wrap .bx-pager-item { display: inline-block; *display: inline; *zoom: 1; margin-left: 3px; } .slider-wrap .bx-pager-item .active { background-color: #e6811e; } .slider-wrap .bx-ar-wrap { display: block; width: 60px; height: 105px; position: absolute; left: 20px; top: 0; overflow: hidden; z-index: 55; } .slider-wrap .bx-controls-direction { display: none; } .slider-wrap .recom-viewport { width: 960px; height: auto; overflow: visible; } .slider-wrap .recom-viewport .recom-slider { height: 185px; overflow: hidden; } .slider-wrap .recom-viewport .bx-pager { width: 960px; text-align: center; bottom: -25px; } .slider-wrap .recom-viewport .bx-pager .bx-pager-link { border-radius: 50%; border: none; background-color: #a8a8a8; width: 12px; height: 12px; } .slider-wrap .recom-viewport .bx-pager .active { background-color: #e6811e; } .play-wrap-bottom { padding: 20px 0; } .play-wrap-bottom .hd { position: relative; } .play-wrap-bottom .hd .title { font-family: "Microsoft Yahei"; font-size: 24px; font-weight: bold; padding: 4px 0; } .play-wrap-bottom .hd .more { position: absolute; right: 0; bottom: 5px; color: #929292; } .play-wrap-bottom .bd .v-list { width: 975px; overflow: hidden; } .play-wrap-bottom .bd .v-item { margin-right: 15px; } .private-chat { position: absolute; width: 100%; height: 160px; left: 0; bottom: 87px; font-family: "微软雅黑"; background-color: #fcfcfc; border-top: solid; border-top-color: #e4e6e8; border-top-width: 1px; /*box-shadow: 5px 0px 5px 0px #999*/ } .private-chat .expand-bar { /*cursor: pointer;*/ height: 5px; /*background:url(http://vipweb.bs2cdn.yy.com/vipinter_ab4ff5292f9c4397b6885c5473448533.png) no-repeat center top;*/ } .private-chat .priv-text { height: 120px; overflow-y: hidden; overflow-x: hidden; outline: none; } .private-chat .priv-chatlist { padding: 5px 10px; } .private-chat .priv-chatlist li { width: 245px; word-break: break-all; word-wrap: break-word; } .private-chat .priv-chatlist .prvi-chat-name { color: #7e7f81; } .private-chat .priv-chatlist .prvi-chat-name .name { color: #7e7f81; cursor: pointer; } .private-chat .priv-chatlist .priv-chat-lable { color: #9b876b; } .private-chat .priv-at { position: absolute; width: 100%; left: 0; bottom: 5px; } .private-chat .priv-at .at { float: left; *display: inline; *zoom: 1; color: #a194b6; line-height: 22px; margin: 0 3px; } .private-chat .priv-at .user-list { border: 1px solid #bfcdd3; border-radius: 1px; float: left; position: relative; } .private-chat .priv-at .user-list .user-val { width: 222px; height: 20px; text-indent: 3px; line-height: 20px; color: #333; overflow: hidden; cursor: default; } .private-chat .priv-at .user-list .user-val .tex { width: 200px; } .private-chat .priv-at .user-list .dd-status { width: 15px; height: 20px; position: absolute; right: 0px; top: 0px; /*background-image:url(http://file.do.yy.com/group3/M01/CC/A1/tz0MYFcwQFaAYQXMAAAI-s76TEo557.png);*/ } .private-chat .priv-at .user-list .dd-status-arrow { background-position: -32px -25px; } .private-chat .priv-at .user-list .dd-status-arrow:hover { background-position: -48px -25px; } .private-chat .priv-at .user-list .dd-status-close { background-position: 0px -25px; } .private-chat .priv-at .user-list .dd-status-close:hover { background-position: -16px -25px; } .private-chat .priv-at .user-list .user-dd { display: none; position: absolute; width: 224px; top: 0px; left: -1px; z-index: 20; background-color: #fff; border-radius: 2px; } .private-chat .priv-at .user-list .user-dd ul { border: 1px solid #a9a9a9; border-radius: 2px; } .private-chat .priv-at .user-list .user-dd li { line-height: 22px; text-indent: 3px; cursor: default; color: #333; } @include text-overflow; .private-chat .priv-at .user-list .user-dd li:hover { background-color: #bad5e7; } .private-chat-min { height: 5px; } .private-chat-min .priv-text { display: none; } .private-chat-min .priv-at { display: none; } .closePri { position: absolute; right: 5px; top: 6px; } .group-ticket-pd { display: inline-block; *display: block; *zoom: 1; width: 148px; height: 31px; background-image: url("http://vipweb.bs2cdn.yy.com/vipinter_0b5d9c5efe63448fbef1f213868e06b3.png"); } .group-ticket-pd a { color: #599ada; width: 148px; height: 31px; line-height: 31px; text-indent: 33px; display: block; overflow: hidden; } .group-ticket-pd a:hover { color: #599ada; text-decoration: none; } .air-ticket-pd { display: inline-block; *display: block; *zoom: 1; width: 148px; height: 31px; background-image: url("http://vipweb.bs2cdn.yy.com/vipinter_ddfa03ca26de4553a45b19028ad8b81d.png"); } .air-ticket-pd a { color: #599ada; width: 148px; height: 31px; line-height: 31px; text-indent: 33px; display: block; overflow: hidden; } .air-ticket-pd a:hover { color: #599ada; text-decoration: none; } img { border: 0 none; -ms-interpolation-mode: bicubic; vertical-align: middle; } .pub-custom-img { background: url("http://vipweb.bs2cdn.yy.com/vipinter_2d381a9e7fbf4cada147b3a5c492473b.png"); width: 48px; height: 48px; cursor: pointer; }