.cls-1 {

	font-size: 69.7px;

	font-family: DINAlternate-Bold, DIN Alternate;

	font-weight: 700;

	letter-spacing: .3em

}



.cls-1, .cls-3 {

	fill: #231815

}



.cls-2 {

	letter-spacing: .28em

}



#cow-d, #cow-e {

	opacity: 0

}



#cow-a, #cow-b {

	-webkit-animation: fadeOutA .5s ease-in-out .25s forwards;

	animation: fadeOutA .5s ease-in-out .25s forwards;

	-webkit-transform: translate(32px, -205.55px);

	transform: translate(32px, -205.55px)

}



#cow-c {

	-webkit-animation: leftC .25s ease-in 1s forwards;

	animation: leftC .25s ease-in 1s forwards;

	-webkit-transform: translate(130px);

	transform: translate(130px)

}



#cow-d {

	-webkit-animation: fadeInD .5s ease-in-out 1.5s forwards;

	animation: fadeInD .5s ease-in-out 1.5s forwards

}



#cow-e {

	-webkit-animation: fadeInE .5s ease-in-out 1.5s forwards;

	animation: fadeInE .5s ease-in-out 1.5s forwards

}



#choose_item_third:hover{

	background-color:rgba(33, 186, 69, 0.5) !important;

	color:#ffffff !important

}



#choose_item_first:hover{

	background-color: rgba(33, 186, 69, 0.5) !important;

	color:#ffffff !important

}



@

-webkit-keyframes fadeOutA { 0% {

	opacity: 1;

	-webkit-transform: translate(32px, -205.55px);

	transform: translate(32px, -205.55px)

}



to {

	opacity: 0;

	-webkit-transform: translate(32px, -205.55px);

	transform: translate(32px, -205.55px)

}



}

@

keyframes fadeOutA { 0% {

	opacity: 1;

	-webkit-transform: translate(32px, -205.55px);

	transform: translate(32px, -205.55px)

}



to {

	opacity: 0;

	-webkit-transform: translate(32px, -205.55px);

	transform: translate(32px, -205.55px)

}



}

@

-webkit-keyframes leftC { 0% {

	-webkit-transform: translate(130px);

	transform: translate(130px)

}



to {

	-webkit-transform: translate(0);

	transform: translate(0)

}



}

@

keyframes leftC { 0% {

	-webkit-transform: translate(130px);

	transform: translate(130px)

}



to {

	-webkit-transform: translate(0);

	transform: translate(0)

}



}

@

-webkit-keyframes fadeInD { 0% {

	opacity: 0;

	-webkit-transform: translate(-64px, 101.87px);

	transform: translate(-64px, 101.87px)

}



to {

	opacity: 1;

	-webkit-transform: translateY(101.87px);

	transform: translateY(101.87px)

}



}

@

keyframes fadeInD { 0% {

	opacity: 0;

	-webkit-transform: translate(-64px, 101.87px);

	transform: translate(-64px, 101.87px)

}



to {

	opacity: 1;

	-webkit-transform: translateY(101.87px);

	transform: translateY(101.87px)

}



}

@

-webkit-keyframes fadeInE { 0% {

	opacity: 0;

	-webkit-transform: translate(415px, 101.87px);

	transform: translate(415px, 101.87px)

}



to {

	opacity: 1;

	-webkit-transform: translate(351px, 101.87px);

	transform: translate(351px, 101.87px)

}



}

@

keyframes fadeInE { 0% {

	opacity: 0;

	-webkit-transform: translate(415px, 101.87px);

	transform: translate(415px, 101.87px)

}



to {

	opacity: 1;

	-webkit-transform: translate(351px, 101.87px);

	transform: translate(351px, 101.87px)

}



}

@

-webkit-keyframes scaleIn { 0% {

	-webkit-transform: translateX(200px);

	transform: translateX(200px)

}



to {

	-webkit-transform: translateX(0);

	transform: translateX(0)

}



}

@

keyframes scaleIn { 0% {

	-webkit-transform: translateX(200px);

	transform: translateX(200px)

}



to {

	-webkit-transform: translateX(0);

	transform: translateX(0)

}



}

.fadeIn {

	opacity: 1

}



.fadeOut {

	opacity: 0

}



.upload-anime-fbIJvNh {

	position: relative;

	width: 160px;

	height: 160px;

	margin: 0 auto;

	margin-bottom: 16px;

}



.progress-1SfY7Ru {

	width: 170;

	height: 170;

	margin-left: 56px;

}



/*支持IE9及以上*/

.circle-bar {

	font-size: 200px;

	width: 1em;

	height: 1em;

	position: relative;

	background-color: white;

}



.circle-bar-left, .circle-bar-right {

	width: 1em;

	height: 1em;

	background-color: yellow;

}

/*

        这里采用clip剪切了圆，实现左右两个半圆，右半圆在后面，因此在更上一层，

        clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp

     */

.circle-bar-right {

	clip: rect(0, auto, auto, .5em);

}



.circle-bar-left {

	clip: rect(0, .5em, auto, 0);

}



.mask {

	width: 0.9em;

	height: 0.9em;

	text-align: center;

	line-height: 0.2em;

	color: white;

}



.mask :first-child {

	font-size: 0.3em;

	height: 0.8em;

	line-height: 0.8em;

	display: block;

}

/*所有的后代都水平垂直居中，这样就是同心圆了*/

.circle-bar * {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	margin: auto;

}

/*自身以及子元素都是圆*/

.circle-bar, .circle-bar>* {

	border-radius: 50%;

}



.yuntuMuen:hover {

	color: #000 !important;

}



/*pc端修改dialog样式*/

.hover-green,.hover-dark{

    cursor:pointer;

}

.hover-green:hover{

    color: #0bb20c !important;

}

.hover-dark:hover{

    color: #353535 !important;

}

.zindex-shade{

    z-index: 1000;

}

.zindex-dialog{

    z-index: 1001;

}



/* ShowUserInfo 我的文档背景色*/

.show-user-title:hover{

	background-color:#fbc202 !important;

}

.exitButton-rvt2tkt:hover .show-user-back{

	color:#ed496e !important;

}

/*发送至微信公众号样式修改(弹窗)*/

.cancelHover:hover{

	color:#2d78f4 !important;

}

/*首页略缩图三按钮样式*/

.yt-icons{

    position:absolute;

    z-index:1;

    right:7px;

    top:11px;

    height:100%;

}

.yt-buttons{

    position: relative;

    width: 20px;

    height: 20px;

}

.yt-buttons>div{

    position:absolute;

    top:0;

    left:0;

    width: 20px;

    height: 20px;

}

.yt-active{

    display: none;

}

.default-music-icon{

    background: url('/yuntu/resource/images/yt-music1.png') no-repeat center;

}

.default-music-icon:hover{

    background: url('/yuntu/resource/images/yt-music2.png');

}

.select-music-icon{

    background: url('/yuntu/resource/images/yt-music3.png') no-repeat center;

}

.form_Dialog_HomePage input{

	width:auto;

}