@charset "utf-8";
/*这里是调用友价商城系统全站的样式，不受模板等影响，就是不管哪个模板，都是需要这些共用样式的 www.yj99.cn 请勿修改，否则影响全站*/
body{margin:0;font-size:12px;text-align:center;color:#333;word-wrap:break-word;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;white-space:normal;overflow-wrap:break-word;}
p{margin:2pt 0 0 0;}
*{margin:0 auto;padding:0;}
ul{list-style-type:none;margin:0;padding:0;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;}
.acy{-webkit-transition:color 0.2s linear;-moz-transition:color 0.2s linear;-o-transition:color 0.2s linear;transition:color 0.2s linear;}
.bgcy{-webkit-transition-:background-color 0.2s linear;-moz-transition:background-color 0.2s linear;-o-transition:background-color 0.2s linear;transition:background-color 0.2s linear;}
form{margin:0;}
table,td{border-collapse:collapse;font-size:12px;}
input,select,textarea{outline:none;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}
input[type='text']{-webkit-appearance: none;}

.yjcode{width:1400px;}
.fontyh{font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;color:#000;}
.red{color:#f00;}
.feng{color:#ff6600;}
.blue{color:#2255DD;}
.hui{color:#999;}
.green{color:#008800;}
.redony{background-color:#CFF;border:#999 solid 1px;color:red;}
.bfb{float:left;width:100%;clear:both;}
.clear{float:left;width:100%;}
.clear10{height:10px;}
.clear15{height:15px;}
.clear20{height:20px;}
.clear30{height:30px;}
.clear50{height:50px;}
.ad1{margin:15px 0 0 0;float:left;}
.ad{float:left;}
.adf{float:left;margin:-10px 0 0 0;}
.adbottom .ad1{float:left;margin:0 0 8px 0;}

.topbanner_hj{width:100%;min-width:1250px;float:left;}
.topbanner_hj a{display:block;width:100%;height:100%;}

.dqwz{float:left;width:1250px;margin:15px 0 0 0;text-align:left;font-size:14px;color:#7F7F7F;}
.dqwz li{float:left;}
.dqwz .l1{width:950px;}
.dqwz .l1 a{color:#7F7F7F;}
.dqwz .l1 a:hover{text-decoration:underline;color:#333;}
.dqwzbai{color:#fff;}
.dqwzbai .u1 .l1 a{color:#fff;}

/*check美化*/
.glolabelxuan{float:left;cursor: pointer;}
.glolabelxuan .xuan1{float:left;width:19px;height:19px;border:1px solid #b9bbbd;border-radius:5px;background-color:#fff;transition: all 0.3s ease 0s;overflow:hidden;}
.glolabelxuan .xuan2{line-height:23px;margin:0 0 0 5px;font-size:14px;color:#666;}
.glolabelxuanH .xuan1{border:#6366f1 solid 1px;background:url(/img/xuangou.png?t=2) center center no-repeat;background-size:auto 9px;background-color:#fff;}

/*显示一行*/
.lineone{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;}
.linetwo{text-overflow: -o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.linethree{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.glopage{float:left;margin:20px 0 0 0;width:100%;padding:0 0 0 0;height:35px;clear:both;text-align:center;}
.glopage a{border:#E9E9E9 solid 1px;margin:0 2px;padding:8px 12px 9px 11px;background-color:#fff;}
.glopage a:hover{text-decoration:none;background-color:#F5F5F5;}
.glopage .a1{padding:8px 12px 9px 11px;color:#ff6600;}

/*右侧商家信息*/
.glouserinf{float:right;width:235px;background-color:#fff;padding-bottom:15px;border-radius:7px;}
.glouserinf .u1{float:left;width:235px;background:url(/img/rightuserbg.gif) repeat-x;height:62px;}
.glouserinf .u1 li{float:left;}
.glouserinf .u1 .l1{width:35px;padding:2px;border:#eeeeee solid 1px;margin:9px 0 0 12px;}
.glouserinf .u1 .l1 img{width:35px;height:35px;float:left;}
.glouserinf .u1 .l2{width:170px;margin:9px 0 0 12px;}
.glouserinf .u1 .l2 a{font-size:13px;font-weight:700;float:left;width:100%;height:20px;overflow:hidden;line-height:20px;}
.glouserinf .u1 .l2 .s1{float:left;margin-top:4px;}
.glouserinf .u2{float:left;width:209px;margin:13px 13px 0 13px;border-bottom:#ededed solid 1px;}
.glouserinf .u2 li{float:left;}
.glouserinf .u2 .l1{width:60px;height:26px;}
.glouserinf .u2 .l2{width:149px;height:26px;}
.glouserinf .u3{float:left;width:209px;margin:10px 13px 0 13px;border-bottom:#ededed solid 1px;padding-bottom:10px;}
.glouserinf .u3 li{float:left;}
.glouserinf .u3 .l1{font-size:15px;font-weight:700;background:url(/img/lx.gif) left center no-repeat;padding-left:24px;width:185px;line-height:25px;height:25px;}
.glouserinf .u3 .l2{clear:both;margin:10px 0 0 0;}
.glouserinf .u3 .l2 a{float:left;color:#777;font-size:14px;line-height:18px;height:18px;padding-left:24px;}
.glouserinf .u3 .l2 .qq{background:url(/img/qqsmall.png) left center no-repeat;}
.glouserinf .u3 .l2 .wx{background:url(/img/wx.png) left center no-repeat;}
.glouserinf .u3 .l2 .mot{background:url(/img/mot.png) left center no-repeat;}
.glouserinf .u3 .l2 .dx{background:url(/img/dx.png) left center no-repeat;}
.glouserinf .userinfu3{position:fixed;top:0;margin:0 0 0 0;background-color:#fff;width:233px;border:#e0e0e0 solid 1px;border-top:0;}
.glouserinf .userinfu3 .l1{height:43px;line-height:43px;background:url(/img/lx1.png) 75px center no-repeat;background-color:#f9f9f9;padding-left:98px;width:135px;text-align:left;border-bottom:#e0e0e0 solid 1px;}
.glouserinf .userinfu3 .l2{padding-left:10px;}
.glouserinf .u4{float:left;width:209px;margin:3px 13px 0 13px;border-bottom:#ededed solid 1px;}
.glouserinf .u4 li{float:left;}
.glouserinf .u4 .l1{font-size:15px;font-weight:700;background:url(/img/sj.gif) left center no-repeat;padding-left:24px;width:185px;line-height:36px;height:36px;}
.glouserinf .u4 .l2{width:100%;padding:0 0 6px 0;}
.glouserinf .u5{float:left;width:212px;margin:10px 0 0 11px;}
.glouserinf .u5 li{float:left;width:70px;color:#999999;border-right:#ededed solid 1px;height:37px;padding-top:1px;text-align:center;line-height:19px;}
.glouserinf .u5 .l0{border-right:0;}
.glouserinf .u5 li span{color:#ff6600;}
.glouserinf .u6{float:left;width:235px;}
.glouserinf .u6 li{float:left;}
.glouserinf .u6 .l1{width:235px;}
.glouserinf .u6 .l1 a{float:left;width:63px;height:30px;border:#e5e5e5 solid 1px;color:#666;margin:10px 0 0 15px;line-height:30px;padding-left:29px;}
.glouserinf .u6 .l1 .a1{background:url(/img/shop1.gif) no-repeat;background-position:8px 8px;}
.glouserinf .u6 .l1 .a2{background:url(/img/shop1.gif) no-repeat;background-position:8px 8px;}
.glouserinf .u6 .l1 a:hover{color:#000;}
.glouserinf .dub{float:left;background:url(img/bao.gif) no-repeat;background-position:10px 10px;width:173px;padding-left:30px;border:#c6f6bc solid 1px;height:35px;color:#2e8a11;margin:10px 0 0 15px;font-size:13px;background-color:#f6fdf4;line-height:35px;}
.glouserinf .dub strong{font-size:15px;font-weight:500;color:#ff6600;}

/*交易规则*/
.glojygz{float:left;margin:10px 0 0 0;width:100%;background-color:#fff;padding:0 0 20px 0;}
.glojygz .d1cap{float:left;width:calc(100% - 40px);border-bottom:#eee solid 2px;height:30px;margin:15px 20px 0 20px;line-height:30px;}
.glojygz .d1cap span{float:left;color:#ff7700;font-weight:700;font-size:14px;border-bottom:#ff7700 solid 2px;}
.glojygz .gztxt{float:left;line-height:25px;font-size:13px;width:calc(100% - 40px);margin:10px 20px 0 20px;color:#666;}
.glojygz .gztxt img{max-width:100%;}

/*交易评价*/
.glojypj{float:left;margin:10px 0 0 0;width:100%;background-color:#fff;}
.glojypj .cap{float:left;width:100%;height:46px;}
.glojypj .cap li{float:left;}
.glojypj .cap .l1{width:118px;font-size:14px;padding-left:12px;line-height:46px;}
.glojypj .cap .l2{width:calc(100% - 352px);line-height:46px;color:#666666;font-size:14px;padding-right:10px;text-align:right;}
.glojypj .cap .l3{width:24px;height:24px;border:#ededed solid 1px;border-right:0;margin:10px 0 0 0;line-height:24px;text-align:center;background-color:#f9f9f9;}
.glojypj .cap .l4{width:70px;border:#dddddd solid 1px;margin:10px 0 0 0;line-height:24px;text-align:center;}
.glojypj .cap .l5{width:24px;height:24px;border:#ededed solid 1px;border-left:0;margin:10px 0 0 0;line-height:24px;text-align:center;background-color:#f9f9f9;}
.glojypj .cap .l6{width:30px;height:24px;border:#ededed solid 1px;margin:10px 0 0 5px;overflow:hidden;}
.glojypj .cap .l6 input{border:0;width:30px;height:24px;text-align:center;}
.glojypj .cap .l7{width:43px;}
.glojypj .cap .l7 a{float:left;width:42px;height:24px;line-height:24px;border:#ededed solid 1px;margin:10px 0 0 0;background-color:#f4f4f4;border-left:0;text-align:center;}

/*评价列表*/
.glopjlist{float:left;padding:0 17px 20px 0;width:calc(100% - 17px);border-top:#ededed solid 1px;}
.glopjlist .pjuser{float:left;width:100px;margin:20px 9px 0 9px;text-align:center;}
.glopjlist .pjuser li{float:left;}
.glopjlist .pjuser .l1{width:100px;}
.glopjlist .pjuser .l1 .s1{float:left;width:100%;}
.glopjlist .pjuser .l1 .s1 img{border:#dddddd solid 1px;padding:1px;border-radius:2px;width:50px;height:50px;margin:0 0 4px 0;}
.glopjlist .pjuser .l1 .s2{float:left;width:100%;margin:5px 0 0 0;}
.glopjlist .pjnr{float:left;width:calc(100% - 138px);}
.glopjlist .pjnr .u1{float:left;width:100%;line-height:30px;line-height:30px;border-bottom:#f7f7f7 solid 2px;color:#999;}
.glopjlist .pjnr .u1 li{float:left;}
.glopjlist .pjnr .u1 .l1{padding-right:20px;}
.glopjlist .pjnr .p1{float:left;font-size:13px;line-height:25px;padding:10px 0;}
.glopjlist .pjnr .p2{float:left;font-size:13px;line-height:25px;padding:10px;margin:0 0 0 30px;border:#4ea615 dotted 1px;background-color:#ecffe0;width:calc(100% - 52px);color:#387d0c;clear:both;}
.glopjlist .pjnr .p3{float:left;clear:both;}
.glopjlist .pjnr .p3 img{float:left;margin:0 10px 10px 0;}
.glonopj{float:left;width:100%;padding:20px 0;text-align:center;border-top:#dbdbdb solid 1px;color:#666;}

/*前面不要加东西，有可能会在弹窗里做说明*/
.glotishi{float:left;border-top:#e4e4e4 solid 1px;width:calc(100% - 40px);padding:13px 20px;background-color:#f6f9ff;font-size:14px;text-align:left;}
.glotishi .d1{float:left;background:url(/img/tishi.png) left center no-repeat;background-size:16px auto;padding-left:20px;height:20px;font-weight:700;line-height:20px;}
.glotishi .d2{float:left;width:100%;line-height:25px;margin:5px 0 0 0;}
.glotishi .d2 a{color:#056dae;}
.glotishi .d2 .xia{text-decoration:underline;}
.glotishi1{float:left;border-top:#fe952b dotted 1px;width:calc(100% - 40px);padding:13px 20px;background-color:#fff7eb;font-size:14px;text-align:left;line-height:25px;}


/*头部1*/
.bfbtop1{height:36px;line-height:36px;margin:0 auto;color:#666;background:url(../img/bfbtop1bg.png) left top repeat-x;}
.bfbtop1 .left-area{float:left;}
.bfbtop1 .left-area .hy{float:left;margin-left:8px;}
.bfbtop1 .nologin{float:left;margin-left:15px;}
.bfbtop1 .nologin .topreg{float:left;height:36px;line-height:36px;background:url(../img/1.png) left center no-repeat;padding-left:20px;color:#666666;}
.bfbtop1 .nologin .topreg:hover{background:url(../img/1a.png) left center no-repeat;color:#ff6600;}
.bfbtop1 .nologin .toplogin{float:left;margin-left:7px;width:55px;}
.bfbtop1 .nologin .toplogin .a1{float:left;margin-left:10px;}
.bfbtop1 .nologin .toplogin .a1 span{float:left;height:36px;line-height:36px;color:#666666;}
.bfbtop1 .nologin .toplogin .a1 img{float:left;margin-top:16px;margin-left:5px;-webkit-transition: -webkit-transform 0.2s ease-out;-moz-transition: -moz-transform 0.2s ease-out;transition: transform 0.2s ease-out;}
.bfbtop1 .nologin .toplogin .a1 span:hover{color:#ff6600;}
.bfbtop1 .nologin .toplogin .loginxl{float:left;clear:both;padding:10px 5px 10px 5px;width:100px;background-color:#fff;position:relative;z-index:9;display:none;box-shadow:6px 6px 10px rgba(0,0,0,0.1);}
.bfbtop1 .nologin .toplogin .loginxl a{float:left;height:37px;line-height:37px;padding-left:25px;color:#666;}
.bfbtop1 .nologin .toplogin .loginxl .zh{background:url(../img/zh.png) left center no-repeat;}
.bfbtop1 .nologin .toplogin .loginxl .qq{background:url(../img/qq.png) left center no-repeat;}
.bfbtop1 .nologin .toplogin .loginxl .wx{background:url(../img/wxlogin.png) left center no-repeat;}
.bfbtop1 .nologin .toplogin .loginxl .dx{background:url(../img/dx.png) left center no-repeat;}
.bfbtop1 .nologin .toplogin .loginxl .alipay{background:url(../img/alidl.png) left center no-repeat;}
.bfbtop1 .nologin .toplogin .loginxl a:hover{color:#000;}
.bfbtop1 .nologin .toplogin:hover{background-color:#fff;}
.bfbtop1 .nologin .toplogin:hover .loginxl{display:block;}
.bfbtop1 .nologin .toplogin:hover img{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.bfbtop1 .yeslogin{float:left;margin-left:15px;text-align:left;}
.bfbtop1 .yeslogin .topuid{float:left;padding-left:10px;padding-right:10px;}
.bfbtop1 .yeslogin .topuid span{float:left;height:36px;line-height:36px;color:#666666;}
.bfbtop1 .yeslogin .topuid img{float:left;margin-top:16px;margin-left:5px;-webkit-transition: -webkit-transform 0.2s ease-out;-moz-transition: -moz-transform 0.2s ease-out;    transition: transform 0.2s ease-out;}
.bfbtop1 .yeslogin .topuid span:hover{color:#ff6600;}
.bfbtop1 .yeslogin .yesxl{float:left;clear:both;box-shadow:6px 6px 10px rgba(0,0,0,0.1);width:270px;height:198px;position:relative;z-index:555;background-color:#fff;display:none;}
.bfbtop1 .yeslogin .yesxl .u1{float:left;margin:0 10px 0 10px;width:250px;height:90px;border-bottom:#eeeeee solid 1px;}
.bfbtop1 .yeslogin .yesxl .u1 li{float:left;}
.bfbtop1 .yeslogin .yesxl .u1 .l1{width:64px;margin-top:13px;}
.bfbtop1 .yeslogin .yesxl .u1 .l1 img{width:60px;height:60px;padding:1px;border:#f3f3f3 solid 1px;border-radius:60px;}
.bfbtop1 .yeslogin .yesxl .u1 .l2{margin:8px 0 0 10px;width:130px;color:#7c7c7c;line-height:24px;}
.bfbtop1 .yeslogin .yesxl .u1 .l3{width:43px;}
.bfbtop1 .yeslogin .yesxl .u1 .l3 a{float:left;width:41px;height:18px;line-height:18px;text-align:center;}
.bfbtop1 .yeslogin .yesxl .u1 .l3 .a1{color:#ff8432;border:#fdbfa0 solid 1px;background-color:#fff8f1;margin-top:23px;}
.bfbtop1 .yeslogin .yesxl .u1 .l3 .a1:hover{background-color:#fef0e3;}
.bfbtop1 .yeslogin .yesxl .u1 .l3 .a2{color:#2789ed;border:#a7cbec solid 1px;background-color:#f1f8ff;margin-top:4px;}
.bfbtop1 .yeslogin .yesxl .u1 .l3 .a2:hover{background-color:#f1f8ff;}
.bfbtop1 .yeslogin .yesxl .yeskj{float:left;height:68px;border-bottom:#dddddd solid 1px;width:100%;}
.bfbtop1 .yeslogin .yesxl .yeskj span{float:left;width:66px;height:68px;}
.bfbtop1 .yeslogin .yesxl .yeskj span a{float:left;width:28px;margin:12px 0 0 19px;color:#888;text-align:center;padding-top:20px;}
.bfbtop1 .yeslogin .yesxl .yeskj span .a1{background:url(../img/t1.png) center top no-repeat;}
.bfbtop1 .yeslogin .yesxl .yeskj span .a2{background:url(../img/t2.png) center top no-repeat;}
.bfbtop1 .yeslogin .yesxl .yeskj span .a3{background:url(../img/t3.png) center top no-repeat;}
.bfbtop1 .yeslogin .yesxl .yeskj span .a4{background:url(../img/t4.png) center top no-repeat;}
.bfbtop1 .yeslogin .yesxl .yeskj span a:hover{color:#ff6600;}
.bfbtop1 .yeslogin .yesxl .yeskj span .a1:hover{background:url(../img/t1h.png) center top no-repeat;}
.bfbtop1 .yeslogin .yesxl .yeskj span .a2:hover{background:url(../img/t2h.png) center top no-repeat;}
.bfbtop1 .yeslogin .yesxl .yeskj span .a3:hover{background:url(../img/t3h.png) center top no-repeat;}
.bfbtop1 .yeslogin .yesxl .yeskj span .a4:hover{background:url(../img/t4h.png) center top no-repeat;}
.bfbtop1 .yeslogin .yesxl .un{float:left;font-size:14px;height:38px;line-height:38px;background:url(../img/un1.png) no-repeat;padding-left:90px;background-position:156px 13px;background-color:#f5f5f5;width:180px;font-weight:700;color:#666;}
.bfbtop1 .yeslogin .yesxl .un:hover{background:url(../img/un2.png) no-repeat;background-position:156px 13px;background-color:#f5f5f5;color:#ff6600;}
.bfbtop1 .yeslogin:hover .img1{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.bfbtop1 .yeslogin:hover .topuid{background-color:#fff;}
.bfbtop1 .yeslogin:hover .yesxl{display:block;}

.bfbtop1 .right-area{float:right;}
.bfbtop1 .right-area a{float:left;padding:0 8px;}
.bfbtop1 .right-area a:hover{color:#ff0000;}
.bfbtop1 .right-area span.split{float:left;color:#ccc;padding:0 5px;}


/*头部2*/
.bfbtop2{float:left;}
.bfbtop2 .bfbtop2-top{float:left;width:100%;height:115px;}
.bfbtop2 .bfbtop2-top .bfbtop2-logo{float:left;width:400px;text-align:left;padding:20px 0 0 0;}
.bfbtop2 .bfbtop2-top .bfbtop2-search{float:left;width:700px;padding:20px 0 0 0;}

.bfbtop2 .bfbtop2-top .bfbtop2-search .topser{float:left;height:40px;border:2px solid #222;border-radius:8px;text-align:left;}
.bfbtop2 .bfbtop2-top .bfbtop2-search .topser li{float:left;}
.bfbtop2 .bfbtop2-top .bfbtop2-search .topser .l1{width:120px;height:40px;background-color:#fff;background:url(../img/jian1.png) right center no-repeat;}
.bfbtop2 .bfbtop2-top .bfbtop2-search .topser .l1 #nowyx{float:left;font-size:15px;line-height:40px;height:40px;overflow:hidden;padding-left:20px;width:79px;cursor:pointer;}
.bfbtop2 .bfbtop2-top .bfbtop2-search .topser .l1 .toptymain1{float:left;width:770px;background-color:#fff;border:#e4e7ed solid 1px;border-radius:5px;margin:15px 0 0 0;padding:10px 0;position:relative;z-index:999;}
.bfbtop2 .bfbtop2-top .bfbtop2-search .topser .l1 .toptymain1 a{float:left;font-size:14px;line-height:30px;width:130px;margin:0 0 0 20px;overflow:hidden;height:30px;color:#606266;}
.bfbtop2 .bfbtop2-top .bfbtop2-search .topser .l1 .toptymain1 a:hover{color:#ff6600;}
.bfbtop2 .bfbtop2-top .bfbtop2-search .topser .l2{width:500px;overflow:hidden;}
.bfbtop2 .bfbtop2-top .bfbtop2-search .topser .l2 input{float:left;width:calc(100% - 244px);height:40px;border:none;outline:none;font-size:14px;padding:0 20px;background:transparent;}
.bfbtop2 .bfbtop2-top .bfbtop2-search .topser .l3{}
.bfbtop2 .bfbtop2-top .bfbtop2-search .topser .l3 input{float:right;height:100%;line-height:40px;width:64px;text-align:center;background:url(../img/topser.png) center center no-repeat;background-size:22px auto;background-color:#222;cursor:pointer;transition:background 0.2s;border:0;}
.bfbtop2 .bfbtop2-top .bfbtop2-search .topser .l3 input:hover{background:url(../img/topser.png) center center no-repeat;background-size:22px auto;background-color:#444;}

.bfbtop2 .bfbtop2-top .bfbtop2-search .bfbtop2-hot{float:left;width:100%;margin-top:15px;font-size:12px;color:#666;overflow:hidden;line-height:20px;height:20px;}
.bfbtop2 .bfbtop2-top .bfbtop2-search .bfbtop2-hot span{float:left;}
.bfbtop2 .bfbtop2-top .bfbtop2-search .bfbtop2-hot a{float:left;margin:0 10px;color:#666;text-decoration:none;transition:color 0.2s;}
.bfbtop2 .bfbtop2-top .bfbtop2-search .bfbtop2-hot a:hover{color:#ff4444;}
@keyframes moveLeftRight{0%{transform:translateX(0);}50%{transform:translateX(15px);}100%{transform:translateX(0);}}
.bfbtop2 .bfbtop2-top .jxw{float:left;animation: moveLeftRight 3s ease-in-out infinite;position:relative;margin:10px 0 0 150px;}
.bfbtop2 .bfbtop2-top .jxw .long{float:right;width:80px;}

.mascot-box{float:right;text-align:left;overflow:visible;position:absolute;margin:50px 0 0 90px;}
.mascot-box .bubble{position:absolute;border-radius:50%;opacity:0.8;animation:bubbleFloat 4s ease-in-out infinite;z-index:1;}
.mascot-box .bubble1{width:15px;height:15px;background:#ff69b4;top:-10px;left:10px;animation-duration:3s;}
.mascot-box .bubble2{width:20px;height:20px;background:#1e90ff;top:30px;right:-15px;animation-duration:5s;}
.mascot-box .bubble3{width:12px;height:12px;background:#ffd700;bottom:20px;left:-8px;animation-duration:4s;}
.mascot-box .bubble4{width:18px;height:18px;background:#32cd32;bottom:-12px;right:20px;animation-duration:3.5s;}
.mascot-box .bubble5{width:10px;height:10px;background:#9370db;top:50%;right:40%;animation-duration:4.5s;}
@keyframes bubbleFloat{0%{transform:translateY(0) scale(1);}50%{transform:translateY(-30px) scale(1.2);}100%{transform:translateY(0) scale(1);}}

.bfbtop2 .bfbtop2-nav{float:left;width:calc(100% - 2px);border:#fff solid 1px;border-bottom:0;background:linear-gradient(to bottom,#e8f0ff,#f0e8ff);height:48px;border-radius:10px;}
.bfbtop2 .bfbtop2-nav .bfbtop2-nav-item{float:left;font-size:15px;color:#222;text-decoration:none;line-height:48px;margin:0 35px;transition:color 0.2s;font-weight:700;}
.bfbtop2 .bfbtop2-nav .bfbtop2-nav-item.active{color:#7744dd;}
.bfbtop2 .bfbtop2-nav .bfbtop2-nav-item:hover{color:#7744dd;}



.bfbbottom{background:#333;color:#aaa;padding:30px 0;} /*不要加margin:50px 0 0 0;这种，因为有些页面要跟底部连接*/
.bfbbottom .bottom{float:left;width:100%;text-align:left;}
.bfbbottom .bottom .bfbbottom-main{float:left;width:1000px;}
.bfbbottom .bottom .bfbbottom-main .col{float:left;margin-right:120px;}
.bfbbottom .bottom .bfbbottom-main .col h3{float:left;clear:both;font-size:16px;color:#fff;margin-bottom:20px;}
.bfbbottom .bottom .bfbbottom-main .col ul li{float:left;clear:both;margin-bottom:12px;}
.bfbbottom .bottom .bfbbottom-main .col ul li a{float:left;color:#aaa;text-decoration:none;font-size:14px;}
.bfbbottom .bottom .bfbbottom-main .col ul li a:hover{color:#fff;}
.bfbbottom .bottom .bfbbottom-main .col .tel{float:left;font-size:16px;clear:both;color:#fff;margin-bottom:10px;}
.bfbbottom .bottom .bfbbottom-main .col .time{float:left;font-size:14px;clear:both;}
.bfbbottom .bottom .bfbbottom-qrcode{float:right;width:140px;text-align:center;}
.bfbbottom .bottom .bfbbottom-qrcode h3{float:left;width:100%;font-size:18px;color:#fff;margin-bottom:20px;text-align:center;}
.bfbbottom .bottom .bfbbottom-qrcode .qrcode-item{float:left;width:140px;}
.bfbbottom .bottom .bfbbottom-qrcode .qrcode-item img{float:left;width:140px;height:140px;background:#fff;border-radius:4px;}
.bfbbottom .bottom .bfbbottom-qrcode .qrcode-item p{float:left;width:100%;text-align:center;color:#fff;font-size:14px;margin:8px 0 0 0;}
.bfbbottom .bottom .bfbbottom-line{float:left;width:100%;height:1px;background:#444;margin:30px 0;}
.bfbbottom .bottom .bfbbottom-hotsearch{float:left;width:100%;margin-bottom:20px;}
.bfbbottom .bottom .bfbbottom-hotsearch .title{float:left;width:100px;font-size:14px;color:#fff;}
.bfbbottom .bottom .bfbbottom-hotsearch .list{float:left;width:1300px;}
.bfbbottom .bottom .bfbbottom-hotsearch .list a{float:left;margin-right:40px;color:#aaa;text-decoration:none;font-size:14px;}
.bfbbottom .bottom .bfbbottom-hotsearch .list a:hover{color:#fff;}
.bfbbottom .bottom .bfbbottom-link{float:left;width:100%;margin-bottom:30px;}
.bfbbottom .bottom .bfbbottom-link .title{float:left;width:100px;font-size:14px;color:#fff;}
.bfbbottom .bottom .bfbbottom-link .list{float:left;width:1300px;}
.bfbbottom .bottom .bfbbottom-link .list a{float:left;margin-right:40px;color:#aaa;text-decoration:none;font-size:14px;}
.bfbbottom .bottom .bfbbottom-link .list a:hover{color:#fff;}
.bfbbottom .bottom .bfbbottom-copyright{float:left;width:100%;line-height:24px;color:#aaa;font-size:14px;}
.bfbbottom .bottom .bfbbottom-copyright a{color:#aaa;text-decoration:none;}
.bfbbottom .bottom .bfbbottom-copyright a:hover{color:#fff;}