@charset "utf-8";
/* CSS Document */
html{ height:100%;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{margin:0; vertical-align:baseline;}
body { color:#333; -webkit-text-size-adjust:100%; font-size:12pt; line-height:1.3; height:100%; position:relative; background:#000;}
h1, h2, h3, h4, h5, h6 { font-size:100%; }
ul,ol{padding-left:0;}
ul li { list-style:none; line-height:1.75;}
table { border-collapse:collapse; border-spacing:0; }
hr { height:1px; margin:5px 0; border:medium none; color:#ccc; background-color:#ccc; }
a img { border:none; }
select{font-size:100%;}
input, img,textarea,button{ vertical-align:middle; padding:0; font-size:100%; font-family:"Helvetica Neue",sans-serif,"Microsoft Yahei","SimHei";}
input,label,select,textarea,button{-webkit-tap-highlight-color: rgba(255,255,255,0);-webkit-appearance:none;}
a{ color:#333; text-decoration:none;-webkit-tap-highlight-color: rgba(255,255,255,0);}
div{-webkit-tap-highlight-color: rgba(255,255,255,0);}
.gray{ color:#999!important;}
.red{ color:red!important;}
.moreR{ position:absolute; right:10px; top:0px;}
.clear:after { content: '.'; clear: both; display: block; height: 0; visibility: hidden; line-height: 0; }
.inputbg{ border:1px solid #ddd;}


#show{ overflow:hidden; position:relative; z-index:90;}
#show .part{ width:100%; height:100%; position:relative; overflow:hidden; display:none; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;
box-sizing: content-box;}
#show .intro{ position:relative; z-index:3;}
.p1 .intro,.p5 .intro{ width:auto; text-align:center; right:50%; top:0; -webkit-transform:translateX(50%);}
#show p{}
#show .part .cover,#show .maskbg{ position:absolute!important; left:0; right:0; top:0; z-index:1; width:100%; background-size:cover!important; background-repeat:no-repeat!important;}
#show img{ max-width:100%;}
#show .part h2{ display:none;}
.headimgurl{ position:absolute; left:5%; top:5%; z-index:99; display:none;}
.copyright{ position:absolute; right:10px; bottom:10px; z-index:99; color:rgba(255,255,255,.8); display:block!important; text-shadow:1px 1px 0 rgba(0,0,0,.5); font-size:10pt; display:none!important;}
.avatar_first{ display:block!important;}
.headimgurl img{ width:64px; height:64px; border:2px solid #fff; border-radius:5px;}
canvas{-webkit-writing-mode:horizontal-tb;-moz-writing-mode:horizontal-tb;-ms-writing-mode:horizontal-tb;writing-mode:horizontal-tb;}
#musicBox{ width:30pt; height:30pt; position:fixed; right:10pt; top:10pt; overflow:hidden; visibility:hidden; z-index:98;}
.the_sound_box{ position:fixed; right:10pt; top:10pt; text-align:center; visibility:hidden; z-index:99; color:red;}
.the_sound_box .soundbtn{ position:relative; z-index:2;}
.the_sound_box .soundbtn i{ display:block; font-size:14pt;  background:transparent; box-shadow:none;border-radius:100px; padding:10px;}
.the_sound_box .note{ display:none; width:30pt; height:30pt; position:absolute; left:0; top:0; text-align:center; line-height:30pt; z-index:1;}
.the_sound_box .note i{ color:rgba(255,255,255,.8); display:block; font-size:14pt; font-weight:normal; width:30pt; height:30pt; text-align:center; position:absolute; left:0; top:0;opacity:0;}
.the_sound_box.playing .soundbtn i{ color:green; -moz-animation: soundPlay 1s infinite linear; -webkit-animation: soundPlay 1s infinite linear;animation: soundPlay 1s infinite linear; }
.the_sound_box.playing .note{ display:block;}
.the_sound_box .note i:nth-child(1) { -webkit-animation: smoke1 5s infinite; -webkit-animation-delay: 1s;}
.the_sound_box .note i:nth-child(2) { -webkit-animation: smoke2 6s infinite; -webkit-animation-delay: 2s;}
.the_sound_box .note i:nth-child(3) { -webkit-animation: smoke3 7s infinite; -webkit-animation-delay: 1.5s;}
.the_sound_box .note i:nth-child(4) { -webkit-animation: smoke4 9s infinite; -webkit-animation-delay: 0.5s;}
.the_sound_box .note i:nth-child(5) { -webkit-animation: smoke5 10s infinite; -webkit-animation-delay: 3s;}
.the_sound_box .note i:nth-child(6) { -webkit-animation: smoke6 11s infinite; -webkit-animation-delay: 2.4s;}
@-webkit-keyframes soundPlay {
	0% { -webkit-transform:rotate(0deg); }
	25%{ -webkit-transform:rotate(-10deg); }
	50%{ -webkit-transform:rotate(0deg); }
	75%{ -webkit-transform:rotate(10deg); }
	100% { -webkit-transform:rotate(0deg); }
}

@-webkit-keyframes smoke1 {
  0% {opacity: 1;-webkit-transform: scale(.4) translate(10px,10px) rotate(90deg);}
  10% {opacity: 1;-webkit-transform: scale(.8) translate(30px,0px) rotate(45deg);}
  100% {opacity: 0;-webkit-transform: scale(1.5) translate(80px, -300px) rotate(180deg); }
}
@-webkit-keyframes smoke2 {
  0% {opacity: 1;-webkit-transform: scale(.5) translate(10px,10px) rotate(-90deg);}
  100% {opacity: 0;-webkit-transform: scale(.5) translate(90px, -300px) rotate(180deg); }
}
@-webkit-keyframes smoke3 {
  0% {opacity: 1;-webkit-transform: scale(.4) translate(10px,10px) rotate(45deg);}
  30% {opacity: 1;-webkit-transform: scale(.8) translate(50px,10px) rotate(0deg);}
  100% {opacity: 0;-webkit-transform: scale(1.2) translate(100px, -300px) rotate(-180deg); }
}
@-webkit-keyframes smoke4 {
  0% {opacity: 1;-webkit-transform: scale(.2) translate(10px,10px) rotate(-45deg);}
  100% {opacity: 0;-webkit-transform: scale(1) translate(100px, -300px) rotate(180deg); }
}
@-webkit-keyframes smoke5 {
  0% {opacity: 1;-webkit-transform: scale(.3) translate(10px,10px) rotate(90deg);}
  25% {opacity: 1;-webkit-transform: scale(.8) translate(30px,0px) rotate(30deg);}
  100% {opacity: 0;-webkit-transform: scale(1.5) translate(150px, -300px) rotate(270deg); }
}
@-webkit-keyframes smoke6 {
  0% {opacity: 1;-webkit-transform: scale(.5) translate(10px,10px) rotate(0deg);}
  50% {opacity: 1;-webkit-transform: scale(1) translate(50px,-50px) rotate(90deg);}
  100% {opacity: 0;-webkit-transform: scale(2) translate(130px, -300px) rotate(-270deg); }
}


.cbox{ padding:10px;}
.cbox h3{ font-size:12pt; padding:0 10px 10px; color:#666; height:40px; line-height:40pt; font-weight:normal; position:inherit;}
.cbox h3 .btn{ position:absolute; right:10px; top:10px; line-height:1;}
#comment_lists{ border:1px solid #ddd; background:#f0f0f0; z-index:10; }
#comment_lists li{ padding:10px; border-top:1px solid #fff; border-bottom:1px solid #ddd;}
#comment_lists li:after{ content: '.'; clear: both; display: block; height: 0; visibility: hidden; line-height: 0; }
#comment_lists li .ava img{ width:72px; height:72px; border-radius:200px; float:left; margin-right:10px;}
#comment_lists li h6{ font-size:10pt; color:#999; overflow:hidden; font-weight:normal;}
#comment_lists li .info{ font-size:12pt; color:#333; overflow:hidden;}
.iadd{ text-align:center; padding:10px; position:relative;}

#moonLoad{ position:absolute; left:50%; top:50%; z-index:99; width:100px; height:200px!important; -webkit-transform:translate(-50%,-50%); text-align:center; color:#fff; line-height:3;}
#moonLoad .limg{display:block; width:100px; height:100px; background-size:contain;}
#moonLoad .limg .circle { background-color: rgba(0,0,0,0); border: 5px solid rgba(0,183,229,0.9); opacity: .9; border-right: 5px solid rgba(0,0,0,0); border-left: 5px solid rgba(0,0,0,0); border-radius: 50px; box-shadow: 0 0 35px #2187e7; width: 50px; height: 50px; margin: 0 auto; -moz-animation: spinPulse 1s infinite ease-in-out; -webkit-animation: spinPulse 1s infinite linear; }
#moonLoad .limg .circle1 { background-color: rgba(0,0,0,0); border: 5px solid rgba(0,183,229,0.9); opacity: .9; border-left: 5px solid rgba(0,0,0,0); border-right: 5px solid rgba(0,0,0,0); border-radius: 50px; box-shadow: 0 0 15px #2187e7; width: 30px; height: 30px; margin: 0 auto; position: relative; top: -50px; -moz-animation: spinoffPulse 1s infinite linear; -webkit-animation: spinoffPulse 1s infinite linear; }
 @-moz-keyframes spinPulse {
 0% {-moz-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #2187e7;}
 50% {-moz-transform:rotate(145deg);opacity:1;}
 100% {-moz-transform:rotate(-320deg);opacity:0;}
}
@-moz-keyframes spinoffPulse {
 0% {-moz-transform:rotate(0deg);}
 100% {-moz-transform:rotate(360deg);}
}
@-webkit-keyframes spinPulse {
 0% {-webkit-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #2187e7;}
 50% {-webkit-transform:rotate(145deg);opacity:1;}
 100% {-webkit-transform:rotate(-320deg);opacity:0;}
}
@-webkit-keyframes spinoffPulse {
 0% {-webkit-transform:rotate(0deg);}
 100% {-webkit-transform:rotate(360deg);}
}

.iFallC{ height:100%; overflow:hidden; position:relative;}
.iFallC div { position: absolute; width: auto; height: auto; -webkit-animation-iteration-count: infinite, infinite; -webkit-animation-direction: normal, normal; -webkit-animation-timing-function: linear, ease-in; }
.iFallC div i { position: absolute; width: auto; height: auto; background-size:contain!important; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: 50% -100%; }
@-webkit-keyframes flowerFade {
    0% {opacity: 1;}
	95% {opacity: 1;}
	100% {opacity: 0;}
}
@-webkit-keyframes flowerDrop {
    0% {-webkit-transform: translate(0px, -50px);}
    100% {-webkit-transform: translate(0px, 700px);}
}
@-webkit-keyframes flowerRise {
    0% {-webkit-transform: translate(0px, 700px);}
    100% {-webkit-transform: translate(0px, -50px);}
}
@-webkit-keyframes clockwiseSpin {
    0% {-webkit-transform: rotate(-50deg);}
    100% {-webkit-transform: rotate(50deg);}
}
@-webkit-keyframes counterclockwiseSpinAndFlip {
    0% {-webkit-transform: scale(-1, 1) rotate(50deg);}
    100% {-webkit-transform: scale(-1, 1) rotate(-50deg);}
}

#digg_user_box{margin:50% 10px 0 10px;}
.digg_user_lists{display: block; width: 100%; text-align:center; height:180px; overflow:auto;}
.digg_user_lists li{display: inline-block; text-align:center; line-height:1.6; padding:5px 5px 0; vertical-align:top;}
.digg_user_lists li:nth-child(1) i{ display:block; width:40px; height:40px; line-height:40px; font-size:12pt; color:#00b7ee; border:1px solid rgba(255,255,255,.7); border-radius:3px;}
.digg_user_lists li img{width:40px; height:40px; display:block; border:1px solid rgba(255,255,255,.7); border-radius:3px;}
.digg_user_lists li span{color:#fff; font-size:10pt;}

.btn{ display:inline-block; padding:5px 10px; font-size:12pt; border:none; background:#eee; color:#999; line-height:1.6; border:1px solid #ddd; letter-spacing:0;}
.btn i{ line-height:1.6;}
.btn.active{ background:#F30; color:#fff; border:1px solid #f30;}
.btn.shareme{ background:#2e7e02; color:#fff; border:1px solid #2e7e02;}

#preview_back{ position:fixed; left:0; bottom:0; right:0; height:36px; padding:15px 20px; z-index:99999; line-height:36px; text-align:center; font-size:14pt; color:#fff; background:rgba(0,0,0,.5);}
#preview_back a.back{ border:1px solid #fff; color:#fff; padding:0 15px; display:inline-block; position:absolute; left:20px; top:14px;}
#preview_back a.go{ border:1px solid #F30; background:#F30; color:#fff; padding:0 15px; display:inline-block; position:absolute; right:20px; top:14px;}

.bar{ position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,.5); height:42px; z-index:99;-webkit-writing-mode:horizontal-tb;-moz-writing-mode:horizontal-tb;-ms-writing-mode:horizontal-tb;writing-mode:horizontal-tb; width:100%; padding:8px 0 0;}
.bar .shareme{ font-size:10pt; margin-left:10px;}
.bar .iadd{ position:absolute; right:10px; top:8px; font-size:10pt; padding:0;}
.bar .btn{ font-size:10pt;}

#is_preview_bar{ position:fixed; left:0; bottom:0; right:0; width:auto; height:36px; padding:15px 15px; z-index:99999; line-height:36px; text-align:center; font-size:14pt; color:#fff; background:rgba(0,0,0,.5);}
#is_preview_bar .iadd{ left:0; right:0; top:0;}
#is_preview_bar #sendBind{ display:inline-block; position:absolute; right:15px; top:14px; font-size:12pt; margin:0;}
#is_preview_bar .shareme{ display:inline-block; position:absolute; left:15px; top:14px; font-size:12pt; margin:0;}

@media (max-height:480px) {
	.bar .shareme{ margin-left:5px;}
	.bar .iadd{ right:5px;}
	.btn{ padding:5px;}
	.digg_user_lists{ height:120px;}
	#preview_back a.back{ left:10px;}
	#preview_back a.go{ right:10px;}
}

.loadRotate{ display:inline-block; -webkit-animation-name:loadRotate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}
@-webkit-keyframes loadRotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}

.tip-up{ background:url(ico.png) no-repeat 0 -25px; background-size:auto 63px; width:25px; height:14px; position:absolute; bottom:10px; left:50%; margin-left:-12px; z-index:999; display:none;
 -webkit-animation: tipUp 2s infinite linear;
}

@-webkit-keyframes tipUp {
	0% { opacity:0;}
	30% { -webkit-transform:translateY(-15px); opacity:.8; }
	80% { -webkit-transform:translateY(-20px); opacity:.8; }
	100% { -webkit-transform:translateY(-25px); opacity:0; }
}

.blades { width: 350px; height: 350px; left: 10%; top: 10%; z-index: 2; border-radius: 50%; position: absolute; margin-top: -30px; margin-left: 50px; -webkit-animation: spin 6s linear infinite; overflow:hidden; }
.blade1 { background: white; position: absolute; width: 41px; height: 139px; top: -10px; left: 150.5px; -webkit-transform: rotate(0deg); display: inline-block; background: -webkit-linear-gradient(135deg, transparent 20px, white 0),  -webkit-linear-gradient(225deg, transparent 20px, white 0),  -webkit-linear-gradient(315deg, transparent 20px, white 0),  -webkit-linear-gradient(45deg, transparent 20px, white 0); background-position:bottom left,top right,top left,bottom right; background-size: 50% 50%; background-repeat: no-repeat; }
.blade2 { background: white; position: absolute; width: 41px; height: 139px; top: 105.5px; left: 41px; -webkit-transform: rotate(-90deg); display: inline-block; background: -webkit-linear-gradient(135deg, transparent 20px, white 0),  -webkit-linear-gradient(225deg, transparent 20px, white 0),  -webkit-linear-gradient(315deg, transparent 20px, white 0),  -webkit-linear-gradient(45deg, transparent 20px, white 0); background-position:bottom left,top right,top left,bottom right; background-size: 50% 50%; background-repeat: no-repeat; }
.blade3 { background: white; position: absolute; width: 41px; height: 139px; top: 105.5px; right: 41px; -webkit-transform: rotate(-270deg); display: inline-block; background: -webkit-linear-gradient(135deg, transparent 20px, white 0),  -webkit-linear-gradient(225deg, transparent 20px, white 0),  -webkit-linear-gradient(315deg, transparent 20px, white 0),  -webkit-linear-gradient(45deg, transparent 20px, white 0); background-position:bottom left,top right,top left,bottom right; background-size: 50% 50%; background-repeat: no-repeat; }
.blade4 { background: white; position: absolute; width: 41px; height: 139px; bottom: -10px; left: 150.5px; -webkit-transform: rotate(180deg); display: inline-block; background: -webkit-linear-gradient(135deg, transparent 20px, white 0),  -webkit-linear-gradient(225deg, transparent 20px, white 0),  -webkit-linear-gradient(315deg, transparent 20px, white 0),  -webkit-linear-gradient(45deg, transparent 20px, white 0); background-position:bottom left,top right,top left,bottom right; background-size: 50% 50%; background-repeat: no-repeat; }
.vane1 { width: 1px; height: 350px; left: 175px; background: white; position: absolute; -webkit-transform: rotate(90deg); }
.vane2 { width: 1px; height: 350px; left: 171.5px; background: white; position: absolute; -webkit-transform: rotate(180deg); }
.base .bottom_base { position: absolute; width: 90px; height: 100px; left: 162px; border-right: 16px solid transparent; border-left: 16px solid transparent; border-bottom: 380px solid white; opacity: .8; z-index: -1; top: 42.5px; }
 @-webkit-keyframes spin {
0% {
 -webkit-transform:rotate(0deg);
}
 100% {
 -webkit-transform:rotate(-360deg);
}
}

/*load*/
.load{ position:fixed;top:0;left:0;width:100%;min-height:100%;overflow:hidden; background:rgba(0,0,0,.8); z-index:1000 }
.load .loadImg{position:absolute;left:50%;top:50%; width:100pt; height:100pt;margin:-50pt 0 0 -50pt;}
.load .loadTxt{ width:100pt; height:50pt; margin:0px auto; line-height:50pt; text-align:center; color:rgba(255,255,255,.5); font-size:14pt;}
.load .circle { background-color: rgba(0,0,0,0); border: 5px solid rgba(0,183,229,0.9); opacity: .9; border-right: 5px solid rgba(0,0,0,0); border-left: 5px solid rgba(0,0,0,0); border-radius: 50px; box-shadow: 0 0 35px #2187e7; width: 50px; height: 50px; margin: 0 auto; -moz-animation: spinPulse 1s infinite ease-in-out; -webkit-animation: spinPulse 1s infinite linear; }
.load .circle1 { background-color: rgba(0,0,0,0); border: 5px solid rgba(0,183,229,0.9); opacity: .9; border-left: 5px solid rgba(0,0,0,0); border-right: 5px solid rgba(0,0,0,0); border-radius: 50px; box-shadow: 0 0 15px #2187e7; width: 30px; height: 30px; margin: 0 auto; position: relative; top: -50px; -moz-animation: spinoffPulse 1s infinite linear; -webkit-animation: spinoffPulse 1s infinite linear; }
 @-moz-keyframes spinPulse {
 0% {-moz-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #2187e7;}
 50% {-moz-transform:rotate(145deg);opacity:1;}
 100% {-moz-transform:rotate(-320deg);opacity:0;}
}
@-moz-keyframes spinoffPulse {
 0% {-moz-transform:rotate(0deg);}
 100% {-moz-transform:rotate(360deg);}
}
@-webkit-keyframes spinPulse {
 0% {-webkit-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #2187e7;}
 50% {-webkit-transform:rotate(145deg);opacity:1;}
 100% {-webkit-transform:rotate(-320deg);opacity:0;}
}
@-webkit-keyframes spinoffPulse {
 0% {-webkit-transform:rotate(0deg);}
 100% {-webkit-transform:rotate(360deg);}
}
.loadbar{position:fixed;top:0;left:0;width:100%;min-height:100%;overflow:hidden; background:rgba(255,255,255,.1); z-index:1000 }
.loadbar .loadImg{position:absolute;left:50%;top:50%; width:100pt; height:100pt;margin:-50pt 0 0 -50pt;}
.contentBar{ text-align:center;}
.contentBar i{ background-color: #2187e7; background-image: -moz-linear-gradient(45deg, #2187e7 25%, #a0eaff); background-image: -webkit-linear-gradient(45deg, #2187e7 25%, #a0eaff); border-left: 1px solid #111; border-top: 1px solid #111; border-right: 1px solid #333; border-bottom: 1px solid #333; width: 10px; height: 10px; display:inline-block; margin-left: 5px; opacity: 0.1; -moz-transform: scale(0.7); -webkit-transform: scale(0.7); -moz-animation: moveBar 1s infinite linear; -webkit-animation: moveBar 1s infinite linear; }
.contentBar i:nth-child(1){ -moz-animation-delay: .4s; -webkit-animation-delay: .4s; }
.contentBar i:nth-child(2){ -moz-animation-delay: .3s; -webkit-animation-delay: .3s; }
.contentBar i:nth-child(3){ -moz-animation-delay: .2s; -webkit-animation-delay: .2s; }
.contentBar i:nth-child(4){ -moz-animation-delay: .3s; -webkit-animation-delay: .3s; }
.contentBar i:nth-child(5){ -moz-animation-delay: .4s; -webkit-animation-delay: .4s; }
@-moz-keyframes moveBar {
 0% {
-moz-transform: scale(1.2);
opacity:1;
}
 100% {
-moz-transform: scale(0.7);
opacity:0.1;
}
}
@-webkit-keyframes moveBar {
 0% {
-webkit-transform: scale(1.2);
opacity:1;
}
 100% {
-webkit-transform: scale(0.7);
opacity:0.1;
}
}

#flowerC div { position: absolute; width: auto; height: auto; -webkit-animation-iteration-count: infinite, infinite; -webkit-animation-direction: normal, normal; -webkit-animation-timing-function: linear, ease-in; }
#flowerC div i { position: absolute; width: auto; height: auto; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: 50% -100%; }
@-webkit-keyframes flowerFade {
    /* Show a snow while into or below 95 percent of the animation and hide it, otherwise */
    0% {opacity: 1;}
	95% {opacity: 1;}
	100% {opacity: 0;}
}
/* Makes a snow fall from -300 to 600 pixels in the y-axis */
@-webkit-keyframes flowerDrop {
    /* Move a snow to -300 pixels in the y-axis at the start of the animation */
    0% {-webkit-transform: translate(0px, -50px);}
    /* Move a snow to 600 pixels in the y-axis at the end of the animation */
    100% {-webkit-transform: translate(0px, 650px);}
}
/* Rotates a snow from -50 to 50 degrees in 2D space */
@-webkit-keyframes clockwiseSpin {
    /* Rotate a snow by -50 degrees in 2D space at the start of the animation */
    0% {-webkit-transform: rotate(-50deg);}
    /*  Rotate a snow by 50 degrees in 2D space at the end of the animation */
    100% {-webkit-transform: rotate(50deg);}
}
/* Flips a snow and rotates it from 50 to -50 degrees in 2D space */
@-webkit-keyframes counterclockwiseSpinAndFlip {
    /* Flip a snow and rotate it by 50 degrees in 2D space at the start of the animation */
    0% {-webkit-transform: scale(-1, 1) rotate(50deg);}
    /* Flip a snow and rotate it by -50 degrees in 2D space at the end of the animation */
    100% {-webkit-transform: scale(-1, 1) rotate(-50deg);}
}


.btnlike{border-radius:20px; background:-webkit-linear-gradient(rgba(255,255,255,.2),rgba(170,170,170,.2)); box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 1px 0 rgba(0,0,0,.5); color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,.75); padding:10px 0px; display:inline-block; position:absolute; left:50%; bottom:60px; width:160px; margin-left:-80px; z-index:999; font-size:14pt; border:none; -webkit-writing-mode:horizontal-tb;-moz-writing-mode:horizontal-tb;-ms-writing-mode:horizontal-tb;writing-mode:horizontal-tb;}
.btnlike.disable{ color:#ccc;}
.btnlike i,.btnlike em{ color:#f30; font-style:normal;}

.liketips{position:fixed;top:0;left:0;width:100%;min-height:100%;overflow:hidden;z-index:9999; background:rgba(0,0,0,.8) url(like.png) no-repeat center 10px; background-size:90% auto;}
.liketips p{ font-size:14pt; text-align:center; padding:10%; line-height:2; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,.7);}
.liketips p em{ font-style:normal; color:#f30; font-size:120%;}

.loopbtn{ display:block; position:absolute; width:20px; height:20px; top:0px; left:0px; z-index:99999; text-indent:-30000px;}

#bg{position:fixed;top:0;left:0;width:100%;min-height:100%;overflow:hidden;z-index:-1; background:url(3.jpg) no-repeat center bottom; background-size:cover!important;}
.sharetips{position:fixed;top:0;left:0;width:100%;min-height:100%;overflow:hidden;z-index:9999; background:rgba(0,0,0,.8) url(share.png) no-repeat center 10px; background-size:90% auto;}