@charset "utf-8";
*{-webkit-tap-highlight-color:transparent;
  margin: 0;
    outline: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}
html,body{margin:0;padding:0;height:100%;border:0;color:#333;font-family:Arial,Verdana,serif;line-height:1.4;-webkit-user-select:none;-webkit-touch-callout:none}
a,a:active{outline:0;color:#333;text-decoration:none}
body{min-width:320px;max-width:1200px;margin:0 auto;overflow: hidden;}
li{list-style:none}

html, body {
width: 100%;
height: 100%;
overflow: hidden;
background-color: #06090d;
}



body {
box-shadow: 0 0 160px 0 #5C99E7;
-webkit-user-select: none;
}
.tc {text-align:center!important;}
.tr {text-align:right!important;}
.wrapper{display:block;width:100%;overflow: hidden;}
.hide{display:none}
img{width: 100%;display:block;}
.page{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-position:center bottom;background-color:#06090d;background-repeat:no-repeat;overflow:hidden;background-size: cover;}
.page1{background-image:url(../../images/usershare/bg1.jpg)}
.page2{background-image:url(../../images/usershare/bg2.jpg)}
.page3{background-image:url(../../images/usershare/bg2.jpg)}
.page4{background-image:url(../../images/usershare/bg2.jpg)}
.page5{background-image:url(../../images/usershare/bg2.jpg)}
.page6{background-image:url(../../images/usershare/bg2.jpg)}


.grid {
	display:-webkit-box;
	vertical-align: top;
}

.grid:before,.grid:after {
	content: " ";
	display: table
}

.grid:after {
	clear: both
}


.col01 {-webkit-box-flex:1;text-align:left;display:block}
.col02 {-webkit-box-flex:1;text-align:left;display:block}
.col03 {-webkit-box-flex:3;text-align:left;display:block}
    .swiper-container {
        width: 100%;
        height: 100%;
    }
.swiper-slide{background-position:center bottom;background-color:#06090d;background-repeat:no-repeat;overflow:hidden;background-size: cover;}
.btn {
display: block;
border: 1px solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
height: .7rem;
overflow: hidden;
font-family: Microsoft YaHei,tahoma,\5b8b\4f53;
font-size: .3rem;
line-height: .65rem;
color: #fff;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
cursor: pointer;
}
.btn:disabled, .btn.btn-disabled {
	background: #dcdcdc!important;
	border:none 0!important;
	box-shadow:none!important;
	color: #999;
	border: 0;
} 
.btn_lightorange {
	border-color: #F77536;
	background: #ff910e;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.13),inset 0 1px 1px #ef9601;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.13),inset 0 1px 1px #ef9601;
	box-shadow: 0 1px 1px rgba(0,0,0,0.13),inset 0 1px 1px #ef9601;
}
.btn_lightorange:active {
	border-color: #F05306;
	background: #FC8223;
	background: -webkit-gradient(linear,left top,left bottom,from(#FC8223),to(#FC6B1A));
	background: -webkit-linear-gradient(top,#FC8223,#FC6B1A);
	background: -moz-linear-gradient(top,#FC8223,#FC6B1A);
	background: -ms-linear-gradient(top,#FC8223,#FC6B1A);
	background: -o-linear-gradient(top,#FC8223,#FC6B1A);
	background: linear-gradient(top,#FC8223,#FC6B1A);

	box-shadow: none
}




/* 用户头像 [[ */
.user-pic {
	display: block;
	width:100%;
	height:100%;
	overflow: hidden;
	background: #fff;
	border-radius: 50%;
	
}
.page1 .userAvatar{z-index:1;display:block;width:2.1rem;height:2.1rem;margin:.6rem auto 0; opacity: 0;border-radius: 50%;border: .06rem solid #fff;box-shadow: 2px 1px 0 #000;}

.page1 .icon_bed{height:.45rem;width:.45rem;display:inline-block;}
/* ]] 用户头像 */

/*  page1 [[ */

.page1 .user-txt-wrap {z-index:1;text-align:center;margin:.3rem auto;padding:0 .5rem; opacity: 0}
.page1 .ms-nickName {font:.45rem/2 Microsoft YaHei,tahoma,\5b8b\4f53;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;color: #fff;}
.page1 .ms-userIntro{font:.35rem/1 Microsoft YaHei,tahoma,\5b8b\4f53;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;color: #fff;}

.page1  .ui-hd{font-size:.3rem;position:absolute;bottom:1.65rem;left:0;width:100%;text-align:center;}
.page1 .join {width:100%;position: absolute;top:4.5rem;bottom:1.75rem;}

.page1 .join-mask {width:100%;height:0;overflow:hidden; opacity:0}
.page1 .point{width:.12rem;height:.12rem;border-radius:50%;background:#fff;position:absolute;left:50%;top:0;margin-left:-.07rem;opacity:0}



.page1 .point:nth-child(2){top:50%;}


.swiper-slide-active .join-mask{height:100%;transition: height .7s linear .75s;opacity:1}
.page1.swiper-slide-active .ui-hd{-webkit-animation: fadeInDown .7s 1.5s both}
.swiper-slide-active .point{-webkit-animation: bounceIn 1s .1s both}
.swiper-slide-active .point:nth-child(2){-webkit-animation: bounceIn 1s 1s both}

.swiper-slide-active .an1{
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: .75s;
	-webkit-animation-fill-mode: both;
}

.swiper-slide-active .an2{
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: .75s;
	-webkit-animation-fill-mode: both;
}
/*  ]] page1 */

.user-info {margin:0 auto;padding:.4rem 0 0 .25rem;opacity:0}
.user-info .userAvatar{z-index:1;display:block;width:1.1rem;height:1.1rem;border-radius: 50%;border: .05rem solid #fff;box-shadow: 1px 1px 0 #333;position:relative;top:3px}
.user-info  .userAvatar-wrap{width:1.2rem;margin-right:.2rem}
.ui-nickName {font:.35rem/.5rem Microsoft YaHei,tahoma,\5b8b\4f53;height:.55rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: left;color: #fff;}
.ui-nickName .ui-icon{vertical-align:-2px}
.identity{font:.25rem/.5rem Microsoft YaHei,tahoma,\5b8b\4f53;height:.5rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: left;color: #fff;display:inline-block;padding:0 .15rem;vertical-align:.65rem;}
.identity.require {background:#6eb74c}
.identity.service {background:#f88c0e}

/* page2 [[ */
.ui-icon{height:.35rem;width:.35rem;display:inline-block;vertical-align:text-bottom}
.ui-list .ui-icon img{display:inline-block;width:80%;vertical-align:middle;position:relative;top:-1px;left:2px;}
.ui-nickName .ui-icon img{position:relative;top:-1px;left:2px;}
.ui-list {}
.ui-list li{vertical-align:middle;font:.25rem/.35rem Microsoft YaHei,tahoma,\5b8b\4f53;color: #fff;white-space: nowrap;padding:3px 0}
.ui-list li .ui-icon{margin-right:.05rem}
.ui-list li span {font-family: \5b8b\4f53;letter-spacing: .025rem;margin: 0 .025rem;vertical-align:middle}
.ui-list li:last-child{margin-top:-3px}
.ui-hd{opacity:0;font:.3rem/.5rem Microsoft YaHei,tahoma,\5b8b\4f53;height:.5rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: left;color: #fff;width:94%;margin:.35rem auto 0}
.page2 .userAvatar{z-index:1;display:block;width:2rem;height:2rem;margin:.55rem auto .1rem; opacity: 0;border-radius: 50%;border: .06rem solid #fff;box-shadow: 1px 1px 0 #333;}
.page2 .xyelogo{z-index:1;display:block;width:1rem;margin:.1rem auto 0; opacity: 0;border-radius: 50%;}
.page2 .user-txt-wrap {z-index:1;text-align:center;margin:.2rem auto .3rem;padding:0 .5rem; opacity: 0}
.page2 .ms-nickName {font:.4rem/2 Microsoft YaHei,tahoma,\5b8b\4f53;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;color: #fff;}
.page2 .ms-userIntro{font:.25rem/1 Microsoft YaHei,tahoma,\5b8b\4f53;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;color: #fff;margin-bottom:.6rem}


.swiper-slide-active .user-info {
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: .3s;
	-webkit-animation-fill-mode: both;
}
.page2.swiper-slide-active .ui-hd{
	-webkit-animation: fadeInLeft .75s .5s both;
}

.pay-info {margin-top:-.63rem}
.pay-info li{ opacity: 0;vertical-align:middle;font:.25rem/.35rem Microsoft YaHei,tahoma,\5b8b\4f53;color: #fff;white-space: nowrap;padding:.1rem .3rem;margin:.4rem .3rem;}
.pay-info li .pi-mask{background:#fff;opacity:.1;width:100%;padding:.1rem 0;height:100%;top:-.1rem;left:0;position: absolute;border-radius:.25rem;box-shadow:1px 1px 1px #555}
.pay-info li .ui-icon{margin-right:.1rem;}
.pay-info li .ui-icon img{display:inline-block;vertical-align:middle;width:90%;position:relative;top:-2px}
.pay-info li  font{font-size:.35rem;margin-right:.05rem;font-family:Constantia,Georgia,Microsoft YaHei}


.swiper-slide-active .pay-info li:nth-child(1) {
    -webkit-animation: fadeInDown 0.4s .5s both;
}

.swiper-slide-active .pay-info li:nth-child(2) {
    -webkit-animation: fadeInDown 0.4s 1s both;
}

.swiper-slide-active .pay-info li:nth-child(3) {
    -webkit-animation: fadeInDown 0.4s 1.4s both;
}

.swiper-slide-active .pay-info li:nth-child(4) {
    -webkit-animation: fadeInDown 0.4s 1.8s both;
}

.swiper-slide-active .pay-info li:nth-child(5) {
    -webkit-animation: fadeInDown 0.4s 2.2s both;
}

.swiper-slide-active .pay-info li:nth-child(6) {
    -webkit-animation: fadeInDown 0.4s 2.6s both;
}



@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

/* ]] page2 */


.aside-userInfo {height:1.4rem;width:1.5rem;padding:.2rem 0 0 .1rem;text-align:left;position:absolute;right:.25rem;top:.4rem;background:#fff;overflow:hidden;border-radius: 50%;opacity:0}
.aside-userInfo.require {border:.07rem solid #6eb74c;}
.aside-userInfo.service {border:.07rem solid #f88c0e}

.swiper-slide-active .aside-userInfo{ -webkit-animation: bounceIn 0.3s 1.5s both;}

.ctlc-h3 {
	font: .25rem/1.5 Microsoft YaHei,tahoma,\5b8b\4f53;
	font-weight: 700;
	color: #555;
	text-indent:-.12rem;
	text-align:center
}
.ctlc-count font {
	font: .4rem/1.5 arial,tahoma,\5b8b\4f53;
	margin-right: 1px;
}
.ctlc-count {
	text-align:center;
	font-size: .3rem;
	font-family: arial;
	margin-top: -4px;
	margin-bottom: -3px;
	position:relative;
}
.ctlc-tj {
	text-align: left;
	font-size: .2rem;
	line-height:.3rem;
	color:#888;
	text-indent:-.12rem;
	text-align:center
}
.ctlc-tj b {
	font: .25rem/.3rem Constantia,Georgia,Microsoft YaHei;
}

.page3 .user-info, .page4 .user-info, .page5 .user-info{height:1.25rem;}

.page3 .ui-nickName, .page4 .ui-nickName{
	word-break: break-all;
	word-wrap: break-word;
	max-height: 1.05rem;
	min-height: .55rem;
	height:auto;
	width: 2.7rem;
	white-space: inherit;
	font-size:.325rem;
}

/* page3-4 [[ */
.message{top:-2px;opacity:1;z-index:2}
.messageHead{height:36px;position:relative;background:#fff; border-radius:4px; box-shadow:0 6px 10px rgba(0,0,0,0.1); font-size:14px; line-height:36px;color:#585858; text-indent:24px; margin-bottom:8px;}
.messageList{height:0;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;user-select:text;    }
.messageList ul{margin-left:.85rem;border-left:.04rem solid #fff;padding:.5rem 0 1rem 0;}
.messageList li{-webkit-perspective:2000px;-moz-perspective:2000px; perspective:2000px; -webkit-perspective-origin:left 38px;}
.messageListBox{ display:block;padding:.5rem 0 0 .55rem;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d; position:relative;-webkit-transform-origin:left 39px;-moz-transform-origin:left 39px;transform-origin:left 39px; -webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);transform:rotateY(90deg);opacity:0;}
@media (min-width: 800px) {
  .messageListBox{margin-right:1rem;}
}

.messageListBox article{ position:relative;margin-right:.5rem;}
.messageListBox .ico{ position: absolute;width: 0;overflow:hidden;border: .1rem solid #fff;top: .8rem;left: -.125rem;border-radius: 50%;}
.studentMBox{box-shadow:0 3px 7px rgba(0,0,0,0.1);border-radius:4px;border:1px solid #fff;background:#fff; opacity:.2;height:100%;width:100%;position:absolute;z-index:1;top:0;left:0}
.messageListBox .content{color:#fff;position:relative;z-index:2;padding:.15rem}
.messageListBox .content h3 {font: .25rem/1.5 Microsoft YaHei,tahoma,\5b8b\4f53;margin-bottom:.1rem;max-height:.75rem;overflow:hidden;word-break: break-all;word-wrap: break-word;}
.messageListBox .content h3 a {color:#1e83ff;margin:0 .1rem}
.messageListBox .content h2 {font: .3rem/1.5 Microsoft YaHei,tahoma,\5b8b\4f53;margin-bottom:.1rem;height:.5rem;overflow:hidden;word-break: break-all;word-wrap: break-word;}
.messageListBox .content p,
.messageListBox .content .grid{font: .2rem/1.5 Microsoft YaHei,tahoma,\5b8b\4f53;}
.price {font-style:normal;font-family: Arial;margin-right:.05rem}
.messageListBox .content .img{width:1.5rem;padding:.1rem .15rem 0 0}
.messageListBox .content .img img{height:1rem}


.swiper-slide-active .messageList{transition: height .8s linear .3s}
/*.swiper-slide-active .messageListBox { 
	-webkit-animation: animation1 1s .8s both;
	
	-webkit-transform:rotateY(0deg);
	opacity:1;
}

 */
@-webkit-keyframes animation1{
    0%{	opacity: 0; -webkit-transform: rotateY(90deg); -ms-transform:rotateY(90deg);transform:rotateY(90deg)}
    50%{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}
    75%{ 	-webkit-transform:rotateY(-15deg);-ms-transform:rotateY(-15deg);transform:rotateY(-15deg)}
    100%{	opacity:1; -webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}
}
 
/* ]] page3-4 */


/* page5 [[ */
.page5 .userAvatar{z-index:1;display:block;width:2rem;height:2rem;margin:.55rem auto .1rem; opacity: 0;border-radius: 50%;border: .06rem solid #fff;box-shadow: 1px 1px 0 #333;}
.page5 .xyelogo{z-index:1;display:block;width:1rem;margin:.1rem auto 0; opacity: 0;border-radius: 50%;}
.page5 .user-txt-wrap {z-index:1;text-align:center;margin:.2rem auto .3rem;padding:0 .5rem; opacity: 0}
.page5 .ms-nickName {font:.4rem/2 Microsoft YaHei,tahoma,\5b8b\4f53;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;color: #fff;}
.page5 .ms-userIntro{font:.25rem/1.6 Microsoft YaHei,tahoma,\5b8b\4f53;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;color: #fff;}
.dpTextArea {width:90%;margin:0 auto;opacity:0}
.dpTextArea textArea{display:block;margin:0 auto;background:#fff;resize:none;padding:.1rem;border-radius:.15rem;width:96.5%;height:2.5rem;margin-bottom:.25rem;font-size:.25rem;line-height:1.5;}
.dpTextArea textArea:disabled {
	background: #dcdcdc!important;
	color: #999;
	opacity:1;
} 
/* ]] page5 */



/* page6 [[ */
.page6 .userAvatar{z-index:1;display:block;width:1.5rem;height:1.5rem;margin:.8rem auto 0; opacity: 0;border-radius: 50%;border: .06rem solid #fff;box-shadow: 1px 1px 0 #333;}
.page6 .user-txt-wrap {z-index:1;text-align:center;margin:.3rem auto;padding:0 .5rem; opacity: 0}
.page6 .ms-nickName {font:.32rem/2 Microsoft YaHei,tahoma,\5b8b\4f53;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;color: #fff;}
.page6 .ms-userIntro{font:.3rem/1 Microsoft YaHei,tahoma,\5b8b\4f53;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;color: #fff;}
.page6 .xyelogo{z-index:1;display:block;width:1rem;margin:.1rem auto 0; border-radius: 50%;position:absolute;bottom:1.2rem;left:50%;margin-left:-.5rem}
.swiper-slide-active .xyelogo{ -webkit-animation: fadeIn 0.3s .2s both;}
.swiper-slide-active .xyelogo-after{ -webkit-animation: fadeIn 0.5s .5s both;}

.iRecommend {width:2.5rem;height:2.5rem;position:relative;margin:0 auto;top:.7rem;opacity:0}
.swiper-slide-active .iRecommend{-webkit-animation: zoomIn .3s 0 both;opacity:1}
.iR01, 
.iR02{width:100%;height:100%;background:#000;opacity:.3;position:absolute;top:0;left:0;border-radius:.2rem}
.iR03{width:100%;height:100%;position:relative;z-index:2;padding-top:.25rem}
.iR03 p{text-align:center;font-size:.25rem; color:#fff;line-height:2;}
.iR01 {-webkit-transform:rotate(45deg);}

/* ]] page6 */


.messageListLink{color:#fff;font-size:.25rem!important;text-align:center;}

#arrowB{position:absolute;bottom:.1rem;height:.68rem;background:url(../../images/usershare/arrow.png) center no-repeat;background-size:contain;text-align:center;width:100%;min-width: 320px;
max-width: 1200px;display:none;z-index:998;-webkit-animation-name:shakeB;-webkit-animation-duration:3s;-webkit-animation-iteration-count:infinite}
#arrowT{position:absolute;top:.1rem;height:.68rem;background:url(../../images/usershare/arrowt.png) center no-repeat;background-size:contain;text-align:center;width:100%;min-width: 320px;
max-width: 1200px;display:none;z-index:999;-webkit-animation-name:shakeT;-webkit-animation-duration:3s;-webkit-animation-iteration-count:infinite}
@-webkit-keyframes shakeT {
    0%,100% {
        -webkit-transform: translate3d(0,0,0)
    }
    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,2px,0)
    }
    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,-2px,0)
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}



@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}



.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}
.pr {position:relative}



@-webkit-keyframes shakeB {
    0%,100% {
        -webkit-transform: translate3d(0,0,0)
    }
    
    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-2px,0)
    }
    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,2px,0)
    }
}


@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,120%,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(120%,0,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none
    }
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-120%,0,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes bounceIn1 {
    0%,60%,75%,90%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,-2000px,0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,25px,0)
    }
    75% {
        -webkit-transform: translate3d(-10px,-10px,0)
    }
    90% {
        -webkit-transform: translate3d(5px,5px,0)
    }
    100% {
        -webkit-transform: none;
        opacity: 1
    }
}
@-webkit-keyframes bounceIn2 {
    0%,60%,75%,90%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0)
    }
    75% {
        -webkit-transform: translate3d(10px,0,0)
    }
    90% {
        -webkit-transform: translate3d(-5px,0,0)
    }
    100% {
        -webkit-transform: none;
        opacity: 1
    }
}
@-webkit-keyframes bounceIn3 {
    0%,60%,75%,90%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0)
    }
    75% {
        -webkit-transform: translate3d(0,-10px,0)
    }
    90% {
        -webkit-transform: translate3d(0,5px,0)
    }
    100% {
        -webkit-transform: none;
        opacity: 1
    }
}
@-webkit-keyframes bounceIn4 {
    0%,60%,75%,90%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-25px,0)
    }
    75% {
        -webkit-transform: translate3d(0,10px,0)
    }
    90% {
        -webkit-transform: translate3d(0,-5px,0)
    }
    100% {
        -webkit-transform: none;
        opacity: 1
    }
}
@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3)
    }
    33% {
        -webkit-transform: scale3d(1.1,1.1,1.1)
    }
    66% {
        -webkit-transform: scale3d(.94,.94,.94)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1)
    }
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
    }
    100% {
        opacity: 1
    }
}


.xye-popWrap .xye-modePop .content {
width: 5rem;
display: block;
text-align: left;
}
.prizePanel {
background: #fff;
box-shadow: 0 0 .5rem #000;
border-radius:.1rem;

}
.prizePanel-hd {
height: .7rem;
}
.prizePanel-hd .txt {
height: .7rem;
font: .3rem/.7rem Microsoft YaHei,tahoma,\5b8b\4f53;
background:url(../../images/usershare/popTitle.png) no-repeat -.05rem 0;
background-size: cover;
color: #fff;
text-align: center;
position: relative;
top: -0.11rem;
}
.prizePanel-hd .del {
position: relative;
width: .25rem;
padding: .15rem .25rem;
top: -.03rem;
font: 400 .5rem/.5rem tahoma;
color: #fff;
text-decoration: none;
z-index: 2;
border-radius: 0 .3rem 0 0;
}
.prizePanel-bd {

padding: .2rem 0 0 0;
background: #fff;
margin: .07rem auto;
}
.prizePanel-content {
width: 4rem;
margin: 0 auto;
height: 5.8rem;
}
.p-c-entity {
margin: .2rem auto;
width: 1.8rem;
height: 1.8rem;

}

.p-c-entity-tit {
text-align: left;
color: #68100d;
font: .3rem/1.5 Microsoft YaHei,tahoma,\5b8b\4f53;
margin: 0 0 .5rem 0;
}

.prizePanel .button {
margin: 0;
font-size: .28rem;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0 .1rem;
}

element.style {
}
.prizePanel .button {
margin: 0;
font-size: .28rem;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0 .1rem;
}
.button, .button span {
white-space: nowrap;
}
.button {
margin: .5rem 1.2rem;
text-decoration: none;
font: bold 1.5em 'Trebuchet MS',Arial, Helvetica;
display: block;
text-align: center;
color: #fff;
border: 1px solid #9c9c9c;
border: 1px solid rgba(0, 0, 0, 0.3);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 .05rem #68100d;
-moz-box-shadow: 0 0 .0r5em #68100d;
-webkit-box-shadow: 0 0 .05rem #68100d;
font: .35rem/1.2 Microsoft YaHei,tahoma,\5b8b\4f53;
}
.button span {
display: block;
padding: 0.2rem 0.25rem;
background: #1884de;

}
.xye-popMask {
background: rgba(51,51,51,.9)!important;
z-index: 1;
position: fixed;
overflow: hidden;
top: 0;
bottom: 0;
left: 0;
right: 0;
}


.btn_lightgreen {
display: block;
border: 1px solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 70%;

overflow: hidden;
font-family: '΢ÈíÑźÚ','Helvetica Neue',Helvetica,Arial,sans-serif;
font-size: .3rem;
height: .75rem;
line-height: .75rem;

margin:1.8rem auto 0;

color: #fff;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
cursor: pointer;
transition: all .2s linear 0s;

border-color: #015ab4;
background: #3d95ee;
background: -webkit-gradient(linear,left top,left bottom,from(#3d95ee),to(#2184e9));
background: -webkit-linear-gradient(top,#3d95ee,#2184e9);
background: -moz-linear-gradient(top,#3d95ee,#2184e9);
background: -ms-linear-gradient(top,#3d95ee,#2184e9);
background: -o-linear-gradient(top,#3d95ee,#2184e9);
background: linear-gradient(top,#3d95ee,#2184e9);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d95ee',endColorstr='#2184e9',GradientType=0);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.13),inset 0 1px 1px #4aa2fb;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.13),inset 0 1px 1px #4aa2fb;
box-shadow: 0 1px 1px rgba(0,0,0,0.13),inset 0 1px 1px #4aa2fb;


}

.btn_lightgreen:active {
	background: #2184e9;
	background: -webkit-gradient(linear,left top,left bottom,from(#2184e9),to(#3d95ee));
	background: -webkit-linear-gradient(top,#2184e9,#3d95ee);
	background: -moz-linear-gradient(top,#2184e9,#3d95ee);
	background: -ms-linear-gradient(top,#2184e9,#3d95ee);
	background: -o-linear-gradient(top,#2184e9,#3d95ee);
	background: linear-gradient(top,#2184e9,#3d95ee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2184e9',endColorstr='#3d95ee',GradientType=0);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.13),inset 0 1px 1px #4aa2fb;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.13),inset 0 1px 1px #4aa2fb;
	box-shadow: 0 1px 1px rgba(0,0,0,0.13),inset 0 1px 1px #4aa2fb;
}


.prizePanel .btn_lightgreen{margin-top:10px;}