.ring {
    width: 120px;
    height: 120px;  
    position: absolute;
    border-radius: 50%;
    background: #eee;
    behavior: url(../js/PIE.htc);
}
.ring_left, .ring_right {
    width: 120px; 
    height: 120px;
    position: absolute;
    top: 0;left: 0;
}
.pie_left_wrap, .pie_right_wrap {
    width:120px; 
    height:120px;
    position: absolute;
    top:0;left:0;	
}
.pie_left, .pie_right {
    display: block;
    width:120px; 
    height:120px;
    position: absolute;
    top: 0;
    left: 0;
/*  border-radius: 50%;
    behavior: url(../js/PIE.htc);
*/
}
.via_bgl {
	background-image:url(./images/vial.png)
}
.via_bgr {
	background-image:url(./images/viar.png)
}
.wuxing_bgl {
	background-image:url(./images/wuxingl.png)
}
.wuxing_bgr {
	background-image:url(./images/wuxingr.png)
}
.wuge_bgl {
	background-image:url(./images/wugel.png)
}
.wuge_bgr {
	background-image:url(./images/wuger.png)
}

.ring_right  {
	clip:rect(0 auto auto 60px);/*IE4-IE7*/
    clip:rect(0,auto,auto,60px);
}
.ring_left {
	clip:rect(0 60px auto 0);/*IE4-IE7*/
    clip:rect(0,60px,auto,0);
}

.mask {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    left: 15px;
    top: 15px;
    background: #FFF;
    position: absolute;
    text-align: center;
    line-height: 90px;
    font-size: 24px;
    behavior: url(../js/PIE.htc);
}

.pot {
    width: 116px;
    height: 116px;  
    position: absolute;
    border-radius: 50%;
    background: #FFF;
    border:2px solid #37adb9;
    behavior: url(../js/PIE.htc);
}

.pot_bg{
	top:6px;left:6px;
    width: 100px;
    height: 100px;  
    position: absolute;
    border-radius: 50%;
    background: #dad4d4;
    behavior: url(../js/PIE.htc);
}
.pot_fill_wrap{
    width: 100px;
    height: 100px;  
    position: absolute;
}
.pot_fill{
    width: 100px;
    height: 100px;  
    position: absolute;
    border-radius: 50%;
    behavior: url(../js/PIE.htc);
}
.pot_value{
	position: absolute;
    width: 116px;
    height: 116px;  
    text-align: center;
    line-height: 116px;
    font-size: 24px;
	color:#FFF;
}
.sex_container {
	postion:relative;
	width:500px;
	height:87px;
	margin:20px auto;
}
.sex_bg_male,.sex_bg_female{
	position:absolute;
	width:500px;
	height:87px;
	background-repeat:repeat-x;
}
.sex_bg_male{
	background-image:url(./images/male.png);
}
.sex_bg_female{
	background-image:url(./images/female.png);
}
@media(max-width:719px){
	.sex_container{
		height:43px;
		width:250px;
	}
	.sex_bg_male,.sex_bg_female{
		height:43px;
		width:250px;
	}
	.sex_bg_male{
		background-image:url(./images/male_xs.png);
	}
	.sex_bg_female{
		background-image:url(./images/female_xs.png);
	}
}