body{height:100%!important;background:#f8f9fb!important}
@media (max-width:1600px){
    #wp,.wp{ padding: 0 10px}
}
#wp,.wp{max-width: 1600px; width: auto !important}
.bd_box,.bd-box{position:relative;padding:0;}
.statetips{margin-bottom:10px;padding-left:20px;background:#fefcf5;color:#ff8b3e;font-size:13px;line-height:40px;}
.left-main,.right-sidebar{box-sizing:border-box;}
.left-main{margin-right:450px;}
.left-main .left-mod{position:relative;padding:25px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1);  float: left; box-sizing: border-box; width: 100%;}
.left-main .left-mod .mod-hd{margin:5px 0 20px;font-weight:600;font-size:20px;}
.left-main .keke-list-item{ box-shadow: none; border: 0;}
.right-sidebar{float:right;width:420px}
.right-sidebar .sidebar-mod{padding:25px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1)}
.right-sidebar .sidebar-mod img{max-width:100%}
.swiper-container{margin-right:auto;margin-left:auto;width:100%;height:300px; z-index: inherit !important}
.swiper-slide{background-size:cover;text-align:center;background: #f7f7f7 50%;}
.swiper-slide-visible{background-size: 100%}
/*.swiper-slide img{width:100%;height:100%;object-fit:cover}*/
.swiper-slide img{ max-width: 100%; max-height: 100%;}
.swiper-slide{height: 600px;vertical-align: middle;text-align: center;justify-content: center;display: flex;align-items: center;}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {--swiper-navigation-color: #eeeeee !important;}
.gallery-top{width:100%;height:620px}
.gallery-thumbs{box-sizing:border-box;padding:20px 0 0!important;height:130px;cursor:pointer;}
.gallery-thumbs .swiper-slide{ background-repeat: no-repeat; background-position:center;box-sizing:border-box;height:100%;border:3px solid #f6f7f9;opacity:.7;}
.gallery-thumbs .swiper-slide-thumb-active{border:3px solid #3478ff;opacity:1}
.title-detail{padding-bottom:15px;color:#3e4045;text-align:left;font-weight:600;font-size:20px;line-height:32px}
.freedown{border: 1px solid #ffc8bf;background: #fff9f8; letter-spacing: 0; border-radius: 1px; padding: 0 7px; font-size: 13px !important; color: #ff4f33;}
.img-info{position:relative;display:table;box-sizing:border-box;margin:10px 0;padding:20px 15px 7px;width:100%;border:0 dashed #e3e3e3;background:#f6f7f9;}
.img-info ul li{float:left;margin-bottom:13px;width:50%;font-size:13px;}
.etail-title{float:left;color:#919191;}
.f-box{position:relative;margin-top:18px;}
.f-box ul li{position:relative;float:left;width:33.33%;text-align:center;font-size:14px;cursor:pointer;}
.f-box ul li:before{right:0;}
.f-box ul li:before,.f-box ul li:first-child:after{position:absolute;top:4px;width:1px;height:15px;background:#e3e3e3;content:"";}
.f-box ul li:first-child:after{left:0}
.f-box ul li .share-txt{ position: relative}
.f-box ul li .share-txt:before{ position:absolute;top:-1px; right: -12px; border-radius: 50px; width:7px;height:7px;background:#ff4f33;content:""; }

.post-metas{margin-bottom:25px;border-bottom:0 dashed #e6e6e6; font-size: 12px; font-weight: 400;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.post-metas .data-con{margin-right:20px;}
.post-metas .data-con .keke_iconfont{margin-right:10px;color:#999;}
.currency{ margin-top: -5px; position: relative; font-size: 30px; font-weight: 600; border-bottom: 0 dashed #eee;}
.currency:before{position:absolute;top:12px; left:-55px;width:10px;height:15px;background:#396afc;content:"";}
.currency .post-metas{ margin-bottom: 30px; color: #999}
.currency_title:before{position:absolute;top:10px; left:0;width:5px;height:15px;background:#396afc;content:"";}
.currency_title{ padding-left:20px;position: relative; margin-bottom: -10px;}
.titledescribe{ font-size: 14px; font-weight: 400; margin-left: 15px; color: #ccc}
.summary{margin-bottom:20px;font-size:14px;line-height:28px}
.summary img{ max-width: 100% ; height: auto;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.file-price ul li{font-size:14px;line-height:38px; position: relative}
.file-price ul li .keke_iconfont{ font-size: 12px; margin-right: 10px;/* color: #999*/}
.file-price ul li:first-child:after{ background: none;}
.file-price ul li:after{content:'';position:absolute;top:-4px;left:4px;height:10px; width: 1px; background: #ccc}
.file-price ul li .price-num{margin:0 10px;color:#ff4f33;letter-spacing:.05rem;font-weight:600;font-size:18px;font-family:keke-num-font}
.file-price ul li .price-unin{margin-right:5px;font-size:12px}
.file-price ul li .price-num .creditunin,.soft-attribute .price-num .creditunin{font-weight:400;font-size:12px;font-family:Microsoft YaHei,PingFang,Heiti SC}
.adminedit{ background: #ff4726; border-radius: 50px; padding: 2px 10px; color: #fff !important}
.price-tag{position: relative; margin-top: 10px; margin-left: 15px; color: #fff;background: #0a0a0a; line-height: 18px;display: inline-block;background: linear-gradient(to right, #141e30, #243b55); z-index: 22; font-size: 12px; padding: 0 7px 0 5px; border-radius:0 2px 2px 0;}
.original-price .keke_iconfont{ z-index: -1; color: #0a0d1e;  position: absolute;left: -8px; font-size: 24px !important; margin: 0 !important}
.file-list-size{margin-top:4px;color:#999;font-size:12px;}
.file-info{margin:4px 0;color:#888;font-size:12px;}
.file-cod{ color: #000; font-weight: 400; font-size: 13px;}
.file-name{ font-weight: 600; font-size: 14px}
.file-down-btna{background: #f0f2f4;color: #000;padding: 5px 13px; border-radius: 0;}
.filelist-ico{margin:0;color:#0277ff;}
.file-list-ico{padding-right:5px!important;text-align:left}
.file-list-table {width: 100%;}
.file-list-table tr:hover{ background: #f6f7f8;}
.file-list-table tr:hover .file-down-btna{ background: #05f; color: #fff;}
.file-list-table td.file-list-ico{ padding-left: 15px !important;}
.file-list-table td{padding:18px 10px!important;border-width: 1px 0 1px;border-color:#eee;border-style: dashed;}
.slide{margin:0 7px; color: #e3e3e3;}
.netdisk-ico{color:#ffbf1a;}
.down-btn .btn-tag{float:left;padding:10px 0;text-align:center;}
.btn-org{width:50%;background:#05f;background: linear-gradient(to right, #396afc, #2948ff);color:#fff !important;}
.btn-right{float:right!important;width:50%;background:#0a0a0a; background: linear-gradient(to right, #141e30, #243b55);color:#f9f9f9 !important;}
.down-btn .btn-tag span{display:block;}
.fw{margin-bottom:3px;font-weight:800;font-size:16px;}
.file-author .user-face{float:left;display:block;margin-right:10px;width:48px;height:48px;}
.file-author .user-face img{width:46px;height:46px;-webkit-border-radius:50%;border-radius:50%;}
.file-author .user-info{float:left;width:194px;}
.file-author .user-info-num{margin-top:5px;}
.user-info p.user-name{color:#333;font-weight:800;font-size:14px;}
.follow-user-btn{float:right;margin-top:8px;width:80px;height:32px;border:1px solid #3478ff;-webkit-border-radius:4px;border-radius:4px;color:#3478ff;text-align:center;line-height:32px;cursor:pointer;}
.media-left{float:left;padding-right:15px;width:45px;}
.media-left,.media-right{vertical-align:top;}
.media-right{width:100%;}
.starbox{ float: left;}
.star{padding-top:20px;padding-bottom:5px;color:#999;}
.star li{float:left;margin:0 10px 0 0;cursor:pointer;}
.star .keke_iconfont{margin-right:2px;font-size:16px;}
.keke_score{display:inline-block;margin-left:15px;font-size:16px;}
.evaluate_title{display:inline-block;margin:10px 0 5px;font-weight:600;font-size:20px;}
.evaluate_title_top{padding-bottom:15px;width:100%;border-bottom:1px dashed #eee;}
.evaluate_box{margin:0 auto 5px;border:0 solid #eee;background:#fff;}
.evaluate_box .ico6{margin-right:10px;color:#f01414;font-weight:400;}
.txtinput{margin:10px 0 20px;}
#evaluate_input{box-sizing:border-box;padding:10px;width:100%;height:100px;border:1px solid #eee;background:#fbfbfb}
.evaluate_btn{display:inline-block;margin-top:15px;padding:7px 40px;background:#05f;color:#fff !important}
.evaluate_star{margin:5px 0;color:#999;font-size:12px;}
.evaluate_star .keke_iconfont{margin-right:2px;color:#f01414;}
.evaluate_star .keke_iconfont:last-child{margin-right:10px;}
.evaluate_modtitle span{color:#999;font-size:12px;}
.light{color:#f01414;}
.evaluate_list_box{box-sizing:border-box;padding:30px 0 1px;background:#fff}
.evaluate_list_box .pg{float:left;margin-bottom:15px;margin-left:-8px;}
.evaluate_tip{float:right;margin-top:10px;color:#aaa;font-weight:400;font-size:12px;}
.right_time{float:right}
.loadingbox{margin:20px auto;text-align:center;}
.starnum{font-size:14px; line-height: 28px;}
.evaluate_mod{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #e3e3e3;}
.evaluate_mod:last-child{border:0}
.evaluate_mod img{width:40px;max-width:100%!important;border-radius:50px;}
.short-content{margin-top:5px;padding-left:60px;font-size:14px;line-height:25px;}
.col-3{box-sizing:border-box;max-width:25%;flex:0 0 25%;}
.w-28{width:23px!important;height:23px!important;font-size:.8em;}
.view-banner .cl:after{display:inline-block!important}
.soft-box{padding:25px 35px}
.soft-log{max-width:128px;text-align:center;flex:0 0 16.666667%}
.soft-log img{max-width:100%;}
.soft-info{box-sizing:border-box;padding-left:40px;max-width:83.333333%;flex:0 0 83.333333%;}
.soft-info .img-info{margin:0;padding:22px 0 7px;border-bottom:0 dashed #eee;background:url(../images/btg03.png) 0 -50px;background-size:100%;border-top: 1px dashed #f3f3f3;border-bottom: 1px dashed #f3f3f3;}
.soft-info .img-info ul li{margin-right:35px;width:auto!important; }
.soft-info .noline{ border-bottom: none;}
.soft-left-mod{padding:35px 55px 45px!important}
.soft-left-mod .mod-hd{font-weight:600;}
.soft-attribute{margin-top:20px;}
.soft-attribute .price-num{margin:0 0 0 10px;color:#ff4f33;letter-spacing:.05rem;font-weight:600;font-size:16px;font-family:keke-num-font}
.block-header{padding:20px 0;border-bottom:1px solid #f3f4f5!important}
.text-truncate{overflow:hidden;margin:5px 0 10px;text-overflow:ellipsis;white-space:nowrap;font-weight:600!important;font-size:20px;}
.border-l{border-left:1px solid #f3f4f5 !important;}
.sidebar-mod-hd{margin-bottom:20px;font-weight:800;font-size:20px}
.text-uppercase{position:relative;margin-bottom:0;padding-bottom:15px; margin-top:5px;border-bottom:1px dashed #eee;color:#a6a6a6!important;font-size:13px;}
.text-uppercase>span{margin-right:25px;cursor:pointer}
.text-uppercase>span .keke_iconfont{color:#999;}
.text-uppercase>span.isfavorites{color:#a6a6a6!important;}
.nav-block{box-sizing:border-box;max-width:25%;text-align:center;flex:0 0 25%;}
.text-muted-soft{margin-bottom:5px;color:#6c757d;font-size:16px;}
.text-gray{color:#b5bdc5!important;letter-spacing:.05rem;font-size:14px;}
.soft-content{font-size:15px;line-height:30px;}
.soft-content img{max-width:100%;}
.btn-hero{float:left;margin-right:25px; border-radius:3px; margin-top:10px;padding:10px 30px;color:#fff;text-align:center;font-size:15px;}
.down-btn{background:#05f;}
.sub-btn{background: #0a0a0a;background: linear-gradient(to right, #141e30, #243b55);}
.relevant-soft li{float:left;box-sizing:border-box;margin:0 0 10px;padding-bottom:10px;width:100%;border-bottom:1px dashed #e3e3e3;}
.relevant-soft li:last-child{border:0;}
.relevant-soft li img{float:left;margin-right:10px;width:64px;height:64px;}
.relevant-soft li .side-soft-name h2{display:-webkit-box;overflow:hidden;margin-top:0;font-weight:600;font-size:14px;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.relevant-soft li .soft-data{margin-top:1px;}
.relevant-soft li .soft-data span{margin-right:10px;}
.sidebar-mod-bd{font-size:14px;line-height:30px;}
.keke_share_menu .keke_iconfont{margin-right:2px;margin-left:10px;color:#fff;font-size:16px;}
.keke_share_menu{position:absolute;top:auto;bottom:100%;left:170px;display:none;margin-bottom:15px;margin-left:-60px;padding:3px 10px;width:125px;border-radius:4px;background-color:#404040;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;line-height:30px}
.keke_share_menu:after{position:absolute;top:100%;left:50%;margin-left:-8px;width:0;height:0;content:" ";pointer-events:none;border:8px solid rgba(64,64,64,0);border-top-color:#404040;}
.dot{ position: relative; width: 10px; margin-top: 5px; height: 10px; border-radius: 50px; margin-right: 10px; background: #eee;background: linear-gradient(to right, #141e30, #243b55); display: inline-block;}
.dot:after{position:absolute;top:2px;left:2px;width:6px;height:6px;content:" ";border-radius: 50px;pointer-events:none; background: #fff;}
.list-content{ padding:1rem 0; background: none !important;}
.sidebar-mod-bd .keke-list-item{ border: 0; box-shadow: none !important;}
.avatar img{ max-width: 28px !important;}
.col-3{float: left;}
.keke_kong{ margin: 20px 0 0; color: #999; padding-top: 20px; border-top: 1px dashed #eee;}
.swiper-slide iframe{width: 100%; height: 100%; border: 0;}
.weixinsharebox{ text-align: center; padding-bottom: 10px; font-size: 14px;}
.galleryBottom{position: fixed !important;top:-100000px; left: 0;  height: 100%; width: 100%; z-index: 9999 !important; background: #0a0a0a}
.galleryBottom .swiper-slide{background: #0a0a0a;}
.galleryBottom .swiper-slide img{image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor; max-height: 100% !important;transition: all 0.5s linear;}
.close-Swiper-btns{ color: #fff;right: 20px; top: 20px; font-size: 30px;position: absolute;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.gallery-top .swiper-slide{cursor: url('../images/ico101.png'), auto;}
.swiper-pagination-bullet{background: #fff !important;}
.swiper-slide .powertip{ position: absolute;background: #f8e7ac; border-radius:0;background-image: linear-gradient(-135deg,#fbe8a8 0,#f8e7ac 15%,#e2c078 100%); color: #333; font-size: 16px; padding: 25px 50px 30px; font-weight: 800;}
.swiper-slide .supplement{font-size: 12px;font-weight: 400;border-radius:0; background-color: rgba(51, 51, 51, 0.78); color: #fff; margin: 7px 0 0; padding:3px 10px}
.sideversionlist .file-list-table tr{ border-bottom: 1px dashed #e5e5e5;}
.sideversionlist .file-list-table tr:last-child{ border-bottom: 0;}
.sideversionlist .file-list-table td{ padding: 15px 0 !important;}
.sideversionlist .file-list-table  td.file-list-ico{ padding-left: 5px !important;}
.sideversionlist .layui-table tr:last-child td,.sideversionlist .layui-table tr:first-child td{ border: 0;}
.sideversionlist .file-info{ float: left; margin: 10px 10px 0 0 !important;  box-sizing: border-box;}
.sideversionlist .copybtn{ float: left;background: #333b42; color: #fff; font-size: 12px; margin-left: 0px; padding: 0  5px;background: linear-gradient(to right, #141e30, #243b55);}
.sideversionlist .file-cod{float: left; max-width: 141px;  background: #edf0f4; overflow: hidden;display: -webkit-box; padding: 0 10px;-webkit-line-clamp: 1; word-break: break-all;-webkit-box-orient: vertical; height: 18px; line-height: 18px;}
.sideversionlist .file-name{ width: 280px;height: 1.25rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.sideversionlist .file-list-table tr:hover{ background: rgba(248, 249, 251, 0.31);}
.softbox .sidebar-mod-hd{  background: #9aa7bf;background: linear-gradient(to right, #9aa7bf, #ffffff); margin-left: -30px;margin-bottom:30px;font-weight: 400;font-size: 18px;color: #fff;padding: 2px 30px;}
.fromurl{background: #bdc3cf;  padding: 0 5px; color: #fff;}
.viewer-container,.viewer-navbar{background-color:#000;overflow:hidden}.viewer-canvas,.viewer-container,.viewer-footer,.viewer-player{right:0;bottom:0;left:0}.viewer-button,.viewer-canvas,.viewer-container,.viewer-footer,.viewer-list,.viewer-navbar,.viewer-open,.viewer-title,.viewer-toolbar,.viewer-toolbar>li{overflow:hidden}.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before{font-size:0;line-height:0;display:block;width:20px;height:20px;color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);background-repeat:no-repeat}.viewer-zoom-in:before{content:'Zoom In';background-position:0 0}.viewer-zoom-out:before{content:'Zoom Out';background-position:-20px 0}.viewer-one-to-one:before{content:'One to One';background-position:-40px 0}.viewer-reset:before{content:'Reset';background-position:-60px 0}.viewer-prev:before{content:'Previous';background-position:-80px 0}.viewer-play:before{content:'Play';background-position:-100px 0}.viewer-next:before{content:'Next';background-position:-120px 0}.viewer-rotate-left:before{content:'Rotate Left';background-position:-140px 0}.viewer-rotate-right:before{content:'Rotate Right';background-position:-160px 0}.viewer-flip-horizontal:before{content:'Flip Horizontal';background-position:-180px 0}.viewer-flip-vertical:before{content:'Flip Vertical';background-position:-200px 0}.viewer-fullscreen:before{content:'Enter Full Screen';background-position:-220px 0}.viewer-fullscreen-exit:before{content:'Exit Full Screen';background-position:-240px 0}.viewer-close:before{content:'Close';background-position:-260px 0}.viewer-container{font-size:0;line-height:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,1); z-index:9999 !important;direction:ltr!important;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.viewer-container ::-moz-selection,.viewer-container::-moz-selection{background-color:transparent}.viewer-container ::selection,.viewer-container::selection{background-color:transparent}.viewer-container img{display:block;width:100%;min-width:0!important;max-width:none!important;height:auto;min-height:0!important;max-height:none!important}.viewer-player,.viewer-tooltip{display:none;position:absolute}.viewer-canvas{position:absolute;top:0}.viewer-canvas>img{width:auto;max-width:90%!important;height:auto;margin:15px auto}.viewer-footer{position:absolute;text-align:center}.viewer-navbar{background-color:rgba(0,0,0,.5)}.viewer-list{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:50px;margin:0;padding:1px 0}.viewer-list>li{font-size:0;line-height:0;float:left;overflow:hidden;width:30px;height:50px;cursor:pointer;opacity:.5;color:transparent;filter:alpha(opacity=50)}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-active{opacity:1;filter:alpha(opacity=100)}.viewer-player{top:0;cursor:none;background-color:#000}.viewer-player>img{position:absolute;top:0;left:0}.viewer-toolbar{width:280px;margin:0 auto 5px;padding:3px 0}.viewer-toolbar>li{float:left;width:24px;height:24px;cursor:pointer;border-radius:50%;background-color:#000;background-color:rgba(0,0,0,.5)}.viewer-toolbar>li:hover{background-color:#000;background-color:rgba(0,0,0,.8)}.viewer-toolbar>li:before{margin:2px}.viewer-toolbar>li+li{margin-left:1px}.viewer-toolbar>.viewer-play{width:30px;height:30px;margin-top:-3px;margin-bottom:-3px}.viewer-toolbar>.viewer-play:before{margin:5px}.viewer-tooltip{font-size:12px;line-height:20px;top:50%;left:50%;width:50px;height:20px;margin-top:-10px;margin-left:-25px;text-align:center;color:#fff;border-radius:10px;background-color:#000;background-color:rgba(0,0,0,.8)}.viewer-title{font-size:12px;line-height:1;display:inline-block;max-width:90%;margin:0 5% 5px;white-space:nowrap;text-overflow:ellipsis;opacity:.8;color:#ccc;filter:alpha(opacity=80)}.viewer-title:hover{opacity:1;filter:alpha(opacity=100)}.viewer-button{position:absolute;top:-40px;right:-40px;width:80px;height:80px;cursor:pointer;border-radius:50%;background-color:#000;background-color:rgba(233,233,233,.5)}.viewer-button:before{position:absolute;bottom:15px;left:15px}.viewer-fixed{position:fixed}.viewer-show{display:block}.viewer-hide{display:none}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.viewer-fade{opacity:0;filter:alpha(opacity=0)}.viewer-in{opacity:1;filter:alpha(opacity=100)}.viewer-transition{-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}@media (max-width:767px){.viewer-hide-xs-down{display:none}}@media (max-width:991px){.viewer-hide-sm-down{display:none}}@media (max-width:1199px){.viewer-hide-md-down{display:none}}
.imgbox{ position: relative; max-height:100%; min-width: 250px; }
.workidbox{white-space: nowrap; position: absolute; display: none; left: 0; font-weight: 500;  color: #fff; background-color: rgba(0,0,0,0.5);border-radius: 0 30px 0 0;line-height: 38px;font-size: 16px;padding:0 28px;font-family: 'Microsoft Yahei', Helvetica, Arial, sans-serif;}
.rightshow{  border-radius:30px 0 0 0 !important;}
.forminfo{    overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.tagBox{ margin-top: 15px;}
.tagBox .tag-list a{ border: 1px solid #eee; box-sizing: border-box; background: #fafafa; padding:0 10px; line-height: 28px; margin: 0 10px 10px 0; font-size: 12px; float: left;border-radius: 4px;}