﻿@charset "utf-8";/*--------------------CSS Document QQ420946262*/
/*-------------------------------全局宽度控制*/
.body_page{width:100%;height:100%;margin:0px auto;padding:0px;clear:both;background-color:var(--color-light-blue0);}
.section_page{width:100%;margin:0px auto;padding-bottom:10px;box-sizing:border-box;max-width:1000px;border-radius:5px;background-color:var(--color-white);clear:both;box-shadow:0px 0px 3px 0px var(--color-light-blue4);}
.section_page .showpic{width:100%;max-width:1000px;margin:0px auto;overflow:hidden;text-align:center;background-color:var(--color-black);border-radius:0px;}
.section_page .showpic img{display:inline-block;vertical-align:middle;width:100%;height:auto;max-height:150px;}
/*--------------------------------通用详情页读取内容模块-辅助*/
.section_page .xxcontents{margin:10px auto;width:90%;font-size:15px;line-height:1.5;}
.PopBoxCopy{margin:0px auto;font:lighter 12px/40px "Microsoft YaHei";text-align:center;color:var(--color-grey-blue1);clear:both;-webkit-user-select:none;user-select:none;}
/*-------------------------------全局下拉列表选择（美化设置）模块-辅助*/
.select{border:none;}
.select:hover,.select:focus,.select.curre{outline:0;box-shadow:none;}
.select_ span select{height:36px;line-height:36px;}
.select_ span>select{height:36px;line-height:36px;}
/*-------------------------------全局输入模块样式-辅助*/
.inputAuto_{border:none;box-shadow:none;box-sizing:border-box;width:100%;padding-left:5px;height:40px;line-height:40px;color:var(--color-grey-blue4);}
.inputAuto_:focus,.inputAuto_:focus{outline:0;box-shadow:none;}
.inputAuto_:disabled{background-color:#F6F7F8;}
.intexAuto_{border:none;box-shadow:none;}
.displaynone{height:0px;line-height:0px;font-size:0px;opacity:0;display:none;}

label.formcheck{float:left;margin:10px 15px 0px 3px;height:20px;line-height:20px;cursor:pointer;border-radius:5px;}
label.forrange input{margin:5px auto;width:100%;}
label.checkonoff{margin:0px auto;padding:10px 0px;height:20px;line-height:20px;display:inline-block;vertical-align:middle;}

.bsFormBox{margin:20px auto;width:90%;box-sizing:border-box;clear:both;}
.bsFormItem{float:left;margin:5px auto;width:100%;clear:both;}
.bsFormItem blockquote{margin:0px auto;width:100%;padding:10px 15px;border-left:5px solid var(--color-deger-green2);background-color:var(--color-deger-green1);color:var(--color-deger-green3);white-space:normal;word-break:break-all;word-wrap:break-word;text-align:left;box-sizing:border-box;}
.bsFormItem hr{display:block;margin:3px auto;height:0px;border:none;border-top:2px dotted #919FB3;}
.bsFormItem .formgroup{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:2px 0px;border-bottom:1px solid var(--color-light-blue4);border-radius:0px;}
.bsFormItem .inLeft{width:30%;height:40px;line-height:40px;position:relative;z-index:1;text-align:left;}
.bsFormItem .inLeft .redstar{color:var(--color-deger-red4);font-family:"宋体";padding:0px 2px;}
.bsFormItem .inRight{width:70%;color:var(--color-grey-blue4);text-align:left;min-height:40px;}

.bsFormItem .formgroup .upfilesbox{margin:10px auto;}
.bsFormItem .divbox{margin:0px auto;font-size:16px;line-height:1.5;justify-content:left;text-align:left;border:none;clear:both;}
.bsFormItem .divbox i.iconfont_{display:inline-block;vertical-align:middle;font-size:36px;width:90px;text-align:center;}
.bsFormItem .divbox span{display:inline-block;vertical-align:middle;width:calc(100% - 100px);}
.bsFormItem h1.divbox{position:relative;margin:10px auto 0px auto;padding:5px 0px;line-height:1;font-size:18px;}
.bsFormItem h1.divbox i.iconfont_{float:left;margin-right:5px;font-size:20px;width:auto;font-weight:normal;}

.SubmitBtn{margin:0px auto;padding:10px 0px;width:100%;height:auto;overflow:hidden;border-radius:5px;text-align:center;}
.SubmitBtn button{margin:5px auto;background-color:#CD0000;color:#EDDECD;width:100%;height:40px;line-height:40px;font-size:16px;display:block;border-radius:5px;cursor:pointer;}
.SubmitBtn button:hover{background-color:#B40000;}/*朱红-确定*/
.SubmitBtn button:active{background-color:#8E0000;}/*朱红-确定*/
.SubmitBtn button.btnvisited{background-color:#827676;color:#aaaaaa;}
.SubmitBtn button.btnvisited:hover{background-color:#827676;}/*朱红-确定*/
.SubmitBtn button.btnvisited:active{background-color:#827676;}/*朱红-确定*/
.SubmitBtn button em.iconfont{margin:0px 3px;height:40px;line-height:38px;font-size:18px;display:inline-block;vertical-align:middle;}

/*--------------------------------通用详情页：点赞+分享盒子*/
.likesAnimation{position:absolute;margin:0px auto;left:50%;top:50%;margin-top:-50px;margin-left:-50px;width:100px;height:100px;line-height:100px;color:#FF0034;background:url("hearts.png") no-repeat left center;display:block;-webkit-animation-name:likesBlast;animation-name:likesBlast;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:steps(24);animation-timing-function:steps(24);background-position:right center;z-index:1;}
@-webkit-keyframes likesBlast{0%{background-position:left center;}100%{color:rgba(255,0,52,0);background-position:right center;}}
@keyframes likesBlast{0%{background-position:left center;}100%{color:rgba(255,0,52,0);background-position:right center;}}
.likesAnimation i.iconfont_{float:none;display:inline-block;vertical-align:middle;height:100px;line-height:100px;font-size:26px;}

.socialbox{position:relative;margin:20px auto;width:90%;max-width:320px;padding:2px 0px;text-align:center;background-color:#F3F2F1;color:#D19451;font-size:16px;clear:both;border-radius:20px;}
.socialbox .share,.socialbox .likes{position:relative;display:inline-block;vertical-align:middle;padding:0px 10px;height:36px;line-height:36px;border-radius:36px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;}
.socialbox .share{padding-left:0px;font-size:14px;}
.socialbox .likes:hover,.socialbox .share:hover{color:#F87A39;}
.socialbox .center{display:inline-block;vertical-align:middle;width:10px;height:36px;line-height:36px;}
.socialbox .forhead{float:left;margin:3px auto;width:30px;height:30px;border-radius:30px;margin-right:5px;}
.socialbox i.iconfont_{float:left;height:36px;line-height:36px;font-size:20px;margin-right:3px;}
.socialbox em{float:left;height:36px;line-height:36px;font-style:normal;max-width:150px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.PopSocial{display:none;padding:5px;border:1px solid var(--color-white);box-sizing:border-box;background-color:var(--color-white);border-radius:5px;text-align:center;}
.PopSocial .showimg{position:relative;margin:0px auto;display:inline-block;border-radius:5px;clear:both;}
.PopSocial .showimg .touchbox{position:absolute;margin:auto;left:0px;right:0px;top:0px;bottom:0px;width:100%;height:100%;z-index:5;}
.PopSocial .showimg .touchbox span{position:absolute;margin:auto;left:0px;right:0px;top:0px;bottom:0px;width:100px;height:40px;line-height:40px;background-color:var(--color-black);color:var(--color-white);border-radius:50px;}
.PopSocial .showimg img{border-radius:3px;}
.PopSocial .showimg img.sharepng{display:inline-block;vertical-align:middle;border:none;border-radius:0px;width:100%;max-width:360px;height:auto;}
.PopSocial .showimg .icanvas{position:absolute;z-index:1;margin:0px auto;left:0px;right:0px;width:100%;height:100%;opacity:0;}
.PopSocial .showimg .qrcode{position:absolute;z-index:2;margin:0px auto;left:0px;right:0px;bottom:80px;width:200px;height:200px;padding:10px;background-color:var(--color-white);border-radius:0px;}
.PopSocial .showimg .qrcode canvas{border:none;border-radius:0px;}
.PopSocial .showimg .qrcodelogo{position:absolute;z-index:3;display:block;margin:0px auto;left:0px;right:0px;top:50%;margin-top:-25px;width:50px;height:50px;padding:3px;box-sizing:border-box;background-color:var(--color-white);border-radius:50px;overflow:hidden;}
.PopSocial .showimg .qrcodelogo img{width:100%;height:100%;border-radius:50px;}
.PopSocial .showimg .tips{position:absolute;z-index:4;margin:0px auto;left:0px;right:0px;bottom:30px;width:100%;height:30px;line-height:20px;font-size:14px;color:var(--color-white);}
.PopSocial .showimg .tips i.iconfont{margin:0px 2px 0px 5px;display:inline-block;vertical-align:middle;font-size:16px;}
.PopSocial .popbtn{margin:5px auto 0px auto;display:block;width:30px;height:30px;line-height:30px;clear:both;}
.PopSocial .popbtn i.iconfont{width:30px;height:30px;line-height:30px;font-size:30px;color:var(--color-black);border-radius:50%;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;}
.PopSocial .popbtn i.iconfont:hover{color:var(--color-deger-red4);}
.PopSocial{transform:translateY(-50px);transition:all .5s;}/*开始状态*/
.PopSocial .showimg,.PopSocial .showimg img.sharepng,.PopSocial .showimg .qrcode,.PopSocial .tips{transform:translateY(-50px);opacity:0;transition-property:transform,opacity;transition-duration:.4s;}
.fancybox-slide-current .PopSocial,.fancybox-slide-current .PopSocial .showimg,.fancybox-slide-current .PopSocial .showimg img.sharepng,
.fancybox-slide-current .PopSocial .showimg .qrcode,.fancybox-slide-current .PopSocial .tips{transform:translateY(0);opacity:1;}/*最终状态*/
.fancybox-slide-current .PopSocial .showimg{transition-delay:.1s;}/* 以不同的延迟显示内容 */
.fancybox-slide-current .PopSocial .showimg img.sharepng{transition-delay:.2s;}
.fancybox-slide-current .PopSocial .showimg .qrcode{transition-delay:.3s;}
.fancybox-slide-current .PopSocial .tips{transition-delay:.4s;}

/*********************自适应样式开始***********************/
@media only screen and (max-width:768px){/*小屏通用框架样式*/
.section_page{width:100%;background-color:var(--color-white);box-shadow:none;overflow:hidden;border-radius:0px;}
.section_page .xxcontents{margin:20px auto;width:92%;}
.bsFormBox{width:92%;}
.bsFormItem .formgroup{display:block;}
.bsFormItem .inLeft{width:100%;max-width:100%;height:30px;line-height:30px;}
.bsFormItem .inRight{width:100%;}
.SeverBox{display:none;}
}
@media screen and (max-width:299px){
html{width:100%;height:100%;background:#242933 url("Seenone.png") no-repeat center center;}
body{display:none;}
}