@charset "utf-8";


 
@media  screen and (min-width: 1024px) { 
  /* html { font-size: 8px; } */
   /* #intro_about_us {font-size: 2.0rem;}  */
  /* body {background-color:rgb(134, 134, 134);}  */
}
@media  screen and (min-width: 1100px)  { 
  /* html { font-size: 9px; } */
   /* #intro_about_us {font-size: 2.0rem;}  */
  /* body {background-color:rgb(134, 134, 134);}  */
}
@media  screen and (min-width: 1280px)  { 
  /* html { font-size: 10.5px; } */
   /* #intro_about_us {font-size: 2.0rem;}  */
  /* body {background-color:rgb(134, 134, 134);}  */
}

@media  screen and (min-width: 1366px)  { 
  /* html { font-size: 12px; } */
   /* #intro_about_us {font-size: 2.0rem;}  */
  /* body {background-color:rgb(134, 134, 134);}  */
}

@media  screen and (min-width: 1440px)  { 
  /* html { font-size: 12px; } */
   /* #intro_about_us {font-size: 2.0rem;}  */
  /* body {background-color:rgb(134, 134, 134);}  */
}
@media  screen and (min-width: 1600px)  { 
    /* html { font-size: 13.3px; } */
     /* #intro_about_us {font-size: 2.0rem;}  */
    /* body {background-color:rgb(134, 134, 134);}  */
  }

@media  screen and (min-width: 1680px)  { 
  /* html { font-size: 14px; } */
   /* #intro_about_us {font-size: 2.0rem;}  */
  /* body {background-color:rgb(134, 134, 134);}  */
}

@media screen and (min-width: 1920px)  { 
   /*#intro_about_us {font-size: 3rem;} */
 /* html { font-size:16px; } */
/* body {background-color: rgb(255, 255, 255);} */
} 

@media screen and (min-width: 2520px)  { 
   /*#intro_about_us {font-size: 3rem;} */
 /* html { font-size: 21px; } */
/* body {background-color: rgb(255, 255, 255);} */
} 

@media screen and (min-width: 3980px)  { 
   /*#intro_about_us {font-size: 3rem;} */
 /* html { font-size: 33px; } */
/* body {background-color: rgb(255, 255, 255);} */
} 



*{ margin:0;
   padding:0
}
/* 具体页面内容开始  */  
body{
    background-color:rgb(245, 245, 245);
   }
*{
    /* 去点击后出现的蓝色背景 */
    -webkit-tap-highlight-color:rgba(0,0,0,0);
   }
a:focus{
    /* 去点击后出现的边框 */
    outline: none;
}



a {
    color:rgb(65, 65, 65);
    text-decoration: none;
}




#tip-header{
    position: relative;
    left:0rem;
    top:0rem;
    width:100rem;
    height:4rem; 
    font-size: 0.75rem;
    /* border:1px solid black; */
    margin: 0;
    padding:0;

}
#tip-header table{
    position: absolute;
    left:20rem;
    /* width:60rem; */
    height: 3rem;
    text-align: center;
    border:none;
    /* border: 1px solid rgb(88, 184, 10); */
}
#tip-header table tr td{
    border:none;
    text-align: right;
    /* border: 1px solid red; */
}
#tip-header table tr .logo {    
    width:40rem;
    height:4rem;
    text-align: left;
    
   }
#tip-header table tr .logo img{    
    width:7.5rem;
    height:3rem;
    padding:0.5rem;
    background-color: rgb(255, 255, 255);
    border-radius: 0.3rem;

}
#tip-header table tr .login{    
    width:21.5rem;
    height:2.0rem;
    font-size: 0.75rem;
    color:rgb(119, 119, 119);    
   }
/* #tip-header table .phone{
    width:23rem;
    height:4rem;    
   }
#tip-header table tr .phone img{
    width:1.2rem;
    height:1.2rem;
} */
/* .key_login_register{ */
    /* position: absolute;
    left:71rem;
    top:0.1rem;
    width:30.2rem;
    height:2.0rem;
    font-size: 0.75rem;
    color:rgb(119, 119, 119) */
    
   /* } */



.nav {
    position:relative;
    top:0rem;
    left:0rem;
    width: 100rem;
    height: 3rem;
    font-family:"黑体,思源黑体,宋体,新宋体";
    font-weight:300;
    font-size:0.95rem;
    /* color:rgb(214, 214, 214);  */
    border:none;
    margin: 0;
    padding:0;    
    /* background-color:#b10f9b; */
    z-index: 9;
    /* border:1px solid green; */

    }

.nav #navbackground{
    position:absolute;
    top:0rem;
    left:0rem;
    width:100rem;
    height: 3rem;
    padding: 0;
    margin: 0;    
    background-color:#5e5e5e;
    border:none;

    /* box-shadow:3px 3px 6px 0px #666; */
    /* border:1px solid green; */
   }

.nav .tab{
    position:absolute;
    left:18rem;
    top:0rem;
    width:70rem;
    height: 3rem;
    border-collapse:   separate;   
    border-spacing:   0rem;


}
.nav .tab tr{
    height: 0.8rem;
    height: 3rem;

}

.nav .tab tr td {
    border-right: 1px solid rgb(233, 233, 233); 
    text-align: center;
    height: 3rem;
    border:none;

}

.nav  .tab .nav_part_a{
    position:relative;
    top:0rem;    
    width: 7rem;
    height: 3rem;

    color:rgb(231, 231, 231); 
    letter-spacing:2px;
    vertical-align:middle;
    line-height: 2.65rem;

    border-right:none;
    border:none;

    /* border: 1px solid red; */
    padding:0rem;
    margin: 0;

}

.nav  .tab  .nav_part_a .index{   
    /* 导航超链接    */
    /* position: relative; */
    font-size: 1rem;
    /* left:-2rem; */
    padding:0rem;
    margin: 0;
    text-align:center;
    /* border: 1px solid rgb(0, 255, 0); */
}

.nav  .tab  .nav_part_a a { color:rgb(231, 231, 231); }
.nav  .tab .nav_part_a:hover a{    color: rgb(255, 211, 92);}
/* .nav  .tab .nav_part_a:hover .out_menu{    display: block;} */

.nav .out_menu{
    position:absolute;
    left:28rem;
    top:3rem;
    width:60rem;
    /* height: 10rem;     */
    list-style-type: none;
    font-family:"思源黑体,黑体,宋体,新宋体";
    font-weight:300;
    font-size:0.7rem;
    
    text-align: left;
    background-color:rgb(240, 240, 240);    
    color:rgb(168, 75, 75); 
    letter-spacing: 0.1rem;
    line-height: 2.0rem;
    z-index: 9;
    padding:0.5rem;
    display: none;
    border-right: none;

    /* border: 1px solid red; */

}
.nav .out_menu tr{
    border:none;
    border-bottom:1px solid #5e5e5e;    
    padding-bottom: 0.2rem; 
    padding-top: 0.4rem;
    /* border: 1px solid red; */

}
.nav .out_menu tr td{
    white-space: nowrap;
    /* height: 2.5rem; */
    width:9rem;
    vertical-align: middle;
    padding-bottom: 0.1rem; 
    padding-top: 0.4rem;
    font-size:0.7rem;
    color:rgb(141, 141, 141);

    /* border: 1px solid red; */

}
.nav   .out_menu .title{
    font-family:"思源黑体,黑体,宋体,新宋体";
    font-weight:800;
    font-size:0.8rem;
    color:rgb(31, 31, 31);
    text-align: center;
    /* padding-bottom: 0.1rem; */
    /* padding-top: 0.4rem; */
    /* border: 1px solid red; */

}
.nav  .out_menu a:hover{
    color:rgb(214, 35, 44);
    border-bottom: 1px dotted rgb(214, 35, 44);
}
.nav  .out_menu li a{
    border-bottom: 1px dotted #9c9c9c;
}




/* .nav  .nav_part_c  .out_menu{
    position: relative;
    left:1rem;
    list-style-type: none;
    padding:0;
    text-align: left;
    width: 5rem;
    padding:0.3rem;
    font-family:"思源黑体,黑体,宋体,新宋体";
    font-weight:300;
    font-size:0.7rem;
    background-color:rgb(233, 233, 233);    
    color:rgb(80, 72, 68); 
    letter-spacing: 0px;
    line-height: 1.2rem;
    z-index: 9;
    display: none;
    border-right: none;
} */
/* .nav .nav_part_d  .out_menu{
    position: relative;
    left:1rem;
    list-style-type: none;
    padding:0;
    text-align: left;
    width: 5rem;
    padding:0.3rem;
    font-family:"思源黑体,黑体,宋体,新宋体";
    font-weight:300;
    font-size:0.7rem;
    background-color:rgb(233, 233, 233);    
    color:rgb(80, 72, 68); 
    letter-spacing: 0px;
    line-height: 1.2rem;
    z-index: 9;
    display: none;
    border-right: none;
} */

/* .nav .nav_part_e  .out_menu{
    position: relative;
    left:2rem;
    list-style-type: none;
    padding:0;
    text-align: left;
    width: 6rem;
    padding:0.3rem;
    font-family:"思源黑体,黑体,宋体,新宋体";
    font-weight:300;
    font-size:0.7rem;
    background-color:rgb(233, 233, 233);    
    color:rgb(80, 72, 68); 
    letter-spacing: 0px;
    line-height: 1.2rem;
    z-index: 9;
    display: none;
    border-right: none;
} */

/* .nav .nav_part_f  .out_menu{
    position: relative;
    left:1rem;
    list-style-type: none;
    padding:0;
    text-align: left;
    width: 5rem;
    padding:0.3rem;
    font-family:"思源黑体,黑体,宋体,新宋体";
    font-weight:300;
    font-size:0.7rem;
    background-color:rgb(233, 233, 233);    
    color:rgb(80, 72, 68); 
    letter-spacing: 0px;
    line-height: 1.2rem;
    z-index: 9;
    display: none;
    border-right: none;
} */

/* .nav .nav_part_g  .out_menu{
    position: relative;
    left:1.5rem;
    list-style-type: none;
    padding:0;
    text-align: left;
    width: 5rem;
    padding:0.3rem;
    font-family:"思源黑体,黑体,宋体,新宋体";
    font-weight:300;
    font-size:0.7rem;
    background-color:rgb(233, 233, 233);    
    color:rgb(80, 72, 68); 
    letter-spacing: 0px;
    line-height: 1.2rem;
    z-index: 9;
    display: none;
    border-right: none;
} */


/* .nav .nav_part_b:hover  .out_menu{ display: block;    clear: both; }
.nav .nav_part_c:hover  .out_menu{ display: block;    clear: both; }
.nav .nav_part_d:hover  .out_menu{ display: block;    clear: both; }
.nav .nav_part_e:hover  .out_menu{ display: block;    clear: both; }
.nav .nav_part_f:hover  .out_menu{ display: block;    clear: both; }
.nav .nav_part_g:hover  .out_menu{ display: block;    clear: both; } */


/* .h:hover .sm_tool{   
    display: block;
    clear: both;
} */


.bread_nav{
    position:relative;
    top:0rem;
    left:0rem;
    width:100rem;
    height: 2rem;
    padding: none;
    margin: 0;
    padding:0; 
    z-index: 1;   
    /* border:1px solid rgb(27, 77, 185); */
    }
.bread_nav div{
    position:absolute;
    top:0rem;
    left:19rem;
    width:30rem;
    height: 2rem;
    padding: 0;
    margin:0;
    /* border:1px solid red; */
    }
.bread_nav div a{
    font-size: 0.8rem;
    }







    #sbfw_rightbox{
        position: absolute;
        left:72.4rem;
        top: 28rem;
        height: 88rem;
        width: 13rem;
        margin: 0; 
        /* border: 4px solid rgb(36, 173, 155);    */
    }
    #sbfw_rightbox .tab{
        position:absolute;
        left:0rem;
        top: 0rem;
        height:30rem;
        width:12.3rem;
        color:rgb(197, 197, 197);
        font-size: 0.7rem;
        line-height: 1rem;
        font-weight: 300;
        font-family:"思源黑体,黑体,宋体,新宋体";
        text-align: center;
        border-collapse:   separate;   
        border-spacing:   0.3rem;
        background-color: none;  
        border: none; 
    }
    
    #sbfw_rightbox .tab tr  {    
        background-color: none;
    }
    
    #sbfw_rightbox .tab tr td {    
        height:10rem;
        background-color: rgb(65, 65, 65);
        padding-left: 0rem;
        line-height: 1.4rem;
        padding-top: 0.4rem;
    
        /* border:1px solid rgb(9, 255, 0);   */
        border-radius: 0.5rem;
        text-align: center;
        vertical-align: middle; 
    }
    #sbfw_rightbox .tab tr ul .title {    
        height:3rem;
        font-size: 1rem;
        /* border:1px solid rgb(9, 255, 0);   */
    }
    #sbfw_rightbox .tab tr td ul{
        /* position: relative; */
        /* left: 0rem;     */
        background-color: none;
        /* border: 1px solid red; */
        display: block;
        background-color: rgb(65, 65, 65);
    
    }
    #sbfw_rightbox .tab tr td ul li{    
        list-style: none;
    }
    #sbfw_rightbox .tab tr td h3{    
        font-weight: 300;
    }
    #sbfw_rightbox .tab tr td .name{    
        font-size: 0.8rem;
        color:rgb(175, 155, 207);
        height: 2rem;
        font-weight: 600;
        letter-spacing: 0.1rem;
        
    }
    #sbfw_rightbox .tab tr td ul li img{    
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 0.3rem;
    }
    
    #sbfw_rightbox .tab_tm{
        position:absolute;
        left:0rem;
        top: 43rem;
        /* height:30rem; */
        width:12.3rem;
        color:rgb(129, 129, 129);
        font-size: 0.75rem;
        line-height: 1.2rem;
        font-weight: 300;
        font-family:"思源黑体,黑体,宋体,新宋体";
        text-align: center;
        /* border-collapse:   separate;   
        border-spacing:   0.3rem; */
        background-color: none;  
        border: none; 
    }
    #sbfw_rightbox .tab_tm tr {
        height: 6rem;
    }
    #sbfw_rightbox .tab_tm tr td {    
        background-color: rgb(252, 252, 252);
        padding-left: 0rem; 
        line-height: 1.3rem;
    }
    #sbfw_rightbox .tab_tm tr .banner{    
        background-color: rgb(238, 190, 33);
        border-radius:1rem;
    }
    #sbfw_rightbox .tab_tm tr td a{    
        font-size: 0.9rem;
        font-weight: 300;
        letter-spacing: 3px;
        color:rgb(159, 110, 216);
    
    
    }
    #sbfw_rightbox .tab_tm tr td a:hover{
        color:rgb(71, 35, 199);
    
    }
    


  
    #chatbox{
        position:fixed;
        top:10rem;
        left:41rem;
        width:26rem;
        height:20rem;
        max-width: 26rem;
        font-family:"思源黑体,黑体,宋体,新宋体";
        z-index: 9;
        background-color:rgb(255, 255, 255);
        border-radius: 0.5rem;
        border-collapse:   collapse;  
        border-spacing:   0;
        border: none;
        padding: 0;
        margin: 0; 

        /* border: 1px solid rgb(87, 87, 87); */


    }
    #chatbox tr td{
        border: 1px solid rgb(87, 87, 87);        
    }
    #chatbox tr .header{
        width:26rem;
        height:2rem;
        background-color:rgb(87, 87, 87);
        color:#eee;
        border: 1px solid rgb(87, 87, 87);
        padding: 0;
        margin: 0; 
    }
    #chatbox tr .header .tab{
        width: 26rem;
        height:2rem; 
        /* border:3px rgb(218, 29, 29) solid; */
        border:none;
        background-color:none;
        padding: 0;
        margin: 0; 
        vertical-align: middle;

    }
    #chatbox tr .header .tab tr td{
        height:1.5rem; 
        /* border:1px rgb(255, 141, 141) solid; */
        background-color:none;
        padding: 0;
        margin: 0;
        vertical-align: middle;
        /* border:none; */
        color:rgb(231, 231, 231);
    }
    #chatbox tr .header .tab tr .logo {        
        width: 2rem;
        text-align: center;
    }
    #chatbox tr .header .tab tr .name{        
        width: 22.5rem;
        text-align: left;
        font-size: 0.8rem;
        letter-spacing: 1px;
        font-weight: 300;
        color:rgb(243, 201, 116);
        
    }
    #chatbox tr .header .tab tr .shut{
        width: 1rem;
        font-size: 0.7rem;
        border-radius: 0.5rem;
        color:rgb(129, 129, 129);
        /* border:0.1rem solid rgb(218, 218, 218); */

    }
    #chatbox tr .header .tab tr .logo img{
        vertical-align: middle;
        height:1.8rem;
        width:1.8rem;
        background-color: rgb(216, 216, 216);
        /* border:1px solid rgb(229, 248, 56) ; */
        border-radius: 0.2rem;

    }
    #chatbox tr .header .tab tr .shut span{
        height: 0.9rem;
        padding: 0rem;
        font-size: 0.7rem;
        font-weight: 600;
        border-radius: 0.3rem;
        border:0.2rem solid rgb(218, 218, 218);
        background-color: rgb(228, 228, 228);

    }
    #chatbox tr .chat_text_td{
        width: 18rem;
        height:13rem; 
        font-size:0.8rem;
        /* border:1px solid rgb(207, 21, 21); */
        color:#222;
        background-color:rgb(251,251,251);
        /* overflow-x:hidden;
        overflow-y:auto; */
        line-height:1.3rem;
        border:none;
        border-left:1px solid rgb(87, 87, 87);

    }
    #chatbox tr .chat_text_td .tips_no_more_chat{
        position: absolute;
        left:7rem;
        top:2.5rem;
        padding:0.1rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        font-size:0.6rem;
        border:0px solid rgb(80, 80, 80);
        border-radius: 0.3rem;
        font-family:"思源黑体,黑体,宋体,新宋体";
        color:#222;
        background-color:rgb(255, 255, 255);
        display: none;
        /* line-height:0.9rem; */

    }
    

    #chatbox tr .chat_text_td .chat_text_box{
        /* position: absolute; */
        /* left:0.1rem; */
        /* top:2.3rem; */
        /* width: 18rem; */
        /* height:13rem;  */
        width:100%;
        height:100%;
        font-size:0.8rem;
        /* border:1px solid rgb(14, 39, 185); */
        font-family:"思源黑体,黑体,宋体,新宋体";
        color:#222;
        background-color:none;
        overflow-x:hidden;
        overflow-y:auto;
        line-height:0.9rem;

    }
    
    
    #chatbox tr .chat_text_td  .chat_text_box span{
        border-radius: 0.3rem;
        line-height: 1.0rem;
    }
    
    
    #chatbox tr .chat_text_td  .chat_text_box  .time{
        text-align:center;
        display:block;
        font-size:0.65rem;
        color:rgb(177, 177, 177);
        padding-top:0rem;
        line-height: 1.0rem;
        
    }
    #chatbox tr  .chat_text_td .chat_text_box   .left_name{
        margin-left: 0.3rem;
        /* left:0.5rem; */
        text-align:left;
        display:block;
        font-size:0.7rem;
        font-weight:600;
        color:rgb(226, 168, 43);
        line-height: 1rem;
        margin-top: 0.6rem;
        margin-bottom: 0rem;

        /* border:1px solid red; */
    }
    #chatbox tr  .chat_text_td .chat_text_box .right_name{
        right:0.3rem;
        text-align:right;
        display:block;
        font-size:0.7rem;
        padding-right:0.1rem;
        font-weight:600;
        color:rgb(207, 35, 179);
        margin-top: 0.6rem;
        margin-bottom: 0rem;

    }
   
    #chatbox tr  .chat_text_td .chat_text_box .left_chat{
        margin-left:2%;
        padding-left:0.3rem;
        padding-right:0.3rem;
        font-size:0.7rem;
        text-align:left;
        max-width:75%;
        display:block;
        background-color:rgb(235, 235, 235);
        color:rgb(110, 110, 110);
        padding-top:0.2rem;
        padding-bottom:0.2rem;
        
        word-wrap:break-word;
        word-break:break-all;
        letter-spacing: 0px;
        border-radius: 0.2rem;
        margin-bottom:0.3rem;
        margin-top:0.1rem;

        /* border: 1px solid rgb(165, 165, 165); */

    }
    
    
    #chatbox tr .chat_text_td .chat_text_box .right_chat{
        right: 0.3rem;

        margin-left:3.5rem;        
        padding-left:0.3rem;
        padding-right:0.3rem;
        right:1rem;
        font-size:0.7rem;
        text-align:left;
        max-width:75%;
        display:block;
        background-color:none;
        color:rgb(92, 92, 92);
        padding-top:0.2rem;
        padding-bottom:0.2rem;
        word-wrap:break-word;
        word-break:break-all;
        background-color:rgb(255, 229, 249);
        letter-spacing: 0px;
        border: 1px solid rgb(204, 190, 203);
        border-radius: 0.2rem;
        margin-bottom:0.3rem;
        margin-top:0.1rem;

        /* transform:scale(0.85,0.85); */

        /* float: right; */


    }
    #chatbox tr .chat_text_td .chat_text_box  .right_chat_short{
        right:0.3rem;
        padding-left:0.3rem;
        padding-right:0.3rem;
        font-size:0.7rem;
        text-align:left;
        /* width:55%; */
        display:block;
        background-color:none;
        color:rgb(56, 56, 56);
        padding-top:0.2rem;
        padding-bottom:0.2rem;
        word-wrap:break-word;
        word-break:break-all;
        background-color:rgb(255, 229, 249);
        border: 1px solid rgb(204, 190, 203);        
        border-radius: 0.2rem;
        margin-bottom:0.1rem;
        margin-top:0.1rem;

        /* transform:scale(0.85,0.85); */
    }
    #chatbox .chat_text_box::-webkit-scrollbar-track {
        background-color: rgb(251,251,251);
        }
    #chatbox .chat_text_box::-webkit-scrollbar {
        width: 0.3rem;
        }
    #chatbox .chat_text_box::-webkit-scrollbar-thumb {
        background-color: rgb(230,230,230);
        border-radius: 0.2rem;
        /* background-image: -webkit-linear-gradient(   rgb(220,220,220) 4%, rgb(190,190,190) 6%, rgb(190,190,190) 8%, rgb(200,200,200) 15%,  rgb(230,230,230) 50%, rgb(200,200,200) 85%, rgb(190,190,190) 92%, rgb(190,190,190) 94%, rgb(220,220,220) 96%   ); */
        }





    #chatbox tr .right_box{
        width: 8rem;
        height:24rem; 
        font-size:0.7rem;
        line-height: 1.2rem;
        /* letter-spacing: -1px; */
        /* border:1px solid #555; */
        /* border-bottom:none; */
        border-top:none;
        color:rgb(26, 26, 26);
        background-color:rgb(247, 246, 246);
        text-align:justify;
        vertical-align: top;
        word-wrap:break-word;
        word-break:break-all; 
        border:none;    
        border-bottom: 1px solid rgb(87, 87, 87);   
        border-right: 1px solid rgb(87, 87, 87);   

    }
    #chatbox tr .right_box .box_div{
        position: relative;
        top:0.5rem;
        left:7%;        
        width: 86%;
        letter-spacing: 0px;
        font-size: 0.60rem; 
        /* text-align: left; */
        /* border:1px solid red; */
    }
    #chatbox tr .right_box .box_div .intro{        
        font-size: 0.7rem;
        /* transform:scale(0.8,0.8);  */
        /* text-align: left; */
        /* border:1px solid red; */
    }
    #chatbox tr .right_box span{        
        color:rgb(255, 210, 62);
        font-size: 0.85rem;  
        letter-spacing:0px;
      
    }   
    #chatbox tr .right_box img{
        text-align: center;        
        width:6rem; 
        padding: 0.2rem;
        border:1px solid   rgb(255, 255, 255); 
        opacity: 0.85; 
        border-radius: 0.5rem; 
    } 
    #chatbox tr .right_box .content{        
        color:rgb(209, 49, 49); 
        font-size: 0.70rem;  
        letter-spacing: 0px;      
    }    

    #chatbox tr .mid{        
        height:1.5rem;
        width:18rem;
        background-color:rgb(87, 87, 87);
        border-left: 1px solid rgb(87, 87, 87);
        border-right: 1px solid rgb(87, 87, 87);
        border-top: 1px solid rrgb(87, 87, 87);
        border-bottom: 1px solid rgb(87, 87, 87);

    }
    #chatbox tr .mid div{
        position:relative;
        width: 2rem;
        height: 1.5rem;
        top:0.1rem;
        left:14.8rem;
        /* border:1px solid red; */
    }
    #chatbox tr .mid div #up_img{
        top:0rem;
        left:0rem;
        width:1.5rem;        
        height:1.0rem;
        /* background-color:white; */
        padding:0.2rem;
        border-radius:0.3rem;
        /* border:1px solid rgb(74, 143, 47); */

    }
    #chatbox tr .send{
        height:9rem;
        width:18rem;
        /* border:3px solid rgb(172, 39, 39); */
        color:rgb(120, 120, 120);
        background-color:rgb(251,251,251);
        padding: 0;
        margin:0;
        /* border:1px solid red; */
        border-right:none;


    }

    #chatbox tr .send textarea{
        position:relative;
        top:0.1rem;
        left: 0.3rem;
        width: 17.5rem;
        height: 8.8rem;
        font-size:0.75rem;
        line-height:1.2rem;
        letter-spacing:0px;
        font-family:"思源黑体,黑体,宋体,新宋体";
        border:none;
        outline:none;         
        padding:0rem;
        color:rgb(26, 26, 26);       
        background-color:rgb(251,251,251);
        /* border:1px solid rgb(50, 185, 23); */
        word-wrap:break-word;
        word-break:break-all;
        resize: none; 
        overflow-x: hidden;
        overflow-y:hidden;

    }
    #chatbox tr .send #sendMsgBtn{
        position:absolute;
        top:24.3rem;
        left:14.5rem;
        height:1.5rem;
        width:3.5rem; 
        padding: 0;
        margin: 0; 
        font-size:0.7rem;
        vertical-align: middle;
        vertical-align: middle;      
    }
    #chatbox tr .send .tip_no_content,.tip_tomore_content,.tip_wrong_content{
        position:absolute;
        top:23rem;
        left:14rem;
        font-size:0.7rem;
        color:#444;
        display: none;
        background-color:white;
        border:1px solid #aaa; 
        padding: 0.1rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        margin: 0; 
    }
    #chatbox tr .send #realBtn{
        position:absolute;
        top:16.7rem;
        left:0rem;
        margin-left:0.2rem;
        margin-top:0.2rem;
        display:none;
    }
    #chatbox tr .send #realBtn #chatimg{
        position:absolute;
        top:0rem;
        left:0rem;
        height:11rem;
        width:29rem;
        padding:0.4rem;
        border:1px solid green;
        border:none;
        font-size:0.7rem;
        line-height:1.4rem;
        letter-spacing:0px;
        outline:none;
        background-color:rgb(251,251,251);
        display:none;
    }
    #chatbox tr .send #realBtn_tip{
        padding:1rem;
        border:1px solid white;
        background-color:rgb(240,240,240);
        display:none;
    }



    #chat_left{
        position:fixed;
        width:10rem;
        height:14rem;
        top:17rem;
        left:1rem;
        background-image:url("./img/67940.png" );
        background-size: 10rem 14rem;
        z-index: 9;
        padding: 0;
        margin: 0;
        font-size: 0.8rem;
        color:rgb(204, 60, 218);
        z-index: 9;
        /* border:1px solid red; */
    }
    #chat_left .menu {
        position: absolute;
        top:0.2rem;
        left:1.1rem;
        width:8rem;
        height:13rem;
        /* background-color: white; */
        font-family:"思源黑体,黑体,宋体,新宋体";
        text-align: center;
        border-collapse:   separate;   
        border-spacing:   0.3rem;
        opacity: 1.0;
        /* border:1px solid red; */

        
    }
    #chat_left .menu tr th {
        height:2.2rem;
        font-size: 0.8rem; 
        letter-spacing: 0.1rem;       
        color: rgb(255, 255, 255);
        
    }
    #chat_left .menu tr td { 
        font-size: 0.75rem;       
        background-color: rgb(255, 255, 255);
        opacity: 1.0;
        color:rgb(82, 82, 82);
        border-radius: 0.3rem;
        box-shadow: 0px 5px 10px rgb(189, 189, 189);
    }
    #chat_left .menu tr td:hover {        
        color:rgb(245, 200, 255);
        background-color: rgb(65, 65, 65);
        /* font-size: 0.80rem;        */

    }
    
    
    
    
    #chabar{
        position:fixed;
        /* position:absolute; */
        top:21.3rem;
        right:0rem;
        /* background-color: rgb(59, 40, 167); */
        display:none;
        z-index: 9;
        /* border:1px solid red; */
        padding: 0;
        margin: 0;
        height:1.5rem;

    }
    #chabar #chabar_table{
        font-size:0.8rem;
        color:rgb(240, 240, 240);
        height:1.5rem;
        letter-spacing: 0;
        border-collapse:   separate;  
        border-spacing:   0.1rem;
        background-color: none;
        padding: 0;
        margin: 0;
    }
    #chabar #chabar_table tr td{        
        height:1.5rem;
        /* border:1px solid red; */
        vertical-align: middle;
        text-align: center;
        padding: 0;
        margin: 0;
    }
    #chabar #chabar_table tr .name{        
        background-color: rgb(154, 65, 228);
        border-radius: 0.5rem;
    }
    #chabar #chabar_table img{
        height:1.5rem;
        width: 1.5rem;
        top:0px;
    }
    #chabar #chabar_table td span{
        padding-left:1rem;
        padding-right:1rem;
    }
    
    #chabar #chabar_table span:hover{
        color:rgb(224, 224, 224);
        /* font-weight:600; */
        }
    


.user_name_content{
    /* 被左客服框的遮盖着 */
    position: fixed;
    top:30rem;
    left:2rem;
    width:10rem;
    height: 2rem;
    font-size: 0.7rem;
    color:rgb(182, 182, 182);
    border:none;
    background-color: none;
    display: none;
}
    


















/* 表：查询商品的分类 */
#chxunsort {
        position:absolute;
        left:15rem;
        top:6.5rem;
        height:10rem;
        width:70rem;
        color:#e2e2e2;
        font-weight:300;
        text-align:center;
        font-family:"黑体,思源黑体,宋体,新宋体";
        font-size:0.92rem;
        border:none;
        
        letter-spacing:0.5rem;
        background-color:#43316d;
          }
#chxunsort tr {
        height: 2.0rem;
          }
#chxunsort tr th{
        font-size:1.2rem;
        font-weight:300;
        text-align:center;
        height:4.5rem;
       }
#chxunsort tr td input {
        height: 1.2rem;
        width:12rem;
        font-size: 0.92rem;
        }
#chxunsort #name_shangpin{
        outline:none;
    }
#chxunsort #submit_in_shangpin_subclass{
    height: 1.4rem;
    }

#chxunsort #name_shangpin_phone{
        outline:none;
    }

#tips_name_shangpin {
        position:absolute;
        left:50rem;
        top:11.6rem;
        visibility:hidden;
        color:rgb(122, 187, 84); 
        font-size: 0.7rem;
    }
#tips_name_shangpin_phone {
    position:absolute;
    left:50rem;
    top:13.9rem;
    visibility:hidden;
    color:rgb(122, 187, 84); 
    font-size: 0.7rem; 
    }
#chxunsort #tips_subclass_shangpin{
        font-size: 0.85rem;
        letter-spacing:0px;
        color:rgb(226, 203, 100);
    }


/* 底部版权栏 */
#copyright {
        position:relative;
        top: 118rem;
        left: 0rem;
        width: 100rem;
        height: 16rem;
        background-color:#383838;
        font-size: 0.7rem;
        color: rgb(238, 238, 238);
        margin: 0; 
        font-family:"宋体,新宋体,思源黑体,黑体";
        /* border: 1px solid red; */
    }
#copyright .table_footer_nav{
        position:absolute;
        top: 2.5rem;
        left: 15rem;
        width: 50rem;       
        color: rgb(238, 238, 238);
        line-height: 2rem;
        font-size: 0.7rem;

    }

#copyright .table_footer_nav tr td a{
    font-size: 0.7rem;       
    color: rgb(238, 238, 238);
    }
#copyright .table_footer_nav a:hover{
    color: rgb(209, 153, 33);
    }
#copyright .table_footer_city{
    position:absolute;
    top: 4.5rem;
    left: 15rem;
    width: 56rem;       
    color: rgb(238, 238, 238);
    line-height: 1.2rem;
    
    /* border:1px solid red; */
}
#copyright .table_footer_city tr td{       
    font-size: 0.5rem;
    /* 禁止换行 */
    white-space:nowrap;
    }
#copyright .table_footer_city tr td a{       
    color: rgb(160, 160, 160);
    font-size: 0.5rem;
    } 
#copyright .table_footer_city a:hover{
    color: rgb(218, 118, 118);
    }
#copyright .p_footer_friendLink{
    position:relative;
    top: 9rem;
    left: 15rem;
    color:#999;
    max-width: 50rem;
    }  

#copyright .p_footer_friendLink a{
    color: #999;
    } 
#copyright .p_footer_friendLink a:hover{
    color: rgb(190, 190, 190);
    }

#copyright .table_footer_img {
    position:absolute; 
    left:71rem; 
    top:2rem; 
    text-align: center;
    border-left:#666 3px dotted;
    padding-left: 4rem;
    }
#copyright .table_footer_img  img{
    width:8rem; 
    height:8rem;
    opacity:0.6;
    }
        
        
#notfound_section  {
    position:absolute;
    top:20%;
    left:16%;
    width:66%;
    height:60%;    
    border:solid 1px #e2e2e2;
    background-color: rgb(250, 250, 250);
    padding: 1rem;
    color:#474747;
    font-family:"思源黑体,黑体,宋体,新宋体";
    border-radius: 0.5rem;

    /* box-shadow:3px 3px 6px 0px #666; */
    }
#notfound_section tr td{ 
    text-align:center;
    height: 5rem;
}
#notfound_section tr td h3  { 
    position: absolute;
    /* top:10%; */
    left:40%;
    text-align: center;
    /* border:1px solid red; */
    font-weight: 300;
    font-size: 1rem;
    /* width:15rem; */
    /* letter-spacing: 0.1rem; */
    border-bottom:#99cccc solid 2px;    
    padding:0.5rem;
}
#notfound_section img { 
    width:8rem;
    height:3.2rem;            
    padding:0.5rem;
}
#notfound_section tr td a {
    font-size:0.85rem; 
    padding:0.5rem;
    background-color: rgb(233, 233, 233);
    border-radius: 0.3rem;
}
#notfound_section tr td a:hover { 
    background-color: rgb(241, 205, 106);
    color:rgb(255, 255, 255);
    border-radius: 0.3rgb(241, 225, 130)
}