/*---------------------------------------------------toolPanel---------------------------------------------------*/

.toolPanel

{

    position: relative;

    z-index: 900;

	text-align: left;
}

.toolPanel .toolGroup

{

    position: fixed;

    top: 215px;

    right: 0;

}

.toolPanel .toolGroup .icon

{

    display: block;

    margin-left: auto;

    margin-bottom: 1px;

    width: 44px;

    height: 44px;

    line-height: 44px;

    overflow: hidden;

    /**/

    -moz-transition: all 0.3s linear;

    -webkit-transition: all 03s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.toolPanel .toolGroup a:link

{

    color: #FFFFFF;

}

.toolPanel .toolGroup a:visited

{

    color: #FFFFFF;

    text-decoration: none;

}

.toolPanel .toolGroup a:hover

{

    color: #FFFFFF;

    text-decoration: none;

}

.toolPanel .toolGroup a:active

{

    color: #FFFFFF;

}

.toolPanel .toolGroup .icon

{

    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000,endColorstr=#FF000000);*/

}



.toolPanel .toolGroup .marketingIcon

{

    background: url("../images/marketingIcon.png") no-repeat 0px 0px;

    background-color: rgba(0,0,0,0.8);

    background-color: #000000\9;

}

.toolPanel .toolGroup .marketingIcon:hover

{

    width: 120px;

    background-color: #f00;

    background-position-x: 5px;

}

.toolPanel .toolGroup .marketingIcon .title

{

    margin-left: 50px;

    width: 300px;

}

.toolPanel .toolGroup .marketingIcon .title .bias{

	margin-left: 12px;

	margin-right: 12px;

	color: #fff;

}
    .toolPanel .toolGroup .title { 
        font-size:14px;
    }

    .toolPanel .toolGroup .title a { 
        font-size:14px;
        text-decoration:none;
    }

.toolPanel .toolGroup .marketingIcon .title a:hover{

	color: #ff0;

}



.toolPanel .toolGroup .driveIcon

{

    background: url("../images/tool_icon.png") no-repeat 0 -44px;

    background-color: rgba(0,0,0,0.8);

    background-color: #000000\9;

}

.toolPanel .toolGroup .driveIcon:hover

{

    width: 200px;

    background-color: #f00;

}

.toolPanel .toolGroup .driveIcon .title

{

    margin-left: 44px;

    width: 300px;

}

.toolPanel .toolGroup .phoneIcon

{

    background: url("../images/tool_icon.png") no-repeat 0px 0px;

    background-color: rgba(0,0,0,0.8);

    background-color: #000000\9;

}

.toolPanel .toolGroup .phoneIcon:hover

{

    width: 120px;

    background-color: #f00;

}

.toolPanel .toolGroup .phoneIcon .title

{

    margin-left: 44px;

    width: 300px;

}

.toolPanel .toolGroup .phoneIcon .title .bias{

	margin-left: 12px;

	margin-right: 12px;

	color: #fff;

}

.toolPanel .toolGroup .phoneIcon .title a:hover{

	color: #ff0;

}

.toolPanel .toolGroup .boxIcon

{

    background: url("../images/tool_icon.png") no-repeat 0 -88px;

    background-color: rgba(0,0,0,0.8);

    background-color: #000000\9;

}

.toolPanel .toolGroup .boxIcon:hover

{

    width: 100px;

    background-color: #f00;

}

.toolPanel .toolGroup .boxIcon .title

{

    margin-left: 44px;

    width: 300px;

}

.toolPanel .toolGroup .codeIcon

{

    position: relative;

}

@-webkit-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}
.toolPanel .toolGroup .codeIcon:hover .codePanel{

    display:block;

    -webkit-animation-name: fadeIn; /*动画名称*/
 -webkit-animation-duration: 0.5s; /*动画持续时间*/
 -webkit-animation-iteration-count: 1; /*动画次数*/
 -webkit-animation-delay: 0s; /*延迟时间*/

 opacity: 1; 

}

.toolPanel .toolGroup .codeIcon .codePanel{

    list-style-type: none;
    font-size:14px;
    line-height: 16px;

}


.toolPanel .toolGroup .codeIcon .innerIcon

{

    position: absolute;

    right: 0;

    width: 44px;

    height:44px;

    background: url("../images/tool_icon.png") no-repeat right -132px;

    background-color: rgba(0,0,0,0.8);

    background-color: #000000\9;

    cursor: pointer;

}

.toolPanel .toolGroup .codeIcon .arrow

{

    position: absolute;

    width: 4px;

    height: 44px;

    right: 44px;

    background: url("../images/toolArrow.png") no-repeat left center;

}

.toolPanel .toolGroup .codeIcon:hover

{

    width: 48px;

}

.toolPanel .toolGroup .codeIcon:hover .innerIcon

{

    background-color: #f00;

    -moz-transition: all 0.3s linear;

    -webkit-transition: all 03s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.toolPanel .toolGroup .shareIcon

{

    position: relative;

    background:url("../images/tool_icon.png") no-repeat right -176px;

    background-color: rgba(0,0,0,0.8);

    background-color: #000000\9;

    cursor: pointer;

}

.toolPanel .toolGroup .shareIcon:hover

{

    width: 176px;

    background-color: #f00;

}

.toolPanel .toolGroup .shareIcon .sharePanel

{

    position: absolute;

    right: 44px;

    width: 132px;

}

.toolPanel .toolGroup .shareIcon .sharePanel li

{

    float: left;

    width: 44px;

    height: 44px;

    -moz-transition: all 0.3s linear;

    -webkit-transition: all 03s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.toolPanel .toolGroup .shareIcon .sharePanel li:hover

{

    background-color: #ff0;

}

.toolPanel .toolGroup .shareIcon .sharePanel .qq

{

    background: url("../images/tool_share_icon.png") no-repeat 0 0;

}

.toolPanel .toolGroup .shareIcon .sharePanel .weixin

{

    background: url("../images/tool_share_icon.png") no-repeat -44px 0;

}

.toolPanel .toolGroup .shareIcon .sharePanel .weibo

{

    background: url("../images/tool_share_icon.png") no-repeat -88px 0;

}

.toolPanel .toolGroup .tmallIcon

{

    background: url("../images/tool_icon.png") no-repeat 0 -220px;

    background-color: rgba(0,0,0,0.8);

    background-color: #000000\9;

}

.toolPanel .toolGroup .tmallIcon_jqr

{

    background: url("../images/iroobt.png") no-repeat 0px 0px;

    background-color: rgba(0,0,0,0.8);

    background-color: #000000\9;

}

.toolPanel .toolGroup .robotIcon

{

    background: url("../images/robot1.png") no-repeat 0 0px;

    background-color: rgba(0,0,0,0.8);

    background-color: #000000\9;

}

.toolPanel .toolGroup .fwsIcon

{

    background: url("../images/fwsIcon.png") no-repeat 0 0px;

    background-color: rgba(0,0,0,0.8);

    background-color: #000000\9;

}

.toolPanel .toolGroup .jxsIcon

{

    background: url("../images/jxsIcon.png") no-repeat 0 0px;

    background-color: rgba(0,0,0,0.8);

    background-color: #000000\9;

}

.toolPanel .toolGroup .zxydIcon

{

    background: url("../images/gwc.png") no-repeat 0 0px;

    background-color: rgba(0,0,0,0.8);

    background-color: #000000\9;

}

.toolPanel .toolGroup .tmallIcon:hover

{

    background-color: #f00;

}

.toolPanel .toolGroup .tmallIcon_jqr:hover

{

    background-color: #f00;

}

.toolPanel .toolGroup .robotIcon:hover

{

    background: url("../images/robot2.jpg") no-repeat 0 0px;

    background-color: #000000\9;

}

.toolPanel .toolGroup .fwsIcon:hover

{

    width: 150px;

    background-color: #f00;

}

.toolPanel .toolGroup .jxsIcon:hover

{

    width: 150px;

    background-color: #f00;

}

.toolPanel .toolGroup .zxydIcon:hover

{

    width: 110px;

    background-color: #f00;

}

.toolPanel .toolGroup .fwsIcon .title a:hover{

	color: #ff0;

}

.toolPanel .toolGroup .jxsIcon .title a:hover{

	color: #ff0;

}

.toolPanel .toolGroup .zxydIcon .title a:hover{

	color: #ff0;

}

.toolPanel .toolGroup .fwsIcon .title

{

    margin-left: 44px;

    width: 300px;

}

.toolPanel .toolGroup .jxsIcon .title

{

    margin-left: 44px;

    width: 300px;

}

.toolPanel .toolGroup .zxydIcon .title

{

    margin-left: 44px;

    width: 300px;

}

.toolPanel .codePanel

{

    position: fixed;

    display: none;

    opacity: 0;

    right: 50px;

    top:294px;

    padding: 20px 30px 0 30px;

    height: 130px;

    background-color: #f00;

    overflow: hidden;

}

.toolPanel .codePanel li

{

    float: left;

    margin-left: 4px;

    margin-right: 4px;

}

.toolPanel .codePanel .codeTitle

{

    margin-bottom: 8px;

    color: #FFFFFF;

    text-align: center;

}