@charset "utf-8";
body {font-family:Hiragino Sans GB, Microsoft Yahei, arial, sans-serif; font-size:0.8em; font-weight:normal; color: #424242; background:#fafafa;}
*{margin:0; padding:0; border:0;}

ul,ol,li{ list-style:none;}
a{ text-decoration:none; color: #424242; outline:none; }
a:hover{ text-decoration:none; color: #424242;}
img{ vertical-align:middle;}
a,img,button,input,textarea{ -webkit-tap-highlight-color:rgba(255,255,255,0);}
table{ border-collapse:collapse; border-spacing:0;}
section{ display:block;}
em,i{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
p{ word-wrap:break-word; word-break:break-all;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear{ clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}




.header{
width:100%;
}

.header .top{
width:100%;  height:40px;color: #424242;font-size: 12px; background:#fafafa;
}

.header .top-box{
height:36px; margin:0 auto; position:relative;
width: 95%;margin-left: 8px;
}
.header .top-box a{ 
  text-decoration:none;font-size:12px;color:#424242; margin:0px 4px;
}
.header .top-box a:hover{ 
  text-decoration:none;font-size:12px;color:#424242; margin:0px 4px;
}
.header .top-box .top-left{
width:55%;height:36px; float:left;line-height:36px;
}

.header .top-box .top-right{
width:45%;height:36px; float:right;line-height:36px;text-align:right;
}

.header .top-box .top-qy{
width:100%;height:36px; float:left;line-height:36px;
}

.header .dp-wrap{ width:100%; height:auto;}


.header .dp-wrap .m-qy-box{ 
WIDTH:100%;height:auto; margin:0 auto; position:relative;float: left;background: #fff;
}
.header .dp-wrap .m-qy-box .m-qy-name{ 
width: 95%;line-height:30px;float:left;text-align:center;
}
.header .dp-wrap .m-qy-box .m-qy-name h1{ 
font-size: 1.5em;font-weight:700;margin:12px 0px 5px 0px;
}
.header .dp-wrap .m-qy-box .m-qy-name .comstop{ 
border-radius: 12px;
padding: 2px 5px;
font-size: 0.6em;
margin: 0px 0px 0px 6px;
color: #fff;
background: #7f7f7f;
border: #7f7f7f 1px solid;
}

.header .dp-wrap .m-qy-box .m-qy-tel{ 
width: 95%;line-height:32px;float:left;text-align:center;margin-bottom:6px;
}
.header .dp-wrap .m-qy-box .m-qy-tel span{ 
font-size: 1.2em;font-weight:700;
}
.header .dp-wrap .m-qy-box .m-qy-nav{ 
width: 95%;margin: 5px 0px 0px 8px;height:38px;float:left; text-align:center;
}

.header .dp-wrap .m-qy-box .m-qy-nav .ncl{ 
WIDTH:auto;height:auto;
}

.header .dp-wrap .m-qy-box .m-qy-nav .ncl a{ 
WIDTH:auto;height:23px;background:#E21F4E;text-align:center;line-height:23px;color:#fff;font-size:1.3em;margin-left:10px;padding:5px 10px;border-radius: 5px;
}

.header .dp-wrap .m-qy-box .m-qy-nav .ncc{ 
WIDTH:auto;height:auto;
}

.header .dp-wrap .m-qy-box .m-qy-nav .ncc a{ 
WIDTH:auto;height:23px;background:#f0f0f0;text-align:center;line-height:23px;font-size:1.3em;margin-left:10px;padding:5px 10px;border-radius: 5px;
}
.header .dp-wrap .m-qy-box .m-qy-nav .ncc a:hover{ 
WIDTH:auto;height:23px;background:#E21F4E;color:#fff;text-align:center;line-height:23px;font-size:1.3em;margin-left:10px;padding:5px 10px;border-radius: 5px;
}
.header .dp-wrap .dp-box{ 
width: 95%;margin-left: 8px;height:60px; margin:0 auto; position:relative;
}

.header .dp-wrap .dp-box .logo{ 
WIDTH:30%;height:60px;float:left;
}

.header .dp-wrap .dp-box .logo .main-logo {
  margin: 10px 10px;
  float: left;
}


.header .dp-wrap .dp-box .h-city{ 
WIDTH:50%;height:60px;float:left;text-align:left;margin: 0;
}
.header .dp-wrap .dp-box .h-city .dqcity{ 
height:60px;float:left;text-align:left;line-height:60px;text-align:center;
}
.header .dp-wrap .dp-box .h-city .dqcity a{ 
border-radius: 8px;padding:3px 6px;font-size: 1em;font-weight: 700;margin: 0px 0px 0px 5px;color: #fff;background: #7f7f7f;border: #7f7f7f  1px solid;
}
.header .dp-wrap .dp-box .h-city .dqcity a:hover{ 
border-radius: 8px;padding:3px 6px;font-size: 1em;font-weight: 700;margin: 0px 0px 0px 5px;color: #fff;background: #7f7f7f;border: #7f7f7f  1px solid;
}

.header .dp-wrap .dp-box .h-city .dhbx{ 
height:60px;float:left;text-align:left;line-height:60px;text-align:center;
}

.header .dp-wrap .dp-box .h-city .dhbx a.qh{ 
border-radius: 0px;padding:3px 6px;font-size: 1em;font-weight: normal;margin: 0px 0px 0px 5px;color: #424242;border: #7f7f7f  0px solid;
}
.header .dp-wrap .dp-box .h-city .dhbx a.qh:hover{ 
border-radius: 0px;padding:3px 6px;font-size: 1em;font-weight: normal;margin: 0px 0px 0px 5px;color: #424242;border: #7f7f7f  0px solid;
}


.header .dp-wrap .dp-box .h-block{ 
WIDTH:50%;height:60px;float:left;
}

.header .dp-wrap .dp-box .search{ 
WIDTH:50%;height:60px;float:left;
}

.header .dp-wrap .dp-box .cls-box{ 
WIDTH:20%;height:60px;float:left;PADDING:0px;MARGIN:0px;text-align:left;
}

.header .dp-wrap .dp-box .cls-box .mbnav {
 cursor: pointer; position: absolute; float: left; top: 0; right: 0; background: #fff url(https://static.caimai.cn/images/nav.svg) no-repeat center center;
    height: 40px;width: 40px; margin-top:10px; margin-right:8px;
}

.header .dp-wrap .dp-box .search .search-form{
WIDTH:100%;height:60px;float:left;
}

.header .dp-wrap .dp-box .search .search-form form {
height: 30px;
line-height: 30px;
margin-top:10px;
border-width: 2px;
border-color: #E21F4E;
border-style: solid;
border-radius: 0px;
float:left;border-radius: 5px;
}

.header .dp-wrap .dp-box .search .search-form form .textbox {
    float: left;
    width: 70%;
    height: 30px;
    line-height: 30px;
	margin-left:0px;
outline: 0px none;
font-size: 1em;
}
.header .dp-wrap .dp-box .search .search-form form .submit {
    width: 30%;
    height: 30px;
    background: #E21F4E;
    cursor: pointer;
    color:#fff;
 border-width: 1px 0px 1px 1px;
border-color: #E21F4E;
}
.cat {
  width: 100%;display:none;position: absolute;
}


.cat .cat-bt{
width: 93%; margin:0px 0px 16px 8px;
float:left;
background:#fff;
border-width: 2px;
border-color: #E21F4E;
border-style: solid;
}

.cat .cat-bt .cat-bt-title{
width: 100%;height:40px;line-height:40px;
float:left;background:#E21F4E;
}
.cat .cat-bt .cat-bt-title h3{
margin-left:20px;color:#fff;
}
.cat .cat-bt .cat-bt-menu{
width: 100%;height:auto;line-height:40px;
float:left;margin:10px 0px 10px 0px;
}

.cat .cat-bt .cat-bt-menu li{
line-height:36px;width:33%;float:left;margin:0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:center;
}

.cat .cat-bt .cat-bt-menu li a{
font-size:1.3em;
}
.cat .cat-bt .cat-bt-menu .mcat{
width: 240px;height:25px;line-height:25px;float:left;font-size:14px;font-weight:700;margin:8px 0px 5px 0px;
}

.cat .cat-bt .cat-bt-menu .mitem{
width: 240px;height:auto;line-height:25px;float:left;
}
.cat .cat-bt .cat-bt-menu .mitem a{
margin-right:10px;
}

.fctw{ width: 100%;min-width: 100%;margin-top:20px;height: auto;float: left;background:#EAE4E4; }

.fctw .fctw-box{ width:95%;margin:0px 0px 0px 8px;height:auto; float:left;}
.fctw .fctw-box .fctw-l{ width:50%;margin-top:20px;height:38px; float:left;text-align:right;}
.fctw .fctw-box .fctw-r{ width:50%;margin-top:20px;height:38px; float:left;}
.fctw .fctw-box a.cl {
  border-radius: 16px;
  padding: 3px 6px;
  font-size: 1.2em;
  margin: 0px 8px;
  color: #fff;
  background: #7f7f7f;
  border: #7f7f7f 1px solid;
}

.fctw .fctw-box a {
  border-radius: 16px; padding: 3px 6px; font-size: 1.2em; margin: 0px 8px; color: #424242; background: #f0f0f0; border: #f0f0f0 1px solid; 
}
.fctw .fctw-box a:hover {
  border-radius: 16px; padding: 3px 6px; font-size: 1.2em; margin: 0px 8px; color: #fff; background: #7f7f7f; border: #7f7f7f 1px solid; 
}

.footer{ width: 100%;min-width: 100%;margin-top:0px;height: auto;float: left;background:#EAE4E4; }

.footer .footer-box{ width:100%;margin:0 auto;margin-top:0px;  height:auto; }
.footer .footer-box .foot-dh{ width:100%; margin-top:10px; line-height:36px;float: left; }
.footer .footer-box .foot-rr{ width:95%;margin:10px 0px 10px 8px;height:auto;  line-height:30px;float: left;text-align:center; }

.footer .footer-box .foot-dh a {
margin-left:10px;
}


.footer .footer-box .foot-left{ width:100%; margin-top:0px; line-height:36px;float: left;text-align:center; }
.footer .footer-box .foot-right{ width:95%;margin:0px; margin-left:8px; line-height:36px;float: left; text-align:center;}

.footer .footer-box .foot-left a {
margin-left:10px;
}

.loading {
 width : 26px;height: 26px;background: #fff;border: 6px solid #FFB6C7;border-bottom-color: #FF295B;
border-radius: 50%;display: inline-block;animation: rotation 1s linear infinite;margin-left:56px ;margin-top:30px;
}
@keyframes rotation {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg) }
}


@media screen and (max-width:767px){
.wrapper-box {
  min-width: 100%;
}
.wrapper-box .main-header{
width:100%;height:66px;z-index: 1000;
}
.wrapper-box .main-header .header-left{
width:30%;height:66px;
}
.wrapper-box .main-header .header-left .site-name{
width:100%;line-height: 55px;height: 40px;
}
.wrapper-box .main-header .header-left .site-domain{
width:100%;line-height: 19px;font-size:1em;
}
.wrapper-box .main-header .header-left .site-name a {
font-size: 1.8em; line-height: 55px;  margin: 0; font-weight: 700;
}


.wrapper-box .main-header .header-nav{
min-width:70%;
/*display:none;*/
width:70%;height:100%;
background:#F14E62;

top:0;left:30%;
border-left: #424242 3px solid;
margin-top:0px;position:fixed!important;position:absolute;
_top:       expression(eval(document.compatMode &&
				document.compatMode=='CSS1Compat') ?
				documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :
				document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
z-index:1000;

  right: -180%; 
  box-shadow: 0px 0px 10px rgba(0,0,0,0.5); 
  transition: right 0.5s ease; 

}
.wrapper-box .main-header .header-nav.show {
  right: 0; 
}

.wrapper-box .main-header .header-nav .clb{
position: absolute;
width: 25px;
    height: 40px;
    display: block;
    border-bottom: #424242 1px solid;
    left:-28px;
    top: 0%;
    background: #F14E62;
    border-radius:8px 0px 0px 8px ;
    border-left: #424242 3px solid;
    border-bottom: #424242 3px solid;
}

.wrapper-box .main-header .header-nav .clb .cb {
  cursor: pointer;
  position: absolute;
  float: left;
  top: 0;
  background: #F14E62 url(https://static.caimai.cn/images/mb.png) no-repeat center center;
  background-size: contain; background-repeat: no-repeat; background-position: center; 
  height: 12px;
  width: 12px;
  margin-top: 13px;
  margin-right: 16px;
}


.wrapper-box .main-header .header-nav .web-channel{
width: 100%;margin:0px;
}
.wrapper-box .main-header .header-nav .web-channel a{
 width: 100%; text-decoration:none;FONT-SIZE: 1.4em;PADDING:0px; MARGIN: 0px; float:left;height:42px;line-height:42px;border-bottom:#F795A1 1px solid;text-align:center;color:#fff;

}
.wrapper-box .main-header .header-nav .web-channel a:hover{ 
 width: 100%; text-decoration:none;FONT-SIZE: 1.4em;PADDING:0px; MARGIN: 0px; float:left;height:42px;line-height:42px;border-bottom:#F795A1 1px solid;text-align:center;color:#fff;background:#F47584;
}

.wrapper-box .main-header .header-nav .web-channel .mmenu{
width:100%;
}
.wrapper-box .main-header .header-nav .web-channel .mmenu li{
width:100%;
}
.wrapper-box .main-header .header-nav .web-channel .mmenu li:hover{
background: #F14E62;
}

.wrapper-box .main-header .header-nav .web-channel .mmenu .smenu{
width:100%;position: relative;border:0px;float:left;margin-top: 0px;display: block;padding: 5px 0;background: #F14E62;
}
.wrapper-box .main-header .header-nav .web-channel .mmenu .smenu ul{
margin:5px 0px;
}
.wrapper-box .main-header .header-nav .web-channel .mmenu .smenu li{
width:33%;
}
 .wrapper-box .main-header .header-nav .web-channel .mmenu .smenu li a{
FONT-SIZE: 1.2em;border:0px;line-height:35px;height: 35px;color:#fff;
}
 .wrapper-box .main-header .header-nav .web-channel .mmenu .smenu li a:hover{
FONT-SIZE: 1.2em;border:0px;color:#fff;background:#F47584;
}
.wrapper-box .mobi-cat{
display:block;
}
.wrapper-box .main-header .header-member{
height:66px;WIDTH:50%;
}
.wrapper-box .main-header .header-member .memi{
height:66px;width:30%;line-height:66px;
}
.wrapper-box .main-header .header-member .memi img{
  height: 26px;width: 26px;
}

.wrapper-box .main-header .header-member .memt{
height:66px;width:70%;line-height:66px;
}
.wrapper-box .main-header .header-member .memt a{
FONT-SIZE: 1.2em;MARGIN-right:8px; 
}
.wrapper-box .main-header .header-member .memt a:hover{ 
FONT-SIZE: 1.2em; MARGIN-right:8px; 
}
.wrapper-box .bgk_box {
display:none;z-index: 999;position: fixed;top: 0px; WIDTH: 100%;PADDING: 0px; MARGIN: 0px auto;text-align: left; BACKGROUND-color: #F9F9F9 ; opacity: 0.5; filter: alpha(opacity=50); height: 100%;
}





.loading {
margin-left:36px ;margin-top:20px;
}
}

@media screen and (max-width:375px){
}

@media screen and (max-width:360px){
}

@media screen and (max-width:320px){
}