.ui-page-login,
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
.mui-content{height: 100%;}
/*全局样式*/
*{font-family: PingFang SC,Microsoft YaHei,Arial,Helvetica,sans-serif; font-weight: 300; list-style: none; position: relative; }
ul{ padding-left: 0px; margin: 0px;}
em{font-style: normal;}
html,body{ background: #f8f8f8; height: 100%;}

.mui-content{ background: #f8f8f8;}
.icon-text{ font-size: 12px !important; line-height: 24px;}
.section-box{  margin-bottom: 15px; box-shadow: 0px 0px 8px rgba(0,0,0,0.08);}
.padding{ padding: 11px 15px;}
.padding-15{ width: 100%; padding: 15px;}
.content-w80{ box-sizing: border-box; width: 100%; padding: 15px 15px; height: auto; margin: auto; zoom: 1; }

.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis-2{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
[data-file] input{ display: none;}
[data-file] img.file-img{ width: 100%; height: 100%; object-fit: cover;}

.option-flex{ display: flex; width: 100%; height: auto; padding: 10px 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.15); border-radius: 10px;}
	.option-flex li{ display: block; flex: 1; text-align: center; overflow: hidden;}
	.option-flex li .icon{ font-size: 38px; line-height: 38px; color: #0193de;}
	.option-flex li p{ margin-bottom: 0px !important; line-height: 20px; color: #333; }
	
.top-swiper{ width: 100%; height: 120px;}
	.top-swiper .swiper-wrapper,
	.top-swiper .swiper-wrapper .swiper-slide,
	.top-swiper .swiper-wrapper .swiper-slide img{ width: 100%; height: 100%;}
.swiper-pagination-bullet{ background: #fff !important; opacity: 0.5 !important;}
.swiper-pagination-bullet-active{ background: #007aff !important; opacity: 1 !important;}

header.mui-bar{ background-image: -webkit-linear-gradient(60deg, #39b5ff, #2479da); box-shadow: 0 0 8px rgba(0,0,0,0.3); }
	header.mui-bar *{ color: #fff;}
	header.mui-bar .mui-title .menu i{ display: inline-block; width:0; height:0; border-width:5px 5px 0; border-style:solid; border-color:#fff transparent transparent; top: -3px; margin-left: 6px;}
	header.mui-bar .mui-title .search{ margin-bottom: 0px !important; font-size: 13px; padding: 0px 12px; height: 30px; border: none; color: #464a4c; border-radius: 15px;}
	
	
header.mui-bar.header_padding_top{ height: 74px; padding-top: 30px !important;}
	header.mui-bar.header_padding_top ~ .mui-content{padding-top:74px !important;}

header.mui-bar.style1{ background: none; box-shadow: none; transition: all 1s;}
	header.mui-bar.style1 *{ color: #fff;}
	
h1.mui-title{ left: 80px !important; right: 80px !important;}
	h1.mui-title .mui-segmented-control{ overflow: hidden; height: 30px; line-height: 30px; position: initial; margin: 7px 0 !important ; border: 1px solid #fff; background: #fff; color: #1689c0 !important;}
	h1.mui-title .mui-segmented-control .mui-control-item{ line-height: 28px; padding-bottom: 0px !important; color: #2479da !important; border: none;}
	h1.mui-title .mui-segmented-control .mui-control-item.mui-active{ background: #04a0eb; color: #fff !important;}

nav.mui-bar{ box-shadow: 0 0 10px rgba(0,0,0,.2); background: #fff;}
nav.mui-bar .mui-tab-item i{ font-size: 20px; top: 3px; width: 20px; height: 20px; padding-top: 0; padding-bottom: 0;}
nav.mui-bar .mui-tab-item i ~ .mui-tab-label{ font-size: 11px; margin-bottom: 0px; display: block; overflow: hidden; text-overflow: ellipsis;}
nav.mui-bar .mui-tab-item .mui-tab-item-div{ width: 70%; height: 80%; margin: auto; overflow: hidden;}
nav.mui-bar .mui-tab-item .mui-tab-item-div i{ position: relative; margin-bottom: 2px;}
nav.mui-bar .mui-tab-item .mui-tab-item-div .fa ~ .mui-tab-label{ margin-top: -5px;}
nav.mui-bar .mui-tab-item .mui-tab-item-div .mui-tab-label{ line-height: 11px; font-size: 10px; font-weight: 100px;}
nav.mui-bar .mui-tab-item.mui-active .mui-tab-item-div{
    background: -webkit-linear-gradient(left,#3db4ff, #2978d9);
    border-radius: 10px;
    color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}
nav.mui-bar .mui-tab-item.mui-active .mui-tab-item-div *{ color: #fff;}

/*切换头部*/
.tab-title{ background: #fff; background: #fff; border-bottom: 1px solid rgba(210,210,210,0.3);}
	.tab-title .mui-segmented-control{ border: none;}
	.tab-title .mui-segmented-control .mui-control-item{ line-height: 45px !important; border: none; color: #888888 !important; position: relative;}	
	.tab-title .mui-segmented-control .mui-control-item.mui-active{ background: none !important; color: #1b1b1b !important;}
	.tab-title .mui-segmented-control .mui-control-item.mui-active:before{ content: ""; width: 20px; height: 3px; margin-left: -10px; background: #ffc90c; position: absolute; left: 50%; bottom: 0px; border-radius: 1.5px;
		background: -webkit-linear-gradient(#0593c2, #1285cf);
		background: -o-linear-gradient(#0593c2, #1285cf);
		background: -moz-linear-gradient(#0593c2, #1285cf);
		background: linear-gradient(#0593c2, #1285cf);
	}
	
button.big, .mui-btn.big{ border: none; font-size: 16px; padding: 8px 16px; color: #fff; margin: auto;}


/*弹出输入层*/
.mui-popup .mui-popup-inner .mui-popup-input input{ border: none; background: #eee; height: 40px; border-radius: 8px; padding: 0px 15px;}

/*红*/
.lightbg{
	background: -webkit-linear-gradient(left,#e7593d, #e54c2e);
	background: -o-linear-gradient(left,#e7593d, #e54c2e);
	background: -moz-linear-gradient(left,#e7593d, #e54c2e);
	background: linear-gradient(left,#e7593d, #e54c2e);
	}
	
/*绿*/
.darkbg{
	background: -webkit-linear-gradient(left,#00c58e, #04b583);
	background: -o-linear-gradient(left,#00c58e, #04b583);
	background: -moz-linear-gradient(left,#00c58e, #04b583);
	background: linear-gradient(left,#00c58e, #04b583);
	}
	
/*空心*/
.hollow{
	background: #fff;
	color: #1285cf !important;
	border: 1px solid #1285cf !important;
	}
	

.mui-btn-light{
	box-shadow: 0 0 15px rgba(5,147,197,0.3);
	background: -webkit-linear-gradient(left,#0593c2,#1285cf);
	background: -o-linear-gradient(left,#0593c2,#1285cf);
	background: -moz-linear-gradient(left,#0593c2,#1285cf);
	background: linear-gradient(left,#0593c2,#1285cf);
	}
	
.mui-btn-dark{ 
	box-shadow: 0 0 15px rgba(243,115,92,0.6);
	background: -webkit-linear-gradient(left,#f3735c, #bd2443);
	background: -o-linear-gradient(right,#f3735c, #bd2443);
	background: -moz-linear-gradient(right,#f3735c, #bd2443);
	background: linear-gradient(right,#f3735c, #bd2443);
	}
	
.mui-btn-white{
	background: -webkit-linear-gradient(left,#fff,#fff);
	background: -o-linear-gradient(left,#fff,#fff);
	background: -moz-linear-gradient(left,#fff,#fff);
	background: linear-gradient(left,#fff,#fff);
	color: #ac9374 !important;
	vertical-align: bottom;
	}
	
.mui-btn-brown{
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
	background: -webkit-linear-gradient(left,#ac9374,#ac9374);
	background: -o-linear-gradient(left,#ac9374,#ac9374);
	background: -moz-linear-gradient(left,#ac9374,#ac9374);
	background: linear-gradient(left,#ac9374,#ac9374);
	}
	
/*列表样式1*/
.mui-table-view.style1{ background: none;}
.mui-table-view.style1 .mui-table-view-cell:after{ left: 0px;}
.mui-table-view.style1 a{color: #fff; font-size: 14px;}
.mui-table-view.style1 .mui-table-view-cell{ vertical-align: middle; padding: 11px 15px;}
.mui-table-view.style1 .mui-table-view-cell img{ width: 35px; vertical-align: middle;}

/*列表样式2*/
.mui-table-view.style2{ background-color: #fff;}
.mui-table-view.style2:before{ display: none;}
.mui-table-view.style2:after{ display: none;}
.mui-table-view.style2 .mui-table-view-cell:after{ left: 0px;}
.mui-table-view.style2 a{color: #000; font-size: 14px;}
.mui-table-view.style2 .mui-table-view-cell{ vertical-align: middle; padding: 11px 15px; position: relative; text-align: left;}
.mui-table-view.style2 .mui-table-view-cell:after{ background-color: #eee !important;}
.mui-table-view.style2 .mui-table-view-cell:last-child:after{ display: none;}
.mui-table-view.style2 .mui-table-view-cell label{ font-size: 16px;}
.mui-table-view.style2 .mui-table-view-cell .fr{ position: absolute; right: 35px; top: 13px; font-size: 16px; width: 170px; text-align: right;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mui-table-view.style2 .mui-table-view-cell .mui-switch{}

	
/*表单样式1*/
.input-box.style1{ box-sizing: border-box; width: 100%; height: auto; margin: auto; background: #fff; zoom: 1; transition: all 0.5s;}
	.input-box.style1 .input{ padding: 5px 15px; display: flex; position: relative;}
	.input-box.style1 .input:before{ content: ''; width: 100%; height: 1px; background: #eee; position: absolute; left: 0px; bottom: 0px; transform: scaleY(.5);}
	.input-box.style1 .input label{ display: block; padding-right: 15px; color: #11293a; font-size: 16px; line-height: 36px;}
	.input-box.style1 .input p{ width: 100%; margin: 0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.input-box.style1 .input input,
	.input-box.style1 .input textarea,
	.input-box.style1 .input select{ display: block; flex: 1; width: 100%; color: #818181  !important; border: none; background: #f7f7f7; margin-bottom: 0px; font-size: 14px; padding: 0px 10px; height: 36px; line-height: 34px;}
	.input-box.style1 .input textarea{ height: auto;}
	.input-box.style1 .input *::-webkit-input-placeholder{ color: #dcdcdc;}
	.input-box.style1 .input input:disabled,.input-box.style1 .input textarea:disabled{ border: none; background: none;}
	.input-box.style1 .input .none{ border: none; background: none;}
	.input-box.style1 .input .scan{ color: #11293a; margin-top: 6px; height: auto; height: 24px; line-height: 24px;}
	
	.input-box.style1 .input.big{ display: block;}
	.input-box.style1 .input.big label{ font-size: 13px; padding: 0px;}
	.input-box.style1 .input.big label > *{ float: right; color: #0062ad;}
	.input-box.style1 .input.big input{ padding: 0px;}
	.input-box.style1 .input.big input.change{ padding: 0px; font-size: 24px; padding-right: 50%;}
	.input-box.style1 .input.big .change-box{ color: #eee; position: absolute; right: 0; width: 50%; padding-right: 15px; text-align: right; bottom: 15px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
	.input-box.style1 .input.small{ font-size: 14px;}
	.input-box.style1 .input.small label{ font-size: 14px;}
	.input-box.style1 .input.small input{ font-size: 14px;}
	
	



.title.style1{ width: 100%; height: 30px; line-height: 30px; padding-left: 15px; position: relative; display: flex;}
	.title.style1:before{ content: ""; position: absolute; left: 0px; top: 9px; height: 12px; width: 4px; background: #0193de; border-radius: 2px;}
	.title.style1 p{ flex: 1; color: #464a4c; font-size: 15px; margin-bottom: 0px !important;}
	.title.style1 a{ font-size: 12px; float: right; color: #999;}
	
/*回复发表*/
#comment{ position: fixed;}
.release{ background: #fff; overflow: hidden;}
	.release input[type="text"]{ font-size: 14px; border: 1px solid #eee;}
	.release textarea{ border:none; padding: 10px 10px 10px 10px; font-size: 14px; margin-bottom: 0px !important;}
	.release .release-content{ width: 100%; background: #fff; height: auto; overflow: hidden; border: 1px solid #eee; border-radius: 3px; margin-bottom: 15px;}
	.release .mui-btn{ margin-top: 15px;}
	.release .text-length{ position: absolute; bottom: 10px; right: 10px; font-size: 12px; color: #666;}
	.release .block-box{ font-size: 22px; color: #666; padding: 0px 10px 10px 10px; display: flex;}
	.release .block-box > *{ flex: 1;}
	.release .block-box .icon{ font-size: 22px; margin-right: 5px; color: #666;}
	.release .block-box .maxlength{ font-size: 12px; text-align: right;}
	
	.block-list-3 ul{ overflow: hidden; padding: 8px; background: #fff;}
	.block-list-3 ul li{ width: 33.33%; float: left; padding: 8px;}
	.block-list-3 ul li .filebox{ border: 1px solid #e5e5e5; text-align: center; border-radius: 10px; height: 100px; overflow: hidden;}
	.block-list-3 ul li .filebox img{ width: 100%; height: 100%; object-fit:cover}

/*列表样式1*/
.mui-table-view.style1{ background: none;}
	.mui-table-view.style1 .mui-table-view-cell:after{ left: 0px;}
	.mui-table-view.style1 a{color: #fff; font-size: 14px;}
	.mui-table-view.style1 .mui-table-view-cell{ vertical-align: middle; padding: 11px 15px;}
	.mui-table-view.style1 .mui-table-view-cell img{ width: 35px; vertical-align: middle;}

/*列表样式2*/
.mui-table-view.style2{}
	.mui-table-view.style2:before{ display: none;}
	.mui-table-view.style2:after{ display: none;}
	.mui-table-view.style2 .mui-table-view-cell:after{ left: 0px;}
	.mui-table-view.style2 > a,
	.mui-table-view.style2 > div{color: #000; font-size: 14px; overflow: hidden; vertical-align: middle;}
	.mui-table-view.style2 .mui-table-view-cell{ vertical-align: middle; padding: 11px 15px; position: relative;}
	.mui-table-view.style2 .mui-table-view-cell:after{ background-color: #eee;}
	.mui-table-view.style2 .mui-table-view-cell label{ font-size: 15px; color: #5a5a5a;}
	.mui-table-view.style2 .mui-table-view-cell .more{ color: #999; text-align: center;}
	.mui-table-view.style2 .mui-table-view-cell .icon{ margin-right: 15px; color: #a1a1a1; font-size: 16px; vertical-align:middle;}
	.mui-table-view.style2 .mui-table-view-cell .fr{ position: absolute; margin-bottom: 0px !important; line-height: 17px; right: 35px; top: 13px; font-size: 12px; width: 170px; text-align: right;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.mui-table-view.style2 .mui-table-view-cell .mui-switch{}
	.mui-table-view.style2 .mui-table-view-cell.big{ text-align: center; padding: 25px 0;}
	.mui-table-view.style2 .mui-table-view-cell.big h2{font-size: 24px}
	.mui-table-view.style2 .mui-table-view-cell.big h2 span{ font-size: 16px; margin-left: 10px;}
	.mui-table-view.style2 .mui-table-view-cell.user-img .icon{ display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 30px; background: #f3f3f3; color: #d9d9d9; border-radius: 50%; text-align: center; vertical-align:middle; overflow: hidden;}
	.mui-table-view.style2 .mui-table-view-cell.user-img .icon img{ width: 100%; height: 100%;}
	.mui-table-view.style2 .mui-table-view-cell.user-img label{ display:inline-block; height: 50px; line-height: 50px; vertical-align: middle;}
	.mui-table-view.style2 .mui-table-view-cell.user-img .fr{line-height: 50px;}
	.mui-table-view.style2 .mui-table-view-cell.user-img .fr .icon{ display: inline-block; padding: 5px; width: 50px; height: 50px; line-height: 50px; font-size: 30px; background: #f3f3f3; color: #d9d9d9; border-radius: 50%; text-align: center; vertical-align:middle;}
	.mui-table-view.style2 .mui-table-view-cell.user-img .fr .icon img{ width: 100%; height: 100%; margin: 0px;}

/*开关样式1*/
.mui-switch.style1{ height: 10px; border: none; background: #e6e8eb;}
	.mui-switch.style1 .mui-switch-handle{ width: 20px; height: 20px; top: -6px; left: 3px;}
	.mui-switch.style1.mui-switch-blue.mui-active{ border: none !important;}
	.mui-switch-mini.style1{ width: 40px;}



/*首页找学姐*/
.index-slide{ padding:15px !important;}
	.swiper-wrapper{}
	.index-slide .swiper-slide{}
	.index-slide img{ width: 100%; border-radius: 15px; box-shadow: 0px 8px 15px rgba(0,0,0,0.2);}

.select-open-box{ overflow: hidden; padding-top: 10px;}
	.select-open-box .select-open{ width: 25%; float: left; padding: 0px 8px 0px 8px; margin-bottom: 15px;}
	.select-open-box .select-open:before{ content: ""; display: inline-block; width:0; height:0; border-width:5px 5px 0; border-style:solid; border-color:#2479da transparent transparent; z-index: 2; margin-top: -3px; position: absolute; top: 50%; right: 20px;}
	.select-open-box .select-open input{ font-size: 12px; height: 30px; line-height: 30px; border-radius: 15px; border: none; margin: 0px; text-align: center; padding: 0px 25px 0px 10px; background: #e4eeff; color: #2479da;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.select-open-box .select-open.none:before{ display: none;}
	.select-open-box .select-open.none input{ padding: 0px 10px;}


.search-text-box{ padding: 0px 8px; padding-bottom: 8px;}
	.search-text{ display: inline-block; width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; border: 1px solid #ecedee; border-radius: 15px; background: #f6f6f8; color: #848484;}
	.search-text i{ font-size: 14px; margin-right: 5px;}
	

.index-list{}
	.index-list li{ padding: 11px 15px; border-top: 1px dashed #e2e2e2;}
	.index-list li > a{ display: block; color: #464a4c;}
	.index-list li .list-top{ height: 80px; padding-left: 75px; overflow: hidden;}
	.index-list li .list-top .headimg{ width: 60px; height: 60px; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.4); position: absolute; left: 0px; top: 10px; object-fit: cover;}
	.index-list li .list-top h3{ font-size: 18px; margin: 7px 0 5px 0;}
	.index-list li .list-top p{ font-size: 12px; margin:0px !important; color: #464a4c;}
	.index-list li .list-top p span{ color: #8f8f94; margin-right: 15px;}
	.index-list li .list-top .price{ font-size: 14px; position: absolute; right: 0px; top: 5px; color: #fa7935;}
	.index-list li .list-top .price *{color: #fa7935;}
	
	.index-list li .list-centre{}
	.index-list li .list-centre > span{ background: #f7f7f7;padding: 3px 10px; border-radius: 5px; font-size: 12px; margin-right: 3px; margin-bottom: 5px;}
	.index-list li .list-centre > .assess{display: block; width: 100%; overflow: hidden;}
	.index-list li .list-centre > .assess p{ display: block; float: left; width: 30%; font-size: 12px; margin: 10px 0;}
	.index-list li .list-centre > .assess p span{ margin-left: 15px; color: #8f8f94;}
	.index-list li .list-centre > .assess p:last-child{ width: 70%; text-align: right;}
	
	.index-list li .list-bottom{ display: flex; background: url(../images/blue-bg.png); background-size: 100% 100%; border-radius: 8px;}
	.index-list li .list-bottom > *{ display: block; width: 25%; text-align: center; font-size: 14px; height: 34px; line-height: 34px; color: #fff;}
	.index-list li .list-bottom > * i{ color: #fff;}
	.index-list li .list-bottom > *.active i{ color: #ff6030;}
	.index-list li .list-bottom > *:after{ content: ""; width: 1px; height: 24px; background: rgba(255,255,255,0.2); position: absolute; right: 0px; top: 5px;}
	

/*动态 研生活*/
.dynamic-bg{ width: 100%; height: 194px; padding-bottom: 44px;}
	.dynamic-bg img{ width: 100%; height: 100%;}
	.dynamic-bg .top-nav{ position: absolute; left: 0px; bottom: 0px; height: 44px; width: 100%; display: flex;}
	.dynamic-bg .top-nav li{ display: block; height: 44px; line-height: 44px; flex: 1; text-align: center;}
	.dynamic-bg .top-nav li a{ display: block; font-size: 14px; color: #464a4c;}
	.dynamic-bg .top-nav li:after{ content: ""; width: 1px; height: 20px; background: rgba(70,72,74,0.3); position: absolute; right: 0px; top: 12px;}
	.dynamic-bg .top-nav li:last-child:after{ display: none;}
	.dynamic-bg .browse{ position: absolute; right: 5px; bottom: 52px;}
	.dynamic-bg .browse p{ color: #fff; font-size: 12px; margin-bottom: 0px; text-shadow: 0 0 3px #000;}
	.dynamic-bg .browse p span{ margin-left: 8px; color: #ffe000;}

.dynamic-list{ padding: 11px 15px;}
	.dynamic-list .list-top{ display: block; height: 55px; padding-left: 60px; zoom: 1;}
	.dynamic-list .list-top .headimg{ width: 45px; height: 45px; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.4); position: absolute; left: 0px; top: 0px;}
	.dynamic-list .list-top h3{ font-size: 14px; padding: 6px 0; margin: 0px ;}
	.dynamic-list .list-top p{ font-size: 12px; margin:0px !important; color: #b9b9b9;}
	
	.dynamic-list .list-centre{ font-size: 14px; display: block; color: #464a4c;}
	.dynamic-list .list-centre .img-box{ margin: 10px 0;}
	.dynamic-list .list-centre .img-box img{ max-height: 185px; max-width: 100%; object-fit:cover;}
	.dynamic-list .list-centre .img-box-more{ margin: 10px 0; font-size: 0px;}
	.dynamic-list .list-centre .img-box-more img{ display: inline-block; width: 31.11%; height: 80px; margin-right: 3.33%; object-fit:cover;}
	.dynamic-list .list-centre .img-box-more img:last-child{ margin-right: 0px;}
	
	.dynamic-list .list-bottom{}
	.dynamic-list .list-bottom .reply-box{ width: 100%; display: flex;}
	.dynamic-list .list-bottom .reply-box textarea{ height: 36px; line-height: 36px; font-size: 12px; overflow: hidden; padding: 0px 10px; margin-bottom: 0px; background: #eee; border: none; border-radius: 0px; flex: 1;}
	.dynamic-list .list-bottom .reply-input{ height: 36px; line-height: 36px; font-size: 12px; overflow: hidden; padding: 0px 10px; margin-bottom: 0px; background: #eee; color: #9a9a9a; border: none; border-radius: 0px; flex: 1;}
	.dynamic-list .list-bottom button{ height: 36px; padding: 0px 13px;font-size: 20px; background: #eee; border: none; border-radius: 0px;}
	.dynamic-list .list-bottom button i{ font-size: 20px;}
	.dynamic-list .list-bottom .bottom-box{ width: 100%; display: flex; margin-bottom: 10px;}
	.dynamic-list .list-bottom .bottom-box > div{ display: block; flex: 1; font-size: 14px;}
	.dynamic-list .list-bottom .bottom-box > .text-fr{ text-align: right; font-size: 16px;}
	.dynamic-list .list-bottom .bottom-box > .text-fr i{ text-align: right; font-size: 16px; margin-left: 6px;}
	.dynamic-list .list-bottom .bottom-box > .text-fr i.collection{ color: #c7c7c7;}
	.dynamic-list .list-bottom .bottom-box > .text-fr i.good{ color: #c7c7c7;}
	.dynamic-list .list-bottom .bottom-box > .text-fr i.collection.active{ color: #464a4c;}
	.dynamic-list .list-bottom .bottom-box > .text-fr i.good.active{ color: #464a4c;}

nav.mui-bar .reply-box{ width: 100%; display: flex; padding: 7px 10px;}
	nav.mui-bar .reply-box textarea{ height: 36px; line-height: 36px; font-size: 12px; overflow: hidden; padding: 0px 10px; margin-bottom: 0px; background: #eee; border: none; border-radius: 0px; flex: 1;}
	nav.mui-bar .reply-box .reply-input{ height: 36px; line-height: 36px; font-size: 12px; overflow: hidden; padding: 0px 10px; margin-bottom: 0px; background: #eee; color: #9a9a9a; border: none; border-radius: 0px; flex: 1;}
	nav.mui-bar .reply-box button{ height: 36px; padding: 0px 13px;font-size: 20px; background: #eee; border: none; border-radius: 0px;}
	nav.mui-bar .reply-box button i{ font-size: 20px;}

/*资料*/
.datum-box{ display: block; width: 100%; height: 130px; border-radius: 10px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 0 15px rgba(0,0,0,0.2);}
	.datum-box img{ width: 100%; height: 100%;}
	
.datum-tab{ height: 40px; background: #fff; font-size: 0px; text-align: center;}
	.datum-tab a{ display: inline-block; height: 40px; line-height: 40px; text-align: center; width: 25%; overflow: hidden; font-size: 14px; color: #000;}
	.datum-tab a.active{ color: #459fed;}
	
.datum-content-top{ height: 170px; background: #459fed; display: flex;}
	.datum-content-top .content{ text-align: center; width: 50%; color: #fff; padding-top: 40px;}
	.datum-content-top .content p{ color: #fff; margin-bottom: 30px;}
	.datum-content-top .content span{ color: #fff;}
	.datum-content-top .content span em{ color: #fff; font-size: 50px;}
	.datum-content-top .left,
	.datum-content-top .right{ flex: 1; text-align: center; padding-top: 82px;}
	.datum-content-top .left p,
	.datum-content-top .right p{ color: #fff; margin-bottom: 0px !important; font-size: 13px;}
	.datum-content-top .left em,
	.datum-content-top .right em{ color: #fff; margin-bottom: 0px !important; font-size: 18px;}
	
.datum-content-abox{ display: block; width: 100%; background: #fff; text-align: center; color: #000; padding: 10px 0; font-size: 16px;}
	.datum-content-abox p{ margin-bottom: 0px !important; font-size: 10px;}
	
.datum-content-9{ background: #fff !important; margin-top: 15px !important;}

/*资料列表*/
.datum-list{ overflow: hidden;}
	.datum-list p{ margin-bottom: 0px !important;}
	.datum-list li{ display: block; background: #fff; padding: 15px 0;}
	.datum-list li:before{ content: ""; position: absolute; height: 1px; background: rgba(0,0,0,0.05); bottom: 0px; left: 10px; right: 10px;}
	.datum-list li .flex{ display: flex;}
	.datum-list li > .flex > a{ display: flex; width: 1%; flex: 1;}
	
	.datum-list li .flex .head{ display: flex; justify-content:center; align-items: center; padding: 0px 10px;}
	.datum-list li .flex .head p{ display: block; background: #f1f1f1; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 5px; color: #000;}
	.datum-list li .flex .body{ flex: 1; width: 1%;}
	.datum-list li .flex .body p{ font-size: 12px;}
	.datum-list li .flex .body .title{ color: #000; font-size: 16px; margin-bottom: 8px !important;}
	.datum-list li .flex .footer{height: 40px; line-height: 40px; padding: 0px 10px;}
	.datum-list li .flex .footer a{ font-size: 12px; display: inline-block; height: 30px; line-height: 30px; padding: 0px 12px; border-radius: 15px; background: #f1f1f1; color: #000;}
	.datum-list li .flex .footer a.active{ color: #f1640a;}

/*资料答题*/
.datum-head{ display: flex;}
	.datum-head li{ display: block; flex: 1; text-align: center; padding: 8px 0;}
	.datum-head li p{ color: #464a4c; font-size: 12px; margin-bottom: 0px !important;}
	.datum-head li i{ font-size: 20px; color: #999;}

.datum-text{}
	.datum-text p{ color: #000; font-size: 14px;}
	.datum-text .title{ color: #464a4c;}
	
.answer-list{}
	.answer-list li{ padding: 15px 0 15px 50px; line-height: 20px; color: #000; font-size: 14px;}
	.answer-list li:before{ content: ""; position: absolute; height: 1px; background: rgba(0,0,0,0.05); bottom: 0px; left: 10px; right: 10px;}
	.answer-list li .index{ position: absolute; top: 10px; left: 10px; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; border: 1px solid #999;}
	.answer-list li .index.active{ background: #459fed; border-color: #459fed; color: #FFF;}
.answer-box{ background: #fff; text-align: left; border-radius: 4px;}
	.answer-box .title{ padding: 11px 15px; color: #464a4c; font-size: 14px;}
	.answer-index{display: inline-block; margin: 9px; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; border: 1px solid #999;}
	.answer-index.active{ background: #459fed; border-color: #459fed; color: #fff;}
	.answer-index.red{ background: #db4d11; border-color: #db4d11; color: #fff;}

.error-box{ background: #dfdfdf; overflow: hidden; padding: 8px;}
	.error-box .title{ overflow: hidden; padding-bottom: 8px;}
	.error-box .title .w50{ width: 50%; float: left; }
	.error-box .title .w50 *{ color: #f00;}
	.error-box .title .w50:last-child{ text-align: right;}
	.error-box .title .w50:last-child *{ color: #2e9e0d;}
	.error-box textarea{ width: 100%; background: #fff; height: 80px; font-size: 14px; line-height: 20px;}

	

/*院校*/
.top-tap-style1{ background: #fff;}
	.top-tap-style1 .mui-control-item{ padding: 0px 10px !important; border: 0px !important; width: 100px !important; font-size: 12px !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.top-tap-style1 .mui-control-item.mui-active{ color: #2e87e2 !important;}
	.top-tap-style1 .mui-control-item:after{ content: ""; position: absolute; width: 1px; height: 10px; background: #ccc; top: 15px; right: 0px;}
	
.top-tap-style2{ background: #fff; height: 50px !important;}
	.top-tap-style2:after{ position: absolute; right: 0; bottom: 0; left: 0px; height: 1px;content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #eeeeee;}
	.top-tap-style2 .mui-scroll{ height: 50px !important;}
	.top-tap-style2 .mui-control-item{ padding: 0px 10px !important; height: 50px; line-height: 50px; border: 0px !important; width: 100px !important; font-size: 13px !important; color: #bdbdbd !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.top-tap-style2 .mui-control-item.mui-active{ color: #8e8e8e !important;}
	.top-tap-style2 .mui-control-item.mui-active:after{ content: ""; position: absolute; width: 70px; height: 2px; background: #2e87e2; bottom: 0px; left: 15px;}

.top-tap-style3{ background: #fff; height: 50px !important;}
	.top-tap-style3 .mui-control-item{ padding: 0px 10px !important; height: 50px !important; line-height: 50px; color: #afafaf !important; border: 0px !important; width: auto !important; font-size: 14px !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.top-tap-style3 .mui-control-item.mui-active{ color: #afafaf !important;}


.academy-banner{ width: 100%; height: 150px;}
	.academy-banner > a{ display: block; width: 100%; height: 100%;}
	.academy-banner img{ width: 100%; height: 100%; object-fit:cover;}
	.academy-banner .academy-banner-data{ position: absolute; left: 0px; bottom: 0px; padding: 10px;}
	.academy-banner .academy-banner-data .name{ font-size: 18px; color: #fff; line-height: 30px;}
	.academy-banner .academy-banner-data p{ font-size: 12px; color: #fff; line-height: 20px; margin-bottom: 0px !important; margin-top: 3px; color: #fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.academy-banner .academy-banner-data p span{ margin-right: 8px; color: #fff;}
	.academy-banner .academy-banner-data p .box{ background: rgba(255,255,255,0.3); padding: 2px 8px; border-radius: 5px;}

/*选择院校*/
.academy-class{}
	.academy-class .title{ font-size: 16px; display: block; width: 100%; margin-bottom: 11px; margin-top: 20px;}
	.academy-class .title:first-child{ margin-top: 0px;}
	.academy-class a{ display: inline-block; font-size: 14px; color: #2479da; padding: 2px 8px; border: 1px solid #2479da; border-radius: 4px; margin-bottom: 8px; margin-right: 6px; background: #e7f2ff;}

/*院校论坛列表*/
.academy-list{ padding: 11px 15px; display: block;}
	.academy-list .list-top{ display: flex; height: 34px; padding-left: 40px; zoom: 1;}
	.academy-list .list-top .headimg{ width: 30px; height: 30px; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.4); position: absolute; left: 2px; top: 2px;}
	.academy-list .list-top h3{ font-size: 14px; line-height: 34px; margin: 0px; flex: 1;}
	.academy-list .list-top p{ font-size: 12px; line-height: 34px; margin:0px !important; color: #b9b9b9;}
	.academy-list .list-top p i{ font-size: 12px; color: #2479da; margin: 0 3px 0 12px;}
	.academy-list .list-top p.comment{ color: #2479da;}
	
	.academy-list .list-centre{ font-size: 14px; display: block; color: #464a4c;}
	.academy-list .list-centre a{ color: #464a4c; margin: 10px 0; display: block;}
	.academy-list .list-centre > p{ color: #464a4c; margin: 10px 0 !important; display: block;}
	.academy-list .list-centre .img-box{ margin: 10px 0;}
	.academy-list .list-centre .img-box img{ max-height: 185px; max-width: 100%; object-fit:cover; overflow: hidden;}
	.academy-list .list-centre .img-box-more{ font-size: 0px;}
	.academy-list .list-centre .img-box-more img{ display: inline-block; width: 31.11%; height: 80px; margin-right: 3.33%; object-fit:cover; overflow: hidden;}
	.academy-list .list-centre .img-box-more img:last-child{ margin-right: 0px;}

	
/*院校论坛内容*/
.academy-info{ padding: 11px 15px; background: #fff; border-bottom: 1px solid #eee;}
	.academy-info .title{ font-size: 21px; line-height: 28px; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 15px;}

	.academy-info .info-top{ display: block; height: 35px; padding-left: 45px; padding-right: 45px; zoom: 1; margin-bottom: 10px;}
	.academy-info .info-top .headimg{ width: 35px; height: 35px; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.4); position: absolute; left: 0px; top: 0px;}
	.academy-info .info-top h3{ font-size: 14px; margin: 0px; padding-top: 3px;}
	.academy-info .info-top p{ font-size: 12px; margin:0px !important; color: #b9b9b9;}
	.academy-info .info-top .info-top-fr{position: absolute; top: 0px; right: 0px; font-size: 12px; color: #fff; background: #2479da; height: 22px; line-height: 22px; padding: 0px 5px; border-radius: 3px;}
	
	.academy-info .info-centre{ font-size: 14px; display: block; padding-left: 45px; color: #464a4c;}
	.academy-info .info-centre .img-box{ margin: 10px 0;}
	.academy-info .info-centre .img-box img{ max-height: 185px; max-width: 100%; object-fit:cover;}
	.academy-info .info-centre .img-box-more{ margin: 10px 0; font-size: 0px;}
	.academy-info .info-centre .img-box-more img{ display: inline-block; width: 31.11%; height: 80px; margin-right: 3.33%; object-fit:cover;}
	.academy-info .info-centre .img-box-more img:last-child{ margin-right: 0px;}
	
	.academy-info .comment{ padding: 8px 0; padding-left: 45px;}
	.academy-info .comment .box{ background: #f1f1f1; padding: 5px; overflow: hidden;}
	.academy-info .comment .box p{ margin-bottom: 4px !important; color: #666;}
	.academy-info .comment .box p a{ margin: 0px 3px; color: #2479da;}
	
	.academy-info .info-bottom{}
	.academy-info .info-bottom .bottom-box{ width: 100%; display: flex;}
	.academy-info .info-bottom .bottom-box > div{ display: block; flex: 1; font-size: 14px;}
	.academy-info .info-bottom .bottom-box > .text-fr{ text-align: right; font-size: 16px;}
	.academy-info .info-bottom .bottom-box > .text-fr i{ text-align: right; font-size: 16px; margin-left: 6px; color: #b9b9b9;}
	
	
/*我的*/
.user-bg{ width: 100%; height: 200px; position: absolute; top: 0px; left: 0px; z-index: 0; background: url(../images/blue-bg.png); background-size: 100% 100%;}

.user-top{ width: 100%; height: 185px; display: flex; overflow: hidden; position: relative; padding-top: 20px;}
	.user-top .user-top-box{ display: block; width: 100%; height: auto; overflow: hidden; position: relative; text-align: center;}
	.user-top .user-top-box > img{ width: 90px; height: 90px; border-radius: 50%; overflow: hidden; object-fit: cover;}
	.user-top .user-top-box .user-data{ display: block; flex: 1; padding: 6px 10px;}
	.user-top .user-top-box .user-data p{ font-size: 12px; color: #e8e8e8; margin-bottom: 0px !important;}
	.user-top .user-top-box .user-data .name{ color: #fff; font-size: 20px; margin-bottom: 5px !important;}
	.user-top .out{ position: absolute; top: 10px; right: 10px; color: rgb(250, 91, 66); padding: 5px; z-index: 9;}
	.user-top .out i{ font-size: 20px;}

.user-list{ width: 100%; height: auto; background: #fff; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.15); border-radius: 10px;}
	.user-list li{ position: relative; line-height: 30px; padding: 8px 10px; vertical-align: middle;}
	.user-list li > a{ display: block;}
	.user-list li span{ font-size: 15px;}
	.user-list li .icon{ position: relative; font-size: 20px;bottom: -2px; color: #0193de; }
	.user-list li:before{ content: ""; position: absolute; height: 1px; width: 94%; background: rgba(0,0,0,0.05); bottom: 0px; left: 3%;}
	.user-list li:last-child:before{ display: none;}
	.user-list li:after{ content: ""; width: 6px; height: 12px; margin-top: -6px; position: absolute; right: 15px; top: 50%; background: url(../images/left-icon.png); background-size: 100% 100%;}

/*银行卡样式*/
.bank-box{ width: 100%; position: relative; background: #fff; border-radius: 8px; padding: 15px 0; padding-left: 70px; margin-bottom: 15px;}
	.bank-box p{ margin: 0px !important; font-size: 16px; color: #fff;}
	.bank-box span{ font-size: 12px; color: #eee;}
	.bank-box h3{ font-size: 22px; color: #fff;}
	.bank-box .del{position: absolute; right: 10px; top: 5px; color: #fff; font-size: 14px;}
	
.bank-logo{ position: absolute; top: 15px; left: 11px; width: 48px; height: 48px; background: rgba(255,255,255,0.5); border-radius: 50%;}
/*农行*/
.bank-box.ABC{ background: #008c77;}


/*优惠券列表*/
.coupon-list{}
	.coupon-list p{ margin-bottom: 0px !important;}
	.coupon-list li{ display: block; background: #fff; padding: 15px 0; margin-bottom: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 8px;}
	.coupon-list li .flex{ display: flex;}
	.coupon-list li > .flex > a{ display: flex; width: 1%; flex: 1;}
	
	.coupon-list li .flex .head{ display: flex; justify-content:center; align-items: center; padding: 0px 10px;}
	.coupon-list li .flex .head p{ display: block; padding: 0px 10px; font-size: 26px; color: #2479da;}
	.coupon-list li .flex .head p em{ font-size: 16px; color: #2479da;}
	.coupon-list li .flex .body{ flex: 1; width: 1%;}
	.coupon-list li .flex .body p{ font-size: 12px; color: #999999;}
	.coupon-list li .flex .body .title{ color: #464a4c; font-size: 12px; margin-bottom: 4px !important;}
	.coupon-list li .flex .footer{ display: flex; justify-content:center; align-items: center; padding: 0px 10px;}
	.coupon-list li .flex .footer a{ font-size: 12px; display: inline-block; height: 30px; line-height: 30px; padding: 0px 15px; border-radius: 15px; background: #f1640a; color: #fff;}
	

/*订单*/
.orderlist{}
	.orderlist li{ display: block; background: #fff; margin-bottom: 11px; border-radius: 8px; box-shadow: 0px 0px 15px rgba(0,0,0,0.05);}
	.orderlist li p{ margin-bottom: 0px !important;}
	.orderlist li .header{ display: flex; padding: 8px 12px;}
	.orderlist li .header p{ display: block; font-size: 12px; flex: 1;}
	.orderlist li .header p:last-child{ text-align: right;}
	.orderlist li .body{ padding-left: 100px; min-height: 80px; padding-right: 12px; display: flex;}
	.orderlist li .body .order-img{ position: absolute; left: 10px; top: 0px; width: 70px; height: 70px;}
	.orderlist li .body .order-img img{ width: 100%; height: 100%; border-radius: 5px; overflow: hidden; object-fit: cover;}
	.orderlist li .body .body-l{ padding-right: 30px; flex: 1;}
	.orderlist li .body .body-l p{font-size: 12px; color: #b9b9b9; line-height: 16px;}
	.orderlist li .body .body-l .name{ color: #333;}
	.orderlist li .body .body-r{}
	.orderlist li .body .body-r *{ font-size: 12px; color: #333; line-height: 16px; text-align: right;}
	.orderlist li .footer{ padding: 8px 12px; overflow: hidden; height: 41px; text-align: right;}
	.orderlist li .footer .orderlist-btn{ font-size: 12px; color: #6d6d6d; padding: 2px 15px; border: 1px solid #999; border-radius: 12px;}
	.orderlist li .footer .orderlist-btn.red{ color: #e14f4f; border: 1px solid #e14f4f;}

/*用户列表*/
.member-list{ width: 100%; margin: auto; background: #fff;}
	.member-list ul li{ height: 90px; position: relative; border-bottom: 1px solid rgba(210,210,210,0.3);}
	.member-list ul li > a{ display: block; height: 100%; overflow: hidden; padding: 22px 10px 0px 85px;}
	.member-list ul li .member-img{ position: absolute; left: 10px; top: 15px; width: 60px; height: 60px; border: none; border-radius: 50%; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.4);}
	.member-list ul li .member-img img{ width: 100%; height: 100%; background: #999; border-radius: 8px; border: none; object-fit:cover;}
	.member-list ul li .center{ height: 100%;}
	.member-list ul li .center p{ font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.member-list ul li .center .name{ width: 100%; font-size: 16px; margin-bottom: 5px !important; color: #404040; font-weight: 400;}
	


/*订单列表*/
.index-data-list{ width: 100%; margin: auto;}
	.index-data-list ul li{ height: auto; padding-left: 15px; background: #fff; position: relative; border: 1px solid #e5e5e5; border-radius: 10px; padding-bottom: 15px; margin-bottom: 15px;}
	.index-data-list ul li > a{ display: block;}
	.index-data-list ul li .center{ height: auto; padding-right: 15px;}
	.index-data-list ul li .center .title{ font-size: 16px; padding: 20px 0 17px 0; color: #404040;}
	.index-data-list ul li .center .title .fr{ float: right; color: #999;}
	.index-data-list ul li .center .data{ margin-bottom: 15px;}
	.index-data-list ul li .center .data p{ color: #999; font-size: 13px;}
	.index-data-list ul li .bottom{ text-align: right; font-size: 0px;}
	.index-data-list ul li .bottom .btn{display: inline-block !important; min-width: 7em; height: 30px; line-height: 28px; padding: 0 15px; border-radius: 15px; color: #999 !important; border-color: #999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left: 5%; font-size: 12px; text-align: center; background-color: #FFF; border: solid 1px #CCC;}
	.index-data-list ul li .bottom .btn:first-child{margin-left: 0px;}
	.index-data-list ul li .bottom .btn.active{ color: #04a0eb !important; border-color: #04a0eb;}
	.index-data-list ul li .bottom .btn.fl{ float: left;  color: #04a0eb !important; border-color: #04a0eb;}
	.index-data-list ul li .bottom .btn.fr{ color: #fa7935 !important; border-color: #fa7935;}



/*研迅*/
.news-box{ position: relative;}
	
.news-list{ width: 100%; margin: auto;}
	.news-list ul{ padding: 8px; background: none;}
	.news-list ul li{ height: auto; padding:12px 20px; position: relative; background: #fff; margin-bottom: 8px; border-radius: 5px;}
	.news-list ul li:before{ content: ''; width: 100%; height: 1px; background: #eee; position: absolute; left: 0px; bottom: 0px; transform: scaleY(.5);}
	.news-list ul li:last-child:before{ display: none;}
	.news-list ul li a{ display: flex;}
	.news-list ul li p{ margin-bottom: 0px; line-height: 18px !important; color: #8f8f94; font-size: 13px;}
	.news-list ul li .logo{ position: absolute; left: 13px; box-sizing: border-box; overflow: hidden; top: 22px; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #e8e8e8;}
	.news-list ul li .logo img{ width: 100%; height: 100%;}
	.news-list ul li .news-list-box{ width: 100%; height: 100%; float: left; flex: 1;}
	.news-list ul li .news-list-box .title{ font-size: 16px; font-family: "微软雅黑"; color: #333; line-height: 80px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
	.news-list ul li .news-list-box .content{ margin: 8px 0;}
	.news-list ul li .news-list-box p{ font-size: 12px;}
	
.news-content{ width: 100%;}
	.news-content .title{ width: 100%; padding: 10px; text-align: center; margin-top: 15px;}
	.news-content .time{ text-align: center; color: #8f8f94; font-size: 12px; margin-bottom: 15px;}
	.news-content .content{ padding: 10px; font-size: 14px;}
	.news-content .content p{ font-size: 14px;}
	.news-content .content img{ max-width: 100%;}



/*回复列表*/
.message-list{}
	.message-list li{ height: auto !important; padding: 15px 0px; padding-left: 60px; zoom: 1; border-bottom:1px solid #eee; margin-bottom: 5px;}
	.message-list li:last-child{ border: none;}
	.message-list li .headimg{ width: 45px; height: 45px; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.4); position: absolute; left: 0px !important; top: 15px !important;}
	.message-list li h3{ font-size: 14px; margin: 5px 0;}
	.message-list li h3 span{ font-size: 12px; float: right; color: #b9b9b9;}
	.message-list li h3 span em{ margin-left: 10px;}
	.message-list li h3 span em.red{ color: #d81e1e;}
	.message-list li h3 span em.green{ color: #16a21a;}
	.message-list li h3 span em.yellow{ color: #dc8212;}
	.message-list li p{ font-size: 12px; margin:0px !important; color: #666 !important;}
	


/*宠物*/

.pet-bg{ width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 1;}
	.pet-bg img{ width: 100%; height: 100%; /*object-fit:cover*/}
	
.pet-btn{ display: block; width: 46px; height: 46px; border-radius: 50%; background: #fff; padding: 3px; margin-bottom: 25px;}
	.pet-btn p{ position: absolute; font-size: 14px; margin-bottom: 0px !important; height: 20px; line-height: 20px; text-align: center; bottom: -10px; left: 0px; right: 0px; font-weight: bold; color: #fff; text-shadow:1px 1px 2px #6a482c,-1px 1px 2px #6a482c,-1px -1px 2px #6a482c,1px -1px 2px #6a482c;}
	.pet-btn span{ display: block; width: 100%; height: 100%; text-align: center; line-height: 40px; color: #fff; border-radius: 50%; font-size: 12px;}
	.pet-btn span img{ height: 70%; margin-top: 12%;}

.pet-btn2{}
	.pet-btn2 .img-box{ width: 46px; height: 46px; position: absolute; top: -3px; left: -3px; z-index: 2; border: 2px solid #060203; padding: 3px; border-radius: 50%; background: #fff;}
	.pet-btn2 .img-box img{ width: 100%; height: 100%; border-radius: 50%; }	
	.pet-btn2 .img-box p{ position: absolute; font-size: 14px; margin-bottom: 0px !important; height: 20px; line-height: 20px; text-align: center; bottom: -10px; left: 0px; right: 0px; font-weight: bold; color: #fff; text-shadow:1px 1px 2px #060203,-1px 1px 2px #060203,-1px -1px 2px #060203,1px -1px 2px #060203;}
	.pet-btn2 .img-box span{ display: block; width: 100%; height: 100%; text-align: center; line-height: 40px; color: #fff; border-radius: 50%; font-size: 20px;}
	.pet-btn2 .img-text{ font-size: 15px; z-index: 1; height: 40px; line-height: 36px; background: rgba(255,255,255,0.5); padding-left: 50px; padding-right: 10px; border-radius: 20px; border: 2px solid rgba(0,0,0,0.5);}


.pet-box{ width: 100%; height: 100%; z-index: 2; display: flex; justify-content: center; align-items: center;}
	.pet-box .pet{ width: 200px; height: 280px; margin-top: 100px;}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    

.pet-l{ position: absolute; left: 0px; top: 0px; z-index: 3; padding-left: 10px; padding-top: 10px;}
	.pet-l .title{ font-size: 20px; color: #fff; margin-bottom: 10px;text-shadow:1px 1px 2px #060203,-1px 1px 2px #060203,-1px -1px 2px #060203,1px -1px 2px #060203;}
	.pet-l .pet-user-box{ margin-bottom: 25px;}
	.pet-l .pet-user-box .img-box{ width: 46px; height: 46px; position: absolute; top: -3px; left: -3px; z-index: 2; border: 2px solid #060203; padding: 3px; border-radius: 50%; background: #fff; overflow: hidden;}
	.pet-l .pet-user-box .img-box img{ width: 100%; height: 100%; border-radius: 50%; }	
	.pet-l .pet-user-box .img-text{ font-size: 15px; z-index: 1; height: 40px; line-height: 36px; background: rgba(255,255,255,0.5); padding-left: 50px; padding-right: 10px; border-radius: 20px; border: 2px solid rgba(0,0,0,0.5);}

.pet-r{ position: absolute; right: 0px; top: 0px; z-index: 3; padding-right: 10px; padding-top: 50%;}

.time-box{width: 66px; position: absolute; right: 15px; top: 44px; z-index: 2;}
	.time-box img{ width: 100%;}
	
.pet-bottom{ position: absolute; height: 46px; line-height: 46px; bottom: 20px; right: 0px; left: 0px; z-index: 3; padding: 0px 10px; vertical-align: middle;}
	.pet-bottom .pet-btn{ float:left; margin: 0px 10px 0px 0px;}