/* Css Document */
html, body{-webkit-text-size-adjust:none;}
body{min-width: 1240px; margin: 0 auto; font-size: 12px; color: #666; line-height: 1.2; font-style: normal; background: #f6f6f6;}
html, body, input, p, a, span, ul, li, dl, dt, dd, ol, select, td, th, input, textarea, button, div{font-family: "HELVETI1ca Neue","Microsoft Yahei","寰蒋闆呴粦","Tohoma";}
a, a:link, a:visited, a:active{color: #666;}
a:hover{color: #ca0a0a !important;}
a:link, a:active{background-color: transparent;}
small{display: block; font-size: 100%;}
img{max-width: 100%;}
input, textarea, button, select, radio{margin: 0; padding: 0; outline: 0; border: 0;}
textarea{resize: none;}
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); /*鎸変笅榧犳爣鍥剧墖鍛ㄨ竟涓嶄細鍑虹幇铏氱嚎*/}
::-ms-clear, ::-ms-reveal{display: none; /*IE10 input X 鍘绘帀鏂囨湰妗嗙殑鍙夊弶鍜屽瘑鐮佽緭鍏ユ鐨勭溂鐫涘浘鏍� */}
.container{margin: 0 auto; width: 1200px;}
ul.style li{float: left;}
/* topbar */
.topbar{z-index: 1002; height: 35px; line-height: 35px; background: #f2f2f2;}
.topbar .container >div{width: 50%;}
.topbar .left ul li{position: relative; float: left; height: 35px;}
.topbar .left ul li a{width: 35px; height: 35px;}
.topbar .left ul li.wechat a{background: url(../images/icon1.png) no-repeat 0 0;}
.topbar .left ul li.wechat a:hover, .topbar .left ul li.wechat a.hover{background: url(../images/icon1_hover.png) no-repeat 0 0;}
.topbar .left ul li.qq a{background: url(../images/icon1.png) no-repeat 0 -35px;}
.topbar .left ul li.qq a:hover{background: url(../images/icon1_hover.png) no-repeat 0 -35px;}
.topbar .left ul li.tel{margin-right: 20px; padding-left: 20px; background: url(../images/icon1.png) no-repeat 0 -70px;}
.topbar .ewmbox{display: none; position: absolute; z-index: 1001; left: -45px; top: 25px; width: 146px; height: 162px; background: url(../images/ewmbox_top.png) no-repeat;}
.topbar .ewmbox img{margin-top: 29px; margin-left: 18px; width: 104px; height: 104px;}
.topbar .right ul li{float: right; height: 35px; overflow: hidden;}
.topbar .right ul li a{padding-right: 10px; background-repeat: no-repeat; background-image: url(../images/icon1.png);}
.topbar .right ul li a:hover{background-color: #e6e6e6; background-image: url(../images/icon1_hover.png);}
.topbar .right ul .top-nav4 a{padding-left: 23px; background-position: 10px -105px;}
.topbar .right ul .top-nav3 a{padding-left: 30px; background-position: 10px -140px;}
.topbar .right ul .top-nav2 a{padding-left: 30px; background-position: 10px -175px;}
.topbar .right ul .top-nav1 a{padding-left: 35px; background-position: 10px -212px;}
.topbar .right ul .top-nav10 a{padding-left: 35px; background-position: 10px -245px;}
.topbar .right ul .top-nav11 a{padding-left: 35px; background-position: 10px -280px;}
.topbar .right ul .top-nav12 a{padding-left: 35px; background-position: 10px -315px;}
/*header*/
.header{height: 100px; background: #fff;}
.header .logo{margin-top: 30px; margin-right: 15px; width: 130px;}
.header .citybox{margin-top: 46px; width: 235px;}
.header .home{margin-top: 70px; width: 300px; text-align: right;}
.header .home a{display: inline-block; padding-left: 18px; font-size: 14px; color: #999; background: url(../images/home.png) no-repeat left center;}
.header .home a:hover{background-image: url(../images/home_active.png);}
.header .search{margin-top:30px; width: 658px;}
.header .search div{position:relative; float:left; width: 506px; height:36px; border:2px solid #c80908; border-right: 0; background: url(../images/search.png) no-repeat 9px 8px;}
.header .search div input[type="text"]{margin-top:8px; margin-left:35px; width:460px; color: #999;}
.header .search div span{position:absolute; right:8px; top:8px; font-size:12px;}
.header .search div span a{background:#eee; color:#808080; padding:2px 3px; float:left; display:block; margin-right:6px;}
.header .search div span a:hover{background:#c80908; color:#fff !important;}
.header .search input[type="submit"]{width:150px; height:40px; float: left; font-size: 20px; font-weight: bold; color: #fff; background: #c80908;}
.header .search input[type="submit"]:hover{background: #9f0908;}
.header .shortcut{margin-top: 48px; width: 250px;}
.header .shortcut a{padding-left: 16px; padding-right: 30px; font-size: 14px; line-height: 14px; color: #999;}
.header .shortcut-a{background: url(../images/home.png) no-repeat left center;}
.header .shortcut-b{background: url(../images/user.png) no-repeat left center;}
.header-right .search{width: 458px;}
.header-right .search div{width: 306px;}
.header-right .search div input[type="text"]{width: 260px;}
.header-right .citybox{width: 140px;}
.menu{z-index: 1001; height: 40px; background: #fff;}
.menu .sort{position: relative; margin-right: 94px; width: 230px;}
.menu .sort >a{display: block; padding-left: 40px; line-height: 40px; font-size: 16px; color: #fff; background: #c80908 url(../images/menu.png) no-repeat 13px center;}
.menu .sort >a:hover{background-color: #9f0908; color: #fff !important;}
.menu .sort .dropmenu{position: absolute; left: 0; top: 40px; display: none; width: 100%; height: 450px; background: #757575; overflow: hidden;}
.menu .sort .dropmenu dl{padding: 20px 18px 15px; border-top: 1px solid #848484;}
.menu .sort .dropmenu dl dt{position: relative; margin-bottom: 8px; padding-left: 35px; height: 25px; line-height: 25px; font-size: 16px; font-weight: bold; color: #fff;}
.menu .sort .dropmenu dl dt img{position: absolute; left: 0; top: 0;}
.menu .sort .dropmenu dl dd{height: 40px; overflow: hidden;}
.menu .sort .dropmenu dl dd a{padding-right: 7px; font-size: 14px; line-height: 20px; color: #fff; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.menu .sort .dropmenu dl dd a:hover{color: #d3d3d3 !important;}
.nav{width: 876px;}
.nav ul li{float: left; position: relative; margin: 0 40px; text-align: center;}
.nav ul li a{font-size: 18px; color: #666; line-height: 40px;}
.nav ul li img.pa{top: 3px; right: -27px;}
.nav ul li a:hover, .nav ul li.active a{color: #c80908;}
/* footer */
.foot-nav .container{padding: 48px 0 35px; border-bottom: 1px solid #f0f0f0;}
.foot-nav-noborder .foot-nav .container{border-bottom: 0;}
.foot-nav-top .foot-nav{border-top: 1px solid #ebebeb;}
.foot-ewmbox{margin-left: 50px; width: 120px; text-align: center; font-size: 12px; line-height: 30px;}
.foot-nav-box{width: 750px;}
.foot-nav-box dl{float: left; width: 185px;}
.foot-nav-box dl dt{margin-bottom: 10px; font-size: 16px; font-weight: bold;}
.foot-nav-box dl dd a{font-size: 12px; line-height: 27px; color: #666;}
.blogroll {padding: 35px 0 30px;}
.blogroll .left{margin-left: 50px; width: 100px; font-size: 14px; line-height: 27px;}
.blogroll .right{margin-right: 42px; width: 986px;}
.blogroll .right a{float: left; display: block; margin: 0 8px; font-size: 12px; line-height: 27px; color: #666; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.foot-menu{padding: 15px 0 20px;}
.foot-menu a{font-size: 14px; line-height: 25px; color: #969696;}
.foot-menu span{position: relative; top: -1px; padding: 0 12px;}
.copyright{padding-bottom: 26px;}
.copyright p{margin-bottom: 18px;}
/* quick links */
#quick-links{width:50px; position:fixed; right:20px; bottom:30px; background:#fff;border:1px solid #e2e2e2; border-radius:3px; z-index: 1003; -webkit-transform: translateZ(0);}
#quick-links ul li{width:50px; height:50px; background-image:url(../images/quick.png); background-repeat:no-repeat; border-bottom:1px solid #e2e2e2; position:relative; }
#quick-links ul li a{display:block; height:100%;}
#quick-links ul li.quick-a{background-position:0 0;}
#quick-links ul li.quick-a:hover{background-position:-50px 0;}
#quick-links ul li.quick-a span{position: absolute; right: 5px; bottom: 7px; width: 18px; height: 18px; line-height: 18px; background: #cc0000; color: #fff; font-size: 12px; text-align: center;}
#quick-links ul li.quick-b{background-position:0 -50px;}
#quick-links ul li.quick-b:hover{background-position:-50px -50px;}
#quick-links ul li.quick-b p{display:none; position:absolute; padding:8px; background:#fff; right:100%; top:-1px; border:1px solid #e2e2e2;}
#quick-links ul li.quick-b:hover p{display:block;}
#quick-links ul li.quick-c{background-position:0 -100px;}
#quick-links ul li.quick-c:hover{background-position:-50px -100px;}
#quick-links ul li.quick-d{background-position:0 -150px;}
#quick-links ul li.quick-d:hover{background-position:-50px -150px;}
#quick-links ul li.quick-d div{display:none; position:absolute; padding-right: 11px; width: 180px; height: 225px; line-height: 20px; background: url(../images/ewmbox.png); font-size: 12px; right:53px; top:-87px; text-align: center;}
#quick-links ul li.quick-d div img{margin-top: 15px; margin-bottom: 5px;}
#quick-links ul li.quick-d:hover div{display:block;}
#quick-links ul li.quick-e{background-position:0 -200px;}
#quick-links ul li.quick-e:hover{background-position:-50px -200px;}
#quick-links ul li.quick-f{cursor:pointer; background-position:0 -250px; border:0;}
#quick-links ul li.quick-f:hover{background-position:-50px -250px;}
/* index */
.index-wrap .container{width: 1240px;}
.index-wrap .menu .sort .dropmenu{background: rgba(51,51,51,.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99333333,endColorstr=#99333333); zoom:1;}
:root .index-wrap .menu .sort .dropmenu{filter: none\9;}
.banner{height: 450px;}
.banner .item{height: 450px; background-repeat: no-repeat; background-position: center top;}
.banner a{display: block; width: 100%; height: 100%;}
.featured{padding: 60px 0;}
.featured ul li{width: 20%; font-size: 14px; text-align: center;}
.featured ul li p{margin-top: 10px;}
.index-pro{margin-top: 45px;}
.index-pro a{display: block; width: 100%; height: 100%;}
.index-title{margin-bottom: 5px; height: 35px; line-height: 35px; font-size: 20px; color: #333;}
.index-title-icon{width: 35px; height: 35px;}
.index-title-icon i{width: 35px; height: 35px; background-image: url(../images/title.png); background-repeat: no-repeat;}
.index-title-icon1{background-position: 0 0;}
.index-title-icon2{background-position: 0 -35px;}
.index-title-icon3{background-position: 0 -72px;}
.index-title-icon4{background-position: 0 -105px;}
.index-title-icon5{background-position: 0 -140px;}
.index-title-name{width: 500px;}
.index-title-tags{width: 600px; text-align: right;}
.index-title-tags a{display: inline; padding: 0 5px; font-size: 14px; line-height: 35px; color: #999;}
.index-pro-info{line-height: 18px;}
.index-pro-info .price{margin-top: 5px;}
.index-pro-poster{width: 248px; height: 480px; background: #fff;}
.index-pro-slick{width: 494px; height: 478px; border: 1px solid #ededed; background: #fff;}
.index-pro-slick .index-pro-info{left: 20px; bottom: 18px; padding: 20px; width: 220px; background: rgba(255,255,255,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff); zoom:1;}
.index-pro-left{position: relative; width: 247px; height: 478px; line-height: 478px; text-align: center; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; background: #fff;}
.index-pro-left .index-pro-info{left: 0; bottom: 0; width: 217px; text-align: left;}
.index-pro-right{width: 247px; height: 478px; border: 1px solid #ededed; background: #fff;}
.index-pro-right >div{height: 239px; border-bottom: 1px solid #ededed; overflow: hidden;}
.index-pro-right >div img{display: block; margin: 2px auto;}
.index-pro-left .index-pro-info, .index-pro-right .index-pro-info{padding: 15px;}
.index-pro-left img, .index-pro-right img{transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.index-pro a:hover .index-pro-info h6{color: #c80908;}
.index-pro-left a:hover img, .index-pro-right a:hover img{transform: matrix(1,0,0,1,0,-2px); -webkit-transform: matrix(1,0,0,1,0,-2); -moz-transform: matrix(1,0,0,1,0,-2);}
.index-news{padding: 40px 0;}
.index-news ul{margin-right: -20px;}
.index-news ul li{position: relative; margin-top: 20px; margin-right: 20px; width: 295px; height: 225px; overflow: hidden;}
.index-news ul li a{display: block; width: 100%; height: 100%;}
.index-news ul li .pop{bottom: 0; padding: 5px 20px; width: 255px; color: #fff; line-height: 24px; background: rgba(0,0,0,.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000,endColorstr=#b3000000); zoom:1;}
:root .index-news ul li .pop{filter: none\9;}
.index-news ul li a:hover img{transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03);}
.more{position: relative; margin-top: 55px; width: 120px; height: 33px; line-height: 33px; text-align: center; border: 1px solid #ccc; background: #fff; border-radius: 3px; -webkit-border-radius: 3px;}
.more em{position: absolute; left: 0; top: 0; display: block; width: 0; height: 100%; background: #ccc; border-radius: 3px; -webkit-border-radius: 3px;}
.more span{position: relative; z-index: 1; font-size: 14px; color: #666;}
.more a:hover em{width: 100%;}
.index-service{padding: 75px 0;}
.index-service .left{padding-left: 50px; width: 410px; font-size: 16px; line-height: 28px; color: #666;}
.index-service .left p.ft-36{margin-bottom: 8px; line-height: 36px;}
.index-service .right{width: 750px; font-size: 14px;}
.index-service .right ul{margin-top: -55px;}
.index-service .right ul li{margin-top: 55px; width: 25%;}
.index-service .right ul li em{display: block; margin: 0 auto 29px; width: 50px; height: 50px; background-image: url(../images/icon2.png); background-repeat: no-repeat;}
.index-service-icon1{background-position: 0 0;}
.index-service-icon2{background-position: 0 -50px;}
.index-service-icon3{background-position: 0 -100px;}
.index-service-icon4{background-position: 0 -150px;}
.index-service-icon5{background-position: 0 -200px;}
.index-service-icon6{background-position: 0 -250px;}
.index-service-icon7{background-position: 0 -300px;}
.index-service-icon8{background-position: 0 -350px;}
/* product list */
.local{padding: 18px 0 18px 40px; font-size: 14px; line-height: 18px; color: #999; background: url(../images/home.png) no-repeat 16px center;}
.local div.fl{width: 760px;}
.local div span.ff-ss{padding: 0 7px;}
.local div.fr{width: 350px;}
.screening{padding: 5px 0; background: #fafafa;}
.screening .box{padding: 6px 15px; font-size: 14px; line-height: 25px;}
.screening .box .left{width: 60px; color: #999;}
.screening .box .right{position: relative; width: 1110px; line-height: 25px; color: #333;}
.screening .box .right ul{margin-right: -35px;}
.screening .box .right ul li{margin-right: 35px; cursor: pointer; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.screening .box .right ul li.w250{position: relative; top: -2px; width: 260px;}
.screening .box .right ul li:hover, .screening .box .right ul li.active{color: #c80908;}
.screening .box .input{width: 66px; height: 21px; text-align: center; border: 1px solid #d9d9d9; line-height: 19px; font-size: 12px;}
.screening .box input.btn{position: relative; top: 3px; width: 58px; height: 26px; line-height: 24px; background: #f7f7f7; color: #4c4c4c; border: 1px solid #eee;}
.screening .box input.btn:hover{background: #c80908; color: #fff;}
.rank{margin-top: 23px; margin-bottom: 23px; border-bottom: 1px solid #dbdbdb;}
.rank span{float: left; display: block; padding: 0 15px; height: 34px; line-height: 34px; cursor: pointer; color: #666; font-size: 14px;}
.rank em{display: inline-block; margin-left: 5px; width: 7px; height: 9px; background: url(../images/sort.png) no-repeat;}
.rank span.active{background: #c80908; color: #fff;}
.rank span.active em{background: url(../images/sort_up.png) no-repeat;}
.product-wrap .foot-nav{border-top: 1px solid #ebebeb;}
.pro-list{padding-top: 40px; padding-bottom: 55px;}
.pro-list .page{margin-top: 50px;}
.pro-list ul li{position: relative; margin-top: -40px; width: 25%; height: 433px;}
.pro-list ul li >div{padding: 12px; background: #fff; border: 1px solid #fff; font-size: 12px; line-height: 18px; color: #999;}
.pro-list ul li .imgbox{margin: 0 auto; width: 274px; height: 274px; line-height: 274px; text-align: center; }
.pro-list ul li .imgbox a{display: block; width: 100%; height: 100%;}
.pro-list ul li .price{margin-bottom: 5px; line-height: 24px;}
.pro-list ul li .price span.ft-24{position: relative; top: 2px;}
.pro-list ul li h6{margin-bottom: 5px; height: 40px; font-weight: normal; font-size: 14px; line-height: 20px; overflow: hidden;}
.pro-list ul li h6 a{color: #333;}
.pro-list ul li .address{opacity: 0; filter: alpha(opacity=0); display: block; padding-left: 20px; height: 36px; overflow: hidden; background: url(../images/local.png) no-repeat 2px 3px; color: #999; text-decoration: underline;}
.pro-list ul li .address:hover{color: #999 !important;}
.pro-list ul li:hover{z-index: 1;}
.pro-list ul li:hover >div{border-color: #c80908; box-shadow: 0 5px 10px rgba(0,0,0,.15); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.15);}
.pro-list ul li:hover .address{opacity: 1; filter: alpha(opacity=100);}
.page a{display: inline-block; margin: 0 1px; width: 38px; height: 38px; font-size: 16px; font-weight: bold; line-height: 40px; text-align: center; border: 1px solid #dfdfdf; color: #666; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.page a:hover{color: #c80908; border: 1px solid #c80908;}
.page a.nostyle{background: none; font-family: 'Microsoft yahei'; font-size: 12px; color: #666; width: 20px;}
.page-m{position: relative; top: 1px; +display: inline;}
.page-m a{font-family: "Arail";}
.page-m a.active{background: #c80908; color: #fff; border: 1px solid #c80908;}
.page-m a.active:hover{color: #fff !important;}
.page input.txt{width: 38px; text-align: center; height: 36px; line-height: 38px; color: #666; font-size: 16px; border: 1px solid #dfdfdf; background: #f7f7f7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; +position: relative; +top: 5px;}
.page input.button{margin-left: 5px; width: 52px; height: 38px; background: #fff; color: #666; font-size: 14px; text-align: center; font-family: 'Microsoft yahei'; border: 1px solid #dfdfdf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; +position: relative; +top: 5px;}
.page input.button:hover{background: #c80908; color: #fff; border: 1px solid #c80908;}
/* product details */
.phase_fl{float:left; width:400px; margin-top:22px;}
.phase_fl .imgbox{position:relative; width:400px; height:400px; overflow:hidden; margin-bottom:2px;}
.phase_fl .imgbox img{width:100%; display:block;}
.phase_fl ul{display: block; overflow:hidden; height: 60px; margin:30px auto;}
.phase_fl ul li{float:left; margin: 0 10px; width:60px; height:60px;overflow:hidden; cursor:pointer;}
.phase_fl ul li:hover, .phase_fl ul li.act{width: 56px; height: 56px; border:2px solid #c80908; }
.phase_fl ul li img{width:100%; display:block;}
div.zoomDiv{z-index:999;position:absolute; top:0px; left:0px; width:200px;height:200px;background:#ffffff; border:1px solid #ccc; display:none;text-align:center;overflow:hidden;}
div.zoomDiv img{max-width: none;}
div.zoomMask{position:absolute; width: 400px; height: 400px; background:url(../images/mask.png) repeat scroll 0 0 transparent ;cursor:move;z-index:1;}
.goods-info{width: 740px; font-size: 14px;}
.goods-info h6{margin-bottom: 20px; color: #333; line-height: 30px;}
.goods-info h6 small{font-size: 14px; font-weight: normal; color: #666;}
.goods-info-bar .title{padding-left: 15px; width: 73px; color: #999;}
.goods-info-bar .parameter{width: 650px;}
.goods-info .bar1{line-height: 46px; background: #f9f9f9;}
.goods-info .bar1 .tag{position: relative; top: -4px; margin-left: 5px; display: inline-block; padding: 0 3px 1px; line-height: 14px; background: #c80908; color: #fff; font-size: 12px;}
.goods-info .bar2{line-height: 20px; color: #404040;}
.goods-info .bar3{line-height: 30px;}
.goods-info .bar3 label{position: relative; display: inline-block; margin-bottom: 6px; padding: 0 10px; color: #666; border: 1px solid #eee; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.goods-info .bar3 input{position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0);}
.goods-info .bar3 label.active{border-color: #c80908;}
.goods-info .bar4{line-height: 32px;}
.goods-info .bar4 label{position: relative; display: inline-block; padding: 0 10px; width: 198px; height: 30px; line-height: 30px; border: 1px solid #eee;}
.goods-info .bar4 label input{width: 100%; color: #666;}
.goods-info .bar4 img{position: absolute; right: 10px; top: 5px;}
.goods-info .bar5{line-height: 38px;}
.goods-info .bar5 div#buynum span{font-weight:bold; cursor:pointer; float:left; display:block; width:36px; height:36px; text-align:center; line-height:36px; border:1px solid #e2e2e2; border-radius:3px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -moz-user-select:none;/*鐏嫄*/ -webkit-user-select:none;/*webkit娴忚鍣�*/ -ms-user-select:none;/*IE10*/ -khtml-user-select:none;/*鏃╂湡娴忚鍣�*/ user-select:none;}
.goods-info .bar5 div#buynum span:hover{background:#c80908; border-color:#c80908; color:#fff;}
.goods-info .bar5 div input{text-align:center; color:#666; width:74px; float:left; height:36px; line-height:36px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.goods-info .bar6{margin-top: 25px; padding-top: 15px; line-height: 36px; border-top: 1px dashed #ccc;}
.goods-info .bar6 .title{padding-left: 0; line-height: 44px;}
.renci_gw{overflow:hidden; margin:25px 0 45px;}
.renci_gw a{ display:block; float:left; text-align:center; border-radius:5px;font-size:16px;}
.renci_gw a.renci_gw_a{width:200px; height:48px; line-height:48px; background:#c80908; color:#fff;}
.renci_gw a.renci_gw_a:hover{background:#ac0605; color: #fff !important;}
.renci_gw a.car{width:198px; height:46px; margin-left:30px; text-indent:30px; border:1px solid #c80908; color:#c80908; background: #ffe8ea url(../images/car.png) no-repeat 38px center; line-height:46px;}
.renci_gw a.car:hover{background-color:#f4cace;}
.product-cont{margin-bottom: 60px; border: 1px solid #ebebeb;}
.con_title{background:#fafafa; height:46px; font-size: 14px;}
.con_title li{position:relative; width:139px; border-right:1px solid #ebebeb; border-bottom: 1px solid #ebebeb; line-height:46px; text-align:center; float:left; cursor:pointer;}
.con_title li:hover{color:#c80908;}
.con_title li.act{color:#c80908; background: #fff;}
.con_title li i{display:none; position:absolute; left:0; top:0; border-bottom:2px solid #c80908; width:100%;}
.con_title li.act i{display:block;}
.product-panel{padding: 50px;}
.product-panel img{display: block; margin: 0 auto;}
.online ul li{padding: 16px 0; border-top: 1px dotted #ccc; font-size: 12px; line-height: 24px; color: #666;}
.online ul li:first-child{border-top: 0;}
.online ul li h6{font-size: 14px; color: #333;}
.online .input-wrap{padding: 10px; background: #f7f7f7;}
.online textarea{width: 100%; height: 160px; background: #f7f7f7;}
.online .placeholder{position: absolute; top: 10px; left: 10px; font-size: 14px; color: #999;}
.online input[type="submit"]{margin-top: 32px; width: 210px; height: 50px; font-size: 16px;}
/* flow */
.flow-title{margin-top: 30px; margin-bottom: 20px; color: #000; line-height: 18px;}
.flow-addr li{position: relative; margin-right: 20px; padding: 15px 17px; width: 304px; height: 128px; background: transparent; border: 1px solid #ccc;}
.flow-addr li img{position: absolute; right: 0; bottom: 0; display: none;}
.flow-addr li .hd{position: relative; padding-bottom: 10px; font-size: 14px; color: #000; border-bottom: 1px solid #eaeaea;}
.flow-addr li .hd span{position: absolute; right: 0; top: 0; display: none; font-size: 12px; color: #999;}
.flow-addr li .bd{padding: 15px 0; font-size: 12px; line-height: 20px; color: #000;}
.flow-addr li.active{width: 300px; height: 124px; border: 3px solid #e31436; background: #fff9f9;}
.flow-addr li.active img{display: block;}
.flow-addr li.active .hd{border-color: #fff;}
.flow-addr li.active .hd span{display: block;}
.flow-addr li a{display: inline-block; padding-left: 160px; padding-top: 55px; font-size: 16px; color: #000;}
.flow-addr li a i{position: absolute; background: #ccc;}
.flow-addr li a .before{top: 80px; left: 50px; width: 80px; height: 1px;}
.flow-addr li a .after{top: 40px; left: 88px; width: 1px; height: 80px;}
.flow-addr li a:hover{color: #000 !important;}
.formbox{margin: 8px 0; min-height: 38px; line-height: 38px; font-size: 14px; color: #666; }
.form-name{position: relative; float: left; padding-right: 10px; width: 82px; text-align: right;}
.form-control{position: relative; float: left; margin-right: 12px;}
.form-control .required{padding: 0 10px; height: 36px; line-height: 36px; border: 1px solid #f7f7f7; background: #f7f7f7; color: #666;}
.form-control textarea.required{padding-top: 5px; padding-bottom: 5px; height: 130px; line-height: 22px;}
.form-control .placeholder{position: absolute; top: 0; left: 10px; color: #999;}
.new-address{padding: 20px;}
.new-address .button{width: 88px; height: 40px; line-height: 40px; text-align: center; font-size: 14px;}
.new-address .btn-save{border: 1px solid #ca0a0a; color: #fff; background: #ca0a0a;}
.new-address .btn-save:hover{background: #a70505;}
.new-address .btn-cancel{border: 1px solid #ccc; color: #666; background: #fff;}
.new-address .btn-cancel:hover{background: #fafafa;}
.w160{width: 160px;}
.w250{width: 238px;}
.w300{width: 300px;}
.w440{width: 418px;}
.w500{width: 500px;}
.gf-select {position: relative; float: left; margin-right: 10px; width: 140px; height: 38px; background: #f7f7f7;}
.gf-select span {display: block; padding: 0 32px 0 10px; line-height: 36px; border: 1px solid #f7f7f7; cursor: pointer;}
.gf-select span em{font-style: normal;}
.gf-select .icon-jt{background: url(../images/select.png) center center no-repeat; width: 12px; height: 8px;position: absolute;right: 10px;top: 50%; margin-top: -4px;}
.gf-select ul {position: absolute; width: 100%; top: 38px; left: 0; overflow-y :auto; display: none; background: #f7f7f7; border-top: 1px solid #eaeaea;}
.gf-select ul li {padding: 0 10px; border-top: 1px solid #eaeaea; line-height: 38px;}
.gf-select ul li:first-child{border-top: 0;}
.flow-table .hd{background: #f7f7f7; font-size: 12px; line-height: 40px; color: #666; text-align: center; border: 1px solid #d6d6d6;}
.flow-table .hd td{text-align: center;}
.flow-table .bd{font-size: 14px; line-height: 20px; color: #333;}
.flow-table .bd ul li{padding: 18px 0; border: 1px solid #d6d6d6; border-top: 0;}
.flow-table .bd td{padding: 0 10px; text-align: center; vertical-align: middle; border-right: 1px solid #f5f5f5;}
.flow-table .ft{margin-bottom: 5px; padding: 20px; background: #f7f7f7; border: 1px solid #d6d6d6; border-top: 0;}
.flow-table .ft .left{width: 800px; font-size: 12px; line-height: 21px; color: #999;}
.flow-table .ft .left >p{color: #000;}
input[type="checkbox"]{position: relative; top: 2px;}
.flow-table .ft .right{width: 230px; font-size: 14px; color: #333;}
.flow-table .ft .right td{text-align: right; line-height: 30px; vertical-align: middle;}
.flow .agreement{margin-bottom: 58px;}
.flow .agreement input{position: relative; top: 2px;}
.flow .step li{position: relative; padding-top: 30px; padding-bottom: 60px; font-size: 14px; color: #999;}
.flow .step li span{position: relative; top: 7px; display: inline-block; margin: 0 5px; width: 23px; height: 23px; text-align: center; font-size: 16px; font-weight: bold; font-family: "Arial"; line-height: 23px; background: #ccc; color: #fff; background: url(../images/circle.png) no-repeat center top\9;}
.flow .step li i{position: relative; top: -4px; display: inline-block; margin: 0 12px 0 18px; width: 180px; height: 1px; background: #d9d9d9;}
.flow .step li em{position: relative; top: 20px; display: inline-block; width: 50px; height: 50px; background: url(../images/my_icon4.png) no-repeat;}
.flow .step li.active em{background-image: url(../images/my_icon4_hover.png);}
.flow .step li .step-icon1{background-position: 0 0;}
.flow .step li .step-icon2{background-position: 0 -50px;}
.flow .step li .step-icon3{background-position: 0 -100px;}
.flow .step li .step-icon4{background-position: 0 -150px;}
.flow .step li.active{color: #dd2727;}
.flow .step li.active span{background: #dd2727; background: url(../images/circle.png) no-repeat center bottom\9;}
.flow-block1{padding: 20px; border: 1px solid #d8d8d8;}
.flow-block1 h5{margin-bottom: 8px; padding-left: 22px; color: #000; background: url(../images/alert.png) no-repeat left center;}
.flow-block1 p{padding-left: 22px; color: #333;}
.flow-block1 a{margin-top: 15px; width: 80px; height: 30px; line-height: 30px; text-align: center; color: #333;}
.flow-block1 .state{margin-top: 20px; padding-left: 22px; line-height: 21px; font-size: 14px;}
.flow-block1 .state p{padding-left: 0; color: #999;}
.flow-block2{margin: 20px 0; padding: 20px 20px 20px 50px; border: 1px solid #d8d8d8; color: #333; line-height: 21px; background: #fff8db url(../images/notice.png) no-repeat 20px 22px;}
.flow-block3{margin-bottom: 20px; border: 1px solid #d8d8d8; font-size: 12px; color: #666;}
.flow-block3 .hd{padding: 0 20px; line-height: 40px; border-bottom: 1px solid #d8d8d8;}
.flow-block3 .bd{padding: 20px; line-height: 20px;}
.flow-second{padding: 20px; border: 1px solid #d8d8d8; color: #666; line-height: 20px;}
.flow-second h5{margin-bottom: 8px; padding-left: 22px; color: #000; background: url(../images/success.png) no-repeat left center;}
.flow-second-info{margin-top: 10px; padding-top: 10px; border-top: 1px solid #d8d8d8;}
.flow-second-form{margin: 20px 0; border: 1px solid #d8d8d8; background: #fff; overflow: hidden;}
.flow-second-form .tr2{background: #f5f5f5;}
.flow-second-form td{padding: 10px 20px; vertical-align: middle;}
.flow-second-form .payway label{display: block; float: left; margin: 10px 20px 10px 0;}
.flow-second-form .payway label input{float: left; margin-top: 22px; margin-right: 20px;}
.flow-second-form .payway div{float: left; position: relative; width: 160px; height: 50px; border: 2px solid transparent;}
.flow-second-form .payway div img.pa{display: none; right: 0; bottom: 0; width: 30px; height: 30px;}
.flow-second-form .payway label.on div{border: 2px solid #d12046;}
.flow-second-form .payway label.on div img.pa{display: block;}
.flow-second-form .btn-red{margin-bottom: 35px; width: 186px; height: 40px; font-size: 18px; font-weight: bold; color: #fffeed;}
/* cart */
.cart .buynum{margin: 0 auto; width: 93px; border: 1px solid #d6d6d6; line-height: 22px;}
.cart .buynum span{width: 24px; height: 22px; font-size: 20px;}
.cart .buynum input{width: 43px; height: 22px; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6;}
.cart .del{background: none;}
.cart .del:hover{color: #e31436;}
.cart .flow-table .bd ul li{margin-bottom: 10px; border: 1px solid #d6d6d6;}
.cart .flow-table .bd ul li:first-child{margin-top: 20px;}
.cart-ft{margin-top: 20px; margin-bottom: 40px; padding: 14px 20px; background: #f7f7f7; border: 1px solid #d6d6d6;}
.cart-ft span.fl{padding-top: 8px; width: 220px;}
.cart-ft span.fr{padding-right: 140px; width: 400px;}
.cart-ft .btn-solid-red{position: absolute; top: 0; right: 0; height: 100%; width: 138px; font-size: 22px; line-height: 64px;}
/* login and register */
.btn-big-full{width: 100%; height: 48px; font-size: 20px; line-height: 48px; cursor: pointer;}
.btn-red{background-color: #dd2727 !important; color: #fff !important;}
.btn-red:hover{background-color: #bb1010 !important; color: #fff !important;}
.btn-white{background-color: #fff !important; color: #666 !important;}
.btn-white:hover{background-color: #fcfcfc !important;}
.btn-solid-red{width: 118px; height: 34px; background: #ca0a0a !important; color: #fff !important; font-size: 14px; border: 1px solid #ca0a0a; text-align: center; line-height: 34px;}
.btn-solid-red:hover{background: #ad0707 !important; color: #fff !important;}
.btn-hollow-red{width: 118px; height: 34px; color: #ca0a0a !important; font-size: 14px; border: 1px solid #ca0a0a; text-align: center; line-height: 34px;}
.btn-hollow-red:hover{background: #fdd5d5;}
.tips{display: none; z-index: 10; top: 50%; left: 50%; margin-top: -25px; margin-left: -135px; padding: 10px; width: 250px; line-height: 20px; text-align: center; font-size: 14px; color: #fff; border-radius: 3px; background: rgba(0,0,0,.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000); zoom:1;}
:root .tips{filter: none\9;}
.log-public .tit{position: relative; height: 24px; font-size: 20px; line-height: 24px; color: #666; letter-spacing: 2px;}
.log-public .tit span{position: absolute; right: 0; top: 0; font-size: 14px; color: #999; letter-spacing: 0;}
.log-public .required{position: relative; z-index: 1; background: none; padding: 10px 10px 10px 60px; height: 25px; line-height: 25px; border: 1px solid #d9d9d9; font-size: 14px; color: #666; transition: border-color 0.35s; -webkit-transition: border-color 0.35s;}
.log-public .required:focus{border-color: #dd2727;}
.log-public span.placeholder{position: absolute; top: 0; left: 60px; font-size: 14px; line-height: 45px; color: #b2b2b2;}
.log-public .input-wrap{position: relative; margin-top: 23px; overflow: hidden;}
.log-public .autologin{position: relative; text-indent: 18px; line-height: 20px;}
.log-public .autologin input{position: absolute; top: 4px; +top: 0; left: 0; margin: 0;}
.log-icon{position: absolute; top: 1px; +top: 2px; left: 1px; display: block; width: 45px; height: 45px; background: #f5f5f5 url(../images/log_icon.png) no-repeat;}
.log-icon-red{position: absolute; top: 1px; left: 1px; display: block; width: 45px; height: 45px; background: #f5f5f5 url(../images/log_icon_red.png) no-repeat;}
.log-user{background-position: 0 0;}
.log-pwd{background-position: 0 -45px;}
.log-code{background-position: 0 -90px;}
.log-email{background-position: 0 -135px;}
.log-use{background: #f5f5f5 url(../images/log_icon1.png) no-repeat 0 0;}
.log-phone{background: #f5f5f5 url(../images/log_icon1.png) no-repeat 0 -45px;}
.log-demand{background: #f5f5f5 url(../images/log_icon3.png) no-repeat center center;}
.log-city{background: #f5f5f5 url(../images/log_icon4.png) no-repeat center center;}
.login-wrap{height: 740px; background-repeat: no-repeat; background-size: center center;}
.login{position: relative; margin-top: 170px; padding: 35px; width: 330px; height: 330px; background: #fff;}
.login .required{width: 257px;}
.login div.fl, .login div.fr{margin-top: 35px; width: 50%; height: 20px; font-size: 14px; line-height: 20px;}
.login .immediately a{padding-left: 22px; line-height: 20px; color: #dd2727; background: url(../images/button1.png) no-repeat left center;}
.register-wrap{margin-top: 30px; margin-bottom: 30px; border: 1px solid #ebebeb;}
.register{margin: 95px auto; width: 415px;}
.register .required{width: 343px;}
.log-code-box .required{width: 194px;}
.log-code-value{margin-top: 23px; margin-left: 21px; width: 128px; height: 47px; line-height: 47px; +height: 49px; +line-height: 49px; overflow: hidden; font-size: 14px; text-align: center;}
.register .autologin{margin-top: 35px; margin-bottom: 20px;}
.forgot{margin: 60px auto 130px; width: 365px;}
.forgot .step{margin-top: 25px; margin-bottom: 80px;}
.forgot .step li{float: left; position: relative; padding: 0 20px; font-size: 14px; line-height: 24px; color: #999;}
.forgot .step li:first-child{padding-left: 0;}
.forgot .step li span{display: block; margin: 0 auto 5px; width: 23px; height: 23px; font-size: 16px; font-weight: bold; font-family: "Arial"; line-height: 23px; background: #ccc; color: #fff; background: url(../images/circle.png) no-repeat center top\9;}
.forgot .step li span.active{background: #dd2727; background: url(../images/circle.png) no-repeat center bottom\9;}
.forgot .step li i{position: absolute; right: -3px; top: 0; font-family: "SimSun"; font-style: normal; font-weight: bold; color: #b8b8b8;}
.forgot-form{margin: 0 auto; width: 297px;}
.forgot-form .required{padding-left: 45px; width: 239px; background: #f5f5f5; border-color: #f5f5f5;}
.forgot-form span.placeholder{left: 45px;}
.forgot-form .log-code-box .required{width: 93px;}
.forgot-form .btn-red{margin-top: 90px; margin-bottom: 25px;}
.forgot-form.second .log-code-box .required{padding-left: 10px; width: 143px; border-right: 0;}
.forgot-form.second span.placeholder{left: 10px;}
.forgot-form.second .log-code-value{border: 1px solid #f5f5f5; border-left: 0; height: 45px; transition: border-color 0.35s; -webkit-transition: border-color 0.35s;}
.forgot-form.second .log-code-value.focus{border-color: #dd2727;}
/* member */
.member{padding-top: 35px; padding-bottom: 65px;}
.aside{width: 155px;}
.aside dl{margin-bottom: 30px;}
.aside dt{position: relative; margin-bottom: 5px; padding-left: 25px; height: 20px; font-size: 16px; line-height: 20px; color: #333;}
.aside dt i{position: absolute; left: 0; top: 0; display: block; margin-right: 3px; width: 20px; height: 20px; background: url(../images/my_icon1.png) no-repeat;}
.help .aside dt i{background-image: url(../images/help_icon1.png);}
.aside dt i.aside-icon1{background-position: 0 0;}
.aside dt i.aside-icon2{background-position: 0 -20px;}
.aside dt i.aside-icon3{background-position: 0 -40px;}
.aside dt i.aside-icon4{background-position: 0 -60px;}
.aside dd{margin-left: 25px;}
.aside dd a{font-size: 14px; color: #737373; line-height: 28px;}
.aside dd a.active{color: #ca0a0a;}
.content{width: 1040px;}
.content-padded{padding: 27px 22px;}
.member-top .circle{position: absolute; left: 608px; display: block; width: 20px; height: 20px; background: #f5f5f5; background: url(../images/my_icon3.png) no-repeat\9;}
.member-top .circle-top{top: -10px;}
.member-top .circle-bottom{bottom: -10px;}
.member-top .left{padding: 35px 48px 25px; width: 520px; border-right: 1px dotted #ccc;}
.member-top .left .title {margin-bottom: 23px; padding-bottom: 15px; line-height: 25px; border-bottom: 1px dotted #ccc;}
.member-top .left .title .star{display: inline-block; width: 25px; height: 25px; background: url(../images/my_star.png) no-repeat right center;}
.member-top .left .title .star.active{background-position: left center;}
.member-top .left .title span{width: 200px;}
.member-top .left .title a{position: relative; top: -7px; margin-left: 10px; text-decoration: underline; color: #999;}
.member-top .left td{font-size: 14px; line-height: 22px; color: #999; vertical-align: middle;}
.member-top .left td span{padding-left: 15px;}
.member-top .right{padding-top: 70px; width: 417px; height: 100%;}
.member-top .right ul li{margin-left: 35px; width: 75px; font-size: 12px; color: #666; text-align: center;}
.member-top .right ul li:first-child{margin-left: 66px;}
.member-top .right ul li i{display: block; margin: 0 auto 12px; width: 75px; height: 75px; background: url(../images/my_icon2.png) no-repeat;}
.member-top .right ul li i.icon1{background-position: 0 0;}
.member-top .right ul li i.icon2{background-position: 0 -75px;}
.member-top .right ul li i.icon3{background-position: 0 -150px;}
.member-title{padding: 14px 0; font-size: 16px; font-weight: bold; color: #666; line-height: 20px;}
.recent-orders .hd{margin-bottom: 4px; border: 1px solid #eaeaea; background: #f7f7f7; font-size: 12px; line-height: 40px; color: #333; text-align: center;}
.recent-orders .hd .li1{width: 415px;}
.recent-orders .hd .li2{width: 172px;}
.recent-orders .hd .li3{width: 78px;}
.recent-orders .hd .li4{width: 155px;}
.recent-orders .hd .li5{width: 80px;}
.recent-orders .hd .li6{width: 138px;}
.recent-orders .panel{margin-bottom: 10px; background: #fff; border: 1px solid #d6d6d6;}
.recent-orders .panel-hd{position: relative; padding: 0 17px; font-size: 12px; line-height: 40px; color: #666; border-bottom: 1px solid #d6d6d6; background: #f7f7f7;}
.recent-orders .panel-hd span{padding-right: 20px;}
.recent-orders .panel-hd a{position: absolute; line-height: 40px; top: 0; right: 17px;}
.recent-orders .panel table td{vertical-align: middle;}
.recent-orders .panel .btn-solid-red{margin-bottom: 20px; width: 80px;}
.recent-orders .panel .btn-hollow-red{width: 80px; border-color: #ebebeb !important; color: #8c8c8c !important;}
.recent-orders .panel .btn-hollow-red:hover{background: #eaeaea !important;}
.recent-orders .panel >table >tbody >tr >td{padding: 10px 0; border-right: 1px solid #d6d6d6;}
.recent-orders .panel ul li{padding: 18px 0; border-top: 1px solid #d6d6d6;}
.recent-orders .panel ul li:first-child{border-top: 0;}
.recent-orders .panel ul li td{padding: 0 28px; font-size: 14px; line-height: 20px; color: #333; border-right: 1px solid #f5f5f5;}
/* address */
.member-tit{padding: 20px; border-bottom: 1px solid #e6e6e6; font-size: 16px; font-weight: bold; color: #000;}
.address ul li{margin-bottom: 10px; padding: 16px 20px; border: 1px solid #f2f2f2; background: #fcfcfc; font-size: 14px; line-height: 24px;}
.address ul li .td1{padding-right: 20px; width: 765px;}
.address ul li .td2{margin-top: 12px; width: 85px;}
.address ul li .td3{margin-top: 12px; width: 80px;}
/* orders */
.member-tabs ul li{float: left; padding: 0 20px; height: 58px; line-height: 58px; font-size: 16px; font-weight: bold; color: #000; border-bottom: 2px solid transparent;}
.member-tabs ul li.active{border-color: #ac0605;}
.member-tabs >span{position: absolute; right: 76px; font-size: 14px; top: 23px; color: #333;}
.member-tabs .btn-link{right: 12px; top: 12px;}
.member-tabs .btn-link a{display: inline-block; margin-left: 10px;}
.myorder{position: relative; margin-top: -1px; padding: 12px; border-top: 1px solid #ececec;}
.myorder select{margin-right: 20px; padding: 0 30px 0 10px; width: 120px; height: 30px; border: 1px solid #ececec; background: #fff url(../images/my_select.png) no-repeat 100px center; background: none\9; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;}
:root .myorder select{padding: 0\9; background: none\9;}
.myorder div.fl a{display: inline-block; margin-right: 10px; width: 118px; height: 28px; line-height: 28px; border: 1px solid #ececec; font-size: 14px; color: #333; text-align: center;}
.myorder div.fl a.active, .myorder div.fl a:hover{background: #ca0a0a; border-color: #ca0a0a; color: #fff !important;}
.search-goods{width: 287px; height: 28px; line-height: 28px; border: 1px solid #ececec;}
.search-goods .placeholder{position: absolute; top: 1px; left: 11px; font-size: 12px; color: #999;}
.search-goods-input{float: left; padding: 0 10px; width: 228px; height: 28px; border-right: 1px solid #ececec;}
.search-goods-submit{float: left; width: 38px; height: 28px; background: #f7f7f7; font-size: 12px; color: #666;}
.search-goods-submit:hover{background: #ececec;}
table.style{border: 1px solid #e7e7e7;}
table.style th, table.style td{border: 1px solid #e7e7e7; font-size: 14px; color: #333; text-align: center; vertical-align: middle;}
table.style th{background: #f7f7f7; line-height: 40px;}
table.style td{padding: 15px 10px; line-height: 20px;}
table.noborderlr th, table.noborderlr td{border-right: 0 !important; border-left: 0 !important;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.clearfix:after,.clearfix:before{clear:both;content:"";height:0;visibility:hidden;overflow:hidden;}
.clearfix{clear:both;}
.wdfp_main{padding:20px;background:#fff;color:#666d71; border-top: 1px solid #e6e6e6;}
.sq_fp_main .required{padding: 0 10px; border: 1px solid #e6e6e6; width: 210px; height: 26px;}
.fp_zy{width:980px;padding:8px 10px;margin:0 auto;background: #f2faff;color:#666d71;}
.fp_zy h5{margin-bottom:10px;font-size:16px;font-weight:600;}
.chougzi{margin-bottom: 6px;margin-top: 16px; font-weight: normal; font-size: 14px; color: #666;}
.fp_zy p{margin-bottom:8px;font-size:12px;}
.fp_zy p a{padding-left: 22px;color: #82b9fd;}
.fp_zy ul{width: 94%;padding-left: 6%;}
.fp_zy ul li{width: 25%;display: inline-block;height: 50px;margin: 4px 0;float: left;}
.fp_zy ul li label{display: inline-block;width: 100%;position: relative;}
.fp_zy ul li label img{padding-left: 20px;}
.fp_zy ul li label input{position: absolute;top: 11px;left: 0px;}
.fp_zy_border{background: none;}
.div_pyinh{margin: 20px auto;width: 500px;}
.div_pyinh p{line-height: 28px;}
.div_pyinh span{display: block;font-size:14px;line-height: 60px;color: #39a1ea;font-weight: bold;}
.entrance{background:#fff;margin:0 auto;padding:27px 0; border-top: 1px solid #e6e6e6;}
.chart{width: 200px;height: 200px;margin:50px 0 0 125px;}
.percentage,.label{text-align: center; color: #333; font-weight: 100; font-size: 1.2em; margin-bottom: 0.3em;}
.credits{padding-top: 0.5em; clear: both; color: #999;}
.credits a{color: #333;}
.dark{background: #333;}
.dark .percentage-light,.dark .label{text-align: center; color: #999; font-weight: 100; font-size: 1.2em; margin-bottom: 0.3em;}
.easyPieChart{position: relative; text-align: center; font-size:36px; color:#37a3ff;}
.easyPieChart span{font-size:36px; color:#ca0a0a;}
.easyPieChart canvas{position: absolute; top: 0; left: 0;}
.entrance_com{margin:30px 0 30px 250px;}
.com_tit{font-size:24px;font-weight:normal;color:#333;}
.commay_list li{margin-top:12px;color:#333;}
.commay_list li label{display:inline-block;width:96px;font-size:16px;color:#999999;}
.commay_list li span{display:inline-block;width:244px;font-size:16px;}
.commay_list li a{text-decoration:underline;font-size:12px;color:#666;}
.com_bun a{display:inline-block;width:133px;height:36px;text-align:center;line-height:36px;border-radius:5px;background:#ca0a0a;font-size:14px;font-weight:500;color:#fff;margin:24px 38px 0 0;}
.com_bun a:hover{color: #fff !important; background: #bb1010;}
.border-t{border-top: 1px solid #e6e6e6;}
.invoice .entrust-use-list{top: 37px; left: 0; width: 258px;}
.invoice .entrust-use-list li{padding: 0 10px;}
.invoice .form-name{padding-right: 20px;}
.invoice .form-control .required{background: #fff; border-color: #e6e6e6;}
.iradiobox input{position: relative; z-index: 2; opacity: 0; filter: alpha(opacity=0);}
.iradio{position: absolute; top: 11px; left: 3px; display: block; width: 16px; height: 16px; background: url(../images/radio.png) no-repeat center center;}
.iradio.checked{background: url(../images/radio_checked.png) no-repeat center center;}
.profile{margin: 100px auto 0; width: 400px; min-height: 350px;}
.profile .required{background: none; border: 0;}
.bill-detail .detail-month{margin-top: 15px; width:100%;height:60px;position:relative;z-index:2}
.bill-detail .detail-month .month-left{width:780px;padding:10px 0}
.bill-detail .detail-month .month-left li{float: left; width:260px;height:40px;position:relative}
.bill-detail .detail-month .month-left li a{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;width:100%;height:100%;text-align:center;line-height:40px;font-size:16px;color:#737373;-moz-transition:color .25s ease-in-out;-o-transition:color .25s ease-in-out;-webkit-transition:color .25s ease-in-out;transition:color .25s ease-in-out}
.bill-detail .detail-month .month-left li a:hover{color:#3da4e2;-moz-transition:color .25s ease-in-out;-o-transition:color .25s ease-in-out;-webkit-transition:color .25s ease-in-out;transition:color .25s ease-in-out}
.bill-detail .detail-month .month-left li i{position: absolute; left: 0; bottom: -10px; display: none; width: 100%; height: 2px; background: #ca0a0a;}
.bill-detail .detail-month .month-left li.on a{color:#ca0a0a}
.bill-detail .detail-month .month-left li.on i{display: block;}
.bill-detail .detail-month .month-right{width:260px;padding:10px 0 0}
.bill-detail .detail-month .month-right li{width:260px;height:40px}
.bill-detail .detail-month .month-right li i{display:inline-block;width: 17px; height: 18px; background: url(../images/date.png) no-repeat; vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline}
.bill-detail .detail-month .month-right li .input-wrap{margin: 6px auto; width: 90px; height: 20px; line-height: 20px;}
.bill-detail .detail-month .month-right li .input-wrap input{padding-left: 20px; height: 20px; line-height: 20px; font-size: 0; background: url(../images/date.png) no-repeat left center;}
.bill-detail .detail-month .month-right li .input-wrap .placeholder{position: absolute; left: 20px; top: 5px; line-height: 20px; font-size: 16px; color: #666;}
.bill-detail .month-detail div{padding-top:18px}
.bill-detail .month-detail div ul{margin-left: 100px;overflow: hidden;}
.bill-detail .month-detail div ul li{float: left; margin:0 30px;position:relative;font-size: 14px; color: #333;}
.bill-detail .month-detail div ul li span{display:block;height:34px;line-height:34px;text-align:center}
.bill-detail .month-detail div ul li span.span-color{color:red}
.bill-detail .month-detail div ul li i{color:red;font-size:24px;font-style:normal;position:absolute;right:-34px;top:26px}
.bill-list{margin-top: 15px;}
.bill-list .list-billName{height:auto;border-bottom:1px solid #f0f0f0}
.bill-list .list-billName .list-item{margin-left:40px;font-size:14px;}
.bill-list .list-details {
padding: 0 16px 20px;
background-color: #fbfbfb;
border-top: 1px solid #f0f0f0;
position: relative
}
.bill-list .list-details h6 {
width: 100%;
height: 48px;
line-height: 48px;
border: none;
padding: 0
}
.bill-list .list-details h6 i {
color: #3da4e2
}
.bill-list .list-details .icon-pack-up {
cursor: pointer;
position: absolute;
right: 22px;
bottom: 8px
}
.details-cont {
position: relative;
display: table;
width: 100%;
height: auto;
border: 1px solid #eaeaea
}
.details-cont .header-table {
display: table-row;
width: 100%;
height: auto;
background-color: #f2f2f2;
vertical-align: middle
}
.details-cont .header-table div {
display: table-cell;
text-align: center;
height: auto;
line-height: 50px;
border-right: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
*border-top:none;
float: none;
*float:left;
vertical-align: middle;
word-break: break-all;
overflow: hidden
}
.details-cont .header-table div.amount {
border-right: none
}
.details-cont .content-table {
display: table-row;
width: 100%;
height: auto;
border-top: 1px solid #eaeaea;
background-color: #fff;
vertical-align: middle
}
.details-cont .content-table div {
display: table-cell;
text-align: center;
height: auto;
line-height: 50px;
vertical-align: middle;
border-right: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
*border-top:none;
float: none;
*float:left;
word-break: break-all;
overflow: hidden
}
.details-cont .content-table div.amount {
border-right: none
}
.details-cont .content-table div a {
position: relative;
z-index: 333;
color: #3da4e2
}
.details-cont .content-table div i {
display: block;
position: absolute;
right: 0;
top: 0
}
.details-cont .content-table.table-bg {
background-color: #fcfcfc
}
.details-cont .column-last {
border-right: none !important
}
.details-cont .none-content-box {
height: 50px
}
.details-cont .none-content {
position: absolute;
left: 0px;
width: 99.8% \9;
top: 51px;
text-align: center;
line-height: 50px;
background: #fff;
border: 1px solid #eaeaea
}
.bill-list .list-billName span{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;height:78px;line-height:78px}
.bill-list .list-billName span.name-span{font-weight:600;color:#000;width:240px}
.bill-list .list-billName span.title-span{width:500px;color: #333;}
.bill-list .list-billName span.price-span{width:160px;color:red}
.bill-list .list-billName span.details-span{color:#3da4e2;cursor:pointer;position:relative}
.ascending .required{background: #fff;}
.ascending input.required{border-color: #fff; padding-left: 0;}
.ascending textarea.required{width: 310px; border-color: #e6e6e6; height: 80px;}
/* help */
.article{font-size: 14px; line-height: 28px; color: #333;}
.help-banner{height: 120px; background-repeat: no-repeat; background-position: center top;}
.help-title{margin-bottom: 30px;}
.help-title h1{font-size: 16px; color: #000;}
/* service */
.service .pro-list{padding-top: 0;}
.service .pro-list ul{margin-right: -33px;}
.service .pro-list ul li{margin-top: 30px; width: 376px; height: auto; margin-right: 35px;}
.service .pro-list ul li >div{padding: 0; background: #fff; border: 0;}
.service .pro-list ul li .imgbox{width: 376px; height: 263px; line-height: 261px;}
.service .pro-list ul li .price{padding: 15px 18px 0;}
.service .pro-list ul li h6{padding: 0 18px;}
.service .pro-list ul li p{padding: 0 18px 15px;}
.service-top .goods-info{width: auto;}
.service-panel >h6{display: inline-block; padding: 12px 38px; border-top: 2px solid #ca0a0a;}
.service-panel .article{margin: 20px auto 40px; width: 860px;}
.service-block1 ul li{position: relative; margin-top: 32px; padding-left: 66px; color: #666;}
.service-block1 ul li:first-child{margin-top: 0;}
.service-block1 ul li h6{font-weight: normal; color: #333;}
.service-block1 ul li img{position: absolute; top: 6px; left: 0;}
.service-block2 ul li{margin: 0 16px; padding: 15px 0; line-height: 26px; border-top: 1px dotted #ccc;}
.service-block2 ul li:first-child{padding-top: 0; border-top: 0;}
.service-nav{position: absolute; top: 230px; width: 120px; background: #fff; text-align: center; font-size: 14px; color: #666; line-height: 42px;}
.service-nav li{position: relative; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; border-left: 1px solid #ededed; cursor: pointer;}
.service-nav li:first-child{border-top: 1px solid #ededed;}
.service-nav li i{position: absolute; display: none; width: 100%; height: 2px; top: 0; left: 0; background: #ca0a0a;}
.service-nav li.active{color: #ca0a0a;}
.service-nav li.active i{display: block;}
.service-nav.fixed{position: fixed; top: 20px; -webkit-transform: translateZ(0);}
/* news */
.news{padding-bottom: 40px;}
.news ul li{margin-bottom: 40px;}
.news ul li a{display: block; width: 100%; height: 100%;}
.news ul li .imgbox{width: 400px; height: 225px;}
.news ul li .article{width: 770px; font-size: 14px; color: #666; line-height: 24px;}
.news ul li .date{margin-top: 16px; margin-bottom: 4px; color: #808080;}
.news ul li .title{margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #f2f2f2;}
.news ul li .title h5{color: #333; font-weight: normal;}
.news ul li:hover .imgbox img{transform: scale(1.03); -webkit-transform: scale(1.03);}
.news ul li:hover h5{color: #ca0a0a;}
.news-title h1{margin-bottom: 6px; font-size: 24px; font-weight: normal; color: #333;}
.news-title p{font-size: 14px; color: #808080;}
.news-details .article{font-size: 12px; line-height: 24px; color: #333;}
.news-top{margin-bottom: 40px; padding: 50px 0 40px; border-bottom: 1px dotted #333;}
.news-top .article{width: 490px;}
.news-top .imgbox{width: 657px;}
/* entrust */
.entrust-wrap{height: 910px; background-repeat: no-repeat; background-position: center top;}
.entrust{margin: 50px auto; width: 1000px; height: 800px; background: #fff;}
.entrust-use{z-index: 2; overflow: visible !important;}
.entrust-use span{position: absolute; top: 0; left: 60px; font-size: 14px; line-height: 45px; color: #b2b2b2;}
.entrust-use img{right: 10px; top: 18px;}
.entrust-use-list{display: none; position: absolute; z-index: 10; top: 46px; left: 45px; width: 368px; background: #fff; border: 1px solid #d9d9d9; box-shadow: 1px 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);}
.entrust-use-list li{padding: 10px 15px; border-top: 1px solid #d9d9d9; font-size: 14px; color: #b2b2b2; cursor: pointer;}
.entrust-use-list li:hover{background: #fafafa;}
.entrust-use-list li:first-child{border-top: 0;}
.entrust-demand .log-icon{height: 80px;}
.entrust-demand .required{padding-top: 10px; padding-bottom: 10px; height: 60px;}
/* join */
.join-banner{height: 430px; background-repeat: no-repeat; background-position: center top;}
.join-banner .login{margin-top: 9px; width: 277px; height: 342px;}
.join-banner .login .required{width: 205px;}
.join-banner .tit{font-size: 16px; font-weight: bold;}
.join-banner .input-wrap{margin-top: 12px;}
.join-msg textarea.required{padding-left: 10px; padding-top: 10px; padding-bottom: 10px; width: 255px !important;}
.join-msg span.placeholder{left: 10px; font-size: 12px; top: 7px; line-height: 20px;}
.introduce .right{margin-top: 50px; margin-bottom: 15px; font-size: 14px; line-height: 24px; color: #333;}
.introduce .right .line{position: absolute; z-index: 1; top: 0; left: 70px; width: 1px; height: 100%; background: #ffb5b5;}
.introduce .right .dot{position: absolute; z-index: 2; top: 0; left: 40px; width: 60px; height: 60px; background: url(../images/join_icon1.png) no-repeat;}
.introduce .right .item1 .dot{background-position: 0 0;}
.introduce .right .item2 .dot{background-position: 0 -61px;}
.introduce .right .item3 .dot{background-position: 0 -122px;}
.introduce .right .item4 .dot{background-position: 0 -183px;}
.introduce .right .item5 .dot{background-position: 0 -244px;}
.introduce .right .tit{position: relative; top: 18px; margin-bottom: 48px; font-size: 24px; font-weight: bold; color: #333;}
.introduce .right .item{position: relative; padding-left: 110px; padding-bottom: 35px;}
.introduce .right td{padding: 15px 0; vertical-align: middle; border-bottom: 1px solid #ebebeb;}
.introduce .right .item3 .box{padding: 35px; background: #f7f7f7;}
.introduce .right .item3 ul li{position: relative; float: left; padding-right: 50px; text-align: center;}
.introduce .right .item3 ul li h5{margin-top: 16px;}
.introduce .right .item3 ul li i{position: absolute; top: 45px; right: 13px; display: block; width: 25px; height: 25px; background: url(../images/join_icon5.png) no-repeat;}
.introduce .right .item3 .btn-red{position: absolute; right: 35px; top: 90px; padding: 18px 0 18px 25px; width: 188px; height: 25px; font-size: 20px; font-weight: bold; line-height: 25px; letter-spacing: 5px; background-image: url(../images/join_icon6.png); background-position: 168px 18px; background-repeat: no-repeat;}
/* preferential */
.preferential .container{width: 1240px;}
.preferential .box{background-repeat: no-repeat; background-position: center top;}
.preferential .box1{height: 649px;}
.preferential .box2{height: 616px;}
.preferential .box2 .left{margin-top: 80px; margin-left: 130px; width: 420px; color: #fff;}
.preferential .box2 .left h3{font-size: 46px;}
.preferential .box2 .left p{margin-top: 10px; margin-bottom: 20px; font-size: 14px;}
.preferential .box2 .left ul li{float: left; margin-right: 8px; padding: 15px 0; width: 70px; height: 40px; background: #fff; text-align: center; font-size: 16px; line-height: 20px; background: url(../images/activity_pic4.png) no-repeat center center\9;}
:root .preferential .box2 .left ul li{background: #fff\9;}
.preferential .box2 .left .price{margin-top: 40px; font-size: 16px;}
.preferential .box2 .left .price span{font-size: 34px;}
.preferential .box2 .left .more{margin-top: 20px; width: 210px; height: 50px; line-height: 50px; border: 0;}
.preferential .box2 .left .more span{font-size: 16px;}
.preferential .box2 .left .more em{background: #fafafa;}
.preferential .box2 .right{margin-top: 80px; margin-right: 100px; width: 485px;}
.orange-style ul li, .orange-style .more span{color: #f1811f;}
.green-style ul li, .green-style .more span{color: #19c601;}
.blue-style ul li, .blue-style .more span{color: #009aec;}
.preferential .box3{background: #ee4a0f;}
.preferential .pro-list ul li{margin-top: 10px; width: 33.33333336%; height: auto;}
.preferential .pro-list ul li >div{position: relative; margin: 0 5px; height: 533px; border: 0;}
.preferential .pro-list ul li .imgbox{margin-bottom: 20px; width: 378px; height: 378px; line-height: 378px;}
.preferential .pro-list ul li h6{margin: 10px 0 12px; font-size: 16px;}
.preferential .pro-list ul li .address{margin-top: 5px;}
/* public style */
.radius-3{border-radius: 3px; -webkit-border-radius: 3px;}
.radius-half{border-radius: 50%; -webkit-border-radius: 50%;}
.trans-3{transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.trans-5{transition: all 0.5s; -webkit-transition: all 0.5s;}
.trans-12{transition: all 0.5s; -webkit-transition: all 1.2s;}
.shadow{box-shadow: 0 8px 15px rgba(0,0,0,.1); -webkit-box-shadow: 0 8px 15px rgba(0,0,0,.1);}
.noborder{border: 0 !important;}
.mt{margin-top: 0 !important;}
.mr{margin-right: 0 !important;}
.ml{margin-left: 0 !important;}
.mb{margin-bottom: 0 !important;}
.red{color: #cc0000 !important;}
.gray000{color: #000;}
.gray333{color: #333;}
.gray666{color: #666;}
.gray999{color: #999;}
.bgcolor-white{background: #fff;}
.nopd{padding: 0 !important;}
.mt5{margin-top: 5px;}
.mt15{margin-top: 15px;}
.mt25{margin-top: 25px;}
.mt40{margin-top: 40px;}
.mb20{margin-bottom: 20px;}
.mb40{margin-bottom: 40px;}
.mb60{margin-bottom: 60px;}
.pr0{padding-right: 0 !important;}
.pl0{padding-left: 0 !important;}
.pd20{padding: 20px;}
.pt15{padding-top: 15px;}
.pd80{padding-bottom: 80px;}
.pd-lr10{padding-left: 10px; padding-right: 10px;}
.auto{margin-left: auto; margin-right: auto;}
.border-top-red{border-top: 2px solid #c80908;}
.ft-12{font-size: 12px;}
.ft-14{font-size: 14px;}
.ft-16{font-size: 16px !important;}
.ft-18{font-size: 18px;}
.ft-20{font-size: 20px;}
.ft-22{font-size: 22px;}
.ft-24{font-size: 24px;}
.ft-26{font-size: 26px;}
.ft-28{font-size: 28px;}
.ft-30{font-size: 30px;}
.ft-36{font-size: 36px;}
.ft-48{font-size: 48px;}
.line24{line-height: 24px;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both; +height: 0;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.block{display: block;}
.hide{display: none;}
.inline{display: inline-block;}
.hidden{overflow: hidden;}
.visible{overflow: visible;}
.cap{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.bold{font-weight: bold;}
.indent{text-indent: 2em;}
.normal{font-weight: normal;}
.hand{cursor: pointer; _cursor: hand;}
.ff-ar{font-family: "Arial" !important;}
.ff-ss{font-family: "SimSun" !important;}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.filterbox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom:1;}
:root .filterbox{filter: none\9;}