@charset "utf-8";
/* Style Reset */
body{color:#6d6d6d;font-family:Arial, Helvetica, sans-serif;width:100%;font-family:微软雅黑;background:#a40004!important;}
*{margin:0; padding:0;list-style:none;}
a{text-decoration:none;outline:0px; color:#6d6d6d; font-family:微软雅黑}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
.all{width:100%; max-width:640px; margin:0 auto; overflow:hidden; position:relative; }
.all{ margin:0 auto; width:100%; z-index:90; position:relative; max-width:640px;overflow:auto;overflow-x:hidden;background:#a40004;}
.padding20{ padding:2% 2% 4%; background:#fff;float:left;color:#000; margin-bottom:4%;width:96%; text-align:justify; line-height:180%; min-height:400px;}
.content{ float:left;width:100%; position:relative;min-height:450px;}
#content{ width:100%;overflow:hidden;background:#000;}
 /* header--------- */
.header,.viewheader{ float:left;width:100%; position:relative; min-height:35px; background:#fbaf38;}
.header .menuimg{ left:0;background:url(../images/menu.png) no-repeat center; background-size:45%}
.header .member{ left:auto;right:0;}
/*view -header*/
.viewheader_t{ text-align:center; margin-left:14%; font-size:2.2em; padding:4% 0;float:left; width:72%; color:#fff;}
.back,.menuimg,.member,.searchimg2,.searchimg,.carimg,.carimg2{ float:left; display:block;width:14%; position:absolute; height:100%;}
.member{ left:0;background:url(../images/member.png) no-repeat center; background-size:50% }
.member a{ float:left; width:100%; position:absolute; z-index:9; height:100%;}
.menuimg_i{float:left; display:block;width:14%; position:absolute; height:100%;left:0;background:url(../images/menu.png) no-repeat center ; background-size:45% }
.member_i a{ float:left; width:100%; position:absolute;  z-index:9; height:100%;}

.viewimg{ float:left; width:45%;}
.viewimg img{ width:100%;}
.back{background:url(../images/back.png) no-repeat center #e1941b; background-size:30% }
.back a{ float:left; width:100%; position:absolute; z-index:9; height:100%;}
.searchimg2{ right:3%;background:url(../images/search.png) no-repeat center;background-size:45%  }
.menuimg{right:0;background:url(../images/menu.png) no-repeat center #e1941b; background-size:45%  }
.searchimg{right:0;background:url(../images/search.png) no-repeat center #e1941b; background-size:45%  }
.carimg{right:14%; background:url(../images/car.png) no-repeat center ; background-size:50%}
.carimg a{width:100%; position:absolute; z-index:9; height:100%;}
#menuimg{right:0;background:url(../images/menu.png) no-repeat center; background-size:45% }
.logo{ float:left;width:72%; text-align:center; margin-left:14%; }
.logo a{ float:left; width:100%; text-align:center;}
.logo img{ width:100%; display:block; margin:0 auto;}
.nav{width:100%;height:100%; padding:20% 0;top:0;z-index:1;background:#151515;}
.nav li{width:100%;margin:0 auto; padding:4% 0;border-bottom:1px solid #272727}
.nav li a{display:block; text-align:center;width:100%;font:300 1.1em/2 '微软雅黑';color:#f0f8ff;}
/*index*/
.banner{ width:100%; float:left;}
.banner img{ width:100%; display:block;margin:10px 0;}
.search{ width:100%; float:left;}
.searchmain{float:left; width:93.75%; margin:3% 3.125% ; padding:1% 0; position:relative; overflow:hidden; border:1px solid #d9d9d9; background:#fff; }
.search_txt{ float:left; padding:1% 0;color:#6d6d6d; padding-left:2%;width:77%; border:0; font-family:微软雅黑; font-size:1.2em; min-height:22px; background:none; max-height:30px;}
.search_but{ float:right;width:10%; position:absolute; height:97%;padding:0; top:1px;right:1px; margin-bottom:1px; border:0;background:url(../images/searchico.png) no-repeat center #f79f14;background-size:80%;  border:1px solid #fff; box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.qlink{ float:left;width:96%; margin:3% 0; padding-left:4%; }
.qlink li{ float:left; width:29%; text-align:center; margin-right:4%; border-radius:14px;}
.qlink li a{ float:left; color:#fff;width:100%;padding-top:67%; padding-bottom:5%; font-size:1.1em; text-align:center;}
.qlink li img{ width:54%;}
.bgpro{background:url(../images/qlink1.gif) no-repeat center ; background-size:100% 100%}
.bgnews{background:url(../images/qlink2.gif) no-repeat center ; background-size:100% 100%}
.bgmessage{background:url(../images/qlink3.gif) no-repeat center ; background-size:100% 100%}

.row4_t{ background:#fff; }
.row4_t span{ border-left:10px solid #fff403;}
.row1_t{ background:#edf6e3; }
.row1_t span{ border-left:10px solid #7fde22;}
.row2_t{ background:#f8e7e6; }
.row2_t span{ border-left:10px solid #eb4a3f;}


.row4 .row_t{float:left;width:93.75%; margin:0 3.125%;}
.row4 ul{ float:left;width:96.875%; padding-left:3.125%;}
.row4 ul li{float:left; margin-top:2%; margin-right:1%; border:1px solid #fff403; line-height:2; width:23.4%;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.row4 ul li a{ float:left; width:100%; text-align:center;font-size:1.1em;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;color:#fff403}
.row{float:left;width:93.75%; padding:0% 3.125% 3%;}
.row_t{float:left;width:100%; margin-bottom:3%;}
.row_t span{ padding-left:10px;float:left; line-height:2; font-size:1.1em;color:#000 }
.row img{width:100%; display:block;}
.row .clear{ width:100%; height:1px; overflow:hidden; font-size:0;}
.pro1{width:33%;}
.pro1 a{ width:100%; position:relative; margin-bottom:3.5%;}
.pro2{width:65.8%; position:relative; }
.pro3{width:49.5%;position:relative; margin:0 0.5% 0.5% 0;}
.pro4{ width:32.5%; float:left; position:relative;}
.pro4 a{ position:relative; margin-bottom:4.2%; float:left; width:100%;}
.pro5{ width:32.5%; margin:0 1.2%; float:left; position:relative;}

.protext{float:left; width:100%; background:#000; opacity:0.8; text-align:center;padding:2% 0; color:#fff;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:absolute; bottom:0; z-index:9;}
/*news*/
.newslist{ float:left;width:100%; background:#fff;}
.newslist .newsmain{float:left;width:100%;margin:2% 0; padding:0;}
.newslist ul{float:left; width:100%;}
.newslist ul li{float:left; width:100%; border-bottom:1px solid #e5e5e5; }
.newslist ul li a{float:left; width:93%; font-size:1.1em; line-height:2.5; padding:0 4% 0 3%; background:url(../images/newsico.png) no-repeat 98% center; background-size:2%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#606060;}
/*brand*/
.brand{ float:left; width:100%; margin-left:-1px;}
.brand li{  float:left; width:33%; padding:5% 0; text-align:center; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5}
.brand li img{ width:80%; margin:0 auto;}
.brand li p{ float:left; width:100%; margin:5% 0;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.loading{ float:left; width:100%; text-align:center; padding:3% 0; font-size:1.2em;}
/*pro*/
.promain{ float:left; width:100%;}
.protwo{ display:none;}
.promain li{float:left; width:100%; border-bottom:1px solid #e5e5e5; }
.promain li p,.ordiv{float:left; display:block;width:93%; font-size:1.1em; line-height:2.6; padding:0 4% 0 3%; background:url(../images/newsico.png) no-repeat 98% center; background-size:2.5%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#606060;  }
.promain li .cur{background:url(../images/newsico2.png) no-repeat 98% center; background-size:4%; }
.protwo{ float:left; padding:3% 0%; width:100%; background:#fbfcfc; line-height:2; border-top:1px solid #e5e5e5;}
.protwo a{ border:1px solid #e0dfdf; background:#fff; text-align:center; padding:1% 2%; margin:1%; float:left;}
.block{ display:block;}
.none{ display:none;}
/* footer */
.loginbot a{ float:left; padding:0 2%;}
.download{float:left; width:85%; position:relative;padding:4% 0; padding-left:15%; background:url(../images/down.gif) no-repeat center left #f5f5f5; background-size:14%;}
.download a { float:left; font-size:1.1em;}
.download a font{ color:#fbaf38;}
.downloadlink{ float:left; margin-left:5%; display:inline;}
.topico{ position:relative; background:#f5f5f5; z-index:9999; min-width:35px;bottom:0;float:right; text-align:right; z-index:999;width:100%;}
.topico a{ right:3%;position:absolute;width:10%; text-align:center; width:8%;height:74px;background:url(../images/top.png) no-repeat center; background-size:100%;}
.foottxt{ float:left; width:100%; border-bottom:1px solid #fff; background:#f9f8f8; text-align:center; padding:2% 0;}
.bq{ float:left; width:100%; text-align:center; color:#fff; background:#000; padding:2.5% 0;font-size:0.9em; font-family:Arial, Helvetica, sans-serif }
.bq a{ color:#fff;}
.footer{width:100%; float:left;/* max-width:640px; position:fixed; bottom:0;*/overflow:hidden;font-size:1.0em;background:#a40004}
.footer ul{float:left;width:100%;}
.footer ul li{float:left; width:25%;padding:1% 0;background:url(../images/footline.gif) no-repeat center right;}
.footer ul li a{float:left;min-height:20px;width:100%; color:#fff;text-align:center; float:left; display:block;}
.footer a:hover{ color:#FF0}
.footer img{ width:20%; min-width:20px; vertical-align:middle}
.reg p font {float: left;color: #f00;margin-top: 3%;margin-right: 2%;}
.reg{ float:left; padding:3% 9.6%; width:80.8%; min-height:300px;}
.reg p{ float:left; width:100%; text-align:center;}
.login_but input,.buy_but,.view_wbut{width:30%; font-family:微软雅黑; font-weight:bold; color:#fff; font-size:1.6em; line-height:2; border:0;-webkit-appearance:none; }
.buy_but{ background:#ff9000}
.inputw100,.inputw60,.textareaw100{ float:left; width:90%; border-radius:4px; border:1px solid #e0e0e0; background:#fff; padding:1.5% 0; font-size:1.1em; color:#b7b7b7; margin:2% 0; font-family:微软雅黑; text-indent:1em;}
.baocun input{width:30%; font-family:微软雅黑; font-weight:bold; color:#fff; font-size:1.6em; line-height:2; border:0; background:#ff8400; border-radius:8px;margin-top:5%;-webkit-appearance:none; }
.viewbut{ margin:0 auto ; padding:5% 0; width:100%; overflow:auto;}
.viewbut input{float:left; font-size:1.4em; margin-left:2%; width:47%; margin-top:0; border-radius:6px; -webkit-appearance:none;}
.viewbut .buy_but{ background:url(../images/car3.gif) no-repeat 5% center #f9595b; box-shadow:0 3px 0 #ca4748; background-size:13%;-webkit-appearance:none;}

.view_wbut{ width:45%; font-size:2em;}
.inputw60{  float:left; width:60%; }
.yzm{ width:28%; margin-top:2%; text-align:center; margin-left:3%; float:left; border-radius:6px; background:#cacaca}
.yzm img{ width:80%; margin:0 auto; display:block;}
.login_but input,.view_wbut{background:#e64e3d;border-radius:8px;margin-top:5%;-webkit-appearance:none;}
.login_but{ float:left; width:100%; text-align:center; margin-bottom:3%;}
/*member*/
.logintxt{ background:#fff; float:left; padding:2% 0; width:100%; line-height:2;}
.logintxt .fl{ padding-left:3%;}
.membercenterul{  float:left; width:100%; padding-top:7%; min-height:450px;}
.membercenterul li{ float:left; width:19.8%; border-radius:8px; margin-bottom:7%; margin-left:7.8%; margin-right:3.9%; background:#fff; text-align:center; padding:2% 0;}
.membercenterul li img{ width:60%; margin:0 auto;}
.membernav{ float:left; width:100%; background:#f2dcd9; padding:3% 0;}
.membernavmain{ float:left; margin:0 5%; width:86%; border-radius:22px; font-size:1.2em;color:#b27169; background:#fff; border:1px solid #eacecc; box-shadow:2px 3px 3px #dcaea8; padding:1% 2%;}
.membernavmain span{ float:left;}
.membernavmain img{ float:right; width:3%;}
.information{ float:left; width:100%; line-height:1.5;}
.exit{float:left;width:100%;background:#fff;}
/*product*/
center{ padding-top:5%; clear:both;}
.product,.product ul{ float:left; width:100%; }
.product{ padding-left:2%; min-height:400px;}
.product li{ float:left; width:30%;margin-left:1.5%; margin-top:4%;}
.product img{ width:100%;}
.product a p{ float:left; width:100%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.exit a{ padding-left:5%; float:left; line-height:3; font-size:1.1em;}
.pronav{ float:left; width:100%; position:relative; background:#e7a031}
.pronavimg{ float:left; width:32%; padding:1% 0;   margin:2% 0; margin-left:3%; position:relative;}

.ranking{ float:left; width:100%; padding:2% 0; background:#e5e5e5;}
.sale,.price{ min-width:45px; padding:0.5% 1%; margin-left:2%; background:#fff;float:left; text-align:center; cursor:pointer;}
.sale font,.price font{ float:left;}
.sale img,.price img{ width:20%; margin-left:3px; vertical-align:middle; margin-top:5%;float:left;}
.imgmove{-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.imgborder{ border:1px solid #ccc; background:#efefef;}
.navpage{ float:right; text-align:right; width:16%;}
.navpage a,.navpage span{ display:block; background:#fff; padding:3% 0;margin-right:3%; text-align:center; width:40%; float:left}
.navpage a img,.navpage span img{ width:24%; margin-top:2px}
.navpage span{ opacity:0.5;}


/* banner --------------------------------------------------------------------*/
.big-pic{width:100%; float:left; position:relative;}
.big-pic img{ float:left;width:100%;display:block;}
.pic-list a p img{ float:left; display:block;width:100%;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.big-pic a,.big-pic a p{float:left;height:auto; width:100%;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:100%;}
.big-pic2 .pic-list a{width:50%;/*50%*/}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list a{width:33.3%;/*33.33%*/}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list a{width:25%;/*25%*/}
.slide-dot{ width:100%;height:28px;float:left; position:absolute; bottom:0;}
.slide-dot span{display:inline-block;width:30%;height:28px;margin:0 1%;background:url(../images/slide-dot.png) no-repeat right bottom;vertical-align:top; z-index:10; background-size:200%;}
.slide-dot .slide-dot-cur{background-position:0 bottom;z-index:10; }
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;  }
.slidemain{ margin:0 auto; overflow:auto; width:16%;}

.title{ float:left; position:relative; width:97%; text-align:center; font-weight:bold; color:#a31506;text-shadow:1px 0 0 #fff;padding:0.5% 0 0.5% 3%;font-size:1.2em; line-height:2;
background:-webkit-linear-gradient(top,#fff8f7,#f3e3e1);background:-moz-linear-gradient(top,#fff8f7,#f3e3e1);background:linear-gradient(top,#fff8f7,#f3e3e1); box-shadow:0 3px 3px #e4b5b0;}
.title span{ float:left; width:50%; line-height:2; text-align:left}
.title img{ margin-left:3%; width:4%; min-width:13px; vertical-align:middle; margin-right:2px;}
.view_title{text-align:center; width:96%; border-bottom:1px solid #ccc;float:left; padding: 2%;font-size:1.2em; margin:1% 0 0; font-weight:normal; color:#000; font-family:微软雅黑; margin-bottom:2%;}
.viewimg{ width:100%; margin:0 auto; clear:both; overflow:auto;}
.viewimg .slide-dot{ background:#000; padding:1% 0; opacity:0.6;}
.view{ float:left; margin-bottom:3%; width:100%; background:#fff;}
.content_t{ background:#e0e0e0; color:#000; text-align:center;line-height:1.8; padding:1% 0;font-size:1.6em; font-weight:bold;}
.viewcon{ float:left; width:96%; padding: 2%; color:#000;}
.proviewbut{ float:left; width:100%;}
.proviewbut a{ width:30%; text-align:center; float:left; line-height:2; margin: 0 1.5%; color:#fff;}
.bookbut{ background:#329c04}
.telbut{ background:#ee5544}
.collectionbut{ background:#eea844}
.viewpage { float: left; width: 100%; margin-top: 34px; }
.viewpage a { float: left; width: 98.8%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 1% 0.6%; margin-bottom: 8px; background: #f8f8f8; border: 1px solid #ececec; color:#544d4c }
.viewback { float: left;width:100%; font-family:微软雅黑;border:1px solid #544d4b; padding:1.5% 0; margin-top:3%; border-radius:6px; font-size:1.2em; background:#554e4c;box-shadow:1px 2px 5px #544d4b inset;  }
.viewback a { float: left;width:100%; text-align:center; color:#fff;}
	.pageListNav{padding:10px 0;  float:left; width:100%; position:relative; z-index:9999; padding:10% 0;text-align:center;}
	.left,.right{display:inline-block;width:8%;border-radius:4px;color:#fff;text-align:center}
	.left img,.right img{ width:50%;vertical-align:middle;}
	.pageListNav .first{float:left;margin:0}.pageListNav>span{display:inline-block;overflow:hidden;line-height:2; vertical-align:middle;}.pageListNav span select{position:relative;width:100px; background:none;border:1px solid #ccc;color:#666;font-size:1.1em}

	.center{ float:left; width:100%;}
.center img{ width:100%; display:block;}
.searchnull{ float:left; width:100%; text-align:center; color:#333; padding:8% 0;}
.searchnull font{ color:#f00; }
/*message-list*/
.messagelist{width:98%;margin:1em auto;}
.messageuser{color:#00beb3;}
.messagetxt{float:left; width:100%; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;color:#666;}
.admintxt{ color:#fd486b; float:left; width:100%; border-bottom:1px solid #d8d8d8; padding-bottom:2%; margin-bottom:2%;}
.message{width:96%;margin:1em auto; }
.message .inputw100{border-radius:0; margin:0; margin-bottom:-1px }
.message .login_but input{ width:100%; font-weight:normal;}
.message textarea,.message .login_but input{ border-radius:0;}
#search1{ float:left; width:93.75%; display:none;margin:3% 3.125%; position:relative; background:#f9f3e5}
#search1 form{ float:left; width:100%; position:relative;}
input{ background:#fff;}
#content .login .inputw100,#content .login .inputw60{ background:#fff !important ;color: #B7B7B7!important;opacity:1;}
.newslist{ min-height:400px;}
#content .index input{ color:#333 !important;}
.loginreg{ margin-right:2%;}
.searchnull{ float:left; text-align:center; padding-top:3%; width:100%;}
.car center{ margin-top:3%; float:left; width:100%; text-align:center;}
.number{ width:30px;}
.footarea{ float:left;max-width:640px; width:100%;}

.infinite{ float:left; width:100%; text-align:center; padding-top:3%;}


@media screen and (min-width:640px){
	.all{width:640px;margin:0 auto;}
}
@media screen and (max-width:540px){
	body,html{font-size:14.5px;}
}
@media screen and (max-width:480px){
	.login_but input,.buy_but,.view_wbut,.view_buy{ font-size:1.2em; font-weight:normal; }
	.viewheader_t{ font-size:22px;}
	.newslist ul li a{ font-size:1.1em;}
	body,html{font-size:14px;}
}
@media screen and (max-width:420px){
	body,html{font-size:13.5px;}
}
@media screen and (max-width:360px){
	body,html{font-size:13px;}
}
@media screen and (max-width:320px) {
	.login_but input,.buy_but,.view_wbut,.view_buy{ font-size:1em; }
	.viewheader_t{ font-size:18px;}
	.newslist ul li a{ font-size:1em;}
	body,html{font-size:12px;}
}
.more { text-align:center; padding:5px; }
.deletebut {margin-top: 1%;}
.tip{ color:#f00 !important;}

.ordiv a{ float:left; width:100%;}
.center{ padding-top:3%; clear:both;}

#allmap {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
}

/*翻页*/
div#showpages{padding:0px;width:100%;white-space:nowrap; overflow:hidden;padding:0px;}
div#pagesinfo{float:left;white-space:nowrap;margin-top:7px;font-size:14px;}
div#pages{float:right;padding-right:8px;white-space:nowrap; margin-top:3px;}
div#pages ul{margin:0;padding:0;}
div#pages a:link,div#pages a:visited,div#pages a:active{color:#fff;text-decoration:none;}
div#pages a:hover{color:#ff0000;text-decoration:none;}
div#pages li{margin:0 3px;padding:5px 8px;list-style-type:none;float:left;font:12px Verdana,Arial,Helvetica,sans-serif;color:#fff;white-space:nowrap;}
div#pages li.pagesnow{color:#fff;white-space:nowrap;}
div#pages li.pbutton{color:#fff;padding:5px 5px;white-space:nowrap;}
div#pages li.opt{color:#fff;padding:2px 2px 0 2px;;white-space:nowrap;border:0px;}
div#pages li.opt select{font-size:14px;}