html, body {
	font-family: 'Microsoft YaHei' Arial, Helvetica, sans-serif;
	background:#f5f5f5;
	color:#666666;
	font-size:12px;
	-webkit-font-smoothing: antialiased;
	margin: 0px;
	padding: 0px;
	height: 100%;
}
::-webkit-scrollbar {
		  width: 5px;
	} /* 这是针对缺省样式 (必须的) */
::-webkit-scrollbar-thumb {
		  background-color: rgba(0, 0, 0, 0.2); 
	} /* 滑块颜色 */
h4, h5, h6, h1, h2, h3 {
	margin: 0px;
	padding: 0px;
}
ul, ol, li, dl, dt, dd {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
body{
	overflow: hidden;
}

body a {
	outline:none;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-ms-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-moz-outline: none;
	color: #fff;
	text-decoration: none;
}
a:hover{
	color: #fff;
	text-decoration: none;
}
img{
	overflow: hidden;
}
i{
    font: inherit;
}
/*头部 start*/
.header{
	height: 60px;
	line-height: 60px;
	background: #E02E00;
	padding: 0px 0px;
	color: #fff;
	position: relative;
	z-index: 10;
}
.header .logo{
	position: relative;
    height: 100%;
    display: inline-block;
    line-height: 60px;
}
.header .logo a{
	display: inline-block;
	height: 100%;
}
.header .logo a img{
	height: 100%;
    vertical-align: middle;
	padding:5px 50px 5px 0px;
}
.header .tips{
	float: right;
	height: 100%;
	padding-right:20px;
}
.header .tips a{
	font-size: 16px;
	opacity: .8;
}
.header .tips a.active{
	font-weight: 700;
	opacity: 1;
}
.header .tips .line{
	margin: 0 14px;
	border-left: 1px solid;
	font-size: 16px;
}
.header .header_info{
	float: right;
	height: 100%;
}
.header .header_info .notice,.header .header_info .dropdowmdiv{
	display: inline-block;
	margin-left: 50px;
	font-size: 16px;
	color: #fff;
	padding:10px 15px 0px;
}
.header .header_info .dropdowmdiv{
	position: relative;
}
.header .header_info .dropdowmdiv > a i{
	margin-left: 15px;
}
.header .header_info .dropdowmdiv .downlist{
	position: absolute;
	right: 0;
	top: 60px;
	line-height: 30px;
	display: none;
}
.header .header_info .dropdowmdiv .downlist ul li{
	display: inline-block;
	height: 30px;
	width: 150px;
	font-size: 14px;
}
.header .header_info .dropdowmdiv .downlist ul li a{
	display: inline-block;
	height: 30px;
	width: 100%;
	background: #E02E00;
	padding-left: 40px;
}
.header .header_info .dropdowmdiv .downlist ul li a:hover{
	background: #D22000;
}
.header .header_text{
	float: right;
	height: 100%;
	font-size: 16px;
margin-right: 10px;
}
.header .header_text a:first-child{
	margin-right: 10px;
	
}
/*头部结束*/
/*弹出窗口*/
.tcmain{
	text-align: center;
	width: 100%;
}
.tcmain .tclogin_form{
	width: 300px;
	margin: 0 auto;

	padding: 20px 20px 20px;
	font-size: 14px;
	background: #fff;
	text-align: left;
	
}
.tcmain .tclogin_form form{
	
}
.tcmain  .tclogin_form .tclogin_input{
	position: relative;
}
.tcmain  .tclogin_form .tclogin_btn button{
	display: block;
	margin: 50px auto;
	background: #49bc85;
	min-width: 140px;
	border: 1px solid #49bc85;
	padding: 10px;
	border-radius: 20px;
	color: #fff;
	cursor: pointer;
}
.tcmain  .tclogin_form .tclogin_btn button:hover{
	color: #49bc85;
	background: #fff;
}

/*弹出窗口结束*/
/*登录页面*/
.main{
	text-align: center;
	width: 100%;
}
.main .login_form{
	width: 570px;
	margin: 0 auto;
	padding: 71px 111px 57px;
	font-size: 14px;
	background: #fff;
	text-align: left;
	
}
.main .login_form form{
	
}
.main  .login_form .login_input{
	position: relative;
}
.main  .login_form .login_input .iconspan{
	position: absolute;
	left: 12px;
	top: 12px;
	font-size: 16px;
	color: #ececec;
}
.main  .login_form .login_input .input{
	padding: 12px;
	border: 1px solid #c95050;
	display: inline-block;
	width: 318px;
	border-radius: 4px;
	outline: none;
	padding-left: 40px;
}
.main  .login_form .info{
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #c95050;
}
.main  .login_form .login_lable{
	position: relative;
}
.main  .login_form .login_lable input{
	display: none;
}
.main  .login_form .login_lable .login_icon{
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 1px solid #49bc85;
    border-radius: 3px;
    margin-right: 10px;
    position: relative;
}
.main  .login_form .login_lable .login_icon .icon-duihao_o{
	position: absolute;
	color: #49bc85;
	left: 0;
	top: 0;
	font-size: 14px;
	display: none;
}
.main  .login_form .login_input .login__inlinelink{
	float: right;
	color: #49bc85;
}
.main  .login_form .login_btn button{
	display: block;
	margin: 50px auto;
	background: #49bc85;
	min-width: 140px;
	border: 1px solid #49bc85;
	padding: 10px;
	border-radius: 20px;
	color: #fff;
	cursor: pointer;
}
.main  .login_form .login_btn button:hover{
	color: #49bc85;
	background: #fff;
}
.main  .login_form .login_title{
	text-align: center;
	font-size: 16px;
	margin-bottom: 15px;
}
.main  .login_form .login_title:before{
    content: "";
    display: block;
    border-bottom: 1px solid #ececec;
    margin-bottom: -10px;
}
.main  .login_form .login_title span{
	padding: 0 28px;
    background: #fff;
}
.main  .login_form .login_type{
	margin-bottom: 15px;
	text-align: center;
}
.main  .login_form .login_type .login_more{
    border-radius: 3px;
    border: 1px solid;
    display: inline-block;
    padding: 5px 12px;
    min-width: 70px;
    cursor: pointer;
    color: rgb(237, 1, 45);
}
.main  .login_form .login_type .login_more:last-child{
	color: rgb(43, 171, 223);
	margin-left: 10px;
}
.main  .login_form .login_type .login_more img{
	width: 21px;
	height: 21px;
	margin-right: 5px;
	vertical-align: middle;
}
.main  .login_form .login_type .login_more span{
	line-height: 12px;
	vertical-align: middle;
}
.main  .login_form .login__relatedlink{
	text-align: center;
	font-size: 14px;
}
.main  .login_form .login__relatedlink .clickable{
    color: #49bc85;
    cursor: pointer;
    margin-left: 15px;
}
/*头部结束*/
.allmain{
	position: relative;
	height: calc(100% - 60px);
	display: flex;
	width: 100%;
	overflow: hidden;
}
/*左侧菜单开始*/

.allmain .leftmenu{
	width: 240px;
	flex: 0 0 240px;
	height: 100%;
	color: #494949;
}
.leftmenu .lmlist {
	margin-top: 48px;
}
.leftmenu .lmlist > ul{
    overflow-y: hidden;
}
.leftmenu .lmlist > ul > li > a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding-left: 40px;
	outline: none;
	position: relative;
	font-size: 16px;
	color: #494949;
}
.leftmenu .lmlist > ul > li > a:hover {
	color: #49bc85;
}
.leftmenu .lmlist > ul > li.expand > a {
}
.leftmenu .lmlist > ul > li > a.active, .leftmenu .lmlist > ul > li > a.active:hover {
	background: #fff;
	color: #49bc85;
	border-left: 4px solid #49bc85;
}
.leftmenu .lmlist > ul > li > a > span{
	margin-right: 20px;
}
.leftmenu .lmlist > ul > li > ul {
	padding: 0px 0px;
	display: none;
}
.leftmenu .lmlist > ul > li > ul > li > a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding-left: 40px;
	font-size: 16px;
	color: #494949;
	text-decoration: none;
	outline: none;
}

.leftmenu .lmlist > ul > li a .arrowDown {
	width: 20px;
	height: 22px;
	display: inline-block;
	-webkit-transition: all;
	transition: all;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	top: 12px;
	right: 0px;
	position: absolute;
	font-size: 14px;
	text-align: center;
}
.leftmenu .lmlist > ul > li.expand a .arrowDown {
	transform: rotate(-180deg);
}
.leftmenu .lmlist > ul > li.expand > a {
	color: #49bc85;
}
.leftmenu .lmlist > ul > li > ul > li > a.active, .leftmenu .lmlist > ul > li > ul > li > a.active:hover{
	background: #fff;
	color: #49bc85;
	border-left: 4px solid #49bc85;
}
.leftmenu .lmlist > ul > li > ul > li > a:hover {
	color: #49bc85;
}
.leftmenu .lmlist > ul > li > ul > li > a >span{
	margin-right: 20px;
}
.leftmenu .lmlist > ul > li > ul.feilei a{
	font-size: 14px;
	margin-left: 10px;
}
.creat_text{
	
}
.leftmenu .lmlist > ul > li > ul.feilei .create_input{
	line-height: normal;
	border: 0;
	background: #f5f5f5;
	border-bottom: 1px dashed #49bc85;
	display: none;
}
.leftmenu .lmlist > ul > li > ul.feilei .create_input[type=text]:focus{
	outline: none;
	border-bottom: 1px dashed #49bc85;
}
.leftmenu .lmlist > ul > li > ul.feilei .creat_li a{
	position: relative;
}
.leftmenu .lmlist > ul > li > ul.feilei .creat_li .glyphicon-edit{
	position: absolute;
	display: none;
	width: 14px;
	height: 14px;
	font-size: 14px;
	left: 20px;
	top: 18px;
}
.AppMenus__links{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 240px;
	height: 34px;
	line-height: 34px;
    border-top: 1px solid #ececec;
    text-align: center;
    font-size: 14px;
}
.AppMenus__links a{
	color: #494949;
	margin: 0 5px;
}
/*左侧菜单结束*/

/*home开始*/
.allmain .rightdiv{
	flex: 1;
	background: #fff;
	padding: 60px 80px 0;
	overflow-y: auto;
}
.rightdiv .home_tip{
    line-height: 1.5;
    text-align: left;
    color: #444;
    background: #fffaeb;
    border: 1px solid #fbedc4;
    margin-bottom: 14px;
    font-size: 14px;
    padding: 14px 10px;
}
.rightdiv .home_tip .clickable{
	color: #49bc85;
}
.rightdiv .home_tip .home__closeX{
	float: right;
    color: #c1baba;
}
.rightdiv .section{
	margin-top: 30px;
	display: flex;
	font-size: 16px;
}
.rightdiv .section .home__part{
	flex: 1;
	padding-right: 90px;
}
.rightdiv .section .home__part .home__innertitle{
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.rightdiv .section .home__part .home__innertitle .title{
	font-size: 20px;
	margin-bottom: 20px;
}
.rightdiv .section p{
	line-height: 1.5;
    margin-bottom: 12px;
}
.rightdiv .section p span{
	color: #9f9f9f;
    padding-right: 10px;
}
.rightdiv .section .home__albumnumber .home__highlight{
	color: #58c0ea;
	font-size: 20px;
	margin: 0 5px;
}
.rightdiv .section .home__part .home__innerbtn{
    display: inline-block;
    line-height: 2.5;
}
.rightdiv .section .home__part .home__innerbtn2{
    line-height: 2.5;
}
.rightdiv .section .home__part .home__innerbtn .button{
	display: inline-block;
	width: 100px;
	font-size: 16px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    border-radius: 100px;
    border: 1px solid currentColor;
    background: #fff;
    color: #49bc85;
    margin-right: 20px;
   
}
.rightdiv .section .home__part .home__innerbtn2 .button{
	display: inline-block;
	width: 100px;
	font-size: 16px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    border-radius: 100px;
    border: 1px solid currentColor;
    background: #fff;
    color: #49bc85;
    margin-right: 20px;
   
}
.rightdiv .section .home__part .home__innerbtn .clickable{
	font-size: 12px;
	color: #49bc85;
}
.rightdiv .section2{
	margin-top: 34px;
	font-size: 16px;
}
.rightdiv:after{
    content: "";
    display: block;
    min-height: 60px;
}
.rightdiv .section2 > div{
	display: flex;
}
.rightdiv .section2 h1{
    font-size: 20px;
	margin-bottom: 20px;
} 
.rightdiv .section2 .home__part{
	flex: 1;
	margin-bottom: 30px;
	vertical-align: top;
}
.rightdiv .section2 .home__part .home__indicator{
	margin-right: 30px;
	display: inline-block;
}
.rightdiv .section2 .home__part .annulus{
	width: 97px;
	height: 97px;
}
.rightdiv .section2 .home__part .Indicator__text{
    font-size: 72px;
    vertical-align: middle;
    margin-left: 20px;
    color: #58c0ea;
}
.rightdiv .section2 .home__part .Indicator__text .Indicator__unit{
    font-size: 18px;
    color: #9f9f9f;
}
.rightdiv .section2 .home__part .home__dec{
    display: inline-block;
    vertical-align: middle;
    color: #9f9f9f;
}
.rightdiv .section2 .home__part .home__dec p{
	line-height: 1.5;
    margin-bottom: 11px;
}
.rightdiv .section2 .home__part .home__dec .home__highlight{
	color: #58c0ea;
}
.rightdiv .section2 .home__part .home__dec .button{
	display: inline-block;
	padding: 8px 15px;
    min-width: 80px;
    font-size: 14px;
    color: #49bc85;
    text-align: center;
    line-height: 1.2;
    cursor: pointer;
    border: 1px solid currentColor;
    margin-right: 20px;
    border-radius: 20px;
}
.rightdiv .section2 .home__part .home__dec .clickable{
	color: #49bc85;
	font-size: 12px;
}
.rightdiv .section2 .home_notice{
	flex: 1;
	padding-right: 50px;
}
.rightdiv .section2 .home_notice .home__title a{
	float: right;
	color: #49bc85;
	font-size: 14px;
}
.rightdiv .section2 .home_notice .home__notification li{
	line-height: 1.5;
	position: relative;
    display: block;
}
.rightdiv .section2 .home_notice .home__notification li a{
    color: #9f9f9f;
}
.rightdiv .section2 .home_notice .home__notification .time{
	margin-right: 10px;
}
.rightdiv .section2 .home_notice .home__notification .new{
	display: inline-block;
	background: #fe0000;
	color: #fff;
	width: 30px;
	height: 14px;
	font-size: 12px;
	line-height: 14px;
	border-radius: 4px;
	text-align: center;
}
.rightdiv .section2 .home_shortcut{
	flex: 1;
}
.rightdiv .section2 .home_shortcut .home__iconwrap{
	display: flex;
}
.rightdiv .section2 .home_shortcut .home__iconwrap a{
	display: inline-block;
	flex: 1;
	text-align: center;
	color: #494949;
}
.rightdiv .section2 .home_shortcut .home__iconwrap .home__icon{
    height: 44px;
    font-size: 22px;
}
/*首页结束*/
/*相册*/
.rightdiv  .toolbar__toolbar{
    display: table;
    width: 100%;
    margin-bottom: 20px;
    line-height: 20px;
}
.rightdiv  .toolbar__toolbar button{
    cursor: pointer;
    border-radius: 20px;
    border: 1px solid currentColor;
    background: #fff;
    color: #49bc85;
    padding: 8px;
    margin-right: 20px;
    font-size: 14px;
    transition: background .2s;
}
.rightdiv  .toolbar__toolbar button:hover{
	border: 1px solid currentColor;
    background: #49bc85;
    color: #fff;
}
.rightdiv  .toolbar__toolbar button i{
	margin-right: 5px;
}
.rightdiv .toolbar__right{
	float: right;
}
.rightdiv .toolbar__right .searchdiv,
.rightdiv .toolbar__right .sort,
.rightdiv .toolbar__right .view{
	display: inline-block;
}
.rightdiv .toolbar__right .searchdiv{
	position: relative;
	margin-right: 5px;
}
.rightdiv .toolbar__right .searchdiv span{
	position: absolute;
	top: 13px;
	left: 10px;
}
.rightdiv .toolbar__right .searchdiv input{
	width: 140px;
	color: #9f9f9f;
	border: 1px solid #9f9f9f;
	border-radius: 20px;
	padding: 8px 8px 8px 30px;
	transition: width .5s;
}
.rightdiv .toolbar__right .searchdiv input[type=text]:focus{
	outline: none;
	border: 1px solid #49BC85;
	color: #49BC85;
	width: 200px;
}
.rightdiv .toolbar__right .sort{
	position: relative;
    
}
.rightdiv .toolbar__right .sort .sortlist{
	position: absolute;
	right: 0;
	top: 30px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.3);
	border-radius: 4px;
	padding: 10px 0;
	display: none;
}
.rightdiv .toolbar__right .sort .sortlist li{
	height: 32px;
	width: 140px;
	line-height: 32px;
	padding: 0 30px 0 30px;
	font-size: 14px;
}
.rightdiv .toolbar__right .sort .sortlist li span{
	display: none;
}
.rightdiv .toolbar__right .sort .sortlist li.active{
	position: relative;
	color: #49BC85;
	
}
.rightdiv .toolbar__right .sort .sortlist li.active span{
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 10px;
	
}
.rightdiv .toolbar__right .view span{
	font-size: 18px;
	vertical-align: middle;
	color: #9f9f9f;
	margin-left: 5px;
}
.rightdiv .toolbar__selected{
    margin-bottom: 14px;
    border-bottom: 1px solid #ececec;
    padding: 0 7px 7px;
    position: absolute;
}
.rightdiv .toolbar__selected input{
	opacity: 0;
}
.rightdiv .toolbar__selected .Checkbox__icon{
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #9f9f9f;
    border-radius: 3px;
    position: absolute;
    left: 5px;
    top: 2px;
}
.rightdiv .toolbar__selected .Checkbox__icon i{
	display: none;
}
.rightdiv .toolbar__selected .Checkbox__checkbox{
	border: 1px solid #49bc85;
	
}
.rightdiv .toolbar__selected .Checkbox__checkbox i{
	display: block;
	color: #49bc85;
	font-weight: 300;
}
.rightdiv .toolbar__selected .Checkbox__label{
	font-size: 14px;
	font-weight: 300;
	margin-left: 10px;
}
.rightdiv .gallery__set{
	
}
.rightdiv .gallery__set .gallery__parent{
	margin-right: -4.83333%;
}
.rightdiv .gallery__set .gallery__parent .gallery__children{
	display: inline-block;
    width: 11%;
    margin: 0 .83333% .83333% 0;
}
.rightdiv .gallery__set .gallery__parent .gallery__children .gallery__gallerywrap{
	box-shadow: 0 0.5px 1px #9f9f9f;
}
.gallery__gallerywrap .Image__main{
    position: relative;
    color: #fff;
    overflow: hidden;
    contain: content;
    max-width: 100%;
    transition: all .5s; 
}
.Image__main .Image__select{
	position: absolute;
	left: 0;
	top: 0;
	padding: 5px;
}
.Image__main .Image__select i{
	width: 30px;
	height: 30px;
	display: inline-block;
	font-size: 30px;
	color: #A4D8ED;
}
.Image__main .Image__select:hover i{
	color: #58C0EA;
}
.Image__main .Image__actions{
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px;
}
.Image__main .Image__actions .gallery__action{
	width: 27px;
	height: 27px;
	text-align: center;
	line-height: 30px;
	background: rgba(0,0,0,0.6);
}
.Image__main .Image__actions .gallery__action i{
	font-size: 14px;
}
.Image__main:hover .Image__select,.Image__main:hover .Image__actions{
	display: block;
}
.Image__main .Image__img{
	width: 100%;
	height: 14.5%;
}
.Image__main .Image__title{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    padding: 10px 10px 0;
    background: rgba(0,0,0,.6);
    text-align: right;
    background-color: transparent;
    background-image: linear-gradient(0deg,rgba(0,0,0,.3) 0,transparent);
   font-size: 14px;
}

.gallery__footer{
	background: #fff;
    padding: 12px 7px;
    margin-bottom: 3%;
}
.gallery__footer .gallery__name {
	transition: all .5s;
	display: inline-block;
}
.gallery__footer .gallery__name span{
	font-size: 12px;
}
.gallery__footer .gallery__name i{
	font-size: 12px;
	display: none;
}
.gallery__footer .gallery__name:hover{
	border-bottom: 1px dashed #333;
}
.gallery__footer .gallery__name:hover i{
	display: inline-block;
}
.gallery__footer .gallery__state{
	color: #49bc85;
	font-size: 14px;
}
.gallery__footer .InlineEditor__main{
	width: 100%;
	border: 0;
	border-bottom: 1px dashed #333;
	display: none;
}
.gallery__footer .InlineEditor__main:focus{
	outline: none;
	border-bottom: 1px dashed #333;
}
/*相册结束*/
/*工具箱开始*/
.rightdiv .toolKit__main{
	text-align: center;
}
.toolKit__main .toolKit__header{
	color: #49bc85;
	font-size: 30px;
	text-align: center;
	width: 100%;
}
.toolKit__main .toolKit__wrap{
    display: inline-table;
    margin: 0 auto;
    text-align: center;
    width: 650px;
}
.toolKit__main .toolKit__wrap .toolKit__row{
	display: table-row;
	
}
.toolKit__main .toolKit__wrap .toolKit__row .toolKit__part{
    display: table-cell;
    width: 50%;
    padding: 60px 30px 0;
    text-align: center;
}
.toolKit__main .toolKit__wrap .toolKit__row .toolKit__part img{
	max-width: 100%;
	overflow: hidden;
}
.toolKit__main .toolKit__wrap .toolKit__row .toolKit__part h2{
	margin-top: 8px;
    font-size: 20px;
}
.toolKit__main .toolKit__wrap .toolKit__row .toolKit__part p{
    line-height: 1.2;
    margin-top: 8px;
    color: #7f7f7f;
    font-size: 16px;
}
.toolKit__main .toolKit__action{
    padding-top: 60px;
    padding-bottom: 16px;
}
.toolKit__main .toolKit__action a{
	color: #fff;
}
.toolKit__main .toolKit__action .btn{
	background: #49bc85;
    color: #fff;
    border:1px solid  #49bc85;
    border-radius: 30px;
    padding: 12px;
    font-size: 16px;
    min-width: 112px;
}
.toolKit__main .toolKit__action  a:hover .btn
{
	color: #49bc85;
	background: #fff;
	
}
/*.toolKit__main .toolKit__action .btn:hover{
	background: #fff;
}*/