/* CSS Document */
html{ background-color: #f1f1f1;}
body{ background-color: #FFF;}
html,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,
ul,li,fieldset,form,input,textarea,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,i,em{margin:0;padding:0;font-style:normal;}
ul,ol,dl,dt,dd{list-style:none;}
body{font-family:'Microsoft YaHei',Arial,sans-serif;font-size:14px;color:#333;-webkit-font-smoothing:subpixel-antialiased;
    -webkit-tap-highlight-color:rgba(0,0,0,0);background: #fff;}
body{max-width: 768px;margin: 0 auto;}
caption,th{text-align:left;}
table{border-collapse:collapse;border-spacing:0;}
img{-ms-interpolation-mode:bicubic; border-width:0;}
textarea { font-size:12px; line-height:20px; border:0; border:0; -moz-outline:0; outline:0; overflow:auto; resize:none; -webkit-appearance:none}
a{color:#333333;text-decoration:none; outline:none;}
a:active {outline:0}
a:hover{color:#d93024; text-decoration:none;}
select, input{ background:none; border:0;}
input[type=text]:focus,input[type=password]:focus,textarea:focus {outline:0}
input[type=text],input[type=password]:focus {-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{ border-color:transparent!important;}
button{ cursor:pointer;}
svg:not(:root){overflow:hidden;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
section, article, aside, header, footer, nav, dialog, figure{display:block;}
::selection,
::moz-selection,
::webkit-selection{ background-color: #0097e0; color: #fff; text-shadow:none;}
.clearfix:after{content:'\0020';display:block;height:0;font-size:0;visibility:hidden;clear:both;}
.clearfix{*zoom:1;}

body{max-width: 768px;margin: 0 auto;}
.page{width: 100%;position: relative;display: none;}
.db{ display: block;}

/*头部*/
.header{display: none !important;}
.header .header_top{ position: relative;}
.header .header_top img{ width: 100%;display: block;}
.page1 .desc{padding: 0.2rem 0.18rem 0.2rem; font-size:14px; color: #1e1e1e; line-height: 0.36rem; background-color: #FFF;position: relative;}
.page0 .header_bottom{width: 100%;position: relative;background-color: #FFFFFF;padding: 16px 15px 24px;border-top-right-radius: 10px;border-top-left-radius: 10px;margin-top: -13px;}
.page0 .header_bottom .title{height: 18px;background: url(titleIcon.png) left center no-repeat;background-size: 16px 15.5px;padding-left: 25px;font-size: 16px;color: #7b93c6;line-height: 18px;margin-left: 6px;}
.page0 .header_bottom .desc{font-size: 13px;color: #1e1e1e;margin-top: 12px;line-height: 22px;}

/*列表*/
.page1 .main{ /*padding-bottom: 0.85rem;*/}
.page1 .part_title{ height: 0.4rem; line-height: 0.4rem; background-color: #eeeeee; padding: 0 0.18rem; color: #999999; font-size: 0.2rem;}
.page1 .part_item{ padding: 15px 0px 0; width: calc(100% - 30px); margin: 0 auto; border-bottom: 1px dashed #c9ae84; overflow: hidden; color: #666; }
.page1 .part_item .item{ display: flex; width: 100%; border-bottom: 1px solid #eeeeee; padding-bottom: 20px; *zoom:1; justify-content: space-between;;}
.page1 .part_item .left{ position: relative; border: 1px solid #c9ae84; width: 9.2vw; height:9.2vw; max-width: 40px; max-height: 40px; border-radius: 100%; overflow: hidden; margin-right: 10px;}
.page1 .part_item .left img{ width: 100%; height: 100%; object-fit: cover;}
.page1 .part_item .left .left_v{position: absolute; bottom: 0; right: -0.01rem; width: 0.29rem; height: 0.29rem; background: url(v.png) no-repeat center center; background-size: contain;}

.page1 .part_item .right{flex: 1; max-width: 680px;}
.page1 .part_item .right a{ color: #666;}
.page1 .part_item .right a:active{ color:#666; }
.page1 .part_item .right .name{ font-size: 16px; color: #1e1e1e; line-height: 22px;}
.page1 .part_item .right .time{ font-size: 12px;color: #b8b7b7;}
.page1 .part_item .right .content{ margin-top: 10px; font-size: 14px; color: #5f5d5d; line-height: 22px;}
.page1 .blue-text{ color: #3a6da5;}
.page1 .part_item .right .img{ position: relative; margin-top: 15px; overflow: hidden; display: flex;flex-wrap:wrap;}
.page1 .part_item .right .img img{ width: 100%; height: 100%; object-fit: cover; border: 2px solid #c9ae84; border-radius: 3px;}
.page1 .part_item .right .img a{ display: block; width: 80%;}
.page1 .part_item .right .img2 a{ width: 39.5vw; height: 39.5vw; max-width: 336px; max-height: 336px;}
.page1 .part_item .right .img3 a{ width: 33.33%; height: 26vw; max-height: 223px;}
.page1 .part_item .right .img3,.page1 .part_item .right .img2{ width: 100%; justify-content: space-between; flex-wrap: nowrap;}
.page1 .part_item .right .img4{width: 80%; flex-wrap:wrap; justify-content: space-between;}
.page1 .part_item .right .img4 a{ width:31.5vw; height: 31.5vw; max-width: 268px; max-height: 268px; margin-bottom: 5px;}.img5{flex-wrap: wrap !important; justify-content: flex-start !important;}
.img5{flex-wrap: wrap !important; justify-content: flex-start !important;}
.img5 a{border-right: 5px solid #fff !important; border-bottom: 5px solid #fff !important;}
.img5 a:nth-child(3n){border-right: 0px !important;}


.page1 .part_item .right .video{width:80%;position: relative;margin-top: 15px;}
.page1 .part_item .right .video img{width: 14vw;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.page1 .part_item .right .video video{min-height: 30vw;background-color: #FFFFFF;width: 100%;}
.page1 .part_item .right .ly{width: 41.2vw;position: relative; margin-top: 15px;height: 7.2vw;background: url(lyP1.png) no-repeat;background-size: 100% 100%;}
.page1 .part_item .right .ly .lyPlay{width: 6vw;position: absolute;right: 2vw;top: 0.6vw;cursor: pointer;}
.page1 .part_item .right .ly audio{width: 100%;height: 100%;position: absolute;left: 0;top: 0;cursor: pointer;opacity: 0;}
.page1 .part_item .right .ly div{font-size: 12px;color: #FFFFFF;line-height: 7.2vw; padding-left: 7.5vw;}
.page1 .part_item .right .inter{ margin-top: 10px; justify-content: flex-end;}
.page1 .part_item .right .inter span{ vertical-align: middle;}
.page1 .part_item .right .inter a{ display: block; position: relative; margin-top: 1vw; margin-left: 3vw;}
.page1 .part_item .right .inter span.like,.part_item .right .inter .comment,.page1 .part_list .right .inter .reply{ display: inline-block; height:18px; line-height: 18px; padding-right:22px; font-size: 12px; color: #a58146;}
.page1 .part_item .right .inter .like{ background: url(f2_01.png) no-repeat right center; background-size: auto 100%; }
.page1 .part_item .right .inter .like.likes{ color: #f54343;}
.page1 .part_item .right .inter .likes{ background: url(f1_01.png) no-repeat right center; background-size: auto 100%; }
.page1 .part_item .right .inter .comment{ background: url(4.png) no-repeat left center; background-size: auto 100%; }
.page1 .part_item .right .inter .add{ display: none; position: absolute; width: 0.3rem; height: 0.24rem; background: url(num.png) no-repeat center top; background-size: cover; left: 0.1rem; top:-0.15rem; z-index: 2;}
.page1 .part_item .right .inter .add1{ background: url(/num1.png) no-repeat center top; background-size: cover;}
.page1 .part_list .part_item:last-child .item{ border:none;}
.page1 .part_list .right .inter .reply{background: url(f5_01.png) no-repeat left center; background-size: auto 100%; padding-left:26px;}
.page1 .part_list .right .replybox{ width: 100%; background-color: #f1f1f1; padding: 10px; border-radius: 5px; margin-top: 15px;  color: #1e1e1e;}
.page1 .part_list .right .reply-1{ align-items: center; margin-bottom: 10px;}
.page1 .part_list .right .reply-head{ width:20px; height: 20px; overflow: hidden; margin-right:10px; border-radius: 100%;}
.page1 .part_list .right .reply-head img{ width: 100%; height: 100%; object-fit: cover;}
.page1 .part_list .right .reply-2{ font-size: 12px;}
.page1 .part_list .right .reply-name{ font-size: 12px; font-weight: bold;}

.page0 .main{}
.page0 .part1 .part_list{width: 100%; padding: 0 2%;}
.page0 .part1 .grid-item{ width: 48%; margin-bottom: 15px; padding: 0 2%; /*margin: 0 1.2vw 2.4vw;*/ }
.page0 .part1 .grid-item .item{width: 100%;position: relative; background-color: #FFFFFF;border-radius: 8px;}
.page0 .part1 .grid-item .item .img{width: 100%;position: relative;border-top-left-radius: 8px;border-top-right-radius: 8px;overflow: hidden;}
.page0 .part1 .grid-item .item .img img{width: 100%;min-height: 100px;}
.page0 .part1 .grid-item .item .img .imgNum{padding: 4px 9px;background-color: rgba(0,0,0,0.6);border-radius: 8px;position: absolute;right: 8px;bottom: 8px;font-size: 12px;color: #F1F1F1;}
.page0 .part1 .grid-item .item .img .imgNum span{display: inline-block;width: 12px;height: 12px;background: url(imgNum.png) no-repeat;background-size: 100%;vertical-align: middle;margin-right: 5px;}
.page0 .part1 .grid-item .item .video{width: 100%;position: relative;border-top-left-radius: 8px;border-top-right-radius: 8px;overflow: hidden;}
.page0 .part1 .grid-item .item .video .posterImg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.page0 .part1 .grid-item .item .video .playVideoBtn{width: 35px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.page0 .part1 .grid-item .item .video video{min-height: 30vw;background-color: #FFFFFF;width: 100%;}
.page0 .part1 .grid-item .item .ly{width: 40.4vw;position: relative;height: 7.2vw;background: url(lyP1.png) no-repeat;background-size: 100% 100%;max-width: 310px;max-height: 55px;margin: 18px auto 8px;}
.page0 .part1 .grid-item .item .ly .lyPlay{width: 25px;position: absolute;left: 7.5px;top: 50%;transform:translateY(-50%);cursor: pointer;}
.page0 .part1 .grid-item .item .ly audio{width: 100%;height: 100%;position: absolute;left: 0;top: 0;cursor: pointer;opacity: 0;}
.page0 .part1 .grid-item .item .ly div{font-size: 12px;color: #FFFFFF;position: absolute;left: 35px;top: 50%;transform: translateY(-50%);}
.page0 .part1 .grid-item .item .content{width: 40.4vw;max-width: 310px;margin: 0 auto 12px;font-size: 13px;color: #1e1e1e;font-size: 16px;padding: 7px 0 0;word-wrap: break-word;overflow: hidden;text-overflow: clip;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.page0 .part1 .grid-item .item .bottom{width: 40.4vw;max-width: 310px;margin: 0 auto;border-top: 1px solid #f1f1f1;padding: 6px 0;overflow: hidden;}
.page0 .part1 .grid-item .item .bottom .name img{width: 22px;height: 22px;vertical-align: middle;margin-right: 6px;border-radius: 12px;display: block;float: left;}
.page0 .part1 .grid-item .item .bottom .name{font-size: 15px;color: #000;float: left;height: 22px;line-height: 22px;}
.page0 .part1 .grid-item .item .bottom .time{float: right;font-size: 12px;color: #b8b7b7;height: 22px;line-height: 22px;position: relative;}
.page0 .part1 .grid-item .item .bottom .time .like{ background: url(f4-1.png) no-repeat right center; background-size: auto 100%;display: inline-block;height: 15px;line-height: 15px;padding-right: 17px;font-size: 12px;color: #666; }
.page0 .part1 .grid-item .item .bottom .time .likes{ background: url(f4.png) no-repeat right center; background-size: auto 100%; }
.page0 .part1 .grid-item .item .bottom .time .add{display: none;position: absolute;width: 0.3rem;height: 0.24rem;background: url(num.png) no-repeat center top;background-size: cover;left: 0.1rem;top: -0.1rem;z-index: 2;}
.page0 .glightbox a{display: none;}
.page0 .glightbox a:first-child{display: block;}
.write {position: fixed;left: 50%;top: 92vh;z-index: 5; max-width: 768px;transform: translateX(-50%);}
.write img{height: 5vh; display: block; margin: 0 auto;}
.write span {display: inline-block;height: 42px;background: url(6.png) no-repeat left center;padding-left: 20px;background-size: 15px;color: #1a1a1a;font-size: 16px;}

.page1 input[type=text]:focus,input[type=text]:valid{ border: 0; border-bottom: 1px dashed #734100; border-radius: 0; padding-bottom: 4px;}

.more_list{ width: 3.01rem; height: 0.63rem; margin: 0.2rem auto;}
.more_list img{ width: 100%;}

/*点赞动画*/
.animated {animation-duration: 1s;animation-fill-mode: both;}
@keyframes fadeOutUp {
  from {opacity: 1;}
  to {opacity: 0;transform: translate3d(0, -100%, 0);}
}
.fadeOutUp {animation-name: fadeOutUp;}
/*a:active { color: #000;}
.dn,.dn0{ display: none;}
.dn1{ display: blcok;}
.db{ display: blcok;}
#materialbox-overlay{ position: absolute; background-color: rgba(0,0,0,0.75);}
.materialboxed.active{ z-index: 9999999!important;}
#main_list{ background-color: #fff;}
.glightbox-clean .gnext,.glightbox-clean .gprev{ top:50%; margin-top: -28px;}
.glightbox-clean .gnext{ right: 0;}
.glightbox-clean .gprev{ left: 0;}*/

ul,li,p{list-style: none;margin: 0;padding: 0;}
*{font-family: "Microsoft YaHei", SimHei, helvetica, arial, verdana, tahoma, sans-serif;}
label,select,option{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
input{margin: 0 auto;}
.dn{display: none;}
.main{width: 100%; height: 100%; overflow-y:auto;max-width: 768px;margin: 0 auto;padding-bottom: 55px;}
.l-list{width: 100%; font-size: 0;position: relative;overflow: hidden;}
.l-list label{display: inline-block; font-size: 18px; font-weight: 500; color: #734100; text-align: left; height: 40px;}
.l-list input,.l-list select{width: 74%; ;border: none;font-size: 14px;color: #333; text-align: center;}
.l-list select{direction: rtl;}
input:focus,textarea:focus,select:focus{outline: none;}
.l-list textarea{width: 100%;height: 180px;border: none;font-size: 12px;color: #333;display: block;padding: 10px 14px; background: rgba(193, 165, 125, .3) url(./imgqmj/txtbg.png) 50% 10px no-repeat; background-size: 92% auto; line-height: 11vw;}
.l-list textarea::-webkit-input-placeholder {color: #999999;}

.l-list .checkbox{font-size: 14px;display: inline-block;height: 34px;line-height:32px;float: left;border-radius:16px;margin-right: 10px;min-width: 80px;text-align: center;background-color: #f5f5f5;border: 1px solid #e5e5e5;position: relative;margin-bottom: 8px;}
.l-list .checkbox.checked{background-color: #fff;color: #f54343;border: 1px solid #f54343;}
.l-list .checkbox input[type="checkbox"]{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;padding-right: 0;opacity: 0;}
.l-list .checkbox span{display: block;height: 34px;line-height: 32px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: #333;}
input[type=date]{opacity: 0;}
.showVal{width: 75%;height: 44px;line-height:44px;border: none;font-size: 14px;color: #333;background-color: #FFFFFF;text-align: right;padding-right: 14px;position: absolute;right: 0;top: 0;}
.uploadbox{ width: 100%; margin: 4vw auto 0;position: relative;}
.uploadC{justify-content: space-around;z-index: -99;opacity: 0;}
/*.upload_1{opacity: 1;}*/
.upload_2,.upload_3{width:100%;height:15.7vw;position: absolute;left: 0;top: 0;}
.upload_2 .flex{ justify-content: center;}
.upload_tips{ text-align: center; color: #999999; margin-top: 5px;}

.uploadC .input-group{width: 19.6vw;margin: 0 1.6vw 2vw 0;float: left;position: relative;}
.uploadC .input-group p{ text-align: center; line-height: 6vw; font-size: 16px;}
.uploadC .imgpre{ width: 19.6vw; height: 19.6vw;background: url(7.png) no-repeat center center; background-size: contain; background-color: rgba(193, 165, 125, .3); overflow: hidden;cursor: pointer;position: relative;border-radius: 5px;}
.uploadC .imgpre input{width: 19.6vw;height: 19.6vw;opacity: 0;}
.uploadC .imgpre img,.uploadC .imgpre video{width: 100%;height: 100%;object-fit: cover;background-color: #000000;}
.uploadC .imgpre .playVideo{width: 10vw;height: 10vw;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url(video-play.png) no-repeat;background-size: 100% 100%;}
.uploadC .input-group .close{width: 15px;height: 15px;background: url(close.png) no-repeat;background-size: 100%;cursor: pointer;position: absolute;right: -8px;top: -8px;display: none;}
.videopre{width:100%;height:100%;margin-top:10px;}
.videopre video{width:100%;height:100%;}
.uploadC .imgpre img, .videopre img{ width: 100%; height: 100%;  object-fit: cover;}
.uploadC .input-group .loadimg{ position: absolute; top:6.1vw; left: 6.1vw; z-index: 2; width: 7vw; height: 7vw; background: url(loading1.gif) no-repeat center center #FFF; background-size: 100% 100%; }
.classifybox{ border-bottom: 0px solid #eaeaea; padding: 10px 14px; justify-content: space-between;  background: rgba(193, 165, 125, .3);}
.classifybox li{ width: 25px; height: 25px; margin-right: 15px;}
.classifybox li.c1{background: url(icon1.png) no-repeat;background-size: 100%;}
.classifybox li.c1.cur{background: url(icon1-1.png) no-repeat;background-size: 100%;}
.classifybox li.c2{background: url(icon2.png) no-repeat;background-size: 100%;}
.classifybox li.c2.cur{background: url(icon2-1.png) no-repeat;background-size: 100%;}
.classifybox li.c3{background: url(icon3.png) no-repeat;background-size: 100%;}
.classifybox li.c3.cur{background: url(icon3-1.png) no-repeat;background-size: 100%;}
.classifybox .numbox{ line-height: 4.8vw; color: #cecece;}
.btnbox{width: 100%; max-width:768px; position: fixed;left: 50%;bottom: 3.5vh; transform: translate(-50%); z-index: 99;}
/* .btnbox div.send{width: 50%; }
.btnbox div.cancelTopic{width: 50%;} */
.btnbox img{height: 5vh; display: block;}
.tologin{ width: 25.1vw; height:7vw; line-height: 7vw; text-align: center; font-size: 16px; border-radius: 20vw; color: #FFF; background-color: #c7c7c7;margin:0 auto; background-color: #ea6021;margin-top:10vw; }
/* 录音 */
.upload_3{text-align: center;}
.upload_3 .time{color: #1e1e1e;font-size: 27px;margin-bottom: 40px;}
.record{ width:22vw;max-width: 168px;}
#stopRecord{display: none;}
#playVoice{display: none;}
.cancelLY,.confirmLY{width: 10vw;font-size: 15px;color: #84888b;cursor: pointer;max-width: 101px;display: none;}
.cancelLY{margin-right: 10px;}
.confirmLY{margin-left: 10px;}
.cancelLY img,.confirmLY img{width: 100%;display: block;margin:7px 0;}
.upload_3 .cont{width: 40.4vw;height: 7.3vw;background: url(lyP4.png) no-repeat;background-size: 100%;position: relative;max-width: 310px;max-height: 55px;}
.upload_3 .cont .lyPlay{width: 25px;position: absolute;left: 7.5px;top: 50%;transform: translateY(-50%);cursor: pointer;}
.upload_3 .cont .word{font-size: 12px;color: #FFFFFF;position: absolute;left: 35px;top: 50%;transform: translateY(-50%);}
.upload_3 .cont span{font-size: 12px;color: #FFFFFF;position: absolute;right: 9px;top: 50%;transform: translateY(-50%);}
.upload_3 .cont audio{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;}
.upload_3 .cont .close{width: 15px;height: 15px;background: url(close.png) no-repeat;background-size: 100%;cursor: pointer;position: absolute;right: -10px;top: -10px;}
.upload_3 .ly{display: none;}
@media screen and (min-width: 750px) {
  html{font-size: 100px;}
}
@media only screen and (device-width: 375px) and (device-height: 812px){
    .write{height: 70px;}
    .main {padding-bottom: 80px;}
}
@media only screen and (device-width: 414px) and (device-height: 896px){
    .write{height: 70px;}
    .main {padding-bottom: 80px;}
}
.pblStyle,.lbStyle{width: 50vw;height: 50vw;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 111;}
.search_cont{width: 100%;position: relative;background-color: #f1f1f1;padding: 15px 15px;overflow: hidden;}
.search_left{width: 60%;height: 30px;border: 1px solid #d9d9d9;position: relative;background-color: #FFFFFF;border-radius: 15px;float: left;}
.search_input{width: 100%; height: 100%;border-radius: 15px;outline: none;background: none;padding-left: 10px;}
.search_btn{width: 15px;position: absolute;right: 10px;top: 50%;margin-top: -8px;cursor: pointer;}
.search_right{width: 38%;float: right;height:30px;background-color: #e6e6e6;border-radius: 15px;}
.search_new,.search_hot{width: 50%;height: 30px;font-size: 15px;line-height:30px;border-radius: 15px;text-align: center;color: #7d7d7d;background-color: transparent;}
.search_new{float: left;}
.search_hot{float: right;}
.search_act{background-color: #FFFFFF;border: 1px solid #d9d9d9;color: #1e1e1e;}

.seeBigImg,.seeBigVideo{width: 100%;height: 100vh;position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,0.8);z-index: 1111;display: none;}
.seeBigImg .swiper-container,.seeBigImg .swiper-slide{width: 100%;height: 100%;overflow: hidden;}
.seeBigImg .swiper-slide img{width: 100%;height: 100%;object-fit: contain;}
.closeImg{width: 24px;height: 24px;position: absolute;right: 15px;top: 15px;cursor: pointer;z-index: 1112;}
.seeBigVideo video{display: block;width: 100%;height: 100%;object-fit: contain;border: 0;padding: 0;margin: 0;}


html, body{min-height: 100vh !important;}
.app-download{display: none;}
.index-bg{background: url(./imgqmj/abg.jpg) 0 0 no-repeat; background-size: 100% 100vh;}
.main .part1{background: url(./imgqmj/abook.png) 0 20px no-repeat; background-size: 100% 100%; height: 90vh;}
.part_list{width: 69%; margin-left: 16%; margin-top: 9vh; height: 70vh; overflow: auto; border: 0px solid #f00;}
.qmj-tr{position: fixed; top: -19vw; right: 0; z-index: 10; width: 38%;}
.page2{background: url(./imgqmj/abook.png) 0 20px no-repeat; background-size: 100% 100%;}
.page2 .main{width: 60%; padding-top: 10vh; padding-left: 0.8vw;  height: 90vh;   overflow: auto;}

.jietu{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000;}
.jt-container{width: 100vw; height: 100vh; position: relative;}
.jt-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.jt-main{ width: 100%; height: 100vh; flex-direction: column; position: absolute; left: 0; top: 0;}
.jt-top{padding: 20px 0 10px; color: #fff; font-size: 16px; line-height: 40px;}
.jt-avatar{width: 40px; height: 40px; border-radius: 50%; border: 2px solid #c9ae84;}
.jt-myname{padding-left: 10px;}
.jt-content{background: url(./imgqmj/jtbook.png) 0 0 no-repeat; background-size: 100% 100%; position: relative;}
.jt-btm{width: 84%; margin: 0 auto; height: 90px; padding-top: 10px;}
.jt-logo-ws img{height: 30px; margin-top: 10px; margin-right: 16px; display: block;}
.jt-logo2 img{height: 24px; margin-top: 14px; width: auto; display: block;} 
.jt-qr{}
.jt-qr img{width: 50px; height: 50px; display: block; border: 2px solid #fff; }
.jt-flower{position: fixed ; left: 0; bottom: 20px; width: 44%; display: none;}
.jt-flower-ani{position: fixed ; left: 0; bottom: 20px; width: 44%; animation: 1.5s jt-flower;}
@keyframes jt-flower {
  0%{width: 80%; left: -40%; bottom: -40vw;}
}
.jt-txtbg{position: absolute; left: 18%; width: 64%; top: 4%;}
.jt-txtbg img{width: 100%; display: block; height: 180px;}
.jt-title{position: absolute; left: 18%; width: 64%; top: calc(4% + 6px); font-size: 18px; color: #663907;}
.jt-word{position: absolute; left: 18%; width: 64%; top: calc(4% + 38px); font-size: 16px; color: #663907; line-height: 36px;}
.jt-back{position: absolute; left: 0%; top: 0px; width: 33%; display: block;}
.jt-share{position: absolute; right: 0px; top: 0px; width: 33%; display: block;}
.jt-tips{position: absolute; left: 0; top: calc(100vh - 135px); font-size: 14px; color: #663907; width: 100%; text-align: center;}
.jt-photo{position: absolute; right: 16%; bottom: 60px; width: 30%; max-height: calc(100% - 200px);}
.save-img{position: fixed; top: 10%; left: 5%; width: 90%; height: 80%; z-index: 10001; border: 3px solid #fff; opacity: 0;}
.cover{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000;}
.jt-logo-ws-new{position: fixed; width: 84%; left: 8%; top: calc(100vh - 65px);}
.jt-qr-new{position: absolute; right: 48%; bottom: 60px;}
.jt-qr-new img{ border: 2px solid #fff; width: 50px; height: 50px; display: block;}

.pswp__ui--one-slide{display: none !important;}

.huaiyin{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background: url(./imgqmj/huaiyin1.jpg) 0 0 no-repeat; background-size: 100% 100%;}
.huaiyin2{width: 46%; left: 4%; position: fixed; bottom: 10vh;}
.huaiyin3{width: 46%; right: 4%; position: fixed; bottom: 10vh;}