section.sidebar{width:52px;background-color:#fff;box-shadow:0px 4px 10px 2px rgba(0,0,0,.1);border-radius:10px 0px 0px 10px;position:fixed;right:0;top:50%;margin-top:-119px;z-index:11}section.sidebar *{box-sizing:border-box}section.sidebar .list{background-color:#eb4b3f;border-radius:10px 0px 0px 10px}section.sidebar .list .cooperationBox,section.sidebar .list .demonstrationBox,section.sidebar .list .topBox{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:0 13px}section.sidebar .list .cooperationBox>i,section.sidebar .list .demonstrationBox>i,section.sidebar .list .topBox>i{margin-bottom:8px}section.sidebar .list .cooperationBox .cooperationBoxItem,section.sidebar .list .cooperationBox .demonstrationBoxItem,section.sidebar .list .demonstrationBox .cooperationBoxItem,section.sidebar .list .demonstrationBox .demonstrationBoxItem,section.sidebar .list .topBox .cooperationBoxItem,section.sidebar .list .topBox .demonstrationBoxItem{width:40px;height:74px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center}section.sidebar .list .cooperationBox .cooperationBoxItem .text,section.sidebar .list .cooperationBox .demonstrationBoxItem .text,section.sidebar .list .demonstrationBox .cooperationBoxItem .text,section.sidebar .list .demonstrationBox .demonstrationBoxItem .text,section.sidebar .list .topBox .cooperationBoxItem .text,section.sidebar .list .topBox .demonstrationBoxItem .text{width:26px;line-height:14px;font-size:12px;color:#fff}section.sidebar .list .cooperationBox{height:89px;position:relative;cursor:default}section.sidebar .list .cooperationBox:hover .hoverList{display:block}section.sidebar .list .cooperationBox:hover .cooperationBoxItem{background-color:#fd8076}section.sidebar .list .cooperationBox .hoverList{width:184px;height:356px;background-color:#eb4b3f;border-radius:10px;padding:30px 20px 20px;position:absolute;left:-194px;top:0;display:none}section.sidebar .list .cooperationBox .hoverList h4{color:#fff;font-size:18px;margin-bottom:22px;text-align:center}section.sidebar .list .cooperationBox .hoverList ul li{background-color:#fd8076;border-radius:4px;margin-bottom:10px;display:flex;align-items:center}section.sidebar .list .cooperationBox .hoverList ul li:hover{background-color:#ff903f}section.sidebar .list .cooperationBox .hoverList ul li a{display:flex;align-items:center;width:144px;height:40px;padding:10px 14px;border-radius:4px}section.sidebar .list .cooperationBox .hoverList ul li img{width:20px;height:20px;margin-right:10px}section.sidebar .list .cooperationBox .hoverList ul li span{display:block;font-size:14px;color:#fff}section.sidebar .list .cooperationBox .hoverList .button{display:block;width:144px;height:40px;text-align:center;line-height:40px;background-color:#fff;border-radius:4px;color:#f68a23;font-size:14px;margin-top:36px}section.sidebar .list .cooperationBox .hoverList .button:hover{background-color:#ff903f;color:#fff}section.sidebar .list .cooperationBox .hoverList::after{content:"";height:90px;width:14px;position:absolute;right:-14px;top:0}section.sidebar .list .cooperationBox::after{content:"";position:absolute;bottom:0;left:0;margin-left:8px;width:37px;height:1px;border-bottom:1px dashed #ddd}section.sidebar .list .demonstrationBox{height:89px;position:relative}section.sidebar .list .demonstrationBox:hover .demonstrationBoxItem{background-color:#fd8076}section.sidebar .list .demonstrationBox:hover .detailsWrapper{display:block}section.sidebar .list .pseudoClass::after{content:"";position:absolute;bottom:0;left:0;margin-left:8px;width:37px;height:1px;border-bottom:1px dashed #ddd}section.sidebar .list .topBox{height:58px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column}section.sidebar .list .cooperation{display:block;background:url("../img/sidebar/cooperation.png") no-repeat center;background-size:100% 100%;width:25px;height:25px}section.sidebar .list .demonstration{display:block;background:url("../img/sidebar/demonstration.png") no-repeat center;background-size:100% 100%;width:25px;height:25px}section.sidebar .list .top{display:block;background:url("../img/sidebar/top.png") no-repeat center;background-size:100% 100%;width:25px;height:25px}section.sidebar .list p{color:#666;font-size:12px}section.sidebar .detailsWrapper{width:336px;height:356px;background-color:#fff;border-radius:10px;padding:30px;box-shadow:0px 4px 10px 2px rgba(0,0,0,.1);position:absolute;left:-346px;top:0px;display:none}section.sidebar .detailsWrapper::after{content:"";width:14px;height:90px;position:absolute;right:-14px;top:0}section.sidebar .detailsWrapper>ul li{width:100%;display:flex;align-items:flex-start;margin-bottom:18px}section.sidebar .detailsWrapper>ul li>div{font-size:0}section.sidebar .detailsWrapper>ul li>img{margin-right:13px;width:20px;height:20px}section.sidebar .detailsWrapper>ul li h6{color:#333;font-size:14px;margin-bottom:12px;padding-top:3px}section.sidebar .detailsWrapper>ul li p,section.sidebar .detailsWrapper>ul li a{color:#999;font-size:12px}section.sidebar .detailsWrapper>ul li p span,section.sidebar .detailsWrapper>ul li a span{display:inline;color:#f68a23}section.sidebar .detailsWrapper>ul li .code{width:110px;height:110px;background-color:#fff;border-radius:4px;border:solid 1px #ddd;margin-left:31px;display:flex;align-items:center;justify-content:center}section.sidebar .detailsWrapper>ul li .code img{width:106px;height:106px}