@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{ font-size:12px; font-family:"微软雅黑";}
body, ul, ol, li, p, h1, h2, h3, h4, form, img, dl, dt, dd, input, button { border:none; color:#000; list-style:none;}
.clearfix:after{
content:"."; display:block; height:0; clear:both;
visibility:hidden;
}

a{ text-decoration:none;}
.blank{clear:both;height:12px;}
.content{ width:100%; margin:0 auto;}
/*.header{ width:1200px; height:88px; background:#df2680;}
.logo{ margin:8px 0 0 53px; display:inline; float:left;}
.nav{ margin:44px 22px 0 0;}
.nav ul li{ float:left;}
.nav ul li a{ font-size:15px; color:#FFF; font-weight:bold; margin-right:35px;}*/
.fleft{ margin:20px 0; float:left;}
.fleft a{padding-left:25px; margin-right:15px; display:inline; color:#000;}
.fright{ float:right; margin:15px 0;}
.fright input{ width:75px; height:22px; border:1px solid #b5b5b5; padding-left:3px; line-height:22px;}
.fright .landing{ background:#df2680; padding:3px 6px; color:#FFF;}
.fright .forget{ color:#000; margin-left:5px;}
.fright .forget:hover{ text-decoration:underline;}
.ty{ background:url(images/ty_03.jpg) repeat-x; width:1200px; height:1px; z-index:1; left:0px; top:0px;}
/*banner*/
.wrapper { width: 1200px; position: relative; float:left;}
.fn-clear { zoom: 1;}
.box_skitter { position: relative;}
.box_skitter ul { display: none;}
.box_skitter .container_skitter { overflow: hidden; position: relative;}
.box_skitter .image { overflow: hidden;}
.box_skitter .image img { display: none;}
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20;}
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20;}
.box_skitter .prev_button,.box_skitter .next_button{ position: absolute; top: 50%; z-index: 100; width: 35px; height: 85px; overflow: hidden; text-indent: -9999em; margin-top: -40px;}
.box_skitter .prev_button { left: 10px;  background: url(images/prev.png) no-repeat left top !important;}
.box_skitter .next_button { right: 10px; background: url(images/next.png) no-repeat left top !important;}
.box_skitter .label_skitter { z-index: 150; position: absolute; display: none;}
#slideshow { width: 1198px; height: 467px;border:1px solid #f1f1f1;background:#80afb9;}
#slideshow ul { display: none;}

/*登陆页面*/
.return{ color:#FFF;}
.Landing_page{ background:url(images/bg3.png) repeat-y;background-size:100%; width:100%;min-width:600px; height:420px;margin:0px auto;padding-top:90px; position:relative;text-align:center;}
.posion{display:inline-block !important;background:rgba(204,204,204,0.3); border-radius:6px;width:420px; height:305px;  z-index:1;}
.posion .name{ font-size:24px; background:url(images/ls_04.png) no-repeat left; margin:30px 0 0 125px; display:inline; float:left; padding-left:40px;color:#b01c1e;}
.land{ margin-top:12px; float:left;}
.land li{ float:left; width:325px; margin:20px 0 0 28px; display:inline;font-size:13px;color:#b11c1e;}
.land li input{ width:232px; height:28px; padding-left:5px;border-radius:3px; line-height:28px; color:#666; margin-left:12px; display:inline;}
.password{ width:255px; float:left; margin:25px 0 0 60px; display:inline;}
.password input{ float:left; margin:2px 8px 0 0; display:inline;}
.login-button1{display:block;float:left;width:100%;height:42px;padding-left:100px;}
.butt1,.butt2{display:inline-block; width:76px; height:23px; float:left;  text-align:center; line-height:23px; color:#000;}
.butt1{display:inline-block;width:220px;height:40px;line-height:40px;background:#b11c1e;color:#FFF;font-size:18px;border-radius:6px;}
a.butt1:hover{opacity:0.8;}
.butt2{ margin-left:0px;}

/*公司简介*/
.Introduction{ width:1200px; height:499px; float:left; border-left:1px solid #bdbcbb; border-right:1px solid #bdbcbb; border-bottom:1px solid #bdbcbb;}
.tabbtn{ width:180px; float:right;}
.tabbtn li{ background:#4b97b9; width:180px; height:25px; float:left; margin-top:7px;}
.tabbtn li a{ color:#FFF; line-height:25px; padding-left:15px;}
.tabbtn .current{ background:#feb7e3;}
.tabcon{ float:left; width:980px; height:499px; overflow:hidden; position:relative;}
#leftcon .subbox { width: 9999em;}
.tabcon .subbox { position: absolute; left: 0px; top: 0px;}
.sublist{ width:980px; float:left; height:499px;}
.sublist dl{ float:left;}
.sublist dt{ float:left;}
.sublist dt img{ width:368px; float:left; height:499px;}
.sublist dd{ float:left; width:500px; margin:20px 0 0 35px;}
.sublist dd p{ text-indent:2em; line-height:22px;}

/*在线客服*/
.scrollsidebar{position:fixed; z-index:999; bottom:20px; right:10px;}
.side_content{width:119px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:119px;overflow:hidden;}
.side_title{ background:url(images/pf_03.jpg) no-repeat; width:119px; height:32px; float:left; position:relative;}
.side_title .close_btn{ position:absolute; background:url(images/pf_02.jpg) no-repeat; width:11px; height:11px; z-index:1; right:5px; top:6px;}
.side_center{ width:119px; height:382px; background:#fc84ce; float:left;}
.side_bottom{ background:url(images/pf_23.jpg) no-repeat; width:119px; height:39px; float:left;}
.side1,.side2,.side3,.side4{ float:left; display:inline;}
.side1{ margin:6px 0 0 7px;}
.side2{ margin:34px 0 0 9px;}
.side3{ margin:15px 0 0 9px;}
.side4{ margin:40px 0 0 9px;}


/*other*/
.bnt_blue, .bnt_blue_1, .bnt_blue_2, .bnt_bonus{padding:0 10px; height:28px; text-align:center; color:#fff; border:none; cursor:pointer; background:url(images/user_button.png) repeat-x 0 0; font-size:12px; font-family:"微软雅黑"; vertical-align:middle;}

/* 购物流程 */
#shippingTable,#packTable,#cardTable { width:1200px; overflow:hidden; }
.numberFloat{ width:76px; margin:0 auto;}
.numberBox{ float:left; position:relative;}
.numberBox input{ padding:0px; width:50px;}
.number{ height:15px; line-height:15px; border-left:0px;border-right:0px; border-bottom:solid 1px #C9C9C9; border-top:solid 1px #C9C9C9;float:left; padding:0px; text-align:center;}
.increaseNum,.reduceNum{ width:13px; height:17px; display:block; background:url(images/number.png) no-repeat 0 0; float:left; text-indent:-9999px; overflow:hidden; cursor:pointer;}
.increaseNum{ background:url(images/number.png) no-repeat 0 -17px;}
.numberBox .numberTip{ display:none; position:absolute; bottom:35px; left:-62px; width:200px; border:solid 1px #edd28b; background-color:#fffdee;}
.numberBox .numberArrow{ position:absolute; left:88px; bottom:-12px; width:24px; height:12px; overflow:hidden; background:url(images/cart_arrow.png) no-repeat 0 0;}
.numberBox .numberLoad{ width:180px; padding-top:29px; height:25px; overflow:hidden; background:url(images/cart_load.gif) no-repeat center 0; color:#999;}
.numberBox .numberMsg{ width:180px; line-height:22px; padding:7px 0 5px 0; color:#666;}
.numberBox .numberMsg span{ color:#D20000;}
.numberBox .numberMsg .numberClose{ color:#0080FF; cursor:pointer;}
/*流程进度*/
.process{ width:1200px; height:29px; overflow:hidden; margin-top:12px; margin-bottom:12px;}
.process1{ background:url(images/process1.png) no-repeat 0 0;}
.process2{ background:url(images/process2.png) no-repeat 0 0;}
.flowTitleBox{ width:1200px; height:30px; line-height:30px; text-indent:18px; /*overflow:hidden;*/border-top:solid 2px #997239; background-color:#f5f5f5; font-weight:bold; color:#333;}
.flowTitle{ width:1198px; overflow:hidden; border-left:solid 1px #d9c7ba; border-right:solid 1px #d9c7ba;}
.flowTitle a{ float:right; display:inline; margin-right:18px; text-indent:0px; font-weight:normal;}
.flowTitle span{ float:left;}
.flowBox select{ vertical-align:middle;}
.flowBox table{border-collapse:collapse; border:solid 1px #d9c7ba; border-top:0px; margin-bottom:30px;}
.flowBox th{ border-bottom:solid 1px #dcdcdc; padding:8px;}
.flowBox td{ padding:5px 8px; border-bottom:solid 1px #EEE;}
.flowBox tr.first td{ padding-top:15px;}
.flowBox tr.last td{ padding-bottom:15px; border-bottom:0px;}
.flowBox table.noPadding, .flowBox .noPadding tr th, .flowBox .noPadding tr td{ padding:0px; margin:0px;}
.flowBox .noBorder{ border:0px;}
.flowBox .noBorder tr td, .flowBox .noBorder tr th{ border:0px;}
.flowBox .orderTotal td{ border:0px; padding-right:0px;}
.flowBox .inputBg{ height:26px; line-height:26px; overflow:hidden; padding:0 5px; margin-right:8px; border:solid 1px #E0E0E0; vertical-align:middle;}
.flowBox .bnt_blue_1{ background:url(images/flow_button.png) repeat-x 0 0;}
.addressBox{ width:960px; overflow:hidden; padding-bottom:10px; margin:0 auto;}
.addressList{ width:960px; overflow:hidden;}
.addressList ul{ padding-top:20px;}
.addressList ul li{ padding:5px 10px; cursor:default;}
.addressList ul li.hover{ background-color:#EFEFEF;}
.addressList ul li input{ position:relative; top:2px; margin-right:5px;}
.addressList ul li span{ margin-left:20px; color:#0080FF; cursor:pointer;}
.addressForm{ width:960px; overflow:hidden;}
.addressForm .newAddress{ line-height:14px; padding:5px 10px 10px 10px; color:#333; font-weight:bold; cursor:default;}
.addressForm .newAddress input{ position:relative; top:2px; margin-right:5px;}
.addressForm .hover{ background-color:#EEE;}
#addressEdit{ display:none;}
.addressForm dl{ width:940px; overflow:hidden; margin-top:20px;}
.addressForm dl dt{ width:940px; overflow:hidden; padding:5px 0;}
.addressForm dl dt p{ float:left; width:150px; padding-right:20px; line-height:28px; text-align:right; font-size:14px;}
.addressForm dl dt span{ color:#F00; line-height:28px;}
.addressForm dl dt input.text{ float:left; width:220px; height:26px; line-height:26px; padding:0 5px; border:solid 1px #d3d3d3; background:url(images/input.png) no-repeat 0 0; margin-right:10px; border-radius:3px;}
.addressForm dl dt select{ float:left; margin-top:4px; margin-right:10px;}
.addressForm dl dd{ overflow:hidden; padding-left:170px; margin-top:10px;}
.shippingList,.paymentList{ width:940px; overflow:hidden; padding:0 10px 20px 15px;}
.shippingList dd,.paymentList dd{ float:left; width:190px; margin-top:20px; cursor:pointer;}
.shippingList dd img,.paymentList dd img{ width:148px; height:48px; margin-left:10px; vertical-align:middle; border:solid 1px #DDD; border-radius:5px;}
.shippingList dd.hover img,.paymentList dd.hover img{ border:solid 1px #42A0FF; border-radius:5px;}
.doneBox{ width:706px; overflow:hidden; padding:60px 0 30px 0; margin:0 auto;}
.done{ width:640px; overflow:hidden; margin:0 auto; padding:30px; border:solid 3px #DDD; background-color:#FFF;}
.done dl{ overflow:hidden; padding-left:220px; background:url(images/succeed.png) no-repeat 70px center;}
.done dl dt{ font-size:16px; color:#c70000; padding-bottom:10px; font-family:"微软雅黑";}
.done dl dd{ margin-top:10px;}
.done dl dd span{ color:#000;}
.done dl dd input,.payButton input{ float:left; border:none 0px; width:129px; height:36px; text-indent:-9999px; font-size:0px; line-height:0px; overflow:hidden; background:url(images/pay.png) no-repeat 0 0; cursor:pointer; margin-top:10px;}
.payButton input{ margin:0px;}
.doneLink{ padding-left:220px; overflow:hidden; margin-top:30px;}
.doneLink a{ color:#0080FF; margin:0 10px;}
/* 提示 */
.tipBox{ width:998px; overflow:hidden; margin-top:20px; padding-bottom:80px; border:solid 1px #e0e0e0; background-color:#FFF;}
.tip{display:table; padding:60px 0 0 0; margin:0 auto; text-align:center;}
.tipInfo{display:inline\9;zoom: 1\9;}
.tipRight{ float:left; margin-top:10px; padding-right:20px;}
.tipRight .tipMsg{padding:5px 0 15px 60px; text-align:left; font-size:14px; line-height:1.8em;  background-repeat:no-repeat; background-position:0 center;}
.tipInfo .ok{ background-image:url(images/ok.png);}
.tipInfo .info{ background-image:url(images/info.png);}
.tipInfo .error{ background-image:url(images/error.png);}
.tipInfo .error,.tipInfo .warning{ background-image:url(images/error.png);}
.tipLink{ padding-left:60px; text-align:left; margin-top:10px; overflow:hidden;}
.tipLink a{ margin-right:30px; color:#c70000;}

.flowBox{position:relative;}
.flowBox h6{
	display:inline-black;
	width:100%;
	text-align:left;
	font-size:14px;
	margin-bottom:6px;
	color:#666;
}
.flowBox h6 a{
	float:right;
	margin-right:14px;
}