a.designerinfo:link
{
    color: white;
    text-decoration:none
}
/*左侧访问统计*/
div.left-top-area
{
    position: absolute;
    top:15px;
    left:5px;
    width:150px;
}

/*左侧商品列表*/
div.left-top-CommodityList{
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    border:1px solid black;
    width: 250px;
    height: 100%;
    /*bottom: 150px;*/
    background-color: rgba(34,34,34,.8);
}


div.left-top-CommodityList .Commodity-List{
    width: 100%;
    height: 100%;
}
@keyframes move{
    0%{
        transform: translate(-252px,0px);
    }
    100%{
        transform: translate(0px,0px);
    }
}
@keyframes Restore{
    0%{
        transform: translate(0px,0px);
    }
    100%{
        transform: translate(-252px,0px);
    }
}


/*左侧商品TOP*/
.Commodity-List .Commodity-List-Tab{
    position: absolute;
    width: 100%;
    height: 5.2%;
    font-family:"Microsoft YaHei",Georgia,Serif !important;
    font-weight: 100;
    /*border: 1px solid green;*/
}
.Commodity-List .Commodity-List-Tab .border-bottom{
    border-bottom: 3px solid #f60 !important;
}
.Commodity-List .Commodity-List-Tab .Commodity-List-Tab-nav{
    text-align:center;
    margin-left:7%;
    display: inline-block;
    width: 84%;
    height: 100%;
    /*border-bottom: 1px solid #fff;*/
}
.Commodity-List .Commodity-List-Tab .Commodity-List-Tab-nav>div{
    display: inline-block;
    height: 100%;
    width: 50%;
    line-height: 50px;
    font-size: 14px;
    border-bottom: 1px solid #fff;
    box-sizing:border-box;
}
.Commodity-List .Commodity-List-Tab .Commodity-List-Tab-nav .List-Tab-left{
    float: left;
}
.Commodity-List .Commodity-List-Tab .Commodity-List-Tab-nav .List-Tab-right{
    float: right;
}
.Commodity-List .Commodity-List-Tab .Commodity-List-Tab-nav :hover{
    font-weight: 700;
    cursor:pointer;
}




/*左侧商品列表content*/
.Commodity-List .Commodity-List-content{
    padding-top: 50px;
    width: 100%;
    height: 94.3%;
    /*border: 1px solid red;*/
}
.Commodity-List .Commodity-List-content .Commodity-content-left,
.Commodity-List .Commodity-List-content .Commodity-content-right{
    position: relative;
    width: 220px;
    height: 100%;
    margin-left: 50%;
    left: -110px;
    overflow:auto;
    padding-right: 16px;
    display: none;
}


.Commodity-content-active{
    display: block !important;
} 

.Commodity-List .Commodity-List-content .Commodity-content-left::-webkit-scrollbar,
.Commodity-List .Commodity-List-content .Commodity-content-right::-webkit-scrollbar{
    width: 8px;
}
.Commodity-List .Commodity-List-content .Commodity-content-left::-webkit-scrollbar-track ,
.Commodity-List .Commodity-List-content .Commodity-content-right::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;  
    background: hsla(0,0%,100%,.1);
}
.Commodity-List .Commodity-List-content .Commodity-content-left::-webkit-scrollbar-thumb,
.Commodity-List .Commodity-List-content .Commodity-content-right::-webkit-scrollbar-thumb{
    border-radius: 10px; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background: hsla(0,0%,100%,.4);
}

.Commodity-List .Commodity-List-content .Commodity-content-left::scrollbar,
.Commodity-List .Commodity-List-content .Commodity-content-right::scrollbar{
    width: 8px;
}
.Commodity-List .Commodity-List-content .Commodity-content-left::scrollbar-track ,
.Commodity-List .Commodity-List-content .Commodity-content-right::scrollbar-track{
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;  
    background: hsla(0,0%,100%,.1);
}
.Commodity-List .Commodity-List-content .Commodity-content-left::scrollbar-thumb,
.Commodity-List .Commodity-List-content .Commodity-content-right::scrollbar-thumb{
    border-radius: 10px; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background: hsla(0,0%,100%,.4);
}

.Commodity-List .Commodity-List-content .Commodity-List-item{
    position: relative;
    width:100px;
    height: 100px;
    /*background-color: #fff;*/
    display: inline-block;
    margin-top: 40px;
}

.Commodity-List .Commodity-List-content .Commodity-List-item:hover{
    cursor:pointer !important;
}

.Commodity-List .Commodity-List-content .Commodity-List-item:nth-of-type(1),
.Commodity-List .Commodity-List-content .Commodity-List-item:nth-of-type(2){
    margin-top: 16px;
}
.Commodity-List .Commodity-List-content .Commodity-List-item:nth-of-type(odd){
    float: left;
}
.Commodity-List .Commodity-List-content .Commodity-List-item:nth-of-type(even){
    float: right;
}
.Commodity-List .Commodity-List-content .Commodity-List-item .Commodity-List-item-pic{
    width: 100px;
    height: 100px;
}
.Commodity-List .Commodity-List-content .Commodity-List-item p{
    font-size: 12px;
    margin-top: 6px;
}
.Commodity-List .Commodity-List-content .Commodity-List-item-pic-lj{
    position: absolute;
    display: inline-block;
    right: 4px;
    top: 3px;
    width: 24px;
    height: 24px;
}
.Commodity-List-item-details{
    visibility: hidden !important;
}


/*左侧商品link*/
.Commdoity-link{


    display: none;


    position: absolute;
    color: black;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(34,34,34,0.7);
    /*background-color: black;*/
}
.Commdoity-link .Commdoity-link-box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 744px;
    height: 45%;
    background-color: #fff;
    float: flex;
}


/*左侧商品link全屏box左侧图片*/
.Commdoity-link .Commdoity-link-box .Commdoity-box-img{
    float: left;
    /*border:1px solid red;*/
    width: 55%;
    height: 100%;
    position: absolute;
}
.Commdoity-link .Commdoity-link-box .Commdoity-box-img img{
    width: 360px;
    height: 360px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
}


/*左侧商品link全屏box右侧信息*/
.Commdoity-link .Commdoity-link-box .Commdoity-box-content{
    float: right;
    width: 45%;
    height: 100%;
    margin-top: -20px;
    font-size: 14px;
}
.Commdoity-box-content .content-name{
    margin-top: 20px;
    width: 90%;
    border-bottom: 1px solid #E0E0E0;
}
.Commdoity-box-content .content-name p{
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100px;
    height: 30px;
    left: 5px;
    top: 15px;
    color: #f60;
    border-bottom: 2px solid #f60;
}

.Commdoity-box-content .content-img{
    margin-top: -15px;
    height: 60px;
    width: 100%;
}
.Commdoity-box-content .content-img h4{
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 60px;
}

.Commdoity-box-content .content-img img{
    width: 75px;
    height: 50px;
    vertical-align: middle;
} 
.Commdoity-box-content .content-activity{
    position: relative;
    top: 10px;
}
.Commdoity-box-content .content-activity p{
    font-size: 14px;
}
.Commdoity-box-content .content-activity p span{
    font-size: 16px;
    font-weight: 500;
    /*color: #999;*/
}
/*左侧商品详细信息左右btn*/
.Commdoity-box-licon,
.Commdoity-box-ricon{
    top: 40%;
    position: absolute;
    display: inline-block;
    width: 60px;
    height: 60px;
}
.Commdoity-box-licon{
    left: -90px;
}
.Commdoity-box-ricon{
    right: -90px;
}
.Commdoity-box-licon,
.Commdoity-box-ricon{
    background-image: url('../pic/zjt.png');
    background-size: 60px 60px;
    background-color: #808080;
    border-radius: 50%;
}

.Commdoity-box-ricon{
    transform:rotate(180deg);
}


/*link close按钮*/
.Commdoity-link-box .content-close{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 38px;
    color: #999;
}
.Commdoity-link-box .content-close{
    cursor:pointer;
}



/*户型导航*/
div.left-top-area-room-navigate
{
    position: absolute;
    top:80px;
    left:15px;
    width:240px;
    height:240px;
    display:none;
    border:10px solid rgba(31,27,23,0.25); ;
    z-index:1;
    background-color:white;
}

/*设计师信息*/
div.left-bottom-area
{
    position:absolute;
    bottom:40px;
    left:5px;
    width:300px;
    height:100px;
    z-index:1;
}

/*右底部*/
div.right-bottom-area
{
    /*border: 1px solid black;*/
    position:absolute;
    bottom:10px;
    right:5px;
    /*width:334px;*/
    height:100px;
    z-index:1;
}

.qcode-title
{
    position:absolute;
    bottom:20px;
    right:10px;
    z-index:1;
    font-size:14px;
    font-family:'宋体';
}

/*右底按钮*/
div.right-bottom-button
{
    /*border: 1px solid black;*/
    width:16%;
    height:80%;
    margin-top:10px;
    margin:12px;
    float:left;
    font-size:14px;
    font-family:'宋体';
}

div.right-bottom-qcodeshare
{
    visibility: visible;
}

div.right-bottom-qcodeoa
{
    display:none;
}

div.right-top-area-log
{
    position:absolute;
    top:10px;
    right:5px;
    width:160px;
    height:30px;
    z-index:1;
}

/*右上角按钮*/
div.right-top-button-fullscreen
{
    position:absolute;
    top:50px;
    right:5px;
    width:50px;
    height:50px;
    z-index:1;
}

div.right-top-button-exitfullscreen
{
    position:absolute;
    top:50px;
    right:5px;
    width:50px;
    height:50px;
    visibility: hidden;
    z-index:1;
}

div.right-top-button-vr
{
    position:absolute;
    top:40px;
    right:5px;
    width:50px;
    height:50px;
    visibility: hidden;
    z-index:1;
}


div.right-top-button-startmusic
{
    position:absolute;
    top:100px;
    right:5px;
    width:50px;
    height:50px;
    z-index:1;
}

div.right-top-button-stopmusic
{
    position:absolute;
    top:100px;
    right:5px;
    width:50px;
    height:50px;
    visibility:hidden;
    z-index:1;
}

div.right-top-button-startrotate
{
    position:absolute;
    top:150px;
    right:5px;
    width:50px;
    height:50px;
    z-index:1;
}

div.right-top-button-stoprotate
{
    position:absolute;
    top:150px;
    right:5px;
    width:50px;
    height:50px;
    visibility: hidden;
    z-index:1;
}

div.right-top-button-qcodeshare
{
    position:absolute;
    top:200px;
    right:5px;
    width:50px;
    height:50px;
    z-index:1;
}

div.right-top-button-opengyroscope
{
    position:absolute;
    top:200px;
    right:5px;
    width:50px;
    height:50px;
    visibility: hidden;
    z-index:1;
}

div.right-top-button-closegyroscope
{
    position:absolute;
    top:200px;
    right:5px;
    width:50px;
    height:50px;
    visibility: hidden;
    z-index:1;
}


/**/
div.right-top-button
{
    width:50px;
    height:50px;
    margin-left:10px;
    float:top;
    font-size:14px;
    font-family:'宋体';
}

/**/
div.right-bottom-area-qcodeshare
{
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    margin:auto;
    width:200px;
    height:200px;
    display:none;
    background-color:white;
}

div.right-top-area-qcodeshare
{
    position:absolute;
    top:120px;
    right:55px;
    width:200px;
    height:200px;
    z-index:2;
    border:1px;
    display:none;
    background-color:white;
}

div.right-top-area-qcodeshare-image
{
    border:1px solid darkgray;
    width:180px;
    height:180px;
    margin:10px;
}

/**/
div.qcodeshare-left
{
    border:1px solid darkgray;
    width:180px;
    height:180px;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:10px;
    float:left;
}

/**/
div.qcodeshare-right
{
    width:40px;
    height:40px;
    margin-top:50px;
    margin-bottom:10px;
    margin-left:200px;
}

/*房间选择背景*/
div.bottom-area-roomchoose
{
    position: absolute;
    width:100%;
    height:150px;
    bottom:100px;
    z-index: 1;
    opacity:0.5;
    display: none;
    background-color:grey;

}

/*显示字体样式*/
div.menu-button-text
{
    font-family: "微软雅黑";
    font-size: 12px;
}

/*鼠标悬停提示*/
a.left_tooltip span {
    width: 80px;
    height: auto;
    color: #fff;
    background: #2b2b2b;
    position: absolute;
    font-size: 13px;
    text-align: center;
    padding: 10px;
    line-height: 20px;
    visibility: hidden;
    border-radius: 10px;
}

a.left_tooltip span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid #2b2b2b;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

a:hover.left_tooltip span {
    visibility: visible;
    opacity: 0.8;
    right: 100%;
    top: 50%;
    margin-top: -20px;
    margin-right: 20px;
    z-index: 999;
}

.roundimage
{
width:64px;
height:64px;
border-radius:30px;
}

.default_hidden_button
{
    display: none;
}

.wechatqcode-image
{
    width:180px;
    height:180px;
}

.roundSpan
{
    padding:10px;
    width:300px;
    height:150px;
    opacity: 0.5;


    /*border-radius:15px;*/


    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;


    background-color: rgb(86,67,40);
}