﻿*{margin:0;padding:0}
#nav{ height: 37px; border-bottom: 1px solid #ddd; }
.index_main{ padding-bottom: 20px; min-width: 1200px; background: #f5f5f5;}

/*banner start*/
#banner{ position: relative; overflow: hidden; height: 320px;}
#banner .img_list{ overflow: hidden; width: 100%; height: 320px;}
#banner .img_list li{ position: absolute; left: 0; top: 0; float: left; width: 100%; height: 100%; opacity: 0; z-index: 1;}
#banner .img_list li a{ position: relative; display: inline-block; width: 100%; height: 100%; text-align: center;}
#banner .img_list li img{ position: absolute; left: 50%; top: 0; margin-left: -960px; }
#banner .banner_focus{ position: absolute; bottom: 24px; left: 0; width: 100%;; text-align: center; z-index: 3;}
#banner .banner_focus a{ display: inline-block; margin: 0 10px; width: 10px; height: 10px; border: 2px solid #fff; background: none; border-radius: 50%;}
#banner .banner_focus a.on{background: #fff;}
#banner .banner_prev,#banner .banner_next{ display: none; position: absolute; top: 128px; width: 40px; height: 40px; background: url(../images/banner_icon.png) no-repeat; cursor: pointer; z-index: 3; }
#banner .banner_prev{ left: 50%; margin-left: -670px; background-position: 0 0; }
#banner .banner_next{ left: 50%; margin-left: 630px; background-position: 0 -50px; }

#banner .login_info{ position: absolute; left: 50%; margin-left: 310px; top: 10px; width: 290px; height: 300px;  background: #fff; z-index: 3; }
#banner .login_info .box1{ float: left; padding-top: 20px; width: 290px; height: 105px; background: #08d; }
#banner .login_info .box1 img{ float: left; margin: 0 13px 0 50px; width: 50px; height: 50px; border-radius: 50%; }
#banner .login_info .box1 p{ font-size: 14px; color: #fff; line-height: 21px; }
#banner .login_info .box1 .a1{ color: #fff; text-decoration: underline; }
#banner .login_info .box1 .button_p{ padding-top: 22px; width: 100%; height: 30px; }
#banner .login_info .box1 .button1{ margin-left: 5px; float: left; padding-left: 55px; width: 58px; height: 28px; border: 1px solid #0071b8; border-radius: 2px; line-height: 28px; font-size: 14px; color: #fff;}
#banner .login_info .box1 .button1:hover{ background: #007fce; }
#banner .login_info .box1 .button1.icon1{ margin-left: 29px; background: url(../images/banner_logininfo.png) no-repeat 30px 0; }
#banner .login_info .box1 .button1.icon1:hover{ background: #007fce url(../images/banner_logininfo.png) no-repeat 30px 0; }
#banner .login_info .box1 .button1.icon2{ background: url(../images/banner_logininfo.png) no-repeat 30px -30px; }
#banner .login_info .box1 .button1.icon2:hover{ background: #007fce url(../images/banner_logininfo.png) no-repeat 30px -30px; }
#banner .login_info .box1 .button2{ margin-left: 5px; float: left; width: 78px; height: 28px; border: 1px solid #0071b8; border-radius: 2px; line-height: 28px; text-align: center; font-size: 14px; color: #fff; }
#banner .login_info .box1 .button2:hover{ background: #007fce; }

#banner .login_info .box2{ float: left; margin: 0 2px 0 1px; width: 287px; height: 70px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
#banner .login_info .box2 .button{ float: left; padding-top: 47px; width: 71px; height: 23px; background: url(../images/banner_logininfo.png) no-repeat; border-right: 1px solid #efefef; text-align: center; color: #666;}
#banner .login_info .box2 .button:hover{ color: #ff7300; }
#banner .login_info .box2 .button.icon1{ background-position: 0 -60px; }
#banner .login_info .box2 .button.icon2{ background-position: 0 -140px; }
#banner .login_info .box2 .button.icon3{ background-position: 0 -220px; }
#banner .login_info .box2 .button.icon4{ background-position: 0 -300px; }

#banner .login_info .box3{ float: left; width: 290px; height: 103px; }
#banner .login_info .box3 p{ line-height: 24px; font-size: 14px; }
#banner .login_info .box3 .p1{ padding: 0 10px; height: 40px; line-height: 40px; font-weight: bold; }
#banner .login_info .box3 .p1 span{ margin: 16px 0 0 4px; float: right; width: 13px; height: 9px; background: url(../images/banner_logininfo.png) no-repeat; border: 1px solid #efefef; border-radius: 2px; }
#banner .login_info .box3 .p1 span.prev{ background-position: -30px -390px; }
#banner .login_info .box3 .p1 span.next{ background-position: 0 -390px; }
#banner .login_info .box3 .p1 span.prev:hover{ border-color: #4badff; background-position: -30px -370px; }
#banner .login_info .box3 .p1 span.next:hover{ border-color: #4badff; background-position: 0 -370px; }
#banner .login_info .box3 .time{ float: right; margin-right: 10px; width: 40px; height: 24px; line-height: 24px; color: #999; }
#banner .login_info .box3 .a1{ float: left; margin-left: 10px; overflow: hidden; width: 230px; height: 24px; line-height: 24px; text-overflow: ellipsis; white-space: nowrap;}
#banner .login_info .box3 .li_div{ float: left; overflow: hidden; position: relative; width: 290px; height: 48px; }
#banner .login_info .box3 ul{ position: absolute; left: 0; top: 0; width: 290px; }
#banner .login_info .box3 ul li{ float: left; width: 290px; height: 48px; }
/*banner end*/


/*今日焦点样式start*/
#today_focus{ margin:0 auto; width: 1198px; height: 54px; background: #fff; border: 1px solid #ddd; line-height: 54px;}
#today_focus .time{ float: left; width: 148px; height: 54px; text-align: center; font-size: 14px;}
#today_focus .box{float: left; width: 1050px; height: 54px; background: url(../images/today_focus.png) no-repeat 0 0;}
#today_focus .box .s{ float: left; width: 19px; height: 54px; }
#today_focus .box .prev{ display: none; float: left; margin: 8px 0 0 1px; width: 19px; height: 37px; background: url(../images/today_focus.png) no-repeat 0 -60px; cursor: pointer; }
#today_focus .box .next{ display: none; float: left; margin-top: 8px; width: 19px; height: 37px; background: url(../images/today_focus.png) no-repeat 0 -110px; cursor: pointer; }
#today_focus .box .list{ position: relative; float: left; overflow: hidden; width: 1010px; height: 54px;}
#today_focus .box ul{ position: absolute; top: 0; left: 0; float: left; height: 54px; }
#today_focus .box li{ float: left; margin-right: 24px; height: 54px; color: #666; font-size: 14px;}
#today_focus .box .color1{ color: #0fa400;}
#today_focus .box .color2{ color: #ef0000;}
#today_focus .box .color3{ color: #666;}
/*今日焦点样式end*/


/*供货商推荐 start*/
#co_recommend{ margin: 20px auto 0; width: 1198px; height: 158px; background: #fff; border: 1px solid #ddd; }
#co_recommend .title{ float: left; padding: 20px 0 0 100px; width: 94px; height: 138px; background: url(../images/co_recommend_icon.png) no-repeat; }
#co_recommend .title p{ font-size: 26px; color: #4badff;}
#co_recommend .title .p1{ font-size: 40px; font-weight: bold;}
#co_recommend .title a{ display: inline-block; width: 80px; height: 30px; border: 1px solid #ddd; border-radius: 2px; line-height: 30px; color: #ff7300; font-size: 14px; text-align: center; }
#co_recommend .slide {margin-left: 0;display: inline-block;}
#co_recommend .slide li { position: relative; float: left; display: inline; overflow: hidden; padding-left: 0; padding-right: 0; height: 158px; cursor:pointer;}
#co_recommend .slide li i { position: absolute; display: inline-block; top: 40px; left: 30px; z-index: 1;}
#co_recommend .slide li.active i{ top: 20px; left: 50px; transition: top .5s,left .5s;}
#co_recommend .slide li>a>img { -webkit-filter: blur(2px); /* Chrome, Opera */ -moz-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px);}
#co_recommend .slide li.active img{ -webkit-filter: blur(0px); /* Chrome, Opera */ -moz-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px);}
/*供货商推荐 end*/

/*首页现货资源广告位 - start*/
.ad-list{ margin: 20px auto 0; width: 1200px; height: 90px; }
.ad-list a{ float: left; margin-right: 20px; width: 285px; height: 90px; }
/*首页现货资源广告位 - end*/

/*楼层样式 start*/
.floor{margin: 20px auto 0; width: 1198px; height: 388px; background: #fff; border: 1px solid #ddd;}
.floor .box1{ position: relative; padding-top: 98px; float: left; width: 280px; height: 290px; }
.floor .floor_title{ position: absolute; top: -1px; left: -12px; padding-left: 32px; width: 260px; height: 98px; background: url(../images/floor_title.png) no-repeat;}
.floor .floor_title span{ float: left; color: #fff; font-size: 14px; line-height: 24px;}
.floor .floor_title .p1{ padding: 14px 100px 0 0; font-size: 30px; line-height: 40px; font-weight: bold;}
.floor .floor_s{ float: left; margin-left: 20px; padding-left: 10px; height: 18px; border-left: 3px solid #08d; font-weight: bold; font-size: 16px; line-height: 18px; }
.floor .blueborber{ width: 228px; height: 38px; border-radius: 5px; background: none; border: 1px solid #4badff; color: #4badff; text-align: center; font-size: 16px; line-height: 38px;}
.floor .blueborber:hover{ border-color: #ff7300; color: #ff7300; }
.floor input.blueborber{ width: 230px; height: 40px; cursor: pointer; }



/*3f*/
#floor3 {overflow: hidden;position: relative; }
#floor3 .floor_title{ background-position: 0 -200px; }
#floor3 .free_message{ margin: 5px 25px 0 25px; float: left; width: 230px; }
#floor3 .free_message .p1{ line-height: 30px; }
#floor3 .free_message .p2{ height: 42px; line-height: 32px; font-size: 14px; color: #999;}
#floor3 .free_message .textarea_message{ padding: 10px; width: 208px; height: 128px; border: 1px solid #b5b5b5; border-right-color: #ddd; border-bottom-color: #ddd; font-size: 14px; font-family: "Microsoft Yahei"; resize: none;}
#floor3 .blueborber{float: left;}
#floor3 .box2{ float: left; width: 917px; height: 388px; border-left: 1px solid #efefef; }
#floor3 .box2 .title{ float: left;padding-top: 20px; width: 917px; height: 28px;overflow: hidden;}
#floor3 .box2 .title a.more{ float: right; margin-right: 20px; color: #999; font-size: 14px;}
#floor3 .box2 .title a.more:hover{ color: #ff7300; }
#floor3 .box2 .content{ float: left; margin: 0 18px; width: 880px;}
#floor3 .box2 .content ul{ float: left; width: 950px;}
#floor3 .box2 .content li{ float: left;width: 99%;overflow: hidden;padding-bottom: 5px;}
#floor3 .box2 .content li.noborder{ border-bottom: none; }
#floor3 .box2 .content li a{line-height: 22px; font-size: 1.0rem;overflow: hidden;width: 80%;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float: left; }
#floor3 .box2 .content li span{ line-height: 22px; font-size: 0.9rem; }
#floor3 .box2 .content li .p1{ color: #4badff; font-weight: bold; }


#floor3 .live_div{ float: left; margin: 10px 20px 0; width: 240px; }
#floor3 .live_div .p1{ margin-left: -20px; height: 20px; text-align: right; color: #999; font-size: 14px; }
#floor3 .live_div .p1 .floor_s{ color: #333; }
#floor3 .live_div .p1 .floor_s:hover{ color: #ff7300; }
#floor3 .live_div .text_list{ width: 240px;}
#floor3 .live_div .text_list li{ padding: 6px 0; height: 48px;line-height: 24px; font-size: 0.9rem;}
#floor3 .live_div .text_list li .time{ margin: 2px 10px 0 0; float: left; width: 63px; height: 18px; border: 1px solid #ddd; border-radius: 2px; font-size: 14px; text-align: center; line-height: 18px; color: #08d;}
#floor3 .live_div .text_list li .intercept_text{ width: 240px;}
#floor3 .live_div .btn{ padding-left: 15px; float: left; margin: 20px 0 0 10px; width: 218px; height: 38px; background: url(/resources/fore/image/index/floor6_icon.png) no-repeat 52px 0; border: 1px solid #ddd; border-radius: 5px; text-align: center; line-height: 38px; font-size: 14px; color: #08d; font-weight: bold;}
#floor3 .live_div .btn:hover{color: #ff7300;}

/*4f*/
#floor4 .floor_title{ background-position: 0 -300px; }
#floor4 .box1 .text{ padding-top: 10px; overflow: hidden; float: left; margin: 0 20px 30px 20px; width: 240px; height: 165px; background: url(../images/floor4_icon.png) no-repeat 0 0; }
#floor4 .box1 .text p{ padding-right: 6px; font-size: 16px; text-align: center; line-height: 96px; }
#floor4 .box1 .blueborber{ float: left; margin-left: 25px; }
#floor4 .box2{ float: left; width: 917px; height: 388px; border-left: 1px solid #efefef; }
#floor4 .box2 .title{ float: left; padding-top: 20px; width: 917px; height: 28px;}
#floor4 .box2 .text1{ float: left; padding: 5px 0 0 97px; width: 820px; height: 225px; }
#floor4 .box2 .text1 li{ float: left; height: 225px; }
#floor4 .box2 .text1 p{ padding-left: 15px; background: url(../images/floor4_icon.png) no-repeat 0 -580px; line-height: 24px; color: #666; font-size: 14px; }
#floor4 .box2 .text1 .p1{ padding: 12px 0 8px 10px; height: 80px; background: url(../images/floor4_icon.png) no-repeat; line-height: 80px; font-size: 18px; color: #4badff; }
#floor4 .box2 .text1 .one{width: 230px;}
#floor4 .box2 .text1 .two{width: 210px;}
#floor4 .box2 .text1 .three{width: 230px;}
#floor4 .box2 .text1 .four{width: 150px;}
#floor4 .box2 .text1 .one .p1{ background-position: 0 -180px; }
#floor4 .box2 .text1 .two .p1{ background-position: 0 -280px; }
#floor4 .box2 .text1 .three .p1{ background-position: 0 -380px; }
#floor4 .box2 .text1 .four .p1{ background-position: 0 -480px; }
#floor4 .box2 .text2{ float: left; padding-top: 24px; margin: 0 18px; width: 880px; border-top: 1px solid #efefef; }
#floor4 .box2 .text2 span{ float: left; height: 60px; background: url(../images/floor4_icon.png) no-repeat; }
#floor4 .box2 .text2 .one{ margin-right: 48px; padding: 6px 22px 0 10px; width: 40px; height: 54px; background-position: 67px -620px;  line-height: 24px; font-size: 18px;}
#floor4 .box2 .text2 .s{ padding-top: 38px; width: 70px; height: 22px; text-align: center; color: #666; line-height: 22px; font-size: 14px;}
#floor4 .box2 .text2 .s01{background-position: 0 -700px;}
#floor4 .box2 .text2 .s02{background-position: 0 -770px;}
#floor4 .box2 .text2 .s03{background-position: 0 -840px;}
#floor4 .box2 .text2 .s04{background-position: 0 -910px;}
#floor4 .box2 .text2 .s05{ margin: 0 48px; width: 40px; background-position: 0 -980px;}


/*6f*/
#floor6{ height: 698px;}
#floor6 .floor_title{ background-position: 0 -500px; }
#floor6 .live_div{ float: left; margin: 10px 20px 0; width: 240px;}
#floor6 .live_div .p1{ margin-left: -20px; height: 20px; text-align: right; color: #999; font-size: 14px;}
#floor6 .live_div .p1 .floor_s{ color: #333; }
#floor6 .live_div .p1 .floor_s:hover{ color: #ff7300;}
#floor6 .live_div .text_list{ width: 240px;}
#floor6 .live_div .text_list li{ padding: 15px 0; height: 48px; border-bottom: 1px solid #efefef; line-height: 24px; font-size: 14px;}
#floor6 .live_div .text_list li .time{ margin: 2px 10px 0 0; float: left; width: 63px; height: 18px; border: 1px solid #ddd; border-radius: 2px; font-size: 14px; text-align: center; line-height: 18px; color: #08d;}
#floor6 .live_div .text_list li .intercept_text{ width: 240px;}
#floor6 .live_div .btn{ padding-left: 15px; float: left; margin: 20px 0 0 10px; width: 218px; height: 38px; background: url(../images/floor6_icon.png) no-repeat 52px 0; border: 1px solid #ddd; border-radius: 5px; text-align: center; line-height: 38px; font-size: 14px; color: #08d; font-weight: bold;}
#floor6 .live_div .btn:hover{color: #ff7300;}
#floor6 .box2{ float: left; width: 626px; height: 698px; border-left: 1px solid #efefef; border-right: 1px solid #efefef; }
#floor6 .img_div{ position: relative; overflow: hidden; float: left; margin: 10px; width: 606px; height: 220px; }
#floor6 .img_div .content{ float: left; width: 455px; height: 220px; }
#floor6 .img_div ul{ position: absolute; right: 0; top: 0; width: 140px; height: 220px; }
#floor6 .img_div li{ position: relative; float: left; padding: 14px 0; width: 140px; height: 45px; border-bottom: 1px solid #efefef; line-height: 22px; }
#floor6 .img_div li a{ font-size: 14px; }
#floor6 .img_div li.on a{ color: #4badff; font-weight: bold; }
#floor6 .img_div li.on .icon{position: absolute; top: 28px; left: -15px; width: 6px; height: 15px; background: url(../images/floor6_icon.png) no-repeat 0 -150px;}
#floor6 .article_list{ float: left; overflow: hidden; width: 626px; border-top: 1px solid #efefef; }
#floor6 .article_list .t{ float: left; padding-top: 20px; width: 626px; height: 29px;}
#floor6 .article_list .t .a{ float: right; margin-right: 20px; color: #999; font-size: 14px;}
#floor6 .article_list .t .a:hover{color: #ff7300;}
#floor6 .article_list ul{ margin: 0 20px; float: left; width: 586px; }
#floor6 .article_list li{ float: left; width: 586px; height: 126px; border-bottom: 1px solid #efefef; }
#floor6 .article_list li p{ padding-left: 15px; }
#floor6 .article_list li .p1{ margin-top: 8px; height: 32px; line-height: 32px; }
#floor6 .article_list li .p1 .a1{ float: left; overflow: hidden; width: 515px; height: 32px; font-size: 18px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; }
#floor6 .article_list li .p1 .time{ float: right; height: 32px; font-size: 14px; font-weight: normal;}
#floor6 .article_list li .intercept_text{ height: 48px; font-size: 14px; line-height: 24px; color: #666; }
#floor6 .article_list li .p2{ height: 34px; line-height: 34px;}
#floor6 .article_list li .p2 span{ margin-top: 7px; float: left; }
#floor6 .article_list li .p2 .tag{ margin-top: 7px; float: left; padding: 0 7px; margin-right: 5px; height: 18px; border: 1px solid #ddd; line-height: 18px; color: #999;}
#floor6 .article_list li .p2 .tag:hover{ border-color: #ff7300; color: #ff7300; }
#floor6 .article_list li .p2 .author{ float: right; height: 20px; line-height: 20px; color: #999; }
#floor6 .article_list li .p2 .see{ float: right; margin-left: 10px; padding-left: 20px; margin-top: 0; height: 20px; background: url(../images/floor6_icon.png) no-repeat 0 -94px; }
#floor6 .box3{ float: left; width: 290px; height: 698px; }
#floor6 .box3 .title{ float: left; padding-right: 20px; padding-top: 18px; width: 270px; height: 25px; text-align: right; font-size: 14px; color: #999; }
#floor6 .box3 .title .floor_s{ color: #333; }
#floor6 .box3 .title .floor_s:hover{ color: #ff7300; }
#floor6 .box3 .title .beg{ float: right; padding-left: 18px; width: 60px; height: 23px; background: url(../images/floor6_icon.png) no-repeat 9px -50px; border: 1px solid #08d; border-radius: 12px; text-align: center; line-height: 23px; font-size: 14px; color: #08d; }
#floor6 .box3 .title .beg:hover{ color: #ff7300; }
#floor6 .voice{ margin: 0 15px; overflow: hidden; float: left; width: 260px; height: 394px; }
#floor6 .voice li{ float: left; padding: 18px 0; width: 260px; border-bottom: 1px solid #efefef; }
#floor6 .voice .intercept_text01{ font-size: 14px; line-height: 18px; font-weight: bold; }
#floor6 .voice .t{ margin-top: 12px; width: 260px; height: 105px; }
#floor6 .voice img{ float: left; margin-right: 10px; }
#floor6 .voice .intercept_text02{ height: 54px; line-height: 18px; color: #999; }
#floor6 .voice .t p{ float: left; width: 130px; }
#floor6 .voice .p1{margin-top: 5px; overflow: hidden; height: 20px; }
#floor6 .voice .p2{ margin-top: 5px; height: 20px; }
#floor6 .voice .tag{ float: left; padding: 0 7px; margin-right: 5px; height: 18px; border: 1px solid #ddd; line-height: 18px; color: #999;}
#floor6 .voice .tag:hover{ border-color: #ff7300; color: #ff7300; }
#floor6 .voice .see{ float: left; padding-left: 20px; margin-top: 0; height: 20px; background: url(../images/floor6_icon.png) no-repeat 0 -94px; color: #999; line-height: 20px;}
#floor6 .more_voice{ float: left; margin: 0 15px; width: 260px; height: 17px; border-top: 1px dashed #efefef; }
#floor6 .more_voice a{ margin-top: -8px; float: right; width: 65px; height: 15px; background: #fff; line-height: 15px; text-align: right; color:#999; }
#floor6 .more_voice a:hover{color: #ff7300;}

/*改性*/
#gx_floor{ height: 540px;}
#gx_floor .floor_title{ background-position: 0 -600px; }
#gx_floor .box1 .text{ overflow: hidden; padding-top: 17px; margin:0 19px; width: 242px; height: 194px; background: url(../images/gxfloor_icon.png) no-repeat 0 0; border-bottom: 1px solid #efefef; }
#gx_floor .box1 .text p{ line-height: 104px; font-size: 16px; text-align: center; }
#gx_floor .box1 .contact{ margin: 15px 19px 0; width: 242px; }
#gx_floor .box1 .contact p{ padding-left: 45px; height: 66px; background: url(../images/gxfloor_icon.png) no-repeat; border-bottom: 1px solid #efefef; font-size: 14px; line-height: 66px; }
#gx_floor .box1 .contact .icon01{ background-position: 0 -300px; }
#gx_floor .box1 .contact .icon02{ background-position: 0 -360px; }
#gx_floor .box1 .contact .icon03{ border-bottom: none; background-position: 0 -410px; }
#gx_floor .box1 .contact .icon03 span{ cursor: pointer; }
#gx_floor .box2{float: left; overflow: hidden; width: 626px; height: 540px; border-left: 1px solid #efefef; border-right: 1px solid #efefef;}
#gx_floor .box2 .title{ position: relative; float: left; padding-top: 20px; height: 27px; width: 626px; border-bottom: 1px solid #efefef;}
#gx_floor .box2 .title a.more{ float: right; margin-right: 20px; color: #999; font-size: 14px; }
#gx_floor .box2 .title a.more:hover{color: #ff7300;}
#gx_floor .box2 .content{ float: left; overflow: hidden; margin: 24px 0 0 13px; width: 599px; height: 419px; }
#gx_floor .box2 ul{ float: left; width: 600px; height: 420px; }
#gx_floor .box2 li{ float: left; width: 199px; height: 209px; border-bottom: 1px solid #efefef; border-right: 1px solid #efefef; text-align: center; }
#gx_floor .box2 img{ margin-top: 15px; float: left; width: 199px; height: 146px; }
#gx_floor .box2 li p{ line-height: 45px; }
#gx_floor .box2 li p a{ font-size: 14px; }
#gx_floor .box3{ float: left; width: 290px; height: 540px; }
#gx_floor .box3 .title{ float: left; padding-top: 20px; height: 27px; width: 290px; border-bottom: 1px solid #efefef;}
#gx_floor .box3 .title a.more{ float: right; margin-right: 20px; color: #999; font-size: 14px; }
#gx_floor .box3 .title a.more:hover{color: #ff7300;}
#gx_floor .box3 .gx_new{ float: left; margin: 10px 12px 0 18px; width: 260px; }
#gx_floor .box3 .gx_new .first{ float: left; width: 260px; height: 136px; border-bottom: 1px solid #efefef; }
#gx_floor .box3 .gx_new .first .p1{ overflow: hidden; height: 40px; font-size: 14px; font-weight: bold; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; }
#gx_floor .box3 .gx_new .first img{ float: left; margin-right: 10px; width: 120px; height: 84px; }
#gx_floor .box3 .gx_new .first .interceptText{ margin-top: -4px; color: #666; line-height: 18px; }
#gx_floor .box3 .gx_new li{ overflow: hidden; padding-left: 14px; width: 246px; height: 30px; background: url(../images/gxfloor_icon.png) no-repeat 0 -250px; text-overflow: ellipsis; white-space: nowrap; line-height: 30px;}
#gx_floor .box3 .gx_new li a{ font-size: 14px; }
#gx_floor .box3 .gx_purchase{ float: left; margin: 10px 12px 0 18px; width: 260px; }
#gx_floor .box3 .gx_purchase li{ padding-left: 14px; width: 246px; height: 30px; background: url(../images/gxfloor_icon.png) no-repeat 0 -250px; line-height: 30px;}
#gx_floor .box3 .gx_purchase li .s{ float: left; overflow: hidden; height: 30px; width: 190px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
#gx_floor .box3 .gx_purchase li .btn{ float: right; margin-top: 4px; width: 46px; height: 22px; border: none; background: #4badff; font-size: 12px; line-height: 22px; color: #fff; cursor: pointer; }
#gx_floor .mask{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000000; }
#gx_floor .gx_provide_purchase{ position: fixed; top: 50%; left: 50%; margin: -225px 0 0 -335px; width: 670px; height: 450px; background: #fff; }
#gx_floor .gx_provide_purchase .h{ padding-left: 40px; height: 40px; background: #4badff; font-size: 18px; font-weight: bold; color: #fff; line-height: 40px; }
#gx_floor .gx_provide_purchase .h a.close{ float: right; width: 44px; height: 40px; background: url(../images/message_mask.png) 0 0; }
#gx_floor .gx_provide_purchase .p1{ padding-left: 40px; height: 58px; line-height: 40px; color: #ff7300; }
#gx_floor .gx_provide_purchase ul{ overflow: hidden; }
#gx_floor .gx_provide_purchase li{ float: left; padding-bottom: 20px; font-size: 14px; }
#gx_floor .gx_provide_purchase label{ float: left; height: 32px; line-height: 32px; }
#gx_floor .gx_provide_purchase .s{ width: 113px; text-align: right; }
#gx_floor .gx_provide_purchase .input1{ float: left; padding: 0 9px; width: 180px; height: 30px; border: 1px solid #ddd; line-height: 30px; }
#gx_floor .gx_provide_purchase input[type='checkbox']{ vertical-align: middle; }
#gx_floor .gx_provide_purchase .ta{ padding: 9px; width: 490px; height: 80px; border: 1px solid #ddd; font-size: 14px; line-height: 18px; }
#gx_floor .gx_provide_purchase .error{ padding-left: 219px; height: 26px; line-height: 16px; }
#gx_floor .gx_provide_purchase .error i{ display: inline-block; margin: 0 13px 0 0; width: 16px; height: 16px; background: url(../images/message_mask.png) 0 -50px no-repeat; vertical-align: top; }
#gx_floor .gx_provide_purchase .p2{ height: 34px; padding-left: 218px; }
#gx_floor .gx_provide_purchase .p2 .btn{ float: left; margin-right: 30px; width: 130px; height: 32px; border: 1px solid #4badff; text-align: center; line-height: 32px; font-size: 16px; color: #4badff; }
#gx_floor .gx_provide_purchase .p2 .tj{ width: 132px; height: 34px; color: #fff; background: #4badff; }



/*移入提示框*/
#tip_message{height:35px;background:#FFFBEE;border:1px solid #FF7300;display:none;position:absolute;left:0;top:0;line-height:35px;text-align:center;z-index:9999;padding:0 10px;}





/*for各种节日*/
.for-skin01{ margin: 0 auto; width: 100%; min-width: 1200px;}
.for-skin02{ margin: 0 auto; padding-top: 20px; width: 100%; min-width: 1200px;}



