@charset "utf-8";
/*
 *base.css <网站的公用样式表>
 *AUTHOR:TANGFEI
 *DATE:2015-07-07
 *VESION:1.0
**/

/*让英文分行显示*/
*{
	word-wrap:break-word;
	/*如果布局手机端或者响应式布局请开启*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;/*火狐*/
	-webkit-box-sizing:border-box;/*webkit浏览器*/
}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*去除所有标签内的外和内边距*/
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
body {
	font:14px "Microsoft YaHei","宋体",Arial,sans-serif; /*需要修改*/
	text-align: left; 
	background:#ededed; /*需要修改*/
	color:#959595; /*需要修改*/
	text-align: left; 
}

/*网站的可视宽度*/
.container {
	width: 1000px; /*需要修改*/
	margin: 0 auto;
}

/*a标签的样式*/
a{color:#333;} /*需要修改*/
a:hover{color:#238EC4; text-decoration:none;} /*需要修改*/

/*重置标签的一些样式*/
a{text-decoration:none;}
ul,ol,dl{list-style-type:none}

/*浮动*/
.fl{float:left; display:block;}
.fr{float:right; display:block;}
/*清除浮动*/
.clearfix,.container,.dys-row{*zoom:1;} /*解决ie6/7下面的浮动塌陷问题*/
.clearfix:before,.clearfix:after,.dys-row:before,.dys-row:after,.container:before,.container:after {display:table; line-height:0; content:"";} /*display:table;解决其他下面的浮动塌陷问题,line-height是将添加的内容高度设为0；*/
.clearfix:after,.dys-row:after,.container:after{clear:both;}/*清楚浮动*/

/*去除图片的边框*/
img{border:none;}

/*隐藏*/
.tf-hidden{
	display: none;
}

/*文字*/
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}

/*定位*/
.pr{position:relative;}
.pa{position:absolute;}

/*特殊文字颜色*/
.red{color:red;}
.green{color:#83BA20;}
.orange{color:#F48921;}
.blue{color:#20AEFF;}
.pink{color:#FF679A;}

/*特殊字体大小*/
.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}

/*基本样式*/
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}

/*
 * 栅格系统 一共分为12格
 * 结构：
 *    <div class="dys-container">
 * 		  <div class="dys-row">
 * 			   <div class="dys-col-sm-12">
 *             
 *             </div>
 *        </div>
 *    </div>
 * 
 * 为什么dys-row要和dys-container配合使用？
 * 答： 因为dys-container有padding    dys-row是把padding值给抵消掉；
 */
.dys-container{
	padding-left:15px;
	padding-right:15px;
}

.dys-row{
	margin-left:-15px;
	margin-right:-15px;
}

[class *= 'dys-col-sm-'],[class *= 'dys-col-md-'],[class *= 'dys-col-lg-']{
	padding-left:15px;
	padding-right:15px;
	float:left;
	margin-bottom: 15px;
}

/*响应式图片*/
.dys-img-responsive{
	display: block;
    height: auto;
    width: 100%;
}

/*转盘样式*/
.zp{
	position: absolute;
	left:0px;
	top:50%;
	z-index: 3;
	width: 100%;
	min-width: 300px;
	height: 223px;
	margin-top: -111px;
}
.zz .pointer{
	min-width: 300px;
	max-width: 400px;
	height: auto;
    width: 100%;
}
.zp img{
	width: 123px;
	height: 223px;
	cursor:pointer;
}
.input{
	font-size: 16px;
}
.input input{
	border:1px solid #ddd;
	width: 200px;
	padding: 10px 2px;
}

/*
 * 媒体查询计算宽度
 * 在不同的分辨率下面显示不同的宽度
 * 手机端0 - 640px    平板端641px  电脑端1025px
 */

/*手机端*/
.dys-col-sm-1 {width: 8.33333%;}
.dys-col-sm-2 {width: 16.6667%;}
.dys-col-sm-3 {width: 25%;     }
.dys-col-sm-4 {width: 33.3333%;}
.dys-col-sm-5 {width: 41.6667%;}
.dys-col-sm-6 {width: 50%;     }
.dys-col-sm-7 {width: 58.3333%;}
.dys-col-sm-8 {width: 66.6667%;}
.dys-col-sm-9 {width: 75%;     }
.dys-col-sm-10{width: 83.3333%;}
.dys-col-sm-11{width: 91.6667%;}
.dys-col-sm-12{width: 100%;    }
	
/*平板端641px*/
@media only screen and (min-width:641px){
	.dys-col-md-1 {width: 8.33333%;}
	.dys-col-md-2 {width: 16.6667%;}
	.dys-col-md-3 {width: 25%;     }
	.dys-col-md-4 {width: 33.3333%;}
	.dys-col-md-5 {width: 41.6667%;}
	.dys-col-md-6 {width: 50%;     }
	.dys-col-md-7 {width: 58.3333%;}
	.dys-col-md-8 {width: 66.6667%;}
	.dys-col-md-9 {width: 75%;     }
	.dys-col-md-10{width: 83.3333%;}
	.dys-col-md-11{width: 91.6667%;}
	.dys-col-md-12{width: 100%;    }
}

/*电脑端1025px*/
@media only screen and (min-width:1025px){
	.dys-col-lg-1 {width: 8.33333%;}
	.dys-col-lg-2 {width: 16.6667%;}
	.dys-col-lg-3 {width: 25%;     }
	.dys-col-lg-4 {width: 33.3333%;}
	.dys-col-lg-5 {width: 41.6667%;}
	.dys-col-lg-6 {width: 50%;     }
	.dys-col-lg-7 {width: 58.3333%;}
	.dys-col-lg-8 {width: 66.6667%;}
	.dys-col-lg-9 {width: 75%;     }
	.dys-col-lg-10{width: 83.3333%;}
	.dys-col-lg-11{width: 91.6667%;}
	.dys-col-lg-12{width: 100%;    }
}