﻿@charset "utf-8";
/* CSS Document */

*{ box-sizing:content-box}/*解决导航栏样式与bootstrap样式的冲突*/
.print_flow{ width:100%; height:60px; margin-bottom:20px;}
.print_flow img{width: 100%;}
#dropdown_shop{ width:100%; height:120px; border:1px #ccc solid; border-radius:10px;}

.navbar{ width:1070px; height:70px; background-color:#fff;}
.navbar-default{ width:1070px; height:70px; margin-top:25px; margin-left:50px;}
.active{ width:270px; height:70px; border:1px #CCCCCC solid; border-radius:5px; margin-left:20px}
.active div{ float:left;}

.content_img { width:120px; height:70px;}
.content_img img{ width:120px; height:70px;}
.content_img1 { width:60px; height:70px;}
.content_img1 img{ width:60px; height:70px;}
.content_info ul{  margin-top:5px;}
.content_info{ width:120px; height:70px; border-right:1px #CCC solid}
.content_info ul li{ text-align: center; font-size:12px;}

.content_info1{ width:70px; height:70px; border-right:1px #CCC solid}
.content_info1 ul li{ text-align: center; font-size:18px; line-height:70px;}
.info_price{  color:red;}
.content_btn{ width:28px; height:70px;}
.content_btn1{ width:160px; height:70px; font-size:20px; text-align:center; line-height:65px;}
.shop_unit{ width:80px; height:70px;}
.unit_Z{ width:80px; height:30px; border-bottom:1px #ccc solid; line-height:30px; color:#999}
.unit_E{ width:80px; height:40px; line-height:40px;}
.shop_unit li{ text-align:center}
.content_btn img{width:20px; margin-top:25px; margin-left:4px}
#materials_list{ width:420px; margin-left:50px; margin-top:20px;}
#materials_list ul li{
		 
		  width:60px;
		  height: 30px;
		  float:left;
		  margin-left:20px;
		  line-height: 30px;
		  text-align: center;
		  cursor: pointer;
		  border-radius:5px;
		  border: 1px #ccc solid;
		 
	  }
#materials_list ul li:hover{ border:1px #526ddc solid}	  
	  #materials_content{
		  clear: both;
		  width:580px;
		  height: 200px;
		 
		  
		 
	  }
	  
	  .materials_info{
		  display:none;
	  }
	  .materials_add{
		  display:block;
	  }
	  
	  #materials_focus{
		   margin: 10px auto;
		  width:600px;
		  height: 200px;
		  position:relative
	  }
	  .materials_li{
		
		  width:600px;
		  height:200px;
		  
		  overflow: hidden;
		 
	  }
	  .materialsBox{
		  width:470px; height:180px; margin-left:65px; margin-top:30px;
	  }
	  .materialsBox img{ width:110px; height:60px; margin-left:15px; margin-top:10px;}
	  .materialsBox p{ font-size:12px; text-align:center; margin-top:5px;}
	  .materialsBox div{ width:140px; height:120px; float:left; border:1px #ccc solid; border-radius:5px;}
	  .materialsBox-mid{ margin-left:20px; margin-right:20px;}
	  .li-list{
		  position: absolute;
		  top: 0px;
		  left: 0px;
	  }
	  
	  .materialsFocus-btn{
		  width:20px;
		  height: 20px;
		  position: absolute;
		  top:80px;
		  cursor: pointer;
	  }
	  .btn1{ left:20px;}
	   .btn2{ right:20px;}
.materialsFocus-btn img{ width:20px; height:20px;}

.KX-SX{ width:200px; height:150px;}
.KX-SX div{ width:70px; height:80px; border:1px #ccc solid; border-radius:5px; margin-left:18px; margin-top:20px;  cursor:pointer}
.KX-SX img{ width:40px; height:40px; margin-left:15px; margin-top:10px;}
.KX-SX div:hover{ border:1px #526ddc solid}
.KX-SX p{ text-align:center}
.format{ width:200px; height:150px;}
.specific_info{ width:100%; margin-top:75px; overflow:hidden; margin-bottom: 60px;}

.question3D,.service3D,.activity3D{ width:380px; min-height:410px; border:1px #ccc solid; border-radius:10px;} 
.service3D{ margin-left:27px; margin-right:27px;}
.question_list,.service3D_list{ width:100%;}
.question_list ul,.service3D_list ul{ width:300px; margin:auto;}
.question_list ul li,.service3D_list ul li{ width:300px; margin-bottom:10px;}
.info3D{ float:left;}