body{font-family: "Microsoft Yahei";}
.fl_lt{float: left;}
.choice{background: url(../img/tab_bg.png);}
.mui-segmented-control{border: none;width: 685px;float: left;height: 80px;}
.mui-segmented-control .mui-control-item{border: none;color: #fff;font-size: 20px;line-height: 80px;position: relative;}
.mui-segmented-control .mui-control-item.mui-active{background: url(../img/tab_bgchoice.png);color: #FAE4AB;}
.topline{height: 80px;width: 100%;background-color: #000000;position: relative;}
.topline .toptab{width: 1200px;margin: 0 auto;height: 80px;}
.toptab .left{width: 515px;height: 80px;float: left;}
.toptab .left img{margin-left: 10px;margin-top: 10px;}
.rm{background: url(../img/bg.jpg) no-repeat;position: relative;width: 100%;min-width: 1200px;overflow: hidden;}
.rmmd{width: 1200px;margin: 0 auto;margin-bottom: 50px;}
/*顶部文字*/
.toppiclogo{margin: 25px 0 10px 0;}
.toppicrm{width: 800px;font-weight: 800;color: #4F4F4F;font-size: 22px;line-height: 28px;margin-bottom: 50px;}
/*顶部文字tab2.3.4*/
.toppiclogomid{margin: 25px 0 10px 80px;}
.toppicrmmid{width: 600px;font-weight: 800;color: #4F4F4F;font-size: 22px;line-height: 28px;margin-bottom: 50px;margin-left: 80px;}
/*情义左边*/
.qyhEllipsis3{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
.qygs_left{background: url(../img/qyh_lfbg.png);width: 612px;height: 160px;float: left;z-index: 2;position: relative;color: #fff;}
.qygs_left .qygs_head{margin: 27px 18px 0 25px;float: left;}
.qygs_left .qygs_rm{float: left;margin-top: 26px;}
.qygs_left .qygs_rm .qygs_rmdiv{font-family: 宋体;float: left;font-size: 14px;width: 372px;height: 65px;margin-top: 7px;}
.qygs_left .qygs_more{position: absolute;font-size: 14px;bottom: 13px;right: 100px;}
.qygs_left .qygs_more a{color: #F8D468;}
/*情义右边*/
.qygs_right{background: url(../img/qyh_rtbg.png);width: 612px;height: 160px;float: right;z-index: 2;position: relative;color: #fff;}
.qygs_right .qygs_head{margin: 27px 18px 0 107px;float: left;}
.qygs_right .qygs_rm{float: left;margin-top: 26px;}
.qygs_rm .qygs_rmname{font-weight: 800;font-size: 18px;letter-spacing: 0.5px;}
.qygs_right .qygs_rm .qygs_rmdiv{font-family: 宋体;float: left;font-size: 14px;width: 372px;height: 65px;margin-top: 7px;}
.qygs_right .qygs_more{position: absolute;font-size: 14px;bottom: 13px;right: 20px;}
.qygs_right .qygs_more a{color: #F8D468;}
/*情义中间和分享*/
.qygs_midline{position: absolute;width: 4px;height: 670px;background-color: #CE5853;left: 598px;top: 295px;z-index: 1;}
.qygs_toshare img{position: absolute;right: 77px;top: 0;}
/*留声机*/
.lsj_audio{background: url(../img/lsj_bg02.png);width: 985px;height: 492px;margin-left: 100px;}
.lsj_audio .lsj_head{padding-top: 78px;padding-left: 130px;position: relative;}
.lsj_head img.lsjbg{position: absolute;}
.lsj_head img.lsjhead{position: absolute;left: 148px;top: 95px;}
/*歌词*/
.geci{margin-top: 80px;margin-left: 520px;height: 190px;width:300px;}
.geci .geming{font-size: 40px;color: #C49871;font-weight: 800;margin-right: 10px;line-height:50px;}
.geci .gecirm{clear: left;padding-top: 12px;}
.geci .gecilook{font-size: 13px;margin-top: 5px;}
.geci .gecilook a{color: #6F85BE;}
.gecirm p{line-height: 50px;margin: 0;font-size: 20px;color: #BEA086;}
.playbtnlogo{margin-left: 210px;}
.mr_70{margin-right: 70px;}
.playbtnlogo .syqbtn{cursor:pointer;}
.playbtnlogo .playbtn{cursor:pointer;}
.playbtnlogo .xyqbtn{cursor:pointer;}
.playbtnlogo .listbtn{cursor:pointer;}
.listpf .listclosebtn{cursor:pointer;}
.listpf{z-index: 1;position: absolute;background: url(../img/lsj_listbg.png);width: 199px;height: 229px;right: 175px;bottom: 85px;}
.listpf img{position: absolute;right: 24px;top: 15px;}
.listpf a{display: block;color: #896E53;}
.listpf div.listpfrm{margin: 20px;margin-top: 35px;line-height: 25px;font-size: 16px;height: 140px;overflow-y: scroll;}
.listpf .listpfrm a{cursor:pointer;}
/*底部STYLE*/
.botmline{clear: left;bottom: 0;left: 0;height: 115px;line-height: 115px;width: 100%;background-color: #D5D5D5;text-align: center;}
.botmline div.left{width: 50%;text-align: right;float: left;}
.botmline div.left .botmrm{float: right;font-size: 22px;font-weight: 800;color: #7D7D7D;margin-right: 7%;}
.botmline div.left img{float: right;margin-top: 44px;margin-right: 10px;}
.botmline div.right{width: 50%;text-align: left;float: left;}
.botmline div.right .botomrm{float: left;font-size: 22px;font-weight: 800;color: #7D7D7D;margin-left: 7%;}

/*旋转木马必要样式*/
.container { margin:100px auto; max-width:1000px;position: relative;}	
h1 { margin-bottom:30px; text-align:center;font-size:30px;}
ol,ul{list-style:none;}
.poster-main{ position:relative;width:711px;height:400px;}
.poster-main a,.poster-main img{display:block; cursor: pointer;width:100%;height:100%;object-fit: cover;}
.poster-main .poster-list{width:711px;height:400px;}
.poster-main .poster-list a{position: relative;}
.poster-main .poster-list a div{position: absolute;bottom: 0px;width: 100%;background: rgba(0,0,0,.65);height: 50px;line-height: 50px;color: #fff;padding-left: 40px;}
.poster-main .poster-list .poster-item{ position:absolute;left:0;top:0;}
.poster-main .poster-btn{ position:absolute;top:0;width:100px;height:400px; z-index:10; cursor:poif_heightnter;opacity:0.8;cursor: pointer;}
.poster-main .poster-prev-btn{left:-130px; background: url(../img/toleft.png) no-repeat center center;}
.poster-main .poster-next-btn{right:-130px; background: url(../img/toright.png) no-repeat center center;}
/*照片墙样式*/
.zhuti{width:100%; min-width:910px; margin:auto;padding-left: 60px;}
.wall{ left:0; top:0;position:absolute;width:auto;height:auto; }
.wall .bigmeng{width:100%;height:100%;position: absolute;}
.wall a{position: absolute;left:0; bottom: 4px;width: 100%;text-align: center;background: rgba(0,0,0,.6);color: #FFF;font-size: 16px;line-height: 2.2;}
.bqmain{width:98%; max-width:1320px;min-width:900px; min-height:620px; margin: 0 auto; border:0px solid #0ff; height:auto; position:relative;}
.listpfrm a:hover{color: #007AFF;}


/*滚动条美化*/
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:transparent;}
::-webkit-scrollbar-track-piece{background-color:transparent;}
::-webkit-scrollbar-thumb:vertical{background-color:#C49871;border-radius:6px}
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:vertical:active{background-color: #dcb18c}
/*SMusic*/
.grid-music-container{position: relative;width: 985px; height: 840px; padding: 20px; margin: 0 auto; background-color: rgba(255,255,255,.7); font-family: "Microsoft Yahei","微软雅黑",Tahoma,sans-serif; text-shadow: 1px 0 0 rgba(255,255,255,.7); background: url(../img/lsj_bg02.png) 0 300px no-repeat;}
.grid-music-container .m-music-play-wrap{height: 150px; position: relative; padding-top: 50px; padding-left: 400px;}
.grid-music-container .u-cover{width: 230px; height: 230px; overflow: hidden; background: url(../img/lsj_headbg.png) 0 0 no-repeat; position: absolute; top: 50px; left: 80px;}
.grid-music-container .u-cover img{display: block; width: 200px; height: 200px; max-height: 100%; border-radius: 50%; margin: 15px;}
.grid-music-container .u-cover.play{-webkit-animation: Circle 10s linear infinite 0s forwards; animation: Circle 10s linear infinite 0s forwards;}
.grid-music-container .u-cover.paused{-webkit-animation-play-state: paused; animation-play-state: paused;}
@-webkit-keyframes Circle{from{-webkit-transform: rotate(0deg);} to{-webkit-transform: rotate(360deg);}}
@keyframes Circle{from{transform: rotate(0deg);} to{transform: rotate(360deg);}}
.grid-music-container .m-now-info{height: 100%;}
.grid-music-container .m-now-info .u-music-title{font-weight: normal;}
.grid-music-container .m-now-info .u-music-title strong{font-size: 40px; color: #C49871; font-weight: 700;}
.grid-music-container .m-now-info .u-music-title small{margin-left: 20px; font-size: 18px; color: #C49871;}
.grid-music-container .m-now-controls{padding-top: 20px; position: relative;}
.grid-music-container .m-now-controls .u-control{display: inline-block; vertical-align:middle; font-size: 0; overflow: hidden;}
.grid-music-container .m-now-controls .u-process{width: 220px; height: 8px; position: relative; background-color: #cecfd4;}
.grid-music-container .m-now-controls .u-process .buffer-process,.grid-music-container .m-now-controls .u-process .current-process{display: block; width: 0; height: 8px; position: absolute; top:0; left: 0; background-color: #C49871; z-index: 1;}
.grid-music-container .m-now-controls .u-process .buffer-process{z-index: 0; background-color: #c1c2c0;}
.grid-music-container .m-now-controls .u-time{margin-left: 10px; font-size: 12px; color: #585957;}
.grid-music-container .m-now-controls .u-volume{overflow: visible; text-align: center; position: relative; margin-left: 20px; padding-top: 8px;}
.grid-music-container .u-volume .volume-process{width: 3px; height: 50px; background: #cecfd4; position: absolute; top: -54px; left: 6px; cursor: pointer; visibility: hidden; /*设置不可见性，最好不要使用display:none，不然高度很难获取*/}
.grid-music-container .u-volume .volume-process.show{visibility: visible;}
.grid-music-container .u-volume .volume-process .volume-current,
.grid-music-container .u-volume .volume-process .volume-event{display: inline-block; width: 3px; height: 50%; background-color: #3792ef; position: absolute; left: 0; bottom:0; -webkit-transition: height .2s linear; transition: height .2s linear;}
.grid-music-container .u-volume .volume-process .volume-event{width: 21px; left: -10px; background: none; height: 100%; z-index: 1;}
.grid-music-container .u-volume .volume-process .volume-bar{display: inline-block; width: 8px; height: 8px; border-radius: 100%; background-color: #fff; border: 1px solid #a8a9a7; position: absolute; left: -3px; bottom: 50%; -webkit-transition: bottom .2s linear; transition: bottom .2s linear; /* z-index: 2;*/ /* opacity: 0;*/}
.grid-music-container .u-volume .volume-process .volume-bar:hover,
.grid-music-container .u-volume .volume-process .volume-bar:active{background-color: #f1f2f0;}
.grid-music-container .u-volume .volume-control{display: inline-block; width: 18px; height: 18px; background: url(../img/music_icons.png) -140px -80px no-repeat; cursor: pointer;}
.grid-music-container .u-volume .volume-control:hover{background-position: -158px -80px;}
.grid-music-container .u-volume .volume-control.muted{background-position: -140px -98px;}
.grid-music-container .u-volume .volume-control.muted:hover{background-position: -158px -98px;}
.grid-music-container .m-music-list-wrap{margin-left: 400px; width: 450px; height: 120px; border: 1px solid rgba(192,152,113,.7); overflow-x: hidden; overflow-y: auto;}
.grid-music-container .m-music-list-wrap ul{padding:0 10px;margin: 10px 0px;}
.grid-music-container .m-music-list-wrap li{display: block; line-height: 30px; padding: 0 10px; cursor: pointer; color: #383937; font-size: 14px;}
.grid-music-container .m-music-list-wrap li strong{font-size: 16px; font-weight: normal;}
.grid-music-container .m-music-list-wrap li:hover,.grid-music-container .m-music-list-wrap li.current{background-color: rgba(255,255,255,.7); color: #C49871;}
.grid-music-container .m-music-list-wrap li.current{background-color: transparent;}
.grid-music-container .m-play-controls{width: 780px; margin: 30px auto;}
.grid-music-container .m-play-controls a{display: inline-block; vertical-align: middle;}
.u-play-btn{display: inline-block; width: 88px; height: 88px; margin: 0 50px; cursor: pointer; background: url(../img/icon.png) no-repeat;}
.u-play-btn.prev{background-position: 0 0;}
.u-play-btn.prev:hover{background-position: 0 -87px;}
.u-play-btn.next{background-position: -264px 0;}
.u-play-btn.next:hover{background-position: -264px -87px;;}
.u-play-btn.play{background-position: -88px 0;}
.u-play-btn.play:hover{background-position: -88px -87px;}
.u-play-btn.paused{background-position: -176px 0;}
.u-play-btn.paused:hover{background-position: -176px -87px;}
.u-play-btn.share{background-position: -352px 0;}
.u-play-btn.share:hover{background-position: -352px -87px;}
.u-play-btn.mode{width: 20px!important; height: 18px!important; margin-right: 10px!important;}
.u-play-btn.mode-list{background-position: -181px -98px; margin-left: 65px;}
.u-play-btn.mode-list.current{background-position: -221px -98px;}
.u-play-btn.mode-random{background-position: -201px -80px;}
.u-play-btn.mode-random.current{background-position: -241px -80px;}
.u-play-btn.mode-single{background-position: -181px -80px;}
.u-play-btn.mode-single.current{background-position: -221px -80px;}