@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{margin:0;}
/* 浮动按钮 */
.side{position:fixed;width:54px;right:0;z-index:100; top:42%;}
.side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;-webkit-transition:all 0.3s;background:#2f4050;color:#fff;font:14px/54px "微软雅黑";overflow:hidden; cursor:pointer;}

.side ul li i{width: 54px;height: 54px;display: block;float: left;}
.side #help .sidebox i{background:url(../img/side_icon01.png) ;}
.side #feed .sidebox i{background:url(../img/side_icon02.png) ;}
.side ul li i{ transition:all 2s;-webkit-transition:all 2s}
.side ul li i:hover{ transform:rotate(360deg);-ms-transform:rotate(360deg); -webkit-transform:rotate(360deg)}
/* 半透明背景 */
.sidebj{display:none;position:fixed;width:100%;height:100%;background:#000;z-index:2;top:0;left:0;opacity:0;filter:alpha(opacity:0); -moz-opacity:0;-webkit-opacity:0;transition:all 1.2s;-webkit-transition:all 1.2s}
/* 弹出层 */
.sidecon{margin:0 auto;display:none;position:fixed;width:100%;height:100%;top:0;opacity:0;filter:alpha(opacity:0); -moz-opacity:0;-webkit-opacity:0;transition:all 1.2s;-webkit-transition:all 1.2s;z-index:9999;}
.sidecon .btn{position:absolute; top:70px; right:18%; transition:all 1.2s;-webkit-transition:all 1.2s; cursor:pointer;}
/* 帮助文档 */
.sidecon .helpdoc{width:60%;height:560px; border-radius:15px; background-color:#FFF;  margin:100px auto; display:none;}
.helpdoc1 h1{width:90%; margin:0 auto;}
.helpdoc1 ul{ list-style:none; margin:0 auto; width:90%;}
.helpdoc1 ul li{ border-bottom:dashed 1px #e6e6e6; height:48px; line-height:48px;}


/* 用户反馈 */
.sidecon .feedcon{width:60%;height:560px; border-radius:15px; background-color:#FFF;  margin:100px auto; display:none;}
.feedcon h1{width:90%; margin:0 auto;}
.feedback{width:90%; margin:0 auto;}
.feedback p{margin:10px 0}
/* 用户反馈表单焦点状态 */
.feedback input:focus{ background-color:#e7f8fa;}
/* 用户反馈相关表单 */
.feedback p span{ color:#9c9c9c}
.feedback p span img{ vertical-align:middle; margin:0 8px 0 20px;}
.feedback .title{width:80%; border:solid 1px #e6e6e6; height:40px; line-height:40px;}
.feedback .content{width:80%; border:solid 1px #e6e6e6; min-height:180px;}
.btnsave{background-color:#1ab394; padding:10px 15px;  text-align:center; border:0; border-radius:5px; color:#FFF}
/* 用户反馈菜单 */
.tab{width:100%; margin:0 auto;}
.tab-menu{height:54px;width:100%;border-bottom:solid 2px #e8e8e8; position:relative;}
.tab-menu ul{list-style:none;  top:2px; position:absolute; left:26px;}
.tab-menu li{display:block;width:140px;float:left; height:54px; text-align:center; line-height:54px;cursor:pointer;}
.tab-box > div{width:100%;height:300px;display:none;}
/*.tab-box div:first-Child{display:block;}*/

.change{ background-image:url(../img/tab.png); color:#46ac89; border-bottom:none;}
.tab-menu ul li:first-Child{ border:none;}

/* 反馈列表 */
.feedlist{padding:25px; }
.feedlistrow{ margin-bottom:15px;}
.feedlistrow img{display: inline-block; vertical-align: middle; margin-right:5px;}
.feedlistrow span{vertical-align:middle;  display:inline-block;}
.feedlistcon{ color:#a0a0a0; line-height:26px;}

@media only screen and (min-width: 319px) and (max-width: 1279px) {
	.side{position:fixed;width:35px;right:0;z-index:100; top:42%;}
	.side ul li{width:35px;height:35px;float:left;position:relative; margin-bottom:1px;}
	.side ul li .sidebox{position:absolute;width:35px;height:35px;top:0;right:0;transition:all 0.3s;-webkit-transition:all 0.3s;background:#2f4050;color:#fff;font:10px/35px "微软雅黑";overflow:hidden; cursor:pointer;}
	.side ul li i{width: 35px;height: 35px;display: block;float: left;}
	.side #help .sidebox i{background:url(../img/side_icon01-min.png) ;}
	.side #feed .sidebox i{background:url(../img/side_icon02-min.png) ;}
	.side ul li i{ transition:all 2s;-webkit-transition:all 2s}
	.side ul li i:hover{ transform:rotate(360deg);-ms-transform:rotate(360deg); -webkit-transform:rotate(360deg)}
}