a,a:hover{text-decoration: none;}
.flol{float: left;}.flor{float: right;}
.main {position: relative;margin: 0 auto;max-width: 640px;min-height: 100%;overflow: hidden;}

/*相册*/
.picBox {position:relative;height:100%;max-width:640px;margin:0 auto;}
.picBox .main{position:absolute;top:80px;bottom:0;width:100%;min-height:0;}
.allPics{ position:absolute;top:0px;bottom:0;width:100%;overflow-y:auto;}
.allPics .picbox{ padding: 0 14px;padding-bottom:40px; color: #fff;}
.allPics .picbox h3{font-size:15px;color:#83868f;line-height:38px;padding-top:8px;}
.allPics .picbox ul{ overflow: hidden; margin-right: -2px;}
.allPics .picbox li{position:relative; float: left; margin: 0 2px 2px 0; width: 96px; height: 96px;overflow:hidden;background:#f4f4f4;}
.allPics .picbox li .video{position:absolute;width:16px;height:16px;left:5px;bottom:5px;background:url(../images/list_img_icon.png) -32px 0 no-repeat;background-size:48px auto;}
.allPics .picbox li .video-360{position:absolute;width:16px;height:16px;left:5px;bottom:5px;background:url(../images/list_img_icon.png) -16px 0 no-repeat;background-size:48px auto;}
.allPics .picbox li .video-hp{position:absolute;width:16px;height:16px;left:5px;bottom:5px;background:url(../images/list_img_icon.png) 0 0 no-repeat;background-size:48px auto;}
.pic-btns{position:fixed;height:40px;width: 100%;bottom:0;left:0;background:rgba(32,32,32,1);overflow:hidden;z-index:9;}
.pic-btns .btns-in{width:300%;padding:10px 0;}
.pic-btns  a{line-height:20px; color: #e3e7ed!important;font-size:13px;margin-right:30px;}
.pic-btns  a:first-child{margin-left:14px;}
.pic-btns  a:last-child{margin-right:14px;}
.pic-btns  a.active{font-size:16px; color: #ff6666!important;}

.loading {position:absolute;width:24px;height:24px;left:50%;top:50%;margin:-12px 0 0 -12px;}
.loading:before{content:'';position:absolute;width:24px;height:24px;top:0;left:0;background:url(../images/loading_fang_b.png) no-repeat;background-size:24px auto;z-index:3;}
.loading i{position:absolute;width:24px;height:24px;top:0;left:0;background:url(../images/loading_b.png) no-repeat;background-size:24px auto;z-index:2;-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite;}

.photoBox{background:#202020;height:100%;width:100%;}
.photoBox *{-webkit-tap-highlight-color: rgba(0,0,0,0);}
.photo-opt{position:fixed;width:100%;hegiht:0;left:0;top:0;z-index:9;}
.photo-opt a{display:block;width:32px;height:32px;text-align: center;background-color:rgba(0,0,0,.6);border-radius:50%;}
.photo-opt .back{float:left;margin:6px 0 0 9px;}
.photo-opt .back i{display:block;width: 32px; height: 32px; background: url(../images/xq_icons.png) -1px 0 no-repeat; background-size:128px auto;}
.photo-opt .icon-pic{float:right;margin:6px 9px 0 0;}
.photo-opt .icon-pic i{display:block;width: 32px; height: 32px; background: url(../images/head_pic.png) 0 0 no-repeat; background-size:32px auto;}

.photoBox .pic-int{position:fixed;bottom:40px;left:0;width:100%;height:38px;line-height:38px;color:#ffffff;font-size:11px;padding:0 14px;background:rgba(32,32,32,.9);overflow:hidden;box-sizing: border-box;}
.photoBox .video-icons{float:left;}
.photoBox .video-icons span{position:relative;color:#83868f;font-size:11px;padding-left:15px;margin-right:20px;}
.photoBox .video-icons span:before{content:'';position:absolute;left:0;top:50%;margin-top:-5px;width:10px;height:10px;background:url(../images/video_icon_int.png) no-repeat;background-size:10px;}
.photoBox .video-icons span.num:before{background-position:0 0;}
.photoBox .video-icons span.time:before{background-position:0 -10px;}

.photoBox .vedio-icon{position:absolute;width:60px;height:60px;left:50%;top:50%;margin:-30px 0 0 -30px;background:url(../images/vidwo_play.png) no-repeat;background-size:100%;z-index:9;}
.photoBox .icon-360{position:absolute;width:60px;height:60px;left:50%;top:50%;margin:-30px 0 0 -30px;background:url(../images/icon_qj360.png) center center no-repeat;background-size:100% auto;z-index:9;}
.photoBox .icon-hp{position:absolute;width:60px;height:60px;left:50%;top:50%;margin:-30px 0 0 -30px;background:url(../images/icon_hp.png) center center no-repeat;background-size:100% auto;z-index:9;}

.photo-point{position:fixed;bottom:18px;left:0;text-align:center;left:50%;-webkit-transform: translate(-50%, 0%);transform: translate(-50%, 0%);white-space:nowrap;z-index:1999;}
.photo-point li{display:inline-block;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3);margin:0 4px;}
.photo-point li.cur{background:#ff6666;}

.imgFixbox{position:fixed;width:100%;height:100%;left:0;top:0;overflow:hidden;background:#202020;z-index:99;}
.imgFixbox .close{position:absolute;width:32px;height:32px;background:rgba(0,0,0,.6) url(../images/live_close2.png) center center no-repeat;background-size:14px auto;border-radius:50%;right:9px;top:6px;}
