@charset "utf-8";
/*===== 样式重置 =====*/
    html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,fieldset,button,input,textarea,th,td{margin:0;padding:0;}

    body{background-color:#f2f2f2;}

    body,button,input,select,textarea,fieldset,label{font:12px/1.5 "Microsoft Yahei","Lucida Grande",tahoma,arial,\5b8b\4f53; color:#666;}

    h1,h2,h3,h4,h5,h6{font-size:100%;}

    ul,ol{list-style:none;}

    fieldset,img{border:0 none;}

    img{-ms-interpolation-mode:bicubic;margin:0;padding:0;border:none;}

    i,em{font-style:normal;}

    table{border-collapse:collapse; border-spacing:0;}

    input,select,textarea,button{font-size:100%; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
    button,
    input[type=button],
    input[type=submit]{cursor:pointer;}
    input[type=search]{-webkit-appearance:textfield;}
    textarea{overflow-y:auto; resize:vertical;}
    a{text-decoration: none;}
    
    /*===== 清除浮动 =====*/
    .clear,
    .clearfix{zoom:1;}
    .clear:after,
    .clearfix:after{
        content:' ';
        display:block;
        clear:both;
        height:0;
        visibility:hidden;
    }
    .fl{float: left}
    .fr{float: right}
    /*===== 通用css=====*/

    .c_purple{color:#8c7fee;}

/*=========头部========*/
body{padding:0 45px;}
.header{width: 100%;margin:0 auto;}

.toolbar{padding:28px 0 21px;width: 100%;margin: 0 auto;height:95px; -webkit-box-sizing:border-box;box-sizing:border-box;}
    .toolbar .logo{float: left;}
    .toolbar .logo a{display: block;font-size: 0}
    .toolbar .nav{float: right;padding-top: 16px}
        .toolbar .nav_a{float:left;color:#8c7fee;font-size:18px;margin-left:35px;}
        .toolbar .nav_a:hover{text-decoration: underline;}
/*=========内容=========*/        
.content{width: 100%;margin:0 auto ;background-color: #fff;border-spacing: 0;border-collapse: collapse;}
.title{font-size: 24px;color:#666666;text-align: center;font-weight: 400;line-height: 72px;border:1px solid #dcdcdc; border-bottom:none;}
.table{font-size:20px;width: 100%;border: 1px solid #ddd;}  
    .table thead td{vertical-align: middle;text-align: center;background-color:#8c7fee;color:#fff;height: 50px;border:1px solid #dcdcdc;padding:0 15px;}
    .table tbody td{font-size:16px;vertical-align: middle;text-align: center;border:1px solid #dcdcdc;padding:15px;color:#666666;}  

/*flip*/
.flip{text-align: center;font-size: 13px;margin-top: 15px}
    .flip_box{display: inline-block;}
        .flip_prev,.flip_next{position:relative;width: 40px;height: 40px;border:1px solid #b4b4b4;background-color: #f6f6f6}
        .flip_prev:after{content: "";position: absolute;left:50%;top:50%;margin-top:-10px;margin-left:-7px;width: 0;height: 0;border-width: 10px 10px 10px 0;border-style: solid;border-color:transparent;border-right-color:#919191;}
        .flip_label{line-height: 40px;padding:0 8px;}
        .flip_next:after{content: "";position: absolute;left:50%;top:50%;margin-top:-10px;margin-left:-3px;width: 0;height: 0;border-width: 10px 0 10px 10px;border-style: solid;border-color:transparent;border-left-color:#919191;}
        .flip_input{display:block;width: 72px;box-sizing:border-box;height:40px;font-size:13px;padding:8px 0;text-align: center;margin-left:20px;border:1px solid  #b4b4b4;}
        .flip_input:focus,.flip_btn:focus{outline: none;border-color: #8c7fee;}
        .flip_btn{height: 40px;box-sizing:border-box;font-size: 13px;width: 50px;background-color:#f6f6f6;border:1px solid #b4b4b4;}
        .flip_number{line-height: 40px;margin-left:20px;}

.mod_tips{position: fixed;_position: absolute;pointer-events: auto;z-index: 1001;width: 200px;top:50%;left:50%;margin-left:-100px;margin-top:-122.5px;background-color: #000;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: .3s;animation-duration: .3s;color:#fff;background-color: #000;opacity: 0.6;filter: alpha(opacity=60);font-size: 16px;padding:20px;text-align: center;}