#pin_view_layer2 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #03101B; z-index: 99990; overflow-y: scroll; overflow-x: hidden; }
img { vertical-align: middle; }

/*作品详情*/
.works-detail-top { width: 100%; height: 510px; color: #838897; overflow: hidden; }
.works-detail-top .works_copyright { margin-top: 148px; font-size: 16px; color: #DCF3FA; background: url(../images/art_detail_cate_bg.png) no-repeat; height: 24px; width: 100%; padding-left: 34px; box-sizing: border-box; }
.works-detail-top .topmain { margin: auto; width: 1300px; }
.works-detail-top .topmain h2 { width: 100%; height: 245px; font-size: 60px; color: #DCF3FA; margin-top: 15px; overflow: hidden; margin-bottom: 30px; }
.works-detail-top .userdoc { color: #DCF3FA; float: left; height: 38px; box-sizing: border-box; }
.works-detail-top .userdoc .user_pic { width: 38px; position: relative; }
.works-detail-top .userdoc span { display: block; float: left; height: 38px; }
.works-detail-top .userdoc span img { width: 38px; height: 38px; border-radius: 19px; }
.works-detail-top .userdoc .author { font-size: 14px; margin-left: 12px; line-height: 38px; }
.works-detail-top .userdoc .date { font-size: 12px; font-weight: bold; margin-left: 30px; color: #838897; line-height: 38px; }
.works-detail-top .look_data { float: right; line-height: 18px; height: 18px; margin-top: 12px; text-align: right }
.works-detail-top .look_data span { float: left; color: #DCF3FA; margin-left: 40px; box-sizing: border-box; }
.works-detail-top .look_data .look { background: url(../images/art_detail_look.png) 0 0px no-repeat; }
.works-detail-top .look_data .review { background: url(../images/art_detail_review.png) 0 0px no-repeat; }
.works-detail-top .look_data .like { background: url(../images/art_detail_like.png) 0 0px no-repeat; }
.works-detail-top .look_data .look b, .works-detail-top .look_data .review b, .works-detail-top .look_data .like b { display: inline-block; height: 18px; vertical-align: middle; line-height: 18px; margin-left: 26px; background-size: 18px 12px }
.works-crumbs { margin-top: 24px; }
.works-crumbs a { color: #838897 }
.works-detail .works-crumbs a { font-size: 12px; color: #838897; }
.works-detail .works-crumbs span { padding: 0px 5px; color: #838897; }
/*作品详情*/

.works-main { position: relative; padding-top: 80px; min-height: calc(100% - 80px); min-height: calc(100vh - var(--main-menu-height)); background: #000;height:calc(100% - 80px) }
@media(min-width:992px) {
.works-main { display: -webkit-box; display: -ms-flexbox;  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; /*display: flex;align-items: center;*/ }
}
.works-main .works-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
@media(min-width:992px) {
.works-main .works-container { justify-content: center; margin-right: 390px; top:80px; padding:0px 40px; }
}
.works-main .works-info-container { background-color: #000; border-left:1px solid rgba(255, 255, 255, 0.10); }
@media(min-width:992px) {
.works-main .works-info-container { width: 390px; height: calc(100% - 80px); height: calc(100% - var(--main-menu-height)); position: fixed; top: 80px; /*top:var(--main-menu-height);*/
right: 0; z-index: 4; overflow: hidden }
}
.works-main .works-container .works-detail-info { width: calc(100% - 40px);  margin: auto; text-align: center; }
.works-main .works-container .content{ margin-top:20px; padding-bottom:40px; min-height:400px;}
.works-main .works-container .content img { max-width: 96%; height: auto }
.works-main .works-container .works-detail-info .content .img { max-height: 100vh; max-height: calc(100vh - 92px); max-height: calc(100vh - var(--main-menu-height)); }
/*.works-main .works-container .works-detail-info .content .video-player{width: 1280px !important;height: 720px !important; margin: auto;background-color: #000; max-width: 100%;max-height: 100%;}*/
.works-main .works-container .works-detail-info .content video{ max-width:100%; max-height: 100%;}
.works-main .works-container .works-detail-info .content .prism-player{ width:1280px !important; height:720px !important; margin:auto;  max-width:100%; max-height:100%;}
.works-main .works-container .works-detail-info .content .prism-player video{ width:auto !important; height:auto !important; margin:auto;}
.works-main .works-container .works-detail-info:only-child .caption+.content .img { max-height: calc(100vh - 92px - 25px); max-height: calc(100vh - var(--main-menu-height) - 25px) }
.works-main .works-container .works-detail-info:not(:only-child) .content .img { max-height: 100vh; max-height: calc(100vh - 92px - 14px); max-height: calc(100vh - var(--main-menu-height) - 14px) }
.works-main .works-container .works-detail-info .describe { width: 100%; color: #DCF3FA; line-height: 25px; text-align: center; min-height: 5px; font-size: 14px;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -o-pre-wrap; }
.works-info-container .detailrow { width: 100%; height: 100%; background: #000; }
@media(min-width:992px) {
.works-info-container .detailrow { width: 390px; }
}
.works-info-container .works_close { width: 50px; height: 50px; position: absolute; top: 8px; right: 8px; background: url(../images/works_close2.png) center no-repeat; cursor: pointer; }
.works-info-container .detail_header { width: calc(100% - 32px); margin: auto; overflow: hidden; padding-top: 45px; }
.works-info-container .blueline { width: 100%; height: 1px; background: #0A2C60 }
.works-info-container .detail_header .related { color: #666666; font-size: 16px; margin-bottom: 20px; }
.works-info-container .detail_header .related .user_pic { width: 64px; margin: auto; position: relative; }
.works-info-container .detail_header .related .user_pic a { width: 100%; height: 100%; display: block; }
.works-info-container .detail_header .related .user_pic img { width: 64px; height: 64px; border-radius: 32px; }
.works-info-container .detail_header .related .user_pic .is_teacher{ width:100%; height:18px; background: url(../images/is_teacher.png) right no-repeat; background-size:100%; position:absolute; bottom:-5px; left:0px;}
.works-info-container .detail_header .related .user_name { font-size: 24px; color: #fff; margin-top: 16px; width: 100%; height: 33px; line-height: 33px; text-align: center; overflow: hidden }
.works-info-container .detail_header .related .user_name .bigV{background: url(../images/bigv.png) no-repeat;  width: 14px; height: 14px; display:inline-block; }
.works-info-container .detail_header .related .user_company { font-size: 12px; color: rgba(255, 255, 255, 0.30); margin-top: 4px; width: 100%; text-align: center }
.works-info-container .detail_header .related .user_company .position {  font-size: 12px; color:rgba(255, 255, 255, 0.30); }

.works-info-container .detail_header .related .user_pic .gx_follow{background: url(../images/gx_follow2.png?2) no-repeat; width:109px; height:48px; position:absolute; top:-35px; left:60px;opacity:0}
.works-info-container .detail_header .related .user_pic .gx_collection{background: url(../images/gx_collection2.png) no-repeat; width:109px; height:48px; position:absolute; top:-35px; left:60px;opacity:0}

.works-info-container .detail_header .related .userMedal{ text-align:center; margin-top:10px;}
.works-info-container .detail_header .related .userMedal span{width: 12px;height: 2px; background:#346D86;border-radius: 1px;display: inline-block; vertical-align: middle;}
.works-info-container .detail_header .related .userMedal img{ width:38px;display: inline-block; margin-left:3px; margin-right:3px; cursor:pointer}

.works-info-container .detail_header .related .intro{ width:100%; display:inline-block;}
.works-info-container .detail_header .related .user_info{ float:left; margin-left:15px;}

.works-info-container .detail_header .related .mbox-flex{width:100%;height: 40px;background: #091C2B;border-radius: 8px;border: 1px solid #346D86; margin-top:20px;  padding:8px 24px;box-sizing:border-box;  text-align:center}
.works-info-container .detail_header .mbox-flex .like{ margin:auto;cursor:pointer; float:left; margin-left:50px;}
.works-info-container .detail_header .mbox-flex .like .icon{width:24px; height:24px;background: url(../images/flex_like.png?2) no-repeat; float:left}
.works-info-container .detail_header .mbox-flex .like.on .icon{background: url(../images/flex_like_on.png) no-repeat;}
.works-info-container .detail_header .mbox-flex .like .num{ height:24px; line-height:24px;color: #2A5D73;font-size: 14px;font-weight: 400; float:left;  margin-left:8px; }
.works-info-container .detail_header .mbox-flex .like.on .num{color:#70FFF7}

.works-info-container .detail_header .mbox-flex .collection{ margin:auto;cursor:pointer; float:right; margin-right:50px;}
.works-info-container .detail_header .mbox-flex .collection .icon{width:24px; height:24px;background: url(../images/flex_collection.png) no-repeat; float:left}
.works-info-container .detail_header .mbox-flex .collection.on .icon{background: url(../images/flex_collection_on.png) no-repeat;}
.works-info-container .detail_header .mbox-flex .collection .num{ height:24px; line-height:24px;color: #2A5D73;font-size: 14px;font-weight: 400; float:left;  margin-left:8px; }
.works-info-container .detail_header .mbox-flex .collection.on .num{ color:#70FFF7}
.works-info-container .userworks_list{ overflow:hidden;}
/*介绍*/
.works-info-container .works_introduce { width: 100%;  margin: auto; overflow: hidden; margin-top:24px; padding-bottom: 12px; }
.works-info-container .works_introduce .top { width: 100%; display: block; margin-top: 9px; overflow:hidden; }
.works-info-container .works_introduce .title { width: 330px; overflow:hidden; float:left }
.works-info-container .works_introduce .title h1{ max-width: 284px; line-height: 22px; color: #fff; float: left; font-size: 16px; font-weight:600; }
.works-info-container .works_introduce .title span{ width:40px; height:18px; display:block; color:#051827; background:#70FFF7; text-align:center;  border-radius: 9px 0 9px 0px ; margin-left:8px; margin-right:8px; margin-top:2px; float:left; }
.works-info-container .works_introduce .jt2 { width: 100%; display: block; color: rgba(255, 255, 255, 0.80); line-height: 24px; font-size: 14px; margin-top: 12px;margin-bottom: 12px; word-wrap: break-word; overflow:hidden; }
.works-info-container .works_introduce .jt3{width: 100%; display: block; overflow:hidden;background: url(../images/bjhz_icon.png) #17253A no-repeat; margin-top: 8px;font-size: 14px; padding:8px;box-sizing:border-box; color:#70FFF7;word-wrap:break-word}
.works-info-container .works_introduce .jt3 a{color:#70FFF7; display:block;word-wrap:break-word}
.works-info-container .works_introduce .bottom { width: 100%; height: 16px; margin-top: 12px; }
.tagtime { width:100%; overflow:hidden;}
.works-info-container .works_introduce .bottom .createtime { float:right;color: rgba(255, 255, 255, 0.30); font-size:14px; }
.tagtime .createtime { float:right;color: rgba(255, 255, 255, 0.30); font-size:14px; margin-right:10px; }

.Kks02s{ border-bottom: 1px solid rgba(255, 255, 255, 0.10); padding-bottom:10px; width:100%; margin-top:30px; height:32px;}
.Kks02s .title { width: 550px; overflow:hidden; float:left; margin-top:5px; }
.Kks02s .title h1{ line-height: 22px; color: #72fff7; float: left; font-size: 16px; font-weight:600; }
.Kks02s .title span{ width:48px; height:18px; display:block; color:#051827; background:#70FFF7; text-align:center;  border-radius: 9px 0 9px 0px ; margin-left:8px; margin-right:8px; margin-top:2px; float:left; }
.alsoJ2{ width:100%; color:#fff; font-size:14px; text-align:left; line-height:20px; margin-top:10px; display:block;}
.Kks02s .title .sj9d{ background:#adf11a}
/*作品列表*/
.userworks_list{ padding-bottom:15px; overflow:hidden;}
.userworks_list .tit{ width:100%; height:20px; text-align:center; font-size:14px; color: #FFF;  margin-bottom:16px;text-align: center;}
.userworks_list .tit span{display:inline-block; float:left; }
.userworks_list .txt{ padding-left:8px; padding-right:8px;height:20px;line-height:20px;vertical-align: bottom;}
.userworks_list .ti1{background: url(../images/works-Polygon1.png) center no-repeat; width:20px; height:20px;}
.userworks_list .ti2{background: url(../images/works-Polygon1.png) center no-repeat; width:20px; height:20px;    transform: rotate( 180deg ) !important;}
.userworks_list .works_list{ float:left;height: 106px; width:332px; overflow:hidden; display:block;}
.userworks_list .works_list a{ width: 106px;height: 106px; display:block; float:left; margin-right:7px; border-radius: 8px; position:relative; background: url(../images/works_xxk.png) no-repeat;}
.userworks_list .works_list a:nth-child(3) { margin-right:0px; }
.userworks_list .works_list a span{ display:block; position:absolute; top:0px; right:0px;width: 36px;height: 18px; line-height:18px; text-align:center; color:#1E474D;background:#70FFF7;border-radius: 0px 8px 0px 8px;}
.userworks_list .works_list img{ width: 106px;height: 106px; border-radius: 8px;object-fit: cover;}
.userworks_list .diangenduo{background: url(../images/works_genduo.png) center center no-repeat; width:24px;height: 106px; float:left; margin-left:15px; cursor:pointer}
.userworks_list .diangenduo a{ display:block; width:100%; height:100%;}
.userworks_list .works_count{width:100%;height: 19px;font-size: 14px;color:#346D86;line-height: 19px;letter-spacing: 1px; padding-top:8px; text-align:center; overflow:hidden; margin-bottom:16px;}
/*评论*/
.works-comments { width: calc(100% - 32px); margin: auto; }
.works_carioca {  width: 100%; }
.works_carioca .works_textarea { width: 100%; margin: auto; }
.works_carioca .works_textarea .commentContent { width: 248px; height: 40px; background:rgba(28, 77, 0, 0.30); border-radius: 20px; font-size: 14px; color: #DCF3FA; line-height: 25px; border-color: #072339; margin: auto; margin-top: 15px; margin-bottom: 20px; padding: 8px; border: 0px; box-sizing: border-box; overflow-wrap: break-word; overflow: hidden; outline: none; float: left; }
.works_carioca .works_textarea .comment-submit { float: right; }
.works_carioca .works_textarea .comment-submit span { width: 96px; height: 40px; margin-top: 15px; float: right; overflow: hidden; cursor: pointer; color:rgba(0, 0, 0, 0.90); line-height: 40px; text-align: center; font-size: 16px; background:#70FFF7; border-radius: 20px;font-weight: 600; }
.works-info-container .comment_nav { width: 100%; height: 20px; padding-bottom: 11px; }
.works-info-container .comment_nav .nav_font { background: url(../images/works-pl1.png) 0px no-repeat; padding-left: 36px; font-size: 16px; height: 20px; line-height: 20px; color: #fff; }
/*评论列表*/
.works-info-container .comlist .comment_list { position: relative; color: #fff; width: 100%; margin: auto; padding-bottom: 20px; }
.works-info-container .comlist .no_more_art { text-align: center; color: #838897; font-size: 14px; padding-top: 20px; }
.works-info-container .comlist { width: 100%; min-height: 250px; margin: auto; padding-bottom: 50px; color: #DCF3FA }
.works-info-container .comlist .answerSingle { border-bottom: 1px solid rgba(255, 255, 255, 0.10); width: 100%; padding-bottom: 12px; }
.works-info-container .comlist .answerSingle:last-child { border: 0px; }
.works-info-container .comlist .answerSingle .answerDetailInfo { width: 100%; height: 30px; line-height: 30px; margin-top: 20px; }
.works-info-container .comlist .answerSingle .phone { width: 30px; height: 30px; float: left; position: relative; }
.works-info-container .comlist .answerSingle .answerDetailInfo .phone img { width: 32px; height: 32px; border-radius: 15px; }
.works-info-container .comlist .answerSingle .answerDetailInfo .username { color: rgba(255, 255, 255, 0.60); font-size: 14px; float: left; margin-left: 15px; }
.works-info-container .comlist .answerSingle .answerDetailCon { font-size: 16px; margin-top: 12px; margin-bottom:12px; color: rgba(255, 255, 255, 0.90); line-height: 25px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
.works-info-container .comlist .answerSingle .answerDetailCon img { max-width: 100%; }
.works-info-container .comlist .answerSingle .caozuo { width: 100%; overflow: hidden; }
.works-info-container .comlist .answerSingle .caozuo div { height: 18px; line-height: 18px; cursor: pointer }
.works-info-container .comlist .answerSingle .caozuo .commentReply { float: left; font-size: 14px; margin-right: 30px; color:#346D86; }
.works-info-container .comlist .answerSingle .caozuo .commentReply.on { color:#70FFF7 }
.works-info-container .comlist .answerSingle .caozuo .answerzan { background: url(../images/course_question_dzbg.png) no-repeat; float: left; font-size: 14px; margin-left: 60px; padding-left: 30px; }
.works-info-container .comlist .answerSingle .caozuo .answerzan.on { background: url(../images/course_question_dzbg_on.png) no-repeat; color: #13AFF0; }
.works-info-container .comlist .answerSingle .caozuo .del { color: #346D86; float: left; font-size: 14px; }
.works-info-container .comlist .answerSingle .caozuo .create_time { font-size: 12px; color:rgba(255, 255, 255, 0.30); float: right; }
.works-info-container .comlist .answerSingle .commentFrom { width: 100%; overflow: hidden; }
.works-info-container .comlist .answerSingle .commentFrom .comint { width: 258px; float: left; overflow: hidden; }
.works-info-container .comlist .answerSingle .commentFrom .commentZiInput { width: 100%; height: 40px; background:rgba(28, 77, 0, 0.30); border-radius: 6px; font-size: 14px; color: #fff; line-height: 20px; border-color:#072F46; margin: auto; margin-top: 15px !important; margin-bottom: 20px !important; padding: 10px; border: 0px;border-radius: 20px; box-sizing: border-box; overflow-wrap: break-word; overflow: hidden; outline: none; }
.works-info-container .comlist .answerSingle .commentFrom .answerSub { float: right; margin-top: 15px; }
.works-info-container .comlist .answerSingle .commentFrom .answerSub .subenter { width: 88px; height: 40px; float: right; overflow: hidden; cursor: pointer; color:rgba(0, 0, 0, 0.90); line-height: 40px;font-weight: 600; text-align: center; font-size: 16px; background:#70FFF7; border-radius: 20px; }
.works-info-container .comlist .answerSingle .comment { width: 100%; border-left:1px solid rgba(255, 255, 255, 0.10); overflow: hidden; margin-top: 15px; }
.works-info-container .comlist .answerSingle .comment .fbcomment { width: 96%; margin: auto; }
.works-info-container .comlist .answerSingle .comment .commentInput { width: 90%; height: 45px; border-radius: 4px; background-color: rgba(50, 60, 104, 1); float: left; border: 0px; margin-top: 20px; padding-left: 10px; color: #DCF3FA; box-sizing: border-box; padding: 10px 10px; line-height: 25px; font-size: 16px; }
.works-info-container .comlist .answerSingle .comment .commentSub { width: 96px; height: 34px; line-height: 34px; border-radius: 4px; font-size: 16px; background: url(../images/write_answer_bg.png) 18px 10px #2475EC no-repeat; float: right; padding-left: 25px; box-sizing: border-box; cursor: pointer; margin-top: 27px; border: 0px; color: #DCF3FA; font-size: 16px; box-sizing: border-box; }
.works-info-container .comlist .answerSingle .comment .commentlistnav { width: 100%; overflow: hidden; margin-top: 10px; font-size: 16px; border-bottom: 1px solid #273460; height: 50px; line-height: 50px; }
.works-info-container .comlist .answerSingle .comment .commentlistnav div { width: 96%; margin: auto; display: block; color: #DCF3FA; }
.works-info-container .comlist .answerSingle .comment .commentlist { color: #838897; text-align: center; overflow: hidden; width: 100%; }
.works-info-container .comlist .answerSingle .comment .commentSingle { width: 100%; margin: auto; padding-left: 8px; box-sizing: border-box; padding-bottom: 10px; }
.works-info-container .comlist .answerSingle .comment .commentSingle:last-child { border: 0px; padding-bottom: 10px; }
.works-info-container .comlist .answerSingle .comment .commentSingle .commentInfo { width: 100%; height: 30px; line-height: 30px; margin-top: 5px; }
.works-info-container .comlist .answerSingle .comment .commentSingle .commentInfo .phone img { width: 30px; height: 30px; border-radius: 15px; }
.works-info-container .comlist .answerSingle .comment .commentSingle .commentInfo .username { color: #fff; font-size: 14px; float: left; margin-left: 15px; }
.works-info-container .comlist .answerSingle .comment .commentSingle .commentInfo .rpnav { float: left; color: #838897; font-size: 14px; margin-left: 7px; margin-right: 7px; }
.works-info-container .comlist .answerSingle .comment .commentSingle .commentInfo .reply_username { float: left; font-size: 14px; }
.works-info-container .comlist .answerSingle .comment .commentSingle .commentContent { font-size: 16px; line-height: 21px; width: 100%; margin-top: 12px; margin-bottom: 12px; color:#fff; overflow: hidden; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
.works-info-container .comlist .answerSingle .comment .commentSingle .commentCaozuo { line-height: 20px; width: 100%; font-size: 14px; overflow: hidden; }
/*上传弹窗*/
#pin_upload_popup { position: fixed; top: 60px; right: 0; bottom: 0; left: 0; background: rgba(14, 18, 37, .80); z-index: 99998; overflow: auto;}
#pin_upload_popup .upload-main { margin: auto; margin-top:180px; background:rgba(18,36,58,1);width: 610px; overflow: hidden; border-radius: 8px; box-sizing: border-box; height: auto; position: relative; padding:24px 0px; }
#pin_upload_popup .addWorksFiles{ width:96px; height:40px; border-radius:20px; background:#70FFF7; font-size:16px; color:#1E474D; line-height:40px; text-align:center; margin:auto; margin-top:16px; cursor:pointer; display:none}
.upload-main .upload-info{ width:554px; margin:auto;}
.upload-main .upload-info .file{ border-bottom:1px solid #1B2F43; width:480px; margin:auto; padding-bottom:18px;}
.upload-main .upload-info .firstUpload{width: 128px; height: 44px; line-height: 40px; border: 2px solid #70FFF7; font-size: 18px; border-radius: 22px; padding-left: 40px; background: url(../images/add_icon2.png) 13px 8px no-repeat; box-sizing: border-box; color: #70FFF7;  margin:auto; margin-top:55px; cursor:pointer; overflow:hidden; margin-bottom:8px;}
.upload-main .upload-info .file .guige{ width:390px; text-align:center; margin:auto; color:#346D86; font-size:12px; overflow:hidden;}
.upload-main .upload-info .outer-chain{ padding-top:23px;}
.upload-main .upload-info .outer-chain .link{ width:100%; overflow:hidden;}
.upload-main .upload-info .outer-chain .link .linkinput{ width:390px; height:40px; float:left; margin-left:78px; margin-bottom:8px; border-radius:20px; background:#072F46; font-size:14px; color:#838897; padding:0px 17px; overflow:hidden; line-height:40px; border:0px;box-sizing:border-box;}
.upload-main .upload-info .outer-chain .link div{ width:82px; float:left; font-size:14px;height:40px; line-height:40px; color:#FF0303; padding-left:16px;box-sizing:border-box; margin-left:4px; display:none}
.upload-main .upload-info .outer-chain .link .correct{ background: url(../images/sc_correct.png) 0px center no-repeat;}
.upload-main .upload-info .outer-chain .link .error{ background: url(../images/sc_error.png) 0px center no-repeat; }
.upload-main .upload-info .outer-chain .worksAddUrl{ background: url(../images/wl_addurl2.png) no-repeat; width:60px; padding-left:30px; font-size:14px; color:#346D86; display:block; overflow:hidden; margin:auto; margin-top:8px; height:26px; line-height:26px; cursor:pointer;}
.upload-main .upload-info .outer-chain .guige{ width:390px; text-align:center; margin:auto; color:#346D86; font-size:12px; margin-top:16px;}
.popup-upload-close { width: 18px; height: 18px; position: absolute; right: -24px; top: -24px; cursor: pointer }
.popup-upload-close i { width: 18px; height: 18px;  background: url(../images/popup_close2.png) no-repeat; position: fixed }
.upload-main .upload-info .file .filelist{ width:100%; overflow:hidden; margin-bottom:5px; display:none}
.upload-main .upload-info .file .filelist .works_upload{ width: 80px;height: 80px; background: url(../images/works_upload2.png) no-repeat; float:left; cursor:pointer}
.upload-main .upload-info .file .filelist .single{ width: 80px;height: 80px; display:block; float:left; margin-right:9px; margin-bottom:8px;border: 1px dashed #70FFF7;border-radius: 12px;}
.upload-main .upload-info .file .filelist .img{vertical-align: middle;object-fit: cover; width:80px;height: 80px; border-radius:12px;}

.showImg{cursor: zoom-in;}.zan-Ik3 .icon
#bigImg{cursor: zoom-out;}

.zan-Ik3{ width:356px; height:35px; background:#152323; border-radius:6px; margin-top:12px; cursor:pointer;}
.zan-Ik3 .sm{ width:205px; font-size:14px; color:#a3d0cd; line-height:35px; margin-left:25px; float:left;}
.zan-Ik3 .icon{background: url(../images/dianzan1.png) 0px center no-repeat; width:23px; height:23px; float:left; margin-top:6px; margin-left:14px;}
.zan-Ik3 .Iks2s-zan{ margin-top:11px; margin-left:4px;}
.zan-Ik3 .Iks2s-zanci{ font-size:10px; margin-top:13px; margin-left:4px;}
.zan-Ik3.on .icon{background: url(../images/dianzan1_on.png) 0px center no-repeat;}
.zan-Ik3 .Iks2s{ float:right; width:105px; height:100%; background:#70fff7; text-align:center; font-size:14px; font-weight:bold;  color:#000; line-height:15px;border-radius:6px;}
.zan-Ik3.on .Iks2s{color:#000;}

.zan-Ik1{ width:356px; height:35px; background:#1c2315; border-radius:6px; margin-top:12px; cursor:pointer; overflow:hidden; display:block;}
.zan-Ik1 .sm{ width:205px; font-size:14px; color:#c3d2b4; line-height:35px; margin-left:25px; float:left;}
.zan-Ik1 .icon{background: url(../images/gwc.png) 0px center no-repeat; width:25px; height:20px; background-size:100%; float:left;  margin-top:6px; margin-left:18px;}
.zan-Ik1 .Iks2s{  float:right; width:95px; height:100%; border-radius:53px; background:#adff5a; text-align:center; font-size:14px; font-weight:bold;  color:#000; line-height:15px;}
.zan-Ik1 .Iks2s-zan{ margin-top:11px; margin-left:8px;}
.zan-Ik1 .dkd9s{ float:right;width:95px; height:100%; border-radius:53px; background:#adff5a; text-align:center; font-size:14px; font-weight:bold;  color:#000; line-height:35px; }

.zan-Ik2{ width:356px; height:35px; background:#1c2315; border-radius:6px; margin-top:12px; cursor:pointer; overflow:hidden; display:block}
.zan-Ik2 .sm{ width:205px; font-size:14px; color:#c3d2b4; line-height:35px; margin-left:25px; float:left;}
.zan-Ik2 .icon{background: url(../images/xiazai-icon.png) 0px center no-repeat; width:23px; height:23px; float:left; margin-top:6px; margin-left:14px;}
.zan-Ik2 .Iks2s-zan{ margin-top:11px; margin-left:4px;}
.zan-Ik2 .Iks2s-zanci{ font-size:10px; margin-top:13px; margin-left:4px;}
.zan-Ik2 .Iks2s{  float:right; width:105px; height:100%; background:#adff5a; text-align:center; font-size:14px; font-weight:bold;  color:#000; line-height:15px;border-radius:6px; }
.zan-Ik2.on .Iks2s{color:#000;}

.sysewM{ width:356px; height:80px; border:1px solid #152323;background:#152323;  border-radius:6px; margin-top:12px;}
.dksie1{ float:left; color:#a3d0cd; width:225px; margin-left:20px; margin-top:15px; font-size:14px; text-align:center;}
.ds2{ width:100%;     border-bottom: 1px solid #a3d0cd; display:block; padding-bottom:5px; margin-bottom:5px;}
.disk2d{ float:right; width:78px; height:78px; border:1px solid #70fff7; border-radius:6px; overflow:hidden;}
.disk2d img{ width:100%;border-radius:6px; overflow:hidden;}


.payment2502-payway-list { margin-top:15px;}
.payment2502-payway-item.active { background-color: #defffc; border-color: #11d8c4; cursor: default; }
.payment2502-payway-item:hover{ background-color: #defffc; border-color: #11d8c4; cursor: default;}
.payment2502-payway-item { position: relative; width: 178px; height: 60px; padding-left: 30px; margin:auto;  margin-bottom: 20px; border: 2px solid #f1f3f5; user-select: none; cursor: pointer; -webkit-border-radius: 6px; border-radius: 6px; display: flex; align-items: center; background: #fff; color: #000; cursor:pointer; }
.payment2502-payway-item.active:before { background-color: #defffc; border-color: #3ee1d0; }
 @media (min-width: 1200px) {
.payment2502-payway-item .cover { width: 42px; height: 42px; margin-right: 5px; }
}
.payment2502-payway-item .name { font-size: 18px; font-weight: 400; line-height: 25px; white-space: nowrap; }