/* CSS Document */
html,body{ min-height:100%; width:100%;}
body{ padding:0; margin:0; font-family:"Microsoft YaHei"; overflow-x:hidden;  font-size=62.5%;}
header,footer,nav,div,p,a,span,strong,ul,ol,dl,li,dt,dd,i,em,input,article{ padding:0; margin: 0;}
h1,h2,h3,h4,h5,h6{ padding:0; margin:0;}
a{ color:#333; text-decoration:none;}
a:active, 
a:hover { outline: 0; border:0;}
img{ border:0;}
input{ border:0; background-color:transparent; font-family:"Microsoft YaHei";}
li{ list-style-type:none;}
.clear{ clear:both;}
.basic-color{ color:#27a3fe !important;}
.red{ color:#e60012;}


/*头部
------------------------------------------*/
header{ height:120px; background-color:#fff;}
.logo{ float:left; margin-left; height:60px; margin-top:10px; width:262px; background:url(../images/logo.png) no-repeat center center; background-size:contain;margin-left:-20px}
nav{ float:left;}
nav .dh{ margin-top:15px; height:50px; line-height:50px;}
nav .dh li{ float:left; font-size:1.1em; margin-left:10px; position:relative;}
nav .dh li>a{ display:block; line-height:40px; margin-top:5px; padding:0 10px; border-radius:4px; transition:all 0.3s; -webkit-transition:all 0.3s;}
nav .dh li>a:hover{ background-color:#27a3fe; color:#fff;}
nav .dh li.active a{ background-color:#27a3fe; color:#fff;}
.head-top{ line-height:30px; height:30px; margin-top:25px;}
.head-top ul{ text-align:right; margin-right:10px;}
.head-top li{ display:inline-block; vertical-align:middle; margin-left:10px; font-size:0.75em; color:#dbdbdb;}
.head-top li a{ display:block;}
.head-top li a.seller_logo{ width:80px; text-align:center; border:1px solid #27a3fe; border-radius:4px; color:#27a3fe;}
.head-top li a.agent_logo{ width:80px; text-align:center; border:1px solid #27a3fe; border-radius:4px; background-color:#27a3fe; color:#fff;}
.head-top li a.seller_register:hover{ color:#27a3fe;}
.head-top li a.seller_logo:hover{ background-color:#27a3fe; color:#fff;}
.head-top li a.agent_logo:hover{ color:#27a3fe; border:1px solid #27a3fe; background-color:#fff;}
.head-top li a:hover{}
.right-t{float:right !important}
.hot-cell{ position: relative;}
.hot{ display:block; position: absolute; top:-10px; right:-5px;}

/*底部
----------------------------------------------*/
footer{ background-color:#333; color:#fff; width:100%; padding-top:30px;}
footer .foot-cont{ margin-bottom:30px;}
footer .foot-cont .title{ font-size:1em; padding:10px 0 20px;}
footer .foot-cont>div{ float:left; min-height:145px;}
footer .foot-cont a{ display:block; color:#fff;}
footer .foot-cont .follow-us{ border-right:1px solid rgba(255,255,255,0.5); margin-right:40px; padding-right:20px;}
footer .foot-cont .follow-us ul li{ float:left; width:90px; text-align:center; cursor:pointer;  font-size:0.875em; position:relative;}
footer .foot-cont .follow-us ul li span{ display:block;}
footer .foot-cont .follow-us ul li span.icon{ width:53px; margin:0 auto; margin-bottom:10px; height:53px; border-radius:50%; background-color:transparent; border:2px solid #fff; transition:all 0.5s; -webkit-transition:all 0.5s;}
footer .foot-cont .follow-us ul li .wechat-icon{ background:url(../images/wechat-icon.png) no-repeat center center;}
footer .foot-cont .follow-us ul li .weibo-icon{ background:url(../images/weibo-icon.png) no-repeat center center;}
footer .foot-cont .follow-us ul li .souhu-icon{ background:url(../images/souhu-icon.png) no-repeat center center;}
footer .foot-cont .follow-us ul .li-hover .hover-w{ display:none; width:90px; height:90px; position:absolute; top:0; left:90px; z-index:99; transition:all 0.5s; -webkit-transition:all 0.5s;}
footer .foot-cont .follow-us ul .li-hover .hover-w>img{ width:90px; height:90px;}
footer .foot-cont .follow-us ul .li-hover:hover .hover-w{ display:block;}

footer .foot-cont .follow-us ul li:hover .wechat-icon{ border:2px solid #27a3fe; background-color:#27a3fe;}
footer .foot-cont .follow-us ul li:hover .weibo-icon{ border:2px solid #27a3fe; background-color:#27a3fe;}
footer .foot-cont .follow-us ul li:hover .souhu-icon{ border:2px solid #27a3fe; background-color:#27a3fe;}
footer .foot-cont .hot-line{ margin-right:50px;}
footer .foot-cont .hot-line ul li{ font-size:1em; margin-bottom:13px; cursor:pointer;}
footer .foot-cont .hot-line ul li span{ display:inline-block; width:34px; height:34px; border-radius:50%; border:2px solid #fff; background:url(../images/tle-icon.png) no-repeat center center; vertical-align:middle; margin-right:10px; transition:all 0.5s; -webkit-transition:all 0.5s;}
footer .foot-cont .hot-line ul li:hover span{ border-color:#27a3fe; background-color:#27a3fe;-webkit-transform:rotate(540deg);-moz-transform:rotate(540deg);}
footer .foot-cont .qq-line{ padding-right:40px; border-right:1px solid rgba(255,255,255,0.5);}
footer .foot-cont .qq-line ul li{ font-size:1em; margin-bottom:10px; cursor:pointer;}
footer .foot-cont .qq-line ul li span{ display:inline-block; width:34px; height:34px; border-radius:50%; border:2px solid #fff; background:url(../images/qq-icon.png) no-repeat center center; vertical-align:middle; margin-right:10px; transition:all 0.5s; -webkit-transition:all 0.5s;}
footer .foot-cont .qq-line ul li:hover span{ border-color:#27a3fe; background-color:#27a3fe;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);}
footer .foot-cont .about-us{ margin-left:50px; min-width:132px;}
footer .foot-cont .about-us ul li{ list-style-type:square;  font-size:0.875em; margin-left:20px; margin-bottom:3px;}
footer .foot-cont .about-us ul li:hover a{ color:#27a3fe; text-decoration:underline;}
footer .foot-cont .credit{ margin-left:50px; min-width:132px;}
footer .foot-cont .credit ul li{ list-style-type:square;  font-size:0.875em; margin-left:20px; margin-bottom:3px;}
footer .foot-cont .credit ul li:hover a{ color:#27a3fe; text-decoration:underline;}

footer .foot{ text-align:center; font-size:0.75em; padding:20px 0; border-top:1px solid #fff; line-height:20px;}
footer .foot .record{ display:inline-block; padding-left:25px; background:url(../images/beiantubiao.png) no-repeat left center; color:#fff;}


/*公共样式
-----------------------------------------*/
article{ width:1100px; margin:0 auto;}

.container .more{ display:block; width:340px; margin:0 auto; height:40px; line-height:38px; text-align:center;  font-size:0.938em; border:1px solid #d4d4d4; transition:all 0.2s; -webkit-transition:all 0.2s; box-sizing:border-box;}
.container .more:hover{ background-color:#27a3fe; color:#fff; border:1px solid #27a3fe;}

/*返回顶部
--------------------------------*/
#rocket-to-top div {
    left:0;
    margin:0;
    overflow:hidden;
    padding:0;
    position:absolute;
    top:0;
    width:149px;
}
#rocket-to-top .level-2 {
    background:url("../images/rocket_button_up.png") no-repeat scroll -149px 0 transparent;
    display:none;
    height:250px;
    opacity:0;
    z-index:1;
}
#rocket-to-top .level-3 {
    background:none repeat scroll 0 0 transparent;
    cursor:pointer;
    display:block;
    height:150px;
    z-index:2;
}
#rocket-to-top {
    background:url("../images/rocket_button_up.png") no-repeat scroll 0 0 transparent;
    cursor:default;
    display:block;
    height:250px;
    margin:-125px 0 0;
    overflow:hidden;
    padding:0;
    position:fixed;
    right:0;
    top:80%;
    width:149px;
    z-index:11;
}

/*在线客服代码
-----------------------------------------*/
.rides-cs{background:#27a3fe;position:fixed;bottom:130px;right:0;z-index:999; border-radius:4px 0 0 4px;}
*html .rides-cs{position:absolute;bottom:expression(eval(document.documentElement.scrollTop)); margin:130px 0 0 0;}
.rides-cs a{color:#00A0E9;}
.rides-cs a:hover{color:#ff8100;text-decoration:none;}
.rides-cs .floatL{width:36px;float:left;position:relative;z-index:1;}
.rides-cs .floatL a{font-size:0;text-indent:-999em;display:block;}
.rides-cs .floatR{width:130px;float:left;padding:5px;overflow:hidden;}
.rides-cs .floatR .cn{background:#F7F7F7;}
.rides-cs .cn h3{ font-size:0.875em;color:#333;font-weight:600;line-height:24px;padding:5px}
.rides-cs .cn ul{padding:0 0 0 8px;}
.rides-cs .cn ul li{line-height:38px;height:38px;border-bottom:solid 1px #E6E4E4;overflow:hidden;}
.rides-cs .cn ul li span{color:#777; font-size:0.75em;}
.rides-cs .cn ul li img{vertical-align:middle;}
.rides-cs .btnOpen,.rides-cs .btnCtn{position:relative;z-index:9;top:0;left:0;background:url(../images/shopnc.png) no-repeat;display:block;width:20px;height:146px;overflow:hidden;padding:8px;}
.rides-cs .btnOpen{background-position:8px 12px;}
.rides-cs .btnCtn{background-position:-31px 12px;}

/*登录选择
-----------------------------------------*/
.loginbox{ position:fixed; z-index:999999; top:0; bottom:0;left:0; right:0; background-color:rgba(0,0,0,0.2); display:none; font-family:"Microsoft YaHei";}
.L_box{ width:850px; margin:0 auto; margin-top:120px; height:420px; border-radius:6px; background-color:#fff; box-shadow:0 3px 3px rgba(0,0,0,0.2); position:relative; padding:40px 50px; box-sizing:border-box;}
.loginbox .close_t_btn{ position:absolute; display:block; width:30px; height:30px; color:#a0a0a0; background-color:#eee; border-radius:15px; text-align:center; line-height:28px; top:7px; right:10px; font-size:20px; font-family:"Microsoft YaHei"; font-weight:bold;}
.loginbox .close_t_btn:hover{ background-color:#d5d5d5; color:#fff;}

.loginbox1{ position:fixed; z-index:999999; top:-100px;  left:0; right:0; background-color:rgba(0,0,0,0.2); display:none; font-family:"Microsoft YaHei";}
.L_box1{ width:1200px; margin:0 auto; margin-top:120px; height:600px; border-radius:6px; background-color:#fff; box-shadow:0 3px 3px rgba(0,0,0,0.2); position:relative; padding:10px 20px 20px 50px; box-sizing:border-box;}
.loginbox1 .close_t_btn{ position:absolute; display:block; width:30px; height:30px; color:#a0a0a0; background-color:#eee; border-radius:15px; text-align:center; line-height:28px; top:7px; right:10px; font-size:20px; font-family:"Microsoft YaHei"; font-weight:bold;}
.loginbox1 .close_t_btn:hover{ background-color:#d5d5d5; color:#fff;}


.storebox{ width:100%;}
.storebox li{ float:left; width:31%; height:340px; background-color:#F7F7F7; border:1px solid #EDEAEA; border-radius:6px; margin-right:3.5%; text-align:center; box-sizing:border-box;}
.storebox li:last-child{ margin-right:0;}
.storebox li:nth-child(1){ background-color:#41e5c0;}
.storebox li:nth-child(2){ background-color:#5bccf6;}
.storebox li:nth-child(3){ background-color:#ff5757;}
.storebox li>a{ display:block; line-height:20px; font-size:14px; padding:10px; color:#fff;}
.storebox li>a>span{ display:block;}
.storebox li>a>i{ display:block; height:100px; width:100px; margin:20px auto;}
.storebox li>a .title_text{ font-size:26px; font-family:"Microsoft YaHei"; margin-top:10px; margin-bottom:20px;}
.storebox li>a>div{ font-size:14px; min-height:80px;}
.storebox li>a .into_text{ display:inline-block; line-height:30px; padding:0 10px; font-size:16px; margin-top:20px; font-weight:bold; box-shadow:0 1px 3px rgba(0,0,0,0.2); border-radius:4px; background-color:#f8f8f8; color:#ff5757;}
.storebox li>a .into_text:hover{ background-color:#fff;}
.storebox li>a>i.free-icon{ background:url(../images/mianfei-icon.png) no-repeat center center;}
.storebox li>a>i.charge-icon{ background:url(../images/shoufei-icon.png) no-repeat center center;}
.storebox li>a>i.boost-icon{ background:url(../images/zengqiang-icon.png) no-repeat center center;}



.storebox1{ width:100%;}
.storebox1 li{ float:left; width:21.5%; height:260px; background-color:#F7F7F7; border:1px solid #EDEAEA; border-radius:6px; margin-right:3.5%; text-align:center; box-sizing:border-box;margin-top:20px}
.storebox1 li:last-child{ margin-right:0;}
.storebox1 li:nth-child(1){ background-color:#41e5c0;}
.storebox1 li:nth-child(2){ background-color:#5bccf6;}
.storebox1 li:nth-child(3){ background-color:#ff5757;}
.storebox1 li:nth-child(4){ background-color:#FF0033;}
.storebox1 li:nth-child(5){ background-color:#CC6699;}
.storebox1 li:nth-child(6){ background-color:#FF9966;}
.storebox1 li:nth-child(7){ background-color:#33CC33;}
.storebox1 li:nth-child(8){ background-color:#9966CC;}

.storebox1 li>a{ display:block; line-height:20px; font-size:14px; padding:10px; color:#fff;}
.storebox1 li>a>span{ display:block;}
.storebox1 li>a>i{ display:block; height:58px; width:100px; margin:15px auto;}
.storebox1 li>a .title_text{ font-size:26px; font-family:"Microsoft YaHei"; margin-top:10px; margin-bottom:20px;}
.storebox1 li>a>div{ font-size:14px; min-height:50px;}
.storebox1 li>a .into_text{ display:inline-block; line-height:30px; padding:0 10px; font-size:16px; margin-top:10px; font-weight:bold; box-shadow:0 1px 3px rgba(0,0,0,0.2); border-radius:4px; background-color:#f8f8f8; color:#ff5757;}
.storebox1 li>a .into_text:hover{ background-color:#fff;}
.storebox1 li>a>i.free-icon{ background:url(../images/mianfei-icon.png) no-repeat center center;}
.storebox1 li>a>i.charge-icon{ background:url(../images/shoufei-icon.png) no-repeat center center;}
.storebox1 li>a>i.boost-icon{ background:url(../images/zengqiang-icon.png) no-repeat center center;}


@media screen and (max-width: 1199px){
article{ width:1002px;}
.logo{ margin-left:0;}
nav .dh li{ margin-left:5px;}
.head-top{ margin-right:4px;}
footer article{ width:100%;}
footer .foot-cont>span{ display:block; clear:both;}
footer .foot-cont .qq-line{ border-right:none;}
footer .foot-cont .about-us{ clear:both; margin-left:0;}
footer .foot-cont .about-us{ margin-right:50px;}
footer .foot-cont .about-us ul li{ float:left; margin-right:20px;}
footer .foot-cont .credit ul li{ float:left; margin-right:20px;}
}
@media screen and (max-width: 991px){
article{ width:765px;}
header{ height:100px;}
.logo{ margin-top:0px;}
.head-top{ margin-top:14px;}
nav .dh{ clear:both; float:none; margin-top:5px;}

.loginbox{ position:absolute; top:0; bottom:0; left:0; right:0;}
.L_box{ width:100%; height:auto;}
}
@media screen and (max-width: 767px){
article{ width:100%;}
footer article{ width:100%;}
header{ position:relative; height:90px;}
.logo{ margin-top:0;}
nav{ float:none; margin-top:4px;}
.head-top{ margin:0; margin-top:10px; width:100%;}
.head-top ul{ margin-right:0; text-align:center;}
.head-top ul li{ float:none; display:inline-block; vertical-align:middle; margin:0; margin-right:5px;}
.head-top ul li a{ color:#27a3fe;}
.head-top li a.seller_logo{ border:none;}
.head-top li a.agent_logo{ background-color:transparent; border:none; color:#27a3fe;}

nav.dhbox{ display:none; position:fixed; background-color:rgba(0,0,0,0.5); top:0; left:0; width:100%; z-index:99999; height:100%;}
nav.dhbox .dh{ position:absolute; width:90%; height:auto; background-color:#27a3fe; top:10px; left:5%; z-index:99999999;}
nav.dhbox .dh li{ float:none; text-align:center; font-size:1em; margin-left:0;}
nav.dhbox .dh li a{ color:#fff;}
nav.dhbox .dh li a:active{ background-color:#fff; color:#27a3fe;}
span.app-dh{ position:absolute; right:10px; bottom:15px; display:block; width:30px; height:30px; background:url(../images/app-dh-bg.png) no-repeat center center; cursor:pointer;}

footer .foot-cont>div{ float:none;}

footer .foot-cont .follow-us{ margin:0; border-right:0; padding-right:0; text-align:center;}
footer .foot-cont .follow-us ul li{ float:none; display:inline-block; vertical-align:middle;}
footer .foot-cont .hot-line{ margin:0; text-align:center; margin-top:10px;}
footer .foot-cont .qq-line{ margin:0; text-align:center; margin-top:10px; padding-right:0;}
footer .foot-cont .about-us{ margin:0; text-align:center; margin-top:10px;}
footer .foot-cont .about-us ul li{ float:none; display:inline-block; vertical-align:middle;}
footer .foot-cont .credit{ margin:0; text-align:center; margin-top:10px;}
footer .foot-cont .credit ul li{ float:none; display:inline-block; vertical-align:middle;}
footer .foot-cont>div{ min-height:auto;}
.case .case-cont ul li{ width:100%; height:auto;}

.storebox li{ float:none; width:100%;}
}
@media screen and (max-width: 320px){
.container .more{ width:280px;}
}