/*QRCode mask-layer*/
.mask-layer {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
}

.mask-layer .cover {
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    background-color: rgba(0,0,0,.5)
}

.mask-layer .content {
    width: 100%;
    position: relative;
    z-index: 51;
    font-size: .6rem;
    color: #fff;
    top: 50%;
    text-align: center
}

.mask-layer .content .close.icon {
    width: .75rem;
    height: .75rem;
    position: absolute;
    right: 2.25rem;
    top: -1.5rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTU4MkZFOEVFQzYwMTFFN0JEODhBM0NDNkI1OEQyRTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTU4MkZFOEZFQzYwMTFFN0JEODhBM0NDNkI1OEQyRTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNTgyRkU4Q0VDNjAxMUU3QkQ4OEEzQ0M2QjU4RDJFNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNTgyRkU4REVDNjAxMUU3QkQ4OEEzQ0M2QjU4RDJFNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiogpPUAAALrSURBVHja1Jo7aBRBGMfXBcFGK7UQrEQDgr1YKD4uioka73J5EPHRKEoiEvHyMFEwJlGSEFKcD0QTBY2FoBBBtLUUK8FGjKWghY0gKDL+P2HJct7e7ffNY8cPftfczsz9dh47982GSqkgxjowAhbAXbCn4nsf2AXeq6VYBIX4NfGLG8E39W+UPRLaq5KjWCm1U9WOWQ+Ecqp+5CIpGnI/UxS457kQxVewMgyC4CRYHtSPE2A2cB858CrltavBNpLayGjgOJhzKLSPIRTFCpL6wCx0zFGPNYEXzDKYUMEbGq/rwW/FD5uLx34lizPx1a9FWIkNsUPC33Kh2nOqwwOxFl2hSqmsxaQ91FtZV7XKOzMQMyaUJKXTY/cdDrnzSXXWaqxd2NgDhtBhE3OII0W0WeyxgrDuUr2609xNqdichVHQl2YEpB0m7QZ7rM2mEEfK1HJvXYgrpbPcj2mscn3cFVXyTJGKSWJA8twLBbvnedDpYJc+BMYlBUNhg48ti10Co9LCoUbDJNZlSWhEp4JQ8wc8Mix2WVfIhFQkdsSQ0BUTdyY0dIcfgt3gh7B8jykhk1IUX8AvYdk1JielKalG8A6s0lgcbvskRWmslwbqofzjLR+kJGmsWnEK3MhSqhk8t/CcOg1mspAioQWLO4qzYNqllG2hKM5JxULBHJIIHQVbhWL8oeggFRzP+jQL65i28X/qgMGsz0HbYjYTjSULN2nKhFTe4l/wJmHdkzpSrcJG+xnjXzrHrkukCg6EdOfYNY5U0WWSRHPeTqSRas1ASPegYLKWlFRo0INDt4lqUlKhixaOR/O6c4w+NnskpNtjo5FU2TMhXbECbWgbXCYaGfEM5AXleknqI6PAsIm8HCOegiKzzFqSKjNy21czeDfpCehgXP8p7bnRoMr+1bi0B3874oW6El7nKSl/XmKsd/O7q+0otoA74DWYB9s9fN2UtnHfk4SIZX/N/r/YALrBJvAZ3ARvoy//CDAAy0cRL5w0bekAAAAASUVORK5CYII=") no-repeat center;
    background-size: cover
}

.mask-layer .content .qr-code {
    width: 9rem;
    height: 9rem;
    margin: -5.3rem auto 0;
    padding: .75rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAJYCAYAAAC+ZpjcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Nzc3MEI5QzVFQzYwMTFFNzhCMkQ5MEQ4OTMxREU1QTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Nzc3MEI5QzZFQzYwMTFFNzhCMkQ5MEQ4OTMxREU1QTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NzcwQjlDM0VDNjAxMUU3OEIyRDkwRDg5MzFERTVBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NzcwQjlDNEVDNjAxMUU3OEIyRDkwRDg5MzFERTVBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp2xLwoAAAkISURBVHja7NsxCsAgDEDRpnj/K1sPYAUlg7bvgZNbFj8BozYX5AojAA7kPSTNbQQAAAILAEBgAQAILAAABBYAwC7K4M5PMAD+xLvHiu7vUxssAIBkAgsAQGABAAgsAACBBQCAwAIAEFgAAAILAACBBQAgsAAABBYAAAILAEBgAQAILAAAgQUAgMACABBYAAACCwAAgQUAILAAAAQWAAACCwBAYAEACCwAAAQWAIDAAgAQWAAAAgsAAIEFACCwAAAEFgAAAgsAQGABAAgsAAAEFgCAwAIAEFgAAAgsAACBBQAgsAAABBYAAAILAEBgAQAILAAABBYAgMACABBYAAAILAAAgQUAILAAABBYAAACCwBAYAEACCwAAAQWAIDAAgAQWAAACCwAAIEFACCwAAAQWAAAAgsAQGABAAgsAAAEFgCAwAIAEFgAAAgsAACBBQAgsAAAEFgAAAILAEBgAQAgsAAABBYAgMACABBYAAAILAAAgQUAILAAABBYAAACCwBAYAEAILAAAAQWAIDAAgBAYAEACCwAAIEFACCwAAAQWAAAAgsAQGABACCwAAAEFgCAwAIAQGABAAgsAACBBQCAwAIAEFgAAAILAEBgAQAgsAAABBYAgMACAEBgAQAILAAAgQUAgMACABBYAAACCwBAYAEAILAAAAQWAIDAAgBAYAEACCwAAIEFAIDAAgAQWAAAAgsAAIEFACCwAAAEFgCAwAIAQGABAAgsAACBBQCAwAIAEFgAAAILAACBBQAgsAAABBYAAAILAEBgAQAILAAAgQUAgMACABBYAAACCwCAKaWdMAYAgCXdjrLBAgBIJrAAAAQWAIDAAgAQWAAACCwAAIEFACCwAAAQWAAAAgsAQGABACCwAAAEFgCAwAIAEFgAAAgsAACBBQAgsAAAEFgAAAILAEBgAQAgsAAABBYAgMACAEBgAQAILAAAgQUAILAAABBYAAACCwBAYAEAILAAAAQWAIDAAgBAYAEACCwAAIEFAIDAAgAQWAAAAgsAQGABACCwAAAEFgCAwAIAQGABAAgsAACBBQCAwAIAEFgAAAILAACBBQAgsAAABBYAgMACAEBgAQAILAAAgQUAgMACABBYAAACCwAAgQUAILAAAAQWAIDAAgBAYAEACCwAAIEFAIDAAgAQWAAAAgsAAIEFACCwAAAEFgAAAgsAQGABAAgsAACBBQCAwAIAEFgAAAILAACBBQAgsAAABBYAAAILAEBgAQAILAAABBYAgMACABBYAAACCwAAgQUAILAAAAQWAAACCwBAYAEACCwAAAQWAIDAAgAQWAAACCwAAIEFACCwAAAEFgAAAgsAQGABAAgsAAAEFgCAwAIAEFgAAAgsAACBBQAgsAAABBYAAAILAEBgAQAILAAABBYAgMACABBYAAAILAAAgQUAILAAABBYAAACCwBAYAEACCwAAAQWAIDAAgAQWAAACCwAAIEFACCwAAAQWAAAAgsAQGABACCwAAAEFgCAwAIAEFgAAAgsAACBBQAgsAAAEFgAAAILAEBgAQAgsAAABBYAgMACAEBgAQAILAAAgQUAILAAABBYAAACCwBAYAEAILAAAAQWAIDAAgBAYAEACCwAAIEFACCwAAAQWAAAAgsAQGABACCwAAAEFgCAwAIAQGABAAgsAACBBQCAwAIAEFgAAAILAEBgAQAgsAAABBYAgMACAEBgAQAILAAAgQUAgMACABBYAAACCwAAgQUAILAAAAQWAIDAAgBAYAEACCwAAIEFAIDAAgAQWAAAAgsAAIEFACCwAAAEFgAAAgsAQGABAAgsAACBBQCAwAIAEFgAAAILAACBBQAgsAAABBYAAAILAEBgAQAILAAAgWUEAAACCwBAYAEACCwAAAQWAIDAAgAQWAAACCwAAIEFACCwAAAQWAAAAgsAQGABAAgsAAAEFgCAwAIAEFgAAAgsAACBBQAgsAAAEFgAAAILAEBgAQAgsAAABBYAgMACABBYAAAILAAAgQUAILAAABBYAAACCwBAYAEAILAAAAQWAIDAAgBAYAEACCwAAIEFACCwAAAQWAAAAgsAQGABACCwAAAEFgCAwAIAQGABAAgsAACBBQCAwAIAEFgAAAILAEBgAQAgsAAABBYAgMACAEBgAQAILAAAgQUAgMACABBYAAACCwBAYAEAILAAAAQWAIDAAgBAYAEACCwAAIEFAIDAAgAQWAAAAgsAAIEFACCwAAAEFgCAwAIAQGABAAgsAACBBQCAwAIAEFgAAAILAACBBQAgsAAABBYAAAILAEBgAQAILAAAgQUAgMACABBYAAACCwCACaWd+nIXxgMAMNTtKBssAIBkAgsAQGABAAgsAACBBQCAwAIAEFgAAAILAACBBQAgsAAABBYAAAILAEBgAQAILAAAgQUAgMACABBYAAACCwAAgQUAILAAAAQWAAACCwBAYAEACCwAAAQWAIDAAgAQWAAAAgsAAIEFACCwAAAEFgAAAgsAQGABAAgsAAAEFgCAwAIAEFgAAAgsAACBBQAgsAAABBYAAAILAEBgAQAILAAABBYAgMACABBYAAAILAAAgQUAILAAABBYAAACCwBAYAEACCwAAAQWAIDAAgAQWAAACCwAAIEFACCwAAAQWAAAAgsAQGABAAgsAAAEFgCAwAIAEFgAAAgsAACBBQAgsAAAEFgAAAILAEBgAQAgsAAABBYAgMACABBYAAAILAAAgQUAILAAABBYAAACCwBAYAEAILAAAAQWAIDAAgBAYAEACCwAAIEFACCwAAAQWAAAAgsAQGABACCwAAAEFgCAwAIAQGABAAgsAACBBQCAwAIAEFgAAAILAEBgAQAgsAAABBYAgMACAEBgAQAILAAAgQUAgMACABBYAAACCwBAYAEAILAAAAQWAIDAAgBAYAEACCwAAIEFAIDAAgAQWAAAAgsAAIEFACCwAAAEFgCAwAIAQGABAAgsAACBBQCAwAIAEFgAAAILAACBBQAgsAAABBYAAAILAEBgAQAILAAAgQUAgMACABBYAABfVwZ31XhYFEYAHMi7RxobLAAAgQUAILAAAAQWAAACCwBgG48AAwAw9w61+3Sh7gAAAABJRU5ErkJggg==") no-repeat center;
    background-size: cover
}

.mask-layer .content .qr-code img {
    width: 100%;
    height: 100%
}

.mask-layer .content .slogan {
    padding: .4rem
}

/*分享弹窗样式*/
/* #main {
    margin-top: 11%;
} */
.uploadtip {
    background: url(../img/shareBanner.png) no-repeat center;
    background-size: 100% 100%;
    width: 100%;
    height: 60px;
    max-width: 660px;
    position: fixed;
    top: 0;
    z-index:2019;
}

.aboutword {
    width: 100%;
    height: 100%;
}

.aboutword .upload {
    position: absolute;
    top: 31%;
    right: 13.5%;
    display: block;
    width: 13%;
    height: 41%;
}

.aboutword .close {
    position: absolute;
    top: 10%;
    right: 1%;
    display: block;
    width: 4%;
    height: 30%;
}

@media only screen and (min-width: 400px) and (max-width: 540px){
	.uploadtip {
		height: 50px;
	}       
}
@media only screen and (max-width: 400px){
	.uploadtip {
		height: 40px;
	}
}
/* .page_title {
    margin: 46px 0 0 0;
} */


/* .uploadtip .slogan{
    width:39%;
    display: block;
    float: left;
    line-height: 1;
    text-align: left;
    margin-left: 1.5%;
}

.uploadtip .slogan span:first-child{
    font-size:21px;
    color: #fff;
}

.uploadtip .slogan span:nth-of-type(2){
    font-size: 13px;
    color: #aaa;
}

.uploadtip .slogan span:first-child{
    color: #fff;
    font-size: 18px;
}

.uploadtip .logo{
    float: left;
    margin-right:1%;
    width: 12%;
    border-radius: 10px;
}

.aboutword{
    width: 96%;
    margin: 0 auto;
}

.uploadtip .close{
    color: #fff;
    font-size: 25px;
    float: right;
    outline: 0;
}
.uploadtip {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    bottom:0 !important;
    top:auto !important;
    width: 100%;
    text-align: center;
    padding:3% 0;
    z-index:2019;
}
.uploadtip span {
    color: #fff;
}
.uploadtip .logo {
    float: left;
    margin-right: 2%;
    width: 10%;
}
.aboutword {
    width: 95%;
    margin: 0 auto;
}
.uploadtip .close {
    color: #fff;
    font-size: 25px;
    outline: none;
}
.uploadtip .upload {
    background-color: #12adff;
    border: none;
    color: #fff;
    padding: 1% 2%;
    font-size: 18px;
    border-radius: 3px;
    outline: none;
    font-family: "microsoft yahei";
    display: inline-block;
} */

#bmDes img{
    width:100% !important;
    height:auto !important;
}