@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;}
html,body{ height:100%;}
body{
	margin:0;
	padding:0;
	font-size:14px;
	font-family: "Microsoft YaHei";
	color:#333;
	background: #F3F4F8;
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,i,em{ margin:0; padding:0; list-style:none;font-style: normal;}
a img{ border:none;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none;}
input,textarea,button{ font-family: Microsoft YaHei; border: none; outline: none; padding: 0; margin: 0; background: transparent;}
.center{ width:1200px; margin:0 auto; text-align:left;}
.clear{ clear:both;}
.clearfix:after {content: "";display: block;clear: both;height: 0;}
.clearfix {zoom: 1;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none !important;}
.hide{ display:none;}
.hidden{ visibility:hidden;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc;} /* WebKit browsers */
input:-moz-placeholder,textarea:-moz-placeholder{color:#ccc;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc;} /* Internet Explorer 10+ */

/* sprite */
.col_left .spread_state li .item .ico, .col_left .shrink_state li .ico, .header .user_info .user .ico, .col_left .btn_toggle .ico, .pagination span, .pop_wrapper .pop_outer .pop_auth .pop_title .btn_close{background:url(../images/sprite.png) no-repeat;}

/* layout */
.wrapper{min-height: 100%; min-width: 1280px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column;}
.content{position:relative;}
.header{height: 64px; line-height: 64px; background: #fff; border-bottom: 1px solid #D3D3D3; position: fixed;left:0;right:0;z-index:123;}
.header .logo{display: inline-block; width: 154px; height: 40px; background:url(../images/logo.png) no-repeat; margin-left: 20px; vertical-align: middle;}
.header .txt{display: inline-block; font-size: 24px; color: #595555; margin:0 24px 0 10px; vertical-align: middle;}
.header .datetime{display: inline-block; font-size: 16px; color: #666; vertical-align: middle;}
.header .user_info{position: absolute; right: 0; top: 0; color: #333;}
.header .user_info .user{display: inline-block; height: 30px; line-height: 30px; padding-right: 20px; border-right: 1px solid #eee; vertical-align: middle;}
.header .user_info .user .ico{display: inline-block; width: 14px; height: 16px; background-position: -62px 0; margin-right: 10px; vertical-align: middle;}
.header .user_info .user span{font-size: 16px; vertical-align: middle;}
.header .user_info .logout{text-decoration: underline; vertical-align: middle; margin: 0 20px;}
.header .user_info .logout:hover{color: #5D9CEC;}
.container{ padding-bottom: 30px;min-width: 1280px;}
.container .col_left{border-right: 1px solid #D3D3D3; background: #fff; position: fixed;left:0;top:65px;bottom:0;z-index:3;}
.container .col_main{margin-left:200px;position:relative;padding-top:64px;}
.container .col_main.expand{margin-left:60px;}
.container .col_main.full{margin-left:0;}
.container .col_main.full .col_top{left:0;}
.col_top{
    font-weight:normal;background:#ffffff;font-size:22px;padding-left:32px;height:74px;line-height:74px;
    border-bottom:1px solid #D3D3D3;position:fixed;left:200px;right:0;top:64px;z-index:2;
}
.page .col_main.expand .col_top{border-left: 1px solid #D3D3D3;left:60px;}
.inner_cont{border:1px solid #D3D3D3;margin:90px 30px 0 30px;background:#ffffff;}
.inner_cont_title{border-bottom:1px solid #D3D3D3;font-weight:normal;font-size:16px;background:#F9FAFC;height:50px;line-height:50px;padding-left:18px;}

/* 左侧栏 */
.col_left .btn_toggle{position: absolute;z-index:3; top: 12px; right: -20px; width: 20px; height: 30px; background: rgba(178, 178, 178, 0.64); text-align: center; cursor: pointer;}
.col_left .btn_toggle .ico{display: inline-block; width: 11px; height: 11px; background-position: -36px 0; margin-top: 10px;}
.col_left .btn_toggle.shrink{top: 8px;}
.col_left .btn_toggle.shrink .ico{background-position: -49px 0;}
.col_left .spread_state{width: 200px; padding-top: 5px;}
.col_left .spread_state li{border-bottom: 1px solid #D3D3D3;}
.col_left .spread_state li:last-child{border-bottom: none;}
.col_left .spread_state li .item{position:relative;height: 42px; line-height: 42px; padding-left: 20px; color: #888;}
.col_left .spread_state li .item span a{position:absolute;right:0;height:42px;line-height: 42px;left:48px;}
.col_left .spread_state li .item.single{color: #333; cursor: pointer;}
.col_left .spread_state li .item.on{background: #5D9CEC; color: #fff;}
.col_left .spread_state li .item.on a{color:#ffffff;}
.col_left .spread_state li .item .ico{display: inline-block; width: 16px; height: 16px; vertical-align: middle;}
.col_left .spread_state li .item .ico1{background-position: 0 0;}
.col_left .spread_state li .item.on .ico1{background-position: -18px 0;}
.col_left .spread_state li .item .ico2{background-position: 0 -18px;}
.col_left .spread_state li .item.on .ico2{background-position: -18px -18px;}
.col_left .spread_state li .item .ico3{background-position: 0 -36px;}
.col_left .spread_state li .item.on .ico3{background-position: -18px -36px;}
.col_left .spread_state li .item .ico4{background-position: 0 -54px;}
.col_left .spread_state li .item.on .ico4{background-position: -18px -54px;}
.col_left .spread_state li .item .ico5{background-position: 0 -72px;}
.col_left .spread_state li .item.on .ico5{background-position: -18px -72px;}
.col_left .spread_state li .item .ico6{background-position: 0 -90px;}
.col_left .spread_state li .item.on .ico6{background-position: -18px -90px;}
.col_left .spread_state li .item .ico7{background-position: 0 -108px;}
.col_left .spread_state li .item.on .ico7{background-position: -18px -108px;}
.col_left .spread_state li .item .ico8{background-position: 0 -126px;}
.col_left .spread_state li .item.on .ico8{background-position: -18px -126px;}
.col_left .spread_state li .item span{margin-left: 12px; vertical-align: middle;}
.col_left .spread_state li .sub_item{padding-bottom: 10px;}
.col_left .spread_state li .sub_item p{height: 36px; line-height: 36px;}
.col_left .spread_state li .sub_item p a{display: block; padding-left: 46px; color: #333;}
.col_left .spread_state li .sub_item p a:hover{background: rgba(0, 0, 0, 0.06);}
.col_left .spread_state li .sub_item p a.on{background: #5D9CEC; color: #fff;}
.col_left .shrink_state{width: 60px; padding-top: 5px;}
.col_left .shrink_state li{height: 36px; line-height: 36px; text-align: center;}
.col_left .shrink_state li.on{background: #5D9CEC;}
.col_left .shrink_state li .ico{display: inline-block; width: 16px; height: 16px; margin-top: 10px;}
.col_left .shrink_state li .ico1{background-position: 0 0;}
.col_left .shrink_state li.on .ico1{background-position: -18px 0;}
.col_left .shrink_state li .ico2{background-position: 0 -18px;}
.col_left .shrink_state li.on .ico2{background-position: -18px -18px;}
.col_left .shrink_state li .ico3{background-position: 0 -36px;}
.col_left .shrink_state li.on .ico3{background-position: -18px -36px;}
.col_left .shrink_state li .ico4{background-position: 0 -54px;}
.col_left .shrink_state li.on .ico4{background-position: -18px -54px;}
.col_left .shrink_state li .ico5{background-position: 0 -72px;}
.col_left .shrink_state li.on .ico5{background-position: -18px -72px;}
.col_left .shrink_state li .ico6{background-position: 0 -90px;}
.col_left .shrink_state li.on .ico6{background-position: -18px -90px;}
.col_left .shrink_state li .ico7{background-position: 0 -108px;}
.col_left .shrink_state li.on .ico7{background-position: -18px -108px;}
.col_left .shrink_state li .ico7{background-position: 0 -126px;}
.col_left .shrink_state li.on .ico7{background-position: -18px -126px;}

.iScrollVerticalScrollbar {
    position: absolute;
    z-index: 9999;
    width: 3px;
    bottom: 2px;
    top: 2px;
    right: 2px;
    overflow: hidden;
}
.iScrollVerticalScrollbar .iScrollIndicator {
    width: 100%;border-radius:3px;
    background:rgba(0, 0, 0, 0.3);
}

/* 按钮 */
button{cursor:pointer;}
.btn_med{height:34px;line-height:34px;padding:0 25px;display:inline-block;}
.btn_fix_med{height:34px;line-height:34px;width:140px;;display:inline-block;}
.btn_big{height:34px;line-height:34px;width:200px;display:inline-block;}
.btn{width: 70px; height: 32px; line-height: 32px; text-align: center; vertical-align: middle;}
.btn_white{border: 1px solid #D3D3D3;}
.btn_white:hover{background: #f0f0f0;}
.btn_white:active{background: #e0e0e0;}
.btn_blue{background: #5D9CEC; color: #fff;}
.btn_blue:hover{background: #508fdf;}
.btn_blue:active{background: #3e7cca;}

/* 分页 */
.page_wrap{margin-top: 20px;}
.page_wrap .num_wrap{display: inline-block; vertical-align: middle;}
.page_wrap .num_wrap span{vertical-align: middle;}
.page_wrap .num_wrap span em{font-style: normal; margin: 0 2px;}
.page_wrap .num_wrap select{height: 30px; width: 50px; color: #666; border: 1px solid #D9DADC; font-size: 16px; margin: 0 5px; vertical-align: middle;}
.page_wrap ul{display: inline-block; margin: 7px 0 0 20px; vertical-align: middle;}
.page_wrap li{float: left; margin-left: 8px; vertical-align: middle;}
.page_wrap li a{display: inline-block;}
.page_wrap li.border a{width: 28px; height: 28px; border: 1px solid #D9DADC;background: url(../images/sprite.png) no-repeat;}
.page_wrap li.border a:hover{background-color: #eee;}
.page_wrap li.border.disable a{background-color: #eee; cursor: default;}
.page_wrap li.page_ellip a:hover{cursor: default;}
.page_wrap li.page_prev a{background-position: -38px -64px; background-color: #fff;}
.page_wrap li.page_next a{background-position: -68px -64px; background-color: #fff;}
.page_wrap li.page_prev.disable a{background-position: -38px -96px;}
.page_wrap li.page_next.disable a{background-position: -68px -96px;}
.page_wrap li.page_num a,.page_wrap li.page_ellip a{width: 30px; height: 30px; line-height: 30px; text-align: center;}
.page_wrap li.page_num.on a{background: #4C8DEE; color: #fff;}
.page_wrap li.text{height: 30px; line-height: 30px;}
.page_wrap li.t1{margin-left: 20px;}
.page_wrap li.page_input input{width: 38px; height: 28px; line-height: 28px; text-align: center; background: #fff; border: 1px solid #D9DADC;}
.page_wrap li.page_input input:focus{border-color: #ccc;}
.page_wrap li.page_go{margin-left: 20px;}
.page_wrap li.page_go button{width: 40px; height: 30px; line-height: 24px; background: #fff; border: 1px solid #D9DADC; outline: none; font-family: Microsoft YaHei;}
.page_wrap li.page_go button:hover{border-color: #ccc; background: #eee;}
.page_wrap li.page_go button:active{border-color: #ccc; background: #e0e0e0;}

/* 弹出层 */
.pop_wrapper{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 998; display: table;}
.pop_wrapper .pop_outer{display: table-cell; vertical-align: middle; text-align: center;}
.pop_wrapper .pop_outer .pop_main{display: inline-block; background: #fff; border: 1px solid #D3D3D3; text-align: left; box-shadow: 0 0 10px #aaa;}
.pop_wrapper .pop_outer .pop_main .pop_title{height: 48px; line-height: 48px; background: #F4F5F9; padding-left: 20px; border-bottom: 1px solid #D3D3D3; font-size: 16px; position: relative;}
.pop_wrapper .pop_outer .pop_main .pop_title .btn_close{position: absolute; top: 16px; right: 16px; width: 16px; height: 16px; background-position: -36px -46px; cursor: pointer;}

/*模拟选择栏*/
.select { position: relative; display: block; margin: 0 auto; width: 100%; max-width: 325px; color: #333; vertical-align: middle; text-align: left; user-select: none; -webkit-touch-callout: none;}
.select .placeholder { position: relative; display: block;min-width: 55px; background: #fff;z-index: 1; padding: 10px 30px 10px 10px; border-radius: 2px; cursor: pointer;}
.select .placeholder:hover {background: #fafafa;}
.select .placeholder:after { position: absolute; right: 10px; top: 50%; content:""; z-index: 10;margin-top:-3px;width: 12px;height: 6px;background:url(../images/s_sprite.png) no-repeat;background-position: -40px 0;-webkit-transition: 0.2s;}
.select.is-open .placeholder:after {-webkit-transform:rotate(-180deg);-webkit-transition: 0.2s;}
.select.is-open ul { display: block;}
.select ul {border:1px solid #D9DADC; display: none; position: absolute; overflow: hidden; width: 100%; background: #fff; border-radius: 2px; top: 100%; left: 0; list-style: none; margin: 5px 0 0 0; padding: 0; z-index: 100;}
.select ul li {display: block; text-align: left;color: #666; cursor: pointer;padding: 8px 10px;}
.select ul li:hover { background: #4C8DEE; color: #fff;}

/*select lang*/
.select_lang_box{padding-top: 12px;}
.select_lang{display: inline-block;}
.select_lang .placeholder{padding: 0 25px 0 0;}
.select_lang .select ul li{padding: 0;}
.select_lang i{display: block;padding: 0 10px 0 35px;line-height: 36px;position: relative;}
.select .ico_ch:after{display: block;content: "";position: absolute;top: 50%;left: 10px;margin-top: -6px;width: 18px;height: 12px;background: url(../images/s_sprite.png) no-repeat;background-position: -58px 0;}
.select .ico_en:after{display: block;content: "";position: absolute;top: 50%;left: 10px;margin-top: -6px;width: 18px;height: 12px;background: url(../images/s_sprite.png) no-repeat;background-position: -78px 0;}
.selang i{padding: 0 10px;}
.selang ul i{padding: 0;text-align: center;}

/*header*/
.header .u_infos{position: absolute; right: 28px; top: 6px; color: #333;line-height: 24px;}
.header .u_infos .u_t1{display: inline-block;padding-left: 18px;}
.header .u_infos .u_t1 a{color: #5D9BEB;text-decoration: underline;}
.header .sct_lang {text-align: right;}
.header .sct_lang .select_lang i{line-height: 30px;}
.pos_pass_change{margin-left:210px;}