/**
 * all.css 全局样式文件
 * @author MoLice<molicechen@rdgz.org>
 * @create 2013-01-21
 *
 * #reset
 * #common
 *
 * ------- button -------
 * #btn-red
 * #btn-black
 * #btn-download
 *
 * ------- component -------
 * #menubox 用于页脚的RTX、Snip导航
 *
 * ------- layout -------
 * #topbar 顶部导航栏
 * #topbarnav 顶部导航
 * #footer 底部页脚
 * #mainbanner 头部深色背景大banner
 * #showcase 三列的大展示模块，参考首页
 * #whiteboard 白色带阴影板块，如更新日志
 * #mobile 手机端显示
 *
 * ------- page -------
 * #p-index 首页
 *
 * ------- option -------
 * #os-mac Mac版
 * #locale-zh 中文
 *
 * ------- new win -------
 *
 * ------ toptip ------
 * #toptip 顶部提示黄条
 *
 * #function 通用方法，放在文件的最末尾，尽量提高规则的优先级
 */
/* #reset */
html {
    *overflow-y: auto; /* 去掉IE7下默认出现的滚动条 */
}

body {
    color: #333;
    font: 14px/1.5 "Microsoft YaHei", Helvetia, "lucida Grande", Verdana, Arial;
    background-color: #5191BE;
}

body, dl, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend {
    margin: 0;
}

ul, ol, fieldset {
    margin: 0;
    padding: 0;
}

table {
    font-size: inherit;
}

fieldset, img {
    border: none;
}

address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

abbr, acronym {
    border: none;
    font-variant: normal;
}

sup {
    /*vertical-align: text-top;*/
    line-height: 0;
    margin-right: 4px;
    *position: relative;
    *top: -6px;
    *vertical-align: baseline;
}

sub {
    vertical-align: text-bottom;
}

input, button, textarea, select {
    font-family: "Microsoft YaHei", Helvetia, "lucida Grande", Verdana, Arial;
    font-size: inherit;
    line-height: inherit;
}

textarea {
    vertical-align: top;
    overflow: auto; /* 移除IE下的纵向滚动条 */
}

a {
    color: #1e5494;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

abbr, acronym {
    border-bottom: 1px dotted;
    cursor: help;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* html5 tag */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *zoom: 1;
}

/* #common */
.container {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    *zoom: 1;
}

.container:before {
    display: table;
    content: "";
}

.container:after {
    display: table;
    content: "";
    clear: both;
}

.logo {
    display: inline-block;
    width: 64px;
    height: 64px;
    outline: 0;
    background-image: url(../index_files/logo.png);
    _background-image: url(../index_files/logo.png);
    background-image: -webkit-image-set(url(../index_files/logo.png) 1x, url(../index_files/logo@2x.png) 2x);
    background-repeat: no-repeat;
}

/* #icons */
/* #icon */
.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../index_files/icon.png);
    _background-image: url(../index_files/icon_ie6.png);
    background-image: -webkit-image-set(url(../index_files/icon.png) 1x, url(../index_files/icon_2x.png) 2x);
    background-repeat: no-repeat;
    *zoom: 1;
}

.icon-arrow-up {
    background-position: 0 0;
}

.icon-arrow-down {
    background-position: -16px 0;
}

/* #button */
.btn-red, .btn-black {
    display: inline-block;
    *zoom: 1;
    padding: 4px 16px 5px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 1px 1px 2px rgba(0, 0, 0, .1);
    outline: none;
}

.btn-red:hover, .btn-black:hover {
    text-decoration: none;
}

.btn-red:active, .btn-black:active {
    box-shadow: none;
}

/* #btn-red */
.btn-red {
    border: none;
    background-image: -webkit-linear-gradient(top, #d65c5c, #d34f4f);
    background-image: -moz-linear-gradient(top, #d65c5c, #d34f4f);
    background-image: linear-gradient(top, #d65c5c, #d34f4f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d65c5c", endColorstr="#d34f4f", GradientType=1);
}

.btn-red:hover, .btn-red:focus {
    background-image: -webkit-linear-gradient(top, #e77272, #d85a5a);
    background-image: -moz-linear-gradient(top, #e77272, #d85a5a);
    background-image: linear-gradient(top, #e77272, #d85a5a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e77272", endColorstr="#d85a5a", GradientType=1);
}

.btn-red:active {
    background-image: -webkit-linear-gradient(bottom, #d65c5c, #d34f4f);
    background-image: -moz-linear-gradient(bottom, #d65c5c, #d34f4f);
    background-image: linear-gradient(bottom, #d65c5c, #d34f4f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d65c5c", endColorstr="#d34f4f", GradientType=3);
}

/* #btn-black */
.btn-black {
    border: 1px solid #121212;
    background-color: #242424;
}

.btn-black:hover, .btn-black:focus {
    background-color: #353535;
    color: #c2c2c2;
}

.btn-black:active {
    background-color: #191919;
    color: #b3b3b3;
}

/* #btn-download */
.btn-download-pc,
.btn-download-applynew,
.btn-download-mac,
.btn-download-app {
    display: inline-block;
    width: 171px;
    height: 54px;
    background-image: url(../index_files/btn_applications_0121.png);
    _background-image: url(../index_files/btn_applications_ie6_0121.png);
    background-image: -webkit-image-set(url(../index_files/btn_applications_0121.png) 1x, url(../index_files/btn_applications_2x_0121.png) 2x);
    background-repeat: no-repeat;
    outline: none;
}

.btn-download-pc:hover,
.btn-download-pc:focus {
    background-position: 0 -64px;
}

.btn-download-applynew {
    background-position: -576px 0;
}

.btn-download-applynew:hover,
.btn-download-applynew:focus {
    background-position: -576px -64px;
}

.btn-download-pc:active {
    background-position: 0 -128px;
}

.btn-download-applynew:active {
    background-position: -576px -128px;
}

.btn-download-mac {
    background-position: -192px 0;
}

.btn-download-mac:hover, .btn-download-mac:focus {
    background-position: -192px -64px;
}

.btn-download-mac:active {
    background-position: -192px -128px;
}

.btn-download-app {
    background-position: -384px 0;
}

.btn-download-app:hover, .btn-download-app:focus {
    background-position: -384px -64px;
}

.btn-download-app:active {
    background-position: -384px -128px;
}

/**
 * #menubox 用于页脚的RTX、Snip导航
 * @html ul.menubox > li.menubox-item > a.menubox-toggle
 */
.menubox {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    list-style: none;
    text-align: left;
    overflow: hidden;
    background-color: #3e3e3e;
    border: 1px solid #393939;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(84, 87, 90, .65);
}

.menubox-item:first-child .menubox-toggle,
.menubox-item-first .menubox-toggle {
    border-top-color: transparent;
}

.menubox-item:last-child .menubox-toggle,
.menubox-item-last .menubox-toggle {
    border-bottom-color: transparent;
}

.menubox-toggle {
    display: block;
    padding: 10px 1em;
    color: #fff;
    border-top: 1px solid #414141;
    border-bottom: 1px solid #343434;
    opacity: .6;
    filter: alpha(opacity=60);
    *zoom: 1;
}

.menubox-toggle:hover {
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

.menubox .logo-snip {
    margin-left: 7px;
    margin-right: 5px;
    vertical-align: -6px;
    *vertical-align: -2px;
    opacity: 1;
    filter: alpha(opacity=100);
}

/**
 * #topbar 顶部导航栏
 * @html header.topbar[.topbar-fixed] > .topbar-left + .topbar-right
 * @param .topbar-fixed 固定顶部导航栏
 */
.topbar {
    min-width: 1000px;
    height: 60px;
    background-color: #000000;
    border-bottom: 1px solid #0b0b0b;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .07), 0 1px 3px rgba(0, 0, 0, .1);
}

.topbar a {
    color: #7c7c7c;
}

.topbar-left {
}

.topbar-right {
    float: right;
}

.topbar-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    _width: 100%;
    z-index: 10px;
}

.topbar .logo {
    float: left;
    margin-top: 0px;
    margin-left: 10px;
    text-indent: -9999em;
}

.topbar-lang {
    margin-top: 14px;
}

/**
 * #topbarnav 顶部导航
 * @html .topbarnav > .topbarnav-item[.topbarnav-current] > a.topbarnav-toggle
 */
.topbarnav {
    float: left;
    margin-top: 13px;
    margin-left: 40px;
}

.topbarnav-item {
    float: left;
    _display: inline;
    margin-left: 8px;
}

.topbarnav-toggle {
    display: block;
    width: 98px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid transparent;
    _border-color: tomato;
    _filter: chroma(color=tomato);
    border-radius: 3px;
    outline: none;
}

.topbarnav-toggle:hover, .topbarnav-toggle:focus {
    color: #e7e7e7;
    /*background-color:#2b2b2b;
    background-color:rgba(45,45,45,.9);
    border-color:#2b2b2b;
    border-color:rgba(45,45,45,.9);
    */
    text-decoration: none;
}

.topbarnav-current .topbarnav-toggle {
    color: #e7e7e7;
    background-color: #151515;
    border-color: #0d0d0d;
    border-bottom-color: #2b2b2b \9; /* IE9-用边框颜色模拟底部高光 */
    box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
}

:root .topbarnav-current .topbarnav-toggle {
    border-bottom-color: #0d0d0d;
}

/**
 * #footer 底部页脚
 */
.footer {
    min-width: 1000px;
    padding-top: 32px;
    padding-bottom: 60px;
    line-height: 2;
    font-size: 12px;
    text-align: center;
    color: #333;
    background-color: #5191BE;
    border-top: 1px solid #383a3d;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}

.footer a {
    color: #333;
}

.footer-links {
    padding-top: 10px;
}

.footer-link {
    margin: 0 10px;
}

.footer .menubox {
    margin-bottom: 10px;
}

.footer .menubox-toggle {
    color: #fff;
}

/**
 * #mainbanner 头部深色背景大banner
 */
.content {
    min-width: 1000px;
    padding-bottom: 40px;
    background: #f7f7f7;
}

.mainbanner {
    background: #5191BE url(../images/pc/zh/mainbanner_bg.png) repeat 0 0;
    background-image: -webkit-image-set(url(../images/pc/zh/mainbanner_bg.png) 1x, url(../images/pc/zh/mainbanner_bg_2x.png) 2x);
    border-bottom: 1px solid #c5c5c5;
}

.mainbanner-inner {
    padding-bottom: 260px;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.mainbanner-title {
    margin-top: 50px;
    font-size: 40px;
    font-weight: normal;
    color: #333;
    transition: all 0.3s;
}

.mainbanner-intro {
    margin-bottom: 30px;
    font-size: 12px;
    color: #333;
}

.mainbanner-intro a {
    color: #999;
}

.mainbanner-action {
    margin-top: 50px;
    margin-bottom: 16px;
}

.mainbanner .btn-download-app {
    margin-left: 18px;
}

.mainbanner .btn-download-applynew {
    margin-left: 18px;
}


.locale-zh .os-mac .mainbanner-inner {
    background-image: url(../index_files/mainbanner_content.png);
    _background-image: url(../index_files/mainbanner_content.png);
    background-image: -webkit-image-set(url(../index_files/mainbanner_content.png) 1x, url(../index_files/mainbanner_content_2x.png) 2x);
}

/**
 * #showcase 三列的大展示模块，参考首页
 * @html .showcase > .showcase-item > .showcase-title + .showcase-intro
 */
.showcase {
    margin-left: -40px;
    font-size: 0;
}

.showcase-item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 300px;
    margin-left: 40px;
    margin-bottom: 60px;
    padding-top: 240px;
    background-repeat: no-repeat;
    vertical-align: top;
    font-size: 14px;
}

.showcase-title {
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    _vertical-align: baseline;
}

.showcase-intro {
    display: block;
    margin-top: 18px;
    color: #575757;
    font-size: 12px;
    _vertical-align: baseline;
}

.showcase-list {
    margin-top: 40px;
}

.showcase-note {
    margin-top: -44px;
    margin-bottom: 48px;
    color: #575757;
    font-size: 12px;
    _vertical-align: baseline;
}

/* showcase(mac) */
.os-mac .showcase-ftn {
    background-image: url(../index_files/feature_ftn.png);
    background-image: -webkit-image-set(url(../index_files/feature_ftn.png) 1x, url(../index_files/feature_ftn_2x.png) 2x);
}

.os-mac .showcase-groupmail {
    background-image: url(../index_files/feature_groupmail.png);
    background-image: -webkit-image-set(url(../index_files/feature_groupmail.png) 1x, url(../index_files/feature_groupmail_2x.png) 2x);
}

.os-mac .showcase-cloud {
    background-image: url(../index_files/feature_cloud.png);
    background-image: -webkit-image-set(url(../index_files/feature_cloud.png) 1x, url(../index_files/feature_cloud_2x.png) 2x);
}

/**
 * #whiteboard 白色带阴影板块，如更新日志
 */
.whiteboard {
    position: relative;
    background-color: #fff;
    border: 1px solid #e1e1e1;
}

.whiteboard:after {
    position: absolute;
    right: 1px;
    bottom: 4px;
    width: 240px;
    height: 50%;
    content: " ";
    z-index: -1;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .16);
    -webkit-transform: skew(1deg) rotate(1deg);
    -moz-transform: skew(1deg) rotate(1deg);
    transform: skew(1deg) rotate(1deg);
}

/* #page */
.heading-second {
    padding-top: 30px;
    margin-bottom: 1em;
    font-size: 24px;
    font-weight: normal;
}

/*.changelog-list {margin-bottom:10em;}*/
.changelog-list .icon-arrow-up,
.changelog-list .icon-arrow-down {
    vertical-align: -4px;
    *vertical-align: 0;
}

/**
 * #changelog 更新日志列表
 * @html div.changelog[.changelog-unfold] > (.changelog-title > span.float-left + span.changelog-date) + (ol.changelog-detail > li.changelog)
 */
.changelog {
    padding: .7em 2em;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: background-color .15s ease-out;
    -moz-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out;
}

.changelog:hover {
    background-color: #fcfcfc;
}

.changelog-unfold:hover {
    background-color: transparent;
}

.changelog-title {
    font-size: 16px;
    text-align: right;
    _zoom: 1;
    overflow: hidden; /* 避免高度塌陷引起的其他元素布局错位 */
}

.changelog-date {
    margin-right: 4px;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    color: #999;
}

.changelog-detail {
    margin-top: 10px;
    margin-left: 2em;
    line-height: 2;
    list-style-position: outside;
    cursor: auto;
    cursor: text \9;
}

.changelog-toggleolder {
    display: block;
    padding: 10px 2em;
    color: #575757;
}

/* 展开/收起的控制 */
.changelog-detail-outer {
    display: none;
}

.changelog-unfold .changelog-detail-outer {
    display: block;
}

/* #p-index 首页 */
.p-index .icon-contact-space {
    margin-left: 28px;
}

/* #os-mac Mac版 */

/* #locale-zh */


/* #toptip 
.toptip{
	padding:7px 14px;
	color:#3d484e;
	font-size:12px;
	background-color:#fcfad3;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fffcd3), to(#f7f3ce));
	background-image:-webkit-linear-gradient(top, #fffcd3, #f7f3ce);
	background-image:-moz-linear-gradient(top, #fffcd3, #f7f3ce);
	background-image:-o-linear-gradient(top, #fffcd3, #f7f3ce);
	background-image:linear-gradient(to bottom, #fffcd3, #f7f3ce);
}
.toptip a{color:#0143cb;}
.toptip a:hover{text-decoration:underline;}
.toptip .toptip_close{float:right;color:#7f8487;font-size:16px;line-height:16px;}
.toptip .toptip_close:hover{text-decoration:none;color:#515353;}*/

/* #function 放在文件最末尾，尽量提高规则的优先级 */
.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font24 {
    font-size: 24px;
}

.font-normal {
    font-weight: normal;
    font-style: normal;
}

.font-bold {
    font-weight: bold;
}

.font-italic {
    font-style: italic;
}

.font-tahoma {
    font-family: Tahoma;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-hide {
    text-indent: -9999em;
    *text-indent: 0;
    *font-size: 0;
    _overflow: hidden;
}

.color-text {
    color: #333; /* 默认字体颜色 */
}

.color-black {
    color: #000;
}

.color-gray {
    color: #575757;
}

.color-graylight {
    color: #999;
}

.color-white {
    color: #fff;
}

.color-red {
    color: #c00;
}

.border-none {
    border: none;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.show-block {
    display: block;
}

.show-inlineblock {
    display: inline-block;
}

.show-inline {
    display: inline;
}

.nolist {
    list-style: none;
}

.underline {
    text-decoration: underline;
}

.underline-hover {
    text-decoration: none;
}

.underline-hover:hover {
    text-decoration: underline;
}

.nomargin {
    margin: 0;
}

.nopadding {
    padding: 0;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before {
    display: table;
    content: "";
}

.clearfix:after {
    display: table;
    content: "";
    clear: both;
}

.inline-block {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.anim-all {
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

.anim-opacity {
    -webkit-transition: opacity .15s ease-out;
    -moz-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out;
}

/**
 * #mobile 手机端显示
 */
@media (max-width: 750px) {
    .container {
        width: auto;
    }

    .topbar,
    .footer,
    .content {
        min-width: inherit;
    }

    .locale-zh .os-mac .mainbanner-inner,

    .showcase {
        margin-left: 0;
    }

    .showcase-item {
        width: auto;
        height: 226px;
        margin-left: 0;
        margin-bottom: 10px;
        padding: 16px 0 0 330px;
        background-position: 10px 10px;
    }

    .showcase-note {
        margin-top: 0;
        margin-left: 10px;
    }

    .heading-second {
        margin-left: 10px;
    }

    .changelog-list .heading-second {
        margin-left: 28px;
    }
}

@media (max-width: 640px) {
    .mainbanner-title {
        font-size: 34px;
    }
}

@media (max-width: 520px) {
    .topbar,
    .footer,
    .content {
        min-width: 300px;
    }

    .topbar {
        border-bottom: none;
    }

    .topbarnav-item {
        border-bottom: 1px solid #0B0B0B;
    }

    .topbarnav-current {
        border-bottom: none;
    }

    .topbarnav-current .topbarnav-toggle {
        margin-top: 1px;
        border-radius: 3px 3px 0 0;
        box-shadow: none;
        background: #5191BE url(../index_files/mainbanner_bg.png) repeat 0 0;
        background-image: -webkit-image-set(url(../index_files/mainbanner_bg.png) 1x, url(../index_files/mainbanner_bg_2x.png) 2x);
    }

    .showcase-item {
        display: block;
        width: 300px;
        height: auto;
        margin: 0 auto 40px;
        padding: 240px 0 0;
        background-position: center top;
    }

    .showcase-note {
        margin-top: -30px;
        margin-left: 50px;
    }

    .heading-second {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .topbar {
        height: auto;
    }

    .topbar-right {
        margin-right: 10px;
    }

    .topbarnav {
        float: none;
        clear: both;
        margin: 0;
    }

    .topbarnav:after {
        display: table;
        content: "";
        clear: both;
    }

    .topbarnav-item {
        width: 50%;
        margin: 10px 0 0;
    }

    .topbarnav-toggle {
        width: auto;
    }

    .mainbanner-intro {
        position: relative;
        left: -999em;
        top: -999em;
        line-height: 16px;
    }

    .mainbanner-intro span {
        display: block;
        position: relative;
        left: 999em;
        top: 999em;
    }

    .mainbanner .btn-download-app {
        margin: 10px auto;
    }

    .btn-download-pc, .btn-download-applynew, .btn-download-mac, .btn-download-app {
        display: block;
        margin: 10px auto;
    }

    .changelog-date {
        text-align: left;
        display: block;
        clear: both;
    }

    .topbarnav-item-first .topbarnav-toggle {
        border-radius: 0 3px 0 0;
        border-bottom: none;
        border-left: none;
    }

    .topbarnav-item-last .topbarnav-toggle {
        border-radius: 3px 0 0 0;
        border-bottom: none;
        border-right: none;
    }

    .topbarnav-current .topbarnav-toggle,
    :root .topbarnav-current .topbarnav-toggle {
        border-bottom: none;
    }

    .mainbanner-title {
        font-size: 26px;
    }
}

@media (max-width: 440px) {
    .mainbanner-title {
        font-size: 18px;
    }
}

.Q_pic1, .Q_sign1 {
            background: url(../index_files/lanrenzhijia.png) no-repeat;
        }

        .sign, .signa, .signb, .signc, .signd, .signe, .signf, .signg, .signh, .signi, .signj, .signq {
            background: url(../index_files/lanrenzhijia.png) no-repeat;
            display: block;
        }

        .signi {
            background-position: -203px -484px;
            width: 10px;
            height: 30px;
            float: right;
            margin: 3px 10px 0 3px;
        }

        .signj {
            background-position: -233px -478px;
            width: 10px;
            height: 30px;
            float: right;
            margin: 0 5px 0 3px;
        }

        .QQ_S {
            width: 90px;
            height: 172px;
            position: fixed;
            right: 10px;
            top: 40%;
            z-index: 99999;
        }

        .Q_top {
            width: 100%;
            background: #E6E6E6;
            height: 30px;
            line-height: 30px;
            text-align: right;
            cursor: pointer;
        }

        .Q_botm {
            width: 84px;
            border: 3px solid #E6E6E6;
        }

        .Q_pic, .Q_anser, .Q_sign {
            width: 100%;
            height: 45px;
            border-bottom: 2px solid #E6E6E6;
            background: url(../index_files/lanrenzhijia.png) no-repeat;
            position: relative;
            overflow: hidden;
            color: white;
            text-align: center;
            cursor: pointer;
            background-color: white;
        }

        .Q_pic {
            background-position: 20px -458px;
        }

        .Q_anser {
            background-position: -242px -384px;
        }

        .Q_sign {
            background-position: -241px -434px;
        }

        .Q_anser_hide, .Q_pic_hide, .Q_sign_hide {
            width: 100%;
            height: 100%;
            position: absolute;
            background: #FE9B1D;
            left: -84px;
            -webkit-transition: left ease-in-out .3s;
            -moz-transition: left ease-in-out .3s;
            transition: left ease-in-out .3s;
        }

        .hide_pic, .hide_pic1, .hide_pic2 {
            width: 100%;
            height: 26px;
            background: url(../index_files/lanrenzhijia.png) no-repeat;
            display: block;
        }

        .hide_pic {
            background-position: -242px -348px;
        }

        .hide_pic1 {
            background-position: -100px -467px;
        }

        .hide_pic2 {
            background-position: -243px -479px;
        }

        .Q_pic:hover .Q_pic_hide, .Q_anser:hover .Q_anser_hide, .Q_sign:hover .Q_sign_hide, .Q_pic1:hover .Q_pic1_hide, .Q_sign1:hover .Q_sign1_hide {
            left: 0px;
        }

        .Q_pic a, .Q_anser a, .Q_sign a, .Q_pic a:hover, .Q_anser a:hover, .Q_sign a:hover, .Q_pic1 a, .Q_pic1 a:hover, .Q_sign1 a, .Q_sign1 a:hover {
            color: white;
        }

        a.blank {
            width: 100%;
            height: 100%;
            display: block;
        }

        .QQ_S1 {
            width: 60px;
            height: 110px;
            position: fixed;
            right: 10px;
            bottom: 0;
            display: none;
        }

        .Q_top1 {
            width: 100%;
            height: 30px;
            background: #E6E6E6;
            line-height: 30px;
            text-align: right;
            cursor: pointer;
        }

        .Q_botm1 {
            width: 56px;
            border: 2px solid #E6E6E6;
            height: 70px;
        }

        .Q_pic1 {
            border-bottom: 2px solid #E6E6E6;
            width: 100%;
            height: 33px;
            background-position: -55px -465px;
            position: relative;
            overflow: hidden;
            color: white;
            text-align: center;
            line-height: 33px;
            cursor: pointer;
            background-color: white;
        }

        .Q_sign1 {
            width: 100%;
            height: 33px;
            width: 100%;
            line-height: 33px;
            height: 35px;
            background-position: -255px -437px;
            position: relative;
            overflow: hidden;
            color: white;
            text-align: center;
            cursor: pointer;
            background-color: white;
        }

        .Q_pic1_hide, .Q_sign1_hide {
            width: 100%;
            height: 100%;
            position: absolute;
            background: #FE9B1D;
            left: -56px;
            -webkit-transition: left ease-in-out .3s;
            -moz-transition: left ease-in-out .3s;
            transition: left ease-in-out .3s;
            cursor: pointer;
        }

        .Q_sign1_hide a {
            font-size: 12px;
        }