/* 
* @Author: anchen
* @Date:   2016-04-11 09:42:44
* @Last Modified by:   anchen
* @Last Modified time: 2016-04-12 15:34:44
*/


.content{width: 100%; background: #fff;}

.contentBottom{ background: #fff;}
.contentBottom ul{overflow: hidden; width: 100%; border-top: 1px solid #e0e0e0; color: #616161;}
.contentBottom ul li{width: 50%; float: left; text-align: center; border-right: 1px solid #e0e0e0; box-sizing: border-box; color:#616161; font-size: 15px; line-height: 24px; padding:10px 0;} 
.contentBottom ul li span{width: 10px; height: 10px; margin-right: 5px; border-radius: 50%; display:inline-block;} 


.btn{width: 100%; padding:50px 10px; box-sizing: border-box;}
.btn button{width: 100%; height: 38px; line-height: 38px; margin-top: 20px; font-size: 16px; color:#fff; border-radius: 5px;}


.header{width: 100%; color:#313131; text-align: center; border-bottom: 1px solid #e0e0e0; height: 35px; line-height: 35px; background: #fff; font-size: 15px;}
.header span{
    width: 6px;
    height: 6px;
    border-top: 1.5px solid #fe5600;
    border-right: 1.5px solid #fe5600;
    margin-left: 8px ;
    -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); display:inline-block;}

.tab{background: #fff; width: 100%; display:block;}
.tab ul{width: 100%; overflow:hidden;}
.tab ul li{width: 25%; float:left; text-align: center; color:#313131; margin:7px 0; box-sizing: border-box; border-right: 1px solid #e0e0e0; font-size: 15px;}

.section .show{display:block;}

.main{background: #fff; width: 100%; margin-top:10px; display:none;}
.mainOne{border-bottom: 1px solid #dadada; font-size: 15px; padding:10px 0;}
.mainOne ul{overflow:hidden; position: relative; height: 40px;}
.mainOne ul li{float:left;}
.liOne{padding:0 12px; color:#acacac; text-align: center; position:absolute; left:0; top:0;}
.liTwo{width: 40px; padding-right: 12px; position:absolute; left:64px; top:0;}
.liThree{width: 100%; padding-left: 116px; box-sizing: border-box;}
.liThree p{text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.mainOne ul li img{display:inline-block;}
.tab ul li.current{color:#fe5600;}



.contentTop{height: 200px; margin: auto; padding:30px 0; width: 200px;}

.circle {
    width: 200px;
    height: 200px;  
    position: absolute;
    border-radius: 50%;
    background: #fe5600;
}
.pie_left, .pie_right {
    width: 200px; 
    height: 200px;
    position: absolute;
    top: 0;left: 0;
}
.left, .right {
    display: block;
    width:200px; 
    height:200px;
    background:#fddb58;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.pie_right, .right {
    clip:rect(0,auto,auto,100px);
}
.pie_left, .left {
    clip:rect(0,100px,auto,0);
}
.mask {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    left: 20px;
    top: 20px;
    background: #FFF;
    position: absolute;
    text-align: center;
    line-height: 28px;
    font-size: 16px;
    padding-top: 36px;
    box-sizing: border-box;
    font-size: 18px;
}
.mask il{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display:block;
   margin-top: 10px; 
}