/************通用样式************/

/*初始化*/
#top_html{background: #f2f2f2;}
body{overflow: auto;}
body,button, input, select, textarea {margin:0;font-size: 14px;font-family: "Microsoft Yahei";color: #696969;}
a,a:link, a:visited {text-decoration: none;color: #696969;}
ul, ol, li, p {list-style: none;margin: 0;padding: 0;}
.clearfix:after{ height:0; visibility:hidden; content:"."; display:block; clear:both}

/****组件****/
.dv_wrap{background:#fff;border-radius: 3px;border: 1px solid #eaeaea;box-shadow: 0 2px 5px #dadada;}/*纸*/
.ctrl_title{border-bottom: 1px solid #d4d4d4;padding:10px 20px;font-size: 16px;background: #fdfdfd;}/*右边的顶部标题*/
/*表格*/
table{border-collapse: collapse;width:100%;font-size:12px;}
table tr:hover{background:antiquewhite;transition: all .2s ease-in-out;}
table th {text-align:left;background: #f5f5f5;font-weight: normal;padding: 4px;border-top: 1px solid #e7e7e7;color: #8a8a8a;}
table td {padding: 8px 2px;border-bottom: 1px solid #e7e7e7;vertical-align: middle;}

.table_cnt{padding:0 10px;margin-top: 10px;  }

/***表单工具***/
.form-group{margin:10px 0;}
.form-group p,.form-group label,.form-group .input_box,.form-group .control-label,.form-group .btn,.form-group .drop_box,.form-group .text-box,.form-group .Wdate{float:left;margin:10px;}
textarea,.form-group .input_box,.form-group .control-label,.form-group .drop_box,.form-group .text-box,.form-group .Wdate{width: 172px;border: 1px solid #a9a9a9;}
select{width:184px !important;}
/*竖排表单*/
.form-horizontal .input_box,.form-horizontal .control-label,.form-horizontal .btn,.form-horizontal .drop_box,.form-horizontal .text-box,.form-horizontal .Wdate{float:left;margin: 8px 0 0 0;}
.form-horizontal{margin:20px;}
.form-horizontal .form-group p,.form-horizontal .form-group label{width: 20%;float:left;margin: 8px 10px 0 0;font-weight: bold;}
.form-horizontal-l{width:60%;float:left;}
.form-horizontal-l .form-group p,.form-horizontal-l .form-group label {width: 40%;}
.form-horizontal-l .form_desc {float: right !important;margin-right: 16% !important;width: 80% !important;}
.form-horizontal-r {float: right;width: 40%;}
.form-horizontal-r p{text-align:left !important;}
.form-horizontal-r textarea{width: 80%; height: 200px;margin-top: 10px;}  
.form-horizontal-btn {margin-left: 10px;}
/*描述*/
.form-group p,.form-group label{padding-top:5px;}
.form-group .field-validation-error {color: red;float: left;padding: 10px 10px 0 10px;width: 40%;}
/*下拉框*/
.drop_box, .control-label{padding: 5px;border-radius: 2px;font-size: 12px;}
.wdrop_box {width:184px !important;}
/*输入框和按钮*/
.btn,input,.input_box,.text-box,textarea{font-size: 12px;border-radius: 2px;padding: 5px;background: white;border: 1px solid #a9a9a9;}
.btn{cursor:pointer;padding: 5px 16px;}
.btn:hover,.drop_box:hover, .control-label:hover{background:antiquewhite;}
.btn_confirm{background:#ff8a22;color:white;border: 1px solid #ff8a22;}
.btn_confirm:hover{background:#ffab60;}
.form_desc{font-size:12px;color:#a9a9a9;width: 70% !important;font-weight: normal !important;}
/*竖排按钮*/
.form-horizontal .btm_btn{margin: 20px auto;width: 50%;}
.form-horizontal .btm_btn .btn:first-child{float:left;}
.form-horizontal .btm_btn .btn:last-child{float:right;}
/*日期选择*/
.Wdate{font-size: 12px;border-radius: 2px;height:30px;border: 1px solid #a9a9a9;color:#696969;}

/*手风琴*/
.accordions{margin:20px 20px 10px 0;}
ul.accordion ul {display: none;}  
ul.accordion li {border-bottom: 1px solid #e7e7e7;cursor: pointer;margin-left:20px;}
ul.accordion li ul li{border:none;}
/*.accordion li:hover {background: antiquewhite;}*/
.accordion li a:first-child p{display:inline-block;width: 85%;line-height: 24px;padding: 5px 0;}
.accordion li a:first-child p:hover{background: antiquewhite;}
.accordion li .fa {float: left;line-height: 24px;padding: 5px 3px;}
.accordion li a:first-child {float: none;color: #696969;}
.accordion li a {/*float: right;*/line-height: 30px;padding: 15px 3px;}
.accordion li input[type=checkbox] {float: right;height: 24px;width: 16px;margin-top: 5px;}



.text-explode{color: #CCC;font-weight: normal;margin: 0px 4px;}/*文本分割*/

/************指定样式************/

/*登陆界面*/
.user_login {width: 1000px;margin: 100px auto;background: #f2f2f2;}
.login_title {border-bottom: 2px solid #FF9800;font-size: 20px;color: #828282;}
.login_title p, .login_title img{float: left;margin: 5px;}
.login_wrap {width: 400px;margin: 0 auto;padding: 20px;}
.login_wrap form{margin: 0 auto;width: 50%;}
.login_wrap .form-group {margin: 0;}
.login_wrap .form-group p,.login_wrap .form-group .text-box{margin: 5px;margin-left: 10px;}
.login_wrap .form-group .btn{margin: 10px 25%;width: 50%;}

/*导航*/
.header {
    background: #fff;
    box-shadow: 0 2px 5px #dadada;
    /*border-bottom: 4px solid #428bca;*/
}
.nav {width: 80%;margin: 0 auto;}
.nav img,.nav p{float:left;}
.nav  img {padding: 6px;}
.nav  p{margin: 8px;font-weight: 200;color: #828282;font-size: 30px;}
.user_info{float:right;margin-top: 20px;}

/****左边****/
.left_content{margin-right: 12%;}
    .left_content .left_meau {
        padding: 10px 20px;
        display: block;
        background: #428bca;
        color: white;
        font-size: 18px;
    }
.left_content ul li p { font-size: 12px;padding: 5px 10px;color: #8a8a8a;}
.left_content ul li a:hover, .left_content li a:focus{background: antiquewhite;}
.left_content ul li a {padding: 7px 20px; font-size: 14px;display: block;transition: all .2s ease-in-out;}
/*.left_content li:last-child a {border-bottom:none; margin-bottom:5px}*/
.left_content .accordion li a {padding: 2px 0px;}
/****右边****/
.right_content{font-size:12px;}
/*超链接样式*/
.right_content a:link,.right_content a:visited{color:#ff8a22;}
.right_content a:link:hover,.right_content a:visited:hover{text-decoration:underline;}
.page_link a{padding: 0 3px;display: inline-block;}
.page_link a.cpb {color: #8a8a8a;pointer-events: none;}/*当前页链接*/
.btm_link a{float:left;margin:16px 15px;background: #ff8a22;padding: 5px 8px;color: #fff !important;border-radius: 2px;}
.btm_link a:hover{background:#ffab60;text-decoration:none !important;}
.page_link{float:right;margin:16px 10px;}
.form-group .page_link {margin: 0;padding: 0;}

/*手牌查看*/
.cards {margin-top: 20px;}
.cards .topcards {margin: 0 1%;background: #f3f3f3;}
.cards .topcards h3 {float: left;margin: 30px 10px;}
.cards .topcards p {margin: 30px 10px;float: right;}
.cards .topcards img {float: right;margin: 10px;}
.cardli {float: left;width:31.3%;margin: 1%;text-align: center;background: #f3f3f3;}
.cardli .tbitem p {display: inline-block;margin-bottom: 10px;padding: 0 5px;}
.cardli .tbitem p:first-child {font-weight: bold;}
.cardli img {padding: 3px;}