@charset "UTF-8";
/* 开启GPU硬件加速 */
.WeiShu section, .bgWeiShu, .bgslider-item, .backgrounds, .photo-box, .photo-box *{
	/* 开启加速 */
	/* -webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0); */

	/* 防止抖动 */
	-webkit-backface-visibility:hidden;
}

body{background:#000;-webkit-font-smoothing:antialiased;}
.no-bg{background:none;}
/* min-width: 300px;max-width: 640px; */
.weishu-main{width: 100%;height: 100%;margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;position: relative;overflow: hidden;z-index:51;}

/* zj style */
.hide{display:none;}.show{display:block;}
a,span{-webkit-tap-highlight-color: rgba(0,0,0,0);}
input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance:none; }

.WeiShu .slides{font-size: 1em;}
.WeiShu .UEText, .WeiShu .UEText p, .WeiShu .UEText li{line-height:1.5;}

.WeiShu{color:#333;}
.WeiShu .center{text-align:center!important;}

.WeiShu li{clear:none;}

.WeiShu section{
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}
@media screen and (max-width: 1000px){
	.WeiShu .Ws-fm{max-width:80%!important;max-height:50%!important;}
}
@media screen and (min-width: 1000px){
	.WeiShu .Ws-fm{max-width:55%!important;max-height:40%!important;}
}
.WeiShu p, .WeiShu li{line-height:1.6;}
.WeiShu li{vertical-align: top;margin-bottom:5px;}
.WeiShu h1, .WeiShu h2, .WeiShu h3{font-size: 1.4em;}
.WeiShu h4, .WeiShu h5, .WeiShu h6{font-size: 1em;font-weight: 400;}
.WeiShu h2{margin:10px 0;line-height:1.2;font-weight: 400;}
.WeiShu h2 .title-number{padding:0 10px;display:inline-block;margin-right:0;color:#0080FF;font-weight:400;}
.WeiShu section .about{padding-bottom:60px;}
.WeiShu section .ewm{padding:8px;display:inline-block;background:#D8D8D8;box-shadow:0 0 5px #888;font-size:0px;margin-top:30px;}
.WeiShu section .ewm img{width:130px;height:130px;margin:0;padding:0;max-width:100%;max-height:100%;}
.WeiShu section video.viedeoURL{padding:0;width:100%;height:30%;}
.WeiShu section .copyright{padding-top:6px;color: #006CD8;font-size: 1.1em;}
.WeiShu section .copyright p{line-height: 1.1em;}
.WeiShu section .copyright a{color: #006CD8;text-decoration: none; line-height: 1em;}
.WeiShu section .copyright a:hover{text-decoration: underline;}
.WeiShu section .book-name{font-size: 1.8em;}
.WeiShu section .comefrom{font-size: 1em;margin-bottom:20px;}
.WeiShu section .comefrom .platform{color: #006CD8;text-decoration: underline;}
.WeiShu .collect{position: fixed;right: 12px;top: 23px;z-index: 201;font-size:14px;display: none;color:#666;}
.WeiShu .collect img{float:right;margin-left:2px;}
.WeiShu .logo-name{position:fixed;left:12px;top:10px;z-index:201;font-size:16px;line-height:44px;height:40px;overflow:hidden;}
.WeiShu .logo-name img{background:none;border:none;box-shadow:none;width:42px;height:40px;float:left;margin-right:5px;}
.WeiShu .logo-name a{color:#0080FF;text-decoration: underline;}
.WeiShu img.kfformula{vertical-align: middle!important;}

.WeiShu .Ws-fm{max-height:76%;max-width:95%;display:inline;margin-bottom:0;}
.WeiShu section.past video{visibility:hidden;}

.codepage-box{width:100%;height:100%;overflow: hidden;background: rgba(255,255,255,0);color:#555;font-size: 14px;}
.codepage-box2{color:#fff;font-size:12px;}
.codepage-cr{text-align: center;margin-top:10px;}
.codepage-cr li{list-style: none;text-align: center;margin-bottom: 0;}
.codepage-cr label, .codepage-cr span{display:inline-block;width:80px;text-align: right;}
.codepage-cr span{text-align: left;margin-left: 20px;width: 100px;}

.codepage-img{text-align: center;margin-top:15px;}
.codepage-img img{width:80%;display: inline!important;margin-bottom: 0!important;}
.ewm-more-text{margin:5px 0 4px;text-align: center;}
.ewm-more-text a{text-decoration: underline;}
.ewm-more-text a, .jg-link a{color: #007FFF;margin:0 3px;}
.book-like-box{margin-top:10px;}
.book-like-box .title{position:relative;margin-bottom: 12px;}
.book-like-box .title h3{font-weight:400;font-size:1em;text-align:center;margin:10px 5px;}
.book-like-box .title .line1, .book-like-box .title .line2{border-bottom: 1px #888 solid;width:50%;height:1px;position:absolute;top:10px;}
.book-like-box .title .line1{left:-40px;}
.book-like-box .title .line2{right:-40px;}
.book-like-list{margin:0 10px;}
.book-like-list li{width:80px;float:left;margin-right:10px;line-height:1.2;list-style:none;}
.book-like-list li img{width:80px;height:120px;}
.WeiShu section .book-like-list a{font-size:12px;}
.WeiShu section .book-like-list .name{display:none;color:#000;font-size:12px;margin:8px 0 10px;max-height: 32px;overflow: hidden;}
.WeiShu section .book-like-list .author{display:none;color:#555;max-height: 32px;overflow: hidden;}
.book-like-list ul{width:9999px;padding-left:0;}

/* play-bar */
.play-bar{
	height:78px;width:100%;background:rgba(180,180,180,0.9);position:absolute;bottom:-78px;left:0;z-index:100;
	transition:all 0.3s;
}
.play-bar-show{
	bottom:0;
}
.play-bar .play-bar-menu {text-align:center;width:100%;margin:0;}
.play-bar .play-bar-menu li{display:inline-block;margin:15px 5px;}
.play-bar .play-bar-menu li a{background:#000 no-repeat;color:#fff;width:48px;height:48px;text-align:center;line-height:48px;display:block;font-size:22px;font-weight:400;border-radius:50%;}
.play-bar .play-bar-menu li a.disable-hide{background:#999;}
.play-bar .continuous-play{height:40px;line-height:40px;color:#000;border-top:1px #000 solid;border-bottom:1px #000 solid;}
.play-bar .continuous-play .continuous-text{margin-left:18px;font-weight:bold;}
.play-bar .continuous-play .c-play-switch{float:right;margin-right:18px;width:35px;height:20px;border-radius:10px;position:relative;background:#000;margin-top:10px;}
.play-bar .continuous-play .c-play-switch .iconfont{width:20px;height:20px;position:absolute;top:0;color:#000;background:#fff;border-radius:50%;line-height:20px;text-align:center;}
.play-bar .play-bar-menu li .message-icon{font-size:12px;background-image:url(../images/comment.png);background-position:9px 9px;}
.icon-dagou{left:15px;}
.icon-bbgchabudaiyuan{left:0;}
.play-bar .play-package{text-align:center;padding-top:18px;}
.play-package .icon{width:28px;height:17px;display:inline-block;}
.play-package .prev-icon{background:url(../images/prev.png) no-repeat;}
.play-package .next-icon{background:url(../images/next.png) no-repeat;}
.play-package .icon-bofang1, .play-package .icon-bofang{font-size:30px;color:#fff;margin:0 30px;}
.play-bar .play-progress{position:relative;}
.play-bar .play-progress .currentTime, .play-bar .play-progress .allTime{width:14%;height:16px;line-height:16px;font-size:14px;position:absolute;top:15px;font-weight:bold;}
.play-bar .play-progress .currentTime{left:3%;text-align:right;}
.play-bar .play-progress .allTime{right:3%;text-align:left;}
.play-bar .play-progress .progress-room{width:60%;height:4px;background:#000;border-radius:2px;position:absolute;top:21px;left:20%;}
.play-bar .play-progress .current-room{height:4px;position:absolute;top:0;left:0;width:0;background:#fff;border-radius:2px;}
.play-bar .play-progress .current-print{width:15px;height:15px;border-radius:15px;background:#fff;display:block;float:right;margin:-6.5px -7.5px 0 0;}

/* menu */
#CommentScroll{overflow: hidden;}
.menu, .comment{
	display:none;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
	width:100px;position:absolute;top:0;left:0;z-index:202;height:200px;font-family:'微软雅黑','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;
}
.menu{background:rgba(0,0,0,0.85);box-shadow:0 2px 5px rgba(0,0,0,0.6);color:#fff;}
#Scroll{position:relative;box-shadow:0 1px 3px #e5e5e5;overflow:hidden;}
.comment-bg{
	display:none;opacity:0;background:rgba(255,255,255,0.8);z-index:201;width:100%;height:100%;position:absolute;top:0;left:0;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.comment-bg{background:none;}
.comment-room{width:100%;}
.menubg-show{display:block;opacity:1;}
.menu-index{/* top:-100%; */-webkit-transform:translate3d(0,-100%,0);}
.menu-index-show{/* top:0%; */-webkit-transform:translate3d(0,0,0);}
.menu-default{opacity:0;/* top:-100%; */-webkit-transform:translate3d(0,-100%,0);}

#scroller {position:absolute; z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;padding:0;}
.menu li{margin-left:25px;list-style:none;padding:15px 0 0;}
.menu #menu_list{padding-top: 15px;}
.menu .index-item{font-size: 1.2em;}
.menu .main-item, .menu .no-index-item{font-size: 1.1em;}
.menu .index-item .name{margin-top:5px;}
.menu .index-item .iconfont{margin-right: 15px;}
.menu .no-index-item{margin-left:56px;padding-right: 10px;}
.menu .main-item .number{width:16px;height:16px;margin-top:3px;line-height:16px;font-size:12px;float:left;margin-right:13px;border-radius: 50%;border:1px #fff solid;border-radius: 50%;text-align: center;}
.menu .main-item .cont{margin-left:31px;padding-right: 10px;line-height:1.6;}
.menu .child-item .number{margin:3px 10px 0 25px;float: left;}
.menu .child-item .cont{margin-left:57px;padding-right: 10px;line-height:1.6;font-style: italic;}
.menu .icon-room{font-size: 12px;}
.icon-video{margin-right:3px;}

/*.menu li .item{
	height:36px;line-height:36px;border-radius:20px;background:rgba(255,255,255,0.98);padding:0 32px 0 15px;display:inline-block;min-width: 50px;margin-top:15px;
	position:relative;box-shadow:2px 2px 6px rgba(0,0,0,0.85);z-index:2;cursor:pointer;
}
.menu li .item-cur{background:rgba(0,0,0,0.8);color:#fff;}
.menu li .item .num{float:left;}
.menu li .item .name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width:180px;display: block;}
.menu li .item .line{width:25px;height:28px;position:absolute;top:0;left:-25px;background:url(../images/line.png) no-repeat;}
*/.pb15px{padding-bottom:15px;}
.menu ul{position:relative;z-index:1;}
/*.menu ul:after, .menu li ul:after{
	content:"";display:block;position:absolute;height:100%;
	border-left:1px #888 solid;left:15px;top:-44px;box-shadow:0.5px 0 1px #555;
}*/
.search-box .search-btn:after{
	content:"";display:block;position:absolute;height:224%;
	top:-29px;left:-18px;border-left:1px #888 solid;box-shadow:0.5px 0 1px #555;
}
.book-ewm{text-align: center;padding:20px 0 20px;}
.book-ewm img{width:200px;height:200px;display:inline-block!important;}
.book-ewm-tip{text-align: center;font-size:18px;padding-bottom: 20px;line-height: 1.5;}

#CloseMenu{position:absolute;top:10px;right:10px;background:#0080FF;color:#fff;width:26px;height:26px;text-align:center;line-height:24px;font-size:20px;border-radius:50%;z-index:9;}
#CloseMenu:hover{background:#555;}
.comment-btn-bar{text-align:center;height:28px;}
.comment-btn-bar a{color:#0080FF;margin:0 6px;padding:3px 5px;font-size:14px;}
.comment-btn-bar a .iconfont{margin-right:2px;}
.menu li ul:after{top:-27px;}
#menu_line{position:absolute;top:0;left:0;}
.process-bar-box{margin:22px 25px 5px;height:24px;position:relative;}
.process-bar-box .cur-time, .process-bar-box .all-time{font-size:12px;}
.process-bar-room{height:5px;position:relative;border-radius:5px;background:#C8C8C8;}
.process-bar-room .process-bar{margin-right:11px;position:relative;}
.process-bar-room .process-bar-cont{height:5px;width:0%;position:absolute;left:0;top:0;background:#0080FF;border-radius:5px 0 0 5px;}
.process-bar-room .process-bar .process-bar-point{width:12px;height:12px;border-radius:50%;background:#0080ff;position:absolute;right:-11px;top:-4px;}
.process-bar-box .cur-time{position:absolute;bottom:0;left:0;}
.process-bar-box .all-time{position:absolute;bottom:0;right:0;}

.menu .comment-pingjia{text-align: center;color:#FF8100;padding-bottom:7px;margin-top:-8px;}
.menu .comment-pingjia .iconfont{font-size:24px;}

.search-box{}
.menu .search-btn{height:28px;line-height:28px;width:85%;background:#fff;border:1px #555 solid;margin:15px 5% 5px 32px;color:#555;border-radius:15px;position:relative;display:none;}
.menu .search-btn .iconfont{margin-left:8px;line-height:28px;float:left;}
.menu .search-btn .search-input{color:#555;background:none;border:none;font-size:14px;line-height:28px;width:80%;margin:0 0 0 5px;position:absolute;top:0;left:20px;}
.search-box .search-btn{display:block;}
.search-box li .hide{display:none;}
.search-box #CloseMenu{width:30px;height:30px;position:absolute;bottom:8px;right:8px;background-color:rgba(0,0,0,0.6);color:#fff;line-height:30px;z-index:999;text-align:center;font-size:20px;text-decoration:none;border-radius:50%;}
.search-box .continuous-play{border-radius: 5px; background: #000;color: #fff;position: absolute;top: 48px;left: 2px;font-size: 12px;padding: 3px;text-decoration: none;z-index:9999;}
.search-box .continuous-play.close{background:#888;}

.search-bf li .item .line{background:none;}
.search-bf li{margin-left:0;text-align:center;}
.search-bf ul:after, .search-bf li ul:after, .search-bf .search-btn:after{border:none;box-shadow:none;}
.search-bf .continuous-play{display:none;}

.WeiShu .progress-bg{height:11px;position:absolute;width:100%;bottom:0;left:0;z-index:19;}
.ws-progress-bar{position:absolute;bottom:0;text-align:center;z-index:20;min-height:9px;opacity:1;width:100%;font-size:0;}
.ws-progress-bar span{display:inline-block;background:#999;margin:0 1px;}
.ws-progress-bar .g{border-radius:50%;}
.ws-progress-bar .f, .ws-progress-bar .g{width:6px;height:6px;}
.ws-progress-bar .c{width:4px;height:4px;margin-bottom:1.5px;}
.ws-progress-bar .cur{background:#0080FF;}
.WeiShu .ws-progress-bar{}
.WeiShu .progress-bar-room{display:inline-block;padding:2px 3px 1px;}

.weishu-tool{position:absolute;width:35px;height:34px;padding:1px;border-radius:50%;background:rgba(0,0,0,0.6);z-index:203;left:12px;bottom:10px;}
.weishu-tool .teacher-controller{top:-35px;width:30px;height:30px;position: absolute;left:3px;}
.weishu-tool .teacher-controller .iconfont{display:block;font-size:18px;color:#000;color:#0080ff;}
.weishu-tool .teacher-controller .iconfont.lv{color:#0080ff;font-size: 14px;}
.weishu-tool .audio{position: absolute;top: 3px;left: -3px;display: block;z-index: 9999;}
.weishu-tool canvas{position:absolute;z-index: 0;top:-2px;left:4px;}
.weishu-tool .hide{display: block;opacity:0;position:relative;z-index: 999;}
.weishu-tool .audio #AudioRoom{margin-top: -5px;}
.weishu-tool .iconfont{
	color:#0080ff;font-size:18px;line-height:34px;text-align:center;width:100%;height:100%;display:block;position:absolute;top:0;left:0;display:none;
	text-shadow:1px 1px 3px #000;
}
.weishu-tool .Tool-play{width:92%;padding-left:8%;}
.weishu-tool .iconfont.Tool-show{display:block;}

/* qa-content */
.qa-content{position: relative;padding: 15px 20px;background: rgba(255,255,255,0.8); border-radius: 12px;width: 70%;height: 80%;margin:-webkit-calc(15% - 15px) -webkit-calc(15% - 20px);}
.qa-content-box{overflow: hidden;}
.qa-content-box-cont{position:relative;z-index:1;}
.qa-content h2{padding-top:15px;}
.qa-content .question{line-height:1.35;padding:5px;color:#2693ff;margin:9px 0 15px;text-align:left;border-top: 1px #c8c8c8 solid;border-bottom:1px #c8c8c8 solid;}
.qa-content ul{padding-left: 0;}
.qa-content .answers-list{text-align:center;}
.qa-content .answers-list ul{display:block;}
.WeiShu .answers-list li{line-height:1.2;border:1px #ddd solid;margin-bottom:10px;list-style:none;color:#555;position:relative;cursor:pointer;vertical-align:middle;text-align:left;padding:5px 10px 8px;background:#ddd;border-radius: 10px;}/* 0.4em */
.qa-content .answers-list li.selected{border:1px #555 solid;background:#999;color:#fff;}
.qa-content .answer-select-tor{display:inline;vertical-align:middle;font-size:1.15em;margin-right:3px;}
.qa-content .answer-text{display:inline;vertical-align:middle;line-height: 1.2;}
.qa-content .answer-text img{display:inline-block;vertical-align:middle;}
.qa-content .answer-select-tor .selected{width:6px;height:6px;border:5px #707070 solid;background:#fff;}
.qa-content .answer-btn{font-size:1em;margin-top:10px;display: block;text-align: center;}
.qa-content .answer-btn a{color:#2693ff;text-decoration: underline;}
.qa-answer-info{font-size: 12px;text-align: center;margin:0;}
.qa-answer-info span{margin:0 3px;}
.qa-answer-info a.iconfont{color: #fff;background: #0080FF;font-size: 9px;padding:3px;border-radius: 3px;}

.qa-content .result{text-align:left;margin:10px 20px 0;height:75px;display:none;}

.qa-content .answer-select-tor .qa-icon{display:none;}

.qa-content .answers-list li.error{border:1px #555 solid;background:#d90000;color:#fff;}
.qa-content .answers-list li.right{border:1px #555 solid;background:#209a20;color:#fff;}

.qa-content .JS_result_dom{display:block;height:40px;text-align: center;}
.qa-content .result .right, .qa-content .result .error{font-size:1.6em;line-height:40px;}
.qa-content .result .iconfont{font-size: 1.6em}
.qa-content .result .right{color:#008C00;}
.qa-content .result .error{color:#f00;}
.qa-content .answer-content{
	position:absolute;width:80%;top:0;left:0;background:rgba(0,0,0,0.8);padding:20px;text-align:left;border-radius:5px;z-index:9;
	box-shadow:0 0 4px 4px rgba(0,0,0,0.35);display:none;opacity:0;color:#fff;
	-webkit-transition:opacity 0.3s;
	transition:opacity 0.3s;
}
.qa-content .answer-content h3{font-size:1em;font-weight:400;border-bottom:1px #fff solid;line-height:34px;margin-top:0;}
.qa-content .answer-content .JS_close{position:absolute;top:0;right:0;color:#fff;padding:8px;}
.qa-content .answer-content div{margin:5px 0;line-height:1.8;}
.WeiShu .post-answer-btn{width:150px;height:30px;line-height:30px;text-align:center;color:#fff;background:#888;border-radius:8px;display:inline-block;margin:15px 0 40px 0;}
.message-text{
	position:absolute;top:0;left:0;background:rgba(0,0,0,0.75);z-index:999;color:#fff;border-radius:8px;padding:8px 15px;line-height:20px;opacity:0;display:none;
}
.message-transition{
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}

h3.quiz-name{color:#0080FF;text-decoration:underline;}
.WeiShu .weishu-box{padding:5px 0 20px;}
.WeiShu .weishu-box img{max-width:170px!important;max-height:272px!important;display:inline-block;margin-bottom: 0;}
.weishu-box-img{position:relative;display: inline-block;font-size: 0;}
.weishu-box-img .play-icon-room{position: absolute;z-index: 2;top: 50%;left: 50%;border-radius: 50%;margin: -25px 0 0 -25px;}
.weishu-box-img .play-icon{background:url(../images/play-icon.png) no-repeat;width: 50px;height: 50px;color: rgba(0,128,255,1);line-height: 1em;border-radius: 50%;padding: 0px;position: absolute;top:0;left:0;}
.WeiShu a img{
	background: rgba(255,255,255,.2);
	border-color: #2a76dd;
	box-shadow: 0 0 20px rgba(0,0,0,.55);
}
.WeiShu a .goods-img img{box-shadow:none;}
.WeiShu .weishu-box .weishu-name{padding:0;margin:0;font-weight:normal;font-size:1em;margin-top:5px;}

.weishu-room{width:600px;height:100%;}
.WeiShu .UEText{word-wrap:break-word;}
.WeiShu .UEText ol, .WeiShu .UEText dl, .WeiShu .UEText ul{display:block;} 

.WeiShu .UEText ol{margin-left:30px;}
.WeiShu .UEText ol, .WeiShu .UEText dl, .WeiShu .UEText ul{display:inline-block;max-width: 100%;} 
.WeiShu .pingjia{background:rgba(233,233,233,0.5);width:100%;margin-top:6px;text-align:center;padding:5px 0;}
.pingjia .zan-box, .pingjia .comment-box{display:inline-block;margin:0 10px;}
.WeiShu .pingjia .zan-box .iconfont{font-size:34px;display:block;line-height:34px;}
.WeiShu .pingjia .comment-box .iconfont{font-size:32px;display:block;line-height:34px;}
.WeiShu .pingjia a{color:#333;overflow:hidden;display:block;min-width:80px;}

/* .comment{color:#333;line-height:1.2;background-color:#fff;}
.comment ul{list-style:none;}
.comment h2{font-size:18px;font-weight:400;text-align:center;padding:25px 0 20px;margin:0;}
.comment h2 .iconfont{font-size:22px;margin-right:5px;}
.comment .close{width:50px;height:30px;text-align:right;padding:15px 15px 0 0;position:absolute;top:0;right:0;display:block;text-decoration:none;color:#333;font-size:0.6em;}
.comment-list{padding:0 15px 50px;font-size:12px;}
.comment-list>li{margin-bottom:16px;}
.comment-list .comment-header{margin-top:6px;padding-bottom:2px;height:22px;line-height:22px;}
.comment-list .comment-header .iconfont{float:right;font-size:20px;color:#0080ff;}
.comment-list .comment-content .name{margin-right:5px;color:#0080ff;}
.comment-list .comment-content .time{color:#999;}
.comment-list .comment-content{padding:8px 10px;background:#fff;border:1px #c8c8c8 solid;border-radius:5px;line-height:1.5;}
.comment-list .comment-header, .comment-list .comment-content{}

.comment-list>li li{margin-left:30px;margin-top:6px;}
.comment-list>li li .comment-content{padding:0 8px 3px;}
.comment-list>li li .comment-header{line-height:24px;padding:0 8px 0;}

.comment-insert-box{height:50px;border-top:1px #999 solid;background:#bbb;position:absolute;bottom:0;width:100%;}
.comment-insert-box .comment-input{height:20px;line-height:20px;border:1px #999 solid;width:73%;padding:6px 5px;margin-left:10px;background:#fff;margin-top:8px;}
.comment-insert-box .comment-btn{color:#fff;background:#0080ff;width:48px;text-align:center;line-height:30px;border:none;} */

.WeiShu .fm-room, .WeiShu .post-answer-room, .WeiShu .center, .WeiShu .weishu-box{text-align:center;}

.touch-swipe-img{background:#000;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;}
.touch-swipe-touch{opacity:0;background:#000;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;}
.touch-swipe-img img{}
.touch-swipe-img img.css-transtion{transition:all 0.5s;}
.touch-swipe-img-before{background:#000 url(../images/loading.gif) no-repeat center center;}

/* longtext */
.WeiShu .authorInfo_img img{display:inline-block;border:5px rgba(0,0,0,0.2) solid;border-radius:50%;max-width:50%;max-height:50%;box-shadow:0 0 6px rgba(0,0,0,0.8);}
.ex_long_tip{
	position:absolute;bottom:15px;z-index:999;width:100%;text-align:center;opacity:0.8;
}
.ex_long_tip span{
	display:inline-block;padding:4px 10px;color:#fff;background:rgba(0,0,0,0.8);font-style:italic;font-size:14px;border-radius:15px;opacity:0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.ex_show span{opacity:1;}

#LongTextReadBox{
	display:none;position:absolute;top:0;left:0;background:#fff;z-index:999;opacity:0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#LongTextReadBox.LongTextReadBox-show{opacity:1}
#LongTextReadBox .fm-room{display:block;}
#LongTextReadBox .longtext{padding:10px;font-size:108%;}
#LongTextReadBox img{max-width:100%;}
#LongTextReadBox .bgWeiShu, #LongTextReadBox .BgSlider{display:none;}

/* bgslider */
.JsFramePlayer{text-align:center;}
.BgSlider{position:absolute;top:0;left:0;overflow: hidden;}
.BgSlider .bgslider-item{
	position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;
	background-position:center center;
	background-repeat: no-repeat;
	background-size: cover;

	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
/* .slider-item-first{
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
} */

/*** activity ***/
.activity h2{font-size: 1.8em;}
.activity .activity-info p{font-size: 1em;}
.activity .activity-info .btn-link{margin-bottom: 2%;display: inline-block;font-size: 1em;text-decoration: underline;margin-top: 10px;color: #0080FF;}
.activity .activity-info p.title{font-size: 1.4em;}
.activity .activity-info p.info-small{font-size: .8em;line-height: 1.4em; display: inline-block;margin-right: 6px;color: #999;}
.activity .btn-apply{display: block;width: 42%;margin: 0 auto 0;position: relative;margin-bottom: 5%;margin-top: 10%;}
.activity .btn-apply .btn-bg{background-color: transparent;box-shadow:none;max-width: 100% !important;max-height:100% !important;}
.activity .btn-apply .btn-text-center{position: absolute;top: 0;width: 100%;top: 45%;}
.activity .btn-apply .btn-text{font-size: 1.3em; font-weight: bold;vertical-align: middle;display: inline-block;width: 100%;color: #FFF;position: relative;margin-top: -7%;}
.activity .hide{display: none;}
.activity .organizer{text-align: center;border-top: 1px rgba(153,153,153,.2) solid;padding-top: 3%;width: 90%;margin: 0 auto;font-size: .9em;margin-top: 10%;}
.activity .organizer .organizer-title{color: #FF7F00;}
.activity .organizer .organizer-info{margin-top: 2%;}
.activity .organizer .organizer-info p{line-height: 1.3em;font-size: .8em;color: #555;}
.activity .organizer .organizer-info p.emphasize{margin-bottom: 10px;}
.activity.good .btn-apply{margin-top: -55px;margin-bottom: 5px;}
.activity.good .activity-info{padding: 0}
.activity.good .activity-info p.title{color: #007FFF;}
.activity.good .good-pic{position: relative;width: 210px;height: 202px;overflow: hidden;}
.activity.good .good-img{width: 225px;height: 225px;border-radius: 120px;position: absolute;left: -30px;top: -39px;max-height: inherit!important;max-width: inherit!important;border: 4px solid rgba(0,0,0,.15);box-shadow: 2px 2px 4px rgba(0,0,0,.15);}
.activity.good .purchased{color: #007FFF;text-decoration: underline;margin-left: 10px;}
.activity.good .activity-info p.info-small{color: #000;}
.good .seller{width: 75%;background-color: rgba(255,255,255,.6);box-shadow: 0 0 18px rgba(0,0,0,.15);margin: 0 auto;padding: 5px 15px;font-size: 14px;color: #999;margin-top: 25px;}
.good .seller .emphasize{color: #000;margin-bottom: 10px;font-size: 16px;}
.apply-success-box{position: absolute;top: 50%;left: 50%;margin-top: -125px;margin-left: -125px;background-color: rgba(0,0,0,0.8);border-radius: 7px;display:none;}
.apply-success{width: 250px;height: 250px;text-align: center;vertical-align: middle;display: table-cell;color: #FFF;font-size: 1.4em;}
.apply-success .success{display: block;width: 60px;height: 45px;background: url(../images/success.png);margin: 0 auto;margin-bottom: 20px;}
.bg-layer{display: block;opacity: 1;background-color: transparent;}
.reason-box{width:80%; position: absolute;top: 50%;left: 50%;margin-top: -125px;margin-left: -140px;background-color: rgba(0,0,0,0.8);border-radius: 7px;z-index: 205;display:none;padding: 0 20px;}
.reason{text-align: center;vertical-align: middle;color: #000;font-size: 1.2em;height: 190px;}
.reason .reason-tip{font-size: 12px;margin:0;color: #FFF;margin-bottom: 20px;}
.reason .btn-group{margin: 15px auto;}
.reason .reason-input{resize:none;border: none;outline: none;font-size: 1em;margin:0 auto;display: inline-block;margin-top: 35px;width: 100%;}
.reason .btn-group .button.btn-confirm{margin-right: 10%;background-color: #0070FF;color: #FFF;}
.reason .btn-group .button{background-color: #FFF;border-radius: 20px;color: #000;padding: 4px 20px;}
.apply_list_tab_nav{margin: 0 auto;display: block;font-size: 0;text-align: center;text-decoration: none;}
.apply_list_tab_nav .nav-l,.apply_list_tab_nav .nav-r,.apply_list_tab_nav .nav-m{font-size: 14px;display: inline-block;padding: 5px 7px;color: #0070FF;}
.apply_list_tab_nav .nav-l{border: 1px solid #0070FF;border-bottom-left-radius: 18px;border-top-left-radius: 18px;border-right: none;}
.apply_list_tab_nav .nav-r{border: 1px solid #0070FF;border-bottom-right-radius: 18px;border-top-right-radius: 18px;}
.apply_list_tab_nav .nav-m{border: 1px solid #0070FF;border-right: none;}
.apply_list_tab_nav .nav-on{background-color: #0070FF;color: #FFF;}
.activity .btn-refuse{background-color: rgba(255,255,255,.6);border-radius: 100px;display: inline-block;padding: 4px 26px 2px;color: #000;text-decoration: none;box-shadow:0 0 4px 1px rgba(0,0,0,0.29);margin-bottom:7%;font-size: 0.8em}
#topLayerBox{display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 202;}
#topLayerBox .top-layer-hide{position: absolute;top: 0;right: 0;background: url(../images/layer-delete.png);display: block;width: 30px;height: 30px;z-index: 1020;cursor: pointer;}
.top-layer{display: block;position: absolute;border-radius: 8px;background-color: rgb(255,255,255);z-index: 1050;margin: 20px 20px 0 20px;box-shadow:0 0 2px 2px rgba(0,0,0,.15);}
.top-layer-show{-webkit-animation: fromBack 0.3s;
	-moz-animation: fromBack 0.3s;
	-ms-animation: fromBack 0.3s;
	animation: fromBack 0.3s;
}
.top-hide{-webkit-animation: fadeOut 0.3s;
	-moz-animation: fadeOut 0.3s;
	-ms-animation: fadeOut 0.3s;
	animation: fadeOut 0.3s;
	opacity: 0;}
.top-layer #topLayer{margin: 15px 20px 0;padding-bottom:15px;overflow: hidden;position: relative}
#topLayerContent{width: 100%;text-align: center;}
.top-layer h2{text-align: center;margin:0 0 10px 0;font-size: 1.8em;}
.top-layer .btn-link{display: inline-block;font-size: 1.2em;text-decoration: underline;color: #007FFF;}
.top-layer .from-group{width: 95%;margin: 0 auto;}
.top-layer .input{border: 1px rgb(200,200,200) solid;font-size: 1em;padding:2px  0 2px 5px;margin: 10px auto;width: inherit;display: block;height: 26px; -webkit-appearance: none;border-radius: 0;}
.top-layer .sex-box{text-align: left;}
.top-layer .btn-submit{color: #FFF;background-color: #555;border-radius: 20px;height: 36px;width:110px;display: block;line-height: 36px;text-align: center;box-shadow:1px 1px 3px rgba(107,107,107,0.65);text-decoration: none;margin:0 auto;}
.top-layer .submit-btn-room{padding:10px 0 20px;}
.top-layer .lab{margin-right: 10px;display: inline-block;}
.top-layer .text-center{text-align: center;}
.top-layer .person-list,.top-layer .apply-list{list-style: none;width: 100%; margin: 0;}
.top-layer .person-list li{margin-bottom: 16px;}
.top-layer .person-list li a{width: 100%;display: block;color: #555;}
.top-layer .pull-right{float: right;}
.top-layer .pull-left{float: left;}
.top-layer .text-right{text-align: right;}
.top-layer .sum{text-align: center;margin-bottom: 10px;}
.top-layer .text-center .btn-apply-number{text-decoration: underline;}
.top-layer .apply-list li:last-child{border-bottom:1px #ccc solid;}
.top-layer .apply-list li{border-top:1px #ccc solid;text-align: left;font-size: .9em;}
.top-layer .apply-list li.bn{border: none;}
.top-layer .apply-list li.bn:nth-child(2){border-top:1px #ccc solid;padding-top: 10px;}
.top-layer .apply-list li.mine{background-color: #DDD;padding:5px;margin-bottom: 20px;border:1px #C8C8C8 solid; }
.top-layer .apply-list li p{color: #999;  margin: 3px 0;line-height: 20px;}
.top-layer .apply-list li p.name{color: #000;}
.top-layer .apply-list li p.name .date{color: #999;}
.top-layer .apply-list .btn-group{background-color: #C8C8C8;text-align: center;padding: 0 8px;height: 36px;}
.top-layer .apply-list .btn-group a{color: #007FFF;line-height: 34px;display: inline-block;text-decoration: none;font-size: 1.2em;}
.top-layer .apply-list .checkin{color:#007FFF;}
.top-layer .apply-list .checkin .checkin-succ{margin-right: 10px;vertical-align: middle;margin-top: -6px;display: inline-block;}
#topLayerHeader .head{margin-top: 20px;}
.top-layer .apply-list p.info span{white-space: nowrap;}
@media screen and (max-height: 480px){
	.top-layer .input{margin: 4% auto !important;padding-left:10px;font-size: 1.2em;}
	.activity .btn-apply{margin-bottom: 1%;}
	.WeiShu section .book-name{font-size: 1.6em;line-height: 1.4em;}
}
@media screen and (min-height: 768px){
	.top-layer .input{margin: 4% auto !important;padding-left:10px;font-size: 1.2em;}
	
}
@-webkit-keyframes fromBack{
	0%{
		-webkit-transform: scale(0);
		opacity: 0;
	}
	100%{
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
@-moz-keyframes fromBack{
	0%{
		-moz-transform: scale(0);
		opacity: 0;
	}
	100%{
		-moz-transform: scale(1);
		opacity: 1;
	}
}
@keyframes fromBack{
	0%{
		transform: scale(0);
		opacity: 0;
	}
	100%{
		transform: scale(1);
		opacity: 1;
	}
}
@-webkit-keyframes fadeOut{
	0%{
		transform: scale(1);
		opacity: 1;
	}
	100%{
		transform: scale(0);
		opacity: 0;
	}
}
@-moz-keyframes fadeOut{
	0%{
		transform: scale(1);
		opacity: 1;
	}
	100%{
		transform: scale(0);
		opacity: 0;
	}
}
@keyframes fadeOut{
	0%{
		transform: scale(1);
		opacity: 1;
	}
	100%{
		transform: scale(0);
		opacity: 0;
	}
}

/* theme */
.theme-box{width:100%;height:100%;}
.section-overflow{overflow:hidden;height:auto!important;padding:30px;}/* overflow:hidden; */
.section-visible{overflow:visible;width:auto!important;height:auto!important;}
.longtext .section-overflow{overflow:visible!important;width:auto!important;height:auto!important;}

/* payment */
.payment-wrap{position: relative;width: 100%;height: 100%;text-align: center;}
.payment .payment-book-wrap{margin-bottom: 5%;}
.payment .payment-book-wrap .payment-book{border: 4px rgba(153,153,153,.25) solid;border-radius: 5px;width: 38%;height: 33%;margin-top: 5px;margin: 0 auto;position: relative;}
.payment .payment-book-wrap .payment-name{width: 100%;font-size: 1.4em;text-align: center;margin:2% auto;}
.payment .payment-book-wrap .payment-number{font-size: 1.2em;color: #007FFF;text-decoration: underline;}
.payment .payment-content{border-top:1px rgba(153,153,153,.4) solid; width: 90%;margin: 0 auto;padding-top: 6%;}
.payment .payment-content .btn-payment{display: inline-block; padding: 4px 30px;line-height:40px; background-color:transparent;border:3px rgb(217,0,0) solid;border-radius:4px;/*box-shadow:5px 3px 4px rgba(0,0,0,0.65);*/margin-bottom: 6%;color: #D80000;font-size: 1.4em;}
.payment .payment-content .btn-payment span{color: #D80000; font-size: 1.4em;margin-right:5px;float:left;}

#payment-head{text-align: center;}
#payment-head h1{font-size: 1.6em;line-height: 1.8em;}
#payment-head p{font-size: 1em;}
#payment-head .sum{margin-left: 20px;}

.payment-list{margin: 0 auto;border-top: 1px #999 solid;padding: 0 !important;display: block !important;}
.payment-list .pull-right{float: right;}
.payment-list li{border-bottom: 1px #999 solid;padding: 10px 3px 5px; list-style: none;}
.payment-list li p{font-size: .8em;line-height: 1.6em;color: #999;text-align: left;}
.payment-list li .name{color: #000;}
.payment-list li .info span{display: inline-block;}
.payment-list li .info span:after{content: '|';margin: 0 10px;}
.payment-list li .info span:last-child:after{content: "";margin:0;}
.payment-list li .date{color: #999;}
.payment-list.paid li:first-child{background-color: #ddd;border: 1px #C8C8C8 solid;}
.amount{color:#D80000;display: inline-block;margin-left: 10px;}
.at-once-payment{text-align: center;margin: 30px auto 30px;}
.btn-at-once{margin-left: 20px;color: #007FFF;text-decoration: underline;}
@-webkit-keyframes next-page-anim{
	0%{opacity:0;right:0;}
	50%{opacity:0;right:0;}
	95%{opacity:1;right:25px;}
	100%{opacity:0;right:25px;}
}
.next-icon{position:absolute;z-index:201;top:50%;right:0px;color:rgba(0,128,255,1);-webkit-animation:next-page-anim 3s ease-out infinite;font-size:16px;margin-top:-8px;line-height:1em;display:none;}

#topLayerContent .btn-pay-once{border:2px rgb(217,0,0) solid; border-radius:30px;height:20px;display:block;color:#000;font-size:1.2em;margin:0 auto;text-decoration: none;  text-align: center;padding:6px 20px;line-height:20px;margin-top: 20px;color: #D80000;}
#payBarcode>img{margin:0 auto;box-shadow: 0 0 4px 2px rgba(0,0,0,.15);text-align: center;}
.payment-tip{margin:10px 0;}
.btn-pay{display: block; padding: 4px 20px; margin: 20px auto; background-color: transparent; border: 2px rgb(217,0,0) solid; border-radius: 4px; color: #D80000; font-size: 1.4rem;max-width: 320px;}
.payment-detail{text-align: left;margin-top: 15px;}
.payment-detail div{padding: 5px 0;}

.process-hidden{}
.process-hidden .process-bar-room .process-bar .process-bar-point{background:#ccc;}
.process-hidden .process-bar-room{background:#e5e5e5;}
.process-bar-box.process-hidden .all-time, .process-bar-box.process-hidden .cur-time{color:#ccc;}


/* photo */
.photo-box{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;}
.photo-text-box{background-size:cover;background-position:center center;background-repeat:no-repeat;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.WeiShu section .photo-item img{max-width:none;max-height:none;text-align:center;position:absolute;}
.photo-item{position:absolute;top:0;left:0;background:#000;width:100%;height:100%;}
.photo-cover-name{position:absolute;top:50%;left:50%;width:250px;height:250px;margin:-125px 0 0 -125px;background:rgba(255,255,255,0.3);border-radius:8%;text-align:center;line-height:1.2;-webkit-transform-style: preserve-3d;}
/* 多行文本居中 */
.photo-cover-name .title-box{position: relative;top: 50%;-webkit-transform: translateY(-50%);}
.photo-cover-name-bg1, .photo-cover-name-bg2{
	width:377px;height:35px;background:url(../images/photo_bg.png) no-repeat;position:absolute;top:5px;left:0;margin-left:-63px;
	-webkit-transform:scale(0.6);
}
.photo-cover-name-bg2{background-position:0 -35px;bottom:2px;top:auto;}
.photo-cover-name p{margin:0 10px;}
.photo-cover-name p.title1{font-size:30px;line-height:44px;height:44px;overflow:hidden;}
.photo-cover-name p.title2{font-size:30px;line-height:44px;height:44px;overflow:hidden;}
.photo-cover-name p.title3{font-size:18px;line-height:44px;height:44px;overflow:hidden;}
.photo-cover-name p.title-end{font-size:30px;line-height:44px;max-height:132px;overflow:hidden;}
.photo-text{background:rgba(255,255,255,0.8);border-radius:15px;width:70%;max-height:60%;padding:40px 20px;position:absolute;z-index:2;}
.photo-text-cont{position:relative;overflow: hidden;}
.photo-text-cont h2{margin-bottom:10px;}
.photo-text-cont .photo-html{padding-bottom:10px;}
.photo-name{position:absolute;font-size:24px;line-height:1.3em;padding:20px 0;}
.photo-name .name{padding:0 20px;}
.photo-name-theme1{
	width:100%;bottom:15%;
	background-image:-webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.3), rgba(255,255,255,0.8));
}
.photo-name-theme1 .name{float:right;}
.photo-name-theme2{
	width:250px;text-align:center;margin-left:-125px;left:50%;border-radius:10px 10px 0 0;padding-bottom:40px;
	background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0.6), rgba(255,255,255,0.1), rgba(255,255,255,0));
}
.photo-name-theme3{
	top:0;left:0;width:100%;text-align:left;padding:22px 0;
	background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
}
.photo-name-theme3 .name{padding:0 30px;}
.photo-name-theme4{
	width:100%;bottom:15%;left:0;
	background-image:-webkit-linear-gradient(left, rgba(255,255,255,0.8), rgba(255,255,255,0.3), rgba(255,255,255,0));
}
.photo-name-theme4 .name{float:left;}
/* photo-animation */
	/* transition */
	.photo-text-box.anim{-webkit-transition: -webkit-transform 20s ease-out;}
	.WeiShu section .photo-item img.anim{-webkit-transition: -webkit-filter 1s ease-out 1s, -webkit-transform 20s ease-out, left 10s linear, top 10s linear;}
	.photo-cover-name.anim{-webkit-transition: opacity 0.5s ease-in-out 1.5s;}
	.photo-cover-name-bg1.anim, .photo-cover-name-bg2.anim{-webkit-transition: opacity 0.5s ease-in-out 2.5s;}
	.photo-cover-name p.anim{-webkit-transition: opacity 0.5s ease-in-out 3.5s;}
	.photo-text.anim{-webkit-transition: opacity 1s ease-in-out 1.5s;}
	.photo-name.anim{-webkit-transition: all 0.5s ease-in-out 1.5s;}
	.photo-name .name.anim{-webkit-transition: all 0.5s ease-in-out 2.2s;}
	/* transform */
	.photo-name{opacity:0;}
	.photo-name .name{opacity:0;}
	.photo-name.theme{opacity:1;}
	.photo-name .name.show{opacity:1;}
	/* name theme1 */
	.photo-name-theme1{right:30px;}
	.photo-name-theme1.theme{right:0;}
	.photo-name-theme1 .name{margin-right:20px;}
	.photo-name-theme1 .name.show{margin-right:0;}
	/* name theme2 */
	.photo-name-theme2{bottom:12%;}
	.photo-name-theme2.theme{bottom:15%;}
	/* name theme3 */
	.photo-name-theme3{top:-30px;}
	.photo-name-theme3.theme{top:0;}
	/* name theme4 */
	.photo-name-theme4{left:30px;}
	.photo-name-theme4.theme{left:0;}
	.photo-name-theme4 .name{margin-left:20px;}
	.photo-name-theme4 .name.show{margin-left:0;}

	/* zoom */
	.zoom-in{ -webkit-transform: scale(1.3); }
	.photo-full .zoom-in{ -webkit-transform: scale(1); }
	.zoom-out{ -webkit-transform: scale(1); }

	.zoom-in.zoom{ -webkit-transform: scale(1); }
	.photo-full .zoom-in.zoom{ -webkit-transform: scale(0.8); }
	.zoom-out.zoom{	-webkit-transform: scale(1.3); }
	/* opacity */
	.opacity-show{opacity:1;}
	.opacity-hide{opacity:0;}
	.opacity-show.opacity{opacity:0;}
	.opacity-hide.opacity{opacity:1;}
	/* blur */
	.blur-in{ -webkit-filter: blur(0px); }
	.blur-out{ -webkit-filter: blur(5px); }
	.blur-in.blur{-webkit-filter: blur(5px);}
	.blur-out.blur{-webkit-filter: blur(0px);}
	/* position */


/*receipt*/
/*.receipt-box{position: relative;width: 100%;height: 100%;}
.receipt-box .receipt-header{text-align: center;margin-bottom: 20%;}
.receipt-box .receipt-header .name{font-size: 1.2em;margin-bottom: 5px;}
.receipt-box .receipt-header .success{color: #0080FF;font-size: 1.2em;margin-left: 12%;}
.receipt-box .receipt-header .success .icon-success{background: url(../images/i-success.png) no-repeat; width: 28px;height: 28px;display: inline-block;margin-right: 5px;vertical-align: sub;}
.receipt-box .receipt-header .success .time{color: #999;font-size: .7em;margin-left: 5px;}
.receipt-box .info{margin-left: 6%;}
.receipt-box .info .title{margin-left: -14px;}
.receipt-box .info.reg-info .title{color: #00B200;}
.receipt-box .info.activity-info .title{color: #FF7F00;}
.receipt-box .info .title:before{content: ' · ';font-weight: 700;}
.receipt-box .info span{margin-right: 10px;display: inline-block;}
.receipt-box .info.activity-info{padding-top: 20px;border-top:1px solid #C8C8C8;margin-top: 10px;}
.receipt-box .save{background-color: rgb(84,84,84);padding: 4px 10px; border-radius: 20px;color: #fff;position: fixed;font-size: 1em;}*/

.regist-info{width: 100%;font-size: 16px;display:block !important;margin-top: 20px;}
.regist-info .title{margin-bottom: 20px;text-align: center;color: #0080FF;}
.regist-info .regist-info-list{list-style: none;margin: 0;padding: 0 15px;width: 100%;}
.regist-info .regist-info-list li{margin-bottom: 15px;}
.regist-info .regist-info-list li .input{display: block; width: 100%; padding: 6px; font-size: 16px; line-height: 1.2; color: #555; vertical-align: middle; background-color: transparent; background-image: none; background-color: #FFF; border: 1px solid #ccc; border-radius: 0; -webkit-appearance: none; }
.regist-info .regist-info-list li .input::-webkit-outer-spin-button,
.regist-info .regist-info-list li .input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}
.regist-info *,.regist-info :after,.regist-info :before {-webkit-box-sizing: border-box; box-sizing: border-box; }
.regist-info .regist-info-list li.submit-btn-room{text-align: center;}
.regist-info .regist-info-list .btn-submit{color: #FFF; background-color: #555; border-radius: 20px; padding: 6px 30px; display: inline-block; text-align: center; box-shadow: 1px 1px 3px rgba(107,107,107,0.65); text-decoration: none; margin: 0 auto;}


/* comment-box */
.comment-box{background:#fff;width:100%;height:100%;position: absolute;top:0;left:0;}
.comment-box h2{font-size: 20px;padding-top: 15px!important;}
.comment-box .iconfont{font-size: 24px;margin-right: 5px;}
.comment-box .comment-title{float:left;font-size: 16px;}
.comment-box .comment-title .iconfont{font-size: 20px;}
.comment-box .comment-pingjia{text-align: center;font-size: 14px;margin:16px 10px 0 0;float:right;}
.comment-box .comment-pingjia span{float:left;}
.comment-box .comment-pingjia .iconfont{font-size: 12px;margin:0;color: #FF8100;margin-top: 1px}
.comment-box .comment-pingjia .label{margin-right: 3px;}
.comment-box .comment-tool-form{margin:10px 15px;clear: both;padding-top: 4px;}
.comment-tool-form .cf-ipt{line-height: 20px;padding:8px 5%;border:1px #ccc solid;border-radius:5px;width:90%;background:none;}
.star-select li{float:left;}
.star-select ul{list-style:none;margin-left:-2px;padding-left: 0;}
.cfi-room{margin-top:2px;overflow:hidden;clear: both;}
.cfi-room .btn{float:right;background:#0080FF;color:#fff;padding:5px 12px 5px;border-radius:3px;margin-top:5px;border:none;}
.cfi-room .iconfont{color:#FF8100;margin-right: 2px;cursor:pointer;}
.comment-list-box{border-top:1px #C8C8C8 solid;margin-top: -10px;font-size: 0.9em;}
.comment-list-box ul{list-style:none;padding-bottom: 20px;padding-left: 0;}
.comment-list-box li{margin:15px 15px 0;clear: both;}
.comment-list{overflow: hidden;}
.comment-list .comment-writer{float:left;width:50px;text-align: left;font-size:12px;}
.comment-list .comment-writer .name{color:#0080FF;max-height: 28px;overflow: hidden;line-height: 1.2;}
.comment-list .comment-writer .time{color:#999;}
.comment-list .comment-cont{margin-left:60px;background: #F8F8F8;border:1px #ddd solid;border-radius: 5px;padding:8px 6px 8px 10px;line-height: 1.2;position: relative;}
.comment-list .comment-cont p{line-height:1.4;}
.comment-list .comment-cont .star-list{overflow: hidden;color:#FF8100;margin-left: -3px;}
.comment-list .comment-cont .star-list .iconfont{font-size: 12px;margin:0;float:left;}
.comment-list .comment-cont .arr-l{width:0px;height:0;position:absolute;top:8px;left:-16px;border-width:8px;border-color:transparent #ddd transparent transparent;border-style:dashed solid dashed dashed;}
.comment-list .comment-cont .arr-l-c{width:0px;height:0;position:absolute;top:-7px;left:-5px;border-width:7px;border-color:transparent #F8F8F8 transparent transparent;border-style:dashed solid dashed dashed;}
.comment-list-box .no-comment{text-align: center;color:#999;margin-top: 50px;line-height: 1.8;}

.zan-comment-bar{height:28px;line-height: 28px;position: absolute;right: 10px;top: 10px;z-index: 2;color:#fff;font-size:10px;overflow: hidden;display: none;background:rgba(0,0,0,0.6);padding:0 3px;}
.zan-comment-bar .zcb-zan, .zan-comment-bar .zcb-count, .zan-comment-bar .zcb-comment{float: left;padding:0 5px;cursor:pointer;}
.zan-comment-bar .zcb-zan{}
.zan-comment-bar .zcb-comment{}
.zan-comment-bar .zcb-comment .star-room{color:#FF8100;margin-left:3px;}
.zan-comment-bar .iconfont{font-size: 10px;}

#zan_anim{width:100px;height:100px;position: absolute;z-index: 999;top: 50%;left: 50%;margin:-50px 0 0 -50px;background:rgba(0,0,0,0.6);border-radius: 5px;color: #fff;display: none;}
#zan_anim .iconfont{width: 100%;font-size: 40px;text-align: center;display: block;padding-top: 10px;}
#zan_anim .count-num{width: 100%;font-size: 24px;text-align: center;display: block;}
@-webkit-keyframes zan_show {
	0% {
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		opacity:1
	}
	100% {
		-webkit-transform:translate3d(0,-100%,0);
		transform:translate3d(0,-100%,0);
		opacity:0;
	}
}
@keyframes zan_show {
	0% {
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		opacity:1
	}
	100% {
		-webkit-transform:translate3d(0,-100%,0);
		transform:translate3d(0,-100%,0);
		opacity:0;
	}
}
#zan_anim{
	animation:zan_show 0.5s ease-out 0.4s 1 both;
	-webkit-animation:zan_show 0.5s ease-out 0.4s 1 both;
}

/* weishu-answer-list */
.weishu-answer-list{}
.weishu-answer-list h1{text-align: center;font-size: 20px;font-weight: 400;padding:10px 0 5px;}
.weishu-answer-list .answer-info{font-size: 12px;text-align: center;}
.weishu-answer-list .answer-info span{margin:0 3px;}
.answer-list{width:100%;font-size: 12px;line-height: 1.6;margin-top: 15px;color:#555;}
.answer-list th{background:#eee;border-top: 1px #c8c8c8 solid;}
.answer-list th, .answer-list td{text-align: center;padding: 4px 0;}
.answer-list td{color: #333;border-bottom: 1px #ececec solid;}
.answer-list .l{text-align:left;padding:0 10px;}
.answer-list .r{text-align:right;padding:0 10px;}
.answer-list .icon-error{color:#f00;}
.answer-list .icon-right{color:#5fb75f;font-size:20px;line-height: 16px;margin-right: -1px;}

/* disable-tip */
.disable-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index: 999;}
.disable-tip{text-align:center;background:rgba(0,0,0,.8);border-radius: 5px;line-height:1.5;margin:0 30px;width:-webkit-calc(100% - 100px);position: absolute;top:50%;margin-top:-50px;left:0;z-index: 99999;color:#fff;padding:10px 20px;}
.disable-tip h3{font-weight:400;margin:5px 0;}

/* vote-content */
.vote-content{position: relative;top:50%;margin:0 auto;background: rgba(255,255,255,1); border-radius: 12px;width: 85%;height: 86%;overflow: hidden;font-size: 12px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
 }
.vote-content .title{background:#7a7e9e;color:#fff;padding:8px 10px 5px;}
.vote-content .title .right{float: right;font-size: 14px;}
.vote-content .title h3{font-size: 18px;font-weight: 400;}
.vote-cont{margin:0 15px;color:#2793ff;padding:12px 0 10px;border-bottom: 1px #ddd solid;}
.vote-result{height:50px;position: absolute;bottom: 0;left: 0;width: 100%;background: #fff;text-align: center;z-index: 2;}
.vote-result .vote-btn-box{width: 100%;}
.vote-result .vote-btn{height:24px;line-height: 24px;padding:0 25px;border-radius: 12px;color:#fff;background: #7a7e9e;display:inline-block;margin-top:13px;}
.vote-result .result{font-size: 12px;margin-top:8px;-webkit-transform:scale(0.9);}
.vote-list{overflow: hidden;position: relative;}
.vote-list ul{padding:0 15px 20px;}
.vote-list li{list-style: none;margin-top:10px;vertical-align: top;}
.vote-list .count{float: right;margin-top:6px;text-align: right;display:none;color:#999;}
.vote-list .vote-list-item{padding:5px 10px;background:#eee;border-radius: 8px;overflow:hidden;position:relative;border:1px #fff solid;}
.vote-list .vote-list-item.cur{border:1px #555 solid;}
.vote-list .vote-list-item .vote-li-cont{z-index:2;position: relative;}
.vote-list .vote-list-item .vote-list-item-bg{position: absolute;top:0;left:0;height:100%;width:0%;z-index: 0;}
.Js_d_votelist{color:#fff;margin-left:5px;}
.vote-list2{padding-top:14px;font-size:12px;}
.vote-list2 li{padding:8px 0;border-bottom:1px #eee solid;overflow:hidden;}
.vote-list2 span{display:inline-block;}
.vote-list2 .num-index{float:left;width:20px;margin-right:5px;text-align:right;}
.vote-list2 .name{width:120px;text-align:left;float:left;overflow:hidden;}
.vote-list2 .count{width:45px;float:left;color:#888;text-align:center;}
.vote-list2 .vote{width:50px;text-align:right;float:right;color:red;}
.vote-bg1{background-color:#bfe9ff;}
.vote-bg2{background-color:#c7ffbf;}
.vote-bg3{background-color:#d9bfff;}
.vote-bg4{background-color:#ffcdbf;}
.vote-bg5{background-color:#ffe9bf;}
.vote-bg6{background-color:#bfbfff;}
.vote-bg7{background-color:#bffeff;}
.vote-bg8{background-color:#fff8bf;}
.vote-bg9{background-color:#f2ffbf;}
.vote-content .vote-cont{
	animation:fadeInUp 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s 1 both;
	-webkit-animation:fadeInUp 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s 1 both;
}
.vote-list li:nth-child(0){
	animation:flipInH 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s 1 both;
	-webkit-animation:flipInH 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s 1 both;
}
.vote-list li:nth-child(1){
	animation:flipInH 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0.2s 1 both;
	-webkit-animation:flipInH 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0.2s 1 both;
}
.vote-list li:nth-child(2){
	animation:flipInH 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0.4s 1 both;
	-webkit-animation:flipInH 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0.4s 1 both;
}
.vote-list li:nth-child(3){
	animation:flipInH 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0.6s 1 both;
	-webkit-animation:flipInH 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0.6s 1 both;
}
.vote-list li:nth-child(4){
	animation:flipInH 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0.8s 1 both;
	-webkit-animation:flipInH 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0.8s 1 both;
}
.vote-list li:nth-child(5){
	animation:flipInH 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 1s 1 both;
	-webkit-animation:flipInH 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 1s 1 both;
}
.vote-list li:nth-child(6){
	animation:flipInH 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 1.2s 1 both;
	-webkit-animation:flipInH 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 1.2s 1 both;
}
.vote-list li:nth-child(7){
	animation:flipInH 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 1.4s 1 both;
	-webkit-animation:flipInH 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 1.4s 1 both;
}
.vote-list li:nth-child(8){
	animation:flipInH 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 1.6s 1 both;
	-webkit-animation:flipInH 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 1.6s 1 both;
}

/* svg page */
.svgContent{
	position: absolute;top: 0;left: 0;width:100%;height:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.svgObject{
	width:640px;height:1006px;
	transform-origin:0 0;-webkit-transform-origin:0 0;
	transform:scale(0.5);-webkit-transform:scale(0.5);
	position:absolute;top:0;left:0;z-index: 0;
}
.svgObject svg{
	width: 640px;height:1006px;
}
.svgRoom, .svgMask{position:absolute;top:0;left:0;width:100%;height:100%;}
.svgRoom{overflow: hidden;}


.vote-f-btn-box{margin-left:69px;position:relative;margin-top: 50px;width:180px;height:180px;border-radius: 50%;}
.vote-f-btn-box .vote-btn-before-line{position:absolute;top:-75px;left:50%;height:75px;width:1px;background:#fff;overflow: hidden;}
.vote-f-btn-box .vote-f-btn-border{position:absolute;top:15px;left:15px;width:150px;height:150px;background:#fff;border-radius: 50%;
	box-shadow: 0 0 10px #333;
	z-index: 99;
}
.vote-f-btn-box .vote-btn-border-dashed{border:1px #fff dashed;width:180px;height:180px;border-radius: 50%;position: absolute;top: 0;left: 0;}
.vote-f-btn-box .vote-f-btn{cursor:pointer;text-shadow:0 0 1px #888;text-align:center;line-height:140px;color:#fff;font-size:1.2em;background:#73dcff;width:140px;height:140px;border-radius: 50%;position:absolute;top:5px;left:5px;}
.vote-before-page h3.title{font-size: 1.2em;color:#fff;font-weight: 400;text-align: center;margin:20px 0 5px;}
.vote-before-page h4.tip{font-size: 0.8em;color:#fff;font-weight: 400;text-align: center;}
.vote-before-page .vote-num{margin:10px 20px 0;border-top: 1px #fff solid;color:#fff;}
.vote-before-page .vote-num .title{line-height:1.6em;font-size:1em;text-align: center;margin-top:5px;}
.vote-top-list li{list-style: none;}
.WeiShu .vote-top-list{padding-left: 0;margin-top: 5px;}
.vote-top-list .num{
	box-shadow: 2px 2px 2px #888;font-size: 0.8em;
	width:16px;height:16px;margin-right:5px;margin-top:4px;text-align: center;line-height: 15px;border-radius: 50%;background: red;color: #fff;float: left;}
.vote-before-page .vote-top-list .title{width:155px;float: left;text-align: left;margin-top:0;}
.vote-top-list .p{float: left;width: 30px;}
.vote-top-list .count{float: right;width:70px;text-align: right;}
.vote-top-list li{overflow: hidden;}

.vote-f-btn-box{
	animation:fadeInDown 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s 1 both;
	-webkit-animation:fadeInDown 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s 1 both;
}
.vote-f-btn-box .vote-btn-border-dashed{
	animation:rotateIn 16s linear 0s infinite both;
	-webkit-animation:rotateIn 16s linear 0s infinite both;
}
.vote-f-btn-box .vote-f-btn-border{
	animation:flipInX 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 1s 1 both;
	-webkit-animation:flipInX 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 1s 1 both;
}
.vote-f-btn-box .vote-f-btn{
	animation:flipInY 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 2s 1 both;
	-webkit-animation:flipInY 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 2s 1 both;
}
.vote-before-page h3.title{
	animation:fadeInUp 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 2.5s 1 both;
	-webkit-animation:fadeInUp 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 2.5s 1 both;
}
.vote-before-page h4.tip{
	animation:fadeInUp 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 3s 1 both;
	-webkit-animation:fadeInUp 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 3s 1 both;
}
.vote-num{
	animation:fadeInUp 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 3.5s 1 both;
	-webkit-animation:fadeInUp 1s cubic-bezier(0.26, 0.86, 0.44, 0.985) 3.5s 1 both;
}

.menu-title h2{font-size: 1.2em;line-height:40px;border-bottom: 1px #fff dashed;margin:0;text-align: right;margin:0 20px;color:#fff;}
.WeiShu .menu-in-slider{display: block;width:100%;;padding:0;background:none;top:50px;overflow: hidden;}
.menu-section{background:url(../images/menu_bg.jpg) no-repeat;}

/* sell-page */
.sell-page{background:#fff;}
.sell-book .book{float:left;margin-right:15px;}
.sell-book .book-info{text-align: left;}
.sell-book .book-info h2{font-size: 1em;line-height: 1.4;font-weight: bold;text-align: left;height:44px;padding-bottom: 10px;overflow: hidden;}
.sell-book .book-info p{line-height: 1.4;font-size: 0.8em;}
.sell-company-list{clear:both;margin-top:25px;padding-top: 20px;border-top: 1px #ddd solid;}
.sell-company-list ul{padding:0;}
.sell-company-list li{list-style: none;clear:both;line-height: 30px;overflow: hidden;padding:5px 0;}
.sell-company-list .sell-company-logo{float:left;}
.sell-company-list .sell-company-logo img{margin:0;float:left;}
.sell-company-list .buy-link{float:right;color: #007FFF;font-size: 0.8em;font-weight:bold;}
.sell-company-list .sell-price{float:left;margin-left:30px;color:#B5333B;font-weight:bold;}

/* cd */
.cd-page{width:100%;height:100%;background:#F0F0F0;padding-top:15px;}
.cd-page h2{margin:0!important;padding:10px 0 0;}
.cd-tool-room{text-align: center;padding:10px 0;}
.cd-tool-room .cd-prev-btn, .cd-tool-room .cd-next-btn{width:47px;height:43px;display:inline-block;-webkit-transform:scale(0.65i);transform:scale(0.65);vertical-align: middle;}
.cd-tool-room .cd-prev-btn{background:url(../images/cd-prev.png) no-repeat;}
.cd-tool-room .cd-next-btn{background:url(../images/cd-next.png) no-repeat;}
.cd-tool-room .cd-play-btn{width:50px;height:50px;border-radius: 50%;margin:0 15px;background:#f0f0f0;border:1px #acacac solid;display: inline-block;text-align: center; vertical-align: middle;}
.cd-tool-room .cd-play-btn i{color:#9f9f9f;float:left;font-size: 18px;margin:15px 0 0 17px;}
.cd-page .cd-img-room{text-align: center;min-height:260px;position:relative;margin-top:15px;}
.cd-page .cd-text-room{margin-top:15px;padding:0 30px;overflow:hidden;}
.cd-page .cd-img-room img{width:200px;height:200px;position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px;}
.cd-page .cd-img-room img.rotate{
	animation:rotateIn 10s linear infinite 0ms both;
	-webkit-animation:rotateIn 10s linear infinite 0ms both;
}
.cd-tool .process-bar-box{padding:0 36px;}
.cd-tool .process-bar-room{height:1px;background:#888;top:16px;}
.cd-tool .process-bar-room .process-bar-cont{height:2px;background:#7c0000;}
.cd-tool .process-bar-room .process-bar .process-bar-point{width:12px;height:12px;background:#e4e4e4;box-shadow:0 0 1px #ccc;right:-12px;top:-5px;}
.cd-tool .process-bar-room .process-bar .process-bar-point i{width:4px;height:4px;border-radius: 50%;background:#7c0000;position: absolute;top:4px;left:4px;}
.cd-tool .cur-time, .cd-tool .all-time{font-weight: bold;color:#7d7d7d;}

/* teacher-controller-tool */
.teacher-controller-tool{
	position: absolute;top:50%;left:50%;margin:-72px 0 0 -135px;z-index:203;width:240px;background:rgba(0,0,0,0.9);color:#fff;padding:8px 15px 15px;border-radius: 5px;
	transition:all 0.6s;
	-webkit-transition:all 0.6s;
}
.teacher-controller-tool p{text-align:justify; text-justify:inter-ideograph;}
.teacher-controller-tool .tool-btn{padding-top: 10px;margin-top:10px;border-top:1px #fff solid;text-align: center;}
.teacher-controller-tool .tool-btn a.btn{display:inline-block;padding:5px 10px;background:#007CFF;border-radius:10px;color:#fff;font-size:0.8em;margin:0 5px;}
.teacher-controller-tool .tool-btn a.btn.red{background:red;}
.teacher-controller-tool.hide{
	top:90%;left:20px;opacity:0;display:block;
	transform:scale(0);
	-webkit-transform:scale(0);
}