@font-face {
	font-family:STHeiti;
	
	src:url('http://sikao.d.800123456.vip/images/f1.ttf');
}
body{
	background: #fff;
	font-family: STHeiti, '微软雅黑';
}
.pro_box{
	width: 100%;
	max-width: 1024px;
	height: 100vh;
	background: #fff;
	margin: 0 auto;
}
.pro_main{
	width: 500px;
	max-width: 100%;
}
.mz_list{
	width: 342px;
	
}
.mz_list .mz_li{
	width: 100px;
	height: auto;
	margin: 5px;
}
.pro_itit{
	margin-top: 58px;
	width: 100%;
	font-weight: 400;
	font-size: 40px;
	color: #000000;
	text-align: center;
	line-height: 44px;
	position: relative;
}
.pro_itit_img{
	width: 353px;
	height: 235px;
	position: absolute;
	right: 100%;
	top: 20px;
}
.pro_i_arr{
	margin-top: 80px;
}
.pro_i_arr a{
	font-weight: 400;
	font-size: 20px;
	color: #867875;
	margin-bottom: 46px;
	display: block;
	text-align: center;
}
.pro_i_arr a span{
	margin-right: 5px;
}
.pro_iewm{
	width: 120px;
	height: 120px;
	margin: 20px auto 0;
	display: block;
}
.swtit_box{
	width: 100%;
	position: relative;
	color: #000000;
	padding-top: 30px;
	font-weight: 400;
	font-size: 27px;
	color: #000000;
	padding-left: 37px;
	
}
.swtit_box1{
	padding-top: 20px;
}
.swtit_mzname{
	font-size: 40px;
}
.swtit_img{
	width: 50px;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(-30deg);
}
.sw_content{
	width: 100%;
	margin: 20px 0;
	padding:0 30px;
	position: relative;
}
.sw_content textarea{
	width: 100%;
	height: 124px;
	background: #DDDBDB;
	border-radius: 10px;
	padding: 15px;
	font-weight: 400;
	/* font-size: 27px; */
	font-size: 22px;
	color: #333;
	outline: none;
	border: none;
	resize: none;
}
.furl_list{
	width: 100%;
	margin-top: 10px;
}
.furl_list a{
	font-weight: 400;
	font-size: 20px;
	color: #867875;
	cursor: pointer;
}
.furl_list a span{
	margin: 0 4px;
	font-size: 20px;
}
.bottom_logo{
	width: 63px;
	height: 49px;
	display: block;
	margin: 80px auto 10px;
}
.bottom_name{
	text-align: center;
	font-weight: 400;
	font-size: 13px;
	color: #867875;
}
.maozi_setbox{
	width: 100vw;
	height: 100vh;
}
.maozi_setl{
	width: 300px;
	background: #E6E2E7;
}
.maozi_setr{
	padding: 0 60px;
}
.maozi_setl,.maozi_setr{
	padding-top: 100px;
}
.mzbl_i{
	width: 100%;
}
.mzbl_tit{
	width: 100%;
	text-align: center;
	font-weight: 400;
	font-size: 17px;
	color: #867875;
	margin-bottom: 20px;
}
.mzbl_list{
	width: 250px;
	margin: 0 auto;
}
.mzbl_list .mz_li{
	width: 70px;
	margin: 10px 5px;
}
.mzbl_urls{
	margin: 20px auto;
}
.mzbl_urls a{
	font-weight: 400;
	font-size: 20px;
	color: #000000;
	line-height: 30px;
	cursor: pointer;
}
.mzbl_urls a span{
	font-size: 20px;
}
.mzbl_ewm{
	/* width: 100px;
	height: 100px; */
	width: 120px;
	height: auto;
	display: block;
	margin: 30px auto 10px;
}
.mzbl_logo{
	width: 63px;
	height: auto;
	display: block;
	margin: 50px auto 10px;
}
.mzbl_name{
	text-align: center;
	font-weight: 400;
	font-size: 13px;
	color: #867875;
}
.mzbr_top{
	font-weight: 400;
	font-size: 27px;
	color: #000000;
}
.mzbr_top img{
	width: 45px;
	height: 44px;
	margin-right: 22px;
}
.mzbr_top span{
	color: #98999B;
}
.mzbr_add_list{
	height: calc(100% - 80px - 37px);
	overflow-y: scroll;
}
.mzbr_add_li{
	width: 100%;
	padding: 20px 0;
}
.mzbr_add_num{
	width: 45px;
	text-align: center;
	margin-right: 22px;
	font-weight: 400;
	font-size: 30px;
	color: #98999B;
}
.mzbr_mz{
	width: 66px;
	margin-right: 30px;
}
.mzbr_time{
	min-width: 70px;
	font-weight: 400;
	font-size: 30px;
	color: #000000;
	margin-right: 10px;
	cursor: pointer;
}
.mzbr_time img{
	width: 45px;
	height: 43px;
	margin-right: 10px;
}
.mzbr_del{
	font-weight: 400;
	font-size: 20px;
	color: #98999B;
	cursor: pointer;
	margin-left: 8px;
}
.mzbr_time_t{
	font-weight: 400;
	font-size: 20px;
	color: #98999B;
	cursor: pointer;
}
.timecolumns_list{
	width: 100%;
	height: 300px;
	padding: 0 10px;
	overflow-y: scroll;
}
.timecolumns_li{
	width: 100%;
	height: 50px;
	border: 1px solid #ddd;
	border-radius: 4px;
	cursor: pointer;
}
.timecolumns_li:hover{
	border: 1px solid #1767B3;
}
.timecolumns_li+.timecolumns_li{
	margin-top: 10px;
}
.swtit_box_time{
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 400;
	font-size: 19px;
	color: #000000;
}
.swtit_box_time img{
	width: 45px;
	height: 43px;
	margin-left: 10px;
}
.mzbl_i1{
	position: relative;
	right: 0;
	top: 20px;
	width: calc(100% + 30px);
}
.mzbr_add_text{
	margin-top: 25px;
	width: 100%;
	height: calc(100% - 180px);
	background: #E6E2E7;
	border-radius: 10px;
	outline: none;
	font-weight: 400;
	/* font-size: 23px; */
	font-size: 21px;
	color: #333;
	padding: 15px 30px;
	resize: none;
}

.mzbl_i2{
	top: -100px;
	height: 168px;
	margin-bottom: -60px;
}
.result_mzbr_top{
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	padding-left: 70px;
	margin-bottom: 20px;
}
.result_mzbr_top span{
	font-size: 12px;
	position: relative;
	top: -6px;
	margin-right: 5px;
}
.result_time{
	font-weight: 400;
	font-size: 20px;
	color: #797878;
	padding-left: 70px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.result_time img{
	width: 45px;
	height: 43px;
	margin-right: 17px;
}
.mzbl_list_r{
	width: 230px;
	height: 150px;
	overflow-y: scroll;
	margin-bottom: 10px;
}
.mzbl_list .mz_li_r{
	width: 45px;
	height: auto;
}
.result_text_list{
	width: 100%;
	height: calc(100vh - 100px - 180px);
	overflow-y: scroll;
}
.result_text_li{
	font-weight: 400;
	font-size: 20px;
	color: #797878;
	line-height: 30px;
	padding-top: 10px;
}
.result_text_li+.result_text_li{
	margin-top: 10px;
}
.result_text_li div{
	border-bottom: 1px solid #000000;
	padding-bottom: 10px;
}
.result_btns{
	width: 160px;
	margin: 0 auto;
}
.result_btns a{
	width: 100%;
	text-align: right;
	display: block;
	font-weight: 400;
	font-size: 20px;
	color: #867875;
	line-height: 40px;
}
.result_btns a+a{
	margin-top: 10px;
}
.result_btns a span{
	font-size: 20px;
}
.result_ewm{
	display: block;
	margin: 20px auto 0;
	/* width: 99px;
	height: 99px; */
	width: 120px;
	height: 120px;
}
.result_btns1{
	margin-top: 100px;
}
.result_list{
	min-width: 100%;
	margin-right: -15px;
	padding-right: 15px;
	margin-top: 20px;
	height: calc(100vh - 100px - 120px);
	overflow-y: scroll;
}
.result_li{
	width: 100%;
	padding: 10px 0;
	font-weight: 400;
	font-size: 23px;
	color: #797878;
}
.resultli_btn{
	font-weight: 400;
	font-size: 20px;
	color: #B0A7A8;
	margin-left: 19px;
	cursor: pointer;
}
.resultli_btn:hover{
	color: #B0A7A8;
}
.resultli_time{
	font-weight: 400;
	font-size: 17px;
	color: #797878;
}
.pro_itit_login{
	font-size: 30px;
}
.pro_loginewm{
	margin-top: 20px;
	width: 300px;
	height: 400px;
	/* padding: 10px; */
	/* border: 1px solid #ddd; */
}
/* .pro_loginewm img{
	width: 100%;
	height: 100%;
} */
.jshare_box{
	position: absolute;
	top: 40px;
	right: 40px;
}
/* .jshare_box div{
	width: 30px;
	height: 30px;
	float: left;
	cursor: pointer;
	border-radius: 4px;
	background-size: contain;
	margin: 0 10px;
} */
/* #share-qrcode { background-image: url(../js/share/images/wechat.png); }
#share-douban { background-image: url(../js/share/images/db.png); }
#share-qzone { background-image: url(../js/share/images/qzone.png); }
#share-sina { background-image: url(../js/share/images/sina.png); }
#share-qq { background-image: url(../js/share/images/qq.png); } */
.data_null{
	width: 100%;
	line-height: 200px;
	text-align: center;
	font-size: 20px;
	color: #666;
}
@media screen and (min-width: 769px){
	.nav_box {
		display:block!important;
	}
}

@media screen and (max-width: 1100px) and (min-width: 769px) {
	/* body{
		zoom: .8;
	} */
	.maozi_setl{
		width: 280px;
	}
	.maozi_setr{
		padding: 0 40px;
	}
	.maozi_setl, .maozi_setr{
		padding-top: 80px;
	}
	.mzbl_i2{
		top: -80px;
		height: 128px;
	}
	.mzbr_top{
		font-size: 24px;
	}
	.mzbr_top img{
		width: 40px;
		margin-right: 12px;
	}
	.mzbr_add_text{
		padding: 8px 12px;
	}
}
@media screen and (max-width: 900px) and (min-width: 770px) {
	/* body{
		zoom: .6;
	} */
}
/* 超小设备 (手机, 600px 以下屏幕设备) */
/* @media only screen and (max-width: 600px) {
  
} */

/* 小设备 (平板电脑和大型手机，600 像素及以上) */
/* @media only screen and (min-width: 600px) {
    
} */

/* 中型设备（平板电脑，768 像素及以上） */
/* @media only screen and (min-width: 768px) {
   
} */

/* 大型设备（笔记本电脑/台式机，992 像素及以上） */
/* @media only screen and (min-width: 992px) {
    
} */

/* 超大型设备（大型笔记本电脑和台式机，1200 像素及以上） */
/* @media only screen and (min-width: 1200px) {
   
} */
@media screen and (max-width: 768px) {
	
	.top_user_box{
		/* height: auto; */
		height: 44px;
		padding-right: 40px;
	}
	
	

	
	.swiper-pagination{
		/* text-align: right; */
		padding-right: 12px;
	}
	
	.swiper-pagination-bullet{
		
		width: 16px;
		height: 2px;
		border-radius: 2px;
	}
	.swiper-pagination-bullet-active{
		width: 16px;
		height: 2px;
		
		border-radius: 2px;
		
	}
	.banner,
	.banner_box{
		/* height: 155px; */
		height: 175px;
		width: 100%;
		margin-bottom: 0;
		/* border-radius: 8px; */
		overflow: hidden;
	}
	
	.banner_name{
		
		font-size: 12px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
		padding:10px 16px 26px;
		
	}
	.info_banner,
	.info_banner_box {
		height: 182px;
		width: 100%;
	}

	/* 首页 */
	
	.swiper-button-prev1,
	.swiper-button-next1{
		width: 30px;
		height: 30px;
	}
	.swiper-button-prev1{
		left: 0px;
	}
	.swiper-button-next1{
		right: 0px;
	}
	
	
	
}