* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
	font-size: 13px;
	background: #e3e2dd url('../img/bj.png') top repeat-x;
	font-family: Verdana, Arial, sans-serif;
}

a:link {
    color: #136CB2;
    text-decoration: none
}

a:visited {
    color: #70579D;
    text-decoration: none
}

a:hover {
    color: #136CB2;
    text-decoration: underline
}

a:active {
    color: #E7BE00;
    text-decoration: none
}

ul, li {
    list-style: none;
}

.ym-page {
    width: 100%;
    min-height: 100vh;
	min-width: 1360px;
}

.ym-header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: #000;
    height: 56px;
    z-index: 9999;
}

.ym-header-con {
    max-width: 1280px;
    height: 56px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.ym-header-left {
    display: flex;
    align-items: center;
}

.ym-header-left .logo {
    width: 104px;
    height: 32px;
    font-size: 16px;
    background: #F5C519;
    border-radius: 4px;
    text-align: center;
    line-height: 32px;
    font-weight: 800;
	overflow: hidden;
}

.ym-header-left .search-box {
    display: flex;
    align-items: center;
    border-radius: 4px;
    width: 720px;
    height: 32px;
    background: #fff;
    margin-left: 30px;
}

.ym-header-left .search-box:focus-within{
	box-shadow: 0 0 0 2px rgb(245,197,24);
}

.ym-header-left .search-box .select-option {
    height: 32px;
    line-height: 32px;
    color: #000;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    padding: 0 16px;
    cursor: pointer;
    position: relative;
}

.option-list {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 300px;
    background: #1f1f1f;
    border-radius: 4px;
}

.option-list li {
    padding: 0 10px;
    display: flex;
    align-items: center;
    height: 48px;
    color: #fff;
}

.option-list li.active {
    color: #F5C519;
    background: #313131;
}

.option-list li:hover {
    background: #313131;
}

.option-list li img {
    width: 18px;
    height: 18px;
    margin-right: 16px;
}

.option-list li span {
    counter-reset: #333;
}
.ym-header-left .search-box{
    position: relative;
}

.ym-header-left .search-box .input-box {
    flex: 1;
    padding: 0 16px;
    position: relative;
}

.ym-header-left .search-box .input-box input {
    width: 100%;
    border: none;
    height: 32px;
    outline: none;
}

.ym-header-left .search-box .input-box .icon {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 16px;
    top: 4px;
    cursor: pointer;
}
.ym-header-left .search-box .ss-list{
    position: absolute;
    width: 100%;
    top: 40px;
    left: 0;
    background: rgb(31,31,31);
    border-radius: 4px;
}
.ym-header-left .search-box .ss-list li {
    border-bottom: 1px solid #575757;
}
.ym-header-left .search-box .ss-list li a{
    display: flex;
    cursor: pointer;
    text-decoration: none;
    width: 100%;
    padding: 0.5rem;
    transition: all 0.125s ease 0s;
}

.ym-header-left .search-box .ss-list li a:hover {
    background: #313131;
}
.ym-header-left .search-box .ss-list li a .searchResult--const__img {
    min-width: 3rem;
    width: 3rem;
    font-size: 2rem;
    display: flex;
    align-items: center;
}
.ym-header-left .search-box .ss-list li a .searchResult--const__text{
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    overflow: hidden;
    margin: 0px 0px 0px 1rem;
    padding: 0px;
}
.ym-header-left .search-box .ss-list li a .searchResult--const__text .searchResult__constTitle{
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .03125em;
    line-height: 1.5rem;
    color: #fff;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}
.ym-header-left .search-box .ss-list li a .searchResult--const__text .searchResult__metadata{
    color: rgba(255,255,255,0.7);
    margin-top: 5px;
}
.ym-header-left .search-box .ss-list li a.react-autosuggest__suggestion{
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .01786em;
    line-height: 1.25rem;
    color: rgba(255,255,255,1);
}
.ym-header-left .search-box .ss-list .ss-list-loading{
    display: none;
}
.ym-header-left .search-box .ss-list .gJMtuh {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    width: 100%;
}

.ipc-loader__dot {
    color: #fff;
    -webkit-animation: blink 1.25s ease-in-out infinite;
    animation: blink 1.25s ease-in-out infinite;
}
.ipc-loader__dot--two {
    animation-delay: -.75s;
}
.ipc-loader__dot--three {
    animation-delay: -.5s;
}

.ym-header-left .update-time {
    color: #F5C519;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 600;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}

.ym-header-left .link-box {
    height: 32px;
    width: 32px;
    cursor: pointer;
    margin-left: 16px;
}
.ym-header-left .link-box:hover {
	background: #000;
}

.ym-header-left .link-box .icon {
    display: block;
    width: 24px;
    height: 24px;
    margin: 4px auto;
	color: #fff;
}
.ym-header-right {
    display: flex;
    align-items: center;
}

.ym-header-right .share-box {
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 600;
    height: 32px;
    cursor: pointer;
    padding: 0 8px;
    border-radius: 4px;
}
.ym-header-right .share-box:hover{
	background-color: #000;
}

.ym-header-right .share-box a {
    color: #fff;
}

.ym-header-right .share-box a:hover {
    text-decoration: underline;
}

.ym-header-right .share-box .icon {
    width: 15px;
    height: 15px;
    margin-left: 8px;
}

.ym-header-right .language-btn {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #898989;
    height: 32px;
    margin-left: 16px;
    padding: 0 10px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}
.ym-header-right .language-btn:hover{
	background-color: #252525;
}
.language-list {
    display: none;
    width: 240px;
    background: #252525;
    position: absolute;
    right: 0;
    top: 30px;
    color: #fff;
    border-radius: 4px;
}
.ym-header-right .language-btn:hover .language-list{
	display: block;
}

.ym-header-right .language-btn .icon {
    width: 24px;
    height: 24px;
}
#contact-and-cooperation{
	margin-top: 20px;
}
#contact-and-cooperation h2 {
    color: #A58500;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 18px;
	font-size: 15px;
    margin: 0 0 12px 0;
    line-height: 150%;
}
#contact-and-cooperation li {
    line-height: 24px;
}

#contact-and-cooperation .mail {
    width: 150px;
}

#contact-and-cooperation img {
    height: 14px;
    margin-top: -2px;
    vertical-align: middle;
}

#contact-and-cooperation .new {
    height: auto;
    margin-top: -3px;
}

.language-list li {
    height: 48px;
    line-height: 48px;
    position: relative;
    padding: 0 10px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	 color: #898989;
}

.language-list li .language-menu-item-span {
    padding-right: 0.5rem;
	padding-top: 15px;
}
.language-list li .ipc-list-item__text {
    display: block;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.language-list li .selected-language-icon {
    color: var(--ipt-accent1-color,rgb(245,197,24));
}

.language-list li:hover {
    background: #313131;
}

input[type="radio"]+label::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid #999999;
    margin-right: 0.2rem;
    box-sizing: border-box;
    margin-top: -0.1rem;
}

input[type="radio"]:checked+label::before {
    background-color:#F5C519;
    background-clip: content-box;
    border: 1px solid #F5C519;
    padding: 0.1rem;
    box-sizing: border-box;
}

input[type="radio"] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    clip: rect(0, 0, 0, 0);
}

.ym-container {
    width: 1100px;
    min-height: calc(100vh - 220px);
    margin: 0 auto;
    display: flex;
    padding: 76px 20px 20px;
    background: #fff;
}

.ym-container-left {
    flex: 1;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid #E8E8E8;
    padding: 10px 12px;
}

.ym-container-right {
    margin-left: 20px;
    width: 300px;
}
.ym-container-right-1{
    position: sticky;
    top: 76px;
}

.right-card {
    background: #EDEDED;
    border-radius: 12px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    margin-top: 7px;
    border: 1px solid #F6F6F5;
    padding: 10px 12px;
}

.type-title {
    color: #A58500;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 10px;
}

.type-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.type-item {
    width: 50%;
	word-break: break-all; 
}

.type-item .num {
    color: #333 
}

.right-picurl {
    margin-top: 16px;
}

.right-picurl img {
    display: block;
    width: 100%;
}


.ym-footer {
	width: 100%;
    padding: 10px 0;
    background: #000;
    color: #fff;
    height: 220px;
	font-size: 15px;
}

.app-link {
    margin: 16px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.app-link a {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: 0 10px;
}

.app-link a:hover {
    background: #252525;
}

.app-link a svg {
    display: block;
    margin: 12px auto;
    width: 24px;
    height: 24px;
	color: #fff;
}

.other-link {
    display: flex;
    justify-content: center;
    align-items: center;
}

.other-link a {
    display: flex;
    align-items: center;
    color: #fff;
    margin: 0 10px;
}

.other-link a:hover {
    text-decoration: underline;
}

.other-link a .icon {
   width: 10px;
   height: 10px;
   margin-left: 4px;
   margin-top: 4px;
}

.ym-footer .img {
    display: block;
    margin: 16px auto;
	margin-top: 40px;
	margin-bottom: 30px;
}

.ym-footer-copyright {
    text-align: center;
    font-size: 10px;
}

@keyframes blink {
    0% {
        opacity: 1
    }

    25% {
        opacity: .67
    }

    50% {
        opacity: .33
    }

    75% {
        opacity: .67
    }

    to {
        opacity: 1
    }
}


.cues{width: 100%;height: 100%;position: fixed;top: 0;left: 0;text-align: center;z-index: 999998; pointer-events: none;}
.cues-box{position:fixed; left:50%; top:50%; background:rgba(0,0,0,0.8);color:#FFF;border-radius:8px;font-size:15px;word-break:break-all;z-index:999999;-webkit-animation-fill-mode: forwards; width: 185px; height:88px;margin-top: -44px;margin-left: -90px;text-align: center;}
.cues_animation_in{-webkit-animation:cues_animation_in 0.5s;-webkit-animation-fill-mode: forwards; }
@-webkit-keyframes cues_animation_in{
	0%{-webkit-transform:scale(0.5); opacity: 0;}
	50%{-webkit-transform:scale(1);opacity: 1;}
	100%{-webkit-transform:scale(1); opacity: 1;}
}
.cues_animation_out{-webkit-animation:cues_animation_out 0.2s;-webkit-animation-fill-mode: forwards; }
@-webkit-keyframes cues_animation_out{
	0%{-webkit-transform:scale(1); opacity: 1;}
	50%{-webkit-transform:scale(1);opacity: 1;}
	100%{-webkit-transform:scale(0.5); opacity: 0;}
}

.cues-box .cues-box-icon {width: 27px;height: 27px;display: inline-block;margin: 18px 0 9px 0;position: relative;overflow: hidden;vertical-align: middle;}
.cues-toast-icon {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAB4CAYAAACn3jFyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4MzkzQzEzRjY0RjExRTU5MDI5RkQyNzk0QTQ5MjVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ4MzkzQzE0RjY0RjExRTU5MDI5RkQyNzk0QTQ5MjVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDgzOTNDMTFGNjRGMTFFNTkwMjlGRDI3OTRBNDkyNUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDgzOTNDMTJGNjRGMTFFNTkwMjlGRDI3OTRBNDkyNUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4a44QkAAAGEUlEQVR42uxc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") no-repeat;background-size: 28px 60px;}
.cues-box .cues-box-content {font-size: 15px;line-height: 15px;color: #fff;padding: 0 10px 21px 10px;}
.s-icon {display: inline-block;height: 27px;width: 27px;background-position: -1px -29px;}
.e-icon {display:inline-block;height:27px;width:27px;background-position:-1px -1px;}
.cues-box-ease-out{-webkit-animation:cues_animation_out 0.2s;}

.yp_mask_transparent {
	z-index: 5001;
}
.yp_mask, .yp_mask_transparent {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.yp_toast {
	position:fixed;
	z-index: 50000;
	width: 7.6em;
	min-height: 7.6em;
	top: 50%;
	left: 50%;
	margin-left: -3.8em;
	background: rgba(40,40,40,.75);
	text-align: center;
	border-radius: 5px;
	color: #fff;
	margin-top:-3.8em;
}
.yp_loading_toast{

}

.yp_loading_toast .yp_toast_content {
	margin-top: 64%;
	font-size: 14px
}

.yp_loading {
	position: absolute;
	width: 0;
	z-index: 1;
	left: 50%;
	top: 38%
}

.yp_loading_leaf {
	position: absolute;
	top: -1px;
	opacity: .25
}

.yp_loading_leaf:before {
	content: " ";
	position: absolute;
	width: 8.14px;
	height: 3.08px;
	background: #d1d1d5;
	box-shadow: 0 0 1px rgba(0,0,0,.0980392);
	border-radius: 1px;
	-webkit-transform-origin: left 50% 0;
	transform-origin: left 50% 0
}

.yp_loading_leaf_0 {
	-webkit-animation: f 1.25s linear infinite;
	animation: f 1.25s linear infinite
}

.yp_loading_leaf_0:before {
	-webkit-transform: rotate(0deg) translate(7.92px);
	transform: rotate(0deg) translate(7.92px)
}

.yp_loading_leaf_1 {
	-webkit-animation: g 1.25s linear infinite;
	animation: g 1.25s linear infinite
}

.yp_loading_leaf_1:before {
	-webkit-transform: rotate(30deg) translate(7.92px);
	transform: rotate(30deg) translate(7.92px)
}

.yp_loading_leaf_2 {
	-webkit-animation: h 1.25s linear infinite;
	animation: h 1.25s linear infinite
}

.yp_loading_leaf_2:before {
	-webkit-transform: rotate(60deg) translate(7.92px);
	transform: rotate(60deg) translate(7.92px)
}

.yp_loading_leaf_3 {
	-webkit-animation: i 1.25s linear infinite;
	animation: i 1.25s linear infinite
}

.yp_loading_leaf_3:before {
	-webkit-transform: rotate(90deg) translate(7.92px);
	transform: rotate(90deg) translate(7.92px)
}

.yp_loading_leaf_4 {
	-webkit-animation: j 1.25s linear infinite;
	animation: j 1.25s linear infinite
}

.yp_loading_leaf_4:before {
	-webkit-transform: rotate(120deg) translate(7.92px);
	transform: rotate(120deg) translate(7.92px)
}

.yp_loading_leaf_5 {
	-webkit-animation: k 1.25s linear infinite;
	animation: k 1.25s linear infinite
}

.yp_loading_leaf_5:before {
	-webkit-transform: rotate(150deg) translate(7.92px);
	transform: rotate(150deg) translate(7.92px)
}

.yp_loading_leaf_6 {
	-webkit-animation: l 1.25s linear infinite;
	animation: l 1.25s linear infinite
}

.yp_loading_leaf_6:before {
	-webkit-transform: rotate(180deg) translate(7.92px);
	transform: rotate(180deg) translate(7.92px)
}

.yp_loading_leaf_7 {
	-webkit-animation: m 1.25s linear infinite;
	animation: m 1.25s linear infinite
}

.yp_loading_leaf_7:before {
	-webkit-transform: rotate(210deg) translate(7.92px);
	transform: rotate(210deg) translate(7.92px)
}

.yp_loading_leaf_8 {
	-webkit-animation: n 1.25s linear infinite;
	animation: n 1.25s linear infinite
}

.yp_loading_leaf_8:before {
	-webkit-transform: rotate(240deg) translate(7.92px);
	transform: rotate(240deg) translate(7.92px)
}

.yp_loading_leaf_9 {
	-webkit-animation: o 1.25s linear infinite;
	animation: o 1.25s linear infinite
}

.yp_loading_leaf_9:before {
	-webkit-transform: rotate(270deg) translate(7.92px);
	transform: rotate(270deg) translate(7.92px)
}

.yp_loading_leaf_10 {
	-webkit-animation: p 1.25s linear infinite;
	animation: p 1.25s linear infinite
}

.yp_loading_leaf_10:before {
	-webkit-transform: rotate(300deg) translate(7.92px);
	transform: rotate(300deg) translate(7.92px)
}

.yp_loading_leaf_11 {
	-webkit-animation: q 1.25s linear infinite;
	animation: q 1.25s linear infinite
}

.yp_loading_leaf_11:before {
	-webkit-transform: rotate(330deg) translate(7.92px);
	transform: rotate(330deg) translate(7.92px)
}

@-webkit-keyframes f {
	0%,0.01% {
		opacity: .25
	}

	0.02% {
		opacity: 1
	}

	60.01%,to {
		opacity: .25
	}
}

@-webkit-keyframes g {
	0%,8.34333% {
		opacity: .25
	}

	8.35333% {
		opacity: 1
	}

	68.3433%,to {
		opacity: .25
	}
}

@-webkit-keyframes h {
	0%,16.6767% {
		opacity: .25
	}

	16.6867% {
		opacity: 1
	}

	76.6767%,to {
		opacity: .25
	}
}

@-webkit-keyframes i {
	0%,25.01% {
		opacity: .25
	}

	25.02% {
		opacity: 1
	}

	85.01%,to {
		opacity: .25
	}
}

@-webkit-keyframes j {
	0%,33.3433% {
		opacity: .25
	}

	33.3533% {
		opacity: 1
	}

	93.3433%,to {
		opacity: .25
	}
}

@-webkit-keyframes k {
	0% {
		opacity: .27095833
	}

	41.6767% {
		opacity: .25
	}

	41.6867% {
		opacity: 1
	}

	1.67667% {
		opacity: .25
	}

	to {
		opacity: .27095833
	}
}

@-webkit-keyframes l {
	0% {
		opacity: .375125
	}

	50.01% {
		opacity: .25
	}

	50.02% {
		opacity: 1
	}

	10.01% {
		opacity: .25
	}

	to {
		opacity: .375125
	}
}

@-webkit-keyframes m {
	0% {
		opacity: .47929167
	}

	58.3433% {
		opacity: .25
	}

	58.3533% {
		opacity: 1
	}

	18.3433% {
		opacity: .25
	}

	to {
		opacity: .47929167
	}
}

@-webkit-keyframes n {
	0% {
		opacity: .58345833
	}

	66.6767% {
		opacity: .25
	}

	66.6867% {
		opacity: 1
	}

	26.6767% {
		opacity: .25
	}

	to {
		opacity: .58345833
	}
}

@-webkit-keyframes o {
	0% {
		opacity: .687625
	}

	75.01% {
		opacity: .25
	}

	75.02% {
		opacity: 1
	}

	35.01% {
		opacity: .25
	}

	to {
		opacity: .687625
	}
}

@-webkit-keyframes p {
	0% {
		opacity: .79179167
	}

	83.3433% {
		opacity: .25
	}

	83.3533% {
		opacity: 1
	}

	43.3433% {
		opacity: .25
	}

	to {
		opacity: .79179167
	}
}

@-webkit-keyframes q {
	0% {
		opacity: .89595833
	}

	91.6767% {
		opacity: .25
	}

	91.6867% {
		opacity: 1
	}

	51.6767% {
		opacity: .25
	}

	to {
		opacity: .89595833
	}
}



.yp-mask {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
}
.yp-dialog {
	position: fixed;
	z-index: 5000;
	width: 80%;
	max-width: 300px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #FFFFFF;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
}
.yp-dialog__hd {
	padding: 1.3em 1.6em 0.5em;
}
.yp-dialog__title {
	font-weight: 400;
	font-size: 18px;
}
.yp-dialog__bd {
	padding: 0 1.6em 0.8em;
	min-height: 40px;
	font-size: 15px;
	line-height: 1.3;
	word-wrap: break-word;
	word-break: break-all;
	color: #999999;
}
.yp-dialog__ft {
	position: relative;
	line-height: 48px;
	font-size: 18px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.yp-dialog__btn {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	color: #3CC51F;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	position: relative;
}
.yp-dialog__btn_default {
	color: #353535;
}
.yp-dialog__btn_primary {
	color: #0BB20C;
}
.yp-dialog__btn:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	bottom: 0;
	border-left: 1px solid #D5D5D6;
	color: #D5D5D6;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleX(0.5);
	transform: scaleX(0.5);
}
.yp-dialog__ft:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 1px;
	border-top: 1px solid #D5D5D6;
	color: #D5D5D6;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
}
.yp-dialog__btn:active {
	background-color: #EEEEEE;
}


.yp-popIn{
	opacity: 1;
	-webkit-animation: fadeIn .5s;
}

.yp-popOut{
	opacity: 0;
	-webkit-animation: fadeOut .5s;
}
.js_dialog{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
}
@keyframes fadeIn {
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@-webkit-keyframes fadeIn {
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}

@keyframes fadeOut {
	0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}
@-webkit-keyframes fadeOut {
	0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}