/*----------------------电脑板式样式----------------------*/

/*----------------------平板板式样式----------------------*/
@media screen and (min-width:641px) and (max-width:1200px) {

}
/*----------------------手机板式样式----------------------*/
@media screen and (max-width:640px) {

}


 #qqol_style_06_1656143423613{width:29.416666666666668%;position:absolute;top:0px;left:70.58333333333333%;}   @media screen and (min-width:641px) and (max-width:1200px) {#qqol_style_06_1656143423613{}}   @media screen and (max-width:640px) {#qqol_style_06_1656143423613{width:69.3069306930693%;top:61px;left:15.346534653465348%;display:none;}} #qqol_style_06_1656143423613 > .view_contents{overflow:visible;}  #comm_layout_header{height:18px;z-index:99999;}   @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_header{height:80px;}}   @media screen and (max-width:640px) {#comm_layout_header{height:72px;}} #comm_layout_header > .view_contents{max-width:1200px;overflow:visible;}  #comm_layout_header  {background-position:50% 50% !important;background-size:auto 100%;background:rgba(25,25,25,0.9);}
 #layout_diy_1672119682{height:600px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_diy_1672119682{height:600px;}}   @media screen and (max-width:640px) {#layout_diy_1672119682{height:600px;}} 


 #div_blank_new01_1563433583074{width:100%;height:46px;position:absolute;top:18.97918701171875px;left:0%;}   @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_new01_1563433583074{height:68px;left:0%;top:335px;}}   @media screen and (max-width:640px) {#div_blank_new01_1563433583074{width:100%;height:48px;top:0px;left:0%;display:none;}}  #div_blank_new01_1563433583074  {box-sizing:border-box;} #div_blank_new01_1563433583074 .modSet {background:#363636;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_new01_1563433583074  {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_new01_1563433583074  {box-sizing:border-box;}}

 #copyright_style_01_1656070863363{width:52.548607461902265%;position:absolute;top:31.46990966796875px;left:23.725696269048868%;}   @media screen and (min-width:641px) and (max-width:1200px) {#copyright_style_01_1656070863363{width:704px;left:12.672322375397668%;top:348px;}}   @media screen and (max-width:640px) {#copyright_style_01_1656070863363{width:100%;top:12px;left:0%;}} #copyright_style_01_1656070863363 > .view_contents{overflow:visible;}  #comm_layout_footer{height:117.25925899999999px;z-index:99999;}   @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_footer{height:403px;}}   @media screen and (max-width:640px) {#comm_layout_footer{height:64px;}} #comm_layout_footer > .view_contents{overflow:visible;}  #comm_layout_footer  {background:#444444;}
.onlineStyle06 .main_box{ position: fixed; top: 50%; transform: translateY(-50%); z-index: 100000000; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);}
.onlineStyle06 .item_box{ position: relative;}
.onlineStyle06 .item_box:hover .show_box{ display: block;}
.onlineStyle06 .item{ width: 40px; height: 40px; text-align: center; box-sizing: border-box; padding: 12px; margin: 7px 0; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.onlineStyle06 .item .img{ background-repeat: no-repeat; width: 100%; height: 100%; background-position: center; background-size: 100% !important;}
.onlineStyle06 .item:hover{ background: rgb(42,140,240); color: #fff;}
.onlineStyle06 .item:hover .img{ background: url(../img/qqol/style_06/message_pc_white.png) no-repeat; background-position: center;}
.onlineStyle06 .item .text{ line-height: 1.2; font-size: 14px; margin-top: 5px;}

.onlineStyle06 .item .message_icon{ background-image: url(../img/qqol/style_06/message_pc_gray.png);}
.onlineStyle06 .item:hover .message_icon{ background-image: url(../img/qqol/style_06/message_pc_white.png);}

.onlineStyle06 .item .time_icon{ background-image: url(../img/qqol/style_06/time_pc_gray.png);}
.onlineStyle06 .item:hover .time_icon{ background-image: url(../img/qqol/style_06/time_pc_white.png);}

.onlineStyle06 .buycart{cursor: pointer;}
.onlineStyle06 .item .buycart_icon{ background-image: url(../img/qqol/style_06/buycart_pc_gray.png);}
.onlineStyle06 .item:hover .buycart_icon{ background-image: url(../img/qqol/style_06/buycart_pc_white.png);}
.onlineStyle06 .backup{cursor: pointer;}
.onlineStyle06 .item .backup_icon{ background-image: url(../img/qqol/style_06/backup.png);}
.onlineStyle06 .item:hover .backup_icon{ background-image: url(../img/qqol/style_06/backup_white.png);}

.onlineStyle06 .item .qr_icon{ background-image: url(../img/qqol/style_06/qr_pc_gray.png);}
.onlineStyle06 .item:hover .qr_icon{ background-image: url(../img/qqol/style_06/qr_pc_white.png);}

.onlineStyle06 .show_box{ display: none; position: absolute; right: 100%; top: 0; width: 220px;}
.onlineStyle06 .box_content{position: relative;}
.onlineStyle06 .box_content .arrow{ position: absolute; top: 13px;}
.onlineStyle06 .show_box .contant{ background: #fff; border-radius: 10px; padding-bottom: 5px; box-shadow: 0px 0px 15px rgba(0,0,0,.2); max-height: 300px; overflow-y: scroll; overflow-x: hidden;}
.onlineStyle06 .show_box .contant::-webkit-scrollbar{ display: none;}
.onlineStyle06 .show_box .li_item{ padding: 12px 10px; overflow: hidden; border-bottom: 1px dashed rgba(0,0,0,.2); color: #333; font-size: 14px; margin: 0 15px;}
.onlineStyle06 .show_box .li_item:last-of-type{ border-bottom: none;}
.onlineStyle06 .show_box .title{ border-bottom: 1px solid rgba(0,0,0,.2); text-align: center; padding: 14px 0; color: #333; font-size: 14px;}
.onlineStyle06 .show_box .icon{ float: left; margin-top: 5px; vertical-align: top; width: 16px; height: 16px;}
.onlineStyle06 .show_box .icon .img{ width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100%;}
.onlineStyle06 .show_box .text_contant{ float: left; padding-left: 10px; width: calc( 100% - 16px); box-sizing: border-box; text-overflow: ellipsis; overflow: hidden;}
.onlineStyle06 .show_box .text_contant div{ word-break: break-all;}
.onlineStyle06 a{ color: #333;}

.onlineStyle06 .show_box .icon .list_phone_icon{ background-image: url(../img/qqol/style_06/phone_pc.png);}
.onlineStyle06 .show_box .icon .list_wx_icon{ background-image: url(../img/qqol/style_06/wx_pc.png);}
.onlineStyle06 .show_box .icon .list_qq_icon{ background-image: url(../img/qqol/style_06/qq_pc.png);}
.onlineStyle06 .show_box .icon .list_mail_icon{ background-image: url(../img/qqol/style_06/mail_pc.png);}

.onlineStyle06 .time .contant{ color: #333; padding: 0; height: 40px; text-align: center; line-height: 40px; font-size: 14px;}

.onlineStyle06 .qrcode .contant{ border-radius:10px 0 0 10px; padding: 20px 0 15px; text-align: center;}
.onlineStyle06 .qrcode .qrcode_img{ width: 135px; height: 135px; overflow: hidden; margin: 0 auto;}
.onlineStyle06 .qrcode .qrcode_img img{ width: 100%; }
.onlineStyle06 .qrcode .qr_text{ color: #333; font-size: 16px; margin-top: 20px;}
.onlineStyle06 .qq_pc{display:block;}
.onlineStyle06 .qq_mobile{display:none;}

@media screen and (max-width:640px) {
    .onlineStyle06 .item .message_icon{ background-image: url(../img/qqol/style_06/message_mobile_gray.png);}
    .onlineStyle06 .item:hover .message_icon{ background-image: url(../img/qqol/style_06/mrssage_mobile_white.png);}

    .onlineStyle06 .item .time_icon{ background-image: url(../img/qqol/style_06/time_mobile_gray.png);}
    .onlineStyle06 .item:hover .time_icon{ background-image: url(../img/qqol/style_06/time_mobile_white.png);}

	.onlineStyle06 .item .buycart_icon{ background-image: url(../img/qqol/style_06/buycart_mobile_gray.png);}
	.onlineStyle06 .item:hover .buycart_icon{ background-image: url(../img/qqol/style_06/buycart_mobile_white.png);}
	
	.onlineStyle06 .backup .item{background: #fff!important;}
	.onlineStyle06 .item .backup_icon{ background-image: url(../img/qqol/style_06/backup.png)!important;}

    .onlineStyle06 .item .qr_icon{ background-image: url(../img/qqol/style_06/qr_mobile_gray.png);}
    .onlineStyle06 .item:hover .qr_icon{ background-image: url(../img/qqol/style_06/qr_mobile_white.png);}

    .onlineStyle06 .show_box .icon .list_phone_icon{ background-image: url(../img/qqol/style_06/phone_mobile.png);}
    .onlineStyle06 .show_box .icon .list_wx_icon{ background-image: url(../img/qqol/style_06/wx_mobile.png);}
    .onlineStyle06 .show_box .icon .list_qq_icon{ background-image: url(../img/qqol/style_06/qq_mobile.png);}
    .onlineStyle06 .show_box .icon .list_mail_icon{ background-image: url(../img/qqol/style_06/mail_mobile.png);}
	.onlineStyle06 .qq_pc{display:none;}
	.onlineStyle06 .qq_mobile{display:block;}
}


            #qqol_style_06_1656143423613 .main_box{ right: 0;}
        #qqol_style_06_1656143423613 .show_box{ right: 100%;}
        #qqol_style_06_1656143423613 .show_box .contant{ border-radius: 10px 0 10px 10px;}
        #qqol_style_06_1656143423613 .time .contant{ border-radius: 50px 0 0 50px;}
        #qqol_style_06_1656143423613 .qrcode .contant{ border-radius:10px 0 0 10px;}
        #qqol_style_06_1656143423613 .item:hover{ background: #426cdf;}
    #qqol_style_06_1656143423613 .show_box{width: 220px;}

            #qqol_style_06_1656143423613 .box_content{ padding-right: 15px;}
        #qqol_style_06_1656143423613 .arrow{ right: 9px;}
    .blank_new01{width:100%;height:100%;}
.blank_new01 .roundcs{width:100%;height:100%;background:rgba(7,126,244,0.7);box-sizing: border-box;}
			.copyrightStyle01{text-align: center;color:#999;font-size: 14px;font-family: "Microsoft YaHei",微软雅黑;} 
.copyrightStyle01 .copyright_view{display: inline;padding-right: 10px;}
.copyrightStyle01 .icp_view{display: inline-block;padding-right: 10px;}
.copyrightStyle01 .lw_view{display: inline-block;}
.copyrightStyle01 .lw_icon{width: 18px;vertical-align: top;margin-right: 4px;}
.copyrightStyle01 .line_view a{color:inherit;}

@media screen and (max-width: 640px){
    .copyrightStyle01{font-size: 12px;line-height: 1.75;}
}
				.bottomMenu{width: 100%; box-sizing:border-box; display: none;position:fixed;bottom:0; z-index:999999;}

				.bottomMenu ul{position: relative; box-sizing: border-box; width: 100%; height: 50px; background-color: #FFFFFF; border-top: 1px solid #ddd; box-shadow: 0 0px 6px rgba(0,0,0,.1); display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
				.bottomMenu ul li{position:relative; box-sizing: border-box; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
				.bottomMenu ul li .menuItem{position: relative;}
				.bottomMenu ul li .menuIco{width: 26px; height: 26px; overflow: hidden; margin: 0 auto 4px;}
				.bottomMenu ul li .menuIco img{width: 100%; height: 100%;padding:2px 1px 0;box-sizing:border-box;}
				.bottomMenu ul li .menuName{font-size: 12px; white-space: nowrap; margin: auto; text-align: center; color: #999999; line-height: 1;font-family:Microsoft YaHei;}
				.bottomMenu ul li .submenuItems{position: absolute; bottom: 48px; z-index:999999; width: 100%; text-align: center; border: 1px solid #ddd; background-color: #fff; box-shadow: 0 0px 6px rgba(0,0,0,.1);}
				.bottomMenu ul li .submenuItems a{display: block; height: 36px; line-height: 36px; font-size: 12px; color: #333; border-bottom: 1px solid #ddd; }
				@media screen and (max-width:767px) {
					.bottomMenu{display: block;}
					
					body{padding-bottom:50px!important;}
				}