﻿@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------
公共
-----------------------------------------------------*/
body { background: #d6f6f4;}
.zcontainer { padding:38px 0 10px 0; -webkit-transition:height 1s ease;transition:height 0.4s ease;}

/*底部*/
.zfooter { width: 100%; height: 110px;}
.zf_box { padding: 27px 92px 0 92px;}
.zf_logo { width: 252px; padding-top: 26px;}
.zf_content { margin: 0 252px; text-align: center; font-size: 24px; color: #bebebe;}
.zf_content span { font-size: 30px; color: #ffde79;}



/*对话*/
.zdialog { } 
.zd_me { padding-top: 15px; padding-right: 30px;}
.zd_her { padding-top: 15px; padding-left: 30px;}
.zd_time { padding-top:15px; padding-bottom:15px; text-align:center;}
.zd_time span { display:inline-block; padding: 5px 10px; border-radius: 6px; background: #cfcfcf; font-size: 24px; color: #fff;}
.zd_re { position:relative; width:80px; height:80px;}
.zd_re span { display:inline-block;}
.zd_pro { position:absolute; left:0; top:0; width:80px; height:80px; border-radius:5px;}
.zd_pro img { width: 100%; border-radius: 5px;}
.zd_me_arrow ,.zd_me_arrow1 { position:absolute; right:96px; top:19px; width:7px; height:10px; font-size: 28px; color: #d0d0d0;}
.zd_me_arrow1 {right: 97px; color: #fff;}
.zd_her_arrow,.zd_her_arrow1 { position:absolute; left:89px; top:19px; width:7px; height:10px; font-size: 28px; color: #d0d0d0;}
.zd_her_arrow1 {left: 90px; color: #fff;}
.zd_me_width { width:70%; margin-left:16px; text-align:right;}
.zd_her_width { width:70%; margin-right:16px;}
.zd_me_box ,.zd_her_box  { display:inline-block; padding:15px; border:1px #d0d0d0 solid; border-radius:6px; background-color:#fff; line-height:36px; color:#000; text-align:left; font-size:24px;}
.zd_me_box {margin-right:16px;}
.zd_her_box { margin-left:16px; border:1px #e4e4e4 solid; border-radius:6px; background-color:#fff; color:#000;}




/*学生发布*/
.zrequest { padding:0.1755rem;} 
.zre_her {margin: 0.117rem 0; padding: 0.0585rem; padding-bottom: 0.0936rem; border-bottom:1px #e4e4e4 solid;}
.zre_time { padding-top:0.0585rem; padding-bottom:0.0585rem; text-align:center;}
.zre_time span { display:inline-block; padding: 0.0585rem 0.117rem; border-radius: 0.0702rem; background: #cfcfcf; font-size: 0.2808rem; color: #fff;}


.zre_her_width { -webkit-box-flex: 1;}
.zre_pro { line-height: 1.4; font-size: 0.2808rem; color: #09f;}
.zre_her_box  { line-height:1.4; color:#000; text-align:left; font-size:0.2808rem;}
.zre_her_box { color:#333;}

.zedit { display: -webkit-box; display: box; height: 1.1583rem; border-top: 1px #ccc solid; background: #f4f4f6;}
.zed_box { -webkit-box-flex: 1; padding-top: 0.1521rem; padding-left: 0.1053rem; box-sizing: border-box;}
.zed_box input { width: 100%; height: 0.819rem; padding: 0 0.117rem; box-sizing: border-box; border: 1px #acaeb2 solid; border-radius: 0.0585rem; background: #fff; line-height: 0.819rem; font-size: 0.3276rem;}
.zed_emote,.zed_forward { display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-align: center; width: 0.8775rem; height: 1.1583rem; text-align: center;}
.zed_emote a,.zed_forward a { display: block; width: 0.6786rem; height: 0.6786rem; background: url(../images/emote.png) center no-repeat; background-size: 100%;}
.zed_forward a { background: url(../images/zhuanfa2x.png) center no-repeat; background-size: 0.6552rem;}
.zed_send { width: 1.17rem; padding: 0.1404rem; padding-top: 0.1872rem;}
.zed_send input { width: 100%; height: 0.702rem; font-size: 0.2808rem; border: none; border-radius: 0.0936rem; background: #09f; color: #fff; -webkit-appearance: none;}
.zed_height { display: -webkit-box; -webkit-box-orient: vertical; height: 3.627rem;}

.zed_emoteList { -webkit-box-flex: 1; background: #e7e9ed;}
.zed_emoteList span { display: inline-block; width: 0.468rem; height: 0.468rem; background: #1E9966;}

/*微信直播引用*/
#live { background:#000;}

.ztabTitle { display: -webkit-box; background: #fff;}
.ztabTitle li { width: 50%; height: 0.702rem; -webkit-box-sizing: border-box; border-bottom: 1px #fff solid; line-height: 0.702rem; text-align: center; font-size: 0.3042rem;}
.ztabTitle li.zcur { border-bottom: 1px #09f solid;}
.zinfo { font-size: 0.2808rem; color: #333; background:#fff;}
.zinfo dl { padding-top:0.117rem; line-height: 1.6;}
.zinfo dt { padding-bottom: 0.0936rem; font-size: 0.3393rem;}
.zinfo dd {line-height: 1.2; color: #666;}
