@charset "UTF-8";
/* override */
#newBridge{display: none!important;}
/*global*/
body{ font:14px 'Microsoft Yahei', 'Hiragino Sans GB',  sans-serif;-webkit-font-smoothing: subpixel-antialiased;}
a{outline:none !important;}
::selection {background:#404144; color:#fff;}
::-moz-selection {background:#404144; color:#fff;}
::-webkit-selection {background:#404144; color:#fff;}

/*component*/
i.contract{ width:18px; height:22px; background:url(/assets/images/icon_contract_leader.png) no-repeat; display:inline-block; vertical-align:middle; margin-right:2px;}
.no_bullet_list{ margin:0; padding:0;}
.no_bullet_list>li{ margin:0; padding:0 0 10px; list-style-type:none; }
.credit_add{ color:#090;font-weight:bold;}
.credit_minus{ color:#C00;font-weight:bold;}
.success_icon{ color:#59b200; font-size:18px;}
.no_content{ padding-left:50px; position:relative; margin:10px 0 30px; color:#666; min-height:30px; }
.no_content h3{font-size:16px; font-weight:normal; padding-top:6px;}
.no_content>.fa{ position:absolute;top:0;left:10px; color:#ccc; font-size:30px;}
.no_content p a,.no_content .keyword{color:#4BACFF;}
.block_loading{ position:absolute; z-index:99; background-color:#fff; top:0; left:0; right:0; bottom:0; background-color:rgba(255,255,255,.8); background-color:#fff \9;}
.block_loading i{ background:url(../images/loading_house.gif) no-repeat 10px 0; width:70px; height:70px; position:absolute; top:50px; left:50%; margin-left:-35px; z-index:100;}
.block_loading i:before{ content:"加载中..."; position:absolute; text-align:center; height:20px; line-height:20px; bottom:0; left:0; right:0; font-style:normal; font-size:12px;}
.result{ padding-left:60px; position:relative; margin:10px 0 30px; min-height:40px;}
.result .fa-check-circle-o{ position:absolute;top:0;left:10px; color:#009471; font-size:40px;}
.result .fa-times-circle-o{ position:absolute;top:0;left:10px; color:#E74C3C; font-size:40px;}
.result h3{ font-size:20px; font-weight:normal;}
.result h3.success{ color:#009471;}
.result h3.fail{ color:#E74C3C;}
.result p{ color:#666; font-size:12px;}
.result p a{color:#4BACFF;}
.scroll_spy{ position: relative;}

/* customer list */
.customer_list .list{ margin:0; padding:0;border-top:1px solid #eee;}
.customer_list .list li{ margin:0; padding:12px 5px 12px 30px; border-bottom:1px solid #eee; list-style-type:none; position:relative; color:#666; font-size:12px;}
.customer_list i{ position:absolute; top:15px; left:5px; font-size:16px;}
.customer_list .list li a{ padding:0 2px 1px; border-bottom: 1px dotted #999;}
.customer_list .list li a:hover{border-bottom: 1px dotted #4bacff;}
.customer_list .fa-leader{color: #009471;}
.customer_list .fa-design{color: #3286cf;}
.customer_list .fa-designer{color: #3286cf;}
.customer_list .fa-material{color: #cc6600;}
.customer_list .fa-onestop{color: #623094;}

/* pagination */
.page{ text-align:center; margin:20px auto;}
.page .pagination{ margin:0; vertical-align:middle;}
.page .page_num{ color:#999; font-size:12px; display:inline-block; vertical-align:middle; margin-left:10px;}
.page .page_num .form-control{ display: inline-block;width: 60px;}


/*BS override*/
.modal-backdrop{ z-index:1030;}
.modal-dialog{ z-index:1040;}
.navbar-toggle{ color:#fff;}
.breadcrumb{ font-size:12px;padding: 0;}
.nav-tabs>li>a:hover{background-color:#eee;}
.table>tbody+tbody {border-top: 0;}
.alert{ font-size:12px;}
.carousel .item{ padding: 0 !important;margin: 0 !important;}
.carousel .carousel-control{ width: 10%;}
.tooltip{white-space: normal;}
.tooltip-inner{text-align: left;}
.pagination>.disabled>a{pointer-events: none;}

/*baidu share override*/
.bd_weixin_popup{ box-sizing:content-box !important;-webkit-box-sizing:content-box !important;-moz-box-sizing:content-box !important;}
.bdsharebuttonbox{ display:inline-block; vertical-align:middle;}
.bdsharebuttonbox:after{ display:none !important;}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{ margin: 0 6px 2px 0 !important;}

/*jquery ui override*/
.ui-autocomplete{z-index: 2000 !important;}

/***** header v2 *****/
.g_header {min-width: 1220px;background-color: #fff;}
.g_header .wrap{width: 1220px;margin: 0 auto;padding: 0 15px;}
.g_header .h_bar{width: 100%;padding: 8px 0;background-color: #f9f9f9;border-bottom: 1px solid #ddd;}
.g_header .h_bar .location span{font-size: 14px;}
.g_header .h_bar .location a{color: #4bacff;font-size: 12px;}
.g_header .h_bar .action a,.g_header .h_bar .action .welcome{margin-left: 12px;color: #666;font-size: 12px;}
.g_header .h_bar .action a:hover{color: #4bacff;}
.g_header .h_bar .my {width: auto;white-space: nowrap;}
.g_header .h_bar .my .info {display: inline-block;position: relative;}
.g_header .h_bar .my .info .caret{margin-left: 5px;}
.g_header .h_bar .my .info:hover .dropdown-menu{ display:block;left:auto;right:-20px; margin-top:0px;min-width: 100px;}
.g_header .h_bar .my a{color: #666;font-size: 12px;}
.g_header .h_bar .my a:hover{color: #4bacff;}
.g_header .h_bar .my .m_link{margin-left: 20px;position: relative;}
.g_header .h_bar .my .m_link:before{content:"";position: absolute;width: 1px;height: 13px;background-color: #ccc;left: -10px;top: 3px;}

.g_header .h_main {padding: 28px 0;}
.g_header .h_main .logo {width: 210px;height: 55px;float: left;font-size: 0;background-image: url("/assets/images/3space_logo@1.png");background-image: -webkit-image-set(url('/assets/images/3space_logo@1.png') 1x, url('/assets/images/3space_logo@2.png') 2x);background-repeat: no-repeat;overflow: hidden;}
.g_header .h_main .h_search{margin-top: 6px;margin-left: 135px;width: 500px;float: left;display: inline-block;}
.g_header .h_main .h_search .h_search_opt{position: absolute;top: 2px;left: 2px;z-index: 3;border: none;border-right: 2px solid #f3f3f3;width: 80px;height: 36px;}
.g_header .h_main .h_search .h_search_opt .selected{ background:#f9f9f9; position:relative; color:#666;padding:10px 20px 0 10px;height: 100%;font-size:12px;cursor: pointer;}
.g_header .h_main .h_search .h_search_opt .selected .fa{position: absolute;right: 7px;top: 12px;}
.g_header .h_main .h_search .h_search_opt ul{padding: 0;margin-top: -4px;border: 1px solid #4BAEFF;border-top: 0;display: none;background-color: #fff;}
.g_header .h_main .h_search .h_search_opt:hover a{background-color: #fff;}
.g_header .h_main .h_search .h_search_opt ul{margin: 0;padding: 0;}
.g_header .h_main .h_search .h_search_opt li{list-style: none;font-size: 12px;padding:5px 10px;cursor: pointer;}
.g_header .h_main .h_search .h_search_opt li:hover{background-color: #b9dfff;}
.g_header .h_main .h_search .form-control{height: 40px;border: 2px solid #4BAEFF;padding-left: 90px;cursor: text!important;background-color: #fff!important;}
.g_header .h_main .h_search .btn{width: 90px;height: 40px;font-size: 16px;}
.g_header .h_main .brand_show{width: 206px;float: right;padding: 0 15px;position: relative;}
.g_header .h_main .brand_show .swiper-container{height: 55px;}
.g_header .h_main .brand_show:hover .swiper-button-prev,.g_header .h_main .brand_show:hover .swiper-button-next {display: block;}
.g_header .h_main .brand_show .swiper-button-prev,.g_header .h_main .brand_show .swiper-button-next {position: absolute;top: 12px;color: #ccc;font-size: 24px;z-index: 5;display: none;cursor: pointer;}
.g_header .h_main .brand_show .swiper-button-prev{left: 0px;}
.g_header .h_main .brand_show .swiper-button-next{right: 0px;}

.g_header .h_nav{border-bottom: 2px solid #4BACFF;}
.g_header .h_nav ul{margin: 0;padding: 0;}
.g_header .h_nav li{margin: 0;padding: 0;list-style: none;float: left;margin-left: -1px;position: relative;}
.g_header .h_nav ul li:after{width: 1px;height: 10px;content:"";position: absolute;right: 0;top: 15px;background-color: #ddd;}
.g_header .h_nav li.active,.g_header .h_nav li:hover{background-color: #4bacff;color: #fff;}
.g_header .h_nav ul li.active:after,.g_header .h_nav li:hover:after{display: none;}
.g_header .h_nav li .nav{padding: 10px 40px;color: #333;font-size: 16px;display: block;}
.g_header .h_nav li.active .nav,.g_header .h_nav li:hover .nav{color: #fff;}
.g_header .h_nav li .fa-caret-down{margin-left: 8px;color: #999;transition: transform .2s;	-moz-transition: transform .2s; -webkit-transition: transform .2s;}
.g_header .h_nav li.active .fa-caret-down{color:#fff;}
.g_header .h_nav li:hover .fa-caret-down{color: #fff;transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.g_header .h_nav dl{position: absolute;top: 41px;left: 0;z-index: 2;background-color: #3193e4;padding: 10px 0;display: none;width: 100%;z-index: 9;}
.g_header .h_nav dl dd a{display: block;padding:5px 0 5px 40px;color:#fff;font-size: 14px;}
.g_header .h_nav dl dd:hover{background-color: #2c84cd;}
.g_header .h_nav li:hover dl{display: block;}



/*****mobile header*****/
.header_m{position: fixed;top: 0;z-index: 110;width: 100%;height: 45px;overflow: hidden;padding: 0 15px;background-color: #fff;border-bottom: 1px solid #ddd;}
.header_m h4{text-align: center;font-size: 18px;margin: 0;line-height: 45px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.header_m .fa{font-size: 24px;line-height: 45px;color: #737373;}
.header_m .draw{margin-left: 10px;float: right;}
.header_m .avatar{width: 31px;height: 45px;display:inline-block;padding-top: 7px;font-size: 0;position: absolute;right: 45px;}
.header_m .avatar img{width: 31px;height: 31px;border-radius: 50%;}

.head_menu_g{width:100%; height:100%; position:fixed; left:0; top:0; z-index:111;display: none;background-color: rgba(0,0,0,.8);}
.head_menu_g.active{display: block;}
.head_menu_g .menu_off{ width:30px; height:30px; position:absolute; right:24px; top:20px;}
.head_menu_g .menu_list{height: 100%;width: 100%;padding: 0;padding-top: 40%;}
.head_menu_g .menu_list li:nth-last-child(1){width: 100%;margin-top: 20%;padding: 0 35%;}
.head_menu_g .menu_list li:nth-last-child(1) a{border: 1px solid #eee;color: #eee;border-radius: 5px;height: 30px;line-height: 28px;}
.head_menu_g .menu_list li {text-align: center;width: 25%;float: left;}
.head_menu_g .menu_list li a {	display: block;margin-bottom: 20px;color: #fff;}
.head_menu_g .menu_list li a span{height: 50px;width: 50px;position: relative;display: block;margin: 0 auto 8px;border-radius: 50%;}

.head_menu_g .menu_list li a span.a_tuku{background-color: #ff565b;}
.head_menu_g .menu_list li a span.a_quan{background-color: #4bacff;}
.head_menu_g .menu_list li a span.a_jsq{background-color:  #fcc13c;}
.head_menu_g .menu_list li a span.a_zxb{background-color: #00b2b2;}
.head_menu_g .menu_list li a span.a_leader{background-color: #fff;border:2px solid #1aaa5e;}
.head_menu_g .menu_list li a span.a_designer{background-color: #fff;border:2px solid #4bacff;}
.head_menu_g .menu_list li a span.a_material{background-color: #fff;border:2px solid #f77b00;}
.head_menu_g .menu_list li a span.a_onestop{background-color: #fff;border:2px solid #8948ca;}

.head_menu_g .menu_list li a span i {display: block;height: 100%;background-image: url('/assets/m_images/menu_c.png');background-size: 50px;text-align: center;border-radius: 50%;}

.head_menu_g .menu_list li a span i.icon-tuku{background-position: 0 0;}
.head_menu_g .menu_list li a span i.icon-quan{background-position: 0 -50px;}
.head_menu_g .menu_list li a span i.icon-jsq{background-position: 0 -100px;}
.head_menu_g .menu_list li a span i.icon-zxb{background-position: 0 -150px;}

.head_menu_g .menu_list li a span i.iconfont{font-size: 30px;line-height: 46px;}
.head_menu_g .menu_list li a span i.fa-leader{color: #1aaa5e;border-color: #1aaa5e;}
.head_menu_g .menu_list li a span i.fa-designer{color: #4bacff;border-color: #4bacff;}
.head_menu_g .menu_list li a span i.fa-material{color: #f77b00;border-color: #f77b00;}
.head_menu_g .menu_list li a span i.fa-onestop{color: #8948ca;border-color: #8948ca;}


/*footer*/
.footer{ background-color:#404144; padding:30px 0; color:#fff;}
.footer .wrap{width:100%;max-width:1220px; margin:0 auto; padding:0 15px;}
.footer .wrap>.row>div{ padding-left:15px; padding-right:15px;}
.footer .links h3{ font-weight:normal; font-size:16px; margin:0 0 20px;}
/*.footer .links .col-xs-3{ width:20%;}*/
.footer .popover h3{ margin:0;}
.footer ul{ margin:0;padding:0;}
.footer li{ margin:0 0 5px 0; padding:0; list-style-type:none;font-size:12px;}
.footer a{ color:#ccc; }
.footer a:hover{ color:#eee; }
.footer li a .fa{ width:16px; text-align:center;}
.footer .contact{color:#eee;}
.footer .contact li span{ color:#CCC;}
.footer .contact .tel span{font-size:14px; margin-bottom:10px; color:#fff;display: block;}
.footer .tel h3{ font-size:22px; margin:0 0 2px; font-weight:normal;}
.footer .tel p{ font-size:12px; margin-bottom:10px; color:#999;}
.footer .copyright{ text-align:center; margin-top:40px; color:#ccc; font-size:12px;}
.footer .popover{ color:#222; }
.footer .popover .popover-content{ min-height: 293px; min-width: 272px;}
.footer .popover .popover-content img{ width: 100%; }
.footer .qrcode{text-align: center;font-size: 12px;}
.footer .qrcode p{margin-top: 6px;}

/*main*/
.index_deco_main{ width:100%; max-width:1220px; min-height:550px; margin:0 auto; padding:20px 15px 10px; overflow-x:hidden;}
.index_deco_main .item{padding:10px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; border:1px solid #EEE; background-color:#fff; box-shadow:2px 2px 4px rgba(0,0,0,.05); -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.05); -moz-box-shadow:2px 2px 4px rgba(0,0,0,.05); margin-bottom:20px;}
.index_deco_main .item h2{ color:#222; margin:0; padding:5px 0 15px;}
.index_deco_main .item h2>a{color:#222;}

.main{min-height:550px; background-color:#fff;}
.main .wrap{width:100%; max-width:1220px; min-height:550px; margin:0 auto; padding:20px 15px;}
.main .wrap>.row>div,.main .wrap>.row>div>.row>div{ padding-left:15px; padding-right:15px;}
.main .wrap>.row,.main .wrap>.row>div>.row{ margin-left:-15px; margin-right:-15px;}
.main .wrap .item{padding:10px 0;margin-bottom:20px;}
.main .wrap .item h2{ color:#222; margin:0 0 20px; font-size:22px; font-weight:normal;}
.main .wrap .item h2 .more{ display:inline-block; margin-left:10px; color:#999; font-size:14px;}
.main .wrap .item h2 .more:hover{ color:#4bacff;}
.main .wrap .item h2 .num{ display:inline-block; margin-left:10px; font-size:12px; font-weight:normal; color:#999;}
.fixed_main{min-width: 1220px}
.fixed_main .wrap{width: 1220px;}

/*leader label*/
.leader_labels{position: relative;}
.leader_labels>div, .leader_labels>a{ display:inline-block; margin-right:2px; color:#666;}
.leader_labels>div.popover{display: none;}
.leader_labels>a:hover{ color: #3286cf;}
.leader_labels .sales{ margin-right:0;}
.leader_labels i{ display:inline-block;margin-right:4px;position:relative; vertical-align:middle;top:-2px; font-style:normal; color:#FFF; text-align:center;}
.leader_labels i:before{ display:block; width:16px; height:16px; line-height:16px; font-size:12px;}
.leader_labels .material i:before{ content:"料"; background-color:#d0ab8b;}
.leader_labels .add i:before{ content:"增"; background-color:#f08e72;}
.leader_labels .guard i:before{ content:"保"; background-color:#ffad72;}
.leader_labels .complain i:before{ content:"诉"; background-color:#76d89f;}
.leader_labels .sales i:before{ content:"惠"; background-color:#7cd4dc;}
.leader_labels .material.not i:before{ background-color:#ccc; cursor:pointer;}
.leader_labels .add.not i:before{ background-color:#ccc;}
.leader_labels .guard.not i:before{ background-color:#ccc;}
.leader_labels .complain.not i:before{ background-color:#444;}
.leader_labels .sales.not i:before{ background-color:#ccc;}
.leader_labels .popover ul{margin:0;padding: 0;}
.leader_labels .popover ul li{margin:4px 0;padding: 0;list-style-type: none;min-height: 17px;border-bottom: 0;background-color: #fff;}
.leader_labels .popover ul li:hover{background-color:#fff;}
.leader_labels .popover ul li a{color: #3286cf;}

/*leader star*/
.leader_star_bg,.merchant_star_bg,.designer_star_bg{ display:inline-block; width:54px; height:11px; overflow:hidden; vertical-align:middle; position:relative; background-image:url(/assets/images/leader/leader_star.png); background-position:0 0; background-repeat:no-repeat;}
.leader_star_bg .leader_star,.merchant_star_bg .merchant_star,.designer_star_bg .designer_star{ position:absolute; top:0; left:0; width:auto; height:11px; overflow:hidden;background-image:url(/assets/images/leader/leader_star.png); background-position:0 -11px; background-repeat:no-repeat;}

/* merchant tags*/
.merchant_tags{position: relative;}
.merchant_tags>div{ display:inline-block; margin-right:2px; color:#666;}
.merchant_tags>div.popover{display: none;}
.merchant_tags i {display: inline-block;margin-right: 4px;position: relative;vertical-align: middle;top: -2px;font-style: normal;color: #FFF;text-align: center;}
.merchant_tags i:before {display: block;width: 16px;height: 16px;line-height: 16px;font-size: 12px;}
.merchant_tags .factory i:before {content: "厂";background-color: #85B1EF;}
.merchant_tags .reseller i:before {content: "代";background-color: #85B1EF;}
.merchant_tags .guard i:before {content: "保";background-color: #EE9D51;}
.merchant_tags .complain i:before {content: "诉";background-color: #444;}
.merchant_tags .complain.not i:before {content: "诉";background-color: #75DA84;}
.merchant_tags .tuan i:before {content: "团";background-color: #DF5657;}
.merchant_tags .popover ul {margin: 0;padding: 0;}
.merchant_tags .popover ul li {margin: 4px 0;padding: 0 0 0 30px;list-style-type: none;min-height: 20px;border-bottom: 0; background-color: #fff;position: relative;}
.merchant_tags .popover ul li i {position: absolute;left: 0;top: 0;}
.merchant_tags .popover ul li:hover{background-color: #fff;}


/* designer tags*/
.designer_tags{position: relative;}
.designer_tags>div{ display:inline-block; margin-right:2px; color:#666;}
.designer_tags>div.popover{display: none;z-index: 1;}
.designer_tags i {display: inline-block;margin-right: 4px;position: relative;vertical-align: middle;top: -2px;font-style: normal;color: #FFF;text-align: center;}
.designer_tags i:before {display: block;width: 16px;height: 16px;line-height: 16px;font-size: 12px;}
.designer_tags .graph i:before{content:"图";background-color: #85B1EF;}
.designer_tags .render i:before{content:"效";background-color: #ef85a0;}
.designer_tags .guard i:before {content: "保";background-color: #EE9D51;}
.designer_tags .complain i:before {content: "诉";background-color: #444;}
.designer_tags .complain.not i:before {content: "诉";background-color: #75DA84;}
.designer_tags .graph.not i:before{background-color:#ccc;}
.designer_tags .render.not i:before{background-color:#ccc;}
.designer_tags .guard.not i:before {background-color:#ccc;}
.designer_tags .popover ul {margin: 0;padding: 0;}
.designer_tags .popover ul li {margin: 4px 0;padding: 0 0 0 30px;list-style-type: none;min-height: 20px;border-bottom: 0; background-color: #fff;position: relative;}
.designer_tags .popover ul li i {position: absolute;left: 0;top: 0;}
.designer_tags .popover ul li:hover{background-color: #fff;}

/* QQ chat */
.izl-rmenu{position:fixed; right:0; bottom:40px; padding-bottom:61px;z-index:1001; }
.izl-rmenu .b{width:60px; height:60px;background-color:#404144; color:#fff; text-align:center; margin-bottom:1px;  position:relative; display:block;}
.izl-rmenu .b:hover{  background-color:#4bacff;}
.izl-rmenu .b i{ display:block; height:40px; line-height:40px; font-size:24px;}
.izl-rmenu .b p{ display:block; line-height:14px; font-size:12px; margin:0;}
.izl-rmenu .btn-wx .qrcode{background-color:#4bacff; position:absolute; width:120px; left:-120px; top:0px; line-height:40px; color:#FFF; font-size:18px; text-align:center; display:none;padding:10px;}
.izl-rmenu .btn-wx .qrcode p{margin-top:7px;text-align: center;}
.izl-rmenu .btn-qrcode .qrcode{background-color:#4bacff; position:absolute; width:120px; left:-120px; top:0px; line-height:40px; color:#FFF; font-size:18px; text-align:center; display:none;padding:10px;}
.izl-rmenu .btn-qrcode .qrcode p{margin-top:7px;}
.izl-rmenu .btn-qq .qq{cursor:default;background-color:#4bacff; position:absolute; padding:10px; width:180px; left:-180px; top:0px;color:#FFF; display:none; text-align:left;}
.izl-rmenu .btn-qq .qq span{ font-size:12px;}
.izl-rmenu .btn-qq .qq a,.izl-rmenu .btn-qrcode .qrcode a{ color:#fff;}
.izl-rmenu .btn-qq li:last-child { padding-bottom:0;}
.izl-rmenu .btn-phone .phone{background-color:#4bacff; position:absolute; width:160px; left:-160px; top:0px; line-height:40px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-phone .phone p{ font-size:12px; line-height:12px; height:20px; margin:0;}
.izl-rmenu .btn-top{ display:none; cursor:pointer;}

/*mobile float bar*/
#mobile_floatbar{ position:fixed; right:10px; left:10px; bottom:110px; z-index:8; height:0;}
#mobile_floatbar .menu{ position:relative; right:0;left:0;bottom:0;}
#mobile_floatbar .menu .switch{border:2px solid #404144;}
#mobile_floatbar .menu .switch i{top:6px; left:6px;}
#mobile_floatbar a{position:absolute; background-color:#404144; color:#fff;box-shadow: 2px 2px 4px rgba(0,0,0,.05);-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.05);-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.05);width:40px; height:40px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;z-index:900; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; }
#mobile_floatbar a i{ position:absolute;width:24px; height:24px; top:8px; left:8px; font-size:24px; overflow:hidden; text-align:center;}
#mobile_floatbar .switch{ top:0;right:0; z-index:910;}
#mobile_floatbar .basket{ top:0;left:0;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;background-color: #59b200;}
#mobile_floatbar .basket span{position: absolute;width: 20px;height: 20px;line-height: 16px;text-align: center;border: 2px solid #fff;background-color: #F1992D;color: #fff;top: 0;right: 0;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;font-style: normal;}
#mobile_floatbar .basket.active{background-color: #59b200;}
#mobile_floatbar .basket.active span{background-color: #F1992D;}
#mobile_floatbar .qq,#mobile_floatbar .tel,#mobile_floatbar .up{top:0;right:0;opacity:0;filter:alpha(opacity=0);}
#mobile_floatbar .menu.opened .switch{ background-color:#fff; color:#4bacff !important; border:2px solid #4bacff;}
#mobile_floatbar .menu.opened .qq{ top:-60px;right:0;opacity:1;filter:alpha(opacity=100); background-color:#4bacff;}
#mobile_floatbar .menu.opened .tel{ top:-40px;right:40px;opacity:1;filter:alpha(opacity=100); background-color:#4bacff;}
#mobile_floatbar .menu.opened .up{top:0;right:60px;opacity:1;filter:alpha(opacity=100);background-color:#4bacff;}

/*weixin tip*/
.weixin_tip{ background-color:#EBF6FF; border: 1px solid #4bacff;padding:10px; position:fixed; top:15px; left:10px; right:10px; color:#222; z-index:99999;box-shadow: 1px 1px 4px rgba(0 , 0, 0,.2);}
.weixin_tip:after{ position:absolute; content:""; border-width:10px; border-style:solid; border-color: transparent transparent #EBF6FF transparent; right:10px; top:-20px; }
.weixin_tip:before{ position:absolute; content:""; border-width:12px; border-style:solid; border-color: transparent transparent #4bacff transparent; right:8px; top:-24px;}
.weixin_tip .fa-ellipsis-v{ margin:0 5px;}
.weixin_tip span{ color:#4BACFF;font-weight:bold;}
.weixin_tip i.safari{ background:url(../images/icon_safari.png) no-repeat; background-size:14px 14px; width:14px; height:14px; display:inline-block; vertical-align:middle;}

/*login modal*/
.modal_login .wx_login{text-align: center;}
.modal_login .wx_login h3{font-weight: normal;margin-bottom: 20px;font-size: 14px;}
.modal_login .wx_login h3 .fa{color: #59b200;}
.modal_login .wx_login .qrcode{ width: 140px;height: 140px;padding: 5px;border:1px solid #ddd;margin: 0 auto;}
.modal_login .wx_login .qrcode img{width: 100%;}
.modal_login .wx_login .help{margin: 10px auto; color:#999; font-size:12px; position:relative;text-align: center;}
.modal_login .wx_login .help_img{ position:absolute; bottom:20px; left:40px;}
.modal_login .user_login{padding-top: 15px;}
.modal_login .user_login .form-control-feedback{ font-size:16px; height:20px; line-height:20px; top:10px;}
.modal_login .user_login .input-group-addon{color: #999;font-size: 18px;line-height: 20px;}
.modal_login .user_login .form-group .alert{ border-radius:0; border:0; margin-bottom:0;}
.modal_login .user_login .links{text-align: right;}
.modal_login .user_login .links{color: #999;font-size: 12px;margin-top: 20px;}
.modal_login .user_login .links a{color: #999;}
.modal_login .user_login .links a.reg{color:#4bacff ;}
.modal_login .user_login .form-group .input-group{position:relative;}
.modal_login .user_login .form-group .input-group .input-group-addon .fa{width:12px;}
.modal_login .user_login .form-group .input-group button{position:absolute;right:4px;top:4px;height:34px;line-height:34px;border-radius:3px;width:86px;background-color:#fff;z-index: 2;border:1px solid #ccc;padding:0;}
.modal_login .user_login h3{margin: 0;margin-bottom: 18px;text-align: center;font-weight: normal;font-size: 20px;}
.modal_login .weixin_login .qrcode span{ display:block; color:#999; font-size:12px;position:relative;text-align: center;}
.modal_login .weixin_login .weixin_help{ position:absolute; bottom:20px; left:60px;}
.modal_login .weixin_login .weixinlogin_container{text-align:center;}

/*floatCalc*/
.floatCalc{background-color: rgba(0,0,0,.7);background-color: #999 \9;position: fixed;bottom: 0;left: -100%;z-index: 9;width: 100%;min-width:1220px;}
.floatCalc .wrap{padding: 0 15px;height: auto;margin: 0 auto;display: none;}
.floatCalc .wrap .fontPng{margin-top: 16%;}
.floatCalc .wrap .bottom_calc{height: 390px;border: 1px solid #eee;border-top: 2px solid #666;-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1); box-shadow: 0 2px 6px rgba(0,0,0,0.1);padding: 15px;}
.floatCalc .wrap .bottom_calc h2{text-align: center;font-size: 20px;margin: 0 0 8px;}
.floatCalc .wrap .bottom_calc h3{font-weight: normal;font-size: 12px;color: #666;margin: 0 0 20px;text-align: center;}
.floatCalc .wrap .bottom_calc .num{font-size: 12px;margin: 20px 0 0;text-align: center;}
.floatCalc .wrap .bottom_calc .num span{color: #f1992d;}
.floatCalc .wrap .bottom_calc .form-control{font-size: 12px;}
.floatCalc .wrap .bottom_calc{height: auto;overflow: hidden;border: none;background-color: rgba(0,0,0,.3);background-color: #999 \9;padding-bottom: 0px;padding-right: 160px;position: relative;}
.floatCalc .wrap .bottom_calc .cal-btn{position: absolute;right:0;top: 0;width: 160px;height: 157px;background: url('/assets/images/misc/cal-btn.png') no-repeat center center;}
.floatCalc .wrap .bottom_calc .cal-btn .btn{border-radius: 50%;width: 85px;height: 85px;outline: none;text-align: center;font-size: 20px;margin-top: 37px;margin-left: 39px;}
.floatCalc .bottom_calc .fa,.floatCalc .bottom_calc .alert{display: none;margin: 0;padding: 0;font-size: 12px;border: none;color: red;background-color: rgba(0,0,0,0);position: absolute;}
.floatCalc .fa{display: block;top: 10px;}
.floatCalc .wrap .apps {text-align: center;}
.floatCalc .wrap .apps .close{width: 25px;height: 25px;font-size: 24px;color: #fff;font-weight: 100;opacity:.5;filter:alpha(opacity=50)}
.floatCalc .wrap .apps .close:hover{opacity:.9;filter:alpha(opacity=90)}
.floatCalc .wrap .apps a{display: inline-block;width: auto;height: 153px;overflow: hidden;padding-top: 10px;}
.floatCalc .wrap .apps p{color: #FFFFFF;text-align: center;}
.floatCalc .wrap .apps img{width: 125px;}
.floatCalc .open{position: fixed;left: 0;bottom: 20px;cursor: pointer;}

/*calc-result*/
.modal-calc {width: 375px;}
.modal-calc .wrap h2 {margin: 15px auto 20px;text-align: center;}
.modal-calc .wrap h2 .total_price{padding: 0 10px;color: red;}
.modal-calc .wrap .price_content{border: 1px solid #ccc;}
.modal-calc .wrap .price_content .table{margin: 0;text-align: center;}
.modal-calc .wrap .price_content ul{padding:30px 0;margin: 0px;font-size: 16px;background-color: #fff;}
.modal-calc .wrap .price_content ul li{list-style: none;height: auto;overflow: hidden;float: left;width: 50%;}
.modal-calc .wrap .price_content ul li span{color: #999;font-size: 12px;display: block;font-weight: normal;text-align: center;line-height: 1.5;}
.modal-calc .wrap .price_content ul li .price_lable{text-align: center;height:40px;font-weight: bold;margin-bottom: 20px;}
.modal-calc .wrap .price_content ul li p{height: 50px;text-align: center;}
.modal-calc .wrap .price_content ul li p strong{font-size: 18px;color: red;}
.modal-calc .wrap .price_content .btn{width: 100px;margin-bottom: 15px;}
.modal-calc .wrap .price_content .fuliao .btn{border-color: #3ab06e;color: #3ab06e;}
.modal-calc .wrap .price_content .fuliao .btn:hover{background-color: #3ab06e;color: #fff;}
.modal-calc .wrap .price_content .design .btn{border-color: #42acfb;color: #42acfb;}
.modal-calc .wrap .price_content .design .btn:hover{background-color: #42acfb;color: #fff;}
.modal-calc .wrap .server {text-align: center;}
.modal-calc .wrap .server .icon{border: 2px solid transparent;border-radius: 50%;width: 70px;height: 70px;line-height: 65px;margin-top: 15px;}
.modal-calc .wrap .server .icon .iconfont{font-size: 40px;}
.modal-calc .wrap .server .ms-leader{color: #1aaa5e;border-color:#1aaa5e;}
.modal-calc .wrap .server .ms-designer{color: #4bacff;border-color:#4bacff;}
.modal-calc .wrap .server .ms-material{color: #f77b00;border-color:#f77b00;}
.modal-calc .wrap .server .ms-onestop{color: #8948ca;border-color:#8948ca;}
.modal-calc .wrap .btn-warning{width: 110px;margin: 10px auto;display: block;}
.modal-calc .wrap .tip{color: #999;margin-top: 10px;text-align: center;font-size: 12px;}


@media (max-width: 768px) {
	.footer .links{ margin-bottom:30px;}
	.footer .links h3{ font-size:14px;}
	.header .menu{ display:block; margin:0;}
}
@media (max-width: 480px) {
	.index_deco_main>.row{ margin:0;}
	.header .logo {width: 110px;background-image: url(../images/index_head_logo.png);background-image: -webkit-image-set(url('../images/index_head_logo.png') 1x, url('../images/index_head_logo@2x.png') 2x);}
}