/*=================================================
	Version:V1.2   	Date:2015-7-28
	Copyright: hnqss.cn  清风创科设计团队 
	Tel:(86)0731-82229293
=====================================================*/
h1,h2,h3,h4,h5,h6 {font-weight:normal}
body{color:#535353;font:12px/1.5 "Lucida Grande",Verdana,Helvetica,Arial,"Microsoft YaHei",Simsun;min-width:1100px;background-color:#fff;}
/** 伪类定义 **/
a {color:#666;text-decoration:none}
a:hover{color:#008cd6;text-decoration:none}
.fix{word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
i,em{font-style:normal;}
img{vertical-align:middle}

.b{font-weight:bold;}
.none{display:none;}
.hidden{display:none}

.clearfix {*zoom:1}
.clearfix:before, .clearfix:after {display:table;content:"";line-height:0}
.clearfix:after {clear:both}

.wrap {width:1100px;margin-left:auto;margin-right:auto}

/*-------------header----------------*/
.mall-nav {position:relative;z-index:9520;}
.mall-nav .active{background-color:#008cd6;}
.mall-nav .active a{color:#FFF}
.mall-nav-content{width:1100px;margin:0 auto;height:60px;line-height:60px;overflow:hidden;}
.logo{margin-right:50px;overflow:hidden;height:60px;}
.logo a img{max-height:60px;}

/*导航*/
.all_nav{height:60px;line-height:60px;position:relative;z-index:9521}
.menu ul{width:712px;height:60px;overflow:hidden;}
.all_nav ul li{float:left;height:60px;}
.all_nav ul li a{display:block;color:#666;font-size:16px;height:60px;padding:0 37px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border-left:1px solid #f2f2f2}
.all_nav .nav-item  a:hover,
.all_nav ul li .hover{background-color:#008cd6;color:#FFF}
.nvlisbox {position:absolute;top:60px;left:0;width:100%;_width:100%;height:165px;background-color:#FFF;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
.nvlisbox li{float:left;}
.nvlisbox ul li a{display:block;width:220px;height:166px;text-align:center;cursor:pointer;line-height:260px;position:relative;overflow:hidden;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.nvlisbox ul li a:hover{color:#FFF;background-color:#0563c3;}
.nvlisbox ul li a:hover h2{color:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.nvlisbox ul li a h2{color:#666;font-size:18px;}
.nvlisbox ul li a b{display:block;width:220px;height:110px;position:absolute;top:0;left:50%; margin-left:-110px; text-indent:-9999px;background:url("i/tubiao.png") no-repeat;_background:url("i/tubiao.gif") no-repeat;background-size: 1254px 336px;-webkit-transition-delay:.1s; -moz-transition-delay:.1s; -ms-transition-delay:.1s; transition-delay:.1s;}
.nvlisbox .itme_1 a b{background-position:0 0}
.nvlisbox .itme_1 a:hover b{background-position:0 -168px}
.nvlisbox .itme_2 a b{background-position:-255px 0}
.nvlisbox .itme_2 a:hover b{background-position:-255px -168px}
.nvlisbox .itme_3 a b{background-position:-510px 0}
.nvlisbox .itme_3 a:hover b{background-position:-510px -168px}
.nvlisbox .itme_4 a b{background-position:-765px 0}
.nvlisbox .itme_4 a:hover b{background-position:-765px -168px}
.nvlisbox .itme_5 a b{background-position:-1015px 0}
.nvlisbox .itme_5 a:hover b{background-position:-1015px -168px}

/*搜素，会员*/
.shbox{height:80px;width:100%;background-color:#202223;position:relative;z-index:9999;}
.searchbar{width:700px;height:40px;position:absolute;top:20px;left:50%;margin-left:-350px;position:relative;}
.keywords{width:550px;padding:10px 20px;height:20px;color:#555;font-size:14px;border:0;}
.btn-search{width:100px;height:40px;line-height:40px;background-color:#008cd6;color:#FFF;margin-left:-10px;font-size:14px}
.btn-search:hover{background-color:#0074b2;}
.sahbox a{display:block;border:1px solid #e7e7e7;margin-top:10px;margin-right:15px;width:40px;height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.fdfsd{background:url("i/vivo-head-ico.gif") no-repeat 0 0;}
.fdfsd:hover{background:url("i/vivo-head-ico.gif") no-repeat 0 -43px}
.dfds{background:url("i/vivo-head-ico.gif") no-repeat -44px -2px}
.dfds:hover{background:url("i/vivo-head-ico.gif") no-repeat -44px -45px}
.dfds:active{background:url("i/vivo-head-ico.gif") no-repeat -44px -45px}
.dgdr{position:absolute; top:8px; right:-20px;width:25px;height:25px;background:url("i/vivo-head-ico.gif") no-repeat -86px 0;}
.dgdr:hover{background:url("i/vivo-head-ico.gif") no-repeat -86px -25px}


/*-------------header_b----------------*/
.header .head_out{background:url("i/bg_head.jpg") repeat-x scroll 0px 0px;height:70px;overflow:hidden;}
.head_out .all_nav{margin-left:60px;width:585px;height:68px;background:url("i/bg_nav_line.jpg") no-repeat right top;overflow:hidden;}
.head_out .all_nav .menu ul{width:590px;height:68px;}
.head_out .all_nav .menu li {background:url("i/bg_nav_line.jpg") no-repeat left top;padding-left:3px;text-align:center;width:115px;height:68px;border:0;}
.head_out .all_nav .menu li a{width:113px;height:68px;line-height:68px;padding:0;}
.head_out .all_nav .nav-item.last{border:0;}
.head_out .mall-nav .active a,
.head_out .all_nav ul li a:hover{background-color:#d9d9d9;color:#535353;}
.head_out .area_login{margin:25px 0 0 30px;zoom:1;width:200px;overflow:hidden;}
.head_out .area_login .loginbar{width:98px;overflow:hidden;}
.head_out .area_login .loginbar .username{display:block;width:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.head_out .area_login .Orchard_box .book a{padding:2px 10px;}
.head_out .Orchard_box a {padding:2px 0;color:#484848;float:left;text-align:center;}
.head_out .Orchard_box a:hover{background:url("i/bg_login_hover.jpg") no-repeat;color:#23ace3;}
.head_out .site_right{height:22px;}
.head_out .Orchard_box .showadmin:hover{background:none;}
.head_out .Orchard_box .exit{padding:2px 10px;}
.head_out .micart{padding:2px 10px;}
.minicart {background:url("i/gwc.gif") no-repeat;}
.minicart .minicart-text {padding-left:25px;height:24px}
.minicart .minicart-text .op-cart-number{background-color:#008cd6;color:#fff;padding:0 3px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.minicart .op-cart-count {position:absolute; top:-1px; left:8px}
.minicart .no-information {display:none}
.minicart .minicart-list,
.minicart .minicart-info,
.minicart .loading {display:none}


/*-------------footer----------------*/
#footer{background-color:#202223;height:auto;padding:30px 0;margin-top:20px;overflow:hidden}
.foot_top{height:38px;overflow:hidden;}
.foot_top .foot_logo{height:30px;width:100px;padding:0 0 0 5px;}

.foot_top .foot_links {padding-top:10px;margin:0 15px;width:62%;overflow:hidden;}
.foot_links a{height:24px;line-height:24px;color:#ccc;padding:0 10px;}
.foot_links a:hover {color:#008cd6;}

.foot_top .foot_sns_list{width:25%;padding-top:8px;}
.foot_sns_list li{float:left;}
.foot_sns_list .front{color:#ccc;font-size:12px;height:30px;line-height:30px;}
.foot_sns_list a{width:27px; height:27px; display:inline-block;*display:inline;*zoom:1;overflow:hidden; margin-left:8px; background-color:#4d4e4f; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px; -webkit-transition:background .2s ease-in-out; -moz-transition:background .2s ease-in-out; -ms-transition:background .2s ease-in-out; transition:background .2s ease-in-out; vertical-align:middle;cursor:pointer;}
.foot_sns_list a b{width:27px;height:27px;overflow:hidden;display:inline-block;*display:inline;*zoom:1;background:url("i/footer_sns.png") no-repeat; background-size: 135px 54px;}
.foot_sns_list a:hover b{-webkit-transition-delay:.1s; -moz-transition-delay:.1s; -ms-transition-delay:.1s; transition-delay:.1s;}
.foot_sns_list a.sina b{background-position:0 0;}
.foot_sns_list a.sina:hover{background-color:#e52c42;}
.foot_sns_list a.sina:hover b{background-position:0 -27px;}
.foot_sns_list a.tencent b{background-position:-27px 0;}
.foot_sns_list a.tencent:hover{background-color:#14addf;}
.foot_sns_list a.tencent:hover b{background-position:-27px -27px;}
.foot_sns_list a.weixin b{background-position:-54px 0;}
.foot_sns_list a.weixin:hover{background-color:#20a900;}
.foot_sns_list a.weixin:hover b{background-position:-54px -27px;}
.foot_sns_list a.qzone b{background-position:-81px 0;}
.foot_sns_list a.qzone:hover{background-color:#ffc600;}
.foot_sns_list a.qzone:hover b{background-position:-81px -27px;}
.foot_sns_list a.renren b{background-position:-108px 0;}
.foot_sns_list a.renren:hover{background-color:#056be8;}
.foot_sns_list a.renren:hover b{background-position:-108px -27px;}

.footer .theme-footer {text-align:left;padding-left:130px;margin:0;}


/*-------------footer_b----------------*/
.footer_b{margin-top:50px;}
.footer_b .foot_center{padding:20px 0;background-color:#fff;}
.footer_b .foot-tags{margin:20px 0;height:27px;}
.footer_b .foot-tags .qf_navs a{float:left;width:30%;height:27px;line-height:27px;overflow:hidden;text-align:center;}
.footer_b .foot-tags .qf_navs  a{font-size:18px;color:#8a8a8a;}
.footer_b .foot-tags .qf_navs  span{color:#01b5ff;font-size:24px;}
.footer_b .foot-links{padding:20px 0px 0px 68px;margin:0px 2px;border-top:1px solid #E1E1E1;}
.footer_b .foot-links .help{width:19%;}
.footer_b .foot-links .help h3{background:url("i/footer_bg.gif") no-repeat;height:20px;font-size:15px;font-weight:600;padding-left:25px;margin:2px 0 12px;}
.footer_b .foot-links .help_1 h3{background-position:0 0px;}
.footer_b .foot-links .help_2 h3{background-position:0 -20px;}
.footer_b .foot-links .help_3 h3{background-position:0 -40px;}
.footer_b .foot-links .help_4 h3{background-position:0 -60px;}
.footer_b .foot-links .help_5{width:200px;}
.footer_b .foot-links .help_5 .zxkf1{background:url("i/footer_kf.gif") no-repeat;width:186px;height:42px;color:#fff;font-size:18px;padding-left:50px;line-height:42px;margin-bottom:9px;}
.footer_b .foot-links .help_5 .zxkf2,
.footer_b .foot-links .help_5 .te1{font-weight:600;color:#979693;padding:2px 5px;}
.footer_b .help .body li{margin-bottom:6px;}
.footer_b .help .body li a{color:#979693;background:url("i/footer_icon.jpg") 7px center no-repeat;padding-left:20px;}
.footer_b .help .body li a:hover{color:#008cd6;}

/*-------------返回顶部----------------*/
.ex-gotopbox{width:50px;height:50px;position:fixed;bottom:50px;right:40px;z-index:100;}
.ex-gotopbox a{width:50px; height:50px; overflow:hidden; display:block;background:url("i/top-ico.gif") 0 0 no-repeat;background:rgba(0,0,0,.3) url("i/top-ico.png") no-repeat;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}
.ex-gotopbox a:hover{background-color:#008cd6;}
.ex-gotopbox a p{font-size:0;}


/*-------------注册登录页----------------*/
.passport{background-color:#FFF;}
.wrapbr{width:1000px;margin:80px auto;padding:20px;border:1px solid #e0e0e0;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}
.wrapbr .signup-aside{border:none;margin-left:655px;padding:80px 20px 170px 50px}
.wrapbr .sign-title {border:0;padding:0;height:44px;text-align:center;}
.wrapbr .sign-title h2{color:#008cd6}
.wrapbr .signin {border:0;border-left:1px solid #e0e0e0;}
.wrapbr .signin .need-signup{background:none}
.placeholder{text-indent:1.8em;}
.signupin-content .x-input{height:28px;line-height:28px;color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding:2px 5px 2px 25px;background:url("i/login-ico.gif") 0 -28px no-repeat;}
.signupin-content .action-account-check{background-position:0 0;}
.signupin-content .verify-input{background-position:0 -56px;width:100px;}
.wrapbr .btn-major{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.signup{border:0;border-right:1px solid #e0e0e0;}

/*登录注册按钮*/
.wrapbr .btn-major span{padding:0 45px;color:#FFF;background-color:#4aade1;
background-image:linear-gradient(#4aade1,#008cd6);
background-image:-webkit-linear-gradient(#4aade1,#008cd6);
background-image:-moz-linear-gradient(#4aade1,#008cd6);
background-image:linear-gradient(#4aade1,#008cd6);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=true,gradientType=0,startColorstr='#FF4aade1',endColorstr='#FF008cd6') \9;}

.wrapbr .btn-major:hover span{background-color:#008cd6;background-image:linear-gradient(#008cd6,#008cd6);
background-image:-webkit-linear-gradient(#008cd6,#008cd6);
background-image:-moz-linear-gradient(#008cd6,#008cd6);
background-image:linear-gradient(#008cd6,#008cd6);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,gradientType=0,startColorstr='#FF008cd6',endColorstr='#FF008cd6') \9;}
