body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,div,span,i{margin: 0;padding: 0;box-sizing: border-box}body,button,input,select,textarea{font: 16px/1.5 "Microsoft YaHei", arial, \5b8b\4f53}address,cite,dfn,em,var{font-style: normal}code,kbd,pre,samp{font-family: courier new, courier, monospace}small{font-size: 12px}ul,ol{list-style: none}a,a:hover{outline: none;text-decoration: none}sup{vertical-align: text-top}sub{vertical-align: text-bottom}legend{color: #000}fieldset,img{border: 0;max-width: 100%;vertical-align: middle}button,input,select,textarea{font-size: 100%;border: none;outline: none}button,input{background: none}button{cursor: pointer}table{border-collapse: collapse;border-spacing: 0}.fl{float: left}.fr{float: right}.clear{content: "";clear: both;zoom: 1}.clearfix{zoom: 1}.clearfix:after{display: block;content: "";clear: both}.clearfix:before{display: table;content: ""}.flex{display: -ms-flexbox;display: flex}.flex-wrap{display: -ms-flexbox;display: flex;flex-wrap: wrap}.flex-center{display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: center}.flex-right{display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: flex-end}.flex-between{display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start}.flex-middle{display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center}.flex-center-middle{display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: center;align-items: center}.tt1{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.tt2{display: block;display: -webkit-box;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden}.tt3{display: block;display: -webkit-box;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden}.tt4{display: block;display: -webkit-box;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden}.tt5{display: block;display: -webkit-box;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden}.img-zoom{position: relative;display: block;overflow: hidden}.img-zoom img{display: none;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;width: 100%;height: 100%;object-fit: cover;-webkit-transition: transform 0.8s ease-out 0s;-moz-transition: transform 0.8s ease-out 0s;-ms-transition: transform 0.8s ease-out 0s;-o-transition: transform 0.8s ease-out 0s;transition: transform 0.8s ease-out 0s}.img-zoom .img-frame{position: relative;overflow: hidden}.img-zoom .img{height: 100%;background-repeat: no-repeat;background-position: 50% 50%;background-color: transparent;background-size: cover;-webkit-transition: transform 0.8s ease-out 0s;-moz-transition: transform 0.8s ease-out 0s;-ms-transition: transform 0.8s ease-out 0s;-o-transition: transform 0.8s ease-out 0s;transition: transform 0.8s ease-out 0s}.img-zoom .img img{display: none;min-height: 100%}.img-zoom:hover img{min-height: 100%;-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08)}.img-zoom:hover .img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08)}#browser-modal{position: fixed;top: 0;right: auto;bottom: auto;left: 0;z-index: 10000;width: 100%;height: 100%;color: #303233;text-align: center}#browser-modal .browser-modal-cover{position: fixed;top: 0;right: auto;bottom: auto;left: 0;z-index: -1;height: 100%;width: 100%;background-color: #111}#browser-modal .browser-content{width: 700px;margin: 120px auto 0;padding: 50px 0 80px;background-color: #fff;border-radius: 5px}#browser-modal .browser-content .browser-dpc-logo img{height: 42px;margin: 45px auto 40px}#browser-modal .browser-content .browser-text-title{font-size: 24px;text-transform: uppercase}#browser-modal .browser-content .browser-text-desc{margin: 30px 0 20px;font-size: 14px}#browser-modal .browser-content .browser-list{width: 600px;height: 130px;margin: 20px auto}#browser-modal .browser-content .browser-item{float: left;width: 150px;margin: 0 auto;padding: 20px 0}#browser-modal .browser-content .browser-item .iconfont{width: 100px;height: 100px;margin: 0 auto 10px;font-size: 80px;line-height: 80px}#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}#browser-modal .browser-content .browser-item a{display: block;cursor: pointer}#browser-modal .browser-content .browser-item a:hover{text-decoration: underline !important}#browser-modal .browser-content .browser-item a img{display: block;max-width: 100px;width: 100px;height: 100px;margin: 0 auto}#browser-modal .browser-content .browser-item a h4{margin-top: 20px;text-align: center;font-size: 18px;font-weight: 700}