@charset "utf-8";
body {font-family:Hiragino Sans GB, Microsoft Yahei, arial, sans-serif; font-size:12px; 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%; min-width:1180px; 
}

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

.header .top-box{
width:1180px;height:40px; margin:0 auto; position:relative;
}
.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:500px;height:40px; float:left;line-height:40px;
}

.header .top-box .top-right{
width:280px;height:40px; float:right;
}
.header .top-box .top-right ul{
float:right;
}
.header .top-box .top-right li{
height:40px; float:left;line-height:40px;text-align:left;
}

.header .top-box .top-right li.spacer{
overflow: hidden;margin: 13px 8px ;width:0px;height: 15px;border-left: #EAE4E4 1px solid;
}
.header .top-box .top-right .u{
height:40px; float:left;line-height:40px;text-align:left;
}

.header .top-box .top-right .s{
height:40px; float:left;line-height:40px;text-align:left;
}

.header .dp-wrap{ width:100%; min-width:1180px; height:auto; background:#fff;border-bottom: #E21F4E 1px solid;}

.header .dp-wrap .dp-box{ width:1180px;height:100px; margin:0 auto; position:relative;}

.header .dp-wrap .dp-box .logo{ 
WIDTH:120px;height:100px;float:left;
}

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

.header .dp-wrap .dp-box .h-city{ 
WIDTH:150px;height:100px;float:left;text-align:left;margin: 0;
}
.header .dp-wrap .dp-box .h-city .dqcity{ 
WIDTH:150px;height:63px;float:left;text-align:left;line-height:100px;line-height:75px;text-align:center;
}
.header .dp-wrap .dp-box .h-city .dqcity a{ 
border-radius: 8px;padding:3px 6px;font-size: 18px;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: 18px;font-weight: 700;margin: 0px 0px 0px 5px;color: #fff;background: #7f7f7f;border: #7f7f7f  1px solid;
}

.header .dp-wrap .dp-box .h-city .dhbx{ 
WIDTH:150px;height:37px;float:left;text-align:left;line-height:100px;line-height:12px;text-align:center;
}

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


.header .dp-wrap .dp-box .h-block{ 
WIDTH:330px;height:100px;float:left;
}
.header .dp-wrap .dp-box .search{ 
WIDTH:580px;height:100px;float:left;
}

.header .dp-wrap .dp-box .cls-box{ 
display:none;
WIDTH:80px;height:100px;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: 42px;width: 42px; margin-top:20px; margin-right:16px;
}

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

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

.header .dp-wrap .dp-box .search .search-form form .textbox {
    float: left;
    width: 360px;
    height: 38px;
    line-height: 38px;
	margin-left:10px;
outline: 0px none;
font-size: 14px;
}
.header .dp-wrap .dp-box .search .search-form form .submit {
    width: 80px;
    height: 38px;
    background: #E21F4E;
    cursor: pointer;
    color:#fff;
 border-width: 1px 0px 1px 1px;
border-color: #E21F4E;
}

.header .dp-wrap .dp-box .search .comadd{
WIDTH:110px;height:100px;float:left;margin-top:25px;
}

.header .dp-wrap .dp-box .search .comadd a{ 
width:110px; height: 38px;line-height: 38px;float:left;text-align:center; text-decoration:none;color:#424242; margin:0px;font-size:14px;background:#fff;border: #E21F4E  2px solid;
}
.header .dp-wrap .dp-box .search .comadd a:hover{ 
width:110px;  height: 38px;line-height: 38px;float:left;text-align:center; text-decoration:none;color:#fff; margin:0px;font-size:14px;background:#E21F4E;border: #E21F4E 2px solid;
}


.frlink{ width: 100%;min-width: 1190px;margin-top:20px;height: auto;float: left; }

.frlink .frlink-box{ width:1190px;margin:0 auto;margin-top:0px; position:relative; border-top: #EAE4E4 1px solid; }
.frlink .frlink-box .frlink-title{ width:1190px;height:50px;line-height:50px;margin-top:0px; font-size: 16px; }
.frlink .frlink-box ul{ width:1190px;line-height:50px; float:left;  }
.frlink .frlink-box ul li{ margin-right:10px; float:left; }
.frlink .frlink-box ul li a{ font-size:14px; }

.footer{ width: 100%;min-width: 1190px;margin-top:20px;height: auto;float: left;border-top: #EAE4E4 3px solid;background:#EAE4E4; }

.footer .footer-box{ width:1190px;margin:0 auto;margin-top:0px; position:relative; height:auto; background:#EAE4E4; }
.footer .footer-box .foot-dh{ width:1190px; margin-top:10px; line-height:36px;float: left; }
.footer .footer-box .foot-rr{ width:1190px;height:56px; margin-top:10px; line-height:36px;float: left;text-align:center; }

.footer .footer-box .foot-dh 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){
}

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

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

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