@charset "utf-8";
/* CSS Document */
/* reset */
html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
*html, *html body { background-image:url(about:blank); background-attachment:fixed; }
body,div,dl,dt,dd,ul,u,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0; padding:0;border: 0;outline: 0;font-style: normal;text-decoration: none;}
body,button,input,select,textarea { font:12px/20px tahoma, \5FAE\8F6F\96C5\9ED1; }
input,select,textarea { font-size:100%; }
address, cite, dfn, em, var, i { font-style:normal; }
input, textarea, select { outline:none; border:none; background:none; }
textarea { overflow: hidden; resize: none; }
table { border-collapse:collapse; border-spacing:0;}
th { text-align:inherit; }
fieldset,img { border:0;}
iframe { display:block; }
ol,ul,li { list-style:none; }
del { text-decoration:line-through; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:500;}
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
ins,a { text-decoration:none; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
audio,canvas,video { display:inline-block; *display:inline; *zoom:1; }
abbr,acronym { border:0; font-variant:normal; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:500; }
body { font-size:14px; color:#333; }
a { color:#333;
	-webkit-transition:all .2s;
	   -moz-transition:all .2s;
		-ms-transition:all .2s;
			   transition:all .2s;
}
a:hover { color:#f60; }
a,a:focus { outline: none; }

.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; line-height:0; }
.clearfix { zoom:1; /* for IE6 IE7 */}

/*吊顶/logo/导航*/
.p-nav .p-nav-in li .ask-ico,.p-nav .p-nav-in li .ht-ico,.p-nav .p-search-in .p-search-btn,.p-nav .p-nav-in .forum-pop i{background:url(../../images/pc/icon/p-top-ico-all.png) no-repeat;}
.p-top{height:36px;background: #f5f5f5;line-height: 36px;color:#858585;font-size:12px;}
.p-top-in{width:1200px;margin:0 auto;}
.p-top-login{float:left;}
.p-top-login .a-blue{color:#2f7dd9;text-decoration: none;}
.p-top-login .a-blue:hover{text-decoration: underline;}
.p-top-login .a-blue-btn{background:#2f7dd9;color:#fff;text-decoration: none;border-radius: 6px;padding:2px 8px;margin-left:10px; }
.p-top-login .m08{margin:0 8px;}
.p-top-menu{float:right;}
.p-top-menu li{float:left;}
.p-top-menu li a{color:#858585;text-decoration: none;padding:0 10px;}
.p-top-menu li a:hover{color:#2f7dd9;text-decoration: underline;}
.p-top-menu li i{padding:0;color:#ddd;}
.p-top-menu .tel-code{position: relative;cursor:pointer;z-index:3;cursor:default;}
.p-top-menu .tel-code:before,.p-top-menu .tel-code:after{content: '';position: absolute;right:8px;width:0;height:0;border: 3px solid transparent;display: block;}
.p-top-menu .tel-code:before{z-index:1;border-top-color:#656565;top:17px;}
.p-top-menu .tel-code:after{z-index:2;border-top-color:#f5f5f5;top:16px;}
.p-top-menu .tel-code:hover{background:#fff;}
.p-top-menu .tel-code:hover .tel-code-pop{display:block;}
.p-top-menu .tel-code:hover:after{border-top-color:#fff;}
.p-top-menu .tel-code .tel-code-t{padding:0 20px 0 10px;}
.p-top-menu .tel-code-pop{display:none;background:#fff;position: absolute;z-index:8;width:570px;height:200px;top:36px;right:0;padding:20px 30px;box-shadow:0 3px 6px rgba(0,0,0,0.1);text-align: center;border:1px solid #eee;border-top:none;}
.p-top-menu .tel-code-pop dt{font-size:16px;color:#ffa810;line-height: 30px;margin-bottom:10px;}
.p-top-menu .tel-code-pop dd{float:left;margin:0 10px;font-size:12px;color:#858585;line-height: 28px;}
.p-top-menu .tel-code-pop .code-img{border:1px solid #eee;padding:10px;}
.p-top-menu .tel-code-pop .code-img img{ vertical-align: middle; }

.p-nav-bg{background:#fff;width:100%;height:100px;box-shadow:0 3px 6px #eee;}
.p-nav{width:1200px;margin:0 auto;}
.p-logo{float:left;margin:20px 10px 0 0;}
.p-logo img{width:200px;height:52px;}
.p-nav .p-nav-in{float:left;height:100px;}
.p-nav .p-nav-in li{float:left;height:60px;line-height:60px;padding:30px 0 10px 0;background:#fff;}
.p-nav .p-nav-in li a{font-size:16px;color:#353535;padding:0 18px;text-decoration: none;}
.p-nav .p-nav-in li a:hover{color:#2f7dd9;}
.p-nav .p-nav-in li.ico,.p-nav .p-nav-in li.forum{position:relative;}
.p-nav .p-nav-in li .ask-ico,.p-nav .p-nav-in li .ht-ico{width:40px;height:20px;position: absolute;display: inline-block;right:18px;top:32px;}
.p-nav .p-nav-in li .ask-ico{background-position:0 0;}
.p-nav .p-nav-in li .ht-ico{background-position:-50px 0;}
.p-nav .p-nav-in li.forum:before,.p-nav .p-nav-in li.forum:after{content: "";position: absolute;right:0px;width:0;height:0;border:5px solid transparent;}
.p-nav .p-nav-in li.forum:before{border-top-color: #fff;top:58px;z-index: 2;}
.p-nav .p-nav-in li.forum:after{border-top-color: #353535;top:59px;z-index: 1;}
.p-nav .p-nav-in li.forum:hover .forum-pop{display:block;}
.p-nav .p-nav-in .forum-pop{position:absolute;top:100px;left:-30px;display:none;width:160px;background:#fff;z-index: 3;box-shadow:0 3px 6px rgba(0,0,0,0.1);text-align:left;border:1px solid #eee;border-top:none;padding:10px 20px 20px;}
.p-nav .p-nav-in .forum-pop a{display: block;line-height: 40px;font-size:16px;color:#666;padding:0;}
.p-nav .p-nav-in .forum-pop a:hover{text-decoration: underline;}
.p-nav .p-nav-in .forum-pop i{width:24px;height:24px;display: inline-block;margin-right:10px; vertical-align: middle;}
.p-nav .p-nav-in .forum-pop i.video-ico{background-position: -150px 0;}
.p-nav .p-nav-in .forum-pop i.img-ico{background-position: -180px 0;}
.p-nav .p-nav-in .forum-pop i.qa-ico{background-position: -210px 0;}
.p-nav .p-nav-in .forum-pop i.com-ico{background-position: -240px 0;}
.p-nav .p-search{float:right;width:360px;padding-top:44px;}
.p-nav .p-search-in{float:left;margin-right:18px;}
.p-nav .p-search-in .inputtxt{width:200px;border:1px solid #d2d2d2;border-radius:4px 0 0 4px;outline: none;border-right:none;background:#fbfbfb;font-size:12px;color:#666;height:30px;line-height:30px;padding-left:8px;vertical-align: middle;}
.p-nav .p-search-in input::-webkit-input-placeholder{color:#b8b8b8;}
.p-nav .p-search-in .p-search-btn{width:40px;height:30px;border:none;cursor:pointer;border-radius: 0 4px 4px 0;color:#fff;font-size:16px;display: inline-block;background-position:-100px 6px;background-color:#2f7dd9; vertical-align: middle;}
.p-nav .p-search-in .p-search-btn:hover{background-color:#1f6dc9; transition: all 0.5s;}
.p-nav .p-search .cus-img{display:inline-block;width:90px;height:30px;position: relative;z-index: 1;}
.p-nav .p-search .cus-img:before{content: '1';position: absolute;z-index:2;left:20px;top:-10px;width:16px;height:16px;background:#eb3940;color:#fff;font-size:12px;border-radius: 8px;text-align: center;line-height: 16px;}
.p-nav .p-search .cus-img img{width:30px;height:30px;border-radius: 6px; vertical-align: middle;}
.p-nav .p-search .cus-txt{width:50px;display:inline-block;padding-left:6px; vertical-align: middle;color:#666;font-size:12px;line-height:16px;}
.p-nav .p-search a:hover .cus-txt{color:#2f7dd9;text-decoration: underline;}

/* font */
.f11 { font-size:11px!important; }
.f12 { font-size:12px!important; }
.f13 { font-size:13px!important; }
.f14 { font-size:14px!important; }
.f16 { font-size:16px!important; }
.f18 { font-size:18px!important; }
.f20 { font-size:20px!important; }
.f24 { font-size:24px!important; }
.fb  { font-weight:700!important; }
.fn  { font-weight:400!important; }
.t2  { text-indent:2em!important; }
.lh100 { line-height:100%!important; }    /*12              ---行高是以字号来算的，字号变了会变*/
.lh135 { line-height:135%!important; }    /*16*/
.lh150 { line-height:150%!important; }    /*18*/
.lh200 { line-height:200%!important; }    /*24*/
.lh220 { line-height:220%!important; }    /*26*/
.lh250 { line-height:250%!important; }    /*30*/
.lh267 { line-height:267%!important; }    /*32*/
.lh12 { line-height:12px!important; }
.lh14 { line-height:14px!important; }
.lh16 { line-height:16px!important; }
.lh18 { line-height:18px!important; }
.lh20 { line-height:20px!important; }
.lh22 { line-height:22px!important; }
.lh24 { line-height:24px!important; }
.lh26 { line-height:26px!important; }
.lh28 { line-height:28px!important; }
.lh30 { line-height:30px!important; }
.lh32 { line-height:32px!important; }
.unl    { text-decoration:underline!important; }
.no_unl { text-decoration:none!important; }
.ect {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* bg-color */
.bgf5 { background-color: #f5f5f5!important; }
.bg-black {
    position: fixed; _position:absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 1000;
}
.bg-pop-black {
    position: fixed; _position:absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 1000;
}
.js-tip {
    width: 100%; height: 30px;line-height: 30px;
    background-color: #fffeee;
    color: #666;
}
/* 图片效果 */
.ad-hr:hover { opacity: .8; }

/* font-color */
.s-c000 { color: #000 !important; }
.s-c333 { color: #333 !important; }
.s-c666 { color: #666 !important; }
.s-c999 { color: #999 !important; }
.s-cf60 { color: #f60 !important; }
.s-be { color:#297acc!important; }
.s-oe { color:#f25618!important; }
.s-ce52 { color: #e52a2a!important; }
 a.s-c000:hover, a.s-c333:hover, a.s-c666:hover, a.s-c999:hover, a.s-cf60:hover, a.s-be:hover, a.s-ce52:hover { color: #f60!important; }

 /*border*/
 .borb0 {border-bottom: 0!important; }
 .borr0 {border-right: 0!important; }

/* dingwei */
.tl { text-align:left!important; }
.tc { text-align:center; }
.tc .ques-list{text-align:left;} /*专项问题*/
.tr { text-align:right; }
.ma { margin-left:auto; margin-right:auto; }
.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }
.cl { clear:left; }
.cr { clear:right; }
.vm { vertical-align:middle; }
.pr { position:relative; }
.pa { position:absolute; }
.zoom { zoom:1; }
.vhn { visibility:hidden; }
.ohn { overflow: hidden; }
.none { display:none!important; }
.block { display:block!important; }

/* width 、height */
.wc	  { width:100%!important; }	/* width-centum */
.w1200 { width:1200px; }
.w1000 { width:1000px; }
.w-mn { min-width: 1000px; max-width: 1200px; _width: 1000px; }
.w990 { width:990px; }
.w680 { width:680px; }
.w690 { width:690px; }

.hc { height:100%; }
.ha { height:auto!important; }

/* margin、padding */
.m10 { margin:10px!important; }
.m15 { margin:15px!important; }
.m20 { margin:20px!important; }
.m30 { margin:30px!important; }
.m40 { margin:40px!important; }
.m50 { margin:50px!important; }
.mt0  { margin-top:0!important; }
.mt5  { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }
.mt100{ margin-top:100px; }
.mb0  { margin-bottom:0!important; }
.mb5  { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb30 { margin-bottom:30px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }
.mb100{ margin-bottom:100px; }
.ml5  { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml30 { margin-left:30px!important; }
.ml40 { margin-left:40px!important; }
.ml50 { margin-left:50px!important; }
.ml100{ margin-left:100px; }
.mr0 { margin-right:0!important; }
.mr5  { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr30 { margin-right:30px!important; }
.mr40 { margin-right:40px!important; }
.mr50 { margin-right:50px!important; }
.mr100{ margin-right:100px; }
.p10 { padding:10px!important; }
.p15 { padding:15px!important; }
.p20 { padding:20px!important; }
.p30 { padding:30px!important; }
.p40 { padding:40px!important; }
.p50 { padding:50px!important; }
.pt0{ padding-top:0!important; }
.pt5 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt30 { padding-top:30px!important; }
.pt40 { padding-top:40px!important; }
.pt50 { padding-top:50px!important; }
.pt100{ padding-top:100px!important; }
.pb0  { padding-bottom:0!important; }
.pb5  { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb30 { padding-bottom:30px!important; }
.pb40 { padding-bottom:40px!important; }
.pb50 { padding-bottom:50px!important; }
.pb100{ padding-bottom:100px!important; }
.pl5  { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl30 { padding-left:30px!important; }
.pl40 { padding-left:40px!important; }
.pl50 { padding-left:50px!important; }
.pl100{ padding-left:100px!important; }
.pr5  { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr30 { padding-right:30px!important; }
.pr40 { padding-right:40px!important; }
.pr50 { padding-right:50px!important; }
.pr100{ padding-right:100px!important; }

 /* 层次*/
.z-11 { z-index: 11; }
.z-10 { z-index: 10; }
.z-9 { z-index: 9; }
.z-8 { z-index: 8; }
.z-7 { z-index: 7; }
.z-6 { z-index: 6; }
.z-5 { z-index: 5; }
.z-4 { z-index: 4; }
.z-3 { z-index: 3; }
.z-2 { z-index: 2; }
.z-1 { z-index: 1; }

/* 图标 */
.ico{display:inline-block; vertical-align:middle;}
.xia{background:url(../../images/pc/icon/xia.png) no-repeat center center; width:20px; height:20px}
.ico1{background:url(../../images/pc/icon/ico1.png) no-repeat center center; width:20px; height:20px}
.ico2{background:url(../../images/pc/icon/ico2.png) no-repeat center center; width:20px; height:20px}
.ico3{background:url(../../images/pc/icon/ico3.png) no-repeat left 3px; width:22px; height:24px}
.ico4{background:url(../../images/pc/icon/ico4.png) no-repeat left 3px; width:22px; height:24px}
.ico17{background:url(../../images/pc/icon/ico17.png) no-repeat left center; width:26px; height:22px}

.ft-help {
    font-family: 微软雅黑;
}

#_cs_t {
    height: 1px;
}
/* 2018-08-29 */
.mar0 { margin-right:0 !important; }



/* 2018-08-27 增加分享 点赞 反馈 */
/* ico-feedba */
.ico-feedba {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    background: url('/images/2018/ico-feedba.png') no-repeat;
}

.i-feedba1 {
    width: 16px;
    height: 18px;
    background-position: 0 0;
}

.i-feedba2 {
    width: 17px;
    height: 18px;
    background-position: -30px 0;
}

.i-feedba3 {
    width: 16px;
    height: 18px;
    background-position: -60px 0;
}

.i-feedba4 {
    width: 24px;
    height: 24px;
    background-position: 0 -30px;
}

.i-feedba5 {
    width: 24px;
    height: 19px;
    background-position: -30px -30px;
}

.i-feedba6 {
    width: 10px;
    height: 10px;
    background-position: 0 -60px;
}

.i-feedba7 {
    width: 12px;
    height: 12px;
    background-position: -20px -60px;
}
/* share */
.share-opera-box {
    position: relative;
    padding-top: 20px;
}
/* operate */
.operate-box {
    text-align: center;
}

    .operate-box a {
        display: inline-block;
        margin: 0 10px;
        padding: 0 19px;
        height: 34px;
        line-height: 34px;
        border: 1px solid #ddd;
        border-radius: 18px;
        font-size: 14px !important;
        color: #666;
    }

        .operate-box a em {
            font-style: normal;
        }

.share-opera-box .share-box {
    display: none;
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: -50px;
    margin-left: 25px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 8px 16px rgba(44, 56, 65, 0.2);
}

    .share-opera-box .share-box:before {
        position: absolute;
        bottom: 60px;
        left: -16px;
        border: 8px solid transparent;
        content: '';
        border-right-color: #fff;
    }

    .share-opera-box .share-box a {
        display: block;
        margin-bottom: 15px;
        line-height: 24px;
        font-size: 12px;
        color: #999;
    }

        .share-opera-box .share-box a .ico-feedba {
            margin-right: 16px;
        }

    .share-opera-box .share-box img {
        display: block;
        margin: auto;
        width: 100px;
        height: 100px;
    }

.fank-pop {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 60px;
    z-index: 4;
    margin-left: -159px;
    padding: 25px;
    width: 288px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
}

    .fank-pop:before {
        position: absolute;
        bottom: -16px;
        left: 50%;
        margin-left: -8px;
        border: 8px solid transparent;
        content: '';
        border-top-color: #fff;
    }

    .fank-pop .t {
        font-size: 14px;
        font-weight: bold;
    }

    .fank-pop .b {
        overflow: hidden;
    }

        .fank-pop .b a {
            float: left;
            padding: 0 5px;
            min-width: 64px;
            margin: 20px 10px 0;
            font-size: 12px;
            white-space: nowrap;
            word-break: break-all;
            word-wrap: break-word;
            height: 32px;
            line-height: 32px;
            border: 1px solid #ddd;
            border-radius: 2px;
        }

            .fank-pop .b a:hover {
                color: #3560e6;
                border-color: #3560e6;
            }

.fank-box {
    position: relative;
    margin-left: 30px;
}

    .fank-box .fank-btn .ico-feedba {
        margin-right: 5px;
        margin-top: -2px;
    }

    .fank-box .fank-btn:hover {
        color: #317fcc;
    }

    .fank-box .fank-pop {
        bottom: 30px;
        margin-left: -170px;
    }

.fank-box-right {
    position: absolute;
    top: 25px;
    right: 30px;
}

/** 2020/01/14 9566*/
.ico-operator {
    background: url('/images/2019/icon_operator/icon1.png') no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}
   /* ico-operator */
.ico-operator.i-zan { width: 30px; height: 30px; background-position: 0 0; }
.ico-operator.i-fankui { width: 26px; height: 26px; background-position: 0 -35px; }
.ico-operator.i-fankui2{ width: 26px; height: 26px; background-position: 0 -65px; }
.ico-operator.i-sina  { width: 22px; height: 22px; background-position: 0 -95px;  }
.ico-operator.i-qzone { width: 22px; height: 22px; background-position: 0 -120px; }
.ico-operator.i-wechat{ width: 22px; height: 22px; background-position: 0 -145px; }
	/**/
.red-dot { width: 8px; height: 8px; border-radius: 50%; background-color: #ec3b3b; }
.arrow { display: inline-block; width: 0; height: 0; font-size: 0; line-height: 0; vertical-align: -2px; border: 0 dashed transparent; border-width: 6px; }
.img-block img { display:block; width:100%; }

/* btn */
.btn {
    height: 32px; background-color: #0057ff; border-radius: 16px;
    font-size: 14px; line-height: 32px; text-align: center; color: #fff; cursor: pointer;
}
.btn-red { background-color: #ec3b3b; }
.btn:hover { background-color: #3e80ff; color: #fff; }
.btn-red:hover { background-color: #f66a6a; }
.btn-line, .btn-disable { height: 30px; border: 1px solid #000; color: #000; background: none; }
.btn-line:hover { border-color: #0057ff; color: #0057ff; background: none; }
.btn-line.btn-red { border-color: #ec3b3b; color: #ec3b3b; background: none; }
.btn-line.btn-red:hover { background-color: #ec3b3b; color: #fff; }
.btn-line.btn-blue { border-color: #0057ff; color: #0057ff; background: none; }
.btn-line.btn-blue:hover { background-color: #0057ff; color: #fff; }
.btn-disable, .btn-disable:hover { background-color: #f5f5f5; border-color: #eee; color: #ccc; }

/*底部咨询悬浮*/
.p-b-askpop-close,.p-b-askpop-narrow .a-arrow{background:url(../../images/pc/p-b-askpop-ico.png) no-repeat;}
.p-b-askpop-w{position: fixed;width:100%;bottom:0;left:0;z-index: 8}
.p-b-askpop{height:100px;background:rgba(0,0,0,0.7);width:100%;min-width: 1200px;font-family:"Microsoft Yahei";position:absolute;left:0;bottom:0; transition: all 1s;}
.p-b-askpop-c{width:1200px;margin:0 auto;}
.p-b-askpop-lf{position:relative;padding-left:140px;width:680px;float:left;}
.p-b-askpop .gf-photo{position:absolute;left:0;top:-30px;}
.p-b-askpop .gf-photo img{width:120px;height:120px;border-radius: 10px;box-shadow:0 3px 6px #353535;vertical-align: middle;}
.p-b-askpop-lf .title{font-size:20px;color:#fff;font-weight:700;line-height:50px;letter-spacing:2px;position: relative;}
.p-b-askpop-lf .title:before{content: "当前在线";position: absolute;background:#17b717;color:#fff;font-size:14px;letter-spacing:0;font-weight:500;height:22px;line-height: 22px;border-radius: 12px 12px 12px 0;padding:0 10px;left:90px;top:-13px;}
.p-b-askpop-lf .title:after{content: "";position:absolute;border:6px solid transparent;border-left-color:#17b717;left:90px;top:3px;}
.p-b-askpop-lf .text{background:#fff;border-radius: 6px;padding:5px 10px;font-size:16px;color:#353535;display: inline-block;position: relative;}
.p-b-askpop-lf .text:before{content: "";position: absolute;left:-10px;top:10px;display: block;width:0;height:0;border:5px solid transparent;border-right-color:#fff;}
.p-b-askpop-rg{float:right;width:280px;text-align:center;padding:25px 0;}
.p-b-askpop-rg a{width:240px;height:50px;background:#f63a3d;font-size:24px;color:#fff;text-decoration:none;line-height:50px;display: inline-block;border-radius: 6px;box-shadow:0 3px 6px #353535;}
.p-b-askpop-rg a:hover{background:#ff4747;transition:all 0.4s;color:#f5f5f5;}
.p-b-askpop-close{width:30px;height:30px;position:absolute;right:10px;top:10px;background-position:0 0;cursor:pointer;}
.p-b-askpop-narrow{height:100px;border-radius:50px 0 0 50px;background:rgba(0,0,0,0.7);width:170px;position:absolute;right:-200px;bottom:0; transition: all 1s;}
.p-b-askpop-narrow .a-arrow{width:34px;height:34px;background-position:-70px 0;float:left;margin:30px 5px 0 30px;cursor:pointer;}
.p-b-askpop-narrow .gf-r-photo{position: relative;float:left;width:80px;}
.p-b-askpop-narrow .gf-r-photo img{width:80px;height:80px;border-radius: 40px;margin:10px 0 10px 0; vertical-align: middle;}
.p-b-askpop-narrow .gf-r-photo:before{content: "当前在线";position: absolute;background:#17b717;color:#fff;font-size:14px;letter-spacing:0;font-weight:500;height:22px;line-height: 22px;border-radius: 0 12px 12px 12px;padding:0 10px;left:0px;top:70px;display: block;}
.p-b-askpop-narrow .gf-r-photo:after{content: "";position:absolute;border:6px solid transparent;border-left-color:#17b717;left:0px;top:65px;}
.p-b-askpop-n{bottom:-240px;}
.p-b-askpop-narrow-n{right:0;bottom:0;}