@-ms-viewport{width: device-width;}
@media only screen and (min-device-width: 800px){html{overflow:hidden;} }
html{height:100%;}
a:link{text-decoration: none;color: #FFF;}
a:visited{text-decoration: none;color: #FFF;}
a:hover{text-decoration: none;color: #FFF;}
ul{margin: 0px;padding: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;list-style-type: none;}
#box{overflow: visible;position: absolute;z-index: 99;right: 10px;top: 50px;width:108px;}
#box ul {float: right;}
#box ul li{height:38px;max-width:100px;margin-top: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;color: #FFF;background-image: url(/pano/work/images/functionmemubg.png);line-height: 38px;text-align: center;font-size: 12px;font-weight: bold;padding-right: 8px;padding-left: 8px;overflow: hidden;}
#box ul a .huang{color: #FF0;}
#box ul a .ipad{background-image: none;margin-top: 10px;}
#jx_box{display:none;position: absolute;z-index: 999;width:800px;height:500px;top:50%;left:50%;margin-left:-400px;color: #000;-moz-border-radius: 8px;-webkit-border-radius: 8px;-moz-box-shadow: 0px 0px 10px #000;-webkit-box-shadow: 0px 0px 10px #000;box-shadow: 0px 0px 10px #000;/* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');margin-top: -280px;background-image: url(/templates/default/images/bg_90.png);border: 1px solid #000;}
#jx_box_content{margin-top: 10px;margin-right: 20px;margin-bottom: 10px;margin-left: 20px; padding-bottom:80px;}
#jx_box_content img{max-width:100%; margin: auto;}
#jx_box_close{background-image:url(/pano/work/images/close.png);background-size:53px 53px;position: absolute;right:0px;height:53px;width:53px;cursor:pointer;top: 0px;z-index: 9999;}
.jx_box_close{background-image:url(/pano/work/images/close.png);background-size:53px 53px;position: absolute;right:0px;height:53px;width:53px;cursor:pointer;top: 0px;z-index: 9999;}
#wrapper{position:relative;z-index:9999;overflow:auto;height: 480px;margin-top: 10px;width: 100%;}
/*浮动客服样式*/
.main-im{position:fixed; right: 10px; top:230px; z-index: 99999999; width: 110px; height: 145px;}
.main-im .qq-a{display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative;}
.main-im .qq-a span{bottom: 5px; position: absolute; width: 90px; left: 10px;}
.main-im .qq-hover-c{width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9;}
.main-im .qq-container{z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(/templates/default/member/images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width: 70px; left: 1px; top: 8px; position: absolute;}
.main-im .im_main{background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel{color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num{font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover{background: #fafafa;}
.main-im .im_main .weixing-container{width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(/templates/default/member/images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute;}
.main-im .im_main .weixing-show .weixing-ma{width: 104px; height: 103px; padding-left: 5px; padding-top: 5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center; font-size:12px;}
.main-im .im_main .go-top{width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(/templates/default/member/images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display: block; width: 52px; height: 47px;}
.main-im .close-im{position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px;}
.main-im .close-im a{display: block; width: 24px; height: 24px; background: url(/templates/default/member/images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration: none;}
.main-im .open-im{cursor: pointer; margin-left: 68px; width: 40px; height: 145px; background: url(/templates/default/member/images/open_im.png) no-repeat left top;}
.main-im .open-qrcode{cursor: pointer; margin-left: 68px; width: 40px; height: 145px; background: url(/templates/default/member/images/open_qrcode.png) no-repeat left top;}
.caozuoshipin{position:fixed; right: 12px; top:380px; z-index: 99; width: 40px; height: 150px; background: url(/templates/default/member/images/caozuo.jpg) no-repeat left top;}
.baocuntishi{height: 81px; width: 170px; position: absolute; left: 557px; top: 13px; z-index: 2;}
.ditutishi{height: 81px; width: 170px; position: absolute; left: 750px; top: 0px; z-index: 2;}

.qrerwei{width: 95px; float: right; background-repeat: no-repeat;filter: alpha(opacity=80);-moz-opacity: 0.80; opacity: 0.80; border-radius: 5px; font-size: 12px;text-align: center; line-height: 20px;background: #fff; color: #000;}

/**分享列表**/
body[browser="pc"] #shareButton_weixin:hover , body[browser="mobile"] #shareButton_weixin:active{color:#000; background-color:rgba(253,217,0,1);}
#shareButton{position:fixed; left:0px; bottom:165px; height:30px; width:50px; color:#fff; font-size:12px; text-align:center; line-height:42px; padding-top:12px; background-position:center top; box-shadow:rgba(0,0,0,0.60) 1px 1px 6px 0px; background-image:url(../../../images/bg_share.png); background-repeat:no-repeat; background-size:45px; background-position:1px -7px; background-color:rgba(0,0,0,0.80); transition:all 0.3s; -webkit-transition:all 0.3s; z-index: 9999999999999999999999;}
#shareButtonWrapper,#shareButtonWrapper[open="false"]{position: absolute; left: 100px; bottom: -180px;height:220px; line-height: 42px;opacity:0; display:inline; visibility:hidden; transform-origin:bottom center; -webkit-transform-origin:left center; transform:scaleX(0); -webkit-transform:scaleX(0); transition:opacity 0.3s , transform 0.3s; -webkit-transition:opacity 0.3s , -webkit-transform 0.3s; z-index: 999999999;}
#shareButtonWrapper[open="true"]{opacity:1; visibility:visible; transform:scaleX(1); -webkit-transform:scaleX(1);}
#shareButton_weibo{position:absolute; right:0px; bottom:0px; height:30px; width:50px; color:#fff; font-size:12px; text-align:center; line-height:42px; padding-top:12px; background-position:center top; box-shadow:rgba(0,0,0,0.60) 1px 1px 6px 0px; background-image:url(../../../images/bg_weibo.png); background-repeat:no-repeat; background-size:45px; background-position:1px -7px; background-color:rgba(0,0,0,0.80); transition:all 0.3s; -webkit-transition:all 0.3s;}
body[browser="pc"] #shareButton_weibo:hover , body[browser="mobile"] #shareButton_weibo:active{color:#000; background-color:rgba(253,217,0,1);}
#shareButton_qzone{position:absolute; right:51px; bottom:0px; height:30px; width:50px; color:#fff; font-size:12px; text-align:center; line-height:42px; padding-top:12px; background-position:center top; box-shadow:rgba(0,0,0,0.60) 1px 1px 6px 0px; background-image:url(../../../images/bg_qzone.png); background-repeat:no-repeat; background-size:45px; background-position:1px -7px; background-color:rgba(0,0,0,0.80); color:#fff; transition:all 0.3s; -webkit-transition:all 0.3s;}
body[browser="pc"] #shareButton_qzone:hover , body[browser="mobile"] #shareButton_qzone:active{color:#000; background-color:rgba(253,217,0,1);}
#shareButton_renren{position:absolute; right:102px; bottom:0px; height:30px; width:50px; color:#fff; font-size:12px; text-align:center; line-height:42px; padding-top:12px; background-position:center top; box-shadow:rgba(0,0,0,0.60) 1px 1px 6px 0px; background-image:url(../../../images/bg_renren.png); background-repeat:no-repeat; background-size:45px; background-position:1px -7px; background-color:rgba(0,0,0,0.80); transition:all 0.3s; -webkit-transition:all 0.3s;}
body[browser="pc"] #shareButton_renren:hover , body[browser="mobile"] #shareButton_renren:active{color:#000; background-color:rgba(253,217,0,1);}
#shareButton_weixin{position:absolute; right:153px; bottom:0px; height:30px; width:50px; color:#fff; font-size:12px; text-align:center; line-height:42px; padding-top:12px; background-position:center top; box-shadow:rgba(0,0,0,0.60) 1px 1px 6px 0px; background-image:url(../../../images/bg_weixin.png); background-repeat:no-repeat; background-size:45px; background-position:1px -7px; background-color:rgba(0,0,0,0.80); transition:all 0.3s; -webkit-transition:all 0.3s;}
#productCenter{position:fixed; left:0px; bottom:120px; height:30px; width:50px; color:#fff; font-size:12px; text-align:center; line-height:42px; padding-top:12px; background-position:center top; box-shadow:rgba(0,0,0,0.60) 1px 1px 6px 0px; background-image:url(../../../images/productIcon.png); background-repeat:no-repeat; background-size:45px; background-position:1px -7px; background-color:rgba(0,0,0,0.80); transition:all 0.3s; -webkit-transition:all 0.3s; z-index: 9999999999999999999999;}
.icon-share-2{ background: url("../img/share.png"); width: 24px; height: 24px;}
/* 产品菜单样式*/
.top_bar{position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif;}
.top_menu{display:-webkit-box;border-top: 1px solid #3D3D46;display: block;width: 100%;background: rgba(255, 255, 255, 0.7);height: 40px;display: -webkit-box;display: box;margin:0;padding:0;-webkit-box-orient: horizontal;background: -webkit-gradient(linear, 0 0, 0 100%, from(#697077), to(#3F434E), color-stop(60%, #464A53));box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;}
.top_bar .top_menu>li{-webkit-box-flex:1; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.5))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0.15))); ; -webkit-background-size:1px 100%, 1px 100%; background-size:1px 100%, 1px 100%; background-position: 1px center, 2px center; background-repeat: no-repeat; position:relative; text-align:center;}
.top_menu>li:first-child{background:none;}
.top_bar .top_menu>li>a{line-height:40px; display:block; text-align:center; color:#d5d5d5; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.6); -webkit-box-flex:1;}
.top_bar .top_menu li a label{padding:0; font-size:14px; overflow:hidden;}
.top_bar .top_menu>li>a img{display: inline-block; margin-top:-2px; color: #fff; line-height: 40px; vertical-align:middle;}
.top_bar li:first-child a{display: block;}
.menu_font{padding: 0; position: absolute; z-index: 500; bottom: 48px; left:0px;width: 100%; margin-left:0; background: red; border: 1px solid #3D3D46; border-radius: 5px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#697077), to(#3F434E), color-stop(60%, #464A53)); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);}
.menu_font:before, .menu_font:after{display:inline-block; position:absolute; z-index:240; bottom:0; left: 80%; margin-left:-8px; margin-bottom:-16px; width:0; height:0; border:8px solid red; border-color:#3D3D46 transparent transparent transparent;}
.menu_font:after{z-index:501; border-color:#3F434E transparent transparent transparent; margin-bottom:-15px; margin-left:-8px;}
.menu_font.hidden{display:none;}
.top_menu li:last-of-type a{background: none;}
.top_menu>li:last-of-type>a label{padding: 0 0 0 3px;}
.menu_font li:first-child{background: none;}
.menu_font li{line-height:50px; text-align:center; background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.15))), -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.4))); background-size:100% 1px, 100% 1px; background-repeat:no-repeat; background-position: center 2px, center 1px;}
.menu_font li:last-of-type{border-bottom: 0;}
.menu_font li a{height: 50px; line-height: 50px !important; position: relative; color:#d5d5d5; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.6); display: block; width: 100%; text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#menu_list0{right:0; }
#menu_list0:before, #menu_list0:after{left: 20%;}
#sharemcover{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000;}
#sharemcover img{position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0;}
.top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active{background-color:#333;}
.menu_font li a:hover, .menu_font li a:active{background-color:#333;}
.menu_font li:first-of-type a{border-radius:5px 5px 0 0;}
.menu_font li:last-of-type a{border-radius:0 0 5px 5px;}
#plug-wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800;}
.skip{position: fixed; text-align: center; height: 40px;top:0px;z-index: 9999999; width: 100%; font-size: 13px;}
.skip a{display: block; line-height: 40px;}