body,html {background: #fff;}
.con-box {width: 1200px;margin: 0 auto 50px;}
.g_tit {font-size: 22px;color: #3a3b3c;line-height: 50px;height: 50px;border-bottom: 1px #e7e7e7 solid;position: relative;}
.g_tit font {color: #888;font-size: 18px;margin-left: 10px;}
.con-box .content_left {width: 865px;float: left;}
.con-box .content_right {width: 300px;float: right;}
.con-box .Gminfo {width: 100%;/* height: 265px; */position: relative;margin-bottom: 10px;}
.con-box .Gminfo h1 {line-height: 30px;font-size: 26px;margin-left: 10px;margin-bottom: 15px;font-weight: normal;}
.con-box .Gminfo .gminfo_left {width: 186px;float: left;margin-right: 15px;}
.dozan {width: 170px;height: 34px;border: 1px solid #ccc;border-radius: 15px;line-height: 34px;margin-top: 18px;}
.dozan span {display: block;float: left;width: 48%;line-height: 34px;}
.dozan span i {display: block;width: 36px;height: 34px;float: left;background: URL(../img/icon-1.png) no-repeat;cursor: pointer;}
.dozan span b {font-weight: normal;}
.dozan .dozan-a1 {}
.dozan .dozan-a2 {float: right;}
.dozan .dozan-a1 i {background-position: -71px 5px;}
.dozan .dozan-a2 i {background-position: -119px 5px;}
.con-box .Gminfo .img {display: block;margin: 0 auto;}
.con-box .Gminfo .img, .con-box .Gminfo .img img {width: 150px;height: 150px;border-radius: 18px;}
.con-box .Gminfo .lis {float: left;width: 538px;height: 60px;/* margin-top: 15px; */}
.con-box .Gminfo .lis li {width: 140px;height: 30px;line-height: 30px;margin-right: 15px;float: left;font-size: 14px;color: #303030;}
.con-box .Gminfo .lis li a {color: #f0412a;}
.con-box .Gminfo .lis li.version {width: 200px;}
.con-box .Gminfo .lis li.time {width: 200px;}

.gtag {overflow: hidden;float: left;width: 538px;zoom:1;/* display: none; */}
.gtag span {padding: 0 0 0 20px;display: block;background: url(../images/tag_tb.png) no-repeat 1px 3px;margin: 5px 0 5px 0;line-height: 18px;height: 20px;overflow: hidden;zoom:1;}
.gtag span a {color: #17a7ee;border: 1px solid #17a7ee;border-radius: 2px;padding: 0px 3px;margin-right: 10px;display: inline-block;}
.gtag span a:hover {color: #fff;background: #17a7ee}
.gtag span i {color: #C0C0C0;font-style: normal;border: 1px solid #DBDBDB;border-radius: 2px;margin-bottom: 10px;padding: 0px 3px;margin-right: 10px;display: inline-block;}
.con-box .Gminfo .btn_box {width: 538px;float: left;}
.con-box .Gminfo .btn_box .btn {width: 424px;/* height: 150px; */float: left;}
.con-box .Gminfo .btn_box .btn a {display: block;width: 170px;height: 50px;float: left;line-height: 50px;color: #fff;border-radius: 5px;margin-top: 8px;font-size: 16px;margin-right: 20px;}
.con-box .Gminfo .btn_box .btn a span {display: block;width: 52px;height: 50px;float: left;background: url(../images/soft_pc_infoicon.png) no-repeat;}
.con-box .Gminfo .btn_box .btn .az_btn {background: #72c739;}
.con-box .Gminfo .btn_box .btn .az_btn span {background-position: -355px -3px;}
.con-box .Gminfo .btn_box .btn .pc_btn {background: #72c739;}
.con-box .Gminfo .btn_box .btn .pc_btn span {background-position: -408px -4px;}
.con-box .Gminfo .btn_box .btn .ios_btn {background: #167af4;}
.con-box .Gminfo .btn_box .btn .ios_btn span {background-position: -354px -48px;}
.con-box .Gminfo .btn_box .btn .zl_btn {background: #5c5c5c;}
.con-box .Gminfo .btn_box .btn .zl_btn span {background-position: -398px -6px;}
.con-box .Gminfo .btn_box .qr_img {width: 200px;height: 150px;float: right;}
.con-box .Gminfo .btn_box .qr_img img {margin-top: 15px;}

.title_h {line-height: 38px;}
.title_h span {padding-left: 10px;border-left: 5px solid #167af4;font-size: 16px;}

.tuijian {margin-top: 10px;overflow: hidden;}
.tuijian ul li {height: 27px;margin-bottom: 16px;position: relative;}
.tuijian ul li .name {float: left;height: 26px;line-height: 26px;width: 195px;font-size: 14px;padding-left: 38px;position: relative;overflow: hidden;}
.tuijian ul li .name img {position: absolute;display: block;width: 28px;height: 28px;top: -1px;left: 0;}
.tuijian ul li .soft-download-btn {width: 64px;height: 24px;display: inline-block;line-height: 24px;border: 1px solid #bbbbbb;text-align: center;border-radius: 3px;cursor: pointer;}
.tuijian ul li .soft-download-btn:hover {color: #fff;background: #3eb118;border-color: #009FF0;}

.con-box .s_title {width: 865px;z-index: 9999;padding-top: 8px;}
.con-box .s_title {height: 45px;line-height: 45px;border-bottom: 3px solid #ddd;}
.con-box .s_title li,.con-box .s_title span {float: left;padding: 0 15px;cursor: pointer;color: #666;font-size: 16px;height: 45px;}
.con-box .s_title .cur {border-bottom: 3px solid #167af4;color: #167af4;margin-bottom: -3px;}
.con-box .s_title .cur a {color: #167af4;font-weight: bold;}
.con-box .s_title .one {background: #1aabc0;color: #fff;border-color: #1aabc0;border-radius: 5px 5px 0px 0px;}
#v-intro {line-height: 24px;color: #666;font-size: 15px;margin-top: 15px;}
#v-intro p {line-height: 30px;}
#v-intro h3 {border-left: 5px solid #167af4;padding-left: 10px;line-height: 30px;/*height: 30px;*/background: #f8f8f8;margin: 15px 0 10px 0;font-size: 16px;font-family: 'microsoft yahei';color: #167af4;}
#v-intro p img{margin: 0 auto;display: block;}
#v-intro img{margin: 0 auto;display: block;}
#special-box {margin: 10px;background: #fefadd;border: 1px solid #fbd074;padding: 10px;}
#special-box h2 {font-size: 14px;border-bottom: 1px dashed #fbd074;color: #ffa93a;}
#special-info {padding: 10px 0;}
#special-info a {color: red;}
#special-info img {display: block;}
#v-recom {position: absolute;height: 76px;top: 4px;right: 120px;}
.oTit {border-bottom: 3px solid #dddddd;margin-bottom: 14px;position: relative;}
.oTit h2 {height: 50px;line-height: 50px;padding: 0 15px;color: #167af4;display: inline-block;font-weight: bold;font-size: 16px;margin-bottom: -3px;float: left;border-bottom: 3px solid #167af4;}
.oTit a {float: right;margin-top: 25px;}
.guess_tab {position: absolute;bottom: 4px;margin-left: 20px;right: 0;height: 35px;overflow: hidden;}
.guess_tab b {font-weight: normal;margin: 0 0 0 5px;cursor: pointer;background: #e5e5e5;padding: 6px 10px;border-radius: 3px;color: #6b6b6b;font-size: 13px;display: inline-block;}
.guess_tab b.cur {background: #167af4;color: #fff;}
#VideoIntrocontent {text-align: center;}
/*imgview*/
#imgview {width: 100%;margin-bottom: 10px;overflow-x: auto;overflow-y: hidden;}
#imgview ul {height: auto;white-space: nowrap;}
#imgview ul li {padding-right: 12px;display: inline-block;}
#imgview ul li img {max-height: 300px;}
.r-look-c {padding-top: 20px;overflow: hidden;}
.r-look-img {float: left;display: inline-block;width: 192px;height: 100px;margin-right: 16px;}
.r-look-img img {width: 100%;height: 100%;display: block;object-fit: cover;}
.r-look-t {font-size: 14px;}
.r-look-h3 {padding: 10px 0;}
.r-look-h3-a1 {color: #333;font-size: 16px;font-weight: 500;}
.r-look-h3-a2 {float: right;font-weight: 500;font-size: 12px;color: #f2662f;position: relative;padding-right: 10px;}
.r-look-h3-a2:after {content: '>';position: absolute;top: 0;right: 0;}
.r-look-t p {color: #999;line-height: 26px;font-size: 14px;height: 52px;overflow: hidden;}
.r-look-soft {padding-top: 14px;}
.r-look-soft ul {overflow: hidden;width: 110%;}
.r-look-soft ul li {float: left;width: 282px;margin-right: 10px;margin-bottom: 10px;}
.r-look-soft ul li:nth-of-type(3n+3) {margin-right: 0;}
.r-look-soft-img {float: left;margin-right: 10px;width: 70px;height: 70px;border-radius: 15px;overflow: hidden;}
.r-look-soft-img img {width: 100%;height: 100%;display: block;object-fit: cover;}
.r-look-soft-p1 {height: 18px;overflow: hidden;}
.r-look-soft-p1 a {color: #333;font-size: 14px;display: block;width: 165px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.r-look-soft-p1 span {color: #bbb;margin-left: 5px;font-size: 12px;}
.r-look-soft-p2 {padding: 6px 0;}
.r-look-soft-p2 a {color: #1c70e3;}
.r-look-soft-p2 i {color: #c2c2c2;font-style: normal;position: relative;padding-left: 10px;}
.r-look-soft-p2 i:before {content: '';position: absolute;width: 1px;height: 10px;background: #e0e0e0;top: 0;left: 5px;bottom: 0;margin: auto;}
.r-look-soft-p3 {font-size: 14px;width: 163px;overflow: hidden;height: 20px;margin-top: 5px;}
.r-look-soft-p3 i {font-style: normal;line-height: 20px;}
.r-look-soft-d {width: 280px;}
.r-look-soft-p3 span {margin-right: 6px;border-radius: 2px;padding: 3px 5px;display: inline-block;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.r-look-soft-p3 span:nth-of-type(1) {color: #9a9a9a;border: 1px solid #9a9a9a;}
.r-look-soft-p3 span:nth-of-type(2) {color: #f1c720;border: 1px solid #f1c720;}
.r-look-soft-p3 span:nth-of-type(3) {color: #333;border: 1px solid #333;}
.r-look-soft-p3 span:nth-of-type(4) {color: #1dbb37;border: 1px solid #1dbb37;}
.r-look-soft-p3 span:nth-of-type(5) {color: #0b3ebc;border: 1px solid #0b3ebc;}

.phb_list {/* border-top: 1px solid #eeeeee; */}
.phb_list ul li {padding: 10px 0;border-bottom: 1px solid #e3e3e3;/* overflow: hidden; */position: relative;}
.phb_list ul {}
.phb_list ul li:last-child {border: 0;}
.b-r-con-img {float: left;margin-right: 10px;width: 60px;height: 60px;border-radius: 15px;overflow: hidden;}
.b-r-con-img img {width: 60px;height: 60px;border-radius: 4px;display: block;object-fit: cover;}
.b-r-con-t h3 {padding: 9px 0;}
.b-r-con-t h3 a {font-size: 16px;color: #333;font-weight: 500;display: block;width: 150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 18px;}
.b-r-con-t p {font-size: 14px;color: #999;width: 150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.b-r-con-t p i {margin: 0 6px;display: inline-block;width: 1px;height: 10px;background: #999;}
.b-r-download {position: absolute;top: 0;right: 0;bottom: 0;margin: auto;border: 1px solid #167af4;color: #167af4;width: 46px;text-align: center;height: 26px;line-height: 28px;border-radius: 5px;}
.b-r-download:hover {background: #167af4;color: #fff;}

.zt_hot .images {display: block;position: relative;width: 100%;height: 160px;overflow: hidden;margin-top: 15px;border-radius: 15px;}
.zt_hot .images img {display: block;width: 100%;min-height: 160px;}
.zt_hot .images span {display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 30px;line-height: 30px;font-size: 14px;text-align: center;background: #19161694;color: #fff;}
.fl_hot {width: 100%;overflow: hidden;}
.fl_hot ul {width: 110%;overflow: hidden;margin-top: 5px;}
.fl_hot ul li {float: left;width: 90px;height: 28px;line-height: 28px;margin: 0 10px 10px 0;text-align: center;border: 1px solid #eeeeee;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.fl_hot ul li.color_0 {border: 1px solid #ff5e33;color: #ff5e33;}
.fl_hot ul li.color_0 a {color: #ff5e33;}
.fl_hot ul li.color_1 {border: 1px solid #4996ff;color: #4996ff;}
.fl_hot ul li.color_1 a {color: #4996ff;}
.fl_hot ul li.color_2 {border: 1px solid #b36fff;color: #b36fff;}
.fl_hot ul li.color_2 a {color: #b36fff;}
.fl_hot ul li.color_3 {border: 1px solid #4ac144;color: #4ac144;}
.fl_hot ul li.color_3 a {color: #4ac144;}
.fl_hot ul li.color_4 {border: 1px solid #ff56bd;color: #ff56bd;}
.fl_hot ul li.color_4 a {color: #ff56bd;}
.other {width: 1080px;padding: 10px;margin: 0 auto;background: #fff;}
#gimg {width: 1080px;overflow: hidden;zoom: 1;z-index: 99;position: relative;margin: 0 auto;border-radius: 10px;height: 145px;margin-top: 6px;}
#shot-list {left: 0;}
.shot-wrap {width: 1166px;height: 135px;overflow: hidden;zoom:1;margin: 10px 20px 0px 36px;}
.shot-banner {font-size: 0;}
.shot-list li {width: 210px;height: 130px;display: inline-block;vertical-align: bottom;padding: 0px 20px;*display: inline;*zoom:1;/*padding-right: 13px;*//* padding-right: 12px; */}
.shot-list li img {cursor: pointer;height: 107px;width: 210px;padding: 0px;border-radius: 10px;}
.focusBts {background: #fff url(../img/topicscroll.png) no-repeat;width: 27px;height: 109px;position: absolute;cursor: pointer;z-index: 2;opacity: 1.0;}
#focusBtl {background-position: 0px 0px;left: 0px;top: 10px;}
#focusBtr {background-position: -27px 0px;right: 0px;top: 10px;}
#focusBtl:hover {background-position: 0px -108px;left: 0px;}
#focusBtr:hover {background-position: -27px -108px;right: 0px;}
.shot-list li span {width: 210px;height: 110px;display: block;position: absolute;left: 0px;top: 0px;}
.shot-list li a {display: block;position: relative;cursor: pointer;}
.shot-list li a:hover {color: #df0000;}
.newscon .shot-list a p {padding-top: 3px;font-size: 12px;color: #333;text-indent: 0px;width: 80px;display: block;text-align: center;line-height: 18px;}
.newscon .shot-list a:hover p {color: #df0000;}
.shot-list li a p {text-align: center;padding-top: 2px;color: #333;}
.shot-list li a:hover p {color: #df0000;}

#VideoIntrocontent {text-align: center;}
.zt_top {overflow: hidden;zoom: 1;padding-bottom: 14px;border-bottom: 1px dashed #d8d8d8;/* margin-left: 9px; */}
.zt_top span {float: left;width: 630px;height: 18px;line-height: 18px;margin: 6px 0 0 15px;}
.zt_top p {float: left;width: 630px;line-height: 24px;margin-left: 15px;color: #858585;margin-top: 10px;height: 70px;display: -moz-box;display: -webkit-box;white-space: pre-wrap;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.zt_top span .ztname {float: right;color: #999;}
.zt_top span .tztname {float: left;display: inline;line-height: 22px;font-size: 18px;color: #444;font-family: "Microsoft YaHei";font-weight: bold;height: 22px;}
.zt_top span .tztname i {font-size: 16px;font-weight: 100;padding-left: 4px;}
.zt_top .ztimg {float: left;width: 210px;height: 103px;overflow: hidden;zoom:1;position: relative;}
.zt_top .ztimg img {width: 210px;height: 102px;}
.zt_top .ztimg span {width: 215px;height: 105px;display: block;position: absolute;background: url(../images/guess_cover1.png) -3px top no-repeat;_background: none;_filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale, src="/images/guess_cover1.png");margin-left: 0px;margin-top: 0px;}
.zt_list {overflow: hidden;}
.zt_list ul {}
.zt_list li {float: left;width: 266px;padding: 10px;}
.zt_list li:hover {background: #f6f6f6}
.s_ztlistbox {}
.ztgimg {float: left;margin-right: 8px;   width: 70px;height: 70px;border-radius: 15px;overflow: hidden;}
.ztgimg img {width: 70px;height: 70px;}
.ztgname {display: block;width: 120px;height: 22px;color: #167af4;line-height: 22px;overflow: hidden;font-size: 16px;margin-top: 10px;}
.zt_list li span {display: inline-block;width: 120px;height: 24px;overflow: hidden;color: #999;line-height: 18px;margin-top: 8px;}
.zt_list li span i {width: 1px;height: 12px;background: #dbdbdb;display: inline-block;margin: 0 6px;}
.zt_list font {color: #f02f2f;font-weight: bold;font-size: 14px;font-family: Georgia;}
.zt_list li span i {width: 1px;height: 12px;background: #dbdbdb;display: inline-block;margin: 0 6px;}

.con_r_refresh {display: inline-block;font-size: 12px;color: #fff;background: #3274c6;padding: 0 6px;border-radius: 100px;height: 22px;line-height: 22px;margin-top: 8px;}
.con_like_down ul {overflow: hidden;margin: 0px 0 0 -40px;width: 340px;}
.con_like_down ul li {width: 70px;float: left;text-align: center;margin: 5px 0 0 42px;height: 105px;overflow: hidden;}
.con_like_down_img {width: 70px;height: 70px;border-radius: 15px;overflow: hidden;}
.con_like_down ul li img {width: 100%;height: 100%;}
.con_like_down ul li a.down-like {font-size: 12px;background: #167af4;color: #fff;padding: 2px 10px;display: block;margin-top: 6px;}
.con_like_down ul li span {display: block;font-size: 15px;height: 25px;line-height: 28px;overflow: hidden;transition: margin .3s ease;color: #333333;}
.con_like_down ul li:hover span {margin-top: -32px;}
.con_like_down ul li a {overflow: hidden;display: block;position: relative;z-index: 1;margin-bottom: 5px;}
#v-intro img:hover,#imgview ul li img {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}


/* #imgview em{width:308px;height:278px;background: url(../images/enlarge-icon.png) no-repeat 0 0;position: absolute;top: 0;left: 50%;margin-left: -154px;display: none;}.jspPane ul li a:hover .jspPane ul li em{display: block;}.jspPane ul li img:hover{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);} */
#imgview {overflow: hidden;width: 865px;margin: 25px auto;}
#imgview ul {overflow: hidden;width: 1500px;}
#imgview ul li {float: left;height: 276px;padding-right: 12px;position: relative;}
#imgview ul li img {height: 276px;}
.jspContainer {overflow: hidden;position: relative;padding-bottom: 20px;}
.jspPane {position: absolute;}
.jspVerticalBar {position: absolute;top: 0;right: 0;width: 16px;height: 100%;background: red;}
.jspHorizontalBar {position: absolute;bottom: 0;left: 0;width: 100%;height: 9px;}
.jspCap {display: none;}
.jspHorizontalBar .jspCap {float: left;}
.jspTrack {background: #ececec;position: relative;}
.jspDrag {background: #167af4;position: relative;top: 0;left: 0;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left;height: 100%;border-radius: 6px;}
.jspArrow {background: #50506d;text-indent: -20000px;display: block;cursor: pointer;padding: 0;margin: 0;}
.jspArrow.jspDisabled {cursor: default;background: #80808d;}
.jspVerticalBar .jspArrow {height: 16px;}
.jspHorizontalBar .jspArrow {width: 16px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus {outline: none;}
.jspCorner {background: #eeeef4;float: left;height: 100%;}
/**/
#jquery-overlay {height: 500px;left: 0;position: absolute;top: 0;width: 100%;z-index: 1000}
#jquery-lightbox {left: 0;line-height: 0;position: absolute;text-align: center;top: 0;width: 100%;z-index: 1001}
#jquery-lightbox a img {border: medium none}
#lightbox-container-image-box {background-color: #fff;height: 250px;margin: 0 auto;position: relative;width: 250px}
#lightbox-container-image {padding: 10px}
#lightbox-loading {height: 25%;left: 0;line-height: 0;position: absolute;text-align: center;top: 40%;width: 100%}
#lightbox-nav {height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 10}
#lightbox-container-image-box>#lightbox-nav {left: 0}
#lightbox-nav a {outline: medium none}
#lightbox-nav-btnNext,#lightbox-nav-btnPrev {display: block;height: 100%;width: 49%}
#lightbox-nav-btnPrev {float: left;left: 0}
#lightbox-nav-btnNext {float: right;right: 0}
#lightbox-container-image-data-box {background-color: #fff;font: 10px/1.4em Verdana,Helvetica,sans-serif;margin: 0 auto;overflow: auto;padding: 0 10px;width: 100%}
#lightbox-container-image-data {color: #666;padding: 0 10px}
#lightbox-container-image-data #lightbox-image-details {float: left;text-align: left;width: 70%}
#lightbox-image-details-caption {font-weight: 700}
#lightbox-image-details-currentNumber {clear: left;display: block;padding-bottom: 1em}
#lightbox-secNav-btnClose {float: right;padding-bottom: .7em;width: 66px}
#lightbox-image{ width: 100%; height: 100%;}
#lightbox-container-image-box{ width: 100%; height: 100%;}

#lightbox-container-image-box img{ width: 100%; height: 100%;}

.zanw{width: 170px;height: 50px;line-height: 50px;color: #fff;border-radius: 5px;margin-top: 8px;font-size: 16px;background:#ccc;text-align:center;}
.yuyue-s-btn{background:#fa612f; width: 170px;height: 50px;line-height: 50px;border-radius: 5px;text-align: center;color: #fff; margin-top: 8px;font-size: 16px;display: block;}
.yAlert {width: 500px;position: fixed;left: 50%;margin-left: -250px;height: 310px;padding-bottom: 10px;top: 50%;margin-top: -155px;z-index: +101;background: #fff;border-radius: 10px;overflow: hidden;display: none;}
.yAlert b {text-align: center;font: 16px/40px microsoft yahei;display: block;margin: 10px 0}
.yAlert_t {background: #167af4;font: 18px/45px microsoft yahei;color: #fff;padding: 0 15px}
.yAlert_t span {float: right;font-size: 20px;cursor: pointer}
.yAlert .yAlert_br,.yAlert .yAlert_bs,.yAlert input {width: 80%;padding: 0 10px;font: 14px/45px microsoft yahei;border-radius: 5px}
.yAlert input {border: #ccc 1px solid;display: block;margin: 20px auto 0 auto}
.yAlert input:focus {border: #167af4 1px solid}
.yAlert_b {/* border-top: #ddd 1px solid; */padding-top: 10px;}
.yAlert .yAlert_br,.yAlert .yAlert_bs {font-size: 16px;margin: 10px auto;text-align: center;cursor: pointer}
.yAlert .yAlert_bs {background: #167af4;color: #fff}
.yAlert .yAlert_br {border: #167af4 1px solid;color: #167af4}
.yAlert_bg {z-index: +100;background: #000;filter: alpha(opacity=50);-moz-opacity: .5;-khtml-opacity: .5;opacity: .5;position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: none;}

input[type="button"],input[type="text"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}
.report{display: block;width: 24px;height: 30px;line-height: 14px;padding: 8px 0;position: fixed;left: 0;font-size: 14px;text-align: center;top: 387px;color: #999;border: 1px solid #999;z-index: 999999;background: #fff;border-radius: 3px;}
#overbg {z-index: 9999;border: none;margin: 0px;padding: 0px;width: 100%;height: 100%;top: 0px;left: 0px;opacity: 0.8;position: fixed;background-color:#000;}
#popreport {z-index: 99999;position: fixed;padding: 8% 5%;color: #666;font-size: 14px;font-family:arial,"Microsoft Yahei";top: 5%;width: 75%;left: 7.5%;background: #fff;border-radius: 5px;}
#popreport p {line-height: 24px}
#popreport li {clear: both;margin: 5px 0;}
#popreport li label { display: inline-block; line-height: 24px; margin-right: 12px}
#popreport li .othersp { margin-right: 0; }
#popreport li label input.radios { margin-right:7px; width:16px; height:16px; float: left;outline:none}
#popreport li span { display: block; font-size: 16px; color: #444; line-height: 36px; }
#popreport li input.other {width: 167px;float: right;height: 20px;margin-left:10px;margin-top: -1px;margin-right: 0;}
#popreport li textarea.spec {border:1px solid #cdcdcd;width: 95%;min-height: 40px;font-size: 14px;color: #666;resize: none;padding:6px;font-family:arial,"Microsoft Yahei";}
#popreport li input.text {border:1px solid #cdcdcd;line-height: 26px;padding: 3px;font-size: 14px;color: #666;font-family:arial,"Microsoft Yahei";}
#popreport li input.code {width: 141px;margin-right:10px;float: left;}
#popreport li #canvas {width: 100px;height: 34px;float: right;background: #ccc;border: 1px solid #ccc;border-radius: 5px;}
#popreport li.submit {text-align: center;padding: 20px 0 0 0;margin:0;}
#popreport li.submit input{border: none;width: 120px;background: #69a921;color: #fff; height:30px;}
#popreport .pop_close{width: 30px;height: 30px;position:absolute;z-index:10;top:5px;right:5px;color: #999;font-size: 30px;text-align: center;line-height: 30px;transform: rotate(45deg);}
.hide{display:none;}
.block{display:block}

.g-btn.none{ background:#ccc;}
.checkbox-container {width: 310px;margin: 0 auto;margin-top: 10px;font-size: 12px;}

.checkbox-container .checkboxlabel {display: -webkit-box;}

.checkbox-container .checkbox:checked {background: #ffffff;border: 1px solid #3c82e1;}

.checkbox-container .checkbox {width: 20px;height: 14px;height: 19px;ackground-color: #f5f5f5;border: 1px solid #e1e1e1;-moz-border-radius: 50%;border-radius: 20%;font-size: .8rem;margin: 0;padding: 0;position: relative;display: inline-block;vertical-align: top;cursor: default;-webkit-appearance: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: background-color .1s ease;-moz-transition: background-color ease .1s;transition: background-color .1s ease;}

.checkbox-container .checkbox:checked:after {content: "";top: 4px;left: 4px;position: absolute;background: 0 0;border: 2px solid #3c82e1;border-top: none;border-right: none;height: 5px;width: 7px;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

.checkbox-container .checkboxlabel .checkmark {color: #999;vertical-align: bottom;margin-left: 6px;width: 300px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}

.checkbox-container .checkboxlabel .checkmark {color: #999;vertical-align: bottom;margin-left: 6px;width: 300px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}

.topdown a {display: block;width: 95%;height: 36px;text-align: center;line-height: 36px;background: #1a7eed;border-radius: 18px;font-size: 16px;color: #fff;margin: 10px auto 0;}

.topdown .downbtn_a,.topdown .btn_zq_a {display: inline-block !important;width: 45%;height: 40px;line-height: 40px;margin: 0 2% 0 2%;margin-bottom: 10px;background: #fff;font-size: 14px;border: 1px solid #3c82e1;color: #3c82e1;box-sizing: border-box;border-radius: 5px;text-align: center;margin-top: 10px;}

.topdown .downbtn_b {text-align: center;background: #3c82e1;display: inline-block;width: 45%;margin: 0 2% 0 2%;margin-bottom: 10px;line-height: 20px;height: 38px;padding-top: 2px;vertical-align: top;font-size: 14px;border-radius: 5px;color: #fff;margin-top: 10px;}

.topdown .downbtn_b i {display: block;height: 16px;line-height: 16px;font-size: 12px;text-align: center;font-style: normal;opacity: .8;}

.topdown p {font-size: 12px;background: #fff3e2;color: #787878;padding: 4px 8px;box-sizing: border-box;border: 1px solid #ffe0b5;line-height: 20px;border-radius: 5px;width: 94%;margin: 0 auto 10px;}

.topdown p em {color: #f75934;}

.m-score-box {margin-top: 12px;overflow: hidden;}

.m-score-box .m-score-item {position: relative;font-size: 14px;color: #aaa;text-align: center;width: 33.3333%;float: left;}

.m-score-box .m-score-item:not(:last-child):after {content: "";position: absolute;display: block;width: .02rem;height: .6rem;background: url(../images/ic-line-1.png) 0 0/100% 100%;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%)}

.m-score-box .m-score-item .m-icon-box {font-size: 20px;color: #464646;margin-bottom: 5px;text-align: center;}

.m-score-box .m-score-item .m-icon-box .icon-hot {background-image: url(http://m.dnfziliao.com/SkinNew/images/ic-hot-g.png);}

.m-score-box .m-score-item .m-icon-box .icon-star {background-image: url(http://m.dnfziliao.com/SkinNew/images/ic-star.png);}

.m-score-box .m-score-item .m-icon-box .icon-user {background-image: url(http://m.dnfziliao.com/SkinNew/images/ic-user-g.png);}

.m-score-box .m-score-item .m-icon-box .icon {position: relative;top: -3px;width: 18px;height: 18px;margin-right: 5px;}

.icon {display: inline-block;vertical-align: middle;background-size: contain;background-position: center center;background-repeat: no-repeat}

#downlinkaddress {display: block;width: 5.94rem;height: .8rem;text-align: center;line-height: .8rem;background: #0db5ec;border-radius: .4rem;font-size: .34rem;color: #fff;margin: .3rem auto 0}


.shuoming {padding: 10px 0 0 0;position: relative;}

.sm {text-align: center;font-size: 14px;color: #259d5d;padding-top: 10px;}

.sm span {padding: 0 15px;position: relative;}
/*1100分辨率（大于320px，小于1199px*/
@media screen and (min-width: 280px) and (max-width: 1199px) {#imgview ul{    overflow-x: scroll;    display: flex;}#imgview ul li{    flex-shrink: 0;}}



/********截图**********/
.game-screenshot-con {width: 865px;height: auto;margin: 0px auto;}
.img_look {width: 865px;height: auto;position: relative;}
#dcont>div {margin:0 0px 0px;padding-top:10px}
#picShow {position:relative;width:860px;margin:0 auto;padding-top:0!important}
#picShow #focus_jt {width:860px;height:302px;overflow:hidden;position:relative}
#picShow ul {width:3000px;height:302px;top:0;left:0;position:absolute;overflow:hidden;display: flex;}
#picShow ul li {position:relative;height:302px;float:left;padding:0 5px;position:relative}
#picShow li img {height:300px;/*max-width: 530px;*/border:0px solid #ddd}
#picShow ul li.video-box {width:533px}
#picShow .playBtn {position:absolute;left:238px;top:123px;display:block;width:56px;height:56px;background:url(../img/icon_video.png) 0 0 no-repeat}
#picShow ul .video-box,#videoPlayer {display:block;width:533px;height:300px;padding:0}
.hScrollPane_leftarrow,.hScrollPane_rightarrow {position:absolute;top:68px;z-index:2;display:none;width:30px;height:300px;font:normal 30px/300px "\5B8B\4F53",serif;text-align:center;color:#fff;cursor:pointer;background:#000;filter:alpha(opacity=60);opacity:.6}
.hScrollPane_leftarrow {left:-20px}
.hScrollPane_rightarrow {right:-20px}
.hScrollPane_dragbar {width:860px;height:10px;margin:20px 0 0 0;cursor:pointer;position:relative;background:#f0f0f0}
.hScrollPane_draghandle {width:180px;height:10px;left:0;bottom:0;cursor:pointer;position:absolute;background:#167af4;border-radius:8px}
.lightboxOverlay {position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}
.lightbox {position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:400;display: none;}
.lightbox .lb-image {display:block;height:auto;max-width:inherit;border-radius:3px}
.lightbox a img {border:none}
.lb-outerContainer {position:relative;background-color:#fff;*zoom:1;width:250px;height:250px;margin:0 auto;border-radius:4px}
.lb-outerContainer:after {content:"";display:table;clear:both}
.lb-container {padding:4px}
.lb-loader {position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}
.lb-cancel {display:block;width:32px;height:32px;margin:0 auto;background:url(../img/loading.gif) no-repeat}
.lb-nav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
.lb-container>.nav {left:0}
.lb-nav a {outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.lb-next,.lb-prev {height:100%;cursor:pointer;display:block}
.lb-nav a.lb-prev {width:34%;left:0;float:left;background:url(../img/az_prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:1;-webkit-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-prev:hover {filter:alpha(Opacity=100);opacity:1}
.lb-nav a.lb-next {width:64%;right:0;float:right;background:url(../img/az_next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:1;-webkit-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-next:hover {filter:alpha(Opacity=100);opacity:1}
.lb-dataContainer {margin:0 auto;padding-top:5px;*zoom:1;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.lb-dataContainer:after {content:"";display:table;clear:both}
.lb-data {padding:0 4px;color:#ccc}
.lb-data .lb-details {width:85%;float:left;text-align:left;line-height:1.1em}
.lb-data .lb-caption {font-size:13px;font-weight:700;line-height:1em}
.lb-data .lb-number {display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}
.lb-data .lb-close {display:block;float:right;width:30px;height:30px;background:url(../img/az_close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;transition:opacity .2s}
.lb-data .lb-close:hover {cursor:pointer;filter:alpha(Opacity=100);opacity:1}
@media screen and (max-width:959px){
.game-screenshot-con{
    display: none;
}
}


/****移动截图****/

#wrapper{width:100%;float:left;position:relative;z-index:0;overflow:hidden;padding:10px 0 2px 0;background:#f2f2f2;}#scroller{width:3000px;height:100%;float:left;padding:0 5px 6px 5px;}#scroller ul{display:block;float:left;width:100%;height:100%;padding:0;margin:0;}#scroller li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;display:block;float:left;width:152px;text-align:center;}#scroller li img{border:1px solid #fff;width:140px;}
#wrapper2,#wrapper3,#wrapper4{width:100%;float:left;position:relative;z-index:0;overflow:hidden;}#scroller2,#scroller3,#scroller4{width:3000px;height:100%;float:left;padding:5px 10px;}#scroller2 ul,#scroller3 ul,#scroller4 ul{display:block;float:left;width:100%;height:100%;padding:0;margin:0;}#scroller2 li,#scroller3 li,#scroller4 li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;display:block;float:left;width:94px;height:82px;text-align:center;}#scroller2 li img,#scroller3 li img,#scroller4 li img{width:60px;height:60px;display:block;margin:0 auto 3px auto;border-radius:10px;}#scroller2 a,#scroller3 a,#scroller4 a{font-size:12px;color:#65bb0a;display:block;overflow:hidden;height:79px;}



/* pswp = photoswipe */
.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:91500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}
.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}
.pswp img{max-width:none}
.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--open{display:block}
.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}
.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}
.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}
.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}
.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}
.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}
.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}
.pswp__img--placeholder{-webkit-backface-visibility:hidden}
.pswp__img--placeholder--blank{background:#222}
.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}
.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}
.pswp__error-msg a{color:#CCC;text-decoration:underline}

.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}
.pswp__button:focus,.pswp__button:hover{opacity:1}
.pswp__button:active{outline:0;opacity:.9}
.pswp__button::-moz-focus-inner{padding:0;border:0}
.pswp__ui--over-close .pswp__button--close{opacity:1}
.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(../img/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}
@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(../img/default-skin.svg)}
.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}
}
.pswp__button--close{background-position:0 -44px}
.pswp__button--share{background-position:-44px -44px}
.pswp__button--fs{display:none}
.pswp--supports-fs .pswp__button--fs{display:block}
.pswp--fs .pswp__button--fs{background-position:-44px 0}
.pswp__button--zoom{display:none;background-position:-88px 0}
.pswp--zoom-allowed .pswp__button--zoom{display:block}
.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}
.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}
.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}
.pswp__button--arrow--left{left:0}
.pswp__button--arrow--right{right:0}
.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}
.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}
.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}
.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__share-modal--hidden{display:none}
.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}
.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}
.pswp__share-tooltip a:hover{text-decoration:none;color:#000}
.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}
.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}
.pswp__share-modal--fade-in{opacity:1}
.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.pswp--touch .pswp__share-tooltip a{padding:16px 12px}
a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}
a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}
a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}
a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}
a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}
a.pswp__share--download:hover{background:#DDD}
.pswp__counter{position:absolute;left:0;top:0;height:44px;font-size: 16px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px;}
.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}
.pswp__caption small{font-size:11px;color:#BBB}
.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#CCC}
.pswp__caption--empty{display:none}
.pswp__caption--fake{visibility:hidden}
.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}
.pswp__preloader__icn{width:20px;height:20px;margin:12px}
.pswp__preloader--active{opacity:1}
.pswp__preloader--active .pswp__preloader__icn{background:url(../img/preloader.gif) 0 0 no-repeat}
.pswp--css_animation .pswp__preloader--active{opacity:1}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}
.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}
.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}
.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}
@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}
}
@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}
.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}
.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}
.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}
.pswp__ui--idle .pswp__top-bar{opacity:0}
.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}
.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}
.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}
.pswp__element--disabled{display:none!important}
.pswp--minimal--dark .pswp__top-bar{background:0 0}



@media screen and (min-width:960px){
.xyc{
    display: none;
}
}



.pop-tips-box{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
    z-index: 99999999;
}
.pop-arrow-tips{
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 999999999;
}
.pop-txt-tips{
    position:absolute;
    top: 195px;
    display:flex;
    width: 68%;
    right: 12%;
    border-radius: 40px;
    border: 5px solid #fff;
    padding: 10px;
    z-index: 999999999;
}
.pop-txt-box{
    color:#fff;
    font-size: 20px;
    flex: 1;
    padding: 10px;
}
.pop-txt-box p {
    line-height: 28px;
}

.pop-tips-close{
    position:absolute;
    top:400px;
    left:50%;
    margin-left:-40px;
    color:#fff;
    font-size:0.34rem;
    width:80px;
    height:40px;
    line-height:40px;
    border:1px solid #fff;
    text-align:center;
    border-radius:20px;
}