/* CSS Document */
/*feel*/
.zq_feel_total{width:100%;height: 1012px; margin:0 auto;overflow: hidden; padding: 80px 0 0 0;}
.feel_title h2{ font-size: 36px;color: #333;text-align: center;line-height: 1; margin-bottom: 30px; font-weight: normal;}
.feel_title h2 em{ color:#CA0101;}
.feel_title p{font-size: 18px; color: #000;line-height: 2; margin-bottom: 30px; text-align: center;}
.feel_content{ width:1150px; margin:0 auto; position: relative;height: 800px;}
.feel_content ul{}
.feel_content ul li{ width:auto;cursor:pointer;overflow: hidden;}
.fannao_man{position: absolute;left: calc(50% - 267px);top: 200px;}
.fannao_quan{position: absolute;left: calc(50% - 372px);top: 10px;}
.fannao_text_show{width: 263px; cursor:pointer;visibility: visible;}
.fannao_text_show1 h5,.fannao_text_show2 h5{float: left;margin-left: 19px;}
.fannao_text_show3 h5,.fannao_text_show4 h5,.fannao_text_show5 h5{float: right;margin-right: 40px;}
.fannao_text_show3 h5,.fannao_text_hide3 h5{margin-top: -19px;}
.fannao_text_show1 img,.fannao_text_show2 img {float: right;}
.fannao_text_show3 img,.fannao_text_show4 img,.fannao_text_hide5 img {float: left;}
.fannao_text_show h5{ color: #9a9a9a;font-size: 24px;}
.fannao_zong1 {position: absolute; top: 420px;left: 68px;}
.fannao_zong2 {position: absolute; top: 184px;left: 106px;}
.fannao_zong3 {position: absolute; top: 47px;right: 354px;}
.fannao_zong4 {position: absolute; top: 175px;right: 114px;}
.fannao_zong5{position: absolute; top: 409px;right: 78px;}
.fannao_text_hide1 img,.fannao_text_hide2 img {float: right;}
.fannao_text_hide3 img,.fannao_text_hide4 img,.fannao_text_hide5 img {float: left;}
.fannao_text_hide3 img {margin-top: 19px;}
.fannao_text_hide {display: none; width: 263px;cursor:pointer;text-align:right;cursor:pointer;}
.fannao_text_hide h5{color: #239ffd;font-size: 24px;}
.fannao_text_hide p{width: 180px; color: #239ffd;font-size: 13px; text-align: left;}
.fannao_text_hide1 p,.fannao_text_hide2 p {float: left;margin:10px 0 0 -50px; }
.fannao_text_hide3 p,.fannao_text_hide4 p,.fannao_text_hide5 p {float: right;margin:10px -80px 0 0;}
.fannao_text_hide3 p {margin: 10px -115px  0 0;}
.fannao_text_hide1 h5,.fannao_text_hide2 h5 {float: left;margin-left: 19px;}
.fannao_text_hide3 h5,.fannao_text_hide4 h5,.fannao_text_hide5 h5 {text-align: right;margin-right: 40px;}
.fannao_zong{display:inline-block;}
/*feel end*/


/*立即购买*/
.zq_buy_now{ background:#F8F8F8; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #DDDDDD; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; position:relative;}
.zq_buy_now_img{ position:absolute; left: 98px;top: 11px;}
.zq_buy_now_img img{width: 117px;}
/*立即购买 end*/

/*我们制作的经典案例*/
.zq_case{width:1220px;margin: 0 auto;padding:15px 0 80px 0;}
.example-slide {
    width: 1100px;
    padding: 10px 70px;
    overflow: hidden;
    position: relative;
    margin:0 auto;
    margin-bottom: 20px;
}
.example-slide li {
    float: left;
    width: 238px;
    margin:0 18px;
    margin-bottom: 30px;
}

.example-slide li .slide_con:last-child {
    margin-top: 30px;
}
.example-slide .slide_con {
    width: 238px;
    height: 300px;
    overflow: hidden;
    position: relative;
}
.slide_con{
    box-shadow: 0px 0px 15px #696969;
}

.slide_con .slide_top {
    width: 238px;
    height: 150px;
}
.example-slide .slide_con .slide_bot {
    width: 238px;
    height: auto;
    border-top: 1px solid #dcdcdc;
    position: absolute;
    bottom: 0;
    background: #fff;
}
.example-slide .slide_con .seller_logo {
    width: 236px;
    height: 60px;
    text-align: center;
    padding-top: 9px;
    line-height: 60px;
    position: relative;
    font-size: 20px;
}
.example-slide .slide_con .seller_logo a {
    width: 236px;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.example-slide .slide_con .info {
    padding: 3px 20px 0px 20px;
    line-height: 23px;
    font-size: 14px;
    min-height: 99px;
    height: 97px;
    overflow: hidden;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
    background-color: #ff9600;
    color: #fff;
}
.info_p {min-height: 93px; height: 93px;overflow: hidden;} /*防止err*/
.yidong {
    height: 30px;
    line-height: 30px;
    background: #ddd;
    font-size: 12px;
    width: 100%;
    position: absolute;
    left: 0;
    background-color: #239ffd;
    margin-top: 5px;
}
.yidong span {
    padding-left: 20px;
    float: left;
}
.yidong .tb {
    float: left;
}
.yidong .tb .tb-icon {
    width: 23px;
    height: 23px;
    float: left;
    background: url(../images/anli_icon.png) no-repeat;
    margin-top: 4px;
    margin-right: 5px;
    cursor: pointer;
}
.yidong .tb .tb-icon-app{ background-position:0 -23px;}
.yidong .tb .tb-icon-weixin{ background-position:-23px -23px;}
.yidong .tb .tb-icon-apple{ background-position:-46px -23px;}
.yidong .tb .tb-icon-shouji{ background-position:0 -23px;}
.yidong .tb .tb-icon-android{ background-position:-69px -23px;}

.icon_hover{
	background-color:#555555;
	border-radius:5px;
	margin-top:4px;
}
.icon_hover:hover{
	background-color:#ec5151;
	border-radius:5px;
	margin-top:4px;
}

.yidong .tb .tb-icon-app:hover{ background-position:0 0;}
.yidong .tb .tb-icon-weixin:hover{ background-position:-23px 0;}
.yidong .tb .tb-icon-apple:hover{ background-position:-46px 0;}
.yidong .tb .tb-icon-shouji:hover{ background-position:0 0;}
.yidong .tb .tb-icon-android:hover{ background-position:-69px 0;}
.code_item {
    text-align: center;
    width: 100%;
    height: 193px;
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 10;
}
.code_item p {
    font-size: 16px;
    margin: 15px 0 5px;
}
.code_item img {
    width: 150px;
    height: 150px;
}
.weixin_code{ display:none;}
.shouji_code{display:none;}
.apple_code{display:none;}
.app_code{ display:none;}
.apple_code{ display:none;}
.android_code{ display:none;}

.example-slide .slide_con:hover .slide_bot{ padding-bottom:0;}
.example-slide .slide_con:hover .info{ height: 150px;}
.ftx01 { color: #2378d4;}
.anli_foot {text-align: center;}
.anli_foot a{display: inline-block; padding: 10px 40px;color: #fff;font-size: 20px;background-color: #03a6eb;border: 1px solid #03a6eb;}
.anli_foot :hover{color: #03a6eb;background-color: #fff;border:1px solid #03a6eb;}

/*我们制作的经典案例 end*/

/*广告位*/
.zq_index_adposition{background:url(/images/guanggaowei_03.jpg) no-repeat center; height:210px;}
/*广告位 end*/

/*预定我们有好礼*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
.zq_reserve{background:#fff; width:1220px;height: 1087px;margin:0 auto 0 auto;padding: 40px 0 40px 0; overflow:hidden; position:relative;}
.zq_reserve_content{ width: 1200px;height: 840px; position: relative;margin:80px auto; overflow:hidden;box-shadow: 0 0 15px #696969;}
.zq_reserve_head {width: 100%;height: 93px;background-color: #33adfb;text-align: center;font-size: 35px;color: #fff;margin: 0 auto 80px auto; padding-top: 20px;line-height:65px;}
.zq_reserve_content_up {width: 1089px;}
.zq_reserve_left{float: left; width: 50%; text-align: center;margin-top: -40px;}
.zq_reserve_left img {display: inline-block; margin:0 auto;}
.zq_reserve_left p {font-size: 18px;margin: 30px 0;}
.zq_reserve_right{float: left;}
.zq_reserve_right ul li{height: 57px; margin-bottom: 10px;color: #999999;}
.zq_reserve_right ul li span img{display: block;}
.zq_reserve_right-ul-span{float: right;margin-right: 20px; line-height: 57px;font-size: 18px;}
.zq_reserve_right ul li input { border: 1px solid #ccc;border-radius: 10px; width: 409px;}
.zq_reserve_right .zq_rese_tijiao{background: none;}
.zq_reserve_right .zq_rese_text{float: right;height: 57px;padding: 0 10px; background: none;outline: none; font-size: 18px; color: #0677b5;}
.zq_rese_text1 {border-radius: 10px;font-size: 20px!important;border: none;border: 1px solid #ccc;width:409px;height:180px!important;padding: 10px!important; resize:none;overflow: hidden;}
.zq_rese_dw input{position: absolute;left: calc(50% - 88px); bottom: 150px;}
.zq_rese_dw input{padding: 10px 50px;color: #fff;font-size: 19px;background-color: #33adfb;border: 1px solid #33adfb;}
.zq_rese_dw :hover{color:#33adfb;background-color: #fff;}


.xiaoteishi{
    background: #FFF;
    height: 50px;
    margin-top: 15px;
    margin: -40px 0 40px 0;
    }
.zxt_sty {
    height: 45px;
    line-height: 45px;
    margin-top: 6px;
    padding: 0 3.125% 0 8.58125%;
    background: url(../images/xiaolaba.png) no-repeat 0 9px #fff;
    background-size: 6.78125%;
    overflow: hidden;
}
.x_t {
    
    position: relative;
}
.texiao {
    position: absolute;
    top: 18px;
    width: 82%;
    overflow: hidden;
}
#scrollWrap {
    width: 90%;
    height: 18px;
    overflow: hidden;
    }
#scrollMsg {
	height: none;
	
	
}
#scrollMsg li {
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    padding: 0 10px;
    margin :0!important;
}
#scrollMsg li a span {color:#000; margin: 0 4px; font-size:15px;display: inline-block!important;float:none;margin: none!important; line-height:none!important;}
#scrollMsg span:nth-of-type(1),#scrollMsg span:nth-of-type(3){
	color :red;
}
/*预定我们有好礼 end*/

/*您是否想改变，却为以下问题发愁*/
.zq_change_total{ width:100%; height:780px;padding: 80px 0; background:#F3F3F3;}
.change_content{ width:1200px; margin:0 auto;position: relative;}
.chou{position: absolute;top: 0px;left: calc(50% - 231px);}
.chou_text {margin: 0 auto; background: url("../images/chou01_03.png") no-repeat;width: 1069px;height: 443px;position: relative;}
.chou_text ul li h3{font-size: 31px;color: #333;padding-bottom: 60px;cursor:pointer;}
.chou_text ul li p{width: 250px; font-size: 16px;color: #666;}
.chou_text ul li {width: 250px;}
.chou_text1 {position: absolute;top: 59px;left: 57px;}
.chou_text2 {position: absolute;top: 59px;right: 13px;}
.chou_text3 {position: absolute;top: 307px;left: 85px;}
.chou_text4 {position: absolute;top: 330px;right: 13px;}
.chou_text1 p,.chou_text3 p{margin-left: -130px;}
.chou_text2 p,.chou_text4 p{margin-left: 60px;}
/*您是否想改变，却为以下问题发愁 end*/

/*Marketing*/
.zq_mark_total{width:100%;height:680px; margin: 0 auto; overflow: hidden; padding: 80px 0 0 0;}
.mark_content_up {background-color: #313436;margin-top: 65px;}
.mark_content {width: 1200px;height: 382px;margin: 0 auto;background: #fff url('../images/yghd_bg.jpg') no-repeat;}
.mark_content ul{ width:1220px;}
.mark_content ul li{cursor:pointer;text-align: center; width:240px;height: 382px; float:left; margin-right:0px;}
.mark_content ul li h2{color:#fff; font-size:22px; padding-top:30px; padding-bottom:36px;}
.mark_conimg{width: 100%;margin: 0 auto;}
.mark_conimg img{display: block; margin: 50px auto 25px auto;}
.mark_content_div {width:240px;height: 382px;margin: 0;float: left;}
.mark_content-danshu{background: rgba(49,52,54,0.1);}
.mark_content-fushu{background: rgba(49,52,54,0.7);}
.mark_content_up .mu{background: #71dbf6;box-shadow: 0px 0px 10px #888888;}
.mark_conimg-down h3{color:#fff; font-size:20px; padding-top:30px; padding-bottom:36px;}
.mark_conimg-down p{ color:#fff; line-height:24px;width: 70%;margin: 0 auto; text-align: left;}
/*Marketing end*/

/*我们的专业让您放心*/
.zq_major_total{width: 1200px;height: 210px;margin:75px auto 75px auto;position: relative;overflow: hidden;}
.zq_major_quan {width: 250px;height: 250px;background-color: #36ddff;border-radius: 50%;position: absolute;top: -139px;left: -139px;}
.zq_major_minquan {width: 150px;height: 150px;background-color: #ffdc00;border-radius: 50%;position: absolute;left: 135px;top: -89px;}
.zq_major_kuai {width: 80px;height: 80px;position: absolute;bottom: 8px;right: 0px;}
.zq_major{height:217px; width: 1200px; margin: 0 auto;position: relative;overflow: hidden;}
.zq_major_son{ width:1200px; margin:0 auto;}
.zq_major_nr{ color:#FFF;}
.zq_major_son{ text-align:center;}
.zq_major_son h3{ font-weight:normal; padding:29px 0 20px 0; font-size:35px;color: #fff;}
.zq_major_son p{ color:#fff; padding-top:10px; padding-bottom:10px; opacity: 1;}
.zq_major_nr{ font-size:35px;}
.zq_major_son{background: url(/images/qiguai.png) no-repeat center;height: 210px;width: 1200px;margin: 0 auto;}
.zq_major_son2{background: url(/images/xuexi_03.jpg) no-repeat center;height: 210px;width: 1200px;margin: 0 auto;}
.zq_major_size {margin: 0 auto; width: 764px;height: 102px;border-radius: 50px;background-color: #fff; }
.zq_major_size ul {display: inline-block;}
.zq_major_size ul li {border-right: 1px solid #08589d;height: 80px;margin: 11px 0 ;padding: 0 30px;}
.zq_major_size ul li p{color: #08589d;display: block;font-size: 23px;padding:5px 0;}
.zq_major_size ul:nth-of-type(4) li {border-right: none;}
.zq_major_quan {width: 250px;height: 250px;background-color: #36ddff;border-radius: 50%;position: absolute;top: -139px;left: -139px;}
.zq_major_minquan {width: 150px;height: 150px;background-color: #ffdc00;border-radius: 50%;position: absolute;left: 135px;top: -89px;}
.zq_major_kuai {width: 80px;height: 80px;position: absolute;bottom: 8px;right: 0px;}
/*我们的专业让您放心 end*/

/*3个特点*/
.zq_three_spe{margin-left: auto; margin-right: auto; width: 1004px; overflow: hidden; margin-top: 10px; height: 253px; margin-bottom: 20px;}
.zq_three_spe ul li{float: left; width: 333px;  text-align: center; height: 253px; position: relative;overflow: hidden;}
.zq_three_spe ul li img{margin-top: 30px; margin-bottom: 20px;}
.zq_three_spe ul li p{font-size: 16px; color: #333;}
.zq_three_spe ul li p a{color: #333;}
.zq_three_spe ul li p em{color: #ff5b00;}
.zq_spe_cup{display: block; width: 130px; height: 30px; background: url(/images/jm.gif) no-repeat center; margin: 0 auto; margin-top: 20px; position: absolute; left: 30%; bottom: 0;}
/*3个特点 end*/

/*乐家装企营销系统的特色与亮点*/
.zq_liandian{width: 1250px; height: 2060px !important; margin: 0 auto 0 auto;padding: 80px 0; position:relative;background-color: #fff;}
.zq_liandian_title{ color:#000; font-size: 36px; text-align:center; padding-top:35px; margin-bottom:45px;}
.zq_liandian_title p{font-size: 18px;margin-top: 20px;}
.zq_ld_jzdh {}
.tese {float: left;margin-left: -310px;width: 890px;margin-top: -48px;}
.tese_shuqian {width: 1220px;margin-left: 45px;}
.tese_shuqian ul {padding-top: 20px;}
.tese_shuqian ul li:nth-of-type(2n+1) img{margin-left: -80px;}
.tese_shuqian ul li:nth-of-type(2n) img {margin-left: -284px;}
.tese_shuqian ul li:nth-of-type(2n) .tese_bg_on {margin-right: 200px;}
.tese_shuqian ul li:nth-of-type(2n) .area-box img{margin-left: -335px;}
.tese_shuqian ul li:nth-of-type(2n+1) .area-box img{margin-left:-135px;}
.tese_shuqian ul li {margin: 146px 0 0 0;position: relative;}
.tese_bg_on {float: right;opacity: 1; cursor: pointer;margin:-42px 0 0 0; display: inline-block; width: 395px;height: 103px;position: relative;}
.tese_bg {float: right;opacity: 1; animation: all .8s ease;cursor: pointer;display: inline-block; width: 395px;height: 103px;position: relative;}
.tese_bg_time {-webkit-animation:fangun .6s ease both;-moz-animation:fangun .6s ease both;-o-animation:fangun .6s ease both;animation:fangun .6s ease both;background:0 0;transform-style:preserve-3d;}
.tese_bg_time1 {-webkit-animation:fangun1 1.6s ease both;-moz-animation:fangun1 1.6s ease both;-o-animation:fangun1 1.6s ease both;animation:fangun1 1.6s ease both;background:0 0;transform-style:preserve-3d;}
.tese_show{width: 395px;height: 103px; overflow: hidden; background: #2395da; position: relative;text-align: center;transform: rotateX(0deg) rotateY(0deg) translate3d(0,0,50px);}
.tese_show h3 {line-height: 103px;color: #fff;}
.tese_hide {width: 395px;height: 103px; overflow: hidden; background-color: #fcad24; position: relative;transform: rotateX(-90deg) rotateY(0deg) translate3d(0,0,-50px);}
.tese_hide p{width: 85%;margin: 13px auto;color: #fff;font-size: 13px;overflow: hidden;max-height: 80px;line-height: 20px;}
.ltft-top-jiao{width: 50px;height: 50px;background-color: #fca40c;transform:rotate(45deg);position: absolute;top: -25px;left: -25px;z-index: 0;}
.tese_show>span,.tese_hide span{position: absolute;top: 0;left: 4px;color: #fff;}
.area-box {position: absolute;left: 569px;top: 6px; display:inline-block;}
/*乐家装企营销系统的特色与亮点 end*/

/* 四网合一新体验*/
.siwang {padding: 100px 0;margin: 0 auto; background-color: #f6f6f6;}
.siwang_content { width: 1220px;height: 611px;margin: 100px auto 20px auto;position: relative;}
.siwang_content_size {text-align: center; position: absolute;}
.siwang_content_size p {display: inline; padding: 5px 37px;background-color: #00baff;color: #fff;}
.siwang_content_size img {margin-top: 30px;}
.siwang_content_size:nth-of-type(n+2) p {padding: 0px 20px;}
.siwang_content_f {width: 710px;left: calc(50% - 355px);top:-40px;}
.siwang_content_f p {font-size: 30px;}
.siwang_content_s {width: 158px;left: -19px;bottom: -23px;}
.siwang_content_s p {font-size: 23px;margin-right: -33px;}
.siwang_content_t {width: 158px;left: 156px;bottom: -23px;}
.siwang_content_t p {font-size: 23px;margin-left: -85px;}
.siwang_content_four {width: 307px;right: 42px;bottom: -21px;}
.siwang_content_four p {font-size: 23px;margin-right: -60px;}

/* 四网合一新体验end*/

/*如此优秀的产品*/
.dijia {width: 100%;position: relative; margin: 70px auto 20px auto}
.dijia_img {width: 1220px;height: 258px;margin: 0 auto;}
.dijia_size {font-size: 37px;color:#fff; position: absolute; top: 95px;left: calc(50% - 444px);}
/*如此优秀的产品 end*/

/*为什么选择乐后屋*/
.xuanze {width: 1220px;padding: 80px 0;margin: 0 auto;}
.xuanze_tp ul li {display: inline-block; margin: 20px 20px;cursor: pointer;}
.xuanze_tp {width: 1200px;margin: 0 auto;text-align: center;}
/*为什么选择乐后屋 end*/

/* 常见问题答疑 */
.dayi {width: 100%;height: 445px;margin: 0 auto;overflow: hidden; background-color: #fcf7f4;padding: 80px 0;}
.dayi_content {width: 1220px;margin: 70px auto 0 auto;}
.dayi_content ul{width: 50%;display: inline-block; float: left; /*margin: 0 20px;*/}
.dayi_content ul li {width: 80%;margin: 0 auto; padding: 0 10px;}
.dayi_content ul li p {display: inline-block;color: #000;}
.dayi_content ul li p:hover {color: #eb6100;}
.dayi_content ul li a:before{content:'';display: inline-block;width: 6px;height: 6px;border-radius: 50%;background-color: #eb6100;vertical-align: middle;margin-right: 16px;}
.dayi_content ul li span {margin-right: 20px; float: right; padding: 5px 15px;color: #eb6100;border: 1px solid #eb6100;}
/* 常见问题答疑 end */


/*  网站完成后 还要做什么？*/
.wanchen {width: 100%; padding: 80px 0; margin: 0 auto 80px auto; overflow: hidden; background-color: #202020;}
.wanchen_content {width: 1220px;margin: 0 auto;overflow: hidden;}
.wanchen_content ul li {background-color: #fff; margin: 20px 19px; position: relative; width: 264px;height: 436px;border: 1px solid #464646;float: left;overflow: hidden;cursor:pointer;}
.wanchen_content_size div{position: absolute;top: -20px;left: -20px; width: 150px;height: 50px;border-radius: 20px;}
.wanchen_content_size em{z-index: 1000; position: absolute;top: 3px;left: 17px;color: #fff !important;}
.wanchen_content_size a {position: absolute;bottom: 20px;left: calc(50% - 100px);padding: 5px 67px;border: 1px solid #ec8325;}
.wanchen_content_size p {color: #696969; width: 90%;margin: 0 auto;font-size: 15px;
    line-height: 22px;}
.wanchen_content_size p:nth-of-type(1) {min-height:175px;}
.wanchen_content ul li:hover .wanchen_content_size p:before{background-color: red;}
.wanchen_content ul li p:hover {color: #ff0000;}
.wanchen_content_size p:before {content: '';display: inline-block;width: 7px;height: 7px;border-radius: 50%;background-color: #ccc;vertical-align: middle;margin-right: 16px;}
.wanchen_content_size1>div {background-color: #ec8325;}
.wanchen_content_size2>div {background-color: #6d16be;}
.wanchen_content_size3>div {background-color: #41a6fc;}
.wanchen_content_size4>div {background-color: #f89509;}
.wanchen_content_size1 a {color: #ec8325;border: 1px solid #eb6100;}
.wanchen_content_size1 a:hover{background-color: #ec8325;color: #fff;}
.wanchen_content_size2 a {color: #6d16be;border: 1px solid #6d16be;}
.wanchen_content_size2 a:hover{background-color: #6d16be;color: #fff;}
.wanchen_content_size3 a {color: #41a6fc;border: 1px solid #41a6fc}
.wanchen_content_size3 a:hover{background-color: #41a6fc;color: #fff;}
.wanchen_content_size4 a {color: #6d16be;border: 1px solid #6d16be;}
.wanchen_content_size4 a:hover{background-color: #6d16be;color: #fff;}
/*  网站完成后 还要做什么？ end*/



/*我们版本与价格*/
.zq_edition_total{width:1200px; margin:0 auto;padding: 0 0 10px 0;}
.attr-table{width: 100%;text-align: center; border-collapse: collapse;}
.at-title { background-color: #239ffd !important;}
.f26 { font-size: 26px;}
.bold {font-weight: 700!important;}
.white { color: #fff!important;}
.attr-table th{padding: 20px 0; border: 1px solid #ddd;}
.attr-table th { background-color: #f6f6f6; position: relative;}
.black { color: #333!important;font-size: 23px;}
.f18 {font-size: 18px;margin-top: 7px;}
.red { color: #e01d20!important;}
.at-title {font-size: 18px;font-weight: bold; color: #333;}
.attr-table td { padding: 10px 0;  border: 1px solid #ddd;}
.at-subtitle { background-color: #D8F1FD; font-size: 14px; text-align: left; padding-left: 20px !important;}
.attr-table .at-subtitle { color: #333;}
.attr-table td { padding: 10px 0; border: 1px solid #ddd;}
.at-zhichi a{ font-size: 14px;color: #333;}
.icon-ok {width: 20px; height: 20px; display: inline-block; background: url(../images/zhichi.png) no-repeat; vertical-align: middle; margin-right: 5px; margin-top: -3px;}
.icon-no {width: 20px; height: 20px; display: inline-block; background: url(../images/buzhichi.png) no-repeat; vertical-align: middle; margin-right: 5px; margin-top: -3px;}
.at-toper{font-size: 18px; font-weight: bold; color: #333;}
.end-tr>p>a{color: #A9A959;}
.end-tr>p>a:hover {color: #000000;}
.zq_buy_now_son a{color: red;}
.attr-table a{color: #000;}

/*立即购买*/
.zq_buy_now_son{ margin-left:200px;}
.zq_buy_now_son p{ line-height:25px;}
.zq_buy_more{ width:100%; text-align: center; margin-top: 15px;}
.zq_buy_gm{ height:40px; padding:0 15px; line-height:40px; background:#3DA5DA; color:#FFF; display: inline-block; border-radius: 5px;margin: 0 122px; position:relative;}
.zq_buy_gm img{ width:25px; position:absolute; left: 8px; top: 8px;}
.zq_buy_gm p{ margin-left:30px;}
/*立即购买 end*/

/*我们版本与价格 end*/

/*关于乐后屋装企营销系统*/
.zq_product { padding-top: 10px; width: 1220px; margin: 0 auto; transition:all 1.4s linear;height :80px; overflow: hidden;background: #ccc; text-align: center;position: relative;margin-bottom: 40px;border-radius: 10px;}
.product_title p {color: #fff;margin-bottom: 10px;}
.zq_product_content p { width: 1200px;margin:0 auto;color: #000;text-align: left;text-indent: 33px;line-height: 25px;letter-spacing: 1px;font-size: 14px;font-weight: normal;}
.zq_product:hover{height:260px;}
/*关于乐后屋装企营销系统 end*/


/*===============CSS3 动画特效============*/
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
    0%{opacity:0}
    100%{opacity:1}
}
.sanji_texiao{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    animation: rotation .65s ease;
    -moz-animation: rotation .65s ease;
    -webkit-animation: rotation .65s ease;
    -o-animation: rotation .65s ease;
}

.ht5_top_bottom {animation:ht5_top_bottom 1.7s .2s ease both;}
.ht5_left_right{animation:ht5_left_right 2s .2s ease both;}
.ht5_right_left{animation:ht5_right_left 2s .2s ease both;}
.ht5_right_left_jf{animation:ht5_right_left_jf 2.5s .2s ease both;}
.ht5_left_right_jf{animation:ht5_left_right_jf 1.5s .2s ease both;}
.ht5_opacity{animation:ht5_opacity 3s .2s ease both;}
.ht5_bigbig {animation:ht5_bigbig .3s ease both;}
.ht5_bigbig_none {animation:ht5_bigbig_none .4s ease both;}
.ht5_bigbig_jf {animation:ht5_bigbig_jf 3s ease both;}
/*滚动*/
@keyframes upup{
    0%  {
        height: 250px;
        opacity: 1;
    }
    100% {
        height: 500px;
        opacity: 1;
    }
}
@keyframes upup_down{
    0%  {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
/*滚动结束*/
/*变大*/
@keyframes ht5_bigbig{
    0%  {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0.9;
    }
    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1;
    }
}
@keyframes ht5_bigbig_none{
    0%  {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
.ht5_bigbig_jf{
    z-index: 1000;transform: translateZ(0) scale(1.05); opacity: 1;
    -webkit-transform: translateZ(0) scale(1.05); opacity:1;
    transform:transform 0.6s ease 0s; opacity:0.3 ease 0s;
    -webkit-transform:transform 0.6s ease 0s; opacity: 0.3 ease 0s;
    -webkit-perspctive:1000; webkit-backface-visibility:hidden;
}
/*变大 end*/
.shanshuo{-webkit-animation:shanshuo .9s ease-out both;-moz-animation:shanshuo 1s ease-out both;-o-animation:shanshuo 1s ease-out both;animation:shanshuo 1s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;}
/*波浪线*/
.area-box .pulse{position:absolute;top:-28px;left:-163px;height:66px;width:66px;border:2px solid #0b89d6;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #0b89d6,0 0 10px #0b89d6 inset;-moz-box-shadow:0 0 4px #0b89d6,0 0 10px #0b89d6 inset;box-shadow:0 0 4px #0b89d6,0 0 10px #0b89d6 inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .pulse1{position:absolute;top:-28px;left:-363px;height:66px;width:66px;border:2px solid #0b89d6;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #0b89d6,0 0 10px #0b89d6 inset;-moz-box-shadow:0 0 4px #0b89d6,0 0 10px #0b89d6 inset;box-shadow:0 0 4px #0b89d6,0 0 10px #0b89d6 inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-03{height:66px;width:66px;-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{height:66px;width:66px;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{height:66px;width:66px;-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
/*波浪*/
@keyframes warn{
    0%  {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
/*波浪 end*/
/*翻滚*/
@keyframes fangun{
    0%  {
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        -o-transform: rotateX(0);
        transform: rotateX(0);
        -ms-transform: rotateX(0);
    }
    100% {
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
        -ms-transform: rotateX(0);
    }
}
@keyframes fangun1{
    0%  {
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
        -ms-transform: rotateX(0);
    }
    100% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -ms-transform: rotateX(0);
    }
}
/*翻滚 end*/
/*泡泡active*/
.paopao {-webkit-animation: paopao 7s cubic-bezier(0,.32,1,.67) both;-moz-animation: paopao 7s cubic-bezier(0,.32,1,.67) both;-o-animation: paopao 7s cubic-bezier(0,.32,1,.67) both;animation: paopao 7s cubic-bezier(0,.32,1,.67) both;transform-style:preserve-3d;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;}
@keyframes paopao{
    0%  {
        -webkit-transform: translate(0,0) scale(1);
        -moz-transform: translate(0,0) scale(1);
        -o-transform: translate(0,0) scale(1);
        transform: translate(0,0) scale(1);
        opacity: 1;
    }
    50% {
        -webkit-transform: translate(40px,20px) scale(1.2);
        -moz-transform: translate(40px,20px) scale(1.2);
        -o-transform: translate(40px,20px) scale(1.2);
        transform: translate(40px,20px) scale(1.2);
        opacity: .3;
    }
    100% {
        -webkit-transform: translate(0,0) scale(1);
        -moz-transform: translate(0,0) scale(1);
        -o-transform: translate(0,0) scale(1);
        transform: translate(0,0) scale(1);
        opacity: 1;
    }
}
.xiaopaopao {-webkit-animation: xiaopaopao 5s cubic-bezier(0,.32,1,.67) both;-moz-animation: xiaopaopao 5s cubic-bezier(0,.32,1,.67) both;-o-animation: xiaopaopao 5s cubic-bezier(0,.32,1,.67) both;animation: xiaopaopao 5s cubic-bezier(0,.32,1,.67) both;transform-style:preserve-3d;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;}
@keyframes xiaopaopao{
    0%  {
        -webkit-transform: translate(0,0) scale(1);
        -moz-transform: translate(0,0) scale(1);
        -o-transform: translate(0,0) scale(1);
        transform: translate(0,0) scale(1);
        opacity: .9;
    }
    50% {
        -webkit-transform: translate(-40px,20px) scale(1.1);
        -moz-transform: translate(-40px,20px) scale(1.1);
        -o-transform: translate(-40px,20px) scale(1.1);
        transform: translate(-40px,20px) scale(1.1);
        opacity: .1;
    }
    100% {
        -webkit-transform: translate(0,0) scale(1);
        -moz-transform: translate(0,0) scale(1);
        -o-transform: translate(0,0) scale(1);
        transform: translate(0,0) scale(1);
        opacity: .9;
    }
}
.fangkuai {-webkit-animation: fangkuai 5s ease both;-moz-animation: fangkuai 5s ease both;-o-animation: fangkuai 5s ease both;animation: fangkuai 5s ease both;transform-style:preserve-3d;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;}
@keyframes fangkuai{
    0%  {
        -webkit-transform: translate(0,0) scale(1);
        -moz-transform: translate(0,0) scale(1);
        -o-transform: translate(0,0) scale(1);
        transform: translate(0,0) scale(1);
        opacity: .9;
        background-color: #fff;
    }
    25% {
        -webkit-transform: translate(0,-20px) scale(1.1);
        -moz-transform: translate(0,-20px) scale(1.1);
        -o-transform: translate(0,-20px) scale(1.1);
        transform: translate(0,-20px) scale(1.1);
        opacity: .7;
        background-color: #50fff5;
    }
    50% {
        -webkit-transform: translate(-20px,-20px) scale(1.1);
        -moz-transform: translate(-20px,-20px) scale(1.1);
        -o-transform: translate(-20px,-20px) scale(1.1);
        transform: translate(-20px,-20px) scale(1.1);
        opacity: .7;
        background-color: #50fff5;
    }
    75% {
        -webkit-transform: translate(-20px,0) scale(1.1);
        -moz-transform: translate(-20px,0) scale(1.1);
        -o-transform: translate(-20px,0) scale(1.1);
        transform: translate(-20px,0) scale(1.1);
        opacity: .7;
        background-color: #50fff5;
    }
    100% {
        -webkit-transform: translate(0,0) scale(1);
        -moz-transform: translate(0,0) scale(1);
        -o-transform: translate(0,0) scale(1);
        transform: translate(0,0) scale(1);
        opacity: .9;
        background: #fefefe;
    }
}
.weiwei {-webkit-animation: weiwei .8s ease both;-moz-animation: weiwei .8s ease both;-o-animation: weiwei .8s ease both;animation: weiwei .8s ease both;transform-style:preserve-3d;}
@keyframes weiwei{
    0%  {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        opacity: .9;
    }
    51% {
        -webkit-transform: scale(1.025);
        -moz-transform: scale(1.025);
        -o-transform: scale(1.025);
        transform: scale(1.025);
        opacity: 1;
    }
    100% {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        opacity: .9;
    }
}
/*泡泡结束*/


		/*书签专用移动*/
.shuqian {-webkit-animation: shuqian 4s ease both;-moz-animation: shuqian 4s ease both;-o-animation: shuqian 4s ease both;animation: shuqian 4s ease both;transform-style:preserve-3d;}
@keyframes shuqian{
    0%  {
        -webkit-transform:translateX(150px);
        -moz-transform:translateX(150px);
        -o-transform:translateX(150px);
        transform:translateX(150px);
        opacity: .9;
    }
    100% {
        -webkit-transform:translateX(0px);
        -moz-transform:translateX(0px);
        -o-transform:translateX(0px);
        transform:translateX(0px);
        opacity: .9;
    }
}
		/*书签专用移动 end*/
/*缓慢出现 半透明*/
@-webkit-keyframes ht5_opacity{
    0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes ht5_opacity{
    0%{opacity:0}
    100%{opacity:1}
}
@-ms-keyframes ht5_opacity{
    0%{opacity:0}
    100%{opacity:1}
}
/*缓慢出现 半透明 end*/

/*shanshuo*/
@keyframes shanshuo{
    0%  {
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        -o-transform: scale(.85);
        transform: scale(.85);
        opacity: 0.8;
    }
    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100%  {
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        -o-transform: scale(.85);
        transform: scale(.85);
        opacity: 0.8;
    }
}

/*shanshuo-end*/

/*从左到右*/
@-webkit-keyframes ht5_left_right{
    0%{opacity:0;
        -webkit-transform:translateX(-200px)}
    100%{opacity:1;
        -webkit-transform:translateX(0)}
}
@-moz-keyframes ht5_left_right{
    0%{opacity:0;
        -moz-transform:translateX(-200px)}
    100%{opacity:1;
        -moz-transform:translateX(0)}
}
@-ms-keyframes ht5_left_right{
    0%{opacity:0;
        -ms-transform:translateX(-200px)}
    100%{opacity:1;
        -ms-transform:translateX(0)}
}
@-webkit-keyframes ht5_left_right_jf{
    0%{opacity:0;
        -webkit-transform:translateX(-200px)}
    100%{opacity:1;
        -webkit-transform:translateX(0)}
}
/*jf*/
@-moz-keyframes ht5_left_right_jf{
    0%{opacity:0;
        -moz-transform:translateX(-200px)}
    100%{opacity:1;
        -moz-transform:translateX(0)}
}
@-ms-keyframes ht5_left_right_jf{
    0%{opacity:0;
        -ms-transform:translateX(-200px)}
    100%{opacity:1;
        -ms-transform:translateX(0)}
}
/*从左到右 end*/


/*从右到左*/
@-webkit-keyframes ht5_right_left{
    0%{opacity:0;
        -webkit-transform:translateX(200px)}
    100%{opacity:1;
        -webkit-transform:translateX(0)}
}
@-moz-keyframes ht5_right_left{
    0%{opacity:0;
        -moz-transform:translateX(200px)}
    100%{opacity:1;
        -moz-transform:translateX(0)}
}
@-ms-keyframes ht5_right_left{
    0%{opacity:0;
        -ms-transform:translateX(200px)}
    100%{opacity:1;
        -ms-transform:translateX(0)}
}



/*从右到左 end*/

/*延迟进入*/
@-webkit-keyframes ht5_right_left_jf{
    0%{opacity:0;
        -webkit-transform:translateX(400px)}
    100%{opacity:1;
        -webkit-transform:translateX(0)}
}
@-moz-keyframes ht5_right_left_jf{
    0%{opacity:0;
        -moz-transform:translateX(400px)}
    100%{opacity:1;
        -moz-transform:translateX(0)}
}
@-ms-keyframes ht5_right_left_jf{
    0%{opacity:0;
        -ms-transform:translateX(400px)}
    100%{opacity:1;
        -ms-transform:translateX(0)}
}
/*延迟进入jf*/

/*从上到下*/
@-webkit-keyframes ht5_top_bottom{
    0%{opacity:0;
        -webkit-transform:translateY(-200px)}
    60%{opacity:1;}
    80%{}
    100%{-webkit-transform:translateY(0)}
}

@-moz-keyframes ht5_top_bottom{
    0%{opacity:0;
        -moz-transform:translateY(-200px)}
    60%{opacity:1;}
    80%{}
    100%{-moz-transform:translateY(0)}
}
@-ms-keyframes ht5_top_bottom{
    0%{opacity:0;
        -ms-transform:translateY(-200px)}
    60%{opacity:1;}
    80%{}
    100%{-ms-transform:translateY(0)}
}
/*从上到下 end*/


		/*t右侧栏显示隐藏*/
.zixin {-webkit-animation: zixin 5s ease both;-moz-animation: zixin 5s ease both;-o-animation: zixin 5s ease both;animation: zixin 5s ease both;transform-style:preserve-3d;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;}
@keyframes zixin{
    0% {
        opacity: 0;
        -moz-opacity: 0;
        filter:alpha(opacity=0);
    }
    35% {
        opacity: 1;
        -moz-opacity: 1;
        filter:alpha(opacity=50);
    }
    50% {
        opacity: 0;
        -moz-opacity: 0;
        filter:alpha(opacity=0);
    }
    100% {
        opacity: 0;
        -moz-opacity: 0;
        filter:alpha(opacity=0);
    }
}
		/*t右侧栏显示隐藏 end*/


		/*top 箭头*/
		.xiu {-webkit-animation: xiu 1.2s ease both;-moz-animation: xiu 1.2s ease both;-o-animation: xiu 1.2s ease both;animation: xiu 1.2s ease both;transform-style:preserve-3d;}
@keyframes xiu{
    0%  {
	    -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    25% {
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
        opacity: 0;
    }
    50% {
        -webkit-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -o-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
    }
    100%{
	    -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
	    opacity: 1;
    }
}
.example01{transform: translateX(-200px) scale(0.95); opacity: 0; -webkit-transform: translateX(-200px) scale(0.95);  }
.example02{ transform: translateX(200px) scale(0.95); opacity: 0; -webkit-transform: translateX(200px) scale(0.95); opacity: 0; }
.example02.on{ margin-right:0px !important;}

.ht5_cases_table{ transform: translateX(0) scale(1); opacity: 1;  -webkit-transform: translateX(0) scale(1); opacity:1; transform:transform 0.6s ease 0s; opacity:0.6 ease 0s; -webkit-transform:transform 0.6s ease 0s; opacity: 0.6 ease 0s; webkit-perspctive:1000; webkit-backface-visibility:hidden;}

.ht5_btto_top{visibility: visible; transform: translateY(200px) scale(0.95); opacity: 0; -webkit-transform: translateY(200px) scale(0.95); opacity: 0;}
.ht5_btto_top_jf{visibility: visible; transform: translateY(0px) scale(1);opacity: 1; -webkit-transform: translateY(0) scale(1); opacity: 1; -webkit-transition:-webkit-transform 1s ease 0s, opacity 1s ease 0s; transition:transform 1s ease 0s, opacity 1s ease 0s; -webkit-perspective:1000; -webkit-backface-visibility:hidden;}

.ht5_title{visibility: visible; transform: translateY(-200px) scale(0.95); opacity: 0; -webkit-transform: translateY(-200px) scale(0.95); opacity: 0; }
.ht5_title_jf{visibility: visible; transform: translateY(0px) scale(1);opacity: 1; -webkit-transform: translateY(0) scale(1); opacity: 1; -webkit-transition:-webkit-transform 1s ease 0s, opacity 1s ease 0s; transition:transform 1s ease 0s, opacity 1s ease 0s; -webkit-perspective:1000; -webkit-backface-visibility:hidden;}


/*==============CSS3 动画 特效 end===========*/


/*==============左侧栏==========*/
.leftsidebar{padding-top: 30px; position: fixed;left: 47%;top: 22%; display: block;z-index: 999999; width: 124px;height: 313px; margin-left: -695px;background:url("../images/left_bg_03.png") no-repeat;}
.leftsidebar ul li{width: 72px; margin-top: 10px;margin-left: 22px; height:40px;font-size:12px; cursor: pointer;}
.leftsidebar ul li.on{}
.leftsidebar ul li table{width:100px; height:42px; margin:0 auto;}
.leftsidebar ul li table a{color: #fff;padding: 20px 26px;margin-left: -5px;}
.CG-MENU {color:#fff;background:rgb(255, 224, 0);color: #03a6eb!important;}
/*==============左侧栏========== end*/

/*==============右侧栏==========*/
.rightsidebar{position: fixed; right: 0px; bottom:140px; display: block;z-index: 999999; display:none;}
.rightsidebar ul li{ width:60px; height:57px; background:#636363; margin-bottom:4px; position:relative;}
.rightsidebar ul li:hover{ background:#239FFD;}
.return_top_con.mu{background:#239FFD;}
.rightsidebar_table_li_qq {position:relative;}
.omg img{position: absolute; left: -1px;top:-5px;width:24px;height: 15px;}
.right_chelan_dh{ position:absolute; height:98px; left:-160px; top:0px; width:180px;}
.right_chelan_dh_son{ padding:10px; border-radius:4px; font-size:14px; width:130px; background:#636363;}
.right_chelan_dh_son p{ color:#FFF; text-align:center; line-height:26px;}

.right_chelan_gouwu{ position:absolute; height:98px; left:-160px; top:0px; width:180px;}
.right_chelan_gouwu-o {position:absolute; left:-259px; top:0px;}
.right_chelan_gouwu_son{padding:10px; border-radius:4px; font-size:14px; width:130px; background:#636363; text-align:center;}
.right_chelan_gouwu_son img{ width:77px; height:22px;}
.right_chelan_gouwu_son span{display: block;color: #fff; margin-bottom: 5px;font-size: 14px;}
.right_chelan_gouwu_boy {padding:18px 30px; border-radius:4px 0 4px 4px; font-size:16px;background:#636363; text-align:center;color: #fff;}
.right_chelan_gouwu_boy p {margin-bottom: 15px;}


.rightsidebar ul li.on{ background:#239FFD;}
.rightsidebar_table_li{ width:60px; text-align:center; height:57px; cursor:pointer;}
.rightsidebar_table_li_qq{width:60px; text-align:center; height:37px; cursor:pointer;}
.rightsidebar_table_li_son{width:60px; text-align:center; height:32px; cursor:pointer;}

.rightsidebar_tr{ color:#FFF; font-size:12px; text-align:center;}
.returntop{ text-align:center; font-size:14px; color:#FFF;}

.rig-gif img{width:24px;}

.loader {display: flex;position: absolute;top: 0px;left: -2px;}
@keyframes pacman-balls {
  75% {
    opacity: 0.7; }
  
  100% {
    -webkit-transform: translate(30px);
            transform: translate(30px); 
            opacity: 1;
            -moz-opacity: 1;
            filter:alpha(opacity=50);
            } 
        }
 
.pacman {
   width: 24px;height: 10px;overflow: hidden;z-index: 99;}
.pacman > div:nth-child(1) {
-webkit-animation: pacman-balls 1.5s 0s infinite ease-out;
        animation: pacman-balls 1.5s 0s infinite ease-out; }
.pacman > div:nth-child(2) {
-webkit-animation: pacman-balls 1.5s 0.3s infinite ease-out;
        animation: pacman-balls 1.5s 0.3s infinite ease-out; }
.pacman > div:nth-child(3) {
-webkit-animation: pacman-balls 1.5s .6s infinite ease-out;
        animation: pacman-balls 1.5s .6s infinite ease-out; }
.pacman > div:nth-child(1), .pacman > div:nth-child(2), .pacman > div:nth-child(3){
  background-color: #0091f9;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  position: absolute;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);

} 
/*==============右侧栏========== end*/