@charset "utf-8";
/* CSS Document */
* { margin:0px;	padding:0px;}
body{ font-family:"微软雅黑"; background: #f4f4f4; font-size:12px; color:#333; line-height:24px;}
ul li,li{ list-style-type:none;}
a{ text-decoration:none; color:#333;}
em{ font-style:normal;}
a:hover{ color:#ed6b20;}
img{ border: 0; vertical-align: middle;}
.fl { float:left;}
.fr { float:right;}
.clearfix{ clear:both;}
input{ border:none;}
.padingtop30{ padding-top:30px}
i{ font-style:normal;}
.row{width:1200px; margin:0px auto;}
.row01{width:1220px; margin:0px auto;}
.row02{width:1320px; margin:0px auto;}
.m10 { margin-top:10px;}
.m20 { margin-top:20px;}
.h100 { height: 100px; }


/*webtop*/
.webtop { width: 100%; float: left; height: 60px; background: #FFF; border-bottom: 3px solid #ff9218; position: fixed; z-index: 9; padding: 20px 0;}
.webtop .wlogo { width: 26%; float: left;}
.webtop .wnav { width: 59%; float: left;}
.webtop .wss { width: 5%; float: right; }
.webtop .wap { width: 10%; float:left; margin-top: 18px;}
.webtop .wap a { width: 100%; display:block; background: url(../images/wap.png) 40px 3px no-repeat; text-align: right; font-size: 18px;-webkit-transition: background 0.3s cubic-bezier(0.17, 0.67, 0.88, 1.25);transition: background 0.3s cubic-bezier(0.17, 0.67, 0.88, 1.25);-moz-transition: background 0.3s cubic-bezier(0.17, 0.67, 0.88, 1.25);-o-transition: background 0.3s cubic-bezier(0.17, 0.67, 0.88, 1.25);}
.webtop .wap a:hover { background: url(../images/wap.png) 40px -27px no-repeat; /* animation:fadeInUp 1s;-webkit-animation:fadeInUp 1s;-moz-animation:fadeInUp 1s;*/}

/*webnav*/
.navbox { width: 100%; float: left; font-size: 18px; color: #333; text-align: right; }
.navbox ul { float: left; width: 14.2%; line-height: 60px; }
.erweibox { width:130px; height:150px; float:left; margin-top: 23px; margin-left:10px; background: #FFF; box-shadow: 0px 0px 20px #CCC; animation:fadeIn 1s;-webkit-animation:fadeIn 1s;-moz-animation:fadeIn 1s; text-align:center;}
.erweibox img { width: 120px; }

/*banner*/
.banner{width:100%; min-width:1200px; margin:0 auto; position:relative; height:480px; z-index:0; }
.fullSlide{width:100%;position:relative;height:480px;background:transparent;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:480px;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat;}
.fullSlide .bd li a{display:block;height:480px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;}
.fullSlide .hd ul{text-align:center;margin-bottom:10px;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:5px;overflow:hidden; background:#ffffff; text-indent:9999px; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.fullSlide .hd ul .on{background:#ed6b20;}
.banner-btn{position:absolute;top:42%; width:100%;}
.banner-btn a{display:block;width:50px !important;height:50px;position:absolute;top:0;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;}
.banner-btn a.prev{left:20px;background:url(../images/prev.png) no-repeat;}
.banner-btn a.next{right:20px;background:url(../images/next.png) no-repeat;}

.n-banner{ height:360px; width:100%;}
.n-banner span{ height:360px; display:block;}


/*小冰播报*/
.huodongbt { width:9%; float:left; height:20px; line-height:20px; margin:10px 0; font-size:16px; color:#ed6b20; border-right:1px solid #ed6b20;}
.huodongbt span { font-size:18px; margin-right:8px;}
.scrollDiv { width:90%; float:left; height:20px; line-height:20px; margin:10px 0; overflow:hidden;}
.scrollDiv li { width:33%; float:left; height:40px; padding:0 15px; box-sizing:border-box;}
.scrollDiv li a { color:#999;}
.scrollDiv li a:hover { color:#F60;}

/*周边短线*/
.webtit01 { width:100%; float:left; background:url(../images/titbg1.jpg) center no-repeat; font-size:30px; text-align:center;margin-top:50px;}
.webtit01 p { margin-top: 9px; }
.webtit01 em { font-size: 16px; color: #999;}
.webtit01.wutu { background:none;}
.webtit01.sel { background:url(../images/titbg2.jpg) center no-repeat;}
.webtit02 { width:100%; float:left; font-size:16px; color:#666; text-align:center; margin:20px 0;}
.slideTxtBox2 { width:100%; float:left; height:780px; margin-top:15px;}
.slideTxtBox2 .hd{ width:100%; float:left; height:65px; line-height:34px; position:relative;}
.slideTxtBox2 .hd ul{ float:left; position:absolute; left:440px; top:-1px; overflow:hidden; font-size:14px;}
.slideTxtBox2 .hd ul li{ float:left; padding:0 20px; cursor:pointer; background:#999; border-radius:8px; margin:8px; color:#FFF; position:relative;}
.slideTxtBox2 .hd ul li span { position:absolute; top:-10px; right:-10px; padding:0 5px; font-size:10px; font-family:Arial; height:18px; line-height:18px; background:#F00; color:#FFF;}
.slideTxtBox2 .hd ul li.on{ background:#ed6b20;}
.slideTxtBox2 .bd ul{ zoom:1;}

.tu386 { width: 386px; float: left; margin:10px;}
.tu386 .con { width:100%;height:256px;float:left;margin-right:15px;margin-bottom:15px;position:relative;overflow:hidden;cursor:pointer;}
.tu386 .con img { width: 100%; height: 256px;}
.tu386 .con .txt{ width:100%;height:40px;background:rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/ background: url(../images/fancybox_overlay.png); position:absolute;left:0;bottom:0;color:#fff;}
.tu386 .con .txt h3{font-size:16px;font-weight:100;height:40px;text-align:center;line-height:40px;}
.tu386 .ldbox { width: 100%; float: left;}
.tu386 .ldbox dd { width: 20%; float: left;}
.tu386 .ldbox dd.wz { width: 60%; float: left; font-size: 18px; margin-top: 6px;}
.tu386 .ldbox dd.wz p { font-size: 14px; color: #999; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.tu386 .ldbox .tx img { width: 60px; height: 60px; border-radius: 100px;}
.tu386 .ldbox .bm img { float: right; margin-top: 13px;}


/* 长线精品 */
.tu285 { width: 285px; float: left; margin:10px; font-size: 14px;}
.tu285 img { width: 100%; }
.tu285 .bt { font-size: 18px; margin-top: 9px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.tu285 .sj { width: 80%; float: left; color: #999; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.tu285 .more { float: right; color: #038fdf;}


/* 领队图片 本例子css */
.tuanduibg { width:100%; float:left; background:#ecf2ff; padding:10px 0; margin:30px 0;}
.picScroll-left11 { width:100%; float:left; overflow:hidden; position:relative;}
.picScroll-left11 .hd{ overflow:hidden; width:35px; float:left; height:70px; margin-top:150px; cursor:pointer;}
.picScroll-left11 .hd ul li.on{ background-position:0 0;}
.picScroll-left11 .bd{ width:1210px; float:left; padding:10px; margin-right:20px;}
.picScroll-left11 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left11 .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}

.ld276 { width: 270px; float: left; margin: 25px 10px; position: relative; height: 330px;}
.ld276 .ldtx { width: 100%; text-align: center; position: absolute; z-index: 1;}
.ld276 .ldtx img { width: 100px; height: 100px; border-radius: 100px;}
.ld276 .ldbox { width: 100%; float: left; background: rgba(255,255,255,0.5); background: #FFF; box-shadow: 0px 0px 10px #DDD; border-radius: 10px; padding: 70px 0 40px 0; text-align: center; position: absolute; top: 50px; font-size: 14px; line-height: 200%;}
.ld276 .ldbox .bt { font-size: 18px;}
.ld276 .ldbox img { width: 120px; margin-top: 19px;}


/* 冰岩故事 */
.envior_img { width:285px;}
.envior_img img { width:100%; height: 189px;}
.boeder-img { overflow:hidden;}
.boeder-img img { transition:.9s; -moz-transition:.9s; -webkit-transition:.9s; -o-transition:.9s;}
.boeder-img a:hover img { transform:scale(1.2); -webkit-transform:scale(1.2); z-index:1;}

.envior_img2 { width:793px;}
.envior_img2 img { width:100%; height: 356px;}

.aboutnav { width: 390px;}
.aboutnav ul { width: 100%; float:left; background:url(../images/qb44.jpg) no-repeat; line-height:30px; padding:0 14px; box-sizing: border-box; margin-bottom: 30px;}
.aboutnav ul.m0 { margin-bottom: 0;}
.aboutnav ul h2 { float: left; font-weight: normal;}
.aboutnav ul a { float: right; font-size: 13px;}
.aboutnav .con { width: 100%; float: left; background: #ecf2ff; font-size: 14px; margin: 18px 0; padding: 15px 0; box-sizing: border-box;}
.aboutnav .con p { width: 100%; float: left; background: url(../images/qb5.jpg) no-repeat; text-indent: 2em; padding-right: 30px; box-sizing: border-box;}
.aboutnav .con p a { display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.aboutnav .con p a:hover { background: url(../images/qb6.jpg) no-repeat; color: #038fdf;}


.ggbox { width: 100%; float: left;}
.ggbox dd { width: 390px; float: left; margin:15px 8px;}
.ggbox dd img { width: 100%; height: 168px;}
.ggbox dd a:hover { animation:flipInX 1s;-webkit-animation:flipInX 1s;-moz-animation:flipInX 1s;}

/* main_img */
.main_img { width: 793px; height: 356px; overflow:hidden; position: relative;}
.main_img img { width: 793px; /*height: 356px;*/ overflow-x: hidden; overflow-y: hidden; position: relative; z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.main_img .show { width:793px; height:356px; background: rgba(0, 0, 0, 0.4); top: 0; left: 0; opacity: 0; position: absolute; z-index: 2;
	filter:alpha(opacity=0);
	transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;    
}
.main_img .show .imgArea { left: 45%; opacity: 0; bottom:0; margin:-15px 0px 0px -40px; position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main_img .show .imgArea a{ color:rgba(255,255,255, 0.8); display:block; padding:15px 40px; border:rgba(255,255,255, 0.6) 1px solid; border-radius:8px; font-size: 16px;}
.main_img .show .imgArea a:hover{ background: rgba(255,255,255, 0.7); color:rgba(0,0,0, 0.6);}
.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.main_img:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}


/**/
.kehubox { width: 100%; float: left; margin-top: 20px;}
.kehubox dd { width: 230px; float: left; border: 1px solid #DDD; margin: 6px;}
.kehubox dd img { width: 100%; height: 80px;}


/* 底部信息区 */
.webfoot { width: 100%; float: left; border-top: 3px solid #ff9218; margin-top: 20px; padding: 20px 0; font-size: 14px;}
.webfoot .foot { text-align: center; line-height: 200%; }



/*联合的大学*/
.webtit03 { width:1200px; float:left; border-bottom:1px solid #CCC; margin:20px 10px; text-align:right; line-height:4em;}
.webtit03 .bt { font-size:22px; float:left; text-align:left;}
.webtit03 .bt i { border-bottom:3px solid #ed6b20; padding:8px 0;}
.customer_lists li { width:20%; float:left; text-align:center;}
.customer_lists li img{ width:100%; height:100%; max-height:85px; max-width:230px; vertical-align:middle;}
.customer_lists li .lists{ display:block; height:80px; background:#fff;border: 1px solid #ddd; margin:10px; line-height:67px; overflow:hidden; position:relative;}
.customer_lists li .lists .mask{ position:absolute; left:0; right:0; bottom:0;background-color:rgba(0,0,0,0.7);*background-color:#000; height:0; }
.customer_lists li .lists .mask .con{ width:100%; height:100%; line-height:80px; color:#fff; position:relative;}
.customer_lists li .lists .mask .con h4{ font-size:16px; margin:20px 0 5px 0; overflow:hidden; height:1.4em;}
.customer_lists li .lists .mask .con .icon_see{ display:inline-block; width:18px; height:18px; background:url(../images/icons.png) 0 -120px no-repeat; vertical-align:middle; margin:0 10px 0 0;}
.customer_lists li .lists .mask .con .br_more{ color:#CCC;}
.customer_lists.sel li { width:16.66%; float:left; text-align:center;}
.customer_lists.sel02 li { width:25%; float:left; text-align:center;}
.customer_lists.sel02  li .lists{ height:75px;}



/*  页码：分页样式开始  */
.spacer{clear:both;font-size:0px;line-height:0px;height:0px;float:none;margin:0px;padding:0px;}
DIV.content_page { padding:15px 5px 5px 5px; text-align:center; margin:5px; font-family:"宋体"; font-size:12px;}
DIV.content_page A { border:1px solid #CCC; background:#FFF; padding:8px 11px; color:#666; margin-right:8px; text-decoration:none;}
DIV.content_page A:hover { border:1px solid #038fdf; background:#038fdf; color:#FFF;}
DIV.content_page SPAN { border:1px solid #038fdf; padding:8px 11px; background:#038fdf; color:#FFF; font-weight:bold; margin-right:8px;}
/*  页码：分页样式结束  */



/* 列表页 */
.w850 { width: 860px; margin-top: 30px;}
.w320 { width: 320px; margin-top: 30px;}

.webtit04 { width: 98%; float: left; border-bottom: 1px solid #DDD; height: 3em; line-height: 3em; overflow:hidden; padding-bottom: 9px; margin-right: 2%;}
.webtit04 h2 { float: left; border-bottom: 3px solid #038fdf/*ff9218*/; font-size: 20px; padding: 0 9px 6px 0px;}
.webtit04 .wz { width: 80%; float: right; text-align: right; font-size: 14px;}
.webtit06 { width: 100%; float: left; height: 2em; line-height: 2em; overflow:hidden; font-size: 14px;}

.webtit05 { width: 100%; float: left; border-bottom: 1px solid #DDD; height: 3em; line-height: 3em; overflow:hidden; padding-bottom: 9px;}
.webtit05 h2 { float: left; border-bottom: 3px solid #038fdf/*ff9218*/; font-size: 20px; padding: 0 9px 6px 0px;}
.webtit05 .wz { float: right; text-align: right; font-size: 14px;}

.p_tu386 { width: 408px; float: left; margin-top: 20px; border: 1px solid #DDD; margin-right: 20px;}
.bobao { width: 100%; float: left; margin: 10px 0; font-size: 14px;}
.bobao dd { height: 2.4em; line-height: 2.4em; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.bobao dd b { margin-right: 6px;}

.ggbox2 { width: 100%; float: left;}
.ggbox2 dd { margin-bottom: 15px;}
.ggbox2 img { width: 100%; }

.hdtu850 { width: 100%; float: left; height: 400px; overflow:hidden; margin-top: 9px;}
.hdtu850 img { width: 100%;}

.bdcededed { border: 1px solid #ededed;}
.hdbox1 { width: 100%; float: left; background: #FFF; border: 1px solid #e6e6e6; padding: 20px 30px; box-sizing: border-box; font-size: 15px; line-height: 200%;}
.hdbox1 .con01 { width: 70%;}
.hdbox1 .con01 .bt { font-size: 18px; margin-bottom: 15px; font-weight: bold;}
.hdbox1 .con01 .nd { color: #038fdf;}
.hdbox1 .con01 .bb { margin-left: 9px; background: #038fdf/*ff9218*/; color: #fff; border-radius: 9px; padding: 0 6px;}
.hdbox1 .con02 { width: 30%; text-align: right; line-height: 220%;}
.hdbox1 .con02 b { color: #ff9218; font-size: 20px;}

.but01 { float: right; background: #ff9218; color: #FFF; padding: 0 60px; height: 3em; line-height: 3em; margin-top: 10px;}
:hover.but01 { background: #FF6600; color: #FFF;}

.hdbox2 { width: 100%; float: left; background:#FFF; border: 1px solid #e6e6e6; padding: 20px 30px; box-sizing: border-box; margin-top: 20px;}
.hdbox2 .bt { font-size: 18px; margin-bottom: 9px; padding-bottom: 9px; border-bottom: 1px solid #DDD;}
.hdbox2 .bt em { font-size: 16px; color: #999; margin-left: 9px;}


.w890 { width: 900px; margin-top: 30px;}
.w280 { width: 280px; margin-top: 30px;}

.ldbox2 { width: 100%; float: left; background:#FFF; border: 1px solid #e6e6e6; padding-bottom: 24px; text-align: center; margin-top: 38px; font-size: 14px; color: #999;}
.ldbox2 .tb img { width: 60px; }
.ldbox2 .tx { margin: 15px 0;}
.ldbox2 .tx img { width: 100px; height: 100px; border-radius: 100px;}
.ldbox2 .bt { font-size: 18px; color: #038fdf; margin-bottom: 5px;}


/* 已参与的人 */
.sign_hiker_img { display: inline-block; /*width: 10%;*/ text-align: center; overflow: hidden; position: relative; margin: 10px 10px 0;
    border-bottom-left-radius: 50%;
    -o-border-bottom-left-radius: 50%;
    -ms-border-bottom-left-radius: 50%;
    -moz-border-bottom-left-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    -o-border-bottom-right-radius: 50%;
    -ms-border-bottom-right-radius: 50%;
    -moz-border-bottom-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
}
.txbox { width:82px; float:left; padding:5px;}
.img-circle  { border-radius:50%}
.text-center { text-align:center}
.signUpNames { margin-left: -10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.logo-num_a { position: absolute; z-index: 1; bottom: 0; text-align: center; background-color:rgba(0,0,0,0.4); width: 100%; color: #fff; font-size: 10px; left: 0; right: 0; width: 50px; background-image: url("images/sign_img_mask.png"); background-size: 100% 100%;}

.leader-tag { position: absolute;z-index: 1;right: 0; top: 5px; background: #038fdf; color: #FFF; border-radius: 9px; padding: 0 5px; height: 15px; line-height: 15px; border: 1px solid #FFF;}
.leader-tag img { height: 20px; width: 20px; vertical-align: top;}


.hdbox3 { width: 100%; float: left; background:#FFF; border: 1px solid #e6e6e6; margin-top: 20px;}


/*弹框样式1*/
.cd-popup { width: 100%; height: 100%; position:fixed; left:0; top:0; opacity: 0; background-color: rgba(0, 0, 0, 0.5); visibility: hidden; z-index:9999; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container { width:400px; height:450px; position: relative; margin:250px auto; background: #FFF; text-align: center;
    border-radius: .4rem .4rem .4rem .4rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-container .cd-buttons { font-size: 18px;}
.cd-popup-container .cd-buttons img { width: 300px; margin: 50px 0 10px 0; }

.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.is-visible .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}






/*tab四块切换*/
#yx1outer {width:100%;}
#yx1tab {overflow:hidden;zoom:1; margin:10px 0; font-size:18px;}
#yx1tab ol { width:25%; float:left; height:40px; line-height:40px; cursor:pointer; text-align:center; border-bottom:1px solid #EEE;}
#yx1tab ol.yx1current { color:#fc7622; border-bottom:1px solid #fc7622;}
#yx1con ol { display:none; font-size:14px; line-height:2em; padding: 20px 30px; box-sizing: border-box;}
#yx1con ol img { max-width:100%;}
.center { text-align:center;}

/*往期评价*/
.pingbox { width:100%; float:left;}
.ping01 { width:32%; float:left; border:1px solid #DDD;}
.ping01 dl { width:100%; float:left; text-align:center;}
.ping01 .bt { font-size:14px; line-height:30px; border-bottom:1px solid #DDD;}
.ping01 .fs { font-size:18px; color:#999;}
.ping01 .rs { color:#999; margin:5px 0;}
.ping01 .xx { margin:15px 0 15px 90px; background:url(../images/x01.png) repeat-x; height:16px; max-width:80px;}
.xxtu { float:left; background:url(../images/x02.png) repeat-x; cursor:pointer; height:16px; max-width:80px;}
.xxtu.sel1 { background-position:center -47px;}
.xxtu.sel2 { background-position:center 3px;}

.ping02 { width:65%; float:right;}
.ping02 .fenzhi { width:100%; float:left;}
.ping02 .fenzhi .wz { width:15%; float:left; color:#999; text-align:center;}
.ping02 .fenzhi .fs { width:70%; float:left; background:#999; height:5px; margin-top:10px; position:relative;}
.ping02 .fenzhi .fs i { float:left; background:#e9e9e9; height:5px; position:absolute; top:0; display:block;}
.ping02 .fenzhi .fs i.cs { background:#fc7622;}

.pingtit { width:100%; float:left; margin:20px 0; color:#fc7622; border-bottom:1px solid #EEE;}
.pinglist { width:100%; float:left; border-bottom:1px solid #EEE; margin:10px 0; padding-bottom:20px;}
.pinglist .tu { width:20%; float:left; text-align:center;}
.pinglist .tu img { width:70px; height:70px; border-radius:100px;}
.pinglist .nr { width:78%; float:right; color:#333;}
.pinglist .nr dd { width:100%; float:left;}
.pinglist .nr dd p { height:1em; line-height:1em; overflow:hidden; margin-top:5px;}

.pinglist .nr .xxx { background:url(../images/x01.png) repeat-x; height:16px; float:left; max-width:80px; min-width:80px;}
.xxxtu { float:left; background:url(../images/x02.png) repeat-x; cursor:pointer; height:16px; max-width:80px;}

.xxxtu.sel1 { background-position:center -36px;}
.xxxtu.sel2 { background-position:center 0px;}
.huizi { color:#999;}

/*加载更多评论*/
.hidden01 { display:none;}
.lanren { width:100%; height:auto; overflow:hidden; text-align:left; background:#fff; padding:0 5px; box-sizing:border-box;}
.lanren.sel { padding:0;}
.lanren ul.list { overflow:hidden;}
.lanren ul.list li { width:100%; float:left; position:relative;}

.lanren .more { width:100%; float:left; padding:5px; box-sizing:border-box; text-align:center; line-height:3rem; font-style:italic;}
.lanren .more a { width:100%; float:left; border:1px solid #CCC; color:#fc7622; border-radius:5px;}
.lanren .more a:hover { background:#fc7622; border:1px solid #fc7622; color:#FFF;}

.lanren.sel li:after{ content: ""; display: block; position: absolute; left: -50%; width: 200%; height: 1px; background: #ddd; -webkit-transform:scale(0.5); }



.hdtit01 { color: #038fdf; font-size: 16px;}
.hdtit02 { margin-top: 9px;}
.hdtit02 em { background: #038fdf; color: #FFF; padding: 4px 9px;}
.xcbox { width: 100%; float: left; padding: 0 30px; box-sizing: border-box; background: url(../images/qb8.jpg) 10px repeat-y; margin-bottom: 20px;}
.xcbox .xcbt1 { position: relative; font-size: 16px; font-weight:bold; padding: 9px 0;}
.xcbox .xcbt1 i { position: absolute; left: -27px; top: -1px;}
.xcbox .xcimg { margin-top: 5px;}
.xcbox .xcimg img { width: 22px; margin-right: 20px;}


.list01 { width: 98%; float: left; margin-right: 2%; padding: 20px 0; border-bottom: 1px solid #DDD;}
.list01 .tu { width: 230px; float: left;}
.list01 .tu img { width: 210px; height: 140px;}
.list01 .nr { width: 600px; float: left; text-align: justify;}
.list01 .nr .bt { font-size: 18px; color: #333; margin: 9px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.list01 .nr .jj { height: 70px; overflow: hidden; color: #999; margin: 5px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.cz { color: #ed6b20;}
.list01 .nr .con { font-size:14px; color:#999; height:70px; overflow:hidden; line-height:200%;}
.list01 .nr .con i { width:240px; float:left;}
.list01 .nr .con i img { width:15px; margin-right:6px;}
.cz { color: #ed6b20;}

:hover.list01 { background: #FFF;}


/*游记详情页*/
.pagebox1 { width:100%; float:left; margin:0; padding:40px; box-sizing:border-box; font-size:14px; line-height:2.4em; margin: 10px 0;}
.pagebox1 p { text-indent:2em; margin-bottom:10px;}
.pagebox1 p.center { width:100%; float:left; text-align:center; text-indent:inherit;}
.pagebox1 p.center img { max-width:720px; overflow:hidden;}
.pagebox1 img { max-width: 100%; } 
.pagebt { width:100%; float:left; font-size:28px; margin:10px 0; line-height:35px; text-align:center;}
.pagexx { width:100%; float:left; background:#eee; border:1px solid #DDD; text-align:center; line-height:40px; color:#666; margin:20px 0; font-size:12px;}
.pagenr { width:100%; float:left; color:#666;}
.pagenr p { text-indent:2em;}
.pagenr img{
max-width:730px;
}
.fengye { width:100%; float:left; border-top:1px dashed #DDD; margin:50px 0; padding-top:20px; font-size:12px; color:#038fdf;}
.fengye a { color:#999;}
.fengye a:hover { color:#038fdf;}


.subnav {width: 320px; padding-bottom: 7px; text-transform:uppercase;}
.subnav li {*overflow: hidden; *zoom: 1;}
.subnav li a {position: relative; display: block; width: 320px; height: 48px; margin-bottom: 8px; text-align: right; color: #038fdf; font: bold 14px/48px "Microsoft Yahei", "Hiragino Sans GB", "sans-serif"; border-top: 1px dashed #038fdf; border-bottom: 1px dashed #038fdf; /*z-index: 50;*/}
.subnav li a span {display: block; padding-right: 13px;}
.subnav li a.cur, .subnav li a:hover {height: 50px; margin-left: -11px; padding-left: 11px; color: #fff; line-height: 50px; border: none; text-decoration: none; background: url(../images/ico_arrow.gif) no-repeat 0 center;}
.subnav li a.cur span, .subnav li a:hover span {background: #038fdf;}
.video-js{
width:100%;
height:100%;
}