ul,li ol{
	list-style: none;
	margin: 0;
	padding: 0;
}
html,body{
	height: 100%;
}
body{
	width:100%;
	max-width:750px;
	background-color:#d1e7f9;
	color: #3a3a3a;
	overflow: hidden;
	margin: 0 auto;
}
img {
    vertical-align: top;
}

/* icon */
@font-face {
    font-family: xicons;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/iconfont.ttf) format('truetype')
}

.f-icon {
    font-family:xicons;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased
}
.icon-massege:before {
  content: "\e60f";
}
.icon-calendar:before {
   content: "\e9ab";
}
.icon-home:before {
  content: "\e858";
}
.icon-home-fill:before {
  content: "\e857";
}

.icon-user:before {
  content: "\e828";
}
.icon-user-fill:before {
  content: "\e827";
}
.icon-back:before{
	content: "\e67a";
}
.icon-menu:before{
	 content: "\e63c";
}
.icon-part:before{
	 content: "\e649";
}
.icon-zhiwu:before{
	 content: "\e600";
}
.icon-success:before{
	 content: "\e844";
}
.icon-success:before{
	 content: "\e844";
}
.icon-handle:before{
	 content: "\e606";
}
.icon-edit:before{
	 content: "\e606";
}
/* icon */
.mui-bar{
	max-width: 1024px;
	box-shadow:none;
	margin: 0 auto;
}
.mui-bar a{
	color: #111;
}
.mui-bar-transparent{
	box-shadow: none !important;
}
.mui-bar-tab{
	background-color: #fff;
}

.main-content{
	position: relative;
	z-index: 2;
	background-color: transparent;
	height:100%;
	overflow:hidden;
	padding: 45% 0 0;
}
.scroll-view{
	height: 100%;
	overflow-y: auto;
	padding: 0 15px 68px;
}
.banner{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	z-index: 1;
}
.banner .title{
	position: absolute;
	top:25%;
	left: 8%;
	color: #082168;
	font-weight: 520;
	font-size: 28px;
}
.banner .title span{
	display:block;
	padding: 5px 0;
}
.banner .title span.f-blue{
	background: linear-gradient(to bottom, #036cff, #3a8cfe);
	-webkit-background-clip: text;
	color: transparent;
}
.banner img{
	width: 100%;
}
.mui-bar .f-icon {
    font-size: 22px;
    position: relative;
    z-index: 20;
}
.main-bar .radius{
	background-color: rgba(255, 255, 255, 0.5);
	color: #111;
	border-radius: 50%;
	font-size: 18px;
	text-align: center;
	line-height: 24px;
	width: 24px;
	height: 24px;
}
.date{
	display: block;
	background-color: rgba(255, 255, 255, 0.5);
	color: #111;
	border-radius:30px;
	font-size: 14px;
	height: 24px;
	line-height: 26px;
	padding: 0 10px;
}
.date .f-icon{
	font-size: 18px;
	margin-right: 5px;
}
.date i,.date span{
	display: inline-block;
	vertical-align: middle;
}
.m-card{
	border-radius: 10px;
	background-color: rgba(255, 255, 255, .6);
	box-shadow: inset 0 0 10px #fff;
	border: 1px solid rgba(255, 255, 255, 0.8);
	padding: 15px;
}
.m-title{
	height: 26px;
	font-size: 18px;
	margin: 0;
}
.m-title .m-image{
	height: 100%;
}
.news{
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display:-webkit-box;
   -webkit-line-clamp: 2;/*行数*/
   -webkit-box-orient: vertical;
   line-height: 1.5;
   font-size: 16px;
}
.btn-card{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0 ;
}
.btn-card a{
	flex: 1;
	display: inline-block;
	height:96px;
}
.btn-card .item-btn01{
	background: url("../img/main-image-btn-01.png") no-repeat;
	background-size: 100% 100%;
}
.btn-card .item-btn02{
	background: url("../img/main-image-btn-02.png") no-repeat;
	background-size: 100% 100%;
}
.btn-card a img{
	width: 100%;
}
.btn-wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 -5px;
	padding: 0;
}
.btn-wrapper li{
	display: inline-block;
	padding: 5px;
	width: 33.33%;
}
.btn-wrapper li a{
	display: flex;
	flex-direction: column;
	align-items: center;
	background: url("../img/main-btn-bg.png") no-repeat;
	background-size: 100% 100%;
	padding:5px;
	overflow: hidden;
	height: 134px;
}
.btn-wrapper li a .img{
	display: block;
	width:48px;
	height: 48px;
	margin: 10px 0 5px;
}
.btn-wrapper li a .img img{
	width: 100%;
}
.btn-wrapper li a p{
	color: #3a3a3a;
	text-align: center;
	margin-bottom: 0;
	line-height: 1.4;
}
.ai-card{
	margin-top: 10px;
	background: url("../img/ai-images.png") no-repeat;
	background-size: 100% 100%;
	height: 105px;
}
.ai-card a{
	position: relative;
	display: block;
}
.ai-card .info{
	position: relative;
	z-index: 111;
	zoom: 0;
	padding: 24px 0 0 30%;
}
.ai-card .info .title{
	height: 24px;
}
.ai-card .info .title img{
	width: auto;
	height: 100%;
}
.ai-card .info .text{
	color: #fff;
	padding:5px 10px;
	background: url('../img/ai-text-bg.png') no-repeat;
	background-size: 100% 100%;
	width: 90%;
}
.botTab{
	position: fixed;
	background-color: #fff;
	bottom: 0;
	display: table;
	width: 100%;
	height: 50px;
	padding: 0;
	table-layout: fixed;
	z-index: 10;
	right: 0;
	left: 0;
}
.botTab .mui-tab-item {
    display: table-cell;
    overflow: hidden;
    width: 1%;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #929292;
}
.botTab .mui-tab-item.mui-active {
    color: #007aff;
}
.botTab .mui-tab-item .mui-icon {
    top: 3px;
    width: 24px;
    height: 24px;
	font-size: 24px;
	    position: relative;
	    z-index: 20;
}
.botTab .mui-icon~.mui-tab-label {
    font-size: 11px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* 个人中心 */
.header{
	background-color: #fff;
}
.header a{
	color: #111;
}
.user-wrap{
	position: relative;
	background-color: #f0f9fe ;
	height: 100%;
	padding:44px 15px 40px;
}
.user-wrap-bg{
	position: absolute;
	min-height: 400px;
	top: 0;
	left: 0;
	right: 0;
	background:url("../img/usermain-bg.jpg") top center no-repeat;
	background-size: 100%;
	z-index: 1;
}
.aui-panel {
    position: relative;
	zoom: 1;
	z-index: 10;
}
.aui-panel-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
	padding: 10px;
}
.aui-panel-cell-hd {
    margin-right: .8em;
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
}
.aui-panel-cell-hd img {
    width: 100%;
    max-height: 100%;
    vertical-align: top;
    display: block;
    border: none;
    border-radius: 100%;
}
.aui-panel-cell-bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
}
.aui-panel-cell-bd h4 {
    font-weight: 400;
    font-size: 18px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;
    color: #111111;
	padding-top: 5px;
	padding-bottom:5px;
}
.aui-panel-cell-bd h4 i {
    font-style: normal;
    float: left;
}
.aui-panel-cell-bd p{
	padding-bottom: 0;
}
.aui-flex-box p em {
    color: #fff;
    font-weight: bold;
    font-style: normal;
}
.aui-panel-cell-bd p em{
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
}
.aui-panel-cell-bd p span{
	display: inline-block;
}
.aui-panel-cell-bd p span i{
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
	margin-right: 2px;
}
.aui-flex-box p {
    font-size: 0.85rem;
    color: #f5e1e1;
}
.aui-medal,.aui-panel-back {
	border-radius: 40px;
	padding:0 8px;
}
.aui-panel-back {
    color: #4c81ea;
	background-color:#c6e3fd;
	border: 1px solid #9ac2fa;
}
.aui-medal {
    color: #f4842f;
	background-color:#ffebd2;
	border: 1px solid #f1b56b;
}

.aui-list-box{
	position: relative;
	zoom: 1;
	width: 100%;
	z-index: 10;
	/* height: calc(100% - 100px); */
	overflow: hidden;
}
.aui-list-box .aui-list-hd{
	background: url('../img/user-box-hd.png') no-repeat;
	background-size: 100% 100%;
	margin: 0;
	padding: 15px 20px;
}
.aui-list-box .aui-list-hd span{
	display: inline-block;
	text-align: center;
	font-weight: 500;
	font-size: 18px;
}
.aui-list-box .aui-list-bd{
	padding:0 20px 5px;
	background: url('../img/user-box-bg.png') repeat-y;
	background-size: 100%;
	margin: 0;
	/* height: calc(100% - 90px); */
	/* overflow-y: auto; */
}
.aui-list-box .aui-list-bot{
	height: 20px;
	background: url('../img/user-box-bot.png') no-repeat;
	background-size:100% 100%;
}
.aui-list-item{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: end;
	background-color: #f0f9fe;
	border-radius: 10px;
	border: 1px solid #d2e7f9;
	padding:15px;
	overflow: hidden;
	margin-bottom: 15px;
}
.aui-list-item:last-child{
	margin-bottom: 0;
}
.aui-list-item h4{
	font-size: 17px;
}
.aui-list-item p{
	padding-top:4px;
	margin-bottom: 0;
}
.aui-list-item .aui-tags{
	position: absolute;
	right: 0;
	top: 0;
	padding:0 10px 2px 20px;
	color: #fff;
	font-size: 13px;
	display: inline-flex;
	align-items: center;
}
.aui-list-item .aui-tags i{
	display: inline-block;
	font-size: 15px;
	margin-right: 4px;
}
.tags-success{
	background: url("../img/aui-tag-01.png") no-repeat;
	background-size: 100% 100%;
}
.tags-handle{
	background: url("../img/aui-tag-02.png") no-repeat;
	background-size: 100% 100%;
}
.btn-radius{
	border-radius: 40px;
	padding: 3px 10px;
}
@media (min-height: 740px){ 
	.main-content{
		padding-top: 46%;
	}
	.main-bar .radius {
	    font-size: 20px;
	    line-height: 34px;
	    width: 34px;
	    height: 34px;
	}
	.date {
	    border-radius: 30px;
	    font-size: 15px;
	    height: 34px;
	    line-height: 36px;
	}
	.date .f-icon {
	    font-size: 20px;
	}
	/* .mui-bar .mui-icon{
		padding-top: 15px;
		padding-bottom: 15px;
	} */
	.news {
	    -webkit-line-clamp: 3;
		padding-top: 10px;
		font-size: 17px;
		padding-bottom: 4px;
	}
	.btn-wrapper li a{
		height: 150px;
	}
	.btn-wrapper li a .img {
	    width: 54px;
	    height: 54px;
	    margin:20px 0 10px;
	}
	.ai-card{
		margin-top: 10px;
		background: url("../img/ai-images-xx.png") no-repeat;
		background-size: 100% 100%;
		height: 120px;
	}
	.ai-card .info{
		padding-top: 30px;
	}
	.ai-card .info .text {
	    padding:8px 15px;
	    width: 90%;
	}
	.btn-card a{
		height: 108px;
	}
	.btn-card .item-btn01{
		background: url("../img/main-image-btn-01-xx.png") no-repeat;
		background-size: 100%;
	}
	.btn-card .item-btn02{
		background: url("../img/main-image-btn-02-xx.png") no-repeat;
		background-size: 100%;
	}
}
@media (min-height: 910px){ 
	.main-content{
		padding-top: 49%;
	}
	.btn-card a{
		height: 114px;
	}
	.mui-bar .mui-icon {
	    padding-top: 16px;
	    padding-bottom: 16px;
	}
	.ai-card{
		margin-top: 15px;
		background: url("../img/ai-images-xxx.png") no-repeat;
		background-size: 100% 100%;
		height: 130px;
		padding-top:5px;
	}
	.ai-card .info .title {
	    height: 26px;
		margin-bottom: 6px;
	}
	.ai-card .info .text {
	    padding: 8px 10px;
		font-size: 16px;
	}
	.btn-card a{
		height: 108px;
	}
	.btn-card .item-btn01{
		background: url("../img/main-image-btn-01-xx.png") no-repeat;
		background-size: 100%;
	}
	.btn-card .item-btn02{
		background: url("../img/main-image-btn-02-xx.png") no-repeat;
		background-size: 100%;
	}
}
@media (min-height: 930px){ 
	.main-content{
		padding-top: 50%;
	}
	.btn-card a{
		height: 114px;
	}
	.btn-card a{
		height: 112px;
	}
	.btn-card .item-btn01{
		background: url("../img/main-image-btn-01-xx.png") no-repeat;
		background-size: 100%;
	}
	.btn-card .item-btn02{
		background: url("../img/main-image-btn-02-xx.png") no-repeat;
		background-size: 100%;
	}
	.user-wrap{
		padding-top: 54px;
	}
}

/* 公告 */
.m-heard{
	background-color: #fff;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.2) ;
	z-index: 999;
}
.mui-bar .mui-title{
	text-align: left;
}
.main-wrapper{
	padding-top: 44px;
	height:calc(100% - 10px);
	overflow-y:auto;
}
.news-detail{
	padding: 15px;
}
.detail-title{
	font-size: 20px;
	font-weight:580;
	line-height:1.5 ;
	text-align: left;
	margin-bottom: 10px;
}
.news-banner img{
	width: 100%;
}
.detail-box{
	position: relative;
	margin: 15px 0 0;
	padding: 24px 0 40px;
	min-height: 240px;
}
.detail-box:before,.detail-box::after{
	position: absolute;
	color: #3a3a3a;
	font-size: 56px;
	opacity: 0.3;
}
.detail-box:before{
	left: 0;
	top: 10px;
	content: "“";
}
.detail-box::after{
	right: 0;
	bottom: 0;
	content: "”";
}
.detail-box section{
	font-size: 16px;
	line-height: 1.8;
	padding: 0 10px;
	height: 80%;
	overflow-y: auto;
}

@media (min-height: 910px){
	.m-heard{
		height: 56px;
	}
	.main-wrapper{
		padding-top: 56px;
	}
	.mui-title{
		line-height:56px;
	}
	
}

.mui-plus .plus{
	display: inline;
}
			
.plus{
	display: none;
}
			
#topPopover {
	position: fixed;
	top: 16px;
	right: 6px;
}
#topPopover .mui-popover-arrow {
	left: auto;
	right: 6px;
}

.mui-popover {
	height: 300px;
}
.mui-content {
	padding: 10px;
}

/* 码上反映问题 */
.detail-bg{
	position: relative;
	height: 150px;
}
.detail-bg h5{
	position: absolute;
	top: 30px;
	left: 5%;
	right: 33%;
	z-index: 11;
	font-size: 18px;
	color: #111;
	line-height: 1.6;
	font-weight: 550;
}
.f-blue{
	color: #1c6ee1;
}
.detail-bg img{
	width: 100%;
}
.aui-list-head{
	background: url("../img/detail-box-hd.png") no-repeat;
	background-size: 100%;
	height:52px ;
}
.m-contain{
	position: relative;
	margin-top: -6%;
	padding:0 15px;
	z-index: 111;
}
.aui-flex,.mui-table-view-cell{
	display: flex;
	align-items: center;
}
.aui-list-head .mui-table-view-cell{
	padding: 5px 20px;
	justify-content: space-between;
}
.aui-list-bd .mui-input-row{
	position: relative;
	padding: 10px 0;
}
.aui-list-bd .mui-input-row label {
    padding: 10px 0;
}
.aui-list-bd .mui-input-row::after{
	position: absolute;
	content:"";
	height: 1px;
	background-color: #eee;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleY(.5);
	    transform: scaleY(.5);
}
.mui-input-row label~input{
	text-align: right;
}
.flex-column{
	 flex-direction: column;
}
.flex-column label,.flex-column label~textarea{
	width: 100%;
}
.flex-column label~textarea{
	background-color:#f3f7fb;
	border-radius: 10px;
	padding:10px;
}
.mui-input-row .mui-btn{
	width: auto;
}
.mui-btn-primary{
	background-image: linear-gradient(to right,#3387FD ,#3486FA);
}
.mui-footer{
	display: flex;
	justify-content: space-between;
	padding: 15px 5px;
	z-index: 11;
}
.mui-footer .mui-btn{
	margin: 0 10px;
	flex: 1;
	font-size:18px;
}
.mui-btn-radius{
	border-radius: 60px;
}
.m-card .num{
	margin: 0 0 15px;
}
.m-card .num span{
	display: inline-block;
	background-color:#3486fa;
	border-radius:3px;
	transform: skewX(-10deg);
	color: #fff;
	font-size: 14px;
	padding: 4px;
}
.m-card h4{
	font-size: 18px;
	line-height: 1.5;
}
.mui-table-view{
	background-color: transparent;
	margin-bottom:20px;
}
.mui-table-view:before,.mui-table-view:after,.mui-table-view-cell:after{
	height: 0;
}
.m-card .mui-checkbox.mui-left input[type=checkbox],.m-card .mui-radio.mui-left input[type=radio]{
	left: 0;
}
.m-card .mui-table-view-cell.mui-checkbox.mui-left,.m-card .mui-table-view-cell.mui-radio.mui-left{
	padding-left: 38px;
}
.detail-bg .aui-tag-bg{
	width: 100%;
	background: url("../img/aui-tag-bg.png") no-repeat;
	background-size: 100%;
	color: #fff;
	font-size: 18px;
	padding:3px 10px;
	margin-bottom: 4px;
}
.detail-bg .txt{
	font-size: 20px;
	color:#111;
}
.menber-list{
	padding-top: 6px;
	padding-bottom: 6px;
}
.menber-list-item{
	position: relative;
	border-radius: 10px;
	border:2px solid #fff;
	background-color: #fff;
	box-shadow: 0 0 5px rgba(15, 148, 247,0.2);
	padding:15px;
	display: flex;
	align-items: center;
	overflow: hidden;
	margin-bottom: 15px;
}
.menber-list-item:last-child{
	margin-bottom: 0;
}
.menber-list-item .item-hd{
	width: 48px;
	height: 48px;
}
.menber-list-item .item-hd img{
	width: 100%;
	border-radius: 50%;
}
.menber-list-item .item-bd{
	padding-left: 10px;
}
.menber-list-item .item-bd .h2{
	font-size: 17px;
	font-weight: 550;
	padding-bottom: 4px;
}
.menber-list-item .item-bd span{
	display:block;
	font-size: 16px;
}
.menber-list-item .tags{
	position: absolute;
	top: 0;
	right: 0;
	background: url('../img/aui-tag-03.png') no-repeat;
	background-size: 100% 100%;
	padding:8px 5px 5px 25px;
	color:#3d7df4;
}
.menber-list-item .tags i{
	font-size: 13px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	background: linear-gradient(to bottom,#3d7df4,#60a8fd);
	color: #fff;
	vertical-align: top;
	
}
.mui-btn-outlined{
	background: transparent !important;
}

@media (min-height: 910px){
	
	
}


/* 个人首页 */
.usermain .m-card{
	position: relative;
	zoom: 0;
	border-radius: 0 0 10px 10px;
	margin-top: -5px;
	z-index: 2;
	padding-top: 20px;
}
.usermain .main-content{
	padding-top: 48%;
}
.ai-card{
	position: relative;
	zoom: 1;
	z-index:10;
}
.usermain .btn-card{
	padding-bottom: 0;
}
.btn-card .radius{
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 0;
}
.usermain .banner .title{
	top:18%;
	left: 8%;
	font-size: 28px;
}
.ai-pat{
	background: url('../img/ai-images-01.png') no-repeat;
	background-size: 100% 100%;
	height: 50px;
	padding: 6px 10px 5px 80px;
}
.ai-pat .title{
	color:#0b4496;
	font-weight: 600;
	font-size: 16px;
}
.ul-a{
	display: flex;
	padding-top:3px;
}
.ul-a a{
	display: inline-block;
	border-radius: 50px;
	background-color: rgba(255, 255, 255, .6);
	margin: 0 5px;
	padding: 2px 10px;
	font-size: 12px;
	color: #111;
}
.wetUl{
	padding: 10px 0;
	font-size: 14px;
	color: #111;
	overflow: hidden;
}
.wetUl li{
	display: inline-block;
	margin: 5px 0;
	padding:8px 15px;
	max-width: 75%;
}
.wetUl li.left{
	background-color:#edf5ff;
	border-radius: 30px 30px 30px 0;
	border: 1px solid #bcd1ea;
	float: left;
}
.wetUl li.right{
	width: 100%;
	background:linear-gradient(to bottom,#026bff,#3b8dfe);
	border-radius: 30px 30px 0 30px;
	border: 1px solid #026bff;
	color: #fff;
	float: right;
}
.height{
	height: calc(100% - 140px);
}
.height .m-card{
	height: 100%;
	overflow-y: auto;
}
.Bottom {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    box-shadow: 0px 0px 0.3rem 0px rgba(245, 245, 245, 0.25);
    border-top: 1px solid rgb(228, 228, 228);
	z-index: 111;
}
.state {
    display: flex;
	padding: 15px 10px;
}
.Bottom button {
    width:80px;
    height:40px;
    align-self: center;
    text-align: center;
    margin: 0 5px;
    border-radius: 5%;
    outline: none;
	flex-shrink: 0;
	padding: 0;
	border: 0;
}
.Bottom button img{
	width: 100%;
}
.file {
    background-image: url('../img/s.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.sendout {
	font-weight: 500;
	font-size: 12px;
}

.Bottom input {
    width: 63%;
    display: flex;
    align-self: center;
    border: none;
    outline: none;
    font-size: 14px;
    word-wrap: break-word;
	border: 0;
	
}

.Bottom textarea {
    width: 74%;
    display: flex;
    align-self: center;
    outline: none;
    word-wrap: break-word;
    resize: none;
	margin: 0 5px;
	background-color: #f8f8f8;
	border-radius:8px;
	padding:5px;
	height:42px;
}
.result-box{
	position: relative;
	width: 72%;
	margin: 20px auto;
	text-align: center;
}
.result-box span{
	position: absolute;
	width: 15px;
	height: 15px;
}
.result-box span.left-top{
	border-left: 2px solid #333;
	border-top: 2px solid #333;
	left: 0;
	top: 0;
}
.result-box span.right-top{
	border-right: 2px solid #333;
	border-top: 2px solid #333;
	right: 0;
	top: 0;
}
.result-box span.left-bot{
	border-left: 2px solid #333;
	border-bottom: 2px solid #333;
	left: 0;
	bottom: 0;
}
.result-box span.right-bot{
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	right: 0;
	bottom: 0;
}
.result-box .img{
	position: relative;
	width:80%;
	margin:0 auto;
}
.result-box .img .mask{
	background-color: rgba(0, 0, 0, 0.85);
	width: 80%;
	height:80%;
	position:absolute;
	top: 9%;
	left: 10%;
}
.result-box .img img{
	width: 100%;
	opacity: .3;
}
.result-box .img p{
	position: absolute;
	color: #fff;
	top: 45%;
	z-index: 22;
	left: 25%;
}