/* reset */
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,input,select,textarea,button { font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
img { max-width: 100%; height: auto;  -ms-interpolation-mode: bicubic; border: 0 ;}
ul { padding-left: 0; list-style-type: none;}
i, em { font-style: normal;}
big { font-size: 1.3em;}
small { font-size: 0.77em;}
a { text-decoration: none; outline: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
input, select, textarea{outline: 0;font-family: inherit;font-size:100%;}
input[type='checkbox'], input[type='radio'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto;}
input[type='search'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield;}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none;}
input[type='file'] { display: block;}
input[type='range'] { display: block; width: 100%;}
select[multiple], select[size] { height: auto;}
input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus {
    outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
fieldset { min-width: 0; margin: 0; padding: 0; border: 0;}
legend { font-size: 1.3em; line-height: 2.5; display: block; width: 100%; margin-bottom: 20px;
    padding: 0; color: #333; border: 0; border-bottom: 1px solid #e5e5e5;}
table { border-spacing: 0; border-collapse: collapse;background-color: transparent;}
td, th { padding: 0;}
body{-webkit-text-size-adjust: none;text-size-adjust: none;
    overflow-x:hidden;margin-left: auto;margin-right: auto;
    user-select:  none;-webkit-user-select:  none;position: relative;}

/*kkk*/
img{display: block;width: 100%;}
a{display: block;}
/* 閫氱敤 */
.wrap{width: 1240px;margin: 0 auto;}
a{color:inherit;}
/*宸ュ叿*/
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.l { float: left;}
.r { float: right;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.pr { position: relative;}
.pa { position: absolute;}
.tr { text-align: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.el2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.el3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.el4 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.hide { display: none;}
.hidetext { font: 0/0 a; letter-spacing: -9px;}
.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}
.opc0 { opacity: 0 ; filter: alpha(opacity=0);}

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff2') format('woff2'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont#iconfont') format('svg');
}
.icon{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

/* init */
@-ms-viewport { width:device-width; }
@media only screen and (min-device-width:800px) { 
	html { overflow:hidden; }
 }
html { height:100%; }
body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.pano{width: 100%;height: 100%;}

/* plus */
.logo{top: 30px;left: 30px;z-index: 10;width: 173px;height: 54px;font-size: 0;background: url(../images/logo.png) no-repeat center/100% auto;}
.logo a{width: 100%;height: 100%;}

.btns a.sm{width: 30px;height: 30px;margin-bottom: 10px;}
.btns_rt{top: 30px;right: 30px;z-index: 10;}
.full_screen{background: url(../images/icon_fullscreen.png) no-repeat center/100% 100%;}
.rotate_control{background: url(../images/icon_rotate_off.png) no-repeat center/100% 100%;}
.rotate_control.on{background: url(../images/icon_rotate_on.png) no-repeat center/100% 100%;}

.shadow{bottom: 0;left: 0;z-index: 5;width: 100%;height: 100px;background: url(../images/shadow.png) repeat-x center/auto 100%;}

.btns a.zm{width: 50px;line-height: 22px;margin-right: 20px;font-size: 12px;color: #fff;text-align: center;white-space: nowrap;}
.btns_lb{bottom: 10px;left: 30px;z-index: 10;}
.btns_rb{bottom: 10px;right: 30px;z-index: 10;}
.btns_lb i,
.btns_rb i{box-sizing: border-box;display: block;width: 40px;height: 40px;margin: 0 auto;border-radius: 50%;}

a.zm.vr_info i{background: url(../images/icon_vrinfo.png) no-repeat center/100% 100%;}
a.zm.share_page i{background: url(../images/icon_sharepage.png) no-repeat center/100% 100%;}
a.zm.more_scene i{background: url(../images/icon_scene.png) no-repeat center/100% 100%;}
a.zm.back_start i{background: url(../images/icon_agent.png) no-repeat center/100% 100%;}
a.zm.jb_index i{background: url(../images/icon_ask.png) no-repeat center/100% 100%;}

.btns.btns_rb a.zm{margin-right: 0;margin-left: 20px;}

.thumbs{bottom: 95px;left: 0;width: 100%;height: 141px;background: rgba(0,0,0,.3);font-size: 12px;color: #fff;text-align: center;overflow: hidden;transition: all ease .3s;}
.thumbs.off{height: 0;}
.thumbs .item{float: left;box-sizing: border-box;width: 120px;height: 90px;margin: 5px 5px;border: 2px solid #3e3e3e;background-size: 100% auto;background-position: center;cursor: pointer;}
.thumbs .item p{box-sizing: border-box;bottom: 0;left: 0;width: 100%;line-height: 18px;padding: 3px 5px;background-color: rgba(0,0,0,.5);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.thumbs .item.act{border-color: #fff;}
.thumbs .item .glance_over{display: none;}
.thumbs .item.done .glance_over{top: 5px;right: 5px;display: block;width: 16px;height: 16px;background: url(../images/icon_yes.png) no-repeat center/100%;}
.thumbs .in{width: 100%;height: 100px;}
.thumbs .ti_box{display: flex;justify-content: center;width: 100%;height: 100%;}
.thumbs .ti_box.hide{display: none;}
.thumbs .thumbs_nav{display: flex;justify-content: center;width: 100%;height: 40px;border-top: 1px solid rgba(255, 255, 255, .5);}
.thumbs .thumbs_nav .tn_item{width: 120px;height: 24px;line-height: 24px;margin: 8px 5px;font-size: 14px;color: #999;text-align: center;background: rgba(0,0,0,.3);border-radius: 12px;}
.thumbs .thumbs_nav .tn_item.on{color: #333;background: #fff;}

.thumb_up,
.mobile_dz{position: relative;}

.popup{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 100%;background: rgba(0,0,0,.65);}

.popup .close_pop{top: 20px;right: 20px;width: 32px;height: 32px;background: url(../images/icon_close.png) no-repeat center/100% 100%;}
.popup .popup_tit{line-height: 32px;padding: 20px 0 15px;border-bottom: 1px dashed #aaa;font-size: 18px;color: #333;text-align: center;}
.popup .line{border-top: 2px solid #aaa;margin-top: 5px;}
.popup.share_page_pop .in{top: 50%;left: 50%;z-index: 10;box-sizing: border-box;width: 500px;height: 420px;padding: 0 20px;margin: -210px 0 0 -250px;background: #fff;}
.popup.share_page_pop .in_m{display: none;}
.popup.share_page_pop .ewm_box{box-sizing: border-box;width: 100%;height: 345px;padding: 15px 0 25px;}
.popup.share_page_pop .ewm_box img{display: block;width: 295px;height: 295px;margin: 0 auto;}

.popup.info_page_pop .in{top: 50%;left: 50%;z-index: 10;box-sizing: border-box;width: 800px;height: 420px;padding: 0 20px;margin: -210px 0 0 -400px;background: #fff;}
.popup.info_page_pop .info_box{height: 300px;line-height: 30px;margin: 15px 0 30px;font-size: 16px;color: #333;text-indent: 2em; overflow-y: auto;}

.popup.hotspot .in{top: 50%;left: 50%;z-index: 10;box-sizing: border-box;width: 800px;height: 420px;padding: 0 20px;margin: -210px 0 0 -400px;background: #fff;}
.popup.hotspot .info_box{height: 300px;line-height: 30px;margin: 15px 0 30px;font-size: 16px;color: #333;text-indent: 2em;}
.popup.hotspot .info_box img{display: block;width: 60%;height: auto;margin: 10px auto;}

.thumbs .arr_left,
.thumbs .arr_right{display: none;}

.popup.share_page_pop .ewm_pbox,
.popup.share_page_pop .link_pbox{width: 50%;height: 260px;text-align: center;}
.popup.share_page_pop .ewm_box{width: 200px;height: 200px;padding: 0;margin: 15px auto;}
.popup.share_page_pop .ewm_box img{width: 100%;height: 100%;margin: 0 auto;}
.popup.share_page_pop .input_box{width: 220px;height: 50px;margin: 70px auto 15px;border: 1px solid #e1e1e1;border-radius: 6px;overflow: hidden;}
.popup.share_page_pop .input_box input{display: block;box-sizing: border-box;width: 100%;height: 100%;line-height: 50px;padding: 0 15px;border: none;}
.popup.share_page_pop .copy_link{width: 160px;line-height: 40px;border: 1px solid #e1e1e1;margin: 0 auto;border-radius: 6px;transition: all ease .2s;}
.popup.share_page_pop .copy_link:hover{background: #e1e1e1;}

.popup.share_page_pop .items{width: 100%;margin-top: 10px;}
.popup.share_page_pop .items .share_item{width: 33.33%;}
.popup.share_page_pop .items .share_item a{display: block;width: 100%;padding-top: 40px;text-align: center;}
.popup.share_page_pop .share_item.share_qq a{background: url(../images/icon_share_qq.svg) no-repeat center top/40px 40px;}
.popup.share_page_pop .share_item.share_zone a{background: url(../images/icon_share_zone.svg) no-repeat center top/40px 40px;}
.popup.share_page_pop .share_item.share_vb a{background: url(../images/icon_share_vb.svg) no-repeat center top/40px 40px;}


@media only screen and (max-width:750px) {
	
	html{font-size: 13.3333vw;}
	.logo{top: .3rem;left: .3rem;width: 3rem;height: .94rem;}
	.btns_rt{top: .3rem;right: .3rem;}
	.btns a.sm{width: .6rem;height: .6rem;margin-bottom: .2rem;}
	
	.thumbs{bottom: 1.9rem;height: 2.4rem;overflow-x: scroll;}
	.thumbs .in{display: block;clear: both;width: 100%;height: 1.6rem;overflow-x: scroll;}

	.thumbs .ti_box{display: block;overflow: hidden;}
	.thumbs .ti_box:nth-of-type(1){width: 7.6rem;}
	.thumbs .ti_box:nth-of-type(2){width: 100%;}

	.thumbs .item{float: left;width: 1.4rem;height: 1.4rem;margin: .1rem 0 .1rem .1rem;font-size: .22rem;}
	
	.thumbs .thumbs_nav .tn_item{width: 1.3rem;height: .5rem;line-height: .5rem;margin: .15rem .1rem;font-size: .26rem;border-radius: .3rem;}
	
	.heartimg {width: .5rem;height: .5rem;}
	.shadow{height: 1.5rem;}
	
	.btns_lb{bottom: .2rem;left: 0;width: 50%;}
	.btns a.zm{width: 33%;margin-right: 0;line-height: .5rem;}
	.btns_lb i{width: .8rem;height: .8rem;line-height: .8rem;font-size: .36rem;}

	.btns_rb{bottom: .2rem;right: 0;width: 40%;}
	.btns_rb i{width: .8rem;height: .8rem;line-height: .8rem;font-size: .36rem;}
	.btns.btns_rb a.zm{margin-right: 0;margin-left: 0;}

	.popup.info_page_pop .in{top: 45%;width: 6.9rem;height: 8rem;padding: 0 .2rem;margin: -4rem 0 0 -3.45rem;}
	.popup.hotspot .in{top: 45%;width: 6.9rem;height: 8rem;padding: 0 .2rem;margin: -4rem 0 0 -3.45rem;}
	.popup .close_pop{top: .3rem;right: .3rem;width: .4rem;height: .4rem;}
	.popup .popup_tit{line-height: .4rem;padding: .3rem 0 .2rem;font-size: .32rem;}
	.popup.info_page_pop .info_box{height: 6rem;line-height: .45rem;margin: .3rem 0 .6rem;font-size: .3rem;overflow-y: scroll;}
	.popup.hotspot .info_box{height: 6rem;line-height: .45rem;margin: .3rem 0 .6rem;font-size: .3rem;}

	.popup.share_page_pop .in{display: none;}
	.popup.share_page_pop .in_m{display: block;top: 45%;left: 0%;width: 100%;margin: -4.255rem 0 0 0;}
	.popup.share_page_pop .in_m .img_box{width: 6.53rem;margin: 0 auto .3rem;}
	.popup.share_page_pop .in_m .tip_m{width: 100%;line-height: 1rem;font-size: .26rem;color: #fff;text-align: center;}
	.popup.share_page_pop .in_m .close_pop{right: 0.785rem;}

	.thumbs .arr_left,
	.thumbs .arr_right{top: 0;z-index: 10;width: .5rem;height: 1.6rem;}
	.thumbs .arr_left{left: 0;background: url(../images/icon_arr_left.png) no-repeat center/100% 100%;}
	.thumbs .arr_right{right: 0;background: url(../images/icon_arr_right.png) no-repeat center/100% 100%;}
	
}